@innovastudio/contentbox 1.4.41 → 1.4.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -144,4 +144,4 @@ var _p=function(t,e){return _p=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 e,i,n,o,s,a,l,r,d,c,u,p,h,m,g,f,b,v,y,x,_,w,S,C,k,E,A,L,q,T,M,R,O,B,I,N,$,D,P,z,H,j,F,U,W,V,G,X,Y,K=[].slice,Z={}.hasOwnProperty,Q=function(t,e){for(var i in e)Z.call(e,i)&&(t[i]=e[i]);function n(){this.constructor=t}return n.prototype=e.prototype,t.prototype=new n,t.__super__=e.prototype,t},J=[].indexOf||function(t){for(var e=0,i=this.length;e<i;e++)if(e in this&&this[e]===t)return e;return-1},tt=function(t,e){return function(){return t.apply(e,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 t;return null!=(t="undefined"!=typeof performance&&null!==performance&&"function"==typeof performance.now?performance.now():void 0)?t:+new Date},R=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,_=window.cancelAnimationFrame||window.mozCancelAnimationFrame,f=function(t,e,i){return"function"==typeof t.addEventListener?t.addEventListener(e,i,!1):function(){if("function"!=typeof t["on"+e]||"object"!=typeof t["on"+e].eventListeners){var n=new r;"function"==typeof t["on"+e]&&n.on(e,t["on"+e]),t["on"+e]=function(t){return n.trigger(e,t)},t["on"+e].eventListeners=n}else n=t["on"+e].eventListeners;n.on(e,i)}()},null==R&&(R=function(t){return setTimeout(t,50)},_=function(t){return clearTimeout(t)}),B=function(t){var e,i;return e=T(),i=function(){var n;return(n=T()-e)>=33?(e=T(),t(n,(function(){return R(i)}))):setTimeout(i,33-n)},i()},O=function(){var t,e,i;return i=arguments[0],e=arguments[1],t=3<=arguments.length?K.call(arguments,2):[],"function"==typeof i[e]?i[e].apply(i,t):i[e]},S=function(){var t,e,i,n,o,s,a;for(e=arguments[0],s=0,a=(n=2<=arguments.length?K.call(arguments,1):[]).length;s<a;s++)if(i=n[s])for(t in i)Z.call(i,t)&&(o=i[t],null!=e[t]&&"object"==typeof e[t]&&null!=o&&"object"==typeof o?S(e[t],o):e[t]=o);return e},v=function(t){var e,i,n,o,s;for(i=e=0,o=0,s=t.length;o<s;o++)n=t[o],i+=Math.abs(n),e++;return i/e},k=function(t,e){var i,n,o;if(null==t&&(t="options"),null==e&&(e=!0),o=document.querySelector("[data-pace-"+t+"]")){if(i=o.getAttribute("data-pace-"+t),!e)return i;try{return JSON.parse(i)}catch(t){return n=t,"undefined"!=typeof console&&null!==console?console.error("Error parsing inline pace options",n):void 0}}},l=function(){function t(){}return t.prototype.on=function(t,e,i,n){var o;return null==n&&(n=!1),null==this.bindings&&(this.bindings={}),null==(o=this.bindings)[t]&&(o[t]=[]),this.bindings[t].push({handler:e,ctx:i,once:n})},t.prototype.once=function(t,e,i){return this.on(t,e,i,!0)},t.prototype.off=function(t,e){var i,n,o;if(null!=(null!=(n=this.bindings)?n[t]:void 0)){if(null==e)return delete this.bindings[t];for(i=0,o=[];i<this.bindings[t].length;)this.bindings[t][i].handler===e?o.push(this.bindings[t].splice(i,1)):o.push(i++);return o}},t.prototype.trigger=function(){var t,e,i,n,o,s,a,l,r;if(i=arguments[0],t=2<=arguments.length?K.call(arguments,1):[],null!=(a=this.bindings)?a[i]:void 0){for(o=0,r=[];o<this.bindings[i].length;)n=(l=this.bindings[i][o]).handler,e=l.ctx,s=l.once,n.apply(null!=e?e:this,t),s?r.push(this.bindings[i].splice(o,1)):r.push(o++);return r}},t}(),c=window.Pace||{},window.Pace=c,S(c,l.prototype),M=c.options=S({},w,window.paceOptions,k()),U=0,V=(X=["ajax","document","eventLag","elements"]).length;U<V;U++)!0===M[D=X[U]]&&(M[D]=w[D]);d=function(t){function e(){return e.__super__.constructor.apply(this,arguments)}return Q(e,t),e}(Error),i=function(){function t(){this.progress=0}return t.prototype.getElement=function(){var t;if(null==this.el){if(!(t=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 e=""!==M.className?" "+M.className:"";this.el.innerHTML='<div class="pace-progress'+e+'">\n <div class="pace-progress-inner"></div>\n</div>\n<div class="pace-activity"></div>',null!=t.firstChild?t.insertBefore(this.el,t.firstChild):t.appendChild(this.el)}return this.el},t.prototype.finish=function(){var t;return(t=this.getElement()).className=t.className.replace("pace-active","pace-inactive"),document.body.className=document.body.className.replace("pace-running ","pace-done ")},t.prototype.update=function(t){return this.progress=t,c.trigger("progress",t),this.render()},t.prototype.destroy=function(){try{this.getElement().parentNode.removeChild(this.getElement())}catch(t){d=t}return this.el=void 0},t.prototype.render=function(){var t,e,i,n,o,s,a;if(null==document.querySelector(M.target))return!1;for(t=this.getElement(),n="translate3d("+this.progress+"%, 0, 0)",o=0,s=(a=["webkitTransform","msTransform","transform"]).length;o<s;o++)e=a[o],t.children[0].style[e]=n;return(!this.lastRenderedProgress||this.lastRenderedProgress|0!==this.progress|0)&&(t.children[0].setAttribute("data-progress-text",(0|this.progress)+"%"),this.progress>=100?i="99":(i=this.progress<10?"0":"",i+=0|this.progress),t.children[0].setAttribute("data-progress",""+i)),c.trigger("change",this.progress),this.lastRenderedProgress=this.progress},t.prototype.done=function(){return this.progress>=100},t}(),r=function(){function t(){this.bindings={}}return t.prototype.trigger=function(t,e){var i,n,o,s,a;if(null!=this.bindings[t]){for(a=[],n=0,o=(s=this.bindings[t]).length;n<o;n++)i=s[n],a.push(i.call(this,e));return a}},t.prototype.on=function(t,e){var i;return null==(i=this.bindings)[t]&&(i[t]=[]),this.bindings[t].push(e)},t}(),F=window.XMLHttpRequest,j=window.XDomainRequest,H=window.WebSocket,C=function(t,e){var i,n;for(i in n=[],e.prototype)try{null==t[i]&&"function"!=typeof e[i]?"function"==typeof Object.defineProperty?n.push(Object.defineProperty(t,i,{get:function(t){return function(){return e.prototype[t]}}(i),configurable:!0,enumerable:!0})):n.push(t[i]=e.prototype[i]):n.push(void 0)}catch(t){}return n},L=[],c.ignore=function(){var t,e,i;return e=arguments[0],t=2<=arguments.length?K.call(arguments,1):[],L.unshift("ignore"),i=e.apply(null,t),L.shift(),i},c.track=function(){var t,e,i;return e=arguments[0],t=2<=arguments.length?K.call(arguments,1):[],L.unshift("track"),i=e.apply(null,t),L.shift(),i},$=function(t){var e;if(null==t&&(t="GET"),"track"===L[0])return"force";if(!L.length&&M.ajax){if("socket"===t&&M.ajax.trackWebSockets)return!0;if(e=t.toUpperCase(),J.call(M.ajax.trackMethods,e)>=0)return!0}return!1},u=function(t){function e(){var t,i=this;e.__super__.constructor.apply(this,arguments),t=function(t){var e;return e=t.open,t.open=function(n,o,s){return $(n)&&i.trigger("request",{type:n,url:o,request:t}),e.apply(t,arguments)}},window.XMLHttpRequest=function(e){var i;return i=new F(e),t(i),i};try{C(window.XMLHttpRequest,F)}catch(t){}if(null!=j){window.XDomainRequest=function(){var e;return e=new j,t(e),e};try{C(window.XDomainRequest,j)}catch(t){}}if(null!=H&&M.ajax.trackWebSockets){window.WebSocket=function(t,e){var n;return n=null!=e?new H(t,e):new H(t),$("socket")&&i.trigger("request",{type:"socket",url:t,protocols:e,request:n}),n};try{C(window.WebSocket,H)}catch(t){}}}return Q(e,t),e}(r),W=null,N=function(t){var e,i,n,o;for(i=0,n=(o=M.ajax.ignoreURLs).length;i<n;i++)if("string"==typeof(e=o[i])){if(-1!==t.indexOf(e))return!0}else if(e.test(t))return!0;return!1},(E=function(){return null==W&&(W=new u),W})().on("request",(function(t){var i,n,o,s,a;if(s=t.type,o=t.request,a=t.url,!N(a))return c.running||!1===M.restartOnRequestAfter&&"force"!==$(s)?void 0:(n=arguments,"boolean"==typeof(i=M.restartOnRequestAfter||0)&&(i=0),setTimeout((function(){var t,i,a,l,r;if("socket"===s?o.readyState<1:0<(a=o.readyState)&&a<4){for(c.restart(),r=[],t=0,i=(l=c.sources).length;t<i;t++){if((D=l[t])instanceof e){D.watch.apply(D,n);break}r.push(void 0)}return r}}),i))})),e=function(){function t(){this.complete=tt(this.complete,this);var t=this;this.elements=[],E().on("request",(function(){return t.watch.apply(t,arguments)}))}return t.prototype.watch=function(t){var e,i,n,o;if(n=t.type,e=t.request,o=t.url,!N(o))return i="socket"===n?new m(e,this.complete):new g(e,this.complete),this.elements.push(i)},t.prototype.complete=function(t){return this.elements=this.elements.filter((function(e){return e!==t}))},t}(),g=function(t,e){var i,n,o,s,a=this;if(this.progress=0,null!=window.ProgressEvent)for(f(t,"progress",(function(t){return t.lengthComputable?a.progress=100*t.loaded/t.total:a.progress=a.progress+(100-a.progress)/2})),i=0,n=(s=["load","abort","timeout","error"]).length;i<n;i++)f(t,s[i],(function(){return e(a),a.progress=100}));else o=t.onreadystatechange,t.onreadystatechange=function(){var i;return 0===(i=t.readyState)||4===i?(e(a),a.progress=100):3===t.readyState&&(a.progress=50),"function"==typeof o?o.apply(null,arguments):void 0}},m=function(t,e){var i,n,o,s=this;for(this.progress=0,i=0,n=(o=["error","open"]).length;i<n;i++)f(t,o[i],(function(){return e(s),s.progress=100}))},o=function(){function t(t){var e,i,n,o;for(null==t&&(t={}),this.complete=tt(this.complete,this),this.elements=[],null==t.selectors&&(t.selectors=[]),i=0,n=(o=t.selectors).length;i<n;i++)e=o[i],this.elements.push(new s(e,this.complete))}return t.prototype.complete=function(t){return this.elements=this.elements.filter((function(e){return e!==t}))},t}(),s=function(){function t(t,e){this.selector=t,this.completeCallback=e,this.progress=0,this.check()}return t.prototype.check=function(){var t=this;return document.querySelector(this.selector)?this.done():setTimeout((function(){return t.check()}),M.elements.checkInterval)},t.prototype.done=function(){return this.completeCallback(this),this.completeCallback=null,this.progress=100},t}(),n=function(){function t(){var t,e,i=this;this.progress=null!=(e=this.states[document.readyState])?e:100,t=document.onreadystatechange,document.onreadystatechange=function(){return null!=i.states[document.readyState]&&(i.progress=i.states[document.readyState]),"function"==typeof t?t.apply(null,arguments):void 0}}return t.prototype.states={loading:0,interactive:50,complete:100},t}(),a=function(){var t,e,i,n,o,s=this;this.progress=0,t=0,o=[],n=0,i=T(),e=setInterval((function(){var a;return a=T()-i-50,i=T(),o.push(a),o.length>M.eventLag.sampleCount&&o.shift(),t=v(o),++n>=M.eventLag.minSamples&&t<M.eventLag.lagThreshold?(s.progress=100,clearInterval(e)):s.progress=3/(t+3)*100}),50)},h=function(){function t(t){this.source=t,this.last=this.sinceLastUpdate=0,this.rate=M.initialRate,this.catchup=0,this.progress=this.lastProgress=0,null!=this.source&&(this.progress=O(this.source,"progress"))}return t.prototype.tick=function(t,e){var i;return null==e&&(e=O(this.source,"progress")),e>=100&&(this.done=!0),e===this.last?this.sinceLastUpdate+=t:(this.sinceLastUpdate&&(this.rate=(e-this.last)/this.sinceLastUpdate),this.catchup=(e-this.progress)/M.catchupTime,this.sinceLastUpdate=0,this.last=e),e>this.progress&&(this.progress+=this.catchup*t),i=1-Math.pow(this.progress/100,M.easeFactor),this.progress+=i*this.rate*t,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},t}(),P=null,I=null,y=null,z=null,b=null,x=null,c.running=!1,A=function(){if(M.restartOnPushState)return c.restart()},null!=window.history.pushState&&(G=window.history.pushState,window.history.pushState=function(){return A(),G.apply(window.history,arguments)}),null!=window.history.replaceState&&(Y=window.history.replaceState,window.history.replaceState=function(){return A(),Y.apply(window.history,arguments)}),p={ajax:e,elements:o,document:n,eventLag:a},(q=function(){var t,e,n,o,s,a,l,r;for(c.sources=P=[],e=0,o=(a=["ajax","elements","document","eventLag"]).length;e<o;e++)!1!==M[t=a[e]]&&P.push(new p[t](M[t]));for(n=0,s=(r=null!=(l=M.extraSources)?l:[]).length;n<s;n++)D=r[n],P.push(new D(M));return c.bar=y=new i,I=[],z=new h})(),c.stop=function(){return c.trigger("stop"),c.running=!1,y.destroy(),x=!0,null!=b&&("function"==typeof _&&_(b),b=null),q()},c.restart=function(){return c.trigger("restart"),c.stop(),c.start()},c.go=function(){var t;return c.running=!0,y.render(),t=T(),x=!1,b=B((function(e,i){var n,o,s,a,l,r,d,u,p,m,g,f,b,v,_;for(y.progress,o=m=0,s=!0,r=g=0,b=P.length;g<b;r=++g)for(D=P[r],p=null!=I[r]?I[r]:I[r]=[],d=f=0,v=(l=null!=(_=D.elements)?_:[D]).length;f<v;d=++f)a=l[d],s&=(u=null!=p[d]?p[d]:p[d]=new h(a)).done,u.done||(o++,m+=u.tick(e));return n=m/o,y.update(z.tick(e,n)),y.done()||s||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()-t),0)))):i()}))},c.start=function(t){S(M,t),c.running=!0;try{y.render()}catch(t){d=t}return document.querySelector(".pace")?(c.trigger("start"),c.go()):setTimeout(c.start,50)},t.exports=c}}).call(c)}(ty);var ey=ty.exports;class iy{constructor(t){this.builder=t;const e=`\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 <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 `;t.contentStuff.insertAdjacentHTML("afterbegin",e);t.contentStuff.insertAdjacentHTML("afterbegin","\n <style>\n \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-edit {\n padding-left: 61px;\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\n /* Navbar Fix */\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 /* protected section */\n .is-section.protected .is-box-tool {\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-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-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\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 .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 .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 .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 /* 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 {\n overflow-x: auto;\n overflow-y: hidden;\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 \n </style>\n ")}}const ny=new t;class oy{constructor(t){this.builder=t;const e=this.builder.builderStuff;this.builderStuff=e;let i=`\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 \n .is-modal.page-preview {\n transition: all 0.1s ease;\n }\n .is-modal.page-preview > div > div {\n transition: all 0.1s ease;\n }\n .is-screen-1920 { width: 576px !important; }\n .is-screen-1440 { \n width: 431px !important; \n height: 258px !important; \n }\n .is-screen-768 { \n width: 245px !important;\n height: 363px !important;\n }\n .is-screen-1024 { \n width: 328px !important;\n height: 281px !important;\n }\n .is-screen-375 { width: 167px !important; }\n\n .is-screen-1920 .preview-screen {\n width: 1920px;height: 992px;transform: scale(0.3);\n }\n .is-screen-1440 .preview-screen {\n width: 1440px;height: 744px;transform: scale(0.3);\n }\n .is-screen-768 .preview-screen {\n width: 768px;height: 1024px;transform: scale(0.32);\n }\n .is-screen-1024 .preview-screen {\n width: 1024px;height: 768px;transform: scale(0.32);\n }\n .is-screen-375 .preview-screen {\n width: 375px;height: 667px;transform: scale(0.446);\n }\n </style>\n\n\n <div class="is-modal is-modal-content page-preview is-screen-1920" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">\n <div class="is-modal-bar is-draggable" draggable=""> \n ${n("Preview")}\n <button class="is-modal-close" tabindex="-1" title="${n("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:relative;position:absolute;top:0;left:0;width:100%;height:100%;border-top:transparent 35px solid;">\n <div class="preview-screen" style="padding:0;position: absolute;top: 0;left: 0;box-sizing: border-box;transform-origin: top left;">\n <iframe src="about:blank" style="box-sizing:border-box;width: 100%;height: 100%;position:absolute;"></iframe>\n </div>\n </div>\n <div style="position:absolute;left:0;bottom:0;">\n <button class="is-modal-size" tabindex="-1" title="${n("Screen Sizes")}" style="width:30px;height:30px;">\n <svg class="is-icon-flex" style="width:23px;height:23px;"><use xlink:href="#icon-devices"></use></svg>\n </button>\n </div>\n </div>\n\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">${n("Animation")}</div>\n\n <button tabindex="-1" title="${n("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="${n("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">${n("Apply To")}:</div>\n <div class="flex-wrap">\n <button title="${n("Element")}" class="cmd-target on" data-command="target" data-value="element">${n("Element")}</button>\n <button title="${n("Column")}" class="cmd-target" data-command="target" data-value="column">${n("Column")}</button>\n <button title="${n("Row")}" class="cmd-target" data-command="target" data-value="row">${n("Row")}</button>\n <button title="${n("Container")}" class="cmd-target" data-command="target" data-value="container">${n("Container")}</button>\n <button title="${n("Overlay")}" class="cmd-target" data-command="target" data-value="overlay">${n("Overlay")}</button>\n <button title="${n("Background")}" class="cmd-target" data-command="target" data-value="bg">${n("Bg")}</button>\n <button title="${n("Box")}" class="cmd-target" data-command="target" data-value="box">${n("Box")}</button>\n <button title="${n("Section")}" class="cmd-target" data-command="target" data-value="section">${n("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">${n("On View")}</a>\n <a href="" data-content="divAnimScroll">${n("On Scroll")}</a>\n <a href="" data-content="divAnimScrollSimple">${n("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;">\n \n <tr>\n <td colspan="4"><span class="bold">${n("Slide Horizontal")}</span>:</td>\n <td colspan="5" style="text-align:right;font-style:italic;font-size:12px;">${n("(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">${n("Slide Vertical")}</span>:</td>\n <td colspan="5" style="padding-top:20px;text-align:right;font-style:italic;font-size:12px;">${n("(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">${n("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">${n("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">${n("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"> ${n("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>${n("Pin Spacing")}</span>: </div>\n <div class="flex-wrap" style="padding:5px 0 10px">\n <button title="0" class="cmd-pin-space" data-value="0" style="width:50px">0</button>\n <button title="20" class="cmd-pin-space" data-value="20" style="width:50px">20</button>\n <button title="40" class="cmd-pin-space" data-value="40" style="width:50px">40</button>\n <button title="60" class="cmd-pin-space" data-value="60" style="width:50px">60</button>\n <button title="80" class="cmd-pin-space" data-value="80" style="display:none;width:50px">80</button>\n <button title="100" class="cmd-pin-space" data-value="100" style="display:none;width:50px">100</button>\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"> ${n("Disable on Mobile")}\n </label>\n </div>\n\n <div class="flex-wrap" style="margin-top:15px;">\n <button title="${n("Disable Smooth Animation")}" class="cmd-disable-smoothanim" data-value="data-center" style="padding-left:15px;padding-right: 15px;">${n("Disable Smooth Animation")}</button>\n </div>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 15px;margin-right: 20px;">\n <button title="${n("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">${n("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="${n("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">${n("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">${n("Fade")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${n("In")}" class="cmd-basic-anim" data-value="is-fadeIn" style="width:60px">${n("In")}</button>\n <button title="${n("Left")}" class="cmd-basic-anim" data-value="is-fadeInLeft" style="width:60px">${n("Left")}</button>\n <button title="${n("Right")}" class="cmd-basic-anim" data-value="is-fadeInRight" style="width:60px">${n("Right")}</button>\n <button title="${n("Up")}" class="cmd-basic-anim" data-value="is-fadeInUp" style="width:60px">${n("Up")}</button>\n <button title="${n("Down")}" class="cmd-basic-anim" data-value="is-fadeInDown" style="width:60px">${n("Down")}</button>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${n("Slide")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${n("Left")}" class="cmd-basic-anim" data-value="is-slideInLeft" style="width:60px">${n("Left")}</button>\n <button title="${n("Right")}" class="cmd-basic-anim" data-value="is-slideInRight" style="width:60px">${n("Right")}</button>\n <button title="${n("Up")}" class="cmd-basic-anim" data-value="is-slideInUp" style="width:60px">${n("Up")}</button>\n <button title="${n("Down")}" class="cmd-basic-anim" data-value="is-slideInDown" style="width:60px">${n("Down")}</button>\n </div>\n \n <div class="anim-label">\n <span>\n <span class="bold">${n("Flip")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${n("Horizontal")}" class="cmd-basic-anim" data-value="is-flipInY" style="width:90px">${n("Horizontal")}</button>\n <button title="${n("Vertical")}" class="cmd-basic-anim" data-value="is-flipInX" style="width:90px">${n("Vertical")}</button>\n </div>\n \n <div class="anim-label">\n <span>\n <span class="bold">${n("Zoom")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${n("In")}" class="cmd-basic-anim" data-value="is-zoomIn" style="width:90px">${n("In")}</button>\n <button title="${n("Out")}" class="cmd-basic-anim" data-value="is-zoomOut" style="width:90px">${n("Out")}</button>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${n("Pulse")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${n("In")}" class="cmd-basic-anim" data-value="is-pulse" style="width:90px">${n("Pulse")}</button>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${n("Bounce")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${n("In")}" class="cmd-basic-anim" data-value="is-bounceIn" style="width:90px">${n("Bounce")}</button>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${n("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="${n("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="${n("Animate Once")}" class="cmd-basic-once" style="flex: none;margin-top:15px;width:165px;">\n ${n("Animate Once")}\n </button>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 15px;margin-right: 20px;">\n <button title="${n("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">${n("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="${n("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">${n("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">${n("On Enter")}</a>\n <a href="" data-content="divLeaveAnim">${n("On Leave")}</a>\n <a href="" data-content="divAnimSettings">${n("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">${n("Slide Left")}</span>: \n <input class="inp-slide-left" type="text" />\n </span> \n <button title="${n("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">${n("Slide Right")}</span>: \n <input class="inp-slide-right" type="text" />\n </span> \n <button title="${n("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">${n("Slide Up")}</span>: \n <input class="inp-slide-up" type="text" />\n </span> \n <button title="${n("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">${n("Slide Down")}</span>:\n <input class="inp-slide-down" type="text" />\n </span> \n <button title="${n("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">${n("Scale")}</span>: \n <input class="inp-scale" type="text" />\n </span> \n <button title="${n("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">${n("Rotate Clockwise")}</span>: \n <input class="inp-rotate-clockwise" type="text" />\n </span> \n <button title="${n("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">${n("Rotate Counterclockwise")}</span>: \n <input class="inp-rotate-counter" type="text" />\n </span> \n <button title="${n("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">${n("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="${n("Fade In")}" class="cmd-fade" style="flex: none;width:125px">${n("Fade In")}</button>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n <button title="${n("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">${n("Clear All")}</span>\n </button>\n </div>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n <button title="${n("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">${n("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">${n("Slide Left")}</span>: <input class="inp-slide-left" type="text" />\n </span> \n <button title="${n("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">${n("Slide Right")}</span>: \n <input class="inp-slide-right" type="text" />\n </span> \n <button title="${n("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">${n("Slide Up")}</span>: \n <input class="inp-slide-up" type="text" />\n </span> \n <button title="${n("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">${n("Slide Down")}</span>:\n <input class="inp-slide-down" type="text" />\n </span> \n <button title="${n("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">${n("Scale")}</span>: \n <input class="inp-scale" type="text" />\n </span> \n <button title="${n("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">${n("Rotate Clockwise")}</span>: \n <input class="inp-rotate-clockwise" type="text" />\n </span> \n <button title="${n("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">${n("Rotate Counterclockwise")}</span>: \n <input class="inp-rotate-counter" type="text" />\n </span> \n <button title="${n("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">${n("Fade")}</span>: \n </div>\n <button title="${n("Fade In")}" class="cmd-fade" style="flex: none;width:125px">${n("Fade Out")}</button>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n <button title="${n("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">${n("Clear All")}</span>\n </button>\n </div>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n <button title="${n("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">${n("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">${n("Enter")}:</div>\n\n <div class="anim-label" style="padding-top:10px">${n("Start")}:</div>\n <div class="flex-wrap">\n <button title="${n("Normal")}" class="cmd-start on" data-value="data-bottom-top" style="width:74px">${n("Normal")}</button>\n <button title="${n("Delayed")}" class="cmd-start" data-value="data-400-bottom" style="width:74px">${n("Delayed")}</button>\n <button title="${n("Late")}" class="cmd-start" data-value="data-200-bottom" style="width:74px">${n("Late")}</button>\n <button title="${n("Very Late")}" class="cmd-start" data-value="data--50-bottom" style="width:95px">${n("Very Late")}</button>\n </div>\n \n <div class="anim-label">${n("End")}:</div>\n <div class="flex-wrap">\n <button title="${n("Very Soon")}" class="cmd-end" data-value="data-bottom" style="width:95px">${n("Very Soon")}</button>\n <button title="${n("Soon")}" class="cmd-end" data-value="data-center-top" style="width:74px">${n("Soon")}</button>\n <button title="${n("Normal")}" class="cmd-end on" data-value="data-center" style="width:74px">${n("Normal")}</button>\n </div>\n\n <div class="anim-label bold" style="margin-top:20px">${n("Leave")}:</div>\n\n <div class="anim-label" style="padding-top:10px">${n("Start")}:</div>\n <div class="flex-wrap">\n <button title="${n("Normal")}" class="cmd-leave-start on" data-value="data-center-bottom" style="width:74px">${n("Normal")}</button>\n <button title="${n("Delayed")}" class="cmd-leave-start" data-value="data-100-top" style="width:74px">${n("Delayed")}</button>\n <button title="${n("Late")}" class="cmd-leave-start" data-value="data-50-top" style="width:74px">${n("Late")}</button>\n <button title="${n("Very Late")}" class="cmd-leave-start" data-value="data-top" style="width:95px">${n("Very Late")}</button>\n </div>\n\n <div class="flex-wrap" style="margin-top:20px;">\n <button title="${n("Disable Smooth Animation")}" class="cmd-disable-smoothanim" data-value="data-center" style="padding-left:15px;padding-right: 15px;">${n("Disable Smooth Animation")}</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">${n("Apply To")}: ${n("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 ${n("Animate Once")}\n </label>\n\n <button title="${n("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">${n("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;">${n("Fade In")}</div>\n <button title="${n("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;">${n("Fade In - Slow")}</div>\n <button title="${n("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;">${n("Fade In Up")}</div>\n <button title="${n("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;">${n("Fade In Up - Slow")}</div>\n <button title="${n("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;">${n("Slide Up")}</div>\n <button title="${n("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;">${n("Slide Up - Slow")}</div>\n <button title="${n("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;">${n("Zoom In")}</div>\n <button title="${n("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;">${n("Zoom Out")}</div>\n <button title="${n("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 `;ny.appendHtml(e,i);const o=e.querySelector(".is-side.animatescroll");this.modalAnimateScroll=o;const s=o.querySelector("#divEnterAnim");this.divEnterAnim=s;const a=o.querySelector("#divLeaveAnim");this.divLeaveAnim=a;o.querySelector(".is-side-close").addEventListener("click",(()=>{this.close()})),this.divAnimScrollSimple=o.querySelector("#divAnimScrollSimple"),this.divAnimSettings=o.querySelector("#divAnimSettings");const l=this.builderStuff.querySelector(".is-modal.page-preview");this.modalPagePreview=l;const r=this.builder.sidebar.pageQuickSettings.querySelector(".cmd-open-preview-window");this.btnOpenPreviewWindow=r;let d=o.querySelectorAll(".cmd-target");d.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-target").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.read()}))}));const c=o.querySelector(".div-anim-settings"),u=o.querySelector(".div-wizard-settings"),p=o.querySelector(".cmd-anim-edit");p.addEventListener("click",(()=>{p.classList.contains("on")?(p.classList.remove("on"),c.style.display="none",u.style.display="block"):(p.classList.add("on"),u.style.display="none",c.style.display="block")}));o.querySelectorAll(".cmd-clear-anim-all").forEach((t=>{t.addEventListener("click",(()=>{let e=this.builder.activeSection;if(!e)return;this.builder.editor.saveForUndo();let i,n=this.builder.editor.activeCol;n&&(e=n.closest(".is-section")),i=e.querySelectorAll("*"),i.forEach((t=>{t.removeAttribute("data-center"),t.removeAttribute("data-center-top"),t.removeAttribute("data--50-bottom"),t.removeAttribute("data--100-bottom"),t.removeAttribute("data--150-bottom"),t.removeAttribute("data--200-bottom"),t.removeAttribute("data--300-bottom"),t.removeAttribute("data--400-bottom"),t.removeAttribute("data-bottom-top"),t.removeAttribute("data-400-bottom"),t.removeAttribute("data-300-bottom"),t.removeAttribute("data-200-bottom"),t.removeAttribute("data-150-bottom"),t.removeAttribute("data-100-bottom"),t.removeAttribute("data-50-bottom"),t.removeAttribute("data-bottom"),t.removeAttribute("data-center-bottom"),t.removeAttribute("data-100-top"),t.removeAttribute("data-50-top"),t.removeAttribute("data-top"),t.removeAttribute("data-top-bottom"),t.removeAttribute("data-in"),t.removeAttribute("data-in-150"),t.removeAttribute("data-in-300"),t.removeAttribute("data-cen--150"),t.removeAttribute("data-cen"),t.removeAttribute("data-cen-150"),t.removeAttribute("data-out--300"),t.removeAttribute("data-out--150"),t.removeAttribute("data-out"),t.style.transform="",t.style.transition="",t.style.opacity=""})),i=e.querySelectorAll(".is-animated"),i.forEach((t=>{t.classList.contains("is-overlay-bg")||(t.classList.remove("is-animated"),t.classList.remove("once"),t.classList.remove("is-fadeIn"),t.classList.remove("is-fadeInUp"),t.classList.remove("is-fadeInDown"),t.classList.remove("is-fadeInLeft"),t.classList.remove("is-fadeInRight"),t.classList.remove("is-zoomIn"),t.classList.remove("is-zoomOut"),t.classList.remove("is-slideInUp"),t.classList.remove("is-slideInDown"),t.classList.remove("is-slideInLeft"),t.classList.remove("is-slideInRight"),t.classList.remove("is-flipInX"),t.classList.remove("is-flipInY"),t.classList.remove("is-pulse"),t.classList.remove("is-bounceIn"))})),this.clearSettings(),this.modalAnimateScroll.querySelector(".cmd-start.on")||(t=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'))&&t.classList.add("on"),this.modalAnimateScroll.querySelector(".cmd-end.on")||(t=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'))&&t.classList.add("on"),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(t=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'))&&t.classList.add("on"),this.builder.win.skrollrr&&setTimeout((()=>{this.builder.win.skrollrr.refresh()}),30),this.builder.settings.onRender(),this.builder.settings.onChange()}))}));o.querySelector(".cmd-clear-anim-wizard").addEventListener("click",(()=>{const t=this.builder.activeSection;if(!t)return;let e;this.builder.editor.saveForUndo(),e=t.querySelectorAll(".is-animated"),e.forEach((t=>{t.classList.contains("is-overlay-bg")||(t.classList.remove("is-animated"),t.classList.remove("once"),t.classList.remove("is-fadeIn"),t.classList.remove("is-fadeInUp"),t.classList.remove("is-fadeInDown"),t.classList.remove("is-fadeInLeft"),t.classList.remove("is-fadeInRight"),t.classList.remove("is-zoomIn"),t.classList.remove("is-zoomOut"),t.classList.remove("is-slideInUp"),t.classList.remove("is-slideInDown"),t.classList.remove("is-slideInLeft"),t.classList.remove("is-slideInRight"),t.classList.remove("is-flipInX"),t.classList.remove("is-flipInY"),t.classList.remove("is-pulse"),t.classList.remove("is-bounceIn"))})),this.builder.settings.onRender(),this.builder.settings.onChange()}));const h=t=>{const e=this.builder.activeSection;if(!e)return;this.builder.editor.saveForUndo(),e.querySelectorAll(".is-animated").forEach((t=>{t.classList.contains("is-overlay-bg")||(t.classList.remove("is-animated"),t.classList.remove("once"),t.classList.remove("is-fadeIn"),t.classList.remove("is-fadeInUp"),t.classList.remove("is-fadeInDown"),t.classList.remove("is-fadeInLeft"),t.classList.remove("is-fadeInRight"),t.classList.remove("is-zoomIn"),t.classList.remove("is-zoomOut"),t.classList.remove("is-slideInUp"),t.classList.remove("is-slideInDown"),t.classList.remove("is-slideInLeft"),t.classList.remove("is-slideInRight"),t.classList.remove("is-flipInX"),t.classList.remove("is-flipInY"),t.classList.remove("is-pulse"),t.classList.remove("is-bounceIn"))}));let i=0,n=e.querySelectorAll(".is-box");0===n.length&&(n=e.querySelectorAll(".is-box-centered")),n.forEach((e=>{let n=i;e.querySelectorAll(".is-container > div").forEach((e=>{this.builder.editor.dom.elementChildren(e).forEach((e=>{(""!==e.innerText.trim()||e.querySelector("img")||e.querySelector("iframe")||e.querySelector("video")||e.querySelector("audio")||e.querySelector("i"))&&(e.style.transition="none",this.cleanupBasic(e),this.cleanupDelay(e),e.classList.add("is-animated"),m.checked?e.classList.add("once"):e.classList.remove("once"),t(e,n),e.classList.remove("is-inview"),n++)}))})),i++})),this.builder.settings.onRender(),setTimeout((()=>{let t=e.querySelectorAll(".is-animated");t.forEach((t=>{t.style.transition="none",t.classList.remove("is-inview")})),setTimeout((()=>{t=e.querySelectorAll(".is-animated"),t.forEach((t=>{t.style.transition="",t.classList.add("is-inview")}))}),30)}),100),this.builder.settings.onChange()};o.querySelectorAll(".cmd-preset-onview").forEach((t=>{t.addEventListener("click",(()=>{h(((e,i)=>{e.classList.add(t.getAttribute("data-value"));let n=t.getAttribute("data-delay");0!==i&&e.classList.add(`delay-${i*n}ms`)}))}))}));const m=o.querySelector("#chkPresetAnimOnce");m.addEventListener("click",(()=>{const t=this.builder.activeSection;if(!t)return;this.builder.editor.saveForUndo();let e=t.querySelectorAll(".is-animated");e.forEach((t=>{m.checked?t.classList.add("once"):t.classList.remove("once")})),this.builder.settings.onRender(),setTimeout((()=>{e=t.querySelectorAll(".is-animated"),e.forEach((t=>{t.style.transition="none",t.classList.remove("is-inview")})),setTimeout((()=>{e=t.querySelectorAll(".is-animated"),e.forEach((t=>{t.style.transition="",t.classList.add("is-inview")}))}),30)}),100),this.builder.settings.onChange()}));const g=o.querySelector(".cmd-basic-once");d=o.querySelectorAll(".cmd-basic-anim"),d.forEach((t=>{t.addEventListener("click",(()=>{if(t.classList.contains("on"))return t.classList.remove("on"),g.classList.remove("on"),void this.applyBasic();o.querySelectorAll(".cmd-basic-anim").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.applyBasic()}))})),d=o.querySelectorAll(".cmd-basic-delay"),d.forEach((t=>{t.addEventListener("click",(()=>{if(t.classList.contains("on"))return t.classList.remove("on"),void this.applyDelay();o.querySelectorAll(".cmd-basic-delay").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.applyDelay()}))})),o.querySelector(".cmd-clear-delay").addEventListener("click",(()=>{o.querySelectorAll(".cmd-basic-delay").forEach((t=>{t.classList.remove("on")})),this.applyDelay()})),g.addEventListener("click",(()=>{g.classList.contains("on")?g.classList.remove("on"):g.classList.add("on"),this.applyBasic()})),o.querySelector(".cmd-clear-basicanim").addEventListener("click",(()=>{let t;t=this.getTarget().element,t&&(this.builder.editor.saveForUndo(),this.cleanupBasic(t),this.cleanupDelay(t),t.classList.remove("is-inview"),t.removeAttribute("data-scroll"),this.read(),this.builder.settings.onChange())})),d=o.querySelectorAll(".cmd-start"),d.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-start").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.apply()}))})),d=o.querySelectorAll(".cmd-end"),d.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-end").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.apply()}))})),d=o.querySelectorAll(".cmd-leave-start"),d.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-leave-start").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.apply()}))})),d=s.querySelectorAll(".cmd-slidex"),d.forEach((t=>{t.addEventListener("click",(()=>{const e=s.querySelector(".inp-slide-right"),i=s.querySelector(".inp-slide-left");if(t.classList.contains("on"))return t.classList.remove("on"),e.value="",i.value="",void this.apply();s.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),-1!==t.getAttribute("data-value").indexOf("-")?(e.value=t.getAttribute("data-value").replace("-","").replace("px",""),i.value=""):(i.value=t.getAttribute("data-value").replace("px",""),e.value=""),this.apply()}))}));const f=s.querySelector(".inp-slide-right"),b=s.querySelector(".inp-slide-left");f.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),b.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="-${f.value}px"]`);t&&t.classList.add("on")})),b.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),f.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="${b.value}px"]`);t&&t.classList.add("on")})),d=s.querySelectorAll(".cmd-slidey"),d.forEach((t=>{t.addEventListener("click",(()=>{const e=s.querySelector(".inp-slide-up"),i=s.querySelector(".inp-slide-down");if(t.classList.contains("on"))return t.classList.remove("on"),e.value="",i.value="",void this.apply();s.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),-1!==t.getAttribute("data-value").indexOf("-")?(i.value=t.getAttribute("data-value").replace("-","").replace("px",""),e.value=""):(e.value=t.getAttribute("data-value").replace("px",""),i.value=""),this.apply()}))}));const v=s.querySelector(".inp-slide-up"),y=s.querySelector(".inp-slide-down");y.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),v.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="-${y.value}px"]`);t&&t.classList.add("on")})),v.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),y.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="${v.value}px"]`);t&&t.classList.add("on")})),d=s.querySelectorAll(".cmd-scale"),d.forEach((t=>{t.addEventListener("click",(()=>{const e=s.querySelector(".inp-scale");if(t.classList.contains("on"))return t.classList.remove("on"),e.value="",void this.apply();s.querySelectorAll(".cmd-scale").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),e.value=t.getAttribute("data-value"),this.apply()}))}));const x=s.querySelector(".inp-scale");x.addEventListener("change",(()=>{s.querySelectorAll(".cmd-scale").forEach((t=>{t.classList.remove("on")})),this.apply();let t=this.divEnterAnim.querySelector(`.cmd-scale[data-value="${x.value}"]`);t&&t.classList.add("on")})),d=s.querySelectorAll(".cmd-rotate"),d.forEach((t=>{t.addEventListener("click",(()=>{const e=s.querySelector(".inp-rotate-clockwise"),i=s.querySelector(".inp-rotate-counter");if(t.classList.contains("on"))return t.classList.remove("on"),e.value="",i.value="",void this.apply();s.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),-1!==t.getAttribute("data-value").indexOf("-")?(e.value=t.getAttribute("data-value").replace("-",""),i.value=""):(i.value=t.getAttribute("data-value"),e.value=""),this.apply()}))}));const _=s.querySelector(".inp-rotate-clockwise"),w=s.querySelector(".inp-rotate-counter");_.addEventListener("change",(()=>{s.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),w.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="-${_.value}"]`);t&&t.classList.add("on")})),w.addEventListener("change",(()=>{s.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),_.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="${w.value}"]`);t&&t.classList.add("on")}));let S=s.querySelector(".cmd-fade");S.addEventListener("click",(()=>{S.classList.contains("on")?S.classList.remove("on"):S.classList.add("on"),this.apply()})),s.querySelector(".cmd-clear-slide-left").addEventListener("click",(()=>{const t=s.querySelector(".inp-slide-left");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-slide-right").addEventListener("click",(()=>{const t=s.querySelector(".inp-slide-right");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-slide-up").addEventListener("click",(()=>{const t=s.querySelector(".inp-slide-up");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-slide-down").addEventListener("click",(()=>{const t=s.querySelector(".inp-slide-down");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-scale").addEventListener("click",(()=>{this.builder.editor.saveForUndo();s.querySelector(".inp-scale").value="",s.querySelectorAll(".cmd-scale").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-rotate-clockwise").addEventListener("click",(()=>{const t=this.divEnterAnim.querySelector(".inp-rotate-clockwise");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-rotate-counter").addEventListener("click",(()=>{const t=this.divEnterAnim.querySelector(".inp-rotate-counter");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-scrollanim").addEventListener("click",(()=>{let t;t=this.getTarget().element,t&&(this.builder.editor.saveForUndo(),this.cleanup(t),t.style.transform="",t.style.transition="",t.style.opacity="",this.read(),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange())})),d=a.querySelectorAll(".cmd-slidex"),d.forEach((t=>{t.addEventListener("click",(()=>{const e=a.querySelector(".inp-slide-left"),i=a.querySelector(".inp-slide-right");if(t.classList.contains("on"))return t.classList.remove("on"),e.value="",i.value="",void this.apply();a.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),-1!==t.getAttribute("data-value").indexOf("-")?(e.value=t.getAttribute("data-value").replace("-","").replace("px",""),i.value=""):(i.value=t.getAttribute("data-value").replace("px",""),e.value=""),this.apply()}))}));const C=a.querySelector(".inp-slide-left"),k=a.querySelector(".inp-slide-right");C.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),k.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="-${C.value}px"]`);t&&t.classList.add("on")})),k.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),C.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="${k.value}px"]`);t&&t.classList.add("on")})),d=a.querySelectorAll(".cmd-slidey"),d.forEach((t=>{t.addEventListener("click",(()=>{const e=a.querySelector(".inp-slide-up"),i=a.querySelector(".inp-slide-down");if(t.classList.contains("on"))return t.classList.remove("on"),e.value="",i.value="",void this.apply();a.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),-1!==t.getAttribute("data-value").indexOf("-")?(e.value=t.getAttribute("data-value").replace("-","").replace("px",""),i.value=""):(i.value=t.getAttribute("data-value").replace("px",""),e.value=""),this.apply()}))}));const E=a.querySelector(".inp-slide-up"),A=a.querySelector(".inp-slide-down");A.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),E.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="${A.value}px"]`);t&&t.classList.add("on")})),E.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),A.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="-${E.value}px"]`);t&&t.classList.add("on")})),d=a.querySelectorAll(".cmd-scale"),d.forEach((t=>{t.addEventListener("click",(()=>{const e=a.querySelector(".inp-scale");if(t.classList.contains("on"))return t.classList.remove("on"),e.value="",void this.apply();a.querySelectorAll(".cmd-scale").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),e.value=t.getAttribute("data-value"),this.apply()}))}));const L=a.querySelector(".inp-scale");L.addEventListener("change",(()=>{a.querySelectorAll(".cmd-scale").forEach((t=>{t.classList.remove("on")})),this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-scale[data-value="${L.value}"]`);t&&t.classList.add("on")})),d=a.querySelectorAll(".cmd-rotate"),d.forEach((t=>{t.addEventListener("click",(()=>{const e=a.querySelector(".inp-rotate-clockwise"),i=a.querySelector(".inp-rotate-counter");if(t.classList.contains("on"))return t.classList.remove("on"),e.value="",i.value="",void this.apply();a.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),-1!==t.getAttribute("data-value").indexOf("-")?(i.value=t.getAttribute("data-value").replace("-",""),e.value=""):(e.value=t.getAttribute("data-value"),i.value=""),this.apply()}))}));const q=a.querySelector(".inp-rotate-clockwise"),T=a.querySelector(".inp-rotate-counter");q.addEventListener("change",(()=>{a.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),T.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="${q.value}"]`);t&&t.classList.add("on")})),T.addEventListener("change",(()=>{a.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),q.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="-${T.value}"]`);t&&t.classList.add("on")}));let M=a.querySelector(".cmd-fade");M.addEventListener("click",(()=>{M.classList.contains("on")?M.classList.remove("on"):M.classList.add("on"),this.apply()})),a.querySelector(".cmd-clear-slide-left").addEventListener("click",(()=>{const t=a.querySelector(".inp-slide-left");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-slide-right").addEventListener("click",(()=>{const t=a.querySelector(".inp-slide-right");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-slide-up").addEventListener("click",(()=>{const t=a.querySelector(".inp-slide-up");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-slide-down").addEventListener("click",(()=>{const t=a.querySelector(".inp-slide-down");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-slidey").forEach((t=>{t.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((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-rotate-clockwise").addEventListener("click",(()=>{const t=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-rotate-counter").addEventListener("click",(()=>{const t=this.divLeaveAnim.querySelector(".inp-rotate-counter");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-scrollanim").addEventListener("click",(()=>{let t;t=this.getTarget().element,t&&(this.builder.editor.saveForUndo(),this.cleanup_leave(t),t.style.transform="",t.style.transition="",t.style.opacity="",this.read(),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange())}));o.querySelector(".inp-simplescroll-x-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".cmd-clear-simplescroll").addEventListener("click",(()=>{let t;t=this.getTarget().element,t&&(this.builder.editor.saveForUndo(),this.cleanup(t),this.cleanup_leave(t),this.cleanup_timeline(t),t.style.transform="",t.style.transition="",t.style.opacity="",this.read(),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange())}));const R=o.querySelector("#chkDisableSkrollrrOnMobile");R.addEventListener("click",(()=>{const t=this.builder.activeSection;t&&(this.builder.editor.saveForUndo(),R.checked?t.classList.add("m-skrollrr-off"):t.classList.remove("m-skrollrr-off"),this.builder.onChange())}));const O=o.querySelector("#chkPinSection"),B=o.querySelector(".div-pin-spacing");O.addEventListener("click",(()=>{const t=this.builder.activeSection;if(t){if(this.builder.editor.saveForUndo(),O.checked){t.classList.add("section-pin"),t.classList.add("pin-space-20"),B.style.display="block",B.querySelectorAll(".cmd-pin-space").forEach((t=>{t.classList.remove("on")})),B.querySelector('.cmd-pin-space[data-value="20"]').classList.add("on")}else t.classList.remove("section-pin"),B.style.display="none";this.builder.onChange()}}));B.querySelectorAll(".cmd-pin-space").forEach((t=>{t.addEventListener("click",(()=>{const e=this.builder.activeSection;if(!e)return;let i=t.getAttribute("data-value");this.builder.editor.saveForUndo(),e.classList.remove("pin-space-20"),e.classList.remove("pin-space-40"),e.classList.remove("pin-space-60"),e.classList.remove("pin-space-80"),e.classList.remove("pin-space-100"),"20"===i&&e.classList.add("pin-space-20"),"40"===i&&e.classList.add("pin-space-40"),"60"===i&&e.classList.add("pin-space-60"),"80"===i&&e.classList.add("pin-space-80"),"100"===i&&e.classList.add("pin-space-100"),B.querySelectorAll(".cmd-pin-space").forEach((t=>{t.classList.remove("on")})),t.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 N=this.divAnimScrollSimple.querySelector(".cmd-disable-smoothanim");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"):(this.builder.doc.body.setAttribute("data-skrollrr-off","true"),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh()),this.refreshPage(),l.classList.contains("active")&&this.openPreview()})),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.classList.contains("active")&&this.openPreview()}))}r.addEventListener("click",(()=>{this.openPreview();const t=this.builder.sidebar.pageQuickSettings;this.builder.editor.util.hidePop(t)}));l.querySelector(".is-modal-close").addEventListener("click",(()=>{this.closePreview()}));l.querySelector(".is-modal-size").addEventListener("click",(()=>{l.classList.contains("is-screen-1920")?(l.classList.remove("is-screen-1920"),l.classList.add("is-screen-1440"),localStorage.setItem("_livepreviewscreen","is-screen-1440")):l.classList.contains("is-screen-1440")?(l.classList.remove("is-screen-1440"),l.classList.add("is-screen-1024"),localStorage.setItem("_livepreviewscreen","is-screen-1024")):l.classList.contains("is-screen-1024")?(l.classList.remove("is-screen-1024"),l.classList.add("is-screen-768"),localStorage.setItem("_livepreviewscreen","is-screen-768")):l.classList.contains("is-screen-768")?(l.classList.remove("is-screen-768"),l.classList.add("is-screen-375"),localStorage.setItem("_livepreviewscreen","is-screen-375")):l.classList.contains("is-screen-375")&&(l.classList.remove("is-screen-375"),l.classList.add("is-screen-1920"),localStorage.setItem("_livepreviewscreen","is-screen-1920"));let t=this.builder.html();localStorage.setItem("preview-html",t);let e=this.builder.mainCss();localStorage.setItem("preview-maincss",e);let i=this.builder.sectionCss();localStorage.setItem("preview-sectioncss",i);l.querySelector("iframe").src=this.builder.previewURL+"?"+Math.floor(Date.now()/1e3)}));let D=this.builder.settings.onPageContentClick;this.builder.settings.onPageContentClick=()=>{D&&D.call(this),this.modalAnimateScroll.classList.contains("active")&&setTimeout((()=>{this.clickContent()}),30)};let P=this.builder.settings.onChange;this.builder.settings.onChange=()=>{if(P.call(this),l.classList.contains("active")){let t=this.builder.html();localStorage.setItem("preview-html",t);let e=this.builder.mainCss();localStorage.setItem("preview-maincss",e);let i=this.builder.sectionCss();localStorage.setItem("preview-sectioncss",i),l.querySelector("iframe").src=this.builder.previewURL+"?"+Math.floor(Date.now()/1e3)}};const z=l.querySelector("iframe");z.onload=()=>{setTimeout((()=>{this.scrollSync(z)}),1e3)},this.builder.win.addEventListener("scroll",(()=>{this.scrollSync(z)}))}scrollSync(t){if(this.modalPagePreview.classList.contains("active")&&!this.builder.cancelScrollSync)try{let e=t.contentWindow.document.querySelector(".is-wrapper").offsetHeight,i=this.builder.wrapperEl.offsetHeight*this.builder.editor.zoom,n=e-i;this.builder.wrapperEl.style.marginBottom="100vh",t.contentWindow.scrollTo(0,this.builder.win.scrollY+this.builder.win.scrollY/i*n)}catch(t){}}openPreview(){const t=this.builderStuff.querySelector(".is-modal.page-preview"),e=this.btnOpenPreviewWindow;let i=this.builder.html();localStorage.setItem("preview-html",i);let n=this.builder.mainCss();localStorage.setItem("preview-maincss",n);let o=this.builder.sectionCss();localStorage.setItem("preview-sectioncss",o),t.classList.add("active"),e.classList.add("on");t.querySelector("iframe").src=this.builder.previewURL+"?"+Math.floor(Date.now()/1e3),null!=localStorage.getItem("_livepreviewscreen")&&(t.classList.remove("is-screen-1920"),t.classList.remove("is-screen-1440"),t.classList.remove("is-screen-1024"),t.classList.remove("is-screen-768"),t.classList.remove("is-screen-375"),t.classList.add(localStorage.getItem("_livepreviewscreen"))),localStorage.setItem("_livepreview","1")}closePreview(){const t=this.builderStuff.querySelector(".is-modal.page-preview"),e=this.btnOpenPreviewWindow;t.classList.remove("active"),e.classList.remove("on"),this.builder.wrapperEl.style.marginBottom="",localStorage.removeItem("_livepreview")}refreshPage(){let t=this.getTarget().element;t&&t.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 e=!1;this.builder.sidebar.pageQuickSettings.classList.contains("active")&&(e=!0),t=this.builder.doc.querySelector("[data-save-target]"),t&&(t.click(),t.removeAttribute("data-save-target"));let i=this.builder.doc.querySelector("[data-save-element]");i&&(i.click(),i.removeAttribute("data-save-element"));let n=this.builder.doc.querySelector("[data-save-box]");n&&(n.classList.add("box-select"),n.removeAttribute("data-save-box"));let o=this.builder.doc.querySelector("[data-save-section]");o&&(o.classList.add("section-select"),o.removeAttribute("data-save-section")),e&&this.builder.sidebar.reOpenSettings(),this.builder.rePositionTool()}))}clickContent(){this.modalAnimateScroll.querySelectorAll(".cmd-target").forEach((t=>{t.classList.remove("on")}));let t=this.readTarget();if(t){if("element"===t.name||"inspectedElement"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=element]").classList.add("on")}else if("column"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=column]").classList.add("on")}else if("row"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=row]").classList.add("on")}else if("container"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=container]").classList.add("on")}else if("bg"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=bg]").classList.add("on")}else if("overlay"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=overlay]").classList.add("on")}else if("box"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=box]").classList.add("on")}else if("section"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=section]").classList.add("on")}}else{this.modalAnimateScroll.querySelector(".cmd-target[data-value=element]").classList.add("on")}try{this.read(),this.builder.debug&&console.log("timeline read() ok")}catch(t){this.builder.debug&&(console.log("timeline read() error"),console.log(t))}try{this.readAnimOnce(),this.builder.debug&&console.log("timeline readAnimOnce() ok")}catch(t){this.builder.debug&&(console.log("timeline readAnimOnce() error"),console.log(t))}}clearSettings(){let t;t=this.modalAnimateScroll.querySelectorAll(".cmd-basic-anim"),t.forEach((t=>{t.classList.remove("on")})),t=this.modalAnimateScroll.querySelectorAll(".cmd-basic-delay"),t.forEach((t=>{t.classList.remove("on")})),t=this.modalAnimateScroll.querySelectorAll(".cmd-start"),t.forEach((t=>{t.classList.remove("on")})),t=this.modalAnimateScroll.querySelectorAll(".cmd-end"),t.forEach((t=>{t.classList.remove("on")})),t=this.modalAnimateScroll.querySelectorAll(".cmd-leave-start"),t.forEach((t=>{t.classList.remove("on")})),t=this.divEnterAnim.querySelectorAll(".cmd-slidex"),t.forEach((t=>{t.classList.remove("on")})),t=this.divEnterAnim.querySelectorAll(".cmd-slidey"),t.forEach((t=>{t.classList.remove("on")})),t=this.divEnterAnim.querySelectorAll(".cmd-scale"),t.forEach((t=>{t.classList.remove("on")})),t=this.divEnterAnim.querySelectorAll(".cmd-rotate"),t.forEach((t=>{t.classList.remove("on")}));let e=this.divEnterAnim.querySelector(".cmd-fade");e.classList.remove("on"),t=this.divLeaveAnim.querySelectorAll(".cmd-slidex"),t.forEach((t=>{t.classList.remove("on")})),t=this.divLeaveAnim.querySelectorAll(".cmd-slidey"),t.forEach((t=>{t.classList.remove("on")})),t=this.divLeaveAnim.querySelectorAll(".cmd-scale"),t.forEach((t=>{t.classList.remove("on")})),t=this.divLeaveAnim.querySelectorAll(".cmd-rotate"),t.forEach((t=>{t.classList.remove("on")})),e=this.divLeaveAnim.querySelector(".cmd-fade"),e.classList.remove("on");const i=this.divEnterAnim.querySelector(".inp-slide-left"),n=this.divEnterAnim.querySelector(".inp-slide-right"),o=this.divEnterAnim.querySelector(".inp-slide-up"),s=this.divEnterAnim.querySelector(".inp-slide-down");i.value="",n.value="",o.value="",s.value="";this.divEnterAnim.querySelector(".inp-scale").value="";const a=this.divEnterAnim.querySelector(".inp-rotate-counter"),l=this.divEnterAnim.querySelector(".inp-rotate-clockwise");a.value="",l.value="";const r=this.divLeaveAnim.querySelector(".inp-slide-left"),d=this.divLeaveAnim.querySelector(".inp-slide-right"),c=this.divLeaveAnim.querySelector(".inp-slide-up"),u=this.divLeaveAnim.querySelector(".inp-slide-down");r.value="",d.value="",c.value="",u.value="";this.divLeaveAnim.querySelector(".inp-scale").value="";const p=this.divLeaveAnim.querySelector(".inp-rotate-counter"),h=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");p.value="",h.value="";const m=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-start"),g=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-15"),f=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-25"),b=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"),E=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-35"),A=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"),R=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-start"),O=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-15"),B=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-25"),I=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-35"),N=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-50"),$=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-65"),D=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-75"),P=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-85"),z=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-end"),H=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-start"),j=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-15"),F=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-25"),U=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-35"),W=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-50"),V=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-65"),G=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-75"),X=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-85"),Y=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"),tt=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-50"),et=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-65"),it=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-75"),nt=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-85"),ot=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-end");m.value="",g.value="",f.value="",b.value="",v.value="",y.value="",x.value="",_.value="",w.value="",S.value="",C.value="",k.value="",E.value="",A.value="",L.value="",q.value="",T.value="",M.value="",R.value="",O.value="",B.value="",I.value="",N.value="",$.value="",D.value="",P.value="",z.value="",H.value="",j.value="",F.value="",U.value="",W.value="",V.value="",G.value="",X.value="",Y.value="",K.value="",Z.value="",Q.value="",J.value="",tt.value="",et.value="",it.value="",nt.value="",ot.value=""}read(){this.clearSettings();const t=this.builder.activeSection;if(t){const e=this.modalAnimateScroll.querySelector(".div-pin-spacing"),i=this.modalAnimateScroll.querySelector("#chkPinSection");t.classList.contains("section-pin")?(i.checked=!0,e.style.display="block"):(i.checked=!1,e.style.display="none");const n=this.modalAnimateScroll.querySelector("#chkDisableSkrollrrOnMobile");if(t.classList.contains("m-skrollrr-off")?n.checked=!0:n.checked=!1,e.querySelectorAll(".cmd-pin-space").forEach((t=>{t.classList.remove("on")})),t.classList.contains("pin-space-20")){e.querySelector('.cmd-pin-space[data-value="20"]').classList.add("on")}else if(t.classList.contains("pin-space-40")){e.querySelector('.cmd-pin-space[data-value="40"]').classList.add("on")}else if(t.classList.contains("pin-space-60")){e.querySelector('.cmd-pin-space[data-value="60"]').classList.add("on")}else if(t.classList.contains("pin-space-80")){e.querySelector('.cmd-pin-space[data-value="80"]').classList.add("on")}else if(t.classList.contains("pin-space-100")){e.querySelector('.cmd-pin-space[data-value="100"]').classList.add("on")}else{e.querySelector('.cmd-pin-space[data-value="0"]').classList.add("on")}}let e,i,n,o=this.getTarget();if(e=o.element,!e)return;e.classList.contains("is-fadeIn")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeIn"]')),e.classList.contains("is-fadeInUp")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInUp"]')),e.classList.contains("is-fadeInDown")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInDown"]')),e.classList.contains("is-fadeInLeft")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInLeft"]')),e.classList.contains("is-fadeInRight")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInRight"]')),e.classList.contains("is-zoomIn")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-zoomIn"]')),e.classList.contains("is-zoomOut")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-zoomOut"]')),e.classList.contains("is-slideInUp")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInUp"]')),e.classList.contains("is-slideInDown")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInDown"]')),e.classList.contains("is-slideInLeft")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInLeft"]')),e.classList.contains("is-slideInRight")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInRight"]')),e.classList.contains("is-flipInX")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-flipInX"]')),e.classList.contains("is-flipInY")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-flipInY"]')),e.classList.contains("is-pulse")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-pulse"]')),e.classList.contains("is-bounceIn")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-bounceIn"]')),i&&i.classList.add("on"),e.classList.contains("delay-0ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-0ms"]')),e.classList.contains("delay-100ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-100ms"]')),e.classList.contains("delay-200ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-200ms"]')),e.classList.contains("delay-300ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-300ms"]')),e.classList.contains("delay-400ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-400ms"]')),e.classList.contains("delay-500ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-500ms"]')),e.classList.contains("delay-600ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-600ms"]')),e.classList.contains("delay-700ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-700ms"]')),e.classList.contains("delay-800ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-800ms"]')),e.classList.contains("delay-900ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-900ms"]')),e.classList.contains("delay-1000ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1000ms"]')),e.classList.contains("delay-1100ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1100ms"]')),e.classList.contains("delay-1200ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1200ms"]')),e.classList.contains("delay-1300ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1300ms"]')),e.classList.contains("delay-1400ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1400ms"]')),n&&n.classList.add("on");const s=this.modalAnimateScroll.querySelector(".cmd-basic-once");e.classList.contains("once")?s.classList.add("on"):s.classList.remove("on");this.modalAnimateScroll.querySelectorAll(".cmd-disable-smoothanim").forEach((t=>{e.hasAttribute("data-smooth-scrolling")?t.classList.add("on"):t.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"),f=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-15"),b=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"),E=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-25"),A=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"),R=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-end"),O=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-start"),B=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-15"),I=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-25"),N=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-35"),$=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-50"),D=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-65"),P=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-75"),z=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-85"),H=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-end"),j=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-start"),F=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-15"),U=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-25"),W=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-35"),V=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-50"),G=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-65"),X=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-75"),Y=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="",f.value="",b.value="",v.value="",y.value="",x.value="",_.value="",w.value="",S.value="",C.value="",k.value="",E.value="",A.value="",L.value="",q.value="",T.value="",M.value="",R.value="",O.value="",B.value="",I.value="",N.value="",$.value="",D.value="",P.value="",z.value="",H.value="",j.value="",F.value="",U.value="",W.value="",V.value="",G.value="",X.value="",Y.value="",K.value="",e.hasAttribute("data-bottom-top")&&e.hasAttribute("data-top-bottom")&&!(e.hasAttribute("data-center-bottom")||e.hasAttribute("data-100-top")||e.hasAttribute("data-50-top")||e.hasAttribute("data-top"))||e.hasAttribute("data-in")||e.hasAttribute("data-in-150")||e.hasAttribute("data-in-300")||e.hasAttribute("data-cen--150")||e.hasAttribute("data-cen")||e.hasAttribute("data-cen-150")||e.hasAttribute("data-out--300")||e.hasAttribute("data-out--150")||e.hasAttribute("data-out")){let t=document.querySelector(".dummy-elm"),i=e.getAttribute("data-bottom-top");t.style.cssText=i;let n=this.getTransform(t,i);n.translateX&&(a.value=n.translateX.replace("px","")),n.translateY&&(g.value=n.translateY.replace("px","")),n.scale&&(C.value=n.scale),n.rotate&&(O.value=n.rotate),n.opacity&&(j.value=n.opacity);let o=e.getAttribute("data-top-bottom");t.style.cssText=o,n=this.getTransform(t,o),n.translateX&&(m.value=n.translateX.replace("px","")),n.translateY&&(S.value=n.translateY.replace("px","")),n.scale&&(R.value=n.scale),n.rotate&&(H.value=n.rotate),n.opacity&&(K.value=n.opacity);let s=e.getAttribute("data-in");return t.style.cssText=s,n=this.getTransform(t,s),n.translateX&&(a.value=n.translateX.replace("px","")),n.translateY&&(g.value=n.translateY.replace("px","")),n.scale&&(C.value=n.scale),n.rotate&&(O.value=n.rotate),n.opacity&&(j.value=n.opacity),s=e.getAttribute("data-in-150"),t.style.cssText=s,n=this.getTransform(t,s),n.translateX&&(l.value=n.translateX.replace("px","")),n.translateY&&(f.value=n.translateY.replace("px","")),n.scale&&(k.value=n.scale),n.rotate&&(B.value=n.rotate),n.opacity&&(F.value=n.opacity),s=e.getAttribute("data-in-300"),t.style.cssText=s,n=this.getTransform(t,s),n.translateX&&(r.value=n.translateX.replace("px","")),n.translateY&&(b.value=n.translateY.replace("px","")),n.scale&&(E.value=n.scale),n.rotate&&(I.value=n.rotate),n.opacity&&(U.value=n.opacity),s=e.getAttribute("data-cen--150"),t.style.cssText=s,n=this.getTransform(t,s),n.translateX&&(d.value=n.translateX.replace("px","")),n.translateY&&(v.value=n.translateY.replace("px","")),n.scale&&(A.value=n.scale),n.rotate&&(N.value=n.rotate),n.opacity&&(W.value=n.opacity),s=e.getAttribute("data-cen"),t.style.cssText=s,n=this.getTransform(t,s),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&&(V.value=n.opacity),s=e.getAttribute("data-cen-150"),t.style.cssText=s,n=this.getTransform(t,s),n.translateX&&(u.value=n.translateX.replace("px","")),n.translateY&&(x.value=n.translateY.replace("px","")),n.scale&&(q.value=n.scale),n.rotate&&(D.value=n.rotate),n.opacity&&(G.value=n.opacity),s=e.getAttribute("data-out--300"),t.style.cssText=s,n=this.getTransform(t,s),n.translateX&&(p.value=n.translateX.replace("px","")),n.translateY&&(_.value=n.translateY.replace("px","")),n.scale&&(T.value=n.scale),n.rotate&&(P.value=n.rotate),n.opacity&&(X.value=n.opacity),s=e.getAttribute("data-out--150"),t.style.cssText=s,n=this.getTransform(t,s),n.translateX&&(h.value=n.translateX.replace("px","")),n.translateY&&(w.value=n.translateY.replace("px","")),n.scale&&(M.value=n.scale),n.rotate&&(z.value=n.rotate),n.opacity&&(Y.value=n.opacity),s=e.getAttribute("data-out"),t.style.cssText=s,n=this.getTransform(t,s),n.translateX&&(m.value=n.translateX.replace("px","")),n.translateY&&(S.value=n.translateY.replace("px","")),n.scale&&(R.value=n.scale),n.rotate&&(H.value=n.rotate),n.opacity&&(K.value=n.opacity),this.modalAnimateScroll.querySelector(".cmd-start.on")||(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),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")),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),Q&&Q.classList.add("on")),!0}let Z=e.getAttribute("data-bottom-top");Z||(Z=e.getAttribute("data-400-bottom")),Z||(Z=e.getAttribute("data-200-bottom")),Z||(Z=e.getAttribute("data--50-bottom"));let Q,J=e.getAttribute("data-top-bottom");e.hasAttribute("data-bottom-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-400-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-400-bottom"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-200-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-200-bottom"]'),Q&&Q.classList.add("on")),e.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")),e.hasAttribute("data-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-bottom"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-center-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center-top"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-center")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),Q&&Q.classList.add("on")),e.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 tt=document.querySelector(".dummy-elm");tt.style.cssText=Z;let et=this.getTransform(tt,Z);Q=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="${et.translateX}"]`),Q&&Q.classList.add("on"),Q=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="${et.translateY}"]`),Q&&Q.classList.add("on"),Q=this.divEnterAnim.querySelector(`.cmd-scale[data-value="${et.scale}"]`),Q&&Q.classList.add("on"),et.rotate&&(Q=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="${et.rotate}"]`),Q&&Q.classList.add("on"));const it=this.divEnterAnim.querySelector(".inp-slide-left"),nt=this.divEnterAnim.querySelector(".inp-slide-right");et.translateX&&(-1!==et.translateX.indexOf("-")?nt.value=et.translateX.replace("-","").replace("px",""):it.value=et.translateX.replace("px",""));const ot=this.divEnterAnim.querySelector(".inp-slide-up"),st=this.divEnterAnim.querySelector(".inp-slide-down");et.translateY&&(-1!==et.translateY.indexOf("-")?st.value=et.translateY.replace("-","").replace("px",""):ot.value=et.translateY.replace("px",""));const at=this.divEnterAnim.querySelector(".inp-scale");et.scale&&(at.value=et.scale);const lt=this.divEnterAnim.querySelector(".inp-rotate-counter"),rt=this.divEnterAnim.querySelector(".inp-rotate-clockwise");et.rotate&&(-1!==et.rotate.indexOf("-")?rt.value=et.rotate.replace("-",""):lt.value=et.rotate),et.opacity&&(Q=this.divEnterAnim.querySelector(".cmd-fade"),Q&&Q.classList.add("on")),e.hasAttribute("data-center-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-100-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-100-top"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-50-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-50-top"]'),Q&&Q.classList.add("on")),e.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")),tt.style.cssText=J,et=this.getTransform(tt,J),Q=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="${et.translateX}"]`),Q&&Q.classList.add("on"),Q=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="${et.translateY}"]`),Q&&Q.classList.add("on"),Q=this.divLeaveAnim.querySelector(`.cmd-scale[data-value="${et.scale}"]`),Q&&Q.classList.add("on"),et.rotate&&(Q=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="${et.rotate}"]`),Q&&Q.classList.add("on"));const dt=this.divLeaveAnim.querySelector(".inp-slide-left"),ct=this.divLeaveAnim.querySelector(".inp-slide-right");et.translateX&&(-1!==et.translateX.indexOf("-")?dt.value=et.translateX.replace("-","").replace("px",""):ct.value=et.translateX.replace("px",""));const ut=this.divLeaveAnim.querySelector(".inp-slide-up"),pt=this.divLeaveAnim.querySelector(".inp-slide-down");et.translateY&&(-1!==et.translateY.indexOf("-")?ut.value=et.translateY.replace("-","").replace("px",""):pt.value=et.translateY.replace("px",""));const ht=this.divLeaveAnim.querySelector(".inp-scale");et.scale&&(ht.value=et.scale);const mt=this.divLeaveAnim.querySelector(".inp-rotate-counter"),gt=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");return et.rotate&&(-1!==et.rotate.indexOf("-")?mt.value=et.rotate.replace("-",""):gt.value=et.rotate),et.opacity&&(Q=this.divLeaveAnim.querySelector(".cmd-fade"),Q&&Q.classList.add("on")),!0}cleanupBasic(t){t.classList.remove("is-animated"),t.classList.remove("once"),t.classList.remove("is-fadeIn"),t.classList.remove("is-fadeInUp"),t.classList.remove("is-fadeInDown"),t.classList.remove("is-fadeInLeft"),t.classList.remove("is-fadeInRight"),t.classList.remove("is-zoomIn"),t.classList.remove("is-zoomOut"),t.classList.remove("is-slideInUp"),t.classList.remove("is-slideInDown"),t.classList.remove("is-slideInLeft"),t.classList.remove("is-slideInRight"),t.classList.remove("is-flipInX"),t.classList.remove("is-flipInY"),t.classList.remove("is-pulse"),t.classList.remove("is-bounceIn")}cleanupDelay(t){t.classList.remove("delay-0ms"),t.classList.remove("delay-100ms"),t.classList.remove("delay-200ms"),t.classList.remove("delay-300ms"),t.classList.remove("delay-400ms"),t.classList.remove("delay-500ms"),t.classList.remove("delay-600ms"),t.classList.remove("delay-700ms"),t.classList.remove("delay-800ms"),t.classList.remove("delay-900ms"),t.classList.remove("delay-1000ms"),t.classList.remove("delay-1100ms"),t.classList.remove("delay-1200ms"),t.classList.remove("delay-1300ms"),t.classList.remove("delay-1400ms"),t.classList.remove("delay-1500ms"),t.classList.remove("delay-1600ms"),t.classList.remove("delay-1700ms"),t.classList.remove("delay-1800ms"),t.classList.remove("delay-1900ms"),t.classList.remove("delay-2000ms"),t.classList.remove("delay-2100ms"),t.classList.remove("delay-2200ms"),t.classList.remove("delay-2300ms"),t.classList.remove("delay-2400ms"),t.classList.remove("delay-2500ms"),t.classList.remove("delay-2600ms"),t.classList.remove("delay-2700ms"),t.classList.remove("delay-2800ms"),t.classList.remove("delay-2900ms"),t.classList.remove("delay-3000ms"),t.style.transitionDelay="",t.style.animationDelay=""}applyDelay(){let t,e,i=this.getTarget();t=i.element,t&&(this.modalAnimateScroll.querySelectorAll(".cmd-basic-delay").forEach((t=>{t.classList.contains("on")&&(e=t.getAttribute("data-value"))})),this.builder.editor.saveForUndo(),this.cleanupDelay(t),t.classList.remove("is-inview"),setTimeout((()=>{e&&t.classList.add(e),setTimeout((()=>{t.classList.add("is-inview")}),10)}),10),this.builder.settings.onChange())}applyBasic(){let t,e,i=this.getTarget();if(t=i.element,!t)return;this.modalAnimateScroll.querySelectorAll(".cmd-basic-anim").forEach((t=>{t.classList.contains("on")&&(e=t.getAttribute("data-value"))}));let n=!1;this.modalAnimateScroll.querySelector(".cmd-basic-once").classList.contains("on")&&(n=!0),this.builder.editor.saveForUndo(),this.cleanupBasic(t),t.style.transition="none",e&&(t.classList.remove("is-inview"),t.classList.remove("once"),setTimeout((()=>{t.classList.add(e),n?t.classList.add("once"):t.classList.remove("once"),t.classList.add("is-animated"),setTimeout((()=>{t.style.transition="",t.classList.add("is-inview"),this.builder.settings.onRender(),this.builder.settings.onChange()}),10)}),10))}applySimpleScroll(){let t;if(t=this.getTarget().element,!t)return;const e=this.modalAnimateScroll,i=e.querySelector(".inp-simplescroll-x-start"),n=e.querySelector(".inp-simplescroll-x-15"),o=e.querySelector(".inp-simplescroll-x-25"),s=e.querySelector(".inp-simplescroll-x-35"),a=e.querySelector(".inp-simplescroll-x-50"),l=e.querySelector(".inp-simplescroll-x-65"),r=e.querySelector(".inp-simplescroll-x-75"),d=e.querySelector(".inp-simplescroll-x-85"),c=e.querySelector(".inp-simplescroll-x-end"),u=e.querySelector(".inp-simplescroll-y-start"),p=e.querySelector(".inp-simplescroll-y-15"),h=e.querySelector(".inp-simplescroll-y-25"),m=e.querySelector(".inp-simplescroll-y-35"),g=e.querySelector(".inp-simplescroll-y-50"),f=e.querySelector(".inp-simplescroll-y-65"),b=e.querySelector(".inp-simplescroll-y-75"),v=e.querySelector(".inp-simplescroll-y-85"),y=e.querySelector(".inp-simplescroll-y-end"),x=e.querySelector(".inp-simplescroll-scale-start"),_=e.querySelector(".inp-simplescroll-scale-15"),w=e.querySelector(".inp-simplescroll-scale-25"),S=e.querySelector(".inp-simplescroll-scale-35"),C=e.querySelector(".inp-simplescroll-scale-50"),k=e.querySelector(".inp-simplescroll-scale-65"),E=e.querySelector(".inp-simplescroll-scale-75"),A=e.querySelector(".inp-simplescroll-scale-85"),L=e.querySelector(".inp-simplescroll-scale-end"),q=e.querySelector(".inp-simplescroll-rotate-start"),T=e.querySelector(".inp-simplescroll-rotate-15"),M=e.querySelector(".inp-simplescroll-rotate-25"),R=e.querySelector(".inp-simplescroll-rotate-35"),O=e.querySelector(".inp-simplescroll-rotate-50"),B=e.querySelector(".inp-simplescroll-rotate-65"),I=e.querySelector(".inp-simplescroll-rotate-75"),N=e.querySelector(".inp-simplescroll-rotate-85"),$=e.querySelector(".inp-simplescroll-rotate-end"),D=e.querySelector(".inp-simplescroll-opacity-start"),P=e.querySelector(".inp-simplescroll-opacity-15"),z=e.querySelector(".inp-simplescroll-opacity-25"),H=e.querySelector(".inp-simplescroll-opacity-35"),j=e.querySelector(".inp-simplescroll-opacity-50"),F=e.querySelector(".inp-simplescroll-opacity-65"),U=e.querySelector(".inp-simplescroll-opacity-75"),W=e.querySelector(".inp-simplescroll-opacity-85"),V=e.querySelector(".inp-simplescroll-opacity-end");let G,X,Y,K,Z,Q,J,tt,et,it,nt,ot,st,at,lt,rt,dt,ct,ut,pt,ht,mt,gt,ft,bt,vt,yt,xt,_t,wt,St,Ct,kt,Et,At,Lt,qt,Tt,Mt,Rt,Ot,Bt,It,Nt,$t;""!==i.value&&(G=i.value+(-1!==i.value.indexOf("%")?"":"px")),""!==n.value&&(X=n.value+(-1!==n.value.indexOf("%")?"":"px")),""!==o.value&&(Y=o.value+(-1!==o.value.indexOf("%")?"":"px")),""!==s.value&&(K=s.value+(-1!==s.value.indexOf("%")?"":"px")),""!==a.value&&(Z=a.value+(-1!==a.value.indexOf("%")?"":"px")),""!==l.value&&(Q=l.value+(-1!==l.value.indexOf("%")?"":"px")),""!==r.value&&(J=r.value+(-1!==r.value.indexOf("%")?"":"px")),""!==d.value&&(tt=d.value+(-1!==d.value.indexOf("%")?"":"px")),""!==c.value&&(et=c.value+(-1!==c.value.indexOf("%")?"":"px")),""!==u.value&&(it=u.value+(-1!==u.value.indexOf("%")?"":"px")),""!==p.value&&(nt=p.value+(-1!==p.value.indexOf("%")?"":"px")),""!==h.value&&(ot=h.value+(-1!==h.value.indexOf("%")?"":"px")),""!==m.value&&(st=m.value+(-1!==m.value.indexOf("%")?"":"px")),""!==g.value&&(at=g.value+(-1!==g.value.indexOf("%")?"":"px")),""!==f.value&&(lt=f.value+(-1!==f.value.indexOf("%")?"":"px")),""!==b.value&&(rt=b.value+(-1!==b.value.indexOf("%")?"":"px")),""!==v.value&&(dt=v.value+(-1!==v.value.indexOf("%")?"":"px")),""!==y.value&&(ct=y.value+(-1!==y.value.indexOf("%")?"":"px")),""!==x.value&&(ut=x.value),""!==_.value&&(pt=_.value),""!==w.value&&(ht=w.value),""!==S.value&&(mt=S.value),""!==C.value&&(gt=C.value),""!==k.value&&(ft=k.value),""!==E.value&&(bt=E.value),""!==A.value&&(vt=A.value),""!==L.value&&(yt=L.value),""!==q.value&&(xt=q.value),""!==T.value&&(_t=T.value),""!==M.value&&(wt=M.value),""!==R.value&&(St=R.value),""!==O.value&&(Ct=O.value),""!==B.value&&(kt=B.value),""!==I.value&&(Et=I.value),""!==N.value&&(At=N.value),""!==$.value&&(Lt=$.value),""!==D.value&&(qt=D.value),""!==P.value&&(Tt=P.value),""!==z.value&&(Mt=z.value),""!==H.value&&(Rt=H.value),""!==j.value&&(Ot=j.value),""!==F.value&&(Bt=F.value),""!==U.value&&(It=U.value),""!==W.value&&(Nt=W.value),""!==V.value&&($t=V.value);let Dt=(G?` translateX(${G})`:"")+(it?` translateY(${it})`:"")+(ut?` scale(${ut})`:"")+(xt?` rotate(${xt})`:"");Dt=Dt.trim();let Pt=(X?` translateX(${X})`:"")+(nt?` translateY(${nt})`:"")+(pt?` scale(${pt})`:"")+(_t?` rotate(${_t})`:"");Pt=Pt.trim();let zt=(Y?` translateX(${Y})`:"")+(ot?` translateY(${ot})`:"")+(ht?` scale(${ht})`:"")+(wt?` rotate(${wt})`:"");zt=zt.trim();let Ht=(K?` translateX(${K})`:"")+(st?` translateY(${st})`:"")+(mt?` scale(${mt})`:"")+(St?` rotate(${St})`:"");Ht=Ht.trim();let jt=(Z?` translateX(${Z})`:"")+(at?` translateY(${at})`:"")+(gt?` scale(${gt})`:"")+(Ct?` rotate(${Ct})`:"");jt=jt.trim();let Ft=(Q?` translateX(${Q})`:"")+(lt?` translateY(${lt})`:"")+(ft?` scale(${ft})`:"")+(kt?` rotate(${kt})`:"");Ft=Ft.trim();let Ut=(J?` translateX(${J})`:"")+(rt?` translateY(${rt})`:"")+(bt?` scale(${bt})`:"")+(Et?` rotate(${Et})`:"");Ut=Ut.trim();let Wt=(tt?` translateX(${tt})`:"")+(dt?` translateY(${dt})`:"")+(vt?` scale(${vt})`:"")+(At?` rotate(${At})`:"");Wt=Wt.trim();let Vt=(et?` translateX(${et})`:"")+(ct?` translateY(${ct})`:"")+(yt?` scale(${yt})`:"")+(Lt?` rotate(${Lt})`:"");Vt=Vt.trim();let Gt=(Dt?"transform: "+Dt+";":"")+(qt?`opacity:${qt}`:""),Xt=(Pt?"transform: "+Pt+";":"")+(Tt?`opacity:${Tt}`:""),Yt=(zt?"transform: "+zt+";":"")+(Mt?`opacity:${Mt}`:""),Kt=(Ht?"transform: "+Ht+";":"")+(Rt?`opacity:${Rt}`:""),Zt=(jt?"transform: "+jt+";":"")+(Ot?`opacity:${Ot}`:""),Qt=(Ft?"transform: "+Ft+";":"")+(Bt?`opacity:${Bt}`:""),Jt=(Ut?"transform: "+Ut+";":"")+(It?`opacity:${It}`:""),te=(Wt?"transform: "+Wt+";":"")+(Nt?`opacity:${Nt}`:""),ee=(Vt?"transform: "+Vt+";":"")+($t?`opacity:${$t}`:"");Gt=Gt.trim(),Xt=Xt.trim(),Yt=Yt.trim(),Kt=Kt.trim(),Zt=Zt.trim(),Qt=Qt.trim(),Jt=Jt.trim(),te=te.trim(),ee=ee.trim(),this.builder.editor.saveForUndo(),this.cleanup(t),this.cleanup_leave(t),this.cleanup_timeline(t),t.removeAttribute("data-bottom-top"),t.removeAttribute("data-top-bottom");let ie="data-in",ne="data-in-150",oe="data-in-300",se="data-cen--150",ae="data-cen",le="data-cen-150",re="data-out--300",de="data-out--150",ce="data-out";""!==Gt?t.setAttribute(ie,Gt):t.removeAttribute(ie),""!==Xt?t.setAttribute(ne,Xt):t.removeAttribute(ne),""!==Yt?t.setAttribute(oe,Yt):t.removeAttribute(oe),""!==Kt?t.setAttribute(se,Kt):t.removeAttribute(se),""!==Zt?t.setAttribute(ae,Zt):t.removeAttribute(ae),""!==Qt?t.setAttribute(le,Qt):t.removeAttribute(le),""!==Jt?t.setAttribute(re,Jt):t.removeAttribute(re),""!==te?t.setAttribute(de,te):t.removeAttribute(de),""!==ee?t.setAttribute(ce,ee):t.removeAttribute(ce);this.divAnimScrollSimple.querySelector(".cmd-disable-smoothanim").classList.contains("on")?(t.setAttribute("data-smooth-scrolling","off"),t.style.transition=""):t.removeAttribute("data-smooth-scrolling"),t.style.transform="",t.style.transition="",t.style.opacity="",this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange()}apply(){let t,e;if(t=this.getTarget().element,!t)return;let i,n,o,s=this.divEnterAnim.querySelectorAll(".cmd-slidex");s.forEach((t=>{t.classList.contains("on")&&(e=t.getAttribute("data-value"))})),s=this.divEnterAnim.querySelectorAll(".cmd-slidey"),s.forEach((t=>{t.classList.contains("on")&&(i=t.getAttribute("data-value"))})),s=this.divEnterAnim.querySelectorAll(".cmd-scale"),s.forEach((t=>{t.classList.contains("on")&&(n=t.getAttribute("data-value"))})),s=this.divEnterAnim.querySelectorAll(".cmd-rotate"),s.forEach((t=>{t.classList.contains("on")&&(o=t.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&&(e="-"+r.value+(-1!==r.value.indexOf("%")?"":"px"));const d=this.divEnterAnim.querySelector(".inp-slide-left");""!==d.value&&(e=d.value+(-1!==d.value.indexOf("%")?"":"px"));const c=this.divEnterAnim.querySelector(".inp-slide-down");""!==c.value&&(i="-"+c.value+(-1!==c.value.indexOf("%")?"":"px"));const u=this.divEnterAnim.querySelector(".inp-slide-up");""!==u.value&&(i=u.value+(-1!==u.value.indexOf("%")?"":"px"));const p=this.divEnterAnim.querySelector(".inp-scale");""!==p.value&&(n=p.value);const h=this.divEnterAnim.querySelector(".inp-rotate-clockwise");""!==h.value&&(o="-"+h.value);const m=this.divEnterAnim.querySelector(".inp-rotate-counter");""!==m.value&&(o=m.value);let g=(e?` translateX(${e})`:"")+(i?` translateY(${i})`:"")+(o?` rotate(${o}deg)`:"")+(n?` scale(${n})`:"");g=g.trim();let f=(e?" translateX(0px)":"")+(i?" translateY(0px)":"")+(o?" rotate(0deg)":"")+(n?" scale(1)":"");f=f.trim();let b,v,y,x,_,w,S=(g?"transform: "+g+";":"")+(a?"opacity: 0;":""),C=(f?"transform: "+f+";":"")+(a?"opacity: 1;":"");this.builder.editor.saveForUndo(),this.cleanup_timeline(t),this.cleanup(t),s=this.modalAnimateScroll.querySelectorAll(".cmd-start"),s.forEach((t=>{t.classList.contains("on")&&(b=t.getAttribute("data-value"))})),s=this.modalAnimateScroll.querySelectorAll(".cmd-end"),s.forEach((t=>{t.classList.contains("on")&&(v=t.getAttribute("data-value"))})),b||(b="data-bottom-top"),v||(v="data-center"),S=S.trim(),C=C.trim(),""!==S&&t.setAttribute(b,S),""!==C&&t.setAttribute(v,C),s=this.divLeaveAnim.querySelectorAll(".cmd-slidex"),s.forEach((t=>{t.classList.contains("on")&&(y=t.getAttribute("data-value"))})),s=this.divLeaveAnim.querySelectorAll(".cmd-slidey"),s.forEach((t=>{t.classList.contains("on")&&(x=t.getAttribute("data-value"))})),s=this.divLeaveAnim.querySelectorAll(".cmd-scale"),s.forEach((t=>{t.classList.contains("on")&&(_=t.getAttribute("data-value"))})),s=this.divLeaveAnim.querySelectorAll(".cmd-rotate"),s.forEach((t=>{t.classList.contains("on")&&(w=t.getAttribute("data-value"))}));let k=!1;l=this.divLeaveAnim.querySelector(".cmd-fade"),l.classList.contains("on")&&(k=!0);const E=this.divLeaveAnim.querySelector(".inp-slide-left");""!==E.value&&(y="-"+E.value+(-1!==E.value.indexOf("%")?"":"px"));const A=this.divLeaveAnim.querySelector(".inp-slide-right");""!==A.value&&(y=A.value+(-1!==A.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 R=this.divLeaveAnim.querySelector(".inp-rotate-counter");""!==R.value&&(w="-"+R.value);let O=(y?" translateX(0px)":"")+(x?" translateY(0px)":"")+(w?" rotate(0deg)":"")+(_?" scale(1)":"");O=O.trim();let B=(y?` translateX(${y})`:"")+(x?` translateY(${x})`:"")+(w?` rotate(${w}deg)`:"")+(_?` scale(${_})`:"");B=B.trim();let I,N,$=(O?"transform: "+O+";":"")+(k?"opacity: 1;":""),D=(B?"transform: "+B+";":"")+(k?"opacity: 0;":"");this.cleanup_leave(t),s=this.modalAnimateScroll.querySelectorAll(".cmd-leave-start"),s.forEach((t=>{t.classList.contains("on")&&(I=t.getAttribute("data-value"))})),I||(I="data-center-bottom"),N="data-top-bottom",$=$.trim(),D=D.trim(),""!==$&&t.setAttribute(I,$),""!==D&&t.setAttribute("data-top-bottom",D),""===S&&""===C&&""===$&&""===D&&(t.style.transform="",t.style.transition="",t.style.opacity=""),(a||k)&&(t.style.opacity="");this.divAnimSettings.querySelector(".cmd-disable-smoothanim").classList.contains("on")?(t.setAttribute("data-smooth-scrolling","off"),t.style.transition=""):t.removeAttribute("data-smooth-scrolling"),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange()}readAnimOnce(){let t=this.builder.activeSection;t&&(t.querySelector(".is-animated.once")?this.modalAnimateScroll.querySelector("#chkPresetAnimOnce").checked=!0:this.modalAnimateScroll.querySelector("#chkPresetAnimOnce").checked=!1)}getTarget(){let t,e;if(this.modalAnimateScroll.querySelectorAll(".cmd-target").forEach((e=>{e.classList.contains("on")&&(t=e.getAttribute("data-value"))})),"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(t){if(!t){let t,e,i,n=this.builder.editor.inspectedElement;if(!n)return this.readTarget("bg");t=n.getAttribute("data-bottom-top"),t||(t=n.getAttribute("data-400-bottom")),t||(t=n.getAttribute("data-200-bottom")),t||(t=n.getAttribute("data--50-bottom")),e=n.getAttribute("data-top-bottom"),i=n.getAttribute("data-in"),i||(i=n.getAttribute("data-in-150")),i||(i=n.getAttribute("data-in-300")),i||(i=n.getAttribute("data-cen--150")),i||(i=n.getAttribute("data-cen")),i||(i=n.getAttribute("data-cen-150")),i||(i=n.getAttribute("data-out--300")),i||(i=n.getAttribute("data-out--150")),i||(i=n.getAttribute("data-out"));let o=!1;return(n.classList.contains("is-fadeIn")||n.classList.contains("is-fadeInUp")||n.classList.contains("is-fadeInDown")||n.classList.contains("is-fadeInLeft")||n.classList.contains("is-fadeInRight")||n.classList.contains("is-zoomIn")||n.classList.contains("is-zoomOut")||n.classList.contains("is-slideInUp")||n.classList.contains("is-slideInDown")||n.classList.contains("is-slideInLeft")||n.classList.contains("is-slideInRight")||n.classList.contains("is-flipInX")||n.classList.contains("is-flipInY")||n.classList.contains("is-pulse")||n.classList.contains("is-bounceIn"))&&(o=!0),t||e||i||o?{element:n,name:"inspectedElement"}:this.readTarget("element")}{let e,i,n,o;if("element"===t&&(e=this.builder.editor.activeElement),"column"===t&&(e=this.builder.editor.activeCol),"row"===t&&this.builder.editor.activeCol&&(e=this.builder.editor.activeCol.parentNode),"container"===t&&this.builder.editor.activeCol&&(e=this.builder.editor.activeCol.parentNode.parentNode),"bg"===t){let t;const i=this.builder.doc.querySelector(".box-select");i&&(t=i.querySelector(".is-overlay-bg")),t&&(e=t)}if("overlay"===t){let t;const i=this.builder.doc.querySelector(".box-select");i&&(t=i.querySelector(".is-overlay")),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)}if(!e){if("element"===t)return this.readTarget("column");if("column"===t)return this.readTarget("row");if("row"===t)return this.readTarget("container");if("container"===t)return this.readTarget("bg");if("bg"===t)return this.readTarget("overlay");if("overlay"===t)return this.readTarget("box");if("box"===t)return this.readTarget("section");if("section"===t)return!1}i=e.getAttribute("data-bottom-top"),i||(i=e.getAttribute("data-400-bottom")),i||(i=e.getAttribute("data-200-bottom")),i||(i=e.getAttribute("data--50-bottom")),n=e.getAttribute("data-top-bottom"),o=e.getAttribute("data-in"),o||(o=e.getAttribute("data-in-150")),o||(o=e.getAttribute("data-in-300")),o||(o=e.getAttribute("data-cen--150")),o||(o=e.getAttribute("data-cen")),o||(o=e.getAttribute("data-cen-150")),o||(o=e.getAttribute("data-out--300")),o||(o=e.getAttribute("data-out--150")),o||(o=e.getAttribute("data-out"));let s=!1;if((e.classList.contains("is-fadeIn")||e.classList.contains("is-fadeInUp")||e.classList.contains("is-fadeInDown")||e.classList.contains("is-fadeInLeft")||e.classList.contains("is-fadeInRight")||e.classList.contains("is-zoomIn")||e.classList.contains("is-zoomOut")||e.classList.contains("is-slideInUp")||e.classList.contains("is-slideInDown")||e.classList.contains("is-slideInLeft")||e.classList.contains("is-slideInRight")||e.classList.contains("is-flipInX")||e.classList.contains("is-flipInY")||e.classList.contains("is-pulse")||e.classList.contains("is-bounceIn"))&&(s=!0),i||n||o||s)return{element:e,name:t};if("element"===t)return this.readTarget("column");if("column"===t)return this.readTarget("row");if("row"===t)return this.readTarget("container");if("container"===t)return this.readTarget("bg");if("bg"===t)return this.readTarget("overlay");if("overlay"===t)return this.readTarget("box");if("box"===t)return this.readTarget("section");if("section"===t)return!1}}getTransform(t,e){let i,n,o,s,a=this.parseComplexStyleProperty(e);a.translateX&&(i=a.translateX[0]),a.translateY&&(n=a.translateY[0]),a.scale&&(o=a.scale[0]),a.rotate&&(s=a.rotate[0]);let l=t.style.opacity;return{translateX:i||!1,translateY:n||!1,scale:o||!1,rotate:!!s&&s.replace("deg",""),opacity:l||!1}}parseComplexStyleProperty(t){for(var e,i=/(\w+)\((.+?)\)/g,n={};e=i.exec(t);)n[e[1]]=n[e[1]]?n[e[1]].concat([e[2]]):[e[2]];return n}cleanup(t){t.removeAttribute("data-center"),t.removeAttribute("data-center-top"),t.removeAttribute("data--50-bottom"),t.removeAttribute("data--100-bottom"),t.removeAttribute("data--150-bottom"),t.removeAttribute("data--200-bottom"),t.removeAttribute("data--300-bottom"),t.removeAttribute("data--400-bottom"),t.removeAttribute("data-bottom-top"),t.removeAttribute("data-400-bottom"),t.removeAttribute("data-300-bottom"),t.removeAttribute("data-200-bottom"),t.removeAttribute("data-150-bottom"),t.removeAttribute("data-100-bottom"),t.removeAttribute("data-50-bottom"),t.removeAttribute("data-bottom")}cleanup_leave(t){t.removeAttribute("data-center-bottom"),t.removeAttribute("data-100-top"),t.removeAttribute("data-50-top"),t.removeAttribute("data-top"),t.removeAttribute("data-top-bottom")}cleanup_timeline(t){t.removeAttribute("data-in"),t.removeAttribute("data-in-150"),t.removeAttribute("data-in-300"),t.removeAttribute("data-cen--150"),t.removeAttribute("data-cen"),t.removeAttribute("data-cen-150"),t.removeAttribute("data-out--300"),t.removeAttribute("data-out--150"),t.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 sy=new t;return class{constructor(t={}){if(this.settings=Object.assign(this,{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:"",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:2,designId:1,name:"Slider"},{id:1,designId:2,name:"Header"},{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:"",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,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,onAddSectionOpen:function(){},contentHtmlStart:'<div class="is-container is-builder container"><div class="row clearfix"><div class="column full">',contentHtmlEnd:"</div></div></div>"},t),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 t=document.body.clientWidth;this.settings.templateThumbnailSize=t<=1440?"small":t>1440&&t<=1920?"medium":"large"}let i,n;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){i=this.iframe.contentWindow;let t=this.iframe.contentDocument||this.iframe.contentWindow.document;n=t,this.iframeDocument=t}else i=window,n=document;if(this.win=i,this.doc=n,this.iframe){let t=n.querySelector(".content-stuff");t||(t=document.createElement("div"),t.className="content-stuff is-ui",t.id="_cbhtml",n.body.appendChild(t)),this.contentStuff=t,this.stuff=new iy(this)}if(this.wrapperEl=this.doc.querySelector(this.wrapper),sy.hasClass(this.wrapperEl,"preview"))return void(this.preview=!0);sy.addClass(this.wrapperEl,"is-wrapper"),sy.addClass(this.wrapperEl,"is-edit");let o=this.settings.onRender;this.settings.onRender=()=>{o.call(this);try{this.box(),setTimeout((()=>{if(this.win.skrollr){let t=this.win.skrollr.get();t&&t.refresh()}}),100)}catch(t){}};let s=this.settings.onChange;this.settings.onChange=()=>{s.call(this)};let l=document.querySelector("#_cbhtml");l||(l=document.createElement("div"),l.id="_cbhtml",l.style.visibility="hidden",l.className="is-ui",document.body.appendChild(l),l=document.querySelector("#_cbhtml")),this.builderStuff=l,l.style.position="fixed",setTimeout((()=>{l.style.position=""}),1200),(t=>{const i=t.builderStuff;e.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-app-window" 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="5" width="18" height="14" rx="2"></rect>\n <path d="M6 8h.01"></path>\n <path d="M9 8h.01"></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-devices" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <rect x="13" y="8" width="8" height="12" rx="1"></rect>\n <path d="M18 8v-3a1 1 0 0 0 -1 -1h-13a1 1 0 0 0 -1 1v12a1 1 0 0 0 1 1h9"></path>\n <line x1="16" y1="9" x2="18" y2="9"></line>\n </symbol> \n\n </defs>\n </svg>')})(this),this.sidebar=new a(this),this.animateScroll=new oy(this),window.data_basic?(this.editorSetup(),this.init()):sy.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}editorSetup(){this.editor=new Jv({container:".is-container",page:".is-wrapper",iframe:this.settings.iframe,imageAdjust:2,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,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,zoom:this.settings.zoom,onZoomStart:()=>{const t=this.wrapperEl;let e=t.querySelectorAll(".is-section-tool");Array.prototype.forEach.call(e,(function(t){"block"===t.style.display&&(t.setAttribute("data-section-active",""),t.style.display="none")})),e=t.querySelectorAll(".is-box-tool"),Array.prototype.forEach.call(e,(function(t){"flex"===t.style.display&&(t.setAttribute("data-box-active",""),t.style.display="none")})),this.wrapperEl.style.transition="none"},onZoom:t=>{const e=300*(1-t)/.5;this.wrapperEl.style.marginTop=`${e}px`},onZoomEnd:()=>{const t=this.wrapperEl;if(!t.querySelector(".is-section"))return;this.addSpace();let e=t.querySelector(".is-section-tool[data-section-active]");e&&(e.removeAttribute("data-section-active"),e.style.display="block"),e=t.querySelector(".is-box-tool[data-box-active]"),e&&(e.removeAttribute("data-box-active"),e.style.display="flex"),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,onContentClick:t=>{this.settings.onContentClick&&this.settings.onContentClick(),this.doc.body.classList.remove("temporary-hide-tools");let e=t.target;if(!e.closest('[contenteditable="true"]')){let i=this.editor.dom.getParentElement(e,"a");if("a"===e.tagName.toLowerCase()||i){"a"===e.tagName.toLowerCase()&&(i=e);let n=i.getAttribute("href");if(n&&0===n.indexOf("#"))if(0===n.indexOf("#section")){let e=n.replace("#section","");if(!isNaN(parseInt(e))){let i,n=this.doc.querySelectorAll(".is-section"),o=0;n.forEach((function(t){sy.hasClass(t,"is-section-navbar")||(o===e-1&&(i=t),o++)})),i&&this.scrollTo(i),t.preventDefault()}}else{let e=this.doc.querySelector(n);e&&(this.scrollTo(e),t.preventDefault())}}}}}),this.isTouchSupport=this.editor.isTouchSupport}init(){sy.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-edit {\n padding-left: 61px;\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\n /* Navbar Fix */\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 /* protected section */\n .is-section.protected .is-box-tool {\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-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-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\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 .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 .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 .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 /* 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 {\n overflow-x: auto;\n overflow-y: hidden;\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 </style>`),sy.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.page-preview.is-modal-content {\n z-index: 10002;\n position: fixed;\n overflow: hidden;\n width: 576px;\n height: 332px;\n top: auto;\n bottom: 30px;\n left:90px;\n box-sizing: content-box;\n flex-direction: row;\n align-items: flex-start;\n }\n #_cbhtml .is-modal.page-preview.is-modal-content.active {\n display: flex;\n }\n #_cbhtml .is-modal.page-preview.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: 340px;\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 </style>');const t=this.builderStuff;sy.appendHtml(t,'<div class="page-overlay"></div>');let e=t.querySelector(".page-overlay");this.editsection=new d(this),this.editbox=new ti(this),setTimeout((()=>{this.pageSetupDone||this.pageSetup(),null!=localStorage.getItem("_livepreview")&&this.openPreview()}),300);let i=!1;const n="contentboxstart",o=Date.now();if(JSON.parse(localStorage.getItem(n))){const t=JSON.parse(localStorage.getItem(n)).expiresOn;Date.now()>t&&(i=!0,localStorage.setItem(n,JSON.stringify({initial:o,expiresOn:o+2592e6})))}else i=!0,localStorage.setItem(n,JSON.stringify({initial:o,expiresOn:o+2592e6}));const s=()=>{let i,n=document.querySelector(".pace-inactive");n&&n.parentNode.removeChild(n),i=null!==localStorage.getItem("_zoom")?localStorage.getItem("_zoom"):this.settings.zoom,this.wrapperEl.style.transition="none";const o=300*(1-i)/.5;this.wrapperEl.style.marginTop=`${o}px`,this.wrapperEl.style.opacity=1;let s=t.querySelector(".is-sidebar");s&&(s.style.opacity=1),this.builderStuff.style.visibility="visible",setTimeout((()=>{e=t.querySelectorAll(".page-overlay"),e.forEach((t=>{t.parentNode.removeChild(t)})),this.wrapperEl.style.transition=""}),300)};this.disableLoadingStatus?(ey.stop(),setTimeout((()=>{s()}),300)):i?(ey.start(),ey.on("hide",(()=>{s()}))):(ey.stop(),setTimeout((()=>{s()}),300)),this.doc.addEventListener("wheel",(()=>{if(this.editor.activeElement&&this.editor.activeElement.closest(".section-wide-250")){this.doc.body.classList.add("temporary-hide-tools"),this.editor.moveable&&this.editor.moveable.updateRect();let t=this.doc.querySelector(".moveable-control-box");t&&(t.style.display="none")}})),this.doc.addEventListener("click",this.doDocumentClick=t=>{var e=(t=t||window.event).target||t.srcElement;if(!(e.closest("#_cbhtml")||e.closest(".is-box-tool")||e.closest(".is-section-tool")||e.closest(".is-side")||e.closest(".is-modal")||e.closest(".is-sidebar")))if(e.closest(".is-wrapper")&&!e.classList.contains("is-wrapper")){if(e.closest(".is-container")){const t=e.closest(".is-box");if(e.closest(".is-tool")||e.closest(".is-rowadd-tool")||(t.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"))),t){const e=this.doc.querySelector(".box-select");e&&e.classList.remove("box-select"),t.classList.add("box-select"),this.activeBox=t,this.wrapperEl.classList.add("hard-select")}const i=e.closest(".is-section");if(i){const t=this.doc.querySelector(".section-select");t&&t.classList.remove("section-select"),i.classList.add("section-select"),this.activeSection=i}}else{this.editor.inspectedElement=null,this.editor.activeElement=null,this.editor.activeCol=null;const t=e.closest(".is-box");if(t)if(t.classList.contains("box-select")&&!this.wrapperEl.classList.contains("is-clean-edit")){const t=this.builderStuff.querySelector(".editbox"),e=this.builderStuff.querySelector(".editsection");if("flex"!==t.style.display&&"flex"!==e.style.display&&!this.animateScroll.modalAnimateScroll.classList.contains("active")){const t=this.doc.querySelector(".box-select");t&&t.classList.remove("box-select");const e=this.doc.querySelector(".section-select");e&&e.classList.remove("section-select"),this.wrapperEl.classList.remove("hard-select")}}else{const e=this.doc.querySelector(".box-select");e&&e.classList.remove("box-select");const i=this.doc.querySelector(".section-select");i&&i.classList.remove("section-select"),t.classList.add("box-select"),this.activeBox=t;const n=t.closest(".is-section");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(t)}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 t=this.builderStuff.querySelector(".editbox");t.style.display="";const e=this.builderStuff.querySelector(".editsection");if(e.style.display="","flex"!==t.style.display&&"flex"!==e.style.display&&!this.animateScroll.modalAnimateScroll.classList.contains("active")){this.wrapperEl.classList.remove("hard-select");this.doc.querySelectorAll(".box-select").forEach((t=>{t.classList.remove("box-select")}));this.doc.querySelectorAll(".section-select").forEach((t=>{t.classList.remove("section-select")}))}}let i=!1,n=!1,o=!1,s=!1,a=!1,l=!1,r=!1,d=!1,c=!1,u=e;for(;u&&u.tagName&&"BODY"!==u.tagName&&"HTML"!==u.tagName;)sy.hasClass(u,"is-sidebar-content")&&(i=!0),sy.hasClass(u,"is-sidebar")&&(n=!0),sy.hasClass(u,"is-builder")&&(o=!0),sy.hasClass(u,"is-wrapper")&&(a=!0),sy.hasClass(u,"is-rte-tool")&&(l=!0),sy.hasClass(u,"is-modal")&&(r=!0),sy.hasClass(u,"is-pop")&&(d=!0),sy.hasClass(u,"is-tool")&&(c=!0),sy.hasClass(u,"is-section")&&(u.hasAttribute("data-anim-start")||u.hasAttribute("data-anim-end"))&&(s=!0),u=u.parentNode;if(!(i||n||a||l||r||d||c)){this.wrapperEl.querySelectorAll(".is-box-tool").forEach((t=>{t.style.display="none"}));this.wrapperEl.querySelectorAll(".is-section-tool").forEach((t=>{t.style.display="none"}))}i||n||this.sidebar.closeSidebar(),o&&s&&(this.controlHiddenOnScroll=!0)}),this.iframe&&document.addEventListener("click",this.doDocumentClick=t=>{let e=!1,i=!1,n=!1,o=!1,s=!1,a=!1,l=!1,r=(t=t||window.event).target||t.srcElement;for(;r&&r.tagName&&"BODY"!==r.tagName&&"HTML"!==r.tagName;)sy.hasClass(r,"is-sidebar-content")&&(e=!0),sy.hasClass(r,"is-sidebar")&&(i=!0),sy.hasClass(r,"is-wrapper")&&(n=!0),sy.hasClass(r,"is-rte-tool")&&(o=!0),sy.hasClass(r,"is-modal")&&(s=!0),sy.hasClass(r,"is-pop")&&(a=!0),sy.hasClass(r,"is-tool")&&(l=!0),r=r.parentNode;if(!(e||i||n||o||s||a||l)){this.wrapperEl.querySelectorAll(".is-box-tool").forEach((t=>{t.style.display="none"}));this.wrapperEl.querySelectorAll(".is-section-tool").forEach((t=>{t.style.display="none"}))}e||i||this.sidebar.closeSidebar()})}openPreview(){this.animateScroll.openPreview()}closePreview(){this.animateScroll.closePreview()}openSettings(t){this.sidebar.openSettings(t)}pageSetup(){this.wrapperEl.querySelectorAll(".is-section").forEach((t=>{if(this.sectionSetup(t),sy.hasClass(t,"is-box"))this.boxSetup(t);else{t.querySelectorAll(".is-box").forEach((t=>{this.boxSetup(t)}))}})),this.editor.applyBehavior(),this.addSpace()}box(){const t=this.doc.querySelector(".is-section-navbar");if(t){t.querySelectorAll("a").forEach((t=>{t.addEventListener("click",(e=>{let i=t.getAttribute("href");if(i)if(0===i.indexOf("#"))if(0===i.indexOf("#section")){let t=i.replace("#section","");if(!isNaN(parseInt(t))){let i,n=this.doc.querySelectorAll(".is-section"),o=0;n.forEach((function(e){sy.hasClass(e,"is-section-navbar")||(o===t-1&&(i=e),o++)})),i&&this.scrollTo(i),e.preventDefault()}}else try{let t=this.doc.querySelector(i);t&&(this.scrollTo(t),e.preventDefault())}catch(e){}else e.preventDefault(),e.stopImmediatePropagation();else t.closest(".is-menu-search")||(e.preventDefault(),e.stopImmediatePropagation())}))}))}}addSpace(){}scrollTo(t,e=0){this.cancelScrollSync=!0,setTimeout((()=>{t.scrollIntoView({behavior:"smooth",block:"center"}),setTimeout((()=>{this.cancelScrollSync=!1;const t=this.animateScroll.modalPagePreview.querySelector("iframe");this.animateScroll.scrollSync(t)}),1e3)}),e)}sectionSetup(t){let e=t.querySelector(".is-section-tool");e&&e.parentNode.removeChild(e),sy.appendHtml(t,'<div class="is-section-tool"><button type="button" class="is-section-edit" tabindex="-1" data-title="'+n("Section Settings")+'" title="'+n("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="'+n("Remove")+'" title="'+n("Remove")+'">✕</button></div>');let i=t.querySelector(".is-section-info");i&&i.parentNode.removeChild(i);const o=t.getAttribute("id");sy.appendHtml(t,'<div class="is-section-info">'+(o?`<div>#${o}</div>`:"")+"</div>");let s=t.querySelector(".is-section-tool").querySelectorAll("[title]");Array.prototype.forEach.call(s,(t=>{t.setAttribute("data-title",t.getAttribute("title")),this.iframe?this.editor.tooltip.set(t,5,3,!0):this.editor.tooltip.set(t,5,3)}));t.querySelector(".is-section-edit").addEventListener("click",(()=>{this.editbox.close(),this.editsection.edit()}));if(t.querySelector(".is-section-remove").addEventListener("click",(()=>{const t=document.querySelector(".is-modal.delsectionconfirm");this.editor.util.showModal(t);this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display=""})),t.classList.contains("section-wide-250")){t.querySelector(".is-box-centered").addEventListener("scroll",(()=>{this.doc.body.classList.add("temporary-hide-tools"),this.editor.moveable&&this.editor.moveable.updateRect();let t=this.doc.querySelector(".moveable-control-box");t&&(t.style.display="none")}))}}boxSetup(t){let e=t.querySelector(".is-box-tool");if(e&&e.parentNode.removeChild(e),sy.appendHtml(t,'<div class="is-box-tool" data-tool="1"><div role="button" class="is-cover-upload" data-tooltip-top title="'+n("Background Image")+'" data-title="'+n("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="'+n("Box Settings")+'" title="'+n("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="'+n("Module Settings")+'" title="'+n("Module Settings")+'"><svg class="is-icon-flex"><use xlink:href="#ion-ios-gear"></use></svg></button></div>'),e){let t=e.querySelectorAll("[title]");Array.prototype.forEach.call(t,(t=>{t.setAttribute("data-title",t.getAttribute("title")),this.iframe?this.editor.tooltip.set(t,5,3,!0):this.editor.tooltip.set(t,5,3)}))}const i=t.querySelector(".is-box-edit");i&&i.addEventListener("click",(()=>{this.editsection.close(),this.editbox.edit()}));const o=t.querySelector(".is-module-edit");o&&o.addEventListener("click",(()=>{this.editbox.editModule()}));let s=t.querySelector(".is-cover-upload");s&&"none"!==s.style.display&&s.addEventListener("mouseenter",(()=>{let t,e,i;t=this.iframe?this.contentStuff.querySelector(".is-cover-upload-central"):this.builderStuff.querySelector(".is-cover-upload-central"),e=s.getBoundingClientRect().top+this.win.pageYOffset,i=s.getBoundingClientRect().left+this.win.pageXOffset,t.style.top=e+"px",t.style.left=i+"px"})),t.addEventListener("mouseenter",(()=>{this.positionTool(t),this.wrapperEl.classList.contains("hard-select")||(this.activeBox=t,this.activeSection=t.closest(".is-section"))}))}addSection(t,e){this.addIdea(t);let i=e.replace(".css",""),n=this.settings.contentStylePath,o=!1,s=parent._cb.doc.getElementsByTagName("link");for(let t=0;t<s.length;t++){-1!=s[t].href.toLowerCase().indexOf(e.toLowerCase())&&(o=!0)}o||this.wrapperEl.insertAdjacentHTML("beforeend",'<link data-name="contentstyle" data-class="'+i+'" href="'+n+e+'" rel="stylesheet">')}sectionStack(){this.wrapperEl.querySelectorAll(".is-section.box-space").forEach((t=>{let e=!1;t.previousElementSibling&&t.previousElementSibling.classList.contains("box-space")&&(e=!0);let i=!1;t.nextElementSibling&&t.nextElementSibling.classList.contains("box-space")&&(i=!0),!e&&i&&(t.classList.add("stack-top"),t.classList.remove("stack-middle"),t.classList.remove("stack-bottom")),e||i||(t.classList.remove("stack-top"),t.classList.remove("stack-middle"),t.classList.remove("stack-bottom")),!i&&e&&(t.classList.add("stack-bottom"),t.classList.remove("stack-middle"),t.classList.remove("stack-top")),e&&i&&(t.classList.remove("stack-top"),t.classList.add("stack-middle"),t.classList.remove("stack-bottom"))}))}doUndoRedo(){this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display="",this.pageSetup(),this.win.skrollrr&&this.win.skrollrr.refresh()}refreshAnim(){this.win.skrollrr&&this.win.skrollrr.refresh()}refreshPage(t){this.win.skrollrr&&this.win.skrollrr.refresh();const e=this.wrapperEl;e.querySelectorAll(".is-section").forEach((t=>{const e=t.innerHTML;var i=document.createRange();t.innerHTML="",t.appendChild(i.createContextualFragment(e))})),this.editor.uo.cleaning(e),this.pageSetup(),this.win.skrollrr&&this.win.skrollrr.refresh(),t&&t()}addIdea(t){this.editor.saveForUndo();const e=this.designPath;let i;t=(t=t.replace(/\[%IMAGE_PATH%\]/g,e)).replace(/%5B%25IMAGE_PATH%25%5D/g,e);let o=[];if(-1!==t.indexOf("is-section-navbar")){const e=this.wrapperEl.querySelector(".is-section-navbar");if(e)return void this.editor.util.confirm(n("Do you want to replace the current navigation bar?"),(i=>{i&&(e.parentNode.removeChild(e),this.addIdea(t))}),!0,n("Replace"));sy.appendHtml(this.wrapperEl,t,"afterbegin"),i=this.wrapperEl.querySelector(".is-section"),o.push(i)}else if(-1!==t.indexOf("is-static")){let e=sy.getLastElement(this.wrapperEl,".is-section");if(e){sy.appendHtml(e,t,"afterend"),i=e.nextElementSibling,o.push(i);let n=i.nextElementSibling;if(n){let t=n.querySelector(".is-section-tool");t||o.push(n),n=n.nextElementSibling,n&&(t=n.querySelector(".is-section-tool"),t||o.push(n))}}else sy.appendHtml(this.wrapperEl,t,"afterbegin"),i=this.wrapperEl.querySelector(".is-section"),o.push(i)}else if(this.activeSection){let e=this.activeSection;if(sy.hasClass(e,"is-static")){sy.appendHtml(e,t,"beforebegin"),i=e.previousElementSibling,o.push(i);let n=i.previousElementSibling;if(n){let t=n.querySelector(".is-section-tool");t||o.push(n),n=n.previousElementSibling,n&&(t=n.querySelector(".is-section-tool"),t||o.push(n))}}else{sy.appendHtml(e,t,"afterend"),i=e.nextElementSibling,o.push(i);let n=i.nextElementSibling;if(n){let t=n.querySelector(".is-section-tool");t||o.push(n),n=n.nextElementSibling,n&&(t=n.querySelector(".is-section-tool"),t||o.push(n))}}}else{sy.appendHtml(this.wrapperEl,t,"afterbegin"),i=this.wrapperEl.querySelector(".is-section"),o.push(i);let e=i.nextElementSibling;if(e){let t=e.querySelector(".is-section-tool");t||o.push(e),e=e.nextElementSibling,e&&(t=e.querySelector(".is-section-tool"),t||o.push(e))}}this.wrapperEl.querySelectorAll(".is-section").forEach((t=>{t.querySelector(".is-section-tool")||o.push(t)})),o.forEach((t=>{if(t.querySelectorAll("[data-html]").forEach((t=>{let e=decodeURIComponent(t.getAttribute("data-html"));e=e.replace(/{id}/g,sy.uniqueId()),sy.html(t,e)})),t.querySelectorAll(".is-overlay").forEach((t=>{let e=t.querySelector(".is-overlay-content");e&&""===e.innerHTML&&1===t.childElementCount&&t.parentNode.removeChild(t)})),this.sectionSetup(t),sy.hasClass(t,"is-box"))this.boxSetup(t);else{t.querySelectorAll(".is-box").forEach((t=>{this.boxSetup(t)}))}})),document.querySelectorAll(".is-overlay-bg").forEach((t=>{t.style&&t.style.filter&&-1!==t.style.filter.indexOf("grayscale")&&(t.parentNode.style.filter="grayscale(1)")})),this.editor.applyBehavior(),this.settings.onRender();this.wrapperEl.querySelectorAll(".is-arrow-down a").forEach((t=>{t.addEventListener("click",(e=>{let i=t.parentNode.parentNode;return this.scrollTo(i.nextElementSibling),e.preventDefault(),e.stopImmediatePropagation(),!1}))})),this.sectionStack(),this.onChange(),sy.removeElement(document.querySelector(".is-sidebar-overlay")),sy.removeClass(document.querySelectorAll(".is-sidebar .is-sidebar-button"),"active"),sy.removeClass(document.querySelectorAll(".is-sidebar-content"),"active"),document.body.style.overflowY="",this.addSpace(),this.scrollTo(i,600),setTimeout((()=>{this.refreshAnim()}),600)}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((t=>{t.style.backgroundColor=this.editor.styleSnippetBackground}));const t=document.querySelector("#divStyles");t.style.backgroundColor=this.editor.styleSnippetBackground,t.style.color=this.editor.styleSnippetColor;const e=document.querySelector(".is-sidebar");e.style.backgroundColor=this.editor.styleModalBackground,e.style.color=this.editor.styleModalColor;e.querySelectorAll("svg").forEach((t=>{t.style.fill=this.editor.styleModalColor}));e.querySelectorAll("button").forEach((t=>{t.style.color=this.editor.styleModalColor}));const i=document.querySelector("#ifrIdeasPanel");i.contentWindow.applyParentStyles&&i.contentWindow.applyParentStyles()}rePositionTool(){let t,e=this.wrapperEl.querySelector(".row-active");e&&(t=e?sy.parentsHasClass(e,"is-box"):this.activeBox,this.positionTool(t))}hideTools(){let t=this.doc.querySelectorAll(".is-tool");Array.prototype.forEach.call(t,(t=>{t.style.display=""})),t=this.doc.querySelectorAll(".is-row-tool"),t.forEach((t=>{t.style.display="none"})),t=this.doc.querySelectorAll(".is-rowadd-tool"),t.forEach((t=>{t.style.opacity=0})),t=this.doc.querySelectorAll(".is-col-tool"),t.forEach((t=>{t.style.display="none"}))}showTools(){this.editor.util.repositionColumnTool();let t=this.doc.querySelectorAll(".is-row-tool");t.forEach((t=>{t.style.display=""})),t=this.doc.querySelectorAll(".is-rowadd-tool"),t.forEach((t=>{t.style.opacity=""})),t=this.doc.querySelectorAll(".is-col-tool"),t.forEach((t=>{t.style.display=""}))}positionTool(t){if(!t)return;var e;e=null!==localStorage.getItem("_zoom")?localStorage.getItem("_zoom"):this.settings.zoom;const i=t.closest(".is-section-navbar");let n,o;this.wrapperEl.querySelectorAll(".is-section-tool").forEach((t=>{t.style.display="none"})),sy.hasClass(t,"is-section")?(n=t,o=t.querySelector(".is-section-tool")):(n=sy.parentsHasClass(t,"is-section"),o=n.querySelector(".is-section-tool")),o&&(o.style.display="block",o.style.transform="scale("+1/e+")",o.style.transformOrigin="top right");this.wrapperEl.querySelectorAll(".is-box-tool").forEach((t=>{t.style.display="none"}));let s=t.querySelector(".is-box-tool");s&&(s.style.display="flex",s.style.transform="scale("+1/e+")",s.style.transformOrigin="center bottom",i?(t.querySelector(".is-cover-upload").style.display="none",t.querySelector(".is-box-edit").style.display="none",t.querySelector(".is-module-edit").style.display="inline-block",s.style.width="40px",s.style.left="calc(50% - 20px)"):t.querySelectorAll(".is-overlay-content[data-module]").length>0?(t.querySelector(".is-cover-upload").style.display="block",t.querySelector(".is-box-edit").style.display="inline-block",t.querySelector(".is-module-edit").style.display="inline-block",s.style.width="120px",s.style.left="calc(50% - 60px)"):(t.querySelector(".is-cover-upload").style.display="block",t.querySelector(".is-box-edit").style.display="inline-block",t.querySelector(".is-module-edit").style.display="none",s.style.width="80px",s.style.left="calc(50% - 40px)"))}addButton(t){if(this.preview)return;const e=this.builderStuff,i=sy.uniqueId(),o=sy.uniqueId();let s;if(t.src){s='<button type="button" id="'+i+'" tabindex="-1" class="is-sidebar-button" data-content="'+o+'" data-src="'+t.src+'" data-title="'+n(t.title)+'" title="'+n(t.title)+'">'+t.html+"</button>";var a='<div id="'+o+'" class="is-sidebar-content '+t.class+'" style="-webkit-transition-duration:0.2s;transition-duration:0.2s;"><div><iframe src="about:blank" style="width:100%;height:100%;box-sizing:border-box;border:none;"></iframe></div></div>';sy.appendHtml(e,a)}else s='<button type="button" id="'+i+'" tabindex="-1" class="is-sidebar-button" data-title="'+n(t.title)+'" title="'+n(t.title)+'">'+t.html+"</button>";e.querySelector(".is-sidebar").children[t.pos].insertAdjacentHTML("afterEnd",s);const l=e.querySelector("#"+i);l.addEventListener("click",(i=>{if(t.src)if(sy.hasClass(l,"active"))this.sidebar.closeSidebar();else{this.sidebar.closeSidebar(),sy.addClass(l,"active");var n=l.getAttribute("data-content");const i=document.querySelector("#"+n);i.style.display="block",setTimeout((()=>{sy.addClass(i,"active"),i.focus()}),10);var o=e.querySelector("#"+n+" iframe");"about:blank"==o.getAttribute("src")&&o.setAttribute("src",t.src),sy.appendHtml(e,'<div class="is-sidebar-overlay" style="position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.000001);z-index: 1000;;"></div>');const s=e.querySelector(".is-sidebar-overlay");s.addEventListener("click",(()=>{s.parentNode.removeChild(s);let t=e.querySelectorAll(".is-sidebar > div");t.forEach((t=>{sy.removeClass(t,"active")})),t=e.querySelectorAll(".is-sidebar-content"),t.forEach((t=>{sy.removeClass(t,"active")})),document.body.style.overflowY=""}))}else t.onClick(i)}))}undo(){this.editor.undo()}redo(){this.editor.redo()}saveImages(t,e,i){this.editor.saveImages(t,e,i)}applyLargerImage(t){this.editor.applyLargerImage(t)}returnUrl(t){this.editor.returnUrl(t)}showModal(t,e,i,n){this.editor.util.showModal(t,e,i,n)}hideModal(t){this.editor.hideModal(t)}refreshModule(){this.editbox.refreshModule()}loadStyles(t,e){let i,n=this.doc.getElementsByTagName("link");for(let t=0;t<n.length;t++)"contentstyle"===n[t].getAttribute("data-name")&&n[t].setAttribute("data-rel","_del"),-1!==n[t].getAttribute("href").indexOf("basetype-")&&n[t].setAttribute("data-rel","_del"),-1===n[t].getAttribute("href").indexOf("/box.css")&&-1===n[t].getAttribute("href").indexOf("/box-flex.css")||n[t].closest("body")&&(i=!0,this.settings.cssInBody=!0);this.settings.cssInBody&&(i=!0),this.doc.querySelectorAll('[data-rel="_del"]').forEach((t=>{t.parentNode.removeChild(t)}));let o=this.doc.head;o||(o=this.doc.body),t&&""!==t&&(i?this.wrapperEl.insertAdjacentHTML("beforebegin",t):o.insertAdjacentHTML("beforeend",t)),e&&""!==e&&(i?this.wrapperEl.insertAdjacentHTML("beforebegin",e):o.insertAdjacentHTML("beforeend",e))}loadHtml(t){this.activeBox=null,this.activeSection=null;const e=this.wrapperEl;if(e.style.opacity||(e.style.opacity="0"),!this.editor)return void setTimeout((()=>{this.loadHtml(t)}),100);let i=document.createRange();e.innerHTML="",e.appendChild(i.createContextualFragment(t));let n=this.settings.contentStylePath;e.querySelectorAll(".is-section").forEach((t=>{t.classList.forEach((t=>{if(-1!==t.indexOf("type-")){const e=t,i=t+".css";let o=!1,s=this.doc.getElementsByTagName("link");for(let t=0;t<s.length;t++){-1!=s[t].href.toLowerCase().indexOf(i.toLowerCase())&&(o=!0)}o||this.wrapperEl.insertAdjacentHTML("beforeend",'<link data-name="contentstyle" data-class="'+e+'" href="'+n+i+'" rel="stylesheet">')}}))})),this.pageSetup(),this.pageSetupDone=!0,this.settings.onRender();e.querySelectorAll(".is-arrow-down a").forEach((t=>{t.addEventListener("click",(e=>{let i=t.parentNode.parentNode;return this.scrollTo(i.nextElementSibling),e.preventDefault(),e.stopImmediatePropagation(),!1}))})),null!=localStorage.getItem("_livepreview")&&this.openPreview()}boxImage(t,e){this.editbox.boxImage(t,e)}mainCss(){let t=this.doc.getElementsByTagName("link"),e=[];for(let i=0;i<t.length;i++){-1!=t[i].href.toLowerCase().indexOf("basetype-")&&e.push(t[i].outerHTML)}return e.join("")}mainCssList(){let t=this.doc.getElementsByTagName("link"),e=[];for(let i=0;i<t.length;i++){-1!=t[i].href.toLowerCase().indexOf("basetype-")&&e.push(t[i].outerHTML)}return e}sectionCss(){let t=this.doc.getElementsByTagName("link"),e=[];for(let i=0;i<t.length;i++){let n=t[i].href.toLowerCase();-1!=n.indexOf("basetype-")||-1!=n.indexOf("type-")&&e.push(t[i].outerHTML)}return e=[...new Set(e)],e.join("")}sectionCssList(){let t=this.doc.getElementsByTagName("link"),e=[];for(let i=0;i<t.length;i++){let n=t[i].href.toLowerCase();-1!=n.indexOf("basetype-")||-1!=n.indexOf("type-")&&e.push(t[i].outerHTML)}return e=[...new Set(e)],e}html(t){return this.cleanupUnused(),this.editor.readHtml(this.wrapperEl,t,!0)}viewZoom(){this.editor.viewZoom()}openAnimationPanel(){this.animateScroll.edit()}destroy(){this.doc.removeEventListener("click",this.doDocumentClick,!1),this.iframe&&document.removeEventListener("click",this.doDocumentClick,!1),window.removeEventListener("scroll",this.doWindowScroll,!1);let t=this.html();this.builderStuff.innerHTML="",sy.removeClass(document.body,"sidebar-active");const e=this.doc.querySelector("#_contentbox_css");e&&e.parentNode.removeChild(e);const i=document.querySelector("#_contentboxstuff_css");i&&i.parentNode.removeChild(i);let n=document.createRange();const o=this.wrapperEl;o.innerHTML="",o.appendChild(n.createContextualFragment(t)),sy.removeClass(o,"is-edit"),this.editor.destroy(),ey.stop()}cleanupUnused(){this.editor.rte.cleanupFontCssLink();let t=this.doc.getElementsByTagName("link");for(let e=0;e<t.length;e++)if("contentstyle"===t[e].getAttribute("data-name")){let i=t[e].getAttribute("data-class");""===i&&t[e].setAttribute("data-rel","_del"),""!==i&&(this.wrapperEl.querySelector("."+i)||t[e].setAttribute("data-rel","_del"))}let e=this.doc.querySelectorAll('[data-rel="_del"]');e.forEach((t=>{t.parentNode.removeChild(t)})),e=this.doc.head.querySelectorAll("link"),e.forEach((t=>{let e=t.getAttribute("href");this.wrapperEl.querySelectorAll("link").forEach((t=>{e===t.getAttribute("href")&&t.setAttribute("data-rel","_del")}))})),e=this.doc.querySelectorAll('[data-rel="_del"]'),e.forEach((t=>{t.parentNode.removeChild(t)}))}}}();
|
|
147
|
+
(function(){if("undefined"!=typeof window){var e,i,n,o,s,a,l,r,d,c,u,p,h,m,g,f,b,v,y,x,_,w,S,C,k,E,A,L,q,T,M,R,O,B,I,N,$,D,P,z,H,j,F,U,W,V,G,X,Y,K=[].slice,Z={}.hasOwnProperty,Q=function(t,e){for(var i in e)Z.call(e,i)&&(t[i]=e[i]);function n(){this.constructor=t}return n.prototype=e.prototype,t.prototype=new n,t.__super__=e.prototype,t},J=[].indexOf||function(t){for(var e=0,i=this.length;e<i;e++)if(e in this&&this[e]===t)return e;return-1},tt=function(t,e){return function(){return t.apply(e,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 t;return null!=(t="undefined"!=typeof performance&&null!==performance&&"function"==typeof performance.now?performance.now():void 0)?t:+new Date},R=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,_=window.cancelAnimationFrame||window.mozCancelAnimationFrame,f=function(t,e,i){return"function"==typeof t.addEventListener?t.addEventListener(e,i,!1):function(){if("function"!=typeof t["on"+e]||"object"!=typeof t["on"+e].eventListeners){var n=new r;"function"==typeof t["on"+e]&&n.on(e,t["on"+e]),t["on"+e]=function(t){return n.trigger(e,t)},t["on"+e].eventListeners=n}else n=t["on"+e].eventListeners;n.on(e,i)}()},null==R&&(R=function(t){return setTimeout(t,50)},_=function(t){return clearTimeout(t)}),B=function(t){var e,i;return e=T(),i=function(){var n;return(n=T()-e)>=33?(e=T(),t(n,(function(){return R(i)}))):setTimeout(i,33-n)},i()},O=function(){var t,e,i;return i=arguments[0],e=arguments[1],t=3<=arguments.length?K.call(arguments,2):[],"function"==typeof i[e]?i[e].apply(i,t):i[e]},S=function(){var t,e,i,n,o,s,a;for(e=arguments[0],s=0,a=(n=2<=arguments.length?K.call(arguments,1):[]).length;s<a;s++)if(i=n[s])for(t in i)Z.call(i,t)&&(o=i[t],null!=e[t]&&"object"==typeof e[t]&&null!=o&&"object"==typeof o?S(e[t],o):e[t]=o);return e},v=function(t){var e,i,n,o,s;for(i=e=0,o=0,s=t.length;o<s;o++)n=t[o],i+=Math.abs(n),e++;return i/e},k=function(t,e){var i,n,o;if(null==t&&(t="options"),null==e&&(e=!0),o=document.querySelector("[data-pace-"+t+"]")){if(i=o.getAttribute("data-pace-"+t),!e)return i;try{return JSON.parse(i)}catch(t){return n=t,"undefined"!=typeof console&&null!==console?console.error("Error parsing inline pace options",n):void 0}}},l=function(){function t(){}return t.prototype.on=function(t,e,i,n){var o;return null==n&&(n=!1),null==this.bindings&&(this.bindings={}),null==(o=this.bindings)[t]&&(o[t]=[]),this.bindings[t].push({handler:e,ctx:i,once:n})},t.prototype.once=function(t,e,i){return this.on(t,e,i,!0)},t.prototype.off=function(t,e){var i,n,o;if(null!=(null!=(n=this.bindings)?n[t]:void 0)){if(null==e)return delete this.bindings[t];for(i=0,o=[];i<this.bindings[t].length;)this.bindings[t][i].handler===e?o.push(this.bindings[t].splice(i,1)):o.push(i++);return o}},t.prototype.trigger=function(){var t,e,i,n,o,s,a,l,r;if(i=arguments[0],t=2<=arguments.length?K.call(arguments,1):[],null!=(a=this.bindings)?a[i]:void 0){for(o=0,r=[];o<this.bindings[i].length;)n=(l=this.bindings[i][o]).handler,e=l.ctx,s=l.once,n.apply(null!=e?e:this,t),s?r.push(this.bindings[i].splice(o,1)):r.push(o++);return r}},t}(),c=window.Pace||{},window.Pace=c,S(c,l.prototype),M=c.options=S({},w,window.paceOptions,k()),U=0,V=(X=["ajax","document","eventLag","elements"]).length;U<V;U++)!0===M[D=X[U]]&&(M[D]=w[D]);d=function(t){function e(){return e.__super__.constructor.apply(this,arguments)}return Q(e,t),e}(Error),i=function(){function t(){this.progress=0}return t.prototype.getElement=function(){var t;if(null==this.el){if(!(t=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 e=""!==M.className?" "+M.className:"";this.el.innerHTML='<div class="pace-progress'+e+'">\n <div class="pace-progress-inner"></div>\n</div>\n<div class="pace-activity"></div>',null!=t.firstChild?t.insertBefore(this.el,t.firstChild):t.appendChild(this.el)}return this.el},t.prototype.finish=function(){var t;return(t=this.getElement()).className=t.className.replace("pace-active","pace-inactive"),document.body.className=document.body.className.replace("pace-running ","pace-done ")},t.prototype.update=function(t){return this.progress=t,c.trigger("progress",t),this.render()},t.prototype.destroy=function(){try{this.getElement().parentNode.removeChild(this.getElement())}catch(t){d=t}return this.el=void 0},t.prototype.render=function(){var t,e,i,n,o,s,a;if(null==document.querySelector(M.target))return!1;for(t=this.getElement(),n="translate3d("+this.progress+"%, 0, 0)",o=0,s=(a=["webkitTransform","msTransform","transform"]).length;o<s;o++)e=a[o],t.children[0].style[e]=n;return(!this.lastRenderedProgress||this.lastRenderedProgress|0!==this.progress|0)&&(t.children[0].setAttribute("data-progress-text",(0|this.progress)+"%"),this.progress>=100?i="99":(i=this.progress<10?"0":"",i+=0|this.progress),t.children[0].setAttribute("data-progress",""+i)),c.trigger("change",this.progress),this.lastRenderedProgress=this.progress},t.prototype.done=function(){return this.progress>=100},t}(),r=function(){function t(){this.bindings={}}return t.prototype.trigger=function(t,e){var i,n,o,s,a;if(null!=this.bindings[t]){for(a=[],n=0,o=(s=this.bindings[t]).length;n<o;n++)i=s[n],a.push(i.call(this,e));return a}},t.prototype.on=function(t,e){var i;return null==(i=this.bindings)[t]&&(i[t]=[]),this.bindings[t].push(e)},t}(),F=window.XMLHttpRequest,j=window.XDomainRequest,H=window.WebSocket,C=function(t,e){var i,n;for(i in n=[],e.prototype)try{null==t[i]&&"function"!=typeof e[i]?"function"==typeof Object.defineProperty?n.push(Object.defineProperty(t,i,{get:function(t){return function(){return e.prototype[t]}}(i),configurable:!0,enumerable:!0})):n.push(t[i]=e.prototype[i]):n.push(void 0)}catch(t){}return n},L=[],c.ignore=function(){var t,e,i;return e=arguments[0],t=2<=arguments.length?K.call(arguments,1):[],L.unshift("ignore"),i=e.apply(null,t),L.shift(),i},c.track=function(){var t,e,i;return e=arguments[0],t=2<=arguments.length?K.call(arguments,1):[],L.unshift("track"),i=e.apply(null,t),L.shift(),i},$=function(t){var e;if(null==t&&(t="GET"),"track"===L[0])return"force";if(!L.length&&M.ajax){if("socket"===t&&M.ajax.trackWebSockets)return!0;if(e=t.toUpperCase(),J.call(M.ajax.trackMethods,e)>=0)return!0}return!1},u=function(t){function e(){var t,i=this;e.__super__.constructor.apply(this,arguments),t=function(t){var e;return e=t.open,t.open=function(n,o,s){return $(n)&&i.trigger("request",{type:n,url:o,request:t}),e.apply(t,arguments)}},window.XMLHttpRequest=function(e){var i;return i=new F(e),t(i),i};try{C(window.XMLHttpRequest,F)}catch(t){}if(null!=j){window.XDomainRequest=function(){var e;return e=new j,t(e),e};try{C(window.XDomainRequest,j)}catch(t){}}if(null!=H&&M.ajax.trackWebSockets){window.WebSocket=function(t,e){var n;return n=null!=e?new H(t,e):new H(t),$("socket")&&i.trigger("request",{type:"socket",url:t,protocols:e,request:n}),n};try{C(window.WebSocket,H)}catch(t){}}}return Q(e,t),e}(r),W=null,N=function(t){var e,i,n,o;for(i=0,n=(o=M.ajax.ignoreURLs).length;i<n;i++)if("string"==typeof(e=o[i])){if(-1!==t.indexOf(e))return!0}else if(e.test(t))return!0;return!1},(E=function(){return null==W&&(W=new u),W})().on("request",(function(t){var i,n,o,s,a;if(s=t.type,o=t.request,a=t.url,!N(a))return c.running||!1===M.restartOnRequestAfter&&"force"!==$(s)?void 0:(n=arguments,"boolean"==typeof(i=M.restartOnRequestAfter||0)&&(i=0),setTimeout((function(){var t,i,a,l,r;if("socket"===s?o.readyState<1:0<(a=o.readyState)&&a<4){for(c.restart(),r=[],t=0,i=(l=c.sources).length;t<i;t++){if((D=l[t])instanceof e){D.watch.apply(D,n);break}r.push(void 0)}return r}}),i))})),e=function(){function t(){this.complete=tt(this.complete,this);var t=this;this.elements=[],E().on("request",(function(){return t.watch.apply(t,arguments)}))}return t.prototype.watch=function(t){var e,i,n,o;if(n=t.type,e=t.request,o=t.url,!N(o))return i="socket"===n?new m(e,this.complete):new g(e,this.complete),this.elements.push(i)},t.prototype.complete=function(t){return this.elements=this.elements.filter((function(e){return e!==t}))},t}(),g=function(t,e){var i,n,o,s,a=this;if(this.progress=0,null!=window.ProgressEvent)for(f(t,"progress",(function(t){return t.lengthComputable?a.progress=100*t.loaded/t.total:a.progress=a.progress+(100-a.progress)/2})),i=0,n=(s=["load","abort","timeout","error"]).length;i<n;i++)f(t,s[i],(function(){return e(a),a.progress=100}));else o=t.onreadystatechange,t.onreadystatechange=function(){var i;return 0===(i=t.readyState)||4===i?(e(a),a.progress=100):3===t.readyState&&(a.progress=50),"function"==typeof o?o.apply(null,arguments):void 0}},m=function(t,e){var i,n,o,s=this;for(this.progress=0,i=0,n=(o=["error","open"]).length;i<n;i++)f(t,o[i],(function(){return e(s),s.progress=100}))},o=function(){function t(t){var e,i,n,o;for(null==t&&(t={}),this.complete=tt(this.complete,this),this.elements=[],null==t.selectors&&(t.selectors=[]),i=0,n=(o=t.selectors).length;i<n;i++)e=o[i],this.elements.push(new s(e,this.complete))}return t.prototype.complete=function(t){return this.elements=this.elements.filter((function(e){return e!==t}))},t}(),s=function(){function t(t,e){this.selector=t,this.completeCallback=e,this.progress=0,this.check()}return t.prototype.check=function(){var t=this;return document.querySelector(this.selector)?this.done():setTimeout((function(){return t.check()}),M.elements.checkInterval)},t.prototype.done=function(){return this.completeCallback(this),this.completeCallback=null,this.progress=100},t}(),n=function(){function t(){var t,e,i=this;this.progress=null!=(e=this.states[document.readyState])?e:100,t=document.onreadystatechange,document.onreadystatechange=function(){return null!=i.states[document.readyState]&&(i.progress=i.states[document.readyState]),"function"==typeof t?t.apply(null,arguments):void 0}}return t.prototype.states={loading:0,interactive:50,complete:100},t}(),a=function(){var t,e,i,n,o,s=this;this.progress=0,t=0,o=[],n=0,i=T(),e=setInterval((function(){var a;return a=T()-i-50,i=T(),o.push(a),o.length>M.eventLag.sampleCount&&o.shift(),t=v(o),++n>=M.eventLag.minSamples&&t<M.eventLag.lagThreshold?(s.progress=100,clearInterval(e)):s.progress=3/(t+3)*100}),50)},h=function(){function t(t){this.source=t,this.last=this.sinceLastUpdate=0,this.rate=M.initialRate,this.catchup=0,this.progress=this.lastProgress=0,null!=this.source&&(this.progress=O(this.source,"progress"))}return t.prototype.tick=function(t,e){var i;return null==e&&(e=O(this.source,"progress")),e>=100&&(this.done=!0),e===this.last?this.sinceLastUpdate+=t:(this.sinceLastUpdate&&(this.rate=(e-this.last)/this.sinceLastUpdate),this.catchup=(e-this.progress)/M.catchupTime,this.sinceLastUpdate=0,this.last=e),e>this.progress&&(this.progress+=this.catchup*t),i=1-Math.pow(this.progress/100,M.easeFactor),this.progress+=i*this.rate*t,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},t}(),P=null,I=null,y=null,z=null,b=null,x=null,c.running=!1,A=function(){if(M.restartOnPushState)return c.restart()},null!=window.history.pushState&&(G=window.history.pushState,window.history.pushState=function(){return A(),G.apply(window.history,arguments)}),null!=window.history.replaceState&&(Y=window.history.replaceState,window.history.replaceState=function(){return A(),Y.apply(window.history,arguments)}),p={ajax:e,elements:o,document:n,eventLag:a},(q=function(){var t,e,n,o,s,a,l,r;for(c.sources=P=[],e=0,o=(a=["ajax","elements","document","eventLag"]).length;e<o;e++)!1!==M[t=a[e]]&&P.push(new p[t](M[t]));for(n=0,s=(r=null!=(l=M.extraSources)?l:[]).length;n<s;n++)D=r[n],P.push(new D(M));return c.bar=y=new i,I=[],z=new h})(),c.stop=function(){return c.trigger("stop"),c.running=!1,y.destroy(),x=!0,null!=b&&("function"==typeof _&&_(b),b=null),q()},c.restart=function(){return c.trigger("restart"),c.stop(),c.start()},c.go=function(){var t;return c.running=!0,y.render(),t=T(),x=!1,b=B((function(e,i){var n,o,s,a,l,r,d,u,p,m,g,f,b,v,_;for(y.progress,o=m=0,s=!0,r=g=0,b=P.length;g<b;r=++g)for(D=P[r],p=null!=I[r]?I[r]:I[r]=[],d=f=0,v=(l=null!=(_=D.elements)?_:[D]).length;f<v;d=++f)a=l[d],s&=(u=null!=p[d]?p[d]:p[d]=new h(a)).done,u.done||(o++,m+=u.tick(e));return n=m/o,y.update(z.tick(e,n)),y.done()||s||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()-t),0)))):i()}))},c.start=function(t){S(M,t),c.running=!0;try{y.render()}catch(t){d=t}return document.querySelector(".pace")?(c.trigger("start"),c.go()):setTimeout(c.start,50)},t.exports=c}}).call(c)}(ty);var ey=ty.exports;class iy{constructor(t){this.builder=t;const e=`\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 <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 `;t.contentStuff.insertAdjacentHTML("afterbegin",e);t.contentStuff.insertAdjacentHTML("afterbegin","\n <style>\n \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-edit {\n padding-left: 61px;\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\n /* Navbar Fix */\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 /* protected section */\n .is-section.protected .is-box-tool {\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-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-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\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 .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 .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 .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 /* 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 {\n overflow-x: auto;\n overflow-y: hidden;\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 \n </style>\n ")}}const ny=new t;class oy{constructor(t){this.builder=t;const e=this.builder.builderStuff;this.builderStuff=e;let i=`\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 \n .is-modal.page-preview {\n transition: all 0.1s ease;\n }\n .is-modal.page-preview > div > div {\n transition: all 0.1s ease;\n }\n .is-screen-1920 { width: 576px !important; }\n .is-screen-1440 { \n width: 431px !important; \n height: 258px !important; \n }\n .is-screen-768 { \n width: 245px !important;\n height: 363px !important;\n }\n .is-screen-1024 { \n width: 328px !important;\n height: 281px !important;\n }\n .is-screen-375 { width: 167px !important; }\n\n .is-screen-1920 .preview-screen {\n width: 1920px;height: 992px;transform: scale(0.3);\n }\n .is-screen-1440 .preview-screen {\n width: 1440px;height: 744px;transform: scale(0.3);\n }\n .is-screen-768 .preview-screen {\n width: 768px;height: 1024px;transform: scale(0.32);\n }\n .is-screen-1024 .preview-screen {\n width: 1024px;height: 768px;transform: scale(0.32);\n }\n .is-screen-375 .preview-screen {\n width: 375px;height: 667px;transform: scale(0.446);\n }\n </style>\n\n\n <div class="is-modal is-modal-content page-preview is-screen-1920" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">\n <div class="is-modal-bar is-draggable" draggable=""> \n ${n("Preview")}\n <button class="is-modal-close" tabindex="-1" title="${n("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:relative;position:absolute;top:0;left:0;width:100%;height:100%;border-top:transparent 35px solid;">\n <div class="preview-screen" style="padding:0;position: absolute;top: 0;left: 0;box-sizing: border-box;transform-origin: top left;">\n <iframe src="about:blank" style="box-sizing:border-box;width: 100%;height: 100%;position:absolute;"></iframe>\n </div>\n </div>\n <div style="position:absolute;left:0;bottom:0;">\n <button class="is-modal-size" tabindex="-1" title="${n("Screen Sizes")}" style="width:30px;height:30px;">\n <svg class="is-icon-flex" style="width:23px;height:23px;"><use xlink:href="#icon-devices"></use></svg>\n </button>\n </div>\n </div>\n\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">${n("Animation")}</div>\n\n <button tabindex="-1" title="${n("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="${n("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">${n("Apply To")}:</div>\n <div class="flex-wrap">\n <button title="${n("Element")}" class="cmd-target on" data-command="target" data-value="element">${n("Element")}</button>\n <button title="${n("Column")}" class="cmd-target" data-command="target" data-value="column">${n("Column")}</button>\n <button title="${n("Row")}" class="cmd-target" data-command="target" data-value="row">${n("Row")}</button>\n <button title="${n("Container")}" class="cmd-target" data-command="target" data-value="container">${n("Container")}</button>\n <button title="${n("Overlay")}" class="cmd-target" data-command="target" data-value="overlay">${n("Overlay")}</button>\n <button title="${n("Background")}" class="cmd-target" data-command="target" data-value="bg">${n("Bg")}</button>\n <button title="${n("Box")}" class="cmd-target" data-command="target" data-value="box">${n("Box")}</button>\n <button title="${n("Section")}" class="cmd-target" data-command="target" data-value="section">${n("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">${n("On View")}</a>\n <a href="" data-content="divAnimScroll">${n("On Scroll")}</a>\n <a href="" data-content="divAnimScrollSimple">${n("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;">\n \n <tr>\n <td colspan="4"><span class="bold">${n("Slide Horizontal")}</span>:</td>\n <td colspan="5" style="text-align:right;font-style:italic;font-size:12px;">${n("(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">${n("Slide Vertical")}</span>:</td>\n <td colspan="5" style="padding-top:20px;text-align:right;font-style:italic;font-size:12px;">${n("(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">${n("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">${n("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">${n("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"> ${n("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>${n("Pin Spacing")}</span>: </div>\n <div class="flex-wrap" style="padding:5px 0 10px">\n <button title="0" class="cmd-pin-space" data-value="0" style="width:50px">0</button>\n <button title="20" class="cmd-pin-space" data-value="20" style="width:50px">20</button>\n <button title="40" class="cmd-pin-space" data-value="40" style="width:50px">40</button>\n <button title="60" class="cmd-pin-space" data-value="60" style="width:50px">60</button>\n <button title="80" class="cmd-pin-space" data-value="80" style="display:none;width:50px">80</button>\n <button title="100" class="cmd-pin-space" data-value="100" style="display:none;width:50px">100</button>\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"> ${n("Disable on Mobile")}\n </label>\n </div>\n\n <div class="flex-wrap" style="margin-top:15px;">\n <button title="${n("Disable Smooth Animation")}" class="cmd-disable-smoothanim" data-value="data-center" style="padding-left:15px;padding-right: 15px;">${n("Disable Smooth Animation")}</button>\n </div>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 15px;margin-right: 20px;">\n <button title="${n("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">${n("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="${n("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">${n("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">${n("Fade")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${n("In")}" class="cmd-basic-anim" data-value="is-fadeIn" style="width:60px">${n("In")}</button>\n <button title="${n("Left")}" class="cmd-basic-anim" data-value="is-fadeInLeft" style="width:60px">${n("Left")}</button>\n <button title="${n("Right")}" class="cmd-basic-anim" data-value="is-fadeInRight" style="width:60px">${n("Right")}</button>\n <button title="${n("Up")}" class="cmd-basic-anim" data-value="is-fadeInUp" style="width:60px">${n("Up")}</button>\n <button title="${n("Down")}" class="cmd-basic-anim" data-value="is-fadeInDown" style="width:60px">${n("Down")}</button>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${n("Slide")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${n("Left")}" class="cmd-basic-anim" data-value="is-slideInLeft" style="width:60px">${n("Left")}</button>\n <button title="${n("Right")}" class="cmd-basic-anim" data-value="is-slideInRight" style="width:60px">${n("Right")}</button>\n <button title="${n("Up")}" class="cmd-basic-anim" data-value="is-slideInUp" style="width:60px">${n("Up")}</button>\n <button title="${n("Down")}" class="cmd-basic-anim" data-value="is-slideInDown" style="width:60px">${n("Down")}</button>\n </div>\n \n <div class="anim-label">\n <span>\n <span class="bold">${n("Flip")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${n("Horizontal")}" class="cmd-basic-anim" data-value="is-flipInY" style="width:90px">${n("Horizontal")}</button>\n <button title="${n("Vertical")}" class="cmd-basic-anim" data-value="is-flipInX" style="width:90px">${n("Vertical")}</button>\n </div>\n \n <div class="anim-label">\n <span>\n <span class="bold">${n("Zoom")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${n("In")}" class="cmd-basic-anim" data-value="is-zoomIn" style="width:90px">${n("In")}</button>\n <button title="${n("Out")}" class="cmd-basic-anim" data-value="is-zoomOut" style="width:90px">${n("Out")}</button>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${n("Pulse")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${n("In")}" class="cmd-basic-anim" data-value="is-pulse" style="width:90px">${n("Pulse")}</button>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${n("Bounce")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${n("In")}" class="cmd-basic-anim" data-value="is-bounceIn" style="width:90px">${n("Bounce")}</button>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${n("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="${n("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="${n("Animate Once")}" class="cmd-basic-once" style="flex: none;margin-top:15px;width:165px;">\n ${n("Animate Once")}\n </button>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 15px;margin-right: 20px;">\n <button title="${n("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">${n("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="${n("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">${n("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">${n("On Enter")}</a>\n <a href="" data-content="divLeaveAnim">${n("On Leave")}</a>\n <a href="" data-content="divAnimSettings">${n("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">${n("Slide Left")}</span>: \n <input class="inp-slide-left" type="text" />\n </span> \n <button title="${n("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">${n("Slide Right")}</span>: \n <input class="inp-slide-right" type="text" />\n </span> \n <button title="${n("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">${n("Slide Up")}</span>: \n <input class="inp-slide-up" type="text" />\n </span> \n <button title="${n("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">${n("Slide Down")}</span>:\n <input class="inp-slide-down" type="text" />\n </span> \n <button title="${n("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">${n("Scale")}</span>: \n <input class="inp-scale" type="text" />\n </span> \n <button title="${n("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">${n("Rotate Clockwise")}</span>: \n <input class="inp-rotate-clockwise" type="text" />\n </span> \n <button title="${n("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">${n("Rotate Counterclockwise")}</span>: \n <input class="inp-rotate-counter" type="text" />\n </span> \n <button title="${n("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">${n("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="${n("Fade In")}" class="cmd-fade" style="flex: none;width:125px">${n("Fade In")}</button>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n <button title="${n("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">${n("Clear All")}</span>\n </button>\n </div>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n <button title="${n("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">${n("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">${n("Slide Left")}</span>: <input class="inp-slide-left" type="text" />\n </span> \n <button title="${n("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">${n("Slide Right")}</span>: \n <input class="inp-slide-right" type="text" />\n </span> \n <button title="${n("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">${n("Slide Up")}</span>: \n <input class="inp-slide-up" type="text" />\n </span> \n <button title="${n("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">${n("Slide Down")}</span>:\n <input class="inp-slide-down" type="text" />\n </span> \n <button title="${n("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">${n("Scale")}</span>: \n <input class="inp-scale" type="text" />\n </span> \n <button title="${n("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">${n("Rotate Clockwise")}</span>: \n <input class="inp-rotate-clockwise" type="text" />\n </span> \n <button title="${n("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">${n("Rotate Counterclockwise")}</span>: \n <input class="inp-rotate-counter" type="text" />\n </span> \n <button title="${n("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">${n("Fade")}</span>: \n </div>\n <button title="${n("Fade In")}" class="cmd-fade" style="flex: none;width:125px">${n("Fade Out")}</button>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n <button title="${n("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">${n("Clear All")}</span>\n </button>\n </div>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n <button title="${n("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">${n("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">${n("Enter")}:</div>\n\n <div class="anim-label" style="padding-top:10px">${n("Start")}:</div>\n <div class="flex-wrap">\n <button title="${n("Normal")}" class="cmd-start on" data-value="data-bottom-top" style="width:74px">${n("Normal")}</button>\n <button title="${n("Delayed")}" class="cmd-start" data-value="data-400-bottom" style="width:74px">${n("Delayed")}</button>\n <button title="${n("Late")}" class="cmd-start" data-value="data-200-bottom" style="width:74px">${n("Late")}</button>\n <button title="${n("Very Late")}" class="cmd-start" data-value="data--50-bottom" style="width:95px">${n("Very Late")}</button>\n </div>\n \n <div class="anim-label">${n("End")}:</div>\n <div class="flex-wrap">\n <button title="${n("Very Soon")}" class="cmd-end" data-value="data-bottom" style="width:95px">${n("Very Soon")}</button>\n <button title="${n("Soon")}" class="cmd-end" data-value="data-center-top" style="width:74px">${n("Soon")}</button>\n <button title="${n("Normal")}" class="cmd-end on" data-value="data-center" style="width:74px">${n("Normal")}</button>\n </div>\n\n <div class="anim-label bold" style="margin-top:20px">${n("Leave")}:</div>\n\n <div class="anim-label" style="padding-top:10px">${n("Start")}:</div>\n <div class="flex-wrap">\n <button title="${n("Normal")}" class="cmd-leave-start on" data-value="data-center-bottom" style="width:74px">${n("Normal")}</button>\n <button title="${n("Delayed")}" class="cmd-leave-start" data-value="data-100-top" style="width:74px">${n("Delayed")}</button>\n <button title="${n("Late")}" class="cmd-leave-start" data-value="data-50-top" style="width:74px">${n("Late")}</button>\n <button title="${n("Very Late")}" class="cmd-leave-start" data-value="data-top" style="width:95px">${n("Very Late")}</button>\n </div>\n\n <div class="flex-wrap" style="margin-top:20px;">\n <button title="${n("Disable Smooth Animation")}" class="cmd-disable-smoothanim" data-value="data-center" style="padding-left:15px;padding-right: 15px;">${n("Disable Smooth Animation")}</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">${n("Apply To")}: ${n("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 ${n("Animate Once")}\n </label>\n\n <button title="${n("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">${n("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;">${n("Fade In")}</div>\n <button title="${n("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;">${n("Fade In - Slow")}</div>\n <button title="${n("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;">${n("Fade In Up")}</div>\n <button title="${n("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;">${n("Fade In Up - Slow")}</div>\n <button title="${n("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;">${n("Slide Up")}</div>\n <button title="${n("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;">${n("Slide Up - Slow")}</div>\n <button title="${n("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;">${n("Zoom In")}</div>\n <button title="${n("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;">${n("Zoom Out")}</div>\n <button title="${n("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 `;ny.appendHtml(e,i);const o=e.querySelector(".is-side.animatescroll");this.modalAnimateScroll=o;const s=o.querySelector("#divEnterAnim");this.divEnterAnim=s;const a=o.querySelector("#divLeaveAnim");this.divLeaveAnim=a;o.querySelector(".is-side-close").addEventListener("click",(()=>{this.close()})),this.divAnimScrollSimple=o.querySelector("#divAnimScrollSimple"),this.divAnimSettings=o.querySelector("#divAnimSettings");const l=this.builderStuff.querySelector(".is-modal.page-preview");this.modalPagePreview=l;const r=this.builder.sidebar.pageQuickSettings.querySelector(".cmd-open-preview-window");this.btnOpenPreviewWindow=r;let d=o.querySelectorAll(".cmd-target");d.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-target").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.read()}))}));const c=o.querySelector(".div-anim-settings"),u=o.querySelector(".div-wizard-settings"),p=o.querySelector(".cmd-anim-edit");p.addEventListener("click",(()=>{p.classList.contains("on")?(p.classList.remove("on"),c.style.display="none",u.style.display="block"):(p.classList.add("on"),u.style.display="none",c.style.display="block")}));o.querySelectorAll(".cmd-clear-anim-all").forEach((t=>{t.addEventListener("click",(()=>{let e=this.builder.activeSection;if(!e)return;this.builder.editor.saveForUndo();let i,n=this.builder.editor.activeCol;n&&(e=n.closest(".is-section")),i=e.querySelectorAll("*"),i.forEach((t=>{t.removeAttribute("data-center"),t.removeAttribute("data-center-top"),t.removeAttribute("data--50-bottom"),t.removeAttribute("data--100-bottom"),t.removeAttribute("data--150-bottom"),t.removeAttribute("data--200-bottom"),t.removeAttribute("data--300-bottom"),t.removeAttribute("data--400-bottom"),t.removeAttribute("data-bottom-top"),t.removeAttribute("data-400-bottom"),t.removeAttribute("data-300-bottom"),t.removeAttribute("data-200-bottom"),t.removeAttribute("data-150-bottom"),t.removeAttribute("data-100-bottom"),t.removeAttribute("data-50-bottom"),t.removeAttribute("data-bottom"),t.removeAttribute("data-center-bottom"),t.removeAttribute("data-100-top"),t.removeAttribute("data-50-top"),t.removeAttribute("data-top"),t.removeAttribute("data-top-bottom"),t.removeAttribute("data-in"),t.removeAttribute("data-in-150"),t.removeAttribute("data-in-300"),t.removeAttribute("data-cen--150"),t.removeAttribute("data-cen"),t.removeAttribute("data-cen-150"),t.removeAttribute("data-out--300"),t.removeAttribute("data-out--150"),t.removeAttribute("data-out"),t.style.transform="",t.style.transition="",t.style.opacity=""})),i=e.querySelectorAll(".is-animated"),i.forEach((t=>{t.classList.contains("is-overlay-bg")||(t.classList.remove("is-animated"),t.classList.remove("once"),t.classList.remove("is-fadeIn"),t.classList.remove("is-fadeInUp"),t.classList.remove("is-fadeInDown"),t.classList.remove("is-fadeInLeft"),t.classList.remove("is-fadeInRight"),t.classList.remove("is-zoomIn"),t.classList.remove("is-zoomOut"),t.classList.remove("is-slideInUp"),t.classList.remove("is-slideInDown"),t.classList.remove("is-slideInLeft"),t.classList.remove("is-slideInRight"),t.classList.remove("is-flipInX"),t.classList.remove("is-flipInY"),t.classList.remove("is-pulse"),t.classList.remove("is-bounceIn"))})),this.clearSettings(),this.modalAnimateScroll.querySelector(".cmd-start.on")||(t=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'))&&t.classList.add("on"),this.modalAnimateScroll.querySelector(".cmd-end.on")||(t=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'))&&t.classList.add("on"),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(t=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'))&&t.classList.add("on"),this.builder.win.skrollrr&&setTimeout((()=>{this.builder.win.skrollrr.refresh()}),30),this.builder.settings.onRender(),this.builder.settings.onChange()}))}));o.querySelector(".cmd-clear-anim-wizard").addEventListener("click",(()=>{const t=this.builder.activeSection;if(!t)return;let e;this.builder.editor.saveForUndo(),e=t.querySelectorAll(".is-animated"),e.forEach((t=>{t.classList.contains("is-overlay-bg")||(t.classList.remove("is-animated"),t.classList.remove("once"),t.classList.remove("is-fadeIn"),t.classList.remove("is-fadeInUp"),t.classList.remove("is-fadeInDown"),t.classList.remove("is-fadeInLeft"),t.classList.remove("is-fadeInRight"),t.classList.remove("is-zoomIn"),t.classList.remove("is-zoomOut"),t.classList.remove("is-slideInUp"),t.classList.remove("is-slideInDown"),t.classList.remove("is-slideInLeft"),t.classList.remove("is-slideInRight"),t.classList.remove("is-flipInX"),t.classList.remove("is-flipInY"),t.classList.remove("is-pulse"),t.classList.remove("is-bounceIn"))})),this.builder.settings.onRender(),this.builder.settings.onChange()}));const h=t=>{const e=this.builder.activeSection;if(!e)return;this.builder.editor.saveForUndo(),e.querySelectorAll(".is-animated").forEach((t=>{t.classList.contains("is-overlay-bg")||(t.classList.remove("is-animated"),t.classList.remove("once"),t.classList.remove("is-fadeIn"),t.classList.remove("is-fadeInUp"),t.classList.remove("is-fadeInDown"),t.classList.remove("is-fadeInLeft"),t.classList.remove("is-fadeInRight"),t.classList.remove("is-zoomIn"),t.classList.remove("is-zoomOut"),t.classList.remove("is-slideInUp"),t.classList.remove("is-slideInDown"),t.classList.remove("is-slideInLeft"),t.classList.remove("is-slideInRight"),t.classList.remove("is-flipInX"),t.classList.remove("is-flipInY"),t.classList.remove("is-pulse"),t.classList.remove("is-bounceIn"))}));let i=0,n=e.querySelectorAll(".is-box");0===n.length&&(n=e.querySelectorAll(".is-box-centered")),n.forEach((e=>{let n=i;e.querySelectorAll(".is-container > div").forEach((e=>{this.builder.editor.dom.elementChildren(e).forEach((e=>{(""!==e.innerText.trim()||e.querySelector("img")||e.querySelector("iframe")||e.querySelector("video")||e.querySelector("audio")||e.querySelector("i"))&&(e.style.transition="none",this.cleanupBasic(e),this.cleanupDelay(e),e.classList.add("is-animated"),m.checked?e.classList.add("once"):e.classList.remove("once"),t(e,n),e.classList.remove("is-inview"),n++)}))})),i++})),this.builder.settings.onRender(),setTimeout((()=>{let t=e.querySelectorAll(".is-animated");t.forEach((t=>{t.style.transition="none",t.classList.remove("is-inview")})),setTimeout((()=>{t=e.querySelectorAll(".is-animated"),t.forEach((t=>{t.style.transition="",t.classList.add("is-inview")}))}),30)}),100),this.builder.settings.onChange()};o.querySelectorAll(".cmd-preset-onview").forEach((t=>{t.addEventListener("click",(()=>{h(((e,i)=>{e.classList.add(t.getAttribute("data-value"));let n=t.getAttribute("data-delay");0!==i&&e.classList.add(`delay-${i*n}ms`)}))}))}));const m=o.querySelector("#chkPresetAnimOnce");m.addEventListener("click",(()=>{const t=this.builder.activeSection;if(!t)return;this.builder.editor.saveForUndo();let e=t.querySelectorAll(".is-animated");e.forEach((t=>{m.checked?t.classList.add("once"):t.classList.remove("once")})),this.builder.settings.onRender(),setTimeout((()=>{e=t.querySelectorAll(".is-animated"),e.forEach((t=>{t.style.transition="none",t.classList.remove("is-inview")})),setTimeout((()=>{e=t.querySelectorAll(".is-animated"),e.forEach((t=>{t.style.transition="",t.classList.add("is-inview")}))}),30)}),100),this.builder.settings.onChange()}));const g=o.querySelector(".cmd-basic-once");d=o.querySelectorAll(".cmd-basic-anim"),d.forEach((t=>{t.addEventListener("click",(()=>{if(t.classList.contains("on"))return t.classList.remove("on"),g.classList.remove("on"),void this.applyBasic();o.querySelectorAll(".cmd-basic-anim").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.applyBasic()}))})),d=o.querySelectorAll(".cmd-basic-delay"),d.forEach((t=>{t.addEventListener("click",(()=>{if(t.classList.contains("on"))return t.classList.remove("on"),void this.applyDelay();o.querySelectorAll(".cmd-basic-delay").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.applyDelay()}))})),o.querySelector(".cmd-clear-delay").addEventListener("click",(()=>{o.querySelectorAll(".cmd-basic-delay").forEach((t=>{t.classList.remove("on")})),this.applyDelay()})),g.addEventListener("click",(()=>{g.classList.contains("on")?g.classList.remove("on"):g.classList.add("on"),this.applyBasic()})),o.querySelector(".cmd-clear-basicanim").addEventListener("click",(()=>{let t;t=this.getTarget().element,t&&(this.builder.editor.saveForUndo(),this.cleanupBasic(t),this.cleanupDelay(t),t.classList.remove("is-inview"),t.removeAttribute("data-scroll"),this.read(),this.builder.settings.onChange())})),d=o.querySelectorAll(".cmd-start"),d.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-start").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.apply()}))})),d=o.querySelectorAll(".cmd-end"),d.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-end").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.apply()}))})),d=o.querySelectorAll(".cmd-leave-start"),d.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-leave-start").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.apply()}))})),d=s.querySelectorAll(".cmd-slidex"),d.forEach((t=>{t.addEventListener("click",(()=>{const e=s.querySelector(".inp-slide-right"),i=s.querySelector(".inp-slide-left");if(t.classList.contains("on"))return t.classList.remove("on"),e.value="",i.value="",void this.apply();s.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),-1!==t.getAttribute("data-value").indexOf("-")?(e.value=t.getAttribute("data-value").replace("-","").replace("px",""),i.value=""):(i.value=t.getAttribute("data-value").replace("px",""),e.value=""),this.apply()}))}));const f=s.querySelector(".inp-slide-right"),b=s.querySelector(".inp-slide-left");f.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),b.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="-${f.value}px"]`);t&&t.classList.add("on")})),b.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),f.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="${b.value}px"]`);t&&t.classList.add("on")})),d=s.querySelectorAll(".cmd-slidey"),d.forEach((t=>{t.addEventListener("click",(()=>{const e=s.querySelector(".inp-slide-up"),i=s.querySelector(".inp-slide-down");if(t.classList.contains("on"))return t.classList.remove("on"),e.value="",i.value="",void this.apply();s.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),-1!==t.getAttribute("data-value").indexOf("-")?(i.value=t.getAttribute("data-value").replace("-","").replace("px",""),e.value=""):(e.value=t.getAttribute("data-value").replace("px",""),i.value=""),this.apply()}))}));const v=s.querySelector(".inp-slide-up"),y=s.querySelector(".inp-slide-down");y.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),v.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="-${y.value}px"]`);t&&t.classList.add("on")})),v.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),y.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="${v.value}px"]`);t&&t.classList.add("on")})),d=s.querySelectorAll(".cmd-scale"),d.forEach((t=>{t.addEventListener("click",(()=>{const e=s.querySelector(".inp-scale");if(t.classList.contains("on"))return t.classList.remove("on"),e.value="",void this.apply();s.querySelectorAll(".cmd-scale").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),e.value=t.getAttribute("data-value"),this.apply()}))}));const x=s.querySelector(".inp-scale");x.addEventListener("change",(()=>{s.querySelectorAll(".cmd-scale").forEach((t=>{t.classList.remove("on")})),this.apply();let t=this.divEnterAnim.querySelector(`.cmd-scale[data-value="${x.value}"]`);t&&t.classList.add("on")})),d=s.querySelectorAll(".cmd-rotate"),d.forEach((t=>{t.addEventListener("click",(()=>{const e=s.querySelector(".inp-rotate-clockwise"),i=s.querySelector(".inp-rotate-counter");if(t.classList.contains("on"))return t.classList.remove("on"),e.value="",i.value="",void this.apply();s.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),-1!==t.getAttribute("data-value").indexOf("-")?(e.value=t.getAttribute("data-value").replace("-",""),i.value=""):(i.value=t.getAttribute("data-value"),e.value=""),this.apply()}))}));const _=s.querySelector(".inp-rotate-clockwise"),w=s.querySelector(".inp-rotate-counter");_.addEventListener("change",(()=>{s.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),w.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="-${_.value}"]`);t&&t.classList.add("on")})),w.addEventListener("change",(()=>{s.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),_.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="${w.value}"]`);t&&t.classList.add("on")}));let S=s.querySelector(".cmd-fade");S.addEventListener("click",(()=>{S.classList.contains("on")?S.classList.remove("on"):S.classList.add("on"),this.apply()})),s.querySelector(".cmd-clear-slide-left").addEventListener("click",(()=>{const t=s.querySelector(".inp-slide-left");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-slide-right").addEventListener("click",(()=>{const t=s.querySelector(".inp-slide-right");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-slide-up").addEventListener("click",(()=>{const t=s.querySelector(".inp-slide-up");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-slide-down").addEventListener("click",(()=>{const t=s.querySelector(".inp-slide-down");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-scale").addEventListener("click",(()=>{this.builder.editor.saveForUndo();s.querySelector(".inp-scale").value="",s.querySelectorAll(".cmd-scale").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-rotate-clockwise").addEventListener("click",(()=>{const t=this.divEnterAnim.querySelector(".inp-rotate-clockwise");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-rotate-counter").addEventListener("click",(()=>{const t=this.divEnterAnim.querySelector(".inp-rotate-counter");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-scrollanim").addEventListener("click",(()=>{let t;t=this.getTarget().element,t&&(this.builder.editor.saveForUndo(),this.cleanup(t),t.style.transform="",t.style.transition="",t.style.opacity="",this.read(),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange())})),d=a.querySelectorAll(".cmd-slidex"),d.forEach((t=>{t.addEventListener("click",(()=>{const e=a.querySelector(".inp-slide-left"),i=a.querySelector(".inp-slide-right");if(t.classList.contains("on"))return t.classList.remove("on"),e.value="",i.value="",void this.apply();a.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),-1!==t.getAttribute("data-value").indexOf("-")?(e.value=t.getAttribute("data-value").replace("-","").replace("px",""),i.value=""):(i.value=t.getAttribute("data-value").replace("px",""),e.value=""),this.apply()}))}));const C=a.querySelector(".inp-slide-left"),k=a.querySelector(".inp-slide-right");C.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),k.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="-${C.value}px"]`);t&&t.classList.add("on")})),k.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),C.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="${k.value}px"]`);t&&t.classList.add("on")})),d=a.querySelectorAll(".cmd-slidey"),d.forEach((t=>{t.addEventListener("click",(()=>{const e=a.querySelector(".inp-slide-up"),i=a.querySelector(".inp-slide-down");if(t.classList.contains("on"))return t.classList.remove("on"),e.value="",i.value="",void this.apply();a.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),-1!==t.getAttribute("data-value").indexOf("-")?(e.value=t.getAttribute("data-value").replace("-","").replace("px",""),i.value=""):(i.value=t.getAttribute("data-value").replace("px",""),e.value=""),this.apply()}))}));const E=a.querySelector(".inp-slide-up"),A=a.querySelector(".inp-slide-down");A.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),E.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="${A.value}px"]`);t&&t.classList.add("on")})),E.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),A.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="-${E.value}px"]`);t&&t.classList.add("on")})),d=a.querySelectorAll(".cmd-scale"),d.forEach((t=>{t.addEventListener("click",(()=>{const e=a.querySelector(".inp-scale");if(t.classList.contains("on"))return t.classList.remove("on"),e.value="",void this.apply();a.querySelectorAll(".cmd-scale").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),e.value=t.getAttribute("data-value"),this.apply()}))}));const L=a.querySelector(".inp-scale");L.addEventListener("change",(()=>{a.querySelectorAll(".cmd-scale").forEach((t=>{t.classList.remove("on")})),this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-scale[data-value="${L.value}"]`);t&&t.classList.add("on")})),d=a.querySelectorAll(".cmd-rotate"),d.forEach((t=>{t.addEventListener("click",(()=>{const e=a.querySelector(".inp-rotate-clockwise"),i=a.querySelector(".inp-rotate-counter");if(t.classList.contains("on"))return t.classList.remove("on"),e.value="",i.value="",void this.apply();a.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),-1!==t.getAttribute("data-value").indexOf("-")?(i.value=t.getAttribute("data-value").replace("-",""),e.value=""):(e.value=t.getAttribute("data-value"),i.value=""),this.apply()}))}));const q=a.querySelector(".inp-rotate-clockwise"),T=a.querySelector(".inp-rotate-counter");q.addEventListener("change",(()=>{a.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),T.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="${q.value}"]`);t&&t.classList.add("on")})),T.addEventListener("change",(()=>{a.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),q.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="-${T.value}"]`);t&&t.classList.add("on")}));let M=a.querySelector(".cmd-fade");M.addEventListener("click",(()=>{M.classList.contains("on")?M.classList.remove("on"):M.classList.add("on"),this.apply()})),a.querySelector(".cmd-clear-slide-left").addEventListener("click",(()=>{const t=a.querySelector(".inp-slide-left");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-slide-right").addEventListener("click",(()=>{const t=a.querySelector(".inp-slide-right");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-slide-up").addEventListener("click",(()=>{const t=a.querySelector(".inp-slide-up");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-slide-down").addEventListener("click",(()=>{const t=a.querySelector(".inp-slide-down");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-slidey").forEach((t=>{t.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((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-rotate-clockwise").addEventListener("click",(()=>{const t=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-rotate-counter").addEventListener("click",(()=>{const t=this.divLeaveAnim.querySelector(".inp-rotate-counter");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-scrollanim").addEventListener("click",(()=>{let t;t=this.getTarget().element,t&&(this.builder.editor.saveForUndo(),this.cleanup_leave(t),t.style.transform="",t.style.transition="",t.style.opacity="",this.read(),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange())}));o.querySelector(".inp-simplescroll-x-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".cmd-clear-simplescroll").addEventListener("click",(()=>{let t;t=this.getTarget().element,t&&(this.builder.editor.saveForUndo(),this.cleanup(t),this.cleanup_leave(t),this.cleanup_timeline(t),t.style.transform="",t.style.transition="",t.style.opacity="",this.read(),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange())}));const R=o.querySelector("#chkDisableSkrollrrOnMobile");R.addEventListener("click",(()=>{const t=this.builder.activeSection;t&&(this.builder.editor.saveForUndo(),R.checked?t.classList.add("m-skrollrr-off"):t.classList.remove("m-skrollrr-off"),this.builder.onChange())}));const O=o.querySelector("#chkPinSection"),B=o.querySelector(".div-pin-spacing");O.addEventListener("click",(()=>{const t=this.builder.activeSection;if(t){if(this.builder.editor.saveForUndo(),O.checked){t.classList.add("section-pin"),t.classList.add("pin-space-20"),B.style.display="block",B.querySelectorAll(".cmd-pin-space").forEach((t=>{t.classList.remove("on")})),B.querySelector('.cmd-pin-space[data-value="20"]').classList.add("on")}else t.classList.remove("section-pin"),B.style.display="none";this.builder.onChange()}}));B.querySelectorAll(".cmd-pin-space").forEach((t=>{t.addEventListener("click",(()=>{const e=this.builder.activeSection;if(!e)return;let i=t.getAttribute("data-value");this.builder.editor.saveForUndo(),e.classList.remove("pin-space-20"),e.classList.remove("pin-space-40"),e.classList.remove("pin-space-60"),e.classList.remove("pin-space-80"),e.classList.remove("pin-space-100"),"20"===i&&e.classList.add("pin-space-20"),"40"===i&&e.classList.add("pin-space-40"),"60"===i&&e.classList.add("pin-space-60"),"80"===i&&e.classList.add("pin-space-80"),"100"===i&&e.classList.add("pin-space-100"),B.querySelectorAll(".cmd-pin-space").forEach((t=>{t.classList.remove("on")})),t.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 N=this.divAnimScrollSimple.querySelector(".cmd-disable-smoothanim");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"):(this.builder.doc.body.setAttribute("data-skrollrr-off","true"),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh()),this.refreshPage(),l.classList.contains("active")&&this.openPreview()})),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.classList.contains("active")&&this.openPreview()}))}r.addEventListener("click",(()=>{this.openPreview();const t=this.builder.sidebar.pageQuickSettings;this.builder.editor.util.hidePop(t)}));l.querySelector(".is-modal-close").addEventListener("click",(()=>{this.closePreview()}));l.querySelector(".is-modal-size").addEventListener("click",(()=>{l.classList.contains("is-screen-1920")?(l.classList.remove("is-screen-1920"),l.classList.add("is-screen-1440"),localStorage.setItem("_livepreviewscreen","is-screen-1440")):l.classList.contains("is-screen-1440")?(l.classList.remove("is-screen-1440"),l.classList.add("is-screen-1024"),localStorage.setItem("_livepreviewscreen","is-screen-1024")):l.classList.contains("is-screen-1024")?(l.classList.remove("is-screen-1024"),l.classList.add("is-screen-768"),localStorage.setItem("_livepreviewscreen","is-screen-768")):l.classList.contains("is-screen-768")?(l.classList.remove("is-screen-768"),l.classList.add("is-screen-375"),localStorage.setItem("_livepreviewscreen","is-screen-375")):l.classList.contains("is-screen-375")&&(l.classList.remove("is-screen-375"),l.classList.add("is-screen-1920"),localStorage.setItem("_livepreviewscreen","is-screen-1920"));let t=this.builder.html();localStorage.setItem("preview-html",t);let e=this.builder.mainCss();localStorage.setItem("preview-maincss",e);let i=this.builder.sectionCss();localStorage.setItem("preview-sectioncss",i);l.querySelector("iframe").src=this.builder.previewURL+"?"+Math.floor(Date.now()/1e3)}));let D=this.builder.settings.onPageContentClick;this.builder.settings.onPageContentClick=()=>{D&&D.call(this),this.modalAnimateScroll.classList.contains("active")&&setTimeout((()=>{this.clickContent()}),30)};let P=this.builder.settings.onChange;this.builder.settings.onChange=()=>{if(P.call(this),l.classList.contains("active")){let t=this.builder.html();localStorage.setItem("preview-html",t);let e=this.builder.mainCss();localStorage.setItem("preview-maincss",e);let i=this.builder.sectionCss();localStorage.setItem("preview-sectioncss",i),l.querySelector("iframe").src=this.builder.previewURL+"?"+Math.floor(Date.now()/1e3)}};const z=l.querySelector("iframe");z.onload=()=>{setTimeout((()=>{this.scrollSync(z)}),1e3)},this.builder.win.addEventListener("scroll",(()=>{this.scrollSync(z)}))}scrollSync(t){if(this.modalPagePreview.classList.contains("active")&&!this.builder.cancelScrollSync)try{let e=t.contentWindow.document.querySelector(".is-wrapper").offsetHeight,i=this.builder.wrapperEl.offsetHeight*this.builder.editor.zoom,n=e-i;this.builder.wrapperEl.style.marginBottom="100vh",t.contentWindow.scrollTo(0,this.builder.win.scrollY+this.builder.win.scrollY/i*n)}catch(t){}}openPreview(){const t=this.builderStuff.querySelector(".is-modal.page-preview"),e=this.btnOpenPreviewWindow;let i=this.builder.html();localStorage.setItem("preview-html",i);let n=this.builder.mainCss();localStorage.setItem("preview-maincss",n);let o=this.builder.sectionCss();localStorage.setItem("preview-sectioncss",o),t.classList.add("active"),e.classList.add("on");t.querySelector("iframe").src=this.builder.previewURL+"?"+Math.floor(Date.now()/1e3),null!=localStorage.getItem("_livepreviewscreen")&&(t.classList.remove("is-screen-1920"),t.classList.remove("is-screen-1440"),t.classList.remove("is-screen-1024"),t.classList.remove("is-screen-768"),t.classList.remove("is-screen-375"),t.classList.add(localStorage.getItem("_livepreviewscreen"))),localStorage.setItem("_livepreview","1")}closePreview(){const t=this.builderStuff.querySelector(".is-modal.page-preview"),e=this.btnOpenPreviewWindow;t.classList.remove("active"),e.classList.remove("on"),this.builder.wrapperEl.style.marginBottom="",localStorage.removeItem("_livepreview")}refreshPage(){let t=this.getTarget().element;t&&t.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 e=!1;this.builder.sidebar.pageQuickSettings.classList.contains("active")&&(e=!0),t=this.builder.doc.querySelector("[data-save-target]"),t&&(t.click(),t.removeAttribute("data-save-target"));let i=this.builder.doc.querySelector("[data-save-element]");i&&(i.click(),i.removeAttribute("data-save-element"));let n=this.builder.doc.querySelector("[data-save-box]");n&&(n.classList.add("box-select"),n.removeAttribute("data-save-box"));let o=this.builder.doc.querySelector("[data-save-section]");o&&(o.classList.add("section-select"),o.removeAttribute("data-save-section")),e&&this.builder.sidebar.reOpenSettings(),this.builder.rePositionTool()}))}clickContent(){this.modalAnimateScroll.querySelectorAll(".cmd-target").forEach((t=>{t.classList.remove("on")}));let t=this.readTarget();if(t){if("element"===t.name||"inspectedElement"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=element]").classList.add("on")}else if("column"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=column]").classList.add("on")}else if("row"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=row]").classList.add("on")}else if("container"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=container]").classList.add("on")}else if("bg"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=bg]").classList.add("on")}else if("overlay"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=overlay]").classList.add("on")}else if("box"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=box]").classList.add("on")}else if("section"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=section]").classList.add("on")}}else{this.modalAnimateScroll.querySelector(".cmd-target[data-value=element]").classList.add("on")}try{this.read()}catch(t){this.builder.debug&&(console.log("timeline read() error"),console.log(t))}this.readAnimOnce()}clearSettings(){let t;t=this.modalAnimateScroll.querySelectorAll(".cmd-basic-anim"),t.forEach((t=>{t.classList.remove("on")})),t=this.modalAnimateScroll.querySelectorAll(".cmd-basic-delay"),t.forEach((t=>{t.classList.remove("on")})),t=this.modalAnimateScroll.querySelectorAll(".cmd-start"),t.forEach((t=>{t.classList.remove("on")})),t=this.modalAnimateScroll.querySelectorAll(".cmd-end"),t.forEach((t=>{t.classList.remove("on")})),t=this.modalAnimateScroll.querySelectorAll(".cmd-leave-start"),t.forEach((t=>{t.classList.remove("on")})),t=this.divEnterAnim.querySelectorAll(".cmd-slidex"),t.forEach((t=>{t.classList.remove("on")})),t=this.divEnterAnim.querySelectorAll(".cmd-slidey"),t.forEach((t=>{t.classList.remove("on")})),t=this.divEnterAnim.querySelectorAll(".cmd-scale"),t.forEach((t=>{t.classList.remove("on")})),t=this.divEnterAnim.querySelectorAll(".cmd-rotate"),t.forEach((t=>{t.classList.remove("on")}));let e=this.divEnterAnim.querySelector(".cmd-fade");e.classList.remove("on"),t=this.divLeaveAnim.querySelectorAll(".cmd-slidex"),t.forEach((t=>{t.classList.remove("on")})),t=this.divLeaveAnim.querySelectorAll(".cmd-slidey"),t.forEach((t=>{t.classList.remove("on")})),t=this.divLeaveAnim.querySelectorAll(".cmd-scale"),t.forEach((t=>{t.classList.remove("on")})),t=this.divLeaveAnim.querySelectorAll(".cmd-rotate"),t.forEach((t=>{t.classList.remove("on")})),e=this.divLeaveAnim.querySelector(".cmd-fade"),e.classList.remove("on");const i=this.divEnterAnim.querySelector(".inp-slide-left"),n=this.divEnterAnim.querySelector(".inp-slide-right"),o=this.divEnterAnim.querySelector(".inp-slide-up"),s=this.divEnterAnim.querySelector(".inp-slide-down");i.value="",n.value="",o.value="",s.value="";this.divEnterAnim.querySelector(".inp-scale").value="";const a=this.divEnterAnim.querySelector(".inp-rotate-counter"),l=this.divEnterAnim.querySelector(".inp-rotate-clockwise");a.value="",l.value="";const r=this.divLeaveAnim.querySelector(".inp-slide-left"),d=this.divLeaveAnim.querySelector(".inp-slide-right"),c=this.divLeaveAnim.querySelector(".inp-slide-up"),u=this.divLeaveAnim.querySelector(".inp-slide-down");r.value="",d.value="",c.value="",u.value="";this.divLeaveAnim.querySelector(".inp-scale").value="";const p=this.divLeaveAnim.querySelector(".inp-rotate-counter"),h=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");p.value="",h.value="";const m=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-start"),g=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-15"),f=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-25"),b=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"),E=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-35"),A=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"),R=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-start"),O=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-15"),B=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-25"),I=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-35"),N=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-50"),$=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-65"),D=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-75"),P=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-85"),z=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-end"),H=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-start"),j=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-15"),F=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-25"),U=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-35"),W=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-50"),V=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-65"),G=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-75"),X=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-85"),Y=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"),tt=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-50"),et=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-65"),it=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-75"),nt=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-85"),ot=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-end");m.value="",g.value="",f.value="",b.value="",v.value="",y.value="",x.value="",_.value="",w.value="",S.value="",C.value="",k.value="",E.value="",A.value="",L.value="",q.value="",T.value="",M.value="",R.value="",O.value="",B.value="",I.value="",N.value="",$.value="",D.value="",P.value="",z.value="",H.value="",j.value="",F.value="",U.value="",W.value="",V.value="",G.value="",X.value="",Y.value="",K.value="",Z.value="",Q.value="",J.value="",tt.value="",et.value="",it.value="",nt.value="",ot.value=""}read(){this.clearSettings(),this.builder.debug&&console.log("1");const t=this.builder.activeSection;if(t){const e=this.modalAnimateScroll.querySelector(".div-pin-spacing"),i=this.modalAnimateScroll.querySelector("#chkPinSection");t.classList.contains("section-pin")?(i.checked=!0,e.style.display="block"):(i.checked=!1,e.style.display="none");const n=this.modalAnimateScroll.querySelector("#chkDisableSkrollrrOnMobile");if(t.classList.contains("m-skrollrr-off")?n.checked=!0:n.checked=!1,e.querySelectorAll(".cmd-pin-space").forEach((t=>{t.classList.remove("on")})),t.classList.contains("pin-space-20")){e.querySelector('.cmd-pin-space[data-value="20"]').classList.add("on")}else if(t.classList.contains("pin-space-40")){e.querySelector('.cmd-pin-space[data-value="40"]').classList.add("on")}else if(t.classList.contains("pin-space-60")){e.querySelector('.cmd-pin-space[data-value="60"]').classList.add("on")}else if(t.classList.contains("pin-space-80")){e.querySelector('.cmd-pin-space[data-value="80"]').classList.add("on")}else if(t.classList.contains("pin-space-100")){e.querySelector('.cmd-pin-space[data-value="100"]').classList.add("on")}else{e.querySelector('.cmd-pin-space[data-value="0"]').classList.add("on")}}let e;this.builder.debug&&console.log("2");let i,n,o=this.getTarget();if(e=o.element,!e)return;this.builder.debug&&console.log("3"),e.classList.contains("is-fadeIn")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeIn"]')),e.classList.contains("is-fadeInUp")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInUp"]')),e.classList.contains("is-fadeInDown")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInDown"]')),e.classList.contains("is-fadeInLeft")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInLeft"]')),e.classList.contains("is-fadeInRight")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInRight"]')),e.classList.contains("is-zoomIn")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-zoomIn"]')),e.classList.contains("is-zoomOut")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-zoomOut"]')),e.classList.contains("is-slideInUp")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInUp"]')),e.classList.contains("is-slideInDown")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInDown"]')),e.classList.contains("is-slideInLeft")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInLeft"]')),e.classList.contains("is-slideInRight")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInRight"]')),e.classList.contains("is-flipInX")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-flipInX"]')),e.classList.contains("is-flipInY")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-flipInY"]')),e.classList.contains("is-pulse")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-pulse"]')),e.classList.contains("is-bounceIn")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-bounceIn"]')),i&&i.classList.add("on"),e.classList.contains("delay-0ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-0ms"]')),e.classList.contains("delay-100ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-100ms"]')),e.classList.contains("delay-200ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-200ms"]')),e.classList.contains("delay-300ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-300ms"]')),e.classList.contains("delay-400ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-400ms"]')),e.classList.contains("delay-500ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-500ms"]')),e.classList.contains("delay-600ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-600ms"]')),e.classList.contains("delay-700ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-700ms"]')),e.classList.contains("delay-800ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-800ms"]')),e.classList.contains("delay-900ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-900ms"]')),e.classList.contains("delay-1000ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1000ms"]')),e.classList.contains("delay-1100ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1100ms"]')),e.classList.contains("delay-1200ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1200ms"]')),e.classList.contains("delay-1300ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1300ms"]')),e.classList.contains("delay-1400ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1400ms"]')),n&&n.classList.add("on");const s=this.modalAnimateScroll.querySelector(".cmd-basic-once");e.classList.contains("once")?s.classList.add("on"):s.classList.remove("on");this.modalAnimateScroll.querySelectorAll(".cmd-disable-smoothanim").forEach((t=>{e.hasAttribute("data-smooth-scrolling")?t.classList.add("on"):t.classList.remove("on")})),this.builder.debug&&console.log("4");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"),f=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-15"),b=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"),E=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-25"),A=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"),R=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-end"),O=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-start"),B=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-15"),I=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-25"),N=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-35"),$=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-50"),D=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-65"),P=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-75"),z=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-85"),H=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-end"),j=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-start"),F=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-15"),U=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-25"),W=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-35"),V=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-50"),G=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-65"),X=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-75"),Y=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="",f.value="",b.value="",v.value="",y.value="",x.value="",_.value="",w.value="",S.value="",C.value="",k.value="",E.value="",A.value="",L.value="",q.value="",T.value="",M.value="",R.value="",O.value="",B.value="",I.value="",N.value="",$.value="",D.value="",P.value="",z.value="",H.value="",j.value="",F.value="",U.value="",W.value="",V.value="",G.value="",X.value="",Y.value="",K.value="",this.builder.debug&&console.log("5"),e.hasAttribute("data-bottom-top")&&e.hasAttribute("data-top-bottom")&&!(e.hasAttribute("data-center-bottom")||e.hasAttribute("data-100-top")||e.hasAttribute("data-50-top")||e.hasAttribute("data-top"))||e.hasAttribute("data-in")||e.hasAttribute("data-in-150")||e.hasAttribute("data-in-300")||e.hasAttribute("data-cen--150")||e.hasAttribute("data-cen")||e.hasAttribute("data-cen-150")||e.hasAttribute("data-out--300")||e.hasAttribute("data-out--150")||e.hasAttribute("data-out")){let t=document.querySelector(".dummy-elm"),i=e.getAttribute("data-bottom-top");t.style.cssText=i;let n=this.getTransform(t,i);n.translateX&&(a.value=n.translateX.replace("px","")),n.translateY&&(g.value=n.translateY.replace("px","")),n.scale&&(C.value=n.scale),n.rotate&&(O.value=n.rotate),n.opacity&&(j.value=n.opacity);let o=e.getAttribute("data-top-bottom");t.style.cssText=o,n=this.getTransform(t,o),n.translateX&&(m.value=n.translateX.replace("px","")),n.translateY&&(S.value=n.translateY.replace("px","")),n.scale&&(R.value=n.scale),n.rotate&&(H.value=n.rotate),n.opacity&&(K.value=n.opacity);let s=e.getAttribute("data-in");return t.style.cssText=s,n=this.getTransform(t,s),n.translateX&&(a.value=n.translateX.replace("px","")),n.translateY&&(g.value=n.translateY.replace("px","")),n.scale&&(C.value=n.scale),n.rotate&&(O.value=n.rotate),n.opacity&&(j.value=n.opacity),s=e.getAttribute("data-in-150"),t.style.cssText=s,n=this.getTransform(t,s),n.translateX&&(l.value=n.translateX.replace("px","")),n.translateY&&(f.value=n.translateY.replace("px","")),n.scale&&(k.value=n.scale),n.rotate&&(B.value=n.rotate),n.opacity&&(F.value=n.opacity),s=e.getAttribute("data-in-300"),t.style.cssText=s,n=this.getTransform(t,s),n.translateX&&(r.value=n.translateX.replace("px","")),n.translateY&&(b.value=n.translateY.replace("px","")),n.scale&&(E.value=n.scale),n.rotate&&(I.value=n.rotate),n.opacity&&(U.value=n.opacity),s=e.getAttribute("data-cen--150"),t.style.cssText=s,n=this.getTransform(t,s),n.translateX&&(d.value=n.translateX.replace("px","")),n.translateY&&(v.value=n.translateY.replace("px","")),n.scale&&(A.value=n.scale),n.rotate&&(N.value=n.rotate),n.opacity&&(W.value=n.opacity),s=e.getAttribute("data-cen"),t.style.cssText=s,n=this.getTransform(t,s),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&&(V.value=n.opacity),s=e.getAttribute("data-cen-150"),t.style.cssText=s,n=this.getTransform(t,s),n.translateX&&(u.value=n.translateX.replace("px","")),n.translateY&&(x.value=n.translateY.replace("px","")),n.scale&&(q.value=n.scale),n.rotate&&(D.value=n.rotate),n.opacity&&(G.value=n.opacity),s=e.getAttribute("data-out--300"),t.style.cssText=s,n=this.getTransform(t,s),n.translateX&&(p.value=n.translateX.replace("px","")),n.translateY&&(_.value=n.translateY.replace("px","")),n.scale&&(T.value=n.scale),n.rotate&&(P.value=n.rotate),n.opacity&&(X.value=n.opacity),s=e.getAttribute("data-out--150"),t.style.cssText=s,n=this.getTransform(t,s),n.translateX&&(h.value=n.translateX.replace("px","")),n.translateY&&(w.value=n.translateY.replace("px","")),n.scale&&(M.value=n.scale),n.rotate&&(z.value=n.rotate),n.opacity&&(Y.value=n.opacity),s=e.getAttribute("data-out"),t.style.cssText=s,n=this.getTransform(t,s),n.translateX&&(m.value=n.translateX.replace("px","")),n.translateY&&(S.value=n.translateY.replace("px","")),n.scale&&(R.value=n.scale),n.rotate&&(H.value=n.rotate),n.opacity&&(K.value=n.opacity),this.builder.debug&&console.log("timeline read() ok1"),this.modalAnimateScroll.querySelector(".cmd-start.on")||(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),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")),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),Q&&Q.classList.add("on")),this.builder.debug&&console.log("timeline read() ok2"),!0}this.builder.debug&&console.log("6");let Z=e.getAttribute("data-bottom-top");Z||(Z=e.getAttribute("data-400-bottom")),Z||(Z=e.getAttribute("data-200-bottom")),Z||(Z=e.getAttribute("data--50-bottom"));let Q,J=e.getAttribute("data-top-bottom");e.hasAttribute("data-bottom-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-400-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-400-bottom"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-200-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-200-bottom"]'),Q&&Q.classList.add("on")),e.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")),e.hasAttribute("data-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-bottom"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-center-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center-top"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-center")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),Q&&Q.classList.add("on")),e.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")),this.builder.debug&&console.log("7");let tt=document.querySelector(".dummy-elm");tt.style.cssText=Z;let et=this.getTransform(tt,Z);Q=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="${et.translateX}"]`),Q&&Q.classList.add("on"),Q=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="${et.translateY}"]`),Q&&Q.classList.add("on"),Q=this.divEnterAnim.querySelector(`.cmd-scale[data-value="${et.scale}"]`),Q&&Q.classList.add("on"),et.rotate&&(Q=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="${et.rotate}"]`),Q&&Q.classList.add("on"));const it=this.divEnterAnim.querySelector(".inp-slide-left"),nt=this.divEnterAnim.querySelector(".inp-slide-right");et.translateX&&(-1!==et.translateX.indexOf("-")?nt.value=et.translateX.replace("-","").replace("px",""):it.value=et.translateX.replace("px",""));const ot=this.divEnterAnim.querySelector(".inp-slide-up"),st=this.divEnterAnim.querySelector(".inp-slide-down");et.translateY&&(-1!==et.translateY.indexOf("-")?st.value=et.translateY.replace("-","").replace("px",""):ot.value=et.translateY.replace("px",""));const at=this.divEnterAnim.querySelector(".inp-scale");et.scale&&(at.value=et.scale);const lt=this.divEnterAnim.querySelector(".inp-rotate-counter"),rt=this.divEnterAnim.querySelector(".inp-rotate-clockwise");et.rotate&&(-1!==et.rotate.indexOf("-")?rt.value=et.rotate.replace("-",""):lt.value=et.rotate),et.opacity&&(Q=this.divEnterAnim.querySelector(".cmd-fade"),Q&&Q.classList.add("on")),this.builder.debug&&console.log("8"),e.hasAttribute("data-center-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-100-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-100-top"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-50-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-50-top"]'),Q&&Q.classList.add("on")),e.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")),tt.style.cssText=J,et=this.getTransform(tt,J),Q=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="${et.translateX}"]`),Q&&Q.classList.add("on"),Q=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="${et.translateY}"]`),Q&&Q.classList.add("on"),Q=this.divLeaveAnim.querySelector(`.cmd-scale[data-value="${et.scale}"]`),Q&&Q.classList.add("on"),et.rotate&&(Q=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="${et.rotate}"]`),Q&&Q.classList.add("on"));const dt=this.divLeaveAnim.querySelector(".inp-slide-left"),ct=this.divLeaveAnim.querySelector(".inp-slide-right");et.translateX&&(-1!==et.translateX.indexOf("-")?dt.value=et.translateX.replace("-","").replace("px",""):ct.value=et.translateX.replace("px",""));const ut=this.divLeaveAnim.querySelector(".inp-slide-up"),pt=this.divLeaveAnim.querySelector(".inp-slide-down");et.translateY&&(-1!==et.translateY.indexOf("-")?ut.value=et.translateY.replace("-","").replace("px",""):pt.value=et.translateY.replace("px","")),this.builder.debug&&console.log("9");const ht=this.divLeaveAnim.querySelector(".inp-scale");et.scale&&(ht.value=et.scale);const mt=this.divLeaveAnim.querySelector(".inp-rotate-counter"),gt=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");return et.rotate&&(-1!==et.rotate.indexOf("-")?mt.value=et.rotate.replace("-",""):gt.value=et.rotate),et.opacity&&(Q=this.divLeaveAnim.querySelector(".cmd-fade"),Q&&Q.classList.add("on")),this.builder.debug&&console.log("10"),!0}cleanupBasic(t){t.classList.remove("is-animated"),t.classList.remove("once"),t.classList.remove("is-fadeIn"),t.classList.remove("is-fadeInUp"),t.classList.remove("is-fadeInDown"),t.classList.remove("is-fadeInLeft"),t.classList.remove("is-fadeInRight"),t.classList.remove("is-zoomIn"),t.classList.remove("is-zoomOut"),t.classList.remove("is-slideInUp"),t.classList.remove("is-slideInDown"),t.classList.remove("is-slideInLeft"),t.classList.remove("is-slideInRight"),t.classList.remove("is-flipInX"),t.classList.remove("is-flipInY"),t.classList.remove("is-pulse"),t.classList.remove("is-bounceIn")}cleanupDelay(t){t.classList.remove("delay-0ms"),t.classList.remove("delay-100ms"),t.classList.remove("delay-200ms"),t.classList.remove("delay-300ms"),t.classList.remove("delay-400ms"),t.classList.remove("delay-500ms"),t.classList.remove("delay-600ms"),t.classList.remove("delay-700ms"),t.classList.remove("delay-800ms"),t.classList.remove("delay-900ms"),t.classList.remove("delay-1000ms"),t.classList.remove("delay-1100ms"),t.classList.remove("delay-1200ms"),t.classList.remove("delay-1300ms"),t.classList.remove("delay-1400ms"),t.classList.remove("delay-1500ms"),t.classList.remove("delay-1600ms"),t.classList.remove("delay-1700ms"),t.classList.remove("delay-1800ms"),t.classList.remove("delay-1900ms"),t.classList.remove("delay-2000ms"),t.classList.remove("delay-2100ms"),t.classList.remove("delay-2200ms"),t.classList.remove("delay-2300ms"),t.classList.remove("delay-2400ms"),t.classList.remove("delay-2500ms"),t.classList.remove("delay-2600ms"),t.classList.remove("delay-2700ms"),t.classList.remove("delay-2800ms"),t.classList.remove("delay-2900ms"),t.classList.remove("delay-3000ms"),t.style.transitionDelay="",t.style.animationDelay=""}applyDelay(){let t,e,i=this.getTarget();t=i.element,t&&(this.modalAnimateScroll.querySelectorAll(".cmd-basic-delay").forEach((t=>{t.classList.contains("on")&&(e=t.getAttribute("data-value"))})),this.builder.editor.saveForUndo(),this.cleanupDelay(t),t.classList.remove("is-inview"),setTimeout((()=>{e&&t.classList.add(e),setTimeout((()=>{t.classList.add("is-inview")}),10)}),10),this.builder.settings.onChange())}applyBasic(){let t,e,i=this.getTarget();if(t=i.element,!t)return;this.modalAnimateScroll.querySelectorAll(".cmd-basic-anim").forEach((t=>{t.classList.contains("on")&&(e=t.getAttribute("data-value"))}));let n=!1;this.modalAnimateScroll.querySelector(".cmd-basic-once").classList.contains("on")&&(n=!0),this.builder.editor.saveForUndo(),this.cleanupBasic(t),t.style.transition="none",e&&(t.classList.remove("is-inview"),t.classList.remove("once"),setTimeout((()=>{t.classList.add(e),n?t.classList.add("once"):t.classList.remove("once"),t.classList.add("is-animated"),setTimeout((()=>{t.style.transition="",t.classList.add("is-inview"),this.builder.settings.onRender(),this.builder.settings.onChange()}),10)}),10))}applySimpleScroll(){let t;if(t=this.getTarget().element,!t)return;const e=this.modalAnimateScroll,i=e.querySelector(".inp-simplescroll-x-start"),n=e.querySelector(".inp-simplescroll-x-15"),o=e.querySelector(".inp-simplescroll-x-25"),s=e.querySelector(".inp-simplescroll-x-35"),a=e.querySelector(".inp-simplescroll-x-50"),l=e.querySelector(".inp-simplescroll-x-65"),r=e.querySelector(".inp-simplescroll-x-75"),d=e.querySelector(".inp-simplescroll-x-85"),c=e.querySelector(".inp-simplescroll-x-end"),u=e.querySelector(".inp-simplescroll-y-start"),p=e.querySelector(".inp-simplescroll-y-15"),h=e.querySelector(".inp-simplescroll-y-25"),m=e.querySelector(".inp-simplescroll-y-35"),g=e.querySelector(".inp-simplescroll-y-50"),f=e.querySelector(".inp-simplescroll-y-65"),b=e.querySelector(".inp-simplescroll-y-75"),v=e.querySelector(".inp-simplescroll-y-85"),y=e.querySelector(".inp-simplescroll-y-end"),x=e.querySelector(".inp-simplescroll-scale-start"),_=e.querySelector(".inp-simplescroll-scale-15"),w=e.querySelector(".inp-simplescroll-scale-25"),S=e.querySelector(".inp-simplescroll-scale-35"),C=e.querySelector(".inp-simplescroll-scale-50"),k=e.querySelector(".inp-simplescroll-scale-65"),E=e.querySelector(".inp-simplescroll-scale-75"),A=e.querySelector(".inp-simplescroll-scale-85"),L=e.querySelector(".inp-simplescroll-scale-end"),q=e.querySelector(".inp-simplescroll-rotate-start"),T=e.querySelector(".inp-simplescroll-rotate-15"),M=e.querySelector(".inp-simplescroll-rotate-25"),R=e.querySelector(".inp-simplescroll-rotate-35"),O=e.querySelector(".inp-simplescroll-rotate-50"),B=e.querySelector(".inp-simplescroll-rotate-65"),I=e.querySelector(".inp-simplescroll-rotate-75"),N=e.querySelector(".inp-simplescroll-rotate-85"),$=e.querySelector(".inp-simplescroll-rotate-end"),D=e.querySelector(".inp-simplescroll-opacity-start"),P=e.querySelector(".inp-simplescroll-opacity-15"),z=e.querySelector(".inp-simplescroll-opacity-25"),H=e.querySelector(".inp-simplescroll-opacity-35"),j=e.querySelector(".inp-simplescroll-opacity-50"),F=e.querySelector(".inp-simplescroll-opacity-65"),U=e.querySelector(".inp-simplescroll-opacity-75"),W=e.querySelector(".inp-simplescroll-opacity-85"),V=e.querySelector(".inp-simplescroll-opacity-end");let G,X,Y,K,Z,Q,J,tt,et,it,nt,ot,st,at,lt,rt,dt,ct,ut,pt,ht,mt,gt,ft,bt,vt,yt,xt,_t,wt,St,Ct,kt,Et,At,Lt,qt,Tt,Mt,Rt,Ot,Bt,It,Nt,$t;""!==i.value&&(G=i.value+(-1!==i.value.indexOf("%")?"":"px")),""!==n.value&&(X=n.value+(-1!==n.value.indexOf("%")?"":"px")),""!==o.value&&(Y=o.value+(-1!==o.value.indexOf("%")?"":"px")),""!==s.value&&(K=s.value+(-1!==s.value.indexOf("%")?"":"px")),""!==a.value&&(Z=a.value+(-1!==a.value.indexOf("%")?"":"px")),""!==l.value&&(Q=l.value+(-1!==l.value.indexOf("%")?"":"px")),""!==r.value&&(J=r.value+(-1!==r.value.indexOf("%")?"":"px")),""!==d.value&&(tt=d.value+(-1!==d.value.indexOf("%")?"":"px")),""!==c.value&&(et=c.value+(-1!==c.value.indexOf("%")?"":"px")),""!==u.value&&(it=u.value+(-1!==u.value.indexOf("%")?"":"px")),""!==p.value&&(nt=p.value+(-1!==p.value.indexOf("%")?"":"px")),""!==h.value&&(ot=h.value+(-1!==h.value.indexOf("%")?"":"px")),""!==m.value&&(st=m.value+(-1!==m.value.indexOf("%")?"":"px")),""!==g.value&&(at=g.value+(-1!==g.value.indexOf("%")?"":"px")),""!==f.value&&(lt=f.value+(-1!==f.value.indexOf("%")?"":"px")),""!==b.value&&(rt=b.value+(-1!==b.value.indexOf("%")?"":"px")),""!==v.value&&(dt=v.value+(-1!==v.value.indexOf("%")?"":"px")),""!==y.value&&(ct=y.value+(-1!==y.value.indexOf("%")?"":"px")),""!==x.value&&(ut=x.value),""!==_.value&&(pt=_.value),""!==w.value&&(ht=w.value),""!==S.value&&(mt=S.value),""!==C.value&&(gt=C.value),""!==k.value&&(ft=k.value),""!==E.value&&(bt=E.value),""!==A.value&&(vt=A.value),""!==L.value&&(yt=L.value),""!==q.value&&(xt=q.value),""!==T.value&&(_t=T.value),""!==M.value&&(wt=M.value),""!==R.value&&(St=R.value),""!==O.value&&(Ct=O.value),""!==B.value&&(kt=B.value),""!==I.value&&(Et=I.value),""!==N.value&&(At=N.value),""!==$.value&&(Lt=$.value),""!==D.value&&(qt=D.value),""!==P.value&&(Tt=P.value),""!==z.value&&(Mt=z.value),""!==H.value&&(Rt=H.value),""!==j.value&&(Ot=j.value),""!==F.value&&(Bt=F.value),""!==U.value&&(It=U.value),""!==W.value&&(Nt=W.value),""!==V.value&&($t=V.value);let Dt=(G?` translateX(${G})`:"")+(it?` translateY(${it})`:"")+(ut?` scale(${ut})`:"")+(xt?` rotate(${xt})`:"");Dt=Dt.trim();let Pt=(X?` translateX(${X})`:"")+(nt?` translateY(${nt})`:"")+(pt?` scale(${pt})`:"")+(_t?` rotate(${_t})`:"");Pt=Pt.trim();let zt=(Y?` translateX(${Y})`:"")+(ot?` translateY(${ot})`:"")+(ht?` scale(${ht})`:"")+(wt?` rotate(${wt})`:"");zt=zt.trim();let Ht=(K?` translateX(${K})`:"")+(st?` translateY(${st})`:"")+(mt?` scale(${mt})`:"")+(St?` rotate(${St})`:"");Ht=Ht.trim();let jt=(Z?` translateX(${Z})`:"")+(at?` translateY(${at})`:"")+(gt?` scale(${gt})`:"")+(Ct?` rotate(${Ct})`:"");jt=jt.trim();let Ft=(Q?` translateX(${Q})`:"")+(lt?` translateY(${lt})`:"")+(ft?` scale(${ft})`:"")+(kt?` rotate(${kt})`:"");Ft=Ft.trim();let Ut=(J?` translateX(${J})`:"")+(rt?` translateY(${rt})`:"")+(bt?` scale(${bt})`:"")+(Et?` rotate(${Et})`:"");Ut=Ut.trim();let Wt=(tt?` translateX(${tt})`:"")+(dt?` translateY(${dt})`:"")+(vt?` scale(${vt})`:"")+(At?` rotate(${At})`:"");Wt=Wt.trim();let Vt=(et?` translateX(${et})`:"")+(ct?` translateY(${ct})`:"")+(yt?` scale(${yt})`:"")+(Lt?` rotate(${Lt})`:"");Vt=Vt.trim();let Gt=(Dt?"transform: "+Dt+";":"")+(qt?`opacity:${qt}`:""),Xt=(Pt?"transform: "+Pt+";":"")+(Tt?`opacity:${Tt}`:""),Yt=(zt?"transform: "+zt+";":"")+(Mt?`opacity:${Mt}`:""),Kt=(Ht?"transform: "+Ht+";":"")+(Rt?`opacity:${Rt}`:""),Zt=(jt?"transform: "+jt+";":"")+(Ot?`opacity:${Ot}`:""),Qt=(Ft?"transform: "+Ft+";":"")+(Bt?`opacity:${Bt}`:""),Jt=(Ut?"transform: "+Ut+";":"")+(It?`opacity:${It}`:""),te=(Wt?"transform: "+Wt+";":"")+(Nt?`opacity:${Nt}`:""),ee=(Vt?"transform: "+Vt+";":"")+($t?`opacity:${$t}`:"");Gt=Gt.trim(),Xt=Xt.trim(),Yt=Yt.trim(),Kt=Kt.trim(),Zt=Zt.trim(),Qt=Qt.trim(),Jt=Jt.trim(),te=te.trim(),ee=ee.trim(),this.builder.editor.saveForUndo(),this.cleanup(t),this.cleanup_leave(t),this.cleanup_timeline(t),t.removeAttribute("data-bottom-top"),t.removeAttribute("data-top-bottom");let ie="data-in",ne="data-in-150",oe="data-in-300",se="data-cen--150",ae="data-cen",le="data-cen-150",re="data-out--300",de="data-out--150",ce="data-out";""!==Gt?t.setAttribute(ie,Gt):t.removeAttribute(ie),""!==Xt?t.setAttribute(ne,Xt):t.removeAttribute(ne),""!==Yt?t.setAttribute(oe,Yt):t.removeAttribute(oe),""!==Kt?t.setAttribute(se,Kt):t.removeAttribute(se),""!==Zt?t.setAttribute(ae,Zt):t.removeAttribute(ae),""!==Qt?t.setAttribute(le,Qt):t.removeAttribute(le),""!==Jt?t.setAttribute(re,Jt):t.removeAttribute(re),""!==te?t.setAttribute(de,te):t.removeAttribute(de),""!==ee?t.setAttribute(ce,ee):t.removeAttribute(ce);this.divAnimScrollSimple.querySelector(".cmd-disable-smoothanim").classList.contains("on")?(t.setAttribute("data-smooth-scrolling","off"),t.style.transition=""):t.removeAttribute("data-smooth-scrolling"),t.style.transform="",t.style.transition="",t.style.opacity="",this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange()}apply(){let t,e;if(t=this.getTarget().element,!t)return;let i,n,o,s=this.divEnterAnim.querySelectorAll(".cmd-slidex");s.forEach((t=>{t.classList.contains("on")&&(e=t.getAttribute("data-value"))})),s=this.divEnterAnim.querySelectorAll(".cmd-slidey"),s.forEach((t=>{t.classList.contains("on")&&(i=t.getAttribute("data-value"))})),s=this.divEnterAnim.querySelectorAll(".cmd-scale"),s.forEach((t=>{t.classList.contains("on")&&(n=t.getAttribute("data-value"))})),s=this.divEnterAnim.querySelectorAll(".cmd-rotate"),s.forEach((t=>{t.classList.contains("on")&&(o=t.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&&(e="-"+r.value+(-1!==r.value.indexOf("%")?"":"px"));const d=this.divEnterAnim.querySelector(".inp-slide-left");""!==d.value&&(e=d.value+(-1!==d.value.indexOf("%")?"":"px"));const c=this.divEnterAnim.querySelector(".inp-slide-down");""!==c.value&&(i="-"+c.value+(-1!==c.value.indexOf("%")?"":"px"));const u=this.divEnterAnim.querySelector(".inp-slide-up");""!==u.value&&(i=u.value+(-1!==u.value.indexOf("%")?"":"px"));const p=this.divEnterAnim.querySelector(".inp-scale");""!==p.value&&(n=p.value);const h=this.divEnterAnim.querySelector(".inp-rotate-clockwise");""!==h.value&&(o="-"+h.value);const m=this.divEnterAnim.querySelector(".inp-rotate-counter");""!==m.value&&(o=m.value);let g=(e?` translateX(${e})`:"")+(i?` translateY(${i})`:"")+(o?` rotate(${o}deg)`:"")+(n?` scale(${n})`:"");g=g.trim();let f=(e?" translateX(0px)":"")+(i?" translateY(0px)":"")+(o?" rotate(0deg)":"")+(n?" scale(1)":"");f=f.trim();let b,v,y,x,_,w,S=(g?"transform: "+g+";":"")+(a?"opacity: 0;":""),C=(f?"transform: "+f+";":"")+(a?"opacity: 1;":"");this.builder.editor.saveForUndo(),this.cleanup_timeline(t),this.cleanup(t),s=this.modalAnimateScroll.querySelectorAll(".cmd-start"),s.forEach((t=>{t.classList.contains("on")&&(b=t.getAttribute("data-value"))})),s=this.modalAnimateScroll.querySelectorAll(".cmd-end"),s.forEach((t=>{t.classList.contains("on")&&(v=t.getAttribute("data-value"))})),b||(b="data-bottom-top"),v||(v="data-center"),S=S.trim(),C=C.trim(),""!==S&&t.setAttribute(b,S),""!==C&&t.setAttribute(v,C),s=this.divLeaveAnim.querySelectorAll(".cmd-slidex"),s.forEach((t=>{t.classList.contains("on")&&(y=t.getAttribute("data-value"))})),s=this.divLeaveAnim.querySelectorAll(".cmd-slidey"),s.forEach((t=>{t.classList.contains("on")&&(x=t.getAttribute("data-value"))})),s=this.divLeaveAnim.querySelectorAll(".cmd-scale"),s.forEach((t=>{t.classList.contains("on")&&(_=t.getAttribute("data-value"))})),s=this.divLeaveAnim.querySelectorAll(".cmd-rotate"),s.forEach((t=>{t.classList.contains("on")&&(w=t.getAttribute("data-value"))}));let k=!1;l=this.divLeaveAnim.querySelector(".cmd-fade"),l.classList.contains("on")&&(k=!0);const E=this.divLeaveAnim.querySelector(".inp-slide-left");""!==E.value&&(y="-"+E.value+(-1!==E.value.indexOf("%")?"":"px"));const A=this.divLeaveAnim.querySelector(".inp-slide-right");""!==A.value&&(y=A.value+(-1!==A.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 R=this.divLeaveAnim.querySelector(".inp-rotate-counter");""!==R.value&&(w="-"+R.value);let O=(y?" translateX(0px)":"")+(x?" translateY(0px)":"")+(w?" rotate(0deg)":"")+(_?" scale(1)":"");O=O.trim();let B=(y?` translateX(${y})`:"")+(x?` translateY(${x})`:"")+(w?` rotate(${w}deg)`:"")+(_?` scale(${_})`:"");B=B.trim();let I,N,$=(O?"transform: "+O+";":"")+(k?"opacity: 1;":""),D=(B?"transform: "+B+";":"")+(k?"opacity: 0;":"");this.cleanup_leave(t),s=this.modalAnimateScroll.querySelectorAll(".cmd-leave-start"),s.forEach((t=>{t.classList.contains("on")&&(I=t.getAttribute("data-value"))})),I||(I="data-center-bottom"),N="data-top-bottom",$=$.trim(),D=D.trim(),""!==$&&t.setAttribute(I,$),""!==D&&t.setAttribute("data-top-bottom",D),""===S&&""===C&&""===$&&""===D&&(t.style.transform="",t.style.transition="",t.style.opacity=""),(a||k)&&(t.style.opacity="");this.divAnimSettings.querySelector(".cmd-disable-smoothanim").classList.contains("on")?(t.setAttribute("data-smooth-scrolling","off"),t.style.transition=""):t.removeAttribute("data-smooth-scrolling"),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange()}readAnimOnce(){let t=this.builder.activeSection;t&&(t.querySelector(".is-animated.once")?this.modalAnimateScroll.querySelector("#chkPresetAnimOnce").checked=!0:this.modalAnimateScroll.querySelector("#chkPresetAnimOnce").checked=!1)}getTarget(){let t,e;if(this.modalAnimateScroll.querySelectorAll(".cmd-target").forEach((e=>{e.classList.contains("on")&&(t=e.getAttribute("data-value"))})),"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(t){if(!t){let t,e,i,n=this.builder.editor.inspectedElement;if(!n)return this.readTarget("bg");t=n.getAttribute("data-bottom-top"),t||(t=n.getAttribute("data-400-bottom")),t||(t=n.getAttribute("data-200-bottom")),t||(t=n.getAttribute("data--50-bottom")),e=n.getAttribute("data-top-bottom"),i=n.getAttribute("data-in"),i||(i=n.getAttribute("data-in-150")),i||(i=n.getAttribute("data-in-300")),i||(i=n.getAttribute("data-cen--150")),i||(i=n.getAttribute("data-cen")),i||(i=n.getAttribute("data-cen-150")),i||(i=n.getAttribute("data-out--300")),i||(i=n.getAttribute("data-out--150")),i||(i=n.getAttribute("data-out"));let o=!1;return(n.classList.contains("is-fadeIn")||n.classList.contains("is-fadeInUp")||n.classList.contains("is-fadeInDown")||n.classList.contains("is-fadeInLeft")||n.classList.contains("is-fadeInRight")||n.classList.contains("is-zoomIn")||n.classList.contains("is-zoomOut")||n.classList.contains("is-slideInUp")||n.classList.contains("is-slideInDown")||n.classList.contains("is-slideInLeft")||n.classList.contains("is-slideInRight")||n.classList.contains("is-flipInX")||n.classList.contains("is-flipInY")||n.classList.contains("is-pulse")||n.classList.contains("is-bounceIn"))&&(o=!0),t||e||i||o?{element:n,name:"inspectedElement"}:this.readTarget("element")}{let e,i,n,o;if("element"===t&&(e=this.builder.editor.activeElement),"column"===t&&(e=this.builder.editor.activeCol),"row"===t&&this.builder.editor.activeCol&&(e=this.builder.editor.activeCol.parentNode),"container"===t&&this.builder.editor.activeCol&&(e=this.builder.editor.activeCol.parentNode.parentNode),"bg"===t){let t;const i=this.builder.doc.querySelector(".box-select");i&&(t=i.querySelector(".is-overlay-bg")),t&&(e=t)}if("overlay"===t){let t;const i=this.builder.doc.querySelector(".box-select");i&&(t=i.querySelector(".is-overlay")),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)}if(!e){if("element"===t)return this.readTarget("column");if("column"===t)return this.readTarget("row");if("row"===t)return this.readTarget("container");if("container"===t)return this.readTarget("bg");if("bg"===t)return this.readTarget("overlay");if("overlay"===t)return this.readTarget("box");if("box"===t)return this.readTarget("section");if("section"===t)return!1}i=e.getAttribute("data-bottom-top"),i||(i=e.getAttribute("data-400-bottom")),i||(i=e.getAttribute("data-200-bottom")),i||(i=e.getAttribute("data--50-bottom")),n=e.getAttribute("data-top-bottom"),o=e.getAttribute("data-in"),o||(o=e.getAttribute("data-in-150")),o||(o=e.getAttribute("data-in-300")),o||(o=e.getAttribute("data-cen--150")),o||(o=e.getAttribute("data-cen")),o||(o=e.getAttribute("data-cen-150")),o||(o=e.getAttribute("data-out--300")),o||(o=e.getAttribute("data-out--150")),o||(o=e.getAttribute("data-out"));let s=!1;if((e.classList.contains("is-fadeIn")||e.classList.contains("is-fadeInUp")||e.classList.contains("is-fadeInDown")||e.classList.contains("is-fadeInLeft")||e.classList.contains("is-fadeInRight")||e.classList.contains("is-zoomIn")||e.classList.contains("is-zoomOut")||e.classList.contains("is-slideInUp")||e.classList.contains("is-slideInDown")||e.classList.contains("is-slideInLeft")||e.classList.contains("is-slideInRight")||e.classList.contains("is-flipInX")||e.classList.contains("is-flipInY")||e.classList.contains("is-pulse")||e.classList.contains("is-bounceIn"))&&(s=!0),i||n||o||s)return{element:e,name:t};if("element"===t)return this.readTarget("column");if("column"===t)return this.readTarget("row");if("row"===t)return this.readTarget("container");if("container"===t)return this.readTarget("bg");if("bg"===t)return this.readTarget("overlay");if("overlay"===t)return this.readTarget("box");if("box"===t)return this.readTarget("section");if("section"===t)return!1}}getTransform(t,e){let i,n,o,s,a=this.parseComplexStyleProperty(e);a.translateX&&(i=a.translateX[0]),a.translateY&&(n=a.translateY[0]),a.scale&&(o=a.scale[0]),a.rotate&&(s=a.rotate[0]);let l=t.style.opacity;return{translateX:i||!1,translateY:n||!1,scale:o||!1,rotate:!!s&&s.replace("deg",""),opacity:l||!1}}parseComplexStyleProperty(t){for(var e,i=/(\w+)\((.+?)\)/g,n={};e=i.exec(t);)n[e[1]]=n[e[1]]?n[e[1]].concat([e[2]]):[e[2]];return n}cleanup(t){t.removeAttribute("data-center"),t.removeAttribute("data-center-top"),t.removeAttribute("data--50-bottom"),t.removeAttribute("data--100-bottom"),t.removeAttribute("data--150-bottom"),t.removeAttribute("data--200-bottom"),t.removeAttribute("data--300-bottom"),t.removeAttribute("data--400-bottom"),t.removeAttribute("data-bottom-top"),t.removeAttribute("data-400-bottom"),t.removeAttribute("data-300-bottom"),t.removeAttribute("data-200-bottom"),t.removeAttribute("data-150-bottom"),t.removeAttribute("data-100-bottom"),t.removeAttribute("data-50-bottom"),t.removeAttribute("data-bottom")}cleanup_leave(t){t.removeAttribute("data-center-bottom"),t.removeAttribute("data-100-top"),t.removeAttribute("data-50-top"),t.removeAttribute("data-top"),t.removeAttribute("data-top-bottom")}cleanup_timeline(t){t.removeAttribute("data-in"),t.removeAttribute("data-in-150"),t.removeAttribute("data-in-300"),t.removeAttribute("data-cen--150"),t.removeAttribute("data-cen"),t.removeAttribute("data-cen-150"),t.removeAttribute("data-out--300"),t.removeAttribute("data-out--150"),t.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 sy=new t;return class{constructor(t={}){if(this.settings=Object.assign(this,{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:"",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:2,designId:1,name:"Slider"},{id:1,designId:2,name:"Header"},{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:"",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,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,onAddSectionOpen:function(){},contentHtmlStart:'<div class="is-container is-builder container"><div class="row clearfix"><div class="column full">',contentHtmlEnd:"</div></div></div>"},t),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 t=document.body.clientWidth;this.settings.templateThumbnailSize=t<=1440?"small":t>1440&&t<=1920?"medium":"large"}let i,n;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){i=this.iframe.contentWindow;let t=this.iframe.contentDocument||this.iframe.contentWindow.document;n=t,this.iframeDocument=t}else i=window,n=document;if(this.win=i,this.doc=n,this.iframe){let t=n.querySelector(".content-stuff");t||(t=document.createElement("div"),t.className="content-stuff is-ui",t.id="_cbhtml",n.body.appendChild(t)),this.contentStuff=t,this.stuff=new iy(this)}if(this.wrapperEl=this.doc.querySelector(this.wrapper),sy.hasClass(this.wrapperEl,"preview"))return void(this.preview=!0);sy.addClass(this.wrapperEl,"is-wrapper"),sy.addClass(this.wrapperEl,"is-edit");let o=this.settings.onRender;this.settings.onRender=()=>{o.call(this);try{this.box(),setTimeout((()=>{if(this.win.skrollr){let t=this.win.skrollr.get();t&&t.refresh()}}),100)}catch(t){}};let s=this.settings.onChange;this.settings.onChange=()=>{s.call(this)};let l=document.querySelector("#_cbhtml");l||(l=document.createElement("div"),l.id="_cbhtml",l.style.visibility="hidden",l.className="is-ui",document.body.appendChild(l),l=document.querySelector("#_cbhtml")),this.builderStuff=l,l.style.position="fixed",setTimeout((()=>{l.style.position=""}),1200),(t=>{const i=t.builderStuff;e.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-app-window" 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="5" width="18" height="14" rx="2"></rect>\n <path d="M6 8h.01"></path>\n <path d="M9 8h.01"></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-devices" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <rect x="13" y="8" width="8" height="12" rx="1"></rect>\n <path d="M18 8v-3a1 1 0 0 0 -1 -1h-13a1 1 0 0 0 -1 1v12a1 1 0 0 0 1 1h9"></path>\n <line x1="16" y1="9" x2="18" y2="9"></line>\n </symbol> \n\n </defs>\n </svg>')})(this),this.sidebar=new a(this),this.animateScroll=new oy(this),window.data_basic?(this.editorSetup(),this.init()):sy.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}editorSetup(){this.editor=new Jv({container:".is-container",page:".is-wrapper",iframe:this.settings.iframe,imageAdjust:2,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,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,zoom:this.settings.zoom,onZoomStart:()=>{const t=this.wrapperEl;let e=t.querySelectorAll(".is-section-tool");Array.prototype.forEach.call(e,(function(t){"block"===t.style.display&&(t.setAttribute("data-section-active",""),t.style.display="none")})),e=t.querySelectorAll(".is-box-tool"),Array.prototype.forEach.call(e,(function(t){"flex"===t.style.display&&(t.setAttribute("data-box-active",""),t.style.display="none")})),this.wrapperEl.style.transition="none"},onZoom:t=>{const e=300*(1-t)/.5;this.wrapperEl.style.marginTop=`${e}px`},onZoomEnd:()=>{const t=this.wrapperEl;if(!t.querySelector(".is-section"))return;this.addSpace();let e=t.querySelector(".is-section-tool[data-section-active]");e&&(e.removeAttribute("data-section-active"),e.style.display="block"),e=t.querySelector(".is-box-tool[data-box-active]"),e&&(e.removeAttribute("data-box-active"),e.style.display="flex"),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,onContentClick:t=>{this.settings.onContentClick&&this.settings.onContentClick(),this.doc.body.classList.remove("temporary-hide-tools");let e=t.target;if(!e.closest('[contenteditable="true"]')){let i=this.editor.dom.getParentElement(e,"a");if("a"===e.tagName.toLowerCase()||i){"a"===e.tagName.toLowerCase()&&(i=e);let n=i.getAttribute("href");if(n&&0===n.indexOf("#"))if(0===n.indexOf("#section")){let e=n.replace("#section","");if(!isNaN(parseInt(e))){let i,n=this.doc.querySelectorAll(".is-section"),o=0;n.forEach((function(t){sy.hasClass(t,"is-section-navbar")||(o===e-1&&(i=t),o++)})),i&&this.scrollTo(i),t.preventDefault()}}else{let e=this.doc.querySelector(n);e&&(this.scrollTo(e),t.preventDefault())}}}}}),this.isTouchSupport=this.editor.isTouchSupport}init(){sy.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-edit {\n padding-left: 61px;\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\n /* Navbar Fix */\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 /* protected section */\n .is-section.protected .is-box-tool {\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-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-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\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 .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 .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 .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 /* 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 {\n overflow-x: auto;\n overflow-y: hidden;\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 </style>`),sy.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.page-preview.is-modal-content {\n z-index: 10002;\n position: fixed;\n overflow: hidden;\n width: 576px;\n height: 332px;\n top: auto;\n bottom: 30px;\n left:90px;\n box-sizing: content-box;\n flex-direction: row;\n align-items: flex-start;\n }\n #_cbhtml .is-modal.page-preview.is-modal-content.active {\n display: flex;\n }\n #_cbhtml .is-modal.page-preview.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: 340px;\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 </style>');const t=this.builderStuff;sy.appendHtml(t,'<div class="page-overlay"></div>');let e=t.querySelector(".page-overlay");this.editsection=new d(this),this.editbox=new ti(this),setTimeout((()=>{this.pageSetupDone||this.pageSetup(),null!=localStorage.getItem("_livepreview")&&this.openPreview()}),300);let i=!1;const n="contentboxstart",o=Date.now();if(JSON.parse(localStorage.getItem(n))){const t=JSON.parse(localStorage.getItem(n)).expiresOn;Date.now()>t&&(i=!0,localStorage.setItem(n,JSON.stringify({initial:o,expiresOn:o+2592e6})))}else i=!0,localStorage.setItem(n,JSON.stringify({initial:o,expiresOn:o+2592e6}));const s=()=>{let i,n=document.querySelector(".pace-inactive");n&&n.parentNode.removeChild(n),i=null!==localStorage.getItem("_zoom")?localStorage.getItem("_zoom"):this.settings.zoom,this.wrapperEl.style.transition="none";const o=300*(1-i)/.5;this.wrapperEl.style.marginTop=`${o}px`,this.wrapperEl.style.opacity=1;let s=t.querySelector(".is-sidebar");s&&(s.style.opacity=1),this.builderStuff.style.visibility="visible",setTimeout((()=>{e=t.querySelectorAll(".page-overlay"),e.forEach((t=>{t.parentNode.removeChild(t)})),this.wrapperEl.style.transition=""}),300)};this.disableLoadingStatus?(ey.stop(),setTimeout((()=>{s()}),300)):i?(ey.start(),ey.on("hide",(()=>{s()}))):(ey.stop(),setTimeout((()=>{s()}),300)),this.doc.addEventListener("wheel",(()=>{if(this.editor.activeElement&&this.editor.activeElement.closest(".section-wide-250")){this.doc.body.classList.add("temporary-hide-tools"),this.editor.moveable&&this.editor.moveable.updateRect();let t=this.doc.querySelector(".moveable-control-box");t&&(t.style.display="none")}})),this.doc.addEventListener("click",this.doDocumentClick=t=>{var e=(t=t||window.event).target||t.srcElement;if(!(e.closest("#_cbhtml")||e.closest(".is-box-tool")||e.closest(".is-section-tool")||e.closest(".is-side")||e.closest(".is-modal")||e.closest(".is-sidebar")))if(e.closest(".is-wrapper")&&!e.classList.contains("is-wrapper")){if(e.closest(".is-container")){const t=e.closest(".is-box");if(e.closest(".is-tool")||e.closest(".is-rowadd-tool")||(t.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"))),t){const e=this.doc.querySelector(".box-select");e&&e.classList.remove("box-select"),t.classList.add("box-select"),this.activeBox=t,this.wrapperEl.classList.add("hard-select")}const i=e.closest(".is-section");if(i){const t=this.doc.querySelector(".section-select");t&&t.classList.remove("section-select"),i.classList.add("section-select"),this.activeSection=i}}else{this.editor.inspectedElement=null,this.editor.activeElement=null,this.editor.activeCol=null;const t=e.closest(".is-box");if(t)if(t.classList.contains("box-select")&&!this.wrapperEl.classList.contains("is-clean-edit")){const t=this.builderStuff.querySelector(".editbox"),e=this.builderStuff.querySelector(".editsection");if("flex"!==t.style.display&&"flex"!==e.style.display&&!this.animateScroll.modalAnimateScroll.classList.contains("active")){const t=this.doc.querySelector(".box-select");t&&t.classList.remove("box-select");const e=this.doc.querySelector(".section-select");e&&e.classList.remove("section-select"),this.wrapperEl.classList.remove("hard-select")}}else{const e=this.doc.querySelector(".box-select");e&&e.classList.remove("box-select");const i=this.doc.querySelector(".section-select");i&&i.classList.remove("section-select"),t.classList.add("box-select"),this.activeBox=t;const n=t.closest(".is-section");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(t)}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 t=this.builderStuff.querySelector(".editbox");t.style.display="";const e=this.builderStuff.querySelector(".editsection");if(e.style.display="","flex"!==t.style.display&&"flex"!==e.style.display&&!this.animateScroll.modalAnimateScroll.classList.contains("active")){this.wrapperEl.classList.remove("hard-select");this.doc.querySelectorAll(".box-select").forEach((t=>{t.classList.remove("box-select")}));this.doc.querySelectorAll(".section-select").forEach((t=>{t.classList.remove("section-select")}))}}let i=!1,n=!1,o=!1,s=!1,a=!1,l=!1,r=!1,d=!1,c=!1,u=e;for(;u&&u.tagName&&"BODY"!==u.tagName&&"HTML"!==u.tagName;)sy.hasClass(u,"is-sidebar-content")&&(i=!0),sy.hasClass(u,"is-sidebar")&&(n=!0),sy.hasClass(u,"is-builder")&&(o=!0),sy.hasClass(u,"is-wrapper")&&(a=!0),sy.hasClass(u,"is-rte-tool")&&(l=!0),sy.hasClass(u,"is-modal")&&(r=!0),sy.hasClass(u,"is-pop")&&(d=!0),sy.hasClass(u,"is-tool")&&(c=!0),sy.hasClass(u,"is-section")&&(u.hasAttribute("data-anim-start")||u.hasAttribute("data-anim-end"))&&(s=!0),u=u.parentNode;if(!(i||n||a||l||r||d||c)){this.wrapperEl.querySelectorAll(".is-box-tool").forEach((t=>{t.style.display="none"}));this.wrapperEl.querySelectorAll(".is-section-tool").forEach((t=>{t.style.display="none"}))}i||n||this.sidebar.closeSidebar(),o&&s&&(this.controlHiddenOnScroll=!0)}),this.iframe&&document.addEventListener("click",this.doDocumentClick=t=>{let e=!1,i=!1,n=!1,o=!1,s=!1,a=!1,l=!1,r=(t=t||window.event).target||t.srcElement;for(;r&&r.tagName&&"BODY"!==r.tagName&&"HTML"!==r.tagName;)sy.hasClass(r,"is-sidebar-content")&&(e=!0),sy.hasClass(r,"is-sidebar")&&(i=!0),sy.hasClass(r,"is-wrapper")&&(n=!0),sy.hasClass(r,"is-rte-tool")&&(o=!0),sy.hasClass(r,"is-modal")&&(s=!0),sy.hasClass(r,"is-pop")&&(a=!0),sy.hasClass(r,"is-tool")&&(l=!0),r=r.parentNode;if(!(e||i||n||o||s||a||l)){this.wrapperEl.querySelectorAll(".is-box-tool").forEach((t=>{t.style.display="none"}));this.wrapperEl.querySelectorAll(".is-section-tool").forEach((t=>{t.style.display="none"}))}e||i||this.sidebar.closeSidebar()})}openPreview(){this.animateScroll.openPreview()}closePreview(){this.animateScroll.closePreview()}openSettings(t){this.sidebar.openSettings(t)}pageSetup(){this.wrapperEl.querySelectorAll(".is-section").forEach((t=>{if(this.sectionSetup(t),sy.hasClass(t,"is-box"))this.boxSetup(t);else{t.querySelectorAll(".is-box").forEach((t=>{this.boxSetup(t)}))}})),this.editor.applyBehavior(),this.addSpace()}box(){const t=this.doc.querySelector(".is-section-navbar");if(t){t.querySelectorAll("a").forEach((t=>{t.addEventListener("click",(e=>{let i=t.getAttribute("href");if(i)if(0===i.indexOf("#"))if(0===i.indexOf("#section")){let t=i.replace("#section","");if(!isNaN(parseInt(t))){let i,n=this.doc.querySelectorAll(".is-section"),o=0;n.forEach((function(e){sy.hasClass(e,"is-section-navbar")||(o===t-1&&(i=e),o++)})),i&&this.scrollTo(i),e.preventDefault()}}else try{let t=this.doc.querySelector(i);t&&(this.scrollTo(t),e.preventDefault())}catch(e){}else e.preventDefault(),e.stopImmediatePropagation();else t.closest(".is-menu-search")||(e.preventDefault(),e.stopImmediatePropagation())}))}))}}addSpace(){}scrollTo(t,e=0){this.cancelScrollSync=!0,setTimeout((()=>{t.scrollIntoView({behavior:"smooth",block:"center"}),setTimeout((()=>{this.cancelScrollSync=!1;const t=this.animateScroll.modalPagePreview.querySelector("iframe");this.animateScroll.scrollSync(t)}),1e3)}),e)}sectionSetup(t){let e=t.querySelector(".is-section-tool");e&&e.parentNode.removeChild(e),sy.appendHtml(t,'<div class="is-section-tool"><button type="button" class="is-section-edit" tabindex="-1" data-title="'+n("Section Settings")+'" title="'+n("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="'+n("Remove")+'" title="'+n("Remove")+'">✕</button></div>');let i=t.querySelector(".is-section-info");i&&i.parentNode.removeChild(i);const o=t.getAttribute("id");sy.appendHtml(t,'<div class="is-section-info">'+(o?`<div>#${o}</div>`:"")+"</div>");let s=t.querySelector(".is-section-tool").querySelectorAll("[title]");Array.prototype.forEach.call(s,(t=>{t.setAttribute("data-title",t.getAttribute("title")),this.iframe?this.editor.tooltip.set(t,5,3,!0):this.editor.tooltip.set(t,5,3)}));t.querySelector(".is-section-edit").addEventListener("click",(()=>{this.editbox.close(),this.editsection.edit()}));if(t.querySelector(".is-section-remove").addEventListener("click",(()=>{const t=document.querySelector(".is-modal.delsectionconfirm");this.editor.util.showModal(t);this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display=""})),t.classList.contains("section-wide-250")){t.querySelector(".is-box-centered").addEventListener("scroll",(()=>{this.doc.body.classList.add("temporary-hide-tools"),this.editor.moveable&&this.editor.moveable.updateRect();let t=this.doc.querySelector(".moveable-control-box");t&&(t.style.display="none")}))}}boxSetup(t){let e=t.querySelector(".is-box-tool");if(e&&e.parentNode.removeChild(e),sy.appendHtml(t,'<div class="is-box-tool" data-tool="1"><div role="button" class="is-cover-upload" data-tooltip-top title="'+n("Background Image")+'" data-title="'+n("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="'+n("Box Settings")+'" title="'+n("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="'+n("Module Settings")+'" title="'+n("Module Settings")+'"><svg class="is-icon-flex"><use xlink:href="#ion-ios-gear"></use></svg></button></div>'),e){let t=e.querySelectorAll("[title]");Array.prototype.forEach.call(t,(t=>{t.setAttribute("data-title",t.getAttribute("title")),this.iframe?this.editor.tooltip.set(t,5,3,!0):this.editor.tooltip.set(t,5,3)}))}const i=t.querySelector(".is-box-edit");i&&i.addEventListener("click",(()=>{this.editsection.close(),this.editbox.edit()}));const o=t.querySelector(".is-module-edit");o&&o.addEventListener("click",(()=>{this.editbox.editModule()}));let s=t.querySelector(".is-cover-upload");s&&"none"!==s.style.display&&s.addEventListener("mouseenter",(()=>{let t,e,i;t=this.iframe?this.contentStuff.querySelector(".is-cover-upload-central"):this.builderStuff.querySelector(".is-cover-upload-central"),e=s.getBoundingClientRect().top+this.win.pageYOffset,i=s.getBoundingClientRect().left+this.win.pageXOffset,t.style.top=e+"px",t.style.left=i+"px"})),t.addEventListener("mouseenter",(()=>{this.positionTool(t),this.wrapperEl.classList.contains("hard-select")||(this.activeBox=t,this.activeSection=t.closest(".is-section"))}))}addSection(t,e){this.addIdea(t);let i=e.replace(".css",""),n=this.settings.contentStylePath,o=!1,s=parent._cb.doc.getElementsByTagName("link");for(let t=0;t<s.length;t++){-1!=s[t].href.toLowerCase().indexOf(e.toLowerCase())&&(o=!0)}o||this.wrapperEl.insertAdjacentHTML("beforeend",'<link data-name="contentstyle" data-class="'+i+'" href="'+n+e+'" rel="stylesheet">')}sectionStack(){this.wrapperEl.querySelectorAll(".is-section.box-space").forEach((t=>{let e=!1;t.previousElementSibling&&t.previousElementSibling.classList.contains("box-space")&&(e=!0);let i=!1;t.nextElementSibling&&t.nextElementSibling.classList.contains("box-space")&&(i=!0),!e&&i&&(t.classList.add("stack-top"),t.classList.remove("stack-middle"),t.classList.remove("stack-bottom")),e||i||(t.classList.remove("stack-top"),t.classList.remove("stack-middle"),t.classList.remove("stack-bottom")),!i&&e&&(t.classList.add("stack-bottom"),t.classList.remove("stack-middle"),t.classList.remove("stack-top")),e&&i&&(t.classList.remove("stack-top"),t.classList.add("stack-middle"),t.classList.remove("stack-bottom"))}))}doUndoRedo(){this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display="",this.pageSetup(),this.win.skrollrr&&this.win.skrollrr.refresh()}refreshAnim(){this.win.skrollrr&&this.win.skrollrr.refresh()}refreshPage(t){this.win.skrollrr&&this.win.skrollrr.refresh();const e=this.wrapperEl;e.querySelectorAll(".is-section").forEach((t=>{const e=t.innerHTML;var i=document.createRange();t.innerHTML="",t.appendChild(i.createContextualFragment(e))})),this.editor.uo.cleaning(e),this.pageSetup(),this.win.skrollrr&&this.win.skrollrr.refresh(),t&&t()}addIdea(t){this.editor.saveForUndo();const e=this.designPath;let i;t=(t=t.replace(/\[%IMAGE_PATH%\]/g,e)).replace(/%5B%25IMAGE_PATH%25%5D/g,e);let o=[];if(-1!==t.indexOf("is-section-navbar")){const e=this.wrapperEl.querySelector(".is-section-navbar");if(e)return void this.editor.util.confirm(n("Do you want to replace the current navigation bar?"),(i=>{i&&(e.parentNode.removeChild(e),this.addIdea(t))}),!0,n("Replace"));sy.appendHtml(this.wrapperEl,t,"afterbegin"),i=this.wrapperEl.querySelector(".is-section"),o.push(i)}else if(-1!==t.indexOf("is-static")){let e=sy.getLastElement(this.wrapperEl,".is-section");if(e){sy.appendHtml(e,t,"afterend"),i=e.nextElementSibling,o.push(i);let n=i.nextElementSibling;if(n){let t=n.querySelector(".is-section-tool");t||o.push(n),n=n.nextElementSibling,n&&(t=n.querySelector(".is-section-tool"),t||o.push(n))}}else sy.appendHtml(this.wrapperEl,t,"afterbegin"),i=this.wrapperEl.querySelector(".is-section"),o.push(i)}else if(this.activeSection){let e=this.activeSection;if(sy.hasClass(e,"is-static")){sy.appendHtml(e,t,"beforebegin"),i=e.previousElementSibling,o.push(i);let n=i.previousElementSibling;if(n){let t=n.querySelector(".is-section-tool");t||o.push(n),n=n.previousElementSibling,n&&(t=n.querySelector(".is-section-tool"),t||o.push(n))}}else{sy.appendHtml(e,t,"afterend"),i=e.nextElementSibling,o.push(i);let n=i.nextElementSibling;if(n){let t=n.querySelector(".is-section-tool");t||o.push(n),n=n.nextElementSibling,n&&(t=n.querySelector(".is-section-tool"),t||o.push(n))}}}else{sy.appendHtml(this.wrapperEl,t,"afterbegin"),i=this.wrapperEl.querySelector(".is-section"),o.push(i);let e=i.nextElementSibling;if(e){let t=e.querySelector(".is-section-tool");t||o.push(e),e=e.nextElementSibling,e&&(t=e.querySelector(".is-section-tool"),t||o.push(e))}}this.wrapperEl.querySelectorAll(".is-section").forEach((t=>{t.querySelector(".is-section-tool")||o.push(t)})),o.forEach((t=>{if(t.querySelectorAll("[data-html]").forEach((t=>{let e=decodeURIComponent(t.getAttribute("data-html"));e=e.replace(/{id}/g,sy.uniqueId()),sy.html(t,e)})),t.querySelectorAll(".is-overlay").forEach((t=>{let e=t.querySelector(".is-overlay-content");e&&""===e.innerHTML&&1===t.childElementCount&&t.parentNode.removeChild(t)})),this.sectionSetup(t),sy.hasClass(t,"is-box"))this.boxSetup(t);else{t.querySelectorAll(".is-box").forEach((t=>{this.boxSetup(t)}))}})),document.querySelectorAll(".is-overlay-bg").forEach((t=>{t.style&&t.style.filter&&-1!==t.style.filter.indexOf("grayscale")&&(t.parentNode.style.filter="grayscale(1)")})),this.editor.applyBehavior(),this.settings.onRender();this.wrapperEl.querySelectorAll(".is-arrow-down a").forEach((t=>{t.addEventListener("click",(e=>{let i=t.parentNode.parentNode;return this.scrollTo(i.nextElementSibling),e.preventDefault(),e.stopImmediatePropagation(),!1}))})),this.sectionStack(),this.onChange(),sy.removeElement(document.querySelector(".is-sidebar-overlay")),sy.removeClass(document.querySelectorAll(".is-sidebar .is-sidebar-button"),"active"),sy.removeClass(document.querySelectorAll(".is-sidebar-content"),"active"),document.body.style.overflowY="",this.addSpace(),this.scrollTo(i,600),setTimeout((()=>{this.refreshAnim()}),600)}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((t=>{t.style.backgroundColor=this.editor.styleSnippetBackground}));const t=document.querySelector("#divStyles");t.style.backgroundColor=this.editor.styleSnippetBackground,t.style.color=this.editor.styleSnippetColor;const e=document.querySelector(".is-sidebar");e.style.backgroundColor=this.editor.styleModalBackground,e.style.color=this.editor.styleModalColor;e.querySelectorAll("svg").forEach((t=>{t.style.fill=this.editor.styleModalColor}));e.querySelectorAll("button").forEach((t=>{t.style.color=this.editor.styleModalColor}));const i=document.querySelector("#ifrIdeasPanel");i.contentWindow.applyParentStyles&&i.contentWindow.applyParentStyles()}rePositionTool(){let t,e=this.wrapperEl.querySelector(".row-active");e&&(t=e?sy.parentsHasClass(e,"is-box"):this.activeBox,this.positionTool(t))}hideTools(){let t=this.doc.querySelectorAll(".is-tool");Array.prototype.forEach.call(t,(t=>{t.style.display=""})),t=this.doc.querySelectorAll(".is-row-tool"),t.forEach((t=>{t.style.display="none"})),t=this.doc.querySelectorAll(".is-rowadd-tool"),t.forEach((t=>{t.style.opacity=0})),t=this.doc.querySelectorAll(".is-col-tool"),t.forEach((t=>{t.style.display="none"}))}showTools(){this.editor.util.repositionColumnTool();let t=this.doc.querySelectorAll(".is-row-tool");t.forEach((t=>{t.style.display=""})),t=this.doc.querySelectorAll(".is-rowadd-tool"),t.forEach((t=>{t.style.opacity=""})),t=this.doc.querySelectorAll(".is-col-tool"),t.forEach((t=>{t.style.display=""}))}positionTool(t){if(!t)return;var e;e=null!==localStorage.getItem("_zoom")?localStorage.getItem("_zoom"):this.settings.zoom;const i=t.closest(".is-section-navbar");let n,o;this.wrapperEl.querySelectorAll(".is-section-tool").forEach((t=>{t.style.display="none"})),sy.hasClass(t,"is-section")?(n=t,o=t.querySelector(".is-section-tool")):(n=sy.parentsHasClass(t,"is-section"),o=n.querySelector(".is-section-tool")),o&&(o.style.display="block",o.style.transform="scale("+1/e+")",o.style.transformOrigin="top right");this.wrapperEl.querySelectorAll(".is-box-tool").forEach((t=>{t.style.display="none"}));let s=t.querySelector(".is-box-tool");s&&(s.style.display="flex",s.style.transform="scale("+1/e+")",s.style.transformOrigin="center bottom",i?(t.querySelector(".is-cover-upload").style.display="none",t.querySelector(".is-box-edit").style.display="none",t.querySelector(".is-module-edit").style.display="inline-block",s.style.width="40px",s.style.left="calc(50% - 20px)"):t.querySelectorAll(".is-overlay-content[data-module]").length>0?(t.querySelector(".is-cover-upload").style.display="block",t.querySelector(".is-box-edit").style.display="inline-block",t.querySelector(".is-module-edit").style.display="inline-block",s.style.width="120px",s.style.left="calc(50% - 60px)"):(t.querySelector(".is-cover-upload").style.display="block",t.querySelector(".is-box-edit").style.display="inline-block",t.querySelector(".is-module-edit").style.display="none",s.style.width="80px",s.style.left="calc(50% - 40px)"))}addButton(t){if(this.preview)return;const e=this.builderStuff,i=sy.uniqueId(),o=sy.uniqueId();let s;if(t.src){s='<button type="button" id="'+i+'" tabindex="-1" class="is-sidebar-button" data-content="'+o+'" data-src="'+t.src+'" data-title="'+n(t.title)+'" title="'+n(t.title)+'">'+t.html+"</button>";var a='<div id="'+o+'" class="is-sidebar-content '+t.class+'" style="-webkit-transition-duration:0.2s;transition-duration:0.2s;"><div><iframe src="about:blank" style="width:100%;height:100%;box-sizing:border-box;border:none;"></iframe></div></div>';sy.appendHtml(e,a)}else s='<button type="button" id="'+i+'" tabindex="-1" class="is-sidebar-button" data-title="'+n(t.title)+'" title="'+n(t.title)+'">'+t.html+"</button>";e.querySelector(".is-sidebar").children[t.pos].insertAdjacentHTML("afterEnd",s);const l=e.querySelector("#"+i);l.addEventListener("click",(i=>{if(t.src)if(sy.hasClass(l,"active"))this.sidebar.closeSidebar();else{this.sidebar.closeSidebar(),sy.addClass(l,"active");var n=l.getAttribute("data-content");const i=document.querySelector("#"+n);i.style.display="block",setTimeout((()=>{sy.addClass(i,"active"),i.focus()}),10);var o=e.querySelector("#"+n+" iframe");"about:blank"==o.getAttribute("src")&&o.setAttribute("src",t.src),sy.appendHtml(e,'<div class="is-sidebar-overlay" style="position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.000001);z-index: 1000;;"></div>');const s=e.querySelector(".is-sidebar-overlay");s.addEventListener("click",(()=>{s.parentNode.removeChild(s);let t=e.querySelectorAll(".is-sidebar > div");t.forEach((t=>{sy.removeClass(t,"active")})),t=e.querySelectorAll(".is-sidebar-content"),t.forEach((t=>{sy.removeClass(t,"active")})),document.body.style.overflowY=""}))}else t.onClick(i)}))}undo(){this.editor.undo()}redo(){this.editor.redo()}saveImages(t,e,i){this.editor.saveImages(t,e,i)}applyLargerImage(t){this.editor.applyLargerImage(t)}returnUrl(t){this.editor.returnUrl(t)}showModal(t,e,i,n){this.editor.util.showModal(t,e,i,n)}hideModal(t){this.editor.hideModal(t)}refreshModule(){this.editbox.refreshModule()}loadStyles(t,e){let i,n=this.doc.getElementsByTagName("link");for(let t=0;t<n.length;t++)"contentstyle"===n[t].getAttribute("data-name")&&n[t].setAttribute("data-rel","_del"),-1!==n[t].getAttribute("href").indexOf("basetype-")&&n[t].setAttribute("data-rel","_del"),-1===n[t].getAttribute("href").indexOf("/box.css")&&-1===n[t].getAttribute("href").indexOf("/box-flex.css")||n[t].closest("body")&&(i=!0,this.settings.cssInBody=!0);this.settings.cssInBody&&(i=!0),this.doc.querySelectorAll('[data-rel="_del"]').forEach((t=>{t.parentNode.removeChild(t)}));let o=this.doc.head;o||(o=this.doc.body),t&&""!==t&&(i?this.wrapperEl.insertAdjacentHTML("beforebegin",t):o.insertAdjacentHTML("beforeend",t)),e&&""!==e&&(i?this.wrapperEl.insertAdjacentHTML("beforebegin",e):o.insertAdjacentHTML("beforeend",e))}loadHtml(t){this.activeBox=null,this.activeSection=null;const e=this.wrapperEl;if(e.style.opacity||(e.style.opacity="0"),!this.editor)return void setTimeout((()=>{this.loadHtml(t)}),100);let i=document.createRange();e.innerHTML="",e.appendChild(i.createContextualFragment(t));let n=this.settings.contentStylePath;e.querySelectorAll(".is-section").forEach((t=>{t.classList.forEach((t=>{if(-1!==t.indexOf("type-")){const e=t,i=t+".css";let o=!1,s=this.doc.getElementsByTagName("link");for(let t=0;t<s.length;t++){-1!=s[t].href.toLowerCase().indexOf(i.toLowerCase())&&(o=!0)}o||this.wrapperEl.insertAdjacentHTML("beforeend",'<link data-name="contentstyle" data-class="'+e+'" href="'+n+i+'" rel="stylesheet">')}}))})),this.pageSetup(),this.pageSetupDone=!0,this.settings.onRender();e.querySelectorAll(".is-arrow-down a").forEach((t=>{t.addEventListener("click",(e=>{let i=t.parentNode.parentNode;return this.scrollTo(i.nextElementSibling),e.preventDefault(),e.stopImmediatePropagation(),!1}))})),null!=localStorage.getItem("_livepreview")&&this.openPreview()}boxImage(t,e){this.editbox.boxImage(t,e)}mainCss(){let t=this.doc.getElementsByTagName("link"),e=[];for(let i=0;i<t.length;i++){-1!=t[i].href.toLowerCase().indexOf("basetype-")&&e.push(t[i].outerHTML)}return e.join("")}mainCssList(){let t=this.doc.getElementsByTagName("link"),e=[];for(let i=0;i<t.length;i++){-1!=t[i].href.toLowerCase().indexOf("basetype-")&&e.push(t[i].outerHTML)}return e}sectionCss(){let t=this.doc.getElementsByTagName("link"),e=[];for(let i=0;i<t.length;i++){let n=t[i].href.toLowerCase();-1!=n.indexOf("basetype-")||-1!=n.indexOf("type-")&&e.push(t[i].outerHTML)}return e=[...new Set(e)],e.join("")}sectionCssList(){let t=this.doc.getElementsByTagName("link"),e=[];for(let i=0;i<t.length;i++){let n=t[i].href.toLowerCase();-1!=n.indexOf("basetype-")||-1!=n.indexOf("type-")&&e.push(t[i].outerHTML)}return e=[...new Set(e)],e}html(t){return this.cleanupUnused(),this.editor.readHtml(this.wrapperEl,t,!0)}viewZoom(){this.editor.viewZoom()}openAnimationPanel(){this.animateScroll.edit()}destroy(){this.doc.removeEventListener("click",this.doDocumentClick,!1),this.iframe&&document.removeEventListener("click",this.doDocumentClick,!1),window.removeEventListener("scroll",this.doWindowScroll,!1);let t=this.html();this.builderStuff.innerHTML="",sy.removeClass(document.body,"sidebar-active");const e=this.doc.querySelector("#_contentbox_css");e&&e.parentNode.removeChild(e);const i=document.querySelector("#_contentboxstuff_css");i&&i.parentNode.removeChild(i);let n=document.createRange();const o=this.wrapperEl;o.innerHTML="",o.appendChild(n.createContextualFragment(t)),sy.removeClass(o,"is-edit"),this.editor.destroy(),ey.stop()}cleanupUnused(){this.editor.rte.cleanupFontCssLink();let t=this.doc.getElementsByTagName("link");for(let e=0;e<t.length;e++)if("contentstyle"===t[e].getAttribute("data-name")){let i=t[e].getAttribute("data-class");""===i&&t[e].setAttribute("data-rel","_del"),""!==i&&(this.wrapperEl.querySelector("."+i)||t[e].setAttribute("data-rel","_del"))}let e=this.doc.querySelectorAll('[data-rel="_del"]');e.forEach((t=>{t.parentNode.removeChild(t)})),e=this.doc.head.querySelectorAll("link"),e.forEach((t=>{let e=t.getAttribute("href");this.wrapperEl.querySelectorAll("link").forEach((t=>{e===t.getAttribute("href")&&t.setAttribute("data-rel","_del")}))})),e=this.doc.querySelectorAll('[data-rel="_del"]'),e.forEach((t=>{t.parentNode.removeChild(t)}))}}}();
|