@innovastudio/contentbox 1.5.72 → 1.5.73
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -144,4 +144,4 @@ var xp=function(e,t){return xp=Object.setPrototypeOf||{__proto__:[]}instanceof A
|
|
|
144
144
|
* https://github.com/CodeByZach/pace/
|
|
145
145
|
* Licensed MIT © HubSpot, Inc.
|
|
146
146
|
*/
|
|
147
|
-
(function(){if("undefined"!=typeof window){var t,i,n,s,o,a,l,r,d,c,u,p,h,m,g,b,f,v,y,x,_,w,S,C,k,A,E,L,q,T,M,O,R,I,B,N,$,z,P,D,H,j,U,F,W,Y,X,G,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},O=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==O&&(O=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 O(i)}))):setTimeout(i,33-n)},i()},R=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,s,o,a;for(t=arguments[0],o=0,a=(n=2<=arguments.length?K.call(arguments,1):[]).length;o<a;o++)if(i=n[o])for(e in i)Z.call(i,e)&&(s=i[e],null!=t[e]&&"object"==typeof t[e]&&null!=s&&"object"==typeof s?S(t[e],s):t[e]=s);return t},v=function(e){var t,i,n,s,o;for(i=t=0,s=0,o=e.length;s<o;s++)n=e[s],i+=Math.abs(n),t++;return i/t},k=function(e,t){var i,n,s;if(null==e&&(e="options"),null==t&&(t=!0),s=document.querySelector("[data-pace-"+e+"]")){if(i=s.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 s;return null==n&&(n=!1),null==this.bindings&&(this.bindings={}),null==(s=this.bindings)[e]&&(s[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,s;if(null!=(null!=(n=this.bindings)?n[e]:void 0)){if(null==t)return delete this.bindings[e];for(i=0,s=[];i<this.bindings[e].length;)this.bindings[e][i].handler===t?s.push(this.bindings[e].splice(i,1)):s.push(i++);return s}},e.prototype.trigger=function(){var e,t,i,n,s,o,a,l,r;if(i=arguments[0],e=2<=arguments.length?K.call(arguments,1):[],null!=(a=this.bindings)?a[i]:void 0){for(s=0,r=[];s<this.bindings[i].length;)n=(l=this.bindings[i][s]).handler,t=l.ctx,o=l.once,n.apply(null!=t?t:this,e),o?r.push(this.bindings[i].splice(s,1)):r.push(s++);return r}},e}(),c=window.Pace||{},window.Pace=c,S(c,l.prototype),M=c.options=S({},w,window.paceOptions,k()),F=0,Y=(G=["ajax","document","eventLag","elements"]).length;F<Y;F++)!0===M[z=G[F]]&&(M[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(M.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=""!==M.className?" "+M.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,s,o,a;if(null==document.querySelector(M.target))return!1;for(e=this.getElement(),n="translate3d("+this.progress+"%, 0, 0)",s=0,o=(a=["webkitTransform","msTransform","transform"]).length;s<o;s++)t=a[s],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,s,o,a;if(null!=this.bindings[e]){for(a=[],n=0,s=(o=this.bindings[e]).length;n<s;n++)i=o[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&&M.ajax){if("socket"===e&&M.ajax.trackWebSockets)return!0;if(t=e.toUpperCase(),J.call(M.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,s,o){return $(n)&&i.trigger("request",{type:n,url:s,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&&M.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,s;for(i=0,n=(s=M.ajax.ignoreURLs).length;i<n;i++)if("string"==typeof(t=s[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,s,o,a;if(o=e.type,s=e.request,a=e.url,!N(a))return c.running||!1===M.restartOnRequestAfter&&"force"!==$(o)?void 0:(n=arguments,"boolean"==typeof(i=M.restartOnRequestAfter||0)&&(i=0),setTimeout((function(){var e,i,a,l,r;if("socket"===o?s.readyState<1:0<(a=s.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,s;if(n=e.type,t=e.request,s=e.url,!N(s))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,s,o,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=(o=["load","abort","timeout","error"]).length;i<n;i++)b(e,o[i],(function(){return t(a),a.progress=100}));else s=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 s?s.apply(null,arguments):void 0}},m=function(e,t){var i,n,s,o=this;for(this.progress=0,i=0,n=(s=["error","open"]).length;i<n;i++)b(e,s[i],(function(){return t(o),o.progress=100}))},s=function(){function e(e){var t,i,n,s;for(null==e&&(e={}),this.complete=ee(this.complete,this),this.elements=[],null==e.selectors&&(e.selectors=[]),i=0,n=(s=e.selectors).length;i<n;i++)t=s[i],this.elements.push(new o(t,this.complete))}return e.prototype.complete=function(e){return this.elements=this.elements.filter((function(t){return t!==e}))},e}(),o=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()}),M.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,s,o=this;this.progress=0,e=0,s=[],n=0,i=T(),t=setInterval((function(){var a;return a=T()-i-50,i=T(),s.push(a),s.length>M.eventLag.sampleCount&&s.shift(),e=v(s),++n>=M.eventLag.minSamples&&e<M.eventLag.lagThreshold?(o.progress=100,clearInterval(t)):o.progress=3/(e+3)*100}),50)},h=function(){function e(e){this.source=e,this.last=this.sinceLastUpdate=0,this.rate=M.initialRate,this.catchup=0,this.progress=this.lastProgress=0,null!=this.source&&(this.progress=R(this.source,"progress"))}return e.prototype.tick=function(e,t){var i;return null==t&&(t=R(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)/M.catchupTime,this.sinceLastUpdate=0,this.last=t),t>this.progress&&(this.progress+=this.catchup*e),i=1-Math.pow(this.progress/100,M.easeFactor),this.progress+=i*this.rate*e,this.progress=Math.min(this.lastProgress+M.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(M.restartOnPushState)return c.restart()},null!=window.history.pushState&&(X=window.history.pushState,window.history.pushState=function(){return E(),X.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:s,document:n,eventLag:a},(q=function(){var e,t,n,s,o,a,l,r;for(c.sources=P=[],t=0,s=(a=["ajax","elements","document","eventLag"]).length;t<s;t++)!1!==M[e=a[t]]&&P.push(new p[e](M[e]));for(n=0,o=(r=null!=(l=M.extraSources)?l:[]).length;n<o;n++)z=r[n],P.push(new z(M));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,s,o,a,l,r,d,u,p,m,g,b,f,v,_;for(y.progress,s=m=0,o=!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],o&=(u=null!=p[d]?p[d]:p[d]=new h(a)).done,u.done||(s++,m+=u.tick(t));return n=m/s,y.update(D.tick(t,n)),y.done()||o||x?(y.update(100),c.trigger("done"),setTimeout((function(){return y.finish(),c.running=!1,c.trigger("hide")}),Math.max(M.ghostTime,Math.max(M.minTime-(T()-e),0)))):i()}))},c.start=function(e){S(M,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)}(cy);var uy=cy.exports;class py{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 hy=new e;class my{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 `;hy.appendHtml(t,n);const s=t.querySelector(".is-side.animatescroll");this.modalAnimateScroll=s;const o=s.querySelector("#divEnterAnim");this.divEnterAnim=o;const a=s.querySelector("#divLeaveAnim");this.divLeaveAnim=a;s.querySelector(".is-side-close").addEventListener("click",(()=>{this.close()})),this.divAnimScrollSimple=s.querySelector("#divAnimScrollSimple"),this.divAnimSettings=s.querySelector("#divAnimSettings");const l=this.builder.sidebar.pageQuickSettings.querySelector(".cmd-open-preview-window");this.btnOpenPreviewWindow=l;let r=s.querySelectorAll(".cmd-target");r.forEach((e=>{e.addEventListener("click",(()=>{s.querySelectorAll(".cmd-target").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.read()}))}));const d=s.querySelector(".div-anim-settings"),c=s.querySelector(".div-wizard-settings"),u=s.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")}));s.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())}))}));s.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()}));s.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=s.querySelector("#chkPresetAnimOnce");p.addEventListener("click",(()=>{this.builder.activeSection&&(this.builder.editor.saveForUndo(),p.checked?this.animateOnce():this.alwaysAnimate(),this.builder.settings.onChange())}));const h=s.querySelector(".cmd-basic-once");r=s.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();s.querySelectorAll(".cmd-basic-anim").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.applyBasic()}))})),r=s.querySelectorAll(".cmd-basic-delay"),r.forEach((e=>{e.addEventListener("click",(()=>{if(e.classList.contains("on"))return e.classList.remove("on"),void this.applyDelay();s.querySelectorAll(".cmd-basic-delay").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.applyDelay()}))})),s.querySelector(".cmd-clear-delay").addEventListener("click",(()=>{s.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()})),s.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=s.querySelectorAll(".cmd-start"),r.forEach((e=>{e.addEventListener("click",(()=>{s.querySelectorAll(".cmd-start").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.apply()}))})),r=s.querySelectorAll(".cmd-end"),r.forEach((e=>{e.addEventListener("click",(()=>{s.querySelectorAll(".cmd-end").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.apply()}))})),r=s.querySelectorAll(".cmd-leave-start"),r.forEach((e=>{e.addEventListener("click",(()=>{s.querySelectorAll(".cmd-leave-start").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.apply()}))})),r=o.querySelectorAll(".cmd-slidex"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=o.querySelector(".inp-slide-right"),i=o.querySelector(".inp-slide-left");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",i.value="",void this.apply();o.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=o.querySelector(".inp-slide-right"),g=o.querySelector(".inp-slide-left");m.addEventListener("change",(()=>{o.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",(()=>{o.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=o.querySelectorAll(".cmd-slidey"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=o.querySelector(".inp-slide-up"),i=o.querySelector(".inp-slide-down");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",i.value="",void this.apply();o.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=o.querySelector(".inp-slide-up"),f=o.querySelector(".inp-slide-down");f.addEventListener("change",(()=>{o.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",(()=>{o.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=o.querySelectorAll(".cmd-scale"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=o.querySelector(".inp-scale");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",void this.apply();o.querySelectorAll(".cmd-scale").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),t.value=e.getAttribute("data-value"),this.apply()}))}));const v=o.querySelector(".inp-scale");v.addEventListener("change",(()=>{o.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=o.querySelectorAll(".cmd-rotate"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=o.querySelector(".inp-rotate-clockwise"),i=o.querySelector(".inp-rotate-counter");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",i.value="",void this.apply();o.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=o.querySelector(".inp-rotate-clockwise"),x=o.querySelector(".inp-rotate-counter");y.addEventListener("change",(()=>{o.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",(()=>{o.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 _=o.querySelector(".cmd-fade");_.addEventListener("click",(()=>{_.classList.contains("on")?_.classList.remove("on"):_.classList.add("on"),this.apply()})),o.querySelector(".cmd-clear-slide-left").addEventListener("click",(()=>{const e=o.querySelector(".inp-slide-left");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",o.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),o.querySelector(".cmd-clear-slide-right").addEventListener("click",(()=>{const e=o.querySelector(".inp-slide-right");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",o.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),o.querySelector(".cmd-clear-slide-up").addEventListener("click",(()=>{const e=o.querySelector(".inp-slide-up");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",o.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),o.querySelector(".cmd-clear-slide-down").addEventListener("click",(()=>{const e=o.querySelector(".inp-slide-down");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",o.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),o.querySelector(".cmd-clear-scale").addEventListener("click",(()=>{this.builder.editor.saveForUndo();o.querySelector(".inp-scale").value="",o.querySelectorAll(".cmd-scale").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),o.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="",o.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),o.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="",o.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),o.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())}));s.querySelector(".inp-simplescroll-x-start").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-x-15").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-x-25").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-x-35").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-x-50").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-x-65").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-x-75").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-x-85").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-x-end").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-y-start").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-y-15").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-y-25").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-y-35").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-y-50").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-y-65").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-y-75").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-y-85").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-y-end").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-scale-start").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-scale-15").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-scale-25").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-scale-35").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-scale-50").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-scale-65").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-scale-75").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-scale-85").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-scale-end").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-rotate-start").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-rotate-15").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-rotate-25").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-rotate-35").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-rotate-50").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-rotate-65").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-rotate-75").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-rotate-85").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-rotate-end").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-opacity-start").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-opacity-15").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-opacity-25").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-opacity-35").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-opacity-50").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-opacity-65").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-opacity-75").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-opacity-85").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-opacity-end").addEventListener("change",(()=>{this.applySimpleScroll()}));s.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=s.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 M=s.querySelector("#chkPinSection"),O=s.querySelector(".div-pin-spacing");M.addEventListener("click",(()=>{const e=this.builder.activeSection;if(e){if(this.builder.editor.saveForUndo(),M.checked){e.classList.add("section-pin"),O.style.display="block",O.querySelectorAll(".cmd-pin-space").forEach((e=>{e.classList.remove("on")})),O.querySelector('.cmd-pin-space[data-value="md"]').classList.add("on")}else e.classList.remove("section-pin"),O.style.display="none";this.builder.onChange()}}));const R=s.querySelector("#chkPinOverlap");R.addEventListener("click",(()=>{const e=this.builder.activeSection;e&&(this.builder.editor.saveForUndo(),R.checked?e.classList.add("pin-overlap"):(e.classList.remove("pin-overlap"),e.classList.remove("no-spacing")),this.builder.onChange())}));O.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"),O.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 s=0;const o=i=>{let n=s;const o=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"),o.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++)}))})),s++};let a=!!i.classList.contains("is-box")&&i;if(a)o(a);else{i.querySelectorAll(".is-box").forEach((e=>{o(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"),this.builder.activeBox=n);let s=this.builder.doc.querySelector("[data-save-section]");s&&(s.classList.add("section-select"),s.removeAttribute("data-save-section"),this.builder.activeSection=s),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"),s=this.divEnterAnim.querySelector(".inp-slide-up"),o=this.divEnterAnim.querySelector(".inp-slide-down");i.value="",n.value="",s.value="",o.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"),M=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-end"),O=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-start"),R=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"),X=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-75"),G=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"),se=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="",M.value="",O.value="",R.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="",X.value="",G.value="",V.value="",K.value="",Z.value="",Q.value="",J.value="",ee.value="",te.value="",ie.value="",ne.value="",se.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 s=this.modalAnimateScroll.querySelector("#chkPinOverlap");e.classList.contains("pin-overlap")?s.checked=!0:(s.checked=!1,e.classList.contains("no-spacing")&&(s.checked=!0))}let t,i,n,s=this.getTarget();if(t=s.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 o=this.modalAnimateScroll.querySelector(".cmd-basic-once");t.classList.contains("once")?o.classList.add("on"):o.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"),M=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-85"),O=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-end"),R=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"),X=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-65"),G=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="",M.value="",O.value="",R.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="",X.value="",G.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&&(R.value=n.rotate),n.opacity&&(j.value=n.opacity);let s=t.getAttribute("data-top-bottom");e.style.cssText=s,n=this.getTransform(e,s),n.translateX&&(m.value=n.translateX.replace("px","")),n.translateY&&(S.value=n.translateY.replace("px","")),n.scale&&(O.value=n.scale),n.rotate&&(H.value=n.rotate),n.opacity&&(K.value=n.opacity);let o,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&&(R.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&&(X.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&&(G.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&&(M.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&&(O.value=n.scale),n.rotate&&(H.value=n.rotate),n.opacity&&(K.value=n.opacity),this.modalAnimateScroll.querySelector(".cmd-start.on")||(o=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),o&&o.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-end.on")||(o=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),o&&o.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(o=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),o&&o.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 se=this.divEnterAnim.querySelector(".inp-slide-up"),oe=this.divEnterAnim.querySelector(".inp-slide-down");te.translateY&&(-1!==te.translateY.indexOf("-")?oe.value=te.translateY.replace("-","").replace("px",""):se.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"),s=t.querySelector(".inp-simplescroll-x-25"),o=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"),M=t.querySelector(".inp-simplescroll-rotate-25"),O=t.querySelector(".inp-simplescroll-rotate-35"),R=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 X,G,V,K,Z,Q,J,ee,te,ie,ne,se,oe,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,Me,Oe,Re,Ie,Be,Ne,$e;""!==i.value&&(X=i.value+(-1!==i.value.indexOf("%")?"":"px")),""!==n.value&&(G=n.value+(-1!==n.value.indexOf("%")?"":"px")),""!==s.value&&(V=s.value+(-1!==s.value.indexOf("%")?"":"px")),""!==o.value&&(K=o.value+(-1!==o.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&&(se=h.value+(-1!==h.value.indexOf("%")?"":"px")),""!==m.value&&(oe=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),""!==M.value&&(we=M.value),""!==O.value&&(Se=O.value),""!==R.value&&(Ce=R.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&&(Me=D.value),""!==H.value&&(Oe=H.value),""!==j.value&&(Re=j.value),""!==U.value&&(Ie=U.value),""!==F.value&&(Be=F.value),""!==W.value&&(Ne=W.value),""!==Y.value&&($e=Y.value);let ze=(X?` translateX(${X})`:"")+(ie?` translateY(${ie})`:"")+(ue?` scale(${ue})`:"")+(xe?` rotate(${xe})`:"");ze=ze.trim();let Pe=(G?` translateX(${G})`:"")+(ne?` translateY(${ne})`:"")+(pe?` scale(${pe})`:"")+(_e?` rotate(${_e})`:"");Pe=Pe.trim();let De=(V?` translateX(${V})`:"")+(se?` translateY(${se})`:"")+(he?` scale(${he})`:"")+(we?` rotate(${we})`:"");De=De.trim();let He=(K?` translateX(${K})`:"")+(oe?` translateY(${oe})`:"")+(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 Xe=(ze?"transform: "+ze+";":"")+(qe?`opacity:${qe}`:""),Ge=(Pe?"transform: "+Pe+";":"")+(Te?`opacity:${Te}`:""),Ve=(De?"transform: "+De+";":"")+(Me?`opacity:${Me}`:""),Ke=(He?"transform: "+He+";":"")+(Oe?`opacity:${Oe}`:""),Ze=(je?"transform: "+je+";":"")+(Re?`opacity:${Re}`:""),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}`:"");Xe=Xe.trim(),Ge=Ge.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",st="data-in-300",ot="data-cen--150",at="data-cen",lt="data-cen-150",rt="data-out--300",dt="data-out--150",ct="data-out";""!==Xe?e.setAttribute(it,Xe):e.removeAttribute(it),""!==Ge?e.setAttribute(nt,Ge):e.removeAttribute(nt),""!==Ve?e.setAttribute(st,Ve):e.removeAttribute(st),""!==Ke?e.setAttribute(ot,Ke):e.removeAttribute(ot),""!==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,s,o=this.divEnterAnim.querySelectorAll(".cmd-slidex");o.forEach((e=>{e.classList.contains("on")&&(t=e.getAttribute("data-value"))})),o=this.divEnterAnim.querySelectorAll(".cmd-slidey"),o.forEach((e=>{e.classList.contains("on")&&(i=e.getAttribute("data-value"))})),o=this.divEnterAnim.querySelectorAll(".cmd-scale"),o.forEach((e=>{e.classList.contains("on")&&(n=e.getAttribute("data-value"))})),o=this.divEnterAnim.querySelectorAll(".cmd-rotate"),o.forEach((e=>{e.classList.contains("on")&&(s=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&&(s="-"+h.value);const m=this.divEnterAnim.querySelector(".inp-rotate-counter");""!==m.value&&(s=m.value);let g=(t?` translateX(${t})`:"")+(i?` translateY(${i})`:"")+(s?` rotate(${s}deg)`:"")+(n?` scale(${n})`:"");g=g.trim();let b=(t?" translateX(0px)":"")+(i?" translateY(0px)":"")+(s?" 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),o=this.modalAnimateScroll.querySelectorAll(".cmd-start"),o.forEach((e=>{e.classList.contains("on")&&(f=e.getAttribute("data-value"))})),o=this.modalAnimateScroll.querySelectorAll(".cmd-end"),o.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),o=this.divLeaveAnim.querySelectorAll(".cmd-slidex"),o.forEach((e=>{e.classList.contains("on")&&(y=e.getAttribute("data-value"))})),o=this.divLeaveAnim.querySelectorAll(".cmd-slidey"),o.forEach((e=>{e.classList.contains("on")&&(x=e.getAttribute("data-value"))})),o=this.divLeaveAnim.querySelectorAll(".cmd-scale"),o.forEach((e=>{e.classList.contains("on")&&(_=e.getAttribute("data-value"))})),o=this.divLeaveAnim.querySelectorAll(".cmd-rotate"),o.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 M=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");""!==M.value&&(w=M.value);const O=this.divLeaveAnim.querySelector(".inp-rotate-counter");""!==O.value&&(w="-"+O.value);let R=(y?" translateX(0px)":"")+(x?" translateY(0px)":"")+(w?" rotate(0deg)":"")+(_?" scale(1)":"");R=R.trim();let I=(y?` translateX(${y})`:"")+(x?` translateY(${x})`:"")+(w?` rotate(${w}deg)`:"")+(_?` scale(${_})`:"");I=I.trim();let B,N,$=(R?"transform: "+R+";":"")+(k?"opacity: 1;":""),z=(I?"transform: "+I+";":"")+(k?"opacity: 0;":"");this.cleanup_leave(e),o=this.modalAnimateScroll.querySelectorAll(".cmd-leave-start"),o.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 s=!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"))&&(s=!0),e||t||i||s?{element:n,name:"inspectedElement"}:this.readTarget("element")}{let t,i,n,s;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"),s=t.getAttribute("data-in"),s||(s=t.getAttribute("data-in-150")),s||(s=t.getAttribute("data-in-300")),s||(s=t.getAttribute("data-cen--150")),s||(s=t.getAttribute("data-cen")),s||(s=t.getAttribute("data-cen-150")),s||(s=t.getAttribute("data-out--300")),s||(s=t.getAttribute("data-out--150")),s||(s=t.getAttribute("data-out"));let o=!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"))&&(o=!0),i||n||s||o)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,s,o,a=this.parseComplexStyleProperty(t);a.translateX&&(i=a.translateX[0]),a.translateY&&(n=a.translateY[0]),a.scale&&(s=a.scale[0]),a.rotate&&(o=a.rotate[0]);let l=e.style.opacity;return{translateX:i||!1,translateY:n||!1,scale:s||!1,rotate:!!o&&o.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 gy=new e;class by{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 `;gy.appendHtml(t,n);const s=t.querySelector(".page-timeline");this.modalTimeline=s,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");s.querySelector(".is-modal-close").addEventListener("click",(()=>{this.close()}));s.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 o=s.querySelector(".cmd-timeline-more");o.addEventListener("click",(()=>{const e=s.querySelector(".timeline-more");this.builder.editor.util.showPop(e,!1,o)}));const a=s.querySelector(".cmd-clear-more");a.addEventListener("click",(()=>{const e=s.querySelector(".clear-more");this.builder.editor.util.showPop(e,!1,a)}));const l=s.querySelector("#chkPinSection2"),r=s.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=s.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=s.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()}))}));s.querySelectorAll(".cmd-anim-origin").forEach((e=>{e.addEventListener("click",(()=>{s.querySelectorAll(".cmd-anim-origin").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.applyTimeline(),this.builder.onChange()}))}));const u=s.querySelector(".cmd-disable-smoothanim");u.addEventListener("click",(()=>{u.classList.contains("on")?u.classList.remove("on"):u.classList.add("on"),this.applyTimeline()}));const p=s.querySelector(".cmd-hidden-onstart");p.addEventListener("click",(()=>{p.classList.contains("on")?p.classList.remove("on"):p.classList.add("on"),this.applyTimeline()}));s.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())}));s.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=s.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),s.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 s=this.modalTimeline.querySelector("#chkPinOverlap");if(e.classList.contains("pin-overlap")?s.checked=!0:(s.checked=!1,e.classList.contains("no-spacing")&&(s.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 o=this.modalTimeline.querySelector("#chkTimelineDisableOnMobile");e.classList.contains("m-skrollrr-off")?o.checked=!0:o.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 s=this.getDevice();i="xs"===s?t.getAttribute("data-xs-t"+n):"sm"===s?t.getAttribute("data-sm-t"+n):t.getAttribute("data-t"+n),this.dummyElm.style.cssText=i;let o=this.getTransform(this.dummyElm,i);o.translateX&&(this.modalTimeline.querySelector(".inp-x"+n).value=o.translateX.replace("px","")),o.translateY&&(this.modalTimeline.querySelector(".inp-y"+n).value=o.translateY.replace("px","")),o.scale&&(this.modalTimeline.querySelector(".inp-sc"+n).value=o.scale),o.rotate&&(this.modalTimeline.querySelector(".inp-rt"+n).value=o.rotate),o.opacity&&(this.modalTimeline.querySelector(".inp-op"+n).value=o.opacity)}applyTimeline(){let e,t,i,n,s,o,a,l,r,d,c,u,p,h,m,g,b,f,v,y,x,_,w,S,C,k,A,E,L,q,T,M,O,R,I,B,N,$,z,P,D,H,j,U,F,W,Y,X,G,V,K,Z,Q,J,ee,te,ie,ne,se,oe,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,Me,Oe,Re,Ie,Be,Ne,$e,ze,Pe,De,He,je,Ue,Fe,We,Ye,Xe,Ge,Ve,Ke,Ze,Qe,Je,et,tt,it,nt,st,ot,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,Mt,Ot,Rt,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&&(s=this.inpX_300.value+(-1!==this.inpX_300.value.indexOf("%")?"":"px")),""!==this.inpX_400.value&&(o=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&&(M=this.inpY_100.value+(-1!==this.inpY_100.value.indexOf("%")?"":"px")),""!==this.inpY_200.value&&(O=this.inpY_200.value+(-1!==this.inpY_200.value.indexOf("%")?"":"px")),""!==this.inpY_300.value&&(R=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&&(X=this.inpY_1700.value+(-1!==this.inpY_1700.value.indexOf("%")?"":"px")),""!==this.inpY_1800.value&&(G=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&&(se=this.inpY_2800.value+(-1!==this.inpY_2800.value.indexOf("%")?"":"px")),""!==this.inpScale.value&&(oe=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&&(Me=this.inpScale_2600.value),""!==this.inpScale_2700.value&&(Oe=this.inpScale_2700.value),""!==this.inpScale_2800.value&&(Re=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&&(Xe=this.inpRotate_1300.value),""!==this.inpRotate_1400.value&&(Ge=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&&(st=this.inpRotate_2400.value),""!==this.inpRotate_2500.value&&(ot=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&&(Mt=this.inpOpacity_2200.value),""!==this.inpOpacity_2300.value&&(Ot=this.inpOpacity_2300.value),""!==this.inpOpacity_2400.value&&(Rt=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})`:"")+(oe?` scale(${oe})`:"")+(Ie?` rotate(${Ie})`:"");zt=zt.trim();let Pt=(i?` translateX(${i})`:"")+(M?` translateY(${M})`:"")+(ae?` scale(${ae})`:"")+(Be?` rotate(${Be})`:"");Pt=Pt.trim();let Dt=(n?` translateX(${n})`:"")+(O?` translateY(${O})`:"")+(le?` scale(${le})`:"")+(Ne?` rotate(${Ne})`:"");Dt=Dt.trim();let Ht=(s?` translateX(${s})`:"")+(R?` translateY(${R})`:"")+(re?` scale(${re})`:"")+($e?` rotate(${$e})`:"");Ht=Ht.trim();let jt=(o?` translateX(${o})`:"")+(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 Xt=(c?` translateX(${c})`:"")+(P?` translateY(${P})`:"")+(me?` scale(${me})`:"")+(Ue?` rotate(${Ue})`:"");Xt=Xt.trim();let Gt=(u?` translateX(${u})`:"")+(D?` translateY(${D})`:"")+(ge?` scale(${ge})`:"")+(Fe?` rotate(${Fe})`:"");Gt=Gt.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})`:"")+(Xe?` rotate(${Xe})`:"");Zt=Zt.trim();let Qt=(g?` translateX(${g})`:"")+(F?` translateY(${F})`:"")+(ye?` scale(${ye})`:"")+(Ge?` rotate(${Ge})`:"");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})`:"")+(X?` translateY(${X})`:"")+(we?` scale(${we})`:"")+(Ze?` rotate(${Ze})`:"");ti=ti.trim();let ii=(y?` translateX(${y})`:"")+(G?` translateY(${G})`:"")+(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 si=(_?` translateX(${_})`:"")+(K?` translateY(${K})`:"")+(ke?` scale(${ke})`:"")+(et?` rotate(${et})`:"");si=si.trim();let oi=(w?` translateX(${w})`:"")+(Z?` translateY(${Z})`:"")+(Ae?` scale(${Ae})`:"")+(tt?` rotate(${tt})`:"");oi=oi.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})`:"")+(st?` rotate(${st})`:"");ri=ri.trim();let di=(A?` translateX(${A})`:"")+(te?` translateY(${te})`:"")+(Te?` scale(${Te})`:"")+(ot?` rotate(${ot})`:"");di=di.trim();let ci=(E?` translateX(${E})`:"")+(ie?` translateY(${ie})`:"")+(Me?` scale(${Me})`:"")+(at?` rotate(${at})`:"");ci=ci.trim();let ui=(L?` translateX(${L})`:"")+(ne?` translateY(${ne})`:"")+(Oe?` scale(${Oe})`:"")+(lt?` rotate(${lt})`:"");ui=ui.trim();let pi=(q?` translateX(${q})`:"")+(se?` translateY(${se})`:"")+(Re?` scale(${Re})`:"")+(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=(Xt?"transform: "+Xt+";":"")+(vt?`opacity:${vt}`:""),Si=(Gt?"transform: "+Gt+";":"")+(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}`:""),Mi=(ii?"transform: "+ii+";":"")+(Et?`opacity:${Et}`:""),Oi=(ni?"transform: "+ni+";":"")+(Lt?`opacity:${Lt}`:""),Ri=(si?"transform: "+si+";":"")+(qt?`opacity:${qt}`:""),Ii=(oi?"transform: "+oi+";":"")+(Tt?`opacity:${Tt}`:""),Bi=(ai?"transform: "+ai+";":"")+(Mt?`opacity:${Mt}`:""),Ni=(li?"transform: "+li+";":"")+(Ot?`opacity:${Ot}`:""),$i=(ri?"transform: "+ri+";":"")+(Rt?`opacity:${Rt}`:""),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"),""!==Mi?e.setAttribute("data-xs-t-1800",Mi):e.removeAttribute("data-xs-t-1800"),""!==Oi?e.setAttribute("data-xs-t-1900",Oi):e.removeAttribute("data-xs-t-1900"),""!==Ri?e.setAttribute("data-xs-t-2000",Ri):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"),""!==Mi?e.setAttribute("data-sm-t-1800",Mi):e.removeAttribute("data-sm-t-1800"),""!==Oi?e.setAttribute("data-sm-t-1900",Oi):e.removeAttribute("data-sm-t-1900"),""!==Ri?e.setAttribute("data-sm-t-2000",Ri):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"),""!==Mi?e.setAttribute("data-t-1800",Mi):e.removeAttribute("data-t-1800"),""!==Oi?e.setAttribute("data-t-1900",Oi):e.removeAttribute("data-t-1900"),""!==Ri?e.setAttribute("data-t-2000",Ri):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,s;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"),s=t.getAttribute("data-in"),s||(s=t.getAttribute("data-in-150")),s||(s=t.getAttribute("data-in-300")),s||(s=t.getAttribute("data-cen--150")),s||(s=t.getAttribute("data-cen")),s||(s=t.getAttribute("data-cen-150")),s||(s=t.getAttribute("data-out--300")),s||(s=t.getAttribute("data-out--150")),s||(s=t.getAttribute("data-out")),i||n||s||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,s,o,a=this.parseComplexStyleProperty(t);a.translateX&&(i=a.translateX[0]),a.translateY&&(n=a.translateY[0]),a.scale&&(s=a.scale[0]),a.rotate&&(o=a.rotate[0]);let l=e.style.opacity;return{translateX:i||!1,translateY:n||!1,scale:s||!1,rotate:!!o&&o.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 fy{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 vy={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 the requested content.\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-60"></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 the requested content.\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 the requested content.\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. </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. </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. </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 the requested content.\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-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 </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 the requested content.\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-60"></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 the requested content.\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 the requested content.\n\nExample:\n\n<div class="is-section is-box is-section-100 box-autofit type-poppins">\n <div class="is-overlay"></div>\n <div class="is-container v2 leading-13 is-content-1640 size-16">\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-80"></div>\n </div>\n </div>\n <div class="row">\n <div class="column"><img src="{{IMAGEURL}}" alt="" data-filename="img-024.jpg">\n <h3 class="font-normal leading-11 size-36 size-24">Image title</h3>\n <p>Paragraph here</p>\n </div>\n <div class="column"><img src="{{IMAGEURL}}" alt="" data-filename="img-083.jpg">\n <h3 class="font-normal leading-11 size-36 size-24">Image title</h3>\n <p>Paragraph here</p>\n </div>\n <div class="column"><img src="{{IMAGEURL}}" alt="" data-filename="img-190.jpg">\n <h3 class="font-normal leading-11 size-36 size-24">Image title</h3>\n <p>Paragraph here</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 the requested content.\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'],short_content:'This is the template:\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-60 content-pb-60">\n <div class="row">\n <div class="column">\n <p class="size-32">{{CONTENT}}</p>\n </div>\n </div>\n </div>\n</div>\n \n',new_section_answer:'This is the template:\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-60 content-pb-60">\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}}</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>{{CONTENT}}</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 class="row">\n <div class="column">\n <h2>{{SUBTITLE}}</h2>\n <p>{{CONTENT}}</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 class="row">\n <div class="column">\n <h2>{{SUBTITLE}}</h2>\n <p>{{CONTENT}}</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:'Use one of these templates that is more suitable:\n\n\nTemplate 1: (Suitable for one short paragraph content, a tweet, quick information.)\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-60 content-pb-60">\n <div class="row">\n <div class="column">\n <p class="size-32">{{CONTENT}}</p>\n </div>\n </div>\n </div>\n</div>\n\nTemplate 2: (Suitable for short content with a title and paragraph content. Ensure that there is a space between the title and the content.)\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-60 content-pb-60">\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}}</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>{{CONTENT}}</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\nTemplate 3: (Suitable for long content with multiple subtopics. Ensure that there is a space between subtopics.)\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-60 content-pb-60">\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}}</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>{{CONTENT}}</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 class="row">\n <div class="column">\n <h2>{{SUBTITLE}}</h2>\n <p>{{CONTENT}}</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 class="row">\n <div class="column">\n <h2>{{SUBTITLE}}</h2>\n <p>{{CONTENT}}</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:['This is the template:\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-60 content-pb-60">\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}}</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>{{CONTENT}}</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 class="row">\n <div class="column">\n <h2>{{SUBTITLE}}</h2>\n <p>{{CONTENT}}</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 class="row">\n <div class="column">\n <h2>{{SUBTITLE}}</h2>\n <p>{{CONTENT}}</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_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 the requested content.\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 the requested content.\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 the requested content.\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 the requested content.\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 the requested content.\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\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">{{TITLE}}</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\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:['Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\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 is-content-1100 size-18 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-54 font-medium leading-none">{{TITLE}}</h1>\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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-heebo-ibmplexmono min-height-60">\n <div class="is-overlay"></div>\n <div class="is-container v2 is-content-1100 size-18 leading-13 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-116 font-medium leading-09">{{TITLE}}</h1>\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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\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-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-76 font-normal leading-none">{{TITLE}}</h1>\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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\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 is-content-1000 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="uppercase size-72 font-semibold leading-09">{{TITLE}}</h1>\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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\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-18 is-content-1000 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-76 font-normal leading-none">{{TITLE}}</h1>\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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\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-1000 is-content-left edge-x-1">\n <div class="row">\n <div class="column">\n <h1 class="text-left size-64 font-medium leading-none tracking-tight">{{TITLE}}</h1>\n <p style="border-bottom: 2px solid #333; width: 80px;"></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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\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 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-88 font-medium leading-09">{{TITLE}}</h1>\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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\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-1100 leading-12 size-19 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-68 font-normal leading-09 tracking-tighter">{{TITLE}}</h1>\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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\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 size-19 leading-12 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-68 font-normal leading-none tracking-tighter">{{TITLE}}</h1>\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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\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 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-76 font-normal leading-09">{{TITLE}}</h1>\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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\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 is-content-1000 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="uppercase size-84 font-normal leading-09">{{TITLE}}</h1>\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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n'],change_layout_of_box:['Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nAlso, move the heading above the paragraph content to create a logical flow from the title to the text.\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 is-content-800 size-18 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-54 font-medium leading-none">{{TITLE}}</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 {{CONTENT}}\n </div>\n <div class="column">\n {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \n\nThis is the template:\n\n<div class="is-box type-heebo-ibmplexmono box-auto min-height-60">\n <div class="is-overlay"></div>\n <div class="is-container v2 is-content-900 size-18 leading-13 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-88 font-medium leading-09">{{TITLE}}</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 {{CONTENT}}\n </div>\n <div class="column">\n {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \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-pt-60 content-pb-60">\n <div class="row clearfix">\n <div class="column">\n <h1 class="size-68 font-normal leading-none">{{TITLE}}</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 {{CONTENT}}\n </div>\n <div class="column">\n {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \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 is-content-900 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="uppercase size-68 font-semibold leading-none">{{TITLE}}</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 {{CONTENT}}\n </div>\n <div class="column">\n {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \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-18 is-content-860 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-68 font-normal leading-none">{{TITLE}}</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 {{CONTENT}}\n </div>\n <div class="column">\n {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability.\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 <h1 class="size-64 font-medium leading-none tracking-tight">{{TITLE}}</h1>\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-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','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \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 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-88 font-normal leading-09">{{TITLE}}</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 {{CONTENT}}\n </div>\n <div class="column">\n {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \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 size-19 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-68 font-normal leading-09 tracking-tighter">{{TITLE}}</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 {{CONTENT}}\n </div>\n <div class="column">\n {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \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 size-19 leading-12 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-68 font-normal leading-none tracking-tighter">{{TITLE}}</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 {{CONTENT}}\n </div>\n <div class="column">\n {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \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 <h1 class="size-76 font-normal leading-09">{{TITLE}}</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 {{CONTENT}}\n </div>\n <div class="column">\n {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \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 is-content-700 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="uppercase size-84 font-normal leading-09">{{TITLE}}</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 {{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 the requested content.\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 the requested content.\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 the requested content.\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 the requested content.\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 the requested content.\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 the requested content.\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 the requested content.\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. </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. </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. </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 the requested content.\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 yy{constructor(e){this.builder=e}getFunctions_block(){return[{name:"get_intent",description:"analyze user command to modify or create section/content",parameters:{type:"object",properties:{enhance_writings:{type:"boolean",description:"User requests to enhance the writings, rewrite, paraphrase or change text."},editing:{type:"boolean",description:"If requested to modify the current content or style."},add_headline:{type:"boolean",description:"User requests to add a headline."},add_space:{type:"boolean",description:"User requests to add a space."},adjust_space:{type:"boolean",description:"User requests to increase or decrease a space."},add_button:{type:"boolean",description:"User requests to add a button."},add_youtube:{type:"boolean",description:"User requests to add a youtube/vimeo video."},add_video:{type:"boolean",description:"User requests to add a video."},add_audio:{type:"boolean",description:"User requests to add an audio."},add_map:{type:"boolean",description:"User requests to add a google map."},add_image:{type:"boolean",description:"User requests to add an image"},align_text:{type:"boolean",description:"User requests to align text"},line_height:{type:"boolean",description:"User requests to change or adjust line height"},font_size:{type:"boolean",description:"User requests to change or adjust font size"},new_block:{type:"boolean",description:"User requests to add a new block."},block_task:{type:"string",description:"User requests to move, duplicate, or delete block/row. Possible values: move-up, move-down, duplicate, remove"},new_column_onright:{type:"boolean",description:"User requests to add a new column."},new_column_onleft:{type:"boolean",description:"User requests to add a new column on the left."},column_task:{type:"string",description:"User requests to duplicate column, or delete column. Possible values: duplicate, remove"},move_column:{type:"string",description:"User requests to move column. Possible values: move-up, move-down, move-left, move-right"},increase_decrease_column:{type:"string",description:"User requests to increase/enlarge or decrease/reduce column size/width. Possible values: increase, decrease"},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"},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"},select_section:{type:"string",description:"User requests to select a section. Value can be: current, next, previous, first, last."},select_block:{type:"string",description:"User requests to select a block. Value can be: block, headline, title, paragraph, image, next, previous, first, last"},unselect_block:{type:"boolean",description:"User requests to unselect block"}}}}]}getFunctions(){return[{name:"get_intent",description:"analyze user command to modify or create section/content",parameters:{type:"object",properties:{asking_info:{type:"boolean",description:"User request an information."},add_info:{type:"boolean",description:"User request an information to be added to the current content."},new_section:{type:"boolean",description:"User requests to add a new section."},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, rewrite, paraphrase, translate or change text."},write_based_on_the_current_content:{type:"boolean",description:"User request to create new content based on the current content, such as to summarize, expand, make short, create a tweet or social media post, etc"},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_color_individual_text:{type:"boolean",description:"User requests to change the color of a headline, paragraph of specific element/text."},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 width/size. 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"},select_section:{type:"string",description:"User requests to select a section. Value can be: current, next, previous, first, last."},select_block:{type:"string",description:"User requests to select a block. Value can be: block, headline, title, paragraph, image, next, previous, first, last"},unselect_block:{type:"boolean",description:"User requests to unselect block"},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}elementContext(e,t){if(t.add_headline){e=e+"\n"+"- To add a headline or title, use this class: 'font-normal leading-11 size-64':\n<h1 class=\"font-normal leading-11 size-64\">Headline Text Here</h1>\n\n"}if(t.add_paragraph){e=e+"\n"+"- To add a paragraph (long or short), just add:\n<p>Paragraph here</p>\n\n"}if(t.add_space){e=e+"\n"+"- To add a space, you must add 'div.spacer' element:\n\n<div class=\"spacer height-40\"></div\n\n"}if(t.adjust_space){e=e+"\n"+"- To increase or decrease a 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, use the example below as a template. Wrap the button in a <div> element.\n\nButton Example:\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 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\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&hl=en&sll=-7.981898,112.626504&sspn=0.009084,0.016512&oq=melbourne&hnear=Melbourne+Victoria,+Australia&t=m&z=10&output=embed"></iframe>\n</div>\n'}if(t.add_image){e=e+"\n"+"- To add an image, just add <img> element inside 'div.columns' element:\n \n<img src=\"{{IMAGEURL}}\">\n\n"}if(t.align_text){e=e+"\n"+"- To align text or element, use one of these classes: 'text-left', text-center' or 'texr-right'.\n\n"}if(t.line_height){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\n"}if(t.font_size){e=e+"\n"+"- To increase or decrease the font size, 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\n"}return e}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&hl=en&sll=-7.981898,112.626504&sspn=0.009084,0.016512&oq=melbourne&hnear=Melbourne+Victoria,+Australia&t=m&z=10&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,this.builder.mediaPath+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",s="",o="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&&(s="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")||(o=e),e.includes("size-")&&(a=e),e.includes("leading-")&&(l=e)}))}return{typeClass:e,containerClass:`is-container v2 content-py-50 ${a} ${l} ${o}`,titleClass:`${""!==s?s+" ":""}${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",s="",o="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&&(s="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")||(o=e),e.includes("size-")&&(a=e),e.includes("leading-")&&(l=e)}))}return{typeClass:e,containerClass:`is-container v2 content-py-50 ${a} ${l} ${o}`,titleClass:`${""!==s?s+" ":""}${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 xy{constructor(e){this.builder=e,this.lib=new yy(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")}">✕</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")}">✕</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: Heebo & IBM Plex Mono</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 s=this.modalConfig.querySelector(".val-temp"),o=this.modalConfig.querySelector(".temperature-slider");o.oninput=()=>{s.innerHTML=o.value};const a=this.modalConfig.querySelector(".val-top-p"),l=this.modalConfig.querySelector(".top-p-slider");l.oninput=()=>{a.innerHTML=l.value};let r=vy;this.builder.contextList&&(r=this.builder.contextList),this.dictation=this.builder.editor.dictation;const d=e=>{let t=this.builder.activeBox;if(t||(this.builder.selectSection(),t=this.builder.activeBox),this.builder.enableShortCommands){if(!(e=this.builder.editor.lib.processShortCommand(e)))return!1;const t=this.builder.editor.similarity.check(e);if(!(e=this.processPrompt(t,e)))return!1}return e},c=async e=>{let t=this.builder.editor.activeCol;if(!t)return this.builder.showMessage(i("Please select a block or content.")),void this.dictation.finish();let s=t.innerHTML,o="";this.sendCommand("analyze",`This is the command: "${e}"`,"","You will analyze the user's command and return what the user needs.",this.lib.getFunctions_block(),(i=>{const a=JSON.parse(i);this.builder.consoleLog&&console.log(a);if(1===Object.keys(a).length){let e=this.quickAction(a);if(e)return void this.dictation.finish();if(e=this.blockAction(a),e)return void this.dictation.finish()}let l;if(this.moveBlockContent(a))return this.dictation.finish(),!0;a.new_block?(l="You will be asked to create content (in HTML) and return the HTML without any additional explanation.",o='To add a content/block:\n- Create the required rows and column and add them inside the \'div.column\' element:\n\n <div class="row">\n <div class="column">\n {{CONTENT}}\n </div>\n </div>\n\nExample: To create a block with a headline and a paragraph:\n\n <div class="row">\n <div class="column">\n <h2 class="font-normal leading-none size-48">Heading here</h2>\n <p>Paragraph here.</p>\n </div>\n </div>\n \n'):a.new_column_onright||a.new_column_onleft?(l="You will be asked to create content (in HTML) and return the HTML without any additional explanation.",o='To add a column that contains a content:\n- Create one \'div.column\' element and add the content inside it:\n\n <div class="column">\n {{CONTENT}}\n </div>\n\nExample 1: To create a column with a headline and a paragraph:\n\n <div class="column">\n <h2 class="font-normal leading-none size-48">Heading here</h2>\n <p>Paragraph here.</p>\n </div>\n\n\nExample 2: To create a column with an image:\n\n <div class="column">\n <img src="{{IMAGEURL}}">\n </div>\n \n'):(l="You will be asked to modify content (in HTML) and return only the modified HTML without any additional explanation.",e=`${e}. Modify my content according to this instruction and returns the modified content HTML.\n\nThis is my content:\n \n${s}\n`),o=this.lib.elementContext(o,a),this.builder.consoleLog&&(console.log(l),console.log(e),console.log(o));this.sendCommand("assistant",e,o,l,[],(e=>{if(this.builder.consoleLog&&console.log(e),n=this.fixHtmlBlock(e),!n)return this.dictation.finish(!0),!1;if((a.new_column_onright||a.new_column_onleft)&&(n=this.fixNewBlock(e)),this.builder.editor.saveForUndo(),a.new_block){if(t){const e=t.parentNode;e&&(e.insertAdjacentHTML("afterend",n),setTimeout((()=>{e.nextElementSibling.firstElementChild.click()}),300))}}else if(a.new_column_onright){if(t){const e=t.parentNode;t.insertAdjacentHTML("afterend",n),this.builder.editor.util.fixLayout(e),setTimeout((()=>{t.nextElementSibling.click()}),300)}}else if(a.new_column_onleft){if(t){const e=t.parentNode;t.insertAdjacentHTML("beforebegin",n),this.builder.editor.util.fixLayout(e),setTimeout((()=>{t.previousElementSibling.click()}),300)}}else{t.innerHTML=n;let e=t.querySelector(".elm-active");e&&(this.builder.editor.activeElement=e,e.focus())}let i=this.builder.doc.querySelector(".builder-active");i&&this.builder.editor.applyBehaviorOn(i),this.builder.settings.onChange(),this.builder.settings.onRender(),this.dictation.finish()}))}))},u=async e=>{let t="You are a helpful assistant. You don't need to answer 'Sure!' or 'Certainly'. You will just provide direct answers without a prologue. No talk; just do.";this.builder.consoleLog&&(console.log(""),console.log(e),console.log(t)),this.sendCommand("assistant",e,t,"",[],(e=>{this.builder.consoleLog&&console.log(e);let t="You will be provided with a text content and your task is to put the content (completely) as it is in the provided template.",i=`Place my content in the provided template. Ensure that all the content are placed in the result. Feel free to add more rows/columns if needed, but don't change/add/reduce the content.\n\nThis is my content:\n\n${e}\n`;const n=e=>1===(e.match(/\./g)||[]).length,s=e=>e.trim().split(/\s+/).length;let o;this.builder.consoleLog&&console.log(n(e),s(e)),o=n(e)||s(e)<=100?r.short_content:r.new_section_answer;this.builder.consoleLog&&(console.log(t),console.log(i),console.log(o)),this.sendCommand("html",i,o,t,[],(e=>{if(this.builder.consoleLog&&console.log(e),!(e=this.fixHtml(e)))return this.dictation.finish(!0),!1;this.builder.editor.saveForUndo(),this.renderResult_NewSection(e),this.dictation.finish()}))}))},p=async e=>{let t=this.builder.activeBox;if(!t)return this.builder.showMessage(i("Please select a box.")),void this.dictation.finish();e=`${e}.\n\nThis is my current content:\n\n${t.innerText}\n`;let n="",s="You are a helpful assistant. You will provide direct answers without a prologue.";this.builder.consoleLog&&(console.log(n),console.log(e),console.log(s)),this.sendCommand("assistant",e,s,n,[],(e=>{this.builder.consoleLog&&console.log(e),n="You will be provided with a text content and your task is to put the content (completely) as it is in the provided template.";let t=`Place my content in the provided template. Ensure that all the content are placed in the result. Feel free to add more rows/columns if needed, but don't change/add/reduce the content.\n\nThis is my content:\n\n${e}\n`;const i=e=>1===(e.match(/\./g)||[]).length,s=e=>e.trim().split(/\s+/).length;let o;this.builder.consoleLog&&console.log(i(e),s(e)),o=i(e)||s(e)<=100?r.short_content:r.new_section_answer;this.builder.consoleLog&&(console.log(n),console.log(t),console.log(o)),this.sendCommand("html",t,o,n,[],(e=>{if(this.builder.consoleLog&&console.log(e),!(e=this.fixHtml(e)))return this.dictation.finish(!0),!1;this.builder.editor.saveForUndo(),this.renderResult_NewSection(e),this.dictation.finish()}))}))},h=async e=>{let t=this.builder.activeBox,n=this.builder.activeSection,s=!1;n&&n.classList.contains("is-box")&&(s=!0),t||(this.builder.selectSection(),t=this.builder.activeBox,n=this.builder.activeSection,n&&n.classList.contains("is-box")&&(s=!0)),""!==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 o=JSON.parse(n);if(this.builder.consoleLog&&console.log(o),o.asking_info&&!o.add_info)return this.builder.consoleLog&&console.log("asking_info"),void u(e);if(o.write_based_on_the_current_content)return this.builder.consoleLog&&console.log("write_based_on_the_current_content"),void p(e);const a=Object.keys(o).length;if(t&&1===a){if(this.lib.processContent(o,t))return void this.dictation.finish();if(o.change_content_light&&!o.change_color_individual_text)return this.builder.editor.saveForUndo(),this.builder.editor.lib.updateContentColor(t,"light"),this.builder.settings.onChange(),this.dictation.finish(),!1;if(o.change_content_dark&&!o.change_color_individual_text)return this.builder.editor.saveForUndo(),this.builder.editor.lib.updateContentColor(t,"dark"),this.builder.settings.onChange(),this.dictation.finish(),!1;if(o.section_background&&"image"===o.section_background){this.builder.editor.saveForUndo(),this.lib.adjustFromSlider(t),this.builder.editbox.removeCode();let e,i=this.builder.editor.lib.getCurrentBackground(t);if(e=""!==i?this.chooseBgImage(t,i):this.chooseBgImage(t),this.builder.editor.lib.updateBackgroundImage(t,e),t.classList.contains("is-section")){const e=t.querySelector("div.is-overlay");if(e&&e.querySelector(".is-overlay-bg")){let t=e.closest(".is-box");t&&t.querySelector(".is-container")&&(t.classList.add("m-overlay-stack"),t.classList.add("m-dark-text"))}}return this.builder.settings.onChange(),this.dictation.finish(),!1}if(o.section_background&&"slider"===o.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(o.section_background&&"video"===o.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(o.section_background&&"remove"===o.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(o.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,s=t.css;return this.builder.sidebar.boxTypography(i,n,s),this.builder.settings.onChange(),this.dictation.finish(),!1}if(o.change_section_height){let e=parseInt(o.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(o.align_whole_content){const e=o.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(o.content_width){const e=o.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(o.font_size_paragraph&&e){const t=o.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(o.line_height_paragraph&&e){const t=o.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(o.animation){const e=o.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(this.quickAction(o))return void this.dictation.finish()}if(!(o.new_section||o.new_section_two_boxes||o.new_section_three_boxes||o.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(o.new_section||o.new_section_two_boxes||o.new_section_three_boxes||o.new_section_four_boxes)if(o.new_section){if(l="gallery"===o.add_image?r.new_section_with_gallery:o.add_list_with_image?r.new_section_with_list_images:o.add_list_with_icon?r.new_section_with_list_icons:o.add_list_with_number?this.chooseContext(r.new_section_with_list_numbering):o.add_list&&!o.add_article?r.new_section_with_list:o.add_article&&"image"===o.add_image?this.chooseContext(r.new_section_article_with_image):o.add_article?this.chooseContext(r.new_section_article):o.section_background&&"image"===o.section_background?this.chooseContext(r.new_section):(o.add_headline||o.add_paragraph)&&"image"===o.add_image?r.new_section_with_image:r.new_section_others,o.others&&(l=r.new_section_others,e=`Add a new section containing your response on this user request: ${e}`),l.includes("{{_IMAGEURL}}")){const e=this.builder.media.images.square,t=this.lib.chooseMedia(e);l=l.replaceAll("{{_IMAGEURL}}",t)}}else if(o.new_section_two_boxes||o.new_section_three_boxes||o.new_section_four_boxes){if(o.new_section_two_boxes?l=r.new_section_two_boxes:o.new_section_three_boxes?l=r.new_section_three_boxes:o.new_section_four_boxes&&(l=r.new_section_four_boxes),(o.add_headline||o.add_paragraph)&&"image"===o.add_image?l+="\n\n"+r.update_section_with_image:"gallery"===o.add_image?l+="\n\n"+r.update_section_with_gallery:o.add_list_with_image?l+="\n\n"+r.update_section_with_list_images:o.add_list_with_icon?l+="\n\n"+r.update_section_with_list_icons:o.add_list_with_number?l+="\n\n"+this.chooseContext(r.update_section_with_list_numbering):o.add_list?l+="\n\n"+r.update_section_with_list:(o.add_article&&"image"===o.add_image||o.add_article)&&(l+="\n\n"+r.update_section_article_with_image),l.includes("{{_IMAGEURL}}")){const e=this.builder.media.images.square,t=this.lib.chooseMedia(e);l=l.replaceAll("{{_IMAGEURL}}",t)}}else l=this.chooseContext(r.new_section_article);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(o.redesign_layout){const e=t.querySelector(".is-container");let i,n,o;e&&(i=e.querySelector("h1,h2"),i&&(n=i.tagName.toLowerCase())),a="Change the placement of the title, paragraph and all elements in my section based on the layout template. ",o=null!==localStorage.getItem("_context_num")?localStorage.getItem("_context_num"):"random",l=""===o?"":"random"===o?s?this.chooseContext(r.redesign_layout):this.chooseContext(r.change_layout_of_box):s?this.chooseContext(r.redesign_layout,o):this.chooseContext(r.change_layout_of_box,o),"h2"===n&&(l=l.replaceAll("h1","h2"))}if(e=`${a}${e}. Modify my section according to this instruction and returns the modified section HTML.\n\nThis is my section:\n \n${i}\n`,o.change_text||((o.add_headline||o.add_paragraph)&&"image"===o.add_image?l+="\n"+r.update_section_with_image:"gallery"===o.add_image?l+="\n"+r.update_section_with_gallery:o.add_list_with_image?l+="\n"+r.update_section_with_list_images:o.add_list_with_icon?l+="\n"+r.update_section_with_list_icons:o.add_list_with_number?l+="\n"+this.chooseContext(r.update_section_with_list_numbering):o.add_list?l+="\n"+r.update_section_with_list:(o.add_article&&"image"===o.add_image||o.add_article)&&(l+="\n"+r.update_section_article_with_image)),l.includes("{{_IMAGEURL}}")){const e=this.builder.media.images.square,t=this.lib.chooseMedia(e);l=l.replaceAll("{{_IMAGEURL}}",t)}}l=this.lib.addElementContext(l,o);let d="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";(o.new_section||o.new_section_two_boxes||o.new_section_three_boxes||o.new_section_four_boxes)&&(d="Your task it to create and return HTML content, excluding any introductions or explanations.");this.builder.consoleLog&&(console.log(d),console.log(e),console.log(l)),this.sendCommand("html",e,l,d,[],(e=>{if(this.builder.consoleLog&&console.log(e),!(e=this.fixHtml(e)))return this.dictation.finish(!0),!1;if(o.new_section||o.new_section_two_boxes||o.new_section_three_boxes||o.new_section_four_boxes)e=this.fixButtons(e),e=this.fixBgImage(e),e=this.fixNewSection(e),o.section_background&&"image"===o.section_background&&(e=this.setBgImage(e,!0)),o.section_background&&"slider"===o.section_background&&(e=this.setBgSlider(e)),o.section_background&&"video"===o.section_background&&(e=this.setBgVideo(e)),e=this.applyBgStack(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,o);if(!t)return this.builder.consoleLog&&console.log(e),console.log("Unable to proceed. Error: mergeContent."),void this.dictation.finish(!0);e=t,o.section_background&&"image"===o.section_background&&(e=this.setBgImage(e)),o.section_background&&"slider"===o.section_background&&(e=this.setBgSlider(e)),o.section_background&&"video"===o.section_background&&(e=this.setBgVideo(e)),o.section_background&&"image"===o.section_background&&(e=this.applyBgStack(e)),this.renderResult(e)}this.dictation.finish()}))}))};this.dictation.opts.send=e=>{this.builder.activeBox||this.builder.selectSection(),(e=d(e))&&("general"===this.builder.editor.assistantMode?h(e):"others"===this.builder.editor.assistantMode?u(e):"block"===this.builder.editor.assistantMode&&c(e))},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 s=this.modalConfig.querySelector("#inpContextNum");if(null!==localStorage.getItem("_context_num")){let e=localStorage.getItem("_context_num");s.value=e}else s.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 s=`Revise the headline, paragraph, and all the text using alternative ideas. ${n}`;s=`${s}. 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",s,"","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;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 s=this.builder.editor.lib.getHtml(t);const o=this.parseContent(s);this.builder.overlayContentHtml=o.overlayContent,this.builder.overlayBgHtml=o.overlayBg,this.builder.textColorClass=o.textColorClass,this.builder.overlayBgColor=o.overlayBgColor,s=o.html;let a="Let's redesign the layout. Surprise me with a new idea!";a=`Change the placement of the title, paragraph and all elements in my section based on the layout template. ${a}\n\nThis is my section:\n\n${s}\n\n`;let l,r,d=vy;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}const c=t.querySelector(".is-container");let u,p;c&&(u=c.querySelector("h1,h2"),u&&(p=u.tagName.toLowerCase())),"h2"===p&&(l=l.replaceAll("h1","h2")),this.builder.consoleLog&&console.log(l);let h="";const m=l.match(/type-(\w+(?:-\w+)?)/);m&&m.length>1&&(h="type-"+m[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\n",[],(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,h),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 s=(new DOMParser).parseFromString(e,"text/html");const o=s.querySelector("h1, h2");if(o&&n){for(const e of i)o.classList.remove(e);return o.classList.add(n),s.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){let e=i.querySelector("h1, p, h2, h3");return e?e.click():(e=i.querySelector(".is-container > div > div"),e&&e.click()),!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 s=e.children;for(let e=s.length-1;e>=0;e--){const i=s[e];if(i.querySelector(":first-child")){t=i;break}}t&&n(t)})(),!1;if("select_block"===e){let e=i.querySelector("h1, p, h2, h3");return e?e.click():(e=i.querySelector(".is-container > div > div"),e&&e.click()),!1}if("unselect_block"===e)return i.click(),i.click(),!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_bottom"===e||"align_content_top_left"===e||"align_content_top_right"===e||"align_content_bottom_left"===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("bottom")?e="move_content_bottom":-1!==t.indexOf("left")?e="move_content_left":-1!==t.indexOf("center")?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,s=t.css;return this.builder.sidebar.boxTypography(i,n,s),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_up"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.applyPresetBasic("is-fadeInUp",100),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("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);if(this.builder.editor.lib.updateBackgroundImage(i,e),i.classList.contains("is-section")){const e=i.querySelector("div.is-overlay");if(e&&e.querySelector(".is-overlay-bg")){let t=e.closest(".is-box");t&&t.querySelector(".is-container")&&(t.classList.add("m-overlay-stack"),t.classList.add("m-dark-text"))}}return 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);if(e=""!==t?this.chooseBgImage(i,t):this.chooseBgImage(i),this.builder.editor.lib.updateBackgroundImage(i,e),i.classList.contains("is-section")){const e=i.querySelector("div.is-overlay");if(e&&e.querySelector(".is-overlay-bg")){let t=e.closest(".is-box");t&&t.querySelector(".is-container")&&(t.classList.add("m-overlay-stack"),t.classList.add("m-dark-text"))}}return 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.editor.lib.moveContent(i,"middle"),this.builder.settings.onChange(),!1;if("move_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("move_content_right"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"right"),this.builder.editor.lib.moveContent(i,"middle"),this.builder.settings.onChange(),!1;if("move_content_top"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"center"),this.builder.editor.lib.moveContent(i,"top"),this.builder.settings.onChange(),!1;if("move_content_bottom"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"center"),this.builder.editor.lib.moveContent(i,"bottom"),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_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_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_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,s=this.builder.media.bg_images;if(i=e.classList.contains("is-section")?e.querySelector(".is-content-left")?s.section_text_left:e.querySelector(".is-content-right")?s.section_text_right:s.section_text_center:e.classList.contains("is-box-4")?s.small_box:s.box,t)do{n=Math.floor(Math.random()*i.length)}while(i[n]===t);else n=Math.floor(Math.random()*i.length);return this.builder.mediaPath+i[n]}updateBox(e,t){let i;const n=e.querySelector(".is-overlay-bg");var s=document.createRange();if(e.parentNode.insertBefore(s.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){this.builder.consoleLog&&console.log(e);const t=e.match(/<div[^>]*>[\s\S]*<\/div>/);if(e=t&&t[0],!this.isHTMLString(e))return!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 s=i.querySelector(".is-overlay-content");s&&s.parentNode.removeChild(s);let o=!1;e.classList.contains("is-section")&&(o=!0);const a=i.querySelector(".is-container");if(a){e.appendChild(a);let t=i.querySelector(".is-container");t&&t.parentNode.removeChild(t)}if(n){let t,i;if(o){const t=this.builder.media.bg_images;i=t.section_text_left;const n=e.querySelector(".is-container");n&&(i=n.classList.contains("is-content-left")?t.section_text_left:n.classList.contains("is-content-right")?t.section_text_right:t.section_text_center)}else{i=this.builder.media.bg_images.box}t=this.lib.chooseMedia(i),n.style.backgroundImage=`url('${t}')`,n.style.backgroundImage=`url('${t}')`,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,s;if(n){const t=this.builder.media.bg_images;s=t.section_text_left;const i=e.querySelector(".is-container");i&&(s=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{s=this.builder.media.bg_images.box}i=this.lib.chooseMedia(s),t.style.backgroundImage=`url('${i}')`,t.style.backgroundImage=`url('${i}')`,t.style.backgroundPosition="50% 60%"}})),t.documentElement.innerHTML}applyBgStack(e){let t=(new DOMParser).parseFromString(e,"text/html");const i=t.querySelector("div.is-overlay");if(i&&i.querySelector(".is-overlay-bg")){let e=i.closest(".is-box");e&&e.querySelector(".is-container")&&(e.classList.add("m-overlay-stack"),e.classList.add("m-dark-text"))}return t.documentElement.innerHTML}fixCommon(e){e=(e=e.replaceAll("{{CONTENT}}","")).replaceAll("{{TITLE}}","");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"),s=n.querySelector(".is-section");e&&s&&!s.contains(e)&&s.appendChild(e);e.querySelectorAll(".column").forEach((e=>{"100%"===e.style.width&&(e.style.width="",e.style.flex=""),e.firstElementChild&&e.firstElementChild.style.width&&"0 0 auto"===e.firstElementChild.style.flex&&(e.firstElementChild.outerHTML=e.firstElementChild.innerHTML);e.querySelectorAll(".column").forEach((e=>{e.outerHTML=e.innerHTML})),e.style.width&&"0 0 auto"!==e.style.flex&&(e.style.width="");e.querySelectorAll("[data-filename]").forEach((e=>{e.removeAttribute("data-filename")}));let t=e.querySelectorAll("h1");t.forEach((e=>{e.getAttribute("class")||(e.classList.add("font-normal"),e.classList.add("size-35"))})),t=e.querySelectorAll("h2"),t.forEach((e=>{e.getAttribute("class")||(e.classList.add("font-normal"),e.classList.add("size-28"))}))}));e.querySelectorAll(".row").forEach((e=>{let t,i=0,n=!1;const s=e.querySelectorAll(".column");s.forEach((e=>{e.style.width&&e.style.width.includes("%")?i+=parseFloat(e.style.width):n=!0,t=e})),i>100?s.forEach((e=>{e.style.width="",e.style.flex=""})):i<100&&!n&&t&&t.insertAdjacentHTML("afterend",'<div class="column"><div class="spacer height-60"></div></div>')}));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 o=n.querySelector(".is-box");if(o){if(o.style.backgroundColor){let e=o.querySelector(".is-overlay");e||(o.insertAdjacentHTML("afterbegin",'<div class="is-overlay"></div>'),e=n.querySelector("div.is-overlay")),e.style.backgroundColor=o.style.backgroundColor,o.style.backgroundColor=""}o.style.backgroundImage="",o.style.backgroundSize="",o.style.backgroundRepeat="",o.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"),s=i.querySelector(".is-container");if(n.querySelector(".is-container")){const e=n.querySelector(".is-container");s.outerHTML=e.outerHTML}else s.insertAdjacentHTML("beforeend",n.body.innerHTML);n=t.parseFromString(i.body.innerHTML,"text/html")}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}fixNewSection(e){e=e.replace(/(<i class="icon )(ion-\S+)/g,"$1ion-checkmark");let t=(new DOMParser).parseFromString(e,"text/html");const i=this.builder.media.images.square,n=this.lib.chooseMedia(i);return t.querySelectorAll("img").forEach((e=>{e.setAttribute("src",n)})),t.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 s=0;return n.querySelectorAll("[data-html]").forEach((e=>{const t=encodeURIComponent(i[s]);e.setAttribute("data-html",t),e.innerHTML="",s++})),i.length>0?n.documentElement.innerHTML:e}fixCommonBlock(e){let t=(new DOMParser).parseFromString(e,"text/html");return t.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="")})),t.documentElement.innerHTML}getHtmlBlock(e){const t=e.indexOf("<"),i=e.lastIndexOf(">")+1;if(-1!==t&&-1!==i){const n=e.substring(t,i);e=n}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)}fixNewBlock(e){e=e.replace(/(<i class="icon )(ion-\S+)/g,"$1ion-checkmark");let t=(new DOMParser).parseFromString(e,"text/html");const i=this.builder.media.images.square,n=this.lib.chooseMedia(i);return t.querySelectorAll("img").forEach((e=>{e.setAttribute("src",n)})),t.documentElement.innerHTML}fixHtmlBlock(e){if(!(e=this.getHtmlBlock(e)))return this.builder.showMessage(i("Oops! The response received is insufficient. Please try again.")),!1;if(e.includes("{{IMAGEURL}}")){const t=this.builder.media.images.square,i=this.lib.chooseMedia(t);e=e.replaceAll("{{IMAGEURL}}",i)}return e=e.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.fixCommonBlock(e),(e=this.fixButtons(e))||!1}fixHtml(e){if((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>')).includes("{{_IMAGEURL}}")){const t=this.builder.media.images.square,i=this.lib.chooseMedia(t);e=e.replaceAll("{{IMAGEURL}}",i)}return e=e.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,s="";i.length>0&&(n=t.querySelector("div.is-overlay-content"),s=n?n.outerHTML:"",i.forEach((e=>{e.parentNode.removeChild(e)})));let o="";const a=t.querySelector("div.is-overlay-bg");a&&(o=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:s,overlayBg:o,html:e=t.body.innerHTML,overlayBgColor:d,textColorClass:r}}mergeContent(e,t,i,n,s,o){const a=new DOMParser,l=a.parseFromString(e,"text/html"),r=l.querySelector("div.is-overlay");if(!o.section_background||"remove"!==o.section_background){if((!o.section_background||"image"!==o.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||o.change_content_dark||o.change_content_light?o.change_content_dark?(d.classList.remove("is-light-text"),d.classList.add("is-dark-text")):o.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))),""!==s){const e=l.querySelector(".is-overlay");e&&(""!==e.style.backgroundColor||(e.style.backgroundColor=s))}d&&this.lib.processContent(o,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,s,o,a){this.dictation.startSending(),this.controller=new AbortController,this.signal=this.controller.signal;const l={question:t,context:n,system:s,functs:o,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("assistant"===e)n.answer.choices.forEach((e=>{let t=e.message.content;a(t)}));else{if(n.answer.role&&n.answer.content)return void a(JSON.stringify({new_section:!0,others:!0}));a(n.answer)}}catch(e){if("AbortError"===e.name);else{if(console.error("Error:",e),this.dictation.finish(),this.builder.consoleLog&&!(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.dictation.finish()}renderResult(e,t,i){const n=this.builder.activeBox,s=this.builder.activeSection;let o=!1;if(s&&s.classList.contains("is-box")&&(o=!0),this.builder.editor.saveForUndo(),o){const n=(new DOMParser).parseFromString(e,"text/html");if(t){const e=n.querySelector("div.is-section");e&&(e.classList.remove(...Array.from(e.classList).filter((e=>e.startsWith("type-")))),e.classList.add(t))}if(i){const e=n.querySelector(".is-container");e&&(e.classList.forEach((t=>{-1!==t.indexOf("is-content-")&&"is-content-left"!==t&&"is-content-right"!==t&&(e.classList.remove(t),e.classList.add(i))})),e.classList.add(i))}e=n.body.innerHTML;let s="";t&&(s=t+".css");let o=this.builder.addSection(e,s);o&&(this.clearSelection(),this.reSelect(o))}else{n.classList.add("replace-this");const o=/is-box-\w+/,a=n.getAttribute("class").match(o);let l;a&&(l=a[0]);let r=this.builder.editor.lib.getHtml(s);const d=(new DOMParser).parseFromString(r,"text/html");let c=d.querySelector("div.replace-this");const u=document.createElement("div");u.innerHTML=e;const p=u.firstChild;if(l&&p.classList.add(l),t){const e=d.querySelector("div.is-section");e&&(e.classList.remove(...Array.from(e.classList).filter((e=>e.startsWith("type-")))),e.classList.add(t))}if(i){const e=p.querySelector(".is-container");e&&(e.classList.forEach((t=>{-1!==t.indexOf("is-content-")&&"is-content-left"!==t&&"is-content-right"!==t&&e.classList.remove(t)})),e.classList.add(i))}c&&p&&c.parentNode.replaceChild(p,c);const h=d.body.innerHTML;let m="";t&&(m=t+".css");let g=this.builder.addSection(h,m);g&&(this.clearSelection(),this.reSelect(g))}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")}))}}blockAction(e){if(!this.builder.editor.activeCol)return!1;if(e.block_task){const t=e.block_task;if("move-up"===t||"move-down"===t||"duplicate"===t||"remove"===t){this.builder.editor.saveForUndo();const e=this.builder.editor._rowTool.grid;return"move-up"===t&&e.moveRowUp(),"move-down"===t&&e.moveRowDown(),"duplicate"===t&&e.duplicateRow(),"remove"===t&&(e.removeRow(),this.builder.activeBox&&this.builder.activeBox.click()),this.builder.settings.onChange(),this.dictation.finish(),!0}}if(e.move_column){const t=e.move_column;if("move-up"===t||"move-down"===t||"move-left"===t||"move-right"===t){this.builder.editor.saveForUndo();const e=this.builder.editor._rowTool.grid;return"move-up"===t&&e.moveColumnUp(),"move-down"===t&&e.moveColumnDown(),"move-left"===t&&e.moveColumnPrevious(),"move-right"===t&&e.moveColumnNext(),this.builder.settings.onChange(),this.dictation.finish(),!0}}if(e.column_task){const t=e.column_task;if("duplicate"===t||"remove"===t){this.builder.editor.saveForUndo();const e=this.builder.editor._rowTool.grid;return"duplicate"===t&&e.duplicateColumn(),"remove"===t&&(e.removeColumn(),this.builder.activeBox&&this.builder.activeBox.click()),this.builder.settings.onChange(),this.dictation.finish(),!0}}if(e.increase_decrease_column){const t=e.increase_decrease_column;if("increase"===t||"decrease"===t){this.builder.editor.saveForUndo();const e=this.builder.editor._rowTool.grid;return"increase"===t&&e.increaseColumn(),"decrease"===t&&e.decreaseColumn(),this.builder.settings.onChange(),this.dictation.finish(),!0}}return!1}moveBlockContent(e){const t=this.builder.editor.activeCol;if(!t)return!1;if(!t||!e)return!1;if(!(e.move_content_left||e.move_content_center||e.move_content_right||e.move_content_top||e.move_content_bottom))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),e.move_content_top&&!i?this.builder.editor.lib.moveBlockContent("top"):e.move_content_bottom&&!i?this.builder.editor.lib.moveBlockContent("bottom"):e.move_content_left&&!n?this.builder.editor.lib.moveBlockContent("left"):e.move_content_right&&!n?this.builder.editor.lib.moveBlockContent("right"):e.move_content_top&&e.move_content_left?this.builder.editor.lib.moveBlockContent("topleft"):e.move_content_top&&e.move_content_center?this.builder.editor.lib.moveBlockContent("topcenter"):e.move_content_top&&e.move_content_right?this.builder.editor.lib.moveBlockContent("topright"):e.move_content_bottom&&e.move_content_left?this.builder.editor.lib.moveBlockContent("bottomleft"):e.move_content_bottom&&e.move_content_center?this.builder.editor.lib.moveBlockContent("bottomcenter"):e.move_content_bottom&&e.move_content_right?this.builder.editor.lib.moveBlockContent("bottomright"):(e.move_content_center,this.builder.editor.lib.moveBlockContent("center")),!0}quickAction(e){const t=this.builder.activeBox;if(!t)return!1;if(e.section_task){const t=e.section_task;if("move-up"===t||"move-top"===t||"move-down"===t||"move-bottom"===t||"duplicate"===t||"remove"===t){if(this.builder.editor.saveForUndo(),"move-up"===t&&this.builder.editsection.sectionUp(),"move-top"===t&&this.builder.editsection.sectionTop(),"move-down"===t&&this.builder.editsection.sectionDown(),"move-bottom"===t&&this.builder.editsection.sectionBottom(),"duplicate"===t&&(this.builder.editsection.sectionDuplicate(),setTimeout((()=>{this.builder.refreshAnim()}),600)),"remove"===t){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(),!0}}if(e.select_section){const t=this.builder.activeSection;if(t){if("current"===e.select_section)return this.builder.scrollTo(t,600),t.click(),this.reSelect(t),!0;if("next"===e.select_section)return this.builder.scrollTo(t.nextElementSibling,600),t.click(),this.reSelect(t.nextElementSibling),!0;if("previous"===e.select_section)return this.builder.scrollTo(t.previousElementSibling,600),t.click(),this.reSelect(t.previousElementSibling),!0;if("first"===e.select_section){const e=this.builder.wrapperEl.querySelector(".is-section");if(e)return this.builder.scrollTo(e,600),t.click(),this.reSelect(e),!0}else if("last"===e.select_section){const e=this.builder.wrapperEl.querySelectorAll(".is-section:last-child");if(e)return this.builder.scrollTo(e[0],600),t.click(),this.reSelect(e[0]),!0}}}if(e.select_block){const i=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()},n=()=>{const e=t.querySelector(".is-container");if(!e)return!0;let n=e.querySelector(":first-child");i(n)},s=()=>{const e=t.querySelector(".is-container");if(!e)return!0;let n;const s=e.children;for(let e=s.length-1;e>=0;e--){const t=s[e];if(t.querySelector(":first-child")){n=t;break}}n&&i(n)};if("block"===e.select_block){let e=t.querySelector("h1, p, h2, h3");return e?e.click():(e=t.querySelector(".is-container > div > div"),e&&e.click()),!0}if("headline"===e.select_block||"title"===e.select_block){const e=t.querySelector("h1,h2,h3");return e&&e.click(),!0}if("paragraph"===e.select_block){const e=t.querySelector("p");return e&&e.click(),!0}if("image"===e.select_block){const e=t.querySelector("img");return e&&e.click(),!0}if("space"===e.select_block){const e=t.querySelector("div.spacer");return e&&e.click(),!0}if("button"===e.select_block){const e=t.querySelector('a[role="button"]');return e&&e.click(),!0}if("next"===e.select_block){let e=t.querySelector(".row-active");return e&&(e=e.nextElementSibling),i(e),!0}if("previous"===e.select_block){let e=t.querySelector(".row-active");return e&&(e=e.previousElementSibling),i(e),!0}if("first"===e.select_block)return n(),!0;if("last"===e.select_block)return s(),!0}return!!e.unselect_block&&(t.click(),!0)}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,s=this.builder.iframe.getBoundingClientRect().left+window.pageXOffset;t=n.getBoundingClientRect().top+e,i=n.getBoundingClientRect().left+s}else t=n.getBoundingClientRect().top+window.pageYOffset,i=n.getBoundingClientRect().left+window.pageXOffset;const s=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-s+12/this.builder.editor.opts.zoom+"px"}}const _y=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:4e3,onlineDemo:!1,startAIAssistant:!1,temperature:.6,topP:.9,useMediaRecorder:!0,encoderPath:"",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",triggerWords:{send:["send","okay","ok","execute","run"],abort:["abort","cancel"],clear:["clear","erase"]},similarityThreshold:.65,headlineList:["We're [CompanyName]. Full stack development with a spark of creativity."],mediaPath:"assets/gallery/",media:{slider:["slide-01.jpg","slide-02.jpg"],blank_video:"blank.mp4",videos:["beach1.mp4","beach2.mp4"],youtube_videos:["https://www.youtube-nocookie.com/embed/P5yHEKqx86U?rel=0&autoplay=1&color=white"],maps:["https://www.youtube-nocookie.com/embed/P5yHEKqx86U?rel=0&autoplay=1&color=white"],audios:["example.mp3"],images:{square:["desk.jpg","chair.jpg","coffee.jpg","product.jpg","table.jpg","person-01.jpg","person-02.jpg","person-03.jpg","person-04.jpg","person-05.jpg","person-06.jpg","person-08.jpg"]},bg_images:{box:["person-01.jpg","person-02.jpg","person-03.jpg","person-04.jpg","person-05.jpg","person-06.jpg","person-07.jpg","person-08.jpg","person-09.jpg","person-10.jpg","building.jpg","desk.jpg","chair.jpg","coffee.jpg","product.jpg","table.jpg"],small_box:["person-01.jpg","person-03.jpg","person-04.jpg","person-05.jpg","person-10.jpg","chair.jpg","coffee.jpg","product.jpg","table.jpg"],section_text_left:["header-01.jpg","header-02.jpg","header-03.jpg","header-05.jpg","header-08.jpg","header-10b.jpg","header-14.jpg"],section_text_center:["header-07.jpg","header-11.jpg","header-12.jpg","header-13.jpg"],section_text_right:["header-04.jpg","header-05b.jpg","header-06.jpg","header-08b.jpg","header-09.jpg","header-10.jpg","header-14b.jpg","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 first block"],select_next:["select next","select after","select next block","select next row"],select_previous:["select previous","select before","select previous block","select previous row"],select_last:["select last","select last block"],select_block:["select block"],unselect_block:["unselect","unselect block"],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_up:["fade in up"],slide_up:["slide up"],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"],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_bottom:["move content bottom","align content bottom"],align_content_top_left:["move content top left","align content top left"],align_content_top_right:["move content top right","align content top right"],align_content_bottom_left:["move content bottom left","align content bottom left"],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",description:"Commands for designing or editing.",list:["Add a section that highlights our AI-powered web solutions. Include a compelling headline, a paragraph, and two buttons named 'Our Works' and 'Get in Touch'. Also, add a background image.","Create a section containing an article on ideas for outdoor activities. Include a minimum of 300 words.","Can you suggest a captivating headline for us and replace the current one?","Add a section showcasing our AI-powered innovations. Craft an attention-grabbing headline, provide explanations, incorporate an image, and add an enticing call-to-action.","Create a 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.","Add a section highlighting the features of our creative arts courses:<br>\n- Hands-on projects<br>\n- Guidance from experts<br>\nAdd an image for each feature.","Revise the headline, paragraph, and all the text using alternative ideas.","Let's redesign the layout. Surprise me with a new idea!","Create a new section showcasing a photo gallery of our latest photography workshop. Includes up to 3 photo placeholders.","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.","Summarize this content in 100 words."]},others:{title:"Ask Questions or Request Information",description:"Commands that are <u>not related to designing and editing of the current content</u>.",list:["Provide well-researched information about bookstores in the Melbourne city area that offer collections of classic titles. Include specific details such as locations, website links, the range of classic titles they offer, and any unique features they have.","Explain our galaxy in a beginner-friendly and interesting way.","Can you explain the process of baking a classic chocolate cake from scratch?","Provide me with a 10-hour plan for learning practical data science."]},block:{title:"Edit Selected Block",description:"Specifically target the selected block for editing, providing more precise results.",list:["Enhance the content by including introductory paragraphs after the title.","Add a space between the title and the button.","Increase the space between the title and the paragraph.","Apply a gradient text color from red to orange horizontally to the title.","Paraphrase the title.","Reduce the title font size.","Add a link on the text 'Download' that directs to: https://example.com/download","Add a new block containing a Google map showing local cafes in the Perth city area."]},selection:{title:"Selection & Layout",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%","Change 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","Move the content to the left","Move the content to the center","Move the content to the right","Move the content to the top"]},element:{title:"Element",list:["Add a headline","Add a paragraph","Add an image","Add a Youtube video","Add a button","Add two buttons","Add a space","Increase 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 up animation","Add slide up 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,s;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;s=e,this.iframeDocument=e}else n=window,s=document;if(this.win=n,this.doc=s,this.iframe){let e=s.querySelector(".content-stuff");e||(e=document.createElement("div"),e.className="content-stuff is-ui",e.id="_cbhtml",s.body.appendChild(e)),this.contentStuff=e,this.stuff=new py(this)}if(this.wrapperEl=this.doc.querySelector(this.wrapper),_y.hasClass(this.wrapperEl,"preview"))return void(this.preview=!0);_y.addClass(this.wrapperEl,"is-wrapper"),_y.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 o(this),this.animateScroll=new my(this),this.timeline=new by(this),this.util=new fy(this),this.pageTemplate||(this.pageTemplate=this.util.getPageTemplate(this.framework)),window.data_basic?(this.editorSetup(),this.init()):_y.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 dy({isContentBox:!0,speechTranscribeUrl:this.settings.speechTranscribeUrl,autoSendDelay:this.settings.autoSendDelay,onlineDemo:this.settings.onlineDemo,temperature:this.settings.temperature,topP:this.settings.topP,speechRecognitionLang:this.settings.speechRecognitionLang,triggerWords:this.settings.triggerWords,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,useMediaRecorder:this.settings.useMediaRecorder,encoderPath:this.settings.encoderPath,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),localStorage.removeItem("_lastscrollpos")},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"),s=0;n.forEach((function(e){_y.hasClass(e,"is-section-navbar")||(s===t-1&&(i=e),s++)})),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 xy(this),this.startAIAssistant&&this.openAIAssistant(),this.UIColor&&this.editor.setUIColor(this.UIColor.mode,this.UIColor.css)}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(){_y.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>`),_y.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;_y.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",s=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:s,expiresOn:s+2592e6})))}else i=!0,localStorage.setItem(n,JSON.stringify({initial:s,expiresOn:s+2592e6}));const o=()=>{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 s=300*(1-i)/.5;this.wrapperEl.style.marginTop=`${s}px`,this.wrapperEl.style.opacity=1;let o=e.querySelector(".is-sidebar");o&&(o.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?(uy.stop(),setTimeout((()=>{o()}),300)):i?(uy.start(),uy.on("hide",(()=>{o()}))):(uy.stop(),setTimeout((()=>{o()}),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),this.rePositionTool()}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,s=!1,o=!1,a=!1,l=!1,r=!1,d=!1,c=!1,u=t;for(;u&&u.tagName&&"BODY"!==u.tagName&&"HTML"!==u.tagName;)_y.hasClass(u,"is-sidebar-content")&&(i=!0),_y.hasClass(u,"is-sidebar")&&(n=!0),_y.hasClass(u,"is-builder")&&(s=!0),_y.hasClass(u,"is-wrapper")&&(a=!0),_y.hasClass(u,"is-rte-tool")&&(l=!0),_y.hasClass(u,"is-modal")&&(r=!0),_y.hasClass(u,"is-pop")&&(d=!0),_y.hasClass(u,"is-tool")&&(c=!0),_y.hasClass(u,"is-section")&&(u.hasAttribute("data-anim-start")||u.hasAttribute("data-anim-end"))&&(o=!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(),s&&o&&(this.controlHiddenOnScroll=!0)}),this.iframe&&document.addEventListener("click",this.doDocumentClick=e=>{let t=!1,i=!1,n=!1,s=!1,o=!1,a=!1,l=!1,r=(e=e||window.event).target||e.srcElement;for(;r&&r.tagName&&"BODY"!==r.tagName&&"HTML"!==r.tagName;)_y.hasClass(r,"is-sidebar-content")&&(t=!0),_y.hasClass(r,"is-sidebar")&&(i=!0),_y.hasClass(r,"is-wrapper")&&(n=!0),_y.hasClass(r,"is-rte-tool")&&(s=!0),_y.hasClass(r,"is-modal")&&(o=!0),_y.hasClass(r,"is-pop")&&(a=!0),_y.hasClass(r,"is-tool")&&(l=!0),r=r.parentNode;if(!(t||i||n||s||o||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),_y.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"),s=()=>{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()&&s()}),this.win.addEventListener("scroll",this.doAnimScroll=()=>{e()&&s()}))}),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"),s=0;n.forEach((function(t){_y.hasClass(t,"is-section-navbar")||(s===e-1&&(i=t),s++)})),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),_y.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")+'">✕</button></div>');let n=e.querySelector(".is-section-info");n&&n.parentNode.removeChild(n);const s=e.getAttribute("id");_y.appendHtml(e,'<div class="is-section-info">'+(s?`<div>#${s}</div>`:"")+"</div>");let o=e.querySelector(".is-section-tool").querySelectorAll("[title]");Array.prototype.forEach.call(o,(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),_y.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&&_y.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 s=e.querySelector(".input-box-redesign");s&&s.addEventListener("click",(()=>{this.command.redesign()}));const o=e.querySelector(".input-box-rewrite");o&&o.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()})),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)),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)),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",""),s=this.settings.contentStylePath,o=!1,a=window.parent._cb.doc.getElementsByTagName("link");for(let e=0;e<a.length;e++){-1!=a[e].href.toLowerCase().indexOf(t.toLowerCase())&&(o=!0)}return o||this.wrapperEl.insertAdjacentHTML("beforeend",'<link data-name="contentstyle" data-class="'+n+'" href="'+s+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){this.editor.saveForUndo();const t=new Date;let n;e=e.replace("[%YEAR%]",t.getFullYear());let s=[];if(-1!==e.indexOf("is-section-navbar")){const t=this.wrapperEl.querySelector(".is-section-navbar");if(t)return void this.editor.util.confirm(i("Do you want to replace the current navigation bar?"),(i=>{i&&(t.parentNode.removeChild(t),this.addIdea(e))}),!0,i("Replace"));_y.appendHtml(this.wrapperEl,e,"afterbegin"),n=this.wrapperEl.querySelector(".is-section"),s.push(n)}else if(-1!==e.indexOf("is-static")){let t=_y.getLastElement(this.wrapperEl,".is-section");if(t){_y.appendHtml(t,e,"afterend"),n=t.nextElementSibling,s.push(n);let i=n.nextElementSibling;if(i){let e=i.querySelector(".is-section-tool");e||s.push(i),i=i.nextElementSibling,i&&(e=i.querySelector(".is-section-tool"),e||s.push(i))}}else _y.appendHtml(this.wrapperEl,e,"afterbegin"),n=this.wrapperEl.querySelector(".is-section"),s.push(n)}else if(this.activeSection){let t=this.activeSection;if(_y.hasClass(t,"is-static")){_y.appendHtml(t,e,"beforebegin"),n=t.previousElementSibling,s.push(n);let i=n.previousElementSibling;if(i){let e=i.querySelector(".is-section-tool");e||s.push(i),i=i.previousElementSibling,i&&(e=i.querySelector(".is-section-tool"),e||s.push(i))}}else{_y.appendHtml(t,e,"afterend"),n=t.nextElementSibling,s.push(n);let i=n.nextElementSibling;if(i){let e=i.querySelector(".is-section-tool");e||s.push(i),i=i.nextElementSibling,i&&(e=i.querySelector(".is-section-tool"),e||s.push(i))}}}else{_y.appendHtml(this.wrapperEl,e,"afterbegin"),n=this.wrapperEl.querySelector(".is-section"),s.push(n);let t=n.nextElementSibling;if(t){let e=t.querySelector(".is-section-tool");e||s.push(t),t=t.nextElementSibling,t&&(e=t.querySelector(".is-section-tool"),e||s.push(t))}}this.wrapperEl.querySelectorAll(".is-section").forEach((e=>{e.querySelector(".is-section-tool")||s.push(e)})),s.forEach((e=>{if(e.querySelectorAll("[data-html]").forEach((e=>{let t=decodeURIComponent(e.getAttribute("data-html"));t=t.replace(/{id}/g,_y.uniqueId()),_y.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),_y.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();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();const o=(e,t)=>{let i=e.getAttribute("class");e.setAttribute("class",i+" "+t)},a=(e,t)=>{94<=t&&t<=100&&o(e,this.editor.cols[11]),86<=t&&t<94&&o(e,this.editor.cols[10]),78<=t&&t<86&&o(e,this.editor.cols[9]),70<=t&&t<78&&o(e,this.editor.cols[8]),62<=t&&t<70&&o(e,this.editor.cols[7]),54<=t&&t<62&&o(e,this.editor.cols[6]),46<=t&&t<54&&o(e,this.editor.cols[5]),37<=t&&t<46&&o(e,this.editor.cols[4]),29<=t&&t<37&&o(e,this.editor.cols[3]),21<=t&&t<29&&o(e,this.editor.cols[2]),13<=t&&t<21&&o(e,this.editor.cols[1]),5<=t&&t<13&&o(e,this.editor.cols[0])};if(!this.editor.useDefaultGrid){let e=n.querySelectorAll(".is-container > div");e.forEach((e=>{this.editor.util.getAllColumns(e).forEach((t=>{if(t.style.width&&t.style.width.includes("%")){let e=parseFloat(t.style.width);t.setAttribute("data-temp-w",e)}else{let i=Number(window.getComputedStyle(t).getPropertyValue("width").match(/\d+/)[0])/Number(window.getComputedStyle(e).getPropertyValue("width").match(/\d+/)[0])*100;t.setAttribute("data-temp-w",i)}}))})),e=n.querySelectorAll(".is-container > div"),e.forEach((e=>{this.editor.util.getAllColumns(e).forEach((e=>{let t=e.getAttribute("data-temp-w");if(a(e,parseFloat(t)),e.removeAttribute("data-temp-w"),this.editor.cols[0].split(" ").includes("column")){const t=e.className.split(" "),i=[...new Set(t)];e.className=i.join(" ")}else e.classList.remove("column");e.style.width="",e.style.flex=""}))}))}return this.clearSelection(),this.selectNewSection(n),this.onChange(),_y.removeElement(document.querySelector(".is-sidebar-overlay")),_y.removeClass(document.querySelectorAll(".is-sidebar .is-sidebar-button"),"active"),_y.removeClass(document.querySelectorAll(".is-sidebar-content"),"active"),document.body.style.overflowY="",this.addSpace(),this.scrollTo(n,600),setTimeout((()=>{this.refreshAnim()}),600),n}clearSelection(){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.editor.util.clearActiveCell(),this.editor.util.clearAfterUndoRedo()}selectNewSection(e){let t=!1;if(e.classList.contains("is-box")&&(t=!0),t)e.classList.add("box-select"),this.activeBox=e,this.wrapperEl.classList.add("hard-select"),e.classList.add("section-select"),this.activeSection=e,this.positionTool(e);else{let t=e.querySelector(".is-box");t&&(t.classList.add("box-select"),this.activeBox=t),this.wrapperEl.classList.add("hard-select"),e.classList.add("section-select"),this.activeSection=e,this.positionTool(e)}}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 s,o;this.wrapperEl.querySelectorAll(".is-section-tool").forEach((e=>{e.style.display="none"})),_y.hasClass(e,"is-section")?(s=e,o=e.querySelector(".is-section-tool")):(s=_y.parentsHasClass(e,"is-section"),o=s.querySelector(".is-section-tool")),o&&(o.style.display="block",o.style.transform="scale("+1/t+")",o.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=_y.uniqueId(),s=_y.uniqueId();let o;if(e.src){o=`<button type="button" id="${n}" class="is-sidebar-button" tabindex="-1" data-content="${s}" 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="${s}" 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>`;_y.appendHtml(t,a)}else o=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",o);const a=t.querySelector("#"+n);a.addEventListener("click",(i=>{if(e.onClick)e.onClick(i);else if(_y.hasClass(a,"active"))this.sidebar.closeSidebar();else{this.sidebar.closeSidebar(),_y.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((()=>{_y.addClass(i,"active"),i.focus()}),10),e.src){var s=t.querySelector("#"+n+" iframe");("1"===a.getAttribute("data-refresh")||"about:blank"==s.getAttribute("src"))&&s.setAttribute("src",e.src)}_y.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 o=t.querySelector(".is-sidebar-overlay");o.addEventListener("click",(()=>{o.parentNode.removeChild(o);let e=t.querySelectorAll(".is-sidebar > div");e.forEach((e=>{_y.removeClass(e,"active")})),e=t.querySelectorAll(".is-sidebar-content"),e.forEach((e=>{_y.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 s=this.doc.head;s||(s=this.doc.body),e&&""!==e&&(i?this.wrapperEl.insertAdjacentHTML("beforebegin",e):s.insertAdjacentHTML("beforeend",e)),t&&""!==t&&(i?this.wrapperEl.insertAdjacentHTML("beforebegin",t):s.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 s=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,o=this.doc.getElementsByTagName("link");for(let e=0;e<o.length;e++){-1!=o[e].href.toLowerCase().indexOf(i.toLowerCase())&&(n=!0)}n||this.wrapperEl.insertAdjacentHTML("beforeend",'<link data-name="contentstyle" data-class="'+t+'" href="'+s+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 s=e.href,o=window.location.href.substring(0,window.location.href.lastIndexOf("/"));s=s.replace(o,"[%PATH%]"),e.href=s,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 s=t[n].href.toLowerCase();if(-1!=s.indexOf("basetype-"));else if(-1!=s.indexOf("type-"))if(e){const e=t[n].cloneNode();let s=e.href,o=window.location.href.substring(0,window.location.href.lastIndexOf("/"));s=s.replace(o,"[%PATH%]"),e.href=s,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 s=this.editor.readHtml(this.wrapperEl,!1,!0);this.editor.makeAbsolute=!1,this.editor.shortenOutput=!1,n=i.replace("[%CONTENT%]",s);let o=this.mainCss(!0),a=this.sectionCss(!0);if(n=n.replaceAll("[%MAINCSS%]",o),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="",_y.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 s=this.wrapperEl;s.innerHTML="",s.appendChild(n.createContextualFragment(e)),_y.removeClass(s,"is-edit"),this.editor.destroy(),uy.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),s=Math.min(e.bottom,t),o=Math.max(e.left,0);return(Math.min(e.right,i)-o)*(s-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 s=this.calculateVisibleArea(n);s>t&&(t=s,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}}}}();
|
|
147
|
+
(function(){if("undefined"!=typeof window){var t,i,n,s,o,a,l,r,d,c,u,p,h,m,g,b,f,v,y,x,_,w,S,C,k,A,E,L,q,T,M,O,R,I,B,N,$,z,P,D,H,j,U,F,W,Y,X,G,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},O=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==O&&(O=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 O(i)}))):setTimeout(i,33-n)},i()},R=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,s,o,a;for(t=arguments[0],o=0,a=(n=2<=arguments.length?K.call(arguments,1):[]).length;o<a;o++)if(i=n[o])for(e in i)Z.call(i,e)&&(s=i[e],null!=t[e]&&"object"==typeof t[e]&&null!=s&&"object"==typeof s?S(t[e],s):t[e]=s);return t},v=function(e){var t,i,n,s,o;for(i=t=0,s=0,o=e.length;s<o;s++)n=e[s],i+=Math.abs(n),t++;return i/t},k=function(e,t){var i,n,s;if(null==e&&(e="options"),null==t&&(t=!0),s=document.querySelector("[data-pace-"+e+"]")){if(i=s.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 s;return null==n&&(n=!1),null==this.bindings&&(this.bindings={}),null==(s=this.bindings)[e]&&(s[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,s;if(null!=(null!=(n=this.bindings)?n[e]:void 0)){if(null==t)return delete this.bindings[e];for(i=0,s=[];i<this.bindings[e].length;)this.bindings[e][i].handler===t?s.push(this.bindings[e].splice(i,1)):s.push(i++);return s}},e.prototype.trigger=function(){var e,t,i,n,s,o,a,l,r;if(i=arguments[0],e=2<=arguments.length?K.call(arguments,1):[],null!=(a=this.bindings)?a[i]:void 0){for(s=0,r=[];s<this.bindings[i].length;)n=(l=this.bindings[i][s]).handler,t=l.ctx,o=l.once,n.apply(null!=t?t:this,e),o?r.push(this.bindings[i].splice(s,1)):r.push(s++);return r}},e}(),c=window.Pace||{},window.Pace=c,S(c,l.prototype),M=c.options=S({},w,window.paceOptions,k()),F=0,Y=(G=["ajax","document","eventLag","elements"]).length;F<Y;F++)!0===M[z=G[F]]&&(M[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(M.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=""!==M.className?" "+M.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,s,o,a;if(null==document.querySelector(M.target))return!1;for(e=this.getElement(),n="translate3d("+this.progress+"%, 0, 0)",s=0,o=(a=["webkitTransform","msTransform","transform"]).length;s<o;s++)t=a[s],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,s,o,a;if(null!=this.bindings[e]){for(a=[],n=0,s=(o=this.bindings[e]).length;n<s;n++)i=o[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&&M.ajax){if("socket"===e&&M.ajax.trackWebSockets)return!0;if(t=e.toUpperCase(),J.call(M.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,s,o){return $(n)&&i.trigger("request",{type:n,url:s,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&&M.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,s;for(i=0,n=(s=M.ajax.ignoreURLs).length;i<n;i++)if("string"==typeof(t=s[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,s,o,a;if(o=e.type,s=e.request,a=e.url,!N(a))return c.running||!1===M.restartOnRequestAfter&&"force"!==$(o)?void 0:(n=arguments,"boolean"==typeof(i=M.restartOnRequestAfter||0)&&(i=0),setTimeout((function(){var e,i,a,l,r;if("socket"===o?s.readyState<1:0<(a=s.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,s;if(n=e.type,t=e.request,s=e.url,!N(s))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,s,o,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=(o=["load","abort","timeout","error"]).length;i<n;i++)b(e,o[i],(function(){return t(a),a.progress=100}));else s=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 s?s.apply(null,arguments):void 0}},m=function(e,t){var i,n,s,o=this;for(this.progress=0,i=0,n=(s=["error","open"]).length;i<n;i++)b(e,s[i],(function(){return t(o),o.progress=100}))},s=function(){function e(e){var t,i,n,s;for(null==e&&(e={}),this.complete=ee(this.complete,this),this.elements=[],null==e.selectors&&(e.selectors=[]),i=0,n=(s=e.selectors).length;i<n;i++)t=s[i],this.elements.push(new o(t,this.complete))}return e.prototype.complete=function(e){return this.elements=this.elements.filter((function(t){return t!==e}))},e}(),o=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()}),M.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,s,o=this;this.progress=0,e=0,s=[],n=0,i=T(),t=setInterval((function(){var a;return a=T()-i-50,i=T(),s.push(a),s.length>M.eventLag.sampleCount&&s.shift(),e=v(s),++n>=M.eventLag.minSamples&&e<M.eventLag.lagThreshold?(o.progress=100,clearInterval(t)):o.progress=3/(e+3)*100}),50)},h=function(){function e(e){this.source=e,this.last=this.sinceLastUpdate=0,this.rate=M.initialRate,this.catchup=0,this.progress=this.lastProgress=0,null!=this.source&&(this.progress=R(this.source,"progress"))}return e.prototype.tick=function(e,t){var i;return null==t&&(t=R(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)/M.catchupTime,this.sinceLastUpdate=0,this.last=t),t>this.progress&&(this.progress+=this.catchup*e),i=1-Math.pow(this.progress/100,M.easeFactor),this.progress+=i*this.rate*e,this.progress=Math.min(this.lastProgress+M.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(M.restartOnPushState)return c.restart()},null!=window.history.pushState&&(X=window.history.pushState,window.history.pushState=function(){return E(),X.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:s,document:n,eventLag:a},(q=function(){var e,t,n,s,o,a,l,r;for(c.sources=P=[],t=0,s=(a=["ajax","elements","document","eventLag"]).length;t<s;t++)!1!==M[e=a[t]]&&P.push(new p[e](M[e]));for(n=0,o=(r=null!=(l=M.extraSources)?l:[]).length;n<o;n++)z=r[n],P.push(new z(M));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,s,o,a,l,r,d,u,p,m,g,b,f,v,_;for(y.progress,s=m=0,o=!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],o&=(u=null!=p[d]?p[d]:p[d]=new h(a)).done,u.done||(s++,m+=u.tick(t));return n=m/s,y.update(D.tick(t,n)),y.done()||o||x?(y.update(100),c.trigger("done"),setTimeout((function(){return y.finish(),c.running=!1,c.trigger("hide")}),Math.max(M.ghostTime,Math.max(M.minTime-(T()-e),0)))):i()}))},c.start=function(e){S(M,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)}(cy);var uy=cy.exports;class py{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 hy=new e;class my{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 `;hy.appendHtml(t,n);const s=t.querySelector(".is-side.animatescroll");this.modalAnimateScroll=s;const o=s.querySelector("#divEnterAnim");this.divEnterAnim=o;const a=s.querySelector("#divLeaveAnim");this.divLeaveAnim=a;s.querySelector(".is-side-close").addEventListener("click",(()=>{this.close()})),this.divAnimScrollSimple=s.querySelector("#divAnimScrollSimple"),this.divAnimSettings=s.querySelector("#divAnimSettings");const l=this.builder.sidebar.pageQuickSettings.querySelector(".cmd-open-preview-window");this.btnOpenPreviewWindow=l;let r=s.querySelectorAll(".cmd-target");r.forEach((e=>{e.addEventListener("click",(()=>{s.querySelectorAll(".cmd-target").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.read()}))}));const d=s.querySelector(".div-anim-settings"),c=s.querySelector(".div-wizard-settings"),u=s.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")}));s.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())}))}));s.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()}));s.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=s.querySelector("#chkPresetAnimOnce");p.addEventListener("click",(()=>{this.builder.activeSection&&(this.builder.editor.saveForUndo(),p.checked?this.animateOnce():this.alwaysAnimate(),this.builder.settings.onChange())}));const h=s.querySelector(".cmd-basic-once");r=s.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();s.querySelectorAll(".cmd-basic-anim").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.applyBasic()}))})),r=s.querySelectorAll(".cmd-basic-delay"),r.forEach((e=>{e.addEventListener("click",(()=>{if(e.classList.contains("on"))return e.classList.remove("on"),void this.applyDelay();s.querySelectorAll(".cmd-basic-delay").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.applyDelay()}))})),s.querySelector(".cmd-clear-delay").addEventListener("click",(()=>{s.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()})),s.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=s.querySelectorAll(".cmd-start"),r.forEach((e=>{e.addEventListener("click",(()=>{s.querySelectorAll(".cmd-start").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.apply()}))})),r=s.querySelectorAll(".cmd-end"),r.forEach((e=>{e.addEventListener("click",(()=>{s.querySelectorAll(".cmd-end").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.apply()}))})),r=s.querySelectorAll(".cmd-leave-start"),r.forEach((e=>{e.addEventListener("click",(()=>{s.querySelectorAll(".cmd-leave-start").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.apply()}))})),r=o.querySelectorAll(".cmd-slidex"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=o.querySelector(".inp-slide-right"),i=o.querySelector(".inp-slide-left");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",i.value="",void this.apply();o.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=o.querySelector(".inp-slide-right"),g=o.querySelector(".inp-slide-left");m.addEventListener("change",(()=>{o.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",(()=>{o.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=o.querySelectorAll(".cmd-slidey"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=o.querySelector(".inp-slide-up"),i=o.querySelector(".inp-slide-down");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",i.value="",void this.apply();o.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=o.querySelector(".inp-slide-up"),f=o.querySelector(".inp-slide-down");f.addEventListener("change",(()=>{o.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",(()=>{o.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=o.querySelectorAll(".cmd-scale"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=o.querySelector(".inp-scale");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",void this.apply();o.querySelectorAll(".cmd-scale").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),t.value=e.getAttribute("data-value"),this.apply()}))}));const v=o.querySelector(".inp-scale");v.addEventListener("change",(()=>{o.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=o.querySelectorAll(".cmd-rotate"),r.forEach((e=>{e.addEventListener("click",(()=>{const t=o.querySelector(".inp-rotate-clockwise"),i=o.querySelector(".inp-rotate-counter");if(e.classList.contains("on"))return e.classList.remove("on"),t.value="",i.value="",void this.apply();o.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=o.querySelector(".inp-rotate-clockwise"),x=o.querySelector(".inp-rotate-counter");y.addEventListener("change",(()=>{o.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",(()=>{o.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 _=o.querySelector(".cmd-fade");_.addEventListener("click",(()=>{_.classList.contains("on")?_.classList.remove("on"):_.classList.add("on"),this.apply()})),o.querySelector(".cmd-clear-slide-left").addEventListener("click",(()=>{const e=o.querySelector(".inp-slide-left");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",o.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),o.querySelector(".cmd-clear-slide-right").addEventListener("click",(()=>{const e=o.querySelector(".inp-slide-right");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",o.querySelectorAll(".cmd-slidex").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),o.querySelector(".cmd-clear-slide-up").addEventListener("click",(()=>{const e=o.querySelector(".inp-slide-up");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",o.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),o.querySelector(".cmd-clear-slide-down").addEventListener("click",(()=>{const e=o.querySelector(".inp-slide-down");if(""===e.value)return;this.builder.editor.saveForUndo(),e.value="",o.querySelectorAll(".cmd-slidey").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),o.querySelector(".cmd-clear-scale").addEventListener("click",(()=>{this.builder.editor.saveForUndo();o.querySelector(".inp-scale").value="",o.querySelectorAll(".cmd-scale").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),o.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="",o.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),o.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="",o.querySelectorAll(".cmd-rotate").forEach((e=>{e.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),o.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())}));s.querySelector(".inp-simplescroll-x-start").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-x-15").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-x-25").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-x-35").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-x-50").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-x-65").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-x-75").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-x-85").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-x-end").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-y-start").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-y-15").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-y-25").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-y-35").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-y-50").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-y-65").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-y-75").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-y-85").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-y-end").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-scale-start").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-scale-15").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-scale-25").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-scale-35").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-scale-50").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-scale-65").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-scale-75").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-scale-85").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-scale-end").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-rotate-start").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-rotate-15").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-rotate-25").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-rotate-35").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-rotate-50").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-rotate-65").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-rotate-75").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-rotate-85").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-rotate-end").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-opacity-start").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-opacity-15").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-opacity-25").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-opacity-35").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-opacity-50").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-opacity-65").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-opacity-75").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-opacity-85").addEventListener("change",(()=>{this.applySimpleScroll()}));s.querySelector(".inp-simplescroll-opacity-end").addEventListener("change",(()=>{this.applySimpleScroll()}));s.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=s.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 M=s.querySelector("#chkPinSection"),O=s.querySelector(".div-pin-spacing");M.addEventListener("click",(()=>{const e=this.builder.activeSection;if(e){if(this.builder.editor.saveForUndo(),M.checked){e.classList.add("section-pin"),O.style.display="block",O.querySelectorAll(".cmd-pin-space").forEach((e=>{e.classList.remove("on")})),O.querySelector('.cmd-pin-space[data-value="md"]').classList.add("on")}else e.classList.remove("section-pin"),O.style.display="none";this.builder.onChange()}}));const R=s.querySelector("#chkPinOverlap");R.addEventListener("click",(()=>{const e=this.builder.activeSection;e&&(this.builder.editor.saveForUndo(),R.checked?e.classList.add("pin-overlap"):(e.classList.remove("pin-overlap"),e.classList.remove("no-spacing")),this.builder.onChange())}));O.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"),O.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 s=0;const o=i=>{let n=s;const o=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"),o.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++)}))})),s++};let a=!!i.classList.contains("is-box")&&i;if(a)o(a);else{i.querySelectorAll(".is-box").forEach((e=>{o(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"),this.builder.activeBox=n);let s=this.builder.doc.querySelector("[data-save-section]");s&&(s.classList.add("section-select"),s.removeAttribute("data-save-section"),this.builder.activeSection=s),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"),s=this.divEnterAnim.querySelector(".inp-slide-up"),o=this.divEnterAnim.querySelector(".inp-slide-down");i.value="",n.value="",s.value="",o.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"),M=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-end"),O=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-start"),R=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"),X=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-75"),G=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"),se=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="",M.value="",O.value="",R.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="",X.value="",G.value="",V.value="",K.value="",Z.value="",Q.value="",J.value="",ee.value="",te.value="",ie.value="",ne.value="",se.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 s=this.modalAnimateScroll.querySelector("#chkPinOverlap");e.classList.contains("pin-overlap")?s.checked=!0:(s.checked=!1,e.classList.contains("no-spacing")&&(s.checked=!0))}let t,i,n,s=this.getTarget();if(t=s.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 o=this.modalAnimateScroll.querySelector(".cmd-basic-once");t.classList.contains("once")?o.classList.add("on"):o.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"),M=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-85"),O=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-end"),R=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"),X=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-65"),G=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="",M.value="",O.value="",R.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="",X.value="",G.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&&(R.value=n.rotate),n.opacity&&(j.value=n.opacity);let s=t.getAttribute("data-top-bottom");e.style.cssText=s,n=this.getTransform(e,s),n.translateX&&(m.value=n.translateX.replace("px","")),n.translateY&&(S.value=n.translateY.replace("px","")),n.scale&&(O.value=n.scale),n.rotate&&(H.value=n.rotate),n.opacity&&(K.value=n.opacity);let o,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&&(R.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&&(X.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&&(G.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&&(M.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&&(O.value=n.scale),n.rotate&&(H.value=n.rotate),n.opacity&&(K.value=n.opacity),this.modalAnimateScroll.querySelector(".cmd-start.on")||(o=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),o&&o.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-end.on")||(o=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),o&&o.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(o=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),o&&o.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 se=this.divEnterAnim.querySelector(".inp-slide-up"),oe=this.divEnterAnim.querySelector(".inp-slide-down");te.translateY&&(-1!==te.translateY.indexOf("-")?oe.value=te.translateY.replace("-","").replace("px",""):se.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"),s=t.querySelector(".inp-simplescroll-x-25"),o=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"),M=t.querySelector(".inp-simplescroll-rotate-25"),O=t.querySelector(".inp-simplescroll-rotate-35"),R=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 X,G,V,K,Z,Q,J,ee,te,ie,ne,se,oe,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,Me,Oe,Re,Ie,Be,Ne,$e;""!==i.value&&(X=i.value+(-1!==i.value.indexOf("%")?"":"px")),""!==n.value&&(G=n.value+(-1!==n.value.indexOf("%")?"":"px")),""!==s.value&&(V=s.value+(-1!==s.value.indexOf("%")?"":"px")),""!==o.value&&(K=o.value+(-1!==o.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&&(se=h.value+(-1!==h.value.indexOf("%")?"":"px")),""!==m.value&&(oe=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),""!==M.value&&(we=M.value),""!==O.value&&(Se=O.value),""!==R.value&&(Ce=R.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&&(Me=D.value),""!==H.value&&(Oe=H.value),""!==j.value&&(Re=j.value),""!==U.value&&(Ie=U.value),""!==F.value&&(Be=F.value),""!==W.value&&(Ne=W.value),""!==Y.value&&($e=Y.value);let ze=(X?` translateX(${X})`:"")+(ie?` translateY(${ie})`:"")+(ue?` scale(${ue})`:"")+(xe?` rotate(${xe})`:"");ze=ze.trim();let Pe=(G?` translateX(${G})`:"")+(ne?` translateY(${ne})`:"")+(pe?` scale(${pe})`:"")+(_e?` rotate(${_e})`:"");Pe=Pe.trim();let De=(V?` translateX(${V})`:"")+(se?` translateY(${se})`:"")+(he?` scale(${he})`:"")+(we?` rotate(${we})`:"");De=De.trim();let He=(K?` translateX(${K})`:"")+(oe?` translateY(${oe})`:"")+(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 Xe=(ze?"transform: "+ze+";":"")+(qe?`opacity:${qe}`:""),Ge=(Pe?"transform: "+Pe+";":"")+(Te?`opacity:${Te}`:""),Ve=(De?"transform: "+De+";":"")+(Me?`opacity:${Me}`:""),Ke=(He?"transform: "+He+";":"")+(Oe?`opacity:${Oe}`:""),Ze=(je?"transform: "+je+";":"")+(Re?`opacity:${Re}`:""),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}`:"");Xe=Xe.trim(),Ge=Ge.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",st="data-in-300",ot="data-cen--150",at="data-cen",lt="data-cen-150",rt="data-out--300",dt="data-out--150",ct="data-out";""!==Xe?e.setAttribute(it,Xe):e.removeAttribute(it),""!==Ge?e.setAttribute(nt,Ge):e.removeAttribute(nt),""!==Ve?e.setAttribute(st,Ve):e.removeAttribute(st),""!==Ke?e.setAttribute(ot,Ke):e.removeAttribute(ot),""!==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,s,o=this.divEnterAnim.querySelectorAll(".cmd-slidex");o.forEach((e=>{e.classList.contains("on")&&(t=e.getAttribute("data-value"))})),o=this.divEnterAnim.querySelectorAll(".cmd-slidey"),o.forEach((e=>{e.classList.contains("on")&&(i=e.getAttribute("data-value"))})),o=this.divEnterAnim.querySelectorAll(".cmd-scale"),o.forEach((e=>{e.classList.contains("on")&&(n=e.getAttribute("data-value"))})),o=this.divEnterAnim.querySelectorAll(".cmd-rotate"),o.forEach((e=>{e.classList.contains("on")&&(s=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&&(s="-"+h.value);const m=this.divEnterAnim.querySelector(".inp-rotate-counter");""!==m.value&&(s=m.value);let g=(t?` translateX(${t})`:"")+(i?` translateY(${i})`:"")+(s?` rotate(${s}deg)`:"")+(n?` scale(${n})`:"");g=g.trim();let b=(t?" translateX(0px)":"")+(i?" translateY(0px)":"")+(s?" 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),o=this.modalAnimateScroll.querySelectorAll(".cmd-start"),o.forEach((e=>{e.classList.contains("on")&&(f=e.getAttribute("data-value"))})),o=this.modalAnimateScroll.querySelectorAll(".cmd-end"),o.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),o=this.divLeaveAnim.querySelectorAll(".cmd-slidex"),o.forEach((e=>{e.classList.contains("on")&&(y=e.getAttribute("data-value"))})),o=this.divLeaveAnim.querySelectorAll(".cmd-slidey"),o.forEach((e=>{e.classList.contains("on")&&(x=e.getAttribute("data-value"))})),o=this.divLeaveAnim.querySelectorAll(".cmd-scale"),o.forEach((e=>{e.classList.contains("on")&&(_=e.getAttribute("data-value"))})),o=this.divLeaveAnim.querySelectorAll(".cmd-rotate"),o.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 M=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");""!==M.value&&(w=M.value);const O=this.divLeaveAnim.querySelector(".inp-rotate-counter");""!==O.value&&(w="-"+O.value);let R=(y?" translateX(0px)":"")+(x?" translateY(0px)":"")+(w?" rotate(0deg)":"")+(_?" scale(1)":"");R=R.trim();let I=(y?` translateX(${y})`:"")+(x?` translateY(${x})`:"")+(w?` rotate(${w}deg)`:"")+(_?` scale(${_})`:"");I=I.trim();let B,N,$=(R?"transform: "+R+";":"")+(k?"opacity: 1;":""),z=(I?"transform: "+I+";":"")+(k?"opacity: 0;":"");this.cleanup_leave(e),o=this.modalAnimateScroll.querySelectorAll(".cmd-leave-start"),o.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 s=!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"))&&(s=!0),e||t||i||s?{element:n,name:"inspectedElement"}:this.readTarget("element")}{let t,i,n,s;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"),s=t.getAttribute("data-in"),s||(s=t.getAttribute("data-in-150")),s||(s=t.getAttribute("data-in-300")),s||(s=t.getAttribute("data-cen--150")),s||(s=t.getAttribute("data-cen")),s||(s=t.getAttribute("data-cen-150")),s||(s=t.getAttribute("data-out--300")),s||(s=t.getAttribute("data-out--150")),s||(s=t.getAttribute("data-out"));let o=!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"))&&(o=!0),i||n||s||o)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,s,o,a=this.parseComplexStyleProperty(t);a.translateX&&(i=a.translateX[0]),a.translateY&&(n=a.translateY[0]),a.scale&&(s=a.scale[0]),a.rotate&&(o=a.rotate[0]);let l=e.style.opacity;return{translateX:i||!1,translateY:n||!1,scale:s||!1,rotate:!!o&&o.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 gy=new e;class by{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 `;gy.appendHtml(t,n);const s=t.querySelector(".page-timeline");this.modalTimeline=s,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");s.querySelector(".is-modal-close").addEventListener("click",(()=>{this.close()}));s.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 o=s.querySelector(".cmd-timeline-more");o.addEventListener("click",(()=>{const e=s.querySelector(".timeline-more");this.builder.editor.util.showPop(e,!1,o)}));const a=s.querySelector(".cmd-clear-more");a.addEventListener("click",(()=>{const e=s.querySelector(".clear-more");this.builder.editor.util.showPop(e,!1,a)}));const l=s.querySelector("#chkPinSection2"),r=s.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=s.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=s.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()}))}));s.querySelectorAll(".cmd-anim-origin").forEach((e=>{e.addEventListener("click",(()=>{s.querySelectorAll(".cmd-anim-origin").forEach((e=>{e.classList.remove("on")})),e.classList.add("on"),this.applyTimeline(),this.builder.onChange()}))}));const u=s.querySelector(".cmd-disable-smoothanim");u.addEventListener("click",(()=>{u.classList.contains("on")?u.classList.remove("on"):u.classList.add("on"),this.applyTimeline()}));const p=s.querySelector(".cmd-hidden-onstart");p.addEventListener("click",(()=>{p.classList.contains("on")?p.classList.remove("on"):p.classList.add("on"),this.applyTimeline()}));s.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())}));s.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=s.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),s.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 s=this.modalTimeline.querySelector("#chkPinOverlap");if(e.classList.contains("pin-overlap")?s.checked=!0:(s.checked=!1,e.classList.contains("no-spacing")&&(s.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 o=this.modalTimeline.querySelector("#chkTimelineDisableOnMobile");e.classList.contains("m-skrollrr-off")?o.checked=!0:o.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 s=this.getDevice();i="xs"===s?t.getAttribute("data-xs-t"+n):"sm"===s?t.getAttribute("data-sm-t"+n):t.getAttribute("data-t"+n),this.dummyElm.style.cssText=i;let o=this.getTransform(this.dummyElm,i);o.translateX&&(this.modalTimeline.querySelector(".inp-x"+n).value=o.translateX.replace("px","")),o.translateY&&(this.modalTimeline.querySelector(".inp-y"+n).value=o.translateY.replace("px","")),o.scale&&(this.modalTimeline.querySelector(".inp-sc"+n).value=o.scale),o.rotate&&(this.modalTimeline.querySelector(".inp-rt"+n).value=o.rotate),o.opacity&&(this.modalTimeline.querySelector(".inp-op"+n).value=o.opacity)}applyTimeline(){let e,t,i,n,s,o,a,l,r,d,c,u,p,h,m,g,b,f,v,y,x,_,w,S,C,k,A,E,L,q,T,M,O,R,I,B,N,$,z,P,D,H,j,U,F,W,Y,X,G,V,K,Z,Q,J,ee,te,ie,ne,se,oe,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,Me,Oe,Re,Ie,Be,Ne,$e,ze,Pe,De,He,je,Ue,Fe,We,Ye,Xe,Ge,Ve,Ke,Ze,Qe,Je,et,tt,it,nt,st,ot,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,Mt,Ot,Rt,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&&(s=this.inpX_300.value+(-1!==this.inpX_300.value.indexOf("%")?"":"px")),""!==this.inpX_400.value&&(o=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&&(M=this.inpY_100.value+(-1!==this.inpY_100.value.indexOf("%")?"":"px")),""!==this.inpY_200.value&&(O=this.inpY_200.value+(-1!==this.inpY_200.value.indexOf("%")?"":"px")),""!==this.inpY_300.value&&(R=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&&(X=this.inpY_1700.value+(-1!==this.inpY_1700.value.indexOf("%")?"":"px")),""!==this.inpY_1800.value&&(G=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&&(se=this.inpY_2800.value+(-1!==this.inpY_2800.value.indexOf("%")?"":"px")),""!==this.inpScale.value&&(oe=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&&(Me=this.inpScale_2600.value),""!==this.inpScale_2700.value&&(Oe=this.inpScale_2700.value),""!==this.inpScale_2800.value&&(Re=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&&(Xe=this.inpRotate_1300.value),""!==this.inpRotate_1400.value&&(Ge=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&&(st=this.inpRotate_2400.value),""!==this.inpRotate_2500.value&&(ot=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&&(Mt=this.inpOpacity_2200.value),""!==this.inpOpacity_2300.value&&(Ot=this.inpOpacity_2300.value),""!==this.inpOpacity_2400.value&&(Rt=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})`:"")+(oe?` scale(${oe})`:"")+(Ie?` rotate(${Ie})`:"");zt=zt.trim();let Pt=(i?` translateX(${i})`:"")+(M?` translateY(${M})`:"")+(ae?` scale(${ae})`:"")+(Be?` rotate(${Be})`:"");Pt=Pt.trim();let Dt=(n?` translateX(${n})`:"")+(O?` translateY(${O})`:"")+(le?` scale(${le})`:"")+(Ne?` rotate(${Ne})`:"");Dt=Dt.trim();let Ht=(s?` translateX(${s})`:"")+(R?` translateY(${R})`:"")+(re?` scale(${re})`:"")+($e?` rotate(${$e})`:"");Ht=Ht.trim();let jt=(o?` translateX(${o})`:"")+(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 Xt=(c?` translateX(${c})`:"")+(P?` translateY(${P})`:"")+(me?` scale(${me})`:"")+(Ue?` rotate(${Ue})`:"");Xt=Xt.trim();let Gt=(u?` translateX(${u})`:"")+(D?` translateY(${D})`:"")+(ge?` scale(${ge})`:"")+(Fe?` rotate(${Fe})`:"");Gt=Gt.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})`:"")+(Xe?` rotate(${Xe})`:"");Zt=Zt.trim();let Qt=(g?` translateX(${g})`:"")+(F?` translateY(${F})`:"")+(ye?` scale(${ye})`:"")+(Ge?` rotate(${Ge})`:"");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})`:"")+(X?` translateY(${X})`:"")+(we?` scale(${we})`:"")+(Ze?` rotate(${Ze})`:"");ti=ti.trim();let ii=(y?` translateX(${y})`:"")+(G?` translateY(${G})`:"")+(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 si=(_?` translateX(${_})`:"")+(K?` translateY(${K})`:"")+(ke?` scale(${ke})`:"")+(et?` rotate(${et})`:"");si=si.trim();let oi=(w?` translateX(${w})`:"")+(Z?` translateY(${Z})`:"")+(Ae?` scale(${Ae})`:"")+(tt?` rotate(${tt})`:"");oi=oi.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})`:"")+(st?` rotate(${st})`:"");ri=ri.trim();let di=(A?` translateX(${A})`:"")+(te?` translateY(${te})`:"")+(Te?` scale(${Te})`:"")+(ot?` rotate(${ot})`:"");di=di.trim();let ci=(E?` translateX(${E})`:"")+(ie?` translateY(${ie})`:"")+(Me?` scale(${Me})`:"")+(at?` rotate(${at})`:"");ci=ci.trim();let ui=(L?` translateX(${L})`:"")+(ne?` translateY(${ne})`:"")+(Oe?` scale(${Oe})`:"")+(lt?` rotate(${lt})`:"");ui=ui.trim();let pi=(q?` translateX(${q})`:"")+(se?` translateY(${se})`:"")+(Re?` scale(${Re})`:"")+(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=(Xt?"transform: "+Xt+";":"")+(vt?`opacity:${vt}`:""),Si=(Gt?"transform: "+Gt+";":"")+(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}`:""),Mi=(ii?"transform: "+ii+";":"")+(Et?`opacity:${Et}`:""),Oi=(ni?"transform: "+ni+";":"")+(Lt?`opacity:${Lt}`:""),Ri=(si?"transform: "+si+";":"")+(qt?`opacity:${qt}`:""),Ii=(oi?"transform: "+oi+";":"")+(Tt?`opacity:${Tt}`:""),Bi=(ai?"transform: "+ai+";":"")+(Mt?`opacity:${Mt}`:""),Ni=(li?"transform: "+li+";":"")+(Ot?`opacity:${Ot}`:""),$i=(ri?"transform: "+ri+";":"")+(Rt?`opacity:${Rt}`:""),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"),""!==Mi?e.setAttribute("data-xs-t-1800",Mi):e.removeAttribute("data-xs-t-1800"),""!==Oi?e.setAttribute("data-xs-t-1900",Oi):e.removeAttribute("data-xs-t-1900"),""!==Ri?e.setAttribute("data-xs-t-2000",Ri):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"),""!==Mi?e.setAttribute("data-sm-t-1800",Mi):e.removeAttribute("data-sm-t-1800"),""!==Oi?e.setAttribute("data-sm-t-1900",Oi):e.removeAttribute("data-sm-t-1900"),""!==Ri?e.setAttribute("data-sm-t-2000",Ri):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"),""!==Mi?e.setAttribute("data-t-1800",Mi):e.removeAttribute("data-t-1800"),""!==Oi?e.setAttribute("data-t-1900",Oi):e.removeAttribute("data-t-1900"),""!==Ri?e.setAttribute("data-t-2000",Ri):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,s;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"),s=t.getAttribute("data-in"),s||(s=t.getAttribute("data-in-150")),s||(s=t.getAttribute("data-in-300")),s||(s=t.getAttribute("data-cen--150")),s||(s=t.getAttribute("data-cen")),s||(s=t.getAttribute("data-cen-150")),s||(s=t.getAttribute("data-out--300")),s||(s=t.getAttribute("data-out--150")),s||(s=t.getAttribute("data-out")),i||n||s||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,s,o,a=this.parseComplexStyleProperty(t);a.translateX&&(i=a.translateX[0]),a.translateY&&(n=a.translateY[0]),a.scale&&(s=a.scale[0]),a.rotate&&(o=a.rotate[0]);let l=e.style.opacity;return{translateX:i||!1,translateY:n||!1,scale:s||!1,rotate:!!o&&o.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 fy{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 vy={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 the requested content.\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-60"></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 the requested content.\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 the requested content.\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. </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. </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. </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 the requested content.\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-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 </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 the requested content.\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-60"></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 the requested content.\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 the requested content.\n\nExample:\n\n<div class="is-section is-box is-section-100 box-autofit type-poppins">\n <div class="is-overlay"></div>\n <div class="is-container v2 leading-13 is-content-1640 size-16">\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-80"></div>\n </div>\n </div>\n <div class="row">\n <div class="column"><img src="{{IMAGEURL}}" alt="" data-filename="img-024.jpg">\n <h3 class="font-normal leading-11 size-36 size-24">Image title</h3>\n <p>Paragraph here</p>\n </div>\n <div class="column"><img src="{{IMAGEURL}}" alt="" data-filename="img-083.jpg">\n <h3 class="font-normal leading-11 size-36 size-24">Image title</h3>\n <p>Paragraph here</p>\n </div>\n <div class="column"><img src="{{IMAGEURL}}" alt="" data-filename="img-190.jpg">\n <h3 class="font-normal leading-11 size-36 size-24">Image title</h3>\n <p>Paragraph here</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 the requested content.\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'],short_content:'This is the template:\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-60 content-pb-60">\n <div class="row">\n <div class="column">\n <p class="size-32">{{CONTENT}}</p>\n </div>\n </div>\n </div>\n</div>\n \n',new_section_answer:'This is the template:\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-60 content-pb-60">\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}}</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>{{CONTENT}}</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 class="row">\n <div class="column">\n <h2>{{SUBTITLE}}</h2>\n <p>{{CONTENT}}</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 class="row">\n <div class="column">\n <h2>{{SUBTITLE}}</h2>\n <p>{{CONTENT}}</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:'Use one of these templates that is more suitable:\n\n\nTemplate 1: (Suitable for one short paragraph content, a tweet, quick information.)\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-60 content-pb-60">\n <div class="row">\n <div class="column">\n <p class="size-32">{{CONTENT}}</p>\n </div>\n </div>\n </div>\n</div>\n\nTemplate 2: (Suitable for short content with a title and paragraph content. Ensure that there is a space between the title and the content.)\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-60 content-pb-60">\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}}</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>{{CONTENT}}</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\nTemplate 3: (Suitable for long content with multiple subtopics. Ensure that there is a space between subtopics.)\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-60 content-pb-60">\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}}</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>{{CONTENT}}</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 class="row">\n <div class="column">\n <h2>{{SUBTITLE}}</h2>\n <p>{{CONTENT}}</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 class="row">\n <div class="column">\n <h2>{{SUBTITLE}}</h2>\n <p>{{CONTENT}}</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:['This is the template:\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-60 content-pb-60">\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}}</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>{{CONTENT}}</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 class="row">\n <div class="column">\n <h2>{{SUBTITLE}}</h2>\n <p>{{CONTENT}}</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 class="row">\n <div class="column">\n <h2>{{SUBTITLE}}</h2>\n <p>{{CONTENT}}</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_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 the requested content.\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 the requested content.\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 the requested content.\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 the requested content.\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 the requested content.\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\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">{{TITLE}}</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\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:['Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\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 is-content-1100 size-18 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-54 font-medium leading-none">{{TITLE}}</h1>\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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\n\nThis is the template:\n\n<div class="is-section is-box is-section-100 type-heebo-ibmplexmono min-height-60">\n <div class="is-overlay"></div>\n <div class="is-container v2 is-content-1100 size-18 leading-13 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-116 font-medium leading-09">{{TITLE}}</h1>\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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\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-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-76 font-normal leading-none">{{TITLE}}</h1>\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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\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 is-content-1000 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="uppercase size-72 font-semibold leading-09">{{TITLE}}</h1>\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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\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-18 is-content-1000 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-76 font-normal leading-none">{{TITLE}}</h1>\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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\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-1000 is-content-left edge-x-1">\n <div class="row">\n <div class="column">\n <h1 class="text-left size-64 font-medium leading-none tracking-tight">{{TITLE}}</h1>\n <p style="border-bottom: 2px solid #333; width: 80px;"></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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\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 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-88 font-medium leading-09">{{TITLE}}</h1>\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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\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-1100 leading-12 size-19 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-68 font-normal leading-09 tracking-tighter">{{TITLE}}</h1>\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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\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 size-19 leading-12 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-68 font-normal leading-none tracking-tighter">{{TITLE}}</h1>\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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\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 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-76 font-normal leading-09">{{TITLE}}</h1>\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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nImportant: group all image columns together in a single row.\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 is-content-1000 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="uppercase size-84 font-normal leading-09">{{TITLE}}</h1>\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 {{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 {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n'],change_layout_of_box:['Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \nAlso, move the heading above the paragraph content to create a logical flow from the title to the text.\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 is-content-800 size-18 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-54 font-medium leading-none">{{TITLE}}</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 {{CONTENT}}\n </div>\n <div class="column">\n {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \n\nThis is the template:\n\n<div class="is-box type-heebo-ibmplexmono box-auto min-height-60">\n <div class="is-overlay"></div>\n <div class="is-container v2 is-content-900 size-18 leading-13 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-88 font-medium leading-09">{{TITLE}}</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 {{CONTENT}}\n </div>\n <div class="column">\n {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \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-pt-60 content-pb-60">\n <div class="row clearfix">\n <div class="column">\n <h1 class="size-68 font-normal leading-none">{{TITLE}}</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 {{CONTENT}}\n </div>\n <div class="column">\n {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \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 is-content-900 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="uppercase size-68 font-semibold leading-none">{{TITLE}}</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 {{CONTENT}}\n </div>\n <div class="column">\n {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \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-18 is-content-860 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-68 font-normal leading-none">{{TITLE}}</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 {{CONTENT}}\n </div>\n <div class="column">\n {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability.\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 <h1 class="size-64 font-medium leading-none tracking-tight">{{TITLE}}</h1>\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-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','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \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 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-88 font-normal leading-09">{{TITLE}}</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 {{CONTENT}}\n </div>\n <div class="column">\n {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \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 size-19 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-68 font-normal leading-09 tracking-tighter">{{TITLE}}</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 {{CONTENT}}\n </div>\n <div class="column">\n {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \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 size-19 leading-12 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="size-68 font-normal leading-none tracking-tighter">{{TITLE}}</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 {{CONTENT}}\n </div>\n <div class="column">\n {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \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 <h1 class="size-76 font-normal leading-09">{{TITLE}}</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 {{CONTENT}}\n </div>\n <div class="column">\n {{CONTENT}}\n </div>\n </div>\n </div>\n</div>\n\n','Re-arrange the placement of the title, paragraph, spaces, or images based the grid template below.\nFeel free to change the layout to create a visually appealing design and enhance readability. \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 is-content-700 content-pt-60 content-pb-60">\n <div class="row">\n <div class="column">\n <h1 class="uppercase size-84 font-normal leading-09">{{TITLE}}</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 {{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 the requested content.\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 the requested content.\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 the requested content.\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 the requested content.\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 the requested content.\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 the requested content.\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 the requested content.\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. </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. </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. </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 the requested content.\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 yy{constructor(e){this.builder=e}getFunctions_block(){return[{name:"get_intent",description:"analyze user command to modify or create section/content",parameters:{type:"object",properties:{enhance_writings:{type:"boolean",description:"User requests to enhance the writings, rewrite, paraphrase or change text."},editing:{type:"boolean",description:"If requested to modify the current content or style."},add_headline:{type:"boolean",description:"User requests to add a headline."},add_space:{type:"boolean",description:"User requests to add a space."},adjust_space:{type:"boolean",description:"User requests to increase or decrease a space."},add_button:{type:"boolean",description:"User requests to add a button."},add_youtube:{type:"boolean",description:"User requests to add a youtube/vimeo video."},add_video:{type:"boolean",description:"User requests to add a video."},add_audio:{type:"boolean",description:"User requests to add an audio."},add_map:{type:"boolean",description:"User requests to add a google map."},add_image:{type:"boolean",description:"User requests to add an image"},align_text:{type:"boolean",description:"User requests to align text"},line_height:{type:"boolean",description:"User requests to change or adjust line height"},font_size:{type:"boolean",description:"User requests to change or adjust font size"},new_block:{type:"boolean",description:"User requests to add a new block."},block_task:{type:"string",description:"User requests to move, duplicate, or delete block/row. Possible values: move-up, move-down, duplicate, remove"},new_column_onright:{type:"boolean",description:"User requests to add a new column."},new_column_onleft:{type:"boolean",description:"User requests to add a new column on the left."},column_task:{type:"string",description:"User requests to duplicate column, or delete column. Possible values: duplicate, remove"},move_column:{type:"string",description:"User requests to move column. Possible values: move-up, move-down, move-left, move-right"},increase_decrease_column:{type:"string",description:"User requests to increase/enlarge or decrease/reduce column size/width. Possible values: increase, decrease"},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"},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"},select_section:{type:"string",description:"User requests to select a section. Value can be: current, next, previous, first, last."},select_block:{type:"string",description:"User requests to select a block. Value can be: block, headline, title, paragraph, image, next, previous, first, last"},unselect_block:{type:"boolean",description:"User requests to unselect block"}}}}]}getFunctions(){return[{name:"get_intent",description:"analyze user command to modify or create section/content",parameters:{type:"object",properties:{asking_info:{type:"boolean",description:"User request an information."},add_info:{type:"boolean",description:"User request an information to be added to the current content."},new_section:{type:"boolean",description:"User requests to add a new section."},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, rewrite, paraphrase, translate or change text."},write_based_on_the_current_content:{type:"boolean",description:"User request to create new content based on the current content, such as to summarize, expand, make short, create a tweet or social media post, etc"},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_color_individual_text:{type:"boolean",description:"User requests to change the color of a headline, paragraph of specific element/text."},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 width/size. 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"},select_section:{type:"string",description:"User requests to select a section. Value can be: current, next, previous, first, last."},select_block:{type:"string",description:"User requests to select a block. Value can be: block, headline, title, paragraph, image, next, previous, first, last"},unselect_block:{type:"boolean",description:"User requests to unselect block"},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}elementContext(e,t){if(t.add_headline){e=e+"\n"+"- To add a headline or title, use this class: 'font-normal leading-11 size-64':\n<h1 class=\"font-normal leading-11 size-64\">Headline Text Here</h1>\n\n"}if(t.add_paragraph){e=e+"\n"+"- To add a paragraph (long or short), just add:\n<p>Paragraph here</p>\n\n"}if(t.add_space){e=e+"\n"+"- To add a space, you must add 'div.spacer' element:\n\n<div class=\"spacer height-40\"></div\n\n"}if(t.adjust_space){e=e+"\n"+"- To increase or decrease a 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, use the example below as a template. Wrap the button in a <div> element.\n\nButton Example:\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 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\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&hl=en&sll=-7.981898,112.626504&sspn=0.009084,0.016512&oq=melbourne&hnear=Melbourne+Victoria,+Australia&t=m&z=10&output=embed"></iframe>\n</div>\n'}if(t.add_image){e=e+"\n"+"- To add an image, just add <img> element inside 'div.columns' element:\n \n<img src=\"{{IMAGEURL}}\">\n\n"}if(t.align_text){e=e+"\n"+"- To align text or element, use one of these classes: 'text-left', text-center' or 'texr-right'.\n\n"}if(t.line_height){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\n"}if(t.font_size){e=e+"\n"+"- To increase or decrease the font size, 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\n"}return e}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&hl=en&sll=-7.981898,112.626504&sspn=0.009084,0.016512&oq=melbourne&hnear=Melbourne+Victoria,+Australia&t=m&z=10&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,this.builder.mediaPath+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",s="",o="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&&(s="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")||(o=e),e.includes("size-")&&(a=e),e.includes("leading-")&&(l=e)}))}return{typeClass:e,containerClass:`is-container v2 content-py-50 ${a} ${l} ${o}`,titleClass:`${""!==s?s+" ":""}${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",s="",o="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&&(s="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")||(o=e),e.includes("size-")&&(a=e),e.includes("leading-")&&(l=e)}))}return{typeClass:e,containerClass:`is-container v2 content-py-50 ${a} ${l} ${o}`,titleClass:`${""!==s?s+" ":""}${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 xy{constructor(e){this.builder=e,this.lib=new yy(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")}">✕</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")}">✕</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: Heebo & IBM Plex Mono</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 s=this.modalConfig.querySelector(".val-temp"),o=this.modalConfig.querySelector(".temperature-slider");o.oninput=()=>{s.innerHTML=o.value};const a=this.modalConfig.querySelector(".val-top-p"),l=this.modalConfig.querySelector(".top-p-slider");l.oninput=()=>{a.innerHTML=l.value};let r=vy;this.builder.contextList&&(r=this.builder.contextList),this.dictation=this.builder.editor.dictation;const d=e=>{let t=this.builder.activeBox;if(t||(this.builder.selectSection(),t=this.builder.activeBox),this.builder.enableShortCommands){if(!(e=this.builder.editor.lib.processShortCommand(e)))return!1;const t=this.builder.editor.similarity.check(e);if(!(e=this.processPrompt(t,e)))return!1}return e},c=async e=>{let t=this.builder.editor.activeCol;if(!t)return this.builder.showMessage(i("Please select a block or content.")),void this.dictation.finish();let s=t.innerHTML,o="";this.sendCommand("analyze",`This is the command: "${e}"`,"","You will analyze the user's command and return what the user needs.",this.lib.getFunctions_block(),(i=>{const a=JSON.parse(i);this.builder.consoleLog&&console.log(a);if(1===Object.keys(a).length){let e=this.quickAction(a);if(e)return void this.dictation.finish();if(e=this.blockAction(a),e)return void this.dictation.finish()}let l;if(this.moveBlockContent(a))return this.dictation.finish(),!0;a.new_block?(l="You will be asked to create content (in HTML) and return the HTML without any additional explanation.",o='To add a content/block:\n- Create the required rows and column and add them inside the \'div.column\' element:\n\n <div class="row">\n <div class="column">\n {{CONTENT}}\n </div>\n </div>\n\nExample: To create a block with a headline and a paragraph:\n\n <div class="row">\n <div class="column">\n <h2 class="font-normal leading-none size-48">Heading here</h2>\n <p>Paragraph here.</p>\n </div>\n </div>\n \n'):a.new_column_onright||a.new_column_onleft?(l="You will be asked to create content (in HTML) and return the HTML without any additional explanation.",o='To add a column that contains a content:\n- Create one \'div.column\' element and add the content inside it:\n\n <div class="column">\n {{CONTENT}}\n </div>\n\nExample 1: To create a column with a headline and a paragraph:\n\n <div class="column">\n <h2 class="font-normal leading-none size-48">Heading here</h2>\n <p>Paragraph here.</p>\n </div>\n\n\nExample 2: To create a column with an image:\n\n <div class="column">\n <img src="{{IMAGEURL}}">\n </div>\n \n'):(l="You will be asked to modify content (in HTML) and return only the modified HTML without any additional explanation.",e=`${e}. Modify my content according to this instruction and returns the modified content HTML.\n\nThis is my content:\n \n${s}\n`),o=this.lib.elementContext(o,a),this.builder.consoleLog&&(console.log(l),console.log(e),console.log(o));this.sendCommand("assistant",e,o,l,[],(e=>{if(this.builder.consoleLog&&console.log(e),n=this.fixHtmlBlock(e),!n)return this.dictation.finish(!0),!1;if((a.new_column_onright||a.new_column_onleft)&&(n=this.fixNewBlock(e)),this.builder.editor.saveForUndo(),a.new_block){if(t){const e=t.parentNode;e&&(e.insertAdjacentHTML("afterend",n),setTimeout((()=>{e.nextElementSibling.firstElementChild.click()}),300))}}else if(a.new_column_onright){if(t){const e=t.parentNode;t.insertAdjacentHTML("afterend",n),this.builder.editor.util.fixLayout(e),setTimeout((()=>{t.nextElementSibling.click()}),300)}}else if(a.new_column_onleft){if(t){const e=t.parentNode;t.insertAdjacentHTML("beforebegin",n),this.builder.editor.util.fixLayout(e),setTimeout((()=>{t.previousElementSibling.click()}),300)}}else{t.innerHTML=n;let e=t.querySelector(".elm-active");e&&(this.builder.editor.activeElement=e,e.focus())}let i=this.builder.doc.querySelector(".builder-active");i&&this.builder.editor.applyBehaviorOn(i),this.builder.settings.onChange(),this.builder.settings.onRender(),this.dictation.finish()}))}))},u=async e=>{let t="You are a helpful assistant. You don't need to answer 'Sure!' or 'Certainly'. You will just provide direct answers without a prologue. No talk; just do.";this.builder.consoleLog&&(console.log(""),console.log(e),console.log(t)),this.sendCommand("assistant",e,t,"",[],(e=>{this.builder.consoleLog&&console.log(e);let t="You will be provided with a text content and your task is to put the content (completely) as it is in the provided template.",i=`Place my content in the provided template. Ensure that all the content are placed in the result. Feel free to add more rows/columns if needed, but don't change/add/reduce the content.\n\nThis is my content:\n\n${e}\n`;const n=e=>1===(e.match(/\./g)||[]).length,s=e=>e.trim().split(/\s+/).length;let o;this.builder.consoleLog&&console.log(n(e),s(e)),o=n(e)||s(e)<=100?r.short_content:r.new_section_answer;this.builder.consoleLog&&(console.log(t),console.log(i),console.log(o)),this.sendCommand("html",i,o,t,[],(e=>{if(this.builder.consoleLog&&console.log(e),!(e=this.fixHtml(e)))return this.dictation.finish(!0),!1;this.builder.editor.saveForUndo(),this.renderResult_NewSection(e),this.dictation.finish()}))}))},p=async e=>{let t=this.builder.activeBox;if(!t)return this.builder.showMessage(i("Please select a box.")),void this.dictation.finish();e=`${e}.\n\nThis is my current content:\n\n${t.innerText}\n`;let n="",s="You are a helpful assistant. You will provide direct answers without a prologue.";this.builder.consoleLog&&(console.log(n),console.log(e),console.log(s)),this.sendCommand("assistant",e,s,n,[],(e=>{this.builder.consoleLog&&console.log(e),n="You will be provided with a text content and your task is to put the content (completely) as it is in the provided template.";let t=`Place my content in the provided template. Ensure that all the content are placed in the result. Feel free to add more rows/columns if needed, but don't change/add/reduce the content.\n\nThis is my content:\n\n${e}\n`;const i=e=>1===(e.match(/\./g)||[]).length,s=e=>e.trim().split(/\s+/).length;let o;this.builder.consoleLog&&console.log(i(e),s(e)),o=i(e)||s(e)<=100?r.short_content:r.new_section_answer;this.builder.consoleLog&&(console.log(n),console.log(t),console.log(o)),this.sendCommand("html",t,o,n,[],(e=>{if(this.builder.consoleLog&&console.log(e),!(e=this.fixHtml(e)))return this.dictation.finish(!0),!1;this.builder.editor.saveForUndo(),this.renderResult_NewSection(e),this.dictation.finish()}))}))},h=async e=>{let t=this.builder.activeBox,n=this.builder.activeSection,s=!1;n&&n.classList.contains("is-box")&&(s=!0),t||(this.builder.selectSection(),t=this.builder.activeBox,n=this.builder.activeSection,n&&n.classList.contains("is-box")&&(s=!0)),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 o=JSON.parse(n);if(this.builder.consoleLog&&console.log(o),o.asking_info&&!o.add_info)return this.builder.consoleLog&&console.log("asking_info"),void u(e);if(o.write_based_on_the_current_content)return this.builder.consoleLog&&console.log("write_based_on_the_current_content"),void p(e);const a=Object.keys(o).length;if(t&&1===a){if(this.lib.processContent(o,t))return void this.dictation.finish();if(o.change_content_light&&!o.change_color_individual_text)return this.builder.editor.saveForUndo(),this.builder.editor.lib.updateContentColor(t,"light"),this.builder.settings.onChange(),this.dictation.finish(),!1;if(o.change_content_dark&&!o.change_color_individual_text)return this.builder.editor.saveForUndo(),this.builder.editor.lib.updateContentColor(t,"dark"),this.builder.settings.onChange(),this.dictation.finish(),!1;if(o.section_background&&"image"===o.section_background){this.builder.editor.saveForUndo(),this.lib.adjustFromSlider(t),this.builder.editbox.removeCode();let e,i=this.builder.editor.lib.getCurrentBackground(t);if(e=""!==i?this.chooseBgImage(t,i):this.chooseBgImage(t),this.builder.editor.lib.updateBackgroundImage(t,e),t.classList.contains("is-section")){const e=t.querySelector("div.is-overlay");if(e&&e.querySelector(".is-overlay-bg")){let t=e.closest(".is-box");t&&t.querySelector(".is-container")&&(t.classList.add("m-overlay-stack"),t.classList.add("m-dark-text"))}}return this.builder.settings.onChange(),this.dictation.finish(),!1}if(o.section_background&&"slider"===o.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(o.section_background&&"video"===o.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(o.section_background&&"remove"===o.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(o.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,s=t.css;return this.builder.sidebar.boxTypography(i,n,s),this.builder.settings.onChange(),this.dictation.finish(),!1}if(o.change_section_height){let e=parseInt(o.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(o.align_whole_content){const e=o.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(o.content_width){const e=o.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(o.font_size_paragraph&&e){const t=o.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(o.line_height_paragraph&&e){const t=o.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(o.animation){const e=o.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(this.quickAction(o))return void this.dictation.finish()}if(!(o.new_section||o.new_section_two_boxes||o.new_section_three_boxes||o.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(o.new_section||o.new_section_two_boxes||o.new_section_three_boxes||o.new_section_four_boxes)if(o.new_section){if(l="gallery"===o.add_image?r.new_section_with_gallery:o.add_list_with_image?r.new_section_with_list_images:o.add_list_with_icon?r.new_section_with_list_icons:o.add_list_with_number?this.chooseContext(r.new_section_with_list_numbering):o.add_list&&!o.add_article?r.new_section_with_list:o.add_article&&"image"===o.add_image?this.chooseContext(r.new_section_article_with_image):o.add_article?this.chooseContext(r.new_section_article):o.section_background&&"image"===o.section_background?this.chooseContext(r.new_section):(o.add_headline||o.add_paragraph)&&"image"===o.add_image?r.new_section_with_image:r.new_section_others,o.others&&(l=r.new_section_others,e=`Add a new section containing your response on this user request: ${e}`),l.includes("{{_IMAGEURL}}")){const e=this.builder.media.images.square,t=this.lib.chooseMedia(e);l=l.replaceAll("{{_IMAGEURL}}",t)}}else if(o.new_section_two_boxes||o.new_section_three_boxes||o.new_section_four_boxes){if(o.new_section_two_boxes?l=r.new_section_two_boxes:o.new_section_three_boxes?l=r.new_section_three_boxes:o.new_section_four_boxes&&(l=r.new_section_four_boxes),(o.add_headline||o.add_paragraph)&&"image"===o.add_image?l+="\n\n"+r.update_section_with_image:"gallery"===o.add_image?l+="\n\n"+r.update_section_with_gallery:o.add_list_with_image?l+="\n\n"+r.update_section_with_list_images:o.add_list_with_icon?l+="\n\n"+r.update_section_with_list_icons:o.add_list_with_number?l+="\n\n"+this.chooseContext(r.update_section_with_list_numbering):o.add_list?l+="\n\n"+r.update_section_with_list:(o.add_article&&"image"===o.add_image||o.add_article)&&(l+="\n\n"+r.update_section_article_with_image),l.includes("{{_IMAGEURL}}")){const e=this.builder.media.images.square,t=this.lib.chooseMedia(e);l=l.replaceAll("{{_IMAGEURL}}",t)}}else l=this.chooseContext(r.new_section_article);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(o.redesign_layout){const e=t.querySelector(".is-container");let i,n,o;e&&(i=e.querySelector("h1,h2"),i&&(n=i.tagName.toLowerCase())),a="Change the placement of the title, paragraph and all elements in my section based on the layout template. ",o=null!==localStorage.getItem("_context_num")?localStorage.getItem("_context_num"):"random",l=""===o?"":"random"===o?s?this.chooseContext(r.redesign_layout):this.chooseContext(r.change_layout_of_box):s?this.chooseContext(r.redesign_layout,o):this.chooseContext(r.change_layout_of_box,o),"h2"===n&&(l=l.replaceAll("h1","h2"))}if(e=`${a}${e}. Modify my section according to this instruction and returns the modified section HTML.\n\nThis is my section:\n \n${i}\n`,o.change_text||((o.add_headline||o.add_paragraph)&&"image"===o.add_image?l+="\n"+r.update_section_with_image:"gallery"===o.add_image?l+="\n"+r.update_section_with_gallery:o.add_list_with_image?l+="\n"+r.update_section_with_list_images:o.add_list_with_icon?l+="\n"+r.update_section_with_list_icons:o.add_list_with_number?l+="\n"+this.chooseContext(r.update_section_with_list_numbering):o.add_list?l+="\n"+r.update_section_with_list:(o.add_article&&"image"===o.add_image||o.add_article)&&(l+="\n"+r.update_section_article_with_image)),l.includes("{{_IMAGEURL}}")){const e=this.builder.media.images.square,t=this.lib.chooseMedia(e);l=l.replaceAll("{{_IMAGEURL}}",t)}}l=this.lib.addElementContext(l,o);let d="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";(o.new_section||o.new_section_two_boxes||o.new_section_three_boxes||o.new_section_four_boxes)&&(d="Your task it to create and return HTML content, excluding any introductions or explanations.");this.builder.consoleLog&&(console.log(d),console.log(e),console.log(l)),this.sendCommand("html",e,l,d,[],(e=>{if(this.builder.consoleLog&&console.log(e),!(e=this.fixHtml(e)))return this.dictation.finish(!0),!1;if(o.new_section||o.new_section_two_boxes||o.new_section_three_boxes||o.new_section_four_boxes)e=this.fixButtons(e),e=this.fixBgImage(e),e=this.fixNewSection(e),o.section_background&&"image"===o.section_background&&(e=this.setBgImage(e,!0)),o.section_background&&"slider"===o.section_background&&(e=this.setBgSlider(e)),o.section_background&&"video"===o.section_background&&(e=this.setBgVideo(e)),e=this.applyBgStack(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,o);if(!t)return this.builder.consoleLog&&console.log(e),console.log("Unable to proceed. Error: mergeContent."),void this.dictation.finish(!0);e=t,o.section_background&&"image"===o.section_background&&(e=this.setBgImage(e)),o.section_background&&"slider"===o.section_background&&(e=this.setBgSlider(e)),o.section_background&&"video"===o.section_background&&(e=this.setBgVideo(e)),o.section_background&&"image"===o.section_background&&(e=this.applyBgStack(e)),this.renderResult(e)}this.dictation.finish()}))}))};this.dictation.opts.send=e=>{this.builder.activeBox||this.builder.selectSection(),(e=d(e))&&("general"===this.builder.editor.assistantMode?h(e):"others"===this.builder.editor.assistantMode?u(e):"block"===this.builder.editor.assistantMode&&c(e))},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 s=this.modalConfig.querySelector("#inpContextNum");if(null!==localStorage.getItem("_context_num")){let e=localStorage.getItem("_context_num");s.value=e}else s.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 s=`Revise the headline, paragraph, and all the text using alternative ideas. ${n}`;s=`${s}. 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",s,"","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;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 s=this.builder.editor.lib.getHtml(t);const o=this.parseContent(s);this.builder.overlayContentHtml=o.overlayContent,this.builder.overlayBgHtml=o.overlayBg,this.builder.textColorClass=o.textColorClass,this.builder.overlayBgColor=o.overlayBgColor,s=o.html;let a="Let's redesign the layout. Surprise me with a new idea!";a=`Change the placement of the title, paragraph and all elements in my section based on the layout template. ${a}\n\nThis is my section:\n\n${s}\n\n`;let l,r,d=vy;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}const c=t.querySelector(".is-container");let u,p;c&&(u=c.querySelector("h1,h2"),u&&(p=u.tagName.toLowerCase())),"h2"===p&&(l=l.replaceAll("h1","h2")),this.builder.consoleLog&&console.log(l);let h="";const m=l.match(/type-(\w+(?:-\w+)?)/);m&&m.length>1&&(h="type-"+m[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\n",[],(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,h),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 s=(new DOMParser).parseFromString(e,"text/html");const o=s.querySelector("h1, h2");if(o&&n){for(const e of i)o.classList.remove(e);return o.classList.add(n),s.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){let e=i.querySelector("h1, p, h2, h3");return e?e.click():(e=i.querySelector(".is-container > div > div"),e&&e.click()),!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 s=e.children;for(let e=s.length-1;e>=0;e--){const i=s[e];if(i.querySelector(":first-child")){t=i;break}}t&&n(t)})(),!1;if("select_block"===e){let e=i.querySelector("h1, p, h2, h3");return e?e.click():(e=i.querySelector(".is-container > div > div"),e&&e.click()),!1}if("unselect_block"===e)return i.click(),i.click(),!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_bottom"===e||"align_content_top_left"===e||"align_content_top_right"===e||"align_content_bottom_left"===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("bottom")?e="move_content_bottom":-1!==t.indexOf("left")?e="move_content_left":-1!==t.indexOf("center")?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,s=t.css;return this.builder.sidebar.boxTypography(i,n,s),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_up"==e)return this.builder.editor.saveForUndo(),this.builder.animateScroll.applyPresetBasic("is-fadeInUp",100),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("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);if(this.builder.editor.lib.updateBackgroundImage(i,e),i.classList.contains("is-section")){const e=i.querySelector("div.is-overlay");if(e&&e.querySelector(".is-overlay-bg")){let t=e.closest(".is-box");t&&t.querySelector(".is-container")&&(t.classList.add("m-overlay-stack"),t.classList.add("m-dark-text"))}}return 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);if(e=""!==t?this.chooseBgImage(i,t):this.chooseBgImage(i),this.builder.editor.lib.updateBackgroundImage(i,e),i.classList.contains("is-section")){const e=i.querySelector("div.is-overlay");if(e&&e.querySelector(".is-overlay-bg")){let t=e.closest(".is-box");t&&t.querySelector(".is-container")&&(t.classList.add("m-overlay-stack"),t.classList.add("m-dark-text"))}}return 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.editor.lib.moveContent(i,"middle"),this.builder.settings.onChange(),!1;if("move_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("move_content_right"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"right"),this.builder.editor.lib.moveContent(i,"middle"),this.builder.settings.onChange(),!1;if("move_content_top"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"center"),this.builder.editor.lib.moveContent(i,"top"),this.builder.settings.onChange(),!1;if("move_content_bottom"===e)return this.builder.editor.saveForUndo(),this.builder.editor.lib.moveContent(i,"center"),this.builder.editor.lib.moveContent(i,"bottom"),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_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_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_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,s=this.builder.media.bg_images;if(i=e.classList.contains("is-section")?e.querySelector(".is-content-left")?s.section_text_left:e.querySelector(".is-content-right")?s.section_text_right:s.section_text_center:e.classList.contains("is-box-4")?s.small_box:s.box,t)do{n=Math.floor(Math.random()*i.length)}while(i[n]===t);else n=Math.floor(Math.random()*i.length);return this.builder.mediaPath+i[n]}updateBox(e,t){let i;const n=e.querySelector(".is-overlay-bg");var s=document.createRange();if(e.parentNode.insertBefore(s.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){this.builder.consoleLog&&console.log(e);const t=e.match(/<div[^>]*>[\s\S]*<\/div>/);if(e=t&&t[0],!this.isHTMLString(e))return!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 s=i.querySelector(".is-overlay-content");s&&s.parentNode.removeChild(s);let o=!1;e.classList.contains("is-section")&&(o=!0);const a=i.querySelector(".is-container");if(a){e.appendChild(a);let t=i.querySelector(".is-container");t&&t.parentNode.removeChild(t)}if(n){let t,i;if(o){const t=this.builder.media.bg_images;i=t.section_text_left;const n=e.querySelector(".is-container");n&&(i=n.classList.contains("is-content-left")?t.section_text_left:n.classList.contains("is-content-right")?t.section_text_right:t.section_text_center)}else{i=this.builder.media.bg_images.box}t=this.lib.chooseMedia(i),n.style.backgroundImage=`url('${t}')`,n.style.backgroundImage=`url('${t}')`,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,s;if(n){const t=this.builder.media.bg_images;s=t.section_text_left;const i=e.querySelector(".is-container");i&&(s=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{s=this.builder.media.bg_images.box}i=this.lib.chooseMedia(s),t.style.backgroundImage=`url('${i}')`,t.style.backgroundImage=`url('${i}')`,t.style.backgroundPosition="50% 60%"}})),t.documentElement.innerHTML}applyBgStack(e){let t=(new DOMParser).parseFromString(e,"text/html");const i=t.querySelector("div.is-overlay");if(i&&i.querySelector(".is-overlay-bg")){let e=i.closest(".is-box");e&&e.querySelector(".is-container")&&(e.classList.add("m-overlay-stack"),e.classList.add("m-dark-text"))}return t.documentElement.innerHTML}fixCommon(e){e=(e=e.replaceAll("{{CONTENT}}","")).replaceAll("{{TITLE}}","");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"),s=n.querySelector(".is-section");e&&s&&!s.contains(e)&&s.appendChild(e);e.querySelectorAll(".column").forEach((e=>{"100%"===e.style.width&&(e.style.width="",e.style.flex=""),e.firstElementChild&&e.firstElementChild.style.width&&"0 0 auto"===e.firstElementChild.style.flex&&(e.firstElementChild.outerHTML=e.firstElementChild.innerHTML);e.querySelectorAll(".column").forEach((e=>{e.outerHTML=e.innerHTML})),e.style.width&&"0 0 auto"!==e.style.flex&&(e.style.width="");e.querySelectorAll("[data-filename]").forEach((e=>{e.removeAttribute("data-filename")}));let t=e.querySelectorAll("h1");t.forEach((e=>{e.getAttribute("class")||(e.classList.add("font-normal"),e.classList.add("size-35"))})),t=e.querySelectorAll("h2"),t.forEach((e=>{e.getAttribute("class")||(e.classList.add("font-normal"),e.classList.add("size-28"))}))}));e.querySelectorAll(".row").forEach((e=>{let t,i=0,n=!1;const s=e.querySelectorAll(".column");s.forEach((e=>{e.style.width&&e.style.width.includes("%")?i+=parseFloat(e.style.width):n=!0,t=e})),i>100?s.forEach((e=>{e.style.width="",e.style.flex=""})):i<100&&!n&&t&&t.insertAdjacentHTML("afterend",'<div class="column"><div class="spacer height-60"></div></div>')}));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 o=n.querySelector(".is-box");if(o){if(o.style.backgroundColor){let e=o.querySelector(".is-overlay");e||(o.insertAdjacentHTML("afterbegin",'<div class="is-overlay"></div>'),e=n.querySelector("div.is-overlay")),e.style.backgroundColor=o.style.backgroundColor,o.style.backgroundColor=""}o.style.backgroundImage="",o.style.backgroundSize="",o.style.backgroundRepeat="",o.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"),s=i.querySelector(".is-container");if(n.querySelector(".is-container")){const e=n.querySelector(".is-container");s.outerHTML=e.outerHTML}else s.insertAdjacentHTML("beforeend",n.body.innerHTML);n=t.parseFromString(i.body.innerHTML,"text/html")}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}fixNewSection(e){e=e.replace(/(<i class="icon )(ion-\S+)/g,"$1ion-checkmark");let t=(new DOMParser).parseFromString(e,"text/html");const i=this.builder.media.images.square,n=this.lib.chooseMedia(i);return t.querySelectorAll("img").forEach((e=>{e.setAttribute("src",n)})),t.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 s=0;return n.querySelectorAll("[data-html]").forEach((e=>{const t=encodeURIComponent(i[s]);e.setAttribute("data-html",t),e.innerHTML="",s++})),i.length>0?n.documentElement.innerHTML:e}fixCommonBlock(e){let t=(new DOMParser).parseFromString(e,"text/html");return t.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="")})),t.documentElement.innerHTML}getHtmlBlock(e){const t=e.indexOf("<"),i=e.lastIndexOf(">")+1;if(-1!==t&&-1!==i){const n=e.substring(t,i);e=n}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)}fixNewBlock(e){e=e.replace(/(<i class="icon )(ion-\S+)/g,"$1ion-checkmark");let t=(new DOMParser).parseFromString(e,"text/html");const i=this.builder.media.images.square,n=this.lib.chooseMedia(i);return t.querySelectorAll("img").forEach((e=>{e.setAttribute("src",n)})),t.documentElement.innerHTML}fixHtmlBlock(e){if(!(e=this.getHtmlBlock(e)))return this.builder.showMessage(i("Oops! The response received is insufficient. Please try again.")),!1;if(e.includes("{{IMAGEURL}}")){const t=this.builder.media.images.square,i=this.lib.chooseMedia(t);e=e.replaceAll("{{IMAGEURL}}",i)}return e=e.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.fixCommonBlock(e),(e=this.fixButtons(e))||!1}fixHtml(e){if((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>')).includes("{{_IMAGEURL}}")){const t=this.builder.media.images.square,i=this.lib.chooseMedia(t);e=e.replaceAll("{{IMAGEURL}}",i)}return e=e.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,s="";i.length>0&&(n=t.querySelector("div.is-overlay-content"),s=n?n.outerHTML:"",i.forEach((e=>{e.parentNode.removeChild(e)})));let o="";const a=t.querySelector("div.is-overlay-bg");a&&(o=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:s,overlayBg:o,html:e=t.body.innerHTML,overlayBgColor:d,textColorClass:r}}mergeContent(e,t,i,n,s,o){const a=new DOMParser,l=a.parseFromString(e,"text/html"),r=l.querySelector("div.is-overlay");if(!o.section_background||"remove"!==o.section_background){if((!o.section_background||"image"!==o.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||o.change_content_dark||o.change_content_light?o.change_content_dark?(d.classList.remove("is-light-text"),d.classList.add("is-dark-text")):o.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))),""!==s){const e=l.querySelector(".is-overlay");e&&(""!==e.style.backgroundColor||(e.style.backgroundColor=s))}d&&this.lib.processContent(o,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,s,o,a){this.dictation.startSending(),this.controller=new AbortController,this.signal=this.controller.signal;const l={question:t,context:n,system:s,functs:o,temperature:localStorage.getItem("_temp")||this.builder.temperature,topP:localStorage.getItem("_top_p")||this.builder.topP,num:1};try{let t;if(this.builder.sendCommand)t=await this.builder.sendCommand(l);else{const e=await fetch(this.builder.sendCommandUrl,{signal:this.signal,method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(l)});t=await e.json()}if(t.error)return console.log("Error:\n"+t.error),this.builder.showMessage(i("Request failed.")),void this.dictation.finish();if("html"===e)t.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("assistant"===e)t.answer.choices.forEach((e=>{let t=e.message.content;a(t)}));else{if(t.answer.role&&t.answer.content)return void a(JSON.stringify({new_section:!0,others:!0}));a(t.answer)}}catch(e){if("AbortError"===e.name);else{if(console.error("Error:",e),this.dictation.finish(),this.builder.consoleLog&&!(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.dictation.finish()}renderResult(e,t,i){const n=this.builder.activeBox,s=this.builder.activeSection;let o=!1;if(s&&s.classList.contains("is-box")&&(o=!0),this.builder.editor.saveForUndo(),o){const n=(new DOMParser).parseFromString(e,"text/html");if(t){const e=n.querySelector("div.is-section");e&&(e.classList.remove(...Array.from(e.classList).filter((e=>e.startsWith("type-")))),e.classList.add(t))}if(i){const e=n.querySelector(".is-container");e&&(e.classList.forEach((t=>{-1!==t.indexOf("is-content-")&&"is-content-left"!==t&&"is-content-right"!==t&&(e.classList.remove(t),e.classList.add(i))})),e.classList.add(i))}e=n.body.innerHTML;let s="";t&&(s=t+".css");let o=this.builder.addSection(e,s);o&&(this.clearSelection(),this.reSelect(o))}else{n.classList.add("replace-this");const o=/is-box-\w+/,a=n.getAttribute("class").match(o);let l;a&&(l=a[0]);let r=this.builder.editor.lib.getHtml(s);const d=(new DOMParser).parseFromString(r,"text/html");let c=d.querySelector("div.replace-this");const u=document.createElement("div");u.innerHTML=e;const p=u.firstChild;if(l&&p.classList.add(l),t){const e=d.querySelector("div.is-section");e&&(e.classList.remove(...Array.from(e.classList).filter((e=>e.startsWith("type-")))),e.classList.add(t))}if(i){const e=p.querySelector(".is-container");e&&(e.classList.forEach((t=>{-1!==t.indexOf("is-content-")&&"is-content-left"!==t&&"is-content-right"!==t&&e.classList.remove(t)})),e.classList.add(i))}c&&p&&c.parentNode.replaceChild(p,c);const h=d.body.innerHTML;let m="";t&&(m=t+".css");let g=this.builder.addSection(h,m);g&&(this.clearSelection(),this.reSelect(g))}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")}))}}blockAction(e){if(!this.builder.editor.activeCol)return!1;if(e.block_task){const t=e.block_task;if("move-up"===t||"move-down"===t||"duplicate"===t||"remove"===t){this.builder.editor.saveForUndo();const e=this.builder.editor._rowTool.grid;return"move-up"===t&&e.moveRowUp(),"move-down"===t&&e.moveRowDown(),"duplicate"===t&&e.duplicateRow(),"remove"===t&&(e.removeRow(),this.builder.activeBox&&this.builder.activeBox.click()),this.builder.settings.onChange(),this.dictation.finish(),!0}}if(e.move_column){const t=e.move_column;if("move-up"===t||"move-down"===t||"move-left"===t||"move-right"===t){this.builder.editor.saveForUndo();const e=this.builder.editor._rowTool.grid;return"move-up"===t&&e.moveColumnUp(),"move-down"===t&&e.moveColumnDown(),"move-left"===t&&e.moveColumnPrevious(),"move-right"===t&&e.moveColumnNext(),this.builder.settings.onChange(),this.dictation.finish(),!0}}if(e.column_task){const t=e.column_task;if("duplicate"===t||"remove"===t){this.builder.editor.saveForUndo();const e=this.builder.editor._rowTool.grid;return"duplicate"===t&&e.duplicateColumn(),"remove"===t&&(e.removeColumn(),this.builder.activeBox&&this.builder.activeBox.click()),this.builder.settings.onChange(),this.dictation.finish(),!0}}if(e.increase_decrease_column){const t=e.increase_decrease_column;if("increase"===t||"decrease"===t){this.builder.editor.saveForUndo();const e=this.builder.editor._rowTool.grid;return"increase"===t&&e.increaseColumn(),"decrease"===t&&e.decreaseColumn(),this.builder.settings.onChange(),this.dictation.finish(),!0}}return!1}moveBlockContent(e){const t=this.builder.editor.activeCol;if(!t)return!1;if(!t||!e)return!1;if(!(e.move_content_left||e.move_content_center||e.move_content_right||e.move_content_top||e.move_content_bottom))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),e.move_content_top&&!i?this.builder.editor.lib.moveBlockContent("top"):e.move_content_bottom&&!i?this.builder.editor.lib.moveBlockContent("bottom"):e.move_content_left&&!n?this.builder.editor.lib.moveBlockContent("left"):e.move_content_right&&!n?this.builder.editor.lib.moveBlockContent("right"):e.move_content_top&&e.move_content_left?this.builder.editor.lib.moveBlockContent("topleft"):e.move_content_top&&e.move_content_center?this.builder.editor.lib.moveBlockContent("topcenter"):e.move_content_top&&e.move_content_right?this.builder.editor.lib.moveBlockContent("topright"):e.move_content_bottom&&e.move_content_left?this.builder.editor.lib.moveBlockContent("bottomleft"):e.move_content_bottom&&e.move_content_center?this.builder.editor.lib.moveBlockContent("bottomcenter"):e.move_content_bottom&&e.move_content_right?this.builder.editor.lib.moveBlockContent("bottomright"):(e.move_content_center,this.builder.editor.lib.moveBlockContent("center")),!0}quickAction(e){const t=this.builder.activeBox;if(!t)return!1;if(e.section_task){const t=e.section_task;if("move-up"===t||"move-top"===t||"move-down"===t||"move-bottom"===t||"duplicate"===t||"remove"===t){if(this.builder.editor.saveForUndo(),"move-up"===t&&this.builder.editsection.sectionUp(),"move-top"===t&&this.builder.editsection.sectionTop(),"move-down"===t&&this.builder.editsection.sectionDown(),"move-bottom"===t&&this.builder.editsection.sectionBottom(),"duplicate"===t&&(this.builder.editsection.sectionDuplicate(),setTimeout((()=>{this.builder.refreshAnim()}),600)),"remove"===t){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(),!0}}if(e.select_section){const t=this.builder.activeSection;if(t){if("current"===e.select_section)return this.builder.scrollTo(t,600),t.click(),this.reSelect(t),!0;if("next"===e.select_section)return this.builder.scrollTo(t.nextElementSibling,600),t.click(),this.reSelect(t.nextElementSibling),!0;if("previous"===e.select_section)return this.builder.scrollTo(t.previousElementSibling,600),t.click(),this.reSelect(t.previousElementSibling),!0;if("first"===e.select_section){const e=this.builder.wrapperEl.querySelector(".is-section");if(e)return this.builder.scrollTo(e,600),t.click(),this.reSelect(e),!0}else if("last"===e.select_section){const e=this.builder.wrapperEl.querySelectorAll(".is-section:last-child");if(e)return this.builder.scrollTo(e[0],600),t.click(),this.reSelect(e[0]),!0}}}if(e.select_block){const i=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()},n=()=>{const e=t.querySelector(".is-container");if(!e)return!0;let n=e.querySelector(":first-child");i(n)},s=()=>{const e=t.querySelector(".is-container");if(!e)return!0;let n;const s=e.children;for(let e=s.length-1;e>=0;e--){const t=s[e];if(t.querySelector(":first-child")){n=t;break}}n&&i(n)};if("block"===e.select_block){let e=t.querySelector("h1, p, h2, h3");return e?e.click():(e=t.querySelector(".is-container > div > div"),e&&e.click()),!0}if("headline"===e.select_block||"title"===e.select_block){const e=t.querySelector("h1,h2,h3");return e&&e.click(),!0}if("paragraph"===e.select_block){const e=t.querySelector("p");return e&&e.click(),!0}if("image"===e.select_block){const e=t.querySelector("img");return e&&e.click(),!0}if("space"===e.select_block){const e=t.querySelector("div.spacer");return e&&e.click(),!0}if("button"===e.select_block){const e=t.querySelector('a[role="button"]');return e&&e.click(),!0}if("next"===e.select_block){let e=t.querySelector(".row-active");return e&&(e=e.nextElementSibling),i(e),!0}if("previous"===e.select_block){let e=t.querySelector(".row-active");return e&&(e=e.previousElementSibling),i(e),!0}if("first"===e.select_block)return n(),!0;if("last"===e.select_block)return s(),!0}return!!e.unselect_block&&(t.click(),!0)}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,s=this.builder.iframe.getBoundingClientRect().left+window.pageXOffset;t=n.getBoundingClientRect().top+e,i=n.getBoundingClientRect().left+s}else t=n.getBoundingClientRect().top+window.pageYOffset,i=n.getBoundingClientRect().left+window.pageXOffset;const s=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-s+12/this.builder.editor.opts.zoom+"px"}}const _y=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:4e3,onlineDemo:!1,startAIAssistant:!1,temperature:.6,topP:.9,useMediaRecorder:!0,encoderPath:"",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",triggerWords:{send:["send","okay","ok","execute","run"],abort:["abort","cancel"],clear:["clear","erase"]},similarityThreshold:.65,headlineList:["We're [CompanyName]. Full stack development with a spark of creativity."],mediaPath:"assets/gallery/",media:{slider:["slide-01.jpg","slide-02.jpg"],blank_video:"blank.mp4",videos:["beach1.mp4","beach2.mp4"],youtube_videos:["https://www.youtube-nocookie.com/embed/P5yHEKqx86U?rel=0&autoplay=1&color=white"],maps:["https://www.youtube-nocookie.com/embed/P5yHEKqx86U?rel=0&autoplay=1&color=white"],audios:["example.mp3"],images:{square:["desk.jpg","chair.jpg","coffee.jpg","product.jpg","table.jpg","person-01.jpg","person-02.jpg","person-03.jpg","person-04.jpg","person-05.jpg","person-06.jpg","person-08.jpg"]},bg_images:{box:["person-01.jpg","person-02.jpg","person-03.jpg","person-04.jpg","person-05.jpg","person-06.jpg","person-07.jpg","person-08.jpg","person-09.jpg","person-10.jpg","building.jpg","desk.jpg","chair.jpg","coffee.jpg","product.jpg","table.jpg"],small_box:["person-01.jpg","person-03.jpg","person-04.jpg","person-05.jpg","person-10.jpg","chair.jpg","coffee.jpg","product.jpg","table.jpg"],section_text_left:["header-01.jpg","header-02.jpg","header-03.jpg","header-05.jpg","header-08.jpg","header-10b.jpg","header-14.jpg"],section_text_center:["header-07.jpg","header-11.jpg","header-12.jpg","header-13.jpg"],section_text_right:["header-04.jpg","header-05b.jpg","header-06.jpg","header-08b.jpg","header-09.jpg","header-10.jpg","header-14b.jpg","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 first block"],select_next:["select next","select after","select next block","select next row"],select_previous:["select previous","select before","select previous block","select previous row"],select_last:["select last","select last block"],select_block:["select block"],unselect_block:["unselect","unselect block"],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_up:["fade in up"],slide_up:["slide up"],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"],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_bottom:["move content bottom","align content bottom"],align_content_top_left:["move content top left","align content top left"],align_content_top_right:["move content top right","align content top right"],align_content_bottom_left:["move content bottom left","align content bottom left"],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",description:"Commands for designing or editing.",list:["Add a section that highlights our AI-powered web solutions. Include a compelling headline, a paragraph, and two buttons named 'Our Works' and 'Get in Touch'. Also, add a background image.","Create a section containing an article on ideas for outdoor activities. Include a minimum of 300 words.","Can you suggest a captivating headline for us and replace the current one?","Add a section showcasing our AI-powered innovations. Craft an attention-grabbing headline, provide explanations, incorporate an image, and add an enticing call-to-action.","Create a 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.","Add a section highlighting the features of our creative arts courses:<br>\n- Hands-on projects<br>\n- Guidance from experts<br>\nAdd an image for each feature.","Revise the headline, paragraph, and all the text using alternative ideas.","Let's redesign the layout. Surprise me with a new idea!","Create a new section showcasing a photo gallery of our latest photography workshop. Includes up to 3 photo placeholders.","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.","Summarize this content in 100 words."]},others:{title:"Ask Questions or Request Information",description:"Commands that are <u>not related to designing and editing of the current content</u>.",list:["Provide well-researched information about bookstores in the Melbourne city area that offer collections of classic titles. Include specific details such as locations, website links, the range of classic titles they offer, and any unique features they have.","Explain our galaxy in a beginner-friendly and interesting way.","Can you explain the process of baking a classic chocolate cake from scratch?","Provide me with a 10-hour plan for learning practical data science."]},block:{title:"Edit Selected Block",description:"Specifically target the selected block for editing, providing more precise results.",list:["Enhance the content by including introductory paragraphs after the title.","Add a space between the title and the button.","Increase the space between the title and the paragraph.","Apply a gradient text color from red to orange horizontally to the title.","Paraphrase the title.","Reduce the title font size.","Add a link on the text 'Download' that directs to: https://example.com/download","Add a new block containing a Google map showing local cafes in the Perth city area."]},selection:{title:"Selection & Layout",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%","Change 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","Move the content to the left","Move the content to the center","Move the content to the right","Move the content to the top"]},element:{title:"Element",list:["Add a headline","Add a paragraph","Add an image","Add a Youtube video","Add a button","Add two buttons","Add a space","Increase 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 up animation","Add slide up 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,s;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;s=e,this.iframeDocument=e}else n=window,s=document;if(this.win=n,this.doc=s,this.iframe){let e=s.querySelector(".content-stuff");e||(e=document.createElement("div"),e.className="content-stuff is-ui",e.id="_cbhtml",s.body.appendChild(e)),this.contentStuff=e,this.stuff=new py(this)}if(this.wrapperEl=this.doc.querySelector(this.wrapper),_y.hasClass(this.wrapperEl,"preview"))return void(this.preview=!0);_y.addClass(this.wrapperEl,"is-wrapper"),_y.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 o(this),this.animateScroll=new my(this),this.timeline=new by(this),this.util=new fy(this),this.pageTemplate||(this.pageTemplate=this.util.getPageTemplate(this.framework)),window.data_basic?(this.editorSetup(),this.init()):_y.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 dy({isContentBox:!0,speechTranscribeUrl:this.settings.speechTranscribeUrl,autoSendDelay:this.settings.autoSendDelay,onlineDemo:this.settings.onlineDemo,temperature:this.settings.temperature,topP:this.settings.topP,speechRecognitionLang:this.settings.speechRecognitionLang,triggerWords:this.settings.triggerWords,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,useMediaRecorder:this.settings.useMediaRecorder,encoderPath:this.settings.encoderPath,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),localStorage.removeItem("_lastscrollpos")},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"),s=0;n.forEach((function(e){_y.hasClass(e,"is-section-navbar")||(s===t-1&&(i=e),s++)})),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 xy(this),this.startAIAssistant&&this.openAIAssistant(),this.UIColor&&this.editor.setUIColor(this.UIColor.mode,this.UIColor.css)}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(){_y.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>`),_y.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;_y.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",s=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:s,expiresOn:s+2592e6})))}else i=!0,localStorage.setItem(n,JSON.stringify({initial:s,expiresOn:s+2592e6}));const o=()=>{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 s=300*(1-i)/.5;this.wrapperEl.style.marginTop=`${s}px`,this.wrapperEl.style.opacity=1;let o=e.querySelector(".is-sidebar");o&&(o.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?(uy.stop(),setTimeout((()=>{o()}),300)):i?(uy.start(),uy.on("hide",(()=>{o()}))):(uy.stop(),setTimeout((()=>{o()}),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),this.rePositionTool()}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,s=!1,o=!1,a=!1,l=!1,r=!1,d=!1,c=!1,u=t;for(;u&&u.tagName&&"BODY"!==u.tagName&&"HTML"!==u.tagName;)_y.hasClass(u,"is-sidebar-content")&&(i=!0),_y.hasClass(u,"is-sidebar")&&(n=!0),_y.hasClass(u,"is-builder")&&(s=!0),_y.hasClass(u,"is-wrapper")&&(a=!0),_y.hasClass(u,"is-rte-tool")&&(l=!0),_y.hasClass(u,"is-modal")&&(r=!0),_y.hasClass(u,"is-pop")&&(d=!0),_y.hasClass(u,"is-tool")&&(c=!0),_y.hasClass(u,"is-section")&&(u.hasAttribute("data-anim-start")||u.hasAttribute("data-anim-end"))&&(o=!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(),s&&o&&(this.controlHiddenOnScroll=!0)}),this.iframe&&document.addEventListener("click",this.doDocumentClick=e=>{let t=!1,i=!1,n=!1,s=!1,o=!1,a=!1,l=!1,r=(e=e||window.event).target||e.srcElement;for(;r&&r.tagName&&"BODY"!==r.tagName&&"HTML"!==r.tagName;)_y.hasClass(r,"is-sidebar-content")&&(t=!0),_y.hasClass(r,"is-sidebar")&&(i=!0),_y.hasClass(r,"is-wrapper")&&(n=!0),_y.hasClass(r,"is-rte-tool")&&(s=!0),_y.hasClass(r,"is-modal")&&(o=!0),_y.hasClass(r,"is-pop")&&(a=!0),_y.hasClass(r,"is-tool")&&(l=!0),r=r.parentNode;if(!(t||i||n||s||o||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),_y.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"),s=()=>{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()&&s()}),this.win.addEventListener("scroll",this.doAnimScroll=()=>{e()&&s()}))}),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"),s=0;n.forEach((function(t){_y.hasClass(t,"is-section-navbar")||(s===e-1&&(i=t),s++)})),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),_y.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")+'">✕</button></div>');let n=e.querySelector(".is-section-info");n&&n.parentNode.removeChild(n);const s=e.getAttribute("id");_y.appendHtml(e,'<div class="is-section-info">'+(s?`<div>#${s}</div>`:"")+"</div>");let o=e.querySelector(".is-section-tool").querySelectorAll("[title]");Array.prototype.forEach.call(o,(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),_y.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.sendCommand)&&this.AIToolbar&&_y.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 s=e.querySelector(".input-box-redesign");s&&s.addEventListener("click",(()=>{this.command.redesign()}));const o=e.querySelector(".input-box-rewrite");o&&o.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()})),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)),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)),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",""),s=this.settings.contentStylePath,o=!1,a=window.parent._cb.doc.getElementsByTagName("link");for(let e=0;e<a.length;e++){-1!=a[e].href.toLowerCase().indexOf(t.toLowerCase())&&(o=!0)}return o||this.wrapperEl.insertAdjacentHTML("beforeend",'<link data-name="contentstyle" data-class="'+n+'" href="'+s+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){this.editor.saveForUndo();const t=new Date;let n;e=e.replace("[%YEAR%]",t.getFullYear());let s=[];if(-1!==e.indexOf("is-section-navbar")){const t=this.wrapperEl.querySelector(".is-section-navbar");if(t)return void this.editor.util.confirm(i("Do you want to replace the current navigation bar?"),(i=>{i&&(t.parentNode.removeChild(t),this.addIdea(e))}),!0,i("Replace"));_y.appendHtml(this.wrapperEl,e,"afterbegin"),n=this.wrapperEl.querySelector(".is-section"),s.push(n)}else if(-1!==e.indexOf("is-static")){let t=_y.getLastElement(this.wrapperEl,".is-section");if(t){_y.appendHtml(t,e,"afterend"),n=t.nextElementSibling,s.push(n);let i=n.nextElementSibling;if(i){let e=i.querySelector(".is-section-tool");e||s.push(i),i=i.nextElementSibling,i&&(e=i.querySelector(".is-section-tool"),e||s.push(i))}}else _y.appendHtml(this.wrapperEl,e,"afterbegin"),n=this.wrapperEl.querySelector(".is-section"),s.push(n)}else if(this.activeSection){let t=this.activeSection;if(_y.hasClass(t,"is-static")){_y.appendHtml(t,e,"beforebegin"),n=t.previousElementSibling,s.push(n);let i=n.previousElementSibling;if(i){let e=i.querySelector(".is-section-tool");e||s.push(i),i=i.previousElementSibling,i&&(e=i.querySelector(".is-section-tool"),e||s.push(i))}}else{_y.appendHtml(t,e,"afterend"),n=t.nextElementSibling,s.push(n);let i=n.nextElementSibling;if(i){let e=i.querySelector(".is-section-tool");e||s.push(i),i=i.nextElementSibling,i&&(e=i.querySelector(".is-section-tool"),e||s.push(i))}}}else{_y.appendHtml(this.wrapperEl,e,"afterbegin"),n=this.wrapperEl.querySelector(".is-section"),s.push(n);let t=n.nextElementSibling;if(t){let e=t.querySelector(".is-section-tool");e||s.push(t),t=t.nextElementSibling,t&&(e=t.querySelector(".is-section-tool"),e||s.push(t))}}this.wrapperEl.querySelectorAll(".is-section").forEach((e=>{e.querySelector(".is-section-tool")||s.push(e)})),s.forEach((e=>{if(e.querySelectorAll("[data-html]").forEach((e=>{let t=decodeURIComponent(e.getAttribute("data-html"));t=t.replace(/{id}/g,_y.uniqueId()),_y.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),_y.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();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();const o=(e,t)=>{let i=e.getAttribute("class");e.setAttribute("class",i+" "+t)},a=(e,t)=>{94<=t&&t<=100&&o(e,this.editor.cols[11]),86<=t&&t<94&&o(e,this.editor.cols[10]),78<=t&&t<86&&o(e,this.editor.cols[9]),70<=t&&t<78&&o(e,this.editor.cols[8]),62<=t&&t<70&&o(e,this.editor.cols[7]),54<=t&&t<62&&o(e,this.editor.cols[6]),46<=t&&t<54&&o(e,this.editor.cols[5]),37<=t&&t<46&&o(e,this.editor.cols[4]),29<=t&&t<37&&o(e,this.editor.cols[3]),21<=t&&t<29&&o(e,this.editor.cols[2]),13<=t&&t<21&&o(e,this.editor.cols[1]),5<=t&&t<13&&o(e,this.editor.cols[0])};if(!this.editor.useDefaultGrid){let e=n.querySelectorAll(".is-container > div");e.forEach((e=>{this.editor.util.getAllColumns(e).forEach((t=>{if(t.style.width&&t.style.width.includes("%")){let e=parseFloat(t.style.width);t.setAttribute("data-temp-w",e)}else{let i=Number(window.getComputedStyle(t).getPropertyValue("width").match(/\d+/)[0])/Number(window.getComputedStyle(e).getPropertyValue("width").match(/\d+/)[0])*100;t.setAttribute("data-temp-w",i)}}))})),e=n.querySelectorAll(".is-container > div"),e.forEach((e=>{this.editor.util.getAllColumns(e).forEach((e=>{let t=e.getAttribute("data-temp-w");if(a(e,parseFloat(t)),e.removeAttribute("data-temp-w"),this.editor.cols[0].split(" ").includes("column")){const t=e.className.split(" "),i=[...new Set(t)];e.className=i.join(" ")}else e.classList.remove("column");e.style.width="",e.style.flex=""}))}))}return this.clearSelection(),this.selectNewSection(n),this.onChange(),_y.removeElement(document.querySelector(".is-sidebar-overlay")),_y.removeClass(document.querySelectorAll(".is-sidebar .is-sidebar-button"),"active"),_y.removeClass(document.querySelectorAll(".is-sidebar-content"),"active"),document.body.style.overflowY="",this.addSpace(),this.scrollTo(n,600),setTimeout((()=>{this.refreshAnim()}),600),n}clearSelection(){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.editor.util.clearActiveCell(),this.editor.util.clearAfterUndoRedo()}selectNewSection(e){let t=!1;if(e.classList.contains("is-box")&&(t=!0),t)e.classList.add("box-select"),this.activeBox=e,this.wrapperEl.classList.add("hard-select"),e.classList.add("section-select"),this.activeSection=e,this.positionTool(e);else{let t=e.querySelector(".is-box");t&&(t.classList.add("box-select"),this.activeBox=t),this.wrapperEl.classList.add("hard-select"),e.classList.add("section-select"),this.activeSection=e,this.positionTool(e)}}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 s,o;this.wrapperEl.querySelectorAll(".is-section-tool").forEach((e=>{e.style.display="none"})),_y.hasClass(e,"is-section")?(s=e,o=e.querySelector(".is-section-tool")):(s=_y.parentsHasClass(e,"is-section"),o=s.querySelector(".is-section-tool")),o&&(o.style.display="block",o.style.transform="scale("+1/t+")",o.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=_y.uniqueId(),s=_y.uniqueId();let o;if(e.src){o=`<button type="button" id="${n}" class="is-sidebar-button" tabindex="-1" data-content="${s}" 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="${s}" 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>`;_y.appendHtml(t,a)}else o=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",o);const a=t.querySelector("#"+n);a.addEventListener("click",(i=>{if(e.onClick)e.onClick(i);else if(_y.hasClass(a,"active"))this.sidebar.closeSidebar();else{this.sidebar.closeSidebar(),_y.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((()=>{_y.addClass(i,"active"),i.focus()}),10),e.src){var s=t.querySelector("#"+n+" iframe");("1"===a.getAttribute("data-refresh")||"about:blank"==s.getAttribute("src"))&&s.setAttribute("src",e.src)}_y.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 o=t.querySelector(".is-sidebar-overlay");o.addEventListener("click",(()=>{o.parentNode.removeChild(o);let e=t.querySelectorAll(".is-sidebar > div");e.forEach((e=>{_y.removeClass(e,"active")})),e=t.querySelectorAll(".is-sidebar-content"),e.forEach((e=>{_y.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 s=this.doc.head;s||(s=this.doc.body),e&&""!==e&&(i?this.wrapperEl.insertAdjacentHTML("beforebegin",e):s.insertAdjacentHTML("beforeend",e)),t&&""!==t&&(i?this.wrapperEl.insertAdjacentHTML("beforebegin",t):s.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 s=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,o=this.doc.getElementsByTagName("link");for(let e=0;e<o.length;e++){-1!=o[e].href.toLowerCase().indexOf(i.toLowerCase())&&(n=!0)}n||this.wrapperEl.insertAdjacentHTML("beforeend",'<link data-name="contentstyle" data-class="'+t+'" href="'+s+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 s=e.href,o=window.location.href.substring(0,window.location.href.lastIndexOf("/"));s=s.replace(o,"[%PATH%]"),e.href=s,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 s=t[n].href.toLowerCase();if(-1!=s.indexOf("basetype-"));else if(-1!=s.indexOf("type-"))if(e){const e=t[n].cloneNode();let s=e.href,o=window.location.href.substring(0,window.location.href.lastIndexOf("/"));s=s.replace(o,"[%PATH%]"),e.href=s,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 s=this.editor.readHtml(this.wrapperEl,!1,!0);this.editor.makeAbsolute=!1,this.editor.shortenOutput=!1,n=i.replace("[%CONTENT%]",s);let o=this.mainCss(!0),a=this.sectionCss(!0);if(n=n.replaceAll("[%MAINCSS%]",o),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="",_y.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 s=this.wrapperEl;s.innerHTML="",s.appendChild(n.createContextualFragment(e)),_y.removeClass(s,"is-edit"),this.editor.destroy(),uy.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),s=Math.min(e.bottom,t),o=Math.max(e.left,0);return(Math.min(e.right,i)-o)*(s-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 s=this.calculateVisibleArea(n);s>t&&(t=s,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}}}}();
|