@innovastudio/contentbox 1.5.34 → 1.5.35

Sign up to get free protection for your applications and to get access to all the features.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/public/contentbox/contentbox.esm.js +5 -2
  3. package/public/contentbox/contentbox.min.js +1 -1
package/public/contentbox/contentbox.min.js CHANGED
@@ -144,4 +144,4 @@ var xp=function(t,e){return xp=Object.setPrototypeOf||{__proto__:[]}instanceof A
144
144
  * https://github.com/CodeByZach/pace/
145
145
  * Licensed MIT © HubSpot, Inc.
146
146
  */
147
- (function(){if("undefined"!=typeof window){var e,i,n,o,s,a,l,r,d,c,u,p,h,m,g,b,f,v,y,x,_,S,w,k,C,A,E,L,q,T,O,M,R,B,I,$,N,P,D,z,H,j,F,U,W,X,Y,V,G,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(S={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},M=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,_=window.cancelAnimationFrame||window.mozCancelAnimationFrame,b=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==M&&(M=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 M(i)}))):setTimeout(i,33-n)},i()},R=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]},w=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?w(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},C=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,w(c,l.prototype),O=c.options=w({},S,window.paceOptions,C()),U=0,X=(V=["ajax","document","eventLag","elements"]).length;U<X;U++)!0===O[P=V[U]]&&(O[P]=S[P]);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(O.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=""!==O.className?" "+O.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(O.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,k=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},N=function(t){var e;if(null==t&&(t="GET"),"track"===L[0])return"force";if(!L.length&&O.ajax){if("socket"===t&&O.ajax.trackWebSockets)return!0;if(e=t.toUpperCase(),J.call(O.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(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{k(window.XMLHttpRequest,F)}catch(t){}if(null!=j){window.XDomainRequest=function(){var e;return e=new j,t(e),e};try{k(window.XDomainRequest,j)}catch(t){}}if(null!=H&&O.ajax.trackWebSockets){window.WebSocket=function(t,e){var n;return n=null!=e?new H(t,e):new H(t),N("socket")&&i.trigger("request",{type:"socket",url:t,protocols:e,request:n}),n};try{k(window.WebSocket,H)}catch(t){}}}return Q(e,t),e}(r),W=null,$=function(t){var e,i,n,o;for(i=0,n=(o=O.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},(A=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,!$(a))return c.running||!1===O.restartOnRequestAfter&&"force"!==N(s)?void 0:(n=arguments,"boolean"==typeof(i=O.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((P=l[t])instanceof e){P.watch.apply(P,n);break}r.push(void 0)}return r}}),i))})),e=function(){function t(){this.complete=tt(this.complete,this);var t=this;this.elements=[],A().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,!$(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(b(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++)b(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++)b(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()}),O.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>O.eventLag.sampleCount&&o.shift(),t=v(o),++n>=O.eventLag.minSamples&&t<O.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=O.initialRate,this.catchup=0,this.progress=this.lastProgress=0,null!=this.source&&(this.progress=R(this.source,"progress"))}return t.prototype.tick=function(t,e){var i;return null==e&&(e=R(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)/O.catchupTime,this.sinceLastUpdate=0,this.last=e),e>this.progress&&(this.progress+=this.catchup*t),i=1-Math.pow(this.progress/100,O.easeFactor),this.progress+=i*this.rate*t,this.progress=Math.min(this.lastProgress+O.maxProgressPerFrame,this.progress),this.progress=Math.max(0,this.progress),this.progress=Math.min(100,this.progress),this.lastProgress=this.progress,this.progress},t}(),D=null,I=null,y=null,z=null,f=null,x=null,c.running=!1,E=function(){if(O.restartOnPushState)return c.restart()},null!=window.history.pushState&&(Y=window.history.pushState,window.history.pushState=function(){return E(),Y.apply(window.history,arguments)}),null!=window.history.replaceState&&(G=window.history.replaceState,window.history.replaceState=function(){return E(),G.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=D=[],e=0,o=(a=["ajax","elements","document","eventLag"]).length;e<o;e++)!1!==O[t=a[e]]&&D.push(new p[t](O[t]));for(n=0,s=(r=null!=(l=O.extraSources)?l:[]).length;n<s;n++)P=r[n],D.push(new P(O));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!=f&&("function"==typeof _&&_(f),f=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,f=B((function(e,i){var n,o,s,a,l,r,d,u,p,m,g,b,f,v,_;for(y.progress,o=m=0,s=!0,r=g=0,f=D.length;g<f;r=++g)for(P=D[r],p=null!=I[r]?I[r]:I[r]=[],d=b=0,v=(l=null!=(_=P.elements)?_:[P]).length;b<v;d=++b)a=l[d],s&=(u=null!=p[d]?p[d]:p[d]=new h(a)).done,u.done||(o++,m+=u.tick(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(O.ghostTime,Math.max(O.minTime-(T()-t),0)))):i()}))},c.start=function(t){w(O,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(d)}(sy);var ay=sy.exports;class ly{constructor(t){this.builder=t;const e=`\n <form class="is-cover-upload-central" style="opacity:1;position:absolute;width:40px;height:40px;" target="target-upload-cover" method="post" action="${this.builder.coverImageHandler}" enctype="multipart/form-data" style="position:relative;width:40px;height:40px;display:inline-block;float:left;background: rgb(90, 156, 38);">\n <input type="file" tabindex="-1" class="input-file-cover-central" name="fileCover" accept="image/*" style="position:absolute;top:-30px;left:0;width:100%;height:80px;opacity: 0;cursor: pointer;"/>\n <input tabindex="-1" class="input-custom-value-central" name="hidcustomval" type="hidden" value="${this.builder.customval}" />\n </form>\n <iframe id="target-upload-cover" name="target-upload-cover" src="about:blank" style="width:1px;height:1px;position:absolute;top:0;right:-100000px"></iframe>\n `;t.contentStuff.insertAdjacentHTML("afterbegin",e);t.contentStuff.insertAdjacentHTML("afterbegin","\n <style>\n \n .is-box-tool {\n display: none;\n z-index: 1;\n position: absolute;\n top: auto;\n bottom: 0;\n left: calc(50% - 80px);\n right: auto;\n box-sizing: border-box;\n line-height: 30px;\n outline: none;\n text-align: center;\n cursor: pointer;\n border-radius: 0px;\n overflow: hidden;\n }\n .is-box-tool button {\n width: 40px !important;\n height: 40px !important;\n cursor: pointer;\n }\n .is-box-tool button svg {\n fill: #fff !important;\n }\n .is-box-tool button.is-box-edit {\n background: rgb(0, 172, 214);\n }\n .is-box-tool button.is-module-edit {\n background: #FF9800;\n }\n \n .is-section-tool {\n display: none;\n z-index: 1;\n position: absolute;\n top: 15%;\n right: 0px;\n left: auto;\n width: 40px;\n height: 80px;\n }\n .is-section-tool > button {\n width: 40px;\n height: 40px;\n border-radius: 0;\n line-height: 40px;\n padding: 0px;\n font-size: 13px;\n cursor: pointer;\n border: none;\n }\n .is-section-tool .is-section-edit {\n background: rgb(0, 172, 214);\n }\n .is-section-tool .is-section-edit svg {\n fill: #fff !important;\n }\n .is-section-tool .is-section-remove {\n background: rgb(247, 99, 46);\n color: #fff !important;\n }\n \n .is-wrapper {\n opacity: 0.01;\n /* setting display=none makes initial script may not work properly */\n transform-origin: top;\n }\n \n .box-active {\n animation-name: box-active-anim;\n animation-duration: 1s;\n }\n \n @keyframes box-active-anim {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(0.95);\n }\n 100% {\n transform: scale(1);\n }\n }\n\n .section-active {\n animation-name: section-active-anim;\n animation-duration: 1s;\n }\n\n @keyframes section-active-anim {\n 0% {transform:scale(1);}\n 50% {transform:scale(0.95);}\n 100% {transform:scale(1);}\n }\n \n .is-wrapper.is-edit {\n padding-left: 61px;\n }\n .is-wrapper.is-container-edit > div.section-select, .is-wrapper.is-clean-edit > div.section-select {\n overflow-x: unset !important;\n overflow-y: unset !important;\n }\n\n\n /* Navbar Fix */\n .is-wrapper.is-edit .is-section.is-section-navbar,\n .is-wrapper.is-edit .is-section.is-section-navbar .is-topbar {\n left: 0;\n margin-left: 60px;\n width: calc(100% - 60px);\n }\n .is-wrapper.is-edit .is-section.is-section-navbar .is-topbar.static {\n width: 100%;\n margin-left: unset;\n }\n\n /* protected section */\n .is-section.protected .is-box-tool {\n display: none !important;\n }\n\n /* manual selection during animation edit */\n .hard-select .is-box-tool {\n display: none !important;\n }\n .hard-select .is-section-tool {\n display: none !important;\n }\n .hard-select .box-select {\n outline: #00da89 1px solid;\n outline-offset: -1px;\n z-index: 1;\n }\n .hard-select .box-select .is-box-tool {\n display: flex !important;\n }\n .hard-select .box-select .is-overlay {\n z-index: -1;\n }\n .hard-select .section-select .is-section-tool {\n display: block !important;\n }\n\n /* drop block as section */\n .is-wrapper > .sortable-ghost {\n height: 40px !important;\n min-height: unset !important;\n background: rgba(204, 204, 204, 0.15) !important;\n }\n\n /* toggle tool */\n .is-wrapper.is-clean-edit.hard-select .box-select .is-box-tool,\n .is-wrapper.is-clean-edit .box-select .is-box-tool {\n display: none !important;\n }\n .is-wrapper.is-clean-edit.hard-select .section-select .is-section-tool,\n .is-wrapper.is-clean-edit .section-select .is-section-tool {\n display: none !important;\n }\n .is-wrapper.is-clean-edit.hard-select .box-select,\n .is-wrapper.is-clean-edit .box-select {\n outline: none !important;\n }\n \n /* clean UI for selection only */\n .selection-only:not([data-skrollrr-off]) .is-wrapper.hard-select .box-select .is-box-tool,\n .selection-only:not([data-skrollrr-off]) .is-wrapper .box-select .is-box-tool {\n display: none !important;\n }\n .selection-only:not([data-skrollrr-off]) .is-wrapper.hard-select .section-select .is-section-tool,\n .selection-only:not([data-skrollrr-off]) .is-wrapper .section-select .is-section-tool {\n display: none !important;\n }\n .selection-only:not([data-skrollrr-off]) .is-wrapper .is-rowadd-tool {\n display: none !important;\n }\n .selection-only:not([data-skrollrr-off]) .is-wrapper .is-tool {\n display: none !important;\n }\n .selection-only:not([data-skrollrr-off]) .is-tool {\n z-index: -10000 !important;\n }\n \n /* section info */\n .is-wrapper .is-section-info {\n position: absolute;\n z-index: 1;\n top: 3px;\n left: 3px;\n display: none;\n }\n .is-wrapper .is-section-info > div {\n width: auto;\n height: auto;\n padding: 5px 20px;\n background-color: rgb(255, 239, 100);\n color: #111;\n font-family: sans-serif;\n letter-spacing: 2px;\n font-size: 17px;\n }\n .is-wrapper .section-select .is-section-info {\n display: block;\n }\n\n /* To make editing possible on wide content */\n .is-wrapper.is-edit .section-wide-250 .is-box-centered {\n overflow-x: auto;\n overflow-y: hidden;\n }\n .is-wrapper.is-edit .section-wide-250 .is-container > div > div { /* To make col tool visible */\n max-height: 90vh; \n }\n\n \n </style>\n ")}}const ry=new t;class dy{constructor(t){this.builder=t;const e=this.builder.builderStuff;this.builderStuff=e;let n=`\n <style>\n #_cbhtml .is-side.animatescroll, \n .is-ui .is-side.animatescroll {\n width: 370px;\n right: -370px;\n }\n #_cbhtml .is-side.animatescroll.active, \n .is-ui .is-side.animatescroll.active {\n right: 0;\n }\n .animatescroll td {\n font-size: 13px;\n padding: 3px 0px;\n }\n .animatescroll .table-header td {\n font-size: 11px;\n padding: 3px 0 0;\n }\n .animatescroll.active {\n right: 0;\n }\n .animatescroll .side-title {\n font-weight: 400;\n font-size: 15px;\n opacity: 0.8;\n padding: 10px 0 0 18px !important;\n }\n .animatescroll .is-tabs a.active {\n background: none !important;\n }\n .animatescroll .is-tabs a {\n text-transform: none!important;\n font-size: 13px!important;\n margin-right: 25px!important;\n margin-left: 3px!important;\n }\n .animatescroll .is-tabs a:last-child {\n margin-right: 0!important;\n }\n .anim-controls {\n padding: 0 !important;\n z-index: 1;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n box-sizing: border-box;\n border-top: transparent 245px solid !important;\n }\n #divEnterAnim, #divLeaveAnim, #divAnimSettings {\n border-top: transparent 55px solid !important;\n padding:0 15px 20px 22px !important;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n top: 0; left: 0;\n }\n .anim-label {\n padding: 15px 0 5px;\n width: 100%;\n flex:none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .anim-label span {\n display: flex;\n align-items: center;\n }\n .anim-label button {\n width: 40px !important;\n margin-left: 2px !important;\n box-shadow: none !important;\n }\n .anim-controls .bold {\n font-weight: 600;\n }\n .anim-controls button,\n .anim-list button { \n height: 35px !important;\n outline-offset: -2px !important;\n }\n\n .anim-controls input[type=text],\n .anim-list input[type=text] {\n font-size: 13px !important;\n font-family: sans-serif !important;\n font-weight: 300 !important;\n padding: 0 !important;\n width: 50px !important;\n height: 35px !important;\n text-align: center !important;\n }\n .anim-controls td input[type=text],\n .anim-list td input[type=text] {\n font-size: 13px !important;\n font-family: sans-serif !important;\n font-weight: 300 !important;\n padding: 0 !important;\n width: 34px !important;\n height: 30px !important;\n text-align: center !important;\n letter-spacing: 0px !important;\n }\n\n .flex-wrap {\n display: flex;\n flex-flow: wrap;\n align-items: center;\n }\n .flex-nowrap {\n display: flex;\n align-items: center;\n }\n .inp-slide-left,\n .inp-slide-right,\n .inp-slide-up,\n .inp-slide-down,\n .inp-scale,\n .inp-rotate-clockwise,\n .inp-rotate-counter {\n width:65px !important;\n height:35px !important;\n text-align:center !important;\n margin-left:10px !important;\n font-size: 13px !important;\n font-family: sans-serif !important;\n font-weight: 300 !important;\n padding: 0 !important;\n }\n\n .div-anim-settings,.div-wizard-settings{\n height: calc(100vh - 34px)\n }\n .div-wizard-settings{\n padding: 10px 15px 0 18px !important;\n }\n .div-anim-apply-to button {\n width: 80px !important;\n height: 35px !important;\n }\n </style>\n\n <div class="is-side animatescroll" style="display: block;" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">\n\n <div class="side-title">${i("Animation")}</div>\n\n <button tabindex="-1" title="${i("Close")}" class="is-side-close" style="z-index:2;background:transparent;width:25px;height:25px;position:absolute;top:10px;right:13px;box-sizing:border-box;padding:0;line-height:25px;font-size: 12px;text-align:center;cursor:pointer;box-shadow:none;"><svg class="is-icon-flex" style="width:25px;height:25px;"><use xlink:href="#ion-ios-close-empty"></use></svg></button>\n\n <button tabindex="-1" title="${i("Edit")}" class="cmd-anim-edit" style="z-index:3;width:25px;height:25px;position:absolute;top:64px;right:13px;box-sizing:border-box;padding:0;line-height:25px;font-size: 12px;text-align:center;cursor:pointer;box-shadow:none;"><svg class="is-icon-flex"><use xlink:href="#icon-pencil"></use></svg></button>\n \n <div class="div-anim-settings" style="display:none">\n \n <div class="div-anim-apply-to" style="padding:18px 10px 22px 18px;z-index:2;position:relative;">\n <div class="anim-label" style="margin-bottom:5px">${i("Apply To")}:</div>\n <div class="flex-wrap">\n <button title="${i("Element")}" class="cmd-target on" data-command="target" data-value="element">${i("Element")}</button>\n <button title="${i("Column")}" class="cmd-target" data-command="target" data-value="column">${i("Column")}</button>\n <button title="${i("Row")}" class="cmd-target" data-command="target" data-value="row">${i("Row")}</button>\n <button title="${i("Container")}" class="cmd-target" data-command="target" data-value="container">${i("Container")}</button>\n <button title="${i("Overlay")}" class="cmd-target" data-command="target" data-value="overlay">${i("Overlay")}</button>\n <button title="${i("Background")}" class="cmd-target" data-command="target" data-value="bg">${i("Bg")}</button>\n <button title="${i("Box")}" class="cmd-target" data-command="target" data-value="box">${i("Box")}</button>\n <button title="${i("Section")}" class="cmd-target" data-command="target" data-value="section">${i("Section")}</button>\n </div>\n </div>\n \n <div class="div-anim-type">\n <div class="is-tabs" style="position:relative;z-index:2;" data-group="animtype">\n <a href="" data-content="divAnimDefault" class="active">${i("On View")}</a>\n <a href="" data-content="divAnimScroll">${i("On Scroll")}</a>\n <a href="" data-content="divAnimScrollSimple">${i("Timeline")}</a>\n </div>\n </div>\n\n <div id="divAnimScrollSimple" class="is-tab-content active" data-group="animtype" style="padding:0">\n\n <div class="anim-controls" style="overflow-y: auto;">\n\n <div style="margin-top: 20px;margin-left: 22px;margin-bottom: 20px;">\n\n <table style="margin:12px 0 0 0;border-collapse:initial;">\n \n <tr>\n <td colspan="4"><span class="bold">${i("Slide Horizontal")}</span>:</td>\n <td colspan="5" style="text-align:right;font-style:italic;font-size:12px;">${i("(default: px)")}</td>\n </tr>\n <tr class="table-header">\n <td style="text-align:center">0%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">50%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">100%</td>\n </tr>\n <tr>\n <td>\n <input class="inp-simplescroll-x-start" placeholder="-100" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-x-15" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-x-25" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-x-35" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-x-50" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-x-65" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-x-75" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-x-85" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-x-end" placeholder="100" type="text" />\n </td>\n </tr>\n <tr>\n <td colspan="4" style="padding-top:20px"><span class="bold">${i("Slide Vertical")}</span>:</td>\n <td colspan="5" style="padding-top:20px;text-align:right;font-style:italic;font-size:12px;">${i("(default: px)")}</td>\n </tr>\n <tr class="table-header">\n <td style="text-align:center">0%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">50%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">100%</td>\n </tr>\n <tr>\n <td>\n <input class="inp-simplescroll-y-start" placeholder="100%" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-y-15" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-y-25" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-y-35" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-y-50" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-y-65" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-y-75" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-y-85" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-y-end" placeholder="-100%" type="text" />\n </td>\n </tr>\n <tr>\n <td colspan="9" style="padding-top:20px"><span class="bold">${i("Scale")}</span>:</td>\n </tr>\n <tr class="table-header">\n <td style="text-align:center">0%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">50%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">100%</td>\n </tr>\n <tr>\n <td>\n <input class="inp-simplescroll-scale-start" placeholder="0.8" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-scale-15" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-scale-25" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-scale-35" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-scale-50" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-scale-65" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-scale-75" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-scale-85" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-scale-end" placeholder="1.2" type="text" />\n </td>\n </tr>\n\n <tr>\n <td colspan="9" style="padding-top:20px"><span class="bold">${i("Rotate")}</span>:</td>\n </tr>\n <tr class="table-header">\n <td style="text-align:center">0%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">50%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">100%</td>\n </tr>\n <tr>\n <td>\n <input class="inp-simplescroll-rotate-start" placeholder="-45" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-rotate-15" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-rotate-25" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-rotate-35" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-rotate-50" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-rotate-65" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-rotate-75" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-rotate-85" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-rotate-end" placeholder="45" type="text" />\n </td>\n </tr>\n\n <tr>\n <td colspan="9" style="padding-top:20px"><span class="bold">${i("Opacity")}</span>:</td>\n </tr>\n <tr class="table-header">\n <td style="text-align:center">0%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">50%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">100%</td>\n </tr>\n <tr>\n <td>\n <input class="inp-simplescroll-opacity-start" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-opacity-15" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-opacity-25" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-opacity-35" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-opacity-50" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-opacity-65" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-opacity-75" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-opacity-85" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-opacity-end" placeholder="" type="text" />\n </td>\n </tr>\n </table>\n \n <div class="flex-wrap" style="margin-top:20px;">\n <label for="chkPinSection" style="margin:0;">\n <input id="chkPinSection" type="checkbox" style="margin-left:0"> ${i("Pin Section (visible on preview)")}\n </label>\n </div>\n <div class="div-pin-spacing" style="display:none">\n <div style="padding-top:10px;"><span>${i("Pin Spacing")}</span>: </div>\n <div class="flex-wrap" style="padding:5px 0 10px">\n\n <button title="0" class="cmd-pin-space" data-value="md" style="padding-left:15px;padding-right:15px;height:34px;">${i("MD")}</button>\n <button title="20" class="cmd-pin-space" data-value="lg" style="padding-left:15px;padding-right:15px;height:34px;">${i("LG")}</button>\n <button title="20" class="cmd-pin-space" data-value="xl" style="padding-left:15px;padding-right:15px;height:34px;">${i("XL")}</button>\n \n <label for="chkPinOverlap" style="margin:0;display:flex;margin-left:15px">\n <input id="chkPinOverlap" type="checkbox" style="margin:-1px 6px 0 0"> \n <span>${i("Overlap")}</span>.\n </label>\n </div>\n </div>\n <div class="flex-wrap" style="margin-top:10px;">\n <label for="chkDisableSkrollrrOnMobile" style="margin:0;">\n <input id="chkDisableSkrollrrOnMobile" type="checkbox" style="margin-left:0"> ${i("Disable on Mobile")}\n </label>\n </div>\n\n <div class="flex-wrap" style="margin-top:15px;">\n <button title="${i("Disable Easing")}" class="cmd-disable-smoothanim" style="padding-left:15px;padding-right: 15px;">${i("Disable Easing")}</button>\n <button title="${i("Hidden on Start")}" class="cmd-hidden-onstart" style="padding-left:15px;padding-right: 15px;">${i("Hidden on Start")}</button>\n </div>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 15px;margin-right: 20px;">\n <button title="${i("Clear All")}" class="cmd-clear-simplescroll" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n <span style="margin-left:7px">${i("Clear All")}</span>\n </button>\n </div>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 5px;margin-right: 20px;">\n <button title="${i("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n <span style="margin-left:7px">${i("Clear All Animations in Section")}</span>\n </button>\n </div>\n </div>\n </div>\n </div>\n\n <div id="divAnimDefault" class="is-tab-content active" data-group="animtype" style="display:flex;padding:0">\n\n <div class="anim-controls" style="overflow-y: auto;">\n\n <div style="padding:10px 0 20px 22px;">\n <div class="anim-label">\n <span>\n <span class="bold">${i("Fade")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${i("In")}" class="cmd-basic-anim" data-value="is-fadeIn" style="width:60px">${i("In")}</button>\n <button title="${i("Left")}" class="cmd-basic-anim" data-value="is-fadeInLeft" style="width:60px">${i("Left")}</button>\n <button title="${i("Right")}" class="cmd-basic-anim" data-value="is-fadeInRight" style="width:60px">${i("Right")}</button>\n <button title="${i("Up")}" class="cmd-basic-anim" data-value="is-fadeInUp" style="width:60px">${i("Up")}</button>\n <button title="${i("Down")}" class="cmd-basic-anim" data-value="is-fadeInDown" style="width:60px">${i("Down")}</button>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Slide")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${i("Left")}" class="cmd-basic-anim" data-value="is-slideInLeft" style="width:60px">${i("Left")}</button>\n <button title="${i("Right")}" class="cmd-basic-anim" data-value="is-slideInRight" style="width:60px">${i("Right")}</button>\n <button title="${i("Up")}" class="cmd-basic-anim" data-value="is-slideInUp" style="width:60px">${i("Up")}</button>\n <button title="${i("Down")}" class="cmd-basic-anim" data-value="is-slideInDown" style="width:60px">${i("Down")}</button>\n </div>\n \n <div class="anim-label">\n <span>\n <span class="bold">${i("Flip")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${i("Horizontal")}" class="cmd-basic-anim" data-value="is-flipInY" style="width:90px">${i("Horizontal")}</button>\n <button title="${i("Vertical")}" class="cmd-basic-anim" data-value="is-flipInX" style="width:90px">${i("Vertical")}</button>\n </div>\n \n <div class="anim-label">\n <span>\n <span class="bold">${i("Zoom")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${i("In")}" class="cmd-basic-anim" data-value="is-zoomIn" style="width:90px">${i("In")}</button>\n <button title="${i("Out")}" class="cmd-basic-anim" data-value="is-zoomOut" style="width:90px">${i("Out")}</button>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Pulse")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${i("In")}" class="cmd-basic-anim" data-value="is-pulse" style="width:90px">${i("Pulse")}</button>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Bounce")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${i("In")}" class="cmd-basic-anim" data-value="is-bounceIn" style="width:90px">${i("Bounce")}</button>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Animation Delay")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="0s" class="cmd-basic-delay" data-value="delay-0ms" style="width:55px">0s</button>\n <button title="0.1s" class="cmd-basic-delay" data-value="delay-100ms" style="width:55px">0.1s</button>\n <button title="0.2s" class="cmd-basic-delay" data-value="delay-200ms" style="width:55px">0.2s</button>\n <button title="0.3s" class="cmd-basic-delay" data-value="delay-300ms" style="width:55px">0.3s</button>\n <button title="0.4s" class="cmd-basic-delay" data-value="delay-400ms" style="width:55px">0.4s</button>\n <button title="0.5s" class="cmd-basic-delay" data-value="delay-500ms" style="width:55px">0.5s</button>\n <button title="0.6s" class="cmd-basic-delay" data-value="delay-600ms" style="width:55px">0.6s</button>\n <button title="0.7s" class="cmd-basic-delay" data-value="delay-700ms" style="width:55px">0.7s</button>\n <button title="0.8s" class="cmd-basic-delay" data-value="delay-800ms" style="width:55px">0.8s</button>\n <button title="0.9s" class="cmd-basic-delay" data-value="delay-900ms" style="width:55px">0.9s</button>\n <button title="1s" class="cmd-basic-delay" data-value="delay-1000ms" style="width:55px">1s</button>\n <button title="1.1s" class="cmd-basic-delay" data-value="delay-1100ms" style="width:55px">1.1s</button>\n <button title="1.2s" class="cmd-basic-delay" data-value="delay-1200ms" style="width:55px">1.2s</button>\n <button title="1.3s" class="cmd-basic-delay" data-value="delay-1300ms" style="width:55px">1.3s</button>\n <button title="1.4s" class="cmd-basic-delay" data-value="delay-1400ms" style="width:55px">1.4s</button>\n <button title="${i("Clear")}" class="cmd-clear-delay" style="width:45px;background: none;box-shadow:none;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n </div>\n\n <button title="${i("Animate Once")}" class="cmd-basic-once" style="flex: none;margin-top:15px;width:165px;">\n ${i("Animate Once")}\n </button>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 15px;margin-right: 20px;">\n <button title="${i("Clear All")}" class="cmd-clear-basicanim" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n <span style="margin-left:7px">${i("Clear All")}</span>\n </button>\n </div>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 5px;margin-right: 20px;">\n <button title="${i("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n <span style="margin-left:7px">${i("Clear All Animations in Section")}</span>\n </button>\n </div>\n </div>\n\n </div>\n\n </div>\n\n <div id="divAnimScroll" class="is-tab-content" data-group="animtype" style="padding:0">\n\n <div class="anim-controls">\n\n <div class="is-tabs clearfix" style="padding-top:20px;position:relative;z-index:1;background:none;" data-group="skrollanim">\n <a href="" data-content="divEnterAnim" class="active">${i("On Enter")}</a>\n <a href="" data-content="divLeaveAnim">${i("On Leave")}</a>\n <a href="" data-content="divAnimSettings">${i("Settings")}</a>\n </div>\n\n <div id="divEnterAnim" class="is-tab-content active" data-group="skrollanim" style="display:flex;padding-top:0">\n \n <div class="anim-label">\n <span>\n <span class="bold">${i("Slide Left")}</span>: \n <input class="inp-slide-left" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-slide-left" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-arrow-left"></use></svg>--\x3e\n </div>\n <div class="flex-wrap">\n <button title="75" class="cmd-slidex" data-command="slidex" data-value="75px" style="width:60px">75</button>\n <button title="100" class="cmd-slidex" data-command="slidex" data-value="100px" style="width:60px">100</button>\n <button title="125" class="cmd-slidex" data-command="slidex" data-value="125px" style="width:60px">125</button>\n <button title="150" class="cmd-slidex" data-command="slidex" data-value="150px" style="width:60px">150</button>\n <button title="200" class="cmd-slidex" data-command="slidex" data-value="200px" style="width:60px">200</button>\n <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n </div>\n <div class="anim-label">\n <span>\n <span class="bold">${i("Slide Right")}</span>: \n <input class="inp-slide-right" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-slide-right" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-arrow-right"></use></svg>--\x3e\n </div>\n <div class="flex-wrap">\n <button title="75" class="cmd-slidex" data-command="slidex" data-value="-75px" style="width:60px">75</button>\n <button title="100" class="cmd-slidex" data-command="slidex" data-value="-100px" style="width:60px">100</button>\n <button title="125" class="cmd-slidex" data-command="slidex" data-value="-125px" style="width:60px">125</button>\n <button title="150" class="cmd-slidex" data-command="slidex" data-value="-150px" style="width:60px">150</button>\n <button title="200" class="cmd-slidex" data-command="slidex" data-value="-200px" style="width:60px">200</button>\n <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Slide Up")}</span>: \n <input class="inp-slide-up" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-slide-up" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-arrow-up"></use></svg>--\x3e\n </div>\n <div class="flex-wrap">\n <button title="75" class="cmd-slidey" data-command="slidey" data-value="75px" style="width:60px">75</button>\n <button title="100" class="cmd-slidey" data-command="slidey" data-value="100px" style="width:60px">100</button>\n <button title="125" class="cmd-slidey" data-command="slidey" data-value="125px" style="width:60px">125</button>\n <button title="150" class="cmd-slidey" data-command="slidey" data-value="150px" style="width:60px">150</button>\n <button title="200" class="cmd-slidey" data-command="slidey" data-value="200px" style="width:60px">200</button>\n <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n </div>\n <div class="anim-label">\n <span>\n <span class="bold">${i("Slide Down")}</span>:\n <input class="inp-slide-down" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-slide-down" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-arrow-down"></use></svg>--\x3e\n </div>\n <div class="flex-wrap">\n <button title="75" class="cmd-slidey" data-command="slidey" data-value="-75px" style="width:60px">75</button>\n <button title="100" class="cmd-slidey" data-command="slidey" data-value="-100px" style="width:60px">100</button>\n <button title="125" class="cmd-slidey" data-command="slidey" data-value="-125px" style="width:60px">125</button>\n <button title="150" class="cmd-slidey" data-command="slidey" data-value="-150px" style="width:60px">150</button>\n <button title="200" class="cmd-slidey" data-command="slidey" data-value="-200px" style="width:60px">200</button>\n <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Scale")}</span>: \n <input class="inp-scale" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-scale" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-arrows-diagonal"></use></svg>--\x3e\n </div>\n <div class="flex-nowrap">\n <button title="0.5" class="cmd-scale" data-command="scale" data-value="0.5" style="width:55px">0.5</button>\n <button title="0.8" class="cmd-scale" data-command="scale" data-value="0.8" style="width:55px">0.8</button>\n <button title="0.9" class="cmd-scale" data-command="scale" data-value="0.9" style="width:55px">0.9</button>\n <button title="1.1" class="cmd-scale" data-command="scale" data-value="1.1" style="width:55px">1.1</button>\n <button title="1.2" class="cmd-scale" data-command="scale" data-value="1.2" style="width:55px">1.2</button>\n <button title="2" class="cmd-scale" data-command="scale" data-value="2" style="width:55px">2</button>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Rotate Clockwise")}</span>: \n <input class="inp-rotate-clockwise" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-rotate-clockwise" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-rotate-clockwise"></use></svg>--\x3e\n </div>\n <div class="flex-wrap">\n <button title="10" class="cmd-rotate" data-command="rotate" data-value="-10" style="width:60px">10°</button>\n <button title="20" class="cmd-rotate" data-command="rotate" data-value="-20" style="width:60px">20°</button>\n <button title="30" class="cmd-rotate" data-command="rotate" data-value="-30" style="width:60px">30°</button>\n <button title="60" class="cmd-rotate" data-command="rotate" data-value="-60" style="width:60px">60°</button>\n <button title="90" class="cmd-rotate" data-command="rotate" data-value="-90" style="width:60px">90°</button>\n </div>\n <div class="anim-label">\n <span>\n <span class="bold">${i("Rotate Counterclockwise")}</span>: \n <input class="inp-rotate-counter" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-rotate-counter" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-rotate-2"></use></svg>--\x3e\n </div>\n <div class="flex-wrap">\n <button title="10" class="cmd-rotate" data-command="rotate" data-value="10" style="width:60px">10°</button>\n <button title="20" class="cmd-rotate" data-command="rotate" data-value="20" style="width:60px">20°</button>\n <button title="30" class="cmd-rotate" data-command="rotate" data-value="30" style="width:60px">30°</button>\n <button title="60" class="cmd-rotate" data-command="rotate" data-value="60" style="width:60px">60°</button>\n <button title="90" class="cmd-rotate" data-command="rotate" data-value="90" style="width:60px">90°</button>\n </div>\n\n <div class="anim-label">\n <span class="bold">${i("Fade")}</span>: \n \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-circle-half"></use></svg>--\x3e\n </div>\n <button title="${i("Fade In")}" class="cmd-fade" style="flex: none;width:125px">${i("Fade In")}</button>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n <button title="${i("Clear All")}" class="cmd-clear-scrollanim" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n <span style="margin-left:7px">${i("Clear All")}</span>\n </button>\n </div>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n <button title="${i("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n <span style="margin-left:7px">${i("Clear All Animations in Section")}</span>\n </button>\n </div>\n\n </div>\n\n <div id="divLeaveAnim" class="is-tab-content" data-group="skrollanim" style="padding-top:0">\n\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Slide Left")}</span>: <input class="inp-slide-left" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-slide-left" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n </div>\n <div class="flex-wrap">\n <button title="75" class="cmd-slidex" data-command="slidex" data-value="-75px" style="width:60px">75</button>\n <button title="100" class="cmd-slidex" data-command="slidex" data-value="-100px" style="width:60px">100</button>\n <button title="125" class="cmd-slidex" data-command="slidex" data-value="-125px" style="width:60px">125</button>\n <button title="150" class="cmd-slidex" data-command="slidex" data-value="-150px" style="width:60px">150</button>\n <button title="200" class="cmd-slidex" data-command="slidex" data-value="-200px" style="width:60px">200</button>\n <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n </div>\n <div class="anim-label">\n <span>\n <span class="bold">${i("Slide Right")}</span>: \n <input class="inp-slide-right" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-slide-right" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n </div>\n <div class="flex-wrap">\n <button title="75" class="cmd-slidex" data-command="slidex" data-value="75px" style="width:60px">75</button>\n <button title="100" class="cmd-slidex" data-command="slidex" data-value="100px" style="width:60px">100</button>\n <button title="125" class="cmd-slidex" data-command="slidex" data-value="125px" style="width:60px">125</button>\n <button title="150" class="cmd-slidex" data-command="slidex" data-value="150px" style="width:60px">150</button>\n <button title="200" class="cmd-slidex" data-command="slidex" data-value="200px" style="width:60px">200</button>\n <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Slide Up")}</span>: \n <input class="inp-slide-up" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-slide-up" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n </div>\n <div class="flex-wrap">\n <button title="75" class="cmd-slidey" data-command="slidey" data-value="-75px" style="width:60px">75</button>\n <button title="100" class="cmd-slidey" data-command="slidey" data-value="-100px" style="width:60px">100</button>\n <button title="125" class="cmd-slidey" data-command="slidey" data-value="-125px" style="width:60px">125</button>\n <button title="150" class="cmd-slidey" data-command="slidey" data-value="-150px" style="width:60px">150</button>\n <button title="200" class="cmd-slidey" data-command="slidey" data-value="-200px" style="width:60px">200</button>\n <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n </div>\n <div class="anim-label">\n <span>\n <span class="bold">${i("Slide Down")}</span>:\n <input class="inp-slide-down" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-slide-down" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n </div>\n <div class="flex-wrap">\n <button title="75" class="cmd-slidey" data-command="slidey" data-value="75px" style="width:60px">75</button>\n <button title="100" class="cmd-slidey" data-command="slidey" data-value="100px" style="width:60px">100</button>\n <button title="125" class="cmd-slidey" data-command="slidey" data-value="125px" style="width:60px">125</button>\n <button title="150" class="cmd-slidey" data-command="slidey" data-value="150px" style="width:60px">150</button>\n <button title="200" class="cmd-slidey" data-command="slidey" data-value="200px" style="width:60px">200</button>\n <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Scale")}</span>: \n <input class="inp-scale" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-scale" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n </div>\n <div class="flex-nowrap">\n <button title="0.5" class="cmd-scale" data-command="scale" data-value="0.5" style="width:55px">0.5</button>\n <button title="0.8" class="cmd-scale" data-command="scale" data-value="0.8" style="width:55px">0.8</button>\n <button title="0.9" class="cmd-scale" data-command="scale" data-value="0.9" style="width:55px">0.9</button>\n <button title="1.1" class="cmd-scale" data-command="scale" data-value="1.1" style="width:55px">1.1</button>\n <button title="1.2" class="cmd-scale" data-command="scale" data-value="1.2" style="width:55px">1.2</button>\n <button title="2" class="cmd-scale" data-command="scale" data-value="2" style="width:55px">2</button>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Rotate Clockwise")}</span>: \n <input class="inp-rotate-clockwise" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-rotate-clockwise" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-rotate-clockwise"></use></svg>--\x3e\n </div>\n <div class="flex-wrap">\n <button title="10" class="cmd-rotate" data-command="rotate" data-value="10" style="width:60px">10°</button>\n <button title="20" class="cmd-rotate" data-command="rotate" data-value="20" style="width:60px">20°</button>\n <button title="30" class="cmd-rotate" data-command="rotate" data-value="30" style="width:60px">30°</button>\n <button title="60" class="cmd-rotate" data-command="rotate" data-value="60" style="width:60px">60°</button>\n <button title="90" class="cmd-rotate" data-command="rotate" data-value="90" style="width:60px">90°</button>\n </div>\n <div class="anim-label">\n <span>\n <span class="bold">${i("Rotate Counterclockwise")}</span>: \n <input class="inp-rotate-counter" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-rotate-counter" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-rotate-2"></use></svg>--\x3e\n </div>\n <div class="flex-wrap">\n <button title="10" class="cmd-rotate" data-command="rotate" data-value="-10" style="width:60px">10°</button>\n <button title="20" class="cmd-rotate" data-command="rotate" data-value="-20" style="width:60px">20°</button>\n <button title="30" class="cmd-rotate" data-command="rotate" data-value="-30" style="width:60px">30°</button>\n <button title="60" class="cmd-rotate" data-command="rotate" data-value="-60" style="width:60px">60°</button>\n <button title="90" class="cmd-rotate" data-command="rotate" data-value="-90" style="width:60px">90°</button>\n </div>\n\n <div class="anim-label">\n <span class="bold">${i("Fade")}</span>: \n </div>\n <button title="${i("Fade In")}" class="cmd-fade" style="flex: none;width:125px">${i("Fade Out")}</button>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n <button title="${i("Clear All")}" class="cmd-clear-scrollanim" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n <span style="margin-left:7px">${i("Clear All")}</span>\n </button>\n </div>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n <button title="${i("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n <span style="margin-left:7px">${i("Clear All Animations in Section")}</span>\n </button>\n </div>\n\n </div>\n\n <div id="divAnimSettings" class="is-tab-content" data-group="skrollanim" style="padding-top:0">\n \n <div class="anim-label bold" style="margin-top:5px">${i("Enter")}:</div>\n\n <div class="anim-label" style="padding-top:10px">${i("Start")}:</div>\n <div class="flex-wrap">\n <button title="${i("Normal")}" class="cmd-start on" data-value="data-bottom-top" style="width:74px">${i("Normal")}</button>\n <button title="${i("Delayed")}" class="cmd-start" data-value="data-400-bottom" style="width:74px">${i("Delayed")}</button>\n <button title="${i("Late")}" class="cmd-start" data-value="data-200-bottom" style="width:74px">${i("Late")}</button>\n <button title="${i("Very Late")}" class="cmd-start" data-value="data--50-bottom" style="width:95px">${i("Very Late")}</button>\n </div>\n \n <div class="anim-label">${i("End")}:</div>\n <div class="flex-wrap">\n <button title="${i("Very Soon")}" class="cmd-end" data-value="data-bottom" style="width:95px">${i("Very Soon")}</button>\n <button title="${i("Soon")}" class="cmd-end" data-value="data-center-top" style="width:74px">${i("Soon")}</button>\n <button title="${i("Normal")}" class="cmd-end on" data-value="data-center" style="width:74px">${i("Normal")}</button>\n </div>\n\n <div class="anim-label bold" style="margin-top:20px">${i("Leave")}:</div>\n\n <div class="anim-label" style="padding-top:10px">${i("Start")}:</div>\n <div class="flex-wrap">\n <button title="${i("Normal")}" class="cmd-leave-start on" data-value="data-center-bottom" style="width:74px">${i("Normal")}</button>\n <button title="${i("Delayed")}" class="cmd-leave-start" data-value="data-100-top" style="width:74px">${i("Delayed")}</button>\n <button title="${i("Late")}" class="cmd-leave-start" data-value="data-50-top" style="width:74px">${i("Late")}</button>\n <button title="${i("Very Late")}" class="cmd-leave-start" data-value="data-top" style="width:95px">${i("Very Late")}</button>\n </div>\n\n <div class="flex-wrap" style="margin-top:20px;">\n <button title="${i("Disable Easing")}" class="cmd-disable-smoothanim" data-value="data-center" style="padding-left:15px;padding-right: 15px;">${i("Disable Easing")}</button>\n </div>\n </div>\n\n \n </div>\n\n </div>\n\n <div class="dummy-elm"></div>\n\n </div>\n\n <div class="div-wizard-settings" style="display:block">\n \x3c!--<div class="anim-label" style="margin-bottom:15px">${i("Apply To")}: ${i("Section")}</div>--\x3e\n\n <div class="flex-wrap" style="margin-top: 10px;">\n <label class="label-checkbox" for="chkPresetAnimOnce" style="margin:0;margin-right:15px;">\n <input id="chkPresetAnimOnce" type="checkbox" />\n ${i("Animate Once")}\n </label>\n\n <button title="${i("Clear")}" class="cmd-clear-anim-wizard" style="width:100px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n <span style="margin-left:7px">${i("Clear")}</span>\n </button>\n </div>\n\n <div class="anim-preset-list" style="height: calc(100vh - 97px);\n overflow: auto;\n width: 347px;">\n <div style="display:flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0 20px 20px 0;\n ">\n <div style="margin: 20px 0 5px;">${i("Fade In")}</div>\n <button title="${i("Fade In")}" class="cmd-preset-onview" data-value="is-fadeIn" data-delay="100" style="width:100%;height:90px;overflow:hidden;">\n <img src="${this.builder.assetPath+"images/fade-in.gif"}" />\n </button> \n\n <div style="margin: 20px 0 5px;">${i("Fade In - Slow")}</div>\n <button title="${i("Fade In - Slow")}" class="cmd-preset-onview" data-value="is-fadeIn" data-delay="300" style="width:100%;height:90px;overflow:hidden;">\n <img src="${this.builder.assetPath+"images/fade-in-slow.gif"}" />\n </button> \n\n <div style="margin: 20px 0 5px;">${i("Fade In Up")}</div>\n <button title="${i("Fade In Up")}" class="cmd-preset-onview" data-value="is-fadeInUp" data-delay="100" style="width:100%;height:90px;overflow:hidden;">\n <img src="${this.builder.assetPath+"images/fade-in-up.gif"}" />\n </button> \n\n <div style="margin: 20px 0 5px;">${i("Fade In Up - Slow")}</div>\n <button title="${i("Fade In Up - Slow")}" class="cmd-preset-onview" data-value="is-fadeInUp" data-delay="300" style="width:100%;height:90px;overflow:hidden;">\n <img src="${this.builder.assetPath+"images/fade-in-up-slow.gif"}" />\n </button> \n\n <div style="margin: 20px 0 5px;">${i("Slide Up")}</div>\n <button title="${i("Slide Up")}" class="cmd-preset-onview" data-value="is-slideInUp" data-delay="100" style="width:100%;height:90px;overflow:hidden;">\n <img src="${this.builder.assetPath+"images/slide-up.gif"}" />\n </button> \n\n <div style="margin: 20px 0 5px;">${i("Slide Up - Slow")}</div>\n <button title="${i("Slide Up - Slow")}" class="cmd-preset-onview" data-value="is-slideInUp" data-delay="300" style="width:100%;height:90px;overflow:hidden;">\n <img src="${this.builder.assetPath+"images/slide-up-slow.gif"}" />\n </button> \n\n <div style="margin: 20px 0 5px;">${i("Zoom In")}</div>\n <button title="${i("Zoom In")}" class="cmd-preset-onview" data-value="is-zoomIn" data-delay="300" style="width:100%;height:90px;overflow:hidden;">\n <img src="${this.builder.assetPath+"images/zoom-in.gif"}" />\n </button> \n\n <div style="margin: 20px 0 5px;">${i("Zoom Out")}</div>\n <button title="${i("Zoom Out")}" class="cmd-preset-onview" data-value="is-zoomOut" data-delay="300" style="width:100%;height:90px;overflow:hidden;">\n <img src="${this.builder.assetPath+"images/zoom-out.gif"}" />\n </button> \n </div>\n </div>\n\n </div>\n\n </div>\n `;ry.appendHtml(e,n);const o=e.querySelector(".is-side.animatescroll");this.modalAnimateScroll=o;const s=o.querySelector("#divEnterAnim");this.divEnterAnim=s;const a=o.querySelector("#divLeaveAnim");this.divLeaveAnim=a;o.querySelector(".is-side-close").addEventListener("click",(()=>{this.close()})),this.divAnimScrollSimple=o.querySelector("#divAnimScrollSimple"),this.divAnimSettings=o.querySelector("#divAnimSettings");const l=this.builder.sidebar.pageQuickSettings.querySelector(".cmd-open-preview-window");this.btnOpenPreviewWindow=l;let r=o.querySelectorAll(".cmd-target");r.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-target").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.read()}))}));const d=o.querySelector(".div-anim-settings"),c=o.querySelector(".div-wizard-settings"),u=o.querySelector(".cmd-anim-edit");u.addEventListener("click",(()=>{u.classList.contains("on")?(u.classList.remove("on"),d.style.display="none",c.style.display="block"):(u.classList.add("on"),c.style.display="none",d.style.display="block")}));o.querySelectorAll(".cmd-clear-anim-all").forEach((t=>{t.addEventListener("click",(()=>{let e=this.builder.activeSection;if(!e)return;this.builder.editor.saveForUndo();let i,n=this.builder.editor.activeCol;n&&(e=n.closest(".is-section")),i=e.querySelectorAll("*"),i.forEach((t=>{t.removeAttribute("data-center"),t.removeAttribute("data-center-top"),t.removeAttribute("data--50-bottom"),t.removeAttribute("data--100-bottom"),t.removeAttribute("data--150-bottom"),t.removeAttribute("data--200-bottom"),t.removeAttribute("data--300-bottom"),t.removeAttribute("data--400-bottom"),t.removeAttribute("data-bottom-top"),t.removeAttribute("data-400-bottom"),t.removeAttribute("data-300-bottom"),t.removeAttribute("data-200-bottom"),t.removeAttribute("data-150-bottom"),t.removeAttribute("data-100-bottom"),t.removeAttribute("data-50-bottom"),t.removeAttribute("data-bottom"),t.removeAttribute("data-center-bottom"),t.removeAttribute("data-100-top"),t.removeAttribute("data-50-top"),t.removeAttribute("data-top"),t.removeAttribute("data-top-bottom"),t.removeAttribute("data-in"),t.removeAttribute("data-in-150"),t.removeAttribute("data-in-300"),t.removeAttribute("data-cen--150"),t.removeAttribute("data-cen"),t.removeAttribute("data-cen-150"),t.removeAttribute("data-out--300"),t.removeAttribute("data-out--150"),t.removeAttribute("data-out"),t.removeAttribute("data-hidden-onstart"),t.style.transform="",t.style.transition="",t.style.opacity=""})),i=e.querySelectorAll(".is-animated"),i.forEach((t=>{t.classList.contains("is-overlay-bg")||(t.classList.remove("is-animated"),t.classList.remove("once"),t.classList.remove("is-fadeIn"),t.classList.remove("is-fadeInUp"),t.classList.remove("is-fadeInDown"),t.classList.remove("is-fadeInLeft"),t.classList.remove("is-fadeInRight"),t.classList.remove("is-zoomIn"),t.classList.remove("is-zoomOut"),t.classList.remove("is-slideInUp"),t.classList.remove("is-slideInDown"),t.classList.remove("is-slideInLeft"),t.classList.remove("is-slideInRight"),t.classList.remove("is-flipInX"),t.classList.remove("is-flipInY"),t.classList.remove("is-pulse"),t.classList.remove("is-bounceIn"))})),this.clearSettings(),this.modalAnimateScroll.querySelector(".cmd-start.on")||(t=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'))&&t.classList.add("on"),this.modalAnimateScroll.querySelector(".cmd-end.on")||(t=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'))&&t.classList.add("on"),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(t=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'))&&t.classList.add("on"),this.builder.win.skrollrr&&setTimeout((()=>{this.builder.win.skrollrr.refresh()}),30),this.builder.settings.onRender(),this.builder.settings.onChange()}))}));o.querySelector(".cmd-clear-anim-wizard").addEventListener("click",(()=>{const t=this.builder.activeSection;if(!t)return;let e;this.builder.editor.saveForUndo(),e=t.querySelectorAll(".is-animated"),e.forEach((t=>{t.classList.contains("is-overlay-bg")||(t.classList.remove("is-animated"),t.classList.remove("once"),t.classList.remove("is-fadeIn"),t.classList.remove("is-fadeInUp"),t.classList.remove("is-fadeInDown"),t.classList.remove("is-fadeInLeft"),t.classList.remove("is-fadeInRight"),t.classList.remove("is-zoomIn"),t.classList.remove("is-zoomOut"),t.classList.remove("is-slideInUp"),t.classList.remove("is-slideInDown"),t.classList.remove("is-slideInLeft"),t.classList.remove("is-slideInRight"),t.classList.remove("is-flipInX"),t.classList.remove("is-flipInY"),t.classList.remove("is-pulse"),t.classList.remove("is-bounceIn"))})),this.builder.settings.onRender(),this.builder.settings.onChange()}));const p=t=>{const e=this.builder.activeSection;if(!e)return;this.builder.editor.saveForUndo(),e.querySelectorAll(".is-animated").forEach((t=>{t.classList.contains("is-overlay-bg")||(t.classList.remove("is-animated"),t.classList.remove("once"),t.classList.remove("is-fadeIn"),t.classList.remove("is-fadeInUp"),t.classList.remove("is-fadeInDown"),t.classList.remove("is-fadeInLeft"),t.classList.remove("is-fadeInRight"),t.classList.remove("is-zoomIn"),t.classList.remove("is-zoomOut"),t.classList.remove("is-slideInUp"),t.classList.remove("is-slideInDown"),t.classList.remove("is-slideInLeft"),t.classList.remove("is-slideInRight"),t.classList.remove("is-flipInX"),t.classList.remove("is-flipInY"),t.classList.remove("is-pulse"),t.classList.remove("is-bounceIn"))}));let i=0,n=e.querySelectorAll(".is-box");0===n.length&&(n=e.querySelectorAll(".is-box-centered")),n.forEach((e=>{let n=i;e.querySelectorAll(".is-container > div").forEach((e=>{this.builder.editor.dom.elementChildren(e).forEach((e=>{(""!==e.innerText.trim()||e.querySelector("img")||e.querySelector("iframe")||e.querySelector("video")||e.querySelector("audio")||e.querySelector("i"))&&(e.style.transition="none",this.cleanupBasic(e),this.cleanupDelay(e),e.classList.add("is-animated"),h.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",(()=>{p(((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 h=o.querySelector("#chkPresetAnimOnce");h.addEventListener("click",(()=>{const t=this.builder.activeSection;if(!t)return;this.builder.editor.saveForUndo();let e=t.querySelectorAll(".is-animated");e.forEach((t=>{h.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 m=o.querySelector(".cmd-basic-once");r=o.querySelectorAll(".cmd-basic-anim"),r.forEach((t=>{t.addEventListener("click",(()=>{if(t.classList.contains("on"))return t.classList.remove("on"),m.classList.remove("on"),void this.applyBasic();o.querySelectorAll(".cmd-basic-anim").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.applyBasic()}))})),r=o.querySelectorAll(".cmd-basic-delay"),r.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()})),m.addEventListener("click",(()=>{m.classList.contains("on")?m.classList.remove("on"):m.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())})),r=o.querySelectorAll(".cmd-start"),r.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-start").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.apply()}))})),r=o.querySelectorAll(".cmd-end"),r.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-end").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.apply()}))})),r=o.querySelectorAll(".cmd-leave-start"),r.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-leave-start").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.apply()}))})),r=s.querySelectorAll(".cmd-slidex"),r.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 g=s.querySelector(".inp-slide-right"),b=s.querySelector(".inp-slide-left");g.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),b.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="-${g.value}px"]`);t&&t.classList.add("on")})),b.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="${b.value}px"]`);t&&t.classList.add("on")})),r=s.querySelectorAll(".cmd-slidey"),r.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"),v=s.querySelector(".inp-slide-down");v.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="-${v.value}px"]`);t&&t.classList.add("on")})),f.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),v.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="${f.value}px"]`);t&&t.classList.add("on")})),r=s.querySelectorAll(".cmd-scale"),r.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 y=s.querySelector(".inp-scale");y.addEventListener("change",(()=>{s.querySelectorAll(".cmd-scale").forEach((t=>{t.classList.remove("on")})),this.apply();let t=this.divEnterAnim.querySelector(`.cmd-scale[data-value="${y.value}"]`);t&&t.classList.add("on")})),r=s.querySelectorAll(".cmd-rotate"),r.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 x=s.querySelector(".inp-rotate-clockwise"),_=s.querySelector(".inp-rotate-counter");x.addEventListener("change",(()=>{s.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),_.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="-${x.value}"]`);t&&t.classList.add("on")})),_.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="${_.value}"]`);t&&t.classList.add("on")}));let S=s.querySelector(".cmd-fade");S.addEventListener("click",(()=>{S.classList.contains("on")?S.classList.remove("on"):S.classList.add("on"),this.apply()})),s.querySelector(".cmd-clear-slide-left").addEventListener("click",(()=>{const t=s.querySelector(".inp-slide-left");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-slide-right").addEventListener("click",(()=>{const t=s.querySelector(".inp-slide-right");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-slide-up").addEventListener("click",(()=>{const t=s.querySelector(".inp-slide-up");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-slide-down").addEventListener("click",(()=>{const t=s.querySelector(".inp-slide-down");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-scale").addEventListener("click",(()=>{this.builder.editor.saveForUndo();s.querySelector(".inp-scale").value="",s.querySelectorAll(".cmd-scale").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-rotate-clockwise").addEventListener("click",(()=>{const t=this.divEnterAnim.querySelector(".inp-rotate-clockwise");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-rotate-counter").addEventListener("click",(()=>{const t=this.divEnterAnim.querySelector(".inp-rotate-counter");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-scrollanim").addEventListener("click",(()=>{let t;t=this.getTarget().element,t&&(this.builder.editor.saveForUndo(),this.cleanup(t),t.style.transform="",t.style.transition="",t.style.opacity="",this.read(),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange())})),r=a.querySelectorAll(".cmd-slidex"),r.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"),k=a.querySelector(".inp-slide-right");w.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),k.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="-${w.value}px"]`);t&&t.classList.add("on")})),k.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="${k.value}px"]`);t&&t.classList.add("on")})),r=a.querySelectorAll(".cmd-slidey"),r.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"),A=a.querySelector(".inp-slide-down");A.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="${A.value}px"]`);t&&t.classList.add("on")})),C.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),A.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="-${C.value}px"]`);t&&t.classList.add("on")})),r=a.querySelectorAll(".cmd-scale"),r.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")})),r=a.querySelectorAll(".cmd-rotate"),r.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 L=a.querySelector(".inp-rotate-clockwise"),q=a.querySelector(".inp-rotate-counter");L.addEventListener("change",(()=>{a.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),q.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="${L.value}"]`);t&&t.classList.add("on")})),q.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="-${q.value}"]`);t&&t.classList.add("on")}));let T=a.querySelector(".cmd-fade");T.addEventListener("click",(()=>{T.classList.contains("on")?T.classList.remove("on"):T.classList.add("on"),this.apply()})),a.querySelector(".cmd-clear-slide-left").addEventListener("click",(()=>{const t=a.querySelector(".inp-slide-left");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-slide-right").addEventListener("click",(()=>{const t=a.querySelector(".inp-slide-right");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-slide-up").addEventListener("click",(()=>{const t=a.querySelector(".inp-slide-up");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-slide-down").addEventListener("click",(()=>{const t=a.querySelector(".inp-slide-down");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-scale").addEventListener("click",(()=>{this.builder.editor.saveForUndo();a.querySelector(".inp-scale").value="",a.querySelectorAll(".cmd-scale").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-rotate-clockwise").addEventListener("click",(()=>{const t=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-rotate-counter").addEventListener("click",(()=>{const t=this.divLeaveAnim.querySelector(".inp-rotate-counter");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-scrollanim").addEventListener("click",(()=>{let t;t=this.getTarget().element,t&&(this.builder.editor.saveForUndo(),this.cleanup_leave(t),t.style.transform="",t.style.transition="",t.style.opacity="",this.read(),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange())}));o.querySelector(".inp-simplescroll-x-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".cmd-clear-simplescroll").addEventListener("click",(()=>{let t;t=this.getTarget().element,t&&(this.builder.editor.saveForUndo(),this.cleanup(t),this.cleanup_leave(t),this.cleanup_timeline(t),t.style.transform="",t.style.transition="",t.style.opacity="",this.read(),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange())}));const O=o.querySelector("#chkDisableSkrollrrOnMobile");O.addEventListener("click",(()=>{const t=this.builder.activeSection;t&&(this.builder.editor.saveForUndo(),O.checked?t.classList.add("m-skrollrr-off"):t.classList.remove("m-skrollrr-off"),this.builder.onChange())}));const M=o.querySelector("#chkPinSection"),R=o.querySelector(".div-pin-spacing");M.addEventListener("click",(()=>{const t=this.builder.activeSection;if(t){if(this.builder.editor.saveForUndo(),M.checked){t.classList.add("section-pin"),R.style.display="block",R.querySelectorAll(".cmd-pin-space").forEach((t=>{t.classList.remove("on")})),R.querySelector('.cmd-pin-space[data-value="md"]').classList.add("on")}else t.classList.remove("section-pin"),R.style.display="none";this.builder.onChange()}}));const B=o.querySelector("#chkPinOverlap");B.addEventListener("click",(()=>{const t=this.builder.activeSection;t&&(this.builder.editor.saveForUndo(),B.checked?t.classList.add("pin-overlap"):(t.classList.remove("pin-overlap"),t.classList.remove("no-spacing")),this.builder.onChange())}));R.querySelectorAll(".cmd-pin-space").forEach((t=>{t.addEventListener("click",(()=>{const e=this.builder.activeSection;if(!e)return;let i=t.getAttribute("data-value");this.builder.editor.saveForUndo(),e.classList.remove("pin-space-lg"),e.classList.remove("pin-space-xl"),"lg"===i&&e.classList.add("pin-space-lg"),"xl"===i&&e.classList.add("pin-space-xl"),R.querySelectorAll(".cmd-pin-space").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.builder.onChange()}))}));const I=this.divAnimSettings.querySelector(".cmd-disable-smoothanim");I.addEventListener("click",(()=>{I.classList.contains("on")?I.classList.remove("on"):I.classList.add("on"),this.apply()}));const $=this.divAnimScrollSimple.querySelector(".cmd-disable-smoothanim");$.addEventListener("click",(()=>{$.classList.contains("on")?$.classList.remove("on"):$.classList.add("on"),this.applySimpleScroll()}));const N=this.divAnimScrollSimple.querySelector(".cmd-hidden-onstart");N.addEventListener("click",(()=>{N.classList.contains("on")?N.classList.remove("on"):N.classList.add("on"),this.applySimpleScroll()}));const P=this.builder.sidebar.pageQuickSettings.querySelector(".cmd-live-preview");if(P.addEventListener(this.builder.isTouchSupport?"touchstart":"click",(()=>{P.checked?(this.builder.doc.body.removeAttribute("data-skrollrr-off"),localStorage.removeItem("_disableanimation")):(this.builder.doc.body.setAttribute("data-skrollrr-off","true"),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),localStorage.setItem("_disableanimation","1")),this.refreshPage();let t=document.querySelector(".is-element-tool");t&&(t.style.display="")})),this.builder.isTouchSupport){P.parentNode.addEventListener("touchstart",(()=>{P.checked?this.builder.doc.body.removeAttribute("data-skrollrr-off"):(this.builder.doc.body.setAttribute("data-skrollrr-off","true"),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh()),this.refreshPage()}))}l.addEventListener("click",(()=>{this.openPreview();const t=this.builder.sidebar.pageQuickSettings;this.builder.editor.util.hidePop(t)}));let D=this.builder.settings.onPageContentClick;this.builder.settings.onPageContentClick=()=>{D&&D.call(this),this.modalAnimateScroll.classList.contains("active")&&setTimeout((()=>{this.clickContent()}),30)}}openPreview(){this.builder.editor.openPreview()}closePreview(){this.builder.editor.closePreview()}refreshPage(){let t=this.getTarget().element;t&&t.setAttribute("data-save-target","1"),this.builder.editor.activeElement&&this.builder.editor.activeElement.setAttribute("data-save-element","1"),this.builder.activeBox&&this.builder.activeBox.setAttribute("data-save-box","1"),this.builder.activeSection&&this.builder.activeSection.setAttribute("data-save-section","1"),this.builder.refreshPage((()=>{let e=!1;this.builder.sidebar.pageQuickSettings.classList.contains("active")&&(e=!0),t=this.builder.doc.querySelector("[data-save-target]"),t&&(t.click(),t.removeAttribute("data-save-target"));let i=this.builder.doc.querySelector("[data-save-element]");i&&(i.click(),i.removeAttribute("data-save-element"));let n=this.builder.doc.querySelector("[data-save-box]");n&&(n.classList.add("box-select"),n.removeAttribute("data-save-box"));let o=this.builder.doc.querySelector("[data-save-section]");o&&(o.classList.add("section-select"),o.removeAttribute("data-save-section")),e&&this.builder.sidebar.reOpenSettings(),this.builder.rePositionTool()}))}clickContent(){this.modalAnimateScroll.querySelectorAll(".cmd-target").forEach((t=>{t.classList.remove("on")}));let t=this.readTarget();if(t){if("element"===t.name||"inspectedElement"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=element]").classList.add("on")}else if("column"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=column]").classList.add("on")}else if("row"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=row]").classList.add("on")}else if("container"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=container]").classList.add("on")}else if("bg"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=bg]").classList.add("on")}else if("overlay"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=overlay]").classList.add("on")}else if("box"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=box]").classList.add("on")}else if("section"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=section]").classList.add("on")}}else{this.modalAnimateScroll.querySelector(".cmd-target[data-value=element]").classList.add("on")}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-15"),b=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-25"),f=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-35"),v=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-50"),y=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-65"),x=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-75"),_=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-85"),S=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-end"),w=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-start"),k=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-15"),C=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-25"),A=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-35"),E=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-50"),L=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-65"),q=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-75"),T=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-85"),O=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-end"),M=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-start"),R=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-15"),B=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-25"),I=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-35"),$=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-50"),N=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-65"),P=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-75"),D=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-85"),z=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-end"),H=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-start"),j=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-15"),F=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-25"),U=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-35"),W=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-50"),X=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-65"),Y=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-75"),V=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-85"),G=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-end"),K=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-start"),Z=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-15"),Q=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-25"),J=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-35"),tt=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-50"),et=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-65"),it=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-75"),nt=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-85"),ot=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-end");m.value="",g.value="",b.value="",f.value="",v.value="",y.value="",x.value="",_.value="",S.value="",w.value="",k.value="",C.value="",A.value="",E.value="",L.value="",q.value="",T.value="",O.value="",M.value="",R.value="",B.value="",I.value="",$.value="",N.value="",P.value="",D.value="",z.value="",H.value="",j.value="",F.value="",U.value="",W.value="",X.value="",Y.value="",V.value="",G.value="",K.value="",Z.value="",Q.value="",J.value="",tt.value="",et.value="",it.value="",nt.value="",ot.value=""}read(){this.clearSettings();const t=this.builder.activeSection;if(t){const e=this.modalAnimateScroll.querySelector(".div-pin-spacing"),i=this.modalAnimateScroll.querySelector("#chkPinSection");t.classList.contains("section-pin")?(i.checked=!0,e.style.display="block"):(i.checked=!1,e.style.display="none");const n=this.modalAnimateScroll.querySelector("#chkDisableSkrollrrOnMobile");if(t.classList.contains("m-skrollrr-off")?n.checked=!0:n.checked=!1,e.querySelectorAll(".cmd-pin-space").forEach((t=>{t.classList.remove("on")})),t.classList.contains("pin-space-lg")){e.querySelector('.cmd-pin-space[data-value="lg"]').classList.add("on")}else if(t.classList.contains("pin-space-xl")){e.querySelector('.cmd-pin-space[data-value="xl"]').classList.add("on")}else{e.querySelector('.cmd-pin-space[data-value="md"]').classList.add("on")}const o=this.modalAnimateScroll.querySelector("#chkPinOverlap");t.classList.contains("pin-overlap")?o.checked=!0:(o.checked=!1,t.classList.contains("no-spacing")&&(o.checked=!0))}let e,i,n,o=this.getTarget();if(e=o.element,!e)return;e.classList.contains("is-fadeIn")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeIn"]')),e.classList.contains("is-fadeInUp")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInUp"]')),e.classList.contains("is-fadeInDown")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInDown"]')),e.classList.contains("is-fadeInLeft")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInLeft"]')),e.classList.contains("is-fadeInRight")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInRight"]')),e.classList.contains("is-zoomIn")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-zoomIn"]')),e.classList.contains("is-zoomOut")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-zoomOut"]')),e.classList.contains("is-slideInUp")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInUp"]')),e.classList.contains("is-slideInDown")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInDown"]')),e.classList.contains("is-slideInLeft")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInLeft"]')),e.classList.contains("is-slideInRight")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInRight"]')),e.classList.contains("is-flipInX")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-flipInX"]')),e.classList.contains("is-flipInY")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-flipInY"]')),e.classList.contains("is-pulse")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-pulse"]')),e.classList.contains("is-bounceIn")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-bounceIn"]')),i&&i.classList.add("on"),e.classList.contains("delay-0ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-0ms"]')),e.classList.contains("delay-100ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-100ms"]')),e.classList.contains("delay-200ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-200ms"]')),e.classList.contains("delay-300ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-300ms"]')),e.classList.contains("delay-400ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-400ms"]')),e.classList.contains("delay-500ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-500ms"]')),e.classList.contains("delay-600ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-600ms"]')),e.classList.contains("delay-700ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-700ms"]')),e.classList.contains("delay-800ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-800ms"]')),e.classList.contains("delay-900ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-900ms"]')),e.classList.contains("delay-1000ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1000ms"]')),e.classList.contains("delay-1100ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1100ms"]')),e.classList.contains("delay-1200ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1200ms"]')),e.classList.contains("delay-1300ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1300ms"]')),e.classList.contains("delay-1400ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1400ms"]')),n&&n.classList.add("on");const s=this.modalAnimateScroll.querySelector(".cmd-basic-once");e.classList.contains("once")?s.classList.add("on"):s.classList.remove("on");this.modalAnimateScroll.querySelectorAll(".cmd-disable-smoothanim").forEach((t=>{e.hasAttribute("data-smooth-scrolling")?t.classList.add("on"):t.classList.remove("on")}));this.modalAnimateScroll.querySelectorAll(".cmd-hidden-onstart").forEach((t=>{e.hasAttribute("data-hidden-onstart")?t.classList.add("on"):t.classList.remove("on")}));const a=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-start"),l=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-15"),r=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-25"),d=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-35"),c=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-50"),u=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-65"),p=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-75"),h=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-85"),m=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-end"),g=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-start"),b=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-15"),f=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-25"),v=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-35"),y=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-50"),x=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-65"),_=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-75"),S=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-85"),w=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-end"),k=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-start"),C=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-15"),A=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-25"),E=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-35"),L=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-50"),q=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-65"),T=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-75"),O=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-85"),M=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-end"),R=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-start"),B=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-15"),I=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-25"),$=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-35"),N=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-50"),P=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-65"),D=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-75"),z=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-85"),H=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-end"),j=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-start"),F=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-15"),U=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-25"),W=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-35"),X=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-50"),Y=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-65"),V=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-75"),G=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-85"),K=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-end");if(a.value="",l.value="",r.value="",d.value="",c.value="",u.value="",p.value="",h.value="",m.value="",g.value="",b.value="",f.value="",v.value="",y.value="",x.value="",_.value="",S.value="",w.value="",k.value="",C.value="",A.value="",E.value="",L.value="",q.value="",T.value="",O.value="",M.value="",R.value="",B.value="",I.value="",$.value="",N.value="",P.value="",D.value="",z.value="",H.value="",j.value="",F.value="",U.value="",W.value="",X.value="",Y.value="",V.value="",G.value="",K.value="",e.hasAttribute("data-bottom-top")&&e.hasAttribute("data-top-bottom")&&!(e.hasAttribute("data-center-bottom")||e.hasAttribute("data-100-top")||e.hasAttribute("data-50-top")||e.hasAttribute("data-top"))||e.hasAttribute("data-in")||e.hasAttribute("data-in-150")||e.hasAttribute("data-in-300")||e.hasAttribute("data-cen--150")||e.hasAttribute("data-cen")||e.hasAttribute("data-cen-150")||e.hasAttribute("data-out--300")||e.hasAttribute("data-out--150")||e.hasAttribute("data-out")){let t=document.querySelector(".dummy-elm"),i=e.getAttribute("data-bottom-top");t.style.cssText=i;let n=this.getTransform(t,i);n.translateX&&(a.value=n.translateX.replace("px","")),n.translateY&&(g.value=n.translateY.replace("px","")),n.scale&&(k.value=n.scale),n.rotate&&(R.value=n.rotate),n.opacity&&(j.value=n.opacity);let o=e.getAttribute("data-top-bottom");t.style.cssText=o,n=this.getTransform(t,o),n.translateX&&(m.value=n.translateX.replace("px","")),n.translateY&&(w.value=n.translateY.replace("px","")),n.scale&&(M.value=n.scale),n.rotate&&(H.value=n.rotate),n.opacity&&(K.value=n.opacity);let s,Z=e.getAttribute("data-in");return t.style.cssText=Z,n=this.getTransform(t,Z),n.translateX&&(a.value=n.translateX.replace("px","")),n.translateY&&(g.value=n.translateY.replace("px","")),n.scale&&(k.value=n.scale),n.rotate&&(R.value=n.rotate),n.opacity&&(j.value=n.opacity),Z=e.getAttribute("data-in-150"),t.style.cssText=Z,n=this.getTransform(t,Z),n.translateX&&(l.value=n.translateX.replace("px","")),n.translateY&&(b.value=n.translateY.replace("px","")),n.scale&&(C.value=n.scale),n.rotate&&(B.value=n.rotate),n.opacity&&(F.value=n.opacity),Z=e.getAttribute("data-in-300"),t.style.cssText=Z,n=this.getTransform(t,Z),n.translateX&&(r.value=n.translateX.replace("px","")),n.translateY&&(f.value=n.translateY.replace("px","")),n.scale&&(A.value=n.scale),n.rotate&&(I.value=n.rotate),n.opacity&&(U.value=n.opacity),Z=e.getAttribute("data-cen--150"),t.style.cssText=Z,n=this.getTransform(t,Z),n.translateX&&(d.value=n.translateX.replace("px","")),n.translateY&&(v.value=n.translateY.replace("px","")),n.scale&&(E.value=n.scale),n.rotate&&($.value=n.rotate),n.opacity&&(W.value=n.opacity),Z=e.getAttribute("data-cen"),t.style.cssText=Z,n=this.getTransform(t,Z),n.translateX&&(c.value=n.translateX.replace("px","")),n.translateY&&(y.value=n.translateY.replace("px","")),n.scale&&(L.value=n.scale),n.rotate&&(N.value=n.rotate),n.opacity&&(X.value=n.opacity),Z=e.getAttribute("data-cen-150"),t.style.cssText=Z,n=this.getTransform(t,Z),n.translateX&&(u.value=n.translateX.replace("px","")),n.translateY&&(x.value=n.translateY.replace("px","")),n.scale&&(q.value=n.scale),n.rotate&&(P.value=n.rotate),n.opacity&&(Y.value=n.opacity),Z=e.getAttribute("data-out--300"),t.style.cssText=Z,n=this.getTransform(t,Z),n.translateX&&(p.value=n.translateX.replace("px","")),n.translateY&&(_.value=n.translateY.replace("px","")),n.scale&&(T.value=n.scale),n.rotate&&(D.value=n.rotate),n.opacity&&(V.value=n.opacity),Z=e.getAttribute("data-out--150"),t.style.cssText=Z,n=this.getTransform(t,Z),n.translateX&&(h.value=n.translateX.replace("px","")),n.translateY&&(S.value=n.translateY.replace("px","")),n.scale&&(O.value=n.scale),n.rotate&&(z.value=n.rotate),n.opacity&&(G.value=n.opacity),Z=e.getAttribute("data-out"),t.style.cssText=Z,n=this.getTransform(t,Z),n.translateX&&(m.value=n.translateX.replace("px","")),n.translateY&&(w.value=n.translateY.replace("px","")),n.scale&&(M.value=n.scale),n.rotate&&(H.value=n.rotate),n.opacity&&(K.value=n.opacity),this.modalAnimateScroll.querySelector(".cmd-start.on")||(s=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),s&&s.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-end.on")||(s=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),s&&s.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(s=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),s&&s.classList.add("on")),!0}let Z=e.getAttribute("data-bottom-top");Z||(Z=e.getAttribute("data-400-bottom")),Z||(Z=e.getAttribute("data-200-bottom")),Z||(Z=e.getAttribute("data--50-bottom"));let Q,J=e.getAttribute("data-top-bottom");e.hasAttribute("data-bottom-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-400-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-400-bottom"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-200-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-200-bottom"]'),Q&&Q.classList.add("on")),e.hasAttribute("data--50-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data--50-bottom"]'),Q&&Q.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-start.on")||(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-bottom"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-center-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center-top"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-center")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-top-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-top-bottom"]'),Q&&Q.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-end.on")||(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),Q&&Q.classList.add("on"));let tt=document.querySelector(".dummy-elm");tt.style.cssText=Z;let et=this.getTransform(tt,Z);Q=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="${et.translateX}"]`),Q&&Q.classList.add("on"),Q=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="${et.translateY}"]`),Q&&Q.classList.add("on"),Q=this.divEnterAnim.querySelector(`.cmd-scale[data-value="${et.scale}"]`),Q&&Q.classList.add("on"),et.rotate&&(Q=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="${et.rotate}"]`),Q&&Q.classList.add("on"));const it=this.divEnterAnim.querySelector(".inp-slide-left"),nt=this.divEnterAnim.querySelector(".inp-slide-right");et.translateX&&(-1!==et.translateX.indexOf("-")?nt.value=et.translateX.replace("-","").replace("px",""):it.value=et.translateX.replace("px",""));const ot=this.divEnterAnim.querySelector(".inp-slide-up"),st=this.divEnterAnim.querySelector(".inp-slide-down");et.translateY&&(-1!==et.translateY.indexOf("-")?st.value=et.translateY.replace("-","").replace("px",""):ot.value=et.translateY.replace("px",""));const at=this.divEnterAnim.querySelector(".inp-scale");et.scale&&(at.value=et.scale);const lt=this.divEnterAnim.querySelector(".inp-rotate-counter"),rt=this.divEnterAnim.querySelector(".inp-rotate-clockwise");et.rotate&&(-1!==et.rotate.indexOf("-")?rt.value=et.rotate.replace("-",""):lt.value=et.rotate),et.opacity&&(Q=this.divEnterAnim.querySelector(".cmd-fade"),Q&&Q.classList.add("on")),e.hasAttribute("data-center-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-100-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-100-top"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-50-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-50-top"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-top"]'),Q&&Q.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),Q&&Q.classList.add("on")),tt.style.cssText=J,et=this.getTransform(tt,J),Q=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="${et.translateX}"]`),Q&&Q.classList.add("on"),Q=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="${et.translateY}"]`),Q&&Q.classList.add("on"),Q=this.divLeaveAnim.querySelector(`.cmd-scale[data-value="${et.scale}"]`),Q&&Q.classList.add("on"),et.rotate&&(Q=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="${et.rotate}"]`),Q&&Q.classList.add("on"));const dt=this.divLeaveAnim.querySelector(".inp-slide-left"),ct=this.divLeaveAnim.querySelector(".inp-slide-right");et.translateX&&(-1!==et.translateX.indexOf("-")?dt.value=et.translateX.replace("-","").replace("px",""):ct.value=et.translateX.replace("px",""));const ut=this.divLeaveAnim.querySelector(".inp-slide-up"),pt=this.divLeaveAnim.querySelector(".inp-slide-down");et.translateY&&(-1!==et.translateY.indexOf("-")?ut.value=et.translateY.replace("-","").replace("px",""):pt.value=et.translateY.replace("px",""));const ht=this.divLeaveAnim.querySelector(".inp-scale");et.scale&&(ht.value=et.scale);const mt=this.divLeaveAnim.querySelector(".inp-rotate-counter"),gt=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");return et.rotate&&(-1!==et.rotate.indexOf("-")?mt.value=et.rotate.replace("-",""):gt.value=et.rotate),et.opacity&&(Q=this.divLeaveAnim.querySelector(".cmd-fade"),Q&&Q.classList.add("on")),!0}cleanupBasic(t){t.classList.remove("is-animated"),t.classList.remove("once"),t.classList.remove("is-fadeIn"),t.classList.remove("is-fadeInUp"),t.classList.remove("is-fadeInDown"),t.classList.remove("is-fadeInLeft"),t.classList.remove("is-fadeInRight"),t.classList.remove("is-zoomIn"),t.classList.remove("is-zoomOut"),t.classList.remove("is-slideInUp"),t.classList.remove("is-slideInDown"),t.classList.remove("is-slideInLeft"),t.classList.remove("is-slideInRight"),t.classList.remove("is-flipInX"),t.classList.remove("is-flipInY"),t.classList.remove("is-pulse"),t.classList.remove("is-bounceIn")}cleanupDelay(t){t.classList.remove("delay-0ms"),t.classList.remove("delay-100ms"),t.classList.remove("delay-200ms"),t.classList.remove("delay-300ms"),t.classList.remove("delay-400ms"),t.classList.remove("delay-500ms"),t.classList.remove("delay-600ms"),t.classList.remove("delay-700ms"),t.classList.remove("delay-800ms"),t.classList.remove("delay-900ms"),t.classList.remove("delay-1000ms"),t.classList.remove("delay-1100ms"),t.classList.remove("delay-1200ms"),t.classList.remove("delay-1300ms"),t.classList.remove("delay-1400ms"),t.classList.remove("delay-1500ms"),t.classList.remove("delay-1600ms"),t.classList.remove("delay-1700ms"),t.classList.remove("delay-1800ms"),t.classList.remove("delay-1900ms"),t.classList.remove("delay-2000ms"),t.classList.remove("delay-2100ms"),t.classList.remove("delay-2200ms"),t.classList.remove("delay-2300ms"),t.classList.remove("delay-2400ms"),t.classList.remove("delay-2500ms"),t.classList.remove("delay-2600ms"),t.classList.remove("delay-2700ms"),t.classList.remove("delay-2800ms"),t.classList.remove("delay-2900ms"),t.classList.remove("delay-3000ms"),t.style.transitionDelay="",t.style.animationDelay=""}applyDelay(){let t,e,i=this.getTarget();t=i.element,t&&(this.modalAnimateScroll.querySelectorAll(".cmd-basic-delay").forEach((t=>{t.classList.contains("on")&&(e=t.getAttribute("data-value"))})),this.builder.editor.saveForUndo(),this.cleanupDelay(t),t.classList.remove("is-inview"),setTimeout((()=>{e&&t.classList.add(e),setTimeout((()=>{t.classList.add("is-inview")}),10)}),10),this.builder.settings.onChange())}applyBasic(){let t,e,i=this.getTarget();if(t=i.element,!t)return;this.modalAnimateScroll.querySelectorAll(".cmd-basic-anim").forEach((t=>{t.classList.contains("on")&&(e=t.getAttribute("data-value"))}));let n=!1;this.modalAnimateScroll.querySelector(".cmd-basic-once").classList.contains("on")&&(n=!0),this.builder.editor.saveForUndo(),this.cleanupBasic(t),t.style.transition="none",e&&(t.classList.remove("is-inview"),t.classList.remove("once"),setTimeout((()=>{t.classList.add(e),n?t.classList.add("once"):t.classList.remove("once"),t.classList.add("is-animated"),setTimeout((()=>{t.style.transition="",t.classList.add("is-inview"),this.builder.settings.onRender(),this.builder.settings.onChange()}),10)}),10))}applySimpleScroll(){let t;if(t=this.getTarget().element,!t)return;const e=this.modalAnimateScroll,i=e.querySelector(".inp-simplescroll-x-start"),n=e.querySelector(".inp-simplescroll-x-15"),o=e.querySelector(".inp-simplescroll-x-25"),s=e.querySelector(".inp-simplescroll-x-35"),a=e.querySelector(".inp-simplescroll-x-50"),l=e.querySelector(".inp-simplescroll-x-65"),r=e.querySelector(".inp-simplescroll-x-75"),d=e.querySelector(".inp-simplescroll-x-85"),c=e.querySelector(".inp-simplescroll-x-end"),u=e.querySelector(".inp-simplescroll-y-start"),p=e.querySelector(".inp-simplescroll-y-15"),h=e.querySelector(".inp-simplescroll-y-25"),m=e.querySelector(".inp-simplescroll-y-35"),g=e.querySelector(".inp-simplescroll-y-50"),b=e.querySelector(".inp-simplescroll-y-65"),f=e.querySelector(".inp-simplescroll-y-75"),v=e.querySelector(".inp-simplescroll-y-85"),y=e.querySelector(".inp-simplescroll-y-end"),x=e.querySelector(".inp-simplescroll-scale-start"),_=e.querySelector(".inp-simplescroll-scale-15"),S=e.querySelector(".inp-simplescroll-scale-25"),w=e.querySelector(".inp-simplescroll-scale-35"),k=e.querySelector(".inp-simplescroll-scale-50"),C=e.querySelector(".inp-simplescroll-scale-65"),A=e.querySelector(".inp-simplescroll-scale-75"),E=e.querySelector(".inp-simplescroll-scale-85"),L=e.querySelector(".inp-simplescroll-scale-end"),q=e.querySelector(".inp-simplescroll-rotate-start"),T=e.querySelector(".inp-simplescroll-rotate-15"),O=e.querySelector(".inp-simplescroll-rotate-25"),M=e.querySelector(".inp-simplescroll-rotate-35"),R=e.querySelector(".inp-simplescroll-rotate-50"),B=e.querySelector(".inp-simplescroll-rotate-65"),I=e.querySelector(".inp-simplescroll-rotate-75"),$=e.querySelector(".inp-simplescroll-rotate-85"),N=e.querySelector(".inp-simplescroll-rotate-end"),P=e.querySelector(".inp-simplescroll-opacity-start"),D=e.querySelector(".inp-simplescroll-opacity-15"),z=e.querySelector(".inp-simplescroll-opacity-25"),H=e.querySelector(".inp-simplescroll-opacity-35"),j=e.querySelector(".inp-simplescroll-opacity-50"),F=e.querySelector(".inp-simplescroll-opacity-65"),U=e.querySelector(".inp-simplescroll-opacity-75"),W=e.querySelector(".inp-simplescroll-opacity-85"),X=e.querySelector(".inp-simplescroll-opacity-end");let Y,V,G,K,Z,Q,J,tt,et,it,nt,ot,st,at,lt,rt,dt,ct,ut,pt,ht,mt,gt,bt,ft,vt,yt,xt,_t,St,wt,kt,Ct,At,Et,Lt,qt,Tt,Ot,Mt,Rt,Bt,It,$t,Nt;""!==i.value&&(Y=i.value+(-1!==i.value.indexOf("%")?"":"px")),""!==n.value&&(V=n.value+(-1!==n.value.indexOf("%")?"":"px")),""!==o.value&&(G=o.value+(-1!==o.value.indexOf("%")?"":"px")),""!==s.value&&(K=s.value+(-1!==s.value.indexOf("%")?"":"px")),""!==a.value&&(Z=a.value+(-1!==a.value.indexOf("%")?"":"px")),""!==l.value&&(Q=l.value+(-1!==l.value.indexOf("%")?"":"px")),""!==r.value&&(J=r.value+(-1!==r.value.indexOf("%")?"":"px")),""!==d.value&&(tt=d.value+(-1!==d.value.indexOf("%")?"":"px")),""!==c.value&&(et=c.value+(-1!==c.value.indexOf("%")?"":"px")),""!==u.value&&(it=u.value+(-1!==u.value.indexOf("%")?"":"px")),""!==p.value&&(nt=p.value+(-1!==p.value.indexOf("%")?"":"px")),""!==h.value&&(ot=h.value+(-1!==h.value.indexOf("%")?"":"px")),""!==m.value&&(st=m.value+(-1!==m.value.indexOf("%")?"":"px")),""!==g.value&&(at=g.value+(-1!==g.value.indexOf("%")?"":"px")),""!==b.value&&(lt=b.value+(-1!==b.value.indexOf("%")?"":"px")),""!==f.value&&(rt=f.value+(-1!==f.value.indexOf("%")?"":"px")),""!==v.value&&(dt=v.value+(-1!==v.value.indexOf("%")?"":"px")),""!==y.value&&(ct=y.value+(-1!==y.value.indexOf("%")?"":"px")),""!==x.value&&(ut=x.value),""!==_.value&&(pt=_.value),""!==S.value&&(ht=S.value),""!==w.value&&(mt=w.value),""!==k.value&&(gt=k.value),""!==C.value&&(bt=C.value),""!==A.value&&(ft=A.value),""!==E.value&&(vt=E.value),""!==L.value&&(yt=L.value),""!==q.value&&(xt=q.value),""!==T.value&&(_t=T.value),""!==O.value&&(St=O.value),""!==M.value&&(wt=M.value),""!==R.value&&(kt=R.value),""!==B.value&&(Ct=B.value),""!==I.value&&(At=I.value),""!==$.value&&(Et=$.value),""!==N.value&&(Lt=N.value),""!==P.value&&(qt=P.value),""!==D.value&&(Tt=D.value),""!==z.value&&(Ot=z.value),""!==H.value&&(Mt=H.value),""!==j.value&&(Rt=j.value),""!==F.value&&(Bt=F.value),""!==U.value&&(It=U.value),""!==W.value&&($t=W.value),""!==X.value&&(Nt=X.value);let Pt=(Y?` translateX(${Y})`:"")+(it?` translateY(${it})`:"")+(ut?` scale(${ut})`:"")+(xt?` rotate(${xt})`:"");Pt=Pt.trim();let Dt=(V?` translateX(${V})`:"")+(nt?` translateY(${nt})`:"")+(pt?` scale(${pt})`:"")+(_t?` rotate(${_t})`:"");Dt=Dt.trim();let zt=(G?` translateX(${G})`:"")+(ot?` translateY(${ot})`:"")+(ht?` scale(${ht})`:"")+(St?` rotate(${St})`:"");zt=zt.trim();let Ht=(K?` translateX(${K})`:"")+(st?` translateY(${st})`:"")+(mt?` scale(${mt})`:"")+(wt?` rotate(${wt})`:"");Ht=Ht.trim();let jt=(Z?` translateX(${Z})`:"")+(at?` translateY(${at})`:"")+(gt?` scale(${gt})`:"")+(kt?` rotate(${kt})`:"");jt=jt.trim();let Ft=(Q?` translateX(${Q})`:"")+(lt?` translateY(${lt})`:"")+(bt?` scale(${bt})`:"")+(Ct?` rotate(${Ct})`:"");Ft=Ft.trim();let Ut=(J?` translateX(${J})`:"")+(rt?` translateY(${rt})`:"")+(ft?` scale(${ft})`:"")+(At?` rotate(${At})`:"");Ut=Ut.trim();let Wt=(tt?` translateX(${tt})`:"")+(dt?` translateY(${dt})`:"")+(vt?` scale(${vt})`:"")+(Et?` rotate(${Et})`:"");Wt=Wt.trim();let Xt=(et?` translateX(${et})`:"")+(ct?` translateY(${ct})`:"")+(yt?` scale(${yt})`:"")+(Lt?` rotate(${Lt})`:"");Xt=Xt.trim();let Yt=(Pt?"transform: "+Pt+";":"")+(qt?`opacity:${qt}`:""),Vt=(Dt?"transform: "+Dt+";":"")+(Tt?`opacity:${Tt}`:""),Gt=(zt?"transform: "+zt+";":"")+(Ot?`opacity:${Ot}`:""),Kt=(Ht?"transform: "+Ht+";":"")+(Mt?`opacity:${Mt}`:""),Zt=(jt?"transform: "+jt+";":"")+(Rt?`opacity:${Rt}`:""),Qt=(Ft?"transform: "+Ft+";":"")+(Bt?`opacity:${Bt}`:""),Jt=(Ut?"transform: "+Ut+";":"")+(It?`opacity:${It}`:""),te=(Wt?"transform: "+Wt+";":"")+($t?`opacity:${$t}`:""),ee=(Xt?"transform: "+Xt+";":"")+(Nt?`opacity:${Nt}`:"");Yt=Yt.trim(),Vt=Vt.trim(),Gt=Gt.trim(),Kt=Kt.trim(),Zt=Zt.trim(),Qt=Qt.trim(),Jt=Jt.trim(),te=te.trim(),ee=ee.trim(),this.builder.editor.saveForUndo(),this.cleanup(t),this.cleanup_leave(t),this.cleanup_timeline(t),t.removeAttribute("data-bottom-top"),t.removeAttribute("data-top-bottom");let ie="data-in",ne="data-in-150",oe="data-in-300",se="data-cen--150",ae="data-cen",le="data-cen-150",re="data-out--300",de="data-out--150",ce="data-out";""!==Yt?t.setAttribute(ie,Yt):t.removeAttribute(ie),""!==Vt?t.setAttribute(ne,Vt):t.removeAttribute(ne),""!==Gt?t.setAttribute(oe,Gt):t.removeAttribute(oe),""!==Kt?t.setAttribute(se,Kt):t.removeAttribute(se),""!==Zt?t.setAttribute(ae,Zt):t.removeAttribute(ae),""!==Qt?t.setAttribute(le,Qt):t.removeAttribute(le),""!==Jt?t.setAttribute(re,Jt):t.removeAttribute(re),""!==te?t.setAttribute(de,te):t.removeAttribute(de),""!==ee?t.setAttribute(ce,ee):t.removeAttribute(ce);this.divAnimScrollSimple.querySelector(".cmd-disable-smoothanim").classList.contains("on")?(t.setAttribute("data-smooth-scrolling","off"),t.style.transition=""):t.removeAttribute("data-smooth-scrolling");this.divAnimScrollSimple.querySelector(".cmd-hidden-onstart").classList.contains("on")?t.setAttribute("data-hidden-onstart",""):t.removeAttribute("data-hidden-onstart"),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 b=(e?" translateX(0px)":"")+(i?" translateY(0px)":"")+(o?" rotate(0deg)":"")+(n?" scale(1)":"");b=b.trim();let f,v,y,x,_,S,w=(g?"transform: "+g+";":"")+(a?"opacity: 0;":""),k=(b?"transform: "+b+";":"")+(a?"opacity: 1;":"");this.builder.editor.saveForUndo(),this.cleanup_timeline(t),this.cleanup(t),s=this.modalAnimateScroll.querySelectorAll(".cmd-start"),s.forEach((t=>{t.classList.contains("on")&&(f=t.getAttribute("data-value"))})),s=this.modalAnimateScroll.querySelectorAll(".cmd-end"),s.forEach((t=>{t.classList.contains("on")&&(v=t.getAttribute("data-value"))})),f||(f="data-bottom-top"),v||(v="data-center"),w=w.trim(),k=k.trim(),""!==w&&t.setAttribute(f,w),""!==k&&t.setAttribute(v,k),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")&&(S=t.getAttribute("data-value"))}));let C=!1;l=this.divLeaveAnim.querySelector(".cmd-fade"),l.classList.contains("on")&&(C=!0);const A=this.divLeaveAnim.querySelector(".inp-slide-left");""!==A.value&&(y="-"+A.value+(-1!==A.value.indexOf("%")?"":"px"));const E=this.divLeaveAnim.querySelector(".inp-slide-right");""!==E.value&&(y=E.value+(-1!==E.value.indexOf("%")?"":"px"));const L=this.divLeaveAnim.querySelector(".inp-slide-down");""!==L.value&&(x=L.value+(-1!==L.value.indexOf("%")?"":"px"));const q=this.divLeaveAnim.querySelector(".inp-slide-up");""!==q.value&&(x="-"+q.value+(-1!==q.value.indexOf("%")?"":"px"));const T=this.divLeaveAnim.querySelector(".inp-scale");""!==T.value&&(_=T.value);const O=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");""!==O.value&&(S=O.value);const M=this.divLeaveAnim.querySelector(".inp-rotate-counter");""!==M.value&&(S="-"+M.value);let R=(y?" translateX(0px)":"")+(x?" translateY(0px)":"")+(S?" rotate(0deg)":"")+(_?" scale(1)":"");R=R.trim();let B=(y?` translateX(${y})`:"")+(x?` translateY(${x})`:"")+(S?` rotate(${S}deg)`:"")+(_?` scale(${_})`:"");B=B.trim();let I,$,N=(R?"transform: "+R+";":"")+(C?"opacity: 1;":""),P=(B?"transform: "+B+";":"")+(C?"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"),$="data-top-bottom",N=N.trim(),P=P.trim(),""!==N&&t.setAttribute(I,N),""!==P&&t.setAttribute("data-top-bottom",P),""===w&&""===k&&""===N&&""===P&&(t.style.transform="",t.style.transition="",t.style.opacity=""),(a||C)&&(t.style.opacity="");this.divAnimSettings.querySelector(".cmd-disable-smoothanim").classList.contains("on")?(t.setAttribute("data-smooth-scrolling","off"),t.style.transition=""):t.removeAttribute("data-smooth-scrolling"),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange()}readAnimOnce(){let t=this.builder.activeSection;t&&(t.querySelector(".is-animated.once")?this.modalAnimateScroll.querySelector("#chkPresetAnimOnce").checked=!0:this.modalAnimateScroll.querySelector("#chkPresetAnimOnce").checked=!1)}getTarget(){let t,e;if(this.modalAnimateScroll.querySelectorAll(".cmd-target").forEach((e=>{e.classList.contains("on")&&(t=e.getAttribute("data-value"))})),"element"===t){let t=this.readTarget();t?("element"===t.name&&(e=this.builder.editor.activeElement),e="inspectedElement"===t.name?this.builder.editor.inspectedElement:this.builder.editor.activeElement):e=this.builder.editor.activeElement}if("column"===t&&(e=this.builder.editor.activeCol),"row"===t){let t=this.builder.editor.activeCol;t&&(e=t.parentNode)}if("container"===t){let t=this.builder.editor.activeCol;t&&(e=t.parentNode.parentNode)}if("overlay"===t){let t;const i=this.builder.doc.querySelector(".box-select");i&&(t=i.querySelector(".is-overlay")),t&&(e=t)}if("bg"===t){let t;const i=this.builder.doc.querySelector(".box-select");i&&(t=i.querySelector(".is-overlay-bg")),t&&(e=t)}if("box"===t){const t=this.builder.doc.querySelector(".box-select");t&&(e=t)}if("section"===t){const t=this.builder.doc.querySelector(".section-select");t&&(e=t)}return{element:e||!1,name:t||!1}}readTarget(t){if(!t){let t,e,i,n=this.builder.editor.inspectedElement;if(!n)return this.readTarget("bg");t=n.getAttribute("data-bottom-top"),t||(t=n.getAttribute("data-400-bottom")),t||(t=n.getAttribute("data-200-bottom")),t||(t=n.getAttribute("data--50-bottom")),e=n.getAttribute("data-top-bottom"),i=n.getAttribute("data-in"),i||(i=n.getAttribute("data-in-150")),i||(i=n.getAttribute("data-in-300")),i||(i=n.getAttribute("data-cen--150")),i||(i=n.getAttribute("data-cen")),i||(i=n.getAttribute("data-cen-150")),i||(i=n.getAttribute("data-out--300")),i||(i=n.getAttribute("data-out--150")),i||(i=n.getAttribute("data-out"));let o=!1;return(n.classList.contains("is-fadeIn")||n.classList.contains("is-fadeInUp")||n.classList.contains("is-fadeInDown")||n.classList.contains("is-fadeInLeft")||n.classList.contains("is-fadeInRight")||n.classList.contains("is-zoomIn")||n.classList.contains("is-zoomOut")||n.classList.contains("is-slideInUp")||n.classList.contains("is-slideInDown")||n.classList.contains("is-slideInLeft")||n.classList.contains("is-slideInRight")||n.classList.contains("is-flipInX")||n.classList.contains("is-flipInY")||n.classList.contains("is-pulse")||n.classList.contains("is-bounceIn"))&&(o=!0),t||e||i||o?{element:n,name:"inspectedElement"}:this.readTarget("element")}{let e,i,n,o;if("element"===t&&(e=this.builder.editor.activeElement),"column"===t&&(e=this.builder.editor.activeCol),"row"===t&&this.builder.editor.activeCol&&(e=this.builder.editor.activeCol.parentNode),"container"===t&&this.builder.editor.activeCol&&(e=this.builder.editor.activeCol.parentNode.parentNode),"bg"===t){let t;const i=this.builder.doc.querySelector(".box-select");i&&(t=i.querySelector(".is-overlay-bg")),t&&(e=t)}if("overlay"===t){let t;const i=this.builder.doc.querySelector(".box-select");i&&(t=i.querySelector(".is-overlay")),t&&(e=t)}if("box"===t){const t=this.builder.doc.querySelector(".box-select");t&&(e=t)}if("section"===t){const t=this.builder.doc.querySelector(".section-select");t&&(e=t)}if(!e){if("element"===t)return this.readTarget("column");if("column"===t)return this.readTarget("row");if("row"===t)return this.readTarget("container");if("container"===t)return this.readTarget("bg");if("bg"===t)return this.readTarget("overlay");if("overlay"===t)return this.readTarget("box");if("box"===t)return this.readTarget("section");if("section"===t)return!1}i=e.getAttribute("data-bottom-top"),i||(i=e.getAttribute("data-400-bottom")),i||(i=e.getAttribute("data-200-bottom")),i||(i=e.getAttribute("data--50-bottom")),n=e.getAttribute("data-top-bottom"),o=e.getAttribute("data-in"),o||(o=e.getAttribute("data-in-150")),o||(o=e.getAttribute("data-in-300")),o||(o=e.getAttribute("data-cen--150")),o||(o=e.getAttribute("data-cen")),o||(o=e.getAttribute("data-cen-150")),o||(o=e.getAttribute("data-out--300")),o||(o=e.getAttribute("data-out--150")),o||(o=e.getAttribute("data-out"));let s=!1;if((e.classList.contains("is-fadeIn")||e.classList.contains("is-fadeInUp")||e.classList.contains("is-fadeInDown")||e.classList.contains("is-fadeInLeft")||e.classList.contains("is-fadeInRight")||e.classList.contains("is-zoomIn")||e.classList.contains("is-zoomOut")||e.classList.contains("is-slideInUp")||e.classList.contains("is-slideInDown")||e.classList.contains("is-slideInLeft")||e.classList.contains("is-slideInRight")||e.classList.contains("is-flipInX")||e.classList.contains("is-flipInY")||e.classList.contains("is-pulse")||e.classList.contains("is-bounceIn"))&&(s=!0),i||n||o||s)return{element:e,name:t};if("element"===t)return this.readTarget("column");if("column"===t)return this.readTarget("row");if("row"===t)return this.readTarget("container");if("container"===t)return this.readTarget("bg");if("bg"===t)return this.readTarget("overlay");if("overlay"===t)return this.readTarget("box");if("box"===t)return this.readTarget("section");if("section"===t)return!1}}getTransform(t,e){let i,n,o,s,a=this.parseComplexStyleProperty(e);a.translateX&&(i=a.translateX[0]),a.translateY&&(n=a.translateY[0]),a.scale&&(o=a.scale[0]),a.rotate&&(s=a.rotate[0]);let l=t.style.opacity;return{translateX:i||!1,translateY:n||!1,scale:o||!1,rotate:!!s&&s.replace("deg",""),opacity:l||!1}}parseComplexStyleProperty(t){for(var e,i=/(\w+)\((.+?)\)/g,n={};e=i.exec(t);)n[e[1]]=n[e[1]]?n[e[1]].concat([e[2]]):[e[2]];return n}cleanup(t){t.removeAttribute("data-center"),t.removeAttribute("data-center-top"),t.removeAttribute("data--50-bottom"),t.removeAttribute("data--100-bottom"),t.removeAttribute("data--150-bottom"),t.removeAttribute("data--200-bottom"),t.removeAttribute("data--300-bottom"),t.removeAttribute("data--400-bottom"),t.removeAttribute("data-bottom-top"),t.removeAttribute("data-400-bottom"),t.removeAttribute("data-300-bottom"),t.removeAttribute("data-200-bottom"),t.removeAttribute("data-150-bottom"),t.removeAttribute("data-100-bottom"),t.removeAttribute("data-50-bottom"),t.removeAttribute("data-bottom")}cleanup_leave(t){t.removeAttribute("data-center-bottom"),t.removeAttribute("data-100-top"),t.removeAttribute("data-50-top"),t.removeAttribute("data-top"),t.removeAttribute("data-top-bottom")}cleanup_timeline(t){t.removeAttribute("data-in"),t.removeAttribute("data-in-150"),t.removeAttribute("data-in-300"),t.removeAttribute("data-cen--150"),t.removeAttribute("data-cen"),t.removeAttribute("data-cen-150"),t.removeAttribute("data-out--300"),t.removeAttribute("data-out--150"),t.removeAttribute("data-out")}edit(){this.builder.wrapperEl.classList.add("hard-select"),this.builder.activeBox&&this.builder.activeBox.classList.add("box-select"),this.builder.activeSection&&this.builder.activeSection.classList.add("section-select"),this.builder.sidebar.closeSidebar(),this.modalAnimateScroll.classList.add("active"),this.clickContent(),this.builder.doc.body.classList.add("selection-only"),document.body.classList.add("selection-only");this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display=""}close(){this.modalAnimateScroll.classList.remove("active"),this.builder.doc.body.classList.remove("selection-only"),document.body.classList.remove("selection-only")}}const cy=new t;class uy{constructor(t){this.builder=t;const e=this.builder.builderStuff;this.builderStuff=e;let n=`\n <style>\n .is-modal.page-timeline {\n width: 1017px !important; \n height: 295px !important; \n top: auto !important; \n bottom: 30px !important; \n left: auto !important; \n right: 30px !important; \n z-index: 10002 !important; \n font-size: 12px;\n }\n /*\n @media all and (max-width: 1919px) {\n .is-modal.page-timeline {\n width: 60vw !important; \n }\n }\n @media all and (max-width: 1850px) {\n .is-modal.page-timeline {\n width: 55vw !important; \n }\n }\n @media all and (max-width: 1650px) {\n .is-modal.page-timeline {\n width: 50vw !important; \n }\n }\n @media all and (max-width: 1480px) {\n .is-modal.page-timeline {\n width: 45vw !important; \n }\n }\n @media all and (max-width: 1350px) {\n .is-modal.page-timeline {\n width: 40vw !important; \n min-width: 576px;\n }\n }\n */\n @media all and (max-width: 1340px) {\n .is-modal.page-timeline {\n width: 60vw !important; \n min-width: 576px;\n }\n }\n .page-timeline .is-modal-bar {\n font-size: 12px !important;\n }\n .page-timeline select {\n font-size: 12px !important;\n line-height: 1;\n }\n .page-timeline label {\n font-size: 12px !important;\n line-height: 1;\n }\n .page-timeline td {\n font-size: 12px;\n padding: 3px 1px;\n }\n .page-timeline .table-header td {\n font-size: 11px;\n padding: 3px 0 0;\n }\n .page-timeline td input[type=text] {\n font-size: 12px !important;\n font-family: sans-serif !important;\n font-weight: 300 !important;\n padding: 0 !important;\n width: 30px !important;\n height: 26px !important;\n text-align: center !important;\n letter-spacing: 0px !important;\n }\n .page-timeline td input.inp-extra2 {\n background-color: #f5f5f5 !important;\n }\n\n .page-timeline:focus-within {\n z-index:100021 !important\n }\n\n .page-timeline .timeline-more {\n display: none;\n position: absolute;\n top: auto !important;\n left: 283px !important;\n bottom: 70px;\n padding: 25px 20px 20px;\n box-shadow: 3px 4px 10px 0px rgb(0 0 0 / 6%) !important;\n }\n .page-timeline .timeline-more.active {\n display: flex;\n }\n \n </style>\n <div class="is-modal is-modal-content page-timeline" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">\n <div class="is-modal-bar is-draggable" draggable=""> \n <span>${i("Timeline")}</span>\n <button class="is-modal-close" tabindex="-1" title="${i("Close")}">\n <svg class="is-icon-flex" style="width:23px;height:23px;"><use xlink:href="#ion-ios-close-empty"></use></svg>\n </button>\n </div>\n <div style="position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;border-top:transparent 35px solid;overflow-y:hidden;overflow-x:auto;">\n \n <div>\n <table class="table-timeline" style="margin:0px 15px 3px;border-collapse:collapse;">\n <tr class="table-header">\n <td style="text-align:center"> </td>\n <td style="text-align:center">0%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">50%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center;padding-right:5px">100%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center" colspan="8">${i("Extended (for use with pinned section)")}</td>\n \x3c!--<td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">150%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>--\x3e\n <td style="text-align:center"></td>\n <td style="text-align:center;padding:0">\n \x3c!--<button title="${i("Clear All")}" class="cmd-clear-timeline" style="margin-left:5px;height:23px;flex: none;width: auto;padding: 0 0 0 8px !important;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>--\x3e\n </td>\n </tr> \n <tr>\n <td>\n <span class="bold">${i("Slide X")}</span>\n </td>\n <td>\n <input class="inp-x" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-100" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-200" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-300" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-400" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-500" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-600" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-700" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-800" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-900" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-1000" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-1100" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-1200" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-1300" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-1400" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-1500" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-1600" placeholder="" type="text" />\n </td>\n\n <td>\n <input class="inp-x-1700 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-1800 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-1900 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-2000 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-2100 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-2200 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-2300 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-2400 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-2500 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-2600 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-2700 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-2800 inp-extra" placeholder="" type="text" />\n </td>\n </tr>\n <tr>\n <td>\n <span class="bold">${i("Slide Y")}</span>\n </td>\n <td>\n <input class="inp-y" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-100" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-200" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-300" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-400" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-500" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-600" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-700" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-800" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-900" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-1000" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-1100" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-1200" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-1300" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-1400" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-1500" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-1600" placeholder="" type="text" />\n </td>\n\n <td>\n <input class="inp-y-1700 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-1800 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-1900 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-2000 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-2100 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-2200 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-2300 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-2400 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-2500 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-2600 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-2700 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-2800 inp-extra" placeholder="" type="text" />\n </td>\n </tr>\n <tr>\n <td>\n <span class="bold">${i("Scale")}</span>\n </td>\n <td>\n <input class="inp-sc" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-100" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-200" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-300" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-400" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-500" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-600" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-700" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-800" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-900" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-1000" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-1100" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-1200" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-1300" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-1400" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-1500" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-1600" placeholder="" type="text" />\n </td>\n\n <td>\n <input class="inp-sc-1700 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-1800 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-1900 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-2000 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-2100 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-2200 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-2300 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-2400 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-2500 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-2600 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-2700 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-2800 inp-extra" placeholder="" type="text" />\n </td>\n </tr>\n <tr>\n <td>\n <span class="bold">${i("Rotate")}</span>\n </td>\n <td>\n <input class="inp-rt" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-100" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-200" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-300" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-400" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-500" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-600" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-700" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-800" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-900" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-1000" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-1100" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-1200" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-1300" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-1400" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-1500" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-1600" placeholder="" type="text" />\n </td>\n\n <td>\n <input class="inp-rt-1700 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-1800 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-1900 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-2000 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-2100 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-2200 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-2300 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-2400 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-2500 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-2600 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-2700 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-2800 inp-extra" placeholder="" type="text" />\n </td>\n </tr>\n <tr>\n <td>\n <span class="bold">${i("Opacity")}</span>\n </td>\n <td>\n <input class="inp-op" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-100" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-200" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-300" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-400" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-500" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-600" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-700" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-800" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-900" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-1000" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-1100" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-1200" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-1300" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-1400" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-1500" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-1600" placeholder="" type="text" />\n </td>\n\n <td>\n <input class="inp-op-1700 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-1800 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-1900 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-2000 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-2100 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-2200 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-2300 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-2400 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-2500 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-2600 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-2700 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-2800 inp-extra" placeholder="" type="text" />\n </td>\n </tr>\n </table>\n <div class="flex-wrap" style="padding: 3px 10px 15px 15px;box-sizing: border-box;width: 100%;justify-content: space-between;">\n\n <div class="flex-wrap" style="margin-top:8px;flex-direction:column;align-items:flex-start">\n \x3c!--\n <div style="font-size:10px;margin-top:-20px;margin-bottom:5px"><span>${i("Target")}</span>:</div>\n --\x3e\n <div class="flex-wrap">\n <div class="flex-wrap" style="margin-right:15px;width: 120px;">\n <select class="input-target">\n <option value="element">${i("Element")}</option>\n <option value="column">${i("Column")}</option>\n <option value="row">${i("Row")}</option>\n <option value="container">${i("Container")}</option>\n <option value="overlay">${i("Overlay")}</option>\n <option value="bg">${i("Background")}</option>\n <option value="box">${i("Box")}</option>\n <option value="section">${i("Section")}</option>\n </select>\n </div>\n <div class="flex-wrap" style="margin-right:15px">\n <button title="${i("Desktop")}" class="input-device on" data-value="" style="width:40px;height:34px;">\n <svg class="is-icon-flex" style="width:18px;height:18px"><use xlink:href="#icon-device-desktop"></use></svg>\n </button>\n \x3c!--<button title="${i("Laptop/Tablet")}" class="input-device" data-value="md" style="width:40px;height:34px;">\n <svg class="is-icon-flex" style="width:18px;height:18px"><use xlink:href="#icon-device-laptop"></use></svg>\n </button>--\x3e\n <button title="${i("Tablet")}" class="input-device" data-value="sm" style="width:40px;height:34px;">\n <svg class="is-icon-flex" style="width:18px;height:18px"><use xlink:href="#icon-device-tablet"></use></svg>\n </button>\n <button title="${i("Mobile")}" class="input-device" data-value="xs" style="width:40px;height:34px;">\n <svg class="is-icon-flex" style="width:13px;height:13px"><use xlink:href="#icon-device-mobile"></use></svg>\n </button>\n </div>\n <div class="flex-wrap">\n <button type="button" class="cmd-timeline-more" style="width:40px;height:34px;"><svg class="is-icon-flex"><use xlink:href="#icon-settings"></use></svg></button>\n \n \x3c!--<button title="${i("Clear All")}" class="cmd-clear-timeline" style="width:40px;height:34px;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>--\x3e\n </div>\n </div>\n </div>\n <div class="flex-wrap" style="width:515px">\n\n <div class="flex-wrap" style="flex-direction:column;align-items: flex-start;">\n <div class="flex-wrap" style="height:35px;margin-bottom: 2px;">\n <div class="flex-wrap">\n <label for="chkPinSection2" style="margin:0;display:flex;">\n <input id="chkPinSection2" type="checkbox" style="margin:-1px 6px 0 0"> \n <span>${i("Pin Section")}</span>.\n </label>\n </div>\n <div class="flex-wrap div-pin-spacing" style="display:none;margin-left:5px">\n <div class="flex-wrap">\n <button title="0" class="cmd-pin-space" data-value="md" style="padding-left:15px;padding-right:15px;height:30px;">${i("MD")}</button>\n <button title="20" class="cmd-pin-space" data-value="lg" style="padding-left:15px;padding-right:15px;height:30px;">${i("LG")}</button>\n <button title="20" class="cmd-pin-space" data-value="xl" style="padding-left:15px;padding-right:15px;height:30px;">${i("XL")}</button>\n </div>\n <label for="chkPinOverlap" style="margin:0;display:flex;margin-left:15px">\n <input id="chkPinOverlap" type="checkbox" style="margin:-1px 6px 0 0"> \n <span>${i("Overlap")}</span>\n </label>\n <label for="chkPinDesktopOnly" style="margin:0;display:flex;margin-left:15px">\n <input id="chkPinDesktopOnly" type="checkbox" style="margin:-1px 6px 0 0"> \n <span>${i("Disable Pin on Mobile")}</span>\n </label>\n </div>\n </div>\n\n <div>\n <label for="chkTimelineDisableOnMobile" style="margin:0;display:flex;">\n <input id="chkTimelineDisableOnMobile" type="checkbox" style="margin:-1px 6px 0 0"> \n <span>${i("Disable All Section Animations on Mobile")}</span>.\n </label>\n </div>\n </div>\n </div>\n <div class="flex-wrap" style="margin-top:8px;">\n <button title="${i("Clear All")}" class="cmd-clear-timeline" style="width:30px;height:23px;flex: none;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n </div>\n \n <div class="timeline-more flex-wrap is-pop">\n\n <div class="flex-wrap" style="flex-direction:column;margin-right:15px">\n <div style="font-size:10px;margin-top:-10px;margin-bottom:2px"><span>${i("Origin")}</span>:</div>\n <div>\n <div class="flex-wrap">\n <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="left top" title="${i("Top Left")}" type="button" style=""><svg class="is-icon-flex" style="transform: rotate(315deg);"><use xlink:href="#ion-ios-arrow-thin-up"></use></svg></button>\n <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="center top" title="${i("Top Center")}" type="button"><svg class="is-icon-flex" style=""><use xlink:href="#ion-ios-arrow-thin-up"></use></svg></button>\n <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="right top" title="${i("Top Right")}" type="button"><svg class="is-icon-flex" style="transform: rotate(45deg);"><use xlink:href="#ion-ios-arrow-thin-up"></use></svg></button>\n </div>\n <div class="flex-wrap">\n <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="left center" title="${i("Center Left")}" type="button"><svg class="is-icon-flex" style=""><use xlink:href="#ion-ios-arrow-thin-left"></use></svg></button>\n <button class="cmd-anim-origin on" style="width:25px;height:19px;" data-value="center" title="${i("Center")}" type="button"><svg class="is-icon-flex" style="width:6px;height:6px;"><use xlink:href="#ion-android-contract"></use></svg></button>\n <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="right center" title="${i("Center Right")}" type="button"><svg class="is-icon-flex" style=""><use xlink:href="#ion-ios-arrow-thin-right"></use></svg></button>\n </div>\n <div class="flex-wrap">\n <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="left bottom" title="${i("Bottom Left")}" type="button" style=";"><svg class="is-icon-flex" style="transform: rotate(45deg);"><use xlink:href="#ion-ios-arrow-thin-down"></use></svg></button>\n <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="center bottom" title="${i("Bottom Center")}" type="button"><svg class="is-icon-flex" style=""><use xlink:href="#ion-ios-arrow-thin-down"></use></svg></button>\n <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="right bottom" title="${i("Bottom Right")}" type="button"><svg class="is-icon-flex" style="transform: rotate(315deg);"><use xlink:href="#ion-ios-arrow-thin-down"></use></svg></button>\n </div>\n </div>\n </div>\n\n <div class="flex-wrap" style="flex-direction:column;align-items: flex-start;">\n <div class="flex-wrap">\n <div class="flex-wrap">\n <button title="${i("Disable Easing")}" class="cmd-disable-smoothanim" style="height:34px;padding-left:15px;padding-right: 15px;">${i("Disable Easing")}</button>\n <button title="${i("Hidden on Start")}" class="cmd-hidden-onstart" style="height:34px;padding-left:15px;padding-right: 15px;">${i("Hidden on Start")}</button>\n </div>\n \x3c!--\n <button title="${i("Clear All")}" class="cmd-clear-timeline" style="margin-left:5px;height:34px;flex: none;width: auto;padding: 0 0 0 8px !important;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n --\x3e\n </div>\n\n <div style="display:none;margin-top:7px">\n\n\n \n </div>\n\n </div>\n </div>\n \n\n </div>\n </div>\n\n </div>\n </div>\n `;cy.appendHtml(e,n);const o=e.querySelector(".page-timeline");this.modalTimeline=o,this.inpX=this.modalTimeline.querySelector(".inp-x"),this.inpX_100=this.modalTimeline.querySelector(".inp-x-100"),this.inpX_200=this.modalTimeline.querySelector(".inp-x-200"),this.inpX_300=this.modalTimeline.querySelector(".inp-x-300"),this.inpX_400=this.modalTimeline.querySelector(".inp-x-400"),this.inpX_500=this.modalTimeline.querySelector(".inp-x-500"),this.inpX_600=this.modalTimeline.querySelector(".inp-x-600"),this.inpX_700=this.modalTimeline.querySelector(".inp-x-700"),this.inpX_800=this.modalTimeline.querySelector(".inp-x-800"),this.inpX_900=this.modalTimeline.querySelector(".inp-x-900"),this.inpX_1000=this.modalTimeline.querySelector(".inp-x-1000"),this.inpX_1100=this.modalTimeline.querySelector(".inp-x-1100"),this.inpX_1200=this.modalTimeline.querySelector(".inp-x-1200"),this.inpX_1300=this.modalTimeline.querySelector(".inp-x-1300"),this.inpX_1400=this.modalTimeline.querySelector(".inp-x-1400"),this.inpX_1500=this.modalTimeline.querySelector(".inp-x-1500"),this.inpX_1600=this.modalTimeline.querySelector(".inp-x-1600"),this.inpX_1700=this.modalTimeline.querySelector(".inp-x-1700"),this.inpX_1800=this.modalTimeline.querySelector(".inp-x-1800"),this.inpX_1900=this.modalTimeline.querySelector(".inp-x-1900"),this.inpX_2000=this.modalTimeline.querySelector(".inp-x-2000"),this.inpX_2100=this.modalTimeline.querySelector(".inp-x-2100"),this.inpX_2200=this.modalTimeline.querySelector(".inp-x-2200"),this.inpX_2300=this.modalTimeline.querySelector(".inp-x-2300"),this.inpX_2400=this.modalTimeline.querySelector(".inp-x-2400"),this.inpX_2500=this.modalTimeline.querySelector(".inp-x-2500"),this.inpX_2600=this.modalTimeline.querySelector(".inp-x-2600"),this.inpX_2700=this.modalTimeline.querySelector(".inp-x-2700"),this.inpX_2800=this.modalTimeline.querySelector(".inp-x-2800"),this.inpY=this.modalTimeline.querySelector(".inp-y"),this.inpY_100=this.modalTimeline.querySelector(".inp-y-100"),this.inpY_200=this.modalTimeline.querySelector(".inp-y-200"),this.inpY_300=this.modalTimeline.querySelector(".inp-y-300"),this.inpY_400=this.modalTimeline.querySelector(".inp-y-400"),this.inpY_500=this.modalTimeline.querySelector(".inp-y-500"),this.inpY_600=this.modalTimeline.querySelector(".inp-y-600"),this.inpY_700=this.modalTimeline.querySelector(".inp-y-700"),this.inpY_800=this.modalTimeline.querySelector(".inp-y-800"),this.inpY_900=this.modalTimeline.querySelector(".inp-y-900"),this.inpY_1000=this.modalTimeline.querySelector(".inp-y-1000"),this.inpY_1100=this.modalTimeline.querySelector(".inp-y-1100"),this.inpY_1200=this.modalTimeline.querySelector(".inp-y-1200"),this.inpY_1300=this.modalTimeline.querySelector(".inp-y-1300"),this.inpY_1400=this.modalTimeline.querySelector(".inp-y-1400"),this.inpY_1500=this.modalTimeline.querySelector(".inp-y-1500"),this.inpY_1600=this.modalTimeline.querySelector(".inp-y-1600"),this.inpY_1700=this.modalTimeline.querySelector(".inp-y-1700"),this.inpY_1800=this.modalTimeline.querySelector(".inp-y-1800"),this.inpY_1900=this.modalTimeline.querySelector(".inp-y-1900"),this.inpY_2000=this.modalTimeline.querySelector(".inp-y-2000"),this.inpY_2100=this.modalTimeline.querySelector(".inp-y-2100"),this.inpY_2200=this.modalTimeline.querySelector(".inp-y-2200"),this.inpY_2300=this.modalTimeline.querySelector(".inp-y-2300"),this.inpY_2400=this.modalTimeline.querySelector(".inp-y-2400"),this.inpY_2500=this.modalTimeline.querySelector(".inp-y-2500"),this.inpY_2600=this.modalTimeline.querySelector(".inp-y-2600"),this.inpY_2700=this.modalTimeline.querySelector(".inp-y-2700"),this.inpY_2800=this.modalTimeline.querySelector(".inp-y-2800"),this.inpScale=this.modalTimeline.querySelector(".inp-sc"),this.inpScale_100=this.modalTimeline.querySelector(".inp-sc-100"),this.inpScale_200=this.modalTimeline.querySelector(".inp-sc-200"),this.inpScale_300=this.modalTimeline.querySelector(".inp-sc-300"),this.inpScale_400=this.modalTimeline.querySelector(".inp-sc-400"),this.inpScale_500=this.modalTimeline.querySelector(".inp-sc-500"),this.inpScale_600=this.modalTimeline.querySelector(".inp-sc-600"),this.inpScale_700=this.modalTimeline.querySelector(".inp-sc-700"),this.inpScale_800=this.modalTimeline.querySelector(".inp-sc-800"),this.inpScale_900=this.modalTimeline.querySelector(".inp-sc-900"),this.inpScale_1000=this.modalTimeline.querySelector(".inp-sc-1000"),this.inpScale_1100=this.modalTimeline.querySelector(".inp-sc-1100"),this.inpScale_1200=this.modalTimeline.querySelector(".inp-sc-1200"),this.inpScale_1300=this.modalTimeline.querySelector(".inp-sc-1300"),this.inpScale_1400=this.modalTimeline.querySelector(".inp-sc-1400"),this.inpScale_1500=this.modalTimeline.querySelector(".inp-sc-1500"),this.inpScale_1600=this.modalTimeline.querySelector(".inp-sc-1600"),this.inpScale_1700=this.modalTimeline.querySelector(".inp-sc-1700"),this.inpScale_1800=this.modalTimeline.querySelector(".inp-sc-1800"),this.inpScale_1900=this.modalTimeline.querySelector(".inp-sc-1900"),this.inpScale_2000=this.modalTimeline.querySelector(".inp-sc-2000"),this.inpScale_2100=this.modalTimeline.querySelector(".inp-sc-2100"),this.inpScale_2200=this.modalTimeline.querySelector(".inp-sc-2200"),this.inpScale_2300=this.modalTimeline.querySelector(".inp-sc-2300"),this.inpScale_2400=this.modalTimeline.querySelector(".inp-sc-2400"),this.inpScale_2500=this.modalTimeline.querySelector(".inp-sc-2500"),this.inpScale_2600=this.modalTimeline.querySelector(".inp-sc-2600"),this.inpScale_2700=this.modalTimeline.querySelector(".inp-sc-2700"),this.inpScale_2800=this.modalTimeline.querySelector(".inp-sc-2800"),this.inpRotate=this.modalTimeline.querySelector(".inp-rt"),this.inpRotate_100=this.modalTimeline.querySelector(".inp-rt-100"),this.inpRotate_200=this.modalTimeline.querySelector(".inp-rt-200"),this.inpRotate_300=this.modalTimeline.querySelector(".inp-rt-300"),this.inpRotate_400=this.modalTimeline.querySelector(".inp-rt-400"),this.inpRotate_500=this.modalTimeline.querySelector(".inp-rt-500"),this.inpRotate_600=this.modalTimeline.querySelector(".inp-rt-600"),this.inpRotate_700=this.modalTimeline.querySelector(".inp-rt-700"),this.inpRotate_800=this.modalTimeline.querySelector(".inp-rt-800"),this.inpRotate_900=this.modalTimeline.querySelector(".inp-rt-900"),this.inpRotate_1000=this.modalTimeline.querySelector(".inp-rt-1000"),this.inpRotate_1100=this.modalTimeline.querySelector(".inp-rt-1100"),this.inpRotate_1200=this.modalTimeline.querySelector(".inp-rt-1200"),this.inpRotate_1300=this.modalTimeline.querySelector(".inp-rt-1300"),this.inpRotate_1400=this.modalTimeline.querySelector(".inp-rt-1400"),this.inpRotate_1500=this.modalTimeline.querySelector(".inp-rt-1500"),this.inpRotate_1600=this.modalTimeline.querySelector(".inp-rt-1600"),this.inpRotate_1700=this.modalTimeline.querySelector(".inp-rt-1700"),this.inpRotate_1800=this.modalTimeline.querySelector(".inp-rt-1800"),this.inpRotate_1900=this.modalTimeline.querySelector(".inp-rt-1900"),this.inpRotate_2000=this.modalTimeline.querySelector(".inp-rt-2000"),this.inpRotate_2100=this.modalTimeline.querySelector(".inp-rt-2100"),this.inpRotate_2200=this.modalTimeline.querySelector(".inp-rt-2200"),this.inpRotate_2300=this.modalTimeline.querySelector(".inp-rt-2300"),this.inpRotate_2400=this.modalTimeline.querySelector(".inp-rt-2400"),this.inpRotate_2500=this.modalTimeline.querySelector(".inp-rt-2500"),this.inpRotate_2600=this.modalTimeline.querySelector(".inp-rt-2600"),this.inpRotate_2700=this.modalTimeline.querySelector(".inp-rt-2700"),this.inpRotate_2800=this.modalTimeline.querySelector(".inp-rt-2800"),this.inpOpacity=this.modalTimeline.querySelector(".inp-op"),this.inpOpacity_100=this.modalTimeline.querySelector(".inp-op-100"),this.inpOpacity_200=this.modalTimeline.querySelector(".inp-op-200"),this.inpOpacity_300=this.modalTimeline.querySelector(".inp-op-300"),this.inpOpacity_400=this.modalTimeline.querySelector(".inp-op-400"),this.inpOpacity_500=this.modalTimeline.querySelector(".inp-op-500"),this.inpOpacity_600=this.modalTimeline.querySelector(".inp-op-600"),this.inpOpacity_700=this.modalTimeline.querySelector(".inp-op-700"),this.inpOpacity_800=this.modalTimeline.querySelector(".inp-op-800"),this.inpOpacity_900=this.modalTimeline.querySelector(".inp-op-900"),this.inpOpacity_1000=this.modalTimeline.querySelector(".inp-op-1000"),this.inpOpacity_1100=this.modalTimeline.querySelector(".inp-op-1100"),this.inpOpacity_1200=this.modalTimeline.querySelector(".inp-op-1200"),this.inpOpacity_1300=this.modalTimeline.querySelector(".inp-op-1300"),this.inpOpacity_1400=this.modalTimeline.querySelector(".inp-op-1400"),this.inpOpacity_1500=this.modalTimeline.querySelector(".inp-op-1500"),this.inpOpacity_1600=this.modalTimeline.querySelector(".inp-op-1600"),this.inpOpacity_1700=this.modalTimeline.querySelector(".inp-op-1700"),this.inpOpacity_1800=this.modalTimeline.querySelector(".inp-op-1800"),this.inpOpacity_1900=this.modalTimeline.querySelector(".inp-op-1900"),this.inpOpacity_2000=this.modalTimeline.querySelector(".inp-op-2000"),this.inpOpacity_2100=this.modalTimeline.querySelector(".inp-op-2100"),this.inpOpacity_2200=this.modalTimeline.querySelector(".inp-op-2200"),this.inpOpacity_2300=this.modalTimeline.querySelector(".inp-op-2300"),this.inpOpacity_2400=this.modalTimeline.querySelector(".inp-op-2400"),this.inpOpacity_2500=this.modalTimeline.querySelector(".inp-op-2500"),this.inpOpacity_2600=this.modalTimeline.querySelector(".inp-op-2600"),this.inpOpacity_2700=this.modalTimeline.querySelector(".inp-op-2700"),this.inpOpacity_2800=this.modalTimeline.querySelector(".inp-op-2800"),this.dummyElm=document.querySelector(".dummy-elm");o.querySelector(".is-modal-close").addEventListener("click",(()=>{this.close()}));o.querySelector(".input-target").addEventListener("change",(()=>{this.read()}));this.modalTimeline.querySelectorAll(".input-device").forEach((t=>{t.addEventListener("click",(()=>{this.modalTimeline.querySelectorAll(".input-device").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.read()}))}));const s=o.querySelector(".cmd-timeline-more");s.addEventListener("click",(()=>{const t=o.querySelector(".timeline-more");this.builder.editor.util.showPop(t,!1,s)}));const a=o.querySelector("#chkPinSection2"),l=o.querySelector(".div-pin-spacing");a.addEventListener("click",(()=>{const t=this.builder.activeSection;if(t){if(this.builder.editor.saveForUndo(),a.checked){t.classList.add("section-pin"),l.style.display="flex",l.querySelectorAll(".cmd-pin-space").forEach((t=>{t.classList.remove("on")})),l.querySelector('.cmd-pin-space[data-value="md"]').classList.add("on")}else t.classList.remove("section-pin"),t.classList.remove("pin-space-lg"),t.classList.remove("pin-space-xl"),l.style.display="none";this.builder.onChange()}}));const r=o.querySelector("#chkPinDesktopOnly");r.addEventListener("click",(()=>{const t=this.builder.activeSection;t&&(this.builder.editor.saveForUndo(),r.checked?t.classList.add("m-pin-off"):t.classList.remove("m-pin-off"),this.builder.onChange())}));const d=o.querySelector("#chkPinOverlap");d.addEventListener("click",(()=>{const t=this.builder.activeSection;t&&(this.builder.editor.saveForUndo(),d.checked?t.classList.add("pin-overlap"):(t.classList.remove("pin-overlap"),t.classList.remove("no-spacing")),this.builder.onChange())}));l.querySelectorAll(".cmd-pin-space").forEach((t=>{t.addEventListener("click",(()=>{const e=this.builder.activeSection;if(!e)return;let i=t.getAttribute("data-value");this.builder.editor.saveForUndo(),e.classList.remove("pin-space-lg"),e.classList.remove("pin-space-xl"),"lg"===i&&e.classList.add("pin-space-lg"),"xl"===i&&e.classList.add("pin-space-xl"),l.querySelectorAll(".cmd-pin-space").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.builder.onChange()}))}));o.querySelectorAll(".cmd-anim-origin").forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-anim-origin").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.applyTimeline(),this.builder.onChange()}))}));const c=o.querySelector(".cmd-disable-smoothanim");c.addEventListener("click",(()=>{c.classList.contains("on")?c.classList.remove("on"):c.classList.add("on"),this.applyTimeline()}));const u=o.querySelector(".cmd-hidden-onstart");u.addEventListener("click",(()=>{u.classList.contains("on")?u.classList.remove("on"):u.classList.add("on"),this.applyTimeline()}));o.querySelector(".cmd-clear-timeline").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="",t.style.transformOrigin="",this.builder.animateScroll.refreshPage(),this.read(),this.builder.settings.onChange())}));const p=o.querySelector("#chkTimelineDisableOnMobile");p.addEventListener("click",(()=>{const t=this.builder.activeSection;t&&(this.builder.editor.saveForUndo(),p.checked?t.classList.add("m-skrollrr-off"):t.classList.remove("m-skrollrr-off"),this.builder.onChange())}));let h=this.builder.settings.onPageContentClick;this.builder.settings.onPageContentClick=()=>{h&&h.call(this),o.classList.contains("active")&&setTimeout((()=>{this.clickContent()}),30)};this.modalTimeline.querySelectorAll(".table-timeline input").forEach((t=>{t.addEventListener("change",(()=>{this.applyTimeline()}))}))}clickContent(){let t=this.modalTimeline.querySelector(".input-target");t.value="element";let e=this.readTarget();e?("element"===e.name||"inspectedElement"===e.name?t.value="element":"column"===e.name?t.value="column":"row"===e.name?t.value="row":"container"===e.name?t.value="container":"bg"===e.name?t.value="bg":"overlay"===e.name?t.value="overlay":"box"===e.name?t.value="box":"section"===e.name&&(t.value="section"),this.read()):this.clearSettings()}clearSettings(){this.inpX.value="",this.inpX_100.value="",this.inpX_200.value="",this.inpX_300.value="",this.inpX_400.value="",this.inpX_500.value="",this.inpX_600.value="",this.inpX_700.value="",this.inpX_800.value="",this.inpX_900.value="",this.inpX_900.value="",this.inpX_1000.value="",this.inpX_1100.value="",this.inpX_1200.value="",this.inpX_1300.value="",this.inpX_1400.value="",this.inpX_1500.value="",this.inpX_1600.value="",this.inpX_1700.value="",this.inpX_1800.value="",this.inpX_1900.value="",this.inpX_2000.value="",this.inpX_2100.value="",this.inpX_2200.value="",this.inpX_2300.value="",this.inpX_2400.value="",this.inpX_2500.value="",this.inpX_2600.value="",this.inpX_2700.value="",this.inpX_2800.value="",this.inpY.value="",this.inpY_100.value="",this.inpY_200.value="",this.inpY_300.value="",this.inpY_400.value="",this.inpY_500.value="",this.inpY_600.value="",this.inpY_700.value="",this.inpY_800.value="",this.inpY_900.value="",this.inpY_900.value="",this.inpY_1000.value="",this.inpY_1100.value="",this.inpY_1200.value="",this.inpY_1300.value="",this.inpY_1400.value="",this.inpY_1500.value="",this.inpY_1600.value="",this.inpY_1700.value="",this.inpY_1800.value="",this.inpY_1900.value="",this.inpY_2000.value="",this.inpY_2100.value="",this.inpY_2200.value="",this.inpY_2300.value="",this.inpY_2400.value="",this.inpY_2500.value="",this.inpY_2600.value="",this.inpY_2700.value="",this.inpY_2800.value="",this.inpScale.value="",this.inpScale_100.value="",this.inpScale_200.value="",this.inpScale_300.value="",this.inpScale_400.value="",this.inpScale_500.value="",this.inpScale_600.value="",this.inpScale_700.value="",this.inpScale_800.value="",this.inpScale_900.value="",this.inpScale_900.value="",this.inpScale_1000.value="",this.inpScale_1100.value="",this.inpScale_1200.value="",this.inpScale_1300.value="",this.inpScale_1400.value="",this.inpScale_1500.value="",this.inpScale_1600.value="",this.inpScale_1700.value="",this.inpScale_1800.value="",this.inpScale_1900.value="",this.inpScale_2000.value="",this.inpScale_2100.value="",this.inpScale_2200.value="",this.inpScale_2300.value="",this.inpScale_2400.value="",this.inpScale_2500.value="",this.inpScale_2600.value="",this.inpScale_2700.value="",this.inpScale_2800.value="",this.inpRotate.value="",this.inpRotate_100.value="",this.inpRotate_200.value="",this.inpRotate_300.value="",this.inpRotate_400.value="",this.inpRotate_500.value="",this.inpRotate_600.value="",this.inpRotate_700.value="",this.inpRotate_800.value="",this.inpRotate_900.value="",this.inpRotate_900.value="",this.inpRotate_1000.value="",this.inpRotate_1100.value="",this.inpRotate_1200.value="",this.inpRotate_1300.value="",this.inpRotate_1400.value="",this.inpRotate_1500.value="",this.inpRotate_1600.value="",this.inpRotate_1700.value="",this.inpRotate_1800.value="",this.inpRotate_1900.value="",this.inpRotate_2000.value="",this.inpRotate_2100.value="",this.inpRotate_2200.value="",this.inpRotate_2300.value="",this.inpRotate_2400.value="",this.inpRotate_2500.value="",this.inpRotate_2600.value="",this.inpRotate_2700.value="",this.inpRotate_2800.value="",this.inpOpacity.value="",this.inpOpacity_100.value="",this.inpOpacity_200.value="",this.inpOpacity_300.value="",this.inpOpacity_400.value="",this.inpOpacity_500.value="",this.inpOpacity_600.value="",this.inpOpacity_700.value="",this.inpOpacity_800.value="",this.inpOpacity_900.value="",this.inpOpacity_900.value="",this.inpOpacity_1000.value="",this.inpOpacity_1100.value="",this.inpOpacity_1200.value="",this.inpOpacity_1300.value="",this.inpOpacity_1400.value="",this.inpOpacity_1500.value="",this.inpOpacity_1600.value="",this.inpOpacity_1700.value="",this.inpOpacity_1800.value="",this.inpOpacity_1900.value="",this.inpOpacity_2000.value="",this.inpOpacity_2100.value="",this.inpOpacity_2200.value="",this.inpOpacity_2300.value="",this.inpOpacity_2400.value="",this.inpOpacity_2500.value="",this.inpOpacity_2600.value="",this.inpOpacity_2700.value="",this.inpOpacity_2800.value="";const t=this.builder.activeSection;if(t){const e=this.modalTimeline.querySelector(".div-pin-spacing"),i=this.modalTimeline.querySelector("#chkPinSection2");t.classList.contains("section-pin")?(i.checked=!0,e.style.display="flex"):(i.checked=!1,e.style.display="none");const n=this.modalTimeline.querySelector("#chkPinDesktopOnly");t.classList.contains("m-pin-off")?n.checked=!0:n.checked=!1;const o=this.modalTimeline.querySelector("#chkPinOverlap");if(t.classList.contains("pin-overlap")?o.checked=!0:(o.checked=!1,t.classList.contains("no-spacing")&&(o.checked=!0)),e.querySelectorAll(".cmd-pin-space").forEach((t=>{t.classList.remove("on")})),t.classList.contains("pin-space-lg")){e.querySelector('.cmd-pin-space[data-value="lg"]').classList.add("on")}else if(t.classList.contains("pin-space-xl")){e.querySelector('.cmd-pin-space[data-value="xl"]').classList.add("on")}else{e.querySelector('.cmd-pin-space[data-value="md"]').classList.add("on")}const s=this.modalTimeline.querySelector("#chkTimelineDisableOnMobile");t.classList.contains("m-skrollrr-off")?s.checked=!0:s.checked=!1}this.modalTimeline.querySelectorAll(".cmd-anim-origin").forEach((t=>{"center"===t.getAttribute("data-value")?t.classList.add("on"):t.classList.remove("on")}));this.modalTimeline.querySelector(".cmd-disable-smoothanim").classList.remove("on");this.modalTimeline.querySelector(".cmd-hidden-onstart").classList.remove("on")}read(){let t;if(this.clearSettings(),t=this.getTarget().element,!t)return;if(t.style.transformOrigin){let e=t.style.transformOrigin;"center center"===e&&(e="center");this.modalTimeline.querySelectorAll(".cmd-anim-origin").forEach((t=>{e===t.getAttribute("data-value")?t.classList.add("on"):t.classList.remove("on")}))}const e=this.modalTimeline.querySelector(".cmd-disable-smoothanim");t.hasAttribute("data-smooth-scrolling")?e.classList.add("on"):e.classList.remove("on");const i=this.modalTimeline.querySelector(".cmd-hidden-onstart");t.hasAttribute("data-hidden-onstart")?i.classList.add("on"):i.classList.remove("on");for(let e=0;e<=28;e++)this.fillValue(100*e,t)}fillValue(t,e){let i,n="";t>0&&(n="-"+t);let o=this.getDevice();i="xs"===o?e.getAttribute("data-xs-t"+n):"sm"===o?e.getAttribute("data-sm-t"+n):e.getAttribute("data-t"+n),this.dummyElm.style.cssText=i;let s=this.getTransform(this.dummyElm,i);s.translateX&&(this.modalTimeline.querySelector(".inp-x"+n).value=s.translateX.replace("px","")),s.translateY&&(this.modalTimeline.querySelector(".inp-y"+n).value=s.translateY.replace("px","")),s.scale&&(this.modalTimeline.querySelector(".inp-sc"+n).value=s.scale),s.rotate&&(this.modalTimeline.querySelector(".inp-rt"+n).value=s.rotate),s.opacity&&(this.modalTimeline.querySelector(".inp-op"+n).value=s.opacity)}applyTimeline(){let t,e,i,n,o,s,a,l,r,d,c,u,p,h,m,g,b,f,v,y,x,_,S,w,k,C,A,E,L,q,T,O,M,R,B,I,$,N,P,D,z,H,j,F,U,W,X,Y,V,G,K,Z,Q,J,tt,et,it,nt,ot,st,at,lt,rt,dt,ct,ut,pt,ht,mt,gt,bt,ft,vt,yt,xt,_t,St,wt,kt,Ct,At,Et,Lt,qt,Tt,Ot,Mt,Rt,Bt,It,$t,Nt,Pt,Dt,zt,Ht,jt,Ft,Ut,Wt,Xt,Yt,Vt,Gt,Kt,Zt,Qt,Jt,te,ee,ie,ne,oe,se,ae,le,re,de,ce,ue,pe,he,me,ge,be,fe,ve,ye,xe,_e,Se,we,ke,Ce,Ae,Ee,Le,qe,Te,Oe,Me,Re,Be,Ie,$e,Ne;if(t=this.getTarget().element,!t)return;""!==this.inpX.value&&(e=this.inpX.value+(-1!==this.inpX.value.indexOf("%")?"":"px")),""!==this.inpX_100.value&&(i=this.inpX_100.value+(-1!==this.inpX_100.value.indexOf("%")?"":"px")),""!==this.inpX_200.value&&(n=this.inpX_200.value+(-1!==this.inpX_200.value.indexOf("%")?"":"px")),""!==this.inpX_300.value&&(o=this.inpX_300.value+(-1!==this.inpX_300.value.indexOf("%")?"":"px")),""!==this.inpX_400.value&&(s=this.inpX_400.value+(-1!==this.inpX_400.value.indexOf("%")?"":"px")),""!==this.inpX_500.value&&(a=this.inpX_500.value+(-1!==this.inpX_500.value.indexOf("%")?"":"px")),""!==this.inpX_600.value&&(l=this.inpX_600.value+(-1!==this.inpX_600.value.indexOf("%")?"":"px")),""!==this.inpX_700.value&&(r=this.inpX_700.value+(-1!==this.inpX_700.value.indexOf("%")?"":"px")),""!==this.inpX_800.value&&(d=this.inpX_800.value+(-1!==this.inpX_800.value.indexOf("%")?"":"px")),""!==this.inpX_900.value&&(c=this.inpX_900.value+(-1!==this.inpX_900.value.indexOf("%")?"":"px")),""!==this.inpX_1000.value&&(u=this.inpX_1000.value+(-1!==this.inpX_1000.value.indexOf("%")?"":"px")),""!==this.inpX_1100.value&&(p=this.inpX_1100.value+(-1!==this.inpX_1100.value.indexOf("%")?"":"px")),""!==this.inpX_1200.value&&(h=this.inpX_1200.value+(-1!==this.inpX_1200.value.indexOf("%")?"":"px")),""!==this.inpX_1300.value&&(m=this.inpX_1300.value+(-1!==this.inpX_1300.value.indexOf("%")?"":"px")),""!==this.inpX_1400.value&&(g=this.inpX_1400.value+(-1!==this.inpX_1400.value.indexOf("%")?"":"px")),""!==this.inpX_1500.value&&(b=this.inpX_1500.value+(-1!==this.inpX_1500.value.indexOf("%")?"":"px")),""!==this.inpX_1600.value&&(f=this.inpX_1600.value+(-1!==this.inpX_1600.value.indexOf("%")?"":"px")),""!==this.inpX_1700.value&&(v=this.inpX_1700.value+(-1!==this.inpX_1700.value.indexOf("%")?"":"px")),""!==this.inpX_1800.value&&(y=this.inpX_1800.value+(-1!==this.inpX_1800.value.indexOf("%")?"":"px")),""!==this.inpX_1900.value&&(x=this.inpX_1900.value+(-1!==this.inpX_1900.value.indexOf("%")?"":"px")),""!==this.inpX_2000.value&&(_=this.inpX_2000.value+(-1!==this.inpX_2000.value.indexOf("%")?"":"px")),""!==this.inpX_2100.value&&(S=this.inpX_2100.value+(-1!==this.inpX_2100.value.indexOf("%")?"":"px")),""!==this.inpX_2200.value&&(w=this.inpX_2200.value+(-1!==this.inpX_2200.value.indexOf("%")?"":"px")),""!==this.inpX_2300.value&&(k=this.inpX_2300.value+(-1!==this.inpX_2300.value.indexOf("%")?"":"px")),""!==this.inpX_2400.value&&(C=this.inpX_2400.value+(-1!==this.inpX_2400.value.indexOf("%")?"":"px")),""!==this.inpX_2500.value&&(A=this.inpX_2500.value+(-1!==this.inpX_2500.value.indexOf("%")?"":"px")),""!==this.inpX_2600.value&&(E=this.inpX_2600.value+(-1!==this.inpX_2600.value.indexOf("%")?"":"px")),""!==this.inpX_2700.value&&(L=this.inpX_2700.value+(-1!==this.inpX_2700.value.indexOf("%")?"":"px")),""!==this.inpX_2800.value&&(q=this.inpX_2800.value+(-1!==this.inpX_2800.value.indexOf("%")?"":"px")),""!==this.inpY.value&&(T=this.inpY.value+(-1!==this.inpY.value.indexOf("%")?"":"px")),""!==this.inpY_100.value&&(O=this.inpY_100.value+(-1!==this.inpY_100.value.indexOf("%")?"":"px")),""!==this.inpY_200.value&&(M=this.inpY_200.value+(-1!==this.inpY_200.value.indexOf("%")?"":"px")),""!==this.inpY_300.value&&(R=this.inpY_300.value+(-1!==this.inpY_300.value.indexOf("%")?"":"px")),""!==this.inpY_400.value&&(B=this.inpY_400.value+(-1!==this.inpY_400.value.indexOf("%")?"":"px")),""!==this.inpY_500.value&&(I=this.inpY_500.value+(-1!==this.inpY_500.value.indexOf("%")?"":"px")),""!==this.inpY_600.value&&($=this.inpY_600.value+(-1!==this.inpY_600.value.indexOf("%")?"":"px")),""!==this.inpY_700.value&&(N=this.inpY_700.value+(-1!==this.inpY_700.value.indexOf("%")?"":"px")),""!==this.inpY_800.value&&(P=this.inpY_800.value+(-1!==this.inpY_800.value.indexOf("%")?"":"px")),""!==this.inpY_900.value&&(D=this.inpY_900.value+(-1!==this.inpY_900.value.indexOf("%")?"":"px")),""!==this.inpY_1000.value&&(z=this.inpY_1000.value+(-1!==this.inpY_1000.value.indexOf("%")?"":"px")),""!==this.inpY_1100.value&&(H=this.inpY_1100.value+(-1!==this.inpY_1100.value.indexOf("%")?"":"px")),""!==this.inpY_1200.value&&(j=this.inpY_1200.value+(-1!==this.inpY_1200.value.indexOf("%")?"":"px")),""!==this.inpY_1300.value&&(F=this.inpY_1300.value+(-1!==this.inpY_1300.value.indexOf("%")?"":"px")),""!==this.inpY_1400.value&&(U=this.inpY_1400.value+(-1!==this.inpY_1400.value.indexOf("%")?"":"px")),""!==this.inpY_1500.value&&(W=this.inpY_1500.value+(-1!==this.inpY_1500.value.indexOf("%")?"":"px")),""!==this.inpY_1600.value&&(X=this.inpY_1600.value+(-1!==this.inpY_1600.value.indexOf("%")?"":"px")),""!==this.inpY_1700.value&&(Y=this.inpY_1700.value+(-1!==this.inpY_1700.value.indexOf("%")?"":"px")),""!==this.inpY_1800.value&&(V=this.inpY_1800.value+(-1!==this.inpY_1800.value.indexOf("%")?"":"px")),""!==this.inpY_1900.value&&(G=this.inpY_1900.value+(-1!==this.inpY_1900.value.indexOf("%")?"":"px")),""!==this.inpY_2000.value&&(K=this.inpY_2000.value+(-1!==this.inpY_2000.value.indexOf("%")?"":"px")),""!==this.inpY_2100.value&&(Z=this.inpY_2100.value+(-1!==this.inpY_2100.value.indexOf("%")?"":"px")),""!==this.inpY_2200.value&&(Q=this.inpY_2200.value+(-1!==this.inpY_2200.value.indexOf("%")?"":"px")),""!==this.inpY_2300.value&&(J=this.inpY_2300.value+(-1!==this.inpY_2300.value.indexOf("%")?"":"px")),""!==this.inpY_2400.value&&(tt=this.inpY_2400.value+(-1!==this.inpY_2400.value.indexOf("%")?"":"px")),""!==this.inpY_2500.value&&(et=this.inpY_2500.value+(-1!==this.inpY_2500.value.indexOf("%")?"":"px")),""!==this.inpY_2600.value&&(it=this.inpY_2600.value+(-1!==this.inpY_2600.value.indexOf("%")?"":"px")),""!==this.inpY_2700.value&&(nt=this.inpY_2700.value+(-1!==this.inpY_2700.value.indexOf("%")?"":"px")),""!==this.inpY_2800.value&&(ot=this.inpY_2800.value+(-1!==this.inpY_2800.value.indexOf("%")?"":"px")),""!==this.inpScale.value&&(st=this.inpScale.value),""!==this.inpScale_100.value&&(at=this.inpScale_100.value),""!==this.inpScale_200.value&&(lt=this.inpScale_200.value),""!==this.inpScale_300.value&&(rt=this.inpScale_300.value),""!==this.inpScale_400.value&&(dt=this.inpScale_400.value),""!==this.inpScale_500.value&&(ct=this.inpScale_500.value),""!==this.inpScale_600.value&&(ut=this.inpScale_600.value),""!==this.inpScale_700.value&&(pt=this.inpScale_700.value),""!==this.inpScale_800.value&&(ht=this.inpScale_800.value),""!==this.inpScale_900.value&&(mt=this.inpScale_900.value),""!==this.inpScale_1000.value&&(gt=this.inpScale_1000.value),""!==this.inpScale_1100.value&&(bt=this.inpScale_1100.value),""!==this.inpScale_1200.value&&(ft=this.inpScale_1200.value),""!==this.inpScale_1300.value&&(vt=this.inpScale_1300.value),""!==this.inpScale_1400.value&&(yt=this.inpScale_1400.value),""!==this.inpScale_1500.value&&(xt=this.inpScale_1500.value),""!==this.inpScale_1600.value&&(_t=this.inpScale_1600.value),""!==this.inpScale_1700.value&&(St=this.inpScale_1700.value),""!==this.inpScale_1800.value&&(wt=this.inpScale_1800.value),""!==this.inpScale_1900.value&&(kt=this.inpScale_1900.value),""!==this.inpScale_2000.value&&(Ct=this.inpScale_2000.value),""!==this.inpScale_2100.value&&(At=this.inpScale_2100.value),""!==this.inpScale_2200.value&&(Et=this.inpScale_2200.value),""!==this.inpScale_2300.value&&(Lt=this.inpScale_2300.value),""!==this.inpScale_2400.value&&(qt=this.inpScale_2400.value),""!==this.inpScale_2500.value&&(Tt=this.inpScale_2500.value),""!==this.inpScale_2600.value&&(Ot=this.inpScale_2600.value),""!==this.inpScale_2700.value&&(Mt=this.inpScale_2700.value),""!==this.inpScale_2800.value&&(Rt=this.inpScale_2800.value),""!==this.inpRotate.value&&(Bt=this.inpRotate.value),""!==this.inpRotate_100.value&&(It=this.inpRotate_100.value),""!==this.inpRotate_200.value&&($t=this.inpRotate_200.value),""!==this.inpRotate_300.value&&(Nt=this.inpRotate_300.value),""!==this.inpRotate_400.value&&(Pt=this.inpRotate_400.value),""!==this.inpRotate_500.value&&(Dt=this.inpRotate_500.value),""!==this.inpRotate_600.value&&(zt=this.inpRotate_600.value),""!==this.inpRotate_700.value&&(Ht=this.inpRotate_700.value),""!==this.inpRotate_800.value&&(jt=this.inpRotate_800.value),""!==this.inpRotate_900.value&&(Ft=this.inpRotate_900.value),""!==this.inpRotate_1000.value&&(Ut=this.inpRotate_1000.value),""!==this.inpRotate_1100.value&&(Wt=this.inpRotate_1100.value),""!==this.inpRotate_1200.value&&(Xt=this.inpRotate_1200.value),""!==this.inpRotate_1300.value&&(Yt=this.inpRotate_1300.value),""!==this.inpRotate_1400.value&&(Vt=this.inpRotate_1400.value),""!==this.inpRotate_1500.value&&(Gt=this.inpRotate_1500.value),""!==this.inpRotate_1600.value&&(Kt=this.inpRotate_1600.value),""!==this.inpRotate_1700.value&&(Zt=this.inpRotate_1700.value),""!==this.inpRotate_1800.value&&(Qt=this.inpRotate_1800.value),""!==this.inpRotate_1900.value&&(Jt=this.inpRotate_1900.value),""!==this.inpRotate_2000.value&&(te=this.inpRotate_2000.value),""!==this.inpRotate_2100.value&&(ee=this.inpRotate_2100.value),""!==this.inpRotate_2200.value&&(ie=this.inpRotate_2200.value),""!==this.inpRotate_2300.value&&(ne=this.inpRotate_2300.value),""!==this.inpRotate_2400.value&&(oe=this.inpRotate_2400.value),""!==this.inpRotate_2500.value&&(se=this.inpRotate_2500.value),""!==this.inpRotate_2600.value&&(ae=this.inpRotate_2600.value),""!==this.inpRotate_2700.value&&(le=this.inpRotate_2700.value),""!==this.inpRotate_2800.value&&(re=this.inpRotate_2800.value),""!==this.inpOpacity.value&&(de=this.inpOpacity.value),""!==this.inpOpacity_100.value&&(ce=this.inpOpacity_100.value),""!==this.inpOpacity_200.value&&(ue=this.inpOpacity_200.value),""!==this.inpOpacity_300.value&&(pe=this.inpOpacity_300.value),""!==this.inpOpacity_400.value&&(he=this.inpOpacity_400.value),""!==this.inpOpacity_500.value&&(me=this.inpOpacity_500.value),""!==this.inpOpacity_600.value&&(ge=this.inpOpacity_600.value),""!==this.inpOpacity_700.value&&(be=this.inpOpacity_700.value),""!==this.inpOpacity_800.value&&(fe=this.inpOpacity_800.value),""!==this.inpOpacity_900.value&&(ve=this.inpOpacity_900.value),""!==this.inpOpacity_1000.value&&(ye=this.inpOpacity_1000.value),""!==this.inpOpacity_1100.value&&(xe=this.inpOpacity_1100.value),""!==this.inpOpacity_1200.value&&(_e=this.inpOpacity_1200.value),""!==this.inpOpacity_1300.value&&(Se=this.inpOpacity_1300.value),""!==this.inpOpacity_1400.value&&(we=this.inpOpacity_1400.value),""!==this.inpOpacity_1500.value&&(ke=this.inpOpacity_1500.value),""!==this.inpOpacity_1600.value&&(Ce=this.inpOpacity_1600.value),""!==this.inpOpacity_1700.value&&(Ae=this.inpOpacity_1700.value),""!==this.inpOpacity_1800.value&&(Ee=this.inpOpacity_1800.value),""!==this.inpOpacity_1900.value&&(Le=this.inpOpacity_1900.value),""!==this.inpOpacity_2000.value&&(qe=this.inpOpacity_2000.value),""!==this.inpOpacity_2100.value&&(Te=this.inpOpacity_2100.value),""!==this.inpOpacity_2200.value&&(Oe=this.inpOpacity_2200.value),""!==this.inpOpacity_2300.value&&(Me=this.inpOpacity_2300.value),""!==this.inpOpacity_2400.value&&(Re=this.inpOpacity_2400.value),""!==this.inpOpacity_2500.value&&(Be=this.inpOpacity_2500.value),""!==this.inpOpacity_2600.value&&(Ie=this.inpOpacity_2600.value),""!==this.inpOpacity_2700.value&&($e=this.inpOpacity_2700.value),""!==this.inpOpacity_2800.value&&(Ne=this.inpOpacity_2800.value);let Pe=(e?` translateX(${e})`:"")+(T?` translateY(${T})`:"")+(st?` scale(${st})`:"")+(Bt?` rotate(${Bt})`:"");Pe=Pe.trim();let De=(i?` translateX(${i})`:"")+(O?` translateY(${O})`:"")+(at?` scale(${at})`:"")+(It?` rotate(${It})`:"");De=De.trim();let ze=(n?` translateX(${n})`:"")+(M?` translateY(${M})`:"")+(lt?` scale(${lt})`:"")+($t?` rotate(${$t})`:"");ze=ze.trim();let He=(o?` translateX(${o})`:"")+(R?` translateY(${R})`:"")+(rt?` scale(${rt})`:"")+(Nt?` rotate(${Nt})`:"");He=He.trim();let je=(s?` translateX(${s})`:"")+(B?` translateY(${B})`:"")+(dt?` scale(${dt})`:"")+(Pt?` rotate(${Pt})`:"");je=je.trim();let Fe=(a?` translateX(${a})`:"")+(I?` translateY(${I})`:"")+(ct?` scale(${ct})`:"")+(Dt?` rotate(${Dt})`:"");Fe=Fe.trim();let Ue=(l?` translateX(${l})`:"")+($?` translateY(${$})`:"")+(ut?` scale(${ut})`:"")+(zt?` rotate(${zt})`:"");Ue=Ue.trim();let We=(r?` translateX(${r})`:"")+(N?` translateY(${N})`:"")+(pt?` scale(${pt})`:"")+(Ht?` rotate(${Ht})`:"");We=We.trim();let Xe=(d?` translateX(${d})`:"")+(P?` translateY(${P})`:"")+(ht?` scale(${ht})`:"")+(jt?` rotate(${jt})`:"");Xe=Xe.trim();let Ye=(c?` translateX(${c})`:"")+(D?` translateY(${D})`:"")+(mt?` scale(${mt})`:"")+(Ft?` rotate(${Ft})`:"");Ye=Ye.trim();let Ve=(u?` translateX(${u})`:"")+(z?` translateY(${z})`:"")+(gt?` scale(${gt})`:"")+(Ut?` rotate(${Ut})`:"");Ve=Ve.trim();let Ge=(p?` translateX(${p})`:"")+(H?` translateY(${H})`:"")+(bt?` scale(${bt})`:"")+(Wt?` rotate(${Wt})`:"");Ge=Ge.trim();let Ke=(h?` translateX(${h})`:"")+(j?` translateY(${j})`:"")+(ft?` scale(${ft})`:"")+(Xt?` rotate(${Xt})`:"");Ke=Ke.trim();let Ze=(m?` translateX(${m})`:"")+(F?` translateY(${F})`:"")+(vt?` scale(${vt})`:"")+(Yt?` rotate(${Yt})`:"");Ze=Ze.trim();let Qe=(g?` translateX(${g})`:"")+(U?` translateY(${U})`:"")+(yt?` scale(${yt})`:"")+(Vt?` rotate(${Vt})`:"");Qe=Qe.trim();let Je=(b?` translateX(${b})`:"")+(W?` translateY(${W})`:"")+(xt?` scale(${xt})`:"")+(Gt?` rotate(${Gt})`:"");Je=Je.trim();let ti=(f?` translateX(${f})`:"")+(X?` translateY(${X})`:"")+(_t?` scale(${_t})`:"")+(Kt?` rotate(${Kt})`:"");ti=ti.trim();let ei=(v?` translateX(${v})`:"")+(Y?` translateY(${Y})`:"")+(St?` scale(${St})`:"")+(Zt?` rotate(${Zt})`:"");ei=ei.trim();let ii=(y?` translateX(${y})`:"")+(V?` translateY(${V})`:"")+(wt?` scale(${wt})`:"")+(Qt?` rotate(${Qt})`:"");ii=ii.trim();let ni=(x?` translateX(${x})`:"")+(G?` translateY(${G})`:"")+(kt?` scale(${kt})`:"")+(Jt?` rotate(${Jt})`:"");ni=ni.trim();let oi=(_?` translateX(${_})`:"")+(K?` translateY(${K})`:"")+(Ct?` scale(${Ct})`:"")+(te?` rotate(${te})`:"");oi=oi.trim();let si=(S?` translateX(${S})`:"")+(Z?` translateY(${Z})`:"")+(At?` scale(${At})`:"")+(ee?` rotate(${ee})`:"");si=si.trim();let ai=(w?` translateX(${w})`:"")+(Q?` translateY(${Q})`:"")+(Et?` scale(${Et})`:"")+(ie?` rotate(${ie})`:"");ai=ai.trim();let li=(k?` translateX(${k})`:"")+(J?` translateY(${J})`:"")+(Lt?` scale(${Lt})`:"")+(ne?` rotate(${ne})`:"");li=li.trim();let ri=(C?` translateX(${C})`:"")+(tt?` translateY(${tt})`:"")+(qt?` scale(${qt})`:"")+(oe?` rotate(${oe})`:"");ri=ri.trim();let di=(A?` translateX(${A})`:"")+(et?` translateY(${et})`:"")+(Tt?` scale(${Tt})`:"")+(se?` rotate(${se})`:"");di=di.trim();let ci=(E?` translateX(${E})`:"")+(it?` translateY(${it})`:"")+(Ot?` scale(${Ot})`:"")+(ae?` rotate(${ae})`:"");ci=ci.trim();let ui=(L?` translateX(${L})`:"")+(nt?` translateY(${nt})`:"")+(Mt?` scale(${Mt})`:"")+(le?` rotate(${le})`:"");ui=ui.trim();let pi=(q?` translateX(${q})`:"")+(ot?` translateY(${ot})`:"")+(Rt?` scale(${Rt})`:"")+(re?` rotate(${re})`:"");pi=pi.trim();let hi=(Pe?"transform: "+Pe+";":"")+(de?`opacity:${de}`:""),mi=(De?"transform: "+De+";":"")+(ce?`opacity:${ce}`:""),gi=(ze?"transform: "+ze+";":"")+(ue?`opacity:${ue}`:""),bi=(He?"transform: "+He+";":"")+(pe?`opacity:${pe}`:""),fi=(je?"transform: "+je+";":"")+(he?`opacity:${he}`:""),vi=(Fe?"transform: "+Fe+";":"")+(me?`opacity:${me}`:""),yi=(Ue?"transform: "+Ue+";":"")+(ge?`opacity:${ge}`:""),xi=(We?"transform: "+We+";":"")+(be?`opacity:${be}`:""),_i=(Xe?"transform: "+Xe+";":"")+(fe?`opacity:${fe}`:""),Si=(Ye?"transform: "+Ye+";":"")+(ve?`opacity:${ve}`:""),wi=(Ve?"transform: "+Ve+";":"")+(ye?`opacity:${ye}`:""),ki=(Ge?"transform: "+Ge+";":"")+(xe?`opacity:${xe}`:""),Ci=(Ke?"transform: "+Ke+";":"")+(_e?`opacity:${_e}`:""),Ai=(Ze?"transform: "+Ze+";":"")+(Se?`opacity:${Se}`:""),Ei=(Qe?"transform: "+Qe+";":"")+(we?`opacity:${we}`:""),Li=(Je?"transform: "+Je+";":"")+(ke?`opacity:${ke}`:""),qi=(ti?"transform: "+ti+";":"")+(Ce?`opacity:${Ce}`:""),Ti=(ei?"transform: "+ei+";":"")+(Ae?`opacity:${Ae}`:""),Oi=(ii?"transform: "+ii+";":"")+(Ee?`opacity:${Ee}`:""),Mi=(ni?"transform: "+ni+";":"")+(Le?`opacity:${Le}`:""),Ri=(oi?"transform: "+oi+";":"")+(qe?`opacity:${qe}`:""),Bi=(si?"transform: "+si+";":"")+(Te?`opacity:${Te}`:""),Ii=(ai?"transform: "+ai+";":"")+(Oe?`opacity:${Oe}`:""),$i=(li?"transform: "+li+";":"")+(Me?`opacity:${Me}`:""),Ni=(ri?"transform: "+ri+";":"")+(Re?`opacity:${Re}`:""),Pi=(di?"transform: "+di+";":"")+(Be?`opacity:${Be}`:""),Di=(ci?"transform: "+ci+";":"")+(Ie?`opacity:${Ie}`:""),zi=(ui?"transform: "+ui+";":"")+($e?`opacity:${$e}`:""),Hi=(pi?"transform: "+pi+";":"")+(Ne?`opacity:${Ne}`:"");this.builder.editor.saveForUndo();let ji=this.getDevice();"xs"===ji?(""!==hi?t.setAttribute("data-xs-t",hi):t.removeAttribute("data-xs-t"),""!==mi?t.setAttribute("data-xs-t-100",mi):t.removeAttribute("data-xs-t-100"),""!==gi?t.setAttribute("data-xs-t-200",gi):t.removeAttribute("data-xs-t-200"),""!==bi?t.setAttribute("data-xs-t-300",bi):t.removeAttribute("data-xs-t-300"),""!==fi?t.setAttribute("data-xs-t-400",fi):t.removeAttribute("data-xs-t-400"),""!==vi?t.setAttribute("data-xs-t-500",vi):t.removeAttribute("data-xs-t-500"),""!==yi?t.setAttribute("data-xs-t-600",yi):t.removeAttribute("data-xs-t-600"),""!==xi?t.setAttribute("data-xs-t-700",xi):t.removeAttribute("data-xs-t-700"),""!==_i?t.setAttribute("data-xs-t-800",_i):t.removeAttribute("data-xs-t-800"),""!==Si?t.setAttribute("data-xs-t-900",Si):t.removeAttribute("data-xs-t-900"),""!==wi?t.setAttribute("data-xs-t-1000",wi):t.removeAttribute("data-xs-t-1000"),""!==ki?t.setAttribute("data-xs-t-1100",ki):t.removeAttribute("data-xs-t-1100"),""!==Ci?t.setAttribute("data-xs-t-1200",Ci):t.removeAttribute("data-xs-t-1200"),""!==Ai?t.setAttribute("data-xs-t-1300",Ai):t.removeAttribute("data-xs-t-1300"),""!==Ei?t.setAttribute("data-xs-t-1400",Ei):t.removeAttribute("data-xs-t-1400"),""!==Li?t.setAttribute("data-xs-t-1500",Li):t.removeAttribute("data-xs-t-1500"),""!==qi?t.setAttribute("data-xs-t-1600",qi):t.removeAttribute("data-xs-t-1600"),""!==Ti?t.setAttribute("data-xs-t-1700",Ti):t.removeAttribute("data-xs-t-1700"),""!==Oi?t.setAttribute("data-xs-t-1800",Oi):t.removeAttribute("data-xs-t-1800"),""!==Mi?t.setAttribute("data-xs-t-1900",Mi):t.removeAttribute("data-xs-t-1900"),""!==Ri?t.setAttribute("data-xs-t-2000",Ri):t.removeAttribute("data-xs-t-2000"),""!==Bi?t.setAttribute("data-xs-t-2100",Bi):t.removeAttribute("data-xs-t-2100"),""!==Ii?t.setAttribute("data-xs-t-2200",Ii):t.removeAttribute("data-xs-t-2200"),""!==$i?t.setAttribute("data-xs-t-2300",$i):t.removeAttribute("data-xs-t-2300"),""!==Ni?t.setAttribute("data-xs-t-2400",Ni):t.removeAttribute("data-xs-t-2400"),""!==Pi?t.setAttribute("data-xs-t-2500",Pi):t.removeAttribute("data-xs-t-2500"),""!==Di?t.setAttribute("data-xs-t-2600",Di):t.removeAttribute("data-xs-t-2600"),""!==zi?t.setAttribute("data-xs-t-2700",zi):t.removeAttribute("data-xs-t-2700"),""!==Hi?t.setAttribute("data-xs-t-2800",Hi):t.removeAttribute("data-xs-t-2800")):"sm"===ji?(""!==hi?t.setAttribute("data-sm-t",hi):t.removeAttribute("data-sm-t"),""!==mi?t.setAttribute("data-sm-t-100",mi):t.removeAttribute("data-sm-t-100"),""!==gi?t.setAttribute("data-sm-t-200",gi):t.removeAttribute("data-sm-t-200"),""!==bi?t.setAttribute("data-sm-t-300",bi):t.removeAttribute("data-sm-t-300"),""!==fi?t.setAttribute("data-sm-t-400",fi):t.removeAttribute("data-sm-t-400"),""!==vi?t.setAttribute("data-sm-t-500",vi):t.removeAttribute("data-sm-t-500"),""!==yi?t.setAttribute("data-sm-t-600",yi):t.removeAttribute("data-sm-t-600"),""!==xi?t.setAttribute("data-sm-t-700",xi):t.removeAttribute("data-sm-t-700"),""!==_i?t.setAttribute("data-sm-t-800",_i):t.removeAttribute("data-sm-t-800"),""!==Si?t.setAttribute("data-sm-t-900",Si):t.removeAttribute("data-sm-t-900"),""!==wi?t.setAttribute("data-sm-t-1000",wi):t.removeAttribute("data-sm-t-1000"),""!==ki?t.setAttribute("data-sm-t-1100",ki):t.removeAttribute("data-sm-t-1100"),""!==Ci?t.setAttribute("data-sm-t-1200",Ci):t.removeAttribute("data-sm-t-1200"),""!==Ai?t.setAttribute("data-sm-t-1300",Ai):t.removeAttribute("data-sm-t-1300"),""!==Ei?t.setAttribute("data-sm-t-1400",Ei):t.removeAttribute("data-sm-t-1400"),""!==Li?t.setAttribute("data-sm-t-1500",Li):t.removeAttribute("data-sm-t-1500"),""!==qi?t.setAttribute("data-sm-t-1600",qi):t.removeAttribute("data-sm-t-1600"),""!==Ti?t.setAttribute("data-sm-t-1700",Ti):t.removeAttribute("data-sm-t-1700"),""!==Oi?t.setAttribute("data-sm-t-1800",Oi):t.removeAttribute("data-sm-t-1800"),""!==Mi?t.setAttribute("data-sm-t-1900",Mi):t.removeAttribute("data-sm-t-1900"),""!==Ri?t.setAttribute("data-sm-t-2000",Ri):t.removeAttribute("data-sm-t-2000"),""!==Bi?t.setAttribute("data-sm-t-2100",Bi):t.removeAttribute("data-sm-t-2100"),""!==Ii?t.setAttribute("data-sm-t-2200",Ii):t.removeAttribute("data-sm-t-2200"),""!==$i?t.setAttribute("data-sm-t-2300",$i):t.removeAttribute("data-sm-t-2300"),""!==Ni?t.setAttribute("data-sm-t-2400",Ni):t.removeAttribute("data-sm-t-2400"),""!==Pi?t.setAttribute("data-sm-t-2500",Pi):t.removeAttribute("data-sm-t-2500"),""!==Di?t.setAttribute("data-sm-t-2600",Di):t.removeAttribute("data-sm-t-2600"),""!==zi?t.setAttribute("data-sm-t-2700",zi):t.removeAttribute("data-sm-t-2700"),""!==Hi?t.setAttribute("data-sm-t-2800",Hi):t.removeAttribute("data-sm-t-2800")):(""!==hi?t.setAttribute("data-t",hi):t.removeAttribute("data-t"),""!==mi?t.setAttribute("data-t-100",mi):t.removeAttribute("data-t-100"),""!==gi?t.setAttribute("data-t-200",gi):t.removeAttribute("data-t-200"),""!==bi?t.setAttribute("data-t-300",bi):t.removeAttribute("data-t-300"),""!==fi?t.setAttribute("data-t-400",fi):t.removeAttribute("data-t-400"),""!==vi?t.setAttribute("data-t-500",vi):t.removeAttribute("data-t-500"),""!==yi?t.setAttribute("data-t-600",yi):t.removeAttribute("data-t-600"),""!==xi?t.setAttribute("data-t-700",xi):t.removeAttribute("data-t-700"),""!==_i?t.setAttribute("data-t-800",_i):t.removeAttribute("data-t-800"),""!==Si?t.setAttribute("data-t-900",Si):t.removeAttribute("data-t-900"),""!==wi?t.setAttribute("data-t-1000",wi):t.removeAttribute("data-t-1000"),""!==ki?t.setAttribute("data-t-1100",ki):t.removeAttribute("data-t-1100"),""!==Ci?t.setAttribute("data-t-1200",Ci):t.removeAttribute("data-t-1200"),""!==Ai?t.setAttribute("data-t-1300",Ai):t.removeAttribute("data-t-1300"),""!==Ei?t.setAttribute("data-t-1400",Ei):t.removeAttribute("data-t-1400"),""!==Li?t.setAttribute("data-t-1500",Li):t.removeAttribute("data-t-1500"),""!==qi?t.setAttribute("data-t-1600",qi):t.removeAttribute("data-t-1600"),""!==Ti?t.setAttribute("data-t-1700",Ti):t.removeAttribute("data-t-1700"),""!==Oi?t.setAttribute("data-t-1800",Oi):t.removeAttribute("data-t-1800"),""!==Mi?t.setAttribute("data-t-1900",Mi):t.removeAttribute("data-t-1900"),""!==Ri?t.setAttribute("data-t-2000",Ri):t.removeAttribute("data-t-2000"),""!==Bi?t.setAttribute("data-t-2100",Bi):t.removeAttribute("data-t-2100"),""!==Ii?t.setAttribute("data-t-2200",Ii):t.removeAttribute("data-t-2200"),""!==$i?t.setAttribute("data-t-2300",$i):t.removeAttribute("data-t-2300"),""!==Ni?t.setAttribute("data-t-2400",Ni):t.removeAttribute("data-t-2400"),""!==Pi?t.setAttribute("data-t-2500",Pi):t.removeAttribute("data-t-2500"),""!==Di?t.setAttribute("data-t-2600",Di):t.removeAttribute("data-t-2600"),""!==zi?t.setAttribute("data-t-2700",zi):t.removeAttribute("data-t-2700"),""!==Hi?t.setAttribute("data-t-2800",Hi):t.removeAttribute("data-t-2800")),t.style.transform="",t.style.transition="",t.style.opacity="",t.hasAttribute("data-xs-t")||t.hasAttribute("data-xs-t-100")||t.hasAttribute("data-xs-t-200")||t.hasAttribute("data-xs-t-300")||t.hasAttribute("data-xs-t-400")||t.hasAttribute("data-xs-t-500")||t.hasAttribute("data-xs-t-600")||t.hasAttribute("data-xs-t-700")||t.hasAttribute("data-xs-t-800")||t.hasAttribute("data-xs-t-900")||t.hasAttribute("data-xs-t-1000")||t.hasAttribute("data-xs-t-1100")||t.hasAttribute("data-xs-t-1200")||t.hasAttribute("data-xs-t-1300")||t.hasAttribute("data-xs-t-1400")||t.hasAttribute("data-xs-t-1500")||t.hasAttribute("data-xs-t-1600")||t.hasAttribute("data-xs-t-1700")||t.hasAttribute("data-xs-t-1800")||t.hasAttribute("data-xs-t-1900")||t.hasAttribute("data-xs-t-2000")||t.hasAttribute("data-xs-t-2100")||t.hasAttribute("data-xs-t-2200")||t.hasAttribute("data-xs-t-2300")||t.hasAttribute("data-xs-t-2400")||t.hasAttribute("data-xs-t-2500")||t.hasAttribute("data-xs-t-2600")||t.hasAttribute("data-xs-t-2700")||t.hasAttribute("data-xs-t-2800")?t.setAttribute("data-xs",""):t.removeAttribute("data-xs"),t.hasAttribute("data-sm-t")||t.hasAttribute("data-sm-t-100")||t.hasAttribute("data-sm-t-200")||t.hasAttribute("data-sm-t-300")||t.hasAttribute("data-sm-t-400")||t.hasAttribute("data-sm-t-500")||t.hasAttribute("data-sm-t-600")||t.hasAttribute("data-sm-t-700")||t.hasAttribute("data-sm-t-800")||t.hasAttribute("data-sm-t-900")||t.hasAttribute("data-sm-t-1000")||t.hasAttribute("data-sm-t-1100")||t.hasAttribute("data-sm-t-1200")||t.hasAttribute("data-sm-t-1300")||t.hasAttribute("data-sm-t-1400")||t.hasAttribute("data-sm-t-1500")||t.hasAttribute("data-sm-t-1600")||t.hasAttribute("data-sm-t-1700")||t.hasAttribute("data-sm-t-1800")||t.hasAttribute("data-sm-t-1900")||t.hasAttribute("data-sm-t-2000")||t.hasAttribute("data-sm-t-2100")||t.hasAttribute("data-sm-t-2200")||t.hasAttribute("data-sm-t-2300")||t.hasAttribute("data-sm-t-2400")||t.hasAttribute("data-sm-t-2500")||t.hasAttribute("data-sm-t-2600")||t.hasAttribute("data-sm-t-2700")||t.hasAttribute("data-sm-t-2800")?t.setAttribute("data-sm",""):t.removeAttribute("data-sm"),t.hasAttribute("data-md-t")||t.hasAttribute("data-md-t-100")||t.hasAttribute("data-md-t-200")||t.hasAttribute("data-md-t-300")||t.hasAttribute("data-md-t-400")||t.hasAttribute("data-md-t-500")||t.hasAttribute("data-md-t-600")||t.hasAttribute("data-md-t-700")||t.hasAttribute("data-md-t-800")||t.hasAttribute("data-md-t-900")||t.hasAttribute("data-md-t-1000")||t.hasAttribute("data-md-t-1100")||t.hasAttribute("data-md-t-1200")||t.hasAttribute("data-md-t-1300")||t.hasAttribute("data-md-t-1400")||t.hasAttribute("data-md-t-1500")||t.hasAttribute("data-md-t-1600")||t.hasAttribute("data-md-t-1700")||t.hasAttribute("data-md-t-1800")||t.hasAttribute("data-md-t-1900")||t.hasAttribute("data-md-t-2000")||t.hasAttribute("data-md-t-2100")||t.hasAttribute("data-md-t-2200")||t.hasAttribute("data-md-t-2300")||t.hasAttribute("data-md-t-2400")||t.hasAttribute("data-md-t-2500")||t.hasAttribute("data-md-t-2600")||t.hasAttribute("data-md-t-2700")||t.hasAttribute("data-md-t-2800")?t.setAttribute("data-md",""):t.removeAttribute("data-md"),t.hasAttribute("data-lg-t")||t.hasAttribute("data-lg-t-100")||t.hasAttribute("data-lg-t-200")||t.hasAttribute("data-lg-t-300")||t.hasAttribute("data-lg-t-400")||t.hasAttribute("data-lg-t-500")||t.hasAttribute("data-lg-t-600")||t.hasAttribute("data-lg-t-700")||t.hasAttribute("data-lg-t-800")||t.hasAttribute("data-lg-t-900")||t.hasAttribute("data-lg-t-1000")||t.hasAttribute("data-lg-t-1100")||t.hasAttribute("data-lg-t-1200")||t.hasAttribute("data-lg-t-1300")||t.hasAttribute("data-lg-t-1400")||t.hasAttribute("data-lg-t-1500")||t.hasAttribute("data-lg-t-1600")||t.hasAttribute("data-lg-t-1700")||t.hasAttribute("data-lg-t-1800")||t.hasAttribute("data-lg-t-1900")||t.hasAttribute("data-lg-t-2000")||t.hasAttribute("data-lg-t-2100")||t.hasAttribute("data-lg-t-2200")||t.hasAttribute("data-lg-t-2300")||t.hasAttribute("data-lg-t-2400")||t.hasAttribute("data-lg-t-2500")||t.hasAttribute("data-lg-t-2600")||t.hasAttribute("data-lg-t-2700")||t.hasAttribute("data-lg-t-2800")?t.setAttribute("data-lg",""):t.removeAttribute("data-lg"),t.hasAttribute("data-xl-t")||t.hasAttribute("data-xl-t-100")||t.hasAttribute("data-xl-t-200")||t.hasAttribute("data-xl-t-300")||t.hasAttribute("data-xl-t-400")||t.hasAttribute("data-xl-t-500")||t.hasAttribute("data-xl-t-600")||t.hasAttribute("data-xl-t-700")||t.hasAttribute("data-xl-t-800")||t.hasAttribute("data-xl-t-900")||t.hasAttribute("data-xl-t-1000")||t.hasAttribute("data-xl-t-1100")||t.hasAttribute("data-xl-t-1200")||t.hasAttribute("data-xl-t-1300")||t.hasAttribute("data-xl-t-1400")||t.hasAttribute("data-xl-t-1500")||t.hasAttribute("data-xl-t-1600")||t.hasAttribute("data-xl-t-1700")||t.hasAttribute("data-xl-t-1800")||t.hasAttribute("data-xl-t-1900")||t.hasAttribute("data-xl-t-2000")||t.hasAttribute("data-xl-t-2100")||t.hasAttribute("data-xl-t-2200")||t.hasAttribute("data-xl-t-2300")||t.hasAttribute("data-xl-t-2400")||t.hasAttribute("data-xl-t-2500")||t.hasAttribute("data-xl-t-2600")||t.hasAttribute("data-xl-t-2700")||t.hasAttribute("data-xl-t-2800")?t.setAttribute("data-xl",""):t.removeAttribute("data-xl");const Fi=this.modalTimeline.querySelector(".cmd-anim-origin.on");if(Fi){let e=Fi.getAttribute("data-value");t.style.transformOrigin=e}this.modalTimeline.querySelector(".cmd-disable-smoothanim").classList.contains("on")?t.setAttribute("data-smooth-scrolling","off"):t.removeAttribute("data-smooth-scrolling");this.modalTimeline.querySelector(".cmd-hidden-onstart").classList.contains("on")?t.setAttribute("data-hidden-onstart",""):t.removeAttribute("data-hidden-onstart"),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange()}cleanup(t){let e=this.getDevice();t.removeAttribute("data-hidden-onstart"),"xs"===e?(t.removeAttribute("data-xs"),t.removeAttribute("data-xs-t"),t.removeAttribute("data-xs-t-100"),t.removeAttribute("data-xs-t-200"),t.removeAttribute("data-xs-t-300"),t.removeAttribute("data-xs-t-400"),t.removeAttribute("data-xs-t-500"),t.removeAttribute("data-xs-t-600"),t.removeAttribute("data-xs-t-700"),t.removeAttribute("data-xs-t-800"),t.removeAttribute("data-xs-t-900"),t.removeAttribute("data-xs-t-1000"),t.removeAttribute("data-xs-t-1100"),t.removeAttribute("data-xs-t-1200"),t.removeAttribute("data-xs-t-1300"),t.removeAttribute("data-xs-t-1400"),t.removeAttribute("data-xs-t-1500"),t.removeAttribute("data-xs-t-1600"),t.removeAttribute("data-xs-t-1700"),t.removeAttribute("data-xs-t-1800"),t.removeAttribute("data-xs-t-1900"),t.removeAttribute("data-xs-t-2000"),t.removeAttribute("data-xs-t-2100"),t.removeAttribute("data-xs-t-2200"),t.removeAttribute("data-xs-t-2300"),t.removeAttribute("data-xs-t-2400"),t.removeAttribute("data-xs-t-2500"),t.removeAttribute("data-xs-t-2600"),t.removeAttribute("data-xs-t-2700"),t.removeAttribute("data-xs-t-2800")):"sm"===e?(t.removeAttribute("data-sm"),t.removeAttribute("data-sm-t"),t.removeAttribute("data-sm-t-100"),t.removeAttribute("data-sm-t-200"),t.removeAttribute("data-sm-t-300"),t.removeAttribute("data-sm-t-400"),t.removeAttribute("data-sm-t-500"),t.removeAttribute("data-sm-t-600"),t.removeAttribute("data-sm-t-700"),t.removeAttribute("data-sm-t-800"),t.removeAttribute("data-sm-t-900"),t.removeAttribute("data-sm-t-1000"),t.removeAttribute("data-sm-t-1100"),t.removeAttribute("data-sm-t-1200"),t.removeAttribute("data-sm-t-1300"),t.removeAttribute("data-sm-t-1400"),t.removeAttribute("data-sm-t-1500"),t.removeAttribute("data-sm-t-1600"),t.removeAttribute("data-sm-t-1700"),t.removeAttribute("data-sm-t-1800"),t.removeAttribute("data-sm-t-1900"),t.removeAttribute("data-sm-t-2000"),t.removeAttribute("data-sm-t-2100"),t.removeAttribute("data-sm-t-2200"),t.removeAttribute("data-sm-t-2300"),t.removeAttribute("data-sm-t-2400"),t.removeAttribute("data-sm-t-2500"),t.removeAttribute("data-sm-t-2600"),t.removeAttribute("data-sm-t-2700"),t.removeAttribute("data-sm-t-2800")):"md"===e?(t.removeAttribute("data-md"),t.removeAttribute("data-md-t"),t.removeAttribute("data-md-t-100"),t.removeAttribute("data-md-t-200"),t.removeAttribute("data-md-t-300"),t.removeAttribute("data-md-t-400"),t.removeAttribute("data-md-t-500"),t.removeAttribute("data-md-t-600"),t.removeAttribute("data-md-t-700"),t.removeAttribute("data-md-t-800"),t.removeAttribute("data-md-t-900"),t.removeAttribute("data-md-t-1000"),t.removeAttribute("data-md-t-1100"),t.removeAttribute("data-md-t-1200"),t.removeAttribute("data-md-t-1300"),t.removeAttribute("data-md-t-1400"),t.removeAttribute("data-md-t-1500"),t.removeAttribute("data-md-t-1600"),t.removeAttribute("data-md-t-1700"),t.removeAttribute("data-md-t-1800"),t.removeAttribute("data-md-t-1900"),t.removeAttribute("data-md-t-2000"),t.removeAttribute("data-md-t-2100"),t.removeAttribute("data-md-t-2200"),t.removeAttribute("data-md-t-2300"),t.removeAttribute("data-md-t-2400"),t.removeAttribute("data-md-t-2500"),t.removeAttribute("data-md-t-2600"),t.removeAttribute("data-md-t-2700"),t.removeAttribute("data-md-t-2800")):(t.removeAttribute("data-t"),t.removeAttribute("data-t-100"),t.removeAttribute("data-t-200"),t.removeAttribute("data-t-300"),t.removeAttribute("data-t-400"),t.removeAttribute("data-t-500"),t.removeAttribute("data-t-600"),t.removeAttribute("data-t-700"),t.removeAttribute("data-t-800"),t.removeAttribute("data-t-900"),t.removeAttribute("data-t-1000"),t.removeAttribute("data-t-1100"),t.removeAttribute("data-t-1200"),t.removeAttribute("data-t-1300"),t.removeAttribute("data-t-1400"),t.removeAttribute("data-t-1500"),t.removeAttribute("data-t-1600"),t.removeAttribute("data-t-1700"),t.removeAttribute("data-t-1800"),t.removeAttribute("data-t-1900"),t.removeAttribute("data-t-2000"),t.removeAttribute("data-t-2100"),t.removeAttribute("data-t-2200"),t.removeAttribute("data-t-2300"),t.removeAttribute("data-t-2400"),t.removeAttribute("data-t-2500"),t.removeAttribute("data-t-2600"),t.removeAttribute("data-t-2700"),t.removeAttribute("data-t-2800")),this.builder.animateScroll.cleanup(t),this.builder.animateScroll.cleanup_leave(t),this.builder.animateScroll.cleanup_timeline(t)}getDevice(){return this.modalTimeline.querySelector(".input-device.on").getAttribute("data-value")}getTarget(){let t,e=this.modalTimeline.querySelector(".input-target").value;if("element"===e){let e=this.readTarget();e?("element"===e.name&&(t=this.builder.editor.activeElement),t="inspectedElement"===e.name?this.builder.editor.inspectedElement:this.builder.editor.activeElement):t=this.builder.editor.activeElement}if("column"===e&&(t=this.builder.editor.activeCol),"row"===e){let e=this.builder.editor.activeCol;e&&(t=e.parentNode)}if("container"===e){let e=this.builder.editor.activeCol;e&&(t=e.parentNode.parentNode)}if("overlay"===e){let e;const i=this.builder.doc.querySelector(".box-select");i&&(e=i.querySelector(".is-overlay")),e&&(t=e)}if("bg"===e){let e;const i=this.builder.doc.querySelector(".box-select");i&&(e=i.querySelector(".is-overlay-bg")),e&&(t=e)}if("box"===e){const e=this.builder.doc.querySelector(".box-select");e&&(t=e)}if("section"===e){const e=this.builder.doc.querySelector(".section-select");e&&(t=e)}return{element:t||!1,name:e||!1}}readTarget(t){if(!t){let t,e,i,n=this.builder.editor.inspectedElement;return n?(t=n.getAttribute("data-bottom-top"),t||(t=n.getAttribute("data-400-bottom")),t||(t=n.getAttribute("data-200-bottom")),t||(t=n.getAttribute("data--50-bottom")),e=n.getAttribute("data-top-bottom"),i=n.getAttribute("data-in"),i||(i=n.getAttribute("data-in-150")),i||(i=n.getAttribute("data-in-300")),i||(i=n.getAttribute("data-cen--150")),i||(i=n.getAttribute("data-cen")),i||(i=n.getAttribute("data-cen-150")),i||(i=n.getAttribute("data-out--300")),i||(i=n.getAttribute("data-out--150")),i||(i=n.getAttribute("data-out")),t||e||i||n.hasAttribute("data-t")||n.hasAttribute("data-t-100")||n.hasAttribute("data-t-200")||n.hasAttribute("data-t-300")||n.hasAttribute("data-t-400")||n.hasAttribute("data-t-500")||n.hasAttribute("data-t-600")||n.hasAttribute("data-t-700")||n.hasAttribute("data-t-800")||n.hasAttribute("data-t-900")||n.hasAttribute("data-t-1000")||n.hasAttribute("data-t-1100")||n.hasAttribute("data-t-1200")||n.hasAttribute("data-t-1300")||n.hasAttribute("data-t-1400")||n.hasAttribute("data-t-1500")||n.hasAttribute("data-t-1600")||n.hasAttribute("data-t-1700")||n.hasAttribute("data-t-1800")||n.hasAttribute("data-t-1900")||n.hasAttribute("data-t-2000")||n.hasAttribute("data-t-2100")||n.hasAttribute("data-t-2200")||n.hasAttribute("data-t-2300")||n.hasAttribute("data-t-2400")||n.hasAttribute("data-t-2500")||n.hasAttribute("data-t-2600")||n.hasAttribute("data-t-2700")||n.hasAttribute("data-t-2800")?{element:n,name:"inspectedElement"}:this.readTarget("element")):this.readTarget("bg")}{let e,i,n,o;if("element"===t&&(e=this.builder.editor.activeElement),"column"===t&&(e=this.builder.editor.activeCol),"row"===t&&this.builder.editor.activeCol&&(e=this.builder.editor.activeCol.parentNode),"container"===t&&this.builder.editor.activeCol&&(e=this.builder.editor.activeCol.parentNode.parentNode),"bg"===t){let t;const i=this.builder.doc.querySelector(".box-select");i&&(t=i.querySelector(".is-overlay-bg")),t&&(e=t)}if("overlay"===t){let t;const i=this.builder.doc.querySelector(".box-select");i&&(t=i.querySelector(".is-overlay")),t&&(e=t)}if("box"===t){const t=this.builder.doc.querySelector(".box-select");t&&(e=t)}if("section"===t){const t=this.builder.doc.querySelector(".section-select");t&&(e=t)}if(!e){if("element"===t)return this.readTarget("column");if("column"===t)return this.readTarget("row");if("row"===t)return this.readTarget("container");if("container"===t)return this.readTarget("bg");if("bg"===t)return this.readTarget("overlay");if("overlay"===t)return this.readTarget("box");if("box"===t)return this.readTarget("section");if("section"===t)return!1}if(i=e.getAttribute("data-bottom-top"),i||(i=e.getAttribute("data-400-bottom")),i||(i=e.getAttribute("data-200-bottom")),i||(i=e.getAttribute("data--50-bottom")),n=e.getAttribute("data-top-bottom"),o=e.getAttribute("data-in"),o||(o=e.getAttribute("data-in-150")),o||(o=e.getAttribute("data-in-300")),o||(o=e.getAttribute("data-cen--150")),o||(o=e.getAttribute("data-cen")),o||(o=e.getAttribute("data-cen-150")),o||(o=e.getAttribute("data-out--300")),o||(o=e.getAttribute("data-out--150")),o||(o=e.getAttribute("data-out")),i||n||o||e.hasAttribute("data-t")||e.hasAttribute("data-t-100")||e.hasAttribute("data-t-200")||e.hasAttribute("data-t-300")||e.hasAttribute("data-t-400")||e.hasAttribute("data-t-500")||e.hasAttribute("data-t-600")||e.hasAttribute("data-t-700")||e.hasAttribute("data-t-800")||e.hasAttribute("data-t-900")||e.hasAttribute("data-t-1000")||e.hasAttribute("data-t-1100")||e.hasAttribute("data-t-1200")||e.hasAttribute("data-t-1300")||e.hasAttribute("data-t-1400")||e.hasAttribute("data-t-1500")||e.hasAttribute("data-t-1600")||e.hasAttribute("data-t-1700")||e.hasAttribute("data-t-1800")||e.hasAttribute("data-t-1900")||e.hasAttribute("data-t-2000")||e.hasAttribute("data-t-2100")||e.hasAttribute("data-t-2200")||e.hasAttribute("data-t-2300")||e.hasAttribute("data-t-2400")||e.hasAttribute("data-t-2500")||e.hasAttribute("data-t-2600")||e.hasAttribute("data-t-2700")||e.hasAttribute("data-t-2800"))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}edit(){this.builder.wrapperEl.classList.add("hard-select"),this.builder.activeBox&&this.builder.activeBox.classList.add("box-select"),this.builder.activeSection&&this.builder.activeSection.classList.add("section-select"),this.builder.sidebar.closeSidebar(),this.builder.animateScroll.modalAnimateScroll.classList.remove("active"),this.modalTimeline.classList.add("active"),this.builder.doc.body.classList.add("selection-only"),document.body.classList.add("selection-only");this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display="",localStorage.setItem("_timelinewindow","1")}close(){this.modalTimeline.classList.remove("active"),this.builder.doc.body.classList.remove("selection-only"),document.body.classList.remove("selection-only"),localStorage.removeItem("_timelinewindow")}}class py{constructor(t){this.builder=t}getPageTemplate(t){let e="";return e=""===t?'\n <!DOCTYPE html>\n <html lang="en">\n <head>\n <meta charset="utf-8">\n <title>Page</title>\n <meta name="viewport" content="width=device-width, initial-scale=1">\n <meta name="description" content="">\n <link rel="shortcut icon" href="#">\n \n <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet"> \n <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">\n \n [%MAINCSS%]\n [%SECTIONCSS%]\n </head>\n <body style="touch-action: pan-y">\n \n <main id="main">\n <div class="is-wrapper">\n [%CONTENT%]\n </div>\n </main>\n \n <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">\n <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">\n <script src="[%PATH%]/assets/scripts/glide/glide.js"><\/script>\n \n <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">\n <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"><\/script>\n \n <script src="[%PATH%]/box/box-flex.js"><\/script>\n \n \x3c!-- Optional: if you want to add smooth scrolling --\x3e\n <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"><\/script>\n <script>\n SmoothScroll({\n frameRate: 150,\n animationTime: 800,\n stepSize: 120,\n pulseAlgorithm: 1,\n pulseScale: 4,\n pulseNormalize: 1,\n accelerationDelta: 300,\n accelerationMax: 2,\n keyboardSupport: 1,\n arrowScroll: 50,\n fixedBackground: 0\n });\n <\/script>\n </body>\n </html>\n ':"tailwind"===t?'\n <!DOCTYPE html>\n <html lang="en">\n <head>\n <meta charset="utf-8">\n <title>Page</title>\n <meta name="viewport" content="width=device-width, initial-scale=1">\n <meta name="description" content="">\n <link rel="shortcut icon" href="#">\n \n <link href="[%PATH%]/assets/minimalist-blocks/content-tailwind.css" rel="stylesheet"> \n <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">\n <link href="[%PATH%]/assets/frameworks/tailwindcss/styles.css" rel="stylesheet"> \n\n [%MAINCSS%]\n [%SECTIONCSS%]\n </head>\n <body style="touch-action: pan-y">\n \n <main id="main">\n <div class="is-wrapper">\n [%CONTENT%]\n </div>\n </main>\n \n <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">\n <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">\n <script src="[%PATH%]/assets/scripts/glide/glide.js"><\/script>\n\n <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">\n <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"><\/script>\n\n <script src="[%PATH%]/box/box-flex.js"><\/script>\n\n \x3c!-- Optional: if you want to add smooth scrolling --\x3e\n <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"><\/script>\n <script>\n SmoothScroll({\n frameRate: 150,\n animationTime: 800,\n stepSize: 120,\n pulseAlgorithm: 1,\n pulseScale: 4,\n pulseNormalize: 1,\n accelerationDelta: 300,\n accelerationMax: 2,\n keyboardSupport: 1,\n arrowScroll: 50,\n fixedBackground: 0\n });\n <\/script>\n </body>\n </html>\n ':"bootstrap"===t?'\n <!DOCTYPE html>\n <html lang="en">\n <head>\n <meta charset="utf-8">\n <title>Page</title>\n <meta name="viewport" content="width=device-width, initial-scale=1">\n <meta name="description" content="">\n <link rel="shortcut icon" href="#">\n \n <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"> \n <style>\n /* Bootstrap css adjustment to enable column drag to resize */\n .row > *,\n .column {\n max-width: unset !important;\n }\n /* To fix on <1440 (for example), with max-width unset, columns get flowing */\n @media (min-width: 768px) {\n .row {\n flex-wrap: nowrap;\n }\n }\n </style>\n \n <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet"> \n <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">\n \n [%MAINCSS%]\n [%SECTIONCSS%]\n </head>\n <body style="touch-action: pan-y">\n \n <main id="main">\n <div class="is-wrapper">\n [%CONTENT%]\n </div>\n </main>\n \n <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">\n <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">\n <script src="[%PATH%]/assets/scripts/glide/glide.js"><\/script>\n\n <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">\n <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"><\/script>\n\n <script src="[%PATH%]/box/box-flex.js"><\/script>\n\n \x3c!-- Optional: if you want to add smooth scrolling --\x3e\n <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"><\/script>\n <script>\n SmoothScroll({\n frameRate: 150,\n animationTime: 800,\n stepSize: 120,\n pulseAlgorithm: 1,\n pulseScale: 4,\n pulseNormalize: 1,\n accelerationDelta: 300,\n accelerationMax: 2,\n keyboardSupport: 1,\n arrowScroll: 50,\n fixedBackground: 0\n });\n <\/script>\n </body>\n </html>\n ':"foundation"===t?'\n <!DOCTYPE html>\n <html lang="en">\n <head>\n <meta charset="utf-8">\n <title>Page</title>\n <meta name="viewport" content="width=device-width, initial-scale=1">\n <meta name="description" content="">\n <link rel="shortcut icon" href="#">\n\n <link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation.min.css" rel="stylesheet" >\n <link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation-float.min.css" rel="stylesheet" > \n\n <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet"> \n <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">\n \n [%MAINCSS%]\n [%SECTIONCSS%]\n </head>\n <body style="touch-action: pan-y">\n \n <main id="main">\n <div class="is-wrapper">\n [%CONTENT%]\n </div>\n </main>\n \n <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">\n <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">\n <script src="[%PATH%]/assets/scripts/glide/glide.js"><\/script>\n\n <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">\n <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"><\/script>\n\n <script src="[%PATH%]/box/box-flex.js"><\/script>\n\n \x3c!-- Optional: if you want to add smooth scrolling --\x3e\n <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"><\/script>\n <script>\n SmoothScroll({\n frameRate: 150,\n animationTime: 800,\n stepSize: 120,\n pulseAlgorithm: 1,\n pulseScale: 4,\n pulseNormalize: 1,\n accelerationDelta: 300,\n accelerationMax: 2,\n keyboardSupport: 1,\n arrowScroll: 50,\n fixedBackground: 0\n });\n <\/script>\n </body>\n </html>\n ':"[%CONTENT%]",e}}const hy=new t;return class{constructor(t={}){const i={wrapper:".is-wrapper",previewURL:"preview.html",useSidebar:!0,disableLoadingStatus:!1,sidebarData:{buttons:[{name:"section",title:"Sections"},{name:"snippet",title:"Content Blocks"},{name:"typography",title:"Typography"},{name:"code",title:"HTML"}]},htmlSyntaxHighlighting:!0,enableContentStyle:!0,disableStaticSection:!1,framework:"",imageRenameOnEdit:!0,designUrl1:"assets/designs/basic.js",designUrl2:"assets/designs/examples.js",designPath:"assets/designs/",designPathReplace:[],defaultDesignCategory:5,templates:[],featuredCategories:[{id:1,designId:1,name:"Basic"},{id:2,designId:1,name:"Slider"},{id:1,designId:2,name:"Header"},{id:2,designId:2,name:"Article"},{id:3,designId:2,name:"Photos"}],defaultCategory:{id:1,designId:1},templateThumbnailSize:"",scriptPath:"",snippetUrl:"assets/minimalist-blocks/content.js",snippetPath:"assets/minimalist-blocks/",snippetPathReplace:[],assetPath:"assets/",modulePath:"assets/modules/",contentStylePath:"assets/styles/",pluginPath:"contentbuilder/",fontAssetPath:"assets/fonts/",plugins:[{name:"preview",showInMainToolbar:!0,showInElementToolbar:!0},{name:"wordcount",showInMainToolbar:!0,showInElementToolbar:!0},{name:"symbols",showInMainToolbar:!0,showInElementToolbar:!1}],disableConfig:!1,maxColumns:6,useLightbox:!0,lightboxArrow:!0,themes:[["#ffffff","",""],["#282828","dark","contentbuilder/themes/dark.css"],["#0088dc","colored","contentbuilder/themes/colored-blue.css"],["#006add","colored","contentbuilder/themes/colored-blue6.css"],["#0a4d92","colored","contentbuilder/themes/colored-darkblue.css"],["#96af16","colored","contentbuilder/themes/colored-green.css"],["#f3522b","colored","contentbuilder/themes/colored-orange.css"],["#b92ea6","colored","contentbuilder/themes/colored-magenta.css"],["#e73171","colored","contentbuilder/themes/colored-pink.css"],["#782ec5","colored","contentbuilder/themes/colored-purple.css"],["#ed2828","colored","contentbuilder/themes/colored-red.css"],["#f9930f","colored","contentbuilder/themes/colored-yellow.css"],["#13b34b","colored","contentbuilder/themes/colored-green4.css"],["#333333","colored-dark","contentbuilder/themes/colored-dark.css"],["#dbe5f5","light","contentbuilder/themes/light-blue.css"],["#fbe6f2","light","contentbuilder/themes/light-pink.css"],["#dcdaf3","light","contentbuilder/themes/light-purple.css"],["#ffe9e0","light","contentbuilder/themes/light-red.css"],["#fffae5","light","contentbuilder/themes/light-yellow.css"],["#ddf3dc","light","contentbuilder/themes/light-green.css"],["#c7ebfd","light","contentbuilder/themes/light-blue2.css"],["#ffd5f2","light","contentbuilder/themes/light-pink2.css"],["#eadafb","light","contentbuilder/themes/light-purple2.css"],["#c5d4ff","light","contentbuilder/themes/light-blue3.css"],["#ffefb1","light","contentbuilder/themes/light-yellow2.css"],["#fefefe","light","contentbuilder/themes/light-gray3.css"],["#e5e5e5","light","contentbuilder/themes/light-gray2.css"],["#dadada","light","contentbuilder/themes/light-gray.css"],["#3f4ec9","colored","contentbuilder/themes/colored-blue2.css"],["#6779d9","colored","contentbuilder/themes/colored-blue4.css"],["#10b9d7","colored","contentbuilder/themes/colored-blue3.css"],["#006add","colored","contentbuilder/themes/colored-blue5.css"],["#e92f94","colored","contentbuilder/themes/colored-pink3.css"],["#a761d9","colored","contentbuilder/themes/colored-purple2.css"],["#f9930f","colored","contentbuilder/themes/colored-yellow2.css"],["#f3522b","colored","contentbuilder/themes/colored-red3.css"],["#36b741","colored","contentbuilder/themes/colored-green2.css"],["#00c17c","colored","contentbuilder/themes/colored-green3.css"],["#fb3279","colored","contentbuilder/themes/colored-pink2.css"],["#ff6d13","colored","contentbuilder/themes/colored-orange2.css"],["#f13535","colored","contentbuilder/themes/colored-red2.css"],["#646464","colored","contentbuilder/themes/colored-gray.css"],["#3f4ec9","dark","contentbuilder/themes/dark-blue.css"],["#0b4d92","dark","contentbuilder/themes/dark-blue2.css"],["#006add","dark","contentbuilder/themes/dark-blue3.css"],["#5f3ebf","dark","contentbuilder/themes/dark-purple.css"],["#e92f69","dark","contentbuilder/themes/dark-pink.css"],["#4c4c4c","dark","contentbuilder/themes/dark-gray.css"],["#ed2828","dark","contentbuilder/themes/dark-red.css"],["#006add","colored","contentbuilder/themes/colored-blue8.css"],["#ff7723","colored","contentbuilder/themes/colored-orange3.css"],["#ff5722","colored","contentbuilder/themes/colored-red5.css"],["#f13535","colored","contentbuilder/themes/colored-red4.css"],["#00bd79","colored","contentbuilder/themes/colored-green5.css"],["#557ae9","colored","contentbuilder/themes/colored-blue7.css"],["#fb3279","colored","contentbuilder/themes/colored-pink4.css"]],backgroundColor:"#f1f1f1",imageselect:"",fileselect:"",imageSelect:"",fileSelect:"",videoselect:"",videoSelect:"",audioSelect:"",mediaSelect:"",selectIcon:'<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-folder"></use></svg>',otherSelect:"",otherSelectCaption:"Select Document",otherSelectIcon:'<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-list-search"></use></svg>',imageSelectWidth:"1024px",imageSelectHeight:"80vh",fileSelectWidth:"1024px",fileSelectHeight:"80vh",videoSelectWidth:"1024px",videoSelectHeight:"80vh",audioSelectWidth:"1024px",audioSelectHeight:"80vh",mediaSelectWidth:"1024px",mediaSelectHeight:"80vh",assetRefresh:!1,slider:"",navbar:!1,onRender:function(){},onChange:function(){},onCoverImageSelectClick:null,coverImageHandler:"",customval:"",enableAnimation:!1,colors:["#ff8f00","#ef6c00","#d84315","#c62828","#58362f","#37474f","#353535","#f9a825","#9e9d24","#558b2f","#ad1457","#6a1b9a","#4527a0","#616161","#00b8c9","#009666","#2e7d32","#0277bd","#1565c0","#283593","#9e9e9e"],gradientcolors:[["linear-gradient(0deg, rgb(255, 57, 25), rgb(249, 168, 37))","light"],["linear-gradient(0deg, rgb(255, 57, 25), rgb(255, 104, 15))","light"],["linear-gradient(0deg, #FF5722, #FF9800)","light"],["linear-gradient(0deg, #613ca2, rgb(110, 123, 217))","light"],["linear-gradient(0deg, rgb(65, 70, 206), rgb(236, 78, 130))","light"],["linear-gradient(0deg, rgb(0, 150, 102), rgb(90, 103, 197))","light"],["linear-gradient(30deg, rgb(249, 119, 148), rgb(98, 58, 162))","light"],["linear-gradient(0deg, rgb(223, 70, 137), rgb(90, 103, 197))","light"],["linear-gradient(0deg, rgb(40, 53, 147), rgb(90, 103, 197))","light"],["linear-gradient(0deg, rgb(21, 101, 192), rgb(52, 169, 239))","light"],["linear-gradient(0deg, rgb(32, 149, 219), rgb(139, 109, 230))","light"],["linear-gradient(0deg, rgb(90, 103, 197), rgb(0, 184, 201))","light"],["linear-gradient(0deg, rgb(0, 184, 201), rgb(253, 187, 45))","light"],["linear-gradient(0deg, rgb(255, 208, 100), rgb(239, 98, 159))","light"],["linear-gradient(0deg, rgb(0, 214, 223), rgb(130, 162, 253))","light"],["linear-gradient(0deg, rgb(50, 234, 251), rgb(248, 247, 126))","dark"],["linear-gradient(0deg, rgb(141, 221, 255), rgb(255, 227, 255))","dark"],["linear-gradient(0deg, rgb(255, 170, 170), rgb(255, 255, 200))","dark"],["linear-gradient(0deg, rgb(239, 239, 239), rgb(252, 252, 252))","dark"]],photoselect:"",moduleConfig:[],largerImageHandler:"",imageHandler:"",mediaHandler:"",videoHandler:"",audioHandler:"",fileHandler:"",cellFormat:"",rowFormat:"",row:"",cols:[],colequal:[],colsizes:[],classReplace:[],columnTool:!0,elementTool:!0,buttons:["bold","italic","underline","formatting","color","align","textsettings","createLink","tags","|","undo","redo","zoom","more"],buttonsMore:["icon","image","|","list","font","formatPara","|","preferences"],elementButtons:["left","center","right","full","undo","redo","zoom","more"],elementButtonsMore:["|","preferences"],iconButtons:["icon","color","textsettings","createLink","|","undo","redo","zoom","more"],iconButtonsMore:["|","preferences"],customTags:[],animateModal:!1,elementAnimate:!1,elementEditor:!0,imageQuality:.92,columnHtmlEditor:!0,rowHtmlEditor:!0,rowMoveButtons:!0,scrollableEditingToolbar:!0,toolbar:"top",toolbarDisplay:"auto",toolbarAddSnippetButton:!1,paste:"html-without-styles",builderMode:"",rowcolOutline:!0,elementSelection:!0,animatedSorting:!1,dragWithoutHandle:!1,addButtonPlacement:"",snippetCategories:[[120,"Basic"],[118,"Article"],[101,"Headline"],[119,"Buttons"],[102,"Photos"],[103,"Profile"],[116,"Contact"],[104,"Products"],[105,"Features"],[106,"Process"],[107,"Pricing"],[108,"Skills"],[109,"Achievements"],[110,"Quotes"],[111,"Partners"],[112,"As Featured On"],[113,"Page Not Found"],[114,"Coming Soon"],[115,"Help, FAQ"]],defaultSnippetCategory:120,outlineMode:"",elementHighlight:!0,rowTool:"right",toolStyle:"",outlineStyle:"",snippetAddTool:!0,mobileSimpleEdit:!1,clearPreferences:!1,imageEmbed:!0,undoRedoStyles:!0,undoContainerOnly:!1,absolutePath:!1,maxEmbedImageWidth:1600,zoom:.6,shortenHTML:!0,advancedTimeline:!0,livePreviewOpen:!1,sectionTemplate:'\n <div class="is-section is-box is-section-100 type-poppins">\n <div class="is-overlay"></div>\n <div class="is-boxes">\n <div class="is-box-centered">\n <div class="is-container is-content-900 v2 size-18 leading-14">\n [%CONTENT%]\n </div>\n </div>\n </div>\n </div>\n ',contentStyleWithSample:!1,contentSizes:[300,320,340,360,380,400,420,440,460,480,500,520,540,560,580,600,620,640,660,680,700,720,740,760,780,800,820,840,860,880,900,920,940,960,970,980,1e3,1020,1040,1050,1060,1080,1100,1120,1140,1160,1180,1200,1220,1240,1260,1280,1300,1320,1340,1360,1380,1400,1420,1440,1460,1480,1500,1520,1540,1560,1580,1600,1620,1640,1660,1680,1700,1720,1740,1760,1780,1800,1820,1840,1860,1880,1900,1920,1940,1960,1980,2e3,2020,2040,2060,2080,2100,2120,2140,2160,2180,2200,2220,2240,2260,2280,2300,2320,2340,2360,2380,2400,2420,2440,2460,2480,2500,2520,2540,2560,2580,2600,2620,2640,2660,2680,2700],contentStyles:{data:{categories:[{id:-1,desc:"ALL"},{id:1,desc:"Sans-serif & Sans-serif"},{id:2,desc:"Serif & Serif"},{id:3,desc:"Sans-serif & Serif"},{id:4,desc:"Serif & Sans-serif"},{id:5,desc:"Monospace & Monospace"},{id:6,desc:"Monospace & Sans-serif"},{id:7,desc:"Sans-serif & Monospace"},{id:8,desc:"Display & Sans-serif"},{id:9,desc:"Handwriting & Sans-serif"},{id:10,desc:"Display & Serif"},{id:11,desc:"Handwriting & Serif"},{id:12,desc:"Display & Monospace"},{id:13,desc:"Handwriting & Monospace"},{id:14,desc:"Display & Display"}],styles:[{css:"basetype-opensans.css",sectioncss:"type-opensans.css",classname:"type-opensans",img:"000.png",category:9,default:!0,caption:"Open Sans"},{css:"basetype-spectralsc-karma.css",sectioncss:"type-spectralsc-karma.css",classname:"type-spectralsc-karma",img:"004.png",category:2,default:!0,caption:"Spectral SC & Karma"},{css:"basetype-alegreyasanssc-hind.css",sectioncss:"type-alegreyasanssc-hind.css",classname:"type-alegreyasanssc-hind",img:"006.png",category:1,default:!0,caption:"Alegreya Sans SC & Hind"},{css:"basetype-cabinsketch-montserrat.css",sectioncss:"type-cabinsketch-montserrat.css",classname:"type-cabinsketch-montserrat",img:"007.png",category:8,default:!0,caption:"Cabin Sketch & Montserrat"},{css:"basetype-anonymouspro-catamaran.css",sectioncss:"type-anonymouspro-catamaran.css",classname:"type-anonymouspro-catamaran",img:"010.png",category:6,default:!0,caption:"Anonymous Pro & Catamaran"},{css:"basetype-nothingyouc-ibmplexmono.css",sectioncss:"type-nothingyouc-ibmplexmono.css",classname:"type-nothingyouc-ibmplexmono",img:"011.png",category:13,default:!0,caption:"Nothing You Could Do & IBM Plex Mono"},{css:"basetype-juliussansone-taviraj.css",sectioncss:"type-juliussansone-taviraj.css",classname:"type-juliussansone-taviraj",img:"012.png",category:3,default:!0,caption:"Julius Sans One & Taviraj"},{css:"basetype-voltaire-sourcecodepro.css",sectioncss:"type-voltaire-sourcecodepro.css",classname:"type-voltaire-sourcecodepro",img:"013.png",category:7,default:!0,caption:"Voltaire & Source Code Pro"},{css:"basetype-oregano-zillaslab.css",sectioncss:"type-oregano-zillaslab.css",classname:"type-oregano-zillaslab",img:"014.png",category:10,default:!0,caption:"Oregano & Zilla Slab"},{css:"basetype-anonymouspro.css",sectioncss:"type-anonymouspro.css",classname:"type-anonymouspro",img:"016.png",category:5,default:!1,caption:"Anonymous Pro"},{css:"basetype-dancingscript-anonymouspro.css",sectioncss:"type-dancingscript-anonymouspro.css",classname:"type-dancingscript-anonymouspro",img:"018.png",category:13,default:!1,caption:"Dancing Script & Anonymous Pro"},{css:"basetype-unicaone-cormorantgaramond.css",sectioncss:"type-unicaone-cormorantgaramond.css",classname:"type-unicaone-cormorantgaramond",img:"019.png",category:10,default:!1,caption:"Unica One & Cormorant Garamond"},{css:"basetype-allan-overpassmono.css",sectioncss:"type-allan-overpassmono.css",classname:"type-allan-overpassmono",img:"020.png",category:12,default:!1,caption:"Allan & Overpass Mono"},{css:"basetype-averialibre-barlow.css",sectioncss:"type-averialibre-barlow.css",classname:"type-averialibre-barlow",img:"021.png",category:8,default:!1,caption:"Averia Libre & Barlow"},{css:"basetype-merriweathersans-martel.css",sectioncss:"type-merriweathersans-martel.css",classname:"type-merriweathersans-martel",img:"022.png",category:3,default:!1,caption:"Merriweather Sans & Martel"},{css:"basetype-poppins.css",sectioncss:"type-poppins.css",classname:"type-poppins",img:"023.png",category:1,default:!1,caption:"Poppins"},{css:"basetype-specialelite-encodesans.css",sectioncss:"type-specialelite-encodesans.css",classname:"type-specialelite-encodesans",img:"026.png",category:8,default:!1,caption:"Special Elite & Encode Sans"},{css:"basetype-marcellussc-heebo.css",sectioncss:"type-marcellussc-heebo.css",classname:"type-marcellussc-heebo",img:"028.png",category:4,default:!1,caption:"Marcellus SC & Heebo"},{css:"basetype-oswald-cousine.css",sectioncss:"type-oswald-cousine.css",classname:"type-oswald-cousine",img:"029.png",category:7,default:!1,caption:"Oswald & Cousine"},{css:"basetype-oranienbaum-sourcesanspro.css",sectioncss:"type-oranienbaum-sourcesanspro.css",classname:"type-oranienbaum-sourcesanspro",img:"031.png",category:4,default:!1,caption:"Oranienbaum & Source Sans Pro"},{css:"basetype-sriracha-arvo.css",sectioncss:"type-sriracha-arvo.css",classname:"type-sriracha-arvo",img:"032.png",category:11,default:!1,caption:"Sriracha & Arvo"},{css:"basetype-merriweather.css",sectioncss:"type-merriweather.css",classname:"type-merriweather",img:"033.png",category:2,default:!1,caption:"Merriweather"},{css:"basetype-badscript-rokkitt.css",sectioncss:"type-badscript-rokkitt.css",classname:"type-badscript-rokkitt",img:"034.png",category:11,default:!1,caption:"Bad Script & Rokkitt"},{css:"basetype-inconsolata.css",sectioncss:"type-inconsolata.css",classname:"type-inconsolata",img:"036.png",category:5,default:!1,caption:"Inconsolata"},{css:"basetype-novamono-robotomono.css",sectioncss:"type-novamono-robotomono.css",classname:"type-novamono-robotomono",img:"037.png",category:5,default:!1,caption:"Nova Mono & Roboto Mono"},{css:"basetype-spacemono.css",sectioncss:"type-spacemono.css",classname:"type-spacemono",img:"038.png",category:5,default:!1,caption:"Space Mono"},{css:"basetype-elsie-frankruhllibre.css",sectioncss:"type-elsie-frankruhllibre.css",classname:"type-elsie-frankruhllibre",img:"042.png",category:10,default:!1,caption:"Elsie & Frank Ruhl Libre"},{css:"basetype-playfairdisp-petitformalscr.css",sectioncss:"type-playfairdisp-petitformalscr.css",classname:"type-playfairdisp-petitformalscr",img:"043.png",category:2,default:!1,caption:"Playfair Display"},{css:"basetype-josefinsans-neuton.css",sectioncss:"type-josefinsans-neuton.css",classname:"type-josefinsans-neuton",img:"044.png",category:3,default:!1,caption:"Josefin Sans & Neuton"},{css:"basetype-stintultracon-inconsolata.css",sectioncss:"type-stintultracon-inconsolata.css",classname:"type-stintultracon-inconsolata",img:"045.png",category:12,default:!1,caption:"Stint Ultra Condensed & Inconsolata"},{css:"basetype-raleway-playfairdisplay.css",sectioncss:"type-raleway-playfairdisplay.css",classname:"type-raleway-playfairdisplay",img:"047.png",category:1,default:!1,caption:"Raleway"},{css:"basetype-ubuntumono-sourcecodepro.css",sectioncss:"type-ubuntumono-sourcecodepro.css",classname:"type-ubuntumono-sourcecodepro",img:"049.png",category:5,default:!1,caption:"Ubuntu Mono & Source Code Pro"},{css:"basetype-sharetechmono-nunito.css",sectioncss:"type-sharetechmono-nunito.css",classname:"type-sharetechmono-nunito",img:"050.png",category:6,default:!1,caption:"Share Tech Mono & Nunito"},{css:"basetype-lato.css",sectioncss:"type-lato.css",classname:"type-lato",img:"051.png",category:1,default:!1,caption:"Lato"},{css:"basetype-pathwaygothicone-merriweather.css",sectioncss:"type-pathwaygothicone-merriweather.css",classname:"type-pathwaygothicone-merriweather",img:"052.png",category:3,default:!1,caption:"Pathway Gothic One & Merriweather"},{css:"basetype-forum-nanumgothiccoding.css",sectioncss:"type-forum-nanumgothiccoding.css",classname:"type-forum-nanumgothiccoding",img:"053.png",category:12,default:!1,caption:"Forum & Nanum Gothic Coding"},{css:"basetype-bilbo-halant.css",sectioncss:"type-bilbo-halant.css",classname:"type-bilbo-halant",img:"054.png",category:11,default:!1,caption:"Bilbo & Halant"},{css:"basetype-hammersmithone-poppins.css",sectioncss:"type-hammersmithone-poppins.css",classname:"type-hammersmithone-poppins",img:"057.png",category:1,default:!1,caption:"Hammersmith One & Poppins"},{css:"basetype-arimamadurai.css",sectioncss:"type-arimamadurai.css",classname:"type-arimamadurai",img:"058.png",category:14,default:!1,caption:"Arima Madurai"},{css:"basetype-teko-muktamahee.css",sectioncss:"type-teko-muktamahee.css",classname:"type-teko-muktamahee",img:"059.png",category:1,default:!1,caption:"Teko & Mukta Mahee"},{css:"basetype-heebo-ibmplexmono.css",sectioncss:"type-heebo-ibmplexmono.css",classname:"type-heebo-ibmplexmono",img:"060.png",category:7,default:!1,caption:"Heebo & IBM Plex Mono"},{css:"basetype-sairacon-thegirlnextdoor.css",sectioncss:"type-sairacon-thegirlnextdoor.css",classname:"type-sairacon-thegirlnextdoor",img:"062.png",category:1,default:!1,caption:"Saira Condensed"},{css:"basetype-frankruhllibre-lato.css",sectioncss:"type-frankruhllibre-lato.css",classname:"type-frankruhllibre-lato",img:"063.png",category:4,default:!1,caption:"Frank Ruhl Libre & Lato"},{css:"basetype-yantramanav-ibmplexserif.css",sectioncss:"type-yantramanav-ibmplexserif.css",classname:"type-yantramanav-ibmplexserif",img:"064.png",category:1,default:!1,caption:"Yantramanav & IBM Plex Serif"},{css:"basetype-quicksand-kalam.css",sectioncss:"type-quicksand-kalam.css",classname:"type-quicksand-kalam",img:"065.png",category:1,default:!1,caption:"Quicksand & Kalam"},{css:"basetype-ibmplexmono.css",sectioncss:"type-ibmplexmono.css",classname:"type-ibmplexmono",img:"066.png",category:5,default:!1,caption:"IBM Plex Mono"},{css:"basetype-cinzeldecor-palanquin.css",sectioncss:"type-cinzeldecor-palanquin.css",classname:"type-cinzeldecor-palanquin",img:"067.png",category:8,default:!1,caption:"Cinzel Decorative & Palanquin"},{css:"basetype-oswald-biryani.css",sectioncss:"type-oswald-biryani.css",classname:"type-oswald-biryani",img:"069.png",category:1,default:!1,caption:"Oswald & Biryani"},{css:"basetype-yanonekaff-josefinsans.css",sectioncss:"type-yanonekaff-josefinsans.css",classname:"type-yanonekaff-josefinsans",img:"070.png",category:1,default:!1,caption:"Yanone Kaffeesatz & Josefin Sans"},{css:"basetype-abrilfatface-assistant.css",sectioncss:"type-abrilfatface-assistant.css",classname:"type-abrilfatface-assistant",img:"071.png",category:8,default:!1,caption:"Abril Fatface & Assistant"},{css:"basetype-nanumgothiccod-firasanscon.css",sectioncss:"type-nanumgothiccod-firasanscon.css",classname:"type-nanumgothiccod-firasanscon",img:"072.png",category:6,default:!1,caption:"Nanum Gothic Coding & Fira Sans Condensed"},{css:"basetype-inder-trirong.css",sectioncss:"type-inder-trirong.css",classname:"type-inder-trirong",img:"073.png",category:3,default:!1,caption:"Inder & Trirong"},{css:"basetype-atma-tajawal.css",sectioncss:"type-atma-tajawal.css",classname:"type-atma-tajawal",img:"075.png",category:8,default:!1,caption:"Atma & Tajawal"},{css:"basetype-prata-hindsiliguri.css",sectioncss:"type-prata-hindsiliguri.css",classname:"type-prata-hindsiliguri",img:"076.png",category:4,default:!1,caption:"Prata & Hind Siliguri"},{css:"basetype-federo-gothica1.css",sectioncss:"type-federo-gothica1.css",classname:"type-federo-gothica1",img:"078.png",category:1,default:!1,caption:"Federo & Gothic A1"},{css:"basetype-fjallaone-ibmplexserif.css",sectioncss:"type-fjallaone-ibmplexserif.css",classname:"type-fjallaone-ibmplexserif",img:"079.png",category:3,default:!1,caption:"Fjalla One & IBM Plex Serif"},{css:"basetype-cormorantsc-ibmplexsanscon.css",sectioncss:"type-cormorantsc-ibmplexsanscon.css",classname:"type-cormorantsc-ibmplexsanscon",img:"081.png",category:4,default:!1,caption:"Cormorant SC & IBM Plex Sans Condensed"},{css:"basetype-kalam-robotomono.css",sectioncss:"type-kalam-robotomono.css",classname:"type-kalam-robotomono",img:"082.png",category:13,default:!1,caption:"Kalam & Roboto Mono"},{css:"basetype-fugazone-librefranklin.css",sectioncss:"type-fugazone-librefranklin.css",classname:"type-fugazone-librefranklin",img:"083.png",category:8,default:!1,caption:"Fugaz One & Libre Franklin"},{css:"basetype-yeonsung-palanquin.css",sectioncss:"type-yeonsung-palanquin.css",classname:"type-yeonsung-palanquin",img:"085.png",category:8,default:!1,caption:"Yeon Sung & Palanquin"},{css:"basetype-rancho-robotoslab.css",sectioncss:"type-rancho-robotoslab.css",classname:"type-rancho-robotoslab",img:"086.png",category:11,default:!1,caption:"Rancho & Roboto Slab"},{css:"basetype-tenaram-overpassmono.css",sectioncss:"type-tenaram-overpassmono.css",classname:"type-tenaram-overpassmono",img:"087.png",category:7,default:!1,caption:"Tenali Ramakrishna & Overpass Mono"},{css:"basetype-thegirlnextdoor-sourcesanspro.css",sectioncss:"type-thegirlnextdoor-sourcesanspro.css",classname:"type-thegirlnextdoor-sourcesanspro",img:"088.png",category:9,default:!1,caption:"The Girl Next Door & Source Sans Pro"},{css:"basetype-boogaloo-inconsolata.css",sectioncss:"type-boogaloo-inconsolata.css",classname:"type-boogaloo-inconsolata",img:"090.png",category:12,default:!1,caption:"Boogaloo & Inconsolata"},{css:"basetype-caveat-sourcecodepro.css",sectioncss:"type-caveat-sourcecodepro.css",classname:"type-caveat-sourcecodepro",img:"091.png",category:13,default:!1,caption:"Caveat & Source Code Pro"},{css:"basetype-passionone-worksans.css",sectioncss:"type-passionone-worksans.css",classname:"type-passionone-worksans",img:"092.png",category:8,default:!1,caption:"Passion One & Work Sans"},{css:"basetype-anticdidone-halant.css",sectioncss:"type-anticdidone-halant.css",classname:"type-anticdidone-halant",img:"093.png",category:2,default:!1,caption:"Antic Didone & Halant"},{css:"basetype-adventpro-opensans.css",sectioncss:"type-adventpro-opensans.css",classname:"type-adventpro-opensans",img:"094.png",category:1,default:!1,caption:"Advent Pro & Open Sans"},{css:"basetype-cutivemono-lato.css",sectioncss:"type-cutivemono-lato.css",classname:"type-cutivemono-lato",img:"095.png",category:6,default:!1,caption:"Cutive Mono & Lato"},{css:"basetype-elsie-montserrat.css",sectioncss:"type-elsie-montserrat.css",classname:"type-elsie-montserrat",img:"096.png",category:8,default:!1,caption:"Elsie & Montserrat"},{css:"basetype-macondo-mukta.css",sectioncss:"type-macondo-mukta.css",classname:"type-macondo-mukta",img:"097.png",category:8,default:!1,caption:"Macondo & Mukta"},{css:"basetype-oswald-opensans.css",sectioncss:"type-oswald-opensans.css",classname:"type-oswald-opensans",img:"098.png",category:1,default:!1,caption:"Oswald & Open Sans"},{css:"basetype-poppins-lekton.css",sectioncss:"type-poppins-lekton.css",classname:"type-poppins-lekton",img:"099.png",category:1,default:!1,caption:"Poppins & Lekton"},{css:"basetype-raleway-neuton.css",sectioncss:"type-raleway-neuton.css",classname:"type-raleway-neuton",img:"100.png",category:3,default:!1,caption:"Raleway & Neuton"},{css:"basetype-sourcecodepro-nunitosans.css",sectioncss:"type-sourcecodepro-nunitosans.css",classname:"type-sourcecodepro-nunitosans",img:"101.png",category:6,default:!1,caption:"Source Code Pro & Nunito Sans"},{css:"basetype-tangerine-opensans.css",sectioncss:"type-tangerine-opensans.css",classname:"type-tangerine-opensans",img:"102.png",category:9,default:!1,caption:"Tangerine & Open Sans"},{css:"basetype-alegreya-lato.css",sectioncss:"type-alegreya-lato.css",classname:"type-alegreya-lato",img:"103.png",category:4,default:!1,caption:"Alegreya & Lato"},{css:"basetype-amaticsc-lato.css",sectioncss:"type-amaticsc-lato.css",classname:"type-amaticsc-lato",img:"104.png",category:9,default:!1,caption:"Amatic SC & Lato"},{css:"basetype-heebo-ibmplexmono-2.css",sectioncss:"type-heebo-ibmplexmono-2.css",classname:"type-heebo-ibmplexmono-2",img:"105.png",category:7,default:!1,caption:"Heebo & IBM Plex Mono"},{css:"basetype-juliussansone-robotocondensed.css",sectioncss:"type-juliussansone-robotocondensed.css",classname:"type-juliussansone-robotocondensed",img:"106.png",category:1,default:!1,caption:"Julius Sans One & Roboto Condensed"},{css:"basetype-montserrat-roboto.css",sectioncss:"type-montserrat-roboto.css",classname:"type-montserrat-roboto",img:"107.png",category:1,default:!1,caption:"Montserrat & Roboto"},{css:"basetype-nothingyouc-ibmplexmono-2.css",sectioncss:"type-nothingyouc-ibmplexmono-2.css",classname:"type-nothingyouc-ibmplexmono-2",img:"108.png",category:13,default:!1,caption:"Nothing You Could Do & IBM Plex Mono"},{css:"basetype-raleway-lato.css",sectioncss:"type-raleway-lato.css",classname:"type-raleway-lato",img:"109.png",category:1,default:!1,caption:"Raleway & Lato"},{css:"basetype-raleway-lusitana.css",sectioncss:"type-raleway-lusitana.css",classname:"type-raleway-lusitana",img:"110.png",category:3,default:!1,caption:"Raleway & Lusitana"},{css:"basetype-rufina-oxygen.css",sectioncss:"type-rufina-oxygen.css",classname:"type-rufina-oxygen",img:"111.png",category:4,default:!1,caption:"Rufina & Oxygen"},{css:"basetype-sacramento-opensans.css",sectioncss:"type-sacramento-opensans.css",classname:"type-sacramento-opensans",img:"112.png",category:9,default:!1,caption:"Sacramento & Open Sans"},{css:"basetype-specialelite-playfairdisplay.css",sectioncss:"type-specialelite-playfairdisplay.css",classname:"type-specialelite-playfairdisplay",img:"113.png",category:10,default:!1,caption:"Special Elite & Playfair Display"},{css:"basetype-unicaone-sourcesanspro.css",sectioncss:"type-unicaone-sourcesanspro.css",classname:"type-unicaone-sourcesanspro",img:"114.png",category:8,default:!1,caption:"Unica One & Source Sans Pro"},{css:"basetype-amaticsc-josepfinsans.css",sectioncss:"type-amaticsc-josepfinsans.css",classname:"type-amaticsc-josepfinsans",img:"001.png",category:9,default:!0,caption:"Amatic SC & Josefin Sans"},{css:"basetype-sourcesanspro-anonymouspro.css",sectioncss:"type-sourcesanspro-anonymouspro.css",classname:"type-sourcesanspro-anonymouspro",img:"002.png",category:7,default:!0,caption:"Source Sans Pro & Anonymous Pro"},{css:"basetype-poppins-oldstandardtt.css",sectioncss:"type-poppins-oldstandardtt.css",classname:"type-poppins-oldstandardtt",img:"003.png",category:3,default:!0,caption:"Poppins & Old Standard TT"},{css:"basetype-yesteryear-chivo.css",sectioncss:"type-yesteryear-chivo.css",classname:"type-yesteryear-chivo",img:"005.png",category:9,default:!0,caption:"Yesteryear & Chivo"},{css:"basetype-ptserif-poppins.css",sectioncss:"type-ptserif-poppins.css",classname:"type-ptserif-poppins",img:"008.png",category:4,default:!0,caption:"PT Serif & Poppins"},{css:"basetype-kellyslab-yantramanav.css",sectioncss:"type-kellyslab-yantramanav.css",classname:"type-kellyslab-yantramanav",img:"009.png",category:8,default:!0,caption:"Kelly Slab & Yantramanav"},{css:"basetype-yellowtail-frankruhllibre.css",sectioncss:"type-yellowtail-frankruhllibre.css",classname:"type-yellowtail-frankruhllibre",img:"015.png",category:11,default:!0,caption:"Yellowtail & Frank Ruhl Libre"},{css:"basetype-sedgwickave-spectral.css",sectioncss:"type-sedgwickave-spectral.css",classname:"type-sedgwickave-spectral",img:"017.png",category:10,default:!1,caption:"Sedgwick Ave & Spectral"},{css:"basetype-satisfy-economica.css",sectioncss:"type-satisfy-economica.css",classname:"type-satisfy-economica",img:"024.png",category:9,default:!1,caption:"Satisfy & Economica"},{css:"basetype-josefinsans-lekton.css",sectioncss:"type-josefinsans-lekton.css",classname:"type-josefinsans-lekton",img:"025.png",category:1,default:!1,caption:"Josefin Sans & Lekton"},{css:"basetype-parisienne-maitree.css",sectioncss:"type-parisienne-maitree.css",classname:"type-parisienne-maitree",img:"027.png",category:11,default:!1,caption:"Parisienne & Maitree"},{css:"basetype-londrinashadow-martel.css",sectioncss:"type-londrinashadow-martel.css",classname:"type-londrinashadow-martel",img:"030.png",category:10,default:!1,caption:"Londrina Shadow & Martel"},{css:"basetype-poiretone-pridi.css",sectioncss:"type-poiretone-pridi.css",classname:"type-poiretone-pridi",img:"035.png",category:10,default:!1,caption:"Poiret One & Pridi"},{css:"basetype-pollerone-ibmplexserif.css",sectioncss:"type-pollerone-ibmplexserif.css",classname:"type-pollerone-ibmplexserif",img:"039.png",category:10,default:!1,caption:"Poller One & IBM Plex Serif"},{css:"basetype-italiana-martel.css",sectioncss:"type-italiana-martel.css",classname:"type-italiana-martel",img:"040.png",category:2,default:!1,caption:"Italiana & Martel"},{css:"basetype-julee-lora.css",sectioncss:"type-julee-lora.css",classname:"type-julee-lora",img:"041.png",category:11,default:!1,caption:"Julee & Lora"},{css:"basetype-sixcaps-robotomono.css",sectioncss:"type-sixcaps-robotomono.css",classname:"type-sixcaps-robotomono",img:"046.png",category:7,default:!1,caption:"Six Caps & Roboto Mono"},{css:"basetype-pacifico-nanumgothiccod.css",sectioncss:"type-pacifico-nanumgothiccod.css",classname:"type-pacifico-nanumgothiccod",img:"048.png",category:13,default:!1,caption:"Pacifico & Nanum Gothic Coding"},{css:"basetype-greatvibes-robotomono.css",sectioncss:"type-greatvibes-robotomono.css",classname:"type-greatvibes-robotomono",img:"055.png",category:13,default:!1,caption:"Great Vibes & Roboto Mono"},{css:"basetype-pinyonscript-firasans.css",sectioncss:"type-pinyonscript-firasans.css",classname:"type-pinyonscript-firasans",img:"056.png",category:9,default:!1,caption:"Pinyon Script & Fira Sans"},{css:"basetype-sail-rasa.css",sectioncss:"type-sail-rasa.css",classname:"type-sail-rasa",img:"061.png",category:10,default:!1,caption:"Sail & Rasa"},{css:"basetype-yesevaone-forum.css",sectioncss:"type-yesevaone-forum.css",classname:"type-yesevaone-forum",img:"068.png",category:14,default:!1,caption:"Yeseva One & Forum"},{css:"basetype-dosis-oldstandardtt.css",sectioncss:"type-dosis-oldstandardtt.css",classname:"type-dosis-oldstandardtt",img:"074.png",category:1,default:!1,caption:"Dosis & Old Standard TT"},{css:"basetype-engagement-spectral.css",sectioncss:"type-engagement-spectral.css",classname:"type-engagement-spectral",img:"077.png",category:11,default:!1,caption:"Engagement & Spectral"},{css:"basetype-dynalight-mada.css",sectioncss:"type-dynalight-mada.css",classname:"type-dynalight-mada",img:"080.png",category:8,default:!1,caption:"Dynalight & Mada"},{css:"basetype-gravitasone-nanummyeongjo.css",sectioncss:"type-gravitasone-nanummyeongjo.css",classname:"type-gravitasone-nanummyeongjo",img:"084.png",category:10,default:!1,caption:"Gravitas One & Nanum Myeongjo"},{css:"basetype-alexbrush-ibmplexsans.css",sectioncss:"type-alexbrush-ibmplexsans.css",classname:"type-alexbrush-ibmplexsans",img:"089.png",category:9,default:!1,caption:"Alex Brush & IBM Plex Sans"}]}},contentStylesAlt:{data:{categories:[{id:-1,desc:"ALL"},{id:1,desc:"Sans-serif & Sans-serif"},{id:2,desc:"Serif & Serif"},{id:3,desc:"Sans-serif & Serif"},{id:4,desc:"Serif & Sans-serif"},{id:5,desc:"Monospace & Monospace"},{id:6,desc:"Monospace & Sans-serif"},{id:7,desc:"Sans-serif & Monospace"},{id:8,desc:"Display & Sans-serif"},{id:9,desc:"Handwriting & Sans-serif"},{id:10,desc:"Display & Serif"},{id:11,desc:"Handwriting & Serif"},{id:12,desc:"Display & Monospace"},{id:13,desc:"Handwriting & Monospace"},{id:14,desc:"Display & Display"}],styles:[{css:"basetype-opensans.css",sectioncss:"type-opensans.css",classname:"type-opensans",img:"type-opensans.jpg",category:9,default:!0,caption:"Open Sans"},{css:"basetype-spectralsc-karma.css",sectioncss:"type-spectralsc-karma.css",classname:"type-spectralsc-karma",img:"type-spectralsc-karma.jpg",category:2,default:!0,caption:"Spectral SC & Karma"},{css:"basetype-alegreyasanssc-hind.css",sectioncss:"type-alegreyasanssc-hind.css",classname:"type-alegreyasanssc-hind",img:"type-alegreyasanssc-hind.jpg",category:1,default:!0,caption:"Alegreya Sans SC & Hind"},{css:"basetype-cabinsketch-montserrat.css",sectioncss:"type-cabinsketch-montserrat.css",classname:"type-cabinsketch-montserrat",img:"type-cabinsketch-montserrat.jpg",category:8,default:!0,caption:"Cabin Sketch & Montserrat"},{css:"basetype-anonymouspro-catamaran.css",sectioncss:"type-anonymouspro-catamaran.css",classname:"type-anonymouspro-catamaran",img:"type-anonymouspro-catamaran.jpg",category:6,default:!0,caption:"Anonymous Pro & Catamaran"},{css:"basetype-nothingyouc-ibmplexmono.css",sectioncss:"type-nothingyouc-ibmplexmono.css",classname:"type-nothingyouc-ibmplexmono",img:"type-nothingyouc-ibmplexmono.jpg",category:13,default:!0,caption:"Nothing You Could Do & IBM Plex Mono"},{css:"basetype-juliussansone-taviraj.css",sectioncss:"type-juliussansone-taviraj.css",classname:"type-juliussansone-taviraj",img:"type-juliussansone-taviraj.jpg",category:3,default:!0,caption:"Julius Sans One & Taviraj"},{css:"basetype-voltaire-sourcecodepro.css",sectioncss:"type-voltaire-sourcecodepro.css",classname:"type-voltaire-sourcecodepro",img:"type-voltaire-sourcecodepro.jpg",category:7,default:!0,caption:"Voltaire & Source Code Pro"},{css:"basetype-oregano-zillaslab.css",sectioncss:"type-oregano-zillaslab.css",classname:"type-oregano-zillaslab",img:"type-oregano-zillaslab.jpg",category:10,default:!0,caption:"Oregano & Zilla Slab"},{css:"basetype-anonymouspro.css",sectioncss:"type-anonymouspro.css",classname:"type-anonymouspro",img:"type-anonymouspro.jpg",category:5,default:!1,caption:"Anonymous Pro"},{css:"basetype-dancingscript-anonymouspro.css",sectioncss:"type-dancingscript-anonymouspro.css",classname:"type-dancingscript-anonymouspro",img:"type-dancingscript-anonymouspro.jpg",category:13,default:!1,caption:"Dancing Script & Anonymous Pro"},{css:"basetype-unicaone-cormorantgaramond.css",sectioncss:"type-unicaone-cormorantgaramond.css",classname:"type-unicaone-cormorantgaramond",img:"type-unicaone-cormorantgaramond.jpg",category:10,default:!1,caption:"Unica One & Cormorant Garamond"},{css:"basetype-allan-overpassmono.css",sectioncss:"type-allan-overpassmono.css",classname:"type-allan-overpassmono",img:"type-allan-overpassmono.jpg",category:12,default:!1,caption:"Allan & Overpass Mono"},{css:"basetype-averialibre-barlow.css",sectioncss:"type-averialibre-barlow.css",classname:"type-averialibre-barlow",img:"type-averialibre-barlow.jpg",category:8,default:!1,caption:"Averia Libre & Barlow"},{css:"basetype-merriweathersans-martel.css",sectioncss:"type-merriweathersans-martel.css",classname:"type-merriweathersans-martel",img:"type-merriweathersans-martel.jpg",category:3,default:!1,caption:"Merriweather Sans & Martel"},{css:"basetype-poppins.css",sectioncss:"type-poppins.css",classname:"type-poppins",img:"type-poppins.jpg",category:1,default:!1,caption:"Poppins"},{css:"basetype-specialelite-encodesans.css",sectioncss:"type-specialelite-encodesans.css",classname:"type-specialelite-encodesans",img:"type-specialelite-encodesans.jpg",category:8,default:!1,caption:"Special Elite & Encode Sans"},{css:"basetype-marcellussc-heebo.css",sectioncss:"type-marcellussc-heebo.css",classname:"type-marcellussc-heebo",img:"type-marcellussc-heebo.jpg",category:4,default:!1,caption:"Marcellus SC & Heebo"},{css:"basetype-oswald-cousine.css",sectioncss:"type-oswald-cousine.css",classname:"type-oswald-cousine",img:"type-oswald-cousine.jpg",category:7,default:!1,caption:"Oswald & Cousine"},{css:"basetype-oranienbaum-sourcesanspro.css",sectioncss:"type-oranienbaum-sourcesanspro.css",classname:"type-oranienbaum-sourcesanspro",img:"type-oranienbaum-sourcesanspro.jpg",category:4,default:!1,caption:"Oranienbaum & Source Sans Pro"},{css:"basetype-sriracha-arvo.css",sectioncss:"type-sriracha-arvo.css",classname:"type-sriracha-arvo",img:"type-sriracha-arvo.jpg",category:11,default:!1,caption:"Sriracha & Arvo"},{css:"basetype-merriweather.css",sectioncss:"type-merriweather.css",classname:"type-merriweather",img:"type-merriweather.jpg",category:2,default:!1,caption:"Merriweather"},{css:"basetype-badscript-rokkitt.css",sectioncss:"type-badscript-rokkitt.css",classname:"type-badscript-rokkitt",img:"type-badscript-rokkitt.jpg",category:11,default:!1,caption:"Bad Script & Rokkitt"},{css:"basetype-inconsolata.css",sectioncss:"type-inconsolata.css",classname:"type-inconsolata",img:"type-inconsolata.jpg",category:5,default:!1,caption:"Inconsolata"},{css:"basetype-novamono-robotomono.css",sectioncss:"type-novamono-robotomono.css",classname:"type-novamono-robotomono",img:"type-novamono-robotomono.jpg",category:5,default:!1,caption:"Nova Mono & Roboto Mono"},{css:"basetype-spacemono.css",sectioncss:"type-spacemono.css",classname:"type-spacemono",img:"type-spacemono.jpg",category:5,default:!1,caption:"Space Mono"},{css:"basetype-elsie-frankruhllibre.css",sectioncss:"type-elsie-frankruhllibre.css",classname:"type-elsie-frankruhllibre",img:"type-elsie-frankruhllibre.jpg",category:10,default:!1,caption:"Elsie & Frank Ruhl Libre"},{css:"basetype-playfairdisp-petitformalscr.css",sectioncss:"type-playfairdisp-petitformalscr.css",classname:"type-playfairdisp-petitformalscr",img:"type-playfairdisp-petitformalscr.jpg",category:2,default:!1,caption:"Playfair Display"},{css:"basetype-josefinsans-neuton.css",sectioncss:"type-josefinsans-neuton.css",classname:"type-josefinsans-neuton",img:"type-josefinsans-neuton.jpg",category:3,default:!1,caption:"Josefin Sans & Neuton"},{css:"basetype-stintultracon-inconsolata.css",sectioncss:"type-stintultracon-inconsolata.css",classname:"type-stintultracon-inconsolata",img:"type-stintultracon-inconsolata.jpg",category:12,default:!1,caption:"Stint Ultra Condensed & Inconsolata"},{css:"basetype-raleway-playfairdisplay.css",sectioncss:"type-raleway-playfairdisplay.css",classname:"type-raleway-playfairdisplay",img:"type-raleway-playfairdisplay.jpg",category:1,default:!1,caption:"Raleway"},{css:"basetype-ubuntumono-sourcecodepro.css",sectioncss:"type-ubuntumono-sourcecodepro.css",classname:"type-ubuntumono-sourcecodepro",img:"type-ubuntumono-sourcecodepro.jpg",category:5,default:!1,caption:"Ubuntu Mono & Source Code Pro"},{css:"basetype-sharetechmono-nunito.css",sectioncss:"type-sharetechmono-nunito.css",classname:"type-sharetechmono-nunito",img:"type-sharetechmono-nunito.jpg",category:6,default:!1,caption:"Share Tech Mono & Nunito"},{css:"basetype-lato.css",sectioncss:"type-lato.css",classname:"type-lato",img:"type-lato.jpg",category:1,default:!1,caption:"Lato"},{css:"basetype-pathwaygothicone-merriweather.css",sectioncss:"type-pathwaygothicone-merriweather.css",classname:"type-pathwaygothicone-merriweather",img:"type-pathwaygothicone-merriweather.jpg",category:3,default:!1,caption:"Pathway Gothic One & Merriweather"},{css:"basetype-forum-nanumgothiccoding.css",sectioncss:"type-forum-nanumgothiccoding.css",classname:"type-forum-nanumgothiccoding",img:"type-forum-nanumgothiccoding.jpg",category:12,default:!1,caption:"Forum & Nanum Gothic Coding"},{css:"basetype-bilbo-halant.css",sectioncss:"type-bilbo-halant.css",classname:"type-bilbo-halant",img:"type-bilbo-halant.jpg",category:11,default:!1,caption:"Bilbo & Halant"},{css:"basetype-hammersmithone-poppins.css",sectioncss:"type-hammersmithone-poppins.css",classname:"type-hammersmithone-poppins",img:"type-hammersmithone-poppins.jpg",category:1,default:!1,caption:"Hammersmith One & Poppins"},{css:"basetype-arimamadurai.css",sectioncss:"type-arimamadurai.css",classname:"type-arimamadurai",img:"type-arimamadurai.jpg",category:14,default:!1,caption:"Arima Madurai"},{css:"basetype-teko-muktamahee.css",sectioncss:"type-teko-muktamahee.css",classname:"type-teko-muktamahee",img:"type-teko-muktamahee.jpg",category:1,default:!1,caption:"Teko & Mukta Mahee"},{css:"basetype-heebo-ibmplexmono.css",sectioncss:"type-heebo-ibmplexmono.css",classname:"type-heebo-ibmplexmono",img:"type-heebo-ibmplexmono.jpg",category:7,default:!1,caption:"Heebo & IBM Plex Mono"},{css:"basetype-sairacon-thegirlnextdoor.css",sectioncss:"type-sairacon-thegirlnextdoor.css",classname:"type-sairacon-thegirlnextdoor",img:"type-sairacon-thegirlnextdoor.jpg",category:1,default:!1,caption:"Saira Condensed"},{css:"basetype-frankruhllibre-lato.css",sectioncss:"type-frankruhllibre-lato.css",classname:"type-frankruhllibre-lato",img:"type-frankruhllibre-lato.jpg",category:4,default:!1,caption:"Frank Ruhl Libre & Lato"},{css:"basetype-yantramanav-ibmplexserif.css",sectioncss:"type-yantramanav-ibmplexserif.css",classname:"type-yantramanav-ibmplexserif",img:"type-yantramanav-ibmplexserif.jpg",category:1,default:!1,caption:"Yantramanav & IBM Plex Serif"},{css:"basetype-quicksand-kalam.css",sectioncss:"type-quicksand-kalam.css",classname:"type-quicksand-kalam",img:"type-quicksand-kalam.jpg",category:1,default:!1,caption:"Quicksand & Kalam"},{css:"basetype-ibmplexmono.css",sectioncss:"type-ibmplexmono.css",classname:"type-ibmplexmono",img:"type-ibmplexmono.jpg",category:5,default:!1,caption:"IBM Plex Mono"},{css:"basetype-cinzeldecor-palanquin.css",sectioncss:"type-cinzeldecor-palanquin.css",classname:"type-cinzeldecor-palanquin",img:"type-cinzeldecor-palanquin.jpg",category:8,default:!1,caption:"Cinzel Decorative & Palanquin"},{css:"basetype-oswald-biryani.css",sectioncss:"type-oswald-biryani.css",classname:"type-oswald-biryani",img:"type-oswald-biryani.jpg",category:1,default:!1,caption:"Oswald & Biryani"},{css:"basetype-yanonekaff-josefinsans.css",sectioncss:"type-yanonekaff-josefinsans.css",classname:"type-yanonekaff-josefinsans",img:"type-yanonekaff-josefinsans.jpg",category:1,default:!1,caption:"Yanone Kaffeesatz & Josefin Sans"},{css:"basetype-abrilfatface-assistant.css",sectioncss:"type-abrilfatface-assistant.css",classname:"type-abrilfatface-assistant",img:"type-abrilfatface-assistant.jpg",category:8,default:!1,caption:"Abril Fatface & Assistant"},{css:"basetype-nanumgothiccod-firasanscon.css",sectioncss:"type-nanumgothiccod-firasanscon.css",classname:"type-nanumgothiccod-firasanscon",img:"type-nanumgothiccod-firasanscon.jpg",category:6,default:!1,caption:"Nanum Gothic Coding & Fira Sans Condensed"},{css:"basetype-inder-trirong.css",sectioncss:"type-inder-trirong.css",classname:"type-inder-trirong",img:"type-inder-trirong.jpg",category:3,default:!1,caption:"Inder & Trirong"},{css:"basetype-atma-tajawal.css",sectioncss:"type-atma-tajawal.css",classname:"type-atma-tajawal",img:"type-atma-tajawal.jpg",category:8,default:!1,caption:"Atma & Tajawal"},{css:"basetype-prata-hindsiliguri.css",sectioncss:"type-prata-hindsiliguri.css",classname:"type-prata-hindsiliguri",img:"type-prata-hindsiliguri.jpg",category:4,default:!1,caption:"Prata & Hind Siliguri"},{css:"basetype-federo-gothica1.css",sectioncss:"type-federo-gothica1.css",classname:"type-federo-gothica1",img:"type-federo-gothica1.jpg",category:1,default:!1,caption:"Federo & Gothic A1"},{css:"basetype-fjallaone-ibmplexserif.css",sectioncss:"type-fjallaone-ibmplexserif.css",classname:"type-fjallaone-ibmplexserif",img:"type-fjallaone-ibmplexserif.jpg",category:3,default:!1,caption:"Fjalla One & IBM Plex Serif"},{css:"basetype-cormorantsc-ibmplexsanscon.css",sectioncss:"type-cormorantsc-ibmplexsanscon.css",classname:"type-cormorantsc-ibmplexsanscon",img:"type-cormorantsc-ibmplexsanscon.jpg",category:4,default:!1,caption:"Cormorant SC & IBM Plex Sans Condensed"},{css:"basetype-kalam-robotomono.css",sectioncss:"type-kalam-robotomono.css",classname:"type-kalam-robotomono",img:"type-kalam-robotomono.jpg",category:13,default:!1,caption:"Kalam & Roboto Mono"},{css:"basetype-fugazone-librefranklin.css",sectioncss:"type-fugazone-librefranklin.css",classname:"type-fugazone-librefranklin",img:"type-fugazone-librefranklin.jpg",category:8,default:!1,caption:"Fugaz One & Libre Franklin"},{css:"basetype-yeonsung-palanquin.css",sectioncss:"type-yeonsung-palanquin.css",classname:"type-yeonsung-palanquin",img:"type-yeonsung-palanquin.jpg",category:8,default:!1,caption:"Yeon Sung & Palanquin"},{css:"basetype-rancho-robotoslab.css",sectioncss:"type-rancho-robotoslab.css",classname:"type-rancho-robotoslab",img:"type-rancho-robotoslab.jpg",category:11,default:!1,caption:"Rancho & Roboto Slab"},{css:"basetype-tenaram-overpassmono.css",sectioncss:"type-tenaram-overpassmono.css",classname:"type-tenaram-overpassmono",img:"type-tenaram-overpassmono.jpg",category:7,default:!1,caption:"Tenali Ramakrishna & Overpass Mono"},{css:"basetype-thegirlnextdoor-sourcesanspro.css",sectioncss:"type-thegirlnextdoor-sourcesanspro.css",classname:"type-thegirlnextdoor-sourcesanspro",img:"type-thegirlnextdoor-sourcesanspro.jpg",category:9,default:!1,caption:"The Girl Next Door & Source Sans Pro"},{css:"basetype-boogaloo-inconsolata.css",sectioncss:"type-boogaloo-inconsolata.css",classname:"type-boogaloo-inconsolata",img:"type-boogaloo-inconsolata.jpg",category:12,default:!1,caption:"Boogaloo & Inconsolata"},{css:"basetype-caveat-sourcecodepro.css",sectioncss:"type-caveat-sourcecodepro.css",classname:"type-caveat-sourcecodepro",img:"type-caveat-sourcecodepro.jpg",category:13,default:!1,caption:"Caveat & Source Code Pro"},{css:"basetype-passionone-worksans.css",sectioncss:"type-passionone-worksans.css",classname:"type-passionone-worksans",img:"type-passionone-worksans.jpg",category:8,default:!1,caption:"Passion One & Work Sans"},{css:"basetype-anticdidone-halant.css",sectioncss:"type-anticdidone-halant.css",classname:"type-anticdidone-halant",img:"type-anticdidone-halant.jpg",category:2,default:!1,caption:"Antic Didone & Halant"},{css:"basetype-adventpro-opensans.css",sectioncss:"type-adventpro-opensans.css",classname:"type-adventpro-opensans",img:"type-adventpro-opensans.jpg",category:1,default:!1,caption:"Advent Pro & Open Sans"},{css:"basetype-cutivemono-lato.css",sectioncss:"type-cutivemono-lato.css",classname:"type-cutivemono-lato",img:"type-cutivemono-lato.jpg",category:6,default:!1,caption:"Cutive Mono & Lato"},{css:"basetype-elsie-montserrat.css",sectioncss:"type-elsie-montserrat.css",classname:"type-elsie-montserrat",img:"type-elsie-montserrat.jpg",category:8,default:!1,caption:"Elsie & Montserrat"},{css:"basetype-macondo-mukta.css",sectioncss:"type-macondo-mukta.css",classname:"type-macondo-mukta",img:"type-macondo-mukta.jpg",category:8,default:!1,caption:"Macondo & Mukta"},{css:"basetype-oswald-opensans.css",sectioncss:"type-oswald-opensans.css",classname:"type-oswald-opensans",img:"type-oswald-opensans.jpg",category:1,default:!1,caption:"Oswald & Open Sans"},{css:"basetype-poppins-lekton.css",sectioncss:"type-poppins-lekton.css",classname:"type-poppins-lekton",img:"type-poppins-lekton.jpg",category:1,default:!1,caption:"Poppins & Lekton"},{css:"basetype-raleway-neuton.css",sectioncss:"type-raleway-neuton.css",classname:"type-raleway-neuton",img:"type-raleway-neuton.jpg",category:3,default:!1,caption:"Raleway & Neuton"},{css:"basetype-sourcecodepro-nunitosans.css",sectioncss:"type-sourcecodepro-nunitosans.css",classname:"type-sourcecodepro-nunitosans",img:"type-sourcecodepro-nunitosans.jpg",category:6,default:!1,caption:"Source Code Pro & Nunito Sans"},{css:"basetype-tangerine-opensans.css",sectioncss:"type-tangerine-opensans.css",classname:"type-tangerine-opensans",img:"type-tangerine-opensans.jpg",category:9,default:!1,caption:"Tangerine & Open Sans"},{css:"basetype-alegreya-lato.css",sectioncss:"type-alegreya-lato.css",classname:"type-alegreya-lato",img:"type-alegreya-lato.jpg",category:4,default:!1,caption:"Alegreya & Lato"},{css:"basetype-amaticsc-lato.css",sectioncss:"type-amaticsc-lato.css",classname:"type-amaticsc-lato",img:"type-amaticsc-lato.jpg",category:9,default:!1,caption:"Amatic SC & Lato"},{css:"basetype-heebo-ibmplexmono-2.css",sectioncss:"type-heebo-ibmplexmono-2.css",classname:"type-heebo-ibmplexmono-2",img:"type-heebo-ibmplexmono-2.jpg",category:7,default:!1,caption:"Heebo & IBM Plex Mono"},{css:"basetype-juliussansone-robotocondensed.css",sectioncss:"type-juliussansone-robotocondensed.css",classname:"type-juliussansone-robotocondensed",img:"type-juliussansone-robotocondensed.jpg",category:1,default:!1,caption:"Julius Sans One & Roboto Condensed"},{css:"basetype-montserrat-roboto.css",sectioncss:"type-montserrat-roboto.css",classname:"type-montserrat-roboto",img:"type-montserrat-roboto.jpg",category:1,default:!1,caption:"Montserrat & Roboto"},{css:"basetype-nothingyouc-ibmplexmono-2.css",sectioncss:"type-nothingyouc-ibmplexmono-2.css",classname:"type-nothingyouc-ibmplexmono-2",img:"type-nothingyouc-ibmplexmono-2.jpg",category:13,default:!1,caption:"Nothing You Could Do & IBM Plex Mono"},{css:"basetype-raleway-lato.css",sectioncss:"type-raleway-lato.css",classname:"type-raleway-lato",img:"type-raleway-lato.jpg",category:1,default:!1,caption:"Raleway & Lato"},{css:"basetype-raleway-lusitana.css",sectioncss:"type-raleway-lusitana.css",classname:"type-raleway-lusitana",img:"type-raleway-lusitana.jpg",category:3,default:!1,caption:"Raleway & Lusitana"},{css:"basetype-rufina-oxygen.css",sectioncss:"type-rufina-oxygen.css",classname:"type-rufina-oxygen",img:"type-rufina-oxygen.jpg",category:4,default:!1,caption:"Rufina & Oxygen"},{css:"basetype-sacramento-opensans.css",sectioncss:"type-sacramento-opensans.css",classname:"type-sacramento-opensans",img:"type-sacramento-opensans.jpg",category:9,default:!1,caption:"Sacramento & Open Sans"},{css:"basetype-specialelite-playfairdisplay.css",sectioncss:"type-specialelite-playfairdisplay.css",classname:"type-specialelite-playfairdisplay",img:"type-specialelite-playfairdisplay.jpg",category:10,default:!1,caption:"Special Elite & Playfair Display"},{css:"basetype-unicaone-sourcesanspro.css",sectioncss:"type-unicaone-sourcesanspro.css",classname:"type-unicaone-sourcesanspro",img:"type-unicaone-sourcesanspro.jpg",category:8,default:!1,caption:"Unica One & Source Sans Pro"},{css:"basetype-amaticsc-josepfinsans.css",sectioncss:"type-amaticsc-josepfinsans.css",classname:"type-amaticsc-josepfinsans",img:"type-amaticsc-josepfinsans.jpg",category:9,default:!0,caption:"Amatic SC & Josefin Sans"},{css:"basetype-sourcesanspro-anonymouspro.css",sectioncss:"type-sourcesanspro-anonymouspro.css",classname:"type-sourcesanspro-anonymouspro",img:"type-sourcesanspro-anonymouspro.jpg",category:7,default:!0,caption:"Source Sans Pro & Anonymous Pro"},{css:"basetype-poppins-oldstandardtt.css",sectioncss:"type-poppins-oldstandardtt.css",classname:"type-poppins-oldstandardtt",img:"type-poppins-oldstandardtt.jpg",category:3,default:!0,caption:"Poppins & Old Standard TT"},{css:"basetype-yesteryear-chivo.css",sectioncss:"type-yesteryear-chivo.css",classname:"type-yesteryear-chivo",img:"type-yesteryear-chivo.jpg",category:9,default:!0,caption:"Yesteryear & Chivo"},{css:"basetype-ptserif-poppins.css",sectioncss:"type-ptserif-poppins.css",classname:"type-ptserif-poppins",img:"type-ptserif-poppins.jpg",category:4,default:!0,caption:"PT Serif & Poppins"},{css:"basetype-kellyslab-yantramanav.css",sectioncss:"type-kellyslab-yantramanav.css",classname:"type-kellyslab-yantramanav",img:"type-kellyslab-yantramanav.jpg",category:8,default:!0,caption:"Kelly Slab & Yantramanav"},{css:"basetype-yellowtail-frankruhllibre.css",sectioncss:"type-yellowtail-frankruhllibre.css",classname:"type-yellowtail-frankruhllibre",img:"type-yellowtail-frankruhllibre.jpg",category:11,default:!0,caption:"Yellowtail & Frank Ruhl Libre"},{css:"basetype-sedgwickave-spectral.css",sectioncss:"type-sedgwickave-spectral.css",classname:"type-sedgwickave-spectral",img:"type-sedgwickave-spectral.jpg",category:10,default:!1,caption:"Sedgwick Ave & Spectral"},{css:"basetype-satisfy-economica.css",sectioncss:"type-satisfy-economica.css",classname:"type-satisfy-economica",img:"type-satisfy-economica.jpg",category:9,default:!1,caption:"Satisfy & Economica"},{css:"basetype-josefinsans-lekton.css",sectioncss:"type-josefinsans-lekton.css",classname:"type-josefinsans-lekton",img:"type-josefinsans-lekton.jpg",category:1,default:!1,caption:"Josefin Sans & Lekton"},{css:"basetype-parisienne-maitree.css",sectioncss:"type-parisienne-maitree.css",classname:"type-parisienne-maitree",img:"type-parisienne-maitree.jpg",category:11,default:!1,caption:"Parisienne & Maitree"},{css:"basetype-londrinashadow-martel.css",sectioncss:"type-londrinashadow-martel.css",classname:"type-londrinashadow-martel",img:"type-londrinashadow-martel.jpg",category:10,default:!1,caption:"Londrina Shadow & Martel"},{css:"basetype-poiretone-pridi.css",sectioncss:"type-poiretone-pridi.css",classname:"type-poiretone-pridi",img:"type-poiretone-pridi.jpg",category:10,default:!1,caption:"Poiret One & Pridi"},{css:"basetype-pollerone-ibmplexserif.css",sectioncss:"type-pollerone-ibmplexserif.css",classname:"type-pollerone-ibmplexserif",img:"type-pollerone-ibmplexserif.jpg",category:10,default:!1,caption:"Poller One & IBM Plex Serif"},{css:"basetype-italiana-martel.css",sectioncss:"type-italiana-martel.css",classname:"type-italiana-martel",img:"type-italiana-martel.jpg",category:2,default:!1,caption:"Italiana & Martel"},{css:"basetype-julee-lora.css",sectioncss:"type-julee-lora.css",classname:"type-julee-lora",img:"type-julee-lora.jpg",category:11,default:!1,caption:"Julee & Lora"},{css:"basetype-sixcaps-robotomono.css",sectioncss:"type-sixcaps-robotomono.css",classname:"type-sixcaps-robotomono",img:"type-sixcaps-robotomono.jpg",category:7,default:!1,caption:"Six Caps & Roboto Mono"},{css:"basetype-pacifico-nanumgothiccod.css",sectioncss:"type-pacifico-nanumgothiccod.css",classname:"type-pacifico-nanumgothiccod",img:"type-pacifico-nanumgothiccod.jpg",category:13,default:!1,caption:"Pacifico & Nanum Gothic Coding"},{css:"basetype-greatvibes-robotomono.css",sectioncss:"type-greatvibes-robotomono.css",classname:"type-greatvibes-robotomono",img:"type-greatvibes-robotomono.jpg",category:13,default:!1,caption:"Great Vibes & Roboto Mono"},{css:"basetype-pinyonscript-firasans.css",sectioncss:"type-pinyonscript-firasans.css",classname:"type-pinyonscript-firasans",img:"type-pinyonscript-firasans.jpg",category:9,default:!1,caption:"Pinyon Script & Fira Sans"},{css:"basetype-sail-rasa.css",sectioncss:"type-sail-rasa.css",classname:"type-sail-rasa",img:"type-sail-rasa.jpg",category:10,default:!1,caption:"Sail & Rasa"},{css:"basetype-yesevaone-forum.css",sectioncss:"type-yesevaone-forum.css",classname:"type-yesevaone-forum",img:"type-yesevaone-forum.jpg",category:14,default:!1,caption:"Yeseva One & Forum"},{css:"basetype-dosis-oldstandardtt.css",sectioncss:"type-dosis-oldstandardtt.css",classname:"type-dosis-oldstandardtt",img:"type-dosis-oldstandardtt.jpg",category:1,default:!1,caption:"Dosis & Old Standard TT"},{css:"basetype-engagement-spectral.css",sectioncss:"type-engagement-spectral.css",classname:"type-engagement-spectral",img:"type-engagement-spectral.jpg",category:11,default:!1,caption:"Engagement & Spectral"},{css:"basetype-dynalight-mada.css",sectioncss:"type-dynalight-mada.css",classname:"type-dynalight-mada",img:"type-dynalight-mada.jpg",category:8,default:!1,caption:"Dynalight & Mada"},{css:"basetype-gravitasone-nanummyeongjo.css",sectioncss:"type-gravitasone-nanummyeongjo.css",classname:"type-gravitasone-nanummyeongjo",img:"type-gravitasone-nanummyeongjo.jpg",category:10,default:!1,caption:"Gravitas One & Nanum Myeongjo"},{css:"basetype-alexbrush-ibmplexsans.css",sectioncss:"type-alexbrush-ibmplexsans.css",classname:"type-alexbrush-ibmplexsans",img:"type-alexbrush-ibmplexsans.jpg",category:9,default:!1,caption:"Alex Brush & IBM Plex Sans"}]}},cssInBody:!1,cssClasses:{fontWeight:{thin:"font-thin",extralight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extrabold:"font-extrabold",black:"font-black",defaultBold:"font-semibold",defaultNormal:"font-light"},fontStyle:{italic:"italic",normal:"not-italic"},textDecoration:{underline:"underline",linethrough:"line-through",normal:"no-underline"},textTransform:{uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize",normal:"normal-case"},tracking:{tracking__100:"tracking--100",tracking__075:"tracking--75",tracking__050:"tracking-tighter",tracking__025:"tracking-tight",tracking_000:"tracking-normal",tracking_025:"tracking-wide",tracking_050:"tracking-wider",tracking_075:"tracking-75",tracking_100:"tracking-widest",tracking_125:"tracking-125",tracking_150:"tracking-150",tracking_175:"tracking-175",tracking_200:"tracking-200",tracking_225:"tracking-225",tracking_250:"tracking-250",tracking_275:"tracking-275",tracking_300:"tracking-300",tracking_325:"tracking-325",tracking_350:"tracking-350",tracking_375:"tracking-375",tracking_400:"tracking-400",tracking_425:"tracking-425",tracking_450:"tracking-450",tracking_475:"tracking-475",tracking_500:"tracking-500"},leading:{leading_5:"leading-05",leading_6:"leading-06",leading_7:"leading-07",leading_8:"leading-08",leading_9:"leading-09",leading_10:"leading-none",leading_11:"leading-11",leading_12:"leading-12",leading_125:"leading-tight",leading_13:"leading-13",leading_1375:"leading-snug",leading_14:"leading-14",leading_15:"leading-normal",leading_16:"leading-16",leading_1625:"leading-relaxed",leading_17:"leading-17",leading_18:"leading-18",leading_19:"leading-19",leading_20:"leading-loose",leading_21:"leading-21",leading_22:"leading-22",leading_23:"leading-23",leading_24:"leading-24",leading_25:"leading-25",leading_26:"leading-26",leading_27:"leading-27",leading_28:"leading-28",leading_29:"leading-29",leading_30:"leading-30"},opacity:{opacity_0:"opacity-0",opacity_2:"opacity-2",opacity_4:"opacity-4",opacity_5:"opacity-5",opacity_6:"opacity-6",opacity_8:"opacity-8",opacity_10:"opacity-10",opacity_12:"opacity-12",opacity_15:"opacity-15",opacity_20:"opacity-20",opacity_25:"opacity-25",opacity_30:"opacity-30",opacity_35:"opacity-35",opacity_40:"opacity-40",opacity_45:"opacity-45",opacity_50:"opacity-50",opacity_55:"opacity-55",opacity_60:"opacity-60",opacity_65:"opacity-65",opacity_70:"opacity-70",opacity_75:"opacity-75",opacity_80:"opacity-80",opacity_85:"opacity-85",opacity_90:"opacity-90",opacity_95:"opacity-95",opacity_100:"opacity-100"},padding:{all:{p_0:"p-0",p_1:"p-1",p_2:"p-2",p_3:"p-3",p_4:"p-4",p_5:"p-5",p_6:"p-6",p_7:"p-7",p_8:"p-8",p_9:"p-9",p_10:"p-10",p_11:"p-11",p_12:"p-12",p_14:"p-14",p_16:"p-16",p_20:"p-20"},x:{px_0:"px-0",px_1:"px-1",px_2:"px-2",px_3:"px-3",px_4:"px-4",px_5:"px-5",px_6:"px-6",px_7:"px-7",px_8:"px-8",px_9:"px-9",px_10:"px-10",px_11:"px-11",px_12:"px-12",px_14:"px-14",px_16:"px-16",px_20:"px-20"},y:{py_0:"py-0",py_1:"py-1",py_2:"py-2",py_3:"py-3",py_4:"py-4",py_5:"py-5",py_6:"py-6",py_7:"py-7",py_8:"py-8",py_9:"py-9",py_10:"py-10",py_11:"py-11",py_12:"py-12",py_14:"py-14",py_16:"py-16",py_20:"py-20"},top:{pt_0:"pt-0",pt_1:"pt-1",pt_2:"pt-2",pt_3:"pt-3",pt_4:"pt-4",pt_5:"pt-5",pt_6:"pt-6",pt_7:"pt-7",pt_8:"pt-8",pt_9:"pt-9",pt_10:"pt-10",pt_11:"pt-11",pt_12:"pt-12",pt_14:"pt-14",pt_16:"pt-16",pt_20:"pt-20"},right:{pr_0:"pr-0",pr_1:"pr-1",pr_2:"pr-2",pr_3:"pr-3",pr_4:"pr-4",pr_5:"pr-5",pr_6:"pr-6",pr_7:"pr-7",pr_8:"pr-8",pr_9:"pr-9",pr_10:"pr-10",pr_11:"pr-11",pr_12:"pr-12",pr_14:"pr-14",pr_16:"pr-16",pr_20:"pr-20"},bottom:{pb_0:"pb-0",pb_1:"pb-1",pb_2:"pb-2",pb_3:"pb-3",pb_4:"pb-4",pb_5:"pb-5",pb_6:"pb-6",pb_7:"pb-7",pb_8:"pb-8",pb_9:"pb-9",pb_10:"pb-10",pb_11:"pb-11",pb_12:"pb-12",pb_14:"pb-14",pb_16:"pb-16",pb_20:"pb-20"},left:{pl_0:"pl-0",pl_1:"pl-1",pl_2:"pl-2",pl_3:"pl-3",pl_4:"pl-4",pl_5:"pl-5",pl_6:"pl-6",pl_7:"pl-7",pl_8:"pl-8",pl_9:"pl-9",pl_10:"pl-10",pl_11:"pl-11",pl_12:"pl-12",pl_14:"pl-14",pl_16:"pl-16",pl_20:"pl-20"}},extend:{superscript:"sup",subscript:"sub"},textAlign:{left:"text-left",center:"text-center",right:"text-right",justify:"text-justify"},display:{flex:"flex",block:"block",inline:"inline",inline_block:"inline-block"},flexDirection:{row:"flex-row",column:"flex-col",row_reverse:"flex-row-reverse",column_reverse:"flex-col-reverse"},flexWrap:{wrap:"flex-wrap",nowrap:"flex-nowrap",wrap_reverse:"flex-wrap-reverse"},justifyContent:{start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},alignItems:{start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"}},useCssClasses:!0,useButtonPlugin:!1,enableDragResize:!0,simpleTextSettings:!1,onAddSectionOpen:function(){},contentHtmlStart:'<div class="is-container is-builder container"><div class="row clearfix"><div class="column full">',contentHtmlEnd:"</div></div></div>"};if(this.settings=Object.assign(this,i,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 n,o;if(""!==this.settings.imageSelect?this.settings.imageselect=this.settings.imageSelect:""!=this.settings.imageselect&&(this.settings.imageSelect=this.settings.imageselect),""!==this.settings.fileSelect?this.settings.fileselect=this.settings.fileSelect:""!=this.settings.fileselect&&(this.settings.fileSelect=this.settings.fileselect),""!==this.settings.videoSelect?this.settings.videoselect=this.settings.videoSelect:""!=this.settings.videoselect&&(this.settings.videoSelect=this.settings.videoselect),this.settings.snippetPathReplace.length>0&&0===this.settings.designPathReplace.length&&(this.settings.designPathReplace=this.settings.snippetPathReplace),this.settings.contentStyleWithSample&&(this.settings.contentStyles=this.settings.contentStylesAlt),this.iframe){n=this.iframe.contentWindow;let t=this.iframe.contentDocument||this.iframe.contentWindow.document;o=t,this.iframeDocument=t}else n=window,o=document;if(this.win=n,this.doc=o,this.iframe){let t=o.querySelector(".content-stuff");t||(t=document.createElement("div"),t.className="content-stuff is-ui",t.id="_cbhtml",o.body.appendChild(t)),this.contentStuff=t,this.stuff=new ly(this)}if(this.wrapperEl=this.doc.querySelector(this.wrapper),hy.hasClass(this.wrapperEl,"preview"))return void(this.preview=!0);hy.addClass(this.wrapperEl,"is-wrapper"),hy.addClass(this.wrapperEl,"is-edit");let a=this.settings.onRender;this.settings.onRender=()=>{a.call(this);try{this.box()}catch(t){}};let l=this.settings.onChange;this.settings.onChange=()=>{l.call(this),setTimeout((()=>{this.editor.livePreview.previewRefresh()}),100)};let r=document.querySelector("#_cbhtml");r||(r=document.createElement("div"),r.id="_cbhtml",r.style.visibility="hidden",r.className="is-ui",document.body.appendChild(r),r=document.querySelector("#_cbhtml")),this.builderStuff=r,r.style.position="fixed",setTimeout((()=>{r.style.position="",this.wrapperEl.getBoundingClientRect().left<0&&(r.style.position="fixed",setTimeout((()=>{r.style.position=""}),1500))}),1500),(t=>{const i=t.builderStuff;e.appendHtml(i,'<svg width="0" height="0" style="position:absolute;display:none;">\n <defs>\n\n <symbol viewBox="0 0 512 512" id="ion-android-add"><path d="M416 277.333H277.333V416h-42.666V277.333H96v-42.666h138.667V96h42.666v138.667H416v42.666z"></path></symbol>\n <symbol viewBox="0 0 512 512" id="ion-edit"><path d="M163 439.573l-90.569-90.569L322.78 98.656l90.57 90.569zM471.723 88.393l-48.115-48.114c-11.723-11.724-31.558-10.896-44.304 1.85l-45.202 45.203 90.569 90.568 45.202-45.202c12.743-12.746 13.572-32.582 1.85-44.305zM64.021 363.252L32 480l116.737-32.021z"></path></symbol>\n <symbol viewBox="0 0 2048.0 2048.0" id="icon-snippets"><g id="document" transform="matrix(1,0,0,1,1024.0,1024.0)">\t\t\t<path d="M-727.581,329.502 L318.058,329.502 L318.058,-527.853 L-727.581,-527.853 L-727.581,329.502 Z " fill="#ffffff" fill-opacity="1.00" stroke-width="85.63" stroke="#000000" stroke-linecap="square" stroke-linejoin="miter" />\t\t\t<path d="M-347.749,652.594 L697.89,652.594 L697.89,-204.761 L-347.749,-204.761 L-347.749,652.594 Z " fill="#ffffff" fill-opacity="1.00" stroke-width="85.63" stroke="#000000" stroke-linecap="square" stroke-linejoin="miter" />\t\t</g></symbol>\n <symbol viewBox="0 0 512 512" id="ion-ios-copy-outline"><path d="M304 96h-16v80h80v-16h-64z"></path><path d="M325.3 64H160v48h-48v336h240v-48h48V139l-74.7-75zM336 432H128V128h32v272h176v32zm48-48H176V80h142.7l65.3 65.6V384z"></path></symbol>\n \n <symbol viewBox="0 0 24 24" id="icon-arrow-bar-to-up" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n <line x1="12" y1="10" x2="12" y2="20" />\n <line x1="12" y1="10" x2="16" y2="14" />\n <line x1="12" y1="10" x2="8" y2="14" />\n <line x1="4" y1="4" x2="20" y2="4" />\n </symbol>\n <symbol viewBox="0 0 24 24" id="icon-arrow-bar-to-down" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n <line x1="4" y1="20" x2="20" y2="20" />\n <line x1="12" y1="14" x2="12" y2="4" />\n <line x1="12" y1="14" x2="16" y2="10" />\n <line x1="12" y1="14" x2="8" y2="10" />\n </symbol>\n <symbol viewBox="0 0 24 24" id="icon-space-between" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n <line x1="4" y1="4" x2="20" y2="4" />\n <line x1="4" y1="20" x2="20" y2="20" />\n </symbol>\n\n <symbol id="icon-arrow-right" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <line x1="5" y1="12" x2="19" y2="12"></line>\n <line x1="15" y1="16" x2="19" y2="12"></line>\n <line x1="15" y1="8" x2="19" y2="12"></line>\n </symbol>\n\n <symbol id="icon-arrow-left" viewBox="0 0 24 24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <line x1="5" y1="12" x2="19" y2="12"></line>\n <line x1="5" y1="12" x2="9" y2="16"></line>\n <line x1="5" y1="12" x2="9" y2="8"></line>\n </symbol>\n \n <symbol id="icon-arrow-up" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <line x1="12" y1="5" x2="12" y2="19"></line>\n <line x1="16" y1="9" x2="12" y2="5"></line>\n <line x1="8" y1="9" x2="12" y2="5"></line>\n </symbol>\n\n <symbol id="icon-arrow-down" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <line x1="12" y1="5" x2="12" y2="19"></line>\n <line x1="16" y1="15" x2="12" y2="19"></line>\n <line x1="8" y1="15" x2="12" y2="19"></line>\n </symbol>\n\n <symbol id="icon-rotate-clockwise" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <path d="M9 4.55a8 8 0 0 1 6 14.9m0 -4.45v5h5"></path>\n <line x1="5.63" y1="7.16" x2="5.63" y2="7.17"></line>\n <line x1="4.06" y1="11" x2="4.06" y2="11.01"></line>\n <line x1="4.63" y1="15.1" x2="4.63" y2="15.11"></line>\n <line x1="7.16" y1="18.37" x2="7.16" y2="18.38"></line>\n <line x1="11" y1="19.94" x2="11" y2="19.95"></line>\n </symbol>\n\n <symbol id="icon-rotate-2" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <path d="M15 4.55a8 8 0 0 0 -6 14.9m0 -4.45v5h-5"></path>\n <line x1="18.37" y1="7.16" x2="18.37" y2="7.17"></line>\n <line x1="13" y1="19.94" x2="13" y2="19.95"></line>\n <line x1="16.84" y1="18.37" x2="16.84" y2="18.38"></line>\n <line x1="19.37" y1="15.1" x2="19.37" y2="15.11"></line>\n <line x1="19.94" y1="11" x2="19.94" y2="11.01"></line>\n </symbol>\n\n <symbol viewBox="0 0 24 24" id="icon-arrows-diagonal" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <polyline points="16 4 20 4 20 8"></polyline>\n <line x1="14" y1="10" x2="20" y2="4"></line>\n <polyline points="8 20 4 20 4 16"></polyline>\n <line x1="4" y1="20" x2="10" y2="14"></line>\n </symbol>\n \n <symbol viewBox="0 0 24 24" id="icon-arrows-diagonal-minimize" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <path d="M18 10h-4v-4"></path>\n <path d="M20 4l-6 6"></path>\n <path d="M6 14h4v4"></path>\n <path d="M10 14l-6 6"></path>\n </symbol>\n\n <symbol id="icon-circle-half" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <circle cx="12" cy="12" r="9"></circle>\n <path d="M12 3v18"></path>\n <path d="M12 14l7 -7"></path>\n <path d="M12 19l8.5 -8.5"></path>\n <path d="M12 9l4.5 -4.5"></path>\n </symbol>\n\n <symbol id="icon-box-multiple" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <rect x="7" y="3" width="14" height="14" rx="2"></rect>\n <path d="M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"></path>\n </symbol>\n\n <symbol id="icon-typography" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <line x1="4" y1="20" x2="7" y2="20"></line>\n <line x1="14" y1="20" x2="21" y2="20"></line>\n <line x1="6.9" y1="15" x2="13.8" y2="15"></line>\n <line x1="10.2" y1="6.3" x2="16" y2="20"></line>\n <polyline points="5 20 11 4 13 4 20 20"></polyline>\n </symbol>\n\n <symbol id="icon-plus" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <line x1="12" y1="5" x2="12" y2="19"></line>\n <line x1="5" y1="12" x2="19" y2="12"></line>\n </symbol>\n\n <symbol id="icon-hand-move" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <path d="M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5"></path>\n <path d="M11 11.5v-2a1.5 1.5 0 0 1 3 0v2.5"></path>\n <path d="M14 10.5a1.5 1.5 0 0 1 3 0v1.5"></path>\n <path d="M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7l-.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47"></path>\n <path d="M2.541 5.594a13.487 13.487 0 0 1 2.46 -1.427"></path>\n <path d="M14 3.458c1.32 .354 2.558 .902 3.685 1.612"></path>\n </symbol>\n \n <symbol id="icon-wand" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <polyline points="6 21 21 6 18 3 3 18 6 21"></polyline>\n <line x1="15" y1="6" x2="18" y2="9"></line>\n <path d="M9 3a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2"></path>\n <path d="M19 13a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2"></path>\n </symbol>\n\n <symbol id="icon-pencil" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4"></path>\n <line x1="13.5" y1="6.5" x2="17.5" y2="10.5"></line>\n </symbol>\n\n <symbol id="icon-window-maximize" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <rect x="3" y="16" width="5" height="5" rx="1"></rect>\n <path d="M4 12v-6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-6"></path>\n <path d="M12 8h4v4"></path>\n <path d="M16 8l-5 5"></path>\n </symbol>\n\n <symbol id="icon-settings" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z"></path>\n <circle cx="12" cy="12" r="3"></circle>\n </symbol>\n\n\n </defs>\n </svg>')})(this),this.sidebar=new s(this),this.animateScroll=new dy(this),this.timeline=new uy(this),this.util=new py(this),this.pageTemplate||(this.pageTemplate=this.util.getPageTemplate(this.framework)),window.data_basic?(this.editorSetup(),this.init()):hy.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 oy({container:".is-container",page:".is-wrapper",previewURL:this.settings.previewURL,onPreviewOpen:()=>{let t=this.html();localStorage.setItem("preview-html",t);let e=this.mainCss();localStorage.setItem("preview-maincss",e);let i=this.sectionCss();localStorage.setItem("preview-sectioncss",i)},onPreviewClose:()=>{this.wrapperEl.style.marginBottom=""},onPreviewContentLoad:()=>{setTimeout((()=>{const t=this.builderStuff.querySelector(".is-modal.content-preview").querySelector("iframe");this.scrollSync(t)}),1e3)},previewStyle:"top:auto;bottom:30px;left:90px;right:auto;",livePreviewOpen:!1,iframe:this.settings.iframe,imageAdjust:1,scriptPath:this.settings.scriptPath,pluginPath:this.settings.pluginPath,modulePath:this.settings.modulePath,fontAssetPath:this.settings.fontAssetPath,fontPath:this.settings.fontPath,assetPath:this.settings.assetPath,plugins:this.settings.plugins,disableConfig:this.settings.disableConfig,snippetList:"#divSidebarSnippets",snippetPath:this.settings.snippetPath,snippetUrl:this.settings.snippetUrl,snippetJSON:window.data_basic,snippetPathReplace:this.settings.snippetPathReplace,maxColumns:this.settings.maxColumns,maxEmbedImageWidth:this.settings.maxEmbedImageWidth,imageRenameOnEdit:this.settings.imageRenameOnEdit,sectionTemplate:this.settings.sectionTemplate,onSectionAdd:()=>{this.pageSetup()},slider:this.settings.slider,onRender:()=>{this.settings.onRender()},onChange:()=>{this.settings.onChange()},useLightbox:this.settings.useLightbox,lightboxArrow:this.settings.lightboxArrow,themes:this.settings.themes,moduleConfig:this.settings.moduleConfig,onImageBrowseClick:this.settings.onImageBrowseClick,onImageSettingClick:this.settings.onImageSettingClick,onImageSelectClick:this.settings.onImageSelectClick,onFileSelectClick:this.settings.onFileSelectClick,onVideoSelectClick:this.settings.onVideoSelectClick,onAudioSelectClick:this.settings.onAudioSelectClick,onMediaSelectClick:this.settings.onMediaSelectClick,onImageEditClick:this.settings.onImageEditClick,setCropperConfig:this.settings.setCropperConfig,onPluginsLoaded:this.settings.onPluginsLoaded,imageselect:this.settings.imageselect,fileselect:this.settings.fileselect,imageEmbed:this.settings.imageEmbed,sourceEditor:this.settings.sourceEditor,customval:this.settings.customval,colors:this.settings.colors,gradientcolors:this.settings.gradientcolors,buttons:this.settings.buttons,buttonsMore:this.settings.buttonsMore,elementButtons:this.settings.elementButtons,elementButtonsMore:this.settings.elementButtonsMore,iconButtons:this.settings.iconButtons,iconButtonsMore:this.settings.iconButtonsMore,customTags:this.settings.customTags,largerImageHandler:this.settings.largerImageHandler,onLargerImageUpload:this.settings.onLargerImageUpload,imageHandler:this.settings.imageHandler,mediaHandler:this.settings.mediaHandler,videoHandler:this.settings.videoHandler,audioHandler:this.settings.audioHandler,fileHandler:this.settings.fileHandler,onVideoUpload:this.settings.onVideoUpload,onAudioUpload:this.settings.onAudioUpload,onImageUpload:this.settings.onImageUpload,onMediaUpload:this.settings.onMediaUpload,onFileUpload:this.settings.onFileUpload,framework:this.settings.framework,cellFormat:this.settings.cellFormat,rowFormat:this.settings.rowFormat,row:this.settings.row,cols:this.settings.cols,colequal:this.settings.colequal,colsizes:this.settings.colsizes,classReplace:this.settings.classReplace,columnTool:this.settings.columnTool,elementTool:this.settings.elementTool,animateModal:this.settings.animateModal,elementAnimate:this.settings.elementAnimate,elementEditor:this.settings.elementEditor,onAdd:this.settings.onAdd,imageQuality:this.settings.imageQuality,columnHtmlEditor:this.settings.columnHtmlEditor,rowHtmlEditor:this.settings.rowHtmlEditor,rowMoveButtons:this.settings.rowMoveButtons,htmlSyntaxHighlighting:this.settings.htmlSyntaxHighlighting,scrollableEditingToolbar:this.settings.scrollableEditingToolbar,toolbar:this.settings.toolbar,toolbarDisplay:this.settings.toolbarDisplay,toolbarAddSnippetButton:this.settings.toolbarAddSnippetButton,paste:this.settings.paste,builderMode:this.settings.builderMode,rowcolOutline:this.settings.rowcolOutline,elementSelection:this.settings.elementSelection,animatedSorting:this.settings.animatedSorting,dragWithoutHandle:this.settings.dragWithoutHandle,addButtonPlacement:this.settings.addButtonPlacement,outlineMode:this.settings.outlineMode,elementHighlight:this.settings.elementHighlight,rowTool:this.settings.rowTool,toolStyle:this.settings.toolStyle,outlineStyle:this.settings.outlineStyle,snippetAddTool:this.settings.snippetAddTool,mobileSimpleEdit:this.settings.mobileSimpleEdit,clearPreferences:this.settings.clearPreferences,snippetCategories:this.settings.snippetCategories,defaultSnippetCategory:this.settings.defaultSnippetCategory,undoRedoStyles:this.settings.undoRedoStyles,onUndo:()=>{this.doUndoRedo()},onRedo:()=>{this.doUndoRedo()},undoContainerOnly:this.settings.undoContainerOnly,absolutePath:this.settings.absolutePath,cssClasses:this.settings.cssClasses,useCssClasses:this.settings.useCssClasses,useButtonPlugin:this.settings.useButtonPlugin,enableDragResize:this.settings.enableDragResize,simpleTextSettings:this.settings.simpleTextSettings,shortenHTML:this.settings.shortenHTML,zoom:this.settings.zoom,onZoomStart:()=>{const t=this.wrapperEl;let e=t.querySelectorAll(".is-section-tool");Array.prototype.forEach.call(e,(function(t){"block"===t.style.display&&(t.setAttribute("data-section-active",""),t.style.display="none")})),e=t.querySelectorAll(".is-box-tool"),Array.prototype.forEach.call(e,(function(t){"flex"===t.style.display&&(t.setAttribute("data-box-active",""),t.style.display="none")})),this.wrapperEl.style.transition="none"},onZoom:t=>{const e=300*(1-t)/.5;this.wrapperEl.style.marginTop=`${e}px`},onZoomEnd:()=>{const t=this.wrapperEl;if(!t.querySelector(".is-section"))return;this.addSpace();let e=t.querySelector(".is-section-tool[data-section-active]");e&&(e.removeAttribute("data-section-active"),e.style.display="block"),e=t.querySelector(".is-box-tool[data-box-active]"),e&&(e.removeAttribute("data-box-active"),e.style.display="flex"),this.rePositionTool(),this.wrapperEl.style.transition="",this.refreshAnim()},onThemeChange:()=>{this.refreshUIStyle()},fileSelect:this.settings.fileSelect,imageSelect:this.settings.imageSelect,videoSelect:this.settings.videoSelect,audioSelect:this.settings.audioSelect,mediaSelect:this.settings.mediaSelect,selectIcon:this.settings.selectIcon,otherSelect:this.settings.otherSelect,otherSelectCaption:this.settings.otherSelectCaption,otherSelectIcon:this.settings.otherSelectIcon,imageSelectWidth:this.settings.imageSelectWidth,imageSelectHeight:this.settings.imageSelectHeight,fileSelectWidth:this.settings.fileSelectWidth,fileSelectHeight:this.settings.fileSelectHeight,videoSelectWidth:this.settings.videoSelectWidth,videoSelectHeight:this.settings.videoSelectHeight,audioSelectWidth:this.settings.audioSelectWidth,audioSelectHeight:this.settings.audioSelectHeight,mediaSelectWidth:this.settings.mediaSelectWidth,mediaSelectHeight:this.settings.mediaSelectHeight,assetRefresh:this.settings.assetRefresh,onContentClick:t=>{this.settings.onContentClick&&this.settings.onContentClick(),this.doc.body.classList.remove("temporary-hide-tools");let e=t.target;if(!e.closest('[contenteditable="true"]')){let i=this.editor.dom.getParentElement(e,"a");if("a"===e.tagName.toLowerCase()||i){"a"===e.tagName.toLowerCase()&&(i=e);let n=i.getAttribute("href");if(n&&0===n.indexOf("#"))if(0===n.indexOf("#section")){let e=n.replace("#section","");if(!isNaN(parseInt(e))){let i,n=this.doc.querySelectorAll(".is-section"),o=0;n.forEach((function(t){hy.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())}}}}});const t=this.builderStuff.querySelector(".is-modal.content-preview").querySelector("iframe");this.win.addEventListener("scroll",this.doScrollSync=()=>{this.scrollSync(t)}),this.isTouchSupport=this.editor.isTouchSupport}scrollSync(t){if(this.builderStuff.querySelector(".is-modal.content-preview").classList.contains("active")&&!this.cancelScrollSync)try{let e=t.contentWindow.document.querySelector(".is-wrapper").offsetHeight,i=this.wrapperEl.offsetHeight*this.editor.zoom,n=e-i;this.wrapperEl.style.marginBottom="100vh",t.contentWindow.scrollTo(0,this.win.scrollY+this.win.scrollY/i*n)}catch(t){}}init(){hy.appendHtml(this.doc.head,`<style id="_contentbox_css">\n body {\n background: ${this.settings.backgroundColor};\n }\n .block-click.is-box {\n cursor: unset;\n }\n .block-click.is-box > * {\n pointer-events: unset;\n user-select: unset;\n } \n\n .is-wrapper.is-edit {\n padding-left: 61px;\n }\n .is-wrapper.is-container-edit > div.section-select, .is-wrapper.is-clean-edit > div.section-select {\n overflow-x: unset !important;\n overflow-y: unset !important;\n }\n\n\n /* Navbar Fix */\n .is-wrapper.is-edit .is-section.is-section-navbar,\n .is-wrapper.is-edit .is-section.is-section-navbar .is-topbar {\n left: 0;\n margin-left: 60px;\n width: calc(100% - 60px);\n }\n .is-wrapper.is-edit .is-section.is-section-navbar .is-topbar.static {\n width: 100%;\n margin-left: unset;\n }\n\n /* protected section */\n .is-section.protected .is-box-tool {\n display: none !important;\n }\n\n /* manual selection during animation edit */\n .hard-select .is-box-tool {\n display: none !important;\n }\n .hard-select .is-section-tool {\n display: none !important;\n }\n .hard-select .box-select {\n outline: #00da89 1px solid;\n outline-offset: -1px;\n z-index: 1;\n }\n .hard-select .box-select .is-box-tool {\n display: flex !important;\n }\n .hard-select .box-select .is-overlay {\n z-index: -1;\n }\n .hard-select .section-select .is-section-tool {\n display: block !important;\n }\n\n /* drop block as section */\n .is-wrapper > .sortable-ghost {\n height: 40px !important;\n min-height: unset !important;\n background: rgba(204, 204, 204, 0.15) !important;\n }\n .is-wrapper > .sortable-ghost * {\n opacity: 0 !important;\n }\n\n /* toggle tool */\n .is-wrapper.is-clean-edit.hard-select .box-select .is-box-tool,\n .is-wrapper.is-clean-edit .box-select .is-box-tool {\n display: none !important;\n }\n .is-wrapper.is-clean-edit.hard-select .section-select .is-section-tool,\n .is-wrapper.is-clean-edit .section-select .is-section-tool {\n display: none !important;\n }\n .is-wrapper.is-clean-edit.hard-select .box-select,\n .is-wrapper.is-clean-edit .box-select {\n outline: none !important;\n }\n \n /* clean UI for selection only */\n /*\n .selection-only:not([data-skrollrr-off]) .is-wrapper.hard-select .box-select .is-box-tool,\n .selection-only:not([data-skrollrr-off]) .is-wrapper .box-select .is-box-tool {\n display: none !important;\n }\n .selection-only:not([data-skrollrr-off]) .is-wrapper.hard-select .section-select .is-section-tool,\n .selection-only:not([data-skrollrr-off]) .is-wrapper .section-select .is-section-tool {\n display: none !important;\n }\n .selection-only:not([data-skrollrr-off]) .is-wrapper .is-rowadd-tool {\n display: none !important;\n }\n .selection-only:not([data-skrollrr-off]) .is-wrapper .is-tool {\n display: none !important;\n }\n .selection-only:not([data-skrollrr-off]) .is-tool {\n z-index: -10000 !important;\n }\n */\n \n /* section info */\n .is-wrapper .is-section-info {\n position: absolute;\n z-index: 1;\n top: 3px;\n left: 3px;\n display: none;\n }\n .is-wrapper .is-section-info > div {\n width: auto;\n height: auto;\n padding: 5px 20px;\n background-color: rgb(255, 239, 100);\n color: #111;\n font-family: sans-serif;\n letter-spacing: 2px;\n font-size: 17px;\n }\n .is-wrapper .section-select .is-section-info {\n display: block;\n }\n\n /* To make editing possible on wide content */\n .is-wrapper.is-edit .section-wide-250 .is-box-centered {\n overflow-x: auto;\n overflow-y: hidden;\n }\n .is-wrapper.is-edit .section-wide-250 .is-container > div > div { /* To make col tool visible */\n max-height: 90vh; \n }\n \n </style>`),hy.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: 340px;\n height: auto;\n top: calc(50% - 265px);\n left: calc(50% - 157px);\n box-sizing: content-box;\n flex-direction: row;\n align-items: flex-start;\n }\n #_cbhtml .is-modal.editbox.is-modal-content.active {\n display: flex;\n }\n #_cbhtml .is-modal.editbox.is-modal-content .is-modal-overlay {\n display: none;\n }\n\n /* Switch */\n .is-ui .switch {\n position: relative;\n display: inline-block;\n width: 60px;\n height: 34px;\n }\n \n .is-ui .switch input {\n opacity: 0;\n width: 0;\n height: 0;\n }\n \n .is-ui .switch .slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #ccc;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border-radius: 34px;\n }\n \n .dark .is-ui .switch .slider {\n background-color: #7c7c7c;\n }\n \n .is-ui .switch .slider:before {\n position: absolute;\n content: "";\n height: 26px;\n width: 26px;\n left: 4px;\n bottom: 4px;\n background-color: #fff;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border-radius: 50%;\n }\n \n .dark .is-ui .switch .slider:before {\n background-color: rgba(255, 255, 255, 0.82);\n }\n \n .is-ui .switch input:checked + .slider {\n background-color: #0e75de;\n border-radius: 34px;\n }\n \n .dark .is-ui .switch input:checked + .slider {\n background-color: #0e75de;\n }\n \n .is-ui .switch input:focus + .slider {\n box-shadow: 0 0 1px #0e75de;\n }\n \n .dark .is-ui .switch input:focus + .slider {\n box-shadow: 0 0 1px #0e75de;\n }\n \n .is-ui .switch input:checked + .slider:before {\n -webkit-transform: translateX(26px);\n -ms-transform: translateX(26px);\n transform: translateX(26px);\n }\n\n /* temporary hide tools on wide section during scroll */\n .temporary-hide-tools .is-ui .is-tool {\n display: none !important;\n }\n </style>');const t=this.builderStuff;hy.appendHtml(t,'<div class="page-overlay"></div>');let e=t.querySelector(".page-overlay");this.editsection=new r(this),this.editbox=new Je(this),setTimeout((()=>{if(this.pageSetupDone||this.pageSetup(),(null!=localStorage.getItem("_livepreview")||this.settings.livePreviewOpen)&&this.openPreview(),null!=localStorage.getItem("_disableanimation")){this.doc.body.setAttribute("data-skrollrr-off","true");this.sidebar.pageQuickSettings.querySelector(".cmd-live-preview").checked=!1}null!=localStorage.getItem("_timelinewindow")&&this.timeline.edit()}),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?(ay.stop(),setTimeout((()=>{s()}),300)):i?(ay.start(),ay.on("hide",(()=>{s()}))):(ay.stop(),setTimeout((()=>{s()}),300)),this.doc.addEventListener("wheel",(()=>{if(this.editor.activeElement){if(this.editor.activeElement.closest(".section-wide-250")){this.doc.body.classList.add("temporary-hide-tools"),this.editor.moveable&&this.editor.moveable.updateRect();let t=this.doc.querySelector(".moveable-control-box");t&&(t.style.display="none")}if(this.editor.activeElement.closest(".scroll-y")){this.doc.body.classList.add("temporary-hide-tools"),this.editor.moveable&&this.editor.moveable.updateRect();let t=this.doc.querySelector(".moveable-control-box");t&&(t.style.display="none")}}})),this.doc.addEventListener("click",this.doDocumentClick=t=>{var e=(t=t||window.event).target||t.srcElement;if(!(e.closest("#_cbhtml")||e.closest(".is-box-tool")||e.closest(".is-section-tool")||e.closest(".is-side")||e.closest(".is-modal")||e.closest(".is-sidebar")))if(e.closest(".is-wrapper")&&!e.classList.contains("is-wrapper")){if(e.closest(".is-container")){const t=e.closest(".is-box");if(t){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")));const i=this.doc.querySelector(".box-select");i&&i.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.timeline.modalTimeline.classList.contains("active")&&!this.animateScroll.modalAnimateScroll.classList.contains("active")){const t=this.doc.querySelector(".box-select");t&&t.classList.remove("box-select");const e=this.doc.querySelector(".section-select");e&&e.classList.remove("section-select"),this.wrapperEl.classList.remove("hard-select")}}else{const e=this.doc.querySelector(".box-select");e&&e.classList.remove("box-select");const i=this.doc.querySelector(".section-select");i&&i.classList.remove("section-select"),t.classList.add("box-select"),this.activeBox=t;const n=t.closest(".is-section");n.classList.add("section-select"),this.activeSection=n,this.wrapperEl.classList.add("hard-select")}this.wrapperEl.classList.remove("is-container-edit"),this.wrapperEl.classList.remove("is-clean-edit")}this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display="",this.settings.onPageContentClick&&this.settings.onPageContentClick(t)}else{if(document.activeElement&&"input"===document.activeElement.tagName.toLowerCase())return;this.wrapperEl.classList.remove("is-container-edit"),this.wrapperEl.classList.remove("is-clean-edit");const t=this.builderStuff.querySelector(".editbox");t.style.display="";const e=this.builderStuff.querySelector(".editsection");if(e.style.display="","flex"!==t.style.display&&"flex"!==e.style.display&&!this.timeline.modalTimeline.classList.contains("active")&&!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")}))}this.timeline.modalTimeline.classList.contains("active")&&this.timeline.clearSettings()}let i=!1,n=!1,o=!1,s=!1,a=!1,l=!1,r=!1,d=!1,c=!1,u=e;for(;u&&u.tagName&&"BODY"!==u.tagName&&"HTML"!==u.tagName;)hy.hasClass(u,"is-sidebar-content")&&(i=!0),hy.hasClass(u,"is-sidebar")&&(n=!0),hy.hasClass(u,"is-builder")&&(o=!0),hy.hasClass(u,"is-wrapper")&&(a=!0),hy.hasClass(u,"is-rte-tool")&&(l=!0),hy.hasClass(u,"is-modal")&&(r=!0),hy.hasClass(u,"is-pop")&&(d=!0),hy.hasClass(u,"is-tool")&&(c=!0),hy.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;)hy.hasClass(r,"is-sidebar-content")&&(e=!0),hy.hasClass(r,"is-sidebar")&&(i=!0),hy.hasClass(r,"is-wrapper")&&(n=!0),hy.hasClass(r,"is-rte-tool")&&(o=!0),hy.hasClass(r,"is-modal")&&(s=!0),hy.hasClass(r,"is-pop")&&(a=!0),hy.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()}),window.wheel=()=>{}}openPreview(){this.animateScroll.openPreview()}closePreview(){this.animateScroll.closePreview()}openSettings(t){this.sidebar.openSettings(t)}pageSetup(){this.wrapperEl.querySelectorAll(".is-section").forEach((t=>{if(this.sectionSetup(t),hy.hasClass(t,"is-box"))this.boxSetup(t);else{t.querySelectorAll(".is-box").forEach((t=>{this.boxSetup(t)}))}})),this.editor.applyBehavior(),this.addSpace(),setTimeout((()=>{let t=()=>{if(!this.doc.body.hasAttribute("data-skrollrr-off"))return!0},e=document.querySelector(".is-element-tool"),i=document.querySelector("#divImageTool"),n=document.querySelector("#divImageResizer"),o=()=>{if(i&&"flex"===i.style.display){this.editor.moveable&&this.editor.moveable.updateRect();let t=this.doc.querySelector(".moveable-control-box");t&&(t.style.display="none")}e&&(e.style.display=""),i&&(i.style.display=""),n&&(n.style.display="")};t&&(this.doc.addEventListener("wheel",this.doAnimWheel=()=>{t()&&o()}),this.win.addEventListener("scroll",this.doAnimScroll=()=>{t()&&o()}))}),300)}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){hy.hasClass(e,"is-section-navbar")||(o===t-1&&(i=e),o++)})),i&&this.scrollTo(i),e.preventDefault()}}else try{let t=this.doc.querySelector(i);t&&(this.scrollTo(t),e.preventDefault())}catch(e){}else e.preventDefault(),e.stopImmediatePropagation();else t.closest(".is-menu-search")||(e.preventDefault(),e.stopImmediatePropagation())}))}))}}addSpace(){}scrollTo(t,e=0){this.cancelScrollSync=!0,setTimeout((()=>{t.scrollIntoView({behavior:"smooth",block:"center"}),setTimeout((()=>{this.cancelScrollSync=!1;const t=this.builderStuff.querySelector(".is-modal.content-preview").querySelector("iframe");this.scrollSync(t)}),1e3)}),e)}sectionSetup(t){let e=t.querySelector(".is-section-tool");e&&e.parentNode.removeChild(e),hy.appendHtml(t,'<div class="is-section-tool"><button type="button" class="is-section-edit" tabindex="-1" data-title="'+i("Section Settings")+'" title="'+i("Section Settings")+'"><svg class="is-icon-flex"><use xlink:href="#ion-wrench"></use></svg></button><button type="button" class="is-section-remove" tabindex="-1" data-title="'+i("Remove")+'" title="'+i("Remove")+'">&#10005;</button></div>');let n=t.querySelector(".is-section-info");n&&n.parentNode.removeChild(n);const o=t.getAttribute("id");hy.appendHtml(t,'<div class="is-section-info">'+(o?`<div>#${o}</div>`:"")+"</div>");let s=t.querySelector(".is-section-tool").querySelectorAll("[title]");Array.prototype.forEach.call(s,(t=>{t.setAttribute("data-title",t.getAttribute("title")),this.iframe?this.editor.tooltip.set(t,5,3,!0):this.editor.tooltip.set(t,5,3)}));t.querySelector(".is-section-edit").addEventListener("click",(()=>{this.editbox.close(),this.editsection.edit()}));if(t.querySelector(".is-section-remove").addEventListener("click",(()=>{const t=document.querySelector(".is-modal.delsectionconfirm");this.editor.util.showModal(t);this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display=""})),t.classList.contains("section-wide-250")){t.querySelector(".is-box-centered").addEventListener("scroll",(()=>{this.doc.body.classList.add("temporary-hide-tools"),this.editor.moveable&&this.editor.moveable.updateRect();let t=this.doc.querySelector(".moveable-control-box");t&&(t.style.display="none")}))}t.querySelectorAll(".scroll-y").forEach((t=>{t.addEventListener("scroll",(()=>{this.doc.body.classList.add("temporary-hide-tools"),this.editor.moveable&&this.editor.moveable.updateRect();let t=this.doc.querySelector(".moveable-control-box");t&&(t.style.display="none")}))}))}boxSetup(t){let e=t.querySelector(".is-box-tool");if(e&&e.parentNode.removeChild(e),hy.appendHtml(t,'<div class="is-box-tool" data-tool="1"><div role="button" class="is-cover-upload" data-tooltip-top title="'+i("Background Image")+'" data-title="'+i("Background Image")+'" target="target-upload-cover" method="post" action="'+this.coverImageHandler+'" enctype="multipart/form-data" style="position:relative;width:40px;height:40px;display:inline-block;float:left;background: rgb(90, 156, 38);"><div style="width:40px;height:40px;overflow:hidden;"><div style="position:absolute;width:100%;height:100%;"><svg class="is-icon-flex" style="position: absolute;top: 12px;left: 12px;fill:rgb(255,255,255);"><use xlink:href="#ion-image"></use></svg></div><input type="file" tabindex="-1" class="input-file-cover" name="fileCover" accept="image/*" style="position:absolute;top:-30px;left:0;width:100%;height:80px;opacity: 0;cursor: pointer;"/></div><input tabindex="-1" class="input-custom-value" name="hidcustomval" type="hidden" value="" /></div><button type="button" class="is-box-edit" tabindex="-1" data-tooltip-top data-title="'+i("Box Settings")+'" title="'+i("Box Settings")+'"><svg class="is-icon-flex"><use xlink:href="#ion-wrench"></use></svg></button><button type="button" class="is-module-edit" tabindex="-1" data-tooltip-top data-title="'+i("Module Settings")+'" title="'+i("Module Settings")+'"><svg class="is-icon-flex"><use xlink:href="#ion-ios-gear"></use></svg></button></div>'),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 n=t.querySelector(".is-box-edit");n&&n.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=window.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(){let t=this.doc.querySelectorAll(".is-section-tool");t.forEach((t=>{t.parentNode.removeChild(t)})),t=this.doc.querySelectorAll(".is-box-tool"),t.forEach((t=>{t.parentNode.removeChild(t)}));this.doc.querySelectorAll(".box-select").forEach((t=>{t.classList.remove("box-select")}));this.doc.querySelectorAll(".section-select").forEach((t=>{t.classList.remove("section-select")})),this.activeBox=null,this.activeSection=null,this.wrapperEl.classList.remove("is-container-edit"),this.wrapperEl.classList.remove("is-clean-edit");this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display="",this.timeline.modalTimeline.classList.contains("active")||this.animateScroll.modalAnimateScroll.classList.contains("active")||this.wrapperEl.classList.remove("hard-select"),this.pageSetup(),this.win.skrollrr&&this.win.skrollrr.refresh()}refreshAnim(){this.win.skrollrr&&this.win.skrollrr.refresh()}refreshPage(t){this.win.skrollrr&&this.win.skrollrr.refresh();const e=this.wrapperEl;e.querySelectorAll(".is-section").forEach((t=>{const e=t.innerHTML;var i=document.createRange();t.innerHTML="",t.appendChild(i.createContextualFragment(e))})),this.editor.uo.cleaning(e),this.pageSetup(),this.win.skrollrr&&this.win.skrollrr.refresh(),t&&t()}addIdea(t){let e;this.editor.saveForUndo();let n=[];if(-1!==t.indexOf("is-section-navbar")){const o=this.wrapperEl.querySelector(".is-section-navbar");if(o)return void this.editor.util.confirm(i("Do you want to replace the current navigation bar?"),(e=>{e&&(o.parentNode.removeChild(o),this.addIdea(t))}),!0,i("Replace"));hy.appendHtml(this.wrapperEl,t,"afterbegin"),e=this.wrapperEl.querySelector(".is-section"),n.push(e)}else if(-1!==t.indexOf("is-static")){let i=hy.getLastElement(this.wrapperEl,".is-section");if(i){hy.appendHtml(i,t,"afterend"),e=i.nextElementSibling,n.push(e);let o=e.nextElementSibling;if(o){let t=o.querySelector(".is-section-tool");t||n.push(o),o=o.nextElementSibling,o&&(t=o.querySelector(".is-section-tool"),t||n.push(o))}}else hy.appendHtml(this.wrapperEl,t,"afterbegin"),e=this.wrapperEl.querySelector(".is-section"),n.push(e)}else if(this.activeSection){let i=this.activeSection;if(hy.hasClass(i,"is-static")){hy.appendHtml(i,t,"beforebegin"),e=i.previousElementSibling,n.push(e);let o=e.previousElementSibling;if(o){let t=o.querySelector(".is-section-tool");t||n.push(o),o=o.previousElementSibling,o&&(t=o.querySelector(".is-section-tool"),t||n.push(o))}}else{hy.appendHtml(i,t,"afterend"),e=i.nextElementSibling,n.push(e);let o=e.nextElementSibling;if(o){let t=o.querySelector(".is-section-tool");t||n.push(o),o=o.nextElementSibling,o&&(t=o.querySelector(".is-section-tool"),t||n.push(o))}}}else{hy.appendHtml(this.wrapperEl,t,"afterbegin"),e=this.wrapperEl.querySelector(".is-section"),n.push(e);let i=e.nextElementSibling;if(i){let t=i.querySelector(".is-section-tool");t||n.push(i),i=i.nextElementSibling,i&&(t=i.querySelector(".is-section-tool"),t||n.push(i))}}this.wrapperEl.querySelectorAll(".is-section").forEach((t=>{t.querySelector(".is-section-tool")||n.push(t)})),n.forEach((t=>{if(t.querySelectorAll("[data-html]").forEach((t=>{let e=decodeURIComponent(t.getAttribute("data-html"));e=e.replace(/{id}/g,hy.uniqueId()),hy.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),hy.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(),hy.removeElement(document.querySelector(".is-sidebar-overlay")),hy.removeClass(document.querySelectorAll(".is-sidebar .is-sidebar-button"),"active"),hy.removeClass(document.querySelectorAll(".is-sidebar-content"),"active"),document.body.style.overflowY="",this.addSpace(),this.scrollTo(e,600),setTimeout((()=>{this.refreshAnim()}),600)}refreshUIStyle(){if(!this.editor)return;if(!this.editor.styleSnippetBackground)return void setTimeout((()=>{this.refreshUIStyle()}),300);document.querySelector("#divSidebarSnippets").style.backgroundColor=this.editor.styleSnippetBackground;document.querySelectorAll(".is-sidebar-content").forEach((t=>{t.style.backgroundColor=this.editor.styleSnippetBackground}));const t=document.querySelector("#divStyles");t.style.backgroundColor=this.editor.styleSnippetBackground,t.style.color=this.editor.styleSnippetColor;const e=document.querySelector(".is-sidebar");e.style.backgroundColor=this.editor.styleModalBackground,e.style.color=this.editor.styleModalColor;e.querySelectorAll("svg").forEach((t=>{t.style.fill=this.editor.styleModalColor}));e.querySelectorAll("button").forEach((t=>{t.style.color=this.editor.styleModalColor}));const i=document.querySelector("#ifrIdeasPanel");i.contentWindow.applyParentStyles&&i.contentWindow.applyParentStyles()}rePositionTool(){let t,e=this.wrapperEl.querySelector(".row-active");e&&(t=e?hy.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"})),hy.hasClass(t,"is-section")?(n=t,o=t.querySelector(".is-section-tool")):(n=hy.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,n=hy.uniqueId(),o=hy.uniqueId();let s;if(t.src){s=`<button type="button" id="${n}" class="is-sidebar-button" tabindex="-1" data-content="${o}" data-title="${i(t.title)}" title="${i(t.title)}" data-src="${t.src}" data-refresh="${t.refresh?1:0}">\n ${t.html}\n </button>`;let a=`<div id="${o}" class="is-sidebar-content is-area-2nd ${t.class}" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true" style="max-width:${t.maxwidth?t.maxwidth:"1005px"};">\n <div style="padding:0 0 0 50px;box-sizing:border-box;">\n <iframe src="about:blank" style="width:100%;height:100%;box-sizing:border-box;border:none;">\n </iframe>\n </div>\n </div>`;hy.appendHtml(e,a)}else s=t.onClick?'<button type="button" id="'+n+'" tabindex="-1" class="is-sidebar-button" data-title="'+i(t.title)+'" title="'+i(t.title)+'">'+t.html+"</button>":`<button id="${n}" class="is-sidebar-button" tabindex="-1" data-content="${t.content.substr(1)}" data-title="${i(t.title)}" title="${i(t.title)}">\n ${t.html}\n </button>`;e.querySelector(".is-sidebar").children[t.pos].insertAdjacentHTML("afterEnd",s);const a=e.querySelector("#"+n);a.addEventListener("click",(i=>{if(t.onClick)t.onClick(i);else if(hy.hasClass(a,"active"))this.sidebar.closeSidebar();else{this.sidebar.closeSidebar(),hy.addClass(a,"active");var n=a.getAttribute("data-content");const i=document.querySelector("#"+n);if(i.style.display="block",i.setAttribute("aria-hidden",!1),setTimeout((()=>{hy.addClass(i,"active"),i.focus()}),10),t.src){var o=e.querySelector("#"+n+" iframe");("1"===a.getAttribute("data-refresh")||"about:blank"==o.getAttribute("src"))&&o.setAttribute("src",t.src)}hy.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=>{hy.removeClass(t,"active")})),t=e.querySelectorAll(".is-sidebar-content"),t.forEach((t=>{hy.removeClass(t,"active")})),document.body.style.overflowY=""}))}})),setTimeout((()=>{if(!t.onClick){const t=a.getAttribute("data-content");document.querySelector("#"+t).addEventListener("keydown",(t=>{27===t.keyCode&&this.sidebar.closeSidebar()}))}}),300)}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;e.style.opacity||(e.style.opacity="0");let i=!1;if("glide"!==this.settings.slider&&"all"!==this.settings.slider||void 0!==this.win.Glide&&(new this.win.Glide).mount||(i=!0),!this.editor||i)return void setTimeout((()=>{this.loadHtml(t)}),100);let n=document.createRange();e.innerHTML="",e.appendChild(n.createContextualFragment(t));let o=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 n=!1,s=this.doc.getElementsByTagName("link");for(let t=0;t<s.length;t++){-1!=s[t].href.toLowerCase().indexOf(i.toLowerCase())&&(n=!0)}n||this.wrapperEl.insertAdjacentHTML("beforeend",'<link data-name="contentstyle" data-class="'+e+'" href="'+o+i+'" rel="stylesheet">')}}))})),this.pageSetup(),this.pageSetupDone=!0,this.settings.onRender();e.querySelectorAll(".is-arrow-down a").forEach((t=>{t.addEventListener("click",(e=>{let i=t.parentNode.parentNode;return this.scrollTo(i.nextElementSibling),e.preventDefault(),e.stopImmediatePropagation(),!1}))})),null!=localStorage.getItem("_livepreview")&&this.openPreview()}boxImage(t,e){this.editbox.boxImage(t,e)}mainCss(t){let e=this.doc.getElementsByTagName("link"),i=[];for(let n=0;n<e.length;n++){if(-1!=e[n].href.toLowerCase().indexOf("basetype-"))if(t){const t=e[n].cloneNode();let o=t.href,s=window.location.href.substring(0,window.location.href.lastIndexOf("/"));o=o.replace(s,"[%PATH%]"),t.href=o,i.push(t.outerHTML)}else i.push(e[n].outerHTML)}return i.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(t){let e=this.doc.getElementsByTagName("link"),i=[];for(let n=0;n<e.length;n++){let o=e[n].href.toLowerCase();if(-1!=o.indexOf("basetype-"));else if(-1!=o.indexOf("type-"))if(t){const t=e[n].cloneNode();let o=t.href,s=window.location.href.substring(0,window.location.href.lastIndexOf("/"));o=o.replace(s,"[%PATH%]"),t.href=o,i.push(t.outerHTML)}else i.push(e[n].outerHTML)}return i=[...new Set(i)],i.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){this.cleanupUnused();return this.editor.readHtml(this.wrapperEl,t,!0)}download(t={}){this.export(t,!0)}export(t={},e=!1){let i=this.pageTemplate,n="";this.cleanupUnused(),this.editor.makeAbsolute=!0,this.editor.shortenOutput=e;let o=this.editor.readHtml(this.wrapperEl,!1,!0);this.editor.makeAbsolute=!1,this.editor.shortenOutput=!1,n=i.replace("[%CONTENT%]",o);let s=this.mainCss(!0),a=this.sectionCss(!0);if(n=n.replaceAll("[%MAINCSS%]",s),n=n.replaceAll("[%SECTIONCSS%]",a),t.replace&&t.replace.forEach((t=>{n=n.replaceAll(`${t[0]}`,t[1])})),t.path)n=n.replaceAll("[%PATH%]",t.path);else{let t;t=window.location.href.substring(0,window.location.href.lastIndexOf("/")),n=n.replaceAll("[%PATH%]",t)}n=this.editor.beautify(n);const l=document.createElement("a");l.href=window.URL.createObjectURL(new Blob([n],{type:"text/plain"})),l.download="page.html",l.click()}viewZoom(){this.editor.viewZoom()}openAnimationPanel(){this.animateScroll.edit()}openTimelinePanel(){this.timeline.edit()}destroy(){this.doc.removeEventListener("click",this.doDocumentClick,!1),this.iframe&&document.removeEventListener("click",this.doDocumentClick,!1),window.removeEventListener("scroll",this.doWindowScroll,!1),this.doc.removeEventListener("scroll",this.doAnimWheel,!1),this.win.removeEventListener("scroll",this.doAnimScroll,!1),this.win.removeEventListener("scroll",this.doScrollSync,!1);let t=this.html();this.builderStuff.innerHTML="",hy.removeClass(document.body,"sidebar-active"),document.body.removeAttribute("data-skrollrr-off");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)),hy.removeClass(o,"is-edit"),this.editor.destroy(),ay.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,b,f,v,y,x,_,S,w,k,C,A,E,L,q,T,O,M,R,B,I,$,N,P,D,z,H,j,F,U,W,X,Y,V,G,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(S={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},M=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,_=window.cancelAnimationFrame||window.mozCancelAnimationFrame,b=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==M&&(M=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 M(i)}))):setTimeout(i,33-n)},i()},R=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]},w=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?w(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},C=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,w(c,l.prototype),O=c.options=w({},S,window.paceOptions,C()),U=0,X=(V=["ajax","document","eventLag","elements"]).length;U<X;U++)!0===O[P=V[U]]&&(O[P]=S[P]);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(O.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=""!==O.className?" "+O.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(O.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,k=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},N=function(t){var e;if(null==t&&(t="GET"),"track"===L[0])return"force";if(!L.length&&O.ajax){if("socket"===t&&O.ajax.trackWebSockets)return!0;if(e=t.toUpperCase(),J.call(O.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(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{k(window.XMLHttpRequest,F)}catch(t){}if(null!=j){window.XDomainRequest=function(){var e;return e=new j,t(e),e};try{k(window.XDomainRequest,j)}catch(t){}}if(null!=H&&O.ajax.trackWebSockets){window.WebSocket=function(t,e){var n;return n=null!=e?new H(t,e):new H(t),N("socket")&&i.trigger("request",{type:"socket",url:t,protocols:e,request:n}),n};try{k(window.WebSocket,H)}catch(t){}}}return Q(e,t),e}(r),W=null,$=function(t){var e,i,n,o;for(i=0,n=(o=O.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},(A=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,!$(a))return c.running||!1===O.restartOnRequestAfter&&"force"!==N(s)?void 0:(n=arguments,"boolean"==typeof(i=O.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((P=l[t])instanceof e){P.watch.apply(P,n);break}r.push(void 0)}return r}}),i))})),e=function(){function t(){this.complete=tt(this.complete,this);var t=this;this.elements=[],A().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,!$(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(b(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++)b(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++)b(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()}),O.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>O.eventLag.sampleCount&&o.shift(),t=v(o),++n>=O.eventLag.minSamples&&t<O.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=O.initialRate,this.catchup=0,this.progress=this.lastProgress=0,null!=this.source&&(this.progress=R(this.source,"progress"))}return t.prototype.tick=function(t,e){var i;return null==e&&(e=R(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)/O.catchupTime,this.sinceLastUpdate=0,this.last=e),e>this.progress&&(this.progress+=this.catchup*t),i=1-Math.pow(this.progress/100,O.easeFactor),this.progress+=i*this.rate*t,this.progress=Math.min(this.lastProgress+O.maxProgressPerFrame,this.progress),this.progress=Math.max(0,this.progress),this.progress=Math.min(100,this.progress),this.lastProgress=this.progress,this.progress},t}(),D=null,I=null,y=null,z=null,f=null,x=null,c.running=!1,E=function(){if(O.restartOnPushState)return c.restart()},null!=window.history.pushState&&(Y=window.history.pushState,window.history.pushState=function(){return E(),Y.apply(window.history,arguments)}),null!=window.history.replaceState&&(G=window.history.replaceState,window.history.replaceState=function(){return E(),G.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=D=[],e=0,o=(a=["ajax","elements","document","eventLag"]).length;e<o;e++)!1!==O[t=a[e]]&&D.push(new p[t](O[t]));for(n=0,s=(r=null!=(l=O.extraSources)?l:[]).length;n<s;n++)P=r[n],D.push(new P(O));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!=f&&("function"==typeof _&&_(f),f=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,f=B((function(e,i){var n,o,s,a,l,r,d,u,p,m,g,b,f,v,_;for(y.progress,o=m=0,s=!0,r=g=0,f=D.length;g<f;r=++g)for(P=D[r],p=null!=I[r]?I[r]:I[r]=[],d=b=0,v=(l=null!=(_=P.elements)?_:[P]).length;b<v;d=++b)a=l[d],s&=(u=null!=p[d]?p[d]:p[d]=new h(a)).done,u.done||(o++,m+=u.tick(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(O.ghostTime,Math.max(O.minTime-(T()-t),0)))):i()}))},c.start=function(t){w(O,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(d)}(sy);var ay=sy.exports;class ly{constructor(t){this.builder=t;const e=`\n <form class="is-cover-upload-central" style="opacity:1;position:absolute;width:40px;height:40px;" target="target-upload-cover" method="post" action="${this.builder.coverImageHandler}" enctype="multipart/form-data" style="position:relative;width:40px;height:40px;display:inline-block;float:left;background: rgb(90, 156, 38);">\n <input type="file" tabindex="-1" class="input-file-cover-central" name="fileCover" accept="image/*" style="position:absolute;top:-30px;left:0;width:100%;height:80px;opacity: 0;cursor: pointer;"/>\n <input tabindex="-1" class="input-custom-value-central" name="hidcustomval" type="hidden" value="${this.builder.customval}" />\n </form>\n <iframe id="target-upload-cover" name="target-upload-cover" src="about:blank" style="width:1px;height:1px;position:absolute;top:0;right:-100000px"></iframe>\n `;t.contentStuff.insertAdjacentHTML("afterbegin",e);t.contentStuff.insertAdjacentHTML("afterbegin","\n <style>\n \n .is-box-tool {\n display: none;\n z-index: 1;\n position: absolute;\n top: auto;\n bottom: 0;\n left: calc(50% - 80px);\n right: auto;\n box-sizing: border-box;\n line-height: 30px;\n outline: none;\n text-align: center;\n cursor: pointer;\n border-radius: 0px;\n overflow: hidden;\n }\n .is-box-tool button {\n width: 40px !important;\n height: 40px !important;\n cursor: pointer;\n }\n .is-box-tool button svg {\n fill: #fff !important;\n }\n .is-box-tool button.is-box-edit {\n background: rgb(0, 172, 214);\n }\n .is-box-tool button.is-module-edit {\n background: #FF9800;\n }\n \n .is-section-tool {\n display: none;\n z-index: 1;\n position: absolute;\n top: 15%;\n right: 0px;\n left: auto;\n width: 40px;\n height: 80px;\n }\n .is-section-tool > button {\n width: 40px;\n height: 40px;\n border-radius: 0;\n line-height: 40px;\n padding: 0px;\n font-size: 13px;\n cursor: pointer;\n border: none;\n }\n .is-section-tool .is-section-edit {\n background: rgb(0, 172, 214);\n }\n .is-section-tool .is-section-edit svg {\n fill: #fff !important;\n }\n .is-section-tool .is-section-remove {\n background: rgb(247, 99, 46);\n color: #fff !important;\n }\n \n .is-wrapper {\n opacity: 0.01;\n /* setting display=none makes initial script may not work properly */\n transform-origin: top;\n }\n \n .box-active {\n animation-name: box-active-anim;\n animation-duration: 1s;\n }\n \n @keyframes box-active-anim {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(0.95);\n }\n 100% {\n transform: scale(1);\n }\n }\n\n .section-active {\n animation-name: section-active-anim;\n animation-duration: 1s;\n }\n\n @keyframes section-active-anim {\n 0% {transform:scale(1);}\n 50% {transform:scale(0.95);}\n 100% {transform:scale(1);}\n }\n \n .is-wrapper.is-edit {\n padding-left: 61px;\n }\n .is-wrapper.is-container-edit > div.section-select, .is-wrapper.is-clean-edit > div.section-select {\n overflow-x: unset !important;\n overflow-y: unset !important;\n }\n\n\n /* Navbar Fix */\n .is-wrapper.is-edit .is-section.is-section-navbar,\n .is-wrapper.is-edit .is-section.is-section-navbar .is-topbar {\n left: 0;\n margin-left: 60px;\n width: calc(100% - 60px);\n }\n .is-wrapper.is-edit .is-section.is-section-navbar .is-topbar.static {\n width: 100%;\n margin-left: unset;\n }\n\n /* protected section */\n .is-section.protected .is-box-tool {\n display: none !important;\n }\n\n /* manual selection during animation edit */\n .hard-select .is-box-tool {\n display: none !important;\n }\n .hard-select .is-section-tool {\n display: none !important;\n }\n .hard-select .box-select {\n outline: #00da89 1px solid;\n outline-offset: -1px;\n z-index: 1;\n }\n .hard-select .box-select .is-box-tool {\n display: flex !important;\n }\n .hard-select .box-select .is-overlay {\n z-index: -1;\n }\n .hard-select .section-select .is-section-tool {\n display: block !important;\n }\n\n /* drop block as section */\n .is-wrapper > .sortable-ghost {\n height: 40px !important;\n min-height: unset !important;\n background: rgba(204, 204, 204, 0.15) !important;\n }\n\n /* toggle tool */\n .is-wrapper.is-clean-edit.hard-select .box-select .is-box-tool,\n .is-wrapper.is-clean-edit .box-select .is-box-tool {\n display: none !important;\n }\n .is-wrapper.is-clean-edit.hard-select .section-select .is-section-tool,\n .is-wrapper.is-clean-edit .section-select .is-section-tool {\n display: none !important;\n }\n .is-wrapper.is-clean-edit.hard-select .box-select,\n .is-wrapper.is-clean-edit .box-select {\n outline: none !important;\n }\n \n /* clean UI for selection only */\n .selection-only:not([data-skrollrr-off]) .is-wrapper.hard-select .box-select .is-box-tool,\n .selection-only:not([data-skrollrr-off]) .is-wrapper .box-select .is-box-tool {\n display: none !important;\n }\n .selection-only:not([data-skrollrr-off]) .is-wrapper.hard-select .section-select .is-section-tool,\n .selection-only:not([data-skrollrr-off]) .is-wrapper .section-select .is-section-tool {\n display: none !important;\n }\n .selection-only:not([data-skrollrr-off]) .is-wrapper .is-rowadd-tool {\n display: none !important;\n }\n .selection-only:not([data-skrollrr-off]) .is-wrapper .is-tool {\n display: none !important;\n }\n .selection-only:not([data-skrollrr-off]) .is-tool {\n z-index: -10000 !important;\n }\n \n /* section info */\n .is-wrapper .is-section-info {\n position: absolute;\n z-index: 1;\n top: 3px;\n left: 3px;\n display: none;\n }\n .is-wrapper .is-section-info > div {\n width: auto;\n height: auto;\n padding: 5px 20px;\n background-color: rgb(255, 239, 100);\n color: #111;\n font-family: sans-serif;\n letter-spacing: 2px;\n font-size: 17px;\n }\n .is-wrapper .section-select .is-section-info {\n display: block;\n }\n\n /* To make editing possible on wide content */\n .is-wrapper.is-edit .section-wide-250 .is-box-centered {\n overflow-x: auto;\n overflow-y: hidden;\n }\n .is-wrapper.is-edit .section-wide-250 .is-container > div > div { /* To make col tool visible */\n max-height: 90vh; \n }\n\n \n </style>\n ")}}const ry=new t;class dy{constructor(t){this.builder=t;const e=this.builder.builderStuff;this.builderStuff=e;let n=`\n <style>\n #_cbhtml .is-side.animatescroll, \n .is-ui .is-side.animatescroll {\n width: 370px;\n right: -370px;\n }\n #_cbhtml .is-side.animatescroll.active, \n .is-ui .is-side.animatescroll.active {\n right: 0;\n }\n .animatescroll td {\n font-size: 13px;\n padding: 3px 0px;\n }\n .animatescroll .table-header td {\n font-size: 11px;\n padding: 3px 0 0;\n }\n .animatescroll.active {\n right: 0;\n }\n .animatescroll .side-title {\n font-weight: 400;\n font-size: 15px;\n opacity: 0.8;\n padding: 10px 0 0 18px !important;\n }\n .animatescroll .is-tabs a.active {\n background: none !important;\n }\n .animatescroll .is-tabs a {\n text-transform: none!important;\n font-size: 13px!important;\n margin-right: 25px!important;\n margin-left: 3px!important;\n }\n .animatescroll .is-tabs a:last-child {\n margin-right: 0!important;\n }\n .anim-controls {\n padding: 0 !important;\n z-index: 1;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n box-sizing: border-box;\n border-top: transparent 245px solid !important;\n }\n #divEnterAnim, #divLeaveAnim, #divAnimSettings {\n border-top: transparent 55px solid !important;\n padding:0 15px 20px 22px !important;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n top: 0; left: 0;\n }\n .anim-label {\n padding: 15px 0 5px;\n width: 100%;\n flex:none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .anim-label span {\n display: flex;\n align-items: center;\n }\n .anim-label button {\n width: 40px !important;\n margin-left: 2px !important;\n box-shadow: none !important;\n }\n .anim-controls .bold {\n font-weight: 600;\n }\n .anim-controls button,\n .anim-list button { \n height: 35px !important;\n outline-offset: -2px !important;\n }\n\n .anim-controls input[type=text],\n .anim-list input[type=text] {\n font-size: 13px !important;\n font-family: sans-serif !important;\n font-weight: 300 !important;\n padding: 0 !important;\n width: 50px !important;\n height: 35px !important;\n text-align: center !important;\n }\n .anim-controls td input[type=text],\n .anim-list td input[type=text] {\n font-size: 13px !important;\n font-family: sans-serif !important;\n font-weight: 300 !important;\n padding: 0 !important;\n width: 34px !important;\n height: 30px !important;\n text-align: center !important;\n letter-spacing: 0px !important;\n }\n\n .flex-wrap {\n display: flex;\n flex-flow: wrap;\n align-items: center;\n }\n .flex-nowrap {\n display: flex;\n align-items: center;\n }\n .inp-slide-left,\n .inp-slide-right,\n .inp-slide-up,\n .inp-slide-down,\n .inp-scale,\n .inp-rotate-clockwise,\n .inp-rotate-counter {\n width:65px !important;\n height:35px !important;\n text-align:center !important;\n margin-left:10px !important;\n font-size: 13px !important;\n font-family: sans-serif !important;\n font-weight: 300 !important;\n padding: 0 !important;\n }\n\n .div-anim-settings,.div-wizard-settings{\n height: calc(100vh - 34px)\n }\n .div-wizard-settings{\n padding: 10px 15px 0 18px !important;\n }\n .div-anim-apply-to button {\n width: 80px !important;\n height: 35px !important;\n }\n </style>\n\n <div class="is-side animatescroll" style="display: block;" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">\n\n <div class="side-title">${i("Animation")}</div>\n\n <button tabindex="-1" title="${i("Close")}" class="is-side-close" style="z-index:2;background:transparent;width:25px;height:25px;position:absolute;top:10px;right:13px;box-sizing:border-box;padding:0;line-height:25px;font-size: 12px;text-align:center;cursor:pointer;box-shadow:none;"><svg class="is-icon-flex" style="width:25px;height:25px;"><use xlink:href="#ion-ios-close-empty"></use></svg></button>\n\n <button tabindex="-1" title="${i("Edit")}" class="cmd-anim-edit" style="z-index:3;width:25px;height:25px;position:absolute;top:64px;right:13px;box-sizing:border-box;padding:0;line-height:25px;font-size: 12px;text-align:center;cursor:pointer;box-shadow:none;"><svg class="is-icon-flex"><use xlink:href="#icon-pencil"></use></svg></button>\n \n <div class="div-anim-settings" style="display:none">\n \n <div class="div-anim-apply-to" style="padding:18px 10px 22px 18px;z-index:2;position:relative;">\n <div class="anim-label" style="margin-bottom:5px">${i("Apply To")}:</div>\n <div class="flex-wrap">\n <button title="${i("Element")}" class="cmd-target on" data-command="target" data-value="element">${i("Element")}</button>\n <button title="${i("Column")}" class="cmd-target" data-command="target" data-value="column">${i("Column")}</button>\n <button title="${i("Row")}" class="cmd-target" data-command="target" data-value="row">${i("Row")}</button>\n <button title="${i("Container")}" class="cmd-target" data-command="target" data-value="container">${i("Container")}</button>\n <button title="${i("Overlay")}" class="cmd-target" data-command="target" data-value="overlay">${i("Overlay")}</button>\n <button title="${i("Background")}" class="cmd-target" data-command="target" data-value="bg">${i("Bg")}</button>\n <button title="${i("Box")}" class="cmd-target" data-command="target" data-value="box">${i("Box")}</button>\n <button title="${i("Section")}" class="cmd-target" data-command="target" data-value="section">${i("Section")}</button>\n </div>\n </div>\n \n <div class="div-anim-type">\n <div class="is-tabs" style="position:relative;z-index:2;" data-group="animtype">\n <a href="" data-content="divAnimDefault" class="active">${i("On View")}</a>\n <a href="" data-content="divAnimScroll">${i("On Scroll")}</a>\n <a href="" data-content="divAnimScrollSimple">${i("Timeline")}</a>\n </div>\n </div>\n\n <div id="divAnimScrollSimple" class="is-tab-content active" data-group="animtype" style="padding:0">\n\n <div class="anim-controls" style="overflow-y: auto;">\n\n <div style="margin-top: 20px;margin-left: 22px;margin-bottom: 20px;">\n\n <table style="margin:12px 0 0 0;border-collapse:initial;">\n \n <tr>\n <td colspan="4"><span class="bold">${i("Slide Horizontal")}</span>:</td>\n <td colspan="5" style="text-align:right;font-style:italic;font-size:12px;">${i("(default: px)")}</td>\n </tr>\n <tr class="table-header">\n <td style="text-align:center">0%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">50%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">100%</td>\n </tr>\n <tr>\n <td>\n <input class="inp-simplescroll-x-start" placeholder="-100" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-x-15" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-x-25" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-x-35" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-x-50" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-x-65" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-x-75" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-x-85" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-x-end" placeholder="100" type="text" />\n </td>\n </tr>\n <tr>\n <td colspan="4" style="padding-top:20px"><span class="bold">${i("Slide Vertical")}</span>:</td>\n <td colspan="5" style="padding-top:20px;text-align:right;font-style:italic;font-size:12px;">${i("(default: px)")}</td>\n </tr>\n <tr class="table-header">\n <td style="text-align:center">0%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">50%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">100%</td>\n </tr>\n <tr>\n <td>\n <input class="inp-simplescroll-y-start" placeholder="100%" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-y-15" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-y-25" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-y-35" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-y-50" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-y-65" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-y-75" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-y-85" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-y-end" placeholder="-100%" type="text" />\n </td>\n </tr>\n <tr>\n <td colspan="9" style="padding-top:20px"><span class="bold">${i("Scale")}</span>:</td>\n </tr>\n <tr class="table-header">\n <td style="text-align:center">0%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">50%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">100%</td>\n </tr>\n <tr>\n <td>\n <input class="inp-simplescroll-scale-start" placeholder="0.8" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-scale-15" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-scale-25" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-scale-35" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-scale-50" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-scale-65" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-scale-75" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-scale-85" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-scale-end" placeholder="1.2" type="text" />\n </td>\n </tr>\n\n <tr>\n <td colspan="9" style="padding-top:20px"><span class="bold">${i("Rotate")}</span>:</td>\n </tr>\n <tr class="table-header">\n <td style="text-align:center">0%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">50%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">100%</td>\n </tr>\n <tr>\n <td>\n <input class="inp-simplescroll-rotate-start" placeholder="-45" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-rotate-15" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-rotate-25" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-rotate-35" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-rotate-50" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-rotate-65" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-rotate-75" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-rotate-85" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-rotate-end" placeholder="45" type="text" />\n </td>\n </tr>\n\n <tr>\n <td colspan="9" style="padding-top:20px"><span class="bold">${i("Opacity")}</span>:</td>\n </tr>\n <tr class="table-header">\n <td style="text-align:center">0%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">50%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">100%</td>\n </tr>\n <tr>\n <td>\n <input class="inp-simplescroll-opacity-start" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-opacity-15" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-opacity-25" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-opacity-35" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-opacity-50" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-opacity-65" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-opacity-75" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-opacity-85" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-simplescroll-opacity-end" placeholder="" type="text" />\n </td>\n </tr>\n </table>\n \n <div class="flex-wrap" style="margin-top:20px;">\n <label for="chkPinSection" style="margin:0;">\n <input id="chkPinSection" type="checkbox" style="margin-left:0"> ${i("Pin Section (visible on preview)")}\n </label>\n </div>\n <div class="div-pin-spacing" style="display:none">\n <div style="padding-top:10px;"><span>${i("Pin Spacing")}</span>: </div>\n <div class="flex-wrap" style="padding:5px 0 10px">\n\n <button title="0" class="cmd-pin-space" data-value="md" style="padding-left:15px;padding-right:15px;height:34px;">${i("MD")}</button>\n <button title="20" class="cmd-pin-space" data-value="lg" style="padding-left:15px;padding-right:15px;height:34px;">${i("LG")}</button>\n <button title="20" class="cmd-pin-space" data-value="xl" style="padding-left:15px;padding-right:15px;height:34px;">${i("XL")}</button>\n \n <label for="chkPinOverlap" style="margin:0;display:flex;margin-left:15px">\n <input id="chkPinOverlap" type="checkbox" style="margin:-1px 6px 0 0"> \n <span>${i("Overlap")}</span>.\n </label>\n </div>\n </div>\n <div class="flex-wrap" style="margin-top:10px;">\n <label for="chkDisableSkrollrrOnMobile" style="margin:0;">\n <input id="chkDisableSkrollrrOnMobile" type="checkbox" style="margin-left:0"> ${i("Disable on Mobile")}\n </label>\n </div>\n\n <div class="flex-wrap" style="margin-top:15px;">\n <button title="${i("Disable Easing")}" class="cmd-disable-smoothanim" style="padding-left:15px;padding-right: 15px;">${i("Disable Easing")}</button>\n <button title="${i("Hidden on Start")}" class="cmd-hidden-onstart" style="padding-left:15px;padding-right: 15px;">${i("Hidden on Start")}</button>\n </div>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 15px;margin-right: 20px;">\n <button title="${i("Clear All")}" class="cmd-clear-simplescroll" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n <span style="margin-left:7px">${i("Clear All")}</span>\n </button>\n </div>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 5px;margin-right: 20px;">\n <button title="${i("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n <span style="margin-left:7px">${i("Clear All Animations in Section")}</span>\n </button>\n </div>\n </div>\n </div>\n </div>\n\n <div id="divAnimDefault" class="is-tab-content active" data-group="animtype" style="display:flex;padding:0">\n\n <div class="anim-controls" style="overflow-y: auto;">\n\n <div style="padding:10px 0 20px 22px;">\n <div class="anim-label">\n <span>\n <span class="bold">${i("Fade")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${i("In")}" class="cmd-basic-anim" data-value="is-fadeIn" style="width:60px">${i("In")}</button>\n <button title="${i("Left")}" class="cmd-basic-anim" data-value="is-fadeInLeft" style="width:60px">${i("Left")}</button>\n <button title="${i("Right")}" class="cmd-basic-anim" data-value="is-fadeInRight" style="width:60px">${i("Right")}</button>\n <button title="${i("Up")}" class="cmd-basic-anim" data-value="is-fadeInUp" style="width:60px">${i("Up")}</button>\n <button title="${i("Down")}" class="cmd-basic-anim" data-value="is-fadeInDown" style="width:60px">${i("Down")}</button>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Slide")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${i("Left")}" class="cmd-basic-anim" data-value="is-slideInLeft" style="width:60px">${i("Left")}</button>\n <button title="${i("Right")}" class="cmd-basic-anim" data-value="is-slideInRight" style="width:60px">${i("Right")}</button>\n <button title="${i("Up")}" class="cmd-basic-anim" data-value="is-slideInUp" style="width:60px">${i("Up")}</button>\n <button title="${i("Down")}" class="cmd-basic-anim" data-value="is-slideInDown" style="width:60px">${i("Down")}</button>\n </div>\n \n <div class="anim-label">\n <span>\n <span class="bold">${i("Flip")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${i("Horizontal")}" class="cmd-basic-anim" data-value="is-flipInY" style="width:90px">${i("Horizontal")}</button>\n <button title="${i("Vertical")}" class="cmd-basic-anim" data-value="is-flipInX" style="width:90px">${i("Vertical")}</button>\n </div>\n \n <div class="anim-label">\n <span>\n <span class="bold">${i("Zoom")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${i("In")}" class="cmd-basic-anim" data-value="is-zoomIn" style="width:90px">${i("In")}</button>\n <button title="${i("Out")}" class="cmd-basic-anim" data-value="is-zoomOut" style="width:90px">${i("Out")}</button>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Pulse")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${i("In")}" class="cmd-basic-anim" data-value="is-pulse" style="width:90px">${i("Pulse")}</button>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Bounce")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="${i("In")}" class="cmd-basic-anim" data-value="is-bounceIn" style="width:90px">${i("Bounce")}</button>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Animation Delay")}</span>: \n </span> \n </div>\n <div class="flex-wrap">\n <button title="0s" class="cmd-basic-delay" data-value="delay-0ms" style="width:55px">0s</button>\n <button title="0.1s" class="cmd-basic-delay" data-value="delay-100ms" style="width:55px">0.1s</button>\n <button title="0.2s" class="cmd-basic-delay" data-value="delay-200ms" style="width:55px">0.2s</button>\n <button title="0.3s" class="cmd-basic-delay" data-value="delay-300ms" style="width:55px">0.3s</button>\n <button title="0.4s" class="cmd-basic-delay" data-value="delay-400ms" style="width:55px">0.4s</button>\n <button title="0.5s" class="cmd-basic-delay" data-value="delay-500ms" style="width:55px">0.5s</button>\n <button title="0.6s" class="cmd-basic-delay" data-value="delay-600ms" style="width:55px">0.6s</button>\n <button title="0.7s" class="cmd-basic-delay" data-value="delay-700ms" style="width:55px">0.7s</button>\n <button title="0.8s" class="cmd-basic-delay" data-value="delay-800ms" style="width:55px">0.8s</button>\n <button title="0.9s" class="cmd-basic-delay" data-value="delay-900ms" style="width:55px">0.9s</button>\n <button title="1s" class="cmd-basic-delay" data-value="delay-1000ms" style="width:55px">1s</button>\n <button title="1.1s" class="cmd-basic-delay" data-value="delay-1100ms" style="width:55px">1.1s</button>\n <button title="1.2s" class="cmd-basic-delay" data-value="delay-1200ms" style="width:55px">1.2s</button>\n <button title="1.3s" class="cmd-basic-delay" data-value="delay-1300ms" style="width:55px">1.3s</button>\n <button title="1.4s" class="cmd-basic-delay" data-value="delay-1400ms" style="width:55px">1.4s</button>\n <button title="${i("Clear")}" class="cmd-clear-delay" style="width:45px;background: none;box-shadow:none;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n </div>\n\n <button title="${i("Animate Once")}" class="cmd-basic-once" style="flex: none;margin-top:15px;width:165px;">\n ${i("Animate Once")}\n </button>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 15px;margin-right: 20px;">\n <button title="${i("Clear All")}" class="cmd-clear-basicanim" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n <span style="margin-left:7px">${i("Clear All")}</span>\n </button>\n </div>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 5px;margin-right: 20px;">\n <button title="${i("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n <span style="margin-left:7px">${i("Clear All Animations in Section")}</span>\n </button>\n </div>\n </div>\n\n </div>\n\n </div>\n\n <div id="divAnimScroll" class="is-tab-content" data-group="animtype" style="padding:0">\n\n <div class="anim-controls">\n\n <div class="is-tabs clearfix" style="padding-top:20px;position:relative;z-index:1;background:none;" data-group="skrollanim">\n <a href="" data-content="divEnterAnim" class="active">${i("On Enter")}</a>\n <a href="" data-content="divLeaveAnim">${i("On Leave")}</a>\n <a href="" data-content="divAnimSettings">${i("Settings")}</a>\n </div>\n\n <div id="divEnterAnim" class="is-tab-content active" data-group="skrollanim" style="display:flex;padding-top:0">\n \n <div class="anim-label">\n <span>\n <span class="bold">${i("Slide Left")}</span>: \n <input class="inp-slide-left" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-slide-left" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-arrow-left"></use></svg>--\x3e\n </div>\n <div class="flex-wrap">\n <button title="75" class="cmd-slidex" data-command="slidex" data-value="75px" style="width:60px">75</button>\n <button title="100" class="cmd-slidex" data-command="slidex" data-value="100px" style="width:60px">100</button>\n <button title="125" class="cmd-slidex" data-command="slidex" data-value="125px" style="width:60px">125</button>\n <button title="150" class="cmd-slidex" data-command="slidex" data-value="150px" style="width:60px">150</button>\n <button title="200" class="cmd-slidex" data-command="slidex" data-value="200px" style="width:60px">200</button>\n <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n </div>\n <div class="anim-label">\n <span>\n <span class="bold">${i("Slide Right")}</span>: \n <input class="inp-slide-right" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-slide-right" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-arrow-right"></use></svg>--\x3e\n </div>\n <div class="flex-wrap">\n <button title="75" class="cmd-slidex" data-command="slidex" data-value="-75px" style="width:60px">75</button>\n <button title="100" class="cmd-slidex" data-command="slidex" data-value="-100px" style="width:60px">100</button>\n <button title="125" class="cmd-slidex" data-command="slidex" data-value="-125px" style="width:60px">125</button>\n <button title="150" class="cmd-slidex" data-command="slidex" data-value="-150px" style="width:60px">150</button>\n <button title="200" class="cmd-slidex" data-command="slidex" data-value="-200px" style="width:60px">200</button>\n <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Slide Up")}</span>: \n <input class="inp-slide-up" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-slide-up" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-arrow-up"></use></svg>--\x3e\n </div>\n <div class="flex-wrap">\n <button title="75" class="cmd-slidey" data-command="slidey" data-value="75px" style="width:60px">75</button>\n <button title="100" class="cmd-slidey" data-command="slidey" data-value="100px" style="width:60px">100</button>\n <button title="125" class="cmd-slidey" data-command="slidey" data-value="125px" style="width:60px">125</button>\n <button title="150" class="cmd-slidey" data-command="slidey" data-value="150px" style="width:60px">150</button>\n <button title="200" class="cmd-slidey" data-command="slidey" data-value="200px" style="width:60px">200</button>\n <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n </div>\n <div class="anim-label">\n <span>\n <span class="bold">${i("Slide Down")}</span>:\n <input class="inp-slide-down" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-slide-down" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-arrow-down"></use></svg>--\x3e\n </div>\n <div class="flex-wrap">\n <button title="75" class="cmd-slidey" data-command="slidey" data-value="-75px" style="width:60px">75</button>\n <button title="100" class="cmd-slidey" data-command="slidey" data-value="-100px" style="width:60px">100</button>\n <button title="125" class="cmd-slidey" data-command="slidey" data-value="-125px" style="width:60px">125</button>\n <button title="150" class="cmd-slidey" data-command="slidey" data-value="-150px" style="width:60px">150</button>\n <button title="200" class="cmd-slidey" data-command="slidey" data-value="-200px" style="width:60px">200</button>\n <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Scale")}</span>: \n <input class="inp-scale" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-scale" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-arrows-diagonal"></use></svg>--\x3e\n </div>\n <div class="flex-nowrap">\n <button title="0.5" class="cmd-scale" data-command="scale" data-value="0.5" style="width:55px">0.5</button>\n <button title="0.8" class="cmd-scale" data-command="scale" data-value="0.8" style="width:55px">0.8</button>\n <button title="0.9" class="cmd-scale" data-command="scale" data-value="0.9" style="width:55px">0.9</button>\n <button title="1.1" class="cmd-scale" data-command="scale" data-value="1.1" style="width:55px">1.1</button>\n <button title="1.2" class="cmd-scale" data-command="scale" data-value="1.2" style="width:55px">1.2</button>\n <button title="2" class="cmd-scale" data-command="scale" data-value="2" style="width:55px">2</button>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Rotate Clockwise")}</span>: \n <input class="inp-rotate-clockwise" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-rotate-clockwise" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-rotate-clockwise"></use></svg>--\x3e\n </div>\n <div class="flex-wrap">\n <button title="10" class="cmd-rotate" data-command="rotate" data-value="-10" style="width:60px">10°</button>\n <button title="20" class="cmd-rotate" data-command="rotate" data-value="-20" style="width:60px">20°</button>\n <button title="30" class="cmd-rotate" data-command="rotate" data-value="-30" style="width:60px">30°</button>\n <button title="60" class="cmd-rotate" data-command="rotate" data-value="-60" style="width:60px">60°</button>\n <button title="90" class="cmd-rotate" data-command="rotate" data-value="-90" style="width:60px">90°</button>\n </div>\n <div class="anim-label">\n <span>\n <span class="bold">${i("Rotate Counterclockwise")}</span>: \n <input class="inp-rotate-counter" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-rotate-counter" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-rotate-2"></use></svg>--\x3e\n </div>\n <div class="flex-wrap">\n <button title="10" class="cmd-rotate" data-command="rotate" data-value="10" style="width:60px">10°</button>\n <button title="20" class="cmd-rotate" data-command="rotate" data-value="20" style="width:60px">20°</button>\n <button title="30" class="cmd-rotate" data-command="rotate" data-value="30" style="width:60px">30°</button>\n <button title="60" class="cmd-rotate" data-command="rotate" data-value="60" style="width:60px">60°</button>\n <button title="90" class="cmd-rotate" data-command="rotate" data-value="90" style="width:60px">90°</button>\n </div>\n\n <div class="anim-label">\n <span class="bold">${i("Fade")}</span>: \n \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-circle-half"></use></svg>--\x3e\n </div>\n <button title="${i("Fade In")}" class="cmd-fade" style="flex: none;width:125px">${i("Fade In")}</button>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n <button title="${i("Clear All")}" class="cmd-clear-scrollanim" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n <span style="margin-left:7px">${i("Clear All")}</span>\n </button>\n </div>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n <button title="${i("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n <span style="margin-left:7px">${i("Clear All Animations in Section")}</span>\n </button>\n </div>\n\n </div>\n\n <div id="divLeaveAnim" class="is-tab-content" data-group="skrollanim" style="padding-top:0">\n\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Slide Left")}</span>: <input class="inp-slide-left" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-slide-left" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n </div>\n <div class="flex-wrap">\n <button title="75" class="cmd-slidex" data-command="slidex" data-value="-75px" style="width:60px">75</button>\n <button title="100" class="cmd-slidex" data-command="slidex" data-value="-100px" style="width:60px">100</button>\n <button title="125" class="cmd-slidex" data-command="slidex" data-value="-125px" style="width:60px">125</button>\n <button title="150" class="cmd-slidex" data-command="slidex" data-value="-150px" style="width:60px">150</button>\n <button title="200" class="cmd-slidex" data-command="slidex" data-value="-200px" style="width:60px">200</button>\n <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n </div>\n <div class="anim-label">\n <span>\n <span class="bold">${i("Slide Right")}</span>: \n <input class="inp-slide-right" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-slide-right" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n </div>\n <div class="flex-wrap">\n <button title="75" class="cmd-slidex" data-command="slidex" data-value="75px" style="width:60px">75</button>\n <button title="100" class="cmd-slidex" data-command="slidex" data-value="100px" style="width:60px">100</button>\n <button title="125" class="cmd-slidex" data-command="slidex" data-value="125px" style="width:60px">125</button>\n <button title="150" class="cmd-slidex" data-command="slidex" data-value="150px" style="width:60px">150</button>\n <button title="200" class="cmd-slidex" data-command="slidex" data-value="200px" style="width:60px">200</button>\n <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Slide Up")}</span>: \n <input class="inp-slide-up" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-slide-up" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n </div>\n <div class="flex-wrap">\n <button title="75" class="cmd-slidey" data-command="slidey" data-value="-75px" style="width:60px">75</button>\n <button title="100" class="cmd-slidey" data-command="slidey" data-value="-100px" style="width:60px">100</button>\n <button title="125" class="cmd-slidey" data-command="slidey" data-value="-125px" style="width:60px">125</button>\n <button title="150" class="cmd-slidey" data-command="slidey" data-value="-150px" style="width:60px">150</button>\n <button title="200" class="cmd-slidey" data-command="slidey" data-value="-200px" style="width:60px">200</button>\n <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n </div>\n <div class="anim-label">\n <span>\n <span class="bold">${i("Slide Down")}</span>:\n <input class="inp-slide-down" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-slide-down" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n </div>\n <div class="flex-wrap">\n <button title="75" class="cmd-slidey" data-command="slidey" data-value="75px" style="width:60px">75</button>\n <button title="100" class="cmd-slidey" data-command="slidey" data-value="100px" style="width:60px">100</button>\n <button title="125" class="cmd-slidey" data-command="slidey" data-value="125px" style="width:60px">125</button>\n <button title="150" class="cmd-slidey" data-command="slidey" data-value="150px" style="width:60px">150</button>\n <button title="200" class="cmd-slidey" data-command="slidey" data-value="200px" style="width:60px">200</button>\n <span style="font-size: 11px;margin-left: 9px;margin-bottom: 2px;">px</span>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Scale")}</span>: \n <input class="inp-scale" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-scale" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n </div>\n <div class="flex-nowrap">\n <button title="0.5" class="cmd-scale" data-command="scale" data-value="0.5" style="width:55px">0.5</button>\n <button title="0.8" class="cmd-scale" data-command="scale" data-value="0.8" style="width:55px">0.8</button>\n <button title="0.9" class="cmd-scale" data-command="scale" data-value="0.9" style="width:55px">0.9</button>\n <button title="1.1" class="cmd-scale" data-command="scale" data-value="1.1" style="width:55px">1.1</button>\n <button title="1.2" class="cmd-scale" data-command="scale" data-value="1.2" style="width:55px">1.2</button>\n <button title="2" class="cmd-scale" data-command="scale" data-value="2" style="width:55px">2</button>\n </div>\n\n <div class="anim-label">\n <span>\n <span class="bold">${i("Rotate Clockwise")}</span>: \n <input class="inp-rotate-clockwise" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-rotate-clockwise" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-rotate-clockwise"></use></svg>--\x3e\n </div>\n <div class="flex-wrap">\n <button title="10" class="cmd-rotate" data-command="rotate" data-value="10" style="width:60px">10°</button>\n <button title="20" class="cmd-rotate" data-command="rotate" data-value="20" style="width:60px">20°</button>\n <button title="30" class="cmd-rotate" data-command="rotate" data-value="30" style="width:60px">30°</button>\n <button title="60" class="cmd-rotate" data-command="rotate" data-value="60" style="width:60px">60°</button>\n <button title="90" class="cmd-rotate" data-command="rotate" data-value="90" style="width:60px">90°</button>\n </div>\n <div class="anim-label">\n <span>\n <span class="bold">${i("Rotate Counterclockwise")}</span>: \n <input class="inp-rotate-counter" type="text" />\n </span> \n <button title="${i("Clear")}" class="cmd-clear-rotate-counter" style="background: none;margin-right:-12px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n \x3c!--<svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-rotate-2"></use></svg>--\x3e\n </div>\n <div class="flex-wrap">\n <button title="10" class="cmd-rotate" data-command="rotate" data-value="-10" style="width:60px">10°</button>\n <button title="20" class="cmd-rotate" data-command="rotate" data-value="-20" style="width:60px">20°</button>\n <button title="30" class="cmd-rotate" data-command="rotate" data-value="-30" style="width:60px">30°</button>\n <button title="60" class="cmd-rotate" data-command="rotate" data-value="-60" style="width:60px">60°</button>\n <button title="90" class="cmd-rotate" data-command="rotate" data-value="-90" style="width:60px">90°</button>\n </div>\n\n <div class="anim-label">\n <span class="bold">${i("Fade")}</span>: \n </div>\n <button title="${i("Fade In")}" class="cmd-fade" style="flex: none;width:125px">${i("Fade Out")}</button>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n <button title="${i("Clear All")}" class="cmd-clear-scrollanim" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n <span style="margin-left:7px">${i("Clear All")}</span>\n </button>\n </div>\n\n <div style="display:flex;justify-content: flex-end;margin-top: 5px;">\n <button title="${i("Clear All Animations in Section")}" class="cmd-clear-anim-all" style="flex: none;width: auto;padding: 0px !important;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n <span style="margin-left:7px">${i("Clear All Animations in Section")}</span>\n </button>\n </div>\n\n </div>\n\n <div id="divAnimSettings" class="is-tab-content" data-group="skrollanim" style="padding-top:0">\n \n <div class="anim-label bold" style="margin-top:5px">${i("Enter")}:</div>\n\n <div class="anim-label" style="padding-top:10px">${i("Start")}:</div>\n <div class="flex-wrap">\n <button title="${i("Normal")}" class="cmd-start on" data-value="data-bottom-top" style="width:74px">${i("Normal")}</button>\n <button title="${i("Delayed")}" class="cmd-start" data-value="data-400-bottom" style="width:74px">${i("Delayed")}</button>\n <button title="${i("Late")}" class="cmd-start" data-value="data-200-bottom" style="width:74px">${i("Late")}</button>\n <button title="${i("Very Late")}" class="cmd-start" data-value="data--50-bottom" style="width:95px">${i("Very Late")}</button>\n </div>\n \n <div class="anim-label">${i("End")}:</div>\n <div class="flex-wrap">\n <button title="${i("Very Soon")}" class="cmd-end" data-value="data-bottom" style="width:95px">${i("Very Soon")}</button>\n <button title="${i("Soon")}" class="cmd-end" data-value="data-center-top" style="width:74px">${i("Soon")}</button>\n <button title="${i("Normal")}" class="cmd-end on" data-value="data-center" style="width:74px">${i("Normal")}</button>\n </div>\n\n <div class="anim-label bold" style="margin-top:20px">${i("Leave")}:</div>\n\n <div class="anim-label" style="padding-top:10px">${i("Start")}:</div>\n <div class="flex-wrap">\n <button title="${i("Normal")}" class="cmd-leave-start on" data-value="data-center-bottom" style="width:74px">${i("Normal")}</button>\n <button title="${i("Delayed")}" class="cmd-leave-start" data-value="data-100-top" style="width:74px">${i("Delayed")}</button>\n <button title="${i("Late")}" class="cmd-leave-start" data-value="data-50-top" style="width:74px">${i("Late")}</button>\n <button title="${i("Very Late")}" class="cmd-leave-start" data-value="data-top" style="width:95px">${i("Very Late")}</button>\n </div>\n\n <div class="flex-wrap" style="margin-top:20px;">\n <button title="${i("Disable Easing")}" class="cmd-disable-smoothanim" data-value="data-center" style="padding-left:15px;padding-right: 15px;">${i("Disable Easing")}</button>\n </div>\n </div>\n\n \n </div>\n\n </div>\n\n <div class="dummy-elm"></div>\n\n </div>\n\n <div class="div-wizard-settings" style="display:block">\n \x3c!--<div class="anim-label" style="margin-bottom:15px">${i("Apply To")}: ${i("Section")}</div>--\x3e\n\n <div class="flex-wrap" style="margin-top: 10px;">\n <label class="label-checkbox" for="chkPresetAnimOnce" style="margin:0;margin-right:15px;">\n <input id="chkPresetAnimOnce" type="checkbox" />\n ${i("Animate Once")}\n </label>\n\n <button title="${i("Clear")}" class="cmd-clear-anim-wizard" style="width:100px">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n <span style="margin-left:7px">${i("Clear")}</span>\n </button>\n </div>\n\n <div class="anim-preset-list" style="height: calc(100vh - 97px);\n overflow: auto;\n width: 347px;">\n <div style="display:flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0 20px 20px 0;\n ">\n <div style="margin: 20px 0 5px;">${i("Fade In")}</div>\n <button title="${i("Fade In")}" class="cmd-preset-onview" data-value="is-fadeIn" data-delay="100" style="width:100%;height:90px;overflow:hidden;">\n <img src="${this.builder.assetPath+"images/fade-in.gif"}" />\n </button> \n\n <div style="margin: 20px 0 5px;">${i("Fade In - Slow")}</div>\n <button title="${i("Fade In - Slow")}" class="cmd-preset-onview" data-value="is-fadeIn" data-delay="300" style="width:100%;height:90px;overflow:hidden;">\n <img src="${this.builder.assetPath+"images/fade-in-slow.gif"}" />\n </button> \n\n <div style="margin: 20px 0 5px;">${i("Fade In Up")}</div>\n <button title="${i("Fade In Up")}" class="cmd-preset-onview" data-value="is-fadeInUp" data-delay="100" style="width:100%;height:90px;overflow:hidden;">\n <img src="${this.builder.assetPath+"images/fade-in-up.gif"}" />\n </button> \n\n <div style="margin: 20px 0 5px;">${i("Fade In Up - Slow")}</div>\n <button title="${i("Fade In Up - Slow")}" class="cmd-preset-onview" data-value="is-fadeInUp" data-delay="300" style="width:100%;height:90px;overflow:hidden;">\n <img src="${this.builder.assetPath+"images/fade-in-up-slow.gif"}" />\n </button> \n\n <div style="margin: 20px 0 5px;">${i("Slide Up")}</div>\n <button title="${i("Slide Up")}" class="cmd-preset-onview" data-value="is-slideInUp" data-delay="100" style="width:100%;height:90px;overflow:hidden;">\n <img src="${this.builder.assetPath+"images/slide-up.gif"}" />\n </button> \n\n <div style="margin: 20px 0 5px;">${i("Slide Up - Slow")}</div>\n <button title="${i("Slide Up - Slow")}" class="cmd-preset-onview" data-value="is-slideInUp" data-delay="300" style="width:100%;height:90px;overflow:hidden;">\n <img src="${this.builder.assetPath+"images/slide-up-slow.gif"}" />\n </button> \n\n <div style="margin: 20px 0 5px;">${i("Zoom In")}</div>\n <button title="${i("Zoom In")}" class="cmd-preset-onview" data-value="is-zoomIn" data-delay="300" style="width:100%;height:90px;overflow:hidden;">\n <img src="${this.builder.assetPath+"images/zoom-in.gif"}" />\n </button> \n\n <div style="margin: 20px 0 5px;">${i("Zoom Out")}</div>\n <button title="${i("Zoom Out")}" class="cmd-preset-onview" data-value="is-zoomOut" data-delay="300" style="width:100%;height:90px;overflow:hidden;">\n <img src="${this.builder.assetPath+"images/zoom-out.gif"}" />\n </button> \n </div>\n </div>\n\n </div>\n\n </div>\n `;ry.appendHtml(e,n);const o=e.querySelector(".is-side.animatescroll");this.modalAnimateScroll=o;const s=o.querySelector("#divEnterAnim");this.divEnterAnim=s;const a=o.querySelector("#divLeaveAnim");this.divLeaveAnim=a;o.querySelector(".is-side-close").addEventListener("click",(()=>{this.close()})),this.divAnimScrollSimple=o.querySelector("#divAnimScrollSimple"),this.divAnimSettings=o.querySelector("#divAnimSettings");const l=this.builder.sidebar.pageQuickSettings.querySelector(".cmd-open-preview-window");this.btnOpenPreviewWindow=l;let r=o.querySelectorAll(".cmd-target");r.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-target").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.read()}))}));const d=o.querySelector(".div-anim-settings"),c=o.querySelector(".div-wizard-settings"),u=o.querySelector(".cmd-anim-edit");u.addEventListener("click",(()=>{u.classList.contains("on")?(u.classList.remove("on"),d.style.display="none",c.style.display="block"):(u.classList.add("on"),c.style.display="none",d.style.display="block")}));o.querySelectorAll(".cmd-clear-anim-all").forEach((t=>{t.addEventListener("click",(()=>{let e=this.builder.activeSection;if(!e)return;this.builder.editor.saveForUndo();let i,n=this.builder.editor.activeCol;n&&(e=n.closest(".is-section")),i=e.querySelectorAll("*"),i.forEach((t=>{t.removeAttribute("data-center"),t.removeAttribute("data-center-top"),t.removeAttribute("data--50-bottom"),t.removeAttribute("data--100-bottom"),t.removeAttribute("data--150-bottom"),t.removeAttribute("data--200-bottom"),t.removeAttribute("data--300-bottom"),t.removeAttribute("data--400-bottom"),t.removeAttribute("data-bottom-top"),t.removeAttribute("data-400-bottom"),t.removeAttribute("data-300-bottom"),t.removeAttribute("data-200-bottom"),t.removeAttribute("data-150-bottom"),t.removeAttribute("data-100-bottom"),t.removeAttribute("data-50-bottom"),t.removeAttribute("data-bottom"),t.removeAttribute("data-center-bottom"),t.removeAttribute("data-100-top"),t.removeAttribute("data-50-top"),t.removeAttribute("data-top"),t.removeAttribute("data-top-bottom"),t.removeAttribute("data-in"),t.removeAttribute("data-in-150"),t.removeAttribute("data-in-300"),t.removeAttribute("data-cen--150"),t.removeAttribute("data-cen"),t.removeAttribute("data-cen-150"),t.removeAttribute("data-out--300"),t.removeAttribute("data-out--150"),t.removeAttribute("data-out"),t.removeAttribute("data-hidden-onstart"),t.style.transform="",t.style.transition="",t.style.opacity=""})),i=e.querySelectorAll(".is-animated"),i.forEach((t=>{t.classList.contains("is-overlay-bg")||(t.classList.remove("is-animated"),t.classList.remove("once"),t.classList.remove("is-fadeIn"),t.classList.remove("is-fadeInUp"),t.classList.remove("is-fadeInDown"),t.classList.remove("is-fadeInLeft"),t.classList.remove("is-fadeInRight"),t.classList.remove("is-zoomIn"),t.classList.remove("is-zoomOut"),t.classList.remove("is-slideInUp"),t.classList.remove("is-slideInDown"),t.classList.remove("is-slideInLeft"),t.classList.remove("is-slideInRight"),t.classList.remove("is-flipInX"),t.classList.remove("is-flipInY"),t.classList.remove("is-pulse"),t.classList.remove("is-bounceIn"))})),this.clearSettings(),this.modalAnimateScroll.querySelector(".cmd-start.on")||(t=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'))&&t.classList.add("on"),this.modalAnimateScroll.querySelector(".cmd-end.on")||(t=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'))&&t.classList.add("on"),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(t=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'))&&t.classList.add("on"),this.builder.win.skrollrr&&setTimeout((()=>{this.builder.win.skrollrr.refresh()}),30),this.builder.settings.onRender(),this.builder.settings.onChange()}))}));o.querySelector(".cmd-clear-anim-wizard").addEventListener("click",(()=>{const t=this.builder.activeSection;if(!t)return;let e;this.builder.editor.saveForUndo(),e=t.querySelectorAll(".is-animated"),e.forEach((t=>{t.classList.contains("is-overlay-bg")||(t.classList.remove("is-animated"),t.classList.remove("once"),t.classList.remove("is-fadeIn"),t.classList.remove("is-fadeInUp"),t.classList.remove("is-fadeInDown"),t.classList.remove("is-fadeInLeft"),t.classList.remove("is-fadeInRight"),t.classList.remove("is-zoomIn"),t.classList.remove("is-zoomOut"),t.classList.remove("is-slideInUp"),t.classList.remove("is-slideInDown"),t.classList.remove("is-slideInLeft"),t.classList.remove("is-slideInRight"),t.classList.remove("is-flipInX"),t.classList.remove("is-flipInY"),t.classList.remove("is-pulse"),t.classList.remove("is-bounceIn"))})),this.builder.settings.onRender(),this.builder.settings.onChange()}));const p=t=>{const e=this.builder.activeSection;if(!e)return;this.builder.editor.saveForUndo(),e.querySelectorAll(".is-animated").forEach((t=>{t.classList.contains("is-overlay-bg")||(t.classList.remove("is-animated"),t.classList.remove("once"),t.classList.remove("is-fadeIn"),t.classList.remove("is-fadeInUp"),t.classList.remove("is-fadeInDown"),t.classList.remove("is-fadeInLeft"),t.classList.remove("is-fadeInRight"),t.classList.remove("is-zoomIn"),t.classList.remove("is-zoomOut"),t.classList.remove("is-slideInUp"),t.classList.remove("is-slideInDown"),t.classList.remove("is-slideInLeft"),t.classList.remove("is-slideInRight"),t.classList.remove("is-flipInX"),t.classList.remove("is-flipInY"),t.classList.remove("is-pulse"),t.classList.remove("is-bounceIn"))}));let i=0,n=e.querySelectorAll(".is-box");0===n.length&&(n=e.querySelectorAll(".is-box-centered")),n.forEach((e=>{let n=i;e.querySelectorAll(".is-container > div").forEach((e=>{this.builder.editor.dom.elementChildren(e).forEach((e=>{(""!==e.innerText.trim()||e.querySelector("img")||e.querySelector("iframe")||e.querySelector("video")||e.querySelector("audio")||e.querySelector("i"))&&(e.style.transition="none",this.cleanupBasic(e),this.cleanupDelay(e),e.classList.add("is-animated"),h.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",(()=>{p(((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 h=o.querySelector("#chkPresetAnimOnce");h.addEventListener("click",(()=>{const t=this.builder.activeSection;if(!t)return;this.builder.editor.saveForUndo();let e=t.querySelectorAll(".is-animated");e.forEach((t=>{h.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 m=o.querySelector(".cmd-basic-once");r=o.querySelectorAll(".cmd-basic-anim"),r.forEach((t=>{t.addEventListener("click",(()=>{if(t.classList.contains("on"))return t.classList.remove("on"),m.classList.remove("on"),void this.applyBasic();o.querySelectorAll(".cmd-basic-anim").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.applyBasic()}))})),r=o.querySelectorAll(".cmd-basic-delay"),r.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()})),m.addEventListener("click",(()=>{m.classList.contains("on")?m.classList.remove("on"):m.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())})),r=o.querySelectorAll(".cmd-start"),r.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-start").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.apply()}))})),r=o.querySelectorAll(".cmd-end"),r.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-end").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.apply()}))})),r=o.querySelectorAll(".cmd-leave-start"),r.forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-leave-start").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.apply()}))})),r=s.querySelectorAll(".cmd-slidex"),r.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 g=s.querySelector(".inp-slide-right"),b=s.querySelector(".inp-slide-left");g.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),b.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="-${g.value}px"]`);t&&t.classList.add("on")})),b.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="${b.value}px"]`);t&&t.classList.add("on")})),r=s.querySelectorAll(".cmd-slidey"),r.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"),v=s.querySelector(".inp-slide-down");v.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="-${v.value}px"]`);t&&t.classList.add("on")})),f.addEventListener("change",(()=>{s.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),v.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="${f.value}px"]`);t&&t.classList.add("on")})),r=s.querySelectorAll(".cmd-scale"),r.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 y=s.querySelector(".inp-scale");y.addEventListener("change",(()=>{s.querySelectorAll(".cmd-scale").forEach((t=>{t.classList.remove("on")})),this.apply();let t=this.divEnterAnim.querySelector(`.cmd-scale[data-value="${y.value}"]`);t&&t.classList.add("on")})),r=s.querySelectorAll(".cmd-rotate"),r.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 x=s.querySelector(".inp-rotate-clockwise"),_=s.querySelector(".inp-rotate-counter");x.addEventListener("change",(()=>{s.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),_.value="",this.apply();let t=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="-${x.value}"]`);t&&t.classList.add("on")})),_.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="${_.value}"]`);t&&t.classList.add("on")}));let S=s.querySelector(".cmd-fade");S.addEventListener("click",(()=>{S.classList.contains("on")?S.classList.remove("on"):S.classList.add("on"),this.apply()})),s.querySelector(".cmd-clear-slide-left").addEventListener("click",(()=>{const t=s.querySelector(".inp-slide-left");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-slide-right").addEventListener("click",(()=>{const t=s.querySelector(".inp-slide-right");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-slide-up").addEventListener("click",(()=>{const t=s.querySelector(".inp-slide-up");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-slide-down").addEventListener("click",(()=>{const t=s.querySelector(".inp-slide-down");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-scale").addEventListener("click",(()=>{this.builder.editor.saveForUndo();s.querySelector(".inp-scale").value="",s.querySelectorAll(".cmd-scale").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-rotate-clockwise").addEventListener("click",(()=>{const t=this.divEnterAnim.querySelector(".inp-rotate-clockwise");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-rotate-counter").addEventListener("click",(()=>{const t=this.divEnterAnim.querySelector(".inp-rotate-counter");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",s.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),s.querySelector(".cmd-clear-scrollanim").addEventListener("click",(()=>{let t;t=this.getTarget().element,t&&(this.builder.editor.saveForUndo(),this.cleanup(t),t.style.transform="",t.style.transition="",t.style.opacity="",this.read(),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange())})),r=a.querySelectorAll(".cmd-slidex"),r.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"),k=a.querySelector(".inp-slide-right");w.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),k.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="-${w.value}px"]`);t&&t.classList.add("on")})),k.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="${k.value}px"]`);t&&t.classList.add("on")})),r=a.querySelectorAll(".cmd-slidey"),r.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"),A=a.querySelector(".inp-slide-down");A.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="${A.value}px"]`);t&&t.classList.add("on")})),C.addEventListener("change",(()=>{a.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),A.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="-${C.value}px"]`);t&&t.classList.add("on")})),r=a.querySelectorAll(".cmd-scale"),r.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")})),r=a.querySelectorAll(".cmd-rotate"),r.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 L=a.querySelector(".inp-rotate-clockwise"),q=a.querySelector(".inp-rotate-counter");L.addEventListener("change",(()=>{a.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),q.value="",this.apply();let t=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="${L.value}"]`);t&&t.classList.add("on")})),q.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="-${q.value}"]`);t&&t.classList.add("on")}));let T=a.querySelector(".cmd-fade");T.addEventListener("click",(()=>{T.classList.contains("on")?T.classList.remove("on"):T.classList.add("on"),this.apply()})),a.querySelector(".cmd-clear-slide-left").addEventListener("click",(()=>{const t=a.querySelector(".inp-slide-left");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-slide-right").addEventListener("click",(()=>{const t=a.querySelector(".inp-slide-right");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-slidex").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-slide-up").addEventListener("click",(()=>{const t=a.querySelector(".inp-slide-up");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-slide-down").addEventListener("click",(()=>{const t=a.querySelector(".inp-slide-down");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-slidey").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-scale").addEventListener("click",(()=>{this.builder.editor.saveForUndo();a.querySelector(".inp-scale").value="",a.querySelectorAll(".cmd-scale").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-rotate-clockwise").addEventListener("click",(()=>{const t=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-rotate-counter").addEventListener("click",(()=>{const t=this.divLeaveAnim.querySelector(".inp-rotate-counter");if(""===t.value)return;this.builder.editor.saveForUndo(),t.value="",a.querySelectorAll(".cmd-rotate").forEach((t=>{t.classList.remove("on")})),this.apply(),this.builder.settings.onChange()})),a.querySelector(".cmd-clear-scrollanim").addEventListener("click",(()=>{let t;t=this.getTarget().element,t&&(this.builder.editor.saveForUndo(),this.cleanup_leave(t),t.style.transform="",t.style.transition="",t.style.opacity="",this.read(),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange())}));o.querySelector(".inp-simplescroll-x-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-x-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-y-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-scale-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-rotate-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-start").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-15").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-25").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-35").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-50").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-65").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-75").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-85").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".inp-simplescroll-opacity-end").addEventListener("change",(()=>{this.applySimpleScroll()}));o.querySelector(".cmd-clear-simplescroll").addEventListener("click",(()=>{let t;t=this.getTarget().element,t&&(this.builder.editor.saveForUndo(),this.cleanup(t),this.cleanup_leave(t),this.cleanup_timeline(t),t.style.transform="",t.style.transition="",t.style.opacity="",this.read(),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange())}));const O=o.querySelector("#chkDisableSkrollrrOnMobile");O.addEventListener("click",(()=>{const t=this.builder.activeSection;t&&(this.builder.editor.saveForUndo(),O.checked?t.classList.add("m-skrollrr-off"):t.classList.remove("m-skrollrr-off"),this.builder.onChange())}));const M=o.querySelector("#chkPinSection"),R=o.querySelector(".div-pin-spacing");M.addEventListener("click",(()=>{const t=this.builder.activeSection;if(t){if(this.builder.editor.saveForUndo(),M.checked){t.classList.add("section-pin"),R.style.display="block",R.querySelectorAll(".cmd-pin-space").forEach((t=>{t.classList.remove("on")})),R.querySelector('.cmd-pin-space[data-value="md"]').classList.add("on")}else t.classList.remove("section-pin"),R.style.display="none";this.builder.onChange()}}));const B=o.querySelector("#chkPinOverlap");B.addEventListener("click",(()=>{const t=this.builder.activeSection;t&&(this.builder.editor.saveForUndo(),B.checked?t.classList.add("pin-overlap"):(t.classList.remove("pin-overlap"),t.classList.remove("no-spacing")),this.builder.onChange())}));R.querySelectorAll(".cmd-pin-space").forEach((t=>{t.addEventListener("click",(()=>{const e=this.builder.activeSection;if(!e)return;let i=t.getAttribute("data-value");this.builder.editor.saveForUndo(),e.classList.remove("pin-space-lg"),e.classList.remove("pin-space-xl"),"lg"===i&&e.classList.add("pin-space-lg"),"xl"===i&&e.classList.add("pin-space-xl"),R.querySelectorAll(".cmd-pin-space").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.builder.onChange()}))}));const I=this.divAnimSettings.querySelector(".cmd-disable-smoothanim");I.addEventListener("click",(()=>{I.classList.contains("on")?I.classList.remove("on"):I.classList.add("on"),this.apply()}));const $=this.divAnimScrollSimple.querySelector(".cmd-disable-smoothanim");$.addEventListener("click",(()=>{$.classList.contains("on")?$.classList.remove("on"):$.classList.add("on"),this.applySimpleScroll()}));const N=this.divAnimScrollSimple.querySelector(".cmd-hidden-onstart");N.addEventListener("click",(()=>{N.classList.contains("on")?N.classList.remove("on"):N.classList.add("on"),this.applySimpleScroll()}));const P=this.builder.sidebar.pageQuickSettings.querySelector(".cmd-live-preview");if(P.addEventListener(this.builder.isTouchSupport?"touchstart":"click",(()=>{P.checked?(this.builder.doc.body.removeAttribute("data-skrollrr-off"),localStorage.removeItem("_disableanimation")):(this.builder.doc.body.setAttribute("data-skrollrr-off","true"),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),localStorage.setItem("_disableanimation","1")),this.refreshPage();let t=document.querySelector(".is-element-tool");t&&(t.style.display="")})),this.builder.isTouchSupport){P.parentNode.addEventListener("touchstart",(()=>{P.checked?this.builder.doc.body.removeAttribute("data-skrollrr-off"):(this.builder.doc.body.setAttribute("data-skrollrr-off","true"),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh()),this.refreshPage()}))}l.addEventListener("click",(()=>{this.openPreview();const t=this.builder.sidebar.pageQuickSettings;this.builder.editor.util.hidePop(t)}));let D=this.builder.settings.onPageContentClick;this.builder.settings.onPageContentClick=()=>{D&&D.call(this),this.modalAnimateScroll.classList.contains("active")&&setTimeout((()=>{this.clickContent()}),30)}}openPreview(){this.builder.editor.openPreview()}closePreview(){this.builder.editor.closePreview()}refreshPage(){let t=this.getTarget().element;t&&t.setAttribute("data-save-target","1"),this.builder.editor.activeElement&&this.builder.editor.activeElement.setAttribute("data-save-element","1"),this.builder.activeBox&&this.builder.activeBox.setAttribute("data-save-box","1"),this.builder.activeSection&&this.builder.activeSection.setAttribute("data-save-section","1"),this.builder.refreshPage((()=>{let e=!1;this.builder.sidebar.pageQuickSettings.classList.contains("active")&&(e=!0),t=this.builder.doc.querySelector("[data-save-target]"),t&&(t.click(),t.removeAttribute("data-save-target"));let i=this.builder.doc.querySelector("[data-save-element]");i&&(i.click(),i.removeAttribute("data-save-element"));let n=this.builder.doc.querySelector("[data-save-box]");n&&(n.classList.add("box-select"),n.removeAttribute("data-save-box"));let o=this.builder.doc.querySelector("[data-save-section]");o&&(o.classList.add("section-select"),o.removeAttribute("data-save-section")),e&&this.builder.sidebar.reOpenSettings(),this.builder.rePositionTool()}))}clickContent(){this.modalAnimateScroll.querySelectorAll(".cmd-target").forEach((t=>{t.classList.remove("on")}));let t=this.readTarget();if(t){if("element"===t.name||"inspectedElement"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=element]").classList.add("on")}else if("column"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=column]").classList.add("on")}else if("row"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=row]").classList.add("on")}else if("container"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=container]").classList.add("on")}else if("bg"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=bg]").classList.add("on")}else if("overlay"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=overlay]").classList.add("on")}else if("box"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=box]").classList.add("on")}else if("section"===t.name){this.modalAnimateScroll.querySelector(".cmd-target[data-value=section]").classList.add("on")}}else{this.modalAnimateScroll.querySelector(".cmd-target[data-value=element]").classList.add("on")}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-15"),b=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-25"),f=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-35"),v=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-50"),y=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-65"),x=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-75"),_=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-85"),S=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-end"),w=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-start"),k=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-15"),C=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-25"),A=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-35"),E=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-50"),L=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-65"),q=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-75"),T=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-85"),O=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-end"),M=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-start"),R=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-15"),B=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-25"),I=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-35"),$=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-50"),N=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-65"),P=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-75"),D=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-85"),z=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-end"),H=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-start"),j=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-15"),F=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-25"),U=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-35"),W=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-50"),X=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-65"),Y=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-75"),V=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-85"),G=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-end"),K=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-start"),Z=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-15"),Q=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-25"),J=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-35"),tt=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-50"),et=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-65"),it=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-75"),nt=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-85"),ot=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-end");m.value="",g.value="",b.value="",f.value="",v.value="",y.value="",x.value="",_.value="",S.value="",w.value="",k.value="",C.value="",A.value="",E.value="",L.value="",q.value="",T.value="",O.value="",M.value="",R.value="",B.value="",I.value="",$.value="",N.value="",P.value="",D.value="",z.value="",H.value="",j.value="",F.value="",U.value="",W.value="",X.value="",Y.value="",V.value="",G.value="",K.value="",Z.value="",Q.value="",J.value="",tt.value="",et.value="",it.value="",nt.value="",ot.value=""}read(){this.clearSettings();const t=this.builder.activeSection;if(t){const e=this.modalAnimateScroll.querySelector(".div-pin-spacing"),i=this.modalAnimateScroll.querySelector("#chkPinSection");t.classList.contains("section-pin")?(i.checked=!0,e.style.display="block"):(i.checked=!1,e.style.display="none");const n=this.modalAnimateScroll.querySelector("#chkDisableSkrollrrOnMobile");if(t.classList.contains("m-skrollrr-off")?n.checked=!0:n.checked=!1,e.querySelectorAll(".cmd-pin-space").forEach((t=>{t.classList.remove("on")})),t.classList.contains("pin-space-lg")){e.querySelector('.cmd-pin-space[data-value="lg"]').classList.add("on")}else if(t.classList.contains("pin-space-xl")){e.querySelector('.cmd-pin-space[data-value="xl"]').classList.add("on")}else{e.querySelector('.cmd-pin-space[data-value="md"]').classList.add("on")}const o=this.modalAnimateScroll.querySelector("#chkPinOverlap");t.classList.contains("pin-overlap")?o.checked=!0:(o.checked=!1,t.classList.contains("no-spacing")&&(o.checked=!0))}let e,i,n,o=this.getTarget();if(e=o.element,!e)return;e.classList.contains("is-fadeIn")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeIn"]')),e.classList.contains("is-fadeInUp")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInUp"]')),e.classList.contains("is-fadeInDown")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInDown"]')),e.classList.contains("is-fadeInLeft")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInLeft"]')),e.classList.contains("is-fadeInRight")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-fadeInRight"]')),e.classList.contains("is-zoomIn")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-zoomIn"]')),e.classList.contains("is-zoomOut")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-zoomOut"]')),e.classList.contains("is-slideInUp")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInUp"]')),e.classList.contains("is-slideInDown")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInDown"]')),e.classList.contains("is-slideInLeft")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInLeft"]')),e.classList.contains("is-slideInRight")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-slideInRight"]')),e.classList.contains("is-flipInX")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-flipInX"]')),e.classList.contains("is-flipInY")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-flipInY"]')),e.classList.contains("is-pulse")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-pulse"]')),e.classList.contains("is-bounceIn")&&(i=this.modalAnimateScroll.querySelector('.cmd-basic-anim[data-value="is-bounceIn"]')),i&&i.classList.add("on"),e.classList.contains("delay-0ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-0ms"]')),e.classList.contains("delay-100ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-100ms"]')),e.classList.contains("delay-200ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-200ms"]')),e.classList.contains("delay-300ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-300ms"]')),e.classList.contains("delay-400ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-400ms"]')),e.classList.contains("delay-500ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-500ms"]')),e.classList.contains("delay-600ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-600ms"]')),e.classList.contains("delay-700ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-700ms"]')),e.classList.contains("delay-800ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-800ms"]')),e.classList.contains("delay-900ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-900ms"]')),e.classList.contains("delay-1000ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1000ms"]')),e.classList.contains("delay-1100ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1100ms"]')),e.classList.contains("delay-1200ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1200ms"]')),e.classList.contains("delay-1300ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1300ms"]')),e.classList.contains("delay-1400ms")&&(n=this.modalAnimateScroll.querySelector('.cmd-basic-delay[data-value="delay-1400ms"]')),n&&n.classList.add("on");const s=this.modalAnimateScroll.querySelector(".cmd-basic-once");e.classList.contains("once")?s.classList.add("on"):s.classList.remove("on");this.modalAnimateScroll.querySelectorAll(".cmd-disable-smoothanim").forEach((t=>{e.hasAttribute("data-smooth-scrolling")?t.classList.add("on"):t.classList.remove("on")}));this.modalAnimateScroll.querySelectorAll(".cmd-hidden-onstart").forEach((t=>{e.hasAttribute("data-hidden-onstart")?t.classList.add("on"):t.classList.remove("on")}));const a=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-start"),l=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-15"),r=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-25"),d=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-35"),c=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-50"),u=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-65"),p=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-75"),h=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-85"),m=this.modalAnimateScroll.querySelector(".inp-simplescroll-x-end"),g=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-start"),b=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-15"),f=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-25"),v=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-35"),y=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-50"),x=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-65"),_=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-75"),S=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-85"),w=this.modalAnimateScroll.querySelector(".inp-simplescroll-y-end"),k=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-start"),C=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-15"),A=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-25"),E=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-35"),L=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-50"),q=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-65"),T=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-75"),O=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-85"),M=this.modalAnimateScroll.querySelector(".inp-simplescroll-scale-end"),R=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-start"),B=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-15"),I=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-25"),$=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-35"),N=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-50"),P=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-65"),D=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-75"),z=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-85"),H=this.modalAnimateScroll.querySelector(".inp-simplescroll-rotate-end"),j=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-start"),F=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-15"),U=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-25"),W=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-35"),X=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-50"),Y=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-65"),V=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-75"),G=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-85"),K=this.modalAnimateScroll.querySelector(".inp-simplescroll-opacity-end");if(a.value="",l.value="",r.value="",d.value="",c.value="",u.value="",p.value="",h.value="",m.value="",g.value="",b.value="",f.value="",v.value="",y.value="",x.value="",_.value="",S.value="",w.value="",k.value="",C.value="",A.value="",E.value="",L.value="",q.value="",T.value="",O.value="",M.value="",R.value="",B.value="",I.value="",$.value="",N.value="",P.value="",D.value="",z.value="",H.value="",j.value="",F.value="",U.value="",W.value="",X.value="",Y.value="",V.value="",G.value="",K.value="",e.hasAttribute("data-bottom-top")&&e.hasAttribute("data-top-bottom")&&!(e.hasAttribute("data-center-bottom")||e.hasAttribute("data-100-top")||e.hasAttribute("data-50-top")||e.hasAttribute("data-top"))||e.hasAttribute("data-in")||e.hasAttribute("data-in-150")||e.hasAttribute("data-in-300")||e.hasAttribute("data-cen--150")||e.hasAttribute("data-cen")||e.hasAttribute("data-cen-150")||e.hasAttribute("data-out--300")||e.hasAttribute("data-out--150")||e.hasAttribute("data-out")){let t=document.querySelector(".dummy-elm"),i=e.getAttribute("data-bottom-top");t.style.cssText=i;let n=this.getTransform(t,i);n.translateX&&(a.value=n.translateX.replace("px","")),n.translateY&&(g.value=n.translateY.replace("px","")),n.scale&&(k.value=n.scale),n.rotate&&(R.value=n.rotate),n.opacity&&(j.value=n.opacity);let o=e.getAttribute("data-top-bottom");t.style.cssText=o,n=this.getTransform(t,o),n.translateX&&(m.value=n.translateX.replace("px","")),n.translateY&&(w.value=n.translateY.replace("px","")),n.scale&&(M.value=n.scale),n.rotate&&(H.value=n.rotate),n.opacity&&(K.value=n.opacity);let s,Z=e.getAttribute("data-in");return t.style.cssText=Z,n=this.getTransform(t,Z),n.translateX&&(a.value=n.translateX.replace("px","")),n.translateY&&(g.value=n.translateY.replace("px","")),n.scale&&(k.value=n.scale),n.rotate&&(R.value=n.rotate),n.opacity&&(j.value=n.opacity),Z=e.getAttribute("data-in-150"),t.style.cssText=Z,n=this.getTransform(t,Z),n.translateX&&(l.value=n.translateX.replace("px","")),n.translateY&&(b.value=n.translateY.replace("px","")),n.scale&&(C.value=n.scale),n.rotate&&(B.value=n.rotate),n.opacity&&(F.value=n.opacity),Z=e.getAttribute("data-in-300"),t.style.cssText=Z,n=this.getTransform(t,Z),n.translateX&&(r.value=n.translateX.replace("px","")),n.translateY&&(f.value=n.translateY.replace("px","")),n.scale&&(A.value=n.scale),n.rotate&&(I.value=n.rotate),n.opacity&&(U.value=n.opacity),Z=e.getAttribute("data-cen--150"),t.style.cssText=Z,n=this.getTransform(t,Z),n.translateX&&(d.value=n.translateX.replace("px","")),n.translateY&&(v.value=n.translateY.replace("px","")),n.scale&&(E.value=n.scale),n.rotate&&($.value=n.rotate),n.opacity&&(W.value=n.opacity),Z=e.getAttribute("data-cen"),t.style.cssText=Z,n=this.getTransform(t,Z),n.translateX&&(c.value=n.translateX.replace("px","")),n.translateY&&(y.value=n.translateY.replace("px","")),n.scale&&(L.value=n.scale),n.rotate&&(N.value=n.rotate),n.opacity&&(X.value=n.opacity),Z=e.getAttribute("data-cen-150"),t.style.cssText=Z,n=this.getTransform(t,Z),n.translateX&&(u.value=n.translateX.replace("px","")),n.translateY&&(x.value=n.translateY.replace("px","")),n.scale&&(q.value=n.scale),n.rotate&&(P.value=n.rotate),n.opacity&&(Y.value=n.opacity),Z=e.getAttribute("data-out--300"),t.style.cssText=Z,n=this.getTransform(t,Z),n.translateX&&(p.value=n.translateX.replace("px","")),n.translateY&&(_.value=n.translateY.replace("px","")),n.scale&&(T.value=n.scale),n.rotate&&(D.value=n.rotate),n.opacity&&(V.value=n.opacity),Z=e.getAttribute("data-out--150"),t.style.cssText=Z,n=this.getTransform(t,Z),n.translateX&&(h.value=n.translateX.replace("px","")),n.translateY&&(S.value=n.translateY.replace("px","")),n.scale&&(O.value=n.scale),n.rotate&&(z.value=n.rotate),n.opacity&&(G.value=n.opacity),Z=e.getAttribute("data-out"),t.style.cssText=Z,n=this.getTransform(t,Z),n.translateX&&(m.value=n.translateX.replace("px","")),n.translateY&&(w.value=n.translateY.replace("px","")),n.scale&&(M.value=n.scale),n.rotate&&(H.value=n.rotate),n.opacity&&(K.value=n.opacity),this.modalAnimateScroll.querySelector(".cmd-start.on")||(s=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),s&&s.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-end.on")||(s=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),s&&s.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(s=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),s&&s.classList.add("on")),!0}let Z=e.getAttribute("data-bottom-top");Z||(Z=e.getAttribute("data-400-bottom")),Z||(Z=e.getAttribute("data-200-bottom")),Z||(Z=e.getAttribute("data--50-bottom"));let Q,J=e.getAttribute("data-top-bottom");e.hasAttribute("data-bottom-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-400-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-400-bottom"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-200-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-200-bottom"]'),Q&&Q.classList.add("on")),e.hasAttribute("data--50-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data--50-bottom"]'),Q&&Q.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-start.on")||(Q=this.modalAnimateScroll.querySelector('.cmd-start[data-value="data-bottom-top"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-bottom"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-center-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center-top"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-center")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-top-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-top-bottom"]'),Q&&Q.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-end.on")||(Q=this.modalAnimateScroll.querySelector('.cmd-end[data-value="data-center"]'),Q&&Q.classList.add("on"));let tt=document.querySelector(".dummy-elm");tt.style.cssText=Z;let et=this.getTransform(tt,Z);Q=this.divEnterAnim.querySelector(`.cmd-slidex[data-value="${et.translateX}"]`),Q&&Q.classList.add("on"),Q=this.divEnterAnim.querySelector(`.cmd-slidey[data-value="${et.translateY}"]`),Q&&Q.classList.add("on"),Q=this.divEnterAnim.querySelector(`.cmd-scale[data-value="${et.scale}"]`),Q&&Q.classList.add("on"),et.rotate&&(Q=this.divEnterAnim.querySelector(`.cmd-rotate[data-value="${et.rotate}"]`),Q&&Q.classList.add("on"));const it=this.divEnterAnim.querySelector(".inp-slide-left"),nt=this.divEnterAnim.querySelector(".inp-slide-right");et.translateX&&(-1!==et.translateX.indexOf("-")?nt.value=et.translateX.replace("-","").replace("px",""):it.value=et.translateX.replace("px",""));const ot=this.divEnterAnim.querySelector(".inp-slide-up"),st=this.divEnterAnim.querySelector(".inp-slide-down");et.translateY&&(-1!==et.translateY.indexOf("-")?st.value=et.translateY.replace("-","").replace("px",""):ot.value=et.translateY.replace("px",""));const at=this.divEnterAnim.querySelector(".inp-scale");et.scale&&(at.value=et.scale);const lt=this.divEnterAnim.querySelector(".inp-rotate-counter"),rt=this.divEnterAnim.querySelector(".inp-rotate-clockwise");et.rotate&&(-1!==et.rotate.indexOf("-")?rt.value=et.rotate.replace("-",""):lt.value=et.rotate),et.opacity&&(Q=this.divEnterAnim.querySelector(".cmd-fade"),Q&&Q.classList.add("on")),e.hasAttribute("data-center-bottom")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-100-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-100-top"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-50-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-50-top"]'),Q&&Q.classList.add("on")),e.hasAttribute("data-top")&&(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-top"]'),Q&&Q.classList.add("on")),this.modalAnimateScroll.querySelector(".cmd-leave-start.on")||(Q=this.modalAnimateScroll.querySelector('.cmd-leave-start[data-value="data-center-bottom"]'),Q&&Q.classList.add("on")),tt.style.cssText=J,et=this.getTransform(tt,J),Q=this.divLeaveAnim.querySelector(`.cmd-slidex[data-value="${et.translateX}"]`),Q&&Q.classList.add("on"),Q=this.divLeaveAnim.querySelector(`.cmd-slidey[data-value="${et.translateY}"]`),Q&&Q.classList.add("on"),Q=this.divLeaveAnim.querySelector(`.cmd-scale[data-value="${et.scale}"]`),Q&&Q.classList.add("on"),et.rotate&&(Q=this.divLeaveAnim.querySelector(`.cmd-rotate[data-value="${et.rotate}"]`),Q&&Q.classList.add("on"));const dt=this.divLeaveAnim.querySelector(".inp-slide-left"),ct=this.divLeaveAnim.querySelector(".inp-slide-right");et.translateX&&(-1!==et.translateX.indexOf("-")?dt.value=et.translateX.replace("-","").replace("px",""):ct.value=et.translateX.replace("px",""));const ut=this.divLeaveAnim.querySelector(".inp-slide-up"),pt=this.divLeaveAnim.querySelector(".inp-slide-down");et.translateY&&(-1!==et.translateY.indexOf("-")?ut.value=et.translateY.replace("-","").replace("px",""):pt.value=et.translateY.replace("px",""));const ht=this.divLeaveAnim.querySelector(".inp-scale");et.scale&&(ht.value=et.scale);const mt=this.divLeaveAnim.querySelector(".inp-rotate-counter"),gt=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");return et.rotate&&(-1!==et.rotate.indexOf("-")?mt.value=et.rotate.replace("-",""):gt.value=et.rotate),et.opacity&&(Q=this.divLeaveAnim.querySelector(".cmd-fade"),Q&&Q.classList.add("on")),!0}cleanupBasic(t){t.classList.remove("is-animated"),t.classList.remove("once"),t.classList.remove("is-fadeIn"),t.classList.remove("is-fadeInUp"),t.classList.remove("is-fadeInDown"),t.classList.remove("is-fadeInLeft"),t.classList.remove("is-fadeInRight"),t.classList.remove("is-zoomIn"),t.classList.remove("is-zoomOut"),t.classList.remove("is-slideInUp"),t.classList.remove("is-slideInDown"),t.classList.remove("is-slideInLeft"),t.classList.remove("is-slideInRight"),t.classList.remove("is-flipInX"),t.classList.remove("is-flipInY"),t.classList.remove("is-pulse"),t.classList.remove("is-bounceIn")}cleanupDelay(t){t.classList.remove("delay-0ms"),t.classList.remove("delay-100ms"),t.classList.remove("delay-200ms"),t.classList.remove("delay-300ms"),t.classList.remove("delay-400ms"),t.classList.remove("delay-500ms"),t.classList.remove("delay-600ms"),t.classList.remove("delay-700ms"),t.classList.remove("delay-800ms"),t.classList.remove("delay-900ms"),t.classList.remove("delay-1000ms"),t.classList.remove("delay-1100ms"),t.classList.remove("delay-1200ms"),t.classList.remove("delay-1300ms"),t.classList.remove("delay-1400ms"),t.classList.remove("delay-1500ms"),t.classList.remove("delay-1600ms"),t.classList.remove("delay-1700ms"),t.classList.remove("delay-1800ms"),t.classList.remove("delay-1900ms"),t.classList.remove("delay-2000ms"),t.classList.remove("delay-2100ms"),t.classList.remove("delay-2200ms"),t.classList.remove("delay-2300ms"),t.classList.remove("delay-2400ms"),t.classList.remove("delay-2500ms"),t.classList.remove("delay-2600ms"),t.classList.remove("delay-2700ms"),t.classList.remove("delay-2800ms"),t.classList.remove("delay-2900ms"),t.classList.remove("delay-3000ms"),t.style.transitionDelay="",t.style.animationDelay=""}applyDelay(){let t,e,i=this.getTarget();t=i.element,t&&(this.modalAnimateScroll.querySelectorAll(".cmd-basic-delay").forEach((t=>{t.classList.contains("on")&&(e=t.getAttribute("data-value"))})),this.builder.editor.saveForUndo(),this.cleanupDelay(t),t.classList.remove("is-inview"),setTimeout((()=>{e&&t.classList.add(e),setTimeout((()=>{t.classList.add("is-inview")}),10)}),10),this.builder.settings.onChange())}applyBasic(){let t,e,i=this.getTarget();if(t=i.element,!t)return;this.modalAnimateScroll.querySelectorAll(".cmd-basic-anim").forEach((t=>{t.classList.contains("on")&&(e=t.getAttribute("data-value"))}));let n=!1;this.modalAnimateScroll.querySelector(".cmd-basic-once").classList.contains("on")&&(n=!0),this.builder.editor.saveForUndo(),this.cleanupBasic(t),t.style.transition="none",e&&(t.classList.remove("is-inview"),t.classList.remove("once"),setTimeout((()=>{t.classList.add(e),n?t.classList.add("once"):t.classList.remove("once"),t.classList.add("is-animated"),setTimeout((()=>{t.style.transition="",t.classList.add("is-inview"),this.builder.settings.onRender(),this.builder.settings.onChange()}),10)}),10))}applySimpleScroll(){let t;if(t=this.getTarget().element,!t)return;const e=this.modalAnimateScroll,i=e.querySelector(".inp-simplescroll-x-start"),n=e.querySelector(".inp-simplescroll-x-15"),o=e.querySelector(".inp-simplescroll-x-25"),s=e.querySelector(".inp-simplescroll-x-35"),a=e.querySelector(".inp-simplescroll-x-50"),l=e.querySelector(".inp-simplescroll-x-65"),r=e.querySelector(".inp-simplescroll-x-75"),d=e.querySelector(".inp-simplescroll-x-85"),c=e.querySelector(".inp-simplescroll-x-end"),u=e.querySelector(".inp-simplescroll-y-start"),p=e.querySelector(".inp-simplescroll-y-15"),h=e.querySelector(".inp-simplescroll-y-25"),m=e.querySelector(".inp-simplescroll-y-35"),g=e.querySelector(".inp-simplescroll-y-50"),b=e.querySelector(".inp-simplescroll-y-65"),f=e.querySelector(".inp-simplescroll-y-75"),v=e.querySelector(".inp-simplescroll-y-85"),y=e.querySelector(".inp-simplescroll-y-end"),x=e.querySelector(".inp-simplescroll-scale-start"),_=e.querySelector(".inp-simplescroll-scale-15"),S=e.querySelector(".inp-simplescroll-scale-25"),w=e.querySelector(".inp-simplescroll-scale-35"),k=e.querySelector(".inp-simplescroll-scale-50"),C=e.querySelector(".inp-simplescroll-scale-65"),A=e.querySelector(".inp-simplescroll-scale-75"),E=e.querySelector(".inp-simplescroll-scale-85"),L=e.querySelector(".inp-simplescroll-scale-end"),q=e.querySelector(".inp-simplescroll-rotate-start"),T=e.querySelector(".inp-simplescroll-rotate-15"),O=e.querySelector(".inp-simplescroll-rotate-25"),M=e.querySelector(".inp-simplescroll-rotate-35"),R=e.querySelector(".inp-simplescroll-rotate-50"),B=e.querySelector(".inp-simplescroll-rotate-65"),I=e.querySelector(".inp-simplescroll-rotate-75"),$=e.querySelector(".inp-simplescroll-rotate-85"),N=e.querySelector(".inp-simplescroll-rotate-end"),P=e.querySelector(".inp-simplescroll-opacity-start"),D=e.querySelector(".inp-simplescroll-opacity-15"),z=e.querySelector(".inp-simplescroll-opacity-25"),H=e.querySelector(".inp-simplescroll-opacity-35"),j=e.querySelector(".inp-simplescroll-opacity-50"),F=e.querySelector(".inp-simplescroll-opacity-65"),U=e.querySelector(".inp-simplescroll-opacity-75"),W=e.querySelector(".inp-simplescroll-opacity-85"),X=e.querySelector(".inp-simplescroll-opacity-end");let Y,V,G,K,Z,Q,J,tt,et,it,nt,ot,st,at,lt,rt,dt,ct,ut,pt,ht,mt,gt,bt,ft,vt,yt,xt,_t,St,wt,kt,Ct,At,Et,Lt,qt,Tt,Ot,Mt,Rt,Bt,It,$t,Nt;""!==i.value&&(Y=i.value+(-1!==i.value.indexOf("%")?"":"px")),""!==n.value&&(V=n.value+(-1!==n.value.indexOf("%")?"":"px")),""!==o.value&&(G=o.value+(-1!==o.value.indexOf("%")?"":"px")),""!==s.value&&(K=s.value+(-1!==s.value.indexOf("%")?"":"px")),""!==a.value&&(Z=a.value+(-1!==a.value.indexOf("%")?"":"px")),""!==l.value&&(Q=l.value+(-1!==l.value.indexOf("%")?"":"px")),""!==r.value&&(J=r.value+(-1!==r.value.indexOf("%")?"":"px")),""!==d.value&&(tt=d.value+(-1!==d.value.indexOf("%")?"":"px")),""!==c.value&&(et=c.value+(-1!==c.value.indexOf("%")?"":"px")),""!==u.value&&(it=u.value+(-1!==u.value.indexOf("%")?"":"px")),""!==p.value&&(nt=p.value+(-1!==p.value.indexOf("%")?"":"px")),""!==h.value&&(ot=h.value+(-1!==h.value.indexOf("%")?"":"px")),""!==m.value&&(st=m.value+(-1!==m.value.indexOf("%")?"":"px")),""!==g.value&&(at=g.value+(-1!==g.value.indexOf("%")?"":"px")),""!==b.value&&(lt=b.value+(-1!==b.value.indexOf("%")?"":"px")),""!==f.value&&(rt=f.value+(-1!==f.value.indexOf("%")?"":"px")),""!==v.value&&(dt=v.value+(-1!==v.value.indexOf("%")?"":"px")),""!==y.value&&(ct=y.value+(-1!==y.value.indexOf("%")?"":"px")),""!==x.value&&(ut=x.value),""!==_.value&&(pt=_.value),""!==S.value&&(ht=S.value),""!==w.value&&(mt=w.value),""!==k.value&&(gt=k.value),""!==C.value&&(bt=C.value),""!==A.value&&(ft=A.value),""!==E.value&&(vt=E.value),""!==L.value&&(yt=L.value),""!==q.value&&(xt=q.value),""!==T.value&&(_t=T.value),""!==O.value&&(St=O.value),""!==M.value&&(wt=M.value),""!==R.value&&(kt=R.value),""!==B.value&&(Ct=B.value),""!==I.value&&(At=I.value),""!==$.value&&(Et=$.value),""!==N.value&&(Lt=N.value),""!==P.value&&(qt=P.value),""!==D.value&&(Tt=D.value),""!==z.value&&(Ot=z.value),""!==H.value&&(Mt=H.value),""!==j.value&&(Rt=j.value),""!==F.value&&(Bt=F.value),""!==U.value&&(It=U.value),""!==W.value&&($t=W.value),""!==X.value&&(Nt=X.value);let Pt=(Y?` translateX(${Y})`:"")+(it?` translateY(${it})`:"")+(ut?` scale(${ut})`:"")+(xt?` rotate(${xt})`:"");Pt=Pt.trim();let Dt=(V?` translateX(${V})`:"")+(nt?` translateY(${nt})`:"")+(pt?` scale(${pt})`:"")+(_t?` rotate(${_t})`:"");Dt=Dt.trim();let zt=(G?` translateX(${G})`:"")+(ot?` translateY(${ot})`:"")+(ht?` scale(${ht})`:"")+(St?` rotate(${St})`:"");zt=zt.trim();let Ht=(K?` translateX(${K})`:"")+(st?` translateY(${st})`:"")+(mt?` scale(${mt})`:"")+(wt?` rotate(${wt})`:"");Ht=Ht.trim();let jt=(Z?` translateX(${Z})`:"")+(at?` translateY(${at})`:"")+(gt?` scale(${gt})`:"")+(kt?` rotate(${kt})`:"");jt=jt.trim();let Ft=(Q?` translateX(${Q})`:"")+(lt?` translateY(${lt})`:"")+(bt?` scale(${bt})`:"")+(Ct?` rotate(${Ct})`:"");Ft=Ft.trim();let Ut=(J?` translateX(${J})`:"")+(rt?` translateY(${rt})`:"")+(ft?` scale(${ft})`:"")+(At?` rotate(${At})`:"");Ut=Ut.trim();let Wt=(tt?` translateX(${tt})`:"")+(dt?` translateY(${dt})`:"")+(vt?` scale(${vt})`:"")+(Et?` rotate(${Et})`:"");Wt=Wt.trim();let Xt=(et?` translateX(${et})`:"")+(ct?` translateY(${ct})`:"")+(yt?` scale(${yt})`:"")+(Lt?` rotate(${Lt})`:"");Xt=Xt.trim();let Yt=(Pt?"transform: "+Pt+";":"")+(qt?`opacity:${qt}`:""),Vt=(Dt?"transform: "+Dt+";":"")+(Tt?`opacity:${Tt}`:""),Gt=(zt?"transform: "+zt+";":"")+(Ot?`opacity:${Ot}`:""),Kt=(Ht?"transform: "+Ht+";":"")+(Mt?`opacity:${Mt}`:""),Zt=(jt?"transform: "+jt+";":"")+(Rt?`opacity:${Rt}`:""),Qt=(Ft?"transform: "+Ft+";":"")+(Bt?`opacity:${Bt}`:""),Jt=(Ut?"transform: "+Ut+";":"")+(It?`opacity:${It}`:""),te=(Wt?"transform: "+Wt+";":"")+($t?`opacity:${$t}`:""),ee=(Xt?"transform: "+Xt+";":"")+(Nt?`opacity:${Nt}`:"");Yt=Yt.trim(),Vt=Vt.trim(),Gt=Gt.trim(),Kt=Kt.trim(),Zt=Zt.trim(),Qt=Qt.trim(),Jt=Jt.trim(),te=te.trim(),ee=ee.trim(),this.builder.editor.saveForUndo(),this.cleanup(t),this.cleanup_leave(t),this.cleanup_timeline(t),t.removeAttribute("data-bottom-top"),t.removeAttribute("data-top-bottom");let ie="data-in",ne="data-in-150",oe="data-in-300",se="data-cen--150",ae="data-cen",le="data-cen-150",re="data-out--300",de="data-out--150",ce="data-out";""!==Yt?t.setAttribute(ie,Yt):t.removeAttribute(ie),""!==Vt?t.setAttribute(ne,Vt):t.removeAttribute(ne),""!==Gt?t.setAttribute(oe,Gt):t.removeAttribute(oe),""!==Kt?t.setAttribute(se,Kt):t.removeAttribute(se),""!==Zt?t.setAttribute(ae,Zt):t.removeAttribute(ae),""!==Qt?t.setAttribute(le,Qt):t.removeAttribute(le),""!==Jt?t.setAttribute(re,Jt):t.removeAttribute(re),""!==te?t.setAttribute(de,te):t.removeAttribute(de),""!==ee?t.setAttribute(ce,ee):t.removeAttribute(ce);this.divAnimScrollSimple.querySelector(".cmd-disable-smoothanim").classList.contains("on")?(t.setAttribute("data-smooth-scrolling","off"),t.style.transition=""):t.removeAttribute("data-smooth-scrolling");this.divAnimScrollSimple.querySelector(".cmd-hidden-onstart").classList.contains("on")?t.setAttribute("data-hidden-onstart",""):t.removeAttribute("data-hidden-onstart"),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 b=(e?" translateX(0px)":"")+(i?" translateY(0px)":"")+(o?" rotate(0deg)":"")+(n?" scale(1)":"");b=b.trim();let f,v,y,x,_,S,w=(g?"transform: "+g+";":"")+(a?"opacity: 0;":""),k=(b?"transform: "+b+";":"")+(a?"opacity: 1;":"");this.builder.editor.saveForUndo(),this.cleanup_timeline(t),this.cleanup(t),s=this.modalAnimateScroll.querySelectorAll(".cmd-start"),s.forEach((t=>{t.classList.contains("on")&&(f=t.getAttribute("data-value"))})),s=this.modalAnimateScroll.querySelectorAll(".cmd-end"),s.forEach((t=>{t.classList.contains("on")&&(v=t.getAttribute("data-value"))})),f||(f="data-bottom-top"),v||(v="data-center"),w=w.trim(),k=k.trim(),""!==w&&t.setAttribute(f,w),""!==k&&t.setAttribute(v,k),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")&&(S=t.getAttribute("data-value"))}));let C=!1;l=this.divLeaveAnim.querySelector(".cmd-fade"),l.classList.contains("on")&&(C=!0);const A=this.divLeaveAnim.querySelector(".inp-slide-left");""!==A.value&&(y="-"+A.value+(-1!==A.value.indexOf("%")?"":"px"));const E=this.divLeaveAnim.querySelector(".inp-slide-right");""!==E.value&&(y=E.value+(-1!==E.value.indexOf("%")?"":"px"));const L=this.divLeaveAnim.querySelector(".inp-slide-down");""!==L.value&&(x=L.value+(-1!==L.value.indexOf("%")?"":"px"));const q=this.divLeaveAnim.querySelector(".inp-slide-up");""!==q.value&&(x="-"+q.value+(-1!==q.value.indexOf("%")?"":"px"));const T=this.divLeaveAnim.querySelector(".inp-scale");""!==T.value&&(_=T.value);const O=this.divLeaveAnim.querySelector(".inp-rotate-clockwise");""!==O.value&&(S=O.value);const M=this.divLeaveAnim.querySelector(".inp-rotate-counter");""!==M.value&&(S="-"+M.value);let R=(y?" translateX(0px)":"")+(x?" translateY(0px)":"")+(S?" rotate(0deg)":"")+(_?" scale(1)":"");R=R.trim();let B=(y?` translateX(${y})`:"")+(x?` translateY(${x})`:"")+(S?` rotate(${S}deg)`:"")+(_?` scale(${_})`:"");B=B.trim();let I,$,N=(R?"transform: "+R+";":"")+(C?"opacity: 1;":""),P=(B?"transform: "+B+";":"")+(C?"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"),$="data-top-bottom",N=N.trim(),P=P.trim(),""!==N&&t.setAttribute(I,N),""!==P&&t.setAttribute("data-top-bottom",P),""===w&&""===k&&""===N&&""===P&&(t.style.transform="",t.style.transition="",t.style.opacity=""),(a||C)&&(t.style.opacity="");this.divAnimSettings.querySelector(".cmd-disable-smoothanim").classList.contains("on")?(t.setAttribute("data-smooth-scrolling","off"),t.style.transition=""):t.removeAttribute("data-smooth-scrolling"),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange()}readAnimOnce(){let t=this.builder.activeSection;t&&(t.querySelector(".is-animated.once")?this.modalAnimateScroll.querySelector("#chkPresetAnimOnce").checked=!0:this.modalAnimateScroll.querySelector("#chkPresetAnimOnce").checked=!1)}getTarget(){let t,e;if(this.modalAnimateScroll.querySelectorAll(".cmd-target").forEach((e=>{e.classList.contains("on")&&(t=e.getAttribute("data-value"))})),"element"===t){let t=this.readTarget();t?("element"===t.name&&(e=this.builder.editor.activeElement),e="inspectedElement"===t.name?this.builder.editor.inspectedElement:this.builder.editor.activeElement):e=this.builder.editor.activeElement}if("column"===t&&(e=this.builder.editor.activeCol),"row"===t){let t=this.builder.editor.activeCol;t&&(e=t.parentNode)}if("container"===t){let t=this.builder.editor.activeCol;t&&(e=t.parentNode.parentNode)}if("overlay"===t){let t;const i=this.builder.doc.querySelector(".box-select");i&&(t=i.querySelector(".is-overlay")),t&&(e=t)}if("bg"===t){let t;const i=this.builder.doc.querySelector(".box-select");i&&(t=i.querySelector(".is-overlay-bg")),t&&(e=t)}if("box"===t){const t=this.builder.doc.querySelector(".box-select");t&&(e=t)}if("section"===t){const t=this.builder.doc.querySelector(".section-select");t&&(e=t)}return{element:e||!1,name:t||!1}}readTarget(t){if(!t){let t,e,i,n=this.builder.editor.inspectedElement;if(!n)return this.readTarget("bg");t=n.getAttribute("data-bottom-top"),t||(t=n.getAttribute("data-400-bottom")),t||(t=n.getAttribute("data-200-bottom")),t||(t=n.getAttribute("data--50-bottom")),e=n.getAttribute("data-top-bottom"),i=n.getAttribute("data-in"),i||(i=n.getAttribute("data-in-150")),i||(i=n.getAttribute("data-in-300")),i||(i=n.getAttribute("data-cen--150")),i||(i=n.getAttribute("data-cen")),i||(i=n.getAttribute("data-cen-150")),i||(i=n.getAttribute("data-out--300")),i||(i=n.getAttribute("data-out--150")),i||(i=n.getAttribute("data-out"));let o=!1;return(n.classList.contains("is-fadeIn")||n.classList.contains("is-fadeInUp")||n.classList.contains("is-fadeInDown")||n.classList.contains("is-fadeInLeft")||n.classList.contains("is-fadeInRight")||n.classList.contains("is-zoomIn")||n.classList.contains("is-zoomOut")||n.classList.contains("is-slideInUp")||n.classList.contains("is-slideInDown")||n.classList.contains("is-slideInLeft")||n.classList.contains("is-slideInRight")||n.classList.contains("is-flipInX")||n.classList.contains("is-flipInY")||n.classList.contains("is-pulse")||n.classList.contains("is-bounceIn"))&&(o=!0),t||e||i||o?{element:n,name:"inspectedElement"}:this.readTarget("element")}{let e,i,n,o;if("element"===t&&(e=this.builder.editor.activeElement),"column"===t&&(e=this.builder.editor.activeCol),"row"===t&&this.builder.editor.activeCol&&(e=this.builder.editor.activeCol.parentNode),"container"===t&&this.builder.editor.activeCol&&(e=this.builder.editor.activeCol.parentNode.parentNode),"bg"===t){let t;const i=this.builder.doc.querySelector(".box-select");i&&(t=i.querySelector(".is-overlay-bg")),t&&(e=t)}if("overlay"===t){let t;const i=this.builder.doc.querySelector(".box-select");i&&(t=i.querySelector(".is-overlay")),t&&(e=t)}if("box"===t){const t=this.builder.doc.querySelector(".box-select");t&&(e=t)}if("section"===t){const t=this.builder.doc.querySelector(".section-select");t&&(e=t)}if(!e){if("element"===t)return this.readTarget("column");if("column"===t)return this.readTarget("row");if("row"===t)return this.readTarget("container");if("container"===t)return this.readTarget("bg");if("bg"===t)return this.readTarget("overlay");if("overlay"===t)return this.readTarget("box");if("box"===t)return this.readTarget("section");if("section"===t)return!1}i=e.getAttribute("data-bottom-top"),i||(i=e.getAttribute("data-400-bottom")),i||(i=e.getAttribute("data-200-bottom")),i||(i=e.getAttribute("data--50-bottom")),n=e.getAttribute("data-top-bottom"),o=e.getAttribute("data-in"),o||(o=e.getAttribute("data-in-150")),o||(o=e.getAttribute("data-in-300")),o||(o=e.getAttribute("data-cen--150")),o||(o=e.getAttribute("data-cen")),o||(o=e.getAttribute("data-cen-150")),o||(o=e.getAttribute("data-out--300")),o||(o=e.getAttribute("data-out--150")),o||(o=e.getAttribute("data-out"));let s=!1;if((e.classList.contains("is-fadeIn")||e.classList.contains("is-fadeInUp")||e.classList.contains("is-fadeInDown")||e.classList.contains("is-fadeInLeft")||e.classList.contains("is-fadeInRight")||e.classList.contains("is-zoomIn")||e.classList.contains("is-zoomOut")||e.classList.contains("is-slideInUp")||e.classList.contains("is-slideInDown")||e.classList.contains("is-slideInLeft")||e.classList.contains("is-slideInRight")||e.classList.contains("is-flipInX")||e.classList.contains("is-flipInY")||e.classList.contains("is-pulse")||e.classList.contains("is-bounceIn"))&&(s=!0),i||n||o||s)return{element:e,name:t};if("element"===t)return this.readTarget("column");if("column"===t)return this.readTarget("row");if("row"===t)return this.readTarget("container");if("container"===t)return this.readTarget("bg");if("bg"===t)return this.readTarget("overlay");if("overlay"===t)return this.readTarget("box");if("box"===t)return this.readTarget("section");if("section"===t)return!1}}getTransform(t,e){let i,n,o,s,a=this.parseComplexStyleProperty(e);a.translateX&&(i=a.translateX[0]),a.translateY&&(n=a.translateY[0]),a.scale&&(o=a.scale[0]),a.rotate&&(s=a.rotate[0]);let l=t.style.opacity;return{translateX:i||!1,translateY:n||!1,scale:o||!1,rotate:!!s&&s.replace("deg",""),opacity:l||!1}}parseComplexStyleProperty(t){for(var e,i=/(\w+)\((.+?)\)/g,n={};e=i.exec(t);)n[e[1]]=n[e[1]]?n[e[1]].concat([e[2]]):[e[2]];return n}cleanup(t){t.removeAttribute("data-center"),t.removeAttribute("data-center-top"),t.removeAttribute("data--50-bottom"),t.removeAttribute("data--100-bottom"),t.removeAttribute("data--150-bottom"),t.removeAttribute("data--200-bottom"),t.removeAttribute("data--300-bottom"),t.removeAttribute("data--400-bottom"),t.removeAttribute("data-bottom-top"),t.removeAttribute("data-400-bottom"),t.removeAttribute("data-300-bottom"),t.removeAttribute("data-200-bottom"),t.removeAttribute("data-150-bottom"),t.removeAttribute("data-100-bottom"),t.removeAttribute("data-50-bottom"),t.removeAttribute("data-bottom")}cleanup_leave(t){t.removeAttribute("data-center-bottom"),t.removeAttribute("data-100-top"),t.removeAttribute("data-50-top"),t.removeAttribute("data-top"),t.removeAttribute("data-top-bottom")}cleanup_timeline(t){t.removeAttribute("data-in"),t.removeAttribute("data-in-150"),t.removeAttribute("data-in-300"),t.removeAttribute("data-cen--150"),t.removeAttribute("data-cen"),t.removeAttribute("data-cen-150"),t.removeAttribute("data-out--300"),t.removeAttribute("data-out--150"),t.removeAttribute("data-out")}edit(){this.builder.wrapperEl.classList.add("hard-select"),this.builder.activeBox&&this.builder.activeBox.classList.add("box-select"),this.builder.activeSection&&this.builder.activeSection.classList.add("section-select"),this.builder.sidebar.closeSidebar(),this.modalAnimateScroll.classList.add("active"),this.clickContent(),this.builder.doc.body.classList.add("selection-only"),document.body.classList.add("selection-only");this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display=""}close(){this.modalAnimateScroll.classList.remove("active"),this.builder.doc.body.classList.remove("selection-only"),document.body.classList.remove("selection-only")}}const cy=new t;class uy{constructor(t){this.builder=t;const e=this.builder.builderStuff;this.builderStuff=e;let n=`\n <style>\n .is-modal.page-timeline {\n width: 1017px !important; \n height: 295px !important; \n top: auto !important; \n bottom: 30px !important; \n left: auto !important; \n right: 30px !important; \n z-index: 10002 !important; \n font-size: 12px;\n }\n /*\n @media all and (max-width: 1919px) {\n .is-modal.page-timeline {\n width: 60vw !important; \n }\n }\n @media all and (max-width: 1850px) {\n .is-modal.page-timeline {\n width: 55vw !important; \n }\n }\n @media all and (max-width: 1650px) {\n .is-modal.page-timeline {\n width: 50vw !important; \n }\n }\n @media all and (max-width: 1480px) {\n .is-modal.page-timeline {\n width: 45vw !important; \n }\n }\n @media all and (max-width: 1350px) {\n .is-modal.page-timeline {\n width: 40vw !important; \n min-width: 576px;\n }\n }\n */\n @media all and (max-width: 1340px) {\n .is-modal.page-timeline {\n width: 60vw !important; \n min-width: 576px;\n }\n }\n .page-timeline .is-modal-bar {\n font-size: 12px !important;\n }\n .page-timeline select {\n font-size: 12px !important;\n line-height: 1;\n }\n .page-timeline label {\n font-size: 12px !important;\n line-height: 1;\n }\n .page-timeline td {\n font-size: 12px;\n padding: 3px 1px;\n }\n .page-timeline .table-header td {\n font-size: 11px;\n padding: 3px 0 0;\n }\n .page-timeline td input[type=text] {\n font-size: 12px !important;\n font-family: sans-serif !important;\n font-weight: 300 !important;\n padding: 0 !important;\n width: 30px !important;\n height: 26px !important;\n text-align: center !important;\n letter-spacing: 0px !important;\n }\n .page-timeline td input.inp-extra2 {\n background-color: #f5f5f5 !important;\n }\n\n .page-timeline:focus-within {\n z-index:100021 !important\n }\n\n .page-timeline .timeline-more {\n display: none;\n position: absolute;\n top: auto !important;\n left: 283px !important;\n bottom: 70px;\n padding: 25px 20px 20px;\n box-shadow: 3px 4px 10px 0px rgb(0 0 0 / 6%) !important;\n }\n .page-timeline .timeline-more.active {\n display: flex;\n }\n \n </style>\n <div class="is-modal is-modal-content page-timeline" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">\n <div class="is-modal-bar is-draggable" draggable=""> \n <span>${i("Timeline")}</span>\n <button class="is-modal-close" tabindex="-1" title="${i("Close")}">\n <svg class="is-icon-flex" style="width:23px;height:23px;"><use xlink:href="#ion-ios-close-empty"></use></svg>\n </button>\n </div>\n <div style="position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;border-top:transparent 35px solid;overflow-y:hidden;overflow-x:auto;">\n \n <div>\n <table class="table-timeline" style="margin:0px 15px 3px;border-collapse:collapse;">\n <tr class="table-header">\n <td style="text-align:center"> </td>\n <td style="text-align:center">0%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">50%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center;padding-right:5px">100%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center" colspan="8">${i("Extended (for use with pinned section)")}</td>\n \x3c!--<td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>\n <td style="text-align:center">150%</td>\n <td style="text-align:center"></td>\n <td style="text-align:center"></td>--\x3e\n <td style="text-align:center"></td>\n <td style="text-align:center;padding:0">\n \x3c!--<button title="${i("Clear All")}" class="cmd-clear-timeline" style="margin-left:5px;height:23px;flex: none;width: auto;padding: 0 0 0 8px !important;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>--\x3e\n </td>\n </tr> \n <tr>\n <td>\n <span class="bold">${i("Slide X")}</span>\n </td>\n <td>\n <input class="inp-x" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-100" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-200" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-300" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-400" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-500" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-600" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-700" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-800" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-900" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-1000" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-1100" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-1200" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-1300" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-1400" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-1500" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-1600" placeholder="" type="text" />\n </td>\n\n <td>\n <input class="inp-x-1700 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-1800 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-1900 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-2000 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-2100 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-2200 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-2300 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-2400 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-2500 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-2600 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-2700 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-x-2800 inp-extra" placeholder="" type="text" />\n </td>\n </tr>\n <tr>\n <td>\n <span class="bold">${i("Slide Y")}</span>\n </td>\n <td>\n <input class="inp-y" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-100" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-200" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-300" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-400" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-500" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-600" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-700" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-800" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-900" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-1000" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-1100" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-1200" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-1300" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-1400" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-1500" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-1600" placeholder="" type="text" />\n </td>\n\n <td>\n <input class="inp-y-1700 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-1800 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-1900 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-2000 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-2100 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-2200 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-2300 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-2400 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-2500 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-2600 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-2700 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-y-2800 inp-extra" placeholder="" type="text" />\n </td>\n </tr>\n <tr>\n <td>\n <span class="bold">${i("Scale")}</span>\n </td>\n <td>\n <input class="inp-sc" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-100" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-200" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-300" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-400" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-500" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-600" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-700" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-800" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-900" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-1000" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-1100" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-1200" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-1300" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-1400" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-1500" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-1600" placeholder="" type="text" />\n </td>\n\n <td>\n <input class="inp-sc-1700 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-1800 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-1900 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-2000 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-2100 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-2200 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-2300 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-2400 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-2500 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-2600 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-2700 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-sc-2800 inp-extra" placeholder="" type="text" />\n </td>\n </tr>\n <tr>\n <td>\n <span class="bold">${i("Rotate")}</span>\n </td>\n <td>\n <input class="inp-rt" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-100" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-200" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-300" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-400" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-500" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-600" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-700" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-800" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-900" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-1000" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-1100" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-1200" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-1300" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-1400" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-1500" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-1600" placeholder="" type="text" />\n </td>\n\n <td>\n <input class="inp-rt-1700 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-1800 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-1900 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-2000 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-2100 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-2200 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-2300 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-2400 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-2500 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-2600 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-2700 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-rt-2800 inp-extra" placeholder="" type="text" />\n </td>\n </tr>\n <tr>\n <td>\n <span class="bold">${i("Opacity")}</span>\n </td>\n <td>\n <input class="inp-op" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-100" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-200" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-300" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-400" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-500" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-600" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-700" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-800" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-900" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-1000" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-1100" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-1200" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-1300" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-1400" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-1500" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-1600" placeholder="" type="text" />\n </td>\n\n <td>\n <input class="inp-op-1700 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-1800 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-1900 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-2000 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-2100 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-2200 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-2300 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-2400 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-2500 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-2600 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-2700 inp-extra" placeholder="" type="text" />\n </td>\n <td>\n <input class="inp-op-2800 inp-extra" placeholder="" type="text" />\n </td>\n </tr>\n </table>\n <div class="flex-wrap" style="padding: 3px 10px 15px 15px;box-sizing: border-box;width: 100%;justify-content: space-between;">\n\n <div class="flex-wrap" style="margin-top:8px;flex-direction:column;align-items:flex-start">\n \x3c!--\n <div style="font-size:10px;margin-top:-20px;margin-bottom:5px"><span>${i("Target")}</span>:</div>\n --\x3e\n <div class="flex-wrap">\n <div class="flex-wrap" style="margin-right:15px;width: 120px;">\n <select class="input-target">\n <option value="element">${i("Element")}</option>\n <option value="column">${i("Column")}</option>\n <option value="row">${i("Row")}</option>\n <option value="container">${i("Container")}</option>\n <option value="overlay">${i("Overlay")}</option>\n <option value="bg">${i("Background")}</option>\n <option value="box">${i("Box")}</option>\n <option value="section">${i("Section")}</option>\n </select>\n </div>\n <div class="flex-wrap" style="margin-right:15px">\n <button title="${i("Desktop")}" class="input-device on" data-value="" style="width:40px;height:34px;">\n <svg class="is-icon-flex" style="width:18px;height:18px"><use xlink:href="#icon-device-desktop"></use></svg>\n </button>\n \x3c!--<button title="${i("Laptop/Tablet")}" class="input-device" data-value="md" style="width:40px;height:34px;">\n <svg class="is-icon-flex" style="width:18px;height:18px"><use xlink:href="#icon-device-laptop"></use></svg>\n </button>--\x3e\n <button title="${i("Tablet")}" class="input-device" data-value="sm" style="width:40px;height:34px;">\n <svg class="is-icon-flex" style="width:18px;height:18px"><use xlink:href="#icon-device-tablet"></use></svg>\n </button>\n <button title="${i("Mobile")}" class="input-device" data-value="xs" style="width:40px;height:34px;">\n <svg class="is-icon-flex" style="width:13px;height:13px"><use xlink:href="#icon-device-mobile"></use></svg>\n </button>\n </div>\n <div class="flex-wrap">\n <button type="button" class="cmd-timeline-more" style="width:40px;height:34px;"><svg class="is-icon-flex"><use xlink:href="#icon-settings"></use></svg></button>\n \n \x3c!--<button title="${i("Clear All")}" class="cmd-clear-timeline" style="width:40px;height:34px;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>--\x3e\n </div>\n </div>\n </div>\n <div class="flex-wrap" style="width:515px">\n\n <div class="flex-wrap" style="flex-direction:column;align-items: flex-start;">\n <div class="flex-wrap" style="height:35px;margin-bottom: 2px;">\n <div class="flex-wrap">\n <label for="chkPinSection2" style="margin:0;display:flex;">\n <input id="chkPinSection2" type="checkbox" style="margin:-1px 6px 0 0"> \n <span>${i("Pin Section")}</span>.\n </label>\n </div>\n <div class="flex-wrap div-pin-spacing" style="display:none;margin-left:5px">\n <div class="flex-wrap">\n <button title="0" class="cmd-pin-space" data-value="md" style="padding-left:15px;padding-right:15px;height:30px;">${i("MD")}</button>\n <button title="20" class="cmd-pin-space" data-value="lg" style="padding-left:15px;padding-right:15px;height:30px;">${i("LG")}</button>\n <button title="20" class="cmd-pin-space" data-value="xl" style="padding-left:15px;padding-right:15px;height:30px;">${i("XL")}</button>\n </div>\n <label for="chkPinOverlap" style="margin:0;display:flex;margin-left:15px">\n <input id="chkPinOverlap" type="checkbox" style="margin:-1px 6px 0 0"> \n <span>${i("Overlap")}</span>\n </label>\n <label for="chkPinDesktopOnly" style="margin:0;display:flex;margin-left:15px">\n <input id="chkPinDesktopOnly" type="checkbox" style="margin:-1px 6px 0 0"> \n <span>${i("Disable Pin on Mobile")}</span>\n </label>\n </div>\n </div>\n\n <div>\n <label for="chkTimelineDisableOnMobile" style="margin:0;display:flex;">\n <input id="chkTimelineDisableOnMobile" type="checkbox" style="margin:-1px 6px 0 0"> \n <span>${i("Disable All Section Animations on Mobile")}</span>.\n </label>\n </div>\n </div>\n </div>\n <div class="flex-wrap" style="margin-top:8px;">\n <button title="${i("Clear All")}" class="cmd-clear-timeline" style="width:30px;height:23px;flex: none;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n </div>\n \n <div class="timeline-more flex-wrap is-pop">\n\n <div class="flex-wrap" style="flex-direction:column;margin-right:15px">\n <div style="font-size:10px;margin-top:-10px;margin-bottom:2px"><span>${i("Origin")}</span>:</div>\n <div>\n <div class="flex-wrap">\n <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="left top" title="${i("Top Left")}" type="button" style=""><svg class="is-icon-flex" style="transform: rotate(315deg);"><use xlink:href="#ion-ios-arrow-thin-up"></use></svg></button>\n <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="center top" title="${i("Top Center")}" type="button"><svg class="is-icon-flex" style=""><use xlink:href="#ion-ios-arrow-thin-up"></use></svg></button>\n <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="right top" title="${i("Top Right")}" type="button"><svg class="is-icon-flex" style="transform: rotate(45deg);"><use xlink:href="#ion-ios-arrow-thin-up"></use></svg></button>\n </div>\n <div class="flex-wrap">\n <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="left center" title="${i("Center Left")}" type="button"><svg class="is-icon-flex" style=""><use xlink:href="#ion-ios-arrow-thin-left"></use></svg></button>\n <button class="cmd-anim-origin on" style="width:25px;height:19px;" data-value="center" title="${i("Center")}" type="button"><svg class="is-icon-flex" style="width:6px;height:6px;"><use xlink:href="#ion-android-contract"></use></svg></button>\n <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="right center" title="${i("Center Right")}" type="button"><svg class="is-icon-flex" style=""><use xlink:href="#ion-ios-arrow-thin-right"></use></svg></button>\n </div>\n <div class="flex-wrap">\n <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="left bottom" title="${i("Bottom Left")}" type="button" style=";"><svg class="is-icon-flex" style="transform: rotate(45deg);"><use xlink:href="#ion-ios-arrow-thin-down"></use></svg></button>\n <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="center bottom" title="${i("Bottom Center")}" type="button"><svg class="is-icon-flex" style=""><use xlink:href="#ion-ios-arrow-thin-down"></use></svg></button>\n <button class="cmd-anim-origin" style="width:25px;height:19px;" data-value="right bottom" title="${i("Bottom Right")}" type="button"><svg class="is-icon-flex" style="transform: rotate(315deg);"><use xlink:href="#ion-ios-arrow-thin-down"></use></svg></button>\n </div>\n </div>\n </div>\n\n <div class="flex-wrap" style="flex-direction:column;align-items: flex-start;">\n <div class="flex-wrap">\n <div class="flex-wrap">\n <button title="${i("Disable Easing")}" class="cmd-disable-smoothanim" style="height:34px;padding-left:15px;padding-right: 15px;">${i("Disable Easing")}</button>\n <button title="${i("Hidden on Start")}" class="cmd-hidden-onstart" style="height:34px;padding-left:15px;padding-right: 15px;">${i("Hidden on Start")}</button>\n </div>\n \x3c!--\n <button title="${i("Clear All")}" class="cmd-clear-timeline" style="margin-left:5px;height:34px;flex: none;width: auto;padding: 0 0 0 8px !important;box-shadow: none !important;background: transparent !important;">\n <svg class="is-icon-flex" style="width:10px;height:10px;"><use xlink:href="#icon-clean"></use></svg>\n </button>\n --\x3e\n </div>\n\n <div style="display:none;margin-top:7px">\n\n\n \n </div>\n\n </div>\n </div>\n \n\n </div>\n </div>\n\n </div>\n </div>\n `;cy.appendHtml(e,n);const o=e.querySelector(".page-timeline");this.modalTimeline=o,this.inpX=this.modalTimeline.querySelector(".inp-x"),this.inpX_100=this.modalTimeline.querySelector(".inp-x-100"),this.inpX_200=this.modalTimeline.querySelector(".inp-x-200"),this.inpX_300=this.modalTimeline.querySelector(".inp-x-300"),this.inpX_400=this.modalTimeline.querySelector(".inp-x-400"),this.inpX_500=this.modalTimeline.querySelector(".inp-x-500"),this.inpX_600=this.modalTimeline.querySelector(".inp-x-600"),this.inpX_700=this.modalTimeline.querySelector(".inp-x-700"),this.inpX_800=this.modalTimeline.querySelector(".inp-x-800"),this.inpX_900=this.modalTimeline.querySelector(".inp-x-900"),this.inpX_1000=this.modalTimeline.querySelector(".inp-x-1000"),this.inpX_1100=this.modalTimeline.querySelector(".inp-x-1100"),this.inpX_1200=this.modalTimeline.querySelector(".inp-x-1200"),this.inpX_1300=this.modalTimeline.querySelector(".inp-x-1300"),this.inpX_1400=this.modalTimeline.querySelector(".inp-x-1400"),this.inpX_1500=this.modalTimeline.querySelector(".inp-x-1500"),this.inpX_1600=this.modalTimeline.querySelector(".inp-x-1600"),this.inpX_1700=this.modalTimeline.querySelector(".inp-x-1700"),this.inpX_1800=this.modalTimeline.querySelector(".inp-x-1800"),this.inpX_1900=this.modalTimeline.querySelector(".inp-x-1900"),this.inpX_2000=this.modalTimeline.querySelector(".inp-x-2000"),this.inpX_2100=this.modalTimeline.querySelector(".inp-x-2100"),this.inpX_2200=this.modalTimeline.querySelector(".inp-x-2200"),this.inpX_2300=this.modalTimeline.querySelector(".inp-x-2300"),this.inpX_2400=this.modalTimeline.querySelector(".inp-x-2400"),this.inpX_2500=this.modalTimeline.querySelector(".inp-x-2500"),this.inpX_2600=this.modalTimeline.querySelector(".inp-x-2600"),this.inpX_2700=this.modalTimeline.querySelector(".inp-x-2700"),this.inpX_2800=this.modalTimeline.querySelector(".inp-x-2800"),this.inpY=this.modalTimeline.querySelector(".inp-y"),this.inpY_100=this.modalTimeline.querySelector(".inp-y-100"),this.inpY_200=this.modalTimeline.querySelector(".inp-y-200"),this.inpY_300=this.modalTimeline.querySelector(".inp-y-300"),this.inpY_400=this.modalTimeline.querySelector(".inp-y-400"),this.inpY_500=this.modalTimeline.querySelector(".inp-y-500"),this.inpY_600=this.modalTimeline.querySelector(".inp-y-600"),this.inpY_700=this.modalTimeline.querySelector(".inp-y-700"),this.inpY_800=this.modalTimeline.querySelector(".inp-y-800"),this.inpY_900=this.modalTimeline.querySelector(".inp-y-900"),this.inpY_1000=this.modalTimeline.querySelector(".inp-y-1000"),this.inpY_1100=this.modalTimeline.querySelector(".inp-y-1100"),this.inpY_1200=this.modalTimeline.querySelector(".inp-y-1200"),this.inpY_1300=this.modalTimeline.querySelector(".inp-y-1300"),this.inpY_1400=this.modalTimeline.querySelector(".inp-y-1400"),this.inpY_1500=this.modalTimeline.querySelector(".inp-y-1500"),this.inpY_1600=this.modalTimeline.querySelector(".inp-y-1600"),this.inpY_1700=this.modalTimeline.querySelector(".inp-y-1700"),this.inpY_1800=this.modalTimeline.querySelector(".inp-y-1800"),this.inpY_1900=this.modalTimeline.querySelector(".inp-y-1900"),this.inpY_2000=this.modalTimeline.querySelector(".inp-y-2000"),this.inpY_2100=this.modalTimeline.querySelector(".inp-y-2100"),this.inpY_2200=this.modalTimeline.querySelector(".inp-y-2200"),this.inpY_2300=this.modalTimeline.querySelector(".inp-y-2300"),this.inpY_2400=this.modalTimeline.querySelector(".inp-y-2400"),this.inpY_2500=this.modalTimeline.querySelector(".inp-y-2500"),this.inpY_2600=this.modalTimeline.querySelector(".inp-y-2600"),this.inpY_2700=this.modalTimeline.querySelector(".inp-y-2700"),this.inpY_2800=this.modalTimeline.querySelector(".inp-y-2800"),this.inpScale=this.modalTimeline.querySelector(".inp-sc"),this.inpScale_100=this.modalTimeline.querySelector(".inp-sc-100"),this.inpScale_200=this.modalTimeline.querySelector(".inp-sc-200"),this.inpScale_300=this.modalTimeline.querySelector(".inp-sc-300"),this.inpScale_400=this.modalTimeline.querySelector(".inp-sc-400"),this.inpScale_500=this.modalTimeline.querySelector(".inp-sc-500"),this.inpScale_600=this.modalTimeline.querySelector(".inp-sc-600"),this.inpScale_700=this.modalTimeline.querySelector(".inp-sc-700"),this.inpScale_800=this.modalTimeline.querySelector(".inp-sc-800"),this.inpScale_900=this.modalTimeline.querySelector(".inp-sc-900"),this.inpScale_1000=this.modalTimeline.querySelector(".inp-sc-1000"),this.inpScale_1100=this.modalTimeline.querySelector(".inp-sc-1100"),this.inpScale_1200=this.modalTimeline.querySelector(".inp-sc-1200"),this.inpScale_1300=this.modalTimeline.querySelector(".inp-sc-1300"),this.inpScale_1400=this.modalTimeline.querySelector(".inp-sc-1400"),this.inpScale_1500=this.modalTimeline.querySelector(".inp-sc-1500"),this.inpScale_1600=this.modalTimeline.querySelector(".inp-sc-1600"),this.inpScale_1700=this.modalTimeline.querySelector(".inp-sc-1700"),this.inpScale_1800=this.modalTimeline.querySelector(".inp-sc-1800"),this.inpScale_1900=this.modalTimeline.querySelector(".inp-sc-1900"),this.inpScale_2000=this.modalTimeline.querySelector(".inp-sc-2000"),this.inpScale_2100=this.modalTimeline.querySelector(".inp-sc-2100"),this.inpScale_2200=this.modalTimeline.querySelector(".inp-sc-2200"),this.inpScale_2300=this.modalTimeline.querySelector(".inp-sc-2300"),this.inpScale_2400=this.modalTimeline.querySelector(".inp-sc-2400"),this.inpScale_2500=this.modalTimeline.querySelector(".inp-sc-2500"),this.inpScale_2600=this.modalTimeline.querySelector(".inp-sc-2600"),this.inpScale_2700=this.modalTimeline.querySelector(".inp-sc-2700"),this.inpScale_2800=this.modalTimeline.querySelector(".inp-sc-2800"),this.inpRotate=this.modalTimeline.querySelector(".inp-rt"),this.inpRotate_100=this.modalTimeline.querySelector(".inp-rt-100"),this.inpRotate_200=this.modalTimeline.querySelector(".inp-rt-200"),this.inpRotate_300=this.modalTimeline.querySelector(".inp-rt-300"),this.inpRotate_400=this.modalTimeline.querySelector(".inp-rt-400"),this.inpRotate_500=this.modalTimeline.querySelector(".inp-rt-500"),this.inpRotate_600=this.modalTimeline.querySelector(".inp-rt-600"),this.inpRotate_700=this.modalTimeline.querySelector(".inp-rt-700"),this.inpRotate_800=this.modalTimeline.querySelector(".inp-rt-800"),this.inpRotate_900=this.modalTimeline.querySelector(".inp-rt-900"),this.inpRotate_1000=this.modalTimeline.querySelector(".inp-rt-1000"),this.inpRotate_1100=this.modalTimeline.querySelector(".inp-rt-1100"),this.inpRotate_1200=this.modalTimeline.querySelector(".inp-rt-1200"),this.inpRotate_1300=this.modalTimeline.querySelector(".inp-rt-1300"),this.inpRotate_1400=this.modalTimeline.querySelector(".inp-rt-1400"),this.inpRotate_1500=this.modalTimeline.querySelector(".inp-rt-1500"),this.inpRotate_1600=this.modalTimeline.querySelector(".inp-rt-1600"),this.inpRotate_1700=this.modalTimeline.querySelector(".inp-rt-1700"),this.inpRotate_1800=this.modalTimeline.querySelector(".inp-rt-1800"),this.inpRotate_1900=this.modalTimeline.querySelector(".inp-rt-1900"),this.inpRotate_2000=this.modalTimeline.querySelector(".inp-rt-2000"),this.inpRotate_2100=this.modalTimeline.querySelector(".inp-rt-2100"),this.inpRotate_2200=this.modalTimeline.querySelector(".inp-rt-2200"),this.inpRotate_2300=this.modalTimeline.querySelector(".inp-rt-2300"),this.inpRotate_2400=this.modalTimeline.querySelector(".inp-rt-2400"),this.inpRotate_2500=this.modalTimeline.querySelector(".inp-rt-2500"),this.inpRotate_2600=this.modalTimeline.querySelector(".inp-rt-2600"),this.inpRotate_2700=this.modalTimeline.querySelector(".inp-rt-2700"),this.inpRotate_2800=this.modalTimeline.querySelector(".inp-rt-2800"),this.inpOpacity=this.modalTimeline.querySelector(".inp-op"),this.inpOpacity_100=this.modalTimeline.querySelector(".inp-op-100"),this.inpOpacity_200=this.modalTimeline.querySelector(".inp-op-200"),this.inpOpacity_300=this.modalTimeline.querySelector(".inp-op-300"),this.inpOpacity_400=this.modalTimeline.querySelector(".inp-op-400"),this.inpOpacity_500=this.modalTimeline.querySelector(".inp-op-500"),this.inpOpacity_600=this.modalTimeline.querySelector(".inp-op-600"),this.inpOpacity_700=this.modalTimeline.querySelector(".inp-op-700"),this.inpOpacity_800=this.modalTimeline.querySelector(".inp-op-800"),this.inpOpacity_900=this.modalTimeline.querySelector(".inp-op-900"),this.inpOpacity_1000=this.modalTimeline.querySelector(".inp-op-1000"),this.inpOpacity_1100=this.modalTimeline.querySelector(".inp-op-1100"),this.inpOpacity_1200=this.modalTimeline.querySelector(".inp-op-1200"),this.inpOpacity_1300=this.modalTimeline.querySelector(".inp-op-1300"),this.inpOpacity_1400=this.modalTimeline.querySelector(".inp-op-1400"),this.inpOpacity_1500=this.modalTimeline.querySelector(".inp-op-1500"),this.inpOpacity_1600=this.modalTimeline.querySelector(".inp-op-1600"),this.inpOpacity_1700=this.modalTimeline.querySelector(".inp-op-1700"),this.inpOpacity_1800=this.modalTimeline.querySelector(".inp-op-1800"),this.inpOpacity_1900=this.modalTimeline.querySelector(".inp-op-1900"),this.inpOpacity_2000=this.modalTimeline.querySelector(".inp-op-2000"),this.inpOpacity_2100=this.modalTimeline.querySelector(".inp-op-2100"),this.inpOpacity_2200=this.modalTimeline.querySelector(".inp-op-2200"),this.inpOpacity_2300=this.modalTimeline.querySelector(".inp-op-2300"),this.inpOpacity_2400=this.modalTimeline.querySelector(".inp-op-2400"),this.inpOpacity_2500=this.modalTimeline.querySelector(".inp-op-2500"),this.inpOpacity_2600=this.modalTimeline.querySelector(".inp-op-2600"),this.inpOpacity_2700=this.modalTimeline.querySelector(".inp-op-2700"),this.inpOpacity_2800=this.modalTimeline.querySelector(".inp-op-2800"),this.dummyElm=document.querySelector(".dummy-elm");o.querySelector(".is-modal-close").addEventListener("click",(()=>{this.close()}));o.querySelector(".input-target").addEventListener("change",(()=>{this.read()}));this.modalTimeline.querySelectorAll(".input-device").forEach((t=>{t.addEventListener("click",(()=>{this.modalTimeline.querySelectorAll(".input-device").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.read()}))}));const s=o.querySelector(".cmd-timeline-more");s.addEventListener("click",(()=>{const t=o.querySelector(".timeline-more");this.builder.editor.util.showPop(t,!1,s)}));const a=o.querySelector("#chkPinSection2"),l=o.querySelector(".div-pin-spacing");a.addEventListener("click",(()=>{const t=this.builder.activeSection;if(t){if(this.builder.editor.saveForUndo(),a.checked){t.classList.add("section-pin"),l.style.display="flex",l.querySelectorAll(".cmd-pin-space").forEach((t=>{t.classList.remove("on")})),l.querySelector('.cmd-pin-space[data-value="md"]').classList.add("on")}else t.classList.remove("section-pin"),t.classList.remove("pin-space-lg"),t.classList.remove("pin-space-xl"),l.style.display="none";this.builder.onChange()}}));const r=o.querySelector("#chkPinDesktopOnly");r.addEventListener("click",(()=>{const t=this.builder.activeSection;t&&(this.builder.editor.saveForUndo(),r.checked?t.classList.add("m-pin-off"):t.classList.remove("m-pin-off"),this.builder.onChange())}));const d=o.querySelector("#chkPinOverlap");d.addEventListener("click",(()=>{const t=this.builder.activeSection;t&&(this.builder.editor.saveForUndo(),d.checked?t.classList.add("pin-overlap"):(t.classList.remove("pin-overlap"),t.classList.remove("no-spacing")),this.builder.onChange())}));l.querySelectorAll(".cmd-pin-space").forEach((t=>{t.addEventListener("click",(()=>{const e=this.builder.activeSection;if(!e)return;let i=t.getAttribute("data-value");this.builder.editor.saveForUndo(),e.classList.remove("pin-space-lg"),e.classList.remove("pin-space-xl"),"lg"===i&&e.classList.add("pin-space-lg"),"xl"===i&&e.classList.add("pin-space-xl"),l.querySelectorAll(".cmd-pin-space").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.builder.onChange()}))}));o.querySelectorAll(".cmd-anim-origin").forEach((t=>{t.addEventListener("click",(()=>{o.querySelectorAll(".cmd-anim-origin").forEach((t=>{t.classList.remove("on")})),t.classList.add("on"),this.applyTimeline(),this.builder.onChange()}))}));const c=o.querySelector(".cmd-disable-smoothanim");c.addEventListener("click",(()=>{c.classList.contains("on")?c.classList.remove("on"):c.classList.add("on"),this.applyTimeline()}));const u=o.querySelector(".cmd-hidden-onstart");u.addEventListener("click",(()=>{u.classList.contains("on")?u.classList.remove("on"):u.classList.add("on"),this.applyTimeline()}));o.querySelector(".cmd-clear-timeline").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="",t.style.transformOrigin="",this.builder.animateScroll.refreshPage(),this.read(),this.builder.settings.onChange())}));const p=o.querySelector("#chkTimelineDisableOnMobile");p.addEventListener("click",(()=>{const t=this.builder.activeSection;t&&(this.builder.editor.saveForUndo(),p.checked?t.classList.add("m-skrollrr-off"):t.classList.remove("m-skrollrr-off"),this.builder.onChange())}));let h=this.builder.settings.onPageContentClick;this.builder.settings.onPageContentClick=()=>{h&&h.call(this),o.classList.contains("active")&&setTimeout((()=>{this.clickContent()}),30)};this.modalTimeline.querySelectorAll(".table-timeline input").forEach((t=>{t.addEventListener("change",(()=>{this.applyTimeline()}))}))}clickContent(){let t=this.modalTimeline.querySelector(".input-target");t.value="element";let e=this.readTarget();e?("element"===e.name||"inspectedElement"===e.name?t.value="element":"column"===e.name?t.value="column":"row"===e.name?t.value="row":"container"===e.name?t.value="container":"bg"===e.name?t.value="bg":"overlay"===e.name?t.value="overlay":"box"===e.name?t.value="box":"section"===e.name&&(t.value="section"),this.read()):this.clearSettings()}clearSettings(){this.inpX.value="",this.inpX_100.value="",this.inpX_200.value="",this.inpX_300.value="",this.inpX_400.value="",this.inpX_500.value="",this.inpX_600.value="",this.inpX_700.value="",this.inpX_800.value="",this.inpX_900.value="",this.inpX_900.value="",this.inpX_1000.value="",this.inpX_1100.value="",this.inpX_1200.value="",this.inpX_1300.value="",this.inpX_1400.value="",this.inpX_1500.value="",this.inpX_1600.value="",this.inpX_1700.value="",this.inpX_1800.value="",this.inpX_1900.value="",this.inpX_2000.value="",this.inpX_2100.value="",this.inpX_2200.value="",this.inpX_2300.value="",this.inpX_2400.value="",this.inpX_2500.value="",this.inpX_2600.value="",this.inpX_2700.value="",this.inpX_2800.value="",this.inpY.value="",this.inpY_100.value="",this.inpY_200.value="",this.inpY_300.value="",this.inpY_400.value="",this.inpY_500.value="",this.inpY_600.value="",this.inpY_700.value="",this.inpY_800.value="",this.inpY_900.value="",this.inpY_900.value="",this.inpY_1000.value="",this.inpY_1100.value="",this.inpY_1200.value="",this.inpY_1300.value="",this.inpY_1400.value="",this.inpY_1500.value="",this.inpY_1600.value="",this.inpY_1700.value="",this.inpY_1800.value="",this.inpY_1900.value="",this.inpY_2000.value="",this.inpY_2100.value="",this.inpY_2200.value="",this.inpY_2300.value="",this.inpY_2400.value="",this.inpY_2500.value="",this.inpY_2600.value="",this.inpY_2700.value="",this.inpY_2800.value="",this.inpScale.value="",this.inpScale_100.value="",this.inpScale_200.value="",this.inpScale_300.value="",this.inpScale_400.value="",this.inpScale_500.value="",this.inpScale_600.value="",this.inpScale_700.value="",this.inpScale_800.value="",this.inpScale_900.value="",this.inpScale_900.value="",this.inpScale_1000.value="",this.inpScale_1100.value="",this.inpScale_1200.value="",this.inpScale_1300.value="",this.inpScale_1400.value="",this.inpScale_1500.value="",this.inpScale_1600.value="",this.inpScale_1700.value="",this.inpScale_1800.value="",this.inpScale_1900.value="",this.inpScale_2000.value="",this.inpScale_2100.value="",this.inpScale_2200.value="",this.inpScale_2300.value="",this.inpScale_2400.value="",this.inpScale_2500.value="",this.inpScale_2600.value="",this.inpScale_2700.value="",this.inpScale_2800.value="",this.inpRotate.value="",this.inpRotate_100.value="",this.inpRotate_200.value="",this.inpRotate_300.value="",this.inpRotate_400.value="",this.inpRotate_500.value="",this.inpRotate_600.value="",this.inpRotate_700.value="",this.inpRotate_800.value="",this.inpRotate_900.value="",this.inpRotate_900.value="",this.inpRotate_1000.value="",this.inpRotate_1100.value="",this.inpRotate_1200.value="",this.inpRotate_1300.value="",this.inpRotate_1400.value="",this.inpRotate_1500.value="",this.inpRotate_1600.value="",this.inpRotate_1700.value="",this.inpRotate_1800.value="",this.inpRotate_1900.value="",this.inpRotate_2000.value="",this.inpRotate_2100.value="",this.inpRotate_2200.value="",this.inpRotate_2300.value="",this.inpRotate_2400.value="",this.inpRotate_2500.value="",this.inpRotate_2600.value="",this.inpRotate_2700.value="",this.inpRotate_2800.value="",this.inpOpacity.value="",this.inpOpacity_100.value="",this.inpOpacity_200.value="",this.inpOpacity_300.value="",this.inpOpacity_400.value="",this.inpOpacity_500.value="",this.inpOpacity_600.value="",this.inpOpacity_700.value="",this.inpOpacity_800.value="",this.inpOpacity_900.value="",this.inpOpacity_900.value="",this.inpOpacity_1000.value="",this.inpOpacity_1100.value="",this.inpOpacity_1200.value="",this.inpOpacity_1300.value="",this.inpOpacity_1400.value="",this.inpOpacity_1500.value="",this.inpOpacity_1600.value="",this.inpOpacity_1700.value="",this.inpOpacity_1800.value="",this.inpOpacity_1900.value="",this.inpOpacity_2000.value="",this.inpOpacity_2100.value="",this.inpOpacity_2200.value="",this.inpOpacity_2300.value="",this.inpOpacity_2400.value="",this.inpOpacity_2500.value="",this.inpOpacity_2600.value="",this.inpOpacity_2700.value="",this.inpOpacity_2800.value="";const t=this.builder.activeSection;if(t){const e=this.modalTimeline.querySelector(".div-pin-spacing"),i=this.modalTimeline.querySelector("#chkPinSection2");t.classList.contains("section-pin")?(i.checked=!0,e.style.display="flex"):(i.checked=!1,e.style.display="none");const n=this.modalTimeline.querySelector("#chkPinDesktopOnly");t.classList.contains("m-pin-off")?n.checked=!0:n.checked=!1;const o=this.modalTimeline.querySelector("#chkPinOverlap");if(t.classList.contains("pin-overlap")?o.checked=!0:(o.checked=!1,t.classList.contains("no-spacing")&&(o.checked=!0)),e.querySelectorAll(".cmd-pin-space").forEach((t=>{t.classList.remove("on")})),t.classList.contains("pin-space-lg")){e.querySelector('.cmd-pin-space[data-value="lg"]').classList.add("on")}else if(t.classList.contains("pin-space-xl")){e.querySelector('.cmd-pin-space[data-value="xl"]').classList.add("on")}else{e.querySelector('.cmd-pin-space[data-value="md"]').classList.add("on")}const s=this.modalTimeline.querySelector("#chkTimelineDisableOnMobile");t.classList.contains("m-skrollrr-off")?s.checked=!0:s.checked=!1}this.modalTimeline.querySelectorAll(".cmd-anim-origin").forEach((t=>{"center"===t.getAttribute("data-value")?t.classList.add("on"):t.classList.remove("on")}));this.modalTimeline.querySelector(".cmd-disable-smoothanim").classList.remove("on");this.modalTimeline.querySelector(".cmd-hidden-onstart").classList.remove("on")}read(){let t;if(this.clearSettings(),t=this.getTarget().element,!t)return;if(t.style.transformOrigin){let e=t.style.transformOrigin;"center center"===e&&(e="center");this.modalTimeline.querySelectorAll(".cmd-anim-origin").forEach((t=>{e===t.getAttribute("data-value")?t.classList.add("on"):t.classList.remove("on")}))}const e=this.modalTimeline.querySelector(".cmd-disable-smoothanim");t.hasAttribute("data-smooth-scrolling")?e.classList.add("on"):e.classList.remove("on");const i=this.modalTimeline.querySelector(".cmd-hidden-onstart");t.hasAttribute("data-hidden-onstart")?i.classList.add("on"):i.classList.remove("on");for(let e=0;e<=28;e++)this.fillValue(100*e,t)}fillValue(t,e){let i,n="";t>0&&(n="-"+t);let o=this.getDevice();i="xs"===o?e.getAttribute("data-xs-t"+n):"sm"===o?e.getAttribute("data-sm-t"+n):e.getAttribute("data-t"+n),this.dummyElm.style.cssText=i;let s=this.getTransform(this.dummyElm,i);s.translateX&&(this.modalTimeline.querySelector(".inp-x"+n).value=s.translateX.replace("px","")),s.translateY&&(this.modalTimeline.querySelector(".inp-y"+n).value=s.translateY.replace("px","")),s.scale&&(this.modalTimeline.querySelector(".inp-sc"+n).value=s.scale),s.rotate&&(this.modalTimeline.querySelector(".inp-rt"+n).value=s.rotate),s.opacity&&(this.modalTimeline.querySelector(".inp-op"+n).value=s.opacity)}applyTimeline(){let t,e,i,n,o,s,a,l,r,d,c,u,p,h,m,g,b,f,v,y,x,_,S,w,k,C,A,E,L,q,T,O,M,R,B,I,$,N,P,D,z,H,j,F,U,W,X,Y,V,G,K,Z,Q,J,tt,et,it,nt,ot,st,at,lt,rt,dt,ct,ut,pt,ht,mt,gt,bt,ft,vt,yt,xt,_t,St,wt,kt,Ct,At,Et,Lt,qt,Tt,Ot,Mt,Rt,Bt,It,$t,Nt,Pt,Dt,zt,Ht,jt,Ft,Ut,Wt,Xt,Yt,Vt,Gt,Kt,Zt,Qt,Jt,te,ee,ie,ne,oe,se,ae,le,re,de,ce,ue,pe,he,me,ge,be,fe,ve,ye,xe,_e,Se,we,ke,Ce,Ae,Ee,Le,qe,Te,Oe,Me,Re,Be,Ie,$e,Ne;if(t=this.getTarget().element,!t)return;""!==this.inpX.value&&(e=this.inpX.value+(-1!==this.inpX.value.indexOf("%")?"":"px")),""!==this.inpX_100.value&&(i=this.inpX_100.value+(-1!==this.inpX_100.value.indexOf("%")?"":"px")),""!==this.inpX_200.value&&(n=this.inpX_200.value+(-1!==this.inpX_200.value.indexOf("%")?"":"px")),""!==this.inpX_300.value&&(o=this.inpX_300.value+(-1!==this.inpX_300.value.indexOf("%")?"":"px")),""!==this.inpX_400.value&&(s=this.inpX_400.value+(-1!==this.inpX_400.value.indexOf("%")?"":"px")),""!==this.inpX_500.value&&(a=this.inpX_500.value+(-1!==this.inpX_500.value.indexOf("%")?"":"px")),""!==this.inpX_600.value&&(l=this.inpX_600.value+(-1!==this.inpX_600.value.indexOf("%")?"":"px")),""!==this.inpX_700.value&&(r=this.inpX_700.value+(-1!==this.inpX_700.value.indexOf("%")?"":"px")),""!==this.inpX_800.value&&(d=this.inpX_800.value+(-1!==this.inpX_800.value.indexOf("%")?"":"px")),""!==this.inpX_900.value&&(c=this.inpX_900.value+(-1!==this.inpX_900.value.indexOf("%")?"":"px")),""!==this.inpX_1000.value&&(u=this.inpX_1000.value+(-1!==this.inpX_1000.value.indexOf("%")?"":"px")),""!==this.inpX_1100.value&&(p=this.inpX_1100.value+(-1!==this.inpX_1100.value.indexOf("%")?"":"px")),""!==this.inpX_1200.value&&(h=this.inpX_1200.value+(-1!==this.inpX_1200.value.indexOf("%")?"":"px")),""!==this.inpX_1300.value&&(m=this.inpX_1300.value+(-1!==this.inpX_1300.value.indexOf("%")?"":"px")),""!==this.inpX_1400.value&&(g=this.inpX_1400.value+(-1!==this.inpX_1400.value.indexOf("%")?"":"px")),""!==this.inpX_1500.value&&(b=this.inpX_1500.value+(-1!==this.inpX_1500.value.indexOf("%")?"":"px")),""!==this.inpX_1600.value&&(f=this.inpX_1600.value+(-1!==this.inpX_1600.value.indexOf("%")?"":"px")),""!==this.inpX_1700.value&&(v=this.inpX_1700.value+(-1!==this.inpX_1700.value.indexOf("%")?"":"px")),""!==this.inpX_1800.value&&(y=this.inpX_1800.value+(-1!==this.inpX_1800.value.indexOf("%")?"":"px")),""!==this.inpX_1900.value&&(x=this.inpX_1900.value+(-1!==this.inpX_1900.value.indexOf("%")?"":"px")),""!==this.inpX_2000.value&&(_=this.inpX_2000.value+(-1!==this.inpX_2000.value.indexOf("%")?"":"px")),""!==this.inpX_2100.value&&(S=this.inpX_2100.value+(-1!==this.inpX_2100.value.indexOf("%")?"":"px")),""!==this.inpX_2200.value&&(w=this.inpX_2200.value+(-1!==this.inpX_2200.value.indexOf("%")?"":"px")),""!==this.inpX_2300.value&&(k=this.inpX_2300.value+(-1!==this.inpX_2300.value.indexOf("%")?"":"px")),""!==this.inpX_2400.value&&(C=this.inpX_2400.value+(-1!==this.inpX_2400.value.indexOf("%")?"":"px")),""!==this.inpX_2500.value&&(A=this.inpX_2500.value+(-1!==this.inpX_2500.value.indexOf("%")?"":"px")),""!==this.inpX_2600.value&&(E=this.inpX_2600.value+(-1!==this.inpX_2600.value.indexOf("%")?"":"px")),""!==this.inpX_2700.value&&(L=this.inpX_2700.value+(-1!==this.inpX_2700.value.indexOf("%")?"":"px")),""!==this.inpX_2800.value&&(q=this.inpX_2800.value+(-1!==this.inpX_2800.value.indexOf("%")?"":"px")),""!==this.inpY.value&&(T=this.inpY.value+(-1!==this.inpY.value.indexOf("%")?"":"px")),""!==this.inpY_100.value&&(O=this.inpY_100.value+(-1!==this.inpY_100.value.indexOf("%")?"":"px")),""!==this.inpY_200.value&&(M=this.inpY_200.value+(-1!==this.inpY_200.value.indexOf("%")?"":"px")),""!==this.inpY_300.value&&(R=this.inpY_300.value+(-1!==this.inpY_300.value.indexOf("%")?"":"px")),""!==this.inpY_400.value&&(B=this.inpY_400.value+(-1!==this.inpY_400.value.indexOf("%")?"":"px")),""!==this.inpY_500.value&&(I=this.inpY_500.value+(-1!==this.inpY_500.value.indexOf("%")?"":"px")),""!==this.inpY_600.value&&($=this.inpY_600.value+(-1!==this.inpY_600.value.indexOf("%")?"":"px")),""!==this.inpY_700.value&&(N=this.inpY_700.value+(-1!==this.inpY_700.value.indexOf("%")?"":"px")),""!==this.inpY_800.value&&(P=this.inpY_800.value+(-1!==this.inpY_800.value.indexOf("%")?"":"px")),""!==this.inpY_900.value&&(D=this.inpY_900.value+(-1!==this.inpY_900.value.indexOf("%")?"":"px")),""!==this.inpY_1000.value&&(z=this.inpY_1000.value+(-1!==this.inpY_1000.value.indexOf("%")?"":"px")),""!==this.inpY_1100.value&&(H=this.inpY_1100.value+(-1!==this.inpY_1100.value.indexOf("%")?"":"px")),""!==this.inpY_1200.value&&(j=this.inpY_1200.value+(-1!==this.inpY_1200.value.indexOf("%")?"":"px")),""!==this.inpY_1300.value&&(F=this.inpY_1300.value+(-1!==this.inpY_1300.value.indexOf("%")?"":"px")),""!==this.inpY_1400.value&&(U=this.inpY_1400.value+(-1!==this.inpY_1400.value.indexOf("%")?"":"px")),""!==this.inpY_1500.value&&(W=this.inpY_1500.value+(-1!==this.inpY_1500.value.indexOf("%")?"":"px")),""!==this.inpY_1600.value&&(X=this.inpY_1600.value+(-1!==this.inpY_1600.value.indexOf("%")?"":"px")),""!==this.inpY_1700.value&&(Y=this.inpY_1700.value+(-1!==this.inpY_1700.value.indexOf("%")?"":"px")),""!==this.inpY_1800.value&&(V=this.inpY_1800.value+(-1!==this.inpY_1800.value.indexOf("%")?"":"px")),""!==this.inpY_1900.value&&(G=this.inpY_1900.value+(-1!==this.inpY_1900.value.indexOf("%")?"":"px")),""!==this.inpY_2000.value&&(K=this.inpY_2000.value+(-1!==this.inpY_2000.value.indexOf("%")?"":"px")),""!==this.inpY_2100.value&&(Z=this.inpY_2100.value+(-1!==this.inpY_2100.value.indexOf("%")?"":"px")),""!==this.inpY_2200.value&&(Q=this.inpY_2200.value+(-1!==this.inpY_2200.value.indexOf("%")?"":"px")),""!==this.inpY_2300.value&&(J=this.inpY_2300.value+(-1!==this.inpY_2300.value.indexOf("%")?"":"px")),""!==this.inpY_2400.value&&(tt=this.inpY_2400.value+(-1!==this.inpY_2400.value.indexOf("%")?"":"px")),""!==this.inpY_2500.value&&(et=this.inpY_2500.value+(-1!==this.inpY_2500.value.indexOf("%")?"":"px")),""!==this.inpY_2600.value&&(it=this.inpY_2600.value+(-1!==this.inpY_2600.value.indexOf("%")?"":"px")),""!==this.inpY_2700.value&&(nt=this.inpY_2700.value+(-1!==this.inpY_2700.value.indexOf("%")?"":"px")),""!==this.inpY_2800.value&&(ot=this.inpY_2800.value+(-1!==this.inpY_2800.value.indexOf("%")?"":"px")),""!==this.inpScale.value&&(st=this.inpScale.value),""!==this.inpScale_100.value&&(at=this.inpScale_100.value),""!==this.inpScale_200.value&&(lt=this.inpScale_200.value),""!==this.inpScale_300.value&&(rt=this.inpScale_300.value),""!==this.inpScale_400.value&&(dt=this.inpScale_400.value),""!==this.inpScale_500.value&&(ct=this.inpScale_500.value),""!==this.inpScale_600.value&&(ut=this.inpScale_600.value),""!==this.inpScale_700.value&&(pt=this.inpScale_700.value),""!==this.inpScale_800.value&&(ht=this.inpScale_800.value),""!==this.inpScale_900.value&&(mt=this.inpScale_900.value),""!==this.inpScale_1000.value&&(gt=this.inpScale_1000.value),""!==this.inpScale_1100.value&&(bt=this.inpScale_1100.value),""!==this.inpScale_1200.value&&(ft=this.inpScale_1200.value),""!==this.inpScale_1300.value&&(vt=this.inpScale_1300.value),""!==this.inpScale_1400.value&&(yt=this.inpScale_1400.value),""!==this.inpScale_1500.value&&(xt=this.inpScale_1500.value),""!==this.inpScale_1600.value&&(_t=this.inpScale_1600.value),""!==this.inpScale_1700.value&&(St=this.inpScale_1700.value),""!==this.inpScale_1800.value&&(wt=this.inpScale_1800.value),""!==this.inpScale_1900.value&&(kt=this.inpScale_1900.value),""!==this.inpScale_2000.value&&(Ct=this.inpScale_2000.value),""!==this.inpScale_2100.value&&(At=this.inpScale_2100.value),""!==this.inpScale_2200.value&&(Et=this.inpScale_2200.value),""!==this.inpScale_2300.value&&(Lt=this.inpScale_2300.value),""!==this.inpScale_2400.value&&(qt=this.inpScale_2400.value),""!==this.inpScale_2500.value&&(Tt=this.inpScale_2500.value),""!==this.inpScale_2600.value&&(Ot=this.inpScale_2600.value),""!==this.inpScale_2700.value&&(Mt=this.inpScale_2700.value),""!==this.inpScale_2800.value&&(Rt=this.inpScale_2800.value),""!==this.inpRotate.value&&(Bt=this.inpRotate.value),""!==this.inpRotate_100.value&&(It=this.inpRotate_100.value),""!==this.inpRotate_200.value&&($t=this.inpRotate_200.value),""!==this.inpRotate_300.value&&(Nt=this.inpRotate_300.value),""!==this.inpRotate_400.value&&(Pt=this.inpRotate_400.value),""!==this.inpRotate_500.value&&(Dt=this.inpRotate_500.value),""!==this.inpRotate_600.value&&(zt=this.inpRotate_600.value),""!==this.inpRotate_700.value&&(Ht=this.inpRotate_700.value),""!==this.inpRotate_800.value&&(jt=this.inpRotate_800.value),""!==this.inpRotate_900.value&&(Ft=this.inpRotate_900.value),""!==this.inpRotate_1000.value&&(Ut=this.inpRotate_1000.value),""!==this.inpRotate_1100.value&&(Wt=this.inpRotate_1100.value),""!==this.inpRotate_1200.value&&(Xt=this.inpRotate_1200.value),""!==this.inpRotate_1300.value&&(Yt=this.inpRotate_1300.value),""!==this.inpRotate_1400.value&&(Vt=this.inpRotate_1400.value),""!==this.inpRotate_1500.value&&(Gt=this.inpRotate_1500.value),""!==this.inpRotate_1600.value&&(Kt=this.inpRotate_1600.value),""!==this.inpRotate_1700.value&&(Zt=this.inpRotate_1700.value),""!==this.inpRotate_1800.value&&(Qt=this.inpRotate_1800.value),""!==this.inpRotate_1900.value&&(Jt=this.inpRotate_1900.value),""!==this.inpRotate_2000.value&&(te=this.inpRotate_2000.value),""!==this.inpRotate_2100.value&&(ee=this.inpRotate_2100.value),""!==this.inpRotate_2200.value&&(ie=this.inpRotate_2200.value),""!==this.inpRotate_2300.value&&(ne=this.inpRotate_2300.value),""!==this.inpRotate_2400.value&&(oe=this.inpRotate_2400.value),""!==this.inpRotate_2500.value&&(se=this.inpRotate_2500.value),""!==this.inpRotate_2600.value&&(ae=this.inpRotate_2600.value),""!==this.inpRotate_2700.value&&(le=this.inpRotate_2700.value),""!==this.inpRotate_2800.value&&(re=this.inpRotate_2800.value),""!==this.inpOpacity.value&&(de=this.inpOpacity.value),""!==this.inpOpacity_100.value&&(ce=this.inpOpacity_100.value),""!==this.inpOpacity_200.value&&(ue=this.inpOpacity_200.value),""!==this.inpOpacity_300.value&&(pe=this.inpOpacity_300.value),""!==this.inpOpacity_400.value&&(he=this.inpOpacity_400.value),""!==this.inpOpacity_500.value&&(me=this.inpOpacity_500.value),""!==this.inpOpacity_600.value&&(ge=this.inpOpacity_600.value),""!==this.inpOpacity_700.value&&(be=this.inpOpacity_700.value),""!==this.inpOpacity_800.value&&(fe=this.inpOpacity_800.value),""!==this.inpOpacity_900.value&&(ve=this.inpOpacity_900.value),""!==this.inpOpacity_1000.value&&(ye=this.inpOpacity_1000.value),""!==this.inpOpacity_1100.value&&(xe=this.inpOpacity_1100.value),""!==this.inpOpacity_1200.value&&(_e=this.inpOpacity_1200.value),""!==this.inpOpacity_1300.value&&(Se=this.inpOpacity_1300.value),""!==this.inpOpacity_1400.value&&(we=this.inpOpacity_1400.value),""!==this.inpOpacity_1500.value&&(ke=this.inpOpacity_1500.value),""!==this.inpOpacity_1600.value&&(Ce=this.inpOpacity_1600.value),""!==this.inpOpacity_1700.value&&(Ae=this.inpOpacity_1700.value),""!==this.inpOpacity_1800.value&&(Ee=this.inpOpacity_1800.value),""!==this.inpOpacity_1900.value&&(Le=this.inpOpacity_1900.value),""!==this.inpOpacity_2000.value&&(qe=this.inpOpacity_2000.value),""!==this.inpOpacity_2100.value&&(Te=this.inpOpacity_2100.value),""!==this.inpOpacity_2200.value&&(Oe=this.inpOpacity_2200.value),""!==this.inpOpacity_2300.value&&(Me=this.inpOpacity_2300.value),""!==this.inpOpacity_2400.value&&(Re=this.inpOpacity_2400.value),""!==this.inpOpacity_2500.value&&(Be=this.inpOpacity_2500.value),""!==this.inpOpacity_2600.value&&(Ie=this.inpOpacity_2600.value),""!==this.inpOpacity_2700.value&&($e=this.inpOpacity_2700.value),""!==this.inpOpacity_2800.value&&(Ne=this.inpOpacity_2800.value);let Pe=(e?` translateX(${e})`:"")+(T?` translateY(${T})`:"")+(st?` scale(${st})`:"")+(Bt?` rotate(${Bt})`:"");Pe=Pe.trim();let De=(i?` translateX(${i})`:"")+(O?` translateY(${O})`:"")+(at?` scale(${at})`:"")+(It?` rotate(${It})`:"");De=De.trim();let ze=(n?` translateX(${n})`:"")+(M?` translateY(${M})`:"")+(lt?` scale(${lt})`:"")+($t?` rotate(${$t})`:"");ze=ze.trim();let He=(o?` translateX(${o})`:"")+(R?` translateY(${R})`:"")+(rt?` scale(${rt})`:"")+(Nt?` rotate(${Nt})`:"");He=He.trim();let je=(s?` translateX(${s})`:"")+(B?` translateY(${B})`:"")+(dt?` scale(${dt})`:"")+(Pt?` rotate(${Pt})`:"");je=je.trim();let Fe=(a?` translateX(${a})`:"")+(I?` translateY(${I})`:"")+(ct?` scale(${ct})`:"")+(Dt?` rotate(${Dt})`:"");Fe=Fe.trim();let Ue=(l?` translateX(${l})`:"")+($?` translateY(${$})`:"")+(ut?` scale(${ut})`:"")+(zt?` rotate(${zt})`:"");Ue=Ue.trim();let We=(r?` translateX(${r})`:"")+(N?` translateY(${N})`:"")+(pt?` scale(${pt})`:"")+(Ht?` rotate(${Ht})`:"");We=We.trim();let Xe=(d?` translateX(${d})`:"")+(P?` translateY(${P})`:"")+(ht?` scale(${ht})`:"")+(jt?` rotate(${jt})`:"");Xe=Xe.trim();let Ye=(c?` translateX(${c})`:"")+(D?` translateY(${D})`:"")+(mt?` scale(${mt})`:"")+(Ft?` rotate(${Ft})`:"");Ye=Ye.trim();let Ve=(u?` translateX(${u})`:"")+(z?` translateY(${z})`:"")+(gt?` scale(${gt})`:"")+(Ut?` rotate(${Ut})`:"");Ve=Ve.trim();let Ge=(p?` translateX(${p})`:"")+(H?` translateY(${H})`:"")+(bt?` scale(${bt})`:"")+(Wt?` rotate(${Wt})`:"");Ge=Ge.trim();let Ke=(h?` translateX(${h})`:"")+(j?` translateY(${j})`:"")+(ft?` scale(${ft})`:"")+(Xt?` rotate(${Xt})`:"");Ke=Ke.trim();let Ze=(m?` translateX(${m})`:"")+(F?` translateY(${F})`:"")+(vt?` scale(${vt})`:"")+(Yt?` rotate(${Yt})`:"");Ze=Ze.trim();let Qe=(g?` translateX(${g})`:"")+(U?` translateY(${U})`:"")+(yt?` scale(${yt})`:"")+(Vt?` rotate(${Vt})`:"");Qe=Qe.trim();let Je=(b?` translateX(${b})`:"")+(W?` translateY(${W})`:"")+(xt?` scale(${xt})`:"")+(Gt?` rotate(${Gt})`:"");Je=Je.trim();let ti=(f?` translateX(${f})`:"")+(X?` translateY(${X})`:"")+(_t?` scale(${_t})`:"")+(Kt?` rotate(${Kt})`:"");ti=ti.trim();let ei=(v?` translateX(${v})`:"")+(Y?` translateY(${Y})`:"")+(St?` scale(${St})`:"")+(Zt?` rotate(${Zt})`:"");ei=ei.trim();let ii=(y?` translateX(${y})`:"")+(V?` translateY(${V})`:"")+(wt?` scale(${wt})`:"")+(Qt?` rotate(${Qt})`:"");ii=ii.trim();let ni=(x?` translateX(${x})`:"")+(G?` translateY(${G})`:"")+(kt?` scale(${kt})`:"")+(Jt?` rotate(${Jt})`:"");ni=ni.trim();let oi=(_?` translateX(${_})`:"")+(K?` translateY(${K})`:"")+(Ct?` scale(${Ct})`:"")+(te?` rotate(${te})`:"");oi=oi.trim();let si=(S?` translateX(${S})`:"")+(Z?` translateY(${Z})`:"")+(At?` scale(${At})`:"")+(ee?` rotate(${ee})`:"");si=si.trim();let ai=(w?` translateX(${w})`:"")+(Q?` translateY(${Q})`:"")+(Et?` scale(${Et})`:"")+(ie?` rotate(${ie})`:"");ai=ai.trim();let li=(k?` translateX(${k})`:"")+(J?` translateY(${J})`:"")+(Lt?` scale(${Lt})`:"")+(ne?` rotate(${ne})`:"");li=li.trim();let ri=(C?` translateX(${C})`:"")+(tt?` translateY(${tt})`:"")+(qt?` scale(${qt})`:"")+(oe?` rotate(${oe})`:"");ri=ri.trim();let di=(A?` translateX(${A})`:"")+(et?` translateY(${et})`:"")+(Tt?` scale(${Tt})`:"")+(se?` rotate(${se})`:"");di=di.trim();let ci=(E?` translateX(${E})`:"")+(it?` translateY(${it})`:"")+(Ot?` scale(${Ot})`:"")+(ae?` rotate(${ae})`:"");ci=ci.trim();let ui=(L?` translateX(${L})`:"")+(nt?` translateY(${nt})`:"")+(Mt?` scale(${Mt})`:"")+(le?` rotate(${le})`:"");ui=ui.trim();let pi=(q?` translateX(${q})`:"")+(ot?` translateY(${ot})`:"")+(Rt?` scale(${Rt})`:"")+(re?` rotate(${re})`:"");pi=pi.trim();let hi=(Pe?"transform: "+Pe+";":"")+(de?`opacity:${de}`:""),mi=(De?"transform: "+De+";":"")+(ce?`opacity:${ce}`:""),gi=(ze?"transform: "+ze+";":"")+(ue?`opacity:${ue}`:""),bi=(He?"transform: "+He+";":"")+(pe?`opacity:${pe}`:""),fi=(je?"transform: "+je+";":"")+(he?`opacity:${he}`:""),vi=(Fe?"transform: "+Fe+";":"")+(me?`opacity:${me}`:""),yi=(Ue?"transform: "+Ue+";":"")+(ge?`opacity:${ge}`:""),xi=(We?"transform: "+We+";":"")+(be?`opacity:${be}`:""),_i=(Xe?"transform: "+Xe+";":"")+(fe?`opacity:${fe}`:""),Si=(Ye?"transform: "+Ye+";":"")+(ve?`opacity:${ve}`:""),wi=(Ve?"transform: "+Ve+";":"")+(ye?`opacity:${ye}`:""),ki=(Ge?"transform: "+Ge+";":"")+(xe?`opacity:${xe}`:""),Ci=(Ke?"transform: "+Ke+";":"")+(_e?`opacity:${_e}`:""),Ai=(Ze?"transform: "+Ze+";":"")+(Se?`opacity:${Se}`:""),Ei=(Qe?"transform: "+Qe+";":"")+(we?`opacity:${we}`:""),Li=(Je?"transform: "+Je+";":"")+(ke?`opacity:${ke}`:""),qi=(ti?"transform: "+ti+";":"")+(Ce?`opacity:${Ce}`:""),Ti=(ei?"transform: "+ei+";":"")+(Ae?`opacity:${Ae}`:""),Oi=(ii?"transform: "+ii+";":"")+(Ee?`opacity:${Ee}`:""),Mi=(ni?"transform: "+ni+";":"")+(Le?`opacity:${Le}`:""),Ri=(oi?"transform: "+oi+";":"")+(qe?`opacity:${qe}`:""),Bi=(si?"transform: "+si+";":"")+(Te?`opacity:${Te}`:""),Ii=(ai?"transform: "+ai+";":"")+(Oe?`opacity:${Oe}`:""),$i=(li?"transform: "+li+";":"")+(Me?`opacity:${Me}`:""),Ni=(ri?"transform: "+ri+";":"")+(Re?`opacity:${Re}`:""),Pi=(di?"transform: "+di+";":"")+(Be?`opacity:${Be}`:""),Di=(ci?"transform: "+ci+";":"")+(Ie?`opacity:${Ie}`:""),zi=(ui?"transform: "+ui+";":"")+($e?`opacity:${$e}`:""),Hi=(pi?"transform: "+pi+";":"")+(Ne?`opacity:${Ne}`:"");this.builder.editor.saveForUndo();let ji=this.getDevice();"xs"===ji?(""!==hi?t.setAttribute("data-xs-t",hi):t.removeAttribute("data-xs-t"),""!==mi?t.setAttribute("data-xs-t-100",mi):t.removeAttribute("data-xs-t-100"),""!==gi?t.setAttribute("data-xs-t-200",gi):t.removeAttribute("data-xs-t-200"),""!==bi?t.setAttribute("data-xs-t-300",bi):t.removeAttribute("data-xs-t-300"),""!==fi?t.setAttribute("data-xs-t-400",fi):t.removeAttribute("data-xs-t-400"),""!==vi?t.setAttribute("data-xs-t-500",vi):t.removeAttribute("data-xs-t-500"),""!==yi?t.setAttribute("data-xs-t-600",yi):t.removeAttribute("data-xs-t-600"),""!==xi?t.setAttribute("data-xs-t-700",xi):t.removeAttribute("data-xs-t-700"),""!==_i?t.setAttribute("data-xs-t-800",_i):t.removeAttribute("data-xs-t-800"),""!==Si?t.setAttribute("data-xs-t-900",Si):t.removeAttribute("data-xs-t-900"),""!==wi?t.setAttribute("data-xs-t-1000",wi):t.removeAttribute("data-xs-t-1000"),""!==ki?t.setAttribute("data-xs-t-1100",ki):t.removeAttribute("data-xs-t-1100"),""!==Ci?t.setAttribute("data-xs-t-1200",Ci):t.removeAttribute("data-xs-t-1200"),""!==Ai?t.setAttribute("data-xs-t-1300",Ai):t.removeAttribute("data-xs-t-1300"),""!==Ei?t.setAttribute("data-xs-t-1400",Ei):t.removeAttribute("data-xs-t-1400"),""!==Li?t.setAttribute("data-xs-t-1500",Li):t.removeAttribute("data-xs-t-1500"),""!==qi?t.setAttribute("data-xs-t-1600",qi):t.removeAttribute("data-xs-t-1600"),""!==Ti?t.setAttribute("data-xs-t-1700",Ti):t.removeAttribute("data-xs-t-1700"),""!==Oi?t.setAttribute("data-xs-t-1800",Oi):t.removeAttribute("data-xs-t-1800"),""!==Mi?t.setAttribute("data-xs-t-1900",Mi):t.removeAttribute("data-xs-t-1900"),""!==Ri?t.setAttribute("data-xs-t-2000",Ri):t.removeAttribute("data-xs-t-2000"),""!==Bi?t.setAttribute("data-xs-t-2100",Bi):t.removeAttribute("data-xs-t-2100"),""!==Ii?t.setAttribute("data-xs-t-2200",Ii):t.removeAttribute("data-xs-t-2200"),""!==$i?t.setAttribute("data-xs-t-2300",$i):t.removeAttribute("data-xs-t-2300"),""!==Ni?t.setAttribute("data-xs-t-2400",Ni):t.removeAttribute("data-xs-t-2400"),""!==Pi?t.setAttribute("data-xs-t-2500",Pi):t.removeAttribute("data-xs-t-2500"),""!==Di?t.setAttribute("data-xs-t-2600",Di):t.removeAttribute("data-xs-t-2600"),""!==zi?t.setAttribute("data-xs-t-2700",zi):t.removeAttribute("data-xs-t-2700"),""!==Hi?t.setAttribute("data-xs-t-2800",Hi):t.removeAttribute("data-xs-t-2800")):"sm"===ji?(""!==hi?t.setAttribute("data-sm-t",hi):t.removeAttribute("data-sm-t"),""!==mi?t.setAttribute("data-sm-t-100",mi):t.removeAttribute("data-sm-t-100"),""!==gi?t.setAttribute("data-sm-t-200",gi):t.removeAttribute("data-sm-t-200"),""!==bi?t.setAttribute("data-sm-t-300",bi):t.removeAttribute("data-sm-t-300"),""!==fi?t.setAttribute("data-sm-t-400",fi):t.removeAttribute("data-sm-t-400"),""!==vi?t.setAttribute("data-sm-t-500",vi):t.removeAttribute("data-sm-t-500"),""!==yi?t.setAttribute("data-sm-t-600",yi):t.removeAttribute("data-sm-t-600"),""!==xi?t.setAttribute("data-sm-t-700",xi):t.removeAttribute("data-sm-t-700"),""!==_i?t.setAttribute("data-sm-t-800",_i):t.removeAttribute("data-sm-t-800"),""!==Si?t.setAttribute("data-sm-t-900",Si):t.removeAttribute("data-sm-t-900"),""!==wi?t.setAttribute("data-sm-t-1000",wi):t.removeAttribute("data-sm-t-1000"),""!==ki?t.setAttribute("data-sm-t-1100",ki):t.removeAttribute("data-sm-t-1100"),""!==Ci?t.setAttribute("data-sm-t-1200",Ci):t.removeAttribute("data-sm-t-1200"),""!==Ai?t.setAttribute("data-sm-t-1300",Ai):t.removeAttribute("data-sm-t-1300"),""!==Ei?t.setAttribute("data-sm-t-1400",Ei):t.removeAttribute("data-sm-t-1400"),""!==Li?t.setAttribute("data-sm-t-1500",Li):t.removeAttribute("data-sm-t-1500"),""!==qi?t.setAttribute("data-sm-t-1600",qi):t.removeAttribute("data-sm-t-1600"),""!==Ti?t.setAttribute("data-sm-t-1700",Ti):t.removeAttribute("data-sm-t-1700"),""!==Oi?t.setAttribute("data-sm-t-1800",Oi):t.removeAttribute("data-sm-t-1800"),""!==Mi?t.setAttribute("data-sm-t-1900",Mi):t.removeAttribute("data-sm-t-1900"),""!==Ri?t.setAttribute("data-sm-t-2000",Ri):t.removeAttribute("data-sm-t-2000"),""!==Bi?t.setAttribute("data-sm-t-2100",Bi):t.removeAttribute("data-sm-t-2100"),""!==Ii?t.setAttribute("data-sm-t-2200",Ii):t.removeAttribute("data-sm-t-2200"),""!==$i?t.setAttribute("data-sm-t-2300",$i):t.removeAttribute("data-sm-t-2300"),""!==Ni?t.setAttribute("data-sm-t-2400",Ni):t.removeAttribute("data-sm-t-2400"),""!==Pi?t.setAttribute("data-sm-t-2500",Pi):t.removeAttribute("data-sm-t-2500"),""!==Di?t.setAttribute("data-sm-t-2600",Di):t.removeAttribute("data-sm-t-2600"),""!==zi?t.setAttribute("data-sm-t-2700",zi):t.removeAttribute("data-sm-t-2700"),""!==Hi?t.setAttribute("data-sm-t-2800",Hi):t.removeAttribute("data-sm-t-2800")):(""!==hi?t.setAttribute("data-t",hi):t.removeAttribute("data-t"),""!==mi?t.setAttribute("data-t-100",mi):t.removeAttribute("data-t-100"),""!==gi?t.setAttribute("data-t-200",gi):t.removeAttribute("data-t-200"),""!==bi?t.setAttribute("data-t-300",bi):t.removeAttribute("data-t-300"),""!==fi?t.setAttribute("data-t-400",fi):t.removeAttribute("data-t-400"),""!==vi?t.setAttribute("data-t-500",vi):t.removeAttribute("data-t-500"),""!==yi?t.setAttribute("data-t-600",yi):t.removeAttribute("data-t-600"),""!==xi?t.setAttribute("data-t-700",xi):t.removeAttribute("data-t-700"),""!==_i?t.setAttribute("data-t-800",_i):t.removeAttribute("data-t-800"),""!==Si?t.setAttribute("data-t-900",Si):t.removeAttribute("data-t-900"),""!==wi?t.setAttribute("data-t-1000",wi):t.removeAttribute("data-t-1000"),""!==ki?t.setAttribute("data-t-1100",ki):t.removeAttribute("data-t-1100"),""!==Ci?t.setAttribute("data-t-1200",Ci):t.removeAttribute("data-t-1200"),""!==Ai?t.setAttribute("data-t-1300",Ai):t.removeAttribute("data-t-1300"),""!==Ei?t.setAttribute("data-t-1400",Ei):t.removeAttribute("data-t-1400"),""!==Li?t.setAttribute("data-t-1500",Li):t.removeAttribute("data-t-1500"),""!==qi?t.setAttribute("data-t-1600",qi):t.removeAttribute("data-t-1600"),""!==Ti?t.setAttribute("data-t-1700",Ti):t.removeAttribute("data-t-1700"),""!==Oi?t.setAttribute("data-t-1800",Oi):t.removeAttribute("data-t-1800"),""!==Mi?t.setAttribute("data-t-1900",Mi):t.removeAttribute("data-t-1900"),""!==Ri?t.setAttribute("data-t-2000",Ri):t.removeAttribute("data-t-2000"),""!==Bi?t.setAttribute("data-t-2100",Bi):t.removeAttribute("data-t-2100"),""!==Ii?t.setAttribute("data-t-2200",Ii):t.removeAttribute("data-t-2200"),""!==$i?t.setAttribute("data-t-2300",$i):t.removeAttribute("data-t-2300"),""!==Ni?t.setAttribute("data-t-2400",Ni):t.removeAttribute("data-t-2400"),""!==Pi?t.setAttribute("data-t-2500",Pi):t.removeAttribute("data-t-2500"),""!==Di?t.setAttribute("data-t-2600",Di):t.removeAttribute("data-t-2600"),""!==zi?t.setAttribute("data-t-2700",zi):t.removeAttribute("data-t-2700"),""!==Hi?t.setAttribute("data-t-2800",Hi):t.removeAttribute("data-t-2800")),t.style.transform="",t.style.transition="",t.style.opacity="",t.hasAttribute("data-xs-t")||t.hasAttribute("data-xs-t-100")||t.hasAttribute("data-xs-t-200")||t.hasAttribute("data-xs-t-300")||t.hasAttribute("data-xs-t-400")||t.hasAttribute("data-xs-t-500")||t.hasAttribute("data-xs-t-600")||t.hasAttribute("data-xs-t-700")||t.hasAttribute("data-xs-t-800")||t.hasAttribute("data-xs-t-900")||t.hasAttribute("data-xs-t-1000")||t.hasAttribute("data-xs-t-1100")||t.hasAttribute("data-xs-t-1200")||t.hasAttribute("data-xs-t-1300")||t.hasAttribute("data-xs-t-1400")||t.hasAttribute("data-xs-t-1500")||t.hasAttribute("data-xs-t-1600")||t.hasAttribute("data-xs-t-1700")||t.hasAttribute("data-xs-t-1800")||t.hasAttribute("data-xs-t-1900")||t.hasAttribute("data-xs-t-2000")||t.hasAttribute("data-xs-t-2100")||t.hasAttribute("data-xs-t-2200")||t.hasAttribute("data-xs-t-2300")||t.hasAttribute("data-xs-t-2400")||t.hasAttribute("data-xs-t-2500")||t.hasAttribute("data-xs-t-2600")||t.hasAttribute("data-xs-t-2700")||t.hasAttribute("data-xs-t-2800")?t.setAttribute("data-xs",""):t.removeAttribute("data-xs"),t.hasAttribute("data-sm-t")||t.hasAttribute("data-sm-t-100")||t.hasAttribute("data-sm-t-200")||t.hasAttribute("data-sm-t-300")||t.hasAttribute("data-sm-t-400")||t.hasAttribute("data-sm-t-500")||t.hasAttribute("data-sm-t-600")||t.hasAttribute("data-sm-t-700")||t.hasAttribute("data-sm-t-800")||t.hasAttribute("data-sm-t-900")||t.hasAttribute("data-sm-t-1000")||t.hasAttribute("data-sm-t-1100")||t.hasAttribute("data-sm-t-1200")||t.hasAttribute("data-sm-t-1300")||t.hasAttribute("data-sm-t-1400")||t.hasAttribute("data-sm-t-1500")||t.hasAttribute("data-sm-t-1600")||t.hasAttribute("data-sm-t-1700")||t.hasAttribute("data-sm-t-1800")||t.hasAttribute("data-sm-t-1900")||t.hasAttribute("data-sm-t-2000")||t.hasAttribute("data-sm-t-2100")||t.hasAttribute("data-sm-t-2200")||t.hasAttribute("data-sm-t-2300")||t.hasAttribute("data-sm-t-2400")||t.hasAttribute("data-sm-t-2500")||t.hasAttribute("data-sm-t-2600")||t.hasAttribute("data-sm-t-2700")||t.hasAttribute("data-sm-t-2800")?t.setAttribute("data-sm",""):t.removeAttribute("data-sm"),t.hasAttribute("data-md-t")||t.hasAttribute("data-md-t-100")||t.hasAttribute("data-md-t-200")||t.hasAttribute("data-md-t-300")||t.hasAttribute("data-md-t-400")||t.hasAttribute("data-md-t-500")||t.hasAttribute("data-md-t-600")||t.hasAttribute("data-md-t-700")||t.hasAttribute("data-md-t-800")||t.hasAttribute("data-md-t-900")||t.hasAttribute("data-md-t-1000")||t.hasAttribute("data-md-t-1100")||t.hasAttribute("data-md-t-1200")||t.hasAttribute("data-md-t-1300")||t.hasAttribute("data-md-t-1400")||t.hasAttribute("data-md-t-1500")||t.hasAttribute("data-md-t-1600")||t.hasAttribute("data-md-t-1700")||t.hasAttribute("data-md-t-1800")||t.hasAttribute("data-md-t-1900")||t.hasAttribute("data-md-t-2000")||t.hasAttribute("data-md-t-2100")||t.hasAttribute("data-md-t-2200")||t.hasAttribute("data-md-t-2300")||t.hasAttribute("data-md-t-2400")||t.hasAttribute("data-md-t-2500")||t.hasAttribute("data-md-t-2600")||t.hasAttribute("data-md-t-2700")||t.hasAttribute("data-md-t-2800")?t.setAttribute("data-md",""):t.removeAttribute("data-md"),t.hasAttribute("data-lg-t")||t.hasAttribute("data-lg-t-100")||t.hasAttribute("data-lg-t-200")||t.hasAttribute("data-lg-t-300")||t.hasAttribute("data-lg-t-400")||t.hasAttribute("data-lg-t-500")||t.hasAttribute("data-lg-t-600")||t.hasAttribute("data-lg-t-700")||t.hasAttribute("data-lg-t-800")||t.hasAttribute("data-lg-t-900")||t.hasAttribute("data-lg-t-1000")||t.hasAttribute("data-lg-t-1100")||t.hasAttribute("data-lg-t-1200")||t.hasAttribute("data-lg-t-1300")||t.hasAttribute("data-lg-t-1400")||t.hasAttribute("data-lg-t-1500")||t.hasAttribute("data-lg-t-1600")||t.hasAttribute("data-lg-t-1700")||t.hasAttribute("data-lg-t-1800")||t.hasAttribute("data-lg-t-1900")||t.hasAttribute("data-lg-t-2000")||t.hasAttribute("data-lg-t-2100")||t.hasAttribute("data-lg-t-2200")||t.hasAttribute("data-lg-t-2300")||t.hasAttribute("data-lg-t-2400")||t.hasAttribute("data-lg-t-2500")||t.hasAttribute("data-lg-t-2600")||t.hasAttribute("data-lg-t-2700")||t.hasAttribute("data-lg-t-2800")?t.setAttribute("data-lg",""):t.removeAttribute("data-lg"),t.hasAttribute("data-xl-t")||t.hasAttribute("data-xl-t-100")||t.hasAttribute("data-xl-t-200")||t.hasAttribute("data-xl-t-300")||t.hasAttribute("data-xl-t-400")||t.hasAttribute("data-xl-t-500")||t.hasAttribute("data-xl-t-600")||t.hasAttribute("data-xl-t-700")||t.hasAttribute("data-xl-t-800")||t.hasAttribute("data-xl-t-900")||t.hasAttribute("data-xl-t-1000")||t.hasAttribute("data-xl-t-1100")||t.hasAttribute("data-xl-t-1200")||t.hasAttribute("data-xl-t-1300")||t.hasAttribute("data-xl-t-1400")||t.hasAttribute("data-xl-t-1500")||t.hasAttribute("data-xl-t-1600")||t.hasAttribute("data-xl-t-1700")||t.hasAttribute("data-xl-t-1800")||t.hasAttribute("data-xl-t-1900")||t.hasAttribute("data-xl-t-2000")||t.hasAttribute("data-xl-t-2100")||t.hasAttribute("data-xl-t-2200")||t.hasAttribute("data-xl-t-2300")||t.hasAttribute("data-xl-t-2400")||t.hasAttribute("data-xl-t-2500")||t.hasAttribute("data-xl-t-2600")||t.hasAttribute("data-xl-t-2700")||t.hasAttribute("data-xl-t-2800")?t.setAttribute("data-xl",""):t.removeAttribute("data-xl");const Fi=this.modalTimeline.querySelector(".cmd-anim-origin.on");if(Fi){let e=Fi.getAttribute("data-value");t.style.transformOrigin=e}this.modalTimeline.querySelector(".cmd-disable-smoothanim").classList.contains("on")?t.setAttribute("data-smooth-scrolling","off"):t.removeAttribute("data-smooth-scrolling");this.modalTimeline.querySelector(".cmd-hidden-onstart").classList.contains("on")?t.setAttribute("data-hidden-onstart",""):t.removeAttribute("data-hidden-onstart"),this.builder.win.skrollrr&&this.builder.win.skrollrr.refresh(),this.builder.settings.onChange()}cleanup(t){let e=this.getDevice();t.removeAttribute("data-hidden-onstart"),"xs"===e?(t.removeAttribute("data-xs"),t.removeAttribute("data-xs-t"),t.removeAttribute("data-xs-t-100"),t.removeAttribute("data-xs-t-200"),t.removeAttribute("data-xs-t-300"),t.removeAttribute("data-xs-t-400"),t.removeAttribute("data-xs-t-500"),t.removeAttribute("data-xs-t-600"),t.removeAttribute("data-xs-t-700"),t.removeAttribute("data-xs-t-800"),t.removeAttribute("data-xs-t-900"),t.removeAttribute("data-xs-t-1000"),t.removeAttribute("data-xs-t-1100"),t.removeAttribute("data-xs-t-1200"),t.removeAttribute("data-xs-t-1300"),t.removeAttribute("data-xs-t-1400"),t.removeAttribute("data-xs-t-1500"),t.removeAttribute("data-xs-t-1600"),t.removeAttribute("data-xs-t-1700"),t.removeAttribute("data-xs-t-1800"),t.removeAttribute("data-xs-t-1900"),t.removeAttribute("data-xs-t-2000"),t.removeAttribute("data-xs-t-2100"),t.removeAttribute("data-xs-t-2200"),t.removeAttribute("data-xs-t-2300"),t.removeAttribute("data-xs-t-2400"),t.removeAttribute("data-xs-t-2500"),t.removeAttribute("data-xs-t-2600"),t.removeAttribute("data-xs-t-2700"),t.removeAttribute("data-xs-t-2800")):"sm"===e?(t.removeAttribute("data-sm"),t.removeAttribute("data-sm-t"),t.removeAttribute("data-sm-t-100"),t.removeAttribute("data-sm-t-200"),t.removeAttribute("data-sm-t-300"),t.removeAttribute("data-sm-t-400"),t.removeAttribute("data-sm-t-500"),t.removeAttribute("data-sm-t-600"),t.removeAttribute("data-sm-t-700"),t.removeAttribute("data-sm-t-800"),t.removeAttribute("data-sm-t-900"),t.removeAttribute("data-sm-t-1000"),t.removeAttribute("data-sm-t-1100"),t.removeAttribute("data-sm-t-1200"),t.removeAttribute("data-sm-t-1300"),t.removeAttribute("data-sm-t-1400"),t.removeAttribute("data-sm-t-1500"),t.removeAttribute("data-sm-t-1600"),t.removeAttribute("data-sm-t-1700"),t.removeAttribute("data-sm-t-1800"),t.removeAttribute("data-sm-t-1900"),t.removeAttribute("data-sm-t-2000"),t.removeAttribute("data-sm-t-2100"),t.removeAttribute("data-sm-t-2200"),t.removeAttribute("data-sm-t-2300"),t.removeAttribute("data-sm-t-2400"),t.removeAttribute("data-sm-t-2500"),t.removeAttribute("data-sm-t-2600"),t.removeAttribute("data-sm-t-2700"),t.removeAttribute("data-sm-t-2800")):"md"===e?(t.removeAttribute("data-md"),t.removeAttribute("data-md-t"),t.removeAttribute("data-md-t-100"),t.removeAttribute("data-md-t-200"),t.removeAttribute("data-md-t-300"),t.removeAttribute("data-md-t-400"),t.removeAttribute("data-md-t-500"),t.removeAttribute("data-md-t-600"),t.removeAttribute("data-md-t-700"),t.removeAttribute("data-md-t-800"),t.removeAttribute("data-md-t-900"),t.removeAttribute("data-md-t-1000"),t.removeAttribute("data-md-t-1100"),t.removeAttribute("data-md-t-1200"),t.removeAttribute("data-md-t-1300"),t.removeAttribute("data-md-t-1400"),t.removeAttribute("data-md-t-1500"),t.removeAttribute("data-md-t-1600"),t.removeAttribute("data-md-t-1700"),t.removeAttribute("data-md-t-1800"),t.removeAttribute("data-md-t-1900"),t.removeAttribute("data-md-t-2000"),t.removeAttribute("data-md-t-2100"),t.removeAttribute("data-md-t-2200"),t.removeAttribute("data-md-t-2300"),t.removeAttribute("data-md-t-2400"),t.removeAttribute("data-md-t-2500"),t.removeAttribute("data-md-t-2600"),t.removeAttribute("data-md-t-2700"),t.removeAttribute("data-md-t-2800")):(t.removeAttribute("data-t"),t.removeAttribute("data-t-100"),t.removeAttribute("data-t-200"),t.removeAttribute("data-t-300"),t.removeAttribute("data-t-400"),t.removeAttribute("data-t-500"),t.removeAttribute("data-t-600"),t.removeAttribute("data-t-700"),t.removeAttribute("data-t-800"),t.removeAttribute("data-t-900"),t.removeAttribute("data-t-1000"),t.removeAttribute("data-t-1100"),t.removeAttribute("data-t-1200"),t.removeAttribute("data-t-1300"),t.removeAttribute("data-t-1400"),t.removeAttribute("data-t-1500"),t.removeAttribute("data-t-1600"),t.removeAttribute("data-t-1700"),t.removeAttribute("data-t-1800"),t.removeAttribute("data-t-1900"),t.removeAttribute("data-t-2000"),t.removeAttribute("data-t-2100"),t.removeAttribute("data-t-2200"),t.removeAttribute("data-t-2300"),t.removeAttribute("data-t-2400"),t.removeAttribute("data-t-2500"),t.removeAttribute("data-t-2600"),t.removeAttribute("data-t-2700"),t.removeAttribute("data-t-2800")),this.builder.animateScroll.cleanup(t),this.builder.animateScroll.cleanup_leave(t),this.builder.animateScroll.cleanup_timeline(t)}getDevice(){return this.modalTimeline.querySelector(".input-device.on").getAttribute("data-value")}getTarget(){let t,e=this.modalTimeline.querySelector(".input-target").value;if("element"===e){let e=this.readTarget();e?("element"===e.name&&(t=this.builder.editor.activeElement),t="inspectedElement"===e.name?this.builder.editor.inspectedElement:this.builder.editor.activeElement):t=this.builder.editor.activeElement}if("column"===e&&(t=this.builder.editor.activeCol),"row"===e){let e=this.builder.editor.activeCol;e&&(t=e.parentNode)}if("container"===e){let e=this.builder.editor.activeCol;e&&(t=e.parentNode.parentNode)}if("overlay"===e){let e;const i=this.builder.doc.querySelector(".box-select");i&&(e=i.querySelector(".is-overlay")),e&&(t=e)}if("bg"===e){let e;const i=this.builder.doc.querySelector(".box-select");i&&(e=i.querySelector(".is-overlay-bg")),e&&(t=e)}if("box"===e){const e=this.builder.doc.querySelector(".box-select");e&&(t=e)}if("section"===e){const e=this.builder.doc.querySelector(".section-select");e&&(t=e)}return{element:t||!1,name:e||!1}}readTarget(t){if(!t){let t,e,i,n=this.builder.editor.inspectedElement;return n?(t=n.getAttribute("data-bottom-top"),t||(t=n.getAttribute("data-400-bottom")),t||(t=n.getAttribute("data-200-bottom")),t||(t=n.getAttribute("data--50-bottom")),e=n.getAttribute("data-top-bottom"),i=n.getAttribute("data-in"),i||(i=n.getAttribute("data-in-150")),i||(i=n.getAttribute("data-in-300")),i||(i=n.getAttribute("data-cen--150")),i||(i=n.getAttribute("data-cen")),i||(i=n.getAttribute("data-cen-150")),i||(i=n.getAttribute("data-out--300")),i||(i=n.getAttribute("data-out--150")),i||(i=n.getAttribute("data-out")),t||e||i||n.hasAttribute("data-t")||n.hasAttribute("data-t-100")||n.hasAttribute("data-t-200")||n.hasAttribute("data-t-300")||n.hasAttribute("data-t-400")||n.hasAttribute("data-t-500")||n.hasAttribute("data-t-600")||n.hasAttribute("data-t-700")||n.hasAttribute("data-t-800")||n.hasAttribute("data-t-900")||n.hasAttribute("data-t-1000")||n.hasAttribute("data-t-1100")||n.hasAttribute("data-t-1200")||n.hasAttribute("data-t-1300")||n.hasAttribute("data-t-1400")||n.hasAttribute("data-t-1500")||n.hasAttribute("data-t-1600")||n.hasAttribute("data-t-1700")||n.hasAttribute("data-t-1800")||n.hasAttribute("data-t-1900")||n.hasAttribute("data-t-2000")||n.hasAttribute("data-t-2100")||n.hasAttribute("data-t-2200")||n.hasAttribute("data-t-2300")||n.hasAttribute("data-t-2400")||n.hasAttribute("data-t-2500")||n.hasAttribute("data-t-2600")||n.hasAttribute("data-t-2700")||n.hasAttribute("data-t-2800")?{element:n,name:"inspectedElement"}:this.readTarget("element")):this.readTarget("bg")}{let e,i,n,o;if("element"===t&&(e=this.builder.editor.activeElement),"column"===t&&(e=this.builder.editor.activeCol),"row"===t&&this.builder.editor.activeCol&&(e=this.builder.editor.activeCol.parentNode),"container"===t&&this.builder.editor.activeCol&&(e=this.builder.editor.activeCol.parentNode.parentNode),"bg"===t){let t;const i=this.builder.doc.querySelector(".box-select");i&&(t=i.querySelector(".is-overlay-bg")),t&&(e=t)}if("overlay"===t){let t;const i=this.builder.doc.querySelector(".box-select");i&&(t=i.querySelector(".is-overlay")),t&&(e=t)}if("box"===t){const t=this.builder.doc.querySelector(".box-select");t&&(e=t)}if("section"===t){const t=this.builder.doc.querySelector(".section-select");t&&(e=t)}if(!e){if("element"===t)return this.readTarget("column");if("column"===t)return this.readTarget("row");if("row"===t)return this.readTarget("container");if("container"===t)return this.readTarget("bg");if("bg"===t)return this.readTarget("overlay");if("overlay"===t)return this.readTarget("box");if("box"===t)return this.readTarget("section");if("section"===t)return!1}if(i=e.getAttribute("data-bottom-top"),i||(i=e.getAttribute("data-400-bottom")),i||(i=e.getAttribute("data-200-bottom")),i||(i=e.getAttribute("data--50-bottom")),n=e.getAttribute("data-top-bottom"),o=e.getAttribute("data-in"),o||(o=e.getAttribute("data-in-150")),o||(o=e.getAttribute("data-in-300")),o||(o=e.getAttribute("data-cen--150")),o||(o=e.getAttribute("data-cen")),o||(o=e.getAttribute("data-cen-150")),o||(o=e.getAttribute("data-out--300")),o||(o=e.getAttribute("data-out--150")),o||(o=e.getAttribute("data-out")),i||n||o||e.hasAttribute("data-t")||e.hasAttribute("data-t-100")||e.hasAttribute("data-t-200")||e.hasAttribute("data-t-300")||e.hasAttribute("data-t-400")||e.hasAttribute("data-t-500")||e.hasAttribute("data-t-600")||e.hasAttribute("data-t-700")||e.hasAttribute("data-t-800")||e.hasAttribute("data-t-900")||e.hasAttribute("data-t-1000")||e.hasAttribute("data-t-1100")||e.hasAttribute("data-t-1200")||e.hasAttribute("data-t-1300")||e.hasAttribute("data-t-1400")||e.hasAttribute("data-t-1500")||e.hasAttribute("data-t-1600")||e.hasAttribute("data-t-1700")||e.hasAttribute("data-t-1800")||e.hasAttribute("data-t-1900")||e.hasAttribute("data-t-2000")||e.hasAttribute("data-t-2100")||e.hasAttribute("data-t-2200")||e.hasAttribute("data-t-2300")||e.hasAttribute("data-t-2400")||e.hasAttribute("data-t-2500")||e.hasAttribute("data-t-2600")||e.hasAttribute("data-t-2700")||e.hasAttribute("data-t-2800"))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}edit(){this.builder.wrapperEl.classList.add("hard-select"),this.builder.activeBox&&this.builder.activeBox.classList.add("box-select"),this.builder.activeSection&&this.builder.activeSection.classList.add("section-select"),this.builder.sidebar.closeSidebar(),this.builder.animateScroll.modalAnimateScroll.classList.remove("active"),this.modalTimeline.classList.add("active"),this.builder.doc.body.classList.add("selection-only"),document.body.classList.add("selection-only");this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display="",localStorage.setItem("_timelinewindow","1")}close(){this.modalTimeline.classList.remove("active"),this.builder.doc.body.classList.remove("selection-only"),document.body.classList.remove("selection-only"),localStorage.removeItem("_timelinewindow")}}class py{constructor(t){this.builder=t}getPageTemplate(t){let e="";return e=""===t?'\n <!DOCTYPE html>\n <html lang="en">\n <head>\n <meta charset="utf-8">\n <title>Page</title>\n <meta name="viewport" content="width=device-width, initial-scale=1">\n <meta name="description" content="">\n <link rel="shortcut icon" href="#">\n \n <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet"> \n <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">\n \n [%MAINCSS%]\n [%SECTIONCSS%]\n </head>\n <body style="touch-action: pan-y">\n \n <main id="main">\n <div class="is-wrapper">\n [%CONTENT%]\n </div>\n </main>\n \n <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">\n <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">\n <script src="[%PATH%]/assets/scripts/glide/glide.js"><\/script>\n \n <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">\n <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"><\/script>\n \n <script src="[%PATH%]/box/box-flex.js"><\/script>\n \n \x3c!-- Optional: if you want to add smooth scrolling --\x3e\n <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"><\/script>\n <script>\n SmoothScroll({\n frameRate: 150,\n animationTime: 800,\n stepSize: 120,\n pulseAlgorithm: 1,\n pulseScale: 4,\n pulseNormalize: 1,\n accelerationDelta: 300,\n accelerationMax: 2,\n keyboardSupport: 1,\n arrowScroll: 50,\n fixedBackground: 0\n });\n <\/script>\n </body>\n </html>\n ':"tailwind"===t?'\n <!DOCTYPE html>\n <html lang="en">\n <head>\n <meta charset="utf-8">\n <title>Page</title>\n <meta name="viewport" content="width=device-width, initial-scale=1">\n <meta name="description" content="">\n <link rel="shortcut icon" href="#">\n \n <link href="[%PATH%]/assets/minimalist-blocks/content-tailwind.css" rel="stylesheet"> \n <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">\n <link href="[%PATH%]/assets/frameworks/tailwindcss/styles.css" rel="stylesheet"> \n\n [%MAINCSS%]\n [%SECTIONCSS%]\n </head>\n <body style="touch-action: pan-y">\n \n <main id="main">\n <div class="is-wrapper">\n [%CONTENT%]\n </div>\n </main>\n \n <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">\n <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">\n <script src="[%PATH%]/assets/scripts/glide/glide.js"><\/script>\n\n <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">\n <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"><\/script>\n\n <script src="[%PATH%]/box/box-flex.js"><\/script>\n\n \x3c!-- Optional: if you want to add smooth scrolling --\x3e\n <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"><\/script>\n <script>\n SmoothScroll({\n frameRate: 150,\n animationTime: 800,\n stepSize: 120,\n pulseAlgorithm: 1,\n pulseScale: 4,\n pulseNormalize: 1,\n accelerationDelta: 300,\n accelerationMax: 2,\n keyboardSupport: 1,\n arrowScroll: 50,\n fixedBackground: 0\n });\n <\/script>\n </body>\n </html>\n ':"bootstrap"===t?'\n <!DOCTYPE html>\n <html lang="en">\n <head>\n <meta charset="utf-8">\n <title>Page</title>\n <meta name="viewport" content="width=device-width, initial-scale=1">\n <meta name="description" content="">\n <link rel="shortcut icon" href="#">\n \n <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"> \n <style>\n /* Bootstrap css adjustment to enable column drag to resize */\n .row > *,\n .column {\n max-width: unset !important;\n }\n /* To fix on <1440 (for example), with max-width unset, columns get flowing */\n @media (min-width: 768px) {\n .row {\n flex-wrap: nowrap;\n }\n }\n </style>\n \n <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet"> \n <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">\n \n [%MAINCSS%]\n [%SECTIONCSS%]\n </head>\n <body style="touch-action: pan-y">\n \n <main id="main">\n <div class="is-wrapper">\n [%CONTENT%]\n </div>\n </main>\n \n <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">\n <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">\n <script src="[%PATH%]/assets/scripts/glide/glide.js"><\/script>\n\n <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">\n <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"><\/script>\n\n <script src="[%PATH%]/box/box-flex.js"><\/script>\n\n \x3c!-- Optional: if you want to add smooth scrolling --\x3e\n <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"><\/script>\n <script>\n SmoothScroll({\n frameRate: 150,\n animationTime: 800,\n stepSize: 120,\n pulseAlgorithm: 1,\n pulseScale: 4,\n pulseNormalize: 1,\n accelerationDelta: 300,\n accelerationMax: 2,\n keyboardSupport: 1,\n arrowScroll: 50,\n fixedBackground: 0\n });\n <\/script>\n </body>\n </html>\n ':"foundation"===t?'\n <!DOCTYPE html>\n <html lang="en">\n <head>\n <meta charset="utf-8">\n <title>Page</title>\n <meta name="viewport" content="width=device-width, initial-scale=1">\n <meta name="description" content="">\n <link rel="shortcut icon" href="#">\n\n <link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation.min.css" rel="stylesheet" >\n <link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation-float.min.css" rel="stylesheet" > \n\n <link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet"> \n <link href="[%PATH%]/box/box-flex.css" rel="stylesheet">\n \n [%MAINCSS%]\n [%SECTIONCSS%]\n </head>\n <body style="touch-action: pan-y">\n \n <main id="main">\n <div class="is-wrapper">\n [%CONTENT%]\n </div>\n </main>\n \n <link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet">\n <link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet">\n <script src="[%PATH%]/assets/scripts/glide/glide.js"><\/script>\n\n <link href="[%PATH%]/assets/scripts/navbar/navbar.css" rel="stylesheet">\n <script src="[%PATH%]/assets/scripts/navbar/navbar.min.js"><\/script>\n\n <script src="[%PATH%]/box/box-flex.js"><\/script>\n\n \x3c!-- Optional: if you want to add smooth scrolling --\x3e\n <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"><\/script>\n <script>\n SmoothScroll({\n frameRate: 150,\n animationTime: 800,\n stepSize: 120,\n pulseAlgorithm: 1,\n pulseScale: 4,\n pulseNormalize: 1,\n accelerationDelta: 300,\n accelerationMax: 2,\n keyboardSupport: 1,\n arrowScroll: 50,\n fixedBackground: 0\n });\n <\/script>\n </body>\n </html>\n ':"[%CONTENT%]",e}}const hy=new t;return class{constructor(t={}){const i={wrapper:".is-wrapper",previewURL:"preview.html",useSidebar:!0,disableLoadingStatus:!1,sidebarData:{buttons:[{name:"section",title:"Sections"},{name:"snippet",title:"Content Blocks"},{name:"typography",title:"Typography"},{name:"code",title:"HTML"}]},htmlSyntaxHighlighting:!0,enableContentStyle:!0,disableStaticSection:!1,framework:"",imageRenameOnEdit:!0,designUrl1:"assets/designs/basic.js",designUrl2:"assets/designs/examples.js",designPath:"assets/designs/",designPathReplace:[],defaultDesignCategory:5,templates:[],featuredCategories:[{id:1,designId:1,name:"Basic"},{id:2,designId:1,name:"Slider"},{id:1,designId:2,name:"Header"},{id:2,designId:2,name:"Article"},{id:3,designId:2,name:"Photos"}],defaultCategory:{id:1,designId:1},templateThumbnailSize:"",scriptPath:"",snippetUrl:"assets/minimalist-blocks/content.js",snippetPath:"assets/minimalist-blocks/",snippetPathReplace:[],assetPath:"assets/",modulePath:"assets/modules/",contentStylePath:"assets/styles/",pluginPath:"contentbuilder/",fontAssetPath:"assets/fonts/",plugins:[{name:"preview",showInMainToolbar:!0,showInElementToolbar:!0},{name:"wordcount",showInMainToolbar:!0,showInElementToolbar:!0},{name:"symbols",showInMainToolbar:!0,showInElementToolbar:!1}],disableConfig:!1,maxColumns:6,useLightbox:!0,lightboxArrow:!0,themes:[["#ffffff","",""],["#282828","dark","contentbuilder/themes/dark.css"],["#0088dc","colored","contentbuilder/themes/colored-blue.css"],["#006add","colored","contentbuilder/themes/colored-blue6.css"],["#0a4d92","colored","contentbuilder/themes/colored-darkblue.css"],["#96af16","colored","contentbuilder/themes/colored-green.css"],["#f3522b","colored","contentbuilder/themes/colored-orange.css"],["#b92ea6","colored","contentbuilder/themes/colored-magenta.css"],["#e73171","colored","contentbuilder/themes/colored-pink.css"],["#782ec5","colored","contentbuilder/themes/colored-purple.css"],["#ed2828","colored","contentbuilder/themes/colored-red.css"],["#f9930f","colored","contentbuilder/themes/colored-yellow.css"],["#13b34b","colored","contentbuilder/themes/colored-green4.css"],["#333333","colored-dark","contentbuilder/themes/colored-dark.css"],["#dbe5f5","light","contentbuilder/themes/light-blue.css"],["#fbe6f2","light","contentbuilder/themes/light-pink.css"],["#dcdaf3","light","contentbuilder/themes/light-purple.css"],["#ffe9e0","light","contentbuilder/themes/light-red.css"],["#fffae5","light","contentbuilder/themes/light-yellow.css"],["#ddf3dc","light","contentbuilder/themes/light-green.css"],["#c7ebfd","light","contentbuilder/themes/light-blue2.css"],["#ffd5f2","light","contentbuilder/themes/light-pink2.css"],["#eadafb","light","contentbuilder/themes/light-purple2.css"],["#c5d4ff","light","contentbuilder/themes/light-blue3.css"],["#ffefb1","light","contentbuilder/themes/light-yellow2.css"],["#fefefe","light","contentbuilder/themes/light-gray3.css"],["#e5e5e5","light","contentbuilder/themes/light-gray2.css"],["#dadada","light","contentbuilder/themes/light-gray.css"],["#3f4ec9","colored","contentbuilder/themes/colored-blue2.css"],["#6779d9","colored","contentbuilder/themes/colored-blue4.css"],["#10b9d7","colored","contentbuilder/themes/colored-blue3.css"],["#006add","colored","contentbuilder/themes/colored-blue5.css"],["#e92f94","colored","contentbuilder/themes/colored-pink3.css"],["#a761d9","colored","contentbuilder/themes/colored-purple2.css"],["#f9930f","colored","contentbuilder/themes/colored-yellow2.css"],["#f3522b","colored","contentbuilder/themes/colored-red3.css"],["#36b741","colored","contentbuilder/themes/colored-green2.css"],["#00c17c","colored","contentbuilder/themes/colored-green3.css"],["#fb3279","colored","contentbuilder/themes/colored-pink2.css"],["#ff6d13","colored","contentbuilder/themes/colored-orange2.css"],["#f13535","colored","contentbuilder/themes/colored-red2.css"],["#646464","colored","contentbuilder/themes/colored-gray.css"],["#3f4ec9","dark","contentbuilder/themes/dark-blue.css"],["#0b4d92","dark","contentbuilder/themes/dark-blue2.css"],["#006add","dark","contentbuilder/themes/dark-blue3.css"],["#5f3ebf","dark","contentbuilder/themes/dark-purple.css"],["#e92f69","dark","contentbuilder/themes/dark-pink.css"],["#4c4c4c","dark","contentbuilder/themes/dark-gray.css"],["#ed2828","dark","contentbuilder/themes/dark-red.css"],["#006add","colored","contentbuilder/themes/colored-blue8.css"],["#ff7723","colored","contentbuilder/themes/colored-orange3.css"],["#ff5722","colored","contentbuilder/themes/colored-red5.css"],["#f13535","colored","contentbuilder/themes/colored-red4.css"],["#00bd79","colored","contentbuilder/themes/colored-green5.css"],["#557ae9","colored","contentbuilder/themes/colored-blue7.css"],["#fb3279","colored","contentbuilder/themes/colored-pink4.css"]],backgroundColor:"#f1f1f1",imageselect:"",fileselect:"",imageSelect:"",fileSelect:"",videoselect:"",videoSelect:"",audioSelect:"",mediaSelect:"",selectIcon:'<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-folder"></use></svg>',otherSelect:"",otherSelectCaption:"Select Document",otherSelectIcon:'<svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#icon-list-search"></use></svg>',imageSelectWidth:"1024px",imageSelectHeight:"80vh",fileSelectWidth:"1024px",fileSelectHeight:"80vh",videoSelectWidth:"1024px",videoSelectHeight:"80vh",audioSelectWidth:"1024px",audioSelectHeight:"80vh",mediaSelectWidth:"1024px",mediaSelectHeight:"80vh",assetRefresh:!1,slider:"",navbar:!1,onRender:function(){},onChange:function(){},onCoverImageSelectClick:null,coverImageHandler:"",customval:"",enableAnimation:!1,colors:["#ff8f00","#ef6c00","#d84315","#c62828","#58362f","#37474f","#353535","#f9a825","#9e9d24","#558b2f","#ad1457","#6a1b9a","#4527a0","#616161","#00b8c9","#009666","#2e7d32","#0277bd","#1565c0","#283593","#9e9e9e"],gradientcolors:[["linear-gradient(0deg, rgb(255, 57, 25), rgb(249, 168, 37))","light"],["linear-gradient(0deg, rgb(255, 57, 25), rgb(255, 104, 15))","light"],["linear-gradient(0deg, #FF5722, #FF9800)","light"],["linear-gradient(0deg, #613ca2, rgb(110, 123, 217))","light"],["linear-gradient(0deg, rgb(65, 70, 206), rgb(236, 78, 130))","light"],["linear-gradient(0deg, rgb(0, 150, 102), rgb(90, 103, 197))","light"],["linear-gradient(30deg, rgb(249, 119, 148), rgb(98, 58, 162))","light"],["linear-gradient(0deg, rgb(223, 70, 137), rgb(90, 103, 197))","light"],["linear-gradient(0deg, rgb(40, 53, 147), rgb(90, 103, 197))","light"],["linear-gradient(0deg, rgb(21, 101, 192), rgb(52, 169, 239))","light"],["linear-gradient(0deg, rgb(32, 149, 219), rgb(139, 109, 230))","light"],["linear-gradient(0deg, rgb(90, 103, 197), rgb(0, 184, 201))","light"],["linear-gradient(0deg, rgb(0, 184, 201), rgb(253, 187, 45))","light"],["linear-gradient(0deg, rgb(255, 208, 100), rgb(239, 98, 159))","light"],["linear-gradient(0deg, rgb(0, 214, 223), rgb(130, 162, 253))","light"],["linear-gradient(0deg, rgb(50, 234, 251), rgb(248, 247, 126))","dark"],["linear-gradient(0deg, rgb(141, 221, 255), rgb(255, 227, 255))","dark"],["linear-gradient(0deg, rgb(255, 170, 170), rgb(255, 255, 200))","dark"],["linear-gradient(0deg, rgb(239, 239, 239), rgb(252, 252, 252))","dark"]],photoselect:"",moduleConfig:[],largerImageHandler:"",imageHandler:"",mediaHandler:"",videoHandler:"",audioHandler:"",fileHandler:"",cellFormat:"",rowFormat:"",row:"",cols:[],colequal:[],colsizes:[],classReplace:[],columnTool:!0,elementTool:!0,buttons:["bold","italic","underline","formatting","color","align","textsettings","createLink","tags","|","undo","redo","zoom","more"],buttonsMore:["icon","image","|","list","font","formatPara","|","preferences"],elementButtons:["left","center","right","full","undo","redo","zoom","more"],elementButtonsMore:["|","preferences"],iconButtons:["icon","color","textsettings","createLink","|","undo","redo","zoom","more"],iconButtonsMore:["|","preferences"],customTags:[],animateModal:!1,elementAnimate:!1,elementEditor:!0,imageQuality:.92,columnHtmlEditor:!0,rowHtmlEditor:!0,rowMoveButtons:!0,scrollableEditingToolbar:!0,toolbar:"top",toolbarDisplay:"auto",toolbarAddSnippetButton:!1,paste:"html-without-styles",builderMode:"",rowcolOutline:!0,elementSelection:!0,animatedSorting:!1,dragWithoutHandle:!1,addButtonPlacement:"",snippetCategories:[[120,"Basic"],[118,"Article"],[101,"Headline"],[119,"Buttons"],[102,"Photos"],[103,"Profile"],[116,"Contact"],[104,"Products"],[105,"Features"],[106,"Process"],[107,"Pricing"],[108,"Skills"],[109,"Achievements"],[110,"Quotes"],[111,"Partners"],[112,"As Featured On"],[113,"Page Not Found"],[114,"Coming Soon"],[115,"Help, FAQ"]],defaultSnippetCategory:120,outlineMode:"",elementHighlight:!0,rowTool:"right",toolStyle:"",outlineStyle:"",snippetAddTool:!0,mobileSimpleEdit:!1,clearPreferences:!1,imageEmbed:!0,undoRedoStyles:!0,undoContainerOnly:!1,absolutePath:!1,maxEmbedImageWidth:1600,zoom:.6,shortenHTML:!0,advancedTimeline:!0,previewStyle:"top:auto;bottom:30px;left:90px;right:auto;",livePreviewOpen:!1,livePreviewAlwaysReload:!1,sectionTemplate:'\n <div class="is-section is-box is-section-100 type-poppins">\n <div class="is-overlay"></div>\n <div class="is-boxes">\n <div class="is-box-centered">\n <div class="is-container is-content-900 v2 size-18 leading-14">\n [%CONTENT%]\n </div>\n </div>\n </div>\n </div>\n ',contentStyleWithSample:!1,contentSizes:[300,320,340,360,380,400,420,440,460,480,500,520,540,560,580,600,620,640,660,680,700,720,740,760,780,800,820,840,860,880,900,920,940,960,970,980,1e3,1020,1040,1050,1060,1080,1100,1120,1140,1160,1180,1200,1220,1240,1260,1280,1300,1320,1340,1360,1380,1400,1420,1440,1460,1480,1500,1520,1540,1560,1580,1600,1620,1640,1660,1680,1700,1720,1740,1760,1780,1800,1820,1840,1860,1880,1900,1920,1940,1960,1980,2e3,2020,2040,2060,2080,2100,2120,2140,2160,2180,2200,2220,2240,2260,2280,2300,2320,2340,2360,2380,2400,2420,2440,2460,2480,2500,2520,2540,2560,2580,2600,2620,2640,2660,2680,2700],contentStyles:{data:{categories:[{id:-1,desc:"ALL"},{id:1,desc:"Sans-serif & Sans-serif"},{id:2,desc:"Serif & Serif"},{id:3,desc:"Sans-serif & Serif"},{id:4,desc:"Serif & Sans-serif"},{id:5,desc:"Monospace & Monospace"},{id:6,desc:"Monospace & Sans-serif"},{id:7,desc:"Sans-serif & Monospace"},{id:8,desc:"Display & Sans-serif"},{id:9,desc:"Handwriting & Sans-serif"},{id:10,desc:"Display & Serif"},{id:11,desc:"Handwriting & Serif"},{id:12,desc:"Display & Monospace"},{id:13,desc:"Handwriting & Monospace"},{id:14,desc:"Display & Display"}],styles:[{css:"basetype-opensans.css",sectioncss:"type-opensans.css",classname:"type-opensans",img:"000.png",category:9,default:!0,caption:"Open Sans"},{css:"basetype-spectralsc-karma.css",sectioncss:"type-spectralsc-karma.css",classname:"type-spectralsc-karma",img:"004.png",category:2,default:!0,caption:"Spectral SC & Karma"},{css:"basetype-alegreyasanssc-hind.css",sectioncss:"type-alegreyasanssc-hind.css",classname:"type-alegreyasanssc-hind",img:"006.png",category:1,default:!0,caption:"Alegreya Sans SC & Hind"},{css:"basetype-cabinsketch-montserrat.css",sectioncss:"type-cabinsketch-montserrat.css",classname:"type-cabinsketch-montserrat",img:"007.png",category:8,default:!0,caption:"Cabin Sketch & Montserrat"},{css:"basetype-anonymouspro-catamaran.css",sectioncss:"type-anonymouspro-catamaran.css",classname:"type-anonymouspro-catamaran",img:"010.png",category:6,default:!0,caption:"Anonymous Pro & Catamaran"},{css:"basetype-nothingyouc-ibmplexmono.css",sectioncss:"type-nothingyouc-ibmplexmono.css",classname:"type-nothingyouc-ibmplexmono",img:"011.png",category:13,default:!0,caption:"Nothing You Could Do & IBM Plex Mono"},{css:"basetype-juliussansone-taviraj.css",sectioncss:"type-juliussansone-taviraj.css",classname:"type-juliussansone-taviraj",img:"012.png",category:3,default:!0,caption:"Julius Sans One & Taviraj"},{css:"basetype-voltaire-sourcecodepro.css",sectioncss:"type-voltaire-sourcecodepro.css",classname:"type-voltaire-sourcecodepro",img:"013.png",category:7,default:!0,caption:"Voltaire & Source Code Pro"},{css:"basetype-oregano-zillaslab.css",sectioncss:"type-oregano-zillaslab.css",classname:"type-oregano-zillaslab",img:"014.png",category:10,default:!0,caption:"Oregano & Zilla Slab"},{css:"basetype-anonymouspro.css",sectioncss:"type-anonymouspro.css",classname:"type-anonymouspro",img:"016.png",category:5,default:!1,caption:"Anonymous Pro"},{css:"basetype-dancingscript-anonymouspro.css",sectioncss:"type-dancingscript-anonymouspro.css",classname:"type-dancingscript-anonymouspro",img:"018.png",category:13,default:!1,caption:"Dancing Script & Anonymous Pro"},{css:"basetype-unicaone-cormorantgaramond.css",sectioncss:"type-unicaone-cormorantgaramond.css",classname:"type-unicaone-cormorantgaramond",img:"019.png",category:10,default:!1,caption:"Unica One & Cormorant Garamond"},{css:"basetype-allan-overpassmono.css",sectioncss:"type-allan-overpassmono.css",classname:"type-allan-overpassmono",img:"020.png",category:12,default:!1,caption:"Allan & Overpass Mono"},{css:"basetype-averialibre-barlow.css",sectioncss:"type-averialibre-barlow.css",classname:"type-averialibre-barlow",img:"021.png",category:8,default:!1,caption:"Averia Libre & Barlow"},{css:"basetype-merriweathersans-martel.css",sectioncss:"type-merriweathersans-martel.css",classname:"type-merriweathersans-martel",img:"022.png",category:3,default:!1,caption:"Merriweather Sans & Martel"},{css:"basetype-poppins.css",sectioncss:"type-poppins.css",classname:"type-poppins",img:"023.png",category:1,default:!1,caption:"Poppins"},{css:"basetype-specialelite-encodesans.css",sectioncss:"type-specialelite-encodesans.css",classname:"type-specialelite-encodesans",img:"026.png",category:8,default:!1,caption:"Special Elite & Encode Sans"},{css:"basetype-marcellussc-heebo.css",sectioncss:"type-marcellussc-heebo.css",classname:"type-marcellussc-heebo",img:"028.png",category:4,default:!1,caption:"Marcellus SC & Heebo"},{css:"basetype-oswald-cousine.css",sectioncss:"type-oswald-cousine.css",classname:"type-oswald-cousine",img:"029.png",category:7,default:!1,caption:"Oswald & Cousine"},{css:"basetype-oranienbaum-sourcesanspro.css",sectioncss:"type-oranienbaum-sourcesanspro.css",classname:"type-oranienbaum-sourcesanspro",img:"031.png",category:4,default:!1,caption:"Oranienbaum & Source Sans Pro"},{css:"basetype-sriracha-arvo.css",sectioncss:"type-sriracha-arvo.css",classname:"type-sriracha-arvo",img:"032.png",category:11,default:!1,caption:"Sriracha & Arvo"},{css:"basetype-merriweather.css",sectioncss:"type-merriweather.css",classname:"type-merriweather",img:"033.png",category:2,default:!1,caption:"Merriweather"},{css:"basetype-badscript-rokkitt.css",sectioncss:"type-badscript-rokkitt.css",classname:"type-badscript-rokkitt",img:"034.png",category:11,default:!1,caption:"Bad Script & Rokkitt"},{css:"basetype-inconsolata.css",sectioncss:"type-inconsolata.css",classname:"type-inconsolata",img:"036.png",category:5,default:!1,caption:"Inconsolata"},{css:"basetype-novamono-robotomono.css",sectioncss:"type-novamono-robotomono.css",classname:"type-novamono-robotomono",img:"037.png",category:5,default:!1,caption:"Nova Mono & Roboto Mono"},{css:"basetype-spacemono.css",sectioncss:"type-spacemono.css",classname:"type-spacemono",img:"038.png",category:5,default:!1,caption:"Space Mono"},{css:"basetype-elsie-frankruhllibre.css",sectioncss:"type-elsie-frankruhllibre.css",classname:"type-elsie-frankruhllibre",img:"042.png",category:10,default:!1,caption:"Elsie & Frank Ruhl Libre"},{css:"basetype-playfairdisp-petitformalscr.css",sectioncss:"type-playfairdisp-petitformalscr.css",classname:"type-playfairdisp-petitformalscr",img:"043.png",category:2,default:!1,caption:"Playfair Display"},{css:"basetype-josefinsans-neuton.css",sectioncss:"type-josefinsans-neuton.css",classname:"type-josefinsans-neuton",img:"044.png",category:3,default:!1,caption:"Josefin Sans & Neuton"},{css:"basetype-stintultracon-inconsolata.css",sectioncss:"type-stintultracon-inconsolata.css",classname:"type-stintultracon-inconsolata",img:"045.png",category:12,default:!1,caption:"Stint Ultra Condensed & Inconsolata"},{css:"basetype-raleway-playfairdisplay.css",sectioncss:"type-raleway-playfairdisplay.css",classname:"type-raleway-playfairdisplay",img:"047.png",category:1,default:!1,caption:"Raleway"},{css:"basetype-ubuntumono-sourcecodepro.css",sectioncss:"type-ubuntumono-sourcecodepro.css",classname:"type-ubuntumono-sourcecodepro",img:"049.png",category:5,default:!1,caption:"Ubuntu Mono & Source Code Pro"},{css:"basetype-sharetechmono-nunito.css",sectioncss:"type-sharetechmono-nunito.css",classname:"type-sharetechmono-nunito",img:"050.png",category:6,default:!1,caption:"Share Tech Mono & Nunito"},{css:"basetype-lato.css",sectioncss:"type-lato.css",classname:"type-lato",img:"051.png",category:1,default:!1,caption:"Lato"},{css:"basetype-pathwaygothicone-merriweather.css",sectioncss:"type-pathwaygothicone-merriweather.css",classname:"type-pathwaygothicone-merriweather",img:"052.png",category:3,default:!1,caption:"Pathway Gothic One & Merriweather"},{css:"basetype-forum-nanumgothiccoding.css",sectioncss:"type-forum-nanumgothiccoding.css",classname:"type-forum-nanumgothiccoding",img:"053.png",category:12,default:!1,caption:"Forum & Nanum Gothic Coding"},{css:"basetype-bilbo-halant.css",sectioncss:"type-bilbo-halant.css",classname:"type-bilbo-halant",img:"054.png",category:11,default:!1,caption:"Bilbo & Halant"},{css:"basetype-hammersmithone-poppins.css",sectioncss:"type-hammersmithone-poppins.css",classname:"type-hammersmithone-poppins",img:"057.png",category:1,default:!1,caption:"Hammersmith One & Poppins"},{css:"basetype-arimamadurai.css",sectioncss:"type-arimamadurai.css",classname:"type-arimamadurai",img:"058.png",category:14,default:!1,caption:"Arima Madurai"},{css:"basetype-teko-muktamahee.css",sectioncss:"type-teko-muktamahee.css",classname:"type-teko-muktamahee",img:"059.png",category:1,default:!1,caption:"Teko & Mukta Mahee"},{css:"basetype-heebo-ibmplexmono.css",sectioncss:"type-heebo-ibmplexmono.css",classname:"type-heebo-ibmplexmono",img:"060.png",category:7,default:!1,caption:"Heebo & IBM Plex Mono"},{css:"basetype-sairacon-thegirlnextdoor.css",sectioncss:"type-sairacon-thegirlnextdoor.css",classname:"type-sairacon-thegirlnextdoor",img:"062.png",category:1,default:!1,caption:"Saira Condensed"},{css:"basetype-frankruhllibre-lato.css",sectioncss:"type-frankruhllibre-lato.css",classname:"type-frankruhllibre-lato",img:"063.png",category:4,default:!1,caption:"Frank Ruhl Libre & Lato"},{css:"basetype-yantramanav-ibmplexserif.css",sectioncss:"type-yantramanav-ibmplexserif.css",classname:"type-yantramanav-ibmplexserif",img:"064.png",category:1,default:!1,caption:"Yantramanav & IBM Plex Serif"},{css:"basetype-quicksand-kalam.css",sectioncss:"type-quicksand-kalam.css",classname:"type-quicksand-kalam",img:"065.png",category:1,default:!1,caption:"Quicksand & Kalam"},{css:"basetype-ibmplexmono.css",sectioncss:"type-ibmplexmono.css",classname:"type-ibmplexmono",img:"066.png",category:5,default:!1,caption:"IBM Plex Mono"},{css:"basetype-cinzeldecor-palanquin.css",sectioncss:"type-cinzeldecor-palanquin.css",classname:"type-cinzeldecor-palanquin",img:"067.png",category:8,default:!1,caption:"Cinzel Decorative & Palanquin"},{css:"basetype-oswald-biryani.css",sectioncss:"type-oswald-biryani.css",classname:"type-oswald-biryani",img:"069.png",category:1,default:!1,caption:"Oswald & Biryani"},{css:"basetype-yanonekaff-josefinsans.css",sectioncss:"type-yanonekaff-josefinsans.css",classname:"type-yanonekaff-josefinsans",img:"070.png",category:1,default:!1,caption:"Yanone Kaffeesatz & Josefin Sans"},{css:"basetype-abrilfatface-assistant.css",sectioncss:"type-abrilfatface-assistant.css",classname:"type-abrilfatface-assistant",img:"071.png",category:8,default:!1,caption:"Abril Fatface & Assistant"},{css:"basetype-nanumgothiccod-firasanscon.css",sectioncss:"type-nanumgothiccod-firasanscon.css",classname:"type-nanumgothiccod-firasanscon",img:"072.png",category:6,default:!1,caption:"Nanum Gothic Coding & Fira Sans Condensed"},{css:"basetype-inder-trirong.css",sectioncss:"type-inder-trirong.css",classname:"type-inder-trirong",img:"073.png",category:3,default:!1,caption:"Inder & Trirong"},{css:"basetype-atma-tajawal.css",sectioncss:"type-atma-tajawal.css",classname:"type-atma-tajawal",img:"075.png",category:8,default:!1,caption:"Atma & Tajawal"},{css:"basetype-prata-hindsiliguri.css",sectioncss:"type-prata-hindsiliguri.css",classname:"type-prata-hindsiliguri",img:"076.png",category:4,default:!1,caption:"Prata & Hind Siliguri"},{css:"basetype-federo-gothica1.css",sectioncss:"type-federo-gothica1.css",classname:"type-federo-gothica1",img:"078.png",category:1,default:!1,caption:"Federo & Gothic A1"},{css:"basetype-fjallaone-ibmplexserif.css",sectioncss:"type-fjallaone-ibmplexserif.css",classname:"type-fjallaone-ibmplexserif",img:"079.png",category:3,default:!1,caption:"Fjalla One & IBM Plex Serif"},{css:"basetype-cormorantsc-ibmplexsanscon.css",sectioncss:"type-cormorantsc-ibmplexsanscon.css",classname:"type-cormorantsc-ibmplexsanscon",img:"081.png",category:4,default:!1,caption:"Cormorant SC & IBM Plex Sans Condensed"},{css:"basetype-kalam-robotomono.css",sectioncss:"type-kalam-robotomono.css",classname:"type-kalam-robotomono",img:"082.png",category:13,default:!1,caption:"Kalam & Roboto Mono"},{css:"basetype-fugazone-librefranklin.css",sectioncss:"type-fugazone-librefranklin.css",classname:"type-fugazone-librefranklin",img:"083.png",category:8,default:!1,caption:"Fugaz One & Libre Franklin"},{css:"basetype-yeonsung-palanquin.css",sectioncss:"type-yeonsung-palanquin.css",classname:"type-yeonsung-palanquin",img:"085.png",category:8,default:!1,caption:"Yeon Sung & Palanquin"},{css:"basetype-rancho-robotoslab.css",sectioncss:"type-rancho-robotoslab.css",classname:"type-rancho-robotoslab",img:"086.png",category:11,default:!1,caption:"Rancho & Roboto Slab"},{css:"basetype-tenaram-overpassmono.css",sectioncss:"type-tenaram-overpassmono.css",classname:"type-tenaram-overpassmono",img:"087.png",category:7,default:!1,caption:"Tenali Ramakrishna & Overpass Mono"},{css:"basetype-thegirlnextdoor-sourcesanspro.css",sectioncss:"type-thegirlnextdoor-sourcesanspro.css",classname:"type-thegirlnextdoor-sourcesanspro",img:"088.png",category:9,default:!1,caption:"The Girl Next Door & Source Sans Pro"},{css:"basetype-boogaloo-inconsolata.css",sectioncss:"type-boogaloo-inconsolata.css",classname:"type-boogaloo-inconsolata",img:"090.png",category:12,default:!1,caption:"Boogaloo & Inconsolata"},{css:"basetype-caveat-sourcecodepro.css",sectioncss:"type-caveat-sourcecodepro.css",classname:"type-caveat-sourcecodepro",img:"091.png",category:13,default:!1,caption:"Caveat & Source Code Pro"},{css:"basetype-passionone-worksans.css",sectioncss:"type-passionone-worksans.css",classname:"type-passionone-worksans",img:"092.png",category:8,default:!1,caption:"Passion One & Work Sans"},{css:"basetype-anticdidone-halant.css",sectioncss:"type-anticdidone-halant.css",classname:"type-anticdidone-halant",img:"093.png",category:2,default:!1,caption:"Antic Didone & Halant"},{css:"basetype-adventpro-opensans.css",sectioncss:"type-adventpro-opensans.css",classname:"type-adventpro-opensans",img:"094.png",category:1,default:!1,caption:"Advent Pro & Open Sans"},{css:"basetype-cutivemono-lato.css",sectioncss:"type-cutivemono-lato.css",classname:"type-cutivemono-lato",img:"095.png",category:6,default:!1,caption:"Cutive Mono & Lato"},{css:"basetype-elsie-montserrat.css",sectioncss:"type-elsie-montserrat.css",classname:"type-elsie-montserrat",img:"096.png",category:8,default:!1,caption:"Elsie & Montserrat"},{css:"basetype-macondo-mukta.css",sectioncss:"type-macondo-mukta.css",classname:"type-macondo-mukta",img:"097.png",category:8,default:!1,caption:"Macondo & Mukta"},{css:"basetype-oswald-opensans.css",sectioncss:"type-oswald-opensans.css",classname:"type-oswald-opensans",img:"098.png",category:1,default:!1,caption:"Oswald & Open Sans"},{css:"basetype-poppins-lekton.css",sectioncss:"type-poppins-lekton.css",classname:"type-poppins-lekton",img:"099.png",category:1,default:!1,caption:"Poppins & Lekton"},{css:"basetype-raleway-neuton.css",sectioncss:"type-raleway-neuton.css",classname:"type-raleway-neuton",img:"100.png",category:3,default:!1,caption:"Raleway & Neuton"},{css:"basetype-sourcecodepro-nunitosans.css",sectioncss:"type-sourcecodepro-nunitosans.css",classname:"type-sourcecodepro-nunitosans",img:"101.png",category:6,default:!1,caption:"Source Code Pro & Nunito Sans"},{css:"basetype-tangerine-opensans.css",sectioncss:"type-tangerine-opensans.css",classname:"type-tangerine-opensans",img:"102.png",category:9,default:!1,caption:"Tangerine & Open Sans"},{css:"basetype-alegreya-lato.css",sectioncss:"type-alegreya-lato.css",classname:"type-alegreya-lato",img:"103.png",category:4,default:!1,caption:"Alegreya & Lato"},{css:"basetype-amaticsc-lato.css",sectioncss:"type-amaticsc-lato.css",classname:"type-amaticsc-lato",img:"104.png",category:9,default:!1,caption:"Amatic SC & Lato"},{css:"basetype-heebo-ibmplexmono-2.css",sectioncss:"type-heebo-ibmplexmono-2.css",classname:"type-heebo-ibmplexmono-2",img:"105.png",category:7,default:!1,caption:"Heebo & IBM Plex Mono"},{css:"basetype-juliussansone-robotocondensed.css",sectioncss:"type-juliussansone-robotocondensed.css",classname:"type-juliussansone-robotocondensed",img:"106.png",category:1,default:!1,caption:"Julius Sans One & Roboto Condensed"},{css:"basetype-montserrat-roboto.css",sectioncss:"type-montserrat-roboto.css",classname:"type-montserrat-roboto",img:"107.png",category:1,default:!1,caption:"Montserrat & Roboto"},{css:"basetype-nothingyouc-ibmplexmono-2.css",sectioncss:"type-nothingyouc-ibmplexmono-2.css",classname:"type-nothingyouc-ibmplexmono-2",img:"108.png",category:13,default:!1,caption:"Nothing You Could Do & IBM Plex Mono"},{css:"basetype-raleway-lato.css",sectioncss:"type-raleway-lato.css",classname:"type-raleway-lato",img:"109.png",category:1,default:!1,caption:"Raleway & Lato"},{css:"basetype-raleway-lusitana.css",sectioncss:"type-raleway-lusitana.css",classname:"type-raleway-lusitana",img:"110.png",category:3,default:!1,caption:"Raleway & Lusitana"},{css:"basetype-rufina-oxygen.css",sectioncss:"type-rufina-oxygen.css",classname:"type-rufina-oxygen",img:"111.png",category:4,default:!1,caption:"Rufina & Oxygen"},{css:"basetype-sacramento-opensans.css",sectioncss:"type-sacramento-opensans.css",classname:"type-sacramento-opensans",img:"112.png",category:9,default:!1,caption:"Sacramento & Open Sans"},{css:"basetype-specialelite-playfairdisplay.css",sectioncss:"type-specialelite-playfairdisplay.css",classname:"type-specialelite-playfairdisplay",img:"113.png",category:10,default:!1,caption:"Special Elite & Playfair Display"},{css:"basetype-unicaone-sourcesanspro.css",sectioncss:"type-unicaone-sourcesanspro.css",classname:"type-unicaone-sourcesanspro",img:"114.png",category:8,default:!1,caption:"Unica One & Source Sans Pro"},{css:"basetype-amaticsc-josepfinsans.css",sectioncss:"type-amaticsc-josepfinsans.css",classname:"type-amaticsc-josepfinsans",img:"001.png",category:9,default:!0,caption:"Amatic SC & Josefin Sans"},{css:"basetype-sourcesanspro-anonymouspro.css",sectioncss:"type-sourcesanspro-anonymouspro.css",classname:"type-sourcesanspro-anonymouspro",img:"002.png",category:7,default:!0,caption:"Source Sans Pro & Anonymous Pro"},{css:"basetype-poppins-oldstandardtt.css",sectioncss:"type-poppins-oldstandardtt.css",classname:"type-poppins-oldstandardtt",img:"003.png",category:3,default:!0,caption:"Poppins & Old Standard TT"},{css:"basetype-yesteryear-chivo.css",sectioncss:"type-yesteryear-chivo.css",classname:"type-yesteryear-chivo",img:"005.png",category:9,default:!0,caption:"Yesteryear & Chivo"},{css:"basetype-ptserif-poppins.css",sectioncss:"type-ptserif-poppins.css",classname:"type-ptserif-poppins",img:"008.png",category:4,default:!0,caption:"PT Serif & Poppins"},{css:"basetype-kellyslab-yantramanav.css",sectioncss:"type-kellyslab-yantramanav.css",classname:"type-kellyslab-yantramanav",img:"009.png",category:8,default:!0,caption:"Kelly Slab & Yantramanav"},{css:"basetype-yellowtail-frankruhllibre.css",sectioncss:"type-yellowtail-frankruhllibre.css",classname:"type-yellowtail-frankruhllibre",img:"015.png",category:11,default:!0,caption:"Yellowtail & Frank Ruhl Libre"},{css:"basetype-sedgwickave-spectral.css",sectioncss:"type-sedgwickave-spectral.css",classname:"type-sedgwickave-spectral",img:"017.png",category:10,default:!1,caption:"Sedgwick Ave & Spectral"},{css:"basetype-satisfy-economica.css",sectioncss:"type-satisfy-economica.css",classname:"type-satisfy-economica",img:"024.png",category:9,default:!1,caption:"Satisfy & Economica"},{css:"basetype-josefinsans-lekton.css",sectioncss:"type-josefinsans-lekton.css",classname:"type-josefinsans-lekton",img:"025.png",category:1,default:!1,caption:"Josefin Sans & Lekton"},{css:"basetype-parisienne-maitree.css",sectioncss:"type-parisienne-maitree.css",classname:"type-parisienne-maitree",img:"027.png",category:11,default:!1,caption:"Parisienne & Maitree"},{css:"basetype-londrinashadow-martel.css",sectioncss:"type-londrinashadow-martel.css",classname:"type-londrinashadow-martel",img:"030.png",category:10,default:!1,caption:"Londrina Shadow & Martel"},{css:"basetype-poiretone-pridi.css",sectioncss:"type-poiretone-pridi.css",classname:"type-poiretone-pridi",img:"035.png",category:10,default:!1,caption:"Poiret One & Pridi"},{css:"basetype-pollerone-ibmplexserif.css",sectioncss:"type-pollerone-ibmplexserif.css",classname:"type-pollerone-ibmplexserif",img:"039.png",category:10,default:!1,caption:"Poller One & IBM Plex Serif"},{css:"basetype-italiana-martel.css",sectioncss:"type-italiana-martel.css",classname:"type-italiana-martel",img:"040.png",category:2,default:!1,caption:"Italiana & Martel"},{css:"basetype-julee-lora.css",sectioncss:"type-julee-lora.css",classname:"type-julee-lora",img:"041.png",category:11,default:!1,caption:"Julee & Lora"},{css:"basetype-sixcaps-robotomono.css",sectioncss:"type-sixcaps-robotomono.css",classname:"type-sixcaps-robotomono",img:"046.png",category:7,default:!1,caption:"Six Caps & Roboto Mono"},{css:"basetype-pacifico-nanumgothiccod.css",sectioncss:"type-pacifico-nanumgothiccod.css",classname:"type-pacifico-nanumgothiccod",img:"048.png",category:13,default:!1,caption:"Pacifico & Nanum Gothic Coding"},{css:"basetype-greatvibes-robotomono.css",sectioncss:"type-greatvibes-robotomono.css",classname:"type-greatvibes-robotomono",img:"055.png",category:13,default:!1,caption:"Great Vibes & Roboto Mono"},{css:"basetype-pinyonscript-firasans.css",sectioncss:"type-pinyonscript-firasans.css",classname:"type-pinyonscript-firasans",img:"056.png",category:9,default:!1,caption:"Pinyon Script & Fira Sans"},{css:"basetype-sail-rasa.css",sectioncss:"type-sail-rasa.css",classname:"type-sail-rasa",img:"061.png",category:10,default:!1,caption:"Sail & Rasa"},{css:"basetype-yesevaone-forum.css",sectioncss:"type-yesevaone-forum.css",classname:"type-yesevaone-forum",img:"068.png",category:14,default:!1,caption:"Yeseva One & Forum"},{css:"basetype-dosis-oldstandardtt.css",sectioncss:"type-dosis-oldstandardtt.css",classname:"type-dosis-oldstandardtt",img:"074.png",category:1,default:!1,caption:"Dosis & Old Standard TT"},{css:"basetype-engagement-spectral.css",sectioncss:"type-engagement-spectral.css",classname:"type-engagement-spectral",img:"077.png",category:11,default:!1,caption:"Engagement & Spectral"},{css:"basetype-dynalight-mada.css",sectioncss:"type-dynalight-mada.css",classname:"type-dynalight-mada",img:"080.png",category:8,default:!1,caption:"Dynalight & Mada"},{css:"basetype-gravitasone-nanummyeongjo.css",sectioncss:"type-gravitasone-nanummyeongjo.css",classname:"type-gravitasone-nanummyeongjo",img:"084.png",category:10,default:!1,caption:"Gravitas One & Nanum Myeongjo"},{css:"basetype-alexbrush-ibmplexsans.css",sectioncss:"type-alexbrush-ibmplexsans.css",classname:"type-alexbrush-ibmplexsans",img:"089.png",category:9,default:!1,caption:"Alex Brush & IBM Plex Sans"}]}},contentStylesAlt:{data:{categories:[{id:-1,desc:"ALL"},{id:1,desc:"Sans-serif & Sans-serif"},{id:2,desc:"Serif & Serif"},{id:3,desc:"Sans-serif & Serif"},{id:4,desc:"Serif & Sans-serif"},{id:5,desc:"Monospace & Monospace"},{id:6,desc:"Monospace & Sans-serif"},{id:7,desc:"Sans-serif & Monospace"},{id:8,desc:"Display & Sans-serif"},{id:9,desc:"Handwriting & Sans-serif"},{id:10,desc:"Display & Serif"},{id:11,desc:"Handwriting & Serif"},{id:12,desc:"Display & Monospace"},{id:13,desc:"Handwriting & Monospace"},{id:14,desc:"Display & Display"}],styles:[{css:"basetype-opensans.css",sectioncss:"type-opensans.css",classname:"type-opensans",img:"type-opensans.jpg",category:9,default:!0,caption:"Open Sans"},{css:"basetype-spectralsc-karma.css",sectioncss:"type-spectralsc-karma.css",classname:"type-spectralsc-karma",img:"type-spectralsc-karma.jpg",category:2,default:!0,caption:"Spectral SC & Karma"},{css:"basetype-alegreyasanssc-hind.css",sectioncss:"type-alegreyasanssc-hind.css",classname:"type-alegreyasanssc-hind",img:"type-alegreyasanssc-hind.jpg",category:1,default:!0,caption:"Alegreya Sans SC & Hind"},{css:"basetype-cabinsketch-montserrat.css",sectioncss:"type-cabinsketch-montserrat.css",classname:"type-cabinsketch-montserrat",img:"type-cabinsketch-montserrat.jpg",category:8,default:!0,caption:"Cabin Sketch & Montserrat"},{css:"basetype-anonymouspro-catamaran.css",sectioncss:"type-anonymouspro-catamaran.css",classname:"type-anonymouspro-catamaran",img:"type-anonymouspro-catamaran.jpg",category:6,default:!0,caption:"Anonymous Pro & Catamaran"},{css:"basetype-nothingyouc-ibmplexmono.css",sectioncss:"type-nothingyouc-ibmplexmono.css",classname:"type-nothingyouc-ibmplexmono",img:"type-nothingyouc-ibmplexmono.jpg",category:13,default:!0,caption:"Nothing You Could Do & IBM Plex Mono"},{css:"basetype-juliussansone-taviraj.css",sectioncss:"type-juliussansone-taviraj.css",classname:"type-juliussansone-taviraj",img:"type-juliussansone-taviraj.jpg",category:3,default:!0,caption:"Julius Sans One & Taviraj"},{css:"basetype-voltaire-sourcecodepro.css",sectioncss:"type-voltaire-sourcecodepro.css",classname:"type-voltaire-sourcecodepro",img:"type-voltaire-sourcecodepro.jpg",category:7,default:!0,caption:"Voltaire & Source Code Pro"},{css:"basetype-oregano-zillaslab.css",sectioncss:"type-oregano-zillaslab.css",classname:"type-oregano-zillaslab",img:"type-oregano-zillaslab.jpg",category:10,default:!0,caption:"Oregano & Zilla Slab"},{css:"basetype-anonymouspro.css",sectioncss:"type-anonymouspro.css",classname:"type-anonymouspro",img:"type-anonymouspro.jpg",category:5,default:!1,caption:"Anonymous Pro"},{css:"basetype-dancingscript-anonymouspro.css",sectioncss:"type-dancingscript-anonymouspro.css",classname:"type-dancingscript-anonymouspro",img:"type-dancingscript-anonymouspro.jpg",category:13,default:!1,caption:"Dancing Script & Anonymous Pro"},{css:"basetype-unicaone-cormorantgaramond.css",sectioncss:"type-unicaone-cormorantgaramond.css",classname:"type-unicaone-cormorantgaramond",img:"type-unicaone-cormorantgaramond.jpg",category:10,default:!1,caption:"Unica One & Cormorant Garamond"},{css:"basetype-allan-overpassmono.css",sectioncss:"type-allan-overpassmono.css",classname:"type-allan-overpassmono",img:"type-allan-overpassmono.jpg",category:12,default:!1,caption:"Allan & Overpass Mono"},{css:"basetype-averialibre-barlow.css",sectioncss:"type-averialibre-barlow.css",classname:"type-averialibre-barlow",img:"type-averialibre-barlow.jpg",category:8,default:!1,caption:"Averia Libre & Barlow"},{css:"basetype-merriweathersans-martel.css",sectioncss:"type-merriweathersans-martel.css",classname:"type-merriweathersans-martel",img:"type-merriweathersans-martel.jpg",category:3,default:!1,caption:"Merriweather Sans & Martel"},{css:"basetype-poppins.css",sectioncss:"type-poppins.css",classname:"type-poppins",img:"type-poppins.jpg",category:1,default:!1,caption:"Poppins"},{css:"basetype-specialelite-encodesans.css",sectioncss:"type-specialelite-encodesans.css",classname:"type-specialelite-encodesans",img:"type-specialelite-encodesans.jpg",category:8,default:!1,caption:"Special Elite & Encode Sans"},{css:"basetype-marcellussc-heebo.css",sectioncss:"type-marcellussc-heebo.css",classname:"type-marcellussc-heebo",img:"type-marcellussc-heebo.jpg",category:4,default:!1,caption:"Marcellus SC & Heebo"},{css:"basetype-oswald-cousine.css",sectioncss:"type-oswald-cousine.css",classname:"type-oswald-cousine",img:"type-oswald-cousine.jpg",category:7,default:!1,caption:"Oswald & Cousine"},{css:"basetype-oranienbaum-sourcesanspro.css",sectioncss:"type-oranienbaum-sourcesanspro.css",classname:"type-oranienbaum-sourcesanspro",img:"type-oranienbaum-sourcesanspro.jpg",category:4,default:!1,caption:"Oranienbaum & Source Sans Pro"},{css:"basetype-sriracha-arvo.css",sectioncss:"type-sriracha-arvo.css",classname:"type-sriracha-arvo",img:"type-sriracha-arvo.jpg",category:11,default:!1,caption:"Sriracha & Arvo"},{css:"basetype-merriweather.css",sectioncss:"type-merriweather.css",classname:"type-merriweather",img:"type-merriweather.jpg",category:2,default:!1,caption:"Merriweather"},{css:"basetype-badscript-rokkitt.css",sectioncss:"type-badscript-rokkitt.css",classname:"type-badscript-rokkitt",img:"type-badscript-rokkitt.jpg",category:11,default:!1,caption:"Bad Script & Rokkitt"},{css:"basetype-inconsolata.css",sectioncss:"type-inconsolata.css",classname:"type-inconsolata",img:"type-inconsolata.jpg",category:5,default:!1,caption:"Inconsolata"},{css:"basetype-novamono-robotomono.css",sectioncss:"type-novamono-robotomono.css",classname:"type-novamono-robotomono",img:"type-novamono-robotomono.jpg",category:5,default:!1,caption:"Nova Mono & Roboto Mono"},{css:"basetype-spacemono.css",sectioncss:"type-spacemono.css",classname:"type-spacemono",img:"type-spacemono.jpg",category:5,default:!1,caption:"Space Mono"},{css:"basetype-elsie-frankruhllibre.css",sectioncss:"type-elsie-frankruhllibre.css",classname:"type-elsie-frankruhllibre",img:"type-elsie-frankruhllibre.jpg",category:10,default:!1,caption:"Elsie & Frank Ruhl Libre"},{css:"basetype-playfairdisp-petitformalscr.css",sectioncss:"type-playfairdisp-petitformalscr.css",classname:"type-playfairdisp-petitformalscr",img:"type-playfairdisp-petitformalscr.jpg",category:2,default:!1,caption:"Playfair Display"},{css:"basetype-josefinsans-neuton.css",sectioncss:"type-josefinsans-neuton.css",classname:"type-josefinsans-neuton",img:"type-josefinsans-neuton.jpg",category:3,default:!1,caption:"Josefin Sans & Neuton"},{css:"basetype-stintultracon-inconsolata.css",sectioncss:"type-stintultracon-inconsolata.css",classname:"type-stintultracon-inconsolata",img:"type-stintultracon-inconsolata.jpg",category:12,default:!1,caption:"Stint Ultra Condensed & Inconsolata"},{css:"basetype-raleway-playfairdisplay.css",sectioncss:"type-raleway-playfairdisplay.css",classname:"type-raleway-playfairdisplay",img:"type-raleway-playfairdisplay.jpg",category:1,default:!1,caption:"Raleway"},{css:"basetype-ubuntumono-sourcecodepro.css",sectioncss:"type-ubuntumono-sourcecodepro.css",classname:"type-ubuntumono-sourcecodepro",img:"type-ubuntumono-sourcecodepro.jpg",category:5,default:!1,caption:"Ubuntu Mono & Source Code Pro"},{css:"basetype-sharetechmono-nunito.css",sectioncss:"type-sharetechmono-nunito.css",classname:"type-sharetechmono-nunito",img:"type-sharetechmono-nunito.jpg",category:6,default:!1,caption:"Share Tech Mono & Nunito"},{css:"basetype-lato.css",sectioncss:"type-lato.css",classname:"type-lato",img:"type-lato.jpg",category:1,default:!1,caption:"Lato"},{css:"basetype-pathwaygothicone-merriweather.css",sectioncss:"type-pathwaygothicone-merriweather.css",classname:"type-pathwaygothicone-merriweather",img:"type-pathwaygothicone-merriweather.jpg",category:3,default:!1,caption:"Pathway Gothic One & Merriweather"},{css:"basetype-forum-nanumgothiccoding.css",sectioncss:"type-forum-nanumgothiccoding.css",classname:"type-forum-nanumgothiccoding",img:"type-forum-nanumgothiccoding.jpg",category:12,default:!1,caption:"Forum & Nanum Gothic Coding"},{css:"basetype-bilbo-halant.css",sectioncss:"type-bilbo-halant.css",classname:"type-bilbo-halant",img:"type-bilbo-halant.jpg",category:11,default:!1,caption:"Bilbo & Halant"},{css:"basetype-hammersmithone-poppins.css",sectioncss:"type-hammersmithone-poppins.css",classname:"type-hammersmithone-poppins",img:"type-hammersmithone-poppins.jpg",category:1,default:!1,caption:"Hammersmith One & Poppins"},{css:"basetype-arimamadurai.css",sectioncss:"type-arimamadurai.css",classname:"type-arimamadurai",img:"type-arimamadurai.jpg",category:14,default:!1,caption:"Arima Madurai"},{css:"basetype-teko-muktamahee.css",sectioncss:"type-teko-muktamahee.css",classname:"type-teko-muktamahee",img:"type-teko-muktamahee.jpg",category:1,default:!1,caption:"Teko & Mukta Mahee"},{css:"basetype-heebo-ibmplexmono.css",sectioncss:"type-heebo-ibmplexmono.css",classname:"type-heebo-ibmplexmono",img:"type-heebo-ibmplexmono.jpg",category:7,default:!1,caption:"Heebo & IBM Plex Mono"},{css:"basetype-sairacon-thegirlnextdoor.css",sectioncss:"type-sairacon-thegirlnextdoor.css",classname:"type-sairacon-thegirlnextdoor",img:"type-sairacon-thegirlnextdoor.jpg",category:1,default:!1,caption:"Saira Condensed"},{css:"basetype-frankruhllibre-lato.css",sectioncss:"type-frankruhllibre-lato.css",classname:"type-frankruhllibre-lato",img:"type-frankruhllibre-lato.jpg",category:4,default:!1,caption:"Frank Ruhl Libre & Lato"},{css:"basetype-yantramanav-ibmplexserif.css",sectioncss:"type-yantramanav-ibmplexserif.css",classname:"type-yantramanav-ibmplexserif",img:"type-yantramanav-ibmplexserif.jpg",category:1,default:!1,caption:"Yantramanav & IBM Plex Serif"},{css:"basetype-quicksand-kalam.css",sectioncss:"type-quicksand-kalam.css",classname:"type-quicksand-kalam",img:"type-quicksand-kalam.jpg",category:1,default:!1,caption:"Quicksand & Kalam"},{css:"basetype-ibmplexmono.css",sectioncss:"type-ibmplexmono.css",classname:"type-ibmplexmono",img:"type-ibmplexmono.jpg",category:5,default:!1,caption:"IBM Plex Mono"},{css:"basetype-cinzeldecor-palanquin.css",sectioncss:"type-cinzeldecor-palanquin.css",classname:"type-cinzeldecor-palanquin",img:"type-cinzeldecor-palanquin.jpg",category:8,default:!1,caption:"Cinzel Decorative & Palanquin"},{css:"basetype-oswald-biryani.css",sectioncss:"type-oswald-biryani.css",classname:"type-oswald-biryani",img:"type-oswald-biryani.jpg",category:1,default:!1,caption:"Oswald & Biryani"},{css:"basetype-yanonekaff-josefinsans.css",sectioncss:"type-yanonekaff-josefinsans.css",classname:"type-yanonekaff-josefinsans",img:"type-yanonekaff-josefinsans.jpg",category:1,default:!1,caption:"Yanone Kaffeesatz & Josefin Sans"},{css:"basetype-abrilfatface-assistant.css",sectioncss:"type-abrilfatface-assistant.css",classname:"type-abrilfatface-assistant",img:"type-abrilfatface-assistant.jpg",category:8,default:!1,caption:"Abril Fatface & Assistant"},{css:"basetype-nanumgothiccod-firasanscon.css",sectioncss:"type-nanumgothiccod-firasanscon.css",classname:"type-nanumgothiccod-firasanscon",img:"type-nanumgothiccod-firasanscon.jpg",category:6,default:!1,caption:"Nanum Gothic Coding & Fira Sans Condensed"},{css:"basetype-inder-trirong.css",sectioncss:"type-inder-trirong.css",classname:"type-inder-trirong",img:"type-inder-trirong.jpg",category:3,default:!1,caption:"Inder & Trirong"},{css:"basetype-atma-tajawal.css",sectioncss:"type-atma-tajawal.css",classname:"type-atma-tajawal",img:"type-atma-tajawal.jpg",category:8,default:!1,caption:"Atma & Tajawal"},{css:"basetype-prata-hindsiliguri.css",sectioncss:"type-prata-hindsiliguri.css",classname:"type-prata-hindsiliguri",img:"type-prata-hindsiliguri.jpg",category:4,default:!1,caption:"Prata & Hind Siliguri"},{css:"basetype-federo-gothica1.css",sectioncss:"type-federo-gothica1.css",classname:"type-federo-gothica1",img:"type-federo-gothica1.jpg",category:1,default:!1,caption:"Federo & Gothic A1"},{css:"basetype-fjallaone-ibmplexserif.css",sectioncss:"type-fjallaone-ibmplexserif.css",classname:"type-fjallaone-ibmplexserif",img:"type-fjallaone-ibmplexserif.jpg",category:3,default:!1,caption:"Fjalla One & IBM Plex Serif"},{css:"basetype-cormorantsc-ibmplexsanscon.css",sectioncss:"type-cormorantsc-ibmplexsanscon.css",classname:"type-cormorantsc-ibmplexsanscon",img:"type-cormorantsc-ibmplexsanscon.jpg",category:4,default:!1,caption:"Cormorant SC & IBM Plex Sans Condensed"},{css:"basetype-kalam-robotomono.css",sectioncss:"type-kalam-robotomono.css",classname:"type-kalam-robotomono",img:"type-kalam-robotomono.jpg",category:13,default:!1,caption:"Kalam & Roboto Mono"},{css:"basetype-fugazone-librefranklin.css",sectioncss:"type-fugazone-librefranklin.css",classname:"type-fugazone-librefranklin",img:"type-fugazone-librefranklin.jpg",category:8,default:!1,caption:"Fugaz One & Libre Franklin"},{css:"basetype-yeonsung-palanquin.css",sectioncss:"type-yeonsung-palanquin.css",classname:"type-yeonsung-palanquin",img:"type-yeonsung-palanquin.jpg",category:8,default:!1,caption:"Yeon Sung & Palanquin"},{css:"basetype-rancho-robotoslab.css",sectioncss:"type-rancho-robotoslab.css",classname:"type-rancho-robotoslab",img:"type-rancho-robotoslab.jpg",category:11,default:!1,caption:"Rancho & Roboto Slab"},{css:"basetype-tenaram-overpassmono.css",sectioncss:"type-tenaram-overpassmono.css",classname:"type-tenaram-overpassmono",img:"type-tenaram-overpassmono.jpg",category:7,default:!1,caption:"Tenali Ramakrishna & Overpass Mono"},{css:"basetype-thegirlnextdoor-sourcesanspro.css",sectioncss:"type-thegirlnextdoor-sourcesanspro.css",classname:"type-thegirlnextdoor-sourcesanspro",img:"type-thegirlnextdoor-sourcesanspro.jpg",category:9,default:!1,caption:"The Girl Next Door & Source Sans Pro"},{css:"basetype-boogaloo-inconsolata.css",sectioncss:"type-boogaloo-inconsolata.css",classname:"type-boogaloo-inconsolata",img:"type-boogaloo-inconsolata.jpg",category:12,default:!1,caption:"Boogaloo & Inconsolata"},{css:"basetype-caveat-sourcecodepro.css",sectioncss:"type-caveat-sourcecodepro.css",classname:"type-caveat-sourcecodepro",img:"type-caveat-sourcecodepro.jpg",category:13,default:!1,caption:"Caveat & Source Code Pro"},{css:"basetype-passionone-worksans.css",sectioncss:"type-passionone-worksans.css",classname:"type-passionone-worksans",img:"type-passionone-worksans.jpg",category:8,default:!1,caption:"Passion One & Work Sans"},{css:"basetype-anticdidone-halant.css",sectioncss:"type-anticdidone-halant.css",classname:"type-anticdidone-halant",img:"type-anticdidone-halant.jpg",category:2,default:!1,caption:"Antic Didone & Halant"},{css:"basetype-adventpro-opensans.css",sectioncss:"type-adventpro-opensans.css",classname:"type-adventpro-opensans",img:"type-adventpro-opensans.jpg",category:1,default:!1,caption:"Advent Pro & Open Sans"},{css:"basetype-cutivemono-lato.css",sectioncss:"type-cutivemono-lato.css",classname:"type-cutivemono-lato",img:"type-cutivemono-lato.jpg",category:6,default:!1,caption:"Cutive Mono & Lato"},{css:"basetype-elsie-montserrat.css",sectioncss:"type-elsie-montserrat.css",classname:"type-elsie-montserrat",img:"type-elsie-montserrat.jpg",category:8,default:!1,caption:"Elsie & Montserrat"},{css:"basetype-macondo-mukta.css",sectioncss:"type-macondo-mukta.css",classname:"type-macondo-mukta",img:"type-macondo-mukta.jpg",category:8,default:!1,caption:"Macondo & Mukta"},{css:"basetype-oswald-opensans.css",sectioncss:"type-oswald-opensans.css",classname:"type-oswald-opensans",img:"type-oswald-opensans.jpg",category:1,default:!1,caption:"Oswald & Open Sans"},{css:"basetype-poppins-lekton.css",sectioncss:"type-poppins-lekton.css",classname:"type-poppins-lekton",img:"type-poppins-lekton.jpg",category:1,default:!1,caption:"Poppins & Lekton"},{css:"basetype-raleway-neuton.css",sectioncss:"type-raleway-neuton.css",classname:"type-raleway-neuton",img:"type-raleway-neuton.jpg",category:3,default:!1,caption:"Raleway & Neuton"},{css:"basetype-sourcecodepro-nunitosans.css",sectioncss:"type-sourcecodepro-nunitosans.css",classname:"type-sourcecodepro-nunitosans",img:"type-sourcecodepro-nunitosans.jpg",category:6,default:!1,caption:"Source Code Pro & Nunito Sans"},{css:"basetype-tangerine-opensans.css",sectioncss:"type-tangerine-opensans.css",classname:"type-tangerine-opensans",img:"type-tangerine-opensans.jpg",category:9,default:!1,caption:"Tangerine & Open Sans"},{css:"basetype-alegreya-lato.css",sectioncss:"type-alegreya-lato.css",classname:"type-alegreya-lato",img:"type-alegreya-lato.jpg",category:4,default:!1,caption:"Alegreya & Lato"},{css:"basetype-amaticsc-lato.css",sectioncss:"type-amaticsc-lato.css",classname:"type-amaticsc-lato",img:"type-amaticsc-lato.jpg",category:9,default:!1,caption:"Amatic SC & Lato"},{css:"basetype-heebo-ibmplexmono-2.css",sectioncss:"type-heebo-ibmplexmono-2.css",classname:"type-heebo-ibmplexmono-2",img:"type-heebo-ibmplexmono-2.jpg",category:7,default:!1,caption:"Heebo & IBM Plex Mono"},{css:"basetype-juliussansone-robotocondensed.css",sectioncss:"type-juliussansone-robotocondensed.css",classname:"type-juliussansone-robotocondensed",img:"type-juliussansone-robotocondensed.jpg",category:1,default:!1,caption:"Julius Sans One & Roboto Condensed"},{css:"basetype-montserrat-roboto.css",sectioncss:"type-montserrat-roboto.css",classname:"type-montserrat-roboto",img:"type-montserrat-roboto.jpg",category:1,default:!1,caption:"Montserrat & Roboto"},{css:"basetype-nothingyouc-ibmplexmono-2.css",sectioncss:"type-nothingyouc-ibmplexmono-2.css",classname:"type-nothingyouc-ibmplexmono-2",img:"type-nothingyouc-ibmplexmono-2.jpg",category:13,default:!1,caption:"Nothing You Could Do & IBM Plex Mono"},{css:"basetype-raleway-lato.css",sectioncss:"type-raleway-lato.css",classname:"type-raleway-lato",img:"type-raleway-lato.jpg",category:1,default:!1,caption:"Raleway & Lato"},{css:"basetype-raleway-lusitana.css",sectioncss:"type-raleway-lusitana.css",classname:"type-raleway-lusitana",img:"type-raleway-lusitana.jpg",category:3,default:!1,caption:"Raleway & Lusitana"},{css:"basetype-rufina-oxygen.css",sectioncss:"type-rufina-oxygen.css",classname:"type-rufina-oxygen",img:"type-rufina-oxygen.jpg",category:4,default:!1,caption:"Rufina & Oxygen"},{css:"basetype-sacramento-opensans.css",sectioncss:"type-sacramento-opensans.css",classname:"type-sacramento-opensans",img:"type-sacramento-opensans.jpg",category:9,default:!1,caption:"Sacramento & Open Sans"},{css:"basetype-specialelite-playfairdisplay.css",sectioncss:"type-specialelite-playfairdisplay.css",classname:"type-specialelite-playfairdisplay",img:"type-specialelite-playfairdisplay.jpg",category:10,default:!1,caption:"Special Elite & Playfair Display"},{css:"basetype-unicaone-sourcesanspro.css",sectioncss:"type-unicaone-sourcesanspro.css",classname:"type-unicaone-sourcesanspro",img:"type-unicaone-sourcesanspro.jpg",category:8,default:!1,caption:"Unica One & Source Sans Pro"},{css:"basetype-amaticsc-josepfinsans.css",sectioncss:"type-amaticsc-josepfinsans.css",classname:"type-amaticsc-josepfinsans",img:"type-amaticsc-josepfinsans.jpg",category:9,default:!0,caption:"Amatic SC & Josefin Sans"},{css:"basetype-sourcesanspro-anonymouspro.css",sectioncss:"type-sourcesanspro-anonymouspro.css",classname:"type-sourcesanspro-anonymouspro",img:"type-sourcesanspro-anonymouspro.jpg",category:7,default:!0,caption:"Source Sans Pro & Anonymous Pro"},{css:"basetype-poppins-oldstandardtt.css",sectioncss:"type-poppins-oldstandardtt.css",classname:"type-poppins-oldstandardtt",img:"type-poppins-oldstandardtt.jpg",category:3,default:!0,caption:"Poppins & Old Standard TT"},{css:"basetype-yesteryear-chivo.css",sectioncss:"type-yesteryear-chivo.css",classname:"type-yesteryear-chivo",img:"type-yesteryear-chivo.jpg",category:9,default:!0,caption:"Yesteryear & Chivo"},{css:"basetype-ptserif-poppins.css",sectioncss:"type-ptserif-poppins.css",classname:"type-ptserif-poppins",img:"type-ptserif-poppins.jpg",category:4,default:!0,caption:"PT Serif & Poppins"},{css:"basetype-kellyslab-yantramanav.css",sectioncss:"type-kellyslab-yantramanav.css",classname:"type-kellyslab-yantramanav",img:"type-kellyslab-yantramanav.jpg",category:8,default:!0,caption:"Kelly Slab & Yantramanav"},{css:"basetype-yellowtail-frankruhllibre.css",sectioncss:"type-yellowtail-frankruhllibre.css",classname:"type-yellowtail-frankruhllibre",img:"type-yellowtail-frankruhllibre.jpg",category:11,default:!0,caption:"Yellowtail & Frank Ruhl Libre"},{css:"basetype-sedgwickave-spectral.css",sectioncss:"type-sedgwickave-spectral.css",classname:"type-sedgwickave-spectral",img:"type-sedgwickave-spectral.jpg",category:10,default:!1,caption:"Sedgwick Ave & Spectral"},{css:"basetype-satisfy-economica.css",sectioncss:"type-satisfy-economica.css",classname:"type-satisfy-economica",img:"type-satisfy-economica.jpg",category:9,default:!1,caption:"Satisfy & Economica"},{css:"basetype-josefinsans-lekton.css",sectioncss:"type-josefinsans-lekton.css",classname:"type-josefinsans-lekton",img:"type-josefinsans-lekton.jpg",category:1,default:!1,caption:"Josefin Sans & Lekton"},{css:"basetype-parisienne-maitree.css",sectioncss:"type-parisienne-maitree.css",classname:"type-parisienne-maitree",img:"type-parisienne-maitree.jpg",category:11,default:!1,caption:"Parisienne & Maitree"},{css:"basetype-londrinashadow-martel.css",sectioncss:"type-londrinashadow-martel.css",classname:"type-londrinashadow-martel",img:"type-londrinashadow-martel.jpg",category:10,default:!1,caption:"Londrina Shadow & Martel"},{css:"basetype-poiretone-pridi.css",sectioncss:"type-poiretone-pridi.css",classname:"type-poiretone-pridi",img:"type-poiretone-pridi.jpg",category:10,default:!1,caption:"Poiret One & Pridi"},{css:"basetype-pollerone-ibmplexserif.css",sectioncss:"type-pollerone-ibmplexserif.css",classname:"type-pollerone-ibmplexserif",img:"type-pollerone-ibmplexserif.jpg",category:10,default:!1,caption:"Poller One & IBM Plex Serif"},{css:"basetype-italiana-martel.css",sectioncss:"type-italiana-martel.css",classname:"type-italiana-martel",img:"type-italiana-martel.jpg",category:2,default:!1,caption:"Italiana & Martel"},{css:"basetype-julee-lora.css",sectioncss:"type-julee-lora.css",classname:"type-julee-lora",img:"type-julee-lora.jpg",category:11,default:!1,caption:"Julee & Lora"},{css:"basetype-sixcaps-robotomono.css",sectioncss:"type-sixcaps-robotomono.css",classname:"type-sixcaps-robotomono",img:"type-sixcaps-robotomono.jpg",category:7,default:!1,caption:"Six Caps & Roboto Mono"},{css:"basetype-pacifico-nanumgothiccod.css",sectioncss:"type-pacifico-nanumgothiccod.css",classname:"type-pacifico-nanumgothiccod",img:"type-pacifico-nanumgothiccod.jpg",category:13,default:!1,caption:"Pacifico & Nanum Gothic Coding"},{css:"basetype-greatvibes-robotomono.css",sectioncss:"type-greatvibes-robotomono.css",classname:"type-greatvibes-robotomono",img:"type-greatvibes-robotomono.jpg",category:13,default:!1,caption:"Great Vibes & Roboto Mono"},{css:"basetype-pinyonscript-firasans.css",sectioncss:"type-pinyonscript-firasans.css",classname:"type-pinyonscript-firasans",img:"type-pinyonscript-firasans.jpg",category:9,default:!1,caption:"Pinyon Script & Fira Sans"},{css:"basetype-sail-rasa.css",sectioncss:"type-sail-rasa.css",classname:"type-sail-rasa",img:"type-sail-rasa.jpg",category:10,default:!1,caption:"Sail & Rasa"},{css:"basetype-yesevaone-forum.css",sectioncss:"type-yesevaone-forum.css",classname:"type-yesevaone-forum",img:"type-yesevaone-forum.jpg",category:14,default:!1,caption:"Yeseva One & Forum"},{css:"basetype-dosis-oldstandardtt.css",sectioncss:"type-dosis-oldstandardtt.css",classname:"type-dosis-oldstandardtt",img:"type-dosis-oldstandardtt.jpg",category:1,default:!1,caption:"Dosis & Old Standard TT"},{css:"basetype-engagement-spectral.css",sectioncss:"type-engagement-spectral.css",classname:"type-engagement-spectral",img:"type-engagement-spectral.jpg",category:11,default:!1,caption:"Engagement & Spectral"},{css:"basetype-dynalight-mada.css",sectioncss:"type-dynalight-mada.css",classname:"type-dynalight-mada",img:"type-dynalight-mada.jpg",category:8,default:!1,caption:"Dynalight & Mada"},{css:"basetype-gravitasone-nanummyeongjo.css",sectioncss:"type-gravitasone-nanummyeongjo.css",classname:"type-gravitasone-nanummyeongjo",img:"type-gravitasone-nanummyeongjo.jpg",category:10,default:!1,caption:"Gravitas One & Nanum Myeongjo"},{css:"basetype-alexbrush-ibmplexsans.css",sectioncss:"type-alexbrush-ibmplexsans.css",classname:"type-alexbrush-ibmplexsans",img:"type-alexbrush-ibmplexsans.jpg",category:9,default:!1,caption:"Alex Brush & IBM Plex Sans"}]}},cssInBody:!1,cssClasses:{fontWeight:{thin:"font-thin",extralight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extrabold:"font-extrabold",black:"font-black",defaultBold:"font-semibold",defaultNormal:"font-light"},fontStyle:{italic:"italic",normal:"not-italic"},textDecoration:{underline:"underline",linethrough:"line-through",normal:"no-underline"},textTransform:{uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize",normal:"normal-case"},tracking:{tracking__100:"tracking--100",tracking__075:"tracking--75",tracking__050:"tracking-tighter",tracking__025:"tracking-tight",tracking_000:"tracking-normal",tracking_025:"tracking-wide",tracking_050:"tracking-wider",tracking_075:"tracking-75",tracking_100:"tracking-widest",tracking_125:"tracking-125",tracking_150:"tracking-150",tracking_175:"tracking-175",tracking_200:"tracking-200",tracking_225:"tracking-225",tracking_250:"tracking-250",tracking_275:"tracking-275",tracking_300:"tracking-300",tracking_325:"tracking-325",tracking_350:"tracking-350",tracking_375:"tracking-375",tracking_400:"tracking-400",tracking_425:"tracking-425",tracking_450:"tracking-450",tracking_475:"tracking-475",tracking_500:"tracking-500"},leading:{leading_5:"leading-05",leading_6:"leading-06",leading_7:"leading-07",leading_8:"leading-08",leading_9:"leading-09",leading_10:"leading-none",leading_11:"leading-11",leading_12:"leading-12",leading_125:"leading-tight",leading_13:"leading-13",leading_1375:"leading-snug",leading_14:"leading-14",leading_15:"leading-normal",leading_16:"leading-16",leading_1625:"leading-relaxed",leading_17:"leading-17",leading_18:"leading-18",leading_19:"leading-19",leading_20:"leading-loose",leading_21:"leading-21",leading_22:"leading-22",leading_23:"leading-23",leading_24:"leading-24",leading_25:"leading-25",leading_26:"leading-26",leading_27:"leading-27",leading_28:"leading-28",leading_29:"leading-29",leading_30:"leading-30"},opacity:{opacity_0:"opacity-0",opacity_2:"opacity-2",opacity_4:"opacity-4",opacity_5:"opacity-5",opacity_6:"opacity-6",opacity_8:"opacity-8",opacity_10:"opacity-10",opacity_12:"opacity-12",opacity_15:"opacity-15",opacity_20:"opacity-20",opacity_25:"opacity-25",opacity_30:"opacity-30",opacity_35:"opacity-35",opacity_40:"opacity-40",opacity_45:"opacity-45",opacity_50:"opacity-50",opacity_55:"opacity-55",opacity_60:"opacity-60",opacity_65:"opacity-65",opacity_70:"opacity-70",opacity_75:"opacity-75",opacity_80:"opacity-80",opacity_85:"opacity-85",opacity_90:"opacity-90",opacity_95:"opacity-95",opacity_100:"opacity-100"},padding:{all:{p_0:"p-0",p_1:"p-1",p_2:"p-2",p_3:"p-3",p_4:"p-4",p_5:"p-5",p_6:"p-6",p_7:"p-7",p_8:"p-8",p_9:"p-9",p_10:"p-10",p_11:"p-11",p_12:"p-12",p_14:"p-14",p_16:"p-16",p_20:"p-20"},x:{px_0:"px-0",px_1:"px-1",px_2:"px-2",px_3:"px-3",px_4:"px-4",px_5:"px-5",px_6:"px-6",px_7:"px-7",px_8:"px-8",px_9:"px-9",px_10:"px-10",px_11:"px-11",px_12:"px-12",px_14:"px-14",px_16:"px-16",px_20:"px-20"},y:{py_0:"py-0",py_1:"py-1",py_2:"py-2",py_3:"py-3",py_4:"py-4",py_5:"py-5",py_6:"py-6",py_7:"py-7",py_8:"py-8",py_9:"py-9",py_10:"py-10",py_11:"py-11",py_12:"py-12",py_14:"py-14",py_16:"py-16",py_20:"py-20"},top:{pt_0:"pt-0",pt_1:"pt-1",pt_2:"pt-2",pt_3:"pt-3",pt_4:"pt-4",pt_5:"pt-5",pt_6:"pt-6",pt_7:"pt-7",pt_8:"pt-8",pt_9:"pt-9",pt_10:"pt-10",pt_11:"pt-11",pt_12:"pt-12",pt_14:"pt-14",pt_16:"pt-16",pt_20:"pt-20"},right:{pr_0:"pr-0",pr_1:"pr-1",pr_2:"pr-2",pr_3:"pr-3",pr_4:"pr-4",pr_5:"pr-5",pr_6:"pr-6",pr_7:"pr-7",pr_8:"pr-8",pr_9:"pr-9",pr_10:"pr-10",pr_11:"pr-11",pr_12:"pr-12",pr_14:"pr-14",pr_16:"pr-16",pr_20:"pr-20"},bottom:{pb_0:"pb-0",pb_1:"pb-1",pb_2:"pb-2",pb_3:"pb-3",pb_4:"pb-4",pb_5:"pb-5",pb_6:"pb-6",pb_7:"pb-7",pb_8:"pb-8",pb_9:"pb-9",pb_10:"pb-10",pb_11:"pb-11",pb_12:"pb-12",pb_14:"pb-14",pb_16:"pb-16",pb_20:"pb-20"},left:{pl_0:"pl-0",pl_1:"pl-1",pl_2:"pl-2",pl_3:"pl-3",pl_4:"pl-4",pl_5:"pl-5",pl_6:"pl-6",pl_7:"pl-7",pl_8:"pl-8",pl_9:"pl-9",pl_10:"pl-10",pl_11:"pl-11",pl_12:"pl-12",pl_14:"pl-14",pl_16:"pl-16",pl_20:"pl-20"}},extend:{superscript:"sup",subscript:"sub"},textAlign:{left:"text-left",center:"text-center",right:"text-right",justify:"text-justify"},display:{flex:"flex",block:"block",inline:"inline",inline_block:"inline-block"},flexDirection:{row:"flex-row",column:"flex-col",row_reverse:"flex-row-reverse",column_reverse:"flex-col-reverse"},flexWrap:{wrap:"flex-wrap",nowrap:"flex-nowrap",wrap_reverse:"flex-wrap-reverse"},justifyContent:{start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},alignItems:{start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"}},useCssClasses:!0,useButtonPlugin:!1,enableDragResize:!0,simpleTextSettings:!1,onAddSectionOpen:function(){},contentHtmlStart:'<div class="is-container is-builder container"><div class="row clearfix"><div class="column full">',contentHtmlEnd:"</div></div></div>"};if(this.settings=Object.assign(this,i,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 n,o;if(""!==this.settings.imageSelect?this.settings.imageselect=this.settings.imageSelect:""!=this.settings.imageselect&&(this.settings.imageSelect=this.settings.imageselect),""!==this.settings.fileSelect?this.settings.fileselect=this.settings.fileSelect:""!=this.settings.fileselect&&(this.settings.fileSelect=this.settings.fileselect),""!==this.settings.videoSelect?this.settings.videoselect=this.settings.videoSelect:""!=this.settings.videoselect&&(this.settings.videoSelect=this.settings.videoselect),this.settings.snippetPathReplace.length>0&&0===this.settings.designPathReplace.length&&(this.settings.designPathReplace=this.settings.snippetPathReplace),this.settings.contentStyleWithSample&&(this.settings.contentStyles=this.settings.contentStylesAlt),this.iframe){n=this.iframe.contentWindow;let t=this.iframe.contentDocument||this.iframe.contentWindow.document;o=t,this.iframeDocument=t}else n=window,o=document;if(this.win=n,this.doc=o,this.iframe){let t=o.querySelector(".content-stuff");t||(t=document.createElement("div"),t.className="content-stuff is-ui",t.id="_cbhtml",o.body.appendChild(t)),this.contentStuff=t,this.stuff=new ly(this)}if(this.wrapperEl=this.doc.querySelector(this.wrapper),hy.hasClass(this.wrapperEl,"preview"))return void(this.preview=!0);hy.addClass(this.wrapperEl,"is-wrapper"),hy.addClass(this.wrapperEl,"is-edit");let a=this.settings.onRender;this.settings.onRender=()=>{a.call(this);try{this.box()}catch(t){}};let l=this.settings.onChange;this.settings.onChange=()=>{l.call(this),setTimeout((()=>{this.editor.livePreview.previewRefresh()}),100)};let r=document.querySelector("#_cbhtml");r||(r=document.createElement("div"),r.id="_cbhtml",r.style.visibility="hidden",r.className="is-ui",document.body.appendChild(r),r=document.querySelector("#_cbhtml")),this.builderStuff=r,r.style.position="fixed",setTimeout((()=>{r.style.position="",this.wrapperEl.getBoundingClientRect().left<0&&(r.style.position="fixed",setTimeout((()=>{r.style.position=""}),1500))}),1500),(t=>{const i=t.builderStuff;e.appendHtml(i,'<svg width="0" height="0" style="position:absolute;display:none;">\n <defs>\n\n <symbol viewBox="0 0 512 512" id="ion-android-add"><path d="M416 277.333H277.333V416h-42.666V277.333H96v-42.666h138.667V96h42.666v138.667H416v42.666z"></path></symbol>\n <symbol viewBox="0 0 512 512" id="ion-edit"><path d="M163 439.573l-90.569-90.569L322.78 98.656l90.57 90.569zM471.723 88.393l-48.115-48.114c-11.723-11.724-31.558-10.896-44.304 1.85l-45.202 45.203 90.569 90.568 45.202-45.202c12.743-12.746 13.572-32.582 1.85-44.305zM64.021 363.252L32 480l116.737-32.021z"></path></symbol>\n <symbol viewBox="0 0 2048.0 2048.0" id="icon-snippets"><g id="document" transform="matrix(1,0,0,1,1024.0,1024.0)">\t\t\t<path d="M-727.581,329.502 L318.058,329.502 L318.058,-527.853 L-727.581,-527.853 L-727.581,329.502 Z " fill="#ffffff" fill-opacity="1.00" stroke-width="85.63" stroke="#000000" stroke-linecap="square" stroke-linejoin="miter" />\t\t\t<path d="M-347.749,652.594 L697.89,652.594 L697.89,-204.761 L-347.749,-204.761 L-347.749,652.594 Z " fill="#ffffff" fill-opacity="1.00" stroke-width="85.63" stroke="#000000" stroke-linecap="square" stroke-linejoin="miter" />\t\t</g></symbol>\n <symbol viewBox="0 0 512 512" id="ion-ios-copy-outline"><path d="M304 96h-16v80h80v-16h-64z"></path><path d="M325.3 64H160v48h-48v336h240v-48h48V139l-74.7-75zM336 432H128V128h32v272h176v32zm48-48H176V80h142.7l65.3 65.6V384z"></path></symbol>\n \n <symbol viewBox="0 0 24 24" id="icon-arrow-bar-to-up" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n <line x1="12" y1="10" x2="12" y2="20" />\n <line x1="12" y1="10" x2="16" y2="14" />\n <line x1="12" y1="10" x2="8" y2="14" />\n <line x1="4" y1="4" x2="20" y2="4" />\n </symbol>\n <symbol viewBox="0 0 24 24" id="icon-arrow-bar-to-down" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n <line x1="4" y1="20" x2="20" y2="20" />\n <line x1="12" y1="14" x2="12" y2="4" />\n <line x1="12" y1="14" x2="16" y2="10" />\n <line x1="12" y1="14" x2="8" y2="10" />\n </symbol>\n <symbol viewBox="0 0 24 24" id="icon-space-between" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n <line x1="4" y1="4" x2="20" y2="4" />\n <line x1="4" y1="20" x2="20" y2="20" />\n </symbol>\n\n <symbol id="icon-arrow-right" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <line x1="5" y1="12" x2="19" y2="12"></line>\n <line x1="15" y1="16" x2="19" y2="12"></line>\n <line x1="15" y1="8" x2="19" y2="12"></line>\n </symbol>\n\n <symbol id="icon-arrow-left" viewBox="0 0 24 24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <line x1="5" y1="12" x2="19" y2="12"></line>\n <line x1="5" y1="12" x2="9" y2="16"></line>\n <line x1="5" y1="12" x2="9" y2="8"></line>\n </symbol>\n \n <symbol id="icon-arrow-up" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <line x1="12" y1="5" x2="12" y2="19"></line>\n <line x1="16" y1="9" x2="12" y2="5"></line>\n <line x1="8" y1="9" x2="12" y2="5"></line>\n </symbol>\n\n <symbol id="icon-arrow-down" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <line x1="12" y1="5" x2="12" y2="19"></line>\n <line x1="16" y1="15" x2="12" y2="19"></line>\n <line x1="8" y1="15" x2="12" y2="19"></line>\n </symbol>\n\n <symbol id="icon-rotate-clockwise" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <path d="M9 4.55a8 8 0 0 1 6 14.9m0 -4.45v5h5"></path>\n <line x1="5.63" y1="7.16" x2="5.63" y2="7.17"></line>\n <line x1="4.06" y1="11" x2="4.06" y2="11.01"></line>\n <line x1="4.63" y1="15.1" x2="4.63" y2="15.11"></line>\n <line x1="7.16" y1="18.37" x2="7.16" y2="18.38"></line>\n <line x1="11" y1="19.94" x2="11" y2="19.95"></line>\n </symbol>\n\n <symbol id="icon-rotate-2" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <path d="M15 4.55a8 8 0 0 0 -6 14.9m0 -4.45v5h-5"></path>\n <line x1="18.37" y1="7.16" x2="18.37" y2="7.17"></line>\n <line x1="13" y1="19.94" x2="13" y2="19.95"></line>\n <line x1="16.84" y1="18.37" x2="16.84" y2="18.38"></line>\n <line x1="19.37" y1="15.1" x2="19.37" y2="15.11"></line>\n <line x1="19.94" y1="11" x2="19.94" y2="11.01"></line>\n </symbol>\n\n <symbol viewBox="0 0 24 24" id="icon-arrows-diagonal" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <polyline points="16 4 20 4 20 8"></polyline>\n <line x1="14" y1="10" x2="20" y2="4"></line>\n <polyline points="8 20 4 20 4 16"></polyline>\n <line x1="4" y1="20" x2="10" y2="14"></line>\n </symbol>\n \n <symbol viewBox="0 0 24 24" id="icon-arrows-diagonal-minimize" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <path d="M18 10h-4v-4"></path>\n <path d="M20 4l-6 6"></path>\n <path d="M6 14h4v4"></path>\n <path d="M10 14l-6 6"></path>\n </symbol>\n\n <symbol id="icon-circle-half" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <circle cx="12" cy="12" r="9"></circle>\n <path d="M12 3v18"></path>\n <path d="M12 14l7 -7"></path>\n <path d="M12 19l8.5 -8.5"></path>\n <path d="M12 9l4.5 -4.5"></path>\n </symbol>\n\n <symbol id="icon-box-multiple" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <rect x="7" y="3" width="14" height="14" rx="2"></rect>\n <path d="M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"></path>\n </symbol>\n\n <symbol id="icon-typography" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <line x1="4" y1="20" x2="7" y2="20"></line>\n <line x1="14" y1="20" x2="21" y2="20"></line>\n <line x1="6.9" y1="15" x2="13.8" y2="15"></line>\n <line x1="10.2" y1="6.3" x2="16" y2="20"></line>\n <polyline points="5 20 11 4 13 4 20 20"></polyline>\n </symbol>\n\n <symbol id="icon-plus" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <line x1="12" y1="5" x2="12" y2="19"></line>\n <line x1="5" y1="12" x2="19" y2="12"></line>\n </symbol>\n\n <symbol id="icon-hand-move" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <path d="M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5"></path>\n <path d="M11 11.5v-2a1.5 1.5 0 0 1 3 0v2.5"></path>\n <path d="M14 10.5a1.5 1.5 0 0 1 3 0v1.5"></path>\n <path d="M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7l-.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47"></path>\n <path d="M2.541 5.594a13.487 13.487 0 0 1 2.46 -1.427"></path>\n <path d="M14 3.458c1.32 .354 2.558 .902 3.685 1.612"></path>\n </symbol>\n \n <symbol id="icon-wand" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <polyline points="6 21 21 6 18 3 3 18 6 21"></polyline>\n <line x1="15" y1="6" x2="18" y2="9"></line>\n <path d="M9 3a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2"></path>\n <path d="M19 13a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2"></path>\n </symbol>\n\n <symbol id="icon-pencil" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4"></path>\n <line x1="13.5" y1="6.5" x2="17.5" y2="10.5"></line>\n </symbol>\n\n <symbol id="icon-window-maximize" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <rect x="3" y="16" width="5" height="5" rx="1"></rect>\n <path d="M4 12v-6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-6"></path>\n <path d="M12 8h4v4"></path>\n <path d="M16 8l-5 5"></path>\n </symbol>\n\n <symbol id="icon-settings" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">\n <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>\n <path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z"></path>\n <circle cx="12" cy="12" r="3"></circle>\n </symbol>\n\n\n </defs>\n </svg>')})(this),this.sidebar=new s(this),this.animateScroll=new dy(this),this.timeline=new uy(this),this.util=new py(this),this.pageTemplate||(this.pageTemplate=this.util.getPageTemplate(this.framework)),window.data_basic?(this.editorSetup(),this.init()):hy.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 oy({container:".is-container",page:".is-wrapper",previewURL:this.settings.previewURL,onPreviewOpen:()=>{let t=this.html();localStorage.setItem("preview-html",t);let e=this.mainCss();localStorage.setItem("preview-maincss",e);let i=this.sectionCss();localStorage.setItem("preview-sectioncss",i)},onPreviewClose:()=>{this.wrapperEl.style.marginBottom=""},onPreviewContentLoad:()=>{setTimeout((()=>{const t=this.builderStuff.querySelector(".is-modal.content-preview").querySelector("iframe");this.scrollSync(t)}),1e3)},previewStyle:this.settings.previewStyle,livePreviewOpen:this.settings.livePreviewOpen,livePreviewAlwaysReload:this.settings.livePreviewAlwaysReload,iframe:this.settings.iframe,imageAdjust:1,scriptPath:this.settings.scriptPath,pluginPath:this.settings.pluginPath,modulePath:this.settings.modulePath,fontAssetPath:this.settings.fontAssetPath,fontPath:this.settings.fontPath,assetPath:this.settings.assetPath,plugins:this.settings.plugins,disableConfig:this.settings.disableConfig,snippetList:"#divSidebarSnippets",snippetPath:this.settings.snippetPath,snippetUrl:this.settings.snippetUrl,snippetJSON:window.data_basic,snippetPathReplace:this.settings.snippetPathReplace,maxColumns:this.settings.maxColumns,maxEmbedImageWidth:this.settings.maxEmbedImageWidth,imageRenameOnEdit:this.settings.imageRenameOnEdit,sectionTemplate:this.settings.sectionTemplate,onSectionAdd:()=>{this.pageSetup()},slider:this.settings.slider,onRender:()=>{this.settings.onRender()},onChange:()=>{this.settings.onChange()},useLightbox:this.settings.useLightbox,lightboxArrow:this.settings.lightboxArrow,themes:this.settings.themes,moduleConfig:this.settings.moduleConfig,onImageBrowseClick:this.settings.onImageBrowseClick,onImageSettingClick:this.settings.onImageSettingClick,onImageSelectClick:this.settings.onImageSelectClick,onFileSelectClick:this.settings.onFileSelectClick,onVideoSelectClick:this.settings.onVideoSelectClick,onAudioSelectClick:this.settings.onAudioSelectClick,onMediaSelectClick:this.settings.onMediaSelectClick,onImageEditClick:this.settings.onImageEditClick,setCropperConfig:this.settings.setCropperConfig,onPluginsLoaded:this.settings.onPluginsLoaded,imageselect:this.settings.imageselect,fileselect:this.settings.fileselect,imageEmbed:this.settings.imageEmbed,sourceEditor:this.settings.sourceEditor,customval:this.settings.customval,colors:this.settings.colors,gradientcolors:this.settings.gradientcolors,buttons:this.settings.buttons,buttonsMore:this.settings.buttonsMore,elementButtons:this.settings.elementButtons,elementButtonsMore:this.settings.elementButtonsMore,iconButtons:this.settings.iconButtons,iconButtonsMore:this.settings.iconButtonsMore,customTags:this.settings.customTags,largerImageHandler:this.settings.largerImageHandler,onLargerImageUpload:this.settings.onLargerImageUpload,imageHandler:this.settings.imageHandler,mediaHandler:this.settings.mediaHandler,videoHandler:this.settings.videoHandler,audioHandler:this.settings.audioHandler,fileHandler:this.settings.fileHandler,onVideoUpload:this.settings.onVideoUpload,onAudioUpload:this.settings.onAudioUpload,onImageUpload:this.settings.onImageUpload,onMediaUpload:this.settings.onMediaUpload,onFileUpload:this.settings.onFileUpload,framework:this.settings.framework,cellFormat:this.settings.cellFormat,rowFormat:this.settings.rowFormat,row:this.settings.row,cols:this.settings.cols,colequal:this.settings.colequal,colsizes:this.settings.colsizes,classReplace:this.settings.classReplace,columnTool:this.settings.columnTool,elementTool:this.settings.elementTool,animateModal:this.settings.animateModal,elementAnimate:this.settings.elementAnimate,elementEditor:this.settings.elementEditor,onAdd:this.settings.onAdd,imageQuality:this.settings.imageQuality,columnHtmlEditor:this.settings.columnHtmlEditor,rowHtmlEditor:this.settings.rowHtmlEditor,rowMoveButtons:this.settings.rowMoveButtons,htmlSyntaxHighlighting:this.settings.htmlSyntaxHighlighting,scrollableEditingToolbar:this.settings.scrollableEditingToolbar,toolbar:this.settings.toolbar,toolbarDisplay:this.settings.toolbarDisplay,toolbarAddSnippetButton:this.settings.toolbarAddSnippetButton,paste:this.settings.paste,builderMode:this.settings.builderMode,rowcolOutline:this.settings.rowcolOutline,elementSelection:this.settings.elementSelection,animatedSorting:this.settings.animatedSorting,dragWithoutHandle:this.settings.dragWithoutHandle,addButtonPlacement:this.settings.addButtonPlacement,outlineMode:this.settings.outlineMode,elementHighlight:this.settings.elementHighlight,rowTool:this.settings.rowTool,toolStyle:this.settings.toolStyle,outlineStyle:this.settings.outlineStyle,snippetAddTool:this.settings.snippetAddTool,mobileSimpleEdit:this.settings.mobileSimpleEdit,clearPreferences:this.settings.clearPreferences,snippetCategories:this.settings.snippetCategories,defaultSnippetCategory:this.settings.defaultSnippetCategory,undoRedoStyles:this.settings.undoRedoStyles,onUndo:()=>{this.doUndoRedo()},onRedo:()=>{this.doUndoRedo()},undoContainerOnly:this.settings.undoContainerOnly,absolutePath:this.settings.absolutePath,cssClasses:this.settings.cssClasses,useCssClasses:this.settings.useCssClasses,useButtonPlugin:this.settings.useButtonPlugin,enableDragResize:this.settings.enableDragResize,simpleTextSettings:this.settings.simpleTextSettings,shortenHTML:this.settings.shortenHTML,zoom:this.settings.zoom,onZoomStart:()=>{const t=this.wrapperEl;let e=t.querySelectorAll(".is-section-tool");Array.prototype.forEach.call(e,(function(t){"block"===t.style.display&&(t.setAttribute("data-section-active",""),t.style.display="none")})),e=t.querySelectorAll(".is-box-tool"),Array.prototype.forEach.call(e,(function(t){"flex"===t.style.display&&(t.setAttribute("data-box-active",""),t.style.display="none")})),this.wrapperEl.style.transition="none"},onZoom:t=>{const e=300*(1-t)/.5;this.wrapperEl.style.marginTop=`${e}px`},onZoomEnd:()=>{const t=this.wrapperEl;if(!t.querySelector(".is-section"))return;this.addSpace();let e=t.querySelector(".is-section-tool[data-section-active]");e&&(e.removeAttribute("data-section-active"),e.style.display="block"),e=t.querySelector(".is-box-tool[data-box-active]"),e&&(e.removeAttribute("data-box-active"),e.style.display="flex"),this.rePositionTool(),this.wrapperEl.style.transition="",this.refreshAnim()},onThemeChange:()=>{this.refreshUIStyle()},fileSelect:this.settings.fileSelect,imageSelect:this.settings.imageSelect,videoSelect:this.settings.videoSelect,audioSelect:this.settings.audioSelect,mediaSelect:this.settings.mediaSelect,selectIcon:this.settings.selectIcon,otherSelect:this.settings.otherSelect,otherSelectCaption:this.settings.otherSelectCaption,otherSelectIcon:this.settings.otherSelectIcon,imageSelectWidth:this.settings.imageSelectWidth,imageSelectHeight:this.settings.imageSelectHeight,fileSelectWidth:this.settings.fileSelectWidth,fileSelectHeight:this.settings.fileSelectHeight,videoSelectWidth:this.settings.videoSelectWidth,videoSelectHeight:this.settings.videoSelectHeight,audioSelectWidth:this.settings.audioSelectWidth,audioSelectHeight:this.settings.audioSelectHeight,mediaSelectWidth:this.settings.mediaSelectWidth,mediaSelectHeight:this.settings.mediaSelectHeight,assetRefresh:this.settings.assetRefresh,onContentClick:t=>{this.settings.onContentClick&&this.settings.onContentClick(),this.doc.body.classList.remove("temporary-hide-tools");let e=t.target;if(!e.closest('[contenteditable="true"]')){let i=this.editor.dom.getParentElement(e,"a");if("a"===e.tagName.toLowerCase()||i){"a"===e.tagName.toLowerCase()&&(i=e);let n=i.getAttribute("href");if(n&&0===n.indexOf("#"))if(0===n.indexOf("#section")){let e=n.replace("#section","");if(!isNaN(parseInt(e))){let i,n=this.doc.querySelectorAll(".is-section"),o=0;n.forEach((function(t){hy.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())}}}}});const t=this.builderStuff.querySelector(".is-modal.content-preview").querySelector("iframe");this.win.addEventListener("scroll",this.doScrollSync=()=>{this.scrollSync(t)}),this.isTouchSupport=this.editor.isTouchSupport}scrollSync(t){if(this.builderStuff.querySelector(".is-modal.content-preview").classList.contains("active")&&!this.cancelScrollSync)try{let e=t.contentWindow.document.querySelector(".is-wrapper").offsetHeight,i=this.wrapperEl.offsetHeight*this.editor.zoom,n=e-i;this.wrapperEl.style.marginBottom="100vh",t.contentWindow.scrollTo(0,this.win.scrollY+this.win.scrollY/i*n)}catch(t){}}init(){hy.appendHtml(this.doc.head,`<style id="_contentbox_css">\n body {\n background: ${this.settings.backgroundColor};\n }\n .block-click.is-box {\n cursor: unset;\n }\n .block-click.is-box > * {\n pointer-events: unset;\n user-select: unset;\n } \n\n .is-wrapper.is-edit {\n padding-left: 61px;\n }\n .is-wrapper.is-container-edit > div.section-select, .is-wrapper.is-clean-edit > div.section-select {\n overflow-x: unset !important;\n overflow-y: unset !important;\n }\n\n\n /* Navbar Fix */\n .is-wrapper.is-edit .is-section.is-section-navbar,\n .is-wrapper.is-edit .is-section.is-section-navbar .is-topbar {\n left: 0;\n margin-left: 60px;\n width: calc(100% - 60px);\n }\n .is-wrapper.is-edit .is-section.is-section-navbar .is-topbar.static {\n width: 100%;\n margin-left: unset;\n }\n\n /* protected section */\n .is-section.protected .is-box-tool {\n display: none !important;\n }\n\n /* manual selection during animation edit */\n .hard-select .is-box-tool {\n display: none !important;\n }\n .hard-select .is-section-tool {\n display: none !important;\n }\n .hard-select .box-select {\n outline: #00da89 1px solid;\n outline-offset: -1px;\n z-index: 1;\n }\n .hard-select .box-select .is-box-tool {\n display: flex !important;\n }\n .hard-select .box-select .is-overlay {\n z-index: -1;\n }\n .hard-select .section-select .is-section-tool {\n display: block !important;\n }\n\n /* drop block as section */\n .is-wrapper > .sortable-ghost {\n height: 40px !important;\n min-height: unset !important;\n background: rgba(204, 204, 204, 0.15) !important;\n }\n .is-wrapper > .sortable-ghost * {\n opacity: 0 !important;\n }\n\n /* toggle tool */\n .is-wrapper.is-clean-edit.hard-select .box-select .is-box-tool,\n .is-wrapper.is-clean-edit .box-select .is-box-tool {\n display: none !important;\n }\n .is-wrapper.is-clean-edit.hard-select .section-select .is-section-tool,\n .is-wrapper.is-clean-edit .section-select .is-section-tool {\n display: none !important;\n }\n .is-wrapper.is-clean-edit.hard-select .box-select,\n .is-wrapper.is-clean-edit .box-select {\n outline: none !important;\n }\n \n /* clean UI for selection only */\n /*\n .selection-only:not([data-skrollrr-off]) .is-wrapper.hard-select .box-select .is-box-tool,\n .selection-only:not([data-skrollrr-off]) .is-wrapper .box-select .is-box-tool {\n display: none !important;\n }\n .selection-only:not([data-skrollrr-off]) .is-wrapper.hard-select .section-select .is-section-tool,\n .selection-only:not([data-skrollrr-off]) .is-wrapper .section-select .is-section-tool {\n display: none !important;\n }\n .selection-only:not([data-skrollrr-off]) .is-wrapper .is-rowadd-tool {\n display: none !important;\n }\n .selection-only:not([data-skrollrr-off]) .is-wrapper .is-tool {\n display: none !important;\n }\n .selection-only:not([data-skrollrr-off]) .is-tool {\n z-index: -10000 !important;\n }\n */\n \n /* section info */\n .is-wrapper .is-section-info {\n position: absolute;\n z-index: 1;\n top: 3px;\n left: 3px;\n display: none;\n }\n .is-wrapper .is-section-info > div {\n width: auto;\n height: auto;\n padding: 5px 20px;\n background-color: rgb(255, 239, 100);\n color: #111;\n font-family: sans-serif;\n letter-spacing: 2px;\n font-size: 17px;\n }\n .is-wrapper .section-select .is-section-info {\n display: block;\n }\n\n /* To make editing possible on wide content */\n .is-wrapper.is-edit .section-wide-250 .is-box-centered {\n overflow-x: auto;\n overflow-y: hidden;\n }\n .is-wrapper.is-edit .section-wide-250 .is-container > div > div { /* To make col tool visible */\n max-height: 90vh; \n }\n \n </style>`),hy.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: 340px;\n height: auto;\n top: calc(50% - 265px);\n left: calc(50% - 157px);\n box-sizing: content-box;\n flex-direction: row;\n align-items: flex-start;\n }\n #_cbhtml .is-modal.editbox.is-modal-content.active {\n display: flex;\n }\n #_cbhtml .is-modal.editbox.is-modal-content .is-modal-overlay {\n display: none;\n }\n\n /* Switch */\n .is-ui .switch {\n position: relative;\n display: inline-block;\n width: 60px;\n height: 34px;\n }\n \n .is-ui .switch input {\n opacity: 0;\n width: 0;\n height: 0;\n }\n \n .is-ui .switch .slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #ccc;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border-radius: 34px;\n }\n \n .dark .is-ui .switch .slider {\n background-color: #7c7c7c;\n }\n \n .is-ui .switch .slider:before {\n position: absolute;\n content: "";\n height: 26px;\n width: 26px;\n left: 4px;\n bottom: 4px;\n background-color: #fff;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border-radius: 50%;\n }\n \n .dark .is-ui .switch .slider:before {\n background-color: rgba(255, 255, 255, 0.82);\n }\n \n .is-ui .switch input:checked + .slider {\n background-color: #0e75de;\n border-radius: 34px;\n }\n \n .dark .is-ui .switch input:checked + .slider {\n background-color: #0e75de;\n }\n \n .is-ui .switch input:focus + .slider {\n box-shadow: 0 0 1px #0e75de;\n }\n \n .dark .is-ui .switch input:focus + .slider {\n box-shadow: 0 0 1px #0e75de;\n }\n \n .is-ui .switch input:checked + .slider:before {\n -webkit-transform: translateX(26px);\n -ms-transform: translateX(26px);\n transform: translateX(26px);\n }\n\n /* temporary hide tools on wide section during scroll */\n .temporary-hide-tools .is-ui .is-tool {\n display: none !important;\n }\n </style>');const t=this.builderStuff;hy.appendHtml(t,'<div class="page-overlay"></div>');let e=t.querySelector(".page-overlay");this.editsection=new r(this),this.editbox=new Je(this),setTimeout((()=>{if(this.pageSetupDone||this.pageSetup(),(null!=localStorage.getItem("_livepreview")||this.settings.livePreviewOpen)&&this.openPreview(),null!=localStorage.getItem("_disableanimation")){this.doc.body.setAttribute("data-skrollrr-off","true");this.sidebar.pageQuickSettings.querySelector(".cmd-live-preview").checked=!1}null!=localStorage.getItem("_timelinewindow")&&this.timeline.edit()}),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?(ay.stop(),setTimeout((()=>{s()}),300)):i?(ay.start(),ay.on("hide",(()=>{s()}))):(ay.stop(),setTimeout((()=>{s()}),300)),this.doc.addEventListener("wheel",(()=>{if(this.editor.activeElement){if(this.editor.activeElement.closest(".section-wide-250")){this.doc.body.classList.add("temporary-hide-tools"),this.editor.moveable&&this.editor.moveable.updateRect();let t=this.doc.querySelector(".moveable-control-box");t&&(t.style.display="none")}if(this.editor.activeElement.closest(".scroll-y")){this.doc.body.classList.add("temporary-hide-tools"),this.editor.moveable&&this.editor.moveable.updateRect();let t=this.doc.querySelector(".moveable-control-box");t&&(t.style.display="none")}}})),this.doc.addEventListener("click",this.doDocumentClick=t=>{var e=(t=t||window.event).target||t.srcElement;if(!(e.closest("#_cbhtml")||e.closest(".is-box-tool")||e.closest(".is-section-tool")||e.closest(".is-side")||e.closest(".is-modal")||e.closest(".is-sidebar")))if(e.closest(".is-wrapper")&&!e.classList.contains("is-wrapper")){if(e.closest(".is-container")){const t=e.closest(".is-box");if(t){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")));const i=this.doc.querySelector(".box-select");i&&i.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.timeline.modalTimeline.classList.contains("active")&&!this.animateScroll.modalAnimateScroll.classList.contains("active")){const t=this.doc.querySelector(".box-select");t&&t.classList.remove("box-select");const e=this.doc.querySelector(".section-select");e&&e.classList.remove("section-select"),this.wrapperEl.classList.remove("hard-select")}}else{const e=this.doc.querySelector(".box-select");e&&e.classList.remove("box-select");const i=this.doc.querySelector(".section-select");i&&i.classList.remove("section-select"),t.classList.add("box-select"),this.activeBox=t;const n=t.closest(".is-section");n.classList.add("section-select"),this.activeSection=n,this.wrapperEl.classList.add("hard-select")}this.wrapperEl.classList.remove("is-container-edit"),this.wrapperEl.classList.remove("is-clean-edit")}this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display="",this.settings.onPageContentClick&&this.settings.onPageContentClick(t)}else{if(document.activeElement&&"input"===document.activeElement.tagName.toLowerCase())return;this.wrapperEl.classList.remove("is-container-edit"),this.wrapperEl.classList.remove("is-clean-edit");const t=this.builderStuff.querySelector(".editbox");t.style.display="";const e=this.builderStuff.querySelector(".editsection");if(e.style.display="","flex"!==t.style.display&&"flex"!==e.style.display&&!this.timeline.modalTimeline.classList.contains("active")&&!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")}))}this.timeline.modalTimeline.classList.contains("active")&&this.timeline.clearSettings()}let i=!1,n=!1,o=!1,s=!1,a=!1,l=!1,r=!1,d=!1,c=!1,u=e;for(;u&&u.tagName&&"BODY"!==u.tagName&&"HTML"!==u.tagName;)hy.hasClass(u,"is-sidebar-content")&&(i=!0),hy.hasClass(u,"is-sidebar")&&(n=!0),hy.hasClass(u,"is-builder")&&(o=!0),hy.hasClass(u,"is-wrapper")&&(a=!0),hy.hasClass(u,"is-rte-tool")&&(l=!0),hy.hasClass(u,"is-modal")&&(r=!0),hy.hasClass(u,"is-pop")&&(d=!0),hy.hasClass(u,"is-tool")&&(c=!0),hy.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;)hy.hasClass(r,"is-sidebar-content")&&(e=!0),hy.hasClass(r,"is-sidebar")&&(i=!0),hy.hasClass(r,"is-wrapper")&&(n=!0),hy.hasClass(r,"is-rte-tool")&&(o=!0),hy.hasClass(r,"is-modal")&&(s=!0),hy.hasClass(r,"is-pop")&&(a=!0),hy.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()}),window.wheel=()=>{}}openPreview(){this.animateScroll.openPreview()}closePreview(){this.animateScroll.closePreview()}openSettings(t){this.sidebar.openSettings(t)}pageSetup(){this.wrapperEl.querySelectorAll(".is-section").forEach((t=>{if(this.sectionSetup(t),hy.hasClass(t,"is-box"))this.boxSetup(t);else{t.querySelectorAll(".is-box").forEach((t=>{this.boxSetup(t)}))}})),this.editor.applyBehavior(),this.addSpace(),setTimeout((()=>{let t=()=>{if(!this.doc.body.hasAttribute("data-skrollrr-off"))return!0},e=document.querySelector(".is-element-tool"),i=document.querySelector("#divImageTool"),n=document.querySelector("#divImageResizer"),o=()=>{if(i&&"flex"===i.style.display){this.editor.moveable&&this.editor.moveable.updateRect();let t=this.doc.querySelector(".moveable-control-box");t&&(t.style.display="none")}e&&(e.style.display=""),i&&(i.style.display=""),n&&(n.style.display="")};t&&(this.doc.addEventListener("wheel",this.doAnimWheel=()=>{t()&&o()}),this.win.addEventListener("scroll",this.doAnimScroll=()=>{t()&&o()}))}),300)}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){hy.hasClass(e,"is-section-navbar")||(o===t-1&&(i=e),o++)})),i&&this.scrollTo(i),e.preventDefault()}}else try{let t=this.doc.querySelector(i);t&&(this.scrollTo(t),e.preventDefault())}catch(e){}else e.preventDefault(),e.stopImmediatePropagation();else t.closest(".is-menu-search")||(e.preventDefault(),e.stopImmediatePropagation())}))}))}}addSpace(){}scrollTo(t,e=0){this.cancelScrollSync=!0,setTimeout((()=>{t.scrollIntoView({behavior:"smooth",block:"center"}),setTimeout((()=>{this.cancelScrollSync=!1;const t=this.builderStuff.querySelector(".is-modal.content-preview").querySelector("iframe");this.scrollSync(t)}),1e3)}),e)}sectionSetup(t){let e=t.querySelector(".is-section-tool");e&&e.parentNode.removeChild(e),hy.appendHtml(t,'<div class="is-section-tool"><button type="button" class="is-section-edit" tabindex="-1" data-title="'+i("Section Settings")+'" title="'+i("Section Settings")+'"><svg class="is-icon-flex"><use xlink:href="#ion-wrench"></use></svg></button><button type="button" class="is-section-remove" tabindex="-1" data-title="'+i("Remove")+'" title="'+i("Remove")+'">&#10005;</button></div>');let n=t.querySelector(".is-section-info");n&&n.parentNode.removeChild(n);const o=t.getAttribute("id");hy.appendHtml(t,'<div class="is-section-info">'+(o?`<div>#${o}</div>`:"")+"</div>");let s=t.querySelector(".is-section-tool").querySelectorAll("[title]");Array.prototype.forEach.call(s,(t=>{t.setAttribute("data-title",t.getAttribute("title")),this.iframe?this.editor.tooltip.set(t,5,3,!0):this.editor.tooltip.set(t,5,3)}));t.querySelector(".is-section-edit").addEventListener("click",(()=>{this.editbox.close(),this.editsection.edit()}));if(t.querySelector(".is-section-remove").addEventListener("click",(()=>{const t=document.querySelector(".is-modal.delsectionconfirm");this.editor.util.showModal(t);this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display=""})),t.classList.contains("section-wide-250")){t.querySelector(".is-box-centered").addEventListener("scroll",(()=>{this.doc.body.classList.add("temporary-hide-tools"),this.editor.moveable&&this.editor.moveable.updateRect();let t=this.doc.querySelector(".moveable-control-box");t&&(t.style.display="none")}))}t.querySelectorAll(".scroll-y").forEach((t=>{t.addEventListener("scroll",(()=>{this.doc.body.classList.add("temporary-hide-tools"),this.editor.moveable&&this.editor.moveable.updateRect();let t=this.doc.querySelector(".moveable-control-box");t&&(t.style.display="none")}))}))}boxSetup(t){let e=t.querySelector(".is-box-tool");if(e&&e.parentNode.removeChild(e),hy.appendHtml(t,'<div class="is-box-tool" data-tool="1"><div role="button" class="is-cover-upload" data-tooltip-top title="'+i("Background Image")+'" data-title="'+i("Background Image")+'" target="target-upload-cover" method="post" action="'+this.coverImageHandler+'" enctype="multipart/form-data" style="position:relative;width:40px;height:40px;display:inline-block;float:left;background: rgb(90, 156, 38);"><div style="width:40px;height:40px;overflow:hidden;"><div style="position:absolute;width:100%;height:100%;"><svg class="is-icon-flex" style="position: absolute;top: 12px;left: 12px;fill:rgb(255,255,255);"><use xlink:href="#ion-image"></use></svg></div><input type="file" tabindex="-1" class="input-file-cover" name="fileCover" accept="image/*" style="position:absolute;top:-30px;left:0;width:100%;height:80px;opacity: 0;cursor: pointer;"/></div><input tabindex="-1" class="input-custom-value" name="hidcustomval" type="hidden" value="" /></div><button type="button" class="is-box-edit" tabindex="-1" data-tooltip-top data-title="'+i("Box Settings")+'" title="'+i("Box Settings")+'"><svg class="is-icon-flex"><use xlink:href="#ion-wrench"></use></svg></button><button type="button" class="is-module-edit" tabindex="-1" data-tooltip-top data-title="'+i("Module Settings")+'" title="'+i("Module Settings")+'"><svg class="is-icon-flex"><use xlink:href="#ion-ios-gear"></use></svg></button></div>'),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 n=t.querySelector(".is-box-edit");n&&n.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=window.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(){let t=this.doc.querySelectorAll(".is-section-tool");t.forEach((t=>{t.parentNode.removeChild(t)})),t=this.doc.querySelectorAll(".is-box-tool"),t.forEach((t=>{t.parentNode.removeChild(t)}));this.doc.querySelectorAll(".box-select").forEach((t=>{t.classList.remove("box-select")}));this.doc.querySelectorAll(".section-select").forEach((t=>{t.classList.remove("section-select")})),this.activeBox=null,this.activeSection=null,this.wrapperEl.classList.remove("is-container-edit"),this.wrapperEl.classList.remove("is-clean-edit");this.builderStuff.querySelector(".editbox").style.display="";this.builderStuff.querySelector(".editsection").style.display="",this.timeline.modalTimeline.classList.contains("active")||this.animateScroll.modalAnimateScroll.classList.contains("active")||this.wrapperEl.classList.remove("hard-select"),this.pageSetup(),this.win.skrollrr&&this.win.skrollrr.refresh()}refreshAnim(){this.win.skrollrr&&this.win.skrollrr.refresh()}refreshPage(t){this.win.skrollrr&&this.win.skrollrr.refresh();const e=this.wrapperEl;e.querySelectorAll(".is-section").forEach((t=>{const e=t.innerHTML;var i=document.createRange();t.innerHTML="",t.appendChild(i.createContextualFragment(e))})),this.editor.uo.cleaning(e),this.pageSetup(),this.win.skrollrr&&this.win.skrollrr.refresh(),t&&t()}addIdea(t){let e;this.editor.saveForUndo();let n=[];if(-1!==t.indexOf("is-section-navbar")){const o=this.wrapperEl.querySelector(".is-section-navbar");if(o)return void this.editor.util.confirm(i("Do you want to replace the current navigation bar?"),(e=>{e&&(o.parentNode.removeChild(o),this.addIdea(t))}),!0,i("Replace"));hy.appendHtml(this.wrapperEl,t,"afterbegin"),e=this.wrapperEl.querySelector(".is-section"),n.push(e)}else if(-1!==t.indexOf("is-static")){let i=hy.getLastElement(this.wrapperEl,".is-section");if(i){hy.appendHtml(i,t,"afterend"),e=i.nextElementSibling,n.push(e);let o=e.nextElementSibling;if(o){let t=o.querySelector(".is-section-tool");t||n.push(o),o=o.nextElementSibling,o&&(t=o.querySelector(".is-section-tool"),t||n.push(o))}}else hy.appendHtml(this.wrapperEl,t,"afterbegin"),e=this.wrapperEl.querySelector(".is-section"),n.push(e)}else if(this.activeSection){let i=this.activeSection;if(hy.hasClass(i,"is-static")){hy.appendHtml(i,t,"beforebegin"),e=i.previousElementSibling,n.push(e);let o=e.previousElementSibling;if(o){let t=o.querySelector(".is-section-tool");t||n.push(o),o=o.previousElementSibling,o&&(t=o.querySelector(".is-section-tool"),t||n.push(o))}}else{hy.appendHtml(i,t,"afterend"),e=i.nextElementSibling,n.push(e);let o=e.nextElementSibling;if(o){let t=o.querySelector(".is-section-tool");t||n.push(o),o=o.nextElementSibling,o&&(t=o.querySelector(".is-section-tool"),t||n.push(o))}}}else{hy.appendHtml(this.wrapperEl,t,"afterbegin"),e=this.wrapperEl.querySelector(".is-section"),n.push(e);let i=e.nextElementSibling;if(i){let t=i.querySelector(".is-section-tool");t||n.push(i),i=i.nextElementSibling,i&&(t=i.querySelector(".is-section-tool"),t||n.push(i))}}this.wrapperEl.querySelectorAll(".is-section").forEach((t=>{t.querySelector(".is-section-tool")||n.push(t)})),n.forEach((t=>{if(t.querySelectorAll("[data-html]").forEach((t=>{let e=decodeURIComponent(t.getAttribute("data-html"));e=e.replace(/{id}/g,hy.uniqueId()),hy.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),hy.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(),hy.removeElement(document.querySelector(".is-sidebar-overlay")),hy.removeClass(document.querySelectorAll(".is-sidebar .is-sidebar-button"),"active"),hy.removeClass(document.querySelectorAll(".is-sidebar-content"),"active"),document.body.style.overflowY="",this.addSpace(),this.scrollTo(e,600),setTimeout((()=>{this.refreshAnim()}),600)}refreshUIStyle(){if(!this.editor)return;if(!this.editor.styleSnippetBackground)return void setTimeout((()=>{this.refreshUIStyle()}),300);document.querySelector("#divSidebarSnippets").style.backgroundColor=this.editor.styleSnippetBackground;document.querySelectorAll(".is-sidebar-content").forEach((t=>{t.style.backgroundColor=this.editor.styleSnippetBackground}));const t=document.querySelector("#divStyles");t.style.backgroundColor=this.editor.styleSnippetBackground,t.style.color=this.editor.styleSnippetColor;const e=document.querySelector(".is-sidebar");e.style.backgroundColor=this.editor.styleModalBackground,e.style.color=this.editor.styleModalColor;e.querySelectorAll("svg").forEach((t=>{t.style.fill=this.editor.styleModalColor}));e.querySelectorAll("button").forEach((t=>{t.style.color=this.editor.styleModalColor}));const i=document.querySelector("#ifrIdeasPanel");i.contentWindow.applyParentStyles&&i.contentWindow.applyParentStyles()}rePositionTool(){let t,e=this.wrapperEl.querySelector(".row-active");e&&(t=e?hy.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"})),hy.hasClass(t,"is-section")?(n=t,o=t.querySelector(".is-section-tool")):(n=hy.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,n=hy.uniqueId(),o=hy.uniqueId();let s;if(t.src){s=`<button type="button" id="${n}" class="is-sidebar-button" tabindex="-1" data-content="${o}" data-title="${i(t.title)}" title="${i(t.title)}" data-src="${t.src}" data-refresh="${t.refresh?1:0}">\n ${t.html}\n </button>`;let a=`<div id="${o}" class="is-sidebar-content is-area-2nd ${t.class}" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true" style="max-width:${t.maxwidth?t.maxwidth:"1005px"};">\n <div style="padding:0 0 0 50px;box-sizing:border-box;">\n <iframe src="about:blank" style="width:100%;height:100%;box-sizing:border-box;border:none;">\n </iframe>\n </div>\n </div>`;hy.appendHtml(e,a)}else s=t.onClick?'<button type="button" id="'+n+'" tabindex="-1" class="is-sidebar-button" data-title="'+i(t.title)+'" title="'+i(t.title)+'">'+t.html+"</button>":`<button id="${n}" class="is-sidebar-button" tabindex="-1" data-content="${t.content.substr(1)}" data-title="${i(t.title)}" title="${i(t.title)}">\n ${t.html}\n </button>`;e.querySelector(".is-sidebar").children[t.pos].insertAdjacentHTML("afterEnd",s);const a=e.querySelector("#"+n);a.addEventListener("click",(i=>{if(t.onClick)t.onClick(i);else if(hy.hasClass(a,"active"))this.sidebar.closeSidebar();else{this.sidebar.closeSidebar(),hy.addClass(a,"active");var n=a.getAttribute("data-content");const i=document.querySelector("#"+n);if(i.style.display="block",i.setAttribute("aria-hidden",!1),setTimeout((()=>{hy.addClass(i,"active"),i.focus()}),10),t.src){var o=e.querySelector("#"+n+" iframe");("1"===a.getAttribute("data-refresh")||"about:blank"==o.getAttribute("src"))&&o.setAttribute("src",t.src)}hy.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=>{hy.removeClass(t,"active")})),t=e.querySelectorAll(".is-sidebar-content"),t.forEach((t=>{hy.removeClass(t,"active")})),document.body.style.overflowY=""}))}})),setTimeout((()=>{if(!t.onClick){const t=a.getAttribute("data-content");document.querySelector("#"+t).addEventListener("keydown",(t=>{27===t.keyCode&&this.sidebar.closeSidebar()}))}}),300)}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;e.style.opacity||(e.style.opacity="0");let i=!1;if("glide"!==this.settings.slider&&"all"!==this.settings.slider||void 0!==this.win.Glide&&(new this.win.Glide).mount||(i=!0),!this.editor||i)return void setTimeout((()=>{this.loadHtml(t)}),100);let n=document.createRange();e.innerHTML="",e.appendChild(n.createContextualFragment(t));let o=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 n=!1,s=this.doc.getElementsByTagName("link");for(let t=0;t<s.length;t++){-1!=s[t].href.toLowerCase().indexOf(i.toLowerCase())&&(n=!0)}n||this.wrapperEl.insertAdjacentHTML("beforeend",'<link data-name="contentstyle" data-class="'+e+'" href="'+o+i+'" rel="stylesheet">')}}))})),this.pageSetup(),this.pageSetupDone=!0,this.settings.onRender();e.querySelectorAll(".is-arrow-down a").forEach((t=>{t.addEventListener("click",(e=>{let i=t.parentNode.parentNode;return this.scrollTo(i.nextElementSibling),e.preventDefault(),e.stopImmediatePropagation(),!1}))})),null!=localStorage.getItem("_livepreview")&&this.openPreview()}boxImage(t,e){this.editbox.boxImage(t,e)}mainCss(t){let e=this.doc.getElementsByTagName("link"),i=[];for(let n=0;n<e.length;n++){if(-1!=e[n].href.toLowerCase().indexOf("basetype-"))if(t){const t=e[n].cloneNode();let o=t.href,s=window.location.href.substring(0,window.location.href.lastIndexOf("/"));o=o.replace(s,"[%PATH%]"),t.href=o,i.push(t.outerHTML)}else i.push(e[n].outerHTML)}return i.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(t){let e=this.doc.getElementsByTagName("link"),i=[];for(let n=0;n<e.length;n++){let o=e[n].href.toLowerCase();if(-1!=o.indexOf("basetype-"));else if(-1!=o.indexOf("type-"))if(t){const t=e[n].cloneNode();let o=t.href,s=window.location.href.substring(0,window.location.href.lastIndexOf("/"));o=o.replace(s,"[%PATH%]"),t.href=o,i.push(t.outerHTML)}else i.push(e[n].outerHTML)}return i=[...new Set(i)],i.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){this.cleanupUnused();return this.editor.readHtml(this.wrapperEl,t,!0)}download(t={}){this.export(t,!0)}export(t={},e=!1){let i=this.pageTemplate,n="";this.cleanupUnused(),this.editor.makeAbsolute=!0,this.editor.shortenOutput=e;let o=this.editor.readHtml(this.wrapperEl,!1,!0);this.editor.makeAbsolute=!1,this.editor.shortenOutput=!1,n=i.replace("[%CONTENT%]",o);let s=this.mainCss(!0),a=this.sectionCss(!0);if(n=n.replaceAll("[%MAINCSS%]",s),n=n.replaceAll("[%SECTIONCSS%]",a),t.replace&&t.replace.forEach((t=>{n=n.replaceAll(`${t[0]}`,t[1])})),t.path)n=n.replaceAll("[%PATH%]",t.path);else{let t;t=window.location.href.substring(0,window.location.href.lastIndexOf("/")),n=n.replaceAll("[%PATH%]",t)}n=this.editor.beautify(n);const l=document.createElement("a");l.href=window.URL.createObjectURL(new Blob([n],{type:"text/plain"})),l.download="page.html",l.click()}viewZoom(){this.editor.viewZoom()}openAnimationPanel(){this.animateScroll.edit()}openTimelinePanel(){this.timeline.edit()}destroy(){this.doc.removeEventListener("click",this.doDocumentClick,!1),this.iframe&&document.removeEventListener("click",this.doDocumentClick,!1),window.removeEventListener("scroll",this.doWindowScroll,!1),this.doc.removeEventListener("scroll",this.doAnimWheel,!1),this.win.removeEventListener("scroll",this.doAnimScroll,!1),this.win.removeEventListener("scroll",this.doScrollSync,!1);let t=this.html();this.builderStuff.innerHTML="",hy.removeClass(document.body,"sidebar-active"),document.body.removeAttribute("data-skrollrr-off");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)),hy.removeClass(o,"is-edit"),this.editor.destroy(),ay.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)}))}}}();