@innovastudio/contentbox 1.4.36 → 1.4.37
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\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 \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 .animatescroll td {\n font-size: 13px;\n padding: 5px 5px;\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 240px solid !important;\n }\n #divEnterAnim, #divLeaveAnim, #divAnimSettings {\n border-top: transparent 70px 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 .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: 65px !important;\n height: 35px !important;\n text-align: center !important;\n }\n .flex-wrap {\n display: flex;\n flex-flow: wrap;\n align-items: center;\n }\n .flex-nowrap {\n display: flex;\n align-items: center;\n }\n .inp-slide-left,\n .inp-slide-right,\n .inp-slide-up,\n .inp-slide-down,\n .inp-scale,\n .inp-rotate-clockwise,\n .inp-rotate-counter {\n width:65px !important;\n height:35px !important;\n text-align:center !important;\n margin-left:10px !important;\n font-size: 13px !important;\n font-family: sans-serif !important;\n font-weight: 300 !important;\n padding: 0 !important;\n }\n\n .div-anim-settings,.div-wizard-settings{\n height: calc(100vh - 34px)\n }\n .div-wizard-settings{\n padding: 10px 15px 0 18px !important;\n }\n .div-anim-apply-to button {\n width: 80px !important;\n height: 35px !important;\n }\n </style>\n <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("On Scroll (Simple)")}</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: 30px;margin-left: 22px;">\n\n <table style="margin:12px 0 0 0;">\n <tr>\n <td></td>\n <td>${n("Start")}:</td>\n <td>${n("End")}:</td>\n <td></td>\n </tr>\n <tr>\n <td>${n("x")}</td>\n <td>\n <input class="inp-simplescroll-x-start" placeholder="-100" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-x-end" placeholder="100" type="text" />\n </td>\n <td style="font-size: 12px;">${n("px (default)")}</td>\n </tr>\n <tr>\n <td>${n("y")}</td>\n <td>\n <input class="inp-simplescroll-y-start" placeholder="100%" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-y-end" placeholder="-100%" type="text" />\n </td>\n <td style="font-size: 12px;">${n("px (default)")}</td>\n </tr>\n <tr>\n <td>${n("Scale")}</td>\n <td>\n <input class="inp-simplescroll-scale-start" placeholder="0.8" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-scale-end" placeholder="1.2" type="text" />\n </td>\n <td></td>\n </tr>\n </table>\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="width:320px">${n("Disable Smooth Animation")}</button>\n </div>\n\n <button title="${n("Clear All")}" class="cmd-clear-simplescroll" style="flex: none;margin-top:30px;margin-bottom:20px;width:320px">\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\n <button title="${n("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;margin-top:15px;width:320px">\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\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:15px 0 0 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 <button title="${n("Clear All")}" class="cmd-clear-basicanim" style="flex: none;margin-top:30px;margin-bottom:20px;width:320px">\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\n <button title="${n("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;margin-top:15px;width:320px">\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>\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:28px;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 <button title="${n("Clear All")}" class="cmd-clear-scrollanim" style="flex: none;margin-top:30px;width:320px">\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\n <button title="${n("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;margin-top:15px;width:320px">\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 id="divLeaveAnim" class="is-tab-content" data-group="skrollanim" style="padding-top:0">\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 <button title="${n("Clear All")}" class="cmd-clear-scrollanim" style="flex: none;margin-top:30px;width:320px">\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\n <button title="${n("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;margin-top:15px;width:320px">\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\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:30px;">\n <button title="${n("Disable Smooth Animation")}" class="cmd-disable-smoothanim" data-value="data-center" style="width:320px">${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");let l=o.querySelectorAll(".cmd-target");l.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-target").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.read()}))}));const r=o.querySelector(".div-anim-settings"),d=o.querySelector(".div-wizard-settings"),c=o.querySelector(".cmd-anim-edit");c.addEventListener("click",(()=>{c.classList.contains("on")?(c.classList.remove("on"),r.style.display="none",d.style.display="block"):(c.classList.add("on"),d.style.display="none",r.style.display="block")}));o.querySelectorAll(".cmd-clear-anim-all").forEach((t=>{t.addEventListener("click",(()=>{this.builder.editor.saveForUndo();let e,i=this.builder.activeSection,n=this.builder.editor.activeCol;n&&(i=n.closest(".is-section")),e=i.querySelectorAll("*"),e.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.style.transform="",t.style.transition="",t.style.opacity=""})),e=i.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.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",(()=>{this.builder.editor.saveForUndo();let t;t=this.builder.activeSection.querySelectorAll(".is-animated"),t.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 u=t=>{this.builder.editor.saveForUndo();const e=this.builder.activeSection;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"),p.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",(()=>{u(((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 p=o.querySelector("#chkPresetAnimOnce");p.addEventListener("click",(()=>{this.builder.editor.saveForUndo();const t=this.builder.activeSection;let e=t.querySelectorAll(".is-animated");e.forEach((t=>{p.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 h=o.querySelector(".cmd-basic-once");l=o.querySelectorAll(".cmd-basic-anim"),l.forEach((t=>{t.addEventListener("click",(()=>{if(t.classList.contains("on"))return t.classList.remove("on"),h.classList.remove("on"),void this.applyBasic();o.querySelectorAll(".cmd-basic-anim").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.applyBasic()}))})),l=o.querySelectorAll(".cmd-basic-delay"),l.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()})),h.addEventListener("click",(()=>{h.classList.contains("on")?h.classList.remove("on"):h.classList.add("on"),this.applyBasic()})),o.querySelector(".cmd-clear-basicanim").addEventListener("click",(()=>{let 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())})),l=o.querySelectorAll(".cmd-start"),l.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-start").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.apply()}))})),l=o.querySelectorAll(".cmd-end"),l.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-end").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.apply()}))})),l=o.querySelectorAll(".cmd-leave-start"),l.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-leave-start").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.apply()}))})),l=s.querySelectorAll(".cmd-slidex"),l.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 m=s.querySelector(".inp-slide-right"),g=s.querySelector(".inp-slide-left");m.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),g.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="-${m.value}px"]`);t&&t.classList.add("on")})),g.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),m.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="${g.value}px"]`);t&&t.classList.add("on")})),l=s.querySelectorAll(".cmd-slidey"),l.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 f=s.querySelector(".inp-slide-up"),b=s.querySelector(".inp-slide-down");b.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),f.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="-${b.value}px"]`);t&&t.classList.add("on")})),f.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),b.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="${f.value}px"]`);t&&t.classList.add("on")})),l=s.querySelectorAll(".cmd-scale"),l.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 v=s.querySelector(".inp-scale");v.addEventListener("change",(()=>{s.querySelectorAll(".cmd-scale").forEach((t=>{t.classList.remove("on")})),this.apply();let t=this.divEnterAnim.querySelector(`.cmd-scale[data-value="${v.value}"]`);t&&t.classList.add("on")})),l=s.querySelectorAll(".cmd-rotate"),l.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 y=s.querySelector(".inp-rotate-clockwise"),x=s.querySelector(".inp-rotate-counter");y.addEventListener("change",(()=>{s.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),x.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="-${y.value}"]`);t&&t.classList.add("on")})),x.addEventListener("change",(()=>{s.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),y.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="${x.value}"]`);t&&t.classList.add("on")}));let _=s.querySelector(".cmd-fade");_.addEventListener("click",(()=>{_.classList.contains("on")?_.classList.remove("on"):_.classList.add("on"),this.apply()})),s.querySelector(".cmd-clear-slide-left").addEventListener("click",(()=>{const 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())})),l=a.querySelectorAll(".cmd-slidex"),l.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 w=a.querySelector(".inp-slide-left"),S=a.querySelector(".inp-slide-right");w.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),S.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="-${w.value}px"]`);t&&t.classList.add("on")})),S.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),w.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="${S.value}px"]`);t&&t.classList.add("on")})),l=a.querySelectorAll(".cmd-slidey"),l.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 C=a.querySelector(".inp-slide-up"),k=a.querySelector(".inp-slide-down");k.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),C.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="${k.value}px"]`);t&&t.classList.add("on")})),C.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),k.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="-${C.value}px"]`);t&&t.classList.add("on")})),l=a.querySelectorAll(".cmd-scale"),l.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 E=a.querySelector(".inp-scale");E.addEventListener("change",(()=>{a.querySelectorAll(".cmd-scale").forEach((t=>{t.classList.remove("on")})),this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-scale[data-value="${E.value}"]`);t&&t.classList.add("on")})),l=a.querySelectorAll(".cmd-rotate"),l.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 A=a.querySelector(".inp-rotate-clockwise"),L=a.querySelector(".inp-rotate-counter");A.addEventListener("change",(()=>{a.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),L.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="${A.value}"]`);t&&t.classList.add("on")})),L.addEventListener("change",(()=>{a.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),A.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="-${L.value}"]`);t&&t.classList.add("on")}));let q=a.querySelector(".cmd-fade");q.addEventListener("click",(()=>{q.classList.contains("on")?q.classList.remove("on"):q.classList.add("on"),this.apply()})),a.querySelector(".cmd-clear-slide-left").addEventListener("click",(()=>{const 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-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-start").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-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),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 T=this.divAnimSettings.querySelector(".cmd-disable-smoothanim");T.addEventListener("click",(()=>{T.classList.contains("on")?T.classList.remove("on"):T.classList.add("on"),this.apply()}));const M=this.divAnimScrollSimple.querySelector(".cmd-disable-smoothanim");M.addEventListener("click",(()=>{M.classList.contains("on")?M.classList.remove("on"):M.classList.add("on"),this.applySimpleScroll()}));let R=this.builder.settings.onPageContentClick;this.builder.settings.onPageContentClick=()=>{R&&R.call(this),this.modalAnimateScroll.classList.contains("active")&&setTimeout((()=>{this.clickContent()}),30)}}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")}this.read(),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-end"),f=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-start"),b=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-end"),v=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-start"),y=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-end");m.value="",g.value="",f.value="",b.value="",v.value="",y.value=""}read(){let t;this.clearSettings();let e,i,n=this.getTarget();if(t=n.element,!t)return;t.classList.contains("is-fadeIn")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeIn"]')),t.classList.contains("is-fadeInUp")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInUp"]')),t.classList.contains("is-fadeInDown")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInDown"]')),t.classList.contains("is-fadeInLeft")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInLeft"]')),t.classList.contains("is-fadeInRight")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInRight"]')),t.classList.contains("is-zoomIn")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-zoomIn"]')),t.classList.contains("is-zoomOut")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-zoomOut"]')),t.classList.contains("is-slideInUp")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInUp"]')),t.classList.contains("is-slideInDown")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInDown"]')),t.classList.contains("is-slideInLeft")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInLeft"]')),t.classList.contains("is-slideInRight")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInRight"]')),t.classList.contains("is-flipInX")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-flipInX"]')),t.classList.contains("is-flipInY")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-flipInY"]')),t.classList.contains("is-pulse")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-pulse"]')),t.classList.contains("is-bounceIn")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-bounceIn"]')),e&&e.classList.add("on"),t.classList.contains("delay-0ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-0ms"]')),t.classList.contains("delay-100ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-100ms"]')),t.classList.contains("delay-200ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-200ms"]')),t.classList.contains("delay-300ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-300ms"]')),t.classList.contains("delay-400ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-400ms"]')),t.classList.contains("delay-500ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-500ms"]')),t.classList.contains("delay-600ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-600ms"]')),t.classList.contains("delay-700ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-700ms"]')),t.classList.contains("delay-800ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-800ms"]')),t.classList.contains("delay-900ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-900ms"]')),t.classList.contains("delay-1000ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1000ms"]')),t.classList.contains("delay-1100ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1100ms"]')),t.classList.contains("delay-1200ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1200ms"]')),t.classList.contains("delay-1300ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1300ms"]')),t.classList.contains("delay-1400ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1400ms"]')),i&&i.classList.add("on");const o=this.modalAnimateScroll.querySelector(".cmd-basic-once");t.classList.contains("once")?o.classList.add("on"):o.classList.remove("on");if(this.modalAnimateScroll.querySelectorAll(".cmd-disable-smoothanim").forEach((e=>{t.hasAttribute("data-smooth-scrolling")?e.classList.add("on"):e.classList.remove("on")})),t.hasAttribute("data-bottom-top")&&t.hasAttribute("data-top-bottom")&&!(t.hasAttribute("data-center-bottom")||t.hasAttribute("data-100-top")||t.hasAttribute("data-50-top")||t.hasAttribute("data-top"))){const e=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-start"),i=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-end"),n=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-start"),o=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-end"),s=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-start"),l=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-end");i.value="",n.value="",o.value="",s.value="",l.value="";let r=document.querySelector(".dummy-elm"),d=t.getAttribute("data-bottom-top");r.style.cssText=d;let c=this.getTransform(r,d);c.translateX&&(e.value=c.translateX.replace("px","")),c.translateY&&(n.value=c.translateY.replace("px","")),c.scale&&(s.value=c.scale);let u=t.getAttribute("data-top-bottom");return r.style.cssText=u,c=this.getTransform(r,u),c.translateX&&(i.value=c.translateX.replace("px","")),c.translateY&&(o.value=c.translateY.replace("px","")),c.scale&&(l.value=c.scale),this.modalAnimateScroll.querySelector(".cmd-start.on")||(a=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),a&&a.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-end.on")||(a=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),a&&a.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(a=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),a&&a.classList.add("on")),!0}let s=t.getAttribute("data-bottom-top");s||(s=t.getAttribute("data-400-bottom")),s||(s=t.getAttribute("data-200-bottom")),s||(s=t.getAttribute("data--50-bottom"));let a,l=t.getAttribute("data-top-bottom");t.hasAttribute("data-bottom-top")&&(a=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),a&&a.classList.add("on")),t.hasAttribute("data-400-bottom")&&(a=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-400-bottom"]'),a&&a.classList.add("on")),t.hasAttribute("data-200-bottom")&&(a=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-200-bottom"]'),a&&a.classList.add("on")),t.hasAttribute("data--50-bottom")&&(a=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data--50-bottom"]'),a&&a.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-start.on")||(a=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),a&&a.classList.add("on")),t.hasAttribute("data-bottom")&&(a=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-bottom"]'),a&&a.classList.add("on")),t.hasAttribute("data-center-top")&&(a=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center-top"]'),a&&a.classList.add("on")),t.hasAttribute("data-center")&&(a=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),a&&a.classList.add("on")),t.hasAttribute("data-top-bottom")&&(a=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-top-bottom"]'),a&&a.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-end.on")||(a=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),a&&a.classList.add("on"));let r=document.querySelector(".dummy-elm");r.style.cssText=s;let d=this.getTransform(r,s);a=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="${d.translateX}"]`),a&&a.classList.add("on"),a=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="${d.translateY}"]`),a&&a.classList.add("on"),a=this.divEnterAnim.querySelector(`.cmd-scale[data-value="${d.scale}"]`),a&&a.classList.add("on"),d.rotate&&(a=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="${d.rotate}"]`),a&&a.classList.add("on"));const c=this.divEnterAnim.querySelector(".inp-slide-left"),u=this.divEnterAnim.querySelector(".inp-slide-right");d.translateX&&(-1!==d.translateX.indexOf("-")?u.value=d.translateX.replace("-","").replace("px",""):c.value=d.translateX.replace("px",""));const p=this.divEnterAnim.querySelector(".inp-slide-up"),h=this.divEnterAnim.querySelector(".inp-slide-down");d.translateY&&(-1!==d.translateY.indexOf("-")?h.value=d.translateY.replace("-","").replace("px",""):p.value=d.translateY.replace("px",""));const m=this.divEnterAnim.querySelector(".inp-scale");d.scale&&(m.value=d.scale);const g=this.divEnterAnim.querySelector(".inp-rotate-counter"),f=this.divEnterAnim.querySelector(".inp-rotate-clockwise");d.rotate&&(-1!==d.rotate.indexOf("-")?f.value=d.rotate.replace("-",""):g.value=d.rotate),d.opacity&&(a=this.divEnterAnim.querySelector(".cmd-fade"),a&&a.classList.add("on")),t.hasAttribute("data-center-bottom")&&(a=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),a&&a.classList.add("on")),t.hasAttribute("data-100-top")&&(a=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-100-top"]'),a&&a.classList.add("on")),t.hasAttribute("data-50-top")&&(a=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-50-top"]'),a&&a.classList.add("on")),t.hasAttribute("data-top")&&(a=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-top"]'),a&&a.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(a=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),a&&a.classList.add("on")),r.style.cssText=l,d=this.getTransform(r,l),a=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="${d.translateX}"]`),a&&a.classList.add("on"),a=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="${d.translateY}"]`),a&&a.classList.add("on"),a=this.divLeaveAnim.querySelector(`.cmd-scale[data-value="${d.scale}"]`),a&&a.classList.add("on"),d.rotate&&(a=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="${d.rotate}"]`),a&&a.classList.add("on"));const b=this.divLeaveAnim.querySelector(".inp-slide-left"),v=this.divLeaveAnim.querySelector(".inp-slide-right");d.translateX&&(-1!==d.translateX.indexOf("-")?b.value=d.translateX.replace("-","").replace("px",""):v.value=d.translateX.replace("px",""));const y=this.divLeaveAnim.querySelector(".inp-slide-up"),x=this.divLeaveAnim.querySelector(".inp-slide-down");d.translateY&&(-1!==d.translateY.indexOf("-")?y.value=d.translateY.replace("-","").replace("px",""):x.value=d.translateY.replace("px",""));const _=this.divLeaveAnim.querySelector(".inp-scale");d.scale&&(_.value=d.scale);const w=this.divLeaveAnim.querySelector(".inp-rotate-counter"),S=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");return d.rotate&&(-1!==d.rotate.indexOf("-")?w.value=d.rotate.replace("-",""):S.value=d.rotate),d.opacity&&(a=this.divLeaveAnim.querySelector(".cmd-fade"),a&&a.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.add("is-animated"),setTimeout((()=>{t.style.transition="",t.classList.add("is-inview")}),10)}),10)),this.builder.settings.onChange()}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-end"),o=e.querySelector(".inp-simplescroll-y-start"),s=e.querySelector(".inp-simplescroll-y-end"),a=e.querySelector(".inp-simplescroll-scale-start"),l=e.querySelector(".inp-simplescroll-scale-end");let r,d,c,u,p,h;""!==i.value&&(r=i.value+(-1!==i.value.indexOf("%")?"":"px")),""!==n.value&&(d=n.value+(-1!==n.value.indexOf("%")?"":"px")),""!==o.value&&(c=o.value+(-1!==o.value.indexOf("%")?"":"px")),""!==s.value&&(u=s.value+(-1!==s.value.indexOf("%")?"":"px")),""!==a.value&&(p=a.value),""!==l.value&&(h=l.value);let m=(r?` translateX(${r})`:"")+(c?` translateY(${c})`:"")+(p?` scale(${p})`:"");m=m.trim();let g=(d?` translateX(${d})`:"")+(u?` translateY(${u})`:"")+(h?` scale(${h})`:"");g=g.trim();let f=m?"transform: "+m+";":"",b=g?"transform: "+g+";":"";f=f.trim(),b=b.trim(),this.builder.editor.saveForUndo(),this.cleanup(t);let v="data-bottom-top",y="data-top-bottom";""!==f?t.setAttribute(v,f):t.removeAttribute(v),""!==b?t.setAttribute(y,b):t.removeAttribute(y);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(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&&(n=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=this.builder.editor.inspectedElement;if(!i)return this.readTarget("bg");t=i.getAttribute("data-bottom-top"),t||(t=i.getAttribute("data-400-bottom")),t||(t=i.getAttribute("data-200-bottom")),t||(t=i.getAttribute("data--50-bottom")),e=i.getAttribute("data-top-bottom");let n=!1;return(i.classList.contains("is-fadeIn")||i.classList.contains("is-fadeInUp")||i.classList.contains("is-fadeInDown")||i.classList.contains("is-fadeInLeft")||i.classList.contains("is-fadeInRight")||i.classList.contains("is-zoomIn")||i.classList.contains("is-zoomOut")||i.classList.contains("is-slideInUp")||i.classList.contains("is-slideInDown")||i.classList.contains("is-slideInLeft")||i.classList.contains("is-slideInRight")||i.classList.contains("is-flipInX")||i.classList.contains("is-flipInY")||i.classList.contains("is-pulse")||i.classList.contains("is-bounceIn"))&&(n=!0),t||e||n?{element:i,name:"inspectedElement"}:this.readTarget("element")}{let e,i,n;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");let o=!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"))&&(o=!0),i||n||o)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")}edit(){this.builder.wrapperEl.classList.add("hard-select"),this.builder.activeBox.classList.add("box-select"),this.builder.activeSection.classList.add("section-select"),this.builder.sidebar.closeSidebar(),this.modalAnimateScroll.classList.add("active"),this.clickContent()}close(){this.modalAnimateScroll.classList.remove("active")}}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,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 </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:6,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=""},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();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())}}}}})}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 /* 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\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.editsection.is-modal-content {\n z-index: 10002;\n position: fixed;\n overflow: hidden;\n width: 313px;\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 </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()}),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("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")}"flex"===this.builderStuff.querySelector(".editbox").style.display&&this.editbox.read();"flex"===this.builderStuff.querySelector(".editsection").style.display&&this.editsection.read(),this.settings.onPageContentClick&&this.settings.onPageContentClick(t)}else{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()})}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){setTimeout((()=>{t.scrollIntoView({behavior:"smooth",block:"center"})}),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-tool").querySelectorAll("[title]");Array.prototype.forEach.call(i,(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()}));t.querySelector(".is-section-remove").addEventListener("click",(()=>{const t=document.querySelector(".is-modal.delsectionconfirm");this.editor.util.showModal(t)}))}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.pageSetup(),this.win.skrollrr&&this.win.skrollrr.refresh()}refreshPage(){this.win.skrollrr&&this.win.skrollrr.refresh()}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.refreshPage()}),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");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",(()=>{if(t.src)if(sy.hasClass(l,"active"))this.sidebar.closeSidebar();else{this.sidebar.closeSidebar(),sy.addClass(l,"active");var i=l.getAttribute("data-content");const o=document.querySelector("#"+i);o.style.display="block",setTimeout((()=>{sy.addClass(o,"active"),o.focus()}),10);var n=e.querySelector("#"+i+" iframe");"about:blank"==n.getAttribute("src")&&n.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()}))}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}))}))}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\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 \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 .animatescroll td {\n font-size: 13px;\n padding: 5px 5px;\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 240px solid !important;\n }\n #divEnterAnim, #divLeaveAnim, #divAnimSettings {\n border-top: transparent 70px 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 .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: 65px !important;\n height: 35px !important;\n text-align: center !important;\n }\n .flex-wrap {\n display: flex;\n flex-flow: wrap;\n align-items: center;\n }\n .flex-nowrap {\n display: flex;\n align-items: center;\n }\n .inp-slide-left,\n .inp-slide-right,\n .inp-slide-up,\n .inp-slide-down,\n .inp-scale,\n .inp-rotate-clockwise,\n .inp-rotate-counter {\n width:65px !important;\n height:35px !important;\n text-align:center !important;\n margin-left:10px !important;\n font-size: 13px !important;\n font-family: sans-serif !important;\n font-weight: 300 !important;\n padding: 0 !important;\n }\n\n .div-anim-settings,.div-wizard-settings{\n height: calc(100vh - 34px)\n }\n .div-wizard-settings{\n padding: 10px 15px 0 18px !important;\n }\n .div-anim-apply-to button {\n width: 80px !important;\n height: 35px !important;\n }\n </style>\n <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("On Scroll (Simple)")}</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: 30px;margin-left: 22px;">\n\n <table style="margin:12px 0 0 0;">\n <tr>\n <td></td>\n <td>${n("Start")}:</td>\n <td>${n("End")}:</td>\n <td></td>\n </tr>\n <tr>\n <td>${n("x")}</td>\n <td>\n <input class="inp-simplescroll-x-start" placeholder="-100" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-x-end" placeholder="100" type="text" />\n </td>\n <td style="font-size: 12px;">${n("px (default)")}</td>\n </tr>\n <tr>\n <td>${n("y")}</td>\n <td>\n <input class="inp-simplescroll-y-start" placeholder="100%" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-y-end" placeholder="-100%" type="text" />\n </td>\n <td style="font-size: 12px;">${n("px (default)")}</td>\n </tr>\n <tr>\n <td>${n("Scale")}</td>\n <td>\n <input class="inp-simplescroll-scale-start" placeholder="0.8" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-scale-end" placeholder="1.2" type="text" />\n </td>\n <td></td>\n </tr>\n </table>\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="width:320px">${n("Disable Smooth Animation")}</button>\n </div>\n\n <button title="${n("Clear All")}" class="cmd-clear-simplescroll" style="flex: none;margin-top:30px;margin-bottom:20px;width:320px">\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\n <button title="${n("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;margin-top:15px;width:320px">\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\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:15px 0 0 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 <button title="${n("Clear All")}" class="cmd-clear-basicanim" style="flex: none;margin-top:30px;margin-bottom:20px;width:320px">\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\n <button title="${n("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;margin-top:15px;width:320px">\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>\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:28px;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 <button title="${n("Clear All")}" class="cmd-clear-scrollanim" style="flex: none;margin-top:30px;width:320px">\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\n <button title="${n("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;margin-top:15px;width:320px">\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 id="divLeaveAnim" class="is-tab-content" data-group="skrollanim" style="padding-top:0">\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 <button title="${n("Clear All")}" class="cmd-clear-scrollanim" style="flex: none;margin-top:30px;width:320px">\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\n <button title="${n("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;margin-top:15px;width:320px">\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\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:30px;">\n <button title="${n("Disable Smooth Animation")}" class="cmd-disable-smoothanim" data-value="data-center" style="width:320px">${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");let l=o.querySelectorAll(".cmd-target");l.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-target").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.read()}))}));const r=o.querySelector(".div-anim-settings"),d=o.querySelector(".div-wizard-settings"),c=o.querySelector(".cmd-anim-edit");c.addEventListener("click",(()=>{c.classList.contains("on")?(c.classList.remove("on"),r.style.display="none",d.style.display="block"):(c.classList.add("on"),d.style.display="none",r.style.display="block")}));o.querySelectorAll(".cmd-clear-anim-all").forEach((t=>{t.addEventListener("click",(()=>{this.builder.editor.saveForUndo();let e,i=this.builder.activeSection,n=this.builder.editor.activeCol;n&&(i=n.closest(".is-section")),e=i.querySelectorAll("*"),e.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.style.transform="",t.style.transition="",t.style.opacity=""})),e=i.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.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",(()=>{this.builder.editor.saveForUndo();let t;t=this.builder.activeSection.querySelectorAll(".is-animated"),t.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 u=t=>{this.builder.editor.saveForUndo();const e=this.builder.activeSection;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"),p.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",(()=>{u(((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 p=o.querySelector("#chkPresetAnimOnce");p.addEventListener("click",(()=>{this.builder.editor.saveForUndo();const t=this.builder.activeSection;let e=t.querySelectorAll(".is-animated");e.forEach((t=>{p.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 h=o.querySelector(".cmd-basic-once");l=o.querySelectorAll(".cmd-basic-anim"),l.forEach((t=>{t.addEventListener("click",(()=>{if(t.classList.contains("on"))return t.classList.remove("on"),h.classList.remove("on"),void this.applyBasic();o.querySelectorAll(".cmd-basic-anim").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.applyBasic()}))})),l=o.querySelectorAll(".cmd-basic-delay"),l.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()})),h.addEventListener("click",(()=>{h.classList.contains("on")?h.classList.remove("on"):h.classList.add("on"),this.applyBasic()})),o.querySelector(".cmd-clear-basicanim").addEventListener("click",(()=>{let 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())})),l=o.querySelectorAll(".cmd-start"),l.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-start").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.apply()}))})),l=o.querySelectorAll(".cmd-end"),l.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-end").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.apply()}))})),l=o.querySelectorAll(".cmd-leave-start"),l.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-leave-start").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.apply()}))})),l=s.querySelectorAll(".cmd-slidex"),l.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 m=s.querySelector(".inp-slide-right"),g=s.querySelector(".inp-slide-left");m.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),g.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="-${m.value}px"]`);t&&t.classList.add("on")})),g.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),m.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="${g.value}px"]`);t&&t.classList.add("on")})),l=s.querySelectorAll(".cmd-slidey"),l.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 f=s.querySelector(".inp-slide-up"),b=s.querySelector(".inp-slide-down");b.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),f.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="-${b.value}px"]`);t&&t.classList.add("on")})),f.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),b.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="${f.value}px"]`);t&&t.classList.add("on")})),l=s.querySelectorAll(".cmd-scale"),l.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 v=s.querySelector(".inp-scale");v.addEventListener("change",(()=>{s.querySelectorAll(".cmd-scale").forEach((t=>{t.classList.remove("on")})),this.apply();let t=this.divEnterAnim.querySelector(`.cmd-scale[data-value="${v.value}"]`);t&&t.classList.add("on")})),l=s.querySelectorAll(".cmd-rotate"),l.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 y=s.querySelector(".inp-rotate-clockwise"),x=s.querySelector(".inp-rotate-counter");y.addEventListener("change",(()=>{s.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),x.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="-${y.value}"]`);t&&t.classList.add("on")})),x.addEventListener("change",(()=>{s.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),y.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="${x.value}"]`);t&&t.classList.add("on")}));let _=s.querySelector(".cmd-fade");_.addEventListener("click",(()=>{_.classList.contains("on")?_.classList.remove("on"):_.classList.add("on"),this.apply()})),s.querySelector(".cmd-clear-slide-left").addEventListener("click",(()=>{const 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())})),l=a.querySelectorAll(".cmd-slidex"),l.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 w=a.querySelector(".inp-slide-left"),S=a.querySelector(".inp-slide-right");w.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),S.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="-${w.value}px"]`);t&&t.classList.add("on")})),S.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),w.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="${S.value}px"]`);t&&t.classList.add("on")})),l=a.querySelectorAll(".cmd-slidey"),l.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 C=a.querySelector(".inp-slide-up"),k=a.querySelector(".inp-slide-down");k.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),C.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="${k.value}px"]`);t&&t.classList.add("on")})),C.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),k.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="-${C.value}px"]`);t&&t.classList.add("on")})),l=a.querySelectorAll(".cmd-scale"),l.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 E=a.querySelector(".inp-scale");E.addEventListener("change",(()=>{a.querySelectorAll(".cmd-scale").forEach((t=>{t.classList.remove("on")})),this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-scale[data-value="${E.value}"]`);t&&t.classList.add("on")})),l=a.querySelectorAll(".cmd-rotate"),l.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 A=a.querySelector(".inp-rotate-clockwise"),L=a.querySelector(".inp-rotate-counter");A.addEventListener("change",(()=>{a.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),L.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="${A.value}"]`);t&&t.classList.add("on")})),L.addEventListener("change",(()=>{a.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),A.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="-${L.value}"]`);t&&t.classList.add("on")}));let q=a.querySelector(".cmd-fade");q.addEventListener("click",(()=>{q.classList.contains("on")?q.classList.remove("on"):q.classList.add("on"),this.apply()})),a.querySelector(".cmd-clear-slide-left").addEventListener("click",(()=>{const 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-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-start").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-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),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 T=this.divAnimSettings.querySelector(".cmd-disable-smoothanim");T.addEventListener("click",(()=>{T.classList.contains("on")?T.classList.remove("on"):T.classList.add("on"),this.apply()}));const M=this.divAnimScrollSimple.querySelector(".cmd-disable-smoothanim");M.addEventListener("click",(()=>{M.classList.contains("on")?M.classList.remove("on"):M.classList.add("on"),this.applySimpleScroll()}));let R=this.builder.settings.onPageContentClick;this.builder.settings.onPageContentClick=()=>{R&&R.call(this),this.modalAnimateScroll.classList.contains("active")&&setTimeout((()=>{this.clickContent()}),30)}}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")}this.read(),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-end"),f=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-start"),b=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-end"),v=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-start"),y=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-end");m.value="",g.value="",f.value="",b.value="",v.value="",y.value=""}read(){let t;this.clearSettings();let e,i,n=this.getTarget();if(t=n.element,!t)return;t.classList.contains("is-fadeIn")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeIn"]')),t.classList.contains("is-fadeInUp")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInUp"]')),t.classList.contains("is-fadeInDown")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInDown"]')),t.classList.contains("is-fadeInLeft")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInLeft"]')),t.classList.contains("is-fadeInRight")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInRight"]')),t.classList.contains("is-zoomIn")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-zoomIn"]')),t.classList.contains("is-zoomOut")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-zoomOut"]')),t.classList.contains("is-slideInUp")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInUp"]')),t.classList.contains("is-slideInDown")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInDown"]')),t.classList.contains("is-slideInLeft")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInLeft"]')),t.classList.contains("is-slideInRight")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInRight"]')),t.classList.contains("is-flipInX")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-flipInX"]')),t.classList.contains("is-flipInY")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-flipInY"]')),t.classList.contains("is-pulse")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-pulse"]')),t.classList.contains("is-bounceIn")&&(e=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-bounceIn"]')),e&&e.classList.add("on"),t.classList.contains("delay-0ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-0ms"]')),t.classList.contains("delay-100ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-100ms"]')),t.classList.contains("delay-200ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-200ms"]')),t.classList.contains("delay-300ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-300ms"]')),t.classList.contains("delay-400ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-400ms"]')),t.classList.contains("delay-500ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-500ms"]')),t.classList.contains("delay-600ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-600ms"]')),t.classList.contains("delay-700ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-700ms"]')),t.classList.contains("delay-800ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-800ms"]')),t.classList.contains("delay-900ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-900ms"]')),t.classList.contains("delay-1000ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1000ms"]')),t.classList.contains("delay-1100ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1100ms"]')),t.classList.contains("delay-1200ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1200ms"]')),t.classList.contains("delay-1300ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1300ms"]')),t.classList.contains("delay-1400ms")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1400ms"]')),i&&i.classList.add("on");const o=this.modalAnimateScroll.querySelector(".cmd-basic-once");t.classList.contains("once")?o.classList.add("on"):o.classList.remove("on");if(this.modalAnimateScroll.querySelectorAll(".cmd-disable-smoothanim").forEach((e=>{t.hasAttribute("data-smooth-scrolling")?e.classList.add("on"):e.classList.remove("on")})),t.hasAttribute("data-bottom-top")&&t.hasAttribute("data-top-bottom")&&!(t.hasAttribute("data-center-bottom")||t.hasAttribute("data-100-top")||t.hasAttribute("data-50-top")||t.hasAttribute("data-top"))){const e=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-start"),i=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-end"),n=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-start"),o=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-end"),s=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-start"),l=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-end");i.value="",n.value="",o.value="",s.value="",l.value="";let r=document.querySelector(".dummy-elm"),d=t.getAttribute("data-bottom-top");r.style.cssText=d;let c=this.getTransform(r,d);c.translateX&&(e.value=c.translateX.replace("px","")),c.translateY&&(n.value=c.translateY.replace("px","")),c.scale&&(s.value=c.scale);let u=t.getAttribute("data-top-bottom");return r.style.cssText=u,c=this.getTransform(r,u),c.translateX&&(i.value=c.translateX.replace("px","")),c.translateY&&(o.value=c.translateY.replace("px","")),c.scale&&(l.value=c.scale),this.modalAnimateScroll.querySelector(".cmd-start.on")||(a=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),a&&a.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-end.on")||(a=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),a&&a.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(a=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),a&&a.classList.add("on")),!0}let s=t.getAttribute("data-bottom-top");s||(s=t.getAttribute("data-400-bottom")),s||(s=t.getAttribute("data-200-bottom")),s||(s=t.getAttribute("data--50-bottom"));let a,l=t.getAttribute("data-top-bottom");t.hasAttribute("data-bottom-top")&&(a=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),a&&a.classList.add("on")),t.hasAttribute("data-400-bottom")&&(a=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-400-bottom"]'),a&&a.classList.add("on")),t.hasAttribute("data-200-bottom")&&(a=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-200-bottom"]'),a&&a.classList.add("on")),t.hasAttribute("data--50-bottom")&&(a=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data--50-bottom"]'),a&&a.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-start.on")||(a=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),a&&a.classList.add("on")),t.hasAttribute("data-bottom")&&(a=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-bottom"]'),a&&a.classList.add("on")),t.hasAttribute("data-center-top")&&(a=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center-top"]'),a&&a.classList.add("on")),t.hasAttribute("data-center")&&(a=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),a&&a.classList.add("on")),t.hasAttribute("data-top-bottom")&&(a=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-top-bottom"]'),a&&a.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-end.on")||(a=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),a&&a.classList.add("on"));let r=document.querySelector(".dummy-elm");r.style.cssText=s;let d=this.getTransform(r,s);a=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="${d.translateX}"]`),a&&a.classList.add("on"),a=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="${d.translateY}"]`),a&&a.classList.add("on"),a=this.divEnterAnim.querySelector(`.cmd-scale[data-value="${d.scale}"]`),a&&a.classList.add("on"),d.rotate&&(a=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="${d.rotate}"]`),a&&a.classList.add("on"));const c=this.divEnterAnim.querySelector(".inp-slide-left"),u=this.divEnterAnim.querySelector(".inp-slide-right");d.translateX&&(-1!==d.translateX.indexOf("-")?u.value=d.translateX.replace("-","").replace("px",""):c.value=d.translateX.replace("px",""));const p=this.divEnterAnim.querySelector(".inp-slide-up"),h=this.divEnterAnim.querySelector(".inp-slide-down");d.translateY&&(-1!==d.translateY.indexOf("-")?h.value=d.translateY.replace("-","").replace("px",""):p.value=d.translateY.replace("px",""));const m=this.divEnterAnim.querySelector(".inp-scale");d.scale&&(m.value=d.scale);const g=this.divEnterAnim.querySelector(".inp-rotate-counter"),f=this.divEnterAnim.querySelector(".inp-rotate-clockwise");d.rotate&&(-1!==d.rotate.indexOf("-")?f.value=d.rotate.replace("-",""):g.value=d.rotate),d.opacity&&(a=this.divEnterAnim.querySelector(".cmd-fade"),a&&a.classList.add("on")),t.hasAttribute("data-center-bottom")&&(a=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),a&&a.classList.add("on")),t.hasAttribute("data-100-top")&&(a=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-100-top"]'),a&&a.classList.add("on")),t.hasAttribute("data-50-top")&&(a=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-50-top"]'),a&&a.classList.add("on")),t.hasAttribute("data-top")&&(a=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-top"]'),a&&a.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(a=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),a&&a.classList.add("on")),r.style.cssText=l,d=this.getTransform(r,l),a=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="${d.translateX}"]`),a&&a.classList.add("on"),a=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="${d.translateY}"]`),a&&a.classList.add("on"),a=this.divLeaveAnim.querySelector(`.cmd-scale[data-value="${d.scale}"]`),a&&a.classList.add("on"),d.rotate&&(a=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="${d.rotate}"]`),a&&a.classList.add("on"));const b=this.divLeaveAnim.querySelector(".inp-slide-left"),v=this.divLeaveAnim.querySelector(".inp-slide-right");d.translateX&&(-1!==d.translateX.indexOf("-")?b.value=d.translateX.replace("-","").replace("px",""):v.value=d.translateX.replace("px",""));const y=this.divLeaveAnim.querySelector(".inp-slide-up"),x=this.divLeaveAnim.querySelector(".inp-slide-down");d.translateY&&(-1!==d.translateY.indexOf("-")?y.value=d.translateY.replace("-","").replace("px",""):x.value=d.translateY.replace("px",""));const _=this.divLeaveAnim.querySelector(".inp-scale");d.scale&&(_.value=d.scale);const w=this.divLeaveAnim.querySelector(".inp-rotate-counter"),S=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");return d.rotate&&(-1!==d.rotate.indexOf("-")?w.value=d.rotate.replace("-",""):S.value=d.rotate),d.opacity&&(a=this.divLeaveAnim.querySelector(".cmd-fade"),a&&a.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.add("is-animated"),setTimeout((()=>{t.style.transition="",t.classList.add("is-inview")}),10)}),10)),this.builder.settings.onChange()}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-end"),o=e.querySelector(".inp-simplescroll-y-start"),s=e.querySelector(".inp-simplescroll-y-end"),a=e.querySelector(".inp-simplescroll-scale-start"),l=e.querySelector(".inp-simplescroll-scale-end");let r,d,c,u,p,h;""!==i.value&&(r=i.value+(-1!==i.value.indexOf("%")?"":"px")),""!==n.value&&(d=n.value+(-1!==n.value.indexOf("%")?"":"px")),""!==o.value&&(c=o.value+(-1!==o.value.indexOf("%")?"":"px")),""!==s.value&&(u=s.value+(-1!==s.value.indexOf("%")?"":"px")),""!==a.value&&(p=a.value),""!==l.value&&(h=l.value);let m=(r?` translateX(${r})`:"")+(c?` translateY(${c})`:"")+(p?` scale(${p})`:"");m=m.trim();let g=(d?` translateX(${d})`:"")+(u?` translateY(${u})`:"")+(h?` scale(${h})`:"");g=g.trim();let f=m?"transform: "+m+";":"",b=g?"transform: "+g+";":"";f=f.trim(),b=b.trim(),this.builder.editor.saveForUndo(),this.cleanup(t);let v="data-bottom-top",y="data-top-bottom";""!==f?t.setAttribute(v,f):t.removeAttribute(v),""!==b?t.setAttribute(y,b):t.removeAttribute(y);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(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&&(n=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=this.builder.editor.inspectedElement;if(!i)return this.readTarget("bg");t=i.getAttribute("data-bottom-top"),t||(t=i.getAttribute("data-400-bottom")),t||(t=i.getAttribute("data-200-bottom")),t||(t=i.getAttribute("data--50-bottom")),e=i.getAttribute("data-top-bottom");let n=!1;return(i.classList.contains("is-fadeIn")||i.classList.contains("is-fadeInUp")||i.classList.contains("is-fadeInDown")||i.classList.contains("is-fadeInLeft")||i.classList.contains("is-fadeInRight")||i.classList.contains("is-zoomIn")||i.classList.contains("is-zoomOut")||i.classList.contains("is-slideInUp")||i.classList.contains("is-slideInDown")||i.classList.contains("is-slideInLeft")||i.classList.contains("is-slideInRight")||i.classList.contains("is-flipInX")||i.classList.contains("is-flipInY")||i.classList.contains("is-pulse")||i.classList.contains("is-bounceIn"))&&(n=!0),t||e||n?{element:i,name:"inspectedElement"}:this.readTarget("element")}{let e,i,n;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");let o=!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"))&&(o=!0),i||n||o)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")}edit(){this.builder.wrapperEl.classList.add("hard-select"),this.builder.activeBox.classList.add("box-select"),this.builder.activeSection.classList.add("section-select"),this.builder.sidebar.closeSidebar(),this.modalAnimateScroll.classList.add("active"),this.clickContent()}close(){this.modalAnimateScroll.classList.remove("active")}}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,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 </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:6,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=""},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();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())}}}}})}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\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\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.editsection.is-modal-content {\n z-index: 10002;\n position: fixed;\n overflow: hidden;\n width: 313px;\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 </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()}),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("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")}"flex"===this.builderStuff.querySelector(".editbox").style.display&&this.editbox.read();"flex"===this.builderStuff.querySelector(".editsection").style.display&&this.editsection.read(),this.settings.onPageContentClick&&this.settings.onPageContentClick(t)}else{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()})}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){setTimeout((()=>{t.scrollIntoView({behavior:"smooth",block:"center"})}),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-tool").querySelectorAll("[title]");Array.prototype.forEach.call(i,(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()}));t.querySelector(".is-section-remove").addEventListener("click",(()=>{const t=document.querySelector(".is-modal.delsectionconfirm");this.editor.util.showModal(t)}))}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.pageSetup(),this.win.skrollrr&&this.win.skrollrr.refresh()}refreshPage(){this.win.skrollrr&&this.win.skrollrr.refresh()}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.refreshPage()}),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");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",(()=>{if(t.src)if(sy.hasClass(l,"active"))this.sidebar.closeSidebar();else{this.sidebar.closeSidebar(),sy.addClass(l,"active");var i=l.getAttribute("data-content");const o=document.querySelector("#"+i);o.style.display="block",setTimeout((()=>{sy.addClass(o,"active"),o.focus()}),10);var n=e.querySelector("#"+i+" iframe");"about:blank"==n.getAttribute("src")&&n.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()}))}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}))}))}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)}))}}}();
|