@innovastudio/contentbox 1.5.61 → 1.5.62

package/public/contentbox/contentbox.min.js

@@ -430,10 +430,10 @@ function O(e,t){var i,n,o;function s(){return new ReadableStream({start:function
      * @throws Will throw an error if "new" keyword is not used to initiate "RecordRTCPromisesHandler". Also throws error if first argument "MediaStream" is missing.
      * @requires {@link RecordRTC}
      */
-function(e,i){if(!this)throw'Use "new RecordRTCPromisesHandler()"';if(void 0===e)throw'First argument "MediaStream" is required.';var n=this;n.recordRTC=new t(e,i),this.startRecording=function(){return new Promise((function(e,t){try{n.recordRTC.startRecording(),e()}catch(e){t(e)}}))},this.stopRecording=function(){return new Promise((function(e,t){try{n.recordRTC.stopRecording((function(i){n.blob=n.recordRTC.getBlob(),n.blob&&n.blob.size?e(i):t("Empty blob.",n.blob)}))}catch(e){t(e)}}))},this.pauseRecording=function(){return new Promise((function(e,t){try{n.recordRTC.pauseRecording(),e()}catch(e){t(e)}}))},this.resumeRecording=function(){return new Promise((function(e,t){try{n.recordRTC.resumeRecording(),e()}catch(e){t(e)}}))},this.getDataURL=function(e){return new Promise((function(e,t){try{n.recordRTC.getDataURL((function(t){e(t)}))}catch(e){t(e)}}))},this.getBlob=function(){return new Promise((function(e,t){try{e(n.recordRTC.getBlob())}catch(e){t(e)}}))},this.getInternalRecorder=function(){return new Promise((function(e,t){try{e(n.recordRTC.getInternalRecorder())}catch(e){t(e)}}))},this.reset=function(){return new Promise((function(e,t){try{e(n.recordRTC.reset())}catch(e){t(e)}}))},this.destroy=function(){return new Promise((function(e,t){try{e(n.recordRTC.destroy())}catch(e){t(e)}}))},this.getState=function(){return new Promise((function(e,t){try{e(n.recordRTC.getState())}catch(e){t(e)}}))},this.blob=null,this.version="5.6.2"},t.WebAssemblyRecorder=O}(sy);var ay=sy.exports;const ly=new oi;class ry{constructor(e={},t){this.opts=Object.assign(this,{send:()=>{},abort:()=>{}},e),this.builder=t;const i=this.builder.util;this.util=i;const n=this.builder.builderStuff;this.builderStuff=n,null===localStorage.getItem("_mic")&&localStorage.setItem("_mic","0"),this.builder.isInProgress=!1;const o=this.builder.commandInfo;let s="";for(const e in o)if(Object.prototype.hasOwnProperty.call(o,e)){const{title:t,list:i,width:n}=o[e];if(this.builder.enableShortCommands){s+=`<h2>${t}</h2>`;for(const e of i)s+=n?`<div role="button" tabindex="0" class="command-item" style="width:${n}">${e}</div>`:`<div role="button" tabindex="0" class="command-item">${e}</div>`}else if("general"===e){s+=`<h2>${t}</h2>`;for(const e of i)s+=n?`<div role="button" tabindex="0" class="command-item" style="width:${n}">${e}</div>`:`<div role="button" tabindex="0" class="command-item">${e}</div>`}}let a=`\n        <style>\n            .is-modal.commandlist {\n                z-index: 10005 !important\n            }\n            .is-modal.commandlist .is-modal-content {\n                max-width:calc(100% - 150px);\n                height:calc(100% - 150px);\n                padding:0 !important;\n            }\n            .is-modal.commandlist .is-modal-close {\n                position: absolute !important;\n                top: 5px;\n                right: 15px;\n                box-shadow: none !important;\n            }\n            .is-modal.commandlist .is-modal-close {\n                background: transparent !important;\n            }\n            .is-modal.commandlist .is-modal-close svg {\n                width:50px;height:50px;\n            }\n            .is-modal.commandlist .is-modal-content > div {\n                display: flex;\n                flex-flow: wrap;\n                align-items: flex-start;\n                /*align-items: inherits;*/\n                justify-content: flex-start;\n                padding: 2.2rem;\n                box-sizing: border-box;\n                overflow-y: auto;\n                overflow-x: hidden;\n                width: 100%;\n                height: 100%;\n            }\n            .is-modal.commandlist .is-modal-content > div > h2 {\n                display: block;\n                width: 100%;\n                flex: none;\n                font-family: "Open Sans", sans-serif;\n                font-weight: 300;\n                margin-bottom: 30px;\n                font-size: 28px;\n            }\n            .is-modal.commandlist .is-modal-content > div > div {\n                margin-right: 2.2rem;\n                margin-bottom: 2.2rem;\n                display: flex;\n                flex: none;\n                width: 350px;\n                height: auto;\n                flex-direction: column;\n                justify-content: space-between;\n                border-radius: 0.25rem;\n                border: 1px solid rgb(156 163 175/.75);\n                padding: 1.5rem 2rem;\n                box-sizing: border-box;\n                letter-spacing: .025em;\n                box-shadow: 5px 5px 0px rgb(0 0 0 / 3%);\n                font-size: 19px;\n                font-weight: 300;\n                font-family: sans-serif;\n                line-height: 1.3;\n                cursor:pointer;\n                transition: all 0.3s ease;\n            }\n            .is-modal.commandlist .is-modal-content > div > div:hover {\n                background: rgba(0, 0, 0, 0.03);\n            }\n            .dark .is-modal.commandlist .is-modal-content > div > div:hover {\n                background: rgba(255, 255, 255, 0.05);\n            }\n            .is-modal.page-command {\n                width: 340px !important; \n                height: 200px !important; \n                top: auto !important; \n                bottom: 30px !important; \n                left: auto !important; \n                right: 30px !important; \n                z-index: 10005 !important;\n                font-size: 12px;\n            }\n            .page-command-overlay {\n                position: fixed;\n                background: rgb(148 148 148 / 22%);\n                display: none;\n                z-index: 10004;\n                justify-content: center;\n                align-items:center;\n            }\n\n            .spinner {\n                -webkit-animation: rotator 1.4s linear infinite;\n                        animation: rotator 1.4s linear infinite;\n            }\n            @-webkit-keyframes rotator {\n                0% {\n                    transform: rotate(0deg);\n                }\n                100% {\n                    transform: rotate(270deg);\n                }\n            }\n            @keyframes rotator {\n                0% {\n                    transform: rotate(0deg);\n                }\n                100% {\n                    transform: rotate(270deg);\n                }\n            }\n            .path {\n                stroke: #232323; /* #b7b7b7; */\n                stroke-dasharray: 187;\n                stroke-dashoffset: 0;\n                transform-origin: center;\n                -webkit-animation: dash 1.4s ease-in-out infinite;\n                        animation: dash 1.4s ease-in-out infinite;\n            }\n            @-webkit-keyframes dash {\n                0% {\n                    stroke-dashoffset: 187;\n                }\n                50% {\n                    stroke-dashoffset: 46.75;\n                    transform: rotate(135deg);\n                }\n                100% {\n                    stroke-dashoffset: 187;\n                    transform: rotate(450deg);\n                }\n            }\n            @keyframes dash {\n                0% {\n                    stroke-dashoffset: 187;\n                }\n                50% {\n                    stroke-dashoffset: 46.75;\n                    transform: rotate(135deg);\n                }\n                100% {\n                    stroke-dashoffset: 187;\n                    transform: rotate(450deg);\n                }\n            }\n        </style>\n        <div class="is-overlay page-command-overlay">\n            <svg class="spinner" width="40px" height="40px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">\n                <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>\n            </svg>\n        </div>\n        <div class="is-modal is-modal-content page-command" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">\n            <div class="is-modal-bar is-draggable" draggable=""> \n                <span style="display: flex;\n                justify-content: center;\n                align-items: center;">\n                    ${i.out("AI Assistant")}</span>\n                <button class="is-modal-close" tabindex="-1" title="${i.out("Close")}">\n                    <svg class="is-icon-flex"style="width:20px;height:20px"><use xlink:href="#ion-ios-close-empty"></use></svg>\n                </button>\n            </div>\n            <div style="display:flex;flex-direction:column;justify-content:space-between;position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;border-top:transparent 35px solid;overflow-y:hidden;overflow-x:auto;">\n            \n                <textarea class="inp-command" style="resize:none;width:100%;height:121px;border:none;outline:none;background:transparent;line-height: 1.2;\n                font-family: sans-serif;font-weight: 300;font-size: 17px;"></textarea>\n                <div style="display:flex">\n                    <button title="${i.out("Mic")}" class="cmd-enable-dictation classic-secondary" style="width:40px;height:43px;flex:none;padding:0;outline-offset:-2px;">\n                        <svg class="is-icon-flex" style="width: 18px; height: 18px;"><use xlink:href="#icon-microphone"></use></svg> \n                    </button>\n                    <button title="${i.out("Commands")}" class="cmd-command-list classic-secondary" style="width:40px;height:43px;flex:none;padding:0;outline-offset:-2px;">\n                        <svg class="is-icon-flex" style="width: 18px; height: 18px;"><use xlink:href="#icon-message-search"></use></svg> \n                    </button>\n                    <button title="${i.out("Clear")}" class="cmd-clear-command classic-secondary" style="width:40px;height:43px;flex:none;padding:0;outline-offset:-2px;">\n                        <svg class="is-icon-flex" style="width: 18px; height: 18px;"><use xlink:href="#icon-eraser"></use></svg> \n                    </button>\n                    <label for="chkAutoSendCommand" style="margin:0;display:flex;padding-left:10px;padding-right:10px;white-space:nowrap;width:100%;align-items:center;letter-spacing:0"><input id="chkAutoSendCommand" type="checkbox"> <span style="margin-left:3px">${i.out("Auto Send")}</span></label>\n                    <button title="${i.out("Send")}" class="cmd-send-command classic-primary" style="width:100%;padding-left:5px;padding-right:5px;height:43px;outline-offset:-2px;">Send</button>\n                </div>\n            </div>\n        </div>\n\n        <div class="is-modal commandlist" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="false">\n            <div class="is-modal-overlay"></div>\n\n            <div class="is-modal-content scroll-darker"">\n                <button class="is-modal-close" tabindex="-1" title="${i.out("Close")}">\n                    <svg class="is-icon-flex"><use xlink:href="#ion-ios-close-empty"></use></svg>\n                </button>\n                <div>\n\n                    ${s}\n\n                </div>\n            </div>\n        </div>\n        `;ly.appendHtml(n,a);const l=n.querySelector(".page-command");this.modalCommand=l;const r=n.querySelector(".commandlist");this.modalCommandList=r;const d=n.querySelector(".cmd-enable-dictation"),c=n.querySelector(".cmd-clear-command"),u=n.querySelector("#chkAutoSendCommand"),p=n.querySelector(".cmd-command-list"),h=this.builderStuff.querySelector(".inp-command");null===localStorage.getItem("_sampleshown")&&(h.setAttribute("placeholder",this.builder.commandPlaceholderText),localStorage.setItem("_sampleshown",!0)),this.builder.commandText="",this.builder.autoSendCommand=!1,null!==localStorage.getItem("_dictation")&&"1"===localStorage.getItem("_dictation")&&(this.modalCommand.classList.add("active"),null!==localStorage.getItem("_mic")?"1"===localStorage.getItem("_mic")&&this.startDictation():this.startDictation()),null!==localStorage.getItem("_mic")&&"0"===localStorage.getItem("_mic")&&(d.innerHTML='<svg class="is-icon-flex" style="width:18px; height:18px;"><use xlink:href="#icon-microphone-off"></use></svg>',u.parentNode.style.display="none",c.style.marginRight="6px"),null!==localStorage.getItem("_autosendcommand")&&"1"===localStorage.getItem("_autosendcommand")&&(u.checked=!0,this.builder.autoSendCommand=!0,localStorage.setItem("_autosendcommand","1")),this.modalCommand.addEventListener("focus",(()=>{i.saveSelection()})),p.addEventListener("click",(()=>{i.showModal(this.modalCommandList,!1,(()=>{p.removeAttribute("data-focus"),p.focus()}),!1),p.setAttribute("data-focus",!0)}));const m=e=>{this.builderStuff.querySelector(".inp-command").value=e,i.hideModal(this.modalCommandList)};r.querySelectorAll(".command-item").forEach((e=>{e.addEventListener("click",(()=>{m(e.innerText),h.focus()})),e.addEventListener("keydown",(t=>{13!==t.which||t.shiftKey||(t.preventDefault(),t.stopImmediatePropagation(),m(e.innerText),setTimeout((()=>{h.focus()}),300))}))})),d.addEventListener("click",(()=>{this.checkMic()?(this.stopDictation(),d.innerHTML='<svg class="is-icon-flex" style="width:18px; height:18px;"><use xlink:href="#icon-microphone-off"></use></svg>',localStorage.setItem("_mic","0"),u.parentNode.style.display="none",c.style.marginRight="6px"):(this.startDictation(),d.innerHTML='<svg class="is-icon-flex" style="width:18px; height:18px;"><use xlink:href="#icon-microphone"></use></svg>',localStorage.setItem("_mic","1"),u.parentNode.style.display="flex",c.style.marginRight="")})),u.addEventListener("change",(()=>{u.checked?(this.builder.autoSendCommand=!0,localStorage.setItem("_autosendcommand","1")):(this.builder.autoSendCommand=!1,localStorage.setItem("_autosendcommand","0"))})),c.addEventListener("click",(()=>{const e=this.builderStuff.querySelector(".inp-command");this.builder.commandText="",e.value="",e.focus()}));const g=n.querySelector(".cmd-send-command");g.addEventListener("click",(async()=>{if(this.builder.isInProgress)return void this.opts.abort();let e=this.modalCommand.querySelector(".inp-command").value;e=e.trim(),""!==e&&this.opts.send(e)})),h.addEventListener("keydown",(e=>{13!==e.keyCode||e.shiftKey||e.preventDefault()})),h.addEventListener("keyup",(e=>{if(13===e.keyCode&&!e.shiftKey)return g.click(),void e.preventDefault();this.builder.commandText=h.value}));this.modalCommand.querySelector(".is-modal-close").addEventListener("click",(()=>{this.modalCommand.classList.remove("active"),this.stopDictation(),localStorage.setItem("_dictation","0")})),this.initialStart=!1}checkMic(){return null===localStorage.getItem("_mic")||"0"!==localStorage.getItem("_mic")}openDictation(){const e=this.modalCommand.querySelector(".inp-command");if(this.modalCommand.classList.contains("active"))return void setTimeout((()=>{e.focus()}),600);this.modalCommand.classList.add("active"),e.focus(),localStorage.setItem("_dictation","1");const t=this.builderStuff.querySelector("#chkAutoSendCommand"),i=this.builderStuff.querySelector(".cmd-clear-command");if(!this.checkMic()){return this.builderStuff.querySelector(".cmd-enable-dictation").innerHTML='<svg class="is-icon-flex" style="width:18px; height:18px;"><use xlink:href="#icon-microphone-off"></use></svg>',t.parentNode.style.display="none",void(i.style.marginRight="6px")}t.parentNode.style.display="flex",i.style.marginRight="",this.startDictation()}stopDictation(){this.recognition&&this.recognition.abort(),this.aborted=!0,this.recorder&&this.recorder.stopRecording(),this.localStream&&this.localStream.getAudioTracks().forEach((e=>{e.stop()}))}async startDictation(){const e=this.modalCommand.querySelector(".inp-command");if(this.builder.onlineDemo)return setTimeout((()=>{const e=this.builderStuff.querySelector(".cmd-enable-dictation"),t=this.builderStuff.querySelector(".cmd-clear-command"),i=this.builderStuff.querySelector("#chkAutoSendCommand");this.stopDictation(),e.innerHTML='<svg class="is-icon-flex" style="width:18px; height:18px;"><use xlink:href="#icon-microphone-off"></use></svg>',localStorage.setItem("_mic","0"),i.parentNode.style.display="none",t.style.marginRight="6px"}),1),void this.util.showMessage(this.util.out("Speech recognition is disabled in this online demo. You can type your command/prompt in the textbox."),!0,(()=>{e.focus()}));if(this.builder.speechTranscribeUrl){this.websocket=new WebSocket(this.builder.speechTranscribeUrl);try{this.localStream=await navigator.mediaDevices.getUserMedia({audio:!0})}catch(e){return setTimeout((()=>{const e=this.builderStuff.querySelector(".cmd-enable-dictation"),t=this.builderStuff.querySelector(".cmd-clear-command"),i=this.builderStuff.querySelector("#chkAutoSendCommand");this.stopDictation(),e.innerHTML='<svg class="is-icon-flex" style="width:18px; height:18px;"><use xlink:href="#icon-microphone-off"></use></svg>',localStorage.setItem("_mic","0"),i.parentNode.style.display="none",t.style.marginRight="6px"}),1),void this.util.showMessage(this.util.out("No microphone found. Please activate your microphone and refresh the page."))}const t=16e3;this.recorder=new ay(this.localStream,{type:"audio",desiredSampRate:t,numberOfAudioChannels:1,timeSlice:1e3,ondataavailable:e=>{this.websocket.send(e)}});(/constructor/i.test(window.HTMLElement)||"[object SafariRemoteNotification]"===(!window.safari||"undefined"!=typeof safari&&window.safari.pushNotification).toString())&&!this.initialStart&&(this.recorder.stopRecording(),this.initialStart=!0,this.startDictation());let i="";this.websocket.onmessage=t=>{const n=JSON.parse(t.data);if("can-open-mic"===n.event&&(this.recorder.startRecording(),this.aborted=!1),"transcript-result"===n.event){const t=n.data;if(this.builder.isInProgress||this.aborted)return;i+=" "+t,e.value=i,clearTimeout(this.speechTimeout),this.speechTimeout=setTimeout((()=>{if(this.builder.commandText="",i="",this.builder.autoSendCommand){if(""===e.value.trim())return;this.modalCommand.querySelector(".cmd-send-command").click()}}),this.builder.autoSendDelay)}}}else if("SpeechRecognition"in window||"webkitSpeechRecognition"in window||"mozSpeechRecognition"in window){const t=window.SpeechRecognition||window.webkitSpeechRecognition||window.mozSpeechRecognition;this.recognition=new t,this.recognition.continuous=!0,this.recognition.interimResults=!0;let i=this.builder.speechRecognitionLang;this.recognition.lang=i,this.recognition.start(),this.speechTimeout,this.builder.commandText="",this.recognition.onresult=t=>{if(this.builder.isInProgress)return;let i="",n="";for(var o=t.resultIndex;o<t.results.length;++o)t.results[o].isFinal?n+=t.results[o][0].transcript:i+=t.results[o][0].transcript;if(-1===i.indexOf("send")&&-1===n.indexOf("send"))this.builder.commandText+=n,e.value=this.builder.commandText,clearTimeout(this.speechTimeout),this.speechTimeout=setTimeout((()=>{if(this.builder.commandText="",this.builder.autoSendCommand){if(""===e.value.trim())return;this.modalCommand.querySelector(".cmd-send-command").click()}}),this.builder.autoSendDelay);else{this.modalCommand.querySelector(".cmd-send-command").click()}},this.recognition.onend=()=>{this.aborted||this.startDictation()},this.recognition.onstart=()=>{this.aborted=!1},this.recognition.onerror=e=>{console.log(e.message)}}else setTimeout((()=>{const e=this.builderStuff.querySelector(".cmd-enable-dictation"),t=this.builderStuff.querySelector(".cmd-clear-command"),i=this.builderStuff.querySelector("#chkAutoSendCommand");this.stopDictation(),e.innerHTML='<svg class="is-icon-flex" style="width:18px; height:18px;"><use xlink:href="#icon-microphone-off"></use></svg>',localStorage.setItem("_mic","0"),i.parentNode.style.display="none",t.style.marginRight="6px"}),1),this.util.showMessage(this.util.out("Speech recognition not supported in this browser."))}startSending(){this.modalCommand.querySelector(".cmd-send-command").innerHTML=`\n        <svg class="spinner" width="14px" height="14px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">\n            <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>\n        </svg>\n        <span style="margin-left:5px">${this.util.out("Abort")}</span>\n        `;this.builderStuff.querySelector(".page-command-overlay").style.display="flex",this.builder.isInProgress=!0}finish(){this.builder.isInProgress=!1;this.modalCommand.querySelector(".cmd-send-command").innerText=this.util.out("Send");this.builderStuff.querySelector(".page-command-overlay").style.display="none"}}var dy={compareTwoStrings:cy,findBestMatch:function(e,t){if(!function(e,t){return"string"==typeof e&&(!!Array.isArray(t)&&(!!t.length&&!t.find((function(e){return"string"!=typeof e}))))}(e,t))throw new Error("Bad arguments: First argument should be a string, second should be an array of strings");const i=[];let n=0;for(let o=0;o<t.length;o++){const s=t[o],a=cy(e,s);i.push({target:s,rating:a}),a>i[n].rating&&(n=o)}const o=i[n];return{ratings:i,bestMatch:o,bestMatchIndex:n}}};function cy(e,t){if((e=e.replace(/\s+/g,""))===(t=t.replace(/\s+/g,"")))return 1;if(e.length<2||t.length<2)return 0;let i=new Map;for(let t=0;t<e.length-1;t++){const n=e.substring(t,t+2),o=i.has(n)?i.get(n)+1:1;i.set(n,o)}let n=0;for(let e=0;e<t.length-1;e++){const o=t.substring(e,e+2),s=i.has(o)?i.get(o):0;s>0&&(i.set(o,s-1),n++)}return 2*n/(e.length+t.length-2)}class uy{constructor(e){this.builder=e}check(e){const{commandList:t}=this.builder.settings;let i=0,n="";for(const[o,s]of Object.entries(t)){const t=this.calculate(e,s);t>i&&(i=t,n=o)}return i>=this.builder.similarityThreshold&&n}calculate(e,t){const i=e.toLowerCase();let n=0;for(const e of t){const t=dy.compareTwoStrings(i,e);t>n&&(n=t)}return n}}class py{constructor(e={}){let t,i,n={page:"",container:".container",row:"",cols:[],colequal:[],colsizes:[],imageQuality:.92,elementSelection:!0,paste:"text",snippetJSON:{snippets:[]},onPreviewOpen:()=>{let e=this.html();localStorage.setItem("preview-html",e)},previewStyle:"top:auto;bottom:50px;left:50px;right:auto;",livePreviewOpen:!1,livePreviewAlwaysReload:!1,livePreviewReloadEvery:30,scriptPath:"",plugins:[],pluginPath:"contentbuilder/",disableConfig:!1,modulePath:"assets/modules/",assetPath:"assets/",fontAssetPath:"assets/fonts/",snippetData:"assets/minimalist-blocks/snippetlist.html",snippetUrl:"assets/minimalist-blocks/content.js",snippetPath:"assets/minimalist-blocks/",snippetPathReplace:[],snippetCategories:[[120,"Basic"],[118,"Article"],[101,"Headline"],[119,"Buttons"],[102,"Photos"],[103,"Profile"],[116,"Contact"],[104,"Products, Services"],[105,"Features"],[108,"Skills"],[109,"Achievements"],[106,"Process"],[107,"Pricing"],[110,"Quotes"],[111,"Partners"],[112,"As Featured On"],[113,"Page Not Found"],[114,"Coming Soon"],[115,"Help, FAQ"]],defaultSnippetCategory:120,snippetHandle:!0,sidePanel:"right",snippetList:"#divSnippetList",onRender:function(){},onChange:function(){},largerImageHandler:"",imageHandler:"",fileHandler:"",mediaHandler:"",videoHandler:"",audioHandler:"",colors:["#ff8f00","#ef6c00","#d84315","#c62828","#58362f","#37474f","#353535","#f9a825","#9e9d24","#558b2f","#ad1457","#6a1b9a","#4527a0","#616161","#00b8c9","#009666","#2e7d32","#0277bd","#1565c0","#283593","#9e9e9e"],builderMode:"",rowTool:"right",rowcolOutline:!0,columnTool:!0,outlineMode:"",toolStyle:"",outlineStyle:"",snippetAddTool:!0,elementTool:!0,elementHighlight:!0,columnHtmlEditor:!0,rowHtmlEditor:!0,htmlSyntaxHighlighting:!0,snippetOpen:!1,toolbar:"top",toolbarDisplay:"auto",shortenHTML:!0,resizeHeight:!1,snippetsSidebarDisplay:"auto",imageEmbed:!0,imageselect:"",fileselect:"",imageSelect:"",fileSelect:"",videoSelect:"",audioSelect:"",mediaSelect:"",selectIcon:'<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-folder"></use></svg>',otherSelect:"",otherSelectCaption:"Select Document",otherSelectIcon:'<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-list-search"></use></svg>',imageSelectWidth:"1024px",imageSelectHeight:"80vh",fileSelectWidth:"1024px",fileSelectHeight:"80vh",videoSelectWidth:"1024px",videoSelectHeight:"80vh",audioSelectWidth:"1024px",audioSelectHeight:"80vh",mediaSelectWidth:"1024px",mediaSelectHeight:"80vh",otherSelectWidth:"1024px",otherSelectHeight:"80vh",assetRefresh:!1,customTags:[],buttons:["bold","italic","underline","formatting","color","align","textsettings","createLink","tags","|","undo","redo","zoom","livepreview","more"],buttonsMore:["icon","image","|","list","font","formatPara","|","html","preferences"],elementButtons:["left","center","right","full","undo","redo","zoom","livepreview","more"],elementButtonsMore:["|","html","preferences"],iconButtons:["icon","color","textsettings","createLink","|","undo","redo","zoom","livepreview","more"],iconButtonsMore:["|","html","preferences"],lang:[],checkLang:!1,clearPreferences:!1,toolbarAddSnippetButton:!1,animateModal:!0,defaultFontSizes:[16,17,18,19,24,32,48,76,96,120,200,300],fontSizeClassValues:[12,14,15,16,17,18,19,21,24,28,32,35,38,42,46,48,50,54,60,64,68,72,76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144,148,152,156,160,164,168,172,176,180,184,188,192,196,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284,288,292,296,300,304,308,312,316,320,324,328,332,336,340,344,348,352,356,360,364,368,372,376,380,384,388,392,396,400],gradientcolors:[["linear-gradient(0deg, rgb(255, 57, 25), rgb(249, 168, 37))"],["linear-gradient(0deg, rgb(255, 57, 25), rgb(255, 104, 15))"],["linear-gradient(0deg, #FF5722, #FF9800)"],["linear-gradient(0deg, #613ca2, rgb(110, 123, 217))"],["linear-gradient(0deg, rgb(65, 70, 206), rgb(236, 78, 130))"],["linear-gradient(0deg, rgb(0, 150, 102), rgb(90, 103, 197))"],["linear-gradient(30deg, rgb(249, 119, 148), rgb(98, 58, 162))"],["linear-gradient(0deg, rgb(223, 70, 137), rgb(90, 103, 197))"],["linear-gradient(0deg, rgb(40, 53, 147), rgb(90, 103, 197))"],["linear-gradient(0deg, rgb(21, 101, 192), rgb(52, 169, 239))"],["linear-gradient(0deg, rgb(32, 149, 219), rgb(139, 109, 230))"],["linear-gradient(0deg, rgb(90, 103, 197), rgb(0, 184, 201))"],["linear-gradient(0deg, rgb(0, 184, 201), rgb(253, 187, 45))"],["linear-gradient(0deg, rgb(255, 208, 100), rgb(239, 98, 159))"],["linear-gradient(0deg, rgb(0, 214, 223), rgb(130, 162, 253))"],["linear-gradient(0deg, rgb(50, 234, 251), rgb(248, 247, 126))"],["linear-gradient(0deg, rgb(141, 221, 255), rgb(255, 227, 255))"],["linear-gradient(0deg, rgb(255, 170, 170), rgb(255, 255, 200))"],["linear-gradient(0deg, rgb(239, 239, 239), rgb(252, 252, 252))"]],elementEditor:!0,customval:"",moduleConfig:[],elementAnimate:!1,framework:"",cellFormat:"",rowFormat:"",emailMode:!1,absolutePath:!1,emailSnippetCategories:[[1,"Logo"],[14,"Call to Action"],[2,"Title"],[3,"Title, Subtitle"],[4,"Info, Title"],[7,"Paragraph"],[6,"Heading"],[8,"Buttons"],[9,"Callouts"],[10,"Images + Caption"],[12,"Images"],[13,"List"],[15,"Pricing"],[16,"Quotes"],[17,"Profile"],[18,"Contact Info"],[19,"Footer"],[20,"Separator"]],defaultEmailSnippetCategory:14,undoRedoStyles:!1,maxEmbedImageWidth:1600,zoom:1,useLightbox:!1,lightboxArrow:!0,imageRenameOnEdit:!0,disableAutoEmbedVideo:!1,deleteConfirm:!1,sectionTemplate:'\n            <div class="is-section is-box is-section-100 type-opensans">\n                <div class="is-overlay"></div>\n                <div class="is-boxes">\n                    <div class="is-box-centered">\n                        <div class="is-container is-content-1100 v2 size-17 leading-13">\n                            [%CONTENT%]\n                        </div>\n                    </div>\n                </div>\n            </div>\n            ',colHeight:[300,350,400,450,500,550,600,650,700],maxColumns:6,leadingPreset:[1,1.2,1.4,1.6,1.8,2,2.2],cssClasses:{fontWeight:{thin:"font-thin",extralight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extrabold:"font-extrabold",black:"font-black",defaultBold:"font-semibold",defaultNormal:"font-light"},fontStyle:{italic:"italic",normal:"not-italic"},textDecoration:{underline:"underline",linethrough:"line-through",normal:"no-underline"},textTransform:{uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize",normal:"normal-case"},tracking:{tracking__100:"tracking--100",tracking__075:"tracking--75",tracking__050:"tracking-tighter",tracking__025:"tracking-tight",tracking_000:"tracking-normal",tracking_025:"tracking-wide",tracking_050:"tracking-wider",tracking_075:"tracking-75",tracking_100:"tracking-widest",tracking_125:"tracking-125",tracking_150:"tracking-150",tracking_175:"tracking-175",tracking_200:"tracking-200",tracking_225:"tracking-225",tracking_250:"tracking-250",tracking_275:"tracking-275",tracking_300:"tracking-300",tracking_325:"tracking-325",tracking_350:"tracking-350",tracking_375:"tracking-375",tracking_400:"tracking-400",tracking_425:"tracking-425",tracking_450:"tracking-450",tracking_475:"tracking-475",tracking_500:"tracking-500"},leading:{leading_5:"leading-05",leading_6:"leading-06",leading_7:"leading-07",leading_8:"leading-08",leading_9:"leading-09",leading_10:"leading-none",leading_11:"leading-11",leading_12:"leading-12",leading_125:"leading-tight",leading_13:"leading-13",leading_1375:"leading-snug",leading_14:"leading-14",leading_15:"leading-normal",leading_16:"leading-16",leading_1625:"leading-relaxed",leading_17:"leading-17",leading_18:"leading-18",leading_19:"leading-19",leading_20:"leading-loose",leading_21:"leading-21",leading_22:"leading-22",leading_23:"leading-23",leading_24:"leading-24",leading_25:"leading-25",leading_26:"leading-26",leading_27:"leading-27",leading_28:"leading-28",leading_29:"leading-29",leading_30:"leading-30"},opacity:{opacity_0:"opacity-0",opacity_2:"opacity-2",opacity_4:"opacity-4",opacity_5:"opacity-5",opacity_6:"opacity-6",opacity_8:"opacity-8",opacity_10:"opacity-10",opacity_12:"opacity-12",opacity_15:"opacity-15",opacity_20:"opacity-20",opacity_25:"opacity-25",opacity_30:"opacity-30",opacity_35:"opacity-35",opacity_40:"opacity-40",opacity_45:"opacity-45",opacity_50:"opacity-50",opacity_55:"opacity-55",opacity_60:"opacity-60",opacity_65:"opacity-65",opacity_70:"opacity-70",opacity_75:"opacity-75",opacity_80:"opacity-80",opacity_85:"opacity-85",opacity_90:"opacity-90",opacity_95:"opacity-95",opacity_100:"opacity-100"},padding:{all:{p_0:"p-0",p_1:"p-1",p_2:"p-2",p_3:"p-3",p_4:"p-4",p_5:"p-5",p_6:"p-6",p_7:"p-7",p_8:"p-8",p_9:"p-9",p_10:"p-10",p_11:"p-11",p_12:"p-12",p_14:"p-14",p_16:"p-16",p_20:"p-20"},x:{px_0:"px-0",px_1:"px-1",px_2:"px-2",px_3:"px-3",px_4:"px-4",px_5:"px-5",px_6:"px-6",px_7:"px-7",px_8:"px-8",px_9:"px-9",px_10:"px-10",px_11:"px-11",px_12:"px-12",px_14:"px-14",px_16:"px-16",px_20:"px-20"},y:{py_0:"py-0",py_1:"py-1",py_2:"py-2",py_3:"py-3",py_4:"py-4",py_5:"py-5",py_6:"py-6",py_7:"py-7",py_8:"py-8",py_9:"py-9",py_10:"py-10",py_11:"py-11",py_12:"py-12",py_14:"py-14",py_16:"py-16",py_20:"py-20"},top:{pt_0:"pt-0",pt_1:"pt-1",pt_2:"pt-2",pt_3:"pt-3",pt_4:"pt-4",pt_5:"pt-5",pt_6:"pt-6",pt_7:"pt-7",pt_8:"pt-8",pt_9:"pt-9",pt_10:"pt-10",pt_11:"pt-11",pt_12:"pt-12",pt_14:"pt-14",pt_16:"pt-16",pt_20:"pt-20"},right:{pr_0:"pr-0",pr_1:"pr-1",pr_2:"pr-2",pr_3:"pr-3",pr_4:"pr-4",pr_5:"pr-5",pr_6:"pr-6",pr_7:"pr-7",pr_8:"pr-8",pr_9:"pr-9",pr_10:"pr-10",pr_11:"pr-11",pr_12:"pr-12",pr_14:"pr-14",pr_16:"pr-16",pr_20:"pr-20"},bottom:{pb_0:"pb-0",pb_1:"pb-1",pb_2:"pb-2",pb_3:"pb-3",pb_4:"pb-4",pb_5:"pb-5",pb_6:"pb-6",pb_7:"pb-7",pb_8:"pb-8",pb_9:"pb-9",pb_10:"pb-10",pb_11:"pb-11",pb_12:"pb-12",pb_14:"pb-14",pb_16:"pb-16",pb_20:"pb-20"},left:{pl_0:"pl-0",pl_1:"pl-1",pl_2:"pl-2",pl_3:"pl-3",pl_4:"pl-4",pl_5:"pl-5",pl_6:"pl-6",pl_7:"pl-7",pl_8:"pl-8",pl_9:"pl-9",pl_10:"pl-10",pl_11:"pl-11",pl_12:"pl-12",pl_14:"pl-14",pl_16:"pl-16",pl_20:"pl-20"}},extend:{superscript:"sup",subscript:"sub"},textAlign:{left:"text-left",center:"text-center",right:"text-right",justify:"text-justify"},display:{flex:"flex",block:"block",inline:"inline",inline_block:"inline-block"},flexDirection:{row:"flex-row",column:"flex-col",row_reverse:"flex-row-reverse",column_reverse:"flex-col-reverse"},flexWrap:{wrap:"flex-wrap",nowrap:"flex-nowrap",wrap_reverse:"flex-wrap-reverse"},justifyContent:{start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},alignItems:{start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"}},useCssClasses:!0,useButtonPlugin:!1,enableDragResize:!0,simpleTextSettings:!1,enableColumnsPerLine:!0,isContentBox:!1,sendCommandUrl:"http://localhost:8081/answer",onlineDemo:!1,autoSendDelay:3e3,commandPlaceholderText:"",enableShortCommands:!0,speechRecognitionLang:"en-US",headlineList:["We create simple and effective designs.","Ultimate Experiences With Story, Emotion, And Purpose.","Build Anything Beautifully","With Less Stuff and More Compassion","We're [CompanyName]. Full stack development with a spark of creativity.","Transforming your digital experience with [CompanyName]. Achieve your online goals with our customized solutions.","Revolutionizing web development with [CompanyName]. Unleash your digital potential with our high-performance solutions.","Creative and Inspiring"],shortCommandList:{undo:["undo"],redo:["undo"],increase:["increase","bigger","larger","enlarge"],decrease:["decrease","smaller"],bold:["bold"],italic:["italic"],underline:["underline"],strikethrough:["strikethrough"],superscript:["superscript"],subscript:["subscript"],uppercase:["uppercase"],lowercase:["lowercase"],capitalize:["capitalize"],clean:["clean"]},similarityThreshold:.65,commandList:{select:["select","select first"],select_next:["select next","select after"],select_previous:["select previous","select before"],select_last:["select last"],select_headline:["select headline"],select_paragraph:["select paragraph"],select_button:["select button"],select_space:["select space"],select_image:["select image"],change_font:["change font","change typography","change style"],fade_in:["fade in"],fade_in_slow:["fade in slow"],fade_in_up:["fade in up"],fade_in_up_slow:["fade in up slow"],slide_up:["slide up"],slide_up_slow:["slide up slow"],zoom_in:["zoom in"],zoom_out:["zoom out"],animate_once:["animate once"],always_animate:["always animate"],remove_animation:["remove animation","clear animation","remove fade in","clear fade in","remove slide up","clear slide up","remove zoom in","clear zoom in","remove zoom out","clear zoom out"],add_bg_color:["add background color"],add_bg_image:["add background image","add background"],change_bg_color:["change background color"],change_bg_image:["change background image","change background"],remove_bg_color:["remove background color","clear background color"],remove_bg:["remove background","remove background image","clear background","clear background image"],increase_content_width:["increase content width","enlarge content width"],decrease_content_width:["decrease content width","reduce content width"],clear_content_width:["clear content width","remove content width","make content full","full width content"],make_content_light:["make content white","make content light","make text white","make text light","change content white","change content light","change text white","change text light","change to white content","change to light content","change to white text","change to light text"],make_content_dark:["make content black","make content dark","make text black","make text dark","change content black","change content dark","change text black","change text dark","change to black content","change to dark content","change to black text","change to dark text"],make_section_height_10:["make section height 10"],make_section_height_15:["make section height 15"],make_section_height_20:["make section height 20"],make_section_height_25:["make section height 25"],make_section_height_30:["make section height 30"],make_section_height_40:["make section height 40"],make_section_height_50:["make section height 50"],make_section_height_60:["make section height 60"],make_section_height_70:["make section height 70"],make_section_height_75:["make section height 75"],make_section_height_80:["make section height 80"],make_section_height_85:["make section height 85"],make_section_height_90:["make section height 90"],make_section_height_100:["make section height 100"],make_section_height_auto:["make section height auto"],suggest_headline:["suggest headline","suggest header","suggest title","write headline","write header","write title"],suggest_tagline:["suggest tagline","write tagline"],add_headline:["add headline","add header","add title"],add_paragraph:["add paragraph"],add_image:["add image"],add_youtube:["add youtube"],add_video:["add video"],remove_video:["remove video","clear video"],add_bg_video:["add background video"],remove_bg_video:["remove background video","clear background video"],add_slider:["add slider"],remove_slider:["remove slider","clear slider"],add_bg_slider:["add background slider"],remove_bg_slider:["remove background slider","clear background slider"],add_audio:["add audio","add music","add mp3"],add_map:["add map","add google map"],add_table:["add table"],add_social:["add social"],add_icon:["add icon"],add_button:["add button"],add_2buttons:["add 2 button","add 2 buttons"],add_space:["add space"],position_before:["above","before"],increase_line_height:["increase line height","increase line spacing","increase text spacing","enlarge line height","enlarge line spacing","enlarge text spacing","bigger line height","bigger line spacing","bigger text spacing","make line height bigger","make line spacing bigger","make text spacing bigger"],increase_default_line_height:["increase default line height","increase default line spacing","increase default text spacing","enlarge default line height","enlarge default line spacing","enlarge default text spacing","bigger default line height","bigger default line spacing","bigger default text spacing","make default line height bigger","make default line spacing bigger","make default text spacing bigger"],decrease_line_height:["decrease line height","decrease line spacing","decrease text spacing","reduce line height","reduce line spacing","reduce text spacing","smaller line height","smaller line spacing","smaller text spacing","make line height smaller","make line spacing smaller","make text spacing smaller"],decrease_default_line_height:["decrease default line height","decrease default line spacing","decrease default text spacing","reduce default line height","reduce default line spacing","reduce default text spacing","smaller default line height","smaller default line spacing","smaller default text spacing","make default line height smaller","make default line spacing smaller","make default text spacing smaller"],increase_font_size:["increase font","increase size","increase font size","increase text","increase size","increase text size","enlarge font","enlarge size","enlarge font size","enlarge text","enlarge size","enlarge text size","text bigger","font bigger","size bigger"],decrease_font_size:["decrease font","decrease size","decrease font size","decrease text","decrease size","decrease text size","reduce font","reduce size","reduce font size","reduce text","reduce size","reduce text size","text smaller","font smaller","size smaller"],increase_default_font_size:["increase default font","increase default size","increase default font size","increase default text","increase default size","increase default text size","enlarge default font","enlarge default size","enlarge default font size","enlarge default text","enlarge default text size","default text bigger","default font bigger","default size bigger","increase default content","increase default content size","enlarge default content","enlarge default content size"],decrease_default_font_size:["decrease default font","decrease default size","decrease default font size","decrease default text","decrease default size","decrease default text size","reduce default font","reduce default size","reduce default font size","reduce default text","reduce default text size","default text smaller","default font smaller","default size smaller","decrease default content","decrease default content size","reduce default content","reduce default content size"],clear_font_size:["clear font size","remove font size","clear text size","remove text size","use default font size"],align_left:["align left","align text left","left aligned"],align_center:["align center","align text center","center aligned"],align_right:["align right","align text right","right aligned"],align_full:["align full","align justify","justify","justify text","justify full"],clear_alignment:["clear alignment","remove alignment","clear text alignment","remove text alignment"],make_content_centered:["make content center"],move_content_left:["move content left","place content left"],move_content_center:["move content center","place content center"],move_content_right:["move content right","place content right"],move_content_top:["move content top","place content top"],move_content_middle:["move content middle","place content middle"],move_content_bottom:["move content bottom","place content bottom"],increase_space:["more space","increase space","enlarge space"],decrease_space:["less space","decrease space","reduce space"],move_up:["move up"],move_down:["move down"],move_row_up:["move row up"],move_row_down:["move row down"],duplicate_row:["duplicate row","copy row"],remove_row:["remove row","delete row"],move_col_left:["move left","move column left"],move_col_right:["move right","move column right"],duplicate_col:["duplicate column","copy column"],remove_col:["remove column","delete column"],move_column_up:["move column up"],move_column_down:["move column down"],move_section_up:["move section up"],move_section_down:["move section down"],move_section_top:["move section top"],move_section_bottom:["move section bottom"],duplicate_section:["duplicate section","copy section"],remove_section:["remove section","delete section"],remove_content:["remove content","remove all text","remove all content","delete content","delete all text","delete all content","clear content","clear all text","clear all content"],add_content:["add content","add text"]},commandInfo:{general:{title:"General",list:["Let's redesign the layout to enhance its visual appeal and user experience.","Rewrite all the text to improve the overall copywriting quality.","Can you come up with another rendition of the content or offer an alternative wording?","Can you suggest a captivating headline for us?","Undo","Redo"]},selection:{title:"Selection",list:["Select the headline","Select the next block","Move up","Move down","Duplicate row","Remove row","Move column left","Move column right","Duplicate column","Remove column"]},element:{title:"Element",list:["Add a paragraph","Add an image","Add a youtube","Add a button","Add two buttons","Add a space","Increase the space","Reduce the space"]},text:{title:"Text Formatting",list:["Increase font size","Clear font size","Align center","Align right","Align justify","Clear alignment","Bold","Italic","Underline","Strikethrough","Uppercase","Clean"]}}};if(this.opts=Object.assign(this,n,e),window.data_basic&&(this.opts.snippetJSON=window.data_basic,""===this.opts.snippetPath&&(this.opts.snippetPath=window._snippets_path)),this.opts.snippetDisplay&&("auto"===this.opts.snippetDisplay?this.opts.snippetsSidebarDisplay="auto":this.opts.snippetsSidebarDisplay="always"),""===this.opts.scriptPath&&(this.opts.scriptPath=this.currentScriptPath()),window._txt&&(this.opts.lang=window._txt),this.settings=this.opts,""!==this.opts.imageSelect?this.opts.imageselect=this.opts.imageSelect:""!==this.opts.imageselect&&(this.opts.imageSelect=this.opts.imageselect),""!==this.opts.fileSelect?this.opts.fileselect=this.opts.fileSelect:""!==this.opts.fileselect&&(this.opts.fileSelect=this.opts.fileselect),""!==this.opts.videoSelect?this.opts.videoselect=this.opts.videoSelect:""!==this.opts.videoselect&&(this.opts.videoSelect=this.opts.videoselect),this.opts.onImageUpload||this.opts.onLargerImageUpload||(this.opts.onImageUpload=this.opts.onMediaUpload),this.opts.imageHandler||this.opts.largerImageHandler||(this.opts.imageHandler=this.opts.mediaHandler),""!==this.opts.imageHandler&&(this.opts.largerImageHandler=this.opts.imageHandler),this.opts.onImageUpload&&(this.opts.onLargerImageUpload=this.opts.onImageUpload),this.opts.emailMode&&(this.useButtonPlugin=!0),!this.useButtonPlugin){let e=this.plugins.filter((e=>"buttoneditor"!==e.name));this.plugins=[...e]}if("bootstrap"===this.opts.framework?(this.opts.row="row",this.opts.cols=["col-md-1","col-md-2","col-md-3","col-md-4","col-md-5","col-md-6","col-md-7","col-md-8","col-md-9","col-md-10","col-md-11","col-md-12"],this.opts.colequal=[],this.opts.colsizes=[]):"tailwind"===this.opts.framework?(this.opts.row="flex flex-col md:flex-row",this.opts.cols=["w-full md:w-1/12 px-4","w-full md:w-2/12 px-4","w-full md:w-3/12 px-4","w-full md:w-4/12 px-4","w-full md:w-5/12 px-4","w-full md:w-6/12 px-4","w-full md:w-7/12 px-4","w-full md:w-8/12 px-4","w-full md:w-9/12 px-4","w-full md:w-10/12 px-4","w-full md:w-11/12 px-4","w-full px-4"],this.opts.colequal=[],this.opts.colsizes=[]):"foundation"===this.opts.framework?(this.opts.row="row",this.opts.cols=["large-1 columns","large-2 columns","large-3 columns","large-4 columns","large-5 columns","large-6 columns","large-7 columns","large-8 columns","large-9 columns","large-10 columns","large-11 columns","large-12 columns"],this.opts.colequal=[],this.opts.colsizes=[]):"material"===this.opts.framework?(this.opts.row="mdl-grid",this.opts.cols=["mdl-cell mdl-cell--1-col","mdl-cell mdl-cell--2-col","mdl-cell mdl-cell--3-col","mdl-cell mdl-cell--4-col","mdl-cell mdl-cell--5-col","mdl-cell mdl-cell--6-col","mdl-cell mdl-cell--7-col","mdl-cell mdl-cell--8-col","mdl-cell mdl-cell--9-col","mdl-cell mdl-cell--10-col","mdl-cell mdl-cell--11-col","mdl-cell mdl-cell--12-col"],this.opts.colequal=[],this.opts.colsizes=[]):"uikit"===this.opts.framework?(this.opts.row="",this.opts.cols=[],this.opts.colequal=[],this.opts.colsizes=[],this.opts.cellFormat='<div class="uk-width-1-1"></div>',this.opts.rowFormat='<div class="uk-grid"></div>'):""!==this.opts.row&&this.opts.cols.length>0||""===this.opts.cellFormat&&""===this.opts.rowFormat&&(this.useDefaultGrid=!0,this.opts.row="row",this.opts.cols=["column twelfth","column eleventh","column tenth","column ninth","column eighth","column seventh","column sixth","column fifth","column fourth","column third","column half","column two-third","column two-fourth","column two-fifth","column two-sixth","column"],this.opts.colequal=[["column twelfth","column twelfth","column twelfth","column twelfth","column twelfth","column twelfth","column twelfth","column twelfth","column twelfth","column twelfth","column twelfth","column twelfth"],["column eleventh","column eleventh","column eleventh","column eleventh","column eleventh","column eleventh","column eleventh","column eleventh","column eleventh","column eleventh","column eleventh"],["column tenth","column tenth","column tenth","column tenth","column tenth","column tenth","column tenth","column tenth","column tenth","column tenth"],["column ninth","column ninth","column ninth","column ninth","column ninth","column ninth","column ninth","column ninth","column ninth"],["column eighth","column eighth","column eighth","column eighth","column eighth","column eighth","column eighth","column eighth"],["column seventh","column seventh","column seventh","column seventh","column seventh","column seventh","column seventh"],["column sixth","column sixth","column sixth","column sixth","column sixth","column sixth"],["column fifth","column fifth","column fifth","column fifth","column fifth"],["column fourth","column fourth","column fourth","column fourth"],["column third","column third","column third"],["column half","column half"]],this.opts.colsizes=[[["column third","column third","column third"],["column half","column fourth","column fourth"]],[["column sixth","column two-sixth"],["column fifth","column two-fifth"],["column fourth","column two-fourth"],["column third","column two-third"],["column half","column half"],["column two-third","column third"],["column two-fourth","column fourth"],["column two-fifth","column fifth"],["column two-sixth","column sixth"]]]),this.sortableObjects=[],this.iframe){t=this.iframe.contentWindow;let e=this.iframe.contentDocument||this.iframe.contentWindow.document;i=e,this.iframeDocument=e}else t=window,i=document;this.win=t,this.doc=i,this.doc.body.classList.add("data-editor");const o=new oi(this);this.dom=o;const s=new ni(this);this.util=s,this.pageTemplate||(this.pageTemplate=s.getPageTemplate(this.framework));const a=new iy(this);if(this.responsive=a,this.iframe){let e=i.querySelector(".content-stuff");e||(e=document.createElement("div"),e.className="content-stuff is-ui",e.id="_cbhtml",i.body.appendChild(e)),this.contentStuff=e,this.stuff=new ey(this)}this.isTouchSupport=s.isTouchSupport(),this.isIE=s.detectIE(),this.opts.clearPreferences&&s.clearPreferences(),this.uoTm=null,this.uo=new Ts(this),this.cbDom=o,this.autoclean=!1,this.filesAdded="",this.opts.emailMode&&this.applyStyle("emailmode",".is-builder > div {display: block}");let l=document.querySelector("#_cbhtml");var r;l||(l=this.dom.createElement("div"),l.id="_cbhtml",l.className="is-ui",this.dom.appendChild(document.body,l)),this.builderStuff=l,(r=this).dom.appendHtml(r.builderStuff,'<svg width="0" height="0" style="position:absolute;display:none;">\n        <defs>\n            <symbol viewBox="0 0 512 512" id="ion-ios-arrow-left"><path d="M352 115.4L331.3 96 160 256l171.3 160 20.7-19.3L201.5 256z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-arrow-right"><path d="M160 115.4L180.7 96 352 256 180.7 416 160 396.7 310.5 256z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-plus-outline"><path d="M256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48zm0 398.7c-105.1 0-190.7-85.5-190.7-190.7S150.9 65.3 256 65.3 446.7 150.9 446.7 256 361.1 446.7 256 446.7z"></path><path d="M264.1 128h-16.8v119.9H128v16.8h119.3V384h16.8V264.7H384v-16.8H264.1z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-image"><path d="M368 224c26.5 0 48-21.5 48-48s-21.5-48-48-48-48 21.5-48 48 21.5 48 48 48z"></path><path d="M452 64H60c-15.6 0-28 12.7-28 28.3v327.4c0 15.6 12.4 28.3 28 28.3h392c15.6 0 28-12.7 28-28.3V92.3c0-15.6-12.4-28.3-28-28.3zM348.9 261.7c-3-3.5-7.6-6.2-12.8-6.2-5.1 0-8.7 2.4-12.8 5.7L304.6 277c-3.9 2.8-7 4.7-11.5 4.7-4.3 0-8.2-1.6-11-4.1-1-.9-2.8-2.6-4.3-4.1L224 215.3c-4-4.6-10-7.5-16.7-7.5-6.7 0-12.9 3.3-16.8 7.8L64 368.2V107.7c1-6.8 6.3-11.7 13.1-11.7h357.7c6.9 0 12.5 5.1 12.9 12l.3 260.4-99.1-106.7z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-photos-outline"><path d="M96 128v320h384V128H96zm368 304H112V144h352v288z"></path><path d="M32 64v320h48v-16H48V80h352v32h16V64z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-settings-strong"><path d="M32 376h283.35c6.186-14.112 20.281-24 36.65-24s30.465 9.888 36.65 24H480v32h-91.35c-6.186 14.112-20.281 24-36.65 24s-30.465-9.888-36.65-24H32M32 240h91.35c6.186-14.112 20.281-24 36.65-24s30.465 9.888 36.65 24H480v32H196.65c-6.186 14.112-20.281 24-36.65 24s-30.465-9.888-36.65-24H32M32 104h283.35c6.186-14.112 20.281-24 36.65-24s30.465 9.888 36.65 24H480v32h-91.35c-6.186 14.112-20.281 24-36.65 24s-30.465-9.888-36.65-24H32"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-settings"><path d="M352 104c8.837 0 16 7.163 16 16s-7.163 16-16 16-16-7.163-16-16 7.163-16 16-16m0-16c-17.645 0-32 14.355-32 32s14.355 32 32 32 32-14.355 32-32-14.355-32-32-32zM352 376c8.837 0 16 7.163 16 16s-7.163 16-16 16-16-7.163-16-16 7.163-16 16-16m0-16c-17.645 0-32 14.355-32 32s14.355 32 32 32 32-14.355 32-32-14.355-32-32-32zM160 240c8.837 0 16 7.163 16 16s-7.163 16-16 16-16-7.163-16-16 7.163-16 16-16m0-16c-17.645 0-32 14.355-32 32s14.355 32 32 32 32-14.355 32-32-14.355-32-32-32zM207.32 248H480v16H207.32c.439-2.604.68-5.273.68-8s-.24-5.396-.68-8zM112 256c0 2.727.24 5.396.68 8H32v-16h80.68a47.955 47.955 0 0 0-.68 8zM399.32 384H480v16h-80.68c.439-2.604.68-5.273.68-8s-.24-5.396-.68-8zM304 392c0 2.727.24 5.396.68 8H32v-16h272.68a47.955 47.955 0 0 0-.68 8zM399.32 112H480v16h-80.68c.439-2.604.68-5.273.68-8s-.24-5.396-.68-8zM304.68 112c-.439 2.604-.68 5.273-.68 8s.24 5.396.68 8H32v-16h272.68z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-android-options"><path d="M32 384h272v32H32zM400 384h80v32h-80zM384 447.5c0 17.949-14.327 32.5-32 32.5-17.673 0-32-14.551-32-32.5v-95c0-17.949 14.327-32.5 32-32.5 17.673 0 32 14.551 32 32.5v95z"></path><g><path d="M32 240h80v32H32zM208 240h272v32H208zM192 303.5c0 17.949-14.327 32.5-32 32.5-17.673 0-32-14.551-32-32.5v-95c0-17.949 14.327-32.5 32-32.5 17.673 0 32 14.551 32 32.5v95z"></path></g><g><path d="M32 96h272v32H32zM400 96h80v32h-80zM384 159.5c0 17.949-14.327 32.5-32 32.5-17.673 0-32-14.551-32-32.5v-95c0-17.949 14.327-32.5 32-32.5 17.673 0 32 14.551 32 32.5v95z"></path></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-list-number"><rect x="0" y="0" width="2048.00" height="2048.00" fill="none" /><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M-1043.45,1024 C-1039.25,946.283 -1023.18,878.648 -995.249,821.096 C-967.313,763.544 -912.806,711.242 -831.728,664.192 L-710.742,594.247 C-656.55,562.74 -618.532,535.854 -596.687,513.589 C-562.24,478.722 -545.016,438.813 -545.016,393.863 C-545.016,341.352 -560.769,299.658 -592.276,268.781 C-623.783,237.904 -665.792,222.466 -718.304,222.466 C-796.02,222.466 -849.792,251.873 -879.619,310.685 C-895.582,342.192 -904.404,385.882 -906.084,441.754 L-1021.4,441.754 C-1020.14,363.197 -1005.65,299.133 -977.92,249.562 C-928.769,162.183 -842.02,118.494 -717.673,118.494 C-614.331,118.494 -538.82,146.43 -491.139,202.302 C-443.459,258.174 -419.619,320.347 -419.619,388.822 C-419.619,461.078 -445.034,522.831 -495.865,574.082 C-525.272,603.909 -577.993,640.037 -654.03,682.466 L-740.358,730.356 C-781.527,753.041 -813.874,774.676 -837.399,795.26 C-879.408,831.808 -905.874,872.347 -916.797,916.877 L-424.03,916.877 L-424.03,1024 L-1043.45,1024 Z "  /><path d="M-922.391,-764.384 L-922.391,-851.343 C-840.474,-859.324 -783.341,-872.662 -750.994,-891.356 C-718.647,-910.05 -694.492,-954.265 -678.529,-1024 L-589.049,-1024 L-589.049,-125.425 L-710.035,-125.425 L-710.035,-764.384 L-922.391,-764.384 Z "  /><path d="M-198.618,-510.942 L-198.618,-667.156 L1004.57,-667.156 L1004.57,-510.942 L-198.618,-510.942 Z "  /><path d="M-198.618,78.1071 L-198.618,-78.1071 L1004.57,-78.1071 L1004.57,78.1071 L-198.618,78.1071 Z "  /><path d="M-179.185,649.354 L-179.185,493.14 L1024,493.14 L1024,649.354 L-179.185,649.354 Z "  /></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-list-bullet"><rect x="0" y="0" width="2048.00" height="2048.00" fill="none" /><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M-379.801,-514.33 L-379.801,-670.545 L914.662,-670.545 L914.662,-514.33 L-379.801,-514.33 Z "  /><path d="M-379.801,78.1071 L-379.801,-78.1071 L914.662,-78.1071 L914.662,78.1071 L-379.801,78.1071 Z "  /><path d="M-379.801,670.545 L-379.801,514.33 L914.662,514.33 L914.662,670.545 L-379.801,670.545 Z "  /><path d="M-929.642,-469.441 L-929.642,-715.434 L-669.092,-715.434 L-669.092,-469.441 L-929.642,-469.441 Z "  /><path d="M-929.642,127.109 L-929.642,-118.885 L-669.092,-118.885 L-669.092,127.109 L-929.642,127.109 Z "  /><path d="M-929.642,715.434 L-929.642,469.441 L-669.092,469.441 L-669.092,715.434 L-929.642,715.434 Z "  /></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-clean">\n                <g transform="matrix(1,0,0,1,1024.0,1024.0)">\n                    <path d="M75.0013,893.849 L-1030.73,900.993 L-32.1518,-880.838 L1009.54,-880.838 L75.0013,893.849 Z " fill="currentColor" />\n                    <path d="M-30.8571,780.685 L-845.2,787.828 L-508.893,193.749 L305.26,194.963 L-30.8571,780.685 Z " fill="#ffffff" fill-opacity="1.00" />\n                </g>\n            </symbol>\n            <symbol viewBox="0 0 512 512" id="ion-location"><path d="M256 64c-65.9 0-119.3 53.7-119.3 120 0 114.6 119.3 264 119.3 264s119.3-149.4 119.3-264c0-66.3-53.4-120-119.3-120zm0 178.2c-31.2 0-56.4-25.4-56.4-56.7 0-31.3 25.3-56.8 56.4-56.8 31.2 0 56.4 25.4 56.4 56.8 0 31.3-25.2 56.7-56.4 56.7z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-film-outline"><path d="M0 360h400v-336h-400v336zM72 40v48h-56v-48h56zM72 104v48h-56v-48h56zM72 168v48h-56v-48h56zM72 232v48h-56v-48h56zM72 296v48h-56v-48h56zM312 40v144h-224v-144h224zM312 200v144h-224v-144h224zM384 40v48h-56v-48h56zM384 104v48h-56v-48h56zM384 168v48h-56v-48\n                h56zM384 232v48h-56v-48h56zM384 296v48h-56v-48h56z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-social-youtube-outline"><path d="M265 96c65.3 0 118.7 1.1 168.1 3.3h1.4c23.1 0 42 22 42 49.1v1.1l.1 1.1c2.3 34 3.4 69.3 3.4 104.9.1 35.6-1.1 70.9-3.4 104.9l-.1 1.1v1.1c0 13.8-4.7 26.6-13.4 36.1-7.8 8.6-18 13.4-28.6 13.4h-1.6c-52.9 2.5-108.8 3.8-166.4 3.8h-10.6.1-10.9c-57.8 0-113.7-1.3-166.2-3.7h-1.6c-10.6 0-20.7-4.8-28.5-13.4-8.6-9.5-13.4-22.3-13.4-36.1v-1.1l-.1-1.1c-2.4-34.1-3.5-69.4-3.3-104.7v-.2c-.1-35.3 1-70.5 3.3-104.6l.1-1.1v-1.1c0-27.2 18.8-49.3 41.9-49.3h1.4c49.5-2.3 102.9-3.3 168.2-3.3H265m0-32.2h-18c-57.6 0-114.2.8-169.6 3.3-40.8 0-73.9 36.3-73.9 81.3C1 184.4-.1 220 0 255.7c-.1 35.7.9 71.3 3.4 107 0 45 33.1 81.6 73.9 81.6 54.8 2.6 110.7 3.8 167.8 3.8h21.6c57.1 0 113-1.2 167.9-3.8 40.9 0 74-36.6 74-81.6 2.4-35.7 3.5-71.4 3.4-107.1.1-35.7-1-71.3-3.4-107.1 0-45-33.1-81.1-74-81.1C379.2 64.8 322.7 64 265 64z"></path><path d="M207 353.8V157.4l145 98.2-145 98.2z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-play"><path d="M128 96v320l256-160L128 96z"></path></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-align-full"><rect x="0" y="0" width="2048.00" height="2048.00" fill="none" /><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M-770.727,738.299 L-770.727,582.085 L769.712,582.085 L769.712,738.299 L-770.727,738.299 Z " /><path d="M-770.727,-534.628 L-770.727,-690.842 L769.712,-690.842 L769.712,-534.628 L-770.727,-534.628 Z " /><path d="M-770.219,-115.563 L-770.219,-271.777 L770.219,-271.777 L770.219,-115.563 L-770.219,-115.563 Z " /><path d="M-770.219,303.503 L-770.219,147.288 L770.219,147.288 L770.219,303.503 L-770.219,303.503 Z " /></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-align-center"><rect x="0" y="0" width="2048.00" height="2048.00" fill="none" /><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M-770.727,738.299 L-770.727,582.085 L769.712,582.085 L769.712,738.299 L-770.727,738.299 Z " /><path d="M-552.286,-107.697 L-552.286,-263.911 L552.286,-263.911 L552.286,-107.697 L-552.286,-107.697 Z " /><path d="M-467.355,319.234 L-467.355,163.02 L466.34,163.02 L466.34,319.234 L-467.355,319.234 Z " /><path d="M-770.727,-534.628 L-770.727,-690.842 L769.712,-690.842 L769.712,-534.628 L-770.727,-534.628 Z " /></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-align-left"><rect x="0" y="0" width="2048.00" height="2048.00" fill="none" /><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M-770.727,738.299 L-770.727,582.085 L769.712,582.085 L769.712,738.299 L-770.727,738.299 Z " /><path d="M-770.727,-534.628 L-770.727,-690.842 L769.712,-690.842 L769.712,-534.628 L-770.727,-534.628 Z " /><path d="M-770.219,-115.563 L-770.219,-271.777 L482.839,-271.777 L482.839,-115.563 L-770.219,-115.563 Z " /><path d="M-770.219,303.503 L-770.219,147.288 L122.787,147.288 L122.787,303.503 L-770.219,303.503 Z " /></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-align-right"><rect x="0" y="0" width="2048.00" height="2048.00" fill="none" /><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M-770.727,738.299 L-770.727,582.085 L769.712,582.085 L769.712,738.299 L-770.727,738.299 Z " /><path d="M-770.727,-534.628 L-770.727,-690.842 L769.712,-690.842 L769.712,-534.628 L-770.727,-534.628 Z " /><path d="M-483.346,-118.081 L-483.346,-274.295 L769.712,-274.295 L769.712,-118.081 L-483.346,-118.081 Z " /><path d="M-123.871,303.503 L-123.871,147.288 L769.136,147.288 L769.136,303.503 L-123.871,303.503 Z " /></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-indent"><rect x="0" y="0" width="2048.00" height="2048.00" fill="none" /><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M-829.04,-514.33 L-829.04,-670.545 L808.959,-670.545 L808.959,-514.33 L-829.04,-514.33 Z " /><path d="M-829.04,670.545 L-829.04,514.33 L808.959,514.33 L808.959,670.545 L-829.04,670.545 Z " /><path d="M-254.279,-110.244 L-254.279,-266.458 L808.959,-266.458 L808.959,-110.244 L-254.279,-110.244 Z " /><path d="M-254.279,266.458 L-254.279,110.244 L808.959,110.244 L808.959,266.458 L-254.279,266.458 Z " /><path d="M-829.04,-195.117 L-490.958,-1.03508e-14 L-829.04,195.117 L-829.04,-195.117 Z " /></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-outdent"><rect x="0" y="0" width="2048.00" height="2048.00" fill="none" /><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M-829.04,-514.33 L-829.04,-670.545 L808.959,-670.545 L808.959,-514.33 L-829.04,-514.33 Z " /><path d="M-829.04,670.545 L-829.04,514.33 L808.959,514.33 L808.959,670.545 L-829.04,670.545 Z " /><path d="M-829.04,-110.244 L-829.04,-266.458 L234.198,-266.458 L234.198,-110.244 L-829.04,-110.244 Z " /><path d="M-829.04,266.458 L-829.04,110.244 L234.198,110.244 L234.198,266.458 L-829.04,266.458 Z " /><path d="M808.959,-195.117 L470.877,-1.03508e-14 L808.959,195.117 L808.959,-195.117 Z " /></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-table"><rect x="0" y="0" width="2048.00" height="2048.00" fill="none" /><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M-660.783,660.783 L660.783,660.783 L660.783,-660.783 L-660.783,-660.783 L-660.783,660.783 Z " fill="none" stroke-width="75.82" stroke="currentColor" stroke-linecap="square" stroke-linejoin="miter" /><path d="M-37.9645,698.933 L37.9645,698.933 L37.9645,-698.569 L-37.9645,-698.569 L-37.9645,698.933 Z " fill="currentColor" fill-opacity="1.00" stroke-width="0.25" stroke="currentColor" stroke-linecap="square" stroke-linejoin="miter" /><path d="M-698.933,-37.7825 L-698.933,38.1465 L698.569,38.1465 L698.569,-37.7825 L-698.933,-37.7825 Z " fill="currentColor" fill-opacity="1.00" stroke-width="0.25" stroke="currentColor" stroke-linecap="square" stroke-linejoin="miter" /></g></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-android-happy"><path d="M256 48C140.563 48 48 141.6 48 256s92.563 208 208 208 208-93.6 208-208S370.401 48 256 48zm0 374.4c-91.518 0-166.404-74.883-166.404-166.4 0-91.518 74.887-166.4 166.404-166.4S422.404 164.482 422.404 256 347.518 422.4 256 422.4zm72.8-187.2c17.683 0 31.201-13.518 31.201-31.2s-13.519-31.2-31.201-31.2c-17.682 0-31.2 13.518-31.2 31.2s13.518 31.2 31.2 31.2zm-145.6 0c17.682 0 31.2-13.518 31.2-31.2s-13.519-31.2-31.2-31.2c-17.683 0-31.201 13.518-31.201 31.2s13.519 31.2 31.201 31.2zM256 370.4c48.883 0 89.436-30.164 106.081-72.801H149.919C166.564 340.236 207.117 370.4 256 370.4z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-android-create"><path d="M64 368v80h80l235.727-235.729-79.999-79.998L64 368zm377.602-217.602c8.531-8.531 8.531-21.334 0-29.865l-50.135-50.135c-8.531-8.531-21.334-8.531-29.865 0l-39.468 39.469 79.999 79.998 39.469-39.467z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-minus-empty"><path d="M384 265H128v-17h256v17z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-eye"><path d="M256 128c-81.9 0-145.7 48.8-224 128 67.4 67.7 124 128 224 128 99.9 0 173.4-76.4 224-126.6C428.2 198.6 354.8 128 256 128zm0 219.3c-49.4 0-89.6-41-89.6-91.3 0-50.4 40.2-91.3 89.6-91.3s89.6 41 89.6 91.3c0 50.4-40.2 91.3-89.6 91.3z"></path><path d="M256 224c0-7.9 2.9-15.1 7.6-20.7-2.5-.4-5-.6-7.6-.6-28.8 0-52.3 23.9-52.3 53.3s23.5 53.3 52.3 53.3 52.3-23.9 52.3-53.3c0-2.3-.2-4.6-.4-6.9-5.5 4.3-12.3 6.9-19.8 6.9-17.8 0-32.1-14.3-32.1-32z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-reply"><path d="M448 400s-36.8-208-224-208v-80L64 256l160 134.4v-92.3c101.6 0 171 8.9 224 101.9z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-folder-outline">\n                <path d="M457 96H215c-2.791 0-4.271-.585-6.094-2.408l-22.501-22.501-.168-.162C181.365 66.333 177.361 64 169 64H57c-13.785 0-25 10.317-25 23v336c0 13.317 11.683 25 25 25h400c12.683 0 23-11.215 23-25V119c0-13.327-9.673-23-23-23zM57 80h112c3.497 0 3.737.189 6.175 2.488l22.417 22.418c4.84 4.84 10.372 7.094 17.408 7.094h242c4.448 0 7 2.552 7 7v42.376a23.885 23.885 0 0 0-8-1.376H56c-2.805 0-5.496.488-8 1.376V87c0-4.323 4.672-7 9-7zm407 343c0 4.328-2.677 9-7 9H57c-4.458 0-9-4.542-9-9V184c0-4.411 3.589-8 8-8h400c4.411 0 8 3.589 8 8v239z"/>\n            </symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-cloud-outline">\n                <path d="M399.3 232.8c0-1.2.2-2.4.2-3.6 0-64.3-52.8-117.2-116.8-117.2-46.1 0-85.8 27.9-104.4 67-8.1-4.1-17.1-6.4-26.8-6.4-29.6 0-54.1 23.7-58.9 52C57.4 236.8 32 268.8 32 308.4c0 49.8 40.1 91.6 89.6 91.6H398c45 0 82-38.9 82-84.3 0-45.6-35.4-82.8-80.7-82.9zm-1.8 150.8l-3.2.4H122.4c-40.9 0-74.2-34.9-74.2-76.1 0-31.9 20.2-58.4 50.2-68.8l8.4-3 1.5-8.8c3.6-21.6 22.1-39.3 43.9-39.3 6.9 0 13.7 1.6 19.9 4.8l13.5 6.8 6.5-13.7c16.6-34.9 52.1-58.2 90.4-58.2 55.3 0 100.9 44.1 100.9 99.7 0 13.3-.2 20.3-.2 20.3l15.2.1c36.7.5 65.6 30.5 65.6 67.4 0 36.9-29.8 68.2-66.5 68.4z"/>\n            </symbol>\n            <symbol viewBox="0 0 512 512" id="ion-wrench"><path d="M461.9 114.9l-56.5 56.7-55.1-10-9.9-55.1 56.5-56.7c-12.7-12.7-30.8-18.5-44.2-17.8-13.5.7-42.3 8.3-64.6 32-21.6 22.8-44.3 65.3-24.2 112.5 2.4 5.7 5.1 13.2-2.9 21.2-8.1 8-215 202.8-215 202.8-19.4 16.7-18 47.6-.1 65.6 18.2 17.9 48.9 19 65.6-.3 0 0 193.2-205.8 202.7-215.1 8.5-8.3 16.1-5.5 21.2-2.9 35.6 18.4 86.3 2.4 112.6-23.9 26.3-26.3 31.1-51.7 31.9-64.7.8-12.9-3.7-30-18-44.3zM91.3 443.2c-6.3 6.2-16.5 6.2-22.7 0-6.2-6.3-6.2-16.5 0-22.7 6.3-6.2 16.5-6.2 22.7 0 6.2 6.3 6.2 16.5 0 22.7z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-more"><path d="M113.7 304C86.2 304 64 282.6 64 256c0-26.5 22.2-48 49.7-48 27.6 0 49.8 21.5 49.8 48 0 26.6-22.2 48-49.8 48zM256 304c-27.5 0-49.8-21.4-49.8-48 0-26.5 22.3-48 49.8-48 27.5 0 49.7 21.5 49.7 48 0 26.6-22.2 48-49.7 48zM398.2 304c-27.5 0-49.8-21.4-49.8-48 0-26.5 22.2-48 49.8-48 27.5 0 49.8 21.5 49.8 48 0 26.6-22.2 48-49.8 48z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-code-working"><circle cx="184.166" cy="256.166" r="24"></circle><circle cx="256.166" cy="256.166" r="24"></circle><circle cx="328.166" cy="256.166" r="24"></circle><g><path d="M168 392a23.929 23.929 0 0 1-16.971-7.029l-112-112c-9.373-9.373-9.373-24.569 0-33.941l112-112c9.373-9.372 24.568-9.372 33.941 0 9.371 9.372 9.371 24.568 0 33.941L89.941 256l95.029 95.029c9.371 9.372 9.371 24.568 0 33.941A23.925 23.925 0 0 1 168 392zM344 392a23.929 23.929 0 0 0 16.971-7.029l112-112c9.373-9.373 9.373-24.569 0-33.941l-112-112c-9.373-9.372-24.568-9.372-33.941 0-9.371 9.372-9.371 24.568 0 33.941L422.059 256l-95.029 95.029c-9.371 9.372-9.371 24.568 0 33.941A23.925 23.925 0 0 0 344 392z"></path></g></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-gear"><path d="M416.349 256.046c-.001-21.013 13.143-38.948 31.651-46.062a196.302 196.302 0 0 0-23.664-57.139 49.423 49.423 0 0 1-20.082 4.254c-12.621 0-25.238-4.811-34.871-14.442-14.863-14.863-18.248-36.846-10.18-54.97A196.274 196.274 0 0 0 302.074 64C294.971 82.529 277.027 95.69 256 95.69c-21.025 0-38.969-13.161-46.073-31.69a196.243 196.243 0 0 0-57.128 23.688c8.068 18.122 4.683 40.104-10.181 54.97-9.631 9.631-22.25 14.443-34.871 14.443a49.429 49.429 0 0 1-20.083-4.255A196.273 196.273 0 0 0 64 209.984c18.509 7.112 31.652 25.049 31.652 46.062 0 21.008-13.132 38.936-31.63 46.054a196.318 196.318 0 0 0 23.692 57.128 49.428 49.428 0 0 1 20.032-4.232c12.622 0 25.239 4.812 34.871 14.443 14.841 14.841 18.239 36.781 10.215 54.889a196.257 196.257 0 0 0 57.13 23.673c7.128-18.479 25.046-31.596 46.038-31.596 20.992 0 38.91 13.115 46.037 31.596a196.234 196.234 0 0 0 57.132-23.675c-8.023-18.106-4.626-40.046 10.216-54.887 9.629-9.632 22.248-14.444 34.868-14.444 6.836 0 13.67 1.411 20.033 4.233a196.318 196.318 0 0 0 23.692-57.128c-18.498-7.119-31.629-25.048-31.629-46.054zM256.9 335.9c-44.3 0-80-35.9-80-80 0-44.101 35.7-80 80-80 44.299 0 80 35.899 80 80 0 44.1-35.701 80-80 80z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-arrow-expand"><path d="M274 209.7l63.9-63.8L288 96h128v128l-49.9-49.9-63.8 63.9zM274 302.3l63.9 63.8L288 416h128V288l-49.9 49.9-63.8-63.9zM238 302.3l-63.9 63.8L224 416H96V288l49.9 49.9 63.8-63.9zM238 209.7l-63.9-63.8L224 96H96v128l49.9-49.9 63.8 63.9z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-android-expand"><path d="M396.795 396.8H320V448h128V320h-51.205zM396.8 115.205V192H448V64H320v51.205zM115.205 115.2H192V64H64v128h51.205zM115.2 396.795V320H64v128h128v-51.205z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-arrow-move"><path d="M480 256l-96-96v76H276V128h76l-96-96-96 96h76v108H128v-76l-96 96 96 96v-76h108v108h-76l96 96 96-96h-76.2l-.4-108.5 108.6.3V352z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-drag"><path d="M0 144h512v32H0zM0 240h512v32H0zM0 336h512v32H0z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-link"><path d="M74.6 256c0-38.3 31.1-69.4 69.4-69.4h88V144h-88c-61.8 0-112 50.2-112 112s50.2 112 112 112h88v-42.6h-88c-38.3 0-69.4-31.1-69.4-69.4zm85.4 22h192v-44H160v44zm208-134h-88v42.6h88c38.3 0 69.4 31.1 69.4 69.4s-31.1 69.4-69.4 69.4h-88V368h88c61.8 0 112-50.2 112-112s-50.2-112-112-112z"/></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-contrast"><path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32zm135.8 359.8C355.5 428 307 448 256 448V64c51 0 99.5 20 135.8 56.2C428 156.5 448 204.7 448 256c0 51.3-20 99.5-56.2 135.8z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-plus-empty"><path d="M384 265H264v119h-17V265H128v-17h119V128h17v120h120v17z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-arrow-thin-up"><path d="M349.7 189.8c-3.1 3.1-8 3-11.3 0L264 123.4V408c0 4.4-3.6 8-8 8s-8-3.6-8-8V123.4l-74.4 66.3c-3.4 2.9-8.1 3.2-11.2.1-3.1-3.1-3.3-8.5-.1-11.4 0 0 87-79.2 88-80s2.8-2.4 5.7-2.4 4.9 1.6 5.7 2.4 88 80 88 80c1.5 1.5 2.3 3.6 2.3 5.7s-.8 4.1-2.3 5.7z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-arrow-thin-down"><path d="M349.7 322.2c-3.1-3.1-8-3-11.3 0L264 388.6V104c0-4.4-3.6-8-8-8s-8 3.6-8 8v284.6l-74.4-66.3c-3.4-2.9-8.1-3.2-11.2-.1-3.1 3.1-3.3 8.5-.1 11.4 0 0 87 79.2 88 80s2.8 2.4 5.7 2.4 4.9-1.6 5.7-2.4 88-80 88-80c1.5-1.5 2.3-3.6 2.3-5.7s-.8-4.1-2.3-5.7z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-arrow-thin-left"><path d="M189.8 349.7c3.1-3.1 3-8 0-11.3L123.4 264H408c4.4 0 8-3.6 8-8s-3.6-8-8-8H123.4l66.3-74.4c2.9-3.4 3.2-8.1.1-11.2-3.1-3.1-8.5-3.3-11.4-.1 0 0-79.2 87-80 88S96 253.1 96 256s1.6 4.9 2.4 5.7 80 88 80 88c1.5 1.5 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-arrow-thin-right"><path d="M322.2 349.7c-3.1-3.1-3-8 0-11.3l66.4-74.4H104c-4.4 0-8-3.6-8-8s3.6-8 8-8h284.6l-66.3-74.4c-2.9-3.4-3.2-8.1-.1-11.2 3.1-3.1 8.5-3.3 11.4-.1 0 0 79.2 87 80 88s2.4 2.8 2.4 5.7-1.6 4.9-2.4 5.7-80 88-80 88c-1.5 1.5-3.6 2.3-5.7 2.3s-4.1-.8-5.7-2.3z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-close-empty"><path d="M340.2 160l-84.4 84.3-84-83.9-11.8 11.8 84 83.8-84 83.9 11.8 11.7 84-83.8 84.4 84.2 11.8-11.7-84.4-84.3 84.4-84.2z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-android-more-vertical"><path d="M296 136c0-22.002-17.998-40-40-40s-40 17.998-40 40 17.998 40 40 40 40-17.998 40-40zm0 240c0-22.002-17.998-40-40-40s-40 17.998-40 40 17.998 40 40 40 40-17.998 40-40zm0-120c0-22.002-17.998-40-40-40s-40 17.998-40 40 17.998 40 40 40 40-17.998 40-40z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-quote"><path d="M192 64c-40.646 0-72.483 11.229-94.627 33.373C75.229 119.517 64 151.354 64 192v256h160V192h-96c0-23.056 4.922-39.666 14.627-49.373C152.334 132.922 168.944 128 192 128M416 64c-40.646 0-72.483 11.229-94.627 33.373C299.229 119.517 288 151.354 288 192v256h160V192h-96c0-23.056 4.922-39.666 14.627-49.373C376.334 132.922 392.944 128 416 128"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-code"><path d="M168 392a23.929 23.929 0 0 1-16.971-7.029l-112-112c-9.373-9.373-9.373-24.569 0-33.941l112-112c9.373-9.372 24.568-9.372 33.941 0 9.371 9.372 9.371 24.568 0 33.941L89.941 256l95.029 95.029c9.371 9.373 9.371 24.568 0 33.941A23.925 23.925 0 0 1 168 392zM344 392a23.929 23.929 0 0 0 16.971-7.029l112-112c9.373-9.373 9.373-24.569 0-33.941l-112-112c-9.373-9.372-24.568-9.372-33.941 0-9.371 9.372-9.371 24.568 0 33.941L422.059 256l-95.029 95.029c-9.371 9.373-9.371 24.568 0 33.941A23.925 23.925 0 0 0 344 392z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-camera"><path d="M430.4 147h-67.5l-40.4-40.8s-.2-.2-.3-.2l-.2-.2c-6-6-14.1-9.8-23.3-9.8h-84c-9.8 0-18.5 4.2-24.6 10.9v.1l-39.5 40h-69C63 147 48 161.6 48 180.2v202.1c0 18.6 15 33.7 33.6 33.7h348.8c18.5 0 33.6-15.1 33.6-33.7V180.2c0-18.6-15.1-33.2-33.6-33.2zM256 365.5c-50.9 0-92.4-41.6-92.4-92.6 0-51.1 41.5-92.6 92.4-92.6 51 0 92.4 41.5 92.4 92.6 0 51-41.4 92.6-92.4 92.6zm168.1-165c-7.7 0-14-6.3-14-14.1s6.3-14.1 14-14.1 14 6.3 14 14.1-6.3 14.1-14 14.1z"></path><path d="M256 202.9c-38.6 0-69.8 31.3-69.8 70 0 38.6 31.2 70 69.8 70 38.5 0 69.8-31.3 69.8-70s-31.3-70-69.8-70z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-move"><path d="M475.9 246.2l-79.4-79.4c-5.4-5.4-14.2-5.4-19.6 0l-.2.2c-5.4 5.4-5.4 14.2 0 19.6l54.9 54.9-161.8.5.5-161.8 54.9 54.9c5.4 5.4 14.2 5.4 19.6 0l.2-.2c5.4-5.4 5.4-14.2 0-19.6l-79.4-79.4c-5.4-5.4-14.2-5.4-19.6 0l-79.4 79.4c-5.4 5.4-5.4 14.2 0 19.6l.2.2c5.4 5.4 14.2 5.4 19.6 0l54.9-54.9.5 161.8-161.8-.5 54.9-54.9c5.4-5.4 5.4-14.2 0-19.6l-.2-.2c-5.4-5.4-14.2-5.4-19.6 0l-79.4 79.4c-5.4 5.4-5.4 14.2 0 19.6l79.4 79.4c5.4 5.4 14.2 5.4 19.6 0l.2-.2c5.4-5.4 5.4-14.2 0-19.6L80 270.5l161.8-.5-.5 161.8-54.9-54.9c-5.4-5.4-14.2-5.4-19.6 0l-.2.2c-5.4 5.4-5.4 14.2 0 19.6l79.4 79.4c5.4 5.4 14.2 5.4 19.6 0l79.4-79.4c5.4-5.4 5.4-14.2 0-19.6l-.2-.2c-5.4-5.4-14.2-5.4-19.6 0l-54.9 54.9-.5-161.8 161.8.5-54.9 54.9c-5.4 5.4-5.4 14.2 0 19.6l.2.2c5.4 5.4 14.2 5.4 19.6 0l79.4-79.4c5.5-5.4 5.5-14.2 0-19.6z"/></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-ok">\n                <rect x="0" y="0" width="2048.00" height="2048.00" fill="none" />\n                <g transform="matrix(1,0,0,1,1024.0,1024.0)">\n                <path d="M330.323,493.628 L330.323,398.406 L-330.323,398.406 L-330.323,493.628 L330.323,493.628 Z " fill="currentColor" fill-opacity="1.00" />\n                <path d="M230.718,468.568 L328.59,468.568 L328.59,-599.718 L230.718,-599.718 L230.718,468.568 Z " fill="currentColor" fill-opacity="1.00" />\n                <path d="M-300.714,376.053 L-373.748,449.088 L-68.5805,754.255 L4.45387,681.221 L-300.714,376.053 Z " fill="currentColor" fill-opacity="1.00" />\n                <path d="M-9.9476e-14,216.241 L-73.0344,143.207 L-378.202,448.375 L-305.168,521.409 L-9.9476e-14,216.241 Z " fill="currentColor" fill-opacity="1.00" />\n                </g>\n            </symbol>\n            <symbol viewBox="0 0 512 512" id="ion-grid"><path d="M160 153.3c0 3.7-3 6.7-6.7 6.7h-50.5c-3.7 0-6.7-3-6.7-6.7v-50.5c0-3.7 3-6.7 6.7-6.7h50.5c3.7 0 6.7 3 6.7 6.7v50.5zM288 153.3c0 3.7-3 6.7-6.7 6.7h-50.5c-3.7 0-6.7-3-6.7-6.7v-50.5c0-3.7 3-6.7 6.7-6.7h50.5c3.7 0 6.7 3 6.7 6.7v50.5zM416 153.3c0 3.7-3 6.7-6.7 6.7h-50.5c-3.7 0-6.7-3-6.7-6.7v-50.5c0-3.7 3-6.7 6.7-6.7h50.5c3.7 0 6.7 3 6.7 6.7v50.5z"></path><g><path d="M160 281.3c0 3.7-3 6.7-6.7 6.7h-50.5c-3.7 0-6.7-3-6.7-6.7v-50.5c0-3.7 3-6.7 6.7-6.7h50.5c3.7 0 6.7 3 6.7 6.7v50.5zM288 281.3c0 3.7-3 6.7-6.7 6.7h-50.5c-3.7 0-6.7-3-6.7-6.7v-50.5c0-3.7 3-6.7 6.7-6.7h50.5c3.7 0 6.7 3 6.7 6.7v50.5zM416 281.3c0 3.7-3 6.7-6.7 6.7h-50.5c-3.7 0-6.7-3-6.7-6.7v-50.5c0-3.7 3-6.7 6.7-6.7h50.5c3.7 0 6.7 3 6.7 6.7v50.5z"></path></g><g><path d="M160 409.3c0 3.7-3 6.7-6.7 6.7h-50.5c-3.7 0-6.7-3-6.7-6.7v-50.5c0-3.7 3-6.7 6.7-6.7h50.5c3.7 0 6.7 3 6.7 6.7v50.5zM288 409.3c0 3.7-3 6.7-6.7 6.7h-50.5c-3.7 0-6.7-3-6.7-6.7v-50.5c0-3.7 3-6.7 6.7-6.7h50.5c3.7 0 6.7 3 6.7 6.7v50.5zM416 409.3c0 3.7-3 6.7-6.7 6.7h-50.5c-3.7 0-6.7-3-6.7-6.7v-50.5c0-3.7 3-6.7 6.7-6.7h50.5c3.7 0 6.7 3 6.7 6.7v50.5z"></path></g></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-gear-b"><path d="M448 294.4v-76.8h-42.8c-3.4-14.4-8.9-28-16.1-40.5l29.8-29.7-54.3-54.3-29.1 29.1c-12.6-7.7-26.4-13.5-41.1-17.3V64h-76.8v40.9c-14.7 3.8-28.5 9.7-41.1 17.3l-29.1-29.1-54.3 54.3 29.8 29.7c-7.2 12.5-12.6 26.1-16.1 40.5H64v76.8h44.1c3.8 13.7 9.5 26.6 16.7 38.6l-31.7 31.7 54.3 54.3 32.3-32.3c11.7 6.8 24.5 11.9 37.9 15.4v46h76.8v-46c13.5-3.5 26.2-8.6 37.9-15.4l32.3 32.3 54.3-54.3-31.6-31.7c7.2-11.9 12.9-24.8 16.7-38.6h44zm-192 15.4c-29.7 0-53.7-24.1-53.7-53.8s24-53.8 53.7-53.8 53.8 24.1 53.8 53.8-24.1 53.8-53.8 53.8z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-grid-view-outline"><path d="M448 192v-16H336V64h-16v112H192V64h-16v112H64v16h112v128H64v16h112v112h16V336h128v112h16V336h112v-16H336V192h112zM320 320H192V192h128v128z"></path></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-increase"><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M852.574,595.004 L852.574,507.837 L-852.574,507.837 L-852.574,595.004 L852.574,595.004 Z " /><path d="M852.574,224.232 L852.574,137.066 L-852.574,137.066 L-852.574,224.232 L852.574,224.232 Z " /><path d="M852.574,-134.971 L852.574,-222.138 L-852.574,-222.138 L-852.574,-134.971 L852.574,-134.971 Z " /><path d="M852.574,-505.743 L852.574,-592.909 L-852.574,-592.909 L-852.574,-505.743 L852.574,-505.743 Z " /></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-decrease"><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M509.832,595.004 L509.832,507.837 L-509.832,507.837 L-509.832,595.004 L509.832,595.004 Z " /><path d="M509.832,224.232 L509.832,137.066 L-509.832,137.066 L-509.832,224.232 L509.832,224.232 Z " /><path d="M509.832,-136.947 L509.832,-224.113 L-509.832,-224.113 L-509.832,-136.947 L509.832,-136.947 Z " /><path d="M509.832,-505.743 L509.832,-592.909 L-509.832,-592.909 L-509.832,-505.743 L509.832,-505.743 Z " /></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-strike">\n                <g transform="matrix(1,0,0,1,1024.0,1024.0)">\n                <path d="M298.298,-653.766 C292.151,-624.873 284.005,-605.663 273.862,-596.135 C263.719,-586.607 250.656,-581.842 234.673,-581.842 C220.535,-581.842 196.253,-589.526 161.828,-604.895 C87.4454,-637.475 17.0588,-653.766 -49.3321,-653.766 C-155.68,-653.766 -243.28,-621.339 -312.129,-556.485 C-380.979,-491.631 -415.404,-414.328 -415.404,-324.578 C-415.404,-272.94 -403.724,-225.606 -380.364,-182.575 C-357.005,-139.544 -322.733,-100.201 -277.551,-64.5467 C-232.368,-28.8923 -156.295,18.903 -49.3321,78.8392 C57.631,138.775 123.1,177.964 147.074,196.406 C182.729,223.455 209.008,252.654 225.913,284.005 C242.819,315.357 251.271,346.401 251.271,377.137 C251.271,432.463 228.987,480.412 184.419,520.984 C139.851,561.556 79.1465,581.842 2.30524,581.842 C-64.0856,581.842 -125.098,567.089 -180.731,537.582 C-236.364,508.075 -277.704,471.037 -304.753,426.469 C-331.801,381.901 -353.316,314.742 -369.299,224.991 L-403.417,224.991 L-403.417,653.766 L-369.299,653.766 C-364.996,624.873 -358.388,605.817 -349.474,596.596 C-340.561,587.375 -328.42,582.764 -313.051,582.764 C-297.068,582.764 -259.109,592.446 -199.173,611.81 C-139.236,631.174 -99.74,642.393 -80.6834,645.467 C-48.7174,651 -14.5998,653.766 21.6692,653.766 C137.239,653.766 231.753,619.495 305.214,550.952 C378.674,482.41 415.404,400.804 415.404,306.136 C415.404,256.343 403.878,208.701 380.826,163.211 C357.773,117.721 324.885,78.2244 282.161,44.7216 C239.438,11.2188 159.676,-36.8838 42.8774,-99.5863 C-100.355,-176.428 -191.027,-237.901 -229.141,-284.005 C-255.574,-315.357 -268.791,-350.089 -268.791,-388.202 C-268.791,-437.995 -247.89,-482.41 -206.088,-521.445 C-164.287,-560.48 -111.42,-579.998 -47.4879,-579.998 C9.06727,-579.998 63.7783,-565.552 116.645,-536.66 C169.512,-507.767 210.238,-468.732 238.823,-419.554 C267.408,-370.375 287.233,-304.292 298.298,-221.303 L332.415,-221.303 L332.415,-653.766 L298.298,-653.766 Z " fill="currentColor" fill-opacity="1.00" /><path d="M-530.954,-41.4477 L-530.954,41.4477 L530.954,41.4477 L530.954,-41.4477 L-530.954,-41.4477 Z " fill="currentColor" fill-opacity="1.00" /></g></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-undo"><path d="M447.9 368.2c0-16.8 3.6-83.1-48.7-135.7-35.2-35.4-80.3-53.4-143.3-56.2V96L64 224l192 128v-79.8c40 1.1 62.4 9.1 86.7 20 30.9 13.8 55.3 44 75.8 76.6l19.2 31.2H448c0-10.1-.1-22.9-.1-31.8z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-redo"><path d="M64 400h10.3l19.2-31.2c20.5-32.7 44.9-62.8 75.8-76.6 24.4-10.9 46.7-18.9 86.7-20V352l192-128L256 96v80.3c-63 2.8-108.1 20.7-143.3 56.2C60.4 285.2 64 351.5 64 368.2c.1 8.9 0 21.7 0 31.8z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-android-arrow-dropdown"><path d="M128 192l128 128 128-128z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-social-twitter"><path d="M492 109.5c-17.4 7.7-36 12.9-55.6 15.3 20-12 35.4-31 42.6-53.6-18.7 11.1-39.4 19.2-61.5 23.5C399.8 75.8 374.6 64 346.8 64c-53.5 0-96.8 43.4-96.8 96.9 0 7.6.8 15 2.5 22.1-80.5-4-151.9-42.6-199.6-101.3-8.3 14.3-13.1 31-13.1 48.7 0 33.6 17.2 63.3 43.2 80.7-16-.4-31-4.8-44-12.1v1.2c0 47 33.4 86.1 77.7 95-8.1 2.2-16.7 3.4-25.5 3.4-6.2 0-12.3-.6-18.2-1.8 12.3 38.5 48.1 66.5 90.5 67.3-33.1 26-74.9 41.5-120.3 41.5-7.8 0-15.5-.5-23.1-1.4C62.8 432 113.7 448 168.3 448 346.6 448 444 300.3 444 172.2c0-4.2-.1-8.4-.3-12.5C462.6 146 479 129 492 109.5z"></path></symbol>\n            <symbol viewBox="0 0 24 24" id="icon-zoom-in" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <circle cx="10" cy="10" r="7"></circle>\n                <line x1="7" y1="10" x2="13" y2="10"></line>\n                <line x1="10" y1="7" x2="10" y2="13"></line>\n                <line x1="21" y1="21" x2="15" y2="15"></line>\n            </symbol>\n            <symbol viewBox="0 0 512 512" id="ion-android-contract"><path d="M64 371.2h76.795V448H192V320H64v51.2zm76.795-230.4H64V192h128V64h-51.205v76.8zM320 448h51.2v-76.8H448V320H320v128zm51.2-307.2V64H320v128h128v-51.2h-76.8z"></path></symbol>\n            \n            <symbol viewBox="0 0 24 24" id="icon-lock-off" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n                <line x1="3" y1="3" x2="21" y2="21" />\n                <path d="M19 19a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2h4m4 0h2a2 2 0 0 1 2 2v2" />\n                <circle cx="12" cy="16" r="1" />\n                <path d="M8 11v-3m.712 -3.278a4 4 0 0 1 7.288 2.278v4" />\n            </symbol>\n            <symbol viewBox="0 0 24 24" id="icon-lock" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n                <rect x="5" y="11" width="14" height="10" rx="2" />\n                <circle cx="12" cy="16" r="1" />\n                <path d="M8 11v-4a4 4 0 0 1 8 0v4" />\n            </symbol>\n            <symbol viewBox="0 0 24 24" id="icon-code" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z"/>\n                <polyline points="7 8 3 12 7 16" />\n                <polyline points="17 8 21 12 17 16" />\n                <line x1="14" y1="4" x2="10" y2="20" />\n            </symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-cloud-upload-outline">\n                <path d="M193.3 260.4l-11.6-11.6 74.5-74.3 74.5 74.3-11.7 11.6-54.6-54.6v241.8h-16.5V205.8z"/>\n                <path d="M399.3 183.6c0-1.2.2-2.4.2-3.6 0-64.3-52.8-116.4-116.8-116.4-46.1 0-85.8 27.1-104.4 66.3-8.1-4.1-17.1-6.4-26.8-6.4-29.6 0-54.1 23.6-58.9 52C57.4 187.6 32 222.2 32 261.8c0 49.7 40.1 90.2 89.6 90.2H213v-16h-90.6c-40.9 0-74.2-33.5-74.2-74.6 0-31.8 20.2-61.2 50.2-71.6l8.4-2.9 1.5-8.8c3.6-21.6 22.1-39.3 43.9-39.3 6.9 0 13.7 1.6 19.9 4.8l13.5 6.8 6.5-13.7c16.6-34.9 52.1-57.4 90.4-57.4 55.3 0 100.9 43.3 100.9 98.9 0 13.3-.2 20.3-.2 20.3l15.2.1c36.6.5 65.6 33.4 65.6 70.3 0 36.8-29.8 66.9-66.5 67.1H297v16h101c45 0 82-37.3 82-82.8s-35.5-85.5-80.7-85.6z"/>\n            </symbol>\n            <symbol viewBox="0 0 512 512" id="ion-volume-medium">\n                <path d="M270 407.7V104.4L175.3 192H71v128h104.3zm56.3-52.1c20.5-27.8 32.8-62.3 32.8-99.6 0-37.4-12.3-71.8-32.8-99.6l-20.4 15.3c17.4 23.6 27.8 52.7 27.8 84.3 0 31.6-10.4 60.7-27.8 84.3l20.4 15.3zm66.5 46c30-40.7 48-91 48-145.6s-18-104.9-48-145.6l-20.4 15.3c26.9 36.4 43 81.4 43 130.3 0 48.9-16.1 93.8-43 130.3l20.4 15.3z"/>\n            </symbol>\n\n            <symbol id="icon-list-search" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M15 15m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path>\n                <path d="M18.5 18.5l2.5 2.5"></path>\n                <path d="M4 6h16"></path>\n                <path d="M4 12h4"></path>\n                <path d="M4 18h4"></path>\n            </symbol>\n            <symbol id="icon-folder" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2"></path>\n            </symbol>\n            <symbol id="icon-folder-media" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2"></path>\n\n                <path d="M12 20h-5a3 3 0 0 1 -3 -3v-10a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v5"></path>\n                <path d="M4 15l4 -4c.928 -.893 2.072 -.893 3 0l4 4"></path>\n                <path d="M14 14l1 -1c.617 -.593 1.328 -.793 2.009 -.598"></path>\n            </symbol>\n\n            <symbol id="icon-reload" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M19.933 13.041a8 8 0 1 1 -9.925 -8.788c3.899 -1.002 7.935 1.007 9.425 4.747"></path>\n                <path d="M20 4v5h-5"></path>\n            </symbol>\n            <symbol id="icon-devices" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <rect x="13" y="8" width="8" height="12" rx="1"></rect>\n                <path d="M18 8v-3a1 1 0 0 0 -1 -1h-13a1 1 0 0 0 -1 1v12a1 1 0 0 0 1 1h9"></path>\n                <line x1="16" y1="9" x2="18" y2="9"></line>\n            </symbol>  \n            <symbol id="icon-device-desktop" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <rect x="3" y="4" width="18" height="12" rx="1"></rect>\n                <line x1="7" y1="20" x2="17" y2="20"></line>\n                <line x1="9" y1="16" x2="9" y2="20"></line>\n                <line x1="15" y1="16" x2="15" y2="20"></line>\n            </symbol>\n            <symbol id="icon-device-mobile" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <rect x="6" y="3" width="12" height="18" rx="2"></rect>\n                <line x1="11" y1="4" x2="13" y2="4"></line>\n                <line x1="12" y1="17" x2="12" y2="17.01"></line>\n            </symbol>\n            <symbol id="icon-device-laptop" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <line x1="3" y1="19" x2="21" y2="19"></line>\n                <rect x="5" y="6" width="14" height="10" rx="1"></rect>\n            </symbol>\n            <symbol id="icon-device-tablet" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <rect x="5" y="3" width="14" height="18" rx="1"></rect>\n                <circle cx="12" cy="17" r="1"></circle>\n            </symbol>\n\n            <symbol id="icon-eye" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0m13 0c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7"></path>\n            </symbol>\n            <symbol id="icon-eye-off" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M9.88 9.878a3 3 0 1 0 4.243 4.242m.581 -3.42a3.012 3.012 0 0 0 -1.45 -1.426m-3.877 -3.913a9.469 9.469 0 0 1 2.623 -.361c4 0 7.333 2.333 10 7c-.778 1.362 -1.613 2.524 -2.504 3.489m-2.138 1.859c-1.629 1.101 -3.415 1.652 -5.358 1.652c-4 0 -7.333 -2.333 -10 -7c1.374 -2.404 2.924 -4.189 4.652 -5.354m-3.652 -3.646l18 18"></path>\n            </symbol>\n\n            <symbol id="icon-download" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2"></path>\n                <path d="M7 11l5 5l5 -5"></path>\n                <path d="M12 4l0 12"></path>\n            </symbol>\n\n            <symbol id="icon-message-search" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M8 9h8"></path>\n                <path d="M8 13h5"></path>\n                <path d="M12 21l-.5 -.5l-2.5 -2.5h-3a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v4.5"></path>\n                <path d="M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>\n                <path d="M20.2 20.2l1.8 1.8"></path>\n            </symbol>\n            \n            </defs>\n        </svg>'),this.preferences=new Dv(this),(e=>{const t=e.util,i=e.builderStuff,n=new Os(e),o=new qs(e),s=e.dom;let a="";e.opts.rowHtmlEditor&&(a=`<button tabindex="-1" title="${t.out("HTML")}" class="row-html">\n            <svg class="is-icon-flex" style="margin-right:-3px;width:12px;height:12px;"><use xlink:href="#ion-ios-arrow-left"></use></svg><svg class="is-icon-flex" style="margin-left:-2px;width:12px;height:12px;"><use xlink:href="#ion-ios-arrow-right"></use></svg>\n        </button>`);let l="";e.opts.columnHtmlEditor&&(l=`<button tabindex="-1" title="${t.out("HTML")}" class="cell-html">\n            <svg class="is-icon-flex" style="margin-right:-3px;width:12px;height:12px;"><use xlink:href="#ion-ios-arrow-left"></use></svg><svg class="is-icon-flex" style="margin-left:-2px;width:12px;height:12px;"><use xlink:href="#ion-ios-arrow-right"></use></svg>\n        </button>`);const r=`<div class="is-modal is-modal-content grideditor" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">\n        <div class="is-modal-bar is-draggable">\n            <button class="is-modal-close" tabindex="-1" title="${t.out("Close")}">&#10005;</button>\n        </div>\n        <div style="padding:13px 0 5px 18px;font-size:10px;text-transform:uppercase;letter-spacing:1px;">${t.out("Row")}</div>\n        <div style="display:flex;flex-flow:wrap;">\n            <button tabindex="-1" title="${t.out("Add")}" class="row-add"><svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Duplicate")}" class="row-duplicate" style="display: block;"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-ios-photos-outline"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Move Up")}" class="row-up" style="display: block;"><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#ion-ios-arrow-thin-up"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Move Down")}" class="row-down" style="display: block;"><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#ion-ios-arrow-thin-down"></use></svg></button>\n            ${a}\n            <button tabindex="-1" title="${t.out("Delete")}" class="row-remove"><svg class="is-icon-flex" style="width:20px;height:20px;"><use xlink:href="#ion-ios-close-empty"></use></svg></button>\n        </div>\n        <div style="padding:8px 0 5px 18px;font-size:11px;text-transform:uppercase;letter-spacing:1px;">${t.out("Column")}</div>\n        <div style="display:flex;flex-flow:wrap;">\n            <button tabindex="-1" title="${t.out("Add")}" class="cell-add"><svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Duplicate")}" class="cell-duplicate"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-ios-photos-outline"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Move Up")}" class="cell-up"><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#ion-ios-arrow-thin-up"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Move Down")}" class="cell-down"><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#ion-ios-arrow-thin-down"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Move Left")}" class="cell-prev"><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#ion-ios-arrow-thin-left"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Move Right")}" class="cell-next"><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#ion-ios-arrow-thin-right"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Increase")}" class="cell-increase"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-increase"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Decrease")}" class="cell-decrease"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-decrease"></use></svg></button>\n            ${l}\n            <button tabindex="-1" title="${t.out("Delete")}" class="cell-remove"><svg class="is-icon-flex" style="width:20px;height:20px;"><use xlink:href="#ion-ios-close-empty"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Lock")}" class="cell-locking"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#icon-lock"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Column Settings")}" class="cell-settings"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-ios-gear"></use></svg></button>\n               \n            <div class="is-separator">\n                <button tabindex="-1" title="${t.out("Outline")}" class="grid-outline"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-ios-grid-view-outline"></use></svg></button>\n                \x3c!--<button tabindex="-1" title="${t.out("Element Tool")}" class="cell-elmtool"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-ios-gear"></use></svg></button>--\x3e\n            </div>\n        </div>\n    </div>`;s.appendHtml(i,r),new Us({selector:".is-draggable"});const d=document.querySelector(".grideditor");document.addEventListener("click",(e=>{var t=(e=e||window.event).target||e.srcElement;if(s.hasClass(d,"active")){let e=s.parentsHasClass(t,"is-builder"),i=s.parentsHasClass(t,"grideditor"),n=s.parentsHasClass(t,"is-modal"),o=s.parentsHasClass(t,"is-pop"),a=s.parentsHasClass(t,"rte-grideditor")||s.hasClass(t,"rte-grideditor");if(e||i||n||o||a)return void(d.style.display="");d.style.display="none"}}),!1);let c=d.querySelector(".is-modal-close");s.addEventListener(c,"click",(()=>{s.removeClass(d,"active");const t=e.doc.querySelectorAll(e.opts.container);Array.prototype.forEach.call(t,(e=>{e.removeAttribute("grideditor")}))}));const u=d.querySelector(".grid-outline");s.addEventListener(u,"click",(()=>{const t=e.doc.querySelectorAll(e.opts.container);Array.prototype.forEach.call(t,(e=>{e.hasAttribute("gridoutline")?(e.removeAttribute("gridoutline"),s.removeClass(u,"on")):(e.setAttribute("gridoutline",""),s.addClass(u,"on"))}))}));const p=Ms(e),h=d.querySelector(".cell-add");s.addEventListener(h,"click",(()=>{p.querySelector(".is-pop-tabs").style.display="flex";const e=h.getBoundingClientRect().top+window.pageYOffset,i=h.getBoundingClientRect().left+window.pageXOffset;t.showPop(p,!1,h);const n=p.offsetWidth;p.style.top=e+"px",p.style.left=i-n-8+"px",s.removeClass(p,"arrow-bottom"),s.removeClass(p,"arrow-left"),s.removeClass(p,"arrow-top"),s.removeClass(p,"center"),s.removeClass(p,"left"),s.addClass(p,"arrow-right"),s.addClass(p,"right"),"left"===p.querySelector(".active").getAttribute("data-value")?p.setAttribute("data-mode","cell-left"):p.setAttribute("data-mode","cell-right")})),c=d.querySelector(".cell-prev"),s.addEventListener(c,"click",(()=>{n.moveColumnPrevious(),t.clearControls()})),c=d.querySelector(".cell-next"),s.addEventListener(c,"click",(()=>{n.moveColumnNext(),t.clearControls()})),c=d.querySelector(".cell-increase"),s.addEventListener(c,"click",(()=>{n.increaseColumn(),t.clearControls()})),c=d.querySelector(".cell-decrease"),s.addEventListener(c,"click",(()=>{n.decreaseColumn(),t.clearControls()})),c=d.querySelector(".cell-up"),s.addEventListener(c,"click",(()=>{n.moveColumnUp(),t.clearControls()})),c=d.querySelector(".cell-down"),s.addEventListener(c,"click",(()=>{n.moveColumnDown(),t.clearControls()})),c=d.querySelector(".cell-duplicate"),s.addEventListener(c,"click",(()=>{n.duplicateColumn(),t.clearControls()})),c=d.querySelector(".cell-remove"),s.addEventListener(c,"click",(()=>{n.removeColumn(),t.clearControls()}));const m=d.querySelector(".cell-html");m&&s.addEventListener(m,"click",(()=>{t.cellSelected()&&o.view("cell",!1,m)}));const g=d.querySelector(".cell-settings");g&&s.addEventListener(g,"click",(()=>{const i=t.cellSelected();if(!i)return;e.colTool.readCellStyles(i),t.saveSelection();const n=document.querySelector(".is-modal.columnsettings");t.showModal(n,!1,(()=>{"flex"===e.builderStuff.querySelector(".is-rte-tool").style.display&&(t.restoreSelection(),g.removeAttribute("data-focus"),g.focus())})),g.setAttribute("data-focus",!0)}));const b=d.querySelector(".cell-locking");b&&s.addEventListener(b,"click",(i=>{let n=t.cellSelected();n&&(n.hasAttribute("data-noedit")?(n.removeAttribute("data-noedit"),n.contentEditable=!0,s.removeClass(b,"on")):(n.setAttribute("data-noedit",""),n.contentEditable=!1,s.addClass(b,"on"),t.clearActiveElement(!0)),e.colTool.showHideLockIndicator(n),e.element.applyBehavior(n),i.preventDefault())}));const f=d.querySelector(".row-add");s.addEventListener(f,"click",(()=>{p.querySelector(".is-pop-tabs").style.display="none";const e=f.getBoundingClientRect().top+window.pageYOffset,i=f.getBoundingClientRect().left+window.pageXOffset;t.showPop(p,!1,f);const n=p.offsetWidth;p.style.top=e+"px",p.style.left=i-n-8+"px",s.removeClass(p,"arrow-bottom"),s.removeClass(p,"arrow-left"),s.removeClass(p,"arrow-top"),s.removeClass(p,"center"),s.removeClass(p,"left"),s.addClass(p,"arrow-right"),s.addClass(p,"right"),p.setAttribute("data-mode","row")})),c=d.querySelector(".row-up"),s.addEventListener(c,"click",(()=>{n.moveRowUp(),t.clearControls()})),c=d.querySelector(".row-down"),s.addEventListener(c,"click",(()=>{n.moveRowDown(),t.clearControls()})),c=d.querySelector(".row-duplicate"),s.addEventListener(c,"click",(()=>{n.duplicateRow(),t.clearControls()})),c=d.querySelector(".row-remove"),s.addEventListener(c,"click",(()=>{n.removeRow(),t.clearControls()}));const v=d.querySelector(".row-html");v&&s.addEventListener(v,"click",(()=>{t.cellSelected()&&o.view("row",!1,v)}))})(this),this.preview=!1;const d=this.doc.querySelectorAll(this.opts.container);Array.prototype.forEach.call(d,(e=>{this.dom.hasClass(e,"preview")&&(this.preview=!0)})),this.preview||this.opts.snippetJSON.snippets.length>0&&Xl(this),this.colTool=new lv(this),this._rowTool=new sv(this),this.livePreview=new ny(this),this.mediaPicker=new ty(this);var c=this.opts.onChange;if(this.opts.onChange=()=>{var e=c.apply(this,arguments);return this.activeCol&&this.util.repositionColumnTool(),this.elmTool.repositionElementTool(!0),this.element.image.imageTool.style.display="",this.element.module.moduleTool.style.display="",this.colTool.lockIndicator.style.display="",e},this.elmTool=new Pv(this),this.element=new Pf(this),this.rte=new Uv(this),this.tooltip=new Yv(this),this.lightbox=new Xv(this),this.preview||this.applyBehavior(),!this.preview)if(this.opts.plugins.length>0)this.loadPlugins();else if(void 0===this.opts.scriptPath&&""===this.opts.pluginPath);else if(!this.opts.disableConfig){let e=this.opts.scriptPath+"config.js";""!==this.opts.pluginPath&&(e=this.opts.pluginPath+"config.js"),this.loadScript(e).then((()=>{this.opts.plugins.length>0&&this.loadPlugins()}),(()=>{console.log("Fail to load config")}))}this.tabs=new Zv,this.colorPicker=new Hf({lang:this.opts.lang,colors:this.opts.colors}),this.colorClassPicker=new jv({lang:this.opts.lang}),this.ShortcutInfo=new Vv(this),this.opts.isContentBox||null!==localStorage.getItem("_dictation")&&localStorage.removeItem("_dictation"),this.dictation=new ry({},this),this.lib=new oy(this),this.similarity=new uy(this),this.iframe&&(this.win.addEventListener("scroll",this.doWindowScroll=()=>{this.util.hidePops()}),this.win.addEventListener("resize",this.doWindowResize=()=>{this.util.clearActiveCell(),this.util.clearControls()})),document.addEventListener("click",this.doDocumentClick=e=>{let t,i=(e=e||window.event).target||e.srcElement;if(!i)return;i.parentNode&&(t=this.dom.hasClass(i.parentNode,"is-builder"));let n=this.dom.hasClass(i,"is-builder"),o=!1,a=!1,l=!1,r=!1,d=!1,c=!1,u=!1,p=!1,h=!1,m=!1,g=!1,b=!1,f=!1,v=!1,y=!1,x=i;for(;x&&x.tagName&&"BODY"!==x.tagName&&"HTML"!==x.tagName;){if(this.dom.hasClass(x,"is-builder")&&(o=!0),this.dom.hasClass(x,"is-subblock")&&(v=!0),this.dom.hasClass(x,"is-modal")&&(a=!0),(this.dom.hasClass(x,"is-side")||this.dom.hasClass(x,"is-sidebar"))&&(l=!0),this.dom.hasClass(x,"is-pop")&&(r=!0),this.dom.hasClass(x,"is-tool")&&(d=!0),(this.dom.hasClass(x,"is-rte-tool")||this.dom.hasClass(x,"is-elementrte-tool"))&&(c=!0),this.dom.hasClass(x,"is-rte-pop")&&(u=!0),this.dom.hasClass(x,"row-add-initial")&&(p=!0),(this.dom.hasClass(x,"sl-wrapper")||this.dom.hasClass(x,"sl-overlay")||this.dom.hasClass(x,"sl-close"))&&(h=!0),(this.dom.hasClass(x,"is-selectbox")||this.dom.hasClass(x,"is-selectbox-options"))&&(m=!0),this.opts.specialElementClasses)for(let e=0;e<this.opts.specialElementClasses.length;e++)this.dom.hasClass(x,this.opts.specialElementClasses[e])&&(y=!0);"divImageTool"===x.id&&(g=!0),"divImageResizer"===x.id&&(b=!0),this.preserveSelection&&(f=!0),x=x.parentNode}if(!m){let e=document.querySelectorAll(".is-selectbox-options");Array.prototype.forEach.call(e,(e=>{e.style.display="none"}))}let _=!1,w=document.querySelector("#divImageResizer");if(w&&"1"===w.getAttribute("data-resized")&&(_=!0),!_){if(!(a||h||g||b||"img"===i.tagName.toLowerCase())){document.querySelector("#divImageTool").style.display="";let e=document.querySelector("#divImageResizer");e.style.display="none",e.style.top="-10px",e.style.left="-10px",e.style.width="1px",e.style.height="1px",this.moveable&&(this.moveable.updateRect(),document.querySelector(".moveable-control-box").style.display="none")}if(!(o||v||a||l||r||d||c||u||p||h||f||y)||t&&!p||n){if(!this.dom.getSelected()){document.querySelector(".is-modal.active:not(.is-modal-content)")||(s.clearActiveCell(),s.clearControls(),"auto"!==this.toolbarDisplay&&this.rte.showDefaultToolbar())}this.element.hyperlink.buttonEditor.hide()}if(this.activeLinkButton||this.activeButton||i.closest(".buttoneditor")||i.closest(".link-button-edit")||i.closest(".is-modal")||this.element.hyperlink.buttonEditor.hide(),!r&&!this.dom.parentsHasId(i,"_cbhtml")){const e=document.querySelectorAll(".is-pop");Array.prototype.forEach.call(e,(e=>{this.dom.parentsHasId(e,"_cbhtml")||(e.style.display="")}))}}}),this.iframe&&this.doc.addEventListener("click",this.doDocumentClick),this.doc.addEventListener("mousedown",this.doDocumentMousedown=e=>{var t=(e=e||window.event).target||e.srcElement;this.dom.parentsHasClass(t,"row-handle")&&s.clearControls()}),document.addEventListener("keydown",this.doDocumentKeydown=e=>{90===e.which&&(e.ctrlKey||e.metaKey)&&(e.shiftKey?this.uo.doRedo():e.altKey||this.uo.doUndo()),89===e.which&&e.ctrlKey&&(e.altKey||this.uo.doRedo());(e.ctrlKey||e.metaKey)&&191===e.which&&this.ShortcutInfo.open()}),this.iframe&&this.doc.addEventListener("keydown",this.doDocumentKeydown),document.body.addEventListener("mscontrolselect",(function(e){e.preventDefault()})),window._cb=this,window.applyLargerImage=this.applyLargerImage.bind(this),window.returnUrl=this.returnUrl.bind(this),window.selectFile=this.selectFile.bind(this),window.selectImage=this.selectImage.bind(this),window.selectVideo=this.selectVideo.bind(this),window.selectAsset=this.selectAsset.bind(this),window.assetType=this.assetType.bind(this),window.hideModal=this.hideModal.bind(this),setTimeout((()=>{(null!=localStorage.getItem("_livepreview")||this.opts.livePreviewOpen)&&this.openPreview()}),300)}static run(e={}){return new py(e)}setZoom(){if(""!==this.opts.page){const e=this.doc.querySelector(this.opts.page);e.style.transform=`scale(${this.opts.zoom})`,this.setZoomOnControl(e)}else{this.doc.querySelectorAll(this.opts.container).forEach((e=>{let t=!1;e.style.transform||(t=!0),t&&(e.style.transition="none"),e.style.transform=`scale(${this.opts.zoom})`,t&&setTimeout((()=>{e.style.transition=""}),300),this.setZoomOnControl(e)}))}}backwardCompatible(){this.builderStuff.querySelector('style[data-rel="css-new"]')||this.builderStuff.insertAdjacentHTML("afterbegin",'\n            <style data-rel="css-new">\n                \n        .row-active .is-col-tool {\n            display: flex;\n        }\n        .is-builder[rowoutline] .row-active .is-col-tool {\n            display: none;\n        }\n        .is-builder[hidecolumntool] .row-active .is-col-tool {\n            display: none;\n        }\n\n        .is-tool.is-col-tool {\n            flex-direction: row;\n            margin-top: 0px;\n            margin-left: -1px;\n        }\n        .is-tool.is-col-tool button {\n            width: 25px;\n            height: 25px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n        .is-tool.is-col-tool .cell-add {\n            background: #0fcc52;\n        }\n        .is-tool.is-col-tool .cell-more {\n            background: rgba(216, 200, 6, 0.9);\n        }\n        .is-tool.is-col-tool .cell-remove {\n            background: rgba(255, 85, 4, 0.9);\n        }\n        .is-tool.is-col-tool svg {\n            width: 23px;\n            height: 23px;\n            fill: #fff  !important;\n        }\n        .is-tool.is-col-tool .cell-more svg {\n            width: 14px;\n            height: 14px;\n        }\n\n\n        .is-builder[gray] .is-tool.is-col-tool {\n            background: rgba(243, 243, 243, 0.9);\n            flex-direction: row;\n            top:-3px;\n            margin-top: 0px;\n            margin-left: -1px;\n        }\n        .is-builder[gray] .is-tool.is-col-tool button {\n            width: 27px;\n            height: 27px;\n        }\n        .is-builder[gray] .is-tool.is-col-tool .cell-add {\n            background: transparent;\n        }\n        .is-builder[gray] .is-tool.is-col-tool .cell-more {\n            background: transparent;\n        }\n        .is-builder[gray] .is-tool.is-col-tool .cell-remove {\n            background: transparent;\n        }\n        .is-builder[gray] .is-tool.is-col-tool svg {\n            width: 18px;\n            height: 18px;\n            fill: #000 !important;\n        }\n        .is-builder[gray] .is-tool.is-col-tool .cell-more svg {\n            width: 12px;\n            height: 12px;\n        }\n\n\n        .is-col-tool svg {\n            display: initial !important;\n        }\n        \n        \n            </style>\n            ')}setZoomOnControl(e){e.querySelectorAll(".is-row-tool").forEach((e=>{e.style.transform=`scale(${1/this.opts.zoom})`,e.style.transformOrigin="top"}));e.querySelectorAll(".is-col-tool").forEach((e=>{e.style.transform=`scale(${1/this.opts.zoom})`,e.style.transformOrigin="top left",e.style.marginTop=-27/this.opts.zoom+"px"}));e.querySelectorAll(".is-rowadd-tool button").forEach((e=>{e.style.transform=`scale(${1/this.opts.zoom})`}))}setZoomOnArea(){if(""!==this.opts.page){this.doc.querySelector(this.opts.page).style.transform=`scale(${this.opts.zoom})`}else{this.doc.querySelectorAll(this.opts.container).forEach((e=>{let t=!1;e.style.transform||(t=!0),t&&(e.style.transition="none"),e.style.transform=`scale(${this.opts.zoom})`,t&&setTimeout((()=>{e.style.transition=""}),300)}))}}applyBehavior(){null!==localStorage.getItem("_zoom")&&(this.opts.zoom=localStorage.getItem("_zoom")),this.rte.rteZoomSlider.value=100*this.opts.zoom;const e=this.doc.querySelectorAll(this.opts.container);Array.prototype.forEach.call(e,(e=>{this.applyBehaviorOn(e),this.contentReformatOn(e)})),this.opts.onRender(),this.setZoomOnArea()}contentReformatOn(e){this.opts.useCssClasses&&this.dom.contentReformat(e,this.opts.cssClasses)}applyBehaviorOn(e){const t=this.util;if(this.opts.absolutePath){let t=e.querySelectorAll("a");Array.prototype.forEach.call(t,(e=>{let t=e.href;e.setAttribute("href",t)}));let i=e.querySelectorAll("img");Array.prototype.forEach.call(i,(e=>{let t=e.src;e.setAttribute("src",t)}))}this.dom.addClass(e,"is-builder"),this.preferences.initBuilder(e);if(this.dom.elementChildren(e).forEach((e=>{if(this.dom.hasClass(e,"row-add-initial"))return;(e.style.marginLeft||e.style.marginRight)&&(e.style.border="none"),this._rowTool.render(e);new av(this).render(e);this.dom.elementChildren(e).forEach((e=>{if(this.dom.hasClass(e,"is-row-tool")||this.dom.hasClass(e,"is-col-tool")||this.dom.hasClass(e,"is-rowadd-tool"))return;"readonly"===e.getAttribute("data-mode")&&(e.setAttribute("data-noedit",""),e.removeAttribute("data-mode")),"readonly-protected"===e.getAttribute("data-mode")&&(e.setAttribute("data-protected",""),e.removeAttribute("data-mode"));let t=!1;e.hasAttribute("data-noedit")&&(t=!0);let i=!1;e.hasAttribute("data-protected")&&(i=!0);let n=!1;if(e.hasAttribute("data-html")&&(n=!0),!n&&!t&&!i){const t=e.innerText.trim();(e.querySelectorAll("p,h1,h2,h3,h4,h5,h6,table,ul,ol,pre,blockquote,code,figcaption,label,legend,button,a,span").length>0||""!==t)&&(e.contentEditable=!0)}this.element.applyBehavior(e),e.getAttribute("data-click")||(e.addEventListener("click",this.handleCellClick.bind(this,e)),e.addEventListener("keydown",this.handleCellKeypress.bind(this)),e.addEventListener("keydown",this.handleCellKeydown.bind(this,e)),e.addEventListener("keyup",this.handleCellKeyup.bind(this,e)),e.addEventListener("paste",this.handleCellPaste.bind(this)),e.setAttribute("data-click",!0))}))})),!e.getAttribute("data-sort")&&!e.hasAttribute("nogrid")){let i=new kl(e,{scroll:!0,group:"shared",animation:300,handle:".row-handle",sort:!0,onChoose:()=>{let e;if(""!==this.opts.page){const t=this.doc.querySelector(this.opts.page);e=this.dom.getScale(t)}else{const t=this.doc.querySelector(".is-builder");e=this.dom.getScale(t)}const t=`\n                    <style id="css-scale">\n                        .sortable-drag::before {\n                            transform: scale(${e});\n                        }\n                    </style>\n                    `;if(this.iframe){const e=this.contentStuff.querySelector("#css-scale");e&&e.parentNode.removeChild(e),this.contentStuff.insertAdjacentHTML("afterbegin",t)}else{const e=this.builderStuff.querySelector("#css-scale");e&&e.parentNode.removeChild(e),this.builderStuff.insertAdjacentHTML("afterbegin",t)}this.sectionDropSetup()},onStart:()=>{this.uo.saveForUndo(),this.elmTool.hide()},onEnd:()=>{this.util.checkEmpty(),this.sortableOnPage&&this.sortableOnPage.destroy()},onAdd:i=>{var n=i.item;if(n.getAttribute("data-id")){let i=n.getAttribute("data-id");const m=this.opts.snippetJSON.snippets.filter((e=>e.id+""===i&&e));var o,s=m[0].html,a=m[0].noedit;o=-1===s.indexOf('"row'),this.opts.emailMode&&(o=!1);var l=this.opts.row,r=this.opts.cols;if(""!==l&&12===r.length&&(s=(s=(s=(s=(s=(s=(s=(s=(s=(s=(s=(s=s.replace(new RegExp("row clearfix","g"),"row")).replace(new RegExp('"row',"g"),'"'+l)).replace(new RegExp("column full","g"),r[11])).replace(new RegExp("column half","g"),r[5])).replace(new RegExp("column third","g"),r[3])).replace(new RegExp("column fourth","g"),r[2])).replace(new RegExp("column fifth","g"),r[1])).replace(new RegExp("column sixth","g"),r[1])).replace(new RegExp("column two-third","g"),r[7])).replace(new RegExp("column two-fourth","g"),r[8])).replace(new RegExp("column two-fifth","g"),r[9])).replace(new RegExp("column two-sixth","g"),r[9])),s=s.replace(/{id}/g,t.makeId()),this.opts.onAdd&&(s=this.opts.onAdd(s)),this.opts.snippetPathReplace.length>0&&""!==this.opts.snippetPathReplace[0]){var d=new RegExp(this.opts.snippetPathReplace[0],"g");s=s.replace(d,this.opts.snippetPathReplace[1]);var c=this.opts.snippetPathReplace[0].replace(/\//g,"%2F"),u=this.opts.snippetPathReplace[1].replace(/\//g,"%2F"),p=new RegExp(c,"g");s=s.replace(p,u)}if(o)s=`<div class="${this.opts.row}"><div class="${this.opts.cols[this.opts.cols.length-1]}"${a?" data-noedit":""}>${s}</div></div>`,n.removeAttribute("draggable"),this.dom.removeClass(n,"snippet-item"),n.outerHTML=s;else{let e=this.dom.createElement("div");e.innerHTML=s;let i=e.querySelectorAll("[data-html]");Array.prototype.forEach.call(i,(e=>{s=(s=(s=decodeURIComponent(e.getAttribute("data-html"))).replace(/{id}/g,t.makeId())).replace(/<script>/g,""+(this.nonce?`<script nonce="${this.nonce}">`:"<script>"));for(var i=1;i<=20;i++)s=s.replace("[%HTML"+i+"%]",void 0===e.getAttribute("data-html-"+i)?"":decodeURIComponent(e.getAttribute("data-html-"+i)));e.innerHTML=s})),s=e.innerHTML,n.removeAttribute("draggable"),this.dom.removeClass(n,"snippet-item"),n.innerHTML="";var h=document.createRange();h.setStart(n,0),n.appendChild(h.createContextualFragment(s)),n.outerHTML=n.innerHTML}this.applyBehaviorOn(e),this.opts.onChange(),this.opts.onRender(),this.elmTool.hide()}}});this.sortableObjects.push(i),e.setAttribute("data-sort",!0)}const i=e.querySelectorAll('a[role="button"]');Array.prototype.forEach.call(i,(t=>{t.parentNode&&t.parentNode.parentNode&&t.parentNode.parentNode.parentNode===e&&(t.outerHTML=`\n                        <div style="white-space: nowrap;">\n                            ${t.outerHTML}\n                        </div>\n                        `)}));const n=e.querySelectorAll(".is-subblock");Array.prototype.forEach.call(n,(e=>{e.contentEditable=!0})),this.util.checkEmptyOn(e),this.setZoomOnControl(e)}html(e){const t=this.util,i=new qs(this);if(e);else{const i=this.doc.querySelectorAll(this.opts.container);if(i.length>1){const n=t.cellSelected();e=n?n.parentNode.parentNode:i[0]}else e=i[0];if(""!==this.opts.page){const t=this.doc.querySelector(this.opts.page);t&&(e=t)}}this.cleanHtmlFormatting=!0;let n=i.readHtml(e);return this.cleanHtmlFormatting=!1,n}viewHtmlNormal(){new qs(this).viewHtmlExternal()}readHtml(e,t,i,n){return new qs(this).readHtml(e,t,i,n)}fromViewToActual(e){return new qs(this).fromViewToActual(e)}colorpicker(e,t){return new Hf({onPick:e,color:t,colors:this.opts.colors,animateModal:this.opts.animateModal,elementToAnimate:this.opts.container,lang:this.opts.lang})}gradientpicker(){return new ev({gradientcolors:this.opts.gradientcolors,colors:this.opts.colors,animateModal:this.opts.animateModal,elementToAnimate:this.opts.container,lang:this.opts.lang})}simpleColorPicker(e,t){return this.colorClassPicker.open(e,t)}destroy(){if(this.doc.body.classList.remove("data-editor"),document.removeEventListener("click",this.doDocumentClick,!1),document.removeEventListener("keydown",this.doDocumentKeydown,!1),document.removeEventListener("mousedown",this.doDocumentMousedown,!1),document.removeEventListener("click",this.doRteClick,!1),this.doc.removeEventListener("click",this.doHideSnippetHandler,!1),this.iframe&&(this.doc.removeEventListener("click",this.doDocumentClick,!1),this.doc.removeEventListener("keydown",this.doDocumentKeydown,!1),this.doc.removeEventListener("mousedown",this.doDocumentMousedown,!1),this.doc.removeEventListener("click",this.doRteClick,!1),this.win.removeEventListener("scroll",this.doWindowScroll,!1),this.win.removeEventListener("resize",this.doWindowResize,!1)),this.util.clearControls(),!this.util.builderStuff())return;const e=new qs(this);if(""!==this.opts.page){const e=this.doc.querySelector(this.opts.page);e&&(e.style.transform="")}else{this.doc.querySelectorAll(this.opts.container).forEach((e=>{e.style.transform=""}))}const t=this.doc.querySelectorAll(this.opts.container);Array.prototype.forEach.call(t,(t=>{let i=e.readHtml(t,!1),n=this.doc.createRange();t.innerHTML="",t.appendChild(n.createContextualFragment(i))})),Array.prototype.forEach.call(t,(e=>{e.removeAttribute("data-sort"),this.dom.removeClass(e,"is-builder")})),Array.prototype.forEach.call(this.sortableObjects,(e=>{try{e.destroy()}catch(e){}})),this.moveable.destroy(),this.builderStuff.parentNode.removeChild(this.builderStuff),this.builderStuff=null,this.iframe&&(this.contentStuff.parentNode.removeChild(this.contentStuff),this.contentStuff=null)}saveImages(e,t,i){new Fv({page:this.opts.page,container:this.opts.container,customval:this.opts.customval,handler:e,onComplete:t,onBase64Upload:i||null},this).save()}clearFont(){this.rte.clearFont()}applyFont(e,t,i){this.rte.applyFont(e,t,i)}setFont(e,t,i,n){this.rte.setFont(e,t,i,n)}addIcon(e){this.rte.addIcon(e)}applyLargerImage(e){let t=document.querySelectorAll(".form-upload-larger");Array.prototype.forEach.call(t,(t=>{this.dom.hasClass(t,"please-wait")&&(this.dom.removeClass(t,"please-wait"),t.parentNode.parentNode.querySelector('input[type="text"]').value=e,t.parentNode.parentNode.querySelector('input[type="file"]').value="")}))}returnUrl(e){let t=document.querySelectorAll(".form-upload-larger");Array.prototype.forEach.call(t,(t=>{this.dom.hasClass(t,"please-wait")&&(this.dom.removeClass(t,"please-wait"),t.parentNode.parentNode.querySelector('input[type="text"]').value=e,t.parentNode.parentNode.querySelector('input[type="file"]').value="")})),this.opts.assetRefresh=!0}openMediaPicker(e,t="media",i,n){this.mediaPicker.openMediaPicker(e,t,i,n)}openImagePicker(e,t,i){this.colTool.openImagePicker(e,t,i)}openImageAdjust(e,t,i){2===this.opts.imageAdjust?this.colTool.openImageAdjust2(e,t):this.colTool.openImageAdjust(e,t,i)}selectFile(e){this.selectAsset(e)}selectImage(e){this.selectAsset(e)}selectVideo(e){this.selectAsset(e)}selectAsset(e){let t=e.split(".").pop().split("?")[0].split("#")[0];t=t.toLowerCase();let i=!1;if("all"===this.targetAssetType?i=!0:"media"===this.targetAssetType?"jpg"===t||"jpeg"===t||"png"===t||"gif"===t||"webm"===t||"webp"===t||"mp4"===t?i=!0:alert(this.util.out("Please select an image or video file.")):"image"===this.targetAssetType?"jpg"===t||"jpeg"===t||"png"===t||"gif"===t||"webm"===t||"webp"===t?i=!0:alert(this.util.out("Please select an image file.")):"video"===this.targetAssetType?"mp4"===t?i=!0:alert(this.util.out("Please select an mp4 file.")):"audio"===this.targetAssetType&&("mp3"===t?i=!0:alert(this.util.out("Please select an mp3 file."))),i){this.targetInput.value=e,"inpCellLinkSource"===this.targetInput.id&&this.targetCallback();let t=document.querySelector(".is-modal.videoselect.active");t&&this.hideModal(t),t=document.querySelector(".is-modal.imageselect.active"),t&&this.hideModal(t),t=document.querySelector(".is-modal.fileselect.active"),t&&this.hideModal(t),t=document.querySelector(".is-modal.audioselect.active"),t&&this.hideModal(t),t=document.querySelector(".is-modal.mediaselect.active"),t&&this.hideModal(t),t=document.querySelector(".is-modal.otherselect.active"),t&&this.hideModal(t)}}assetType(){return this.targetAssetType}renderSelectAsset(e,t,i){const n="inp_"+this.util.makeId();e.insertAdjacentHTML("afterend",`<input type="hidden" id="${n}">`);const o=e.parentNode.querySelector(`#${n}`);e.addEventListener("click",(()=>{this.openAsset(o,t,e)}));let s=e=>this.util.out(e);const a=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value");Object.defineProperty(o,"value",{get:a.get,set:function(e){let n=e.substring(e.lastIndexOf("/")+1).split(".").pop();n=n.toLowerCase();let o=!1;"all"===t?o=!0:"media"===t?"jpg"===n||"jpeg"===n||"png"===n||"gif"===n||"webm"===n||"webp"===n||"mp4"===n?o=!0:alert(s("Please select an image or video file.")):"video"===t?"mp4"===n?o=!0:alert(s("Please select an mp4 file.")):"image"===t?"jpg"===n||"jpeg"===n||"png"===n||"gif"===n||"webm"===n||"webp"===n?o=!0:alert(s("Please select an image file.")):"audio"===t&&("mp3"===n?o=!0:alert(s("Please select an mp3 file."))),o&&i&&i(e),a.set.call(this,e)}})}openOther(e,t,i){if(this.opts.onOtherSelectClick)this.opts.onOtherSelectClick({targetInput:e,theTrigger:i});else{let i,n=this.builderStuff.querySelector(".is-modal.otherselect");i=n.querySelector("iframe"),"about:blank"===i.src&&(i.src=this.opts.otherSelect),this.util.showModal(n),this.targetInput=e,this.targetCallback=null,this.targetAssetType=t}}openAsset(e,t,i){if("media"===t&&(this.opts.onMediaSelectClick||this.opts.onImageSelectClick))this.opts.onMediaSelectClick?this.opts.onMediaSelectClick({targetInput:e,theTrigger:i}):this.opts.onImageSelectClick({targetInput:e,theTrigger:i});else if("video"===t&&this.opts.onVideoSelectClick)this.opts.onVideoSelectClick({targetInput:e,theTrigger:i});else if("image"===t&&this.opts.onImageSelectClick)this.opts.onImageSelectClick({targetInput:e,theTrigger:i});else if("audio"===t&&this.opts.onAudioSelectClick)this.opts.onAudioSelectClick({targetInput:e,theTrigger:i});else if("all"===t&&this.opts.onFileSelectClick)this.opts.onFileSelectClick({targetInput:e,theTrigger:i});else{let i,n;"media"===t?(n=this.builderStuff.querySelector(".is-modal.mediaselect"),i=n.querySelector("iframe"),"about:blank"===i.src&&(this.opts.mediaSelect?i.src=this.opts.mediaSelect:this.opts.imageSelect&&(i.src=this.opts.imageSelect))):"video"===t?(n=this.builderStuff.querySelector(".is-modal.videoselect"),i=n.querySelector("iframe"),"about:blank"===i.src&&(i.src=this.opts.videoSelect)):"image"===t?(n=this.builderStuff.querySelector(".is-modal.imageselect"),i=n.querySelector("iframe"),"about:blank"===i.src&&(i.src=this.opts.imageSelect)):"audio"===t?(n=this.builderStuff.querySelector(".is-modal.audioselect"),i=n.querySelector("iframe"),"about:blank"===i.src&&(i.src=this.opts.audioSelect)):"all"===t&&(n=this.builderStuff.querySelector(".is-modal.fileselect"),i=n.querySelector("iframe"),"about:blank"===i.src&&(i.src=this.opts.fileSelect)),this.util.showModal(n),this.targetInput=e,this.targetCallback=null,this.targetAssetType=t}}moveRowUp(){this._rowTool.moveRowUp()}moveRowDown(){this._rowTool.moveRowDown()}duplicateRow(){this._rowTool.duplicateRow()}removeRow(){this._rowTool.removeRow()}moveColumnLeft(){this.colTool.moveColumnLeft()}moveColumnRight(){this.colTool.moveColumnRight()}duplicateColumn(){this.colTool.duplicateColumn()}removeColumn(){this.colTool.removeColumn()}moveColumnUp(){this.colTool.moveColumnUp()}moveColumnDown(){this.colTool.moveColumnDown()}formatText(e){this.rte.formatText(e)}formatTextNonToggle(e){this.rte.formatTextNonToggle(e)}LightenDarkenColor(e,t){return this.util.LightenDarkenColor(e,t)}pickColor(e,t){new Hf({colors:this.opts.colors,animateModal:!1,lang:this.opts.lang}).open(e,t)}addSnippet(e,t,i){this.util.addSnippet(e,t,i)}viewSnippets(){this.rte.viewSnippets()}saveForUndo(e){this.uo.saveForUndo(e)}download(e={}){this.export(e,!0)}export(e={},t=!1){let i=this.pageTemplate,n="";this.makeAbsolute=!0,this.shortenOutput=t;let o=this.html();if(this.makeAbsolute=!1,this.shortenOutput=!1,n=i.replace("[%CONTENT%]",o),e.replace&&e.replace.forEach((e=>{n=n.replaceAll(`${e[0]}`,e[1])})),e.path)n=n.replaceAll("[%PATH%]",e.path);else{let e;e=location.href.substring(0,location.href.lastIndexOf("/")),n=n.replaceAll("[%PATH%]",e)}n=this.beautify(n);const s=document.createElement("a");s.href=window.URL.createObjectURL(new Blob([n],{type:"text/plain"})),s.download="page.html",s.click()}beautify(e){return new qs(this).beautify(e)}openPreview(){this.livePreview.openPreview()}closePreview(){this.livePreview.closePreview()}getActiveModule(){return document.querySelector("[data-module-active]")}getModuleSettings(){let e=document.querySelector("[data-module-active]");return decodeURIComponent(e.getAttribute("data-settings"))}setModuleHtml(e){document.querySelector("#hidContentModuleCode").value=e}setModuleSettings(e){document.querySelector("#hidContentModuleSettings").value=e}makeId(){return this.util.makeId()}setTooltip(e){this.tooltip.setAll(e)}loadPlugins(){if(!this.builderStuff)return;if(void 0===this.opts.scriptPath&&""===this.opts.pluginPath)return;if(this.numOfPlugins=0,"string"==typeof this.opts.plugins[0])return void this.loadPluginsOldWay();const e=this.builderStuff.querySelector(".is-rte-tool"),t=this.builderStuff.querySelector(".rte-more-options"),i=this.builderStuff.querySelector(".is-elementrte-tool"),n=this.builderStuff.querySelector(".elementrte-more-options");let o;for(o=this.opts.plugins.length-1;o>=0;o--){const s=this.opts.plugins[o].name,a=this.opts.plugins[o].showInMainToolbar,l=this.opts.plugins[o].showInElementToolbar;let r=!1;(e.querySelector('[data-plugin="'+s+'"]')||t.querySelector('[data-plugin="'+s+'"]'))&&(r=!0);let d=!1;if((i.querySelector('[data-plugin="'+s+'"]')||n.querySelector('[data-plugin="'+s+'"]'))&&(d=!0),a&&!r){t.querySelectorAll("div:not(.rte-separator)").forEach((e=>{e.insertAdjacentHTML("afterbegin",'<button style="width:46px;" title="button not found" data-plugin="'+s+'"></button>')}))}l&&!d&&n.querySelector("div").insertAdjacentHTML("afterbegin",'<button style="width:46px;" title="button not found" data-plugin="'+s+'"></button>')}for(o=0;o<this.opts.plugins.length;o++){const e=this.opts.plugins[o].name;let t=this.opts.scriptPath+"plugins/"+e+"/plugin.js";""!==this.opts.pluginPath&&(t=this.opts.pluginPath+"plugins/"+e+"/plugin.js"),this.loadScript(t).then((()=>{this.numOfPlugins++,this.numOfPlugins===this.opts.plugins.length&&(this.opts.onPluginsLoaded&&this.opts.onPluginsLoaded(),this.tooltip.setAll(),new Us({selector:".is-draggable"}))}))}}loadPluginsOldWay(){const e=this.builderStuff.querySelector(".is-rte-tool"),t=this.builderStuff.querySelector(".rte-more-options"),i=this.builderStuff.querySelector(".is-elementrte-tool"),n=this.builderStuff.querySelector(".elementrte-more-options");let o;for(o=this.opts.plugins.length-1;o>=0;o--){const s=this.opts.plugins[o];let a=!1;(e.querySelector('[data-plugin="'+s+'"]')||t.querySelector('[data-plugin="'+s+'"]'))&&(a=!0);let l=!1;(i.querySelector('[data-plugin="'+s+'"]')||n.querySelector('[data-plugin="'+s+'"]'))&&(l=!0),a||t.querySelector("div").insertAdjacentHTML("afterbegin",'<button style="width:46px;" title="button not found" data-plugin="'+this.opts.plugins[o]+'"></button>'),l||n.querySelector("div").insertAdjacentHTML("afterbegin",'<button style="width:46px;" title="button not found" data-plugin="'+this.opts.plugins[o]+'"></button>')}for(o=0;o<this.opts.plugins.length;o++){let e=this.opts.scriptPath+"plugins/"+this.opts.plugins[o]+"/plugin.js";""!==this.opts.pluginPath&&(e=this.opts.pluginPath+"plugins/"+this.opts.plugins[o]+"/plugin.js"),this.loadScript(e).then((()=>{if(this.numOfPlugins++,this.numOfPlugins===this.opts.plugins.length){let e=t.querySelectorAll("[data-plugin]");Array.prototype.forEach.call(e,(e=>{e.outerHTML=""})),e=n.querySelectorAll("[data-plugin]"),Array.prototype.forEach.call(e,(e=>{e.outerHTML=""})),this.opts.onPluginsLoaded&&this.opts.onPluginsLoaded(),this.tooltip.setAll(),new Us({selector:".is-draggable"})}}))}}addHtml(e){this.dom.appendHtml(this.builderStuff,e)}addCss(e){this.dom.appendHtml(document.head,e)}addButton_OLD(e,t,i,n){if(!this.builderStuff)return;const o=this.builderStuff.querySelector(".is-rte-tool"),s=this.builderStuff.querySelector(".rte-more-options");var a=!1;if(o.querySelector('[data-plugin="'+e+'"]')?o.querySelector('[data-plugin="'+e+'"]').outerHTML=t:s.querySelector('[data-plugin="'+e+'"]')&&(s.querySelector('[data-plugin="'+e+'"]').outerHTML=t,a=!0),!o.querySelector(".rte-more")&&a){o.insertAdjacentHTML("beforeend",`<button title="${this.util.out("More")}" class="rte-more"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-more"></use></svg></button>`);let e=this.rteTool.querySelector("button.rte-more");e&&this.dom.addEventListener(e,"click",(()=>{this.rte.showRteMore()}))}let l=o.querySelector(i);l=l||s.querySelector(i),l&&(l.setAttribute("data-title",l.getAttribute("title")),this.dom.addEventListener(l,"click",(e=>{n(e)})))}addButton(e,t,i,n){if(!this.builderStuff)return;const o=this.builderStuff.querySelector(".is-rte-tool"),s=this.builderStuff.querySelector(".rte-more-options");var a=!1;s.querySelector('[data-plugin="'+e+'"]')&&(a=!0);if(this.builderStuff.querySelectorAll('[data-plugin="'+e+'"]').forEach((e=>{e.outerHTML=t})),!o.querySelector(".rte-more")&&a){o.insertAdjacentHTML("beforeend",`<button title="${this.util.out("More")}" class="rte-more"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-more"></use></svg></button>`);let e=this.rteTool.querySelector("button.rte-more");e&&this.dom.addEventListener(e,"click",(()=>{this.rte.showRteMore()}))}let l=o.querySelectorAll(i);l.forEach((e=>{e.setAttribute("data-title",e.getAttribute("title")),this.dom.addEventListener(e,"click",(e=>{n(e)}))})),l=s.querySelectorAll(i),l.forEach((e=>{e.setAttribute("data-title",e.getAttribute("title")),this.dom.addEventListener(e,"click",(e=>{n(e)}))}))}addButton2(e,t,i,n){if(!this.builderStuff)return;const o=this.builderStuff.querySelector(".is-elementrte-tool"),s=this.builderStuff.querySelector(".elementrte-more-options");var a=!1;if(o.querySelector('[data-plugin="'+e+'"]')?o.querySelector('[data-plugin="'+e+'"]').outerHTML=t:s.querySelector('[data-plugin="'+e+'"]')&&(s.querySelector('[data-plugin="'+e+'"]').outerHTML=t,a=!0),!o.querySelector(".rte-more")&&a){o.insertAdjacentHTML("beforeend",`<button title="${this.util.out("More")}" class="rte-more"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-more"></use></svg></button>`);let e=this.elementRteTool.querySelector("button.rte-more");e&&this.dom.addEventListener(e,"click",(()=>{this.rte.showElementRteMore()}))}let l=o.querySelector(i);l=l||s.querySelector(i),l&&(l.setAttribute("data-title",l.getAttribute("title")),this.dom.addEventListener(l,"click",(e=>{n(e)})))}showModal(e,t,i,n){this.util.showModal(e,t,i,n)}hideModal(e){this.util._hideModal(e)}draggable(e){new Us({selector:e})}createModal(e,t,i,n,o){let s=this.builderStuff.querySelector(t);return s||(this.builderStuff.appendChild(e),s=this.builderStuff.querySelector(t)),this.showModal(s,i,n,o),new Us({selector:".is-draggable"}),s}getIcons(){return this.rte.getIcons()}showSidePanel(e){let t=this.builderStuff.querySelectorAll(".is-side");Array.prototype.forEach.call(t,(e=>{this.dom.removeClass(e,"active")})),this.dom.addClass(e,"active")}hideSidePanel(e){this.dom.removeClass(e,"active")}getScriptPath(){return this.opts.scriptPath}getSnippetPath(){return this.opts.snippetPath}out(e){return this.util.out(e)}undo(){this.uo.doUndo()}redo(){this.uo.doRedo()}getScope(){let e;const t=this.doc.querySelectorAll(this.opts.container);if(t.length>1){const i=this.util.cellSelected();e=i?i.parentNode.parentNode:t[0]}else e=t[0];if(""!==this.opts.page){const t=this.doc.querySelector(this.opts.page);t&&(e=t)}return e}saveSelection(){this.util.saveSelection()}restoreSelection(){this.util.restoreSelection()}pasteHtmlAtCaret(e,t){this.util.pasteHtmlAtCaret(e,t)}getScript(e,t){this.loadScript(e).then((()=>{t&&t()}),(()=>{console.log("Fail to load config")}))}getScripts(e,t){let i=0;this.loadScript(e[i]).then((()=>{i=this._helper1(i,e,t)}))}_helper1(e,t,i){if(++e<t.length){return this.loadScript(t[e]).then((()=>{e=this._helper1(e,t,i)})),e}i&&i()}includeJs(e,t){-1===this.filesAdded.indexOf("["+e+"]")?(this.getScript(e,t),this.filesAdded+="["+e+"]"):t&&t()}includeCss(e){if(-1===this.filesAdded.indexOf("["+e+"]")){var t=document.createElement("link");t.setAttribute("rel","stylesheet"),t.setAttribute("href",e),document.getElementsByTagName("head")[0].appendChild(t),this.filesAdded+="["+e+"]"}}applyStyle(e,t){if(-1===this.filesAdded.indexOf("["+e+"]")){var i=document.createElement("style");i.innerHTML=t,document.getElementsByTagName("head")[0].appendChild(i),this.filesAdded+="["+e+"]"}}viewHtml(e){new qs(this).view("full",e)}viewPreferences(){this.preferences.view()}viewConfig(){this.preferences.view()}viewZoom(){this.rte.viewZoom()}loadSnippets(e){if(this.preview)return;if(document.querySelector(this.opts.snippetList))return;if(this.isScriptAlreadyIncluded(e))return;const t=document.createElement("script");t.src=e,t.async=!0,t.onload=()=>{this.opts.snippetJSON=window.data_basic,""===this.opts.snippetPath&&(this.opts.snippetPath=window._snippets_path),this.opts.snippetJSON.snippets.length>0&&Xl(this)},document.body.appendChild(t)}isScriptAlreadyIncluded(e){const t=document.getElementsByTagName("script");for(let i=0;i<t.length;i++)if(t[i].getAttribute("src")===e)return!0;return!1}loadHtml(e,t){const i=this.util;if(t);else{const e=this.doc.querySelectorAll(this.opts.container);if(e.length>1){const n=i.cellSelected();t=n?n.parentNode.parentNode:e[0]}else t=e[0];if(""!==this.opts.page){const e=this.doc.querySelector(this.opts.page);e&&(t=e)}}let n=this.doc.createRange();t.innerHTML="",t.appendChild(n.createContextualFragment(e)),this.applyBehavior(),this.opts.onChange(),this.opts.onRender(),null!=localStorage.getItem("_livepreview")&&this.livePreview.openPreview()}loadHTML(e){this.loadHtml(e)}setUIColor(e,t){let i=document.querySelector("[data-cb-color]");if(i&&i.setAttribute("data-cb-del",""),t){var n=document.createElement("link");n.rel="stylesheet",n.href=t,n.setAttribute("data-cb-color",""),n.addEventListener("load",(()=>{i=document.querySelector("[data-cb-del]"),i&&i.parentNode.removeChild(i),"dark"===e&&(this.dom.removeClass(document.body,"colored"),this.dom.removeClass(document.body,"colored-dark"),this.dom.removeClass(document.body,"light"),this.dom.addClass(document.body,"dark")),"colored"===e&&(this.dom.removeClass(document.body,"dark"),this.dom.removeClass(document.body,"colored-dark"),this.dom.removeClass(document.body,"light"),this.dom.addClass(document.body,"colored")),"colored-dark"===e&&(this.dom.removeClass(document.body,"dark"),this.dom.removeClass(document.body,"colored"),this.dom.removeClass(document.body,"light"),this.dom.addClass(document.body,"colored-dark")),""===e&&(this.dom.removeClass(document.body,"dark"),this.dom.removeClass(document.body,"colored-dark"),this.dom.removeClass(document.body,"colored"),this.dom.removeClass(document.body,"light")),"light"===e&&(this.dom.removeClass(document.body,"dark"),this.dom.removeClass(document.body,"colored-dark"),this.dom.removeClass(document.body,"colored"),this.dom.addClass(document.body,"light"));const t=this.util;setTimeout((()=>{t.getUIStyles(),this.setUIColorRefresh(),this.opts.onThemeChange&&this.opts.onThemeChange()}),300)})),document.head.appendChild(n)}else{i=document.querySelector("[data-cb-del]"),i&&i.parentNode.removeChild(i),""===e&&(this.dom.removeClass(document.body,"dark"),this.dom.removeClass(document.body,"colored-dark"),this.dom.removeClass(document.body,"colored"),this.dom.removeClass(document.body,"light"));const t=this.util;setTimeout((()=>{t.getUIStyles(),this.setUIColorRefresh(),this.opts.onThemeChange&&this.opts.onThemeChange()}),1e3)}}setUIColorRefresh(){const e=this.util;if(!this.rte||!this.element)return void setTimeout((()=>{this.setUIColorRefresh()}),600);let t=this.rte.rteFontFamilyOptions.querySelector("iframe").contentWindow.document;let i=this.builderStuff.querySelector(".is-modal.pickfontfamily").querySelector("iframe").contentWindow.document,n=this.rte.rteIconOptions.querySelector("iframe").contentWindow.document;""===t.body.innerHTML?(t.open(),this.opts.emailMode?t.write(e.getFontFamilyEmail()):t.write(e.getFontFamilyHTML()),t.close()):this.util.refreshFontFamilyStyle1(),""===i.body.innerHTML?(i.open(),this.opts.emailMode?i.write(e.getFontFamilyEmail(!0)):i.write(e.getFontFamilyHTML(!0)),i.close()):this.util.refreshFontFamilyStyle2(),""===n.body.innerHTML?(n.open(),n.write(this.rte.getIconsHTML()),n.close()):this.rte.refreshIconsStyle(),this.builderStuff.querySelector(".snippets").querySelector("iframe").src="about:blank";let o=document.querySelector(".is-modal.videoselect"),s=document.querySelector(".is-modal.imageselect"),a=document.querySelector(".is-modal.fileselect"),l=document.querySelector(".is-modal.otherselect"),r=o.querySelector("iframe"),d=s.querySelector("iframe"),c=a.querySelector("iframe"),u=l.querySelector("iframe");r.contentWindow.applyParentStyles&&r.contentWindow.applyParentStyles(),d.contentWindow.applyParentStyles&&d.contentWindow.applyParentStyles(),c.contentWindow.applyParentStyles&&c.contentWindow.applyParentStyles(),u.contentWindow.applyParentStyles&&u.contentWindow.applyParentStyles()}openMedia(e){let t="",i=e.getAttribute("data-modal-theme");i||(i="light");const n=e.getAttribute("data-modal-color");if(e.getAttribute("data-modal-url")){t=e.getAttribute("data-modal-url");let o=t.split(".").pop().split("?")[0].split("#")[0];if("jpg"===o||"jpeg"===o||"png"===o||"gif"===o||"webm"===o||"webp"===o)this.lightbox.openImage(t,i,n);else if("mp4"===o)this.lightbox.openVideo(t,"dark",n);else if(-1!==t.toLowerCase().indexOf("youtube.com")||-1!==t.toLowerCase().indexOf("youtube-nocookie.com")||-1!==t.toLowerCase().indexOf("vimeo.com"))this.lightbox.openExternalVideo(t,"dark",n);else{if(0===t.indexOf("#"));else{if(!window.confirm(this.util.out("Do you really want to leave?")))return!1}window.location.href=t}}else e.getAttribute("data-modal-image")&&(t=e.getAttribute("data-modal-image"),this.lightbox.openImage(t,i,n)),e.getAttribute("data-modal-video")&&(t=e.getAttribute("data-modal-video"),this.lightbox.openVideo(t,"dark",n)),e.getAttribute("data-modal-externalvideo")&&(t=e.getAttribute("data-modal-externalvideo"),this.lightbox.openExternalVideo(t,"dark",n))}lightboxOpen(e){this.useLightbox&&(e.hasAttribute("data-noedit")||e.hasAttribute("data-protected"))&&this.dom.hasClass(e,"block-click")&&this.openMedia(e)}handleCellClick(e,t){this.cleanEditing&&(e.parentNode.querySelector(".is-row-tool").style.display="",e.parentNode.querySelector(".is-col-tool").style.display=""),this.lightboxOpen(e);this.util.clearActiveCell(),this.activeCol=e;let i=t.target;this.dom.addClass(e,"cell-active");let n=e.parentNode;this.dom.addClass(n,"row-active");const o=this.doc.querySelectorAll(this.opts.container);Array.prototype.forEach.call(o,(e=>{this.dom.removeClass(e,"builder-active")})),this.dom.addClass(n.parentNode,"builder-active"),this.dom.addClass(this.doc.body,"content-edit"),n.childElementCount-2==1||this.dom.addClass(n,"row-outline"),this.opts.onContentClick&&this.opts.onContentClick(t),this.element.click(e,t),this.colTool.click(e),this.elmTool.click(e,t),this.rte.click(e,t);const s=document.querySelector(".grideditor.active");if(s){const t=s.querySelector(".cell-locking");e.hasAttribute("data-noedit")?this.dom.addClass(t,"on"):this.dom.removeClass(t,"on")}let a=this.dom.getParentElement(i,"a");if(("a"===i.tagName.toLowerCase()||a)&&(e.hasAttribute("data-noedit")||e.hasAttribute("data-protected"))){if("true"===e.getAttribute("contenteditable"))return t.preventDefault(),!1;if("a"===i.tagName.toLowerCase()&&(a=i),this.useLightbox&&this.dom.hasClass(a,"is-lightbox")){let e=a.getAttribute("href");if(!e)return t.preventDefault(),!1;let n=e.split(".").pop().split("?")[0].split("#")[0],o=a.getAttribute("data-modal-theme");o||(o="light");const s=i.getAttribute("data-modal-color");if("jpg"===n||"jpeg"===n||"png"===n||"gif"===n||"webm"===n||"webp"===n)return this.lightbox.openImage(e,o,s),t.preventDefault(),!1;if("mp4"===n)return this.lightbox.openVideo(e,"dark",s),t.preventDefault(),!1;if(-1!==e.toLowerCase().indexOf("youtube.com")||-1!==e.toLowerCase().indexOf("youtube-nocookie.com")||-1!==e.toLowerCase().indexOf("vimeo.com"))return this.lightbox.openExternalVideo(e,"dark",s),t.preventDefault(),!1;if(0===e.indexOf("#"));else{if(!window.confirm(this.util.out("Do you really want to leave?")))return t.preventDefault(),!1}}else{let e=a.getAttribute("href");if(!e)return t.preventDefault(),!1;if(0===e.indexOf("#"));else{if(!window.confirm(this.util.out("Do you really want to leave?")))return t.preventDefault(),!1}}}if(1===e.childElementCount){let t=e.children[0];t&&this.dom.hasClass(t,"spacer")&&(e.contentEditable=!1)}this.colTool.showHideLockIndicator(e);const l=n.querySelector(".is-rowadd-tool").querySelector("button");l.style.marginTop="";const r=Array.from(n.parentNode.children).filter((e=>"div"===e.nodeName.toLowerCase()));if(r&&r.length>0){if(n===r[r.length-1]){const e=n.closest(".is-section");if(e){const t=this.dom.getElementOffset(e);let i=t.top+t.height;const o=this.dom.getElementOffset(n);i-(o.top+o.height)<19&&(l.style.marginTop="-14px")}}}this.opts.enableDragResize&&(this.resize&&this.resize.destroy(),e.classList.contains("noresize")||(this.resize=new Jv(e,this),this.resize.enable()))}handleCellKeypress(e){e.ctrlKey||e.metaKey||(null===this.uoTm?(this.uo.saveForUndo(),this.uoTm=setTimeout((()=>{this.uoTm=null}),1e3)):(clearTimeout(this.uoTm),this.uoTm=setTimeout((()=>{this.uoTm=null}),1e3)))}handleCellKeydown(e,t){this.oriLen=e.textContent.length;let i=e.querySelectorAll("span");if(Array.prototype.forEach.call(i,(e=>{e.setAttribute("data-keep","")})),(t.ctrlKey||t.metaKey)&&86===t.which&&this.handleCellPaste(),this.opts.elementSelection&&!this.emailMode&&(t.ctrlKey||t.metaKey)&&65===t.which){let e;try{this.win.getSelection?e=this.win.getSelection().getRangeAt(0).commonAncestorContainer.parentNode:this.doc.selection&&(e=this.doc.selection.createRange().parentElement()),this.dom.hasClass(e.parentNode.parentNode,"is-builder")||this.dom.selectElementContents(e),t.preventDefault()}catch(t){}}if(46===t.keyCode){let e;try{if(window.getSelection?e=window.getSelection().getRangeAt(0).commonAncestorContainer:document.selection&&(e=document.selection.createRange()),"<br>"===e.innerHTML){e.nextElementSibling&&(e.parentNode.removeChild(e),t.preventDefault())}}catch(t){}}if(8===t.keyCode){let e;try{if(window.getSelection?e=window.getSelection().getRangeAt(0).commonAncestorContainer:document.selection&&(e=document.selection.createRange()),""===e.textContent){e.previousElementSibling||t.preventDefault()}}catch(t){}}if(9===t.which&&!t.shiftKey){const e=this.activeCol;if(e)if(e.nextElementSibling&&e.nextElementSibling.hasAttribute("data-click")){const i=e.nextElementSibling;i&&i.click();let n=window.getSelection(),o=this.createRange(i,{count:0});o&&(o.collapse(!1),n.removeAllRanges(),n.addRange(o)),i.firstElementChild&&setTimeout((()=>{i.firstElementChild.click()}),200),t.preventDefault()}else if(e.parentNode.nextElementSibling){const i=e.parentNode.nextElementSibling;if(i){const e=i.firstElementChild;e&&e.click();let n=window.getSelection(),o=this.createRange(e,{count:0});o&&(o.collapse(!1),n.removeAllRanges(),n.addRange(o)),e.firstElementChild&&setTimeout((()=>{e.firstElementChild.click()}),200),t.preventDefault()}}}if(9===t.which&&t.shiftKey){const e=this.activeCol;if(e)if(e.previousElementSibling&&e.previousElementSibling.hasAttribute("data-click")){const i=e.previousElementSibling;i&&i.click(),i.firstElementChild&&i.firstElementChild.click();let n=window.getSelection(),o=this.createRange(i,{count:0});o&&(o.collapse(!1),n.removeAllRanges(),n.addRange(o)),i.firstElementChild&&setTimeout((()=>{i.firstElementChild.click()}),200),t.preventDefault()}else if(e.parentNode.previousElementSibling){const i=e.parentNode.previousElementSibling.querySelectorAll("[data-click]");if(i.length>0){const e=i[i.length-1];e&&e.click(),e.firstElementChild&&e.firstElementChild.click();let n=window.getSelection(),o=this.createRange(e,{count:0});o&&(o.collapse(!1),n.removeAllRanges(),n.addRange(o)),e.firstElementChild&&setTimeout((()=>{e.firstElementChild.click()}),200),t.preventDefault()}}}const n=()=>{let t=e.querySelectorAll("span");Array.prototype.forEach.call(t,(e=>{e.setAttribute("data-keep","")}))},o=t.ctrlKey||t.metaKey;if(o&&66===t.which&&this.opts.useCssClasses&&(this.dom.execCommandToggle("fontWeight","",this.opts.cssClasses),this.opts.onChange(),t.preventDefault(),n()),o&&73===t.which&&this.opts.useCssClasses&&(this.dom.execCommandToggle("fontStyle","",this.opts.cssClasses),this.opts.onChange(),t.preventDefault(),n()),o&&85===t.which&&this.opts.useCssClasses&&(this.dom.execCommandToggle("textUnderline","",this.opts.cssClasses),this.opts.onChange(),t.preventDefault(),n()),o&&83===t.which&&this.opts.useCssClasses&&(this.dom.execCommandToggle("textLinethrough","",this.opts.cssClasses),this.opts.onChange(),t.preventDefault(),n()),o&&221===t.which&&(t.preventDefault(),document.execCommand("indent",!1,null),this.opts.onChange(),t.preventDefault(),n()),o&&219===t.which&&(t.preventDefault(),document.execCommand("outdent",!1,null),this.opts.onChange(),t.preventDefault(),n()),o&&75===t.which&&(this.element.hyperlink.createLink(),t.preventDefault()),o&&80===t.which&&(t.preventDefault(),this.rte.insertImage()),(46===t.which||8===t.which)&&this.activeIcon){if("a"===this.activeIcon.parentNode.tagName.toLowerCase()&&1===this.activeIcon.parentNode.children.length||1===this.activeIcon.parentNode.children.length){let e=this.activeIcon.parentNode,t=e.parentNode;e.parentNode.removeChild(e);this.builderStuff.querySelector("#divLinkTool").style.display="";this.builderStuff.querySelector(".is-element-tool").style.display="",t&&""===t.innerHTML.trim()&&t.parentNode.removeChild(t)}else this.activeIcon.parentNode.removeChild(this.activeIcon);t.preventDefault()}this.cleanEditing&&(this.colTool.columnTool.classList.remove("active"),e.parentNode.querySelector(".is-row-tool").style.display="none",e.parentNode.querySelector(".is-col-tool").style.display="none")}createRange(e,t,i){if(i||((i=document.createRange()).selectNode(e),i.setStart(e,0)),0===t.count)i.setEnd(e,t.count);else if(e&&t.count>0)if(e.nodeType===Node.TEXT_NODE)e.textContent.length<t.count?t.count-=e.textContent.length:(i.setEnd(e,t.count),t.count=0);else for(var n=0;n<e.childNodes.length&&(i=this.createRange(e.childNodes[n],t,i),0!==t.count);n++);return i}handleCellFocus(e){const t=this.activeCol;t?e!==t&&(e.firstElementChild?e.firstElementChild.click():e.click()):e.firstElementChild?e.firstElementChild.click():e.click()}handleCellKeyup(e,t){this.dom.textSelection()&&("38"===t.keyCode||"40"===t.keyCode||"37"===t.keyCode||"39"===t.keyCode)&&this.util.saveSelection();let i=e.querySelectorAll("span");var n;Array.prototype.forEach.call(i,(e=>{e.hasAttribute("data-keep")||(e.outerHTML=e.innerHTML)}));try{this.win.getSelection?n=this.win.getSelection().getRangeAt(0).commonAncestorContainer.parentNode:this.doc.selection&&(n=this.doc.selection.createRange().parentElement())}catch(t){return}if(13===t.keyCode&&!t.shiftKey){"p"!==n.tagName.toLowerCase()&&"div"!==n.tagName.toLowerCase()||this.doc.execCommand("formatBlock",!1,"<p>");let t=e.querySelectorAll("[data-keep]");Array.prototype.forEach.call(t,(e=>{e.removeAttribute("data-keep")}))}this.oriLen!==e.textContent.length&&this.typing(),this.elmTool.hide()}typing(){this.timeoutId&&clearTimeout(this.timeoutId),this.timeoutId=setTimeout((()=>{this.opts.onChange()}),2e3)}handleCellPaste(){this.uo.saveForUndo();const e=this.util;e.saveSelection();let t=this.doc.querySelector("#idContentWord");var i,n;t&&t.parentNode.removeChild(t),this.win.getSelection?i=3===(n=this.win.getSelection().getRangeAt(0).commonAncestorContainer).nodeType?n.parentNode:n:this.doc.selection&&(n=this.doc.selection.createRange(),i=this.doc.selection.createRange().parentElement());const o='<div style="position:absolute;z-index:-1000;top:'+(i.getBoundingClientRect().top+this.win.pageYOffset)+'px;left:-1000px;width:100px;height:100px;overflow:auto;" name="idContentWord" id="idContentWord" contenteditable="true"></div>';this.iframe?this.dom.appendHtml(this.contentStuff,o):this.dom.appendHtml(this.builderStuff,o),t=this.doc.querySelector("#idContentWord"),t.focus(),setTimeout((()=>{try{var t="";let u=this.doc.querySelector("#idContentWord");var i=!1,n=u.innerText;if(!this.opts.disableAutoEmbedVideo){var o=/^http[s]?:\/\/(((www.youtube.com\/watch\?(feature=player_detailpage&)?)v=)|(youtu.be\/))([^#&?]*)/.exec(n),s=/^.*(vimeo\.com\/)((channels\/[A-z]+\/)|(groups\/[A-z]+\/videos\/)|(video\/))?([0-9]+)\/?/.exec(n);if(null!==o||null!==s){if(null!==o&&o.length>=7)n="https://www.youtube.com/embed/"+o[6]+"?rel=0";if(null!==s&&s.length>=7)n="https://player.vimeo.com/video/"+s[6];t='<div class="embed-responsive embed-responsive-16by9"><iframe tabindex="0" width="560" height="315" src="'+n+'" frameborder="0" allowfullscreen=""></iframe></div>',i=!0}}if(!i)if("text"===this.opts.paste){let e=u.querySelectorAll("p,h1,h2,h3,h4,h5,h6");Array.prototype.forEach.call(e,(e=>{e.innerHTML=e.innerHTML+" "})),t=u.innerHTML,0===(t=(t=t.replace(/(<([^>]+)>)/gi,"<br>")).replace(/(<br\s*\/?>){3,}/gi,"<br>")).indexOf("<br>")&&(t=t.substring(4)),"<br>"===t.substring(t.length-4)&&(t=t.substring(0,t.length-4)),t=t.trim()}else{t=u.innerHTML,t="html"===this.opts.paste?e.cleanHTML(t,!1):e.cleanHTML(t,!0),u.innerHTML=t;let i=u.querySelectorAll("li");Array.prototype.forEach.call(i,(e=>{e.style.whiteSpace="";const t=e.childNodes;let i=t.length;for(;i--;)"P"===t[i].tagName&&(t[i].outerHTML=t[i].innerHTML)})),t=u.innerHTML}u=this.doc.querySelector("#idContentWord"),u&&u.parentNode.removeChild(u),e.restoreSelection();var a=this.win.getSelection(),l=a.getRangeAt(0);l.extractContents(),l.collapse(!0);var r=l.createContextualFragment(t),d=r.lastChild;if(l.insertNode(r),this.activeCol){this.activeCol.querySelectorAll("h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty,p:empty").forEach((e=>{e.remove()}));let e=this.activeCol.querySelector("p.elm-active,h1.elm-active,h2.elm-active,h3.elm-active,h4.elm-active,h5.elm-active,h6.elm-active");if(e){if(e.querySelectorAll("p,h1,h2,h3,h4,h5,h6").length>0){let t=e.nextElementSibling;if(Array.from(e.childNodes).filter((e=>3===e.nodeType&&e.textContent.trim().length>1)).forEach((e=>{const t=document.createElement("p");e.after(t),t.appendChild(e)})),e.firstElementChild&&1===e.childNodes.length&&"SPAN"===e.firstElementChild.tagName){e.outerHTML=e.firstElementChild.innerHTML,this.activeCol.querySelectorAll("*:empty").forEach((e=>{e.remove()})),t?this.dom.moveCursorToElement(t.previousElementSibling):this.dom.moveCursorToElement(this.activeCol);let i=this.doc.querySelector(".builder-active");return i&&this.applyBehaviorOn(i),this.opts.onChange(),void this.opts.onRender()}e.outerHTML=e.innerHTML,this.activeCol.find("h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty,p:empty").remove(),t?this.dom.moveCursorToElement(t.previousElementSibling):this.dom.moveCursorToElement(this.activeCol);let i=this.doc.querySelector(".builder-active");return i&&this.applyBehaviorOn(i),this.opts.onChange(),void this.opts.onRender()}}}l.setStartAfter(d),l.setEndAfter(d),l.collapse(!1);var c=l.commonAncestorContainer;if(c&&c.parentNode)try{c.parentNode.normalize()}catch(e){}a.removeAllRanges(),a.addRange(l);let p=this.doc.querySelector(".builder-active");p&&this.applyBehaviorOn(p),this.opts.onChange(),this.opts.onRender()}catch(e){let t=this.doc.querySelector("#idContentWord");t&&t.parentNode.removeChild(t)}}),800)}cellSelected(){return this.util.cellSelected()}loadScript(e,t,i=!0,n=!0){return new Promise(((o,s)=>{let a=document.createElement("script");const l=t||document.getElementsByTagName("script")[0];function r(e,t){(t||!a.readyState||/loaded|complete/.test(a.readyState))&&(a.onload=null,a.onreadystatechange=null,a=void 0,t?s():o())}a.async=i,a.defer=n,a.onload=r,a.onreadystatechange=r,a.src=e,l.parentNode.insertBefore(a,l)}))}currentScriptPath(){let e,t;for(var i=document.getElementsByTagName("script"),n=0;n<i.length;n++){var o=i[n].src;e="contentbuilder.js",o.indexOf(e)>-1&&(t=o.substring(0,o.indexOf(e))),e="contentbuilder.min.js",o.indexOf(e)>-1&&(t=o.substring(0,o.indexOf(e)))}return t}sectionDropSetup(){if(this.page){if(".is-wrapper"!==this.page)return;const e=this.doc.querySelector(this.page);this.sortableOnPage=new kl(e,{scroll:!0,group:"shared",direction:"vertical",animation:150,sort:!0,onAdd:e=>{var t=e.item;if(t.querySelector(".is-col-tool")){let e=t.querySelector(".is-row-tool"),i=t.querySelector(".is-col-tool"),n=t.querySelector(".is-rowadd-tool");t.removeChild(e),t.removeChild(i),t.removeChild(n);let o=t.querySelectorAll("[data-click]");return o.forEach((e=>{e.removeAttribute("data-click")})),t.removeAttribute("draggable"),t.classList.remove("row-active"),t.classList.remove("row-outline"),o=t.querySelectorAll(".cell-active"),o.forEach((e=>{e.classList.remove("cell-active")})),o=t.querySelectorAll("*"),o.forEach((e=>{e.style.cursor=""})),t.outerHTML=this.settings.sectionTemplate.replace("[%CONTENT%]",t.outerHTML),void(this.opts.onSectionAdd&&this.opts.onSectionAdd())}if(t.getAttribute("data-id")){let e=t.getAttribute("data-id");const p=this.opts.snippetJSON.snippets.filter((t=>t.id+""===e&&t));var i,n=p[0].html,o=p[0].noedit;i=-1===n.indexOf('"row'),this.opts.emailMode&&(i=!1);var s=this.opts.row,a=this.opts.cols;if(""!==s&&12===a.length&&(n=(n=(n=(n=(n=(n=(n=(n=(n=(n=(n=(n=n.replace(new RegExp("row clearfix","g"),"row")).replace(new RegExp('"row',"g"),'"'+s)).replace(new RegExp("column full","g"),a[11])).replace(new RegExp("column half","g"),a[5])).replace(new RegExp("column third","g"),a[3])).replace(new RegExp("column fourth","g"),a[2])).replace(new RegExp("column fifth","g"),a[1])).replace(new RegExp("column sixth","g"),a[1])).replace(new RegExp("column two-third","g"),a[7])).replace(new RegExp("column two-fourth","g"),a[8])).replace(new RegExp("column two-fifth","g"),a[9])).replace(new RegExp("column two-sixth","g"),a[9])),n=n.replace(/{id}/g,this.util.makeId()),this.opts.onAdd&&(n=this.opts.onAdd(n)),this.opts.snippetPathReplace.length>0&&""!==this.opts.snippetPathReplace[0]){var l=new RegExp(this.opts.snippetPathReplace[0],"g");n=n.replace(l,this.opts.snippetPathReplace[1]);var r=this.opts.snippetPathReplace[0].replace(/\//g,"%2F"),d=this.opts.snippetPathReplace[1].replace(/\//g,"%2F"),c=new RegExp(r,"g");n=n.replace(c,d)}if(i)n=`<div class="${this.opts.row}"><div class="${this.opts.cols[this.opts.cols.length-1]}"${o?" data-noedit":""}>${n}</div></div>`,t.removeAttribute("draggable"),this.dom.removeClass(t,"snippet-item"),t.outerHTML=this.settings.sectionTemplate.replace("[%CONTENT%]",n);else{let e=this.dom.createElement("div");e.innerHTML=n;let i=e.querySelectorAll("[data-html]");Array.prototype.forEach.call(i,(e=>{n=(n=(n=decodeURIComponent(e.getAttribute("data-html"))).replace(/{id}/g,this.util.makeId())).replace(/<script>/g,""+(this.nonce?`<script nonce="${this.nonce}">`:"<script>"));for(var t=1;t<=20;t++)n=n.replace("[%HTML"+t+"%]",void 0===e.getAttribute("data-html-"+t)?"":decodeURIComponent(e.getAttribute("data-html-"+t)));e.innerHTML=n})),n=e.innerHTML,t.removeAttribute("draggable"),this.dom.removeClass(t,"snippet-item"),t.innerHTML="";var u=document.createRange();u.setStart(t,0),t.appendChild(u.createContextualFragment(n)),t.outerHTML=this.settings.sectionTemplate.replace("[%CONTENT%]",t.innerHTML)}this.opts.onSectionAdd&&this.opts.onSectionAdd(),this.opts.onChange(),this.opts.onRender()}this.sortableOnPage.destroy()}})}}}var hy={exports:{}};!function(e,t){
+function(e,i){if(!this)throw'Use "new RecordRTCPromisesHandler()"';if(void 0===e)throw'First argument "MediaStream" is required.';var n=this;n.recordRTC=new t(e,i),this.startRecording=function(){return new Promise((function(e,t){try{n.recordRTC.startRecording(),e()}catch(e){t(e)}}))},this.stopRecording=function(){return new Promise((function(e,t){try{n.recordRTC.stopRecording((function(i){n.blob=n.recordRTC.getBlob(),n.blob&&n.blob.size?e(i):t("Empty blob.",n.blob)}))}catch(e){t(e)}}))},this.pauseRecording=function(){return new Promise((function(e,t){try{n.recordRTC.pauseRecording(),e()}catch(e){t(e)}}))},this.resumeRecording=function(){return new Promise((function(e,t){try{n.recordRTC.resumeRecording(),e()}catch(e){t(e)}}))},this.getDataURL=function(e){return new Promise((function(e,t){try{n.recordRTC.getDataURL((function(t){e(t)}))}catch(e){t(e)}}))},this.getBlob=function(){return new Promise((function(e,t){try{e(n.recordRTC.getBlob())}catch(e){t(e)}}))},this.getInternalRecorder=function(){return new Promise((function(e,t){try{e(n.recordRTC.getInternalRecorder())}catch(e){t(e)}}))},this.reset=function(){return new Promise((function(e,t){try{e(n.recordRTC.reset())}catch(e){t(e)}}))},this.destroy=function(){return new Promise((function(e,t){try{e(n.recordRTC.destroy())}catch(e){t(e)}}))},this.getState=function(){return new Promise((function(e,t){try{e(n.recordRTC.getState())}catch(e){t(e)}}))},this.blob=null,this.version="5.6.2"},t.WebAssemblyRecorder=O}(sy);var ay=sy.exports;const ly=new oi;class ry{constructor(e={},t){this.opts=Object.assign(this,{send:()=>{},abort:()=>{}},e),this.builder=t;const i=this.builder.util;this.util=i;const n=this.builder.builderStuff;this.builderStuff=n,null===localStorage.getItem("_mic")&&localStorage.setItem("_mic","0"),this.builder.isInProgress=!1;const o=this.builder.commandInfo;let s="";for(const e in o)if(Object.prototype.hasOwnProperty.call(o,e)){const{title:t,list:i,width:n}=o[e];if(this.builder.enableShortCommands){s+=`<h2>${t}</h2>`;for(const e of i)s+=n?`<div role="button" tabindex="0" class="command-item" style="width:${n}">${e}</div>`:`<div role="button" tabindex="0" class="command-item">${e}</div>`}else if("general"===e){s+=`<h2>${t}</h2>`;for(const e of i)s+=n?`<div role="button" tabindex="0" class="command-item" style="width:${n}">${e}</div>`:`<div role="button" tabindex="0" class="command-item">${e}</div>`}}let a=`\n        <style>\n            .is-modal.commandlist {\n                z-index: 10005 !important\n            }\n            .is-modal.commandlist .is-modal-content {\n                max-width:calc(100% - 150px);\n                height:calc(100% - 150px);\n                padding:0 !important;\n            }\n            .is-modal.commandlist .is-modal-close {\n                position: absolute !important;\n                top: 5px;\n                right: 15px;\n                box-shadow: none !important;\n            }\n            .is-modal.commandlist .is-modal-close {\n                background: transparent !important;\n            }\n            .is-modal.commandlist .is-modal-close svg {\n                width:50px;height:50px;\n            }\n            .is-modal.commandlist .is-modal-content > div {\n                display: flex;\n                flex-flow: wrap;\n                align-items: flex-start;\n                /*align-items: inherits;*/\n                justify-content: flex-start;\n                padding: 2.2rem;\n                box-sizing: border-box;\n                overflow-y: auto;\n                overflow-x: hidden;\n                width: 100%;\n                height: 100%;\n            }\n            .is-modal.commandlist .is-modal-content > div > h2 {\n                display: block;\n                width: 100%;\n                flex: none;\n                font-family: "Open Sans", sans-serif;\n                font-weight: 300;\n                margin-bottom: 30px;\n                font-size: 28px;\n            }\n            .is-modal.commandlist .is-modal-content > div > div {\n                margin-right: 2.2rem;\n                margin-bottom: 2.2rem;\n                display: flex;\n                flex: none;\n                width: 350px;\n                height: auto;\n                flex-direction: column;\n                justify-content: space-between;\n                border-radius: 0.25rem;\n                border: 1px solid rgb(156 163 175/.75);\n                padding: 1.5rem 2rem;\n                box-sizing: border-box;\n                letter-spacing: .025em;\n                box-shadow: 5px 5px 0px rgb(0 0 0 / 3%);\n                font-size: 19px;\n                font-weight: 300;\n                font-family: sans-serif;\n                line-height: 1.3;\n                cursor:pointer;\n                transition: all 0.3s ease;\n            }\n            .is-modal.commandlist .is-modal-content > div > div:hover {\n                background: rgba(0, 0, 0, 0.03);\n            }\n            .dark .is-modal.commandlist .is-modal-content > div > div:hover {\n                background: rgba(255, 255, 255, 0.05);\n            }\n            .is-modal.page-command {\n                width: 340px !important; \n                height: 200px !important; \n                top: auto !important; \n                bottom: 30px !important; \n                left: auto !important; \n                right: 30px !important; \n                z-index: 10005 !important;\n                font-size: 12px;\n            }\n            .page-command-overlay {\n                position: fixed;\n                background: rgb(148 148 148 / 22%);\n                display: none;\n                z-index: 10004;\n                justify-content: center;\n                align-items:center;\n            }\n\n            .spinner {\n                -webkit-animation: rotator 1.4s linear infinite;\n                        animation: rotator 1.4s linear infinite;\n            }\n            @-webkit-keyframes rotator {\n                0% {\n                    transform: rotate(0deg);\n                }\n                100% {\n                    transform: rotate(270deg);\n                }\n            }\n            @keyframes rotator {\n                0% {\n                    transform: rotate(0deg);\n                }\n                100% {\n                    transform: rotate(270deg);\n                }\n            }\n            .path {\n                stroke: #232323; /* #b7b7b7; */\n                stroke-dasharray: 187;\n                stroke-dashoffset: 0;\n                transform-origin: center;\n                -webkit-animation: dash 1.4s ease-in-out infinite;\n                        animation: dash 1.4s ease-in-out infinite;\n            }\n            @-webkit-keyframes dash {\n                0% {\n                    stroke-dashoffset: 187;\n                }\n                50% {\n                    stroke-dashoffset: 46.75;\n                    transform: rotate(135deg);\n                }\n                100% {\n                    stroke-dashoffset: 187;\n                    transform: rotate(450deg);\n                }\n            }\n            @keyframes dash {\n                0% {\n                    stroke-dashoffset: 187;\n                }\n                50% {\n                    stroke-dashoffset: 46.75;\n                    transform: rotate(135deg);\n                }\n                100% {\n                    stroke-dashoffset: 187;\n                    transform: rotate(450deg);\n                }\n            }\n        </style>\n        <div class="is-overlay page-command-overlay">\n            <svg class="spinner" width="40px" height="40px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">\n                <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>\n            </svg>\n        </div>\n        <div class="is-modal is-modal-content page-command" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">\n            <div class="is-modal-bar is-draggable" draggable=""> \n                <span style="display: flex;\n                justify-content: center;\n                align-items: center;">\n                    ${i.out("AI Assistant")}</span>\n                <button class="is-modal-close" tabindex="-1" title="${i.out("Close")}">\n                    <svg class="is-icon-flex"style="width:20px;height:20px"><use xlink:href="#ion-ios-close-empty"></use></svg>\n                </button>\n            </div>\n            <div style="display:flex;flex-direction:column;justify-content:space-between;position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;border-top:transparent 35px solid;overflow-y:hidden;overflow-x:auto;">\n            \n                <textarea class="inp-command" style="resize:none;width:100%;height:121px;border:none;outline:none;background:transparent;line-height: 1.2;\n                font-family: sans-serif;font-weight: 300;font-size: 17px;"></textarea>\n                <div style="display:flex">\n                    <button title="${i.out("Mic")}" class="cmd-enable-dictation classic-secondary" style="width:40px;height:43px;flex:none;padding:0;outline-offset:-2px;">\n                        <svg class="is-icon-flex" style="width: 18px; height: 18px;"><use xlink:href="#icon-microphone"></use></svg> \n                    </button>\n                    <button title="${i.out("Commands")}" class="cmd-command-list classic-secondary" style="width:40px;height:43px;flex:none;padding:0;outline-offset:-2px;">\n                        <svg class="is-icon-flex" style="width: 18px; height: 18px;"><use xlink:href="#icon-message-search"></use></svg> \n                    </button>\n                    <button title="${i.out("Clear")}" class="cmd-clear-command classic-secondary" style="width:40px;height:43px;flex:none;padding:0;outline-offset:-2px;">\n                        <svg class="is-icon-flex" style="width: 18px; height: 18px;"><use xlink:href="#icon-eraser"></use></svg> \n                    </button>\n                    <label for="chkAutoSendCommand" style="margin:0;display:flex;padding-left:10px;padding-right:10px;white-space:nowrap;width:100%;align-items:center;letter-spacing:0"><input id="chkAutoSendCommand" type="checkbox"> <span style="margin-left:3px">${i.out("Auto Send")}</span></label>\n                    <button title="${i.out("Send")}" class="cmd-send-command classic-primary" style="width:100%;padding-left:5px;padding-right:5px;height:43px;outline-offset:-2px;">Send</button>\n                </div>\n            </div>\n        </div>\n\n        <div class="is-modal commandlist" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="false">\n            <div class="is-modal-overlay"></div>\n\n            <div class="is-modal-content scroll-darker"">\n                <button class="is-modal-close" tabindex="-1" title="${i.out("Close")}">\n                    <svg class="is-icon-flex"><use xlink:href="#ion-ios-close-empty"></use></svg>\n                </button>\n                <div>\n\n                    ${s}\n\n                </div>\n            </div>\n        </div>\n        `;ly.appendHtml(n,a);const l=n.querySelector(".page-command");this.modalCommand=l;const r=n.querySelector(".commandlist");this.modalCommandList=r;const d=n.querySelector(".cmd-enable-dictation"),c=n.querySelector(".cmd-clear-command"),u=n.querySelector("#chkAutoSendCommand"),p=n.querySelector(".cmd-command-list"),h=this.builderStuff.querySelector(".inp-command");null===localStorage.getItem("_sampleshown")&&(h.setAttribute("placeholder",this.builder.commandPlaceholderText),localStorage.setItem("_sampleshown",!0)),this.builder.commandText="",this.builder.autoSendCommand=!1,null!==localStorage.getItem("_dictation")&&"1"===localStorage.getItem("_dictation")&&(this.modalCommand.classList.add("active"),null!==localStorage.getItem("_mic")?"1"===localStorage.getItem("_mic")&&this.startDictation():this.startDictation()),null!==localStorage.getItem("_mic")&&"0"===localStorage.getItem("_mic")&&(d.innerHTML='<svg class="is-icon-flex" style="width:18px; height:18px;"><use xlink:href="#icon-microphone-off"></use></svg>',u.parentNode.style.display="none",c.style.marginRight="6px"),null!==localStorage.getItem("_autosendcommand")&&"1"===localStorage.getItem("_autosendcommand")&&(u.checked=!0,this.builder.autoSendCommand=!0,localStorage.setItem("_autosendcommand","1")),this.modalCommand.addEventListener("focus",(()=>{i.saveSelection()})),p.addEventListener("click",(()=>{i.showModal(this.modalCommandList,!1,(()=>{p.removeAttribute("data-focus"),p.focus()}),!1),p.setAttribute("data-focus",!0)}));const m=e=>{this.builderStuff.querySelector(".inp-command").value=e,i.hideModal(this.modalCommandList)};r.querySelectorAll(".command-item").forEach((e=>{e.addEventListener("click",(()=>{m(e.innerText),h.focus()})),e.addEventListener("keydown",(t=>{13!==t.which||t.shiftKey||(t.preventDefault(),t.stopImmediatePropagation(),m(e.innerText),setTimeout((()=>{h.focus()}),300))}))})),d.addEventListener("click",(()=>{this.checkMic()?(this.stopDictation(),d.innerHTML='<svg class="is-icon-flex" style="width:18px; height:18px;"><use xlink:href="#icon-microphone-off"></use></svg>',localStorage.setItem("_mic","0"),u.parentNode.style.display="none",c.style.marginRight="6px"):(this.startDictation(),d.innerHTML='<svg class="is-icon-flex" style="width:18px; height:18px;"><use xlink:href="#icon-microphone"></use></svg>',localStorage.setItem("_mic","1"),u.parentNode.style.display="flex",c.style.marginRight="")})),u.addEventListener("change",(()=>{u.checked?(this.builder.autoSendCommand=!0,localStorage.setItem("_autosendcommand","1")):(this.builder.autoSendCommand=!1,localStorage.setItem("_autosendcommand","0"))})),c.addEventListener("click",(()=>{const e=this.builderStuff.querySelector(".inp-command");this.builder.commandText="",e.value="",e.focus()}));const g=n.querySelector(".cmd-send-command");g.addEventListener("click",(async()=>{if(this.builder.isInProgress)return void this.opts.abort();let e=this.modalCommand.querySelector(".inp-command").value;e=e.trim(),""!==e&&this.opts.send(e)})),h.addEventListener("keydown",(e=>{13!==e.keyCode||e.shiftKey||e.preventDefault()})),h.addEventListener("keyup",(e=>{if(13===e.keyCode&&!e.shiftKey)return g.click(),void e.preventDefault();this.builder.commandText=h.value}));this.modalCommand.querySelector(".is-modal-close").addEventListener("click",(()=>{this.modalCommand.classList.remove("active"),this.stopDictation(),localStorage.setItem("_dictation","0")})),this.initialStart=!1}checkMic(){return null===localStorage.getItem("_mic")||"0"!==localStorage.getItem("_mic")}openDictation(){const e=this.modalCommand.querySelector(".inp-command");if(this.modalCommand.classList.contains("active"))return void setTimeout((()=>{e.focus()}),600);this.modalCommand.classList.add("active"),e.focus(),localStorage.setItem("_dictation","1");const t=this.builderStuff.querySelector("#chkAutoSendCommand"),i=this.builderStuff.querySelector(".cmd-clear-command");if(!this.checkMic()){return this.builderStuff.querySelector(".cmd-enable-dictation").innerHTML='<svg class="is-icon-flex" style="width:18px; height:18px;"><use xlink:href="#icon-microphone-off"></use></svg>',t.parentNode.style.display="none",void(i.style.marginRight="6px")}t.parentNode.style.display="flex",i.style.marginRight="",this.startDictation()}stopDictation(){this.recognition&&this.recognition.abort(),this.aborted=!0,this.recorder&&this.recorder.stopRecording(),this.localStream&&this.localStream.getAudioTracks().forEach((e=>{e.stop()}))}async startDictation(){const e=this.modalCommand.querySelector(".inp-command");if(this.builder.onlineDemo)return setTimeout((()=>{const e=this.builderStuff.querySelector(".cmd-enable-dictation"),t=this.builderStuff.querySelector(".cmd-clear-command"),i=this.builderStuff.querySelector("#chkAutoSendCommand");this.stopDictation(),e.innerHTML='<svg class="is-icon-flex" style="width:18px; height:18px;"><use xlink:href="#icon-microphone-off"></use></svg>',localStorage.setItem("_mic","0"),i.parentNode.style.display="none",t.style.marginRight="6px"}),1),void this.util.showMessage(this.util.out("Speech recognition is disabled in this online demo. You can type your command/prompt in the textbox."),!0,(()=>{e.focus()}));if(this.builder.speechTranscribeUrl){this.websocket=new WebSocket(this.builder.speechTranscribeUrl);try{this.localStream=await navigator.mediaDevices.getUserMedia({audio:!0})}catch(e){return setTimeout((()=>{const e=this.builderStuff.querySelector(".cmd-enable-dictation"),t=this.builderStuff.querySelector(".cmd-clear-command"),i=this.builderStuff.querySelector("#chkAutoSendCommand");this.stopDictation(),e.innerHTML='<svg class="is-icon-flex" style="width:18px; height:18px;"><use xlink:href="#icon-microphone-off"></use></svg>',localStorage.setItem("_mic","0"),i.parentNode.style.display="none",t.style.marginRight="6px"}),1),void this.util.showMessage(this.util.out("No microphone found. Please activate your microphone and refresh the page."))}const t=16e3;this.recorder=new ay(this.localStream,{type:"audio",desiredSampRate:t,numberOfAudioChannels:1,timeSlice:1e3,ondataavailable:e=>{this.websocket.send(e)}});(/constructor/i.test(window.HTMLElement)||"[object SafariRemoteNotification]"===(!window.safari||"undefined"!=typeof safari&&window.safari.pushNotification).toString())&&!this.initialStart&&(this.recorder.stopRecording(),this.initialStart=!0,this.startDictation());let i="";this.websocket.onmessage=t=>{const n=JSON.parse(t.data);if("can-open-mic"===n.event&&(this.recorder.startRecording(),this.aborted=!1),"transcript-result"===n.event){const t=n.data;if(this.builder.isInProgress||this.aborted)return;i+=" "+t,e.value=i,clearTimeout(this.speechTimeout),this.speechTimeout=setTimeout((()=>{if(this.builder.commandText="",i="",this.builder.autoSendCommand){if(""===e.value.trim())return;this.modalCommand.querySelector(".cmd-send-command").click()}}),this.builder.autoSendDelay)}}}else if("SpeechRecognition"in window||"webkitSpeechRecognition"in window||"mozSpeechRecognition"in window){const t=window.SpeechRecognition||window.webkitSpeechRecognition||window.mozSpeechRecognition;this.recognition=new t,this.recognition.continuous=!0,this.recognition.interimResults=!0;let i=this.builder.speechRecognitionLang;this.recognition.lang=i,this.recognition.start(),this.speechTimeout,this.builder.commandText="",this.recognition.onresult=t=>{if(this.builder.isInProgress)return;let i="",n="";for(var o=t.resultIndex;o<t.results.length;++o)t.results[o].isFinal?n+=t.results[o][0].transcript:i+=t.results[o][0].transcript;if(-1===i.indexOf("send")&&-1===n.indexOf("send"))this.builder.commandText+=n,e.value=this.builder.commandText,clearTimeout(this.speechTimeout),this.speechTimeout=setTimeout((()=>{if(this.builder.commandText="",this.builder.autoSendCommand){if(""===e.value.trim())return;this.modalCommand.querySelector(".cmd-send-command").click()}}),this.builder.autoSendDelay);else{this.modalCommand.querySelector(".cmd-send-command").click()}},this.recognition.onend=()=>{this.aborted||this.startDictation()},this.recognition.onstart=()=>{this.aborted=!1},this.recognition.onerror=e=>{console.log(e.message)}}else setTimeout((()=>{const e=this.builderStuff.querySelector(".cmd-enable-dictation"),t=this.builderStuff.querySelector(".cmd-clear-command"),i=this.builderStuff.querySelector("#chkAutoSendCommand");this.stopDictation(),e.innerHTML='<svg class="is-icon-flex" style="width:18px; height:18px;"><use xlink:href="#icon-microphone-off"></use></svg>',localStorage.setItem("_mic","0"),i.parentNode.style.display="none",t.style.marginRight="6px"}),1),this.util.showMessage(this.util.out("Speech recognition not supported in this browser."))}startSending(){this.modalCommand.querySelector(".cmd-send-command").innerHTML=`\n        <svg class="spinner" width="14px" height="14px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">\n            <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>\n        </svg>\n        <span style="margin-left:5px">${this.util.out("Abort")}</span>\n        `;const e=this.builderStuff.querySelector(".page-command-overlay");e&&(e.style.display="flex"),this.builder.isInProgress=!0}finish(){this.builder.isInProgress=!1;this.modalCommand.querySelector(".cmd-send-command").innerText=this.util.out("Send");const e=this.builderStuff.querySelector(".page-command-overlay");e&&(e.style.display="none")}}var dy={compareTwoStrings:cy,findBestMatch:function(e,t){if(!function(e,t){return"string"==typeof e&&(!!Array.isArray(t)&&(!!t.length&&!t.find((function(e){return"string"!=typeof e}))))}(e,t))throw new Error("Bad arguments: First argument should be a string, second should be an array of strings");const i=[];let n=0;for(let o=0;o<t.length;o++){const s=t[o],a=cy(e,s);i.push({target:s,rating:a}),a>i[n].rating&&(n=o)}const o=i[n];return{ratings:i,bestMatch:o,bestMatchIndex:n}}};function cy(e,t){if((e=e.replace(/\s+/g,""))===(t=t.replace(/\s+/g,"")))return 1;if(e.length<2||t.length<2)return 0;let i=new Map;for(let t=0;t<e.length-1;t++){const n=e.substring(t,t+2),o=i.has(n)?i.get(n)+1:1;i.set(n,o)}let n=0;for(let e=0;e<t.length-1;e++){const o=t.substring(e,e+2),s=i.has(o)?i.get(o):0;s>0&&(i.set(o,s-1),n++)}return 2*n/(e.length+t.length-2)}class uy{constructor(e){this.builder=e}check(e){const{commandList:t}=this.builder.settings;let i=0,n="";for(const[o,s]of Object.entries(t)){const t=this.calculate(e,s);t>i&&(i=t,n=o)}return i>=this.builder.similarityThreshold&&n}calculate(e,t){const i=e.toLowerCase();let n=0;for(const e of t){const t=dy.compareTwoStrings(i,e);t>n&&(n=t)}return n}}class py{constructor(e={}){let t,i,n={page:"",container:".container",row:"",cols:[],colequal:[],colsizes:[],imageQuality:.92,elementSelection:!0,paste:"text",snippetJSON:{snippets:[]},onPreviewOpen:()=>{let e=this.html();localStorage.setItem("preview-html",e)},previewStyle:"top:auto;bottom:50px;left:50px;right:auto;",livePreviewOpen:!1,livePreviewAlwaysReload:!1,livePreviewReloadEvery:30,scriptPath:"",plugins:[],pluginPath:"contentbuilder/",disableConfig:!1,modulePath:"assets/modules/",assetPath:"assets/",fontAssetPath:"assets/fonts/",snippetData:"assets/minimalist-blocks/snippetlist.html",snippetUrl:"assets/minimalist-blocks/content.js",snippetPath:"assets/minimalist-blocks/",snippetPathReplace:[],snippetCategories:[[120,"Basic"],[118,"Article"],[101,"Headline"],[119,"Buttons"],[102,"Photos"],[103,"Profile"],[116,"Contact"],[104,"Products, Services"],[105,"Features"],[108,"Skills"],[109,"Achievements"],[106,"Process"],[107,"Pricing"],[110,"Quotes"],[111,"Partners"],[112,"As Featured On"],[113,"Page Not Found"],[114,"Coming Soon"],[115,"Help, FAQ"]],defaultSnippetCategory:120,snippetHandle:!0,sidePanel:"right",snippetList:"#divSnippetList",onRender:function(){},onChange:function(){},largerImageHandler:"",imageHandler:"",fileHandler:"",mediaHandler:"",videoHandler:"",audioHandler:"",colors:["#ff8f00","#ef6c00","#d84315","#c62828","#58362f","#37474f","#353535","#f9a825","#9e9d24","#558b2f","#ad1457","#6a1b9a","#4527a0","#616161","#00b8c9","#009666","#2e7d32","#0277bd","#1565c0","#283593","#9e9e9e"],builderMode:"",rowTool:"right",rowcolOutline:!0,columnTool:!0,outlineMode:"",toolStyle:"",outlineStyle:"",snippetAddTool:!0,elementTool:!0,elementHighlight:!0,columnHtmlEditor:!0,rowHtmlEditor:!0,htmlSyntaxHighlighting:!0,snippetOpen:!1,toolbar:"top",toolbarDisplay:"auto",shortenHTML:!0,resizeHeight:!1,snippetsSidebarDisplay:"auto",imageEmbed:!0,imageselect:"",fileselect:"",imageSelect:"",fileSelect:"",videoSelect:"",audioSelect:"",mediaSelect:"",selectIcon:'<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-folder"></use></svg>',otherSelect:"",otherSelectCaption:"Select Document",otherSelectIcon:'<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-list-search"></use></svg>',imageSelectWidth:"1024px",imageSelectHeight:"80vh",fileSelectWidth:"1024px",fileSelectHeight:"80vh",videoSelectWidth:"1024px",videoSelectHeight:"80vh",audioSelectWidth:"1024px",audioSelectHeight:"80vh",mediaSelectWidth:"1024px",mediaSelectHeight:"80vh",otherSelectWidth:"1024px",otherSelectHeight:"80vh",assetRefresh:!1,customTags:[],buttons:["bold","italic","underline","formatting","color","align","textsettings","createLink","tags","|","undo","redo","zoom","livepreview","more"],buttonsMore:["icon","image","|","list","font","formatPara","|","html","preferences"],elementButtons:["left","center","right","full","undo","redo","zoom","livepreview","more"],elementButtonsMore:["|","html","preferences"],iconButtons:["icon","color","textsettings","createLink","|","undo","redo","zoom","livepreview","more"],iconButtonsMore:["|","html","preferences"],lang:[],checkLang:!1,clearPreferences:!1,toolbarAddSnippetButton:!1,animateModal:!0,defaultFontSizes:[16,17,18,19,24,32,48,76,96,120,200,300],fontSizeClassValues:[12,14,15,16,17,18,19,21,24,28,32,35,38,42,46,48,50,54,60,64,68,72,76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144,148,152,156,160,164,168,172,176,180,184,188,192,196,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284,288,292,296,300,304,308,312,316,320,324,328,332,336,340,344,348,352,356,360,364,368,372,376,380,384,388,392,396,400],gradientcolors:[["linear-gradient(0deg, rgb(255, 57, 25), rgb(249, 168, 37))"],["linear-gradient(0deg, rgb(255, 57, 25), rgb(255, 104, 15))"],["linear-gradient(0deg, #FF5722, #FF9800)"],["linear-gradient(0deg, #613ca2, rgb(110, 123, 217))"],["linear-gradient(0deg, rgb(65, 70, 206), rgb(236, 78, 130))"],["linear-gradient(0deg, rgb(0, 150, 102), rgb(90, 103, 197))"],["linear-gradient(30deg, rgb(249, 119, 148), rgb(98, 58, 162))"],["linear-gradient(0deg, rgb(223, 70, 137), rgb(90, 103, 197))"],["linear-gradient(0deg, rgb(40, 53, 147), rgb(90, 103, 197))"],["linear-gradient(0deg, rgb(21, 101, 192), rgb(52, 169, 239))"],["linear-gradient(0deg, rgb(32, 149, 219), rgb(139, 109, 230))"],["linear-gradient(0deg, rgb(90, 103, 197), rgb(0, 184, 201))"],["linear-gradient(0deg, rgb(0, 184, 201), rgb(253, 187, 45))"],["linear-gradient(0deg, rgb(255, 208, 100), rgb(239, 98, 159))"],["linear-gradient(0deg, rgb(0, 214, 223), rgb(130, 162, 253))"],["linear-gradient(0deg, rgb(50, 234, 251), rgb(248, 247, 126))"],["linear-gradient(0deg, rgb(141, 221, 255), rgb(255, 227, 255))"],["linear-gradient(0deg, rgb(255, 170, 170), rgb(255, 255, 200))"],["linear-gradient(0deg, rgb(239, 239, 239), rgb(252, 252, 252))"]],elementEditor:!0,customval:"",moduleConfig:[],elementAnimate:!1,framework:"",cellFormat:"",rowFormat:"",emailMode:!1,absolutePath:!1,emailSnippetCategories:[[1,"Logo"],[14,"Call to Action"],[2,"Title"],[3,"Title, Subtitle"],[4,"Info, Title"],[7,"Paragraph"],[6,"Heading"],[8,"Buttons"],[9,"Callouts"],[10,"Images + Caption"],[12,"Images"],[13,"List"],[15,"Pricing"],[16,"Quotes"],[17,"Profile"],[18,"Contact Info"],[19,"Footer"],[20,"Separator"]],defaultEmailSnippetCategory:14,undoRedoStyles:!1,maxEmbedImageWidth:1600,zoom:1,useLightbox:!1,lightboxArrow:!0,imageRenameOnEdit:!0,disableAutoEmbedVideo:!1,deleteConfirm:!1,sectionTemplate:'\n            <div class="is-section is-box is-section-100 type-opensans">\n                <div class="is-overlay"></div>\n                <div class="is-boxes">\n                    <div class="is-box-centered">\n                        <div class="is-container is-content-1100 v2 size-17 leading-13">\n                            [%CONTENT%]\n                        </div>\n                    </div>\n                </div>\n            </div>\n            ',colHeight:[300,350,400,450,500,550,600,650,700],maxColumns:6,leadingPreset:[1,1.2,1.4,1.6,1.8,2,2.2],cssClasses:{fontWeight:{thin:"font-thin",extralight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extrabold:"font-extrabold",black:"font-black",defaultBold:"font-semibold",defaultNormal:"font-light"},fontStyle:{italic:"italic",normal:"not-italic"},textDecoration:{underline:"underline",linethrough:"line-through",normal:"no-underline"},textTransform:{uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize",normal:"normal-case"},tracking:{tracking__100:"tracking--100",tracking__075:"tracking--75",tracking__050:"tracking-tighter",tracking__025:"tracking-tight",tracking_000:"tracking-normal",tracking_025:"tracking-wide",tracking_050:"tracking-wider",tracking_075:"tracking-75",tracking_100:"tracking-widest",tracking_125:"tracking-125",tracking_150:"tracking-150",tracking_175:"tracking-175",tracking_200:"tracking-200",tracking_225:"tracking-225",tracking_250:"tracking-250",tracking_275:"tracking-275",tracking_300:"tracking-300",tracking_325:"tracking-325",tracking_350:"tracking-350",tracking_375:"tracking-375",tracking_400:"tracking-400",tracking_425:"tracking-425",tracking_450:"tracking-450",tracking_475:"tracking-475",tracking_500:"tracking-500"},leading:{leading_5:"leading-05",leading_6:"leading-06",leading_7:"leading-07",leading_8:"leading-08",leading_9:"leading-09",leading_10:"leading-none",leading_11:"leading-11",leading_12:"leading-12",leading_125:"leading-tight",leading_13:"leading-13",leading_1375:"leading-snug",leading_14:"leading-14",leading_15:"leading-normal",leading_16:"leading-16",leading_1625:"leading-relaxed",leading_17:"leading-17",leading_18:"leading-18",leading_19:"leading-19",leading_20:"leading-loose",leading_21:"leading-21",leading_22:"leading-22",leading_23:"leading-23",leading_24:"leading-24",leading_25:"leading-25",leading_26:"leading-26",leading_27:"leading-27",leading_28:"leading-28",leading_29:"leading-29",leading_30:"leading-30"},opacity:{opacity_0:"opacity-0",opacity_2:"opacity-2",opacity_4:"opacity-4",opacity_5:"opacity-5",opacity_6:"opacity-6",opacity_8:"opacity-8",opacity_10:"opacity-10",opacity_12:"opacity-12",opacity_15:"opacity-15",opacity_20:"opacity-20",opacity_25:"opacity-25",opacity_30:"opacity-30",opacity_35:"opacity-35",opacity_40:"opacity-40",opacity_45:"opacity-45",opacity_50:"opacity-50",opacity_55:"opacity-55",opacity_60:"opacity-60",opacity_65:"opacity-65",opacity_70:"opacity-70",opacity_75:"opacity-75",opacity_80:"opacity-80",opacity_85:"opacity-85",opacity_90:"opacity-90",opacity_95:"opacity-95",opacity_100:"opacity-100"},padding:{all:{p_0:"p-0",p_1:"p-1",p_2:"p-2",p_3:"p-3",p_4:"p-4",p_5:"p-5",p_6:"p-6",p_7:"p-7",p_8:"p-8",p_9:"p-9",p_10:"p-10",p_11:"p-11",p_12:"p-12",p_14:"p-14",p_16:"p-16",p_20:"p-20"},x:{px_0:"px-0",px_1:"px-1",px_2:"px-2",px_3:"px-3",px_4:"px-4",px_5:"px-5",px_6:"px-6",px_7:"px-7",px_8:"px-8",px_9:"px-9",px_10:"px-10",px_11:"px-11",px_12:"px-12",px_14:"px-14",px_16:"px-16",px_20:"px-20"},y:{py_0:"py-0",py_1:"py-1",py_2:"py-2",py_3:"py-3",py_4:"py-4",py_5:"py-5",py_6:"py-6",py_7:"py-7",py_8:"py-8",py_9:"py-9",py_10:"py-10",py_11:"py-11",py_12:"py-12",py_14:"py-14",py_16:"py-16",py_20:"py-20"},top:{pt_0:"pt-0",pt_1:"pt-1",pt_2:"pt-2",pt_3:"pt-3",pt_4:"pt-4",pt_5:"pt-5",pt_6:"pt-6",pt_7:"pt-7",pt_8:"pt-8",pt_9:"pt-9",pt_10:"pt-10",pt_11:"pt-11",pt_12:"pt-12",pt_14:"pt-14",pt_16:"pt-16",pt_20:"pt-20"},right:{pr_0:"pr-0",pr_1:"pr-1",pr_2:"pr-2",pr_3:"pr-3",pr_4:"pr-4",pr_5:"pr-5",pr_6:"pr-6",pr_7:"pr-7",pr_8:"pr-8",pr_9:"pr-9",pr_10:"pr-10",pr_11:"pr-11",pr_12:"pr-12",pr_14:"pr-14",pr_16:"pr-16",pr_20:"pr-20"},bottom:{pb_0:"pb-0",pb_1:"pb-1",pb_2:"pb-2",pb_3:"pb-3",pb_4:"pb-4",pb_5:"pb-5",pb_6:"pb-6",pb_7:"pb-7",pb_8:"pb-8",pb_9:"pb-9",pb_10:"pb-10",pb_11:"pb-11",pb_12:"pb-12",pb_14:"pb-14",pb_16:"pb-16",pb_20:"pb-20"},left:{pl_0:"pl-0",pl_1:"pl-1",pl_2:"pl-2",pl_3:"pl-3",pl_4:"pl-4",pl_5:"pl-5",pl_6:"pl-6",pl_7:"pl-7",pl_8:"pl-8",pl_9:"pl-9",pl_10:"pl-10",pl_11:"pl-11",pl_12:"pl-12",pl_14:"pl-14",pl_16:"pl-16",pl_20:"pl-20"}},extend:{superscript:"sup",subscript:"sub"},textAlign:{left:"text-left",center:"text-center",right:"text-right",justify:"text-justify"},display:{flex:"flex",block:"block",inline:"inline",inline_block:"inline-block"},flexDirection:{row:"flex-row",column:"flex-col",row_reverse:"flex-row-reverse",column_reverse:"flex-col-reverse"},flexWrap:{wrap:"flex-wrap",nowrap:"flex-nowrap",wrap_reverse:"flex-wrap-reverse"},justifyContent:{start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},alignItems:{start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"}},useCssClasses:!0,useButtonPlugin:!1,enableDragResize:!0,simpleTextSettings:!1,enableColumnsPerLine:!0,isContentBox:!1,sendCommandUrl:"http://localhost:8081/answer",onlineDemo:!1,autoSendDelay:3e3,commandPlaceholderText:"",enableShortCommands:!0,speechRecognitionLang:"en-US",headlineList:["We create simple and effective designs.","Ultimate Experiences With Story, Emotion, And Purpose.","Build Anything Beautifully","With Less Stuff and More Compassion","We're [CompanyName]. Full stack development with a spark of creativity.","Transforming your digital experience with [CompanyName]. Achieve your online goals with our customized solutions.","Revolutionizing web development with [CompanyName]. Unleash your digital potential with our high-performance solutions.","Creative and Inspiring"],shortCommandList:{undo:["undo"],redo:["undo"],increase:["increase","bigger","larger","enlarge"],decrease:["decrease","smaller"],bold:["bold"],italic:["italic"],underline:["underline"],strikethrough:["strikethrough"],superscript:["superscript"],subscript:["subscript"],uppercase:["uppercase"],lowercase:["lowercase"],capitalize:["capitalize"],clean:["clean"]},similarityThreshold:.65,commandList:{select:["select","select first"],select_next:["select next","select after"],select_previous:["select previous","select before"],select_last:["select last"],select_headline:["select headline"],select_paragraph:["select paragraph"],select_button:["select button"],select_space:["select space"],select_image:["select image"],change_font:["change font","change typography","change style"],fade_in:["fade in"],fade_in_slow:["fade in slow"],fade_in_up:["fade in up"],fade_in_up_slow:["fade in up slow"],slide_up:["slide up"],slide_up_slow:["slide up slow"],zoom_in:["zoom in"],zoom_out:["zoom out"],animate_once:["animate once"],always_animate:["always animate"],remove_animation:["remove animation","clear animation","remove fade in","clear fade in","remove slide up","clear slide up","remove zoom in","clear zoom in","remove zoom out","clear zoom out"],add_bg_color:["add background color"],add_bg_image:["add background image","add background"],change_bg_color:["change background color"],change_bg_image:["change background image","change background"],remove_bg_color:["remove background color","clear background color"],remove_bg:["remove background","remove background image","clear background","clear background image"],increase_content_width:["increase content width","enlarge content width"],decrease_content_width:["decrease content width","reduce content width"],clear_content_width:["clear content width","remove content width","make content full","full width content"],make_content_light:["make content white","make content light","make text white","make text light","change content white","change content light","change text white","change text light","change to white content","change to light content","change to white text","change to light text"],make_content_dark:["make content black","make content dark","make text black","make text dark","change content black","change content dark","change text black","change text dark","change to black content","change to dark content","change to black text","change to dark text"],make_section_height_10:["make section height 10"],make_section_height_15:["make section height 15"],make_section_height_20:["make section height 20"],make_section_height_25:["make section height 25"],make_section_height_30:["make section height 30"],make_section_height_40:["make section height 40"],make_section_height_50:["make section height 50"],make_section_height_60:["make section height 60"],make_section_height_70:["make section height 70"],make_section_height_75:["make section height 75"],make_section_height_80:["make section height 80"],make_section_height_85:["make section height 85"],make_section_height_90:["make section height 90"],make_section_height_100:["make section height 100"],make_section_height_auto:["make section height auto"],suggest_headline:["suggest headline","suggest header","suggest title","write headline","write header","write title"],suggest_tagline:["suggest tagline","write tagline"],add_headline:["add headline","add header","add title"],add_paragraph:["add paragraph"],add_image:["add image"],add_youtube:["add youtube"],add_video:["add video"],remove_video:["remove video","clear video"],add_bg_video:["add background video"],remove_bg_video:["remove background video","clear background video"],add_slider:["add slider"],remove_slider:["remove slider","clear slider"],add_bg_slider:["add background slider"],remove_bg_slider:["remove background slider","clear background slider"],add_audio:["add audio","add music","add mp3"],add_map:["add map","add google map"],add_table:["add table"],add_social:["add social"],add_icon:["add icon"],add_button:["add button"],add_2buttons:["add 2 button","add 2 buttons"],add_space:["add space"],position_before:["above","before"],increase_line_height:["increase line height","increase line spacing","increase text spacing","enlarge line height","enlarge line spacing","enlarge text spacing","bigger line height","bigger line spacing","bigger text spacing","make line height bigger","make line spacing bigger","make text spacing bigger"],increase_default_line_height:["increase default line height","increase default line spacing","increase default text spacing","enlarge default line height","enlarge default line spacing","enlarge default text spacing","bigger default line height","bigger default line spacing","bigger default text spacing","make default line height bigger","make default line spacing bigger","make default text spacing bigger"],decrease_line_height:["decrease line height","decrease line spacing","decrease text spacing","reduce line height","reduce line spacing","reduce text spacing","smaller line height","smaller line spacing","smaller text spacing","make line height smaller","make line spacing smaller","make text spacing smaller"],decrease_default_line_height:["decrease default line height","decrease default line spacing","decrease default text spacing","reduce default line height","reduce default line spacing","reduce default text spacing","smaller default line height","smaller default line spacing","smaller default text spacing","make default line height smaller","make default line spacing smaller","make default text spacing smaller"],increase_font_size:["increase font","increase size","increase font size","increase text","increase size","increase text size","enlarge font","enlarge size","enlarge font size","enlarge text","enlarge size","enlarge text size","text bigger","font bigger","size bigger"],decrease_font_size:["decrease font","decrease size","decrease font size","decrease text","decrease size","decrease text size","reduce font","reduce size","reduce font size","reduce text","reduce size","reduce text size","text smaller","font smaller","size smaller"],increase_default_font_size:["increase default font","increase default size","increase default font size","increase default text","increase default size","increase default text size","enlarge default font","enlarge default size","enlarge default font size","enlarge default text","enlarge default text size","default text bigger","default font bigger","default size bigger","increase default content","increase default content size","enlarge default content","enlarge default content size"],decrease_default_font_size:["decrease default font","decrease default size","decrease default font size","decrease default text","decrease default size","decrease default text size","reduce default font","reduce default size","reduce default font size","reduce default text","reduce default text size","default text smaller","default font smaller","default size smaller","decrease default content","decrease default content size","reduce default content","reduce default content size"],clear_font_size:["clear font size","remove font size","clear text size","remove text size","use default font size"],align_left:["align left","align text left","left aligned"],align_center:["align center","align text center","center aligned"],align_right:["align right","align text right","right aligned"],align_full:["align full","align justify","justify","justify text","justify full"],clear_alignment:["clear alignment","remove alignment","clear text alignment","remove text alignment"],make_content_centered:["make content center"],move_content_left:["move content left","place content left"],move_content_center:["move content center","place content center"],move_content_right:["move content right","place content right"],move_content_top:["move content top","place content top"],move_content_middle:["move content middle","place content middle"],move_content_bottom:["move content bottom","place content bottom"],increase_space:["more space","increase space","enlarge space"],decrease_space:["less space","decrease space","reduce space"],move_up:["move up"],move_down:["move down"],move_row_up:["move row up"],move_row_down:["move row down"],duplicate_row:["duplicate row","copy row"],remove_row:["remove row","delete row"],move_col_left:["move left","move column left"],move_col_right:["move right","move column right"],duplicate_col:["duplicate column","copy column"],remove_col:["remove column","delete column"],move_column_up:["move column up"],move_column_down:["move column down"],move_section_up:["move section up"],move_section_down:["move section down"],move_section_top:["move section top"],move_section_bottom:["move section bottom"],duplicate_section:["duplicate section","copy section"],remove_section:["remove section","delete section"],remove_content:["remove content","remove all text","remove all content","delete content","delete all text","delete all content","clear content","clear all text","clear all content"],add_content:["add content","add text"]},commandInfo:{general:{title:"General",list:["Let's redesign the layout to enhance its visual appeal and user experience.","Rewrite all the text to improve the overall copywriting quality.","Can you come up with another rendition of the content or offer an alternative wording?","Can you suggest a captivating headline for us?","Undo","Redo"]},selection:{title:"Selection",list:["Select the headline","Select the next block","Move up","Move down","Duplicate row","Remove row","Move column left","Move column right","Duplicate column","Remove column"]},element:{title:"Element",list:["Add a paragraph","Add an image","Add a youtube","Add a button","Add two buttons","Add a space","Increase the space","Reduce the space"]},text:{title:"Text Formatting",list:["Increase font size","Clear font size","Align center","Align right","Align justify","Clear alignment","Bold","Italic","Underline","Strikethrough","Uppercase","Clean"]}}};if(this.opts=Object.assign(this,n,e),window.data_basic&&(this.opts.snippetJSON=window.data_basic,""===this.opts.snippetPath&&(this.opts.snippetPath=window._snippets_path)),this.opts.snippetDisplay&&("auto"===this.opts.snippetDisplay?this.opts.snippetsSidebarDisplay="auto":this.opts.snippetsSidebarDisplay="always"),""===this.opts.scriptPath&&(this.opts.scriptPath=this.currentScriptPath()),window._txt&&(this.opts.lang=window._txt),this.settings=this.opts,""!==this.opts.imageSelect?this.opts.imageselect=this.opts.imageSelect:""!==this.opts.imageselect&&(this.opts.imageSelect=this.opts.imageselect),""!==this.opts.fileSelect?this.opts.fileselect=this.opts.fileSelect:""!==this.opts.fileselect&&(this.opts.fileSelect=this.opts.fileselect),""!==this.opts.videoSelect?this.opts.videoselect=this.opts.videoSelect:""!==this.opts.videoselect&&(this.opts.videoSelect=this.opts.videoselect),this.opts.onImageUpload||this.opts.onLargerImageUpload||(this.opts.onImageUpload=this.opts.onMediaUpload),this.opts.imageHandler||this.opts.largerImageHandler||(this.opts.imageHandler=this.opts.mediaHandler),""!==this.opts.imageHandler&&(this.opts.largerImageHandler=this.opts.imageHandler),this.opts.onImageUpload&&(this.opts.onLargerImageUpload=this.opts.onImageUpload),this.opts.emailMode&&(this.useButtonPlugin=!0),!this.useButtonPlugin){let e=this.plugins.filter((e=>"buttoneditor"!==e.name));this.plugins=[...e]}if("bootstrap"===this.opts.framework?(this.opts.row="row",this.opts.cols=["col-md-1","col-md-2","col-md-3","col-md-4","col-md-5","col-md-6","col-md-7","col-md-8","col-md-9","col-md-10","col-md-11","col-md-12"],this.opts.colequal=[],this.opts.colsizes=[]):"tailwind"===this.opts.framework?(this.opts.row="flex flex-col md:flex-row",this.opts.cols=["w-full md:w-1/12 px-4","w-full md:w-2/12 px-4","w-full md:w-3/12 px-4","w-full md:w-4/12 px-4","w-full md:w-5/12 px-4","w-full md:w-6/12 px-4","w-full md:w-7/12 px-4","w-full md:w-8/12 px-4","w-full md:w-9/12 px-4","w-full md:w-10/12 px-4","w-full md:w-11/12 px-4","w-full px-4"],this.opts.colequal=[],this.opts.colsizes=[]):"foundation"===this.opts.framework?(this.opts.row="row",this.opts.cols=["large-1 columns","large-2 columns","large-3 columns","large-4 columns","large-5 columns","large-6 columns","large-7 columns","large-8 columns","large-9 columns","large-10 columns","large-11 columns","large-12 columns"],this.opts.colequal=[],this.opts.colsizes=[]):"material"===this.opts.framework?(this.opts.row="mdl-grid",this.opts.cols=["mdl-cell mdl-cell--1-col","mdl-cell mdl-cell--2-col","mdl-cell mdl-cell--3-col","mdl-cell mdl-cell--4-col","mdl-cell mdl-cell--5-col","mdl-cell mdl-cell--6-col","mdl-cell mdl-cell--7-col","mdl-cell mdl-cell--8-col","mdl-cell mdl-cell--9-col","mdl-cell mdl-cell--10-col","mdl-cell mdl-cell--11-col","mdl-cell mdl-cell--12-col"],this.opts.colequal=[],this.opts.colsizes=[]):"uikit"===this.opts.framework?(this.opts.row="",this.opts.cols=[],this.opts.colequal=[],this.opts.colsizes=[],this.opts.cellFormat='<div class="uk-width-1-1"></div>',this.opts.rowFormat='<div class="uk-grid"></div>'):""!==this.opts.row&&this.opts.cols.length>0||""===this.opts.cellFormat&&""===this.opts.rowFormat&&(this.useDefaultGrid=!0,this.opts.row="row",this.opts.cols=["column twelfth","column eleventh","column tenth","column ninth","column eighth","column seventh","column sixth","column fifth","column fourth","column third","column half","column two-third","column two-fourth","column two-fifth","column two-sixth","column"],this.opts.colequal=[["column twelfth","column twelfth","column twelfth","column twelfth","column twelfth","column twelfth","column twelfth","column twelfth","column twelfth","column twelfth","column twelfth","column twelfth"],["column eleventh","column eleventh","column eleventh","column eleventh","column eleventh","column eleventh","column eleventh","column eleventh","column eleventh","column eleventh","column eleventh"],["column tenth","column tenth","column tenth","column tenth","column tenth","column tenth","column tenth","column tenth","column tenth","column tenth"],["column ninth","column ninth","column ninth","column ninth","column ninth","column ninth","column ninth","column ninth","column ninth"],["column eighth","column eighth","column eighth","column eighth","column eighth","column eighth","column eighth","column eighth"],["column seventh","column seventh","column seventh","column seventh","column seventh","column seventh","column seventh"],["column sixth","column sixth","column sixth","column sixth","column sixth","column sixth"],["column fifth","column fifth","column fifth","column fifth","column fifth"],["column fourth","column fourth","column fourth","column fourth"],["column third","column third","column third"],["column half","column half"]],this.opts.colsizes=[[["column third","column third","column third"],["column half","column fourth","column fourth"]],[["column sixth","column two-sixth"],["column fifth","column two-fifth"],["column fourth","column two-fourth"],["column third","column two-third"],["column half","column half"],["column two-third","column third"],["column two-fourth","column fourth"],["column two-fifth","column fifth"],["column two-sixth","column sixth"]]]),this.sortableObjects=[],this.iframe){t=this.iframe.contentWindow;let e=this.iframe.contentDocument||this.iframe.contentWindow.document;i=e,this.iframeDocument=e}else t=window,i=document;this.win=t,this.doc=i,this.doc.body.classList.add("data-editor");const o=new oi(this);this.dom=o;const s=new ni(this);this.util=s,this.pageTemplate||(this.pageTemplate=s.getPageTemplate(this.framework));const a=new iy(this);if(this.responsive=a,this.iframe){let e=i.querySelector(".content-stuff");e||(e=document.createElement("div"),e.className="content-stuff is-ui",e.id="_cbhtml",i.body.appendChild(e)),this.contentStuff=e,this.stuff=new ey(this)}this.isTouchSupport=s.isTouchSupport(),this.isIE=s.detectIE(),this.opts.clearPreferences&&s.clearPreferences(),this.uoTm=null,this.uo=new Ts(this),this.cbDom=o,this.autoclean=!1,this.filesAdded="",this.opts.emailMode&&this.applyStyle("emailmode",".is-builder > div {display: block}");let l=document.querySelector("#_cbhtml");var r;l||(l=this.dom.createElement("div"),l.id="_cbhtml",l.className="is-ui",this.dom.appendChild(document.body,l)),this.builderStuff=l,(r=this).dom.appendHtml(r.builderStuff,'<svg width="0" height="0" style="position:absolute;display:none;">\n        <defs>\n            <symbol viewBox="0 0 512 512" id="ion-ios-arrow-left"><path d="M352 115.4L331.3 96 160 256l171.3 160 20.7-19.3L201.5 256z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-arrow-right"><path d="M160 115.4L180.7 96 352 256 180.7 416 160 396.7 310.5 256z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-plus-outline"><path d="M256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48zm0 398.7c-105.1 0-190.7-85.5-190.7-190.7S150.9 65.3 256 65.3 446.7 150.9 446.7 256 361.1 446.7 256 446.7z"></path><path d="M264.1 128h-16.8v119.9H128v16.8h119.3V384h16.8V264.7H384v-16.8H264.1z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-image"><path d="M368 224c26.5 0 48-21.5 48-48s-21.5-48-48-48-48 21.5-48 48 21.5 48 48 48z"></path><path d="M452 64H60c-15.6 0-28 12.7-28 28.3v327.4c0 15.6 12.4 28.3 28 28.3h392c15.6 0 28-12.7 28-28.3V92.3c0-15.6-12.4-28.3-28-28.3zM348.9 261.7c-3-3.5-7.6-6.2-12.8-6.2-5.1 0-8.7 2.4-12.8 5.7L304.6 277c-3.9 2.8-7 4.7-11.5 4.7-4.3 0-8.2-1.6-11-4.1-1-.9-2.8-2.6-4.3-4.1L224 215.3c-4-4.6-10-7.5-16.7-7.5-6.7 0-12.9 3.3-16.8 7.8L64 368.2V107.7c1-6.8 6.3-11.7 13.1-11.7h357.7c6.9 0 12.5 5.1 12.9 12l.3 260.4-99.1-106.7z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-photos-outline"><path d="M96 128v320h384V128H96zm368 304H112V144h352v288z"></path><path d="M32 64v320h48v-16H48V80h352v32h16V64z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-settings-strong"><path d="M32 376h283.35c6.186-14.112 20.281-24 36.65-24s30.465 9.888 36.65 24H480v32h-91.35c-6.186 14.112-20.281 24-36.65 24s-30.465-9.888-36.65-24H32M32 240h91.35c6.186-14.112 20.281-24 36.65-24s30.465 9.888 36.65 24H480v32H196.65c-6.186 14.112-20.281 24-36.65 24s-30.465-9.888-36.65-24H32M32 104h283.35c6.186-14.112 20.281-24 36.65-24s30.465 9.888 36.65 24H480v32h-91.35c-6.186 14.112-20.281 24-36.65 24s-30.465-9.888-36.65-24H32"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-settings"><path d="M352 104c8.837 0 16 7.163 16 16s-7.163 16-16 16-16-7.163-16-16 7.163-16 16-16m0-16c-17.645 0-32 14.355-32 32s14.355 32 32 32 32-14.355 32-32-14.355-32-32-32zM352 376c8.837 0 16 7.163 16 16s-7.163 16-16 16-16-7.163-16-16 7.163-16 16-16m0-16c-17.645 0-32 14.355-32 32s14.355 32 32 32 32-14.355 32-32-14.355-32-32-32zM160 240c8.837 0 16 7.163 16 16s-7.163 16-16 16-16-7.163-16-16 7.163-16 16-16m0-16c-17.645 0-32 14.355-32 32s14.355 32 32 32 32-14.355 32-32-14.355-32-32-32zM207.32 248H480v16H207.32c.439-2.604.68-5.273.68-8s-.24-5.396-.68-8zM112 256c0 2.727.24 5.396.68 8H32v-16h80.68a47.955 47.955 0 0 0-.68 8zM399.32 384H480v16h-80.68c.439-2.604.68-5.273.68-8s-.24-5.396-.68-8zM304 392c0 2.727.24 5.396.68 8H32v-16h272.68a47.955 47.955 0 0 0-.68 8zM399.32 112H480v16h-80.68c.439-2.604.68-5.273.68-8s-.24-5.396-.68-8zM304.68 112c-.439 2.604-.68 5.273-.68 8s.24 5.396.68 8H32v-16h272.68z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-android-options"><path d="M32 384h272v32H32zM400 384h80v32h-80zM384 447.5c0 17.949-14.327 32.5-32 32.5-17.673 0-32-14.551-32-32.5v-95c0-17.949 14.327-32.5 32-32.5 17.673 0 32 14.551 32 32.5v95z"></path><g><path d="M32 240h80v32H32zM208 240h272v32H208zM192 303.5c0 17.949-14.327 32.5-32 32.5-17.673 0-32-14.551-32-32.5v-95c0-17.949 14.327-32.5 32-32.5 17.673 0 32 14.551 32 32.5v95z"></path></g><g><path d="M32 96h272v32H32zM400 96h80v32h-80zM384 159.5c0 17.949-14.327 32.5-32 32.5-17.673 0-32-14.551-32-32.5v-95c0-17.949 14.327-32.5 32-32.5 17.673 0 32 14.551 32 32.5v95z"></path></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-list-number"><rect x="0" y="0" width="2048.00" height="2048.00" fill="none" /><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M-1043.45,1024 C-1039.25,946.283 -1023.18,878.648 -995.249,821.096 C-967.313,763.544 -912.806,711.242 -831.728,664.192 L-710.742,594.247 C-656.55,562.74 -618.532,535.854 -596.687,513.589 C-562.24,478.722 -545.016,438.813 -545.016,393.863 C-545.016,341.352 -560.769,299.658 -592.276,268.781 C-623.783,237.904 -665.792,222.466 -718.304,222.466 C-796.02,222.466 -849.792,251.873 -879.619,310.685 C-895.582,342.192 -904.404,385.882 -906.084,441.754 L-1021.4,441.754 C-1020.14,363.197 -1005.65,299.133 -977.92,249.562 C-928.769,162.183 -842.02,118.494 -717.673,118.494 C-614.331,118.494 -538.82,146.43 -491.139,202.302 C-443.459,258.174 -419.619,320.347 -419.619,388.822 C-419.619,461.078 -445.034,522.831 -495.865,574.082 C-525.272,603.909 -577.993,640.037 -654.03,682.466 L-740.358,730.356 C-781.527,753.041 -813.874,774.676 -837.399,795.26 C-879.408,831.808 -905.874,872.347 -916.797,916.877 L-424.03,916.877 L-424.03,1024 L-1043.45,1024 Z "  /><path d="M-922.391,-764.384 L-922.391,-851.343 C-840.474,-859.324 -783.341,-872.662 -750.994,-891.356 C-718.647,-910.05 -694.492,-954.265 -678.529,-1024 L-589.049,-1024 L-589.049,-125.425 L-710.035,-125.425 L-710.035,-764.384 L-922.391,-764.384 Z "  /><path d="M-198.618,-510.942 L-198.618,-667.156 L1004.57,-667.156 L1004.57,-510.942 L-198.618,-510.942 Z "  /><path d="M-198.618,78.1071 L-198.618,-78.1071 L1004.57,-78.1071 L1004.57,78.1071 L-198.618,78.1071 Z "  /><path d="M-179.185,649.354 L-179.185,493.14 L1024,493.14 L1024,649.354 L-179.185,649.354 Z "  /></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-list-bullet"><rect x="0" y="0" width="2048.00" height="2048.00" fill="none" /><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M-379.801,-514.33 L-379.801,-670.545 L914.662,-670.545 L914.662,-514.33 L-379.801,-514.33 Z "  /><path d="M-379.801,78.1071 L-379.801,-78.1071 L914.662,-78.1071 L914.662,78.1071 L-379.801,78.1071 Z "  /><path d="M-379.801,670.545 L-379.801,514.33 L914.662,514.33 L914.662,670.545 L-379.801,670.545 Z "  /><path d="M-929.642,-469.441 L-929.642,-715.434 L-669.092,-715.434 L-669.092,-469.441 L-929.642,-469.441 Z "  /><path d="M-929.642,127.109 L-929.642,-118.885 L-669.092,-118.885 L-669.092,127.109 L-929.642,127.109 Z "  /><path d="M-929.642,715.434 L-929.642,469.441 L-669.092,469.441 L-669.092,715.434 L-929.642,715.434 Z "  /></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-clean">\n                <g transform="matrix(1,0,0,1,1024.0,1024.0)">\n                    <path d="M75.0013,893.849 L-1030.73,900.993 L-32.1518,-880.838 L1009.54,-880.838 L75.0013,893.849 Z " fill="currentColor" />\n                    <path d="M-30.8571,780.685 L-845.2,787.828 L-508.893,193.749 L305.26,194.963 L-30.8571,780.685 Z " fill="#ffffff" fill-opacity="1.00" />\n                </g>\n            </symbol>\n            <symbol viewBox="0 0 512 512" id="ion-location"><path d="M256 64c-65.9 0-119.3 53.7-119.3 120 0 114.6 119.3 264 119.3 264s119.3-149.4 119.3-264c0-66.3-53.4-120-119.3-120zm0 178.2c-31.2 0-56.4-25.4-56.4-56.7 0-31.3 25.3-56.8 56.4-56.8 31.2 0 56.4 25.4 56.4 56.8 0 31.3-25.2 56.7-56.4 56.7z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-film-outline"><path d="M0 360h400v-336h-400v336zM72 40v48h-56v-48h56zM72 104v48h-56v-48h56zM72 168v48h-56v-48h56zM72 232v48h-56v-48h56zM72 296v48h-56v-48h56zM312 40v144h-224v-144h224zM312 200v144h-224v-144h224zM384 40v48h-56v-48h56zM384 104v48h-56v-48h56zM384 168v48h-56v-48\n                h56zM384 232v48h-56v-48h56zM384 296v48h-56v-48h56z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-social-youtube-outline"><path d="M265 96c65.3 0 118.7 1.1 168.1 3.3h1.4c23.1 0 42 22 42 49.1v1.1l.1 1.1c2.3 34 3.4 69.3 3.4 104.9.1 35.6-1.1 70.9-3.4 104.9l-.1 1.1v1.1c0 13.8-4.7 26.6-13.4 36.1-7.8 8.6-18 13.4-28.6 13.4h-1.6c-52.9 2.5-108.8 3.8-166.4 3.8h-10.6.1-10.9c-57.8 0-113.7-1.3-166.2-3.7h-1.6c-10.6 0-20.7-4.8-28.5-13.4-8.6-9.5-13.4-22.3-13.4-36.1v-1.1l-.1-1.1c-2.4-34.1-3.5-69.4-3.3-104.7v-.2c-.1-35.3 1-70.5 3.3-104.6l.1-1.1v-1.1c0-27.2 18.8-49.3 41.9-49.3h1.4c49.5-2.3 102.9-3.3 168.2-3.3H265m0-32.2h-18c-57.6 0-114.2.8-169.6 3.3-40.8 0-73.9 36.3-73.9 81.3C1 184.4-.1 220 0 255.7c-.1 35.7.9 71.3 3.4 107 0 45 33.1 81.6 73.9 81.6 54.8 2.6 110.7 3.8 167.8 3.8h21.6c57.1 0 113-1.2 167.9-3.8 40.9 0 74-36.6 74-81.6 2.4-35.7 3.5-71.4 3.4-107.1.1-35.7-1-71.3-3.4-107.1 0-45-33.1-81.1-74-81.1C379.2 64.8 322.7 64 265 64z"></path><path d="M207 353.8V157.4l145 98.2-145 98.2z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-play"><path d="M128 96v320l256-160L128 96z"></path></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-align-full"><rect x="0" y="0" width="2048.00" height="2048.00" fill="none" /><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M-770.727,738.299 L-770.727,582.085 L769.712,582.085 L769.712,738.299 L-770.727,738.299 Z " /><path d="M-770.727,-534.628 L-770.727,-690.842 L769.712,-690.842 L769.712,-534.628 L-770.727,-534.628 Z " /><path d="M-770.219,-115.563 L-770.219,-271.777 L770.219,-271.777 L770.219,-115.563 L-770.219,-115.563 Z " /><path d="M-770.219,303.503 L-770.219,147.288 L770.219,147.288 L770.219,303.503 L-770.219,303.503 Z " /></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-align-center"><rect x="0" y="0" width="2048.00" height="2048.00" fill="none" /><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M-770.727,738.299 L-770.727,582.085 L769.712,582.085 L769.712,738.299 L-770.727,738.299 Z " /><path d="M-552.286,-107.697 L-552.286,-263.911 L552.286,-263.911 L552.286,-107.697 L-552.286,-107.697 Z " /><path d="M-467.355,319.234 L-467.355,163.02 L466.34,163.02 L466.34,319.234 L-467.355,319.234 Z " /><path d="M-770.727,-534.628 L-770.727,-690.842 L769.712,-690.842 L769.712,-534.628 L-770.727,-534.628 Z " /></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-align-left"><rect x="0" y="0" width="2048.00" height="2048.00" fill="none" /><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M-770.727,738.299 L-770.727,582.085 L769.712,582.085 L769.712,738.299 L-770.727,738.299 Z " /><path d="M-770.727,-534.628 L-770.727,-690.842 L769.712,-690.842 L769.712,-534.628 L-770.727,-534.628 Z " /><path d="M-770.219,-115.563 L-770.219,-271.777 L482.839,-271.777 L482.839,-115.563 L-770.219,-115.563 Z " /><path d="M-770.219,303.503 L-770.219,147.288 L122.787,147.288 L122.787,303.503 L-770.219,303.503 Z " /></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-align-right"><rect x="0" y="0" width="2048.00" height="2048.00" fill="none" /><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M-770.727,738.299 L-770.727,582.085 L769.712,582.085 L769.712,738.299 L-770.727,738.299 Z " /><path d="M-770.727,-534.628 L-770.727,-690.842 L769.712,-690.842 L769.712,-534.628 L-770.727,-534.628 Z " /><path d="M-483.346,-118.081 L-483.346,-274.295 L769.712,-274.295 L769.712,-118.081 L-483.346,-118.081 Z " /><path d="M-123.871,303.503 L-123.871,147.288 L769.136,147.288 L769.136,303.503 L-123.871,303.503 Z " /></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-indent"><rect x="0" y="0" width="2048.00" height="2048.00" fill="none" /><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M-829.04,-514.33 L-829.04,-670.545 L808.959,-670.545 L808.959,-514.33 L-829.04,-514.33 Z " /><path d="M-829.04,670.545 L-829.04,514.33 L808.959,514.33 L808.959,670.545 L-829.04,670.545 Z " /><path d="M-254.279,-110.244 L-254.279,-266.458 L808.959,-266.458 L808.959,-110.244 L-254.279,-110.244 Z " /><path d="M-254.279,266.458 L-254.279,110.244 L808.959,110.244 L808.959,266.458 L-254.279,266.458 Z " /><path d="M-829.04,-195.117 L-490.958,-1.03508e-14 L-829.04,195.117 L-829.04,-195.117 Z " /></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-outdent"><rect x="0" y="0" width="2048.00" height="2048.00" fill="none" /><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M-829.04,-514.33 L-829.04,-670.545 L808.959,-670.545 L808.959,-514.33 L-829.04,-514.33 Z " /><path d="M-829.04,670.545 L-829.04,514.33 L808.959,514.33 L808.959,670.545 L-829.04,670.545 Z " /><path d="M-829.04,-110.244 L-829.04,-266.458 L234.198,-266.458 L234.198,-110.244 L-829.04,-110.244 Z " /><path d="M-829.04,266.458 L-829.04,110.244 L234.198,110.244 L234.198,266.458 L-829.04,266.458 Z " /><path d="M808.959,-195.117 L470.877,-1.03508e-14 L808.959,195.117 L808.959,-195.117 Z " /></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-table"><rect x="0" y="0" width="2048.00" height="2048.00" fill="none" /><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M-660.783,660.783 L660.783,660.783 L660.783,-660.783 L-660.783,-660.783 L-660.783,660.783 Z " fill="none" stroke-width="75.82" stroke="currentColor" stroke-linecap="square" stroke-linejoin="miter" /><path d="M-37.9645,698.933 L37.9645,698.933 L37.9645,-698.569 L-37.9645,-698.569 L-37.9645,698.933 Z " fill="currentColor" fill-opacity="1.00" stroke-width="0.25" stroke="currentColor" stroke-linecap="square" stroke-linejoin="miter" /><path d="M-698.933,-37.7825 L-698.933,38.1465 L698.569,38.1465 L698.569,-37.7825 L-698.933,-37.7825 Z " fill="currentColor" fill-opacity="1.00" stroke-width="0.25" stroke="currentColor" stroke-linecap="square" stroke-linejoin="miter" /></g></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-android-happy"><path d="M256 48C140.563 48 48 141.6 48 256s92.563 208 208 208 208-93.6 208-208S370.401 48 256 48zm0 374.4c-91.518 0-166.404-74.883-166.404-166.4 0-91.518 74.887-166.4 166.404-166.4S422.404 164.482 422.404 256 347.518 422.4 256 422.4zm72.8-187.2c17.683 0 31.201-13.518 31.201-31.2s-13.519-31.2-31.201-31.2c-17.682 0-31.2 13.518-31.2 31.2s13.518 31.2 31.2 31.2zm-145.6 0c17.682 0 31.2-13.518 31.2-31.2s-13.519-31.2-31.2-31.2c-17.683 0-31.201 13.518-31.201 31.2s13.519 31.2 31.201 31.2zM256 370.4c48.883 0 89.436-30.164 106.081-72.801H149.919C166.564 340.236 207.117 370.4 256 370.4z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-android-create"><path d="M64 368v80h80l235.727-235.729-79.999-79.998L64 368zm377.602-217.602c8.531-8.531 8.531-21.334 0-29.865l-50.135-50.135c-8.531-8.531-21.334-8.531-29.865 0l-39.468 39.469 79.999 79.998 39.469-39.467z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-minus-empty"><path d="M384 265H128v-17h256v17z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-eye"><path d="M256 128c-81.9 0-145.7 48.8-224 128 67.4 67.7 124 128 224 128 99.9 0 173.4-76.4 224-126.6C428.2 198.6 354.8 128 256 128zm0 219.3c-49.4 0-89.6-41-89.6-91.3 0-50.4 40.2-91.3 89.6-91.3s89.6 41 89.6 91.3c0 50.4-40.2 91.3-89.6 91.3z"></path><path d="M256 224c0-7.9 2.9-15.1 7.6-20.7-2.5-.4-5-.6-7.6-.6-28.8 0-52.3 23.9-52.3 53.3s23.5 53.3 52.3 53.3 52.3-23.9 52.3-53.3c0-2.3-.2-4.6-.4-6.9-5.5 4.3-12.3 6.9-19.8 6.9-17.8 0-32.1-14.3-32.1-32z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-reply"><path d="M448 400s-36.8-208-224-208v-80L64 256l160 134.4v-92.3c101.6 0 171 8.9 224 101.9z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-folder-outline">\n                <path d="M457 96H215c-2.791 0-4.271-.585-6.094-2.408l-22.501-22.501-.168-.162C181.365 66.333 177.361 64 169 64H57c-13.785 0-25 10.317-25 23v336c0 13.317 11.683 25 25 25h400c12.683 0 23-11.215 23-25V119c0-13.327-9.673-23-23-23zM57 80h112c3.497 0 3.737.189 6.175 2.488l22.417 22.418c4.84 4.84 10.372 7.094 17.408 7.094h242c4.448 0 7 2.552 7 7v42.376a23.885 23.885 0 0 0-8-1.376H56c-2.805 0-5.496.488-8 1.376V87c0-4.323 4.672-7 9-7zm407 343c0 4.328-2.677 9-7 9H57c-4.458 0-9-4.542-9-9V184c0-4.411 3.589-8 8-8h400c4.411 0 8 3.589 8 8v239z"/>\n            </symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-cloud-outline">\n                <path d="M399.3 232.8c0-1.2.2-2.4.2-3.6 0-64.3-52.8-117.2-116.8-117.2-46.1 0-85.8 27.9-104.4 67-8.1-4.1-17.1-6.4-26.8-6.4-29.6 0-54.1 23.7-58.9 52C57.4 236.8 32 268.8 32 308.4c0 49.8 40.1 91.6 89.6 91.6H398c45 0 82-38.9 82-84.3 0-45.6-35.4-82.8-80.7-82.9zm-1.8 150.8l-3.2.4H122.4c-40.9 0-74.2-34.9-74.2-76.1 0-31.9 20.2-58.4 50.2-68.8l8.4-3 1.5-8.8c3.6-21.6 22.1-39.3 43.9-39.3 6.9 0 13.7 1.6 19.9 4.8l13.5 6.8 6.5-13.7c16.6-34.9 52.1-58.2 90.4-58.2 55.3 0 100.9 44.1 100.9 99.7 0 13.3-.2 20.3-.2 20.3l15.2.1c36.7.5 65.6 30.5 65.6 67.4 0 36.9-29.8 68.2-66.5 68.4z"/>\n            </symbol>\n            <symbol viewBox="0 0 512 512" id="ion-wrench"><path d="M461.9 114.9l-56.5 56.7-55.1-10-9.9-55.1 56.5-56.7c-12.7-12.7-30.8-18.5-44.2-17.8-13.5.7-42.3 8.3-64.6 32-21.6 22.8-44.3 65.3-24.2 112.5 2.4 5.7 5.1 13.2-2.9 21.2-8.1 8-215 202.8-215 202.8-19.4 16.7-18 47.6-.1 65.6 18.2 17.9 48.9 19 65.6-.3 0 0 193.2-205.8 202.7-215.1 8.5-8.3 16.1-5.5 21.2-2.9 35.6 18.4 86.3 2.4 112.6-23.9 26.3-26.3 31.1-51.7 31.9-64.7.8-12.9-3.7-30-18-44.3zM91.3 443.2c-6.3 6.2-16.5 6.2-22.7 0-6.2-6.3-6.2-16.5 0-22.7 6.3-6.2 16.5-6.2 22.7 0 6.2 6.3 6.2 16.5 0 22.7z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-more"><path d="M113.7 304C86.2 304 64 282.6 64 256c0-26.5 22.2-48 49.7-48 27.6 0 49.8 21.5 49.8 48 0 26.6-22.2 48-49.8 48zM256 304c-27.5 0-49.8-21.4-49.8-48 0-26.5 22.3-48 49.8-48 27.5 0 49.7 21.5 49.7 48 0 26.6-22.2 48-49.7 48zM398.2 304c-27.5 0-49.8-21.4-49.8-48 0-26.5 22.2-48 49.8-48 27.5 0 49.8 21.5 49.8 48 0 26.6-22.2 48-49.8 48z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-code-working"><circle cx="184.166" cy="256.166" r="24"></circle><circle cx="256.166" cy="256.166" r="24"></circle><circle cx="328.166" cy="256.166" r="24"></circle><g><path d="M168 392a23.929 23.929 0 0 1-16.971-7.029l-112-112c-9.373-9.373-9.373-24.569 0-33.941l112-112c9.373-9.372 24.568-9.372 33.941 0 9.371 9.372 9.371 24.568 0 33.941L89.941 256l95.029 95.029c9.371 9.372 9.371 24.568 0 33.941A23.925 23.925 0 0 1 168 392zM344 392a23.929 23.929 0 0 0 16.971-7.029l112-112c9.373-9.373 9.373-24.569 0-33.941l-112-112c-9.373-9.372-24.568-9.372-33.941 0-9.371 9.372-9.371 24.568 0 33.941L422.059 256l-95.029 95.029c-9.371 9.372-9.371 24.568 0 33.941A23.925 23.925 0 0 0 344 392z"></path></g></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-gear"><path d="M416.349 256.046c-.001-21.013 13.143-38.948 31.651-46.062a196.302 196.302 0 0 0-23.664-57.139 49.423 49.423 0 0 1-20.082 4.254c-12.621 0-25.238-4.811-34.871-14.442-14.863-14.863-18.248-36.846-10.18-54.97A196.274 196.274 0 0 0 302.074 64C294.971 82.529 277.027 95.69 256 95.69c-21.025 0-38.969-13.161-46.073-31.69a196.243 196.243 0 0 0-57.128 23.688c8.068 18.122 4.683 40.104-10.181 54.97-9.631 9.631-22.25 14.443-34.871 14.443a49.429 49.429 0 0 1-20.083-4.255A196.273 196.273 0 0 0 64 209.984c18.509 7.112 31.652 25.049 31.652 46.062 0 21.008-13.132 38.936-31.63 46.054a196.318 196.318 0 0 0 23.692 57.128 49.428 49.428 0 0 1 20.032-4.232c12.622 0 25.239 4.812 34.871 14.443 14.841 14.841 18.239 36.781 10.215 54.889a196.257 196.257 0 0 0 57.13 23.673c7.128-18.479 25.046-31.596 46.038-31.596 20.992 0 38.91 13.115 46.037 31.596a196.234 196.234 0 0 0 57.132-23.675c-8.023-18.106-4.626-40.046 10.216-54.887 9.629-9.632 22.248-14.444 34.868-14.444 6.836 0 13.67 1.411 20.033 4.233a196.318 196.318 0 0 0 23.692-57.128c-18.498-7.119-31.629-25.048-31.629-46.054zM256.9 335.9c-44.3 0-80-35.9-80-80 0-44.101 35.7-80 80-80 44.299 0 80 35.899 80 80 0 44.1-35.701 80-80 80z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-arrow-expand"><path d="M274 209.7l63.9-63.8L288 96h128v128l-49.9-49.9-63.8 63.9zM274 302.3l63.9 63.8L288 416h128V288l-49.9 49.9-63.8-63.9zM238 302.3l-63.9 63.8L224 416H96V288l49.9 49.9 63.8-63.9zM238 209.7l-63.9-63.8L224 96H96v128l49.9-49.9 63.8 63.9z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-android-expand"><path d="M396.795 396.8H320V448h128V320h-51.205zM396.8 115.205V192H448V64H320v51.205zM115.205 115.2H192V64H64v128h51.205zM115.2 396.795V320H64v128h128v-51.205z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-arrow-move"><path d="M480 256l-96-96v76H276V128h76l-96-96-96 96h76v108H128v-76l-96 96 96 96v-76h108v108h-76l96 96 96-96h-76.2l-.4-108.5 108.6.3V352z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-drag"><path d="M0 144h512v32H0zM0 240h512v32H0zM0 336h512v32H0z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-link"><path d="M74.6 256c0-38.3 31.1-69.4 69.4-69.4h88V144h-88c-61.8 0-112 50.2-112 112s50.2 112 112 112h88v-42.6h-88c-38.3 0-69.4-31.1-69.4-69.4zm85.4 22h192v-44H160v44zm208-134h-88v42.6h88c38.3 0 69.4 31.1 69.4 69.4s-31.1 69.4-69.4 69.4h-88V368h88c61.8 0 112-50.2 112-112s-50.2-112-112-112z"/></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-contrast"><path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32zm135.8 359.8C355.5 428 307 448 256 448V64c51 0 99.5 20 135.8 56.2C428 156.5 448 204.7 448 256c0 51.3-20 99.5-56.2 135.8z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-plus-empty"><path d="M384 265H264v119h-17V265H128v-17h119V128h17v120h120v17z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-arrow-thin-up"><path d="M349.7 189.8c-3.1 3.1-8 3-11.3 0L264 123.4V408c0 4.4-3.6 8-8 8s-8-3.6-8-8V123.4l-74.4 66.3c-3.4 2.9-8.1 3.2-11.2.1-3.1-3.1-3.3-8.5-.1-11.4 0 0 87-79.2 88-80s2.8-2.4 5.7-2.4 4.9 1.6 5.7 2.4 88 80 88 80c1.5 1.5 2.3 3.6 2.3 5.7s-.8 4.1-2.3 5.7z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-arrow-thin-down"><path d="M349.7 322.2c-3.1-3.1-8-3-11.3 0L264 388.6V104c0-4.4-3.6-8-8-8s-8 3.6-8 8v284.6l-74.4-66.3c-3.4-2.9-8.1-3.2-11.2-.1-3.1 3.1-3.3 8.5-.1 11.4 0 0 87 79.2 88 80s2.8 2.4 5.7 2.4 4.9-1.6 5.7-2.4 88-80 88-80c1.5-1.5 2.3-3.6 2.3-5.7s-.8-4.1-2.3-5.7z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-arrow-thin-left"><path d="M189.8 349.7c3.1-3.1 3-8 0-11.3L123.4 264H408c4.4 0 8-3.6 8-8s-3.6-8-8-8H123.4l66.3-74.4c2.9-3.4 3.2-8.1.1-11.2-3.1-3.1-8.5-3.3-11.4-.1 0 0-79.2 87-80 88S96 253.1 96 256s1.6 4.9 2.4 5.7 80 88 80 88c1.5 1.5 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-arrow-thin-right"><path d="M322.2 349.7c-3.1-3.1-3-8 0-11.3l66.4-74.4H104c-4.4 0-8-3.6-8-8s3.6-8 8-8h284.6l-66.3-74.4c-2.9-3.4-3.2-8.1-.1-11.2 3.1-3.1 8.5-3.3 11.4-.1 0 0 79.2 87 80 88s2.4 2.8 2.4 5.7-1.6 4.9-2.4 5.7-80 88-80 88c-1.5 1.5-3.6 2.3-5.7 2.3s-4.1-.8-5.7-2.3z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-close-empty"><path d="M340.2 160l-84.4 84.3-84-83.9-11.8 11.8 84 83.8-84 83.9 11.8 11.7 84-83.8 84.4 84.2 11.8-11.7-84.4-84.3 84.4-84.2z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-android-more-vertical"><path d="M296 136c0-22.002-17.998-40-40-40s-40 17.998-40 40 17.998 40 40 40 40-17.998 40-40zm0 240c0-22.002-17.998-40-40-40s-40 17.998-40 40 17.998 40 40 40 40-17.998 40-40zm0-120c0-22.002-17.998-40-40-40s-40 17.998-40 40 17.998 40 40 40 40-17.998 40-40z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-quote"><path d="M192 64c-40.646 0-72.483 11.229-94.627 33.373C75.229 119.517 64 151.354 64 192v256h160V192h-96c0-23.056 4.922-39.666 14.627-49.373C152.334 132.922 168.944 128 192 128M416 64c-40.646 0-72.483 11.229-94.627 33.373C299.229 119.517 288 151.354 288 192v256h160V192h-96c0-23.056 4.922-39.666 14.627-49.373C376.334 132.922 392.944 128 416 128"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-code"><path d="M168 392a23.929 23.929 0 0 1-16.971-7.029l-112-112c-9.373-9.373-9.373-24.569 0-33.941l112-112c9.373-9.372 24.568-9.372 33.941 0 9.371 9.372 9.371 24.568 0 33.941L89.941 256l95.029 95.029c9.371 9.373 9.371 24.568 0 33.941A23.925 23.925 0 0 1 168 392zM344 392a23.929 23.929 0 0 0 16.971-7.029l112-112c9.373-9.373 9.373-24.569 0-33.941l-112-112c-9.373-9.372-24.568-9.372-33.941 0-9.371 9.372-9.371 24.568 0 33.941L422.059 256l-95.029 95.029c-9.371 9.373-9.371 24.568 0 33.941A23.925 23.925 0 0 0 344 392z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-camera"><path d="M430.4 147h-67.5l-40.4-40.8s-.2-.2-.3-.2l-.2-.2c-6-6-14.1-9.8-23.3-9.8h-84c-9.8 0-18.5 4.2-24.6 10.9v.1l-39.5 40h-69C63 147 48 161.6 48 180.2v202.1c0 18.6 15 33.7 33.6 33.7h348.8c18.5 0 33.6-15.1 33.6-33.7V180.2c0-18.6-15.1-33.2-33.6-33.2zM256 365.5c-50.9 0-92.4-41.6-92.4-92.6 0-51.1 41.5-92.6 92.4-92.6 51 0 92.4 41.5 92.4 92.6 0 51-41.4 92.6-92.4 92.6zm168.1-165c-7.7 0-14-6.3-14-14.1s6.3-14.1 14-14.1 14 6.3 14 14.1-6.3 14.1-14 14.1z"></path><path d="M256 202.9c-38.6 0-69.8 31.3-69.8 70 0 38.6 31.2 70 69.8 70 38.5 0 69.8-31.3 69.8-70s-31.3-70-69.8-70z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-move"><path d="M475.9 246.2l-79.4-79.4c-5.4-5.4-14.2-5.4-19.6 0l-.2.2c-5.4 5.4-5.4 14.2 0 19.6l54.9 54.9-161.8.5.5-161.8 54.9 54.9c5.4 5.4 14.2 5.4 19.6 0l.2-.2c5.4-5.4 5.4-14.2 0-19.6l-79.4-79.4c-5.4-5.4-14.2-5.4-19.6 0l-79.4 79.4c-5.4 5.4-5.4 14.2 0 19.6l.2.2c5.4 5.4 14.2 5.4 19.6 0l54.9-54.9.5 161.8-161.8-.5 54.9-54.9c5.4-5.4 5.4-14.2 0-19.6l-.2-.2c-5.4-5.4-14.2-5.4-19.6 0l-79.4 79.4c-5.4 5.4-5.4 14.2 0 19.6l79.4 79.4c5.4 5.4 14.2 5.4 19.6 0l.2-.2c5.4-5.4 5.4-14.2 0-19.6L80 270.5l161.8-.5-.5 161.8-54.9-54.9c-5.4-5.4-14.2-5.4-19.6 0l-.2.2c-5.4 5.4-5.4 14.2 0 19.6l79.4 79.4c5.4 5.4 14.2 5.4 19.6 0l79.4-79.4c5.4-5.4 5.4-14.2 0-19.6l-.2-.2c-5.4-5.4-14.2-5.4-19.6 0l-54.9 54.9-.5-161.8 161.8.5-54.9 54.9c-5.4 5.4-5.4 14.2 0 19.6l.2.2c5.4 5.4 14.2 5.4 19.6 0l79.4-79.4c5.5-5.4 5.5-14.2 0-19.6z"/></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-ok">\n                <rect x="0" y="0" width="2048.00" height="2048.00" fill="none" />\n                <g transform="matrix(1,0,0,1,1024.0,1024.0)">\n                <path d="M330.323,493.628 L330.323,398.406 L-330.323,398.406 L-330.323,493.628 L330.323,493.628 Z " fill="currentColor" fill-opacity="1.00" />\n                <path d="M230.718,468.568 L328.59,468.568 L328.59,-599.718 L230.718,-599.718 L230.718,468.568 Z " fill="currentColor" fill-opacity="1.00" />\n                <path d="M-300.714,376.053 L-373.748,449.088 L-68.5805,754.255 L4.45387,681.221 L-300.714,376.053 Z " fill="currentColor" fill-opacity="1.00" />\n                <path d="M-9.9476e-14,216.241 L-73.0344,143.207 L-378.202,448.375 L-305.168,521.409 L-9.9476e-14,216.241 Z " fill="currentColor" fill-opacity="1.00" />\n                </g>\n            </symbol>\n            <symbol viewBox="0 0 512 512" id="ion-grid"><path d="M160 153.3c0 3.7-3 6.7-6.7 6.7h-50.5c-3.7 0-6.7-3-6.7-6.7v-50.5c0-3.7 3-6.7 6.7-6.7h50.5c3.7 0 6.7 3 6.7 6.7v50.5zM288 153.3c0 3.7-3 6.7-6.7 6.7h-50.5c-3.7 0-6.7-3-6.7-6.7v-50.5c0-3.7 3-6.7 6.7-6.7h50.5c3.7 0 6.7 3 6.7 6.7v50.5zM416 153.3c0 3.7-3 6.7-6.7 6.7h-50.5c-3.7 0-6.7-3-6.7-6.7v-50.5c0-3.7 3-6.7 6.7-6.7h50.5c3.7 0 6.7 3 6.7 6.7v50.5z"></path><g><path d="M160 281.3c0 3.7-3 6.7-6.7 6.7h-50.5c-3.7 0-6.7-3-6.7-6.7v-50.5c0-3.7 3-6.7 6.7-6.7h50.5c3.7 0 6.7 3 6.7 6.7v50.5zM288 281.3c0 3.7-3 6.7-6.7 6.7h-50.5c-3.7 0-6.7-3-6.7-6.7v-50.5c0-3.7 3-6.7 6.7-6.7h50.5c3.7 0 6.7 3 6.7 6.7v50.5zM416 281.3c0 3.7-3 6.7-6.7 6.7h-50.5c-3.7 0-6.7-3-6.7-6.7v-50.5c0-3.7 3-6.7 6.7-6.7h50.5c3.7 0 6.7 3 6.7 6.7v50.5z"></path></g><g><path d="M160 409.3c0 3.7-3 6.7-6.7 6.7h-50.5c-3.7 0-6.7-3-6.7-6.7v-50.5c0-3.7 3-6.7 6.7-6.7h50.5c3.7 0 6.7 3 6.7 6.7v50.5zM288 409.3c0 3.7-3 6.7-6.7 6.7h-50.5c-3.7 0-6.7-3-6.7-6.7v-50.5c0-3.7 3-6.7 6.7-6.7h50.5c3.7 0 6.7 3 6.7 6.7v50.5zM416 409.3c0 3.7-3 6.7-6.7 6.7h-50.5c-3.7 0-6.7-3-6.7-6.7v-50.5c0-3.7 3-6.7 6.7-6.7h50.5c3.7 0 6.7 3 6.7 6.7v50.5z"></path></g></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-gear-b"><path d="M448 294.4v-76.8h-42.8c-3.4-14.4-8.9-28-16.1-40.5l29.8-29.7-54.3-54.3-29.1 29.1c-12.6-7.7-26.4-13.5-41.1-17.3V64h-76.8v40.9c-14.7 3.8-28.5 9.7-41.1 17.3l-29.1-29.1-54.3 54.3 29.8 29.7c-7.2 12.5-12.6 26.1-16.1 40.5H64v76.8h44.1c3.8 13.7 9.5 26.6 16.7 38.6l-31.7 31.7 54.3 54.3 32.3-32.3c11.7 6.8 24.5 11.9 37.9 15.4v46h76.8v-46c13.5-3.5 26.2-8.6 37.9-15.4l32.3 32.3 54.3-54.3-31.6-31.7c7.2-11.9 12.9-24.8 16.7-38.6h44zm-192 15.4c-29.7 0-53.7-24.1-53.7-53.8s24-53.8 53.7-53.8 53.8 24.1 53.8 53.8-24.1 53.8-53.8 53.8z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-grid-view-outline"><path d="M448 192v-16H336V64h-16v112H192V64h-16v112H64v16h112v128H64v16h112v112h16V336h128v112h16V336h112v-16H336V192h112zM320 320H192V192h128v128z"></path></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-increase"><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M852.574,595.004 L852.574,507.837 L-852.574,507.837 L-852.574,595.004 L852.574,595.004 Z " /><path d="M852.574,224.232 L852.574,137.066 L-852.574,137.066 L-852.574,224.232 L852.574,224.232 Z " /><path d="M852.574,-134.971 L852.574,-222.138 L-852.574,-222.138 L-852.574,-134.971 L852.574,-134.971 Z " /><path d="M852.574,-505.743 L852.574,-592.909 L-852.574,-592.909 L-852.574,-505.743 L852.574,-505.743 Z " /></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-decrease"><g transform="matrix(1,0,0,1,1024.0,1024.0)"><path d="M509.832,595.004 L509.832,507.837 L-509.832,507.837 L-509.832,595.004 L509.832,595.004 Z " /><path d="M509.832,224.232 L509.832,137.066 L-509.832,137.066 L-509.832,224.232 L509.832,224.232 Z " /><path d="M509.832,-136.947 L509.832,-224.113 L-509.832,-224.113 L-509.832,-136.947 L509.832,-136.947 Z " /><path d="M509.832,-505.743 L509.832,-592.909 L-509.832,-592.909 L-509.832,-505.743 L509.832,-505.743 Z " /></g></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-strike">\n                <g transform="matrix(1,0,0,1,1024.0,1024.0)">\n                <path d="M298.298,-653.766 C292.151,-624.873 284.005,-605.663 273.862,-596.135 C263.719,-586.607 250.656,-581.842 234.673,-581.842 C220.535,-581.842 196.253,-589.526 161.828,-604.895 C87.4454,-637.475 17.0588,-653.766 -49.3321,-653.766 C-155.68,-653.766 -243.28,-621.339 -312.129,-556.485 C-380.979,-491.631 -415.404,-414.328 -415.404,-324.578 C-415.404,-272.94 -403.724,-225.606 -380.364,-182.575 C-357.005,-139.544 -322.733,-100.201 -277.551,-64.5467 C-232.368,-28.8923 -156.295,18.903 -49.3321,78.8392 C57.631,138.775 123.1,177.964 147.074,196.406 C182.729,223.455 209.008,252.654 225.913,284.005 C242.819,315.357 251.271,346.401 251.271,377.137 C251.271,432.463 228.987,480.412 184.419,520.984 C139.851,561.556 79.1465,581.842 2.30524,581.842 C-64.0856,581.842 -125.098,567.089 -180.731,537.582 C-236.364,508.075 -277.704,471.037 -304.753,426.469 C-331.801,381.901 -353.316,314.742 -369.299,224.991 L-403.417,224.991 L-403.417,653.766 L-369.299,653.766 C-364.996,624.873 -358.388,605.817 -349.474,596.596 C-340.561,587.375 -328.42,582.764 -313.051,582.764 C-297.068,582.764 -259.109,592.446 -199.173,611.81 C-139.236,631.174 -99.74,642.393 -80.6834,645.467 C-48.7174,651 -14.5998,653.766 21.6692,653.766 C137.239,653.766 231.753,619.495 305.214,550.952 C378.674,482.41 415.404,400.804 415.404,306.136 C415.404,256.343 403.878,208.701 380.826,163.211 C357.773,117.721 324.885,78.2244 282.161,44.7216 C239.438,11.2188 159.676,-36.8838 42.8774,-99.5863 C-100.355,-176.428 -191.027,-237.901 -229.141,-284.005 C-255.574,-315.357 -268.791,-350.089 -268.791,-388.202 C-268.791,-437.995 -247.89,-482.41 -206.088,-521.445 C-164.287,-560.48 -111.42,-579.998 -47.4879,-579.998 C9.06727,-579.998 63.7783,-565.552 116.645,-536.66 C169.512,-507.767 210.238,-468.732 238.823,-419.554 C267.408,-370.375 287.233,-304.292 298.298,-221.303 L332.415,-221.303 L332.415,-653.766 L298.298,-653.766 Z " fill="currentColor" fill-opacity="1.00" /><path d="M-530.954,-41.4477 L-530.954,41.4477 L530.954,41.4477 L530.954,-41.4477 L-530.954,-41.4477 Z " fill="currentColor" fill-opacity="1.00" /></g></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-undo"><path d="M447.9 368.2c0-16.8 3.6-83.1-48.7-135.7-35.2-35.4-80.3-53.4-143.3-56.2V96L64 224l192 128v-79.8c40 1.1 62.4 9.1 86.7 20 30.9 13.8 55.3 44 75.8 76.6l19.2 31.2H448c0-10.1-.1-22.9-.1-31.8z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-redo"><path d="M64 400h10.3l19.2-31.2c20.5-32.7 44.9-62.8 75.8-76.6 24.4-10.9 46.7-18.9 86.7-20V352l192-128L256 96v80.3c-63 2.8-108.1 20.7-143.3 56.2C60.4 285.2 64 351.5 64 368.2c.1 8.9 0 21.7 0 31.8z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-android-arrow-dropdown"><path d="M128 192l128 128 128-128z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-social-twitter"><path d="M492 109.5c-17.4 7.7-36 12.9-55.6 15.3 20-12 35.4-31 42.6-53.6-18.7 11.1-39.4 19.2-61.5 23.5C399.8 75.8 374.6 64 346.8 64c-53.5 0-96.8 43.4-96.8 96.9 0 7.6.8 15 2.5 22.1-80.5-4-151.9-42.6-199.6-101.3-8.3 14.3-13.1 31-13.1 48.7 0 33.6 17.2 63.3 43.2 80.7-16-.4-31-4.8-44-12.1v1.2c0 47 33.4 86.1 77.7 95-8.1 2.2-16.7 3.4-25.5 3.4-6.2 0-12.3-.6-18.2-1.8 12.3 38.5 48.1 66.5 90.5 67.3-33.1 26-74.9 41.5-120.3 41.5-7.8 0-15.5-.5-23.1-1.4C62.8 432 113.7 448 168.3 448 346.6 448 444 300.3 444 172.2c0-4.2-.1-8.4-.3-12.5C462.6 146 479 129 492 109.5z"></path></symbol>\n            <symbol viewBox="0 0 24 24" id="icon-zoom-in" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <circle cx="10" cy="10" r="7"></circle>\n                <line x1="7" y1="10" x2="13" y2="10"></line>\n                <line x1="10" y1="7" x2="10" y2="13"></line>\n                <line x1="21" y1="21" x2="15" y2="15"></line>\n            </symbol>\n            <symbol viewBox="0 0 512 512" id="ion-android-contract"><path d="M64 371.2h76.795V448H192V320H64v51.2zm76.795-230.4H64V192h128V64h-51.205v76.8zM320 448h51.2v-76.8H448V320H320v128zm51.2-307.2V64H320v128h128v-51.2h-76.8z"></path></symbol>\n            \n            <symbol viewBox="0 0 24 24" id="icon-lock-off" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n                <line x1="3" y1="3" x2="21" y2="21" />\n                <path d="M19 19a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2h4m4 0h2a2 2 0 0 1 2 2v2" />\n                <circle cx="12" cy="16" r="1" />\n                <path d="M8 11v-3m.712 -3.278a4 4 0 0 1 7.288 2.278v4" />\n            </symbol>\n            <symbol viewBox="0 0 24 24" id="icon-lock" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n                <rect x="5" y="11" width="14" height="10" rx="2" />\n                <circle cx="12" cy="16" r="1" />\n                <path d="M8 11v-4a4 4 0 0 1 8 0v4" />\n            </symbol>\n            <symbol viewBox="0 0 24 24" id="icon-code" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z"/>\n                <polyline points="7 8 3 12 7 16" />\n                <polyline points="17 8 21 12 17 16" />\n                <line x1="14" y1="4" x2="10" y2="20" />\n            </symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-cloud-upload-outline">\n                <path d="M193.3 260.4l-11.6-11.6 74.5-74.3 74.5 74.3-11.7 11.6-54.6-54.6v241.8h-16.5V205.8z"/>\n                <path d="M399.3 183.6c0-1.2.2-2.4.2-3.6 0-64.3-52.8-116.4-116.8-116.4-46.1 0-85.8 27.1-104.4 66.3-8.1-4.1-17.1-6.4-26.8-6.4-29.6 0-54.1 23.6-58.9 52C57.4 187.6 32 222.2 32 261.8c0 49.7 40.1 90.2 89.6 90.2H213v-16h-90.6c-40.9 0-74.2-33.5-74.2-74.6 0-31.8 20.2-61.2 50.2-71.6l8.4-2.9 1.5-8.8c3.6-21.6 22.1-39.3 43.9-39.3 6.9 0 13.7 1.6 19.9 4.8l13.5 6.8 6.5-13.7c16.6-34.9 52.1-57.4 90.4-57.4 55.3 0 100.9 43.3 100.9 98.9 0 13.3-.2 20.3-.2 20.3l15.2.1c36.6.5 65.6 33.4 65.6 70.3 0 36.8-29.8 66.9-66.5 67.1H297v16h101c45 0 82-37.3 82-82.8s-35.5-85.5-80.7-85.6z"/>\n            </symbol>\n            <symbol viewBox="0 0 512 512" id="ion-volume-medium">\n                <path d="M270 407.7V104.4L175.3 192H71v128h104.3zm56.3-52.1c20.5-27.8 32.8-62.3 32.8-99.6 0-37.4-12.3-71.8-32.8-99.6l-20.4 15.3c17.4 23.6 27.8 52.7 27.8 84.3 0 31.6-10.4 60.7-27.8 84.3l20.4 15.3zm66.5 46c30-40.7 48-91 48-145.6s-18-104.9-48-145.6l-20.4 15.3c26.9 36.4 43 81.4 43 130.3 0 48.9-16.1 93.8-43 130.3l20.4 15.3z"/>\n            </symbol>\n\n            <symbol id="icon-list-search" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M15 15m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path>\n                <path d="M18.5 18.5l2.5 2.5"></path>\n                <path d="M4 6h16"></path>\n                <path d="M4 12h4"></path>\n                <path d="M4 18h4"></path>\n            </symbol>\n            <symbol id="icon-folder" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2"></path>\n            </symbol>\n            <symbol id="icon-folder-media" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2"></path>\n\n                <path d="M12 20h-5a3 3 0 0 1 -3 -3v-10a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v5"></path>\n                <path d="M4 15l4 -4c.928 -.893 2.072 -.893 3 0l4 4"></path>\n                <path d="M14 14l1 -1c.617 -.593 1.328 -.793 2.009 -.598"></path>\n            </symbol>\n\n            <symbol id="icon-reload" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M19.933 13.041a8 8 0 1 1 -9.925 -8.788c3.899 -1.002 7.935 1.007 9.425 4.747"></path>\n                <path d="M20 4v5h-5"></path>\n            </symbol>\n            <symbol id="icon-devices" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <rect x="13" y="8" width="8" height="12" rx="1"></rect>\n                <path d="M18 8v-3a1 1 0 0 0 -1 -1h-13a1 1 0 0 0 -1 1v12a1 1 0 0 0 1 1h9"></path>\n                <line x1="16" y1="9" x2="18" y2="9"></line>\n            </symbol>  \n            <symbol id="icon-device-desktop" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <rect x="3" y="4" width="18" height="12" rx="1"></rect>\n                <line x1="7" y1="20" x2="17" y2="20"></line>\n                <line x1="9" y1="16" x2="9" y2="20"></line>\n                <line x1="15" y1="16" x2="15" y2="20"></line>\n            </symbol>\n            <symbol id="icon-device-mobile" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <rect x="6" y="3" width="12" height="18" rx="2"></rect>\n                <line x1="11" y1="4" x2="13" y2="4"></line>\n                <line x1="12" y1="17" x2="12" y2="17.01"></line>\n            </symbol>\n            <symbol id="icon-device-laptop" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <line x1="3" y1="19" x2="21" y2="19"></line>\n                <rect x="5" y="6" width="14" height="10" rx="1"></rect>\n            </symbol>\n            <symbol id="icon-device-tablet" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <rect x="5" y="3" width="14" height="18" rx="1"></rect>\n                <circle cx="12" cy="17" r="1"></circle>\n            </symbol>\n\n            <symbol id="icon-eye" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0m13 0c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7"></path>\n            </symbol>\n            <symbol id="icon-eye-off" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M9.88 9.878a3 3 0 1 0 4.243 4.242m.581 -3.42a3.012 3.012 0 0 0 -1.45 -1.426m-3.877 -3.913a9.469 9.469 0 0 1 2.623 -.361c4 0 7.333 2.333 10 7c-.778 1.362 -1.613 2.524 -2.504 3.489m-2.138 1.859c-1.629 1.101 -3.415 1.652 -5.358 1.652c-4 0 -7.333 -2.333 -10 -7c1.374 -2.404 2.924 -4.189 4.652 -5.354m-3.652 -3.646l18 18"></path>\n            </symbol>\n\n            <symbol id="icon-download" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2"></path>\n                <path d="M7 11l5 5l5 -5"></path>\n                <path d="M12 4l0 12"></path>\n            </symbol>\n\n            <symbol id="icon-message-search" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M8 9h8"></path>\n                <path d="M8 13h5"></path>\n                <path d="M12 21l-.5 -.5l-2.5 -2.5h-3a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v4.5"></path>\n                <path d="M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>\n                <path d="M20.2 20.2l1.8 1.8"></path>\n            </symbol>\n            \n            </defs>\n        </svg>'),this.preferences=new Dv(this),(e=>{const t=e.util,i=e.builderStuff,n=new Os(e),o=new qs(e),s=e.dom;let a="";e.opts.rowHtmlEditor&&(a=`<button tabindex="-1" title="${t.out("HTML")}" class="row-html">\n            <svg class="is-icon-flex" style="margin-right:-3px;width:12px;height:12px;"><use xlink:href="#ion-ios-arrow-left"></use></svg><svg class="is-icon-flex" style="margin-left:-2px;width:12px;height:12px;"><use xlink:href="#ion-ios-arrow-right"></use></svg>\n        </button>`);let l="";e.opts.columnHtmlEditor&&(l=`<button tabindex="-1" title="${t.out("HTML")}" class="cell-html">\n            <svg class="is-icon-flex" style="margin-right:-3px;width:12px;height:12px;"><use xlink:href="#ion-ios-arrow-left"></use></svg><svg class="is-icon-flex" style="margin-left:-2px;width:12px;height:12px;"><use xlink:href="#ion-ios-arrow-right"></use></svg>\n        </button>`);const r=`<div class="is-modal is-modal-content grideditor" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">\n        <div class="is-modal-bar is-draggable">\n            <button class="is-modal-close" tabindex="-1" title="${t.out("Close")}">&#10005;</button>\n        </div>\n        <div style="padding:13px 0 5px 18px;font-size:10px;text-transform:uppercase;letter-spacing:1px;">${t.out("Row")}</div>\n        <div style="display:flex;flex-flow:wrap;">\n            <button tabindex="-1" title="${t.out("Add")}" class="row-add"><svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Duplicate")}" class="row-duplicate" style="display: block;"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-ios-photos-outline"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Move Up")}" class="row-up" style="display: block;"><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#ion-ios-arrow-thin-up"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Move Down")}" class="row-down" style="display: block;"><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#ion-ios-arrow-thin-down"></use></svg></button>\n            ${a}\n            <button tabindex="-1" title="${t.out("Delete")}" class="row-remove"><svg class="is-icon-flex" style="width:20px;height:20px;"><use xlink:href="#ion-ios-close-empty"></use></svg></button>\n        </div>\n        <div style="padding:8px 0 5px 18px;font-size:11px;text-transform:uppercase;letter-spacing:1px;">${t.out("Column")}</div>\n        <div style="display:flex;flex-flow:wrap;">\n            <button tabindex="-1" title="${t.out("Add")}" class="cell-add"><svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Duplicate")}" class="cell-duplicate"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-ios-photos-outline"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Move Up")}" class="cell-up"><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#ion-ios-arrow-thin-up"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Move Down")}" class="cell-down"><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#ion-ios-arrow-thin-down"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Move Left")}" class="cell-prev"><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#ion-ios-arrow-thin-left"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Move Right")}" class="cell-next"><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#ion-ios-arrow-thin-right"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Increase")}" class="cell-increase"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-increase"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Decrease")}" class="cell-decrease"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#icon-decrease"></use></svg></button>\n            ${l}\n            <button tabindex="-1" title="${t.out("Delete")}" class="cell-remove"><svg class="is-icon-flex" style="width:20px;height:20px;"><use xlink:href="#ion-ios-close-empty"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Lock")}" class="cell-locking"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#icon-lock"></use></svg></button>\n            <button tabindex="-1" title="${t.out("Column Settings")}" class="cell-settings"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-ios-gear"></use></svg></button>\n               \n            <div class="is-separator">\n                <button tabindex="-1" title="${t.out("Outline")}" class="grid-outline"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-ios-grid-view-outline"></use></svg></button>\n                \x3c!--<button tabindex="-1" title="${t.out("Element Tool")}" class="cell-elmtool"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-ios-gear"></use></svg></button>--\x3e\n            </div>\n        </div>\n    </div>`;s.appendHtml(i,r),new Us({selector:".is-draggable"});const d=document.querySelector(".grideditor");document.addEventListener("click",(e=>{var t=(e=e||window.event).target||e.srcElement;if(s.hasClass(d,"active")){let e=s.parentsHasClass(t,"is-builder"),i=s.parentsHasClass(t,"grideditor"),n=s.parentsHasClass(t,"is-modal"),o=s.parentsHasClass(t,"is-pop"),a=s.parentsHasClass(t,"rte-grideditor")||s.hasClass(t,"rte-grideditor");if(e||i||n||o||a)return void(d.style.display="");d.style.display="none"}}),!1);let c=d.querySelector(".is-modal-close");s.addEventListener(c,"click",(()=>{s.removeClass(d,"active");const t=e.doc.querySelectorAll(e.opts.container);Array.prototype.forEach.call(t,(e=>{e.removeAttribute("grideditor")}))}));const u=d.querySelector(".grid-outline");s.addEventListener(u,"click",(()=>{const t=e.doc.querySelectorAll(e.opts.container);Array.prototype.forEach.call(t,(e=>{e.hasAttribute("gridoutline")?(e.removeAttribute("gridoutline"),s.removeClass(u,"on")):(e.setAttribute("gridoutline",""),s.addClass(u,"on"))}))}));const p=Ms(e),h=d.querySelector(".cell-add");s.addEventListener(h,"click",(()=>{p.querySelector(".is-pop-tabs").style.display="flex";const e=h.getBoundingClientRect().top+window.pageYOffset,i=h.getBoundingClientRect().left+window.pageXOffset;t.showPop(p,!1,h);const n=p.offsetWidth;p.style.top=e+"px",p.style.left=i-n-8+"px",s.removeClass(p,"arrow-bottom"),s.removeClass(p,"arrow-left"),s.removeClass(p,"arrow-top"),s.removeClass(p,"center"),s.removeClass(p,"left"),s.addClass(p,"arrow-right"),s.addClass(p,"right"),"left"===p.querySelector(".active").getAttribute("data-value")?p.setAttribute("data-mode","cell-left"):p.setAttribute("data-mode","cell-right")})),c=d.querySelector(".cell-prev"),s.addEventListener(c,"click",(()=>{n.moveColumnPrevious(),t.clearControls()})),c=d.querySelector(".cell-next"),s.addEventListener(c,"click",(()=>{n.moveColumnNext(),t.clearControls()})),c=d.querySelector(".cell-increase"),s.addEventListener(c,"click",(()=>{n.increaseColumn(),t.clearControls()})),c=d.querySelector(".cell-decrease"),s.addEventListener(c,"click",(()=>{n.decreaseColumn(),t.clearControls()})),c=d.querySelector(".cell-up"),s.addEventListener(c,"click",(()=>{n.moveColumnUp(),t.clearControls()})),c=d.querySelector(".cell-down"),s.addEventListener(c,"click",(()=>{n.moveColumnDown(),t.clearControls()})),c=d.querySelector(".cell-duplicate"),s.addEventListener(c,"click",(()=>{n.duplicateColumn(),t.clearControls()})),c=d.querySelector(".cell-remove"),s.addEventListener(c,"click",(()=>{n.removeColumn(),t.clearControls()}));const m=d.querySelector(".cell-html");m&&s.addEventListener(m,"click",(()=>{t.cellSelected()&&o.view("cell",!1,m)}));const g=d.querySelector(".cell-settings");g&&s.addEventListener(g,"click",(()=>{const i=t.cellSelected();if(!i)return;e.colTool.readCellStyles(i),t.saveSelection();const n=document.querySelector(".is-modal.columnsettings");t.showModal(n,!1,(()=>{"flex"===e.builderStuff.querySelector(".is-rte-tool").style.display&&(t.restoreSelection(),g.removeAttribute("data-focus"),g.focus())})),g.setAttribute("data-focus",!0)}));const b=d.querySelector(".cell-locking");b&&s.addEventListener(b,"click",(i=>{let n=t.cellSelected();n&&(n.hasAttribute("data-noedit")?(n.removeAttribute("data-noedit"),n.contentEditable=!0,s.removeClass(b,"on")):(n.setAttribute("data-noedit",""),n.contentEditable=!1,s.addClass(b,"on"),t.clearActiveElement(!0)),e.colTool.showHideLockIndicator(n),e.element.applyBehavior(n),i.preventDefault())}));const f=d.querySelector(".row-add");s.addEventListener(f,"click",(()=>{p.querySelector(".is-pop-tabs").style.display="none";const e=f.getBoundingClientRect().top+window.pageYOffset,i=f.getBoundingClientRect().left+window.pageXOffset;t.showPop(p,!1,f);const n=p.offsetWidth;p.style.top=e+"px",p.style.left=i-n-8+"px",s.removeClass(p,"arrow-bottom"),s.removeClass(p,"arrow-left"),s.removeClass(p,"arrow-top"),s.removeClass(p,"center"),s.removeClass(p,"left"),s.addClass(p,"arrow-right"),s.addClass(p,"right"),p.setAttribute("data-mode","row")})),c=d.querySelector(".row-up"),s.addEventListener(c,"click",(()=>{n.moveRowUp(),t.clearControls()})),c=d.querySelector(".row-down"),s.addEventListener(c,"click",(()=>{n.moveRowDown(),t.clearControls()})),c=d.querySelector(".row-duplicate"),s.addEventListener(c,"click",(()=>{n.duplicateRow(),t.clearControls()})),c=d.querySelector(".row-remove"),s.addEventListener(c,"click",(()=>{n.removeRow(),t.clearControls()}));const v=d.querySelector(".row-html");v&&s.addEventListener(v,"click",(()=>{t.cellSelected()&&o.view("row",!1,v)}))})(this),this.preview=!1;const d=this.doc.querySelectorAll(this.opts.container);Array.prototype.forEach.call(d,(e=>{this.dom.hasClass(e,"preview")&&(this.preview=!0)})),this.preview||this.opts.snippetJSON.snippets.length>0&&Xl(this),this.colTool=new lv(this),this._rowTool=new sv(this),this.livePreview=new ny(this),this.mediaPicker=new ty(this);var c=this.opts.onChange;if(this.opts.onChange=()=>{var e=c.apply(this,arguments);return this.activeCol&&this.util.repositionColumnTool(),this.elmTool.repositionElementTool(!0),this.element.image.imageTool.style.display="",this.element.module.moduleTool.style.display="",this.colTool.lockIndicator.style.display="",e},this.elmTool=new Pv(this),this.element=new Pf(this),this.rte=new Uv(this),this.tooltip=new Yv(this),this.lightbox=new Xv(this),this.preview||this.applyBehavior(),!this.preview)if(this.opts.plugins.length>0)this.loadPlugins();else if(void 0===this.opts.scriptPath&&""===this.opts.pluginPath);else if(!this.opts.disableConfig){let e=this.opts.scriptPath+"config.js";""!==this.opts.pluginPath&&(e=this.opts.pluginPath+"config.js"),this.loadScript(e).then((()=>{this.opts.plugins.length>0&&this.loadPlugins()}),(()=>{console.log("Fail to load config")}))}this.tabs=new Zv,this.colorPicker=new Hf({lang:this.opts.lang,colors:this.opts.colors}),this.colorClassPicker=new jv({lang:this.opts.lang}),this.ShortcutInfo=new Vv(this),this.opts.isContentBox||null!==localStorage.getItem("_dictation")&&localStorage.removeItem("_dictation"),this.dictation=new ry({},this),this.lib=new oy(this),this.similarity=new uy(this),this.iframe&&(this.win.addEventListener("scroll",this.doWindowScroll=()=>{this.util.hidePops()}),this.win.addEventListener("resize",this.doWindowResize=()=>{this.util.clearActiveCell(),this.util.clearControls()})),document.addEventListener("click",this.doDocumentClick=e=>{let t,i=(e=e||window.event).target||e.srcElement;if(!i)return;i.parentNode&&(t=this.dom.hasClass(i.parentNode,"is-builder"));let n=this.dom.hasClass(i,"is-builder"),o=!1,a=!1,l=!1,r=!1,d=!1,c=!1,u=!1,p=!1,h=!1,m=!1,g=!1,b=!1,f=!1,v=!1,y=!1,x=i;for(;x&&x.tagName&&"BODY"!==x.tagName&&"HTML"!==x.tagName;){if(this.dom.hasClass(x,"is-builder")&&(o=!0),this.dom.hasClass(x,"is-subblock")&&(v=!0),this.dom.hasClass(x,"is-modal")&&(a=!0),(this.dom.hasClass(x,"is-side")||this.dom.hasClass(x,"is-sidebar"))&&(l=!0),this.dom.hasClass(x,"is-pop")&&(r=!0),this.dom.hasClass(x,"is-tool")&&(d=!0),(this.dom.hasClass(x,"is-rte-tool")||this.dom.hasClass(x,"is-elementrte-tool"))&&(c=!0),this.dom.hasClass(x,"is-rte-pop")&&(u=!0),this.dom.hasClass(x,"row-add-initial")&&(p=!0),(this.dom.hasClass(x,"sl-wrapper")||this.dom.hasClass(x,"sl-overlay")||this.dom.hasClass(x,"sl-close"))&&(h=!0),(this.dom.hasClass(x,"is-selectbox")||this.dom.hasClass(x,"is-selectbox-options"))&&(m=!0),this.opts.specialElementClasses)for(let e=0;e<this.opts.specialElementClasses.length;e++)this.dom.hasClass(x,this.opts.specialElementClasses[e])&&(y=!0);"divImageTool"===x.id&&(g=!0),"divImageResizer"===x.id&&(b=!0),this.preserveSelection&&(f=!0),x=x.parentNode}if(!m){let e=document.querySelectorAll(".is-selectbox-options");Array.prototype.forEach.call(e,(e=>{e.style.display="none"}))}let _=!1,w=document.querySelector("#divImageResizer");if(w&&"1"===w.getAttribute("data-resized")&&(_=!0),!_){if(!(a||h||g||b||"img"===i.tagName.toLowerCase())){document.querySelector("#divImageTool").style.display="";let e=document.querySelector("#divImageResizer");e.style.display="none",e.style.top="-10px",e.style.left="-10px",e.style.width="1px",e.style.height="1px",this.moveable&&(this.moveable.updateRect(),document.querySelector(".moveable-control-box").style.display="none")}if(!(o||v||a||l||r||d||c||u||p||h||f||y)||t&&!p||n){if(!this.dom.getSelected()){document.querySelector(".is-modal.active:not(.is-modal-content)")||(s.clearActiveCell(),s.clearControls(),"auto"!==this.toolbarDisplay&&this.rte.showDefaultToolbar())}this.element.hyperlink.buttonEditor.hide()}if(this.activeLinkButton||this.activeButton||i.closest(".buttoneditor")||i.closest(".link-button-edit")||i.closest(".is-modal")||this.element.hyperlink.buttonEditor.hide(),!r&&!this.dom.parentsHasId(i,"_cbhtml")){const e=document.querySelectorAll(".is-pop");Array.prototype.forEach.call(e,(e=>{this.dom.parentsHasId(e,"_cbhtml")||(e.style.display="")}))}}}),this.iframe&&this.doc.addEventListener("click",this.doDocumentClick),this.doc.addEventListener("mousedown",this.doDocumentMousedown=e=>{var t=(e=e||window.event).target||e.srcElement;this.dom.parentsHasClass(t,"row-handle")&&s.clearControls()}),document.addEventListener("keydown",this.doDocumentKeydown=e=>{90===e.which&&(e.ctrlKey||e.metaKey)&&(e.shiftKey?this.uo.doRedo():e.altKey||this.uo.doUndo()),89===e.which&&e.ctrlKey&&(e.altKey||this.uo.doRedo());(e.ctrlKey||e.metaKey)&&191===e.which&&this.ShortcutInfo.open()}),this.iframe&&this.doc.addEventListener("keydown",this.doDocumentKeydown),document.body.addEventListener("mscontrolselect",(function(e){e.preventDefault()})),window._cb=this,window.applyLargerImage=this.applyLargerImage.bind(this),window.returnUrl=this.returnUrl.bind(this),window.selectFile=this.selectFile.bind(this),window.selectImage=this.selectImage.bind(this),window.selectVideo=this.selectVideo.bind(this),window.selectAsset=this.selectAsset.bind(this),window.assetType=this.assetType.bind(this),window.hideModal=this.hideModal.bind(this),setTimeout((()=>{(null!=localStorage.getItem("_livepreview")||this.opts.livePreviewOpen)&&this.openPreview()}),300)}static run(e={}){return new py(e)}setZoom(){if(""!==this.opts.page){const e=this.doc.querySelector(this.opts.page);e.style.transform=`scale(${this.opts.zoom})`,this.setZoomOnControl(e)}else{this.doc.querySelectorAll(this.opts.container).forEach((e=>{let t=!1;e.style.transform||(t=!0),t&&(e.style.transition="none"),e.style.transform=`scale(${this.opts.zoom})`,t&&setTimeout((()=>{e.style.transition=""}),300),this.setZoomOnControl(e)}))}}backwardCompatible(){this.builderStuff.querySelector('style[data-rel="css-new"]')||this.builderStuff.insertAdjacentHTML("afterbegin",'\n            <style data-rel="css-new">\n                \n        .row-active .is-col-tool {\n            display: flex;\n        }\n        .is-builder[rowoutline] .row-active .is-col-tool {\n            display: none;\n        }\n        .is-builder[hidecolumntool] .row-active .is-col-tool {\n            display: none;\n        }\n\n        .is-tool.is-col-tool {\n            flex-direction: row;\n            margin-top: 0px;\n            margin-left: -1px;\n        }\n        .is-tool.is-col-tool button {\n            width: 25px;\n            height: 25px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n        .is-tool.is-col-tool .cell-add {\n            background: #0fcc52;\n        }\n        .is-tool.is-col-tool .cell-more {\n            background: rgba(216, 200, 6, 0.9);\n        }\n        .is-tool.is-col-tool .cell-remove {\n            background: rgba(255, 85, 4, 0.9);\n        }\n        .is-tool.is-col-tool svg {\n            width: 23px;\n            height: 23px;\n            fill: #fff  !important;\n        }\n        .is-tool.is-col-tool .cell-more svg {\n            width: 14px;\n            height: 14px;\n        }\n\n\n        .is-builder[gray] .is-tool.is-col-tool {\n            background: rgba(243, 243, 243, 0.9);\n            flex-direction: row;\n            top:-3px;\n            margin-top: 0px;\n            margin-left: -1px;\n        }\n        .is-builder[gray] .is-tool.is-col-tool button {\n            width: 27px;\n            height: 27px;\n        }\n        .is-builder[gray] .is-tool.is-col-tool .cell-add {\n            background: transparent;\n        }\n        .is-builder[gray] .is-tool.is-col-tool .cell-more {\n            background: transparent;\n        }\n        .is-builder[gray] .is-tool.is-col-tool .cell-remove {\n            background: transparent;\n        }\n        .is-builder[gray] .is-tool.is-col-tool svg {\n            width: 18px;\n            height: 18px;\n            fill: #000 !important;\n        }\n        .is-builder[gray] .is-tool.is-col-tool .cell-more svg {\n            width: 12px;\n            height: 12px;\n        }\n\n\n        .is-col-tool svg {\n            display: initial !important;\n        }\n        \n        \n            </style>\n            ')}setZoomOnControl(e){e.querySelectorAll(".is-row-tool").forEach((e=>{e.style.transform=`scale(${1/this.opts.zoom})`,e.style.transformOrigin="top"}));e.querySelectorAll(".is-col-tool").forEach((e=>{e.style.transform=`scale(${1/this.opts.zoom})`,e.style.transformOrigin="top left",e.style.marginTop=-27/this.opts.zoom+"px"}));e.querySelectorAll(".is-rowadd-tool button").forEach((e=>{e.style.transform=`scale(${1/this.opts.zoom})`}))}setZoomOnArea(){if(""!==this.opts.page){this.doc.querySelector(this.opts.page).style.transform=`scale(${this.opts.zoom})`}else{this.doc.querySelectorAll(this.opts.container).forEach((e=>{let t=!1;e.style.transform||(t=!0),t&&(e.style.transition="none"),e.style.transform=`scale(${this.opts.zoom})`,t&&setTimeout((()=>{e.style.transition=""}),300)}))}}applyBehavior(){null!==localStorage.getItem("_zoom")&&(this.opts.zoom=localStorage.getItem("_zoom")),this.rte.rteZoomSlider.value=100*this.opts.zoom;const e=this.doc.querySelectorAll(this.opts.container);Array.prototype.forEach.call(e,(e=>{this.applyBehaviorOn(e),this.contentReformatOn(e)})),this.opts.onRender(),this.setZoomOnArea()}contentReformatOn(e){this.opts.useCssClasses&&this.dom.contentReformat(e,this.opts.cssClasses)}applyBehaviorOn(e){const t=this.util;if(this.opts.absolutePath){let t=e.querySelectorAll("a");Array.prototype.forEach.call(t,(e=>{let t=e.href;e.setAttribute("href",t)}));let i=e.querySelectorAll("img");Array.prototype.forEach.call(i,(e=>{let t=e.src;e.setAttribute("src",t)}))}this.dom.addClass(e,"is-builder"),this.preferences.initBuilder(e);if(this.dom.elementChildren(e).forEach((e=>{if(this.dom.hasClass(e,"row-add-initial"))return;(e.style.marginLeft||e.style.marginRight)&&(e.style.border="none"),this._rowTool.render(e);new av(this).render(e);this.dom.elementChildren(e).forEach((e=>{if(this.dom.hasClass(e,"is-row-tool")||this.dom.hasClass(e,"is-col-tool")||this.dom.hasClass(e,"is-rowadd-tool"))return;"readonly"===e.getAttribute("data-mode")&&(e.setAttribute("data-noedit",""),e.removeAttribute("data-mode")),"readonly-protected"===e.getAttribute("data-mode")&&(e.setAttribute("data-protected",""),e.removeAttribute("data-mode"));let t=!1;e.hasAttribute("data-noedit")&&(t=!0);let i=!1;e.hasAttribute("data-protected")&&(i=!0);let n=!1;if(e.hasAttribute("data-html")&&(n=!0),!n&&!t&&!i){const t=e.innerText.trim();(e.querySelectorAll("p,h1,h2,h3,h4,h5,h6,table,ul,ol,pre,blockquote,code,figcaption,label,legend,button,a,span").length>0||""!==t)&&(e.contentEditable=!0)}this.element.applyBehavior(e),e.getAttribute("data-click")||(e.addEventListener("click",this.handleCellClick.bind(this,e)),e.addEventListener("keydown",this.handleCellKeypress.bind(this)),e.addEventListener("keydown",this.handleCellKeydown.bind(this,e)),e.addEventListener("keyup",this.handleCellKeyup.bind(this,e)),e.addEventListener("paste",this.handleCellPaste.bind(this)),e.setAttribute("data-click",!0))}))})),!e.getAttribute("data-sort")&&!e.hasAttribute("nogrid")){let i=new kl(e,{scroll:!0,group:"shared",animation:300,handle:".row-handle",sort:!0,onChoose:()=>{let e;if(""!==this.opts.page){const t=this.doc.querySelector(this.opts.page);e=this.dom.getScale(t)}else{const t=this.doc.querySelector(".is-builder");e=this.dom.getScale(t)}const t=`\n                    <style id="css-scale">\n                        .sortable-drag::before {\n                            transform: scale(${e});\n                        }\n                    </style>\n                    `;if(this.iframe){const e=this.contentStuff.querySelector("#css-scale");e&&e.parentNode.removeChild(e),this.contentStuff.insertAdjacentHTML("afterbegin",t)}else{const e=this.builderStuff.querySelector("#css-scale");e&&e.parentNode.removeChild(e),this.builderStuff.insertAdjacentHTML("afterbegin",t)}this.sectionDropSetup()},onStart:()=>{this.uo.saveForUndo(),this.elmTool.hide()},onEnd:()=>{this.util.checkEmpty(),this.sortableOnPage&&this.sortableOnPage.destroy()},onAdd:i=>{var n=i.item;if(n.getAttribute("data-id")){let i=n.getAttribute("data-id");const m=this.opts.snippetJSON.snippets.filter((e=>e.id+""===i&&e));var o,s=m[0].html,a=m[0].noedit;o=-1===s.indexOf('"row'),this.opts.emailMode&&(o=!1);var l=this.opts.row,r=this.opts.cols;if(""!==l&&12===r.length&&(s=(s=(s=(s=(s=(s=(s=(s=(s=(s=(s=(s=s.replace(new RegExp("row clearfix","g"),"row")).replace(new RegExp('"row',"g"),'"'+l)).replace(new RegExp("column full","g"),r[11])).replace(new RegExp("column half","g"),r[5])).replace(new RegExp("column third","g"),r[3])).replace(new RegExp("column fourth","g"),r[2])).replace(new RegExp("column fifth","g"),r[1])).replace(new RegExp("column sixth","g"),r[1])).replace(new RegExp("column two-third","g"),r[7])).replace(new RegExp("column two-fourth","g"),r[8])).replace(new RegExp("column two-fifth","g"),r[9])).replace(new RegExp("column two-sixth","g"),r[9])),s=s.replace(/{id}/g,t.makeId()),this.opts.onAdd&&(s=this.opts.onAdd(s)),this.opts.snippetPathReplace.length>0&&""!==this.opts.snippetPathReplace[0]){var d=new RegExp(this.opts.snippetPathReplace[0],"g");s=s.replace(d,this.opts.snippetPathReplace[1]);var c=this.opts.snippetPathReplace[0].replace(/\//g,"%2F"),u=this.opts.snippetPathReplace[1].replace(/\//g,"%2F"),p=new RegExp(c,"g");s=s.replace(p,u)}if(o)s=`<div class="${this.opts.row}"><div class="${this.opts.cols[this.opts.cols.length-1]}"${a?" data-noedit":""}>${s}</div></div>`,n.removeAttribute("draggable"),this.dom.removeClass(n,"snippet-item"),n.outerHTML=s;else{let e=this.dom.createElement("div");e.innerHTML=s;let i=e.querySelectorAll("[data-html]");Array.prototype.forEach.call(i,(e=>{s=(s=(s=decodeURIComponent(e.getAttribute("data-html"))).replace(/{id}/g,t.makeId())).replace(/<script>/g,""+(this.nonce?`<script nonce="${this.nonce}">`:"<script>"));for(var i=1;i<=20;i++)s=s.replace("[%HTML"+i+"%]",void 0===e.getAttribute("data-html-"+i)?"":decodeURIComponent(e.getAttribute("data-html-"+i)));e.innerHTML=s})),s=e.innerHTML,n.removeAttribute("draggable"),this.dom.removeClass(n,"snippet-item"),n.innerHTML="";var h=document.createRange();h.setStart(n,0),n.appendChild(h.createContextualFragment(s)),n.outerHTML=n.innerHTML}this.applyBehaviorOn(e),this.opts.onChange(),this.opts.onRender(),this.elmTool.hide()}}});this.sortableObjects.push(i),e.setAttribute("data-sort",!0)}const i=e.querySelectorAll('a[role="button"]');Array.prototype.forEach.call(i,(t=>{t.parentNode&&t.parentNode.parentNode&&t.parentNode.parentNode.parentNode===e&&(t.outerHTML=`\n                        <div style="white-space: nowrap;">\n                            ${t.outerHTML}\n                        </div>\n                        `)}));const n=e.querySelectorAll(".is-subblock");Array.prototype.forEach.call(n,(e=>{e.contentEditable=!0})),this.util.checkEmptyOn(e),this.setZoomOnControl(e)}html(e){const t=this.util,i=new qs(this);if(e);else{const i=this.doc.querySelectorAll(this.opts.container);if(i.length>1){const n=t.cellSelected();e=n?n.parentNode.parentNode:i[0]}else e=i[0];if(""!==this.opts.page){const t=this.doc.querySelector(this.opts.page);t&&(e=t)}}this.cleanHtmlFormatting=!0;let n=i.readHtml(e);return this.cleanHtmlFormatting=!1,n}viewHtmlNormal(){new qs(this).viewHtmlExternal()}readHtml(e,t,i,n){return new qs(this).readHtml(e,t,i,n)}fromViewToActual(e){return new qs(this).fromViewToActual(e)}colorpicker(e,t){return new Hf({onPick:e,color:t,colors:this.opts.colors,animateModal:this.opts.animateModal,elementToAnimate:this.opts.container,lang:this.opts.lang})}gradientpicker(){return new ev({gradientcolors:this.opts.gradientcolors,colors:this.opts.colors,animateModal:this.opts.animateModal,elementToAnimate:this.opts.container,lang:this.opts.lang})}simpleColorPicker(e,t){return this.colorClassPicker.open(e,t)}destroy(){if(this.doc.body.classList.remove("data-editor"),document.removeEventListener("click",this.doDocumentClick,!1),document.removeEventListener("keydown",this.doDocumentKeydown,!1),document.removeEventListener("mousedown",this.doDocumentMousedown,!1),document.removeEventListener("click",this.doRteClick,!1),this.doc.removeEventListener("click",this.doHideSnippetHandler,!1),this.iframe&&(this.doc.removeEventListener("click",this.doDocumentClick,!1),this.doc.removeEventListener("keydown",this.doDocumentKeydown,!1),this.doc.removeEventListener("mousedown",this.doDocumentMousedown,!1),this.doc.removeEventListener("click",this.doRteClick,!1),this.win.removeEventListener("scroll",this.doWindowScroll,!1),this.win.removeEventListener("resize",this.doWindowResize,!1)),this.util.clearControls(),!this.util.builderStuff())return;const e=new qs(this);if(""!==this.opts.page){const e=this.doc.querySelector(this.opts.page);e&&(e.style.transform="")}else{this.doc.querySelectorAll(this.opts.container).forEach((e=>{e.style.transform=""}))}const t=this.doc.querySelectorAll(this.opts.container);Array.prototype.forEach.call(t,(t=>{let i=e.readHtml(t,!1),n=this.doc.createRange();t.innerHTML="",t.appendChild(n.createContextualFragment(i))})),Array.prototype.forEach.call(t,(e=>{e.removeAttribute("data-sort"),this.dom.removeClass(e,"is-builder")})),Array.prototype.forEach.call(this.sortableObjects,(e=>{try{e.destroy()}catch(e){}})),this.moveable.destroy(),this.builderStuff.parentNode.removeChild(this.builderStuff),this.builderStuff=null,this.iframe&&(this.contentStuff.parentNode.removeChild(this.contentStuff),this.contentStuff=null)}saveImages(e,t,i){new Fv({page:this.opts.page,container:this.opts.container,customval:this.opts.customval,handler:e,onComplete:t,onBase64Upload:i||null},this).save()}clearFont(){this.rte.clearFont()}applyFont(e,t,i){this.rte.applyFont(e,t,i)}setFont(e,t,i,n){this.rte.setFont(e,t,i,n)}addIcon(e){this.rte.addIcon(e)}applyLargerImage(e){let t=document.querySelectorAll(".form-upload-larger");Array.prototype.forEach.call(t,(t=>{this.dom.hasClass(t,"please-wait")&&(this.dom.removeClass(t,"please-wait"),t.parentNode.parentNode.querySelector('input[type="text"]').value=e,t.parentNode.parentNode.querySelector('input[type="file"]').value="")}))}returnUrl(e){let t=document.querySelectorAll(".form-upload-larger");Array.prototype.forEach.call(t,(t=>{this.dom.hasClass(t,"please-wait")&&(this.dom.removeClass(t,"please-wait"),t.parentNode.parentNode.querySelector('input[type="text"]').value=e,t.parentNode.parentNode.querySelector('input[type="file"]').value="")})),this.opts.assetRefresh=!0}openMediaPicker(e,t="media",i,n){this.mediaPicker.openMediaPicker(e,t,i,n)}openImagePicker(e,t,i){this.colTool.openImagePicker(e,t,i)}openImageAdjust(e,t,i){2===this.opts.imageAdjust?this.colTool.openImageAdjust2(e,t):this.colTool.openImageAdjust(e,t,i)}selectFile(e){this.selectAsset(e)}selectImage(e){this.selectAsset(e)}selectVideo(e){this.selectAsset(e)}selectAsset(e){let t=e.split(".").pop().split("?")[0].split("#")[0];t=t.toLowerCase();let i=!1;if("all"===this.targetAssetType?i=!0:"media"===this.targetAssetType?"jpg"===t||"jpeg"===t||"png"===t||"gif"===t||"webm"===t||"webp"===t||"mp4"===t?i=!0:alert(this.util.out("Please select an image or video file.")):"image"===this.targetAssetType?"jpg"===t||"jpeg"===t||"png"===t||"gif"===t||"webm"===t||"webp"===t?i=!0:alert(this.util.out("Please select an image file.")):"video"===this.targetAssetType?"mp4"===t?i=!0:alert(this.util.out("Please select an mp4 file.")):"audio"===this.targetAssetType&&("mp3"===t?i=!0:alert(this.util.out("Please select an mp3 file."))),i){this.targetInput.value=e,"inpCellLinkSource"===this.targetInput.id&&this.targetCallback();let t=document.querySelector(".is-modal.videoselect.active");t&&this.hideModal(t),t=document.querySelector(".is-modal.imageselect.active"),t&&this.hideModal(t),t=document.querySelector(".is-modal.fileselect.active"),t&&this.hideModal(t),t=document.querySelector(".is-modal.audioselect.active"),t&&this.hideModal(t),t=document.querySelector(".is-modal.mediaselect.active"),t&&this.hideModal(t),t=document.querySelector(".is-modal.otherselect.active"),t&&this.hideModal(t)}}assetType(){return this.targetAssetType}renderSelectAsset(e,t,i){const n="inp_"+this.util.makeId();e.insertAdjacentHTML("afterend",`<input type="hidden" id="${n}">`);const o=e.parentNode.querySelector(`#${n}`);e.addEventListener("click",(()=>{this.openAsset(o,t,e)}));let s=e=>this.util.out(e);const a=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value");Object.defineProperty(o,"value",{get:a.get,set:function(e){let n=e.substring(e.lastIndexOf("/")+1).split(".").pop();n=n.toLowerCase();let o=!1;"all"===t?o=!0:"media"===t?"jpg"===n||"jpeg"===n||"png"===n||"gif"===n||"webm"===n||"webp"===n||"mp4"===n?o=!0:alert(s("Please select an image or video file.")):"video"===t?"mp4"===n?o=!0:alert(s("Please select an mp4 file.")):"image"===t?"jpg"===n||"jpeg"===n||"png"===n||"gif"===n||"webm"===n||"webp"===n?o=!0:alert(s("Please select an image file.")):"audio"===t&&("mp3"===n?o=!0:alert(s("Please select an mp3 file."))),o&&i&&i(e),a.set.call(this,e)}})}openOther(e,t,i){if(this.opts.onOtherSelectClick)this.opts.onOtherSelectClick({targetInput:e,theTrigger:i});else{let i,n=this.builderStuff.querySelector(".is-modal.otherselect");i=n.querySelector("iframe"),"about:blank"===i.src&&(i.src=this.opts.otherSelect),this.util.showModal(n),this.targetInput=e,this.targetCallback=null,this.targetAssetType=t}}openAsset(e,t,i){if("media"===t&&(this.opts.onMediaSelectClick||this.opts.onImageSelectClick))this.opts.onMediaSelectClick?this.opts.onMediaSelectClick({targetInput:e,theTrigger:i}):this.opts.onImageSelectClick({targetInput:e,theTrigger:i});else if("video"===t&&this.opts.onVideoSelectClick)this.opts.onVideoSelectClick({targetInput:e,theTrigger:i});else if("image"===t&&this.opts.onImageSelectClick)this.opts.onImageSelectClick({targetInput:e,theTrigger:i});else if("audio"===t&&this.opts.onAudioSelectClick)this.opts.onAudioSelectClick({targetInput:e,theTrigger:i});else if("all"===t&&this.opts.onFileSelectClick)this.opts.onFileSelectClick({targetInput:e,theTrigger:i});else{let i,n;"media"===t?(n=this.builderStuff.querySelector(".is-modal.mediaselect"),i=n.querySelector("iframe"),"about:blank"===i.src&&(this.opts.mediaSelect?i.src=this.opts.mediaSelect:this.opts.imageSelect&&(i.src=this.opts.imageSelect))):"video"===t?(n=this.builderStuff.querySelector(".is-modal.videoselect"),i=n.querySelector("iframe"),"about:blank"===i.src&&(i.src=this.opts.videoSelect)):"image"===t?(n=this.builderStuff.querySelector(".is-modal.imageselect"),i=n.querySelector("iframe"),"about:blank"===i.src&&(i.src=this.opts.imageSelect)):"audio"===t?(n=this.builderStuff.querySelector(".is-modal.audioselect"),i=n.querySelector("iframe"),"about:blank"===i.src&&(i.src=this.opts.audioSelect)):"all"===t&&(n=this.builderStuff.querySelector(".is-modal.fileselect"),i=n.querySelector("iframe"),"about:blank"===i.src&&(i.src=this.opts.fileSelect)),this.util.showModal(n),this.targetInput=e,this.targetCallback=null,this.targetAssetType=t}}moveRowUp(){this._rowTool.moveRowUp()}moveRowDown(){this._rowTool.moveRowDown()}duplicateRow(){this._rowTool.duplicateRow()}removeRow(){this._rowTool.removeRow()}moveColumnLeft(){this.colTool.moveColumnLeft()}moveColumnRight(){this.colTool.moveColumnRight()}duplicateColumn(){this.colTool.duplicateColumn()}removeColumn(){this.colTool.removeColumn()}moveColumnUp(){this.colTool.moveColumnUp()}moveColumnDown(){this.colTool.moveColumnDown()}formatText(e){this.rte.formatText(e)}formatTextNonToggle(e){this.rte.formatTextNonToggle(e)}LightenDarkenColor(e,t){return this.util.LightenDarkenColor(e,t)}pickColor(e,t){new Hf({colors:this.opts.colors,animateModal:!1,lang:this.opts.lang}).open(e,t)}addSnippet(e,t,i){this.util.addSnippet(e,t,i)}viewSnippets(){this.rte.viewSnippets()}saveForUndo(e){this.uo.saveForUndo(e)}download(e={}){this.export(e,!0)}export(e={},t=!1){let i=this.pageTemplate,n="";this.makeAbsolute=!0,this.shortenOutput=t;let o=this.html();if(this.makeAbsolute=!1,this.shortenOutput=!1,n=i.replace("[%CONTENT%]",o),e.replace&&e.replace.forEach((e=>{n=n.replaceAll(`${e[0]}`,e[1])})),e.path)n=n.replaceAll("[%PATH%]",e.path);else{let e;e=location.href.substring(0,location.href.lastIndexOf("/")),n=n.replaceAll("[%PATH%]",e)}n=this.beautify(n);const s=document.createElement("a");s.href=window.URL.createObjectURL(new Blob([n],{type:"text/plain"})),s.download="page.html",s.click()}beautify(e){return new qs(this).beautify(e)}openPreview(){this.livePreview.openPreview()}closePreview(){this.livePreview.closePreview()}getActiveModule(){return document.querySelector("[data-module-active]")}getModuleSettings(){let e=document.querySelector("[data-module-active]");return decodeURIComponent(e.getAttribute("data-settings"))}setModuleHtml(e){document.querySelector("#hidContentModuleCode").value=e}setModuleSettings(e){document.querySelector("#hidContentModuleSettings").value=e}makeId(){return this.util.makeId()}setTooltip(e){this.tooltip.setAll(e)}loadPlugins(){if(!this.builderStuff)return;if(void 0===this.opts.scriptPath&&""===this.opts.pluginPath)return;if(this.numOfPlugins=0,"string"==typeof this.opts.plugins[0])return void this.loadPluginsOldWay();const e=this.builderStuff.querySelector(".is-rte-tool"),t=this.builderStuff.querySelector(".rte-more-options"),i=this.builderStuff.querySelector(".is-elementrte-tool"),n=this.builderStuff.querySelector(".elementrte-more-options");let o;for(o=this.opts.plugins.length-1;o>=0;o--){const s=this.opts.plugins[o].name,a=this.opts.plugins[o].showInMainToolbar,l=this.opts.plugins[o].showInElementToolbar;let r=!1;(e.querySelector('[data-plugin="'+s+'"]')||t.querySelector('[data-plugin="'+s+'"]'))&&(r=!0);let d=!1;if((i.querySelector('[data-plugin="'+s+'"]')||n.querySelector('[data-plugin="'+s+'"]'))&&(d=!0),a&&!r){t.querySelectorAll("div:not(.rte-separator)").forEach((e=>{e.insertAdjacentHTML("afterbegin",'<button style="width:46px;" title="button not found" data-plugin="'+s+'"></button>')}))}l&&!d&&n.querySelector("div").insertAdjacentHTML("afterbegin",'<button style="width:46px;" title="button not found" data-plugin="'+s+'"></button>')}for(o=0;o<this.opts.plugins.length;o++){const e=this.opts.plugins[o].name;let t=this.opts.scriptPath+"plugins/"+e+"/plugin.js";""!==this.opts.pluginPath&&(t=this.opts.pluginPath+"plugins/"+e+"/plugin.js"),this.loadScript(t).then((()=>{this.numOfPlugins++,this.numOfPlugins===this.opts.plugins.length&&(this.opts.onPluginsLoaded&&this.opts.onPluginsLoaded(),this.tooltip.setAll(),new Us({selector:".is-draggable"}))}))}}loadPluginsOldWay(){const e=this.builderStuff.querySelector(".is-rte-tool"),t=this.builderStuff.querySelector(".rte-more-options"),i=this.builderStuff.querySelector(".is-elementrte-tool"),n=this.builderStuff.querySelector(".elementrte-more-options");let o;for(o=this.opts.plugins.length-1;o>=0;o--){const s=this.opts.plugins[o];let a=!1;(e.querySelector('[data-plugin="'+s+'"]')||t.querySelector('[data-plugin="'+s+'"]'))&&(a=!0);let l=!1;(i.querySelector('[data-plugin="'+s+'"]')||n.querySelector('[data-plugin="'+s+'"]'))&&(l=!0),a||t.querySelector("div").insertAdjacentHTML("afterbegin",'<button style="width:46px;" title="button not found" data-plugin="'+this.opts.plugins[o]+'"></button>'),l||n.querySelector("div").insertAdjacentHTML("afterbegin",'<button style="width:46px;" title="button not found" data-plugin="'+this.opts.plugins[o]+'"></button>')}for(o=0;o<this.opts.plugins.length;o++){let e=this.opts.scriptPath+"plugins/"+this.opts.plugins[o]+"/plugin.js";""!==this.opts.pluginPath&&(e=this.opts.pluginPath+"plugins/"+this.opts.plugins[o]+"/plugin.js"),this.loadScript(e).then((()=>{if(this.numOfPlugins++,this.numOfPlugins===this.opts.plugins.length){let e=t.querySelectorAll("[data-plugin]");Array.prototype.forEach.call(e,(e=>{e.outerHTML=""})),e=n.querySelectorAll("[data-plugin]"),Array.prototype.forEach.call(e,(e=>{e.outerHTML=""})),this.opts.onPluginsLoaded&&this.opts.onPluginsLoaded(),this.tooltip.setAll(),new Us({selector:".is-draggable"})}}))}}addHtml(e){this.dom.appendHtml(this.builderStuff,e)}addCss(e){this.dom.appendHtml(document.head,e)}addButton_OLD(e,t,i,n){if(!this.builderStuff)return;const o=this.builderStuff.querySelector(".is-rte-tool"),s=this.builderStuff.querySelector(".rte-more-options");var a=!1;if(o.querySelector('[data-plugin="'+e+'"]')?o.querySelector('[data-plugin="'+e+'"]').outerHTML=t:s.querySelector('[data-plugin="'+e+'"]')&&(s.querySelector('[data-plugin="'+e+'"]').outerHTML=t,a=!0),!o.querySelector(".rte-more")&&a){o.insertAdjacentHTML("beforeend",`<button title="${this.util.out("More")}" class="rte-more"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-more"></use></svg></button>`);let e=this.rteTool.querySelector("button.rte-more");e&&this.dom.addEventListener(e,"click",(()=>{this.rte.showRteMore()}))}let l=o.querySelector(i);l=l||s.querySelector(i),l&&(l.setAttribute("data-title",l.getAttribute("title")),this.dom.addEventListener(l,"click",(e=>{n(e)})))}addButton(e,t,i,n){if(!this.builderStuff)return;const o=this.builderStuff.querySelector(".is-rte-tool"),s=this.builderStuff.querySelector(".rte-more-options");var a=!1;s.querySelector('[data-plugin="'+e+'"]')&&(a=!0);if(this.builderStuff.querySelectorAll('[data-plugin="'+e+'"]').forEach((e=>{e.outerHTML=t})),!o.querySelector(".rte-more")&&a){o.insertAdjacentHTML("beforeend",`<button title="${this.util.out("More")}" class="rte-more"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-more"></use></svg></button>`);let e=this.rteTool.querySelector("button.rte-more");e&&this.dom.addEventListener(e,"click",(()=>{this.rte.showRteMore()}))}let l=o.querySelectorAll(i);l.forEach((e=>{e.setAttribute("data-title",e.getAttribute("title")),this.dom.addEventListener(e,"click",(e=>{n(e)}))})),l=s.querySelectorAll(i),l.forEach((e=>{e.setAttribute("data-title",e.getAttribute("title")),this.dom.addEventListener(e,"click",(e=>{n(e)}))}))}addButton2(e,t,i,n){if(!this.builderStuff)return;const o=this.builderStuff.querySelector(".is-elementrte-tool"),s=this.builderStuff.querySelector(".elementrte-more-options");var a=!1;if(o.querySelector('[data-plugin="'+e+'"]')?o.querySelector('[data-plugin="'+e+'"]').outerHTML=t:s.querySelector('[data-plugin="'+e+'"]')&&(s.querySelector('[data-plugin="'+e+'"]').outerHTML=t,a=!0),!o.querySelector(".rte-more")&&a){o.insertAdjacentHTML("beforeend",`<button title="${this.util.out("More")}" class="rte-more"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-more"></use></svg></button>`);let e=this.elementRteTool.querySelector("button.rte-more");e&&this.dom.addEventListener(e,"click",(()=>{this.rte.showElementRteMore()}))}let l=o.querySelector(i);l=l||s.querySelector(i),l&&(l.setAttribute("data-title",l.getAttribute("title")),this.dom.addEventListener(l,"click",(e=>{n(e)})))}showModal(e,t,i,n){this.util.showModal(e,t,i,n)}hideModal(e){this.util._hideModal(e)}draggable(e){new Us({selector:e})}createModal(e,t,i,n,o){let s=this.builderStuff.querySelector(t);return s||(this.builderStuff.appendChild(e),s=this.builderStuff.querySelector(t)),this.showModal(s,i,n,o),new Us({selector:".is-draggable"}),s}getIcons(){return this.rte.getIcons()}showSidePanel(e){let t=this.builderStuff.querySelectorAll(".is-side");Array.prototype.forEach.call(t,(e=>{this.dom.removeClass(e,"active")})),this.dom.addClass(e,"active")}hideSidePanel(e){this.dom.removeClass(e,"active")}getScriptPath(){return this.opts.scriptPath}getSnippetPath(){return this.opts.snippetPath}out(e){return this.util.out(e)}undo(){this.uo.doUndo()}redo(){this.uo.doRedo()}getScope(){let e;const t=this.doc.querySelectorAll(this.opts.container);if(t.length>1){const i=this.util.cellSelected();e=i?i.parentNode.parentNode:t[0]}else e=t[0];if(""!==this.opts.page){const t=this.doc.querySelector(this.opts.page);t&&(e=t)}return e}saveSelection(){this.util.saveSelection()}restoreSelection(){this.util.restoreSelection()}pasteHtmlAtCaret(e,t){this.util.pasteHtmlAtCaret(e,t)}getScript(e,t){this.loadScript(e).then((()=>{t&&t()}),(()=>{console.log("Fail to load config")}))}getScripts(e,t){let i=0;this.loadScript(e[i]).then((()=>{i=this._helper1(i,e,t)}))}_helper1(e,t,i){if(++e<t.length){return this.loadScript(t[e]).then((()=>{e=this._helper1(e,t,i)})),e}i&&i()}includeJs(e,t){-1===this.filesAdded.indexOf("["+e+"]")?(this.getScript(e,t),this.filesAdded+="["+e+"]"):t&&t()}includeCss(e){if(-1===this.filesAdded.indexOf("["+e+"]")){var t=document.createElement("link");t.setAttribute("rel","stylesheet"),t.setAttribute("href",e),document.getElementsByTagName("head")[0].appendChild(t),this.filesAdded+="["+e+"]"}}applyStyle(e,t){if(-1===this.filesAdded.indexOf("["+e+"]")){var i=document.createElement("style");i.innerHTML=t,document.getElementsByTagName("head")[0].appendChild(i),this.filesAdded+="["+e+"]"}}viewHtml(e){new qs(this).view("full",e)}viewPreferences(){this.preferences.view()}viewConfig(){this.preferences.view()}viewZoom(){this.rte.viewZoom()}loadSnippets(e){if(this.preview)return;if(document.querySelector(this.opts.snippetList))return;if(this.isScriptAlreadyIncluded(e))return;const t=document.createElement("script");t.src=e,t.async=!0,t.onload=()=>{this.opts.snippetJSON=window.data_basic,""===this.opts.snippetPath&&(this.opts.snippetPath=window._snippets_path),this.opts.snippetJSON.snippets.length>0&&Xl(this)},document.body.appendChild(t)}isScriptAlreadyIncluded(e){const t=document.getElementsByTagName("script");for(let i=0;i<t.length;i++)if(t[i].getAttribute("src")===e)return!0;return!1}loadHtml(e,t){const i=this.util;if(t);else{const e=this.doc.querySelectorAll(this.opts.container);if(e.length>1){const n=i.cellSelected();t=n?n.parentNode.parentNode:e[0]}else t=e[0];if(""!==this.opts.page){const e=this.doc.querySelector(this.opts.page);e&&(t=e)}}let n=this.doc.createRange();t.innerHTML="",t.appendChild(n.createContextualFragment(e)),this.applyBehavior(),this.opts.onChange(),this.opts.onRender(),null!=localStorage.getItem("_livepreview")&&this.livePreview.openPreview()}loadHTML(e){this.loadHtml(e)}setUIColor(e,t){let i=document.querySelector("[data-cb-color]");if(i&&i.setAttribute("data-cb-del",""),t){var n=document.createElement("link");n.rel="stylesheet",n.href=t,n.setAttribute("data-cb-color",""),n.addEventListener("load",(()=>{i=document.querySelector("[data-cb-del]"),i&&i.parentNode.removeChild(i),"dark"===e&&(this.dom.removeClass(document.body,"colored"),this.dom.removeClass(document.body,"colored-dark"),this.dom.removeClass(document.body,"light"),this.dom.addClass(document.body,"dark")),"colored"===e&&(this.dom.removeClass(document.body,"dark"),this.dom.removeClass(document.body,"colored-dark"),this.dom.removeClass(document.body,"light"),this.dom.addClass(document.body,"colored")),"colored-dark"===e&&(this.dom.removeClass(document.body,"dark"),this.dom.removeClass(document.body,"colored"),this.dom.removeClass(document.body,"light"),this.dom.addClass(document.body,"colored-dark")),""===e&&(this.dom.removeClass(document.body,"dark"),this.dom.removeClass(document.body,"colored-dark"),this.dom.removeClass(document.body,"colored"),this.dom.removeClass(document.body,"light")),"light"===e&&(this.dom.removeClass(document.body,"dark"),this.dom.removeClass(document.body,"colored-dark"),this.dom.removeClass(document.body,"colored"),this.dom.addClass(document.body,"light"));const t=this.util;setTimeout((()=>{t.getUIStyles(),this.setUIColorRefresh(),this.opts.onThemeChange&&this.opts.onThemeChange()}),300)})),document.head.appendChild(n)}else{i=document.querySelector("[data-cb-del]"),i&&i.parentNode.removeChild(i),""===e&&(this.dom.removeClass(document.body,"dark"),this.dom.removeClass(document.body,"colored-dark"),this.dom.removeClass(document.body,"colored"),this.dom.removeClass(document.body,"light"));const t=this.util;setTimeout((()=>{t.getUIStyles(),this.setUIColorRefresh(),this.opts.onThemeChange&&this.opts.onThemeChange()}),1e3)}}setUIColorRefresh(){const e=this.util;if(!this.rte||!this.element)return void setTimeout((()=>{this.setUIColorRefresh()}),600);let t=this.rte.rteFontFamilyOptions.querySelector("iframe").contentWindow.document;let i=this.builderStuff.querySelector(".is-modal.pickfontfamily").querySelector("iframe").contentWindow.document,n=this.rte.rteIconOptions.querySelector("iframe").contentWindow.document;""===t.body.innerHTML?(t.open(),this.opts.emailMode?t.write(e.getFontFamilyEmail()):t.write(e.getFontFamilyHTML()),t.close()):this.util.refreshFontFamilyStyle1(),""===i.body.innerHTML?(i.open(),this.opts.emailMode?i.write(e.getFontFamilyEmail(!0)):i.write(e.getFontFamilyHTML(!0)),i.close()):this.util.refreshFontFamilyStyle2(),""===n.body.innerHTML?(n.open(),n.write(this.rte.getIconsHTML()),n.close()):this.rte.refreshIconsStyle(),this.builderStuff.querySelector(".snippets").querySelector("iframe").src="about:blank";let o=document.querySelector(".is-modal.videoselect"),s=document.querySelector(".is-modal.imageselect"),a=document.querySelector(".is-modal.fileselect"),l=document.querySelector(".is-modal.otherselect"),r=o.querySelector("iframe"),d=s.querySelector("iframe"),c=a.querySelector("iframe"),u=l.querySelector("iframe");r.contentWindow.applyParentStyles&&r.contentWindow.applyParentStyles(),d.contentWindow.applyParentStyles&&d.contentWindow.applyParentStyles(),c.contentWindow.applyParentStyles&&c.contentWindow.applyParentStyles(),u.contentWindow.applyParentStyles&&u.contentWindow.applyParentStyles()}openMedia(e){let t="",i=e.getAttribute("data-modal-theme");i||(i="light");const n=e.getAttribute("data-modal-color");if(e.getAttribute("data-modal-url")){t=e.getAttribute("data-modal-url");let o=t.split(".").pop().split("?")[0].split("#")[0];if("jpg"===o||"jpeg"===o||"png"===o||"gif"===o||"webm"===o||"webp"===o)this.lightbox.openImage(t,i,n);else if("mp4"===o)this.lightbox.openVideo(t,"dark",n);else if(-1!==t.toLowerCase().indexOf("youtube.com")||-1!==t.toLowerCase().indexOf("youtube-nocookie.com")||-1!==t.toLowerCase().indexOf("vimeo.com"))this.lightbox.openExternalVideo(t,"dark",n);else{if(0===t.indexOf("#"));else{if(!window.confirm(this.util.out("Do you really want to leave?")))return!1}window.location.href=t}}else e.getAttribute("data-modal-image")&&(t=e.getAttribute("data-modal-image"),this.lightbox.openImage(t,i,n)),e.getAttribute("data-modal-video")&&(t=e.getAttribute("data-modal-video"),this.lightbox.openVideo(t,"dark",n)),e.getAttribute("data-modal-externalvideo")&&(t=e.getAttribute("data-modal-externalvideo"),this.lightbox.openExternalVideo(t,"dark",n))}lightboxOpen(e){this.useLightbox&&(e.hasAttribute("data-noedit")||e.hasAttribute("data-protected"))&&this.dom.hasClass(e,"block-click")&&this.openMedia(e)}handleCellClick(e,t){this.cleanEditing&&(e.parentNode.querySelector(".is-row-tool").style.display="",e.parentNode.querySelector(".is-col-tool").style.display=""),this.lightboxOpen(e);this.util.clearActiveCell(),this.activeCol=e;let i=t.target;this.dom.addClass(e,"cell-active");let n=e.parentNode;this.dom.addClass(n,"row-active");const o=this.doc.querySelectorAll(this.opts.container);Array.prototype.forEach.call(o,(e=>{this.dom.removeClass(e,"builder-active")})),this.dom.addClass(n.parentNode,"builder-active"),this.dom.addClass(this.doc.body,"content-edit"),n.childElementCount-2==1||this.dom.addClass(n,"row-outline"),this.opts.onContentClick&&this.opts.onContentClick(t),this.element.click(e,t),this.colTool.click(e),this.elmTool.click(e,t),this.rte.click(e,t);const s=document.querySelector(".grideditor.active");if(s){const t=s.querySelector(".cell-locking");e.hasAttribute("data-noedit")?this.dom.addClass(t,"on"):this.dom.removeClass(t,"on")}let a=this.dom.getParentElement(i,"a");if(("a"===i.tagName.toLowerCase()||a)&&(e.hasAttribute("data-noedit")||e.hasAttribute("data-protected"))){if("true"===e.getAttribute("contenteditable"))return t.preventDefault(),!1;if("a"===i.tagName.toLowerCase()&&(a=i),this.useLightbox&&this.dom.hasClass(a,"is-lightbox")){let e=a.getAttribute("href");if(!e)return t.preventDefault(),!1;let n=e.split(".").pop().split("?")[0].split("#")[0],o=a.getAttribute("data-modal-theme");o||(o="light");const s=i.getAttribute("data-modal-color");if("jpg"===n||"jpeg"===n||"png"===n||"gif"===n||"webm"===n||"webp"===n)return this.lightbox.openImage(e,o,s),t.preventDefault(),!1;if("mp4"===n)return this.lightbox.openVideo(e,"dark",s),t.preventDefault(),!1;if(-1!==e.toLowerCase().indexOf("youtube.com")||-1!==e.toLowerCase().indexOf("youtube-nocookie.com")||-1!==e.toLowerCase().indexOf("vimeo.com"))return this.lightbox.openExternalVideo(e,"dark",s),t.preventDefault(),!1;if(0===e.indexOf("#"));else{if(!window.confirm(this.util.out("Do you really want to leave?")))return t.preventDefault(),!1}}else{let e=a.getAttribute("href");if(!e)return t.preventDefault(),!1;if(0===e.indexOf("#"));else{if(!window.confirm(this.util.out("Do you really want to leave?")))return t.preventDefault(),!1}}}if(1===e.childElementCount){let t=e.children[0];t&&this.dom.hasClass(t,"spacer")&&(e.contentEditable=!1)}this.colTool.showHideLockIndicator(e);const l=n.querySelector(".is-rowadd-tool").querySelector("button");l.style.marginTop="";const r=Array.from(n.parentNode.children).filter((e=>"div"===e.nodeName.toLowerCase()));if(r&&r.length>0){if(n===r[r.length-1]){const e=n.closest(".is-section");if(e){const t=this.dom.getElementOffset(e);let i=t.top+t.height;const o=this.dom.getElementOffset(n);i-(o.top+o.height)<19&&(l.style.marginTop="-14px")}}}this.opts.enableDragResize&&(this.resize&&this.resize.destroy(),e.classList.contains("noresize")||(this.resize=new Jv(e,this),this.resize.enable()))}handleCellKeypress(e){e.ctrlKey||e.metaKey||(null===this.uoTm?(this.uo.saveForUndo(),this.uoTm=setTimeout((()=>{this.uoTm=null}),1e3)):(clearTimeout(this.uoTm),this.uoTm=setTimeout((()=>{this.uoTm=null}),1e3)))}handleCellKeydown(e,t){this.oriLen=e.textContent.length;let i=e.querySelectorAll("span");if(Array.prototype.forEach.call(i,(e=>{e.setAttribute("data-keep","")})),(t.ctrlKey||t.metaKey)&&86===t.which&&this.handleCellPaste(),this.opts.elementSelection&&!this.emailMode&&(t.ctrlKey||t.metaKey)&&65===t.which){let e;try{this.win.getSelection?e=this.win.getSelection().getRangeAt(0).commonAncestorContainer.parentNode:this.doc.selection&&(e=this.doc.selection.createRange().parentElement()),this.dom.hasClass(e.parentNode.parentNode,"is-builder")||this.dom.selectElementContents(e),t.preventDefault()}catch(t){}}if(46===t.keyCode){let e;try{if(window.getSelection?e=window.getSelection().getRangeAt(0).commonAncestorContainer:document.selection&&(e=document.selection.createRange()),"<br>"===e.innerHTML){e.nextElementSibling&&(e.parentNode.removeChild(e),t.preventDefault())}}catch(t){}}if(8===t.keyCode){let e;try{if(window.getSelection?e=window.getSelection().getRangeAt(0).commonAncestorContainer:document.selection&&(e=document.selection.createRange()),""===e.textContent){e.previousElementSibling||t.preventDefault()}}catch(t){}}if(9===t.which&&!t.shiftKey){const e=this.activeCol;if(e)if(e.nextElementSibling&&e.nextElementSibling.hasAttribute("data-click")){const i=e.nextElementSibling;i&&i.click();let n=window.getSelection(),o=this.createRange(i,{count:0});o&&(o.collapse(!1),n.removeAllRanges(),n.addRange(o)),i.firstElementChild&&setTimeout((()=>{i.firstElementChild.click()}),200),t.preventDefault()}else if(e.parentNode.nextElementSibling){const i=e.parentNode.nextElementSibling;if(i){const e=i.firstElementChild;e&&e.click();let n=window.getSelection(),o=this.createRange(e,{count:0});o&&(o.collapse(!1),n.removeAllRanges(),n.addRange(o)),e.firstElementChild&&setTimeout((()=>{e.firstElementChild.click()}),200),t.preventDefault()}}}if(9===t.which&&t.shiftKey){const e=this.activeCol;if(e)if(e.previousElementSibling&&e.previousElementSibling.hasAttribute("data-click")){const i=e.previousElementSibling;i&&i.click(),i.firstElementChild&&i.firstElementChild.click();let n=window.getSelection(),o=this.createRange(i,{count:0});o&&(o.collapse(!1),n.removeAllRanges(),n.addRange(o)),i.firstElementChild&&setTimeout((()=>{i.firstElementChild.click()}),200),t.preventDefault()}else if(e.parentNode.previousElementSibling){const i=e.parentNode.previousElementSibling.querySelectorAll("[data-click]");if(i.length>0){const e=i[i.length-1];e&&e.click(),e.firstElementChild&&e.firstElementChild.click();let n=window.getSelection(),o=this.createRange(e,{count:0});o&&(o.collapse(!1),n.removeAllRanges(),n.addRange(o)),e.firstElementChild&&setTimeout((()=>{e.firstElementChild.click()}),200),t.preventDefault()}}}const n=()=>{let t=e.querySelectorAll("span");Array.prototype.forEach.call(t,(e=>{e.setAttribute("data-keep","")}))},o=t.ctrlKey||t.metaKey;if(o&&66===t.which&&this.opts.useCssClasses&&(this.dom.execCommandToggle("fontWeight","",this.opts.cssClasses),this.opts.onChange(),t.preventDefault(),n()),o&&73===t.which&&this.opts.useCssClasses&&(this.dom.execCommandToggle("fontStyle","",this.opts.cssClasses),this.opts.onChange(),t.preventDefault(),n()),o&&85===t.which&&this.opts.useCssClasses&&(this.dom.execCommandToggle("textUnderline","",this.opts.cssClasses),this.opts.onChange(),t.preventDefault(),n()),o&&83===t.which&&this.opts.useCssClasses&&(this.dom.execCommandToggle("textLinethrough","",this.opts.cssClasses),this.opts.onChange(),t.preventDefault(),n()),o&&221===t.which&&(t.preventDefault(),document.execCommand("indent",!1,null),this.opts.onChange(),t.preventDefault(),n()),o&&219===t.which&&(t.preventDefault(),document.execCommand("outdent",!1,null),this.opts.onChange(),t.preventDefault(),n()),o&&75===t.which&&(this.element.hyperlink.createLink(),t.preventDefault()),o&&80===t.which&&(t.preventDefault(),this.rte.insertImage()),(46===t.which||8===t.which)&&this.activeIcon){if("a"===this.activeIcon.parentNode.tagName.toLowerCase()&&1===this.activeIcon.parentNode.children.length||1===this.activeIcon.parentNode.children.length){let e=this.activeIcon.parentNode,t=e.parentNode;e.parentNode.removeChild(e);this.builderStuff.querySelector("#divLinkTool").style.display="";this.builderStuff.querySelector(".is-element-tool").style.display="",t&&""===t.innerHTML.trim()&&t.parentNode.removeChild(t)}else this.activeIcon.parentNode.removeChild(this.activeIcon);t.preventDefault()}this.cleanEditing&&(this.colTool.columnTool.classList.remove("active"),e.parentNode.querySelector(".is-row-tool").style.display="none",e.parentNode.querySelector(".is-col-tool").style.display="none")}createRange(e,t,i){if(i||((i=document.createRange()).selectNode(e),i.setStart(e,0)),0===t.count)i.setEnd(e,t.count);else if(e&&t.count>0)if(e.nodeType===Node.TEXT_NODE)e.textContent.length<t.count?t.count-=e.textContent.length:(i.setEnd(e,t.count),t.count=0);else for(var n=0;n<e.childNodes.length&&(i=this.createRange(e.childNodes[n],t,i),0!==t.count);n++);return i}handleCellFocus(e){const t=this.activeCol;t?e!==t&&(e.firstElementChild?e.firstElementChild.click():e.click()):e.firstElementChild?e.firstElementChild.click():e.click()}handleCellKeyup(e,t){this.dom.textSelection()&&("38"===t.keyCode||"40"===t.keyCode||"37"===t.keyCode||"39"===t.keyCode)&&this.util.saveSelection();let i=e.querySelectorAll("span");var n;Array.prototype.forEach.call(i,(e=>{e.hasAttribute("data-keep")||(e.outerHTML=e.innerHTML)}));try{this.win.getSelection?n=this.win.getSelection().getRangeAt(0).commonAncestorContainer.parentNode:this.doc.selection&&(n=this.doc.selection.createRange().parentElement())}catch(t){return}if(13===t.keyCode&&!t.shiftKey){"p"!==n.tagName.toLowerCase()&&"div"!==n.tagName.toLowerCase()||this.doc.execCommand("formatBlock",!1,"<p>");let t=e.querySelectorAll("[data-keep]");Array.prototype.forEach.call(t,(e=>{e.removeAttribute("data-keep")}))}this.oriLen!==e.textContent.length&&this.typing(),this.elmTool.hide()}typing(){this.timeoutId&&clearTimeout(this.timeoutId),this.timeoutId=setTimeout((()=>{this.opts.onChange()}),2e3)}handleCellPaste(){this.uo.saveForUndo();const e=this.util;e.saveSelection();let t=this.doc.querySelector("#idContentWord");var i,n;t&&t.parentNode.removeChild(t),this.win.getSelection?i=3===(n=this.win.getSelection().getRangeAt(0).commonAncestorContainer).nodeType?n.parentNode:n:this.doc.selection&&(n=this.doc.selection.createRange(),i=this.doc.selection.createRange().parentElement());const o='<div style="position:absolute;z-index:-1000;top:'+(i.getBoundingClientRect().top+this.win.pageYOffset)+'px;left:-1000px;width:100px;height:100px;overflow:auto;" name="idContentWord" id="idContentWord" contenteditable="true"></div>';this.iframe?this.dom.appendHtml(this.contentStuff,o):this.dom.appendHtml(this.builderStuff,o),t=this.doc.querySelector("#idContentWord"),t.focus(),setTimeout((()=>{try{var t="";let u=this.doc.querySelector("#idContentWord");var i=!1,n=u.innerText;if(!this.opts.disableAutoEmbedVideo){var o=/^http[s]?:\/\/(((www.youtube.com\/watch\?(feature=player_detailpage&)?)v=)|(youtu.be\/))([^#&?]*)/.exec(n),s=/^.*(vimeo\.com\/)((channels\/[A-z]+\/)|(groups\/[A-z]+\/videos\/)|(video\/))?([0-9]+)\/?/.exec(n);if(null!==o||null!==s){if(null!==o&&o.length>=7)n="https://www.youtube.com/embed/"+o[6]+"?rel=0";if(null!==s&&s.length>=7)n="https://player.vimeo.com/video/"+s[6];t='<div class="embed-responsive embed-responsive-16by9"><iframe tabindex="0" width="560" height="315" src="'+n+'" frameborder="0" allowfullscreen=""></iframe></div>',i=!0}}if(!i)if("text"===this.opts.paste){let e=u.querySelectorAll("p,h1,h2,h3,h4,h5,h6");Array.prototype.forEach.call(e,(e=>{e.innerHTML=e.innerHTML+" "})),t=u.innerHTML,0===(t=(t=t.replace(/(<([^>]+)>)/gi,"<br>")).replace(/(<br\s*\/?>){3,}/gi,"<br>")).indexOf("<br>")&&(t=t.substring(4)),"<br>"===t.substring(t.length-4)&&(t=t.substring(0,t.length-4)),t=t.trim()}else{t=u.innerHTML,t="html"===this.opts.paste?e.cleanHTML(t,!1):e.cleanHTML(t,!0),u.innerHTML=t;let i=u.querySelectorAll("li");Array.prototype.forEach.call(i,(e=>{e.style.whiteSpace="";const t=e.childNodes;let i=t.length;for(;i--;)"P"===t[i].tagName&&(t[i].outerHTML=t[i].innerHTML)})),t=u.innerHTML}u=this.doc.querySelector("#idContentWord"),u&&u.parentNode.removeChild(u),e.restoreSelection();var a=this.win.getSelection(),l=a.getRangeAt(0);l.extractContents(),l.collapse(!0);var r=l.createContextualFragment(t),d=r.lastChild;if(l.insertNode(r),this.activeCol){this.activeCol.querySelectorAll("h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty,p:empty").forEach((e=>{e.remove()}));let e=this.activeCol.querySelector("p.elm-active,h1.elm-active,h2.elm-active,h3.elm-active,h4.elm-active,h5.elm-active,h6.elm-active");if(e){if(e.querySelectorAll("p,h1,h2,h3,h4,h5,h6").length>0){let t=e.nextElementSibling;if(Array.from(e.childNodes).filter((e=>3===e.nodeType&&e.textContent.trim().length>1)).forEach((e=>{const t=document.createElement("p");e.after(t),t.appendChild(e)})),e.firstElementChild&&1===e.childNodes.length&&"SPAN"===e.firstElementChild.tagName){e.outerHTML=e.firstElementChild.innerHTML,this.activeCol.querySelectorAll("*:empty").forEach((e=>{e.remove()})),t?this.dom.moveCursorToElement(t.previousElementSibling):this.dom.moveCursorToElement(this.activeCol);let i=this.doc.querySelector(".builder-active");return i&&this.applyBehaviorOn(i),this.opts.onChange(),void this.opts.onRender()}e.outerHTML=e.innerHTML,this.activeCol.find("h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty,p:empty").remove(),t?this.dom.moveCursorToElement(t.previousElementSibling):this.dom.moveCursorToElement(this.activeCol);let i=this.doc.querySelector(".builder-active");return i&&this.applyBehaviorOn(i),this.opts.onChange(),void this.opts.onRender()}}}l.setStartAfter(d),l.setEndAfter(d),l.collapse(!1);var c=l.commonAncestorContainer;if(c&&c.parentNode)try{c.parentNode.normalize()}catch(e){}a.removeAllRanges(),a.addRange(l);let p=this.doc.querySelector(".builder-active");p&&this.applyBehaviorOn(p),this.opts.onChange(),this.opts.onRender()}catch(e){let t=this.doc.querySelector("#idContentWord");t&&t.parentNode.removeChild(t)}}),800)}cellSelected(){return this.util.cellSelected()}loadScript(e,t,i=!0,n=!0){return new Promise(((o,s)=>{let a=document.createElement("script");const l=t||document.getElementsByTagName("script")[0];function r(e,t){(t||!a.readyState||/loaded|complete/.test(a.readyState))&&(a.onload=null,a.onreadystatechange=null,a=void 0,t?s():o())}a.async=i,a.defer=n,a.onload=r,a.onreadystatechange=r,a.src=e,l.parentNode.insertBefore(a,l)}))}currentScriptPath(){let e,t;for(var i=document.getElementsByTagName("script"),n=0;n<i.length;n++){var o=i[n].src;e="contentbuilder.js",o.indexOf(e)>-1&&(t=o.substring(0,o.indexOf(e))),e="contentbuilder.min.js",o.indexOf(e)>-1&&(t=o.substring(0,o.indexOf(e)))}return t}sectionDropSetup(){if(this.page){if(".is-wrapper"!==this.page)return;const e=this.doc.querySelector(this.page);this.sortableOnPage=new kl(e,{scroll:!0,group:"shared",direction:"vertical",animation:150,sort:!0,onAdd:e=>{var t=e.item;if(t.querySelector(".is-col-tool")){let e=t.querySelector(".is-row-tool"),i=t.querySelector(".is-col-tool"),n=t.querySelector(".is-rowadd-tool");t.removeChild(e),t.removeChild(i),t.removeChild(n);let o=t.querySelectorAll("[data-click]");return o.forEach((e=>{e.removeAttribute("data-click")})),t.removeAttribute("draggable"),t.classList.remove("row-active"),t.classList.remove("row-outline"),o=t.querySelectorAll(".cell-active"),o.forEach((e=>{e.classList.remove("cell-active")})),o=t.querySelectorAll("*"),o.forEach((e=>{e.style.cursor=""})),t.outerHTML=this.settings.sectionTemplate.replace("[%CONTENT%]",t.outerHTML),void(this.opts.onSectionAdd&&this.opts.onSectionAdd())}if(t.getAttribute("data-id")){let e=t.getAttribute("data-id");const p=this.opts.snippetJSON.snippets.filter((t=>t.id+""===e&&t));var i,n=p[0].html,o=p[0].noedit;i=-1===n.indexOf('"row'),this.opts.emailMode&&(i=!1);var s=this.opts.row,a=this.opts.cols;if(""!==s&&12===a.length&&(n=(n=(n=(n=(n=(n=(n=(n=(n=(n=(n=(n=n.replace(new RegExp("row clearfix","g"),"row")).replace(new RegExp('"row',"g"),'"'+s)).replace(new RegExp("column full","g"),a[11])).replace(new RegExp("column half","g"),a[5])).replace(new RegExp("column third","g"),a[3])).replace(new RegExp("column fourth","g"),a[2])).replace(new RegExp("column fifth","g"),a[1])).replace(new RegExp("column sixth","g"),a[1])).replace(new RegExp("column two-third","g"),a[7])).replace(new RegExp("column two-fourth","g"),a[8])).replace(new RegExp("column two-fifth","g"),a[9])).replace(new RegExp("column two-sixth","g"),a[9])),n=n.replace(/{id}/g,this.util.makeId()),this.opts.onAdd&&(n=this.opts.onAdd(n)),this.opts.snippetPathReplace.length>0&&""!==this.opts.snippetPathReplace[0]){var l=new RegExp(this.opts.snippetPathReplace[0],"g");n=n.replace(l,this.opts.snippetPathReplace[1]);var r=this.opts.snippetPathReplace[0].replace(/\//g,"%2F"),d=this.opts.snippetPathReplace[1].replace(/\//g,"%2F"),c=new RegExp(r,"g");n=n.replace(c,d)}if(i)n=`<div class="${this.opts.row}"><div class="${this.opts.cols[this.opts.cols.length-1]}"${o?" data-noedit":""}>${n}</div></div>`,t.removeAttribute("draggable"),this.dom.removeClass(t,"snippet-item"),t.outerHTML=this.settings.sectionTemplate.replace("[%CONTENT%]",n);else{let e=this.dom.createElement("div");e.innerHTML=n;let i=e.querySelectorAll("[data-html]");Array.prototype.forEach.call(i,(e=>{n=(n=(n=decodeURIComponent(e.getAttribute("data-html"))).replace(/{id}/g,this.util.makeId())).replace(/<script>/g,""+(this.nonce?`<script nonce="${this.nonce}">`:"<script>"));for(var t=1;t<=20;t++)n=n.replace("[%HTML"+t+"%]",void 0===e.getAttribute("data-html-"+t)?"":decodeURIComponent(e.getAttribute("data-html-"+t)));e.innerHTML=n})),n=e.innerHTML,t.removeAttribute("draggable"),this.dom.removeClass(t,"snippet-item"),t.innerHTML="";var u=document.createRange();u.setStart(t,0),t.appendChild(u.createContextualFragment(n)),t.outerHTML=this.settings.sectionTemplate.replace("[%CONTENT%]",t.innerHTML)}this.opts.onSectionAdd&&this.opts.onSectionAdd(),this.opts.onChange(),this.opts.onRender()}this.sortableOnPage.destroy()}})}}}var hy={exports:{}};!function(e,t){
 /*!
        * pace.js v1.2.4
        * https://github.com/CodeByZach/pace/
        * Licensed MIT © HubSpot, Inc.
        */
-(function(){if("undefined"!=typeof window){var t,i,n,o,s,a,l,r,d,c,u,p,h,m,g,b,f,v,y,x,_,w,S,C,k,A,E,L,q,T,R,M,O,I,B,N,$,z,P,D,H,j,U,F,W,Y,G,X,V,K=[].slice,Z={}.hasOwnProperty,Q=function(e,t){for(var i in t)Z.call(t,i)&&(e[i]=t[i]);function n(){this.constructor=e}return n.prototype=t.prototype,e.prototype=new n,e.__super__=t.prototype,e},J=[].indexOf||function(e){for(var t=0,i=this.length;t<i;t++)if(t in this&&this[t]===e)return t;return-1},ee=function(e,t){return function(){return e.apply(t,arguments)}};for(w={className:"",catchupTime:100,initialRate:.03,minTime:250,ghostTime:100,maxProgressPerFrame:20,easeFactor:1.25,startOnPageLoad:!0,restartOnPushState:!0,restartOnRequestAfter:500,target:"body",elements:{checkInterval:100,selectors:["body"]},eventLag:!1,ajax:{trackMethods:["GET"],trackWebSockets:!0,ignoreURLs:[]}},T=function(){var e;return null!=(e="undefined"!=typeof performance&&null!==performance&&"function"==typeof performance.now?performance.now():void 0)?e:+new Date},M=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,_=window.cancelAnimationFrame||window.mozCancelAnimationFrame,b=function(e,t,i){return"function"==typeof e.addEventListener?e.addEventListener(t,i,!1):function(){if("function"!=typeof e["on"+t]||"object"!=typeof e["on"+t].eventListeners){var n=new r;"function"==typeof e["on"+t]&&n.on(t,e["on"+t]),e["on"+t]=function(e){return n.trigger(t,e)},e["on"+t].eventListeners=n}else n=e["on"+t].eventListeners;n.on(t,i)}()},null==M&&(M=function(e){return setTimeout(e,50)},_=function(e){return clearTimeout(e)}),I=function(e){var t,i;return t=T(),i=function(){var n;return(n=T()-t)>=33?(t=T(),e(n,(function(){return M(i)}))):setTimeout(i,33-n)},i()},O=function(){var e,t,i;return i=arguments[0],t=arguments[1],e=3<=arguments.length?K.call(arguments,2):[],"function"==typeof i[t]?i[t].apply(i,e):i[t]},S=function(){var e,t,i,n,o,s,a;for(t=arguments[0],s=0,a=(n=2<=arguments.length?K.call(arguments,1):[]).length;s<a;s++)if(i=n[s])for(e in i)Z.call(i,e)&&(o=i[e],null!=t[e]&&"object"==typeof t[e]&&null!=o&&"object"==typeof o?S(t[e],o):t[e]=o);return t},v=function(e){var t,i,n,o,s;for(i=t=0,o=0,s=e.length;o<s;o++)n=e[o],i+=Math.abs(n),t++;return i/t},k=function(e,t){var i,n,o;if(null==e&&(e="options"),null==t&&(t=!0),o=document.querySelector("[data-pace-"+e+"]")){if(i=o.getAttribute("data-pace-"+e),!t)return i;try{return JSON.parse(i)}catch(e){return n=e,"undefined"!=typeof console&&null!==console?console.error("Error parsing inline pace options",n):void 0}}},l=function(){function e(){}return e.prototype.on=function(e,t,i,n){var o;return null==n&&(n=!1),null==this.bindings&&(this.bindings={}),null==(o=this.bindings)[e]&&(o[e]=[]),this.bindings[e].push({handler:t,ctx:i,once:n})},e.prototype.once=function(e,t,i){return this.on(e,t,i,!0)},e.prototype.off=function(e,t){var i,n,o;if(null!=(null!=(n=this.bindings)?n[e]:void 0)){if(null==t)return delete this.bindings[e];for(i=0,o=[];i<this.bindings[e].length;)this.bindings[e][i].handler===t?o.push(this.bindings[e].splice(i,1)):o.push(i++);return o}},e.prototype.trigger=function(){var e,t,i,n,o,s,a,l,r;if(i=arguments[0],e=2<=arguments.length?K.call(arguments,1):[],null!=(a=this.bindings)?a[i]:void 0){for(o=0,r=[];o<this.bindings[i].length;)n=(l=this.bindings[i][o]).handler,t=l.ctx,s=l.once,n.apply(null!=t?t:this,e),s?r.push(this.bindings[i].splice(o,1)):r.push(o++);return r}},e}(),c=window.Pace||{},window.Pace=c,S(c,l.prototype),R=c.options=S({},w,window.paceOptions,k()),F=0,Y=(X=["ajax","document","eventLag","elements"]).length;F<Y;F++)!0===R[z=X[F]]&&(R[z]=w[z]);d=function(e){function t(){return t.__super__.constructor.apply(this,arguments)}return Q(t,e),t}(Error),i=function(){function e(){this.progress=0}return e.prototype.getElement=function(){var e;if(null==this.el){if(!(e=document.querySelector(R.target)))throw new d;this.el=document.createElement("div"),this.el.className="pace pace-active",document.body.className=document.body.className.replace(/(pace-done )|/,"pace-running ");var t=""!==R.className?" "+R.className:"";this.el.innerHTML='<div class="pace-progress'+t+'">\n  <div class="pace-progress-inner"></div>\n</div>\n<div class="pace-activity"></div>',null!=e.firstChild?e.insertBefore(this.el,e.firstChild):e.appendChild(this.el)}return this.el},e.prototype.finish=function(){var e;return(e=this.getElement()).className=e.className.replace("pace-active","pace-inactive"),document.body.className=document.body.className.replace("pace-running ","pace-done ")},e.prototype.update=function(e){return this.progress=e,c.trigger("progress",e),this.render()},e.prototype.destroy=function(){try{this.getElement().parentNode.removeChild(this.getElement())}catch(e){d=e}return this.el=void 0},e.prototype.render=function(){var e,t,i,n,o,s,a;if(null==document.querySelector(R.target))return!1;for(e=this.getElement(),n="translate3d("+this.progress+"%, 0, 0)",o=0,s=(a=["webkitTransform","msTransform","transform"]).length;o<s;o++)t=a[o],e.children[0].style[t]=n;return(!this.lastRenderedProgress||this.lastRenderedProgress|0!==this.progress|0)&&(e.children[0].setAttribute("data-progress-text",(0|this.progress)+"%"),this.progress>=100?i="99":(i=this.progress<10?"0":"",i+=0|this.progress),e.children[0].setAttribute("data-progress",""+i)),c.trigger("change",this.progress),this.lastRenderedProgress=this.progress},e.prototype.done=function(){return this.progress>=100},e}(),r=function(){function e(){this.bindings={}}return e.prototype.trigger=function(e,t){var i,n,o,s,a;if(null!=this.bindings[e]){for(a=[],n=0,o=(s=this.bindings[e]).length;n<o;n++)i=s[n],a.push(i.call(this,t));return a}},e.prototype.on=function(e,t){var i;return null==(i=this.bindings)[e]&&(i[e]=[]),this.bindings[e].push(t)},e}(),U=window.XMLHttpRequest,j=window.XDomainRequest,H=window.WebSocket,C=function(e,t){var i,n;for(i in n=[],t.prototype)try{null==e[i]&&"function"!=typeof t[i]?"function"==typeof Object.defineProperty?n.push(Object.defineProperty(e,i,{get:function(e){return function(){return t.prototype[e]}}(i),configurable:!0,enumerable:!0})):n.push(e[i]=t.prototype[i]):n.push(void 0)}catch(e){}return n},L=[],c.ignore=function(){var e,t,i;return t=arguments[0],e=2<=arguments.length?K.call(arguments,1):[],L.unshift("ignore"),i=t.apply(null,e),L.shift(),i},c.track=function(){var e,t,i;return t=arguments[0],e=2<=arguments.length?K.call(arguments,1):[],L.unshift("track"),i=t.apply(null,e),L.shift(),i},$=function(e){var t;if(null==e&&(e="GET"),"track"===L[0])return"force";if(!L.length&&R.ajax){if("socket"===e&&R.ajax.trackWebSockets)return!0;if(t=e.toUpperCase(),J.call(R.ajax.trackMethods,t)>=0)return!0}return!1},u=function(e){function t(){var e,i=this;t.__super__.constructor.apply(this,arguments),e=function(e){var t;return t=e.open,e.open=function(n,o,s){return $(n)&&i.trigger("request",{type:n,url:o,request:e}),t.apply(e,arguments)}},window.XMLHttpRequest=function(t){var i;return i=new U(t),e(i),i};try{C(window.XMLHttpRequest,U)}catch(e){}if(null!=j){window.XDomainRequest=function(){var t;return t=new j,e(t),t};try{C(window.XDomainRequest,j)}catch(e){}}if(null!=H&&R.ajax.trackWebSockets){window.WebSocket=function(e,t){var n;return n=null!=t?new H(e,t):new H(e),$("socket")&&i.trigger("request",{type:"socket",url:e,protocols:t,request:n}),n};try{C(window.WebSocket,H)}catch(e){}}}return Q(t,e),t}(r),W=null,N=function(e){var t,i,n,o;for(i=0,n=(o=R.ajax.ignoreURLs).length;i<n;i++)if("string"==typeof(t=o[i])){if(-1!==e.indexOf(t))return!0}else if(t.test(e))return!0;return!1},(A=function(){return null==W&&(W=new u),W})().on("request",(function(e){var i,n,o,s,a;if(s=e.type,o=e.request,a=e.url,!N(a))return c.running||!1===R.restartOnRequestAfter&&"force"!==$(s)?void 0:(n=arguments,"boolean"==typeof(i=R.restartOnRequestAfter||0)&&(i=0),setTimeout((function(){var e,i,a,l,r;if("socket"===s?o.readyState<1:0<(a=o.readyState)&&a<4){for(c.restart(),r=[],e=0,i=(l=c.sources).length;e<i;e++){if((z=l[e])instanceof t){z.watch.apply(z,n);break}r.push(void 0)}return r}}),i))})),t=function(){function e(){this.complete=ee(this.complete,this);var e=this;this.elements=[],A().on("request",(function(){return e.watch.apply(e,arguments)}))}return e.prototype.watch=function(e){var t,i,n,o;if(n=e.type,t=e.request,o=e.url,!N(o))return i="socket"===n?new m(t,this.complete):new g(t,this.complete),this.elements.push(i)},e.prototype.complete=function(e){return this.elements=this.elements.filter((function(t){return t!==e}))},e}(),g=function(e,t){var i,n,o,s,a=this;if(this.progress=0,null!=window.ProgressEvent)for(b(e,"progress",(function(e){return e.lengthComputable?a.progress=100*e.loaded/e.total:a.progress=a.progress+(100-a.progress)/2})),i=0,n=(s=["load","abort","timeout","error"]).length;i<n;i++)b(e,s[i],(function(){return t(a),a.progress=100}));else o=e.onreadystatechange,e.onreadystatechange=function(){var i;return 0===(i=e.readyState)||4===i?(t(a),a.progress=100):3===e.readyState&&(a.progress=50),"function"==typeof o?o.apply(null,arguments):void 0}},m=function(e,t){var i,n,o,s=this;for(this.progress=0,i=0,n=(o=["error","open"]).length;i<n;i++)b(e,o[i],(function(){return t(s),s.progress=100}))},o=function(){function e(e){var t,i,n,o;for(null==e&&(e={}),this.complete=ee(this.complete,this),this.elements=[],null==e.selectors&&(e.selectors=[]),i=0,n=(o=e.selectors).length;i<n;i++)t=o[i],this.elements.push(new s(t,this.complete))}return e.prototype.complete=function(e){return this.elements=this.elements.filter((function(t){return t!==e}))},e}(),s=function(){function e(e,t){this.selector=e,this.completeCallback=t,this.progress=0,this.check()}return e.prototype.check=function(){var e=this;return document.querySelector(this.selector)?this.done():setTimeout((function(){return e.check()}),R.elements.checkInterval)},e.prototype.done=function(){return this.completeCallback(this),this.completeCallback=null,this.progress=100},e}(),n=function(){function e(){var e,t,i=this;this.progress=null!=(t=this.states[document.readyState])?t:100,e=document.onreadystatechange,document.onreadystatechange=function(){return null!=i.states[document.readyState]&&(i.progress=i.states[document.readyState]),"function"==typeof e?e.apply(null,arguments):void 0}}return e.prototype.states={loading:0,interactive:50,complete:100},e}(),a=function(){var e,t,i,n,o,s=this;this.progress=0,e=0,o=[],n=0,i=T(),t=setInterval((function(){var a;return a=T()-i-50,i=T(),o.push(a),o.length>R.eventLag.sampleCount&&o.shift(),e=v(o),++n>=R.eventLag.minSamples&&e<R.eventLag.lagThreshold?(s.progress=100,clearInterval(t)):s.progress=3/(e+3)*100}),50)},h=function(){function e(e){this.source=e,this.last=this.sinceLastUpdate=0,this.rate=R.initialRate,this.catchup=0,this.progress=this.lastProgress=0,null!=this.source&&(this.progress=O(this.source,"progress"))}return e.prototype.tick=function(e,t){var i;return null==t&&(t=O(this.source,"progress")),t>=100&&(this.done=!0),t===this.last?this.sinceLastUpdate+=e:(this.sinceLastUpdate&&(this.rate=(t-this.last)/this.sinceLastUpdate),this.catchup=(t-this.progress)/R.catchupTime,this.sinceLastUpdate=0,this.last=t),t>this.progress&&(this.progress+=this.catchup*e),i=1-Math.pow(this.progress/100,R.easeFactor),this.progress+=i*this.rate*e,this.progress=Math.min(this.lastProgress+R.maxProgressPerFrame,this.progress),this.progress=Math.max(0,this.progress),this.progress=Math.min(100,this.progress),this.lastProgress=this.progress,this.progress},e}(),P=null,B=null,y=null,D=null,f=null,x=null,c.running=!1,E=function(){if(R.restartOnPushState)return c.restart()},null!=window.history.pushState&&(G=window.history.pushState,window.history.pushState=function(){return E(),G.apply(window.history,arguments)}),null!=window.history.replaceState&&(V=window.history.replaceState,window.history.replaceState=function(){return E(),V.apply(window.history,arguments)}),p={ajax:t,elements:o,document:n,eventLag:a},(q=function(){var e,t,n,o,s,a,l,r;for(c.sources=P=[],t=0,o=(a=["ajax","elements","document","eventLag"]).length;t<o;t++)!1!==R[e=a[t]]&&P.push(new p[e](R[e]));for(n=0,s=(r=null!=(l=R.extraSources)?l:[]).length;n<s;n++)z=r[n],P.push(new z(R));return c.bar=y=new i,B=[],D=new h})(),c.stop=function(){return c.trigger("stop"),c.running=!1,y.destroy(),x=!0,null!=f&&("function"==typeof _&&_(f),f=null),q()},c.restart=function(){return c.trigger("restart"),c.stop(),c.start()},c.go=function(){var e;return c.running=!0,y.render(),e=T(),x=!1,f=I((function(t,i){var n,o,s,a,l,r,d,u,p,m,g,b,f,v,_;for(y.progress,o=m=0,s=!0,r=g=0,f=P.length;g<f;r=++g)for(z=P[r],p=null!=B[r]?B[r]:B[r]=[],d=b=0,v=(l=null!=(_=z.elements)?_:[z]).length;b<v;d=++b)a=l[d],s&=(u=null!=p[d]?p[d]:p[d]=new h(a)).done,u.done||(o++,m+=u.tick(t));return n=m/o,y.update(D.tick(t,n)),y.done()||s||x?(y.update(100),c.trigger("done"),setTimeout((function(){return y.finish(),c.running=!1,c.trigger("hide")}),Math.max(R.ghostTime,Math.max(R.minTime-(T()-e),0)))):i()}))},c.start=function(e){S(R,e),c.running=!0;try{y.render()}catch(e){d=e}return document.querySelector(".pace")?(c.trigger("start"),c.go()):setTimeout(c.start,50)},e.exports=c}}).call(d)}(hy);var my=hy.exports;class gy{constructor(e){this.builder=e;const t=`\n            <form class="is-cover-upload-central" style="opacity:1;position:absolute;width:40px;height:40px;" target="target-upload-cover" method="post" action="${this.builder.coverImageHandler}" enctype="multipart/form-data" style="position:relative;width:40px;height:40px;display:inline-block;float:left;background: rgb(90, 156, 38);">\n              <input type="file" tabindex="-1" class="input-file-cover-central" name="fileCover" accept="image/*" style="position:absolute;top:-30px;left:0;width:100%;height:80px;opacity: 0;cursor: pointer;"/>\n              <input tabindex="-1" class="input-custom-value-central" name="hidcustomval" type="hidden" value="${this.builder.customval}" />\n          </form>\n          <svg width="0" height="0" style="position:absolute;display:none;">\n            <defs>\n              <symbol id="icon-refresh" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                  <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                  <path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4"></path>\n                  <path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"></path>\n              </symbol>\n              <symbol id="icon-pencil" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                  <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                  <path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4"></path>\n                  <line x1="13.5" y1="6.5" x2="17.5" y2="10.5"></line>\n              </symbol>\n              <symbol id="icon-settings" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                  <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                  <path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z"></path>\n                  <circle cx="12" cy="12" r="3"></circle>\n              </symbol>\n              <symbol id="icon-more" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                  <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                  <path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>\n                  <path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>\n                  <path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>\n              </symbol>\n            </defs>\n          </svg>\n\n            <iframe id="target-upload-cover" name="target-upload-cover" src="about:blank" style="width:1px;height:1px;position:absolute;top:0;right:-100000px"></iframe>\n        `;e.contentStuff.insertAdjacentHTML("afterbegin",t);let i=`\n        .is-box-tool {\n            display: none;\n            z-index: 1;\n            position: absolute;\n            top: auto;\n            bottom: 0;\n            left: calc(50% - 80px);\n            right: auto;\n            box-sizing: border-box;\n            line-height: 30px;\n            outline: none;\n            text-align: center;\n            cursor: pointer;\n            border-radius: 0px;\n            overflow: hidden;\n          }\n          .is-box-tool button {\n            width: 40px !important;\n            height: 40px !important;\n            cursor: pointer;\n          }\n          .is-box-tool button svg {\n            fill: #fff !important;\n          }\n          .is-box-tool button.is-box-edit {\n            background: rgb(0, 172, 214);\n          }\n          .is-box-tool button.is-module-edit {\n            background: #FF9800;\n          }\n          \n          .is-section-tool {\n            display: none;\n            z-index: 1;\n            position: absolute;\n            top: 15%;\n            right: 0px;\n            left: auto;\n            width: 40px;\n            height: 80px;\n          }\n          .is-section-tool > button {\n            width: 40px;\n            height: 40px;\n            border-radius: 0;\n            line-height: 40px;\n            padding: 0px;\n            font-size: 13px;\n            cursor: pointer;\n            border: none;\n          }\n          .is-section-tool .is-section-edit {\n            background: rgb(0, 172, 214);\n          }\n          .is-section-tool .is-section-edit svg {\n            fill: #fff !important;\n          }\n          .is-section-tool .is-section-remove {\n            background: rgb(247, 99, 46);\n            color: #fff !important;\n          }\n          \n          .is-wrapper {\n            opacity: 0.01;\n            /* setting display=none makes initial script may not work properly */\n            transform-origin: top;\n          }\n          \n          .box-active {\n            animation-name: box-active-anim;\n            animation-duration: 1s;\n          }\n          \n          @keyframes box-active-anim {\n            0% {\n              transform: scale(1);\n            }\n            50% {\n              transform: scale(0.95);\n            }\n            100% {\n              transform: scale(1);\n            }\n          }\n\n          .section-active {\n              animation-name: section-active-anim;\n              animation-duration: 1s;\n          }\n\n          @keyframes section-active-anim {\n              0% {transform:scale(1);}\n              50% {transform:scale(0.95);}\n              100% {transform:scale(1);}\n          }\n          \n          .is-wrapper.is-container-edit > div.section-select, .is-wrapper.is-clean-edit > div.section-select {\n            overflow-x: unset !important;\n            overflow-y: unset !important;\n          }\n\n          ${this.builder.iframe?"":"\n            .is-wrapper.is-edit {\n                padding-left: 61px;\n            }\n            .is-wrapper.is-edit .is-section.is-section-navbar,\n            .is-wrapper.is-edit .is-section.is-section-navbar .is-topbar {\n              left: 0;\n              margin-left: 60px;\n              width: calc(100% - 60px);\n            }\n            .is-wrapper.is-edit .is-section.is-section-navbar .is-topbar.static {\n              width: 100%;\n              margin-left: unset;\n            }\n          "}\n\n          /* protected section */\n          .is-section.protected .is-box-tool {\n            display: none !important;\n          }\n          .is-section.protected .is-box-info {\n            display: none !important;\n          }\n  \n          /* manual selection during animation edit */\n          .hard-select .is-box-tool {\n            display: none !important;\n          }\n          .hard-select .is-box-info {\n            display: none !important;\n          }\n          .hard-select .is-section-tool {\n            display: none !important;\n          }\n          .hard-select .box-select {\n            outline: #00da89 1px solid;\n            outline-offset: -1px;\n            z-index: 1;\n          }\n          .hard-select .box-select .is-box-tool {\n            display: flex !important;\n          }\n          .hard-select .box-select .is-box-info {\n            display: flex !important;\n          }\n          .hard-select .box-select .is-overlay {\n            z-index: -1;\n          }\n          .hard-select .section-select .is-section-tool {\n            display: block !important;\n          }\n  \n          /* drop block as section */\n          .is-wrapper > .sortable-ghost {\n              height: 40px !important;\n              min-height: unset !important;\n              background: rgba(204, 204, 204, 0.15) !important;\n          }\n          .is-wrapper > .sortable-ghost * {\n            opacity: 0 !important;\n          }\n  \n          /* toggle tool */\n          .is-wrapper.is-clean-edit.hard-select .box-select .is-box-tool,\n          .is-wrapper.is-clean-edit .box-select .is-box-tool {\n            display: none !important;\n          }\n          .is-wrapper.is-clean-edit.hard-select .box-select .is-box-info,\n          .is-wrapper.is-clean-edit .box-select .is-box-tool {\n            display: none !important;\n          }\n          .is-wrapper.is-clean-edit.hard-select .section-select .is-section-tool,\n          .is-wrapper.is-clean-edit .section-select .is-section-tool {\n            display: none !important;\n          }\n          .is-wrapper.is-clean-edit.hard-select .box-select,\n          .is-wrapper.is-clean-edit .box-select {\n            outline: none !important;\n          }\n          \n          /* clean UI for selection only */\n          /*\n          .selection-only:not([data-skrollrr-off]) .is-wrapper.hard-select .box-select .is-box-tool,\n          .selection-only:not([data-skrollrr-off]) .is-wrapper .box-select .is-box-tool {\n            display: none !important;\n          }\n          .selection-only:not([data-skrollrr-off]) .is-wrapper.hard-select .box-select .is-box-info,\n          .selection-only:not([data-skrollrr-off]) .is-wrapper .box-select .is-box-info {\n            display: none !important;\n          }\n          .selection-only:not([data-skrollrr-off]) .is-wrapper.hard-select .section-select .is-section-tool,\n          .selection-only:not([data-skrollrr-off]) .is-wrapper .section-select .is-section-tool {\n            display: none !important;\n          }\n          .selection-only:not([data-skrollrr-off]) .is-wrapper .is-rowadd-tool {\n            display: none !important;\n          }\n          .selection-only:not([data-skrollrr-off]) .is-wrapper .is-tool {\n            display: none !important;\n          }\n          .selection-only:not([data-skrollrr-off]) .is-tool {\n            z-index: -10000 !important;\n          }\n          */\n  \n          /* box info */\n          .is-wrapper .is-box-info {\n              position: absolute;\n              z-index: 1;\n              top: 15px;\n              right: 15px;\n              left: auto;\n              width: auto;\n              display: none;\n              border-radius: 50px;\n              overflow:hidden;\n              background: rgba(243, 243, 243, 0.9);\n              width: 92px;\n              justify-content: center;\n          }\n          .is-wrapper .is-box-info button {\n              width:28px;\n              height:28px;\n              cursor:pointer;\n          }\n          .is-wrapper .box-select .is-box-info {\n              display: flex;\n          }\n          .is-wrapper .is-section-navbar .is-box-info {\n              display: none !important;\n          }\n          div.is-section-navbar + div .is-box-info {\n              top: 90px;\n          }\n          \n          /* section info */\n          .is-wrapper .is-section-info {\n              position: absolute;\n              z-index: 1;\n              top: 3px;\n              left: 3px;\n              display: none;\n          }\n          .is-wrapper .is-section-info > div {\n              width: auto;\n              height: auto;\n              padding: 5px 20px;\n              background-color: rgb(255, 239, 100);\n              color: #111;\n              font-family: sans-serif;\n              letter-spacing: 2px;\n              font-size: 17px;\n          }\n          .is-wrapper .section-select .is-section-info {\n              display: block;\n          }\n  \n          /* To make editing possible on wide content */\n          .is-wrapper.is-edit .section-wide-250 .is-box-centered { /*old structure*/\n              overflow-x: auto;\n              overflow-y: hidden;\n          }\n  \n          .is-wrapper.is-container-edit > div.section-wide-250.section-select, \n          .is-wrapper.is-clean-edit > div.section-wide-250.section-select,\n          .is-wrapper.is-edit .section-wide-250 {\n              overflow-x: auto !important;\n              overflow-y: hidden !important;\n          }\n  \n          .is-wrapper.is-edit .section-wide-250 .is-container > div > div { /* To make col tool visible */\n              max-height: 90vh; \n          }\n\n          /* Hide on Zoom */\n          .hard-select .section-select .is-section-tool[data-section-active],\n          .is-section-tool[data-section-active] {\n              display: none !important;\n          }\n          .hard-select .box-select .is-box-tool[data-box-active],\n          .is-box-tool[data-box-active] {\n              display: none !important;\n          }\n          .hard-select .box-select .is-box-info[data-boxinfo-active],\n          .is-box-info[data-boxinfo-active] {\n              display: none !important;\n          }\n        `;e.contentStuff.insertAdjacentHTML("afterbegin",`\n        <style>\n            ${i}\n        </style>\n        `)}}const by=new e;class fy{constructor(e){this.builder=e;const t=this.builder.builderStuff;this.builderStuff=t;let n=`\n        <style>\n        #_cbhtml .is-side.animatescroll, \n        .is-ui .is-side.animatescroll {\n            width: 370px;\n            right: -370px;\n        }\n        #_cbhtml .is-side.animatescroll.active, \n        .is-ui .is-side.animatescroll.active {\n            right: 0;\n        }\n        .animatescroll td {\n            font-size: 13px;\n            padding: 3px 0px;\n        }\n        .animatescroll .table-header td {\n            font-size: 11px;\n            padding: 3px 0 0;\n        }\n        .animatescroll.active {\n            right: 0;\n        }\n        .animatescroll .side-title {\n            font-weight: 400;\n            font-size: 15px;\n            opacity: 0.8;\n            padding: 10px 0 0 18px !important;\n        }\n        .animatescroll .is-tabs a.active {\n            background: none !important;\n        }\n        .animatescroll .is-tabs a {\n            text-transform: none!important;\n            font-size: 13px!important;\n            margin-right: 25px!important;\n            margin-left: 3px!important;\n        }\n        .animatescroll .is-tabs a:last-child {\n            margin-right: 0!important;\n        }\n        .anim-controls {\n            padding: 0 !important;\n            z-index: 1;\n            width: 100%;\n            height: 100%;\n            position: absolute;\n            top: 0;\n            box-sizing: border-box;\n            border-top: transparent 245px solid !important;\n        }\n        #divEnterAnim, #divLeaveAnim, #divAnimSettings {\n            border-top: transparent 55px solid !important;\n            padding:0 15px 20px 22px !important;\n            width: 100%;\n            height: 100%;\n            box-sizing: border-box;\n            overflow-y: auto;\n            overflow-x: hidden;\n            position: absolute;\n            top: 0; left: 0;\n        }\n        .anim-label {\n            padding: 15px 0 5px;\n            width: 100%;\n            flex:none;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n        .anim-label span {\n            display: flex;\n            align-items: center;\n        }\n        .anim-label button {\n            width: 40px !important;\n            margin-left: 2px !important;\n            box-shadow: none !important;\n        }\n        .anim-controls .bold {\n            font-weight: 600;\n        }\n        .anim-controls button,\n        .anim-list button { \n            height: 35px !important;\n            outline-offset: -2px !important;\n        }\n\n        .anim-controls input[type=text],\n        .anim-list input[type=text] {\n            font-size: 13px !important;\n            font-family: sans-serif !important;\n            font-weight: 300 !important;\n            padding: 0 !important;\n            width: 50px !important;\n            height: 35px !important;\n            text-align: center !important;\n        }\n        .anim-controls td input[type=text],\n        .anim-list td input[type=text] {\n            font-size: 13px !important;\n            font-family: sans-serif !important;\n            font-weight: 300 !important;\n            padding: 0 !important;\n            width: 34px !important;\n            height: 30px !important;\n            text-align: center !important;\n            letter-spacing: 0px !important;\n        }\n\n        .flex-wrap {\n            display: flex;\n            flex-flow: wrap;\n            align-items: center;\n        }\n        .flex-nowrap {\n            display: flex;\n            align-items: center;\n        }\n        .inp-slide-left,\n        .inp-slide-right,\n        .inp-slide-up,\n        .inp-slide-down,\n        .inp-scale,\n        .inp-rotate-clockwise,\n        .inp-rotate-counter {\n            width:65px !important;\n            height:35px !important;\n            text-align:center !important;\n            margin-left:10px !important;\n            font-size: 13px !important;\n            font-family: sans-serif !important;\n            font-weight: 300 !important;\n            padding: 0 !important;\n        }\n\n        .div-anim-settings,.div-wizard-settings{\n            height: calc(100vh - 34px)\n        }\n        .div-wizard-settings{\n            padding: 10px 15px 0 18px !important;\n        }\n        .div-anim-apply-to button {\n            width: 80px !important;\n            height: 35px !important;\n        }\n        </style>\n\n        <div class="is-side animatescroll" style="display: block;" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">\n\n            <div class="side-title">${i("Animation")}</div>\n\n            <button tabindex="-1" title="${i("Close")}" class="is-side-close" style="z-index:2;background:transparent;width:25px;height:25px;position:absolute;top:10px;right:13px;box-sizing:border-box;padding:0;line-height:25px;font-size: 12px;text-align:center;cursor:pointer;box-shadow:none;"><svg class="is-icon-flex" style="width:25px;height:25px;"><use xlink:href="#ion-ios-close-empty"></use></svg></button>\n\n            <button tabindex="-1" title="${i("Edit")}" class="cmd-anim-edit" style="z-index:3;width:25px;height:25px;position:absolute;top:64px;right:13px;box-sizing:border-box;padding:0;line-height:25px;font-size: 12px;text-align:center;cursor:pointer;box-shadow:none;"><svg class="is-icon-flex"><use xlink:href="#icon-pencil"></use></svg></button>\n           \n            <div class="div-anim-settings" style="display:none">\n            \n                <div class="div-anim-apply-to" style="padding:18px 10px 22px 18px;z-index:2;position:relative;">\n                    <div class="anim-label" style="margin-bottom:5px">${i("Apply To")}:</div>\n                    <div class="flex-wrap">\n                        <button title="${i("Element")}" class="cmd-target on" data-command="target" data-value="element">${i("Element")}</button>\n                        <button title="${i("Column")}" class="cmd-target" data-command="target" data-value="column">${i("Column")}</button>\n                        <button title="${i("Row")}" class="cmd-target" data-command="target" data-value="row">${i("Row")}</button>\n                        <button title="${i("Container")}" class="cmd-target" data-command="target" data-value="container">${i("Container")}</button>\n                        <button title="${i("Overlay")}" class="cmd-target" data-command="target" data-value="overlay">${i("Overlay")}</button>\n                        <button title="${i("Background")}" class="cmd-target" data-command="target" data-value="bg">${i("Bg")}</button>\n                        <button title="${i("Box")}" class="cmd-target" data-command="target" data-value="box">${i("Box")}</button>\n                        <button title="${i("Section")}" class="cmd-target" data-command="target" data-value="section">${i("Section")}</button>\n                    </div>\n                </div>\n                \n                <div class="div-anim-type">\n                    <div class="is-tabs" style="position:relative;z-index:2;" data-group="animtype">\n                        <a href="" data-content="divAnimDefault" class="active">${i("On View")}</a>\n                        <a href="" data-content="divAnimScroll">${i("On Scroll")}</a>\n                        <a href="" data-content="divAnimScrollSimple">${i("Timeline")}</a>\n                    </div>\n                </div>\n\n                <div id="divAnimScrollSimple" class="is-tab-content active" data-group="animtype" style="padding:0">\n\n                    <div class="anim-controls" style="overflow-y: auto;">\n\n                        <div style="margin-top: 20px;margin-left: 22px;margin-bottom: 20px;">\n\n                            <table style="margin:12px 0 0 0;border-collapse:initial;">\n                                \n                                <tr>\n                                    <td colspan="4"><span class="bold">${i("Slide Horizontal")}</span>:</td>\n                                    <td colspan="5" style="text-align:right;font-style:italic;font-size:12px;">${i("(default: px)")}</td>\n                                </tr>\n                                <tr class="table-header">\n                                    <td style="text-align:center">0%</td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center">50%</td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center">100%</td>\n                                </tr>\n                                <tr>\n                                    <td>\n                                        <input class="inp-simplescroll-x-start" placeholder="-100" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-x-15" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-x-25" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-x-35" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-x-50" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-x-65" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-x-75" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-x-85" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-x-end" placeholder="100" type="text" />\n                                    </td>\n                                </tr>\n                                <tr>\n                                    <td colspan="4" style="padding-top:20px"><span class="bold">${i("Slide Vertical")}</span>:</td>\n                                    <td colspan="5" style="padding-top:20px;text-align:right;font-style:italic;font-size:12px;">${i("(default: px)")}</td>\n                                </tr>\n                                <tr class="table-header">\n                                    <td style="text-align:center">0%</td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center">50%</td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center">100%</td>\n                                </tr>\n                                <tr>\n                                    <td>\n                                        <input class="inp-simplescroll-y-start" placeholder="100%" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-y-15" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-y-25" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-y-35" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-y-50" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-y-65" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-y-75" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-y-85" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-y-end" placeholder="-100%" type="text" />\n                                    </td>\n                                </tr>\n                                <tr>\n                                    <td colspan="9" style="padding-top:20px"><span class="bold">${i("Scale")}</span>:</td>\n                                </tr>\n                                <tr class="table-header">\n                                    <td style="text-align:center">0%</td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center">50%</td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center">100%</td>\n                                </tr>\n                                <tr>\n                                    <td>\n                                        <input class="inp-simplescroll-scale-start" placeholder="0.8" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-scale-15" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-scale-25" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-scale-35" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-scale-50" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-scale-65" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-scale-75" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-scale-85" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-scale-end" placeholder="1.2" type="text" />\n                                    </td>\n                                </tr>\n\n                                <tr>\n                                    <td colspan="9" style="padding-top:20px"><span class="bold">${i("Rotate")}</span>:</td>\n                                </tr>\n                                <tr class="table-header">\n                                    <td style="text-align:center">0%</td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center">50%</td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center">100%</td>\n                                </tr>\n                                <tr>\n                                    <td>\n                                        <input class="inp-simplescroll-rotate-start" placeholder="-45" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-rotate-15" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-rotate-25" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-rotate-35" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-rotate-50" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-rotate-65" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-rotate-75" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-rotate-85" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-rotate-end" placeholder="45" type="text" />\n                                    </td>\n                                </tr>\n\n                                <tr>\n                                    <td colspan="9" style="padding-top:20px"><span class="bold">${i("Opacity")}</span>:</td>\n                                </tr>\n                                <tr class="table-header">\n                                    <td style="text-align:center">0%</td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center">50%</td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center">100%</td>\n                                </tr>\n                                <tr>\n                                    <td>\n                                        <input class="inp-simplescroll-opacity-start" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-opacity-15" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-opacity-25" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-opacity-35" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-opacity-50" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-opacity-65" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-opacity-75" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-opacity-85" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-opacity-end" placeholder="" type="text" />\n                                    </td>\n                                </tr>\n                            </table>\n                            \n                            <div class="flex-wrap" style="margin-top:20px;">\n                                <label for="chkPinSection" style="margin:0;">\n                                    <input id="chkPinSection" type="checkbox" style="margin-left:0"> ${i("Pin Section (visible on preview)")}\n                                </label>\n                            </div>\n                            <div class="div-pin-spacing" style="display:none">\n                                <div style="padding-top:10px;"><span>${i("Pin Spacing")}</span>: </div>\n                                <div class="flex-wrap" style="padding:5px 0 10px">\n\n                                    <button title="0" class="cmd-pin-space" data-value="md" style="padding-left:15px;padding-right:15px;height:34px;">${i("MD")}</button>\n                                    <button title="20" class="cmd-pin-space" data-value="lg" style="padding-left:15px;padding-right:15px;height:34px;">${i("LG")}</button>\n                                    <button title="20" class="cmd-pin-space" data-value="xl" style="padding-left:15px;padding-right:15px;height:34px;">${i("XL")}</button>\n                                \n                                    <label for="chkPinOverlap" style="margin:0;display:flex;margin-left:15px">\n                                        <input id="chkPinOverlap" type="checkbox" style="margin:-1px 6px 0 0"> \n                                        <span>${i("Overlap")}</span>.\n                                    </label>\n                                </div>\n                            </div>\n                            <div class="flex-wrap" style="margin-top:10px;">\n                                <label for="chkDisableSkrollrrOnMobile" style="margin:0;">\n                                    <input id="chkDisableSkrollrrOnMobile" type="checkbox" style="margin-left:0"> ${i("Disable on Mobile")}\n                                </label>\n                            </div>\n\n                            <div class="flex-wrap" style="margin-top:15px;">\n                                <button title="${i("Disable Easing")}" class="cmd-disable-smoothanim" style="padding-left:15px;padding-right: 15px;">${i("Disable Easing")}</button>\n                                <button title="${i("Hidden on Start")}" class="cmd-hidden-onstart" style="padding-left:15px;padding-right: 15px;">${i("Hidden on Start")}</button>\n                            </div>\n\n                            <div style="display:flex;justify-content: flex-end;margin-top: 15px;margin-right: 20px;">\n                                <button title="${i("Clear All")}" class="cmd-clear-simplescroll" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                    <span style="margin-left:7px">${i("Clear All")}</span>\n                                </button>\n                            </div>\n\n                            <div style="display:flex;justify-content: flex-end;margin-top: 5px;margin-right: 20px;">\n                                <button title="${i("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                    <span style="margin-left:7px">${i("Clear All Animations in Section")}</span>\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div id="divAnimDefault" class="is-tab-content active" data-group="animtype" style="display:flex;padding:0">\n\n                    <div class="anim-controls" style="overflow-y: auto;">\n\n                        <div style="padding:10px 0 20px 22px;">\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Fade")}</span>: \n                                </span> \n                            </div>\n                            <div class="flex-wrap">\n                                <button title="${i("In")}" class="cmd-basic-anim" data-value="is-fadeIn" style="width:60px">${i("In")}</button>\n                                <button title="${i("Left")}" class="cmd-basic-anim" data-value="is-fadeInLeft" style="width:60px">${i("Left")}</button>\n                                <button title="${i("Right")}" class="cmd-basic-anim" data-value="is-fadeInRight" style="width:60px">${i("Right")}</button>\n                                <button title="${i("Up")}" class="cmd-basic-anim" data-value="is-fadeInUp" style="width:60px">${i("Up")}</button>\n                                <button title="${i("Down")}" class="cmd-basic-anim" data-value="is-fadeInDown" style="width:60px">${i("Down")}</button>\n                            </div>\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Slide")}</span>: \n                                </span> \n                            </div>\n                            <div class="flex-wrap">\n                                <button title="${i("Left")}" class="cmd-basic-anim" data-value="is-slideInLeft" style="width:60px">${i("Left")}</button>\n                                <button title="${i("Right")}" class="cmd-basic-anim" data-value="is-slideInRight" style="width:60px">${i("Right")}</button>\n                                <button title="${i("Up")}" class="cmd-basic-anim" data-value="is-slideInUp" style="width:60px">${i("Up")}</button>\n                                <button title="${i("Down")}" class="cmd-basic-anim" data-value="is-slideInDown" style="width:60px">${i("Down")}</button>\n                            </div>\n                            \n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Flip")}</span>: \n                                </span> \n                            </div>\n                            <div class="flex-wrap">\n                                <button title="${i("Horizontal")}" class="cmd-basic-anim" data-value="is-flipInY" style="width:90px">${i("Horizontal")}</button>\n                                <button title="${i("Vertical")}" class="cmd-basic-anim" data-value="is-flipInX" style="width:90px">${i("Vertical")}</button>\n                            </div>\n                            \n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Zoom")}</span>: \n                                </span> \n                            </div>\n                            <div class="flex-wrap">\n                                <button title="${i("In")}" class="cmd-basic-anim" data-value="is-zoomIn" style="width:90px">${i("In")}</button>\n                                <button title="${i("Out")}" class="cmd-basic-anim" data-value="is-zoomOut" style="width:90px">${i("Out")}</button>\n                            </div>\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Pulse")}</span>: \n                                </span> \n                            </div>\n                            <div class="flex-wrap">\n                                <button title="${i("In")}" class="cmd-basic-anim" data-value="is-pulse" style="width:90px">${i("Pulse")}</button>\n                            </div>\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Bounce")}</span>: \n                                </span> \n                            </div>\n                            <div class="flex-wrap">\n                                <button title="${i("In")}" class="cmd-basic-anim" data-value="is-bounceIn" style="width:90px">${i("Bounce")}</button>\n                            </div>\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Animation Delay")}</span>: \n                                </span> \n                            </div>\n                            <div class="flex-wrap">\n                                <button title="0s" class="cmd-basic-delay" data-value="delay-0ms" style="width:55px">0s</button>\n                                <button title="0.1s" class="cmd-basic-delay" data-value="delay-100ms" style="width:55px">0.1s</button>\n                                <button title="0.2s" class="cmd-basic-delay" data-value="delay-200ms" style="width:55px">0.2s</button>\n                                <button title="0.3s" class="cmd-basic-delay" data-value="delay-300ms" style="width:55px">0.3s</button>\n                                <button title="0.4s" class="cmd-basic-delay" data-value="delay-400ms" style="width:55px">0.4s</button>\n                                <button title="0.5s" class="cmd-basic-delay" data-value="delay-500ms" style="width:55px">0.5s</button>\n                                <button title="0.6s" class="cmd-basic-delay" data-value="delay-600ms" style="width:55px">0.6s</button>\n                                <button title="0.7s" class="cmd-basic-delay" data-value="delay-700ms" style="width:55px">0.7s</button>\n                                <button title="0.8s" class="cmd-basic-delay" data-value="delay-800ms" style="width:55px">0.8s</button>\n                                <button title="0.9s" class="cmd-basic-delay" data-value="delay-900ms" style="width:55px">0.9s</button>\n                                <button title="1s" class="cmd-basic-delay" data-value="delay-1000ms" style="width:55px">1s</button>\n                                <button title="1.1s" class="cmd-basic-delay" data-value="delay-1100ms" style="width:55px">1.1s</button>\n                                <button title="1.2s" class="cmd-basic-delay" data-value="delay-1200ms" style="width:55px">1.2s</button>\n                                <button title="1.3s" class="cmd-basic-delay" data-value="delay-1300ms" style="width:55px">1.3s</button>\n                                <button title="1.4s" class="cmd-basic-delay" data-value="delay-1400ms" style="width:55px">1.4s</button>\n                                <button title="${i("Clear")}" class="cmd-clear-delay" style="width:45px;background: none;box-shadow:none;">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                            </div>\n\n                            <button title="${i("Animate Once")}" class="cmd-basic-once" style="flex: none;margin-top:15px;width:165px;">\n                                ${i("Animate Once")}\n                            </button>\n\n                            <div style="display:flex;justify-content: flex-end;margin-top: 15px;margin-right: 20px;">\n                                <button title="${i("Clear All")}" class="cmd-clear-basicanim" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                    <span style="margin-left:7px">${i("Clear All")}</span>\n                                </button>\n                            </div>\n\n                            <div style="display:flex;justify-content: flex-end;margin-top: 5px;margin-right: 20px;">\n                                <button title="${i("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                    <span style="margin-left:7px">${i("Clear All Animations in Section")}</span>\n                                </button>\n                            </div>\n                        </div>\n\n                    </div>\n\n                </div>\n\n                <div id="divAnimScroll" class="is-tab-content" data-group="animtype" style="padding:0">\n\n                    <div class="anim-controls">\n\n                        <div class="is-tabs clearfix" style="padding-top:20px;position:relative;z-index:1;background:none;" data-group="skrollanim">\n                            <a href="" data-content="divEnterAnim" class="active">${i("On Enter")}</a>\n                            <a href="" data-content="divLeaveAnim">${i("On Leave")}</a>\n                            <a href="" data-content="divAnimSettings">${i("Settings")}</a>\n                        </div>\n\n                        <div id="divEnterAnim" class="is-tab-content active" data-group="skrollanim" style="display:flex;padding-top:0">\n                            \n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Slide Left")}</span>: \n                                    <input class="inp-slide-left" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-slide-left" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                                \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-arrow-left"></use></svg>--\x3e\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="75" class="cmd-slidex" data-command="slidex" data-value="75px" style="width:60px">75</button>\n                                <button title="100" class="cmd-slidex" data-command="slidex" data-value="100px" style="width:60px">100</button>\n                                <button title="125" class="cmd-slidex" data-command="slidex" data-value="125px" style="width:60px">125</button>\n                                <button title="150" class="cmd-slidex" data-command="slidex" data-value="150px" style="width:60px">150</button>\n                                <button title="200" class="cmd-slidex" data-command="slidex" data-value="200px" style="width:60px">200</button>\n                                <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n                            </div>\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Slide Right")}</span>: \n                                    <input class="inp-slide-right" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-slide-right" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                                \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-arrow-right"></use></svg>--\x3e\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="75" class="cmd-slidex" data-command="slidex" data-value="-75px" style="width:60px">75</button>\n                                <button title="100" class="cmd-slidex" data-command="slidex" data-value="-100px" style="width:60px">100</button>\n                                <button title="125" class="cmd-slidex" data-command="slidex" data-value="-125px" style="width:60px">125</button>\n                                <button title="150" class="cmd-slidex" data-command="slidex" data-value="-150px" style="width:60px">150</button>\n                                <button title="200" class="cmd-slidex" data-command="slidex" data-value="-200px" style="width:60px">200</button>\n                                <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n                            </div>\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Slide Up")}</span>: \n                                    <input class="inp-slide-up" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-slide-up" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                                \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-arrow-up"></use></svg>--\x3e\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="75" class="cmd-slidey" data-command="slidey" data-value="75px" style="width:60px">75</button>\n                                <button title="100" class="cmd-slidey" data-command="slidey" data-value="100px" style="width:60px">100</button>\n                                <button title="125" class="cmd-slidey" data-command="slidey" data-value="125px" style="width:60px">125</button>\n                                <button title="150" class="cmd-slidey" data-command="slidey" data-value="150px" style="width:60px">150</button>\n                                <button title="200" class="cmd-slidey" data-command="slidey" data-value="200px" style="width:60px">200</button>\n                                <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n                            </div>\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Slide Down")}</span>:\n                                    <input class="inp-slide-down" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-slide-down" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                                \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-arrow-down"></use></svg>--\x3e\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="75" class="cmd-slidey" data-command="slidey" data-value="-75px" style="width:60px">75</button>\n                                <button title="100" class="cmd-slidey" data-command="slidey" data-value="-100px" style="width:60px">100</button>\n                                <button title="125" class="cmd-slidey" data-command="slidey" data-value="-125px" style="width:60px">125</button>\n                                <button title="150" class="cmd-slidey" data-command="slidey" data-value="-150px" style="width:60px">150</button>\n                                <button title="200" class="cmd-slidey" data-command="slidey" data-value="-200px" style="width:60px">200</button>\n                                <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n                            </div>\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Scale")}</span>: \n                                    <input class="inp-scale" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-scale" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                                \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-arrows-diagonal"></use></svg>--\x3e\n                            </div>\n                            <div class="flex-nowrap">\n                                <button title="0.5" class="cmd-scale" data-command="scale" data-value="0.5" style="width:55px">0.5</button>\n                                <button title="0.8" class="cmd-scale" data-command="scale" data-value="0.8" style="width:55px">0.8</button>\n                                <button title="0.9" class="cmd-scale" data-command="scale" data-value="0.9" style="width:55px">0.9</button>\n                                <button title="1.1" class="cmd-scale" data-command="scale" data-value="1.1" style="width:55px">1.1</button>\n                                <button title="1.2" class="cmd-scale" data-command="scale" data-value="1.2" style="width:55px">1.2</button>\n                                <button title="2" class="cmd-scale" data-command="scale" data-value="2" style="width:55px">2</button>\n                            </div>\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Rotate Clockwise")}</span>: \n                                    <input class="inp-rotate-clockwise" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-rotate-clockwise" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                                \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-rotate-clockwise"></use></svg>--\x3e\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="10" class="cmd-rotate" data-command="rotate" data-value="-10" style="width:60px">10°</button>\n                                <button title="20" class="cmd-rotate" data-command="rotate" data-value="-20" style="width:60px">20°</button>\n                                <button title="30" class="cmd-rotate" data-command="rotate" data-value="-30" style="width:60px">30°</button>\n                                <button title="60" class="cmd-rotate" data-command="rotate" data-value="-60" style="width:60px">60°</button>\n                                <button title="90" class="cmd-rotate" data-command="rotate" data-value="-90" style="width:60px">90°</button>\n                            </div>\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Rotate Counterclockwise")}</span>: \n                                    <input class="inp-rotate-counter" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-rotate-counter" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                                \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-rotate-2"></use></svg>--\x3e\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="10" class="cmd-rotate" data-command="rotate" data-value="10" style="width:60px">10°</button>\n                                <button title="20" class="cmd-rotate" data-command="rotate" data-value="20" style="width:60px">20°</button>\n                                <button title="30" class="cmd-rotate" data-command="rotate" data-value="30" style="width:60px">30°</button>\n                                <button title="60" class="cmd-rotate" data-command="rotate" data-value="60" style="width:60px">60°</button>\n                                <button title="90" class="cmd-rotate" data-command="rotate" data-value="90" style="width:60px">90°</button>\n                            </div>\n\n                            <div class="anim-label">\n                                <span class="bold">${i("Fade")}</span>: \n                                \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-circle-half"></use></svg>--\x3e\n                            </div>\n                            <button title="${i("Fade In")}" class="cmd-fade" style="flex: none;width:125px">${i("Fade In")}</button>\n\n                            <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n                                <button title="${i("Clear All")}" class="cmd-clear-scrollanim" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                    <span style="margin-left:7px">${i("Clear All")}</span>\n                                </button>\n                            </div>\n\n                            <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n                                <button title="${i("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                    <span style="margin-left:7px">${i("Clear All Animations in Section")}</span>\n                                </button>\n                            </div>\n\n                        </div>\n\n                        <div id="divLeaveAnim" class="is-tab-content" data-group="skrollanim" style="padding-top:0">\n\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Slide Left")}</span>: <input class="inp-slide-left" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-slide-left" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="75" class="cmd-slidex" data-command="slidex" data-value="-75px" style="width:60px">75</button>\n                                <button title="100" class="cmd-slidex" data-command="slidex" data-value="-100px" style="width:60px">100</button>\n                                <button title="125" class="cmd-slidex" data-command="slidex" data-value="-125px" style="width:60px">125</button>\n                                <button title="150" class="cmd-slidex" data-command="slidex" data-value="-150px" style="width:60px">150</button>\n                                <button title="200" class="cmd-slidex" data-command="slidex" data-value="-200px" style="width:60px">200</button>\n                                <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n                            </div>\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Slide Right")}</span>: \n                                    <input class="inp-slide-right" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-slide-right" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="75" class="cmd-slidex" data-command="slidex" data-value="75px" style="width:60px">75</button>\n                                <button title="100" class="cmd-slidex" data-command="slidex" data-value="100px" style="width:60px">100</button>\n                                <button title="125" class="cmd-slidex" data-command="slidex" data-value="125px" style="width:60px">125</button>\n                                <button title="150" class="cmd-slidex" data-command="slidex" data-value="150px" style="width:60px">150</button>\n                                <button title="200" class="cmd-slidex" data-command="slidex" data-value="200px" style="width:60px">200</button>\n                                <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n                            </div>\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Slide Up")}</span>: \n                                    <input class="inp-slide-up" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-slide-up" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="75" class="cmd-slidey" data-command="slidey" data-value="-75px" style="width:60px">75</button>\n                                <button title="100" class="cmd-slidey" data-command="slidey" data-value="-100px" style="width:60px">100</button>\n                                <button title="125" class="cmd-slidey" data-command="slidey" data-value="-125px" style="width:60px">125</button>\n                                <button title="150" class="cmd-slidey" data-command="slidey" data-value="-150px" style="width:60px">150</button>\n                                <button title="200" class="cmd-slidey" data-command="slidey" data-value="-200px" style="width:60px">200</button>\n                                <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n                            </div>\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Slide Down")}</span>:\n                                    <input class="inp-slide-down" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-slide-down" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="75" class="cmd-slidey" data-command="slidey" data-value="75px" style="width:60px">75</button>\n                                <button title="100" class="cmd-slidey" data-command="slidey" data-value="100px" style="width:60px">100</button>\n                                <button title="125" class="cmd-slidey" data-command="slidey" data-value="125px" style="width:60px">125</button>\n                                <button title="150" class="cmd-slidey" data-command="slidey" data-value="150px" style="width:60px">150</button>\n                                <button title="200" class="cmd-slidey" data-command="slidey" data-value="200px" style="width:60px">200</button>\n                                <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n                            </div>\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Scale")}</span>: \n                                    <input class="inp-scale" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-scale" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                            </div>\n                            <div class="flex-nowrap">\n                                <button title="0.5" class="cmd-scale" data-command="scale" data-value="0.5" style="width:55px">0.5</button>\n                                <button title="0.8" class="cmd-scale" data-command="scale" data-value="0.8" style="width:55px">0.8</button>\n                                <button title="0.9" class="cmd-scale" data-command="scale" data-value="0.9" style="width:55px">0.9</button>\n                                <button title="1.1" class="cmd-scale" data-command="scale" data-value="1.1" style="width:55px">1.1</button>\n                                <button title="1.2" class="cmd-scale" data-command="scale" data-value="1.2" style="width:55px">1.2</button>\n                                <button title="2" class="cmd-scale" data-command="scale" data-value="2" style="width:55px">2</button>\n                            </div>\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Rotate Clockwise")}</span>: \n                                    <input class="inp-rotate-clockwise" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-rotate-clockwise" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                                \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-rotate-clockwise"></use></svg>--\x3e\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="10" class="cmd-rotate" data-command="rotate" data-value="10" style="width:60px">10°</button>\n                                <button title="20" class="cmd-rotate" data-command="rotate" data-value="20" style="width:60px">20°</button>\n                                <button title="30" class="cmd-rotate" data-command="rotate" data-value="30" style="width:60px">30°</button>\n                                <button title="60" class="cmd-rotate" data-command="rotate" data-value="60" style="width:60px">60°</button>\n                                <button title="90" class="cmd-rotate" data-command="rotate" data-value="90" style="width:60px">90°</button>\n                            </div>\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Rotate Counterclockwise")}</span>: \n                                    <input class="inp-rotate-counter" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-rotate-counter" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                                \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-rotate-2"></use></svg>--\x3e\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="10" class="cmd-rotate" data-command="rotate" data-value="-10" style="width:60px">10°</button>\n                                <button title="20" class="cmd-rotate" data-command="rotate" data-value="-20" style="width:60px">20°</button>\n                                <button title="30" class="cmd-rotate" data-command="rotate" data-value="-30" style="width:60px">30°</button>\n                                <button title="60" class="cmd-rotate" data-command="rotate" data-value="-60" style="width:60px">60°</button>\n                                <button title="90" class="cmd-rotate" data-command="rotate" data-value="-90" style="width:60px">90°</button>\n                            </div>\n\n                            <div class="anim-label">\n                                <span class="bold">${i("Fade")}</span>: \n                            </div>\n                            <button title="${i("Fade In")}" class="cmd-fade" style="flex: none;width:125px">${i("Fade Out")}</button>\n\n                            <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n                                <button title="${i("Clear All")}" class="cmd-clear-scrollanim" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                    <span style="margin-left:7px">${i("Clear All")}</span>\n                                </button>\n                            </div>\n\n                            <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n                                <button title="${i("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                    <span style="margin-left:7px">${i("Clear All Animations in Section")}</span>\n                                </button>\n                            </div>\n\n                        </div>\n\n                        <div id="divAnimSettings" class="is-tab-content" data-group="skrollanim" style="padding-top:0">\n                            \n                            <div class="anim-label bold" style="margin-top:5px">${i("Enter")}:</div>\n\n                            <div class="anim-label" style="padding-top:10px">${i("Start")}:</div>\n                            <div class="flex-wrap">\n                                <button title="${i("Normal")}" class="cmd-start on" data-value="data-bottom-top" style="width:74px">${i("Normal")}</button>\n                                <button title="${i("Delayed")}" class="cmd-start" data-value="data-400-bottom" style="width:74px">${i("Delayed")}</button>\n                                <button title="${i("Late")}" class="cmd-start" data-value="data-200-bottom" style="width:74px">${i("Late")}</button>\n                                <button title="${i("Very Late")}" class="cmd-start" data-value="data--50-bottom" style="width:95px">${i("Very Late")}</button>\n                            </div>\n                            \n                            <div class="anim-label">${i("End")}:</div>\n                            <div class="flex-wrap">\n                                <button title="${i("Very Soon")}" class="cmd-end" data-value="data-bottom" style="width:95px">${i("Very Soon")}</button>\n                                <button title="${i("Soon")}" class="cmd-end" data-value="data-center-top" style="width:74px">${i("Soon")}</button>\n                                <button title="${i("Normal")}" class="cmd-end on" data-value="data-center" style="width:74px">${i("Normal")}</button>\n                            </div>\n\n                            <div class="anim-label bold" style="margin-top:20px">${i("Leave")}:</div>\n\n                            <div class="anim-label" style="padding-top:10px">${i("Start")}:</div>\n                            <div class="flex-wrap">\n                                <button title="${i("Normal")}" class="cmd-leave-start on" data-value="data-center-bottom" style="width:74px">${i("Normal")}</button>\n                                <button title="${i("Delayed")}" class="cmd-leave-start" data-value="data-100-top" style="width:74px">${i("Delayed")}</button>\n                                <button title="${i("Late")}" class="cmd-leave-start" data-value="data-50-top" style="width:74px">${i("Late")}</button>\n                                <button title="${i("Very Late")}" class="cmd-leave-start" data-value="data-top" style="width:95px">${i("Very Late")}</button>\n                            </div>\n\n                            <div class="flex-wrap" style="margin-top:20px;">\n                                <button title="${i("Disable Easing")}" class="cmd-disable-smoothanim" data-value="data-center" style="padding-left:15px;padding-right: 15px;">${i("Disable Easing")}</button>\n                            </div>\n                        </div>\n\n                \n                    </div>\n\n                </div>\n\n                <div class="dummy-elm"></div>\n\n            </div>\n\n            <div class="div-wizard-settings" style="display:block">\n                \x3c!--<div class="anim-label" style="margin-bottom:15px">${i("Apply To")}: ${i("Section")}</div>--\x3e\n\n                <div class="flex-wrap" style="margin-top: 10px;">\n                    <label class="label-checkbox" for="chkPresetAnimOnce" style="margin:0;margin-right:15px;">\n                        <input id="chkPresetAnimOnce" type="checkbox" />\n                        ${i("Animate Once")}\n                    </label>\n\n                    <button title="${i("Clear")}" class="cmd-clear-anim-wizard" style="width:100px">\n                        <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                        <span style="margin-left:7px">${i("Clear")}</span>\n                    </button>\n                </div>\n\n                <div class="anim-preset-list" style="height: calc(100vh - 97px);\n                overflow: auto;\n                width: 347px;">\n                    <div style="display:flex;\n                    flex-direction: column;\n                    align-items: flex-start;\n                    padding: 0 20px 20px 0;\n                    ">\n                        <div style="margin: 20px 0 5px;">${i("Fade In")}</div>\n                        <button title="${i("Fade In")}" class="cmd-preset-onview" data-value="is-fadeIn" data-delay="100" style="width:100%;height:90px;overflow:hidden;">\n                            <img src="${this.builder.assetPath+"images/fade-in.gif"}" />\n                        </button>   \n\n                        <div style="margin: 20px 0 5px;">${i("Fade In - Slow")}</div>\n                        <button title="${i("Fade In - Slow")}" class="cmd-preset-onview" data-value="is-fadeIn" data-delay="300" style="width:100%;height:90px;overflow:hidden;">\n                            <img src="${this.builder.assetPath+"images/fade-in-slow.gif"}" />\n                        </button>   \n\n                        <div style="margin: 20px 0 5px;">${i("Fade In Up")}</div>\n                        <button title="${i("Fade In Up")}" class="cmd-preset-onview" data-value="is-fadeInUp" data-delay="100" style="width:100%;height:90px;overflow:hidden;">\n                            <img src="${this.builder.assetPath+"images/fade-in-up.gif"}" />\n                        </button>   \n\n                        <div style="margin: 20px 0 5px;">${i("Fade In Up - Slow")}</div>\n                        <button title="${i("Fade In Up - Slow")}" class="cmd-preset-onview" data-value="is-fadeInUp" data-delay="300" style="width:100%;height:90px;overflow:hidden;">\n                        <img src="${this.builder.assetPath+"images/fade-in-up-slow.gif"}" />\n                        </button>   \n\n                        <div style="margin: 20px 0 5px;">${i("Slide Up")}</div>\n                        <button title="${i("Slide Up")}" class="cmd-preset-onview" data-value="is-slideInUp" data-delay="100" style="width:100%;height:90px;overflow:hidden;">\n                            <img src="${this.builder.assetPath+"images/slide-up.gif"}" />\n                        </button>   \n\n                        <div style="margin: 20px 0 5px;">${i("Slide Up - Slow")}</div>\n                        <button title="${i("Slide Up - Slow")}" class="cmd-preset-onview" data-value="is-slideInUp" data-delay="300" style="width:100%;height:90px;overflow:hidden;">\n                            <img src="${this.builder.assetPath+"images/slide-up-slow.gif"}" />\n                        </button>   \n\n                        <div style="margin: 20px 0 5px;">${i("Zoom In")}</div>\n                        <button title="${i("Zoom In")}" class="cmd-preset-onview" data-value="is-zoomIn" data-delay="300" style="width:100%;height:90px;overflow:hidden;">\n                            <img src="${this.builder.assetPath+"images/zoom-in.gif"}" />\n                        </button>   \n\n                        <div style="margin: 20px 0 5px;">${i("Zoom Out")}</div>\n                        <button title="${i("Zoom Out")}" class="cmd-preset-onview" data-value="is-zoomOut" data-delay="300" style="width:100%;height:90px;overflow:hidden;">\n                            <img src="${this.builder.assetPath+"images/zoom-out.gif"}" />\n                        </button>   \n                    </div>\n                </div>\n\n            </div>\n\n        </div>\n        `;by.appendHtml(t,n);const o=t.querySelector(".is-side.animatescroll");this.modalAnimateScroll=o;const s=o.querySelector("#divEnterAnim");this.divEnterAnim=s;const a=o.querySelector("#divLeaveAnim");this.divLeaveAnim=a;o.querySelector(".is-side-close").addEventListener("click",(()=>{this.close()})),this.divAnimScrollSimple=o.querySelector("#divAnimScrollSimple"),this.divAnimSettings=o.querySelector("#divAnimSettings");const l=this.builder.sidebar.pageQuickSettings.querySelector(".cmd-open-preview-window");this.btnOpenPreviewWindow=l;let r=o.querySelectorAll(".cmd-target");r.forEach((e=>{e.addEventListener("click",(()=>{o.querySelectorAll(".cmd-target").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.read()}))}));const d=o.querySelector(".div-anim-settings"),c=o.querySelector(".div-wizard-settings"),u=o.querySelector(".cmd-anim-edit");u.addEventListener("click",(()=>{u.classList.contains("on")?(u.classList.remove("on"),d.style.display="none",c.style.display="block"):(u.classList.add("on"),c.style.display="none",d.style.display="block")}));o.querySelectorAll(".cmd-clear-anim-all").forEach((e=>{e.addEventListener("click",(()=>{this.builder.activeSection&&(this.builder.editor.saveForUndo(),this.clearAllAnim(),this.clearSettings(),this.modalAnimateScroll.querySelector(".cmd-start.on")||(e=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'))&&e.classList.add("on"),this.modalAnimateScroll.querySelector(".cmd-end.on")||(e=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'))&&e.classList.add("on"),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(e=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'))&&e.classList.add("on"),this.builder.settings.onChange())}))}));o.querySelector(".cmd-clear-anim-wizard").addEventListener("click",(()=>{const e=this.builder.activeSection;if(!e)return;let t;this.builder.editor.saveForUndo(),t=e.querySelectorAll(".is-animated"),t.forEach((e=>{e.classList.contains("is-overlay-bg")||(this.cleanupBasic(e),this.cleanupDelay(e))})),this.builder.settings.onRender(),this.builder.settings.onChange()}));o.querySelectorAll(".cmd-preset-onview").forEach((e=>{e.addEventListener("click",(()=>{const t=e.getAttribute("data-value"),i=e.getAttribute("data-delay");this.applyPresetBasic(t,i)}))}));const p=o.querySelector("#chkPresetAnimOnce");p.addEventListener("click",(()=>{this.builder.activeSection&&(this.builder.editor.saveForUndo(),p.checked?this.animateOnce():this.alwaysAnimate(),this.builder.settings.onChange())}));const h=o.querySelector(".cmd-basic-once");r=o.querySelectorAll(".cmd-basic-anim"),r.forEach((e=>{e.addEventListener("click",(()=>{if(e.classList.contains("on"))return e.classList.remove("on"),h.classList.remove("on"),void this.applyBasic();o.querySelectorAll(".cmd-basic-anim").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.applyBasic()}))})),r=o.querySelectorAll(".cmd-basic-delay"),r.forEach((e=>{e.addEventListener("click",(()=>{if(e.classList.contains("on"))return e.classList.remove("on"),void this.applyDelay();o.querySelectorAll(".cmd-basic-delay").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.applyDelay()}))})),o.querySelector(".cmd-clear-delay").addEventListener("click",(()=>{o.querySelectorAll(".cmd-basic-delay").forEach((e=>{e.classList.remove("on")})),this.applyDelay()})),h.addEventListener("click",(()=>{h.classList.contains("on")?h.classList.remove("on"):h.classList.add("on"),this.applyBasic()})),o.querySelector(".cmd-clear-basicanim").addEventListener("click",(()=>{let e;e=this.getTarget().element,e&&(this.builder.editor.saveForUndo(),this.cleanupBasic(e),this.cleanupDelay(e),e.classList.remove("is-inview"),e.removeAttribute("data-scroll"),this.read(),this.builder.settings.onChange())})),r=o.querySelectorAll(".cmd-start"),r.forEach((e=>{e.addEventListener("click",(()=>{o.querySelectorAll(".cmd-start").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.apply()}))})),r=o.querySelectorAll(".cmd-end"),r.forEach((e=>{e.addEventListener("click",(()=>{o.querySelectorAll(".cmd-end").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.apply()}))})),r=o.querySelectorAll(".cmd-leave-start"),r.forEach((e=>{e.addEventListener("click",(()=>{o.querySelectorAll(".cmd-leave-start").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.apply()}))})),r=s.querySelectorAll(".cmd-slidex"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=s.querySelector(".inp-slide-right"),i=s.querySelector(".inp-slide-left");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",i.value="",void this.apply();s.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),-1!==e.getAttribute("data-value").indexOf("-")?(t.value=e.getAttribute("data-value").replace("-","").replace("px",""),i.value=""):(i.value=e.getAttribute("data-value").replace("px",""),t.value=""),this.apply()}))}));const m=s.querySelector(".inp-slide-right"),g=s.querySelector(".inp-slide-left");m.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),g.value="",this.apply();let e=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="-${m.value}px"]`);e&&e.classList.add("on")})),g.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),m.value="",this.apply();let e=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="${g.value}px"]`);e&&e.classList.add("on")})),r=s.querySelectorAll(".cmd-slidey"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=s.querySelector(".inp-slide-up"),i=s.querySelector(".inp-slide-down");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",i.value="",void this.apply();s.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),-1!==e.getAttribute("data-value").indexOf("-")?(i.value=e.getAttribute("data-value").replace("-","").replace("px",""),t.value=""):(t.value=e.getAttribute("data-value").replace("px",""),i.value=""),this.apply()}))}));const b=s.querySelector(".inp-slide-up"),f=s.querySelector(".inp-slide-down");f.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),b.value="",this.apply();let e=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="-${f.value}px"]`);e&&e.classList.add("on")})),b.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),f.value="",this.apply();let e=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="${b.value}px"]`);e&&e.classList.add("on")})),r=s.querySelectorAll(".cmd-scale"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=s.querySelector(".inp-scale");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",void this.apply();s.querySelectorAll(".cmd-scale").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),t.value=e.getAttribute("data-value"),this.apply()}))}));const v=s.querySelector(".inp-scale");v.addEventListener("change",(()=>{s.querySelectorAll(".cmd-scale").forEach((e=>{e.classList.remove("on")})),this.apply();let e=this.divEnterAnim.querySelector(`.cmd-scale[data-value="${v.value}"]`);e&&e.classList.add("on")})),r=s.querySelectorAll(".cmd-rotate"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=s.querySelector(".inp-rotate-clockwise"),i=s.querySelector(".inp-rotate-counter");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",i.value="",void this.apply();s.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),-1!==e.getAttribute("data-value").indexOf("-")?(t.value=e.getAttribute("data-value").replace("-",""),i.value=""):(i.value=e.getAttribute("data-value"),t.value=""),this.apply()}))}));const y=s.querySelector(".inp-rotate-clockwise"),x=s.querySelector(".inp-rotate-counter");y.addEventListener("change",(()=>{s.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),x.value="",this.apply();let e=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="-${y.value}"]`);e&&e.classList.add("on")})),x.addEventListener("change",(()=>{s.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),y.value="",this.apply();let e=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="${x.value}"]`);e&&e.classList.add("on")}));let _=s.querySelector(".cmd-fade");_.addEventListener("click",(()=>{_.classList.contains("on")?_.classList.remove("on"):_.classList.add("on"),this.apply()})),s.querySelector(".cmd-clear-slide-left").addEventListener("click",(()=>{const e=s.querySelector(".inp-slide-left");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",s.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-slide-right").addEventListener("click",(()=>{const e=s.querySelector(".inp-slide-right");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",s.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-slide-up").addEventListener("click",(()=>{const e=s.querySelector(".inp-slide-up");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",s.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-slide-down").addEventListener("click",(()=>{const e=s.querySelector(".inp-slide-down");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",s.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-scale").addEventListener("click",(()=>{this.builder.editor.saveForUndo();s.querySelector(".inp-scale").value="",s.querySelectorAll(".cmd-scale").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-rotate-clockwise").addEventListener("click",(()=>{const e=this.divEnterAnim.querySelector(".inp-rotate-clockwise");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",s.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-rotate-counter").addEventListener("click",(()=>{const e=this.divEnterAnim.querySelector(".inp-rotate-counter");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",s.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-scrollanim").addEventListener("click",(()=>{let e;e=this.getTarget().element,e&&(this.builder.editor.saveForUndo(),this.cleanup(e),e.style.transform="",e.style.transition="",e.style.opacity="",this.read(),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange())})),r=a.querySelectorAll(".cmd-slidex"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=a.querySelector(".inp-slide-left"),i=a.querySelector(".inp-slide-right");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",i.value="",void this.apply();a.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),-1!==e.getAttribute("data-value").indexOf("-")?(t.value=e.getAttribute("data-value").replace("-","").replace("px",""),i.value=""):(i.value=e.getAttribute("data-value").replace("px",""),t.value=""),this.apply()}))}));const w=a.querySelector(".inp-slide-left"),S=a.querySelector(".inp-slide-right");w.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),S.value="",this.apply();let e=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="-${w.value}px"]`);e&&e.classList.add("on")})),S.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),w.value="",this.apply();let e=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="${S.value}px"]`);e&&e.classList.add("on")})),r=a.querySelectorAll(".cmd-slidey"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=a.querySelector(".inp-slide-up"),i=a.querySelector(".inp-slide-down");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",i.value="",void this.apply();a.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),-1!==e.getAttribute("data-value").indexOf("-")?(t.value=e.getAttribute("data-value").replace("-","").replace("px",""),i.value=""):(i.value=e.getAttribute("data-value").replace("px",""),t.value=""),this.apply()}))}));const C=a.querySelector(".inp-slide-up"),k=a.querySelector(".inp-slide-down");k.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),C.value="",this.apply();let e=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="${k.value}px"]`);e&&e.classList.add("on")})),C.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),k.value="",this.apply();let e=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="-${C.value}px"]`);e&&e.classList.add("on")})),r=a.querySelectorAll(".cmd-scale"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=a.querySelector(".inp-scale");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",void this.apply();a.querySelectorAll(".cmd-scale").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),t.value=e.getAttribute("data-value"),this.apply()}))}));const A=a.querySelector(".inp-scale");A.addEventListener("change",(()=>{a.querySelectorAll(".cmd-scale").forEach((e=>{e.classList.remove("on")})),this.apply();let e=this.divLeaveAnim.querySelector(`.cmd-scale[data-value="${A.value}"]`);e&&e.classList.add("on")})),r=a.querySelectorAll(".cmd-rotate"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=a.querySelector(".inp-rotate-clockwise"),i=a.querySelector(".inp-rotate-counter");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",i.value="",void this.apply();a.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),-1!==e.getAttribute("data-value").indexOf("-")?(i.value=e.getAttribute("data-value").replace("-",""),t.value=""):(t.value=e.getAttribute("data-value"),i.value=""),this.apply()}))}));const E=a.querySelector(".inp-rotate-clockwise"),L=a.querySelector(".inp-rotate-counter");E.addEventListener("change",(()=>{a.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),L.value="",this.apply();let e=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="${E.value}"]`);e&&e.classList.add("on")})),L.addEventListener("change",(()=>{a.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),E.value="",this.apply();let e=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="-${L.value}"]`);e&&e.classList.add("on")}));let q=a.querySelector(".cmd-fade");q.addEventListener("click",(()=>{q.classList.contains("on")?q.classList.remove("on"):q.classList.add("on"),this.apply()})),a.querySelector(".cmd-clear-slide-left").addEventListener("click",(()=>{const e=a.querySelector(".inp-slide-left");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",a.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-slide-right").addEventListener("click",(()=>{const e=a.querySelector(".inp-slide-right");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",a.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-slide-up").addEventListener("click",(()=>{const e=a.querySelector(".inp-slide-up");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",a.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-slide-down").addEventListener("click",(()=>{const e=a.querySelector(".inp-slide-down");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",a.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-scale").addEventListener("click",(()=>{this.builder.editor.saveForUndo();a.querySelector(".inp-scale").value="",a.querySelectorAll(".cmd-scale").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-rotate-clockwise").addEventListener("click",(()=>{const e=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",a.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-rotate-counter").addEventListener("click",(()=>{const e=this.divLeaveAnim.querySelector(".inp-rotate-counter");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",a.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-scrollanim").addEventListener("click",(()=>{let e;e=this.getTarget().element,e&&(this.builder.editor.saveForUndo(),this.cleanup_leave(e),e.style.transform="",e.style.transition="",e.style.opacity="",this.read(),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange())}));o.querySelector(".inp-simplescroll-x-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".cmd-clear-simplescroll").addEventListener("click",(()=>{let e;e=this.getTarget().element,e&&(this.builder.editor.saveForUndo(),this.cleanup(e),this.cleanup_leave(e),this.cleanup_timeline(e),e.style.transform="",e.style.transition="",e.style.opacity="",this.read(),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange())}));const T=o.querySelector("#chkDisableSkrollrrOnMobile");T.addEventListener("click",(()=>{const e=this.builder.activeSection;e&&(this.builder.editor.saveForUndo(),T.checked?e.classList.add("m-skrollrr-off"):e.classList.remove("m-skrollrr-off"),this.builder.onChange())}));const R=o.querySelector("#chkPinSection"),M=o.querySelector(".div-pin-spacing");R.addEventListener("click",(()=>{const e=this.builder.activeSection;if(e){if(this.builder.editor.saveForUndo(),R.checked){e.classList.add("section-pin"),M.style.display="block",M.querySelectorAll(".cmd-pin-space").forEach((e=>{e.classList.remove("on")})),M.querySelector('.cmd-pin-space[data-value="md"]').classList.add("on")}else e.classList.remove("section-pin"),M.style.display="none";this.builder.onChange()}}));const O=o.querySelector("#chkPinOverlap");O.addEventListener("click",(()=>{const e=this.builder.activeSection;e&&(this.builder.editor.saveForUndo(),O.checked?e.classList.add("pin-overlap"):(e.classList.remove("pin-overlap"),e.classList.remove("no-spacing")),this.builder.onChange())}));M.querySelectorAll(".cmd-pin-space").forEach((e=>{e.addEventListener("click",(()=>{const t=this.builder.activeSection;if(!t)return;let i=e.getAttribute("data-value");this.builder.editor.saveForUndo(),t.classList.remove("pin-space-lg"),t.classList.remove("pin-space-xl"),"lg"===i&&t.classList.add("pin-space-lg"),"xl"===i&&t.classList.add("pin-space-xl"),M.querySelectorAll(".cmd-pin-space").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.builder.onChange()}))}));const I=this.divAnimSettings.querySelector(".cmd-disable-smoothanim");I.addEventListener("click",(()=>{I.classList.contains("on")?I.classList.remove("on"):I.classList.add("on"),this.apply()}));const B=this.divAnimScrollSimple.querySelector(".cmd-disable-smoothanim");B.addEventListener("click",(()=>{B.classList.contains("on")?B.classList.remove("on"):B.classList.add("on"),this.applySimpleScroll()}));const N=this.divAnimScrollSimple.querySelector(".cmd-hidden-onstart");N.addEventListener("click",(()=>{N.classList.contains("on")?N.classList.remove("on"):N.classList.add("on"),this.applySimpleScroll()}));const $=this.builder.sidebar.pageQuickSettings.querySelector(".cmd-live-preview");if($.addEventListener(this.builder.isTouchSupport?"touchstart":"click",(()=>{$.checked?(this.builder.doc.body.removeAttribute("data-skrollrr-off"),localStorage.removeItem("_disableanimation")):(this.builder.doc.body.setAttribute("data-skrollrr-off","true"),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),localStorage.setItem("_disableanimation","1")),this.refreshPage();let e=document.querySelector(".is-element-tool");e&&(e.style.display="")})),this.builder.isTouchSupport){$.parentNode.addEventListener("touchstart",(()=>{$.checked?this.builder.doc.body.removeAttribute("data-skrollrr-off"):(this.builder.doc.body.setAttribute("data-skrollrr-off","true"),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh()),this.refreshPage()}))}l.addEventListener("click",(()=>{this.openPreview();const e=this.builder.sidebar.pageQuickSettings;this.builder.editor.util.hidePop(e)}));let z=this.builder.settings.onPageContentClick;this.builder.settings.onPageContentClick=()=>{z&&z.call(this),this.modalAnimateScroll.classList.contains("active")&&setTimeout((()=>{this.clickContent()}),30)}}animateOnce(){const e=this.builder.activeSection;if(e){let t=e.querySelectorAll(".is-animated");t.forEach((e=>{e.classList.add("once")})),this.builder.settings.onRender(),t=e.querySelectorAll(".is-animated"),t.forEach((e=>{e.style.opacity="0",e.style.transition="none"})),setTimeout((()=>{let t=e.querySelectorAll(".is-animated");t.forEach((e=>{e.classList.remove("is-inview"),e.style.opacity=""})),setTimeout((()=>{t=e.querySelectorAll(".is-animated"),t.forEach((e=>{e.style.opacity="",e.style.transition="",e.classList.add("is-inview")}))}),30)}),200)}}clearAllAnim(){let e=this.builder.activeSection;if(!e)return;let t,i=this.builder.editor.activeCol;i&&(e=i.closest(".is-section")),t=document.querySelectorAll("[data-bottom-top],[data-center],[data-center-bottom],[data-100-top],[data-50-top],[data-top],[data-top-bottom],[data-center-top],[data--300-bottom],[data--150-bottom],[data--50-bottom],[data-bottom],[data-100-bottom],[data-150-bottom],[data-400-bottom],[data--400-bottom],[data--200-bottom],[data--100-bottom],[data-50-bottom],[data-200-bottom],[data-300-bottom],[data-in],[data-in-150],[data-in-300],[data-cen--150],[data-cen],[data-cen-150],[data-out--300],[data-out--150],[data-out][data-t],[data-t-100],[data-t-200],[data-t-300],[data-t-400],[data-t-500],[data-t-600],[data-t-700],[data-t-800],[data-t-900],[data-t-1000],[data-t-1100],[data-t-1200],[data-t-1300],[data-t-1400],[data-t-1500],[data-t-1600],[data-t-1700],[data-t-1800],[data-t-1900],[data-t-2000],[data-t-2100],[data-t-2200],[data-t-2300],[data-t-2400],[data-t-2500],[data-t-2600],[data-t-2700],[data-t-2800]"),t.forEach((e=>{e.removeAttribute("data-center"),e.removeAttribute("data-center-top"),e.removeAttribute("data--50-bottom"),e.removeAttribute("data--100-bottom"),e.removeAttribute("data--150-bottom"),e.removeAttribute("data--200-bottom"),e.removeAttribute("data--300-bottom"),e.removeAttribute("data--400-bottom"),e.removeAttribute("data-bottom-top"),e.removeAttribute("data-400-bottom"),e.removeAttribute("data-300-bottom"),e.removeAttribute("data-200-bottom"),e.removeAttribute("data-150-bottom"),e.removeAttribute("data-100-bottom"),e.removeAttribute("data-50-bottom"),e.removeAttribute("data-bottom"),e.removeAttribute("data-center-bottom"),e.removeAttribute("data-100-top"),e.removeAttribute("data-50-top"),e.removeAttribute("data-top"),e.removeAttribute("data-top-bottom"),e.removeAttribute("data-in"),e.removeAttribute("data-in-150"),e.removeAttribute("data-in-300"),e.removeAttribute("data-cen--150"),e.removeAttribute("data-cen"),e.removeAttribute("data-cen-150"),e.removeAttribute("data-out--300"),e.removeAttribute("data-out--150"),e.removeAttribute("data-out"),e.removeAttribute("data-hidden-onstart"),e.style.transform="",e.style.transition="",e.style.opacity=""})),t=e.querySelectorAll(".is-animated"),t.forEach((e=>{this.cleanupBasic(e),this.cleanupDelay(e)})),this.builder.win.skrollrr&&setTimeout((()=>{this.builder.win.skrollrr.refresh()}),30),this.builder.settings.onRender()}alwaysAnimate(){const e=this.builder.activeSection;if(e){let t=e.querySelectorAll(".is-animated");t.forEach((e=>{e.classList.remove("once")})),this.builder.settings.onRender(),t=e.querySelectorAll(".is-animated"),t.forEach((e=>{e.style.opacity="0",e.style.transition="none"})),setTimeout((()=>{let t=e.querySelectorAll(".is-animated");t.forEach((e=>{e.classList.remove("is-inview"),e.style.opacity=""})),setTimeout((()=>{t=e.querySelectorAll(".is-animated"),t.forEach((e=>{e.style.opacity="",e.style.transition="",e.classList.add("is-inview")}))}),30)}),200)}}applyPresetBasic(e,t){const i=this.builder.activeSection;if(!i)return;this.builder.editor.saveForUndo();let n=i.querySelectorAll(".is-animated");n.forEach((e=>{e.classList.contains("is-overlay-bg")||(this.cleanupBasic(e),this.cleanupDelay(e))}));let o=0;const s=i=>{let n=o;const s=this.modalAnimateScroll.querySelector("#chkPresetAnimOnce");i.querySelectorAll(".is-container > div").forEach((i=>{this.builder.editor.dom.elementChildren(i).forEach((i=>{(""!==i.innerText.trim()||i.querySelector("img")||i.querySelector("iframe")||i.querySelector("video")||i.querySelector("audio")||i.querySelector("i"))&&(i.style.transition="none",i.classList.add("is-animated"),s.checked?i.classList.add("once"):i.classList.remove("once"),i.classList.add(e),0!==n&&i.classList.add(`delay-${n*t}ms`),i.classList.remove("is-inview"),n++)}))})),o++};let a=!!i.classList.contains("is-box")&&i;if(a)s(a);else{i.querySelectorAll(".is-box").forEach((e=>{s(e)}))}this.builder.settings.onRender(),n=i.querySelectorAll(".is-animated"),n.forEach((e=>{e.style.opacity="0",e.style.transition="none"})),setTimeout((()=>{let e=i.querySelectorAll(".is-animated");e.forEach((e=>{e.classList.remove("is-inview"),e.style.opacity=""})),setTimeout((()=>{e=i.querySelectorAll(".is-animated"),e.forEach((e=>{e.style.opacity="",e.style.transition="",e.classList.add("is-inview")}))}),30)}),200),this.builder.settings.onChange()}openPreview(){this.builder.editor.openPreview()}closePreview(){this.builder.editor.closePreview()}refreshPage(){let e=this.getTarget().element;e&&e.setAttribute("data-save-target","1"),this.builder.editor.activeElement&&this.builder.editor.activeElement.setAttribute("data-save-element","1"),this.builder.activeBox&&this.builder.activeBox.setAttribute("data-save-box","1"),this.builder.activeSection&&this.builder.activeSection.setAttribute("data-save-section","1"),this.builder.refreshPage((()=>{let t=!1;this.builder.sidebar.pageQuickSettings.classList.contains("active")&&(t=!0),e=this.builder.doc.querySelector("[data-save-target]"),e&&(e.click(),e.removeAttribute("data-save-target"));let i=this.builder.doc.querySelector("[data-save-element]");i&&(i.click(),i.removeAttribute("data-save-element"));let n=this.builder.doc.querySelector("[data-save-box]");n&&(n.classList.add("box-select"),n.removeAttribute("data-save-box"));let o=this.builder.doc.querySelector("[data-save-section]");o&&(o.classList.add("section-select"),o.removeAttribute("data-save-section")),t&&this.builder.sidebar.reOpenSettings(),this.builder.rePositionTool()}))}clickContent(){this.modalAnimateScroll.querySelectorAll(".cmd-target").forEach((e=>{e.classList.remove("on")}));let e=this.readTarget();if(e){if("element"===e.name||"inspectedElement"===e.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=element]").classList.add("on")}else if("column"===e.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=column]").classList.add("on")}else if("row"===e.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=row]").classList.add("on")}else if("container"===e.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=container]").classList.add("on")}else if("bg"===e.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=bg]").classList.add("on")}else if("overlay"===e.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=overlay]").classList.add("on")}else if("box"===e.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=box]").classList.add("on")}else if("section"===e.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=section]").classList.add("on")}}else{this.modalAnimateScroll.querySelector(".cmd-target[data-value=element]").classList.add("on")}this.read(),this.readAnimOnce()}clearSettings(){let e;e=this.modalAnimateScroll.querySelectorAll(".cmd-basic-anim"),e.forEach((e=>{e.classList.remove("on")})),e=this.modalAnimateScroll.querySelectorAll(".cmd-basic-delay"),e.forEach((e=>{e.classList.remove("on")})),e=this.modalAnimateScroll.querySelectorAll(".cmd-start"),e.forEach((e=>{e.classList.remove("on")})),e=this.modalAnimateScroll.querySelectorAll(".cmd-end"),e.forEach((e=>{e.classList.remove("on")})),e=this.modalAnimateScroll.querySelectorAll(".cmd-leave-start"),e.forEach((e=>{e.classList.remove("on")})),e=this.divEnterAnim.querySelectorAll(".cmd-slidex"),e.forEach((e=>{e.classList.remove("on")})),e=this.divEnterAnim.querySelectorAll(".cmd-slidey"),e.forEach((e=>{e.classList.remove("on")})),e=this.divEnterAnim.querySelectorAll(".cmd-scale"),e.forEach((e=>{e.classList.remove("on")})),e=this.divEnterAnim.querySelectorAll(".cmd-rotate"),e.forEach((e=>{e.classList.remove("on")}));let t=this.divEnterAnim.querySelector(".cmd-fade");t.classList.remove("on"),e=this.divLeaveAnim.querySelectorAll(".cmd-slidex"),e.forEach((e=>{e.classList.remove("on")})),e=this.divLeaveAnim.querySelectorAll(".cmd-slidey"),e.forEach((e=>{e.classList.remove("on")})),e=this.divLeaveAnim.querySelectorAll(".cmd-scale"),e.forEach((e=>{e.classList.remove("on")})),e=this.divLeaveAnim.querySelectorAll(".cmd-rotate"),e.forEach((e=>{e.classList.remove("on")})),t=this.divLeaveAnim.querySelector(".cmd-fade"),t.classList.remove("on");const i=this.divEnterAnim.querySelector(".inp-slide-left"),n=this.divEnterAnim.querySelector(".inp-slide-right"),o=this.divEnterAnim.querySelector(".inp-slide-up"),s=this.divEnterAnim.querySelector(".inp-slide-down");i.value="",n.value="",o.value="",s.value="";this.divEnterAnim.querySelector(".inp-scale").value="";const a=this.divEnterAnim.querySelector(".inp-rotate-counter"),l=this.divEnterAnim.querySelector(".inp-rotate-clockwise");a.value="",l.value="";const r=this.divLeaveAnim.querySelector(".inp-slide-left"),d=this.divLeaveAnim.querySelector(".inp-slide-right"),c=this.divLeaveAnim.querySelector(".inp-slide-up"),u=this.divLeaveAnim.querySelector(".inp-slide-down");r.value="",d.value="",c.value="",u.value="";this.divLeaveAnim.querySelector(".inp-scale").value="";const p=this.divLeaveAnim.querySelector(".inp-rotate-counter"),h=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");p.value="",h.value="";const m=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-start"),g=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-15"),b=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-25"),f=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-35"),v=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-50"),y=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-65"),x=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-75"),_=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-85"),w=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-end"),S=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-start"),C=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-15"),k=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-25"),A=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-35"),E=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-50"),L=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-65"),q=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-75"),T=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-85"),R=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-end"),M=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-start"),O=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-15"),I=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-25"),B=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-35"),N=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-50"),$=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-65"),z=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-75"),P=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-85"),D=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-end"),H=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-start"),j=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-15"),U=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-25"),F=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-35"),W=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-50"),Y=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-65"),G=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-75"),X=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-85"),V=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-end"),K=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-start"),Z=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-15"),Q=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-25"),J=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-35"),ee=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-50"),te=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-65"),ie=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-75"),ne=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-85"),oe=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-end");m.value="",g.value="",b.value="",f.value="",v.value="",y.value="",x.value="",_.value="",w.value="",S.value="",C.value="",k.value="",A.value="",E.value="",L.value="",q.value="",T.value="",R.value="",M.value="",O.value="",I.value="",B.value="",N.value="",$.value="",z.value="",P.value="",D.value="",H.value="",j.value="",U.value="",F.value="",W.value="",Y.value="",G.value="",X.value="",V.value="",K.value="",Z.value="",Q.value="",J.value="",ee.value="",te.value="",ie.value="",ne.value="",oe.value=""}read(){this.clearSettings();const e=this.builder.activeSection;if(e){const t=this.modalAnimateScroll.querySelector(".div-pin-spacing"),i=this.modalAnimateScroll.querySelector("#chkPinSection");e.classList.contains("section-pin")?(i.checked=!0,t.style.display="block"):(i.checked=!1,t.style.display="none");const n=this.modalAnimateScroll.querySelector("#chkDisableSkrollrrOnMobile");if(e.classList.contains("m-skrollrr-off")?n.checked=!0:n.checked=!1,t.querySelectorAll(".cmd-pin-space").forEach((e=>{e.classList.remove("on")})),e.classList.contains("pin-space-lg")){t.querySelector('.cmd-pin-space[data-value="lg"]').classList.add("on")}else if(e.classList.contains("pin-space-xl")){t.querySelector('.cmd-pin-space[data-value="xl"]').classList.add("on")}else{t.querySelector('.cmd-pin-space[data-value="md"]').classList.add("on")}const o=this.modalAnimateScroll.querySelector("#chkPinOverlap");e.classList.contains("pin-overlap")?o.checked=!0:(o.checked=!1,e.classList.contains("no-spacing")&&(o.checked=!0))}let t,i,n,o=this.getTarget();if(t=o.element,!t)return;t.classList.contains("is-fadeIn")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeIn"]')),t.classList.contains("is-fadeInUp")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInUp"]')),t.classList.contains("is-fadeInDown")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInDown"]')),t.classList.contains("is-fadeInLeft")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInLeft"]')),t.classList.contains("is-fadeInRight")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInRight"]')),t.classList.contains("is-zoomIn")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-zoomIn"]')),t.classList.contains("is-zoomOut")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-zoomOut"]')),t.classList.contains("is-slideInUp")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInUp"]')),t.classList.contains("is-slideInDown")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInDown"]')),t.classList.contains("is-slideInLeft")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInLeft"]')),t.classList.contains("is-slideInRight")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInRight"]')),t.classList.contains("is-flipInX")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-flipInX"]')),t.classList.contains("is-flipInY")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-flipInY"]')),t.classList.contains("is-pulse")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-pulse"]')),t.classList.contains("is-bounceIn")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-bounceIn"]')),i&&i.classList.add("on"),t.classList.contains("delay-0ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-0ms"]')),t.classList.contains("delay-100ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-100ms"]')),t.classList.contains("delay-200ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-200ms"]')),t.classList.contains("delay-300ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-300ms"]')),t.classList.contains("delay-400ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-400ms"]')),t.classList.contains("delay-500ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-500ms"]')),t.classList.contains("delay-600ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-600ms"]')),t.classList.contains("delay-700ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-700ms"]')),t.classList.contains("delay-800ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-800ms"]')),t.classList.contains("delay-900ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-900ms"]')),t.classList.contains("delay-1000ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1000ms"]')),t.classList.contains("delay-1100ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1100ms"]')),t.classList.contains("delay-1200ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1200ms"]')),t.classList.contains("delay-1300ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1300ms"]')),t.classList.contains("delay-1400ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1400ms"]')),n&&n.classList.add("on");const s=this.modalAnimateScroll.querySelector(".cmd-basic-once");t.classList.contains("once")?s.classList.add("on"):s.classList.remove("on");this.modalAnimateScroll.querySelectorAll(".cmd-disable-smoothanim").forEach((e=>{t.hasAttribute("data-smooth-scrolling")?e.classList.add("on"):e.classList.remove("on")}));this.modalAnimateScroll.querySelectorAll(".cmd-hidden-onstart").forEach((e=>{t.hasAttribute("data-hidden-onstart")?e.classList.add("on"):e.classList.remove("on")}));const a=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-start"),l=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-15"),r=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-25"),d=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-35"),c=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-50"),u=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-65"),p=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-75"),h=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-85"),m=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-end"),g=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-start"),b=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-15"),f=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-25"),v=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-35"),y=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-50"),x=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-65"),_=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-75"),w=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-85"),S=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-end"),C=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-start"),k=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-15"),A=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-25"),E=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-35"),L=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-50"),q=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-65"),T=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-75"),R=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-85"),M=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-end"),O=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-start"),I=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-15"),B=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-25"),N=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-35"),$=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-50"),z=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-65"),P=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-75"),D=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-85"),H=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-end"),j=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-start"),U=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-15"),F=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-25"),W=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-35"),Y=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-50"),G=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-65"),X=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-75"),V=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-85"),K=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-end");if(a.value="",l.value="",r.value="",d.value="",c.value="",u.value="",p.value="",h.value="",m.value="",g.value="",b.value="",f.value="",v.value="",y.value="",x.value="",_.value="",w.value="",S.value="",C.value="",k.value="",A.value="",E.value="",L.value="",q.value="",T.value="",R.value="",M.value="",O.value="",I.value="",B.value="",N.value="",$.value="",z.value="",P.value="",D.value="",H.value="",j.value="",U.value="",F.value="",W.value="",Y.value="",G.value="",X.value="",V.value="",K.value="",t.hasAttribute("data-bottom-top")&&t.hasAttribute("data-top-bottom")&&!(t.hasAttribute("data-center-bottom")||t.hasAttribute("data-100-top")||t.hasAttribute("data-50-top")||t.hasAttribute("data-top"))||t.hasAttribute("data-in")||t.hasAttribute("data-in-150")||t.hasAttribute("data-in-300")||t.hasAttribute("data-cen--150")||t.hasAttribute("data-cen")||t.hasAttribute("data-cen-150")||t.hasAttribute("data-out--300")||t.hasAttribute("data-out--150")||t.hasAttribute("data-out")){let e=document.querySelector(".dummy-elm"),i=t.getAttribute("data-bottom-top");e.style.cssText=i;let n=this.getTransform(e,i);n.translateX&&(a.value=n.translateX.replace("px","")),n.translateY&&(g.value=n.translateY.replace("px","")),n.scale&&(C.value=n.scale),n.rotate&&(O.value=n.rotate),n.opacity&&(j.value=n.opacity);let o=t.getAttribute("data-top-bottom");e.style.cssText=o,n=this.getTransform(e,o),n.translateX&&(m.value=n.translateX.replace("px","")),n.translateY&&(S.value=n.translateY.replace("px","")),n.scale&&(M.value=n.scale),n.rotate&&(H.value=n.rotate),n.opacity&&(K.value=n.opacity);let s,Z=t.getAttribute("data-in");return e.style.cssText=Z,n=this.getTransform(e,Z),n.translateX&&(a.value=n.translateX.replace("px","")),n.translateY&&(g.value=n.translateY.replace("px","")),n.scale&&(C.value=n.scale),n.rotate&&(O.value=n.rotate),n.opacity&&(j.value=n.opacity),Z=t.getAttribute("data-in-150"),e.style.cssText=Z,n=this.getTransform(e,Z),n.translateX&&(l.value=n.translateX.replace("px","")),n.translateY&&(b.value=n.translateY.replace("px","")),n.scale&&(k.value=n.scale),n.rotate&&(I.value=n.rotate),n.opacity&&(U.value=n.opacity),Z=t.getAttribute("data-in-300"),e.style.cssText=Z,n=this.getTransform(e,Z),n.translateX&&(r.value=n.translateX.replace("px","")),n.translateY&&(f.value=n.translateY.replace("px","")),n.scale&&(A.value=n.scale),n.rotate&&(B.value=n.rotate),n.opacity&&(F.value=n.opacity),Z=t.getAttribute("data-cen--150"),e.style.cssText=Z,n=this.getTransform(e,Z),n.translateX&&(d.value=n.translateX.replace("px","")),n.translateY&&(v.value=n.translateY.replace("px","")),n.scale&&(E.value=n.scale),n.rotate&&(N.value=n.rotate),n.opacity&&(W.value=n.opacity),Z=t.getAttribute("data-cen"),e.style.cssText=Z,n=this.getTransform(e,Z),n.translateX&&(c.value=n.translateX.replace("px","")),n.translateY&&(y.value=n.translateY.replace("px","")),n.scale&&(L.value=n.scale),n.rotate&&($.value=n.rotate),n.opacity&&(Y.value=n.opacity),Z=t.getAttribute("data-cen-150"),e.style.cssText=Z,n=this.getTransform(e,Z),n.translateX&&(u.value=n.translateX.replace("px","")),n.translateY&&(x.value=n.translateY.replace("px","")),n.scale&&(q.value=n.scale),n.rotate&&(z.value=n.rotate),n.opacity&&(G.value=n.opacity),Z=t.getAttribute("data-out--300"),e.style.cssText=Z,n=this.getTransform(e,Z),n.translateX&&(p.value=n.translateX.replace("px","")),n.translateY&&(_.value=n.translateY.replace("px","")),n.scale&&(T.value=n.scale),n.rotate&&(P.value=n.rotate),n.opacity&&(X.value=n.opacity),Z=t.getAttribute("data-out--150"),e.style.cssText=Z,n=this.getTransform(e,Z),n.translateX&&(h.value=n.translateX.replace("px","")),n.translateY&&(w.value=n.translateY.replace("px","")),n.scale&&(R.value=n.scale),n.rotate&&(D.value=n.rotate),n.opacity&&(V.value=n.opacity),Z=t.getAttribute("data-out"),e.style.cssText=Z,n=this.getTransform(e,Z),n.translateX&&(m.value=n.translateX.replace("px","")),n.translateY&&(S.value=n.translateY.replace("px","")),n.scale&&(M.value=n.scale),n.rotate&&(H.value=n.rotate),n.opacity&&(K.value=n.opacity),this.modalAnimateScroll.querySelector(".cmd-start.on")||(s=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),s&&s.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-end.on")||(s=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),s&&s.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(s=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),s&&s.classList.add("on")),!0}let Z=t.getAttribute("data-bottom-top");Z||(Z=t.getAttribute("data-400-bottom")),Z||(Z=t.getAttribute("data-200-bottom")),Z||(Z=t.getAttribute("data--50-bottom"));let Q,J=t.getAttribute("data-top-bottom");t.hasAttribute("data-bottom-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),Q&&Q.classList.add("on")),t.hasAttribute("data-400-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-400-bottom"]'),Q&&Q.classList.add("on")),t.hasAttribute("data-200-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-200-bottom"]'),Q&&Q.classList.add("on")),t.hasAttribute("data--50-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data--50-bottom"]'),Q&&Q.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-start.on")||(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),Q&&Q.classList.add("on")),t.hasAttribute("data-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-bottom"]'),Q&&Q.classList.add("on")),t.hasAttribute("data-center-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center-top"]'),Q&&Q.classList.add("on")),t.hasAttribute("data-center")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),Q&&Q.classList.add("on")),t.hasAttribute("data-top-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-top-bottom"]'),Q&&Q.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-end.on")||(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),Q&&Q.classList.add("on"));let ee=document.querySelector(".dummy-elm");ee.style.cssText=Z;let te=this.getTransform(ee,Z);Q=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="${te.translateX}"]`),Q&&Q.classList.add("on"),Q=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="${te.translateY}"]`),Q&&Q.classList.add("on"),Q=this.divEnterAnim.querySelector(`.cmd-scale[data-value="${te.scale}"]`),Q&&Q.classList.add("on"),te.rotate&&(Q=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="${te.rotate}"]`),Q&&Q.classList.add("on"));const ie=this.divEnterAnim.querySelector(".inp-slide-left"),ne=this.divEnterAnim.querySelector(".inp-slide-right");te.translateX&&(-1!==te.translateX.indexOf("-")?ne.value=te.translateX.replace("-","").replace("px",""):ie.value=te.translateX.replace("px",""));const oe=this.divEnterAnim.querySelector(".inp-slide-up"),se=this.divEnterAnim.querySelector(".inp-slide-down");te.translateY&&(-1!==te.translateY.indexOf("-")?se.value=te.translateY.replace("-","").replace("px",""):oe.value=te.translateY.replace("px",""));const ae=this.divEnterAnim.querySelector(".inp-scale");te.scale&&(ae.value=te.scale);const le=this.divEnterAnim.querySelector(".inp-rotate-counter"),re=this.divEnterAnim.querySelector(".inp-rotate-clockwise");te.rotate&&(-1!==te.rotate.indexOf("-")?re.value=te.rotate.replace("-",""):le.value=te.rotate),te.opacity&&(Q=this.divEnterAnim.querySelector(".cmd-fade"),Q&&Q.classList.add("on")),t.hasAttribute("data-center-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),Q&&Q.classList.add("on")),t.hasAttribute("data-100-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-100-top"]'),Q&&Q.classList.add("on")),t.hasAttribute("data-50-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-50-top"]'),Q&&Q.classList.add("on")),t.hasAttribute("data-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-top"]'),Q&&Q.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),Q&&Q.classList.add("on")),ee.style.cssText=J,te=this.getTransform(ee,J),Q=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="${te.translateX}"]`),Q&&Q.classList.add("on"),Q=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="${te.translateY}"]`),Q&&Q.classList.add("on"),Q=this.divLeaveAnim.querySelector(`.cmd-scale[data-value="${te.scale}"]`),Q&&Q.classList.add("on"),te.rotate&&(Q=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="${te.rotate}"]`),Q&&Q.classList.add("on"));const de=this.divLeaveAnim.querySelector(".inp-slide-left"),ce=this.divLeaveAnim.querySelector(".inp-slide-right");te.translateX&&(-1!==te.translateX.indexOf("-")?de.value=te.translateX.replace("-","").replace("px",""):ce.value=te.translateX.replace("px",""));const ue=this.divLeaveAnim.querySelector(".inp-slide-up"),pe=this.divLeaveAnim.querySelector(".inp-slide-down");te.translateY&&(-1!==te.translateY.indexOf("-")?ue.value=te.translateY.replace("-","").replace("px",""):pe.value=te.translateY.replace("px",""));const he=this.divLeaveAnim.querySelector(".inp-scale");te.scale&&(he.value=te.scale);const me=this.divLeaveAnim.querySelector(".inp-rotate-counter"),ge=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");return te.rotate&&(-1!==te.rotate.indexOf("-")?me.value=te.rotate.replace("-",""):ge.value=te.rotate),te.opacity&&(Q=this.divLeaveAnim.querySelector(".cmd-fade"),Q&&Q.classList.add("on")),!0}cleanupBasic(e){e.classList.remove("is-animated"),e.classList.remove("once"),e.classList.remove("is-fadeIn"),e.classList.remove("is-fadeInUp"),e.classList.remove("is-fadeInDown"),e.classList.remove("is-fadeInLeft"),e.classList.remove("is-fadeInRight"),e.classList.remove("is-zoomIn"),e.classList.remove("is-zoomOut"),e.classList.remove("is-slideInUp"),e.classList.remove("is-slideInDown"),e.classList.remove("is-slideInLeft"),e.classList.remove("is-slideInRight"),e.classList.remove("is-flipInX"),e.classList.remove("is-flipInY"),e.classList.remove("is-pulse"),e.classList.remove("is-bounceIn")}cleanupDelay(e){e.classList.remove("delay-0ms"),e.classList.remove("delay-100ms"),e.classList.remove("delay-200ms"),e.classList.remove("delay-300ms"),e.classList.remove("delay-400ms"),e.classList.remove("delay-500ms"),e.classList.remove("delay-600ms"),e.classList.remove("delay-700ms"),e.classList.remove("delay-800ms"),e.classList.remove("delay-900ms"),e.classList.remove("delay-1000ms"),e.classList.remove("delay-1100ms"),e.classList.remove("delay-1200ms"),e.classList.remove("delay-1300ms"),e.classList.remove("delay-1400ms"),e.classList.remove("delay-1500ms"),e.classList.remove("delay-1600ms"),e.classList.remove("delay-1700ms"),e.classList.remove("delay-1800ms"),e.classList.remove("delay-1900ms"),e.classList.remove("delay-2000ms"),e.classList.remove("delay-2100ms"),e.classList.remove("delay-2200ms"),e.classList.remove("delay-2300ms"),e.classList.remove("delay-2400ms"),e.classList.remove("delay-2500ms"),e.classList.remove("delay-2600ms"),e.classList.remove("delay-2700ms"),e.classList.remove("delay-2800ms"),e.classList.remove("delay-2900ms"),e.classList.remove("delay-3000ms"),e.style.transitionDelay="",e.style.animationDelay=""}applyDelay(){let e,t,i=this.getTarget();e=i.element,e&&(this.modalAnimateScroll.querySelectorAll(".cmd-basic-delay").forEach((e=>{e.classList.contains("on")&&(t=e.getAttribute("data-value"))})),this.builder.editor.saveForUndo(),this.cleanupDelay(e),e.classList.remove("is-inview"),setTimeout((()=>{t&&e.classList.add(t),setTimeout((()=>{e.classList.add("is-inview")}),10)}),10),this.builder.settings.onChange())}applyBasic(){let e,t,i=this.getTarget();if(e=i.element,!e)return;this.modalAnimateScroll.querySelectorAll(".cmd-basic-anim").forEach((e=>{e.classList.contains("on")&&(t=e.getAttribute("data-value"))}));let n=!1;this.modalAnimateScroll.querySelector(".cmd-basic-once").classList.contains("on")&&(n=!0),this.builder.editor.saveForUndo(),this.cleanupBasic(e),e.style.transition="none",t&&(e.classList.remove("is-inview"),e.classList.remove("once"),setTimeout((()=>{e.classList.add(t),n?e.classList.add("once"):e.classList.remove("once"),e.classList.add("is-animated"),setTimeout((()=>{e.style.transition="",e.classList.add("is-inview"),this.builder.settings.onRender(),this.builder.settings.onChange()}),10)}),10))}applySimpleScroll(){let e;if(e=this.getTarget().element,!e)return;const t=this.modalAnimateScroll,i=t.querySelector(".inp-simplescroll-x-start"),n=t.querySelector(".inp-simplescroll-x-15"),o=t.querySelector(".inp-simplescroll-x-25"),s=t.querySelector(".inp-simplescroll-x-35"),a=t.querySelector(".inp-simplescroll-x-50"),l=t.querySelector(".inp-simplescroll-x-65"),r=t.querySelector(".inp-simplescroll-x-75"),d=t.querySelector(".inp-simplescroll-x-85"),c=t.querySelector(".inp-simplescroll-x-end"),u=t.querySelector(".inp-simplescroll-y-start"),p=t.querySelector(".inp-simplescroll-y-15"),h=t.querySelector(".inp-simplescroll-y-25"),m=t.querySelector(".inp-simplescroll-y-35"),g=t.querySelector(".inp-simplescroll-y-50"),b=t.querySelector(".inp-simplescroll-y-65"),f=t.querySelector(".inp-simplescroll-y-75"),v=t.querySelector(".inp-simplescroll-y-85"),y=t.querySelector(".inp-simplescroll-y-end"),x=t.querySelector(".inp-simplescroll-scale-start"),_=t.querySelector(".inp-simplescroll-scale-15"),w=t.querySelector(".inp-simplescroll-scale-25"),S=t.querySelector(".inp-simplescroll-scale-35"),C=t.querySelector(".inp-simplescroll-scale-50"),k=t.querySelector(".inp-simplescroll-scale-65"),A=t.querySelector(".inp-simplescroll-scale-75"),E=t.querySelector(".inp-simplescroll-scale-85"),L=t.querySelector(".inp-simplescroll-scale-end"),q=t.querySelector(".inp-simplescroll-rotate-start"),T=t.querySelector(".inp-simplescroll-rotate-15"),R=t.querySelector(".inp-simplescroll-rotate-25"),M=t.querySelector(".inp-simplescroll-rotate-35"),O=t.querySelector(".inp-simplescroll-rotate-50"),I=t.querySelector(".inp-simplescroll-rotate-65"),B=t.querySelector(".inp-simplescroll-rotate-75"),N=t.querySelector(".inp-simplescroll-rotate-85"),$=t.querySelector(".inp-simplescroll-rotate-end"),z=t.querySelector(".inp-simplescroll-opacity-start"),P=t.querySelector(".inp-simplescroll-opacity-15"),D=t.querySelector(".inp-simplescroll-opacity-25"),H=t.querySelector(".inp-simplescroll-opacity-35"),j=t.querySelector(".inp-simplescroll-opacity-50"),U=t.querySelector(".inp-simplescroll-opacity-65"),F=t.querySelector(".inp-simplescroll-opacity-75"),W=t.querySelector(".inp-simplescroll-opacity-85"),Y=t.querySelector(".inp-simplescroll-opacity-end");let G,X,V,K,Z,Q,J,ee,te,ie,ne,oe,se,ae,le,re,de,ce,ue,pe,he,me,ge,be,fe,ve,ye,xe,_e,we,Se,Ce,ke,Ae,Ee,Le,qe,Te,Re,Me,Oe,Ie,Be,Ne,$e;""!==i.value&&(G=i.value+(-1!==i.value.indexOf("%")?"":"px")),""!==n.value&&(X=n.value+(-1!==n.value.indexOf("%")?"":"px")),""!==o.value&&(V=o.value+(-1!==o.value.indexOf("%")?"":"px")),""!==s.value&&(K=s.value+(-1!==s.value.indexOf("%")?"":"px")),""!==a.value&&(Z=a.value+(-1!==a.value.indexOf("%")?"":"px")),""!==l.value&&(Q=l.value+(-1!==l.value.indexOf("%")?"":"px")),""!==r.value&&(J=r.value+(-1!==r.value.indexOf("%")?"":"px")),""!==d.value&&(ee=d.value+(-1!==d.value.indexOf("%")?"":"px")),""!==c.value&&(te=c.value+(-1!==c.value.indexOf("%")?"":"px")),""!==u.value&&(ie=u.value+(-1!==u.value.indexOf("%")?"":"px")),""!==p.value&&(ne=p.value+(-1!==p.value.indexOf("%")?"":"px")),""!==h.value&&(oe=h.value+(-1!==h.value.indexOf("%")?"":"px")),""!==m.value&&(se=m.value+(-1!==m.value.indexOf("%")?"":"px")),""!==g.value&&(ae=g.value+(-1!==g.value.indexOf("%")?"":"px")),""!==b.value&&(le=b.value+(-1!==b.value.indexOf("%")?"":"px")),""!==f.value&&(re=f.value+(-1!==f.value.indexOf("%")?"":"px")),""!==v.value&&(de=v.value+(-1!==v.value.indexOf("%")?"":"px")),""!==y.value&&(ce=y.value+(-1!==y.value.indexOf("%")?"":"px")),""!==x.value&&(ue=x.value),""!==_.value&&(pe=_.value),""!==w.value&&(he=w.value),""!==S.value&&(me=S.value),""!==C.value&&(ge=C.value),""!==k.value&&(be=k.value),""!==A.value&&(fe=A.value),""!==E.value&&(ve=E.value),""!==L.value&&(ye=L.value),""!==q.value&&(xe=q.value),""!==T.value&&(_e=T.value),""!==R.value&&(we=R.value),""!==M.value&&(Se=M.value),""!==O.value&&(Ce=O.value),""!==I.value&&(ke=I.value),""!==B.value&&(Ae=B.value),""!==N.value&&(Ee=N.value),""!==$.value&&(Le=$.value),""!==z.value&&(qe=z.value),""!==P.value&&(Te=P.value),""!==D.value&&(Re=D.value),""!==H.value&&(Me=H.value),""!==j.value&&(Oe=j.value),""!==U.value&&(Ie=U.value),""!==F.value&&(Be=F.value),""!==W.value&&(Ne=W.value),""!==Y.value&&($e=Y.value);let ze=(G?` translateX(${G})`:"")+(ie?` translateY(${ie})`:"")+(ue?` scale(${ue})`:"")+(xe?` rotate(${xe})`:"");ze=ze.trim();let Pe=(X?` translateX(${X})`:"")+(ne?` translateY(${ne})`:"")+(pe?` scale(${pe})`:"")+(_e?` rotate(${_e})`:"");Pe=Pe.trim();let De=(V?` translateX(${V})`:"")+(oe?` translateY(${oe})`:"")+(he?` scale(${he})`:"")+(we?` rotate(${we})`:"");De=De.trim();let He=(K?` translateX(${K})`:"")+(se?` translateY(${se})`:"")+(me?` scale(${me})`:"")+(Se?` rotate(${Se})`:"");He=He.trim();let je=(Z?` translateX(${Z})`:"")+(ae?` translateY(${ae})`:"")+(ge?` scale(${ge})`:"")+(Ce?` rotate(${Ce})`:"");je=je.trim();let Ue=(Q?` translateX(${Q})`:"")+(le?` translateY(${le})`:"")+(be?` scale(${be})`:"")+(ke?` rotate(${ke})`:"");Ue=Ue.trim();let Fe=(J?` translateX(${J})`:"")+(re?` translateY(${re})`:"")+(fe?` scale(${fe})`:"")+(Ae?` rotate(${Ae})`:"");Fe=Fe.trim();let We=(ee?` translateX(${ee})`:"")+(de?` translateY(${de})`:"")+(ve?` scale(${ve})`:"")+(Ee?` rotate(${Ee})`:"");We=We.trim();let Ye=(te?` translateX(${te})`:"")+(ce?` translateY(${ce})`:"")+(ye?` scale(${ye})`:"")+(Le?` rotate(${Le})`:"");Ye=Ye.trim();let Ge=(ze?"transform: "+ze+";":"")+(qe?`opacity:${qe}`:""),Xe=(Pe?"transform: "+Pe+";":"")+(Te?`opacity:${Te}`:""),Ve=(De?"transform: "+De+";":"")+(Re?`opacity:${Re}`:""),Ke=(He?"transform: "+He+";":"")+(Me?`opacity:${Me}`:""),Ze=(je?"transform: "+je+";":"")+(Oe?`opacity:${Oe}`:""),Qe=(Ue?"transform: "+Ue+";":"")+(Ie?`opacity:${Ie}`:""),Je=(Fe?"transform: "+Fe+";":"")+(Be?`opacity:${Be}`:""),et=(We?"transform: "+We+";":"")+(Ne?`opacity:${Ne}`:""),tt=(Ye?"transform: "+Ye+";":"")+($e?`opacity:${$e}`:"");Ge=Ge.trim(),Xe=Xe.trim(),Ve=Ve.trim(),Ke=Ke.trim(),Ze=Ze.trim(),Qe=Qe.trim(),Je=Je.trim(),et=et.trim(),tt=tt.trim(),this.builder.editor.saveForUndo(),this.cleanup(e),this.cleanup_leave(e),this.cleanup_timeline(e),e.removeAttribute("data-bottom-top"),e.removeAttribute("data-top-bottom");let it="data-in",nt="data-in-150",ot="data-in-300",st="data-cen--150",at="data-cen",lt="data-cen-150",rt="data-out--300",dt="data-out--150",ct="data-out";""!==Ge?e.setAttribute(it,Ge):e.removeAttribute(it),""!==Xe?e.setAttribute(nt,Xe):e.removeAttribute(nt),""!==Ve?e.setAttribute(ot,Ve):e.removeAttribute(ot),""!==Ke?e.setAttribute(st,Ke):e.removeAttribute(st),""!==Ze?e.setAttribute(at,Ze):e.removeAttribute(at),""!==Qe?e.setAttribute(lt,Qe):e.removeAttribute(lt),""!==Je?e.setAttribute(rt,Je):e.removeAttribute(rt),""!==et?e.setAttribute(dt,et):e.removeAttribute(dt),""!==tt?e.setAttribute(ct,tt):e.removeAttribute(ct);this.divAnimScrollSimple.querySelector(".cmd-disable-smoothanim").classList.contains("on")?(e.setAttribute("data-smooth-scrolling","off"),e.style.transition=""):e.removeAttribute("data-smooth-scrolling");this.divAnimScrollSimple.querySelector(".cmd-hidden-onstart").classList.contains("on")?e.setAttribute("data-hidden-onstart",""):e.removeAttribute("data-hidden-onstart"),e.style.transform="",e.style.transition="",e.style.opacity="",this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange()}apply(){let e,t;if(e=this.getTarget().element,!e)return;let i,n,o,s=this.divEnterAnim.querySelectorAll(".cmd-slidex");s.forEach((e=>{e.classList.contains("on")&&(t=e.getAttribute("data-value"))})),s=this.divEnterAnim.querySelectorAll(".cmd-slidey"),s.forEach((e=>{e.classList.contains("on")&&(i=e.getAttribute("data-value"))})),s=this.divEnterAnim.querySelectorAll(".cmd-scale"),s.forEach((e=>{e.classList.contains("on")&&(n=e.getAttribute("data-value"))})),s=this.divEnterAnim.querySelectorAll(".cmd-rotate"),s.forEach((e=>{e.classList.contains("on")&&(o=e.getAttribute("data-value"))}));let a=!1,l=this.divEnterAnim.querySelector(".cmd-fade");l.classList.contains("on")&&(a=!0);const r=this.divEnterAnim.querySelector(".inp-slide-right");""!==r.value&&(t="-"+r.value+(-1!==r.value.indexOf("%")?"":"px"));const d=this.divEnterAnim.querySelector(".inp-slide-left");""!==d.value&&(t=d.value+(-1!==d.value.indexOf("%")?"":"px"));const c=this.divEnterAnim.querySelector(".inp-slide-down");""!==c.value&&(i="-"+c.value+(-1!==c.value.indexOf("%")?"":"px"));const u=this.divEnterAnim.querySelector(".inp-slide-up");""!==u.value&&(i=u.value+(-1!==u.value.indexOf("%")?"":"px"));const p=this.divEnterAnim.querySelector(".inp-scale");""!==p.value&&(n=p.value);const h=this.divEnterAnim.querySelector(".inp-rotate-clockwise");""!==h.value&&(o="-"+h.value);const m=this.divEnterAnim.querySelector(".inp-rotate-counter");""!==m.value&&(o=m.value);let g=(t?` translateX(${t})`:"")+(i?` translateY(${i})`:"")+(o?` rotate(${o}deg)`:"")+(n?` scale(${n})`:"");g=g.trim();let b=(t?" translateX(0px)":"")+(i?" translateY(0px)":"")+(o?" rotate(0deg)":"")+(n?" scale(1)":"");b=b.trim();let f,v,y,x,_,w,S=(g?"transform: "+g+";":"")+(a?"opacity: 0;":""),C=(b?"transform: "+b+";":"")+(a?"opacity: 1;":"");this.builder.editor.saveForUndo(),this.cleanup_timeline(e),this.cleanup(e),s=this.modalAnimateScroll.querySelectorAll(".cmd-start"),s.forEach((e=>{e.classList.contains("on")&&(f=e.getAttribute("data-value"))})),s=this.modalAnimateScroll.querySelectorAll(".cmd-end"),s.forEach((e=>{e.classList.contains("on")&&(v=e.getAttribute("data-value"))})),f||(f="data-bottom-top"),v||(v="data-center"),S=S.trim(),C=C.trim(),""!==S&&e.setAttribute(f,S),""!==C&&e.setAttribute(v,C),s=this.divLeaveAnim.querySelectorAll(".cmd-slidex"),s.forEach((e=>{e.classList.contains("on")&&(y=e.getAttribute("data-value"))})),s=this.divLeaveAnim.querySelectorAll(".cmd-slidey"),s.forEach((e=>{e.classList.contains("on")&&(x=e.getAttribute("data-value"))})),s=this.divLeaveAnim.querySelectorAll(".cmd-scale"),s.forEach((e=>{e.classList.contains("on")&&(_=e.getAttribute("data-value"))})),s=this.divLeaveAnim.querySelectorAll(".cmd-rotate"),s.forEach((e=>{e.classList.contains("on")&&(w=e.getAttribute("data-value"))}));let k=!1;l=this.divLeaveAnim.querySelector(".cmd-fade"),l.classList.contains("on")&&(k=!0);const A=this.divLeaveAnim.querySelector(".inp-slide-left");""!==A.value&&(y="-"+A.value+(-1!==A.value.indexOf("%")?"":"px"));const E=this.divLeaveAnim.querySelector(".inp-slide-right");""!==E.value&&(y=E.value+(-1!==E.value.indexOf("%")?"":"px"));const L=this.divLeaveAnim.querySelector(".inp-slide-down");""!==L.value&&(x=L.value+(-1!==L.value.indexOf("%")?"":"px"));const q=this.divLeaveAnim.querySelector(".inp-slide-up");""!==q.value&&(x="-"+q.value+(-1!==q.value.indexOf("%")?"":"px"));const T=this.divLeaveAnim.querySelector(".inp-scale");""!==T.value&&(_=T.value);const R=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");""!==R.value&&(w=R.value);const M=this.divLeaveAnim.querySelector(".inp-rotate-counter");""!==M.value&&(w="-"+M.value);let O=(y?" translateX(0px)":"")+(x?" translateY(0px)":"")+(w?" rotate(0deg)":"")+(_?" scale(1)":"");O=O.trim();let I=(y?` translateX(${y})`:"")+(x?` translateY(${x})`:"")+(w?` rotate(${w}deg)`:"")+(_?` scale(${_})`:"");I=I.trim();let B,N,$=(O?"transform: "+O+";":"")+(k?"opacity: 1;":""),z=(I?"transform: "+I+";":"")+(k?"opacity: 0;":"");this.cleanup_leave(e),s=this.modalAnimateScroll.querySelectorAll(".cmd-leave-start"),s.forEach((e=>{e.classList.contains("on")&&(B=e.getAttribute("data-value"))})),B||(B="data-center-bottom"),N="data-top-bottom",$=$.trim(),z=z.trim(),""!==$&&e.setAttribute(B,$),""!==z&&e.setAttribute("data-top-bottom",z),""===S&&""===C&&""===$&&""===z&&(e.style.transform="",e.style.transition="",e.style.opacity=""),(a||k)&&(e.style.opacity="");this.divAnimSettings.querySelector(".cmd-disable-smoothanim").classList.contains("on")?(e.setAttribute("data-smooth-scrolling","off"),e.style.transition=""):e.removeAttribute("data-smooth-scrolling"),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange()}readAnimOnce(){let e=this.builder.activeSection;e&&(e.querySelector(".is-animated.once")?this.modalAnimateScroll.querySelector("#chkPresetAnimOnce").checked=!0:this.modalAnimateScroll.querySelector("#chkPresetAnimOnce").checked=!1)}getTarget(){let e,t;if(this.modalAnimateScroll.querySelectorAll(".cmd-target").forEach((t=>{t.classList.contains("on")&&(e=t.getAttribute("data-value"))})),"element"===e){let e=this.readTarget();e?("element"===e.name&&(t=this.builder.editor.activeElement),t="inspectedElement"===e.name?this.builder.editor.inspectedElement:this.builder.editor.activeElement):t=this.builder.editor.activeElement}if("column"===e&&(t=this.builder.editor.activeCol),"row"===e){let e=this.builder.editor.activeCol;e&&(t=e.parentNode)}if("container"===e){let e=this.builder.editor.activeCol;e&&(t=e.parentNode.parentNode)}if("overlay"===e){let e;const i=this.builder.doc.querySelector(".box-select");i&&(e=i.querySelector(".is-overlay")),e&&(t=e)}if("bg"===e){let e;const i=this.builder.doc.querySelector(".box-select");i&&(e=i.querySelector(".is-overlay-bg")),e&&(t=e)}if("box"===e){const e=this.builder.doc.querySelector(".box-select");e&&(t=e)}if("section"===e){const e=this.builder.doc.querySelector(".section-select");e&&(t=e)}return{element:t||!1,name:e||!1}}readTarget(e){if(!e){let e,t,i,n=this.builder.editor.inspectedElement;if(!n)return this.readTarget("bg");e=n.getAttribute("data-bottom-top"),e||(e=n.getAttribute("data-400-bottom")),e||(e=n.getAttribute("data-200-bottom")),e||(e=n.getAttribute("data--50-bottom")),t=n.getAttribute("data-top-bottom"),i=n.getAttribute("data-in"),i||(i=n.getAttribute("data-in-150")),i||(i=n.getAttribute("data-in-300")),i||(i=n.getAttribute("data-cen--150")),i||(i=n.getAttribute("data-cen")),i||(i=n.getAttribute("data-cen-150")),i||(i=n.getAttribute("data-out--300")),i||(i=n.getAttribute("data-out--150")),i||(i=n.getAttribute("data-out"));let o=!1;return(n.classList.contains("is-fadeIn")||n.classList.contains("is-fadeInUp")||n.classList.contains("is-fadeInDown")||n.classList.contains("is-fadeInLeft")||n.classList.contains("is-fadeInRight")||n.classList.contains("is-zoomIn")||n.classList.contains("is-zoomOut")||n.classList.contains("is-slideInUp")||n.classList.contains("is-slideInDown")||n.classList.contains("is-slideInLeft")||n.classList.contains("is-slideInRight")||n.classList.contains("is-flipInX")||n.classList.contains("is-flipInY")||n.classList.contains("is-pulse")||n.classList.contains("is-bounceIn"))&&(o=!0),e||t||i||o?{element:n,name:"inspectedElement"}:this.readTarget("element")}{let t,i,n,o;if("element"===e&&(t=this.builder.editor.activeElement),"column"===e&&(t=this.builder.editor.activeCol),"row"===e&&this.builder.editor.activeCol&&(t=this.builder.editor.activeCol.parentNode),"container"===e&&this.builder.editor.activeCol&&(t=this.builder.editor.activeCol.parentNode.parentNode),"bg"===e){let e;const i=this.builder.doc.querySelector(".box-select");i&&(e=i.querySelector(".is-overlay-bg")),e&&(t=e)}if("overlay"===e){let e;const i=this.builder.doc.querySelector(".box-select");i&&(e=i.querySelector(".is-overlay")),e&&(t=e)}if("box"===e){const e=this.builder.doc.querySelector(".box-select");e&&(t=e)}if("section"===e){const e=this.builder.doc.querySelector(".section-select");e&&(t=e)}if(!t){if("element"===e)return this.readTarget("column");if("column"===e)return this.readTarget("row");if("row"===e)return this.readTarget("container");if("container"===e)return this.readTarget("bg");if("bg"===e)return this.readTarget("overlay");if("overlay"===e)return this.readTarget("box");if("box"===e)return this.readTarget("section");if("section"===e)return!1}i=t.getAttribute("data-bottom-top"),i||(i=t.getAttribute("data-400-bottom")),i||(i=t.getAttribute("data-200-bottom")),i||(i=t.getAttribute("data--50-bottom")),n=t.getAttribute("data-top-bottom"),o=t.getAttribute("data-in"),o||(o=t.getAttribute("data-in-150")),o||(o=t.getAttribute("data-in-300")),o||(o=t.getAttribute("data-cen--150")),o||(o=t.getAttribute("data-cen")),o||(o=t.getAttribute("data-cen-150")),o||(o=t.getAttribute("data-out--300")),o||(o=t.getAttribute("data-out--150")),o||(o=t.getAttribute("data-out"));let s=!1;if((t.classList.contains("is-fadeIn")||t.classList.contains("is-fadeInUp")||t.classList.contains("is-fadeInDown")||t.classList.contains("is-fadeInLeft")||t.classList.contains("is-fadeInRight")||t.classList.contains("is-zoomIn")||t.classList.contains("is-zoomOut")||t.classList.contains("is-slideInUp")||t.classList.contains("is-slideInDown")||t.classList.contains("is-slideInLeft")||t.classList.contains("is-slideInRight")||t.classList.contains("is-flipInX")||t.classList.contains("is-flipInY")||t.classList.contains("is-pulse")||t.classList.contains("is-bounceIn"))&&(s=!0),i||n||o||s)return{element:t,name:e};if("element"===e)return this.readTarget("column");if("column"===e)return this.readTarget("row");if("row"===e)return this.readTarget("container");if("container"===e)return this.readTarget("bg");if("bg"===e)return this.readTarget("overlay");if("overlay"===e)return this.readTarget("box");if("box"===e)return this.readTarget("section");if("section"===e)return!1}}getTransform(e,t){let i,n,o,s,a=this.parseComplexStyleProperty(t);a.translateX&&(i=a.translateX[0]),a.translateY&&(n=a.translateY[0]),a.scale&&(o=a.scale[0]),a.rotate&&(s=a.rotate[0]);let l=e.style.opacity;return{translateX:i||!1,translateY:n||!1,scale:o||!1,rotate:!!s&&s.replace("deg",""),opacity:l||!1}}parseComplexStyleProperty(e){for(var t,i=/(\w+)\((.+?)\)/g,n={};t=i.exec(e);)n[t[1]]=n[t[1]]?n[t[1]].concat([t[2]]):[t[2]];return n}cleanup(e){e.removeAttribute("data-center"),e.removeAttribute("data-center-top"),e.removeAttribute("data--50-bottom"),e.removeAttribute("data--100-bottom"),e.removeAttribute("data--150-bottom"),e.removeAttribute("data--200-bottom"),e.removeAttribute("data--300-bottom"),e.removeAttribute("data--400-bottom"),e.removeAttribute("data-bottom-top"),e.removeAttribute("data-400-bottom"),e.removeAttribute("data-300-bottom"),e.removeAttribute("data-200-bottom"),e.removeAttribute("data-150-bottom"),e.removeAttribute("data-100-bottom"),e.removeAttribute("data-50-bottom"),e.removeAttribute("data-bottom")}cleanup_leave(e){e.removeAttribute("data-center-bottom"),e.removeAttribute("data-100-top"),e.removeAttribute("data-50-top"),e.removeAttribute("data-top"),e.removeAttribute("data-top-bottom")}cleanup_timeline(e){e.removeAttribute("data-in"),e.removeAttribute("data-in-150"),e.removeAttribute("data-in-300"),e.removeAttribute("data-cen--150"),e.removeAttribute("data-cen"),e.removeAttribute("data-cen-150"),e.removeAttribute("data-out--300"),e.removeAttribute("data-out--150"),e.removeAttribute("data-out")}edit(){this.builder.wrapperEl.classList.add("hard-select"),this.builder.activeBox&&this.builder.activeBox.classList.add("box-select"),this.builder.activeSection&&this.builder.activeSection.classList.add("section-select"),this.builder.sidebar.closeSidebar(),this.modalAnimateScroll.classList.add("active"),this.clickContent(),this.builder.doc.body.classList.add("selection-only"),document.body.classList.add("selection-only");this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display=""}close(){this.modalAnimateScroll.classList.remove("active"),this.builder.doc.body.classList.remove("selection-only"),document.body.classList.remove("selection-only")}}const vy=new e;class yy{constructor(e){this.builder=e;const t=this.builder.builderStuff;this.builderStuff=t;let n=`\n        <style>\n            .is-modal.page-timeline {\n                width: 1017px !important; \n                height: 295px !important; \n                top: auto !important; \n                bottom: 30px !important; \n                left: auto !important; \n                right: 30px !important; \n                z-index: 10002 !important; \n                font-size: 12px;\n            }\n            /*\n            @media all and  (max-width: 1919px) {\n                .is-modal.page-timeline {\n                    width: 60vw !important; \n                }\n            }\n            @media all and  (max-width: 1850px) {\n                .is-modal.page-timeline {\n                    width: 55vw !important; \n                }\n            }\n            @media all and  (max-width: 1650px) {\n                .is-modal.page-timeline {\n                    width: 50vw !important; \n                }\n            }\n            @media all and  (max-width: 1480px) {\n                .is-modal.page-timeline {\n                    width: 45vw !important; \n                }\n            }\n            @media all and  (max-width: 1350px) {\n                .is-modal.page-timeline {\n                    width: 40vw !important; \n                    min-width: 576px;\n                }\n            }\n            */\n            @media all and  (max-width: 1340px) {\n                .is-modal.page-timeline {\n                    width: 60vw !important; \n                    min-width: 576px;\n                }\n            }\n            .page-timeline .is-modal-bar {\n                font-size: 12px !important;\n            }\n            .page-timeline select {\n                font-size: 12px !important;\n                line-height: 1;\n            }\n            .page-timeline label {\n                font-size: 12px !important;\n                line-height: 1;\n            }\n            .page-timeline td {\n                font-size: 12px;\n                padding: 3px 1px;\n            }\n            .page-timeline .table-header td {\n                font-size: 11px;\n                padding: 3px 0 0;\n            }\n            .page-timeline td input[type=text] {\n                font-size: 12px !important;\n                font-family: sans-serif !important;\n                font-weight: 300 !important;\n                padding: 0 !important;\n                width: 30px !important;\n                height: 26px !important;\n                text-align: center !important;\n                letter-spacing: 0px !important;\n            }\n            .page-timeline td input.inp-extra2 {\n                background-color: #f5f5f5 !important;\n            }\n\n            .page-timeline:focus-within {\n                z-index:100021 !important\n            }\n\n            .page-timeline .timeline-more {\n                display: none;\n                position: absolute;\n                top: auto !important;\n                left: 283px !important;\n                bottom: 70px;\n                padding: 25px 20px 20px;\n                box-shadow: 3px 4px 10px 0px rgb(0 0 0 / 6%) !important;\n            }\n            .page-timeline .timeline-more.active {\n                display: flex;\n            }\n            \n\n            .page-timeline .clear-more {\n                display: none;\n                position: absolute;\n                top: auto !important;\n                left: auto !important;\n                right: 19px !important;\n                bottom: 70px;\n                padding: 8px 20px 8px;\n                box-shadow: 3px 4px 10px 0px rgb(0 0 0 / 6%) !important;\n            }\n            .page-timeline .clear-more.active {\n                display: flex;\n            }\n        </style>\n        <div class="is-modal is-modal-content page-timeline" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">\n            <div class="is-modal-bar is-draggable" draggable=""> \n                <span>${i("Animation Timeline Editor")}</span>\n                <button class="is-modal-close" tabindex="-1" title="${i("Close")}">\n                    <svg class="is-icon-flex" style="width:23px;height:23px;"><use xlink:href="#ion-ios-close-empty"></use></svg>\n                </button>\n            </div>\n            <div style="position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;border-top:transparent 35px solid;overflow-y:hidden;overflow-x:auto;">\n                \n                <div>\n                    <table class="table-timeline" style="margin:0px 15px 3px;border-collapse:collapse;">\n                        <tr class="table-header">\n                            <td style="text-align:center"> </td>\n                            <td style="text-align:center">0%</td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center">50%</td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center;padding-right:5px">100%</td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center" colspan="8">${i("Extended (for use with pinned section)")}</td>\n                            \x3c!--<td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center">150%</td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>--\x3e\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center;padding:0">\n                                \x3c!--<button title="${i("Clear All")}" class="cmd-clear-timeline" style="margin-left:5px;height:23px;flex: none;width: auto;padding: 0 0 0 8px !important;box-shadow: none !important;background: transparent !important;">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>--\x3e\n                            </td>\n                        </tr>  \n                        <tr>\n                            <td>\n                                <span class="bold">${i("Slide X")}</span>\n                            </td>\n                            <td>\n                                <input class="inp-x" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-100" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-200" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-300" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-400" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-500" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-600" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-700" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-800" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-900" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-1000" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-1100" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-1200" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-1300" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-1400" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-1500" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-1600" placeholder="" type="text" />\n                            </td>\n\n                            <td>\n                                <input class="inp-x-1700 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-1800 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-1900 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-2000 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-2100 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-2200 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-2300 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-2400 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-2500 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-2600 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-2700 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-2800 inp-extra" placeholder="" type="text" />\n                            </td>\n                        </tr>\n                        <tr>\n                            <td>\n                                <span class="bold">${i("Slide Y")}</span>\n                            </td>\n                            <td>\n                                <input class="inp-y" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-100" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-200" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-300" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-400" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-500" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-600" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-700" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-800" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-900" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-1000" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-1100" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-1200" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-1300" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-1400" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-1500" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-1600" placeholder="" type="text" />\n                            </td>\n\n                            <td>\n                                <input class="inp-y-1700 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-1800 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-1900 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-2000 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-2100 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-2200 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-2300 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-2400 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-2500 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-2600 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-2700 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-2800 inp-extra" placeholder="" type="text" />\n                            </td>\n                        </tr>\n                        <tr>\n                            <td>\n                                <span class="bold">${i("Scale")}</span>\n                            </td>\n                            <td>\n                                <input class="inp-sc" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-100" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-200" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-300" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-400" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-500" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-600" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-700" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-800" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-900" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-1000" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-1100" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-1200" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-1300" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-1400" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-1500" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-1600" placeholder="" type="text" />\n                            </td>\n\n                            <td>\n                                <input class="inp-sc-1700 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-1800 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-1900 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-2000 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-2100 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-2200 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-2300 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-2400 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-2500 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-2600 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-2700 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-2800 inp-extra" placeholder="" type="text" />\n                            </td>\n                        </tr>\n                        <tr>\n                            <td>\n                                <span class="bold">${i("Rotate")}</span>\n                            </td>\n                            <td>\n                                <input class="inp-rt" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-100" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-200" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-300" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-400" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-500" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-600" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-700" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-800" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-900" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-1000" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-1100" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-1200" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-1300" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-1400" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-1500" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-1600" placeholder="" type="text" />\n                            </td>\n\n                            <td>\n                                <input class="inp-rt-1700 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-1800 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-1900 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-2000 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-2100 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-2200 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-2300 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-2400 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-2500 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-2600 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-2700 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-2800 inp-extra" placeholder="" type="text" />\n                            </td>\n                        </tr>\n                        <tr>\n                            <td>\n                                <span class="bold">${i("Opacity")}</span>\n                            </td>\n                            <td>\n                                <input class="inp-op" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-100" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-200" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-300" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-400" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-500" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-600" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-700" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-800" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-900" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-1000" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-1100" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-1200" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-1300" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-1400" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-1500" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-1600" placeholder="" type="text" />\n                            </td>\n\n                            <td>\n                                <input class="inp-op-1700 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-1800 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-1900 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-2000 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-2100 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-2200 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-2300 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-2400 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-2500 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-2600 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-2700 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-2800 inp-extra" placeholder="" type="text" />\n                            </td>\n                        </tr>\n                    </table>\n                    <div class="flex-wrap" style="padding: 3px 10px 15px 15px;box-sizing: border-box;width: 100%;justify-content: space-between;">\n\n                        <div class="flex-wrap" style="margin-top:8px;flex-direction:column;align-items:flex-start">\n                            \x3c!--\n                            <div style="font-size:10px;margin-top:-20px;margin-bottom:5px"><span>${i("Target")}</span>:</div>\n                            --\x3e\n                            <div class="flex-wrap">\n                                <div class="flex-wrap" style="margin-right:15px;width: 120px;">\n                                    <select class="input-target">\n                                        <option value="element">${i("Element")}</option>\n                                        <option value="column">${i("Column")}</option>\n                                        <option value="row">${i("Row")}</option>\n                                        <option value="container">${i("Container")}</option>\n                                        <option value="overlay">${i("Overlay")}</option>\n                                        <option value="bg">${i("Background")}</option>\n                                        <option value="box">${i("Box")}</option>\n                                        <option value="section">${i("Section")}</option>\n                                    </select>\n                                </div>\n                                <div class="flex-wrap" style="margin-right:15px">\n                                    <button title="${i("Desktop")}" class="input-device on" data-value="" style="width:40px;height:34px;">\n                                        <svg class="is-icon-flex" style="width:18px;height:18px"><use xlink:href="#icon-device-desktop"></use></svg>\n                                    </button>\n                                    \x3c!--<button title="${i("Laptop/Tablet")}" class="input-device" data-value="md" style="width:40px;height:34px;">\n                                        <svg class="is-icon-flex" style="width:18px;height:18px"><use xlink:href="#icon-device-laptop"></use></svg>\n                                    </button>--\x3e\n                                    <button title="${i("Tablet")}" class="input-device" data-value="sm" style="width:40px;height:34px;">\n                                        <svg class="is-icon-flex" style="width:18px;height:18px"><use xlink:href="#icon-device-tablet"></use></svg>\n                                    </button>\n                                    <button title="${i("Mobile")}" class="input-device" data-value="xs" style="width:40px;height:34px;">\n                                        <svg class="is-icon-flex" style="width:13px;height:13px"><use xlink:href="#icon-device-mobile"></use></svg>\n                                    </button>\n                                </div>\n                                <div class="flex-wrap">\n                                    <button type="button" title="${i("More")}" class="cmd-timeline-more" style="width:40px;height:34px;"><svg class="is-icon-flex"><use xlink:href="#icon-settings"></use></svg></button>\n                                \n                                    \x3c!--<button title="${i("Clear All")}" class="cmd-clear-timeline" style="width:40px;height:34px;">\n                                        <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                    </button>--\x3e\n                                </div>\n                            </div>\n                        </div>\n                        <div class="flex-wrap" style="width:515px">\n\n                            <div class="flex-wrap" style="flex-direction:column;align-items: flex-start;">\n                                <div class="flex-wrap" style="height:35px;margin-bottom: 2px;">\n                                    <div class="flex-wrap">\n                                        <label for="chkPinSection2" style="margin:0;display:flex;">\n                                            <input id="chkPinSection2" type="checkbox" style="margin:-1px 6px 0 0"> \n                                            <span>${i("Pin Section")}</span>.\n                                        </label>\n                                    </div>\n                                    <div class="flex-wrap div-pin-spacing" style="display:none;margin-left:5px">\n                                        <div class="flex-wrap">\n                                            <button title="0" class="cmd-pin-space" data-value="md" style="padding-left:15px;padding-right:15px;height:30px;">${i("MD")}</button>\n                                            <button title="20" class="cmd-pin-space" data-value="lg" style="padding-left:15px;padding-right:15px;height:30px;">${i("LG")}</button>\n                                            <button title="20" class="cmd-pin-space" data-value="xl" style="padding-left:15px;padding-right:15px;height:30px;">${i("XL")}</button>\n                                        </div>\n                                        <label for="chkPinOverlap" style="margin:0;display:flex;margin-left:15px">\n                                            <input id="chkPinOverlap" type="checkbox" style="margin:-1px 6px 0 0"> \n                                            <span>${i("Overlap")}</span>\n                                        </label>\n                                        <label for="chkPinDesktopOnly" style="margin:0;display:flex;margin-left:15px">\n                                            <input id="chkPinDesktopOnly" type="checkbox" style="margin:-1px 6px 0 0"> \n                                            <span>${i("Disable Pin on Mobile")}</span>\n                                        </label>\n                                    </div>\n                                </div>\n\n                                <div>\n                                    <label for="chkTimelineDisableOnMobile" style="margin:0;display:flex;">\n                                        <input id="chkTimelineDisableOnMobile" type="checkbox" style="margin:-1px 6px 0 0"> \n                                        <span>${i("Disable All Section Animations on Mobile")}</span>.\n                                    </label>\n                                </div>\n                            </div>\n                        </div>\n                        <div class="flex-wrap" style="margin-top:8px;">\n                            <button title="${i("Clear All")}" class="cmd-clear-timeline" style="width:30px;height:23px;flex: none;box-shadow: none !important;background: transparent !important;">\n                                <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                            </button>\n                            <button title="${i("More")}" type="button" class="cmd-clear-more" style="width:30px;height:23px;">\n                                <svg class="is-icon-flex" style="width: 14px;height: 14px;"><use xlink:href="#ion-more"></use></svg>\n                            </button>\n                        </div>\n\n                        <div class="clear-more flex-wrap is-pop">\n                            <button title="${i("Clear All Animations in Section")}" class="cmd-clear-timeline-all" style="flex:none;width:auto;padding:0px !important;box-shadow:none !important;background:transparent !important;">\n                                <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                <span style="margin-left:7px">${i("Clear All Animations in Section")}</span>\n                            </button>\n                        </div>\n                        \n                        <div class="timeline-more flex-wrap is-pop">\n\n                            <div class="flex-wrap" style="flex-direction:column;margin-right:15px">\n                                <div style="font-size:10px;margin-top:-10px;margin-bottom:2px"><span>${i("Origin")}</span>:</div>\n                                <div>\n                                    <div class="flex-wrap">\n                                        <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="left top" title="${i("Top Left")}" type="button" style=""><svg class="is-icon-flex" style="transform: rotate(315deg);"><use xlink:href="#ion-ios-arrow-thin-up"></use></svg></button>\n                                        <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="center top" title="${i("Top Center")}" type="button"><svg class="is-icon-flex" style=""><use xlink:href="#ion-ios-arrow-thin-up"></use></svg></button>\n                                        <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="right top" title="${i("Top Right")}" type="button"><svg class="is-icon-flex" style="transform: rotate(45deg);"><use xlink:href="#ion-ios-arrow-thin-up"></use></svg></button>\n                                    </div>\n                                    <div class="flex-wrap">\n                                        <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="left center" title="${i("Center Left")}" type="button"><svg class="is-icon-flex" style=""><use xlink:href="#ion-ios-arrow-thin-left"></use></svg></button>\n                                        <button class="cmd-anim-origin on" style="width:25px;height:19px;" data-value="center" title="${i("Center")}" type="button"><svg class="is-icon-flex" style="width:6px;height:6px;"><use xlink:href="#ion-android-contract"></use></svg></button>\n                                        <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="right center" title="${i("Center Right")}" type="button"><svg class="is-icon-flex" style=""><use xlink:href="#ion-ios-arrow-thin-right"></use></svg></button>\n                                    </div>\n                                    <div class="flex-wrap">\n                                        <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="left bottom" title="${i("Bottom Left")}" type="button" style=";"><svg class="is-icon-flex" style="transform: rotate(45deg);"><use xlink:href="#ion-ios-arrow-thin-down"></use></svg></button>\n                                        <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="center bottom" title="${i("Bottom Center")}" type="button"><svg class="is-icon-flex" style=""><use xlink:href="#ion-ios-arrow-thin-down"></use></svg></button>\n                                        <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="right bottom" title="${i("Bottom Right")}" type="button"><svg class="is-icon-flex" style="transform: rotate(315deg);"><use xlink:href="#ion-ios-arrow-thin-down"></use></svg></button>\n                                    </div>\n                                </div>\n                            </div>\n\n                            <div class="flex-wrap" style="flex-direction:column;align-items: flex-start;">\n                                <div class="flex-wrap">\n                                    <div class="flex-wrap">\n                                        <button title="${i("Disable Easing")}" class="cmd-disable-smoothanim" style="height:34px;padding-left:15px;padding-right: 15px;">${i("Disable Easing")}</button>\n                                        <button title="${i("Hidden on Start")}" class="cmd-hidden-onstart" style="height:34px;padding-left:15px;padding-right: 15px;">${i("Hidden on Start")}</button>\n                                    </div>\n                                    \x3c!--\n                                    <button title="${i("Clear All")}" class="cmd-clear-timeline" style="margin-left:5px;height:34px;flex: none;width: auto;padding: 0 0 0 8px !important;box-shadow: none !important;background: transparent !important;">\n                                        <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                    </button>\n                                    --\x3e\n                                </div>\n\n                                <div style="display:none;margin-top:7px">\n\n\n                                \n                                </div>\n\n                            </div>\n                        </div>\n                        \n\n                    </div>\n                </div>\n\n            </div>\n        </div>\n        `;vy.appendHtml(t,n);const o=t.querySelector(".page-timeline");this.modalTimeline=o,this.inpX=this.modalTimeline.querySelector(".inp-x"),this.inpX_100=this.modalTimeline.querySelector(".inp-x-100"),this.inpX_200=this.modalTimeline.querySelector(".inp-x-200"),this.inpX_300=this.modalTimeline.querySelector(".inp-x-300"),this.inpX_400=this.modalTimeline.querySelector(".inp-x-400"),this.inpX_500=this.modalTimeline.querySelector(".inp-x-500"),this.inpX_600=this.modalTimeline.querySelector(".inp-x-600"),this.inpX_700=this.modalTimeline.querySelector(".inp-x-700"),this.inpX_800=this.modalTimeline.querySelector(".inp-x-800"),this.inpX_900=this.modalTimeline.querySelector(".inp-x-900"),this.inpX_1000=this.modalTimeline.querySelector(".inp-x-1000"),this.inpX_1100=this.modalTimeline.querySelector(".inp-x-1100"),this.inpX_1200=this.modalTimeline.querySelector(".inp-x-1200"),this.inpX_1300=this.modalTimeline.querySelector(".inp-x-1300"),this.inpX_1400=this.modalTimeline.querySelector(".inp-x-1400"),this.inpX_1500=this.modalTimeline.querySelector(".inp-x-1500"),this.inpX_1600=this.modalTimeline.querySelector(".inp-x-1600"),this.inpX_1700=this.modalTimeline.querySelector(".inp-x-1700"),this.inpX_1800=this.modalTimeline.querySelector(".inp-x-1800"),this.inpX_1900=this.modalTimeline.querySelector(".inp-x-1900"),this.inpX_2000=this.modalTimeline.querySelector(".inp-x-2000"),this.inpX_2100=this.modalTimeline.querySelector(".inp-x-2100"),this.inpX_2200=this.modalTimeline.querySelector(".inp-x-2200"),this.inpX_2300=this.modalTimeline.querySelector(".inp-x-2300"),this.inpX_2400=this.modalTimeline.querySelector(".inp-x-2400"),this.inpX_2500=this.modalTimeline.querySelector(".inp-x-2500"),this.inpX_2600=this.modalTimeline.querySelector(".inp-x-2600"),this.inpX_2700=this.modalTimeline.querySelector(".inp-x-2700"),this.inpX_2800=this.modalTimeline.querySelector(".inp-x-2800"),this.inpY=this.modalTimeline.querySelector(".inp-y"),this.inpY_100=this.modalTimeline.querySelector(".inp-y-100"),this.inpY_200=this.modalTimeline.querySelector(".inp-y-200"),this.inpY_300=this.modalTimeline.querySelector(".inp-y-300"),this.inpY_400=this.modalTimeline.querySelector(".inp-y-400"),this.inpY_500=this.modalTimeline.querySelector(".inp-y-500"),this.inpY_600=this.modalTimeline.querySelector(".inp-y-600"),this.inpY_700=this.modalTimeline.querySelector(".inp-y-700"),this.inpY_800=this.modalTimeline.querySelector(".inp-y-800"),this.inpY_900=this.modalTimeline.querySelector(".inp-y-900"),this.inpY_1000=this.modalTimeline.querySelector(".inp-y-1000"),this.inpY_1100=this.modalTimeline.querySelector(".inp-y-1100"),this.inpY_1200=this.modalTimeline.querySelector(".inp-y-1200"),this.inpY_1300=this.modalTimeline.querySelector(".inp-y-1300"),this.inpY_1400=this.modalTimeline.querySelector(".inp-y-1400"),this.inpY_1500=this.modalTimeline.querySelector(".inp-y-1500"),this.inpY_1600=this.modalTimeline.querySelector(".inp-y-1600"),this.inpY_1700=this.modalTimeline.querySelector(".inp-y-1700"),this.inpY_1800=this.modalTimeline.querySelector(".inp-y-1800"),this.inpY_1900=this.modalTimeline.querySelector(".inp-y-1900"),this.inpY_2000=this.modalTimeline.querySelector(".inp-y-2000"),this.inpY_2100=this.modalTimeline.querySelector(".inp-y-2100"),this.inpY_2200=this.modalTimeline.querySelector(".inp-y-2200"),this.inpY_2300=this.modalTimeline.querySelector(".inp-y-2300"),this.inpY_2400=this.modalTimeline.querySelector(".inp-y-2400"),this.inpY_2500=this.modalTimeline.querySelector(".inp-y-2500"),this.inpY_2600=this.modalTimeline.querySelector(".inp-y-2600"),this.inpY_2700=this.modalTimeline.querySelector(".inp-y-2700"),this.inpY_2800=this.modalTimeline.querySelector(".inp-y-2800"),this.inpScale=this.modalTimeline.querySelector(".inp-sc"),this.inpScale_100=this.modalTimeline.querySelector(".inp-sc-100"),this.inpScale_200=this.modalTimeline.querySelector(".inp-sc-200"),this.inpScale_300=this.modalTimeline.querySelector(".inp-sc-300"),this.inpScale_400=this.modalTimeline.querySelector(".inp-sc-400"),this.inpScale_500=this.modalTimeline.querySelector(".inp-sc-500"),this.inpScale_600=this.modalTimeline.querySelector(".inp-sc-600"),this.inpScale_700=this.modalTimeline.querySelector(".inp-sc-700"),this.inpScale_800=this.modalTimeline.querySelector(".inp-sc-800"),this.inpScale_900=this.modalTimeline.querySelector(".inp-sc-900"),this.inpScale_1000=this.modalTimeline.querySelector(".inp-sc-1000"),this.inpScale_1100=this.modalTimeline.querySelector(".inp-sc-1100"),this.inpScale_1200=this.modalTimeline.querySelector(".inp-sc-1200"),this.inpScale_1300=this.modalTimeline.querySelector(".inp-sc-1300"),this.inpScale_1400=this.modalTimeline.querySelector(".inp-sc-1400"),this.inpScale_1500=this.modalTimeline.querySelector(".inp-sc-1500"),this.inpScale_1600=this.modalTimeline.querySelector(".inp-sc-1600"),this.inpScale_1700=this.modalTimeline.querySelector(".inp-sc-1700"),this.inpScale_1800=this.modalTimeline.querySelector(".inp-sc-1800"),this.inpScale_1900=this.modalTimeline.querySelector(".inp-sc-1900"),this.inpScale_2000=this.modalTimeline.querySelector(".inp-sc-2000"),this.inpScale_2100=this.modalTimeline.querySelector(".inp-sc-2100"),this.inpScale_2200=this.modalTimeline.querySelector(".inp-sc-2200"),this.inpScale_2300=this.modalTimeline.querySelector(".inp-sc-2300"),this.inpScale_2400=this.modalTimeline.querySelector(".inp-sc-2400"),this.inpScale_2500=this.modalTimeline.querySelector(".inp-sc-2500"),this.inpScale_2600=this.modalTimeline.querySelector(".inp-sc-2600"),this.inpScale_2700=this.modalTimeline.querySelector(".inp-sc-2700"),this.inpScale_2800=this.modalTimeline.querySelector(".inp-sc-2800"),this.inpRotate=this.modalTimeline.querySelector(".inp-rt"),this.inpRotate_100=this.modalTimeline.querySelector(".inp-rt-100"),this.inpRotate_200=this.modalTimeline.querySelector(".inp-rt-200"),this.inpRotate_300=this.modalTimeline.querySelector(".inp-rt-300"),this.inpRotate_400=this.modalTimeline.querySelector(".inp-rt-400"),this.inpRotate_500=this.modalTimeline.querySelector(".inp-rt-500"),this.inpRotate_600=this.modalTimeline.querySelector(".inp-rt-600"),this.inpRotate_700=this.modalTimeline.querySelector(".inp-rt-700"),this.inpRotate_800=this.modalTimeline.querySelector(".inp-rt-800"),this.inpRotate_900=this.modalTimeline.querySelector(".inp-rt-900"),this.inpRotate_1000=this.modalTimeline.querySelector(".inp-rt-1000"),this.inpRotate_1100=this.modalTimeline.querySelector(".inp-rt-1100"),this.inpRotate_1200=this.modalTimeline.querySelector(".inp-rt-1200"),this.inpRotate_1300=this.modalTimeline.querySelector(".inp-rt-1300"),this.inpRotate_1400=this.modalTimeline.querySelector(".inp-rt-1400"),this.inpRotate_1500=this.modalTimeline.querySelector(".inp-rt-1500"),this.inpRotate_1600=this.modalTimeline.querySelector(".inp-rt-1600"),this.inpRotate_1700=this.modalTimeline.querySelector(".inp-rt-1700"),this.inpRotate_1800=this.modalTimeline.querySelector(".inp-rt-1800"),this.inpRotate_1900=this.modalTimeline.querySelector(".inp-rt-1900"),this.inpRotate_2000=this.modalTimeline.querySelector(".inp-rt-2000"),this.inpRotate_2100=this.modalTimeline.querySelector(".inp-rt-2100"),this.inpRotate_2200=this.modalTimeline.querySelector(".inp-rt-2200"),this.inpRotate_2300=this.modalTimeline.querySelector(".inp-rt-2300"),this.inpRotate_2400=this.modalTimeline.querySelector(".inp-rt-2400"),this.inpRotate_2500=this.modalTimeline.querySelector(".inp-rt-2500"),this.inpRotate_2600=this.modalTimeline.querySelector(".inp-rt-2600"),this.inpRotate_2700=this.modalTimeline.querySelector(".inp-rt-2700"),this.inpRotate_2800=this.modalTimeline.querySelector(".inp-rt-2800"),this.inpOpacity=this.modalTimeline.querySelector(".inp-op"),this.inpOpacity_100=this.modalTimeline.querySelector(".inp-op-100"),this.inpOpacity_200=this.modalTimeline.querySelector(".inp-op-200"),this.inpOpacity_300=this.modalTimeline.querySelector(".inp-op-300"),this.inpOpacity_400=this.modalTimeline.querySelector(".inp-op-400"),this.inpOpacity_500=this.modalTimeline.querySelector(".inp-op-500"),this.inpOpacity_600=this.modalTimeline.querySelector(".inp-op-600"),this.inpOpacity_700=this.modalTimeline.querySelector(".inp-op-700"),this.inpOpacity_800=this.modalTimeline.querySelector(".inp-op-800"),this.inpOpacity_900=this.modalTimeline.querySelector(".inp-op-900"),this.inpOpacity_1000=this.modalTimeline.querySelector(".inp-op-1000"),this.inpOpacity_1100=this.modalTimeline.querySelector(".inp-op-1100"),this.inpOpacity_1200=this.modalTimeline.querySelector(".inp-op-1200"),this.inpOpacity_1300=this.modalTimeline.querySelector(".inp-op-1300"),this.inpOpacity_1400=this.modalTimeline.querySelector(".inp-op-1400"),this.inpOpacity_1500=this.modalTimeline.querySelector(".inp-op-1500"),this.inpOpacity_1600=this.modalTimeline.querySelector(".inp-op-1600"),this.inpOpacity_1700=this.modalTimeline.querySelector(".inp-op-1700"),this.inpOpacity_1800=this.modalTimeline.querySelector(".inp-op-1800"),this.inpOpacity_1900=this.modalTimeline.querySelector(".inp-op-1900"),this.inpOpacity_2000=this.modalTimeline.querySelector(".inp-op-2000"),this.inpOpacity_2100=this.modalTimeline.querySelector(".inp-op-2100"),this.inpOpacity_2200=this.modalTimeline.querySelector(".inp-op-2200"),this.inpOpacity_2300=this.modalTimeline.querySelector(".inp-op-2300"),this.inpOpacity_2400=this.modalTimeline.querySelector(".inp-op-2400"),this.inpOpacity_2500=this.modalTimeline.querySelector(".inp-op-2500"),this.inpOpacity_2600=this.modalTimeline.querySelector(".inp-op-2600"),this.inpOpacity_2700=this.modalTimeline.querySelector(".inp-op-2700"),this.inpOpacity_2800=this.modalTimeline.querySelector(".inp-op-2800"),this.dummyElm=document.querySelector(".dummy-elm");o.querySelector(".is-modal-close").addEventListener("click",(()=>{this.close()}));o.querySelector(".input-target").addEventListener("change",(()=>{this.read()}));this.modalTimeline.querySelectorAll(".input-device").forEach((e=>{e.addEventListener("click",(()=>{this.modalTimeline.querySelectorAll(".input-device").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.read()}))}));const s=o.querySelector(".cmd-timeline-more");s.addEventListener("click",(()=>{const e=o.querySelector(".timeline-more");this.builder.editor.util.showPop(e,!1,s)}));const a=o.querySelector(".cmd-clear-more");a.addEventListener("click",(()=>{const e=o.querySelector(".clear-more");this.builder.editor.util.showPop(e,!1,a)}));const l=o.querySelector("#chkPinSection2"),r=o.querySelector(".div-pin-spacing");l.addEventListener("click",(()=>{const e=this.builder.activeSection;if(e){if(this.builder.editor.saveForUndo(),l.checked){e.classList.add("section-pin"),r.style.display="flex",r.querySelectorAll(".cmd-pin-space").forEach((e=>{e.classList.remove("on")})),r.querySelector('.cmd-pin-space[data-value="md"]').classList.add("on")}else e.classList.remove("section-pin"),e.classList.remove("pin-space-lg"),e.classList.remove("pin-space-xl"),r.style.display="none";this.builder.onChange()}}));const d=o.querySelector("#chkPinDesktopOnly");d.addEventListener("click",(()=>{const e=this.builder.activeSection;e&&(this.builder.editor.saveForUndo(),d.checked?e.classList.add("m-pin-off"):e.classList.remove("m-pin-off"),this.builder.onChange())}));const c=o.querySelector("#chkPinOverlap");c.addEventListener("click",(()=>{const e=this.builder.activeSection;e&&(this.builder.editor.saveForUndo(),c.checked?e.classList.add("pin-overlap"):(e.classList.remove("pin-overlap"),e.classList.remove("no-spacing")),this.builder.onChange())}));r.querySelectorAll(".cmd-pin-space").forEach((e=>{e.addEventListener("click",(()=>{const t=this.builder.activeSection;if(!t)return;let i=e.getAttribute("data-value");this.builder.editor.saveForUndo(),t.classList.remove("pin-space-lg"),t.classList.remove("pin-space-xl"),"lg"===i&&t.classList.add("pin-space-lg"),"xl"===i&&t.classList.add("pin-space-xl"),r.querySelectorAll(".cmd-pin-space").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.builder.onChange()}))}));o.querySelectorAll(".cmd-anim-origin").forEach((e=>{e.addEventListener("click",(()=>{o.querySelectorAll(".cmd-anim-origin").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.applyTimeline(),this.builder.onChange()}))}));const u=o.querySelector(".cmd-disable-smoothanim");u.addEventListener("click",(()=>{u.classList.contains("on")?u.classList.remove("on"):u.classList.add("on"),this.applyTimeline()}));const p=o.querySelector(".cmd-hidden-onstart");p.addEventListener("click",(()=>{p.classList.contains("on")?p.classList.remove("on"):p.classList.add("on"),this.applyTimeline()}));o.querySelector(".cmd-clear-timeline").addEventListener("click",(()=>{let e;e=this.getTarget().element,e&&(this.builder.editor.saveForUndo(),this.cleanup(e),e.style.transform="",e.style.transition="",e.style.opacity="",e.style.transformOrigin="",this.builder.animateScroll.refreshPage(),this.read(),this.builder.settings.onChange())}));o.querySelector(".cmd-clear-timeline-all").addEventListener("click",(()=>{let e=this.builder.activeSection;if(!e)return;this.builder.editor.saveForUndo();let t,i=this.builder.editor.activeCol;i&&(e=i.closest(".is-section")),t=document.querySelectorAll("[data-bottom-top],[data-center],[data-center-bottom],[data-100-top],[data-50-top],[data-top],[data-top-bottom],[data-center-top],[data--300-bottom],[data--150-bottom],[data--50-bottom],[data-bottom],[data-100-bottom],[data-150-bottom],[data-400-bottom],[data--400-bottom],[data--200-bottom],[data--100-bottom],[data-50-bottom],[data-200-bottom],[data-300-bottom],[data-in],[data-in-150],[data-in-300],[data-cen--150],[data-cen],[data-cen-150],[data-out--300],[data-out--150],[data-out][data-t],[data-t-100],[data-t-200],[data-t-300],[data-t-400],[data-t-500],[data-t-600],[data-t-700],[data-t-800],[data-t-900],[data-t-1000],[data-t-1100],[data-t-1200],[data-t-1300],[data-t-1400],[data-t-1500],[data-t-1600],[data-t-1700],[data-t-1800],[data-t-1900],[data-t-2000],[data-t-2100],[data-t-2200],[data-t-2300],[data-t-2400],[data-t-2500],[data-t-2600],[data-t-2700],[data-t-2800]"),t.forEach((e=>{e.removeAttribute("data-center"),e.removeAttribute("data-center-top"),e.removeAttribute("data--50-bottom"),e.removeAttribute("data--100-bottom"),e.removeAttribute("data--150-bottom"),e.removeAttribute("data--200-bottom"),e.removeAttribute("data--300-bottom"),e.removeAttribute("data--400-bottom"),e.removeAttribute("data-bottom-top"),e.removeAttribute("data-400-bottom"),e.removeAttribute("data-300-bottom"),e.removeAttribute("data-200-bottom"),e.removeAttribute("data-150-bottom"),e.removeAttribute("data-100-bottom"),e.removeAttribute("data-50-bottom"),e.removeAttribute("data-bottom"),e.removeAttribute("data-center-bottom"),e.removeAttribute("data-100-top"),e.removeAttribute("data-50-top"),e.removeAttribute("data-top"),e.removeAttribute("data-top-bottom"),e.removeAttribute("data-in"),e.removeAttribute("data-in-150"),e.removeAttribute("data-in-300"),e.removeAttribute("data-cen--150"),e.removeAttribute("data-cen"),e.removeAttribute("data-cen-150"),e.removeAttribute("data-out--300"),e.removeAttribute("data-out--150"),e.removeAttribute("data-out"),e.removeAttribute("data-hidden-onstart"),this.cleanup(e,!0),this.builder.animateScroll.cleanupDelay(e),e.style.transform="",e.style.transition="",e.style.opacity="",e.style.transformOrigin=""})),t=e.querySelectorAll(".is-animated"),t.forEach((e=>{this.builder.animateScroll.cleanupBasic(e),this.builder.animateScroll.cleanupDelay(e)})),this.builder.animateScroll.refreshPage(),this.read(),this.builder.settings.onRender(),this.builder.settings.onChange()}));const h=o.querySelector("#chkTimelineDisableOnMobile");h.addEventListener("click",(()=>{const e=this.builder.activeSection;e&&(this.builder.editor.saveForUndo(),h.checked?e.classList.add("m-skrollrr-off"):e.classList.remove("m-skrollrr-off"),this.builder.onChange())}));let m=this.builder.settings.onPageContentClick;this.builder.settings.onPageContentClick=()=>{m&&m.call(this),o.classList.contains("active")&&setTimeout((()=>{this.clickContent()}),30)};this.modalTimeline.querySelectorAll(".table-timeline input").forEach((e=>{e.addEventListener("change",(()=>{this.applyTimeline()}))}))}clickContent(){let e=this.modalTimeline.querySelector(".input-target");e.value="element";let t=this.readTarget();t?("element"===t.name||"inspectedElement"===t.name?e.value="element":"column"===t.name?e.value="column":"row"===t.name?e.value="row":"container"===t.name?e.value="container":"bg"===t.name?e.value="bg":"overlay"===t.name?e.value="overlay":"box"===t.name?e.value="box":"section"===t.name&&(e.value="section"),this.read()):this.clearSettings()}clearSettings(){this.inpX.value="",this.inpX_100.value="",this.inpX_200.value="",this.inpX_300.value="",this.inpX_400.value="",this.inpX_500.value="",this.inpX_600.value="",this.inpX_700.value="",this.inpX_800.value="",this.inpX_900.value="",this.inpX_900.value="",this.inpX_1000.value="",this.inpX_1100.value="",this.inpX_1200.value="",this.inpX_1300.value="",this.inpX_1400.value="",this.inpX_1500.value="",this.inpX_1600.value="",this.inpX_1700.value="",this.inpX_1800.value="",this.inpX_1900.value="",this.inpX_2000.value="",this.inpX_2100.value="",this.inpX_2200.value="",this.inpX_2300.value="",this.inpX_2400.value="",this.inpX_2500.value="",this.inpX_2600.value="",this.inpX_2700.value="",this.inpX_2800.value="",this.inpY.value="",this.inpY_100.value="",this.inpY_200.value="",this.inpY_300.value="",this.inpY_400.value="",this.inpY_500.value="",this.inpY_600.value="",this.inpY_700.value="",this.inpY_800.value="",this.inpY_900.value="",this.inpY_900.value="",this.inpY_1000.value="",this.inpY_1100.value="",this.inpY_1200.value="",this.inpY_1300.value="",this.inpY_1400.value="",this.inpY_1500.value="",this.inpY_1600.value="",this.inpY_1700.value="",this.inpY_1800.value="",this.inpY_1900.value="",this.inpY_2000.value="",this.inpY_2100.value="",this.inpY_2200.value="",this.inpY_2300.value="",this.inpY_2400.value="",this.inpY_2500.value="",this.inpY_2600.value="",this.inpY_2700.value="",this.inpY_2800.value="",this.inpScale.value="",this.inpScale_100.value="",this.inpScale_200.value="",this.inpScale_300.value="",this.inpScale_400.value="",this.inpScale_500.value="",this.inpScale_600.value="",this.inpScale_700.value="",this.inpScale_800.value="",this.inpScale_900.value="",this.inpScale_900.value="",this.inpScale_1000.value="",this.inpScale_1100.value="",this.inpScale_1200.value="",this.inpScale_1300.value="",this.inpScale_1400.value="",this.inpScale_1500.value="",this.inpScale_1600.value="",this.inpScale_1700.value="",this.inpScale_1800.value="",this.inpScale_1900.value="",this.inpScale_2000.value="",this.inpScale_2100.value="",this.inpScale_2200.value="",this.inpScale_2300.value="",this.inpScale_2400.value="",this.inpScale_2500.value="",this.inpScale_2600.value="",this.inpScale_2700.value="",this.inpScale_2800.value="",this.inpRotate.value="",this.inpRotate_100.value="",this.inpRotate_200.value="",this.inpRotate_300.value="",this.inpRotate_400.value="",this.inpRotate_500.value="",this.inpRotate_600.value="",this.inpRotate_700.value="",this.inpRotate_800.value="",this.inpRotate_900.value="",this.inpRotate_900.value="",this.inpRotate_1000.value="",this.inpRotate_1100.value="",this.inpRotate_1200.value="",this.inpRotate_1300.value="",this.inpRotate_1400.value="",this.inpRotate_1500.value="",this.inpRotate_1600.value="",this.inpRotate_1700.value="",this.inpRotate_1800.value="",this.inpRotate_1900.value="",this.inpRotate_2000.value="",this.inpRotate_2100.value="",this.inpRotate_2200.value="",this.inpRotate_2300.value="",this.inpRotate_2400.value="",this.inpRotate_2500.value="",this.inpRotate_2600.value="",this.inpRotate_2700.value="",this.inpRotate_2800.value="",this.inpOpacity.value="",this.inpOpacity_100.value="",this.inpOpacity_200.value="",this.inpOpacity_300.value="",this.inpOpacity_400.value="",this.inpOpacity_500.value="",this.inpOpacity_600.value="",this.inpOpacity_700.value="",this.inpOpacity_800.value="",this.inpOpacity_900.value="",this.inpOpacity_900.value="",this.inpOpacity_1000.value="",this.inpOpacity_1100.value="",this.inpOpacity_1200.value="",this.inpOpacity_1300.value="",this.inpOpacity_1400.value="",this.inpOpacity_1500.value="",this.inpOpacity_1600.value="",this.inpOpacity_1700.value="",this.inpOpacity_1800.value="",this.inpOpacity_1900.value="",this.inpOpacity_2000.value="",this.inpOpacity_2100.value="",this.inpOpacity_2200.value="",this.inpOpacity_2300.value="",this.inpOpacity_2400.value="",this.inpOpacity_2500.value="",this.inpOpacity_2600.value="",this.inpOpacity_2700.value="",this.inpOpacity_2800.value="";const e=this.builder.activeSection;if(e){const t=this.modalTimeline.querySelector(".div-pin-spacing"),i=this.modalTimeline.querySelector("#chkPinSection2");e.classList.contains("section-pin")?(i.checked=!0,t.style.display="flex"):(i.checked=!1,t.style.display="none");const n=this.modalTimeline.querySelector("#chkPinDesktopOnly");e.classList.contains("m-pin-off")?n.checked=!0:n.checked=!1;const o=this.modalTimeline.querySelector("#chkPinOverlap");if(e.classList.contains("pin-overlap")?o.checked=!0:(o.checked=!1,e.classList.contains("no-spacing")&&(o.checked=!0)),t.querySelectorAll(".cmd-pin-space").forEach((e=>{e.classList.remove("on")})),e.classList.contains("pin-space-lg")){t.querySelector('.cmd-pin-space[data-value="lg"]').classList.add("on")}else if(e.classList.contains("pin-space-xl")){t.querySelector('.cmd-pin-space[data-value="xl"]').classList.add("on")}else{t.querySelector('.cmd-pin-space[data-value="md"]').classList.add("on")}const s=this.modalTimeline.querySelector("#chkTimelineDisableOnMobile");e.classList.contains("m-skrollrr-off")?s.checked=!0:s.checked=!1}this.modalTimeline.querySelectorAll(".cmd-anim-origin").forEach((e=>{"center"===e.getAttribute("data-value")?e.classList.add("on"):e.classList.remove("on")}));this.modalTimeline.querySelector(".cmd-disable-smoothanim").classList.remove("on");this.modalTimeline.querySelector(".cmd-hidden-onstart").classList.remove("on")}read(){let e;if(this.clearSettings(),e=this.getTarget().element,!e)return;if(e.style.transformOrigin){let t=e.style.transformOrigin;"center center"===t&&(t="center");this.modalTimeline.querySelectorAll(".cmd-anim-origin").forEach((e=>{t===e.getAttribute("data-value")?e.classList.add("on"):e.classList.remove("on")}))}const t=this.modalTimeline.querySelector(".cmd-disable-smoothanim");e.hasAttribute("data-smooth-scrolling")?t.classList.add("on"):t.classList.remove("on");const i=this.modalTimeline.querySelector(".cmd-hidden-onstart");e.hasAttribute("data-hidden-onstart")?i.classList.add("on"):i.classList.remove("on");for(let t=0;t<=28;t++)this.fillValue(100*t,e)}fillValue(e,t){let i,n="";e>0&&(n="-"+e);let o=this.getDevice();i="xs"===o?t.getAttribute("data-xs-t"+n):"sm"===o?t.getAttribute("data-sm-t"+n):t.getAttribute("data-t"+n),this.dummyElm.style.cssText=i;let s=this.getTransform(this.dummyElm,i);s.translateX&&(this.modalTimeline.querySelector(".inp-x"+n).value=s.translateX.replace("px","")),s.translateY&&(this.modalTimeline.querySelector(".inp-y"+n).value=s.translateY.replace("px","")),s.scale&&(this.modalTimeline.querySelector(".inp-sc"+n).value=s.scale),s.rotate&&(this.modalTimeline.querySelector(".inp-rt"+n).value=s.rotate),s.opacity&&(this.modalTimeline.querySelector(".inp-op"+n).value=s.opacity)}applyTimeline(){let e,t,i,n,o,s,a,l,r,d,c,u,p,h,m,g,b,f,v,y,x,_,w,S,C,k,A,E,L,q,T,R,M,O,I,B,N,$,z,P,D,H,j,U,F,W,Y,G,X,V,K,Z,Q,J,ee,te,ie,ne,oe,se,ae,le,re,de,ce,ue,pe,he,me,ge,be,fe,ve,ye,xe,_e,we,Se,Ce,ke,Ae,Ee,Le,qe,Te,Re,Me,Oe,Ie,Be,Ne,$e,ze,Pe,De,He,je,Ue,Fe,We,Ye,Ge,Xe,Ve,Ke,Ze,Qe,Je,et,tt,it,nt,ot,st,at,lt,rt,dt,ct,ut,pt,ht,mt,gt,bt,ft,vt,yt,xt,_t,wt,St,Ct,kt,At,Et,Lt,qt,Tt,Rt,Mt,Ot,It,Bt,Nt,$t;if(e=this.getTarget().element,!e)return;""!==this.inpX.value&&(t=this.inpX.value+(-1!==this.inpX.value.indexOf("%")?"":"px")),""!==this.inpX_100.value&&(i=this.inpX_100.value+(-1!==this.inpX_100.value.indexOf("%")?"":"px")),""!==this.inpX_200.value&&(n=this.inpX_200.value+(-1!==this.inpX_200.value.indexOf("%")?"":"px")),""!==this.inpX_300.value&&(o=this.inpX_300.value+(-1!==this.inpX_300.value.indexOf("%")?"":"px")),""!==this.inpX_400.value&&(s=this.inpX_400.value+(-1!==this.inpX_400.value.indexOf("%")?"":"px")),""!==this.inpX_500.value&&(a=this.inpX_500.value+(-1!==this.inpX_500.value.indexOf("%")?"":"px")),""!==this.inpX_600.value&&(l=this.inpX_600.value+(-1!==this.inpX_600.value.indexOf("%")?"":"px")),""!==this.inpX_700.value&&(r=this.inpX_700.value+(-1!==this.inpX_700.value.indexOf("%")?"":"px")),""!==this.inpX_800.value&&(d=this.inpX_800.value+(-1!==this.inpX_800.value.indexOf("%")?"":"px")),""!==this.inpX_900.value&&(c=this.inpX_900.value+(-1!==this.inpX_900.value.indexOf("%")?"":"px")),""!==this.inpX_1000.value&&(u=this.inpX_1000.value+(-1!==this.inpX_1000.value.indexOf("%")?"":"px")),""!==this.inpX_1100.value&&(p=this.inpX_1100.value+(-1!==this.inpX_1100.value.indexOf("%")?"":"px")),""!==this.inpX_1200.value&&(h=this.inpX_1200.value+(-1!==this.inpX_1200.value.indexOf("%")?"":"px")),""!==this.inpX_1300.value&&(m=this.inpX_1300.value+(-1!==this.inpX_1300.value.indexOf("%")?"":"px")),""!==this.inpX_1400.value&&(g=this.inpX_1400.value+(-1!==this.inpX_1400.value.indexOf("%")?"":"px")),""!==this.inpX_1500.value&&(b=this.inpX_1500.value+(-1!==this.inpX_1500.value.indexOf("%")?"":"px")),""!==this.inpX_1600.value&&(f=this.inpX_1600.value+(-1!==this.inpX_1600.value.indexOf("%")?"":"px")),""!==this.inpX_1700.value&&(v=this.inpX_1700.value+(-1!==this.inpX_1700.value.indexOf("%")?"":"px")),""!==this.inpX_1800.value&&(y=this.inpX_1800.value+(-1!==this.inpX_1800.value.indexOf("%")?"":"px")),""!==this.inpX_1900.value&&(x=this.inpX_1900.value+(-1!==this.inpX_1900.value.indexOf("%")?"":"px")),""!==this.inpX_2000.value&&(_=this.inpX_2000.value+(-1!==this.inpX_2000.value.indexOf("%")?"":"px")),""!==this.inpX_2100.value&&(w=this.inpX_2100.value+(-1!==this.inpX_2100.value.indexOf("%")?"":"px")),""!==this.inpX_2200.value&&(S=this.inpX_2200.value+(-1!==this.inpX_2200.value.indexOf("%")?"":"px")),""!==this.inpX_2300.value&&(C=this.inpX_2300.value+(-1!==this.inpX_2300.value.indexOf("%")?"":"px")),""!==this.inpX_2400.value&&(k=this.inpX_2400.value+(-1!==this.inpX_2400.value.indexOf("%")?"":"px")),""!==this.inpX_2500.value&&(A=this.inpX_2500.value+(-1!==this.inpX_2500.value.indexOf("%")?"":"px")),""!==this.inpX_2600.value&&(E=this.inpX_2600.value+(-1!==this.inpX_2600.value.indexOf("%")?"":"px")),""!==this.inpX_2700.value&&(L=this.inpX_2700.value+(-1!==this.inpX_2700.value.indexOf("%")?"":"px")),""!==this.inpX_2800.value&&(q=this.inpX_2800.value+(-1!==this.inpX_2800.value.indexOf("%")?"":"px")),""!==this.inpY.value&&(T=this.inpY.value+(-1!==this.inpY.value.indexOf("%")?"":"px")),""!==this.inpY_100.value&&(R=this.inpY_100.value+(-1!==this.inpY_100.value.indexOf("%")?"":"px")),""!==this.inpY_200.value&&(M=this.inpY_200.value+(-1!==this.inpY_200.value.indexOf("%")?"":"px")),""!==this.inpY_300.value&&(O=this.inpY_300.value+(-1!==this.inpY_300.value.indexOf("%")?"":"px")),""!==this.inpY_400.value&&(I=this.inpY_400.value+(-1!==this.inpY_400.value.indexOf("%")?"":"px")),""!==this.inpY_500.value&&(B=this.inpY_500.value+(-1!==this.inpY_500.value.indexOf("%")?"":"px")),""!==this.inpY_600.value&&(N=this.inpY_600.value+(-1!==this.inpY_600.value.indexOf("%")?"":"px")),""!==this.inpY_700.value&&($=this.inpY_700.value+(-1!==this.inpY_700.value.indexOf("%")?"":"px")),""!==this.inpY_800.value&&(z=this.inpY_800.value+(-1!==this.inpY_800.value.indexOf("%")?"":"px")),""!==this.inpY_900.value&&(P=this.inpY_900.value+(-1!==this.inpY_900.value.indexOf("%")?"":"px")),""!==this.inpY_1000.value&&(D=this.inpY_1000.value+(-1!==this.inpY_1000.value.indexOf("%")?"":"px")),""!==this.inpY_1100.value&&(H=this.inpY_1100.value+(-1!==this.inpY_1100.value.indexOf("%")?"":"px")),""!==this.inpY_1200.value&&(j=this.inpY_1200.value+(-1!==this.inpY_1200.value.indexOf("%")?"":"px")),""!==this.inpY_1300.value&&(U=this.inpY_1300.value+(-1!==this.inpY_1300.value.indexOf("%")?"":"px")),""!==this.inpY_1400.value&&(F=this.inpY_1400.value+(-1!==this.inpY_1400.value.indexOf("%")?"":"px")),""!==this.inpY_1500.value&&(W=this.inpY_1500.value+(-1!==this.inpY_1500.value.indexOf("%")?"":"px")),""!==this.inpY_1600.value&&(Y=this.inpY_1600.value+(-1!==this.inpY_1600.value.indexOf("%")?"":"px")),""!==this.inpY_1700.value&&(G=this.inpY_1700.value+(-1!==this.inpY_1700.value.indexOf("%")?"":"px")),""!==this.inpY_1800.value&&(X=this.inpY_1800.value+(-1!==this.inpY_1800.value.indexOf("%")?"":"px")),""!==this.inpY_1900.value&&(V=this.inpY_1900.value+(-1!==this.inpY_1900.value.indexOf("%")?"":"px")),""!==this.inpY_2000.value&&(K=this.inpY_2000.value+(-1!==this.inpY_2000.value.indexOf("%")?"":"px")),""!==this.inpY_2100.value&&(Z=this.inpY_2100.value+(-1!==this.inpY_2100.value.indexOf("%")?"":"px")),""!==this.inpY_2200.value&&(Q=this.inpY_2200.value+(-1!==this.inpY_2200.value.indexOf("%")?"":"px")),""!==this.inpY_2300.value&&(J=this.inpY_2300.value+(-1!==this.inpY_2300.value.indexOf("%")?"":"px")),""!==this.inpY_2400.value&&(ee=this.inpY_2400.value+(-1!==this.inpY_2400.value.indexOf("%")?"":"px")),""!==this.inpY_2500.value&&(te=this.inpY_2500.value+(-1!==this.inpY_2500.value.indexOf("%")?"":"px")),""!==this.inpY_2600.value&&(ie=this.inpY_2600.value+(-1!==this.inpY_2600.value.indexOf("%")?"":"px")),""!==this.inpY_2700.value&&(ne=this.inpY_2700.value+(-1!==this.inpY_2700.value.indexOf("%")?"":"px")),""!==this.inpY_2800.value&&(oe=this.inpY_2800.value+(-1!==this.inpY_2800.value.indexOf("%")?"":"px")),""!==this.inpScale.value&&(se=this.inpScale.value),""!==this.inpScale_100.value&&(ae=this.inpScale_100.value),""!==this.inpScale_200.value&&(le=this.inpScale_200.value),""!==this.inpScale_300.value&&(re=this.inpScale_300.value),""!==this.inpScale_400.value&&(de=this.inpScale_400.value),""!==this.inpScale_500.value&&(ce=this.inpScale_500.value),""!==this.inpScale_600.value&&(ue=this.inpScale_600.value),""!==this.inpScale_700.value&&(pe=this.inpScale_700.value),""!==this.inpScale_800.value&&(he=this.inpScale_800.value),""!==this.inpScale_900.value&&(me=this.inpScale_900.value),""!==this.inpScale_1000.value&&(ge=this.inpScale_1000.value),""!==this.inpScale_1100.value&&(be=this.inpScale_1100.value),""!==this.inpScale_1200.value&&(fe=this.inpScale_1200.value),""!==this.inpScale_1300.value&&(ve=this.inpScale_1300.value),""!==this.inpScale_1400.value&&(ye=this.inpScale_1400.value),""!==this.inpScale_1500.value&&(xe=this.inpScale_1500.value),""!==this.inpScale_1600.value&&(_e=this.inpScale_1600.value),""!==this.inpScale_1700.value&&(we=this.inpScale_1700.value),""!==this.inpScale_1800.value&&(Se=this.inpScale_1800.value),""!==this.inpScale_1900.value&&(Ce=this.inpScale_1900.value),""!==this.inpScale_2000.value&&(ke=this.inpScale_2000.value),""!==this.inpScale_2100.value&&(Ae=this.inpScale_2100.value),""!==this.inpScale_2200.value&&(Ee=this.inpScale_2200.value),""!==this.inpScale_2300.value&&(Le=this.inpScale_2300.value),""!==this.inpScale_2400.value&&(qe=this.inpScale_2400.value),""!==this.inpScale_2500.value&&(Te=this.inpScale_2500.value),""!==this.inpScale_2600.value&&(Re=this.inpScale_2600.value),""!==this.inpScale_2700.value&&(Me=this.inpScale_2700.value),""!==this.inpScale_2800.value&&(Oe=this.inpScale_2800.value),""!==this.inpRotate.value&&(Ie=this.inpRotate.value),""!==this.inpRotate_100.value&&(Be=this.inpRotate_100.value),""!==this.inpRotate_200.value&&(Ne=this.inpRotate_200.value),""!==this.inpRotate_300.value&&($e=this.inpRotate_300.value),""!==this.inpRotate_400.value&&(ze=this.inpRotate_400.value),""!==this.inpRotate_500.value&&(Pe=this.inpRotate_500.value),""!==this.inpRotate_600.value&&(De=this.inpRotate_600.value),""!==this.inpRotate_700.value&&(He=this.inpRotate_700.value),""!==this.inpRotate_800.value&&(je=this.inpRotate_800.value),""!==this.inpRotate_900.value&&(Ue=this.inpRotate_900.value),""!==this.inpRotate_1000.value&&(Fe=this.inpRotate_1000.value),""!==this.inpRotate_1100.value&&(We=this.inpRotate_1100.value),""!==this.inpRotate_1200.value&&(Ye=this.inpRotate_1200.value),""!==this.inpRotate_1300.value&&(Ge=this.inpRotate_1300.value),""!==this.inpRotate_1400.value&&(Xe=this.inpRotate_1400.value),""!==this.inpRotate_1500.value&&(Ve=this.inpRotate_1500.value),""!==this.inpRotate_1600.value&&(Ke=this.inpRotate_1600.value),""!==this.inpRotate_1700.value&&(Ze=this.inpRotate_1700.value),""!==this.inpRotate_1800.value&&(Qe=this.inpRotate_1800.value),""!==this.inpRotate_1900.value&&(Je=this.inpRotate_1900.value),""!==this.inpRotate_2000.value&&(et=this.inpRotate_2000.value),""!==this.inpRotate_2100.value&&(tt=this.inpRotate_2100.value),""!==this.inpRotate_2200.value&&(it=this.inpRotate_2200.value),""!==this.inpRotate_2300.value&&(nt=this.inpRotate_2300.value),""!==this.inpRotate_2400.value&&(ot=this.inpRotate_2400.value),""!==this.inpRotate_2500.value&&(st=this.inpRotate_2500.value),""!==this.inpRotate_2600.value&&(at=this.inpRotate_2600.value),""!==this.inpRotate_2700.value&&(lt=this.inpRotate_2700.value),""!==this.inpRotate_2800.value&&(rt=this.inpRotate_2800.value),""!==this.inpOpacity.value&&(dt=this.inpOpacity.value),""!==this.inpOpacity_100.value&&(ct=this.inpOpacity_100.value),""!==this.inpOpacity_200.value&&(ut=this.inpOpacity_200.value),""!==this.inpOpacity_300.value&&(pt=this.inpOpacity_300.value),""!==this.inpOpacity_400.value&&(ht=this.inpOpacity_400.value),""!==this.inpOpacity_500.value&&(mt=this.inpOpacity_500.value),""!==this.inpOpacity_600.value&&(gt=this.inpOpacity_600.value),""!==this.inpOpacity_700.value&&(bt=this.inpOpacity_700.value),""!==this.inpOpacity_800.value&&(ft=this.inpOpacity_800.value),""!==this.inpOpacity_900.value&&(vt=this.inpOpacity_900.value),""!==this.inpOpacity_1000.value&&(yt=this.inpOpacity_1000.value),""!==this.inpOpacity_1100.value&&(xt=this.inpOpacity_1100.value),""!==this.inpOpacity_1200.value&&(_t=this.inpOpacity_1200.value),""!==this.inpOpacity_1300.value&&(wt=this.inpOpacity_1300.value),""!==this.inpOpacity_1400.value&&(St=this.inpOpacity_1400.value),""!==this.inpOpacity_1500.value&&(Ct=this.inpOpacity_1500.value),""!==this.inpOpacity_1600.value&&(kt=this.inpOpacity_1600.value),""!==this.inpOpacity_1700.value&&(At=this.inpOpacity_1700.value),""!==this.inpOpacity_1800.value&&(Et=this.inpOpacity_1800.value),""!==this.inpOpacity_1900.value&&(Lt=this.inpOpacity_1900.value),""!==this.inpOpacity_2000.value&&(qt=this.inpOpacity_2000.value),""!==this.inpOpacity_2100.value&&(Tt=this.inpOpacity_2100.value),""!==this.inpOpacity_2200.value&&(Rt=this.inpOpacity_2200.value),""!==this.inpOpacity_2300.value&&(Mt=this.inpOpacity_2300.value),""!==this.inpOpacity_2400.value&&(Ot=this.inpOpacity_2400.value),""!==this.inpOpacity_2500.value&&(It=this.inpOpacity_2500.value),""!==this.inpOpacity_2600.value&&(Bt=this.inpOpacity_2600.value),""!==this.inpOpacity_2700.value&&(Nt=this.inpOpacity_2700.value),""!==this.inpOpacity_2800.value&&($t=this.inpOpacity_2800.value);let zt=(t?` translateX(${t})`:"")+(T?` translateY(${T})`:"")+(se?` scale(${se})`:"")+(Ie?` rotate(${Ie})`:"");zt=zt.trim();let Pt=(i?` translateX(${i})`:"")+(R?` translateY(${R})`:"")+(ae?` scale(${ae})`:"")+(Be?` rotate(${Be})`:"");Pt=Pt.trim();let Dt=(n?` translateX(${n})`:"")+(M?` translateY(${M})`:"")+(le?` scale(${le})`:"")+(Ne?` rotate(${Ne})`:"");Dt=Dt.trim();let Ht=(o?` translateX(${o})`:"")+(O?` translateY(${O})`:"")+(re?` scale(${re})`:"")+($e?` rotate(${$e})`:"");Ht=Ht.trim();let jt=(s?` translateX(${s})`:"")+(I?` translateY(${I})`:"")+(de?` scale(${de})`:"")+(ze?` rotate(${ze})`:"");jt=jt.trim();let Ut=(a?` translateX(${a})`:"")+(B?` translateY(${B})`:"")+(ce?` scale(${ce})`:"")+(Pe?` rotate(${Pe})`:"");Ut=Ut.trim();let Ft=(l?` translateX(${l})`:"")+(N?` translateY(${N})`:"")+(ue?` scale(${ue})`:"")+(De?` rotate(${De})`:"");Ft=Ft.trim();let Wt=(r?` translateX(${r})`:"")+($?` translateY(${$})`:"")+(pe?` scale(${pe})`:"")+(He?` rotate(${He})`:"");Wt=Wt.trim();let Yt=(d?` translateX(${d})`:"")+(z?` translateY(${z})`:"")+(he?` scale(${he})`:"")+(je?` rotate(${je})`:"");Yt=Yt.trim();let Gt=(c?` translateX(${c})`:"")+(P?` translateY(${P})`:"")+(me?` scale(${me})`:"")+(Ue?` rotate(${Ue})`:"");Gt=Gt.trim();let Xt=(u?` translateX(${u})`:"")+(D?` translateY(${D})`:"")+(ge?` scale(${ge})`:"")+(Fe?` rotate(${Fe})`:"");Xt=Xt.trim();let Vt=(p?` translateX(${p})`:"")+(H?` translateY(${H})`:"")+(be?` scale(${be})`:"")+(We?` rotate(${We})`:"");Vt=Vt.trim();let Kt=(h?` translateX(${h})`:"")+(j?` translateY(${j})`:"")+(fe?` scale(${fe})`:"")+(Ye?` rotate(${Ye})`:"");Kt=Kt.trim();let Zt=(m?` translateX(${m})`:"")+(U?` translateY(${U})`:"")+(ve?` scale(${ve})`:"")+(Ge?` rotate(${Ge})`:"");Zt=Zt.trim();let Qt=(g?` translateX(${g})`:"")+(F?` translateY(${F})`:"")+(ye?` scale(${ye})`:"")+(Xe?` rotate(${Xe})`:"");Qt=Qt.trim();let Jt=(b?` translateX(${b})`:"")+(W?` translateY(${W})`:"")+(xe?` scale(${xe})`:"")+(Ve?` rotate(${Ve})`:"");Jt=Jt.trim();let ei=(f?` translateX(${f})`:"")+(Y?` translateY(${Y})`:"")+(_e?` scale(${_e})`:"")+(Ke?` rotate(${Ke})`:"");ei=ei.trim();let ti=(v?` translateX(${v})`:"")+(G?` translateY(${G})`:"")+(we?` scale(${we})`:"")+(Ze?` rotate(${Ze})`:"");ti=ti.trim();let ii=(y?` translateX(${y})`:"")+(X?` translateY(${X})`:"")+(Se?` scale(${Se})`:"")+(Qe?` rotate(${Qe})`:"");ii=ii.trim();let ni=(x?` translateX(${x})`:"")+(V?` translateY(${V})`:"")+(Ce?` scale(${Ce})`:"")+(Je?` rotate(${Je})`:"");ni=ni.trim();let oi=(_?` translateX(${_})`:"")+(K?` translateY(${K})`:"")+(ke?` scale(${ke})`:"")+(et?` rotate(${et})`:"");oi=oi.trim();let si=(w?` translateX(${w})`:"")+(Z?` translateY(${Z})`:"")+(Ae?` scale(${Ae})`:"")+(tt?` rotate(${tt})`:"");si=si.trim();let ai=(S?` translateX(${S})`:"")+(Q?` translateY(${Q})`:"")+(Ee?` scale(${Ee})`:"")+(it?` rotate(${it})`:"");ai=ai.trim();let li=(C?` translateX(${C})`:"")+(J?` translateY(${J})`:"")+(Le?` scale(${Le})`:"")+(nt?` rotate(${nt})`:"");li=li.trim();let ri=(k?` translateX(${k})`:"")+(ee?` translateY(${ee})`:"")+(qe?` scale(${qe})`:"")+(ot?` rotate(${ot})`:"");ri=ri.trim();let di=(A?` translateX(${A})`:"")+(te?` translateY(${te})`:"")+(Te?` scale(${Te})`:"")+(st?` rotate(${st})`:"");di=di.trim();let ci=(E?` translateX(${E})`:"")+(ie?` translateY(${ie})`:"")+(Re?` scale(${Re})`:"")+(at?` rotate(${at})`:"");ci=ci.trim();let ui=(L?` translateX(${L})`:"")+(ne?` translateY(${ne})`:"")+(Me?` scale(${Me})`:"")+(lt?` rotate(${lt})`:"");ui=ui.trim();let pi=(q?` translateX(${q})`:"")+(oe?` translateY(${oe})`:"")+(Oe?` scale(${Oe})`:"")+(rt?` rotate(${rt})`:"");pi=pi.trim();let hi=(zt?"transform: "+zt+";":"")+(dt?`opacity:${dt}`:""),mi=(Pt?"transform: "+Pt+";":"")+(ct?`opacity:${ct}`:""),gi=(Dt?"transform: "+Dt+";":"")+(ut?`opacity:${ut}`:""),bi=(Ht?"transform: "+Ht+";":"")+(pt?`opacity:${pt}`:""),fi=(jt?"transform: "+jt+";":"")+(ht?`opacity:${ht}`:""),vi=(Ut?"transform: "+Ut+";":"")+(mt?`opacity:${mt}`:""),yi=(Ft?"transform: "+Ft+";":"")+(gt?`opacity:${gt}`:""),xi=(Wt?"transform: "+Wt+";":"")+(bt?`opacity:${bt}`:""),_i=(Yt?"transform: "+Yt+";":"")+(ft?`opacity:${ft}`:""),wi=(Gt?"transform: "+Gt+";":"")+(vt?`opacity:${vt}`:""),Si=(Xt?"transform: "+Xt+";":"")+(yt?`opacity:${yt}`:""),Ci=(Vt?"transform: "+Vt+";":"")+(xt?`opacity:${xt}`:""),ki=(Kt?"transform: "+Kt+";":"")+(_t?`opacity:${_t}`:""),Ai=(Zt?"transform: "+Zt+";":"")+(wt?`opacity:${wt}`:""),Ei=(Qt?"transform: "+Qt+";":"")+(St?`opacity:${St}`:""),Li=(Jt?"transform: "+Jt+";":"")+(Ct?`opacity:${Ct}`:""),qi=(ei?"transform: "+ei+";":"")+(kt?`opacity:${kt}`:""),Ti=(ti?"transform: "+ti+";":"")+(At?`opacity:${At}`:""),Ri=(ii?"transform: "+ii+";":"")+(Et?`opacity:${Et}`:""),Mi=(ni?"transform: "+ni+";":"")+(Lt?`opacity:${Lt}`:""),Oi=(oi?"transform: "+oi+";":"")+(qt?`opacity:${qt}`:""),Ii=(si?"transform: "+si+";":"")+(Tt?`opacity:${Tt}`:""),Bi=(ai?"transform: "+ai+";":"")+(Rt?`opacity:${Rt}`:""),Ni=(li?"transform: "+li+";":"")+(Mt?`opacity:${Mt}`:""),$i=(ri?"transform: "+ri+";":"")+(Ot?`opacity:${Ot}`:""),zi=(di?"transform: "+di+";":"")+(It?`opacity:${It}`:""),Pi=(ci?"transform: "+ci+";":"")+(Bt?`opacity:${Bt}`:""),Di=(ui?"transform: "+ui+";":"")+(Nt?`opacity:${Nt}`:""),Hi=(pi?"transform: "+pi+";":"")+($t?`opacity:${$t}`:"");this.builder.editor.saveForUndo();let ji=this.getDevice();"xs"===ji?(""!==hi?e.setAttribute("data-xs-t",hi):e.removeAttribute("data-xs-t"),""!==mi?e.setAttribute("data-xs-t-100",mi):e.removeAttribute("data-xs-t-100"),""!==gi?e.setAttribute("data-xs-t-200",gi):e.removeAttribute("data-xs-t-200"),""!==bi?e.setAttribute("data-xs-t-300",bi):e.removeAttribute("data-xs-t-300"),""!==fi?e.setAttribute("data-xs-t-400",fi):e.removeAttribute("data-xs-t-400"),""!==vi?e.setAttribute("data-xs-t-500",vi):e.removeAttribute("data-xs-t-500"),""!==yi?e.setAttribute("data-xs-t-600",yi):e.removeAttribute("data-xs-t-600"),""!==xi?e.setAttribute("data-xs-t-700",xi):e.removeAttribute("data-xs-t-700"),""!==_i?e.setAttribute("data-xs-t-800",_i):e.removeAttribute("data-xs-t-800"),""!==wi?e.setAttribute("data-xs-t-900",wi):e.removeAttribute("data-xs-t-900"),""!==Si?e.setAttribute("data-xs-t-1000",Si):e.removeAttribute("data-xs-t-1000"),""!==Ci?e.setAttribute("data-xs-t-1100",Ci):e.removeAttribute("data-xs-t-1100"),""!==ki?e.setAttribute("data-xs-t-1200",ki):e.removeAttribute("data-xs-t-1200"),""!==Ai?e.setAttribute("data-xs-t-1300",Ai):e.removeAttribute("data-xs-t-1300"),""!==Ei?e.setAttribute("data-xs-t-1400",Ei):e.removeAttribute("data-xs-t-1400"),""!==Li?e.setAttribute("data-xs-t-1500",Li):e.removeAttribute("data-xs-t-1500"),""!==qi?e.setAttribute("data-xs-t-1600",qi):e.removeAttribute("data-xs-t-1600"),""!==Ti?e.setAttribute("data-xs-t-1700",Ti):e.removeAttribute("data-xs-t-1700"),""!==Ri?e.setAttribute("data-xs-t-1800",Ri):e.removeAttribute("data-xs-t-1800"),""!==Mi?e.setAttribute("data-xs-t-1900",Mi):e.removeAttribute("data-xs-t-1900"),""!==Oi?e.setAttribute("data-xs-t-2000",Oi):e.removeAttribute("data-xs-t-2000"),""!==Ii?e.setAttribute("data-xs-t-2100",Ii):e.removeAttribute("data-xs-t-2100"),""!==Bi?e.setAttribute("data-xs-t-2200",Bi):e.removeAttribute("data-xs-t-2200"),""!==Ni?e.setAttribute("data-xs-t-2300",Ni):e.removeAttribute("data-xs-t-2300"),""!==$i?e.setAttribute("data-xs-t-2400",$i):e.removeAttribute("data-xs-t-2400"),""!==zi?e.setAttribute("data-xs-t-2500",zi):e.removeAttribute("data-xs-t-2500"),""!==Pi?e.setAttribute("data-xs-t-2600",Pi):e.removeAttribute("data-xs-t-2600"),""!==Di?e.setAttribute("data-xs-t-2700",Di):e.removeAttribute("data-xs-t-2700"),""!==Hi?e.setAttribute("data-xs-t-2800",Hi):e.removeAttribute("data-xs-t-2800")):"sm"===ji?(""!==hi?e.setAttribute("data-sm-t",hi):e.removeAttribute("data-sm-t"),""!==mi?e.setAttribute("data-sm-t-100",mi):e.removeAttribute("data-sm-t-100"),""!==gi?e.setAttribute("data-sm-t-200",gi):e.removeAttribute("data-sm-t-200"),""!==bi?e.setAttribute("data-sm-t-300",bi):e.removeAttribute("data-sm-t-300"),""!==fi?e.setAttribute("data-sm-t-400",fi):e.removeAttribute("data-sm-t-400"),""!==vi?e.setAttribute("data-sm-t-500",vi):e.removeAttribute("data-sm-t-500"),""!==yi?e.setAttribute("data-sm-t-600",yi):e.removeAttribute("data-sm-t-600"),""!==xi?e.setAttribute("data-sm-t-700",xi):e.removeAttribute("data-sm-t-700"),""!==_i?e.setAttribute("data-sm-t-800",_i):e.removeAttribute("data-sm-t-800"),""!==wi?e.setAttribute("data-sm-t-900",wi):e.removeAttribute("data-sm-t-900"),""!==Si?e.setAttribute("data-sm-t-1000",Si):e.removeAttribute("data-sm-t-1000"),""!==Ci?e.setAttribute("data-sm-t-1100",Ci):e.removeAttribute("data-sm-t-1100"),""!==ki?e.setAttribute("data-sm-t-1200",ki):e.removeAttribute("data-sm-t-1200"),""!==Ai?e.setAttribute("data-sm-t-1300",Ai):e.removeAttribute("data-sm-t-1300"),""!==Ei?e.setAttribute("data-sm-t-1400",Ei):e.removeAttribute("data-sm-t-1400"),""!==Li?e.setAttribute("data-sm-t-1500",Li):e.removeAttribute("data-sm-t-1500"),""!==qi?e.setAttribute("data-sm-t-1600",qi):e.removeAttribute("data-sm-t-1600"),""!==Ti?e.setAttribute("data-sm-t-1700",Ti):e.removeAttribute("data-sm-t-1700"),""!==Ri?e.setAttribute("data-sm-t-1800",Ri):e.removeAttribute("data-sm-t-1800"),""!==Mi?e.setAttribute("data-sm-t-1900",Mi):e.removeAttribute("data-sm-t-1900"),""!==Oi?e.setAttribute("data-sm-t-2000",Oi):e.removeAttribute("data-sm-t-2000"),""!==Ii?e.setAttribute("data-sm-t-2100",Ii):e.removeAttribute("data-sm-t-2100"),""!==Bi?e.setAttribute("data-sm-t-2200",Bi):e.removeAttribute("data-sm-t-2200"),""!==Ni?e.setAttribute("data-sm-t-2300",Ni):e.removeAttribute("data-sm-t-2300"),""!==$i?e.setAttribute("data-sm-t-2400",$i):e.removeAttribute("data-sm-t-2400"),""!==zi?e.setAttribute("data-sm-t-2500",zi):e.removeAttribute("data-sm-t-2500"),""!==Pi?e.setAttribute("data-sm-t-2600",Pi):e.removeAttribute("data-sm-t-2600"),""!==Di?e.setAttribute("data-sm-t-2700",Di):e.removeAttribute("data-sm-t-2700"),""!==Hi?e.setAttribute("data-sm-t-2800",Hi):e.removeAttribute("data-sm-t-2800")):(""!==hi?e.setAttribute("data-t",hi):e.removeAttribute("data-t"),""!==mi?e.setAttribute("data-t-100",mi):e.removeAttribute("data-t-100"),""!==gi?e.setAttribute("data-t-200",gi):e.removeAttribute("data-t-200"),""!==bi?e.setAttribute("data-t-300",bi):e.removeAttribute("data-t-300"),""!==fi?e.setAttribute("data-t-400",fi):e.removeAttribute("data-t-400"),""!==vi?e.setAttribute("data-t-500",vi):e.removeAttribute("data-t-500"),""!==yi?e.setAttribute("data-t-600",yi):e.removeAttribute("data-t-600"),""!==xi?e.setAttribute("data-t-700",xi):e.removeAttribute("data-t-700"),""!==_i?e.setAttribute("data-t-800",_i):e.removeAttribute("data-t-800"),""!==wi?e.setAttribute("data-t-900",wi):e.removeAttribute("data-t-900"),""!==Si?e.setAttribute("data-t-1000",Si):e.removeAttribute("data-t-1000"),""!==Ci?e.setAttribute("data-t-1100",Ci):e.removeAttribute("data-t-1100"),""!==ki?e.setAttribute("data-t-1200",ki):e.removeAttribute("data-t-1200"),""!==Ai?e.setAttribute("data-t-1300",Ai):e.removeAttribute("data-t-1300"),""!==Ei?e.setAttribute("data-t-1400",Ei):e.removeAttribute("data-t-1400"),""!==Li?e.setAttribute("data-t-1500",Li):e.removeAttribute("data-t-1500"),""!==qi?e.setAttribute("data-t-1600",qi):e.removeAttribute("data-t-1600"),""!==Ti?e.setAttribute("data-t-1700",Ti):e.removeAttribute("data-t-1700"),""!==Ri?e.setAttribute("data-t-1800",Ri):e.removeAttribute("data-t-1800"),""!==Mi?e.setAttribute("data-t-1900",Mi):e.removeAttribute("data-t-1900"),""!==Oi?e.setAttribute("data-t-2000",Oi):e.removeAttribute("data-t-2000"),""!==Ii?e.setAttribute("data-t-2100",Ii):e.removeAttribute("data-t-2100"),""!==Bi?e.setAttribute("data-t-2200",Bi):e.removeAttribute("data-t-2200"),""!==Ni?e.setAttribute("data-t-2300",Ni):e.removeAttribute("data-t-2300"),""!==$i?e.setAttribute("data-t-2400",$i):e.removeAttribute("data-t-2400"),""!==zi?e.setAttribute("data-t-2500",zi):e.removeAttribute("data-t-2500"),""!==Pi?e.setAttribute("data-t-2600",Pi):e.removeAttribute("data-t-2600"),""!==Di?e.setAttribute("data-t-2700",Di):e.removeAttribute("data-t-2700"),""!==Hi?e.setAttribute("data-t-2800",Hi):e.removeAttribute("data-t-2800")),e.style.transform="",e.style.transition="",e.style.opacity="",e.hasAttribute("data-xs-t")||e.hasAttribute("data-xs-t-100")||e.hasAttribute("data-xs-t-200")||e.hasAttribute("data-xs-t-300")||e.hasAttribute("data-xs-t-400")||e.hasAttribute("data-xs-t-500")||e.hasAttribute("data-xs-t-600")||e.hasAttribute("data-xs-t-700")||e.hasAttribute("data-xs-t-800")||e.hasAttribute("data-xs-t-900")||e.hasAttribute("data-xs-t-1000")||e.hasAttribute("data-xs-t-1100")||e.hasAttribute("data-xs-t-1200")||e.hasAttribute("data-xs-t-1300")||e.hasAttribute("data-xs-t-1400")||e.hasAttribute("data-xs-t-1500")||e.hasAttribute("data-xs-t-1600")||e.hasAttribute("data-xs-t-1700")||e.hasAttribute("data-xs-t-1800")||e.hasAttribute("data-xs-t-1900")||e.hasAttribute("data-xs-t-2000")||e.hasAttribute("data-xs-t-2100")||e.hasAttribute("data-xs-t-2200")||e.hasAttribute("data-xs-t-2300")||e.hasAttribute("data-xs-t-2400")||e.hasAttribute("data-xs-t-2500")||e.hasAttribute("data-xs-t-2600")||e.hasAttribute("data-xs-t-2700")||e.hasAttribute("data-xs-t-2800")?e.setAttribute("data-xs",""):e.removeAttribute("data-xs"),e.hasAttribute("data-sm-t")||e.hasAttribute("data-sm-t-100")||e.hasAttribute("data-sm-t-200")||e.hasAttribute("data-sm-t-300")||e.hasAttribute("data-sm-t-400")||e.hasAttribute("data-sm-t-500")||e.hasAttribute("data-sm-t-600")||e.hasAttribute("data-sm-t-700")||e.hasAttribute("data-sm-t-800")||e.hasAttribute("data-sm-t-900")||e.hasAttribute("data-sm-t-1000")||e.hasAttribute("data-sm-t-1100")||e.hasAttribute("data-sm-t-1200")||e.hasAttribute("data-sm-t-1300")||e.hasAttribute("data-sm-t-1400")||e.hasAttribute("data-sm-t-1500")||e.hasAttribute("data-sm-t-1600")||e.hasAttribute("data-sm-t-1700")||e.hasAttribute("data-sm-t-1800")||e.hasAttribute("data-sm-t-1900")||e.hasAttribute("data-sm-t-2000")||e.hasAttribute("data-sm-t-2100")||e.hasAttribute("data-sm-t-2200")||e.hasAttribute("data-sm-t-2300")||e.hasAttribute("data-sm-t-2400")||e.hasAttribute("data-sm-t-2500")||e.hasAttribute("data-sm-t-2600")||e.hasAttribute("data-sm-t-2700")||e.hasAttribute("data-sm-t-2800")?e.setAttribute("data-sm",""):e.removeAttribute("data-sm"),e.hasAttribute("data-md-t")||e.hasAttribute("data-md-t-100")||e.hasAttribute("data-md-t-200")||e.hasAttribute("data-md-t-300")||e.hasAttribute("data-md-t-400")||e.hasAttribute("data-md-t-500")||e.hasAttribute("data-md-t-600")||e.hasAttribute("data-md-t-700")||e.hasAttribute("data-md-t-800")||e.hasAttribute("data-md-t-900")||e.hasAttribute("data-md-t-1000")||e.hasAttribute("data-md-t-1100")||e.hasAttribute("data-md-t-1200")||e.hasAttribute("data-md-t-1300")||e.hasAttribute("data-md-t-1400")||e.hasAttribute("data-md-t-1500")||e.hasAttribute("data-md-t-1600")||e.hasAttribute("data-md-t-1700")||e.hasAttribute("data-md-t-1800")||e.hasAttribute("data-md-t-1900")||e.hasAttribute("data-md-t-2000")||e.hasAttribute("data-md-t-2100")||e.hasAttribute("data-md-t-2200")||e.hasAttribute("data-md-t-2300")||e.hasAttribute("data-md-t-2400")||e.hasAttribute("data-md-t-2500")||e.hasAttribute("data-md-t-2600")||e.hasAttribute("data-md-t-2700")||e.hasAttribute("data-md-t-2800")?e.setAttribute("data-md",""):e.removeAttribute("data-md"),e.hasAttribute("data-lg-t")||e.hasAttribute("data-lg-t-100")||e.hasAttribute("data-lg-t-200")||e.hasAttribute("data-lg-t-300")||e.hasAttribute("data-lg-t-400")||e.hasAttribute("data-lg-t-500")||e.hasAttribute("data-lg-t-600")||e.hasAttribute("data-lg-t-700")||e.hasAttribute("data-lg-t-800")||e.hasAttribute("data-lg-t-900")||e.hasAttribute("data-lg-t-1000")||e.hasAttribute("data-lg-t-1100")||e.hasAttribute("data-lg-t-1200")||e.hasAttribute("data-lg-t-1300")||e.hasAttribute("data-lg-t-1400")||e.hasAttribute("data-lg-t-1500")||e.hasAttribute("data-lg-t-1600")||e.hasAttribute("data-lg-t-1700")||e.hasAttribute("data-lg-t-1800")||e.hasAttribute("data-lg-t-1900")||e.hasAttribute("data-lg-t-2000")||e.hasAttribute("data-lg-t-2100")||e.hasAttribute("data-lg-t-2200")||e.hasAttribute("data-lg-t-2300")||e.hasAttribute("data-lg-t-2400")||e.hasAttribute("data-lg-t-2500")||e.hasAttribute("data-lg-t-2600")||e.hasAttribute("data-lg-t-2700")||e.hasAttribute("data-lg-t-2800")?e.setAttribute("data-lg",""):e.removeAttribute("data-lg"),e.hasAttribute("data-xl-t")||e.hasAttribute("data-xl-t-100")||e.hasAttribute("data-xl-t-200")||e.hasAttribute("data-xl-t-300")||e.hasAttribute("data-xl-t-400")||e.hasAttribute("data-xl-t-500")||e.hasAttribute("data-xl-t-600")||e.hasAttribute("data-xl-t-700")||e.hasAttribute("data-xl-t-800")||e.hasAttribute("data-xl-t-900")||e.hasAttribute("data-xl-t-1000")||e.hasAttribute("data-xl-t-1100")||e.hasAttribute("data-xl-t-1200")||e.hasAttribute("data-xl-t-1300")||e.hasAttribute("data-xl-t-1400")||e.hasAttribute("data-xl-t-1500")||e.hasAttribute("data-xl-t-1600")||e.hasAttribute("data-xl-t-1700")||e.hasAttribute("data-xl-t-1800")||e.hasAttribute("data-xl-t-1900")||e.hasAttribute("data-xl-t-2000")||e.hasAttribute("data-xl-t-2100")||e.hasAttribute("data-xl-t-2200")||e.hasAttribute("data-xl-t-2300")||e.hasAttribute("data-xl-t-2400")||e.hasAttribute("data-xl-t-2500")||e.hasAttribute("data-xl-t-2600")||e.hasAttribute("data-xl-t-2700")||e.hasAttribute("data-xl-t-2800")?e.setAttribute("data-xl",""):e.removeAttribute("data-xl");const Ui=this.modalTimeline.querySelector(".cmd-anim-origin.on");if(Ui){let t=Ui.getAttribute("data-value");e.style.transformOrigin=t}this.modalTimeline.querySelector(".cmd-disable-smoothanim").classList.contains("on")?e.setAttribute("data-smooth-scrolling","off"):e.removeAttribute("data-smooth-scrolling");this.modalTimeline.querySelector(".cmd-hidden-onstart").classList.contains("on")?e.setAttribute("data-hidden-onstart",""):e.removeAttribute("data-hidden-onstart"),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange()}cleanup(e,t){let i=this.getDevice();e.removeAttribute("data-hidden-onstart"),t?(e.removeAttribute("data-xs"),e.removeAttribute("data-xs-t"),e.removeAttribute("data-xs-t-100"),e.removeAttribute("data-xs-t-200"),e.removeAttribute("data-xs-t-300"),e.removeAttribute("data-xs-t-400"),e.removeAttribute("data-xs-t-500"),e.removeAttribute("data-xs-t-600"),e.removeAttribute("data-xs-t-700"),e.removeAttribute("data-xs-t-800"),e.removeAttribute("data-xs-t-900"),e.removeAttribute("data-xs-t-1000"),e.removeAttribute("data-xs-t-1100"),e.removeAttribute("data-xs-t-1200"),e.removeAttribute("data-xs-t-1300"),e.removeAttribute("data-xs-t-1400"),e.removeAttribute("data-xs-t-1500"),e.removeAttribute("data-xs-t-1600"),e.removeAttribute("data-xs-t-1700"),e.removeAttribute("data-xs-t-1800"),e.removeAttribute("data-xs-t-1900"),e.removeAttribute("data-xs-t-2000"),e.removeAttribute("data-xs-t-2100"),e.removeAttribute("data-xs-t-2200"),e.removeAttribute("data-xs-t-2300"),e.removeAttribute("data-xs-t-2400"),e.removeAttribute("data-xs-t-2500"),e.removeAttribute("data-xs-t-2600"),e.removeAttribute("data-xs-t-2700"),e.removeAttribute("data-xs-t-2800"),e.removeAttribute("data-sm"),e.removeAttribute("data-sm-t"),e.removeAttribute("data-sm-t-100"),e.removeAttribute("data-sm-t-200"),e.removeAttribute("data-sm-t-300"),e.removeAttribute("data-sm-t-400"),e.removeAttribute("data-sm-t-500"),e.removeAttribute("data-sm-t-600"),e.removeAttribute("data-sm-t-700"),e.removeAttribute("data-sm-t-800"),e.removeAttribute("data-sm-t-900"),e.removeAttribute("data-sm-t-1000"),e.removeAttribute("data-sm-t-1100"),e.removeAttribute("data-sm-t-1200"),e.removeAttribute("data-sm-t-1300"),e.removeAttribute("data-sm-t-1400"),e.removeAttribute("data-sm-t-1500"),e.removeAttribute("data-sm-t-1600"),e.removeAttribute("data-sm-t-1700"),e.removeAttribute("data-sm-t-1800"),e.removeAttribute("data-sm-t-1900"),e.removeAttribute("data-sm-t-2000"),e.removeAttribute("data-sm-t-2100"),e.removeAttribute("data-sm-t-2200"),e.removeAttribute("data-sm-t-2300"),e.removeAttribute("data-sm-t-2400"),e.removeAttribute("data-sm-t-2500"),e.removeAttribute("data-sm-t-2600"),e.removeAttribute("data-sm-t-2700"),e.removeAttribute("data-sm-t-2800"),e.removeAttribute("data-md"),e.removeAttribute("data-md-t"),e.removeAttribute("data-md-t-100"),e.removeAttribute("data-md-t-200"),e.removeAttribute("data-md-t-300"),e.removeAttribute("data-md-t-400"),e.removeAttribute("data-md-t-500"),e.removeAttribute("data-md-t-600"),e.removeAttribute("data-md-t-700"),e.removeAttribute("data-md-t-800"),e.removeAttribute("data-md-t-900"),e.removeAttribute("data-md-t-1000"),e.removeAttribute("data-md-t-1100"),e.removeAttribute("data-md-t-1200"),e.removeAttribute("data-md-t-1300"),e.removeAttribute("data-md-t-1400"),e.removeAttribute("data-md-t-1500"),e.removeAttribute("data-md-t-1600"),e.removeAttribute("data-md-t-1700"),e.removeAttribute("data-md-t-1800"),e.removeAttribute("data-md-t-1900"),e.removeAttribute("data-md-t-2000"),e.removeAttribute("data-md-t-2100"),e.removeAttribute("data-md-t-2200"),e.removeAttribute("data-md-t-2300"),e.removeAttribute("data-md-t-2400"),e.removeAttribute("data-md-t-2500"),e.removeAttribute("data-md-t-2600"),e.removeAttribute("data-md-t-2700"),e.removeAttribute("data-md-t-2800"),e.removeAttribute("data-t"),e.removeAttribute("data-t-100"),e.removeAttribute("data-t-200"),e.removeAttribute("data-t-300"),e.removeAttribute("data-t-400"),e.removeAttribute("data-t-500"),e.removeAttribute("data-t-600"),e.removeAttribute("data-t-700"),e.removeAttribute("data-t-800"),e.removeAttribute("data-t-900"),e.removeAttribute("data-t-1000"),e.removeAttribute("data-t-1100"),e.removeAttribute("data-t-1200"),e.removeAttribute("data-t-1300"),e.removeAttribute("data-t-1400"),e.removeAttribute("data-t-1500"),e.removeAttribute("data-t-1600"),e.removeAttribute("data-t-1700"),e.removeAttribute("data-t-1800"),e.removeAttribute("data-t-1900"),e.removeAttribute("data-t-2000"),e.removeAttribute("data-t-2100"),e.removeAttribute("data-t-2200"),e.removeAttribute("data-t-2300"),e.removeAttribute("data-t-2400"),e.removeAttribute("data-t-2500"),e.removeAttribute("data-t-2600"),e.removeAttribute("data-t-2700"),e.removeAttribute("data-t-2800")):"xs"===i?(e.removeAttribute("data-xs"),e.removeAttribute("data-xs-t"),e.removeAttribute("data-xs-t-100"),e.removeAttribute("data-xs-t-200"),e.removeAttribute("data-xs-t-300"),e.removeAttribute("data-xs-t-400"),e.removeAttribute("data-xs-t-500"),e.removeAttribute("data-xs-t-600"),e.removeAttribute("data-xs-t-700"),e.removeAttribute("data-xs-t-800"),e.removeAttribute("data-xs-t-900"),e.removeAttribute("data-xs-t-1000"),e.removeAttribute("data-xs-t-1100"),e.removeAttribute("data-xs-t-1200"),e.removeAttribute("data-xs-t-1300"),e.removeAttribute("data-xs-t-1400"),e.removeAttribute("data-xs-t-1500"),e.removeAttribute("data-xs-t-1600"),e.removeAttribute("data-xs-t-1700"),e.removeAttribute("data-xs-t-1800"),e.removeAttribute("data-xs-t-1900"),e.removeAttribute("data-xs-t-2000"),e.removeAttribute("data-xs-t-2100"),e.removeAttribute("data-xs-t-2200"),e.removeAttribute("data-xs-t-2300"),e.removeAttribute("data-xs-t-2400"),e.removeAttribute("data-xs-t-2500"),e.removeAttribute("data-xs-t-2600"),e.removeAttribute("data-xs-t-2700"),e.removeAttribute("data-xs-t-2800")):"sm"===i?(e.removeAttribute("data-sm"),e.removeAttribute("data-sm-t"),e.removeAttribute("data-sm-t-100"),e.removeAttribute("data-sm-t-200"),e.removeAttribute("data-sm-t-300"),e.removeAttribute("data-sm-t-400"),e.removeAttribute("data-sm-t-500"),e.removeAttribute("data-sm-t-600"),e.removeAttribute("data-sm-t-700"),e.removeAttribute("data-sm-t-800"),e.removeAttribute("data-sm-t-900"),e.removeAttribute("data-sm-t-1000"),e.removeAttribute("data-sm-t-1100"),e.removeAttribute("data-sm-t-1200"),e.removeAttribute("data-sm-t-1300"),e.removeAttribute("data-sm-t-1400"),e.removeAttribute("data-sm-t-1500"),e.removeAttribute("data-sm-t-1600"),e.removeAttribute("data-sm-t-1700"),e.removeAttribute("data-sm-t-1800"),e.removeAttribute("data-sm-t-1900"),e.removeAttribute("data-sm-t-2000"),e.removeAttribute("data-sm-t-2100"),e.removeAttribute("data-sm-t-2200"),e.removeAttribute("data-sm-t-2300"),e.removeAttribute("data-sm-t-2400"),e.removeAttribute("data-sm-t-2500"),e.removeAttribute("data-sm-t-2600"),e.removeAttribute("data-sm-t-2700"),e.removeAttribute("data-sm-t-2800")):"md"===i?(e.removeAttribute("data-md"),e.removeAttribute("data-md-t"),e.removeAttribute("data-md-t-100"),e.removeAttribute("data-md-t-200"),e.removeAttribute("data-md-t-300"),e.removeAttribute("data-md-t-400"),e.removeAttribute("data-md-t-500"),e.removeAttribute("data-md-t-600"),e.removeAttribute("data-md-t-700"),e.removeAttribute("data-md-t-800"),e.removeAttribute("data-md-t-900"),e.removeAttribute("data-md-t-1000"),e.removeAttribute("data-md-t-1100"),e.removeAttribute("data-md-t-1200"),e.removeAttribute("data-md-t-1300"),e.removeAttribute("data-md-t-1400"),e.removeAttribute("data-md-t-1500"),e.removeAttribute("data-md-t-1600"),e.removeAttribute("data-md-t-1700"),e.removeAttribute("data-md-t-1800"),e.removeAttribute("data-md-t-1900"),e.removeAttribute("data-md-t-2000"),e.removeAttribute("data-md-t-2100"),e.removeAttribute("data-md-t-2200"),e.removeAttribute("data-md-t-2300"),e.removeAttribute("data-md-t-2400"),e.removeAttribute("data-md-t-2500"),e.removeAttribute("data-md-t-2600"),e.removeAttribute("data-md-t-2700"),e.removeAttribute("data-md-t-2800")):(e.removeAttribute("data-t"),e.removeAttribute("data-t-100"),e.removeAttribute("data-t-200"),e.removeAttribute("data-t-300"),e.removeAttribute("data-t-400"),e.removeAttribute("data-t-500"),e.removeAttribute("data-t-600"),e.removeAttribute("data-t-700"),e.removeAttribute("data-t-800"),e.removeAttribute("data-t-900"),e.removeAttribute("data-t-1000"),e.removeAttribute("data-t-1100"),e.removeAttribute("data-t-1200"),e.removeAttribute("data-t-1300"),e.removeAttribute("data-t-1400"),e.removeAttribute("data-t-1500"),e.removeAttribute("data-t-1600"),e.removeAttribute("data-t-1700"),e.removeAttribute("data-t-1800"),e.removeAttribute("data-t-1900"),e.removeAttribute("data-t-2000"),e.removeAttribute("data-t-2100"),e.removeAttribute("data-t-2200"),e.removeAttribute("data-t-2300"),e.removeAttribute("data-t-2400"),e.removeAttribute("data-t-2500"),e.removeAttribute("data-t-2600"),e.removeAttribute("data-t-2700"),e.removeAttribute("data-t-2800")),this.builder.animateScroll.cleanup(e),this.builder.animateScroll.cleanup_leave(e),this.builder.animateScroll.cleanup_timeline(e)}getDevice(){return this.modalTimeline.querySelector(".input-device.on").getAttribute("data-value")}getTarget(){let e,t=this.modalTimeline.querySelector(".input-target").value;if("element"===t){let t=this.readTarget();t?("element"===t.name&&(e=this.builder.editor.activeElement),e="inspectedElement"===t.name?this.builder.editor.inspectedElement:this.builder.editor.activeElement):e=this.builder.editor.activeElement}if("column"===t&&(e=this.builder.editor.activeCol),"row"===t){let t=this.builder.editor.activeCol;t&&(e=t.parentNode)}if("container"===t){let t=this.builder.editor.activeCol;t&&(e=t.parentNode.parentNode)}if("overlay"===t){let t;const i=this.builder.doc.querySelector(".box-select");i&&(t=i.querySelector(".is-overlay")),t&&(e=t)}if("bg"===t){let t;const i=this.builder.doc.querySelector(".box-select");i&&(t=i.querySelector(".is-overlay-bg")),t&&(e=t)}if("box"===t){const t=this.builder.doc.querySelector(".box-select");t&&(e=t)}if("section"===t){const t=this.builder.doc.querySelector(".section-select");t&&(e=t)}return{element:e||!1,name:t||!1}}readTarget(e){if(!e){let e,t,i,n=this.builder.editor.inspectedElement;return n?(e=n.getAttribute("data-bottom-top"),e||(e=n.getAttribute("data-400-bottom")),e||(e=n.getAttribute("data-200-bottom")),e||(e=n.getAttribute("data--50-bottom")),t=n.getAttribute("data-top-bottom"),i=n.getAttribute("data-in"),i||(i=n.getAttribute("data-in-150")),i||(i=n.getAttribute("data-in-300")),i||(i=n.getAttribute("data-cen--150")),i||(i=n.getAttribute("data-cen")),i||(i=n.getAttribute("data-cen-150")),i||(i=n.getAttribute("data-out--300")),i||(i=n.getAttribute("data-out--150")),i||(i=n.getAttribute("data-out")),e||t||i||n.hasAttribute("data-t")||n.hasAttribute("data-t-100")||n.hasAttribute("data-t-200")||n.hasAttribute("data-t-300")||n.hasAttribute("data-t-400")||n.hasAttribute("data-t-500")||n.hasAttribute("data-t-600")||n.hasAttribute("data-t-700")||n.hasAttribute("data-t-800")||n.hasAttribute("data-t-900")||n.hasAttribute("data-t-1000")||n.hasAttribute("data-t-1100")||n.hasAttribute("data-t-1200")||n.hasAttribute("data-t-1300")||n.hasAttribute("data-t-1400")||n.hasAttribute("data-t-1500")||n.hasAttribute("data-t-1600")||n.hasAttribute("data-t-1700")||n.hasAttribute("data-t-1800")||n.hasAttribute("data-t-1900")||n.hasAttribute("data-t-2000")||n.hasAttribute("data-t-2100")||n.hasAttribute("data-t-2200")||n.hasAttribute("data-t-2300")||n.hasAttribute("data-t-2400")||n.hasAttribute("data-t-2500")||n.hasAttribute("data-t-2600")||n.hasAttribute("data-t-2700")||n.hasAttribute("data-t-2800")?{element:n,name:"inspectedElement"}:this.readTarget("element")):this.readTarget("bg")}{let t,i,n,o;if("element"===e&&(t=this.builder.editor.activeElement),"column"===e&&(t=this.builder.editor.activeCol),"row"===e&&this.builder.editor.activeCol&&(t=this.builder.editor.activeCol.parentNode),"container"===e&&this.builder.editor.activeCol&&(t=this.builder.editor.activeCol.parentNode.parentNode),"bg"===e){let e;const i=this.builder.doc.querySelector(".box-select");i&&(e=i.querySelector(".is-overlay-bg")),e&&(t=e)}if("overlay"===e){let e;const i=this.builder.doc.querySelector(".box-select");i&&(e=i.querySelector(".is-overlay")),e&&(t=e)}if("box"===e){const e=this.builder.doc.querySelector(".box-select");e&&(t=e)}if("section"===e){const e=this.builder.doc.querySelector(".section-select");e&&(t=e)}if(!t){if("element"===e)return this.readTarget("column");if("column"===e)return this.readTarget("row");if("row"===e)return this.readTarget("container");if("container"===e)return this.readTarget("bg");if("bg"===e)return this.readTarget("overlay");if("overlay"===e)return this.readTarget("box");if("box"===e)return this.readTarget("section");if("section"===e)return!1}if(i=t.getAttribute("data-bottom-top"),i||(i=t.getAttribute("data-400-bottom")),i||(i=t.getAttribute("data-200-bottom")),i||(i=t.getAttribute("data--50-bottom")),n=t.getAttribute("data-top-bottom"),o=t.getAttribute("data-in"),o||(o=t.getAttribute("data-in-150")),o||(o=t.getAttribute("data-in-300")),o||(o=t.getAttribute("data-cen--150")),o||(o=t.getAttribute("data-cen")),o||(o=t.getAttribute("data-cen-150")),o||(o=t.getAttribute("data-out--300")),o||(o=t.getAttribute("data-out--150")),o||(o=t.getAttribute("data-out")),i||n||o||t.hasAttribute("data-t")||t.hasAttribute("data-t-100")||t.hasAttribute("data-t-200")||t.hasAttribute("data-t-300")||t.hasAttribute("data-t-400")||t.hasAttribute("data-t-500")||t.hasAttribute("data-t-600")||t.hasAttribute("data-t-700")||t.hasAttribute("data-t-800")||t.hasAttribute("data-t-900")||t.hasAttribute("data-t-1000")||t.hasAttribute("data-t-1100")||t.hasAttribute("data-t-1200")||t.hasAttribute("data-t-1300")||t.hasAttribute("data-t-1400")||t.hasAttribute("data-t-1500")||t.hasAttribute("data-t-1600")||t.hasAttribute("data-t-1700")||t.hasAttribute("data-t-1800")||t.hasAttribute("data-t-1900")||t.hasAttribute("data-t-2000")||t.hasAttribute("data-t-2100")||t.hasAttribute("data-t-2200")||t.hasAttribute("data-t-2300")||t.hasAttribute("data-t-2400")||t.hasAttribute("data-t-2500")||t.hasAttribute("data-t-2600")||t.hasAttribute("data-t-2700")||t.hasAttribute("data-t-2800"))return{element:t,name:e};if("element"===e)return this.readTarget("column");if("column"===e)return this.readTarget("row");if("row"===e)return this.readTarget("container");if("container"===e)return this.readTarget("bg");if("bg"===e)return this.readTarget("overlay");if("overlay"===e)return this.readTarget("box");if("box"===e)return this.readTarget("section");if("section"===e)return!1}}getTransform(e,t){let i,n,o,s,a=this.parseComplexStyleProperty(t);a.translateX&&(i=a.translateX[0]),a.translateY&&(n=a.translateY[0]),a.scale&&(o=a.scale[0]),a.rotate&&(s=a.rotate[0]);let l=e.style.opacity;return{translateX:i||!1,translateY:n||!1,scale:o||!1,rotate:!!s&&s.replace("deg",""),opacity:l||!1}}parseComplexStyleProperty(e){for(var t,i=/(\w+)\((.+?)\)/g,n={};t=i.exec(e);)n[t[1]]=n[t[1]]?n[t[1]].concat([t[2]]):[t[2]];return n}edit(){this.builder.wrapperEl.classList.add("hard-select"),this.builder.activeBox&&this.builder.activeBox.classList.add("box-select"),this.builder.activeSection&&this.builder.activeSection.classList.add("section-select"),this.builder.sidebar.closeSidebar(),this.builder.animateScroll.modalAnimateScroll.classList.remove("active"),this.modalTimeline.classList.add("active"),this.builder.doc.body.classList.add("selection-only"),document.body.classList.add("selection-only");this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display="",localStorage.setItem("_timelinewindow","1")}close(){this.modalTimeline.classList.remove("active"),this.builder.doc.body.classList.remove("selection-only"),document.body.classList.remove("selection-only"),localStorage.removeItem("_timelinewindow")}}class xy{constructor(e){this.builder=e}getPageTemplate(e){let t="";return t=""===e?'\n            <!DOCTYPE html>\n            <html lang="en">\n            <head>\n                <meta charset="utf-8">\n                <title>Page</title>\n                <meta name="viewport" content="width=device-width, initial-scale=1">\n                <meta name="description" content="">\n                <link rel="shortcut icon" href="#">\n                \n                <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet"> \n                <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">\n    \n                [%MAINCSS%]\n                [%SECTIONCSS%]\n            </head>\n            <body style="touch-action: pan-y">\n                \n            <main id="main">\n                <div class="is-wrapper">\n                    [%CONTENT%]\n                </div>\n            </main>\n            \n            <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">\n            <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">\n            <script src="[%PATH%]/assets/scripts/glide/glide.js"><\/script>\n    \n            <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">\n            <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"><\/script>\n    \n            <script src="[%PATH%]/box/box-flex.js"><\/script>\n    \n            \x3c!-- Optional: if you want to add smooth scrolling --\x3e\n            <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"><\/script>\n            <script>\n            SmoothScroll({\n                frameRate: 150,\n                animationTime: 800,\n                stepSize: 120,\n                pulseAlgorithm: 1,\n                pulseScale: 4,\n                pulseNormalize: 1,\n                accelerationDelta: 300,\n                accelerationMax: 2,\n                keyboardSupport: 1,\n                arrowScroll: 50,\n                fixedBackground: 0\n            });\n            <\/script>\n            </body>\n            </html>\n            ':"tailwind"===e?'\n            <!DOCTYPE html>\n            <html lang="en">\n            <head>\n                <meta charset="utf-8">\n                <title>Page</title>\n                <meta name="viewport" content="width=device-width, initial-scale=1">\n                <meta name="description" content="">\n                <link rel="shortcut icon" href="#">\n                \n                <link href="[%PATH%]/assets/minimalist-blocks/content-tailwind.css" rel="stylesheet"> \n                <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">\n                <link href="[%PATH%]/assets/frameworks/tailwindcss/styles.css" rel="stylesheet"> \n\n                [%MAINCSS%]\n                [%SECTIONCSS%]\n            </head>\n            <body style="touch-action: pan-y">\n                \n            <main id="main">\n                <div class="is-wrapper">\n                    [%CONTENT%]\n                </div>\n            </main>\n            \n            <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">\n            <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">\n            <script src="[%PATH%]/assets/scripts/glide/glide.js"><\/script>\n\n            <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">\n            <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"><\/script>\n\n            <script src="[%PATH%]/box/box-flex.js"><\/script>\n\n            \x3c!-- Optional: if you want to add smooth scrolling --\x3e\n            <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"><\/script>\n            <script>\n            SmoothScroll({\n                frameRate: 150,\n                animationTime: 800,\n                stepSize: 120,\n                pulseAlgorithm: 1,\n                pulseScale: 4,\n                pulseNormalize: 1,\n                accelerationDelta: 300,\n                accelerationMax: 2,\n                keyboardSupport: 1,\n                arrowScroll: 50,\n                fixedBackground: 0\n            });\n            <\/script>\n            </body>\n            </html>\n            ':"bootstrap"===e?'\n            <!DOCTYPE html>\n            <html lang="en">\n            <head>\n                <meta charset="utf-8">\n                <title>Page</title>\n                <meta name="viewport" content="width=device-width, initial-scale=1">\n                <meta name="description" content="">\n                <link rel="shortcut icon" href="#">\n                \n                <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">       \n                <style>\n                    /* Bootstrap css adjustment to enable column drag to resize */\n                    .row > *,\n                    .column {\n                        max-width: unset !important;\n                    }\n                    /* To fix on <1440 (for example), with max-width unset, columns get flowing */\n                    @media (min-width: 768px) {\n                        .row {\n                            flex-wrap: nowrap;\n                        }\n                    }\n                </style>\n                \n                <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet"> \n                <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">\n                \n                [%MAINCSS%]\n                [%SECTIONCSS%]\n            </head>\n            <body style="touch-action: pan-y">\n                \n            <main id="main">\n                <div class="is-wrapper">\n                    [%CONTENT%]\n                </div>\n            </main>\n            \n            <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">\n            <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">\n            <script src="[%PATH%]/assets/scripts/glide/glide.js"><\/script>\n\n            <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">\n            <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"><\/script>\n\n            <script src="[%PATH%]/box/box-flex.js"><\/script>\n\n            \x3c!-- Optional: if you want to add smooth scrolling --\x3e\n            <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"><\/script>\n            <script>\n            SmoothScroll({\n                frameRate: 150,\n                animationTime: 800,\n                stepSize: 120,\n                pulseAlgorithm: 1,\n                pulseScale: 4,\n                pulseNormalize: 1,\n                accelerationDelta: 300,\n                accelerationMax: 2,\n                keyboardSupport: 1,\n                arrowScroll: 50,\n                fixedBackground: 0\n            });\n            <\/script>\n            </body>\n            </html>\n            ':"foundation"===e?'\n            <!DOCTYPE html>\n            <html lang="en">\n            <head>\n                <meta charset="utf-8">\n                <title>Page</title>\n                <meta name="viewport" content="width=device-width, initial-scale=1">\n                <meta name="description" content="">\n                <link rel="shortcut icon" href="#">\n\n                <link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation.min.css" rel="stylesheet" >\n                <link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation-float.min.css" rel="stylesheet" >     \n\n                <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet"> \n                <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">\n                \n                [%MAINCSS%]\n                [%SECTIONCSS%]\n            </head>\n            <body style="touch-action: pan-y">\n                \n            <main id="main">\n                <div class="is-wrapper">\n                    [%CONTENT%]\n                </div>\n            </main>\n            \n            <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">\n            <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">\n            <script src="[%PATH%]/assets/scripts/glide/glide.js"><\/script>\n\n            <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">\n            <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"><\/script>\n\n            <script src="[%PATH%]/box/box-flex.js"><\/script>\n\n            \x3c!-- Optional: if you want to add smooth scrolling --\x3e\n            <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"><\/script>\n            <script>\n            SmoothScroll({\n                frameRate: 150,\n                animationTime: 800,\n                stepSize: 120,\n                pulseAlgorithm: 1,\n                pulseScale: 4,\n                pulseNormalize: 1,\n                accelerationDelta: 300,\n                accelerationMax: 2,\n                keyboardSupport: 1,\n                arrowScroll: 50,\n                fixedBackground: 0\n            });\n            <\/script>\n            </body>\n            </html>\n            ':"[%CONTENT%]",t}}const _y={new_section_with_list:'\nTo create a section with a list:\n- Use the example below as a template.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n- For 3 list items, use 3 columns in a row. For 2 or 4 list items, use 2 columns per row.\n    \nExample:\n\n<div class="is-section is-box is-section-100 box-autofit type-poppins-lekton">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 size-18 leading-12 is-content-1200">\n        <div class="row">\n            <div class="column">\n                <h2 class="font-medium size-60">Title here</h2>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-100"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <h3 class="size-28 font-normal">Point One</h3>\n                <div class="spacer height-20"></div>\n                <p>Paragraph content here</p>\n            </div>\n            <div class="column">\n                <h3 class="size-28 font-normal">Point Two</h3>\n                <div class="spacer height-20"></div>\n                <p>Paragraph content here</p>\n            </div>\n        </div>\n\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n\n        <div class="row">\n            <div class="column">\n                <h3 class="size-28 font-normal">Point Three</h3>\n                <div class="spacer height-20"></div>\n                <p>Paragraph content here</p>\n            </div>\n            <div class="column">\n                <h3 class="size-28 font-normal">Point Four</h3>\n                <div class="spacer height-20"></div>\n                <p>Paragraph content here</p>\n            </div>\n        </div>\n\n    </div>\n</div>\n\n',new_section_with_list_numbering:['\nTo create a section with a list and numbering:\n- Use the example below as a template.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n- For 3 list items, use 3 columns in a row. For 2 or 4 list items, use 2 columns per row.\n\nExample:\n\n<div class="is-section is-section-100 is-box type-poppins-lekton box-autofit">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 leading-13 size-19 is-content-1540">\n        <div class="row">\n            <div class="xs-hidden column">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column" style="width: 50%; flex: 0 0 auto;">\n                <h1 class="text-center tracking-tight size-50 leading-none">Title Here</h1>\n            </div>\n            <div class="xs-hidden column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-140"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column text-center">\n                <p class="size-32 font-medium">1.</p>\n                <h3 class="tracking-75 text-center size-21 font-normal">First Highlight</h3>\n                <p class="text-center">Experience the power of innovative designs.</p>\n            </div>\n            <div class="column">\n                <p class="size-32 font-medium text-center">2.</p>\n                <h3 class="tracking-75 text-center size-21 font-normal">Second Highlight</h3>\n                <p class="text-center">Discover the magic of exceptional creativity.</p>\n            </div>\n            <div class="column">\n                <p class="text-center size-32 font-medium">3.</p>\n                <h3 class="tracking-75 text-center size-21 font-normal">Third Highlight</h3>\n                <p class="text-center">Unleash your imagination with outstanding designs.</p>\n            </div>\n        </div>\n        <div class="row">\n            <div class="xs-hidden column">\n                <div class="spacer height-100"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','\nTo create a section with a list and numbering:\n- Use the example below as a template.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n- For 3 list items, use 3 columns in a row. For 2 or 4 list items, use 2 columns per row.\n\nExample:\n\n<div class="is-section is-section-100 is-box box-autofit type-poppins-lekton">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 is-content-1540 size-19 leading-13">\n        <div class="row">\n            <div class="column">\n                <h1 class="tracking-tight size-50 text-left">Title Here</h1>\n            </div>\n            <div class="xs-hidden column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-120"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <p class="size-76">01</p>\n                <div class="spacer height-20"></div>\n                <h3 class="size-24 leading-12 font-normal">First Highlight</h3>\n                <p>Experience the power of innovative designs.&nbsp;</p>\n            </div>\n            <div class="column">\n                <p class="size-76">02</p>\n                <div class="spacer height-20"></div>\n                <h3 class="size-24 leading-12 font-normal">Second Highlight</h3>\n                <p>Discover the magic of exceptional creativity.&nbsp;</p>\n            </div>\n            <div class="column">\n                <p class="size-76">03</p>\n                <div class="spacer height-20"></div>\n                <h3 class="size-24 leading-12 font-normal">Third Highlight</h3>\n                <p>Unleash your imagination with outstanding designs.&nbsp;</p>\n            </div>\n\n        </div>\n    </div>\n</div>\n\n'],new_section_with_list_icons:'\nTo create a section with list icons:\n- Use the example below as a template.\n- For 3 list items, use 3 columns in a row. For 2 or 4 list items, use 2 columns per row.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n        \nExample:\n\n<div class="is-section is-section-100 is-box type-poppins-lekton box-autofit">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 leading-13 size-19 is-content-1540">\n        <div class="row">\n            <div class="xs-hidden column">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column" style="width: 50%; flex: 0 0 auto;">\n                <h1 class="text-center tracking-tight size-50 leading-none">Title Here</h1>\n            </div>\n            <div class="xs-hidden column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-140"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="text-center">\n                    <i class="icon {{ICONCLASS}} size-32"></i>\n                </div>\n                <h3 class="tracking-75 text-center size-21 font-normal">Point One</h3>\n                <p class="text-center">Paragraph content here</p>\n            </div>\n            <div class="column">\n                <div class="text-center">\n                    <i class="icon {{ICONCLASS}} size-32"></i>\n                </div>\n                <h3 class="tracking-75 text-center size-21 font-normal">Point Two</h3>\n                <p class="text-center">Paragraph content here</p>\n            </div>\n            <div class="column">\n                <div class="text-center">\n                    <i class="icon {{ICONCLASS}} size-32"></i>\n                </div>\n                <h3 class="tracking-75 text-center size-21 font-normal">Point Three</h3>\n                <p class="text-center">Paragraph content here</p>\n            </div>\n        </div>\n    </div>\n</div>\n\n- Important: for icons, replace {{ICONCLASS}} with \'ion-checkmark\'.\n\n',new_section_with_list_images:'\nTo create a section with a list of photos or a photo gallery:\n- Use the example below as a template.\n- Images must use this image URL: \'{{_IMAGEURL}}\'. Replace the {{IMAGEURL}} with this URL.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n    \nExample:\n    \n<div class="is-section is-box is-section-100 box-autofit type-poppins-lekton">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 size-19 leading-13 content-pt-60 content-pb-60 is-content-1300">\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-100"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <h1 class="tracking-tight size-50 text-center">Title Here</h1>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-100"></div>\n            </div>\n        </div>\n        <div class="row relative sm-items-1">\n            <div class="column flex flex-col justify-center items-start py-2">\n                <h2 class="font-normal leading-none size-32">Item One</h2>\n\n                <p>At our web studio, we combine our passion for design, technology, and innovation to build stunning and functional websites that make your brand stand out in the digital world.</p>\n            </div>\n            <div class="column" style="width: 5%; flex: 0 0 auto;">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column" style="width: 53%; flex: 0 0 auto;">\n                <img src="{{IMAGEURL}}" alt="">\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-100"></div>\n            </div>\n        </div>\n        <div class="row relative sm-items-1">\n            <div class="column" style="width: 53%; flex: 0 0 auto;">\n                <img src="{{IMAGEURL}}" alt="">\n            </div>\n            <div class="column" style="width: 5%; flex: 0 0 auto;">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column flex flex-col justify-center items-start py-2" style="width: 41.9836%; flex: 0 0 auto;">\n                <h2 class="font-normal leading-none size-32">Item Two</h2>\n\n                <p>At our web studio, we combine our passion for design, technology, and innovation to build stunning and functional websites that make your brand stand out in the digital world.</p>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-100"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n- Important: for images, replace {{IMAGEURL}} with \'{{_IMAGEURL}}\'.\n\n',new_section_with_image:'\nTo create a section: \n- Use the example below as a template.\n- Images must use this image URL: \'{{_IMAGEURL}}\'. Replace the {{IMAGEURL}} with this URL.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="is-section is-box is-section-100 type-poppins box-autofit">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 is-content-1500 size-19 leading-13">\n        <div class="row relative sm-items-1">\n            <div class="column flex flex-col justify-center items-start py-2">\n                <h1 class="font-normal leading-none size-60">Empowering businesses with AI-integrated web solutions.</h1>\n                <div class="spacer height-40"></div>\n                <p>We are a full-stack web development studio that brings the power of Artificial Intelligence into our web solutions.</p>\n\n                <div class="spacer height-20"></div>\n\n                <div>\n                    <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mb-1 py-2 size-18 px-9 text-black leading-relaxed rounded-full border-transparent hover:border-transparent font-normal tracking-wide mt-3" title="" style="background-color: rgb(240, 240, 240);">Our Works</a>\n                    <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mb-1 py-2 size-18 px-9 border-current hover:border-current font-normal leading-relaxed rounded-full tracking-wide mt-3" title="">Get in Touch</a>\n                </div>\n            </div>\n            <div class="column" style="width: 5%; flex: 0 0 auto;">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column" style="width: 53%; flex: 0 0 auto;">\n                <img src="{{IMAGEURL}}" alt="">\n            </div>\n        </div>\n    </div>\n</div>\n\n- Important: for images, replace {{IMAGEURL}} with \'{{_IMAGEURL}}\'.\n\n',new_section_with_gallery:'\nTo create a section with a list of photos or a photo gallery:\n- Use the example below as a template.\n- Images must use this image URL: \'{{_IMAGEURL}}\'. Replace the {{IMAGEURL}} with this URL.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="is-section is-box is-section-100 box-autofit type-poppins-lekton">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 leading-13 is-content-1640 size-19">\n        <div class="row">\n            <div class="column">\n                <h1 class="font-light size-54 leading-none">We deliver extraordinary things.</h1>\n            </div>\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-100"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column"><img src="{{IMAGEURL}}" alt="" data-filename="img-024.jpg">\n                <p>Image Caption</p>\n            </div>\n            <div class="column"><img src="{{IMAGEURL}}" alt="" data-filename="img-083.jpg">\n                <p>Image Caption</p>\n            </div>\n            <div class="column"><img src="{{IMAGEURL}}" alt="" data-filename="img-190.jpg">\n                <p>Image Caption</p>\n            </div>\n        </div>\n    </div>\n</div>\n\n- Important: for images, replace {{IMAGEURL}} with \'{{_IMAGEURL}}\'.\n\n',new_section:['\nTo create a section: \n- Use the example below as a template.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="is-section is-box type-poppins box-autofit min-height-60 is-section-100">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 leading-13 size-19 is-content-800 is-content-left edge-x-2">\n        <div class="row">\n            <div class="column">\n                <h1 class="font-normal leading-11 size-64">A forward thinking studio delivering digital solutions that help your business.</h1>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-20"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-20"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n'],new_section_others:'\nTo create a section: \n- Use the example below as a template.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="is-section is-box type-poppins box-autofit min-height-60 is-section-100">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 leading-13 size-19 is-content-800 content-pt-50 content-pb-50">\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-100"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <h1 class="font-normal leading-11 size-64">A forward thinking studio delivering digital solutions that help your business.</h1>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n',new_section_article:['To create a section: \n- Use the example below as a template.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="is-section is-box type-poppins box-autofit min-height-60 is-section-100">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 leading-13 size-19 is-content-800 content-pt-50 content-pb-50">\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-100"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <h1 class="font-normal leading-11 size-64">Title here</h1>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n            </div>\n        </div>\n\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n\n        <div class="row">\n            <div class="column">\n                <h2 class="size-28 font-normal">Sub Topic Title here</h2>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-20"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n            </div>\n        </div>\n\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n    </div>\n</div>\n                \n'],new_section_article_with_image:['To create a section: \n- Use the example below as a template.\n- Images must use this image URL: \'{{_IMAGEURL}}\'. Replace the {{IMAGEURL}} with this URL.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="is-section is-box type-poppins box-autofit min-height-60 is-section-100">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 leading-13 size-19 is-content-800 content-pt-50 content-pb-50">\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-100"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <h1 class="font-normal leading-11 size-64">Title here</h1>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <img src="{{IMAGEURL}}" alt="">\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n\n        <div class="row">\n            <div class="column">\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n            </div>\n        </div>\n\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n\n        <div class="row">\n            <div class="column">\n                <h2 class="size-28 font-normal">Sub Topic Title here</h2>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-20"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n            </div>\n        </div>\n\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n- Important: for images, replace {{IMAGEURL}} with \'{{_IMAGEURL}}\'.\n\n','\nTo create a section: \n- Use the example below as a template.\n- Images must use this image URL: \'{{_IMAGEURL}}\'. Replace the {{IMAGEURL}} with this URL.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="is-section is-box type-poppins-lekton box-autofit min-height-60 is-section-100">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 leading-13 size-19 is-content-1100">\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <h1 class="font-normal leading-none size-60">A forward thinking studio delivering digital solutions that help your business<br></h1>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n            <div class="column" style="width: 75%; flex: 0 0 auto;"><img src="{{IMAGEURL}}" alt=""></div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column" style="width: 75%; flex: 0 0 auto;">\n                <p>Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s,\n                    when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\n            </div>\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n            <div class="column" style="width: 75%; flex: 0 0 auto;">\n                <h2 class="size-28 font-normal">Sub Topic 1</h2>\n                <div class="spacer height-20"></div>\n                <p>Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s,\n                    when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column" style="width: 75%; flex: 0 0 auto;">\n                <h2 class="size-28 font-normal">Sub Topic 2</h2>\n                <div class="spacer height-20"></div>\n                <p>Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s,\n                    when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\n            </div>\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n- Important: for images, replace {{IMAGEURL}} with \'{{_IMAGEURL}}\'.\n\n'],new_section_two_boxes:'\nTo create a section with 2 boxes: \n- Create one section with \'div.is-section\' element and add 2 \'div.is-box\' elements inside it.\n- Use the example below as a template.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample result:\n\n<div class="is-section is-section-100 type-poppins">\n    <div class="is-box is-box-6 box-autofit min-height-60">\n        <div class="is-overlay"></div>\n        <div class="is-container v2 leading-13 size-19 is-content-800">\n            <div class="row">\n                <div class="column">\n                    <h1 class="font-normal leading-none size-60">Title here</h1>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <div class="spacer height-40"></div>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class="is-box is-box-6 box-autofit min-height-60">\n        <div class="is-overlay"></div>\n        <div class="is-container v2 leading-13 size-19 is-content-800">\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <div class="spacer height-40"></div>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n',new_section_three_boxes:'\nTo create a section with 3 boxes: \n- Create 1 (one) section with \'div.is-section\' element and add 3 \'div.is-box\' elements inside it.\n- Use the example below as a template.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample result:\n\n<div class="is-section is-section-70 type-poppins">\n    <div class="is-box is-box-4 box-autofit min-height-60">\n        <div class="is-overlay"></div>\n        <div class="is-container v2 leading-13 size-19 is-content-800">\n            <div class="row">\n                <div class="column">\n                    <h1 class="font-normal leading-none size-60">Title here</h1>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <div class="spacer height-40"></div>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class="is-box is-box-4 box-autofit min-height-60">\n        <div class="is-overlay"></div>\n        <div class="is-container v2 leading-13 size-19 is-content-800">\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <div class="spacer height-40"></div>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class="is-box is-box-4 box-autofit min-height-60">\n        <div class="is-overlay"></div>\n        <div class="is-container v2 leading-13 size-19 is-content-800">\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <div class="spacer height-40"></div>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n',new_section_four_boxes:'To create a section with 4 boxes: \n- Create 1 (one) section with \'div.is-section\' element and add 4 \'div.is-box\' elements inside it.\n- Use the example below as a template.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample result:\n\n<div class="is-section is-section-70 type-poppins">\n    <div class="is-box is-box-3 box-autofit min-height-60">\n        <div class="is-overlay"></div>\n        <div class="is-container v2 leading-13 size-19 is-content-800">\n            <div class="row">\n                <div class="column">\n                    <h1 class="font-normal leading-none size-60">Title here</h1>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <div class="spacer height-40"></div>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class="is-box is-box-3 box-autofit min-height-60">\n        <div class="is-overlay"></div>\n        <div class="is-container v2 leading-13 size-19 is-content-800">\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <div class="spacer height-40"></div>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class="is-box is-box-3 box-autofit min-height-60">\n        <div class="is-overlay"></div>\n        <div class="is-container v2 leading-13 size-19 is-content-800">\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <div class="spacer height-40"></div>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class="is-box is-box-3 box-autofit min-height-60">\n        <div class="is-overlay"></div>\n        <div class="is-container v2 leading-13 size-19 is-content-800">\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <div class="spacer height-40"></div>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n',redesign_layout2:['To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'leading-09 size-116 font-extrabold\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-poppins-lekton min-height-60">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 is-content-1400 size-19 leading-13 content-pt-60 content-pb-60">\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column" style="width: 60%; flex: 0 0 auto;">\n                <h1 class="leading-09 size-116 font-extrabold">{{Place title here}}</h1>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column" style="width: 65%; flex: 0 0 auto;">\n                <p>{{CONTENT}}</p>\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column" style="width: 65%; flex: 0 0 auto;">\n                <p>{{CONTENT}}</p>\n            </div>\n        </div>\n    </div>\n</div>\n\nImportant: include all images from the original section in the returned result!\n    \n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'tracking-tight leading-09 size-120 font-normal\'.\n    \nThis is the template:\n    \n<div class="is-section is-box is-section-100 type-heebo-ibmplexmono box-autofit min-height-70">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 leading-14 size-19 content-pt-60 content-pb-60 is-content-1200">\n        <div class="row">\n            <div class="column">\n                <h1 class="tracking-tight leading-09 size-120 font-normal">{{Place title here}}</h1>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <p>{{CONTENT}}</p>\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column">\n                <p>{{CONTENT}}</p>\n            </div>\n            <div class="column">\n                <p>{{CONTENT}}</p>\n            </div>\n        </div>\n    </div>\n</div>\n\nImportant: include all images from the original section in the returned result!\n\n'],redesign_layout:['To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-54 font-medium leading-none\'.\n        \nThis is the template:\n\n<div class="is-section is-box is-section-100 box-autofit min-height-70 type-poppins">\n    <div class="is-overlay" style="background-color: rgb(255, 255, 255);">\n    </div>\n    <div class="is-container v2 leading-14 content-py-40 is-content-1100 size-18">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-116 font-extrabold leading-09\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-poppins-lekton min-height-60">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 is-content-1740 size-19 leading-13">\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must change the title class with \'size-76 font-normal leading-none\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-poppins-lekton min-height-60">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 is-content-1100 size-18 leading-13 content-py-40">\n        <div class="row clearfix">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row clearfix">\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n        <div class="row clearfix">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'uppercase size-72 font-semibold leading-09\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-raleway-lato box-autofit min-height-70">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 h-full flex flex-col justify-between size-19 leading-none content-py-50 is-content-1000">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-96 font-normal leading-none\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-alegreya-lato min-height-60">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 leading-13 size-19 is-content-1600">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'text-left size-64 font-medium leading-none tracking-tight\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-montserrat-roboto is-content-top edge-y-1 min-height-60">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 size-18 leading-12 is-content-1200 is-content-left edge-x-1">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n                <p style="border-bottom: 2px solid #333; width: 80px;"></p>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-88 font-medium leading-09\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-poppins box-autofit min-height-70">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 is-content-1300 size-18 leading-13">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-68 font-normal leading-09 racking-tighter\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-frankruhllibre-lato box-autofit min-height-70">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 is-content-1200 leading-12 content-py-40 size-19">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-68 font-normal leading-none tracking-tighter\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 min-height-60 type-alegreyasanssc-hind">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 is-content-1000 content-py-40 size-19 leading-12">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-120"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-76 font-normal leading-09\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-oranienbaum-sourcesanspro box-autofit">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 size-17 is-content-1000 leading-12">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'uppercase size-84 font-normal leading-09\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-anonymouspro-catamaran box-autofit min-height-70">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 h-full flex flex-col justify-between size-19 leading-none content-py-50 is-content-1000">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n'],change_layout_of_box:['To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-54 font-medium leading-none\'.\n\nThis is the template:\n\n<div class="is-box type-poppins box-auto min-height-70">\n    <div class="is-overlay" style="background-color: rgb(255, 255, 255);">\n    </div>\n    <div class="is-container v2 leading-14 content-py-40 is-content-800 size-18">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-88 font-extrabold leading-09\'.\n\nThis is the template:\n\n<div class="is-box type-poppins-lekton box-auto min-height-60">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 is-content-900 size-19 leading-13">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-68 font-normal leading-none\'.\n\nThis is the template:\n\n<div class="is-box type-poppins-lekton box-auto min-height-60">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 is-content-1100 size-18 leading-13 content-py-40">\n        <div class="row clearfix">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row clearfix">\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n        <div class="row clearfix">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'uppercase size-68 font-semibold leading-none\'.\n\nThis is the template:\n\n<div class="is-box type-raleway-lato box-auto min-height-60">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 h-full flex flex-col justify-between size-19 leading-none content-py-50 is-content-900">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-68 font-normal leading-none\'.\n\nThis is the template:\n\n<div class="is-box type-alegreya-lato box-auto min-height-60">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 leading-13 size-19 is-content-860">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-120"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-64 font-medium leading-none tracking-tight\'.\n\nThis is the template:\n\n<div class="is-box type-montserrat-roboto box-auto min-height-60 is-content-top edge-y-1">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 size-18 leading-12 is-content-800 is-content-left edge-x-1">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n                <p style="border-bottom: 2px solid #333; width: 80px;"></p>\n            </div>\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-88 font-normal leading-09\'.\n\nThis is the template:\n\n<div class="is-box type-poppins box-auto min-height-60">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 is-content-860 size-18 leading-13">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-68 font-normal leading-09 tracking-tighter\'.\n\nThis is the template:\n\n<div class="is-box type-frankruhllibre-lato box-auto min-height-60">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 is-content-860 leading-12 content-py-40 size-19">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-120"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-68 font-normal leading-none tracking-tighter\'.\n\nThis is the template:\n\n<div class="is-box type-alegreyasanssc-hind box-auto min-height-60">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 is-content-860 content-py-40 size-19 leading-12">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-120"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-76 font-normal leading-09\'.\n\nThis is the template:\n\n<div class="is-box type-oranienbaum-sourcesanspro box-auto min-height-60 is-content-top edge-y-1">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 size-17 is-content-860 leading-12 is-content-left edge-x-1">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'uppercase size-84 font-normal leading-09\'.\n\nThis is the template:\n\n<div class="is-box type-anonymouspro-catamaran box-auto min-height-70">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 size-19 leading-none content-py-50 is-content-700">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n'],update_section_with_image:'To add a headline or paragraph and an image, follow these steps:\n- Create the necessary rows and columns.\n- Use the example below as a template.\n- Images must use this image URL: \'{{_IMAGEURL}}\'. Replace the {{IMAGEURL}} with this URL.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="row relative sm-items-1">\n    <div class="column flex flex-col justify-center items-start py-2">\n        <h1 class="font-normal leading-none size-60">Empowering businesses with AI-integrated web solutions.</h1>\n        <div class="spacer height-40"></div>\n        <p>We are a full-stack web development studio that brings the power of Artificial Intelligence into our web solutions.</p>\n    </div>\n    <div class="column" style="width: 5%; flex: 0 0 auto;">\n        <div class="spacer height-60"></div>\n    </div>\n    <div class="column" style="width: 53%; flex: 0 0 auto;">\n        <img src="{{IMAGEURL}}" alt="">\n    </div>\n</div>\n\n- Important: for images, replace {{IMAGEURL}} with \'{{_IMAGEURL}}\'.\n\n',update_section_with_gallery:'To add a list of photos or a photo gallery, follow these steps:\n- Create the necessary rows and columns.\n- Use the example below as a template.\n- Images must use this image URL: \'{{_IMAGEURL}}\'. Replace the {{IMAGEURL}} with this URL.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample :\n\n<div class="row">\n    <div class="column">\n        <h1 class="font-light size-54 leading-none">We deliver extraordinary things.</h1>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column"><img src="{{IMAGEURL}}" alt="" data-filename="img-024.jpg">\n        <p>Image Caption</p>\n    </div>\n    <div class="column"><img src="{{IMAGEURL}}" alt="" data-filename="img-083.jpg">\n        <p>Image Caption</p>\n    </div>\n    <div class="column"><img src="{{IMAGEURL}}" alt="" data-filename="img-190.jpg">\n        <p>Image Caption</p>\n    </div>\n</div>\n\n- Important: for images, replace {{IMAGEURL}} with \'{{_IMAGEURL}}\'.\n\n',update_section_with_list:'To add a list, follow these steps:\n- Create the necessary rows and columns.\n- Use the example below as a template.\n- For 3 list items, use 3 columns in a row. For 2 or 4 list items, use 2 columns per row.\n- Each list item has <h3> as item title. Use example below.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="row">\n    <div class="column">\n        <h2 class="font-medium size-60">List Title</h2>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <h3 class="size-28 font-normal">List Item 1</h3>\n        <div class="spacer height-20"></div>\n        <p>Experience the power and flexibility of our innovative cloud solutions that can transform your business.\n            With our expertise, you can stay one step ahead of your competition in a rapidly changing digital landscape.</p>\n    </div>\n    <div class="column">\n        <h3 class="size-28 font-normal">List Item 2</h3>\n        <div class="spacer height-20"></div>\n        <p>Leave your IT operations to us and focus on what really matters - your core business.\n            Our managed IT services enable you to optimize your technology infrastructure and improve efficiency,\n            ensuring smooth operations and maximum productivity.</p>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-40"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <h3 class="size-28 font-normal">List Item 3</h3>\n        <div class="spacer height-20"></div>\n        <p>No matter the size of your organization, we have the network solutions you need to optimize your connectivity\n            and ensure reliable and secure communication. Our experts will design and implement a tailored network infrastructure,\n            keeping your business connected and functioning seamlessly.</p>\n    </div>\n    <div class="column">\n        <h3 class="size-28 font-normal">List Item 4</h3>\n        <div class="spacer height-20"></div>\n        <p>Our support and consulting services are designed to provide you with the expertise and guidance you need\n            to overcome any technology challenges you may face. From troubleshooting to strategic planning,\n            our team of professionals is here to assist you every step of the way.</p>\n    </div>\n</div>\n\n',update_section_with_list_images:'To add a list with images, follow these steps:\n- Create the necessary rows and columns.\n- Use the example below as a template.\n- Images must use this image URL: \'{{_IMAGEURL}}\'. Replace the {{IMAGEURL}} with this URL.\n- Each list item has <h3> as item title.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n    \nExample result (Use it as the template):\n    \n<div class="row">\n    <div class="column">\n        <div class="spacer height-100"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <h2 class="tracking-tight size-50 text-center">Title Here</h2>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-100"></div>\n    </div>\n</div>\n<div class="row relative sm-items-1">\n    <div class="column flex flex-col justify-center items-start py-2">\n        <h3 class="font-normal leading-none size-32">Item One</h3>\n\n        <p>At our web studio, we combine our passion for design, technology, and innovation to build stunning and functional websites that make your brand stand out in the digital world.</p>\n    </div>\n    <div class="column" style="width: 5%; flex: 0 0 auto;">\n        <div class="spacer height-60"></div>\n    </div>\n    <div class="column" style="width: 53%; flex: 0 0 auto;">\n        <img src="{{IMAGEURL}}" alt="">\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-100"></div>\n    </div>\n</div>\n<div class="row relative sm-items-1">\n    <div class="column" style="width: 53%; flex: 0 0 auto;">\n        <img src="{{IMAGEURL}}" alt="">\n    </div>\n    <div class="column" style="width: 5%; flex: 0 0 auto;">\n        <div class="spacer height-60"></div>\n    </div>\n    <div class="column flex flex-col justify-center items-start py-2" style="width: 41.9836%; flex: 0 0 auto;">\n        <h3 class="font-normal leading-none size-32">Item Two</h3>\n\n        <p>At our web studio, we combine our passion for design, technology, and innovation to build stunning and functional websites that make your brand stand out in the digital world.</p>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-100"></div>\n    </div>\n</div>\n\n- Important: for images, replace {{IMAGEURL}} with \'{{_IMAGEURL}}\'.\n\n',update_section_with_list_icons:'To add a list with icons, follow these steps:\n- Create the necessary rows and columns.\n- For 3 list items, use 3 columns in a row. For 2 or 4 list items, use 2 columns per row.\n- Use the example below as a template.\n- Each list item has <h3> as item title.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="row">\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <h1 class="text-center tracking-tight size-50 leading-none">Title Here</h1>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="text-center">\n            <i class="icon {{ICONCLASS}} size-32"></i>\n        </div>\n        <h3 class="tracking-75 text-center size-21 font-normal">Point One</h3>\n        <p class="text-center">Paragraph content here</p>\n    </div>\n    <div class="column">\n        <div class="text-center">\n            <i class="icon {{ICONCLASS}} size-32"></i>\n        </div>\n        <h3 class="tracking-75 text-center size-21 font-normal">Point Two</h3>\n        <p class="text-center">Paragraph content here</p>\n    </div>\n    <div class="column">\n        <div class="text-center">\n            <i class="icon {{ICONCLASS}} size-32"></i>\n        </div>\n        <h3 class="tracking-75 text-center size-21 font-normal">Point Three</h3>\n        <p class="text-center">Paragraph content here</p>\n    </div>\n</div>\n\n- Important: for icons, replace {{ICONCLASS}} with \'ion-checkmark\'.\n\n',update_section_with_list_numbering:['To add a list and numbering:\n- Create the required rows and column and add them inside the current \'div.is-container\'.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n- For 3 list items, use 3 columns in a row. For 2 or 4 list items, use 2 columns per row.\n\nExample:\n\n<div class="row">\n    <div class="xs-hidden column">\n        <div class="spacer height-60"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="xs-hidden column">\n        <div class="spacer height-60"></div>\n    </div>\n    <div class="column" style="width: 50%; flex: 0 0 auto;">\n        <h1 class="text-center tracking-tight size-50 leading-none">Title Here</h1>\n    </div>\n    <div class="xs-hidden column">\n        <div class="spacer height-60"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-140"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column text-center">\n        <p class="size-32 font-medium">1.</p>\n        <h3 class="tracking-75 text-center size-21 font-normal">First Highlight</h3>\n        <p class="text-center">Experience the power of innovative designs.</p>\n    </div>\n    <div class="column">\n        <p class="size-32 font-medium text-center">2.</p>\n        <h3 class="tracking-75 text-center size-21 font-normal">Second Highlight</h3>\n        <p class="text-center">Discover the magic of exceptional creativity.</p>\n    </div>\n    <div class="column">\n        <p class="text-center size-32 font-medium">3.</p>\n        <h3 class="tracking-75 text-center size-21 font-normal">Third Highlight</h3>\n        <p class="text-center">Unleash your imagination with outstanding designs.</p>\n    </div>\n</div>\n\n','To add a list and numbering:\n- Create the required rows and column and add them inside the current \'div.is-container\'.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n- For 3 list items, use 3 columns in a row. For 2 or 4 list items, use 2 columns per row.\n\nExample:\n\n<div class="row">\n    <div class="xs-hidden column">\n        <div class="spacer height-60"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <h1 class="tracking-tight size-50 text-left">Title Here</h1>\n    </div>\n    <div class="xs-hidden column">\n        <div class="spacer height-60"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-120"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <p class="size-76">01</p>\n        <div class="spacer height-20"></div>\n        <h3 class="size-24 leading-12 font-normal">First Highlight</h3>\n        <p>Experience the power of innovative designs.&nbsp;</p>\n    </div>\n    <div class="column">\n        <p class="size-76">02</p>\n        <div class="spacer height-20"></div>\n        <h3 class="size-24 leading-12 font-normal">Second Highlight</h3>\n        <p>Discover the magic of exceptional creativity.&nbsp;</p>\n    </div>\n    <div class="column">\n        <p class="size-76">03</p>\n        <div class="spacer height-20"></div>\n        <h3 class="size-24 leading-12 font-normal">Third Highlight</h3>\n        <p>Unleash your imagination with outstanding designs.&nbsp;</p>\n    </div>\n</div>\n<div class="row">\n    <div class="xs-hidden column">\n        <div class="spacer height-60"></div>\n    </div>\n</div>\n\n'],update_section_article_with_image:'To add an article: \n- Create the required rows and column and add them inside the current \'div.is-container\'.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="row">\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <h1 class="font-normal leading-none size-60">A forward thinking studio delivering digital solutions that help your business<br></h1>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n    <div class="column" style="width: 75%; flex: 0 0 auto;"><img src="{{IMAGEURL}}" alt=""></div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-60"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column" style="width: 75%; flex: 0 0 auto;">\n        <p>Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s,\n            when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\n    </div>\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-40"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n    <div class="column" style="width: 75%; flex: 0 0 auto;">\n        <h2 class="size-28 font-normal">Sub Topic 1</h2>\n        <div class="spacer height-20"></div>\n        <p>Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s,\n            when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-40"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column" style="width: 75%; flex: 0 0 auto;">\n        <h2 class="size-28 font-normal">Sub Topic 2</h2>\n        <div class="spacer height-20"></div>\n        <p>Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s,\n            when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\n    </div>\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n</div>\n\n',text_size:"- To increase or decrease text/font size, use one of these classes:\n    - size-12\n    - size-13\n    - size-14\n    - size-15\n    - size-16\n    - size-17\n    - size-18\n    - size-19\n    - size-20\n    - size-21\n    - size-24\n    - size-28\n    - size-32\n    - size-35\n    - size-38\n    - size-42\n    - size-46\n    - size-48\n    - size-50\n    - size-54\n    - size-60\n    - size-64\n    - size-68\n    - size-72\n    - size-76\n    - size-80\n    - size-84\n    - size-88\n    - size-92\n    - size-96\n    - size-100\n    - size-104\n    - size-108\n    - size-112\n    - size-116\n    - size-120\n    - size-124\n    - size-128\n    - size-132\n    - size-136\n    - size-140\n    - size-144\n    - size-148\n    - size-152\n    - size-156\n    - size-160\n    - size-164\n    - size-168\n    - size-172\n    - size-176\n    - size-180\n    - size-184\n    - size-188\n    - size-192\n    - size-196\n    - size-200\n"};class wy{constructor(e){this.builder=e}getFunctions(){return[{name:"get_intent",description:"analyze user command to modify or create section/content",parameters:{type:"object",properties:{request_not_relate_with_current_content:{type:"boolean",description:"User request doesn't relate with the current content/section"},new_section:{type:"string",description:"User requests to add a new section (normal section, section with 2 or 3 columns).Possible values: new-section, new-section-2-columns, new-section-3-columns"},redesign_layout:{type:"boolean",description:"If redesigning the layout is requested."},change_text:{type:"boolean",description:"User explicitely requests to update text of the current content"},change_style:{type:"boolean",description:"If changing element style is requested."},change_font:{type:"boolean",description:"User requests to change font of the current section."},change_section_height:{type:"number",description:"Requested height (percentage) of the section. Possible value: 10, 15, 20, 25, 30, 40, 50, 60, 70, 75, 80, 85, 90, 100"},section_background:{type:"string",description:"User request to add or remove section background that can be a background image, video or slider. Possible value: image, video, slider, remove"},add_headline:{type:"boolean",description:"If requested to add a headline."},add_paragraph:{type:"boolean",description:"If requested to add a paragraph."},add_space:{type:"boolean",description:"If requested to add a space."},add_button:{type:"boolean",description:"If requested to add a button."},add_youtube:{type:"boolean",description:"If requested to add a youtube/vimeo video."},add_video:{type:"boolean",description:"If requested to add a video."},add_audio:{type:"boolean",description:"If requested to add an audio."},add_map:{type:"boolean",description:"If requested to add a google map."},add_code:{type:"boolean",description:"If requested to add a custom code block."},add_article:{type:"boolean",description:"If requested to add an article."},add_image:{type:"string",description:"User request to add image or gallery. Possible value: image, gallery"},add_list:{type:"boolean",description:"If requested to add a list (eg. features, benefits, or list of items to explain)."},add_list_with_image:{type:"boolean",description:"If requested to add a list with an image for each list item."},add_list_with_icon:{type:"boolean",description:"If requested to add a list with an icon."},add_list_with_number:{type:"boolean",description:"If requested to add a list with numbering."},change_content_dark:{type:"boolean",description:"If requested to change text/content color to dark/black."},change_content_light:{type:"boolean",description:"If requested to change text/content color to light/white."},align_individual_text:{type:"boolean",description:"If requested to align an individual text/element, such as a headline, a paragraph, buttons, etc to left, center or right"},align_whole_content:{type:"string",description:"User requests to align the whole text/content. Possible value: left, center or right"},move_content_left:{type:"boolean",description:"Move content to the left"},move_content_center:{type:"boolean",description:"Move content to the center"},move_content_right:{type:"boolean",description:"Move content to the right"},move_content_top:{type:"boolean",description:"Move content to the top"},move_content_bottom:{type:"boolean",description:"Move content to the bottom"},content_width:{type:"string",description:"User requests to increase or decrease content/container width. Possible value: increase, decrease"},line_height_paragraph:{type:"string",description:"User requests to increase/decrease the line height of the paragraph. Possible value: increase, decrease"},line_height_individual_text:{type:"boolean",description:"User requests to increase/decrease the line height of an individual text/element (eg. headline)."},font_size_paragraph:{type:"string",description:"User requests to increase/decrease the font size of the paragraph. Possible value: increase, decrease"},font_size_individual_text:{type:"boolean",description:"User requests to increase/decrease the font size of an individual text/element (eg. headline)."},animation:{type:"string",description:"User requests to add animation. Possible value: fade-in, slide-up, zoom-in, remove"},section_task:{type:"string",description:"User requests to move, duplicate, or delet section. Possible values: move-up, move-top, move-down, move-bottom, duplicate, remove"},new_section_two_boxes:{type:"boolean",description:"User requests to add a new section  with 2 boxes."},new_section_three_boxes:{type:"boolean",description:"User requests to add a new section  with 3 boxes."},new_section_four_boxes:{type:"boolean",description:"User requests to add a new section  with 4 boxes."}},required:["image","article"]}}]}processContent(e,t){if(!t||!e)return;if(!(e.move_content_left||e.move_content_center||e.move_content_right||e.move_content_top||e.move_content_bottom))return!1;if(e.align_individual_text||e.align_whole_content)return!1;let i=!1;(e.move_content_left||e.move_content_right)&&(i=!0);let n=!1;return(e.move_content_top||e.move_content_bottom)&&(n=!0),this.builder.editor.saveForUndo(),e.move_content_top&&!i?(this.builder.editor.lib.moveContent(t,"top"),this.builder.editor.lib.moveContent(t,"center")):e.move_content_bottom&&!i?(this.builder.editor.lib.moveContent(t,"bottom"),this.builder.editor.lib.moveContent(t,"center")):e.move_content_left&&!n?(this.builder.editor.lib.moveContent(t,"middle"),this.builder.editor.lib.moveContent(t,"left")):e.move_content_right&&!n?(this.builder.editor.lib.moveContent(t,"middle"),this.builder.editor.lib.moveContent(t,"right")):e.move_content_top&&e.move_content_left?(this.builder.editor.lib.moveContent(t,"top"),this.builder.editor.lib.moveContent(t,"left")):e.move_content_top&&e.move_content_center?(this.builder.editor.lib.moveContent(t,"top"),this.builder.editor.lib.moveContent(t,"center")):e.move_content_top&&e.move_content_right?(this.builder.editor.lib.moveContent(t,"top"),this.builder.editor.lib.moveContent(t,"right")):e.move_content_bottom&&e.move_content_left?(this.builder.editor.lib.moveContent(t,"bottom"),this.builder.editor.lib.moveContent(t,"left")):e.move_content_bottom&&e.move_content_center?(this.builder.editor.lib.moveContent(t,"bottom"),this.builder.editor.lib.moveContent(t,"center")):e.move_content_bottom&&e.move_content_right?(this.builder.editor.lib.moveContent(t,"bottom"),this.builder.editor.lib.moveContent(t,"right")):(e.move_content_center,this.builder.editor.lib.moveContent(t,"center"),this.builder.editor.lib.moveContent(t,"middle")),this.builder.settings.onChange(),!0}addElementContext(e,t){if(t.add_headline){e=e+"\n"+'- To add a headline:\n(1) Add a new row and columns separately from the other rows.\n(2) Add a space between the headline and the other content.\n(3) Use the example below as a template. \n\nExample:\n\n<div class="row">\n    <div class="column">\n        <h1 class="font-normal leading-11 size-64">Headline Text Here</h1>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-60"></div>\n    </div>\n</div>\n'}if(t.add_space){e=e+"\n"+"- To add a space, you must add 'div.spacer' element inside a column:\n\n<div class=\"spacer height-60\"></div\n\nIf requested to increase or decrease space, use one of these classes:\n    - height-40\n    - height-60\n    - height-80\n    - height-100\n    - height-120\n    - height-140\n    - height-160\n    - height-180\n    - height-200\n\n"}if(t.add_button){e=e+"\n"+'- To add a buttons, follow these steps:\n(1) Create the necessary rows and columns.\n(2) Use the example below as a template.\n\nButton Example:\n\n<div class="row">\n    <div class="column">\n        <div>\n            <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-18 px-9 text-black leading-relaxed rounded-full border-transparent hover:border-transparent font-normal tracking-wide" title="" style="background-color: rgb(240, 240, 240);">Our Works</a>\n            <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-18 px-9 border-current hover:border-current font-normal leading-relaxed rounded-full tracking-wide" title="">Get in Touch</a>\n        </div>\n    </div>\n</div>\n'}if(t.add_youtube){let t=this.builder.media.youtube_videos;e=e+"\n"+`- To embed a YouTube or Vimeo video, wrap the <iframe> element in a <div> element with the classes 'embed-responsive' and 'embed-responsive-16by9' and add add it inside a column (Youtube and Vimeo links are case sensitive):\n<div class="embed-responsive embed-responsive-16by9">\n<iframe width="560" height="315" src="${this.chooseMedia(t)}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>\n</div>\n`}if(t.add_video){let t=this.builder.media.videos;e=e+"\n"+`- To embed a video (MP4), use the <video> element, specify the source using the <source> element and add it inside a column:\n<video style="width: 100%;" loop="" autoplay="">\n<source src="${this.chooseMedia(t)}" type="video/mp4">\n</video>\n`}if(t.add_audio){let t=this.builder.media.audios;e=e+"\n"+`- To embed an audio (MP3), wrap the <audio> element in a <div> with the default style and class as shown below and add it inside a column:\n<div style="width: 100%; position: relative; margin: 15px 0px; background: transparent;" class="flex">\n<audio controls="" style="width:100%">\n<source src="${this.chooseMedia(t)}" type="audio/mpeg">Your browser does not support the audio element.\n</audio>\n</div>\n`}if(t.add_map){e=e+"\n"+'- To embed a google map, wrap the <iframe> element in a <div> element with the classes \'embed-responsive\' and \'embed-responsive-16by9\' and add add it inside a column:\n<div class="embed-responsive embed-responsive-16by9">\n<iframe width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" class="mg1" src="https://maps.google.com/maps?q=Melbourne,+Victoria,+Australia&amp;hl=en&amp;sll=-7.981898,112.626504&amp;sspn=0.009084,0.016512&amp;oq=melbourne&amp;hnear=Melbourne+Victoria,+Australia&amp;t=m&amp;z=10&amp;output=embed"></iframe>\n</div>\n'}if(t.add_code){e=e+"\n"+"- To add a custom code, add a row and column with attributes 'data-noedit' and 'data-html', and place the custom code between \x3c!--CODESTART--\x3e and \x3c!--CODEEND--\x3e inside the column:\n<div class=\"row\">\n<div class=\"column\" data-noedit data-html>\n\x3c!--CODESTART--\x3e\nCustom Code here\n\x3c!--CODEEND--\x3e\n</div>\n</div>\n\n- Note that the column must be placed inside a row within 'div.is-container' element.\n\n"}if("image"===t.add_image&&!e.includes("{{IMAGEURL}}")){let t='- To add an image, follow these steps:\n(1) Create the necessary rows and column, or use the current column.\n(2) Add <img> element inside the column.\n(3) Use the example below as a template.\n(4) Images must use this image URL: \'{{_IMAGEURL}}\'. Replace the {{IMAGEURL}} with this URL.\n\nImage Example:\n\n<div class="row">\n    <div class="column">\n        <img src="{{IMAGEURL}}" alt="">\n    </div>\n</div>\n                \n- Important: for image, replace {{IMAGEURL}} with \'{{_IMAGEURL}}\'.\n\n';const i=this.builder.media.images.square,n=this.chooseMedia(i);t=t.replaceAll("{{_IMAGEURL}}",n),e=e+"\n"+t}if(t.change_section_height){e=e+"\n"+"- To specify section height, use one of these classes on 'div.is-section' element:\n    - is-section-10\n    - is-section-15\n    - is-section-20\n    - is-section-25\n    - is-section-30\n    - is-section-40\n    - is-section-50\n    - is-section-60\n    - is-section-70\n    - is-section-75\n    - is-section-80\n    - is-section-85\n    - is-section-90\n    - is-section-100 (section height 100%)\n    - is-section-auto (Autofit content)\n\n"}if(t.content_width){e=e+"\n"+"- To increase or decrease content/container width, use one of these classes on 'div.is-container' element:\n\n    - is-content-600\n    - is-content-700\n    - is-content-800\n    - is-content-900\n    - is-content-1000\n    - is-content-1100\n    - is-content-1200\n    - is-content-1300\n    - is-content-1400\n    - is-content-1500\n    - is-content-1600\n    - is-content-1800\n    - is-content-none (unset/full width)\n\n"}if(t.section_background&&"image"===t.section_background){e=e+"\n"+"- Background image must be added in 'div.is-overlay-bg' element inside 'div.is-overlay' element.\n\nExample:\n\n<div class=\"is-overlay\">\n    <div class=\"is-overlay-bg\" style=\"background-image: url('path/to/image.jpg'); background-position: 50% 60%;\"></div>\n</div>\n           \n"}if(t.section_background&&"slider"===t.section_background){e=e+"\n"+"- Background slider must be added in 'div.is-overlay-content' element inside 'div.is-overlay' element.\n\nExample:\n\n<div class=\"is-overlay\">\n    <div class=\"is-overlay-content\"></div>\n</div>\n\n"}if(t.section_background&&"video"===t.section_background){e=e+"\n"+"- Background video must be added in 'div.is-overlay-content' element inside 'div.is-overlay' element.\n\nExample:\n\n<div class=\"is-overlay\">\n    <div class=\"is-overlay-content\"></div>\n</div>\n\n"}if(t.align_individual_text){e=e+"\n"+"- To align a certain text (eg. align the headline, align the paragraph, etc), use 'text-left', text-center' or 'texr-right' class on the headline or paragraph as requested.\n\n"}if(t.align_whole_content&&!t.align_individual_text){e=e+"\n"+"- To align the whole content, follow these steps:\n    (1) use 'is-align-left', 'is-align-center' or 'is-align-right' on the 'div.is-container' element.\n    (2) Remove these classes: 'text-left', text-center' or 'texr-right' on every elements.\n\n"}if(t.line_height_paragraph){e=e+"\n"+"- To increase or decrease the line height of paragraphs, use one of these classes on the 'div.is-container' element:\n\n    - leading-none\n    - leading-11\n    - leading-12\n    - leading-13\n    - leading-14\n    - leading-15\n    - leading-16\n    - leading-17\n    - leading-18\n    - leading-19\n    - leading-20\n\nDo not apply this on any other element except the 'div.is-container' element.\n\n"}if(t.line_height_individual_text&&!t.line_height_paragraph){e=e+"\n"+"- To increase or decrease the line height of an individual text/element, apply this class on the requested element:\n    \n    - leading-08\n    - leading-09\n    - leading-none\n    - leading-11\n    - leading-12\n    - leading-13\n    - leading-14\n    - leading-15\n    - leading-16\n    - leading-17\n    - leading-18\n    - leading-19\n    - leading-20\n\nImportant: Do not change the 'div.is-container' element!\n\n"}if(t.font_size_paragraph){e=e+"\n"+"- To increase or decrease the font size of the paragraphs, use one of these classes on the 'div.is-container' element:\n    \n    - size-16\n    - size-17\n    - size-18\n    - size-19\n    - size-20\n    - size-21\n\nDo not apply this on any other element except the 'div.is-container' element.\n\n"}if(t.font_size_individual_text&&!t.font_size_paragraph){e=e+"\n"+"- To increase or decrease the font size of an individual text/element, apply this class on the requested element:\n    \n    - size-12\n    - size-13\n    - size-14\n    - size-15\n    - size-16\n    - size-17\n    - size-18\n    - size-19\n    - size-20\n    - size-21\n    - size-24\n    - size-28\n    - size-32\n    - size-35\n    - size-38\n    - size-42\n    - size-46\n    - size-48\n    - size-50\n    - size-54\n    - size-60\n    - size-64\n    - size-68\n    - size-72\n    - size-76\n    - size-80\n    - size-84\n    - size-88\n    - size-92\n    - size-96\n    - size-100\n    - size-104\n    - size-108\n    - size-112\n    - size-116\n    - size-120\n    - size-124\n    - size-128\n    - size-132\n    - size-136\n    - size-140\n    - size-144\n    - size-148\n    - size-152\n    - size-156\n    - size-160\n\nImportant: Do not change the 'div.is-container' element!\n\n"}return e}chooseMedia(e){let t;if(this.builder.currentMedia)do{t=Math.floor(Math.random()*e.length)}while(e[t]===this.builder.currentMedia);else t=Math.floor(Math.random()*e.length);let i=e[t];return this.builder.currentMedia=i,i}getTypographyClass(e){const t=(new DOMParser).parseFromString(e,"text/html").querySelector("div.is-box").getAttribute("class").match(/type-(\S+)/);return t?t[0]:""}getCurrentStyle(){let e="type-poppins",t="size-54",i="font-normal",n="leading-none",o="",s="is-content-1000",a="size-19",l="leading-13";if(this.builder.activeBox){e=Array.from(this.builder.activeBox.classList).find((e=>e.includes("type-")))||"";const r=this.builder.activeBox.querySelector("h1,h2");r&&r.classList.forEach((e=>{e.includes("size-")&&(t=e),e.includes("leading-")&&(n=e),e.includes("font-")&&(i=e),"uppercase"===e&&(o="uppercase")}));let d=this.builder.activeBox.querySelector(".is-container");d&&d.classList.forEach((e=>{!e.includes("is-content-")||e.includes("is-content-left")||e.includes("is-content-right")||(s=e),e.includes("size-")&&(a=e),e.includes("leading-")&&(l=e)}))}return{typeClass:e,containerClass:`is-container v2 content-py-50 ${a} ${l} ${s}`,titleClass:`${""!==o?o+" ":""}${t} ${i?i+" ":""}${n}`}}getSameStyleContext(){const e=this.getCurrentStyle();let t,i;return t=`To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with '${e.titleClass}'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 ${e.typeClass} box-autofit min-height-70">\n<div class="is-overlay">\n</div>\n<div class="${e.containerClass}">\n    <div class="row">\n        <div class="column">\n            {{CONTENT}}\n        </div>\n    </div>\n    <div class="row">\n        <div class="column">\n            <div class="spacer height-60"></div>\n        </div>\n    </div>\n    <div class="row">\n        <div class="column">\n            <div class="spacer height-60"></div>\n        </div>\n        <div class="column">\n            {{CONTENT}}\n        </div>\n        <div class="column">\n            {{CONTENT}}\n        </div>\n    </div>\n</div>\n</div>`,i=`To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with '${e.titleClass}'.\n\nThis is the template:\n<div class="is-box ${e.typeClass} box-auto min-height-60">\n    <div class="is-overlay">\n    </div>\n    <div class="${e.containerClass}">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>`,{sectionContext:t,boxContext:i}}getPreviousSectionStyle(){let e="type-poppins",t="size-54",i="font-normal",n="leading-none",o="",s="is-content-1000",a="size-19",l="leading-13";if(this.builder.savedSection){e=Array.from(this.builder.savedSection.classList).find((e=>e.includes("type-")))||"",""===e&&this.builder.activeSection&&(e=Array.from(this.builder.activeSection.classList).find((e=>e.includes("type-")))||"");const r=this.builder.savedSection.querySelector("h1,h2");r&&r.classList.forEach((e=>{e.includes("size-")&&(t=e),e.includes("leading-")&&(n=e),e.includes("font-")&&(i=e),"uppercase"===e&&(o="uppercase")}));let d=this.builder.savedSection.querySelector(".is-container");d&&d.classList.forEach((e=>{!e.includes("is-content-")||e.includes("is-content-left")||e.includes("is-content-right")||(s=e),e.includes("size-")&&(a=e),e.includes("leading-")&&(l=e)}))}return{typeClass:e,containerClass:`is-container v2 content-py-50 ${a} ${l} ${s}`,titleClass:`${""!==o?o+" ":""}${t} ${i?i+" ":""}${n}`}}getPreviousSectionStyleContext(){const e=this.getPreviousSectionStyle();let t,i;return t=`To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with '${e.titleClass}'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 ${e.typeClass} box-autofit min-height-70">\n<div class="is-overlay">\n</div>\n<div class="${e.containerClass}">\n    <div class="row">\n        <div class="column">\n            {{CONTENT}}\n        </div>\n    </div>\n    <div class="row">\n        <div class="column">\n            <div class="spacer height-60"></div>\n        </div>\n    </div>\n    <div class="row">\n        <div class="column">\n            <div class="spacer height-60"></div>\n        </div>\n        <div class="column">\n            {{CONTENT}}\n        </div>\n        <div class="column">\n            {{CONTENT}}\n        </div>\n    </div>\n</div>\n</div>`,i=`To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with '${e.titleClass}'.\n\nThis is the template:\n<div class="is-box ${e.typeClass} box-auto min-height-60">\n    <div class="is-overlay">\n    </div>\n    <div class="${e.containerClass}">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>`,{sectionContext:t,boxContext:i}}adjustFromSlider(e){if(e&&e.querySelector(".glide")){const t=e.querySelector(".is-container");t&&t.classList.contains("edge-x-3")&&(t.classList.remove("edge-x-3"),t.classList.add("edge-x-2"))}}adjustToSlider(e){if(!e)return;const t=e.querySelector(".is-container");t&&t.classList.contains("edge-x-2")&&(t.classList.remove("edge-x-2"),t.classList.add("edge-x-3"))}}class Sy{constructor(e){this.builder=e,this.lib=new wy(e);const t=this.builder.builderStuff;this.builderStuff=t;let n=`\n        <div class="is-modal ai-disclaimer" style="z-index:10005" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">\n            <div class="is-modal-content" style="max-width:450px;padding:55px 40px 35px;font-size:16px;line-height:1.4;letter-spacing: 1px;">\n                <div class="is-modal-bar is-draggable">\n                    ${i("AI-Powered Features")}\n                    <button class="is-modal-close" tabindex="-1" title="${i("Close")}">&#10005;</button>\n                </div>\n                ${i("AI-Disclaimer",this.builder.disclaimerAI)}\n                <div style="text-align:right;margin-top:20px;">\n                    <button title="${i("Ok")}" class="input-ok classic-primary" style="width:100%;text-transform: uppercase;\n                    font-size: 14px;">${i("Ok")}</button>\n                </div>\n            </div>\n        </div>\n        <div class="is-modal ai-config" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">\n            <div class="is-modal-content" style="max-width:380px;padding:55px 40px 35px;">\n                <div class="is-modal-bar is-draggable">\n                    ${i("Settings")}\n                    <button class="is-modal-close" tabindex="-1" title="${i("Close")}">&#10005;</button>\n                </div>\n              \n                <div class="is-label"><span>${i("Temperature")}</span>: <span class="val-temp">0.6</span></div>\n                <div style="padding-top:4px">\n                    <input type="range" min="0" max="2" step="0.01" value="0.6" class="temperature-slider is-rangeslider" style="margin:0 !important;">\n                </div>\n                \n                <div class="is-label" style="margin-top:15px"><span>${i("Top P")}</span>: <span class="val-top-p">0.9</span></div>\n                <div style="padding-top:4px">\n                    <input type="range" min="0" max="1" step="0.01" value="0.9" class="top-p-slider is-rangeslider" style="margin:0 !important;">\n                </div>\n\n                <div style="text-align:right">\n                    <button title="${i("Reset")}" class="input-reset classic-secondary" style="text-decoration: underline;padding: 0;box-shadow: none;">${i("Reset")}</button>\n                </div>\n\n                <label for="inpContextNum" style="display: block;margin-bottom:3px">${i("Redesign Style")}:</label>\n                <select id="inpContextNum" style="width: 100%;">\n                    <option value="random">${i("Random")}</option>\n                    <option value="">${i("None (Same Style)")}</option>\n                    <option value="0">01: Poppins</option>\n                    <option value="1">02: Poppins & Lekton, Extra Bold</option>\n                    <option value="2">03: Poppins & Lekton</option>\n                    <option value="3">04: Raleway & Lato</option>\n                    <option value="4">05: Alegreya & Lato </option>\n                    <option value="5">06: Montserrat & Roboto</option>\n                    <option value="6">07: Poppins</option>\n                    <option value="7">08: Frank Ruhl Libre & Lato</option>\n                    <option value="8">09: Alegreya Sans SC & Hind</option>\n                    <option value="9">10: Oranienbaum & Source Sans Pro</option>\n                    <option value="10">11: Anonymous Pro & Catamaran</option>\n                </select>\n\n                <div style="text-align:right;margin-top:25px;">\n                    <button title="${i("Ok")}" class="input-ok classic-primary" style="width:100%;">${i("Ok")}</button>\n                </div>\n            </div>\n        </div>\n\n        <div class="is-pop ai-more arrow-top right" style="z-index:10006;" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">\n            <div style="display:flex;flex-flow:wrap;flex-direction: column;margin:5px;">\n\n                <div style="width:100%;">\n                    <button type="button" title="${i("Save Section Style")}" class="cmd-save-section-style" style="background:transparent;width:100%;justify-content:flex-start;padding: 0 12px;box-shadow: none;">\n                        ${i("Save Section Style")}\n                    </button>\n                    <button type="button" title="${i("Redesign with Saved Style")}" class="cmd-redesign-with-section-style" style="background:transparent;width:100%;justify-content:flex-start;padding: 0 12px;box-shadow: none;">\n                        ${i("Redesign with Saved Style")}\n                    </button>\n                    <button type="button" title="${i("Settings")}" class="cmd-ai-settings" style="background:transparent;width:100%;justify-content:flex-start;padding: 0 12px;box-shadow: none;">\n                        ${i("Settings")}\n                    </button>\n                </div>\n\n            </div>\n        </div>\n        `;t.insertAdjacentHTML("beforeend",n),this.modalDisclaimer=t.querySelector(".ai-disclaimer"),this.modalConfig=t.querySelector(".ai-config"),this.popAIMore=t.querySelector(".ai-more");this.popAIMore.querySelector(".cmd-save-section-style").addEventListener("click",(()=>{this.builder.savedSection=this.builder.activeSection,this.builder.editor.util.hidePop(this.popAIMore)}));this.popAIMore.querySelector(".cmd-redesign-with-section-style").addEventListener("click",(()=>{this.redesign(!0),this.builder.editor.util.hidePop(this.popAIMore)}));this.popAIMore.querySelector(".cmd-ai-settings").addEventListener("click",(()=>{this.config(),this.builder.editor.util.hidePop(this.popAIMore)}));this.modalDisclaimer.querySelector(".input-ok").addEventListener("click",(()=>{this.builder.editor.util.hideModal(this.modalDisclaimer),this.dictation.openDictation()}));this.modalConfig.querySelector(".input-ok").addEventListener("click",(()=>{const e=this.modalConfig.querySelector(".temperature-slider");localStorage.setItem("_temp",e.value);const t=this.modalConfig.querySelector(".top-p-slider");localStorage.setItem("_top_p",t.value);const i=this.modalConfig.querySelector("#inpContextNum");localStorage.setItem("_context_num",i.value),this.builder.hideModal(this.modalConfig)}));this.modalConfig.querySelector(".input-reset").addEventListener("click",(()=>{this.resetConfig()}));const o=this.modalConfig.querySelector(".val-temp"),s=this.modalConfig.querySelector(".temperature-slider");s.oninput=()=>{o.innerHTML=s.value};const a=this.modalConfig.querySelector(".val-top-p"),l=this.modalConfig.querySelector(".top-p-slider");l.oninput=()=>{a.innerHTML=l.value};let r=_y;this.builder.contextList&&(r=this.builder.contextList),this.dictation=this.builder.editor.dictation,this.dictation.opts.send=async e=>{let t=this.builder.activeBox,n=this.builder.activeSection,o=!1;if(n&&n.classList.contains("is-box")&&(o=!0),t||(this.builder.selectSection(),t=this.builder.activeBox,n=this.builder.activeSection,n&&n.classList.contains("is-box")&&(o=!0)),this.builder.enableShortCommands){if(!(e=this.builder.editor.lib.processShortCommand(e)))return;const t=this.builder.editor.similarity.check(e);if(!(e=this.processPrompt(t,e)))return}""!==this.builder.sendCommandUrl&&this.sendCommand("analyze",`This is the command: "${e}"`,"","You will analyze the user's command and return what the user needs.",this.lib.getFunctions(),(n=>{const s=JSON.parse(n);this.builder.consoleLog&&console.log(s);const a=Object.keys(s).length;if(t&&1===a){if(this.lib.processContent(s,t))return void this.dictation.finish();if(s.change_content_light)return this.builder.editor.saveForUndo(),this.builder.editor.lib.updateContentColor(t,"light"),this.builder.settings.onChange(),this.dictation.finish(),!1;if(s.change_content_dark)return this.builder.editor.saveForUndo(),this.builder.editor.lib.updateContentColor(t,"dark"),this.builder.settings.onChange(),this.dictation.finish(),!1;if(s.section_background&&"image"===s.section_background){this.builder.editor.saveForUndo(),this.lib.adjustFromSlider(t),this.builder.editbox.removeCode();let e,i=this.builder.editor.lib.getCurrentBackground(t);return e=""!==i?this.chooseBgImage(t,i):this.chooseBgImage(t),this.builder.editor.lib.updateBackgroundImage(t,e),this.builder.settings.onChange(),this.dictation.finish(),!1}if(s.section_background&&"slider"===s.section_background)return this.builder.editor.saveForUndo(),this.builder.editbox.addCode(t,"slider"),this.lib.adjustToSlider(t),this.builder.settings.onChange(),this.dictation.finish(),!1;if(s.section_background&&"video"===s.section_background)return this.builder.editor.saveForUndo(),this.lib.adjustFromSlider(t),this.builder.editbox.addCode(t,"video"),this.builder.settings.onChange(),this.dictation.finish(),!1;if(s.section_background&&"remove"===s.section_background)return this.builder.editor.saveForUndo(),this.lib.adjustFromSlider(t),this.builder.editor.lib.clearBackgroundImage(t),this.builder.editbox.removeCode(),this.builder.settings.onChange(),this.dictation.finish(),!1;if(s.change_font){this.builder.editor.saveForUndo();let e=this.builder.settings.contentStyles.data.styles;const t=e[Math.floor(Math.random()*e.length)];let i=t.classname,n=t.sectioncss,o=t.css;return this.builder.sidebar.boxTypography(i,n,o),this.builder.settings.onChange(),this.dictation.finish(),!1}if(s.change_section_height){let e=parseInt(s.change_section_height);if(!isNaN(e)){if([10,15,20,25,30,40,50,60,70,75,80,85,90,100].includes(e))return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(t,e),this.builder.settings.onChange(),void this.dictation.finish()}}if(s.align_whole_content){const e=s.align_whole_content;if("left"===e||"center"===e||"right"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.alignContent(t,e),this.builder.settings.onChange(),this.dictation.finish(),!1}if(s.content_width){const e=s.content_width;if("increase"===e||"decrease"===e)return this.builder.editor.saveForUndo(),"increase"===e?this.builder.editor.lib.updateContentSize(t,"+"):this.builder.editor.lib.updateContentSize(t,"-"),this.builder.settings.onChange(),this.dictation.finish(),!1}const e=t.querySelector(".is-container");if(s.font_size_paragraph&&e){const t=s.font_size_paragraph;if("increase"===t||"decrease"===t)return this.builder.editor.saveForUndo(),"increase"===t?this.builder.editor.lib.increaseFontSize(e,!0):this.builder.editor.lib.decreaseFontSize(e,!0),this.builder.settings.onChange(),this.dictation.finish(),!1}if(s.line_height_paragraph&&e){const t=s.line_height_paragraph;if("increase"===t||"decrease"===t)return this.builder.editor.saveForUndo(),"increase"===t?this.builder.editor.lib.increaseLineHeight(e,!0):this.builder.editor.lib.decreaseLineHeight(e,!0),this.builder.settings.onChange(),this.dictation.finish(),!1}if(s.animation){const e=s.animation;if("fade-in"===e||"slide-up"===e||"zoom-in"===e||"remove"===e)return this.builder.editor.saveForUndo(),"fade-in"===e&&this.builder.animateScroll.applyPresetBasic("is-fadeInUp",100),"slide-up"===e&&this.builder.animateScroll.applyPresetBasic("is-slideInUp",100),"zoom-in"===e&&this.builder.animateScroll.applyPresetBasic("is-zoomIn",300),"remove"===e&&this.builder.animateScroll.clearAllAnim(),this.builder.settings.onChange(),this.dictation.finish(),!1}if(s.section_task){const e=s.section_task;if("move-up"===e||"move-top"===e||"move-down"===e||"move-bottom"===e||"duplicate"===e||"remove"===e){if(this.builder.editor.saveForUndo(),"move-up"===e&&this.builder.editsection.sectionUp(),"move-top"===e&&this.builder.editsection.sectionTop(),"move-down"===e&&this.builder.editsection.sectionDown(),"move-bottom"===e&&this.builder.editsection.sectionBottom(),"duplicate"===e&&(this.builder.editsection.sectionDuplicate(),setTimeout((()=>{this.builder.refreshAnim()}),600)),"remove"===e){const e=this.builder.activeSection;e.parentNode.removeChild(e)}return this.builder.sectionStack(),this.builder.settings.onChange(),this.dictation.finish(),!1}}}if(!(s.new_section||s.new_section_two_boxes||s.new_section_three_boxes||s.new_section_four_boxes||t||(this.builder.selectSection(),t=this.builder.activeBox,t)))return this.builder.showMessage(i("Please select a box.")),void this.dictation.finish();let l="";if(s.request_not_relate_with_current_content)s.new_section="new-section",l=r.new_section_others,e=`Add a new section containing your response on this user request: ${e}`;else if(s.new_section||s.new_section_two_boxes||s.new_section_three_boxes||s.new_section_four_boxes){if("new-section"===s.new_section||"new-section-2-columns"===s.new_section||"new-section-3-columns"===s.new_section||"new-section-3-columns"===s.new_section||"new-section-4-columns"===s.new_section){l=s.section_background&&"image"===s.section_background?this.chooseContext(r.new_section):(s.add_headline||s.add_paragraph)&&"image"===s.add_image?r.new_section_with_image:"gallery"===s.add_image?r.new_section_with_gallery:s.add_list_with_image?r.new_section_with_list_images:s.add_list_with_icon?r.new_section_with_list_icons:s.add_list_with_number?this.chooseContext(r.new_section_with_list_numbering):s.add_list&&!s.add_article?r.new_section_with_list:s.add_article&&"image"===s.add_image?this.chooseContext(r.new_section_article_with_image):s.add_article?this.chooseContext(r.new_section_article):r.new_section_others,s.others&&(l=r.new_section_others,e=`Add a new section containing your response on this user request: ${e}`);const t=this.builder.media.images.square,i=this.lib.chooseMedia(t);l=l.replaceAll("{{_IMAGEURL}}",i)}else if(s.new_section_two_boxes||s.new_section_three_boxes||s.new_section_four_boxes){s.new_section_two_boxes?l=r.new_section_two_boxes:s.new_section_three_boxes?l=r.new_section_three_boxes:s.new_section_four_boxes&&(l=r.new_section_four_boxes),(s.add_headline||s.add_paragraph)&&"image"===s.add_image?l+="\n\n"+r.update_section_with_image:"gallery"===s.add_image?l+="\n\n"+r.update_section_with_gallery:s.add_list_with_image?l+="\n\n"+r.update_section_with_list_images:s.add_list_with_icon?l+="\n\n"+r.update_section_with_list_icons:s.add_list_with_number?l+="\n\n"+this.chooseContext(r.update_section_with_list_numbering):s.add_list?l+="\n\n"+r.update_section_with_list:(s.add_article&&"image"===s.add_image||s.add_article)&&(l+="\n\n"+r.update_section_article_with_image);const e=this.builder.media.images.square,t=this.lib.chooseMedia(e);l=l.replaceAll("{{_IMAGEURL}}",t)}}else{if(!this.checkSelectedContent(t))return void this.dictation.finish(!0);let i=this.builder.editor.lib.getHtml(t);const n=this.parseContent(i);this.builder.overlayContentHtml=n.overlayContent,this.builder.overlayBgHtml=n.overlayBg,this.builder.textColorClass=n.textColorClass,this.builder.overlayBgColor=n.overlayBgColor,i=n.html;let a="";if(s.redesign_layout){let e;a="Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template.\n",e=null!==localStorage.getItem("_context_num")?localStorage.getItem("_context_num"):"random",l=""===e?"":"random"===e?o?this.chooseContext(r.redesign_layout):this.chooseContext(r.change_layout_of_box):o?this.chooseContext(r.redesign_layout,e):this.chooseContext(r.change_layout_of_box,e)}e=`${e}. Modify the section according to this instruction and returns the complete modified section HTML.\n${a}\n\nThis is my current section:\n            \n${i}\n`,s.change_text||((s.add_headline||s.add_paragraph)&&"image"===s.add_image?l+="\n"+r.update_section_with_image:"gallery"===s.add_image?l+="\n"+r.update_section_with_gallery:s.add_list_with_image?l+="\n"+r.update_section_with_list_images:s.add_list_with_icon?l+="\n"+r.update_section_with_list_icons:s.add_list_with_number?l+="\n"+this.chooseContext(r.update_section_with_list_numbering):s.add_list?l+="\n"+r.update_section_with_list:(s.add_article&&"image"===s.add_image||s.add_article)&&(l+="\n"+r.update_section_article_with_image));const d=this.builder.media.images.square,c=this.lib.chooseMedia(d);l=l.replaceAll("{{_IMAGEURL}}",c)}l=this.lib.addElementContext(l,s);this.builder.consoleLog&&(console.log(e),console.log(l)),this.sendCommand("html",e,l,"You will be provided with HTML code to modify, and your task is to return only the modified HTML code, excluding any introductions or explanations\n    ",[],(e=>{if(this.builder.consoleLog&&console.log(e),!(e=this.fixHtml(e)))return this.dictation.finish(!0),!1;if(s.new_section||s.new_section_two_boxes||s.new_section_three_boxes||s.new_section_four_boxes)e=this.fixButtons(e),e=this.fixBgImage(e),s.section_background&&"image"===s.section_background&&(e=this.setBgImage(e,!0)),s.section_background&&"slider"===s.section_background&&(e=this.setBgSlider(e)),s.section_background&&"video"===s.section_background&&(e=this.setBgVideo(e)),this.renderResult_NewSection(e);else{e=this.fixButtons(e),e=this.fixCustomCode(e),e=this.analyzeTitle(e,l);let t=this.mergeContent(e,this.builder.overlayContentHtml,this.builder.overlayBgHtml,this.builder.textColorClass,this.builder.overlayBgColor,s);if(!t)return this.builder.consoleLog&&console.log(e),console.log("Unable to proceed. Error: mergeContent."),void this.dictation.finish(!0);e=t,s.section_background&&"image"===s.section_background&&(e=this.setBgImage(e)),s.section_background&&"slider"===s.section_background&&(e=this.setBgSlider(e)),s.section_background&&"video"===s.section_background&&(e=this.setBgVideo(e)),this.renderResult(e)}this.dictation.finish()}))}))},this.dictation.opts.abort=()=>{this.controller.abort(),this.dictation.finish(!0)}}resetConfig(){const e=this.modalConfig.querySelector(".temperature-slider"),t=this.modalConfig.querySelector(".val-temp");e.value=this.builder.temperature,t.innerHTML=this.builder.temperature;const i=this.modalConfig.querySelector(".top-p-slider"),n=this.modalConfig.querySelector(".val-top-p");i.value=this.builder.topP,n.innerHTML=this.builder.topP}config(){this.builder.showModal(this.modalConfig,!1);const e=this.modalConfig.querySelector(".temperature-slider"),t=this.modalConfig.querySelector(".val-temp");if(null!==localStorage.getItem("_temp")){let i=localStorage.getItem("_temp");e.value=i,t.innerHTML=i}else e.value=this.builder.temperature,t.innerHTML=this.builder.temperature;const i=this.modalConfig.querySelector(".top-p-slider"),n=this.modalConfig.querySelector(".val-top-p");if(null!==localStorage.getItem("_top_p")){let e=localStorage.getItem("_top_p");i.value=e,n.innerHTML=e}else i.value=this.builder.topP,n.innerHTML=this.builder.topP;const o=this.modalConfig.querySelector("#inpContextNum");if(null!==localStorage.getItem("_context_num")){let e=localStorage.getItem("_context_num");o.value=e}else o.value="random"}rewrite(){const e=this.builder.activeBox;if(!e)return;if(!this.checkSelectedContent(e))return;let t=this.builder.editor.lib.getHtml(e);const i=this.parseContent(t);this.builder.overlayContentHtml=i.overlayContent,this.builder.overlayBgHtml=i.overlayBg,this.builder.textColorClass=i.textColorClass,this.builder.overlayBgColor=i.overlayBgColor,t=i.html;let n="";t.toLowerCase().includes("lorem ipsum")&&(n=" Change all dummy text, including the 'lorem ipsum'. Update it with your ideas according to the topic.");let o=`Revise the headline, paragraph, and all the text using alternative ideas. ${n}`;o=`${o}. Modify the section according to this instruction and returns the complete modified section HTML.\n\n        This is my current section:\n\n        ${t}\n        `;this.sendCommand("html",o,"","You will be provided with HTML code to modify, and your task is to return only the modified HTML code, excluding any introductions or explanations",[],(e=>{if(this.builder.consoleLog&&console.log(e),!(e=this.fixHtml(e)))return this.dictation.finish(!0),!1;let t=this.mergeContent(e,this.builder.overlayContentHtml,this.builder.overlayBgHtml,this.builder.textColorClass,this.builder.overlayBgColor,!1);if(!t)return this.builder.consoleLog&&console.log(e),console.log("Unable to proceed. Error: mergeContent."),void this.dictation.finish(!0);this.renderResult(t),this.dictation.finish()}))}redesign(e){const t=this.builder.activeBox;t&&this.checkSelectedContent(t)&&this._redesign(e)}_redesign(e){const t=this.builder.activeBox;if(!t)return;const i=this.builder.activeSection;let n=!1;i&&i.classList.contains("is-box")&&(n=!0);let o=this.builder.editor.lib.getHtml(t);const s=this.parseContent(o);this.builder.overlayContentHtml=s.overlayContent,this.builder.overlayBgHtml=s.overlayBg,this.builder.textColorClass=s.textColorClass,this.builder.overlayBgColor=s.overlayBgColor,o=s.html;let a="Let's redesign the layout. Surprise me with a new idea!";a=`Change the position of all columns in my section based on the layout template. ${a}:\n\nThis is my section:\n\n${o}`;let l,r,d=_y;if(this.builder.contextList&&(d=this.builder.contextList),r=null!==localStorage.getItem("_context_num")?localStorage.getItem("_context_num"):"random",l=""===r?"":"random"===r?n?this.chooseContext(d.redesign_layout):this.chooseContext(d.change_layout_of_box):n?this.chooseContext(d.redesign_layout,r):this.chooseContext(d.change_layout_of_box,r),e){let e=this.lib.getPreviousSectionStyleContext();l=n?e.sectionContext:e.boxContext}this.builder.consoleLog&&console.log(l);let c="";const u=l.match(/type-(\w+(?:-\w+)?)/);u&&u.length>1&&(c="type-"+u[1]);this.sendCommand("html",a,l,"You will be provided with HTML code to modify, and your task is to return only the modified HTML code, excluding any introductions or explanations",[],(e=>{if(this.builder.consoleLog&&console.log(e),!(e=this.fixHtml(e)))return this.dictation.finish(!0),!1;e=this.fixButtons(e),e=this.fixCustomCode(e),e=this.analyzeTitle(e,l);let t=this.mergeContent(e,this.builder.overlayContentHtml,this.builder.overlayBgHtml,this.builder.textColorClass,this.builder.overlayBgColor,!1);if(!t)return this.builder.consoleLog&&console.log(e),console.log("Unable to proceed. Error: mergeContent."),void this.dictation.finish(!0);this.renderResult(t,c),this.dictation.finish()}))}analyzeTitle(e,t){let i=["font-thin","font-extralight","font-light","font-normal","font-medium","font-semibold","font-bold","font-extrabold","font-black"],n="";for(const e of i)if(t.includes(e)){n=e;break}let o=(new DOMParser).parseFromString(e,"text/html");const s=o.querySelector("h1, h2");if(s&&n){for(const e of i)s.classList.remove(e);return s.classList.add(n),o.body.innerHTML}return e}openDictation(){if(this.builder.showDisclaimer)if(null===localStorage.getItem("_disclaimershown")){this.builder.editor.util.showModal(this.modalDisclaimer,!0,(()=>{this.dictation.openDictation()}),!0);this.modalDisclaimer.querySelector(".input-ok").focus(),setTimeout((()=>{this.modalDisclaimer.querySelector(".input-ok").focus()}),600),localStorage.setItem("_disclaimershown",!0)}else this.dictation.openDictation();else this.dictation.openDictation()}processPrompt(e,t){const i=this.builder.activeBox;if(!i)return t;const n=e=>{if(!e)return;let t,i;e&&(t=e.querySelector(":first-child")),t&&t.click(),t&&(i=t.querySelector(":first-child")),i&&i.click()};if("select"===e)return(()=>{const e=i.querySelector(".is-container");if(!e)return!1;let t=e.querySelector(":first-child");n(t)})(),!1;if("select_next"===e){let e=i.querySelector(".row-active");return e&&(e=e.nextElementSibling),n(e),!1}if("select_previous"===e){let e=i.querySelector(".row-active");return e&&(e=e.previousElementSibling),n(e),!1}if("select_last"===e)return(()=>{const e=i.querySelector(".is-container");if(!e)return!1;let t;const o=e.children;for(let e=o.length-1;e>=0;e--){const i=o[e];if(i.querySelector(":first-child")){t=i;break}}t&&n(t)})(),!1;if("select_headline"===e){const e=i.querySelector("h1,h2,h3");return e&&e.click(),!1}if("select_paragraph"===e){const e=i.querySelector("p");return e&&e.click(),!1}if("select_image"===e){const e=i.querySelector("img");return e&&e.click(),!1}if("select_space"===e){const e=i.querySelector("div.spacer");return e&&e.click(),!1}if("select_button"===e){const e=i.querySelector('a[role="button"]');return e&&e.click(),!1}if(e=((e,t)=>{if("move_content_left"===e||"move_content_center"===e||"move_content_right"===e||"move_content_top"===e||"move_content_middle"===e||"move_content_bottom"===e||"make_content_center"===e||"align_content_top_left"===e||"align_content_top_center"===e||"align_content_top_right"===e||"align_content_middle_left"===e||"align_content_middle_center"===e||"align_content_middle_right"===e||"align_content_bottom_left"===e||"align_content_bottom_center"===e||"align_content_bottom_right"===e){let i=!1;-1===t.indexOf("top left")&&-1===t.indexOf("left top")&&-1===t.indexOf("top center")&&-1===t.indexOf("center top")&&-1===t.indexOf("top right")&&-1===t.indexOf("right top")&&-1===t.indexOf("middle left")&&-1===t.indexOf("left middle")&&-1===t.indexOf("middle center")&&-1===t.indexOf("center middle")&&-1===t.indexOf("middle right")&&-1===t.indexOf("right middle")&&-1===t.indexOf("bottom left")&&-1===t.indexOf("left bottom")&&-1===t.indexOf("bottom center")&&-1===t.indexOf("center bottom")&&-1===t.indexOf("bottom right")&&-1===t.indexOf("right bottom")||(i=!0),i||(-1!==t.indexOf("top")?e="move_content_top":-1!==t.indexOf("middle")?e="move_content_middle":-1!==t.indexOf("bottom")?e="move_content_bottom":-1!==t.indexOf("left")?e="move_content_left":-1!==t.indexOf("center")?"make_content_center"===e||(e="move_content_center"):-1!==t.indexOf("right")&&(e="move_content_right"))}return e})(e,t),"change_font"==e){this.builder.editor.saveForUndo();let e=this.builder.settings.contentStyles.data.styles;const t=e[Math.floor(Math.random()*e.length)];let i=t.classname,n=t.sectioncss,o=t.css;return this.builder.sidebar.boxTypography(i,n,o),this.builder.settings.onChange(),!1}if("fade_in"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.applyPresetBasic("is-fadeIn",100),this.builder.settings.onChange(),!1;if("fade_in_slow"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.applyPresetBasic("is-fadeIn",300),this.builder.settings.onChange(),!1;if("fade_in_up"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.applyPresetBasic("is-fadeInUp",100),this.builder.settings.onChange(),!1;if("fade_in_up_slow"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.applyPresetBasic("is-fadeInUp",300),this.builder.settings.onChange(),!1;if("slide_up"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.applyPresetBasic("is-slideInUp",100),this.builder.settings.onChange(),!1;if("slide_up_slow"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.applyPresetBasic("is-slideInUp",300),this.builder.settings.onChange(),!1;if("zoom_in"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.applyPresetBasic("is-zoomIn",300),this.builder.settings.onChange(),!1;if("zoom_out"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.applyPresetBasic("is-zoomOut",300),this.builder.settings.onChange(),!1;if("animate_once"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.animateOnce(),this.builder.settings.onChange(),!1;if("always_animate"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.alwaysAnimate(),this.builder.settings.onChange(),!1;if("remove_animation"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.clearAllAnim(),this.builder.settings.onChange(),!1;if("move_section_top"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.sectionTop(),this.builder.sectionStack(),this.builder.settings.onChange(),!1;if("move_section_bottom"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.sectionBottom(),this.builder.sectionStack(),this.builder.settings.onChange(),!1;if("move_section_up"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.sectionUp(),this.builder.sectionStack(),this.builder.settings.onChange(),!1;if("move_section_down"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.sectionDown(),this.builder.sectionStack(),this.builder.settings.onChange(),!1;if("duplicate_section"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.sectionDuplicate(),this.builder.sectionStack(),setTimeout((()=>{this.builder.refreshAnim()}),600),this.builder.settings.onChange(),!1;if("remove_section"===e){this.builder.editor.saveForUndo();const e=this.builder.activeSection;return e.parentNode.removeChild(e),this.builder.settings.onChange(),!1}if("add_content"===e)return this.builder.editor.saveForUndo(),this.builder.editbox.addContent(),this.builder.settings.onChange(),!1;if("remove_content"===e)return this.builder.editor.saveForUndo(),this.builder.editbox.removeContent(),this.builder.settings.onChange(),!1;if("move_up"===e){this.builder.editor.saveForUndo();return this.builder.doc.querySelector(".row-active")?this.builder.editor.moveRowUp():(this.builder.editsection.sectionUp(),this.builder.sectionStack()),this.builder.settings.onChange(),!1}if("move_down"===e){this.builder.editor.saveForUndo();return this.builder.doc.querySelector(".row-active")?this.builder.editor.moveRowDown():(this.builder.editsection.sectionDown(),this.builder.sectionStack()),this.builder.settings.onChange(),!1}if("move_row_up"===e)return this.builder.editor.saveForUndo(),this.builder.editor.moveRowUp(),this.builder.settings.onChange(),!1;if("move_row_down"===e)return this.builder.editor.saveForUndo(),this.builder.editor.moveRowDown(),this.builder.settings.onChange(),!1;if("duplicate_row"===e)return this.builder.editor.saveForUndo(),this.builder.editor.duplicateRow(),this.builder.settings.onChange(),!1;if("remove_row"===e)return this.builder.editor.saveForUndo(),this.builder.editor.removeRow(),this.builder.settings.onChange(),!1;if("move_col_left"===e)return this.builder.editor.saveForUndo(),this.builder.editor.moveColumnLeft(),this.builder.settings.onChange(),!1;if("move_col_right"===e)return this.builder.editor.saveForUndo(),this.builder.editor.moveColumnRight(),this.builder.settings.onChange(),!1;if("duplicate_col"===e)return this.builder.editor.saveForUndo(),this.builder.editor.duplicateColumn(),this.builder.settings.onChange(),!1;if("remove_col"===e)return this.builder.editor.saveForUndo(),this.builder.editor.removeColumn(),this.builder.settings.onChange(),!1;if("move_column_up"===e)return this.builder.editor.saveForUndo(),this.builder.editor.moveColumnUp(),this.builder.settings.onChange(),!1;if("move_column_down"===e)return this.builder.editor.saveForUndo(),this.builder.editor.moveColumnDown(),this.builder.settings.onChange(),!1;if("remove_bg"===e)return this.builder.editor.saveForUndo(),this.lib.adjustFromSlider(i),this.builder.editor.lib.clearBackgroundImage(i),this.builder.editbox.removeCode(),this.builder.settings.onChange(),!1;if("add_bg_image"===e){this.builder.editor.saveForUndo(),this.lib.adjustFromSlider(i),this.builder.editbox.removeCode();let e=this.chooseBgImage(i);return this.builder.editor.lib.updateBackgroundImage(i,e),this.builder.settings.onChange(),!1}if("change_bg_image"===e){this.builder.editor.saveForUndo(),this.lib.adjustFromSlider(i),this.builder.editbox.removeCode();let e,t=this.builder.editor.lib.getCurrentBackground(i);return e=""!==t?this.chooseBgImage(i,t):this.chooseBgImage(i),this.builder.editor.lib.updateBackgroundImage(i,e),this.builder.settings.onChange(),!1}if("remove_bg_color"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.clearBackgroundColor(i),this.builder.settings.onChange(),!1;if("increase_content_width"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.updateContentSize(i,"+"),this.builder.settings.onChange(),!1;if("decrease_content_width"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.updateContentSize(i,"-"),this.builder.settings.onChange(),!1;if("clear_content_width"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.updateContentSize(i,""),this.builder.settings.onChange(),!1;if("make_content_light"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.updateContentColor(i,"light"),this.builder.settings.onChange(),!1;if("make_content_dark"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.updateContentColor(i,"dark"),this.builder.settings.onChange(),!1;if("make_section_height_10"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"10"),this.builder.settings.onChange(),!1;if("make_section_height_15"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"15"),this.builder.settings.onChange(),!1;if("make_section_height_20"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"20"),this.builder.settings.onChange(),!1;if("make_section_height_25"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"25"),this.builder.settings.onChange(),!1;if("make_section_height_30"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"30"),this.builder.settings.onChange(),!1;if("make_section_height_40"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"40"),this.builder.settings.onChange(),!1;if("make_section_height_50"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"50"),this.builder.settings.onChange(),!1;if("make_section_height_60"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"60"),this.builder.settings.onChange(),!1;if("make_section_height_70"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"70"),this.builder.settings.onChange(),!1;if("make_section_height_75"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"75"),this.builder.settings.onChange(),!1;if("make_section_height_80"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"80"),this.builder.settings.onChange(),!1;if("make_section_height_85"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"85"),this.builder.settings.onChange(),!1;if("make_section_height_90"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"90"),this.builder.settings.onChange(),!1;if("make_section_height_100"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"100"),this.builder.settings.onChange(),!1;if("make_section_height_auto"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"auto"),this.builder.settings.onChange(),!1;if("add_headline"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"headline","after"),this.builder.settings.onChange(),!1}if("add_paragraph"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"paragraph","after"),this.builder.settings.onChange(),!1}if("add_image"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"image","after"),this.builder.settings.onChange(),!1}if("add_youtube"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"youtube","after"),this.builder.settings.onChange(),!1}if("add_video"===e)return this.builder.editor.saveForUndo(),this.lib.adjustFromSlider(i),this.builder.editbox.addCode(i,"video"),this.builder.settings.onChange(),!1;if("remove_video"===e)return this.builder.editor.saveForUndo(),this.builder.editbox.removeCode(),this.builder.settings.onChange(),!1;if("add_bg_video"===e)return this.builder.editor.saveForUndo(),this.lib.adjustFromSlider(i),this.builder.editbox.addCode(i,"video"),this.builder.settings.onChange(),!1;if("remove_bg_video"===e)return this.builder.editor.saveForUndo(),this.builder.editbox.removeCode(),this.builder.settings.onChange(),!1;if("add_slider"===e)return this.builder.editor.saveForUndo(),this.builder.editbox.addCode(i,"slider"),this.lib.adjustToSlider(i),this.builder.settings.onChange(),!1;if("remove_slider"===e)return this.builder.editor.saveForUndo(),this.lib.adjustFromSlider(i),this.builder.editbox.removeCode(),this.builder.settings.onChange(),!1;if("add_bg_slider"===e)return this.builder.editor.saveForUndo(),this.builder.editbox.addCode(i,"slider"),this.lib.adjustToSlider(i),this.builder.settings.onChange(),!1;if("remove_bg_slider"===e)return this.builder.editor.saveForUndo(),this.builder.editbox.removeCode(),this.builder.settings.onChange(),!1;if("add_audio"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"audio","after"),this.builder.settings.onChange(),!1}if("add_map"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"map","after"),this.builder.settings.onChange(),!1}if("add_table"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"table","after"),this.builder.settings.onChange(),!1}if("add_social"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"social","after"),this.builder.settings.onChange(),!1}if("add_icon"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"icon","after"),this.builder.settings.onChange(),!1}if("add_button"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"button","after"),this.builder.settings.onChange(),!1}if("add_2buttons"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"twobuttons","after"),this.builder.settings.onChange(),!1}if("add_space"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"space","after"),this.builder.settings.onChange(),!1}if("increase_font_size"===e){let e=this.builder.editor.activeElement;if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.increaseFontSize(e),this.builder.settings.onChange(),!1;{const e=i.querySelector(".is-container");if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.increaseFontSize(e,!0),this.builder.settings.onChange(),!1}}else if("decrease_font_size"===e){let e=this.builder.editor.activeElement;if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.decreaseFontSize(e),this.builder.settings.onChange(),!1;{const e=i.querySelector(".is-container");if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.decreaseFontSize(e,!0),this.builder.settings.onChange(),!1}}else if("increase_default_font_size"===e){const e=i.querySelector(".is-container");if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.increaseFontSize(e,!0),this.builder.settings.onChange(),!1}else if("decrease_default_font_size"===e){const e=i.querySelector(".is-container");if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.decreaseFontSize(e,!0),this.builder.settings.onChange(),!1}else if("clear_font_size"===e){let e=this.builder.editor.activeElement;if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.clearFontSize(e),this.builder.settings.onChange(),!1}else{if("align_left"===e){this.builder.editor.saveForUndo();let e=this.builder.editor.activeElement;return e?this.builder.editor.lib.alignText(e,"left"):this.builder.editor.lib.alignContent(i,"left"),this.builder.settings.onChange(),!1}if("align_center"===e){this.builder.editor.saveForUndo();let e=this.builder.editor.activeElement;return e?this.builder.editor.lib.alignText(e,"center"):this.builder.editor.lib.alignContent(i,"center"),this.builder.settings.onChange(),!1}if("align_right"===e){this.builder.editor.saveForUndo();let e=this.builder.editor.activeElement;return e?this.builder.editor.lib.alignText(e,"right"):this.builder.editor.lib.alignContent(i,"right"),this.builder.settings.onChange(),!1}if("align_full"===e){this.builder.editor.saveForUndo();let e=this.builder.editor.activeElement;return e?this.builder.editor.lib.alignText(e,"justify"):this.builder.editor.lib.alignContent(i,"justify"),this.builder.settings.onChange(),!1}if("clear_alignment"===e){this.builder.editor.saveForUndo();let e=this.builder.editor.activeElement;return e?this.builder.editor.lib.alignText(e,""):this.builder.editor.lib.alignContent(i,""),this.builder.settings.onChange(),!1}if("move_content_left"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"left"),this.builder.settings.onChange(),!1;if("move_content_center"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"center"),this.builder.settings.onChange(),!1;if("move_content_right"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"right"),this.builder.settings.onChange(),!1;if("move_content_top"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"top"),this.builder.settings.onChange(),!1;if("move_content_middle"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"middle"),this.builder.settings.onChange(),!1;if("move_content_bottom"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"bottom"),this.builder.settings.onChange(),!1;if("make_content_center"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"center"),this.builder.editor.lib.moveContent(i,"middle"),this.builder.settings.onChange(),!1;if("align_content_top_left"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"top"),this.builder.editor.lib.moveContent(i,"left"),this.builder.settings.onChange(),!1;if("align_content_top_center"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"top"),this.builder.editor.lib.moveContent(i,"center"),this.builder.settings.onChange(),!1;if("align_content_top_right"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"top"),this.builder.editor.lib.moveContent(i,"right"),this.builder.settings.onChange(),!1;if("align_content_middle_left"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"middle"),this.builder.editor.lib.moveContent(i,"left"),this.builder.settings.onChange(),!1;if("align_content_middle_center"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"middle"),this.builder.editor.lib.moveContent(i,"center"),this.builder.settings.onChange(),!1;if("align_content_middle_right"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"middle"),this.builder.editor.lib.moveContent(i,"right"),this.builder.settings.onChange(),!1;if("align_content_bottom_left"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"bottom"),this.builder.editor.lib.moveContent(i,"left"),this.builder.settings.onChange(),!1;if("align_content_bottom_center"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"bottom"),this.builder.editor.lib.moveContent(i,"center"),this.builder.settings.onChange(),!1;if("align_content_bottom_right"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"bottom"),this.builder.editor.lib.moveContent(i,"right"),this.builder.settings.onChange(),!1;if("increase_space"===e){let e=this.builder.editor.activeElement;if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.increaseElementHeight(e),this.builder.settings.onChange(),!1}else if("decrease_space"===e){let e=this.builder.editor.activeElement;if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.decreaseElementHeight(e),this.builder.settings.onChange(),!1}else if("increase_line_height"===e){let e=this.builder.editor.activeElement;if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.increaseLineHeight(e),this.builder.settings.onChange(),!1;{const e=i.querySelector(".is-container");if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.increaseLineHeight(e,!0),this.builder.settings.onChange(),!1}}else if("decrease_line_height"===e){let e=this.builder.editor.activeElement;if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.decreaseLineHeight(e),this.builder.settings.onChange(),!1;{const e=i.querySelector(".is-container");if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.decreaseLineHeight(e,!0),this.builder.settings.onChange(),!1}}else if("increase_default_line_height"===e){const e=i.querySelector(".is-container");if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.increaseLineHeight(e,!0),this.builder.settings.onChange(),!1}else if("decrease_default_line_height"===e){const e=i.querySelector(".is-container");if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.decreaseLineHeight(e,!0),this.builder.settings.onChange(),!1}}return t}chooseContext(e,t){if(void 0!==t)return e[t];this.previousIndexes||(this.previousIndexes=[]);let i=Math.floor(Math.random()*e.length);return this.previousIndexes.includes(i)&&this.previousIndexes.length<e.length?this.chooseContext(e):(this.previousIndexes.push(i),this.previousIndexes.length>2&&this.previousIndexes.shift(),e[i])}chooseBgImage(e,t){let i,n,o=this.builder.media.bg_images;if(i=e.classList.contains("is-section")?e.querySelector(".is-content-left")?o.section_text_left:e.querySelector(".is-content-right")?o.section_text_right:o.section_text_center:e.classList.contains("is-box-4")?o.small_box:o.box,t)do{n=Math.floor(Math.random()*i.length)}while(i[n]===t);else n=Math.floor(Math.random()*i.length);return i[n]}updateBox(e,t){let i;const n=e.querySelector(".is-overlay-bg");var o=document.createRange();if(e.parentNode.insertBefore(o.createContextualFragment(t),e),i=e.previousElementSibling,e.parentNode.removeChild(e),this.fixBox(i),this.builder.doUndoRedo(),this.builder.editor.util.clearActiveCell(),this.builder.editor.util.clearAfterUndoRedo(),i){if(!n){const e=i.querySelector(".is-overlay-bg");e&&e.parentNode.removeChild(e)}this.builder.positionTool(i),i.classList.add("box-select"),this.builder.activeBox=i,this.builder.wrapperEl.classList.add("hard-select");let e=i.closest(".is-section");e.classList.add("section-select"),this.builder.activeSection=e,this.builder.settings.onRender(),this.builder.settings.onChange(),setTimeout((()=>{this.builder.refreshAnim()}),300)}}fixBox(e){let t=e.querySelector(".is-container");if(t){Array.from(t.children).forEach((e=>{if(["P","H1","H2","H3","H4","H5","H6"].includes(e.tagName)){const t=document.createElement("div");t.classList.add("row");const i=document.createElement("div");i.classList.add("column");const n=e.cloneNode(!0);i.appendChild(n),t.appendChild(i),e.parentNode.insertBefore(t,e),e.parentNode.removeChild(e)}}))}}getHtmlResult(e){const t=e.match(/<div[^>]*>[\s\S]*<\/div>/);if(e=t&&t[0],!this.isHTMLString(e))return this.builder.consoleLog&&console.log(e),!1;return e=(e=>{let t="";const i=(new DOMParser).parseFromString(e,"text/html").body.childNodes;for(const e of i)if(3===e.nodeType){let i=e.textContent.trim();""!==i&&(t=i)}return""!==t?(e=e.split(t)[1]).trim():e})(e)}isHTMLString(e){return/^<([a-z]+)(\s|>)/i.test(e)}replaceButtonsWithAnchorTags(e){return e=(e=e.replace(/<button\b[^>]*>(.*?)<\/button>/g,'<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 text-black leading-14 rounded border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">$1</a>')).replace(/<a\b[^>]*class="button[^>]*>(.*?)<\/a>/g,'<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 text-black leading-14 rounded border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">$1</a>')}replaceStrongTag(e){return e.replace(/<strong\b[^>]*>(.*?)<\/strong>/g,'<span class="font-semibold">$1</span>')}replaceLineThroughTag(e){return e.replace(/<(del|strike|s)>(.*?)<\/(del|strike|s)>/gi,'<span class="line-through">$2</span>')}replaceEmTag(e){return e.replace(/<em\b[^>]*>(.*?)<\/em>/g,'<span class="italic">$1</span>')}replaceUnderlineTag(e){return e.replace(/<u>(.*?)<\/u>/gi,'<span class="underline">$1</span>')}setBgSlider(e){const t=(new DOMParser).parseFromString(e,"text/html"),i=t.querySelector(".is-box");return i?(this.builder.editbox.addCode(i,"slider"),this.lib.adjustToSlider(i),t.body.innerHTML):e}setBgVideo(e){const t=(new DOMParser).parseFromString(e,"text/html"),i=t.querySelector(".is-box");return i?(this.builder.editbox.addCode(i,"video"),t.body.innerHTML):e}setBgImage(e,t){const i=(new DOMParser).parseFromString(e,"text/html");return i.querySelectorAll(".is-box").forEach((e=>{let i=e.querySelector("div.is-overlay");i||(e.insertAdjacentHTML("afterbegin",'<div class="is-overlay"><div class="is-overlay-bg"></div></div>'),i=e.querySelector("div.is-overlay"));let n=i.querySelector("div.is-overlay-bg");n||t||(i.insertAdjacentHTML("afterbegin",'<div class="is-overlay-bg"></div>'),n=i.querySelector("div.is-overlay-bg")),e.style.backgroundImage&&(i.insertAdjacentHTML("afterbegin",'<div class="is-overlay-bg"></div>'),n=i.querySelector("div.is-overlay-bg"),e.style.backgroundImage="");let o=i.querySelector(".is-overlay-content");o&&o.parentNode.removeChild(o);let s,a,l=!1;if(e.classList.contains("is-section")&&(l=!0),l){const t=this.builder.media.bg_images;a=t.section_text_left;const i=e.querySelector(".is-container");i&&(a=i.classList.contains("is-content-left")?t.section_text_left:i.classList.contains("is-content-right")?t.section_text_right:t.section_text_center)}else{a=this.builder.media.bg_images.box}s=this.lib.chooseMedia(a);const r=i.querySelector(".is-container");if(r){e.appendChild(r);let t=i.querySelector(".is-container");t&&t.parentNode.removeChild(t)}n&&(n.style.backgroundImage=`url('${s}')`,n.style.backgroundImage=`url('${s}')`,n.style.backgroundPosition="50% 60%")})),i.documentElement.innerHTML}fixBgImage(e){const t=(new DOMParser).parseFromString(e,"text/html");return t.querySelectorAll(".is-box").forEach((e=>{let t,i=e.querySelector("div.is-overlay");i||(e.insertAdjacentHTML("afterbegin",'<div class="is-overlay"><div class="is-overlay-bg"></div></div>'),i=e.querySelector("div.is-overlay")),e.style.backgroundImage&&(i.insertAdjacentHTML("afterbegin",'<div class="is-overlay-bg"></div>'),t=i.querySelector("div.is-overlay-bg"),e.style.backgroundImage="");let n=!1;if(e.classList.contains("is-section")&&(n=!0),t){let i,o;if(n){const t=this.builder.media.bg_images;o=t.section_text_left;const i=e.querySelector(".is-container");i&&(o=i.classList.contains("is-content-left")?t.section_text_left:i.classList.contains("is-content-right")?t.section_text_right:t.section_text_center)}else{o=this.builder.media.bg_images.box}i=this.lib.chooseMedia(o),t.style.backgroundImage=`url('${i}')`,t.style.backgroundImage=`url('${i}')`,t.style.backgroundPosition="50% 60%"}})),t.documentElement.innerHTML}fixCommon(e){e=e.replaceAll("{{CONTENT}}","");const t=new DOMParser;let n=t.parseFromString(e,"text/html");try{if(""===n.body.innerText.trim())return this.builder.showMessage(i("Oops! The response received is insufficient. Please try again.")),!1;const e=n.querySelector(".is-container"),o=n.querySelector(".is-section");e&&o&&!o.contains(e)&&o.appendChild(e);e.querySelectorAll("column").forEach((e=>{"100%"===e.style.width&&(e.style.width="",e.style.flex="")}));n.querySelectorAll("*").forEach((e=>{"line-through"===e.style.textDecoration&&(e.classList.add("line-through"),e.style.textDecoration=""),"underline"===e.style.textDecoration&&(e.classList.add("underline"),e.style.textDecoration="")}));const s=n.querySelector(".is-box");if(s){if(s.style.backgroundColor){let e=s.querySelector(".is-overlay");e||(s.insertAdjacentHTML("afterbegin",'<div class="is-overlay"></div>'),e=n.querySelector("div.is-overlay")),e.style.backgroundColor=s.style.backgroundColor,s.style.backgroundColor=""}s.style.backgroundImage="",s.style.backgroundSize="",s.style.backgroundRepeat="",s.style.backgroundPosition=""}if(!n.querySelector(".is-box"))if(n.querySelector(".is-section")){n.querySelector(".is-section").classList.add("is-box")}else{let e="";e=this.builder.activeBox?this.builder.editor.lib.getHtml(this.builder.activeBox):'\n                            <div class="is-section is-box type-poppins box-autofit min-height-60 is-section-100">\n                            <div class="is-overlay"></div>\n                            <div class="is-container v2 leading-13 size-19 is-content-800 content-pt-50 content-pb-50">\n                            \n                            </div>\n                            </div>\n                        ';const i=(new DOMParser).parseFromString(e,"text/html"),o=i.querySelector(".is-container");if(n.querySelector(".is-container")){const e=n.querySelector(".is-container");o.outerHTML=e.outerHTML}else o.insertAdjacentHTML("beforeend",n.body.innerHTML);n=t.parseFromString(i.body.innerHTML,"text/html")}const a=n.querySelector("div.is-overlay");if(a&&a.querySelector(".is-overlay-bg")){let e=a.closest(".is-box");e&&e.querySelector(".is-container")&&(e.classList.add("m-overlay-stack"),e.classList.add("m-dark-text"))}if(e){const t=e.children;for(let e=t.length-1;e>=0;e--){const i=t[e];if(i.classList.contains("spacer"))i.parentNode.removeChild(i);else{const e=i.children;for(let t=e.length-1;t>=0;t--){const i=e[t];if(""===i.innerHTML.trim()){const e=document.createElement("div");e.classList.add("spacer"),e.classList.add("height-40"),i.appendChild(e)}i.firstElementChild&&i.firstElementChild.classList.contains("column")&&(i.innerHTML=i.firstElementChild.innerHTML)}}}}}catch(e){return this.builder.consoleLog&&console.log(n.documentElement.innerHTML),console.log("Unable to proceed. Error: fixCommon."),!1}return n.documentElement.innerHTML}fixButtons(e){const t=(new DOMParser).parseFromString(e,"text/html");return t.querySelectorAll("a.border-transparent").forEach((e=>{e.style.backgroundColor||(e.style.backgroundColor="rgb(240, 240, 240)")})),t.documentElement.innerHTML}fixCustomCode(e){const t=e.match(/<!--CODESTART-->([\s\S]*?)<!--CODEEND-->/gm),i=[];t&&t.forEach((e=>{const t=e.replace(/<!--CODESTART-->|<!--CODEEND-->/g,"").trim();i.push(t)}));const n=(new DOMParser).parseFromString(e,"text/html");let o=0;return n.querySelectorAll("[data-html]").forEach((e=>{const t=encodeURIComponent(i[o]);e.setAttribute("data-html",t),e.innerHTML="",o++})),i.length>0?n.documentElement.innerHTML:e}fixHtml(e){e=e.replace(/<div class="is-overlay"([^>]*)style="([^"]*background-image:[^;"]+;)([^"]*)"([^>]*)>/g,'<div class="is-overlay"$1$4>\n    <div class="is-overlay-bg" style="$2"></div>');const t=this.builder.media.images.square,i=this.lib.chooseMedia(t);return e=(e=e.replaceAll("{{IMAGEURL}}",i)).replaceAll("{{ICONCLASS}}","ion-checkmark"),e=this.replaceButtonsWithAnchorTags(e),e=this.replaceStrongTag(e),e=this.replaceEmTag(e),e=this.replaceUnderlineTag(e),e=this.replaceLineThroughTag(e),(e=this.fixCommon(e))||!1}parseContent(e){let t=(new DOMParser).parseFromString(e,"text/html");const i=t.querySelectorAll("div.is-overlay-content");let n,o="";i.length>0&&(n=t.querySelector("div.is-overlay-content"),o=n?n.outerHTML:"",i.forEach((e=>{e.parentNode.removeChild(e)})));let s="";const a=t.querySelector("div.is-overlay-bg");a&&(s=a?a.outerHTML:"");let l=t.querySelector(".is-light-text, .is-dark-text"),r="";l&&(l.classList.contains("is-light-text")&&(r="is-light-text"),l.classList.contains("is-dark-text")&&(r="is-dark-text"));const d=t.querySelector("div.is-overlay").style.backgroundColor;return{overlayContent:o,overlayBg:s,html:e=t.body.innerHTML,overlayBgColor:d,textColorClass:r}}mergeContent(e,t,i,n,o,s){const a=new DOMParser,l=a.parseFromString(e,"text/html"),r=l.querySelector("div.is-overlay");if(!s.section_background||"remove"!==s.section_background){if((!s.section_background||"image"!==s.section_background)&&""!==i){const e=a.parseFromString(i,"text/html").querySelector("div.is-overlay-bg");let t=r.querySelector(".is-overlay-bg");t&&t.parentNode.removeChild(t),r.appendChild(e)}if(""!==t){const e=a.parseFromString(t,"text/html").querySelector("div.is-overlay-content");r.appendChild(e)}}let d=l.querySelector(".is-box");if(d&&(""===n||s.change_content_dark||s.change_content_light?s.change_content_dark?(d.classList.remove("is-light-text"),d.classList.add("is-dark-text")):s.change_content_light&&(d.classList.remove("is-dark-text"),d.classList.add("is-light-text")):(d.classList.remove("is-light-text"),d.classList.remove("is-dark-text"),d.classList.add(n))),""!==o){const e=l.querySelector(".is-overlay");e&&(""!==e.style.backgroundColor||(e.style.backgroundColor=o))}d&&this.lib.processContent(s,d);return d.outerHTML}checkSelectedContent(e){if(!e)return!1;const t=e.querySelector(".is-container");return t?!t.querySelector("[data-module]")||(this.builder.showMessage(i("Sorry, content with a module block cannot be processed.")),!1):(this.builder.showMessage(i("The selected box is empty. Please select a box with content.")),!1)}async sendCommand(e,t,n,o,s,a){this.dictation.startSending(),this.controller=new AbortController,this.signal=this.controller.signal;const l={question:t,context:n,system:o,functs:s,temperature:localStorage.getItem("_temp")||this.builder.temperature,topP:localStorage.getItem("_top_p")||this.builder.topP,num:1};try{const t=await fetch(this.builder.sendCommandUrl,{signal:this.signal,method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(l)}),n=await t.json();if(n.error)return console.log("Error:\n"+n.error),this.builder.showMessage(i("Request failed.")),void this.dictation.finish();if("html"===e)n.answer.choices.forEach((e=>{let t=e.message.content;if(t=this.getHtmlResult(t),!t)return this.builder.showMessage(i("Oops! The response received is insufficient. Please try again.")),void this.dictation.finish();a(t)}));else{if(n.answer.role&&n.answer.content)return void a(JSON.stringify({new_section:"new-section",others:!0}));a(n.answer)}}catch(e){if("AbortError"===e.name);else{if(console.error("Error:",e),this.dictation.finish(),!(e+"").includes("Failed to fetch")){const e=await fetch(this.builder.sendCommandUrl,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(l)}),t=await e.text();console.log("Response:\n"+t)}this.builder.showMessage(i("Service Unavailable."))}}}renderResult_NewSection(e){this.builder.editor.saveForUndo();const t=this.lib.getTypographyClass(e);let i="";t&&(i=t+".css");let n=this.builder.addSection(e,i);n&&(this.clearSelection(),this.reSelect(n)),this.builder.settings.onChange(),this.dictation.finish()}renderResult(e,t){const i=this.builder.activeBox,n=this.builder.activeSection;let o=!1;if(n&&n.classList.contains("is-box")&&(o=!0),this.builder.editor.saveForUndo(),o){const i=(new DOMParser).parseFromString(e,"text/html");if(t){const e=i.querySelector("div.is-section");e&&(e.classList.remove(...Array.from(e.classList).filter((e=>e.startsWith("type-")))),e.classList.add(t))}e=i.body.innerHTML;let n="";t&&(n=t+".css");let o=this.builder.addSection(e,n);o&&(this.clearSelection(),this.reSelect(o))}else{i.classList.add("replace-this");const o=/is-box-\w+/,s=i.getAttribute("class").match(o);let a;s&&(a=s[0]);let l=this.builder.editor.lib.getHtml(n);const r=(new DOMParser).parseFromString(l,"text/html");let d=r.querySelector("div.replace-this");const c=document.createElement("div");c.innerHTML=e;const u=c.firstChild;if(a&&u.classList.add(a),t){const e=r.querySelector("div.is-section");e&&(e.classList.remove(...Array.from(e.classList).filter((e=>e.startsWith("type-")))),e.classList.add(t))}d&&u&&d.parentNode.replaceChild(u,d);const p=r.body.innerHTML;let h="";t&&(h=t+".css");let m=this.builder.addSection(p,h);m&&(this.clearSelection(),this.reSelect(m))}this.builder.settings.onChange(),this.dictation.finish()}clearSelection(){const e=this.builder.doc.querySelector(".box-select");e&&e.classList.remove("box-select");const t=this.builder.doc.querySelector(".section-select");t&&t.classList.remove("section-select"),this.builder.editor.util.clearActiveCell(),this.builder.editor.util.clearAfterUndoRedo()}reSelect(e){let t=!1;if(e.classList.contains("is-box")&&(t=!0),t)e.classList.add("box-select"),this.builder.activeBox=e,this.builder.wrapperEl.classList.add("hard-select"),e.classList.add("section-select"),this.builder.activeSection=e,this.builder.positionTool(e);else{let t=e.querySelector("div.replace-this");t?(t.classList.add("box-select"),this.builder.activeBox=t):(t=e.querySelector(".is-box"),t&&(t.classList.add("box-select"),this.builder.activeBox=t)),this.builder.wrapperEl.classList.add("hard-select"),e.classList.add("section-select"),this.builder.activeSection=e,this.builder.positionTool(e),this.builder.wrapperEl.querySelectorAll(".replace-this").forEach((e=>{e.classList.remove("replace-this")}))}}openMore(){const e=this.popAIMore;let t,i,n=this.builder.activeBox.querySelector(".input-box-more");if(this.builder.editor.util.showPop(e,!1,n),this.builder.iframe){let e=this.builder.iframe.getBoundingClientRect().top+window.pageYOffset,o=this.builder.iframe.getBoundingClientRect().left+window.pageXOffset;t=n.getBoundingClientRect().top+e,i=n.getBoundingClientRect().left+o}else t=n.getBoundingClientRect().top+window.pageYOffset,i=n.getBoundingClientRect().left+window.pageXOffset;const o=e.offsetWidth;t+=n.offsetHeight*this.builder.editor.opts.zoom,i+=n.offsetWidth*this.builder.editor.opts.zoom,e.style.top=t+10/this.builder.editor.opts.zoom+"px",e.style.left=i-o+12/this.builder.editor.opts.zoom+"px"}}const Cy=new e;return class{constructor(e={}){const i={wrapper:".is-wrapper",previewURL:"preview.html",useSidebar:!0,disableLoadingStatus:!1,sidebarData:{buttons:[{name:"section",title:"Sections"},{name:"snippet",title:"Content Blocks"},{name:"typography",title:"Typography"},{name:"code",title:"HTML"}]},htmlSyntaxHighlighting:!0,enableContentStyle:!0,disableStaticSection:!1,framework:"",imageRenameOnEdit:!0,designUrl1:"assets/designs/basic.js",designUrl2:"assets/designs/examples.js",designPath:"assets/designs/",designPathReplace:[],defaultDesignCategory:5,templates:[],featuredCategories:[{id:1,designId:1,name:"Basic"},{id:1,designId:2,name:"Header"},{id:2,designId:1,name:"Slider"},{id:2,designId:2,name:"Article"},{id:3,designId:2,name:"Photos"}],defaultCategory:{id:1,designId:1},templateThumbnailSize:"",scriptPath:"",snippetUrl:"assets/minimalist-blocks/content.js",snippetPath:"assets/minimalist-blocks/",snippetPathReplace:[],assetPath:"assets/",modulePath:"assets/modules/",contentStylePath:"assets/styles/",pluginPath:"contentbuilder/",fontAssetPath:"assets/fonts/",plugins:[{name:"preview",showInMainToolbar:!0,showInElementToolbar:!0},{name:"wordcount",showInMainToolbar:!0,showInElementToolbar:!0},{name:"symbols",showInMainToolbar:!0,showInElementToolbar:!1}],disableConfig:!1,maxColumns:6,useLightbox:!0,lightboxArrow:!0,themes:[["#ffffff","",""],["#282828","dark","contentbuilder/themes/dark.css"],["#0088dc","colored","contentbuilder/themes/colored-blue.css"],["#006add","colored","contentbuilder/themes/colored-blue6.css"],["#0a4d92","colored","contentbuilder/themes/colored-darkblue.css"],["#96af16","colored","contentbuilder/themes/colored-green.css"],["#f3522b","colored","contentbuilder/themes/colored-orange.css"],["#b92ea6","colored","contentbuilder/themes/colored-magenta.css"],["#e73171","colored","contentbuilder/themes/colored-pink.css"],["#782ec5","colored","contentbuilder/themes/colored-purple.css"],["#ed2828","colored","contentbuilder/themes/colored-red.css"],["#f9930f","colored","contentbuilder/themes/colored-yellow.css"],["#13b34b","colored","contentbuilder/themes/colored-green4.css"],["#333333","colored-dark","contentbuilder/themes/colored-dark.css"],["#dbe5f5","light","contentbuilder/themes/light-blue.css"],["#fbe6f2","light","contentbuilder/themes/light-pink.css"],["#dcdaf3","light","contentbuilder/themes/light-purple.css"],["#ffe9e0","light","contentbuilder/themes/light-red.css"],["#fffae5","light","contentbuilder/themes/light-yellow.css"],["#ddf3dc","light","contentbuilder/themes/light-green.css"],["#c7ebfd","light","contentbuilder/themes/light-blue2.css"],["#ffd5f2","light","contentbuilder/themes/light-pink2.css"],["#eadafb","light","contentbuilder/themes/light-purple2.css"],["#c5d4ff","light","contentbuilder/themes/light-blue3.css"],["#ffefb1","light","contentbuilder/themes/light-yellow2.css"],["#fefefe","light","contentbuilder/themes/light-gray3.css"],["#e5e5e5","light","contentbuilder/themes/light-gray2.css"],["#dadada","light","contentbuilder/themes/light-gray.css"],["#3f4ec9","colored","contentbuilder/themes/colored-blue2.css"],["#6779d9","colored","contentbuilder/themes/colored-blue4.css"],["#10b9d7","colored","contentbuilder/themes/colored-blue3.css"],["#006add","colored","contentbuilder/themes/colored-blue5.css"],["#e92f94","colored","contentbuilder/themes/colored-pink3.css"],["#a761d9","colored","contentbuilder/themes/colored-purple2.css"],["#f9930f","colored","contentbuilder/themes/colored-yellow2.css"],["#f3522b","colored","contentbuilder/themes/colored-red3.css"],["#36b741","colored","contentbuilder/themes/colored-green2.css"],["#00c17c","colored","contentbuilder/themes/colored-green3.css"],["#fb3279","colored","contentbuilder/themes/colored-pink2.css"],["#ff6d13","colored","contentbuilder/themes/colored-orange2.css"],["#f13535","colored","contentbuilder/themes/colored-red2.css"],["#646464","colored","contentbuilder/themes/colored-gray.css"],["#3f4ec9","dark","contentbuilder/themes/dark-blue.css"],["#0b4d92","dark","contentbuilder/themes/dark-blue2.css"],["#006add","dark","contentbuilder/themes/dark-blue3.css"],["#5f3ebf","dark","contentbuilder/themes/dark-purple.css"],["#e92f69","dark","contentbuilder/themes/dark-pink.css"],["#4c4c4c","dark","contentbuilder/themes/dark-gray.css"],["#ed2828","dark","contentbuilder/themes/dark-red.css"],["#006add","colored","contentbuilder/themes/colored-blue8.css"],["#ff7723","colored","contentbuilder/themes/colored-orange3.css"],["#ff5722","colored","contentbuilder/themes/colored-red5.css"],["#f13535","colored","contentbuilder/themes/colored-red4.css"],["#00bd79","colored","contentbuilder/themes/colored-green5.css"],["#557ae9","colored","contentbuilder/themes/colored-blue7.css"],["#fb3279","colored","contentbuilder/themes/colored-pink4.css"]],backgroundColor:"#f1f1f1",imageselect:"",fileselect:"",imageSelect:"",fileSelect:"",videoselect:"",videoSelect:"",audioSelect:"",mediaSelect:"",selectIcon:'<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-folder"></use></svg>',otherSelect:"",otherSelectCaption:"Select Document",otherSelectIcon:'<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-list-search"></use></svg>',imageSelectWidth:"1024px",imageSelectHeight:"80vh",fileSelectWidth:"1024px",fileSelectHeight:"80vh",videoSelectWidth:"1024px",videoSelectHeight:"80vh",audioSelectWidth:"1024px",audioSelectHeight:"80vh",mediaSelectWidth:"1024px",mediaSelectHeight:"80vh",assetRefresh:!1,slider:"",navbar:!1,onRender:function(){},onChange:function(){},onCoverImageSelectClick:null,coverImageHandler:"",customval:"",enableAnimation:!1,colors:["#ff8f00","#ef6c00","#d84315","#c62828","#58362f","#37474f","#353535","#f9a825","#9e9d24","#558b2f","#ad1457","#6a1b9a","#4527a0","#616161","#00b8c9","#009666","#2e7d32","#0277bd","#1565c0","#283593","#9e9e9e"],gradientcolors:[["linear-gradient(0deg, rgb(255, 57, 25), rgb(249, 168, 37))","light"],["linear-gradient(0deg, rgb(255, 57, 25), rgb(255, 104, 15))","light"],["linear-gradient(0deg, #FF5722, #FF9800)","light"],["linear-gradient(0deg, #613ca2, rgb(110, 123, 217))","light"],["linear-gradient(0deg, rgb(65, 70, 206), rgb(236, 78, 130))","light"],["linear-gradient(0deg, rgb(0, 150, 102), rgb(90, 103, 197))","light"],["linear-gradient(30deg, rgb(249, 119, 148), rgb(98, 58, 162))","light"],["linear-gradient(0deg, rgb(223, 70, 137), rgb(90, 103, 197))","light"],["linear-gradient(0deg, rgb(40, 53, 147), rgb(90, 103, 197))","light"],["linear-gradient(0deg, rgb(21, 101, 192), rgb(52, 169, 239))","light"],["linear-gradient(0deg, rgb(32, 149, 219), rgb(139, 109, 230))","light"],["linear-gradient(0deg, rgb(90, 103, 197), rgb(0, 184, 201))","light"],["linear-gradient(0deg, rgb(0, 184, 201), rgb(253, 187, 45))","light"],["linear-gradient(0deg, rgb(255, 208, 100), rgb(239, 98, 159))","light"],["linear-gradient(0deg, rgb(0, 214, 223), rgb(130, 162, 253))","light"],["linear-gradient(0deg, rgb(50, 234, 251), rgb(248, 247, 126))","dark"],["linear-gradient(0deg, rgb(141, 221, 255), rgb(255, 227, 255))","dark"],["linear-gradient(0deg, rgb(255, 170, 170), rgb(255, 255, 200))","dark"],["linear-gradient(0deg, rgb(239, 239, 239), rgb(252, 252, 252))","dark"]],photoselect:"",moduleConfig:[],largerImageHandler:"",imageHandler:"",mediaHandler:"",videoHandler:"",audioHandler:"",fileHandler:"",cellFormat:"",rowFormat:"",row:"",cols:[],colequal:[],colsizes:[],classReplace:[],columnTool:!0,elementTool:!0,buttons:["bold","italic","underline","formatting","color","align","textsettings","createLink","tags","|","undo","redo","zoom","more"],buttonsMore:["icon","image","|","list","font","formatPara","|","preferences"],elementButtons:["left","center","right","full","undo","redo","zoom","more"],elementButtonsMore:["|","preferences"],iconButtons:["icon","color","textsettings","createLink","|","undo","redo","zoom","more"],iconButtonsMore:["|","preferences"],customTags:[],animateModal:!1,elementAnimate:!1,elementEditor:!0,imageQuality:.92,columnHtmlEditor:!0,rowHtmlEditor:!0,rowMoveButtons:!0,scrollableEditingToolbar:!0,toolbar:"top",toolbarDisplay:"auto",toolbarAddSnippetButton:!1,paste:"html-without-styles",builderMode:"",rowcolOutline:!0,elementSelection:!0,animatedSorting:!1,dragWithoutHandle:!1,addButtonPlacement:"",snippetCategories:[[120,"Basic"],[118,"Article"],[101,"Headline"],[119,"Buttons"],[102,"Photos"],[103,"Profile"],[116,"Contact"],[104,"Products"],[105,"Features"],[106,"Process"],[107,"Pricing"],[108,"Skills"],[109,"Achievements"],[110,"Quotes"],[111,"Partners"],[112,"As Featured On"],[113,"Page Not Found"],[114,"Coming Soon"],[115,"Help, FAQ"]],defaultSnippetCategory:120,outlineMode:"",elementHighlight:!0,rowTool:"right",toolStyle:"",outlineStyle:"",snippetAddTool:!0,mobileSimpleEdit:!1,clearPreferences:!1,imageEmbed:!0,undoRedoStyles:!0,undoContainerOnly:!1,absolutePath:!1,maxEmbedImageWidth:1600,zoom:.6,shortenHTML:!0,advancedTimeline:!0,previewStyle:"top:auto;bottom:30px;left:90px;right:auto;",livePreviewOpen:!1,livePreviewAlwaysReload:!1,livePreviewReloadEvery:30,deleteConfirm:!1,sectionTemplate:'\n            <div class="is-section is-box is-section-100 box-autofit type-opensans">\n                <div class="is-overlay"></div>\n                <div class="is-container is-content-1000 v2 size-18 leading-14">\n                    [%CONTENT%]\n                </div>\n            </div>\n            ',contentStyleWithSample:!1,contentSizes:[300,320,340,360,380,400,420,440,460,480,500,520,540,560,580,600,620,640,660,680,700,720,740,760,780,800,820,840,860,880,900,920,940,960,970,980,1e3,1020,1040,1050,1060,1080,1100,1120,1140,1160,1180,1200,1220,1240,1260,1280,1300,1320,1340,1360,1380,1400,1420,1440,1460,1480,1500,1520,1540,1560,1580,1600,1620,1640,1660,1680,1700,1720,1740,1760,1780,1800,1820,1840,1860,1880,1900,1920,1940,1960,1980,2e3,2020,2040,2060,2080,2100,2120,2140,2160,2180,2200,2220,2240,2260,2280,2300,2320,2340,2360,2380,2400,2420,2440,2460,2480,2500,2520,2540,2560,2580,2600,2620,2640,2660,2680,2700],contentStyles:{data:{categories:[{id:-1,desc:"ALL"},{id:1,desc:"Sans-serif & Sans-serif"},{id:2,desc:"Serif & Serif"},{id:3,desc:"Sans-serif & Serif"},{id:4,desc:"Serif & Sans-serif"},{id:5,desc:"Monospace & Monospace"},{id:6,desc:"Monospace & Sans-serif"},{id:7,desc:"Sans-serif & Monospace"},{id:8,desc:"Display & Sans-serif"},{id:9,desc:"Handwriting & Sans-serif"},{id:10,desc:"Display & Serif"},{id:11,desc:"Handwriting & Serif"},{id:12,desc:"Display & Monospace"},{id:13,desc:"Handwriting & Monospace"},{id:14,desc:"Display & Display"}],styles:[{css:"basetype-opensans.css",sectioncss:"type-opensans.css",classname:"type-opensans",img:"000.png",category:9,default:!0,caption:"Open Sans"},{css:"basetype-spectralsc-karma.css",sectioncss:"type-spectralsc-karma.css",classname:"type-spectralsc-karma",img:"004.png",category:2,default:!0,caption:"Spectral SC & Karma"},{css:"basetype-alegreyasanssc-hind.css",sectioncss:"type-alegreyasanssc-hind.css",classname:"type-alegreyasanssc-hind",img:"006.png",category:1,default:!0,caption:"Alegreya Sans SC & Hind"},{css:"basetype-cabinsketch-montserrat.css",sectioncss:"type-cabinsketch-montserrat.css",classname:"type-cabinsketch-montserrat",img:"007.png",category:8,default:!0,caption:"Cabin Sketch & Montserrat"},{css:"basetype-anonymouspro-catamaran.css",sectioncss:"type-anonymouspro-catamaran.css",classname:"type-anonymouspro-catamaran",img:"010.png",category:6,default:!0,caption:"Anonymous Pro & Catamaran"},{css:"basetype-nothingyouc-ibmplexmono.css",sectioncss:"type-nothingyouc-ibmplexmono.css",classname:"type-nothingyouc-ibmplexmono",img:"011.png",category:13,default:!0,caption:"Nothing You Could Do & IBM Plex Mono"},{css:"basetype-juliussansone-taviraj.css",sectioncss:"type-juliussansone-taviraj.css",classname:"type-juliussansone-taviraj",img:"012.png",category:3,default:!0,caption:"Julius Sans One & Taviraj"},{css:"basetype-voltaire-sourcecodepro.css",sectioncss:"type-voltaire-sourcecodepro.css",classname:"type-voltaire-sourcecodepro",img:"013.png",category:7,default:!0,caption:"Voltaire & Source Code Pro"},{css:"basetype-oregano-zillaslab.css",sectioncss:"type-oregano-zillaslab.css",classname:"type-oregano-zillaslab",img:"014.png",category:10,default:!0,caption:"Oregano & Zilla Slab"},{css:"basetype-anonymouspro.css",sectioncss:"type-anonymouspro.css",classname:"type-anonymouspro",img:"016.png",category:5,default:!1,caption:"Anonymous Pro"},{css:"basetype-dancingscript-anonymouspro.css",sectioncss:"type-dancingscript-anonymouspro.css",classname:"type-dancingscript-anonymouspro",img:"018.png",category:13,default:!1,caption:"Dancing Script & Anonymous Pro"},{css:"basetype-unicaone-cormorantgaramond.css",sectioncss:"type-unicaone-cormorantgaramond.css",classname:"type-unicaone-cormorantgaramond",img:"019.png",category:10,default:!1,caption:"Unica One & Cormorant Garamond"},{css:"basetype-allan-overpassmono.css",sectioncss:"type-allan-overpassmono.css",classname:"type-allan-overpassmono",img:"020.png",category:12,default:!1,caption:"Allan & Overpass Mono"},{css:"basetype-averialibre-barlow.css",sectioncss:"type-averialibre-barlow.css",classname:"type-averialibre-barlow",img:"021.png",category:8,default:!1,caption:"Averia Libre & Barlow"},{css:"basetype-merriweathersans-martel.css",sectioncss:"type-merriweathersans-martel.css",classname:"type-merriweathersans-martel",img:"022.png",category:3,default:!1,caption:"Merriweather Sans & Martel"},{css:"basetype-poppins.css",sectioncss:"type-poppins.css",classname:"type-poppins",img:"023.png",category:1,default:!1,caption:"Poppins"},{css:"basetype-specialelite-encodesans.css",sectioncss:"type-specialelite-encodesans.css",classname:"type-specialelite-encodesans",img:"026.png",category:8,default:!1,caption:"Special Elite & Encode Sans"},{css:"basetype-marcellussc-heebo.css",sectioncss:"type-marcellussc-heebo.css",classname:"type-marcellussc-heebo",img:"028.png",category:4,default:!1,caption:"Marcellus SC & Heebo"},{css:"basetype-oswald-cousine.css",sectioncss:"type-oswald-cousine.css",classname:"type-oswald-cousine",img:"029.png",category:7,default:!1,caption:"Oswald & Cousine"},{css:"basetype-oranienbaum-sourcesanspro.css",sectioncss:"type-oranienbaum-sourcesanspro.css",classname:"type-oranienbaum-sourcesanspro",img:"031.png",category:4,default:!1,caption:"Oranienbaum & Source Sans Pro"},{css:"basetype-sriracha-arvo.css",sectioncss:"type-sriracha-arvo.css",classname:"type-sriracha-arvo",img:"032.png",category:11,default:!1,caption:"Sriracha & Arvo"},{css:"basetype-merriweather.css",sectioncss:"type-merriweather.css",classname:"type-merriweather",img:"033.png",category:2,default:!1,caption:"Merriweather"},{css:"basetype-badscript-rokkitt.css",sectioncss:"type-badscript-rokkitt.css",classname:"type-badscript-rokkitt",img:"034.png",category:11,default:!1,caption:"Bad Script & Rokkitt"},{css:"basetype-inconsolata.css",sectioncss:"type-inconsolata.css",classname:"type-inconsolata",img:"036.png",category:5,default:!1,caption:"Inconsolata"},{css:"basetype-novamono-robotomono.css",sectioncss:"type-novamono-robotomono.css",classname:"type-novamono-robotomono",img:"037.png",category:5,default:!1,caption:"Nova Mono & Roboto Mono"},{css:"basetype-spacemono.css",sectioncss:"type-spacemono.css",classname:"type-spacemono",img:"038.png",category:5,default:!1,caption:"Space Mono"},{css:"basetype-elsie-frankruhllibre.css",sectioncss:"type-elsie-frankruhllibre.css",classname:"type-elsie-frankruhllibre",img:"042.png",category:10,default:!1,caption:"Elsie & Frank Ruhl Libre"},{css:"basetype-playfairdisp-petitformalscr.css",sectioncss:"type-playfairdisp-petitformalscr.css",classname:"type-playfairdisp-petitformalscr",img:"043.png",category:2,default:!1,caption:"Playfair Display"},{css:"basetype-josefinsans-neuton.css",sectioncss:"type-josefinsans-neuton.css",classname:"type-josefinsans-neuton",img:"044.png",category:3,default:!1,caption:"Josefin Sans & Neuton"},{css:"basetype-stintultracon-inconsolata.css",sectioncss:"type-stintultracon-inconsolata.css",classname:"type-stintultracon-inconsolata",img:"045.png",category:12,default:!1,caption:"Stint Ultra Condensed & Inconsolata"},{css:"basetype-raleway-playfairdisplay.css",sectioncss:"type-raleway-playfairdisplay.css",classname:"type-raleway-playfairdisplay",img:"047.png",category:1,default:!1,caption:"Raleway"},{css:"basetype-ubuntumono-sourcecodepro.css",sectioncss:"type-ubuntumono-sourcecodepro.css",classname:"type-ubuntumono-sourcecodepro",img:"049.png",category:5,default:!1,caption:"Ubuntu Mono & Source Code Pro"},{css:"basetype-sharetechmono-nunito.css",sectioncss:"type-sharetechmono-nunito.css",classname:"type-sharetechmono-nunito",img:"050.png",category:6,default:!1,caption:"Share Tech Mono & Nunito"},{css:"basetype-lato.css",sectioncss:"type-lato.css",classname:"type-lato",img:"051.png",category:1,default:!1,caption:"Lato"},{css:"basetype-pathwaygothicone-merriweather.css",sectioncss:"type-pathwaygothicone-merriweather.css",classname:"type-pathwaygothicone-merriweather",img:"052.png",category:3,default:!1,caption:"Pathway Gothic One & Merriweather"},{css:"basetype-forum-nanumgothiccoding.css",sectioncss:"type-forum-nanumgothiccoding.css",classname:"type-forum-nanumgothiccoding",img:"053.png",category:12,default:!1,caption:"Forum & Nanum Gothic Coding"},{css:"basetype-bilbo-halant.css",sectioncss:"type-bilbo-halant.css",classname:"type-bilbo-halant",img:"054.png",category:11,default:!1,caption:"Bilbo & Halant"},{css:"basetype-hammersmithone-poppins.css",sectioncss:"type-hammersmithone-poppins.css",classname:"type-hammersmithone-poppins",img:"057.png",category:1,default:!1,caption:"Hammersmith One & Poppins"},{css:"basetype-arimamadurai.css",sectioncss:"type-arimamadurai.css",classname:"type-arimamadurai",img:"058.png",category:14,default:!1,caption:"Arima Madurai"},{css:"basetype-teko-muktamahee.css",sectioncss:"type-teko-muktamahee.css",classname:"type-teko-muktamahee",img:"059.png",category:1,default:!1,caption:"Teko & Mukta Mahee"},{css:"basetype-heebo-ibmplexmono.css",sectioncss:"type-heebo-ibmplexmono.css",classname:"type-heebo-ibmplexmono",img:"060.png",category:7,default:!1,caption:"Heebo & IBM Plex Mono"},{css:"basetype-sairacon-thegirlnextdoor.css",sectioncss:"type-sairacon-thegirlnextdoor.css",classname:"type-sairacon-thegirlnextdoor",img:"062.png",category:1,default:!1,caption:"Saira Condensed"},{css:"basetype-frankruhllibre-lato.css",sectioncss:"type-frankruhllibre-lato.css",classname:"type-frankruhllibre-lato",img:"063.png",category:4,default:!1,caption:"Frank Ruhl Libre & Lato"},{css:"basetype-yantramanav-ibmplexserif.css",sectioncss:"type-yantramanav-ibmplexserif.css",classname:"type-yantramanav-ibmplexserif",img:"064.png",category:1,default:!1,caption:"Yantramanav & IBM Plex Serif"},{css:"basetype-quicksand-kalam.css",sectioncss:"type-quicksand-kalam.css",classname:"type-quicksand-kalam",img:"065.png",category:1,default:!1,caption:"Quicksand & Kalam"},{css:"basetype-ibmplexmono.css",sectioncss:"type-ibmplexmono.css",classname:"type-ibmplexmono",img:"066.png",category:5,default:!1,caption:"IBM Plex Mono"},{css:"basetype-cinzeldecor-palanquin.css",sectioncss:"type-cinzeldecor-palanquin.css",classname:"type-cinzeldecor-palanquin",img:"067.png",category:8,default:!1,caption:"Cinzel Decorative & Palanquin"},{css:"basetype-oswald-biryani.css",sectioncss:"type-oswald-biryani.css",classname:"type-oswald-biryani",img:"069.png",category:1,default:!1,caption:"Oswald & Biryani"},{css:"basetype-yanonekaff-josefinsans.css",sectioncss:"type-yanonekaff-josefinsans.css",classname:"type-yanonekaff-josefinsans",img:"070.png",category:1,default:!1,caption:"Yanone Kaffeesatz & Josefin Sans"},{css:"basetype-abrilfatface-assistant.css",sectioncss:"type-abrilfatface-assistant.css",classname:"type-abrilfatface-assistant",img:"071.png",category:8,default:!1,caption:"Abril Fatface & Assistant"},{css:"basetype-nanumgothiccod-firasanscon.css",sectioncss:"type-nanumgothiccod-firasanscon.css",classname:"type-nanumgothiccod-firasanscon",img:"072.png",category:6,default:!1,caption:"Nanum Gothic Coding & Fira Sans Condensed"},{css:"basetype-inder-trirong.css",sectioncss:"type-inder-trirong.css",classname:"type-inder-trirong",img:"073.png",category:3,default:!1,caption:"Inder & Trirong"},{css:"basetype-atma-tajawal.css",sectioncss:"type-atma-tajawal.css",classname:"type-atma-tajawal",img:"075.png",category:8,default:!1,caption:"Atma & Tajawal"},{css:"basetype-prata-hindsiliguri.css",sectioncss:"type-prata-hindsiliguri.css",classname:"type-prata-hindsiliguri",img:"076.png",category:4,default:!1,caption:"Prata & Hind Siliguri"},{css:"basetype-federo-gothica1.css",sectioncss:"type-federo-gothica1.css",classname:"type-federo-gothica1",img:"078.png",category:1,default:!1,caption:"Federo & Gothic A1"},{css:"basetype-fjallaone-ibmplexserif.css",sectioncss:"type-fjallaone-ibmplexserif.css",classname:"type-fjallaone-ibmplexserif",img:"079.png",category:3,default:!1,caption:"Fjalla One & IBM Plex Serif"},{css:"basetype-cormorantsc-ibmplexsanscon.css",sectioncss:"type-cormorantsc-ibmplexsanscon.css",classname:"type-cormorantsc-ibmplexsanscon",img:"081.png",category:4,default:!1,caption:"Cormorant SC & IBM Plex Sans Condensed"},{css:"basetype-kalam-robotomono.css",sectioncss:"type-kalam-robotomono.css",classname:"type-kalam-robotomono",img:"082.png",category:13,default:!1,caption:"Kalam & Roboto Mono"},{css:"basetype-fugazone-librefranklin.css",sectioncss:"type-fugazone-librefranklin.css",classname:"type-fugazone-librefranklin",img:"083.png",category:8,default:!1,caption:"Fugaz One & Libre Franklin"},{css:"basetype-yeonsung-palanquin.css",sectioncss:"type-yeonsung-palanquin.css",classname:"type-yeonsung-palanquin",img:"085.png",category:8,default:!1,caption:"Yeon Sung & Palanquin"},{css:"basetype-rancho-robotoslab.css",sectioncss:"type-rancho-robotoslab.css",classname:"type-rancho-robotoslab",img:"086.png",category:11,default:!1,caption:"Rancho & Roboto Slab"},{css:"basetype-tenaram-overpassmono.css",sectioncss:"type-tenaram-overpassmono.css",classname:"type-tenaram-overpassmono",img:"087.png",category:7,default:!1,caption:"Tenali Ramakrishna & Overpass Mono"},{css:"basetype-thegirlnextdoor-sourcesanspro.css",sectioncss:"type-thegirlnextdoor-sourcesanspro.css",classname:"type-thegirlnextdoor-sourcesanspro",img:"088.png",category:9,default:!1,caption:"The Girl Next Door & Source Sans Pro"},{css:"basetype-boogaloo-inconsolata.css",sectioncss:"type-boogaloo-inconsolata.css",classname:"type-boogaloo-inconsolata",img:"090.png",category:12,default:!1,caption:"Boogaloo & Inconsolata"},{css:"basetype-caveat-sourcecodepro.css",sectioncss:"type-caveat-sourcecodepro.css",classname:"type-caveat-sourcecodepro",img:"091.png",category:13,default:!1,caption:"Caveat & Source Code Pro"},{css:"basetype-passionone-worksans.css",sectioncss:"type-passionone-worksans.css",classname:"type-passionone-worksans",img:"092.png",category:8,default:!1,caption:"Passion One & Work Sans"},{css:"basetype-anticdidone-halant.css",sectioncss:"type-anticdidone-halant.css",classname:"type-anticdidone-halant",img:"093.png",category:2,default:!1,caption:"Antic Didone & Halant"},{css:"basetype-adventpro-opensans.css",sectioncss:"type-adventpro-opensans.css",classname:"type-adventpro-opensans",img:"094.png",category:1,default:!1,caption:"Advent Pro & Open Sans"},{css:"basetype-cutivemono-lato.css",sectioncss:"type-cutivemono-lato.css",classname:"type-cutivemono-lato",img:"095.png",category:6,default:!1,caption:"Cutive Mono & Lato"},{css:"basetype-elsie-montserrat.css",sectioncss:"type-elsie-montserrat.css",classname:"type-elsie-montserrat",img:"096.png",category:8,default:!1,caption:"Elsie & Montserrat"},{css:"basetype-macondo-mukta.css",sectioncss:"type-macondo-mukta.css",classname:"type-macondo-mukta",img:"097.png",category:8,default:!1,caption:"Macondo & Mukta"},{css:"basetype-oswald-opensans.css",sectioncss:"type-oswald-opensans.css",classname:"type-oswald-opensans",img:"098.png",category:1,default:!1,caption:"Oswald & Open Sans"},{css:"basetype-poppins-lekton.css",sectioncss:"type-poppins-lekton.css",classname:"type-poppins-lekton",img:"099.png",category:1,default:!1,caption:"Poppins & Lekton"},{css:"basetype-raleway-neuton.css",sectioncss:"type-raleway-neuton.css",classname:"type-raleway-neuton",img:"100.png",category:3,default:!1,caption:"Raleway & Neuton"},{css:"basetype-sourcecodepro-nunitosans.css",sectioncss:"type-sourcecodepro-nunitosans.css",classname:"type-sourcecodepro-nunitosans",img:"101.png",category:6,default:!1,caption:"Source Code Pro & Nunito Sans"},{css:"basetype-tangerine-opensans.css",sectioncss:"type-tangerine-opensans.css",classname:"type-tangerine-opensans",img:"102.png",category:9,default:!1,caption:"Tangerine & Open Sans"},{css:"basetype-alegreya-lato.css",sectioncss:"type-alegreya-lato.css",classname:"type-alegreya-lato",img:"103.png",category:4,default:!1,caption:"Alegreya & Lato"},{css:"basetype-amaticsc-lato.css",sectioncss:"type-amaticsc-lato.css",classname:"type-amaticsc-lato",img:"104.png",category:9,default:!1,caption:"Amatic SC & Lato"},{css:"basetype-heebo-ibmplexmono-2.css",sectioncss:"type-heebo-ibmplexmono-2.css",classname:"type-heebo-ibmplexmono-2",img:"105.png",category:7,default:!1,caption:"Heebo & IBM Plex Mono"},{css:"basetype-juliussansone-robotocondensed.css",sectioncss:"type-juliussansone-robotocondensed.css",classname:"type-juliussansone-robotocondensed",img:"106.png",category:1,default:!1,caption:"Julius Sans One & Roboto Condensed"},{css:"basetype-montserrat-roboto.css",sectioncss:"type-montserrat-roboto.css",classname:"type-montserrat-roboto",img:"107.png",category:1,default:!1,caption:"Montserrat & Roboto"},{css:"basetype-nothingyouc-ibmplexmono-2.css",sectioncss:"type-nothingyouc-ibmplexmono-2.css",classname:"type-nothingyouc-ibmplexmono-2",img:"108.png",category:13,default:!1,caption:"Nothing You Could Do & IBM Plex Mono"},{css:"basetype-raleway-lato.css",sectioncss:"type-raleway-lato.css",classname:"type-raleway-lato",img:"109.png",category:1,default:!1,caption:"Raleway & Lato"},{css:"basetype-raleway-lusitana.css",sectioncss:"type-raleway-lusitana.css",classname:"type-raleway-lusitana",img:"110.png",category:3,default:!1,caption:"Raleway & Lusitana"},{css:"basetype-rufina-oxygen.css",sectioncss:"type-rufina-oxygen.css",classname:"type-rufina-oxygen",img:"111.png",category:4,default:!1,caption:"Rufina & Oxygen"},{css:"basetype-sacramento-opensans.css",sectioncss:"type-sacramento-opensans.css",classname:"type-sacramento-opensans",img:"112.png",category:9,default:!1,caption:"Sacramento & Open Sans"},{css:"basetype-specialelite-playfairdisplay.css",sectioncss:"type-specialelite-playfairdisplay.css",classname:"type-specialelite-playfairdisplay",img:"113.png",category:10,default:!1,caption:"Special Elite & Playfair Display"},{css:"basetype-unicaone-sourcesanspro.css",sectioncss:"type-unicaone-sourcesanspro.css",classname:"type-unicaone-sourcesanspro",img:"114.png",category:8,default:!1,caption:"Unica One & Source Sans Pro"},{css:"basetype-amaticsc-josepfinsans.css",sectioncss:"type-amaticsc-josepfinsans.css",classname:"type-amaticsc-josepfinsans",img:"001.png",category:9,default:!0,caption:"Amatic SC & Josefin Sans"},{css:"basetype-sourcesanspro-anonymouspro.css",sectioncss:"type-sourcesanspro-anonymouspro.css",classname:"type-sourcesanspro-anonymouspro",img:"002.png",category:7,default:!0,caption:"Source Sans Pro & Anonymous Pro"},{css:"basetype-poppins-oldstandardtt.css",sectioncss:"type-poppins-oldstandardtt.css",classname:"type-poppins-oldstandardtt",img:"003.png",category:3,default:!0,caption:"Poppins & Old Standard TT"},{css:"basetype-yesteryear-chivo.css",sectioncss:"type-yesteryear-chivo.css",classname:"type-yesteryear-chivo",img:"005.png",category:9,default:!0,caption:"Yesteryear & Chivo"},{css:"basetype-ptserif-poppins.css",sectioncss:"type-ptserif-poppins.css",classname:"type-ptserif-poppins",img:"008.png",category:4,default:!0,caption:"PT Serif & Poppins"},{css:"basetype-kellyslab-yantramanav.css",sectioncss:"type-kellyslab-yantramanav.css",classname:"type-kellyslab-yantramanav",img:"009.png",category:8,default:!0,caption:"Kelly Slab & Yantramanav"},{css:"basetype-yellowtail-frankruhllibre.css",sectioncss:"type-yellowtail-frankruhllibre.css",classname:"type-yellowtail-frankruhllibre",img:"015.png",category:11,default:!0,caption:"Yellowtail & Frank Ruhl Libre"},{css:"basetype-sedgwickave-spectral.css",sectioncss:"type-sedgwickave-spectral.css",classname:"type-sedgwickave-spectral",img:"017.png",category:10,default:!1,caption:"Sedgwick Ave & Spectral"},{css:"basetype-satisfy-economica.css",sectioncss:"type-satisfy-economica.css",classname:"type-satisfy-economica",img:"024.png",category:9,default:!1,caption:"Satisfy & Economica"},{css:"basetype-josefinsans-lekton.css",sectioncss:"type-josefinsans-lekton.css",classname:"type-josefinsans-lekton",img:"025.png",category:1,default:!1,caption:"Josefin Sans & Lekton"},{css:"basetype-parisienne-maitree.css",sectioncss:"type-parisienne-maitree.css",classname:"type-parisienne-maitree",img:"027.png",category:11,default:!1,caption:"Parisienne & Maitree"},{css:"basetype-londrinashadow-martel.css",sectioncss:"type-londrinashadow-martel.css",classname:"type-londrinashadow-martel",img:"030.png",category:10,default:!1,caption:"Londrina Shadow & Martel"},{css:"basetype-poiretone-pridi.css",sectioncss:"type-poiretone-pridi.css",classname:"type-poiretone-pridi",img:"035.png",category:10,default:!1,caption:"Poiret One & Pridi"},{css:"basetype-pollerone-ibmplexserif.css",sectioncss:"type-pollerone-ibmplexserif.css",classname:"type-pollerone-ibmplexserif",img:"039.png",category:10,default:!1,caption:"Poller One & IBM Plex Serif"},{css:"basetype-italiana-martel.css",sectioncss:"type-italiana-martel.css",classname:"type-italiana-martel",img:"040.png",category:2,default:!1,caption:"Italiana & Martel"},{css:"basetype-julee-lora.css",sectioncss:"type-julee-lora.css",classname:"type-julee-lora",img:"041.png",category:11,default:!1,caption:"Julee & Lora"},{css:"basetype-sixcaps-robotomono.css",sectioncss:"type-sixcaps-robotomono.css",classname:"type-sixcaps-robotomono",img:"046.png",category:7,default:!1,caption:"Six Caps & Roboto Mono"},{css:"basetype-pacifico-nanumgothiccod.css",sectioncss:"type-pacifico-nanumgothiccod.css",classname:"type-pacifico-nanumgothiccod",img:"048.png",category:13,default:!1,caption:"Pacifico & Nanum Gothic Coding"},{css:"basetype-greatvibes-robotomono.css",sectioncss:"type-greatvibes-robotomono.css",classname:"type-greatvibes-robotomono",img:"055.png",category:13,default:!1,caption:"Great Vibes & Roboto Mono"},{css:"basetype-pinyonscript-firasans.css",sectioncss:"type-pinyonscript-firasans.css",classname:"type-pinyonscript-firasans",img:"056.png",category:9,default:!1,caption:"Pinyon Script & Fira Sans"},{css:"basetype-sail-rasa.css",sectioncss:"type-sail-rasa.css",classname:"type-sail-rasa",img:"061.png",category:10,default:!1,caption:"Sail & Rasa"},{css:"basetype-yesevaone-forum.css",sectioncss:"type-yesevaone-forum.css",classname:"type-yesevaone-forum",img:"068.png",category:14,default:!1,caption:"Yeseva One & Forum"},{css:"basetype-dosis-oldstandardtt.css",sectioncss:"type-dosis-oldstandardtt.css",classname:"type-dosis-oldstandardtt",img:"074.png",category:1,default:!1,caption:"Dosis & Old Standard TT"},{css:"basetype-engagement-spectral.css",sectioncss:"type-engagement-spectral.css",classname:"type-engagement-spectral",img:"077.png",category:11,default:!1,caption:"Engagement & Spectral"},{css:"basetype-dynalight-mada.css",sectioncss:"type-dynalight-mada.css",classname:"type-dynalight-mada",img:"080.png",category:8,default:!1,caption:"Dynalight & Mada"},{css:"basetype-gravitasone-nanummyeongjo.css",sectioncss:"type-gravitasone-nanummyeongjo.css",classname:"type-gravitasone-nanummyeongjo",img:"084.png",category:10,default:!1,caption:"Gravitas One & Nanum Myeongjo"},{css:"basetype-alexbrush-ibmplexsans.css",sectioncss:"type-alexbrush-ibmplexsans.css",classname:"type-alexbrush-ibmplexsans",img:"089.png",category:9,default:!1,caption:"Alex Brush & IBM Plex Sans"}]}},contentStylesAlt:{data:{categories:[{id:-1,desc:"ALL"},{id:1,desc:"Sans-serif & Sans-serif"},{id:2,desc:"Serif & Serif"},{id:3,desc:"Sans-serif & Serif"},{id:4,desc:"Serif & Sans-serif"},{id:5,desc:"Monospace & Monospace"},{id:6,desc:"Monospace & Sans-serif"},{id:7,desc:"Sans-serif & Monospace"},{id:8,desc:"Display & Sans-serif"},{id:9,desc:"Handwriting & Sans-serif"},{id:10,desc:"Display & Serif"},{id:11,desc:"Handwriting & Serif"},{id:12,desc:"Display & Monospace"},{id:13,desc:"Handwriting & Monospace"},{id:14,desc:"Display & Display"}],styles:[{css:"basetype-opensans.css",sectioncss:"type-opensans.css",classname:"type-opensans",img:"type-opensans.jpg",category:9,default:!0,caption:"Open Sans"},{css:"basetype-spectralsc-karma.css",sectioncss:"type-spectralsc-karma.css",classname:"type-spectralsc-karma",img:"type-spectralsc-karma.jpg",category:2,default:!0,caption:"Spectral SC & Karma"},{css:"basetype-alegreyasanssc-hind.css",sectioncss:"type-alegreyasanssc-hind.css",classname:"type-alegreyasanssc-hind",img:"type-alegreyasanssc-hind.jpg",category:1,default:!0,caption:"Alegreya Sans SC & Hind"},{css:"basetype-cabinsketch-montserrat.css",sectioncss:"type-cabinsketch-montserrat.css",classname:"type-cabinsketch-montserrat",img:"type-cabinsketch-montserrat.jpg",category:8,default:!0,caption:"Cabin Sketch & Montserrat"},{css:"basetype-anonymouspro-catamaran.css",sectioncss:"type-anonymouspro-catamaran.css",classname:"type-anonymouspro-catamaran",img:"type-anonymouspro-catamaran.jpg",category:6,default:!0,caption:"Anonymous Pro & Catamaran"},{css:"basetype-nothingyouc-ibmplexmono.css",sectioncss:"type-nothingyouc-ibmplexmono.css",classname:"type-nothingyouc-ibmplexmono",img:"type-nothingyouc-ibmplexmono.jpg",category:13,default:!0,caption:"Nothing You Could Do & IBM Plex Mono"},{css:"basetype-juliussansone-taviraj.css",sectioncss:"type-juliussansone-taviraj.css",classname:"type-juliussansone-taviraj",img:"type-juliussansone-taviraj.jpg",category:3,default:!0,caption:"Julius Sans One & Taviraj"},{css:"basetype-voltaire-sourcecodepro.css",sectioncss:"type-voltaire-sourcecodepro.css",classname:"type-voltaire-sourcecodepro",img:"type-voltaire-sourcecodepro.jpg",category:7,default:!0,caption:"Voltaire & Source Code Pro"},{css:"basetype-oregano-zillaslab.css",sectioncss:"type-oregano-zillaslab.css",classname:"type-oregano-zillaslab",img:"type-oregano-zillaslab.jpg",category:10,default:!0,caption:"Oregano & Zilla Slab"},{css:"basetype-anonymouspro.css",sectioncss:"type-anonymouspro.css",classname:"type-anonymouspro",img:"type-anonymouspro.jpg",category:5,default:!1,caption:"Anonymous Pro"},{css:"basetype-dancingscript-anonymouspro.css",sectioncss:"type-dancingscript-anonymouspro.css",classname:"type-dancingscript-anonymouspro",img:"type-dancingscript-anonymouspro.jpg",category:13,default:!1,caption:"Dancing Script & Anonymous Pro"},{css:"basetype-unicaone-cormorantgaramond.css",sectioncss:"type-unicaone-cormorantgaramond.css",classname:"type-unicaone-cormorantgaramond",img:"type-unicaone-cormorantgaramond.jpg",category:10,default:!1,caption:"Unica One & Cormorant Garamond"},{css:"basetype-allan-overpassmono.css",sectioncss:"type-allan-overpassmono.css",classname:"type-allan-overpassmono",img:"type-allan-overpassmono.jpg",category:12,default:!1,caption:"Allan & Overpass Mono"},{css:"basetype-averialibre-barlow.css",sectioncss:"type-averialibre-barlow.css",classname:"type-averialibre-barlow",img:"type-averialibre-barlow.jpg",category:8,default:!1,caption:"Averia Libre & Barlow"},{css:"basetype-merriweathersans-martel.css",sectioncss:"type-merriweathersans-martel.css",classname:"type-merriweathersans-martel",img:"type-merriweathersans-martel.jpg",category:3,default:!1,caption:"Merriweather Sans & Martel"},{css:"basetype-poppins.css",sectioncss:"type-poppins.css",classname:"type-poppins",img:"type-poppins.jpg",category:1,default:!1,caption:"Poppins"},{css:"basetype-specialelite-encodesans.css",sectioncss:"type-specialelite-encodesans.css",classname:"type-specialelite-encodesans",img:"type-specialelite-encodesans.jpg",category:8,default:!1,caption:"Special Elite & Encode Sans"},{css:"basetype-marcellussc-heebo.css",sectioncss:"type-marcellussc-heebo.css",classname:"type-marcellussc-heebo",img:"type-marcellussc-heebo.jpg",category:4,default:!1,caption:"Marcellus SC & Heebo"},{css:"basetype-oswald-cousine.css",sectioncss:"type-oswald-cousine.css",classname:"type-oswald-cousine",img:"type-oswald-cousine.jpg",category:7,default:!1,caption:"Oswald & Cousine"},{css:"basetype-oranienbaum-sourcesanspro.css",sectioncss:"type-oranienbaum-sourcesanspro.css",classname:"type-oranienbaum-sourcesanspro",img:"type-oranienbaum-sourcesanspro.jpg",category:4,default:!1,caption:"Oranienbaum & Source Sans Pro"},{css:"basetype-sriracha-arvo.css",sectioncss:"type-sriracha-arvo.css",classname:"type-sriracha-arvo",img:"type-sriracha-arvo.jpg",category:11,default:!1,caption:"Sriracha & Arvo"},{css:"basetype-merriweather.css",sectioncss:"type-merriweather.css",classname:"type-merriweather",img:"type-merriweather.jpg",category:2,default:!1,caption:"Merriweather"},{css:"basetype-badscript-rokkitt.css",sectioncss:"type-badscript-rokkitt.css",classname:"type-badscript-rokkitt",img:"type-badscript-rokkitt.jpg",category:11,default:!1,caption:"Bad Script & Rokkitt"},{css:"basetype-inconsolata.css",sectioncss:"type-inconsolata.css",classname:"type-inconsolata",img:"type-inconsolata.jpg",category:5,default:!1,caption:"Inconsolata"},{css:"basetype-novamono-robotomono.css",sectioncss:"type-novamono-robotomono.css",classname:"type-novamono-robotomono",img:"type-novamono-robotomono.jpg",category:5,default:!1,caption:"Nova Mono & Roboto Mono"},{css:"basetype-spacemono.css",sectioncss:"type-spacemono.css",classname:"type-spacemono",img:"type-spacemono.jpg",category:5,default:!1,caption:"Space Mono"},{css:"basetype-elsie-frankruhllibre.css",sectioncss:"type-elsie-frankruhllibre.css",classname:"type-elsie-frankruhllibre",img:"type-elsie-frankruhllibre.jpg",category:10,default:!1,caption:"Elsie & Frank Ruhl Libre"},{css:"basetype-playfairdisp-petitformalscr.css",sectioncss:"type-playfairdisp-petitformalscr.css",classname:"type-playfairdisp-petitformalscr",img:"type-playfairdisp-petitformalscr.jpg",category:2,default:!1,caption:"Playfair Display"},{css:"basetype-josefinsans-neuton.css",sectioncss:"type-josefinsans-neuton.css",classname:"type-josefinsans-neuton",img:"type-josefinsans-neuton.jpg",category:3,default:!1,caption:"Josefin Sans & Neuton"},{css:"basetype-stintultracon-inconsolata.css",sectioncss:"type-stintultracon-inconsolata.css",classname:"type-stintultracon-inconsolata",img:"type-stintultracon-inconsolata.jpg",category:12,default:!1,caption:"Stint Ultra Condensed & Inconsolata"},{css:"basetype-raleway-playfairdisplay.css",sectioncss:"type-raleway-playfairdisplay.css",classname:"type-raleway-playfairdisplay",img:"type-raleway-playfairdisplay.jpg",category:1,default:!1,caption:"Raleway"},{css:"basetype-ubuntumono-sourcecodepro.css",sectioncss:"type-ubuntumono-sourcecodepro.css",classname:"type-ubuntumono-sourcecodepro",img:"type-ubuntumono-sourcecodepro.jpg",category:5,default:!1,caption:"Ubuntu Mono & Source Code Pro"},{css:"basetype-sharetechmono-nunito.css",sectioncss:"type-sharetechmono-nunito.css",classname:"type-sharetechmono-nunito",img:"type-sharetechmono-nunito.jpg",category:6,default:!1,caption:"Share Tech Mono & Nunito"},{css:"basetype-lato.css",sectioncss:"type-lato.css",classname:"type-lato",img:"type-lato.jpg",category:1,default:!1,caption:"Lato"},{css:"basetype-pathwaygothicone-merriweather.css",sectioncss:"type-pathwaygothicone-merriweather.css",classname:"type-pathwaygothicone-merriweather",img:"type-pathwaygothicone-merriweather.jpg",category:3,default:!1,caption:"Pathway Gothic One & Merriweather"},{css:"basetype-forum-nanumgothiccoding.css",sectioncss:"type-forum-nanumgothiccoding.css",classname:"type-forum-nanumgothiccoding",img:"type-forum-nanumgothiccoding.jpg",category:12,default:!1,caption:"Forum & Nanum Gothic Coding"},{css:"basetype-bilbo-halant.css",sectioncss:"type-bilbo-halant.css",classname:"type-bilbo-halant",img:"type-bilbo-halant.jpg",category:11,default:!1,caption:"Bilbo & Halant"},{css:"basetype-hammersmithone-poppins.css",sectioncss:"type-hammersmithone-poppins.css",classname:"type-hammersmithone-poppins",img:"type-hammersmithone-poppins.jpg",category:1,default:!1,caption:"Hammersmith One & Poppins"},{css:"basetype-arimamadurai.css",sectioncss:"type-arimamadurai.css",classname:"type-arimamadurai",img:"type-arimamadurai.jpg",category:14,default:!1,caption:"Arima Madurai"},{css:"basetype-teko-muktamahee.css",sectioncss:"type-teko-muktamahee.css",classname:"type-teko-muktamahee",img:"type-teko-muktamahee.jpg",category:1,default:!1,caption:"Teko & Mukta Mahee"},{css:"basetype-heebo-ibmplexmono.css",sectioncss:"type-heebo-ibmplexmono.css",classname:"type-heebo-ibmplexmono",img:"type-heebo-ibmplexmono.jpg",category:7,default:!1,caption:"Heebo & IBM Plex Mono"},{css:"basetype-sairacon-thegirlnextdoor.css",sectioncss:"type-sairacon-thegirlnextdoor.css",classname:"type-sairacon-thegirlnextdoor",img:"type-sairacon-thegirlnextdoor.jpg",category:1,default:!1,caption:"Saira Condensed"},{css:"basetype-frankruhllibre-lato.css",sectioncss:"type-frankruhllibre-lato.css",classname:"type-frankruhllibre-lato",img:"type-frankruhllibre-lato.jpg",category:4,default:!1,caption:"Frank Ruhl Libre & Lato"},{css:"basetype-yantramanav-ibmplexserif.css",sectioncss:"type-yantramanav-ibmplexserif.css",classname:"type-yantramanav-ibmplexserif",img:"type-yantramanav-ibmplexserif.jpg",category:1,default:!1,caption:"Yantramanav & IBM Plex Serif"},{css:"basetype-quicksand-kalam.css",sectioncss:"type-quicksand-kalam.css",classname:"type-quicksand-kalam",img:"type-quicksand-kalam.jpg",category:1,default:!1,caption:"Quicksand & Kalam"},{css:"basetype-ibmplexmono.css",sectioncss:"type-ibmplexmono.css",classname:"type-ibmplexmono",img:"type-ibmplexmono.jpg",category:5,default:!1,caption:"IBM Plex Mono"},{css:"basetype-cinzeldecor-palanquin.css",sectioncss:"type-cinzeldecor-palanquin.css",classname:"type-cinzeldecor-palanquin",img:"type-cinzeldecor-palanquin.jpg",category:8,default:!1,caption:"Cinzel Decorative & Palanquin"},{css:"basetype-oswald-biryani.css",sectioncss:"type-oswald-biryani.css",classname:"type-oswald-biryani",img:"type-oswald-biryani.jpg",category:1,default:!1,caption:"Oswald & Biryani"},{css:"basetype-yanonekaff-josefinsans.css",sectioncss:"type-yanonekaff-josefinsans.css",classname:"type-yanonekaff-josefinsans",img:"type-yanonekaff-josefinsans.jpg",category:1,default:!1,caption:"Yanone Kaffeesatz & Josefin Sans"},{css:"basetype-abrilfatface-assistant.css",sectioncss:"type-abrilfatface-assistant.css",classname:"type-abrilfatface-assistant",img:"type-abrilfatface-assistant.jpg",category:8,default:!1,caption:"Abril Fatface & Assistant"},{css:"basetype-nanumgothiccod-firasanscon.css",sectioncss:"type-nanumgothiccod-firasanscon.css",classname:"type-nanumgothiccod-firasanscon",img:"type-nanumgothiccod-firasanscon.jpg",category:6,default:!1,caption:"Nanum Gothic Coding & Fira Sans Condensed"},{css:"basetype-inder-trirong.css",sectioncss:"type-inder-trirong.css",classname:"type-inder-trirong",img:"type-inder-trirong.jpg",category:3,default:!1,caption:"Inder & Trirong"},{css:"basetype-atma-tajawal.css",sectioncss:"type-atma-tajawal.css",classname:"type-atma-tajawal",img:"type-atma-tajawal.jpg",category:8,default:!1,caption:"Atma & Tajawal"},{css:"basetype-prata-hindsiliguri.css",sectioncss:"type-prata-hindsiliguri.css",classname:"type-prata-hindsiliguri",img:"type-prata-hindsiliguri.jpg",category:4,default:!1,caption:"Prata & Hind Siliguri"},{css:"basetype-federo-gothica1.css",sectioncss:"type-federo-gothica1.css",classname:"type-federo-gothica1",img:"type-federo-gothica1.jpg",category:1,default:!1,caption:"Federo & Gothic A1"},{css:"basetype-fjallaone-ibmplexserif.css",sectioncss:"type-fjallaone-ibmplexserif.css",classname:"type-fjallaone-ibmplexserif",img:"type-fjallaone-ibmplexserif.jpg",category:3,default:!1,caption:"Fjalla One & IBM Plex Serif"},{css:"basetype-cormorantsc-ibmplexsanscon.css",sectioncss:"type-cormorantsc-ibmplexsanscon.css",classname:"type-cormorantsc-ibmplexsanscon",img:"type-cormorantsc-ibmplexsanscon.jpg",category:4,default:!1,caption:"Cormorant SC & IBM Plex Sans Condensed"},{css:"basetype-kalam-robotomono.css",sectioncss:"type-kalam-robotomono.css",classname:"type-kalam-robotomono",img:"type-kalam-robotomono.jpg",category:13,default:!1,caption:"Kalam & Roboto Mono"},{css:"basetype-fugazone-librefranklin.css",sectioncss:"type-fugazone-librefranklin.css",classname:"type-fugazone-librefranklin",img:"type-fugazone-librefranklin.jpg",category:8,default:!1,caption:"Fugaz One & Libre Franklin"},{css:"basetype-yeonsung-palanquin.css",sectioncss:"type-yeonsung-palanquin.css",classname:"type-yeonsung-palanquin",img:"type-yeonsung-palanquin.jpg",category:8,default:!1,caption:"Yeon Sung & Palanquin"},{css:"basetype-rancho-robotoslab.css",sectioncss:"type-rancho-robotoslab.css",classname:"type-rancho-robotoslab",img:"type-rancho-robotoslab.jpg",category:11,default:!1,caption:"Rancho & Roboto Slab"},{css:"basetype-tenaram-overpassmono.css",sectioncss:"type-tenaram-overpassmono.css",classname:"type-tenaram-overpassmono",img:"type-tenaram-overpassmono.jpg",category:7,default:!1,caption:"Tenali Ramakrishna & Overpass Mono"},{css:"basetype-thegirlnextdoor-sourcesanspro.css",sectioncss:"type-thegirlnextdoor-sourcesanspro.css",classname:"type-thegirlnextdoor-sourcesanspro",img:"type-thegirlnextdoor-sourcesanspro.jpg",category:9,default:!1,caption:"The Girl Next Door & Source Sans Pro"},{css:"basetype-boogaloo-inconsolata.css",sectioncss:"type-boogaloo-inconsolata.css",classname:"type-boogaloo-inconsolata",img:"type-boogaloo-inconsolata.jpg",category:12,default:!1,caption:"Boogaloo & Inconsolata"},{css:"basetype-caveat-sourcecodepro.css",sectioncss:"type-caveat-sourcecodepro.css",classname:"type-caveat-sourcecodepro",img:"type-caveat-sourcecodepro.jpg",category:13,default:!1,caption:"Caveat & Source Code Pro"},{css:"basetype-passionone-worksans.css",sectioncss:"type-passionone-worksans.css",classname:"type-passionone-worksans",img:"type-passionone-worksans.jpg",category:8,default:!1,caption:"Passion One & Work Sans"},{css:"basetype-anticdidone-halant.css",sectioncss:"type-anticdidone-halant.css",classname:"type-anticdidone-halant",img:"type-anticdidone-halant.jpg",category:2,default:!1,caption:"Antic Didone & Halant"},{css:"basetype-adventpro-opensans.css",sectioncss:"type-adventpro-opensans.css",classname:"type-adventpro-opensans",img:"type-adventpro-opensans.jpg",category:1,default:!1,caption:"Advent Pro & Open Sans"},{css:"basetype-cutivemono-lato.css",sectioncss:"type-cutivemono-lato.css",classname:"type-cutivemono-lato",img:"type-cutivemono-lato.jpg",category:6,default:!1,caption:"Cutive Mono & Lato"},{css:"basetype-elsie-montserrat.css",sectioncss:"type-elsie-montserrat.css",classname:"type-elsie-montserrat",img:"type-elsie-montserrat.jpg",category:8,default:!1,caption:"Elsie & Montserrat"},{css:"basetype-macondo-mukta.css",sectioncss:"type-macondo-mukta.css",classname:"type-macondo-mukta",img:"type-macondo-mukta.jpg",category:8,default:!1,caption:"Macondo & Mukta"},{css:"basetype-oswald-opensans.css",sectioncss:"type-oswald-opensans.css",classname:"type-oswald-opensans",img:"type-oswald-opensans.jpg",category:1,default:!1,caption:"Oswald & Open Sans"},{css:"basetype-poppins-lekton.css",sectioncss:"type-poppins-lekton.css",classname:"type-poppins-lekton",img:"type-poppins-lekton.jpg",category:1,default:!1,caption:"Poppins & Lekton"},{css:"basetype-raleway-neuton.css",sectioncss:"type-raleway-neuton.css",classname:"type-raleway-neuton",img:"type-raleway-neuton.jpg",category:3,default:!1,caption:"Raleway & Neuton"},{css:"basetype-sourcecodepro-nunitosans.css",sectioncss:"type-sourcecodepro-nunitosans.css",classname:"type-sourcecodepro-nunitosans",img:"type-sourcecodepro-nunitosans.jpg",category:6,default:!1,caption:"Source Code Pro & Nunito Sans"},{css:"basetype-tangerine-opensans.css",sectioncss:"type-tangerine-opensans.css",classname:"type-tangerine-opensans",img:"type-tangerine-opensans.jpg",category:9,default:!1,caption:"Tangerine & Open Sans"},{css:"basetype-alegreya-lato.css",sectioncss:"type-alegreya-lato.css",classname:"type-alegreya-lato",img:"type-alegreya-lato.jpg",category:4,default:!1,caption:"Alegreya & Lato"},{css:"basetype-amaticsc-lato.css",sectioncss:"type-amaticsc-lato.css",classname:"type-amaticsc-lato",img:"type-amaticsc-lato.jpg",category:9,default:!1,caption:"Amatic SC & Lato"},{css:"basetype-heebo-ibmplexmono-2.css",sectioncss:"type-heebo-ibmplexmono-2.css",classname:"type-heebo-ibmplexmono-2",img:"type-heebo-ibmplexmono-2.jpg",category:7,default:!1,caption:"Heebo & IBM Plex Mono"},{css:"basetype-juliussansone-robotocondensed.css",sectioncss:"type-juliussansone-robotocondensed.css",classname:"type-juliussansone-robotocondensed",img:"type-juliussansone-robotocondensed.jpg",category:1,default:!1,caption:"Julius Sans One & Roboto Condensed"},{css:"basetype-montserrat-roboto.css",sectioncss:"type-montserrat-roboto.css",classname:"type-montserrat-roboto",img:"type-montserrat-roboto.jpg",category:1,default:!1,caption:"Montserrat & Roboto"},{css:"basetype-nothingyouc-ibmplexmono-2.css",sectioncss:"type-nothingyouc-ibmplexmono-2.css",classname:"type-nothingyouc-ibmplexmono-2",img:"type-nothingyouc-ibmplexmono-2.jpg",category:13,default:!1,caption:"Nothing You Could Do & IBM Plex Mono"},{css:"basetype-raleway-lato.css",sectioncss:"type-raleway-lato.css",classname:"type-raleway-lato",img:"type-raleway-lato.jpg",category:1,default:!1,caption:"Raleway & Lato"},{css:"basetype-raleway-lusitana.css",sectioncss:"type-raleway-lusitana.css",classname:"type-raleway-lusitana",img:"type-raleway-lusitana.jpg",category:3,default:!1,caption:"Raleway & Lusitana"},{css:"basetype-rufina-oxygen.css",sectioncss:"type-rufina-oxygen.css",classname:"type-rufina-oxygen",img:"type-rufina-oxygen.jpg",category:4,default:!1,caption:"Rufina & Oxygen"},{css:"basetype-sacramento-opensans.css",sectioncss:"type-sacramento-opensans.css",classname:"type-sacramento-opensans",img:"type-sacramento-opensans.jpg",category:9,default:!1,caption:"Sacramento & Open Sans"},{css:"basetype-specialelite-playfairdisplay.css",sectioncss:"type-specialelite-playfairdisplay.css",classname:"type-specialelite-playfairdisplay",img:"type-specialelite-playfairdisplay.jpg",category:10,default:!1,caption:"Special Elite & Playfair Display"},{css:"basetype-unicaone-sourcesanspro.css",sectioncss:"type-unicaone-sourcesanspro.css",classname:"type-unicaone-sourcesanspro",img:"type-unicaone-sourcesanspro.jpg",category:8,default:!1,caption:"Unica One & Source Sans Pro"},{css:"basetype-amaticsc-josepfinsans.css",sectioncss:"type-amaticsc-josepfinsans.css",classname:"type-amaticsc-josepfinsans",img:"type-amaticsc-josepfinsans.jpg",category:9,default:!0,caption:"Amatic SC & Josefin Sans"},{css:"basetype-sourcesanspro-anonymouspro.css",sectioncss:"type-sourcesanspro-anonymouspro.css",classname:"type-sourcesanspro-anonymouspro",img:"type-sourcesanspro-anonymouspro.jpg",category:7,default:!0,caption:"Source Sans Pro & Anonymous Pro"},{css:"basetype-poppins-oldstandardtt.css",sectioncss:"type-poppins-oldstandardtt.css",classname:"type-poppins-oldstandardtt",img:"type-poppins-oldstandardtt.jpg",category:3,default:!0,caption:"Poppins & Old Standard TT"},{css:"basetype-yesteryear-chivo.css",sectioncss:"type-yesteryear-chivo.css",classname:"type-yesteryear-chivo",img:"type-yesteryear-chivo.jpg",category:9,default:!0,caption:"Yesteryear & Chivo"},{css:"basetype-ptserif-poppins.css",sectioncss:"type-ptserif-poppins.css",classname:"type-ptserif-poppins",img:"type-ptserif-poppins.jpg",category:4,default:!0,caption:"PT Serif & Poppins"},{css:"basetype-kellyslab-yantramanav.css",sectioncss:"type-kellyslab-yantramanav.css",classname:"type-kellyslab-yantramanav",img:"type-kellyslab-yantramanav.jpg",category:8,default:!0,caption:"Kelly Slab & Yantramanav"},{css:"basetype-yellowtail-frankruhllibre.css",sectioncss:"type-yellowtail-frankruhllibre.css",classname:"type-yellowtail-frankruhllibre",img:"type-yellowtail-frankruhllibre.jpg",category:11,default:!0,caption:"Yellowtail & Frank Ruhl Libre"},{css:"basetype-sedgwickave-spectral.css",sectioncss:"type-sedgwickave-spectral.css",classname:"type-sedgwickave-spectral",img:"type-sedgwickave-spectral.jpg",category:10,default:!1,caption:"Sedgwick Ave & Spectral"},{css:"basetype-satisfy-economica.css",sectioncss:"type-satisfy-economica.css",classname:"type-satisfy-economica",img:"type-satisfy-economica.jpg",category:9,default:!1,caption:"Satisfy & Economica"},{css:"basetype-josefinsans-lekton.css",sectioncss:"type-josefinsans-lekton.css",classname:"type-josefinsans-lekton",img:"type-josefinsans-lekton.jpg",category:1,default:!1,caption:"Josefin Sans & Lekton"},{css:"basetype-parisienne-maitree.css",sectioncss:"type-parisienne-maitree.css",classname:"type-parisienne-maitree",img:"type-parisienne-maitree.jpg",category:11,default:!1,caption:"Parisienne & Maitree"},{css:"basetype-londrinashadow-martel.css",sectioncss:"type-londrinashadow-martel.css",classname:"type-londrinashadow-martel",img:"type-londrinashadow-martel.jpg",category:10,default:!1,caption:"Londrina Shadow & Martel"},{css:"basetype-poiretone-pridi.css",sectioncss:"type-poiretone-pridi.css",classname:"type-poiretone-pridi",img:"type-poiretone-pridi.jpg",category:10,default:!1,caption:"Poiret One & Pridi"},{css:"basetype-pollerone-ibmplexserif.css",sectioncss:"type-pollerone-ibmplexserif.css",classname:"type-pollerone-ibmplexserif",img:"type-pollerone-ibmplexserif.jpg",category:10,default:!1,caption:"Poller One & IBM Plex Serif"},{css:"basetype-italiana-martel.css",sectioncss:"type-italiana-martel.css",classname:"type-italiana-martel",img:"type-italiana-martel.jpg",category:2,default:!1,caption:"Italiana & Martel"},{css:"basetype-julee-lora.css",sectioncss:"type-julee-lora.css",classname:"type-julee-lora",img:"type-julee-lora.jpg",category:11,default:!1,caption:"Julee & Lora"},{css:"basetype-sixcaps-robotomono.css",sectioncss:"type-sixcaps-robotomono.css",classname:"type-sixcaps-robotomono",img:"type-sixcaps-robotomono.jpg",category:7,default:!1,caption:"Six Caps & Roboto Mono"},{css:"basetype-pacifico-nanumgothiccod.css",sectioncss:"type-pacifico-nanumgothiccod.css",classname:"type-pacifico-nanumgothiccod",img:"type-pacifico-nanumgothiccod.jpg",category:13,default:!1,caption:"Pacifico & Nanum Gothic Coding"},{css:"basetype-greatvibes-robotomono.css",sectioncss:"type-greatvibes-robotomono.css",classname:"type-greatvibes-robotomono",img:"type-greatvibes-robotomono.jpg",category:13,default:!1,caption:"Great Vibes & Roboto Mono"},{css:"basetype-pinyonscript-firasans.css",sectioncss:"type-pinyonscript-firasans.css",classname:"type-pinyonscript-firasans",img:"type-pinyonscript-firasans.jpg",category:9,default:!1,caption:"Pinyon Script & Fira Sans"},{css:"basetype-sail-rasa.css",sectioncss:"type-sail-rasa.css",classname:"type-sail-rasa",img:"type-sail-rasa.jpg",category:10,default:!1,caption:"Sail & Rasa"},{css:"basetype-yesevaone-forum.css",sectioncss:"type-yesevaone-forum.css",classname:"type-yesevaone-forum",img:"type-yesevaone-forum.jpg",category:14,default:!1,caption:"Yeseva One & Forum"},{css:"basetype-dosis-oldstandardtt.css",sectioncss:"type-dosis-oldstandardtt.css",classname:"type-dosis-oldstandardtt",img:"type-dosis-oldstandardtt.jpg",category:1,default:!1,caption:"Dosis & Old Standard TT"},{css:"basetype-engagement-spectral.css",sectioncss:"type-engagement-spectral.css",classname:"type-engagement-spectral",img:"type-engagement-spectral.jpg",category:11,default:!1,caption:"Engagement & Spectral"},{css:"basetype-dynalight-mada.css",sectioncss:"type-dynalight-mada.css",classname:"type-dynalight-mada",img:"type-dynalight-mada.jpg",category:8,default:!1,caption:"Dynalight & Mada"},{css:"basetype-gravitasone-nanummyeongjo.css",sectioncss:"type-gravitasone-nanummyeongjo.css",classname:"type-gravitasone-nanummyeongjo",img:"type-gravitasone-nanummyeongjo.jpg",category:10,default:!1,caption:"Gravitas One & Nanum Myeongjo"},{css:"basetype-alexbrush-ibmplexsans.css",sectioncss:"type-alexbrush-ibmplexsans.css",classname:"type-alexbrush-ibmplexsans",img:"type-alexbrush-ibmplexsans.jpg",category:9,default:!1,caption:"Alex Brush & IBM Plex Sans"}]}},cssInBody:!1,cssClasses:{fontWeight:{thin:"font-thin",extralight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extrabold:"font-extrabold",black:"font-black",defaultBold:"font-semibold",defaultNormal:"font-light"},fontStyle:{italic:"italic",normal:"not-italic"},textDecoration:{underline:"underline",linethrough:"line-through",normal:"no-underline"},textTransform:{uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize",normal:"normal-case"},tracking:{tracking__100:"tracking--100",tracking__075:"tracking--75",tracking__050:"tracking-tighter",tracking__025:"tracking-tight",tracking_000:"tracking-normal",tracking_025:"tracking-wide",tracking_050:"tracking-wider",tracking_075:"tracking-75",tracking_100:"tracking-widest",tracking_125:"tracking-125",tracking_150:"tracking-150",tracking_175:"tracking-175",tracking_200:"tracking-200",tracking_225:"tracking-225",tracking_250:"tracking-250",tracking_275:"tracking-275",tracking_300:"tracking-300",tracking_325:"tracking-325",tracking_350:"tracking-350",tracking_375:"tracking-375",tracking_400:"tracking-400",tracking_425:"tracking-425",tracking_450:"tracking-450",tracking_475:"tracking-475",tracking_500:"tracking-500"},leading:{leading_5:"leading-05",leading_6:"leading-06",leading_7:"leading-07",leading_8:"leading-08",leading_9:"leading-09",leading_10:"leading-none",leading_11:"leading-11",leading_12:"leading-12",leading_125:"leading-tight",leading_13:"leading-13",leading_1375:"leading-snug",leading_14:"leading-14",leading_15:"leading-normal",leading_16:"leading-16",leading_1625:"leading-relaxed",leading_17:"leading-17",leading_18:"leading-18",leading_19:"leading-19",leading_20:"leading-loose",leading_21:"leading-21",leading_22:"leading-22",leading_23:"leading-23",leading_24:"leading-24",leading_25:"leading-25",leading_26:"leading-26",leading_27:"leading-27",leading_28:"leading-28",leading_29:"leading-29",leading_30:"leading-30"},opacity:{opacity_0:"opacity-0",opacity_2:"opacity-2",opacity_4:"opacity-4",opacity_5:"opacity-5",opacity_6:"opacity-6",opacity_8:"opacity-8",opacity_10:"opacity-10",opacity_12:"opacity-12",opacity_15:"opacity-15",opacity_20:"opacity-20",opacity_25:"opacity-25",opacity_30:"opacity-30",opacity_35:"opacity-35",opacity_40:"opacity-40",opacity_45:"opacity-45",opacity_50:"opacity-50",opacity_55:"opacity-55",opacity_60:"opacity-60",opacity_65:"opacity-65",opacity_70:"opacity-70",opacity_75:"opacity-75",opacity_80:"opacity-80",opacity_85:"opacity-85",opacity_90:"opacity-90",opacity_95:"opacity-95",opacity_100:"opacity-100"},padding:{all:{p_0:"p-0",p_1:"p-1",p_2:"p-2",p_3:"p-3",p_4:"p-4",p_5:"p-5",p_6:"p-6",p_7:"p-7",p_8:"p-8",p_9:"p-9",p_10:"p-10",p_11:"p-11",p_12:"p-12",p_14:"p-14",p_16:"p-16",p_20:"p-20"},x:{px_0:"px-0",px_1:"px-1",px_2:"px-2",px_3:"px-3",px_4:"px-4",px_5:"px-5",px_6:"px-6",px_7:"px-7",px_8:"px-8",px_9:"px-9",px_10:"px-10",px_11:"px-11",px_12:"px-12",px_14:"px-14",px_16:"px-16",px_20:"px-20"},y:{py_0:"py-0",py_1:"py-1",py_2:"py-2",py_3:"py-3",py_4:"py-4",py_5:"py-5",py_6:"py-6",py_7:"py-7",py_8:"py-8",py_9:"py-9",py_10:"py-10",py_11:"py-11",py_12:"py-12",py_14:"py-14",py_16:"py-16",py_20:"py-20"},top:{pt_0:"pt-0",pt_1:"pt-1",pt_2:"pt-2",pt_3:"pt-3",pt_4:"pt-4",pt_5:"pt-5",pt_6:"pt-6",pt_7:"pt-7",pt_8:"pt-8",pt_9:"pt-9",pt_10:"pt-10",pt_11:"pt-11",pt_12:"pt-12",pt_14:"pt-14",pt_16:"pt-16",pt_20:"pt-20"},right:{pr_0:"pr-0",pr_1:"pr-1",pr_2:"pr-2",pr_3:"pr-3",pr_4:"pr-4",pr_5:"pr-5",pr_6:"pr-6",pr_7:"pr-7",pr_8:"pr-8",pr_9:"pr-9",pr_10:"pr-10",pr_11:"pr-11",pr_12:"pr-12",pr_14:"pr-14",pr_16:"pr-16",pr_20:"pr-20"},bottom:{pb_0:"pb-0",pb_1:"pb-1",pb_2:"pb-2",pb_3:"pb-3",pb_4:"pb-4",pb_5:"pb-5",pb_6:"pb-6",pb_7:"pb-7",pb_8:"pb-8",pb_9:"pb-9",pb_10:"pb-10",pb_11:"pb-11",pb_12:"pb-12",pb_14:"pb-14",pb_16:"pb-16",pb_20:"pb-20"},left:{pl_0:"pl-0",pl_1:"pl-1",pl_2:"pl-2",pl_3:"pl-3",pl_4:"pl-4",pl_5:"pl-5",pl_6:"pl-6",pl_7:"pl-7",pl_8:"pl-8",pl_9:"pl-9",pl_10:"pl-10",pl_11:"pl-11",pl_12:"pl-12",pl_14:"pl-14",pl_16:"pl-16",pl_20:"pl-20"}},extend:{superscript:"sup",subscript:"sub"},textAlign:{left:"text-left",center:"text-center",right:"text-right",justify:"text-justify"},display:{flex:"flex",block:"block",inline:"inline",inline_block:"inline-block"},flexDirection:{row:"flex-row",column:"flex-col",row_reverse:"flex-row-reverse",column_reverse:"flex-col-reverse"},flexWrap:{wrap:"flex-wrap",nowrap:"flex-nowrap",wrap_reverse:"flex-wrap-reverse"},justifyContent:{start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},alignItems:{start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"}},useCssClasses:!0,useButtonPlugin:!1,enableDragResize:!0,simpleTextSettings:!1,consoleLog:!1,AIToolbar:!0,sendCommandUrl:"",speechTranscribeUrl:"",autoSendDelay:3e3,onlineDemo:!1,startAIAssistant:!1,temperature:.6,topP:.9,commandPlaceholderText:"Create a section containing a short article with ideas for outdoor activities.",disclaimerAI:"The feature you're about to use utilizes AI in some of its processes. \n            It's important to understand that AI systems have limitations.\n            There may be instances where the results are not 100% accurate or may provide unexpected responses or information.\n            As a user, it's your responsibility to independently verify any information or results obtained through this AI-powered feature. \n            Our team is dedicated to continuously improving its performance and accuracy to enhance your experience.",showDisclaimer:!0,enableShortCommands:!0,speechRecognitionLang:"en-US",similarityThreshold:.65,headlineList:["We're [CompanyName]. Full stack development with a spark of creativity.","Transforming your digital experience with [CompanyName]. Achieve your online goals with our customized solutions.","Revolutionizing web development with [CompanyName]. Unleash your digital potential with our high-performance solutions."],media:{slider:["assets/templates-simple/images/img-030.jpg","assets/templates-simple/images/img-025.jpg"],blank_video:"assets/templates-simple/videos/blank.mp4",bg_videos:["assets/templates-simple/videos/beach1.mp4","assets/templates-simple/videos/beach2.mp4"],videos:["assets/templates-simple/videos/beach1.mp4","assets/templates-simple/videos/beach2.mp4"],youtube_videos:["https://www.youtube.com/embed/P5yHEKqx86U?rel=0"],maps:["https://www.youtube.com/embed/P5yHEKqx86U?rel=0"],audios:["assets/minimalist-blocks/example.mp3"],images:{square:["assets/gallery/person-01.jpg","assets/gallery/person-02.jpg","assets/gallery/person-03.jpg","assets/gallery/person-04.jpg","assets/gallery/person-05.jpg","assets/gallery/person-06.jpg","assets/gallery/person-08.jpg"]},bg_images:{box:["assets/gallery/person-01.jpg","assets/gallery/person-02.jpg","assets/gallery/person-03.jpg","assets/gallery/person-04.jpg","assets/gallery/person-05.jpg","assets/gallery/person-06.jpg","assets/gallery/person-07.jpg","assets/gallery/person-08.jpg","assets/gallery/person-09.jpg","assets/gallery/person-10.jpg","assets/gallery/building.jpg","assets/gallery/desk.jpg","assets/gallery/chair.jpg","assets/gallery/coffee.jpg","assets/gallery/product.jpg","assets/gallery/table.jpg"],small_box:["assets/gallery/person-01.jpg","assets/gallery/person-03.jpg","assets/gallery/person-04.jpg","assets/gallery/person-05.jpg","assets/gallery/person-10.jpg","assets/gallery/chair.jpg","assets/gallery/coffee.jpg","assets/gallery/product.jpg","assets/gallery/table.jpg"],section_text_left:["assets/gallery/header-01.jpg","assets/gallery/header-02.jpg","assets/gallery/header-03.jpg","assets/gallery/header-05.jpg","assets/gallery/header-08.jpg","assets/gallery/header-10b.jpg","assets/gallery/header-14.jpg"],section_text_center:["assets/gallery/header-07.jpg","assets/gallery/header-11.jpg","assets/gallery/header-12.jpg","assets/gallery/header-13.jpg"],section_text_right:["assets/gallery/header-04.jpg","assets/gallery/header-05b.jpg","assets/gallery/header-06.jpg","assets/gallery/header-08b.jpg","assets/gallery/header-09.jpg","assets/gallery/header-10.jpg","assets/gallery/header-14b.jpg","assets/gallery/header-15.jpg"]}},shortCommandList:{undo:["undo"],redo:["undo"],increase:["increase","bigger","larger","enlarge"],decrease:["decrease","smaller"],bold:["bold"],italic:["italic"],underline:["underline"],strikethrough:["strikethrough"],superscript:["superscript"],subscript:["subscript"],uppercase:["uppercase"],lowercase:["lowercase"],capitalize:["capitalize"],clean:["clean"]},commandList:{new_section:["new section","create section","add section","craft section","develop section","build section","construct section","design section"],redesign:["redesign layout","change layout","change placement","decide placement","decide layout"],two_boxes:["2 boxes","two boxes"],select:["select","select first"],select_next:["select next","select after"],select_previous:["select previous","select before"],select_last:["select last"],select_headline:["select headline"],select_paragraph:["select paragraph"],select_button:["select button"],select_space:["select space"],select_image:["select image"],change_font:["change font","change typography","change style"],fade_in:["fade in"],fade_in_slow:["fade in slow"],fade_in_up:["fade in up"],fade_in_up_slow:["fade in up slow"],slide_up:["slide up"],slide_up_slow:["slide up slow"],zoom_in:["zoom in"],zoom_out:["zoom out"],animate_once:["animate once"],always_animate:["always animate"],remove_animation:["remove animation","clear animation","remove fade in","clear fade in","remove slide up","clear slide up","remove zoom in","clear zoom in","remove zoom out","clear zoom out"],add_bg_color:["add background color","set background color"],add_bg_image:["add background image","add background"],change_bg_color:["change background color"],change_bg_image:["change background image","change background"],remove_bg_color:["remove background color","clear background color"],remove_bg:["remove background","remove background image","clear background","clear background image"],increase_content_width:["increase content width","enlarge content width"],decrease_content_width:["decrease content width","reduce content width"],clear_content_width:["clear content width","remove content width","make content full","full width content"],make_content_light:["make content white","make content light","make text white","make text light","change content white","change content light","change text white","change text light","change to white content","change to light content","change to white text","change to light text"],make_content_dark:["make content black","make content dark","make text black","make text dark","change content black","change content dark","change text black","change text dark","change to black content","change to dark content","change to black text","change to dark text"],make_section_height_10:["make section height 10"],make_section_height_15:["make section height 15"],make_section_height_20:["make section height 20"],make_section_height_25:["make section height 25"],make_section_height_30:["make section height 30"],make_section_height_40:["make section height 40"],make_section_height_50:["make section height 50"],make_section_height_60:["make section height 60"],make_section_height_70:["make section height 70"],make_section_height_75:["make section height 75"],make_section_height_80:["make section height 80"],make_section_height_85:["make section height 85"],make_section_height_90:["make section height 90"],make_section_height_100:["make section height 100"],make_section_height_auto:["make section height auto"],suggest_headline:["suggest headline","suggest header","suggest title","write headline","write header","write title"],suggest_text:["suggest text","write text"],add_headline:["add headline","add header","add title"],add_paragraph:["add paragraph"],add_image:["add image"],add_youtube:["add youtube"],add_video:["add video"],remove_video:["remove video","clear video"],add_bg_video:["add background video"],remove_bg_video:["remove background video","clear background video"],add_slider:["add slider"],remove_slider:["remove slider","clear slider"],add_bg_slider:["add background slider"],remove_bg_slider:["remove background slider","clear background slider"],add_audio:["add audio","add music","add mp3"],add_map:["add map","add google map"],add_table:["add table"],add_social:["add social"],add_icon:["add icon"],add_button:["add button"],add_2buttons:["add 2 button","add 2 buttons"],add_space:["add space"],position_before:["above","before"],increase_line_height:["increase line height","increase line spacing","increase text spacing","enlarge line height","enlarge line spacing","enlarge text spacing","bigger line height","bigger line spacing","bigger text spacing","make line height bigger","make line spacing bigger","make text spacing bigger"],increase_default_line_height:["increase default line height","increase default line spacing","increase default text spacing","enlarge default line height","enlarge default line spacing","enlarge default text spacing","bigger default line height","bigger default line spacing","bigger default text spacing","make default line height bigger","make default line spacing bigger","make default text spacing bigger"],decrease_line_height:["decrease line height","decrease line spacing","decrease text spacing","reduce line height","reduce line spacing","reduce text spacing","smaller line height","smaller line spacing","smaller text spacing","make line height smaller","make line spacing smaller","make text spacing smaller"],decrease_default_line_height:["decrease default line height","decrease default line spacing","decrease default text spacing","reduce default line height","reduce default line spacing","reduce default text spacing","smaller default line height","smaller default line spacing","smaller default text spacing","make default line height smaller","make default line spacing smaller","make default text spacing smaller"],increase_font_size:["increase font","increase size","increase font size","increase text","increase size","increase text size","enlarge font","enlarge size","enlarge font size","enlarge text","enlarge size","enlarge text size","text bigger","font bigger","size bigger"],decrease_font_size:["decrease font","decrease size","decrease font size","decrease text","decrease size","decrease text size","reduce font","reduce size","reduce font size","reduce text","reduce size","reduce text size","text smaller","font smaller","size smaller"],increase_default_font_size:["increase default font","increase default size","increase default font size","increase default text","increase default size","increase default text size","enlarge default font","enlarge default size","enlarge default font size","enlarge default text","enlarge default text size","default text bigger","default font bigger","default size bigger","increase default content","increase default content size","enlarge default content","enlarge default content size"],decrease_default_font_size:["decrease default font","decrease default size","decrease default font size","decrease default text","decrease default size","decrease default text size","reduce default font","reduce default size","reduce default font size","reduce default text","reduce default text size","default text smaller","default font smaller","default size smaller","decrease default content","decrease default content size","reduce default content","reduce default content size"],clear_font_size:["clear font size","remove font size","clear text size","remove text size","use default font size"],align_left:["align left","align text left","left aligned"],align_center:["align center","align text center","center aligned"],align_right:["align right","align text right","right aligned"],align_full:["align full","align justify","justify","justify text","justify full"],clear_alignment:["clear alignment","remove alignment","clear text alignment","remove text alignment"],make_content_center:["make content center"],move_content_left:["move content left","align content left"],move_content_center:["move content center","align content center"],move_content_right:["move content right","align content right"],move_content_top:["move content top","align content top"],move_content_middle:["move content middle","align content middle"],move_content_bottom:["move content bottom","align content bottom"],align_content_top_left:["move content top left","align content top left"],align_content_top_center:["move content top center","align content top center"],align_content_top_right:["move content top right","align content top right"],align_content_middle_left:["move content middle left","align content middle left"],align_content_middle_center:["move content middle center","align content middle center"],align_content_middle_right:["move content middle right","align content middle right"],align_content_bottom_left:["move content bottom left","align content bottom left"],align_content_bottom_center:["move content bottom center","align content bottom center"],align_content_bottom_right:["move content bottom right","align content bottom right"],increase_space:["more space","increase space","enlarge space"],decrease_space:["less space","decrease space","reduce space"],move_up:["move up"],move_down:["move down"],move_row_up:["move row up"],move_row_down:["move row down"],duplicate_row:["duplicate row","copy row"],remove_row:["remove row","delete row"],move_col_left:["move left","move column left"],move_col_right:["move right","move column right"],duplicate_col:["duplicate column","copy column"],remove_col:["remove column","delete column"],move_column_up:["move column up"],move_column_down:["move column down"],move_section_up:["move section up"],move_section_down:["move section down"],move_section_top:["move section top"],move_section_bottom:["move section bottom"],duplicate_section:["duplicate section","copy section"],remove_section:["remove section","delete section"],remove_content:["remove content","remove all text","remove all content","delete content","delete all text","delete all content","clear content","clear all text","clear all content"],add_content:["add content","add text"]},commandInfo:{general:{title:"General",list:["Create a section that contains an article on ideas for outdoor activities. The article should include subtopics and have a minimum of 300 words.","Can you suggest a captivating headline for us and replace the current one?","Revise the headline, paragraph, and all the text using alternative ideas.","Let's redesign the layout. Surprise me with a new idea!","Add a new header section for our web studio. Include a compelling headline, a paragraph, and two buttons named 'Our Works' and 'Get in Touch'. Also, add a background image.","Create a new section containing a feature list of our wood cabin for rent:<br>\n- Scenic forest view<br>\n- Modern comforts<br>\n- Outdoor escape<br>\nAdd an icon for each list item. Provide an engaging headline.","Add a section highlighting the features of our creative arts courses:<br>\n- Hands-on projects and assignments<br>\n- Feedback and guidance from experts<br>\nInclude an image for each feature.\nProvide an engaging headline.","Create a new section showcasing a photo gallery of our latest photography workshop. Includes up to 4 photos. Additionally, please add a title.","Do you see the button with a gray background? Please change the background color to light green.","Underline the phrase 'every monday' and change the color to dark blue."]},selection:{title:"Selection",list:["Select the headline","Select the next block","Move up","Move down","Duplicate row","Remove row","Move column left","Move column right","Duplicate column","Remove column","Move section up","Move section down"]},section:{title:"Section",list:["Add a background image","Change the background image","Add a background slider","Add a background video","Clear background","Adjust the section height to 70%","Adjust the section height to 100%","Set the section height to auto"]},typography:{title:"Typography",list:["Change the font"]},content:{title:"Content",list:["Set the content color to white","Set the content color to black","Increase the width of the content","Reduce the width of the content","Increase the default font size","Increase the default line height","Clear the content","Add new content","Align the content to the left","Align the content to the top","Align the content to the middle","Make the content centered"]},element:{title:"Element",list:["Add a paragraph","Add an image","Add a Youtube video","Add a button","Add two buttons","Add a space","Increase the space","Reduce the space"]},text:{title:"Text Formatting",list:["Increase font size","Clear font size","Align center","Align right","Align justify","Clear alignment","Bold","Italic","Underline","Strikethrough","Uppercase","Clean"]},animation:{title:"Animation",list:["Add a fade in animation","Add fade in slow animation","Add fade in up animation","Add fade in up slow animation","Add slide up animation","Add slide up slow animation","Add zoom in animation","Add zoom out animation","Clear the animation","Animate once","Always animate"]}},onAddSectionOpen:function(){},contentHtmlStart:'<div class="is-container is-builder container"><div class="row clearfix"><div class="column full">',contentHtmlEnd:"</div></div></div>"};if(this.settings=Object.assign(this,i,e),this.clearPreferences&&localStorage.removeItem("_disclaimershown"),this.templateJSON=[{url:this.settings.designUrl1,path:this.settings.designPath,pathReplace:this.settings.designPathReplace},{url:this.settings.designUrl2,path:this.settings.designPath,pathReplace:this.settings.designPathReplace}],0!==this.settings.templates.length&&""===this.settings.templateThumbnailSize){let e=document.body.clientWidth;this.settings.templateThumbnailSize=e<=1440?"small":e>1440&&e<=1920?"medium":"large"}let n,o;if(""!==this.settings.imageSelect?this.settings.imageselect=this.settings.imageSelect:""!=this.settings.imageselect&&(this.settings.imageSelect=this.settings.imageselect),""!==this.settings.fileSelect?this.settings.fileselect=this.settings.fileSelect:""!=this.settings.fileselect&&(this.settings.fileSelect=this.settings.fileselect),""!==this.settings.videoSelect?this.settings.videoselect=this.settings.videoSelect:""!=this.settings.videoselect&&(this.settings.videoSelect=this.settings.videoselect),this.settings.snippetPathReplace.length>0&&0===this.settings.designPathReplace.length&&(this.settings.designPathReplace=this.settings.snippetPathReplace),this.settings.contentStyleWithSample&&(this.settings.contentStyles=this.settings.contentStylesAlt),this.iframe){n=this.iframe.contentWindow;let e=this.iframe.contentDocument||this.iframe.contentWindow.document;o=e,this.iframeDocument=e}else n=window,o=document;if(this.win=n,this.doc=o,this.iframe){let e=o.querySelector(".content-stuff");e||(e=document.createElement("div"),e.className="content-stuff is-ui",e.id="_cbhtml",o.body.appendChild(e)),this.contentStuff=e,this.stuff=new gy(this)}if(this.wrapperEl=this.doc.querySelector(this.wrapper),Cy.hasClass(this.wrapperEl,"preview"))return void(this.preview=!0);Cy.addClass(this.wrapperEl,"is-wrapper"),Cy.addClass(this.wrapperEl,"is-edit");let a=this.settings.onRender;this.settings.onRender=()=>{a.call(this);try{this.box()}catch(e){}};let l=this.settings.onChange;this.settings.onChange=()=>{l.call(this),setTimeout((()=>{this.editor.livePreview.previewRefresh()}),100)};let r=document.querySelector("#_cbhtml");r||(r=document.createElement("div"),r.id="_cbhtml",r.style.visibility="hidden",r.className="is-ui",document.body.appendChild(r),r=document.querySelector("#_cbhtml")),this.builderStuff=r,r.style.position="fixed",setTimeout((()=>{r.style.position="",this.wrapperEl.getBoundingClientRect().left<0&&(r.style.position="fixed",setTimeout((()=>{r.style.position=""}),1500))}),1500),(e=>{const i=e.builderStuff;t.appendHtml(i,'<svg width="0" height="0" style="position:absolute;display:none;">\n        <defs>\n\n            <symbol viewBox="0 0 512 512" id="ion-android-add"><path d="M416 277.333H277.333V416h-42.666V277.333H96v-42.666h138.667V96h42.666v138.667H416v42.666z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-edit"><path d="M163 439.573l-90.569-90.569L322.78 98.656l90.57 90.569zM471.723 88.393l-48.115-48.114c-11.723-11.724-31.558-10.896-44.304 1.85l-45.202 45.203 90.569 90.568 45.202-45.202c12.743-12.746 13.572-32.582 1.85-44.305zM64.021 363.252L32 480l116.737-32.021z"></path></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-snippets"><g id="document" transform="matrix(1,0,0,1,1024.0,1024.0)">\t\t\t<path d="M-727.581,329.502 L318.058,329.502 L318.058,-527.853 L-727.581,-527.853 L-727.581,329.502 Z " fill="#ffffff" fill-opacity="1.00" stroke-width="85.63" stroke="#000000" stroke-linecap="square" stroke-linejoin="miter" />\t\t\t<path d="M-347.749,652.594 L697.89,652.594 L697.89,-204.761 L-347.749,-204.761 L-347.749,652.594 Z " fill="#ffffff" fill-opacity="1.00" stroke-width="85.63" stroke="#000000" stroke-linecap="square" stroke-linejoin="miter" />\t\t</g></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-copy-outline"><path d="M304 96h-16v80h80v-16h-64z"></path><path d="M325.3 64H160v48h-48v336h240v-48h48V139l-74.7-75zM336 432H128V128h32v272h176v32zm48-48H176V80h142.7l65.3 65.6V384z"></path></symbol>\n                \n            <symbol viewBox="0 0 24 24" id="icon-arrow-bar-to-up" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n                <line x1="12" y1="10" x2="12" y2="20" />\n                <line x1="12" y1="10" x2="16" y2="14" />\n                <line x1="12" y1="10" x2="8" y2="14" />\n                <line x1="4" y1="4" x2="20" y2="4" />\n            </symbol>\n            <symbol viewBox="0 0 24 24" id="icon-arrow-bar-to-down" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n                <line x1="4" y1="20" x2="20" y2="20" />\n                <line x1="12" y1="14" x2="12" y2="4" />\n                <line x1="12" y1="14" x2="16" y2="10" />\n                <line x1="12" y1="14" x2="8" y2="10" />\n            </symbol>\n            <symbol viewBox="0 0 24 24" id="icon-space-between" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n                <line x1="4" y1="4" x2="20" y2="4" />\n                <line x1="4" y1="20" x2="20" y2="20" />\n            </symbol>\n\n            <symbol id="icon-arrow-right" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <line x1="5" y1="12" x2="19" y2="12"></line>\n                <line x1="15" y1="16" x2="19" y2="12"></line>\n                <line x1="15" y1="8" x2="19" y2="12"></line>\n            </symbol>\n\n            <symbol id="icon-arrow-left" viewBox="0 0 24 24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <line x1="5" y1="12" x2="19" y2="12"></line>\n                <line x1="5" y1="12" x2="9" y2="16"></line>\n                <line x1="5" y1="12" x2="9" y2="8"></line>\n            </symbol>\n            \n            <symbol id="icon-arrow-up" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <line x1="12" y1="5" x2="12" y2="19"></line>\n                <line x1="16" y1="9" x2="12" y2="5"></line>\n                <line x1="8" y1="9" x2="12" y2="5"></line>\n            </symbol>\n\n            <symbol id="icon-arrow-down" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <line x1="12" y1="5" x2="12" y2="19"></line>\n                <line x1="16" y1="15" x2="12" y2="19"></line>\n                <line x1="8" y1="15" x2="12" y2="19"></line>\n            </symbol>\n\n            <symbol id="icon-rotate-clockwise" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M9 4.55a8 8 0 0 1 6 14.9m0 -4.45v5h5"></path>\n                <line x1="5.63" y1="7.16" x2="5.63" y2="7.17"></line>\n                <line x1="4.06" y1="11" x2="4.06" y2="11.01"></line>\n                <line x1="4.63" y1="15.1" x2="4.63" y2="15.11"></line>\n                <line x1="7.16" y1="18.37" x2="7.16" y2="18.38"></line>\n                <line x1="11" y1="19.94" x2="11" y2="19.95"></line>\n            </symbol>\n\n            <symbol id="icon-rotate-2" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M15 4.55a8 8 0 0 0 -6 14.9m0 -4.45v5h-5"></path>\n                <line x1="18.37" y1="7.16" x2="18.37" y2="7.17"></line>\n                <line x1="13" y1="19.94" x2="13" y2="19.95"></line>\n                <line x1="16.84" y1="18.37" x2="16.84" y2="18.38"></line>\n                <line x1="19.37" y1="15.1" x2="19.37" y2="15.11"></line>\n                <line x1="19.94" y1="11" x2="19.94" y2="11.01"></line>\n            </symbol>\n\n            <symbol viewBox="0 0 24 24" id="icon-arrows-diagonal" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <polyline points="16 4 20 4 20 8"></polyline>\n                <line x1="14" y1="10" x2="20" y2="4"></line>\n                <polyline points="8 20 4 20 4 16"></polyline>\n                <line x1="4" y1="20" x2="10" y2="14"></line>\n            </symbol>\n            \n            <symbol viewBox="0 0 24 24" id="icon-arrows-diagonal-minimize" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M18 10h-4v-4"></path>\n                <path d="M20 4l-6 6"></path>\n                <path d="M6 14h4v4"></path>\n                <path d="M10 14l-6 6"></path>\n            </symbol>\n\n            <symbol id="icon-circle-half" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <circle cx="12" cy="12" r="9"></circle>\n                <path d="M12 3v18"></path>\n                <path d="M12 14l7 -7"></path>\n                <path d="M12 19l8.5 -8.5"></path>\n                <path d="M12 9l4.5 -4.5"></path>\n            </symbol>\n\n            <symbol id="icon-box-multiple" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <rect x="7" y="3" width="14" height="14" rx="2"></rect>\n                <path d="M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"></path>\n            </symbol>\n\n            <symbol id="icon-typography" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <line x1="4" y1="20" x2="7" y2="20"></line>\n                <line x1="14" y1="20" x2="21" y2="20"></line>\n                <line x1="6.9" y1="15" x2="13.8" y2="15"></line>\n                <line x1="10.2" y1="6.3" x2="16" y2="20"></line>\n                <polyline points="5 20 11 4 13 4 20 20"></polyline>\n            </symbol>\n\n            <symbol id="icon-plus" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <line x1="12" y1="5" x2="12" y2="19"></line>\n                <line x1="5" y1="12" x2="19" y2="12"></line>\n            </symbol>\n\n            <symbol id="icon-hand-move" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5"></path>\n                <path d="M11 11.5v-2a1.5 1.5 0 0 1 3 0v2.5"></path>\n                <path d="M14 10.5a1.5 1.5 0 0 1 3 0v1.5"></path>\n                <path d="M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7l-.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47"></path>\n                <path d="M2.541 5.594a13.487 13.487 0 0 1 2.46 -1.427"></path>\n                <path d="M14 3.458c1.32 .354 2.558 .902 3.685 1.612"></path>\n            </symbol>\n            \n            <symbol id="icon-wand" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <polyline points="6 21 21 6 18 3 3 18 6 21"></polyline>\n                <line x1="15" y1="6" x2="18" y2="9"></line>\n                <path d="M9 3a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2"></path>\n                <path d="M19 13a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2"></path>\n            </symbol>\n\n            <symbol id="icon-pencil" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4"></path>\n                <line x1="13.5" y1="6.5" x2="17.5" y2="10.5"></line>\n            </symbol>\n\n            <symbol id="icon-window-maximize" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <rect x="3" y="16" width="5" height="5" rx="1"></rect>\n                <path d="M4 12v-6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-6"></path>\n                <path d="M12 8h4v4"></path>\n                <path d="M16 8l-5 5"></path>\n            </symbol>\n\n            <symbol id="icon-settings" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z"></path>\n                <circle cx="12" cy="12" r="3"></circle>\n            </symbol>\n\n            <symbol id="icon-microphone" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M9 2m0 3a3 3 0 0 1 3 -3h0a3 3 0 0 1 3 3v5a3 3 0 0 1 -3 3h0a3 3 0 0 1 -3 -3z"></path>\n                <path d="M5 10a7 7 0 0 0 14 0"></path>\n                <path d="M8 21l8 0"></path>\n                <path d="M12 17l0 4"></path>\n            </symbol>\n            <symbol id="icon-microphone-off" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M3 3l18 18"></path>\n                <path d="M9 5a3 3 0 0 1 6 0v5a3 3 0 0 1 -.13 .874m-2 2a3 3 0 0 1 -3.87 -2.872v-1"></path>\n                <path d="M5 10a7 7 0 0 0 10.846 5.85m2 -2a6.967 6.967 0 0 0 1.152 -3.85"></path>\n                <path d="M8 21l8 0"></path>\n                <path d="M12 17l0 4"></path>\n            </symbol>\n            <symbol id="icon-trash" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M4 7l16 0"></path>\n                <path d="M10 11l0 6"></path>\n                <path d="M14 11l0 6"></path>\n                <path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path>\n                <path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>\n            </symbol>\n            <symbol id="icon-eraser" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M19 20h-10.5l-4.21 -4.3a1 1 0 0 1 0 -1.41l10 -10a1 1 0 0 1 1.41 0l5 5a1 1 0 0 1 0 1.41l-9.2 9.3"></path>\n                <path d="M18 13.3l-6.3 -6.3"></path>\n            </symbol>\n            <symbol id="icon-refresh" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4"></path>\n                <path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"></path>\n            </symbol>\n            <symbol id="icon-more" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>\n                <path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>\n                <path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>\n            </symbol>\n            </defs>\n        </svg>')})(this),this.sidebar=new s(this),this.animateScroll=new fy(this),this.timeline=new yy(this),this.util=new xy(this),this.pageTemplate||(this.pageTemplate=this.util.getPageTemplate(this.framework)),window.data_basic?(this.editorSetup(),this.init()):Cy.addExternalScripts([this.snippetUrl],(()=>{this.editorSetup(),this.init()})),window.contentbox=this,window.applyBoxImage=this.boxImage.bind(this),window.applyLargerImage=this.applyLargerImage.bind(this),window.returnUrl=this.returnUrl.bind(this),this.win.applyBoxImage=this.boxImage.bind(this),window._contentbox=this}isNewV2(){return this.wrapperEl.classList.contains("box-v2")}editorSetup(){this.editor=new py({isContentBox:!0,speechTranscribeUrl:this.settings.speechTranscribeUrl,autoSendDelay:this.settings.autoSendDelay,onlineDemo:this.settings.onlineDemo,speechRecognitionLang:this.settings.speechRecognitionLang,headlineList:this.settings.headlineList,commandList:this.settings.commandList,enableShortCommands:this.settings.enableShortCommands,shortCommandList:this.settings.shortCommandList,commandInfo:this.settings.commandInfo,commandPlaceholderText:this.settings.commandPlaceholderText,similarityThreshold:this.settings.similarityThreshold,container:".is-container",page:".is-wrapper",deleteConfirm:this.settings.deleteConfirm,previewURL:this.settings.previewURL,onPreviewOpen:()=>{let e=this.html();localStorage.setItem("preview-html",e);let t=this.mainCss();localStorage.setItem("preview-maincss",t);let i=this.sectionCss();localStorage.setItem("preview-sectioncss",i)},onPreviewClose:()=>{this.wrapperEl.style.marginBottom=""},onPreviewContentLoad:()=>{setTimeout((()=>{const e=this.builderStuff.querySelector(".is-modal.content-preview").querySelector("iframe");this.scrollSync(e)}),1e3)},previewStyle:this.settings.previewStyle,livePreviewOpen:this.settings.livePreviewOpen,livePreviewAlwaysReload:this.settings.livePreviewAlwaysReload,livePreviewReloadEvery:this.settings.livePreviewReloadEvery,iframe:this.settings.iframe,imageAdjust:1,scriptPath:this.settings.scriptPath,pluginPath:this.settings.pluginPath,modulePath:this.settings.modulePath,fontAssetPath:this.settings.fontAssetPath,fontPath:this.settings.fontPath,assetPath:this.settings.assetPath,plugins:this.settings.plugins,disableConfig:this.settings.disableConfig,snippetList:"#divSidebarSnippets",snippetPath:this.settings.snippetPath,snippetUrl:this.settings.snippetUrl,snippetJSON:window.data_basic,snippetPathReplace:this.settings.snippetPathReplace,maxColumns:this.settings.maxColumns,maxEmbedImageWidth:this.settings.maxEmbedImageWidth,imageRenameOnEdit:this.settings.imageRenameOnEdit,sectionTemplate:this.settings.sectionTemplate,onSectionAdd:()=>{this.pageSetup()},slider:this.settings.slider,onRender:()=>{this.settings.onRender()},onChange:()=>{this.settings.onChange()},useLightbox:this.settings.useLightbox,lightboxArrow:this.settings.lightboxArrow,themes:this.settings.themes,moduleConfig:this.settings.moduleConfig,onImageBrowseClick:this.settings.onImageBrowseClick,onImageSettingClick:this.settings.onImageSettingClick,onImageSelectClick:this.settings.onImageSelectClick,onFileSelectClick:this.settings.onFileSelectClick,onVideoSelectClick:this.settings.onVideoSelectClick,onAudioSelectClick:this.settings.onAudioSelectClick,onMediaSelectClick:this.settings.onMediaSelectClick,onImageEditClick:this.settings.onImageEditClick,setCropperConfig:this.settings.setCropperConfig,onPluginsLoaded:this.settings.onPluginsLoaded,imageselect:this.settings.imageselect,fileselect:this.settings.fileselect,imageEmbed:this.settings.imageEmbed,sourceEditor:this.settings.sourceEditor,customval:this.settings.customval,colors:this.settings.colors,gradientcolors:this.settings.gradientcolors,buttons:this.settings.buttons,buttonsMore:this.settings.buttonsMore,elementButtons:this.settings.elementButtons,elementButtonsMore:this.settings.elementButtonsMore,iconButtons:this.settings.iconButtons,iconButtonsMore:this.settings.iconButtonsMore,customTags:this.settings.customTags,largerImageHandler:this.settings.largerImageHandler,onLargerImageUpload:this.settings.onLargerImageUpload,imageHandler:this.settings.imageHandler,mediaHandler:this.settings.mediaHandler,videoHandler:this.settings.videoHandler,audioHandler:this.settings.audioHandler,fileHandler:this.settings.fileHandler,onVideoUpload:this.settings.onVideoUpload,onAudioUpload:this.settings.onAudioUpload,onImageUpload:this.settings.onImageUpload,onMediaUpload:this.settings.onMediaUpload,onFileUpload:this.settings.onFileUpload,framework:this.settings.framework,cellFormat:this.settings.cellFormat,rowFormat:this.settings.rowFormat,row:this.settings.row,cols:this.settings.cols,colequal:this.settings.colequal,colsizes:this.settings.colsizes,classReplace:this.settings.classReplace,columnTool:this.settings.columnTool,elementTool:this.settings.elementTool,animateModal:this.settings.animateModal,elementAnimate:this.settings.elementAnimate,elementEditor:this.settings.elementEditor,onAdd:this.settings.onAdd,imageQuality:this.settings.imageQuality,columnHtmlEditor:this.settings.columnHtmlEditor,rowHtmlEditor:this.settings.rowHtmlEditor,rowMoveButtons:this.settings.rowMoveButtons,htmlSyntaxHighlighting:this.settings.htmlSyntaxHighlighting,scrollableEditingToolbar:this.settings.scrollableEditingToolbar,toolbar:this.settings.toolbar,toolbarDisplay:this.settings.toolbarDisplay,toolbarAddSnippetButton:this.settings.toolbarAddSnippetButton,paste:this.settings.paste,builderMode:this.settings.builderMode,rowcolOutline:this.settings.rowcolOutline,elementSelection:this.settings.elementSelection,animatedSorting:this.settings.animatedSorting,dragWithoutHandle:this.settings.dragWithoutHandle,addButtonPlacement:this.settings.addButtonPlacement,outlineMode:this.settings.outlineMode,elementHighlight:this.settings.elementHighlight,rowTool:this.settings.rowTool,toolStyle:this.settings.toolStyle,outlineStyle:this.settings.outlineStyle,snippetAddTool:this.settings.snippetAddTool,mobileSimpleEdit:this.settings.mobileSimpleEdit,clearPreferences:this.settings.clearPreferences,snippetCategories:this.settings.snippetCategories,defaultSnippetCategory:this.settings.defaultSnippetCategory,undoRedoStyles:this.settings.undoRedoStyles,onUndo:()=>{this.doUndoRedo()},onRedo:()=>{this.doUndoRedo()},undoContainerOnly:this.settings.undoContainerOnly,absolutePath:this.settings.absolutePath,cssClasses:this.settings.cssClasses,useCssClasses:this.settings.useCssClasses,useButtonPlugin:this.settings.useButtonPlugin,enableDragResize:this.settings.enableDragResize,simpleTextSettings:this.settings.simpleTextSettings,shortenHTML:this.settings.shortenHTML,zoom:this.settings.zoom,onZoomStart:()=>{this.wrapperEl.style.transition="none"},onZoom:e=>{const t=300*(1-e)/.5;this.wrapperEl.style.marginTop=`${t}px`;const i=this.wrapperEl;let n=i.querySelectorAll(".is-section-tool");n.forEach((e=>{e.setAttribute("data-section-active","")})),n=i.querySelectorAll(".is-box-tool"),n.forEach((e=>{e.setAttribute("data-box-active","")})),n=i.querySelectorAll(".is-box-info"),n.forEach((e=>{e.setAttribute("data-boxinfo-active","")}))},onZoomEnd:()=>{const e=this.wrapperEl;if(!e.querySelector(".is-section"))return;this.addSpace();let t=e.querySelectorAll(".is-section-tool");t.forEach((e=>{e.removeAttribute("data-section-active")})),t=e.querySelectorAll(".is-box-tool"),t.forEach((e=>{e.removeAttribute("data-box-active")})),t=e.querySelectorAll(".is-box-info"),t.forEach((e=>{e.removeAttribute("data-boxinfo-active")})),this.rePositionTool(),this.wrapperEl.style.transition="",this.refreshAnim()},onThemeChange:()=>{this.refreshUIStyle()},fileSelect:this.settings.fileSelect,imageSelect:this.settings.imageSelect,videoSelect:this.settings.videoSelect,audioSelect:this.settings.audioSelect,mediaSelect:this.settings.mediaSelect,selectIcon:this.settings.selectIcon,otherSelect:this.settings.otherSelect,otherSelectCaption:this.settings.otherSelectCaption,otherSelectIcon:this.settings.otherSelectIcon,imageSelectWidth:this.settings.imageSelectWidth,imageSelectHeight:this.settings.imageSelectHeight,fileSelectWidth:this.settings.fileSelectWidth,fileSelectHeight:this.settings.fileSelectHeight,videoSelectWidth:this.settings.videoSelectWidth,videoSelectHeight:this.settings.videoSelectHeight,audioSelectWidth:this.settings.audioSelectWidth,audioSelectHeight:this.settings.audioSelectHeight,mediaSelectWidth:this.settings.mediaSelectWidth,mediaSelectHeight:this.settings.mediaSelectHeight,assetRefresh:this.settings.assetRefresh,onContentClick:e=>{this.settings.onContentClick&&this.settings.onContentClick(e),this.doc.body.classList.remove("temporary-hide-tools");let t=e.target;if(!t.closest('[contenteditable="true"]')){let i=this.editor.dom.getParentElement(t,"a");if("a"===t.tagName.toLowerCase()||i){"a"===t.tagName.toLowerCase()&&(i=t);let n=i.getAttribute("href");if(n&&0===n.indexOf("#"))if(0===n.indexOf("#section")){let t=n.replace("#section","");if(!isNaN(parseInt(t))){let i,n=this.doc.querySelectorAll(".is-section"),o=0;n.forEach((function(e){Cy.hasClass(e,"is-section-navbar")||(o===t-1&&(i=e),o++)})),i&&this.scrollTo(i),e.preventDefault()}}else{let t=this.doc.querySelector(n);t&&(this.scrollTo(t),e.preventDefault())}}}}});const e=this.builderStuff.querySelector(".is-modal.content-preview");this.modalPagePreview=e;const t=e.querySelector("iframe");this.win.addEventListener("scroll",this.doScrollSync=()=>{this.scrollSync(t)}),this.isTouchSupport=this.editor.isTouchSupport,this.command=new Sy(this),this.startAIAssistant&&this.openAIAssistant()}scrollSync(e){if(this.modalPagePreview.classList.contains("active")&&!this.cancelScrollSync)try{let t=e.contentWindow.document.querySelector(".is-wrapper").offsetHeight,i=this.wrapperEl.offsetHeight*this.editor.zoom,n=t-i;this.wrapperEl.style.marginBottom="100vh",e.contentWindow.scrollTo(0,this.win.scrollY+this.win.scrollY/i*n)}catch(e){}}init(){Cy.appendHtml(this.doc.head,`<style id="_contentbox_css">\n        body {\n            background: ${this.settings.backgroundColor};\n        }\n        .block-click.is-box {\n            cursor: unset;\n        }\n        .block-click.is-box > * {\n            pointer-events: unset;\n            user-select: unset;\n        } \n\n        .is-wrapper.is-container-edit > div.section-select, .is-wrapper.is-clean-edit > div.section-select {\n            overflow-x: unset !important;\n            overflow-y: unset !important;\n        }\n\n        ${this.iframe?"":"\n            .is-wrapper.is-edit {\n                padding-left: 61px;\n            }\n\n            .is-wrapper.is-edit .is-section.is-section-navbar,\n            .is-wrapper.is-edit .is-section.is-section-navbar .is-topbar {\n            left: 0;\n            margin-left: 60px;\n            width: calc(100% - 60px);\n            }\n            .is-wrapper.is-edit .is-section.is-section-navbar .is-topbar.static {\n            width: 100%;\n            margin-left: unset;\n            }\n        "}\n        \n\n        /* protected section */\n        .is-section.protected .is-box-tool {\n          display: none !important;\n        }\n        .is-section.protected .is-box-info {\n          display: none !important;\n        }\n\n        /* manual selection during animation edit */\n        .hard-select .is-box-tool {\n          display: none !important;\n        }\n        .hard-select .is-box-info {\n          display: none !important;\n        }\n        .hard-select .is-section-tool {\n          display: none !important;\n        }\n        .hard-select .box-select {\n          outline: #00da89 1px solid;\n          outline-offset: -1px;\n          z-index: 1;\n        }\n        .hard-select .box-select .is-box-tool {\n          display: flex !important;\n        }\n        .hard-select .box-select .is-box-info {\n          display: flex !important;\n        }\n        .hard-select .box-select .is-overlay {\n          z-index: -1;\n        }\n        .hard-select .section-select .is-section-tool {\n          display: block !important;\n        }\n\n        /* drop block as section */\n        .is-wrapper > .sortable-ghost {\n            height: 40px !important;\n            min-height: unset !important;\n            background: rgba(204, 204, 204, 0.15) !important;\n        }\n        .is-wrapper > .sortable-ghost * {\n          opacity: 0 !important;\n        }\n\n        /* toggle tool */\n        .is-wrapper.is-clean-edit.hard-select .box-select .is-box-tool,\n        .is-wrapper.is-clean-edit .box-select .is-box-tool {\n          display: none !important;\n        }\n        .is-wrapper.is-clean-edit.hard-select .box-select .is-box-info,\n        .is-wrapper.is-clean-edit .box-select .is-box-tool {\n          display: none !important;\n        }\n        .is-wrapper.is-clean-edit.hard-select .section-select .is-section-tool,\n        .is-wrapper.is-clean-edit .section-select .is-section-tool {\n          display: none !important;\n        }\n        .is-wrapper.is-clean-edit.hard-select .box-select,\n        .is-wrapper.is-clean-edit .box-select {\n          outline: none !important;\n        }\n        \n        /* clean UI for selection only */\n        /*\n        .selection-only:not([data-skrollrr-off]) .is-wrapper.hard-select .box-select .is-box-tool,\n        .selection-only:not([data-skrollrr-off]) .is-wrapper .box-select .is-box-tool {\n          display: none !important;\n        }\n        .selection-only:not([data-skrollrr-off]) .is-wrapper.hard-select .box-select .is-box-info,\n        .selection-only:not([data-skrollrr-off]) .is-wrapper .box-select .is-box-info {\n          display: none !important;\n        }\n        .selection-only:not([data-skrollrr-off]) .is-wrapper.hard-select .section-select .is-section-tool,\n        .selection-only:not([data-skrollrr-off]) .is-wrapper .section-select .is-section-tool {\n          display: none !important;\n        }\n        .selection-only:not([data-skrollrr-off]) .is-wrapper .is-rowadd-tool {\n          display: none !important;\n        }\n        .selection-only:not([data-skrollrr-off]) .is-wrapper .is-tool {\n          display: none !important;\n        }\n        .selection-only:not([data-skrollrr-off]) .is-tool {\n          z-index: -10000 !important;\n        }\n        */\n\n        /* box info */\n        .is-wrapper .is-box-info {\n            position: absolute;\n            z-index: 1;\n            top: 15px;\n            right: 15px;\n            left: auto;\n            width: auto;\n            display: none;\n            border-radius: 50px;\n            overflow:hidden;\n            background: rgba(243, 243, 243, 0.9);\n            width: 92px;\n            justify-content: center;\n        }\n        .is-wrapper .is-box-info button {\n            width:28px;\n            height:28px;\n            cursor:pointer;\n        }\n        .is-wrapper .box-select .is-box-info {\n            display: flex;\n        }\n        .is-wrapper .is-section-navbar .is-box-info {\n            display: none !important;\n        }\n        div.is-section-navbar + div .is-box-info {\n            top: 90px;\n        }\n        \n        /* section info */\n        .is-wrapper .is-section-info {\n            position: absolute;\n            z-index: 1;\n            top: 3px;\n            left: 3px;\n            display: none;\n        }\n        .is-wrapper .is-section-info > div {\n            width: auto;\n            height: auto;\n            padding: 5px 20px;\n            background-color: rgb(255, 239, 100);\n            color: #111;\n            font-family: sans-serif;\n            letter-spacing: 2px;\n            font-size: 17px;\n        }\n        .is-wrapper .section-select .is-section-info {\n            display: block;\n        }\n\n        /* To make editing possible on wide content */\n        .is-wrapper.is-edit .section-wide-250 .is-box-centered { /*old structure*/\n            overflow-x: auto;\n            overflow-y: hidden;\n        }\n\n        .is-wrapper.is-container-edit > div.section-wide-250.section-select, \n        .is-wrapper.is-clean-edit > div.section-wide-250.section-select,\n        .is-wrapper.is-edit .section-wide-250 {\n            overflow-x: auto !important;\n            overflow-y: hidden !important;\n        }\n\n        .is-wrapper.is-edit .section-wide-250 .is-container > div > div { /* To make col tool visible */\n            max-height: 90vh; \n        }\n\n        /* Hide on Zoom */\n        .hard-select .section-select .is-section-tool[data-section-active],\n        .is-section-tool[data-section-active] {\n            display: none !important;\n        }\n        .hard-select .box-select .is-box-tool[data-box-active],\n        .is-box-tool[data-box-active] {\n            display: none !important;\n        }\n        .hard-select .box-select .is-box-info[data-boxinfo-active],\n        .is-box-info[data-boxinfo-active] {\n            display: none !important;\n        }\n          \n        </style>`),Cy.appendHtml(document.head,'<style id="_contentboxstuff_css">\n\n            #_cbhtml .is-modal.editbox.is-modal-content {\n                z-index: 10002;\n                position: fixed;\n                overflow: hidden;\n                width: 380px;\n                height: auto;\n                top: calc(50% - 250px);\n                left: calc(50% - 175px);\n                box-sizing: content-box;\n                flex-direction: row;\n                align-items: flex-start;\n            }\n            #_cbhtml .is-modal.editbox.is-modal-content.active {\n                display: flex;\n            }\n            #_cbhtml .is-modal.editbox.is-modal-content .is-modal-overlay {\n                display: none;\n            }\n\n            #_cbhtml .is-modal.editsection.is-modal-content {\n                z-index: 10002;\n                position: fixed;\n                overflow: hidden;\n                width: 400px;\n                height: auto;\n                top: calc(50% - 265px);\n                left: calc(50% - 157px);\n                box-sizing: content-box;\n                flex-direction: row;\n                align-items: flex-start;\n            }\n            #_cbhtml .is-modal.editbox.is-modal-content.active {\n                display: flex;\n            }\n            #_cbhtml .is-modal.editbox.is-modal-content .is-modal-overlay {\n                display: none;\n            }\n\n            /* Switch */\n            .is-ui .switch {\n                position: relative;\n                display: inline-block;\n                width: 60px;\n                height: 34px;\n            }\n    \n            .is-ui .switch input {\n                opacity: 0;\n                width: 0;\n                height: 0;\n            }\n    \n            .is-ui .switch .slider {\n                position: absolute;\n                cursor: pointer;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                background-color: #ccc;\n                -webkit-transition: 0.4s;\n                transition: 0.4s;\n                border-radius: 34px;\n            }\n    \n            .dark .is-ui .switch .slider {\n                background-color: #7c7c7c;\n            }\n    \n            .is-ui .switch .slider:before {\n                position: absolute;\n                content: "";\n                height: 26px;\n                width: 26px;\n                left: 4px;\n                bottom: 4px;\n                background-color: #fff;\n                -webkit-transition: 0.4s;\n                transition: 0.4s;\n                border-radius: 50%;\n            }\n    \n            .dark .is-ui .switch .slider:before {\n                background-color: rgba(255, 255, 255, 0.82);\n            }\n    \n            .is-ui .switch input:checked + .slider {\n                background-color: #0e75de;\n                border-radius: 34px;\n            }\n    \n            .dark .is-ui .switch input:checked + .slider {\n                background-color: #0e75de;\n            }\n    \n            .is-ui .switch input:focus + .slider {\n                box-shadow: 0 0 1px #0e75de;\n            }\n    \n            .dark .is-ui .switch input:focus + .slider {\n                box-shadow: 0 0 1px #0e75de;\n            }\n    \n            .is-ui .switch input:checked + .slider:before {\n                -webkit-transform: translateX(26px);\n                -ms-transform: translateX(26px);\n                transform: translateX(26px);\n            }\n\n            /* temporary hide tools on wide section during scroll */\n            .temporary-hide-tools .is-ui .is-tool {\n                display: none !important;\n            }\n\n\n          /* pop ai more */\n          .dark #_cbhtml .is-pop.ai-more button:hover {\n              background-color: rgba(255,255,255,0.1) !important;\n          }\n          #_cbhtml .is-pop.ai-more button:hover {\n              background-color: rgba(0,0,0,0.03) !important;\n          }\n          .is-pop.ai-more button {\n              font-size: 14px !important;\n          }\n        </style>');const e=this.builderStuff;Cy.appendHtml(e,'<div class="page-overlay"></div>');let t=e.querySelector(".page-overlay");this.editsection=new r(this),this.editbox=new Jt(this),setTimeout((()=>{if(this.pageSetupDone||this.pageSetup(),(null!=localStorage.getItem("_livepreview")||this.settings.livePreviewOpen)&&this.openPreview(),null!=localStorage.getItem("_disableanimation")){this.doc.body.setAttribute("data-skrollrr-off","true");this.sidebar.pageQuickSettings.querySelector(".cmd-live-preview").checked=!1,this.refreshPage()}null!=localStorage.getItem("_timelinewindow")&&this.timeline.edit()}),300);let i=!1;const n="contentboxstart",o=Date.now();if(JSON.parse(localStorage.getItem(n))){const e=JSON.parse(localStorage.getItem(n)).expiresOn;Date.now()>e&&(i=!0,localStorage.setItem(n,JSON.stringify({initial:o,expiresOn:o+2592e6})))}else i=!0,localStorage.setItem(n,JSON.stringify({initial:o,expiresOn:o+2592e6}));const s=()=>{let i,n=document.querySelector(".pace-inactive");n&&n.parentNode.removeChild(n),i=null!==localStorage.getItem("_zoom")?localStorage.getItem("_zoom"):this.settings.zoom,this.wrapperEl.style.transition="none";const o=300*(1-i)/.5;this.wrapperEl.style.marginTop=`${o}px`,this.wrapperEl.style.opacity=1;let s=e.querySelector(".is-sidebar");s&&(s.style.opacity=1),this.builderStuff.style.visibility="visible",setTimeout((()=>{t=e.querySelectorAll(".page-overlay"),t.forEach((e=>{e.parentNode.removeChild(e)})),this.wrapperEl.style.transition=""}),300)};this.disableLoadingStatus?(my.stop(),setTimeout((()=>{s()}),300)):i?(my.start(),my.on("hide",(()=>{s()}))):(my.stop(),setTimeout((()=>{s()}),300)),this.doc.addEventListener("wheel",(()=>{if(this.editor.activeElement){if(this.editor.activeElement.closest(".section-wide-250")){this.doc.body.classList.add("temporary-hide-tools"),this.editor.moveable&&this.editor.moveable.updateRect();let e=this.doc.querySelector(".moveable-control-box");e&&(e.style.display="none")}if(this.editor.activeElement.closest(".scroll-y")){this.doc.body.classList.add("temporary-hide-tools"),this.editor.moveable&&this.editor.moveable.updateRect();let e=this.doc.querySelector(".moveable-control-box");e&&(e.style.display="none")}}})),this.doc.addEventListener("click",this.doDocumentClick=e=>{var t=(e=e||window.event).target||e.srcElement;if(!(t.closest("#_cbhtml")||t.closest(".is-box-tool")||t.closest(".is-box-info")||t.closest(".is-section-tool")||t.closest(".is-side")||t.closest(".is-modal")||t.closest(".is-sidebar")))if(t.closest(".is-wrapper")&&!t.classList.contains("is-wrapper")){if(t.closest(".is-container")){const e=t.closest(".is-box");if(e){t.closest(".is-tool")||t.closest(".is-rowadd-tool")||(e.classList.contains("box-select")&&this.wrapperEl.classList.contains("is-container-edit")?(this.wrapperEl.classList.remove("is-container-edit"),this.wrapperEl.classList.add("is-clean-edit")):(this.wrapperEl.classList.add("is-container-edit"),this.wrapperEl.classList.remove("is-clean-edit")));const i=this.doc.querySelector(".box-select");i&&i.classList.remove("box-select"),e.classList.add("box-select"),this.activeBox=e,this.wrapperEl.classList.add("hard-select")}const i=t.closest(".is-section");if(i){const e=this.doc.querySelector(".section-select");e&&e.classList.remove("section-select"),this.activeSection&&i!==this.activeSection&&(this.prevSection=this.activeSection),i.classList.add("section-select"),this.activeSection=i}}else{this.editor.inspectedElement=null,this.editor.activeElement=null,this.editor.activeCol=null;const e=t.closest(".is-box");if(e)if(e.classList.contains("box-select")&&!this.wrapperEl.classList.contains("is-clean-edit")){const e=this.builderStuff.querySelector(".editbox"),t=this.builderStuff.querySelector(".editsection");if("flex"!==e.style.display&&"flex"!==t.style.display&&!this.timeline.modalTimeline.classList.contains("active")&&!this.animateScroll.modalAnimateScroll.classList.contains("active")){const e=this.doc.querySelector(".box-select");e&&e.classList.remove("box-select");const t=this.doc.querySelector(".section-select");t&&t.classList.remove("section-select"),this.wrapperEl.classList.remove("hard-select")}}else{const t=this.doc.querySelector(".box-select");t&&t.classList.remove("box-select");const i=this.doc.querySelector(".section-select");i&&i.classList.remove("section-select"),e.classList.add("box-select"),this.activeBox=e;const n=e.closest(".is-section");this.activeSection&&n!==this.activeSection&&(this.prevSection=this.activeSection),n.classList.add("section-select"),this.activeSection=n,this.wrapperEl.classList.add("hard-select")}this.wrapperEl.classList.remove("is-container-edit"),this.wrapperEl.classList.remove("is-clean-edit")}this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display="",this.settings.onPageContentClick&&this.settings.onPageContentClick(e)}else{if(document.activeElement&&"input"===document.activeElement.tagName.toLowerCase())return;this.wrapperEl.classList.remove("is-container-edit"),this.wrapperEl.classList.remove("is-clean-edit");const e=this.builderStuff.querySelector(".editbox");e.style.display="";const t=this.builderStuff.querySelector(".editsection");if(t.style.display="","flex"!==e.style.display&&"flex"!==t.style.display&&!this.timeline.modalTimeline.classList.contains("active")&&!this.animateScroll.modalAnimateScroll.classList.contains("active")){this.wrapperEl.classList.remove("hard-select");this.doc.querySelectorAll(".box-select").forEach((e=>{e.classList.remove("box-select")}));this.doc.querySelectorAll(".section-select").forEach((e=>{e.classList.remove("section-select")}))}this.timeline.modalTimeline.classList.contains("active")&&this.timeline.clearSettings()}let i=!1,n=!1,o=!1,s=!1,a=!1,l=!1,r=!1,d=!1,c=!1,u=t;for(;u&&u.tagName&&"BODY"!==u.tagName&&"HTML"!==u.tagName;)Cy.hasClass(u,"is-sidebar-content")&&(i=!0),Cy.hasClass(u,"is-sidebar")&&(n=!0),Cy.hasClass(u,"is-builder")&&(o=!0),Cy.hasClass(u,"is-wrapper")&&(a=!0),Cy.hasClass(u,"is-rte-tool")&&(l=!0),Cy.hasClass(u,"is-modal")&&(r=!0),Cy.hasClass(u,"is-pop")&&(d=!0),Cy.hasClass(u,"is-tool")&&(c=!0),Cy.hasClass(u,"is-section")&&(u.hasAttribute("data-anim-start")||u.hasAttribute("data-anim-end"))&&(s=!0),u=u.parentNode;if(!(i||n||a||l||r||d||c)){this.wrapperEl.querySelectorAll(".is-box-tool").forEach((e=>{e.style.display="none"}));this.wrapperEl.querySelectorAll(".is-section-tool").forEach((e=>{e.style.display="none"}));this.wrapperEl.querySelectorAll(".is-box-info").forEach((e=>{e.style.display="none"}))}i||n||this.sidebar.closeSidebar(),o&&s&&(this.controlHiddenOnScroll=!0)}),this.iframe&&document.addEventListener("click",this.doDocumentClick=e=>{let t=!1,i=!1,n=!1,o=!1,s=!1,a=!1,l=!1,r=(e=e||window.event).target||e.srcElement;for(;r&&r.tagName&&"BODY"!==r.tagName&&"HTML"!==r.tagName;)Cy.hasClass(r,"is-sidebar-content")&&(t=!0),Cy.hasClass(r,"is-sidebar")&&(i=!0),Cy.hasClass(r,"is-wrapper")&&(n=!0),Cy.hasClass(r,"is-rte-tool")&&(o=!0),Cy.hasClass(r,"is-modal")&&(s=!0),Cy.hasClass(r,"is-pop")&&(a=!0),Cy.hasClass(r,"is-tool")&&(l=!0),r=r.parentNode;if(!(t||i||n||o||s||a||l)){this.wrapperEl.querySelectorAll(".is-box-tool").forEach((e=>{e.style.display="none"}));this.wrapperEl.querySelectorAll(".is-section-tool").forEach((e=>{e.style.display="none"}));this.wrapperEl.querySelectorAll(".is-box-info").forEach((e=>{e.style.display="none"}))}t||i||this.sidebar.closeSidebar()}),window.wheel=()=>{}}openPreview(){this.animateScroll.openPreview()}closePreview(){this.animateScroll.closePreview()}openSettings(e){this.sidebar.openSettings(e)}pageSetup(){this.wrapperEl.querySelectorAll(".is-section").forEach((e=>{if(this.sectionSetup(e),Cy.hasClass(e,"is-box"))this.boxSetup(e);else{e.querySelectorAll(".is-box").forEach((e=>{this.boxSetup(e)}))}})),this.editor.applyBehavior(),this.addSpace(),setTimeout((()=>{let e=()=>{if(!this.doc.body.hasAttribute("data-skrollrr-off"))return!0},t=document.querySelector(".is-element-tool"),i=document.querySelector("#divImageTool"),n=document.querySelector("#divImageResizer"),o=()=>{if(i&&"flex"===i.style.display){this.editor.moveable&&this.editor.moveable.updateRect();let e=this.doc.querySelector(".moveable-control-box");e&&(e.style.display="none")}t&&(t.style.display=""),i&&(i.style.display=""),n&&(n.style.display="")};e&&(this.doc.addEventListener("wheel",this.doAnimWheel=()=>{e()&&o()}),this.win.addEventListener("scroll",this.doAnimScroll=()=>{e()&&o()}))}),300)}box(){const e=this.doc.querySelector(".is-section-navbar");if(e){e.querySelectorAll("a").forEach((e=>{e.addEventListener("click",(t=>{let i=e.getAttribute("href");if(i)if(0===i.indexOf("#"))if(0===i.indexOf("#section")){let e=i.replace("#section","");if(!isNaN(parseInt(e))){let i,n=this.doc.querySelectorAll(".is-section"),o=0;n.forEach((function(t){Cy.hasClass(t,"is-section-navbar")||(o===e-1&&(i=t),o++)})),i&&this.scrollTo(i),t.preventDefault()}}else try{let e=this.doc.querySelector(i);e&&(this.scrollTo(e),t.preventDefault())}catch(t){}else t.preventDefault(),t.stopImmediatePropagation();else e.closest(".is-menu-search")||(t.preventDefault(),t.stopImmediatePropagation())}))}))}}addSpace(){}scrollTo(e,t=0){this.cancelScrollSync=!0,setTimeout((()=>{e.scrollIntoView({behavior:"smooth",block:"center"}),setTimeout((()=>{this.cancelScrollSync=!1;const e=this.builderStuff.querySelector(".is-modal.content-preview").querySelector("iframe");this.scrollSync(e)}),1e3)}),t)}sectionSetup(e){let t=e.querySelector(".is-section-tool");t&&t.parentNode.removeChild(t),Cy.appendHtml(e,'<div class="is-section-tool"><button type="button" class="is-section-edit" tabindex="-1" data-title="'+i("Section Settings")+'" title="'+i("Section Settings")+'"><svg class="is-icon-flex"><use xlink:href="#ion-wrench"></use></svg></button><button type="button" class="is-section-remove" tabindex="-1" data-title="'+i("Remove")+'" title="'+i("Remove")+'">&#10005;</button></div>');let n=e.querySelector(".is-section-info");n&&n.parentNode.removeChild(n);const o=e.getAttribute("id");Cy.appendHtml(e,'<div class="is-section-info">'+(o?`<div>#${o}</div>`:"")+"</div>");let s=e.querySelector(".is-section-tool").querySelectorAll("[title]");Array.prototype.forEach.call(s,(e=>{e.setAttribute("data-title",e.getAttribute("title")),this.iframe?this.editor.tooltip.set(e,5,3,!0):this.editor.tooltip.set(e,5,3)}));e.querySelector(".is-section-edit").addEventListener("click",(()=>{this.editbox.close(),this.editsection.edit()}));if(e.querySelector(".is-section-remove").addEventListener("click",(()=>{const e=document.querySelector(".is-modal.delsectionconfirm");if(this.settings.deleteConfirm)this.editor.util.showModal(e);else{e.querySelector(".input-ok").click()}this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display=""})),e.classList.contains("section-wide-250")){let t=e.querySelector(".is-box-centered");t&&t.addEventListener("scroll",(()=>{this.doc.body.classList.add("temporary-hide-tools"),this.editor.moveable&&this.editor.moveable.updateRect();let e=this.doc.querySelector(".moveable-control-box");e&&(e.style.display="none")}))}e.querySelectorAll(".scroll-y").forEach((e=>{e.addEventListener("scroll",(()=>{this.doc.body.classList.add("temporary-hide-tools"),this.editor.moveable&&this.editor.moveable.updateRect();let e=this.doc.querySelector(".moveable-control-box");e&&(e.style.display="none")}))}))}boxSetup(e){let t=e.querySelector(".is-box-tool");t&&t.parentNode.removeChild(t),Cy.appendHtml(e,'<div class="is-box-tool" data-tool="1"><div role="button" class="is-cover-upload" data-tooltip-top title="'+i("Background Image")+'" data-title="'+i("Background Image")+'" target="target-upload-cover" method="post" action="'+this.coverImageHandler+'" enctype="multipart/form-data" style="position:relative;width:40px;height:40px;display:inline-block;float:left;background: rgb(90, 156, 38);"><div style="width:40px;height:40px;overflow:hidden;"><div style="position:absolute;width:100%;height:100%;"><svg class="is-icon-flex" style="position: absolute;top: 12px;left: 12px;fill:rgb(255,255,255);"><use xlink:href="#ion-image"></use></svg></div><input type="file" tabindex="-1" class="input-file-cover" name="fileCover" accept="image/*" style="position:absolute;top:-30px;left:0;width:100%;height:80px;opacity: 0;cursor: pointer;"/></div><input tabindex="-1" class="input-custom-value" name="hidcustomval" type="hidden" value="" /></div><button type="button" class="is-box-edit" tabindex="-1" data-tooltip-top data-title="'+i("Box Settings")+'" title="'+i("Box Settings")+'"><svg class="is-icon-flex"><use xlink:href="#ion-wrench"></use></svg></button><button type="button" class="is-module-edit" tabindex="-1" data-tooltip-top data-title="'+i("Module Settings")+'" title="'+i("Module Settings")+'"><svg class="is-icon-flex"><use xlink:href="#ion-ios-gear"></use></svg></button></div>');let n=e.querySelector(".is-box-info");n&&n.parentNode.removeChild(n),this.sendCommandUrl&&this.AIToolbar&&Cy.appendHtml(e,`<div class="is-box-info is-tool" style="transform-origin: right top;">\n            <button data-title="${i("AI Rewrite")}" title="${i("AI Rewrite")}" class="input-box-rewrite" style="padding-left:3px">\n                <svg class="is-icon-flex" style="width:15px;height:15px;flex:none;fill:#000;"><use xlink:href="#icon-pencil"></use></svg>\n            </button>\n            <button data-title="${i("AI Redesign")}" title="${i("AI Redesign")}" class="input-box-redesign">\n                <svg class="is-icon-flex" style="width:15px;height:15px;flex:none;fill:#000;"><use xlink:href="#icon-refresh"></use></svg>\n            </button>\n            <button data-title="${i("More")}" title="${i("More")}" class="input-box-more" style="padding-right:3px">\n                <svg class="is-icon-flex" style="width:15px;height:15px;flex:none;fill:#000;"><use xlink:href="#icon-more"></use></svg>\n            </button>\n            <button data-title="${i("Settings")}" title="${i("Settings")}" class="input-box-config" style="display:none">\n                <svg class="is-icon-flex" style="width:15px;height:15px;flex:none;fill:#000;"><use xlink:href="#icon-settings"></use></svg>\n            </button>\n            </div>`);const o=e.querySelector(".input-box-redesign");o&&o.addEventListener("click",(()=>{this.command.redesign()}));const s=e.querySelector(".input-box-rewrite");s&&s.addEventListener("click",(()=>{this.command.rewrite()}));const a=e.querySelector(".input-box-more");a&&a.addEventListener("click",(()=>{this.command.openMore()}));const l=e.querySelector(".input-box-config");if(l&&l.addEventListener("click",(()=>{this.command.config()})),o&&(o.setAttribute("data-title",o.getAttribute("title")),this.iframe?this.editor.tooltip.set(o,0,3,!0):this.editor.tooltip.set(o,0,3)),s&&(s.setAttribute("data-title",s.getAttribute("title")),this.iframe?this.editor.tooltip.set(s,0,3,!0):this.editor.tooltip.set(s,0,3)),a&&(a.setAttribute("data-title",a.getAttribute("title")),this.iframe?this.editor.tooltip.set(a,0,3,!0):this.editor.tooltip.set(a,0,3)),l&&(l.setAttribute("data-title",l.getAttribute("title")),this.iframe?this.editor.tooltip.set(l,0,3,!0):this.editor.tooltip.set(l,0,3)),t=e.querySelector(".is-box-tool"),t){let e=t.querySelectorAll("[title]");Array.prototype.forEach.call(e,(e=>{e.setAttribute("data-title",e.getAttribute("title")),this.iframe?this.editor.tooltip.set(e,5,3,!0):this.editor.tooltip.set(e,5,3)}))}const r=e.querySelector(".is-box-edit");r&&r.addEventListener("click",(()=>{this.editsection.close(),this.editbox.edit()}));const d=e.querySelector(".is-module-edit");d&&d.addEventListener("click",(()=>{this.editbox.editModule()}));let c=e.querySelector(".is-cover-upload");c&&"none"!==c.style.display&&c.addEventListener("mouseenter",(()=>{let e,t,i;e=this.iframe?this.contentStuff.querySelector(".is-cover-upload-central"):this.builderStuff.querySelector(".is-cover-upload-central"),t=c.getBoundingClientRect().top+this.win.pageYOffset,i=c.getBoundingClientRect().left+this.win.pageXOffset,e.style.top=t+"px",e.style.left=i+"px"}));const u=e.querySelector(".is-overlay-content");if(u){let e=u.querySelectorAll("iframe");Array.prototype.forEach.call(e,(e=>{let t=e.querySelector(".ovl");t||(u.insertAdjacentHTML("beforeend",'<div class="ovl" style="position:absolute;background:#fff;opacity:0.01;cursor:pointer;top:0;left:0px;width:100%;height:100%;z-index:1"></div>'),t=u.querySelector(".ovl"),t.addEventListener("click",(()=>{let e=document.querySelectorAll(".ovl");Array.prototype.forEach.call(e,(e=>{e.style.display="block"})),setTimeout((()=>{t.style.display="none",u.parentNode.style.zIndex=1}),200)})))}))}e.addEventListener("mouseenter",(()=>{if(this.positionTool(e),this.wrapperEl.classList.contains("hard-select"))return;const t=e.closest(".is-section");this.activeSection&&t!==this.activeSection&&(this.prevSection=this.activeSection),this.activeBox=e,this.activeSection=t;document.querySelector("#divSidebarTypography").classList.contains("active")&&this.sidebar.selectType()}))}addSection(e,t){let i=this.addIdea(e);if(!t)return i;let n=t.replace(".css",""),o=this.settings.contentStylePath,s=!1,a=window.parent._cb.doc.getElementsByTagName("link");for(let e=0;e<a.length;e++){-1!=a[e].href.toLowerCase().indexOf(t.toLowerCase())&&(s=!0)}return s||this.wrapperEl.insertAdjacentHTML("beforeend",'<link data-name="contentstyle" data-class="'+n+'" href="'+o+t+'" rel="stylesheet">'),i}sectionStack(){this.wrapperEl.querySelectorAll(".is-section.box-space").forEach((e=>{let t=!1;e.previousElementSibling&&e.previousElementSibling.classList.contains("box-space")&&(t=!0);let i=!1;e.nextElementSibling&&e.nextElementSibling.classList.contains("box-space")&&(i=!0),!t&&i&&(e.classList.add("stack-top"),e.classList.remove("stack-middle"),e.classList.remove("stack-bottom")),t||i||(e.classList.remove("stack-top"),e.classList.remove("stack-middle"),e.classList.remove("stack-bottom")),!i&&t&&(e.classList.add("stack-bottom"),e.classList.remove("stack-middle"),e.classList.remove("stack-top")),t&&i&&(e.classList.remove("stack-top"),e.classList.add("stack-middle"),e.classList.remove("stack-bottom"))}))}doUndoRedo(){let e=this.doc.querySelectorAll(".is-section-tool");e.forEach((e=>{e.parentNode.removeChild(e)})),e=this.doc.querySelectorAll(".is-box-tool"),e.forEach((e=>{e.parentNode.removeChild(e)})),e=this.doc.querySelectorAll(".is-box-info"),e.forEach((e=>{e.parentNode.removeChild(e)}));this.doc.querySelectorAll(".box-select").forEach((e=>{e.classList.remove("box-select")}));this.doc.querySelectorAll(".section-select").forEach((e=>{e.classList.remove("section-select")})),this.activeBox=null,this.activeSection=null,this.wrapperEl.classList.remove("is-container-edit"),this.wrapperEl.classList.remove("is-clean-edit");this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display="",this.timeline.modalTimeline.classList.contains("active")||this.animateScroll.modalAnimateScroll.classList.contains("active")||this.wrapperEl.classList.remove("hard-select"),this.pageSetup(),this.win.skrollrr&&this.win.skrollrr.refresh()}refreshAnim(){this.win.skrollrr&&this.win.skrollrr.refresh()}refreshPage(e){this.win.skrollrr&&this.win.skrollrr.refresh();const t=this.wrapperEl;t.querySelectorAll(".is-section").forEach((e=>{const t=e.innerHTML;var i=document.createRange();e.innerHTML="",e.appendChild(i.createContextualFragment(t))})),this.editor.uo.cleaning(t),this.pageSetup(),this.win.skrollrr&&this.win.skrollrr.refresh(),e&&e()}addIdea(e){let t;this.editor.saveForUndo();let n=[];if(-1!==e.indexOf("is-section-navbar")){const o=this.wrapperEl.querySelector(".is-section-navbar");if(o)return void this.editor.util.confirm(i("Do you want to replace the current navigation bar?"),(t=>{t&&(o.parentNode.removeChild(o),this.addIdea(e))}),!0,i("Replace"));Cy.appendHtml(this.wrapperEl,e,"afterbegin"),t=this.wrapperEl.querySelector(".is-section"),n.push(t)}else if(-1!==e.indexOf("is-static")){let i=Cy.getLastElement(this.wrapperEl,".is-section");if(i){Cy.appendHtml(i,e,"afterend"),t=i.nextElementSibling,n.push(t);let o=t.nextElementSibling;if(o){let e=o.querySelector(".is-section-tool");e||n.push(o),o=o.nextElementSibling,o&&(e=o.querySelector(".is-section-tool"),e||n.push(o))}}else Cy.appendHtml(this.wrapperEl,e,"afterbegin"),t=this.wrapperEl.querySelector(".is-section"),n.push(t)}else if(this.activeSection){let i=this.activeSection;if(Cy.hasClass(i,"is-static")){Cy.appendHtml(i,e,"beforebegin"),t=i.previousElementSibling,n.push(t);let o=t.previousElementSibling;if(o){let e=o.querySelector(".is-section-tool");e||n.push(o),o=o.previousElementSibling,o&&(e=o.querySelector(".is-section-tool"),e||n.push(o))}}else{Cy.appendHtml(i,e,"afterend"),t=i.nextElementSibling,n.push(t);let o=t.nextElementSibling;if(o){let e=o.querySelector(".is-section-tool");e||n.push(o),o=o.nextElementSibling,o&&(e=o.querySelector(".is-section-tool"),e||n.push(o))}}}else{Cy.appendHtml(this.wrapperEl,e,"afterbegin"),t=this.wrapperEl.querySelector(".is-section"),n.push(t);let i=t.nextElementSibling;if(i){let e=i.querySelector(".is-section-tool");e||n.push(i),i=i.nextElementSibling,i&&(e=i.querySelector(".is-section-tool"),e||n.push(i))}}this.wrapperEl.querySelectorAll(".is-section").forEach((e=>{e.querySelector(".is-section-tool")||n.push(e)})),n.forEach((e=>{if(e.querySelectorAll("[data-html]").forEach((e=>{let t=decodeURIComponent(e.getAttribute("data-html"));t=t.replace(/{id}/g,Cy.uniqueId()),Cy.html(e,t)})),e.querySelectorAll(".is-overlay").forEach((e=>{let t=e.querySelector(".is-overlay-content");t&&""===t.innerHTML&&1===e.childElementCount&&e.parentNode.removeChild(e)})),this.sectionSetup(e),Cy.hasClass(e,"is-box"))this.boxSetup(e);else{e.querySelectorAll(".is-box").forEach((e=>{this.boxSetup(e)}))}})),document.querySelectorAll(".is-overlay-bg").forEach((e=>{e.style&&e.style.filter&&-1!==e.style.filter.indexOf("grayscale")&&(e.parentNode.style.filter="grayscale(1)")})),this.editor.applyBehavior(),this.settings.onRender();return this.wrapperEl.querySelectorAll(".is-arrow-down a").forEach((e=>{e.addEventListener("click",(t=>{let i=e.parentNode.parentNode;return this.scrollTo(i.nextElementSibling),t.preventDefault(),t.stopImmediatePropagation(),!1}))})),this.sectionStack(),this.onChange(),Cy.removeElement(document.querySelector(".is-sidebar-overlay")),Cy.removeClass(document.querySelectorAll(".is-sidebar .is-sidebar-button"),"active"),Cy.removeClass(document.querySelectorAll(".is-sidebar-content"),"active"),document.body.style.overflowY="",this.addSpace(),this.scrollTo(t,600),setTimeout((()=>{this.refreshAnim()}),600),t}refreshUIStyle(){if(!this.editor)return;if(!this.editor.styleSnippetBackground)return void setTimeout((()=>{this.refreshUIStyle()}),300);document.querySelector("#divSidebarSnippets").style.backgroundColor=this.editor.styleSnippetBackground;document.querySelectorAll(".is-sidebar-content").forEach((e=>{e.style.backgroundColor=this.editor.styleSnippetBackground}));const e=document.querySelector("#divStyles");e.style.backgroundColor=this.editor.styleSnippetBackground,e.style.color=this.editor.styleSnippetColor;const t=document.querySelector(".is-sidebar");t.style.backgroundColor=this.editor.styleModalBackground,t.style.color=this.editor.styleModalColor;t.querySelectorAll("svg").forEach((e=>{e.style.fill=this.editor.styleModalColor}));t.querySelectorAll("button").forEach((e=>{e.style.color=this.editor.styleModalColor}));const i=document.querySelector("#ifrIdeasPanel");i.contentWindow.applyParentStyles&&i.contentWindow.applyParentStyles()}rePositionTool(){this.activeBox&&this.positionTool(this.activeBox)}hideTools(){let e=this.doc.querySelectorAll(".is-tool");Array.prototype.forEach.call(e,(e=>{e.style.display=""})),e=this.doc.querySelectorAll(".is-row-tool"),e.forEach((e=>{e.style.display="none"})),e=this.doc.querySelectorAll(".is-rowadd-tool"),e.forEach((e=>{e.style.opacity=0})),e=this.doc.querySelectorAll(".is-col-tool"),e.forEach((e=>{e.style.display="none"}))}showTools(){this.editor.util.repositionColumnTool();let e=this.doc.querySelectorAll(".is-row-tool");e.forEach((e=>{e.style.display=""})),e=this.doc.querySelectorAll(".is-rowadd-tool"),e.forEach((e=>{e.style.opacity=""})),e=this.doc.querySelectorAll(".is-col-tool"),e.forEach((e=>{e.style.display=""}))}positionTool(e){if(!e)return;var t;t=null!==localStorage.getItem("_zoom")?localStorage.getItem("_zoom"):this.settings.zoom;const i=e.closest(".is-section-navbar"),n=e.querySelector('[data-module="slider-box"]');let o,s;this.wrapperEl.querySelectorAll(".is-section-tool").forEach((e=>{e.style.display="none"})),Cy.hasClass(e,"is-section")?(o=e,s=e.querySelector(".is-section-tool")):(o=Cy.parentsHasClass(e,"is-section"),s=o.querySelector(".is-section-tool")),s&&(s.style.display="block",s.style.transform="scale("+1/t+")",s.style.transformOrigin="top right");this.wrapperEl.querySelectorAll(".is-box-tool").forEach((e=>{e.style.display="none"}));let a=e.querySelector(".is-box-tool");a&&(a.style.display="flex",a.style.transform="scale("+1/t+")",a.style.transformOrigin="center bottom",n?(e.querySelector(".is-cover-upload").style.display="none",e.querySelector(".is-box-edit").style.display="inline-block",e.querySelector(".is-module-edit").style.display="inline-block",a.style.width="80px",a.style.left="calc(50% - 40px)"):i?(e.querySelector(".is-cover-upload").style.display="none",e.querySelector(".is-box-edit").style.display="none",e.querySelector(".is-module-edit").style.display="inline-block",a.style.width="40px",a.style.left="calc(50% - 20px)"):e.querySelectorAll(".is-overlay-content[data-module]").length>0?(e.querySelector(".is-cover-upload").style.display="block",e.querySelector(".is-box-edit").style.display="inline-block",e.querySelector(".is-module-edit").style.display="inline-block",a.style.width="120px",a.style.left="calc(50% - 60px)"):(e.querySelector(".is-cover-upload").style.display="block",e.querySelector(".is-box-edit").style.display="inline-block",e.querySelector(".is-module-edit").style.display="none",a.style.width="80px",a.style.left="calc(50% - 40px)"));this.wrapperEl.querySelectorAll(".is-box-info").forEach((e=>{e.style.display="none"}));let l=e.querySelector(".is-box-info");l&&(l.style.display="flex",l.style.transform="scale("+1/t+")")}addButton(e){if(this.preview)return;const t=this.builderStuff,n=Cy.uniqueId(),o=Cy.uniqueId();let s;if(e.src){s=`<button type="button" id="${n}" class="is-sidebar-button" tabindex="-1" data-content="${o}" data-title="${i(e.title)}" title="${i(e.title)}" data-src="${e.src}" data-refresh="${e.refresh?1:0}">\n            ${e.html}\n            </button>`;let a=`<div id="${o}" class="is-sidebar-content is-area-2nd ${e.class}" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true" style="max-width:${e.maxwidth?e.maxwidth:"1005px"};">\n                <div style="padding:0 0 0 50px;box-sizing:border-box;">\n                    <iframe src="about:blank" style="width:100%;height:100%;box-sizing:border-box;border:none;">\n                    </iframe>\n                </div>\n            </div>`;Cy.appendHtml(t,a)}else s=e.onClick?'<button type="button" id="'+n+'" tabindex="-1" class="is-sidebar-button" data-title="'+i(e.title)+'" title="'+i(e.title)+'">'+e.html+"</button>":`<button id="${n}" class="is-sidebar-button" tabindex="-1" data-content="${e.content.substr(1)}" data-title="${i(e.title)}" title="${i(e.title)}">\n                ${e.html}\n                </button>`;t.querySelector(".is-sidebar").children[e.pos].insertAdjacentHTML("afterEnd",s);const a=t.querySelector("#"+n);a.addEventListener("click",(i=>{if(e.onClick)e.onClick(i);else if(Cy.hasClass(a,"active"))this.sidebar.closeSidebar();else{this.sidebar.closeSidebar(),Cy.addClass(a,"active");var n=a.getAttribute("data-content");const i=document.querySelector("#"+n);if(i.style.display="block",i.setAttribute("aria-hidden",!1),setTimeout((()=>{Cy.addClass(i,"active"),i.focus()}),10),e.src){var o=t.querySelector("#"+n+" iframe");("1"===a.getAttribute("data-refresh")||"about:blank"==o.getAttribute("src"))&&o.setAttribute("src",e.src)}Cy.appendHtml(t,'<div class="is-sidebar-overlay" style="position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.000001);z-index: 1000;;"></div>');const s=t.querySelector(".is-sidebar-overlay");s.addEventListener("click",(()=>{s.parentNode.removeChild(s);let e=t.querySelectorAll(".is-sidebar > div");e.forEach((e=>{Cy.removeClass(e,"active")})),e=t.querySelectorAll(".is-sidebar-content"),e.forEach((e=>{Cy.removeClass(e,"active")})),document.body.style.overflowY=""}))}})),setTimeout((()=>{if(!e.onClick){const e=a.getAttribute("data-content");document.querySelector("#"+e).addEventListener("keydown",(e=>{27===e.keyCode&&this.sidebar.closeSidebar()}))}}),300)}undo(){this.editor.undo()}redo(){this.editor.redo()}saveImages(e,t,i){this.editor.saveImages(e,t,i)}applyLargerImage(e){this.editor.applyLargerImage(e)}returnUrl(e){this.editor.returnUrl(e)}showMessage(e){this.editor.util.showMessage(e)}showChoice(e,t,i){this.editor.util.showChoice(e,t,i)}showModal(e,t,i,n){this.editor.util.showModal(e,t,i,n)}hideModal(e){this.editor.hideModal(e)}refreshModule(){this.editbox.refreshModule()}loadStyles(e,t){let i,n=this.doc.getElementsByTagName("link");for(let e=0;e<n.length;e++)"contentstyle"===n[e].getAttribute("data-name")&&n[e].setAttribute("data-rel","_del"),-1!==n[e].getAttribute("href").indexOf("basetype-")&&n[e].setAttribute("data-rel","_del"),-1===n[e].getAttribute("href").indexOf("/box.css")&&-1===n[e].getAttribute("href").indexOf("/box-flex.css")||n[e].closest("body")&&(i=!0,this.settings.cssInBody=!0);this.settings.cssInBody&&(i=!0),this.doc.querySelectorAll('[data-rel="_del"]').forEach((e=>{e.parentNode.removeChild(e)}));let o=this.doc.head;o||(o=this.doc.body),e&&""!==e&&(i?this.wrapperEl.insertAdjacentHTML("beforebegin",e):o.insertAdjacentHTML("beforeend",e)),t&&""!==t&&(i?this.wrapperEl.insertAdjacentHTML("beforebegin",t):o.insertAdjacentHTML("beforeend",t))}loadHtml(e){this.activeBox=null,this.activeSection=null;const t=this.wrapperEl;t.style.opacity||(t.style.opacity="0");let i=!1;if("glide"!==this.settings.slider&&"all"!==this.settings.slider||void 0!==this.win.Glide&&(new this.win.Glide).mount||(i=!0),!this.editor||i)return void setTimeout((()=>{this.loadHtml(e)}),100);let n=document.createRange();t.innerHTML="",t.appendChild(n.createContextualFragment(e));let o=this.settings.contentStylePath;t.querySelectorAll(".is-section").forEach((e=>{e.classList.forEach((e=>{if(-1!==e.indexOf("type-")){const t=e,i=e+".css";let n=!1,s=this.doc.getElementsByTagName("link");for(let e=0;e<s.length;e++){-1!=s[e].href.toLowerCase().indexOf(i.toLowerCase())&&(n=!0)}n||this.wrapperEl.insertAdjacentHTML("beforeend",'<link data-name="contentstyle" data-class="'+t+'" href="'+o+i+'" rel="stylesheet">')}}))})),this.pageSetup(),this.pageSetupDone=!0,this.settings.onRender();t.querySelectorAll(".is-arrow-down a").forEach((e=>{e.addEventListener("click",(t=>{let i=e.parentNode.parentNode;return this.scrollTo(i.nextElementSibling),t.preventDefault(),t.stopImmediatePropagation(),!1}))})),null!=localStorage.getItem("_livepreview")&&this.openPreview(),setTimeout((()=>{this.refreshAnim()}),600)}boxImage(e,t){this.editbox.boxImage(e,t)}mainCss(e){let t=this.doc.getElementsByTagName("link"),i=[];for(let n=0;n<t.length;n++){if(-1!=t[n].href.toLowerCase().indexOf("basetype-"))if(e){const e=t[n].cloneNode();let o=e.href,s=window.location.href.substring(0,window.location.href.lastIndexOf("/"));o=o.replace(s,"[%PATH%]"),e.href=o,i.push(e.outerHTML)}else i.push(t[n].outerHTML)}return i=[...new Set(i)],i.join("")}mainCssList(){let e=this.doc.getElementsByTagName("link"),t=[];for(let i=0;i<e.length;i++){-1!=e[i].href.toLowerCase().indexOf("basetype-")&&t.push(e[i].outerHTML)}return t}sectionCss(e){let t=this.doc.getElementsByTagName("link"),i=[];for(let n=0;n<t.length;n++){let o=t[n].href.toLowerCase();if(-1!=o.indexOf("basetype-"));else if(-1!=o.indexOf("type-"))if(e){const e=t[n].cloneNode();let o=e.href,s=window.location.href.substring(0,window.location.href.lastIndexOf("/"));o=o.replace(s,"[%PATH%]"),e.href=o,i.push(e.outerHTML)}else i.push(t[n].outerHTML)}return i=[...new Set(i)],i.join("")}sectionCssList(){let e=this.doc.getElementsByTagName("link"),t=[];for(let i=0;i<e.length;i++){let n=e[i].href.toLowerCase();-1!=n.indexOf("basetype-")||-1!=n.indexOf("type-")&&t.push(e[i].outerHTML)}return t=[...new Set(t)],t}htmlCheck(){this.cleanupUnused();return this.editor.readHtml(this.wrapperEl,!1,!0,!0)}html(e){this.cleanupUnused();return this.editor.readHtml(this.wrapperEl,e,!0)}download(e={}){this.export(e,!0)}export(e={},t=!1){let i=this.pageTemplate,n="";this.cleanupUnused(),this.editor.makeAbsolute=!0,this.editor.shortenOutput=t;let o=this.editor.readHtml(this.wrapperEl,!1,!0);this.editor.makeAbsolute=!1,this.editor.shortenOutput=!1,n=i.replace("[%CONTENT%]",o);let s=this.mainCss(!0),a=this.sectionCss(!0);if(n=n.replaceAll("[%MAINCSS%]",s),n=n.replaceAll("[%SECTIONCSS%]",a),e.replace&&e.replace.forEach((e=>{n=n.replaceAll(`${e[0]}`,e[1])})),e.path)n=n.replaceAll("[%PATH%]",e.path);else{let e;e=window.location.href.substring(0,window.location.href.lastIndexOf("/")),n=n.replaceAll("[%PATH%]",e)}n=this.editor.beautify(n);const l=document.createElement("a");l.href=window.URL.createObjectURL(new Blob([n],{type:"text/plain"})),l.download="page.html",l.click()}viewZoom(){this.editor.viewZoom()}openAnimationPanel(){this.animateScroll.edit()}openTimelinePanel(){this.timeline.edit()}openAIAssistant(){this.command.openDictation()}destroy(){this.doc.removeEventListener("click",this.doDocumentClick,!1),this.iframe&&document.removeEventListener("click",this.doDocumentClick,!1),window.removeEventListener("scroll",this.doWindowScroll,!1),this.doc.removeEventListener("scroll",this.doAnimWheel,!1),this.win.removeEventListener("scroll",this.doAnimScroll,!1),this.win.removeEventListener("scroll",this.doScrollSync,!1);let e=this.html();this.builderStuff.innerHTML="",Cy.removeClass(document.body,"sidebar-active"),document.body.removeAttribute("data-skrollrr-off");const t=this.doc.querySelector("#_contentbox_css");t&&t.parentNode.removeChild(t);const i=document.querySelector("#_contentboxstuff_css");i&&i.parentNode.removeChild(i);let n=document.createRange();const o=this.wrapperEl;o.innerHTML="",o.appendChild(n.createContextualFragment(e)),Cy.removeClass(o,"is-edit"),this.editor.destroy(),my.stop()}cleanupUnused(){this.editor.rte.cleanupFontCssLink();let e=this.doc.getElementsByTagName("link");for(let t=0;t<e.length;t++)if("contentstyle"===e[t].getAttribute("data-name")){let i=e[t].getAttribute("data-class");""===i&&e[t].setAttribute("data-rel","_del"),""!==i&&(this.wrapperEl.querySelector("."+i)||e[t].setAttribute("data-rel","_del"))}let t=this.doc.querySelectorAll('[data-rel="_del"]');t.forEach((e=>{e.parentNode.removeChild(e)})),t=this.doc.head.querySelectorAll("link"),t.forEach((e=>{let t=e.getAttribute("href");this.wrapperEl.querySelectorAll("link").forEach((e=>{t===e.getAttribute("href")&&e.setAttribute("data-rel","_del")}))})),t=this.doc.querySelectorAll('[data-rel="_del"]'),t.forEach((e=>{e.parentNode.removeChild(e)}))}calculateVisibleArea(e){const t=window.innerHeight||document.documentElement.clientHeight,i=window.innerWidth||document.documentElement.clientWidth,n=Math.max(e.top,0),o=Math.min(e.bottom,t),s=Math.max(e.left,0);return(Math.min(e.right,i)-s)*(o-n)}findMostVisibleElement(e){let t=0,i=null;return e.forEach((e=>{const n=e.getBoundingClientRect();if(n.top<window.innerHeight&&n.bottom>=0&&n.left<window.innerWidth&&n.right>=0){const o=this.calculateVisibleArea(n);o>t&&(t=o,i=e)}})),i}selectSection(){if(this.activeBox)return;const e=this.wrapperEl.querySelectorAll(".is-section"),t=this.findMostVisibleElement(e);if(!t)return;let i=!1;if(t.classList.contains("is-box")&&(i=!0),i)this.activeBox=t,t.classList.add("section-select"),this.activeSection=t;else{const e=t.querySelector(".is-box");e&&(e.classList.add("box-select"),this.activeBox=e),t.classList.add("section-select"),this.activeSection=t}}}}();
+(function(){if("undefined"!=typeof window){var t,i,n,o,s,a,l,r,d,c,u,p,h,m,g,b,f,v,y,x,_,w,S,C,k,A,E,L,q,T,R,M,O,I,B,N,$,z,P,D,H,j,U,F,W,Y,G,X,V,K=[].slice,Z={}.hasOwnProperty,Q=function(e,t){for(var i in t)Z.call(t,i)&&(e[i]=t[i]);function n(){this.constructor=e}return n.prototype=t.prototype,e.prototype=new n,e.__super__=t.prototype,e},J=[].indexOf||function(e){for(var t=0,i=this.length;t<i;t++)if(t in this&&this[t]===e)return t;return-1},ee=function(e,t){return function(){return e.apply(t,arguments)}};for(w={className:"",catchupTime:100,initialRate:.03,minTime:250,ghostTime:100,maxProgressPerFrame:20,easeFactor:1.25,startOnPageLoad:!0,restartOnPushState:!0,restartOnRequestAfter:500,target:"body",elements:{checkInterval:100,selectors:["body"]},eventLag:!1,ajax:{trackMethods:["GET"],trackWebSockets:!0,ignoreURLs:[]}},T=function(){var e;return null!=(e="undefined"!=typeof performance&&null!==performance&&"function"==typeof performance.now?performance.now():void 0)?e:+new Date},M=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,_=window.cancelAnimationFrame||window.mozCancelAnimationFrame,b=function(e,t,i){return"function"==typeof e.addEventListener?e.addEventListener(t,i,!1):function(){if("function"!=typeof e["on"+t]||"object"!=typeof e["on"+t].eventListeners){var n=new r;"function"==typeof e["on"+t]&&n.on(t,e["on"+t]),e["on"+t]=function(e){return n.trigger(t,e)},e["on"+t].eventListeners=n}else n=e["on"+t].eventListeners;n.on(t,i)}()},null==M&&(M=function(e){return setTimeout(e,50)},_=function(e){return clearTimeout(e)}),I=function(e){var t,i;return t=T(),i=function(){var n;return(n=T()-t)>=33?(t=T(),e(n,(function(){return M(i)}))):setTimeout(i,33-n)},i()},O=function(){var e,t,i;return i=arguments[0],t=arguments[1],e=3<=arguments.length?K.call(arguments,2):[],"function"==typeof i[t]?i[t].apply(i,e):i[t]},S=function(){var e,t,i,n,o,s,a;for(t=arguments[0],s=0,a=(n=2<=arguments.length?K.call(arguments,1):[]).length;s<a;s++)if(i=n[s])for(e in i)Z.call(i,e)&&(o=i[e],null!=t[e]&&"object"==typeof t[e]&&null!=o&&"object"==typeof o?S(t[e],o):t[e]=o);return t},v=function(e){var t,i,n,o,s;for(i=t=0,o=0,s=e.length;o<s;o++)n=e[o],i+=Math.abs(n),t++;return i/t},k=function(e,t){var i,n,o;if(null==e&&(e="options"),null==t&&(t=!0),o=document.querySelector("[data-pace-"+e+"]")){if(i=o.getAttribute("data-pace-"+e),!t)return i;try{return JSON.parse(i)}catch(e){return n=e,"undefined"!=typeof console&&null!==console?console.error("Error parsing inline pace options",n):void 0}}},l=function(){function e(){}return e.prototype.on=function(e,t,i,n){var o;return null==n&&(n=!1),null==this.bindings&&(this.bindings={}),null==(o=this.bindings)[e]&&(o[e]=[]),this.bindings[e].push({handler:t,ctx:i,once:n})},e.prototype.once=function(e,t,i){return this.on(e,t,i,!0)},e.prototype.off=function(e,t){var i,n,o;if(null!=(null!=(n=this.bindings)?n[e]:void 0)){if(null==t)return delete this.bindings[e];for(i=0,o=[];i<this.bindings[e].length;)this.bindings[e][i].handler===t?o.push(this.bindings[e].splice(i,1)):o.push(i++);return o}},e.prototype.trigger=function(){var e,t,i,n,o,s,a,l,r;if(i=arguments[0],e=2<=arguments.length?K.call(arguments,1):[],null!=(a=this.bindings)?a[i]:void 0){for(o=0,r=[];o<this.bindings[i].length;)n=(l=this.bindings[i][o]).handler,t=l.ctx,s=l.once,n.apply(null!=t?t:this,e),s?r.push(this.bindings[i].splice(o,1)):r.push(o++);return r}},e}(),c=window.Pace||{},window.Pace=c,S(c,l.prototype),R=c.options=S({},w,window.paceOptions,k()),F=0,Y=(X=["ajax","document","eventLag","elements"]).length;F<Y;F++)!0===R[z=X[F]]&&(R[z]=w[z]);d=function(e){function t(){return t.__super__.constructor.apply(this,arguments)}return Q(t,e),t}(Error),i=function(){function e(){this.progress=0}return e.prototype.getElement=function(){var e;if(null==this.el){if(!(e=document.querySelector(R.target)))throw new d;this.el=document.createElement("div"),this.el.className="pace pace-active",document.body.className=document.body.className.replace(/(pace-done )|/,"pace-running ");var t=""!==R.className?" "+R.className:"";this.el.innerHTML='<div class="pace-progress'+t+'">\n  <div class="pace-progress-inner"></div>\n</div>\n<div class="pace-activity"></div>',null!=e.firstChild?e.insertBefore(this.el,e.firstChild):e.appendChild(this.el)}return this.el},e.prototype.finish=function(){var e;return(e=this.getElement()).className=e.className.replace("pace-active","pace-inactive"),document.body.className=document.body.className.replace("pace-running ","pace-done ")},e.prototype.update=function(e){return this.progress=e,c.trigger("progress",e),this.render()},e.prototype.destroy=function(){try{this.getElement().parentNode.removeChild(this.getElement())}catch(e){d=e}return this.el=void 0},e.prototype.render=function(){var e,t,i,n,o,s,a;if(null==document.querySelector(R.target))return!1;for(e=this.getElement(),n="translate3d("+this.progress+"%, 0, 0)",o=0,s=(a=["webkitTransform","msTransform","transform"]).length;o<s;o++)t=a[o],e.children[0].style[t]=n;return(!this.lastRenderedProgress||this.lastRenderedProgress|0!==this.progress|0)&&(e.children[0].setAttribute("data-progress-text",(0|this.progress)+"%"),this.progress>=100?i="99":(i=this.progress<10?"0":"",i+=0|this.progress),e.children[0].setAttribute("data-progress",""+i)),c.trigger("change",this.progress),this.lastRenderedProgress=this.progress},e.prototype.done=function(){return this.progress>=100},e}(),r=function(){function e(){this.bindings={}}return e.prototype.trigger=function(e,t){var i,n,o,s,a;if(null!=this.bindings[e]){for(a=[],n=0,o=(s=this.bindings[e]).length;n<o;n++)i=s[n],a.push(i.call(this,t));return a}},e.prototype.on=function(e,t){var i;return null==(i=this.bindings)[e]&&(i[e]=[]),this.bindings[e].push(t)},e}(),U=window.XMLHttpRequest,j=window.XDomainRequest,H=window.WebSocket,C=function(e,t){var i,n;for(i in n=[],t.prototype)try{null==e[i]&&"function"!=typeof t[i]?"function"==typeof Object.defineProperty?n.push(Object.defineProperty(e,i,{get:function(e){return function(){return t.prototype[e]}}(i),configurable:!0,enumerable:!0})):n.push(e[i]=t.prototype[i]):n.push(void 0)}catch(e){}return n},L=[],c.ignore=function(){var e,t,i;return t=arguments[0],e=2<=arguments.length?K.call(arguments,1):[],L.unshift("ignore"),i=t.apply(null,e),L.shift(),i},c.track=function(){var e,t,i;return t=arguments[0],e=2<=arguments.length?K.call(arguments,1):[],L.unshift("track"),i=t.apply(null,e),L.shift(),i},$=function(e){var t;if(null==e&&(e="GET"),"track"===L[0])return"force";if(!L.length&&R.ajax){if("socket"===e&&R.ajax.trackWebSockets)return!0;if(t=e.toUpperCase(),J.call(R.ajax.trackMethods,t)>=0)return!0}return!1},u=function(e){function t(){var e,i=this;t.__super__.constructor.apply(this,arguments),e=function(e){var t;return t=e.open,e.open=function(n,o,s){return $(n)&&i.trigger("request",{type:n,url:o,request:e}),t.apply(e,arguments)}},window.XMLHttpRequest=function(t){var i;return i=new U(t),e(i),i};try{C(window.XMLHttpRequest,U)}catch(e){}if(null!=j){window.XDomainRequest=function(){var t;return t=new j,e(t),t};try{C(window.XDomainRequest,j)}catch(e){}}if(null!=H&&R.ajax.trackWebSockets){window.WebSocket=function(e,t){var n;return n=null!=t?new H(e,t):new H(e),$("socket")&&i.trigger("request",{type:"socket",url:e,protocols:t,request:n}),n};try{C(window.WebSocket,H)}catch(e){}}}return Q(t,e),t}(r),W=null,N=function(e){var t,i,n,o;for(i=0,n=(o=R.ajax.ignoreURLs).length;i<n;i++)if("string"==typeof(t=o[i])){if(-1!==e.indexOf(t))return!0}else if(t.test(e))return!0;return!1},(A=function(){return null==W&&(W=new u),W})().on("request",(function(e){var i,n,o,s,a;if(s=e.type,o=e.request,a=e.url,!N(a))return c.running||!1===R.restartOnRequestAfter&&"force"!==$(s)?void 0:(n=arguments,"boolean"==typeof(i=R.restartOnRequestAfter||0)&&(i=0),setTimeout((function(){var e,i,a,l,r;if("socket"===s?o.readyState<1:0<(a=o.readyState)&&a<4){for(c.restart(),r=[],e=0,i=(l=c.sources).length;e<i;e++){if((z=l[e])instanceof t){z.watch.apply(z,n);break}r.push(void 0)}return r}}),i))})),t=function(){function e(){this.complete=ee(this.complete,this);var e=this;this.elements=[],A().on("request",(function(){return e.watch.apply(e,arguments)}))}return e.prototype.watch=function(e){var t,i,n,o;if(n=e.type,t=e.request,o=e.url,!N(o))return i="socket"===n?new m(t,this.complete):new g(t,this.complete),this.elements.push(i)},e.prototype.complete=function(e){return this.elements=this.elements.filter((function(t){return t!==e}))},e}(),g=function(e,t){var i,n,o,s,a=this;if(this.progress=0,null!=window.ProgressEvent)for(b(e,"progress",(function(e){return e.lengthComputable?a.progress=100*e.loaded/e.total:a.progress=a.progress+(100-a.progress)/2})),i=0,n=(s=["load","abort","timeout","error"]).length;i<n;i++)b(e,s[i],(function(){return t(a),a.progress=100}));else o=e.onreadystatechange,e.onreadystatechange=function(){var i;return 0===(i=e.readyState)||4===i?(t(a),a.progress=100):3===e.readyState&&(a.progress=50),"function"==typeof o?o.apply(null,arguments):void 0}},m=function(e,t){var i,n,o,s=this;for(this.progress=0,i=0,n=(o=["error","open"]).length;i<n;i++)b(e,o[i],(function(){return t(s),s.progress=100}))},o=function(){function e(e){var t,i,n,o;for(null==e&&(e={}),this.complete=ee(this.complete,this),this.elements=[],null==e.selectors&&(e.selectors=[]),i=0,n=(o=e.selectors).length;i<n;i++)t=o[i],this.elements.push(new s(t,this.complete))}return e.prototype.complete=function(e){return this.elements=this.elements.filter((function(t){return t!==e}))},e}(),s=function(){function e(e,t){this.selector=e,this.completeCallback=t,this.progress=0,this.check()}return e.prototype.check=function(){var e=this;return document.querySelector(this.selector)?this.done():setTimeout((function(){return e.check()}),R.elements.checkInterval)},e.prototype.done=function(){return this.completeCallback(this),this.completeCallback=null,this.progress=100},e}(),n=function(){function e(){var e,t,i=this;this.progress=null!=(t=this.states[document.readyState])?t:100,e=document.onreadystatechange,document.onreadystatechange=function(){return null!=i.states[document.readyState]&&(i.progress=i.states[document.readyState]),"function"==typeof e?e.apply(null,arguments):void 0}}return e.prototype.states={loading:0,interactive:50,complete:100},e}(),a=function(){var e,t,i,n,o,s=this;this.progress=0,e=0,o=[],n=0,i=T(),t=setInterval((function(){var a;return a=T()-i-50,i=T(),o.push(a),o.length>R.eventLag.sampleCount&&o.shift(),e=v(o),++n>=R.eventLag.minSamples&&e<R.eventLag.lagThreshold?(s.progress=100,clearInterval(t)):s.progress=3/(e+3)*100}),50)},h=function(){function e(e){this.source=e,this.last=this.sinceLastUpdate=0,this.rate=R.initialRate,this.catchup=0,this.progress=this.lastProgress=0,null!=this.source&&(this.progress=O(this.source,"progress"))}return e.prototype.tick=function(e,t){var i;return null==t&&(t=O(this.source,"progress")),t>=100&&(this.done=!0),t===this.last?this.sinceLastUpdate+=e:(this.sinceLastUpdate&&(this.rate=(t-this.last)/this.sinceLastUpdate),this.catchup=(t-this.progress)/R.catchupTime,this.sinceLastUpdate=0,this.last=t),t>this.progress&&(this.progress+=this.catchup*e),i=1-Math.pow(this.progress/100,R.easeFactor),this.progress+=i*this.rate*e,this.progress=Math.min(this.lastProgress+R.maxProgressPerFrame,this.progress),this.progress=Math.max(0,this.progress),this.progress=Math.min(100,this.progress),this.lastProgress=this.progress,this.progress},e}(),P=null,B=null,y=null,D=null,f=null,x=null,c.running=!1,E=function(){if(R.restartOnPushState)return c.restart()},null!=window.history.pushState&&(G=window.history.pushState,window.history.pushState=function(){return E(),G.apply(window.history,arguments)}),null!=window.history.replaceState&&(V=window.history.replaceState,window.history.replaceState=function(){return E(),V.apply(window.history,arguments)}),p={ajax:t,elements:o,document:n,eventLag:a},(q=function(){var e,t,n,o,s,a,l,r;for(c.sources=P=[],t=0,o=(a=["ajax","elements","document","eventLag"]).length;t<o;t++)!1!==R[e=a[t]]&&P.push(new p[e](R[e]));for(n=0,s=(r=null!=(l=R.extraSources)?l:[]).length;n<s;n++)z=r[n],P.push(new z(R));return c.bar=y=new i,B=[],D=new h})(),c.stop=function(){return c.trigger("stop"),c.running=!1,y.destroy(),x=!0,null!=f&&("function"==typeof _&&_(f),f=null),q()},c.restart=function(){return c.trigger("restart"),c.stop(),c.start()},c.go=function(){var e;return c.running=!0,y.render(),e=T(),x=!1,f=I((function(t,i){var n,o,s,a,l,r,d,u,p,m,g,b,f,v,_;for(y.progress,o=m=0,s=!0,r=g=0,f=P.length;g<f;r=++g)for(z=P[r],p=null!=B[r]?B[r]:B[r]=[],d=b=0,v=(l=null!=(_=z.elements)?_:[z]).length;b<v;d=++b)a=l[d],s&=(u=null!=p[d]?p[d]:p[d]=new h(a)).done,u.done||(o++,m+=u.tick(t));return n=m/o,y.update(D.tick(t,n)),y.done()||s||x?(y.update(100),c.trigger("done"),setTimeout((function(){return y.finish(),c.running=!1,c.trigger("hide")}),Math.max(R.ghostTime,Math.max(R.minTime-(T()-e),0)))):i()}))},c.start=function(e){S(R,e),c.running=!0;try{y.render()}catch(e){d=e}return document.querySelector(".pace")?(c.trigger("start"),c.go()):setTimeout(c.start,50)},e.exports=c}}).call(d)}(hy);var my=hy.exports;class gy{constructor(e){this.builder=e;const t=`\n            <form class="is-cover-upload-central" style="opacity:1;position:absolute;width:40px;height:40px;" target="target-upload-cover" method="post" action="${this.builder.coverImageHandler}" enctype="multipart/form-data" style="position:relative;width:40px;height:40px;display:inline-block;float:left;background: rgb(90, 156, 38);">\n              <input type="file" tabindex="-1" class="input-file-cover-central" name="fileCover" accept="image/*" style="position:absolute;top:-30px;left:0;width:100%;height:80px;opacity: 0;cursor: pointer;"/>\n              <input tabindex="-1" class="input-custom-value-central" name="hidcustomval" type="hidden" value="${this.builder.customval}" />\n          </form>\n          <svg width="0" height="0" style="position:absolute;display:none;">\n            <defs>\n              <symbol id="icon-refresh" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                  <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                  <path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4"></path>\n                  <path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"></path>\n              </symbol>\n              <symbol id="icon-pencil" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                  <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                  <path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4"></path>\n                  <line x1="13.5" y1="6.5" x2="17.5" y2="10.5"></line>\n              </symbol>\n              <symbol id="icon-settings" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                  <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                  <path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z"></path>\n                  <circle cx="12" cy="12" r="3"></circle>\n              </symbol>\n              <symbol id="icon-more" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                  <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                  <path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>\n                  <path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>\n                  <path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>\n              </symbol>\n            </defs>\n          </svg>\n\n            <iframe id="target-upload-cover" name="target-upload-cover" src="about:blank" style="width:1px;height:1px;position:absolute;top:0;right:-100000px"></iframe>\n        `;e.contentStuff.insertAdjacentHTML("afterbegin",t);let i=`\n        .is-box-tool {\n            display: none;\n            z-index: 1;\n            position: absolute;\n            top: auto;\n            bottom: 0;\n            left: calc(50% - 80px);\n            right: auto;\n            box-sizing: border-box;\n            line-height: 30px;\n            outline: none;\n            text-align: center;\n            cursor: pointer;\n            border-radius: 0px;\n            overflow: hidden;\n          }\n          .is-box-tool button {\n            width: 40px !important;\n            height: 40px !important;\n            cursor: pointer;\n          }\n          .is-box-tool button svg {\n            fill: #fff !important;\n          }\n          .is-box-tool button.is-box-edit {\n            background: rgb(0, 172, 214);\n          }\n          .is-box-tool button.is-module-edit {\n            background: #FF9800;\n          }\n          \n          .is-section-tool {\n            display: none;\n            z-index: 1;\n            position: absolute;\n            top: 15%;\n            right: 0px;\n            left: auto;\n            width: 40px;\n            height: 80px;\n          }\n          .is-section-tool > button {\n            width: 40px;\n            height: 40px;\n            border-radius: 0;\n            line-height: 40px;\n            padding: 0px;\n            font-size: 13px;\n            cursor: pointer;\n            border: none;\n          }\n          .is-section-tool .is-section-edit {\n            background: rgb(0, 172, 214);\n          }\n          .is-section-tool .is-section-edit svg {\n            fill: #fff !important;\n          }\n          .is-section-tool .is-section-remove {\n            background: rgb(247, 99, 46);\n            color: #fff !important;\n          }\n          \n          .is-wrapper {\n            opacity: 0.01;\n            /* setting display=none makes initial script may not work properly */\n            transform-origin: top;\n          }\n          \n          .box-active {\n            animation-name: box-active-anim;\n            animation-duration: 1s;\n          }\n          \n          @keyframes box-active-anim {\n            0% {\n              transform: scale(1);\n            }\n            50% {\n              transform: scale(0.95);\n            }\n            100% {\n              transform: scale(1);\n            }\n          }\n\n          .section-active {\n              animation-name: section-active-anim;\n              animation-duration: 1s;\n          }\n\n          @keyframes section-active-anim {\n              0% {transform:scale(1);}\n              50% {transform:scale(0.95);}\n              100% {transform:scale(1);}\n          }\n          \n          .is-wrapper.is-container-edit > div.section-select, .is-wrapper.is-clean-edit > div.section-select {\n            overflow-x: unset !important;\n            overflow-y: unset !important;\n          }\n\n          ${this.builder.iframe?"":"\n            .is-wrapper.is-edit {\n                padding-left: 61px;\n            }\n            .is-wrapper.is-edit .is-section.is-section-navbar,\n            .is-wrapper.is-edit .is-section.is-section-navbar .is-topbar {\n              left: 0;\n              margin-left: 60px;\n              width: calc(100% - 60px);\n            }\n            .is-wrapper.is-edit .is-section.is-section-navbar .is-topbar.static {\n              width: 100%;\n              margin-left: unset;\n            }\n          "}\n\n          /* protected section */\n          .is-section.protected .is-box-tool {\n            display: none !important;\n          }\n          .is-section.protected .is-box-info {\n            display: none !important;\n          }\n  \n          /* manual selection during animation edit */\n          .hard-select .is-box-tool {\n            display: none !important;\n          }\n          .hard-select .is-box-info {\n            display: none !important;\n          }\n          .hard-select .is-section-tool {\n            display: none !important;\n          }\n          .hard-select .box-select {\n            outline: #00da89 1px solid;\n            outline-offset: -1px;\n            z-index: 1;\n          }\n          .hard-select .box-select .is-box-tool {\n            display: flex !important;\n          }\n          .hard-select .box-select .is-box-info {\n            display: flex !important;\n          }\n          .hard-select .box-select .is-overlay {\n            z-index: -1;\n          }\n          .hard-select .section-select .is-section-tool {\n            display: block !important;\n          }\n  \n          /* drop block as section */\n          .is-wrapper > .sortable-ghost {\n              height: 40px !important;\n              min-height: unset !important;\n              background: rgba(204, 204, 204, 0.15) !important;\n          }\n          .is-wrapper > .sortable-ghost * {\n            opacity: 0 !important;\n          }\n  \n          /* toggle tool */\n          .is-wrapper.is-clean-edit.hard-select .box-select .is-box-tool,\n          .is-wrapper.is-clean-edit .box-select .is-box-tool {\n            display: none !important;\n          }\n          .is-wrapper.is-clean-edit.hard-select .box-select .is-box-info,\n          .is-wrapper.is-clean-edit .box-select .is-box-tool {\n            display: none !important;\n          }\n          .is-wrapper.is-clean-edit.hard-select .section-select .is-section-tool,\n          .is-wrapper.is-clean-edit .section-select .is-section-tool {\n            display: none !important;\n          }\n          .is-wrapper.is-clean-edit.hard-select .box-select,\n          .is-wrapper.is-clean-edit .box-select {\n            outline: none !important;\n          }\n          \n          /* clean UI for selection only */\n          /*\n          .selection-only:not([data-skrollrr-off]) .is-wrapper.hard-select .box-select .is-box-tool,\n          .selection-only:not([data-skrollrr-off]) .is-wrapper .box-select .is-box-tool {\n            display: none !important;\n          }\n          .selection-only:not([data-skrollrr-off]) .is-wrapper.hard-select .box-select .is-box-info,\n          .selection-only:not([data-skrollrr-off]) .is-wrapper .box-select .is-box-info {\n            display: none !important;\n          }\n          .selection-only:not([data-skrollrr-off]) .is-wrapper.hard-select .section-select .is-section-tool,\n          .selection-only:not([data-skrollrr-off]) .is-wrapper .section-select .is-section-tool {\n            display: none !important;\n          }\n          .selection-only:not([data-skrollrr-off]) .is-wrapper .is-rowadd-tool {\n            display: none !important;\n          }\n          .selection-only:not([data-skrollrr-off]) .is-wrapper .is-tool {\n            display: none !important;\n          }\n          .selection-only:not([data-skrollrr-off]) .is-tool {\n            z-index: -10000 !important;\n          }\n          */\n  \n          /* box info */\n          .is-wrapper .is-box-info {\n              position: absolute;\n              z-index: 1;\n              top: 15px;\n              right: 15px;\n              left: auto;\n              width: auto;\n              display: none;\n              border-radius: 50px;\n              overflow:hidden;\n              background: rgba(243, 243, 243, 0.9);\n              width: 92px;\n              justify-content: center;\n          }\n          .is-wrapper .is-box-info button {\n              width:28px;\n              height:28px;\n              cursor:pointer;\n          }\n          .is-wrapper .box-select .is-box-info {\n              display: flex;\n          }\n          .is-wrapper .is-section-navbar .is-box-info {\n              display: none !important;\n          }\n          div.is-section-navbar + div .is-box-info {\n              top: 90px;\n          }\n          \n          /* section info */\n          .is-wrapper .is-section-info {\n              position: absolute;\n              z-index: 1;\n              top: 3px;\n              left: 3px;\n              display: none;\n          }\n          .is-wrapper .is-section-info > div {\n              width: auto;\n              height: auto;\n              padding: 5px 20px;\n              background-color: rgb(255, 239, 100);\n              color: #111;\n              font-family: sans-serif;\n              letter-spacing: 2px;\n              font-size: 17px;\n          }\n          .is-wrapper .section-select .is-section-info {\n              display: block;\n          }\n  \n          /* To make editing possible on wide content */\n          .is-wrapper.is-edit .section-wide-250 .is-box-centered { /*old structure*/\n              overflow-x: auto;\n              overflow-y: hidden;\n          }\n  \n          .is-wrapper.is-container-edit > div.section-wide-250.section-select, \n          .is-wrapper.is-clean-edit > div.section-wide-250.section-select,\n          .is-wrapper.is-edit .section-wide-250 {\n              overflow-x: auto !important;\n              overflow-y: hidden !important;\n          }\n  \n          .is-wrapper.is-edit .section-wide-250 .is-container > div > div { /* To make col tool visible */\n              max-height: 90vh; \n          }\n\n          /* Hide on Zoom */\n          .hard-select .section-select .is-section-tool[data-section-active],\n          .is-section-tool[data-section-active] {\n              display: none !important;\n          }\n          .hard-select .box-select .is-box-tool[data-box-active],\n          .is-box-tool[data-box-active] {\n              display: none !important;\n          }\n          .hard-select .box-select .is-box-info[data-boxinfo-active],\n          .is-box-info[data-boxinfo-active] {\n              display: none !important;\n          }\n        `;e.contentStuff.insertAdjacentHTML("afterbegin",`\n        <style>\n            ${i}\n        </style>\n        `)}}const by=new e;class fy{constructor(e){this.builder=e;const t=this.builder.builderStuff;this.builderStuff=t;let n=`\n        <style>\n        #_cbhtml .is-side.animatescroll, \n        .is-ui .is-side.animatescroll {\n            width: 370px;\n            right: -370px;\n        }\n        #_cbhtml .is-side.animatescroll.active, \n        .is-ui .is-side.animatescroll.active {\n            right: 0;\n        }\n        .animatescroll td {\n            font-size: 13px;\n            padding: 3px 0px;\n        }\n        .animatescroll .table-header td {\n            font-size: 11px;\n            padding: 3px 0 0;\n        }\n        .animatescroll.active {\n            right: 0;\n        }\n        .animatescroll .side-title {\n            font-weight: 400;\n            font-size: 15px;\n            opacity: 0.8;\n            padding: 10px 0 0 18px !important;\n        }\n        .animatescroll .is-tabs a.active {\n            background: none !important;\n        }\n        .animatescroll .is-tabs a {\n            text-transform: none!important;\n            font-size: 13px!important;\n            margin-right: 25px!important;\n            margin-left: 3px!important;\n        }\n        .animatescroll .is-tabs a:last-child {\n            margin-right: 0!important;\n        }\n        .anim-controls {\n            padding: 0 !important;\n            z-index: 1;\n            width: 100%;\n            height: 100%;\n            position: absolute;\n            top: 0;\n            box-sizing: border-box;\n            border-top: transparent 245px solid !important;\n        }\n        #divEnterAnim, #divLeaveAnim, #divAnimSettings {\n            border-top: transparent 55px solid !important;\n            padding:0 15px 20px 22px !important;\n            width: 100%;\n            height: 100%;\n            box-sizing: border-box;\n            overflow-y: auto;\n            overflow-x: hidden;\n            position: absolute;\n            top: 0; left: 0;\n        }\n        .anim-label {\n            padding: 15px 0 5px;\n            width: 100%;\n            flex:none;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n        .anim-label span {\n            display: flex;\n            align-items: center;\n        }\n        .anim-label button {\n            width: 40px !important;\n            margin-left: 2px !important;\n            box-shadow: none !important;\n        }\n        .anim-controls .bold {\n            font-weight: 600;\n        }\n        .anim-controls button,\n        .anim-list button { \n            height: 35px !important;\n            outline-offset: -2px !important;\n        }\n\n        .anim-controls input[type=text],\n        .anim-list input[type=text] {\n            font-size: 13px !important;\n            font-family: sans-serif !important;\n            font-weight: 300 !important;\n            padding: 0 !important;\n            width: 50px !important;\n            height: 35px !important;\n            text-align: center !important;\n        }\n        .anim-controls td input[type=text],\n        .anim-list td input[type=text] {\n            font-size: 13px !important;\n            font-family: sans-serif !important;\n            font-weight: 300 !important;\n            padding: 0 !important;\n            width: 34px !important;\n            height: 30px !important;\n            text-align: center !important;\n            letter-spacing: 0px !important;\n        }\n\n        .flex-wrap {\n            display: flex;\n            flex-flow: wrap;\n            align-items: center;\n        }\n        .flex-nowrap {\n            display: flex;\n            align-items: center;\n        }\n        .inp-slide-left,\n        .inp-slide-right,\n        .inp-slide-up,\n        .inp-slide-down,\n        .inp-scale,\n        .inp-rotate-clockwise,\n        .inp-rotate-counter {\n            width:65px !important;\n            height:35px !important;\n            text-align:center !important;\n            margin-left:10px !important;\n            font-size: 13px !important;\n            font-family: sans-serif !important;\n            font-weight: 300 !important;\n            padding: 0 !important;\n        }\n\n        .div-anim-settings,.div-wizard-settings{\n            height: calc(100vh - 34px)\n        }\n        .div-wizard-settings{\n            padding: 10px 15px 0 18px !important;\n        }\n        .div-anim-apply-to button {\n            width: 80px !important;\n            height: 35px !important;\n        }\n        </style>\n\n        <div class="is-side animatescroll" style="display: block;" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">\n\n            <div class="side-title">${i("Animation")}</div>\n\n            <button tabindex="-1" title="${i("Close")}" class="is-side-close" style="z-index:2;background:transparent;width:25px;height:25px;position:absolute;top:10px;right:13px;box-sizing:border-box;padding:0;line-height:25px;font-size: 12px;text-align:center;cursor:pointer;box-shadow:none;"><svg class="is-icon-flex" style="width:25px;height:25px;"><use xlink:href="#ion-ios-close-empty"></use></svg></button>\n\n            <button tabindex="-1" title="${i("Edit")}" class="cmd-anim-edit" style="z-index:3;width:25px;height:25px;position:absolute;top:64px;right:13px;box-sizing:border-box;padding:0;line-height:25px;font-size: 12px;text-align:center;cursor:pointer;box-shadow:none;"><svg class="is-icon-flex"><use xlink:href="#icon-pencil"></use></svg></button>\n           \n            <div class="div-anim-settings" style="display:none">\n            \n                <div class="div-anim-apply-to" style="padding:18px 10px 22px 18px;z-index:2;position:relative;">\n                    <div class="anim-label" style="margin-bottom:5px">${i("Apply To")}:</div>\n                    <div class="flex-wrap">\n                        <button title="${i("Element")}" class="cmd-target on" data-command="target" data-value="element">${i("Element")}</button>\n                        <button title="${i("Column")}" class="cmd-target" data-command="target" data-value="column">${i("Column")}</button>\n                        <button title="${i("Row")}" class="cmd-target" data-command="target" data-value="row">${i("Row")}</button>\n                        <button title="${i("Container")}" class="cmd-target" data-command="target" data-value="container">${i("Container")}</button>\n                        <button title="${i("Overlay")}" class="cmd-target" data-command="target" data-value="overlay">${i("Overlay")}</button>\n                        <button title="${i("Background")}" class="cmd-target" data-command="target" data-value="bg">${i("Bg")}</button>\n                        <button title="${i("Box")}" class="cmd-target" data-command="target" data-value="box">${i("Box")}</button>\n                        <button title="${i("Section")}" class="cmd-target" data-command="target" data-value="section">${i("Section")}</button>\n                    </div>\n                </div>\n                \n                <div class="div-anim-type">\n                    <div class="is-tabs" style="position:relative;z-index:2;" data-group="animtype">\n                        <a href="" data-content="divAnimDefault" class="active">${i("On View")}</a>\n                        <a href="" data-content="divAnimScroll">${i("On Scroll")}</a>\n                        <a href="" data-content="divAnimScrollSimple">${i("Timeline")}</a>\n                    </div>\n                </div>\n\n                <div id="divAnimScrollSimple" class="is-tab-content active" data-group="animtype" style="padding:0">\n\n                    <div class="anim-controls" style="overflow-y: auto;">\n\n                        <div style="margin-top: 20px;margin-left: 22px;margin-bottom: 20px;">\n\n                            <table style="margin:12px 0 0 0;border-collapse:initial;">\n                                \n                                <tr>\n                                    <td colspan="4"><span class="bold">${i("Slide Horizontal")}</span>:</td>\n                                    <td colspan="5" style="text-align:right;font-style:italic;font-size:12px;">${i("(default: px)")}</td>\n                                </tr>\n                                <tr class="table-header">\n                                    <td style="text-align:center">0%</td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center">50%</td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center">100%</td>\n                                </tr>\n                                <tr>\n                                    <td>\n                                        <input class="inp-simplescroll-x-start" placeholder="-100" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-x-15" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-x-25" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-x-35" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-x-50" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-x-65" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-x-75" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-x-85" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-x-end" placeholder="100" type="text" />\n                                    </td>\n                                </tr>\n                                <tr>\n                                    <td colspan="4" style="padding-top:20px"><span class="bold">${i("Slide Vertical")}</span>:</td>\n                                    <td colspan="5" style="padding-top:20px;text-align:right;font-style:italic;font-size:12px;">${i("(default: px)")}</td>\n                                </tr>\n                                <tr class="table-header">\n                                    <td style="text-align:center">0%</td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center">50%</td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center">100%</td>\n                                </tr>\n                                <tr>\n                                    <td>\n                                        <input class="inp-simplescroll-y-start" placeholder="100%" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-y-15" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-y-25" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-y-35" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-y-50" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-y-65" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-y-75" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-y-85" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-y-end" placeholder="-100%" type="text" />\n                                    </td>\n                                </tr>\n                                <tr>\n                                    <td colspan="9" style="padding-top:20px"><span class="bold">${i("Scale")}</span>:</td>\n                                </tr>\n                                <tr class="table-header">\n                                    <td style="text-align:center">0%</td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center">50%</td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center">100%</td>\n                                </tr>\n                                <tr>\n                                    <td>\n                                        <input class="inp-simplescroll-scale-start" placeholder="0.8" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-scale-15" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-scale-25" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-scale-35" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-scale-50" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-scale-65" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-scale-75" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-scale-85" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-scale-end" placeholder="1.2" type="text" />\n                                    </td>\n                                </tr>\n\n                                <tr>\n                                    <td colspan="9" style="padding-top:20px"><span class="bold">${i("Rotate")}</span>:</td>\n                                </tr>\n                                <tr class="table-header">\n                                    <td style="text-align:center">0%</td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center">50%</td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center">100%</td>\n                                </tr>\n                                <tr>\n                                    <td>\n                                        <input class="inp-simplescroll-rotate-start" placeholder="-45" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-rotate-15" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-rotate-25" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-rotate-35" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-rotate-50" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-rotate-65" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-rotate-75" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-rotate-85" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-rotate-end" placeholder="45" type="text" />\n                                    </td>\n                                </tr>\n\n                                <tr>\n                                    <td colspan="9" style="padding-top:20px"><span class="bold">${i("Opacity")}</span>:</td>\n                                </tr>\n                                <tr class="table-header">\n                                    <td style="text-align:center">0%</td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center">50%</td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center"></td>\n                                    <td style="text-align:center">100%</td>\n                                </tr>\n                                <tr>\n                                    <td>\n                                        <input class="inp-simplescroll-opacity-start" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-opacity-15" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-opacity-25" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-opacity-35" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-opacity-50" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-opacity-65" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-opacity-75" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-opacity-85" placeholder="" type="text" />\n                                    </td>\n                                    <td>\n                                        <input class="inp-simplescroll-opacity-end" placeholder="" type="text" />\n                                    </td>\n                                </tr>\n                            </table>\n                            \n                            <div class="flex-wrap" style="margin-top:20px;">\n                                <label for="chkPinSection" style="margin:0;">\n                                    <input id="chkPinSection" type="checkbox" style="margin-left:0"> ${i("Pin Section (visible on preview)")}\n                                </label>\n                            </div>\n                            <div class="div-pin-spacing" style="display:none">\n                                <div style="padding-top:10px;"><span>${i("Pin Spacing")}</span>: </div>\n                                <div class="flex-wrap" style="padding:5px 0 10px">\n\n                                    <button title="0" class="cmd-pin-space" data-value="md" style="padding-left:15px;padding-right:15px;height:34px;">${i("MD")}</button>\n                                    <button title="20" class="cmd-pin-space" data-value="lg" style="padding-left:15px;padding-right:15px;height:34px;">${i("LG")}</button>\n                                    <button title="20" class="cmd-pin-space" data-value="xl" style="padding-left:15px;padding-right:15px;height:34px;">${i("XL")}</button>\n                                \n                                    <label for="chkPinOverlap" style="margin:0;display:flex;margin-left:15px">\n                                        <input id="chkPinOverlap" type="checkbox" style="margin:-1px 6px 0 0"> \n                                        <span>${i("Overlap")}</span>.\n                                    </label>\n                                </div>\n                            </div>\n                            <div class="flex-wrap" style="margin-top:10px;">\n                                <label for="chkDisableSkrollrrOnMobile" style="margin:0;">\n                                    <input id="chkDisableSkrollrrOnMobile" type="checkbox" style="margin-left:0"> ${i("Disable on Mobile")}\n                                </label>\n                            </div>\n\n                            <div class="flex-wrap" style="margin-top:15px;">\n                                <button title="${i("Disable Easing")}" class="cmd-disable-smoothanim" style="padding-left:15px;padding-right: 15px;">${i("Disable Easing")}</button>\n                                <button title="${i("Hidden on Start")}" class="cmd-hidden-onstart" style="padding-left:15px;padding-right: 15px;">${i("Hidden on Start")}</button>\n                            </div>\n\n                            <div style="display:flex;justify-content: flex-end;margin-top: 15px;margin-right: 20px;">\n                                <button title="${i("Clear All")}" class="cmd-clear-simplescroll" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                    <span style="margin-left:7px">${i("Clear All")}</span>\n                                </button>\n                            </div>\n\n                            <div style="display:flex;justify-content: flex-end;margin-top: 5px;margin-right: 20px;">\n                                <button title="${i("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                    <span style="margin-left:7px">${i("Clear All Animations in Section")}</span>\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div id="divAnimDefault" class="is-tab-content active" data-group="animtype" style="display:flex;padding:0">\n\n                    <div class="anim-controls" style="overflow-y: auto;">\n\n                        <div style="padding:10px 0 20px 22px;">\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Fade")}</span>: \n                                </span> \n                            </div>\n                            <div class="flex-wrap">\n                                <button title="${i("In")}" class="cmd-basic-anim" data-value="is-fadeIn" style="width:60px">${i("In")}</button>\n                                <button title="${i("Left")}" class="cmd-basic-anim" data-value="is-fadeInLeft" style="width:60px">${i("Left")}</button>\n                                <button title="${i("Right")}" class="cmd-basic-anim" data-value="is-fadeInRight" style="width:60px">${i("Right")}</button>\n                                <button title="${i("Up")}" class="cmd-basic-anim" data-value="is-fadeInUp" style="width:60px">${i("Up")}</button>\n                                <button title="${i("Down")}" class="cmd-basic-anim" data-value="is-fadeInDown" style="width:60px">${i("Down")}</button>\n                            </div>\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Slide")}</span>: \n                                </span> \n                            </div>\n                            <div class="flex-wrap">\n                                <button title="${i("Left")}" class="cmd-basic-anim" data-value="is-slideInLeft" style="width:60px">${i("Left")}</button>\n                                <button title="${i("Right")}" class="cmd-basic-anim" data-value="is-slideInRight" style="width:60px">${i("Right")}</button>\n                                <button title="${i("Up")}" class="cmd-basic-anim" data-value="is-slideInUp" style="width:60px">${i("Up")}</button>\n                                <button title="${i("Down")}" class="cmd-basic-anim" data-value="is-slideInDown" style="width:60px">${i("Down")}</button>\n                            </div>\n                            \n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Flip")}</span>: \n                                </span> \n                            </div>\n                            <div class="flex-wrap">\n                                <button title="${i("Horizontal")}" class="cmd-basic-anim" data-value="is-flipInY" style="width:90px">${i("Horizontal")}</button>\n                                <button title="${i("Vertical")}" class="cmd-basic-anim" data-value="is-flipInX" style="width:90px">${i("Vertical")}</button>\n                            </div>\n                            \n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Zoom")}</span>: \n                                </span> \n                            </div>\n                            <div class="flex-wrap">\n                                <button title="${i("In")}" class="cmd-basic-anim" data-value="is-zoomIn" style="width:90px">${i("In")}</button>\n                                <button title="${i("Out")}" class="cmd-basic-anim" data-value="is-zoomOut" style="width:90px">${i("Out")}</button>\n                            </div>\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Pulse")}</span>: \n                                </span> \n                            </div>\n                            <div class="flex-wrap">\n                                <button title="${i("In")}" class="cmd-basic-anim" data-value="is-pulse" style="width:90px">${i("Pulse")}</button>\n                            </div>\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Bounce")}</span>: \n                                </span> \n                            </div>\n                            <div class="flex-wrap">\n                                <button title="${i("In")}" class="cmd-basic-anim" data-value="is-bounceIn" style="width:90px">${i("Bounce")}</button>\n                            </div>\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Animation Delay")}</span>: \n                                </span> \n                            </div>\n                            <div class="flex-wrap">\n                                <button title="0s" class="cmd-basic-delay" data-value="delay-0ms" style="width:55px">0s</button>\n                                <button title="0.1s" class="cmd-basic-delay" data-value="delay-100ms" style="width:55px">0.1s</button>\n                                <button title="0.2s" class="cmd-basic-delay" data-value="delay-200ms" style="width:55px">0.2s</button>\n                                <button title="0.3s" class="cmd-basic-delay" data-value="delay-300ms" style="width:55px">0.3s</button>\n                                <button title="0.4s" class="cmd-basic-delay" data-value="delay-400ms" style="width:55px">0.4s</button>\n                                <button title="0.5s" class="cmd-basic-delay" data-value="delay-500ms" style="width:55px">0.5s</button>\n                                <button title="0.6s" class="cmd-basic-delay" data-value="delay-600ms" style="width:55px">0.6s</button>\n                                <button title="0.7s" class="cmd-basic-delay" data-value="delay-700ms" style="width:55px">0.7s</button>\n                                <button title="0.8s" class="cmd-basic-delay" data-value="delay-800ms" style="width:55px">0.8s</button>\n                                <button title="0.9s" class="cmd-basic-delay" data-value="delay-900ms" style="width:55px">0.9s</button>\n                                <button title="1s" class="cmd-basic-delay" data-value="delay-1000ms" style="width:55px">1s</button>\n                                <button title="1.1s" class="cmd-basic-delay" data-value="delay-1100ms" style="width:55px">1.1s</button>\n                                <button title="1.2s" class="cmd-basic-delay" data-value="delay-1200ms" style="width:55px">1.2s</button>\n                                <button title="1.3s" class="cmd-basic-delay" data-value="delay-1300ms" style="width:55px">1.3s</button>\n                                <button title="1.4s" class="cmd-basic-delay" data-value="delay-1400ms" style="width:55px">1.4s</button>\n                                <button title="${i("Clear")}" class="cmd-clear-delay" style="width:45px;background: none;box-shadow:none;">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                            </div>\n\n                            <button title="${i("Animate Once")}" class="cmd-basic-once" style="flex: none;margin-top:15px;width:165px;">\n                                ${i("Animate Once")}\n                            </button>\n\n                            <div style="display:flex;justify-content: flex-end;margin-top: 15px;margin-right: 20px;">\n                                <button title="${i("Clear All")}" class="cmd-clear-basicanim" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                    <span style="margin-left:7px">${i("Clear All")}</span>\n                                </button>\n                            </div>\n\n                            <div style="display:flex;justify-content: flex-end;margin-top: 5px;margin-right: 20px;">\n                                <button title="${i("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                    <span style="margin-left:7px">${i("Clear All Animations in Section")}</span>\n                                </button>\n                            </div>\n                        </div>\n\n                    </div>\n\n                </div>\n\n                <div id="divAnimScroll" class="is-tab-content" data-group="animtype" style="padding:0">\n\n                    <div class="anim-controls">\n\n                        <div class="is-tabs clearfix" style="padding-top:20px;position:relative;z-index:1;background:none;" data-group="skrollanim">\n                            <a href="" data-content="divEnterAnim" class="active">${i("On Enter")}</a>\n                            <a href="" data-content="divLeaveAnim">${i("On Leave")}</a>\n                            <a href="" data-content="divAnimSettings">${i("Settings")}</a>\n                        </div>\n\n                        <div id="divEnterAnim" class="is-tab-content active" data-group="skrollanim" style="display:flex;padding-top:0">\n                            \n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Slide Left")}</span>: \n                                    <input class="inp-slide-left" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-slide-left" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                                \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-arrow-left"></use></svg>--\x3e\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="75" class="cmd-slidex" data-command="slidex" data-value="75px" style="width:60px">75</button>\n                                <button title="100" class="cmd-slidex" data-command="slidex" data-value="100px" style="width:60px">100</button>\n                                <button title="125" class="cmd-slidex" data-command="slidex" data-value="125px" style="width:60px">125</button>\n                                <button title="150" class="cmd-slidex" data-command="slidex" data-value="150px" style="width:60px">150</button>\n                                <button title="200" class="cmd-slidex" data-command="slidex" data-value="200px" style="width:60px">200</button>\n                                <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n                            </div>\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Slide Right")}</span>: \n                                    <input class="inp-slide-right" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-slide-right" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                                \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-arrow-right"></use></svg>--\x3e\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="75" class="cmd-slidex" data-command="slidex" data-value="-75px" style="width:60px">75</button>\n                                <button title="100" class="cmd-slidex" data-command="slidex" data-value="-100px" style="width:60px">100</button>\n                                <button title="125" class="cmd-slidex" data-command="slidex" data-value="-125px" style="width:60px">125</button>\n                                <button title="150" class="cmd-slidex" data-command="slidex" data-value="-150px" style="width:60px">150</button>\n                                <button title="200" class="cmd-slidex" data-command="slidex" data-value="-200px" style="width:60px">200</button>\n                                <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n                            </div>\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Slide Up")}</span>: \n                                    <input class="inp-slide-up" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-slide-up" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                                \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-arrow-up"></use></svg>--\x3e\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="75" class="cmd-slidey" data-command="slidey" data-value="75px" style="width:60px">75</button>\n                                <button title="100" class="cmd-slidey" data-command="slidey" data-value="100px" style="width:60px">100</button>\n                                <button title="125" class="cmd-slidey" data-command="slidey" data-value="125px" style="width:60px">125</button>\n                                <button title="150" class="cmd-slidey" data-command="slidey" data-value="150px" style="width:60px">150</button>\n                                <button title="200" class="cmd-slidey" data-command="slidey" data-value="200px" style="width:60px">200</button>\n                                <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n                            </div>\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Slide Down")}</span>:\n                                    <input class="inp-slide-down" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-slide-down" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                                \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-arrow-down"></use></svg>--\x3e\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="75" class="cmd-slidey" data-command="slidey" data-value="-75px" style="width:60px">75</button>\n                                <button title="100" class="cmd-slidey" data-command="slidey" data-value="-100px" style="width:60px">100</button>\n                                <button title="125" class="cmd-slidey" data-command="slidey" data-value="-125px" style="width:60px">125</button>\n                                <button title="150" class="cmd-slidey" data-command="slidey" data-value="-150px" style="width:60px">150</button>\n                                <button title="200" class="cmd-slidey" data-command="slidey" data-value="-200px" style="width:60px">200</button>\n                                <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n                            </div>\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Scale")}</span>: \n                                    <input class="inp-scale" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-scale" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                                \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-arrows-diagonal"></use></svg>--\x3e\n                            </div>\n                            <div class="flex-nowrap">\n                                <button title="0.5" class="cmd-scale" data-command="scale" data-value="0.5" style="width:55px">0.5</button>\n                                <button title="0.8" class="cmd-scale" data-command="scale" data-value="0.8" style="width:55px">0.8</button>\n                                <button title="0.9" class="cmd-scale" data-command="scale" data-value="0.9" style="width:55px">0.9</button>\n                                <button title="1.1" class="cmd-scale" data-command="scale" data-value="1.1" style="width:55px">1.1</button>\n                                <button title="1.2" class="cmd-scale" data-command="scale" data-value="1.2" style="width:55px">1.2</button>\n                                <button title="2" class="cmd-scale" data-command="scale" data-value="2" style="width:55px">2</button>\n                            </div>\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Rotate Clockwise")}</span>: \n                                    <input class="inp-rotate-clockwise" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-rotate-clockwise" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                                \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-rotate-clockwise"></use></svg>--\x3e\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="10" class="cmd-rotate" data-command="rotate" data-value="-10" style="width:60px">10°</button>\n                                <button title="20" class="cmd-rotate" data-command="rotate" data-value="-20" style="width:60px">20°</button>\n                                <button title="30" class="cmd-rotate" data-command="rotate" data-value="-30" style="width:60px">30°</button>\n                                <button title="60" class="cmd-rotate" data-command="rotate" data-value="-60" style="width:60px">60°</button>\n                                <button title="90" class="cmd-rotate" data-command="rotate" data-value="-90" style="width:60px">90°</button>\n                            </div>\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Rotate Counterclockwise")}</span>: \n                                    <input class="inp-rotate-counter" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-rotate-counter" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                                \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-rotate-2"></use></svg>--\x3e\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="10" class="cmd-rotate" data-command="rotate" data-value="10" style="width:60px">10°</button>\n                                <button title="20" class="cmd-rotate" data-command="rotate" data-value="20" style="width:60px">20°</button>\n                                <button title="30" class="cmd-rotate" data-command="rotate" data-value="30" style="width:60px">30°</button>\n                                <button title="60" class="cmd-rotate" data-command="rotate" data-value="60" style="width:60px">60°</button>\n                                <button title="90" class="cmd-rotate" data-command="rotate" data-value="90" style="width:60px">90°</button>\n                            </div>\n\n                            <div class="anim-label">\n                                <span class="bold">${i("Fade")}</span>: \n                                \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-circle-half"></use></svg>--\x3e\n                            </div>\n                            <button title="${i("Fade In")}" class="cmd-fade" style="flex: none;width:125px">${i("Fade In")}</button>\n\n                            <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n                                <button title="${i("Clear All")}" class="cmd-clear-scrollanim" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                    <span style="margin-left:7px">${i("Clear All")}</span>\n                                </button>\n                            </div>\n\n                            <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n                                <button title="${i("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                    <span style="margin-left:7px">${i("Clear All Animations in Section")}</span>\n                                </button>\n                            </div>\n\n                        </div>\n\n                        <div id="divLeaveAnim" class="is-tab-content" data-group="skrollanim" style="padding-top:0">\n\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Slide Left")}</span>: <input class="inp-slide-left" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-slide-left" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="75" class="cmd-slidex" data-command="slidex" data-value="-75px" style="width:60px">75</button>\n                                <button title="100" class="cmd-slidex" data-command="slidex" data-value="-100px" style="width:60px">100</button>\n                                <button title="125" class="cmd-slidex" data-command="slidex" data-value="-125px" style="width:60px">125</button>\n                                <button title="150" class="cmd-slidex" data-command="slidex" data-value="-150px" style="width:60px">150</button>\n                                <button title="200" class="cmd-slidex" data-command="slidex" data-value="-200px" style="width:60px">200</button>\n                                <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n                            </div>\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Slide Right")}</span>: \n                                    <input class="inp-slide-right" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-slide-right" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="75" class="cmd-slidex" data-command="slidex" data-value="75px" style="width:60px">75</button>\n                                <button title="100" class="cmd-slidex" data-command="slidex" data-value="100px" style="width:60px">100</button>\n                                <button title="125" class="cmd-slidex" data-command="slidex" data-value="125px" style="width:60px">125</button>\n                                <button title="150" class="cmd-slidex" data-command="slidex" data-value="150px" style="width:60px">150</button>\n                                <button title="200" class="cmd-slidex" data-command="slidex" data-value="200px" style="width:60px">200</button>\n                                <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n                            </div>\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Slide Up")}</span>: \n                                    <input class="inp-slide-up" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-slide-up" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="75" class="cmd-slidey" data-command="slidey" data-value="-75px" style="width:60px">75</button>\n                                <button title="100" class="cmd-slidey" data-command="slidey" data-value="-100px" style="width:60px">100</button>\n                                <button title="125" class="cmd-slidey" data-command="slidey" data-value="-125px" style="width:60px">125</button>\n                                <button title="150" class="cmd-slidey" data-command="slidey" data-value="-150px" style="width:60px">150</button>\n                                <button title="200" class="cmd-slidey" data-command="slidey" data-value="-200px" style="width:60px">200</button>\n                                <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n                            </div>\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Slide Down")}</span>:\n                                    <input class="inp-slide-down" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-slide-down" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="75" class="cmd-slidey" data-command="slidey" data-value="75px" style="width:60px">75</button>\n                                <button title="100" class="cmd-slidey" data-command="slidey" data-value="100px" style="width:60px">100</button>\n                                <button title="125" class="cmd-slidey" data-command="slidey" data-value="125px" style="width:60px">125</button>\n                                <button title="150" class="cmd-slidey" data-command="slidey" data-value="150px" style="width:60px">150</button>\n                                <button title="200" class="cmd-slidey" data-command="slidey" data-value="200px" style="width:60px">200</button>\n                                <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n                            </div>\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Scale")}</span>: \n                                    <input class="inp-scale" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-scale" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                            </div>\n                            <div class="flex-nowrap">\n                                <button title="0.5" class="cmd-scale" data-command="scale" data-value="0.5" style="width:55px">0.5</button>\n                                <button title="0.8" class="cmd-scale" data-command="scale" data-value="0.8" style="width:55px">0.8</button>\n                                <button title="0.9" class="cmd-scale" data-command="scale" data-value="0.9" style="width:55px">0.9</button>\n                                <button title="1.1" class="cmd-scale" data-command="scale" data-value="1.1" style="width:55px">1.1</button>\n                                <button title="1.2" class="cmd-scale" data-command="scale" data-value="1.2" style="width:55px">1.2</button>\n                                <button title="2" class="cmd-scale" data-command="scale" data-value="2" style="width:55px">2</button>\n                            </div>\n\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Rotate Clockwise")}</span>: \n                                    <input class="inp-rotate-clockwise" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-rotate-clockwise" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                                \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-rotate-clockwise"></use></svg>--\x3e\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="10" class="cmd-rotate" data-command="rotate" data-value="10" style="width:60px">10°</button>\n                                <button title="20" class="cmd-rotate" data-command="rotate" data-value="20" style="width:60px">20°</button>\n                                <button title="30" class="cmd-rotate" data-command="rotate" data-value="30" style="width:60px">30°</button>\n                                <button title="60" class="cmd-rotate" data-command="rotate" data-value="60" style="width:60px">60°</button>\n                                <button title="90" class="cmd-rotate" data-command="rotate" data-value="90" style="width:60px">90°</button>\n                            </div>\n                            <div class="anim-label">\n                                <span>\n                                    <span class="bold">${i("Rotate Counterclockwise")}</span>: \n                                    <input class="inp-rotate-counter" type="text" />\n                                </span> \n                                <button title="${i("Clear")}" class="cmd-clear-rotate-counter" style="background: none;margin-right:-12px">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>\n                                \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-rotate-2"></use></svg>--\x3e\n                            </div>\n                            <div class="flex-wrap">\n                                <button title="10" class="cmd-rotate" data-command="rotate" data-value="-10" style="width:60px">10°</button>\n                                <button title="20" class="cmd-rotate" data-command="rotate" data-value="-20" style="width:60px">20°</button>\n                                <button title="30" class="cmd-rotate" data-command="rotate" data-value="-30" style="width:60px">30°</button>\n                                <button title="60" class="cmd-rotate" data-command="rotate" data-value="-60" style="width:60px">60°</button>\n                                <button title="90" class="cmd-rotate" data-command="rotate" data-value="-90" style="width:60px">90°</button>\n                            </div>\n\n                            <div class="anim-label">\n                                <span class="bold">${i("Fade")}</span>: \n                            </div>\n                            <button title="${i("Fade In")}" class="cmd-fade" style="flex: none;width:125px">${i("Fade Out")}</button>\n\n                            <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n                                <button title="${i("Clear All")}" class="cmd-clear-scrollanim" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                    <span style="margin-left:7px">${i("Clear All")}</span>\n                                </button>\n                            </div>\n\n                            <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n                                <button title="${i("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                    <span style="margin-left:7px">${i("Clear All Animations in Section")}</span>\n                                </button>\n                            </div>\n\n                        </div>\n\n                        <div id="divAnimSettings" class="is-tab-content" data-group="skrollanim" style="padding-top:0">\n                            \n                            <div class="anim-label bold" style="margin-top:5px">${i("Enter")}:</div>\n\n                            <div class="anim-label" style="padding-top:10px">${i("Start")}:</div>\n                            <div class="flex-wrap">\n                                <button title="${i("Normal")}" class="cmd-start on" data-value="data-bottom-top" style="width:74px">${i("Normal")}</button>\n                                <button title="${i("Delayed")}" class="cmd-start" data-value="data-400-bottom" style="width:74px">${i("Delayed")}</button>\n                                <button title="${i("Late")}" class="cmd-start" data-value="data-200-bottom" style="width:74px">${i("Late")}</button>\n                                <button title="${i("Very Late")}" class="cmd-start" data-value="data--50-bottom" style="width:95px">${i("Very Late")}</button>\n                            </div>\n                            \n                            <div class="anim-label">${i("End")}:</div>\n                            <div class="flex-wrap">\n                                <button title="${i("Very Soon")}" class="cmd-end" data-value="data-bottom" style="width:95px">${i("Very Soon")}</button>\n                                <button title="${i("Soon")}" class="cmd-end" data-value="data-center-top" style="width:74px">${i("Soon")}</button>\n                                <button title="${i("Normal")}" class="cmd-end on" data-value="data-center" style="width:74px">${i("Normal")}</button>\n                            </div>\n\n                            <div class="anim-label bold" style="margin-top:20px">${i("Leave")}:</div>\n\n                            <div class="anim-label" style="padding-top:10px">${i("Start")}:</div>\n                            <div class="flex-wrap">\n                                <button title="${i("Normal")}" class="cmd-leave-start on" data-value="data-center-bottom" style="width:74px">${i("Normal")}</button>\n                                <button title="${i("Delayed")}" class="cmd-leave-start" data-value="data-100-top" style="width:74px">${i("Delayed")}</button>\n                                <button title="${i("Late")}" class="cmd-leave-start" data-value="data-50-top" style="width:74px">${i("Late")}</button>\n                                <button title="${i("Very Late")}" class="cmd-leave-start" data-value="data-top" style="width:95px">${i("Very Late")}</button>\n                            </div>\n\n                            <div class="flex-wrap" style="margin-top:20px;">\n                                <button title="${i("Disable Easing")}" class="cmd-disable-smoothanim" data-value="data-center" style="padding-left:15px;padding-right: 15px;">${i("Disable Easing")}</button>\n                            </div>\n                        </div>\n\n                \n                    </div>\n\n                </div>\n\n                <div class="dummy-elm"></div>\n\n            </div>\n\n            <div class="div-wizard-settings" style="display:block">\n                \x3c!--<div class="anim-label" style="margin-bottom:15px">${i("Apply To")}: ${i("Section")}</div>--\x3e\n\n                <div class="flex-wrap" style="margin-top: 10px;">\n                    <label class="label-checkbox" for="chkPresetAnimOnce" style="margin:0;margin-right:15px;">\n                        <input id="chkPresetAnimOnce" type="checkbox" />\n                        ${i("Animate Once")}\n                    </label>\n\n                    <button title="${i("Clear")}" class="cmd-clear-anim-wizard" style="width:100px">\n                        <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                        <span style="margin-left:7px">${i("Clear")}</span>\n                    </button>\n                </div>\n\n                <div class="anim-preset-list" style="height: calc(100vh - 97px);\n                overflow: auto;\n                width: 347px;">\n                    <div style="display:flex;\n                    flex-direction: column;\n                    align-items: flex-start;\n                    padding: 0 20px 20px 0;\n                    ">\n                        <div style="margin: 20px 0 5px;">${i("Fade In")}</div>\n                        <button title="${i("Fade In")}" class="cmd-preset-onview" data-value="is-fadeIn" data-delay="100" style="width:100%;height:90px;overflow:hidden;">\n                            <img src="${this.builder.assetPath+"images/fade-in.gif"}" />\n                        </button>   \n\n                        <div style="margin: 20px 0 5px;">${i("Fade In - Slow")}</div>\n                        <button title="${i("Fade In - Slow")}" class="cmd-preset-onview" data-value="is-fadeIn" data-delay="300" style="width:100%;height:90px;overflow:hidden;">\n                            <img src="${this.builder.assetPath+"images/fade-in-slow.gif"}" />\n                        </button>   \n\n                        <div style="margin: 20px 0 5px;">${i("Fade In Up")}</div>\n                        <button title="${i("Fade In Up")}" class="cmd-preset-onview" data-value="is-fadeInUp" data-delay="100" style="width:100%;height:90px;overflow:hidden;">\n                            <img src="${this.builder.assetPath+"images/fade-in-up.gif"}" />\n                        </button>   \n\n                        <div style="margin: 20px 0 5px;">${i("Fade In Up - Slow")}</div>\n                        <button title="${i("Fade In Up - Slow")}" class="cmd-preset-onview" data-value="is-fadeInUp" data-delay="300" style="width:100%;height:90px;overflow:hidden;">\n                        <img src="${this.builder.assetPath+"images/fade-in-up-slow.gif"}" />\n                        </button>   \n\n                        <div style="margin: 20px 0 5px;">${i("Slide Up")}</div>\n                        <button title="${i("Slide Up")}" class="cmd-preset-onview" data-value="is-slideInUp" data-delay="100" style="width:100%;height:90px;overflow:hidden;">\n                            <img src="${this.builder.assetPath+"images/slide-up.gif"}" />\n                        </button>   \n\n                        <div style="margin: 20px 0 5px;">${i("Slide Up - Slow")}</div>\n                        <button title="${i("Slide Up - Slow")}" class="cmd-preset-onview" data-value="is-slideInUp" data-delay="300" style="width:100%;height:90px;overflow:hidden;">\n                            <img src="${this.builder.assetPath+"images/slide-up-slow.gif"}" />\n                        </button>   \n\n                        <div style="margin: 20px 0 5px;">${i("Zoom In")}</div>\n                        <button title="${i("Zoom In")}" class="cmd-preset-onview" data-value="is-zoomIn" data-delay="300" style="width:100%;height:90px;overflow:hidden;">\n                            <img src="${this.builder.assetPath+"images/zoom-in.gif"}" />\n                        </button>   \n\n                        <div style="margin: 20px 0 5px;">${i("Zoom Out")}</div>\n                        <button title="${i("Zoom Out")}" class="cmd-preset-onview" data-value="is-zoomOut" data-delay="300" style="width:100%;height:90px;overflow:hidden;">\n                            <img src="${this.builder.assetPath+"images/zoom-out.gif"}" />\n                        </button>   \n                    </div>\n                </div>\n\n            </div>\n\n        </div>\n        `;by.appendHtml(t,n);const o=t.querySelector(".is-side.animatescroll");this.modalAnimateScroll=o;const s=o.querySelector("#divEnterAnim");this.divEnterAnim=s;const a=o.querySelector("#divLeaveAnim");this.divLeaveAnim=a;o.querySelector(".is-side-close").addEventListener("click",(()=>{this.close()})),this.divAnimScrollSimple=o.querySelector("#divAnimScrollSimple"),this.divAnimSettings=o.querySelector("#divAnimSettings");const l=this.builder.sidebar.pageQuickSettings.querySelector(".cmd-open-preview-window");this.btnOpenPreviewWindow=l;let r=o.querySelectorAll(".cmd-target");r.forEach((e=>{e.addEventListener("click",(()=>{o.querySelectorAll(".cmd-target").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.read()}))}));const d=o.querySelector(".div-anim-settings"),c=o.querySelector(".div-wizard-settings"),u=o.querySelector(".cmd-anim-edit");u.addEventListener("click",(()=>{u.classList.contains("on")?(u.classList.remove("on"),d.style.display="none",c.style.display="block"):(u.classList.add("on"),c.style.display="none",d.style.display="block")}));o.querySelectorAll(".cmd-clear-anim-all").forEach((e=>{e.addEventListener("click",(()=>{this.builder.activeSection&&(this.builder.editor.saveForUndo(),this.clearAllAnim(),this.clearSettings(),this.modalAnimateScroll.querySelector(".cmd-start.on")||(e=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'))&&e.classList.add("on"),this.modalAnimateScroll.querySelector(".cmd-end.on")||(e=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'))&&e.classList.add("on"),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(e=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'))&&e.classList.add("on"),this.builder.settings.onChange())}))}));o.querySelector(".cmd-clear-anim-wizard").addEventListener("click",(()=>{const e=this.builder.activeSection;if(!e)return;let t;this.builder.editor.saveForUndo(),t=e.querySelectorAll(".is-animated"),t.forEach((e=>{e.classList.contains("is-overlay-bg")||(this.cleanupBasic(e),this.cleanupDelay(e))})),this.builder.settings.onRender(),this.builder.settings.onChange()}));o.querySelectorAll(".cmd-preset-onview").forEach((e=>{e.addEventListener("click",(()=>{const t=e.getAttribute("data-value"),i=e.getAttribute("data-delay");this.applyPresetBasic(t,i)}))}));const p=o.querySelector("#chkPresetAnimOnce");p.addEventListener("click",(()=>{this.builder.activeSection&&(this.builder.editor.saveForUndo(),p.checked?this.animateOnce():this.alwaysAnimate(),this.builder.settings.onChange())}));const h=o.querySelector(".cmd-basic-once");r=o.querySelectorAll(".cmd-basic-anim"),r.forEach((e=>{e.addEventListener("click",(()=>{if(e.classList.contains("on"))return e.classList.remove("on"),h.classList.remove("on"),void this.applyBasic();o.querySelectorAll(".cmd-basic-anim").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.applyBasic()}))})),r=o.querySelectorAll(".cmd-basic-delay"),r.forEach((e=>{e.addEventListener("click",(()=>{if(e.classList.contains("on"))return e.classList.remove("on"),void this.applyDelay();o.querySelectorAll(".cmd-basic-delay").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.applyDelay()}))})),o.querySelector(".cmd-clear-delay").addEventListener("click",(()=>{o.querySelectorAll(".cmd-basic-delay").forEach((e=>{e.classList.remove("on")})),this.applyDelay()})),h.addEventListener("click",(()=>{h.classList.contains("on")?h.classList.remove("on"):h.classList.add("on"),this.applyBasic()})),o.querySelector(".cmd-clear-basicanim").addEventListener("click",(()=>{let e;e=this.getTarget().element,e&&(this.builder.editor.saveForUndo(),this.cleanupBasic(e),this.cleanupDelay(e),e.classList.remove("is-inview"),e.removeAttribute("data-scroll"),this.read(),this.builder.settings.onChange())})),r=o.querySelectorAll(".cmd-start"),r.forEach((e=>{e.addEventListener("click",(()=>{o.querySelectorAll(".cmd-start").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.apply()}))})),r=o.querySelectorAll(".cmd-end"),r.forEach((e=>{e.addEventListener("click",(()=>{o.querySelectorAll(".cmd-end").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.apply()}))})),r=o.querySelectorAll(".cmd-leave-start"),r.forEach((e=>{e.addEventListener("click",(()=>{o.querySelectorAll(".cmd-leave-start").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.apply()}))})),r=s.querySelectorAll(".cmd-slidex"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=s.querySelector(".inp-slide-right"),i=s.querySelector(".inp-slide-left");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",i.value="",void this.apply();s.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),-1!==e.getAttribute("data-value").indexOf("-")?(t.value=e.getAttribute("data-value").replace("-","").replace("px",""),i.value=""):(i.value=e.getAttribute("data-value").replace("px",""),t.value=""),this.apply()}))}));const m=s.querySelector(".inp-slide-right"),g=s.querySelector(".inp-slide-left");m.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),g.value="",this.apply();let e=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="-${m.value}px"]`);e&&e.classList.add("on")})),g.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),m.value="",this.apply();let e=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="${g.value}px"]`);e&&e.classList.add("on")})),r=s.querySelectorAll(".cmd-slidey"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=s.querySelector(".inp-slide-up"),i=s.querySelector(".inp-slide-down");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",i.value="",void this.apply();s.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),-1!==e.getAttribute("data-value").indexOf("-")?(i.value=e.getAttribute("data-value").replace("-","").replace("px",""),t.value=""):(t.value=e.getAttribute("data-value").replace("px",""),i.value=""),this.apply()}))}));const b=s.querySelector(".inp-slide-up"),f=s.querySelector(".inp-slide-down");f.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),b.value="",this.apply();let e=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="-${f.value}px"]`);e&&e.classList.add("on")})),b.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),f.value="",this.apply();let e=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="${b.value}px"]`);e&&e.classList.add("on")})),r=s.querySelectorAll(".cmd-scale"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=s.querySelector(".inp-scale");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",void this.apply();s.querySelectorAll(".cmd-scale").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),t.value=e.getAttribute("data-value"),this.apply()}))}));const v=s.querySelector(".inp-scale");v.addEventListener("change",(()=>{s.querySelectorAll(".cmd-scale").forEach((e=>{e.classList.remove("on")})),this.apply();let e=this.divEnterAnim.querySelector(`.cmd-scale[data-value="${v.value}"]`);e&&e.classList.add("on")})),r=s.querySelectorAll(".cmd-rotate"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=s.querySelector(".inp-rotate-clockwise"),i=s.querySelector(".inp-rotate-counter");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",i.value="",void this.apply();s.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),-1!==e.getAttribute("data-value").indexOf("-")?(t.value=e.getAttribute("data-value").replace("-",""),i.value=""):(i.value=e.getAttribute("data-value"),t.value=""),this.apply()}))}));const y=s.querySelector(".inp-rotate-clockwise"),x=s.querySelector(".inp-rotate-counter");y.addEventListener("change",(()=>{s.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),x.value="",this.apply();let e=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="-${y.value}"]`);e&&e.classList.add("on")})),x.addEventListener("change",(()=>{s.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),y.value="",this.apply();let e=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="${x.value}"]`);e&&e.classList.add("on")}));let _=s.querySelector(".cmd-fade");_.addEventListener("click",(()=>{_.classList.contains("on")?_.classList.remove("on"):_.classList.add("on"),this.apply()})),s.querySelector(".cmd-clear-slide-left").addEventListener("click",(()=>{const e=s.querySelector(".inp-slide-left");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",s.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-slide-right").addEventListener("click",(()=>{const e=s.querySelector(".inp-slide-right");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",s.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-slide-up").addEventListener("click",(()=>{const e=s.querySelector(".inp-slide-up");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",s.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-slide-down").addEventListener("click",(()=>{const e=s.querySelector(".inp-slide-down");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",s.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-scale").addEventListener("click",(()=>{this.builder.editor.saveForUndo();s.querySelector(".inp-scale").value="",s.querySelectorAll(".cmd-scale").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-rotate-clockwise").addEventListener("click",(()=>{const e=this.divEnterAnim.querySelector(".inp-rotate-clockwise");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",s.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-rotate-counter").addEventListener("click",(()=>{const e=this.divEnterAnim.querySelector(".inp-rotate-counter");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",s.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-scrollanim").addEventListener("click",(()=>{let e;e=this.getTarget().element,e&&(this.builder.editor.saveForUndo(),this.cleanup(e),e.style.transform="",e.style.transition="",e.style.opacity="",this.read(),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange())})),r=a.querySelectorAll(".cmd-slidex"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=a.querySelector(".inp-slide-left"),i=a.querySelector(".inp-slide-right");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",i.value="",void this.apply();a.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),-1!==e.getAttribute("data-value").indexOf("-")?(t.value=e.getAttribute("data-value").replace("-","").replace("px",""),i.value=""):(i.value=e.getAttribute("data-value").replace("px",""),t.value=""),this.apply()}))}));const w=a.querySelector(".inp-slide-left"),S=a.querySelector(".inp-slide-right");w.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),S.value="",this.apply();let e=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="-${w.value}px"]`);e&&e.classList.add("on")})),S.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),w.value="",this.apply();let e=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="${S.value}px"]`);e&&e.classList.add("on")})),r=a.querySelectorAll(".cmd-slidey"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=a.querySelector(".inp-slide-up"),i=a.querySelector(".inp-slide-down");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",i.value="",void this.apply();a.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),-1!==e.getAttribute("data-value").indexOf("-")?(t.value=e.getAttribute("data-value").replace("-","").replace("px",""),i.value=""):(i.value=e.getAttribute("data-value").replace("px",""),t.value=""),this.apply()}))}));const C=a.querySelector(".inp-slide-up"),k=a.querySelector(".inp-slide-down");k.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),C.value="",this.apply();let e=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="${k.value}px"]`);e&&e.classList.add("on")})),C.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),k.value="",this.apply();let e=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="-${C.value}px"]`);e&&e.classList.add("on")})),r=a.querySelectorAll(".cmd-scale"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=a.querySelector(".inp-scale");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",void this.apply();a.querySelectorAll(".cmd-scale").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),t.value=e.getAttribute("data-value"),this.apply()}))}));const A=a.querySelector(".inp-scale");A.addEventListener("change",(()=>{a.querySelectorAll(".cmd-scale").forEach((e=>{e.classList.remove("on")})),this.apply();let e=this.divLeaveAnim.querySelector(`.cmd-scale[data-value="${A.value}"]`);e&&e.classList.add("on")})),r=a.querySelectorAll(".cmd-rotate"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=a.querySelector(".inp-rotate-clockwise"),i=a.querySelector(".inp-rotate-counter");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",i.value="",void this.apply();a.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),-1!==e.getAttribute("data-value").indexOf("-")?(i.value=e.getAttribute("data-value").replace("-",""),t.value=""):(t.value=e.getAttribute("data-value"),i.value=""),this.apply()}))}));const E=a.querySelector(".inp-rotate-clockwise"),L=a.querySelector(".inp-rotate-counter");E.addEventListener("change",(()=>{a.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),L.value="",this.apply();let e=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="${E.value}"]`);e&&e.classList.add("on")})),L.addEventListener("change",(()=>{a.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),E.value="",this.apply();let e=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="-${L.value}"]`);e&&e.classList.add("on")}));let q=a.querySelector(".cmd-fade");q.addEventListener("click",(()=>{q.classList.contains("on")?q.classList.remove("on"):q.classList.add("on"),this.apply()})),a.querySelector(".cmd-clear-slide-left").addEventListener("click",(()=>{const e=a.querySelector(".inp-slide-left");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",a.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-slide-right").addEventListener("click",(()=>{const e=a.querySelector(".inp-slide-right");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",a.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-slide-up").addEventListener("click",(()=>{const e=a.querySelector(".inp-slide-up");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",a.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-slide-down").addEventListener("click",(()=>{const e=a.querySelector(".inp-slide-down");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",a.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-scale").addEventListener("click",(()=>{this.builder.editor.saveForUndo();a.querySelector(".inp-scale").value="",a.querySelectorAll(".cmd-scale").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-rotate-clockwise").addEventListener("click",(()=>{const e=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",a.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-rotate-counter").addEventListener("click",(()=>{const e=this.divLeaveAnim.querySelector(".inp-rotate-counter");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",a.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-scrollanim").addEventListener("click",(()=>{let e;e=this.getTarget().element,e&&(this.builder.editor.saveForUndo(),this.cleanup_leave(e),e.style.transform="",e.style.transition="",e.style.opacity="",this.read(),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange())}));o.querySelector(".inp-simplescroll-x-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".cmd-clear-simplescroll").addEventListener("click",(()=>{let e;e=this.getTarget().element,e&&(this.builder.editor.saveForUndo(),this.cleanup(e),this.cleanup_leave(e),this.cleanup_timeline(e),e.style.transform="",e.style.transition="",e.style.opacity="",this.read(),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange())}));const T=o.querySelector("#chkDisableSkrollrrOnMobile");T.addEventListener("click",(()=>{const e=this.builder.activeSection;e&&(this.builder.editor.saveForUndo(),T.checked?e.classList.add("m-skrollrr-off"):e.classList.remove("m-skrollrr-off"),this.builder.onChange())}));const R=o.querySelector("#chkPinSection"),M=o.querySelector(".div-pin-spacing");R.addEventListener("click",(()=>{const e=this.builder.activeSection;if(e){if(this.builder.editor.saveForUndo(),R.checked){e.classList.add("section-pin"),M.style.display="block",M.querySelectorAll(".cmd-pin-space").forEach((e=>{e.classList.remove("on")})),M.querySelector('.cmd-pin-space[data-value="md"]').classList.add("on")}else e.classList.remove("section-pin"),M.style.display="none";this.builder.onChange()}}));const O=o.querySelector("#chkPinOverlap");O.addEventListener("click",(()=>{const e=this.builder.activeSection;e&&(this.builder.editor.saveForUndo(),O.checked?e.classList.add("pin-overlap"):(e.classList.remove("pin-overlap"),e.classList.remove("no-spacing")),this.builder.onChange())}));M.querySelectorAll(".cmd-pin-space").forEach((e=>{e.addEventListener("click",(()=>{const t=this.builder.activeSection;if(!t)return;let i=e.getAttribute("data-value");this.builder.editor.saveForUndo(),t.classList.remove("pin-space-lg"),t.classList.remove("pin-space-xl"),"lg"===i&&t.classList.add("pin-space-lg"),"xl"===i&&t.classList.add("pin-space-xl"),M.querySelectorAll(".cmd-pin-space").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.builder.onChange()}))}));const I=this.divAnimSettings.querySelector(".cmd-disable-smoothanim");I.addEventListener("click",(()=>{I.classList.contains("on")?I.classList.remove("on"):I.classList.add("on"),this.apply()}));const B=this.divAnimScrollSimple.querySelector(".cmd-disable-smoothanim");B.addEventListener("click",(()=>{B.classList.contains("on")?B.classList.remove("on"):B.classList.add("on"),this.applySimpleScroll()}));const N=this.divAnimScrollSimple.querySelector(".cmd-hidden-onstart");N.addEventListener("click",(()=>{N.classList.contains("on")?N.classList.remove("on"):N.classList.add("on"),this.applySimpleScroll()}));const $=this.builder.sidebar.pageQuickSettings.querySelector(".cmd-live-preview");if($.addEventListener(this.builder.isTouchSupport?"touchstart":"click",(()=>{$.checked?(this.builder.doc.body.removeAttribute("data-skrollrr-off"),localStorage.removeItem("_disableanimation")):(this.builder.doc.body.setAttribute("data-skrollrr-off","true"),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),localStorage.setItem("_disableanimation","1")),this.refreshPage();let e=document.querySelector(".is-element-tool");e&&(e.style.display="")})),this.builder.isTouchSupport){$.parentNode.addEventListener("touchstart",(()=>{$.checked?this.builder.doc.body.removeAttribute("data-skrollrr-off"):(this.builder.doc.body.setAttribute("data-skrollrr-off","true"),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh()),this.refreshPage()}))}l.addEventListener("click",(()=>{this.openPreview();const e=this.builder.sidebar.pageQuickSettings;this.builder.editor.util.hidePop(e)}));let z=this.builder.settings.onPageContentClick;this.builder.settings.onPageContentClick=()=>{z&&z.call(this),this.modalAnimateScroll.classList.contains("active")&&setTimeout((()=>{this.clickContent()}),30)}}animateOnce(){const e=this.builder.activeSection;if(e){let t=e.querySelectorAll(".is-animated");t.forEach((e=>{e.classList.add("once")})),this.builder.settings.onRender(),t=e.querySelectorAll(".is-animated"),t.forEach((e=>{e.style.opacity="0",e.style.transition="none"})),setTimeout((()=>{let t=e.querySelectorAll(".is-animated");t.forEach((e=>{e.classList.remove("is-inview"),e.style.opacity=""})),setTimeout((()=>{t=e.querySelectorAll(".is-animated"),t.forEach((e=>{e.style.opacity="",e.style.transition="",e.classList.add("is-inview")}))}),30)}),200)}}clearAllAnim(){let e=this.builder.activeSection;if(!e)return;let t,i=this.builder.editor.activeCol;i&&(e=i.closest(".is-section")),t=document.querySelectorAll("[data-bottom-top],[data-center],[data-center-bottom],[data-100-top],[data-50-top],[data-top],[data-top-bottom],[data-center-top],[data--300-bottom],[data--150-bottom],[data--50-bottom],[data-bottom],[data-100-bottom],[data-150-bottom],[data-400-bottom],[data--400-bottom],[data--200-bottom],[data--100-bottom],[data-50-bottom],[data-200-bottom],[data-300-bottom],[data-in],[data-in-150],[data-in-300],[data-cen--150],[data-cen],[data-cen-150],[data-out--300],[data-out--150],[data-out][data-t],[data-t-100],[data-t-200],[data-t-300],[data-t-400],[data-t-500],[data-t-600],[data-t-700],[data-t-800],[data-t-900],[data-t-1000],[data-t-1100],[data-t-1200],[data-t-1300],[data-t-1400],[data-t-1500],[data-t-1600],[data-t-1700],[data-t-1800],[data-t-1900],[data-t-2000],[data-t-2100],[data-t-2200],[data-t-2300],[data-t-2400],[data-t-2500],[data-t-2600],[data-t-2700],[data-t-2800]"),t.forEach((e=>{e.removeAttribute("data-center"),e.removeAttribute("data-center-top"),e.removeAttribute("data--50-bottom"),e.removeAttribute("data--100-bottom"),e.removeAttribute("data--150-bottom"),e.removeAttribute("data--200-bottom"),e.removeAttribute("data--300-bottom"),e.removeAttribute("data--400-bottom"),e.removeAttribute("data-bottom-top"),e.removeAttribute("data-400-bottom"),e.removeAttribute("data-300-bottom"),e.removeAttribute("data-200-bottom"),e.removeAttribute("data-150-bottom"),e.removeAttribute("data-100-bottom"),e.removeAttribute("data-50-bottom"),e.removeAttribute("data-bottom"),e.removeAttribute("data-center-bottom"),e.removeAttribute("data-100-top"),e.removeAttribute("data-50-top"),e.removeAttribute("data-top"),e.removeAttribute("data-top-bottom"),e.removeAttribute("data-in"),e.removeAttribute("data-in-150"),e.removeAttribute("data-in-300"),e.removeAttribute("data-cen--150"),e.removeAttribute("data-cen"),e.removeAttribute("data-cen-150"),e.removeAttribute("data-out--300"),e.removeAttribute("data-out--150"),e.removeAttribute("data-out"),e.removeAttribute("data-hidden-onstart"),e.style.transform="",e.style.transition="",e.style.opacity=""})),t=e.querySelectorAll(".is-animated"),t.forEach((e=>{this.cleanupBasic(e),this.cleanupDelay(e)})),this.builder.win.skrollrr&&setTimeout((()=>{this.builder.win.skrollrr.refresh()}),30),this.builder.settings.onRender()}alwaysAnimate(){const e=this.builder.activeSection;if(e){let t=e.querySelectorAll(".is-animated");t.forEach((e=>{e.classList.remove("once")})),this.builder.settings.onRender(),t=e.querySelectorAll(".is-animated"),t.forEach((e=>{e.style.opacity="0",e.style.transition="none"})),setTimeout((()=>{let t=e.querySelectorAll(".is-animated");t.forEach((e=>{e.classList.remove("is-inview"),e.style.opacity=""})),setTimeout((()=>{t=e.querySelectorAll(".is-animated"),t.forEach((e=>{e.style.opacity="",e.style.transition="",e.classList.add("is-inview")}))}),30)}),200)}}applyPresetBasic(e,t){const i=this.builder.activeSection;if(!i)return;this.builder.editor.saveForUndo();let n=i.querySelectorAll(".is-animated");n.forEach((e=>{e.classList.contains("is-overlay-bg")||(this.cleanupBasic(e),this.cleanupDelay(e))}));let o=0;const s=i=>{let n=o;const s=this.modalAnimateScroll.querySelector("#chkPresetAnimOnce");i.querySelectorAll(".is-container > div").forEach((i=>{this.builder.editor.dom.elementChildren(i).forEach((i=>{(""!==i.innerText.trim()||i.querySelector("img")||i.querySelector("iframe")||i.querySelector("video")||i.querySelector("audio")||i.querySelector("i"))&&(i.style.transition="none",i.classList.add("is-animated"),s.checked?i.classList.add("once"):i.classList.remove("once"),i.classList.add(e),0!==n&&i.classList.add(`delay-${n*t}ms`),i.classList.remove("is-inview"),n++)}))})),o++};let a=!!i.classList.contains("is-box")&&i;if(a)s(a);else{i.querySelectorAll(".is-box").forEach((e=>{s(e)}))}this.builder.settings.onRender(),n=i.querySelectorAll(".is-animated"),n.forEach((e=>{e.style.opacity="0",e.style.transition="none"})),setTimeout((()=>{let e=i.querySelectorAll(".is-animated");e.forEach((e=>{e.classList.remove("is-inview"),e.style.opacity=""})),setTimeout((()=>{e=i.querySelectorAll(".is-animated"),e.forEach((e=>{e.style.opacity="",e.style.transition="",e.classList.add("is-inview")}))}),30)}),200),this.builder.settings.onChange()}openPreview(){this.builder.editor.openPreview()}closePreview(){this.builder.editor.closePreview()}refreshPage(){let e=this.getTarget().element;e&&e.setAttribute("data-save-target","1"),this.builder.editor.activeElement&&this.builder.editor.activeElement.setAttribute("data-save-element","1"),this.builder.activeBox&&this.builder.activeBox.setAttribute("data-save-box","1"),this.builder.activeSection&&this.builder.activeSection.setAttribute("data-save-section","1"),this.builder.refreshPage((()=>{let t=!1;this.builder.sidebar.pageQuickSettings.classList.contains("active")&&(t=!0),e=this.builder.doc.querySelector("[data-save-target]"),e&&(e.click(),e.removeAttribute("data-save-target"));let i=this.builder.doc.querySelector("[data-save-element]");i&&(i.click(),i.removeAttribute("data-save-element"));let n=this.builder.doc.querySelector("[data-save-box]");n&&(n.classList.add("box-select"),n.removeAttribute("data-save-box"));let o=this.builder.doc.querySelector("[data-save-section]");o&&(o.classList.add("section-select"),o.removeAttribute("data-save-section")),t&&this.builder.sidebar.reOpenSettings(),this.builder.rePositionTool()}))}clickContent(){this.modalAnimateScroll.querySelectorAll(".cmd-target").forEach((e=>{e.classList.remove("on")}));let e=this.readTarget();if(e){if("element"===e.name||"inspectedElement"===e.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=element]").classList.add("on")}else if("column"===e.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=column]").classList.add("on")}else if("row"===e.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=row]").classList.add("on")}else if("container"===e.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=container]").classList.add("on")}else if("bg"===e.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=bg]").classList.add("on")}else if("overlay"===e.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=overlay]").classList.add("on")}else if("box"===e.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=box]").classList.add("on")}else if("section"===e.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=section]").classList.add("on")}}else{this.modalAnimateScroll.querySelector(".cmd-target[data-value=element]").classList.add("on")}this.read(),this.readAnimOnce()}clearSettings(){let e;e=this.modalAnimateScroll.querySelectorAll(".cmd-basic-anim"),e.forEach((e=>{e.classList.remove("on")})),e=this.modalAnimateScroll.querySelectorAll(".cmd-basic-delay"),e.forEach((e=>{e.classList.remove("on")})),e=this.modalAnimateScroll.querySelectorAll(".cmd-start"),e.forEach((e=>{e.classList.remove("on")})),e=this.modalAnimateScroll.querySelectorAll(".cmd-end"),e.forEach((e=>{e.classList.remove("on")})),e=this.modalAnimateScroll.querySelectorAll(".cmd-leave-start"),e.forEach((e=>{e.classList.remove("on")})),e=this.divEnterAnim.querySelectorAll(".cmd-slidex"),e.forEach((e=>{e.classList.remove("on")})),e=this.divEnterAnim.querySelectorAll(".cmd-slidey"),e.forEach((e=>{e.classList.remove("on")})),e=this.divEnterAnim.querySelectorAll(".cmd-scale"),e.forEach((e=>{e.classList.remove("on")})),e=this.divEnterAnim.querySelectorAll(".cmd-rotate"),e.forEach((e=>{e.classList.remove("on")}));let t=this.divEnterAnim.querySelector(".cmd-fade");t.classList.remove("on"),e=this.divLeaveAnim.querySelectorAll(".cmd-slidex"),e.forEach((e=>{e.classList.remove("on")})),e=this.divLeaveAnim.querySelectorAll(".cmd-slidey"),e.forEach((e=>{e.classList.remove("on")})),e=this.divLeaveAnim.querySelectorAll(".cmd-scale"),e.forEach((e=>{e.classList.remove("on")})),e=this.divLeaveAnim.querySelectorAll(".cmd-rotate"),e.forEach((e=>{e.classList.remove("on")})),t=this.divLeaveAnim.querySelector(".cmd-fade"),t.classList.remove("on");const i=this.divEnterAnim.querySelector(".inp-slide-left"),n=this.divEnterAnim.querySelector(".inp-slide-right"),o=this.divEnterAnim.querySelector(".inp-slide-up"),s=this.divEnterAnim.querySelector(".inp-slide-down");i.value="",n.value="",o.value="",s.value="";this.divEnterAnim.querySelector(".inp-scale").value="";const a=this.divEnterAnim.querySelector(".inp-rotate-counter"),l=this.divEnterAnim.querySelector(".inp-rotate-clockwise");a.value="",l.value="";const r=this.divLeaveAnim.querySelector(".inp-slide-left"),d=this.divLeaveAnim.querySelector(".inp-slide-right"),c=this.divLeaveAnim.querySelector(".inp-slide-up"),u=this.divLeaveAnim.querySelector(".inp-slide-down");r.value="",d.value="",c.value="",u.value="";this.divLeaveAnim.querySelector(".inp-scale").value="";const p=this.divLeaveAnim.querySelector(".inp-rotate-counter"),h=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");p.value="",h.value="";const m=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-start"),g=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-15"),b=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-25"),f=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-35"),v=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-50"),y=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-65"),x=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-75"),_=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-85"),w=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-end"),S=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-start"),C=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-15"),k=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-25"),A=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-35"),E=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-50"),L=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-65"),q=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-75"),T=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-85"),R=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-end"),M=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-start"),O=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-15"),I=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-25"),B=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-35"),N=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-50"),$=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-65"),z=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-75"),P=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-85"),D=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-end"),H=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-start"),j=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-15"),U=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-25"),F=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-35"),W=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-50"),Y=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-65"),G=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-75"),X=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-85"),V=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-end"),K=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-start"),Z=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-15"),Q=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-25"),J=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-35"),ee=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-50"),te=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-65"),ie=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-75"),ne=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-85"),oe=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-end");m.value="",g.value="",b.value="",f.value="",v.value="",y.value="",x.value="",_.value="",w.value="",S.value="",C.value="",k.value="",A.value="",E.value="",L.value="",q.value="",T.value="",R.value="",M.value="",O.value="",I.value="",B.value="",N.value="",$.value="",z.value="",P.value="",D.value="",H.value="",j.value="",U.value="",F.value="",W.value="",Y.value="",G.value="",X.value="",V.value="",K.value="",Z.value="",Q.value="",J.value="",ee.value="",te.value="",ie.value="",ne.value="",oe.value=""}read(){this.clearSettings();const e=this.builder.activeSection;if(e){const t=this.modalAnimateScroll.querySelector(".div-pin-spacing"),i=this.modalAnimateScroll.querySelector("#chkPinSection");e.classList.contains("section-pin")?(i.checked=!0,t.style.display="block"):(i.checked=!1,t.style.display="none");const n=this.modalAnimateScroll.querySelector("#chkDisableSkrollrrOnMobile");if(e.classList.contains("m-skrollrr-off")?n.checked=!0:n.checked=!1,t.querySelectorAll(".cmd-pin-space").forEach((e=>{e.classList.remove("on")})),e.classList.contains("pin-space-lg")){t.querySelector('.cmd-pin-space[data-value="lg"]').classList.add("on")}else if(e.classList.contains("pin-space-xl")){t.querySelector('.cmd-pin-space[data-value="xl"]').classList.add("on")}else{t.querySelector('.cmd-pin-space[data-value="md"]').classList.add("on")}const o=this.modalAnimateScroll.querySelector("#chkPinOverlap");e.classList.contains("pin-overlap")?o.checked=!0:(o.checked=!1,e.classList.contains("no-spacing")&&(o.checked=!0))}let t,i,n,o=this.getTarget();if(t=o.element,!t)return;t.classList.contains("is-fadeIn")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeIn"]')),t.classList.contains("is-fadeInUp")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInUp"]')),t.classList.contains("is-fadeInDown")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInDown"]')),t.classList.contains("is-fadeInLeft")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInLeft"]')),t.classList.contains("is-fadeInRight")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInRight"]')),t.classList.contains("is-zoomIn")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-zoomIn"]')),t.classList.contains("is-zoomOut")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-zoomOut"]')),t.classList.contains("is-slideInUp")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInUp"]')),t.classList.contains("is-slideInDown")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInDown"]')),t.classList.contains("is-slideInLeft")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInLeft"]')),t.classList.contains("is-slideInRight")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInRight"]')),t.classList.contains("is-flipInX")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-flipInX"]')),t.classList.contains("is-flipInY")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-flipInY"]')),t.classList.contains("is-pulse")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-pulse"]')),t.classList.contains("is-bounceIn")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-bounceIn"]')),i&&i.classList.add("on"),t.classList.contains("delay-0ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-0ms"]')),t.classList.contains("delay-100ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-100ms"]')),t.classList.contains("delay-200ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-200ms"]')),t.classList.contains("delay-300ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-300ms"]')),t.classList.contains("delay-400ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-400ms"]')),t.classList.contains("delay-500ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-500ms"]')),t.classList.contains("delay-600ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-600ms"]')),t.classList.contains("delay-700ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-700ms"]')),t.classList.contains("delay-800ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-800ms"]')),t.classList.contains("delay-900ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-900ms"]')),t.classList.contains("delay-1000ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1000ms"]')),t.classList.contains("delay-1100ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1100ms"]')),t.classList.contains("delay-1200ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1200ms"]')),t.classList.contains("delay-1300ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1300ms"]')),t.classList.contains("delay-1400ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1400ms"]')),n&&n.classList.add("on");const s=this.modalAnimateScroll.querySelector(".cmd-basic-once");t.classList.contains("once")?s.classList.add("on"):s.classList.remove("on");this.modalAnimateScroll.querySelectorAll(".cmd-disable-smoothanim").forEach((e=>{t.hasAttribute("data-smooth-scrolling")?e.classList.add("on"):e.classList.remove("on")}));this.modalAnimateScroll.querySelectorAll(".cmd-hidden-onstart").forEach((e=>{t.hasAttribute("data-hidden-onstart")?e.classList.add("on"):e.classList.remove("on")}));const a=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-start"),l=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-15"),r=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-25"),d=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-35"),c=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-50"),u=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-65"),p=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-75"),h=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-85"),m=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-end"),g=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-start"),b=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-15"),f=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-25"),v=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-35"),y=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-50"),x=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-65"),_=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-75"),w=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-85"),S=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-end"),C=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-start"),k=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-15"),A=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-25"),E=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-35"),L=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-50"),q=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-65"),T=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-75"),R=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-85"),M=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-end"),O=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-start"),I=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-15"),B=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-25"),N=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-35"),$=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-50"),z=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-65"),P=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-75"),D=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-85"),H=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-end"),j=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-start"),U=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-15"),F=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-25"),W=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-35"),Y=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-50"),G=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-65"),X=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-75"),V=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-85"),K=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-end");if(a.value="",l.value="",r.value="",d.value="",c.value="",u.value="",p.value="",h.value="",m.value="",g.value="",b.value="",f.value="",v.value="",y.value="",x.value="",_.value="",w.value="",S.value="",C.value="",k.value="",A.value="",E.value="",L.value="",q.value="",T.value="",R.value="",M.value="",O.value="",I.value="",B.value="",N.value="",$.value="",z.value="",P.value="",D.value="",H.value="",j.value="",U.value="",F.value="",W.value="",Y.value="",G.value="",X.value="",V.value="",K.value="",t.hasAttribute("data-bottom-top")&&t.hasAttribute("data-top-bottom")&&!(t.hasAttribute("data-center-bottom")||t.hasAttribute("data-100-top")||t.hasAttribute("data-50-top")||t.hasAttribute("data-top"))||t.hasAttribute("data-in")||t.hasAttribute("data-in-150")||t.hasAttribute("data-in-300")||t.hasAttribute("data-cen--150")||t.hasAttribute("data-cen")||t.hasAttribute("data-cen-150")||t.hasAttribute("data-out--300")||t.hasAttribute("data-out--150")||t.hasAttribute("data-out")){let e=document.querySelector(".dummy-elm"),i=t.getAttribute("data-bottom-top");e.style.cssText=i;let n=this.getTransform(e,i);n.translateX&&(a.value=n.translateX.replace("px","")),n.translateY&&(g.value=n.translateY.replace("px","")),n.scale&&(C.value=n.scale),n.rotate&&(O.value=n.rotate),n.opacity&&(j.value=n.opacity);let o=t.getAttribute("data-top-bottom");e.style.cssText=o,n=this.getTransform(e,o),n.translateX&&(m.value=n.translateX.replace("px","")),n.translateY&&(S.value=n.translateY.replace("px","")),n.scale&&(M.value=n.scale),n.rotate&&(H.value=n.rotate),n.opacity&&(K.value=n.opacity);let s,Z=t.getAttribute("data-in");return e.style.cssText=Z,n=this.getTransform(e,Z),n.translateX&&(a.value=n.translateX.replace("px","")),n.translateY&&(g.value=n.translateY.replace("px","")),n.scale&&(C.value=n.scale),n.rotate&&(O.value=n.rotate),n.opacity&&(j.value=n.opacity),Z=t.getAttribute("data-in-150"),e.style.cssText=Z,n=this.getTransform(e,Z),n.translateX&&(l.value=n.translateX.replace("px","")),n.translateY&&(b.value=n.translateY.replace("px","")),n.scale&&(k.value=n.scale),n.rotate&&(I.value=n.rotate),n.opacity&&(U.value=n.opacity),Z=t.getAttribute("data-in-300"),e.style.cssText=Z,n=this.getTransform(e,Z),n.translateX&&(r.value=n.translateX.replace("px","")),n.translateY&&(f.value=n.translateY.replace("px","")),n.scale&&(A.value=n.scale),n.rotate&&(B.value=n.rotate),n.opacity&&(F.value=n.opacity),Z=t.getAttribute("data-cen--150"),e.style.cssText=Z,n=this.getTransform(e,Z),n.translateX&&(d.value=n.translateX.replace("px","")),n.translateY&&(v.value=n.translateY.replace("px","")),n.scale&&(E.value=n.scale),n.rotate&&(N.value=n.rotate),n.opacity&&(W.value=n.opacity),Z=t.getAttribute("data-cen"),e.style.cssText=Z,n=this.getTransform(e,Z),n.translateX&&(c.value=n.translateX.replace("px","")),n.translateY&&(y.value=n.translateY.replace("px","")),n.scale&&(L.value=n.scale),n.rotate&&($.value=n.rotate),n.opacity&&(Y.value=n.opacity),Z=t.getAttribute("data-cen-150"),e.style.cssText=Z,n=this.getTransform(e,Z),n.translateX&&(u.value=n.translateX.replace("px","")),n.translateY&&(x.value=n.translateY.replace("px","")),n.scale&&(q.value=n.scale),n.rotate&&(z.value=n.rotate),n.opacity&&(G.value=n.opacity),Z=t.getAttribute("data-out--300"),e.style.cssText=Z,n=this.getTransform(e,Z),n.translateX&&(p.value=n.translateX.replace("px","")),n.translateY&&(_.value=n.translateY.replace("px","")),n.scale&&(T.value=n.scale),n.rotate&&(P.value=n.rotate),n.opacity&&(X.value=n.opacity),Z=t.getAttribute("data-out--150"),e.style.cssText=Z,n=this.getTransform(e,Z),n.translateX&&(h.value=n.translateX.replace("px","")),n.translateY&&(w.value=n.translateY.replace("px","")),n.scale&&(R.value=n.scale),n.rotate&&(D.value=n.rotate),n.opacity&&(V.value=n.opacity),Z=t.getAttribute("data-out"),e.style.cssText=Z,n=this.getTransform(e,Z),n.translateX&&(m.value=n.translateX.replace("px","")),n.translateY&&(S.value=n.translateY.replace("px","")),n.scale&&(M.value=n.scale),n.rotate&&(H.value=n.rotate),n.opacity&&(K.value=n.opacity),this.modalAnimateScroll.querySelector(".cmd-start.on")||(s=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),s&&s.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-end.on")||(s=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),s&&s.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(s=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),s&&s.classList.add("on")),!0}let Z=t.getAttribute("data-bottom-top");Z||(Z=t.getAttribute("data-400-bottom")),Z||(Z=t.getAttribute("data-200-bottom")),Z||(Z=t.getAttribute("data--50-bottom"));let Q,J=t.getAttribute("data-top-bottom");t.hasAttribute("data-bottom-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),Q&&Q.classList.add("on")),t.hasAttribute("data-400-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-400-bottom"]'),Q&&Q.classList.add("on")),t.hasAttribute("data-200-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-200-bottom"]'),Q&&Q.classList.add("on")),t.hasAttribute("data--50-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data--50-bottom"]'),Q&&Q.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-start.on")||(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),Q&&Q.classList.add("on")),t.hasAttribute("data-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-bottom"]'),Q&&Q.classList.add("on")),t.hasAttribute("data-center-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center-top"]'),Q&&Q.classList.add("on")),t.hasAttribute("data-center")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),Q&&Q.classList.add("on")),t.hasAttribute("data-top-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-top-bottom"]'),Q&&Q.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-end.on")||(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),Q&&Q.classList.add("on"));let ee=document.querySelector(".dummy-elm");ee.style.cssText=Z;let te=this.getTransform(ee,Z);Q=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="${te.translateX}"]`),Q&&Q.classList.add("on"),Q=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="${te.translateY}"]`),Q&&Q.classList.add("on"),Q=this.divEnterAnim.querySelector(`.cmd-scale[data-value="${te.scale}"]`),Q&&Q.classList.add("on"),te.rotate&&(Q=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="${te.rotate}"]`),Q&&Q.classList.add("on"));const ie=this.divEnterAnim.querySelector(".inp-slide-left"),ne=this.divEnterAnim.querySelector(".inp-slide-right");te.translateX&&(-1!==te.translateX.indexOf("-")?ne.value=te.translateX.replace("-","").replace("px",""):ie.value=te.translateX.replace("px",""));const oe=this.divEnterAnim.querySelector(".inp-slide-up"),se=this.divEnterAnim.querySelector(".inp-slide-down");te.translateY&&(-1!==te.translateY.indexOf("-")?se.value=te.translateY.replace("-","").replace("px",""):oe.value=te.translateY.replace("px",""));const ae=this.divEnterAnim.querySelector(".inp-scale");te.scale&&(ae.value=te.scale);const le=this.divEnterAnim.querySelector(".inp-rotate-counter"),re=this.divEnterAnim.querySelector(".inp-rotate-clockwise");te.rotate&&(-1!==te.rotate.indexOf("-")?re.value=te.rotate.replace("-",""):le.value=te.rotate),te.opacity&&(Q=this.divEnterAnim.querySelector(".cmd-fade"),Q&&Q.classList.add("on")),t.hasAttribute("data-center-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),Q&&Q.classList.add("on")),t.hasAttribute("data-100-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-100-top"]'),Q&&Q.classList.add("on")),t.hasAttribute("data-50-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-50-top"]'),Q&&Q.classList.add("on")),t.hasAttribute("data-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-top"]'),Q&&Q.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),Q&&Q.classList.add("on")),ee.style.cssText=J,te=this.getTransform(ee,J),Q=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="${te.translateX}"]`),Q&&Q.classList.add("on"),Q=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="${te.translateY}"]`),Q&&Q.classList.add("on"),Q=this.divLeaveAnim.querySelector(`.cmd-scale[data-value="${te.scale}"]`),Q&&Q.classList.add("on"),te.rotate&&(Q=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="${te.rotate}"]`),Q&&Q.classList.add("on"));const de=this.divLeaveAnim.querySelector(".inp-slide-left"),ce=this.divLeaveAnim.querySelector(".inp-slide-right");te.translateX&&(-1!==te.translateX.indexOf("-")?de.value=te.translateX.replace("-","").replace("px",""):ce.value=te.translateX.replace("px",""));const ue=this.divLeaveAnim.querySelector(".inp-slide-up"),pe=this.divLeaveAnim.querySelector(".inp-slide-down");te.translateY&&(-1!==te.translateY.indexOf("-")?ue.value=te.translateY.replace("-","").replace("px",""):pe.value=te.translateY.replace("px",""));const he=this.divLeaveAnim.querySelector(".inp-scale");te.scale&&(he.value=te.scale);const me=this.divLeaveAnim.querySelector(".inp-rotate-counter"),ge=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");return te.rotate&&(-1!==te.rotate.indexOf("-")?me.value=te.rotate.replace("-",""):ge.value=te.rotate),te.opacity&&(Q=this.divLeaveAnim.querySelector(".cmd-fade"),Q&&Q.classList.add("on")),!0}cleanupBasic(e){e.classList.remove("is-animated"),e.classList.remove("once"),e.classList.remove("is-fadeIn"),e.classList.remove("is-fadeInUp"),e.classList.remove("is-fadeInDown"),e.classList.remove("is-fadeInLeft"),e.classList.remove("is-fadeInRight"),e.classList.remove("is-zoomIn"),e.classList.remove("is-zoomOut"),e.classList.remove("is-slideInUp"),e.classList.remove("is-slideInDown"),e.classList.remove("is-slideInLeft"),e.classList.remove("is-slideInRight"),e.classList.remove("is-flipInX"),e.classList.remove("is-flipInY"),e.classList.remove("is-pulse"),e.classList.remove("is-bounceIn")}cleanupDelay(e){e.classList.remove("delay-0ms"),e.classList.remove("delay-100ms"),e.classList.remove("delay-200ms"),e.classList.remove("delay-300ms"),e.classList.remove("delay-400ms"),e.classList.remove("delay-500ms"),e.classList.remove("delay-600ms"),e.classList.remove("delay-700ms"),e.classList.remove("delay-800ms"),e.classList.remove("delay-900ms"),e.classList.remove("delay-1000ms"),e.classList.remove("delay-1100ms"),e.classList.remove("delay-1200ms"),e.classList.remove("delay-1300ms"),e.classList.remove("delay-1400ms"),e.classList.remove("delay-1500ms"),e.classList.remove("delay-1600ms"),e.classList.remove("delay-1700ms"),e.classList.remove("delay-1800ms"),e.classList.remove("delay-1900ms"),e.classList.remove("delay-2000ms"),e.classList.remove("delay-2100ms"),e.classList.remove("delay-2200ms"),e.classList.remove("delay-2300ms"),e.classList.remove("delay-2400ms"),e.classList.remove("delay-2500ms"),e.classList.remove("delay-2600ms"),e.classList.remove("delay-2700ms"),e.classList.remove("delay-2800ms"),e.classList.remove("delay-2900ms"),e.classList.remove("delay-3000ms"),e.style.transitionDelay="",e.style.animationDelay=""}applyDelay(){let e,t,i=this.getTarget();e=i.element,e&&(this.modalAnimateScroll.querySelectorAll(".cmd-basic-delay").forEach((e=>{e.classList.contains("on")&&(t=e.getAttribute("data-value"))})),this.builder.editor.saveForUndo(),this.cleanupDelay(e),e.classList.remove("is-inview"),setTimeout((()=>{t&&e.classList.add(t),setTimeout((()=>{e.classList.add("is-inview")}),10)}),10),this.builder.settings.onChange())}applyBasic(){let e,t,i=this.getTarget();if(e=i.element,!e)return;this.modalAnimateScroll.querySelectorAll(".cmd-basic-anim").forEach((e=>{e.classList.contains("on")&&(t=e.getAttribute("data-value"))}));let n=!1;this.modalAnimateScroll.querySelector(".cmd-basic-once").classList.contains("on")&&(n=!0),this.builder.editor.saveForUndo(),this.cleanupBasic(e),e.style.transition="none",t&&(e.classList.remove("is-inview"),e.classList.remove("once"),setTimeout((()=>{e.classList.add(t),n?e.classList.add("once"):e.classList.remove("once"),e.classList.add("is-animated"),setTimeout((()=>{e.style.transition="",e.classList.add("is-inview"),this.builder.settings.onRender(),this.builder.settings.onChange()}),10)}),10))}applySimpleScroll(){let e;if(e=this.getTarget().element,!e)return;const t=this.modalAnimateScroll,i=t.querySelector(".inp-simplescroll-x-start"),n=t.querySelector(".inp-simplescroll-x-15"),o=t.querySelector(".inp-simplescroll-x-25"),s=t.querySelector(".inp-simplescroll-x-35"),a=t.querySelector(".inp-simplescroll-x-50"),l=t.querySelector(".inp-simplescroll-x-65"),r=t.querySelector(".inp-simplescroll-x-75"),d=t.querySelector(".inp-simplescroll-x-85"),c=t.querySelector(".inp-simplescroll-x-end"),u=t.querySelector(".inp-simplescroll-y-start"),p=t.querySelector(".inp-simplescroll-y-15"),h=t.querySelector(".inp-simplescroll-y-25"),m=t.querySelector(".inp-simplescroll-y-35"),g=t.querySelector(".inp-simplescroll-y-50"),b=t.querySelector(".inp-simplescroll-y-65"),f=t.querySelector(".inp-simplescroll-y-75"),v=t.querySelector(".inp-simplescroll-y-85"),y=t.querySelector(".inp-simplescroll-y-end"),x=t.querySelector(".inp-simplescroll-scale-start"),_=t.querySelector(".inp-simplescroll-scale-15"),w=t.querySelector(".inp-simplescroll-scale-25"),S=t.querySelector(".inp-simplescroll-scale-35"),C=t.querySelector(".inp-simplescroll-scale-50"),k=t.querySelector(".inp-simplescroll-scale-65"),A=t.querySelector(".inp-simplescroll-scale-75"),E=t.querySelector(".inp-simplescroll-scale-85"),L=t.querySelector(".inp-simplescroll-scale-end"),q=t.querySelector(".inp-simplescroll-rotate-start"),T=t.querySelector(".inp-simplescroll-rotate-15"),R=t.querySelector(".inp-simplescroll-rotate-25"),M=t.querySelector(".inp-simplescroll-rotate-35"),O=t.querySelector(".inp-simplescroll-rotate-50"),I=t.querySelector(".inp-simplescroll-rotate-65"),B=t.querySelector(".inp-simplescroll-rotate-75"),N=t.querySelector(".inp-simplescroll-rotate-85"),$=t.querySelector(".inp-simplescroll-rotate-end"),z=t.querySelector(".inp-simplescroll-opacity-start"),P=t.querySelector(".inp-simplescroll-opacity-15"),D=t.querySelector(".inp-simplescroll-opacity-25"),H=t.querySelector(".inp-simplescroll-opacity-35"),j=t.querySelector(".inp-simplescroll-opacity-50"),U=t.querySelector(".inp-simplescroll-opacity-65"),F=t.querySelector(".inp-simplescroll-opacity-75"),W=t.querySelector(".inp-simplescroll-opacity-85"),Y=t.querySelector(".inp-simplescroll-opacity-end");let G,X,V,K,Z,Q,J,ee,te,ie,ne,oe,se,ae,le,re,de,ce,ue,pe,he,me,ge,be,fe,ve,ye,xe,_e,we,Se,Ce,ke,Ae,Ee,Le,qe,Te,Re,Me,Oe,Ie,Be,Ne,$e;""!==i.value&&(G=i.value+(-1!==i.value.indexOf("%")?"":"px")),""!==n.value&&(X=n.value+(-1!==n.value.indexOf("%")?"":"px")),""!==o.value&&(V=o.value+(-1!==o.value.indexOf("%")?"":"px")),""!==s.value&&(K=s.value+(-1!==s.value.indexOf("%")?"":"px")),""!==a.value&&(Z=a.value+(-1!==a.value.indexOf("%")?"":"px")),""!==l.value&&(Q=l.value+(-1!==l.value.indexOf("%")?"":"px")),""!==r.value&&(J=r.value+(-1!==r.value.indexOf("%")?"":"px")),""!==d.value&&(ee=d.value+(-1!==d.value.indexOf("%")?"":"px")),""!==c.value&&(te=c.value+(-1!==c.value.indexOf("%")?"":"px")),""!==u.value&&(ie=u.value+(-1!==u.value.indexOf("%")?"":"px")),""!==p.value&&(ne=p.value+(-1!==p.value.indexOf("%")?"":"px")),""!==h.value&&(oe=h.value+(-1!==h.value.indexOf("%")?"":"px")),""!==m.value&&(se=m.value+(-1!==m.value.indexOf("%")?"":"px")),""!==g.value&&(ae=g.value+(-1!==g.value.indexOf("%")?"":"px")),""!==b.value&&(le=b.value+(-1!==b.value.indexOf("%")?"":"px")),""!==f.value&&(re=f.value+(-1!==f.value.indexOf("%")?"":"px")),""!==v.value&&(de=v.value+(-1!==v.value.indexOf("%")?"":"px")),""!==y.value&&(ce=y.value+(-1!==y.value.indexOf("%")?"":"px")),""!==x.value&&(ue=x.value),""!==_.value&&(pe=_.value),""!==w.value&&(he=w.value),""!==S.value&&(me=S.value),""!==C.value&&(ge=C.value),""!==k.value&&(be=k.value),""!==A.value&&(fe=A.value),""!==E.value&&(ve=E.value),""!==L.value&&(ye=L.value),""!==q.value&&(xe=q.value),""!==T.value&&(_e=T.value),""!==R.value&&(we=R.value),""!==M.value&&(Se=M.value),""!==O.value&&(Ce=O.value),""!==I.value&&(ke=I.value),""!==B.value&&(Ae=B.value),""!==N.value&&(Ee=N.value),""!==$.value&&(Le=$.value),""!==z.value&&(qe=z.value),""!==P.value&&(Te=P.value),""!==D.value&&(Re=D.value),""!==H.value&&(Me=H.value),""!==j.value&&(Oe=j.value),""!==U.value&&(Ie=U.value),""!==F.value&&(Be=F.value),""!==W.value&&(Ne=W.value),""!==Y.value&&($e=Y.value);let ze=(G?` translateX(${G})`:"")+(ie?` translateY(${ie})`:"")+(ue?` scale(${ue})`:"")+(xe?` rotate(${xe})`:"");ze=ze.trim();let Pe=(X?` translateX(${X})`:"")+(ne?` translateY(${ne})`:"")+(pe?` scale(${pe})`:"")+(_e?` rotate(${_e})`:"");Pe=Pe.trim();let De=(V?` translateX(${V})`:"")+(oe?` translateY(${oe})`:"")+(he?` scale(${he})`:"")+(we?` rotate(${we})`:"");De=De.trim();let He=(K?` translateX(${K})`:"")+(se?` translateY(${se})`:"")+(me?` scale(${me})`:"")+(Se?` rotate(${Se})`:"");He=He.trim();let je=(Z?` translateX(${Z})`:"")+(ae?` translateY(${ae})`:"")+(ge?` scale(${ge})`:"")+(Ce?` rotate(${Ce})`:"");je=je.trim();let Ue=(Q?` translateX(${Q})`:"")+(le?` translateY(${le})`:"")+(be?` scale(${be})`:"")+(ke?` rotate(${ke})`:"");Ue=Ue.trim();let Fe=(J?` translateX(${J})`:"")+(re?` translateY(${re})`:"")+(fe?` scale(${fe})`:"")+(Ae?` rotate(${Ae})`:"");Fe=Fe.trim();let We=(ee?` translateX(${ee})`:"")+(de?` translateY(${de})`:"")+(ve?` scale(${ve})`:"")+(Ee?` rotate(${Ee})`:"");We=We.trim();let Ye=(te?` translateX(${te})`:"")+(ce?` translateY(${ce})`:"")+(ye?` scale(${ye})`:"")+(Le?` rotate(${Le})`:"");Ye=Ye.trim();let Ge=(ze?"transform: "+ze+";":"")+(qe?`opacity:${qe}`:""),Xe=(Pe?"transform: "+Pe+";":"")+(Te?`opacity:${Te}`:""),Ve=(De?"transform: "+De+";":"")+(Re?`opacity:${Re}`:""),Ke=(He?"transform: "+He+";":"")+(Me?`opacity:${Me}`:""),Ze=(je?"transform: "+je+";":"")+(Oe?`opacity:${Oe}`:""),Qe=(Ue?"transform: "+Ue+";":"")+(Ie?`opacity:${Ie}`:""),Je=(Fe?"transform: "+Fe+";":"")+(Be?`opacity:${Be}`:""),et=(We?"transform: "+We+";":"")+(Ne?`opacity:${Ne}`:""),tt=(Ye?"transform: "+Ye+";":"")+($e?`opacity:${$e}`:"");Ge=Ge.trim(),Xe=Xe.trim(),Ve=Ve.trim(),Ke=Ke.trim(),Ze=Ze.trim(),Qe=Qe.trim(),Je=Je.trim(),et=et.trim(),tt=tt.trim(),this.builder.editor.saveForUndo(),this.cleanup(e),this.cleanup_leave(e),this.cleanup_timeline(e),e.removeAttribute("data-bottom-top"),e.removeAttribute("data-top-bottom");let it="data-in",nt="data-in-150",ot="data-in-300",st="data-cen--150",at="data-cen",lt="data-cen-150",rt="data-out--300",dt="data-out--150",ct="data-out";""!==Ge?e.setAttribute(it,Ge):e.removeAttribute(it),""!==Xe?e.setAttribute(nt,Xe):e.removeAttribute(nt),""!==Ve?e.setAttribute(ot,Ve):e.removeAttribute(ot),""!==Ke?e.setAttribute(st,Ke):e.removeAttribute(st),""!==Ze?e.setAttribute(at,Ze):e.removeAttribute(at),""!==Qe?e.setAttribute(lt,Qe):e.removeAttribute(lt),""!==Je?e.setAttribute(rt,Je):e.removeAttribute(rt),""!==et?e.setAttribute(dt,et):e.removeAttribute(dt),""!==tt?e.setAttribute(ct,tt):e.removeAttribute(ct);this.divAnimScrollSimple.querySelector(".cmd-disable-smoothanim").classList.contains("on")?(e.setAttribute("data-smooth-scrolling","off"),e.style.transition=""):e.removeAttribute("data-smooth-scrolling");this.divAnimScrollSimple.querySelector(".cmd-hidden-onstart").classList.contains("on")?e.setAttribute("data-hidden-onstart",""):e.removeAttribute("data-hidden-onstart"),e.style.transform="",e.style.transition="",e.style.opacity="",this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange()}apply(){let e,t;if(e=this.getTarget().element,!e)return;let i,n,o,s=this.divEnterAnim.querySelectorAll(".cmd-slidex");s.forEach((e=>{e.classList.contains("on")&&(t=e.getAttribute("data-value"))})),s=this.divEnterAnim.querySelectorAll(".cmd-slidey"),s.forEach((e=>{e.classList.contains("on")&&(i=e.getAttribute("data-value"))})),s=this.divEnterAnim.querySelectorAll(".cmd-scale"),s.forEach((e=>{e.classList.contains("on")&&(n=e.getAttribute("data-value"))})),s=this.divEnterAnim.querySelectorAll(".cmd-rotate"),s.forEach((e=>{e.classList.contains("on")&&(o=e.getAttribute("data-value"))}));let a=!1,l=this.divEnterAnim.querySelector(".cmd-fade");l.classList.contains("on")&&(a=!0);const r=this.divEnterAnim.querySelector(".inp-slide-right");""!==r.value&&(t="-"+r.value+(-1!==r.value.indexOf("%")?"":"px"));const d=this.divEnterAnim.querySelector(".inp-slide-left");""!==d.value&&(t=d.value+(-1!==d.value.indexOf("%")?"":"px"));const c=this.divEnterAnim.querySelector(".inp-slide-down");""!==c.value&&(i="-"+c.value+(-1!==c.value.indexOf("%")?"":"px"));const u=this.divEnterAnim.querySelector(".inp-slide-up");""!==u.value&&(i=u.value+(-1!==u.value.indexOf("%")?"":"px"));const p=this.divEnterAnim.querySelector(".inp-scale");""!==p.value&&(n=p.value);const h=this.divEnterAnim.querySelector(".inp-rotate-clockwise");""!==h.value&&(o="-"+h.value);const m=this.divEnterAnim.querySelector(".inp-rotate-counter");""!==m.value&&(o=m.value);let g=(t?` translateX(${t})`:"")+(i?` translateY(${i})`:"")+(o?` rotate(${o}deg)`:"")+(n?` scale(${n})`:"");g=g.trim();let b=(t?" translateX(0px)":"")+(i?" translateY(0px)":"")+(o?" rotate(0deg)":"")+(n?" scale(1)":"");b=b.trim();let f,v,y,x,_,w,S=(g?"transform: "+g+";":"")+(a?"opacity: 0;":""),C=(b?"transform: "+b+";":"")+(a?"opacity: 1;":"");this.builder.editor.saveForUndo(),this.cleanup_timeline(e),this.cleanup(e),s=this.modalAnimateScroll.querySelectorAll(".cmd-start"),s.forEach((e=>{e.classList.contains("on")&&(f=e.getAttribute("data-value"))})),s=this.modalAnimateScroll.querySelectorAll(".cmd-end"),s.forEach((e=>{e.classList.contains("on")&&(v=e.getAttribute("data-value"))})),f||(f="data-bottom-top"),v||(v="data-center"),S=S.trim(),C=C.trim(),""!==S&&e.setAttribute(f,S),""!==C&&e.setAttribute(v,C),s=this.divLeaveAnim.querySelectorAll(".cmd-slidex"),s.forEach((e=>{e.classList.contains("on")&&(y=e.getAttribute("data-value"))})),s=this.divLeaveAnim.querySelectorAll(".cmd-slidey"),s.forEach((e=>{e.classList.contains("on")&&(x=e.getAttribute("data-value"))})),s=this.divLeaveAnim.querySelectorAll(".cmd-scale"),s.forEach((e=>{e.classList.contains("on")&&(_=e.getAttribute("data-value"))})),s=this.divLeaveAnim.querySelectorAll(".cmd-rotate"),s.forEach((e=>{e.classList.contains("on")&&(w=e.getAttribute("data-value"))}));let k=!1;l=this.divLeaveAnim.querySelector(".cmd-fade"),l.classList.contains("on")&&(k=!0);const A=this.divLeaveAnim.querySelector(".inp-slide-left");""!==A.value&&(y="-"+A.value+(-1!==A.value.indexOf("%")?"":"px"));const E=this.divLeaveAnim.querySelector(".inp-slide-right");""!==E.value&&(y=E.value+(-1!==E.value.indexOf("%")?"":"px"));const L=this.divLeaveAnim.querySelector(".inp-slide-down");""!==L.value&&(x=L.value+(-1!==L.value.indexOf("%")?"":"px"));const q=this.divLeaveAnim.querySelector(".inp-slide-up");""!==q.value&&(x="-"+q.value+(-1!==q.value.indexOf("%")?"":"px"));const T=this.divLeaveAnim.querySelector(".inp-scale");""!==T.value&&(_=T.value);const R=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");""!==R.value&&(w=R.value);const M=this.divLeaveAnim.querySelector(".inp-rotate-counter");""!==M.value&&(w="-"+M.value);let O=(y?" translateX(0px)":"")+(x?" translateY(0px)":"")+(w?" rotate(0deg)":"")+(_?" scale(1)":"");O=O.trim();let I=(y?` translateX(${y})`:"")+(x?` translateY(${x})`:"")+(w?` rotate(${w}deg)`:"")+(_?` scale(${_})`:"");I=I.trim();let B,N,$=(O?"transform: "+O+";":"")+(k?"opacity: 1;":""),z=(I?"transform: "+I+";":"")+(k?"opacity: 0;":"");this.cleanup_leave(e),s=this.modalAnimateScroll.querySelectorAll(".cmd-leave-start"),s.forEach((e=>{e.classList.contains("on")&&(B=e.getAttribute("data-value"))})),B||(B="data-center-bottom"),N="data-top-bottom",$=$.trim(),z=z.trim(),""!==$&&e.setAttribute(B,$),""!==z&&e.setAttribute("data-top-bottom",z),""===S&&""===C&&""===$&&""===z&&(e.style.transform="",e.style.transition="",e.style.opacity=""),(a||k)&&(e.style.opacity="");this.divAnimSettings.querySelector(".cmd-disable-smoothanim").classList.contains("on")?(e.setAttribute("data-smooth-scrolling","off"),e.style.transition=""):e.removeAttribute("data-smooth-scrolling"),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange()}readAnimOnce(){let e=this.builder.activeSection;e&&(e.querySelector(".is-animated.once")?this.modalAnimateScroll.querySelector("#chkPresetAnimOnce").checked=!0:this.modalAnimateScroll.querySelector("#chkPresetAnimOnce").checked=!1)}getTarget(){let e,t;if(this.modalAnimateScroll.querySelectorAll(".cmd-target").forEach((t=>{t.classList.contains("on")&&(e=t.getAttribute("data-value"))})),"element"===e){let e=this.readTarget();e?("element"===e.name&&(t=this.builder.editor.activeElement),t="inspectedElement"===e.name?this.builder.editor.inspectedElement:this.builder.editor.activeElement):t=this.builder.editor.activeElement}if("column"===e&&(t=this.builder.editor.activeCol),"row"===e){let e=this.builder.editor.activeCol;e&&(t=e.parentNode)}if("container"===e){let e=this.builder.editor.activeCol;e&&(t=e.parentNode.parentNode)}if("overlay"===e){let e;const i=this.builder.doc.querySelector(".box-select");i&&(e=i.querySelector(".is-overlay")),e&&(t=e)}if("bg"===e){let e;const i=this.builder.doc.querySelector(".box-select");i&&(e=i.querySelector(".is-overlay-bg")),e&&(t=e)}if("box"===e){const e=this.builder.doc.querySelector(".box-select");e&&(t=e)}if("section"===e){const e=this.builder.doc.querySelector(".section-select");e&&(t=e)}return{element:t||!1,name:e||!1}}readTarget(e){if(!e){let e,t,i,n=this.builder.editor.inspectedElement;if(!n)return this.readTarget("bg");e=n.getAttribute("data-bottom-top"),e||(e=n.getAttribute("data-400-bottom")),e||(e=n.getAttribute("data-200-bottom")),e||(e=n.getAttribute("data--50-bottom")),t=n.getAttribute("data-top-bottom"),i=n.getAttribute("data-in"),i||(i=n.getAttribute("data-in-150")),i||(i=n.getAttribute("data-in-300")),i||(i=n.getAttribute("data-cen--150")),i||(i=n.getAttribute("data-cen")),i||(i=n.getAttribute("data-cen-150")),i||(i=n.getAttribute("data-out--300")),i||(i=n.getAttribute("data-out--150")),i||(i=n.getAttribute("data-out"));let o=!1;return(n.classList.contains("is-fadeIn")||n.classList.contains("is-fadeInUp")||n.classList.contains("is-fadeInDown")||n.classList.contains("is-fadeInLeft")||n.classList.contains("is-fadeInRight")||n.classList.contains("is-zoomIn")||n.classList.contains("is-zoomOut")||n.classList.contains("is-slideInUp")||n.classList.contains("is-slideInDown")||n.classList.contains("is-slideInLeft")||n.classList.contains("is-slideInRight")||n.classList.contains("is-flipInX")||n.classList.contains("is-flipInY")||n.classList.contains("is-pulse")||n.classList.contains("is-bounceIn"))&&(o=!0),e||t||i||o?{element:n,name:"inspectedElement"}:this.readTarget("element")}{let t,i,n,o;if("element"===e&&(t=this.builder.editor.activeElement),"column"===e&&(t=this.builder.editor.activeCol),"row"===e&&this.builder.editor.activeCol&&(t=this.builder.editor.activeCol.parentNode),"container"===e&&this.builder.editor.activeCol&&(t=this.builder.editor.activeCol.parentNode.parentNode),"bg"===e){let e;const i=this.builder.doc.querySelector(".box-select");i&&(e=i.querySelector(".is-overlay-bg")),e&&(t=e)}if("overlay"===e){let e;const i=this.builder.doc.querySelector(".box-select");i&&(e=i.querySelector(".is-overlay")),e&&(t=e)}if("box"===e){const e=this.builder.doc.querySelector(".box-select");e&&(t=e)}if("section"===e){const e=this.builder.doc.querySelector(".section-select");e&&(t=e)}if(!t){if("element"===e)return this.readTarget("column");if("column"===e)return this.readTarget("row");if("row"===e)return this.readTarget("container");if("container"===e)return this.readTarget("bg");if("bg"===e)return this.readTarget("overlay");if("overlay"===e)return this.readTarget("box");if("box"===e)return this.readTarget("section");if("section"===e)return!1}i=t.getAttribute("data-bottom-top"),i||(i=t.getAttribute("data-400-bottom")),i||(i=t.getAttribute("data-200-bottom")),i||(i=t.getAttribute("data--50-bottom")),n=t.getAttribute("data-top-bottom"),o=t.getAttribute("data-in"),o||(o=t.getAttribute("data-in-150")),o||(o=t.getAttribute("data-in-300")),o||(o=t.getAttribute("data-cen--150")),o||(o=t.getAttribute("data-cen")),o||(o=t.getAttribute("data-cen-150")),o||(o=t.getAttribute("data-out--300")),o||(o=t.getAttribute("data-out--150")),o||(o=t.getAttribute("data-out"));let s=!1;if((t.classList.contains("is-fadeIn")||t.classList.contains("is-fadeInUp")||t.classList.contains("is-fadeInDown")||t.classList.contains("is-fadeInLeft")||t.classList.contains("is-fadeInRight")||t.classList.contains("is-zoomIn")||t.classList.contains("is-zoomOut")||t.classList.contains("is-slideInUp")||t.classList.contains("is-slideInDown")||t.classList.contains("is-slideInLeft")||t.classList.contains("is-slideInRight")||t.classList.contains("is-flipInX")||t.classList.contains("is-flipInY")||t.classList.contains("is-pulse")||t.classList.contains("is-bounceIn"))&&(s=!0),i||n||o||s)return{element:t,name:e};if("element"===e)return this.readTarget("column");if("column"===e)return this.readTarget("row");if("row"===e)return this.readTarget("container");if("container"===e)return this.readTarget("bg");if("bg"===e)return this.readTarget("overlay");if("overlay"===e)return this.readTarget("box");if("box"===e)return this.readTarget("section");if("section"===e)return!1}}getTransform(e,t){let i,n,o,s,a=this.parseComplexStyleProperty(t);a.translateX&&(i=a.translateX[0]),a.translateY&&(n=a.translateY[0]),a.scale&&(o=a.scale[0]),a.rotate&&(s=a.rotate[0]);let l=e.style.opacity;return{translateX:i||!1,translateY:n||!1,scale:o||!1,rotate:!!s&&s.replace("deg",""),opacity:l||!1}}parseComplexStyleProperty(e){for(var t,i=/(\w+)\((.+?)\)/g,n={};t=i.exec(e);)n[t[1]]=n[t[1]]?n[t[1]].concat([t[2]]):[t[2]];return n}cleanup(e){e.removeAttribute("data-center"),e.removeAttribute("data-center-top"),e.removeAttribute("data--50-bottom"),e.removeAttribute("data--100-bottom"),e.removeAttribute("data--150-bottom"),e.removeAttribute("data--200-bottom"),e.removeAttribute("data--300-bottom"),e.removeAttribute("data--400-bottom"),e.removeAttribute("data-bottom-top"),e.removeAttribute("data-400-bottom"),e.removeAttribute("data-300-bottom"),e.removeAttribute("data-200-bottom"),e.removeAttribute("data-150-bottom"),e.removeAttribute("data-100-bottom"),e.removeAttribute("data-50-bottom"),e.removeAttribute("data-bottom")}cleanup_leave(e){e.removeAttribute("data-center-bottom"),e.removeAttribute("data-100-top"),e.removeAttribute("data-50-top"),e.removeAttribute("data-top"),e.removeAttribute("data-top-bottom")}cleanup_timeline(e){e.removeAttribute("data-in"),e.removeAttribute("data-in-150"),e.removeAttribute("data-in-300"),e.removeAttribute("data-cen--150"),e.removeAttribute("data-cen"),e.removeAttribute("data-cen-150"),e.removeAttribute("data-out--300"),e.removeAttribute("data-out--150"),e.removeAttribute("data-out")}edit(){this.builder.wrapperEl.classList.add("hard-select"),this.builder.activeBox&&this.builder.activeBox.classList.add("box-select"),this.builder.activeSection&&this.builder.activeSection.classList.add("section-select"),this.builder.sidebar.closeSidebar(),this.modalAnimateScroll.classList.add("active"),this.clickContent(),this.builder.doc.body.classList.add("selection-only"),document.body.classList.add("selection-only");this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display=""}close(){this.modalAnimateScroll.classList.remove("active"),this.builder.doc.body.classList.remove("selection-only"),document.body.classList.remove("selection-only")}}const vy=new e;class yy{constructor(e){this.builder=e;const t=this.builder.builderStuff;this.builderStuff=t;let n=`\n        <style>\n            .is-modal.page-timeline {\n                width: 1017px !important; \n                height: 295px !important; \n                top: auto !important; \n                bottom: 30px !important; \n                left: auto !important; \n                right: 30px !important; \n                z-index: 10002 !important; \n                font-size: 12px;\n            }\n            /*\n            @media all and  (max-width: 1919px) {\n                .is-modal.page-timeline {\n                    width: 60vw !important; \n                }\n            }\n            @media all and  (max-width: 1850px) {\n                .is-modal.page-timeline {\n                    width: 55vw !important; \n                }\n            }\n            @media all and  (max-width: 1650px) {\n                .is-modal.page-timeline {\n                    width: 50vw !important; \n                }\n            }\n            @media all and  (max-width: 1480px) {\n                .is-modal.page-timeline {\n                    width: 45vw !important; \n                }\n            }\n            @media all and  (max-width: 1350px) {\n                .is-modal.page-timeline {\n                    width: 40vw !important; \n                    min-width: 576px;\n                }\n            }\n            */\n            @media all and  (max-width: 1340px) {\n                .is-modal.page-timeline {\n                    width: 60vw !important; \n                    min-width: 576px;\n                }\n            }\n            .page-timeline .is-modal-bar {\n                font-size: 12px !important;\n            }\n            .page-timeline select {\n                font-size: 12px !important;\n                line-height: 1;\n            }\n            .page-timeline label {\n                font-size: 12px !important;\n                line-height: 1;\n            }\n            .page-timeline td {\n                font-size: 12px;\n                padding: 3px 1px;\n            }\n            .page-timeline .table-header td {\n                font-size: 11px;\n                padding: 3px 0 0;\n            }\n            .page-timeline td input[type=text] {\n                font-size: 12px !important;\n                font-family: sans-serif !important;\n                font-weight: 300 !important;\n                padding: 0 !important;\n                width: 30px !important;\n                height: 26px !important;\n                text-align: center !important;\n                letter-spacing: 0px !important;\n            }\n            .page-timeline td input.inp-extra2 {\n                background-color: #f5f5f5 !important;\n            }\n\n            .page-timeline:focus-within {\n                z-index:100021 !important\n            }\n\n            .page-timeline .timeline-more {\n                display: none;\n                position: absolute;\n                top: auto !important;\n                left: 283px !important;\n                bottom: 70px;\n                padding: 25px 20px 20px;\n                box-shadow: 3px 4px 10px 0px rgb(0 0 0 / 6%) !important;\n            }\n            .page-timeline .timeline-more.active {\n                display: flex;\n            }\n            \n\n            .page-timeline .clear-more {\n                display: none;\n                position: absolute;\n                top: auto !important;\n                left: auto !important;\n                right: 19px !important;\n                bottom: 70px;\n                padding: 8px 20px 8px;\n                box-shadow: 3px 4px 10px 0px rgb(0 0 0 / 6%) !important;\n            }\n            .page-timeline .clear-more.active {\n                display: flex;\n            }\n        </style>\n        <div class="is-modal is-modal-content page-timeline" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">\n            <div class="is-modal-bar is-draggable" draggable=""> \n                <span>${i("Animation Timeline Editor")}</span>\n                <button class="is-modal-close" tabindex="-1" title="${i("Close")}">\n                    <svg class="is-icon-flex" style="width:23px;height:23px;"><use xlink:href="#ion-ios-close-empty"></use></svg>\n                </button>\n            </div>\n            <div style="position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;border-top:transparent 35px solid;overflow-y:hidden;overflow-x:auto;">\n                \n                <div>\n                    <table class="table-timeline" style="margin:0px 15px 3px;border-collapse:collapse;">\n                        <tr class="table-header">\n                            <td style="text-align:center"> </td>\n                            <td style="text-align:center">0%</td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center">50%</td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center;padding-right:5px">100%</td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center" colspan="8">${i("Extended (for use with pinned section)")}</td>\n                            \x3c!--<td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center">150%</td>\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center"></td>--\x3e\n                            <td style="text-align:center"></td>\n                            <td style="text-align:center;padding:0">\n                                \x3c!--<button title="${i("Clear All")}" class="cmd-clear-timeline" style="margin-left:5px;height:23px;flex: none;width: auto;padding: 0 0 0 8px !important;box-shadow: none !important;background: transparent !important;">\n                                    <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                </button>--\x3e\n                            </td>\n                        </tr>  \n                        <tr>\n                            <td>\n                                <span class="bold">${i("Slide X")}</span>\n                            </td>\n                            <td>\n                                <input class="inp-x" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-100" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-200" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-300" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-400" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-500" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-600" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-700" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-800" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-900" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-1000" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-1100" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-1200" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-1300" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-1400" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-1500" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-1600" placeholder="" type="text" />\n                            </td>\n\n                            <td>\n                                <input class="inp-x-1700 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-1800 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-1900 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-2000 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-2100 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-2200 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-2300 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-2400 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-2500 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-2600 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-2700 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-x-2800 inp-extra" placeholder="" type="text" />\n                            </td>\n                        </tr>\n                        <tr>\n                            <td>\n                                <span class="bold">${i("Slide Y")}</span>\n                            </td>\n                            <td>\n                                <input class="inp-y" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-100" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-200" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-300" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-400" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-500" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-600" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-700" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-800" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-900" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-1000" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-1100" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-1200" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-1300" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-1400" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-1500" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-1600" placeholder="" type="text" />\n                            </td>\n\n                            <td>\n                                <input class="inp-y-1700 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-1800 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-1900 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-2000 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-2100 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-2200 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-2300 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-2400 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-2500 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-2600 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-2700 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-y-2800 inp-extra" placeholder="" type="text" />\n                            </td>\n                        </tr>\n                        <tr>\n                            <td>\n                                <span class="bold">${i("Scale")}</span>\n                            </td>\n                            <td>\n                                <input class="inp-sc" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-100" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-200" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-300" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-400" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-500" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-600" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-700" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-800" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-900" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-1000" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-1100" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-1200" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-1300" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-1400" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-1500" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-1600" placeholder="" type="text" />\n                            </td>\n\n                            <td>\n                                <input class="inp-sc-1700 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-1800 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-1900 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-2000 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-2100 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-2200 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-2300 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-2400 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-2500 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-2600 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-2700 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-sc-2800 inp-extra" placeholder="" type="text" />\n                            </td>\n                        </tr>\n                        <tr>\n                            <td>\n                                <span class="bold">${i("Rotate")}</span>\n                            </td>\n                            <td>\n                                <input class="inp-rt" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-100" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-200" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-300" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-400" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-500" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-600" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-700" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-800" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-900" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-1000" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-1100" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-1200" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-1300" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-1400" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-1500" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-1600" placeholder="" type="text" />\n                            </td>\n\n                            <td>\n                                <input class="inp-rt-1700 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-1800 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-1900 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-2000 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-2100 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-2200 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-2300 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-2400 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-2500 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-2600 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-2700 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-rt-2800 inp-extra" placeholder="" type="text" />\n                            </td>\n                        </tr>\n                        <tr>\n                            <td>\n                                <span class="bold">${i("Opacity")}</span>\n                            </td>\n                            <td>\n                                <input class="inp-op" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-100" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-200" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-300" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-400" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-500" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-600" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-700" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-800" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-900" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-1000" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-1100" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-1200" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-1300" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-1400" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-1500" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-1600" placeholder="" type="text" />\n                            </td>\n\n                            <td>\n                                <input class="inp-op-1700 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-1800 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-1900 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-2000 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-2100 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-2200 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-2300 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-2400 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-2500 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-2600 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-2700 inp-extra" placeholder="" type="text" />\n                            </td>\n                            <td>\n                                <input class="inp-op-2800 inp-extra" placeholder="" type="text" />\n                            </td>\n                        </tr>\n                    </table>\n                    <div class="flex-wrap" style="padding: 3px 10px 15px 15px;box-sizing: border-box;width: 100%;justify-content: space-between;">\n\n                        <div class="flex-wrap" style="margin-top:8px;flex-direction:column;align-items:flex-start">\n                            \x3c!--\n                            <div style="font-size:10px;margin-top:-20px;margin-bottom:5px"><span>${i("Target")}</span>:</div>\n                            --\x3e\n                            <div class="flex-wrap">\n                                <div class="flex-wrap" style="margin-right:15px;width: 120px;">\n                                    <select class="input-target">\n                                        <option value="element">${i("Element")}</option>\n                                        <option value="column">${i("Column")}</option>\n                                        <option value="row">${i("Row")}</option>\n                                        <option value="container">${i("Container")}</option>\n                                        <option value="overlay">${i("Overlay")}</option>\n                                        <option value="bg">${i("Background")}</option>\n                                        <option value="box">${i("Box")}</option>\n                                        <option value="section">${i("Section")}</option>\n                                    </select>\n                                </div>\n                                <div class="flex-wrap" style="margin-right:15px">\n                                    <button title="${i("Desktop")}" class="input-device on" data-value="" style="width:40px;height:34px;">\n                                        <svg class="is-icon-flex" style="width:18px;height:18px"><use xlink:href="#icon-device-desktop"></use></svg>\n                                    </button>\n                                    \x3c!--<button title="${i("Laptop/Tablet")}" class="input-device" data-value="md" style="width:40px;height:34px;">\n                                        <svg class="is-icon-flex" style="width:18px;height:18px"><use xlink:href="#icon-device-laptop"></use></svg>\n                                    </button>--\x3e\n                                    <button title="${i("Tablet")}" class="input-device" data-value="sm" style="width:40px;height:34px;">\n                                        <svg class="is-icon-flex" style="width:18px;height:18px"><use xlink:href="#icon-device-tablet"></use></svg>\n                                    </button>\n                                    <button title="${i("Mobile")}" class="input-device" data-value="xs" style="width:40px;height:34px;">\n                                        <svg class="is-icon-flex" style="width:13px;height:13px"><use xlink:href="#icon-device-mobile"></use></svg>\n                                    </button>\n                                </div>\n                                <div class="flex-wrap">\n                                    <button type="button" title="${i("More")}" class="cmd-timeline-more" style="width:40px;height:34px;"><svg class="is-icon-flex"><use xlink:href="#icon-settings"></use></svg></button>\n                                \n                                    \x3c!--<button title="${i("Clear All")}" class="cmd-clear-timeline" style="width:40px;height:34px;">\n                                        <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                    </button>--\x3e\n                                </div>\n                            </div>\n                        </div>\n                        <div class="flex-wrap" style="width:515px">\n\n                            <div class="flex-wrap" style="flex-direction:column;align-items: flex-start;">\n                                <div class="flex-wrap" style="height:35px;margin-bottom: 2px;">\n                                    <div class="flex-wrap">\n                                        <label for="chkPinSection2" style="margin:0;display:flex;">\n                                            <input id="chkPinSection2" type="checkbox" style="margin:-1px 6px 0 0"> \n                                            <span>${i("Pin Section")}</span>.\n                                        </label>\n                                    </div>\n                                    <div class="flex-wrap div-pin-spacing" style="display:none;margin-left:5px">\n                                        <div class="flex-wrap">\n                                            <button title="0" class="cmd-pin-space" data-value="md" style="padding-left:15px;padding-right:15px;height:30px;">${i("MD")}</button>\n                                            <button title="20" class="cmd-pin-space" data-value="lg" style="padding-left:15px;padding-right:15px;height:30px;">${i("LG")}</button>\n                                            <button title="20" class="cmd-pin-space" data-value="xl" style="padding-left:15px;padding-right:15px;height:30px;">${i("XL")}</button>\n                                        </div>\n                                        <label for="chkPinOverlap" style="margin:0;display:flex;margin-left:15px">\n                                            <input id="chkPinOverlap" type="checkbox" style="margin:-1px 6px 0 0"> \n                                            <span>${i("Overlap")}</span>\n                                        </label>\n                                        <label for="chkPinDesktopOnly" style="margin:0;display:flex;margin-left:15px">\n                                            <input id="chkPinDesktopOnly" type="checkbox" style="margin:-1px 6px 0 0"> \n                                            <span>${i("Disable Pin on Mobile")}</span>\n                                        </label>\n                                    </div>\n                                </div>\n\n                                <div>\n                                    <label for="chkTimelineDisableOnMobile" style="margin:0;display:flex;">\n                                        <input id="chkTimelineDisableOnMobile" type="checkbox" style="margin:-1px 6px 0 0"> \n                                        <span>${i("Disable All Section Animations on Mobile")}</span>.\n                                    </label>\n                                </div>\n                            </div>\n                        </div>\n                        <div class="flex-wrap" style="margin-top:8px;">\n                            <button title="${i("Clear All")}" class="cmd-clear-timeline" style="width:30px;height:23px;flex: none;box-shadow: none !important;background: transparent !important;">\n                                <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                            </button>\n                            <button title="${i("More")}" type="button" class="cmd-clear-more" style="width:30px;height:23px;">\n                                <svg class="is-icon-flex" style="width: 14px;height: 14px;"><use xlink:href="#ion-more"></use></svg>\n                            </button>\n                        </div>\n\n                        <div class="clear-more flex-wrap is-pop">\n                            <button title="${i("Clear All Animations in Section")}" class="cmd-clear-timeline-all" style="flex:none;width:auto;padding:0px !important;box-shadow:none !important;background:transparent !important;">\n                                <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                <span style="margin-left:7px">${i("Clear All Animations in Section")}</span>\n                            </button>\n                        </div>\n                        \n                        <div class="timeline-more flex-wrap is-pop">\n\n                            <div class="flex-wrap" style="flex-direction:column;margin-right:15px">\n                                <div style="font-size:10px;margin-top:-10px;margin-bottom:2px"><span>${i("Origin")}</span>:</div>\n                                <div>\n                                    <div class="flex-wrap">\n                                        <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="left top" title="${i("Top Left")}" type="button" style=""><svg class="is-icon-flex" style="transform: rotate(315deg);"><use xlink:href="#ion-ios-arrow-thin-up"></use></svg></button>\n                                        <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="center top" title="${i("Top Center")}" type="button"><svg class="is-icon-flex" style=""><use xlink:href="#ion-ios-arrow-thin-up"></use></svg></button>\n                                        <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="right top" title="${i("Top Right")}" type="button"><svg class="is-icon-flex" style="transform: rotate(45deg);"><use xlink:href="#ion-ios-arrow-thin-up"></use></svg></button>\n                                    </div>\n                                    <div class="flex-wrap">\n                                        <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="left center" title="${i("Center Left")}" type="button"><svg class="is-icon-flex" style=""><use xlink:href="#ion-ios-arrow-thin-left"></use></svg></button>\n                                        <button class="cmd-anim-origin on" style="width:25px;height:19px;" data-value="center" title="${i("Center")}" type="button"><svg class="is-icon-flex" style="width:6px;height:6px;"><use xlink:href="#ion-android-contract"></use></svg></button>\n                                        <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="right center" title="${i("Center Right")}" type="button"><svg class="is-icon-flex" style=""><use xlink:href="#ion-ios-arrow-thin-right"></use></svg></button>\n                                    </div>\n                                    <div class="flex-wrap">\n                                        <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="left bottom" title="${i("Bottom Left")}" type="button" style=";"><svg class="is-icon-flex" style="transform: rotate(45deg);"><use xlink:href="#ion-ios-arrow-thin-down"></use></svg></button>\n                                        <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="center bottom" title="${i("Bottom Center")}" type="button"><svg class="is-icon-flex" style=""><use xlink:href="#ion-ios-arrow-thin-down"></use></svg></button>\n                                        <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="right bottom" title="${i("Bottom Right")}" type="button"><svg class="is-icon-flex" style="transform: rotate(315deg);"><use xlink:href="#ion-ios-arrow-thin-down"></use></svg></button>\n                                    </div>\n                                </div>\n                            </div>\n\n                            <div class="flex-wrap" style="flex-direction:column;align-items: flex-start;">\n                                <div class="flex-wrap">\n                                    <div class="flex-wrap">\n                                        <button title="${i("Disable Easing")}" class="cmd-disable-smoothanim" style="height:34px;padding-left:15px;padding-right: 15px;">${i("Disable Easing")}</button>\n                                        <button title="${i("Hidden on Start")}" class="cmd-hidden-onstart" style="height:34px;padding-left:15px;padding-right: 15px;">${i("Hidden on Start")}</button>\n                                    </div>\n                                    \x3c!--\n                                    <button title="${i("Clear All")}" class="cmd-clear-timeline" style="margin-left:5px;height:34px;flex: none;width: auto;padding: 0 0 0 8px !important;box-shadow: none !important;background: transparent !important;">\n                                        <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n                                    </button>\n                                    --\x3e\n                                </div>\n\n                                <div style="display:none;margin-top:7px">\n\n\n                                \n                                </div>\n\n                            </div>\n                        </div>\n                        \n\n                    </div>\n                </div>\n\n            </div>\n        </div>\n        `;vy.appendHtml(t,n);const o=t.querySelector(".page-timeline");this.modalTimeline=o,this.inpX=this.modalTimeline.querySelector(".inp-x"),this.inpX_100=this.modalTimeline.querySelector(".inp-x-100"),this.inpX_200=this.modalTimeline.querySelector(".inp-x-200"),this.inpX_300=this.modalTimeline.querySelector(".inp-x-300"),this.inpX_400=this.modalTimeline.querySelector(".inp-x-400"),this.inpX_500=this.modalTimeline.querySelector(".inp-x-500"),this.inpX_600=this.modalTimeline.querySelector(".inp-x-600"),this.inpX_700=this.modalTimeline.querySelector(".inp-x-700"),this.inpX_800=this.modalTimeline.querySelector(".inp-x-800"),this.inpX_900=this.modalTimeline.querySelector(".inp-x-900"),this.inpX_1000=this.modalTimeline.querySelector(".inp-x-1000"),this.inpX_1100=this.modalTimeline.querySelector(".inp-x-1100"),this.inpX_1200=this.modalTimeline.querySelector(".inp-x-1200"),this.inpX_1300=this.modalTimeline.querySelector(".inp-x-1300"),this.inpX_1400=this.modalTimeline.querySelector(".inp-x-1400"),this.inpX_1500=this.modalTimeline.querySelector(".inp-x-1500"),this.inpX_1600=this.modalTimeline.querySelector(".inp-x-1600"),this.inpX_1700=this.modalTimeline.querySelector(".inp-x-1700"),this.inpX_1800=this.modalTimeline.querySelector(".inp-x-1800"),this.inpX_1900=this.modalTimeline.querySelector(".inp-x-1900"),this.inpX_2000=this.modalTimeline.querySelector(".inp-x-2000"),this.inpX_2100=this.modalTimeline.querySelector(".inp-x-2100"),this.inpX_2200=this.modalTimeline.querySelector(".inp-x-2200"),this.inpX_2300=this.modalTimeline.querySelector(".inp-x-2300"),this.inpX_2400=this.modalTimeline.querySelector(".inp-x-2400"),this.inpX_2500=this.modalTimeline.querySelector(".inp-x-2500"),this.inpX_2600=this.modalTimeline.querySelector(".inp-x-2600"),this.inpX_2700=this.modalTimeline.querySelector(".inp-x-2700"),this.inpX_2800=this.modalTimeline.querySelector(".inp-x-2800"),this.inpY=this.modalTimeline.querySelector(".inp-y"),this.inpY_100=this.modalTimeline.querySelector(".inp-y-100"),this.inpY_200=this.modalTimeline.querySelector(".inp-y-200"),this.inpY_300=this.modalTimeline.querySelector(".inp-y-300"),this.inpY_400=this.modalTimeline.querySelector(".inp-y-400"),this.inpY_500=this.modalTimeline.querySelector(".inp-y-500"),this.inpY_600=this.modalTimeline.querySelector(".inp-y-600"),this.inpY_700=this.modalTimeline.querySelector(".inp-y-700"),this.inpY_800=this.modalTimeline.querySelector(".inp-y-800"),this.inpY_900=this.modalTimeline.querySelector(".inp-y-900"),this.inpY_1000=this.modalTimeline.querySelector(".inp-y-1000"),this.inpY_1100=this.modalTimeline.querySelector(".inp-y-1100"),this.inpY_1200=this.modalTimeline.querySelector(".inp-y-1200"),this.inpY_1300=this.modalTimeline.querySelector(".inp-y-1300"),this.inpY_1400=this.modalTimeline.querySelector(".inp-y-1400"),this.inpY_1500=this.modalTimeline.querySelector(".inp-y-1500"),this.inpY_1600=this.modalTimeline.querySelector(".inp-y-1600"),this.inpY_1700=this.modalTimeline.querySelector(".inp-y-1700"),this.inpY_1800=this.modalTimeline.querySelector(".inp-y-1800"),this.inpY_1900=this.modalTimeline.querySelector(".inp-y-1900"),this.inpY_2000=this.modalTimeline.querySelector(".inp-y-2000"),this.inpY_2100=this.modalTimeline.querySelector(".inp-y-2100"),this.inpY_2200=this.modalTimeline.querySelector(".inp-y-2200"),this.inpY_2300=this.modalTimeline.querySelector(".inp-y-2300"),this.inpY_2400=this.modalTimeline.querySelector(".inp-y-2400"),this.inpY_2500=this.modalTimeline.querySelector(".inp-y-2500"),this.inpY_2600=this.modalTimeline.querySelector(".inp-y-2600"),this.inpY_2700=this.modalTimeline.querySelector(".inp-y-2700"),this.inpY_2800=this.modalTimeline.querySelector(".inp-y-2800"),this.inpScale=this.modalTimeline.querySelector(".inp-sc"),this.inpScale_100=this.modalTimeline.querySelector(".inp-sc-100"),this.inpScale_200=this.modalTimeline.querySelector(".inp-sc-200"),this.inpScale_300=this.modalTimeline.querySelector(".inp-sc-300"),this.inpScale_400=this.modalTimeline.querySelector(".inp-sc-400"),this.inpScale_500=this.modalTimeline.querySelector(".inp-sc-500"),this.inpScale_600=this.modalTimeline.querySelector(".inp-sc-600"),this.inpScale_700=this.modalTimeline.querySelector(".inp-sc-700"),this.inpScale_800=this.modalTimeline.querySelector(".inp-sc-800"),this.inpScale_900=this.modalTimeline.querySelector(".inp-sc-900"),this.inpScale_1000=this.modalTimeline.querySelector(".inp-sc-1000"),this.inpScale_1100=this.modalTimeline.querySelector(".inp-sc-1100"),this.inpScale_1200=this.modalTimeline.querySelector(".inp-sc-1200"),this.inpScale_1300=this.modalTimeline.querySelector(".inp-sc-1300"),this.inpScale_1400=this.modalTimeline.querySelector(".inp-sc-1400"),this.inpScale_1500=this.modalTimeline.querySelector(".inp-sc-1500"),this.inpScale_1600=this.modalTimeline.querySelector(".inp-sc-1600"),this.inpScale_1700=this.modalTimeline.querySelector(".inp-sc-1700"),this.inpScale_1800=this.modalTimeline.querySelector(".inp-sc-1800"),this.inpScale_1900=this.modalTimeline.querySelector(".inp-sc-1900"),this.inpScale_2000=this.modalTimeline.querySelector(".inp-sc-2000"),this.inpScale_2100=this.modalTimeline.querySelector(".inp-sc-2100"),this.inpScale_2200=this.modalTimeline.querySelector(".inp-sc-2200"),this.inpScale_2300=this.modalTimeline.querySelector(".inp-sc-2300"),this.inpScale_2400=this.modalTimeline.querySelector(".inp-sc-2400"),this.inpScale_2500=this.modalTimeline.querySelector(".inp-sc-2500"),this.inpScale_2600=this.modalTimeline.querySelector(".inp-sc-2600"),this.inpScale_2700=this.modalTimeline.querySelector(".inp-sc-2700"),this.inpScale_2800=this.modalTimeline.querySelector(".inp-sc-2800"),this.inpRotate=this.modalTimeline.querySelector(".inp-rt"),this.inpRotate_100=this.modalTimeline.querySelector(".inp-rt-100"),this.inpRotate_200=this.modalTimeline.querySelector(".inp-rt-200"),this.inpRotate_300=this.modalTimeline.querySelector(".inp-rt-300"),this.inpRotate_400=this.modalTimeline.querySelector(".inp-rt-400"),this.inpRotate_500=this.modalTimeline.querySelector(".inp-rt-500"),this.inpRotate_600=this.modalTimeline.querySelector(".inp-rt-600"),this.inpRotate_700=this.modalTimeline.querySelector(".inp-rt-700"),this.inpRotate_800=this.modalTimeline.querySelector(".inp-rt-800"),this.inpRotate_900=this.modalTimeline.querySelector(".inp-rt-900"),this.inpRotate_1000=this.modalTimeline.querySelector(".inp-rt-1000"),this.inpRotate_1100=this.modalTimeline.querySelector(".inp-rt-1100"),this.inpRotate_1200=this.modalTimeline.querySelector(".inp-rt-1200"),this.inpRotate_1300=this.modalTimeline.querySelector(".inp-rt-1300"),this.inpRotate_1400=this.modalTimeline.querySelector(".inp-rt-1400"),this.inpRotate_1500=this.modalTimeline.querySelector(".inp-rt-1500"),this.inpRotate_1600=this.modalTimeline.querySelector(".inp-rt-1600"),this.inpRotate_1700=this.modalTimeline.querySelector(".inp-rt-1700"),this.inpRotate_1800=this.modalTimeline.querySelector(".inp-rt-1800"),this.inpRotate_1900=this.modalTimeline.querySelector(".inp-rt-1900"),this.inpRotate_2000=this.modalTimeline.querySelector(".inp-rt-2000"),this.inpRotate_2100=this.modalTimeline.querySelector(".inp-rt-2100"),this.inpRotate_2200=this.modalTimeline.querySelector(".inp-rt-2200"),this.inpRotate_2300=this.modalTimeline.querySelector(".inp-rt-2300"),this.inpRotate_2400=this.modalTimeline.querySelector(".inp-rt-2400"),this.inpRotate_2500=this.modalTimeline.querySelector(".inp-rt-2500"),this.inpRotate_2600=this.modalTimeline.querySelector(".inp-rt-2600"),this.inpRotate_2700=this.modalTimeline.querySelector(".inp-rt-2700"),this.inpRotate_2800=this.modalTimeline.querySelector(".inp-rt-2800"),this.inpOpacity=this.modalTimeline.querySelector(".inp-op"),this.inpOpacity_100=this.modalTimeline.querySelector(".inp-op-100"),this.inpOpacity_200=this.modalTimeline.querySelector(".inp-op-200"),this.inpOpacity_300=this.modalTimeline.querySelector(".inp-op-300"),this.inpOpacity_400=this.modalTimeline.querySelector(".inp-op-400"),this.inpOpacity_500=this.modalTimeline.querySelector(".inp-op-500"),this.inpOpacity_600=this.modalTimeline.querySelector(".inp-op-600"),this.inpOpacity_700=this.modalTimeline.querySelector(".inp-op-700"),this.inpOpacity_800=this.modalTimeline.querySelector(".inp-op-800"),this.inpOpacity_900=this.modalTimeline.querySelector(".inp-op-900"),this.inpOpacity_1000=this.modalTimeline.querySelector(".inp-op-1000"),this.inpOpacity_1100=this.modalTimeline.querySelector(".inp-op-1100"),this.inpOpacity_1200=this.modalTimeline.querySelector(".inp-op-1200"),this.inpOpacity_1300=this.modalTimeline.querySelector(".inp-op-1300"),this.inpOpacity_1400=this.modalTimeline.querySelector(".inp-op-1400"),this.inpOpacity_1500=this.modalTimeline.querySelector(".inp-op-1500"),this.inpOpacity_1600=this.modalTimeline.querySelector(".inp-op-1600"),this.inpOpacity_1700=this.modalTimeline.querySelector(".inp-op-1700"),this.inpOpacity_1800=this.modalTimeline.querySelector(".inp-op-1800"),this.inpOpacity_1900=this.modalTimeline.querySelector(".inp-op-1900"),this.inpOpacity_2000=this.modalTimeline.querySelector(".inp-op-2000"),this.inpOpacity_2100=this.modalTimeline.querySelector(".inp-op-2100"),this.inpOpacity_2200=this.modalTimeline.querySelector(".inp-op-2200"),this.inpOpacity_2300=this.modalTimeline.querySelector(".inp-op-2300"),this.inpOpacity_2400=this.modalTimeline.querySelector(".inp-op-2400"),this.inpOpacity_2500=this.modalTimeline.querySelector(".inp-op-2500"),this.inpOpacity_2600=this.modalTimeline.querySelector(".inp-op-2600"),this.inpOpacity_2700=this.modalTimeline.querySelector(".inp-op-2700"),this.inpOpacity_2800=this.modalTimeline.querySelector(".inp-op-2800"),this.dummyElm=document.querySelector(".dummy-elm");o.querySelector(".is-modal-close").addEventListener("click",(()=>{this.close()}));o.querySelector(".input-target").addEventListener("change",(()=>{this.read()}));this.modalTimeline.querySelectorAll(".input-device").forEach((e=>{e.addEventListener("click",(()=>{this.modalTimeline.querySelectorAll(".input-device").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.read()}))}));const s=o.querySelector(".cmd-timeline-more");s.addEventListener("click",(()=>{const e=o.querySelector(".timeline-more");this.builder.editor.util.showPop(e,!1,s)}));const a=o.querySelector(".cmd-clear-more");a.addEventListener("click",(()=>{const e=o.querySelector(".clear-more");this.builder.editor.util.showPop(e,!1,a)}));const l=o.querySelector("#chkPinSection2"),r=o.querySelector(".div-pin-spacing");l.addEventListener("click",(()=>{const e=this.builder.activeSection;if(e){if(this.builder.editor.saveForUndo(),l.checked){e.classList.add("section-pin"),r.style.display="flex",r.querySelectorAll(".cmd-pin-space").forEach((e=>{e.classList.remove("on")})),r.querySelector('.cmd-pin-space[data-value="md"]').classList.add("on")}else e.classList.remove("section-pin"),e.classList.remove("pin-space-lg"),e.classList.remove("pin-space-xl"),r.style.display="none";this.builder.onChange()}}));const d=o.querySelector("#chkPinDesktopOnly");d.addEventListener("click",(()=>{const e=this.builder.activeSection;e&&(this.builder.editor.saveForUndo(),d.checked?e.classList.add("m-pin-off"):e.classList.remove("m-pin-off"),this.builder.onChange())}));const c=o.querySelector("#chkPinOverlap");c.addEventListener("click",(()=>{const e=this.builder.activeSection;e&&(this.builder.editor.saveForUndo(),c.checked?e.classList.add("pin-overlap"):(e.classList.remove("pin-overlap"),e.classList.remove("no-spacing")),this.builder.onChange())}));r.querySelectorAll(".cmd-pin-space").forEach((e=>{e.addEventListener("click",(()=>{const t=this.builder.activeSection;if(!t)return;let i=e.getAttribute("data-value");this.builder.editor.saveForUndo(),t.classList.remove("pin-space-lg"),t.classList.remove("pin-space-xl"),"lg"===i&&t.classList.add("pin-space-lg"),"xl"===i&&t.classList.add("pin-space-xl"),r.querySelectorAll(".cmd-pin-space").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.builder.onChange()}))}));o.querySelectorAll(".cmd-anim-origin").forEach((e=>{e.addEventListener("click",(()=>{o.querySelectorAll(".cmd-anim-origin").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.applyTimeline(),this.builder.onChange()}))}));const u=o.querySelector(".cmd-disable-smoothanim");u.addEventListener("click",(()=>{u.classList.contains("on")?u.classList.remove("on"):u.classList.add("on"),this.applyTimeline()}));const p=o.querySelector(".cmd-hidden-onstart");p.addEventListener("click",(()=>{p.classList.contains("on")?p.classList.remove("on"):p.classList.add("on"),this.applyTimeline()}));o.querySelector(".cmd-clear-timeline").addEventListener("click",(()=>{let e;e=this.getTarget().element,e&&(this.builder.editor.saveForUndo(),this.cleanup(e),e.style.transform="",e.style.transition="",e.style.opacity="",e.style.transformOrigin="",this.builder.animateScroll.refreshPage(),this.read(),this.builder.settings.onChange())}));o.querySelector(".cmd-clear-timeline-all").addEventListener("click",(()=>{let e=this.builder.activeSection;if(!e)return;this.builder.editor.saveForUndo();let t,i=this.builder.editor.activeCol;i&&(e=i.closest(".is-section")),t=document.querySelectorAll("[data-bottom-top],[data-center],[data-center-bottom],[data-100-top],[data-50-top],[data-top],[data-top-bottom],[data-center-top],[data--300-bottom],[data--150-bottom],[data--50-bottom],[data-bottom],[data-100-bottom],[data-150-bottom],[data-400-bottom],[data--400-bottom],[data--200-bottom],[data--100-bottom],[data-50-bottom],[data-200-bottom],[data-300-bottom],[data-in],[data-in-150],[data-in-300],[data-cen--150],[data-cen],[data-cen-150],[data-out--300],[data-out--150],[data-out][data-t],[data-t-100],[data-t-200],[data-t-300],[data-t-400],[data-t-500],[data-t-600],[data-t-700],[data-t-800],[data-t-900],[data-t-1000],[data-t-1100],[data-t-1200],[data-t-1300],[data-t-1400],[data-t-1500],[data-t-1600],[data-t-1700],[data-t-1800],[data-t-1900],[data-t-2000],[data-t-2100],[data-t-2200],[data-t-2300],[data-t-2400],[data-t-2500],[data-t-2600],[data-t-2700],[data-t-2800]"),t.forEach((e=>{e.removeAttribute("data-center"),e.removeAttribute("data-center-top"),e.removeAttribute("data--50-bottom"),e.removeAttribute("data--100-bottom"),e.removeAttribute("data--150-bottom"),e.removeAttribute("data--200-bottom"),e.removeAttribute("data--300-bottom"),e.removeAttribute("data--400-bottom"),e.removeAttribute("data-bottom-top"),e.removeAttribute("data-400-bottom"),e.removeAttribute("data-300-bottom"),e.removeAttribute("data-200-bottom"),e.removeAttribute("data-150-bottom"),e.removeAttribute("data-100-bottom"),e.removeAttribute("data-50-bottom"),e.removeAttribute("data-bottom"),e.removeAttribute("data-center-bottom"),e.removeAttribute("data-100-top"),e.removeAttribute("data-50-top"),e.removeAttribute("data-top"),e.removeAttribute("data-top-bottom"),e.removeAttribute("data-in"),e.removeAttribute("data-in-150"),e.removeAttribute("data-in-300"),e.removeAttribute("data-cen--150"),e.removeAttribute("data-cen"),e.removeAttribute("data-cen-150"),e.removeAttribute("data-out--300"),e.removeAttribute("data-out--150"),e.removeAttribute("data-out"),e.removeAttribute("data-hidden-onstart"),this.cleanup(e,!0),this.builder.animateScroll.cleanupDelay(e),e.style.transform="",e.style.transition="",e.style.opacity="",e.style.transformOrigin=""})),t=e.querySelectorAll(".is-animated"),t.forEach((e=>{this.builder.animateScroll.cleanupBasic(e),this.builder.animateScroll.cleanupDelay(e)})),this.builder.animateScroll.refreshPage(),this.read(),this.builder.settings.onRender(),this.builder.settings.onChange()}));const h=o.querySelector("#chkTimelineDisableOnMobile");h.addEventListener("click",(()=>{const e=this.builder.activeSection;e&&(this.builder.editor.saveForUndo(),h.checked?e.classList.add("m-skrollrr-off"):e.classList.remove("m-skrollrr-off"),this.builder.onChange())}));let m=this.builder.settings.onPageContentClick;this.builder.settings.onPageContentClick=()=>{m&&m.call(this),o.classList.contains("active")&&setTimeout((()=>{this.clickContent()}),30)};this.modalTimeline.querySelectorAll(".table-timeline input").forEach((e=>{e.addEventListener("change",(()=>{this.applyTimeline()}))}))}clickContent(){let e=this.modalTimeline.querySelector(".input-target");e.value="element";let t=this.readTarget();t?("element"===t.name||"inspectedElement"===t.name?e.value="element":"column"===t.name?e.value="column":"row"===t.name?e.value="row":"container"===t.name?e.value="container":"bg"===t.name?e.value="bg":"overlay"===t.name?e.value="overlay":"box"===t.name?e.value="box":"section"===t.name&&(e.value="section"),this.read()):this.clearSettings()}clearSettings(){this.inpX.value="",this.inpX_100.value="",this.inpX_200.value="",this.inpX_300.value="",this.inpX_400.value="",this.inpX_500.value="",this.inpX_600.value="",this.inpX_700.value="",this.inpX_800.value="",this.inpX_900.value="",this.inpX_900.value="",this.inpX_1000.value="",this.inpX_1100.value="",this.inpX_1200.value="",this.inpX_1300.value="",this.inpX_1400.value="",this.inpX_1500.value="",this.inpX_1600.value="",this.inpX_1700.value="",this.inpX_1800.value="",this.inpX_1900.value="",this.inpX_2000.value="",this.inpX_2100.value="",this.inpX_2200.value="",this.inpX_2300.value="",this.inpX_2400.value="",this.inpX_2500.value="",this.inpX_2600.value="",this.inpX_2700.value="",this.inpX_2800.value="",this.inpY.value="",this.inpY_100.value="",this.inpY_200.value="",this.inpY_300.value="",this.inpY_400.value="",this.inpY_500.value="",this.inpY_600.value="",this.inpY_700.value="",this.inpY_800.value="",this.inpY_900.value="",this.inpY_900.value="",this.inpY_1000.value="",this.inpY_1100.value="",this.inpY_1200.value="",this.inpY_1300.value="",this.inpY_1400.value="",this.inpY_1500.value="",this.inpY_1600.value="",this.inpY_1700.value="",this.inpY_1800.value="",this.inpY_1900.value="",this.inpY_2000.value="",this.inpY_2100.value="",this.inpY_2200.value="",this.inpY_2300.value="",this.inpY_2400.value="",this.inpY_2500.value="",this.inpY_2600.value="",this.inpY_2700.value="",this.inpY_2800.value="",this.inpScale.value="",this.inpScale_100.value="",this.inpScale_200.value="",this.inpScale_300.value="",this.inpScale_400.value="",this.inpScale_500.value="",this.inpScale_600.value="",this.inpScale_700.value="",this.inpScale_800.value="",this.inpScale_900.value="",this.inpScale_900.value="",this.inpScale_1000.value="",this.inpScale_1100.value="",this.inpScale_1200.value="",this.inpScale_1300.value="",this.inpScale_1400.value="",this.inpScale_1500.value="",this.inpScale_1600.value="",this.inpScale_1700.value="",this.inpScale_1800.value="",this.inpScale_1900.value="",this.inpScale_2000.value="",this.inpScale_2100.value="",this.inpScale_2200.value="",this.inpScale_2300.value="",this.inpScale_2400.value="",this.inpScale_2500.value="",this.inpScale_2600.value="",this.inpScale_2700.value="",this.inpScale_2800.value="",this.inpRotate.value="",this.inpRotate_100.value="",this.inpRotate_200.value="",this.inpRotate_300.value="",this.inpRotate_400.value="",this.inpRotate_500.value="",this.inpRotate_600.value="",this.inpRotate_700.value="",this.inpRotate_800.value="",this.inpRotate_900.value="",this.inpRotate_900.value="",this.inpRotate_1000.value="",this.inpRotate_1100.value="",this.inpRotate_1200.value="",this.inpRotate_1300.value="",this.inpRotate_1400.value="",this.inpRotate_1500.value="",this.inpRotate_1600.value="",this.inpRotate_1700.value="",this.inpRotate_1800.value="",this.inpRotate_1900.value="",this.inpRotate_2000.value="",this.inpRotate_2100.value="",this.inpRotate_2200.value="",this.inpRotate_2300.value="",this.inpRotate_2400.value="",this.inpRotate_2500.value="",this.inpRotate_2600.value="",this.inpRotate_2700.value="",this.inpRotate_2800.value="",this.inpOpacity.value="",this.inpOpacity_100.value="",this.inpOpacity_200.value="",this.inpOpacity_300.value="",this.inpOpacity_400.value="",this.inpOpacity_500.value="",this.inpOpacity_600.value="",this.inpOpacity_700.value="",this.inpOpacity_800.value="",this.inpOpacity_900.value="",this.inpOpacity_900.value="",this.inpOpacity_1000.value="",this.inpOpacity_1100.value="",this.inpOpacity_1200.value="",this.inpOpacity_1300.value="",this.inpOpacity_1400.value="",this.inpOpacity_1500.value="",this.inpOpacity_1600.value="",this.inpOpacity_1700.value="",this.inpOpacity_1800.value="",this.inpOpacity_1900.value="",this.inpOpacity_2000.value="",this.inpOpacity_2100.value="",this.inpOpacity_2200.value="",this.inpOpacity_2300.value="",this.inpOpacity_2400.value="",this.inpOpacity_2500.value="",this.inpOpacity_2600.value="",this.inpOpacity_2700.value="",this.inpOpacity_2800.value="";const e=this.builder.activeSection;if(e){const t=this.modalTimeline.querySelector(".div-pin-spacing"),i=this.modalTimeline.querySelector("#chkPinSection2");e.classList.contains("section-pin")?(i.checked=!0,t.style.display="flex"):(i.checked=!1,t.style.display="none");const n=this.modalTimeline.querySelector("#chkPinDesktopOnly");e.classList.contains("m-pin-off")?n.checked=!0:n.checked=!1;const o=this.modalTimeline.querySelector("#chkPinOverlap");if(e.classList.contains("pin-overlap")?o.checked=!0:(o.checked=!1,e.classList.contains("no-spacing")&&(o.checked=!0)),t.querySelectorAll(".cmd-pin-space").forEach((e=>{e.classList.remove("on")})),e.classList.contains("pin-space-lg")){t.querySelector('.cmd-pin-space[data-value="lg"]').classList.add("on")}else if(e.classList.contains("pin-space-xl")){t.querySelector('.cmd-pin-space[data-value="xl"]').classList.add("on")}else{t.querySelector('.cmd-pin-space[data-value="md"]').classList.add("on")}const s=this.modalTimeline.querySelector("#chkTimelineDisableOnMobile");e.classList.contains("m-skrollrr-off")?s.checked=!0:s.checked=!1}this.modalTimeline.querySelectorAll(".cmd-anim-origin").forEach((e=>{"center"===e.getAttribute("data-value")?e.classList.add("on"):e.classList.remove("on")}));this.modalTimeline.querySelector(".cmd-disable-smoothanim").classList.remove("on");this.modalTimeline.querySelector(".cmd-hidden-onstart").classList.remove("on")}read(){let e;if(this.clearSettings(),e=this.getTarget().element,!e)return;if(e.style.transformOrigin){let t=e.style.transformOrigin;"center center"===t&&(t="center");this.modalTimeline.querySelectorAll(".cmd-anim-origin").forEach((e=>{t===e.getAttribute("data-value")?e.classList.add("on"):e.classList.remove("on")}))}const t=this.modalTimeline.querySelector(".cmd-disable-smoothanim");e.hasAttribute("data-smooth-scrolling")?t.classList.add("on"):t.classList.remove("on");const i=this.modalTimeline.querySelector(".cmd-hidden-onstart");e.hasAttribute("data-hidden-onstart")?i.classList.add("on"):i.classList.remove("on");for(let t=0;t<=28;t++)this.fillValue(100*t,e)}fillValue(e,t){let i,n="";e>0&&(n="-"+e);let o=this.getDevice();i="xs"===o?t.getAttribute("data-xs-t"+n):"sm"===o?t.getAttribute("data-sm-t"+n):t.getAttribute("data-t"+n),this.dummyElm.style.cssText=i;let s=this.getTransform(this.dummyElm,i);s.translateX&&(this.modalTimeline.querySelector(".inp-x"+n).value=s.translateX.replace("px","")),s.translateY&&(this.modalTimeline.querySelector(".inp-y"+n).value=s.translateY.replace("px","")),s.scale&&(this.modalTimeline.querySelector(".inp-sc"+n).value=s.scale),s.rotate&&(this.modalTimeline.querySelector(".inp-rt"+n).value=s.rotate),s.opacity&&(this.modalTimeline.querySelector(".inp-op"+n).value=s.opacity)}applyTimeline(){let e,t,i,n,o,s,a,l,r,d,c,u,p,h,m,g,b,f,v,y,x,_,w,S,C,k,A,E,L,q,T,R,M,O,I,B,N,$,z,P,D,H,j,U,F,W,Y,G,X,V,K,Z,Q,J,ee,te,ie,ne,oe,se,ae,le,re,de,ce,ue,pe,he,me,ge,be,fe,ve,ye,xe,_e,we,Se,Ce,ke,Ae,Ee,Le,qe,Te,Re,Me,Oe,Ie,Be,Ne,$e,ze,Pe,De,He,je,Ue,Fe,We,Ye,Ge,Xe,Ve,Ke,Ze,Qe,Je,et,tt,it,nt,ot,st,at,lt,rt,dt,ct,ut,pt,ht,mt,gt,bt,ft,vt,yt,xt,_t,wt,St,Ct,kt,At,Et,Lt,qt,Tt,Rt,Mt,Ot,It,Bt,Nt,$t;if(e=this.getTarget().element,!e)return;""!==this.inpX.value&&(t=this.inpX.value+(-1!==this.inpX.value.indexOf("%")?"":"px")),""!==this.inpX_100.value&&(i=this.inpX_100.value+(-1!==this.inpX_100.value.indexOf("%")?"":"px")),""!==this.inpX_200.value&&(n=this.inpX_200.value+(-1!==this.inpX_200.value.indexOf("%")?"":"px")),""!==this.inpX_300.value&&(o=this.inpX_300.value+(-1!==this.inpX_300.value.indexOf("%")?"":"px")),""!==this.inpX_400.value&&(s=this.inpX_400.value+(-1!==this.inpX_400.value.indexOf("%")?"":"px")),""!==this.inpX_500.value&&(a=this.inpX_500.value+(-1!==this.inpX_500.value.indexOf("%")?"":"px")),""!==this.inpX_600.value&&(l=this.inpX_600.value+(-1!==this.inpX_600.value.indexOf("%")?"":"px")),""!==this.inpX_700.value&&(r=this.inpX_700.value+(-1!==this.inpX_700.value.indexOf("%")?"":"px")),""!==this.inpX_800.value&&(d=this.inpX_800.value+(-1!==this.inpX_800.value.indexOf("%")?"":"px")),""!==this.inpX_900.value&&(c=this.inpX_900.value+(-1!==this.inpX_900.value.indexOf("%")?"":"px")),""!==this.inpX_1000.value&&(u=this.inpX_1000.value+(-1!==this.inpX_1000.value.indexOf("%")?"":"px")),""!==this.inpX_1100.value&&(p=this.inpX_1100.value+(-1!==this.inpX_1100.value.indexOf("%")?"":"px")),""!==this.inpX_1200.value&&(h=this.inpX_1200.value+(-1!==this.inpX_1200.value.indexOf("%")?"":"px")),""!==this.inpX_1300.value&&(m=this.inpX_1300.value+(-1!==this.inpX_1300.value.indexOf("%")?"":"px")),""!==this.inpX_1400.value&&(g=this.inpX_1400.value+(-1!==this.inpX_1400.value.indexOf("%")?"":"px")),""!==this.inpX_1500.value&&(b=this.inpX_1500.value+(-1!==this.inpX_1500.value.indexOf("%")?"":"px")),""!==this.inpX_1600.value&&(f=this.inpX_1600.value+(-1!==this.inpX_1600.value.indexOf("%")?"":"px")),""!==this.inpX_1700.value&&(v=this.inpX_1700.value+(-1!==this.inpX_1700.value.indexOf("%")?"":"px")),""!==this.inpX_1800.value&&(y=this.inpX_1800.value+(-1!==this.inpX_1800.value.indexOf("%")?"":"px")),""!==this.inpX_1900.value&&(x=this.inpX_1900.value+(-1!==this.inpX_1900.value.indexOf("%")?"":"px")),""!==this.inpX_2000.value&&(_=this.inpX_2000.value+(-1!==this.inpX_2000.value.indexOf("%")?"":"px")),""!==this.inpX_2100.value&&(w=this.inpX_2100.value+(-1!==this.inpX_2100.value.indexOf("%")?"":"px")),""!==this.inpX_2200.value&&(S=this.inpX_2200.value+(-1!==this.inpX_2200.value.indexOf("%")?"":"px")),""!==this.inpX_2300.value&&(C=this.inpX_2300.value+(-1!==this.inpX_2300.value.indexOf("%")?"":"px")),""!==this.inpX_2400.value&&(k=this.inpX_2400.value+(-1!==this.inpX_2400.value.indexOf("%")?"":"px")),""!==this.inpX_2500.value&&(A=this.inpX_2500.value+(-1!==this.inpX_2500.value.indexOf("%")?"":"px")),""!==this.inpX_2600.value&&(E=this.inpX_2600.value+(-1!==this.inpX_2600.value.indexOf("%")?"":"px")),""!==this.inpX_2700.value&&(L=this.inpX_2700.value+(-1!==this.inpX_2700.value.indexOf("%")?"":"px")),""!==this.inpX_2800.value&&(q=this.inpX_2800.value+(-1!==this.inpX_2800.value.indexOf("%")?"":"px")),""!==this.inpY.value&&(T=this.inpY.value+(-1!==this.inpY.value.indexOf("%")?"":"px")),""!==this.inpY_100.value&&(R=this.inpY_100.value+(-1!==this.inpY_100.value.indexOf("%")?"":"px")),""!==this.inpY_200.value&&(M=this.inpY_200.value+(-1!==this.inpY_200.value.indexOf("%")?"":"px")),""!==this.inpY_300.value&&(O=this.inpY_300.value+(-1!==this.inpY_300.value.indexOf("%")?"":"px")),""!==this.inpY_400.value&&(I=this.inpY_400.value+(-1!==this.inpY_400.value.indexOf("%")?"":"px")),""!==this.inpY_500.value&&(B=this.inpY_500.value+(-1!==this.inpY_500.value.indexOf("%")?"":"px")),""!==this.inpY_600.value&&(N=this.inpY_600.value+(-1!==this.inpY_600.value.indexOf("%")?"":"px")),""!==this.inpY_700.value&&($=this.inpY_700.value+(-1!==this.inpY_700.value.indexOf("%")?"":"px")),""!==this.inpY_800.value&&(z=this.inpY_800.value+(-1!==this.inpY_800.value.indexOf("%")?"":"px")),""!==this.inpY_900.value&&(P=this.inpY_900.value+(-1!==this.inpY_900.value.indexOf("%")?"":"px")),""!==this.inpY_1000.value&&(D=this.inpY_1000.value+(-1!==this.inpY_1000.value.indexOf("%")?"":"px")),""!==this.inpY_1100.value&&(H=this.inpY_1100.value+(-1!==this.inpY_1100.value.indexOf("%")?"":"px")),""!==this.inpY_1200.value&&(j=this.inpY_1200.value+(-1!==this.inpY_1200.value.indexOf("%")?"":"px")),""!==this.inpY_1300.value&&(U=this.inpY_1300.value+(-1!==this.inpY_1300.value.indexOf("%")?"":"px")),""!==this.inpY_1400.value&&(F=this.inpY_1400.value+(-1!==this.inpY_1400.value.indexOf("%")?"":"px")),""!==this.inpY_1500.value&&(W=this.inpY_1500.value+(-1!==this.inpY_1500.value.indexOf("%")?"":"px")),""!==this.inpY_1600.value&&(Y=this.inpY_1600.value+(-1!==this.inpY_1600.value.indexOf("%")?"":"px")),""!==this.inpY_1700.value&&(G=this.inpY_1700.value+(-1!==this.inpY_1700.value.indexOf("%")?"":"px")),""!==this.inpY_1800.value&&(X=this.inpY_1800.value+(-1!==this.inpY_1800.value.indexOf("%")?"":"px")),""!==this.inpY_1900.value&&(V=this.inpY_1900.value+(-1!==this.inpY_1900.value.indexOf("%")?"":"px")),""!==this.inpY_2000.value&&(K=this.inpY_2000.value+(-1!==this.inpY_2000.value.indexOf("%")?"":"px")),""!==this.inpY_2100.value&&(Z=this.inpY_2100.value+(-1!==this.inpY_2100.value.indexOf("%")?"":"px")),""!==this.inpY_2200.value&&(Q=this.inpY_2200.value+(-1!==this.inpY_2200.value.indexOf("%")?"":"px")),""!==this.inpY_2300.value&&(J=this.inpY_2300.value+(-1!==this.inpY_2300.value.indexOf("%")?"":"px")),""!==this.inpY_2400.value&&(ee=this.inpY_2400.value+(-1!==this.inpY_2400.value.indexOf("%")?"":"px")),""!==this.inpY_2500.value&&(te=this.inpY_2500.value+(-1!==this.inpY_2500.value.indexOf("%")?"":"px")),""!==this.inpY_2600.value&&(ie=this.inpY_2600.value+(-1!==this.inpY_2600.value.indexOf("%")?"":"px")),""!==this.inpY_2700.value&&(ne=this.inpY_2700.value+(-1!==this.inpY_2700.value.indexOf("%")?"":"px")),""!==this.inpY_2800.value&&(oe=this.inpY_2800.value+(-1!==this.inpY_2800.value.indexOf("%")?"":"px")),""!==this.inpScale.value&&(se=this.inpScale.value),""!==this.inpScale_100.value&&(ae=this.inpScale_100.value),""!==this.inpScale_200.value&&(le=this.inpScale_200.value),""!==this.inpScale_300.value&&(re=this.inpScale_300.value),""!==this.inpScale_400.value&&(de=this.inpScale_400.value),""!==this.inpScale_500.value&&(ce=this.inpScale_500.value),""!==this.inpScale_600.value&&(ue=this.inpScale_600.value),""!==this.inpScale_700.value&&(pe=this.inpScale_700.value),""!==this.inpScale_800.value&&(he=this.inpScale_800.value),""!==this.inpScale_900.value&&(me=this.inpScale_900.value),""!==this.inpScale_1000.value&&(ge=this.inpScale_1000.value),""!==this.inpScale_1100.value&&(be=this.inpScale_1100.value),""!==this.inpScale_1200.value&&(fe=this.inpScale_1200.value),""!==this.inpScale_1300.value&&(ve=this.inpScale_1300.value),""!==this.inpScale_1400.value&&(ye=this.inpScale_1400.value),""!==this.inpScale_1500.value&&(xe=this.inpScale_1500.value),""!==this.inpScale_1600.value&&(_e=this.inpScale_1600.value),""!==this.inpScale_1700.value&&(we=this.inpScale_1700.value),""!==this.inpScale_1800.value&&(Se=this.inpScale_1800.value),""!==this.inpScale_1900.value&&(Ce=this.inpScale_1900.value),""!==this.inpScale_2000.value&&(ke=this.inpScale_2000.value),""!==this.inpScale_2100.value&&(Ae=this.inpScale_2100.value),""!==this.inpScale_2200.value&&(Ee=this.inpScale_2200.value),""!==this.inpScale_2300.value&&(Le=this.inpScale_2300.value),""!==this.inpScale_2400.value&&(qe=this.inpScale_2400.value),""!==this.inpScale_2500.value&&(Te=this.inpScale_2500.value),""!==this.inpScale_2600.value&&(Re=this.inpScale_2600.value),""!==this.inpScale_2700.value&&(Me=this.inpScale_2700.value),""!==this.inpScale_2800.value&&(Oe=this.inpScale_2800.value),""!==this.inpRotate.value&&(Ie=this.inpRotate.value),""!==this.inpRotate_100.value&&(Be=this.inpRotate_100.value),""!==this.inpRotate_200.value&&(Ne=this.inpRotate_200.value),""!==this.inpRotate_300.value&&($e=this.inpRotate_300.value),""!==this.inpRotate_400.value&&(ze=this.inpRotate_400.value),""!==this.inpRotate_500.value&&(Pe=this.inpRotate_500.value),""!==this.inpRotate_600.value&&(De=this.inpRotate_600.value),""!==this.inpRotate_700.value&&(He=this.inpRotate_700.value),""!==this.inpRotate_800.value&&(je=this.inpRotate_800.value),""!==this.inpRotate_900.value&&(Ue=this.inpRotate_900.value),""!==this.inpRotate_1000.value&&(Fe=this.inpRotate_1000.value),""!==this.inpRotate_1100.value&&(We=this.inpRotate_1100.value),""!==this.inpRotate_1200.value&&(Ye=this.inpRotate_1200.value),""!==this.inpRotate_1300.value&&(Ge=this.inpRotate_1300.value),""!==this.inpRotate_1400.value&&(Xe=this.inpRotate_1400.value),""!==this.inpRotate_1500.value&&(Ve=this.inpRotate_1500.value),""!==this.inpRotate_1600.value&&(Ke=this.inpRotate_1600.value),""!==this.inpRotate_1700.value&&(Ze=this.inpRotate_1700.value),""!==this.inpRotate_1800.value&&(Qe=this.inpRotate_1800.value),""!==this.inpRotate_1900.value&&(Je=this.inpRotate_1900.value),""!==this.inpRotate_2000.value&&(et=this.inpRotate_2000.value),""!==this.inpRotate_2100.value&&(tt=this.inpRotate_2100.value),""!==this.inpRotate_2200.value&&(it=this.inpRotate_2200.value),""!==this.inpRotate_2300.value&&(nt=this.inpRotate_2300.value),""!==this.inpRotate_2400.value&&(ot=this.inpRotate_2400.value),""!==this.inpRotate_2500.value&&(st=this.inpRotate_2500.value),""!==this.inpRotate_2600.value&&(at=this.inpRotate_2600.value),""!==this.inpRotate_2700.value&&(lt=this.inpRotate_2700.value),""!==this.inpRotate_2800.value&&(rt=this.inpRotate_2800.value),""!==this.inpOpacity.value&&(dt=this.inpOpacity.value),""!==this.inpOpacity_100.value&&(ct=this.inpOpacity_100.value),""!==this.inpOpacity_200.value&&(ut=this.inpOpacity_200.value),""!==this.inpOpacity_300.value&&(pt=this.inpOpacity_300.value),""!==this.inpOpacity_400.value&&(ht=this.inpOpacity_400.value),""!==this.inpOpacity_500.value&&(mt=this.inpOpacity_500.value),""!==this.inpOpacity_600.value&&(gt=this.inpOpacity_600.value),""!==this.inpOpacity_700.value&&(bt=this.inpOpacity_700.value),""!==this.inpOpacity_800.value&&(ft=this.inpOpacity_800.value),""!==this.inpOpacity_900.value&&(vt=this.inpOpacity_900.value),""!==this.inpOpacity_1000.value&&(yt=this.inpOpacity_1000.value),""!==this.inpOpacity_1100.value&&(xt=this.inpOpacity_1100.value),""!==this.inpOpacity_1200.value&&(_t=this.inpOpacity_1200.value),""!==this.inpOpacity_1300.value&&(wt=this.inpOpacity_1300.value),""!==this.inpOpacity_1400.value&&(St=this.inpOpacity_1400.value),""!==this.inpOpacity_1500.value&&(Ct=this.inpOpacity_1500.value),""!==this.inpOpacity_1600.value&&(kt=this.inpOpacity_1600.value),""!==this.inpOpacity_1700.value&&(At=this.inpOpacity_1700.value),""!==this.inpOpacity_1800.value&&(Et=this.inpOpacity_1800.value),""!==this.inpOpacity_1900.value&&(Lt=this.inpOpacity_1900.value),""!==this.inpOpacity_2000.value&&(qt=this.inpOpacity_2000.value),""!==this.inpOpacity_2100.value&&(Tt=this.inpOpacity_2100.value),""!==this.inpOpacity_2200.value&&(Rt=this.inpOpacity_2200.value),""!==this.inpOpacity_2300.value&&(Mt=this.inpOpacity_2300.value),""!==this.inpOpacity_2400.value&&(Ot=this.inpOpacity_2400.value),""!==this.inpOpacity_2500.value&&(It=this.inpOpacity_2500.value),""!==this.inpOpacity_2600.value&&(Bt=this.inpOpacity_2600.value),""!==this.inpOpacity_2700.value&&(Nt=this.inpOpacity_2700.value),""!==this.inpOpacity_2800.value&&($t=this.inpOpacity_2800.value);let zt=(t?` translateX(${t})`:"")+(T?` translateY(${T})`:"")+(se?` scale(${se})`:"")+(Ie?` rotate(${Ie})`:"");zt=zt.trim();let Pt=(i?` translateX(${i})`:"")+(R?` translateY(${R})`:"")+(ae?` scale(${ae})`:"")+(Be?` rotate(${Be})`:"");Pt=Pt.trim();let Dt=(n?` translateX(${n})`:"")+(M?` translateY(${M})`:"")+(le?` scale(${le})`:"")+(Ne?` rotate(${Ne})`:"");Dt=Dt.trim();let Ht=(o?` translateX(${o})`:"")+(O?` translateY(${O})`:"")+(re?` scale(${re})`:"")+($e?` rotate(${$e})`:"");Ht=Ht.trim();let jt=(s?` translateX(${s})`:"")+(I?` translateY(${I})`:"")+(de?` scale(${de})`:"")+(ze?` rotate(${ze})`:"");jt=jt.trim();let Ut=(a?` translateX(${a})`:"")+(B?` translateY(${B})`:"")+(ce?` scale(${ce})`:"")+(Pe?` rotate(${Pe})`:"");Ut=Ut.trim();let Ft=(l?` translateX(${l})`:"")+(N?` translateY(${N})`:"")+(ue?` scale(${ue})`:"")+(De?` rotate(${De})`:"");Ft=Ft.trim();let Wt=(r?` translateX(${r})`:"")+($?` translateY(${$})`:"")+(pe?` scale(${pe})`:"")+(He?` rotate(${He})`:"");Wt=Wt.trim();let Yt=(d?` translateX(${d})`:"")+(z?` translateY(${z})`:"")+(he?` scale(${he})`:"")+(je?` rotate(${je})`:"");Yt=Yt.trim();let Gt=(c?` translateX(${c})`:"")+(P?` translateY(${P})`:"")+(me?` scale(${me})`:"")+(Ue?` rotate(${Ue})`:"");Gt=Gt.trim();let Xt=(u?` translateX(${u})`:"")+(D?` translateY(${D})`:"")+(ge?` scale(${ge})`:"")+(Fe?` rotate(${Fe})`:"");Xt=Xt.trim();let Vt=(p?` translateX(${p})`:"")+(H?` translateY(${H})`:"")+(be?` scale(${be})`:"")+(We?` rotate(${We})`:"");Vt=Vt.trim();let Kt=(h?` translateX(${h})`:"")+(j?` translateY(${j})`:"")+(fe?` scale(${fe})`:"")+(Ye?` rotate(${Ye})`:"");Kt=Kt.trim();let Zt=(m?` translateX(${m})`:"")+(U?` translateY(${U})`:"")+(ve?` scale(${ve})`:"")+(Ge?` rotate(${Ge})`:"");Zt=Zt.trim();let Qt=(g?` translateX(${g})`:"")+(F?` translateY(${F})`:"")+(ye?` scale(${ye})`:"")+(Xe?` rotate(${Xe})`:"");Qt=Qt.trim();let Jt=(b?` translateX(${b})`:"")+(W?` translateY(${W})`:"")+(xe?` scale(${xe})`:"")+(Ve?` rotate(${Ve})`:"");Jt=Jt.trim();let ei=(f?` translateX(${f})`:"")+(Y?` translateY(${Y})`:"")+(_e?` scale(${_e})`:"")+(Ke?` rotate(${Ke})`:"");ei=ei.trim();let ti=(v?` translateX(${v})`:"")+(G?` translateY(${G})`:"")+(we?` scale(${we})`:"")+(Ze?` rotate(${Ze})`:"");ti=ti.trim();let ii=(y?` translateX(${y})`:"")+(X?` translateY(${X})`:"")+(Se?` scale(${Se})`:"")+(Qe?` rotate(${Qe})`:"");ii=ii.trim();let ni=(x?` translateX(${x})`:"")+(V?` translateY(${V})`:"")+(Ce?` scale(${Ce})`:"")+(Je?` rotate(${Je})`:"");ni=ni.trim();let oi=(_?` translateX(${_})`:"")+(K?` translateY(${K})`:"")+(ke?` scale(${ke})`:"")+(et?` rotate(${et})`:"");oi=oi.trim();let si=(w?` translateX(${w})`:"")+(Z?` translateY(${Z})`:"")+(Ae?` scale(${Ae})`:"")+(tt?` rotate(${tt})`:"");si=si.trim();let ai=(S?` translateX(${S})`:"")+(Q?` translateY(${Q})`:"")+(Ee?` scale(${Ee})`:"")+(it?` rotate(${it})`:"");ai=ai.trim();let li=(C?` translateX(${C})`:"")+(J?` translateY(${J})`:"")+(Le?` scale(${Le})`:"")+(nt?` rotate(${nt})`:"");li=li.trim();let ri=(k?` translateX(${k})`:"")+(ee?` translateY(${ee})`:"")+(qe?` scale(${qe})`:"")+(ot?` rotate(${ot})`:"");ri=ri.trim();let di=(A?` translateX(${A})`:"")+(te?` translateY(${te})`:"")+(Te?` scale(${Te})`:"")+(st?` rotate(${st})`:"");di=di.trim();let ci=(E?` translateX(${E})`:"")+(ie?` translateY(${ie})`:"")+(Re?` scale(${Re})`:"")+(at?` rotate(${at})`:"");ci=ci.trim();let ui=(L?` translateX(${L})`:"")+(ne?` translateY(${ne})`:"")+(Me?` scale(${Me})`:"")+(lt?` rotate(${lt})`:"");ui=ui.trim();let pi=(q?` translateX(${q})`:"")+(oe?` translateY(${oe})`:"")+(Oe?` scale(${Oe})`:"")+(rt?` rotate(${rt})`:"");pi=pi.trim();let hi=(zt?"transform: "+zt+";":"")+(dt?`opacity:${dt}`:""),mi=(Pt?"transform: "+Pt+";":"")+(ct?`opacity:${ct}`:""),gi=(Dt?"transform: "+Dt+";":"")+(ut?`opacity:${ut}`:""),bi=(Ht?"transform: "+Ht+";":"")+(pt?`opacity:${pt}`:""),fi=(jt?"transform: "+jt+";":"")+(ht?`opacity:${ht}`:""),vi=(Ut?"transform: "+Ut+";":"")+(mt?`opacity:${mt}`:""),yi=(Ft?"transform: "+Ft+";":"")+(gt?`opacity:${gt}`:""),xi=(Wt?"transform: "+Wt+";":"")+(bt?`opacity:${bt}`:""),_i=(Yt?"transform: "+Yt+";":"")+(ft?`opacity:${ft}`:""),wi=(Gt?"transform: "+Gt+";":"")+(vt?`opacity:${vt}`:""),Si=(Xt?"transform: "+Xt+";":"")+(yt?`opacity:${yt}`:""),Ci=(Vt?"transform: "+Vt+";":"")+(xt?`opacity:${xt}`:""),ki=(Kt?"transform: "+Kt+";":"")+(_t?`opacity:${_t}`:""),Ai=(Zt?"transform: "+Zt+";":"")+(wt?`opacity:${wt}`:""),Ei=(Qt?"transform: "+Qt+";":"")+(St?`opacity:${St}`:""),Li=(Jt?"transform: "+Jt+";":"")+(Ct?`opacity:${Ct}`:""),qi=(ei?"transform: "+ei+";":"")+(kt?`opacity:${kt}`:""),Ti=(ti?"transform: "+ti+";":"")+(At?`opacity:${At}`:""),Ri=(ii?"transform: "+ii+";":"")+(Et?`opacity:${Et}`:""),Mi=(ni?"transform: "+ni+";":"")+(Lt?`opacity:${Lt}`:""),Oi=(oi?"transform: "+oi+";":"")+(qt?`opacity:${qt}`:""),Ii=(si?"transform: "+si+";":"")+(Tt?`opacity:${Tt}`:""),Bi=(ai?"transform: "+ai+";":"")+(Rt?`opacity:${Rt}`:""),Ni=(li?"transform: "+li+";":"")+(Mt?`opacity:${Mt}`:""),$i=(ri?"transform: "+ri+";":"")+(Ot?`opacity:${Ot}`:""),zi=(di?"transform: "+di+";":"")+(It?`opacity:${It}`:""),Pi=(ci?"transform: "+ci+";":"")+(Bt?`opacity:${Bt}`:""),Di=(ui?"transform: "+ui+";":"")+(Nt?`opacity:${Nt}`:""),Hi=(pi?"transform: "+pi+";":"")+($t?`opacity:${$t}`:"");this.builder.editor.saveForUndo();let ji=this.getDevice();"xs"===ji?(""!==hi?e.setAttribute("data-xs-t",hi):e.removeAttribute("data-xs-t"),""!==mi?e.setAttribute("data-xs-t-100",mi):e.removeAttribute("data-xs-t-100"),""!==gi?e.setAttribute("data-xs-t-200",gi):e.removeAttribute("data-xs-t-200"),""!==bi?e.setAttribute("data-xs-t-300",bi):e.removeAttribute("data-xs-t-300"),""!==fi?e.setAttribute("data-xs-t-400",fi):e.removeAttribute("data-xs-t-400"),""!==vi?e.setAttribute("data-xs-t-500",vi):e.removeAttribute("data-xs-t-500"),""!==yi?e.setAttribute("data-xs-t-600",yi):e.removeAttribute("data-xs-t-600"),""!==xi?e.setAttribute("data-xs-t-700",xi):e.removeAttribute("data-xs-t-700"),""!==_i?e.setAttribute("data-xs-t-800",_i):e.removeAttribute("data-xs-t-800"),""!==wi?e.setAttribute("data-xs-t-900",wi):e.removeAttribute("data-xs-t-900"),""!==Si?e.setAttribute("data-xs-t-1000",Si):e.removeAttribute("data-xs-t-1000"),""!==Ci?e.setAttribute("data-xs-t-1100",Ci):e.removeAttribute("data-xs-t-1100"),""!==ki?e.setAttribute("data-xs-t-1200",ki):e.removeAttribute("data-xs-t-1200"),""!==Ai?e.setAttribute("data-xs-t-1300",Ai):e.removeAttribute("data-xs-t-1300"),""!==Ei?e.setAttribute("data-xs-t-1400",Ei):e.removeAttribute("data-xs-t-1400"),""!==Li?e.setAttribute("data-xs-t-1500",Li):e.removeAttribute("data-xs-t-1500"),""!==qi?e.setAttribute("data-xs-t-1600",qi):e.removeAttribute("data-xs-t-1600"),""!==Ti?e.setAttribute("data-xs-t-1700",Ti):e.removeAttribute("data-xs-t-1700"),""!==Ri?e.setAttribute("data-xs-t-1800",Ri):e.removeAttribute("data-xs-t-1800"),""!==Mi?e.setAttribute("data-xs-t-1900",Mi):e.removeAttribute("data-xs-t-1900"),""!==Oi?e.setAttribute("data-xs-t-2000",Oi):e.removeAttribute("data-xs-t-2000"),""!==Ii?e.setAttribute("data-xs-t-2100",Ii):e.removeAttribute("data-xs-t-2100"),""!==Bi?e.setAttribute("data-xs-t-2200",Bi):e.removeAttribute("data-xs-t-2200"),""!==Ni?e.setAttribute("data-xs-t-2300",Ni):e.removeAttribute("data-xs-t-2300"),""!==$i?e.setAttribute("data-xs-t-2400",$i):e.removeAttribute("data-xs-t-2400"),""!==zi?e.setAttribute("data-xs-t-2500",zi):e.removeAttribute("data-xs-t-2500"),""!==Pi?e.setAttribute("data-xs-t-2600",Pi):e.removeAttribute("data-xs-t-2600"),""!==Di?e.setAttribute("data-xs-t-2700",Di):e.removeAttribute("data-xs-t-2700"),""!==Hi?e.setAttribute("data-xs-t-2800",Hi):e.removeAttribute("data-xs-t-2800")):"sm"===ji?(""!==hi?e.setAttribute("data-sm-t",hi):e.removeAttribute("data-sm-t"),""!==mi?e.setAttribute("data-sm-t-100",mi):e.removeAttribute("data-sm-t-100"),""!==gi?e.setAttribute("data-sm-t-200",gi):e.removeAttribute("data-sm-t-200"),""!==bi?e.setAttribute("data-sm-t-300",bi):e.removeAttribute("data-sm-t-300"),""!==fi?e.setAttribute("data-sm-t-400",fi):e.removeAttribute("data-sm-t-400"),""!==vi?e.setAttribute("data-sm-t-500",vi):e.removeAttribute("data-sm-t-500"),""!==yi?e.setAttribute("data-sm-t-600",yi):e.removeAttribute("data-sm-t-600"),""!==xi?e.setAttribute("data-sm-t-700",xi):e.removeAttribute("data-sm-t-700"),""!==_i?e.setAttribute("data-sm-t-800",_i):e.removeAttribute("data-sm-t-800"),""!==wi?e.setAttribute("data-sm-t-900",wi):e.removeAttribute("data-sm-t-900"),""!==Si?e.setAttribute("data-sm-t-1000",Si):e.removeAttribute("data-sm-t-1000"),""!==Ci?e.setAttribute("data-sm-t-1100",Ci):e.removeAttribute("data-sm-t-1100"),""!==ki?e.setAttribute("data-sm-t-1200",ki):e.removeAttribute("data-sm-t-1200"),""!==Ai?e.setAttribute("data-sm-t-1300",Ai):e.removeAttribute("data-sm-t-1300"),""!==Ei?e.setAttribute("data-sm-t-1400",Ei):e.removeAttribute("data-sm-t-1400"),""!==Li?e.setAttribute("data-sm-t-1500",Li):e.removeAttribute("data-sm-t-1500"),""!==qi?e.setAttribute("data-sm-t-1600",qi):e.removeAttribute("data-sm-t-1600"),""!==Ti?e.setAttribute("data-sm-t-1700",Ti):e.removeAttribute("data-sm-t-1700"),""!==Ri?e.setAttribute("data-sm-t-1800",Ri):e.removeAttribute("data-sm-t-1800"),""!==Mi?e.setAttribute("data-sm-t-1900",Mi):e.removeAttribute("data-sm-t-1900"),""!==Oi?e.setAttribute("data-sm-t-2000",Oi):e.removeAttribute("data-sm-t-2000"),""!==Ii?e.setAttribute("data-sm-t-2100",Ii):e.removeAttribute("data-sm-t-2100"),""!==Bi?e.setAttribute("data-sm-t-2200",Bi):e.removeAttribute("data-sm-t-2200"),""!==Ni?e.setAttribute("data-sm-t-2300",Ni):e.removeAttribute("data-sm-t-2300"),""!==$i?e.setAttribute("data-sm-t-2400",$i):e.removeAttribute("data-sm-t-2400"),""!==zi?e.setAttribute("data-sm-t-2500",zi):e.removeAttribute("data-sm-t-2500"),""!==Pi?e.setAttribute("data-sm-t-2600",Pi):e.removeAttribute("data-sm-t-2600"),""!==Di?e.setAttribute("data-sm-t-2700",Di):e.removeAttribute("data-sm-t-2700"),""!==Hi?e.setAttribute("data-sm-t-2800",Hi):e.removeAttribute("data-sm-t-2800")):(""!==hi?e.setAttribute("data-t",hi):e.removeAttribute("data-t"),""!==mi?e.setAttribute("data-t-100",mi):e.removeAttribute("data-t-100"),""!==gi?e.setAttribute("data-t-200",gi):e.removeAttribute("data-t-200"),""!==bi?e.setAttribute("data-t-300",bi):e.removeAttribute("data-t-300"),""!==fi?e.setAttribute("data-t-400",fi):e.removeAttribute("data-t-400"),""!==vi?e.setAttribute("data-t-500",vi):e.removeAttribute("data-t-500"),""!==yi?e.setAttribute("data-t-600",yi):e.removeAttribute("data-t-600"),""!==xi?e.setAttribute("data-t-700",xi):e.removeAttribute("data-t-700"),""!==_i?e.setAttribute("data-t-800",_i):e.removeAttribute("data-t-800"),""!==wi?e.setAttribute("data-t-900",wi):e.removeAttribute("data-t-900"),""!==Si?e.setAttribute("data-t-1000",Si):e.removeAttribute("data-t-1000"),""!==Ci?e.setAttribute("data-t-1100",Ci):e.removeAttribute("data-t-1100"),""!==ki?e.setAttribute("data-t-1200",ki):e.removeAttribute("data-t-1200"),""!==Ai?e.setAttribute("data-t-1300",Ai):e.removeAttribute("data-t-1300"),""!==Ei?e.setAttribute("data-t-1400",Ei):e.removeAttribute("data-t-1400"),""!==Li?e.setAttribute("data-t-1500",Li):e.removeAttribute("data-t-1500"),""!==qi?e.setAttribute("data-t-1600",qi):e.removeAttribute("data-t-1600"),""!==Ti?e.setAttribute("data-t-1700",Ti):e.removeAttribute("data-t-1700"),""!==Ri?e.setAttribute("data-t-1800",Ri):e.removeAttribute("data-t-1800"),""!==Mi?e.setAttribute("data-t-1900",Mi):e.removeAttribute("data-t-1900"),""!==Oi?e.setAttribute("data-t-2000",Oi):e.removeAttribute("data-t-2000"),""!==Ii?e.setAttribute("data-t-2100",Ii):e.removeAttribute("data-t-2100"),""!==Bi?e.setAttribute("data-t-2200",Bi):e.removeAttribute("data-t-2200"),""!==Ni?e.setAttribute("data-t-2300",Ni):e.removeAttribute("data-t-2300"),""!==$i?e.setAttribute("data-t-2400",$i):e.removeAttribute("data-t-2400"),""!==zi?e.setAttribute("data-t-2500",zi):e.removeAttribute("data-t-2500"),""!==Pi?e.setAttribute("data-t-2600",Pi):e.removeAttribute("data-t-2600"),""!==Di?e.setAttribute("data-t-2700",Di):e.removeAttribute("data-t-2700"),""!==Hi?e.setAttribute("data-t-2800",Hi):e.removeAttribute("data-t-2800")),e.style.transform="",e.style.transition="",e.style.opacity="",e.hasAttribute("data-xs-t")||e.hasAttribute("data-xs-t-100")||e.hasAttribute("data-xs-t-200")||e.hasAttribute("data-xs-t-300")||e.hasAttribute("data-xs-t-400")||e.hasAttribute("data-xs-t-500")||e.hasAttribute("data-xs-t-600")||e.hasAttribute("data-xs-t-700")||e.hasAttribute("data-xs-t-800")||e.hasAttribute("data-xs-t-900")||e.hasAttribute("data-xs-t-1000")||e.hasAttribute("data-xs-t-1100")||e.hasAttribute("data-xs-t-1200")||e.hasAttribute("data-xs-t-1300")||e.hasAttribute("data-xs-t-1400")||e.hasAttribute("data-xs-t-1500")||e.hasAttribute("data-xs-t-1600")||e.hasAttribute("data-xs-t-1700")||e.hasAttribute("data-xs-t-1800")||e.hasAttribute("data-xs-t-1900")||e.hasAttribute("data-xs-t-2000")||e.hasAttribute("data-xs-t-2100")||e.hasAttribute("data-xs-t-2200")||e.hasAttribute("data-xs-t-2300")||e.hasAttribute("data-xs-t-2400")||e.hasAttribute("data-xs-t-2500")||e.hasAttribute("data-xs-t-2600")||e.hasAttribute("data-xs-t-2700")||e.hasAttribute("data-xs-t-2800")?e.setAttribute("data-xs",""):e.removeAttribute("data-xs"),e.hasAttribute("data-sm-t")||e.hasAttribute("data-sm-t-100")||e.hasAttribute("data-sm-t-200")||e.hasAttribute("data-sm-t-300")||e.hasAttribute("data-sm-t-400")||e.hasAttribute("data-sm-t-500")||e.hasAttribute("data-sm-t-600")||e.hasAttribute("data-sm-t-700")||e.hasAttribute("data-sm-t-800")||e.hasAttribute("data-sm-t-900")||e.hasAttribute("data-sm-t-1000")||e.hasAttribute("data-sm-t-1100")||e.hasAttribute("data-sm-t-1200")||e.hasAttribute("data-sm-t-1300")||e.hasAttribute("data-sm-t-1400")||e.hasAttribute("data-sm-t-1500")||e.hasAttribute("data-sm-t-1600")||e.hasAttribute("data-sm-t-1700")||e.hasAttribute("data-sm-t-1800")||e.hasAttribute("data-sm-t-1900")||e.hasAttribute("data-sm-t-2000")||e.hasAttribute("data-sm-t-2100")||e.hasAttribute("data-sm-t-2200")||e.hasAttribute("data-sm-t-2300")||e.hasAttribute("data-sm-t-2400")||e.hasAttribute("data-sm-t-2500")||e.hasAttribute("data-sm-t-2600")||e.hasAttribute("data-sm-t-2700")||e.hasAttribute("data-sm-t-2800")?e.setAttribute("data-sm",""):e.removeAttribute("data-sm"),e.hasAttribute("data-md-t")||e.hasAttribute("data-md-t-100")||e.hasAttribute("data-md-t-200")||e.hasAttribute("data-md-t-300")||e.hasAttribute("data-md-t-400")||e.hasAttribute("data-md-t-500")||e.hasAttribute("data-md-t-600")||e.hasAttribute("data-md-t-700")||e.hasAttribute("data-md-t-800")||e.hasAttribute("data-md-t-900")||e.hasAttribute("data-md-t-1000")||e.hasAttribute("data-md-t-1100")||e.hasAttribute("data-md-t-1200")||e.hasAttribute("data-md-t-1300")||e.hasAttribute("data-md-t-1400")||e.hasAttribute("data-md-t-1500")||e.hasAttribute("data-md-t-1600")||e.hasAttribute("data-md-t-1700")||e.hasAttribute("data-md-t-1800")||e.hasAttribute("data-md-t-1900")||e.hasAttribute("data-md-t-2000")||e.hasAttribute("data-md-t-2100")||e.hasAttribute("data-md-t-2200")||e.hasAttribute("data-md-t-2300")||e.hasAttribute("data-md-t-2400")||e.hasAttribute("data-md-t-2500")||e.hasAttribute("data-md-t-2600")||e.hasAttribute("data-md-t-2700")||e.hasAttribute("data-md-t-2800")?e.setAttribute("data-md",""):e.removeAttribute("data-md"),e.hasAttribute("data-lg-t")||e.hasAttribute("data-lg-t-100")||e.hasAttribute("data-lg-t-200")||e.hasAttribute("data-lg-t-300")||e.hasAttribute("data-lg-t-400")||e.hasAttribute("data-lg-t-500")||e.hasAttribute("data-lg-t-600")||e.hasAttribute("data-lg-t-700")||e.hasAttribute("data-lg-t-800")||e.hasAttribute("data-lg-t-900")||e.hasAttribute("data-lg-t-1000")||e.hasAttribute("data-lg-t-1100")||e.hasAttribute("data-lg-t-1200")||e.hasAttribute("data-lg-t-1300")||e.hasAttribute("data-lg-t-1400")||e.hasAttribute("data-lg-t-1500")||e.hasAttribute("data-lg-t-1600")||e.hasAttribute("data-lg-t-1700")||e.hasAttribute("data-lg-t-1800")||e.hasAttribute("data-lg-t-1900")||e.hasAttribute("data-lg-t-2000")||e.hasAttribute("data-lg-t-2100")||e.hasAttribute("data-lg-t-2200")||e.hasAttribute("data-lg-t-2300")||e.hasAttribute("data-lg-t-2400")||e.hasAttribute("data-lg-t-2500")||e.hasAttribute("data-lg-t-2600")||e.hasAttribute("data-lg-t-2700")||e.hasAttribute("data-lg-t-2800")?e.setAttribute("data-lg",""):e.removeAttribute("data-lg"),e.hasAttribute("data-xl-t")||e.hasAttribute("data-xl-t-100")||e.hasAttribute("data-xl-t-200")||e.hasAttribute("data-xl-t-300")||e.hasAttribute("data-xl-t-400")||e.hasAttribute("data-xl-t-500")||e.hasAttribute("data-xl-t-600")||e.hasAttribute("data-xl-t-700")||e.hasAttribute("data-xl-t-800")||e.hasAttribute("data-xl-t-900")||e.hasAttribute("data-xl-t-1000")||e.hasAttribute("data-xl-t-1100")||e.hasAttribute("data-xl-t-1200")||e.hasAttribute("data-xl-t-1300")||e.hasAttribute("data-xl-t-1400")||e.hasAttribute("data-xl-t-1500")||e.hasAttribute("data-xl-t-1600")||e.hasAttribute("data-xl-t-1700")||e.hasAttribute("data-xl-t-1800")||e.hasAttribute("data-xl-t-1900")||e.hasAttribute("data-xl-t-2000")||e.hasAttribute("data-xl-t-2100")||e.hasAttribute("data-xl-t-2200")||e.hasAttribute("data-xl-t-2300")||e.hasAttribute("data-xl-t-2400")||e.hasAttribute("data-xl-t-2500")||e.hasAttribute("data-xl-t-2600")||e.hasAttribute("data-xl-t-2700")||e.hasAttribute("data-xl-t-2800")?e.setAttribute("data-xl",""):e.removeAttribute("data-xl");const Ui=this.modalTimeline.querySelector(".cmd-anim-origin.on");if(Ui){let t=Ui.getAttribute("data-value");e.style.transformOrigin=t}this.modalTimeline.querySelector(".cmd-disable-smoothanim").classList.contains("on")?e.setAttribute("data-smooth-scrolling","off"):e.removeAttribute("data-smooth-scrolling");this.modalTimeline.querySelector(".cmd-hidden-onstart").classList.contains("on")?e.setAttribute("data-hidden-onstart",""):e.removeAttribute("data-hidden-onstart"),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange()}cleanup(e,t){let i=this.getDevice();e.removeAttribute("data-hidden-onstart"),t?(e.removeAttribute("data-xs"),e.removeAttribute("data-xs-t"),e.removeAttribute("data-xs-t-100"),e.removeAttribute("data-xs-t-200"),e.removeAttribute("data-xs-t-300"),e.removeAttribute("data-xs-t-400"),e.removeAttribute("data-xs-t-500"),e.removeAttribute("data-xs-t-600"),e.removeAttribute("data-xs-t-700"),e.removeAttribute("data-xs-t-800"),e.removeAttribute("data-xs-t-900"),e.removeAttribute("data-xs-t-1000"),e.removeAttribute("data-xs-t-1100"),e.removeAttribute("data-xs-t-1200"),e.removeAttribute("data-xs-t-1300"),e.removeAttribute("data-xs-t-1400"),e.removeAttribute("data-xs-t-1500"),e.removeAttribute("data-xs-t-1600"),e.removeAttribute("data-xs-t-1700"),e.removeAttribute("data-xs-t-1800"),e.removeAttribute("data-xs-t-1900"),e.removeAttribute("data-xs-t-2000"),e.removeAttribute("data-xs-t-2100"),e.removeAttribute("data-xs-t-2200"),e.removeAttribute("data-xs-t-2300"),e.removeAttribute("data-xs-t-2400"),e.removeAttribute("data-xs-t-2500"),e.removeAttribute("data-xs-t-2600"),e.removeAttribute("data-xs-t-2700"),e.removeAttribute("data-xs-t-2800"),e.removeAttribute("data-sm"),e.removeAttribute("data-sm-t"),e.removeAttribute("data-sm-t-100"),e.removeAttribute("data-sm-t-200"),e.removeAttribute("data-sm-t-300"),e.removeAttribute("data-sm-t-400"),e.removeAttribute("data-sm-t-500"),e.removeAttribute("data-sm-t-600"),e.removeAttribute("data-sm-t-700"),e.removeAttribute("data-sm-t-800"),e.removeAttribute("data-sm-t-900"),e.removeAttribute("data-sm-t-1000"),e.removeAttribute("data-sm-t-1100"),e.removeAttribute("data-sm-t-1200"),e.removeAttribute("data-sm-t-1300"),e.removeAttribute("data-sm-t-1400"),e.removeAttribute("data-sm-t-1500"),e.removeAttribute("data-sm-t-1600"),e.removeAttribute("data-sm-t-1700"),e.removeAttribute("data-sm-t-1800"),e.removeAttribute("data-sm-t-1900"),e.removeAttribute("data-sm-t-2000"),e.removeAttribute("data-sm-t-2100"),e.removeAttribute("data-sm-t-2200"),e.removeAttribute("data-sm-t-2300"),e.removeAttribute("data-sm-t-2400"),e.removeAttribute("data-sm-t-2500"),e.removeAttribute("data-sm-t-2600"),e.removeAttribute("data-sm-t-2700"),e.removeAttribute("data-sm-t-2800"),e.removeAttribute("data-md"),e.removeAttribute("data-md-t"),e.removeAttribute("data-md-t-100"),e.removeAttribute("data-md-t-200"),e.removeAttribute("data-md-t-300"),e.removeAttribute("data-md-t-400"),e.removeAttribute("data-md-t-500"),e.removeAttribute("data-md-t-600"),e.removeAttribute("data-md-t-700"),e.removeAttribute("data-md-t-800"),e.removeAttribute("data-md-t-900"),e.removeAttribute("data-md-t-1000"),e.removeAttribute("data-md-t-1100"),e.removeAttribute("data-md-t-1200"),e.removeAttribute("data-md-t-1300"),e.removeAttribute("data-md-t-1400"),e.removeAttribute("data-md-t-1500"),e.removeAttribute("data-md-t-1600"),e.removeAttribute("data-md-t-1700"),e.removeAttribute("data-md-t-1800"),e.removeAttribute("data-md-t-1900"),e.removeAttribute("data-md-t-2000"),e.removeAttribute("data-md-t-2100"),e.removeAttribute("data-md-t-2200"),e.removeAttribute("data-md-t-2300"),e.removeAttribute("data-md-t-2400"),e.removeAttribute("data-md-t-2500"),e.removeAttribute("data-md-t-2600"),e.removeAttribute("data-md-t-2700"),e.removeAttribute("data-md-t-2800"),e.removeAttribute("data-t"),e.removeAttribute("data-t-100"),e.removeAttribute("data-t-200"),e.removeAttribute("data-t-300"),e.removeAttribute("data-t-400"),e.removeAttribute("data-t-500"),e.removeAttribute("data-t-600"),e.removeAttribute("data-t-700"),e.removeAttribute("data-t-800"),e.removeAttribute("data-t-900"),e.removeAttribute("data-t-1000"),e.removeAttribute("data-t-1100"),e.removeAttribute("data-t-1200"),e.removeAttribute("data-t-1300"),e.removeAttribute("data-t-1400"),e.removeAttribute("data-t-1500"),e.removeAttribute("data-t-1600"),e.removeAttribute("data-t-1700"),e.removeAttribute("data-t-1800"),e.removeAttribute("data-t-1900"),e.removeAttribute("data-t-2000"),e.removeAttribute("data-t-2100"),e.removeAttribute("data-t-2200"),e.removeAttribute("data-t-2300"),e.removeAttribute("data-t-2400"),e.removeAttribute("data-t-2500"),e.removeAttribute("data-t-2600"),e.removeAttribute("data-t-2700"),e.removeAttribute("data-t-2800")):"xs"===i?(e.removeAttribute("data-xs"),e.removeAttribute("data-xs-t"),e.removeAttribute("data-xs-t-100"),e.removeAttribute("data-xs-t-200"),e.removeAttribute("data-xs-t-300"),e.removeAttribute("data-xs-t-400"),e.removeAttribute("data-xs-t-500"),e.removeAttribute("data-xs-t-600"),e.removeAttribute("data-xs-t-700"),e.removeAttribute("data-xs-t-800"),e.removeAttribute("data-xs-t-900"),e.removeAttribute("data-xs-t-1000"),e.removeAttribute("data-xs-t-1100"),e.removeAttribute("data-xs-t-1200"),e.removeAttribute("data-xs-t-1300"),e.removeAttribute("data-xs-t-1400"),e.removeAttribute("data-xs-t-1500"),e.removeAttribute("data-xs-t-1600"),e.removeAttribute("data-xs-t-1700"),e.removeAttribute("data-xs-t-1800"),e.removeAttribute("data-xs-t-1900"),e.removeAttribute("data-xs-t-2000"),e.removeAttribute("data-xs-t-2100"),e.removeAttribute("data-xs-t-2200"),e.removeAttribute("data-xs-t-2300"),e.removeAttribute("data-xs-t-2400"),e.removeAttribute("data-xs-t-2500"),e.removeAttribute("data-xs-t-2600"),e.removeAttribute("data-xs-t-2700"),e.removeAttribute("data-xs-t-2800")):"sm"===i?(e.removeAttribute("data-sm"),e.removeAttribute("data-sm-t"),e.removeAttribute("data-sm-t-100"),e.removeAttribute("data-sm-t-200"),e.removeAttribute("data-sm-t-300"),e.removeAttribute("data-sm-t-400"),e.removeAttribute("data-sm-t-500"),e.removeAttribute("data-sm-t-600"),e.removeAttribute("data-sm-t-700"),e.removeAttribute("data-sm-t-800"),e.removeAttribute("data-sm-t-900"),e.removeAttribute("data-sm-t-1000"),e.removeAttribute("data-sm-t-1100"),e.removeAttribute("data-sm-t-1200"),e.removeAttribute("data-sm-t-1300"),e.removeAttribute("data-sm-t-1400"),e.removeAttribute("data-sm-t-1500"),e.removeAttribute("data-sm-t-1600"),e.removeAttribute("data-sm-t-1700"),e.removeAttribute("data-sm-t-1800"),e.removeAttribute("data-sm-t-1900"),e.removeAttribute("data-sm-t-2000"),e.removeAttribute("data-sm-t-2100"),e.removeAttribute("data-sm-t-2200"),e.removeAttribute("data-sm-t-2300"),e.removeAttribute("data-sm-t-2400"),e.removeAttribute("data-sm-t-2500"),e.removeAttribute("data-sm-t-2600"),e.removeAttribute("data-sm-t-2700"),e.removeAttribute("data-sm-t-2800")):"md"===i?(e.removeAttribute("data-md"),e.removeAttribute("data-md-t"),e.removeAttribute("data-md-t-100"),e.removeAttribute("data-md-t-200"),e.removeAttribute("data-md-t-300"),e.removeAttribute("data-md-t-400"),e.removeAttribute("data-md-t-500"),e.removeAttribute("data-md-t-600"),e.removeAttribute("data-md-t-700"),e.removeAttribute("data-md-t-800"),e.removeAttribute("data-md-t-900"),e.removeAttribute("data-md-t-1000"),e.removeAttribute("data-md-t-1100"),e.removeAttribute("data-md-t-1200"),e.removeAttribute("data-md-t-1300"),e.removeAttribute("data-md-t-1400"),e.removeAttribute("data-md-t-1500"),e.removeAttribute("data-md-t-1600"),e.removeAttribute("data-md-t-1700"),e.removeAttribute("data-md-t-1800"),e.removeAttribute("data-md-t-1900"),e.removeAttribute("data-md-t-2000"),e.removeAttribute("data-md-t-2100"),e.removeAttribute("data-md-t-2200"),e.removeAttribute("data-md-t-2300"),e.removeAttribute("data-md-t-2400"),e.removeAttribute("data-md-t-2500"),e.removeAttribute("data-md-t-2600"),e.removeAttribute("data-md-t-2700"),e.removeAttribute("data-md-t-2800")):(e.removeAttribute("data-t"),e.removeAttribute("data-t-100"),e.removeAttribute("data-t-200"),e.removeAttribute("data-t-300"),e.removeAttribute("data-t-400"),e.removeAttribute("data-t-500"),e.removeAttribute("data-t-600"),e.removeAttribute("data-t-700"),e.removeAttribute("data-t-800"),e.removeAttribute("data-t-900"),e.removeAttribute("data-t-1000"),e.removeAttribute("data-t-1100"),e.removeAttribute("data-t-1200"),e.removeAttribute("data-t-1300"),e.removeAttribute("data-t-1400"),e.removeAttribute("data-t-1500"),e.removeAttribute("data-t-1600"),e.removeAttribute("data-t-1700"),e.removeAttribute("data-t-1800"),e.removeAttribute("data-t-1900"),e.removeAttribute("data-t-2000"),e.removeAttribute("data-t-2100"),e.removeAttribute("data-t-2200"),e.removeAttribute("data-t-2300"),e.removeAttribute("data-t-2400"),e.removeAttribute("data-t-2500"),e.removeAttribute("data-t-2600"),e.removeAttribute("data-t-2700"),e.removeAttribute("data-t-2800")),this.builder.animateScroll.cleanup(e),this.builder.animateScroll.cleanup_leave(e),this.builder.animateScroll.cleanup_timeline(e)}getDevice(){return this.modalTimeline.querySelector(".input-device.on").getAttribute("data-value")}getTarget(){let e,t=this.modalTimeline.querySelector(".input-target").value;if("element"===t){let t=this.readTarget();t?("element"===t.name&&(e=this.builder.editor.activeElement),e="inspectedElement"===t.name?this.builder.editor.inspectedElement:this.builder.editor.activeElement):e=this.builder.editor.activeElement}if("column"===t&&(e=this.builder.editor.activeCol),"row"===t){let t=this.builder.editor.activeCol;t&&(e=t.parentNode)}if("container"===t){let t=this.builder.editor.activeCol;t&&(e=t.parentNode.parentNode)}if("overlay"===t){let t;const i=this.builder.doc.querySelector(".box-select");i&&(t=i.querySelector(".is-overlay")),t&&(e=t)}if("bg"===t){let t;const i=this.builder.doc.querySelector(".box-select");i&&(t=i.querySelector(".is-overlay-bg")),t&&(e=t)}if("box"===t){const t=this.builder.doc.querySelector(".box-select");t&&(e=t)}if("section"===t){const t=this.builder.doc.querySelector(".section-select");t&&(e=t)}return{element:e||!1,name:t||!1}}readTarget(e){if(!e){let e,t,i,n=this.builder.editor.inspectedElement;return n?(e=n.getAttribute("data-bottom-top"),e||(e=n.getAttribute("data-400-bottom")),e||(e=n.getAttribute("data-200-bottom")),e||(e=n.getAttribute("data--50-bottom")),t=n.getAttribute("data-top-bottom"),i=n.getAttribute("data-in"),i||(i=n.getAttribute("data-in-150")),i||(i=n.getAttribute("data-in-300")),i||(i=n.getAttribute("data-cen--150")),i||(i=n.getAttribute("data-cen")),i||(i=n.getAttribute("data-cen-150")),i||(i=n.getAttribute("data-out--300")),i||(i=n.getAttribute("data-out--150")),i||(i=n.getAttribute("data-out")),e||t||i||n.hasAttribute("data-t")||n.hasAttribute("data-t-100")||n.hasAttribute("data-t-200")||n.hasAttribute("data-t-300")||n.hasAttribute("data-t-400")||n.hasAttribute("data-t-500")||n.hasAttribute("data-t-600")||n.hasAttribute("data-t-700")||n.hasAttribute("data-t-800")||n.hasAttribute("data-t-900")||n.hasAttribute("data-t-1000")||n.hasAttribute("data-t-1100")||n.hasAttribute("data-t-1200")||n.hasAttribute("data-t-1300")||n.hasAttribute("data-t-1400")||n.hasAttribute("data-t-1500")||n.hasAttribute("data-t-1600")||n.hasAttribute("data-t-1700")||n.hasAttribute("data-t-1800")||n.hasAttribute("data-t-1900")||n.hasAttribute("data-t-2000")||n.hasAttribute("data-t-2100")||n.hasAttribute("data-t-2200")||n.hasAttribute("data-t-2300")||n.hasAttribute("data-t-2400")||n.hasAttribute("data-t-2500")||n.hasAttribute("data-t-2600")||n.hasAttribute("data-t-2700")||n.hasAttribute("data-t-2800")?{element:n,name:"inspectedElement"}:this.readTarget("element")):this.readTarget("bg")}{let t,i,n,o;if("element"===e&&(t=this.builder.editor.activeElement),"column"===e&&(t=this.builder.editor.activeCol),"row"===e&&this.builder.editor.activeCol&&(t=this.builder.editor.activeCol.parentNode),"container"===e&&this.builder.editor.activeCol&&(t=this.builder.editor.activeCol.parentNode.parentNode),"bg"===e){let e;const i=this.builder.doc.querySelector(".box-select");i&&(e=i.querySelector(".is-overlay-bg")),e&&(t=e)}if("overlay"===e){let e;const i=this.builder.doc.querySelector(".box-select");i&&(e=i.querySelector(".is-overlay")),e&&(t=e)}if("box"===e){const e=this.builder.doc.querySelector(".box-select");e&&(t=e)}if("section"===e){const e=this.builder.doc.querySelector(".section-select");e&&(t=e)}if(!t){if("element"===e)return this.readTarget("column");if("column"===e)return this.readTarget("row");if("row"===e)return this.readTarget("container");if("container"===e)return this.readTarget("bg");if("bg"===e)return this.readTarget("overlay");if("overlay"===e)return this.readTarget("box");if("box"===e)return this.readTarget("section");if("section"===e)return!1}if(i=t.getAttribute("data-bottom-top"),i||(i=t.getAttribute("data-400-bottom")),i||(i=t.getAttribute("data-200-bottom")),i||(i=t.getAttribute("data--50-bottom")),n=t.getAttribute("data-top-bottom"),o=t.getAttribute("data-in"),o||(o=t.getAttribute("data-in-150")),o||(o=t.getAttribute("data-in-300")),o||(o=t.getAttribute("data-cen--150")),o||(o=t.getAttribute("data-cen")),o||(o=t.getAttribute("data-cen-150")),o||(o=t.getAttribute("data-out--300")),o||(o=t.getAttribute("data-out--150")),o||(o=t.getAttribute("data-out")),i||n||o||t.hasAttribute("data-t")||t.hasAttribute("data-t-100")||t.hasAttribute("data-t-200")||t.hasAttribute("data-t-300")||t.hasAttribute("data-t-400")||t.hasAttribute("data-t-500")||t.hasAttribute("data-t-600")||t.hasAttribute("data-t-700")||t.hasAttribute("data-t-800")||t.hasAttribute("data-t-900")||t.hasAttribute("data-t-1000")||t.hasAttribute("data-t-1100")||t.hasAttribute("data-t-1200")||t.hasAttribute("data-t-1300")||t.hasAttribute("data-t-1400")||t.hasAttribute("data-t-1500")||t.hasAttribute("data-t-1600")||t.hasAttribute("data-t-1700")||t.hasAttribute("data-t-1800")||t.hasAttribute("data-t-1900")||t.hasAttribute("data-t-2000")||t.hasAttribute("data-t-2100")||t.hasAttribute("data-t-2200")||t.hasAttribute("data-t-2300")||t.hasAttribute("data-t-2400")||t.hasAttribute("data-t-2500")||t.hasAttribute("data-t-2600")||t.hasAttribute("data-t-2700")||t.hasAttribute("data-t-2800"))return{element:t,name:e};if("element"===e)return this.readTarget("column");if("column"===e)return this.readTarget("row");if("row"===e)return this.readTarget("container");if("container"===e)return this.readTarget("bg");if("bg"===e)return this.readTarget("overlay");if("overlay"===e)return this.readTarget("box");if("box"===e)return this.readTarget("section");if("section"===e)return!1}}getTransform(e,t){let i,n,o,s,a=this.parseComplexStyleProperty(t);a.translateX&&(i=a.translateX[0]),a.translateY&&(n=a.translateY[0]),a.scale&&(o=a.scale[0]),a.rotate&&(s=a.rotate[0]);let l=e.style.opacity;return{translateX:i||!1,translateY:n||!1,scale:o||!1,rotate:!!s&&s.replace("deg",""),opacity:l||!1}}parseComplexStyleProperty(e){for(var t,i=/(\w+)\((.+?)\)/g,n={};t=i.exec(e);)n[t[1]]=n[t[1]]?n[t[1]].concat([t[2]]):[t[2]];return n}edit(){this.builder.wrapperEl.classList.add("hard-select"),this.builder.activeBox&&this.builder.activeBox.classList.add("box-select"),this.builder.activeSection&&this.builder.activeSection.classList.add("section-select"),this.builder.sidebar.closeSidebar(),this.builder.animateScroll.modalAnimateScroll.classList.remove("active"),this.modalTimeline.classList.add("active"),this.builder.doc.body.classList.add("selection-only"),document.body.classList.add("selection-only");this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display="",localStorage.setItem("_timelinewindow","1")}close(){this.modalTimeline.classList.remove("active"),this.builder.doc.body.classList.remove("selection-only"),document.body.classList.remove("selection-only"),localStorage.removeItem("_timelinewindow")}}class xy{constructor(e){this.builder=e}getPageTemplate(e){let t="";return t=""===e?'\n            <!DOCTYPE html>\n            <html lang="en">\n            <head>\n                <meta charset="utf-8">\n                <title>Page</title>\n                <meta name="viewport" content="width=device-width, initial-scale=1">\n                <meta name="description" content="">\n                <link rel="shortcut icon" href="#">\n                \n                <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet"> \n                <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">\n    \n                [%MAINCSS%]\n                [%SECTIONCSS%]\n            </head>\n            <body style="touch-action: pan-y">\n                \n            <main id="main">\n                <div class="is-wrapper">\n                    [%CONTENT%]\n                </div>\n            </main>\n            \n            <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">\n            <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">\n            <script src="[%PATH%]/assets/scripts/glide/glide.js"><\/script>\n    \n            <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">\n            <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"><\/script>\n    \n            <script src="[%PATH%]/box/box-flex.js"><\/script>\n    \n            \x3c!-- Optional: if you want to add smooth scrolling --\x3e\n            <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"><\/script>\n            <script>\n            SmoothScroll({\n                frameRate: 150,\n                animationTime: 800,\n                stepSize: 120,\n                pulseAlgorithm: 1,\n                pulseScale: 4,\n                pulseNormalize: 1,\n                accelerationDelta: 300,\n                accelerationMax: 2,\n                keyboardSupport: 1,\n                arrowScroll: 50,\n                fixedBackground: 0\n            });\n            <\/script>\n            </body>\n            </html>\n            ':"tailwind"===e?'\n            <!DOCTYPE html>\n            <html lang="en">\n            <head>\n                <meta charset="utf-8">\n                <title>Page</title>\n                <meta name="viewport" content="width=device-width, initial-scale=1">\n                <meta name="description" content="">\n                <link rel="shortcut icon" href="#">\n                \n                <link href="[%PATH%]/assets/minimalist-blocks/content-tailwind.css" rel="stylesheet"> \n                <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">\n                <link href="[%PATH%]/assets/frameworks/tailwindcss/styles.css" rel="stylesheet"> \n\n                [%MAINCSS%]\n                [%SECTIONCSS%]\n            </head>\n            <body style="touch-action: pan-y">\n                \n            <main id="main">\n                <div class="is-wrapper">\n                    [%CONTENT%]\n                </div>\n            </main>\n            \n            <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">\n            <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">\n            <script src="[%PATH%]/assets/scripts/glide/glide.js"><\/script>\n\n            <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">\n            <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"><\/script>\n\n            <script src="[%PATH%]/box/box-flex.js"><\/script>\n\n            \x3c!-- Optional: if you want to add smooth scrolling --\x3e\n            <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"><\/script>\n            <script>\n            SmoothScroll({\n                frameRate: 150,\n                animationTime: 800,\n                stepSize: 120,\n                pulseAlgorithm: 1,\n                pulseScale: 4,\n                pulseNormalize: 1,\n                accelerationDelta: 300,\n                accelerationMax: 2,\n                keyboardSupport: 1,\n                arrowScroll: 50,\n                fixedBackground: 0\n            });\n            <\/script>\n            </body>\n            </html>\n            ':"bootstrap"===e?'\n            <!DOCTYPE html>\n            <html lang="en">\n            <head>\n                <meta charset="utf-8">\n                <title>Page</title>\n                <meta name="viewport" content="width=device-width, initial-scale=1">\n                <meta name="description" content="">\n                <link rel="shortcut icon" href="#">\n                \n                <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">       \n                <style>\n                    /* Bootstrap css adjustment to enable column drag to resize */\n                    .row > *,\n                    .column {\n                        max-width: unset !important;\n                    }\n                    /* To fix on <1440 (for example), with max-width unset, columns get flowing */\n                    @media (min-width: 768px) {\n                        .row {\n                            flex-wrap: nowrap;\n                        }\n                    }\n                </style>\n                \n                <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet"> \n                <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">\n                \n                [%MAINCSS%]\n                [%SECTIONCSS%]\n            </head>\n            <body style="touch-action: pan-y">\n                \n            <main id="main">\n                <div class="is-wrapper">\n                    [%CONTENT%]\n                </div>\n            </main>\n            \n            <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">\n            <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">\n            <script src="[%PATH%]/assets/scripts/glide/glide.js"><\/script>\n\n            <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">\n            <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"><\/script>\n\n            <script src="[%PATH%]/box/box-flex.js"><\/script>\n\n            \x3c!-- Optional: if you want to add smooth scrolling --\x3e\n            <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"><\/script>\n            <script>\n            SmoothScroll({\n                frameRate: 150,\n                animationTime: 800,\n                stepSize: 120,\n                pulseAlgorithm: 1,\n                pulseScale: 4,\n                pulseNormalize: 1,\n                accelerationDelta: 300,\n                accelerationMax: 2,\n                keyboardSupport: 1,\n                arrowScroll: 50,\n                fixedBackground: 0\n            });\n            <\/script>\n            </body>\n            </html>\n            ':"foundation"===e?'\n            <!DOCTYPE html>\n            <html lang="en">\n            <head>\n                <meta charset="utf-8">\n                <title>Page</title>\n                <meta name="viewport" content="width=device-width, initial-scale=1">\n                <meta name="description" content="">\n                <link rel="shortcut icon" href="#">\n\n                <link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation.min.css" rel="stylesheet" >\n                <link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation-float.min.css" rel="stylesheet" >     \n\n                <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet"> \n                <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">\n                \n                [%MAINCSS%]\n                [%SECTIONCSS%]\n            </head>\n            <body style="touch-action: pan-y">\n                \n            <main id="main">\n                <div class="is-wrapper">\n                    [%CONTENT%]\n                </div>\n            </main>\n            \n            <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">\n            <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">\n            <script src="[%PATH%]/assets/scripts/glide/glide.js"><\/script>\n\n            <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">\n            <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"><\/script>\n\n            <script src="[%PATH%]/box/box-flex.js"><\/script>\n\n            \x3c!-- Optional: if you want to add smooth scrolling --\x3e\n            <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"><\/script>\n            <script>\n            SmoothScroll({\n                frameRate: 150,\n                animationTime: 800,\n                stepSize: 120,\n                pulseAlgorithm: 1,\n                pulseScale: 4,\n                pulseNormalize: 1,\n                accelerationDelta: 300,\n                accelerationMax: 2,\n                keyboardSupport: 1,\n                arrowScroll: 50,\n                fixedBackground: 0\n            });\n            <\/script>\n            </body>\n            </html>\n            ':"[%CONTENT%]",t}}const _y={new_section_with_list:'\nTo create a section with a list:\n- Use the example below as a template.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n- For 3 list items, use 3 columns in a row. For 2 or 4 list items, use 2 columns per row.\n    \nExample:\n\n<div class="is-section is-box is-section-100 box-autofit type-poppins-lekton">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 size-18 leading-12 is-content-1200">\n        <div class="row">\n            <div class="column">\n                <h2 class="font-medium size-60">Title here</h2>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-100"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <h3 class="size-28 font-normal">Point One</h3>\n                <div class="spacer height-20"></div>\n                <p>Paragraph content here</p>\n            </div>\n            <div class="column">\n                <h3 class="size-28 font-normal">Point Two</h3>\n                <div class="spacer height-20"></div>\n                <p>Paragraph content here</p>\n            </div>\n        </div>\n\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n\n        <div class="row">\n            <div class="column">\n                <h3 class="size-28 font-normal">Point Three</h3>\n                <div class="spacer height-20"></div>\n                <p>Paragraph content here</p>\n            </div>\n            <div class="column">\n                <h3 class="size-28 font-normal">Point Four</h3>\n                <div class="spacer height-20"></div>\n                <p>Paragraph content here</p>\n            </div>\n        </div>\n\n    </div>\n</div>\n\n',new_section_with_list_numbering:['\nTo create a section with a list and numbering:\n- Use the example below as a template.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n- For 3 list items, use 3 columns in a row. For 2 or 4 list items, use 2 columns per row.\n\nExample:\n\n<div class="is-section is-section-100 is-box type-poppins-lekton box-autofit">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 leading-13 size-19 is-content-1540">\n        <div class="row">\n            <div class="xs-hidden column">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column" style="width: 50%; flex: 0 0 auto;">\n                <h1 class="text-center tracking-tight size-50 leading-none">Title Here</h1>\n            </div>\n            <div class="xs-hidden column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-140"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column text-center">\n                <p class="size-32 font-medium">1.</p>\n                <h3 class="tracking-75 text-center size-21 font-normal">First Highlight</h3>\n                <p class="text-center">Experience the power of innovative designs.</p>\n            </div>\n            <div class="column">\n                <p class="size-32 font-medium text-center">2.</p>\n                <h3 class="tracking-75 text-center size-21 font-normal">Second Highlight</h3>\n                <p class="text-center">Discover the magic of exceptional creativity.</p>\n            </div>\n            <div class="column">\n                <p class="text-center size-32 font-medium">3.</p>\n                <h3 class="tracking-75 text-center size-21 font-normal">Third Highlight</h3>\n                <p class="text-center">Unleash your imagination with outstanding designs.</p>\n            </div>\n        </div>\n        <div class="row">\n            <div class="xs-hidden column">\n                <div class="spacer height-100"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','\nTo create a section with a list and numbering:\n- Use the example below as a template.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n- For 3 list items, use 3 columns in a row. For 2 or 4 list items, use 2 columns per row.\n\nExample:\n\n<div class="is-section is-section-100 is-box box-autofit type-poppins-lekton">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 is-content-1540 size-19 leading-13">\n        <div class="row">\n            <div class="column">\n                <h1 class="tracking-tight size-50 text-left">Title Here</h1>\n            </div>\n            <div class="xs-hidden column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-120"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <p class="size-76">01</p>\n                <div class="spacer height-20"></div>\n                <h3 class="size-24 leading-12 font-normal">First Highlight</h3>\n                <p>Experience the power of innovative designs.&nbsp;</p>\n            </div>\n            <div class="column">\n                <p class="size-76">02</p>\n                <div class="spacer height-20"></div>\n                <h3 class="size-24 leading-12 font-normal">Second Highlight</h3>\n                <p>Discover the magic of exceptional creativity.&nbsp;</p>\n            </div>\n            <div class="column">\n                <p class="size-76">03</p>\n                <div class="spacer height-20"></div>\n                <h3 class="size-24 leading-12 font-normal">Third Highlight</h3>\n                <p>Unleash your imagination with outstanding designs.&nbsp;</p>\n            </div>\n\n        </div>\n    </div>\n</div>\n\n'],new_section_with_list_icons:'\nTo create a section with list icons:\n- Use the example below as a template.\n- For 3 list items, use 3 columns in a row. For 2 or 4 list items, use 2 columns per row.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n        \nExample:\n\n<div class="is-section is-section-100 is-box type-poppins-lekton box-autofit">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 leading-13 size-19 is-content-1540">\n        <div class="row">\n            <div class="xs-hidden column">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column" style="width: 50%; flex: 0 0 auto;">\n                <h1 class="text-center tracking-tight size-50 leading-none">Title Here</h1>\n            </div>\n            <div class="xs-hidden column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-140"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="text-center">\n                    <i class="icon {{ICONCLASS}} size-32"></i>\n                </div>\n                <h3 class="tracking-75 text-center size-21 font-normal">Point One</h3>\n                <p class="text-center">Paragraph content here</p>\n            </div>\n            <div class="column">\n                <div class="text-center">\n                    <i class="icon {{ICONCLASS}} size-32"></i>\n                </div>\n                <h3 class="tracking-75 text-center size-21 font-normal">Point Two</h3>\n                <p class="text-center">Paragraph content here</p>\n            </div>\n            <div class="column">\n                <div class="text-center">\n                    <i class="icon {{ICONCLASS}} size-32"></i>\n                </div>\n                <h3 class="tracking-75 text-center size-21 font-normal">Point Three</h3>\n                <p class="text-center">Paragraph content here</p>\n            </div>\n        </div>\n    </div>\n</div>\n\n- Important: for icons, replace {{ICONCLASS}} with \'ion-checkmark\'.\n\n',new_section_with_list_images:'\nTo create a section with a list of photos or a photo gallery:\n- Use the example below as a template.\n- Images must use this image URL: \'{{_IMAGEURL}}\'. Replace the {{IMAGEURL}} with this URL.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n    \nExample:\n    \n<div class="is-section is-box is-section-100 box-autofit type-poppins-lekton">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 size-19 leading-13 content-pt-60 content-pb-60 is-content-1300">\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-100"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <h1 class="tracking-tight size-50 text-center">Title Here</h1>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-100"></div>\n            </div>\n        </div>\n        <div class="row relative sm-items-1">\n            <div class="column flex flex-col justify-center items-start py-2">\n                <h2 class="font-normal leading-none size-32">Item One</h2>\n\n                <p>At our web studio, we combine our passion for design, technology, and innovation to build stunning and functional websites that make your brand stand out in the digital world.</p>\n            </div>\n            <div class="column" style="width: 5%; flex: 0 0 auto;">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column" style="width: 53%; flex: 0 0 auto;">\n                <img src="{{IMAGEURL}}" alt="">\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-100"></div>\n            </div>\n        </div>\n        <div class="row relative sm-items-1">\n            <div class="column" style="width: 53%; flex: 0 0 auto;">\n                <img src="{{IMAGEURL}}" alt="">\n            </div>\n            <div class="column" style="width: 5%; flex: 0 0 auto;">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column flex flex-col justify-center items-start py-2" style="width: 41.9836%; flex: 0 0 auto;">\n                <h2 class="font-normal leading-none size-32">Item Two</h2>\n\n                <p>At our web studio, we combine our passion for design, technology, and innovation to build stunning and functional websites that make your brand stand out in the digital world.</p>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-100"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n- Important: for images, replace {{IMAGEURL}} with \'{{_IMAGEURL}}\'.\n\n',new_section_with_image:'\nTo create a section: \n- Use the example below as a template.\n- Images must use this image URL: \'{{_IMAGEURL}}\'. Replace the {{IMAGEURL}} with this URL.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="is-section is-box is-section-100 type-poppins box-autofit">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 is-content-1500 size-19 leading-13">\n        <div class="row relative sm-items-1">\n            <div class="column flex flex-col justify-center items-start py-2">\n                <h1 class="font-normal leading-none size-60">Empowering businesses with AI-integrated web solutions.</h1>\n                <div class="spacer height-40"></div>\n                <p>We are a full-stack web development studio that brings the power of Artificial Intelligence into our web solutions.</p>\n\n                <div class="spacer height-20"></div>\n\n                <div>\n                    <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mb-1 py-2 size-18 px-9 text-black leading-relaxed rounded-full border-transparent hover:border-transparent font-normal tracking-wide mt-3" title="" style="background-color: rgb(240, 240, 240);">Our Works</a>\n                    <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mb-1 py-2 size-18 px-9 border-current hover:border-current font-normal leading-relaxed rounded-full tracking-wide mt-3" title="">Get in Touch</a>\n                </div>\n            </div>\n            <div class="column" style="width: 5%; flex: 0 0 auto;">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column" style="width: 53%; flex: 0 0 auto;">\n                <img src="{{IMAGEURL}}" alt="">\n            </div>\n        </div>\n    </div>\n</div>\n\n- Important: for images, replace {{IMAGEURL}} with \'{{_IMAGEURL}}\'.\n\n',new_section_with_gallery:'\nTo create a section with a list of photos or a photo gallery:\n- Use the example below as a template.\n- Images must use this image URL: \'{{_IMAGEURL}}\'. Replace the {{IMAGEURL}} with this URL.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="is-section is-box is-section-100 box-autofit type-poppins-lekton">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 leading-13 is-content-1640 size-19">\n        <div class="row">\n            <div class="column">\n                <h1 class="font-light size-54 leading-none">We deliver extraordinary things.</h1>\n            </div>\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-100"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column"><img src="{{IMAGEURL}}" alt="" data-filename="img-024.jpg">\n                <p>Image Caption</p>\n            </div>\n            <div class="column"><img src="{{IMAGEURL}}" alt="" data-filename="img-083.jpg">\n                <p>Image Caption</p>\n            </div>\n            <div class="column"><img src="{{IMAGEURL}}" alt="" data-filename="img-190.jpg">\n                <p>Image Caption</p>\n            </div>\n        </div>\n    </div>\n</div>\n\n- Important: for images, replace {{IMAGEURL}} with \'{{_IMAGEURL}}\'.\n\n',new_section:['\nTo create a section: \n- Use the example below as a template.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="is-section is-box type-poppins box-autofit min-height-60 is-section-100">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 leading-13 size-19 is-content-800 is-content-left edge-x-2">\n        <div class="row">\n            <div class="column">\n                <h1 class="font-normal leading-11 size-64">A forward thinking studio delivering digital solutions that help your business.</h1>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-20"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-20"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n'],new_section_others:'\nTo create a section: \n- Use the example below as a template.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="is-section is-box type-poppins box-autofit min-height-60 is-section-100">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 leading-13 size-19 is-content-800 content-pt-50 content-pb-50">\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-100"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <h1 class="font-normal leading-11 size-64">A forward thinking studio delivering digital solutions that help your business.</h1>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n',new_section_article:['To create a section: \n- Use the example below as a template.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="is-section is-box type-poppins box-autofit min-height-60 is-section-100">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 leading-13 size-19 is-content-800 content-pt-50 content-pb-50">\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-100"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <h1 class="font-normal leading-11 size-64">Title here</h1>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n            </div>\n        </div>\n\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n\n        <div class="row">\n            <div class="column">\n                <h2 class="size-28 font-normal">Sub Topic Title here</h2>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-20"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n            </div>\n        </div>\n\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n    </div>\n</div>\n                \n'],new_section_article_with_image:['To create a section: \n- Use the example below as a template.\n- Images must use this image URL: \'{{_IMAGEURL}}\'. Replace the {{IMAGEURL}} with this URL.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="is-section is-box type-poppins box-autofit min-height-60 is-section-100">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 leading-13 size-19 is-content-800 content-pt-50 content-pb-50">\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-100"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <h1 class="font-normal leading-11 size-64">Title here</h1>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <img src="{{IMAGEURL}}" alt="">\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n\n        <div class="row">\n            <div class="column">\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n            </div>\n        </div>\n\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n\n        <div class="row">\n            <div class="column">\n                <h2 class="size-28 font-normal">Sub Topic Title here</h2>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-20"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n            </div>\n        </div>\n\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n- Important: for images, replace {{IMAGEURL}} with \'{{_IMAGEURL}}\'.\n\n','\nTo create a section: \n- Use the example below as a template.\n- Images must use this image URL: \'{{_IMAGEURL}}\'. Replace the {{IMAGEURL}} with this URL.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="is-section is-box type-poppins-lekton box-autofit min-height-60 is-section-100">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 leading-13 size-19 is-content-1100">\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <h1 class="font-normal leading-none size-60">A forward thinking studio delivering digital solutions that help your business<br></h1>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n            <div class="column" style="width: 75%; flex: 0 0 auto;"><img src="{{IMAGEURL}}" alt=""></div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column" style="width: 75%; flex: 0 0 auto;">\n                <p>Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s,\n                    when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\n            </div>\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n            <div class="column" style="width: 75%; flex: 0 0 auto;">\n                <h2 class="size-28 font-normal">Sub Topic 1</h2>\n                <div class="spacer height-20"></div>\n                <p>Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s,\n                    when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column" style="width: 75%; flex: 0 0 auto;">\n                <h2 class="size-28 font-normal">Sub Topic 2</h2>\n                <div class="spacer height-20"></div>\n                <p>Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s,\n                    when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\n            </div>\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n- Important: for images, replace {{IMAGEURL}} with \'{{_IMAGEURL}}\'.\n\n'],new_section_two_boxes:'\nTo create a section with 2 boxes: \n- Create one section with \'div.is-section\' element and add 2 \'div.is-box\' elements inside it.\n- Use the example below as a template.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample result:\n\n<div class="is-section is-section-100 type-poppins">\n    <div class="is-box is-box-6 box-autofit min-height-60">\n        <div class="is-overlay"></div>\n        <div class="is-container v2 leading-13 size-19 is-content-800">\n            <div class="row">\n                <div class="column">\n                    <h1 class="font-normal leading-none size-60">Title here</h1>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <div class="spacer height-40"></div>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class="is-box is-box-6 box-autofit min-height-60">\n        <div class="is-overlay"></div>\n        <div class="is-container v2 leading-13 size-19 is-content-800">\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <div class="spacer height-40"></div>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n',new_section_three_boxes:'\nTo create a section with 3 boxes: \n- Create 1 (one) section with \'div.is-section\' element and add 3 \'div.is-box\' elements inside it.\n- Use the example below as a template.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample result:\n\n<div class="is-section is-section-70 type-poppins">\n    <div class="is-box is-box-4 box-autofit min-height-60">\n        <div class="is-overlay"></div>\n        <div class="is-container v2 leading-13 size-19 is-content-800">\n            <div class="row">\n                <div class="column">\n                    <h1 class="font-normal leading-none size-60">Title here</h1>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <div class="spacer height-40"></div>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class="is-box is-box-4 box-autofit min-height-60">\n        <div class="is-overlay"></div>\n        <div class="is-container v2 leading-13 size-19 is-content-800">\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <div class="spacer height-40"></div>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class="is-box is-box-4 box-autofit min-height-60">\n        <div class="is-overlay"></div>\n        <div class="is-container v2 leading-13 size-19 is-content-800">\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <div class="spacer height-40"></div>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n',new_section_four_boxes:'To create a section with 4 boxes: \n- Create 1 (one) section with \'div.is-section\' element and add 4 \'div.is-box\' elements inside it.\n- Use the example below as a template.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample result:\n\n<div class="is-section is-section-70 type-poppins">\n    <div class="is-box is-box-3 box-autofit min-height-60">\n        <div class="is-overlay"></div>\n        <div class="is-container v2 leading-13 size-19 is-content-800">\n            <div class="row">\n                <div class="column">\n                    <h1 class="font-normal leading-none size-60">Title here</h1>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <div class="spacer height-40"></div>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class="is-box is-box-3 box-autofit min-height-60">\n        <div class="is-overlay"></div>\n        <div class="is-container v2 leading-13 size-19 is-content-800">\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <div class="spacer height-40"></div>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class="is-box is-box-3 box-autofit min-height-60">\n        <div class="is-overlay"></div>\n        <div class="is-container v2 leading-13 size-19 is-content-800">\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <div class="spacer height-40"></div>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class="is-box is-box-3 box-autofit min-height-60">\n        <div class="is-overlay"></div>\n        <div class="is-container v2 leading-13 size-19 is-content-800">\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <div class="spacer height-40"></div>\n                </div>\n            </div>\n            <div class="row">\n                <div class="column">\n                    <p>{{CONTENT}}</p>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n',redesign_layout2:['To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'leading-09 size-116 font-extrabold\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-poppins-lekton min-height-60">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 is-content-1400 size-19 leading-13 content-pt-60 content-pb-60">\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column" style="width: 60%; flex: 0 0 auto;">\n                <h1 class="leading-09 size-116 font-extrabold">{{Place title here}}</h1>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column" style="width: 65%; flex: 0 0 auto;">\n                <p>{{CONTENT}}</p>\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column" style="width: 65%; flex: 0 0 auto;">\n                <p>{{CONTENT}}</p>\n            </div>\n        </div>\n    </div>\n</div>\n\nImportant: include all images from the original section in the returned result!\n    \n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'tracking-tight leading-09 size-120 font-normal\'.\n    \nThis is the template:\n    \n<div class="is-section is-box is-section-100 type-heebo-ibmplexmono box-autofit min-height-70">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 leading-14 size-19 content-pt-60 content-pb-60 is-content-1200">\n        <div class="row">\n            <div class="column">\n                <h1 class="tracking-tight leading-09 size-120 font-normal">{{Place title here}}</h1>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <p>{{CONTENT}}</p>\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column">\n                <p>{{CONTENT}}</p>\n            </div>\n            <div class="column">\n                <p>{{CONTENT}}</p>\n            </div>\n        </div>\n    </div>\n</div>\n\nImportant: include all images from the original section in the returned result!\n\n'],redesign_layout:['To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-54 font-medium leading-none\'.\n        \nThis is the template:\n\n<div class="is-section is-box is-section-100 box-autofit min-height-70 type-poppins">\n    <div class="is-overlay" style="background-color: rgb(255, 255, 255);">\n    </div>\n    <div class="is-container v2 leading-14 content-py-40 is-content-1100 size-18">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-116 font-extrabold leading-09\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-poppins-lekton min-height-60">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 is-content-1740 size-19 leading-13">\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must change the title class with \'size-76 font-normal leading-none\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-poppins-lekton min-height-60">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 is-content-1100 size-18 leading-13 content-py-40">\n        <div class="row clearfix">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row clearfix">\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n        <div class="row clearfix">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'uppercase size-72 font-semibold leading-09\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-raleway-lato box-autofit min-height-70">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 h-full flex flex-col justify-between size-19 leading-none content-py-50 is-content-1000">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-96 font-normal leading-none\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-alegreya-lato min-height-60">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 leading-13 size-19 is-content-1600">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'text-left size-64 font-medium leading-none tracking-tight\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-montserrat-roboto is-content-top edge-y-1 min-height-60">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 size-18 leading-12 is-content-1200 is-content-left edge-x-1">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n                <p style="border-bottom: 2px solid #333; width: 80px;"></p>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-88 font-medium leading-09\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-poppins box-autofit min-height-70">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 is-content-1300 size-18 leading-13">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-68 font-normal leading-09 racking-tighter\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-frankruhllibre-lato box-autofit min-height-70">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 is-content-1200 leading-12 content-py-40 size-19">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-68 font-normal leading-none tracking-tighter\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 min-height-60 type-alegreyasanssc-hind">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 is-content-1000 content-py-40 size-19 leading-12">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-120"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-76 font-normal leading-09\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-oranienbaum-sourcesanspro box-autofit">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 size-17 is-content-1000 leading-12">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'uppercase size-84 font-normal leading-09\'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-anonymouspro-catamaran box-autofit min-height-70">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 h-full flex flex-col justify-between size-19 leading-none content-py-50 is-content-1000">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n'],change_layout_of_box:['To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-54 font-medium leading-none\'.\n\nThis is the template:\n\n<div class="is-box type-poppins box-auto min-height-70">\n    <div class="is-overlay" style="background-color: rgb(255, 255, 255);">\n    </div>\n    <div class="is-container v2 leading-14 content-py-40 is-content-800 size-18">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-88 font-extrabold leading-09\'.\n\nThis is the template:\n\n<div class="is-box type-poppins-lekton box-auto min-height-60">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 is-content-900 size-19 leading-13">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-68 font-normal leading-none\'.\n\nThis is the template:\n\n<div class="is-box type-poppins-lekton box-auto min-height-60">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 is-content-1100 size-18 leading-13 content-py-40">\n        <div class="row clearfix">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row clearfix">\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n        <div class="row clearfix">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'uppercase size-68 font-semibold leading-none\'.\n\nThis is the template:\n\n<div class="is-box type-raleway-lato box-auto min-height-60">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 h-full flex flex-col justify-between size-19 leading-none content-py-50 is-content-900">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-68 font-normal leading-none\'.\n\nThis is the template:\n\n<div class="is-box type-alegreya-lato box-auto min-height-60">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 leading-13 size-19 is-content-860">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-120"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-64 font-medium leading-none tracking-tight\'.\n\nThis is the template:\n\n<div class="is-box type-montserrat-roboto box-auto min-height-60 is-content-top edge-y-1">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 size-18 leading-12 is-content-800 is-content-left edge-x-1">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n                <p style="border-bottom: 2px solid #333; width: 80px;"></p>\n            </div>\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-40"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-88 font-normal leading-09\'.\n\nThis is the template:\n\n<div class="is-box type-poppins box-auto min-height-60">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 is-content-860 size-18 leading-13">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-80"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-68 font-normal leading-09 tracking-tighter\'.\n\nThis is the template:\n\n<div class="is-box type-frankruhllibre-lato box-auto min-height-60">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 is-content-860 leading-12 content-py-40 size-19">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-120"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-68 font-normal leading-none tracking-tighter\'.\n\nThis is the template:\n\n<div class="is-box type-alegreyasanssc-hind box-auto min-height-60">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 is-content-860 content-py-40 size-19 leading-12">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-120"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'size-76 font-normal leading-09\'.\n\nThis is the template:\n\n<div class="is-box type-oranienbaum-sourcesanspro box-auto min-height-60 is-content-top edge-y-1">\n    <div class="is-overlay"></div>\n    <div class="is-container v2 size-17 is-content-860 leading-12 is-content-left edge-x-1">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n    </div>\n</div>\n\n','To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with \'uppercase size-84 font-normal leading-09\'.\n\nThis is the template:\n\n<div class="is-box type-anonymouspro-catamaran box-auto min-height-70">\n    <div class="is-overlay">\n    </div>\n    <div class="is-container v2 size-19 leading-none content-py-50 is-content-700">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>\n\n'],update_section_with_image:'To add a headline or paragraph and an image, follow these steps:\n- Create the necessary rows and columns.\n- Use the example below as a template.\n- Images must use this image URL: \'{{_IMAGEURL}}\'. Replace the {{IMAGEURL}} with this URL.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="row relative sm-items-1">\n    <div class="column flex flex-col justify-center items-start py-2">\n        <h1 class="font-normal leading-none size-60">Empowering businesses with AI-integrated web solutions.</h1>\n        <div class="spacer height-40"></div>\n        <p>We are a full-stack web development studio that brings the power of Artificial Intelligence into our web solutions.</p>\n    </div>\n    <div class="column" style="width: 5%; flex: 0 0 auto;">\n        <div class="spacer height-60"></div>\n    </div>\n    <div class="column" style="width: 53%; flex: 0 0 auto;">\n        <img src="{{IMAGEURL}}" alt="">\n    </div>\n</div>\n\n- Important: for images, replace {{IMAGEURL}} with \'{{_IMAGEURL}}\'.\n\n',update_section_with_gallery:'To add a list of photos or a photo gallery, follow these steps:\n- Create the necessary rows and columns.\n- Use the example below as a template.\n- Images must use this image URL: \'{{_IMAGEURL}}\'. Replace the {{IMAGEURL}} with this URL.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample :\n\n<div class="row">\n    <div class="column">\n        <h1 class="font-light size-54 leading-none">We deliver extraordinary things.</h1>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column"><img src="{{IMAGEURL}}" alt="" data-filename="img-024.jpg">\n        <p>Image Caption</p>\n    </div>\n    <div class="column"><img src="{{IMAGEURL}}" alt="" data-filename="img-083.jpg">\n        <p>Image Caption</p>\n    </div>\n    <div class="column"><img src="{{IMAGEURL}}" alt="" data-filename="img-190.jpg">\n        <p>Image Caption</p>\n    </div>\n</div>\n\n- Important: for images, replace {{IMAGEURL}} with \'{{_IMAGEURL}}\'.\n\n',update_section_with_list:'To add a list, follow these steps:\n- Create the necessary rows and columns.\n- Use the example below as a template.\n- For 3 list items, use 3 columns in a row. For 2 or 4 list items, use 2 columns per row.\n- Each list item has <h3> as item title. Use example below.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="row">\n    <div class="column">\n        <h2 class="font-medium size-60">List Title</h2>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <h3 class="size-28 font-normal">List Item 1</h3>\n        <div class="spacer height-20"></div>\n        <p>Experience the power and flexibility of our innovative cloud solutions that can transform your business.\n            With our expertise, you can stay one step ahead of your competition in a rapidly changing digital landscape.</p>\n    </div>\n    <div class="column">\n        <h3 class="size-28 font-normal">List Item 2</h3>\n        <div class="spacer height-20"></div>\n        <p>Leave your IT operations to us and focus on what really matters - your core business.\n            Our managed IT services enable you to optimize your technology infrastructure and improve efficiency,\n            ensuring smooth operations and maximum productivity.</p>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-40"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <h3 class="size-28 font-normal">List Item 3</h3>\n        <div class="spacer height-20"></div>\n        <p>No matter the size of your organization, we have the network solutions you need to optimize your connectivity\n            and ensure reliable and secure communication. Our experts will design and implement a tailored network infrastructure,\n            keeping your business connected and functioning seamlessly.</p>\n    </div>\n    <div class="column">\n        <h3 class="size-28 font-normal">List Item 4</h3>\n        <div class="spacer height-20"></div>\n        <p>Our support and consulting services are designed to provide you with the expertise and guidance you need\n            to overcome any technology challenges you may face. From troubleshooting to strategic planning,\n            our team of professionals is here to assist you every step of the way.</p>\n    </div>\n</div>\n\n',update_section_with_list_images:'To add a list with images, follow these steps:\n- Create the necessary rows and columns.\n- Use the example below as a template.\n- Images must use this image URL: \'{{_IMAGEURL}}\'. Replace the {{IMAGEURL}} with this URL.\n- Each list item has <h3> as item title.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n    \nExample result (Use it as the template):\n    \n<div class="row">\n    <div class="column">\n        <div class="spacer height-100"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <h2 class="tracking-tight size-50 text-center">Title Here</h2>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-100"></div>\n    </div>\n</div>\n<div class="row relative sm-items-1">\n    <div class="column flex flex-col justify-center items-start py-2">\n        <h3 class="font-normal leading-none size-32">Item One</h3>\n\n        <p>At our web studio, we combine our passion for design, technology, and innovation to build stunning and functional websites that make your brand stand out in the digital world.</p>\n    </div>\n    <div class="column" style="width: 5%; flex: 0 0 auto;">\n        <div class="spacer height-60"></div>\n    </div>\n    <div class="column" style="width: 53%; flex: 0 0 auto;">\n        <img src="{{IMAGEURL}}" alt="">\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-100"></div>\n    </div>\n</div>\n<div class="row relative sm-items-1">\n    <div class="column" style="width: 53%; flex: 0 0 auto;">\n        <img src="{{IMAGEURL}}" alt="">\n    </div>\n    <div class="column" style="width: 5%; flex: 0 0 auto;">\n        <div class="spacer height-60"></div>\n    </div>\n    <div class="column flex flex-col justify-center items-start py-2" style="width: 41.9836%; flex: 0 0 auto;">\n        <h3 class="font-normal leading-none size-32">Item Two</h3>\n\n        <p>At our web studio, we combine our passion for design, technology, and innovation to build stunning and functional websites that make your brand stand out in the digital world.</p>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-100"></div>\n    </div>\n</div>\n\n- Important: for images, replace {{IMAGEURL}} with \'{{_IMAGEURL}}\'.\n\n',update_section_with_list_icons:'To add a list with icons, follow these steps:\n- Create the necessary rows and columns.\n- For 3 list items, use 3 columns in a row. For 2 or 4 list items, use 2 columns per row.\n- Use the example below as a template.\n- Each list item has <h3> as item title.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="row">\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <h1 class="text-center tracking-tight size-50 leading-none">Title Here</h1>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="text-center">\n            <i class="icon {{ICONCLASS}} size-32"></i>\n        </div>\n        <h3 class="tracking-75 text-center size-21 font-normal">Point One</h3>\n        <p class="text-center">Paragraph content here</p>\n    </div>\n    <div class="column">\n        <div class="text-center">\n            <i class="icon {{ICONCLASS}} size-32"></i>\n        </div>\n        <h3 class="tracking-75 text-center size-21 font-normal">Point Two</h3>\n        <p class="text-center">Paragraph content here</p>\n    </div>\n    <div class="column">\n        <div class="text-center">\n            <i class="icon {{ICONCLASS}} size-32"></i>\n        </div>\n        <h3 class="tracking-75 text-center size-21 font-normal">Point Three</h3>\n        <p class="text-center">Paragraph content here</p>\n    </div>\n</div>\n\n- Important: for icons, replace {{ICONCLASS}} with \'ion-checkmark\'.\n\n',update_section_with_list_numbering:['To add a list and numbering:\n- Create the required rows and column and add them inside the current \'div.is-container\'.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n- For 3 list items, use 3 columns in a row. For 2 or 4 list items, use 2 columns per row.\n\nExample:\n\n<div class="row">\n    <div class="xs-hidden column">\n        <div class="spacer height-60"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="xs-hidden column">\n        <div class="spacer height-60"></div>\n    </div>\n    <div class="column" style="width: 50%; flex: 0 0 auto;">\n        <h1 class="text-center tracking-tight size-50 leading-none">Title Here</h1>\n    </div>\n    <div class="xs-hidden column">\n        <div class="spacer height-60"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-140"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column text-center">\n        <p class="size-32 font-medium">1.</p>\n        <h3 class="tracking-75 text-center size-21 font-normal">First Highlight</h3>\n        <p class="text-center">Experience the power of innovative designs.</p>\n    </div>\n    <div class="column">\n        <p class="size-32 font-medium text-center">2.</p>\n        <h3 class="tracking-75 text-center size-21 font-normal">Second Highlight</h3>\n        <p class="text-center">Discover the magic of exceptional creativity.</p>\n    </div>\n    <div class="column">\n        <p class="text-center size-32 font-medium">3.</p>\n        <h3 class="tracking-75 text-center size-21 font-normal">Third Highlight</h3>\n        <p class="text-center">Unleash your imagination with outstanding designs.</p>\n    </div>\n</div>\n\n','To add a list and numbering:\n- Create the required rows and column and add them inside the current \'div.is-container\'.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n- For 3 list items, use 3 columns in a row. For 2 or 4 list items, use 2 columns per row.\n\nExample:\n\n<div class="row">\n    <div class="xs-hidden column">\n        <div class="spacer height-60"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <h1 class="tracking-tight size-50 text-left">Title Here</h1>\n    </div>\n    <div class="xs-hidden column">\n        <div class="spacer height-60"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-120"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <p class="size-76">01</p>\n        <div class="spacer height-20"></div>\n        <h3 class="size-24 leading-12 font-normal">First Highlight</h3>\n        <p>Experience the power of innovative designs.&nbsp;</p>\n    </div>\n    <div class="column">\n        <p class="size-76">02</p>\n        <div class="spacer height-20"></div>\n        <h3 class="size-24 leading-12 font-normal">Second Highlight</h3>\n        <p>Discover the magic of exceptional creativity.&nbsp;</p>\n    </div>\n    <div class="column">\n        <p class="size-76">03</p>\n        <div class="spacer height-20"></div>\n        <h3 class="size-24 leading-12 font-normal">Third Highlight</h3>\n        <p>Unleash your imagination with outstanding designs.&nbsp;</p>\n    </div>\n</div>\n<div class="row">\n    <div class="xs-hidden column">\n        <div class="spacer height-60"></div>\n    </div>\n</div>\n\n'],update_section_article_with_image:'To add an article: \n- Create the required rows and column and add them inside the current \'div.is-container\'.\n- Replace all the text in the example with well-written copy that aligns with the requested subject.\n\nExample:\n\n<div class="row">\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <h1 class="font-normal leading-none size-60">A forward thinking studio delivering digital solutions that help your business<br></h1>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n    <div class="column" style="width: 75%; flex: 0 0 auto;"><img src="{{IMAGEURL}}" alt=""></div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-60"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column" style="width: 75%; flex: 0 0 auto;">\n        <p>Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s,\n            when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\n    </div>\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-40"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n    <div class="column" style="width: 75%; flex: 0 0 auto;">\n        <h2 class="size-28 font-normal">Sub Topic 1</h2>\n        <div class="spacer height-20"></div>\n        <p>Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s,\n            when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-40"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column" style="width: 75%; flex: 0 0 auto;">\n        <h2 class="size-28 font-normal">Sub Topic 2</h2>\n        <div class="spacer height-20"></div>\n        <p>Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s,\n            when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\n    </div>\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-80"></div>\n    </div>\n</div>\n\n',text_size:"- To increase or decrease text/font size, use one of these classes:\n    - size-12\n    - size-13\n    - size-14\n    - size-15\n    - size-16\n    - size-17\n    - size-18\n    - size-19\n    - size-20\n    - size-21\n    - size-24\n    - size-28\n    - size-32\n    - size-35\n    - size-38\n    - size-42\n    - size-46\n    - size-48\n    - size-50\n    - size-54\n    - size-60\n    - size-64\n    - size-68\n    - size-72\n    - size-76\n    - size-80\n    - size-84\n    - size-88\n    - size-92\n    - size-96\n    - size-100\n    - size-104\n    - size-108\n    - size-112\n    - size-116\n    - size-120\n    - size-124\n    - size-128\n    - size-132\n    - size-136\n    - size-140\n    - size-144\n    - size-148\n    - size-152\n    - size-156\n    - size-160\n    - size-164\n    - size-168\n    - size-172\n    - size-176\n    - size-180\n    - size-184\n    - size-188\n    - size-192\n    - size-196\n    - size-200\n"};class wy{constructor(e){this.builder=e}getFunctions(){return[{name:"get_intent",description:"analyze user command to modify or create section/content",parameters:{type:"object",properties:{request_not_relate_with_current_content:{type:"boolean",description:"User request doesn't relate with the current content/section"},new_section:{type:"string",description:"User requests to add a new section (normal section, section with 2 or 3 columns).Possible values: new-section, new-section-2-columns, new-section-3-columns"},redesign_layout:{type:"boolean",description:"If redesigning the layout is requested."},change_text:{type:"boolean",description:"User explicitely requests to update text of the current content"},change_style:{type:"boolean",description:"If changing element style is requested."},change_font:{type:"boolean",description:"User requests to change font of the current section."},change_section_height:{type:"number",description:"Requested height (percentage) of the section. Possible value: 10, 15, 20, 25, 30, 40, 50, 60, 70, 75, 80, 85, 90, 100"},section_background:{type:"string",description:"User request to add or remove section background that can be a background image, video or slider. Possible value: image, video, slider, remove"},add_headline:{type:"boolean",description:"If requested to add a headline."},add_paragraph:{type:"boolean",description:"If requested to add a paragraph."},add_space:{type:"boolean",description:"If requested to add a space."},add_button:{type:"boolean",description:"If requested to add a button."},add_youtube:{type:"boolean",description:"If requested to add a youtube/vimeo video."},add_video:{type:"boolean",description:"If requested to add a video."},add_audio:{type:"boolean",description:"If requested to add an audio."},add_map:{type:"boolean",description:"If requested to add a google map."},add_code:{type:"boolean",description:"If requested to add a custom code block."},add_article:{type:"boolean",description:"If requested to add an article."},add_image:{type:"string",description:"User request to add image or gallery. Possible value: image, gallery"},add_list:{type:"boolean",description:"If requested to add a list (eg. features, benefits, or list of items to explain)."},add_list_with_image:{type:"boolean",description:"If requested to add a list with an image for each list item."},add_list_with_icon:{type:"boolean",description:"If requested to add a list with an icon."},add_list_with_number:{type:"boolean",description:"If requested to add a list with numbering."},change_content_dark:{type:"boolean",description:"If requested to change text/content color to dark/black."},change_content_light:{type:"boolean",description:"If requested to change text/content color to light/white."},align_individual_text:{type:"boolean",description:"If requested to align an individual text/element, such as a headline, a paragraph, buttons, etc to left, center or right"},align_whole_content:{type:"string",description:"User requests to align the whole text/content. Possible value: left, center or right"},move_content_left:{type:"boolean",description:"Move content to the left"},move_content_center:{type:"boolean",description:"Move content to the center"},move_content_right:{type:"boolean",description:"Move content to the right"},move_content_top:{type:"boolean",description:"Move content to the top"},move_content_bottom:{type:"boolean",description:"Move content to the bottom"},content_width:{type:"string",description:"User requests to increase or decrease content/container width. Possible value: increase, decrease"},line_height_paragraph:{type:"string",description:"User requests to increase/decrease the line height of the paragraph. Possible value: increase, decrease"},line_height_individual_text:{type:"boolean",description:"User requests to increase/decrease the line height of an individual text/element (eg. headline)."},font_size_paragraph:{type:"string",description:"User requests to increase/decrease the font size of the paragraph. Possible value: increase, decrease"},font_size_individual_text:{type:"boolean",description:"User requests to increase/decrease the font size of an individual text/element (eg. headline)."},animation:{type:"string",description:"User requests to add animation. Possible value: fade-in, slide-up, zoom-in, remove"},section_task:{type:"string",description:"User requests to move, duplicate, or delet section. Possible values: move-up, move-top, move-down, move-bottom, duplicate, remove"},new_section_two_boxes:{type:"boolean",description:"User requests to add a new section  with 2 boxes."},new_section_three_boxes:{type:"boolean",description:"User requests to add a new section  with 3 boxes."},new_section_four_boxes:{type:"boolean",description:"User requests to add a new section  with 4 boxes."}},required:["image","article"]}}]}processContent(e,t){if(!t||!e)return;if(!(e.move_content_left||e.move_content_center||e.move_content_right||e.move_content_top||e.move_content_bottom))return!1;if(e.align_individual_text||e.align_whole_content)return!1;let i=!1;(e.move_content_left||e.move_content_right)&&(i=!0);let n=!1;return(e.move_content_top||e.move_content_bottom)&&(n=!0),this.builder.editor.saveForUndo(),e.move_content_top&&!i?(this.builder.editor.lib.moveContent(t,"top"),this.builder.editor.lib.moveContent(t,"center")):e.move_content_bottom&&!i?(this.builder.editor.lib.moveContent(t,"bottom"),this.builder.editor.lib.moveContent(t,"center")):e.move_content_left&&!n?(this.builder.editor.lib.moveContent(t,"middle"),this.builder.editor.lib.moveContent(t,"left")):e.move_content_right&&!n?(this.builder.editor.lib.moveContent(t,"middle"),this.builder.editor.lib.moveContent(t,"right")):e.move_content_top&&e.move_content_left?(this.builder.editor.lib.moveContent(t,"top"),this.builder.editor.lib.moveContent(t,"left")):e.move_content_top&&e.move_content_center?(this.builder.editor.lib.moveContent(t,"top"),this.builder.editor.lib.moveContent(t,"center")):e.move_content_top&&e.move_content_right?(this.builder.editor.lib.moveContent(t,"top"),this.builder.editor.lib.moveContent(t,"right")):e.move_content_bottom&&e.move_content_left?(this.builder.editor.lib.moveContent(t,"bottom"),this.builder.editor.lib.moveContent(t,"left")):e.move_content_bottom&&e.move_content_center?(this.builder.editor.lib.moveContent(t,"bottom"),this.builder.editor.lib.moveContent(t,"center")):e.move_content_bottom&&e.move_content_right?(this.builder.editor.lib.moveContent(t,"bottom"),this.builder.editor.lib.moveContent(t,"right")):(e.move_content_center,this.builder.editor.lib.moveContent(t,"center"),this.builder.editor.lib.moveContent(t,"middle")),this.builder.settings.onChange(),!0}addElementContext(e,t){if(t.add_headline){e=e+"\n"+'- To add a headline:\n(1) Add a new row and columns separately from the other rows.\n(2) Add a space between the headline and the other content.\n(3) Use the example below as a template. \n\nExample:\n\n<div class="row">\n    <div class="column">\n        <h1 class="font-normal leading-11 size-64">Headline Text Here</h1>\n    </div>\n</div>\n<div class="row">\n    <div class="column">\n        <div class="spacer height-60"></div>\n    </div>\n</div>\n'}if(t.add_space){e=e+"\n"+"- To add a space, you must add 'div.spacer' element inside a column:\n\n<div class=\"spacer height-60\"></div\n\nIf requested to increase or decrease space, use one of these classes:\n    - height-40\n    - height-60\n    - height-80\n    - height-100\n    - height-120\n    - height-140\n    - height-160\n    - height-180\n    - height-200\n\n"}if(t.add_button){e=e+"\n"+'- To add a buttons, follow these steps:\n(1) Create the necessary rows and columns.\n(2) Use the example below as a template.\n\nButton Example:\n\n<div class="row">\n    <div class="column">\n        <div>\n            <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-18 px-9 text-black leading-relaxed rounded-full border-transparent hover:border-transparent font-normal tracking-wide" title="" style="background-color: rgb(240, 240, 240);">Our Works</a>\n            <a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-18 px-9 border-current hover:border-current font-normal leading-relaxed rounded-full tracking-wide" title="">Get in Touch</a>\n        </div>\n    </div>\n</div>\n'}if(t.add_youtube){let t=this.builder.media.youtube_videos;e=e+"\n"+`- To embed a YouTube or Vimeo video, wrap the <iframe> element in a <div> element with the classes 'embed-responsive' and 'embed-responsive-16by9' and add add it inside a column (Youtube and Vimeo links are case sensitive):\n<div class="embed-responsive embed-responsive-16by9">\n<iframe width="560" height="315" src="${this.chooseMedia(t)}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>\n</div>\n`}if(t.add_video){let t=this.builder.media.videos;e=e+"\n"+`- To embed a video (MP4), use the <video> element, specify the source using the <source> element and add it inside a column:\n<video style="width: 100%;" loop="" autoplay="">\n<source src="${this.chooseMedia(t)}" type="video/mp4">\n</video>\n`}if(t.add_audio){let t=this.builder.media.audios;e=e+"\n"+`- To embed an audio (MP3), wrap the <audio> element in a <div> with the default style and class as shown below and add it inside a column:\n<div style="width: 100%; position: relative; margin: 15px 0px; background: transparent;" class="flex">\n<audio controls="" style="width:100%">\n<source src="${this.chooseMedia(t)}" type="audio/mpeg">Your browser does not support the audio element.\n</audio>\n</div>\n`}if(t.add_map){e=e+"\n"+'- To embed a google map, wrap the <iframe> element in a <div> element with the classes \'embed-responsive\' and \'embed-responsive-16by9\' and add add it inside a column:\n<div class="embed-responsive embed-responsive-16by9">\n<iframe width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" class="mg1" src="https://maps.google.com/maps?q=Melbourne,+Victoria,+Australia&amp;hl=en&amp;sll=-7.981898,112.626504&amp;sspn=0.009084,0.016512&amp;oq=melbourne&amp;hnear=Melbourne+Victoria,+Australia&amp;t=m&amp;z=10&amp;output=embed"></iframe>\n</div>\n'}if(t.add_code){e=e+"\n"+"- To add a custom code, add a row and column with attributes 'data-noedit' and 'data-html', and place the custom code between \x3c!--CODESTART--\x3e and \x3c!--CODEEND--\x3e inside the column:\n<div class=\"row\">\n<div class=\"column\" data-noedit data-html>\n\x3c!--CODESTART--\x3e\nCustom Code here\n\x3c!--CODEEND--\x3e\n</div>\n</div>\n\n- Note that the column must be placed inside a row within 'div.is-container' element.\n\n"}if("image"===t.add_image&&!e.includes("{{IMAGEURL}}")){let t='- To add an image, follow these steps:\n(1) Create the necessary rows and column, or use the current column.\n(2) Add <img> element inside the column.\n(3) Use the example below as a template.\n(4) Images must use this image URL: \'{{_IMAGEURL}}\'. Replace the {{IMAGEURL}} with this URL.\n\nImage Example:\n\n<div class="row">\n    <div class="column">\n        <img src="{{IMAGEURL}}" alt="">\n    </div>\n</div>\n                \n- Important: for image, replace {{IMAGEURL}} with \'{{_IMAGEURL}}\'.\n\n';const i=this.builder.media.images.square,n=this.chooseMedia(i);t=t.replaceAll("{{_IMAGEURL}}",n),e=e+"\n"+t}if(t.change_section_height){e=e+"\n"+"- To specify section height, use one of these classes on 'div.is-section' element:\n    - is-section-10\n    - is-section-15\n    - is-section-20\n    - is-section-25\n    - is-section-30\n    - is-section-40\n    - is-section-50\n    - is-section-60\n    - is-section-70\n    - is-section-75\n    - is-section-80\n    - is-section-85\n    - is-section-90\n    - is-section-100 (section height 100%)\n    - is-section-auto (Autofit content)\n\n"}if(t.content_width){e=e+"\n"+"- To increase or decrease content/container width, use one of these classes on 'div.is-container' element:\n\n    - is-content-600\n    - is-content-700\n    - is-content-800\n    - is-content-900\n    - is-content-1000\n    - is-content-1100\n    - is-content-1200\n    - is-content-1300\n    - is-content-1400\n    - is-content-1500\n    - is-content-1600\n    - is-content-1800\n    - is-content-none (unset/full width)\n\n"}if(t.section_background&&"image"===t.section_background){e=e+"\n"+"- Background image must be added in 'div.is-overlay-bg' element inside 'div.is-overlay' element.\n\nExample:\n\n<div class=\"is-overlay\">\n    <div class=\"is-overlay-bg\" style=\"background-image: url('path/to/image.jpg'); background-position: 50% 60%;\"></div>\n</div>\n           \n"}if(t.section_background&&"slider"===t.section_background){e=e+"\n"+"- Background slider must be added in 'div.is-overlay-content' element inside 'div.is-overlay' element.\n\nExample:\n\n<div class=\"is-overlay\">\n    <div class=\"is-overlay-content\"></div>\n</div>\n\n"}if(t.section_background&&"video"===t.section_background){e=e+"\n"+"- Background video must be added in 'div.is-overlay-content' element inside 'div.is-overlay' element.\n\nExample:\n\n<div class=\"is-overlay\">\n    <div class=\"is-overlay-content\"></div>\n</div>\n\n"}if(t.align_individual_text){e=e+"\n"+"- To align a certain text (eg. align the headline, align the paragraph, etc), use 'text-left', text-center' or 'texr-right' class on the headline or paragraph as requested.\n\n"}if(t.align_whole_content&&!t.align_individual_text){e=e+"\n"+"- To align the whole content, follow these steps:\n    (1) use 'is-align-left', 'is-align-center' or 'is-align-right' on the 'div.is-container' element.\n    (2) Remove these classes: 'text-left', text-center' or 'texr-right' on every elements.\n\n"}if(t.line_height_paragraph){e=e+"\n"+"- To increase or decrease the line height of paragraphs, use one of these classes on the 'div.is-container' element:\n\n    - leading-none\n    - leading-11\n    - leading-12\n    - leading-13\n    - leading-14\n    - leading-15\n    - leading-16\n    - leading-17\n    - leading-18\n    - leading-19\n    - leading-20\n\nDo not apply this on any other element except the 'div.is-container' element.\n\n"}if(t.line_height_individual_text&&!t.line_height_paragraph){e=e+"\n"+"- To increase or decrease the line height of an individual text/element, apply this class on the requested element:\n    \n    - leading-08\n    - leading-09\n    - leading-none\n    - leading-11\n    - leading-12\n    - leading-13\n    - leading-14\n    - leading-15\n    - leading-16\n    - leading-17\n    - leading-18\n    - leading-19\n    - leading-20\n\nImportant: Do not change the 'div.is-container' element!\n\n"}if(t.font_size_paragraph){e=e+"\n"+"- To increase or decrease the font size of the paragraphs, use one of these classes on the 'div.is-container' element:\n    \n    - size-16\n    - size-17\n    - size-18\n    - size-19\n    - size-20\n    - size-21\n\nDo not apply this on any other element except the 'div.is-container' element.\n\n"}if(t.font_size_individual_text&&!t.font_size_paragraph){e=e+"\n"+"- To increase or decrease the font size of an individual text/element, apply this class on the requested element:\n    \n    - size-12\n    - size-13\n    - size-14\n    - size-15\n    - size-16\n    - size-17\n    - size-18\n    - size-19\n    - size-20\n    - size-21\n    - size-24\n    - size-28\n    - size-32\n    - size-35\n    - size-38\n    - size-42\n    - size-46\n    - size-48\n    - size-50\n    - size-54\n    - size-60\n    - size-64\n    - size-68\n    - size-72\n    - size-76\n    - size-80\n    - size-84\n    - size-88\n    - size-92\n    - size-96\n    - size-100\n    - size-104\n    - size-108\n    - size-112\n    - size-116\n    - size-120\n    - size-124\n    - size-128\n    - size-132\n    - size-136\n    - size-140\n    - size-144\n    - size-148\n    - size-152\n    - size-156\n    - size-160\n\nImportant: Do not change the 'div.is-container' element!\n\n"}return e}chooseMedia(e){let t;if(this.builder.currentMedia)do{t=Math.floor(Math.random()*e.length)}while(e[t]===this.builder.currentMedia);else t=Math.floor(Math.random()*e.length);let i=e[t];return this.builder.currentMedia=i,i}getTypographyClass(e){const t=(new DOMParser).parseFromString(e,"text/html").querySelector("div.is-box").getAttribute("class").match(/type-(\S+)/);return t?t[0]:""}getCurrentStyle(){let e="type-poppins",t="size-54",i="font-normal",n="leading-none",o="",s="is-content-1000",a="size-19",l="leading-13";if(this.builder.activeBox){e=Array.from(this.builder.activeBox.classList).find((e=>e.includes("type-")))||"";const r=this.builder.activeBox.querySelector("h1,h2");r&&r.classList.forEach((e=>{e.includes("size-")&&(t=e),e.includes("leading-")&&(n=e),e.includes("font-")&&(i=e),"uppercase"===e&&(o="uppercase")}));let d=this.builder.activeBox.querySelector(".is-container");d&&d.classList.forEach((e=>{!e.includes("is-content-")||e.includes("is-content-left")||e.includes("is-content-right")||(s=e),e.includes("size-")&&(a=e),e.includes("leading-")&&(l=e)}))}return{typeClass:e,containerClass:`is-container v2 content-py-50 ${a} ${l} ${s}`,titleClass:`${""!==o?o+" ":""}${t} ${i?i+" ":""}${n}`}}getSameStyleContext(){const e=this.getCurrentStyle();let t,i;return t=`To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with '${e.titleClass}'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 ${e.typeClass} box-autofit min-height-70">\n<div class="is-overlay">\n</div>\n<div class="${e.containerClass}">\n    <div class="row">\n        <div class="column">\n            {{CONTENT}}\n        </div>\n    </div>\n    <div class="row">\n        <div class="column">\n            <div class="spacer height-60"></div>\n        </div>\n    </div>\n    <div class="row">\n        <div class="column">\n            <div class="spacer height-60"></div>\n        </div>\n        <div class="column">\n            {{CONTENT}}\n        </div>\n        <div class="column">\n            {{CONTENT}}\n        </div>\n    </div>\n</div>\n</div>`,i=`To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with '${e.titleClass}'.\n\nThis is the template:\n<div class="is-box ${e.typeClass} box-auto min-height-60">\n    <div class="is-overlay">\n    </div>\n    <div class="${e.containerClass}">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>`,{sectionContext:t,boxContext:i}}getPreviousSectionStyle(){let e="type-poppins",t="size-54",i="font-normal",n="leading-none",o="",s="is-content-1000",a="size-19",l="leading-13";if(this.builder.savedSection){e=Array.from(this.builder.savedSection.classList).find((e=>e.includes("type-")))||"",""===e&&this.builder.activeSection&&(e=Array.from(this.builder.activeSection.classList).find((e=>e.includes("type-")))||"");const r=this.builder.savedSection.querySelector("h1,h2");r&&r.classList.forEach((e=>{e.includes("size-")&&(t=e),e.includes("leading-")&&(n=e),e.includes("font-")&&(i=e),"uppercase"===e&&(o="uppercase")}));let d=this.builder.savedSection.querySelector(".is-container");d&&d.classList.forEach((e=>{!e.includes("is-content-")||e.includes("is-content-left")||e.includes("is-content-right")||(s=e),e.includes("size-")&&(a=e),e.includes("leading-")&&(l=e)}))}return{typeClass:e,containerClass:`is-container v2 content-py-50 ${a} ${l} ${s}`,titleClass:`${""!==o?o+" ":""}${t} ${i?i+" ":""}${n}`}}getPreviousSectionStyleContext(){const e=this.getPreviousSectionStyle();let t,i;return t=`To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with '${e.titleClass}'.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 ${e.typeClass} box-autofit min-height-70">\n<div class="is-overlay">\n</div>\n<div class="${e.containerClass}">\n    <div class="row">\n        <div class="column">\n            {{CONTENT}}\n        </div>\n    </div>\n    <div class="row">\n        <div class="column">\n            <div class="spacer height-60"></div>\n        </div>\n    </div>\n    <div class="row">\n        <div class="column">\n            <div class="spacer height-60"></div>\n        </div>\n        <div class="column">\n            {{CONTENT}}\n        </div>\n        <div class="column">\n            {{CONTENT}}\n        </div>\n    </div>\n</div>\n</div>`,i=`To redesign the provided section:\n- Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template below.\n- You must update the title class with '${e.titleClass}'.\n\nThis is the template:\n<div class="is-box ${e.typeClass} box-auto min-height-60">\n    <div class="is-overlay">\n    </div>\n    <div class="${e.containerClass}">\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                <div class="spacer height-60"></div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="column">\n                {{CONTENT}}\n            </div>\n            <div class="column">\n                {{CONTENT}}\n            </div>\n        </div>\n    </div>\n</div>`,{sectionContext:t,boxContext:i}}adjustFromSlider(e){if(e&&e.querySelector(".glide")){const t=e.querySelector(".is-container");t&&t.classList.contains("edge-x-3")&&(t.classList.remove("edge-x-3"),t.classList.add("edge-x-2"))}}adjustToSlider(e){if(!e)return;const t=e.querySelector(".is-container");t&&t.classList.contains("edge-x-2")&&(t.classList.remove("edge-x-2"),t.classList.add("edge-x-3"))}}class Sy{constructor(e){this.builder=e,this.lib=new wy(e);const t=this.builder.builderStuff;this.builderStuff=t;let n=`\n        <div class="is-modal ai-disclaimer" style="z-index:10005" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">\n            <div class="is-modal-content" style="max-width:450px;padding:55px 40px 35px;font-size:16px;line-height:1.4;letter-spacing: 1px;">\n                <div class="is-modal-bar is-draggable">\n                    ${i("AI-Powered Features")}\n                    <button class="is-modal-close" tabindex="-1" title="${i("Close")}">&#10005;</button>\n                </div>\n                ${i("AI-Disclaimer",this.builder.disclaimerAI)}\n                <div style="text-align:right;margin-top:20px;">\n                    <button title="${i("Ok")}" class="input-ok classic-primary" style="width:100%;text-transform: uppercase;\n                    font-size: 14px;">${i("Ok")}</button>\n                </div>\n            </div>\n        </div>\n        <div class="is-modal ai-config" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">\n            <div class="is-modal-content" style="max-width:380px;padding:55px 40px 35px;">\n                <div class="is-modal-bar is-draggable">\n                    ${i("Settings")}\n                    <button class="is-modal-close" tabindex="-1" title="${i("Close")}">&#10005;</button>\n                </div>\n              \n                <div class="is-label"><span>${i("Temperature")}</span>: <span class="val-temp">0.6</span></div>\n                <div style="padding-top:4px">\n                    <input type="range" min="0" max="2" step="0.01" value="0.6" class="temperature-slider is-rangeslider" style="margin:0 !important;">\n                </div>\n                \n                <div class="is-label" style="margin-top:15px"><span>${i("Top P")}</span>: <span class="val-top-p">0.9</span></div>\n                <div style="padding-top:4px">\n                    <input type="range" min="0" max="1" step="0.01" value="0.9" class="top-p-slider is-rangeslider" style="margin:0 !important;">\n                </div>\n\n                <div style="text-align:right">\n                    <button title="${i("Reset")}" class="input-reset classic-secondary" style="text-decoration: underline;padding: 0;box-shadow: none;">${i("Reset")}</button>\n                </div>\n\n                <label for="inpContextNum" style="display: block;margin-bottom:3px">${i("Redesign Style")}:</label>\n                <select id="inpContextNum" style="width: 100%;">\n                    <option value="random">${i("Random")}</option>\n                    <option value="">${i("None (Same Style)")}</option>\n                    <option value="0">01: Poppins</option>\n                    <option value="1">02: Poppins & Lekton, Extra Bold</option>\n                    <option value="2">03: Poppins & Lekton</option>\n                    <option value="3">04: Raleway & Lato</option>\n                    <option value="4">05: Alegreya & Lato </option>\n                    <option value="5">06: Montserrat & Roboto</option>\n                    <option value="6">07: Poppins</option>\n                    <option value="7">08: Frank Ruhl Libre & Lato</option>\n                    <option value="8">09: Alegreya Sans SC & Hind</option>\n                    <option value="9">10: Oranienbaum & Source Sans Pro</option>\n                    <option value="10">11: Anonymous Pro & Catamaran</option>\n                </select>\n\n                <div style="text-align:right;margin-top:25px;">\n                    <button title="${i("Ok")}" class="input-ok classic-primary" style="width:100%;">${i("Ok")}</button>\n                </div>\n            </div>\n        </div>\n\n        <div class="is-pop ai-more arrow-top right" style="z-index:10006;" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">\n            <div style="display:flex;flex-flow:wrap;flex-direction: column;margin:5px;">\n\n                <div style="width:100%;">\n                    <button type="button" title="${i("Save Section Style")}" class="cmd-save-section-style" style="background:transparent;width:100%;justify-content:flex-start;padding: 0 12px;box-shadow: none;">\n                        ${i("Save Section Style")}\n                    </button>\n                    <button type="button" title="${i("Redesign with Saved Style")}" class="cmd-redesign-with-section-style" style="background:transparent;width:100%;justify-content:flex-start;padding: 0 12px;box-shadow: none;">\n                        ${i("Redesign with Saved Style")}\n                    </button>\n                    <button type="button" title="${i("Settings")}" class="cmd-ai-settings" style="background:transparent;width:100%;justify-content:flex-start;padding: 0 12px;box-shadow: none;">\n                        ${i("Settings")}\n                    </button>\n                </div>\n\n            </div>\n        </div>\n        `;t.insertAdjacentHTML("beforeend",n),this.modalDisclaimer=t.querySelector(".ai-disclaimer"),this.modalConfig=t.querySelector(".ai-config"),this.popAIMore=t.querySelector(".ai-more");this.popAIMore.querySelector(".cmd-save-section-style").addEventListener("click",(()=>{this.builder.savedSection=this.builder.activeSection,this.builder.editor.util.hidePop(this.popAIMore)}));this.popAIMore.querySelector(".cmd-redesign-with-section-style").addEventListener("click",(()=>{this.redesign(!0),this.builder.editor.util.hidePop(this.popAIMore)}));this.popAIMore.querySelector(".cmd-ai-settings").addEventListener("click",(()=>{this.config(),this.builder.editor.util.hidePop(this.popAIMore)}));this.modalDisclaimer.querySelector(".input-ok").addEventListener("click",(()=>{this.builder.editor.util.hideModal(this.modalDisclaimer),this.dictation.openDictation()}));this.modalConfig.querySelector(".input-ok").addEventListener("click",(()=>{const e=this.modalConfig.querySelector(".temperature-slider");localStorage.setItem("_temp",e.value);const t=this.modalConfig.querySelector(".top-p-slider");localStorage.setItem("_top_p",t.value);const i=this.modalConfig.querySelector("#inpContextNum");localStorage.setItem("_context_num",i.value),this.builder.hideModal(this.modalConfig)}));this.modalConfig.querySelector(".input-reset").addEventListener("click",(()=>{this.resetConfig()}));const o=this.modalConfig.querySelector(".val-temp"),s=this.modalConfig.querySelector(".temperature-slider");s.oninput=()=>{o.innerHTML=s.value};const a=this.modalConfig.querySelector(".val-top-p"),l=this.modalConfig.querySelector(".top-p-slider");l.oninput=()=>{a.innerHTML=l.value};let r=_y;this.builder.contextList&&(r=this.builder.contextList),this.dictation=this.builder.editor.dictation,this.dictation.opts.send=async e=>{let t=this.builder.activeBox,n=this.builder.activeSection,o=!1;if(n&&n.classList.contains("is-box")&&(o=!0),t||(this.builder.selectSection(),t=this.builder.activeBox,n=this.builder.activeSection,n&&n.classList.contains("is-box")&&(o=!0)),this.builder.enableShortCommands){if(!(e=this.builder.editor.lib.processShortCommand(e)))return;const t=this.builder.editor.similarity.check(e);if(!(e=this.processPrompt(t,e)))return}""!==this.builder.sendCommandUrl&&this.sendCommand("analyze",`This is the command: "${e}"`,"","You will analyze the user's command and return what the user needs.",this.lib.getFunctions(),(n=>{const s=JSON.parse(n);this.builder.consoleLog&&console.log(s);const a=Object.keys(s).length;if(t&&1===a){if(this.lib.processContent(s,t))return void this.dictation.finish();if(s.change_content_light)return this.builder.editor.saveForUndo(),this.builder.editor.lib.updateContentColor(t,"light"),this.builder.settings.onChange(),this.dictation.finish(),!1;if(s.change_content_dark)return this.builder.editor.saveForUndo(),this.builder.editor.lib.updateContentColor(t,"dark"),this.builder.settings.onChange(),this.dictation.finish(),!1;if(s.section_background&&"image"===s.section_background){this.builder.editor.saveForUndo(),this.lib.adjustFromSlider(t),this.builder.editbox.removeCode();let e,i=this.builder.editor.lib.getCurrentBackground(t);return e=""!==i?this.chooseBgImage(t,i):this.chooseBgImage(t),this.builder.editor.lib.updateBackgroundImage(t,e),this.builder.settings.onChange(),this.dictation.finish(),!1}if(s.section_background&&"slider"===s.section_background)return this.builder.editor.saveForUndo(),this.builder.editbox.addCode(t,"slider"),this.lib.adjustToSlider(t),this.builder.settings.onChange(),this.dictation.finish(),!1;if(s.section_background&&"video"===s.section_background)return this.builder.editor.saveForUndo(),this.lib.adjustFromSlider(t),this.builder.editbox.addCode(t,"video"),this.builder.settings.onChange(),this.dictation.finish(),!1;if(s.section_background&&"remove"===s.section_background)return this.builder.editor.saveForUndo(),this.lib.adjustFromSlider(t),this.builder.editor.lib.clearBackgroundImage(t),this.builder.editbox.removeCode(),this.builder.settings.onChange(),this.dictation.finish(),!1;if(s.change_font){this.builder.editor.saveForUndo();let e=this.builder.settings.contentStyles.data.styles;const t=e[Math.floor(Math.random()*e.length)];let i=t.classname,n=t.sectioncss,o=t.css;return this.builder.sidebar.boxTypography(i,n,o),this.builder.settings.onChange(),this.dictation.finish(),!1}if(s.change_section_height){let e=parseInt(s.change_section_height);if(!isNaN(e)){if([10,15,20,25,30,40,50,60,70,75,80,85,90,100].includes(e))return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(t,e),this.builder.settings.onChange(),void this.dictation.finish()}}if(s.align_whole_content){const e=s.align_whole_content;if("left"===e||"center"===e||"right"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.alignContent(t,e),this.builder.settings.onChange(),this.dictation.finish(),!1}if(s.content_width){const e=s.content_width;if("increase"===e||"decrease"===e)return this.builder.editor.saveForUndo(),"increase"===e?this.builder.editor.lib.updateContentSize(t,"+"):this.builder.editor.lib.updateContentSize(t,"-"),this.builder.settings.onChange(),this.dictation.finish(),!1}const e=t.querySelector(".is-container");if(s.font_size_paragraph&&e){const t=s.font_size_paragraph;if("increase"===t||"decrease"===t)return this.builder.editor.saveForUndo(),"increase"===t?this.builder.editor.lib.increaseFontSize(e,!0):this.builder.editor.lib.decreaseFontSize(e,!0),this.builder.settings.onChange(),this.dictation.finish(),!1}if(s.line_height_paragraph&&e){const t=s.line_height_paragraph;if("increase"===t||"decrease"===t)return this.builder.editor.saveForUndo(),"increase"===t?this.builder.editor.lib.increaseLineHeight(e,!0):this.builder.editor.lib.decreaseLineHeight(e,!0),this.builder.settings.onChange(),this.dictation.finish(),!1}if(s.animation){const e=s.animation;if("fade-in"===e||"slide-up"===e||"zoom-in"===e||"remove"===e)return this.builder.editor.saveForUndo(),"fade-in"===e&&this.builder.animateScroll.applyPresetBasic("is-fadeInUp",100),"slide-up"===e&&this.builder.animateScroll.applyPresetBasic("is-slideInUp",100),"zoom-in"===e&&this.builder.animateScroll.applyPresetBasic("is-zoomIn",300),"remove"===e&&this.builder.animateScroll.clearAllAnim(),this.builder.settings.onChange(),this.dictation.finish(),!1}if(s.section_task){const e=s.section_task;if("move-up"===e||"move-top"===e||"move-down"===e||"move-bottom"===e||"duplicate"===e||"remove"===e){if(this.builder.editor.saveForUndo(),"move-up"===e&&this.builder.editsection.sectionUp(),"move-top"===e&&this.builder.editsection.sectionTop(),"move-down"===e&&this.builder.editsection.sectionDown(),"move-bottom"===e&&this.builder.editsection.sectionBottom(),"duplicate"===e&&(this.builder.editsection.sectionDuplicate(),setTimeout((()=>{this.builder.refreshAnim()}),600)),"remove"===e){const e=this.builder.activeSection;e.parentNode.removeChild(e),this.builder.activeSection=null,this.builder.activeBox=null}return this.builder.sectionStack(),this.builder.settings.onChange(),this.dictation.finish(),!1}}}if(!(s.new_section||s.new_section_two_boxes||s.new_section_three_boxes||s.new_section_four_boxes||t||(this.builder.selectSection(),t=this.builder.activeBox,t)))return this.builder.showMessage(i("Please select a box.")),void this.dictation.finish();let l="";if(s.request_not_relate_with_current_content)s.new_section="new-section",l=r.new_section_others,e=`Add a new section containing your response on this user request: ${e}`;else if(s.new_section||s.new_section_two_boxes||s.new_section_three_boxes||s.new_section_four_boxes){if("new-section"===s.new_section||"new-section-2-columns"===s.new_section||"new-section-3-columns"===s.new_section||"new-section-3-columns"===s.new_section||"new-section-4-columns"===s.new_section){l=s.section_background&&"image"===s.section_background?this.chooseContext(r.new_section):(s.add_headline||s.add_paragraph)&&"image"===s.add_image?r.new_section_with_image:"gallery"===s.add_image?r.new_section_with_gallery:s.add_list_with_image?r.new_section_with_list_images:s.add_list_with_icon?r.new_section_with_list_icons:s.add_list_with_number?this.chooseContext(r.new_section_with_list_numbering):s.add_list&&!s.add_article?r.new_section_with_list:s.add_article&&"image"===s.add_image?this.chooseContext(r.new_section_article_with_image):s.add_article?this.chooseContext(r.new_section_article):r.new_section_others,s.others&&(l=r.new_section_others,e=`Add a new section containing your response on this user request: ${e}`);const t=this.builder.media.images.square,i=this.lib.chooseMedia(t);l=l.replaceAll("{{_IMAGEURL}}",i)}else if(s.new_section_two_boxes||s.new_section_three_boxes||s.new_section_four_boxes){s.new_section_two_boxes?l=r.new_section_two_boxes:s.new_section_three_boxes?l=r.new_section_three_boxes:s.new_section_four_boxes&&(l=r.new_section_four_boxes),(s.add_headline||s.add_paragraph)&&"image"===s.add_image?l+="\n\n"+r.update_section_with_image:"gallery"===s.add_image?l+="\n\n"+r.update_section_with_gallery:s.add_list_with_image?l+="\n\n"+r.update_section_with_list_images:s.add_list_with_icon?l+="\n\n"+r.update_section_with_list_icons:s.add_list_with_number?l+="\n\n"+this.chooseContext(r.update_section_with_list_numbering):s.add_list?l+="\n\n"+r.update_section_with_list:(s.add_article&&"image"===s.add_image||s.add_article)&&(l+="\n\n"+r.update_section_article_with_image);const e=this.builder.media.images.square,t=this.lib.chooseMedia(e);l=l.replaceAll("{{_IMAGEURL}}",t)}}else{if(!this.checkSelectedContent(t))return void this.dictation.finish(!0);let i=this.builder.editor.lib.getHtml(t);const n=this.parseContent(i);this.builder.overlayContentHtml=n.overlayContent,this.builder.overlayBgHtml=n.overlayBg,this.builder.textColorClass=n.textColorClass,this.builder.overlayBgColor=n.overlayBgColor,i=n.html;let a="";if(s.redesign_layout){let e;a="Decide the best placement of each content element (title, paragraph, images, etc) and change the position based on the template.\n",e=null!==localStorage.getItem("_context_num")?localStorage.getItem("_context_num"):"random",l=""===e?"":"random"===e?o?this.chooseContext(r.redesign_layout):this.chooseContext(r.change_layout_of_box):o?this.chooseContext(r.redesign_layout,e):this.chooseContext(r.change_layout_of_box,e)}e=`${e}. Modify the section according to this instruction and returns the complete modified section HTML.\n${a}\n\nThis is my current section:\n            \n${i}\n`,s.change_text||((s.add_headline||s.add_paragraph)&&"image"===s.add_image?l+="\n"+r.update_section_with_image:"gallery"===s.add_image?l+="\n"+r.update_section_with_gallery:s.add_list_with_image?l+="\n"+r.update_section_with_list_images:s.add_list_with_icon?l+="\n"+r.update_section_with_list_icons:s.add_list_with_number?l+="\n"+this.chooseContext(r.update_section_with_list_numbering):s.add_list?l+="\n"+r.update_section_with_list:(s.add_article&&"image"===s.add_image||s.add_article)&&(l+="\n"+r.update_section_article_with_image));const d=this.builder.media.images.square,c=this.lib.chooseMedia(d);l=l.replaceAll("{{_IMAGEURL}}",c)}l=this.lib.addElementContext(l,s);this.builder.consoleLog&&(console.log(e),console.log(l)),this.sendCommand("html",e,l,"You will be provided with HTML code to modify, and your task is to return only the modified HTML code, excluding any introductions or explanations\n    ",[],(e=>{if(this.builder.consoleLog&&console.log(e),!(e=this.fixHtml(e)))return this.dictation.finish(!0),!1;if(s.new_section||s.new_section_two_boxes||s.new_section_three_boxes||s.new_section_four_boxes)e=this.fixButtons(e),e=this.fixBgImage(e),s.section_background&&"image"===s.section_background&&(e=this.setBgImage(e,!0)),s.section_background&&"slider"===s.section_background&&(e=this.setBgSlider(e)),s.section_background&&"video"===s.section_background&&(e=this.setBgVideo(e)),this.renderResult_NewSection(e);else{e=this.fixButtons(e),e=this.fixCustomCode(e),e=this.analyzeTitle(e,l);let t=this.mergeContent(e,this.builder.overlayContentHtml,this.builder.overlayBgHtml,this.builder.textColorClass,this.builder.overlayBgColor,s);if(!t)return this.builder.consoleLog&&console.log(e),console.log("Unable to proceed. Error: mergeContent."),void this.dictation.finish(!0);e=t,s.section_background&&"image"===s.section_background&&(e=this.setBgImage(e)),s.section_background&&"slider"===s.section_background&&(e=this.setBgSlider(e)),s.section_background&&"video"===s.section_background&&(e=this.setBgVideo(e)),this.renderResult(e)}this.dictation.finish()}))}))},this.dictation.opts.abort=()=>{this.controller.abort(),this.dictation.finish(!0)}}resetConfig(){const e=this.modalConfig.querySelector(".temperature-slider"),t=this.modalConfig.querySelector(".val-temp");e.value=this.builder.temperature,t.innerHTML=this.builder.temperature;const i=this.modalConfig.querySelector(".top-p-slider"),n=this.modalConfig.querySelector(".val-top-p");i.value=this.builder.topP,n.innerHTML=this.builder.topP}config(){this.builder.showModal(this.modalConfig,!1);const e=this.modalConfig.querySelector(".temperature-slider"),t=this.modalConfig.querySelector(".val-temp");if(null!==localStorage.getItem("_temp")){let i=localStorage.getItem("_temp");e.value=i,t.innerHTML=i}else e.value=this.builder.temperature,t.innerHTML=this.builder.temperature;const i=this.modalConfig.querySelector(".top-p-slider"),n=this.modalConfig.querySelector(".val-top-p");if(null!==localStorage.getItem("_top_p")){let e=localStorage.getItem("_top_p");i.value=e,n.innerHTML=e}else i.value=this.builder.topP,n.innerHTML=this.builder.topP;const o=this.modalConfig.querySelector("#inpContextNum");if(null!==localStorage.getItem("_context_num")){let e=localStorage.getItem("_context_num");o.value=e}else o.value="random"}rewrite(){const e=this.builder.activeBox;if(!e)return;if(!this.checkSelectedContent(e))return;let t=this.builder.editor.lib.getHtml(e);const i=this.parseContent(t);this.builder.overlayContentHtml=i.overlayContent,this.builder.overlayBgHtml=i.overlayBg,this.builder.textColorClass=i.textColorClass,this.builder.overlayBgColor=i.overlayBgColor,t=i.html;let n="";t.toLowerCase().includes("lorem ipsum")&&(n=" Change all dummy text, including the 'lorem ipsum'. Update it with your ideas according to the topic.");let o=`Revise the headline, paragraph, and all the text using alternative ideas. ${n}`;o=`${o}. Modify the section according to this instruction and returns the complete modified section HTML.\n\n        This is my current section:\n\n        ${t}\n        `;this.sendCommand("html",o,"","You will be provided with HTML code to modify, and your task is to return only the modified HTML code, excluding any introductions or explanations",[],(e=>{if(this.builder.consoleLog&&console.log(e),!(e=this.fixHtml(e)))return this.dictation.finish(!0),!1;let t=this.mergeContent(e,this.builder.overlayContentHtml,this.builder.overlayBgHtml,this.builder.textColorClass,this.builder.overlayBgColor,!1);if(!t)return this.builder.consoleLog&&console.log(e),console.log("Unable to proceed. Error: mergeContent."),void this.dictation.finish(!0);this.renderResult(t),this.dictation.finish()}))}redesign(e){const t=this.builder.activeBox;t&&this.checkSelectedContent(t)&&this._redesign(e)}_redesign(e){const t=this.builder.activeBox;if(!t)return;const i=this.builder.activeSection;let n=!1;i&&i.classList.contains("is-box")&&(n=!0);let o=this.builder.editor.lib.getHtml(t);const s=this.parseContent(o);this.builder.overlayContentHtml=s.overlayContent,this.builder.overlayBgHtml=s.overlayBg,this.builder.textColorClass=s.textColorClass,this.builder.overlayBgColor=s.overlayBgColor,o=s.html;let a="Let's redesign the layout. Surprise me with a new idea!";a=`Change the position of all columns in my section based on the layout template. ${a}:\n\nThis is my section:\n\n${o}`;let l,r,d=_y;if(this.builder.contextList&&(d=this.builder.contextList),r=null!==localStorage.getItem("_context_num")?localStorage.getItem("_context_num"):"random",l=""===r?"":"random"===r?n?this.chooseContext(d.redesign_layout):this.chooseContext(d.change_layout_of_box):n?this.chooseContext(d.redesign_layout,r):this.chooseContext(d.change_layout_of_box,r),e){let e=this.lib.getPreviousSectionStyleContext();l=n?e.sectionContext:e.boxContext}this.builder.consoleLog&&console.log(l);let c="";const u=l.match(/type-(\w+(?:-\w+)?)/);u&&u.length>1&&(c="type-"+u[1]);this.sendCommand("html",a,l,"You will be provided with HTML code to modify, and your task is to return only the modified HTML code, excluding any introductions or explanations",[],(e=>{if(this.builder.consoleLog&&console.log(e),!(e=this.fixHtml(e)))return this.dictation.finish(!0),!1;e=this.fixButtons(e),e=this.fixCustomCode(e),e=this.analyzeTitle(e,l);let t=this.mergeContent(e,this.builder.overlayContentHtml,this.builder.overlayBgHtml,this.builder.textColorClass,this.builder.overlayBgColor,!1);if(!t)return this.builder.consoleLog&&console.log(e),console.log("Unable to proceed. Error: mergeContent."),void this.dictation.finish(!0);this.renderResult(t,c),this.dictation.finish()}))}analyzeTitle(e,t){let i=["font-thin","font-extralight","font-light","font-normal","font-medium","font-semibold","font-bold","font-extrabold","font-black"],n="";for(const e of i)if(t.includes(e)){n=e;break}let o=(new DOMParser).parseFromString(e,"text/html");const s=o.querySelector("h1, h2");if(s&&n){for(const e of i)s.classList.remove(e);return s.classList.add(n),o.body.innerHTML}return e}openDictation(){if(this.builder.showDisclaimer)if(null===localStorage.getItem("_disclaimershown")){this.builder.editor.util.showModal(this.modalDisclaimer,!0,(()=>{this.dictation.openDictation()}),!0);this.modalDisclaimer.querySelector(".input-ok").focus(),setTimeout((()=>{this.modalDisclaimer.querySelector(".input-ok").focus()}),600),localStorage.setItem("_disclaimershown",!0)}else this.dictation.openDictation();else this.dictation.openDictation()}processPrompt(e,t){const i=this.builder.activeBox;if(!i)return t;const n=e=>{if(!e)return;let t,i;e&&(t=e.querySelector(":first-child")),t&&t.click(),t&&(i=t.querySelector(":first-child")),i&&i.click()};if("select"===e)return(()=>{const e=i.querySelector(".is-container");if(!e)return!1;let t=e.querySelector(":first-child");n(t)})(),!1;if("select_next"===e){let e=i.querySelector(".row-active");return e&&(e=e.nextElementSibling),n(e),!1}if("select_previous"===e){let e=i.querySelector(".row-active");return e&&(e=e.previousElementSibling),n(e),!1}if("select_last"===e)return(()=>{const e=i.querySelector(".is-container");if(!e)return!1;let t;const o=e.children;for(let e=o.length-1;e>=0;e--){const i=o[e];if(i.querySelector(":first-child")){t=i;break}}t&&n(t)})(),!1;if("select_headline"===e){const e=i.querySelector("h1,h2,h3");return e&&e.click(),!1}if("select_paragraph"===e){const e=i.querySelector("p");return e&&e.click(),!1}if("select_image"===e){const e=i.querySelector("img");return e&&e.click(),!1}if("select_space"===e){const e=i.querySelector("div.spacer");return e&&e.click(),!1}if("select_button"===e){const e=i.querySelector('a[role="button"]');return e&&e.click(),!1}if(e=((e,t)=>{if("move_content_left"===e||"move_content_center"===e||"move_content_right"===e||"move_content_top"===e||"move_content_middle"===e||"move_content_bottom"===e||"make_content_center"===e||"align_content_top_left"===e||"align_content_top_center"===e||"align_content_top_right"===e||"align_content_middle_left"===e||"align_content_middle_center"===e||"align_content_middle_right"===e||"align_content_bottom_left"===e||"align_content_bottom_center"===e||"align_content_bottom_right"===e){let i=!1;-1===t.indexOf("top left")&&-1===t.indexOf("left top")&&-1===t.indexOf("top center")&&-1===t.indexOf("center top")&&-1===t.indexOf("top right")&&-1===t.indexOf("right top")&&-1===t.indexOf("middle left")&&-1===t.indexOf("left middle")&&-1===t.indexOf("middle center")&&-1===t.indexOf("center middle")&&-1===t.indexOf("middle right")&&-1===t.indexOf("right middle")&&-1===t.indexOf("bottom left")&&-1===t.indexOf("left bottom")&&-1===t.indexOf("bottom center")&&-1===t.indexOf("center bottom")&&-1===t.indexOf("bottom right")&&-1===t.indexOf("right bottom")||(i=!0),i||(-1!==t.indexOf("top")?e="move_content_top":-1!==t.indexOf("middle")?e="move_content_middle":-1!==t.indexOf("bottom")?e="move_content_bottom":-1!==t.indexOf("left")?e="move_content_left":-1!==t.indexOf("center")?"make_content_center"===e||(e="move_content_center"):-1!==t.indexOf("right")&&(e="move_content_right"))}return e})(e,t),"change_font"==e){this.builder.editor.saveForUndo();let e=this.builder.settings.contentStyles.data.styles;const t=e[Math.floor(Math.random()*e.length)];let i=t.classname,n=t.sectioncss,o=t.css;return this.builder.sidebar.boxTypography(i,n,o),this.builder.settings.onChange(),!1}if("fade_in"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.applyPresetBasic("is-fadeIn",100),this.builder.settings.onChange(),!1;if("fade_in_slow"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.applyPresetBasic("is-fadeIn",300),this.builder.settings.onChange(),!1;if("fade_in_up"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.applyPresetBasic("is-fadeInUp",100),this.builder.settings.onChange(),!1;if("fade_in_up_slow"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.applyPresetBasic("is-fadeInUp",300),this.builder.settings.onChange(),!1;if("slide_up"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.applyPresetBasic("is-slideInUp",100),this.builder.settings.onChange(),!1;if("slide_up_slow"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.applyPresetBasic("is-slideInUp",300),this.builder.settings.onChange(),!1;if("zoom_in"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.applyPresetBasic("is-zoomIn",300),this.builder.settings.onChange(),!1;if("zoom_out"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.applyPresetBasic("is-zoomOut",300),this.builder.settings.onChange(),!1;if("animate_once"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.animateOnce(),this.builder.settings.onChange(),!1;if("always_animate"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.alwaysAnimate(),this.builder.settings.onChange(),!1;if("remove_animation"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.clearAllAnim(),this.builder.settings.onChange(),!1;if("move_section_top"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.sectionTop(),this.builder.sectionStack(),this.builder.settings.onChange(),!1;if("move_section_bottom"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.sectionBottom(),this.builder.sectionStack(),this.builder.settings.onChange(),!1;if("move_section_up"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.sectionUp(),this.builder.sectionStack(),this.builder.settings.onChange(),!1;if("move_section_down"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.sectionDown(),this.builder.sectionStack(),this.builder.settings.onChange(),!1;if("duplicate_section"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.sectionDuplicate(),this.builder.sectionStack(),setTimeout((()=>{this.builder.refreshAnim()}),600),this.builder.settings.onChange(),!1;if("remove_section"===e){this.builder.editor.saveForUndo();const e=this.builder.activeSection;return e.parentNode.removeChild(e),this.builder.activeSection=null,this.builder.activeBox=null,this.builder.settings.onChange(),!1}if("add_content"===e)return this.builder.editor.saveForUndo(),this.builder.editbox.addContent(),this.builder.settings.onChange(),!1;if("remove_content"===e)return this.builder.editor.saveForUndo(),this.builder.editbox.removeContent(),this.builder.settings.onChange(),!1;if("move_up"===e){this.builder.editor.saveForUndo();return this.builder.doc.querySelector(".row-active")?this.builder.editor.moveRowUp():(this.builder.editsection.sectionUp(),this.builder.sectionStack()),this.builder.settings.onChange(),!1}if("move_down"===e){this.builder.editor.saveForUndo();return this.builder.doc.querySelector(".row-active")?this.builder.editor.moveRowDown():(this.builder.editsection.sectionDown(),this.builder.sectionStack()),this.builder.settings.onChange(),!1}if("move_row_up"===e)return this.builder.editor.saveForUndo(),this.builder.editor.moveRowUp(),this.builder.settings.onChange(),!1;if("move_row_down"===e)return this.builder.editor.saveForUndo(),this.builder.editor.moveRowDown(),this.builder.settings.onChange(),!1;if("duplicate_row"===e)return this.builder.editor.saveForUndo(),this.builder.editor.duplicateRow(),this.builder.settings.onChange(),!1;if("remove_row"===e)return this.builder.editor.saveForUndo(),this.builder.editor.removeRow(),this.builder.settings.onChange(),!1;if("move_col_left"===e)return this.builder.editor.saveForUndo(),this.builder.editor.moveColumnLeft(),this.builder.settings.onChange(),!1;if("move_col_right"===e)return this.builder.editor.saveForUndo(),this.builder.editor.moveColumnRight(),this.builder.settings.onChange(),!1;if("duplicate_col"===e)return this.builder.editor.saveForUndo(),this.builder.editor.duplicateColumn(),this.builder.settings.onChange(),!1;if("remove_col"===e)return this.builder.editor.saveForUndo(),this.builder.editor.removeColumn(),this.builder.settings.onChange(),!1;if("move_column_up"===e)return this.builder.editor.saveForUndo(),this.builder.editor.moveColumnUp(),this.builder.settings.onChange(),!1;if("move_column_down"===e)return this.builder.editor.saveForUndo(),this.builder.editor.moveColumnDown(),this.builder.settings.onChange(),!1;if("remove_bg"===e)return this.builder.editor.saveForUndo(),this.lib.adjustFromSlider(i),this.builder.editor.lib.clearBackgroundImage(i),this.builder.editbox.removeCode(),this.builder.settings.onChange(),!1;if("add_bg_image"===e){this.builder.editor.saveForUndo(),this.lib.adjustFromSlider(i),this.builder.editbox.removeCode();let e=this.chooseBgImage(i);return this.builder.editor.lib.updateBackgroundImage(i,e),this.builder.settings.onChange(),!1}if("change_bg_image"===e){this.builder.editor.saveForUndo(),this.lib.adjustFromSlider(i),this.builder.editbox.removeCode();let e,t=this.builder.editor.lib.getCurrentBackground(i);return e=""!==t?this.chooseBgImage(i,t):this.chooseBgImage(i),this.builder.editor.lib.updateBackgroundImage(i,e),this.builder.settings.onChange(),!1}if("remove_bg_color"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.clearBackgroundColor(i),this.builder.settings.onChange(),!1;if("increase_content_width"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.updateContentSize(i,"+"),this.builder.settings.onChange(),!1;if("decrease_content_width"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.updateContentSize(i,"-"),this.builder.settings.onChange(),!1;if("clear_content_width"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.updateContentSize(i,""),this.builder.settings.onChange(),!1;if("make_content_light"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.updateContentColor(i,"light"),this.builder.settings.onChange(),!1;if("make_content_dark"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.updateContentColor(i,"dark"),this.builder.settings.onChange(),!1;if("make_section_height_10"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"10"),this.builder.settings.onChange(),!1;if("make_section_height_15"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"15"),this.builder.settings.onChange(),!1;if("make_section_height_20"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"20"),this.builder.settings.onChange(),!1;if("make_section_height_25"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"25"),this.builder.settings.onChange(),!1;if("make_section_height_30"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"30"),this.builder.settings.onChange(),!1;if("make_section_height_40"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"40"),this.builder.settings.onChange(),!1;if("make_section_height_50"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"50"),this.builder.settings.onChange(),!1;if("make_section_height_60"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"60"),this.builder.settings.onChange(),!1;if("make_section_height_70"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"70"),this.builder.settings.onChange(),!1;if("make_section_height_75"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"75"),this.builder.settings.onChange(),!1;if("make_section_height_80"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"80"),this.builder.settings.onChange(),!1;if("make_section_height_85"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"85"),this.builder.settings.onChange(),!1;if("make_section_height_90"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"90"),this.builder.settings.onChange(),!1;if("make_section_height_100"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"100"),this.builder.settings.onChange(),!1;if("make_section_height_auto"===e)return this.builder.editor.saveForUndo(),this.builder.editsection.updateSectionHeight(i,"auto"),this.builder.settings.onChange(),!1;if("add_headline"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"headline","after"),this.builder.settings.onChange(),!1}if("add_paragraph"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"paragraph","after"),this.builder.settings.onChange(),!1}if("add_image"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"image","after"),this.builder.settings.onChange(),!1}if("add_youtube"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"youtube","after"),this.builder.settings.onChange(),!1}if("add_video"===e)return this.builder.editor.saveForUndo(),this.lib.adjustFromSlider(i),this.builder.editbox.addCode(i,"video"),this.builder.settings.onChange(),!1;if("remove_video"===e)return this.builder.editor.saveForUndo(),this.builder.editbox.removeCode(),this.builder.settings.onChange(),!1;if("add_bg_video"===e)return this.builder.editor.saveForUndo(),this.lib.adjustFromSlider(i),this.builder.editbox.addCode(i,"video"),this.builder.settings.onChange(),!1;if("remove_bg_video"===e)return this.builder.editor.saveForUndo(),this.builder.editbox.removeCode(),this.builder.settings.onChange(),!1;if("add_slider"===e)return this.builder.editor.saveForUndo(),this.builder.editbox.addCode(i,"slider"),this.lib.adjustToSlider(i),this.builder.settings.onChange(),!1;if("remove_slider"===e)return this.builder.editor.saveForUndo(),this.lib.adjustFromSlider(i),this.builder.editbox.removeCode(),this.builder.settings.onChange(),!1;if("add_bg_slider"===e)return this.builder.editor.saveForUndo(),this.builder.editbox.addCode(i,"slider"),this.lib.adjustToSlider(i),this.builder.settings.onChange(),!1;if("remove_bg_slider"===e)return this.builder.editor.saveForUndo(),this.builder.editbox.removeCode(),this.builder.settings.onChange(),!1;if("add_audio"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"audio","after"),this.builder.settings.onChange(),!1}if("add_map"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"map","after"),this.builder.settings.onChange(),!1}if("add_table"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"table","after"),this.builder.settings.onChange(),!1}if("add_social"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"social","after"),this.builder.settings.onChange(),!1}if("add_icon"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"icon","after"),this.builder.settings.onChange(),!1}if("add_button"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"button","after"),this.builder.settings.onChange(),!1}if("add_2buttons"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"twobuttons","after"),this.builder.settings.onChange(),!1}if("add_space"===e){return this.builder.editor.saveForUndo(),i.querySelector(".is-container")||this.builder.editbox.addContent(),this.builder.editor.lib.addBlock(i,"space","after"),this.builder.settings.onChange(),!1}if("increase_font_size"===e){let e=this.builder.editor.activeElement;if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.increaseFontSize(e),this.builder.settings.onChange(),!1;{const e=i.querySelector(".is-container");if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.increaseFontSize(e,!0),this.builder.settings.onChange(),!1}}else if("decrease_font_size"===e){let e=this.builder.editor.activeElement;if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.decreaseFontSize(e),this.builder.settings.onChange(),!1;{const e=i.querySelector(".is-container");if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.decreaseFontSize(e,!0),this.builder.settings.onChange(),!1}}else if("increase_default_font_size"===e){const e=i.querySelector(".is-container");if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.increaseFontSize(e,!0),this.builder.settings.onChange(),!1}else if("decrease_default_font_size"===e){const e=i.querySelector(".is-container");if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.decreaseFontSize(e,!0),this.builder.settings.onChange(),!1}else if("clear_font_size"===e){let e=this.builder.editor.activeElement;if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.clearFontSize(e),this.builder.settings.onChange(),!1}else{if("align_left"===e){this.builder.editor.saveForUndo();let e=this.builder.editor.activeElement;return e?this.builder.editor.lib.alignText(e,"left"):this.builder.editor.lib.alignContent(i,"left"),this.builder.settings.onChange(),!1}if("align_center"===e){this.builder.editor.saveForUndo();let e=this.builder.editor.activeElement;return e?this.builder.editor.lib.alignText(e,"center"):this.builder.editor.lib.alignContent(i,"center"),this.builder.settings.onChange(),!1}if("align_right"===e){this.builder.editor.saveForUndo();let e=this.builder.editor.activeElement;return e?this.builder.editor.lib.alignText(e,"right"):this.builder.editor.lib.alignContent(i,"right"),this.builder.settings.onChange(),!1}if("align_full"===e){this.builder.editor.saveForUndo();let e=this.builder.editor.activeElement;return e?this.builder.editor.lib.alignText(e,"justify"):this.builder.editor.lib.alignContent(i,"justify"),this.builder.settings.onChange(),!1}if("clear_alignment"===e){this.builder.editor.saveForUndo();let e=this.builder.editor.activeElement;return e?this.builder.editor.lib.alignText(e,""):this.builder.editor.lib.alignContent(i,""),this.builder.settings.onChange(),!1}if("move_content_left"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"left"),this.builder.settings.onChange(),!1;if("move_content_center"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"center"),this.builder.settings.onChange(),!1;if("move_content_right"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"right"),this.builder.settings.onChange(),!1;if("move_content_top"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"top"),this.builder.settings.onChange(),!1;if("move_content_middle"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"middle"),this.builder.settings.onChange(),!1;if("move_content_bottom"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"bottom"),this.builder.settings.onChange(),!1;if("make_content_center"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"center"),this.builder.editor.lib.moveContent(i,"middle"),this.builder.settings.onChange(),!1;if("align_content_top_left"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"top"),this.builder.editor.lib.moveContent(i,"left"),this.builder.settings.onChange(),!1;if("align_content_top_center"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"top"),this.builder.editor.lib.moveContent(i,"center"),this.builder.settings.onChange(),!1;if("align_content_top_right"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"top"),this.builder.editor.lib.moveContent(i,"right"),this.builder.settings.onChange(),!1;if("align_content_middle_left"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"middle"),this.builder.editor.lib.moveContent(i,"left"),this.builder.settings.onChange(),!1;if("align_content_middle_center"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"middle"),this.builder.editor.lib.moveContent(i,"center"),this.builder.settings.onChange(),!1;if("align_content_middle_right"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"middle"),this.builder.editor.lib.moveContent(i,"right"),this.builder.settings.onChange(),!1;if("align_content_bottom_left"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"bottom"),this.builder.editor.lib.moveContent(i,"left"),this.builder.settings.onChange(),!1;if("align_content_bottom_center"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"bottom"),this.builder.editor.lib.moveContent(i,"center"),this.builder.settings.onChange(),!1;if("align_content_bottom_right"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"bottom"),this.builder.editor.lib.moveContent(i,"right"),this.builder.settings.onChange(),!1;if("increase_space"===e){let e=this.builder.editor.activeElement;if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.increaseElementHeight(e),this.builder.settings.onChange(),!1}else if("decrease_space"===e){let e=this.builder.editor.activeElement;if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.decreaseElementHeight(e),this.builder.settings.onChange(),!1}else if("increase_line_height"===e){let e=this.builder.editor.activeElement;if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.increaseLineHeight(e),this.builder.settings.onChange(),!1;{const e=i.querySelector(".is-container");if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.increaseLineHeight(e,!0),this.builder.settings.onChange(),!1}}else if("decrease_line_height"===e){let e=this.builder.editor.activeElement;if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.decreaseLineHeight(e),this.builder.settings.onChange(),!1;{const e=i.querySelector(".is-container");if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.decreaseLineHeight(e,!0),this.builder.settings.onChange(),!1}}else if("increase_default_line_height"===e){const e=i.querySelector(".is-container");if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.increaseLineHeight(e,!0),this.builder.settings.onChange(),!1}else if("decrease_default_line_height"===e){const e=i.querySelector(".is-container");if(e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.decreaseLineHeight(e,!0),this.builder.settings.onChange(),!1}}return t}chooseContext(e,t){if(void 0!==t)return e[t];this.previousIndexes||(this.previousIndexes=[]);let i=Math.floor(Math.random()*e.length);return this.previousIndexes.includes(i)&&this.previousIndexes.length<e.length?this.chooseContext(e):(this.previousIndexes.push(i),this.previousIndexes.length>2&&this.previousIndexes.shift(),e[i])}chooseBgImage(e,t){let i,n,o=this.builder.media.bg_images;if(i=e.classList.contains("is-section")?e.querySelector(".is-content-left")?o.section_text_left:e.querySelector(".is-content-right")?o.section_text_right:o.section_text_center:e.classList.contains("is-box-4")?o.small_box:o.box,t)do{n=Math.floor(Math.random()*i.length)}while(i[n]===t);else n=Math.floor(Math.random()*i.length);return i[n]}updateBox(e,t){let i;const n=e.querySelector(".is-overlay-bg");var o=document.createRange();if(e.parentNode.insertBefore(o.createContextualFragment(t),e),i=e.previousElementSibling,e.parentNode.removeChild(e),this.fixBox(i),this.builder.doUndoRedo(),this.builder.editor.util.clearActiveCell(),this.builder.editor.util.clearAfterUndoRedo(),i){if(!n){const e=i.querySelector(".is-overlay-bg");e&&e.parentNode.removeChild(e)}this.builder.positionTool(i),i.classList.add("box-select"),this.builder.activeBox=i,this.builder.wrapperEl.classList.add("hard-select");let e=i.closest(".is-section");e.classList.add("section-select"),this.builder.activeSection=e,this.builder.settings.onRender(),this.builder.settings.onChange(),setTimeout((()=>{this.builder.refreshAnim()}),300)}}fixBox(e){let t=e.querySelector(".is-container");if(t){Array.from(t.children).forEach((e=>{if(["P","H1","H2","H3","H4","H5","H6"].includes(e.tagName)){const t=document.createElement("div");t.classList.add("row");const i=document.createElement("div");i.classList.add("column");const n=e.cloneNode(!0);i.appendChild(n),t.appendChild(i),e.parentNode.insertBefore(t,e),e.parentNode.removeChild(e)}}))}}getHtmlResult(e){const t=e.match(/<div[^>]*>[\s\S]*<\/div>/);if(e=t&&t[0],!this.isHTMLString(e))return this.builder.consoleLog&&console.log(e),!1;return e=(e=>{let t="";const i=(new DOMParser).parseFromString(e,"text/html").body.childNodes;for(const e of i)if(3===e.nodeType){let i=e.textContent.trim();""!==i&&(t=i)}return""!==t?(e=e.split(t)[1]).trim():e})(e)}isHTMLString(e){return/^<([a-z]+)(\s|>)/i.test(e)}replaceButtonsWithAnchorTags(e){return e=(e=e.replace(/<button\b[^>]*>(.*?)<\/button>/g,'<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 text-black leading-14 rounded border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">$1</a>')).replace(/<a\b[^>]*class="button[^>]*>(.*?)<\/a>/g,'<a href="#" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 py-2 size-17 px-6 text-black leading-14 rounded border-transparent hover:border-transparent font-normal tracking-wide" style="background-color: rgb(240, 240, 240);">$1</a>')}replaceStrongTag(e){return e.replace(/<strong\b[^>]*>(.*?)<\/strong>/g,'<span class="font-semibold">$1</span>')}replaceLineThroughTag(e){return e.replace(/<(del|strike|s)>(.*?)<\/(del|strike|s)>/gi,'<span class="line-through">$2</span>')}replaceEmTag(e){return e.replace(/<em\b[^>]*>(.*?)<\/em>/g,'<span class="italic">$1</span>')}replaceUnderlineTag(e){return e.replace(/<u>(.*?)<\/u>/gi,'<span class="underline">$1</span>')}setBgSlider(e){const t=(new DOMParser).parseFromString(e,"text/html"),i=t.querySelector(".is-box");return i?(this.builder.editbox.addCode(i,"slider"),this.lib.adjustToSlider(i),t.body.innerHTML):e}setBgVideo(e){const t=(new DOMParser).parseFromString(e,"text/html"),i=t.querySelector(".is-box");return i?(this.builder.editbox.addCode(i,"video"),t.body.innerHTML):e}setBgImage(e,t){const i=(new DOMParser).parseFromString(e,"text/html");return i.querySelectorAll(".is-box").forEach((e=>{let i=e.querySelector("div.is-overlay");i||(e.insertAdjacentHTML("afterbegin",'<div class="is-overlay"><div class="is-overlay-bg"></div></div>'),i=e.querySelector("div.is-overlay"));let n=i.querySelector("div.is-overlay-bg");n||t||(i.insertAdjacentHTML("afterbegin",'<div class="is-overlay-bg"></div>'),n=i.querySelector("div.is-overlay-bg")),e.style.backgroundImage&&(i.insertAdjacentHTML("afterbegin",'<div class="is-overlay-bg"></div>'),n=i.querySelector("div.is-overlay-bg"),e.style.backgroundImage="");let o=i.querySelector(".is-overlay-content");o&&o.parentNode.removeChild(o);let s,a,l=!1;if(e.classList.contains("is-section")&&(l=!0),l){const t=this.builder.media.bg_images;a=t.section_text_left;const i=e.querySelector(".is-container");i&&(a=i.classList.contains("is-content-left")?t.section_text_left:i.classList.contains("is-content-right")?t.section_text_right:t.section_text_center)}else{a=this.builder.media.bg_images.box}s=this.lib.chooseMedia(a);const r=i.querySelector(".is-container");if(r){e.appendChild(r);let t=i.querySelector(".is-container");t&&t.parentNode.removeChild(t)}n&&(n.style.backgroundImage=`url('${s}')`,n.style.backgroundImage=`url('${s}')`,n.style.backgroundPosition="50% 60%")})),i.documentElement.innerHTML}fixBgImage(e){const t=(new DOMParser).parseFromString(e,"text/html");return t.querySelectorAll(".is-box").forEach((e=>{let t,i=e.querySelector("div.is-overlay");i||(e.insertAdjacentHTML("afterbegin",'<div class="is-overlay"><div class="is-overlay-bg"></div></div>'),i=e.querySelector("div.is-overlay")),e.style.backgroundImage&&(i.insertAdjacentHTML("afterbegin",'<div class="is-overlay-bg"></div>'),t=i.querySelector("div.is-overlay-bg"),e.style.backgroundImage="");let n=!1;if(e.classList.contains("is-section")&&(n=!0),t){let i,o;if(n){const t=this.builder.media.bg_images;o=t.section_text_left;const i=e.querySelector(".is-container");i&&(o=i.classList.contains("is-content-left")?t.section_text_left:i.classList.contains("is-content-right")?t.section_text_right:t.section_text_center)}else{o=this.builder.media.bg_images.box}i=this.lib.chooseMedia(o),t.style.backgroundImage=`url('${i}')`,t.style.backgroundImage=`url('${i}')`,t.style.backgroundPosition="50% 60%"}})),t.documentElement.innerHTML}fixCommon(e){e=e.replaceAll("{{CONTENT}}","");const t=new DOMParser;let n=t.parseFromString(e,"text/html");try{if(""===n.body.innerText.trim())return this.builder.showMessage(i("Oops! The response received is insufficient. Please try again.")),!1;const e=n.querySelector(".is-container"),o=n.querySelector(".is-section");e&&o&&!o.contains(e)&&o.appendChild(e);e.querySelectorAll("column").forEach((e=>{"100%"===e.style.width&&(e.style.width="",e.style.flex="")}));n.querySelectorAll("*").forEach((e=>{"line-through"===e.style.textDecoration&&(e.classList.add("line-through"),e.style.textDecoration=""),"underline"===e.style.textDecoration&&(e.classList.add("underline"),e.style.textDecoration="")}));const s=n.querySelector(".is-box");if(s){if(s.style.backgroundColor){let e=s.querySelector(".is-overlay");e||(s.insertAdjacentHTML("afterbegin",'<div class="is-overlay"></div>'),e=n.querySelector("div.is-overlay")),e.style.backgroundColor=s.style.backgroundColor,s.style.backgroundColor=""}s.style.backgroundImage="",s.style.backgroundSize="",s.style.backgroundRepeat="",s.style.backgroundPosition=""}if(!n.querySelector(".is-box"))if(n.querySelector(".is-section")){n.querySelector(".is-section").classList.add("is-box")}else{let e="";e=this.builder.activeBox?this.builder.editor.lib.getHtml(this.builder.activeBox):'\n                            <div class="is-section is-box type-poppins box-autofit min-height-60 is-section-100">\n                            <div class="is-overlay"></div>\n                            <div class="is-container v2 leading-13 size-19 is-content-800 content-pt-50 content-pb-50">\n                            \n                            </div>\n                            </div>\n                        ';const i=(new DOMParser).parseFromString(e,"text/html"),o=i.querySelector(".is-container");if(n.querySelector(".is-container")){const e=n.querySelector(".is-container");o.outerHTML=e.outerHTML}else o.insertAdjacentHTML("beforeend",n.body.innerHTML);n=t.parseFromString(i.body.innerHTML,"text/html")}const a=n.querySelector("div.is-overlay");if(a&&a.querySelector(".is-overlay-bg")){let e=a.closest(".is-box");e&&e.querySelector(".is-container")&&(e.classList.add("m-overlay-stack"),e.classList.add("m-dark-text"))}if(e){const t=e.children;for(let e=t.length-1;e>=0;e--){const i=t[e];if(i.classList.contains("spacer"))i.parentNode.removeChild(i);else{const e=i.children;for(let t=e.length-1;t>=0;t--){const i=e[t];if(""===i.innerHTML.trim()){const e=document.createElement("div");e.classList.add("spacer"),e.classList.add("height-40"),i.appendChild(e)}i.firstElementChild&&i.firstElementChild.classList.contains("column")&&(i.innerHTML=i.firstElementChild.innerHTML)}}}}}catch(e){return this.builder.consoleLog&&console.log(n.documentElement.innerHTML),console.log("Unable to proceed. Error: fixCommon."),!1}return n.documentElement.innerHTML}fixButtons(e){const t=(new DOMParser).parseFromString(e,"text/html");return t.querySelectorAll("a.border-transparent").forEach((e=>{e.style.backgroundColor||(e.style.backgroundColor="rgb(240, 240, 240)")})),t.documentElement.innerHTML}fixCustomCode(e){const t=e.match(/<!--CODESTART-->([\s\S]*?)<!--CODEEND-->/gm),i=[];t&&t.forEach((e=>{const t=e.replace(/<!--CODESTART-->|<!--CODEEND-->/g,"").trim();i.push(t)}));const n=(new DOMParser).parseFromString(e,"text/html");let o=0;return n.querySelectorAll("[data-html]").forEach((e=>{const t=encodeURIComponent(i[o]);e.setAttribute("data-html",t),e.innerHTML="",o++})),i.length>0?n.documentElement.innerHTML:e}fixHtml(e){e=e.replace(/<div class="is-overlay"([^>]*)style="([^"]*background-image:[^;"]+;)([^"]*)"([^>]*)>/g,'<div class="is-overlay"$1$4>\n    <div class="is-overlay-bg" style="$2"></div>');const t=this.builder.media.images.square,i=this.lib.chooseMedia(t);return e=(e=e.replaceAll("{{IMAGEURL}}",i)).replaceAll("{{ICONCLASS}}","ion-checkmark"),e=this.replaceButtonsWithAnchorTags(e),e=this.replaceStrongTag(e),e=this.replaceEmTag(e),e=this.replaceUnderlineTag(e),e=this.replaceLineThroughTag(e),(e=this.fixCommon(e))||!1}parseContent(e){let t=(new DOMParser).parseFromString(e,"text/html");const i=t.querySelectorAll("div.is-overlay-content");let n,o="";i.length>0&&(n=t.querySelector("div.is-overlay-content"),o=n?n.outerHTML:"",i.forEach((e=>{e.parentNode.removeChild(e)})));let s="";const a=t.querySelector("div.is-overlay-bg");a&&(s=a?a.outerHTML:"");let l=t.querySelector(".is-light-text, .is-dark-text"),r="";l&&(l.classList.contains("is-light-text")&&(r="is-light-text"),l.classList.contains("is-dark-text")&&(r="is-dark-text"));const d=t.querySelector("div.is-overlay").style.backgroundColor;return{overlayContent:o,overlayBg:s,html:e=t.body.innerHTML,overlayBgColor:d,textColorClass:r}}mergeContent(e,t,i,n,o,s){const a=new DOMParser,l=a.parseFromString(e,"text/html"),r=l.querySelector("div.is-overlay");if(!s.section_background||"remove"!==s.section_background){if((!s.section_background||"image"!==s.section_background)&&""!==i){const e=a.parseFromString(i,"text/html").querySelector("div.is-overlay-bg");let t=r.querySelector(".is-overlay-bg");t&&t.parentNode.removeChild(t),r.appendChild(e)}if(""!==t){const e=a.parseFromString(t,"text/html").querySelector("div.is-overlay-content");r.appendChild(e)}}let d=l.querySelector(".is-box");if(d&&(""===n||s.change_content_dark||s.change_content_light?s.change_content_dark?(d.classList.remove("is-light-text"),d.classList.add("is-dark-text")):s.change_content_light&&(d.classList.remove("is-dark-text"),d.classList.add("is-light-text")):(d.classList.remove("is-light-text"),d.classList.remove("is-dark-text"),d.classList.add(n))),""!==o){const e=l.querySelector(".is-overlay");e&&(""!==e.style.backgroundColor||(e.style.backgroundColor=o))}d&&this.lib.processContent(s,d);return d.outerHTML}checkSelectedContent(e){if(!e)return!1;const t=e.querySelector(".is-container");return t?!t.querySelector("[data-module]")||(this.builder.showMessage(i("Sorry, content with a module block cannot be processed.")),!1):(this.builder.showMessage(i("The selected box is empty. Please select a box with content.")),!1)}async sendCommand(e,t,n,o,s,a){this.dictation.startSending(),this.controller=new AbortController,this.signal=this.controller.signal;const l={question:t,context:n,system:o,functs:s,temperature:localStorage.getItem("_temp")||this.builder.temperature,topP:localStorage.getItem("_top_p")||this.builder.topP,num:1};try{const t=await fetch(this.builder.sendCommandUrl,{signal:this.signal,method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(l)}),n=await t.json();if(n.error)return console.log("Error:\n"+n.error),this.builder.showMessage(i("Request failed.")),void this.dictation.finish();if("html"===e)n.answer.choices.forEach((e=>{let t=e.message.content;if(t=this.getHtmlResult(t),!t)return this.builder.showMessage(i("Oops! The response received is insufficient. Please try again.")),void this.dictation.finish();a(t)}));else{if(n.answer.role&&n.answer.content)return void a(JSON.stringify({new_section:"new-section",others:!0}));a(n.answer)}}catch(e){if("AbortError"===e.name);else{if(console.error("Error:",e),this.dictation.finish(),!(e+"").includes("Failed to fetch")){const e=await fetch(this.builder.sendCommandUrl,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(l)}),t=await e.text();console.log("Response:\n"+t)}this.builder.showMessage(i("Service Unavailable."))}}}renderResult_NewSection(e){this.builder.editor.saveForUndo();const t=this.lib.getTypographyClass(e);let i="";t&&(i=t+".css");let n=this.builder.addSection(e,i);n&&(this.clearSelection(),this.reSelect(n)),this.builder.settings.onChange(),this.dictation.finish()}renderResult(e,t){const i=this.builder.activeBox,n=this.builder.activeSection;let o=!1;if(n&&n.classList.contains("is-box")&&(o=!0),this.builder.editor.saveForUndo(),o){const i=(new DOMParser).parseFromString(e,"text/html");if(t){const e=i.querySelector("div.is-section");e&&(e.classList.remove(...Array.from(e.classList).filter((e=>e.startsWith("type-")))),e.classList.add(t))}e=i.body.innerHTML;let n="";t&&(n=t+".css");let o=this.builder.addSection(e,n);o&&(this.clearSelection(),this.reSelect(o))}else{i.classList.add("replace-this");const o=/is-box-\w+/,s=i.getAttribute("class").match(o);let a;s&&(a=s[0]);let l=this.builder.editor.lib.getHtml(n);const r=(new DOMParser).parseFromString(l,"text/html");let d=r.querySelector("div.replace-this");const c=document.createElement("div");c.innerHTML=e;const u=c.firstChild;if(a&&u.classList.add(a),t){const e=r.querySelector("div.is-section");e&&(e.classList.remove(...Array.from(e.classList).filter((e=>e.startsWith("type-")))),e.classList.add(t))}d&&u&&d.parentNode.replaceChild(u,d);const p=r.body.innerHTML;let h="";t&&(h=t+".css");let m=this.builder.addSection(p,h);m&&(this.clearSelection(),this.reSelect(m))}this.builder.settings.onChange(),this.dictation.finish()}clearSelection(){const e=this.builder.doc.querySelector(".box-select");e&&e.classList.remove("box-select");const t=this.builder.doc.querySelector(".section-select");t&&t.classList.remove("section-select"),this.builder.editor.util.clearActiveCell(),this.builder.editor.util.clearAfterUndoRedo()}reSelect(e){let t=!1;if(e.classList.contains("is-box")&&(t=!0),t)e.classList.add("box-select"),this.builder.activeBox=e,this.builder.wrapperEl.classList.add("hard-select"),e.classList.add("section-select"),this.builder.activeSection=e,this.builder.positionTool(e);else{let t=e.querySelector("div.replace-this");t?(t.classList.add("box-select"),this.builder.activeBox=t):(t=e.querySelector(".is-box"),t&&(t.classList.add("box-select"),this.builder.activeBox=t)),this.builder.wrapperEl.classList.add("hard-select"),e.classList.add("section-select"),this.builder.activeSection=e,this.builder.positionTool(e),this.builder.wrapperEl.querySelectorAll(".replace-this").forEach((e=>{e.classList.remove("replace-this")}))}}openMore(){const e=this.popAIMore;let t,i,n=this.builder.activeBox.querySelector(".input-box-more");if(this.builder.editor.util.showPop(e,!1,n),this.builder.iframe){let e=this.builder.iframe.getBoundingClientRect().top+window.pageYOffset,o=this.builder.iframe.getBoundingClientRect().left+window.pageXOffset;t=n.getBoundingClientRect().top+e,i=n.getBoundingClientRect().left+o}else t=n.getBoundingClientRect().top+window.pageYOffset,i=n.getBoundingClientRect().left+window.pageXOffset;const o=e.offsetWidth;t+=n.offsetHeight*this.builder.editor.opts.zoom,i+=n.offsetWidth*this.builder.editor.opts.zoom,e.style.top=t+10/this.builder.editor.opts.zoom+"px",e.style.left=i-o+12/this.builder.editor.opts.zoom+"px"}}const Cy=new e;return class{constructor(e={}){const i={wrapper:".is-wrapper",previewURL:"preview.html",useSidebar:!0,disableLoadingStatus:!1,sidebarData:{buttons:[{name:"section",title:"Sections"},{name:"snippet",title:"Content Blocks"},{name:"typography",title:"Typography"},{name:"code",title:"HTML"}]},htmlSyntaxHighlighting:!0,enableContentStyle:!0,disableStaticSection:!1,framework:"",imageRenameOnEdit:!0,designUrl1:"assets/designs/basic.js",designUrl2:"assets/designs/examples.js",designPath:"assets/designs/",designPathReplace:[],defaultDesignCategory:5,templates:[],featuredCategories:[{id:1,designId:1,name:"Basic"},{id:1,designId:2,name:"Header"},{id:2,designId:1,name:"Slider"},{id:2,designId:2,name:"Article"},{id:3,designId:2,name:"Photos"}],defaultCategory:{id:1,designId:1},templateThumbnailSize:"",scriptPath:"",snippetUrl:"assets/minimalist-blocks/content.js",snippetPath:"assets/minimalist-blocks/",snippetPathReplace:[],assetPath:"assets/",modulePath:"assets/modules/",contentStylePath:"assets/styles/",pluginPath:"contentbuilder/",fontAssetPath:"assets/fonts/",plugins:[{name:"preview",showInMainToolbar:!0,showInElementToolbar:!0},{name:"wordcount",showInMainToolbar:!0,showInElementToolbar:!0},{name:"symbols",showInMainToolbar:!0,showInElementToolbar:!1}],disableConfig:!1,maxColumns:6,useLightbox:!0,lightboxArrow:!0,themes:[["#ffffff","",""],["#282828","dark","contentbuilder/themes/dark.css"],["#0088dc","colored","contentbuilder/themes/colored-blue.css"],["#006add","colored","contentbuilder/themes/colored-blue6.css"],["#0a4d92","colored","contentbuilder/themes/colored-darkblue.css"],["#96af16","colored","contentbuilder/themes/colored-green.css"],["#f3522b","colored","contentbuilder/themes/colored-orange.css"],["#b92ea6","colored","contentbuilder/themes/colored-magenta.css"],["#e73171","colored","contentbuilder/themes/colored-pink.css"],["#782ec5","colored","contentbuilder/themes/colored-purple.css"],["#ed2828","colored","contentbuilder/themes/colored-red.css"],["#f9930f","colored","contentbuilder/themes/colored-yellow.css"],["#13b34b","colored","contentbuilder/themes/colored-green4.css"],["#333333","colored-dark","contentbuilder/themes/colored-dark.css"],["#dbe5f5","light","contentbuilder/themes/light-blue.css"],["#fbe6f2","light","contentbuilder/themes/light-pink.css"],["#dcdaf3","light","contentbuilder/themes/light-purple.css"],["#ffe9e0","light","contentbuilder/themes/light-red.css"],["#fffae5","light","contentbuilder/themes/light-yellow.css"],["#ddf3dc","light","contentbuilder/themes/light-green.css"],["#c7ebfd","light","contentbuilder/themes/light-blue2.css"],["#ffd5f2","light","contentbuilder/themes/light-pink2.css"],["#eadafb","light","contentbuilder/themes/light-purple2.css"],["#c5d4ff","light","contentbuilder/themes/light-blue3.css"],["#ffefb1","light","contentbuilder/themes/light-yellow2.css"],["#fefefe","light","contentbuilder/themes/light-gray3.css"],["#e5e5e5","light","contentbuilder/themes/light-gray2.css"],["#dadada","light","contentbuilder/themes/light-gray.css"],["#3f4ec9","colored","contentbuilder/themes/colored-blue2.css"],["#6779d9","colored","contentbuilder/themes/colored-blue4.css"],["#10b9d7","colored","contentbuilder/themes/colored-blue3.css"],["#006add","colored","contentbuilder/themes/colored-blue5.css"],["#e92f94","colored","contentbuilder/themes/colored-pink3.css"],["#a761d9","colored","contentbuilder/themes/colored-purple2.css"],["#f9930f","colored","contentbuilder/themes/colored-yellow2.css"],["#f3522b","colored","contentbuilder/themes/colored-red3.css"],["#36b741","colored","contentbuilder/themes/colored-green2.css"],["#00c17c","colored","contentbuilder/themes/colored-green3.css"],["#fb3279","colored","contentbuilder/themes/colored-pink2.css"],["#ff6d13","colored","contentbuilder/themes/colored-orange2.css"],["#f13535","colored","contentbuilder/themes/colored-red2.css"],["#646464","colored","contentbuilder/themes/colored-gray.css"],["#3f4ec9","dark","contentbuilder/themes/dark-blue.css"],["#0b4d92","dark","contentbuilder/themes/dark-blue2.css"],["#006add","dark","contentbuilder/themes/dark-blue3.css"],["#5f3ebf","dark","contentbuilder/themes/dark-purple.css"],["#e92f69","dark","contentbuilder/themes/dark-pink.css"],["#4c4c4c","dark","contentbuilder/themes/dark-gray.css"],["#ed2828","dark","contentbuilder/themes/dark-red.css"],["#006add","colored","contentbuilder/themes/colored-blue8.css"],["#ff7723","colored","contentbuilder/themes/colored-orange3.css"],["#ff5722","colored","contentbuilder/themes/colored-red5.css"],["#f13535","colored","contentbuilder/themes/colored-red4.css"],["#00bd79","colored","contentbuilder/themes/colored-green5.css"],["#557ae9","colored","contentbuilder/themes/colored-blue7.css"],["#fb3279","colored","contentbuilder/themes/colored-pink4.css"]],backgroundColor:"#f1f1f1",imageselect:"",fileselect:"",imageSelect:"",fileSelect:"",videoselect:"",videoSelect:"",audioSelect:"",mediaSelect:"",selectIcon:'<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-folder"></use></svg>',otherSelect:"",otherSelectCaption:"Select Document",otherSelectIcon:'<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-list-search"></use></svg>',imageSelectWidth:"1024px",imageSelectHeight:"80vh",fileSelectWidth:"1024px",fileSelectHeight:"80vh",videoSelectWidth:"1024px",videoSelectHeight:"80vh",audioSelectWidth:"1024px",audioSelectHeight:"80vh",mediaSelectWidth:"1024px",mediaSelectHeight:"80vh",assetRefresh:!1,slider:"",navbar:!1,onRender:function(){},onChange:function(){},onCoverImageSelectClick:null,coverImageHandler:"",customval:"",enableAnimation:!1,colors:["#ff8f00","#ef6c00","#d84315","#c62828","#58362f","#37474f","#353535","#f9a825","#9e9d24","#558b2f","#ad1457","#6a1b9a","#4527a0","#616161","#00b8c9","#009666","#2e7d32","#0277bd","#1565c0","#283593","#9e9e9e"],gradientcolors:[["linear-gradient(0deg, rgb(255, 57, 25), rgb(249, 168, 37))","light"],["linear-gradient(0deg, rgb(255, 57, 25), rgb(255, 104, 15))","light"],["linear-gradient(0deg, #FF5722, #FF9800)","light"],["linear-gradient(0deg, #613ca2, rgb(110, 123, 217))","light"],["linear-gradient(0deg, rgb(65, 70, 206), rgb(236, 78, 130))","light"],["linear-gradient(0deg, rgb(0, 150, 102), rgb(90, 103, 197))","light"],["linear-gradient(30deg, rgb(249, 119, 148), rgb(98, 58, 162))","light"],["linear-gradient(0deg, rgb(223, 70, 137), rgb(90, 103, 197))","light"],["linear-gradient(0deg, rgb(40, 53, 147), rgb(90, 103, 197))","light"],["linear-gradient(0deg, rgb(21, 101, 192), rgb(52, 169, 239))","light"],["linear-gradient(0deg, rgb(32, 149, 219), rgb(139, 109, 230))","light"],["linear-gradient(0deg, rgb(90, 103, 197), rgb(0, 184, 201))","light"],["linear-gradient(0deg, rgb(0, 184, 201), rgb(253, 187, 45))","light"],["linear-gradient(0deg, rgb(255, 208, 100), rgb(239, 98, 159))","light"],["linear-gradient(0deg, rgb(0, 214, 223), rgb(130, 162, 253))","light"],["linear-gradient(0deg, rgb(50, 234, 251), rgb(248, 247, 126))","dark"],["linear-gradient(0deg, rgb(141, 221, 255), rgb(255, 227, 255))","dark"],["linear-gradient(0deg, rgb(255, 170, 170), rgb(255, 255, 200))","dark"],["linear-gradient(0deg, rgb(239, 239, 239), rgb(252, 252, 252))","dark"]],photoselect:"",moduleConfig:[],largerImageHandler:"",imageHandler:"",mediaHandler:"",videoHandler:"",audioHandler:"",fileHandler:"",cellFormat:"",rowFormat:"",row:"",cols:[],colequal:[],colsizes:[],classReplace:[],columnTool:!0,elementTool:!0,buttons:["bold","italic","underline","formatting","color","align","textsettings","createLink","tags","|","undo","redo","zoom","more"],buttonsMore:["icon","image","|","list","font","formatPara","|","preferences"],elementButtons:["left","center","right","full","undo","redo","zoom","more"],elementButtonsMore:["|","preferences"],iconButtons:["icon","color","textsettings","createLink","|","undo","redo","zoom","more"],iconButtonsMore:["|","preferences"],customTags:[],animateModal:!1,elementAnimate:!1,elementEditor:!0,imageQuality:.92,columnHtmlEditor:!0,rowHtmlEditor:!0,rowMoveButtons:!0,scrollableEditingToolbar:!0,toolbar:"top",toolbarDisplay:"auto",toolbarAddSnippetButton:!1,paste:"html-without-styles",builderMode:"",rowcolOutline:!0,elementSelection:!0,animatedSorting:!1,dragWithoutHandle:!1,addButtonPlacement:"",snippetCategories:[[120,"Basic"],[118,"Article"],[101,"Headline"],[119,"Buttons"],[102,"Photos"],[103,"Profile"],[116,"Contact"],[104,"Products"],[105,"Features"],[106,"Process"],[107,"Pricing"],[108,"Skills"],[109,"Achievements"],[110,"Quotes"],[111,"Partners"],[112,"As Featured On"],[113,"Page Not Found"],[114,"Coming Soon"],[115,"Help, FAQ"]],defaultSnippetCategory:120,outlineMode:"",elementHighlight:!0,rowTool:"right",toolStyle:"",outlineStyle:"",snippetAddTool:!0,mobileSimpleEdit:!1,clearPreferences:!1,imageEmbed:!0,undoRedoStyles:!0,undoContainerOnly:!1,absolutePath:!1,maxEmbedImageWidth:1600,zoom:.6,shortenHTML:!0,advancedTimeline:!0,previewStyle:"top:auto;bottom:30px;left:90px;right:auto;",livePreviewOpen:!1,livePreviewAlwaysReload:!1,livePreviewReloadEvery:30,deleteConfirm:!1,sectionTemplate:'\n            <div class="is-section is-box is-section-100 box-autofit type-opensans">\n                <div class="is-overlay"></div>\n                <div class="is-container is-content-1000 v2 size-18 leading-14">\n                    [%CONTENT%]\n                </div>\n            </div>\n            ',contentStyleWithSample:!1,contentSizes:[300,320,340,360,380,400,420,440,460,480,500,520,540,560,580,600,620,640,660,680,700,720,740,760,780,800,820,840,860,880,900,920,940,960,970,980,1e3,1020,1040,1050,1060,1080,1100,1120,1140,1160,1180,1200,1220,1240,1260,1280,1300,1320,1340,1360,1380,1400,1420,1440,1460,1480,1500,1520,1540,1560,1580,1600,1620,1640,1660,1680,1700,1720,1740,1760,1780,1800,1820,1840,1860,1880,1900,1920,1940,1960,1980,2e3,2020,2040,2060,2080,2100,2120,2140,2160,2180,2200,2220,2240,2260,2280,2300,2320,2340,2360,2380,2400,2420,2440,2460,2480,2500,2520,2540,2560,2580,2600,2620,2640,2660,2680,2700],contentStyles:{data:{categories:[{id:-1,desc:"ALL"},{id:1,desc:"Sans-serif & Sans-serif"},{id:2,desc:"Serif & Serif"},{id:3,desc:"Sans-serif & Serif"},{id:4,desc:"Serif & Sans-serif"},{id:5,desc:"Monospace & Monospace"},{id:6,desc:"Monospace & Sans-serif"},{id:7,desc:"Sans-serif & Monospace"},{id:8,desc:"Display & Sans-serif"},{id:9,desc:"Handwriting & Sans-serif"},{id:10,desc:"Display & Serif"},{id:11,desc:"Handwriting & Serif"},{id:12,desc:"Display & Monospace"},{id:13,desc:"Handwriting & Monospace"},{id:14,desc:"Display & Display"}],styles:[{css:"basetype-opensans.css",sectioncss:"type-opensans.css",classname:"type-opensans",img:"000.png",category:9,default:!0,caption:"Open Sans"},{css:"basetype-spectralsc-karma.css",sectioncss:"type-spectralsc-karma.css",classname:"type-spectralsc-karma",img:"004.png",category:2,default:!0,caption:"Spectral SC & Karma"},{css:"basetype-alegreyasanssc-hind.css",sectioncss:"type-alegreyasanssc-hind.css",classname:"type-alegreyasanssc-hind",img:"006.png",category:1,default:!0,caption:"Alegreya Sans SC & Hind"},{css:"basetype-cabinsketch-montserrat.css",sectioncss:"type-cabinsketch-montserrat.css",classname:"type-cabinsketch-montserrat",img:"007.png",category:8,default:!0,caption:"Cabin Sketch & Montserrat"},{css:"basetype-anonymouspro-catamaran.css",sectioncss:"type-anonymouspro-catamaran.css",classname:"type-anonymouspro-catamaran",img:"010.png",category:6,default:!0,caption:"Anonymous Pro & Catamaran"},{css:"basetype-nothingyouc-ibmplexmono.css",sectioncss:"type-nothingyouc-ibmplexmono.css",classname:"type-nothingyouc-ibmplexmono",img:"011.png",category:13,default:!0,caption:"Nothing You Could Do & IBM Plex Mono"},{css:"basetype-juliussansone-taviraj.css",sectioncss:"type-juliussansone-taviraj.css",classname:"type-juliussansone-taviraj",img:"012.png",category:3,default:!0,caption:"Julius Sans One & Taviraj"},{css:"basetype-voltaire-sourcecodepro.css",sectioncss:"type-voltaire-sourcecodepro.css",classname:"type-voltaire-sourcecodepro",img:"013.png",category:7,default:!0,caption:"Voltaire & Source Code Pro"},{css:"basetype-oregano-zillaslab.css",sectioncss:"type-oregano-zillaslab.css",classname:"type-oregano-zillaslab",img:"014.png",category:10,default:!0,caption:"Oregano & Zilla Slab"},{css:"basetype-anonymouspro.css",sectioncss:"type-anonymouspro.css",classname:"type-anonymouspro",img:"016.png",category:5,default:!1,caption:"Anonymous Pro"},{css:"basetype-dancingscript-anonymouspro.css",sectioncss:"type-dancingscript-anonymouspro.css",classname:"type-dancingscript-anonymouspro",img:"018.png",category:13,default:!1,caption:"Dancing Script & Anonymous Pro"},{css:"basetype-unicaone-cormorantgaramond.css",sectioncss:"type-unicaone-cormorantgaramond.css",classname:"type-unicaone-cormorantgaramond",img:"019.png",category:10,default:!1,caption:"Unica One & Cormorant Garamond"},{css:"basetype-allan-overpassmono.css",sectioncss:"type-allan-overpassmono.css",classname:"type-allan-overpassmono",img:"020.png",category:12,default:!1,caption:"Allan & Overpass Mono"},{css:"basetype-averialibre-barlow.css",sectioncss:"type-averialibre-barlow.css",classname:"type-averialibre-barlow",img:"021.png",category:8,default:!1,caption:"Averia Libre & Barlow"},{css:"basetype-merriweathersans-martel.css",sectioncss:"type-merriweathersans-martel.css",classname:"type-merriweathersans-martel",img:"022.png",category:3,default:!1,caption:"Merriweather Sans & Martel"},{css:"basetype-poppins.css",sectioncss:"type-poppins.css",classname:"type-poppins",img:"023.png",category:1,default:!1,caption:"Poppins"},{css:"basetype-specialelite-encodesans.css",sectioncss:"type-specialelite-encodesans.css",classname:"type-specialelite-encodesans",img:"026.png",category:8,default:!1,caption:"Special Elite & Encode Sans"},{css:"basetype-marcellussc-heebo.css",sectioncss:"type-marcellussc-heebo.css",classname:"type-marcellussc-heebo",img:"028.png",category:4,default:!1,caption:"Marcellus SC & Heebo"},{css:"basetype-oswald-cousine.css",sectioncss:"type-oswald-cousine.css",classname:"type-oswald-cousine",img:"029.png",category:7,default:!1,caption:"Oswald & Cousine"},{css:"basetype-oranienbaum-sourcesanspro.css",sectioncss:"type-oranienbaum-sourcesanspro.css",classname:"type-oranienbaum-sourcesanspro",img:"031.png",category:4,default:!1,caption:"Oranienbaum & Source Sans Pro"},{css:"basetype-sriracha-arvo.css",sectioncss:"type-sriracha-arvo.css",classname:"type-sriracha-arvo",img:"032.png",category:11,default:!1,caption:"Sriracha & Arvo"},{css:"basetype-merriweather.css",sectioncss:"type-merriweather.css",classname:"type-merriweather",img:"033.png",category:2,default:!1,caption:"Merriweather"},{css:"basetype-badscript-rokkitt.css",sectioncss:"type-badscript-rokkitt.css",classname:"type-badscript-rokkitt",img:"034.png",category:11,default:!1,caption:"Bad Script & Rokkitt"},{css:"basetype-inconsolata.css",sectioncss:"type-inconsolata.css",classname:"type-inconsolata",img:"036.png",category:5,default:!1,caption:"Inconsolata"},{css:"basetype-novamono-robotomono.css",sectioncss:"type-novamono-robotomono.css",classname:"type-novamono-robotomono",img:"037.png",category:5,default:!1,caption:"Nova Mono & Roboto Mono"},{css:"basetype-spacemono.css",sectioncss:"type-spacemono.css",classname:"type-spacemono",img:"038.png",category:5,default:!1,caption:"Space Mono"},{css:"basetype-elsie-frankruhllibre.css",sectioncss:"type-elsie-frankruhllibre.css",classname:"type-elsie-frankruhllibre",img:"042.png",category:10,default:!1,caption:"Elsie & Frank Ruhl Libre"},{css:"basetype-playfairdisp-petitformalscr.css",sectioncss:"type-playfairdisp-petitformalscr.css",classname:"type-playfairdisp-petitformalscr",img:"043.png",category:2,default:!1,caption:"Playfair Display"},{css:"basetype-josefinsans-neuton.css",sectioncss:"type-josefinsans-neuton.css",classname:"type-josefinsans-neuton",img:"044.png",category:3,default:!1,caption:"Josefin Sans & Neuton"},{css:"basetype-stintultracon-inconsolata.css",sectioncss:"type-stintultracon-inconsolata.css",classname:"type-stintultracon-inconsolata",img:"045.png",category:12,default:!1,caption:"Stint Ultra Condensed & Inconsolata"},{css:"basetype-raleway-playfairdisplay.css",sectioncss:"type-raleway-playfairdisplay.css",classname:"type-raleway-playfairdisplay",img:"047.png",category:1,default:!1,caption:"Raleway"},{css:"basetype-ubuntumono-sourcecodepro.css",sectioncss:"type-ubuntumono-sourcecodepro.css",classname:"type-ubuntumono-sourcecodepro",img:"049.png",category:5,default:!1,caption:"Ubuntu Mono & Source Code Pro"},{css:"basetype-sharetechmono-nunito.css",sectioncss:"type-sharetechmono-nunito.css",classname:"type-sharetechmono-nunito",img:"050.png",category:6,default:!1,caption:"Share Tech Mono & Nunito"},{css:"basetype-lato.css",sectioncss:"type-lato.css",classname:"type-lato",img:"051.png",category:1,default:!1,caption:"Lato"},{css:"basetype-pathwaygothicone-merriweather.css",sectioncss:"type-pathwaygothicone-merriweather.css",classname:"type-pathwaygothicone-merriweather",img:"052.png",category:3,default:!1,caption:"Pathway Gothic One & Merriweather"},{css:"basetype-forum-nanumgothiccoding.css",sectioncss:"type-forum-nanumgothiccoding.css",classname:"type-forum-nanumgothiccoding",img:"053.png",category:12,default:!1,caption:"Forum & Nanum Gothic Coding"},{css:"basetype-bilbo-halant.css",sectioncss:"type-bilbo-halant.css",classname:"type-bilbo-halant",img:"054.png",category:11,default:!1,caption:"Bilbo & Halant"},{css:"basetype-hammersmithone-poppins.css",sectioncss:"type-hammersmithone-poppins.css",classname:"type-hammersmithone-poppins",img:"057.png",category:1,default:!1,caption:"Hammersmith One & Poppins"},{css:"basetype-arimamadurai.css",sectioncss:"type-arimamadurai.css",classname:"type-arimamadurai",img:"058.png",category:14,default:!1,caption:"Arima Madurai"},{css:"basetype-teko-muktamahee.css",sectioncss:"type-teko-muktamahee.css",classname:"type-teko-muktamahee",img:"059.png",category:1,default:!1,caption:"Teko & Mukta Mahee"},{css:"basetype-heebo-ibmplexmono.css",sectioncss:"type-heebo-ibmplexmono.css",classname:"type-heebo-ibmplexmono",img:"060.png",category:7,default:!1,caption:"Heebo & IBM Plex Mono"},{css:"basetype-sairacon-thegirlnextdoor.css",sectioncss:"type-sairacon-thegirlnextdoor.css",classname:"type-sairacon-thegirlnextdoor",img:"062.png",category:1,default:!1,caption:"Saira Condensed"},{css:"basetype-frankruhllibre-lato.css",sectioncss:"type-frankruhllibre-lato.css",classname:"type-frankruhllibre-lato",img:"063.png",category:4,default:!1,caption:"Frank Ruhl Libre & Lato"},{css:"basetype-yantramanav-ibmplexserif.css",sectioncss:"type-yantramanav-ibmplexserif.css",classname:"type-yantramanav-ibmplexserif",img:"064.png",category:1,default:!1,caption:"Yantramanav & IBM Plex Serif"},{css:"basetype-quicksand-kalam.css",sectioncss:"type-quicksand-kalam.css",classname:"type-quicksand-kalam",img:"065.png",category:1,default:!1,caption:"Quicksand & Kalam"},{css:"basetype-ibmplexmono.css",sectioncss:"type-ibmplexmono.css",classname:"type-ibmplexmono",img:"066.png",category:5,default:!1,caption:"IBM Plex Mono"},{css:"basetype-cinzeldecor-palanquin.css",sectioncss:"type-cinzeldecor-palanquin.css",classname:"type-cinzeldecor-palanquin",img:"067.png",category:8,default:!1,caption:"Cinzel Decorative & Palanquin"},{css:"basetype-oswald-biryani.css",sectioncss:"type-oswald-biryani.css",classname:"type-oswald-biryani",img:"069.png",category:1,default:!1,caption:"Oswald & Biryani"},{css:"basetype-yanonekaff-josefinsans.css",sectioncss:"type-yanonekaff-josefinsans.css",classname:"type-yanonekaff-josefinsans",img:"070.png",category:1,default:!1,caption:"Yanone Kaffeesatz & Josefin Sans"},{css:"basetype-abrilfatface-assistant.css",sectioncss:"type-abrilfatface-assistant.css",classname:"type-abrilfatface-assistant",img:"071.png",category:8,default:!1,caption:"Abril Fatface & Assistant"},{css:"basetype-nanumgothiccod-firasanscon.css",sectioncss:"type-nanumgothiccod-firasanscon.css",classname:"type-nanumgothiccod-firasanscon",img:"072.png",category:6,default:!1,caption:"Nanum Gothic Coding & Fira Sans Condensed"},{css:"basetype-inder-trirong.css",sectioncss:"type-inder-trirong.css",classname:"type-inder-trirong",img:"073.png",category:3,default:!1,caption:"Inder & Trirong"},{css:"basetype-atma-tajawal.css",sectioncss:"type-atma-tajawal.css",classname:"type-atma-tajawal",img:"075.png",category:8,default:!1,caption:"Atma & Tajawal"},{css:"basetype-prata-hindsiliguri.css",sectioncss:"type-prata-hindsiliguri.css",classname:"type-prata-hindsiliguri",img:"076.png",category:4,default:!1,caption:"Prata & Hind Siliguri"},{css:"basetype-federo-gothica1.css",sectioncss:"type-federo-gothica1.css",classname:"type-federo-gothica1",img:"078.png",category:1,default:!1,caption:"Federo & Gothic A1"},{css:"basetype-fjallaone-ibmplexserif.css",sectioncss:"type-fjallaone-ibmplexserif.css",classname:"type-fjallaone-ibmplexserif",img:"079.png",category:3,default:!1,caption:"Fjalla One & IBM Plex Serif"},{css:"basetype-cormorantsc-ibmplexsanscon.css",sectioncss:"type-cormorantsc-ibmplexsanscon.css",classname:"type-cormorantsc-ibmplexsanscon",img:"081.png",category:4,default:!1,caption:"Cormorant SC & IBM Plex Sans Condensed"},{css:"basetype-kalam-robotomono.css",sectioncss:"type-kalam-robotomono.css",classname:"type-kalam-robotomono",img:"082.png",category:13,default:!1,caption:"Kalam & Roboto Mono"},{css:"basetype-fugazone-librefranklin.css",sectioncss:"type-fugazone-librefranklin.css",classname:"type-fugazone-librefranklin",img:"083.png",category:8,default:!1,caption:"Fugaz One & Libre Franklin"},{css:"basetype-yeonsung-palanquin.css",sectioncss:"type-yeonsung-palanquin.css",classname:"type-yeonsung-palanquin",img:"085.png",category:8,default:!1,caption:"Yeon Sung & Palanquin"},{css:"basetype-rancho-robotoslab.css",sectioncss:"type-rancho-robotoslab.css",classname:"type-rancho-robotoslab",img:"086.png",category:11,default:!1,caption:"Rancho & Roboto Slab"},{css:"basetype-tenaram-overpassmono.css",sectioncss:"type-tenaram-overpassmono.css",classname:"type-tenaram-overpassmono",img:"087.png",category:7,default:!1,caption:"Tenali Ramakrishna & Overpass Mono"},{css:"basetype-thegirlnextdoor-sourcesanspro.css",sectioncss:"type-thegirlnextdoor-sourcesanspro.css",classname:"type-thegirlnextdoor-sourcesanspro",img:"088.png",category:9,default:!1,caption:"The Girl Next Door & Source Sans Pro"},{css:"basetype-boogaloo-inconsolata.css",sectioncss:"type-boogaloo-inconsolata.css",classname:"type-boogaloo-inconsolata",img:"090.png",category:12,default:!1,caption:"Boogaloo & Inconsolata"},{css:"basetype-caveat-sourcecodepro.css",sectioncss:"type-caveat-sourcecodepro.css",classname:"type-caveat-sourcecodepro",img:"091.png",category:13,default:!1,caption:"Caveat & Source Code Pro"},{css:"basetype-passionone-worksans.css",sectioncss:"type-passionone-worksans.css",classname:"type-passionone-worksans",img:"092.png",category:8,default:!1,caption:"Passion One & Work Sans"},{css:"basetype-anticdidone-halant.css",sectioncss:"type-anticdidone-halant.css",classname:"type-anticdidone-halant",img:"093.png",category:2,default:!1,caption:"Antic Didone & Halant"},{css:"basetype-adventpro-opensans.css",sectioncss:"type-adventpro-opensans.css",classname:"type-adventpro-opensans",img:"094.png",category:1,default:!1,caption:"Advent Pro & Open Sans"},{css:"basetype-cutivemono-lato.css",sectioncss:"type-cutivemono-lato.css",classname:"type-cutivemono-lato",img:"095.png",category:6,default:!1,caption:"Cutive Mono & Lato"},{css:"basetype-elsie-montserrat.css",sectioncss:"type-elsie-montserrat.css",classname:"type-elsie-montserrat",img:"096.png",category:8,default:!1,caption:"Elsie & Montserrat"},{css:"basetype-macondo-mukta.css",sectioncss:"type-macondo-mukta.css",classname:"type-macondo-mukta",img:"097.png",category:8,default:!1,caption:"Macondo & Mukta"},{css:"basetype-oswald-opensans.css",sectioncss:"type-oswald-opensans.css",classname:"type-oswald-opensans",img:"098.png",category:1,default:!1,caption:"Oswald & Open Sans"},{css:"basetype-poppins-lekton.css",sectioncss:"type-poppins-lekton.css",classname:"type-poppins-lekton",img:"099.png",category:1,default:!1,caption:"Poppins & Lekton"},{css:"basetype-raleway-neuton.css",sectioncss:"type-raleway-neuton.css",classname:"type-raleway-neuton",img:"100.png",category:3,default:!1,caption:"Raleway & Neuton"},{css:"basetype-sourcecodepro-nunitosans.css",sectioncss:"type-sourcecodepro-nunitosans.css",classname:"type-sourcecodepro-nunitosans",img:"101.png",category:6,default:!1,caption:"Source Code Pro & Nunito Sans"},{css:"basetype-tangerine-opensans.css",sectioncss:"type-tangerine-opensans.css",classname:"type-tangerine-opensans",img:"102.png",category:9,default:!1,caption:"Tangerine & Open Sans"},{css:"basetype-alegreya-lato.css",sectioncss:"type-alegreya-lato.css",classname:"type-alegreya-lato",img:"103.png",category:4,default:!1,caption:"Alegreya & Lato"},{css:"basetype-amaticsc-lato.css",sectioncss:"type-amaticsc-lato.css",classname:"type-amaticsc-lato",img:"104.png",category:9,default:!1,caption:"Amatic SC & Lato"},{css:"basetype-heebo-ibmplexmono-2.css",sectioncss:"type-heebo-ibmplexmono-2.css",classname:"type-heebo-ibmplexmono-2",img:"105.png",category:7,default:!1,caption:"Heebo & IBM Plex Mono"},{css:"basetype-juliussansone-robotocondensed.css",sectioncss:"type-juliussansone-robotocondensed.css",classname:"type-juliussansone-robotocondensed",img:"106.png",category:1,default:!1,caption:"Julius Sans One & Roboto Condensed"},{css:"basetype-montserrat-roboto.css",sectioncss:"type-montserrat-roboto.css",classname:"type-montserrat-roboto",img:"107.png",category:1,default:!1,caption:"Montserrat & Roboto"},{css:"basetype-nothingyouc-ibmplexmono-2.css",sectioncss:"type-nothingyouc-ibmplexmono-2.css",classname:"type-nothingyouc-ibmplexmono-2",img:"108.png",category:13,default:!1,caption:"Nothing You Could Do & IBM Plex Mono"},{css:"basetype-raleway-lato.css",sectioncss:"type-raleway-lato.css",classname:"type-raleway-lato",img:"109.png",category:1,default:!1,caption:"Raleway & Lato"},{css:"basetype-raleway-lusitana.css",sectioncss:"type-raleway-lusitana.css",classname:"type-raleway-lusitana",img:"110.png",category:3,default:!1,caption:"Raleway & Lusitana"},{css:"basetype-rufina-oxygen.css",sectioncss:"type-rufina-oxygen.css",classname:"type-rufina-oxygen",img:"111.png",category:4,default:!1,caption:"Rufina & Oxygen"},{css:"basetype-sacramento-opensans.css",sectioncss:"type-sacramento-opensans.css",classname:"type-sacramento-opensans",img:"112.png",category:9,default:!1,caption:"Sacramento & Open Sans"},{css:"basetype-specialelite-playfairdisplay.css",sectioncss:"type-specialelite-playfairdisplay.css",classname:"type-specialelite-playfairdisplay",img:"113.png",category:10,default:!1,caption:"Special Elite & Playfair Display"},{css:"basetype-unicaone-sourcesanspro.css",sectioncss:"type-unicaone-sourcesanspro.css",classname:"type-unicaone-sourcesanspro",img:"114.png",category:8,default:!1,caption:"Unica One & Source Sans Pro"},{css:"basetype-amaticsc-josepfinsans.css",sectioncss:"type-amaticsc-josepfinsans.css",classname:"type-amaticsc-josepfinsans",img:"001.png",category:9,default:!0,caption:"Amatic SC & Josefin Sans"},{css:"basetype-sourcesanspro-anonymouspro.css",sectioncss:"type-sourcesanspro-anonymouspro.css",classname:"type-sourcesanspro-anonymouspro",img:"002.png",category:7,default:!0,caption:"Source Sans Pro & Anonymous Pro"},{css:"basetype-poppins-oldstandardtt.css",sectioncss:"type-poppins-oldstandardtt.css",classname:"type-poppins-oldstandardtt",img:"003.png",category:3,default:!0,caption:"Poppins & Old Standard TT"},{css:"basetype-yesteryear-chivo.css",sectioncss:"type-yesteryear-chivo.css",classname:"type-yesteryear-chivo",img:"005.png",category:9,default:!0,caption:"Yesteryear & Chivo"},{css:"basetype-ptserif-poppins.css",sectioncss:"type-ptserif-poppins.css",classname:"type-ptserif-poppins",img:"008.png",category:4,default:!0,caption:"PT Serif & Poppins"},{css:"basetype-kellyslab-yantramanav.css",sectioncss:"type-kellyslab-yantramanav.css",classname:"type-kellyslab-yantramanav",img:"009.png",category:8,default:!0,caption:"Kelly Slab & Yantramanav"},{css:"basetype-yellowtail-frankruhllibre.css",sectioncss:"type-yellowtail-frankruhllibre.css",classname:"type-yellowtail-frankruhllibre",img:"015.png",category:11,default:!0,caption:"Yellowtail & Frank Ruhl Libre"},{css:"basetype-sedgwickave-spectral.css",sectioncss:"type-sedgwickave-spectral.css",classname:"type-sedgwickave-spectral",img:"017.png",category:10,default:!1,caption:"Sedgwick Ave & Spectral"},{css:"basetype-satisfy-economica.css",sectioncss:"type-satisfy-economica.css",classname:"type-satisfy-economica",img:"024.png",category:9,default:!1,caption:"Satisfy & Economica"},{css:"basetype-josefinsans-lekton.css",sectioncss:"type-josefinsans-lekton.css",classname:"type-josefinsans-lekton",img:"025.png",category:1,default:!1,caption:"Josefin Sans & Lekton"},{css:"basetype-parisienne-maitree.css",sectioncss:"type-parisienne-maitree.css",classname:"type-parisienne-maitree",img:"027.png",category:11,default:!1,caption:"Parisienne & Maitree"},{css:"basetype-londrinashadow-martel.css",sectioncss:"type-londrinashadow-martel.css",classname:"type-londrinashadow-martel",img:"030.png",category:10,default:!1,caption:"Londrina Shadow & Martel"},{css:"basetype-poiretone-pridi.css",sectioncss:"type-poiretone-pridi.css",classname:"type-poiretone-pridi",img:"035.png",category:10,default:!1,caption:"Poiret One & Pridi"},{css:"basetype-pollerone-ibmplexserif.css",sectioncss:"type-pollerone-ibmplexserif.css",classname:"type-pollerone-ibmplexserif",img:"039.png",category:10,default:!1,caption:"Poller One & IBM Plex Serif"},{css:"basetype-italiana-martel.css",sectioncss:"type-italiana-martel.css",classname:"type-italiana-martel",img:"040.png",category:2,default:!1,caption:"Italiana & Martel"},{css:"basetype-julee-lora.css",sectioncss:"type-julee-lora.css",classname:"type-julee-lora",img:"041.png",category:11,default:!1,caption:"Julee & Lora"},{css:"basetype-sixcaps-robotomono.css",sectioncss:"type-sixcaps-robotomono.css",classname:"type-sixcaps-robotomono",img:"046.png",category:7,default:!1,caption:"Six Caps & Roboto Mono"},{css:"basetype-pacifico-nanumgothiccod.css",sectioncss:"type-pacifico-nanumgothiccod.css",classname:"type-pacifico-nanumgothiccod",img:"048.png",category:13,default:!1,caption:"Pacifico & Nanum Gothic Coding"},{css:"basetype-greatvibes-robotomono.css",sectioncss:"type-greatvibes-robotomono.css",classname:"type-greatvibes-robotomono",img:"055.png",category:13,default:!1,caption:"Great Vibes & Roboto Mono"},{css:"basetype-pinyonscript-firasans.css",sectioncss:"type-pinyonscript-firasans.css",classname:"type-pinyonscript-firasans",img:"056.png",category:9,default:!1,caption:"Pinyon Script & Fira Sans"},{css:"basetype-sail-rasa.css",sectioncss:"type-sail-rasa.css",classname:"type-sail-rasa",img:"061.png",category:10,default:!1,caption:"Sail & Rasa"},{css:"basetype-yesevaone-forum.css",sectioncss:"type-yesevaone-forum.css",classname:"type-yesevaone-forum",img:"068.png",category:14,default:!1,caption:"Yeseva One & Forum"},{css:"basetype-dosis-oldstandardtt.css",sectioncss:"type-dosis-oldstandardtt.css",classname:"type-dosis-oldstandardtt",img:"074.png",category:1,default:!1,caption:"Dosis & Old Standard TT"},{css:"basetype-engagement-spectral.css",sectioncss:"type-engagement-spectral.css",classname:"type-engagement-spectral",img:"077.png",category:11,default:!1,caption:"Engagement & Spectral"},{css:"basetype-dynalight-mada.css",sectioncss:"type-dynalight-mada.css",classname:"type-dynalight-mada",img:"080.png",category:8,default:!1,caption:"Dynalight & Mada"},{css:"basetype-gravitasone-nanummyeongjo.css",sectioncss:"type-gravitasone-nanummyeongjo.css",classname:"type-gravitasone-nanummyeongjo",img:"084.png",category:10,default:!1,caption:"Gravitas One & Nanum Myeongjo"},{css:"basetype-alexbrush-ibmplexsans.css",sectioncss:"type-alexbrush-ibmplexsans.css",classname:"type-alexbrush-ibmplexsans",img:"089.png",category:9,default:!1,caption:"Alex Brush & IBM Plex Sans"}]}},contentStylesAlt:{data:{categories:[{id:-1,desc:"ALL"},{id:1,desc:"Sans-serif & Sans-serif"},{id:2,desc:"Serif & Serif"},{id:3,desc:"Sans-serif & Serif"},{id:4,desc:"Serif & Sans-serif"},{id:5,desc:"Monospace & Monospace"},{id:6,desc:"Monospace & Sans-serif"},{id:7,desc:"Sans-serif & Monospace"},{id:8,desc:"Display & Sans-serif"},{id:9,desc:"Handwriting & Sans-serif"},{id:10,desc:"Display & Serif"},{id:11,desc:"Handwriting & Serif"},{id:12,desc:"Display & Monospace"},{id:13,desc:"Handwriting & Monospace"},{id:14,desc:"Display & Display"}],styles:[{css:"basetype-opensans.css",sectioncss:"type-opensans.css",classname:"type-opensans",img:"type-opensans.jpg",category:9,default:!0,caption:"Open Sans"},{css:"basetype-spectralsc-karma.css",sectioncss:"type-spectralsc-karma.css",classname:"type-spectralsc-karma",img:"type-spectralsc-karma.jpg",category:2,default:!0,caption:"Spectral SC & Karma"},{css:"basetype-alegreyasanssc-hind.css",sectioncss:"type-alegreyasanssc-hind.css",classname:"type-alegreyasanssc-hind",img:"type-alegreyasanssc-hind.jpg",category:1,default:!0,caption:"Alegreya Sans SC & Hind"},{css:"basetype-cabinsketch-montserrat.css",sectioncss:"type-cabinsketch-montserrat.css",classname:"type-cabinsketch-montserrat",img:"type-cabinsketch-montserrat.jpg",category:8,default:!0,caption:"Cabin Sketch & Montserrat"},{css:"basetype-anonymouspro-catamaran.css",sectioncss:"type-anonymouspro-catamaran.css",classname:"type-anonymouspro-catamaran",img:"type-anonymouspro-catamaran.jpg",category:6,default:!0,caption:"Anonymous Pro & Catamaran"},{css:"basetype-nothingyouc-ibmplexmono.css",sectioncss:"type-nothingyouc-ibmplexmono.css",classname:"type-nothingyouc-ibmplexmono",img:"type-nothingyouc-ibmplexmono.jpg",category:13,default:!0,caption:"Nothing You Could Do & IBM Plex Mono"},{css:"basetype-juliussansone-taviraj.css",sectioncss:"type-juliussansone-taviraj.css",classname:"type-juliussansone-taviraj",img:"type-juliussansone-taviraj.jpg",category:3,default:!0,caption:"Julius Sans One & Taviraj"},{css:"basetype-voltaire-sourcecodepro.css",sectioncss:"type-voltaire-sourcecodepro.css",classname:"type-voltaire-sourcecodepro",img:"type-voltaire-sourcecodepro.jpg",category:7,default:!0,caption:"Voltaire & Source Code Pro"},{css:"basetype-oregano-zillaslab.css",sectioncss:"type-oregano-zillaslab.css",classname:"type-oregano-zillaslab",img:"type-oregano-zillaslab.jpg",category:10,default:!0,caption:"Oregano & Zilla Slab"},{css:"basetype-anonymouspro.css",sectioncss:"type-anonymouspro.css",classname:"type-anonymouspro",img:"type-anonymouspro.jpg",category:5,default:!1,caption:"Anonymous Pro"},{css:"basetype-dancingscript-anonymouspro.css",sectioncss:"type-dancingscript-anonymouspro.css",classname:"type-dancingscript-anonymouspro",img:"type-dancingscript-anonymouspro.jpg",category:13,default:!1,caption:"Dancing Script & Anonymous Pro"},{css:"basetype-unicaone-cormorantgaramond.css",sectioncss:"type-unicaone-cormorantgaramond.css",classname:"type-unicaone-cormorantgaramond",img:"type-unicaone-cormorantgaramond.jpg",category:10,default:!1,caption:"Unica One & Cormorant Garamond"},{css:"basetype-allan-overpassmono.css",sectioncss:"type-allan-overpassmono.css",classname:"type-allan-overpassmono",img:"type-allan-overpassmono.jpg",category:12,default:!1,caption:"Allan & Overpass Mono"},{css:"basetype-averialibre-barlow.css",sectioncss:"type-averialibre-barlow.css",classname:"type-averialibre-barlow",img:"type-averialibre-barlow.jpg",category:8,default:!1,caption:"Averia Libre & Barlow"},{css:"basetype-merriweathersans-martel.css",sectioncss:"type-merriweathersans-martel.css",classname:"type-merriweathersans-martel",img:"type-merriweathersans-martel.jpg",category:3,default:!1,caption:"Merriweather Sans & Martel"},{css:"basetype-poppins.css",sectioncss:"type-poppins.css",classname:"type-poppins",img:"type-poppins.jpg",category:1,default:!1,caption:"Poppins"},{css:"basetype-specialelite-encodesans.css",sectioncss:"type-specialelite-encodesans.css",classname:"type-specialelite-encodesans",img:"type-specialelite-encodesans.jpg",category:8,default:!1,caption:"Special Elite & Encode Sans"},{css:"basetype-marcellussc-heebo.css",sectioncss:"type-marcellussc-heebo.css",classname:"type-marcellussc-heebo",img:"type-marcellussc-heebo.jpg",category:4,default:!1,caption:"Marcellus SC & Heebo"},{css:"basetype-oswald-cousine.css",sectioncss:"type-oswald-cousine.css",classname:"type-oswald-cousine",img:"type-oswald-cousine.jpg",category:7,default:!1,caption:"Oswald & Cousine"},{css:"basetype-oranienbaum-sourcesanspro.css",sectioncss:"type-oranienbaum-sourcesanspro.css",classname:"type-oranienbaum-sourcesanspro",img:"type-oranienbaum-sourcesanspro.jpg",category:4,default:!1,caption:"Oranienbaum & Source Sans Pro"},{css:"basetype-sriracha-arvo.css",sectioncss:"type-sriracha-arvo.css",classname:"type-sriracha-arvo",img:"type-sriracha-arvo.jpg",category:11,default:!1,caption:"Sriracha & Arvo"},{css:"basetype-merriweather.css",sectioncss:"type-merriweather.css",classname:"type-merriweather",img:"type-merriweather.jpg",category:2,default:!1,caption:"Merriweather"},{css:"basetype-badscript-rokkitt.css",sectioncss:"type-badscript-rokkitt.css",classname:"type-badscript-rokkitt",img:"type-badscript-rokkitt.jpg",category:11,default:!1,caption:"Bad Script & Rokkitt"},{css:"basetype-inconsolata.css",sectioncss:"type-inconsolata.css",classname:"type-inconsolata",img:"type-inconsolata.jpg",category:5,default:!1,caption:"Inconsolata"},{css:"basetype-novamono-robotomono.css",sectioncss:"type-novamono-robotomono.css",classname:"type-novamono-robotomono",img:"type-novamono-robotomono.jpg",category:5,default:!1,caption:"Nova Mono & Roboto Mono"},{css:"basetype-spacemono.css",sectioncss:"type-spacemono.css",classname:"type-spacemono",img:"type-spacemono.jpg",category:5,default:!1,caption:"Space Mono"},{css:"basetype-elsie-frankruhllibre.css",sectioncss:"type-elsie-frankruhllibre.css",classname:"type-elsie-frankruhllibre",img:"type-elsie-frankruhllibre.jpg",category:10,default:!1,caption:"Elsie & Frank Ruhl Libre"},{css:"basetype-playfairdisp-petitformalscr.css",sectioncss:"type-playfairdisp-petitformalscr.css",classname:"type-playfairdisp-petitformalscr",img:"type-playfairdisp-petitformalscr.jpg",category:2,default:!1,caption:"Playfair Display"},{css:"basetype-josefinsans-neuton.css",sectioncss:"type-josefinsans-neuton.css",classname:"type-josefinsans-neuton",img:"type-josefinsans-neuton.jpg",category:3,default:!1,caption:"Josefin Sans & Neuton"},{css:"basetype-stintultracon-inconsolata.css",sectioncss:"type-stintultracon-inconsolata.css",classname:"type-stintultracon-inconsolata",img:"type-stintultracon-inconsolata.jpg",category:12,default:!1,caption:"Stint Ultra Condensed & Inconsolata"},{css:"basetype-raleway-playfairdisplay.css",sectioncss:"type-raleway-playfairdisplay.css",classname:"type-raleway-playfairdisplay",img:"type-raleway-playfairdisplay.jpg",category:1,default:!1,caption:"Raleway"},{css:"basetype-ubuntumono-sourcecodepro.css",sectioncss:"type-ubuntumono-sourcecodepro.css",classname:"type-ubuntumono-sourcecodepro",img:"type-ubuntumono-sourcecodepro.jpg",category:5,default:!1,caption:"Ubuntu Mono & Source Code Pro"},{css:"basetype-sharetechmono-nunito.css",sectioncss:"type-sharetechmono-nunito.css",classname:"type-sharetechmono-nunito",img:"type-sharetechmono-nunito.jpg",category:6,default:!1,caption:"Share Tech Mono & Nunito"},{css:"basetype-lato.css",sectioncss:"type-lato.css",classname:"type-lato",img:"type-lato.jpg",category:1,default:!1,caption:"Lato"},{css:"basetype-pathwaygothicone-merriweather.css",sectioncss:"type-pathwaygothicone-merriweather.css",classname:"type-pathwaygothicone-merriweather",img:"type-pathwaygothicone-merriweather.jpg",category:3,default:!1,caption:"Pathway Gothic One & Merriweather"},{css:"basetype-forum-nanumgothiccoding.css",sectioncss:"type-forum-nanumgothiccoding.css",classname:"type-forum-nanumgothiccoding",img:"type-forum-nanumgothiccoding.jpg",category:12,default:!1,caption:"Forum & Nanum Gothic Coding"},{css:"basetype-bilbo-halant.css",sectioncss:"type-bilbo-halant.css",classname:"type-bilbo-halant",img:"type-bilbo-halant.jpg",category:11,default:!1,caption:"Bilbo & Halant"},{css:"basetype-hammersmithone-poppins.css",sectioncss:"type-hammersmithone-poppins.css",classname:"type-hammersmithone-poppins",img:"type-hammersmithone-poppins.jpg",category:1,default:!1,caption:"Hammersmith One & Poppins"},{css:"basetype-arimamadurai.css",sectioncss:"type-arimamadurai.css",classname:"type-arimamadurai",img:"type-arimamadurai.jpg",category:14,default:!1,caption:"Arima Madurai"},{css:"basetype-teko-muktamahee.css",sectioncss:"type-teko-muktamahee.css",classname:"type-teko-muktamahee",img:"type-teko-muktamahee.jpg",category:1,default:!1,caption:"Teko & Mukta Mahee"},{css:"basetype-heebo-ibmplexmono.css",sectioncss:"type-heebo-ibmplexmono.css",classname:"type-heebo-ibmplexmono",img:"type-heebo-ibmplexmono.jpg",category:7,default:!1,caption:"Heebo & IBM Plex Mono"},{css:"basetype-sairacon-thegirlnextdoor.css",sectioncss:"type-sairacon-thegirlnextdoor.css",classname:"type-sairacon-thegirlnextdoor",img:"type-sairacon-thegirlnextdoor.jpg",category:1,default:!1,caption:"Saira Condensed"},{css:"basetype-frankruhllibre-lato.css",sectioncss:"type-frankruhllibre-lato.css",classname:"type-frankruhllibre-lato",img:"type-frankruhllibre-lato.jpg",category:4,default:!1,caption:"Frank Ruhl Libre & Lato"},{css:"basetype-yantramanav-ibmplexserif.css",sectioncss:"type-yantramanav-ibmplexserif.css",classname:"type-yantramanav-ibmplexserif",img:"type-yantramanav-ibmplexserif.jpg",category:1,default:!1,caption:"Yantramanav & IBM Plex Serif"},{css:"basetype-quicksand-kalam.css",sectioncss:"type-quicksand-kalam.css",classname:"type-quicksand-kalam",img:"type-quicksand-kalam.jpg",category:1,default:!1,caption:"Quicksand & Kalam"},{css:"basetype-ibmplexmono.css",sectioncss:"type-ibmplexmono.css",classname:"type-ibmplexmono",img:"type-ibmplexmono.jpg",category:5,default:!1,caption:"IBM Plex Mono"},{css:"basetype-cinzeldecor-palanquin.css",sectioncss:"type-cinzeldecor-palanquin.css",classname:"type-cinzeldecor-palanquin",img:"type-cinzeldecor-palanquin.jpg",category:8,default:!1,caption:"Cinzel Decorative & Palanquin"},{css:"basetype-oswald-biryani.css",sectioncss:"type-oswald-biryani.css",classname:"type-oswald-biryani",img:"type-oswald-biryani.jpg",category:1,default:!1,caption:"Oswald & Biryani"},{css:"basetype-yanonekaff-josefinsans.css",sectioncss:"type-yanonekaff-josefinsans.css",classname:"type-yanonekaff-josefinsans",img:"type-yanonekaff-josefinsans.jpg",category:1,default:!1,caption:"Yanone Kaffeesatz & Josefin Sans"},{css:"basetype-abrilfatface-assistant.css",sectioncss:"type-abrilfatface-assistant.css",classname:"type-abrilfatface-assistant",img:"type-abrilfatface-assistant.jpg",category:8,default:!1,caption:"Abril Fatface & Assistant"},{css:"basetype-nanumgothiccod-firasanscon.css",sectioncss:"type-nanumgothiccod-firasanscon.css",classname:"type-nanumgothiccod-firasanscon",img:"type-nanumgothiccod-firasanscon.jpg",category:6,default:!1,caption:"Nanum Gothic Coding & Fira Sans Condensed"},{css:"basetype-inder-trirong.css",sectioncss:"type-inder-trirong.css",classname:"type-inder-trirong",img:"type-inder-trirong.jpg",category:3,default:!1,caption:"Inder & Trirong"},{css:"basetype-atma-tajawal.css",sectioncss:"type-atma-tajawal.css",classname:"type-atma-tajawal",img:"type-atma-tajawal.jpg",category:8,default:!1,caption:"Atma & Tajawal"},{css:"basetype-prata-hindsiliguri.css",sectioncss:"type-prata-hindsiliguri.css",classname:"type-prata-hindsiliguri",img:"type-prata-hindsiliguri.jpg",category:4,default:!1,caption:"Prata & Hind Siliguri"},{css:"basetype-federo-gothica1.css",sectioncss:"type-federo-gothica1.css",classname:"type-federo-gothica1",img:"type-federo-gothica1.jpg",category:1,default:!1,caption:"Federo & Gothic A1"},{css:"basetype-fjallaone-ibmplexserif.css",sectioncss:"type-fjallaone-ibmplexserif.css",classname:"type-fjallaone-ibmplexserif",img:"type-fjallaone-ibmplexserif.jpg",category:3,default:!1,caption:"Fjalla One & IBM Plex Serif"},{css:"basetype-cormorantsc-ibmplexsanscon.css",sectioncss:"type-cormorantsc-ibmplexsanscon.css",classname:"type-cormorantsc-ibmplexsanscon",img:"type-cormorantsc-ibmplexsanscon.jpg",category:4,default:!1,caption:"Cormorant SC & IBM Plex Sans Condensed"},{css:"basetype-kalam-robotomono.css",sectioncss:"type-kalam-robotomono.css",classname:"type-kalam-robotomono",img:"type-kalam-robotomono.jpg",category:13,default:!1,caption:"Kalam & Roboto Mono"},{css:"basetype-fugazone-librefranklin.css",sectioncss:"type-fugazone-librefranklin.css",classname:"type-fugazone-librefranklin",img:"type-fugazone-librefranklin.jpg",category:8,default:!1,caption:"Fugaz One & Libre Franklin"},{css:"basetype-yeonsung-palanquin.css",sectioncss:"type-yeonsung-palanquin.css",classname:"type-yeonsung-palanquin",img:"type-yeonsung-palanquin.jpg",category:8,default:!1,caption:"Yeon Sung & Palanquin"},{css:"basetype-rancho-robotoslab.css",sectioncss:"type-rancho-robotoslab.css",classname:"type-rancho-robotoslab",img:"type-rancho-robotoslab.jpg",category:11,default:!1,caption:"Rancho & Roboto Slab"},{css:"basetype-tenaram-overpassmono.css",sectioncss:"type-tenaram-overpassmono.css",classname:"type-tenaram-overpassmono",img:"type-tenaram-overpassmono.jpg",category:7,default:!1,caption:"Tenali Ramakrishna & Overpass Mono"},{css:"basetype-thegirlnextdoor-sourcesanspro.css",sectioncss:"type-thegirlnextdoor-sourcesanspro.css",classname:"type-thegirlnextdoor-sourcesanspro",img:"type-thegirlnextdoor-sourcesanspro.jpg",category:9,default:!1,caption:"The Girl Next Door & Source Sans Pro"},{css:"basetype-boogaloo-inconsolata.css",sectioncss:"type-boogaloo-inconsolata.css",classname:"type-boogaloo-inconsolata",img:"type-boogaloo-inconsolata.jpg",category:12,default:!1,caption:"Boogaloo & Inconsolata"},{css:"basetype-caveat-sourcecodepro.css",sectioncss:"type-caveat-sourcecodepro.css",classname:"type-caveat-sourcecodepro",img:"type-caveat-sourcecodepro.jpg",category:13,default:!1,caption:"Caveat & Source Code Pro"},{css:"basetype-passionone-worksans.css",sectioncss:"type-passionone-worksans.css",classname:"type-passionone-worksans",img:"type-passionone-worksans.jpg",category:8,default:!1,caption:"Passion One & Work Sans"},{css:"basetype-anticdidone-halant.css",sectioncss:"type-anticdidone-halant.css",classname:"type-anticdidone-halant",img:"type-anticdidone-halant.jpg",category:2,default:!1,caption:"Antic Didone & Halant"},{css:"basetype-adventpro-opensans.css",sectioncss:"type-adventpro-opensans.css",classname:"type-adventpro-opensans",img:"type-adventpro-opensans.jpg",category:1,default:!1,caption:"Advent Pro & Open Sans"},{css:"basetype-cutivemono-lato.css",sectioncss:"type-cutivemono-lato.css",classname:"type-cutivemono-lato",img:"type-cutivemono-lato.jpg",category:6,default:!1,caption:"Cutive Mono & Lato"},{css:"basetype-elsie-montserrat.css",sectioncss:"type-elsie-montserrat.css",classname:"type-elsie-montserrat",img:"type-elsie-montserrat.jpg",category:8,default:!1,caption:"Elsie & Montserrat"},{css:"basetype-macondo-mukta.css",sectioncss:"type-macondo-mukta.css",classname:"type-macondo-mukta",img:"type-macondo-mukta.jpg",category:8,default:!1,caption:"Macondo & Mukta"},{css:"basetype-oswald-opensans.css",sectioncss:"type-oswald-opensans.css",classname:"type-oswald-opensans",img:"type-oswald-opensans.jpg",category:1,default:!1,caption:"Oswald & Open Sans"},{css:"basetype-poppins-lekton.css",sectioncss:"type-poppins-lekton.css",classname:"type-poppins-lekton",img:"type-poppins-lekton.jpg",category:1,default:!1,caption:"Poppins & Lekton"},{css:"basetype-raleway-neuton.css",sectioncss:"type-raleway-neuton.css",classname:"type-raleway-neuton",img:"type-raleway-neuton.jpg",category:3,default:!1,caption:"Raleway & Neuton"},{css:"basetype-sourcecodepro-nunitosans.css",sectioncss:"type-sourcecodepro-nunitosans.css",classname:"type-sourcecodepro-nunitosans",img:"type-sourcecodepro-nunitosans.jpg",category:6,default:!1,caption:"Source Code Pro & Nunito Sans"},{css:"basetype-tangerine-opensans.css",sectioncss:"type-tangerine-opensans.css",classname:"type-tangerine-opensans",img:"type-tangerine-opensans.jpg",category:9,default:!1,caption:"Tangerine & Open Sans"},{css:"basetype-alegreya-lato.css",sectioncss:"type-alegreya-lato.css",classname:"type-alegreya-lato",img:"type-alegreya-lato.jpg",category:4,default:!1,caption:"Alegreya & Lato"},{css:"basetype-amaticsc-lato.css",sectioncss:"type-amaticsc-lato.css",classname:"type-amaticsc-lato",img:"type-amaticsc-lato.jpg",category:9,default:!1,caption:"Amatic SC & Lato"},{css:"basetype-heebo-ibmplexmono-2.css",sectioncss:"type-heebo-ibmplexmono-2.css",classname:"type-heebo-ibmplexmono-2",img:"type-heebo-ibmplexmono-2.jpg",category:7,default:!1,caption:"Heebo & IBM Plex Mono"},{css:"basetype-juliussansone-robotocondensed.css",sectioncss:"type-juliussansone-robotocondensed.css",classname:"type-juliussansone-robotocondensed",img:"type-juliussansone-robotocondensed.jpg",category:1,default:!1,caption:"Julius Sans One & Roboto Condensed"},{css:"basetype-montserrat-roboto.css",sectioncss:"type-montserrat-roboto.css",classname:"type-montserrat-roboto",img:"type-montserrat-roboto.jpg",category:1,default:!1,caption:"Montserrat & Roboto"},{css:"basetype-nothingyouc-ibmplexmono-2.css",sectioncss:"type-nothingyouc-ibmplexmono-2.css",classname:"type-nothingyouc-ibmplexmono-2",img:"type-nothingyouc-ibmplexmono-2.jpg",category:13,default:!1,caption:"Nothing You Could Do & IBM Plex Mono"},{css:"basetype-raleway-lato.css",sectioncss:"type-raleway-lato.css",classname:"type-raleway-lato",img:"type-raleway-lato.jpg",category:1,default:!1,caption:"Raleway & Lato"},{css:"basetype-raleway-lusitana.css",sectioncss:"type-raleway-lusitana.css",classname:"type-raleway-lusitana",img:"type-raleway-lusitana.jpg",category:3,default:!1,caption:"Raleway & Lusitana"},{css:"basetype-rufina-oxygen.css",sectioncss:"type-rufina-oxygen.css",classname:"type-rufina-oxygen",img:"type-rufina-oxygen.jpg",category:4,default:!1,caption:"Rufina & Oxygen"},{css:"basetype-sacramento-opensans.css",sectioncss:"type-sacramento-opensans.css",classname:"type-sacramento-opensans",img:"type-sacramento-opensans.jpg",category:9,default:!1,caption:"Sacramento & Open Sans"},{css:"basetype-specialelite-playfairdisplay.css",sectioncss:"type-specialelite-playfairdisplay.css",classname:"type-specialelite-playfairdisplay",img:"type-specialelite-playfairdisplay.jpg",category:10,default:!1,caption:"Special Elite & Playfair Display"},{css:"basetype-unicaone-sourcesanspro.css",sectioncss:"type-unicaone-sourcesanspro.css",classname:"type-unicaone-sourcesanspro",img:"type-unicaone-sourcesanspro.jpg",category:8,default:!1,caption:"Unica One & Source Sans Pro"},{css:"basetype-amaticsc-josepfinsans.css",sectioncss:"type-amaticsc-josepfinsans.css",classname:"type-amaticsc-josepfinsans",img:"type-amaticsc-josepfinsans.jpg",category:9,default:!0,caption:"Amatic SC & Josefin Sans"},{css:"basetype-sourcesanspro-anonymouspro.css",sectioncss:"type-sourcesanspro-anonymouspro.css",classname:"type-sourcesanspro-anonymouspro",img:"type-sourcesanspro-anonymouspro.jpg",category:7,default:!0,caption:"Source Sans Pro & Anonymous Pro"},{css:"basetype-poppins-oldstandardtt.css",sectioncss:"type-poppins-oldstandardtt.css",classname:"type-poppins-oldstandardtt",img:"type-poppins-oldstandardtt.jpg",category:3,default:!0,caption:"Poppins & Old Standard TT"},{css:"basetype-yesteryear-chivo.css",sectioncss:"type-yesteryear-chivo.css",classname:"type-yesteryear-chivo",img:"type-yesteryear-chivo.jpg",category:9,default:!0,caption:"Yesteryear & Chivo"},{css:"basetype-ptserif-poppins.css",sectioncss:"type-ptserif-poppins.css",classname:"type-ptserif-poppins",img:"type-ptserif-poppins.jpg",category:4,default:!0,caption:"PT Serif & Poppins"},{css:"basetype-kellyslab-yantramanav.css",sectioncss:"type-kellyslab-yantramanav.css",classname:"type-kellyslab-yantramanav",img:"type-kellyslab-yantramanav.jpg",category:8,default:!0,caption:"Kelly Slab & Yantramanav"},{css:"basetype-yellowtail-frankruhllibre.css",sectioncss:"type-yellowtail-frankruhllibre.css",classname:"type-yellowtail-frankruhllibre",img:"type-yellowtail-frankruhllibre.jpg",category:11,default:!0,caption:"Yellowtail & Frank Ruhl Libre"},{css:"basetype-sedgwickave-spectral.css",sectioncss:"type-sedgwickave-spectral.css",classname:"type-sedgwickave-spectral",img:"type-sedgwickave-spectral.jpg",category:10,default:!1,caption:"Sedgwick Ave & Spectral"},{css:"basetype-satisfy-economica.css",sectioncss:"type-satisfy-economica.css",classname:"type-satisfy-economica",img:"type-satisfy-economica.jpg",category:9,default:!1,caption:"Satisfy & Economica"},{css:"basetype-josefinsans-lekton.css",sectioncss:"type-josefinsans-lekton.css",classname:"type-josefinsans-lekton",img:"type-josefinsans-lekton.jpg",category:1,default:!1,caption:"Josefin Sans & Lekton"},{css:"basetype-parisienne-maitree.css",sectioncss:"type-parisienne-maitree.css",classname:"type-parisienne-maitree",img:"type-parisienne-maitree.jpg",category:11,default:!1,caption:"Parisienne & Maitree"},{css:"basetype-londrinashadow-martel.css",sectioncss:"type-londrinashadow-martel.css",classname:"type-londrinashadow-martel",img:"type-londrinashadow-martel.jpg",category:10,default:!1,caption:"Londrina Shadow & Martel"},{css:"basetype-poiretone-pridi.css",sectioncss:"type-poiretone-pridi.css",classname:"type-poiretone-pridi",img:"type-poiretone-pridi.jpg",category:10,default:!1,caption:"Poiret One & Pridi"},{css:"basetype-pollerone-ibmplexserif.css",sectioncss:"type-pollerone-ibmplexserif.css",classname:"type-pollerone-ibmplexserif",img:"type-pollerone-ibmplexserif.jpg",category:10,default:!1,caption:"Poller One & IBM Plex Serif"},{css:"basetype-italiana-martel.css",sectioncss:"type-italiana-martel.css",classname:"type-italiana-martel",img:"type-italiana-martel.jpg",category:2,default:!1,caption:"Italiana & Martel"},{css:"basetype-julee-lora.css",sectioncss:"type-julee-lora.css",classname:"type-julee-lora",img:"type-julee-lora.jpg",category:11,default:!1,caption:"Julee & Lora"},{css:"basetype-sixcaps-robotomono.css",sectioncss:"type-sixcaps-robotomono.css",classname:"type-sixcaps-robotomono",img:"type-sixcaps-robotomono.jpg",category:7,default:!1,caption:"Six Caps & Roboto Mono"},{css:"basetype-pacifico-nanumgothiccod.css",sectioncss:"type-pacifico-nanumgothiccod.css",classname:"type-pacifico-nanumgothiccod",img:"type-pacifico-nanumgothiccod.jpg",category:13,default:!1,caption:"Pacifico & Nanum Gothic Coding"},{css:"basetype-greatvibes-robotomono.css",sectioncss:"type-greatvibes-robotomono.css",classname:"type-greatvibes-robotomono",img:"type-greatvibes-robotomono.jpg",category:13,default:!1,caption:"Great Vibes & Roboto Mono"},{css:"basetype-pinyonscript-firasans.css",sectioncss:"type-pinyonscript-firasans.css",classname:"type-pinyonscript-firasans",img:"type-pinyonscript-firasans.jpg",category:9,default:!1,caption:"Pinyon Script & Fira Sans"},{css:"basetype-sail-rasa.css",sectioncss:"type-sail-rasa.css",classname:"type-sail-rasa",img:"type-sail-rasa.jpg",category:10,default:!1,caption:"Sail & Rasa"},{css:"basetype-yesevaone-forum.css",sectioncss:"type-yesevaone-forum.css",classname:"type-yesevaone-forum",img:"type-yesevaone-forum.jpg",category:14,default:!1,caption:"Yeseva One & Forum"},{css:"basetype-dosis-oldstandardtt.css",sectioncss:"type-dosis-oldstandardtt.css",classname:"type-dosis-oldstandardtt",img:"type-dosis-oldstandardtt.jpg",category:1,default:!1,caption:"Dosis & Old Standard TT"},{css:"basetype-engagement-spectral.css",sectioncss:"type-engagement-spectral.css",classname:"type-engagement-spectral",img:"type-engagement-spectral.jpg",category:11,default:!1,caption:"Engagement & Spectral"},{css:"basetype-dynalight-mada.css",sectioncss:"type-dynalight-mada.css",classname:"type-dynalight-mada",img:"type-dynalight-mada.jpg",category:8,default:!1,caption:"Dynalight & Mada"},{css:"basetype-gravitasone-nanummyeongjo.css",sectioncss:"type-gravitasone-nanummyeongjo.css",classname:"type-gravitasone-nanummyeongjo",img:"type-gravitasone-nanummyeongjo.jpg",category:10,default:!1,caption:"Gravitas One & Nanum Myeongjo"},{css:"basetype-alexbrush-ibmplexsans.css",sectioncss:"type-alexbrush-ibmplexsans.css",classname:"type-alexbrush-ibmplexsans",img:"type-alexbrush-ibmplexsans.jpg",category:9,default:!1,caption:"Alex Brush & IBM Plex Sans"}]}},cssInBody:!1,cssClasses:{fontWeight:{thin:"font-thin",extralight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extrabold:"font-extrabold",black:"font-black",defaultBold:"font-semibold",defaultNormal:"font-light"},fontStyle:{italic:"italic",normal:"not-italic"},textDecoration:{underline:"underline",linethrough:"line-through",normal:"no-underline"},textTransform:{uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize",normal:"normal-case"},tracking:{tracking__100:"tracking--100",tracking__075:"tracking--75",tracking__050:"tracking-tighter",tracking__025:"tracking-tight",tracking_000:"tracking-normal",tracking_025:"tracking-wide",tracking_050:"tracking-wider",tracking_075:"tracking-75",tracking_100:"tracking-widest",tracking_125:"tracking-125",tracking_150:"tracking-150",tracking_175:"tracking-175",tracking_200:"tracking-200",tracking_225:"tracking-225",tracking_250:"tracking-250",tracking_275:"tracking-275",tracking_300:"tracking-300",tracking_325:"tracking-325",tracking_350:"tracking-350",tracking_375:"tracking-375",tracking_400:"tracking-400",tracking_425:"tracking-425",tracking_450:"tracking-450",tracking_475:"tracking-475",tracking_500:"tracking-500"},leading:{leading_5:"leading-05",leading_6:"leading-06",leading_7:"leading-07",leading_8:"leading-08",leading_9:"leading-09",leading_10:"leading-none",leading_11:"leading-11",leading_12:"leading-12",leading_125:"leading-tight",leading_13:"leading-13",leading_1375:"leading-snug",leading_14:"leading-14",leading_15:"leading-normal",leading_16:"leading-16",leading_1625:"leading-relaxed",leading_17:"leading-17",leading_18:"leading-18",leading_19:"leading-19",leading_20:"leading-loose",leading_21:"leading-21",leading_22:"leading-22",leading_23:"leading-23",leading_24:"leading-24",leading_25:"leading-25",leading_26:"leading-26",leading_27:"leading-27",leading_28:"leading-28",leading_29:"leading-29",leading_30:"leading-30"},opacity:{opacity_0:"opacity-0",opacity_2:"opacity-2",opacity_4:"opacity-4",opacity_5:"opacity-5",opacity_6:"opacity-6",opacity_8:"opacity-8",opacity_10:"opacity-10",opacity_12:"opacity-12",opacity_15:"opacity-15",opacity_20:"opacity-20",opacity_25:"opacity-25",opacity_30:"opacity-30",opacity_35:"opacity-35",opacity_40:"opacity-40",opacity_45:"opacity-45",opacity_50:"opacity-50",opacity_55:"opacity-55",opacity_60:"opacity-60",opacity_65:"opacity-65",opacity_70:"opacity-70",opacity_75:"opacity-75",opacity_80:"opacity-80",opacity_85:"opacity-85",opacity_90:"opacity-90",opacity_95:"opacity-95",opacity_100:"opacity-100"},padding:{all:{p_0:"p-0",p_1:"p-1",p_2:"p-2",p_3:"p-3",p_4:"p-4",p_5:"p-5",p_6:"p-6",p_7:"p-7",p_8:"p-8",p_9:"p-9",p_10:"p-10",p_11:"p-11",p_12:"p-12",p_14:"p-14",p_16:"p-16",p_20:"p-20"},x:{px_0:"px-0",px_1:"px-1",px_2:"px-2",px_3:"px-3",px_4:"px-4",px_5:"px-5",px_6:"px-6",px_7:"px-7",px_8:"px-8",px_9:"px-9",px_10:"px-10",px_11:"px-11",px_12:"px-12",px_14:"px-14",px_16:"px-16",px_20:"px-20"},y:{py_0:"py-0",py_1:"py-1",py_2:"py-2",py_3:"py-3",py_4:"py-4",py_5:"py-5",py_6:"py-6",py_7:"py-7",py_8:"py-8",py_9:"py-9",py_10:"py-10",py_11:"py-11",py_12:"py-12",py_14:"py-14",py_16:"py-16",py_20:"py-20"},top:{pt_0:"pt-0",pt_1:"pt-1",pt_2:"pt-2",pt_3:"pt-3",pt_4:"pt-4",pt_5:"pt-5",pt_6:"pt-6",pt_7:"pt-7",pt_8:"pt-8",pt_9:"pt-9",pt_10:"pt-10",pt_11:"pt-11",pt_12:"pt-12",pt_14:"pt-14",pt_16:"pt-16",pt_20:"pt-20"},right:{pr_0:"pr-0",pr_1:"pr-1",pr_2:"pr-2",pr_3:"pr-3",pr_4:"pr-4",pr_5:"pr-5",pr_6:"pr-6",pr_7:"pr-7",pr_8:"pr-8",pr_9:"pr-9",pr_10:"pr-10",pr_11:"pr-11",pr_12:"pr-12",pr_14:"pr-14",pr_16:"pr-16",pr_20:"pr-20"},bottom:{pb_0:"pb-0",pb_1:"pb-1",pb_2:"pb-2",pb_3:"pb-3",pb_4:"pb-4",pb_5:"pb-5",pb_6:"pb-6",pb_7:"pb-7",pb_8:"pb-8",pb_9:"pb-9",pb_10:"pb-10",pb_11:"pb-11",pb_12:"pb-12",pb_14:"pb-14",pb_16:"pb-16",pb_20:"pb-20"},left:{pl_0:"pl-0",pl_1:"pl-1",pl_2:"pl-2",pl_3:"pl-3",pl_4:"pl-4",pl_5:"pl-5",pl_6:"pl-6",pl_7:"pl-7",pl_8:"pl-8",pl_9:"pl-9",pl_10:"pl-10",pl_11:"pl-11",pl_12:"pl-12",pl_14:"pl-14",pl_16:"pl-16",pl_20:"pl-20"}},extend:{superscript:"sup",subscript:"sub"},textAlign:{left:"text-left",center:"text-center",right:"text-right",justify:"text-justify"},display:{flex:"flex",block:"block",inline:"inline",inline_block:"inline-block"},flexDirection:{row:"flex-row",column:"flex-col",row_reverse:"flex-row-reverse",column_reverse:"flex-col-reverse"},flexWrap:{wrap:"flex-wrap",nowrap:"flex-nowrap",wrap_reverse:"flex-wrap-reverse"},justifyContent:{start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},alignItems:{start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"}},useCssClasses:!0,useButtonPlugin:!1,enableDragResize:!0,simpleTextSettings:!1,consoleLog:!1,AIToolbar:!0,sendCommandUrl:"",speechTranscribeUrl:"",autoSendDelay:3e3,onlineDemo:!1,startAIAssistant:!1,temperature:.6,topP:.9,commandPlaceholderText:"Create a section containing a short article with ideas for outdoor activities.",disclaimerAI:"The feature you're about to use utilizes AI in some of its processes. \n            It's important to understand that AI systems have limitations.\n            There may be instances where the results are not 100% accurate or may provide unexpected responses or information.\n            As a user, it's your responsibility to independently verify any information or results obtained through this AI-powered feature. \n            Our team is dedicated to continuously improving its performance and accuracy to enhance your experience.",showDisclaimer:!0,enableShortCommands:!0,speechRecognitionLang:"en-US",similarityThreshold:.65,headlineList:["We're [CompanyName]. Full stack development with a spark of creativity.","Transforming your digital experience with [CompanyName]. Achieve your online goals with our customized solutions.","Revolutionizing web development with [CompanyName]. Unleash your digital potential with our high-performance solutions."],media:{slider:["assets/templates-simple/images/img-030.jpg","assets/templates-simple/images/img-025.jpg"],blank_video:"assets/templates-simple/videos/blank.mp4",bg_videos:["assets/templates-simple/videos/beach1.mp4","assets/templates-simple/videos/beach2.mp4"],videos:["assets/templates-simple/videos/beach1.mp4","assets/templates-simple/videos/beach2.mp4"],youtube_videos:["https://www.youtube.com/embed/P5yHEKqx86U?rel=0"],maps:["https://www.youtube.com/embed/P5yHEKqx86U?rel=0"],audios:["assets/minimalist-blocks/example.mp3"],images:{square:["assets/gallery/person-01.jpg","assets/gallery/person-02.jpg","assets/gallery/person-03.jpg","assets/gallery/person-04.jpg","assets/gallery/person-05.jpg","assets/gallery/person-06.jpg","assets/gallery/person-08.jpg"]},bg_images:{box:["assets/gallery/person-01.jpg","assets/gallery/person-02.jpg","assets/gallery/person-03.jpg","assets/gallery/person-04.jpg","assets/gallery/person-05.jpg","assets/gallery/person-06.jpg","assets/gallery/person-07.jpg","assets/gallery/person-08.jpg","assets/gallery/person-09.jpg","assets/gallery/person-10.jpg","assets/gallery/building.jpg","assets/gallery/desk.jpg","assets/gallery/chair.jpg","assets/gallery/coffee.jpg","assets/gallery/product.jpg","assets/gallery/table.jpg"],small_box:["assets/gallery/person-01.jpg","assets/gallery/person-03.jpg","assets/gallery/person-04.jpg","assets/gallery/person-05.jpg","assets/gallery/person-10.jpg","assets/gallery/chair.jpg","assets/gallery/coffee.jpg","assets/gallery/product.jpg","assets/gallery/table.jpg"],section_text_left:["assets/gallery/header-01.jpg","assets/gallery/header-02.jpg","assets/gallery/header-03.jpg","assets/gallery/header-05.jpg","assets/gallery/header-08.jpg","assets/gallery/header-10b.jpg","assets/gallery/header-14.jpg"],section_text_center:["assets/gallery/header-07.jpg","assets/gallery/header-11.jpg","assets/gallery/header-12.jpg","assets/gallery/header-13.jpg"],section_text_right:["assets/gallery/header-04.jpg","assets/gallery/header-05b.jpg","assets/gallery/header-06.jpg","assets/gallery/header-08b.jpg","assets/gallery/header-09.jpg","assets/gallery/header-10.jpg","assets/gallery/header-14b.jpg","assets/gallery/header-15.jpg"]}},shortCommandList:{undo:["undo"],redo:["undo"],increase:["increase","bigger","larger","enlarge"],decrease:["decrease","smaller"],bold:["bold"],italic:["italic"],underline:["underline"],strikethrough:["strikethrough"],superscript:["superscript"],subscript:["subscript"],uppercase:["uppercase"],lowercase:["lowercase"],capitalize:["capitalize"],clean:["clean"]},commandList:{new_section:["new section","create section","add section","craft section","develop section","build section","construct section","design section"],redesign:["redesign layout","change layout","change placement","decide placement","decide layout"],two_boxes:["2 boxes","two boxes"],select:["select","select first"],select_next:["select next","select after"],select_previous:["select previous","select before"],select_last:["select last"],select_headline:["select headline"],select_paragraph:["select paragraph"],select_button:["select button"],select_space:["select space"],select_image:["select image"],change_font:["change font","change typography","change style"],fade_in:["fade in"],fade_in_slow:["fade in slow"],fade_in_up:["fade in up"],fade_in_up_slow:["fade in up slow"],slide_up:["slide up"],slide_up_slow:["slide up slow"],zoom_in:["zoom in"],zoom_out:["zoom out"],animate_once:["animate once"],always_animate:["always animate"],remove_animation:["remove animation","clear animation","remove fade in","clear fade in","remove slide up","clear slide up","remove zoom in","clear zoom in","remove zoom out","clear zoom out"],add_bg_color:["add background color","set background color"],add_bg_image:["add background image","add background"],change_bg_color:["change background color"],change_bg_image:["change background image","change background"],remove_bg_color:["remove background color","clear background color"],remove_bg:["remove background","remove background image","clear background","clear background image"],increase_content_width:["increase content width","enlarge content width"],decrease_content_width:["decrease content width","reduce content width"],clear_content_width:["clear content width","remove content width","make content full","full width content"],make_content_light:["make content white","make content light","make text white","make text light","change content white","change content light","change text white","change text light","change to white content","change to light content","change to white text","change to light text"],make_content_dark:["make content black","make content dark","make text black","make text dark","change content black","change content dark","change text black","change text dark","change to black content","change to dark content","change to black text","change to dark text"],make_section_height_10:["make section height 10"],make_section_height_15:["make section height 15"],make_section_height_20:["make section height 20"],make_section_height_25:["make section height 25"],make_section_height_30:["make section height 30"],make_section_height_40:["make section height 40"],make_section_height_50:["make section height 50"],make_section_height_60:["make section height 60"],make_section_height_70:["make section height 70"],make_section_height_75:["make section height 75"],make_section_height_80:["make section height 80"],make_section_height_85:["make section height 85"],make_section_height_90:["make section height 90"],make_section_height_100:["make section height 100"],make_section_height_auto:["make section height auto"],suggest_headline:["suggest headline","suggest header","suggest title","write headline","write header","write title"],suggest_text:["suggest text","write text"],add_headline:["add headline","add header","add title"],add_paragraph:["add paragraph"],add_image:["add image"],add_youtube:["add youtube"],add_video:["add video"],remove_video:["remove video","clear video"],add_bg_video:["add background video"],remove_bg_video:["remove background video","clear background video"],add_slider:["add slider"],remove_slider:["remove slider","clear slider"],add_bg_slider:["add background slider"],remove_bg_slider:["remove background slider","clear background slider"],add_audio:["add audio","add music","add mp3"],add_map:["add map","add google map"],add_table:["add table"],add_social:["add social"],add_icon:["add icon"],add_button:["add button"],add_2buttons:["add 2 button","add 2 buttons"],add_space:["add space"],position_before:["above","before"],increase_line_height:["increase line height","increase line spacing","increase text spacing","enlarge line height","enlarge line spacing","enlarge text spacing","bigger line height","bigger line spacing","bigger text spacing","make line height bigger","make line spacing bigger","make text spacing bigger"],increase_default_line_height:["increase default line height","increase default line spacing","increase default text spacing","enlarge default line height","enlarge default line spacing","enlarge default text spacing","bigger default line height","bigger default line spacing","bigger default text spacing","make default line height bigger","make default line spacing bigger","make default text spacing bigger"],decrease_line_height:["decrease line height","decrease line spacing","decrease text spacing","reduce line height","reduce line spacing","reduce text spacing","smaller line height","smaller line spacing","smaller text spacing","make line height smaller","make line spacing smaller","make text spacing smaller"],decrease_default_line_height:["decrease default line height","decrease default line spacing","decrease default text spacing","reduce default line height","reduce default line spacing","reduce default text spacing","smaller default line height","smaller default line spacing","smaller default text spacing","make default line height smaller","make default line spacing smaller","make default text spacing smaller"],increase_font_size:["increase font","increase size","increase font size","increase text","increase size","increase text size","enlarge font","enlarge size","enlarge font size","enlarge text","enlarge size","enlarge text size","text bigger","font bigger","size bigger"],decrease_font_size:["decrease font","decrease size","decrease font size","decrease text","decrease size","decrease text size","reduce font","reduce size","reduce font size","reduce text","reduce size","reduce text size","text smaller","font smaller","size smaller"],increase_default_font_size:["increase default font","increase default size","increase default font size","increase default text","increase default size","increase default text size","enlarge default font","enlarge default size","enlarge default font size","enlarge default text","enlarge default text size","default text bigger","default font bigger","default size bigger","increase default content","increase default content size","enlarge default content","enlarge default content size"],decrease_default_font_size:["decrease default font","decrease default size","decrease default font size","decrease default text","decrease default size","decrease default text size","reduce default font","reduce default size","reduce default font size","reduce default text","reduce default text size","default text smaller","default font smaller","default size smaller","decrease default content","decrease default content size","reduce default content","reduce default content size"],clear_font_size:["clear font size","remove font size","clear text size","remove text size","use default font size"],align_left:["align left","align text left","left aligned"],align_center:["align center","align text center","center aligned"],align_right:["align right","align text right","right aligned"],align_full:["align full","align justify","justify","justify text","justify full"],clear_alignment:["clear alignment","remove alignment","clear text alignment","remove text alignment"],make_content_center:["make content center"],move_content_left:["move content left","align content left"],move_content_center:["move content center","align content center"],move_content_right:["move content right","align content right"],move_content_top:["move content top","align content top"],move_content_middle:["move content middle","align content middle"],move_content_bottom:["move content bottom","align content bottom"],align_content_top_left:["move content top left","align content top left"],align_content_top_center:["move content top center","align content top center"],align_content_top_right:["move content top right","align content top right"],align_content_middle_left:["move content middle left","align content middle left"],align_content_middle_center:["move content middle center","align content middle center"],align_content_middle_right:["move content middle right","align content middle right"],align_content_bottom_left:["move content bottom left","align content bottom left"],align_content_bottom_center:["move content bottom center","align content bottom center"],align_content_bottom_right:["move content bottom right","align content bottom right"],increase_space:["more space","increase space","enlarge space"],decrease_space:["less space","decrease space","reduce space"],move_up:["move up"],move_down:["move down"],move_row_up:["move row up"],move_row_down:["move row down"],duplicate_row:["duplicate row","copy row"],remove_row:["remove row","delete row"],move_col_left:["move left","move column left"],move_col_right:["move right","move column right"],duplicate_col:["duplicate column","copy column"],remove_col:["remove column","delete column"],move_column_up:["move column up"],move_column_down:["move column down"],move_section_up:["move section up"],move_section_down:["move section down"],move_section_top:["move section top"],move_section_bottom:["move section bottom"],duplicate_section:["duplicate section","copy section"],remove_section:["remove section","delete section"],remove_content:["remove content","remove all text","remove all content","delete content","delete all text","delete all content","clear content","clear all text","clear all content"],add_content:["add content","add text"]},commandInfo:{general:{title:"General",list:["Create a section that contains an article on ideas for outdoor activities. The article should include subtopics and have a minimum of 300 words.","Can you suggest a captivating headline for us and replace the current one?","Revise the headline, paragraph, and all the text using alternative ideas.","Let's redesign the layout. Surprise me with a new idea!","Add a new header section for our web studio. Include a compelling headline, a paragraph, and two buttons named 'Our Works' and 'Get in Touch'. Also, add a background image.","Create a new section containing a feature list of our wood cabin for rent:<br>\n- Scenic forest view<br>\n- Modern comforts<br>\n- Outdoor escape<br>\nAdd an icon for each list item. Provide an engaging headline.","Add a section highlighting the features of our creative arts courses:<br>\n- Hands-on projects and assignments<br>\n- Feedback and guidance from experts<br>\nInclude an image for each feature.\nProvide an engaging headline.","Create a new section showcasing a photo gallery of our latest photography workshop. Includes up to 4 photos. Additionally, please add a title.","Do you see the button with a gray background? Please change the background color to light green.","Underline the phrase 'every monday' and change the color to dark blue."]},selection:{title:"Selection",list:["Select the headline","Select the next block","Move up","Move down","Duplicate row","Remove row","Move column left","Move column right","Duplicate column","Remove column","Move section up","Move section down"]},section:{title:"Section",list:["Add a background image","Change the background image","Add a background slider","Add a background video","Clear background","Adjust the section height to 70%","Adjust the section height to 100%","Set the section height to auto"]},typography:{title:"Typography",list:["Change the font"]},content:{title:"Content",list:["Set the content color to white","Set the content color to black","Increase the width of the content","Reduce the width of the content","Increase the default font size","Increase the default line height","Clear the content","Add new content","Align the content to the left","Align the content to the top","Align the content to the middle","Make the content centered"]},element:{title:"Element",list:["Add a paragraph","Add an image","Add a Youtube video","Add a button","Add two buttons","Add a space","Increase the space","Reduce the space"]},text:{title:"Text Formatting",list:["Increase font size","Clear font size","Align center","Align right","Align justify","Clear alignment","Bold","Italic","Underline","Strikethrough","Uppercase","Clean"]},animation:{title:"Animation",list:["Add a fade in animation","Add fade in slow animation","Add fade in up animation","Add fade in up slow animation","Add slide up animation","Add slide up slow animation","Add zoom in animation","Add zoom out animation","Clear the animation","Animate once","Always animate"]}},onAddSectionOpen:function(){},contentHtmlStart:'<div class="is-container is-builder container"><div class="row clearfix"><div class="column full">',contentHtmlEnd:"</div></div></div>"};if(this.settings=Object.assign(this,i,e),this.clearPreferences&&localStorage.removeItem("_disclaimershown"),this.templateJSON=[{url:this.settings.designUrl1,path:this.settings.designPath,pathReplace:this.settings.designPathReplace},{url:this.settings.designUrl2,path:this.settings.designPath,pathReplace:this.settings.designPathReplace}],0!==this.settings.templates.length&&""===this.settings.templateThumbnailSize){let e=document.body.clientWidth;this.settings.templateThumbnailSize=e<=1440?"small":e>1440&&e<=1920?"medium":"large"}let n,o;if(""!==this.settings.imageSelect?this.settings.imageselect=this.settings.imageSelect:""!=this.settings.imageselect&&(this.settings.imageSelect=this.settings.imageselect),""!==this.settings.fileSelect?this.settings.fileselect=this.settings.fileSelect:""!=this.settings.fileselect&&(this.settings.fileSelect=this.settings.fileselect),""!==this.settings.videoSelect?this.settings.videoselect=this.settings.videoSelect:""!=this.settings.videoselect&&(this.settings.videoSelect=this.settings.videoselect),this.settings.snippetPathReplace.length>0&&0===this.settings.designPathReplace.length&&(this.settings.designPathReplace=this.settings.snippetPathReplace),this.settings.contentStyleWithSample&&(this.settings.contentStyles=this.settings.contentStylesAlt),this.iframe){n=this.iframe.contentWindow;let e=this.iframe.contentDocument||this.iframe.contentWindow.document;o=e,this.iframeDocument=e}else n=window,o=document;if(this.win=n,this.doc=o,this.iframe){let e=o.querySelector(".content-stuff");e||(e=document.createElement("div"),e.className="content-stuff is-ui",e.id="_cbhtml",o.body.appendChild(e)),this.contentStuff=e,this.stuff=new gy(this)}if(this.wrapperEl=this.doc.querySelector(this.wrapper),Cy.hasClass(this.wrapperEl,"preview"))return void(this.preview=!0);Cy.addClass(this.wrapperEl,"is-wrapper"),Cy.addClass(this.wrapperEl,"is-edit");let a=this.settings.onRender;this.settings.onRender=()=>{a.call(this);try{this.box()}catch(e){}};let l=this.settings.onChange;this.settings.onChange=()=>{l.call(this),setTimeout((()=>{this.editor.livePreview.previewRefresh()}),100)};let r=document.querySelector("#_cbhtml");r||(r=document.createElement("div"),r.id="_cbhtml",r.style.visibility="hidden",r.className="is-ui",document.body.appendChild(r),r=document.querySelector("#_cbhtml")),this.builderStuff=r,r.style.position="fixed",setTimeout((()=>{r.style.position="",this.wrapperEl.getBoundingClientRect().left<0&&(r.style.position="fixed",setTimeout((()=>{r.style.position=""}),1500))}),1500),(e=>{const i=e.builderStuff;t.appendHtml(i,'<svg width="0" height="0" style="position:absolute;display:none;">\n        <defs>\n\n            <symbol viewBox="0 0 512 512" id="ion-android-add"><path d="M416 277.333H277.333V416h-42.666V277.333H96v-42.666h138.667V96h42.666v138.667H416v42.666z"></path></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-edit"><path d="M163 439.573l-90.569-90.569L322.78 98.656l90.57 90.569zM471.723 88.393l-48.115-48.114c-11.723-11.724-31.558-10.896-44.304 1.85l-45.202 45.203 90.569 90.568 45.202-45.202c12.743-12.746 13.572-32.582 1.85-44.305zM64.021 363.252L32 480l116.737-32.021z"></path></symbol>\n            <symbol viewBox="0 0 2048.0 2048.0" id="icon-snippets"><g id="document" transform="matrix(1,0,0,1,1024.0,1024.0)">\t\t\t<path d="M-727.581,329.502 L318.058,329.502 L318.058,-527.853 L-727.581,-527.853 L-727.581,329.502 Z " fill="#ffffff" fill-opacity="1.00" stroke-width="85.63" stroke="#000000" stroke-linecap="square" stroke-linejoin="miter" />\t\t\t<path d="M-347.749,652.594 L697.89,652.594 L697.89,-204.761 L-347.749,-204.761 L-347.749,652.594 Z " fill="#ffffff" fill-opacity="1.00" stroke-width="85.63" stroke="#000000" stroke-linecap="square" stroke-linejoin="miter" />\t\t</g></symbol>\n            <symbol viewBox="0 0 512 512" id="ion-ios-copy-outline"><path d="M304 96h-16v80h80v-16h-64z"></path><path d="M325.3 64H160v48h-48v336h240v-48h48V139l-74.7-75zM336 432H128V128h32v272h176v32zm48-48H176V80h142.7l65.3 65.6V384z"></path></symbol>\n                \n            <symbol viewBox="0 0 24 24" id="icon-arrow-bar-to-up" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n                <line x1="12" y1="10" x2="12" y2="20" />\n                <line x1="12" y1="10" x2="16" y2="14" />\n                <line x1="12" y1="10" x2="8" y2="14" />\n                <line x1="4" y1="4" x2="20" y2="4" />\n            </symbol>\n            <symbol viewBox="0 0 24 24" id="icon-arrow-bar-to-down" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n                <line x1="4" y1="20" x2="20" y2="20" />\n                <line x1="12" y1="14" x2="12" y2="4" />\n                <line x1="12" y1="14" x2="16" y2="10" />\n                <line x1="12" y1="14" x2="8" y2="10" />\n            </symbol>\n            <symbol viewBox="0 0 24 24" id="icon-space-between" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n                <line x1="4" y1="4" x2="20" y2="4" />\n                <line x1="4" y1="20" x2="20" y2="20" />\n            </symbol>\n\n            <symbol id="icon-arrow-right" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <line x1="5" y1="12" x2="19" y2="12"></line>\n                <line x1="15" y1="16" x2="19" y2="12"></line>\n                <line x1="15" y1="8" x2="19" y2="12"></line>\n            </symbol>\n\n            <symbol id="icon-arrow-left" viewBox="0 0 24 24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <line x1="5" y1="12" x2="19" y2="12"></line>\n                <line x1="5" y1="12" x2="9" y2="16"></line>\n                <line x1="5" y1="12" x2="9" y2="8"></line>\n            </symbol>\n            \n            <symbol id="icon-arrow-up" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <line x1="12" y1="5" x2="12" y2="19"></line>\n                <line x1="16" y1="9" x2="12" y2="5"></line>\n                <line x1="8" y1="9" x2="12" y2="5"></line>\n            </symbol>\n\n            <symbol id="icon-arrow-down" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <line x1="12" y1="5" x2="12" y2="19"></line>\n                <line x1="16" y1="15" x2="12" y2="19"></line>\n                <line x1="8" y1="15" x2="12" y2="19"></line>\n            </symbol>\n\n            <symbol id="icon-rotate-clockwise" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M9 4.55a8 8 0 0 1 6 14.9m0 -4.45v5h5"></path>\n                <line x1="5.63" y1="7.16" x2="5.63" y2="7.17"></line>\n                <line x1="4.06" y1="11" x2="4.06" y2="11.01"></line>\n                <line x1="4.63" y1="15.1" x2="4.63" y2="15.11"></line>\n                <line x1="7.16" y1="18.37" x2="7.16" y2="18.38"></line>\n                <line x1="11" y1="19.94" x2="11" y2="19.95"></line>\n            </symbol>\n\n            <symbol id="icon-rotate-2" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M15 4.55a8 8 0 0 0 -6 14.9m0 -4.45v5h-5"></path>\n                <line x1="18.37" y1="7.16" x2="18.37" y2="7.17"></line>\n                <line x1="13" y1="19.94" x2="13" y2="19.95"></line>\n                <line x1="16.84" y1="18.37" x2="16.84" y2="18.38"></line>\n                <line x1="19.37" y1="15.1" x2="19.37" y2="15.11"></line>\n                <line x1="19.94" y1="11" x2="19.94" y2="11.01"></line>\n            </symbol>\n\n            <symbol viewBox="0 0 24 24" id="icon-arrows-diagonal" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <polyline points="16 4 20 4 20 8"></polyline>\n                <line x1="14" y1="10" x2="20" y2="4"></line>\n                <polyline points="8 20 4 20 4 16"></polyline>\n                <line x1="4" y1="20" x2="10" y2="14"></line>\n            </symbol>\n            \n            <symbol viewBox="0 0 24 24" id="icon-arrows-diagonal-minimize" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M18 10h-4v-4"></path>\n                <path d="M20 4l-6 6"></path>\n                <path d="M6 14h4v4"></path>\n                <path d="M10 14l-6 6"></path>\n            </symbol>\n\n            <symbol id="icon-circle-half" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <circle cx="12" cy="12" r="9"></circle>\n                <path d="M12 3v18"></path>\n                <path d="M12 14l7 -7"></path>\n                <path d="M12 19l8.5 -8.5"></path>\n                <path d="M12 9l4.5 -4.5"></path>\n            </symbol>\n\n            <symbol id="icon-box-multiple" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <rect x="7" y="3" width="14" height="14" rx="2"></rect>\n                <path d="M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"></path>\n            </symbol>\n\n            <symbol id="icon-typography" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <line x1="4" y1="20" x2="7" y2="20"></line>\n                <line x1="14" y1="20" x2="21" y2="20"></line>\n                <line x1="6.9" y1="15" x2="13.8" y2="15"></line>\n                <line x1="10.2" y1="6.3" x2="16" y2="20"></line>\n                <polyline points="5 20 11 4 13 4 20 20"></polyline>\n            </symbol>\n\n            <symbol id="icon-plus" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <line x1="12" y1="5" x2="12" y2="19"></line>\n                <line x1="5" y1="12" x2="19" y2="12"></line>\n            </symbol>\n\n            <symbol id="icon-hand-move" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5"></path>\n                <path d="M11 11.5v-2a1.5 1.5 0 0 1 3 0v2.5"></path>\n                <path d="M14 10.5a1.5 1.5 0 0 1 3 0v1.5"></path>\n                <path d="M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7l-.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47"></path>\n                <path d="M2.541 5.594a13.487 13.487 0 0 1 2.46 -1.427"></path>\n                <path d="M14 3.458c1.32 .354 2.558 .902 3.685 1.612"></path>\n            </symbol>\n            \n            <symbol id="icon-wand" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <polyline points="6 21 21 6 18 3 3 18 6 21"></polyline>\n                <line x1="15" y1="6" x2="18" y2="9"></line>\n                <path d="M9 3a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2"></path>\n                <path d="M19 13a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2"></path>\n            </symbol>\n\n            <symbol id="icon-pencil" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4"></path>\n                <line x1="13.5" y1="6.5" x2="17.5" y2="10.5"></line>\n            </symbol>\n\n            <symbol id="icon-window-maximize" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <rect x="3" y="16" width="5" height="5" rx="1"></rect>\n                <path d="M4 12v-6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-6"></path>\n                <path d="M12 8h4v4"></path>\n                <path d="M16 8l-5 5"></path>\n            </symbol>\n\n            <symbol id="icon-settings" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z"></path>\n                <circle cx="12" cy="12" r="3"></circle>\n            </symbol>\n\n            <symbol id="icon-microphone" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M9 2m0 3a3 3 0 0 1 3 -3h0a3 3 0 0 1 3 3v5a3 3 0 0 1 -3 3h0a3 3 0 0 1 -3 -3z"></path>\n                <path d="M5 10a7 7 0 0 0 14 0"></path>\n                <path d="M8 21l8 0"></path>\n                <path d="M12 17l0 4"></path>\n            </symbol>\n            <symbol id="icon-microphone-off" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M3 3l18 18"></path>\n                <path d="M9 5a3 3 0 0 1 6 0v5a3 3 0 0 1 -.13 .874m-2 2a3 3 0 0 1 -3.87 -2.872v-1"></path>\n                <path d="M5 10a7 7 0 0 0 10.846 5.85m2 -2a6.967 6.967 0 0 0 1.152 -3.85"></path>\n                <path d="M8 21l8 0"></path>\n                <path d="M12 17l0 4"></path>\n            </symbol>\n            <symbol id="icon-trash" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M4 7l16 0"></path>\n                <path d="M10 11l0 6"></path>\n                <path d="M14 11l0 6"></path>\n                <path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"></path>\n                <path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"></path>\n            </symbol>\n            <symbol id="icon-eraser" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M19 20h-10.5l-4.21 -4.3a1 1 0 0 1 0 -1.41l10 -10a1 1 0 0 1 1.41 0l5 5a1 1 0 0 1 0 1.41l-9.2 9.3"></path>\n                <path d="M18 13.3l-6.3 -6.3"></path>\n            </symbol>\n            <symbol id="icon-refresh" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4"></path>\n                <path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"></path>\n            </symbol>\n            <symbol id="icon-more" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n                <path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>\n                <path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>\n                <path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>\n            </symbol>\n            </defs>\n        </svg>')})(this),this.sidebar=new s(this),this.animateScroll=new fy(this),this.timeline=new yy(this),this.util=new xy(this),this.pageTemplate||(this.pageTemplate=this.util.getPageTemplate(this.framework)),window.data_basic?(this.editorSetup(),this.init()):Cy.addExternalScripts([this.snippetUrl],(()=>{this.editorSetup(),this.init()})),window.contentbox=this,window.applyBoxImage=this.boxImage.bind(this),window.applyLargerImage=this.applyLargerImage.bind(this),window.returnUrl=this.returnUrl.bind(this),this.win.applyBoxImage=this.boxImage.bind(this),window._contentbox=this}isNewV2(){return this.wrapperEl.classList.contains("box-v2")}editorSetup(){this.editor=new py({isContentBox:!0,speechTranscribeUrl:this.settings.speechTranscribeUrl,autoSendDelay:this.settings.autoSendDelay,onlineDemo:this.settings.onlineDemo,speechRecognitionLang:this.settings.speechRecognitionLang,headlineList:this.settings.headlineList,commandList:this.settings.commandList,enableShortCommands:this.settings.enableShortCommands,shortCommandList:this.settings.shortCommandList,commandInfo:this.settings.commandInfo,commandPlaceholderText:this.settings.commandPlaceholderText,similarityThreshold:this.settings.similarityThreshold,container:".is-container",page:".is-wrapper",deleteConfirm:this.settings.deleteConfirm,previewURL:this.settings.previewURL,onPreviewOpen:()=>{let e=this.html();localStorage.setItem("preview-html",e);let t=this.mainCss();localStorage.setItem("preview-maincss",t);let i=this.sectionCss();localStorage.setItem("preview-sectioncss",i)},onPreviewClose:()=>{this.wrapperEl.style.marginBottom=""},onPreviewContentLoad:()=>{setTimeout((()=>{const e=this.builderStuff.querySelector(".is-modal.content-preview").querySelector("iframe");this.scrollSync(e)}),1e3)},previewStyle:this.settings.previewStyle,livePreviewOpen:this.settings.livePreviewOpen,livePreviewAlwaysReload:this.settings.livePreviewAlwaysReload,livePreviewReloadEvery:this.settings.livePreviewReloadEvery,iframe:this.settings.iframe,imageAdjust:1,scriptPath:this.settings.scriptPath,pluginPath:this.settings.pluginPath,modulePath:this.settings.modulePath,fontAssetPath:this.settings.fontAssetPath,fontPath:this.settings.fontPath,assetPath:this.settings.assetPath,plugins:this.settings.plugins,disableConfig:this.settings.disableConfig,snippetList:"#divSidebarSnippets",snippetPath:this.settings.snippetPath,snippetUrl:this.settings.snippetUrl,snippetJSON:window.data_basic,snippetPathReplace:this.settings.snippetPathReplace,maxColumns:this.settings.maxColumns,maxEmbedImageWidth:this.settings.maxEmbedImageWidth,imageRenameOnEdit:this.settings.imageRenameOnEdit,sectionTemplate:this.settings.sectionTemplate,onSectionAdd:()=>{this.pageSetup()},slider:this.settings.slider,onRender:()=>{this.settings.onRender()},onChange:()=>{this.settings.onChange()},useLightbox:this.settings.useLightbox,lightboxArrow:this.settings.lightboxArrow,themes:this.settings.themes,moduleConfig:this.settings.moduleConfig,onImageBrowseClick:this.settings.onImageBrowseClick,onImageSettingClick:this.settings.onImageSettingClick,onImageSelectClick:this.settings.onImageSelectClick,onFileSelectClick:this.settings.onFileSelectClick,onVideoSelectClick:this.settings.onVideoSelectClick,onAudioSelectClick:this.settings.onAudioSelectClick,onMediaSelectClick:this.settings.onMediaSelectClick,onImageEditClick:this.settings.onImageEditClick,setCropperConfig:this.settings.setCropperConfig,onPluginsLoaded:this.settings.onPluginsLoaded,imageselect:this.settings.imageselect,fileselect:this.settings.fileselect,imageEmbed:this.settings.imageEmbed,sourceEditor:this.settings.sourceEditor,customval:this.settings.customval,colors:this.settings.colors,gradientcolors:this.settings.gradientcolors,buttons:this.settings.buttons,buttonsMore:this.settings.buttonsMore,elementButtons:this.settings.elementButtons,elementButtonsMore:this.settings.elementButtonsMore,iconButtons:this.settings.iconButtons,iconButtonsMore:this.settings.iconButtonsMore,customTags:this.settings.customTags,largerImageHandler:this.settings.largerImageHandler,onLargerImageUpload:this.settings.onLargerImageUpload,imageHandler:this.settings.imageHandler,mediaHandler:this.settings.mediaHandler,videoHandler:this.settings.videoHandler,audioHandler:this.settings.audioHandler,fileHandler:this.settings.fileHandler,onVideoUpload:this.settings.onVideoUpload,onAudioUpload:this.settings.onAudioUpload,onImageUpload:this.settings.onImageUpload,onMediaUpload:this.settings.onMediaUpload,onFileUpload:this.settings.onFileUpload,framework:this.settings.framework,cellFormat:this.settings.cellFormat,rowFormat:this.settings.rowFormat,row:this.settings.row,cols:this.settings.cols,colequal:this.settings.colequal,colsizes:this.settings.colsizes,classReplace:this.settings.classReplace,columnTool:this.settings.columnTool,elementTool:this.settings.elementTool,animateModal:this.settings.animateModal,elementAnimate:this.settings.elementAnimate,elementEditor:this.settings.elementEditor,onAdd:this.settings.onAdd,imageQuality:this.settings.imageQuality,columnHtmlEditor:this.settings.columnHtmlEditor,rowHtmlEditor:this.settings.rowHtmlEditor,rowMoveButtons:this.settings.rowMoveButtons,htmlSyntaxHighlighting:this.settings.htmlSyntaxHighlighting,scrollableEditingToolbar:this.settings.scrollableEditingToolbar,toolbar:this.settings.toolbar,toolbarDisplay:this.settings.toolbarDisplay,toolbarAddSnippetButton:this.settings.toolbarAddSnippetButton,paste:this.settings.paste,builderMode:this.settings.builderMode,rowcolOutline:this.settings.rowcolOutline,elementSelection:this.settings.elementSelection,animatedSorting:this.settings.animatedSorting,dragWithoutHandle:this.settings.dragWithoutHandle,addButtonPlacement:this.settings.addButtonPlacement,outlineMode:this.settings.outlineMode,elementHighlight:this.settings.elementHighlight,rowTool:this.settings.rowTool,toolStyle:this.settings.toolStyle,outlineStyle:this.settings.outlineStyle,snippetAddTool:this.settings.snippetAddTool,mobileSimpleEdit:this.settings.mobileSimpleEdit,clearPreferences:this.settings.clearPreferences,snippetCategories:this.settings.snippetCategories,defaultSnippetCategory:this.settings.defaultSnippetCategory,undoRedoStyles:this.settings.undoRedoStyles,onUndo:()=>{this.doUndoRedo()},onRedo:()=>{this.doUndoRedo()},undoContainerOnly:this.settings.undoContainerOnly,absolutePath:this.settings.absolutePath,cssClasses:this.settings.cssClasses,useCssClasses:this.settings.useCssClasses,useButtonPlugin:this.settings.useButtonPlugin,enableDragResize:this.settings.enableDragResize,simpleTextSettings:this.settings.simpleTextSettings,shortenHTML:this.settings.shortenHTML,zoom:this.settings.zoom,onZoomStart:()=>{this.wrapperEl.style.transition="none"},onZoom:e=>{const t=300*(1-e)/.5;this.wrapperEl.style.marginTop=`${t}px`;const i=this.wrapperEl;let n=i.querySelectorAll(".is-section-tool");n.forEach((e=>{e.setAttribute("data-section-active","")})),n=i.querySelectorAll(".is-box-tool"),n.forEach((e=>{e.setAttribute("data-box-active","")})),n=i.querySelectorAll(".is-box-info"),n.forEach((e=>{e.setAttribute("data-boxinfo-active","")}))},onZoomEnd:()=>{const e=this.wrapperEl;if(!e.querySelector(".is-section"))return;this.addSpace();let t=e.querySelectorAll(".is-section-tool");t.forEach((e=>{e.removeAttribute("data-section-active")})),t=e.querySelectorAll(".is-box-tool"),t.forEach((e=>{e.removeAttribute("data-box-active")})),t=e.querySelectorAll(".is-box-info"),t.forEach((e=>{e.removeAttribute("data-boxinfo-active")})),this.rePositionTool(),this.wrapperEl.style.transition="",this.refreshAnim()},onThemeChange:()=>{this.refreshUIStyle()},fileSelect:this.settings.fileSelect,imageSelect:this.settings.imageSelect,videoSelect:this.settings.videoSelect,audioSelect:this.settings.audioSelect,mediaSelect:this.settings.mediaSelect,selectIcon:this.settings.selectIcon,otherSelect:this.settings.otherSelect,otherSelectCaption:this.settings.otherSelectCaption,otherSelectIcon:this.settings.otherSelectIcon,imageSelectWidth:this.settings.imageSelectWidth,imageSelectHeight:this.settings.imageSelectHeight,fileSelectWidth:this.settings.fileSelectWidth,fileSelectHeight:this.settings.fileSelectHeight,videoSelectWidth:this.settings.videoSelectWidth,videoSelectHeight:this.settings.videoSelectHeight,audioSelectWidth:this.settings.audioSelectWidth,audioSelectHeight:this.settings.audioSelectHeight,mediaSelectWidth:this.settings.mediaSelectWidth,mediaSelectHeight:this.settings.mediaSelectHeight,assetRefresh:this.settings.assetRefresh,onContentClick:e=>{this.settings.onContentClick&&this.settings.onContentClick(e),this.doc.body.classList.remove("temporary-hide-tools");let t=e.target;if(!t.closest('[contenteditable="true"]')){let i=this.editor.dom.getParentElement(t,"a");if("a"===t.tagName.toLowerCase()||i){"a"===t.tagName.toLowerCase()&&(i=t);let n=i.getAttribute("href");if(n&&0===n.indexOf("#"))if(0===n.indexOf("#section")){let t=n.replace("#section","");if(!isNaN(parseInt(t))){let i,n=this.doc.querySelectorAll(".is-section"),o=0;n.forEach((function(e){Cy.hasClass(e,"is-section-navbar")||(o===t-1&&(i=e),o++)})),i&&this.scrollTo(i),e.preventDefault()}}else{let t=this.doc.querySelector(n);t&&(this.scrollTo(t),e.preventDefault())}}}}});const e=this.builderStuff.querySelector(".is-modal.content-preview");this.modalPagePreview=e;const t=e.querySelector("iframe");this.win.addEventListener("scroll",this.doScrollSync=()=>{this.scrollSync(t)}),this.isTouchSupport=this.editor.isTouchSupport,this.command=new Sy(this),this.startAIAssistant&&this.openAIAssistant()}scrollSync(e){if(this.modalPagePreview.classList.contains("active")&&!this.cancelScrollSync)try{let t=e.contentWindow.document.querySelector(".is-wrapper").offsetHeight,i=this.wrapperEl.offsetHeight*this.editor.zoom,n=t-i;this.wrapperEl.style.marginBottom="100vh",e.contentWindow.scrollTo(0,this.win.scrollY+this.win.scrollY/i*n)}catch(e){}}init(){Cy.appendHtml(this.doc.head,`<style id="_contentbox_css">\n        body {\n            background: ${this.settings.backgroundColor};\n        }\n        .block-click.is-box {\n            cursor: unset;\n        }\n        .block-click.is-box > * {\n            pointer-events: unset;\n            user-select: unset;\n        } \n\n        .is-wrapper.is-container-edit > div.section-select, .is-wrapper.is-clean-edit > div.section-select {\n            overflow-x: unset !important;\n            overflow-y: unset !important;\n        }\n\n        ${this.iframe?"":"\n            .is-wrapper.is-edit {\n                padding-left: 61px;\n            }\n\n            .is-wrapper.is-edit .is-section.is-section-navbar,\n            .is-wrapper.is-edit .is-section.is-section-navbar .is-topbar {\n            left: 0;\n            margin-left: 60px;\n            width: calc(100% - 60px);\n            }\n            .is-wrapper.is-edit .is-section.is-section-navbar .is-topbar.static {\n            width: 100%;\n            margin-left: unset;\n            }\n        "}\n        \n\n        /* protected section */\n        .is-section.protected .is-box-tool {\n          display: none !important;\n        }\n        .is-section.protected .is-box-info {\n          display: none !important;\n        }\n\n        /* manual selection during animation edit */\n        .hard-select .is-box-tool {\n          display: none !important;\n        }\n        .hard-select .is-box-info {\n          display: none !important;\n        }\n        .hard-select .is-section-tool {\n          display: none !important;\n        }\n        .hard-select .box-select {\n          outline: #00da89 1px solid;\n          outline-offset: -1px;\n          z-index: 1;\n        }\n        .hard-select .box-select .is-box-tool {\n          display: flex !important;\n        }\n        .hard-select .box-select .is-box-info {\n          display: flex !important;\n        }\n        .hard-select .box-select .is-overlay {\n          z-index: -1;\n        }\n        .hard-select .section-select .is-section-tool {\n          display: block !important;\n        }\n\n        /* drop block as section */\n        .is-wrapper > .sortable-ghost {\n            height: 40px !important;\n            min-height: unset !important;\n            background: rgba(204, 204, 204, 0.15) !important;\n        }\n        .is-wrapper > .sortable-ghost * {\n          opacity: 0 !important;\n        }\n\n        /* toggle tool */\n        .is-wrapper.is-clean-edit.hard-select .box-select .is-box-tool,\n        .is-wrapper.is-clean-edit .box-select .is-box-tool {\n          display: none !important;\n        }\n        .is-wrapper.is-clean-edit.hard-select .box-select .is-box-info,\n        .is-wrapper.is-clean-edit .box-select .is-box-tool {\n          display: none !important;\n        }\n        .is-wrapper.is-clean-edit.hard-select .section-select .is-section-tool,\n        .is-wrapper.is-clean-edit .section-select .is-section-tool {\n          display: none !important;\n        }\n        .is-wrapper.is-clean-edit.hard-select .box-select,\n        .is-wrapper.is-clean-edit .box-select {\n          outline: none !important;\n        }\n        \n        /* clean UI for selection only */\n        /*\n        .selection-only:not([data-skrollrr-off]) .is-wrapper.hard-select .box-select .is-box-tool,\n        .selection-only:not([data-skrollrr-off]) .is-wrapper .box-select .is-box-tool {\n          display: none !important;\n        }\n        .selection-only:not([data-skrollrr-off]) .is-wrapper.hard-select .box-select .is-box-info,\n        .selection-only:not([data-skrollrr-off]) .is-wrapper .box-select .is-box-info {\n          display: none !important;\n        }\n        .selection-only:not([data-skrollrr-off]) .is-wrapper.hard-select .section-select .is-section-tool,\n        .selection-only:not([data-skrollrr-off]) .is-wrapper .section-select .is-section-tool {\n          display: none !important;\n        }\n        .selection-only:not([data-skrollrr-off]) .is-wrapper .is-rowadd-tool {\n          display: none !important;\n        }\n        .selection-only:not([data-skrollrr-off]) .is-wrapper .is-tool {\n          display: none !important;\n        }\n        .selection-only:not([data-skrollrr-off]) .is-tool {\n          z-index: -10000 !important;\n        }\n        */\n\n        /* box info */\n        .is-wrapper .is-box-info {\n            position: absolute;\n            z-index: 1;\n            top: 15px;\n            right: 15px;\n            left: auto;\n            width: auto;\n            display: none;\n            border-radius: 50px;\n            overflow:hidden;\n            background: rgba(243, 243, 243, 0.9);\n            width: 92px;\n            justify-content: center;\n        }\n        .is-wrapper .is-box-info button {\n            width:28px;\n            height:28px;\n            cursor:pointer;\n        }\n        .is-wrapper .box-select .is-box-info {\n            display: flex;\n        }\n        .is-wrapper .is-section-navbar .is-box-info {\n            display: none !important;\n        }\n        div.is-section-navbar + div .is-box-info {\n            top: 90px;\n        }\n        \n        /* section info */\n        .is-wrapper .is-section-info {\n            position: absolute;\n            z-index: 1;\n            top: 3px;\n            left: 3px;\n            display: none;\n        }\n        .is-wrapper .is-section-info > div {\n            width: auto;\n            height: auto;\n            padding: 5px 20px;\n            background-color: rgb(255, 239, 100);\n            color: #111;\n            font-family: sans-serif;\n            letter-spacing: 2px;\n            font-size: 17px;\n        }\n        .is-wrapper .section-select .is-section-info {\n            display: block;\n        }\n\n        /* To make editing possible on wide content */\n        .is-wrapper.is-edit .section-wide-250 .is-box-centered { /*old structure*/\n            overflow-x: auto;\n            overflow-y: hidden;\n        }\n\n        .is-wrapper.is-container-edit > div.section-wide-250.section-select, \n        .is-wrapper.is-clean-edit > div.section-wide-250.section-select,\n        .is-wrapper.is-edit .section-wide-250 {\n            overflow-x: auto !important;\n            overflow-y: hidden !important;\n        }\n\n        .is-wrapper.is-edit .section-wide-250 .is-container > div > div { /* To make col tool visible */\n            max-height: 90vh; \n        }\n\n        /* Hide on Zoom */\n        .hard-select .section-select .is-section-tool[data-section-active],\n        .is-section-tool[data-section-active] {\n            display: none !important;\n        }\n        .hard-select .box-select .is-box-tool[data-box-active],\n        .is-box-tool[data-box-active] {\n            display: none !important;\n        }\n        .hard-select .box-select .is-box-info[data-boxinfo-active],\n        .is-box-info[data-boxinfo-active] {\n            display: none !important;\n        }\n          \n        </style>`),Cy.appendHtml(document.head,'<style id="_contentboxstuff_css">\n\n            #_cbhtml .is-modal.editbox.is-modal-content {\n                z-index: 10002;\n                position: fixed;\n                overflow: hidden;\n                width: 380px;\n                height: auto;\n                top: calc(50% - 250px);\n                left: calc(50% - 175px);\n                box-sizing: content-box;\n                flex-direction: row;\n                align-items: flex-start;\n            }\n            #_cbhtml .is-modal.editbox.is-modal-content.active {\n                display: flex;\n            }\n            #_cbhtml .is-modal.editbox.is-modal-content .is-modal-overlay {\n                display: none;\n            }\n\n            #_cbhtml .is-modal.editsection.is-modal-content {\n                z-index: 10002;\n                position: fixed;\n                overflow: hidden;\n                width: 400px;\n                height: auto;\n                top: calc(50% - 265px);\n                left: calc(50% - 157px);\n                box-sizing: content-box;\n                flex-direction: row;\n                align-items: flex-start;\n            }\n            #_cbhtml .is-modal.editbox.is-modal-content.active {\n                display: flex;\n            }\n            #_cbhtml .is-modal.editbox.is-modal-content .is-modal-overlay {\n                display: none;\n            }\n\n            /* Switch */\n            .is-ui .switch {\n                position: relative;\n                display: inline-block;\n                width: 60px;\n                height: 34px;\n            }\n    \n            .is-ui .switch input {\n                opacity: 0;\n                width: 0;\n                height: 0;\n            }\n    \n            .is-ui .switch .slider {\n                position: absolute;\n                cursor: pointer;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                background-color: #ccc;\n                -webkit-transition: 0.4s;\n                transition: 0.4s;\n                border-radius: 34px;\n            }\n    \n            .dark .is-ui .switch .slider {\n                background-color: #7c7c7c;\n            }\n    \n            .is-ui .switch .slider:before {\n                position: absolute;\n                content: "";\n                height: 26px;\n                width: 26px;\n                left: 4px;\n                bottom: 4px;\n                background-color: #fff;\n                -webkit-transition: 0.4s;\n                transition: 0.4s;\n                border-radius: 50%;\n            }\n    \n            .dark .is-ui .switch .slider:before {\n                background-color: rgba(255, 255, 255, 0.82);\n            }\n    \n            .is-ui .switch input:checked + .slider {\n                background-color: #0e75de;\n                border-radius: 34px;\n            }\n    \n            .dark .is-ui .switch input:checked + .slider {\n                background-color: #0e75de;\n            }\n    \n            .is-ui .switch input:focus + .slider {\n                box-shadow: 0 0 1px #0e75de;\n            }\n    \n            .dark .is-ui .switch input:focus + .slider {\n                box-shadow: 0 0 1px #0e75de;\n            }\n    \n            .is-ui .switch input:checked + .slider:before {\n                -webkit-transform: translateX(26px);\n                -ms-transform: translateX(26px);\n                transform: translateX(26px);\n            }\n\n            /* temporary hide tools on wide section during scroll */\n            .temporary-hide-tools .is-ui .is-tool {\n                display: none !important;\n            }\n\n\n          /* pop ai more */\n          .dark #_cbhtml .is-pop.ai-more button:hover {\n              background-color: rgba(255,255,255,0.1) !important;\n          }\n          #_cbhtml .is-pop.ai-more button:hover {\n              background-color: rgba(0,0,0,0.03) !important;\n          }\n          .is-pop.ai-more button {\n              font-size: 14px !important;\n          }\n        </style>');const e=this.builderStuff;Cy.appendHtml(e,'<div class="page-overlay"></div>');let t=e.querySelector(".page-overlay");this.editsection=new r(this),this.editbox=new Jt(this),setTimeout((()=>{if(this.pageSetupDone||this.pageSetup(),(null!=localStorage.getItem("_livepreview")||this.settings.livePreviewOpen)&&this.openPreview(),null!=localStorage.getItem("_disableanimation")){this.doc.body.setAttribute("data-skrollrr-off","true");this.sidebar.pageQuickSettings.querySelector(".cmd-live-preview").checked=!1,this.refreshPage()}null!=localStorage.getItem("_timelinewindow")&&this.timeline.edit()}),300);let i=!1;const n="contentboxstart",o=Date.now();if(JSON.parse(localStorage.getItem(n))){const e=JSON.parse(localStorage.getItem(n)).expiresOn;Date.now()>e&&(i=!0,localStorage.setItem(n,JSON.stringify({initial:o,expiresOn:o+2592e6})))}else i=!0,localStorage.setItem(n,JSON.stringify({initial:o,expiresOn:o+2592e6}));const s=()=>{let i,n=document.querySelector(".pace-inactive");n&&n.parentNode.removeChild(n),i=null!==localStorage.getItem("_zoom")?localStorage.getItem("_zoom"):this.settings.zoom,this.wrapperEl.style.transition="none";const o=300*(1-i)/.5;this.wrapperEl.style.marginTop=`${o}px`,this.wrapperEl.style.opacity=1;let s=e.querySelector(".is-sidebar");s&&(s.style.opacity=1),this.builderStuff.style.visibility="visible",setTimeout((()=>{t=e.querySelectorAll(".page-overlay"),t.forEach((e=>{e.parentNode.removeChild(e)})),this.wrapperEl.style.transition=""}),300)};this.disableLoadingStatus?(my.stop(),setTimeout((()=>{s()}),300)):i?(my.start(),my.on("hide",(()=>{s()}))):(my.stop(),setTimeout((()=>{s()}),300)),this.doc.addEventListener("wheel",(()=>{if(this.editor.activeElement){if(this.editor.activeElement.closest(".section-wide-250")){this.doc.body.classList.add("temporary-hide-tools"),this.editor.moveable&&this.editor.moveable.updateRect();let e=this.doc.querySelector(".moveable-control-box");e&&(e.style.display="none")}if(this.editor.activeElement.closest(".scroll-y")){this.doc.body.classList.add("temporary-hide-tools"),this.editor.moveable&&this.editor.moveable.updateRect();let e=this.doc.querySelector(".moveable-control-box");e&&(e.style.display="none")}}})),this.doc.addEventListener("click",this.doDocumentClick=e=>{var t=(e=e||window.event).target||e.srcElement;if(!(t.closest("#_cbhtml")||t.closest(".is-box-tool")||t.closest(".is-box-info")||t.closest(".is-section-tool")||t.closest(".is-side")||t.closest(".is-modal")||t.closest(".is-sidebar")))if(t.closest(".is-wrapper")&&!t.classList.contains("is-wrapper")){if(t.closest(".is-container")){const e=t.closest(".is-box");if(e){t.closest(".is-tool")||t.closest(".is-rowadd-tool")||(e.classList.contains("box-select")&&this.wrapperEl.classList.contains("is-container-edit")?(this.wrapperEl.classList.remove("is-container-edit"),this.wrapperEl.classList.add("is-clean-edit")):(this.wrapperEl.classList.add("is-container-edit"),this.wrapperEl.classList.remove("is-clean-edit")));const i=this.doc.querySelector(".box-select");i&&i.classList.remove("box-select"),e.classList.add("box-select"),this.activeBox=e,this.wrapperEl.classList.add("hard-select")}const i=t.closest(".is-section");if(i){const e=this.doc.querySelector(".section-select");e&&e.classList.remove("section-select"),this.activeSection&&i!==this.activeSection&&(this.prevSection=this.activeSection),i.classList.add("section-select"),this.activeSection=i}}else{this.editor.inspectedElement=null,this.editor.activeElement=null,this.editor.activeCol=null;const e=t.closest(".is-box");if(e)if(e.classList.contains("box-select")&&!this.wrapperEl.classList.contains("is-clean-edit")){const e=this.builderStuff.querySelector(".editbox"),t=this.builderStuff.querySelector(".editsection");if("flex"!==e.style.display&&"flex"!==t.style.display&&!this.timeline.modalTimeline.classList.contains("active")&&!this.animateScroll.modalAnimateScroll.classList.contains("active")){const e=this.doc.querySelector(".box-select");e&&e.classList.remove("box-select");const t=this.doc.querySelector(".section-select");t&&t.classList.remove("section-select"),this.wrapperEl.classList.remove("hard-select")}}else{const t=this.doc.querySelector(".box-select");t&&t.classList.remove("box-select");const i=this.doc.querySelector(".section-select");i&&i.classList.remove("section-select"),e.classList.add("box-select"),this.activeBox=e;const n=e.closest(".is-section");this.activeSection&&n!==this.activeSection&&(this.prevSection=this.activeSection),n.classList.add("section-select"),this.activeSection=n,this.wrapperEl.classList.add("hard-select")}this.wrapperEl.classList.remove("is-container-edit"),this.wrapperEl.classList.remove("is-clean-edit")}this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display="",this.settings.onPageContentClick&&this.settings.onPageContentClick(e)}else{if(document.activeElement&&"input"===document.activeElement.tagName.toLowerCase())return;this.wrapperEl.classList.remove("is-container-edit"),this.wrapperEl.classList.remove("is-clean-edit");const e=this.builderStuff.querySelector(".editbox");e.style.display="";const t=this.builderStuff.querySelector(".editsection");if(t.style.display="","flex"!==e.style.display&&"flex"!==t.style.display&&!this.timeline.modalTimeline.classList.contains("active")&&!this.animateScroll.modalAnimateScroll.classList.contains("active")){this.wrapperEl.classList.remove("hard-select");this.doc.querySelectorAll(".box-select").forEach((e=>{e.classList.remove("box-select")}));this.doc.querySelectorAll(".section-select").forEach((e=>{e.classList.remove("section-select")}))}this.timeline.modalTimeline.classList.contains("active")&&this.timeline.clearSettings()}let i=!1,n=!1,o=!1,s=!1,a=!1,l=!1,r=!1,d=!1,c=!1,u=t;for(;u&&u.tagName&&"BODY"!==u.tagName&&"HTML"!==u.tagName;)Cy.hasClass(u,"is-sidebar-content")&&(i=!0),Cy.hasClass(u,"is-sidebar")&&(n=!0),Cy.hasClass(u,"is-builder")&&(o=!0),Cy.hasClass(u,"is-wrapper")&&(a=!0),Cy.hasClass(u,"is-rte-tool")&&(l=!0),Cy.hasClass(u,"is-modal")&&(r=!0),Cy.hasClass(u,"is-pop")&&(d=!0),Cy.hasClass(u,"is-tool")&&(c=!0),Cy.hasClass(u,"is-section")&&(u.hasAttribute("data-anim-start")||u.hasAttribute("data-anim-end"))&&(s=!0),u=u.parentNode;if(!(i||n||a||l||r||d||c)){this.wrapperEl.querySelectorAll(".is-box-tool").forEach((e=>{e.style.display="none"}));this.wrapperEl.querySelectorAll(".is-section-tool").forEach((e=>{e.style.display="none"}));this.wrapperEl.querySelectorAll(".is-box-info").forEach((e=>{e.style.display="none"}))}i||n||this.sidebar.closeSidebar(),o&&s&&(this.controlHiddenOnScroll=!0)}),this.iframe&&document.addEventListener("click",this.doDocumentClick=e=>{let t=!1,i=!1,n=!1,o=!1,s=!1,a=!1,l=!1,r=(e=e||window.event).target||e.srcElement;for(;r&&r.tagName&&"BODY"!==r.tagName&&"HTML"!==r.tagName;)Cy.hasClass(r,"is-sidebar-content")&&(t=!0),Cy.hasClass(r,"is-sidebar")&&(i=!0),Cy.hasClass(r,"is-wrapper")&&(n=!0),Cy.hasClass(r,"is-rte-tool")&&(o=!0),Cy.hasClass(r,"is-modal")&&(s=!0),Cy.hasClass(r,"is-pop")&&(a=!0),Cy.hasClass(r,"is-tool")&&(l=!0),r=r.parentNode;if(!(t||i||n||o||s||a||l)){this.wrapperEl.querySelectorAll(".is-box-tool").forEach((e=>{e.style.display="none"}));this.wrapperEl.querySelectorAll(".is-section-tool").forEach((e=>{e.style.display="none"}));this.wrapperEl.querySelectorAll(".is-box-info").forEach((e=>{e.style.display="none"}))}t||i||this.sidebar.closeSidebar()}),window.wheel=()=>{}}openPreview(){this.animateScroll.openPreview()}closePreview(){this.animateScroll.closePreview()}openSettings(e){this.sidebar.openSettings(e)}pageSetup(){this.wrapperEl.querySelectorAll(".is-section").forEach((e=>{if(this.sectionSetup(e),Cy.hasClass(e,"is-box"))this.boxSetup(e);else{e.querySelectorAll(".is-box").forEach((e=>{this.boxSetup(e)}))}})),this.editor.applyBehavior(),this.addSpace(),setTimeout((()=>{let e=()=>{if(!this.doc.body.hasAttribute("data-skrollrr-off"))return!0},t=document.querySelector(".is-element-tool"),i=document.querySelector("#divImageTool"),n=document.querySelector("#divImageResizer"),o=()=>{if(i&&"flex"===i.style.display){this.editor.moveable&&this.editor.moveable.updateRect();let e=this.doc.querySelector(".moveable-control-box");e&&(e.style.display="none")}t&&(t.style.display=""),i&&(i.style.display=""),n&&(n.style.display="")};e&&(this.doc.addEventListener("wheel",this.doAnimWheel=()=>{e()&&o()}),this.win.addEventListener("scroll",this.doAnimScroll=()=>{e()&&o()}))}),300)}box(){const e=this.doc.querySelector(".is-section-navbar");if(e){e.querySelectorAll("a").forEach((e=>{e.addEventListener("click",(t=>{let i=e.getAttribute("href");if(i)if(0===i.indexOf("#"))if(0===i.indexOf("#section")){let e=i.replace("#section","");if(!isNaN(parseInt(e))){let i,n=this.doc.querySelectorAll(".is-section"),o=0;n.forEach((function(t){Cy.hasClass(t,"is-section-navbar")||(o===e-1&&(i=t),o++)})),i&&this.scrollTo(i),t.preventDefault()}}else try{let e=this.doc.querySelector(i);e&&(this.scrollTo(e),t.preventDefault())}catch(t){}else t.preventDefault(),t.stopImmediatePropagation();else e.closest(".is-menu-search")||(t.preventDefault(),t.stopImmediatePropagation())}))}))}}addSpace(){}scrollTo(e,t=0){this.cancelScrollSync=!0,setTimeout((()=>{e.scrollIntoView({behavior:"smooth",block:"center"}),setTimeout((()=>{this.cancelScrollSync=!1;const e=this.builderStuff.querySelector(".is-modal.content-preview").querySelector("iframe");this.scrollSync(e)}),1e3)}),t)}sectionSetup(e){let t=e.querySelector(".is-section-tool");t&&t.parentNode.removeChild(t),Cy.appendHtml(e,'<div class="is-section-tool"><button type="button" class="is-section-edit" tabindex="-1" data-title="'+i("Section Settings")+'" title="'+i("Section Settings")+'"><svg class="is-icon-flex"><use xlink:href="#ion-wrench"></use></svg></button><button type="button" class="is-section-remove" tabindex="-1" data-title="'+i("Remove")+'" title="'+i("Remove")+'">&#10005;</button></div>');let n=e.querySelector(".is-section-info");n&&n.parentNode.removeChild(n);const o=e.getAttribute("id");Cy.appendHtml(e,'<div class="is-section-info">'+(o?`<div>#${o}</div>`:"")+"</div>");let s=e.querySelector(".is-section-tool").querySelectorAll("[title]");Array.prototype.forEach.call(s,(e=>{e.setAttribute("data-title",e.getAttribute("title")),this.iframe?this.editor.tooltip.set(e,5,3,!0):this.editor.tooltip.set(e,5,3)}));e.querySelector(".is-section-edit").addEventListener("click",(()=>{this.editbox.close(),this.editsection.edit()}));if(e.querySelector(".is-section-remove").addEventListener("click",(()=>{const e=document.querySelector(".is-modal.delsectionconfirm");if(this.settings.deleteConfirm)this.editor.util.showModal(e);else{e.querySelector(".input-ok").click()}this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display=""})),e.classList.contains("section-wide-250")){let t=e.querySelector(".is-box-centered");t&&t.addEventListener("scroll",(()=>{this.doc.body.classList.add("temporary-hide-tools"),this.editor.moveable&&this.editor.moveable.updateRect();let e=this.doc.querySelector(".moveable-control-box");e&&(e.style.display="none")}))}e.querySelectorAll(".scroll-y").forEach((e=>{e.addEventListener("scroll",(()=>{this.doc.body.classList.add("temporary-hide-tools"),this.editor.moveable&&this.editor.moveable.updateRect();let e=this.doc.querySelector(".moveable-control-box");e&&(e.style.display="none")}))}))}boxSetup(e){let t=e.querySelector(".is-box-tool");t&&t.parentNode.removeChild(t),Cy.appendHtml(e,'<div class="is-box-tool" data-tool="1"><div role="button" class="is-cover-upload" data-tooltip-top title="'+i("Background Image")+'" data-title="'+i("Background Image")+'" target="target-upload-cover" method="post" action="'+this.coverImageHandler+'" enctype="multipart/form-data" style="position:relative;width:40px;height:40px;display:inline-block;float:left;background: rgb(90, 156, 38);"><div style="width:40px;height:40px;overflow:hidden;"><div style="position:absolute;width:100%;height:100%;"><svg class="is-icon-flex" style="position: absolute;top: 12px;left: 12px;fill:rgb(255,255,255);"><use xlink:href="#ion-image"></use></svg></div><input type="file" tabindex="-1" class="input-file-cover" name="fileCover" accept="image/*" style="position:absolute;top:-30px;left:0;width:100%;height:80px;opacity: 0;cursor: pointer;"/></div><input tabindex="-1" class="input-custom-value" name="hidcustomval" type="hidden" value="" /></div><button type="button" class="is-box-edit" tabindex="-1" data-tooltip-top data-title="'+i("Box Settings")+'" title="'+i("Box Settings")+'"><svg class="is-icon-flex"><use xlink:href="#ion-wrench"></use></svg></button><button type="button" class="is-module-edit" tabindex="-1" data-tooltip-top data-title="'+i("Module Settings")+'" title="'+i("Module Settings")+'"><svg class="is-icon-flex"><use xlink:href="#ion-ios-gear"></use></svg></button></div>');let n=e.querySelector(".is-box-info");n&&n.parentNode.removeChild(n),this.sendCommandUrl&&this.AIToolbar&&Cy.appendHtml(e,`<div class="is-box-info is-tool" style="transform-origin: right top;">\n            <button data-title="${i("AI Rewrite")}" title="${i("AI Rewrite")}" class="input-box-rewrite" style="padding-left:3px">\n                <svg class="is-icon-flex" style="width:15px;height:15px;flex:none;fill:#000;"><use xlink:href="#icon-pencil"></use></svg>\n            </button>\n            <button data-title="${i("AI Redesign")}" title="${i("AI Redesign")}" class="input-box-redesign">\n                <svg class="is-icon-flex" style="width:15px;height:15px;flex:none;fill:#000;"><use xlink:href="#icon-refresh"></use></svg>\n            </button>\n            <button data-title="${i("More")}" title="${i("More")}" class="input-box-more" style="padding-right:3px">\n                <svg class="is-icon-flex" style="width:15px;height:15px;flex:none;fill:#000;"><use xlink:href="#icon-more"></use></svg>\n            </button>\n            <button data-title="${i("Settings")}" title="${i("Settings")}" class="input-box-config" style="display:none">\n                <svg class="is-icon-flex" style="width:15px;height:15px;flex:none;fill:#000;"><use xlink:href="#icon-settings"></use></svg>\n            </button>\n            </div>`);const o=e.querySelector(".input-box-redesign");o&&o.addEventListener("click",(()=>{this.command.redesign()}));const s=e.querySelector(".input-box-rewrite");s&&s.addEventListener("click",(()=>{this.command.rewrite()}));const a=e.querySelector(".input-box-more");a&&a.addEventListener("click",(()=>{this.command.openMore()}));const l=e.querySelector(".input-box-config");if(l&&l.addEventListener("click",(()=>{this.command.config()})),o&&(o.setAttribute("data-title",o.getAttribute("title")),this.iframe?this.editor.tooltip.set(o,0,3,!0):this.editor.tooltip.set(o,0,3)),s&&(s.setAttribute("data-title",s.getAttribute("title")),this.iframe?this.editor.tooltip.set(s,0,3,!0):this.editor.tooltip.set(s,0,3)),a&&(a.setAttribute("data-title",a.getAttribute("title")),this.iframe?this.editor.tooltip.set(a,0,3,!0):this.editor.tooltip.set(a,0,3)),l&&(l.setAttribute("data-title",l.getAttribute("title")),this.iframe?this.editor.tooltip.set(l,0,3,!0):this.editor.tooltip.set(l,0,3)),t=e.querySelector(".is-box-tool"),t){let e=t.querySelectorAll("[title]");Array.prototype.forEach.call(e,(e=>{e.setAttribute("data-title",e.getAttribute("title")),this.iframe?this.editor.tooltip.set(e,5,3,!0):this.editor.tooltip.set(e,5,3)}))}const r=e.querySelector(".is-box-edit");r&&r.addEventListener("click",(()=>{this.editsection.close(),this.editbox.edit()}));const d=e.querySelector(".is-module-edit");d&&d.addEventListener("click",(()=>{this.editbox.editModule()}));let c=e.querySelector(".is-cover-upload");c&&"none"!==c.style.display&&c.addEventListener("mouseenter",(()=>{let e,t,i;e=this.iframe?this.contentStuff.querySelector(".is-cover-upload-central"):this.builderStuff.querySelector(".is-cover-upload-central"),t=c.getBoundingClientRect().top+this.win.pageYOffset,i=c.getBoundingClientRect().left+this.win.pageXOffset,e.style.top=t+"px",e.style.left=i+"px"}));const u=e.querySelector(".is-overlay-content");if(u){let e=u.querySelectorAll("iframe");Array.prototype.forEach.call(e,(e=>{let t=e.querySelector(".ovl");t||(u.insertAdjacentHTML("beforeend",'<div class="ovl" style="position:absolute;background:#fff;opacity:0.01;cursor:pointer;top:0;left:0px;width:100%;height:100%;z-index:1"></div>'),t=u.querySelector(".ovl"),t.addEventListener("click",(()=>{let e=document.querySelectorAll(".ovl");Array.prototype.forEach.call(e,(e=>{e.style.display="block"})),setTimeout((()=>{t.style.display="none",u.parentNode.style.zIndex=1}),200)})))}))}e.addEventListener("mouseenter",(()=>{if(this.positionTool(e),this.wrapperEl.classList.contains("hard-select"))return;const t=e.closest(".is-section");this.activeSection&&t!==this.activeSection&&(this.prevSection=this.activeSection),this.activeBox=e,this.activeSection=t;document.querySelector("#divSidebarTypography").classList.contains("active")&&this.sidebar.selectType()}))}addSection(e,t){let i=this.addIdea(e);if(!t)return i;let n=t.replace(".css",""),o=this.settings.contentStylePath,s=!1,a=window.parent._cb.doc.getElementsByTagName("link");for(let e=0;e<a.length;e++){-1!=a[e].href.toLowerCase().indexOf(t.toLowerCase())&&(s=!0)}return s||this.wrapperEl.insertAdjacentHTML("beforeend",'<link data-name="contentstyle" data-class="'+n+'" href="'+o+t+'" rel="stylesheet">'),i}sectionStack(){this.wrapperEl.querySelectorAll(".is-section.box-space").forEach((e=>{let t=!1;e.previousElementSibling&&e.previousElementSibling.classList.contains("box-space")&&(t=!0);let i=!1;e.nextElementSibling&&e.nextElementSibling.classList.contains("box-space")&&(i=!0),!t&&i&&(e.classList.add("stack-top"),e.classList.remove("stack-middle"),e.classList.remove("stack-bottom")),t||i||(e.classList.remove("stack-top"),e.classList.remove("stack-middle"),e.classList.remove("stack-bottom")),!i&&t&&(e.classList.add("stack-bottom"),e.classList.remove("stack-middle"),e.classList.remove("stack-top")),t&&i&&(e.classList.remove("stack-top"),e.classList.add("stack-middle"),e.classList.remove("stack-bottom"))}))}doUndoRedo(){let e=this.doc.querySelectorAll(".is-section-tool");e.forEach((e=>{e.parentNode.removeChild(e)})),e=this.doc.querySelectorAll(".is-box-tool"),e.forEach((e=>{e.parentNode.removeChild(e)})),e=this.doc.querySelectorAll(".is-box-info"),e.forEach((e=>{e.parentNode.removeChild(e)}));this.doc.querySelectorAll(".box-select").forEach((e=>{e.classList.remove("box-select")}));this.doc.querySelectorAll(".section-select").forEach((e=>{e.classList.remove("section-select")})),this.activeBox=null,this.activeSection=null,this.wrapperEl.classList.remove("is-container-edit"),this.wrapperEl.classList.remove("is-clean-edit");this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display="",this.timeline.modalTimeline.classList.contains("active")||this.animateScroll.modalAnimateScroll.classList.contains("active")||this.wrapperEl.classList.remove("hard-select"),this.pageSetup(),this.win.skrollrr&&this.win.skrollrr.refresh()}refreshAnim(){this.win.skrollrr&&this.win.skrollrr.refresh()}refreshPage(e){this.win.skrollrr&&this.win.skrollrr.refresh();const t=this.wrapperEl;t.querySelectorAll(".is-section").forEach((e=>{const t=e.innerHTML;var i=document.createRange();e.innerHTML="",e.appendChild(i.createContextualFragment(t))})),this.editor.uo.cleaning(t),this.pageSetup(),this.win.skrollrr&&this.win.skrollrr.refresh(),e&&e()}addIdea(e){let t;this.editor.saveForUndo();let n=[];if(-1!==e.indexOf("is-section-navbar")){const o=this.wrapperEl.querySelector(".is-section-navbar");if(o)return void this.editor.util.confirm(i("Do you want to replace the current navigation bar?"),(t=>{t&&(o.parentNode.removeChild(o),this.addIdea(e))}),!0,i("Replace"));Cy.appendHtml(this.wrapperEl,e,"afterbegin"),t=this.wrapperEl.querySelector(".is-section"),n.push(t)}else if(-1!==e.indexOf("is-static")){let i=Cy.getLastElement(this.wrapperEl,".is-section");if(i){Cy.appendHtml(i,e,"afterend"),t=i.nextElementSibling,n.push(t);let o=t.nextElementSibling;if(o){let e=o.querySelector(".is-section-tool");e||n.push(o),o=o.nextElementSibling,o&&(e=o.querySelector(".is-section-tool"),e||n.push(o))}}else Cy.appendHtml(this.wrapperEl,e,"afterbegin"),t=this.wrapperEl.querySelector(".is-section"),n.push(t)}else if(this.activeSection){let i=this.activeSection;if(Cy.hasClass(i,"is-static")){Cy.appendHtml(i,e,"beforebegin"),t=i.previousElementSibling,n.push(t);let o=t.previousElementSibling;if(o){let e=o.querySelector(".is-section-tool");e||n.push(o),o=o.previousElementSibling,o&&(e=o.querySelector(".is-section-tool"),e||n.push(o))}}else{Cy.appendHtml(i,e,"afterend"),t=i.nextElementSibling,n.push(t);let o=t.nextElementSibling;if(o){let e=o.querySelector(".is-section-tool");e||n.push(o),o=o.nextElementSibling,o&&(e=o.querySelector(".is-section-tool"),e||n.push(o))}}}else{Cy.appendHtml(this.wrapperEl,e,"afterbegin"),t=this.wrapperEl.querySelector(".is-section"),n.push(t);let i=t.nextElementSibling;if(i){let e=i.querySelector(".is-section-tool");e||n.push(i),i=i.nextElementSibling,i&&(e=i.querySelector(".is-section-tool"),e||n.push(i))}}this.wrapperEl.querySelectorAll(".is-section").forEach((e=>{e.querySelector(".is-section-tool")||n.push(e)})),n.forEach((e=>{if(e.querySelectorAll("[data-html]").forEach((e=>{let t=decodeURIComponent(e.getAttribute("data-html"));t=t.replace(/{id}/g,Cy.uniqueId()),Cy.html(e,t)})),e.querySelectorAll(".is-overlay").forEach((e=>{let t=e.querySelector(".is-overlay-content");t&&""===t.innerHTML&&1===e.childElementCount&&e.parentNode.removeChild(e)})),this.sectionSetup(e),Cy.hasClass(e,"is-box"))this.boxSetup(e);else{e.querySelectorAll(".is-box").forEach((e=>{this.boxSetup(e)}))}})),document.querySelectorAll(".is-overlay-bg").forEach((e=>{e.style&&e.style.filter&&-1!==e.style.filter.indexOf("grayscale")&&(e.parentNode.style.filter="grayscale(1)")})),this.editor.applyBehavior(),this.settings.onRender();return this.wrapperEl.querySelectorAll(".is-arrow-down a").forEach((e=>{e.addEventListener("click",(t=>{let i=e.parentNode.parentNode;return this.scrollTo(i.nextElementSibling),t.preventDefault(),t.stopImmediatePropagation(),!1}))})),this.sectionStack(),this.onChange(),Cy.removeElement(document.querySelector(".is-sidebar-overlay")),Cy.removeClass(document.querySelectorAll(".is-sidebar .is-sidebar-button"),"active"),Cy.removeClass(document.querySelectorAll(".is-sidebar-content"),"active"),document.body.style.overflowY="",this.addSpace(),this.scrollTo(t,600),setTimeout((()=>{this.refreshAnim()}),600),t}refreshUIStyle(){if(!this.editor)return;if(!this.editor.styleSnippetBackground)return void setTimeout((()=>{this.refreshUIStyle()}),300);document.querySelector("#divSidebarSnippets").style.backgroundColor=this.editor.styleSnippetBackground;document.querySelectorAll(".is-sidebar-content").forEach((e=>{e.style.backgroundColor=this.editor.styleSnippetBackground}));const e=document.querySelector("#divStyles");e.style.backgroundColor=this.editor.styleSnippetBackground,e.style.color=this.editor.styleSnippetColor;const t=document.querySelector(".is-sidebar");t.style.backgroundColor=this.editor.styleModalBackground,t.style.color=this.editor.styleModalColor;t.querySelectorAll("svg").forEach((e=>{e.style.fill=this.editor.styleModalColor}));t.querySelectorAll("button").forEach((e=>{e.style.color=this.editor.styleModalColor}));const i=document.querySelector("#ifrIdeasPanel");i.contentWindow.applyParentStyles&&i.contentWindow.applyParentStyles()}rePositionTool(){this.activeBox&&this.positionTool(this.activeBox)}hideTools(){let e=this.doc.querySelectorAll(".is-tool");Array.prototype.forEach.call(e,(e=>{e.style.display=""})),e=this.doc.querySelectorAll(".is-row-tool"),e.forEach((e=>{e.style.display="none"})),e=this.doc.querySelectorAll(".is-rowadd-tool"),e.forEach((e=>{e.style.opacity=0})),e=this.doc.querySelectorAll(".is-col-tool"),e.forEach((e=>{e.style.display="none"}))}showTools(){this.editor.util.repositionColumnTool();let e=this.doc.querySelectorAll(".is-row-tool");e.forEach((e=>{e.style.display=""})),e=this.doc.querySelectorAll(".is-rowadd-tool"),e.forEach((e=>{e.style.opacity=""})),e=this.doc.querySelectorAll(".is-col-tool"),e.forEach((e=>{e.style.display=""}))}positionTool(e){if(!e)return;var t;t=null!==localStorage.getItem("_zoom")?localStorage.getItem("_zoom"):this.settings.zoom;const i=e.closest(".is-section-navbar"),n=e.querySelector('[data-module="slider-box"]');let o,s;this.wrapperEl.querySelectorAll(".is-section-tool").forEach((e=>{e.style.display="none"})),Cy.hasClass(e,"is-section")?(o=e,s=e.querySelector(".is-section-tool")):(o=Cy.parentsHasClass(e,"is-section"),s=o.querySelector(".is-section-tool")),s&&(s.style.display="block",s.style.transform="scale("+1/t+")",s.style.transformOrigin="top right");this.wrapperEl.querySelectorAll(".is-box-tool").forEach((e=>{e.style.display="none"}));let a=e.querySelector(".is-box-tool");a&&(a.style.display="flex",a.style.transform="scale("+1/t+")",a.style.transformOrigin="center bottom",n?(e.querySelector(".is-cover-upload").style.display="none",e.querySelector(".is-box-edit").style.display="inline-block",e.querySelector(".is-module-edit").style.display="inline-block",a.style.width="80px",a.style.left="calc(50% - 40px)"):i?(e.querySelector(".is-cover-upload").style.display="none",e.querySelector(".is-box-edit").style.display="none",e.querySelector(".is-module-edit").style.display="inline-block",a.style.width="40px",a.style.left="calc(50% - 20px)"):e.querySelectorAll(".is-overlay-content[data-module]").length>0?(e.querySelector(".is-cover-upload").style.display="block",e.querySelector(".is-box-edit").style.display="inline-block",e.querySelector(".is-module-edit").style.display="inline-block",a.style.width="120px",a.style.left="calc(50% - 60px)"):(e.querySelector(".is-cover-upload").style.display="block",e.querySelector(".is-box-edit").style.display="inline-block",e.querySelector(".is-module-edit").style.display="none",a.style.width="80px",a.style.left="calc(50% - 40px)"));this.wrapperEl.querySelectorAll(".is-box-info").forEach((e=>{e.style.display="none"}));let l=e.querySelector(".is-box-info");l&&(l.style.display="flex",l.style.transform="scale("+1/t+")")}addButton(e){if(this.preview)return;const t=this.builderStuff,n=Cy.uniqueId(),o=Cy.uniqueId();let s;if(e.src){s=`<button type="button" id="${n}" class="is-sidebar-button" tabindex="-1" data-content="${o}" data-title="${i(e.title)}" title="${i(e.title)}" data-src="${e.src}" data-refresh="${e.refresh?1:0}">\n            ${e.html}\n            </button>`;let a=`<div id="${o}" class="is-sidebar-content is-area-2nd ${e.class}" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true" style="max-width:${e.maxwidth?e.maxwidth:"1005px"};">\n                <div style="padding:0 0 0 50px;box-sizing:border-box;">\n                    <iframe src="about:blank" style="width:100%;height:100%;box-sizing:border-box;border:none;">\n                    </iframe>\n                </div>\n            </div>`;Cy.appendHtml(t,a)}else s=e.onClick?'<button type="button" id="'+n+'" tabindex="-1" class="is-sidebar-button" data-title="'+i(e.title)+'" title="'+i(e.title)+'">'+e.html+"</button>":`<button id="${n}" class="is-sidebar-button" tabindex="-1" data-content="${e.content.substr(1)}" data-title="${i(e.title)}" title="${i(e.title)}">\n                ${e.html}\n                </button>`;t.querySelector(".is-sidebar").children[e.pos].insertAdjacentHTML("afterEnd",s);const a=t.querySelector("#"+n);a.addEventListener("click",(i=>{if(e.onClick)e.onClick(i);else if(Cy.hasClass(a,"active"))this.sidebar.closeSidebar();else{this.sidebar.closeSidebar(),Cy.addClass(a,"active");var n=a.getAttribute("data-content");const i=document.querySelector("#"+n);if(i.style.display="block",i.setAttribute("aria-hidden",!1),setTimeout((()=>{Cy.addClass(i,"active"),i.focus()}),10),e.src){var o=t.querySelector("#"+n+" iframe");("1"===a.getAttribute("data-refresh")||"about:blank"==o.getAttribute("src"))&&o.setAttribute("src",e.src)}Cy.appendHtml(t,'<div class="is-sidebar-overlay" style="position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.000001);z-index: 1000;;"></div>');const s=t.querySelector(".is-sidebar-overlay");s.addEventListener("click",(()=>{s.parentNode.removeChild(s);let e=t.querySelectorAll(".is-sidebar > div");e.forEach((e=>{Cy.removeClass(e,"active")})),e=t.querySelectorAll(".is-sidebar-content"),e.forEach((e=>{Cy.removeClass(e,"active")})),document.body.style.overflowY=""}))}})),setTimeout((()=>{if(!e.onClick){const e=a.getAttribute("data-content");document.querySelector("#"+e).addEventListener("keydown",(e=>{27===e.keyCode&&this.sidebar.closeSidebar()}))}}),300)}undo(){this.editor.undo()}redo(){this.editor.redo()}saveImages(e,t,i){this.editor.saveImages(e,t,i)}applyLargerImage(e){this.editor.applyLargerImage(e)}returnUrl(e){this.editor.returnUrl(e)}showMessage(e){this.editor.util.showMessage(e)}showChoice(e,t,i){this.editor.util.showChoice(e,t,i)}showModal(e,t,i,n){this.editor.util.showModal(e,t,i,n)}hideModal(e){this.editor.hideModal(e)}refreshModule(){this.editbox.refreshModule()}loadStyles(e,t){let i,n=this.doc.getElementsByTagName("link");for(let e=0;e<n.length;e++)"contentstyle"===n[e].getAttribute("data-name")&&n[e].setAttribute("data-rel","_del"),-1!==n[e].getAttribute("href").indexOf("basetype-")&&n[e].setAttribute("data-rel","_del"),-1===n[e].getAttribute("href").indexOf("/box.css")&&-1===n[e].getAttribute("href").indexOf("/box-flex.css")||n[e].closest("body")&&(i=!0,this.settings.cssInBody=!0);this.settings.cssInBody&&(i=!0),this.doc.querySelectorAll('[data-rel="_del"]').forEach((e=>{e.parentNode.removeChild(e)}));let o=this.doc.head;o||(o=this.doc.body),e&&""!==e&&(i?this.wrapperEl.insertAdjacentHTML("beforebegin",e):o.insertAdjacentHTML("beforeend",e)),t&&""!==t&&(i?this.wrapperEl.insertAdjacentHTML("beforebegin",t):o.insertAdjacentHTML("beforeend",t))}loadHtml(e){this.activeBox=null,this.activeSection=null;const t=this.wrapperEl;t.style.opacity||(t.style.opacity="0");let i=!1;if("glide"!==this.settings.slider&&"all"!==this.settings.slider||void 0!==this.win.Glide&&(new this.win.Glide).mount||(i=!0),!this.editor||i)return void setTimeout((()=>{this.loadHtml(e)}),100);let n=document.createRange();t.innerHTML="",t.appendChild(n.createContextualFragment(e));let o=this.settings.contentStylePath;t.querySelectorAll(".is-section").forEach((e=>{e.classList.forEach((e=>{if(-1!==e.indexOf("type-")){const t=e,i=e+".css";let n=!1,s=this.doc.getElementsByTagName("link");for(let e=0;e<s.length;e++){-1!=s[e].href.toLowerCase().indexOf(i.toLowerCase())&&(n=!0)}n||this.wrapperEl.insertAdjacentHTML("beforeend",'<link data-name="contentstyle" data-class="'+t+'" href="'+o+i+'" rel="stylesheet">')}}))})),this.pageSetup(),this.pageSetupDone=!0,this.settings.onRender();t.querySelectorAll(".is-arrow-down a").forEach((e=>{e.addEventListener("click",(t=>{let i=e.parentNode.parentNode;return this.scrollTo(i.nextElementSibling),t.preventDefault(),t.stopImmediatePropagation(),!1}))})),null!=localStorage.getItem("_livepreview")&&this.openPreview(),setTimeout((()=>{this.refreshAnim()}),600)}boxImage(e,t){this.editbox.boxImage(e,t)}mainCss(e){let t=this.doc.getElementsByTagName("link"),i=[];for(let n=0;n<t.length;n++){if(-1!=t[n].href.toLowerCase().indexOf("basetype-"))if(e){const e=t[n].cloneNode();let o=e.href,s=window.location.href.substring(0,window.location.href.lastIndexOf("/"));o=o.replace(s,"[%PATH%]"),e.href=o,i.push(e.outerHTML)}else i.push(t[n].outerHTML)}return i=[...new Set(i)],i.join("")}mainCssList(){let e=this.doc.getElementsByTagName("link"),t=[];for(let i=0;i<e.length;i++){-1!=e[i].href.toLowerCase().indexOf("basetype-")&&t.push(e[i].outerHTML)}return t}sectionCss(e){let t=this.doc.getElementsByTagName("link"),i=[];for(let n=0;n<t.length;n++){let o=t[n].href.toLowerCase();if(-1!=o.indexOf("basetype-"));else if(-1!=o.indexOf("type-"))if(e){const e=t[n].cloneNode();let o=e.href,s=window.location.href.substring(0,window.location.href.lastIndexOf("/"));o=o.replace(s,"[%PATH%]"),e.href=o,i.push(e.outerHTML)}else i.push(t[n].outerHTML)}return i=[...new Set(i)],i.join("")}sectionCssList(){let e=this.doc.getElementsByTagName("link"),t=[];for(let i=0;i<e.length;i++){let n=e[i].href.toLowerCase();-1!=n.indexOf("basetype-")||-1!=n.indexOf("type-")&&t.push(e[i].outerHTML)}return t=[...new Set(t)],t}htmlCheck(){this.cleanupUnused();return this.editor.readHtml(this.wrapperEl,!1,!0,!0)}html(e){this.cleanupUnused();return this.editor.readHtml(this.wrapperEl,e,!0)}download(e={}){this.export(e,!0)}export(e={},t=!1){let i=this.pageTemplate,n="";this.cleanupUnused(),this.editor.makeAbsolute=!0,this.editor.shortenOutput=t;let o=this.editor.readHtml(this.wrapperEl,!1,!0);this.editor.makeAbsolute=!1,this.editor.shortenOutput=!1,n=i.replace("[%CONTENT%]",o);let s=this.mainCss(!0),a=this.sectionCss(!0);if(n=n.replaceAll("[%MAINCSS%]",s),n=n.replaceAll("[%SECTIONCSS%]",a),e.replace&&e.replace.forEach((e=>{n=n.replaceAll(`${e[0]}`,e[1])})),e.path)n=n.replaceAll("[%PATH%]",e.path);else{let e;e=window.location.href.substring(0,window.location.href.lastIndexOf("/")),n=n.replaceAll("[%PATH%]",e)}n=this.editor.beautify(n);const l=document.createElement("a");l.href=window.URL.createObjectURL(new Blob([n],{type:"text/plain"})),l.download="page.html",l.click()}viewZoom(){this.editor.viewZoom()}openAnimationPanel(){this.animateScroll.edit()}openTimelinePanel(){this.timeline.edit()}openAIAssistant(){this.command.openDictation()}destroy(){this.doc.removeEventListener("click",this.doDocumentClick,!1),this.iframe&&document.removeEventListener("click",this.doDocumentClick,!1),window.removeEventListener("scroll",this.doWindowScroll,!1),this.doc.removeEventListener("scroll",this.doAnimWheel,!1),this.win.removeEventListener("scroll",this.doAnimScroll,!1),this.win.removeEventListener("scroll",this.doScrollSync,!1);let e=this.html();this.builderStuff.innerHTML="",Cy.removeClass(document.body,"sidebar-active"),document.body.removeAttribute("data-skrollrr-off");const t=this.doc.querySelector("#_contentbox_css");t&&t.parentNode.removeChild(t);const i=document.querySelector("#_contentboxstuff_css");i&&i.parentNode.removeChild(i);let n=document.createRange();const o=this.wrapperEl;o.innerHTML="",o.appendChild(n.createContextualFragment(e)),Cy.removeClass(o,"is-edit"),this.editor.destroy(),my.stop()}cleanupUnused(){this.editor.rte.cleanupFontCssLink();let e=this.doc.getElementsByTagName("link");for(let t=0;t<e.length;t++)if("contentstyle"===e[t].getAttribute("data-name")){let i=e[t].getAttribute("data-class");""===i&&e[t].setAttribute("data-rel","_del"),""!==i&&(this.wrapperEl.querySelector("."+i)||e[t].setAttribute("data-rel","_del"))}let t=this.doc.querySelectorAll('[data-rel="_del"]');t.forEach((e=>{e.parentNode.removeChild(e)})),t=this.doc.head.querySelectorAll("link"),t.forEach((e=>{let t=e.getAttribute("href");this.wrapperEl.querySelectorAll("link").forEach((e=>{t===e.getAttribute("href")&&e.setAttribute("data-rel","_del")}))})),t=this.doc.querySelectorAll('[data-rel="_del"]'),t.forEach((e=>{e.parentNode.removeChild(e)}))}calculateVisibleArea(e){const t=window.innerHeight||document.documentElement.clientHeight,i=window.innerWidth||document.documentElement.clientWidth,n=Math.max(e.top,0),o=Math.min(e.bottom,t),s=Math.max(e.left,0);return(Math.min(e.right,i)-s)*(o-n)}findMostVisibleElement(e){let t=0,i=null;return e.forEach((e=>{const n=e.getBoundingClientRect();if(n.top<window.innerHeight&&n.bottom>=0&&n.left<window.innerWidth&&n.right>=0){const o=this.calculateVisibleArea(n);o>t&&(t=o,i=e)}})),i}selectSection(){if(this.activeBox)return;const e=this.wrapperEl.querySelectorAll(".is-section"),t=this.findMostVisibleElement(e);if(!t)return;let i=!1;if(t.classList.contains("is-box")&&(i=!0),i)this.activeBox=t,t.classList.add("section-select"),this.activeSection=t;else{const e=t.querySelector(".is-box");e&&(e.classList.add("box-select"),this.activeBox=e),t.classList.add("section-select"),this.activeSection=t}}}}();