@cntrl-site/components 1.0.7-alpha.10 → 1.0.7-alpha.11

package/dist/index.js

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),S=require("react"),me=require("classnames"),w=require("./useScopedStyles-DpVdqfXj.js"),br=require("react-dom");function xr(e){return e.type==="object"&&e.version===1}const Sr="ControlSlider-module__wrapper___sHEkd",Cr="ControlSlider-module__hoverArrow___A-dOH",wr="ControlSlider-module__sliderItem___QQSkR",Tr="ControlSlider-module__sliderImage___9hRl-",_r="ControlSlider-module__arrow___05ghY",$r="ControlSlider-module__arrowVertical___tBfVN",Ar="ControlSlider-module__nextArrow___-30Yc",Er="ControlSlider-module__arrowInner___aEra3",Ir="ControlSlider-module__arrowIcon___S4ztF",Lr="ControlSlider-module__arrowImg___2dwJW",Fr="ControlSlider-module__mirror___brd6U",kr="ControlSlider-module__pagination___bicLF",Rr="ControlSlider-module__paginationInner___bT-P-",Mr="ControlSlider-module__paginationVertical___zYqKw",Pr="ControlSlider-module__paginationItem___nTRbk",Wr="ControlSlider-module__dot___p1Qun",zr="ControlSlider-module__activeDot___LHFaj",Hr="ControlSlider-module__paginationInsideBottom___R3FWn",Vr="ControlSlider-module__paginationInsideTop___V-qb-",Nr="ControlSlider-module__paginationOutsideBottom___14w8D",Or="ControlSlider-module__paginationOutsideTop___SCLqB",jr="ControlSlider-module__paginationInsideLeft___yOBRZ",Br="ControlSlider-module__paginationInsideRight___Rtt3o",Dr="ControlSlider-module__paginationOutsideLeft___lahaw",Ur="ControlSlider-module__paginationOutsideRight___EtuQa",qr="ControlSlider-module__imgWrapper___UjEgB",Gr="ControlSlider-module__captionBlock___dJ6-j",Yr="ControlSlider-module__captionTextWrapper___HFlpf",Xr="ControlSlider-module__captionText___uGBVc",Kr="ControlSlider-module__active___WZK4G",Jr="ControlSlider-module__withPointerEvents___t-18M",Zr="ControlSlider-module__topLeftAlignment___zjnGM",Qr="ControlSlider-module__topCenterAlignment___gD1xW",ei="ControlSlider-module__topRightAlignment___NMapS",ti="ControlSlider-module__middleLeftAlignment___OnUrY",ni="ControlSlider-module__middleCenterAlignment___Tdkl0",oi="ControlSlider-module__middleRightAlignment___wEbfX",ri="ControlSlider-module__bottomLeftAlignment___cTP2-",ii="ControlSlider-module__bottomCenterAlignment___c54fB",ai="ControlSlider-module__bottomRightAlignment___kEwrz",li="ControlSlider-module__clickOverlay___DZA28",si="ControlSlider-module__contain___pLyq7",ci="ControlSlider-module__cover___KdDat",te={wrapper:Sr,hoverArrow:Cr,sliderItem:wr,sliderImage:Tr,arrow:_r,arrowVertical:$r,nextArrow:Ar,arrowInner:Er,arrowIcon:Ir,arrowImg:Lr,mirror:Fr,pagination:kr,paginationInner:Rr,paginationVertical:Mr,paginationItem:Pr,dot:Wr,activeDot:zr,paginationInsideBottom:Hr,paginationInsideTop:Vr,paginationOutsideBottom:Nr,paginationOutsideTop:Or,paginationInsideLeft:jr,paginationInsideRight:Br,paginationOutsideLeft:Dr,paginationOutsideRight:Ur,imgWrapper:qr,captionBlock:Gr,captionTextWrapper:Yr,captionText:Xr,active:Kr,withPointerEvents:Jr,topLeftAlignment:Zr,topCenterAlignment:Qr,topRightAlignment:ei,middleLeftAlignment:ti,middleCenterAlignment:ni,middleRightAlignment:oi,bottomLeftAlignment:ri,bottomCenterAlignment:ii,bottomRightAlignment:ai,clickOverlay:li,contain:si,cover:ci};function ui(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function pi(e,t,n){return t&&ui(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}var io="(prefers-reduced-motion: reduce)",yt=1,di=2,xt=3,wt=4,Ht=5,Qt=6,on=7,gi={CREATED:yt,MOUNTED:di,IDLE:xt,MOVING:wt,SCROLLING:Ht,DRAGGING:Qt,DESTROYED:on};function Je(e){e.length=0}function rt(e,t,n){return Array.prototype.slice.call(e,t,n)}function he(e){return e.bind.apply(e,[null].concat(rt(arguments,1)))}var Io=setTimeout,An=function(){};function ao(e){return requestAnimationFrame(e)}function cn(e,t){return typeof t===e}function Lt(e){return!zn(e)&&cn("object",e)}var Wn=Array.isArray,Lo=he(cn,"function"),nt=he(cn,"string"),Vt=he(cn,"undefined");function zn(e){return e===null}function Fo(e){try{return e instanceof(e.ownerDocument.defaultView||window).HTMLElement}catch{return!1}}function Nt(e){return Wn(e)?e:[e]}function Re(e,t){Nt(e).forEach(t)}function Hn(e,t){return e.indexOf(t)>-1}function en(e,t){return e.push.apply(e,Nt(t)),e}function Ye(e,t,n){e&&Re(t,function(o){o&&e.classList[n?"add":"remove"](o)})}function Oe(e,t){Ye(e,nt(t)?t.split(" "):t,!0)}function Ot(e,t){Re(t,e.appendChild.bind(e))}function Vn(e,t){Re(e,function(n){var o=(t||n).parentNode;o&&o.insertBefore(n,t)})}function Ft(e,t){return Fo(e)&&(e.msMatchesSelector||e.matches).call(e,t)}function ko(e,t){var n=e?rt(e.children):[];return t?n.filter(function(o){return Ft(o,t)}):n}function jt(e,t){return t?ko(e,t)[0]:e.firstElementChild}var kt=Object.keys;function st(e,t,n){return e&&(n?kt(e).reverse():kt(e)).forEach(function(o){o!=="__proto__"&&t(e[o],o)}),e}function Rt(e){return rt(arguments,1).forEach(function(t){st(t,function(n,o){e[o]=t[o]})}),e}function Qe(e){return rt(arguments,1).forEach(function(t){st(t,function(n,o){Wn(n)?e[o]=n.slice():Lt(n)?e[o]=Qe({},Lt(e[o])?e[o]:{},n):e[o]=n})}),e}function lo(e,t){Re(t||kt(e),function(n){delete e[n]})}function je(e,t){Re(e,function(n){Re(t,function(o){n&&n.removeAttribute(o)})})}function ae(e,t,n){Lt(t)?st(t,function(o,r){ae(e,r,o)}):Re(e,function(o){zn(n)||n===""?je(o,t):o.setAttribute(t,String(n))})}function ht(e,t,n){var o=document.createElement(e);return t&&(nt(t)?Oe(o,t):ae(o,t)),n&&Ot(n,o),o}function We(e,t,n){if(Vt(n))return getComputedStyle(e)[t];zn(n)||(e.style[t]=""+n)}function Mt(e,t){We(e,"display",t)}function Ro(e){e.setActive&&e.setActive()||e.focus({preventScroll:!0})}function ze(e,t){return e.getAttribute(t)}function so(e,t){return e&&e.classList.contains(t)}function Fe(e){return e.getBoundingClientRect()}function ct(e){Re(e,function(t){t&&t.parentNode&&t.parentNode.removeChild(t)})}function Mo(e){return jt(new DOMParser().parseFromString(e,"text/html").body)}function Ge(e,t){e.preventDefault(),t&&(e.stopPropagation(),e.stopImmediatePropagation())}function Po(e,t){return e&&e.querySelector(t)}function Nn(e,t){return t?rt(e.querySelectorAll(t)):[]}function Xe(e,t){Ye(e,t,!1)}function En(e){return e.timeStamp}function lt(e){return nt(e)?e:e?e+"px":""}var Bt="splide",On="data-"+Bt;function Et(e,t){if(!e)throw new Error("["+Bt+"] "+(t||""))}var ot=Math.min,rn=Math.max,an=Math.floor,Pt=Math.ceil,Ie=Math.abs;function Wo(e,t,n){return Ie(e-t)<n}function tn(e,t,n,o){var r=ot(t,n),l=rn(t,n);return o?r<e&&e<l:r<=e&&e<=l}function mt(e,t,n){var o=ot(t,n),r=rn(t,n);return ot(rn(o,e),r)}function In(e){return+(e>0)-+(e<0)}function Ln(e,t){return Re(t,function(n){e=e.replace("%s",""+n)}),e}function jn(e){return e<10?"0"+e:""+e}var co={};function mi(e){return""+e+jn(co[e]=(co[e]||0)+1)}function zo(){var e=[];function t(i,c,p,m){r(i,c,function(u,E,x){var h="addEventListener"in u,d=h?u.removeEventListener.bind(u,E,p,m):u.removeListener.bind(u,p);h?u.addEventListener(E,p,m):u.addListener(p),e.push([u,E,x,p,d])})}function n(i,c,p){r(i,c,function(m,u,E){e=e.filter(function(x){return x[0]===m&&x[1]===u&&x[2]===E&&(!p||x[3]===p)?(x[4](),!1):!0})})}function o(i,c,p){var m,u=!0;return typeof CustomEvent=="function"?m=new CustomEvent(c,{bubbles:u,detail:p}):(m=document.createEvent("CustomEvent"),m.initCustomEvent(c,u,!1,p)),i.dispatchEvent(m),m}function r(i,c,p){Re(i,function(m){m&&Re(c,function(u){u.split(" ").forEach(function(E){var x=E.split(".");p(m,x[0],x[1])})})})}function l(){e.forEach(function(i){i[4]()}),Je(e)}return{bind:t,unbind:n,dispatch:o,destroy:l}}var it="mounted",Fn="ready",Ze="move",Tt="moved",Bn="click",Ho="active",Vo="inactive",No="visible",Oo="hidden",Ce="refresh",Ee="updated",St="resize",un="resized",jo="drag",Bo="dragging",Do="dragged",pn="scroll",pt="scrolled",fi="overflow",Dn="destroy",Uo="arrows:mounted",qo="arrows:updated",Go="pagination:mounted",Yo="pagination:updated",Un="navigation:mounted",qn="autoplay:play",Xo="autoplay:playing",Gn="autoplay:pause",Yn="lazyload:loaded",Ko="sk",Jo="sh",ln="ei";function xe(e){var t=e?e.event.bus:document.createDocumentFragment(),n=zo();function o(l,i){n.bind(t,Nt(l).join(" "),function(c){i.apply(i,Wn(c.detail)?c.detail:[])})}function r(l){n.dispatch(t,l,rt(arguments,1))}return e&&e.event.on(Dn,n.destroy),Rt(n,{bus:t,on:o,off:he(n.unbind,t),emit:r})}function dn(e,t,n,o){var r=Date.now,l,i=0,c,p=!0,m=0;function u(){if(!p){if(i=e?ot((r()-l)/e,1):1,n&&n(i),i>=1&&(t(),l=r(),o&&++m>=o))return x();c=ao(u)}}function E(v){v||d(),l=r()-(v?i*e:0),p=!1,c=ao(u)}function x(){p=!0}function h(){l=r(),i=0,n&&n(i)}function d(){c&&cancelAnimationFrame(c),i=0,c=0,p=!0}function g(v){e=v}function C(){return p}return{start:E,rewind:h,pause:x,cancel:d,set:g,isPaused:C}}function yi(e){var t=e;function n(r){t=r}function o(r){return Hn(Nt(r),t)}return{set:n,is:o}}function hi(e,t){var n=dn(0,e,null,1);return function(){n.isPaused()&&n.start()}}function vi(e,t,n){var o=e.state,r=n.breakpoints||{},l=n.reducedMotion||{},i=zo(),c=[];function p(){var d=n.mediaQuery==="min";kt(r).sort(function(g,C){return d?+g-+C:+C-+g}).forEach(function(g){u(r[g],"("+(d?"min":"max")+"-width:"+g+"px)")}),u(l,io),E()}function m(d){d&&i.destroy()}function u(d,g){var C=matchMedia(g);i.bind(C,"change",E),c.push([d,C])}function E(){var d=o.is(on),g=n.direction,C=c.reduce(function(v,b){return Qe(v,b[1].matches?b[0]:{})},{});lo(n),h(C),n.destroy?e.destroy(n.destroy==="completely"):d?(m(!0),e.mount()):g!==n.direction&&e.refresh()}function x(d){matchMedia(io).matches&&(d?Qe(n,l):lo(n,kt(l)))}function h(d,g,C){Qe(n,d),g&&Qe(Object.getPrototypeOf(n),d),(C||!o.is(yt))&&e.emit(Ee,n)}return{setup:p,destroy:m,reduce:x,set:h}}var gn="Arrow",mn=gn+"Left",fn=gn+"Right",Zo=gn+"Up",Qo=gn+"Down",uo="rtl",yn="ttb",Sn={width:["height"],left:["top","right"],right:["bottom","left"],x:["y"],X:["Y"],Y:["X"],ArrowLeft:[Zo,fn],ArrowRight:[Qo,mn]};function bi(e,t,n){function o(l,i,c){c=c||n.direction;var p=c===uo&&!i?1:c===yn?0:-1;return Sn[l]&&Sn[l][p]||l.replace(/width|left|right/i,function(m,u){var E=Sn[m.toLowerCase()][p]||m;return u>0?E.charAt(0).toUpperCase()+E.slice(1):E})}function r(l){return l*(n.direction===uo?1:-1)}return{resolve:o,orient:r}}var Ke="role",vt="tabindex",xi="disabled",He="aria-",Dt=He+"controls",er=He+"current",po=He+"selected",ke=He+"label",Xn=He+"labelledby",tr=He+"hidden",Kn=He+"orientation",Wt=He+"roledescription",go=He+"live",mo=He+"busy",fo=He+"atomic",Jn=[Ke,vt,xi,Dt,er,ke,Xn,tr,Kn,Wt],Be=Bt+"__",at="is-",Cn=Bt,yo=Be+"track",Si=Be+"list",hn=Be+"slide",nr=hn+"--clone",Ci=hn+"__container",Zn=Be+"arrows",vn=Be+"arrow",or=vn+"--prev",rr=vn+"--next",bn=Be+"pagination",ir=bn+"__page",wi=Be+"progress",Ti=wi+"__bar",_i=Be+"toggle",$i=Be+"spinner",Ai=Be+"sr",Ei=at+"initialized",ut=at+"active",ar=at+"prev",lr=at+"next",kn=at+"visible",Rn=at+"loading",sr=at+"focus-in",cr=at+"overflow",Ii=[ut,kn,ar,lr,Rn,sr,cr],Li={slide:hn,clone:nr,arrows:Zn,arrow:vn,prev:or,next:rr,pagination:bn,page:ir,spinner:$i};function Fi(e,t){if(Lo(e.closest))return e.closest(t);for(var n=e;n&&n.nodeType===1&&!Ft(n,t);)n=n.parentElement;return n}var ki=5,ho=200,ur="touchstart mousedown",wn="touchmove mousemove",Tn="touchend touchcancel mouseup click";function Ri(e,t,n){var o=xe(e),r=o.on,l=o.bind,i=e.root,c=n.i18n,p={},m=[],u=[],E=[],x,h,d;function g(){A(),j(),b()}function C(){r(Ce,v),r(Ce,g),r(Ee,b),l(document,ur+" keydown",function(f){d=f.type==="keydown"},{capture:!0}),l(i,"focusin",function(){Ye(i,sr,!!d)})}function v(f){var F=Jn.concat("style");Je(m),Xe(i,u),Xe(x,E),je([x,h],F),je(i,f?F:["style",Wt])}function b(){Xe(i,u),Xe(x,E),u=$(Cn),E=$(yo),Oe(i,u),Oe(x,E),ae(i,ke,n.label),ae(i,Xn,n.labelledby)}function A(){x=N("."+yo),h=jt(x,"."+Si),Et(x&&h,"A track/list element is missing."),en(m,ko(h,"."+hn+":not(."+nr+")")),st({arrows:Zn,pagination:bn,prev:or,next:rr,bar:Ti,toggle:_i},function(f,F){p[F]=N("."+f)}),Rt(p,{root:i,track:x,list:h,slides:m})}function j(){var f=i.id||mi(Bt),F=n.role;i.id=f,x.id=x.id||f+"-track",h.id=h.id||f+"-list",!ze(i,Ke)&&i.tagName!=="SECTION"&&F&&ae(i,Ke,F),ae(i,Wt,c.carousel),ae(h,Ke,"presentation")}function N(f){var F=Po(i,f);return F&&Fi(F,"."+Cn)===i?F:void 0}function $(f){return[f+"--"+n.type,f+"--"+n.direction,n.drag&&f+"--draggable",n.isNavigation&&f+"--nav",f===Cn&&ut]}return Rt(p,{setup:g,mount:C,destroy:v})}var Ct="slide",_t="loop",Ut="fade";function Mi(e,t,n,o){var r=xe(e),l=r.on,i=r.emit,c=r.bind,p=e.Components,m=e.root,u=e.options,E=u.isNavigation,x=u.updateOnMove,h=u.i18n,d=u.pagination,g=u.slideFocus,C=p.Direction.resolve,v=ze(o,"style"),b=ze(o,ke),A=n>-1,j=jt(o,"."+Ci),N;function $(){A||(o.id=m.id+"-slide"+jn(t+1),ae(o,Ke,d?"tabpanel":"group"),ae(o,Wt,h.slide),ae(o,ke,b||Ln(h.slideLabel,[t+1,e.length]))),f()}function f(){c(o,"click",he(i,Bn,I)),c(o,"keydown",he(i,Ko,I)),l([Tt,Jo,pt],R),l(Un,P),x&&l(Ze,O)}function F(){N=!0,r.destroy(),Xe(o,Ii),je(o,Jn),ae(o,"style",v),ae(o,ke,b||"")}function P(){var L=e.splides.map(function(_){var z=_.splide.Components.Slides.getAt(t);return z?z.slide.id:""}).join(" ");ae(o,ke,Ln(h.slideX,(A?n:t)+1)),ae(o,Dt,L),ae(o,Ke,g?"button":""),g&&je(o,Wt)}function O(){N||R()}function R(){if(!N){var L=e.index;V(),W(),Ye(o,ar,t===L-1),Ye(o,lr,t===L+1)}}function V(){var L=G();L!==so(o,ut)&&(Ye(o,ut,L),ae(o,er,E&&L||""),i(L?Ho:Vo,I))}function W(){var L=y(),_=!L&&(!G()||A);if(e.state.is([wt,Ht])||ae(o,tr,_||""),ae(Nn(o,u.focusableNodes||""),vt,_?-1:""),g&&ae(o,vt,_?-1:0),L!==so(o,kn)&&(Ye(o,kn,L),i(L?No:Oo,I)),!L&&document.activeElement===o){var z=p.Slides.getAt(e.index);z&&Ro(z.slide)}}function K(L,_,z){We(z&&j||o,L,_)}function G(){var L=e.index;return L===t||u.cloneStatus&&L===n}function y(){if(e.is(Ut))return G();var L=Fe(p.Elements.track),_=Fe(o),z=C("left",!0),Z=C("right",!0);return an(L[z])<=Pt(_[z])&&an(_[Z])<=Pt(L[Z])}function k(L,_){var z=Ie(L-t);return!A&&(u.rewind||e.is(_t))&&(z=ot(z,e.length-z)),z<=_}var I={index:t,slideIndex:n,slide:o,container:j,isClone:A,mount:$,destroy:F,update:R,style:K,isWithin:k};return I}function Pi(e,t,n){var o=xe(e),r=o.on,l=o.emit,i=o.bind,c=t.Elements,p=c.slides,m=c.list,u=[];function E(){x(),r(Ce,h),r(Ce,x)}function x(){p.forEach(function(R,V){g(R,V,-1)})}function h(){N(function(R){R.destroy()}),Je(u)}function d(){N(function(R){R.update()})}function g(R,V,W){var K=Mi(e,V,W,R);K.mount(),u.push(K),u.sort(function(G,y){return G.index-y.index})}function C(R){return R?$(function(V){return!V.isClone}):u}function v(R){var V=t.Controller,W=V.toIndex(R),K=V.hasFocus()?1:n.perPage;return $(function(G){return tn(G.index,W,W+K-1)})}function b(R){return $(R)[0]}function A(R,V){Re(R,function(W){if(nt(W)&&(W=Mo(W)),Fo(W)){var K=p[V];K?Vn(W,K):Ot(m,W),Oe(W,n.classes.slide),F(W,he(l,St))}}),l(Ce)}function j(R){ct($(R).map(function(V){return V.slide})),l(Ce)}function N(R,V){C(V).forEach(R)}function $(R){return u.filter(Lo(R)?R:function(V){return nt(R)?Ft(V.slide,R):Hn(Nt(R),V.index)})}function f(R,V,W){N(function(K){K.style(R,V,W)})}function F(R,V){var W=Nn(R,"img"),K=W.length;K?W.forEach(function(G){i(G,"load error",function(){--K||V()})}):V()}function P(R){return R?p.length:u.length}function O(){return u.length>n.perPage}return{mount:E,destroy:h,update:d,register:g,get:C,getIn:v,getAt:b,add:A,remove:j,forEach:N,filter:$,style:f,getLength:P,isEnough:O}}function Wi(e,t,n){var o=xe(e),r=o.on,l=o.bind,i=o.emit,c=t.Slides,p=t.Direction.resolve,m=t.Elements,u=m.root,E=m.track,x=m.list,h=c.getAt,d=c.style,g,C,v;function b(){A(),l(window,"resize load",hi(he(i,St))),r([Ee,Ce],A),r(St,j)}function A(){g=n.direction===yn,We(u,"maxWidth",lt(n.width)),We(E,p("paddingLeft"),N(!1)),We(E,p("paddingRight"),N(!0)),j(!0)}function j(I){var L=Fe(u);(I||C.width!==L.width||C.height!==L.height)&&(We(E,"height",$()),d(p("marginRight"),lt(n.gap)),d("width",F()),d("height",P(),!0),C=L,i(un),v!==(v=k())&&(Ye(u,cr,v),i(fi,v)))}function N(I){var L=n.padding,_=p(I?"right":"left");return L&&lt(L[_]||(Lt(L)?0:L))||"0px"}function $(){var I="";return g&&(I=f(),Et(I,"height or heightRatio is missing."),I="calc("+I+" - "+N(!1)+" - "+N(!0)+")"),I}function f(){return lt(n.height||Fe(x).width*n.heightRatio)}function F(){return n.autoWidth?null:lt(n.fixedWidth)||(g?"":O())}function P(){return lt(n.fixedHeight)||(g?n.autoHeight?null:O():f())}function O(){var I=lt(n.gap);return"calc((100%"+(I&&" + "+I)+")/"+(n.perPage||1)+(I&&" - "+I)+")"}function R(){return Fe(x)[p("width")]}function V(I,L){var _=h(I||0);return _?Fe(_.slide)[p("width")]+(L?0:G()):0}function W(I,L){var _=h(I);if(_){var z=Fe(_.slide)[p("right")],Z=Fe(x)[p("left")];return Ie(z-Z)+(L?0:G())}return 0}function K(I){return W(e.length-1)-W(0)+V(0,I)}function G(){var I=h(0);return I&&parseFloat(We(I.slide,p("marginRight")))||0}function y(I){return parseFloat(We(E,p("padding"+(I?"Right":"Left"))))||0}function k(){return e.is(Ut)||K(!0)>R()}return{mount:b,resize:j,listSize:R,slideSize:V,sliderSize:K,totalSize:W,getPadding:y,isOverflow:k}}var zi=2;function Hi(e,t,n){var o=xe(e),r=o.on,l=t.Elements,i=t.Slides,c=t.Direction.resolve,p=[],m;function u(){r(Ce,E),r([Ee,St],h),(m=C())&&(d(m),t.Layout.resize(!0))}function E(){x(),u()}function x(){ct(p),Je(p),o.destroy()}function h(){var v=C();m!==v&&(m<v||!v)&&o.emit(Ce)}function d(v){var b=i.get().slice(),A=b.length;if(A){for(;b.length<v;)en(b,b);en(b.slice(-v),b.slice(0,v)).forEach(function(j,N){var $=N<v,f=g(j.slide,N);$?Vn(f,b[0].slide):Ot(l.list,f),en(p,f),i.register(f,N-v+($?0:A),j.index)})}}function g(v,b){var A=v.cloneNode(!0);return Oe(A,n.classes.clone),A.id=e.root.id+"-clone"+jn(b+1),A}function C(){var v=n.clones;if(!e.is(_t))v=0;else if(Vt(v)){var b=n[c("fixedWidth")]&&t.Layout.slideSize(0),A=b&&Pt(Fe(l.track)[c("width")]/b);v=A||n[c("autoWidth")]&&e.length||n.perPage*zi}return v}return{mount:u,destroy:x}}function Vi(e,t,n){var o=xe(e),r=o.on,l=o.emit,i=e.state.set,c=t.Layout,p=c.slideSize,m=c.getPadding,u=c.totalSize,E=c.listSize,x=c.sliderSize,h=t.Direction,d=h.resolve,g=h.orient,C=t.Elements,v=C.list,b=C.track,A;function j(){A=t.Transition,r([it,un,Ee,Ce],N)}function N(){t.Controller.isBusy()||(t.Scroll.cancel(),f(e.index),t.Slides.update())}function $(_,z,Z,se){_!==z&&I(_>Z)&&(R(),F(O(K(),_>Z),!0)),i(wt),l(Ze,z,Z,_),A.start(z,function(){i(xt),l(Tt,z,Z,_),se&&se()})}function f(_){F(W(_,!0))}function F(_,z){if(!e.is(Ut)){var Z=z?_:P(_);We(v,"transform","translate"+d("X")+"("+Z+"px)"),_!==Z&&l(Jo)}}function P(_){if(e.is(_t)){var z=V(_),Z=z>t.Controller.getEnd(),se=z<0;(se||Z)&&(_=O(_,Z))}return _}function O(_,z){var Z=_-k(z),se=x();return _-=g(se*(Pt(Ie(Z)/se)||1))*(z?1:-1),_}function R(){F(K(),!0),A.cancel()}function V(_){for(var z=t.Slides.get(),Z=0,se=1/0,ie=0;ie<z.length;ie++){var le=z[ie].index,H=Ie(W(le,!0)-_);if(H<=se)se=H,Z=le;else break}return Z}function W(_,z){var Z=g(u(_-1)-y(_));return z?G(Z):Z}function K(){var _=d("left");return Fe(v)[_]-Fe(b)[_]+g(m(!1))}function G(_){return n.trimSpace&&e.is(Ct)&&(_=mt(_,0,g(x(!0)-E()))),_}function y(_){var z=n.focus;return z==="center"?(E()-p(_,!0))/2:+z*p(_)||0}function k(_){return W(_?t.Controller.getEnd():0,!!n.trimSpace)}function I(_){var z=g(O(K(),_));return _?z>=0:z<=v[d("scrollWidth")]-Fe(b)[d("width")]}function L(_,z){z=Vt(z)?K():z;var Z=_!==!0&&g(z)<g(k(!1)),se=_!==!1&&g(z)>g(k(!0));return Z||se}return{mount:j,move:$,jump:f,translate:F,shift:O,cancel:R,toIndex:V,toPosition:W,getPosition:K,getLimit:k,exceededLimit:L,reposition:N}}function Ni(e,t,n){var o=xe(e),r=o.on,l=o.emit,i=t.Move,c=i.getPosition,p=i.getLimit,m=i.toPosition,u=t.Slides,E=u.isEnough,x=u.getLength,h=n.omitEnd,d=e.is(_t),g=e.is(Ct),C=he(K,!1),v=he(K,!0),b=n.start||0,A,j=b,N,$,f;function F(){P(),r([Ee,Ce,ln],P),r(un,O)}function P(){N=x(!0),$=n.perMove,f=n.perPage,A=I();var H=mt(b,0,h?A:N-1);H!==b&&(b=H,i.reposition())}function O(){A!==I()&&l(ln)}function R(H,re,de){if(!le()){var ce=W(H),ye=k(ce);ye>-1&&(re||ye!==b)&&(Z(ye),i.move(ce,ye,j,de))}}function V(H,re,de,ce){t.Scroll.scroll(H,re,de,function(){var ye=k(i.toIndex(c()));Z(h?ot(ye,A):ye),ce&&ce()})}function W(H){var re=b;if(nt(H)){var de=H.match(/([+\-<>])(\d+)?/)||[],ce=de[1],ye=de[2];ce==="+"||ce==="-"?re=G(b+ +(""+ce+(+ye||1)),b):ce===">"?re=ye?L(+ye):C(!0):ce==="<"&&(re=v(!0))}else re=d?H:mt(H,0,A);return re}function K(H,re){var de=$||(ie()?1:f),ce=G(b+de*(H?-1:1),b,!($||ie()));return ce===-1&&g&&!Wo(c(),p(!H),1)?H?0:A:re?ce:k(ce)}function G(H,re,de){if(E()||ie()){var ce=y(H);ce!==H&&(re=H,H=ce,de=!1),H<0||H>A?!$&&(tn(0,H,re,!0)||tn(A,re,H,!0))?H=L(_(H)):d?H=de?H<0?-(N%f||f):N:H:n.rewind?H=H<0?A:0:H=-1:de&&H!==re&&(H=L(_(re)+(H<re?-1:1)))}else H=-1;return H}function y(H){if(g&&n.trimSpace==="move"&&H!==b)for(var re=c();re===m(H,!0)&&tn(H,0,e.length-1,!n.rewind);)H<b?--H:++H;return H}function k(H){return d?(H+N)%N||0:H}function I(){for(var H=N-(ie()||d&&$?1:f);h&&H-- >0;)if(m(N-1,!0)!==m(H,!0)){H++;break}return mt(H,0,N-1)}function L(H){return mt(ie()?H:f*H,0,A)}function _(H){return ie()?ot(H,A):an((H>=A?N-1:H)/f)}function z(H){var re=i.toIndex(H);return g?mt(re,0,A):re}function Z(H){H!==b&&(j=b,b=H)}function se(H){return H?j:b}function ie(){return!Vt(n.focus)||n.isNavigation}function le(){return e.state.is([wt,Ht])&&!!n.waitForTransition}return{mount:F,go:R,scroll:V,getNext:C,getPrev:v,getAdjacent:K,getEnd:I,setIndex:Z,getIndex:se,toIndex:L,toPage:_,toDest:z,hasFocus:ie,isBusy:le}}var Oi="http://www.w3.org/2000/svg",ji="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z",Yt=40;function Bi(e,t,n){var o=xe(e),r=o.on,l=o.bind,i=o.emit,c=n.classes,p=n.i18n,m=t.Elements,u=t.Controller,E=m.arrows,x=m.track,h=E,d=m.prev,g=m.next,C,v,b={};function A(){N(),r(Ee,j)}function j(){$(),A()}function N(){var V=n.arrows;V&&!(d&&g)&&P(),d&&g&&(Rt(b,{prev:d,next:g}),Mt(h,V?"":"none"),Oe(h,v=Zn+"--"+n.direction),V&&(f(),R(),ae([d,g],Dt,x.id),i(Uo,d,g)))}function $(){o.destroy(),Xe(h,v),C?(ct(E?[d,g]:h),d=g=null):je([d,g],Jn)}function f(){r([it,Tt,Ce,pt,ln],R),l(g,"click",he(F,">")),l(d,"click",he(F,"<"))}function F(V){u.go(V,!0)}function P(){h=E||ht("div",c.arrows),d=O(!0),g=O(!1),C=!0,Ot(h,[d,g]),!E&&Vn(h,x)}function O(V){var W='<button class="'+c.arrow+" "+(V?c.prev:c.next)+'" type="button"><svg xmlns="'+Oi+'" viewBox="0 0 '+Yt+" "+Yt+'" width="'+Yt+'" height="'+Yt+'" focusable="false"><path d="'+(n.arrowPath||ji)+'" />';return Mo(W)}function R(){if(d&&g){var V=e.index,W=u.getPrev(),K=u.getNext(),G=W>-1&&V<W?p.last:p.prev,y=K>-1&&V>K?p.first:p.next;d.disabled=W<0,g.disabled=K<0,ae(d,ke,G),ae(g,ke,y),i(qo,d,g,W,K)}}return{arrows:b,mount:A,destroy:$,update:R}}var Di=On+"-interval";function Ui(e,t,n){var o=xe(e),r=o.on,l=o.bind,i=o.emit,c=dn(n.interval,e.go.bind(e,">"),f),p=c.isPaused,m=t.Elements,u=t.Elements,E=u.root,x=u.toggle,h=n.autoplay,d,g,C=h==="pause";function v(){h&&(b(),x&&ae(x,Dt,m.track.id),C||A(),$())}function b(){n.pauseOnHover&&l(E,"mouseenter mouseleave",function(P){d=P.type==="mouseenter",N()}),n.pauseOnFocus&&l(E,"focusin focusout",function(P){g=P.type==="focusin",N()}),x&&l(x,"click",function(){C?A():j(!0)}),r([Ze,pn,Ce],c.rewind),r(Ze,F)}function A(){p()&&t.Slides.isEnough()&&(c.start(!n.resetProgress),g=d=C=!1,$(),i(qn))}function j(P){P===void 0&&(P=!0),C=!!P,$(),p()||(c.pause(),i(Gn))}function N(){C||(d||g?j(!1):A())}function $(){x&&(Ye(x,ut,!C),ae(x,ke,n.i18n[C?"play":"pause"]))}function f(P){var O=m.bar;O&&We(O,"width",P*100+"%"),i(Xo,P)}function F(P){var O=t.Slides.getAt(P);c.set(O&&+ze(O.slide,Di)||n.interval)}return{mount:v,destroy:c.cancel,play:A,pause:j,isPaused:p}}function qi(e,t,n){var o=xe(e),r=o.on;function l(){n.cover&&(r(Yn,he(c,!0)),r([it,Ee,Ce],he(i,!0)))}function i(p){t.Slides.forEach(function(m){var u=jt(m.container||m.slide,"img");u&&u.src&&c(p,u,m)})}function c(p,m,u){u.style("background",p?'center/cover no-repeat url("'+m.src+'")':"",!0),Mt(m,p?"none":"")}return{mount:l,destroy:he(i,!1)}}var Gi=10,Yi=600,Xi=.6,Ki=1.5,Ji=800;function Zi(e,t,n){var o=xe(e),r=o.on,l=o.emit,i=e.state.set,c=t.Move,p=c.getPosition,m=c.getLimit,u=c.exceededLimit,E=c.translate,x=e.is(Ct),h,d,g=1;function C(){r(Ze,j),r([Ee,Ce],N)}function v(f,F,P,O,R){var V=p();if(j(),P&&(!x||!u())){var W=t.Layout.sliderSize(),K=In(f)*W*an(Ie(f)/W)||0;f=c.toPosition(t.Controller.toDest(f%W))+K}var G=Wo(V,f,1);g=1,F=G?0:F||rn(Ie(f-V)/Ki,Ji),d=O,h=dn(F,b,he(A,V,f,R),1),i(Ht),l(pn),h.start()}function b(){i(xt),d&&d(),l(pt)}function A(f,F,P,O){var R=p(),V=f+(F-f)*$(O),W=(V-R)*g;E(R+W),x&&!P&&u()&&(g*=Xi,Ie(W)<Gi&&v(m(u(!0)),Yi,!1,d,!0))}function j(){h&&h.cancel()}function N(){h&&!h.isPaused()&&(j(),b())}function $(f){var F=n.easingFunc;return F?F(f):1-Math.pow(1-f,4)}return{mount:C,destroy:j,scroll:v,cancel:N}}var ft={passive:!1,capture:!0};function Qi(e,t,n){var o=xe(e),r=o.on,l=o.emit,i=o.bind,c=o.unbind,p=e.state,m=t.Move,u=t.Scroll,E=t.Controller,x=t.Elements.track,h=t.Media.reduce,d=t.Direction,g=d.resolve,C=d.orient,v=m.getPosition,b=m.exceededLimit,A,j,N,$,f,F=!1,P,O,R;function V(){i(x,wn,An,ft),i(x,Tn,An,ft),i(x,ur,K,ft),i(x,"click",k,{capture:!0}),i(x,"dragstart",Ge),r([it,Ee],W)}function W(){var D=n.drag;$e(!D),$=D==="free"}function K(D){if(P=!1,!O){var s=ye(D);ce(D.target)&&(s||!D.button)&&(E.isBusy()?Ge(D,!0):(R=s?x:window,f=p.is([wt,Ht]),N=null,i(R,wn,G,ft),i(R,Tn,y,ft),m.cancel(),u.cancel(),I(D)))}}function G(D){if(p.is(Qt)||(p.set(Qt),l(jo)),D.cancelable)if(f){m.translate(A+de(ie(D)));var s=le(D)>ho,M=F!==(F=b());(s||M)&&I(D),P=!0,l(Bo),Ge(D)}else z(D)&&(f=_(D),Ge(D))}function y(D){p.is(Qt)&&(p.set(xt),l(Do)),f&&(L(D),Ge(D)),c(R,wn,G),c(R,Tn,y),f=!1}function k(D){!O&&P&&Ge(D,!0)}function I(D){N=j,j=D,A=v()}function L(D){var s=Z(D),M=se(s),Y=n.rewind&&n.rewindByDrag;h(!1),$?E.scroll(M,0,n.snap):e.is(Ut)?E.go(C(In(s))<0?Y?"<":"-":Y?">":"+"):e.is(Ct)&&F&&Y?E.go(b(!0)?">":"<"):E.go(E.toDest(M),!0),h(!0)}function _(D){var s=n.dragMinThreshold,M=Lt(s),Y=M&&s.mouse||0,ee=(M?s.touch:+s)||10;return Ie(ie(D))>(ye(D)?ee:Y)}function z(D){return Ie(ie(D))>Ie(ie(D,!0))}function Z(D){if(e.is(_t)||!F){var s=le(D);if(s&&s<ho)return ie(D)/s}return 0}function se(D){return v()+In(D)*ot(Ie(D)*(n.flickPower||600),$?1/0:t.Layout.listSize()*(n.flickMaxPages||1))}function ie(D,s){return re(D,s)-re(H(D),s)}function le(D){return En(D)-En(H(D))}function H(D){return j===D&&N||j}function re(D,s){return(ye(D)?D.changedTouches[0]:D)["page"+g(s?"Y":"X")]}function de(D){return D/(F&&e.is(Ct)?ki:1)}function ce(D){var s=n.noDrag;return!Ft(D,"."+ir+", ."+vn)&&(!s||!Ft(D,s))}function ye(D){return typeof TouchEvent<"u"&&D instanceof TouchEvent}function ve(){return f}function $e(D){O=D}return{mount:V,disable:$e,isDragging:ve}}var ea={Spacebar:" ",Right:fn,Left:mn,Up:Zo,Down:Qo};function Qn(e){return e=nt(e)?e:e.key,ea[e]||e}var vo="keydown";function ta(e,t,n){var o=xe(e),r=o.on,l=o.bind,i=o.unbind,c=e.root,p=t.Direction.resolve,m,u;function E(){x(),r(Ee,h),r(Ee,x),r(Ze,g)}function x(){var v=n.keyboard;v&&(m=v==="global"?window:c,l(m,vo,C))}function h(){i(m,vo)}function d(v){u=v}function g(){var v=u;u=!0,Io(function(){u=v})}function C(v){if(!u){var b=Qn(v);b===p(mn)?e.go("<"):b===p(fn)&&e.go(">")}}return{mount:E,destroy:h,disable:d}}var It=On+"-lazy",nn=It+"-srcset",na="["+It+"], ["+nn+"]";function oa(e,t,n){var o=xe(e),r=o.on,l=o.off,i=o.bind,c=o.emit,p=n.lazyLoad==="sequential",m=[Tt,pt],u=[];function E(){n.lazyLoad&&(x(),r(Ce,x))}function x(){Je(u),h(),p?v():(l(m),r(m,d),d())}function h(){t.Slides.forEach(function(b){Nn(b.slide,na).forEach(function(A){var j=ze(A,It),N=ze(A,nn);if(j!==A.src||N!==A.srcset){var $=n.classes.spinner,f=A.parentElement,F=jt(f,"."+$)||ht("span",$,f);u.push([A,b,F]),A.src||Mt(A,"none")}})})}function d(){u=u.filter(function(b){var A=n.perPage*((n.preloadPages||1)+1)-1;return b[1].isWithin(e.index,A)?g(b):!0}),u.length||l(m)}function g(b){var A=b[0];Oe(b[1].slide,Rn),i(A,"load error",he(C,b)),ae(A,"src",ze(A,It)),ae(A,"srcset",ze(A,nn)),je(A,It),je(A,nn)}function C(b,A){var j=b[0],N=b[1];Xe(N.slide,Rn),A.type!=="error"&&(ct(b[2]),Mt(j,""),c(Yn,j,N),c(St)),p&&v()}function v(){u.length&&g(u.shift())}return{mount:E,destroy:he(Je,u),check:d}}function ra(e,t,n){var o=xe(e),r=o.on,l=o.emit,i=o.bind,c=t.Slides,p=t.Elements,m=t.Controller,u=m.hasFocus,E=m.getIndex,x=m.go,h=t.Direction.resolve,d=p.pagination,g=[],C,v;function b(){A(),r([Ee,Ce,ln],b);var O=n.pagination;d&&Mt(d,O?"":"none"),O&&(r([Ze,pn,pt],P),j(),P(),l(Go,{list:C,items:g},F(e.index)))}function A(){C&&(ct(d?rt(C.children):C),Xe(C,v),Je(g),C=null),o.destroy()}function j(){var O=e.length,R=n.classes,V=n.i18n,W=n.perPage,K=u()?m.getEnd()+1:Pt(O/W);C=d||ht("ul",R.pagination,p.track.parentElement),Oe(C,v=bn+"--"+f()),ae(C,Ke,"tablist"),ae(C,ke,V.select),ae(C,Kn,f()===yn?"vertical":"");for(var G=0;G<K;G++){var y=ht("li",null,C),k=ht("button",{class:R.page,type:"button"},y),I=c.getIn(G).map(function(_){return _.slide.id}),L=!u()&&W>1?V.pageX:V.slideX;i(k,"click",he(N,G)),n.paginationKeyboard&&i(k,"keydown",he($,G)),ae(y,Ke,"presentation"),ae(k,Ke,"tab"),ae(k,Dt,I.join(" ")),ae(k,ke,Ln(L,G+1)),ae(k,vt,-1),g.push({li:y,button:k,page:G})}}function N(O){x(">"+O,!0)}function $(O,R){var V=g.length,W=Qn(R),K=f(),G=-1;W===h(fn,!1,K)?G=++O%V:W===h(mn,!1,K)?G=(--O+V)%V:W==="Home"?G=0:W==="End"&&(G=V-1);var y=g[G];y&&(Ro(y.button),x(">"+G),Ge(R,!0))}function f(){return n.paginationDirection||n.direction}function F(O){return g[m.toPage(O)]}function P(){var O=F(E(!0)),R=F(E());if(O){var V=O.button;Xe(V,ut),je(V,po),ae(V,vt,-1)}if(R){var W=R.button;Oe(W,ut),ae(W,po,!0),ae(W,vt,"")}l(Yo,{list:C,items:g},O,R)}return{items:g,mount:b,destroy:A,getAt:F,update:P}}var ia=[" ","Enter"];function aa(e,t,n){var o=n.isNavigation,r=n.slideFocus,l=[];function i(){e.splides.forEach(function(d){d.isParent||(m(e,d.splide),m(d.splide,e))}),o&&u()}function c(){l.forEach(function(d){d.destroy()}),Je(l)}function p(){c(),i()}function m(d,g){var C=xe(d);C.on(Ze,function(v,b,A){g.go(g.is(_t)?A:v)}),l.push(C)}function u(){var d=xe(e),g=d.on;g(Bn,x),g(Ko,h),g([it,Ee],E),l.push(d),d.emit(Un,e.splides)}function E(){ae(t.Elements.list,Kn,n.direction===yn?"vertical":"")}function x(d){e.go(d.index)}function h(d,g){Hn(ia,Qn(g))&&(x(d),Ge(g))}return{setup:he(t.Media.set,{slideFocus:Vt(r)?o:r},!0),mount:i,destroy:c,remount:p}}function la(e,t,n){var o=xe(e),r=o.bind,l=0;function i(){n.wheel&&r(t.Elements.track,"wheel",c,ft)}function c(m){if(m.cancelable){var u=m.deltaY,E=u<0,x=En(m),h=n.wheelMinThreshold||0,d=n.wheelSleep||0;Ie(u)>h&&x-l>d&&(e.go(E?"<":">"),l=x),p(E)&&Ge(m)}}function p(m){return!n.releaseWheel||e.state.is(wt)||t.Controller.getAdjacent(m)!==-1}return{mount:i}}var sa=90;function ca(e,t,n){var o=xe(e),r=o.on,l=t.Elements.track,i=n.live&&!n.isNavigation,c=ht("span",Ai),p=dn(sa,he(u,!1));function m(){i&&(x(!t.Autoplay.isPaused()),ae(l,fo,!0),c.textContent="…",r(qn,he(x,!0)),r(Gn,he(x,!1)),r([Tt,pt],he(u,!0)))}function u(h){ae(l,mo,h),h?(Ot(l,c),p.start()):(ct(c),p.cancel())}function E(){je(l,[go,fo,mo]),ct(c)}function x(h){i&&ae(l,go,h?"off":"polite")}return{mount:m,disable:x,destroy:E}}var ua=Object.freeze({__proto__:null,Media:vi,Direction:bi,Elements:Ri,Slides:Pi,Layout:Wi,Clones:Hi,Move:Vi,Controller:Ni,Arrows:Bi,Autoplay:Ui,Cover:qi,Scroll:Zi,Drag:Qi,Keyboard:ta,LazyLoad:oa,Pagination:ra,Sync:aa,Wheel:la,Live:ca}),pa={prev:"Previous slide",next:"Next slide",first:"Go to first slide",last:"Go to last slide",slideX:"Go to slide %s",pageX:"Go to page %s",play:"Start autoplay",pause:"Pause autoplay",carousel:"carousel",slide:"slide",select:"Select a slide to show",slideLabel:"%s of %s"},da={type:"slide",role:"region",speed:400,perPage:1,cloneStatus:!0,arrows:!0,pagination:!0,paginationKeyboard:!0,interval:5e3,pauseOnHover:!0,pauseOnFocus:!0,resetProgress:!0,easing:"cubic-bezier(0.25, 1, 0.5, 1)",drag:!0,direction:"ltr",trimSpace:!0,focusableNodes:"a, button, textarea, input, select, iframe",live:!0,classes:Li,i18n:pa,reducedMotion:{speed:0,rewindSpeed:0,autoplay:"pause"}};function ga(e,t,n){var o=t.Slides;function r(){xe(e).on([it,Ce],l)}function l(){o.forEach(function(c){c.style("transform","translateX(-"+100*c.index+"%)")})}function i(c,p){o.style("transition","opacity "+n.speed+"ms "+n.easing),Io(p)}return{mount:r,start:i,cancel:An}}function ma(e,t,n){var o=t.Move,r=t.Controller,l=t.Scroll,i=t.Elements.list,c=he(We,i,"transition"),p;function m(){xe(e).bind(i,"transitionend",function(h){h.target===i&&p&&(E(),p())})}function u(h,d){var g=o.toPosition(h,!0),C=o.getPosition(),v=x(h);Ie(g-C)>=1&&v>=1?n.useScroll?l.scroll(g,v,!1,d):(c("transform "+v+"ms "+n.easing),o.translate(g,!0),p=d):(o.jump(h),d())}function E(){c(""),l.cancel()}function x(h){var d=n.rewindSpeed;if(e.is(Ct)&&d){var g=r.getIndex(!0),C=r.getEnd();if(g===0&&h>=C||g>=C&&h===0)return d}return n.speed}return{mount:m,start:u,cancel:E}}var fa=(function(){function e(n,o){this.event=xe(),this.Components={},this.state=yi(yt),this.splides=[],this._o={},this._E={};var r=nt(n)?Po(document,n):n;Et(r,r+" is invalid."),this.root=r,o=Qe({label:ze(r,ke)||"",labelledby:ze(r,Xn)||""},da,e.defaults,o||{});try{Qe(o,JSON.parse(ze(r,On)))}catch{Et(!1,"Invalid JSON")}this._o=Object.create(Qe({},o))}var t=e.prototype;return t.mount=function(o,r){var l=this,i=this.state,c=this.Components;Et(i.is([yt,on]),"Already mounted!"),i.set(yt),this._C=c,this._T=r||this._T||(this.is(Ut)?ga:ma),this._E=o||this._E;var p=Rt({},ua,this._E,{Transition:this._T});return st(p,function(m,u){var E=m(l,c,l._o);c[u]=E,E.setup&&E.setup()}),st(c,function(m){m.mount&&m.mount()}),this.emit(it),Oe(this.root,Ei),i.set(xt),this.emit(Fn),this},t.sync=function(o){return this.splides.push({splide:o}),o.splides.push({splide:this,isParent:!0}),this.state.is(xt)&&(this._C.Sync.remount(),o.Components.Sync.remount()),this},t.go=function(o){return this._C.Controller.go(o),this},t.on=function(o,r){return this.event.on(o,r),this},t.off=function(o){return this.event.off(o),this},t.emit=function(o){var r;return(r=this.event).emit.apply(r,[o].concat(rt(arguments,1))),this},t.add=function(o,r){return this._C.Slides.add(o,r),this},t.remove=function(o){return this._C.Slides.remove(o),this},t.is=function(o){return this._o.type===o},t.refresh=function(){return this.emit(Ce),this},t.destroy=function(o){o===void 0&&(o=!0);var r=this.event,l=this.state;return l.is(yt)?xe(this).on(Fn,this.destroy.bind(this,o)):(st(this._C,function(i){i.destroy&&i.destroy(o)},!0),r.emit(Dn),r.destroy(),o&&Je(this.splides),l.set(on)),this},pi(e,[{key:"options",get:function(){return this._o},set:function(o){this._C.Media.set(o,!0,!0)}},{key:"length",get:function(){return this._C.Slides.getLength(!0)}},{key:"index",get:function(){return this._C.Controller.getIndex()}}]),e})(),eo=fa;eo.defaults={};eo.STATES=gi;var bo=[[it,"onMounted"],[Fn,"onReady"],[Ze,"onMove"],[Tt,"onMoved"],[Bn,"onClick"],[Ho,"onActive"],[Vo,"onInactive"],[No,"onVisible"],[Oo,"onHidden"],[Ce,"onRefresh"],[Ee,"onUpdated"],[St,"onResize"],[un,"onResized"],[jo,"onDrag"],[Bo,"onDragging"],[Do,"onDragged"],[pn,"onScroll"],[pt,"onScrolled"],[Dn,"onDestroy"],[Uo,"onArrowsMounted"],[qo,"onArrowsUpdated"],[Go,"onPaginationMounted"],[Yo,"onPaginationUpdated"],[Un,"onNavigationMounted"],[qn,"onAutoplayPlay"],[Xo,"onAutoplayPlaying"],[Gn,"onAutoplayPause"],[Yn,"onLazyLoadLoaded"]];function to(...e){return e.filter(Boolean).join(" ")}function sn(e){return e!==null&&typeof e=="object"}function Mn(e,t){if(Array.isArray(e)&&Array.isArray(t))return e.length===t.length&&!e.some((n,o)=>!Mn(n,t[o]));if(sn(e)&&sn(t)){const n=Object.keys(e),o=Object.keys(t);return n.length===o.length&&!n.some(r=>!Object.prototype.hasOwnProperty.call(t,r)||!Mn(e[r],t[r]))}return e===t}function ya(e,t){return e.length===t.length&&!e.some((n,o)=>n!==t[o])}function ha(e,t){if(e){const n=Object.keys(e);for(let o=0;o<n.length;o++){const r=n[o];if(r!=="__proto__"&&t(e[r],r)===!1)break}}return e}function Pn(e,t){const n=e;return ha(t,(o,r)=>{Array.isArray(o)?n[r]=o.slice():sn(o)?n[r]=Pn(sn(n[r])?n[r]:{},o):n[r]=o}),n}var va=({children:e,className:t,...n})=>S.createElement("div",{className:to("splide__track",t),...n},S.createElement("ul",{className:"splide__list"},e)),pr=class extends S.Component{constructor(){super(...arguments),this.splideRef=S.createRef(),this.slides=[]}componentDidMount(){const{options:e,extensions:t,transition:n}=this.props,{current:o}=this.splideRef;o&&(this.splide=new eo(o,e),this.bind(this.splide),this.splide.mount(t,n),this.options=Pn({},e||{}),this.slides=this.getSlides())}componentWillUnmount(){this.splide&&(this.splide.destroy(),this.splide=void 0),this.options=void 0,this.slides.length=0}componentDidUpdate(){if(!this.splide)return;const{options:e}=this.props;e&&!Mn(this.options,e)&&(this.splide.options=e,this.options=Pn({},e));const t=this.getSlides();ya(this.slides,t)||(this.splide.refresh(),this.slides=t)}sync(e){var t;(t=this.splide)==null||t.sync(e)}go(e){var t;(t=this.splide)==null||t.go(e)}getSlides(){var e;if(this.splide){const t=(e=this.splide.Components.Elements)==null?void 0:e.list.children;return t&&Array.prototype.slice.call(t)||[]}return[]}bind(e){bo.forEach(([t,n])=>{const o=this.props[n];typeof o=="function"&&e.on(t,(...r)=>{o(e,...r)})})}omit(e,t){return t.forEach(n=>{Object.prototype.hasOwnProperty.call(e,n)&&delete e[n]}),e}render(){const{className:e,tag:t="div",hasTrack:n=!0,children:o,...r}=this.props;return S.createElement(t,{className:to("splide",e),ref:this.splideRef,...this.omit(r,["options",...bo.map(l=>l[1])])},n?S.createElement(va,null,o):o)}},dr=({children:e,className:t,...n})=>S.createElement("li",{className:to("splide__slide",t),...n},e);/*!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),C=require("react"),ge=require("classnames"),$=require("./useTestimonialTextMeasure-CNYd-juE.js"),yr=require("react-dom");function vr(e){return e.type==="object"&&e.version===1}const br="ControlSlider-module__wrapper___sHEkd",xr="ControlSlider-module__hoverArrow___A-dOH",Sr="ControlSlider-module__sliderItem___QQSkR",Cr="ControlSlider-module__sliderImage___9hRl-",$r="ControlSlider-module__arrow___05ghY",wr="ControlSlider-module__arrowVertical___tBfVN",Tr="ControlSlider-module__nextArrow___-30Yc",_r="ControlSlider-module__arrowInner___aEra3",Ar="ControlSlider-module__arrowIcon___S4ztF",Er="ControlSlider-module__arrowImg___2dwJW",Lr="ControlSlider-module__mirror___brd6U",Ir="ControlSlider-module__pagination___bicLF",kr="ControlSlider-module__paginationInner___bT-P-",Fr="ControlSlider-module__paginationVertical___zYqKw",Pr="ControlSlider-module__paginationItem___nTRbk",Rr="ControlSlider-module__dot___p1Qun",Mr="ControlSlider-module__activeDot___LHFaj",Wr="ControlSlider-module__paginationInsideBottom___R3FWn",Nr="ControlSlider-module__paginationInsideTop___V-qb-",Hr="ControlSlider-module__paginationOutsideBottom___14w8D",Vr="ControlSlider-module__paginationOutsideTop___SCLqB",jr="ControlSlider-module__paginationInsideLeft___yOBRZ",Or="ControlSlider-module__paginationInsideRight___Rtt3o",zr="ControlSlider-module__paginationOutsideLeft___lahaw",Br="ControlSlider-module__paginationOutsideRight___EtuQa",Dr="ControlSlider-module__imgWrapper___UjEgB",Ur="ControlSlider-module__captionBlock___dJ6-j",qr="ControlSlider-module__captionTextWrapper___HFlpf",Gr="ControlSlider-module__captionText___uGBVc",Yr="ControlSlider-module__active___WZK4G",Xr="ControlSlider-module__withPointerEvents___t-18M",Kr="ControlSlider-module__topLeftAlignment___zjnGM",Zr="ControlSlider-module__topCenterAlignment___gD1xW",Jr="ControlSlider-module__topRightAlignment___NMapS",Qr="ControlSlider-module__middleLeftAlignment___OnUrY",ei="ControlSlider-module__middleCenterAlignment___Tdkl0",ti="ControlSlider-module__middleRightAlignment___wEbfX",ni="ControlSlider-module__bottomLeftAlignment___cTP2-",oi="ControlSlider-module__bottomCenterAlignment___c54fB",ri="ControlSlider-module__bottomRightAlignment___kEwrz",ii="ControlSlider-module__clickOverlay___DZA28",ai="ControlSlider-module__contain___pLyq7",li="ControlSlider-module__cover___KdDat",J={wrapper:br,hoverArrow:xr,sliderItem:Sr,sliderImage:Cr,arrow:$r,arrowVertical:wr,nextArrow:Tr,arrowInner:_r,arrowIcon:Ar,arrowImg:Er,mirror:Lr,pagination:Ir,paginationInner:kr,paginationVertical:Fr,paginationItem:Pr,dot:Rr,activeDot:Mr,paginationInsideBottom:Wr,paginationInsideTop:Nr,paginationOutsideBottom:Hr,paginationOutsideTop:Vr,paginationInsideLeft:jr,paginationInsideRight:Or,paginationOutsideLeft:zr,paginationOutsideRight:Br,imgWrapper:Dr,captionBlock:Ur,captionTextWrapper:qr,captionText:Gr,active:Yr,withPointerEvents:Xr,topLeftAlignment:Kr,topCenterAlignment:Zr,topRightAlignment:Jr,middleLeftAlignment:Qr,middleCenterAlignment:ei,middleRightAlignment:ti,bottomLeftAlignment:ni,bottomCenterAlignment:oi,bottomRightAlignment:ri,clickOverlay:ii,contain:ai,cover:li};function si(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function ci(e,t,n){return t&&si(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}var no="(prefers-reduced-motion: reduce)",pt=1,ui=2,ft=3,vt=4,Rt=5,Xt=6,Qt=7,pi={CREATED:pt,MOUNTED:ui,IDLE:ft,MOVING:vt,SCROLLING:Rt,DRAGGING:Xt,DESTROYED:Qt};function Ue(e){e.length=0}function Je(e,t,n){return Array.prototype.slice.call(e,t,n)}function ye(e){return e.bind.apply(e,[null].concat(Je(arguments,1)))}var Ao=setTimeout,wn=function(){};function oo(e){return requestAnimationFrame(e)}function rn(e,t){return typeof t===e}function _t(e){return!Rn(e)&&rn("object",e)}var Pn=Array.isArray,Eo=ye(rn,"function"),Ke=ye(rn,"string"),Mt=ye(rn,"undefined");function Rn(e){return e===null}function Lo(e){try{return e instanceof(e.ownerDocument.defaultView||window).HTMLElement}catch{return!1}}function Wt(e){return Pn(e)?e:[e]}function Ee(e,t){Wt(e).forEach(t)}function Mn(e,t){return e.indexOf(t)>-1}function Kt(e,t){return e.push.apply(e,Wt(t)),e}function ze(e,t,n){e&&Ee(t,function(o){o&&e.classList[n?"add":"remove"](o)})}function Me(e,t){ze(e,Ke(t)?t.split(" "):t,!0)}function Nt(e,t){Ee(t,e.appendChild.bind(e))}function Wn(e,t){Ee(e,function(n){var o=(t||n).parentNode;o&&o.insertBefore(n,t)})}function At(e,t){return Lo(e)&&(e.msMatchesSelector||e.matches).call(e,t)}function Io(e,t){var n=e?Je(e.children):[];return t?n.filter(function(o){return At(o,t)}):n}function Ht(e,t){return t?Io(e,t)[0]:e.firstElementChild}var Et=Object.keys;function ot(e,t,n){return e&&(n?Et(e).reverse():Et(e)).forEach(function(o){o!=="__proto__"&&t(e[o],o)}),e}function Lt(e){return Je(arguments,1).forEach(function(t){ot(t,function(n,o){e[o]=t[o]})}),e}function Ye(e){return Je(arguments,1).forEach(function(t){ot(t,function(n,o){Pn(n)?e[o]=n.slice():_t(n)?e[o]=Ye({},_t(e[o])?e[o]:{},n):e[o]=n})}),e}function ro(e,t){Ee(t||Et(e),function(n){delete e[n]})}function We(e,t){Ee(e,function(n){Ee(t,function(o){n&&n.removeAttribute(o)})})}function le(e,t,n){_t(t)?ot(t,function(o,r){le(e,r,o)}):Ee(e,function(o){Rn(n)||n===""?We(o,t):o.setAttribute(t,String(n))})}function dt(e,t,n){var o=document.createElement(e);return t&&(Ke(t)?Me(o,t):le(o,t)),n&&Nt(n,o),o}function Ie(e,t,n){if(Mt(n))return getComputedStyle(e)[t];Rn(n)||(e.style[t]=""+n)}function It(e,t){Ie(e,"display",t)}function ko(e){e.setActive&&e.setActive()||e.focus({preventScroll:!0})}function ke(e,t){return e.getAttribute(t)}function io(e,t){return e&&e.classList.contains(t)}function _e(e){return e.getBoundingClientRect()}function rt(e){Ee(e,function(t){t&&t.parentNode&&t.parentNode.removeChild(t)})}function Fo(e){return Ht(new DOMParser().parseFromString(e,"text/html").body)}function Oe(e,t){e.preventDefault(),t&&(e.stopPropagation(),e.stopImmediatePropagation())}function Po(e,t){return e&&e.querySelector(t)}function Nn(e,t){return t?Je(e.querySelectorAll(t)):[]}function Be(e,t){ze(e,t,!1)}function Tn(e){return e.timeStamp}function nt(e){return Ke(e)?e:e?e+"px":""}var Vt="splide",Hn="data-"+Vt;function wt(e,t){if(!e)throw new Error("["+Vt+"] "+(t||""))}var Ze=Math.min,en=Math.max,tn=Math.floor,kt=Math.ceil,$e=Math.abs;function Ro(e,t,n){return $e(e-t)<n}function Zt(e,t,n,o){var r=Ze(t,n),a=en(t,n);return o?r<e&&e<a:r<=e&&e<=a}function ct(e,t,n){var o=Ze(t,n),r=en(t,n);return Ze(en(o,e),r)}function _n(e){return+(e>0)-+(e<0)}function An(e,t){return Ee(t,function(n){e=e.replace("%s",""+n)}),e}function Vn(e){return e<10?"0"+e:""+e}var ao={};function di(e){return""+e+Vn(ao[e]=(ao[e]||0)+1)}function Mo(){var e=[];function t(i,u,s,g){r(i,u,function(c,A,x){var f="addEventListener"in c,p=f?c.removeEventListener.bind(c,A,s,g):c.removeListener.bind(c,s);f?c.addEventListener(A,s,g):c.addListener(s),e.push([c,A,x,s,p])})}function n(i,u,s){r(i,u,function(g,c,A){e=e.filter(function(x){return x[0]===g&&x[1]===c&&x[2]===A&&(!s||x[3]===s)?(x[4](),!1):!0})})}function o(i,u,s){var g,c=!0;return typeof CustomEvent=="function"?g=new CustomEvent(u,{bubbles:c,detail:s}):(g=document.createEvent("CustomEvent"),g.initCustomEvent(u,c,!1,s)),i.dispatchEvent(g),g}function r(i,u,s){Ee(i,function(g){g&&Ee(u,function(c){c.split(" ").forEach(function(A){var x=A.split(".");s(g,x[0],x[1])})})})}function a(){e.forEach(function(i){i[4]()}),Ue(e)}return{bind:t,unbind:n,dispatch:o,destroy:a}}var Qe="mounted",En="ready",qe="move",bt="moved",jn="click",Wo="active",No="inactive",Ho="visible",Vo="hidden",xe="refresh",Ce="updated",ht="resize",an="resized",jo="drag",Oo="dragging",zo="dragged",ln="scroll",at="scrolled",gi="overflow",On="destroy",Bo="arrows:mounted",Do="arrows:updated",Uo="pagination:mounted",qo="pagination:updated",zn="navigation:mounted",Bn="autoplay:play",Go="autoplay:playing",Dn="autoplay:pause",Un="lazyload:loaded",Yo="sk",Xo="sh",nn="ei";function ve(e){var t=e?e.event.bus:document.createDocumentFragment(),n=Mo();function o(a,i){n.bind(t,Wt(a).join(" "),function(u){i.apply(i,Pn(u.detail)?u.detail:[])})}function r(a){n.dispatch(t,a,Je(arguments,1))}return e&&e.event.on(On,n.destroy),Lt(n,{bus:t,on:o,off:ye(n.unbind,t),emit:r})}function sn(e,t,n,o){var r=Date.now,a,i=0,u,s=!0,g=0;function c(){if(!s){if(i=e?Ze((r()-a)/e,1):1,n&&n(i),i>=1&&(t(),a=r(),o&&++g>=o))return x();u=oo(c)}}function A(y){y||p(),a=r()-(y?i*e:0),s=!1,u=oo(c)}function x(){s=!0}function f(){a=r(),i=0,n&&n(i)}function p(){u&&cancelAnimationFrame(u),i=0,u=0,s=!0}function d(y){e=y}function S(){return s}return{start:A,rewind:f,pause:x,cancel:p,set:d,isPaused:S}}function mi(e){var t=e;function n(r){t=r}function o(r){return Mn(Wt(r),t)}return{set:n,is:o}}function fi(e,t){var n=sn(0,e,null,1);return function(){n.isPaused()&&n.start()}}function hi(e,t,n){var o=e.state,r=n.breakpoints||{},a=n.reducedMotion||{},i=Mo(),u=[];function s(){var p=n.mediaQuery==="min";Et(r).sort(function(d,S){return p?+d-+S:+S-+d}).forEach(function(d){c(r[d],"("+(p?"min":"max")+"-width:"+d+"px)")}),c(a,no),A()}function g(p){p&&i.destroy()}function c(p,d){var S=matchMedia(d);i.bind(S,"change",A),u.push([p,S])}function A(){var p=o.is(Qt),d=n.direction,S=u.reduce(function(y,v){return Ye(y,v[1].matches?v[0]:{})},{});ro(n),f(S),n.destroy?e.destroy(n.destroy==="completely"):p?(g(!0),e.mount()):d!==n.direction&&e.refresh()}function x(p){matchMedia(no).matches&&(p?Ye(n,a):ro(n,Et(a)))}function f(p,d,S){Ye(n,p),d&&Ye(Object.getPrototypeOf(n),p),(S||!o.is(pt))&&e.emit(Ce,n)}return{setup:s,destroy:g,reduce:x,set:f}}var cn="Arrow",un=cn+"Left",pn=cn+"Right",Ko=cn+"Up",Zo=cn+"Down",lo="rtl",dn="ttb",vn={width:["height"],left:["top","right"],right:["bottom","left"],x:["y"],X:["Y"],Y:["X"],ArrowLeft:[Ko,pn],ArrowRight:[Zo,un]};function yi(e,t,n){function o(a,i,u){u=u||n.direction;var s=u===lo&&!i?1:u===dn?0:-1;return vn[a]&&vn[a][s]||a.replace(/width|left|right/i,function(g,c){var A=vn[g.toLowerCase()][s]||g;return c>0?A.charAt(0).toUpperCase()+A.slice(1):A})}function r(a){return a*(n.direction===lo?1:-1)}return{resolve:o,orient:r}}var De="role",gt="tabindex",vi="disabled",Fe="aria-",jt=Fe+"controls",Jo=Fe+"current",so=Fe+"selected",Ae=Fe+"label",qn=Fe+"labelledby",Qo=Fe+"hidden",Gn=Fe+"orientation",Ft=Fe+"roledescription",co=Fe+"live",uo=Fe+"busy",po=Fe+"atomic",Yn=[De,gt,vi,jt,Jo,Ae,qn,Qo,Gn,Ft],Ne=Vt+"__",et="is-",bn=Vt,go=Ne+"track",bi=Ne+"list",gn=Ne+"slide",er=gn+"--clone",xi=gn+"__container",Xn=Ne+"arrows",mn=Ne+"arrow",tr=mn+"--prev",nr=mn+"--next",fn=Ne+"pagination",or=fn+"__page",Si=Ne+"progress",Ci=Si+"__bar",$i=Ne+"toggle",wi=Ne+"spinner",Ti=Ne+"sr",_i=et+"initialized",it=et+"active",rr=et+"prev",ir=et+"next",Ln=et+"visible",In=et+"loading",ar=et+"focus-in",lr=et+"overflow",Ai=[it,Ln,rr,ir,In,ar,lr],Ei={slide:gn,clone:er,arrows:Xn,arrow:mn,prev:tr,next:nr,pagination:fn,page:or,spinner:wi};function Li(e,t){if(Eo(e.closest))return e.closest(t);for(var n=e;n&&n.nodeType===1&&!At(n,t);)n=n.parentElement;return n}var Ii=5,mo=200,sr="touchstart mousedown",xn="touchmove mousemove",Sn="touchend touchcancel mouseup click";function ki(e,t,n){var o=ve(e),r=o.on,a=o.bind,i=e.root,u=n.i18n,s={},g=[],c=[],A=[],x,f,p;function d(){_(),D(),v()}function S(){r(xe,y),r(xe,d),r(Ce,v),a(document,sr+" keydown",function(m){p=m.type==="keydown"},{capture:!0}),a(i,"focusin",function(){ze(i,ar,!!p)})}function y(m){var k=Yn.concat("style");Ue(g),Be(i,c),Be(x,A),We([x,f],k),We(i,m?k:["style",Ft])}function v(){Be(i,c),Be(x,A),c=T(bn),A=T(go),Me(i,c),Me(x,A),le(i,Ae,n.label),le(i,qn,n.labelledby)}function _(){x=V("."+go),f=Ht(x,"."+bi),wt(x&&f,"A track/list element is missing."),Kt(g,Io(f,"."+gn+":not(."+er+")")),ot({arrows:Xn,pagination:fn,prev:tr,next:nr,bar:Ci,toggle:$i},function(m,k){s[k]=V("."+m)}),Lt(s,{root:i,track:x,list:f,slides:g})}function D(){var m=i.id||di(Vt),k=n.role;i.id=m,x.id=x.id||m+"-track",f.id=f.id||m+"-list",!ke(i,De)&&i.tagName!=="SECTION"&&k&&le(i,De,k),le(i,Ft,u.carousel),le(f,De,"presentation")}function V(m){var k=Po(i,m);return k&&Li(k,"."+bn)===i?k:void 0}function T(m){return[m+"--"+n.type,m+"--"+n.direction,n.drag&&m+"--draggable",n.isNavigation&&m+"--nav",m===bn&&it]}return Lt(s,{setup:d,mount:S,destroy:y})}var yt="slide",xt="loop",Ot="fade";function Fi(e,t,n,o){var r=ve(e),a=r.on,i=r.emit,u=r.bind,s=e.Components,g=e.root,c=e.options,A=c.isNavigation,x=c.updateOnMove,f=c.i18n,p=c.pagination,d=c.slideFocus,S=s.Direction.resolve,y=ke(o,"style"),v=ke(o,Ae),_=n>-1,D=Ht(o,"."+xi),V;function T(){_||(o.id=g.id+"-slide"+Vn(t+1),le(o,De,p?"tabpanel":"group"),le(o,Ft,f.slide),le(o,Ae,v||An(f.slideLabel,[t+1,e.length]))),m()}function m(){u(o,"click",ye(i,jn,I)),u(o,"keydown",ye(i,Yo,I)),a([bt,Xo,at],F),a(zn,R),x&&a(qe,O)}function k(){V=!0,r.destroy(),Be(o,Ai),We(o,Yn),le(o,"style",y),le(o,Ae,v||"")}function R(){var L=e.splides.map(function(w){var N=w.splide.Components.Slides.getAt(t);return N?N.slide.id:""}).join(" ");le(o,Ae,An(f.slideX,(_?n:t)+1)),le(o,jt,L),le(o,De,d?"button":""),d&&We(o,Ft)}function O(){V||F()}function F(){if(!V){var L=e.index;H(),M(),ze(o,rr,t===L-1),ze(o,ir,t===L+1)}}function H(){var L=G();L!==io(o,it)&&(ze(o,it,L),le(o,Jo,A&&L||""),i(L?Wo:No,I))}function M(){var L=h(),w=!L&&(!G()||_);if(e.state.is([vt,Rt])||le(o,Qo,w||""),le(Nn(o,c.focusableNodes||""),gt,w?-1:""),d&&le(o,gt,w?-1:0),L!==io(o,Ln)&&(ze(o,Ln,L),i(L?Ho:Vo,I)),!L&&document.activeElement===o){var N=s.Slides.getAt(e.index);N&&ko(N.slide)}}function X(L,w,N){Ie(N&&D||o,L,w)}function G(){var L=e.index;return L===t||c.cloneStatus&&L===n}function h(){if(e.is(Ot))return G();var L=_e(s.Elements.track),w=_e(o),N=S("left",!0),K=S("right",!0);return tn(L[N])<=kt(w[N])&&tn(w[K])<=kt(L[K])}function E(L,w){var N=$e(L-t);return!_&&(c.rewind||e.is(xt))&&(N=Ze(N,e.length-N)),N<=w}var I={index:t,slideIndex:n,slide:o,container:D,isClone:_,mount:T,destroy:k,update:F,style:X,isWithin:E};return I}function Pi(e,t,n){var o=ve(e),r=o.on,a=o.emit,i=o.bind,u=t.Elements,s=u.slides,g=u.list,c=[];function A(){x(),r(xe,f),r(xe,x)}function x(){s.forEach(function(F,H){d(F,H,-1)})}function f(){V(function(F){F.destroy()}),Ue(c)}function p(){V(function(F){F.update()})}function d(F,H,M){var X=Fi(e,H,M,F);X.mount(),c.push(X),c.sort(function(G,h){return G.index-h.index})}function S(F){return F?T(function(H){return!H.isClone}):c}function y(F){var H=t.Controller,M=H.toIndex(F),X=H.hasFocus()?1:n.perPage;return T(function(G){return Zt(G.index,M,M+X-1)})}function v(F){return T(F)[0]}function _(F,H){Ee(F,function(M){if(Ke(M)&&(M=Fo(M)),Lo(M)){var X=s[H];X?Wn(M,X):Nt(g,M),Me(M,n.classes.slide),k(M,ye(a,ht))}}),a(xe)}function D(F){rt(T(F).map(function(H){return H.slide})),a(xe)}function V(F,H){S(H).forEach(F)}function T(F){return c.filter(Eo(F)?F:function(H){return Ke(F)?At(H.slide,F):Mn(Wt(F),H.index)})}function m(F,H,M){V(function(X){X.style(F,H,M)})}function k(F,H){var M=Nn(F,"img"),X=M.length;X?M.forEach(function(G){i(G,"load error",function(){--X||H()})}):H()}function R(F){return F?s.length:c.length}function O(){return c.length>n.perPage}return{mount:A,destroy:f,update:p,register:d,get:S,getIn:y,getAt:v,add:_,remove:D,forEach:V,filter:T,style:m,getLength:R,isEnough:O}}function Ri(e,t,n){var o=ve(e),r=o.on,a=o.bind,i=o.emit,u=t.Slides,s=t.Direction.resolve,g=t.Elements,c=g.root,A=g.track,x=g.list,f=u.getAt,p=u.style,d,S,y;function v(){_(),a(window,"resize load",fi(ye(i,ht))),r([Ce,xe],_),r(ht,D)}function _(){d=n.direction===dn,Ie(c,"maxWidth",nt(n.width)),Ie(A,s("paddingLeft"),V(!1)),Ie(A,s("paddingRight"),V(!0)),D(!0)}function D(I){var L=_e(c);(I||S.width!==L.width||S.height!==L.height)&&(Ie(A,"height",T()),p(s("marginRight"),nt(n.gap)),p("width",k()),p("height",R(),!0),S=L,i(an),y!==(y=E())&&(ze(c,lr,y),i(gi,y)))}function V(I){var L=n.padding,w=s(I?"right":"left");return L&&nt(L[w]||(_t(L)?0:L))||"0px"}function T(){var I="";return d&&(I=m(),wt(I,"height or heightRatio is missing."),I="calc("+I+" - "+V(!1)+" - "+V(!0)+")"),I}function m(){return nt(n.height||_e(x).width*n.heightRatio)}function k(){return n.autoWidth?null:nt(n.fixedWidth)||(d?"":O())}function R(){return nt(n.fixedHeight)||(d?n.autoHeight?null:O():m())}function O(){var I=nt(n.gap);return"calc((100%"+(I&&" + "+I)+")/"+(n.perPage||1)+(I&&" - "+I)+")"}function F(){return _e(x)[s("width")]}function H(I,L){var w=f(I||0);return w?_e(w.slide)[s("width")]+(L?0:G()):0}function M(I,L){var w=f(I);if(w){var N=_e(w.slide)[s("right")],K=_e(x)[s("left")];return $e(N-K)+(L?0:G())}return 0}function X(I){return M(e.length-1)-M(0)+H(0,I)}function G(){var I=f(0);return I&&parseFloat(Ie(I.slide,s("marginRight")))||0}function h(I){return parseFloat(Ie(A,s("padding"+(I?"Right":"Left"))))||0}function E(){return e.is(Ot)||X(!0)>F()}return{mount:v,resize:D,listSize:F,slideSize:H,sliderSize:X,totalSize:M,getPadding:h,isOverflow:E}}var Mi=2;function Wi(e,t,n){var o=ve(e),r=o.on,a=t.Elements,i=t.Slides,u=t.Direction.resolve,s=[],g;function c(){r(xe,A),r([Ce,ht],f),(g=S())&&(p(g),t.Layout.resize(!0))}function A(){x(),c()}function x(){rt(s),Ue(s),o.destroy()}function f(){var y=S();g!==y&&(g<y||!y)&&o.emit(xe)}function p(y){var v=i.get().slice(),_=v.length;if(_){for(;v.length<y;)Kt(v,v);Kt(v.slice(-y),v.slice(0,y)).forEach(function(D,V){var T=V<y,m=d(D.slide,V);T?Wn(m,v[0].slide):Nt(a.list,m),Kt(s,m),i.register(m,V-y+(T?0:_),D.index)})}}function d(y,v){var _=y.cloneNode(!0);return Me(_,n.classes.clone),_.id=e.root.id+"-clone"+Vn(v+1),_}function S(){var y=n.clones;if(!e.is(xt))y=0;else if(Mt(y)){var v=n[u("fixedWidth")]&&t.Layout.slideSize(0),_=v&&kt(_e(a.track)[u("width")]/v);y=_||n[u("autoWidth")]&&e.length||n.perPage*Mi}return y}return{mount:c,destroy:x}}function Ni(e,t,n){var o=ve(e),r=o.on,a=o.emit,i=e.state.set,u=t.Layout,s=u.slideSize,g=u.getPadding,c=u.totalSize,A=u.listSize,x=u.sliderSize,f=t.Direction,p=f.resolve,d=f.orient,S=t.Elements,y=S.list,v=S.track,_;function D(){_=t.Transition,r([Qe,an,Ce,xe],V)}function V(){t.Controller.isBusy()||(t.Scroll.cancel(),m(e.index),t.Slides.update())}function T(w,N,K,ie){w!==N&&I(w>K)&&(F(),k(O(X(),w>K),!0)),i(vt),a(qe,N,K,w),_.start(N,function(){i(ft),a(bt,N,K,w),ie&&ie()})}function m(w){k(M(w,!0))}function k(w,N){if(!e.is(Ot)){var K=N?w:R(w);Ie(y,"transform","translate"+p("X")+"("+K+"px)"),w!==K&&a(Xo)}}function R(w){if(e.is(xt)){var N=H(w),K=N>t.Controller.getEnd(),ie=N<0;(ie||K)&&(w=O(w,K))}return w}function O(w,N){var K=w-E(N),ie=x();return w-=d(ie*(kt($e(K)/ie)||1))*(N?1:-1),w}function F(){k(X(),!0),_.cancel()}function H(w){for(var N=t.Slides.get(),K=0,ie=1/0,ne=0;ne<N.length;ne++){var ce=N[ne].index,P=$e(M(ce,!0)-w);if(P<=ie)ie=P,K=ce;else break}return K}function M(w,N){var K=d(c(w-1)-h(w));return N?G(K):K}function X(){var w=p("left");return _e(y)[w]-_e(v)[w]+d(g(!1))}function G(w){return n.trimSpace&&e.is(yt)&&(w=ct(w,0,d(x(!0)-A()))),w}function h(w){var N=n.focus;return N==="center"?(A()-s(w,!0))/2:+N*s(w)||0}function E(w){return M(w?t.Controller.getEnd():0,!!n.trimSpace)}function I(w){var N=d(O(X(),w));return w?N>=0:N<=y[p("scrollWidth")]-_e(v)[p("width")]}function L(w,N){N=Mt(N)?X():N;var K=w!==!0&&d(N)<d(E(!1)),ie=w!==!1&&d(N)>d(E(!0));return K||ie}return{mount:D,move:T,jump:m,translate:k,shift:O,cancel:F,toIndex:H,toPosition:M,getPosition:X,getLimit:E,exceededLimit:L,reposition:V}}function Hi(e,t,n){var o=ve(e),r=o.on,a=o.emit,i=t.Move,u=i.getPosition,s=i.getLimit,g=i.toPosition,c=t.Slides,A=c.isEnough,x=c.getLength,f=n.omitEnd,p=e.is(xt),d=e.is(yt),S=ye(X,!1),y=ye(X,!0),v=n.start||0,_,D=v,V,T,m;function k(){R(),r([Ce,xe,nn],R),r(an,O)}function R(){V=x(!0),T=n.perMove,m=n.perPage,_=I();var P=ct(v,0,f?_:V-1);P!==v&&(v=P,i.reposition())}function O(){_!==I()&&a(nn)}function F(P,Q,de){if(!ce()){var pe=M(P),Y=E(pe);Y>-1&&(Q||Y!==v)&&(K(Y),i.move(pe,Y,D,de))}}function H(P,Q,de,pe){t.Scroll.scroll(P,Q,de,function(){var Y=E(i.toIndex(u()));K(f?Ze(Y,_):Y),pe&&pe()})}function M(P){var Q=v;if(Ke(P)){var de=P.match(/([+\-<>])(\d+)?/)||[],pe=de[1],Y=de[2];pe==="+"||pe==="-"?Q=G(v+ +(""+pe+(+Y||1)),v):pe===">"?Q=Y?L(+Y):S(!0):pe==="<"&&(Q=y(!0))}else Q=p?P:ct(P,0,_);return Q}function X(P,Q){var de=T||(ne()?1:m),pe=G(v+de*(P?-1:1),v,!(T||ne()));return pe===-1&&d&&!Ro(u(),s(!P),1)?P?0:_:Q?pe:E(pe)}function G(P,Q,de){if(A()||ne()){var pe=h(P);pe!==P&&(Q=P,P=pe,de=!1),P<0||P>_?!T&&(Zt(0,P,Q,!0)||Zt(_,Q,P,!0))?P=L(w(P)):p?P=de?P<0?-(V%m||m):V:P:n.rewind?P=P<0?_:0:P=-1:de&&P!==Q&&(P=L(w(Q)+(P<Q?-1:1)))}else P=-1;return P}function h(P){if(d&&n.trimSpace==="move"&&P!==v)for(var Q=u();Q===g(P,!0)&&Zt(P,0,e.length-1,!n.rewind);)P<v?--P:++P;return P}function E(P){return p?(P+V)%V||0:P}function I(){for(var P=V-(ne()||p&&T?1:m);f&&P-- >0;)if(g(V-1,!0)!==g(P,!0)){P++;break}return ct(P,0,V-1)}function L(P){return ct(ne()?P:m*P,0,_)}function w(P){return ne()?Ze(P,_):tn((P>=_?V-1:P)/m)}function N(P){var Q=i.toIndex(P);return d?ct(Q,0,_):Q}function K(P){P!==v&&(D=v,v=P)}function ie(P){return P?D:v}function ne(){return!Mt(n.focus)||n.isNavigation}function ce(){return e.state.is([vt,Rt])&&!!n.waitForTransition}return{mount:k,go:F,scroll:H,getNext:S,getPrev:y,getAdjacent:X,getEnd:I,setIndex:K,getIndex:ie,toIndex:L,toPage:w,toDest:N,hasFocus:ne,isBusy:ce}}var Vi="http://www.w3.org/2000/svg",ji="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z",Dt=40;function Oi(e,t,n){var o=ve(e),r=o.on,a=o.bind,i=o.emit,u=n.classes,s=n.i18n,g=t.Elements,c=t.Controller,A=g.arrows,x=g.track,f=A,p=g.prev,d=g.next,S,y,v={};function _(){V(),r(Ce,D)}function D(){T(),_()}function V(){var H=n.arrows;H&&!(p&&d)&&R(),p&&d&&(Lt(v,{prev:p,next:d}),It(f,H?"":"none"),Me(f,y=Xn+"--"+n.direction),H&&(m(),F(),le([p,d],jt,x.id),i(Bo,p,d)))}function T(){o.destroy(),Be(f,y),S?(rt(A?[p,d]:f),p=d=null):We([p,d],Yn)}function m(){r([Qe,bt,xe,at,nn],F),a(d,"click",ye(k,">")),a(p,"click",ye(k,"<"))}function k(H){c.go(H,!0)}function R(){f=A||dt("div",u.arrows),p=O(!0),d=O(!1),S=!0,Nt(f,[p,d]),!A&&Wn(f,x)}function O(H){var M='<button class="'+u.arrow+" "+(H?u.prev:u.next)+'" type="button"><svg xmlns="'+Vi+'" viewBox="0 0 '+Dt+" "+Dt+'" width="'+Dt+'" height="'+Dt+'" focusable="false"><path d="'+(n.arrowPath||ji)+'" />';return Fo(M)}function F(){if(p&&d){var H=e.index,M=c.getPrev(),X=c.getNext(),G=M>-1&&H<M?s.last:s.prev,h=X>-1&&H>X?s.first:s.next;p.disabled=M<0,d.disabled=X<0,le(p,Ae,G),le(d,Ae,h),i(Do,p,d,M,X)}}return{arrows:v,mount:_,destroy:T,update:F}}var zi=Hn+"-interval";function Bi(e,t,n){var o=ve(e),r=o.on,a=o.bind,i=o.emit,u=sn(n.interval,e.go.bind(e,">"),m),s=u.isPaused,g=t.Elements,c=t.Elements,A=c.root,x=c.toggle,f=n.autoplay,p,d,S=f==="pause";function y(){f&&(v(),x&&le(x,jt,g.track.id),S||_(),T())}function v(){n.pauseOnHover&&a(A,"mouseenter mouseleave",function(R){p=R.type==="mouseenter",V()}),n.pauseOnFocus&&a(A,"focusin focusout",function(R){d=R.type==="focusin",V()}),x&&a(x,"click",function(){S?_():D(!0)}),r([qe,ln,xe],u.rewind),r(qe,k)}function _(){s()&&t.Slides.isEnough()&&(u.start(!n.resetProgress),d=p=S=!1,T(),i(Bn))}function D(R){R===void 0&&(R=!0),S=!!R,T(),s()||(u.pause(),i(Dn))}function V(){S||(p||d?D(!1):_())}function T(){x&&(ze(x,it,!S),le(x,Ae,n.i18n[S?"play":"pause"]))}function m(R){var O=g.bar;O&&Ie(O,"width",R*100+"%"),i(Go,R)}function k(R){var O=t.Slides.getAt(R);u.set(O&&+ke(O.slide,zi)||n.interval)}return{mount:y,destroy:u.cancel,play:_,pause:D,isPaused:s}}function Di(e,t,n){var o=ve(e),r=o.on;function a(){n.cover&&(r(Un,ye(u,!0)),r([Qe,Ce,xe],ye(i,!0)))}function i(s){t.Slides.forEach(function(g){var c=Ht(g.container||g.slide,"img");c&&c.src&&u(s,c,g)})}function u(s,g,c){c.style("background",s?'center/cover no-repeat url("'+g.src+'")':"",!0),It(g,s?"none":"")}return{mount:a,destroy:ye(i,!1)}}var Ui=10,qi=600,Gi=.6,Yi=1.5,Xi=800;function Ki(e,t,n){var o=ve(e),r=o.on,a=o.emit,i=e.state.set,u=t.Move,s=u.getPosition,g=u.getLimit,c=u.exceededLimit,A=u.translate,x=e.is(yt),f,p,d=1;function S(){r(qe,D),r([Ce,xe],V)}function y(m,k,R,O,F){var H=s();if(D(),R&&(!x||!c())){var M=t.Layout.sliderSize(),X=_n(m)*M*tn($e(m)/M)||0;m=u.toPosition(t.Controller.toDest(m%M))+X}var G=Ro(H,m,1);d=1,k=G?0:k||en($e(m-H)/Yi,Xi),p=O,f=sn(k,v,ye(_,H,m,F),1),i(Rt),a(ln),f.start()}function v(){i(ft),p&&p(),a(at)}function _(m,k,R,O){var F=s(),H=m+(k-m)*T(O),M=(H-F)*d;A(F+M),x&&!R&&c()&&(d*=Gi,$e(M)<Ui&&y(g(c(!0)),qi,!1,p,!0))}function D(){f&&f.cancel()}function V(){f&&!f.isPaused()&&(D(),v())}function T(m){var k=n.easingFunc;return k?k(m):1-Math.pow(1-m,4)}return{mount:S,destroy:D,scroll:y,cancel:V}}var ut={passive:!1,capture:!0};function Zi(e,t,n){var o=ve(e),r=o.on,a=o.emit,i=o.bind,u=o.unbind,s=e.state,g=t.Move,c=t.Scroll,A=t.Controller,x=t.Elements.track,f=t.Media.reduce,p=t.Direction,d=p.resolve,S=p.orient,y=g.getPosition,v=g.exceededLimit,_,D,V,T,m,k=!1,R,O,F;function H(){i(x,xn,wn,ut),i(x,Sn,wn,ut),i(x,sr,X,ut),i(x,"click",E,{capture:!0}),i(x,"dragstart",Oe),r([Qe,Ce],M)}function M(){var j=n.drag;fe(!j),T=j==="free"}function X(j){if(R=!1,!O){var b=Y(j);pe(j.target)&&(b||!j.button)&&(A.isBusy()?Oe(j,!0):(F=b?x:window,m=s.is([vt,Rt]),V=null,i(F,xn,G,ut),i(F,Sn,h,ut),g.cancel(),c.cancel(),I(j)))}}function G(j){if(s.is(Xt)||(s.set(Xt),a(jo)),j.cancelable)if(m){g.translate(_+de(ne(j)));var b=ce(j)>mo,U=k!==(k=v());(b||U)&&I(j),R=!0,a(Oo),Oe(j)}else N(j)&&(m=w(j),Oe(j))}function h(j){s.is(Xt)&&(s.set(ft),a(zo)),m&&(L(j),Oe(j)),u(F,xn,G),u(F,Sn,h),m=!1}function E(j){!O&&R&&Oe(j,!0)}function I(j){V=D,D=j,_=y()}function L(j){var b=K(j),U=ie(b),Z=n.rewind&&n.rewindByDrag;f(!1),T?A.scroll(U,0,n.snap):e.is(Ot)?A.go(S(_n(b))<0?Z?"<":"-":Z?">":"+"):e.is(yt)&&k&&Z?A.go(v(!0)?">":"<"):A.go(A.toDest(U),!0),f(!0)}function w(j){var b=n.dragMinThreshold,U=_t(b),Z=U&&b.mouse||0,te=(U?b.touch:+b)||10;return $e(ne(j))>(Y(j)?te:Z)}function N(j){return $e(ne(j))>$e(ne(j,!0))}function K(j){if(e.is(xt)||!k){var b=ce(j);if(b&&b<mo)return ne(j)/b}return 0}function ie(j){return y()+_n(j)*Ze($e(j)*(n.flickPower||600),T?1/0:t.Layout.listSize()*(n.flickMaxPages||1))}function ne(j,b){return Q(j,b)-Q(P(j),b)}function ce(j){return Tn(j)-Tn(P(j))}function P(j){return D===j&&V||D}function Q(j,b){return(Y(j)?j.changedTouches[0]:j)["page"+d(b?"Y":"X")]}function de(j){return j/(k&&e.is(yt)?Ii:1)}function pe(j){var b=n.noDrag;return!At(j,"."+or+", ."+mn)&&(!b||!At(j,b))}function Y(j){return typeof TouchEvent<"u"&&j instanceof TouchEvent}function ae(){return m}function fe(j){O=j}return{mount:H,disable:fe,isDragging:ae}}var Ji={Spacebar:" ",Right:pn,Left:un,Up:Ko,Down:Zo};function Kn(e){return e=Ke(e)?e:e.key,Ji[e]||e}var fo="keydown";function Qi(e,t,n){var o=ve(e),r=o.on,a=o.bind,i=o.unbind,u=e.root,s=t.Direction.resolve,g,c;function A(){x(),r(Ce,f),r(Ce,x),r(qe,d)}function x(){var y=n.keyboard;y&&(g=y==="global"?window:u,a(g,fo,S))}function f(){i(g,fo)}function p(y){c=y}function d(){var y=c;c=!0,Ao(function(){c=y})}function S(y){if(!c){var v=Kn(y);v===s(un)?e.go("<"):v===s(pn)&&e.go(">")}}return{mount:A,destroy:f,disable:p}}var Tt=Hn+"-lazy",Jt=Tt+"-srcset",ea="["+Tt+"], ["+Jt+"]";function ta(e,t,n){var o=ve(e),r=o.on,a=o.off,i=o.bind,u=o.emit,s=n.lazyLoad==="sequential",g=[bt,at],c=[];function A(){n.lazyLoad&&(x(),r(xe,x))}function x(){Ue(c),f(),s?y():(a(g),r(g,p),p())}function f(){t.Slides.forEach(function(v){Nn(v.slide,ea).forEach(function(_){var D=ke(_,Tt),V=ke(_,Jt);if(D!==_.src||V!==_.srcset){var T=n.classes.spinner,m=_.parentElement,k=Ht(m,"."+T)||dt("span",T,m);c.push([_,v,k]),_.src||It(_,"none")}})})}function p(){c=c.filter(function(v){var _=n.perPage*((n.preloadPages||1)+1)-1;return v[1].isWithin(e.index,_)?d(v):!0}),c.length||a(g)}function d(v){var _=v[0];Me(v[1].slide,In),i(_,"load error",ye(S,v)),le(_,"src",ke(_,Tt)),le(_,"srcset",ke(_,Jt)),We(_,Tt),We(_,Jt)}function S(v,_){var D=v[0],V=v[1];Be(V.slide,In),_.type!=="error"&&(rt(v[2]),It(D,""),u(Un,D,V),u(ht)),s&&y()}function y(){c.length&&d(c.shift())}return{mount:A,destroy:ye(Ue,c),check:p}}function na(e,t,n){var o=ve(e),r=o.on,a=o.emit,i=o.bind,u=t.Slides,s=t.Elements,g=t.Controller,c=g.hasFocus,A=g.getIndex,x=g.go,f=t.Direction.resolve,p=s.pagination,d=[],S,y;function v(){_(),r([Ce,xe,nn],v);var O=n.pagination;p&&It(p,O?"":"none"),O&&(r([qe,ln,at],R),D(),R(),a(Uo,{list:S,items:d},k(e.index)))}function _(){S&&(rt(p?Je(S.children):S),Be(S,y),Ue(d),S=null),o.destroy()}function D(){var O=e.length,F=n.classes,H=n.i18n,M=n.perPage,X=c()?g.getEnd()+1:kt(O/M);S=p||dt("ul",F.pagination,s.track.parentElement),Me(S,y=fn+"--"+m()),le(S,De,"tablist"),le(S,Ae,H.select),le(S,Gn,m()===dn?"vertical":"");for(var G=0;G<X;G++){var h=dt("li",null,S),E=dt("button",{class:F.page,type:"button"},h),I=u.getIn(G).map(function(w){return w.slide.id}),L=!c()&&M>1?H.pageX:H.slideX;i(E,"click",ye(V,G)),n.paginationKeyboard&&i(E,"keydown",ye(T,G)),le(h,De,"presentation"),le(E,De,"tab"),le(E,jt,I.join(" ")),le(E,Ae,An(L,G+1)),le(E,gt,-1),d.push({li:h,button:E,page:G})}}function V(O){x(">"+O,!0)}function T(O,F){var H=d.length,M=Kn(F),X=m(),G=-1;M===f(pn,!1,X)?G=++O%H:M===f(un,!1,X)?G=(--O+H)%H:M==="Home"?G=0:M==="End"&&(G=H-1);var h=d[G];h&&(ko(h.button),x(">"+G),Oe(F,!0))}function m(){return n.paginationDirection||n.direction}function k(O){return d[g.toPage(O)]}function R(){var O=k(A(!0)),F=k(A());if(O){var H=O.button;Be(H,it),We(H,so),le(H,gt,-1)}if(F){var M=F.button;Me(M,it),le(M,so,!0),le(M,gt,"")}a(qo,{list:S,items:d},O,F)}return{items:d,mount:v,destroy:_,getAt:k,update:R}}var oa=[" ","Enter"];function ra(e,t,n){var o=n.isNavigation,r=n.slideFocus,a=[];function i(){e.splides.forEach(function(p){p.isParent||(g(e,p.splide),g(p.splide,e))}),o&&c()}function u(){a.forEach(function(p){p.destroy()}),Ue(a)}function s(){u(),i()}function g(p,d){var S=ve(p);S.on(qe,function(y,v,_){d.go(d.is(xt)?_:y)}),a.push(S)}function c(){var p=ve(e),d=p.on;d(jn,x),d(Yo,f),d([Qe,Ce],A),a.push(p),p.emit(zn,e.splides)}function A(){le(t.Elements.list,Gn,n.direction===dn?"vertical":"")}function x(p){e.go(p.index)}function f(p,d){Mn(oa,Kn(d))&&(x(p),Oe(d))}return{setup:ye(t.Media.set,{slideFocus:Mt(r)?o:r},!0),mount:i,destroy:u,remount:s}}function ia(e,t,n){var o=ve(e),r=o.bind,a=0;function i(){n.wheel&&r(t.Elements.track,"wheel",u,ut)}function u(g){if(g.cancelable){var c=g.deltaY,A=c<0,x=Tn(g),f=n.wheelMinThreshold||0,p=n.wheelSleep||0;$e(c)>f&&x-a>p&&(e.go(A?"<":">"),a=x),s(A)&&Oe(g)}}function s(g){return!n.releaseWheel||e.state.is(vt)||t.Controller.getAdjacent(g)!==-1}return{mount:i}}var aa=90;function la(e,t,n){var o=ve(e),r=o.on,a=t.Elements.track,i=n.live&&!n.isNavigation,u=dt("span",Ti),s=sn(aa,ye(c,!1));function g(){i&&(x(!t.Autoplay.isPaused()),le(a,po,!0),u.textContent="…",r(Bn,ye(x,!0)),r(Dn,ye(x,!1)),r([bt,at],ye(c,!0)))}function c(f){le(a,uo,f),f?(Nt(a,u),s.start()):(rt(u),s.cancel())}function A(){We(a,[co,po,uo]),rt(u)}function x(f){i&&le(a,co,f?"off":"polite")}return{mount:g,disable:x,destroy:A}}var sa=Object.freeze({__proto__:null,Media:hi,Direction:yi,Elements:ki,Slides:Pi,Layout:Ri,Clones:Wi,Move:Ni,Controller:Hi,Arrows:Oi,Autoplay:Bi,Cover:Di,Scroll:Ki,Drag:Zi,Keyboard:Qi,LazyLoad:ta,Pagination:na,Sync:ra,Wheel:ia,Live:la}),ca={prev:"Previous slide",next:"Next slide",first:"Go to first slide",last:"Go to last slide",slideX:"Go to slide %s",pageX:"Go to page %s",play:"Start autoplay",pause:"Pause autoplay",carousel:"carousel",slide:"slide",select:"Select a slide to show",slideLabel:"%s of %s"},ua={type:"slide",role:"region",speed:400,perPage:1,cloneStatus:!0,arrows:!0,pagination:!0,paginationKeyboard:!0,interval:5e3,pauseOnHover:!0,pauseOnFocus:!0,resetProgress:!0,easing:"cubic-bezier(0.25, 1, 0.5, 1)",drag:!0,direction:"ltr",trimSpace:!0,focusableNodes:"a, button, textarea, input, select, iframe",live:!0,classes:Ei,i18n:ca,reducedMotion:{speed:0,rewindSpeed:0,autoplay:"pause"}};function pa(e,t,n){var o=t.Slides;function r(){ve(e).on([Qe,xe],a)}function a(){o.forEach(function(u){u.style("transform","translateX(-"+100*u.index+"%)")})}function i(u,s){o.style("transition","opacity "+n.speed+"ms "+n.easing),Ao(s)}return{mount:r,start:i,cancel:wn}}function da(e,t,n){var o=t.Move,r=t.Controller,a=t.Scroll,i=t.Elements.list,u=ye(Ie,i,"transition"),s;function g(){ve(e).bind(i,"transitionend",function(f){f.target===i&&s&&(A(),s())})}function c(f,p){var d=o.toPosition(f,!0),S=o.getPosition(),y=x(f);$e(d-S)>=1&&y>=1?n.useScroll?a.scroll(d,y,!1,p):(u("transform "+y+"ms "+n.easing),o.translate(d,!0),s=p):(o.jump(f),p())}function A(){u(""),a.cancel()}function x(f){var p=n.rewindSpeed;if(e.is(yt)&&p){var d=r.getIndex(!0),S=r.getEnd();if(d===0&&f>=S||d>=S&&f===0)return p}return n.speed}return{mount:g,start:c,cancel:A}}var ga=(function(){function e(n,o){this.event=ve(),this.Components={},this.state=mi(pt),this.splides=[],this._o={},this._E={};var r=Ke(n)?Po(document,n):n;wt(r,r+" is invalid."),this.root=r,o=Ye({label:ke(r,Ae)||"",labelledby:ke(r,qn)||""},ua,e.defaults,o||{});try{Ye(o,JSON.parse(ke(r,Hn)))}catch{wt(!1,"Invalid JSON")}this._o=Object.create(Ye({},o))}var t=e.prototype;return t.mount=function(o,r){var a=this,i=this.state,u=this.Components;wt(i.is([pt,Qt]),"Already mounted!"),i.set(pt),this._C=u,this._T=r||this._T||(this.is(Ot)?pa:da),this._E=o||this._E;var s=Lt({},sa,this._E,{Transition:this._T});return ot(s,function(g,c){var A=g(a,u,a._o);u[c]=A,A.setup&&A.setup()}),ot(u,function(g){g.mount&&g.mount()}),this.emit(Qe),Me(this.root,_i),i.set(ft),this.emit(En),this},t.sync=function(o){return this.splides.push({splide:o}),o.splides.push({splide:this,isParent:!0}),this.state.is(ft)&&(this._C.Sync.remount(),o.Components.Sync.remount()),this},t.go=function(o){return this._C.Controller.go(o),this},t.on=function(o,r){return this.event.on(o,r),this},t.off=function(o){return this.event.off(o),this},t.emit=function(o){var r;return(r=this.event).emit.apply(r,[o].concat(Je(arguments,1))),this},t.add=function(o,r){return this._C.Slides.add(o,r),this},t.remove=function(o){return this._C.Slides.remove(o),this},t.is=function(o){return this._o.type===o},t.refresh=function(){return this.emit(xe),this},t.destroy=function(o){o===void 0&&(o=!0);var r=this.event,a=this.state;return a.is(pt)?ve(this).on(En,this.destroy.bind(this,o)):(ot(this._C,function(i){i.destroy&&i.destroy(o)},!0),r.emit(On),r.destroy(),o&&Ue(this.splides),a.set(Qt)),this},ci(e,[{key:"options",get:function(){return this._o},set:function(o){this._C.Media.set(o,!0,!0)}},{key:"length",get:function(){return this._C.Slides.getLength(!0)}},{key:"index",get:function(){return this._C.Controller.getIndex()}}]),e})(),Zn=ga;Zn.defaults={};Zn.STATES=pi;var ho=[[Qe,"onMounted"],[En,"onReady"],[qe,"onMove"],[bt,"onMoved"],[jn,"onClick"],[Wo,"onActive"],[No,"onInactive"],[Ho,"onVisible"],[Vo,"onHidden"],[xe,"onRefresh"],[Ce,"onUpdated"],[ht,"onResize"],[an,"onResized"],[jo,"onDrag"],[Oo,"onDragging"],[zo,"onDragged"],[ln,"onScroll"],[at,"onScrolled"],[On,"onDestroy"],[Bo,"onArrowsMounted"],[Do,"onArrowsUpdated"],[Uo,"onPaginationMounted"],[qo,"onPaginationUpdated"],[zn,"onNavigationMounted"],[Bn,"onAutoplayPlay"],[Go,"onAutoplayPlaying"],[Dn,"onAutoplayPause"],[Un,"onLazyLoadLoaded"]];function Jn(...e){return e.filter(Boolean).join(" ")}function on(e){return e!==null&&typeof e=="object"}function kn(e,t){if(Array.isArray(e)&&Array.isArray(t))return e.length===t.length&&!e.some((n,o)=>!kn(n,t[o]));if(on(e)&&on(t)){const n=Object.keys(e),o=Object.keys(t);return n.length===o.length&&!n.some(r=>!Object.prototype.hasOwnProperty.call(t,r)||!kn(e[r],t[r]))}return e===t}function ma(e,t){return e.length===t.length&&!e.some((n,o)=>n!==t[o])}function fa(e,t){if(e){const n=Object.keys(e);for(let o=0;o<n.length;o++){const r=n[o];if(r!=="__proto__"&&t(e[r],r)===!1)break}}return e}function Fn(e,t){const n=e;return fa(t,(o,r)=>{Array.isArray(o)?n[r]=o.slice():on(o)?n[r]=Fn(on(n[r])?n[r]:{},o):n[r]=o}),n}var ha=({children:e,className:t,...n})=>C.createElement("div",{className:Jn("splide__track",t),...n},C.createElement("ul",{className:"splide__list"},e)),cr=class extends C.Component{constructor(){super(...arguments),this.splideRef=C.createRef(),this.slides=[]}componentDidMount(){const{options:e,extensions:t,transition:n}=this.props,{current:o}=this.splideRef;o&&(this.splide=new Zn(o,e),this.bind(this.splide),this.splide.mount(t,n),this.options=Fn({},e||{}),this.slides=this.getSlides())}componentWillUnmount(){this.splide&&(this.splide.destroy(),this.splide=void 0),this.options=void 0,this.slides.length=0}componentDidUpdate(){if(!this.splide)return;const{options:e}=this.props;e&&!kn(this.options,e)&&(this.splide.options=e,this.options=Fn({},e));const t=this.getSlides();ma(this.slides,t)||(this.splide.refresh(),this.slides=t)}sync(e){var t;(t=this.splide)==null||t.sync(e)}go(e){var t;(t=this.splide)==null||t.go(e)}getSlides(){var e;if(this.splide){const t=(e=this.splide.Components.Elements)==null?void 0:e.list.children;return t&&Array.prototype.slice.call(t)||[]}return[]}bind(e){ho.forEach(([t,n])=>{const o=this.props[n];typeof o=="function"&&e.on(t,(...r)=>{o(e,...r)})})}omit(e,t){return t.forEach(n=>{Object.prototype.hasOwnProperty.call(e,n)&&delete e[n]}),e}render(){const{className:e,tag:t="div",hasTrack:n=!0,children:o,...r}=this.props;return C.createElement(t,{className:Jn("splide",e),ref:this.splideRef,...this.omit(r,["options",...ho.map(a=>a[1])])},n?C.createElement(ha,null,o):o)}},ur=({children:e,className:t,...n})=>C.createElement("li",{className:Jn("splide__slide",t),...n},e);/*!
  * Splide.js
  * Version  : 4.1.3
  * License  : MIT
  * Copyright: 2022 Naotoshi Fujita
- */const ba="RichTextRenderer-module__link___BWeZ2",xa={link:ba},zt=({content:e})=>{const t=n=>n.map((o,r)=>o.type==="link"?a.jsx("a",{className:xa.link,href:o.value,target:o.target,children:t(o.children)},r):a.jsx("span",{style:Sa(o),children:o.text},r));return a.jsx(a.Fragment,{children:e.map((n,o)=>{const r=n.children;return a.jsx("div",{children:t(r)},o)})})};function Sa(e){return{...e.fontFamily&&{fontFamily:e.fontFamily},...e.fontWeight&&{fontWeight:e.fontWeight},...e.fontStyle&&{fontStyle:e.fontStyle},...e.textDecoration&&{textDecoration:e.textDecoration},...e.textTransform&&{textTransform:e.textTransform},...e.fontVariant&&{fontVariant:e.fontVariant},...e.verticalAlign&&{verticalAlign:e.verticalAlign,lineHeight:"0px"}}}const Ca="SvgImage-module__svg___q3xE-",wa="SvgImage-module__img___VsTm-",xo={svg:Ca,img:wa},Ta=e=>{const t=e.trim();return t.startsWith("data:image/svg+xml")?!0:(t.split(/[?#]/)[0]??t).endsWith(".svg")},_a=e=>`url("${e.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}")`,tt=({url:e,fill:t="#000000",hoverFill:n="#CCCCCC",className:o="",style:r})=>{const[l,i]=S.useState(()=>typeof window>"u"?!0:CSS.supports("mask-image",'url("")')||CSS.supports("-webkit-mask-image",'url("")'));return S.useEffect(()=>{if(typeof window<"u"&&window.CSS){const c=CSS.supports("mask-image",'url("")')||CSS.supports("-webkit-mask-image",'url("")');i(c)}},[]),!Ta(e)||!l?a.jsx("img",{src:e,alt:"",className:me(xo.img,o),style:r}):a.jsx("span",{"data-supports-mask":l,className:me(xo.svg,o),style:{"--svg":_a(e),"--fill":t,"--hover-fill":n,...r??{}}})},$a={"top-left":te.topLeftAlignment,"top-center":te.topCenterAlignment,"top-right":te.topRightAlignment,"middle-left":te.middleLeftAlignment,"middle-center":te.middleCenterAlignment,"middle-right":te.middleRightAlignment,"bottom-left":te.bottomLeftAlignment,"bottom-center":te.bottomCenterAlignment,"bottom-right":te.bottomRightAlignment};function Aa({settings:e,content:t,styles:n,isEditor:o}){const[r,l]=S.useState(null),{widthSettings:i,fontSettings:c,letterSpacing:p,textAlign:m,wordSpacing:u,fontSizeLineHeight:E,textAppearance:x,color:h}=n.imageCaption,[d,g]=S.useState(void 0),[C,v]=S.useState(null),[b,A]=S.useState(0),[j,N]=S.useState(0),{direction:$,transition:f,controls:F,pagination:P,imageCaption:O,triggers:R}=e,V=S.useRef(f.type),{x:W,y:K}=e.controls.offset,G=y=>{r&&r.go(y)};return S.useEffect(()=>{if(!C)return;const y=new ResizeObserver(k=>{if(!r)return;const[I]=k;g({width:Math.round(I.contentRect.width),height:Math.round(I.contentRect.height)})});return y.observe(C),()=>y.unobserve(C)},[C]),S.useEffect(()=>{!r||V.current===f.type||(N(y=>y+1),V.current=f.type)},[f.type]),a.jsx("div",{className:me(te.wrapper,{[te.editor]:o}),ref:v,children:a.jsxs("div",{className:te.sliderInner,style:{width:d?d.width:"100%",height:d?d.height:"100%",backgroundColor:f.backgroundColor&&f.type==="fade in"?f.backgroundColor:"transparent"},children:[e.imageCaption.isActive&&a.jsx("div",{className:me(te.captionBlock),children:a.jsx("div",{className:te.captionTextWrapper,children:t.map((y,k)=>a.jsx("div",{className:me(te.captionText,$a[O.alignment],{[te.withPointerEvents]:k===b&&o,[te.active]:k===b}),style:{fontFamily:c.fontFamily,fontWeight:c.fontWeight,fontStyle:c.fontStyle,width:i.sizing==="auto"?"max-content":w.scalingValue(i.width,o),letterSpacing:w.scalingValue(p,o),wordSpacing:w.scalingValue(u,o),textAlign:m,fontSize:w.scalingValue(E.fontSize,o),lineHeight:w.scalingValue(E.lineHeight,o),textTransform:x.textTransform??"none",textDecoration:x.textDecoration??"none",fontVariant:x.fontVariant??"normal",color:h,transitionDuration:f.duration?`${Math.round(parseInt(f.duration)/2)}ms`:"500ms"},children:a.jsx("div",{"data-styles":"imageCaption",className:te.captionTextInner,style:{"--link-hover-color":O.linkHoverColor,"--link-color":O.linkColor,position:"relative",top:w.scalingValue(O.offset.y,o),left:w.scalingValue(O.offset.x,o)},children:a.jsx(zt,{content:y.imageCaption})})},k))})}),a.jsx(pr,{onMove:y=>{A(y.index)},ref:l,options:{arrows:!1,speed:f.duration?parseInt(f.duration):500,autoplay:R.autoPlay!==null,...R.autoPlay!==null&&{interval:parseInt(R.autoPlay)*1e3},direction:$==="horiz"||f.type==="fade in"?"ltr":"ttb",pagination:!1,drag:R.triggersList.drag,perPage:1,width:d?d.width:"100%",height:d?d.height:"100%",type:f.type==="fade in"?"fade":"loop",rewind:!0},children:t.map((y,k)=>a.jsx(dr,{children:a.jsx("div",{className:te.sliderItem,children:a.jsx("div",{className:te.imgWrapper,children:a.jsx("img",{className:me(te.sliderImage,{[te.contain]:y.image.objectFit==="contain",[te.cover]:y.image.objectFit==="cover"}),src:y.image.url,alt:y.image.name??""})})})},k))},j),F.isActive&&a.jsxs(a.Fragment,{children:[a.jsx("div",{className:me(te.arrow,{[te.arrowVertical]:$==="vert",[te.hoverArrow]:F.show==="on hover"}),style:{color:F.color,"--arrow-hover-color":F.hover},children:a.jsxs("button",{onClick:()=>{G("-1")},className:te.arrowInner,style:{transform:`translate(${w.scalingValue(W,o)}, ${w.scalingValue(K*($==="horiz"?1:-1),o)}) scale(${e.controls.scale/100}) rotate(${$==="horiz"?"0deg":"90deg"})`},children:[F.arrowsImgUrl&&a.jsx(tt,{url:F.arrowsImgUrl,fill:F.color,hoverFill:F.hover,className:me(te.arrowImg,te.mirror)}),!F.arrowsImgUrl&&a.jsx(So,{color:F.color,className:me(te.arrowIcon,te.arrowImg,te.mirror)})]})}),a.jsx("div",{className:me(te.arrow,te.nextArrow,{[te.arrowVertical]:$==="vert",[te.hoverArrow]:F.show==="on hover"}),style:{color:F.color,"--arrow-hover-color":F.hover},children:a.jsxs("button",{className:te.arrowInner,onClick:()=>G("+1"),style:{transform:`translate(${w.scalingValue(W*($==="horiz"?-1:1),o)}, ${w.scalingValue(K,o)}) scale(${e.controls.scale/100}) rotate(${$==="horiz"?"0deg":"90deg"})`},children:[F.arrowsImgUrl&&a.jsx(tt,{url:F.arrowsImgUrl,fill:F.color,hoverFill:F.hover,className:te.arrowImg}),!F.arrowsImgUrl&&a.jsx(So,{color:F.color,className:me(te.arrowIcon,te.arrowImg)})]})})]}),R.triggersList.click&&a.jsx("div",{className:te.clickOverlay,onClick:()=>{r&&r.go("+1")}}),P.isActive&&a.jsx("div",{className:me(te.pagination,{[te.paginationInsideBottom]:P.position==="inside-1"&&$==="horiz",[te.paginationInsideTop]:P.position==="inside-2"&&$==="horiz",[te.paginationOutsideBottom]:P.position==="outside-1"&&$==="horiz",[te.paginationOutsideTop]:P.position==="outside-2"&&$==="horiz",[te.paginationInsideLeft]:P.position==="inside-1"&&$==="vert",[te.paginationInsideRight]:P.position==="inside-2"&&$==="vert",[te.paginationOutsideLeft]:P.position==="outside-1"&&$==="vert",[te.paginationOutsideRight]:P.position==="outside-2"&&$==="vert",[te.paginationVertical]:$==="vert"}),children:a.jsx("div",{className:te.paginationInner,style:{backgroundColor:P.colors[2],transform:`scale(${P.scale/100}) translate(${w.scalingValue(P.offset.x,o)}, ${w.scalingValue(P.offset.y,o)}) rotate(${$==="horiz"?"0deg":"90deg"})`},children:t.map((y,k)=>a.jsx("button",{onClick:()=>{r&&r.go(k)},className:me(te.paginationItem),children:a.jsx("div",{className:me(te.dot,{[te.activeDot]:k===b}),style:{backgroundColor:k===b?P.colors[0]:P.colors[1],"--pagination-hover-color":P.hover}})},k))})})]})})}function So({color:e,className:t}){return a.jsx("svg",{viewBox:"0 0 10 18",className:t,children:a.jsx("g",{id:"Symbols",stroke:"none",strokeWidth:"1",fillRule:"evenodd",children:a.jsx("path",{d:"M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z",id:"Shape-Copy",fill:e,transform:"translate(5, 9) rotate(-90) translate(-5, -9)"})})})}const Ea={element:Aa,id:"control-slider",name:"Slider",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/sliderImg.png"},defaultSize:{width:400,height:400},assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[{path:"settings.controls.arrowsImgUrl"}]},fontSettingsPaths:{content:[],parameters:[{path:"styles.imageCaption.fontSettings"}]},schema:{type:"object",properties:{settings:{type:"object",display:{type:"settings-block"},properties:{triggers:{title:"triggers",icon:"target",tooltip:"Triggers",type:"object",properties:{triggersList:{type:"object",display:{type:"toggle-ratio-group"},properties:{click:{type:"boolean"},drag:{type:"boolean"}}},autoPlay:{type:["string","null"],label:"Auto",display:{type:"step-selector"},enum:[null,"1s","2s","3s","4s","5s"]}}},direction:{icon:"horizontal-resize",tooltip:"Direction",type:"string",display:{type:"ratio-group"},enum:["horiz","vert"]},transition:{title:"transit",icon:"transition",tooltip:"Transition",type:"object",properties:{type:{type:"string",display:{type:"ratio-group"},enum:["slide","fade in"]},backgroundColor:{type:["string","null"],title:"BG Color",display:{visible:!1,type:"settings-color-picker",format:"single"}},duration:{type:"string",label:"icon:hourglass",display:{type:"step-selector"},enum:["100ms","250ms","500ms","1000ms","1500ms","2000ms"]}}},controls:{title:"controls",icon:"controls",tooltip:"Controls",type:"object",properties:{isActive:{type:"boolean",display:{type:"setting-toggle"}},arrowsImgUrl:{type:["string","null"],display:{type:"settings-image-input"}},offset:{type:"object",title:"Offset",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},scale:{type:"number",title:"scale",min:50,max:600,display:{type:"range-control"}},color:{title:"color",type:"string",display:{type:"settings-color-picker",format:"single"}},hover:{title:"hover",type:"string",display:{type:"settings-color-picker",format:"single"}},show:{title:"Show",type:"string",display:{type:"ratio-group"},enum:["always","on hover"]}}},pagination:{title:"nav",icon:"pagination",tooltip:"Navigation",type:"object",properties:{isActive:{type:"boolean",display:{type:"setting-toggle"}},position:{display:{type:"socket",direction:"horizontal"},type:"string",enum:["outside-1","outside-2","inside-1","inside-2"]},offset:{type:"object",title:"Offset",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},scale:{type:"number",title:"scale",min:10,max:400,display:{type:"range-control"}},colors:{display:{type:"settings-color-picker",format:"multiple"},title:"color",type:"array",items:{type:"string"}},hover:{title:"hover",type:"string",display:{type:"settings-color-picker",format:"single"}}}},imageCaption:{title:"Caption",icon:"text-icon",tooltip:"Caption",type:"object",properties:{isActive:{type:"boolean",display:{type:"setting-toggle"}},alignment:{type:"string",display:{type:"align-grid"},enum:["top-left","top-center","top-right","middle-left","middle-center","middle-right","bottom-left","bottom-center","bottom-right"]},offset:{type:"object",title:"Offset",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},linkColor:{title:"Link",type:"string",display:{type:"settings-color-picker",format:"single"}},linkHoverColor:{title:"Link Hov",type:"string",display:{type:"settings-color-picker",format:"single"}}}}},default:{triggers:{triggersList:{click:!1,drag:!0},autoPlay:null},controls:{isActive:!0,arrowsImgUrl:null,offset:{x:0,y:0},scale:100,color:"#000000",hover:"#cccccc",show:"always"},transition:{type:"slide",duration:"500ms",backgroundColor:null},pagination:{isActive:!0,scale:50,position:"outside-1",offset:{x:0,y:0},colors:["#cccccc","#cccccc","#000000"],hover:"#cccccc"},direction:"horiz",imageCaption:{offset:{x:0,y:0},isActive:!0,alignment:"middle-center",linkColor:"#cccccc",linkHoverColor:"#cccccc"}},displayRules:[{if:{name:"direction",value:"vert"},then:{name:"properties.pagination.properties.position.display.direction",value:"vertical"}},{if:{name:"transition.type",value:"fade in"},then:{name:"properties.transition.properties.backgroundColor.display.visible",value:!0}}]},content:{type:"array",settings:{addItemFromFileExplorer:!0},items:{type:"object",properties:{image:{type:"object",label:"Image",display:{type:"media-input"},properties:{url:{type:"string"},name:{type:"string"},objectFit:{type:"string",enum:["cover","contain"]}},required:["url","name"]},imageCaption:{placeholder:"Add Caption...",label:"Description",display:{type:"rich-text"}}},required:["image"]},default:[{image:{objectFit:"cover",url:"https://cdn.cntrl.site/component-assets/Control-slider-default-picture-1.png",name:"Slider-1.png"},imageCaption:[{type:"paragraph",children:[{text:""}]}]},{image:{objectFit:"cover",url:"https://cdn.cntrl.site/component-assets/Control-slider-default-picture-2.png",name:"Slider-2.png"},imageCaption:[{type:"paragraph",children:[{text:""}]}]},{image:{objectFit:"cover",url:"https://cdn.cntrl.site/component-assets/Control-slider-default-picture-3.png",name:"Slider-3.png"},imageCaption:[{type:"paragraph",children:[{text:""}]}]}]},styles:{type:"object",properties:{imageCaption:{dataName:"caption",type:"object",properties:{fontSettings:{type:"object",display:{type:"font-settings"},properties:{fontFamily:{type:"string"},fontWeight:{type:"number"},fontStyle:{type:"string"}}},widthSettings:{display:{type:"text-width-control"},type:"object",properties:{width:{type:"number"},sizing:{type:"string",enum:["auto","manual"]}}},fontSizeLineHeight:{type:"object",display:{type:"font-size-line-height"},properties:{fontSize:{type:"number"},lineHeight:{type:"number"}}},letterSpacing:{display:{type:"letter-spacing-input"},type:"number"},wordSpacing:{display:{type:"word-spacing-input"},type:"number"},textAlign:{display:{type:"text-align-control"},type:"string",enum:["left","center","right","justify"]},textAppearance:{display:{type:"text-appearance"},properties:{textTransform:{type:"string",enum:["none","uppercase","lowercase","capitalize"]},textDecoration:{type:"string",enum:["none","underline"]},fontVariant:{type:"string",enum:["normal","small-caps"]}}},color:{display:{type:"style-panel-color-picker"},type:"string"}}}},default:{imageCaption:{widthSettings:{width:.13,sizing:"auto"},fontSettings:{fontFamily:"Arial",fontWeight:400,fontStyle:"normal"},fontSizeLineHeight:{fontSize:.02,lineHeight:.02},letterSpacing:0,wordSpacing:0,textAlign:"left",textAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},color:"#000000"}}}},required:["settings","content","styles"]}},Ia="ImageRevealSlider-module__imageRevealSlider___UE5Ob",La="ImageRevealSlider-module__image___Qjt-e",Fa="ImageRevealSlider-module__link___N-iLG",ka="ImageRevealSlider-module__cursor___2U03d",gt={imageRevealSlider:Ia,image:La,link:Fa,cursor:ka};function Co(e,t,n){for(const o of n){const r=new Image;r.src=o.url;const l=o.width?Number.parseFloat(o.width):r.naturalWidth,i=r.naturalHeight/r.naturalWidth*l,c=l/2,p=i/2;if(e>=o.x-c&&e<=o.x+c&&t>=o.y-p&&t<=o.y+p)return!0}return!1}function _n(e){return new Promise(t=>{const n=new Image;n.src=e,n.onload=()=>{t({width:n.naturalWidth,height:n.naturalHeight})}})}async function Ra(e,t,n,o){let r,l;if(t==="custom"){r=n;const i=await _n(e);l=i.height/i.width*r}else if(t==="random"){r=Math.random()*(o.max-o.min)+o.min;const i=await _n(e);l=i.height/i.width*r}else{const i=await _n(e);r=i.width,l=i.height}return{width:r,height:l,finalWidth:`${r}px`}}function Ma({settings:e,content:t,isEditor:n}){const[o,r]=S.useState(null),[l,i]=S.useState([]),[c,p]=S.useState(0),m=S.useRef(0),[u,E]=S.useState({x:0,y:0}),[x,h]=S.useState(1),[d,g]=S.useState("none"),C=S.useRef({x:0,y:0}),[v,b]=S.useState(!1),{sizeType:A,imageWidth:j,randomRangeImageWidth:N}=e.imageSize,{revealPosition:$,visible:f}=e.position,{cursorType:F,target:P,defaultCursorScale:O,defaultCursor:R,hoverCursorScale:V,hoverCursor:W}=e.cursor;S.useEffect(()=>{if(!o)return;const y=(L,_)=>{const z=o.getBoundingClientRect(),Z=L-z.left,se=_-z.top;if(E({x:Z,y:se}),F==="system"){g("none"),h(1);return}const ie=Z,le=se,H=document.elementFromPoint(z.left+ie,z.top+le);if(H&&H.closest("a")){g("none"),h(1);return}const re=Co(ie,le,l)||P==="area"?{img:W??"none",scale:V}:{img:R??"none",scale:O};g(re.img),h(re.scale)},k=L=>{L.stopPropagation(),C.current={x:L.clientX,y:L.clientY},y(L.clientX,L.clientY)},I=()=>{v&&y(C.current.x,C.current.y)};return o.addEventListener("mousemove",k),window.addEventListener("scroll",I,!0),()=>{o.removeEventListener("mousemove",k),window.removeEventListener("scroll",I,!0)}},[o,v,u,F,P,W,R,V,O,l]),S.useEffect(()=>{v||(g("none"),h(0))},[v]);const K=async(y,k,I,L={})=>{const{width:_,height:z,finalWidth:Z}=await Ra(y.image.url,A,j,N);let se=0,ie=0;$==="same"?(se=k/2,ie=I/2):(se=L.x??Math.random()*k,ie=L.y??Math.random()*I);const le=Math.min(Math.max(se,_/2),k-_/2),H=Math.min(Math.max(ie,z/2),I-z/2);return{id:m.current++,url:y.image.url,link:y.link,name:y.image.name,x:le,y:H,width:Z}};S.useEffect(()=>{if(!o||t.length===0)return;const y=o.getBoundingClientRect(),k=y.width,I=y.height,L=[];(async()=>{const z=t[0],Z=await K(z,k,I);L.push(Z),i(L),p(1)})()},[A,j,N,$,o]),S.useEffect(()=>{f==="last One"&&i(y=>y.length>0?[y[y.length-1]]:[])},[f]);const G=async y=>{if(!o)return;const k=o.getBoundingClientRect(),I=y.clientX-k.left,L=y.clientY-k.top;if(P==="image"&&!Co(I,L,l))return;let _=0,z=0;$==="on Click"?(_=I,z=L):$==="same"?(_=k.width/2,z=k.height/2):(_=Math.random()*k.width,z=Math.random()*k.height);const Z=t[c],se=await K(Z,k.width,k.height,{x:_,y:z});i(ie=>f==="all"?[...ie,se]:[se]),p(ie=>ie>=t.length-1?0:ie+1)};return a.jsxs("div",{ref:r,onClick:G,onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1),className:gt.imageRevealSlider,style:{cursor:d==="none"?"default":"none"},children:[l.map(y=>a.jsx("div",{className:gt.wrapper,style:{top:`${y.y}px`,left:`${y.x}px`,position:"absolute",transform:"translate(-50%, -50%)",width:y.width??"auto",height:"auto",cursor:d==="none"?"default":"none"},children:P==="area"&&y.link?a.jsx("a",{href:y.link,target:"_blank",className:gt.link,children:a.jsx("img",{src:y.url,alt:y.name,className:gt.image},y.id)}):a.jsx("img",{src:y.url,alt:y.name,className:gt.image},y.id)},y.id)),v&&a.jsx("div",{className:gt.cursor,style:{left:`${u.x}px`,top:`${u.y}px`,transform:`translate(-50%, -50%) scale(${x})`,backgroundImage:`url('${d}')`,backgroundSize:"cover",backgroundPosition:"center",position:"absolute",pointerEvents:"none"}})]})}const Pa={element:Ma,id:"control-image-reveal",name:"Click Gallery",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/clickGalleryImg.png"},defaultSize:{width:"100%",height:"100%"},assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[{path:"settings.cursor.defaultCursor"},{path:"settings.cursor.hoverCursor"}]},fontSettingsPaths:{content:[],parameters:[]},schema:{type:"object",properties:{settings:{type:"object",display:{type:"settings-block"},properties:{imageSize:{title:"IMG SIZE",icon:"size",tooltip:"IMG SIZE",type:"object",properties:{sizeType:{type:"string",display:{type:"ratio-group"},enum:["as Is","custom","random"]},imageWidth:{type:"number",label:"W",display:{type:"numeric-input",visible:!1}},randomRangeImageWidth:{type:"object",display:{type:"random-range-controls",visible:!1},properties:{min:{type:"number"},max:{type:"number"}}}}},cursor:{title:"cursor",icon:"cursor",tooltip:"cursor",type:"object",properties:{cursorType:{type:"string",display:{type:"ratio-group"},enum:["system","custom"]},target:{type:"string",title:"Target",display:{type:"ratio-group"},enum:["area","image"]},defaultCursor:{type:["string","null"],title:"Default",display:{type:"settings-image-input",visible:!1}},defaultCursorScale:{type:"number",title:"Scale",min:1,max:5,step:.1,display:{type:"range-control",visible:!1}},hoverCursor:{type:["string","null"],title:"Hover",display:{type:"settings-image-input",visible:!1}},hoverCursorScale:{type:"number",title:"Scale",min:1,max:5,step:.1,display:{type:"range-control",visible:!1}}}},position:{title:"position",icon:"transition",tooltip:"Position",type:"object",properties:{revealPosition:{type:"string",display:{type:"ratio-group"},enum:["random","same","on Click"]},visible:{type:"string",title:"Visible",display:{type:"ratio-group"},enum:["all","last One"]}}}},default:{imageSize:{sizeType:"custom",imageWidth:500,randomRangeImageWidth:{min:100,max:1e3}},cursor:{cursorType:"system",target:"area",defaultCursor:null,defaultCursorScale:2,hoverCursor:null,hoverCursorScale:2},position:{revealPosition:"random",visible:"all"}},displayRules:[{if:{name:"imageSize.sizeType",value:"custom"},then:{name:"properties.imageSize.properties.imageWidth.display.visible",value:!0}},{if:{name:"imageSize.sizeType",value:"random"},then:{name:"properties.imageSize.properties.randomRangeImageWidth.display.visible",value:!0}},{if:[{name:"cursor.target",value:"image"},{name:"cursor.cursorType",value:"custom"}],then:{name:"properties.cursor.properties.defaultCursor.display.visible",value:!0}},{if:[{name:"cursor.target",value:"image"},{name:"cursor.cursorType",value:"custom"},{name:"cursor.defaultCursor",value:null,isNotEqual:!0}],then:{name:"properties.cursor.properties.defaultCursorScale.display.visible",value:!0}},{if:{name:"cursor.cursorType",value:"custom"},then:{name:"properties.cursor.properties.hoverCursor.display.visible",value:!0}},{if:[{name:"cursor.cursorType",value:"custom"},{name:"cursor.hoverCursor",value:null,isNotEqual:!0}],then:{name:"properties.cursor.properties.hoverCursorScale.display.visible",value:!0}}]},content:{type:"array",settings:{addItemFromFileExplorer:!0},items:{type:"object",properties:{image:{type:"object",label:"Image",display:{isObjectFitEditable:!1,type:"media-input"},properties:{url:{type:"string"},name:{type:"string"},objectFit:{type:"string",enum:["cover","contain"]}},required:["url","name"]},link:{label:"URL",placeholder:"Enter link...",display:{type:"text-input"}}},required:["image"]},default:[{image:{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7ERQK9211QXBE9W284ZNKB8.png",name:"Slider-1.png"},link:""},{image:{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7ERQMFT72JD18WKP0Q2DVAT.png",name:"Slider-2.png"},link:""},{image:{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7ERQNEVRXPSRX5K1YTMJQY9.png",name:"Slider-3.png"},link:""},{image:{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7ERQP84JKRDT7WNWDQZR4Y9.png",name:"Slider-4.png"},link:""}]}}}},Wa="LightBox-module__hidden___9s-9x",za="LightBox-module__heroImage___sTxNF",Ha="LightBox-module__background___rm9ml",Va="LightBox-module__editor___4ACaY",Na="LightBox-module__contentStyle___Bgnsq",Oa="LightBox-module__imageStyle___tLIlB",ja="LightBox-module__imgWrapper___LuFUp",Ba="LightBox-module__contain___8-yaS",Da="LightBox-module__cover___hNvOG",Ua="LightBox-module__caption___b6L2I",qa="LightBox-module__captionTextInner___rCGNH",Ga="LightBox-module__lightboxSplide___XFuWC",Ya="LightBox-module__arrow___iz38X",Xa="LightBox-module__arrowVertical___Zfz81",Ka="LightBox-module__nextArrow___zkAQN",Ja="LightBox-module__arrowInner___p48sW",Za="LightBox-module__arrowIcon___3VaFf",Qa="LightBox-module__arrowImg___pNV88",el="LightBox-module__mirror___pjeXc",tl="LightBox-module__thumbsWrapper___GB-nU",nl="LightBox-module__thumbsContainerVertical___wttk5",ol="LightBox-module__thumbsContainer___osSma",rl="LightBox-module__thumbsAlignStart___MO6tY",il="LightBox-module__thumbsAlignCenter___Q4sUx",al="LightBox-module__thumbsAlignEnd___p4y9R",ll="LightBox-module__thumbItem___HvnF3",sl="LightBox-module__closeButton___g2khP",cl="LightBox-module__fadeIn___0m5GW",ul="LightBox-module__slideInLeft___gPYwC",pl="LightBox-module__slideInRight___S-pPp",dl="LightBox-module__slideInTop___DFdAj",gl="LightBox-module__slideInBottom___m27kZ",ml="LightBox-module__fadeOut___55qBR",fl="LightBox-module__slideOutLeft___NvU7P",yl="LightBox-module__slideOutRight___SK7eC",hl="LightBox-module__slideOutTop___Vgg0z",vl="LightBox-module__slideOutBottom___nJ0Ef",bl="LightBox-module__scaleSlide___vZriG",q={hidden:Wa,heroImage:za,background:Ha,editor:Va,contentStyle:Na,imageStyle:Oa,imgWrapper:ja,contain:Ba,cover:Da,caption:Ua,captionTextInner:qa,lightboxSplide:Ga,arrow:Ya,arrowVertical:Xa,nextArrow:Ka,arrowInner:Ja,arrowIcon:Za,arrowImg:Qa,mirror:el,thumbsWrapper:tl,thumbsContainerVertical:nl,thumbsContainer:ol,thumbsAlignStart:rl,thumbsAlignCenter:il,thumbsAlignEnd:al,thumbItem:ll,closeButton:sl,fadeIn:cl,slideInLeft:ul,slideInRight:pl,slideInTop:dl,slideInBottom:gl,fadeOut:ml,slideOutLeft:fl,slideOutRight:yl,slideOutTop:hl,slideOutBottom:vl,scaleSlide:bl},Xt=(e,t,n)=>{const o={},[r,l]=e.split("-");return r==="top"?(o.top="0",o.bottom="auto"):r==="middle"?(o.top="50%",o.bottom="auto"):r==="bottom"&&(o.top="auto",o.bottom="0"),l==="left"?(o.left="0",o.right="auto"):l==="center"?(o.left="50%",o.right="auto"):l==="right"&&(o.left="auto",o.right="0"),r==="middle"&&l==="center"?o.transform=`translate(calc(-50% + ${w.scalingValue(t.x,n)}), calc(-50% + ${w.scalingValue(t.y,n)}))`:r==="middle"?o.transform=`translate(${w.scalingValue(t.x,n)}, calc(-50% + ${w.scalingValue(t.y,n)}))`:l==="center"?o.transform=`translate(calc(-50% + ${w.scalingValue(t.x,n)}), ${w.scalingValue(t.y,n)})`:o.transform=`translate(${w.scalingValue(t.x,n)}, ${w.scalingValue(t.y,n)})`,o};function gr(e){const t=window.getComputedStyle(e);return{top:parseFloat(t.paddingTop)||0,right:parseFloat(t.paddingRight)||0,bottom:parseFloat(t.paddingBottom)||0,left:parseFloat(t.paddingLeft)||0}}function wo(e){const t=e.getBoundingClientRect(),n=gr(e),o=Math.max(0,t.width-n.left-n.right),r=Math.max(0,t.height-n.top-n.bottom),l=e.naturalWidth,i=e.naturalHeight,c=o/r,p=l/i;let m,u;p>c?(m=o,u=o/p):(u=r,m=r*p);const E=t.left+n.left,x=t.top+n.top,h=(o-m)/2+E,d=(r-u)/2+x;return{x:h,y:d,width:m,height:u}}function To(e){const t=e.getBoundingClientRect(),n=gr(e);return{left:t.left+n.left,right:t.right-n.right,top:t.top+n.top,bottom:t.bottom-n.bottom}}function _o(e){const t=e.match(/rgba?\(([^)]+)\)/);if(t){const o=t[1].split(",").map(r=>parseFloat(r.trim()));return o.length===4?o[3]:1}const n=e.match(/^#([0-9a-fA-F]{8})$/);if(n){const o=n[1].substring(6,8);return parseInt(o,16)/255}return e.match(/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/),1}function xl(e,t){const n=(()=>{if(e==="fade in")return q.fadeIn;if(e==="slide in"||e==="mix")switch(t){case"left":return q.slideInLeft;case"right":return q.slideInRight;case"top":return q.slideInTop;case"bottom":return q.slideInBottom;default:return q.slideInRight}return q.fadeIn})(),o=(()=>{if(e==="fade in"||e==="mix")return q.fadeIn;if(e==="slide in")switch(t){case"left":return q.slideInLeft;case"right":return q.slideInRight;case"top":return q.slideInTop;case"bottom":return q.slideInBottom;default:return q.slideInRight}return q.fadeIn})(),r=(()=>{if(e==="fade in"||e==="mix")return q.fadeOut;if(e==="slide in")switch(t){case"left":return q.slideOutLeft;case"right":return q.slideOutRight;case"top":return q.slideOutTop;case"bottom":return q.slideOutBottom;default:return q.slideOutRight}return q.fadeOut})(),l=(()=>{if(e==="fade in")return q.fadeOut;if(e==="slide in"||e==="mix")switch(t){case"left":return q.slideOutLeft;case"right":return q.slideOutRight;case"top":return q.slideOutTop;case"bottom":return q.slideOutBottom;default:return q.slideOutRight}return q.fadeOut})();return{appearClass:n,backdropAppearClass:o,backdropDisappearClass:r,disappearClass:l}}const Sl=({settings:e,content:t,styles:n,portalId:o,activeEvent:r,isEditor:l})=>{const[i,c]=S.useState(!1),{url:p}=e.thumbnailBlock.cover;return S.useEffect(()=>{r==="close"&&c(!1),r==="open"&&c(!0)},[r]),a.jsxs(a.Fragment,{children:[a.jsx("img",{src:p,alt:"Cover",className:q.heroImage,onClick:()=>c(!0)}),a.jsx(Cl,{isOpen:i,onClose:()=>c(!1),content:t,settings:e,lightboxStyles:n,portalId:o,isEditor:l})]})},Cl=({isOpen:e,onClose:t,content:n,lightboxStyles:o,settings:r,portalId:l,isEditor:i,metadata:c})=>{var D;const[p,m]=S.useState(0),[u,E]=S.useState(0),[x,h]=S.useState(!1),[d,g]=S.useState(!1),[C,v]=S.useState({}),b=S.useRef(null),A=S.useRef(null),j=S.useRef(null),N=S.useRef(!1),$=S.useRef(null),f=S.useRef(null),F=S.useRef(null),P=S.useRef(null),O=S.useRef(!1),R=S.useRef(null),[V,W]=S.useState(!1),{appear:K,triggers:G,slider:y,thumbnail:k,controls:I,area:L,caption:_,layout:z}=r.lightboxBlock,{appearClass:Z,backdropAppearClass:se,backdropDisappearClass:ie,disappearClass:le}=xl(K.type,K.direction),H=(c==null?void 0:c.itemId)??null;S.useEffect(()=>{const s=()=>{setTimeout(()=>{var Y,ee;(ee=(Y=b.current)==null?void 0:Y.splide)==null||ee.refresh()},16)},M=()=>{E(Y=>Y+1)};return window.addEventListener("ArticleEditor.Layout:change",s),window.addEventListener("ArticleEditor.ComponentContent:change",M),()=>{window.removeEventListener("ArticleEditor.Layout:change",s),window.removeEventListener("ArticleEditor.ComponentContent:change",M)}},[]),S.useEffect(()=>{if(!e||!k.isActive){W(!1);return}const s=R.current;if(!s)return;const M=()=>{y.direction==="horiz"?W(s.scrollWidth>s.clientWidth):W(s.scrollHeight>s.clientHeight)};M();const Y=new ResizeObserver(M);return Y.observe(s),()=>Y.disconnect()},[e,k.isActive,n.length,C,y.direction]);const re=S.useCallback(()=>{const s=window.matchMedia("(max-width: 768px)").matches,M=_o(L.color);s&&!i&&M>.9&&(document.body.style.backgroundColor=""),h(!0),N.current=!0;const Y=ee=>{ee.target===$.current&&ee.animationName&&($.current&&f.current&&$.current.removeEventListener("animationend",f.current),f.current=null,N.current&&(N.current=!1,t()),h(!1))};$.current&&(f.current=Y,$.current.addEventListener("animationend",Y))},[t,L.color,i]),de=(s,M,Y)=>{var ee,ne;if(s){if(G.type==="click"&&G.switch==="image")G.repeat==="close"&&p===n.length-1?re():(ee=b.current)==null||ee.go("+1");else if(G.type==="click"&&G.switch==="50/50"){const oe=s.getBoundingClientRect(),T=M-oe.left,U=Y-oe.top,B=oe.width,X=oe.height;let Q;y.direction==="horiz"?Q=T<B/2?"-1":"+1":Q=U<X/2?"-1":"+1",(ne=b.current)==null||ne.go(Q)}}},ce=s=>{if(O.current){O.current=!1;return}const M=n[p],Y=(M==null?void 0:M.image.objectFit)==="cover";let ee,ne;if("changedTouches"in s&&s.changedTouches.length>0)ee=s.changedTouches[0].clientX,ne=s.changedTouches[0].clientY;else if("clientX"in s)ee=s.clientX,ne=s.clientY;else return;let oe;if(Y&&j.current){const T=To(j.current);oe=ee>=T.left&&ee<=T.right&&ne>=T.top&&ne<=T.bottom}else{const T=j.current?wo(j.current):null;if(!T){s.target===s.currentTarget&&re();return}oe=ee>=T.x&&ee<=T.x+T.width&&ne>=T.y&&ne<=T.y+T.height}oe?de(j.current,ee,ne):re()},ye=s=>{const M=s.target;(M.classList.contains(q.thumbsWrapper)||M.classList.contains(q.thumbsContainer))&&ce(s)};S.useEffect(()=>{if(!e)return;const s=M=>{var Y,ee;if(M.key==="Escape"){re();return}if(M.key==="ArrowRight"){m(ne=>(ne+1)%Math.max(n.length,1)),(Y=b.current)==null||Y.go("+1");return}M.key==="ArrowLeft"&&(m(ne=>(ne-1+Math.max(n.length,1))%Math.max(n.length,1)),(ee=b.current)==null||ee.go("-1"))};return window.addEventListener("keydown",s),()=>{window.removeEventListener("keydown",s)}},[e,re,n.length]),S.useEffect(()=>{if(e){if(m(0),E(M=>M+1),N.current=!1,h(!1),g(!1),v({}),!H)return;const s=new CustomEvent("page-overlay",{detail:{itemId:H}});window.dispatchEvent(s)}return()=>{$.current&&f.current&&($.current.removeEventListener("animationend",f.current),f.current=null),g(!1)}},[e,H]),S.useEffect(()=>{A.current!==null&&A.current!==y.type&&E(s=>s+1),A.current=y.type},[y.type]),S.useEffect(()=>{if(!e)return;const s=document.body.style.overflow,M=window.matchMedia("(max-width: 768px)").matches,Y=_o(L.color);document.body.style.overflow="hidden",g(!1);const ee=oe=>{oe.target===$.current&&!N.current&&oe.animationName&&(M&&!i&&Y>.9&&(document.body.style.backgroundColor=L.color),g(!0),$.current&&F.current&&$.current.removeEventListener("animationend",F.current),F.current=null)};$.current&&(F.current=ee,$.current.addEventListener("animationend",ee));const ne=oe=>{const T=oe.target;T&&(T.closest(`.${q.thumbsWrapper}`)||T.closest(`.${q.thumbsContainer}`))||y.type!=="slide"&&oe.preventDefault()};return document.addEventListener("touchmove",ne,{passive:!1}),()=>{document.body.style.overflow=s,document.removeEventListener("touchmove",ne),$.current&&F.current&&($.current.removeEventListener("animationend",F.current),F.current=null),g(!1)}},[e,i,L.color,y.type]),S.useEffect(()=>{if(!e)return;const s=M=>{var ee,ne;if(N.current){M.stopPropagation();return}if(O.current){O.current=!1;return}const Y=M.target;if(!(Y&&(Y.closest(`.${q.thumbsContainer}`)||Y.closest(`.${q.thumbItem}`)))){if(y.type==="slide"&&G.type==="drag"&&((ne=(ee=b.current)==null?void 0:ee.splide)!=null&&ne.root)){const oe=b.current.splide.root;if(Y&&(oe.contains(Y)||oe===Y))return}if(M.touches.length===0&&M.changedTouches.length>0){const oe=n[p],T=(oe==null?void 0:oe.image.objectFit)==="cover",U=M.changedTouches[0];let B;if(T&&j.current){const X=To(j.current);B=U.clientX>=X.left&&U.clientX<=X.right&&U.clientY>=X.top&&U.clientY<=X.bottom}else{const X=j.current?wo(j.current):null;if(!X)return;B=U.clientX>=X.x&&U.clientX<=X.x+X.width&&U.clientY>=X.y&&U.clientY<=X.y+X.height}if(!B){M.stopPropagation(),N.current=!0;const X=Q=>{Q.stopPropagation(),Q.preventDefault(),document.removeEventListener("click",X,!0)};document.addEventListener("click",X,!0),re()}}}};return document.addEventListener("touchend",s,{passive:!0}),()=>{document.removeEventListener("touchend",s)}},[e,re,p,n]);const ve=(y.type==="scale"||y.type==="fade")&&y.direction==="vert"&&G.type==="drag";S.useEffect(()=>{var Q,pe;if(!e||!ve||!((pe=(Q=b.current)==null?void 0:Q.splide)!=null&&pe.root))return;const s=b.current.splide.root,M=30,Y=(J,ue)=>{if(P.current){const ge=Math.abs(J-P.current.x),Te=Math.abs(ue-P.current.y);(ge>0||Te>0)&&(O.current=!0)}},ee=J=>{P.current&&(J.preventDefault(),Y(J.clientX,J.clientY))},ne=J=>{P.current&&J.touches.length>0&&(J.preventDefault(),Y(J.touches[0].clientX,J.touches[0].clientY))},oe=(J,ue)=>{if(!P.current||!b.current){P.current=null;return}const ge=Math.abs(J-P.current.x),Te=Math.abs(ue-P.current.y);Te>M&&Te>ge&&b.current.go(ue<P.current.y?"+1":"-1"),P.current=null},T=J=>{P.current&&oe(J.clientX,J.clientY),document.removeEventListener("pointerup",T),document.removeEventListener("pointercancel",T),document.removeEventListener("pointermove",ee)},U=J=>{if(P.current){if(J.changedTouches.length>0){const ue=J.changedTouches[0];oe(ue.clientX,ue.clientY)}document.removeEventListener("touchend",U),document.removeEventListener("touchcancel",U),document.removeEventListener("touchmove",ne)}},B=J=>{P.current={x:J.clientX,y:J.clientY},O.current=!1,document.addEventListener("pointermove",ee,{passive:!1}),document.addEventListener("pointerup",T),document.addEventListener("pointercancel",T)},X=J=>{J.touches.length>0&&(P.current={x:J.touches[0].clientX,y:J.touches[0].clientY},O.current=!1,document.addEventListener("touchmove",ne,{passive:!1}),document.addEventListener("touchend",U),document.addEventListener("touchcancel",U))};return s.addEventListener("pointerdown",B),s.addEventListener("touchstart",X),()=>{s.removeEventListener("pointerdown",B),s.removeEventListener("touchstart",X),document.removeEventListener("pointermove",ee),document.removeEventListener("pointerup",T),document.removeEventListener("pointercancel",T),document.removeEventListener("touchmove",ne),document.removeEventListener("touchend",U),document.removeEventListener("touchcancel",U),P.current=null,O.current=!1}},[e,ve,u]);const $e={backgroundColor:L.color,backdropFilter:`blur(${L.blur}px)`,animationDuration:`${parseInt(K.duration)}ms`,animationTimingFunction:"ease",animationFillMode:"both"};return typeof document>"u"||!document.getElementById(l)?null:br.createPortal(a.jsxs(a.Fragment,{children:[a.jsx("div",{ref:i?null:$,className:me(q.background,x?ie:se,{[q.editor]:i},{[q.hidden]:!e}),style:{...$e,...d&&!i&&!x?{position:"absolute"}:{}}}),a.jsxs("div",{ref:i?$:null,className:me(q.contentStyle,x?le:Z,{[q.editor]:i},{[q.hidden]:!e}),style:{animationDuration:`${parseInt(K.duration)}ms`,animationTimingFunction:"ease",animationFillMode:"both"},children:[a.jsx(pr,{onMove:s=>m(s.index),ref:b,className:q.lightboxSplide,options:{arrows:!1,speed:y.duration?parseInt(y.duration):500,direction:y.direction==="horiz"||y.type==="fade"||y.type==="scale"?"ltr":"ttb",pagination:!1,drag:G.type==="drag"&&!ve,perPage:1,width:"100%",height:"100%",type:y.type==="fade"||y.type==="scale"?"fade":"loop",padding:0,rewind:G.repeat!=="close",start:0},style:{"--splide-speed":y.duration},children:n.map((s,M)=>{const Y=Xt(z.position,z.offset,i),ee=`${w.scalingValue(z.padding.top,i)} ${w.scalingValue(z.padding.right,i)} ${w.scalingValue(z.padding.bottom,i)} ${w.scalingValue(z.padding.left,i)}`,ne=y.type==="scale"?(()=>{const{transform:oe,...T}=Y;return{...T,position:"absolute",padding:ee,boxSizing:"border-box","--position-transform":oe||"none"}})():{...Y,position:"absolute",padding:ee,boxSizing:"border-box"};return a.jsx(dr,{children:a.jsx("div",{className:q.imgWrapper,onClick:ce,children:a.jsx("img",{ref:M===p?j:null,className:me(q.imageStyle,{[q.contain]:s.image.objectFit==="contain",[q.cover]:s.image.objectFit==="cover",[q.scaleSlide]:y.type==="scale"}),src:s.image.url,alt:s.image.name??"",style:{...ne,pointerEvents:s.image.objectFit==="contain"?"none":"auto"}})})},M)})},u),I.isActive&&a.jsxs(a.Fragment,{children:[a.jsx("div",{className:me(q.arrow,{[q.arrowVertical]:y.direction==="vert"}),style:{color:I.color,"--arrow-hover-color":I.hover},children:a.jsxs("button",{className:q.arrowInner,style:{transform:`translate(${w.scalingValue(I.offset.x,i)}, ${w.scalingValue(I.offset.y*(y.direction==="horiz"?1:-1),i)}) scale(${I.scale}) rotate(${y.direction==="horiz"?"0deg":"90deg"})`},onClick:()=>{var s;return(s=b.current)==null?void 0:s.go("-1")},"aria-label":"Previous",children:[I.arrowsImgUrl&&a.jsx(tt,{url:I.arrowsImgUrl,fill:I.color,hoverFill:I.hover,className:me(q.arrowImg,q.mirror)}),!I.arrowsImgUrl&&a.jsx($o,{color:I.color,className:me(q.arrowIcon,q.arrowImg,q.mirror)})]})}),a.jsx("div",{className:me(q.arrow,q.nextArrow,{[q.arrowVertical]:y.direction==="vert"}),style:{color:I.color,"--arrow-hover-color":I.hover},children:a.jsxs("button",{className:q.arrowInner,style:{transform:`translate(${w.scalingValue(I.offset.x*(y.direction==="horiz"?-1:1),i)}, ${w.scalingValue(I.offset.y,i)}) scale(${I.scale}) rotate(${y.direction==="horiz"?"0deg":"90deg"})`},onClick:()=>{var s;return(s=b.current)==null?void 0:s.go("+1")},"aria-label":"Next",children:[I.arrowsImgUrl&&a.jsx(tt,{url:I.arrowsImgUrl,fill:I.color,hoverFill:I.hover,className:q.arrowImg}),!I.arrowsImgUrl&&a.jsx($o,{color:I.color,className:me(q.arrowIcon,q.arrowImg)})]})})]}),L.closeIconUrl&&(()=>{const s=Xt(L.closeIconAlign,L.closeIconOffset,i),M=`scale(${L.closeIconScale})`,Y=s.transform?`${s.transform} ${M}`:M;return a.jsx("button",{className:q.closeButton,style:{...s,transform:Y},onClick:re,"aria-label":"Close lightbox",children:a.jsx(tt,{url:L.closeIconUrl,fill:L.closeIconColor??"#000000",hoverFill:L.closeIconHover??"#cccccc"})})})(),_&&_.isActive&&o.imageCaption&&((D=n[p])==null?void 0:D.imageCaption)&&(()=>{const{widthSettings:s,fontSettings:M,letterSpacing:Y,textAlign:ee,wordSpacing:ne,fontSizeLineHeight:oe,textAppearance:T,color:U}=o.imageCaption;return a.jsx("div",{className:q.caption,style:{...Xt(_.alignment,_.offset,i),fontFamily:M.fontFamily,fontWeight:M.fontWeight,fontStyle:M.fontStyle,width:s.sizing==="auto"?"max-content":w.scalingValue(s.width,i),letterSpacing:w.scalingValue(Y,i),wordSpacing:w.scalingValue(ne,i),textAlign:ee,fontSize:w.scalingValue(oe.fontSize,i),lineHeight:w.scalingValue(oe.lineHeight,i),textTransform:T.textTransform??"none",textDecoration:T.textDecoration??"none",fontVariant:T.fontVariant??"normal",color:U},onClick:B=>B.stopPropagation(),children:a.jsx("div",{"data-styles":"imageCaption",className:q.captionTextInner,style:{"--link-color":_.linkColor,"--link-hover-color":_.linkHoverColor},children:a.jsx(zt,{content:n[p].imageCaption})})})})(),k.isActive&&(()=>{const[s,M]=k.position.split("-"),Y=y.direction==="horiz"?`${s}-left`:k.position,ee=Xt(Y,k.offset,i),ne=()=>{if(y.direction==="horiz"){if(M==="left")return"flex-start";if(M==="center")return"center";if(M==="right")return"flex-end"}else{if(s==="top")return"flex-start";if(s==="middle")return"center";if(s==="bottom")return"flex-end"}return"flex-start"};return a.jsx("div",{ref:R,className:q.thumbsWrapper,onClick:oe=>ye(oe),style:{position:i?"absolute":"fixed",...ee,...y.direction==="horiz"?{maxWidth:"100vw",width:"100%",overflowX:"auto",overflowY:"hidden"}:{maxHeight:"100vh",overflowY:"auto",overflowX:"hidden"}},children:a.jsx("div",{className:me(q.thumbsContainer,{[q.thumbsContainerVertical]:y.direction==="vert",[q.thumbsAlignStart]:k.align==="start",[q.thumbsAlignCenter]:k.align==="center",[q.thumbsAlignEnd]:k.align==="end"}),style:{gap:w.scalingValue(k.grid.gap,i),justifyContent:V?"flex-start":ne()},children:n.map((oe,T)=>{const U=T===p,B=C[T],Q=k.grid.size*(U?k.activeState.scale:1),pe=()=>{if(k.fit!=="fit")return{};if(!B)return y.direction==="horiz"?{height:w.scalingValue(Q,i)}:{width:w.scalingValue(Q,i)};const J=B.width/B.height;if(y.direction==="horiz"){const ue=Q,ge=ue*J;return{width:w.scalingValue(ge,i),height:w.scalingValue(ue,i)}}else{const ue=Q,ge=ue/J;return{width:w.scalingValue(ue,i),height:w.scalingValue(ge,i)}}};return a.jsx("button",{className:q.thumbItem,style:{...y.direction==="horiz"&&k.fit!=="fit"?{height:w.scalingValue(Q,i)}:{},...y.direction==="vert"&&k.fit!=="fit"?{width:w.scalingValue(Q,i)}:{},...k.fit==="cover"?{width:w.scalingValue(Q,i),height:w.scalingValue(Q,i)}:{},...pe(),transition:U?"all 0.25s ease-out":"none",opacity:U?k.activeState.opacity/100:k.opacity/100,"--thumb-hover":k.activeState.opacity/100},onClick:J=>{var ue;J.stopPropagation(),m(T),(ue=b.current)==null||ue.go(T)},onMouseEnter:()=>{var J;k.triggers==="hov"&&((J=b.current)==null||J.go(T))},children:a.jsx("img",{src:oe.image.url,alt:oe.image.name??"",onLoad:J=>{const ue=J.currentTarget;ue.naturalWidth&&ue.naturalHeight&&v(ge=>({...ge,[T]:{width:ue.naturalWidth,height:ue.naturalHeight}}))},style:{objectFit:k.fit==="cover"?"cover":"contain",...k.fit==="fit"?{maxWidth:"100%",maxHeight:"100%",objectFit:"contain"}:{},...k.fit==="cover"?{width:"100%",height:"100%"}:{}}})},`${oe.image.name}-${T}`)})})})})()]})]}),document.getElementById(l))};function $o({color:e,className:t}){return a.jsx("svg",{viewBox:"0 0 10 18",className:t,children:a.jsx("g",{id:"Symbols",stroke:"none",strokeWidth:"1",fillRule:"evenodd",children:a.jsx("path",{d:"M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z",id:"Shape-Copy",fill:e,transform:"translate(5, 9) rotate(-90) translate(-5, -9)"})})})}const wl={element:Sl,id:"lightbox",name:"Lightbox",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/lightboxImg.png"},defaultSize:{width:440,height:550},fontSettingsPaths:{content:[],parameters:[{path:"styles.imageCaption.fontSettings"}]},assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[{path:"settings.thumbnailBlock.cover.url",placeholderEnabled:!0},{path:"settings.controls.arrowsImgUrl"},{path:"settings.area.closeIconUrl"}]},schema:{type:"object",properties:{settings:{type:"object",properties:{thumbnailBlock:{display:{type:"settings-block",triggerEvent:"close"},type:"object",properties:{cover:{title:"COVER",icon:"cover",tooltip:"Cover Image",type:"object",properties:{url:{type:"string",display:{type:"cover-image-input"}}}}}},lightboxBlock:{display:{type:"settings-block",triggerEvent:"open"},type:"object",properties:{appear:{title:"APPEAR",icon:"transition",tooltip:"Appearance",type:"object",properties:{type:{type:"string",display:{type:"ratio-group"},enum:["slide in","fade in","mix"]},duration:{type:"string",label:"T",display:{type:"step-selector"},enum:["100ms","250ms","500ms","1000ms","1500ms","2000ms"]},direction:{type:"string",title:"From",display:{type:"direction-control"},enum:["top","left","right","bottom"]}}},triggers:{title:"TRIGGERS",icon:"target",tooltip:"Triggers",type:"object",properties:{type:{type:"string",display:{type:"ratio-group"},enum:["click","drag"]},switch:{type:"string",display:{type:"ratio-group"},enum:["image","50/50"]},repeat:{type:"string",title:"Repeat",display:{visible:!1,type:"ratio-group"},enum:["close","loop"]}}},slider:{title:"SLIDER",icon:"horizontal-resize",tooltip:"Slider",type:"object",properties:{type:{type:"string",display:{type:"ratio-group"},enum:["slide","fade","scale"]},direction:{type:"string",display:{type:"ratio-group"},enum:["horiz","vert"]},duration:{type:"string",label:"T",display:{type:"step-selector"},enum:["100ms","250ms","500ms","1000ms","1500ms","2000ms"]}}},thumbnail:{title:"THUMB",icon:"thumbnail",tooltip:"Thumbnail",type:"object",properties:{isActive:{type:"boolean",display:{type:"setting-toggle"}},position:{display:{type:"align-grid"},type:"string",enum:["top-left","top-center","top-right","middle-left","middle-center","middle-right","bottom-left","bottom-center","bottom-right"]},fit:{type:"string",display:{type:"ratio-group"},enum:["cover","fit"]},align:{type:"string",title:"Align",display:{type:"align-group",direction:"horizontal"},enum:["start","center","end"]},triggers:{type:"string",title:"Triggers",display:{type:"ratio-group",direction:"horizontal"},enum:["clk","hov"]},grid:{type:"object",title:"Grid",display:{type:"group"},properties:{size:{type:"number",label:"Box",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},gap:{type:"number",label:"Gap",scalingEnabled:!0,min:0,display:{type:"numeric-input"}}}},offset:{type:"object",title:"Offset",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},opacity:{type:"number",title:"Opacity",label:"icon:opacity",min:0,max:100,step:1,display:{type:"numeric-input"}},activeState:{type:"object",title:"ACTIVE",display:{type:"group"},properties:{scale:{type:"number",title:"Scale",min:1,max:5,step:.1,display:{type:"range-control"}},opacity:{type:"number",title:"Opacity",label:"icon:opacity",min:0,max:100,step:1,display:{type:"numeric-input"}}}}}},layout:{title:"LAYOUT",icon:"layout",tooltip:"Layout",type:"object",properties:{position:{display:{type:"align-grid"},type:"string",enum:["top-left","top-center","top-right","middle-left","middle-center","middle-right","bottom-left","bottom-center","bottom-right"]},offset:{type:"object",title:"Offset",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},padding:{type:"object",title:"Padding",display:{type:"padding-controls"},properties:{top:{min:0,step:1,type:"number"},left:{min:0,step:1,type:"number"},right:{min:0,step:1,type:"number"},bottom:{min:0,step:1,type:"number"}}}}},controls:{title:"CONTROLS",icon:"controls",tooltip:"Controls",type:"object",properties:{isActive:{type:"boolean",display:{type:"setting-toggle"}},arrowsImgUrl:{type:["string","null"],display:{type:"settings-image-input"}},offset:{title:"Offset",type:"object",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},scale:{type:"number",title:"Scale",min:.5,max:5,step:.1,display:{type:"range-control"}},color:{title:"Color",type:"string",display:{type:"settings-color-picker",format:"single"}},hover:{title:"Hover",type:"string",display:{type:"settings-color-picker",format:"single"}}}},area:{title:"AREA",icon:"area",tooltip:"Area",type:"object",properties:{color:{type:"string",display:{type:"settings-color-picker",format:"single"}},blur:{type:"number",label:"icon:blur",display:{type:"numeric-input"}},closeIconUrl:{type:["string","null"],title:"Close Icon",display:{type:"settings-image-input"}},closeIconAlign:{display:{type:"align-grid",direction:"horizontal"},type:"string",enum:["top-left","top-center","top-right","middle-left","middle-center","middle-right","bottom-left","bottom-center","bottom-right"]},closeIconScale:{type:"number",title:"Scale",min:.5,max:5,step:.1,display:{type:"range-control"}},closeIconOffset:{type:"object",title:"Offset",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},closeIconColor:{title:"Color",type:"string",display:{type:"settings-color-picker",format:"single"}},closeIconHover:{title:"Hover",type:"string",display:{type:"settings-color-picker",format:"single"}}}},caption:{title:"DESC",icon:"text-icon",tooltip:"Description",type:"object",properties:{isActive:{type:"boolean",display:{type:"setting-toggle"}},alignment:{type:"string",display:{type:"align-grid"},enum:["top-left","top-center","top-right","middle-left","middle-center","middle-right","bottom-left","bottom-center","bottom-right"]},offset:{title:"Offset",type:"object",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},linkColor:{title:"Link",type:"string",display:{type:"settings-color-picker",format:"single"}},linkHoverColor:{title:"Link Hov",type:"string",display:{type:"settings-color-picker",format:"single"}}}}}}},default:{d:{thumbnailBlock:{cover:{url:"https://cdn.cntrl.site/component-assets/Cover.jpg"}},lightboxBlock:{appear:{type:"slide in",duration:"1000ms",direction:"bottom"},triggers:{type:"click",switch:"image",repeat:"loop"},slider:{type:"slide",direction:"vert",duration:"1000ms"},thumbnail:{isActive:!0,position:"middle-left",fit:"fit",align:"start",triggers:"hov",grid:{size:.05,gap:.01},offset:{x:.01,y:0},opacity:50,activeState:{scale:1,opacity:100}},layout:{position:"middle-center",offset:{x:0,y:0},padding:{top:.06,right:0,bottom:.06,left:0}},controls:{isActive:!1,arrowsImgUrl:null,offset:{x:0,y:0},scale:1,color:"#000000",hover:"#cccccc"},area:{color:"rgba(28,31,34,0.9)",blur:0,closeIconUrl:null,closeIconColor:"#000000",closeIconHover:"#cccccc",closeIconAlign:"top-right",closeIconOffset:{x:0,y:0},closeIconScale:1},caption:{isActive:!0,alignment:"middle-center",offset:{x:0,y:0},linkColor:"#cccccc",linkHoverColor:"#cccccc"}}},m:{thumbnailBlock:{cover:{url:"https://cdn.cntrl.site/component-assets/Cover.jpg"}},lightboxBlock:{appear:{type:"fade in",duration:"500ms",direction:"bottom"},triggers:{type:"click",switch:"image",repeat:"loop"},slider:{type:"slide",direction:"horiz",duration:"1000ms"},thumbnail:{isActive:!0,position:"bottom-center",fit:"fit",align:"start",triggers:"hov",grid:{size:.1,gap:.05},offset:{x:.01,y:-.05},opacity:50,activeState:{scale:1,opacity:100}},layout:{position:"middle-center",offset:{x:0,y:0},padding:{top:.06,right:.05,bottom:.06,left:.05}},controls:{isActive:!1,arrowsImgUrl:null,offset:{x:0,y:0},scale:1,color:"#000000",hover:"#cccccc"},area:{color:"rgba(28,31,34,0.9)",blur:0,closeIconUrl:null,closeIconColor:"#000000",closeIconHover:"#cccccc",closeIconAlign:"top-right",closeIconOffset:{x:0,y:0},closeIconScale:1},caption:{isActive:!0,alignment:"middle-center",offset:{x:0,y:0},hover:"#cccccc"}}},t:{thumbnailBlock:{cover:{url:"https://cdn.cntrl.site/component-assets/Cover.jpg"}},lightboxBlock:{appear:{type:"fade in",duration:"500ms",direction:"bottom"},triggers:{type:"click",switch:"image",repeat:"loop"},slider:{type:"slide",direction:"vert",duration:"1000ms"},thumbnail:{isActive:!0,position:"middle-left",fit:"fit",align:"start",triggers:"hov",grid:{size:.05,gap:.01},offset:{x:.03,y:0},opacity:50,activeState:{scale:1,opacity:100}},layout:{position:"middle-center",offset:{x:0,y:0},padding:{top:.06,right:.1,bottom:.06,left:.1}},controls:{isActive:!1,arrowsImgUrl:null,offset:{x:0,y:0},scale:1,color:"#000000",hover:"#cccccc"},area:{color:"rgba(28,31,34,0.9)",blur:0,closeIconUrl:null,closeIconColor:"#000000",closeIconHover:"#cccccc",closeIconAlign:"top-right",closeIconOffset:{x:0,y:0},closeIconScale:1},caption:{isActive:!0,alignment:"middle-center",offset:{x:0,y:0},hover:"#cccccc"}}}},displayRules:[{if:{name:"lightboxBlock.appear.type",value:"slide in"},then:{name:"properties.lightboxBlock.properties.appear.properties.direction.display.visible",value:!0}},{if:{name:"lightboxBlock.slider.direction",value:"vert"},then:{name:"properties.lightboxBlock.properties.thumbnail.properties.align.display.direction",value:"vertical"}},{if:{name:"lightboxBlock.appear.type",value:"mix"},then:{name:"properties.lightboxBlock.properties.appear.properties.direction.display.visible",value:!0}},{if:{name:"lightboxBlock.appear.type",value:"fade in"},then:{name:"properties.lightboxBlock.properties.appear.properties.direction.display.visible",value:!1}},{if:[{name:"lightboxBlock.triggers.type",value:"click"},{name:"lightboxBlock.triggers.switch",value:"image"}],then:{name:"properties.lightboxBlock.properties.triggers.properties.repeat.display.visible",value:!0}}]},content:{type:"array",settings:{addItemFromFileExplorer:!0},items:{type:"object",properties:{image:{type:"object",label:"Image",display:{type:"media-input"},properties:{url:{type:"string"},name:{type:"string"},objectFit:{type:"string",enum:["cover","contain"]}},required:["url","name"]},imageCaption:{label:"Description",placeholder:"Add Caption...",display:{type:"rich-text"}}},required:["image"]},default:[{image:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/2.jpg",name:"Slider-1.png"},imageCaption:[{type:"paragraph",children:[{text:""}]}]},{image:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/3.jpg",name:"Slider-2.png"},imageCaption:[{type:"paragraph",children:[{text:""}]}]},{image:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/4.jpg",name:"Slider-3.png"},imageCaption:[{type:"paragraph",children:[{text:""}]}]}]},styles:{type:"object",properties:{imageCaption:{dataName:"caption",type:"object",properties:{fontSettings:{type:"object",display:{type:"font-settings"},properties:{fontFamily:{type:"string"},fontWeight:{type:"number"},fontStyle:{type:"string"}}},widthSettings:{display:{type:"text-width-control"},type:"object",properties:{width:{type:"number"},sizing:{type:"string",enum:["auto","manual"]}}},fontSizeLineHeight:{type:"object",display:{type:"font-size-line-height"},properties:{fontSize:{type:"number"},lineHeight:{type:"number"}}},letterSpacing:{display:{type:"letter-spacing-input"},type:"number"},wordSpacing:{display:{type:"word-spacing-input"},type:"number"},textAlign:{display:{type:"text-align-control"},type:"string",enum:["left","center","right","justify"]},textAppearance:{display:{type:"text-appearance"},properties:{textTransform:{type:"string",enum:["none","uppercase","lowercase","capitalize"]},textDecoration:{type:"string",enum:["none","underline"]},fontVariant:{type:"string",enum:["normal","small-caps"]}}},color:{display:{type:"style-panel-color-picker"},type:"string"}}}},default:{imageCaption:{widthSettings:{width:.13,sizing:"auto"},fontSettings:{fontFamily:"Arial",fontWeight:400,fontStyle:"normal"},fontSizeLineHeight:{fontSize:.02,lineHeight:.02},letterSpacing:0,wordSpacing:0,textAlign:"left",textAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},color:"#000000"}}}},required:["settings","content","styles"]}};function bt(e){const{color:t,...n}=e;return n}function et(e,t){var n,o,r;return{fontFamily:e.fontSettings.fontFamily,fontWeight:e.fontSettings.fontWeight,fontStyle:e.fontSettings.fontStyle,letterSpacing:w.scalingValue(e.letterSpacing,t),wordSpacing:w.scalingValue(e.wordSpacing,t),fontSize:w.scalingValue(e.fontSize,t),lineHeight:e.lineHeight!==void 0?w.scalingValue(e.lineHeight,t):void 0,textTransform:(n=e.textAppearance)==null?void 0:n.textTransform,textDecoration:(o=e.textAppearance)==null?void 0:o.textDecoration,fontVariant:(r=e.textAppearance)==null?void 0:r.fontVariant,color:e.color}}function Kt(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function Tl(e){return`
+ */const ya="RichTextRenderer-module__link___BWeZ2",va={link:ya},Pt=({content:e})=>{const t=n=>n.map((o,r)=>o.type==="link"?l.jsx("a",{className:va.link,href:o.value,target:o.target,children:t(o.children)},r):l.jsx("span",{style:ba(o),children:o.text},r));return l.jsx(l.Fragment,{children:e.map((n,o)=>{const r=n.children;return l.jsx("div",{children:t(r)},o)})})};function ba(e){return{...e.fontFamily&&{fontFamily:e.fontFamily},...e.fontWeight&&{fontWeight:e.fontWeight},...e.fontStyle&&{fontStyle:e.fontStyle},...e.textDecoration&&{textDecoration:e.textDecoration},...e.textTransform&&{textTransform:e.textTransform},...e.fontVariant&&{fontVariant:e.fontVariant},...e.verticalAlign&&{verticalAlign:e.verticalAlign,lineHeight:"0px"}}}const xa="SvgImage-module__svg___q3xE-",Sa="SvgImage-module__img___VsTm-",yo={svg:xa,img:Sa},Ca=e=>{const t=e.trim();return t.startsWith("data:image/svg+xml")?!0:(t.split(/[?#]/)[0]??t).endsWith(".svg")},$a=e=>`url("${e.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}")`,Xe=({url:e,fill:t="#000000",hoverFill:n="#CCCCCC",className:o="",style:r})=>{const[a,i]=C.useState(()=>typeof window>"u"?!0:CSS.supports("mask-image",'url("")')||CSS.supports("-webkit-mask-image",'url("")'));return C.useEffect(()=>{if(typeof window<"u"&&window.CSS){const u=CSS.supports("mask-image",'url("")')||CSS.supports("-webkit-mask-image",'url("")');i(u)}},[]),!Ca(e)||!a?l.jsx("img",{src:e,alt:"",className:ge(yo.img,o),style:r}):l.jsx("span",{"data-supports-mask":a,className:ge(yo.svg,o),style:{"--svg":$a(e),"--fill":t,"--hover-fill":n,...r??{}}})},wa={"top-left":J.topLeftAlignment,"top-center":J.topCenterAlignment,"top-right":J.topRightAlignment,"middle-left":J.middleLeftAlignment,"middle-center":J.middleCenterAlignment,"middle-right":J.middleRightAlignment,"bottom-left":J.bottomLeftAlignment,"bottom-center":J.bottomCenterAlignment,"bottom-right":J.bottomRightAlignment};function Ta({settings:e,content:t,styles:n,isEditor:o}){const[r,a]=C.useState(null),{widthSettings:i,fontSettings:u,letterSpacing:s,textAlign:g,wordSpacing:c,fontSizeLineHeight:A,textAppearance:x,color:f}=n.imageCaption,[p,d]=C.useState(void 0),[S,y]=C.useState(null),[v,_]=C.useState(0),[D,V]=C.useState(0),{direction:T,transition:m,controls:k,pagination:R,imageCaption:O,triggers:F}=e,H=C.useRef(m.type),{x:M,y:X}=e.controls.offset,G=h=>{r&&r.go(h)};return C.useEffect(()=>{if(!S)return;const h=new ResizeObserver(E=>{if(!r)return;const[I]=E;d({width:Math.round(I.contentRect.width),height:Math.round(I.contentRect.height)})});return h.observe(S),()=>h.unobserve(S)},[S]),C.useEffect(()=>{!r||H.current===m.type||(V(h=>h+1),H.current=m.type)},[m.type]),l.jsx("div",{className:ge(J.wrapper,{[J.editor]:o}),ref:y,children:l.jsxs("div",{className:J.sliderInner,style:{width:p?p.width:"100%",height:p?p.height:"100%",backgroundColor:m.backgroundColor&&m.type==="fade in"?m.backgroundColor:"transparent"},children:[e.imageCaption.isActive&&l.jsx("div",{className:ge(J.captionBlock),children:l.jsx("div",{className:J.captionTextWrapper,children:t.map((h,E)=>l.jsx("div",{className:ge(J.captionText,wa[O.alignment],{[J.withPointerEvents]:E===v&&o,[J.active]:E===v}),style:{fontFamily:u.fontFamily,fontWeight:u.fontWeight,fontStyle:u.fontStyle,width:i.sizing==="auto"?"max-content":$.scalingValue(i.width,o),letterSpacing:$.scalingValue(s,o),wordSpacing:$.scalingValue(c,o),textAlign:g,fontSize:$.scalingValue(A.fontSize,o),lineHeight:$.scalingValue(A.lineHeight,o),textTransform:x.textTransform??"none",textDecoration:x.textDecoration??"none",fontVariant:x.fontVariant??"normal",color:f,transitionDuration:m.duration?`${Math.round(parseInt(m.duration)/2)}ms`:"500ms"},children:l.jsx("div",{"data-styles":"imageCaption",className:J.captionTextInner,style:{"--link-hover-color":O.linkHoverColor,"--link-color":O.linkColor,position:"relative",top:$.scalingValue(O.offset.y,o),left:$.scalingValue(O.offset.x,o)},children:l.jsx(Pt,{content:h.imageCaption})})},E))})}),l.jsx(cr,{onMove:h=>{_(h.index)},ref:a,options:{arrows:!1,speed:m.duration?parseInt(m.duration):500,autoplay:F.autoPlay!==null,...F.autoPlay!==null&&{interval:parseInt(F.autoPlay)*1e3},direction:T==="horiz"||m.type==="fade in"?"ltr":"ttb",pagination:!1,drag:F.triggersList.drag,perPage:1,width:p?p.width:"100%",height:p?p.height:"100%",type:m.type==="fade in"?"fade":"loop",rewind:!0},children:t.map((h,E)=>l.jsx(ur,{children:l.jsx("div",{className:J.sliderItem,children:l.jsx("div",{className:J.imgWrapper,children:l.jsx("img",{className:ge(J.sliderImage,{[J.contain]:h.image.objectFit==="contain",[J.cover]:h.image.objectFit==="cover"}),src:h.image.url,alt:h.image.name??""})})})},E))},D),k.isActive&&l.jsxs(l.Fragment,{children:[l.jsx("div",{className:ge(J.arrow,{[J.arrowVertical]:T==="vert",[J.hoverArrow]:k.show==="on hover"}),style:{color:k.color,"--arrow-hover-color":k.hover},children:l.jsxs("button",{onClick:()=>{G("-1")},className:J.arrowInner,style:{transform:`translate(${$.scalingValue(M,o)}, ${$.scalingValue(X*(T==="horiz"?1:-1),o)}) scale(${e.controls.scale/100}) rotate(${T==="horiz"?"0deg":"90deg"})`},children:[k.arrowsImgUrl&&l.jsx(Xe,{url:k.arrowsImgUrl,fill:k.color,hoverFill:k.hover,className:ge(J.arrowImg,J.mirror)}),!k.arrowsImgUrl&&l.jsx(vo,{color:k.color,className:ge(J.arrowIcon,J.arrowImg,J.mirror)})]})}),l.jsx("div",{className:ge(J.arrow,J.nextArrow,{[J.arrowVertical]:T==="vert",[J.hoverArrow]:k.show==="on hover"}),style:{color:k.color,"--arrow-hover-color":k.hover},children:l.jsxs("button",{className:J.arrowInner,onClick:()=>G("+1"),style:{transform:`translate(${$.scalingValue(M*(T==="horiz"?-1:1),o)}, ${$.scalingValue(X,o)}) scale(${e.controls.scale/100}) rotate(${T==="horiz"?"0deg":"90deg"})`},children:[k.arrowsImgUrl&&l.jsx(Xe,{url:k.arrowsImgUrl,fill:k.color,hoverFill:k.hover,className:J.arrowImg}),!k.arrowsImgUrl&&l.jsx(vo,{color:k.color,className:ge(J.arrowIcon,J.arrowImg)})]})})]}),F.triggersList.click&&l.jsx("div",{className:J.clickOverlay,onClick:()=>{r&&r.go("+1")}}),R.isActive&&l.jsx("div",{className:ge(J.pagination,{[J.paginationInsideBottom]:R.position==="inside-1"&&T==="horiz",[J.paginationInsideTop]:R.position==="inside-2"&&T==="horiz",[J.paginationOutsideBottom]:R.position==="outside-1"&&T==="horiz",[J.paginationOutsideTop]:R.position==="outside-2"&&T==="horiz",[J.paginationInsideLeft]:R.position==="inside-1"&&T==="vert",[J.paginationInsideRight]:R.position==="inside-2"&&T==="vert",[J.paginationOutsideLeft]:R.position==="outside-1"&&T==="vert",[J.paginationOutsideRight]:R.position==="outside-2"&&T==="vert",[J.paginationVertical]:T==="vert"}),children:l.jsx("div",{className:J.paginationInner,style:{backgroundColor:R.colors[2],transform:`scale(${R.scale/100}) translate(${$.scalingValue(R.offset.x,o)}, ${$.scalingValue(R.offset.y,o)}) rotate(${T==="horiz"?"0deg":"90deg"})`},children:t.map((h,E)=>l.jsx("button",{onClick:()=>{r&&r.go(E)},className:ge(J.paginationItem),children:l.jsx("div",{className:ge(J.dot,{[J.activeDot]:E===v}),style:{backgroundColor:E===v?R.colors[0]:R.colors[1],"--pagination-hover-color":R.hover}})},E))})})]})})}function vo({color:e,className:t}){return l.jsx("svg",{viewBox:"0 0 10 18",className:t,children:l.jsx("g",{id:"Symbols",stroke:"none",strokeWidth:"1",fillRule:"evenodd",children:l.jsx("path",{d:"M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z",id:"Shape-Copy",fill:e,transform:"translate(5, 9) rotate(-90) translate(-5, -9)"})})})}const _a={element:Ta,id:"control-slider",name:"Slider",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/sliderImg.png"},defaultSize:{width:400,height:400},assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[{path:"settings.controls.arrowsImgUrl"}]},fontSettingsPaths:{content:[],parameters:[{path:"styles.imageCaption.fontSettings"}]},schema:{type:"object",properties:{settings:{type:"object",display:{type:"settings-block"},properties:{triggers:{title:"triggers",icon:"target",tooltip:"Triggers",type:"object",properties:{triggersList:{type:"object",display:{type:"toggle-ratio-group"},properties:{click:{type:"boolean"},drag:{type:"boolean"}}},autoPlay:{type:["string","null"],label:"Auto",display:{type:"step-selector"},enum:[null,"1s","2s","3s","4s","5s"]}}},direction:{icon:"horizontal-resize",tooltip:"Direction",type:"string",display:{type:"ratio-group"},enum:["horiz","vert"]},transition:{title:"transit",icon:"transition",tooltip:"Transition",type:"object",properties:{type:{type:"string",display:{type:"ratio-group"},enum:["slide","fade in"]},backgroundColor:{type:["string","null"],title:"BG Color",display:{visible:!1,type:"settings-color-picker",format:"single"}},duration:{type:"string",label:"icon:hourglass",display:{type:"step-selector"},enum:["100ms","250ms","500ms","1000ms","1500ms","2000ms"]}}},controls:{title:"controls",icon:"controls",tooltip:"Controls",type:"object",properties:{isActive:{type:"boolean",display:{type:"setting-toggle"}},arrowsImgUrl:{type:["string","null"],display:{type:"settings-image-input"}},offset:{type:"object",title:"Offset",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},scale:{type:"number",title:"scale",min:50,max:600,display:{type:"range-control"}},color:{title:"color",type:"string",display:{type:"settings-color-picker",format:"single"}},hover:{title:"hover",type:"string",display:{type:"settings-color-picker",format:"single"}},show:{title:"Show",type:"string",display:{type:"ratio-group"},enum:["always","on hover"]}}},pagination:{title:"nav",icon:"pagination",tooltip:"Navigation",type:"object",properties:{isActive:{type:"boolean",display:{type:"setting-toggle"}},position:{display:{type:"socket",direction:"horizontal"},type:"string",enum:["outside-1","outside-2","inside-1","inside-2"]},offset:{type:"object",title:"Offset",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},scale:{type:"number",title:"scale",min:10,max:400,display:{type:"range-control"}},colors:{display:{type:"settings-color-picker",format:"multiple"},title:"color",type:"array",items:{type:"string"}},hover:{title:"hover",type:"string",display:{type:"settings-color-picker",format:"single"}}}},imageCaption:{title:"Caption",icon:"text-icon",tooltip:"Caption",type:"object",properties:{isActive:{type:"boolean",display:{type:"setting-toggle"}},alignment:{type:"string",display:{type:"align-grid"},enum:["top-left","top-center","top-right","middle-left","middle-center","middle-right","bottom-left","bottom-center","bottom-right"]},offset:{type:"object",title:"Offset",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},linkColor:{title:"Link",type:"string",display:{type:"settings-color-picker",format:"single"}},linkHoverColor:{title:"Link Hov",type:"string",display:{type:"settings-color-picker",format:"single"}}}}},default:{triggers:{triggersList:{click:!1,drag:!0},autoPlay:null},controls:{isActive:!0,arrowsImgUrl:null,offset:{x:0,y:0},scale:100,color:"#000000",hover:"#cccccc",show:"always"},transition:{type:"slide",duration:"500ms",backgroundColor:null},pagination:{isActive:!0,scale:50,position:"outside-1",offset:{x:0,y:0},colors:["#cccccc","#cccccc","#000000"],hover:"#cccccc"},direction:"horiz",imageCaption:{offset:{x:0,y:0},isActive:!0,alignment:"middle-center",linkColor:"#cccccc",linkHoverColor:"#cccccc"}},displayRules:[{if:{name:"direction",value:"vert"},then:{name:"properties.pagination.properties.position.display.direction",value:"vertical"}},{if:{name:"transition.type",value:"fade in"},then:{name:"properties.transition.properties.backgroundColor.display.visible",value:!0}}]},content:{type:"array",settings:{addItemFromFileExplorer:!0},items:{type:"object",properties:{image:{type:"object",label:"Image",display:{type:"media-input"},properties:{url:{type:"string"},name:{type:"string"},objectFit:{type:"string",enum:["cover","contain"]}},required:["url","name"]},imageCaption:{placeholder:"Add Caption...",label:"Description",display:{type:"rich-text"}}},required:["image"]},default:[{image:{objectFit:"cover",url:"https://cdn.cntrl.site/component-assets/Control-slider-default-picture-1.png",name:"Slider-1.png"},imageCaption:[{type:"paragraph",children:[{text:""}]}]},{image:{objectFit:"cover",url:"https://cdn.cntrl.site/component-assets/Control-slider-default-picture-2.png",name:"Slider-2.png"},imageCaption:[{type:"paragraph",children:[{text:""}]}]},{image:{objectFit:"cover",url:"https://cdn.cntrl.site/component-assets/Control-slider-default-picture-3.png",name:"Slider-3.png"},imageCaption:[{type:"paragraph",children:[{text:""}]}]}]},styles:{type:"object",properties:{imageCaption:{dataName:"caption",type:"object",properties:{fontSettings:{type:"object",display:{type:"font-settings"},properties:{fontFamily:{type:"string"},fontWeight:{type:"number"},fontStyle:{type:"string"}}},widthSettings:{display:{type:"text-width-control"},type:"object",properties:{width:{type:"number"},sizing:{type:"string",enum:["auto","manual"]}}},fontSizeLineHeight:{type:"object",display:{type:"font-size-line-height"},properties:{fontSize:{type:"number"},lineHeight:{type:"number"}}},letterSpacing:{display:{type:"letter-spacing-input"},type:"number"},wordSpacing:{display:{type:"word-spacing-input"},type:"number"},textAlign:{display:{type:"text-align-control"},type:"string",enum:["left","center","right","justify"]},textAppearance:{display:{type:"text-appearance"},properties:{textTransform:{type:"string",enum:["none","uppercase","lowercase","capitalize"]},textDecoration:{type:"string",enum:["none","underline"]},fontVariant:{type:"string",enum:["normal","small-caps"]}}},color:{display:{type:"style-panel-color-picker"},type:"string"}}}},default:{imageCaption:{widthSettings:{width:.13,sizing:"auto"},fontSettings:{fontFamily:"Arial",fontWeight:400,fontStyle:"normal"},fontSizeLineHeight:{fontSize:.02,lineHeight:.02},letterSpacing:0,wordSpacing:0,textAlign:"left",textAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},color:"#000000"}}}},required:["settings","content","styles"]}},Aa="ImageRevealSlider-module__imageRevealSlider___UE5Ob",Ea="ImageRevealSlider-module__image___Qjt-e",La="ImageRevealSlider-module__link___N-iLG",Ia="ImageRevealSlider-module__cursor___2U03d",st={imageRevealSlider:Aa,image:Ea,link:La,cursor:Ia};function bo(e,t,n){for(const o of n){const r=new Image;r.src=o.url;const a=o.width?Number.parseFloat(o.width):r.naturalWidth,i=r.naturalHeight/r.naturalWidth*a,u=a/2,s=i/2;if(e>=o.x-u&&e<=o.x+u&&t>=o.y-s&&t<=o.y+s)return!0}return!1}function Cn(e){return new Promise(t=>{const n=new Image;n.src=e,n.onload=()=>{t({width:n.naturalWidth,height:n.naturalHeight})}})}async function ka(e,t,n,o){let r,a;if(t==="custom"){r=n;const i=await Cn(e);a=i.height/i.width*r}else if(t==="random"){r=Math.random()*(o.max-o.min)+o.min;const i=await Cn(e);a=i.height/i.width*r}else{const i=await Cn(e);r=i.width,a=i.height}return{width:r,height:a,finalWidth:`${r}px`}}function Fa({settings:e,content:t,isEditor:n}){const[o,r]=C.useState(null),[a,i]=C.useState([]),[u,s]=C.useState(0),g=C.useRef(0),[c,A]=C.useState({x:0,y:0}),[x,f]=C.useState(1),[p,d]=C.useState("none"),S=C.useRef({x:0,y:0}),[y,v]=C.useState(!1),{sizeType:_,imageWidth:D,randomRangeImageWidth:V}=e.imageSize,{revealPosition:T,visible:m}=e.position,{cursorType:k,target:R,defaultCursorScale:O,defaultCursor:F,hoverCursorScale:H,hoverCursor:M}=e.cursor;C.useEffect(()=>{if(!o)return;const h=(L,w)=>{const N=o.getBoundingClientRect(),K=L-N.left,ie=w-N.top;if(A({x:K,y:ie}),k==="system"){d("none"),f(1);return}const ne=K,ce=ie,P=document.elementFromPoint(N.left+ne,N.top+ce);if(P&&P.closest("a")){d("none"),f(1);return}const Q=bo(ne,ce,a)||R==="area"?{img:M??"none",scale:H}:{img:F??"none",scale:O};d(Q.img),f(Q.scale)},E=L=>{L.stopPropagation(),S.current={x:L.clientX,y:L.clientY},h(L.clientX,L.clientY)},I=()=>{y&&h(S.current.x,S.current.y)};return o.addEventListener("mousemove",E),window.addEventListener("scroll",I,!0),()=>{o.removeEventListener("mousemove",E),window.removeEventListener("scroll",I,!0)}},[o,y,c,k,R,M,F,H,O,a]),C.useEffect(()=>{y||(d("none"),f(0))},[y]);const X=async(h,E,I,L={})=>{const{width:w,height:N,finalWidth:K}=await ka(h.image.url,_,D,V);let ie=0,ne=0;T==="same"?(ie=E/2,ne=I/2):(ie=L.x??Math.random()*E,ne=L.y??Math.random()*I);const ce=Math.min(Math.max(ie,w/2),E-w/2),P=Math.min(Math.max(ne,N/2),I-N/2);return{id:g.current++,url:h.image.url,link:h.link,name:h.image.name,x:ce,y:P,width:K}};C.useEffect(()=>{if(!o||t.length===0)return;const h=o.getBoundingClientRect(),E=h.width,I=h.height,L=[];(async()=>{const N=t[0],K=await X(N,E,I);L.push(K),i(L),s(1)})()},[_,D,V,T,o]),C.useEffect(()=>{m==="last One"&&i(h=>h.length>0?[h[h.length-1]]:[])},[m]);const G=async h=>{if(!o)return;const E=o.getBoundingClientRect(),I=h.clientX-E.left,L=h.clientY-E.top;if(R==="image"&&!bo(I,L,a))return;let w=0,N=0;T==="on Click"?(w=I,N=L):T==="same"?(w=E.width/2,N=E.height/2):(w=Math.random()*E.width,N=Math.random()*E.height);const K=t[u],ie=await X(K,E.width,E.height,{x:w,y:N});i(ne=>m==="all"?[...ne,ie]:[ie]),s(ne=>ne>=t.length-1?0:ne+1)};return l.jsxs("div",{ref:r,onClick:G,onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),className:st.imageRevealSlider,style:{cursor:p==="none"?"default":"none"},children:[a.map(h=>l.jsx("div",{className:st.wrapper,style:{top:`${h.y}px`,left:`${h.x}px`,position:"absolute",transform:"translate(-50%, -50%)",width:h.width??"auto",height:"auto",cursor:p==="none"?"default":"none"},children:R==="area"&&h.link?l.jsx("a",{href:h.link,target:"_blank",className:st.link,children:l.jsx("img",{src:h.url,alt:h.name,className:st.image},h.id)}):l.jsx("img",{src:h.url,alt:h.name,className:st.image},h.id)},h.id)),y&&l.jsx("div",{className:st.cursor,style:{left:`${c.x}px`,top:`${c.y}px`,transform:`translate(-50%, -50%) scale(${x})`,backgroundImage:`url('${p}')`,backgroundSize:"cover",backgroundPosition:"center",position:"absolute",pointerEvents:"none"}})]})}const Pa={element:Fa,id:"control-image-reveal",name:"Click Gallery",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/clickGalleryImg.png"},defaultSize:{width:"100%",height:"100%"},assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[{path:"settings.cursor.defaultCursor"},{path:"settings.cursor.hoverCursor"}]},fontSettingsPaths:{content:[],parameters:[]},schema:{type:"object",properties:{settings:{type:"object",display:{type:"settings-block"},properties:{imageSize:{title:"IMG SIZE",icon:"size",tooltip:"IMG SIZE",type:"object",properties:{sizeType:{type:"string",display:{type:"ratio-group"},enum:["as Is","custom","random"]},imageWidth:{type:"number",label:"W",display:{type:"numeric-input",visible:!1}},randomRangeImageWidth:{type:"object",display:{type:"random-range-controls",visible:!1},properties:{min:{type:"number"},max:{type:"number"}}}}},cursor:{title:"cursor",icon:"cursor",tooltip:"cursor",type:"object",properties:{cursorType:{type:"string",display:{type:"ratio-group"},enum:["system","custom"]},target:{type:"string",title:"Target",display:{type:"ratio-group"},enum:["area","image"]},defaultCursor:{type:["string","null"],title:"Default",display:{type:"settings-image-input",visible:!1}},defaultCursorScale:{type:"number",title:"Scale",min:1,max:5,step:.1,display:{type:"range-control",visible:!1}},hoverCursor:{type:["string","null"],title:"Hover",display:{type:"settings-image-input",visible:!1}},hoverCursorScale:{type:"number",title:"Scale",min:1,max:5,step:.1,display:{type:"range-control",visible:!1}}}},position:{title:"position",icon:"transition",tooltip:"Position",type:"object",properties:{revealPosition:{type:"string",display:{type:"ratio-group"},enum:["random","same","on Click"]},visible:{type:"string",title:"Visible",display:{type:"ratio-group"},enum:["all","last One"]}}}},default:{imageSize:{sizeType:"custom",imageWidth:500,randomRangeImageWidth:{min:100,max:1e3}},cursor:{cursorType:"system",target:"area",defaultCursor:null,defaultCursorScale:2,hoverCursor:null,hoverCursorScale:2},position:{revealPosition:"random",visible:"all"}},displayRules:[{if:{name:"imageSize.sizeType",value:"custom"},then:{name:"properties.imageSize.properties.imageWidth.display.visible",value:!0}},{if:{name:"imageSize.sizeType",value:"random"},then:{name:"properties.imageSize.properties.randomRangeImageWidth.display.visible",value:!0}},{if:[{name:"cursor.target",value:"image"},{name:"cursor.cursorType",value:"custom"}],then:{name:"properties.cursor.properties.defaultCursor.display.visible",value:!0}},{if:[{name:"cursor.target",value:"image"},{name:"cursor.cursorType",value:"custom"},{name:"cursor.defaultCursor",value:null,isNotEqual:!0}],then:{name:"properties.cursor.properties.defaultCursorScale.display.visible",value:!0}},{if:{name:"cursor.cursorType",value:"custom"},then:{name:"properties.cursor.properties.hoverCursor.display.visible",value:!0}},{if:[{name:"cursor.cursorType",value:"custom"},{name:"cursor.hoverCursor",value:null,isNotEqual:!0}],then:{name:"properties.cursor.properties.hoverCursorScale.display.visible",value:!0}}]},content:{type:"array",settings:{addItemFromFileExplorer:!0},items:{type:"object",properties:{image:{type:"object",label:"Image",display:{isObjectFitEditable:!1,type:"media-input"},properties:{url:{type:"string"},name:{type:"string"},objectFit:{type:"string",enum:["cover","contain"]}},required:["url","name"]},link:{label:"URL",placeholder:"Enter link...",display:{type:"text-input"}}},required:["image"]},default:[{image:{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7ERQK9211QXBE9W284ZNKB8.png",name:"Slider-1.png"},link:""},{image:{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7ERQMFT72JD18WKP0Q2DVAT.png",name:"Slider-2.png"},link:""},{image:{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7ERQNEVRXPSRX5K1YTMJQY9.png",name:"Slider-3.png"},link:""},{image:{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7ERQP84JKRDT7WNWDQZR4Y9.png",name:"Slider-4.png"},link:""}]}}}},Ra="LightBox-module__hidden___9s-9x",Ma="LightBox-module__heroImage___sTxNF",Wa="LightBox-module__background___rm9ml",Na="LightBox-module__editor___4ACaY",Ha="LightBox-module__contentStyle___Bgnsq",Va="LightBox-module__imageStyle___tLIlB",ja="LightBox-module__imgWrapper___LuFUp",Oa="LightBox-module__contain___8-yaS",za="LightBox-module__cover___hNvOG",Ba="LightBox-module__caption___b6L2I",Da="LightBox-module__captionTextInner___rCGNH",Ua="LightBox-module__lightboxSplide___XFuWC",qa="LightBox-module__arrow___iz38X",Ga="LightBox-module__arrowVertical___Zfz81",Ya="LightBox-module__nextArrow___zkAQN",Xa="LightBox-module__arrowInner___p48sW",Ka="LightBox-module__arrowIcon___3VaFf",Za="LightBox-module__arrowImg___pNV88",Ja="LightBox-module__mirror___pjeXc",Qa="LightBox-module__thumbsWrapper___GB-nU",el="LightBox-module__thumbsContainerVertical___wttk5",tl="LightBox-module__thumbsContainer___osSma",nl="LightBox-module__thumbsAlignStart___MO6tY",ol="LightBox-module__thumbsAlignCenter___Q4sUx",rl="LightBox-module__thumbsAlignEnd___p4y9R",il="LightBox-module__thumbItem___HvnF3",al="LightBox-module__closeButton___g2khP",ll="LightBox-module__fadeIn___0m5GW",sl="LightBox-module__slideInLeft___gPYwC",cl="LightBox-module__slideInRight___S-pPp",ul="LightBox-module__slideInTop___DFdAj",pl="LightBox-module__slideInBottom___m27kZ",dl="LightBox-module__fadeOut___55qBR",gl="LightBox-module__slideOutLeft___NvU7P",ml="LightBox-module__slideOutRight___SK7eC",fl="LightBox-module__slideOutTop___Vgg0z",hl="LightBox-module__slideOutBottom___nJ0Ef",yl="LightBox-module__scaleSlide___vZriG",B={hidden:Ra,heroImage:Ma,background:Wa,editor:Na,contentStyle:Ha,imageStyle:Va,imgWrapper:ja,contain:Oa,cover:za,caption:Ba,captionTextInner:Da,lightboxSplide:Ua,arrow:qa,arrowVertical:Ga,nextArrow:Ya,arrowInner:Xa,arrowIcon:Ka,arrowImg:Za,mirror:Ja,thumbsWrapper:Qa,thumbsContainerVertical:el,thumbsContainer:tl,thumbsAlignStart:nl,thumbsAlignCenter:ol,thumbsAlignEnd:rl,thumbItem:il,closeButton:al,fadeIn:ll,slideInLeft:sl,slideInRight:cl,slideInTop:ul,slideInBottom:pl,fadeOut:dl,slideOutLeft:gl,slideOutRight:ml,slideOutTop:fl,slideOutBottom:hl,scaleSlide:yl},Ut=(e,t,n)=>{const o={},[r,a]=e.split("-");return r==="top"?(o.top="0",o.bottom="auto"):r==="middle"?(o.top="50%",o.bottom="auto"):r==="bottom"&&(o.top="auto",o.bottom="0"),a==="left"?(o.left="0",o.right="auto"):a==="center"?(o.left="50%",o.right="auto"):a==="right"&&(o.left="auto",o.right="0"),r==="middle"&&a==="center"?o.transform=`translate(calc(-50% + ${$.scalingValue(t.x,n)}), calc(-50% + ${$.scalingValue(t.y,n)}))`:r==="middle"?o.transform=`translate(${$.scalingValue(t.x,n)}, calc(-50% + ${$.scalingValue(t.y,n)}))`:a==="center"?o.transform=`translate(calc(-50% + ${$.scalingValue(t.x,n)}), ${$.scalingValue(t.y,n)})`:o.transform=`translate(${$.scalingValue(t.x,n)}, ${$.scalingValue(t.y,n)})`,o};function pr(e){const t=window.getComputedStyle(e);return{top:parseFloat(t.paddingTop)||0,right:parseFloat(t.paddingRight)||0,bottom:parseFloat(t.paddingBottom)||0,left:parseFloat(t.paddingLeft)||0}}function xo(e){const t=e.getBoundingClientRect(),n=pr(e),o=Math.max(0,t.width-n.left-n.right),r=Math.max(0,t.height-n.top-n.bottom),a=e.naturalWidth,i=e.naturalHeight,u=o/r,s=a/i;let g,c;s>u?(g=o,c=o/s):(c=r,g=r*s);const A=t.left+n.left,x=t.top+n.top,f=(o-g)/2+A,p=(r-c)/2+x;return{x:f,y:p,width:g,height:c}}function So(e){const t=e.getBoundingClientRect(),n=pr(e);return{left:t.left+n.left,right:t.right-n.right,top:t.top+n.top,bottom:t.bottom-n.bottom}}function Co(e){const t=e.match(/rgba?\(([^)]+)\)/);if(t){const o=t[1].split(",").map(r=>parseFloat(r.trim()));return o.length===4?o[3]:1}const n=e.match(/^#([0-9a-fA-F]{8})$/);if(n){const o=n[1].substring(6,8);return parseInt(o,16)/255}return e.match(/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/),1}function vl(e,t){const n=(()=>{if(e==="fade in")return B.fadeIn;if(e==="slide in"||e==="mix")switch(t){case"left":return B.slideInLeft;case"right":return B.slideInRight;case"top":return B.slideInTop;case"bottom":return B.slideInBottom;default:return B.slideInRight}return B.fadeIn})(),o=(()=>{if(e==="fade in"||e==="mix")return B.fadeIn;if(e==="slide in")switch(t){case"left":return B.slideInLeft;case"right":return B.slideInRight;case"top":return B.slideInTop;case"bottom":return B.slideInBottom;default:return B.slideInRight}return B.fadeIn})(),r=(()=>{if(e==="fade in"||e==="mix")return B.fadeOut;if(e==="slide in")switch(t){case"left":return B.slideOutLeft;case"right":return B.slideOutRight;case"top":return B.slideOutTop;case"bottom":return B.slideOutBottom;default:return B.slideOutRight}return B.fadeOut})(),a=(()=>{if(e==="fade in")return B.fadeOut;if(e==="slide in"||e==="mix")switch(t){case"left":return B.slideOutLeft;case"right":return B.slideOutRight;case"top":return B.slideOutTop;case"bottom":return B.slideOutBottom;default:return B.slideOutRight}return B.fadeOut})();return{appearClass:n,backdropAppearClass:o,backdropDisappearClass:r,disappearClass:a}}const bl=({settings:e,content:t,styles:n,portalId:o,activeEvent:r,isEditor:a})=>{const[i,u]=C.useState(!1),{url:s}=e.thumbnailBlock.cover;return C.useEffect(()=>{r==="close"&&u(!1),r==="open"&&u(!0)},[r]),l.jsxs(l.Fragment,{children:[l.jsx("img",{src:s,alt:"Cover",className:B.heroImage,onClick:()=>u(!0)}),l.jsx(xl,{isOpen:i,onClose:()=>u(!1),content:t,settings:e,lightboxStyles:n,portalId:o,isEditor:a})]})},xl=({isOpen:e,onClose:t,content:n,lightboxStyles:o,settings:r,portalId:a,isEditor:i,metadata:u})=>{var j;const[s,g]=C.useState(0),[c,A]=C.useState(0),[x,f]=C.useState(!1),[p,d]=C.useState(!1),[S,y]=C.useState({}),v=C.useRef(null),_=C.useRef(null),D=C.useRef(null),V=C.useRef(!1),T=C.useRef(null),m=C.useRef(null),k=C.useRef(null),R=C.useRef(null),O=C.useRef(!1),F=C.useRef(null),[H,M]=C.useState(!1),{appear:X,triggers:G,slider:h,thumbnail:E,controls:I,area:L,caption:w,layout:N}=r.lightboxBlock,{appearClass:K,backdropAppearClass:ie,backdropDisappearClass:ne,disappearClass:ce}=vl(X.type,X.direction),P=(u==null?void 0:u.itemId)??null;C.useEffect(()=>{const b=()=>{setTimeout(()=>{var Z,te;(te=(Z=v.current)==null?void 0:Z.splide)==null||te.refresh()},16)},U=()=>{A(Z=>Z+1)};return window.addEventListener("ArticleEditor.Layout:change",b),window.addEventListener("ArticleEditor.ComponentContent:change",U),()=>{window.removeEventListener("ArticleEditor.Layout:change",b),window.removeEventListener("ArticleEditor.ComponentContent:change",U)}},[]),C.useEffect(()=>{if(!e||!E.isActive){M(!1);return}const b=F.current;if(!b)return;const U=()=>{h.direction==="horiz"?M(b.scrollWidth>b.clientWidth):M(b.scrollHeight>b.clientHeight)};U();const Z=new ResizeObserver(U);return Z.observe(b),()=>Z.disconnect()},[e,E.isActive,n.length,S,h.direction]);const Q=C.useCallback(()=>{const b=window.matchMedia("(max-width: 768px)").matches,U=Co(L.color);b&&!i&&U>.9&&(document.body.style.backgroundColor=""),f(!0),V.current=!0;const Z=te=>{te.target===T.current&&te.animationName&&(T.current&&m.current&&T.current.removeEventListener("animationend",m.current),m.current=null,V.current&&(V.current=!1,t()),f(!1))};T.current&&(m.current=Z,T.current.addEventListener("animationend",Z))},[t,L.color,i]),de=(b,U,Z)=>{var te,re;if(b){if(G.type==="click"&&G.switch==="image")G.repeat==="close"&&s===n.length-1?Q():(te=v.current)==null||te.go("+1");else if(G.type==="click"&&G.switch==="50/50"){const W=b.getBoundingClientRect(),z=U-W.left,q=Z-W.top,ee=W.width,oe=W.height;let ue;h.direction==="horiz"?ue=z<ee/2?"-1":"+1":ue=q<oe/2?"-1":"+1",(re=v.current)==null||re.go(ue)}}},pe=b=>{if(O.current){O.current=!1;return}const U=n[s],Z=(U==null?void 0:U.image.objectFit)==="cover";let te,re;if("changedTouches"in b&&b.changedTouches.length>0)te=b.changedTouches[0].clientX,re=b.changedTouches[0].clientY;else if("clientX"in b)te=b.clientX,re=b.clientY;else return;let W;if(Z&&D.current){const z=So(D.current);W=te>=z.left&&te<=z.right&&re>=z.top&&re<=z.bottom}else{const z=D.current?xo(D.current):null;if(!z){b.target===b.currentTarget&&Q();return}W=te>=z.x&&te<=z.x+z.width&&re>=z.y&&re<=z.y+z.height}W?de(D.current,te,re):Q()},Y=b=>{const U=b.target;(U.classList.contains(B.thumbsWrapper)||U.classList.contains(B.thumbsContainer))&&pe(b)};C.useEffect(()=>{if(!e)return;const b=U=>{var Z,te;if(U.key==="Escape"){Q();return}if(U.key==="ArrowRight"){g(re=>(re+1)%Math.max(n.length,1)),(Z=v.current)==null||Z.go("+1");return}U.key==="ArrowLeft"&&(g(re=>(re-1+Math.max(n.length,1))%Math.max(n.length,1)),(te=v.current)==null||te.go("-1"))};return window.addEventListener("keydown",b),()=>{window.removeEventListener("keydown",b)}},[e,Q,n.length]),C.useEffect(()=>{if(e){if(g(0),A(U=>U+1),V.current=!1,f(!1),d(!1),y({}),!P)return;const b=new CustomEvent("page-overlay",{detail:{itemId:P}});window.dispatchEvent(b)}return()=>{T.current&&m.current&&(T.current.removeEventListener("animationend",m.current),m.current=null),d(!1)}},[e,P]),C.useEffect(()=>{_.current!==null&&_.current!==h.type&&A(b=>b+1),_.current=h.type},[h.type]),C.useEffect(()=>{if(!e)return;const b=document.body.style.overflow,U=window.matchMedia("(max-width: 768px)").matches,Z=Co(L.color);document.body.style.overflow="hidden",d(!1);const te=W=>{W.target===T.current&&!V.current&&W.animationName&&(U&&!i&&Z>.9&&(document.body.style.backgroundColor=L.color),d(!0),T.current&&k.current&&T.current.removeEventListener("animationend",k.current),k.current=null)};T.current&&(k.current=te,T.current.addEventListener("animationend",te));const re=W=>{const z=W.target;z&&(z.closest(`.${B.thumbsWrapper}`)||z.closest(`.${B.thumbsContainer}`))||h.type!=="slide"&&W.preventDefault()};return document.addEventListener("touchmove",re,{passive:!1}),()=>{document.body.style.overflow=b,document.removeEventListener("touchmove",re),T.current&&k.current&&(T.current.removeEventListener("animationend",k.current),k.current=null),d(!1)}},[e,i,L.color,h.type]),C.useEffect(()=>{if(!e)return;const b=U=>{var te,re;if(V.current){U.stopPropagation();return}if(O.current){O.current=!1;return}const Z=U.target;if(!(Z&&(Z.closest(`.${B.thumbsContainer}`)||Z.closest(`.${B.thumbItem}`)))){if(h.type==="slide"&&G.type==="drag"&&((re=(te=v.current)==null?void 0:te.splide)!=null&&re.root)){const W=v.current.splide.root;if(Z&&(W.contains(Z)||W===Z))return}if(U.touches.length===0&&U.changedTouches.length>0){const W=n[s],z=(W==null?void 0:W.image.objectFit)==="cover",q=U.changedTouches[0];let ee;if(z&&D.current){const oe=So(D.current);ee=q.clientX>=oe.left&&q.clientX<=oe.right&&q.clientY>=oe.top&&q.clientY<=oe.bottom}else{const oe=D.current?xo(D.current):null;if(!oe)return;ee=q.clientX>=oe.x&&q.clientX<=oe.x+oe.width&&q.clientY>=oe.y&&q.clientY<=oe.y+oe.height}if(!ee){U.stopPropagation(),V.current=!0;const oe=ue=>{ue.stopPropagation(),ue.preventDefault(),document.removeEventListener("click",oe,!0)};document.addEventListener("click",oe,!0),Q()}}}};return document.addEventListener("touchend",b,{passive:!0}),()=>{document.removeEventListener("touchend",b)}},[e,Q,s,n]);const ae=(h.type==="scale"||h.type==="fade")&&h.direction==="vert"&&G.type==="drag";C.useEffect(()=>{var ue,Te;if(!e||!ae||!((Te=(ue=v.current)==null?void 0:ue.splide)!=null&&Te.root))return;const b=v.current.splide.root,U=30,Z=(se,he)=>{if(R.current){const we=Math.abs(se-R.current.x),Ge=Math.abs(he-R.current.y);(we>0||Ge>0)&&(O.current=!0)}},te=se=>{R.current&&(se.preventDefault(),Z(se.clientX,se.clientY))},re=se=>{R.current&&se.touches.length>0&&(se.preventDefault(),Z(se.touches[0].clientX,se.touches[0].clientY))},W=(se,he)=>{if(!R.current||!v.current){R.current=null;return}const we=Math.abs(se-R.current.x),Ge=Math.abs(he-R.current.y);Ge>U&&Ge>we&&v.current.go(he<R.current.y?"+1":"-1"),R.current=null},z=se=>{R.current&&W(se.clientX,se.clientY),document.removeEventListener("pointerup",z),document.removeEventListener("pointercancel",z),document.removeEventListener("pointermove",te)},q=se=>{if(R.current){if(se.changedTouches.length>0){const he=se.changedTouches[0];W(he.clientX,he.clientY)}document.removeEventListener("touchend",q),document.removeEventListener("touchcancel",q),document.removeEventListener("touchmove",re)}},ee=se=>{R.current={x:se.clientX,y:se.clientY},O.current=!1,document.addEventListener("pointermove",te,{passive:!1}),document.addEventListener("pointerup",z),document.addEventListener("pointercancel",z)},oe=se=>{se.touches.length>0&&(R.current={x:se.touches[0].clientX,y:se.touches[0].clientY},O.current=!1,document.addEventListener("touchmove",re,{passive:!1}),document.addEventListener("touchend",q),document.addEventListener("touchcancel",q))};return b.addEventListener("pointerdown",ee),b.addEventListener("touchstart",oe),()=>{b.removeEventListener("pointerdown",ee),b.removeEventListener("touchstart",oe),document.removeEventListener("pointermove",te),document.removeEventListener("pointerup",z),document.removeEventListener("pointercancel",z),document.removeEventListener("touchmove",re),document.removeEventListener("touchend",q),document.removeEventListener("touchcancel",q),R.current=null,O.current=!1}},[e,ae,c]);const fe={backgroundColor:L.color,backdropFilter:`blur(${L.blur}px)`,animationDuration:`${parseInt(X.duration)}ms`,animationTimingFunction:"ease",animationFillMode:"both"};return typeof document>"u"||!document.getElementById(a)?null:yr.createPortal(l.jsxs(l.Fragment,{children:[l.jsx("div",{ref:i?null:T,className:ge(B.background,x?ne:ie,{[B.editor]:i},{[B.hidden]:!e}),style:{...fe,...p&&!i&&!x?{position:"absolute"}:{}}}),l.jsxs("div",{ref:i?T:null,className:ge(B.contentStyle,x?ce:K,{[B.editor]:i},{[B.hidden]:!e}),style:{animationDuration:`${parseInt(X.duration)}ms`,animationTimingFunction:"ease",animationFillMode:"both"},children:[l.jsx(cr,{onMove:b=>g(b.index),ref:v,className:B.lightboxSplide,options:{arrows:!1,speed:h.duration?parseInt(h.duration):500,direction:h.direction==="horiz"||h.type==="fade"||h.type==="scale"?"ltr":"ttb",pagination:!1,drag:G.type==="drag"&&!ae,perPage:1,width:"100%",height:"100%",type:h.type==="fade"||h.type==="scale"?"fade":"loop",padding:0,rewind:G.repeat!=="close",start:0},style:{"--splide-speed":h.duration},children:n.map((b,U)=>{const Z=Ut(N.position,N.offset,i),te=`${$.scalingValue(N.padding.top,i)} ${$.scalingValue(N.padding.right,i)} ${$.scalingValue(N.padding.bottom,i)} ${$.scalingValue(N.padding.left,i)}`,re=h.type==="scale"?(()=>{const{transform:W,...z}=Z;return{...z,position:"absolute",padding:te,boxSizing:"border-box","--position-transform":W||"none"}})():{...Z,position:"absolute",padding:te,boxSizing:"border-box"};return l.jsx(ur,{children:l.jsx("div",{className:B.imgWrapper,onClick:pe,children:l.jsx("img",{ref:U===s?D:null,className:ge(B.imageStyle,{[B.contain]:b.image.objectFit==="contain",[B.cover]:b.image.objectFit==="cover",[B.scaleSlide]:h.type==="scale"}),src:b.image.url,alt:b.image.name??"",style:{...re,pointerEvents:b.image.objectFit==="contain"?"none":"auto"}})})},U)})},c),I.isActive&&l.jsxs(l.Fragment,{children:[l.jsx("div",{className:ge(B.arrow,{[B.arrowVertical]:h.direction==="vert"}),style:{color:I.color,"--arrow-hover-color":I.hover},children:l.jsxs("button",{className:B.arrowInner,style:{transform:`translate(${$.scalingValue(I.offset.x,i)}, ${$.scalingValue(I.offset.y*(h.direction==="horiz"?1:-1),i)}) scale(${I.scale}) rotate(${h.direction==="horiz"?"0deg":"90deg"})`},onClick:()=>{var b;return(b=v.current)==null?void 0:b.go("-1")},"aria-label":"Previous",children:[I.arrowsImgUrl&&l.jsx(Xe,{url:I.arrowsImgUrl,fill:I.color,hoverFill:I.hover,className:ge(B.arrowImg,B.mirror)}),!I.arrowsImgUrl&&l.jsx($o,{color:I.color,className:ge(B.arrowIcon,B.arrowImg,B.mirror)})]})}),l.jsx("div",{className:ge(B.arrow,B.nextArrow,{[B.arrowVertical]:h.direction==="vert"}),style:{color:I.color,"--arrow-hover-color":I.hover},children:l.jsxs("button",{className:B.arrowInner,style:{transform:`translate(${$.scalingValue(I.offset.x*(h.direction==="horiz"?-1:1),i)}, ${$.scalingValue(I.offset.y,i)}) scale(${I.scale}) rotate(${h.direction==="horiz"?"0deg":"90deg"})`},onClick:()=>{var b;return(b=v.current)==null?void 0:b.go("+1")},"aria-label":"Next",children:[I.arrowsImgUrl&&l.jsx(Xe,{url:I.arrowsImgUrl,fill:I.color,hoverFill:I.hover,className:B.arrowImg}),!I.arrowsImgUrl&&l.jsx($o,{color:I.color,className:ge(B.arrowIcon,B.arrowImg)})]})})]}),L.closeIconUrl&&(()=>{const b=Ut(L.closeIconAlign,L.closeIconOffset,i),U=`scale(${L.closeIconScale})`,Z=b.transform?`${b.transform} ${U}`:U;return l.jsx("button",{className:B.closeButton,style:{...b,transform:Z},onClick:Q,"aria-label":"Close lightbox",children:l.jsx(Xe,{url:L.closeIconUrl,fill:L.closeIconColor??"#000000",hoverFill:L.closeIconHover??"#cccccc"})})})(),w&&w.isActive&&o.imageCaption&&((j=n[s])==null?void 0:j.imageCaption)&&(()=>{const{widthSettings:b,fontSettings:U,letterSpacing:Z,textAlign:te,wordSpacing:re,fontSizeLineHeight:W,textAppearance:z,color:q}=o.imageCaption;return l.jsx("div",{className:B.caption,style:{...Ut(w.alignment,w.offset,i),fontFamily:U.fontFamily,fontWeight:U.fontWeight,fontStyle:U.fontStyle,width:b.sizing==="auto"?"max-content":$.scalingValue(b.width,i),letterSpacing:$.scalingValue(Z,i),wordSpacing:$.scalingValue(re,i),textAlign:te,fontSize:$.scalingValue(W.fontSize,i),lineHeight:$.scalingValue(W.lineHeight,i),textTransform:z.textTransform??"none",textDecoration:z.textDecoration??"none",fontVariant:z.fontVariant??"normal",color:q},onClick:ee=>ee.stopPropagation(),children:l.jsx("div",{"data-styles":"imageCaption",className:B.captionTextInner,style:{"--link-color":w.linkColor,"--link-hover-color":w.linkHoverColor},children:l.jsx(Pt,{content:n[s].imageCaption})})})})(),E.isActive&&(()=>{const[b,U]=E.position.split("-"),Z=h.direction==="horiz"?`${b}-left`:E.position,te=Ut(Z,E.offset,i),re=()=>{if(h.direction==="horiz"){if(U==="left")return"flex-start";if(U==="center")return"center";if(U==="right")return"flex-end"}else{if(b==="top")return"flex-start";if(b==="middle")return"center";if(b==="bottom")return"flex-end"}return"flex-start"};return l.jsx("div",{ref:F,className:B.thumbsWrapper,onClick:W=>Y(W),style:{position:i?"absolute":"fixed",...te,...h.direction==="horiz"?{maxWidth:"100vw",width:"100%",overflowX:"auto",overflowY:"hidden"}:{maxHeight:"100vh",overflowY:"auto",overflowX:"hidden"}},children:l.jsx("div",{className:ge(B.thumbsContainer,{[B.thumbsContainerVertical]:h.direction==="vert",[B.thumbsAlignStart]:E.align==="start",[B.thumbsAlignCenter]:E.align==="center",[B.thumbsAlignEnd]:E.align==="end"}),style:{gap:$.scalingValue(E.grid.gap,i),justifyContent:H?"flex-start":re()},children:n.map((W,z)=>{const q=z===s,ee=S[z],ue=E.grid.size*(q?E.activeState.scale:1),Te=()=>{if(E.fit!=="fit")return{};if(!ee)return h.direction==="horiz"?{height:$.scalingValue(ue,i)}:{width:$.scalingValue(ue,i)};const se=ee.width/ee.height;if(h.direction==="horiz"){const he=ue,we=he*se;return{width:$.scalingValue(we,i),height:$.scalingValue(he,i)}}else{const he=ue,we=he/se;return{width:$.scalingValue(he,i),height:$.scalingValue(we,i)}}};return l.jsx("button",{className:B.thumbItem,style:{...h.direction==="horiz"&&E.fit!=="fit"?{height:$.scalingValue(ue,i)}:{},...h.direction==="vert"&&E.fit!=="fit"?{width:$.scalingValue(ue,i)}:{},...E.fit==="cover"?{width:$.scalingValue(ue,i),height:$.scalingValue(ue,i)}:{},...Te(),transition:q?"all 0.25s ease-out":"none",opacity:q?E.activeState.opacity/100:E.opacity/100,"--thumb-hover":E.activeState.opacity/100},onClick:se=>{var he;se.stopPropagation(),g(z),(he=v.current)==null||he.go(z)},onMouseEnter:()=>{var se;E.triggers==="hov"&&((se=v.current)==null||se.go(z))},children:l.jsx("img",{src:W.image.url,alt:W.image.name??"",onLoad:se=>{const he=se.currentTarget;he.naturalWidth&&he.naturalHeight&&y(we=>({...we,[z]:{width:he.naturalWidth,height:he.naturalHeight}}))},style:{objectFit:E.fit==="cover"?"cover":"contain",...E.fit==="fit"?{maxWidth:"100%",maxHeight:"100%",objectFit:"contain"}:{},...E.fit==="cover"?{width:"100%",height:"100%"}:{}}})},`${W.image.name}-${z}`)})})})})()]})]}),document.getElementById(a))};function $o({color:e,className:t}){return l.jsx("svg",{viewBox:"0 0 10 18",className:t,children:l.jsx("g",{id:"Symbols",stroke:"none",strokeWidth:"1",fillRule:"evenodd",children:l.jsx("path",{d:"M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z",id:"Shape-Copy",fill:e,transform:"translate(5, 9) rotate(-90) translate(-5, -9)"})})})}const Sl={element:bl,id:"lightbox",name:"Lightbox",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/lightboxImg.png"},defaultSize:{width:440,height:550},fontSettingsPaths:{content:[],parameters:[{path:"styles.imageCaption.fontSettings"}]},assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[{path:"settings.thumbnailBlock.cover.url",placeholderEnabled:!0},{path:"settings.controls.arrowsImgUrl"},{path:"settings.area.closeIconUrl"}]},schema:{type:"object",properties:{settings:{type:"object",properties:{thumbnailBlock:{display:{type:"settings-block",triggerEvent:"close"},type:"object",properties:{cover:{title:"COVER",icon:"cover",tooltip:"Cover Image",type:"object",properties:{url:{type:"string",display:{type:"cover-image-input"}}}}}},lightboxBlock:{display:{type:"settings-block",triggerEvent:"open"},type:"object",properties:{appear:{title:"APPEAR",icon:"transition",tooltip:"Appearance",type:"object",properties:{type:{type:"string",display:{type:"ratio-group"},enum:["slide in","fade in","mix"]},duration:{type:"string",label:"T",display:{type:"step-selector"},enum:["100ms","250ms","500ms","1000ms","1500ms","2000ms"]},direction:{type:"string",title:"From",display:{type:"direction-control"},enum:["top","left","right","bottom"]}}},triggers:{title:"TRIGGERS",icon:"target",tooltip:"Triggers",type:"object",properties:{type:{type:"string",display:{type:"ratio-group"},enum:["click","drag"]},switch:{type:"string",display:{type:"ratio-group"},enum:["image","50/50"]},repeat:{type:"string",title:"Repeat",display:{visible:!1,type:"ratio-group"},enum:["close","loop"]}}},slider:{title:"SLIDER",icon:"horizontal-resize",tooltip:"Slider",type:"object",properties:{type:{type:"string",display:{type:"ratio-group"},enum:["slide","fade","scale"]},direction:{type:"string",display:{type:"ratio-group"},enum:["horiz","vert"]},duration:{type:"string",label:"T",display:{type:"step-selector"},enum:["100ms","250ms","500ms","1000ms","1500ms","2000ms"]}}},thumbnail:{title:"THUMB",icon:"thumbnail",tooltip:"Thumbnail",type:"object",properties:{isActive:{type:"boolean",display:{type:"setting-toggle"}},position:{display:{type:"align-grid"},type:"string",enum:["top-left","top-center","top-right","middle-left","middle-center","middle-right","bottom-left","bottom-center","bottom-right"]},fit:{type:"string",display:{type:"ratio-group"},enum:["cover","fit"]},align:{type:"string",title:"Align",display:{type:"align-group",direction:"horizontal"},enum:["start","center","end"]},triggers:{type:"string",title:"Triggers",display:{type:"ratio-group",direction:"horizontal"},enum:["clk","hov"]},grid:{type:"object",title:"Grid",display:{type:"group"},properties:{size:{type:"number",label:"Box",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},gap:{type:"number",label:"Gap",scalingEnabled:!0,min:0,display:{type:"numeric-input"}}}},offset:{type:"object",title:"Offset",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},opacity:{type:"number",title:"Opacity",label:"icon:opacity",min:0,max:100,step:1,display:{type:"numeric-input"}},activeState:{type:"object",title:"ACTIVE",display:{type:"group"},properties:{scale:{type:"number",title:"Scale",min:1,max:5,step:.1,display:{type:"range-control"}},opacity:{type:"number",title:"Opacity",label:"icon:opacity",min:0,max:100,step:1,display:{type:"numeric-input"}}}}}},layout:{title:"LAYOUT",icon:"layout",tooltip:"Layout",type:"object",properties:{position:{display:{type:"align-grid"},type:"string",enum:["top-left","top-center","top-right","middle-left","middle-center","middle-right","bottom-left","bottom-center","bottom-right"]},offset:{type:"object",title:"Offset",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},padding:{type:"object",title:"Padding",display:{type:"padding-controls"},properties:{top:{min:0,step:1,type:"number"},left:{min:0,step:1,type:"number"},right:{min:0,step:1,type:"number"},bottom:{min:0,step:1,type:"number"}}}}},controls:{title:"CONTROLS",icon:"controls",tooltip:"Controls",type:"object",properties:{isActive:{type:"boolean",display:{type:"setting-toggle"}},arrowsImgUrl:{type:["string","null"],display:{type:"settings-image-input"}},offset:{title:"Offset",type:"object",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},scale:{type:"number",title:"Scale",min:.5,max:5,step:.1,display:{type:"range-control"}},color:{title:"Color",type:"string",display:{type:"settings-color-picker",format:"single"}},hover:{title:"Hover",type:"string",display:{type:"settings-color-picker",format:"single"}}}},area:{title:"AREA",icon:"area",tooltip:"Area",type:"object",properties:{color:{type:"string",display:{type:"settings-color-picker",format:"single"}},blur:{type:"number",label:"icon:blur",display:{type:"numeric-input"}},closeIconUrl:{type:["string","null"],title:"Close Icon",display:{type:"settings-image-input"}},closeIconAlign:{display:{type:"align-grid",direction:"horizontal"},type:"string",enum:["top-left","top-center","top-right","middle-left","middle-center","middle-right","bottom-left","bottom-center","bottom-right"]},closeIconScale:{type:"number",title:"Scale",min:.5,max:5,step:.1,display:{type:"range-control"}},closeIconOffset:{type:"object",title:"Offset",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},closeIconColor:{title:"Color",type:"string",display:{type:"settings-color-picker",format:"single"}},closeIconHover:{title:"Hover",type:"string",display:{type:"settings-color-picker",format:"single"}}}},caption:{title:"DESC",icon:"text-icon",tooltip:"Description",type:"object",properties:{isActive:{type:"boolean",display:{type:"setting-toggle"}},alignment:{type:"string",display:{type:"align-grid"},enum:["top-left","top-center","top-right","middle-left","middle-center","middle-right","bottom-left","bottom-center","bottom-right"]},offset:{title:"Offset",type:"object",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},linkColor:{title:"Link",type:"string",display:{type:"settings-color-picker",format:"single"}},linkHoverColor:{title:"Link Hov",type:"string",display:{type:"settings-color-picker",format:"single"}}}}}}},default:{d:{thumbnailBlock:{cover:{url:"https://cdn.cntrl.site/component-assets/Cover.jpg"}},lightboxBlock:{appear:{type:"slide in",duration:"1000ms",direction:"bottom"},triggers:{type:"click",switch:"image",repeat:"loop"},slider:{type:"slide",direction:"vert",duration:"1000ms"},thumbnail:{isActive:!0,position:"middle-left",fit:"fit",align:"start",triggers:"hov",grid:{size:.05,gap:.01},offset:{x:.01,y:0},opacity:50,activeState:{scale:1,opacity:100}},layout:{position:"middle-center",offset:{x:0,y:0},padding:{top:.06,right:0,bottom:.06,left:0}},controls:{isActive:!1,arrowsImgUrl:null,offset:{x:0,y:0},scale:1,color:"#000000",hover:"#cccccc"},area:{color:"rgba(28,31,34,0.9)",blur:0,closeIconUrl:null,closeIconColor:"#000000",closeIconHover:"#cccccc",closeIconAlign:"top-right",closeIconOffset:{x:0,y:0},closeIconScale:1},caption:{isActive:!0,alignment:"middle-center",offset:{x:0,y:0},linkColor:"#cccccc",linkHoverColor:"#cccccc"}}},m:{thumbnailBlock:{cover:{url:"https://cdn.cntrl.site/component-assets/Cover.jpg"}},lightboxBlock:{appear:{type:"fade in",duration:"500ms",direction:"bottom"},triggers:{type:"click",switch:"image",repeat:"loop"},slider:{type:"slide",direction:"horiz",duration:"1000ms"},thumbnail:{isActive:!0,position:"bottom-center",fit:"fit",align:"start",triggers:"hov",grid:{size:.1,gap:.05},offset:{x:.01,y:-.05},opacity:50,activeState:{scale:1,opacity:100}},layout:{position:"middle-center",offset:{x:0,y:0},padding:{top:.06,right:.05,bottom:.06,left:.05}},controls:{isActive:!1,arrowsImgUrl:null,offset:{x:0,y:0},scale:1,color:"#000000",hover:"#cccccc"},area:{color:"rgba(28,31,34,0.9)",blur:0,closeIconUrl:null,closeIconColor:"#000000",closeIconHover:"#cccccc",closeIconAlign:"top-right",closeIconOffset:{x:0,y:0},closeIconScale:1},caption:{isActive:!0,alignment:"middle-center",offset:{x:0,y:0},hover:"#cccccc"}}},t:{thumbnailBlock:{cover:{url:"https://cdn.cntrl.site/component-assets/Cover.jpg"}},lightboxBlock:{appear:{type:"fade in",duration:"500ms",direction:"bottom"},triggers:{type:"click",switch:"image",repeat:"loop"},slider:{type:"slide",direction:"vert",duration:"1000ms"},thumbnail:{isActive:!0,position:"middle-left",fit:"fit",align:"start",triggers:"hov",grid:{size:.05,gap:.01},offset:{x:.03,y:0},opacity:50,activeState:{scale:1,opacity:100}},layout:{position:"middle-center",offset:{x:0,y:0},padding:{top:.06,right:.1,bottom:.06,left:.1}},controls:{isActive:!1,arrowsImgUrl:null,offset:{x:0,y:0},scale:1,color:"#000000",hover:"#cccccc"},area:{color:"rgba(28,31,34,0.9)",blur:0,closeIconUrl:null,closeIconColor:"#000000",closeIconHover:"#cccccc",closeIconAlign:"top-right",closeIconOffset:{x:0,y:0},closeIconScale:1},caption:{isActive:!0,alignment:"middle-center",offset:{x:0,y:0},hover:"#cccccc"}}}},displayRules:[{if:{name:"lightboxBlock.appear.type",value:"slide in"},then:{name:"properties.lightboxBlock.properties.appear.properties.direction.display.visible",value:!0}},{if:{name:"lightboxBlock.slider.direction",value:"vert"},then:{name:"properties.lightboxBlock.properties.thumbnail.properties.align.display.direction",value:"vertical"}},{if:{name:"lightboxBlock.appear.type",value:"mix"},then:{name:"properties.lightboxBlock.properties.appear.properties.direction.display.visible",value:!0}},{if:{name:"lightboxBlock.appear.type",value:"fade in"},then:{name:"properties.lightboxBlock.properties.appear.properties.direction.display.visible",value:!1}},{if:[{name:"lightboxBlock.triggers.type",value:"click"},{name:"lightboxBlock.triggers.switch",value:"image"}],then:{name:"properties.lightboxBlock.properties.triggers.properties.repeat.display.visible",value:!0}}]},content:{type:"array",settings:{addItemFromFileExplorer:!0},items:{type:"object",properties:{image:{type:"object",label:"Image",display:{type:"media-input"},properties:{url:{type:"string"},name:{type:"string"},objectFit:{type:"string",enum:["cover","contain"]}},required:["url","name"]},imageCaption:{label:"Description",placeholder:"Add Caption...",display:{type:"rich-text"}}},required:["image"]},default:[{image:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/2.jpg",name:"Slider-1.png"},imageCaption:[{type:"paragraph",children:[{text:""}]}]},{image:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/3.jpg",name:"Slider-2.png"},imageCaption:[{type:"paragraph",children:[{text:""}]}]},{image:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/4.jpg",name:"Slider-3.png"},imageCaption:[{type:"paragraph",children:[{text:""}]}]}]},styles:{type:"object",properties:{imageCaption:{dataName:"caption",type:"object",properties:{fontSettings:{type:"object",display:{type:"font-settings"},properties:{fontFamily:{type:"string"},fontWeight:{type:"number"},fontStyle:{type:"string"}}},widthSettings:{display:{type:"text-width-control"},type:"object",properties:{width:{type:"number"},sizing:{type:"string",enum:["auto","manual"]}}},fontSizeLineHeight:{type:"object",display:{type:"font-size-line-height"},properties:{fontSize:{type:"number"},lineHeight:{type:"number"}}},letterSpacing:{display:{type:"letter-spacing-input"},type:"number"},wordSpacing:{display:{type:"word-spacing-input"},type:"number"},textAlign:{display:{type:"text-align-control"},type:"string",enum:["left","center","right","justify"]},textAppearance:{display:{type:"text-appearance"},properties:{textTransform:{type:"string",enum:["none","uppercase","lowercase","capitalize"]},textDecoration:{type:"string",enum:["none","underline"]},fontVariant:{type:"string",enum:["normal","small-caps"]}}},color:{display:{type:"style-panel-color-picker"},type:"string"}}}},default:{imageCaption:{widthSettings:{width:.13,sizing:"auto"},fontSettings:{fontFamily:"Arial",fontWeight:400,fontStyle:"normal"},fontSizeLineHeight:{fontSize:.02,lineHeight:.02},letterSpacing:0,wordSpacing:0,textAlign:"left",textAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},color:"#000000"}}}},required:["settings","content","styles"]}};function mt(e){const{color:t,...n}=e;return n}function Re(e,t){var n,o,r;return{fontFamily:e.fontSettings.fontFamily,fontWeight:e.fontSettings.fontWeight,fontStyle:e.fontSettings.fontStyle,letterSpacing:$.scalingValue(e.letterSpacing,t),wordSpacing:$.scalingValue(e.wordSpacing,t),fontSize:$.scalingValue(e.fontSize,t),lineHeight:e.lineHeight!==void 0?$.scalingValue(e.lineHeight,t):void 0,textTransform:(n=e.textAppearance)==null?void 0:n.textTransform,textDecoration:(o=e.textAppearance)==null?void 0:o.textDecoration,fontVariant:(r=e.textAppearance)==null?void 0:r.fontVariant,color:e.color}}function qt(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function Cl(e){return`
 .${e}-wrapper {
   display: flex;
   flex-direction: column;
   width: 100%;
-  min-height: ${Kt(48)};
+  min-height: ${qt(48)};
 }
 .${e}-wrapper.${e}-type-C .${e}-input:focus-visible,
 .${e}-wrapper.${e}-type-C .${e}-button:focus-visible {
@@ -32,7 +32,7 @@
   min-width: 0;
 }
 .${e}-field-group.${e}-labeled {
-  gap: ${Kt(4)};
+  gap: ${qt(4)};
 }
 .${e}-field-label {
   white-space: nowrap;
@@ -128,18 +128,18 @@
   outline: none;
 }
 .${e}-success {
-  margin-top: ${Kt(8)};
+  margin-top: ${qt(8)};
   color: var(--${e}-success-success-color, var(--${e}-success-color));
 }
 .${e}-error {
-  margin-top: ${Kt(8)};
+  margin-top: ${qt(8)};
   color: var(--${e}-error-error-color, var(--${e}-error-color));
 }
 .${e}-overlay-anchor {
   position: relative;
   height: auto;
 }
-`}function _l({settings:e,isEditor:t,metadata:n,activeEvent:o}){const{prefix:r}=w.useScopedStyles(),{type:l="A",fieldsToShow:i=2,fields:c=[],buttonLabel:p,gap:m,fieldsGap:u,buttonCorners:E,buttonStroke:x,buttonPadding:h,isButtonFullWidth:d,inputCorners:g,inputStroke:C,inputPadding:v,inputColor:b,inputTextColor:A,inputBorderColor:j,placeholderColor:N,buttonColor:$,buttonTextColor:f,buttonBorderColor:F,labelTextColor:P,successColor:O,errorColor:R,fontFamily:V,inputFontSettings:W,inputFontSize:K,inputLineHeight:G,inputLetterSpacing:y,inputWordSpacing:k,inputTextAppearance:I,buttonFontSettings:L,buttonFontSize:_,buttonLineHeight:z,buttonLetterSpacing:Z,buttonWordSpacing:se,buttonTextAppearance:ie,labelFontSettings:le,labelFontSize:H,labelLineHeight:re,labelLetterSpacing:de,labelWordSpacing:ce,labelTextAppearance:ye,statusFontSettings:ve,statusFontSize:$e,statusLineHeight:D,statusLetterSpacing:s,statusWordSpacing:M,statusTextAppearance:Y,successMessage:ee,errorMessage:ne,stateOverrides:oe}=e,T=l==="B",U=c.slice(0,Math.min(i,c.length)),B={fontSettings:{fontFamily:V,fontWeight:(W==null?void 0:W.fontWeight)??400,fontStyle:(W==null?void 0:W.fontStyle)??"normal"},fontSize:K??.01,lineHeight:G,letterSpacing:y??0,wordSpacing:k??0,textAppearance:I,color:A},X=bt(et(B,t)),Q=w.scalingValue(C??0,t),pe=w.scalingValue((G??K??.01)+((v==null?void 0:v.top)??0)+((v==null?void 0:v.bottom)??0)+(l==="C"?C??0:(C??0)*2),t),J={...X,borderStyle:"solid",borderRadius:l==="C"?0:w.scalingValue(g??0,t),...l==="C"?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:Q,borderLeftWidth:0}:{borderWidth:Q},paddingTop:w.scalingValue((v==null?void 0:v.top)??0,t),paddingRight:w.scalingValue((v==null?void 0:v.right)??0,t),paddingBottom:w.scalingValue((v==null?void 0:v.bottom)??0,t),paddingLeft:w.scalingValue((v==null?void 0:v.left)??0,t),height:pe,minHeight:pe},ue={fontSettings:{fontFamily:V,fontWeight:(L==null?void 0:L.fontWeight)??400,fontStyle:(L==null?void 0:L.fontStyle)??"normal"},fontSize:_??.01,lineHeight:z,letterSpacing:Z??0,wordSpacing:se??0,textAppearance:ie,color:f},ge=bt(et(ue,t)),Te=w.scalingValue(x??0,t),Ae={fontSettings:{fontFamily:V,fontWeight:(le==null?void 0:le.fontWeight)??400,fontStyle:(le==null?void 0:le.fontStyle)??"normal"},fontSize:H??.01,lineHeight:re,letterSpacing:de??0,wordSpacing:ce??0,textAppearance:ye,color:P},Le=et(Ae,t),be={fontSettings:{fontFamily:V,fontWeight:(ve==null?void 0:ve.fontWeight)??400,fontStyle:(ve==null?void 0:ve.fontStyle)??"normal"},fontSize:$e??.01,lineHeight:D,letterSpacing:s??0,wordSpacing:M??0,textAppearance:Y,color:O},Me=bt(et(be,t)),Ve=w.buildColorVars(r,{inputColor:b,inputTextColor:A,inputBorderColor:j,placeholderColor:N!=null&&N.trim()?N:"#cccccc",buttonColor:$,buttonTextColor:f,buttonBorderColor:F,labelTextColor:P,successColor:O,errorColor:R},$l,Al,oe),[we,De]=S.useState(()=>Object.fromEntries(U.map(fe=>[fe.name,""]))),[no,$t]=S.useState("idle"),[mr,qt]=S.useState(null),xn=o==="success"?"success":o==="error"?"error":no,fr=o==="error"?ne:mr,Gt=o==="filled",At=S.useMemo(()=>{if(!Gt)return we;let fe=null;for(const Ue of U)(we[Ue.name]??"").trim().length>0||(fe=fe??{...we},fe[Ue.name]="Filled");return fe??we},[we,Gt,U]),yr=xn==="error"?w.getFormFieldValidationError(U,At):null,hr=`${o&&o!=="default"?`${r}-state-${o}`:""}`.trim(),oo=n==null?void 0:n.submitUrl,ro=(fe,Ue)=>{De(qe=>({...qe,[fe]:Ue}))},vr=async fe=>{fe.preventDefault();const Ue=Object.fromEntries(U.map(Pe=>{var dt;return[Pe.name,((dt=we[Pe.name])==null?void 0:dt.trim())??""]}).filter(([,Pe])=>Pe));if(!oo){$t("error"),qt("No integrations were found for this form.");return}if(Object.keys(Ue).length===0)return;const qe=w.getFormFieldValidationError(U,we);if(qe){$t("error"),qt(qe);return}$t("submitting"),qt(null);try{const Pe=await fetch(oo,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(Ue)});if(!Pe.ok){const dt=await Pe.text();throw new Error(dt||`Request failed: ${Pe.status}`)}$t("success"),De(Object.fromEntries(U.map(dt=>[dt.name,""])))}catch(Pe){$t("error"),qt(Pe instanceof Error?Pe.message:"Something went wrong")}};return a.jsxs("div",{className:`${r}-wrapper ${r}-type-${l} ${hr}`.trim(),style:Ve,children:[a.jsx("style",{dangerouslySetInnerHTML:{__html:Tl(r)}}),a.jsxs("form",{onSubmit:vr,className:`${r}-form`,style:{gap:w.scalingValue(m??0,t)},children:[a.jsx("div",{className:`${r}-fields`,style:{gap:w.scalingValue(u??0,t)},children:U.map((fe,Ue)=>a.jsxs("div",{className:`${r}-field-group${T?` ${r}-labeled`:""}`,children:[T&&a.jsx("span",{className:`${r}-field-label`,style:Le?{...Le,lineHeight:Le.fontSize}:void 0,children:fe.label||fe.name}),fe.type==="textarea"?a.jsx("textarea",{name:fe.name,autoComplete:"off",value:At[fe.name]??"",onChange:qe=>ro(fe.name,qe.target.value),placeholder:fe.placeholder,className:`${r}-input`,style:J,rows:1,"data-filled":Gt||(At[fe.name]??"").trim().length>0,"data-field-type":"textarea"}):a.jsx("input",{type:fe.type==="phone"?"tel":fe.type==="email"?"email":"text",name:fe.name,autoComplete:"off",value:At[fe.name]??"",onChange:qe=>ro(fe.name,qe.target.value),placeholder:fe.placeholder,required:fe.isRequired??fe.type==="email",className:`${r}-input`,style:J,"data-filled":Gt||(At[fe.name]??"").trim().length>0})]},Ue))}),a.jsx("div",{className:`${r}-overlay-anchor`,children:a.jsx("button",{type:"submit",className:`${r}-button`,style:{borderStyle:"solid",borderRadius:w.scalingValue(E??0,t),borderWidth:Te,paddingTop:w.scalingValue((h==null?void 0:h.top)??0,t),paddingRight:w.scalingValue((h==null?void 0:h.right)??0,t),paddingBottom:w.scalingValue((h==null?void 0:h.bottom)??0,t),paddingLeft:w.scalingValue((h==null?void 0:h.left)??0,t),...ge,...d?{width:"100%",textAlign:"center",whiteSpace:"normal"}:{}},children:a.jsx("span",{className:`${r}-overlay-anchor`,style:d?{display:"inline-block",maxWidth:"100%",whiteSpace:"normal",textAlign:"center"}:void 0,children:no==="submitting"?"...":p})})})]}),xn==="success"&&a.jsx("p",{className:`${r}-success`,style:{...Me},children:ee}),xn==="error"&&a.jsx("p",{className:`${r}-error`,style:{...Me},role:"alert",children:yr??fr??ne})]})}const $l={inputColor:"input-color",inputTextColor:"input-text-color",inputBorderColor:"input-border-color",placeholderColor:"placeholder-color",buttonColor:"button-color",buttonTextColor:"button-text-color",buttonBorderColor:"button-border-color",labelTextColor:"label-text-color",successColor:"success-color",errorColor:"error-color"},Al=["hover","focus","filled","success","error"],El=`import React, { useMemo, useState } from 'react';
+`}function $l({settings:e,isEditor:t,metadata:n,activeEvent:o}){const{prefix:r}=$.useScopedStyles(),{type:a="A",fieldsToShow:i=2,fields:u=[],buttonLabel:s,gap:g,fieldsGap:c,buttonCorners:A,buttonStroke:x,buttonPadding:f,isButtonFullWidth:p,inputCorners:d,inputStroke:S,inputPadding:y,inputColor:v,inputTextColor:_,inputBorderColor:D,placeholderColor:V,buttonColor:T,buttonTextColor:m,buttonBorderColor:k,labelTextColor:R,successColor:O,errorColor:F,fontFamily:H,inputFontSettings:M,inputFontSize:X,inputLineHeight:G,inputLetterSpacing:h,inputWordSpacing:E,inputTextAppearance:I,buttonFontSettings:L,buttonFontSize:w,buttonLineHeight:N,buttonLetterSpacing:K,buttonWordSpacing:ie,buttonTextAppearance:ne,labelFontSettings:ce,labelFontSize:P,labelLineHeight:Q,labelLetterSpacing:de,labelWordSpacing:pe,labelTextAppearance:Y,statusFontSettings:ae,statusFontSize:fe,statusLineHeight:j,statusLetterSpacing:b,statusWordSpacing:U,statusTextAppearance:Z,successMessage:te,errorMessage:re,stateOverrides:W}=e,z=a==="B",q=u.slice(0,Math.min(i,u.length)),ee={fontSettings:{fontFamily:H,fontWeight:(M==null?void 0:M.fontWeight)??400,fontStyle:(M==null?void 0:M.fontStyle)??"normal"},fontSize:X??.01,lineHeight:G,letterSpacing:h??0,wordSpacing:E??0,textAppearance:I,color:_},oe=mt(Re(ee,t)),ue=$.scalingValue(S??0,t),Te=$.scalingValue((G??X??.01)+((y==null?void 0:y.top)??0)+((y==null?void 0:y.bottom)??0)+(a==="C"?S??0:(S??0)*2),t),se={...oe,borderStyle:"solid",borderRadius:a==="C"?0:$.scalingValue(d??0,t),...a==="C"?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:ue,borderLeftWidth:0}:{borderWidth:ue},paddingTop:$.scalingValue((y==null?void 0:y.top)??0,t),paddingRight:$.scalingValue((y==null?void 0:y.right)??0,t),paddingBottom:$.scalingValue((y==null?void 0:y.bottom)??0,t),paddingLeft:$.scalingValue((y==null?void 0:y.left)??0,t),height:Te,minHeight:Te},he={fontSettings:{fontFamily:H,fontWeight:(L==null?void 0:L.fontWeight)??400,fontStyle:(L==null?void 0:L.fontStyle)??"normal"},fontSize:w??.01,lineHeight:N,letterSpacing:K??0,wordSpacing:ie??0,textAppearance:ne,color:m},we=mt(Re(he,t)),Ge=$.scalingValue(x??0,t),hn={fontSettings:{fontFamily:H,fontWeight:(ce==null?void 0:ce.fontWeight)??400,fontStyle:(ce==null?void 0:ce.fontStyle)??"normal"},fontSize:P??.01,lineHeight:Q,letterSpacing:de??0,wordSpacing:pe??0,textAppearance:Y,color:R},St=Re(hn,t),be={fontSettings:{fontFamily:H,fontWeight:(ae==null?void 0:ae.fontWeight)??400,fontStyle:(ae==null?void 0:ae.fontStyle)??"normal"},fontSize:fe??.01,lineHeight:j,letterSpacing:b??0,wordSpacing:U??0,textAppearance:Z,color:O},Pe=mt(Re(be,t)),tt=$.buildColorVars(r,{inputColor:v,inputTextColor:_,inputBorderColor:D,placeholderColor:V!=null&&V.trim()?V:"#cccccc",buttonColor:T,buttonTextColor:m,buttonBorderColor:k,labelTextColor:R,successColor:O,errorColor:F},wl,Tl,W),[Se,He]=C.useState(()=>Object.fromEntries(q.map(me=>[me.name,""]))),[Qn,Ct]=C.useState("idle"),[dr,zt]=C.useState(null),yn=o==="success"?"success":o==="error"?"error":Qn,gr=o==="error"?re:dr,Bt=o==="filled",$t=C.useMemo(()=>{if(!Bt)return Se;let me=null;for(const Ve of q)(Se[Ve.name]??"").trim().length>0||(me=me??{...Se},me[Ve.name]="Filled");return me??Se},[Se,Bt,q]),mr=yn==="error"?$.getFormFieldValidationError(q,$t):null,fr=`${o&&o!=="default"?`${r}-state-${o}`:""}`.trim(),eo=n==null?void 0:n.submitUrl,to=(me,Ve)=>{He(je=>({...je,[me]:Ve}))},hr=async me=>{me.preventDefault();const Ve=Object.fromEntries(q.map(Le=>{var lt;return[Le.name,((lt=Se[Le.name])==null?void 0:lt.trim())??""]}).filter(([,Le])=>Le));if(!eo){Ct("error"),zt("No integrations were found for this form.");return}if(Object.keys(Ve).length===0)return;const je=$.getFormFieldValidationError(q,Se);if(je){Ct("error"),zt(je);return}Ct("submitting"),zt(null);try{const Le=await fetch(eo,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(Ve)});if(!Le.ok){const lt=await Le.text();throw new Error(lt||`Request failed: ${Le.status}`)}Ct("success"),He(Object.fromEntries(q.map(lt=>[lt.name,""])))}catch(Le){Ct("error"),zt(Le instanceof Error?Le.message:"Something went wrong")}};return l.jsxs("div",{className:`${r}-wrapper ${r}-type-${a} ${fr}`.trim(),style:tt,children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:Cl(r)}}),l.jsxs("form",{onSubmit:hr,className:`${r}-form`,style:{gap:$.scalingValue(g??0,t)},children:[l.jsx("div",{className:`${r}-fields`,style:{gap:$.scalingValue(c??0,t)},children:q.map((me,Ve)=>l.jsxs("div",{className:`${r}-field-group${z?` ${r}-labeled`:""}`,children:[z&&l.jsx("span",{className:`${r}-field-label`,style:St?{...St,lineHeight:St.fontSize}:void 0,children:me.label||me.name}),me.type==="textarea"?l.jsx("textarea",{name:me.name,autoComplete:"off",value:$t[me.name]??"",onChange:je=>to(me.name,je.target.value),placeholder:me.placeholder,className:`${r}-input`,style:se,rows:1,"data-filled":Bt||($t[me.name]??"").trim().length>0,"data-field-type":"textarea"}):l.jsx("input",{type:me.type==="phone"?"tel":me.type==="email"?"email":"text",name:me.name,autoComplete:"off",value:$t[me.name]??"",onChange:je=>to(me.name,je.target.value),placeholder:me.placeholder,required:me.isRequired??me.type==="email",className:`${r}-input`,style:se,"data-filled":Bt||($t[me.name]??"").trim().length>0})]},Ve))}),l.jsx("div",{className:`${r}-overlay-anchor`,children:l.jsx("button",{type:"submit",className:`${r}-button`,style:{borderStyle:"solid",borderRadius:$.scalingValue(A??0,t),borderWidth:Ge,paddingTop:$.scalingValue((f==null?void 0:f.top)??0,t),paddingRight:$.scalingValue((f==null?void 0:f.right)??0,t),paddingBottom:$.scalingValue((f==null?void 0:f.bottom)??0,t),paddingLeft:$.scalingValue((f==null?void 0:f.left)??0,t),...we,...p?{width:"100%",textAlign:"center",whiteSpace:"normal"}:{}},children:l.jsx("span",{className:`${r}-overlay-anchor`,style:p?{display:"inline-block",maxWidth:"100%",whiteSpace:"normal",textAlign:"center"}:void 0,children:Qn==="submitting"?"...":s})})})]}),yn==="success"&&l.jsx("p",{className:`${r}-success`,style:{...Pe},children:te}),yn==="error"&&l.jsx("p",{className:`${r}-error`,style:{...Pe},role:"alert",children:mr??gr??re})]})}const wl={inputColor:"input-color",inputTextColor:"input-text-color",inputBorderColor:"input-border-color",placeholderColor:"placeholder-color",buttonColor:"button-color",buttonTextColor:"button-text-color",buttonBorderColor:"button-border-color",labelTextColor:"label-text-color",successColor:"success-color",errorColor:"error-color"},Tl=["hover","focus","filled","success","error"],_l=`import React, { useMemo, useState } from 'react';
 import { CommonComponentProps } from '../props';
 import { buildColorVars, getFormFieldValidationError, scalingValue, useScopedStyles } from '../utils/index';
 import { omitTextColors, textStylesToCss, type TextStyles } from '../utils/textStylesToCss';
@@ -740,7 +740,7 @@ const COLOR_VAR_MAP: Record<ColorKeys, string> = {
 };
 
 const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
-`,Il=[{name:"email",type:"email",placeholder:"Enter your email",label:"Email",isRequired:!0,error:"Please, enter a valid e-mail."},{name:"name",type:"text",placeholder:"Enter your name",label:"Name",isRequired:!1,error:"Please, enter your name."},{name:"company",type:"text",placeholder:"Enter company",label:"Company",isRequired:!1,error:"Please, enter your company name."},{name:"phone",type:"phone",placeholder:"Enter your phone",label:"Phone",isRequired:!1,error:"Please, enter a valid phone number."},{name:"message",type:"textarea",placeholder:"Enter your message",label:"Message",isRequired:!1,error:"Message is required"},{name:"message2",type:"textarea",placeholder:"Enter your message 2",label:"Message 2",isRequired:!1,error:"Message 2 is required"},{name:"message3",type:"textarea",placeholder:"Enter your message 3",label:"Message 3",isRequired:!1,error:"Message 3 is required"}],Jt={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},Ll=["inputColor","inputTextColor","inputBorderColor","placeholderColor","buttonColor","buttonTextColor","buttonBorderColor","labelTextColor","successColor","errorColor"],Fl={type:"object",version:1,settings:{sizing:"auto manual",properties:{fieldsToShow:{type:"number",scope:"common",title:"Fields",display:{type:"number"},min:1,max:7},fields:{type:"array",scope:"common",display:{type:"fields-group"},items:{type:"object",properties:{name:{type:"string"},type:{type:"string",enum:["text","textarea","phone","email"]},placeholder:{type:"string"},label:{type:"string"},isRequired:{type:"boolean"},error:{type:"string"}}}},buttonLabel:{type:"string",scope:"common",title:"Button Label",display:{type:"text-input"}},successMessage:{type:"string",scope:"common",title:"Success Message",display:{type:"text-input"}},errorMessage:{type:"string",scope:"common",title:"Error Message",display:{type:"text-input"}},type:{type:"string",scope:"common",title:"",display:{type:"radio-group"},enum:["A","B","C"]},gap:{type:"number",scope:"layout",title:"Gap",display:{type:"range-control"},min:0,max:100},fieldsGap:{type:"number",scope:"layout",title:"Gap",display:{type:"range-control",enabled:!0},min:0,max:100},buttonPadding:{type:"object",scope:"layout",title:"Padding",display:{type:"padding-controls"}},inputPadding:{type:"object",scope:"layout",title:"Padding",display:{type:"padding-controls"}},buttonStroke:{type:"number",scope:"layout",title:"Stroke",display:{type:"range-control"},min:0,max:20},buttonCorners:{type:"number",scope:"layout",title:"Corners",display:{type:"range-control",enabled:!0},min:0,max:100},inputStroke:{type:"number",scope:"layout",title:"Stroke",display:{type:"range-control"},min:0,max:20},inputCorners:{type:"number",scope:"layout",title:"Corners",display:{type:"range-control",enabled:!0},min:0,max:100},inputColor:{type:"string",scope:"common",title:"Input Fill",display:{type:"palette-color-picker"}},inputTextColor:{type:"string",scope:"common",title:"Input Label",display:{type:"palette-color-picker"}},inputBorderColor:{type:"string",scope:"common",title:"Input Stroke",display:{type:"palette-color-picker"}},placeholderColor:{type:"string",scope:"common",title:"Filler text",display:{type:"palette-color-picker"}},buttonColor:{type:"string",scope:"common",title:"Button Fill",display:{type:"palette-color-picker"}},buttonTextColor:{type:"string",scope:"common",title:"Button Label",display:{type:"palette-color-picker"}},isButtonFullWidth:{type:"boolean",scope:"common",title:"Full Width",display:{type:"toggle",enum:["On","Off"]}},buttonBorderColor:{type:"string",scope:"common",title:"Button Stroke",display:{type:"palette-color-picker"}},labelTextColor:{type:"string",scope:"common",title:"Label Color",display:{type:"palette-color-picker",visible:!1}},successColor:{type:"string",scope:"common",title:"Success Message Color",display:{type:"palette-color-picker"}},errorColor:{type:"string",scope:"common",title:"Error Message Color",display:{type:"palette-color-picker"}},stateOverrides:{type:"object",scope:"common"},fontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},inputFontSettings:{...Jt.fontSettings,scope:"common",title:"Input",display:{type:"font-settings-weight"}},inputFontSize:{type:"number",scope:"layout",title:"Input Font Size",display:{type:"font-size"}},inputLineHeight:{type:"number",scope:"layout",title:"Input Line Height",display:{type:"line-height-input"}},inputLetterSpacing:{type:"number",scope:"layout",title:"Input Letter Spacing",display:{type:"letter-spacing-input"}},inputWordSpacing:{type:"number",scope:"layout",title:"Input Word Spacing",display:{type:"word-spacing-input"}},inputTextAppearance:{type:"object",scope:"layout",title:"Input Text Appearance",display:{type:"text-appearance"}},buttonFontSettings:{...Jt.fontSettings,scope:"common",title:"Button",display:{type:"font-settings-weight"}},buttonFontSize:{type:"number",scope:"layout",title:"Button Font Size",display:{type:"font-size"}},buttonLineHeight:{type:"number",scope:"layout",title:"Button Line Height",display:{type:"line-height-input"}},buttonLetterSpacing:{type:"number",scope:"layout",title:"Button Letter Spacing",display:{type:"letter-spacing-input"}},buttonWordSpacing:{type:"number",scope:"layout",title:"Button Word Spacing",display:{type:"word-spacing-input"}},buttonTextAppearance:{type:"object",scope:"layout",title:"Button Text Appearance",display:{type:"text-appearance"}},labelFontSettings:{...Jt.fontSettings,scope:"common",title:"Label",display:{type:"font-settings-weight",visible:!1}},labelFontSize:{type:"number",scope:"layout",title:"Label Font Size",display:{type:"font-size",visible:!1}},labelLineHeight:{type:"number",scope:"layout",title:"Label Line Height",display:{type:"line-height-input",visible:!1}},labelLetterSpacing:{type:"number",scope:"layout",title:"Label Letter Spacing",display:{type:"letter-spacing-input",visible:!1}},labelWordSpacing:{type:"number",scope:"layout",title:"Label Word Spacing",display:{type:"word-spacing-input",visible:!1}},labelTextAppearance:{type:"object",scope:"layout",title:"Label Text Appearance",display:{type:"text-appearance",visible:!1}},statusFontSettings:{...Jt.fontSettings,scope:"common",title:"Success/Error"},statusFontSize:{type:"number",scope:"layout",title:"Success/Error Font Size",display:{type:"font-size"}},statusLineHeight:{type:"number",scope:"layout",title:"Success/Error Line Height",display:{type:"line-height-input"}},statusLetterSpacing:{type:"number",scope:"layout",title:"Success/Error Letter Spacing",display:{type:"letter-spacing-input"}},statusWordSpacing:{type:"number",scope:"layout",title:"Success/Error Word Spacing",display:{type:"word-spacing-input"}},statusTextAppearance:{type:"object",scope:"layout",title:"Success/Error Text Appearance",display:{type:"text-appearance"}}},defaults:{fieldsToShow:2,fields:Il,type:"A",inputColor:"#FFFFFF",inputTextColor:"#0A00F8",inputBorderColor:"#E2E2E2",placeholderColor:"#808080",buttonColor:"#0A00F8",buttonTextColor:"#ffffff",buttonBorderColor:"#0A00F8",labelTextColor:"#999999",successColor:"#22c55e",errorColor:"#ef4444",stateOverrides:{hover:{buttonColor:"#194EFF"}},fontFamily:"Arial",inputFontSettings:{fontWeight:400,fontStyle:"normal"},inputLetterSpacing:0,inputWordSpacing:0,inputTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},buttonFontSettings:{fontWeight:400,fontStyle:"normal"},buttonLetterSpacing:0,buttonWordSpacing:0,buttonTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},labelFontSettings:{fontWeight:400,fontStyle:"normal"},labelLetterSpacing:0,labelWordSpacing:0,labelTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},statusFontSettings:{fontWeight:400,fontStyle:"normal"},statusLetterSpacing:0,statusWordSpacing:0,statusTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},isButtonFullWidth:!1,buttonLabel:"Sign up",successMessage:"Thanks for subscribing!",errorMessage:"Please, fill all required fields."},layoutDefaults:{m:{gap:.032,fieldsGap:.032,buttonStroke:0,buttonCorners:.192,inputStroke:.003,inputCorners:.192,buttonPadding:{top:.0373,right:.0373,bottom:.0373,left:.0373},inputPadding:{top:.0373,right:.0373,bottom:.0373,left:.0373},inputFontSize:.043,inputLineHeight:.043,buttonFontSize:.0373,buttonLineHeight:.0373,labelFontSize:.0373,labelLineHeight:.0373,statusFontSize:.0373,statusLineHeight:.0373},d:{gap:.0083,fieldsGap:.0083,buttonStroke:0,buttonCorners:.05,inputStroke:.001,inputCorners:.05,buttonPadding:{top:.01,right:.01,bottom:.01,left:.01},inputPadding:{top:.01,right:.01,bottom:.01,left:.01},inputFontSize:.01,inputLineHeight:.01,buttonFontSize:.01,buttonLineHeight:.01,labelFontSize:.01,labelLineHeight:.01,statusFontSize:.01,statusLineHeight:.01}},displayRules:[{if:{name:"type",value:"B"},then:{name:"properties.labelTextColor.display.visible",value:!0}},{if:{name:"type",value:"B"},then:{name:"properties.labelFontSettings.display.visible",value:!0}},{if:{name:"type",value:"B"},then:{name:"properties.labelFontSize.display.visible",value:!0}},{if:{name:"type",value:"B"},then:{name:"properties.labelLineHeight.display.visible",value:!0}},{if:{name:"type",value:"B"},then:{name:"properties.labelLetterSpacing.display.visible",value:!0}},{if:{name:"type",value:"B"},then:{name:"properties.labelWordSpacing.display.visible",value:!0}},{if:{name:"type",value:"B"},then:{name:"properties.labelTextAppearance.display.visible",value:!0}},{if:{name:"type",value:"C"},then:{name:"properties.buttonCorners.display.enabled",value:!1}},{if:{name:"type",value:"C"},then:{name:"properties.inputCorners.display.enabled",value:!1}},{if:{name:"buttonStroke",value:0},then:{name:"properties.buttonBorderColor.display.visible",value:!1}},{if:{name:"inputStroke",value:0},then:{name:"properties.inputBorderColor.display.visible",value:!1}},{if:{name:"fieldsToShow",value:1},then:{name:"properties.fieldsGap.display.enabled",value:!1}}]},panels:[{id:"general",icon:"cursor",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__","name","fieldsToShow"]},"type",{type:"group",title:"",items:[{type:"row",title:"Input",items:[{type:"group",title:"",items:["fieldsGap","inputStroke","inputCorners"]},{type:"group",title:"",items:["inputPadding"]}]},{type:"group",title:"Button",items:[{type:"row",items:["isButtonFullWidth"]},{type:"row",items:[{type:"group",title:"",items:["gap","buttonStroke","buttonCorners"]},{type:"group",title:"",items:["buttonPadding"]}]}]}]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:["fontFamily",{type:"group",title:"",items:["inputFontSettings",{type:"row",items:["inputFontSize","inputLineHeight","inputLetterSpacing","inputWordSpacing"]},"inputTextAppearance"]},{type:"group",title:"",items:["buttonFontSettings",{type:"row",items:["buttonFontSize","buttonLineHeight","buttonLetterSpacing","buttonWordSpacing"]},"buttonTextAppearance"]},{type:"group",title:"",items:["labelFontSettings",{type:"row",items:["labelFontSize","labelLineHeight","labelLetterSpacing","labelWordSpacing"]},"labelTextAppearance"]},{type:"group",title:"",items:["statusFontSettings",{type:"row",items:["statusFontSize","statusLineHeight","statusLetterSpacing","statusWordSpacing"]},"statusTextAppearance"]}]},{id:"fields",icon:"layers",title:"Fields",tooltip:"Fields",layout:["fields","buttonLabel","successMessage","errorMessage"]}],paletteBookmark:{items:[...Ll],panelIds:["general","typeStyle"],stateItems:{default:["placeholderColor","inputColor","inputBorderColor","buttonTextColor","buttonColor","buttonBorderColor","labelTextColor"],hover:["inputColor","inputBorderColor","buttonTextColor","buttonColor","buttonBorderColor"],focus:["inputColor","inputBorderColor","buttonTextColor","buttonColor","buttonBorderColor"],filled:["inputTextColor","inputColor","inputBorderColor","buttonTextColor"],success:["successColor"],error:["errorColor"]}},allowedPlugins:["newsletter"],states:["default","hover","focus","filled","success","error"]},kl={element:_l,id:"form",name:"Newsletter Stacked",category:"forms",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/formImg.jpg"},defaultSize:{width:300,height:42},schema:Fl,sourceCode:El};function Zt(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function Rl(e){return`
+`,Al=[{name:"email",type:"email",placeholder:"Enter your email",label:"Email",isRequired:!0,error:"Please, enter a valid e-mail."},{name:"name",type:"text",placeholder:"Enter your name",label:"Name",isRequired:!1,error:"Please, enter your name."},{name:"company",type:"text",placeholder:"Enter company",label:"Company",isRequired:!1,error:"Please, enter your company name."},{name:"phone",type:"phone",placeholder:"Enter your phone",label:"Phone",isRequired:!1,error:"Please, enter a valid phone number."},{name:"message",type:"textarea",placeholder:"Enter your message",label:"Message",isRequired:!1,error:"Message is required"},{name:"message2",type:"textarea",placeholder:"Enter your message 2",label:"Message 2",isRequired:!1,error:"Message 2 is required"},{name:"message3",type:"textarea",placeholder:"Enter your message 3",label:"Message 3",isRequired:!1,error:"Message 3 is required"}],Gt={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},El=["inputColor","inputTextColor","inputBorderColor","placeholderColor","buttonColor","buttonTextColor","buttonBorderColor","labelTextColor","successColor","errorColor"],Ll={type:"object",version:1,settings:{sizing:"auto manual",properties:{fieldsToShow:{type:"number",scope:"common",title:"Fields",display:{type:"number"},min:1,max:7},fields:{type:"array",scope:"common",display:{type:"fields-group"},items:{type:"object",properties:{name:{type:"string"},type:{type:"string",enum:["text","textarea","phone","email"]},placeholder:{type:"string"},label:{type:"string"},isRequired:{type:"boolean"},error:{type:"string"}}}},buttonLabel:{type:"string",scope:"common",title:"Button Label",display:{type:"text-input"}},successMessage:{type:"string",scope:"common",title:"Success Message",display:{type:"text-input"}},errorMessage:{type:"string",scope:"common",title:"Error Message",display:{type:"text-input"}},type:{type:"string",scope:"common",title:"",display:{type:"radio-group"},enum:["A","B","C"]},gap:{type:"number",scope:"layout",title:"Gap",display:{type:"range-control"},min:0,max:100},fieldsGap:{type:"number",scope:"layout",title:"Gap",display:{type:"range-control",enabled:!0},min:0,max:100},buttonPadding:{type:"object",scope:"layout",title:"Padding",display:{type:"padding-controls"}},inputPadding:{type:"object",scope:"layout",title:"Padding",display:{type:"padding-controls"}},buttonStroke:{type:"number",scope:"layout",title:"Stroke",display:{type:"range-control"},min:0,max:20},buttonCorners:{type:"number",scope:"layout",title:"Corners",display:{type:"range-control",enabled:!0},min:0,max:100},inputStroke:{type:"number",scope:"layout",title:"Stroke",display:{type:"range-control"},min:0,max:20},inputCorners:{type:"number",scope:"layout",title:"Corners",display:{type:"range-control",enabled:!0},min:0,max:100},inputColor:{type:"string",scope:"common",title:"Input Fill",display:{type:"palette-color-picker"}},inputTextColor:{type:"string",scope:"common",title:"Input Label",display:{type:"palette-color-picker"}},inputBorderColor:{type:"string",scope:"common",title:"Input Stroke",display:{type:"palette-color-picker"}},placeholderColor:{type:"string",scope:"common",title:"Filler text",display:{type:"palette-color-picker"}},buttonColor:{type:"string",scope:"common",title:"Button Fill",display:{type:"palette-color-picker"}},buttonTextColor:{type:"string",scope:"common",title:"Button Label",display:{type:"palette-color-picker"}},isButtonFullWidth:{type:"boolean",scope:"common",title:"Full Width",display:{type:"toggle",enum:["On","Off"]}},buttonBorderColor:{type:"string",scope:"common",title:"Button Stroke",display:{type:"palette-color-picker"}},labelTextColor:{type:"string",scope:"common",title:"Label Color",display:{type:"palette-color-picker",visible:!1}},successColor:{type:"string",scope:"common",title:"Success Message Color",display:{type:"palette-color-picker"}},errorColor:{type:"string",scope:"common",title:"Error Message Color",display:{type:"palette-color-picker"}},stateOverrides:{type:"object",scope:"common"},fontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},inputFontSettings:{...Gt.fontSettings,scope:"common",title:"Input",display:{type:"font-settings-weight"}},inputFontSize:{type:"number",scope:"layout",title:"Input Font Size",display:{type:"font-size"}},inputLineHeight:{type:"number",scope:"layout",title:"Input Line Height",display:{type:"line-height-input"}},inputLetterSpacing:{type:"number",scope:"layout",title:"Input Letter Spacing",display:{type:"letter-spacing-input"}},inputWordSpacing:{type:"number",scope:"layout",title:"Input Word Spacing",display:{type:"word-spacing-input"}},inputTextAppearance:{type:"object",scope:"layout",title:"Input Text Appearance",display:{type:"text-appearance"}},buttonFontSettings:{...Gt.fontSettings,scope:"common",title:"Button",display:{type:"font-settings-weight"}},buttonFontSize:{type:"number",scope:"layout",title:"Button Font Size",display:{type:"font-size"}},buttonLineHeight:{type:"number",scope:"layout",title:"Button Line Height",display:{type:"line-height-input"}},buttonLetterSpacing:{type:"number",scope:"layout",title:"Button Letter Spacing",display:{type:"letter-spacing-input"}},buttonWordSpacing:{type:"number",scope:"layout",title:"Button Word Spacing",display:{type:"word-spacing-input"}},buttonTextAppearance:{type:"object",scope:"layout",title:"Button Text Appearance",display:{type:"text-appearance"}},labelFontSettings:{...Gt.fontSettings,scope:"common",title:"Label",display:{type:"font-settings-weight",visible:!1}},labelFontSize:{type:"number",scope:"layout",title:"Label Font Size",display:{type:"font-size",visible:!1}},labelLineHeight:{type:"number",scope:"layout",title:"Label Line Height",display:{type:"line-height-input",visible:!1}},labelLetterSpacing:{type:"number",scope:"layout",title:"Label Letter Spacing",display:{type:"letter-spacing-input",visible:!1}},labelWordSpacing:{type:"number",scope:"layout",title:"Label Word Spacing",display:{type:"word-spacing-input",visible:!1}},labelTextAppearance:{type:"object",scope:"layout",title:"Label Text Appearance",display:{type:"text-appearance",visible:!1}},statusFontSettings:{...Gt.fontSettings,scope:"common",title:"Success/Error"},statusFontSize:{type:"number",scope:"layout",title:"Success/Error Font Size",display:{type:"font-size"}},statusLineHeight:{type:"number",scope:"layout",title:"Success/Error Line Height",display:{type:"line-height-input"}},statusLetterSpacing:{type:"number",scope:"layout",title:"Success/Error Letter Spacing",display:{type:"letter-spacing-input"}},statusWordSpacing:{type:"number",scope:"layout",title:"Success/Error Word Spacing",display:{type:"word-spacing-input"}},statusTextAppearance:{type:"object",scope:"layout",title:"Success/Error Text Appearance",display:{type:"text-appearance"}}},defaults:{fieldsToShow:2,fields:Al,type:"A",inputColor:"#FFFFFF",inputTextColor:"#0A00F8",inputBorderColor:"#E2E2E2",placeholderColor:"#808080",buttonColor:"#0A00F8",buttonTextColor:"#ffffff",buttonBorderColor:"#0A00F8",labelTextColor:"#999999",successColor:"#22c55e",errorColor:"#ef4444",stateOverrides:{hover:{buttonColor:"#194EFF"}},fontFamily:"Arial",inputFontSettings:{fontWeight:400,fontStyle:"normal"},inputLetterSpacing:0,inputWordSpacing:0,inputTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},buttonFontSettings:{fontWeight:400,fontStyle:"normal"},buttonLetterSpacing:0,buttonWordSpacing:0,buttonTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},labelFontSettings:{fontWeight:400,fontStyle:"normal"},labelLetterSpacing:0,labelWordSpacing:0,labelTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},statusFontSettings:{fontWeight:400,fontStyle:"normal"},statusLetterSpacing:0,statusWordSpacing:0,statusTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},isButtonFullWidth:!1,buttonLabel:"Sign up",successMessage:"Thanks for subscribing!",errorMessage:"Please, fill all required fields."},layoutDefaults:{m:{gap:.032,fieldsGap:.032,buttonStroke:0,buttonCorners:.192,inputStroke:.003,inputCorners:.192,buttonPadding:{top:.0373,right:.0373,bottom:.0373,left:.0373},inputPadding:{top:.0373,right:.0373,bottom:.0373,left:.0373},inputFontSize:.043,inputLineHeight:.043,buttonFontSize:.0373,buttonLineHeight:.0373,labelFontSize:.0373,labelLineHeight:.0373,statusFontSize:.0373,statusLineHeight:.0373},d:{gap:.0083,fieldsGap:.0083,buttonStroke:0,buttonCorners:.05,inputStroke:.001,inputCorners:.05,buttonPadding:{top:.01,right:.01,bottom:.01,left:.01},inputPadding:{top:.01,right:.01,bottom:.01,left:.01},inputFontSize:.01,inputLineHeight:.01,buttonFontSize:.01,buttonLineHeight:.01,labelFontSize:.01,labelLineHeight:.01,statusFontSize:.01,statusLineHeight:.01}},displayRules:[{if:{name:"type",value:"B"},then:{name:"properties.labelTextColor.display.visible",value:!0}},{if:{name:"type",value:"B"},then:{name:"properties.labelFontSettings.display.visible",value:!0}},{if:{name:"type",value:"B"},then:{name:"properties.labelFontSize.display.visible",value:!0}},{if:{name:"type",value:"B"},then:{name:"properties.labelLineHeight.display.visible",value:!0}},{if:{name:"type",value:"B"},then:{name:"properties.labelLetterSpacing.display.visible",value:!0}},{if:{name:"type",value:"B"},then:{name:"properties.labelWordSpacing.display.visible",value:!0}},{if:{name:"type",value:"B"},then:{name:"properties.labelTextAppearance.display.visible",value:!0}},{if:{name:"type",value:"C"},then:{name:"properties.buttonCorners.display.enabled",value:!1}},{if:{name:"type",value:"C"},then:{name:"properties.inputCorners.display.enabled",value:!1}},{if:{name:"buttonStroke",value:0},then:{name:"properties.buttonBorderColor.display.visible",value:!1}},{if:{name:"inputStroke",value:0},then:{name:"properties.inputBorderColor.display.visible",value:!1}},{if:{name:"fieldsToShow",value:1},then:{name:"properties.fieldsGap.display.enabled",value:!1}}]},panels:[{id:"general",icon:"cursor",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__","name","fieldsToShow"]},"type",{type:"group",title:"",items:[{type:"row",title:"Input",items:[{type:"group",title:"",items:["fieldsGap","inputStroke","inputCorners"]},{type:"group",title:"",items:["inputPadding"]}]},{type:"group",title:"Button",items:[{type:"row",items:["isButtonFullWidth"]},{type:"row",items:[{type:"group",title:"",items:["gap","buttonStroke","buttonCorners"]},{type:"group",title:"",items:["buttonPadding"]}]}]}]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:["fontFamily",{type:"group",title:"",items:["inputFontSettings",{type:"row",items:["inputFontSize","inputLineHeight","inputLetterSpacing","inputWordSpacing"]},"inputTextAppearance"]},{type:"group",title:"",items:["buttonFontSettings",{type:"row",items:["buttonFontSize","buttonLineHeight","buttonLetterSpacing","buttonWordSpacing"]},"buttonTextAppearance"]},{type:"group",title:"",items:["labelFontSettings",{type:"row",items:["labelFontSize","labelLineHeight","labelLetterSpacing","labelWordSpacing"]},"labelTextAppearance"]},{type:"group",title:"",items:["statusFontSettings",{type:"row",items:["statusFontSize","statusLineHeight","statusLetterSpacing","statusWordSpacing"]},"statusTextAppearance"]}]},{id:"fields",icon:"layers",title:"Fields",tooltip:"Fields",layout:["fields","buttonLabel","successMessage","errorMessage"]}],paletteBookmark:{items:[...El],panelIds:["general","typeStyle"],stateItems:{default:["placeholderColor","inputColor","inputBorderColor","buttonTextColor","buttonColor","buttonBorderColor","labelTextColor"],hover:["inputColor","inputBorderColor","buttonTextColor","buttonColor","buttonBorderColor"],focus:["inputColor","inputBorderColor","buttonTextColor","buttonColor","buttonBorderColor"],filled:["inputTextColor","inputColor","inputBorderColor","buttonTextColor"],success:["successColor"],error:["errorColor"]}},allowedPlugins:["newsletter"],states:["default","hover","focus","filled","success","error"]},Il={element:$l,id:"form",name:"Newsletter Stacked",category:"forms",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/formImg.jpg"},defaultSize:{width:300,height:42},schema:Ll,sourceCode:_l};function Yt(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function kl(e){return`
 .${e}-wrapper {
   display: flex;
   flex-direction: column;
@@ -922,16 +922,16 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
   align-items: center;
 }
 .${e}-success {
-  margin-top: ${Zt(8)};
-  font-size: ${Zt(14)};
+  margin-top: ${Yt(8)};
+  font-size: ${Yt(14)};
   color: var(--${e}-success-success-color, var(--${e}-success-color));
 }
 .${e}-error {
-  margin-top: ${Zt(8)};
-  font-size: ${Zt(14)};
+  margin-top: ${Yt(8)};
+  font-size: ${Yt(14)};
   color: var(--${e}-error-error-color, var(--${e}-error-color));
 }
-`}const Ml=({settings:e,isEditor:t,metadata:n,activeEvent:o})=>{const{prefix:r}=w.useScopedStyles(),{fields:l=[{name:"email",type:"email",placeholder:"Your email"}],buttonIcon:i,buttonLabel:c,fieldsToShow:p=1,fontFamily:m,inputFontSettings:u,inputFontSize:E,inputLineHeight:x,inputLetterSpacing:h,inputWordSpacing:d,inputTextAppearance:g,buttonFontSettings:C,buttonFontSize:v,buttonLineHeight:b,buttonLetterSpacing:A,buttonWordSpacing:j,buttonTextAppearance:N,statusFontSettings:$,statusFontSize:f,statusLineHeight:F,statusLetterSpacing:P,statusWordSpacing:O,statusTextAppearance:R,iconMaxWidth:V,minHeight:W,corners:K,stroke:G,stateOverrides:y,inputPadding:k,buttonPadding:I,successMessage:L="Thanks for subscribing!",errorMessage:_="Please, fill all required fields."}=e,z=l.slice(0,Math.min(p,l.length)),[Z,se]=S.useState(()=>Object.fromEntries(z.map(be=>[be.name,""]))),[ie,le]=S.useState("idle"),[H,re]=S.useState(null),de=o==="success"?"success":o==="error"?"error":ie,ce=o==="error"?_:H,ye=o==="filled",ve=S.useMemo(()=>{if(!ye)return Z;let be=null;for(const Me of z)(Z[Me.name]??"").trim().length>0||(be=be??{...Z},be[Me.name]="Filled");return be??Z},[ye,Z,z]),$e=de==="error"?w.getFormFieldValidationError(z,ve):null,D=o&&o!=="default"?`${r}-state-${o}`:"",s=z.some(be=>(ve[be.name]??"").trim().length>0),M=D!==`${r}-state-filled`&&s?`${r}-state-filled`:"",Y=`${D} ${M}`.trim(),ee=n==null?void 0:n.submitUrl,ne=c??"",oe=(i==null?void 0:i.icon)??"",T=(i==null?void 0:i.mode)==="On",U=ne||"Submit",B={fontSettings:{fontFamily:m,fontWeight:(u==null?void 0:u.fontWeight)??400,fontStyle:(u==null?void 0:u.fontStyle)??"normal"},fontSize:E??.01,lineHeight:x,letterSpacing:h??0,wordSpacing:d??0,textAppearance:g,color:e.inputTextColor??"#111111"},X={fontSettings:{fontFamily:m,fontWeight:(C==null?void 0:C.fontWeight)??400,fontStyle:(C==null?void 0:C.fontStyle)??"normal"},fontSize:v??.01,lineHeight:b,letterSpacing:A??0,wordSpacing:j??0,textAppearance:N,color:e.buttonTextColor??"#ffffff"},Q={fontSettings:{fontFamily:m,fontWeight:($==null?void 0:$.fontWeight)??400,fontStyle:($==null?void 0:$.fontStyle)??"normal"},fontSize:f??.01,lineHeight:F,letterSpacing:P??0,wordSpacing:O??0,textAppearance:R,color:e.successColor??"#22c55e"},pe=bt(et(B,t)),J=bt(et(X,t)),ue=bt(et(Q,t)),ge=w.buildColorVars(r,{strokeColor:e.strokeColor,inputColor:e.inputColor,placeholderColor:e.placeholderColor,buttonColor:e.buttonColor,successColor:e.successColor,errorColor:e.errorColor,inputTextColor:e.inputTextColor??(B==null?void 0:B.color)??"#111111",buttonTextColor:e.buttonTextColor??(X==null?void 0:X.color)??"#ffffff"},Pl,Wl,y),Te={borderRadius:w.scalingValue(K,t),borderWidth:w.scalingValue(G,t),borderStyle:"solid"},Ae={borderLeftWidth:w.scalingValue(G,t)},Le=async be=>{be.preventDefault();const Me=Object.fromEntries(z.map(we=>{var De;return[we.name,((De=Z[we.name])==null?void 0:De.trim())??""]}).filter(([,we])=>we));if(!ee){le("error"),re("No integrations were found for this form.");return}if(Object.keys(Me).length===0)return;const Ve=w.getFormFieldValidationError(z,Z);if(Ve){le("error"),re(Ve);return}le("submitting"),re(null);try{const we=await fetch(ee,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(Me)});if(!we.ok){const De=await we.text();throw new Error(De||`Request failed: ${we.status}`)}le("success"),se(Object.fromEntries(z.map(De=>[De.name,""])))}catch(we){le("error"),re(we instanceof Error?we.message:"Something went wrong")}};return a.jsxs("div",{className:`${r}-wrapper ${Y}`.trim(),style:ge,children:[a.jsx("style",{dangerouslySetInnerHTML:{__html:Rl(r)}}),a.jsxs("form",{onSubmit:Le,className:`${r}-form`,style:{...Te,height:w.scalingValue(W,t),minHeight:w.scalingValue(W,t)},children:[a.jsx("div",{className:`${r}-inputWrap ${r}-overlayAnchor`,style:{flex:1,minWidth:0},children:z.map(be=>a.jsx("input",{type:be.type==="email"?"email":be.type==="phone"?"tel":"text",name:be.name,autoComplete:"off",value:ve[be.name]??"",onChange:Me=>se(Ve=>({...Ve,[be.name]:Me.target.value})),placeholder:be.placeholder,required:be.isRequired??be.type==="email",className:`${r}-input`,style:{...pe,paddingRight:w.scalingValue(k.right,t),paddingLeft:w.scalingValue(k.left,t),paddingTop:w.scalingValue(k.top,t),paddingBottom:w.scalingValue(k.bottom,t)}},be.name))}),a.jsx("div",{className:`${r}-overlayAnchor`,children:a.jsx("button",{type:"submit",className:`${r}-submitBtn`,"aria-label":U,style:{...J,...Ae,paddingRight:w.scalingValue(I.right,t),paddingLeft:w.scalingValue(I.left,t),paddingTop:w.scalingValue(I.top,t),paddingBottom:w.scalingValue(I.bottom,t)},children:ie==="submitting"?"...":T?oe&&a.jsx(tt,{url:oe,className:`${r}-submitBtnIcon`,style:{maxWidth:w.scalingValue(V??0,t)},fill:`var(--${r}-button-text-color)`,hoverFill:`var(--${r}-button-text-color)`}):ne})})]}),de==="success"&&a.jsx("p",{className:`${r}-success`,style:{...ue},children:L}),de==="error"&&a.jsx("p",{className:`${r}-error`,style:{...ue},role:"alert",children:$e??ce??_})]})},Pl={strokeColor:"stroke-color",inputColor:"input-color",placeholderColor:"placeholder-color",buttonColor:"button-color",inputTextColor:"input-text-color",buttonTextColor:"button-text-color",successColor:"success-color",errorColor:"error-color"},Wl=["hover","focus","filled","success","error"],zl=`import React, { useMemo, useState } from 'react';
+`}const Fl=({settings:e,isEditor:t,metadata:n,activeEvent:o})=>{const{prefix:r}=$.useScopedStyles(),{fields:a=[{name:"email",type:"email",placeholder:"Your email"}],buttonIcon:i,buttonLabel:u,fieldsToShow:s=1,fontFamily:g,inputFontSettings:c,inputFontSize:A,inputLineHeight:x,inputLetterSpacing:f,inputWordSpacing:p,inputTextAppearance:d,buttonFontSettings:S,buttonFontSize:y,buttonLineHeight:v,buttonLetterSpacing:_,buttonWordSpacing:D,buttonTextAppearance:V,statusFontSettings:T,statusFontSize:m,statusLineHeight:k,statusLetterSpacing:R,statusWordSpacing:O,statusTextAppearance:F,iconMaxWidth:H,minHeight:M,corners:X,stroke:G,stateOverrides:h,inputPadding:E,buttonPadding:I,successMessage:L="Thanks for subscribing!",errorMessage:w="Please, fill all required fields."}=e,N=a.slice(0,Math.min(s,a.length)),[K,ie]=C.useState(()=>Object.fromEntries(N.map(be=>[be.name,""]))),[ne,ce]=C.useState("idle"),[P,Q]=C.useState(null),de=o==="success"?"success":o==="error"?"error":ne,pe=o==="error"?w:P,Y=o==="filled",ae=C.useMemo(()=>{if(!Y)return K;let be=null;for(const Pe of N)(K[Pe.name]??"").trim().length>0||(be=be??{...K},be[Pe.name]="Filled");return be??K},[Y,K,N]),fe=de==="error"?$.getFormFieldValidationError(N,ae):null,j=o&&o!=="default"?`${r}-state-${o}`:"",b=N.some(be=>(ae[be.name]??"").trim().length>0),U=j!==`${r}-state-filled`&&b?`${r}-state-filled`:"",Z=`${j} ${U}`.trim(),te=n==null?void 0:n.submitUrl,re=u??"",W=(i==null?void 0:i.icon)??"",z=(i==null?void 0:i.mode)==="On",q=re||"Submit",ee={fontSettings:{fontFamily:g,fontWeight:(c==null?void 0:c.fontWeight)??400,fontStyle:(c==null?void 0:c.fontStyle)??"normal"},fontSize:A??.01,lineHeight:x,letterSpacing:f??0,wordSpacing:p??0,textAppearance:d,color:e.inputTextColor??"#111111"},oe={fontSettings:{fontFamily:g,fontWeight:(S==null?void 0:S.fontWeight)??400,fontStyle:(S==null?void 0:S.fontStyle)??"normal"},fontSize:y??.01,lineHeight:v,letterSpacing:_??0,wordSpacing:D??0,textAppearance:V,color:e.buttonTextColor??"#ffffff"},ue={fontSettings:{fontFamily:g,fontWeight:(T==null?void 0:T.fontWeight)??400,fontStyle:(T==null?void 0:T.fontStyle)??"normal"},fontSize:m??.01,lineHeight:k,letterSpacing:R??0,wordSpacing:O??0,textAppearance:F,color:e.successColor??"#22c55e"},Te=mt(Re(ee,t)),se=mt(Re(oe,t)),he=mt(Re(ue,t)),we=$.buildColorVars(r,{strokeColor:e.strokeColor,inputColor:e.inputColor,placeholderColor:e.placeholderColor,buttonColor:e.buttonColor,successColor:e.successColor,errorColor:e.errorColor,inputTextColor:e.inputTextColor??(ee==null?void 0:ee.color)??"#111111",buttonTextColor:e.buttonTextColor??(oe==null?void 0:oe.color)??"#ffffff"},Pl,Rl,h),Ge={borderRadius:$.scalingValue(X,t),borderWidth:$.scalingValue(G,t),borderStyle:"solid"},hn={borderLeftWidth:$.scalingValue(G,t)},St=async be=>{be.preventDefault();const Pe=Object.fromEntries(N.map(Se=>{var He;return[Se.name,((He=K[Se.name])==null?void 0:He.trim())??""]}).filter(([,Se])=>Se));if(!te){ce("error"),Q("No integrations were found for this form.");return}if(Object.keys(Pe).length===0)return;const tt=$.getFormFieldValidationError(N,K);if(tt){ce("error"),Q(tt);return}ce("submitting"),Q(null);try{const Se=await fetch(te,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(Pe)});if(!Se.ok){const He=await Se.text();throw new Error(He||`Request failed: ${Se.status}`)}ce("success"),ie(Object.fromEntries(N.map(He=>[He.name,""])))}catch(Se){ce("error"),Q(Se instanceof Error?Se.message:"Something went wrong")}};return l.jsxs("div",{className:`${r}-wrapper ${Z}`.trim(),style:we,children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:kl(r)}}),l.jsxs("form",{onSubmit:St,className:`${r}-form`,style:{...Ge,height:$.scalingValue(M,t),minHeight:$.scalingValue(M,t)},children:[l.jsx("div",{className:`${r}-inputWrap ${r}-overlayAnchor`,style:{flex:1,minWidth:0},children:N.map(be=>l.jsx("input",{type:be.type==="email"?"email":be.type==="phone"?"tel":"text",name:be.name,autoComplete:"off",value:ae[be.name]??"",onChange:Pe=>ie(tt=>({...tt,[be.name]:Pe.target.value})),placeholder:be.placeholder,required:be.isRequired??be.type==="email",className:`${r}-input`,style:{...Te,paddingRight:$.scalingValue(E.right,t),paddingLeft:$.scalingValue(E.left,t),paddingTop:$.scalingValue(E.top,t),paddingBottom:$.scalingValue(E.bottom,t)}},be.name))}),l.jsx("div",{className:`${r}-overlayAnchor`,children:l.jsx("button",{type:"submit",className:`${r}-submitBtn`,"aria-label":q,style:{...se,...hn,paddingRight:$.scalingValue(I.right,t),paddingLeft:$.scalingValue(I.left,t),paddingTop:$.scalingValue(I.top,t),paddingBottom:$.scalingValue(I.bottom,t)},children:ne==="submitting"?"...":z?W&&l.jsx(Xe,{url:W,className:`${r}-submitBtnIcon`,style:{maxWidth:$.scalingValue(H??0,t)},fill:`var(--${r}-button-text-color)`,hoverFill:`var(--${r}-button-text-color)`}):re})})]}),de==="success"&&l.jsx("p",{className:`${r}-success`,style:{...he},children:L}),de==="error"&&l.jsx("p",{className:`${r}-error`,style:{...he},role:"alert",children:fe??pe??w})]})},Pl={strokeColor:"stroke-color",inputColor:"input-color",placeholderColor:"placeholder-color",buttonColor:"button-color",inputTextColor:"input-text-color",buttonTextColor:"button-text-color",successColor:"success-color",errorColor:"error-color"},Rl=["hover","focus","filled","success","error"],Ml=`import React, { useMemo, useState } from 'react';
 import { CommonComponentProps } from '../props';
 import { buildColorVars, getFormFieldValidationError, scalingValue, useScopedStyles } from '../utils/index';
 import { omitTextColors, textStylesToCss, type TextStyles } from '../utils/textStylesToCss';
@@ -1503,13 +1503,142 @@ const COLOR_VAR_MAP: Record<OnelinerColorKeys, string> = {
 };
 
 const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
-`,Hl="data:image/svg+xml,"+encodeURIComponent('<svg width="23px" height="20px" viewBox="0 0 23 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Newsletter" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Tutorials-pop-up-Copy-12" transform="translate(-43, -687)" fill="#FFFFFF" fill-rule="nonzero"><path d="M66,697 C66,697.552285 65.5522847,698 65,698 L44,698 C43.4477153,698 43,697.552285 43,697 C43,696.447715 43.4477153,696 44,696 L65,696 C65.5522847,696 66,696.447715 66,697 Z M55.6689647,687.256706 L65.6689647,696.256706 C66.1103451,696.653948 66.1103451,697.346052 65.6689647,697.743294 L55.6689647,706.743294 C55.2584547,707.112753 54.6261649,707.079475 54.2567059,706.668965 C53.8872468,706.258455 53.9205252,705.626165 54.3310353,705.256706 L63.5051529,697 L54.3310353,688.743294 C53.9205252,688.373835 53.8872468,687.741545 54.2567059,687.331035 C54.6261649,686.920525 55.2584547,686.887247 55.6689647,687.256706 Z" id="Combined-Shape"></path></g></g></svg>'),Vl=[{name:"email",type:"email",placeholder:"Enter your email",label:"Email",isRequired:!0,error:"Please, enter a valid e-mail."},{name:"name",type:"text",placeholder:"Enter your name",label:"Name",isRequired:!1,error:"Please, enter your name."},{name:"company",type:"text",placeholder:"Enter company",label:"Company",isRequired:!1,error:"Please, enter your company name."},{name:"phone",type:"phone",placeholder:"Enter your phone",label:"Phone",isRequired:!1,error:"Please, enter a valid phone number."}],$n={fontSettings:{type:"object",display:{type:"font-settings-weight",visible:!0},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},Nl=["strokeColor","inputColor","inputTextColor","placeholderColor","buttonColor","buttonTextColor","successColor","errorColor"],Ol={type:"object",version:1,settings:{sizing:"auto manual",properties:{fieldsToShow:{type:"number",scope:"common",title:"Fields",display:{type:"number"},min:1,max:3},fields:{type:"array",scope:"common",display:{type:"fields-group"},items:{type:"object",properties:{name:{type:"string"},type:{type:"string",enum:["text","phone","email"]},placeholder:{type:"string"},label:{type:"string"},isRequired:{type:"boolean"},error:{type:"string"}}}},buttonLabel:{type:"string",scope:"common",title:"Button Label",display:{type:"text-input"}},buttonIcon:{type:"object",scope:"common",title:"Button Icon",display:{type:"button-icon-switch"},properties:{mode:{type:"string",enum:["On","Off"]},icon:{type:["string","null"],title:"Icon",display:{type:"settings-image-input"}}}},iconMaxWidth:{type:"number",scope:"common",title:"Icon Max Width",display:{type:"full-width-input"},min:0,max:1},fontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},inputPadding:{type:"object",scope:"layout",title:"",display:{type:"padding-controls"}},buttonPadding:{type:"object",scope:"layout",title:"",display:{type:"padding-controls"}},minHeight:{type:"number",scope:"layout",title:"min Height",display:{type:"range-control"},min:0,max:200},corners:{type:"number",scope:"layout",title:"Corners",display:{type:"range-control"},min:0,max:100},stroke:{type:"number",scope:"layout",title:"Stroke",display:{type:"range-control"},min:0,max:20},strokeColor:{type:"string",scope:"common",title:"Stroke",display:{type:"palette-color-picker"}},inputColor:{type:"string",scope:"common",title:"Input Fill",display:{type:"palette-color-picker"}},inputTextColor:{type:"string",scope:"common",title:"Input Label",display:{type:"palette-color-picker"}},placeholderColor:{type:"string",scope:"common",title:"Filler Text",display:{type:"palette-color-picker"}},buttonColor:{type:"string",scope:"common",title:"Button Fill",display:{type:"palette-color-picker"}},buttonTextColor:{type:"string",scope:"common",title:"Button Label",display:{type:"palette-color-picker"}},successColor:{type:"string",scope:"common",title:"Success Message Color",display:{type:"palette-color-picker"}},errorColor:{type:"string",scope:"common",title:"Error Message Color",display:{type:"palette-color-picker"}},successMessage:{type:"string",scope:"common",title:"Success Message",display:{type:"text-input"}},errorMessage:{type:"string",scope:"common",title:"Error Message",display:{type:"text-input"}},stateOverrides:{type:"object",scope:"common"},inputFontSettings:{...$n.fontSettings,scope:"common",title:"Input"},inputFontSize:{type:"number",scope:"layout",title:"Input Font Size",display:{type:"font-size"}},inputLineHeight:{type:"number",scope:"layout",title:"Input Line Height",display:{type:"line-height-input"}},inputLetterSpacing:{type:"number",scope:"layout",title:"Input Letter Spacing",display:{type:"letter-spacing-input"}},inputWordSpacing:{type:"number",scope:"layout",title:"Input Word Spacing",display:{type:"word-spacing-input"}},inputTextAppearance:{type:"object",scope:"layout",title:"Input Text Appearance",display:{type:"text-appearance"}},buttonFontSettings:{...$n.fontSettings,scope:"common",title:"Button"},buttonFontSize:{type:"number",scope:"layout",title:"Button Font Size",display:{type:"font-size"}},buttonLineHeight:{type:"number",scope:"layout",title:"Button Line Height",display:{type:"line-height-input"}},buttonLetterSpacing:{type:"number",scope:"layout",title:"Button Letter Spacing",display:{type:"letter-spacing-input"}},buttonWordSpacing:{type:"number",scope:"layout",title:"Button Word Spacing",display:{type:"word-spacing-input"}},buttonTextAppearance:{type:"object",scope:"layout",title:"Button Text Appearance",display:{type:"text-appearance"}},statusFontSettings:{...$n.fontSettings,scope:"common",title:"Success/Error"},statusFontSize:{type:"number",scope:"layout",title:"Success/Error Font Size",display:{type:"font-size"}},statusLineHeight:{type:"number",scope:"layout",title:"Success/Error Line Height",display:{type:"line-height-input"}},statusLetterSpacing:{type:"number",scope:"layout",title:"Success/Error Letter Spacing",display:{type:"letter-spacing-input"}},statusWordSpacing:{type:"number",scope:"layout",title:"Success/Error Word Spacing",display:{type:"word-spacing-input"}},statusTextAppearance:{type:"object",scope:"layout",title:"Success/Error Text Appearance",display:{type:"text-appearance"}}},defaults:{fields:Vl,fieldsToShow:1,buttonLabel:"Subscribe",buttonIcon:{mode:"Off",icon:Hl},fontFamily:"Arial",strokeColor:"#0A00F8",inputColor:"#ffffff",inputTextColor:"#0A00F8",placeholderColor:"#000000",buttonColor:"#0088D7",buttonTextColor:"#ffffff",errorColor:"#ef4444",successColor:"#22c55e",successMessage:"Thanks for subscribing!",errorMessage:"Please, fill all required fields.",stateOverrides:{hover:{buttonColor:"#33A2F2"}},inputFontSettings:{fontWeight:400,fontStyle:"normal"},inputLetterSpacing:0,inputWordSpacing:0,inputTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},buttonFontSettings:{fontWeight:400,fontStyle:"normal"},buttonLetterSpacing:0,buttonWordSpacing:0,buttonTextAppearance:{textTransform:"uppercase",textDecoration:"none",fontVariant:"normal"},statusFontSettings:{fontWeight:400,fontStyle:"normal"},statusLetterSpacing:0,statusWordSpacing:0,statusTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}},layoutDefaults:{m:{minHeight:.1,iconMaxWidth:.1,stroke:0,corners:0,buttonPadding:{top:.02,right:.04,bottom:.02,left:.04},inputPadding:{top:.01,right:.03,bottom:.01,left:.03},inputFontSize:.043,inputLineHeight:.043,buttonFontSize:.0373,buttonLineHeight:.0373,statusFontSize:.0373,statusLineHeight:.0373},d:{minHeight:.028,iconMaxWidth:.028,stroke:0,corners:0,buttonPadding:{right:.0175,left:.0175,top:.005,bottom:.004},inputPadding:{top:.01,right:.01,bottom:.01,left:.01},inputFontSize:.01,inputLineHeight:.01,buttonFontSize:.009,buttonLineHeight:.01,statusFontSize:.01,statusLineHeight:.01}},displayRules:[{if:{name:"stroke",value:0},then:{name:"properties.strokeColor.display.visible",value:!1}},{if:{name:"buttonIcon.mode",value:"On"},then:{name:"properties.buttonFontSettings.display.visible",value:!1}},{if:{name:"buttonIcon.mode",value:"On"},then:{name:"properties.buttonFontSize.display.visible",value:!1}},{if:{name:"buttonIcon.mode",value:"On"},then:{name:"properties.buttonLineHeight.display.visible",value:!1}},{if:{name:"buttonIcon.mode",value:"On"},then:{name:"properties.buttonLetterSpacing.display.visible",value:!1}},{if:{name:"buttonIcon.mode",value:"On"},then:{name:"properties.buttonWordSpacing.display.visible",value:!1}},{if:{name:"buttonIcon.mode",value:"On"},then:{name:"properties.buttonTextAppearance.display.visible",value:!1}},{if:{name:"buttonIcon.mode",value:"Off"},then:{name:"properties.iconMaxWidth.display.visible",value:!1}}]},panels:[{id:"general",icon:"cursor",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__","fieldsToShow"]},{type:"row",items:["minHeight","corners"]},{type:"row",items:[{type:"group",title:"",items:["stroke","buttonIcon"]},{type:"switcher",title:"Padding",options:{Input:["inputPadding"],Button:["buttonPadding"]}}]},"iconMaxWidth"]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:["fontFamily",{type:"group",title:"",items:["inputFontSettings",{type:"row",items:["inputFontSize","inputLineHeight","inputLetterSpacing","inputWordSpacing"]},"inputTextAppearance"]},{type:"group",title:"",items:["buttonFontSettings",{type:"row",items:["buttonFontSize","buttonLineHeight","buttonLetterSpacing","buttonWordSpacing"]},"buttonTextAppearance"]},{type:"group",title:"",items:["statusFontSettings",{type:"row",items:["statusFontSize","statusLineHeight","statusLetterSpacing","statusWordSpacing"]},"statusTextAppearance"]}]},{id:"fields",icon:"layers",title:"Fields",tooltip:"Fields",layout:["fields","buttonLabel","successMessage","errorMessage"]}],paletteBookmark:{items:[...Nl],panelIds:["general","typeStyle"],stateItems:{default:["strokeColor","placeholderColor","inputColor","buttonTextColor","buttonColor"],hover:["strokeColor","inputColor","buttonTextColor","buttonColor"],focus:["strokeColor","inputTextColor","buttonTextColor","buttonColor"],filled:["strokeColor","inputColor","inputTextColor","buttonTextColor"],success:["successColor"],error:["errorColor"]}},allowedPlugins:["newsletter"],states:["default","hover","focus","filled","success","error"]},jl={element:Ml,id:"oneliner-form",name:"Newsletter Single Line",category:"forms",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/onelinerImg.jpg"},defaultSize:{width:400,height:60},assetsPaths:{content:[],parameters:[{path:"buttonIcon.icon"}]},schema:Ol,sourceCode:zl},Bl="TestimonialsGrid-module__marqueeWrapper___VC616",Dl="TestimonialsGrid-module__marqueeTrack___U0OTH",Ul="TestimonialsGrid-module__marqueeSet___L7ZdX",ql="TestimonialsGrid-module__wrapper___-JQKm",Gl="TestimonialsGrid-module__cover___3-r73",Yl="TestimonialsGrid-module__elementsOverlay___sSbJp",Xl="TestimonialsGrid-module__control___pD3e4",Ne={marqueeWrapper:Bl,marqueeTrack:Dl,marqueeSet:Ul,wrapper:ql,cover:Gl,elementsOverlay:Yl,control:Xl},Kl=30,Jl=e=>{if(typeof e=="number")return e;const t=parseFloat(String(e??""));return Number.isFinite(t)?t:0},Zl=e=>({fontSettings:{...e.fontSettings},letterSpacing:e.letterSpacing,wordSpacing:e.wordSpacing,fontSize:e.fontSizeLineHeight.fontSize,lineHeight:e.fontSizeLineHeight.lineHeight,textAppearance:e.textAppearance,color:e.color}),Ql=({settings:e,content:t,isEditor:n,isPreviewMode:o})=>{const{autoplay:r,align:l,speed:i,direction:c,pauseOnHover:p,gap:m,cardWidth:u,corners:E,stroke:x,strokeColor:h,bgColor:d,padding:g,logoMarginTop:C,logoWidth:v,logoHeight:b,captionMarginTop:A}=e,j=r==="on",N=j&&!o,$=Math.max(0,Jl(i))*Kl,f=T=>w.scalingValue(T,n??!1),F=S.useRef(null),P=S.useRef(null),O=S.useRef(null),[R,V]=S.useState(0),[W,K]=S.useState(0),G=S.useRef(0),y=S.useRef(!1),k=S.useRef(null),I=N&&p==="on",L=S.useRef(null),[_,z]=S.useState(0),[Z,se]=S.useState(0),ie=S.useMemo(()=>typeof c=="boolean"?c?"right":"left":String(c??"").trim().toLowerCase()==="right"?"right":"left",[c]),le=S.useRef(ie),H=T=>{var Ve;const U=(Ve=e==null?void 0:e.styles)==null?void 0:Ve[T];if(U)return U;const B=T==="text"?"text":"caption",X=e==null?void 0:e[`${B}FontFamily`],Q=e==null?void 0:e[`${B}FontSettings`],pe=e==null?void 0:e[`${B}LetterSpacing`],J=e==null?void 0:e[`${B}WordSpacing`],ue=e==null?void 0:e[`${B}TextAlign`],ge=e==null?void 0:e[`${B}TextAppearance`],Te=(e==null?void 0:e[`${B}Color`])??(T==="text"?e==null?void 0:e.textColor:void 0)??(T==="caption"?e==null?void 0:e.captionColor:void 0),Ae=e==null?void 0:e[`${B}FontSize`],Le=e==null?void 0:e[`${B}LineHeight`];return typeof X=="string"||!!Q||typeof pe=="number"||typeof J=="number"||typeof ue=="string"||!!ge||typeof Te=="string"||typeof Ae=="number"||typeof Le=="number"?{widthSettings:{width:.13,sizing:"manual"},fontSettings:{fontFamily:typeof X=="string"?X:"Arial",fontWeight:typeof(Q==null?void 0:Q.fontWeight)=="number"?Q.fontWeight:400,fontStyle:typeof(Q==null?void 0:Q.fontStyle)=="string"?Q.fontStyle:"normal"},letterSpacing:typeof pe=="number"?pe:0,wordSpacing:typeof J=="number"?J:0,textAlign:ue==="left"||ue==="center"||ue==="right"?ue:"left",fontSizeLineHeight:{fontSize:typeof Ae=="number"?Ae:.01,lineHeight:typeof Le=="number"?Le:.01},textAppearance:{textTransform:(ge==null?void 0:ge.textTransform)??"none",textDecoration:(ge==null?void 0:ge.textDecoration)??"none",fontVariant:(ge==null?void 0:ge.fontVariant)??"normal"},color:typeof Te=="string"?Te:"#000000"}:void 0},re=H("text"),de=H("caption"),ce=S.useMemo(()=>((t==null?void 0:t.length)??0)>1&&(!!re||!!de),[t,re,de]),ye=S.useMemo(()=>!j||(t==null?void 0:t.length)===0?1:W<=0||R<=0?2:Math.max(2,Math.ceil(R/W)+1),[j,t==null?void 0:t.length,W,R]);S.useLayoutEffect(()=>{if(!j)return;const T=F.current,U=O.current;if(!T||!U)return;let B=0;const X=()=>{V(T.getBoundingClientRect().width),K(U.getBoundingClientRect().width)},Q=()=>{cancelAnimationFrame(B),B=requestAnimationFrame(X)};Q();const pe=new ResizeObserver(Q);return pe.observe(T),pe.observe(U),()=>{cancelAnimationFrame(B),pe.disconnect()}},[j,t==null?void 0:t.length]),S.useLayoutEffect(()=>{const T=P.current;if(!j||!T||!N)return;if(W<=0||$<=0){T.style.transform="translate3d(0, 0, 0)";return}le.current!==ie&&(G.current=1-G.current,le.current=ie);const U=W/$*1e3,B=ie==="left"?-W:0,X=ie==="left"?0:-W,Q=T.animate([{transform:`translate3d(${B}px, 0, 0)`},{transform:`translate3d(${X}px, 0, 0)`}],{duration:U,iterations:1/0,easing:"linear"});return Q.currentTime=G.current*U,y.current&&Q.pause(),k.current=Q,()=>{const pe=typeof Q.currentTime=="number"?Q.currentTime:0;G.current=U>0?pe/U%1:0,Q.cancel(),k.current===Q&&(k.current=null)}},[j,N,W,$,ie]);const ve=()=>{var T;I&&(y.current=!0,(T=k.current)==null||T.pause())},$e=()=>{var T;I&&(y.current=!1,(T=k.current)==null||T.play())},D=S.useMemo(()=>{switch(l){case"center":return"center";case"end":return"flex-end";case"start":default:return"flex-start"}},[l]),s=S.useMemo(()=>{switch(l){case"center":return"center";case"end":return"right";case"start":default:return"left"}},[l]),M=S.useCallback((T,U,B,X)=>a.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:D,width:"100%"},children:[a.jsx("div",{"data-controls":X==null?void 0:X.controlsName,"data-controls-axis":"y",className:Ne.control,style:{width:"100%",height:f((X==null?void 0:X.marginTop)??0)}}),a.jsx("div",{...X!=null&&X.dataMeasureKind?{"data-testimonial-measure":X.dataMeasureKind}:{},style:{...et(Zl(T),n),textAlign:s,pointerEvents:"auto",...typeof(X==null?void 0:X.minHeightPx)=="number"&&X.minHeightPx>0?{minHeight:X.minHeightPx}:{}},children:a.jsx(zt,{content:U})})]},B),[D,s,n,Ne.control]),Y=S.useCallback((T,U,B)=>{var X,Q,pe;return a.jsxs("div",{style:{padding:`${f(g.top)} ${f(g.right)} ${f(g.bottom)} ${f(g.left)}`,width:f(u+x*2),height:"100%",borderRadius:f(E),border:`${f(x)} solid ${h}`,boxSizing:"border-box",position:"relative",overflow:"hidden"},children:[a.jsx("div",{className:Ne.cover,style:{background:d,height:"100%"}}),a.jsxs("div",{className:Ne.elementsOverlay,style:{display:"flex",flexDirection:"column",pointerEvents:"none",alignItems:D,textAlign:s},children:[re&&T.text&&M(re,T.text,"text",B!=null&&B.dataMeasureAttrs?{dataMeasureKind:"text"}:typeof(B==null?void 0:B.textMinHeightPx)=="number"&&B.textMinHeightPx>0?{minHeightPx:B.textMinHeightPx}:void 0),a.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:D,width:"100%"},children:[a.jsx("div",{"data-controls":"logoMarginTop",className:Ne.control,style:{width:"100%",height:f(C)}}),a.jsx("div",{style:{width:f(v),height:f(b)},children:a.jsx("img",{src:(X=T.logo)==null?void 0:X.url,alt:(Q=T.logo)==null?void 0:Q.name,style:{pointerEvents:"auto",width:"100%",height:"100%",objectFit:((pe=T.logo)==null?void 0:pe.objectFit)||"cover"}})})]},"logo"),de&&T.caption&&M(de,T.caption,"caption",{controlsName:"captionMarginTop",marginTop:A,...B!=null&&B.dataMeasureAttrs?{dataMeasureKind:"caption"}:typeof(B==null?void 0:B.captionMinHeightPx)=="number"&&B.captionMinHeightPx>0?{minHeightPx:B.captionMinHeightPx}:{}})]})]},U)},[d,A,de,u,E,b,C,v,D,s,g.bottom,g.left,g.right,g.top,M,x,h,re,n]);S.useLayoutEffect(()=>{if(!ce){z(0),se(0);return}const T=L.current;if(!T)return;const U=()=>{const X=Array.from(T.querySelectorAll('[data-testimonial-measure="text"]')).reduce((pe,J)=>Math.max(pe,J.getBoundingClientRect().height),0),Q=Array.from(T.querySelectorAll('[data-testimonial-measure="caption"]')).reduce((pe,J)=>Math.max(pe,J.getBoundingClientRect().height),0);z(X),se(Q)};U();const B=new ResizeObserver(U);return B.observe(T),()=>{B.disconnect()}},[ce,t,Y]);const ee=ce?{textMinHeightPx:_,captionMinHeightPx:Z}:void 0,ne=ce?a.jsx("div",{ref:L,"aria-hidden":!0,style:{position:"absolute",left:0,top:0,width:"100%",visibility:"hidden",pointerEvents:"none",zIndex:-1},children:(t??[]).map((T,U)=>Y(T,`measure-${U}`,{dataMeasureAttrs:!0}))}):null,oe=(T,U,B)=>a.jsxs("div",{style:{position:"relative",flex:"0 0 auto",height:"100%"},children:[Y(T,`card-${U}`,ee),n&&!B&&a.jsx("div",{"data-controls":"gap","data-controls-axis":"x",style:{position:"absolute",top:0,right:`calc(-1 * ${f(m)})`,width:f(m),height:"100%",pointerEvents:"auto",zIndex:2}})]},U);return j&&(t!=null&&t.length)&&t.length>0?a.jsxs("div",{ref:F,className:me(Ne.wrapper,Ne.marqueeWrapper),"aria-label":"Testimonials",children:[ne,a.jsx("div",{ref:P,className:Ne.marqueeTrack,onMouseEnter:ve,onMouseLeave:$e,children:Array.from({length:ye},(T,U)=>a.jsx("div",{ref:U===0?O:void 0,className:Ne.marqueeSet,style:{gap:f(m),paddingRight:f(m)},"aria-hidden":U>0,children:t==null?void 0:t.map((B,X)=>oe(B,`${U}-${X}`,X===((t==null?void 0:t.length)??0)-1))},`set-${U}`))})]}):a.jsxs("div",{className:Ne.wrapper,children:[ne,a.jsx("div",{style:{display:"flex",flexDirection:"row",gap:f(m),justifyContent:"center",overflowX:"auto"},"aria-label":"Testimonials",children:t==null?void 0:t.map((T,U)=>oe(T,U,U===((t==null?void 0:t.length)??0)-1))})]})},es=`import { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
+`,Wl="data:image/svg+xml,"+encodeURIComponent('<svg width="23px" height="20px" viewBox="0 0 23 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Newsletter" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Tutorials-pop-up-Copy-12" transform="translate(-43, -687)" fill="#FFFFFF" fill-rule="nonzero"><path d="M66,697 C66,697.552285 65.5522847,698 65,698 L44,698 C43.4477153,698 43,697.552285 43,697 C43,696.447715 43.4477153,696 44,696 L65,696 C65.5522847,696 66,696.447715 66,697 Z M55.6689647,687.256706 L65.6689647,696.256706 C66.1103451,696.653948 66.1103451,697.346052 65.6689647,697.743294 L55.6689647,706.743294 C55.2584547,707.112753 54.6261649,707.079475 54.2567059,706.668965 C53.8872468,706.258455 53.9205252,705.626165 54.3310353,705.256706 L63.5051529,697 L54.3310353,688.743294 C53.9205252,688.373835 53.8872468,687.741545 54.2567059,687.331035 C54.6261649,686.920525 55.2584547,686.887247 55.6689647,687.256706 Z" id="Combined-Shape"></path></g></g></svg>'),Nl=[{name:"email",type:"email",placeholder:"Enter your email",label:"Email",isRequired:!0,error:"Please, enter a valid e-mail."},{name:"name",type:"text",placeholder:"Enter your name",label:"Name",isRequired:!1,error:"Please, enter your name."},{name:"company",type:"text",placeholder:"Enter company",label:"Company",isRequired:!1,error:"Please, enter your company name."},{name:"phone",type:"phone",placeholder:"Enter your phone",label:"Phone",isRequired:!1,error:"Please, enter a valid phone number."}],$n={fontSettings:{type:"object",display:{type:"font-settings-weight",visible:!0},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},Hl=["strokeColor","inputColor","inputTextColor","placeholderColor","buttonColor","buttonTextColor","successColor","errorColor"],Vl={type:"object",version:1,settings:{sizing:"auto manual",properties:{fieldsToShow:{type:"number",scope:"common",title:"Fields",display:{type:"number"},min:1,max:3},fields:{type:"array",scope:"common",display:{type:"fields-group"},items:{type:"object",properties:{name:{type:"string"},type:{type:"string",enum:["text","phone","email"]},placeholder:{type:"string"},label:{type:"string"},isRequired:{type:"boolean"},error:{type:"string"}}}},buttonLabel:{type:"string",scope:"common",title:"Button Label",display:{type:"text-input"}},buttonIcon:{type:"object",scope:"common",title:"Button Icon",display:{type:"button-icon-switch"},properties:{mode:{type:"string",enum:["On","Off"]},icon:{type:["string","null"],title:"Icon",display:{type:"settings-image-input"}}}},iconMaxWidth:{type:"number",scope:"common",title:"Icon Max Width",display:{type:"full-width-input"},min:0,max:1},fontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},inputPadding:{type:"object",scope:"layout",title:"",display:{type:"padding-controls"}},buttonPadding:{type:"object",scope:"layout",title:"",display:{type:"padding-controls"}},minHeight:{type:"number",scope:"layout",title:"min Height",display:{type:"range-control"},min:0,max:200},corners:{type:"number",scope:"layout",title:"Corners",display:{type:"range-control"},min:0,max:100},stroke:{type:"number",scope:"layout",title:"Stroke",display:{type:"range-control"},min:0,max:20},strokeColor:{type:"string",scope:"common",title:"Stroke",display:{type:"palette-color-picker"}},inputColor:{type:"string",scope:"common",title:"Input Fill",display:{type:"palette-color-picker"}},inputTextColor:{type:"string",scope:"common",title:"Input Label",display:{type:"palette-color-picker"}},placeholderColor:{type:"string",scope:"common",title:"Filler Text",display:{type:"palette-color-picker"}},buttonColor:{type:"string",scope:"common",title:"Button Fill",display:{type:"palette-color-picker"}},buttonTextColor:{type:"string",scope:"common",title:"Button Label",display:{type:"palette-color-picker"}},successColor:{type:"string",scope:"common",title:"Success Message Color",display:{type:"palette-color-picker"}},errorColor:{type:"string",scope:"common",title:"Error Message Color",display:{type:"palette-color-picker"}},successMessage:{type:"string",scope:"common",title:"Success Message",display:{type:"text-input"}},errorMessage:{type:"string",scope:"common",title:"Error Message",display:{type:"text-input"}},stateOverrides:{type:"object",scope:"common"},inputFontSettings:{...$n.fontSettings,scope:"common",title:"Input"},inputFontSize:{type:"number",scope:"layout",title:"Input Font Size",display:{type:"font-size"}},inputLineHeight:{type:"number",scope:"layout",title:"Input Line Height",display:{type:"line-height-input"}},inputLetterSpacing:{type:"number",scope:"layout",title:"Input Letter Spacing",display:{type:"letter-spacing-input"}},inputWordSpacing:{type:"number",scope:"layout",title:"Input Word Spacing",display:{type:"word-spacing-input"}},inputTextAppearance:{type:"object",scope:"layout",title:"Input Text Appearance",display:{type:"text-appearance"}},buttonFontSettings:{...$n.fontSettings,scope:"common",title:"Button"},buttonFontSize:{type:"number",scope:"layout",title:"Button Font Size",display:{type:"font-size"}},buttonLineHeight:{type:"number",scope:"layout",title:"Button Line Height",display:{type:"line-height-input"}},buttonLetterSpacing:{type:"number",scope:"layout",title:"Button Letter Spacing",display:{type:"letter-spacing-input"}},buttonWordSpacing:{type:"number",scope:"layout",title:"Button Word Spacing",display:{type:"word-spacing-input"}},buttonTextAppearance:{type:"object",scope:"layout",title:"Button Text Appearance",display:{type:"text-appearance"}},statusFontSettings:{...$n.fontSettings,scope:"common",title:"Success/Error"},statusFontSize:{type:"number",scope:"layout",title:"Success/Error Font Size",display:{type:"font-size"}},statusLineHeight:{type:"number",scope:"layout",title:"Success/Error Line Height",display:{type:"line-height-input"}},statusLetterSpacing:{type:"number",scope:"layout",title:"Success/Error Letter Spacing",display:{type:"letter-spacing-input"}},statusWordSpacing:{type:"number",scope:"layout",title:"Success/Error Word Spacing",display:{type:"word-spacing-input"}},statusTextAppearance:{type:"object",scope:"layout",title:"Success/Error Text Appearance",display:{type:"text-appearance"}}},defaults:{fields:Nl,fieldsToShow:1,buttonLabel:"Subscribe",buttonIcon:{mode:"Off",icon:Wl},fontFamily:"Arial",strokeColor:"#0A00F8",inputColor:"#ffffff",inputTextColor:"#0A00F8",placeholderColor:"#000000",buttonColor:"#0088D7",buttonTextColor:"#ffffff",errorColor:"#ef4444",successColor:"#22c55e",successMessage:"Thanks for subscribing!",errorMessage:"Please, fill all required fields.",stateOverrides:{hover:{buttonColor:"#33A2F2"}},inputFontSettings:{fontWeight:400,fontStyle:"normal"},inputLetterSpacing:0,inputWordSpacing:0,inputTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},buttonFontSettings:{fontWeight:400,fontStyle:"normal"},buttonLetterSpacing:0,buttonWordSpacing:0,buttonTextAppearance:{textTransform:"uppercase",textDecoration:"none",fontVariant:"normal"},statusFontSettings:{fontWeight:400,fontStyle:"normal"},statusLetterSpacing:0,statusWordSpacing:0,statusTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}},layoutDefaults:{m:{minHeight:.1,iconMaxWidth:.1,stroke:0,corners:0,buttonPadding:{top:.02,right:.04,bottom:.02,left:.04},inputPadding:{top:.01,right:.03,bottom:.01,left:.03},inputFontSize:.043,inputLineHeight:.043,buttonFontSize:.0373,buttonLineHeight:.0373,statusFontSize:.0373,statusLineHeight:.0373},d:{minHeight:.028,iconMaxWidth:.028,stroke:0,corners:0,buttonPadding:{right:.0175,left:.0175,top:.005,bottom:.004},inputPadding:{top:.01,right:.01,bottom:.01,left:.01},inputFontSize:.01,inputLineHeight:.01,buttonFontSize:.009,buttonLineHeight:.01,statusFontSize:.01,statusLineHeight:.01}},displayRules:[{if:{name:"stroke",value:0},then:{name:"properties.strokeColor.display.visible",value:!1}},{if:{name:"buttonIcon.mode",value:"On"},then:{name:"properties.buttonFontSettings.display.visible",value:!1}},{if:{name:"buttonIcon.mode",value:"On"},then:{name:"properties.buttonFontSize.display.visible",value:!1}},{if:{name:"buttonIcon.mode",value:"On"},then:{name:"properties.buttonLineHeight.display.visible",value:!1}},{if:{name:"buttonIcon.mode",value:"On"},then:{name:"properties.buttonLetterSpacing.display.visible",value:!1}},{if:{name:"buttonIcon.mode",value:"On"},then:{name:"properties.buttonWordSpacing.display.visible",value:!1}},{if:{name:"buttonIcon.mode",value:"On"},then:{name:"properties.buttonTextAppearance.display.visible",value:!1}},{if:{name:"buttonIcon.mode",value:"Off"},then:{name:"properties.iconMaxWidth.display.visible",value:!1}}]},panels:[{id:"general",icon:"cursor",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__","fieldsToShow"]},{type:"row",items:["minHeight","corners"]},{type:"row",items:[{type:"group",title:"",items:["stroke","buttonIcon"]},{type:"switcher",title:"Padding",options:{Input:["inputPadding"],Button:["buttonPadding"]}}]},"iconMaxWidth"]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:["fontFamily",{type:"group",title:"",items:["inputFontSettings",{type:"row",items:["inputFontSize","inputLineHeight","inputLetterSpacing","inputWordSpacing"]},"inputTextAppearance"]},{type:"group",title:"",items:["buttonFontSettings",{type:"row",items:["buttonFontSize","buttonLineHeight","buttonLetterSpacing","buttonWordSpacing"]},"buttonTextAppearance"]},{type:"group",title:"",items:["statusFontSettings",{type:"row",items:["statusFontSize","statusLineHeight","statusLetterSpacing","statusWordSpacing"]},"statusTextAppearance"]}]},{id:"fields",icon:"layers",title:"Fields",tooltip:"Fields",layout:["fields","buttonLabel","successMessage","errorMessage"]}],paletteBookmark:{items:[...Hl],panelIds:["general","typeStyle"],stateItems:{default:["strokeColor","placeholderColor","inputColor","buttonTextColor","buttonColor"],hover:["strokeColor","inputColor","buttonTextColor","buttonColor"],focus:["strokeColor","inputTextColor","buttonTextColor","buttonColor"],filled:["strokeColor","inputColor","inputTextColor","buttonTextColor"],success:["successColor"],error:["errorColor"]}},allowedPlugins:["newsletter"],states:["default","hover","focus","filled","success","error"]},jl={element:Fl,id:"oneliner-form",name:"Newsletter Single Line",category:"forms",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/onelinerImg.jpg"},defaultSize:{width:400,height:60},assetsPaths:{content:[],parameters:[{path:"buttonIcon.icon"}]},schema:Vl,sourceCode:Ml};function wo(e){return`
+.${e}-marquee-wrapper {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+}
+
+.${e}-marquee-track {
+  display: flex;
+  flex-direction: row;
+  width: max-content;
+  will-change: transform;
+  backface-visibility: hidden;
+  transform: translateZ(0);
+}
+
+.${e}-marquee-set {
+  display: flex;
+  flex-direction: row;
+  flex: 0 0 auto;
+}
+
+.${e}-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  order: 1;
+}
+
+.${e}-cover {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+}
+
+.${e}-elements-overlay {
+  position: relative;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  pointer-events: none;
+}
+
+.${e}-control {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+}
+
+.${e}-control::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  min-height: 20px;
+  pointer-events: auto;
+  z-index: 10;
+}
+`}const Ol=30,zl=({settings:e,content:t,isEditor:n,isPreviewMode:o})=>{const{prefix:r}=$.useScopedStyles(),{autoplay:a,align:i,speed:u,direction:s,pauseOnHover:g,gap:c,cardWidth:A,corners:x,stroke:f,strokeColor:p,bgColor:d,padding:S,logoMarginTop:y,logoWidth:v,logoHeight:_,captionMarginTop:D}=e,V=a==="on"&&!o,T=Math.max(0,u)*Ol,m=W=>$.scalingValue(W,n??!1),k=C.useRef(null),R=C.useRef(null),O=C.useRef(null),[F,H]=C.useState(0),[M,X]=C.useState(0),G=C.useRef(0),h=C.useRef(!1),E=C.useRef(null),I=V&&g==="on",L=C.useRef(null),[w,N]=C.useState(0),[K,ie]=C.useState(0),ne=C.useRef(s),ce=W=>{var q,ee,oe,ue,Te;return{fontSettings:{fontFamily:(e==null?void 0:e[`${W}FontFamily`])??"Arial",fontWeight:((q=e==null?void 0:e[`${W}FontSettings`])==null?void 0:q.fontWeight)??400,fontStyle:((ee=e==null?void 0:e[`${W}FontSettings`])==null?void 0:ee.fontStyle)??"normal"},textAppearance:{textTransform:((oe=e==null?void 0:e[`${W}TextAppearance`])==null?void 0:oe.textTransform)??"none",textDecoration:((ue=e==null?void 0:e[`${W}TextAppearance`])==null?void 0:ue.textDecoration)??"none",fontVariant:((Te=e==null?void 0:e[`${W}TextAppearance`])==null?void 0:Te.fontVariant)??"normal"},letterSpacing:(e==null?void 0:e[`${W}LetterSpacing`])??0,wordSpacing:(e==null?void 0:e[`${W}WordSpacing`])??0,fontSize:(e==null?void 0:e[`${W}FontSize`])??.01,lineHeight:(e==null?void 0:e[`${W}LineHeight`])??.01,color:(e==null?void 0:e[`${W}Color`])??"#000000"}},P=ce("text"),Q=ce("caption"),de=C.useMemo(()=>((t==null?void 0:t.length)??0)>1&&(t??[]).some(W=>{var z,q;return(((z=W.text)==null?void 0:z.length)??0)>0||(((q=W.caption)==null?void 0:q.length)??0)>0}),[t]),pe=C.useMemo(()=>a==="off"||(t==null?void 0:t.length)===0?1:M<=0||F<=0?2:Math.max(2,Math.ceil(F/M)+1),[a,t==null?void 0:t.length,M,F]);C.useLayoutEffect(()=>{if(a==="off")return;const W=k.current,z=O.current;if(!W||!z)return;let q=0;const ee=()=>{H(W.getBoundingClientRect().width),X(z.getBoundingClientRect().width)},oe=()=>{cancelAnimationFrame(q),q=requestAnimationFrame(ee)};oe();const ue=new ResizeObserver(oe);return ue.observe(W),ue.observe(z),()=>{cancelAnimationFrame(q),ue.disconnect()}},[a,t==null?void 0:t.length]),C.useLayoutEffect(()=>{const W=R.current;if(a==="off"||!W||!V)return;if(M<=0||T<=0){W.style.transform="translate3d(0, 0, 0)";return}ne.current!==s&&(G.current=1-G.current,ne.current=s);const z=M/T*1e3,q=s==="left"?-M:0,ee=s==="left"?0:-M,oe=W.animate([{transform:`translate3d(${q}px, 0, 0)`},{transform:`translate3d(${ee}px, 0, 0)`}],{duration:z,iterations:1/0,easing:"linear"});return oe.currentTime=G.current*z,h.current&&oe.pause(),E.current=oe,()=>{const ue=typeof oe.currentTime=="number"?oe.currentTime:0;G.current=z>0?ue/z%1:0,oe.cancel(),E.current===oe&&(E.current=null)}},[a,V,M,T,s]);const Y=()=>{var W;I&&(h.current=!0,(W=E.current)==null||W.pause())},ae=()=>{var W;I&&(h.current=!1,(W=E.current)==null||W.play())},fe=C.useMemo(()=>{switch(i){case"center":return"center";case"end":return"flex-end";case"start":default:return"flex-start"}},[i]),j=C.useMemo(()=>{switch(i){case"center":return"center";case"end":return"right";case"start":default:return"left"}},[i]),b=C.useCallback((W,z,q,ee)=>l.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:fe,width:"100%"},children:[l.jsx("div",{"data-controls":ee==null?void 0:ee.controlsName,"data-controls-axis":"y",className:`${r}-control`,style:{height:m((ee==null?void 0:ee.marginTop)??0)}}),l.jsx("div",{...ee!=null&&ee.dataMeasureKind?{"data-testimonial-measure":ee.dataMeasureKind}:{},style:{...Re(W,n),textAlign:j,pointerEvents:"auto",...typeof(ee==null?void 0:ee.minHeightPx)=="number"&&ee.minHeightPx>0?{minHeight:ee.minHeightPx}:{}},children:l.jsx(Pt,{content:z})})]},q),[fe,j,n]),U=C.useCallback((W,z,q)=>{var ee,oe,ue;return l.jsxs("div",{style:{padding:`${m(S.top)} ${m(S.right)} ${m(S.bottom)} ${m(S.left)}`,width:m(A+f*2),height:"100%",borderRadius:m(x),border:`${m(f)} solid ${p}`,boxSizing:"border-box",position:"relative",overflow:"hidden"},children:[l.jsx("div",{className:`${r}-cover`,style:{background:d}}),l.jsxs("div",{className:`${r}-elements-overlay`,style:{alignItems:fe,textAlign:j},children:[P&&W.text&&b(P,W.text,"text",q!=null&&q.dataMeasureAttrs?{dataMeasureKind:"text"}:typeof(q==null?void 0:q.textMinHeightPx)=="number"&&q.textMinHeightPx>0?{minHeightPx:q.textMinHeightPx}:void 0),l.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:fe,width:"100%"},children:[l.jsx("div",{"data-controls":"logoMarginTop",className:`${r}-control`,style:{height:m(y)}}),l.jsx("div",{style:{width:m(v),height:m(_)},children:((ee=W.logo)==null?void 0:ee.url)&&l.jsx("img",{src:W.logo.url,alt:((oe=W.logo)==null?void 0:oe.name)??"",style:{pointerEvents:"auto",width:"100%",height:"100%",objectFit:((ue=W.logo)==null?void 0:ue.objectFit)||"contain"}})})]},"logo"),Q&&W.caption&&b(Q,W.caption,"caption",{controlsName:"captionMarginTop",marginTop:D,...q!=null&&q.dataMeasureAttrs?{dataMeasureKind:"caption"}:typeof(q==null?void 0:q.captionMinHeightPx)=="number"&&q.captionMinHeightPx>0?{minHeightPx:q.captionMinHeightPx}:{}})]})]},z)},[d,D,Q,A,x,_,y,v,fe,j,S.bottom,S.left,S.right,S.top,b,f,p,P,n]);$.useTestimonialTextMeasure({enabled:de,rootRef:L,onExtents:({maxTextPx:W,maxCaptionPx:z})=>{N(W),ie(z)},deps:[t,U]});const Z=de?{textMinHeightPx:w,captionMinHeightPx:K}:void 0,te=de?l.jsx("div",{ref:L,"aria-hidden":!0,style:{position:"absolute",left:0,top:0,width:"100%",visibility:"hidden",pointerEvents:"none",zIndex:-1},children:(t??[]).map((W,z)=>U(W,`measure-${z}`,{dataMeasureAttrs:!0}))}):null,re=(W,z,q)=>l.jsxs("div",{style:{position:"relative",flex:"0 0 auto",height:"100%"},children:[U(W,`card-${z}`,Z),n&&!q&&l.jsx("div",{"data-controls":"gap","data-controls-axis":"x",style:{position:"absolute",top:0,right:`calc(-1 * ${m(c)})`,width:m(c),height:"100%",pointerEvents:"auto",zIndex:2}})]},z);return a==="on"&&(t!=null&&t.length)&&t.length>0?l.jsxs("div",{ref:k,className:ge(`${r}-wrapper`,`${r}-marquee-wrapper`),"aria-label":"Testimonials",children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:wo(r)}}),te,l.jsx("div",{ref:R,className:`${r}-marquee-track`,onMouseEnter:Y,onMouseLeave:ae,children:Array.from({length:pe},(W,z)=>l.jsx("div",{ref:z===0?O:void 0,className:`${r}-marquee-set`,style:{gap:m(c),paddingRight:m(c)},"aria-hidden":z>0,children:t==null?void 0:t.map((q,ee)=>re(q,`${z}-${ee}`,ee===((t==null?void 0:t.length)??0)-1))},`set-${z}`))})]}):l.jsxs("div",{className:`${r}-wrapper`,children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:wo(r)}}),te,l.jsx("div",{style:{gap:m(c),justifyContent:"center",overflowX:"auto",display:"flex",flexDirection:"row"},"aria-label":"Testimonials",children:t==null?void 0:t.map((W,z)=>re(W,z,z===((t==null?void 0:t.length)??0)-1))})]})},Bl=`import { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import cn from 'classnames';
-import classes from './TestimonialsGrid.module.scss';
 import { CommonComponentProps } from '../props';
 import { RichTextRenderer } from '../helpers/RichTextRenderer/RichTextRenderer';
 import { scalingValue } from '../utils/scalingValue';
 import { textStylesToCss, type TextStyles } from '../utils/textStylesToCss';
+import { useScopedStyles } from '../utils/useScopedStyles';
+import { useTestimonialTextMeasure } from '../utils/useTestimonialTextMeasure';
+
+function getCSS(P: string): string {
+  return \`
+.\${P}-marquee-wrapper {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+}
+
+.\${P}-marquee-track {
+  display: flex;
+  flex-direction: row;
+  width: max-content;
+  will-change: transform;
+  backface-visibility: hidden;
+  transform: translateZ(0);
+}
+
+.\${P}-marquee-set {
+  display: flex;
+  flex-direction: row;
+  flex: 0 0 auto;
+}
+
+.\${P}-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  order: 1;
+}
+
+.\${P}-cover {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+}
+
+.\${P}-elements-overlay {
+  position: relative;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  pointer-events: none;
+}
+
+.\${P}-control {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+}
+
+.\${P}-control::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  min-height: 20px;
+  pointer-events: auto;
+  z-index: 10;
+}
+\`;
+}
 
 type TestimonialsProps = {
   settings: TestimonialsSettings;
@@ -1518,49 +1647,8 @@ type TestimonialsProps = {
   isPreviewMode?: boolean;
 } & CommonComponentProps;
 
-type CaptionStyleFromFlatSettings = {
-  fontSettings: {
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-  };
-  widthSettings: {
-    width: number;
-    sizing: 'auto' | 'manual';
-  };
-  letterSpacing: number;
-  textAlign: 'left' | 'center' | 'right';
-  wordSpacing: number;
-  fontSizeLineHeight: {
-    fontSize: number;
-    lineHeight: number;
-  };
-  textAppearance: {
-    textTransform: 'none' | 'uppercase' | 'lowercase';
-    textDecoration: 'none' | 'underline';
-    fontVariant: 'normal' | 'small-caps';
-  };
-  color: string;
-};
-
 const PX_PER_SEC_PER_SPEED_UNIT = 30;
 
-const parseSpeed = (speed: unknown): number => {
-  if (typeof speed === 'number') return speed;
-  const n = parseFloat(String(speed ?? ''));
-  return Number.isFinite(n) ? n : 0;
-};
-
-const resolveCaptionTextStyles = (caption: CaptionStyles): TextStyles => ({
-  fontSettings: { ...caption.fontSettings },
-  letterSpacing: caption.letterSpacing,
-  wordSpacing: caption.wordSpacing,
-  fontSize: caption.fontSizeLineHeight.fontSize,
-  lineHeight: caption.fontSizeLineHeight.lineHeight,
-  textAppearance: caption.textAppearance,
-  color: caption.color,
-});
-
 type RenderCardOpts = {
   textMinHeightPx?: number;
   captionMinHeightPx?: number;
@@ -1574,11 +1662,11 @@ type RenderTextOpts = {
   dataMeasureKind?: 'text' | 'caption';
 };
 
-export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: TestimonialsProps) => {
+export const TestimonialGrid = ({ settings, content, isEditor, isPreviewMode }: TestimonialsProps) => {
+  const { prefix: P } = useScopedStyles();
   const { autoplay, align, speed, direction, pauseOnHover, gap, cardWidth, corners, stroke, strokeColor, bgColor, padding, logoMarginTop, logoWidth, logoHeight, captionMarginTop } = settings;
-  const isAutoplay = autoplay === 'on';
-  const isAnimating = isAutoplay && !isPreviewMode;
-  const pxPerSec = Math.max(0, parseSpeed(speed)) * PX_PER_SEC_PER_SPEED_UNIT;
+  const isAnimating = autoplay === 'on' && !isPreviewMode;
+  const pxPerSec = Math.max(0, speed) * PX_PER_SEC_PER_SPEED_UNIT;
   const scaled = (v: number) => scalingValue(v, isEditor ?? false);
   const wrapperRef = useRef<HTMLDivElement | null>(null);
   const trackRef = useRef<HTMLDivElement | null>(null);
@@ -1592,86 +1680,47 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
   const measureLayerRef = useRef<HTMLDivElement>(null);
   const [measuredTextMinPx, setMeasuredTextMinPx] = useState(0);
   const [measuredCaptionMinPx, setMeasuredCaptionMinPx] = useState(0);
+  const lastDirectionRef = useRef<'left' | 'right'>(direction);
 
-  const normalizedDirection = useMemo<'left' | 'right'>(() => {
-    if (typeof direction === 'boolean') return direction ? 'right' : 'left';
-    const d = String(direction ?? '').trim().toLowerCase();
-    return d === 'right' ? 'right' : 'left';
-  }, [direction]);
-
-  const lastDirectionRef = useRef<'left' | 'right'>(normalizedDirection);
-
-  const resolveCaptionStyle = (kind: 'text' | 'caption'): CaptionStyles | undefined => {
-    const fromNested = (settings as any)?.styles?.[kind] as CaptionStyles | undefined;
-    if (fromNested) return fromNested;
-
-    const prefix = kind === 'text' ? 'text' : 'caption';
-    const fontFamily = (settings as any)?.[\`\${prefix}FontFamily\`];
-    const fontSettings = (settings as any)?.[\`\${prefix}FontSettings\`];
-    const letterSpacing = (settings as any)?.[\`\${prefix}LetterSpacing\`];
-    const wordSpacing = (settings as any)?.[\`\${prefix}WordSpacing\`];
-    const textAlign = (settings as any)?.[\`\${prefix}TextAlign\`];
-    const textAppearance = (settings as any)?.[\`\${prefix}TextAppearance\`];
-    const color =
-      (settings as any)?.[\`\${prefix}Color\`] ??
-      (kind === 'text' ? (settings as any)?.textColor : undefined) ??
-      (kind === 'caption' ? (settings as any)?.captionColor : undefined);
-    const fontSize = (settings as any)?.[\`\${prefix}FontSize\`];
-    const lineHeight = (settings as any)?.[\`\${prefix}LineHeight\`];
-
-    const hasAnyFlat =
-      typeof fontFamily === 'string' ||
-      !!fontSettings ||
-      typeof letterSpacing === 'number' ||
-      typeof wordSpacing === 'number' ||
-      typeof textAlign === 'string' ||
-      !!textAppearance ||
-      typeof color === 'string' ||
-      typeof fontSize === 'number' ||
-      typeof lineHeight === 'number';
-    if (!hasAnyFlat) return undefined;
-
-    const flat: CaptionStyleFromFlatSettings = {
-      widthSettings: { width: 0.13, sizing: 'manual' },
+  const resolveTextStyle = (kind: 'text' | 'caption'): TextStyles => {
+    const styles: TextStyles = {
       fontSettings: {
-        fontFamily: typeof fontFamily === 'string' ? fontFamily : 'Arial',
-        fontWeight: typeof fontSettings?.fontWeight === 'number' ? fontSettings.fontWeight : 400,
-        fontStyle: typeof fontSettings?.fontStyle === 'string' ? fontSettings.fontStyle : 'normal',
-      },
-      letterSpacing: typeof letterSpacing === 'number' ? letterSpacing : 0,
-      wordSpacing: typeof wordSpacing === 'number' ? wordSpacing : 0,
-      textAlign: (textAlign === 'left' || textAlign === 'center' || textAlign === 'right') ? textAlign : 'left',
-      fontSizeLineHeight: {
-        fontSize: typeof fontSize === 'number' ? fontSize : 0.01,
-        lineHeight: typeof lineHeight === 'number' ? lineHeight : 0.01,
+        fontFamily: (settings as any)?.[\`\${kind}FontFamily\`] ?? 'Arial',
+        fontWeight: (settings as any)?.[\`\${kind}FontSettings\`]?.fontWeight ?? 400,
+        fontStyle: (settings as any)?.[\`\${kind}FontSettings\`]?.fontStyle ?? 'normal',
       },
       textAppearance: {
-        textTransform: textAppearance?.textTransform ?? 'none',
-        textDecoration: textAppearance?.textDecoration ?? 'none',
-        fontVariant: textAppearance?.fontVariant ?? 'normal',
+        textTransform: (settings as any)?.[\`\${kind}TextAppearance\`]?.textTransform ?? 'none',
+        textDecoration: (settings as any)?.[\`\${kind}TextAppearance\`]?.textDecoration ?? 'none',
+        fontVariant: (settings as any)?.[\`\${kind}TextAppearance\`]?.fontVariant ?? 'normal',
       },
-      color: typeof color === 'string' ? color : '#000000',
+      letterSpacing: (settings as any)?.[\`\${kind}LetterSpacing\`] ?? 0,
+      wordSpacing: (settings as any)?.[\`\${kind}WordSpacing\`] ?? 0,
+      fontSize: (settings as any)?.[\`\${kind}FontSize\`] ?? 0.01,
+      lineHeight: (settings as any)?.[\`\${kind}LineHeight\`] ?? 0.01,
+      color: (settings as any)?.[\`\${kind}Color\`] ?? '#000000',
     };
-
-    return flat as CaptionStyles;
+    return styles;
   };
 
-  const textStyle = resolveCaptionStyle('text');
-  const captionStyle = resolveCaptionStyle('caption');
+  const textStyle = resolveTextStyle('text');
+  const captionStyle = resolveTextStyle('caption');
 
   const shouldMeasureTextExtents = useMemo(
-    () => (content?.length ?? 0) > 1 && (!!textStyle || !!captionStyle),
-    [content, textStyle, captionStyle]
+    () =>
+      (content?.length ?? 0) > 1 &&
+      (content ?? []).some((item) => (item.text?.length ?? 0) > 0 || (item.caption?.length ?? 0) > 0),
+    [content]
   );
 
   const copies = useMemo(() => {
-    if (!isAutoplay || content?.length === 0) return 1;
+    if (autoplay === 'off' || content?.length === 0) return 1;
     if (setWidth <= 0 || containerWidth <= 0) return 2;
     return Math.max(2, Math.ceil(containerWidth / setWidth) + 1);
-  }, [isAutoplay, content?.length, setWidth, containerWidth]);
+  }, [autoplay, content?.length, setWidth, containerWidth]);
 
   useLayoutEffect(() => {
-    if (!isAutoplay) return;
+    if (autoplay === 'off') return;
     const wrapper = wrapperRef.current;
     const set = setRef.current;
     if (!wrapper || !set) return;
@@ -1692,22 +1741,22 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
       cancelAnimationFrame(raf);
       ro.disconnect();
     };
-  }, [isAutoplay, content?.length]);
+  }, [autoplay, content?.length]);
 
   useLayoutEffect(() => {
     const track = trackRef.current;
-    if (!isAutoplay || !track || !isAnimating) return;
+    if (autoplay === 'off' || !track || !isAnimating) return;
     if (setWidth <= 0 || pxPerSec <= 0) {
       track.style.transform = 'translate3d(0, 0, 0)';
       return;
     }
-    if (lastDirectionRef.current !== normalizedDirection) {
+    if (lastDirectionRef.current !== direction) {
       progressRef.current = 1 - progressRef.current;
-      lastDirectionRef.current = normalizedDirection;
+      lastDirectionRef.current = direction;
     }
     const duration = (setWidth / pxPerSec) * 1000;
-    const from = normalizedDirection === 'left' ? -setWidth : 0;
-    const to = normalizedDirection === 'left' ? 0 : -setWidth;
+    const from = direction === 'left' ? -setWidth : 0;
+    const to = direction === 'left' ? 0 : -setWidth;
     const anim = track.animate(
       [{ transform: \`translate3d(\${from}px, 0, 0)\` }, { transform: \`translate3d(\${to}px, 0, 0)\` }],
       { duration, iterations: Infinity, easing: 'linear' }
@@ -1722,7 +1771,7 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
       anim.cancel();
       if (animRef.current === anim) animRef.current = null;
     };
-  }, [isAutoplay, isAnimating, setWidth, pxPerSec, normalizedDirection]);
+  }, [autoplay, isAnimating, setWidth, pxPerSec, direction]);
 
   const onTrackEnter = () => {
     if (!hoverPauseEnabled) return;
@@ -1760,7 +1809,7 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
   }, [align]);
 
   const renderText = useCallback(
-    (style: CaptionStyles, richContent: any[], key: string, options?: RenderTextOpts) => (
+    (style: TextStyles, richContent: any[], key: string, options?: RenderTextOpts) => (
       <div
         key={key}
         style={{
@@ -1773,13 +1822,13 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
         <div
           data-controls={options?.controlsName}
           data-controls-axis="y"
-          className={classes.control}
-          style={{ width: '100%', height: scaled(options?.marginTop ?? 0) }}
+          className={\`\${P}-control\`}
+          style={{ height: scaled(options?.marginTop ?? 0) }}
         />
         <div
           {...(options?.dataMeasureKind ? { 'data-testimonial-measure': options.dataMeasureKind } : {})}
           style={{
-            ...textStylesToCss(resolveCaptionTextStyles(style), isEditor),
+            ...textStylesToCss(style, isEditor),
             textAlign: overlayTextAlign,
             pointerEvents: 'auto',
             ...(typeof options?.minHeightPx === 'number' && options.minHeightPx > 0
@@ -1791,7 +1840,7 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
         </div>
       </div>
     ),
-    [overlayAlignItems, overlayTextAlign, isEditor, classes.control]
+    [overlayAlignItems, overlayTextAlign, isEditor]
   );
 
   const renderCard = useCallback(
@@ -1809,23 +1858,12 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
           overflow: 'hidden',
         }}
       >
+        <div className={\`\${P}-cover\`} style={{ background: bgColor }} />
         <div
-          className={classes.cover}
-          style={{ background: bgColor, height: '100%' }}
-        />
-        <div
-          className={classes.elementsOverlay}
-          style={{
-            display: 'flex',
-            flexDirection: 'column',
-            pointerEvents: 'none',
-            alignItems: overlayAlignItems,
-            textAlign: overlayTextAlign,
-          }}
+          className={\`\${P}-elements-overlay\`}
+          style={{ alignItems: overlayAlignItems, textAlign: overlayTextAlign }}
         >
-          {textStyle &&
-            item.text &&
-            renderText(
+          {textStyle && item.text && renderText(
               textStyle,
               item.text,
               'text',
@@ -1846,15 +1884,17 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
           >
             <div
               data-controls="logoMarginTop"
-              className={classes.control}
-              style={{ width: '100%', height: scaled(logoMarginTop) }}
+              className={\`\${P}-control\`}
+              style={{ height: scaled(logoMarginTop) }}
             />
             <div style={{ width: scaled(logoWidth), height: scaled(logoHeight) }}>
-              <img
-                src={item.logo?.url}
-                alt={item.logo?.name}
-                style={{ pointerEvents: 'auto', width: '100%', height: '100%', objectFit: item.logo?.objectFit || 'cover' }}
-              />
+              {item.logo?.url && (
+                <img
+                  src={item.logo.url}
+                  alt={item.logo?.name ?? ''}
+                  style={{ pointerEvents: 'auto', width: '100%', height: '100%', objectFit: item.logo?.objectFit || 'contain' }}
+                />
+              )}
             </div>
           </div>
           {captionStyle &&
@@ -1894,36 +1934,15 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
     ]
   );
 
-  useLayoutEffect(() => {
-    if (!shouldMeasureTextExtents) {
-      setMeasuredTextMinPx(0);
-      setMeasuredCaptionMinPx(0);
-      return;
-    }
-
-    const root = measureLayerRef.current;
-    if (!root) return;
-
-    const readExtents = () => {
-      const maxText = Array.from(root.querySelectorAll('[data-testimonial-measure="text"]')).reduce(
-        (acc, el) => Math.max(acc, el.getBoundingClientRect().height),
-        0
-      );
-      const maxCaption = Array.from(root.querySelectorAll('[data-testimonial-measure="caption"]')).reduce(
-        (acc, el) => Math.max(acc, el.getBoundingClientRect().height),
-        0
-      );
-      setMeasuredTextMinPx(maxText);
-      setMeasuredCaptionMinPx(maxCaption);
-    };
-
-    readExtents();
-    const ro = new ResizeObserver(readExtents);
-    ro.observe(root);
-    return () => {
-      ro.disconnect();
-    };
-  }, [shouldMeasureTextExtents, content, renderCard]);
+  useTestimonialTextMeasure({
+    enabled: shouldMeasureTextExtents,
+    rootRef: measureLayerRef,
+    onExtents: ({ maxTextPx, maxCaptionPx }) => {
+      setMeasuredTextMinPx(maxTextPx);
+      setMeasuredCaptionMinPx(maxCaptionPx);
+    },
+    deps: [content, renderCard],
+  });
 
   const visibleCardOpts: RenderCardOpts | undefined = shouldMeasureTextExtents
     ? { textMinHeightPx: measuredTextMinPx, captionMinHeightPx: measuredCaptionMinPx }
@@ -1948,14 +1967,7 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
   ) : null;
 
   const renderCardWrapper = (item: TestimonialsItem, key: string | number, isLast: boolean) => (
-    <div
-      key={key}
-      style={{
-        position: 'relative',
-        flex: '0 0 auto',
-        height: '100%',
-      }}
-    >
+    <div key={key} style={{ position: 'relative', flex: '0 0 auto', height: '100%' }}>
       {renderCard(item, \`card-\${key}\`, visibleCardOpts)}
       {isEditor && !isLast && (
         <div
@@ -1975,13 +1987,14 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
     </div>
   );
 
-  if (isAutoplay && content?.length && content.length > 0) {
+  if (autoplay === 'on' && content?.length && content.length > 0) {
     return (
-      <div ref={wrapperRef} className={cn(classes.wrapper, classes.marqueeWrapper)} aria-label="Testimonials">
+      <div ref={wrapperRef} className={cn(\`\${P}-wrapper\`, \`\${P}-marquee-wrapper\`)} aria-label="Testimonials">
+        <style dangerouslySetInnerHTML={{ __html: getCSS(P) }} />
         {measureLayerEl}
         <div
           ref={trackRef}
-          className={classes.marqueeTrack}
+          className={\`\${P}-marquee-track\`}
           onMouseEnter={onTrackEnter}
           onMouseLeave={onTrackLeave}
         >
@@ -1989,7 +2002,7 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
             <div
               key={\`set-\${copyIndex}\`}
               ref={copyIndex === 0 ? setRef : undefined}
-              className={classes.marqueeSet}
+              className={\`\${P}-marquee-set\`}
               style={{ gap: scaled(gap), paddingRight: scaled(gap) }}
               aria-hidden={copyIndex > 0}
             >
@@ -2004,15 +2017,16 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
   }
 
   return (
-    <div className={classes.wrapper}>
+    <div className={\`\${P}-wrapper\`}>
+      <style dangerouslySetInnerHTML={{ __html: getCSS(P) }} />
       {measureLayerEl}
       <div
         style={{
-          display: 'flex',
-          flexDirection: 'row',
           gap: scaled(gap),
           justifyContent: 'center',
           overflowX: 'auto',
+          display: 'flex',
+          flexDirection: 'row',
         }}
         aria-label="Testimonials"
       >
@@ -2058,45 +2072,290 @@ type TestimonialsSettings = {
   logoWidth: number;
   logoHeight: number;
   captionMarginTop: number;
-  styles: TestimonialsStyles;
 };
+`,To={fontSettings:{type:"object",scope:"common",display:{type:"font-settings"},properties:{fontWeight:{type:"number",scope:"common"},fontStyle:{type:"string",scope:"common"}}}},Dl={type:"object",version:1,settings:{sizing:"auto manual",properties:{autoplay:{type:"string",scope:"common",title:"Autoplay",display:{type:"switch-control"},enum:["on","off"]},speed:{type:"number",scope:"layout",title:"Speed",display:{type:"speed-control"},min:.5,max:8},direction:{type:"string",scope:"common",title:"Direction",display:{type:"direction-control"},enum:["left","right"]},pauseOnHover:{title:"Pause on hover",type:"string",scope:"common",display:{type:"switch-toggle-2",enum:["on","off"]}},gap:{type:"number",scope:"layout",title:"Gap",min:0,max:200,display:{type:"range-control"}},align:{type:"string",title:"Align",display:{type:"align-group",direction:"horizontal"},enum:["start","center","end"]},cardWidth:{type:"number",scope:"layout",title:"width",min:0,max:400,display:{type:"range-control"}},corners:{type:"number",scope:"layout",title:"Corners",min:0,max:100,display:{type:"range-control"}},stroke:{type:"number",scope:"layout",title:"Stroke",min:0,max:10,display:{type:"range-control"}},strokeColor:{type:"string",scope:"common",title:"Stroke color",display:{type:"palette-color-picker",visible:!0}},bgColor:{title:"BG color",type:"string",scope:"common",display:{type:"palette-color-picker"}},padding:{type:"object",scope:"layout",title:"Padding",display:{type:"padding-controls"}},logoMarginTop:{type:"number",scope:"layout",title:"Logo margin top",min:0,max:100,display:{type:"range-control"}},logoWidth:{type:"number",scope:"layout",title:"width",min:0,max:200,display:{type:"range-control"}},logoHeight:{type:"number",scope:"layout",title:"height",min:0,max:200,display:{type:"range-control"}},textColor:{type:"string",scope:"common",title:"Text color",display:{type:"palette-color-picker"}},captionColor:{type:"string",scope:"common",title:"Caption color",display:{type:"palette-color-picker"}},captionMarginTop:{type:"number",scope:"layout",title:"Caption margin top",min:0,max:100,display:{type:"range-control"}},captionFontFamily:{type:"string",scope:"common",title:"Font Family",display:{type:"font-family-select"}},captionFontSettings:{...To.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},captionFontSize:{type:"number",scope:"layout",title:"Caption Font Size",display:{type:"font-size"}},captionLineHeight:{type:"number",scope:"layout",title:"Caption Line Height",display:{type:"line-height-input"}},captionLetterSpacing:{type:"number",scope:"layout",title:"Caption Letter Spacing",display:{type:"letter-spacing-input"}},captionWordSpacing:{type:"number",scope:"layout",title:"Caption Word Spacing",display:{type:"word-spacing-input"}},captionTextAppearance:{type:"object",scope:"layout",title:"Caption Text Appearance",display:{type:"text-appearance"}},textFontFamily:{type:"string",scope:"common",title:"Font Family",display:{type:"font-family-select"}},textFontSettings:{...To.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},textFontSize:{type:"number",scope:"layout",title:"Text Font Size",display:{type:"font-size"}},textLineHeight:{type:"number",scope:"layout",title:"Text Line Height",display:{type:"line-height-input"}},textLetterSpacing:{type:"number",scope:"layout",title:"Text Letter Spacing",display:{type:"letter-spacing-input"}},textWordSpacing:{type:"number",scope:"layout",title:"Text Word Spacing",display:{type:"word-spacing-input"}},textTextAppearance:{type:"object",scope:"layout",title:"Text Text Appearance",display:{type:"text-appearance"}}},defaults:{autoplay:"off",direction:"left",pauseOnHover:"off",strokeColor:"#000000",bgColor:"rgba(255, 255, 255, 0.81)",textColor:"#000000",captionColor:"#000000",captionFontFamily:"Arial",captionFontSettings:{fontWeight:400,fontStyle:"normal"},align:"center",captionLetterSpacing:0,captionWordSpacing:0,captionTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},textFontFamily:"Arial",textFontSettings:{fontWeight:400,fontStyle:"normal"},textLetterSpacing:0,textWordSpacing:0,textTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}},layoutDefaults:{m:{speed:3,gap:.02,cardWidth:.15,corners:.005,stroke:.001,padding:{top:.01,right:.01,bottom:.01,left:.01},logoMarginTop:0,logoWidth:.02,logoHeight:.02,captionMarginTop:0,textFontSize:.01,textLineHeight:.01,captionFontSize:.01,captionLineHeight:.01},d:{speed:5,gap:.02,cardWidth:.15,corners:.005,stroke:.001,padding:{top:.01,right:.01,bottom:.01,left:.01},logoMarginTop:.01,logoWidth:.05,logoHeight:.05,captionMarginTop:.01,textFontSize:.01,textLineHeight:.01,captionFontSize:.01,captionLineHeight:.01}},displayRules:[{if:{name:"stroke",value:0},then:{name:"properties.strokeColor.display.visible",value:!1}}],layout:["__componentName__","autoplay","speed","direction","pauseOnHover","gap","cardWidth","corners","stroke","strokeColor","bgColor","padding","logoMarginTop","logoWidth","logoHeight","captionMarginTop"]},panels:[{id:"general",icon:"cursor",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__","autoplay"]},{type:"row",items:["speed","pauseOnHover"]},{type:"row",items:["align","direction"]},{type:"row",title:"Card",items:[{type:"group",title:"",items:["cardWidth","corners","stroke"]},{type:"group",title:"",items:["padding"]}]},{type:"row",title:"Logo Container",items:["logoWidth","logoHeight"]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:[{type:"group",title:"Text",items:["textFontFamily","textFontSettings",{type:"group",title:"",items:["text",{type:"row",items:["textFontSize","textLineHeight","textLetterSpacing","textWordSpacing"]},"textTextAppearance"]}]},{type:"group",title:"Caption",items:["captionFontFamily","captionFontSettings",{type:"group",title:"",items:["caption",{type:"row",items:["captionFontSize","captionLineHeight","captionLetterSpacing","captionWordSpacing"]},"captionTextAppearance"]}]}]}],paletteBookmark:{items:["bgColor","strokeColor","textColor","captionColor"],panelIds:["general","typeStyle"]},content:{type:"array",settings:{addItemFromFileExplorer:!1},items:{type:"object",properties:{logo:{type:"object",label:"Logo",display:{type:"media-input"}},text:{placeholder:"Add Text...",label:"Text",display:{type:"rich-text"}},caption:{placeholder:"Add Caption...",label:"Caption",display:{type:"rich-text"}}}},default:[{logo:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/logo.png",name:""},text:[{type:"paragraph",children:[{text:"Innovative solutions redefine connectivity, enhancing user experience through seamless digital integration and efficiency."}]}],caption:[{type:"paragraph",children:[{text:"CEO @ Company"}]}]},{logo:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/logo.png",name:""},text:[{type:"paragraph",children:[{text:"In the realm of digital innovation, transformative algorithms redefine connectivity, propelling unprecedented technological advancements."}]}],caption:[{type:"paragraph",children:[{text:"CEO @ Company"}]}]},{logo:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/logo.png",name:""},text:[{type:"paragraph",children:[{text:"Harnessing innovative algorithms, this paradigm shift enhances computational efficiency and optimizes data processing frameworks."}]}],caption:[{type:"paragraph",children:[{text:"CEO @ Company"}]}]}]}},Ul={element:zl,id:"testimonials",name:"Eliana",category:"testimonials",version:1,preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/testimonials.png"},defaultSize:{width:750,height:300},schema:Dl,sourceCode:Bl,assetsPaths:{content:[{path:"logo.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:[{path:"styles.text.fontSettings"},{path:"styles.caption.fontSettings"}]}};function ql(e){return`
+.${e}-container {
+  overflow-x: clip;
+  display: flex;
+  height: 100%;
+  width: 100%;
+  flex-direction: column;
+  align-items: center;
+}
 
-type CaptionStyles = {
-  fontSettings: {
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-  };
-  widthSettings: {
-    width: number;
-    sizing: 'auto' | 'manual';
-  };
-  letterSpacing: number;
-  textAlign: 'left' | 'center' | 'right';
-  wordSpacing: number;
-  fontSizeLineHeight: {
-    fontSize: number;
-    lineHeight: number;
-  };
-  textAppearance: {
-    textTransform: 'none' | 'uppercase' | 'lowercase';
-    textDecoration: 'none' | 'underline';
-    fontVariant: 'normal' | 'small-caps';
-  };
-  color: string;
-};
+.${e}-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  order: 1;
+  display: flex;
+  flex-direction: column;
+  inset: 0;
+  pointer-events: none;
+  height: 100%;
+  box-sizing: border-box;
+  position: relative;
+}
 
-type TestimonialsStyles = {
-  text: CaptionStyles;
-  caption: CaptionStyles;
-};
-`,Ao={fontSettings:{type:"object",scope:"common",display:{type:"font-settings"},properties:{fontWeight:{type:"number",scope:"common"},fontStyle:{type:"string",scope:"common"}}}},ts={type:"object",version:1,settings:{sizing:"auto manual",properties:{autoplay:{type:"string",scope:"common",title:"Autoplay",display:{type:"switch-control"},enum:["on","off"]},speed:{type:"number",scope:"layout",title:"Speed",display:{type:"speed-control"},min:.5,max:8},direction:{type:"string",scope:"common",title:"Direction",display:{type:"direction-control"},enum:["left","right"]},pauseOnHover:{title:"Pause on hover",type:"string",scope:"common",display:{type:"switch-toggle-2",enum:["on","off"]}},gap:{type:"number",scope:"layout",title:"Gap",min:0,max:200,display:{type:"range-control"}},align:{type:"string",title:"Align",display:{type:"align-group",direction:"horizontal"},enum:["start","center","end"]},cardWidth:{type:"number",scope:"layout",title:"width",min:0,max:400,display:{type:"range-control"}},corners:{type:"number",scope:"layout",title:"Corners",min:0,max:100,display:{type:"range-control"}},stroke:{type:"number",scope:"layout",title:"Stroke",min:0,max:10,display:{type:"range-control"}},strokeColor:{type:"string",scope:"common",title:"Stroke color",display:{type:"palette-color-picker",visible:!0}},bgColor:{title:"BG color",type:"string",scope:"common",display:{type:"palette-color-picker"}},padding:{type:"object",scope:"layout",title:"Padding",display:{type:"padding-controls"}},logoMarginTop:{type:"number",scope:"layout",title:"Logo margin top",min:0,max:100,display:{type:"range-control"}},logoWidth:{type:"number",scope:"layout",title:"width",min:0,max:200,display:{type:"range-control"}},logoHeight:{type:"number",scope:"layout",title:"height",min:0,max:200,display:{type:"range-control"}},textColor:{type:"string",scope:"common",title:"Text color",display:{type:"palette-color-picker"}},captionColor:{type:"string",scope:"common",title:"Caption color",display:{type:"palette-color-picker"}},captionMarginTop:{type:"number",scope:"layout",title:"Caption margin top",min:0,max:100,display:{type:"range-control"}},captionFontFamily:{type:"string",scope:"common",title:"Caption",display:{type:"font-family-select"}},captionFontSettings:{...Ao.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},captionFontSize:{type:"number",scope:"layout",title:"Caption Font Size",display:{type:"font-size"}},captionLineHeight:{type:"number",scope:"layout",title:"Caption Line Height",display:{type:"line-height-input"}},captionLetterSpacing:{type:"number",scope:"layout",title:"Caption Letter Spacing",display:{type:"letter-spacing-input"}},captionWordSpacing:{type:"number",scope:"layout",title:"Caption Word Spacing",display:{type:"word-spacing-input"}},captionTextAppearance:{type:"object",scope:"layout",title:"Caption Text Appearance",display:{type:"text-appearance"}},textFontFamily:{type:"string",scope:"common",title:"Text",display:{type:"font-family-select"}},textFontSettings:{...Ao.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},textFontSize:{type:"number",scope:"layout",title:"Text Font Size",display:{type:"font-size"}},textLineHeight:{type:"number",scope:"layout",title:"Text Line Height",display:{type:"line-height-input"}},textLetterSpacing:{type:"number",scope:"layout",title:"Text Letter Spacing",display:{type:"letter-spacing-input"}},textWordSpacing:{type:"number",scope:"layout",title:"Text Word Spacing",display:{type:"word-spacing-input"}},textTextAppearance:{type:"object",scope:"layout",title:"Text Text Appearance",display:{type:"text-appearance"}}},defaults:{autoplay:"off",direction:"left",pauseOnHover:"off",strokeColor:"#000000",bgColor:"rgba(255, 255, 255, 0.81)",textColor:"#000000",captionColor:"#000000",captionFontFamily:"Arial",captionFontSettings:{fontWeight:400,fontStyle:"normal"},align:"center",captionLetterSpacing:0,captionWordSpacing:0,captionTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},textFontFamily:"Arial",textFontSettings:{fontWeight:400,fontStyle:"normal"},textLetterSpacing:0,textWordSpacing:0,textTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}},layoutDefaults:{m:{speed:3,gap:.02,cardWidth:.15,corners:.005,stroke:.001,padding:{top:.01,right:.01,bottom:.01,left:.01},logoMarginTop:0,logoWidth:.02,logoHeight:.02,captionMarginTop:0,textFontSize:.01,textLineHeight:.01,captionFontSize:.01,captionLineHeight:.01},d:{speed:5,gap:.02,cardWidth:.15,corners:.005,stroke:.001,padding:{top:.01,right:.01,bottom:.01,left:.01},logoMarginTop:.01,logoWidth:.05,logoHeight:.05,captionMarginTop:.01,textFontSize:.01,textLineHeight:.01,captionFontSize:.01,captionLineHeight:.01}},displayRules:[{if:{name:"stroke",value:0},then:{name:"properties.strokeColor.display.visible",value:!1}}],layout:["__componentName__","autoplay","speed","direction","pauseOnHover","gap","cardWidth","corners","stroke","strokeColor","bgColor","padding","logoMarginTop","logoWidth","logoHeight","captionMarginTop"]},panels:[{id:"general",icon:"cursor",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__","autoplay"]},{type:"row",items:["speed","pauseOnHover"]},{type:"row",items:["align","direction"]},{type:"row",title:"Card",items:[{type:"group",title:"",items:["cardWidth","corners","stroke"]},{type:"group",title:"",items:["padding"]}]},{type:"row",title:"Logo Container",items:["logoWidth","logoHeight"]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:["textFontFamily","textFontSettings",{type:"group",title:"",items:["text",{type:"row",items:["textFontSize","textLineHeight","textLetterSpacing","textWordSpacing"]},"textTextAppearance"]},"captionFontFamily","captionFontSettings",{type:"group",title:"",items:["caption",{type:"row",items:["captionFontSize","captionLineHeight","captionLetterSpacing","captionWordSpacing"]},"captionTextAppearance"]}]}],paletteBookmark:{items:["bgColor","strokeColor","textColor","captionColor"],panelIds:["general","typeStyle"]},content:{type:"array",settings:{addItemFromFileExplorer:!1},items:{type:"object",properties:{logo:{type:"object",label:"Logo",display:{type:"media-input"}},text:{placeholder:"Add Text...",label:"Text",display:{type:"rich-text"}},caption:{placeholder:"Add Caption...",label:"Caption",display:{type:"rich-text"}}}},default:[{logo:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/logo.png",name:""},text:[{type:"paragraph",children:[{text:"Innovative solutions redefine connectivity, enhancing user experience through seamless digital integration and efficiency."}]}],caption:[{type:"paragraph",children:[{text:"CEO @ Company"}]}]},{logo:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/logo.png",name:""},text:[{type:"paragraph",children:[{text:"In the realm of digital innovation, transformative algorithms redefine connectivity, propelling unprecedented technological advancements."}]}],caption:[{type:"paragraph",children:[{text:"CEO @ Company"}]}]},{logo:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/logo.png",name:""},text:[{type:"paragraph",children:[{text:"Harnessing innovative algorithms, this paradigm shift enhances computational efficiency and optimizes data processing frameworks."}]}],caption:[{type:"paragraph",children:[{text:"CEO @ Company"}]}]}]}},ns={element:Ql,id:"testimonials",name:"Eliana",category:"testimonials",version:1,preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/testimonials.png"},defaultSize:{width:750,height:300},schema:ts,sourceCode:es,assetsPaths:{content:[{path:"logo.url",placeholderEnabled:!0}],parameters:[{path:"settings.controls.arrowsImgUrl"}]},fontSettingsPaths:{content:[],parameters:[{path:"styles.text.fontSettings"}]}},os="TestimonialSingle-module__container___YKr4M",rs="TestimonialSingle-module__wrapper___hUgOd",is="TestimonialSingle-module__wrapperAutoplayOff___dgrHY",as="TestimonialSingle-module__elementsOverlay___2QyBb",ls="TestimonialSingle-module__fadeStack___Ye77N",ss="TestimonialSingle-module__fadeItemPrev___dQn4-",cs="TestimonialSingle-module__fadeItemCurrent___intAh",us="TestimonialSingle-module__fadeIn___mnR5D",ps="TestimonialSingle-module__fadeOut___WiXP1",ds="TestimonialSingle-module__icon___qH8ha",gs="TestimonialSingle-module__controls___0dIZ-",ms="TestimonialSingle-module__arrow___sVKUw",fs="TestimonialSingle-module__nextArrow___U31Ty",ys="TestimonialSingle-module__arrowInner___tep0d",hs="TestimonialSingle-module__arrowImg___8JHHQ",vs="TestimonialSingle-module__mirror___kWPu-",bs="TestimonialSingle-module__control___RwzDc",Se={container:os,wrapper:rs,wrapperAutoplayOff:is,elementsOverlay:as,fadeStack:ls,fadeItemPrev:ss,fadeItemCurrent:cs,fadeIn:us,fadeOut:ps,icon:ds,controls:gs,arrow:ms,nextArrow:fs,arrowInner:ys,arrowImg:hs,mirror:vs,control:bs},xs=({settings:e,content:t,isEditor:n,isPreviewMode:o})=>{const r=t||[],{autoplay:l,delay:i,align:c,width:p,imageMarginTop:m,textMarginTop:u,captionMarginTop:E,imageWidth:x,imageHeight:h,controlsWidth:d,controlsColor:g,controlsHoverColor:C}=e,v=(()=>{const s=l;if(typeof s=="boolean")return s;if(typeof s=="string"){const M=s.trim().toLowerCase();return M==="on"||M==="true"}return!1})(),b=v&&!o,[A,j]=S.useState(0),[N,$]=S.useState(null),[f,F]=S.useState(!1),P=S.useRef(null),O=S.useMemo(()=>{switch(c){case"center":return"center";case"end":return"flex-end";case"start":default:return"flex-start"}},[c]),R=S.useMemo(()=>{switch(c){case"center":return"center";case"end":return"right";case"start":default:return"left"}},[c]);S.useEffect(()=>{j(0),$(null),F(!1)},[r.length]);const V=r[A],W=N===null?null:r[N],K=s=>{var ge;const M=(ge=e==null?void 0:e.styles)==null?void 0:ge[s];if(M)return M;const Y=s==="text"?"text":"caption",ee=e==null?void 0:e[`${Y}FontFamily`],ne=e==null?void 0:e[`${Y}FontSettings`],oe=e==null?void 0:e[`${Y}LetterSpacing`],T=e==null?void 0:e[`${Y}WordSpacing`],U=e==null?void 0:e[`${Y}TextAlign`],B=e==null?void 0:e[`${Y}TextAppearance`],X=e==null?void 0:e[`${Y}Color`],Q=e==null?void 0:e[`${Y}FontSize`],pe=e==null?void 0:e[`${Y}LineHeight`];return typeof ee=="string"||!!ne||typeof oe=="number"||typeof T=="number"||typeof U=="string"||!!B||typeof X=="string"||typeof Q=="number"||typeof pe=="number"?{widthSettings:{width:.13,sizing:"manual"},fontSettings:{fontFamily:typeof ee=="string"?ee:"Arial",fontWeight:typeof(ne==null?void 0:ne.fontWeight)=="number"?ne.fontWeight:400,fontStyle:typeof(ne==null?void 0:ne.fontStyle)=="string"?ne.fontStyle:"normal"},letterSpacing:typeof oe=="number"?oe:0,wordSpacing:typeof T=="number"?T:0,textAlign:U==="left"||U==="center"||U==="right"?U:"left",fontSizeLineHeight:{fontSize:typeof Q=="number"?Q:.01,lineHeight:typeof pe=="number"?pe:.01},textAppearance:{textTransform:(B==null?void 0:B.textTransform)??"none",textDecoration:(B==null?void 0:B.textDecoration)??"none",fontVariant:(B==null?void 0:B.fontVariant)??"normal"},color:typeof X=="string"?X:"#000000"}:void 0},G=K("text"),y=K("caption"),k=s=>w.scalingValue(s,n??!1),I=r.length>1&&(!!G||!!y),L=S.useRef(null),[_,z]=S.useState(0),[Z,se]=S.useState(0),ie=r.length>1,le=S.useCallback((s,M)=>!ie||M===s?s:(P.current&&window.clearTimeout(P.current),$(s),F(!0),P.current=window.setTimeout(()=>{$(null),F(!1),P.current=null},300),M),[ie]);S.useCallback(s=>{j(M=>le(M,s))},[le]);const H=S.useCallback(()=>{ie&&j(s=>le(s,(s-1+r.length)%r.length))},[ie,le,r.length]),re=S.useCallback(()=>{ie&&j(s=>le(s,(s+1)%r.length))},[ie,le,r.length]);S.useEffect(()=>{if(!b||!ie)return;const s=window.setInterval(()=>{j(M=>le(M,(M+1)%r.length))},i);return()=>{window.clearInterval(s)}},[b,ie,le,r.length,i]),S.useEffect(()=>()=>{P.current&&window.clearTimeout(P.current)},[]);const de=e.controls??{mode:"Off",icon:null},ce=de.mode==="On"?de.icon??null:null,ye=S.useMemo(()=>k(.01),[n]),ve=S.useMemo(()=>w.scalingValue(d??.02,n??!1),[d,n]),$e=S.useCallback((s,M)=>{var U,B,X,Q,pe;const Y=M==null?void 0:M.textMinHeightPx,ee=M==null?void 0:M.captionMinHeightPx,ne=M==null?void 0:M.dataMeasureAttrs;let oe=null;if(G){const{fontSettings:J,letterSpacing:ue,wordSpacing:ge,fontSizeLineHeight:Te,textAppearance:Ae,color:Le}=G;oe=a.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:O,width:"100%"},children:[a.jsx("div",{"data-controls":"textMarginTop",className:Se.control,style:{height:w.scalingValue(u??0,n??!1),width:"100%"}}),a.jsx("div",{...ne?{"data-testimonial-measure":"text"}:{},style:{fontFamily:J.fontFamily,fontWeight:J.fontWeight,fontStyle:J.fontStyle,...typeof Y=="number"&&Y>0?{minHeight:Y}:{},letterSpacing:w.scalingValue(ue,n),wordSpacing:w.scalingValue(ge,n),textAlign:R,fontSize:w.scalingValue(Te.fontSize,n),lineHeight:w.scalingValue(Te.lineHeight,n),textTransform:Ae.textTransform??"none",textDecoration:Ae.textDecoration??"none",fontVariant:Ae.fontVariant??"normal",color:Le,pointerEvents:"auto"},children:a.jsx(zt,{content:s.text??[]})})]},"text")}let T=null;if(y){const{fontSettings:J,letterSpacing:ue,wordSpacing:ge,fontSizeLineHeight:Te,textAppearance:Ae,color:Le}=y;T=a.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:O,width:"100%"},children:[a.jsx("div",{"data-controls":"captionMarginTop",className:Se.control,style:{height:w.scalingValue(E??0,n??!1),width:"100%"}}),a.jsx("div",{...ne?{"data-testimonial-measure":"caption"}:{},style:{fontFamily:J.fontFamily,fontWeight:J.fontWeight,fontStyle:J.fontStyle,...typeof ee=="number"&&ee>0?{minHeight:ee}:{},letterSpacing:w.scalingValue(ue,n),wordSpacing:w.scalingValue(ge,n),textAlign:R,fontSize:w.scalingValue(Te.fontSize,n),lineHeight:w.scalingValue(Te.lineHeight,n),textTransform:Ae.textTransform??"none",textDecoration:Ae.textDecoration??"none",fontVariant:Ae.fontVariant??"normal",color:Le,pointerEvents:"auto"},children:a.jsx(zt,{content:s.caption})})]},"caption")}return a.jsxs(a.Fragment,{children:[oe,a.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:O,width:"100%"},children:a.jsxs("div",{style:{width:w.scalingValue(x??0,n??!1),height:w.scalingValue(h??0,n??!1)},children:[((U=s.image)==null?void 0:U.url)&&a.jsx("div",{"data-controls":"imageMarginTop",className:Se.control,style:{height:w.scalingValue(m??0,n??!1),width:"100%"}}),((B=s.image)==null?void 0:B.url)&&a.jsx("img",{src:(X=s.image)==null?void 0:X.url,alt:(Q=s.image)==null?void 0:Q.name,className:Se.icon,style:{pointerEvents:"auto",objectFit:((pe=s.image)==null?void 0:pe.objectFit)||"cover",width:"100%",height:"100%"}})]})},"image"),T]})},[E,y,m,x,h,n,O,R,u,G]);if(S.useLayoutEffect(()=>{if(!I){z(0),se(0);return}const s=L.current;if(!s)return;const M=()=>{const ee=Array.from(s.querySelectorAll('[data-testimonial-measure="text"]')).reduce((oe,T)=>Math.max(oe,T.getBoundingClientRect().height),0),ne=Array.from(s.querySelectorAll('[data-testimonial-measure="caption"]')).reduce((oe,T)=>Math.max(oe,T.getBoundingClientRect().height),0);z(ee),se(ne)};M();const Y=new ResizeObserver(M);return Y.observe(s),()=>{Y.disconnect()}},[I,r,$e]),!V)return a.jsx(a.Fragment,{});const D=I?{textMinHeightPx:_,captionMinHeightPx:Z}:void 0;return a.jsx(a.Fragment,{children:a.jsxs("div",{className:Se.container,style:{flexDirection:"column",alignItems:"center"},children:[a.jsxs("div",{className:me(Se.elementsOverlay,Se.wrapper,!v&&Se.wrapperAutoplayOff),style:{width:w.scalingValue(p??0,n??!1),display:"flex",flexDirection:"column",alignItems:O,inset:0,pointerEvents:"none",height:"100%",boxSizing:"border-box",position:"relative"},children:[I&&a.jsx("div",{ref:L,"aria-hidden":!0,style:{position:"absolute",left:0,top:0,width:"100%",visibility:"hidden",pointerEvents:"none",zIndex:-1},children:r.map((s,M)=>a.jsx("div",{style:{width:"100%"},children:$e(s,{dataMeasureAttrs:!0})},M))}),a.jsxs("div",{className:Se.fadeStack,children:[W&&f&&a.jsx("div",{className:me(Se.fadeItemPrev,Se.fadeOut),children:$e(W,D)}),a.jsx("div",{className:me(Se.fadeItemCurrent,f?Se.fadeIn:void 0),children:$e(V,D)})]})]}),de.mode==="On"&&a.jsxs("div",{className:Se.controls,style:{position:"absolute",inset:0,pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"space-between",paddingLeft:ye,paddingRight:ye},children:[a.jsx("div",{className:Se.arrow,style:{pointerEvents:"auto",width:ve,height:ve,"--arrow-hover-color":C},children:a.jsx("button",{type:"button",className:Se.arrowInner,onClick:H,"aria-label":"Previous testimonial",style:{pointerEvents:"auto"},children:ce&&a.jsx(tt,{url:ce,fill:g,hoverFill:C,className:me(Se.arrowImg,Se.mirror)})})}),a.jsx("div",{className:me(Se.arrow,Se.nextArrow),style:{pointerEvents:"auto",width:ve,height:ve,"--arrow-hover-color":C},children:a.jsx("button",{type:"button",className:Se.arrowInner,onClick:re,"aria-label":"Next testimonial",style:{pointerEvents:"auto"},children:ce&&a.jsx(tt,{url:ce,fill:g,hoverFill:C,className:Se.arrowImg})})})]})]})})},Ss=`import cn from 'classnames';
-import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import classes from './TestimonialSingle.module.scss';
+.${e}-wrapper-autoplay-off {
+  overflow-x: hidden;
+}
+
+.${e}-elements-overlay {
+  position: relative;
+  inset: 0;
+}
+
+.${e}-fade-stack {
+  position: relative;
+  width: 100%;
+}
+
+.${e}-fade-item-prev {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.${e}-fade-item-current {
+  position: relative;
+  width: 100%;
+}
+
+@keyframes ${e}-testimonial-fade-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes ${e}-testimonial-fade-out {
+  from { opacity: 1; }
+  to { opacity: 0; }
+}
+
+.${e}-fade-in {
+  animation: ${e}-testimonial-fade-in 300ms ease-in forwards;
+}
+
+.${e}-fade-out {
+  animation: ${e}-testimonial-fade-out 300ms ease-in forwards;
+}
+
+.${e}-controls {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.${e}-arrow {
+  pointer-events: auto;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background-color: transparent;
+  z-index: 1;
+  padding: 0;
+}
+
+.${e}-next-arrow {
+  left: unset;
+}
+
+.${e}-arrow-inner {
+  all: unset;
+  cursor: pointer;
+  width: 100%;
+  height: 100%;
+  pointer-events: auto;
+}
+
+.${e}-arrow-img {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.${e}-mirror {
+  transform: translate(-50%, -50%) scaleX(-1) !important;
+}
+
+.${e}-control {
+  position: relative;
+  z-index: 2;
+  pointer-events: auto;
+  width: 100%;
+}
+
+.${e}-control::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: auto;
+  z-index: 10;
+}
+.${e}-icon {
+  pointer-events: auto;
+  width: 100%;
+  height: 100%;
+}
+`}const Gl=({settings:e,content:t,isEditor:n,isPreviewMode:o})=>{const{prefix:r}=$.useScopedStyles(),a=t||[],{autoplay:i,delay:u,align:s,width:g,imageMarginTop:c,textMarginTop:A,captionMarginTop:x,imageWidth:f,imageHeight:p,controlsWidth:d,controlsColor:S,controlsHoverColor:y}=e,v=i==="on"&&!o,[_,D]=C.useState(0),[V,T]=C.useState(null),[m,k]=C.useState(!1),R=C.useRef(null),O=C.useMemo(()=>{switch(s){case"center":return"center";case"end":return"flex-end";case"start":default:return"flex-start"}},[s]),F=C.useMemo(()=>{switch(s){case"center":return"center";case"end":return"right";case"start":default:return"left"}},[s]);C.useEffect(()=>{D(0),T(null),k(!1)},[a.length]);const H=a[_],M=V===null?null:a[V],X=Y=>{var fe,j,b,U,Z;return{fontSettings:{fontFamily:(e==null?void 0:e[`${Y}FontFamily`])??"Arial",fontWeight:((fe=e==null?void 0:e[`${Y}FontSettings`])==null?void 0:fe.fontWeight)??400,fontStyle:((j=e==null?void 0:e[`${Y}FontSettings`])==null?void 0:j.fontStyle)??"normal"},textAppearance:{textTransform:((b=e==null?void 0:e[`${Y}TextAppearance`])==null?void 0:b.textTransform)??"none",textDecoration:((U=e==null?void 0:e[`${Y}TextAppearance`])==null?void 0:U.textDecoration)??"none",fontVariant:((Z=e==null?void 0:e[`${Y}TextAppearance`])==null?void 0:Z.fontVariant)??"normal"},fontSize:(e==null?void 0:e[`${Y}FontSize`])??.01,lineHeight:(e==null?void 0:e[`${Y}LineHeight`])??.01,letterSpacing:(e==null?void 0:e[`${Y}LetterSpacing`])??0,wordSpacing:(e==null?void 0:e[`${Y}WordSpacing`])??0,color:(e==null?void 0:e[`${Y}Color`])??"#000000"}},G=X("text"),h=X("caption"),E=a.length>1&&a.some(Y=>{var ae,fe;return(((ae=Y.text)==null?void 0:ae.length)??0)>0||(((fe=Y.caption)==null?void 0:fe.length)??0)>0}),I=C.useRef(null),[L,w]=C.useState(0),[N,K]=C.useState(0),ie=e.controls??{mode:"Off",icon:null},ne=a.length>1,ce=C.useCallback((Y,ae)=>!ne||ae===Y?Y:(R.current&&window.clearTimeout(R.current),T(Y),k(!0),R.current=window.setTimeout(()=>{T(null),k(!1),R.current=null},300),ae),[ne]),P=C.useCallback(()=>{ne&&D(Y=>ce(Y,(Y-1+a.length)%a.length))},[ne,ce,a.length]),Q=C.useCallback(()=>{ne&&D(Y=>ce(Y,(Y+1)%a.length))},[ne,ce,a.length]);C.useEffect(()=>{if(!v||!ne)return;const Y=Math.max(300,Number.isFinite(u*1e3)?u*1e3:0),ae=window.setInterval(()=>{D(fe=>ce(fe,(fe+1)%a.length))},Y);return()=>{window.clearInterval(ae)}},[v,ne,ce,a.length,u]),C.useEffect(()=>()=>{R.current&&window.clearTimeout(R.current)},[]);const de=C.useCallback((Y,ae)=>{var U,Z,te,re;const fe=ae==null?void 0:ae.textMinHeightPx,j=ae==null?void 0:ae.captionMinHeightPx,b=ae==null?void 0:ae.dataMeasureAttrs;return l.jsxs(l.Fragment,{children:[Y.text&&l.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:O,width:"100%"},children:[l.jsx("div",{"data-controls":"textMarginTop",className:`${r}-control`,style:{height:$.scalingValue(A??0,n??!1)}}),l.jsx("div",{...b&&{"data-testimonial-measure":"text"},style:{...Re(G,n),...fe&&fe>0?{minHeight:fe}:{},textAlign:F,pointerEvents:"auto"},children:l.jsx(Pt,{content:Y.text})})]},"text"),l.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:O,width:"100%"},children:[l.jsx("div",{"data-controls":"imageMarginTop",className:`${r}-control`,style:{height:$.scalingValue(c??0,n??!1)}}),l.jsx("div",{style:{width:$.scalingValue(f??0,n??!1),height:$.scalingValue(p??0,n??!1)},children:((U=Y.image)==null?void 0:U.url)&&l.jsx("img",{src:(Z=Y.image)==null?void 0:Z.url,alt:(te=Y.image)==null?void 0:te.name,className:`${r}-icon`,style:{objectFit:((re=Y.image)==null?void 0:re.objectFit)||"contain"}})})]},"image"),Y.caption&&l.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:O,width:"100%"},children:[l.jsx("div",{"data-controls":"captionMarginTop",className:`${r}-control`,style:{height:$.scalingValue(x??0,n??!1)}}),l.jsx("div",{...b?{"data-testimonial-measure":"caption"}:{},style:{...Re(h,n),...j&&j>0?{minHeight:j}:{},textAlign:F,pointerEvents:"auto"},children:l.jsx(Pt,{content:Y.caption})})]},"caption")]})},[x,h,c,f,p,n,O,F,A,G]);if($.useTestimonialTextMeasure({enabled:E,rootRef:I,onExtents:({maxTextPx:Y,maxCaptionPx:ae})=>{w(Y),K(ae)},deps:[a,de]}),!H)return l.jsx(l.Fragment,{});const pe=E?{textMinHeightPx:L,captionMinHeightPx:N}:void 0;return l.jsx(l.Fragment,{children:l.jsxs("div",{className:`${r}-container`,children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:ql(r)}}),l.jsxs("div",{className:ge(`${r}-elements-overlay`,`${r}-wrapper`,i==="off"&&`${r}-wrapper-autoplay-off`),style:{width:$.scalingValue(g??0,n??!1),alignItems:O},children:[E&&l.jsx("div",{ref:I,"aria-hidden":!0,style:{position:"absolute",left:0,top:0,width:"100%",visibility:"hidden",pointerEvents:"none",zIndex:-1},children:a.map((Y,ae)=>l.jsx("div",{style:{width:"100%"},children:de(Y,{dataMeasureAttrs:!0})},ae))}),l.jsxs("div",{className:`${r}-fade-stack`,children:[M&&m&&l.jsx("div",{className:ge(`${r}-fade-item-prev`,`${r}-fade-out`),children:de(M,pe)}),l.jsx("div",{className:ge(`${r}-fade-item-current`,m?`${r}-fade-in`:void 0),children:de(H,pe)})]})]}),ie.mode==="On"&&l.jsxs("div",{className:`${r}-controls`,children:[l.jsx("div",{className:`${r}-arrow`,style:{width:$.scalingValue(d??.02,n??!1),height:$.scalingValue(d??.02,n??!1),"--arrow-hover-color":y},children:l.jsx("button",{type:"button",className:`${r}-arrow-inner`,onClick:P,"aria-label":"Previous testimonial",children:ie.icon&&l.jsx(Xe,{url:ie.icon,fill:S,hoverFill:y,className:ge(`${r}-arrow-img`,`${r}-mirror`)})})}),l.jsx("div",{className:ge(`${r}-arrow`,`${r}-next-arrow`),style:{width:$.scalingValue(d??.02,n??!1),height:$.scalingValue(d??.02,n??!1),"--arrow-hover-color":y},children:l.jsx("button",{type:"button",className:`${r}-arrow-inner`,onClick:Q,"aria-label":"Next testimonial",children:ie.icon&&l.jsx(Xe,{url:ie.icon,fill:S,hoverFill:y,className:`${r}-arrow-img`})})})]})]})})},Yl=`import cn from 'classnames';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { CommonComponentProps } from '../props';
 import { RichTextRenderer } from '../helpers/RichTextRenderer/RichTextRenderer';
 import { scalingValue } from '../utils/scalingValue';
 import { SvgImage } from '../helpers/SvgImage/SvgImage';
+import { useScopedStyles } from '../utils/useScopedStyles';
+import { useTestimonialTextMeasure } from '../utils/useTestimonialTextMeasure';
+import { textStylesToCss, type TextStyles } from '../utils/textStylesToCss';
+
+function getCSS(P: string): string {
+  return \`
+.\${P}-container {
+  overflow-x: clip;
+  display: flex;
+  height: 100%;
+  width: 100%;
+  flex-direction: column;
+  align-items: center;
+}
+
+.\${P}-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  order: 1;
+  display: flex;
+  flex-direction: column;
+  inset: 0;
+  pointer-events: none;
+  height: 100%;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.\${P}-wrapper-autoplay-off {
+  overflow-x: hidden;
+}
+
+.\${P}-elements-overlay {
+  position: relative;
+  inset: 0;
+}
+
+.\${P}-fade-stack {
+  position: relative;
+  width: 100%;
+}
+
+.\${P}-fade-item-prev {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.\${P}-fade-item-current {
+  position: relative;
+  width: 100%;
+}
+
+@keyframes \${P}-testimonial-fade-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes \${P}-testimonial-fade-out {
+  from { opacity: 1; }
+  to { opacity: 0; }
+}
+
+.\${P}-fade-in {
+  animation: \${P}-testimonial-fade-in 300ms ease-in forwards;
+}
+
+.\${P}-fade-out {
+  animation: \${P}-testimonial-fade-out 300ms ease-in forwards;
+}
+
+.\${P}-controls {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.\${P}-arrow {
+  pointer-events: auto;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background-color: transparent;
+  z-index: 1;
+  padding: 0;
+}
+
+.\${P}-next-arrow {
+  left: unset;
+}
+
+.\${P}-arrow-inner {
+  all: unset;
+  cursor: pointer;
+  width: 100%;
+  height: 100%;
+  pointer-events: auto;
+}
+
+.\${P}-arrow-img {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.\${P}-mirror {
+  transform: translate(-50%, -50%) scaleX(-1) !important;
+}
+
+.\${P}-control {
+  position: relative;
+  z-index: 2;
+  pointer-events: auto;
+  width: 100%;
+}
+
+.\${P}-control::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: auto;
+  z-index: 10;
+}
+.\${P}-icon {
+  pointer-events: auto;
+  width: 100%;
+  height: 100%;
+}
+\`;
+}
 
 type TestimonialsProps = {
   settings: TestimonialsSettings;
@@ -2111,44 +2370,11 @@ type RenderItemContentOpts = {
   dataMeasureAttrs?: boolean;
 };
 
-type CaptionStyleFromFlatSettings = {
-  fontSettings: {
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-  };
-  widthSettings: {
-    width: number;
-    sizing: 'auto' | 'manual';
-  };
-  letterSpacing: number;
-  textAlign: 'left' | 'center' | 'right';
-  wordSpacing: number;
-  fontSizeLineHeight: {
-    fontSize: number;
-    lineHeight: number;
-  };
-  textAppearance: {
-    textTransform: 'none' | 'uppercase' | 'lowercase';
-    textDecoration: 'none' | 'underline';
-    fontVariant: 'normal' | 'small-caps';
-  };
-  color: string;
-};
-
 export const TestimonialSingle = ({ settings, content, isEditor, isPreviewMode }: TestimonialsProps) => {
+  const { prefix: P } = useScopedStyles();
   const items = content || [];
   const { autoplay, delay, align, width, imageMarginTop, textMarginTop, captionMarginTop, imageWidth, imageHeight, controlsWidth, controlsColor, controlsHoverColor } = settings;
-  const isAutoplay = (() => {
-    const v = autoplay as unknown;
-    if (typeof v === 'boolean') return v;
-    if (typeof v === 'string') {
-      const s = v.trim().toLowerCase();
-      return s === 'on' || s === 'true';
-    }
-    return false;
-  })();
-  const isAnimating = isAutoplay && !isPreviewMode;
+  const isAnimating = autoplay === 'on' && !isPreviewMode;
   const [activeIndex, setActiveIndex] = useState(0);
   const [prevIndex, setPrevIndex] = useState<number | null>(null);
   const [isFading, setIsFading] = useState(false);
@@ -2187,70 +2413,37 @@ export const TestimonialSingle = ({ settings, content, isEditor, isPreviewMode }
   const currentItem = items[activeIndex];
   const previousItem = prevIndex === null ? null : items[prevIndex];
 
-  const resolveCaptionStyle = (
-    kind: 'text' | 'caption'
-  ): CaptionStyles | undefined => {
-    const fromNested = (settings as any)?.styles?.[kind] as CaptionStyles | undefined;
-    if (fromNested) return fromNested;
-
-    const prefix = kind === 'text' ? 'text' : 'caption';
-    const fontFamily = (settings as any)?.[\`\${prefix}FontFamily\`];
-    const fontSettings = (settings as any)?.[\`\${prefix}FontSettings\`];
-    const letterSpacing = (settings as any)?.[\`\${prefix}LetterSpacing\`];
-    const wordSpacing = (settings as any)?.[\`\${prefix}WordSpacing\`];
-    const textAlign = (settings as any)?.[\`\${prefix}TextAlign\`];
-    const textAppearance = (settings as any)?.[\`\${prefix}TextAppearance\`];
-    const color = (settings as any)?.[\`\${prefix}Color\`];
-    const fontSize = (settings as any)?.[\`\${prefix}FontSize\`];
-    const lineHeight = (settings as any)?.[\`\${prefix}LineHeight\`];
-
-    const hasAnyFlat =
-      typeof fontFamily === 'string' ||
-      !!fontSettings ||
-      typeof letterSpacing === 'number' ||
-      typeof wordSpacing === 'number' ||
-      typeof textAlign === 'string' ||
-      !!textAppearance ||
-      typeof color === 'string' ||
-      typeof fontSize === 'number' ||
-      typeof lineHeight === 'number';
-    if (!hasAnyFlat) return undefined;
-
-    const flat: CaptionStyleFromFlatSettings = {
-      widthSettings: { width: 0.13, sizing: 'manual' },
+  const resolveTextStyle = (kind: 'text' | 'caption'): TextStyles => {
+    const styles: TextStyles = {
       fontSettings: {
-        fontFamily: typeof fontFamily === 'string' ? fontFamily : 'Arial',
-        fontWeight: typeof fontSettings?.fontWeight === 'number' ? fontSettings.fontWeight : 400,
-        fontStyle: typeof fontSettings?.fontStyle === 'string' ? fontSettings.fontStyle : 'normal',
-      },
-      letterSpacing: typeof letterSpacing === 'number' ? letterSpacing : 0,
-      wordSpacing: typeof wordSpacing === 'number' ? wordSpacing : 0,
-      textAlign: (textAlign === 'left' || textAlign === 'center' || textAlign === 'right') ? textAlign : 'left',
-      fontSizeLineHeight: {
-        fontSize: typeof fontSize === 'number' ? fontSize : 0.01,
-        lineHeight: typeof lineHeight === 'number' ? lineHeight : 0.01,
+        fontFamily: (settings as any)?.[\`\${kind}FontFamily\`] ?? 'Arial',
+        fontWeight: (settings as any)?.[\`\${kind}FontSettings\`]?.fontWeight ?? 400,
+        fontStyle: (settings as any)?.[\`\${kind}FontSettings\`]?.fontStyle ?? 'normal',
       },
       textAppearance: {
-        textTransform: textAppearance?.textTransform ?? 'none',
-        textDecoration: textAppearance?.textDecoration ?? 'none',
-        fontVariant: textAppearance?.fontVariant ?? 'normal',
+        textTransform: (settings as any)?.[\`\${kind}TextAppearance\`]?.textTransform ?? 'none',
+        textDecoration: (settings as any)?.[\`\${kind}TextAppearance\`]?.textDecoration ?? 'none',
+        fontVariant: (settings as any)?.[\`\${kind}TextAppearance\`]?.fontVariant ?? 'normal',
       },
-      color: typeof color === 'string' ? color : '#000000',
+      fontSize: (settings as any)?.[\`\${kind}FontSize\`] ?? 0.01,
+      lineHeight: (settings as any)?.[\`\${kind}LineHeight\`] ?? 0.01,
+      letterSpacing: (settings as any)?.[\`\${kind}LetterSpacing\`] ?? 0,
+      wordSpacing: (settings as any)?.[\`\${kind}WordSpacing\`] ?? 0,
+      color: (settings as any)?.[\`\${kind}Color\`] ?? '#000000',
     };
-
-    return flat as CaptionStyles;
+    return styles;
   };
 
-  const textStyle = resolveCaptionStyle('text');
-  const captionStyle = resolveCaptionStyle('caption');
-  const scaled = (v: number) => scalingValue(v, isEditor ?? false);
-
-  const shouldMeasureTextExtents = items.length > 1 && (!!textStyle || !!captionStyle);
+  const textStyle = resolveTextStyle('text');
+  const captionStyle = resolveTextStyle('caption');
+  const shouldMeasureTextExtents =
+    items.length > 1 && items.some((item) => (item.text?.length ?? 0) > 0 || (item.caption?.length ?? 0) > 0);
   const measureLayerRef = useRef<HTMLDivElement>(null);
   const [measuredTextMinPx, setMeasuredTextMinPx] = useState(0);
   const [measuredCaptionMinPx, setMeasuredCaptionMinPx] = useState(0);
-
+  const controls: TestimonialsSettings['controls'] = settings.controls ?? { mode: 'Off', icon: null };
   const canSwitch = items.length > 1;
+
   const commitTransition = useCallback((currentIndex: number, nextIndex: number) => {
     if (!canSwitch) return currentIndex;
     if (nextIndex === currentIndex) return currentIndex;
@@ -2265,10 +2458,6 @@ export const TestimonialSingle = ({ settings, content, isEditor, isPreviewMode }
     return nextIndex;
   }, [canSwitch]);
 
-  const transitionToIndex = useCallback((nextIndex: number) => {
-    setActiveIndex((currentIndex) => commitTransition(currentIndex, nextIndex));
-  }, [commitTransition]);
-
   const goPrev = useCallback(() => {
     if (!canSwitch) return;
     setActiveIndex((currentIndex) => commitTransition(currentIndex, (currentIndex - 1 + items.length) % items.length));
@@ -2281,9 +2470,10 @@ export const TestimonialSingle = ({ settings, content, isEditor, isPreviewMode }
 
   useEffect(() => {
     if (!isAnimating || !canSwitch) return;
+    const safeDelayMs = Math.max(300, Number.isFinite(delay * 1000) ? delay * 1000 : 0);
     const id = window.setInterval(() => {
       setActiveIndex((currentIndex) => commitTransition(currentIndex, (currentIndex + 1) % items.length));
-    }, delay);
+    }, safeDelayMs);
     return () => {
       window.clearInterval(id);
     };
@@ -2295,111 +2485,36 @@ export const TestimonialSingle = ({ settings, content, isEditor, isPreviewMode }
     };
   }, []);
 
-  const controls: TestimonialsSettings['controls'] = settings.controls ?? {
-    mode: 'Off',
-    icon: null,
-  };
-
-  const customArrowsUrl = controls.mode === 'On' ? (controls.icon ?? null) : null;
-  const controlsInsetX = useMemo(() => scaled(0.01), [isEditor]);
-  const controlsIconSize = useMemo(
-    () => scalingValue(controlsWidth ?? 0.02, isEditor ?? false),
-    [controlsWidth, isEditor]
-  );
-
   const renderItemContent = useCallback((item: TestimonialsItem, opts?: RenderItemContentOpts) => {
     const textMinHeightPx = opts?.textMinHeightPx;
     const captionMinHeightPx = opts?.captionMinHeightPx;
     const dataMeasureAttrs = opts?.dataMeasureAttrs;
-    let textSection = null;
-    if (textStyle) {
-      const { fontSettings, letterSpacing, wordSpacing, fontSizeLineHeight, textAppearance, color } = textStyle;
-      textSection = (
-        <div
-          key="text"
-          style={{
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: overlayAlignItems,
-            width: '100%',
-          }}
-        >
-          <div
-            data-controls="textMarginTop"
-            className={classes.control}
-            style={{ height: scalingValue(textMarginTop ?? 0, isEditor ?? false), width: '100%' }}
-          />
-          <div
-            {...(dataMeasureAttrs ? { 'data-testimonial-measure': 'text' as const } : {})}
-            style={{
-              fontFamily: fontSettings.fontFamily,
-              fontWeight: fontSettings.fontWeight,
-              fontStyle: fontSettings.fontStyle,
-              ...(typeof textMinHeightPx === 'number' && textMinHeightPx > 0 ? { minHeight: textMinHeightPx } : {}),
-              letterSpacing: scalingValue(letterSpacing, isEditor),
-              wordSpacing: scalingValue(wordSpacing, isEditor),
-              textAlign: overlayTextAlign,
-              fontSize: scalingValue(fontSizeLineHeight.fontSize, isEditor),
-              lineHeight: scalingValue(fontSizeLineHeight.lineHeight, isEditor),
-              textTransform: textAppearance.textTransform ?? 'none',
-              textDecoration: textAppearance.textDecoration ?? 'none',
-              fontVariant: textAppearance.fontVariant ?? 'normal',
-              color,
-              pointerEvents: 'auto',
-            }}
-          >
-            <RichTextRenderer content={item.text ?? []} />
-          </div>
-        </div>
-      );
-    }
 
-    let captionSection = null;
-    if (captionStyle) {
-      const { fontSettings, letterSpacing, wordSpacing, fontSizeLineHeight, textAppearance, color } = captionStyle;
-      captionSection = (
-        <div
-          key="caption"
-          style={{
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: overlayAlignItems,
-            width: '100%',
-          }}
-        >
-          <div
-            data-controls="captionMarginTop"
-            className={classes.control}
-            style={{ height: scalingValue(captionMarginTop ?? 0, isEditor ?? false), width: '100%' }}
-          />
+    return (
+      <>
+        {item.text && (
           <div
-            {...(dataMeasureAttrs ? { 'data-testimonial-measure': 'caption' as const } : {})}
-            style={{
-              fontFamily: fontSettings.fontFamily,
-              fontWeight: fontSettings.fontWeight,
-              fontStyle: fontSettings.fontStyle,
-              ...(typeof captionMinHeightPx === 'number' && captionMinHeightPx > 0 ? { minHeight: captionMinHeightPx } : {}),
-              letterSpacing: scalingValue(letterSpacing, isEditor),
-              wordSpacing: scalingValue(wordSpacing, isEditor),
-              textAlign: overlayTextAlign,
-              fontSize: scalingValue(fontSizeLineHeight.fontSize, isEditor),
-              lineHeight: scalingValue(fontSizeLineHeight.lineHeight, isEditor),
-              textTransform: textAppearance.textTransform ?? 'none',
-              textDecoration: textAppearance.textDecoration ?? 'none',
-              fontVariant: textAppearance.fontVariant ?? 'normal',
-              color,
-              pointerEvents: 'auto',
-            }}
+            key="text"
+            style={{ display: 'flex', flexDirection: 'column', alignItems: overlayAlignItems, width: '100%' }}
           >
-            <RichTextRenderer content={item.caption} />
+            <div
+              data-controls="textMarginTop"
+              className={\`\${P}-control\`}
+              style={{ height: scalingValue(textMarginTop ?? 0, isEditor ?? false) }}
+            />
+            <div
+              {...(dataMeasureAttrs && { 'data-testimonial-measure': 'text' as const })}
+              style={{
+                ...textStylesToCss(textStyle, isEditor),
+                ...(textMinHeightPx && textMinHeightPx > 0 ? { minHeight: textMinHeightPx } : {}),
+                textAlign: overlayTextAlign,
+                pointerEvents: 'auto',
+              }}
+            >
+              <RichTextRenderer content={item.text} />
+            </div>
           </div>
-        </div>
-      );
-    }
-
-    return (
-      <>
-        {textSection}
+        )}
         <div
           key="image"
           style={{
@@ -2409,27 +2524,50 @@ export const TestimonialSingle = ({ settings, content, isEditor, isPreviewMode }
             width: '100%',
           }}
         >
-          
-          <div style={{ width: scalingValue(imageWidth ?? 0, isEditor ?? false), height: scalingValue(imageHeight ?? 0, isEditor ?? false)}}>
-            {item.image?.url && <div
+            <div
               data-controls="imageMarginTop"
-              className={classes.control}
-              style={{ height: scalingValue(imageMarginTop ?? 0, isEditor ?? false), width: '100%' }}
-            />}
-            {item.image?.url && <img
+              className={\`\${P}-control\`}
+              style={{ height: scalingValue(imageMarginTop ?? 0, isEditor ?? false) }}
+            />
+          <div style={{ width: scalingValue(imageWidth ?? 0, isEditor ?? false), height: scalingValue(imageHeight ?? 0, isEditor ?? false)}}>
+            {item.image?.url && 
+              <img
               src={item.image?.url}
               alt={item.image?.name}
-              className={classes.icon}
+              className={\`\${P}-icon\`}
+              style={{ objectFit: item.image?.objectFit || 'contain' }}
+            />
+            }
+          </div>
+        </div>
+        {item.caption && (
+          <div
+            key="caption"
+            style={{
+              display: 'flex',
+              flexDirection: 'column',
+              alignItems: overlayAlignItems,
+              width: '100%',
+            }}
+          >
+            <div
+              data-controls="captionMarginTop"
+              className={\`\${P}-control\`}
+              style={{ height: scalingValue(captionMarginTop ?? 0, isEditor ?? false) }}
+            />
+            <div
+              {...(dataMeasureAttrs ? { 'data-testimonial-measure': 'caption' as const } : {})}
               style={{
+                ...textStylesToCss(captionStyle, isEditor),
+                ...(captionMinHeightPx && captionMinHeightPx > 0 ? { minHeight: captionMinHeightPx } : {}),
+                textAlign: overlayTextAlign,
                 pointerEvents: 'auto',
-                objectFit: item.image?.objectFit || 'cover',
-                width: '100%',
-                height: '100%',
               }}
-            />}
+            >
+              <RichTextRenderer content={item.caption} />
+            </div>
           </div>
-        </div>
-        {captionSection}
+        )}
       </>
     );
   }, [
@@ -2445,36 +2583,15 @@ export const TestimonialSingle = ({ settings, content, isEditor, isPreviewMode }
     textStyle,
   ]);
 
-  useLayoutEffect(() => {
-    if (!shouldMeasureTextExtents) {
-      setMeasuredTextMinPx(0);
-      setMeasuredCaptionMinPx(0);
-      return;
-    }
-
-    const root = measureLayerRef.current;
-    if (!root) return;
-
-    const readExtents = () => {
-      const maxText = Array.from(root.querySelectorAll('[data-testimonial-measure="text"]')).reduce(
-        (acc, el) => Math.max(acc, el.getBoundingClientRect().height),
-        0
-      );
-      const maxCaption = Array.from(root.querySelectorAll('[data-testimonial-measure="caption"]')).reduce(
-        (acc, el) => Math.max(acc, el.getBoundingClientRect().height),
-        0
-      );
-      setMeasuredTextMinPx(maxText);
-      setMeasuredCaptionMinPx(maxCaption);
-    };
-
-    readExtents();
-    const ro = new ResizeObserver(readExtents);
-    ro.observe(root);
-    return () => {
-      ro.disconnect();
-    };
-  }, [shouldMeasureTextExtents, items, renderItemContent]);
+  useTestimonialTextMeasure({
+    enabled: shouldMeasureTextExtents,
+    rootRef: measureLayerRef,
+    onExtents: ({ maxTextPx, maxCaptionPx }) => {
+      setMeasuredTextMinPx(maxTextPx);
+      setMeasuredCaptionMinPx(maxCaptionPx);
+    },
+    deps: [items, renderItemContent],
+  });
 
   if (!currentItem) return <></>;
 
@@ -2484,26 +2601,11 @@ export const TestimonialSingle = ({ settings, content, isEditor, isPreviewMode }
 
   return (
     <>
-      <div
-        className={classes.container}
-        style={{
-          flexDirection: 'column',
-          alignItems: 'center'
-        }}
-      >
+      <div className={\`\${P}-container\`}>
+        <style dangerouslySetInnerHTML={{ __html: getCSS(P) }} />
         <div
-          className={cn(classes.elementsOverlay, classes.wrapper, !isAutoplay && classes.wrapperAutoplayOff)}
-          style={{
-            width: scalingValue(width ?? 0, isEditor ?? false),
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: overlayAlignItems,
-            inset: 0,
-            pointerEvents: 'none',
-            height: '100%',
-            boxSizing: 'border-box',
-            position: 'relative',
-          }}
+          className={cn(\`\${P}-elements-overlay\`, \`\${P}-wrapper\`, autoplay === 'off' && \`\${P}-wrapper-autoplay-off\`)}
+          style={{ width: scalingValue(width ?? 0, isEditor ?? false), alignItems: overlayAlignItems }}
         >
           {shouldMeasureTextExtents && (
             <div
@@ -2526,79 +2628,63 @@ export const TestimonialSingle = ({ settings, content, isEditor, isPreviewMode }
               ))}
             </div>
           )}
-          <div className={classes.fadeStack}>
+          <div className={\`\${P}-fade-stack\`}>
             {previousItem && isFading && (
-              <div className={cn(classes.fadeItemPrev, classes.fadeOut)}>
+              <div className={cn(\`\${P}-fade-item-prev\`, \`\${P}-fade-out\`)}>
                 {renderItemContent(previousItem, visibleContentOpts)}
               </div>
             )}
-            <div className={cn(classes.fadeItemCurrent, isFading ? classes.fadeIn : undefined)}>
+            <div className={cn(\`\${P}-fade-item-current\`, isFading ? \`\${P}-fade-in\` : undefined)}>
               {renderItemContent(currentItem, visibleContentOpts)}
             </div>
           </div>
         </div>
         {controls.mode === 'On' && (
-          <div
-            className={classes.controls}
-            style={{
-              position: 'absolute',
-              inset: 0,
-              pointerEvents: 'none',
-              display: 'flex',
-              alignItems: 'center',
-              justifyContent: 'space-between',
-              paddingLeft: controlsInsetX,
-              paddingRight: controlsInsetX,
-            }}
-          >
+          <div className={\`\${P}-controls\`}>
             <div
-              className={classes.arrow}
+              className={\`\${P}-arrow\`}
               style={{
-                pointerEvents: 'auto',
-                width: controlsIconSize,
-                height: controlsIconSize,
+                width: scalingValue(controlsWidth ?? 0.02, isEditor ?? false),
+                height: scalingValue(controlsWidth ?? 0.02, isEditor ?? false),
                 ['--arrow-hover-color' as string]: controlsHoverColor,
               }}
             >
               <button
                 type="button"
-                className={classes.arrowInner}
+                className={\`\${P}-arrow-inner\`}
                 onClick={goPrev}
                 aria-label="Previous testimonial"
-                style={{ pointerEvents: 'auto' }}
               >
-                {customArrowsUrl && (
+                {controls.icon  && (
                   <SvgImage
-                    url={customArrowsUrl}
+                    url={controls.icon }
                     fill={controlsColor}
                     hoverFill={controlsHoverColor}
-                    className={cn(classes.arrowImg, classes.mirror)}
+                    className={cn(\`\${P}-arrow-img\`, \`\${P}-mirror\`)}
                   />
                 )}
               </button>
             </div>
             <div
-              className={cn(classes.arrow, classes.nextArrow)}
+              className={cn(\`\${P}-arrow\`, \`\${P}-next-arrow\`)}
               style={{
-                pointerEvents: 'auto',
-                width: controlsIconSize,
-                height: controlsIconSize,
+                width: scalingValue(controlsWidth ?? 0.02, isEditor ?? false),
+                height: scalingValue(controlsWidth ?? 0.02, isEditor ?? false),
                 ['--arrow-hover-color' as string]: controlsHoverColor,
               }}
             >
               <button
                 type="button"
-                className={classes.arrowInner}
+                className={\`\${P}-arrow-inner\`}
                 onClick={goNext}
                 aria-label="Next testimonial"
-                style={{ pointerEvents: 'auto' }}
               >
-                {customArrowsUrl && (
+                {controls.icon && (
                   <SvgImage
-                    url={customArrowsUrl}
+                    url={controls.icon }
                     fill={controlsColor}
                     hoverFill={controlsHoverColor}
-                    className={classes.arrowImg}
+                    className={\`\${P}-arrow-img\`}
                   />
                 )}
               </button>
@@ -2631,7 +2717,6 @@ type TestimonialsSettings = {
   imageHeight?: number;
   textMarginTop?: number;
   captionMarginTop?: number;
-  styles: TestimonialsStyles;
   controlsColor: string;
   controlsHoverColor: string;
   controlsWidth?: number;
@@ -2640,33 +2725,4 @@ type TestimonialsSettings = {
     icon?: string | null;
   };
 };
-
-type CaptionStyles = {
-  fontSettings: {
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-  };
-  widthSettings: {
-    width: number;
-    sizing: 'auto' | 'manual';
-  };
-  letterSpacing: number;
-  textAlign: 'left' | 'center' | 'right';
-  wordSpacing: number;
-  fontSizeLineHeight: {
-    fontSize: number;
-    lineHeight: number;
-  };
-  textAppearance: {
-    textTransform: 'none' | 'uppercase' | 'lowercase';
-    textDecoration: 'none' | 'underline';
-    fontVariant: 'normal' | 'small-caps';
-  };
-  color: string;
-};
-
-type TestimonialsStyles = {
-  text: CaptionStyles;
-  caption: CaptionStyles;
-};`,Cs="data:image/svg+xml,"+encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 18" width="10" height="18"><path fill="#000000" fill-rule="evenodd" d="M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z" transform="translate(5, 9) rotate(-90) translate(-5, -9)"/></svg>'),Eo={fontSettings:{type:"object",scope:"common",display:{type:"font-settings"},properties:{fontWeight:{type:"number",scope:"common"},fontStyle:{type:"string",scope:"common"}}}},_e={fontSettings:{fontFamily:"Arial",fontWeight:400,fontStyle:"normal"},letterSpacing:0,wordSpacing:0,textAlign:"left",textAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},color:"#000000"},ws={type:"object",version:1,settings:{sizing:"auto manual",properties:{autoplay:{type:"string",scope:"common",title:"Autoplay",display:{type:"switch-control"},enum:["on","off"]},delay:{type:"number",scope:"common",title:"Delay(ms)",display:{type:"step-control"},step:500,min:1e3,max:5e3},align:{type:"string",title:"Align",display:{type:"align-group",direction:"horizontal"},enum:["start","center","end"]},width:{type:"number",scope:"layout",title:"width",min:0,max:1e3,display:{type:"range-control"}},imageWidth:{type:"number",scope:"layout",title:"width",min:0,max:300,display:{type:"range-control"}},imageHeight:{type:"number",scope:"layout",title:"height",min:0,max:300,display:{type:"range-control"}},imageMarginTop:{type:"number",scope:"layout",title:"Image margin top",min:0,max:100,display:{type:"range-control"}},textMinHeight:{type:"number",scope:"layout",title:"Text",min:0,max:300,display:{type:"range-control"}},textMarginTop:{type:"number",scope:"layout",title:"Text margin top",min:0,max:100,display:{type:"range-control"}},controls:{type:"object",scope:"common",title:"Controls",display:{type:"button-icon-switch"},properties:{mode:{type:"string",enum:["On","Off"]},icon:{type:["string","null"],title:"Icon",display:{type:"settings-image-input"}}}},controlsWidth:{type:"number",scope:"layout",title:"Controls width",min:0,max:100,display:{type:"range-control"}},controlsColor:{type:"string",scope:"common",title:"Controls Color",display:{type:"settings-color-picker"}},controlsHoverColor:{type:"string",scope:"common",title:"Controls Hover",display:{type:"settings-color-picker"}},captionMinHeight:{type:"number",scope:"layout",title:"Caption",min:0,max:100,display:{type:"range-control"}},captionMarginTop:{type:"number",scope:"layout",title:"Caption margin top",min:0,max:100,display:{type:"range-control"}},captionFontFamily:{type:"string",scope:"common",title:"Caption",display:{type:"font-family-select"}},captionFontSettings:{...Eo.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},captionFontSize:{type:"number",scope:"layout",title:"Caption Font Size",display:{type:"font-size"}},captionLineHeight:{type:"number",scope:"layout",title:"Caption Line Height",display:{type:"line-height-input"}},captionLetterSpacing:{type:"number",scope:"layout",title:"Caption Letter Spacing",display:{type:"letter-spacing-input"}},captionWordSpacing:{type:"number",scope:"layout",title:"Caption Word Spacing",display:{type:"word-spacing-input"}},captionTextAppearance:{type:"object",scope:"layout",title:"Caption Text Appearance",display:{type:"text-appearance"}},captionTextAlign:{display:{type:"text-align-control"},type:"string",scope:"common",title:"Caption Align",enum:["left","center","right"]},captionColor:{display:{type:"style-panel-color-picker"},type:"string",scope:"common",title:"Caption Color"},textFontFamily:{type:"string",scope:"common",title:"Text",display:{type:"font-family-select"}},textFontSettings:{...Eo.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},textFontSize:{type:"number",scope:"layout",title:"Text Font Size",display:{type:"font-size"}},textLineHeight:{type:"number",scope:"layout",title:"Text Line Height",display:{type:"line-height-input"}},textLetterSpacing:{type:"number",scope:"layout",title:"Text Letter Spacing",display:{type:"letter-spacing-input"}},textWordSpacing:{type:"number",scope:"layout",title:"Text Word Spacing",display:{type:"word-spacing-input"}},textTextAppearance:{type:"object",scope:"layout",title:"Text Text Appearance",display:{type:"text-appearance"}},textTextAlign:{display:{type:"text-align-control"},type:"string",scope:"common",title:"Text Align",enum:["left","center","right"]},textColor:{display:{type:"style-panel-color-picker"},type:"string",scope:"common",title:"Text Color"}},defaults:{autoplay:"off",controls:{mode:"Off",icon:Cs},controlsColor:"#000000",controlsHoverColor:"#EABC01",align:"center",textFontFamily:_e.fontSettings.fontFamily,textFontSettings:{fontWeight:_e.fontSettings.fontWeight,fontStyle:_e.fontSettings.fontStyle},textLetterSpacing:_e.letterSpacing,textWordSpacing:_e.wordSpacing,textTextAlign:_e.textAlign,textTextAppearance:_e.textAppearance,textColor:_e.color,captionFontFamily:_e.fontSettings.fontFamily,captionFontSettings:{fontWeight:_e.fontSettings.fontWeight,fontStyle:_e.fontSettings.fontStyle},captionLetterSpacing:_e.letterSpacing,captionWordSpacing:_e.wordSpacing,captionTextAlign:_e.textAlign,captionTextAppearance:_e.textAppearance,captionColor:_e.color},layoutDefaults:{m:{delay:2500,width:.15,height:.2,corners:.005,stroke:.001,imageMarginTop:.01,textMinHeight:.1,captionMarginTop:.01,textMarginTop:0,textFontSize:.01,captionFontSize:.01,textLineHeight:.01,captionLineHeight:.01,imageWidth:.05,imageHeight:.05,controlsWidth:.02,captionMinHeight:.01},d:{delay:2500,width:.15,height:.2,corners:.005,stroke:.001,imageMarginTop:.01,textMarginTop:0,textMinHeight:.08,captionMarginTop:.01,textFontSize:.01,captionFontSize:.01,textLineHeight:.01,captionLineHeight:.01,imageWidth:.05,imageHeight:.05,controlsWidth:.02,captionMinHeight:.01}},displayRules:[{if:{name:"autoplay",value:"off"},then:{name:"properties.delay.display.enabled",value:!1}}],layout:["__componentName__","autoplay","delay","width","imageMarginTop","textMarginTop","captionMarginTop"]},panels:[{id:"general",icon:"cursor",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__","autoplay"]},{type:"row",items:["controls",{type:"group",title:"",items:["delay","width"]}]},{type:"row",items:["controlsWidth","align"]},{type:"row",title:"Image Container",items:["imageWidth","imageHeight"]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:["textFontFamily","textFontSettings",{type:"group",title:"",items:["text",{type:"row",items:["textFontSize","textLineHeight","textLetterSpacing","textWordSpacing"]},"textTextAppearance"]},"captionFontFamily","captionFontSettings",{type:"group",title:"",items:["caption",{type:"row",items:["captionFontSize","captionLineHeight","captionLetterSpacing","captionWordSpacing"]},"captionTextAppearance"]}]}],paletteBookmark:{items:["textColor","captionColor","controlsColor","controlsHoverColor"],panelIds:["general","typeStyle"]},content:{type:"array",settings:{addItemFromFileExplorer:!1},items:{type:"object",properties:{image:{type:"object",label:"Image",display:{type:"media-input"}},text:{placeholder:"Add Text...",label:"Text",display:{type:"rich-text"}},caption:{placeholder:"Add Caption...",label:"Caption",display:{type:"rich-text"}}}},default:[{image:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/logo.png",name:""},text:[{type:"paragraph",children:[{text:"Innovative solutions redefine connectivity, enhancing user experience through seamless digital integration and efficiency."}]}],caption:[{type:"paragraph",children:[{text:"CEO @ Company"}]}]},{image:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/logo.png",name:""},text:[{type:"paragraph",children:[{text:"In the realm of digital innovation, transformative algorithms redefine connectivity, propelling unprecedented technological advancements."}]}],caption:[{type:"paragraph",children:[{text:"CEO @ Company"}]}]},{image:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/logo.png",name:""},text:[{type:"paragraph",children:[{text:"Harnessing innovative algorithms, this paradigm shift enhances computational efficiency and optimizes data processing frameworks."}]}],caption:[{type:"paragraph",children:[{text:"CEO @ Company"}]}]}]}},Ts={element:xs,id:"testimonial-single",name:"Clara",category:"testimonials",version:1,preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/testimonialsSingle.png"},defaultSize:{width:700,height:300},schema:ws,sourceCode:Ss,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[{path:"settings.controls.icon"}]},fontSettingsPaths:{content:[],parameters:[{path:"styles.text.fontSettings"},{path:"styles.caption.fontSettings"}]}},_s=[Ea,Pa,wl,kl,jl,ns,Ts];exports.components=_s;exports.isSchemaV1=xr;
+`,Xl="data:image/svg+xml,"+encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 18" width="10" height="18"><path fill="#000000" fill-rule="evenodd" d="M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z" transform="translate(5, 9) rotate(-90) translate(-5, -9)"/></svg>'),_o={fontSettings:{type:"object",scope:"common",display:{type:"font-settings"},properties:{fontWeight:{type:"number",scope:"common"},fontStyle:{type:"string",scope:"common"}}}},Kl={type:"object",version:1,settings:{sizing:"auto manual",properties:{autoplay:{type:"string",scope:"common",title:"Autoplay",display:{type:"switch-control"},enum:["on","off"]},delay:{type:"number",scope:"common",title:"Delay(s)",display:{type:"step-control"},step:1,min:1,max:8},align:{type:"string",title:"Align",display:{type:"align-group",direction:"horizontal"},enum:["start","center","end"]},width:{type:"number",scope:"layout",title:"width",min:0,max:1e3,display:{type:"range-control"}},imageWidth:{type:"number",scope:"layout",title:"width",min:0,max:300,display:{type:"range-control"}},imageHeight:{type:"number",scope:"layout",title:"height",min:0,max:300,display:{type:"range-control"}},imageMarginTop:{type:"number",scope:"layout",title:"Image margin top",min:0,max:100,display:{type:"range-control"}},textMinHeight:{type:"number",scope:"layout",title:"Text",min:0,max:300,display:{type:"range-control"}},textMarginTop:{type:"number",scope:"layout",title:"Text margin top",min:0,max:100,display:{type:"range-control"}},controls:{type:"object",scope:"common",title:"Controls",display:{type:"button-icon-switch"},properties:{mode:{type:"string",enum:["On","Off"]},icon:{type:["string","null"],title:"Icon",display:{type:"settings-image-input"}}}},controlsWidth:{type:"number",scope:"layout",title:"Controls width",min:0,max:100,display:{type:"range-control"}},controlsColor:{type:"string",scope:"common",title:"Controls Color",display:{type:"settings-color-picker"}},controlsHoverColor:{type:"string",scope:"common",title:"Controls Hover",display:{type:"settings-color-picker"}},captionMinHeight:{type:"number",scope:"layout",title:"Caption",min:0,max:100,display:{type:"range-control"}},captionMarginTop:{type:"number",scope:"layout",title:"Caption margin top",min:0,max:100,display:{type:"range-control"}},captionFontFamily:{type:"string",scope:"common",title:"Font Family",display:{type:"font-family-select"}},captionFontSettings:{..._o.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},captionFontSize:{type:"number",scope:"layout",title:"Caption Font Size",display:{type:"font-size"}},captionLineHeight:{type:"number",scope:"layout",title:"Caption Line Height",display:{type:"line-height-input"}},captionLetterSpacing:{type:"number",scope:"layout",title:"Caption Letter Spacing",display:{type:"letter-spacing-input"}},captionWordSpacing:{type:"number",scope:"layout",title:"Caption Word Spacing",display:{type:"word-spacing-input"}},captionTextAppearance:{type:"object",scope:"layout",title:"Caption Text Appearance",display:{type:"text-appearance"}},captionTextAlign:{display:{type:"text-align-control"},type:"string",scope:"common",title:"Caption Align",enum:["left","center","right"]},captionColor:{display:{type:"style-panel-color-picker"},type:"string",scope:"common",title:"Caption Color"},textFontFamily:{type:"string",scope:"common",title:"Font Family",display:{type:"font-family-select"}},textFontSettings:{..._o.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},textFontSize:{type:"number",scope:"layout",title:"Text Font Size",display:{type:"font-size"}},textLineHeight:{type:"number",scope:"layout",title:"Text Line Height",display:{type:"line-height-input"}},textLetterSpacing:{type:"number",scope:"layout",title:"Text Letter Spacing",display:{type:"letter-spacing-input"}},textWordSpacing:{type:"number",scope:"layout",title:"Text Word Spacing",display:{type:"word-spacing-input"}},textTextAppearance:{type:"object",scope:"layout",title:"Text Text Appearance",display:{type:"text-appearance"}},textTextAlign:{display:{type:"text-align-control"},type:"string",scope:"common",title:"Text Align",enum:["left","center","right"]},textColor:{display:{type:"style-panel-color-picker"},type:"string",scope:"common",title:"Text Color"}},defaults:{autoplay:"off",controls:{mode:"Off",icon:Xl},controlsColor:"#000000",controlsHoverColor:"#EABC01",align:"center",textFontFamily:"Arial",textFontSettings:{fontWeight:400,fontStyle:"normal"},textLetterSpacing:0,textWordSpacing:0,textTextAlign:"left",textTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},textColor:"#000000",captionFontFamily:"Arial",captionFontSettings:{fontWeight:400,fontStyle:"normal"},captionLetterSpacing:0,captionWordSpacing:0,captionTextAlign:"left",captionTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},captionColor:"#000000"},layoutDefaults:{m:{delay:4,width:.15,height:.2,corners:.005,stroke:.001,imageMarginTop:.01,textMinHeight:.1,captionMarginTop:.01,textMarginTop:0,textFontSize:.01,captionFontSize:.01,textLineHeight:.01,captionLineHeight:.01,imageWidth:.05,imageHeight:.05,controlsWidth:.02,captionMinHeight:.01},d:{delay:4,width:.15,height:.2,corners:.005,stroke:.001,imageMarginTop:.01,textMarginTop:0,textMinHeight:.08,captionMarginTop:.01,textFontSize:.01,captionFontSize:.01,textLineHeight:.01,captionLineHeight:.01,imageWidth:.05,imageHeight:.05,controlsWidth:.02,captionMinHeight:.01}},displayRules:[{if:{name:"autoplay",value:"off"},then:{name:"properties.delay.display.enabled",value:!1}}],layout:["__componentName__","autoplay","delay","width","imageMarginTop","textMarginTop","captionMarginTop"]},panels:[{id:"general",icon:"cursor",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__","autoplay"]},{type:"row",items:["controls",{type:"group",title:"",items:["delay","width"]}]},{type:"row",items:["controlsWidth","align"]},{type:"row",title:"Image Container",items:["imageWidth","imageHeight"]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:[{type:"group",title:"Text",items:["textFontFamily","textFontSettings",{type:"group",title:"",items:["text",{type:"row",items:["textFontSize","textLineHeight","textLetterSpacing","textWordSpacing"]},"textTextAppearance"]}]},{type:"group",title:"Caption",items:["captionFontFamily","captionFontSettings",{type:"group",title:"",items:["caption",{type:"row",items:["captionFontSize","captionLineHeight","captionLetterSpacing","captionWordSpacing"]},"captionTextAppearance"]}]}]}],paletteBookmark:{items:["textColor","captionColor","controlsColor","controlsHoverColor"],panelIds:["general","typeStyle"]},content:{type:"array",settings:{addItemFromFileExplorer:!1},items:{type:"object",properties:{image:{type:"object",label:"Image",display:{type:"media-input"}},text:{placeholder:"Add Text...",label:"Text",display:{type:"rich-text"}},caption:{placeholder:"Add Caption...",label:"Caption",display:{type:"rich-text"}}}},default:[{image:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/logo.png",name:""},text:[{type:"paragraph",children:[{text:"Innovative solutions redefine connectivity, enhancing user experience through seamless digital integration and efficiency."}]}],caption:[{type:"paragraph",children:[{text:"CEO @ Company"}]}]},{image:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/logo.png",name:""},text:[{type:"paragraph",children:[{text:"In the realm of digital innovation, transformative algorithms redefine connectivity, propelling unprecedented technological advancements."}]}],caption:[{type:"paragraph",children:[{text:"CEO @ Company"}]}]},{image:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/logo.png",name:""},text:[{type:"paragraph",children:[{text:"Harnessing innovative algorithms, this paradigm shift enhances computational efficiency and optimizes data processing frameworks."}]}],caption:[{type:"paragraph",children:[{text:"CEO @ Company"}]}]}]}},Zl={element:Gl,id:"testimonial-single",name:"Clara",category:"testimonials",version:1,preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/testimonialsSingle.png"},defaultSize:{width:700,height:300},schema:Kl,sourceCode:Yl,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[{path:"settings.controls.icon"}]},fontSettingsPaths:{content:[],parameters:[{path:"styles.text.fontSettings"},{path:"styles.caption.fontSettings"}]}},Jl=[_a,Pa,Sl,Il,jl,Ul,Zl];exports.components=Jl;exports.isSchemaV1=vr;