npm - @cntrl-site/components - Versions diffs - 1.0.12-alpha.15 → 1.0.12-alpha.16 - Mend

@cntrl-site/components 1.0.12-alpha.15 → 1.0.12-alpha.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/Components/Grid/Grid.d.ts +1 -1
package/dist/index.js +299 -76
package/dist/index.mjs +2768 -2484
package/package.json +1 -1

package/dist/index.js CHANGED Viewed

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("react"),$e=require("classnames"),E=require("./readTestimonialTextMeasure-CB_Uq-fO.js"),ri=require("react-dom");function ta(e){return e.type==="object"&&e.version===1}const na="ControlSlider-module__wrapper___sHEkd",ra="ControlSlider-module__hoverArrow___A-dOH",oa="ControlSlider-module__sliderItem___QQSkR",ia="ControlSlider-module__sliderImage___9hRl-",aa="ControlSlider-module__arrow___05ghY",sa="ControlSlider-module__arrowVertical___tBfVN",la="ControlSlider-module__nextArrow___-30Yc",ca="ControlSlider-module__arrowInner___aEra3",da="ControlSlider-module__arrowIcon___S4ztF",ua="ControlSlider-module__arrowImg___2dwJW",pa="ControlSlider-module__mirror___brd6U",ma="ControlSlider-module__pagination___bicLF",ga="ControlSlider-module__paginationInner___bT-P-",ha="ControlSlider-module__paginationVertical___zYqKw",fa="ControlSlider-module__paginationItem___nTRbk",ya="ControlSlider-module__dot___p1Qun",va="ControlSlider-module__activeDot___LHFaj",ba="ControlSlider-module__paginationInsideBottom___R3FWn",xa="ControlSlider-module__paginationInsideTop___V-qb-",Ca="ControlSlider-module__paginationOutsideBottom___14w8D",Sa="ControlSlider-module__paginationOutsideTop___SCLqB",wa="ControlSlider-module__paginationInsideLeft___yOBRZ",$a="ControlSlider-module__paginationInsideRight___Rtt3o",Ta="ControlSlider-module__paginationOutsideLeft___lahaw",La="ControlSlider-module__paginationOutsideRight___EtuQa",Ea="ControlSlider-module__imgWrapper___UjEgB",Pa="ControlSlider-module__captionBlock___dJ6-j",_a="ControlSlider-module__captionTextWrapper___HFlpf",Aa="ControlSlider-module__captionText___uGBVc",Ra="ControlSlider-module__active___WZK4G",Wa="ControlSlider-module__withPointerEvents___t-18M",Ia="ControlSlider-module__topLeftAlignment___zjnGM",ka="ControlSlider-module__topCenterAlignment___gD1xW",Fa="ControlSlider-module__topRightAlignment___NMapS",Ma="ControlSlider-module__middleLeftAlignment___OnUrY",Ha="ControlSlider-module__middleCenterAlignment___Tdkl0",Na="ControlSlider-module__middleRightAlignment___wEbfX",Ba="ControlSlider-module__bottomLeftAlignment___cTP2-",Oa="ControlSlider-module__bottomCenterAlignment___c54fB",Va="ControlSlider-module__bottomRightAlignment___kEwrz",Da="ControlSlider-module__clickOverlay___DZA28",ja="ControlSlider-module__contain___pLyq7",za="ControlSlider-module__cover___KdDat",ie={wrapper:na,hoverArrow:ra,sliderItem:oa,sliderImage:ia,arrow:aa,arrowVertical:sa,nextArrow:la,arrowInner:ca,arrowIcon:da,arrowImg:ua,mirror:pa,pagination:ma,paginationInner:ga,paginationVertical:ha,paginationItem:fa,dot:ya,activeDot:va,paginationInsideBottom:ba,paginationInsideTop:xa,paginationOutsideBottom:Ca,paginationOutsideTop:Sa,paginationInsideLeft:wa,paginationInsideRight:$a,paginationOutsideLeft:Ta,paginationOutsideRight:La,imgWrapper:Ea,captionBlock:Pa,captionTextWrapper:_a,captionText:Aa,active:Ra,withPointerEvents:Wa,topLeftAlignment:Ia,topCenterAlignment:ka,topRightAlignment:Fa,middleLeftAlignment:Ma,middleCenterAlignment:Ha,middleRightAlignment:Na,bottomLeftAlignment:Ba,bottomCenterAlignment:Oa,bottomRightAlignment:Va,clickOverlay:Da,contain:ja,cover:za};function Ka(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function qa(e,t,n){return t&&Ka(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}var xo="(prefers-reduced-motion: reduce)",nn=1,Ua=2,an=3,pn=4,An=5,Gn=6,nr=7,Ga={CREATED:nn,MOUNTED:Ua,IDLE:an,MOVING:pn,SCROLLING:An,DRAGGING:Gn,DESTROYED:nr};function Lt(e){e.length=0}function Bt(e,t,n){return Array.prototype.slice.call(e,t,n)}function _e(e){return e.bind.apply(e,[null].concat(Bt(arguments,1)))}var oi=setTimeout,Wr=function(){};function Co(e){return requestAnimationFrame(e)}function lr(e,t){return typeof t===e}function bn(e){return!jr(e)&&lr("object",e)}var Dr=Array.isArray,ii=_e(lr,"function"),Mt=_e(lr,"string"),Rn=_e(lr,"undefined");function jr(e){return e===null}function ai(e){try{return e instanceof(e.ownerDocument.defaultView||window).HTMLElement}catch{return!1}}function Wn(e){return Dr(e)?e:[e]}function at(e,t){Wn(e).forEach(t)}function zr(e,t){return e.indexOf(t)>-1}function Yn(e,t){return e.push.apply(e,Wn(t)),e}function St(e,t,n){e&&at(t,function(r){r&&e.classList[n?"add":"remove"](r)})}function yt(e,t){St(e,Mt(t)?t.split(" "):t,!0)}function In(e,t){at(t,e.appendChild.bind(e))}function Kr(e,t){at(e,function(n){var r=(t||n).parentNode;r&&r.insertBefore(n,t)})}function xn(e,t){return ai(e)&&(e.msMatchesSelector||e.matches).call(e,t)}function si(e,t){var n=e?Bt(e.children):[];return t?n.filter(function(r){return xn(r,t)}):n}function kn(e,t){return t?si(e,t)[0]:e.firstElementChild}var Cn=Object.keys;function qt(e,t,n){return e&&(n?Cn(e).reverse():Cn(e)).forEach(function(r){r!=="__proto__"&&t(e[r],r)}),e}function Sn(e){return Bt(arguments,1).forEach(function(t){qt(t,function(n,r){e[r]=t[r]})}),e}function kt(e){return Bt(arguments,1).forEach(function(t){qt(t,function(n,r){Dr(n)?e[r]=n.slice():bn(n)?e[r]=kt({},bn(e[r])?e[r]:{},n):e[r]=n})}),e}function So(e,t){at(t||Cn(e),function(n){delete e[n]})}function vt(e,t){at(e,function(n){at(t,function(r){n&&n.removeAttribute(r)})})}function he(e,t,n){bn(t)?qt(t,function(r,o){he(e,o,r)}):at(e,function(r){jr(n)||n===""?vt(r,t):r.setAttribute(t,String(n))})}function rn(e,t,n){var r=document.createElement(e);return t&&(Mt(t)?yt(r,t):he(r,t)),n&&In(n,r),r}function ut(e,t,n){if(Rn(n))return getComputedStyle(e)[t];jr(n)||(e.style[t]=""+n)}function wn(e,t){ut(e,"display",t)}function li(e){e.setActive&&e.setActive()||e.focus({preventScroll:!0})}function pt(e,t){return e.getAttribute(t)}function wo(e,t){return e&&e.classList.contains(t)}function rt(e){return e.getBoundingClientRect()}function Ut(e){at(e,function(t){t&&t.parentNode&&t.parentNode.removeChild(t)})}function ci(e){return kn(new DOMParser().parseFromString(e,"text/html").body)}function Ct(e,t){e.preventDefault(),t&&(e.stopPropagation(),e.stopImmediatePropagation())}function di(e,t){return e&&e.querySelector(t)}function qr(e,t){return t?Bt(e.querySelectorAll(t)):[]}function wt(e,t){St(e,t,!1)}function Ir(e){return e.timeStamp}function Dt(e){return Mt(e)?e:e?e+"px":""}var Fn="splide",Ur="data-"+Fn;function yn(e,t){if(!e)throw new Error("["+Fn+"] "+(t||""))}var Ht=Math.min,rr=Math.max,or=Math.floor,$n=Math.ceil,Ge=Math.abs;function ui(e,t,n){return Ge(e-t)<n}function Xn(e,t,n,r){var o=Ht(t,n),i=rr(t,n);return r?o<e&&e<i:o<=e&&e<=i}function Qt(e,t,n){var r=Ht(t,n),o=rr(t,n);return Ht(rr(r,e),o)}function kr(e){return+(e>0)-+(e<0)}function Fr(e,t){return at(t,function(n){e=e.replace("%s",""+n)}),e}function Gr(e){return e<10?"0"+e:""+e}var $o={};function Ya(e){return""+e+Gr($o[e]=($o[e]||0)+1)}function pi(){var e=[];function t(s,c,a,d){o(s,c,function(p,L,v){var S="addEventListener"in p,m=S?p.removeEventListener.bind(p,L,a,d):p.removeListener.bind(p,a);S?p.addEventListener(L,a,d):p.addListener(a),e.push([p,L,v,a,m])})}function n(s,c,a){o(s,c,function(d,p,L){e=e.filter(function(v){return v[0]===d&&v[1]===p&&v[2]===L&&(!a||v[3]===a)?(v[4](),!1):!0})})}function r(s,c,a){var d,p=!0;return typeof CustomEvent=="function"?d=new CustomEvent(c,{bubbles:p,detail:a}):(d=document.createEvent("CustomEvent"),d.initCustomEvent(c,p,!1,a)),s.dispatchEvent(d),d}function o(s,c,a){at(s,function(d){d&&at(c,function(p){p.split(" ").forEach(function(L){var v=L.split(".");a(d,v[0],v[1])})})})}function i(){e.forEach(function(s){s[4]()}),Lt(e)}return{bind:t,unbind:n,dispatch:r,destroy:i}}var Ot="mounted",Mr="ready",Et="move",mn="moved",Yr="click",mi="active",gi="inactive",hi="visible",fi="hidden",He="refresh",je="updated",sn="resize",cr="resized",yi="drag",vi="dragging",bi="dragged",dr="scroll",Yt="scrolled",Xa="overflow",Xr="destroy",xi="arrows:mounted",Ci="arrows:updated",Si="pagination:mounted",wi="pagination:updated",Zr="navigation:mounted",Jr="autoplay:play",$i="autoplay:playing",Qr="autoplay:pause",eo="lazyload:loaded",Ti="sk",Li="sh",ir="ei";function Me(e){var t=e?e.event.bus:document.createDocumentFragment(),n=pi();function r(i,s){n.bind(t,Wn(i).join(" "),function(c){s.apply(s,Dr(c.detail)?c.detail:[])})}function o(i){n.dispatch(t,i,Bt(arguments,1))}return e&&e.event.on(Xr,n.destroy),Sn(n,{bus:t,on:r,off:_e(n.unbind,t),emit:o})}function ur(e,t,n,r){var o=Date.now,i,s=0,c,a=!0,d=0;function p(){if(!a){if(s=e?Ht((o()-i)/e,1):1,n&&n(s),s>=1&&(t(),i=o(),r&&++d>=r))return v();c=Co(p)}}function L(x){x||m(),i=o()-(x?s*e:0),a=!1,c=Co(p)}function v(){a=!0}function S(){i=o(),s=0,n&&n(s)}function m(){c&&cancelAnimationFrame(c),s=0,c=0,a=!0}function g(x){e=x}function I(){return a}return{start:L,rewind:S,pause:v,cancel:m,set:g,isPaused:I}}function Za(e){var t=e;function n(o){t=o}function r(o){return zr(Wn(o),t)}return{set:n,is:r}}function Ja(e,t){var n=ur(0,e,null,1);return function(){n.isPaused()&&n.start()}}function Qa(e,t,n){var r=e.state,o=n.breakpoints||{},i=n.reducedMotion||{},s=pi(),c=[];function a(){var m=n.mediaQuery==="min";Cn(o).sort(function(g,I){return m?+g-+I:+I-+g}).forEach(function(g){p(o[g],"("+(m?"min":"max")+"-width:"+g+"px)")}),p(i,xo),L()}function d(m){m&&s.destroy()}function p(m,g){var I=matchMedia(g);s.bind(I,"change",L),c.push([m,I])}function L(){var m=r.is(nr),g=n.direction,I=c.reduce(function(x,b){return kt(x,b[1].matches?b[0]:{})},{});So(n),S(I),n.destroy?e.destroy(n.destroy==="completely"):m?(d(!0),e.mount()):g!==n.direction&&e.refresh()}function v(m){matchMedia(xo).matches&&(m?kt(n,i):So(n,Cn(i)))}function S(m,g,I){kt(n,m),g&&kt(Object.getPrototypeOf(n),m),(I||!r.is(nn))&&e.emit(je,n)}return{setup:a,destroy:d,reduce:v,set:S}}var pr="Arrow",mr=pr+"Left",gr=pr+"Right",Ei=pr+"Up",Pi=pr+"Down",To="rtl",hr="ttb",Cr={width:["height"],left:["top","right"],right:["bottom","left"],x:["y"],X:["Y"],Y:["X"],ArrowLeft:[Ei,gr],ArrowRight:[Pi,mr]};function es(e,t,n){function r(i,s,c){c=c||n.direction;var a=c===To&&!s?1:c===hr?0:-1;return Cr[i]&&Cr[i][a]||i.replace(/width|left|right/i,function(d,p){var L=Cr[d.toLowerCase()][a]||d;return p>0?L.charAt(0).toUpperCase()+L.slice(1):L})}function o(i){return i*(n.direction===To?1:-1)}return{resolve:r,orient:o}}var $t="role",on="tabindex",ts="disabled",mt="aria-",Mn=mt+"controls",_i=mt+"current",Lo=mt+"selected",ot=mt+"label",to=mt+"labelledby",Ai=mt+"hidden",no=mt+"orientation",Tn=mt+"roledescription",Eo=mt+"live",Po=mt+"busy",_o=mt+"atomic",ro=[$t,on,ts,Mn,_i,ot,to,Ai,no,Tn],bt=Fn+"__",Vt="is-",Sr=Fn,Ao=bt+"track",ns=bt+"list",fr=bt+"slide",Ri=fr+"--clone",rs=fr+"__container",oo=bt+"arrows",yr=bt+"arrow",Wi=yr+"--prev",Ii=yr+"--next",vr=bt+"pagination",ki=vr+"__page",os=bt+"progress",is=os+"__bar",as=bt+"toggle",ss=bt+"spinner",ls=bt+"sr",cs=Vt+"initialized",Gt=Vt+"active",Fi=Vt+"prev",Mi=Vt+"next",Hr=Vt+"visible",Nr=Vt+"loading",Hi=Vt+"focus-in",Ni=Vt+"overflow",ds=[Gt,Hr,Fi,Mi,Nr,Hi,Ni],us={slide:fr,clone:Ri,arrows:oo,arrow:yr,prev:Wi,next:Ii,pagination:vr,page:ki,spinner:ss};function ps(e,t){if(ii(e.closest))return e.closest(t);for(var n=e;n&&n.nodeType===1&&!xn(n,t);)n=n.parentElement;return n}var ms=5,Ro=200,Bi="touchstart mousedown",wr="touchmove mousemove",$r="touchend touchcancel mouseup click";function gs(e,t,n){var r=Me(e),o=r.on,i=r.bind,s=e.root,c=n.i18n,a={},d=[],p=[],L=[],v,S,m;function g(){h(),B(),b()}function I(){o(He,x),o(He,g),o(je,b),i(document,Bi+" keydown",function(T){m=T.type==="keydown"},{capture:!0}),i(s,"focusin",function(){St(s,Hi,!!m)})}function x(T){var R=ro.concat("style");Lt(d),wt(s,p),wt(v,L),vt([v,S],R),vt(s,T?R:["style",Tn])}function b(){wt(s,p),wt(v,L),p=A(Sr),L=A(Ao),yt(s,p),yt(v,L),he(s,ot,n.label),he(s,to,n.labelledby)}function h(){v=_("."+Ao),S=kn(v,"."+ns),yn(v&&S,"A track/list element is missing."),Yn(d,si(S,"."+fr+":not(."+Ri+")")),qt({arrows:oo,pagination:vr,prev:Wi,next:Ii,bar:is,toggle:as},function(T,R){a[R]=_("."+T)}),Sn(a,{root:s,track:v,list:S,slides:d})}function B(){var T=s.id||Ya(Fn),R=n.role;s.id=T,v.id=v.id||T+"-track",S.id=S.id||T+"-list",!pt(s,$t)&&s.tagName!=="SECTION"&&R&&he(s,$t,R),he(s,Tn,c.carousel),he(S,$t,"presentation")}function _(T){var R=di(s,T);return R&&ps(R,"."+Sr)===s?R:void 0}function A(T){return[T+"--"+n.type,T+"--"+n.direction,n.drag&&T+"--draggable",n.isNavigation&&T+"--nav",T===Sr&&Gt]}return Sn(a,{setup:g,mount:I,destroy:x})}var ln="slide",gn="loop",Hn="fade";function hs(e,t,n,r){var o=Me(e),i=o.on,s=o.emit,c=o.bind,a=e.Components,d=e.root,p=e.options,L=p.isNavigation,v=p.updateOnMove,S=p.i18n,m=p.pagination,g=p.slideFocus,I=a.Direction.resolve,x=pt(r,"style"),b=pt(r,ot),h=n>-1,B=kn(r,"."+rs),_;function A(){h||(r.id=d.id+"-slide"+Gr(t+1),he(r,$t,m?"tabpanel":"group"),he(r,Tn,S.slide),he(r,ot,b||Fr(S.slideLabel,[t+1,e.length]))),T()}function T(){c(r,"click",_e(s,Yr,M)),c(r,"keydown",_e(s,Ti,M)),i([mn,Li,Yt],P),i(Zr,$),v&&i(Et,H)}function R(){_=!0,o.destroy(),wt(r,ds),vt(r,ro),he(r,"style",x),he(r,ot,b||"")}function $(){var N=e.splides.map(function(k){var D=k.splide.Components.Slides.getAt(t);return D?D.slide.id:""}).join(" ");he(r,ot,Fr(S.slideX,(h?n:t)+1)),he(r,Mn,N),he(r,$t,g?"button":""),g&&vt(r,Tn)}function H(){_||P()}function P(){if(!_){var N=e.index;O(),V(),St(r,Fi,t===N-1),St(r,Mi,t===N+1)}}function O(){var N=G();N!==wo(r,Gt)&&(St(r,Gt,N),he(r,_i,L&&N||""),s(N?mi:gi,M))}function V(){var N=w(),k=!N&&(!G()||h);if(e.state.is([pn,An])||he(r,Ai,k||""),he(qr(r,p.focusableNodes||""),on,k?-1:""),g&&he(r,on,k?-1:0),N!==wo(r,Hr)&&(St(r,Hr,N),s(N?hi:fi,M)),!N&&document.activeElement===r){var D=a.Slides.getAt(e.index);D&&li(D.slide)}}function X(N,k,D){ut(D&&B||r,N,k)}function G(){var N=e.index;return N===t||p.cloneStatus&&N===n}function w(){if(e.is(Hn))return G();var N=rt(a.Elements.track),k=rt(r),D=I("left",!0),ee=I("right",!0);return or(N[D])<=$n(k[D])&&or(k[ee])<=$n(N[ee])}function W(N,k){var D=Ge(N-t);return!h&&(p.rewind||e.is(gn))&&(D=Ht(D,e.length-D)),D<=k}var M={index:t,slideIndex:n,slide:r,container:B,isClone:h,mount:A,destroy:R,update:P,style:X,isWithin:W};return M}function fs(e,t,n){var r=Me(e),o=r.on,i=r.emit,s=r.bind,c=t.Elements,a=c.slides,d=c.list,p=[];function L(){v(),o(He,S),o(He,v)}function v(){a.forEach(function(P,O){g(P,O,-1)})}function S(){_(function(P){P.destroy()}),Lt(p)}function m(){_(function(P){P.update()})}function g(P,O,V){var X=hs(e,O,V,P);X.mount(),p.push(X),p.sort(function(G,w){return G.index-w.index})}function I(P){return P?A(function(O){return!O.isClone}):p}function x(P){var O=t.Controller,V=O.toIndex(P),X=O.hasFocus()?1:n.perPage;return A(function(G){return Xn(G.index,V,V+X-1)})}function b(P){return A(P)[0]}function h(P,O){at(P,function(V){if(Mt(V)&&(V=ci(V)),ai(V)){var X=a[O];X?Kr(V,X):In(d,V),yt(V,n.classes.slide),R(V,_e(i,sn))}}),i(He)}function B(P){Ut(A(P).map(function(O){return O.slide})),i(He)}function _(P,O){I(O).forEach(P)}function A(P){return p.filter(ii(P)?P:function(O){return Mt(P)?xn(O.slide,P):zr(Wn(P),O.index)})}function T(P,O,V){_(function(X){X.style(P,O,V)})}function R(P,O){var V=qr(P,"img"),X=V.length;X?V.forEach(function(G){s(G,"load error",function(){--X||O()})}):O()}function $(P){return P?a.length:p.length}function H(){return p.length>n.perPage}return{mount:L,destroy:S,update:m,register:g,get:I,getIn:x,getAt:b,add:h,remove:B,forEach:_,filter:A,style:T,getLength:$,isEnough:H}}function ys(e,t,n){var r=Me(e),o=r.on,i=r.bind,s=r.emit,c=t.Slides,a=t.Direction.resolve,d=t.Elements,p=d.root,L=d.track,v=d.list,S=c.getAt,m=c.style,g,I,x;function b(){h(),i(window,"resize load",Ja(_e(s,sn))),o([je,He],h),o(sn,B)}function h(){g=n.direction===hr,ut(p,"maxWidth",Dt(n.width)),ut(L,a("paddingLeft"),_(!1)),ut(L,a("paddingRight"),_(!0)),B(!0)}function B(M){var N=rt(p);(M||I.width!==N.width||I.height!==N.height)&&(ut(L,"height",A()),m(a("marginRight"),Dt(n.gap)),m("width",R()),m("height",$(),!0),I=N,s(cr),x!==(x=W())&&(St(p,Ni,x),s(Xa,x)))}function _(M){var N=n.padding,k=a(M?"right":"left");return N&&Dt(N[k]||(bn(N)?0:N))||"0px"}function A(){var M="";return g&&(M=T(),yn(M,"height or heightRatio is missing."),M="calc("+M+" - "+_(!1)+" - "+_(!0)+")"),M}function T(){return Dt(n.height||rt(v).width*n.heightRatio)}function R(){return n.autoWidth?null:Dt(n.fixedWidth)||(g?"":H())}function $(){return Dt(n.fixedHeight)||(g?n.autoHeight?null:H():T())}function H(){var M=Dt(n.gap);return"calc((100%"+(M&&" + "+M)+")/"+(n.perPage||1)+(M&&" - "+M)+")"}function P(){return rt(v)[a("width")]}function O(M,N){var k=S(M||0);return k?rt(k.slide)[a("width")]+(N?0:G()):0}function V(M,N){var k=S(M);if(k){var D=rt(k.slide)[a("right")],ee=rt(v)[a("left")];return Ge(D-ee)+(N?0:G())}return 0}function X(M){return V(e.length-1)-V(0)+O(0,M)}function G(){var M=S(0);return M&&parseFloat(ut(M.slide,a("marginRight")))||0}function w(M){return parseFloat(ut(L,a("padding"+(M?"Right":"Left"))))||0}function W(){return e.is(Hn)||X(!0)>P()}return{mount:b,resize:B,listSize:P,slideSize:O,sliderSize:X,totalSize:V,getPadding:w,isOverflow:W}}var vs=2;function bs(e,t,n){var r=Me(e),o=r.on,i=t.Elements,s=t.Slides,c=t.Direction.resolve,a=[],d;function p(){o(He,L),o([je,sn],S),(d=I())&&(m(d),t.Layout.resize(!0))}function L(){v(),p()}function v(){Ut(a),Lt(a),r.destroy()}function S(){var x=I();d!==x&&(d<x||!x)&&r.emit(He)}function m(x){var b=s.get().slice(),h=b.length;if(h){for(;b.length<x;)Yn(b,b);Yn(b.slice(-x),b.slice(0,x)).forEach(function(B,_){var A=_<x,T=g(B.slide,_);A?Kr(T,b[0].slide):In(i.list,T),Yn(a,T),s.register(T,_-x+(A?0:h),B.index)})}}function g(x,b){var h=x.cloneNode(!0);return yt(h,n.classes.clone),h.id=e.root.id+"-clone"+Gr(b+1),h}function I(){var x=n.clones;if(!e.is(gn))x=0;else if(Rn(x)){var b=n[c("fixedWidth")]&&t.Layout.slideSize(0),h=b&&$n(rt(i.track)[c("width")]/b);x=h||n[c("autoWidth")]&&e.length||n.perPage*vs}return x}return{mount:p,destroy:v}}function xs(e,t,n){var r=Me(e),o=r.on,i=r.emit,s=e.state.set,c=t.Layout,a=c.slideSize,d=c.getPadding,p=c.totalSize,L=c.listSize,v=c.sliderSize,S=t.Direction,m=S.resolve,g=S.orient,I=t.Elements,x=I.list,b=I.track,h;function B(){h=t.Transition,o([Ot,cr,je,He],_)}function _(){t.Controller.isBusy()||(t.Scroll.cancel(),T(e.index),t.Slides.update())}function A(k,D,ee,re){k!==D&&M(k>ee)&&(P(),R(H(X(),k>ee),!0)),s(pn),i(Et,D,ee,k),h.start(D,function(){s(an),i(mn,D,ee,k),re&&re()})}function T(k){R(V(k,!0))}function R(k,D){if(!e.is(Hn)){var ee=D?k:$(k);ut(x,"transform","translate"+m("X")+"("+ee+"px)"),k!==ee&&i(Li)}}function $(k){if(e.is(gn)){var D=O(k),ee=D>t.Controller.getEnd(),re=D<0;(re||ee)&&(k=H(k,ee))}return k}function H(k,D){var ee=k-W(D),re=v();return k-=g(re*($n(Ge(ee)/re)||1))*(D?1:-1),k}function P(){R(X(),!0),h.cancel()}function O(k){for(var D=t.Slides.get(),ee=0,re=1/0,J=0;J<D.length;J++){var ue=D[J].index,C=Ge(V(ue,!0)-k);if(C<=re)re=C,ee=ue;else break}return ee}function V(k,D){var ee=g(p(k-1)-w(k));return D?G(ee):ee}function X(){var k=m("left");return rt(x)[k]-rt(b)[k]+g(d(!1))}function G(k){return n.trimSpace&&e.is(ln)&&(k=Qt(k,0,g(v(!0)-L()))),k}function w(k){var D=n.focus;return D==="center"?(L()-a(k,!0))/2:+D*a(k)||0}function W(k){return V(k?t.Controller.getEnd():0,!!n.trimSpace)}function M(k){var D=g(H(X(),k));return k?D>=0:D<=x[m("scrollWidth")]-rt(b)[m("width")]}function N(k,D){D=Rn(D)?X():D;var ee=k!==!0&&g(D)<g(W(!1)),re=k!==!1&&g(D)>g(W(!0));return ee||re}return{mount:B,move:A,jump:T,translate:R,shift:H,cancel:P,toIndex:O,toPosition:V,getPosition:X,getLimit:W,exceededLimit:N,reposition:_}}function Cs(e,t,n){var r=Me(e),o=r.on,i=r.emit,s=t.Move,c=s.getPosition,a=s.getLimit,d=s.toPosition,p=t.Slides,L=p.isEnough,v=p.getLength,S=n.omitEnd,m=e.is(gn),g=e.is(ln),I=_e(X,!1),x=_e(X,!0),b=n.start||0,h,B=b,_,A,T;function R(){$(),o([je,He,ir],$),o(cr,H)}function $(){_=v(!0),A=n.perMove,T=n.perPage,h=M();var C=Qt(b,0,S?h:_-1);C!==b&&(b=C,s.reposition())}function H(){h!==M()&&i(ir)}function P(C,oe,Te){if(!ue()){var le=V(C),fe=W(le);fe>-1&&(oe||fe!==b)&&(ee(fe),s.move(le,fe,B,Te))}}function O(C,oe,Te,le){t.Scroll.scroll(C,oe,Te,function(){var fe=W(s.toIndex(c()));ee(S?Ht(fe,h):fe),le&&le()})}function V(C){var oe=b;if(Mt(C)){var Te=C.match(/([+\-<>])(\d+)?/)||[],le=Te[1],fe=Te[2];le==="+"||le==="-"?oe=G(b+ +(""+le+(+fe||1)),b):le===">"?oe=fe?N(+fe):I(!0):le==="<"&&(oe=x(!0))}else oe=m?C:Qt(C,0,h);return oe}function X(C,oe){var Te=A||(J()?1:T),le=G(b+Te*(C?-1:1),b,!(A||J()));return le===-1&&g&&!ui(c(),a(!C),1)?C?0:h:oe?le:W(le)}function G(C,oe,Te){if(L()||J()){var le=w(C);le!==C&&(oe=C,C=le,Te=!1),C<0||C>h?!A&&(Xn(0,C,oe,!0)||Xn(h,oe,C,!0))?C=N(k(C)):m?C=Te?C<0?-(_%T||T):_:C:n.rewind?C=C<0?h:0:C=-1:Te&&C!==oe&&(C=N(k(oe)+(C<oe?-1:1)))}else C=-1;return C}function w(C){if(g&&n.trimSpace==="move"&&C!==b)for(var oe=c();oe===d(C,!0)&&Xn(C,0,e.length-1,!n.rewind);)C<b?--C:++C;return C}function W(C){return m?(C+_)%_||0:C}function M(){for(var C=_-(J()||m&&A?1:T);S&&C-- >0;)if(d(_-1,!0)!==d(C,!0)){C++;break}return Qt(C,0,_-1)}function N(C){return Qt(J()?C:T*C,0,h)}function k(C){return J()?Ht(C,h):or((C>=h?_-1:C)/T)}function D(C){var oe=s.toIndex(C);return g?Qt(oe,0,h):oe}function ee(C){C!==b&&(B=b,b=C)}function re(C){return C?B:b}function J(){return!Rn(n.focus)||n.isNavigation}function ue(){return e.state.is([pn,An])&&!!n.waitForTransition}return{mount:R,go:P,scroll:O,getNext:I,getPrev:x,getAdjacent:X,getEnd:M,setIndex:ee,getIndex:re,toIndex:N,toPage:k,toDest:D,hasFocus:J,isBusy:ue}}var Ss="http://www.w3.org/2000/svg",ws="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",Vn=40;function $s(e,t,n){var r=Me(e),o=r.on,i=r.bind,s=r.emit,c=n.classes,a=n.i18n,d=t.Elements,p=t.Controller,L=d.arrows,v=d.track,S=L,m=d.prev,g=d.next,I,x,b={};function h(){_(),o(je,B)}function B(){A(),h()}function _(){var O=n.arrows;O&&!(m&&g)&&$(),m&&g&&(Sn(b,{prev:m,next:g}),wn(S,O?"":"none"),yt(S,x=oo+"--"+n.direction),O&&(T(),P(),he([m,g],Mn,v.id),s(xi,m,g)))}function A(){r.destroy(),wt(S,x),I?(Ut(L?[m,g]:S),m=g=null):vt([m,g],ro)}function T(){o([Ot,mn,He,Yt,ir],P),i(g,"click",_e(R,">")),i(m,"click",_e(R,"<"))}function R(O){p.go(O,!0)}function $(){S=L||rn("div",c.arrows),m=H(!0),g=H(!1),I=!0,In(S,[m,g]),!L&&Kr(S,v)}function H(O){var V='<button class="'+c.arrow+" "+(O?c.prev:c.next)+'" type="button"><svg xmlns="'+Ss+'" viewBox="0 0 '+Vn+" "+Vn+'" width="'+Vn+'" height="'+Vn+'" focusable="false"><path d="'+(n.arrowPath||ws)+'" />';return ci(V)}function P(){if(m&&g){var O=e.index,V=p.getPrev(),X=p.getNext(),G=V>-1&&O<V?a.last:a.prev,w=X>-1&&O>X?a.first:a.next;m.disabled=V<0,g.disabled=X<0,he(m,ot,G),he(g,ot,w),s(Ci,m,g,V,X)}}return{arrows:b,mount:h,destroy:A,update:P}}var Ts=Ur+"-interval";function Ls(e,t,n){var r=Me(e),o=r.on,i=r.bind,s=r.emit,c=ur(n.interval,e.go.bind(e,">"),T),a=c.isPaused,d=t.Elements,p=t.Elements,L=p.root,v=p.toggle,S=n.autoplay,m,g,I=S==="pause";function x(){S&&(b(),v&&he(v,Mn,d.track.id),I||h(),A())}function b(){n.pauseOnHover&&i(L,"mouseenter mouseleave",function($){m=$.type==="mouseenter",_()}),n.pauseOnFocus&&i(L,"focusin focusout",function($){g=$.type==="focusin",_()}),v&&i(v,"click",function(){I?h():B(!0)}),o([Et,dr,He],c.rewind),o(Et,R)}function h(){a()&&t.Slides.isEnough()&&(c.start(!n.resetProgress),g=m=I=!1,A(),s(Jr))}function B($){$===void 0&&($=!0),I=!!$,A(),a()||(c.pause(),s(Qr))}function _(){I||(m||g?B(!1):h())}function A(){v&&(St(v,Gt,!I),he(v,ot,n.i18n[I?"play":"pause"]))}function T($){var H=d.bar;H&&ut(H,"width",$*100+"%"),s($i,$)}function R($){var H=t.Slides.getAt($);c.set(H&&+pt(H.slide,Ts)||n.interval)}return{mount:x,destroy:c.cancel,play:h,pause:B,isPaused:a}}function Es(e,t,n){var r=Me(e),o=r.on;function i(){n.cover&&(o(eo,_e(c,!0)),o([Ot,je,He],_e(s,!0)))}function s(a){t.Slides.forEach(function(d){var p=kn(d.container||d.slide,"img");p&&p.src&&c(a,p,d)})}function c(a,d,p){p.style("background",a?'center/cover no-repeat url("'+d.src+'")':"",!0),wn(d,a?"none":"")}return{mount:i,destroy:_e(s,!1)}}var Ps=10,_s=600,As=.6,Rs=1.5,Ws=800;function Is(e,t,n){var r=Me(e),o=r.on,i=r.emit,s=e.state.set,c=t.Move,a=c.getPosition,d=c.getLimit,p=c.exceededLimit,L=c.translate,v=e.is(ln),S,m,g=1;function I(){o(Et,B),o([je,He],_)}function x(T,R,$,H,P){var O=a();if(B(),$&&(!v||!p())){var V=t.Layout.sliderSize(),X=kr(T)*V*or(Ge(T)/V)||0;T=c.toPosition(t.Controller.toDest(T%V))+X}var G=ui(O,T,1);g=1,R=G?0:R||rr(Ge(T-O)/Rs,Ws),m=H,S=ur(R,b,_e(h,O,T,P),1),s(An),i(dr),S.start()}function b(){s(an),m&&m(),i(Yt)}function h(T,R,$,H){var P=a(),O=T+(R-T)*A(H),V=(O-P)*g;L(P+V),v&&!$&&p()&&(g*=As,Ge(V)<Ps&&x(d(p(!0)),_s,!1,m,!0))}function B(){S&&S.cancel()}function _(){S&&!S.isPaused()&&(B(),b())}function A(T){var R=n.easingFunc;return R?R(T):1-Math.pow(1-T,4)}return{mount:I,destroy:B,scroll:x,cancel:_}}var en={passive:!1,capture:!0};function ks(e,t,n){var r=Me(e),o=r.on,i=r.emit,s=r.bind,c=r.unbind,a=e.state,d=t.Move,p=t.Scroll,L=t.Controller,v=t.Elements.track,S=t.Media.reduce,m=t.Direction,g=m.resolve,I=m.orient,x=d.getPosition,b=d.exceededLimit,h,B,_,A,T,R=!1,$,H,P;function O(){s(v,wr,Wr,en),s(v,$r,Wr,en),s(v,Bi,X,en),s(v,"click",W,{capture:!0}),s(v,"dragstart",Ct),o([Ot,je],V)}function V(){var f=n.drag;ne(!f),A=f==="free"}function X(f){if($=!1,!H){var y=fe(f);le(f.target)&&(y||!f.button)&&(L.isBusy()?Ct(f,!0):(P=y?v:window,T=a.is([pn,An]),_=null,s(P,wr,G,en),s(P,$r,w,en),d.cancel(),p.cancel(),M(f)))}}function G(f){if(a.is(Gn)||(a.set(Gn),i(yi)),f.cancelable)if(T){d.translate(h+Te(J(f)));var y=ue(f)>Ro,F=R!==(R=b());(y||F)&&M(f),$=!0,i(vi),Ct(f)}else D(f)&&(T=k(f),Ct(f))}function w(f){a.is(Gn)&&(a.set(an),i(bi)),T&&(N(f),Ct(f)),c(P,wr,G),c(P,$r,w),T=!1}function W(f){!H&&$&&Ct(f,!0)}function M(f){_=B,B=f,h=x()}function N(f){var y=ee(f),F=re(y),j=n.rewind&&n.rewindByDrag;S(!1),A?L.scroll(F,0,n.snap):e.is(Hn)?L.go(I(kr(y))<0?j?"<":"-":j?">":"+"):e.is(ln)&&R&&j?L.go(b(!0)?">":"<"):L.go(L.toDest(F),!0),S(!0)}function k(f){var y=n.dragMinThreshold,F=bn(y),j=F&&y.mouse||0,U=(F?y.touch:+y)||10;return Ge(J(f))>(fe(f)?U:j)}function D(f){return Ge(J(f))>Ge(J(f,!0))}function ee(f){if(e.is(gn)||!R){var y=ue(f);if(y&&y<Ro)return J(f)/y}return 0}function re(f){return x()+kr(f)*Ht(Ge(f)*(n.flickPower||600),A?1/0:t.Layout.listSize()*(n.flickMaxPages||1))}function J(f,y){return oe(f,y)-oe(C(f),y)}function ue(f){return Ir(f)-Ir(C(f))}function C(f){return B===f&&_||B}function oe(f,y){return(fe(f)?f.changedTouches[0]:f)["page"+g(y?"Y":"X")]}function Te(f){return f/(R&&e.is(ln)?ms:1)}function le(f){var y=n.noDrag;return!xn(f,"."+ki+", ."+yr)&&(!y||!xn(f,y))}function fe(f){return typeof TouchEvent<"u"&&f instanceof TouchEvent}function Re(){return T}function ne(f){H=f}return{mount:O,disable:ne,isDragging:Re}}var Fs={Spacebar:" ",Right:gr,Left:mr,Up:Ei,Down:Pi};function io(e){return e=Mt(e)?e:e.key,Fs[e]||e}var Wo="keydown";function Ms(e,t,n){var r=Me(e),o=r.on,i=r.bind,s=r.unbind,c=e.root,a=t.Direction.resolve,d,p;function L(){v(),o(je,S),o(je,v),o(Et,g)}function v(){var x=n.keyboard;x&&(d=x==="global"?window:c,i(d,Wo,I))}function S(){s(d,Wo)}function m(x){p=x}function g(){var x=p;p=!0,oi(function(){p=x})}function I(x){if(!p){var b=io(x);b===a(mr)?e.go("<"):b===a(gr)&&e.go(">")}}return{mount:L,destroy:S,disable:m}}var vn=Ur+"-lazy",Zn=vn+"-srcset",Hs="["+vn+"], ["+Zn+"]";function Ns(e,t,n){var r=Me(e),o=r.on,i=r.off,s=r.bind,c=r.emit,a=n.lazyLoad==="sequential",d=[mn,Yt],p=[];function L(){n.lazyLoad&&(v(),o(He,v))}function v(){Lt(p),S(),a?x():(i(d),o(d,m),m())}function S(){t.Slides.forEach(function(b){qr(b.slide,Hs).forEach(function(h){var B=pt(h,vn),_=pt(h,Zn);if(B!==h.src||_!==h.srcset){var A=n.classes.spinner,T=h.parentElement,R=kn(T,"."+A)||rn("span",A,T);p.push([h,b,R]),h.src||wn(h,"none")}})})}function m(){p=p.filter(function(b){var h=n.perPage*((n.preloadPages||1)+1)-1;return b[1].isWithin(e.index,h)?g(b):!0}),p.length||i(d)}function g(b){var h=b[0];yt(b[1].slide,Nr),s(h,"load error",_e(I,b)),he(h,"src",pt(h,vn)),he(h,"srcset",pt(h,Zn)),vt(h,vn),vt(h,Zn)}function I(b,h){var B=b[0],_=b[1];wt(_.slide,Nr),h.type!=="error"&&(Ut(b[2]),wn(B,""),c(eo,B,_),c(sn)),a&&x()}function x(){p.length&&g(p.shift())}return{mount:L,destroy:_e(Lt,p),check:m}}function Bs(e,t,n){var r=Me(e),o=r.on,i=r.emit,s=r.bind,c=t.Slides,a=t.Elements,d=t.Controller,p=d.hasFocus,L=d.getIndex,v=d.go,S=t.Direction.resolve,m=a.pagination,g=[],I,x;function b(){h(),o([je,He,ir],b);var H=n.pagination;m&&wn(m,H?"":"none"),H&&(o([Et,dr,Yt],$),B(),$(),i(Si,{list:I,items:g},R(e.index)))}function h(){I&&(Ut(m?Bt(I.children):I),wt(I,x),Lt(g),I=null),r.destroy()}function B(){var H=e.length,P=n.classes,O=n.i18n,V=n.perPage,X=p()?d.getEnd()+1:$n(H/V);I=m||rn("ul",P.pagination,a.track.parentElement),yt(I,x=vr+"--"+T()),he(I,$t,"tablist"),he(I,ot,O.select),he(I,no,T()===hr?"vertical":"");for(var G=0;G<X;G++){var w=rn("li",null,I),W=rn("button",{class:P.page,type:"button"},w),M=c.getIn(G).map(function(k){return k.slide.id}),N=!p()&&V>1?O.pageX:O.slideX;s(W,"click",_e(_,G)),n.paginationKeyboard&&s(W,"keydown",_e(A,G)),he(w,$t,"presentation"),he(W,$t,"tab"),he(W,Mn,M.join(" ")),he(W,ot,Fr(N,G+1)),he(W,on,-1),g.push({li:w,button:W,page:G})}}function _(H){v(">"+H,!0)}function A(H,P){var O=g.length,V=io(P),X=T(),G=-1;V===S(gr,!1,X)?G=++H%O:V===S(mr,!1,X)?G=(--H+O)%O:V==="Home"?G=0:V==="End"&&(G=O-1);var w=g[G];w&&(li(w.button),v(">"+G),Ct(P,!0))}function T(){return n.paginationDirection||n.direction}function R(H){return g[d.toPage(H)]}function $(){var H=R(L(!0)),P=R(L());if(H){var O=H.button;wt(O,Gt),vt(O,Lo),he(O,on,-1)}if(P){var V=P.button;yt(V,Gt),he(V,Lo,!0),he(V,on,"")}i(wi,{list:I,items:g},H,P)}return{items:g,mount:b,destroy:h,getAt:R,update:$}}var Os=[" ","Enter"];function Vs(e,t,n){var r=n.isNavigation,o=n.slideFocus,i=[];function s(){e.splides.forEach(function(m){m.isParent||(d(e,m.splide),d(m.splide,e))}),r&&p()}function c(){i.forEach(function(m){m.destroy()}),Lt(i)}function a(){c(),s()}function d(m,g){var I=Me(m);I.on(Et,function(x,b,h){g.go(g.is(gn)?h:x)}),i.push(I)}function p(){var m=Me(e),g=m.on;g(Yr,v),g(Ti,S),g([Ot,je],L),i.push(m),m.emit(Zr,e.splides)}function L(){he(t.Elements.list,no,n.direction===hr?"vertical":"")}function v(m){e.go(m.index)}function S(m,g){zr(Os,io(g))&&(v(m),Ct(g))}return{setup:_e(t.Media.set,{slideFocus:Rn(o)?r:o},!0),mount:s,destroy:c,remount:a}}function Ds(e,t,n){var r=Me(e),o=r.bind,i=0;function s(){n.wheel&&o(t.Elements.track,"wheel",c,en)}function c(d){if(d.cancelable){var p=d.deltaY,L=p<0,v=Ir(d),S=n.wheelMinThreshold||0,m=n.wheelSleep||0;Ge(p)>S&&v-i>m&&(e.go(L?"<":">"),i=v),a(L)&&Ct(d)}}function a(d){return!n.releaseWheel||e.state.is(pn)||t.Controller.getAdjacent(d)!==-1}return{mount:s}}var js=90;function zs(e,t,n){var r=Me(e),o=r.on,i=t.Elements.track,s=n.live&&!n.isNavigation,c=rn("span",ls),a=ur(js,_e(p,!1));function d(){s&&(v(!t.Autoplay.isPaused()),he(i,_o,!0),c.textContent="…",o(Jr,_e(v,!0)),o(Qr,_e(v,!1)),o([mn,Yt],_e(p,!0)))}function p(S){he(i,Po,S),S?(In(i,c),a.start()):(Ut(c),a.cancel())}function L(){vt(i,[Eo,_o,Po]),Ut(c)}function v(S){s&&he(i,Eo,S?"off":"polite")}return{mount:d,disable:v,destroy:L}}var Ks=Object.freeze({__proto__:null,Media:Qa,Direction:es,Elements:gs,Slides:fs,Layout:ys,Clones:bs,Move:xs,Controller:Cs,Arrows:$s,Autoplay:Ls,Cover:Es,Scroll:Is,Drag:ks,Keyboard:Ms,LazyLoad:Ns,Pagination:Bs,Sync:Vs,Wheel:Ds,Live:zs}),qs={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"},Us={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:us,i18n:qs,reducedMotion:{speed:0,rewindSpeed:0,autoplay:"pause"}};function Gs(e,t,n){var r=t.Slides;function o(){Me(e).on([Ot,He],i)}function i(){r.forEach(function(c){c.style("transform","translateX(-"+100*c.index+"%)")})}function s(c,a){r.style("transition","opacity "+n.speed+"ms "+n.easing),oi(a)}return{mount:o,start:s,cancel:Wr}}function Ys(e,t,n){var r=t.Move,o=t.Controller,i=t.Scroll,s=t.Elements.list,c=_e(ut,s,"transition"),a;function d(){Me(e).bind(s,"transitionend",function(S){S.target===s&&a&&(L(),a())})}function p(S,m){var g=r.toPosition(S,!0),I=r.getPosition(),x=v(S);Ge(g-I)>=1&&x>=1?n.useScroll?i.scroll(g,x,!1,m):(c("transform "+x+"ms "+n.easing),r.translate(g,!0),a=m):(r.jump(S),m())}function L(){c(""),i.cancel()}function v(S){var m=n.rewindSpeed;if(e.is(ln)&&m){var g=o.getIndex(!0),I=o.getEnd();if(g===0&&S>=I||g>=I&&S===0)return m}return n.speed}return{mount:d,start:p,cancel:L}}var Xs=(function(){function e(n,r){this.event=Me(),this.Components={},this.state=Za(nn),this.splides=[],this._o={},this._E={};var o=Mt(n)?di(document,n):n;yn(o,o+" is invalid."),this.root=o,r=kt({label:pt(o,ot)||"",labelledby:pt(o,to)||""},Us,e.defaults,r||{});try{kt(r,JSON.parse(pt(o,Ur)))}catch{yn(!1,"Invalid JSON")}this._o=Object.create(kt({},r))}var t=e.prototype;return t.mount=function(r,o){var i=this,s=this.state,c=this.Components;yn(s.is([nn,nr]),"Already mounted!"),s.set(nn),this._C=c,this._T=o||this._T||(this.is(Hn)?Gs:Ys),this._E=r||this._E;var a=Sn({},Ks,this._E,{Transition:this._T});return qt(a,function(d,p){var L=d(i,c,i._o);c[p]=L,L.setup&&L.setup()}),qt(c,function(d){d.mount&&d.mount()}),this.emit(Ot),yt(this.root,cs),s.set(an),this.emit(Mr),this},t.sync=function(r){return this.splides.push({splide:r}),r.splides.push({splide:this,isParent:!0}),this.state.is(an)&&(this._C.Sync.remount(),r.Components.Sync.remount()),this},t.go=function(r){return this._C.Controller.go(r),this},t.on=function(r,o){return this.event.on(r,o),this},t.off=function(r){return this.event.off(r),this},t.emit=function(r){var o;return(o=this.event).emit.apply(o,[r].concat(Bt(arguments,1))),this},t.add=function(r,o){return this._C.Slides.add(r,o),this},t.remove=function(r){return this._C.Slides.remove(r),this},t.is=function(r){return this._o.type===r},t.refresh=function(){return this.emit(He),this},t.destroy=function(r){r===void 0&&(r=!0);var o=this.event,i=this.state;return i.is(nn)?Me(this).on(Mr,this.destroy.bind(this,r)):(qt(this._C,function(s){s.destroy&&s.destroy(r)},!0),o.emit(Xr),o.destroy(),r&&Lt(this.splides),i.set(nr)),this},qa(e,[{key:"options",get:function(){return this._o},set:function(r){this._C.Media.set(r,!0,!0)}},{key:"length",get:function(){return this._C.Slides.getLength(!0)}},{key:"index",get:function(){return this._C.Controller.getIndex()}}]),e})(),ao=Xs;ao.defaults={};ao.STATES=Ga;var Io=[[Ot,"onMounted"],[Mr,"onReady"],[Et,"onMove"],[mn,"onMoved"],[Yr,"onClick"],[mi,"onActive"],[gi,"onInactive"],[hi,"onVisible"],[fi,"onHidden"],[He,"onRefresh"],[je,"onUpdated"],[sn,"onResize"],[cr,"onResized"],[yi,"onDrag"],[vi,"onDragging"],[bi,"onDragged"],[dr,"onScroll"],[Yt,"onScrolled"],[Xr,"onDestroy"],[xi,"onArrowsMounted"],[Ci,"onArrowsUpdated"],[Si,"onPaginationMounted"],[wi,"onPaginationUpdated"],[Zr,"onNavigationMounted"],[Jr,"onAutoplayPlay"],[$i,"onAutoplayPlaying"],[Qr,"onAutoplayPause"],[eo,"onLazyLoadLoaded"]];function so(...e){return e.filter(Boolean).join(" ")}function ar(e){return e!==null&&typeof e=="object"}function Br(e,t){if(Array.isArray(e)&&Array.isArray(t))return e.length===t.length&&!e.some((n,r)=>!Br(n,t[r]));if(ar(e)&&ar(t)){const n=Object.keys(e),r=Object.keys(t);return n.length===r.length&&!n.some(o=>!Object.prototype.hasOwnProperty.call(t,o)||!Br(e[o],t[o]))}return e===t}function Zs(e,t){return e.length===t.length&&!e.some((n,r)=>n!==t[r])}function Js(e,t){if(e){const n=Object.keys(e);for(let r=0;r<n.length;r++){const o=n[r];if(o!=="__proto__"&&t(e[o],o)===!1)break}}return e}function Or(e,t){const n=e;return Js(t,(r,o)=>{Array.isArray(r)?n[o]=r.slice():ar(r)?n[o]=Or(ar(n[o])?n[o]:{},r):n[o]=r}),n}var Qs=({children:e,className:t,...n})=>u.createElement("div",{className:so("splide__track",t),...n},u.createElement("ul",{className:"splide__list"},e)),lo=class extends u.Component{constructor(){super(...arguments),this.splideRef=u.createRef(),this.slides=[]}componentDidMount(){const{options:e,extensions:t,transition:n}=this.props,{current:r}=this.splideRef;r&&(this.splide=new ao(r,e),this.bind(this.splide),this.splide.mount(t,n),this.options=Or({},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&&!Br(this.options,e)&&(this.splide.options=e,this.options=Or({},e));const t=this.getSlides();Zs(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){Io.forEach(([t,n])=>{const r=this.props[n];typeof r=="function"&&e.on(t,(...o)=>{r(e,...o)})})}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:r,...o}=this.props;return u.createElement(t,{className:so("splide",e),ref:this.splideRef,...this.omit(o,["options",...Io.map(i=>i[1])])},n?u.createElement(Qs,null,r):r)}},co=({children:e,className:t,...n})=>u.createElement("li",{className:so("splide__slide",t),...n},e);/*!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("react"),Te=require("classnames"),E=require("./readTestimonialTextMeasure-CB_Uq-fO.js"),lo=require("react-dom");function ra(e){return e.type==="object"&&e.version===1}const ia="ControlSlider-module__wrapper___sHEkd",oa="ControlSlider-module__hoverArrow___A-dOH",aa="ControlSlider-module__sliderItem___QQSkR",sa="ControlSlider-module__sliderImage___9hRl-",la="ControlSlider-module__arrow___05ghY",ca="ControlSlider-module__arrowVertical___tBfVN",da="ControlSlider-module__nextArrow___-30Yc",ua="ControlSlider-module__arrowInner___aEra3",pa="ControlSlider-module__arrowIcon___S4ztF",ma="ControlSlider-module__arrowImg___2dwJW",ga="ControlSlider-module__mirror___brd6U",ha="ControlSlider-module__pagination___bicLF",fa="ControlSlider-module__paginationInner___bT-P-",ya="ControlSlider-module__paginationVertical___zYqKw",va="ControlSlider-module__paginationItem___nTRbk",ba="ControlSlider-module__dot___p1Qun",xa="ControlSlider-module__activeDot___LHFaj",Ca="ControlSlider-module__paginationInsideBottom___R3FWn",Sa="ControlSlider-module__paginationInsideTop___V-qb-",wa="ControlSlider-module__paginationOutsideBottom___14w8D",$a="ControlSlider-module__paginationOutsideTop___SCLqB",Ta="ControlSlider-module__paginationInsideLeft___yOBRZ",La="ControlSlider-module__paginationInsideRight___Rtt3o",Ea="ControlSlider-module__paginationOutsideLeft___lahaw",Pa="ControlSlider-module__paginationOutsideRight___EtuQa",_a="ControlSlider-module__imgWrapper___UjEgB",Aa="ControlSlider-module__captionBlock___dJ6-j",Wa="ControlSlider-module__captionTextWrapper___HFlpf",Ra="ControlSlider-module__captionText___uGBVc",Ia="ControlSlider-module__active___WZK4G",ka="ControlSlider-module__withPointerEvents___t-18M",Fa="ControlSlider-module__topLeftAlignment___zjnGM",Ma="ControlSlider-module__topCenterAlignment___gD1xW",Na="ControlSlider-module__topRightAlignment___NMapS",Ha="ControlSlider-module__middleLeftAlignment___OnUrY",Ba="ControlSlider-module__middleCenterAlignment___Tdkl0",Oa="ControlSlider-module__middleRightAlignment___wEbfX",Va="ControlSlider-module__bottomLeftAlignment___cTP2-",Da="ControlSlider-module__bottomCenterAlignment___c54fB",ja="ControlSlider-module__bottomRightAlignment___kEwrz",za="ControlSlider-module__clickOverlay___DZA28",Ka="ControlSlider-module__contain___pLyq7",qa="ControlSlider-module__cover___KdDat",oe={wrapper:ia,hoverArrow:oa,sliderItem:aa,sliderImage:sa,arrow:la,arrowVertical:ca,nextArrow:da,arrowInner:ua,arrowIcon:pa,arrowImg:ma,mirror:ga,pagination:ha,paginationInner:fa,paginationVertical:ya,paginationItem:va,dot:ba,activeDot:xa,paginationInsideBottom:Ca,paginationInsideTop:Sa,paginationOutsideBottom:wa,paginationOutsideTop:$a,paginationInsideLeft:Ta,paginationInsideRight:La,paginationOutsideLeft:Ea,paginationOutsideRight:Pa,imgWrapper:_a,captionBlock:Aa,captionTextWrapper:Wa,captionText:Ra,active:Ia,withPointerEvents:ka,topLeftAlignment:Fa,topCenterAlignment:Ma,topRightAlignment:Na,middleLeftAlignment:Ha,middleCenterAlignment:Ba,middleRightAlignment:Oa,bottomLeftAlignment:Va,bottomCenterAlignment:Da,bottomRightAlignment:ja,clickOverlay:za,contain:Ka,cover:qa};function Ua(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Ga(e,t,n){return t&&Ua(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}var $i="(prefers-reduced-motion: reduce)",sn=1,Ya=2,dn=3,fn=4,Fn=5,er=6,lr=7,Xa={CREATED:sn,MOUNTED:Ya,IDLE:dn,MOVING:fn,SCROLLING:Fn,DRAGGING:er,DESTROYED:lr};function Tt(e){e.length=0}function Bt(e,t,n){return Array.prototype.slice.call(e,t,n)}function _e(e){return e.bind.apply(e,[null].concat(Bt(arguments,1)))}var co=setTimeout,Br=function(){};function Ti(e){return requestAnimationFrame(e)}function gr(e,t){return typeof t===e}function $n(e){return!Xr(e)&&gr("object",e)}var Yr=Array.isArray,uo=_e(gr,"function"),Mt=_e(gr,"string"),Mn=_e(gr,"undefined");function Xr(e){return e===null}function po(e){try{return e instanceof(e.ownerDocument.defaultView||window).HTMLElement}catch{return!1}}function Nn(e){return Yr(e)?e:[e]}function it(e,t){Nn(e).forEach(t)}function Zr(e,t){return e.indexOf(t)>-1}function tr(e,t){return e.push.apply(e,Nn(t)),e}function Ct(e,t,n){e&&it(t,function(r){r&&e.classList[n?"add":"remove"](r)})}function mt(e,t){Ct(e,Mt(t)?t.split(" "):t,!0)}function Hn(e,t){it(t,e.appendChild.bind(e))}function Jr(e,t){it(e,function(n){var r=(t||n).parentNode;r&&r.insertBefore(n,t)})}function Tn(e,t){return po(e)&&(e.msMatchesSelector||e.matches).call(e,t)}function mo(e,t){var n=e?Bt(e.children):[];return t?n.filter(function(r){return Tn(r,t)}):n}function Bn(e,t){return t?mo(e,t)[0]:e.firstElementChild}var Ln=Object.keys;function Gt(e,t,n){return e&&(n?Ln(e).reverse():Ln(e)).forEach(function(r){r!=="__proto__"&&t(e[r],r)}),e}function En(e){return Bt(arguments,1).forEach(function(t){Gt(t,function(n,r){e[r]=t[r]})}),e}function kt(e){return Bt(arguments,1).forEach(function(t){Gt(t,function(n,r){Yr(n)?e[r]=n.slice():$n(n)?e[r]=kt({},$n(e[r])?e[r]:{},n):e[r]=n})}),e}function Li(e,t){it(t||Ln(e),function(n){delete e[n]})}function gt(e,t){it(e,function(n){it(t,function(r){n&&n.removeAttribute(r)})})}function he(e,t,n){$n(t)?Gt(t,function(r,i){he(e,i,r)}):it(e,function(r){Xr(n)||n===""?gt(r,t):r.setAttribute(t,String(n))})}function ln(e,t,n){var r=document.createElement(e);return t&&(Mt(t)?mt(r,t):he(r,t)),n&&Hn(n,r),r}function ot(e,t,n){if(Mn(n))return getComputedStyle(e)[t];Xr(n)||(e.style[t]=""+n)}function Pn(e,t){ot(e,"display",t)}function go(e){e.setActive&&e.setActive()||e.focus({preventScroll:!0})}function at(e,t){return e.getAttribute(t)}function Ei(e,t){return e&&e.classList.contains(t)}function tt(e){return e.getBoundingClientRect()}function Yt(e){it(e,function(t){t&&t.parentNode&&t.parentNode.removeChild(t)})}function ho(e){return Bn(new DOMParser().parseFromString(e,"text/html").body)}function xt(e,t){e.preventDefault(),t&&(e.stopPropagation(),e.stopImmediatePropagation())}function fo(e,t){return e&&e.querySelector(t)}function Qr(e,t){return t?Bt(e.querySelectorAll(t)):[]}function St(e,t){Ct(e,t,!1)}function Or(e){return e.timeStamp}function zt(e){return Mt(e)?e:e?e+"px":""}var On="splide",ei="data-"+On;function Sn(e,t){if(!e)throw new Error("["+On+"] "+(t||""))}var Nt=Math.min,cr=Math.max,dr=Math.floor,_n=Math.ceil,Xe=Math.abs;function yo(e,t,n){return Xe(e-t)<n}function nr(e,t,n,r){var i=Nt(t,n),o=cr(t,n);return r?i<e&&e<o:i<=e&&e<=o}function rn(e,t,n){var r=Nt(t,n),i=cr(t,n);return Nt(cr(r,e),i)}function Vr(e){return+(e>0)-+(e<0)}function Dr(e,t){return it(t,function(n){e=e.replace("%s",""+n)}),e}function ti(e){return e<10?"0"+e:""+e}var Pi={};function Za(e){return""+e+ti(Pi[e]=(Pi[e]||0)+1)}function vo(){var e=[];function t(s,c,a,d){i(s,c,function(p,L,v){var S="addEventListener"in p,m=S?p.removeEventListener.bind(p,L,a,d):p.removeListener.bind(p,a);S?p.addEventListener(L,a,d):p.addListener(a),e.push([p,L,v,a,m])})}function n(s,c,a){i(s,c,function(d,p,L){e=e.filter(function(v){return v[0]===d&&v[1]===p&&v[2]===L&&(!a||v[3]===a)?(v[4](),!1):!0})})}function r(s,c,a){var d,p=!0;return typeof CustomEvent=="function"?d=new CustomEvent(c,{bubbles:p,detail:a}):(d=document.createEvent("CustomEvent"),d.initCustomEvent(c,p,!1,a)),s.dispatchEvent(d),d}function i(s,c,a){it(s,function(d){d&&it(c,function(p){p.split(" ").forEach(function(L){var v=L.split(".");a(d,v[0],v[1])})})})}function o(){e.forEach(function(s){s[4]()}),Tt(e)}return{bind:t,unbind:n,dispatch:r,destroy:o}}var Ot="mounted",jr="ready",Lt="move",yn="moved",ni="click",bo="active",xo="inactive",Co="visible",So="hidden",Be="refresh",Ue="updated",un="resize",hr="resized",wo="drag",$o="dragging",To="dragged",fr="scroll",Zt="scrolled",Ja="overflow",ri="destroy",Lo="arrows:mounted",Eo="arrows:updated",Po="pagination:mounted",_o="pagination:updated",ii="navigation:mounted",oi="autoplay:play",Ao="autoplay:playing",ai="autoplay:pause",si="lazyload:loaded",Wo="sk",Ro="sh",ur="ei";function Fe(e){var t=e?e.event.bus:document.createDocumentFragment(),n=vo();function r(o,s){n.bind(t,Nn(o).join(" "),function(c){s.apply(s,Yr(c.detail)?c.detail:[])})}function i(o){n.dispatch(t,o,Bt(arguments,1))}return e&&e.event.on(ri,n.destroy),En(n,{bus:t,on:r,off:_e(n.unbind,t),emit:i})}function yr(e,t,n,r){var i=Date.now,o,s=0,c,a=!0,d=0;function p(){if(!a){if(s=e?Nt((i()-o)/e,1):1,n&&n(s),s>=1&&(t(),o=i(),r&&++d>=r))return v();c=Ti(p)}}function L(x){x||m(),o=i()-(x?s*e:0),a=!1,c=Ti(p)}function v(){a=!0}function S(){o=i(),s=0,n&&n(s)}function m(){c&&cancelAnimationFrame(c),s=0,c=0,a=!0}function g(x){e=x}function R(){return a}return{start:L,rewind:S,pause:v,cancel:m,set:g,isPaused:R}}function Qa(e){var t=e;function n(i){t=i}function r(i){return Zr(Nn(i),t)}return{set:n,is:r}}function es(e,t){var n=yr(0,e,null,1);return function(){n.isPaused()&&n.start()}}function ts(e,t,n){var r=e.state,i=n.breakpoints||{},o=n.reducedMotion||{},s=vo(),c=[];function a(){var m=n.mediaQuery==="min";Ln(i).sort(function(g,R){return m?+g-+R:+R-+g}).forEach(function(g){p(i[g],"("+(m?"min":"max")+"-width:"+g+"px)")}),p(o,$i),L()}function d(m){m&&s.destroy()}function p(m,g){var R=matchMedia(g);s.bind(R,"change",L),c.push([m,R])}function L(){var m=r.is(lr),g=n.direction,R=c.reduce(function(x,b){return kt(x,b[1].matches?b[0]:{})},{});Li(n),S(R),n.destroy?e.destroy(n.destroy==="completely"):m?(d(!0),e.mount()):g!==n.direction&&e.refresh()}function v(m){matchMedia($i).matches&&(m?kt(n,o):Li(n,Ln(o)))}function S(m,g,R){kt(n,m),g&&kt(Object.getPrototypeOf(n),m),(R||!r.is(sn))&&e.emit(Ue,n)}return{setup:a,destroy:d,reduce:v,set:S}}var vr="Arrow",br=vr+"Left",xr=vr+"Right",Io=vr+"Up",ko=vr+"Down",_i="rtl",Cr="ttb",Pr={width:["height"],left:["top","right"],right:["bottom","left"],x:["y"],X:["Y"],Y:["X"],ArrowLeft:[Io,xr],ArrowRight:[ko,br]};function ns(e,t,n){function r(o,s,c){c=c||n.direction;var a=c===_i&&!s?1:c===Cr?0:-1;return Pr[o]&&Pr[o][a]||o.replace(/width|left|right/i,function(d,p){var L=Pr[d.toLowerCase()][a]||d;return p>0?L.charAt(0).toUpperCase()+L.slice(1):L})}function i(o){return o*(n.direction===_i?1:-1)}return{resolve:r,orient:i}}var wt="role",cn="tabindex",rs="disabled",st="aria-",Vn=st+"controls",Fo=st+"current",Ai=st+"selected",nt=st+"label",li=st+"labelledby",Mo=st+"hidden",ci=st+"orientation",An=st+"roledescription",Wi=st+"live",Ri=st+"busy",Ii=st+"atomic",di=[wt,cn,rs,Vn,Fo,nt,li,Mo,ci,An],ht=On+"__",Vt="is-",_r=On,ki=ht+"track",is=ht+"list",Sr=ht+"slide",No=Sr+"--clone",os=Sr+"__container",ui=ht+"arrows",wr=ht+"arrow",Ho=wr+"--prev",Bo=wr+"--next",$r=ht+"pagination",Oo=$r+"__page",as=ht+"progress",ss=as+"__bar",ls=ht+"toggle",cs=ht+"spinner",ds=ht+"sr",us=Vt+"initialized",Xt=Vt+"active",Vo=Vt+"prev",Do=Vt+"next",zr=Vt+"visible",Kr=Vt+"loading",jo=Vt+"focus-in",zo=Vt+"overflow",ps=[Xt,zr,Vo,Do,Kr,jo,zo],ms={slide:Sr,clone:No,arrows:ui,arrow:wr,prev:Ho,next:Bo,pagination:$r,page:Oo,spinner:cs};function gs(e,t){if(uo(e.closest))return e.closest(t);for(var n=e;n&&n.nodeType===1&&!Tn(n,t);)n=n.parentElement;return n}var hs=5,Fi=200,Ko="touchstart mousedown",Ar="touchmove mousemove",Wr="touchend touchcancel mouseup click";function fs(e,t,n){var r=Fe(e),i=r.on,o=r.bind,s=e.root,c=n.i18n,a={},d=[],p=[],L=[],v,S,m;function g(){h(),B(),b()}function R(){i(Be,x),i(Be,g),i(Ue,b),o(document,Ko+" keydown",function(T){m=T.type==="keydown"},{capture:!0}),o(s,"focusin",function(){Ct(s,jo,!!m)})}function x(T){var W=di.concat("style");Tt(d),St(s,p),St(v,L),gt([v,S],W),gt(s,T?W:["style",An])}function b(){St(s,p),St(v,L),p=A(_r),L=A(ki),mt(s,p),mt(v,L),he(s,nt,n.label),he(s,li,n.labelledby)}function h(){v=_("."+ki),S=Bn(v,"."+is),Sn(v&&S,"A track/list element is missing."),tr(d,mo(S,"."+Sr+":not(."+No+")")),Gt({arrows:ui,pagination:$r,prev:Ho,next:Bo,bar:ss,toggle:ls},function(T,W){a[W]=_("."+T)}),En(a,{root:s,track:v,list:S,slides:d})}function B(){var T=s.id||Za(On),W=n.role;s.id=T,v.id=v.id||T+"-track",S.id=S.id||T+"-list",!at(s,wt)&&s.tagName!=="SECTION"&&W&&he(s,wt,W),he(s,An,c.carousel),he(S,wt,"presentation")}function _(T){var W=fo(s,T);return W&&gs(W,"."+_r)===s?W:void 0}function A(T){return[T+"--"+n.type,T+"--"+n.direction,n.drag&&T+"--draggable",n.isNavigation&&T+"--nav",T===_r&&Xt]}return En(a,{setup:g,mount:R,destroy:x})}var pn="slide",vn="loop",Dn="fade";function ys(e,t,n,r){var i=Fe(e),o=i.on,s=i.emit,c=i.bind,a=e.Components,d=e.root,p=e.options,L=p.isNavigation,v=p.updateOnMove,S=p.i18n,m=p.pagination,g=p.slideFocus,R=a.Direction.resolve,x=at(r,"style"),b=at(r,nt),h=n>-1,B=Bn(r,"."+os),_;function A(){h||(r.id=d.id+"-slide"+ti(t+1),he(r,wt,m?"tabpanel":"group"),he(r,An,S.slide),he(r,nt,b||Dr(S.slideLabel,[t+1,e.length]))),T()}function T(){c(r,"click",_e(s,ni,M)),c(r,"keydown",_e(s,Wo,M)),o([yn,Ro,Zt],P),o(ii,$),v&&o(Lt,N)}function W(){_=!0,i.destroy(),St(r,ps),gt(r,di),he(r,"style",x),he(r,nt,b||"")}function $(){var H=e.splides.map(function(F){var D=F.splide.Components.Slides.getAt(t);return D?D.slide.id:""}).join(" ");he(r,nt,Dr(S.slideX,(h?n:t)+1)),he(r,Vn,H),he(r,wt,g?"button":""),g&&gt(r,An)}function N(){_||P()}function P(){if(!_){var H=e.index;O(),V(),Ct(r,Vo,t===H-1),Ct(r,Do,t===H+1)}}function O(){var H=G();H!==Ei(r,Xt)&&(Ct(r,Xt,H),he(r,Fo,L&&H||""),s(H?bo:xo,M))}function V(){var H=w(),F=!H&&(!G()||h);if(e.state.is([fn,Fn])||he(r,Mo,F||""),he(Qr(r,p.focusableNodes||""),cn,F?-1:""),g&&he(r,cn,F?-1:0),H!==Ei(r,zr)&&(Ct(r,zr,H),s(H?Co:So,M)),!H&&document.activeElement===r){var D=a.Slides.getAt(e.index);D&&go(D.slide)}}function X(H,F,D){ot(D&&B||r,H,F)}function G(){var H=e.index;return H===t||p.cloneStatus&&H===n}function w(){if(e.is(Dn))return G();var H=tt(a.Elements.track),F=tt(r),D=R("left",!0),ee=R("right",!0);return dr(H[D])<=_n(F[D])&&dr(F[ee])<=_n(H[ee])}function I(H,F){var D=Xe(H-t);return!h&&(p.rewind||e.is(vn))&&(D=Nt(D,e.length-D)),D<=F}var M={index:t,slideIndex:n,slide:r,container:B,isClone:h,mount:A,destroy:W,update:P,style:X,isWithin:I};return M}function vs(e,t,n){var r=Fe(e),i=r.on,o=r.emit,s=r.bind,c=t.Elements,a=c.slides,d=c.list,p=[];function L(){v(),i(Be,S),i(Be,v)}function v(){a.forEach(function(P,O){g(P,O,-1)})}function S(){_(function(P){P.destroy()}),Tt(p)}function m(){_(function(P){P.update()})}function g(P,O,V){var X=ys(e,O,V,P);X.mount(),p.push(X),p.sort(function(G,w){return G.index-w.index})}function R(P){return P?A(function(O){return!O.isClone}):p}function x(P){var O=t.Controller,V=O.toIndex(P),X=O.hasFocus()?1:n.perPage;return A(function(G){return nr(G.index,V,V+X-1)})}function b(P){return A(P)[0]}function h(P,O){it(P,function(V){if(Mt(V)&&(V=ho(V)),po(V)){var X=a[O];X?Jr(V,X):Hn(d,V),mt(V,n.classes.slide),W(V,_e(o,un))}}),o(Be)}function B(P){Yt(A(P).map(function(O){return O.slide})),o(Be)}function _(P,O){R(O).forEach(P)}function A(P){return p.filter(uo(P)?P:function(O){return Mt(P)?Tn(O.slide,P):Zr(Nn(P),O.index)})}function T(P,O,V){_(function(X){X.style(P,O,V)})}function W(P,O){var V=Qr(P,"img"),X=V.length;X?V.forEach(function(G){s(G,"load error",function(){--X||O()})}):O()}function $(P){return P?a.length:p.length}function N(){return p.length>n.perPage}return{mount:L,destroy:S,update:m,register:g,get:R,getIn:x,getAt:b,add:h,remove:B,forEach:_,filter:A,style:T,getLength:$,isEnough:N}}function bs(e,t,n){var r=Fe(e),i=r.on,o=r.bind,s=r.emit,c=t.Slides,a=t.Direction.resolve,d=t.Elements,p=d.root,L=d.track,v=d.list,S=c.getAt,m=c.style,g,R,x;function b(){h(),o(window,"resize load",es(_e(s,un))),i([Ue,Be],h),i(un,B)}function h(){g=n.direction===Cr,ot(p,"maxWidth",zt(n.width)),ot(L,a("paddingLeft"),_(!1)),ot(L,a("paddingRight"),_(!0)),B(!0)}function B(M){var H=tt(p);(M||R.width!==H.width||R.height!==H.height)&&(ot(L,"height",A()),m(a("marginRight"),zt(n.gap)),m("width",W()),m("height",$(),!0),R=H,s(hr),x!==(x=I())&&(Ct(p,zo,x),s(Ja,x)))}function _(M){var H=n.padding,F=a(M?"right":"left");return H&&zt(H[F]||($n(H)?0:H))||"0px"}function A(){var M="";return g&&(M=T(),Sn(M,"height or heightRatio is missing."),M="calc("+M+" - "+_(!1)+" - "+_(!0)+")"),M}function T(){return zt(n.height||tt(v).width*n.heightRatio)}function W(){return n.autoWidth?null:zt(n.fixedWidth)||(g?"":N())}function $(){return zt(n.fixedHeight)||(g?n.autoHeight?null:N():T())}function N(){var M=zt(n.gap);return"calc((100%"+(M&&" + "+M)+")/"+(n.perPage||1)+(M&&" - "+M)+")"}function P(){return tt(v)[a("width")]}function O(M,H){var F=S(M||0);return F?tt(F.slide)[a("width")]+(H?0:G()):0}function V(M,H){var F=S(M);if(F){var D=tt(F.slide)[a("right")],ee=tt(v)[a("left")];return Xe(D-ee)+(H?0:G())}return 0}function X(M){return V(e.length-1)-V(0)+O(0,M)}function G(){var M=S(0);return M&&parseFloat(ot(M.slide,a("marginRight")))||0}function w(M){return parseFloat(ot(L,a("padding"+(M?"Right":"Left"))))||0}function I(){return e.is(Dn)||X(!0)>P()}return{mount:b,resize:B,listSize:P,slideSize:O,sliderSize:X,totalSize:V,getPadding:w,isOverflow:I}}var xs=2;function Cs(e,t,n){var r=Fe(e),i=r.on,o=t.Elements,s=t.Slides,c=t.Direction.resolve,a=[],d;function p(){i(Be,L),i([Ue,un],S),(d=R())&&(m(d),t.Layout.resize(!0))}function L(){v(),p()}function v(){Yt(a),Tt(a),r.destroy()}function S(){var x=R();d!==x&&(d<x||!x)&&r.emit(Be)}function m(x){var b=s.get().slice(),h=b.length;if(h){for(;b.length<x;)tr(b,b);tr(b.slice(-x),b.slice(0,x)).forEach(function(B,_){var A=_<x,T=g(B.slide,_);A?Jr(T,b[0].slide):Hn(o.list,T),tr(a,T),s.register(T,_-x+(A?0:h),B.index)})}}function g(x,b){var h=x.cloneNode(!0);return mt(h,n.classes.clone),h.id=e.root.id+"-clone"+ti(b+1),h}function R(){var x=n.clones;if(!e.is(vn))x=0;else if(Mn(x)){var b=n[c("fixedWidth")]&&t.Layout.slideSize(0),h=b&&_n(tt(o.track)[c("width")]/b);x=h||n[c("autoWidth")]&&e.length||n.perPage*xs}return x}return{mount:p,destroy:v}}function Ss(e,t,n){var r=Fe(e),i=r.on,o=r.emit,s=e.state.set,c=t.Layout,a=c.slideSize,d=c.getPadding,p=c.totalSize,L=c.listSize,v=c.sliderSize,S=t.Direction,m=S.resolve,g=S.orient,R=t.Elements,x=R.list,b=R.track,h;function B(){h=t.Transition,i([Ot,hr,Ue,Be],_)}function _(){t.Controller.isBusy()||(t.Scroll.cancel(),T(e.index),t.Slides.update())}function A(F,D,ee,re){F!==D&&M(F>ee)&&(P(),W(N(X(),F>ee),!0)),s(fn),o(Lt,D,ee,F),h.start(D,function(){s(dn),o(yn,D,ee,F),re&&re()})}function T(F){W(V(F,!0))}function W(F,D){if(!e.is(Dn)){var ee=D?F:$(F);ot(x,"transform","translate"+m("X")+"("+ee+"px)"),F!==ee&&o(Ro)}}function $(F){if(e.is(vn)){var D=O(F),ee=D>t.Controller.getEnd(),re=D<0;(re||ee)&&(F=N(F,ee))}return F}function N(F,D){var ee=F-I(D),re=v();return F-=g(re*(_n(Xe(ee)/re)||1))*(D?1:-1),F}function P(){W(X(),!0),h.cancel()}function O(F){for(var D=t.Slides.get(),ee=0,re=1/0,J=0;J<D.length;J++){var de=D[J].index,C=Xe(V(de,!0)-F);if(C<=re)re=C,ee=de;else break}return ee}function V(F,D){var ee=g(p(F-1)-w(F));return D?G(ee):ee}function X(){var F=m("left");return tt(x)[F]-tt(b)[F]+g(d(!1))}function G(F){return n.trimSpace&&e.is(pn)&&(F=rn(F,0,g(v(!0)-L()))),F}function w(F){var D=n.focus;return D==="center"?(L()-a(F,!0))/2:+D*a(F)||0}function I(F){return V(F?t.Controller.getEnd():0,!!n.trimSpace)}function M(F){var D=g(N(X(),F));return F?D>=0:D<=x[m("scrollWidth")]-tt(b)[m("width")]}function H(F,D){D=Mn(D)?X():D;var ee=F!==!0&&g(D)<g(I(!1)),re=F!==!1&&g(D)>g(I(!0));return ee||re}return{mount:B,move:A,jump:T,translate:W,shift:N,cancel:P,toIndex:O,toPosition:V,getPosition:X,getLimit:I,exceededLimit:H,reposition:_}}function ws(e,t,n){var r=Fe(e),i=r.on,o=r.emit,s=t.Move,c=s.getPosition,a=s.getLimit,d=s.toPosition,p=t.Slides,L=p.isEnough,v=p.getLength,S=n.omitEnd,m=e.is(vn),g=e.is(pn),R=_e(X,!1),x=_e(X,!0),b=n.start||0,h,B=b,_,A,T;function W(){$(),i([Ue,Be,ur],$),i(hr,N)}function $(){_=v(!0),A=n.perMove,T=n.perPage,h=M();var C=rn(b,0,S?h:_-1);C!==b&&(b=C,s.reposition())}function N(){h!==M()&&o(ur)}function P(C,ie,Le){if(!de()){var le=V(C),fe=I(le);fe>-1&&(ie||fe!==b)&&(ee(fe),s.move(le,fe,B,Le))}}function O(C,ie,Le,le){t.Scroll.scroll(C,ie,Le,function(){var fe=I(s.toIndex(c()));ee(S?Nt(fe,h):fe),le&&le()})}function V(C){var ie=b;if(Mt(C)){var Le=C.match(/([+\-<>])(\d+)?/)||[],le=Le[1],fe=Le[2];le==="+"||le==="-"?ie=G(b+ +(""+le+(+fe||1)),b):le===">"?ie=fe?H(+fe):R(!0):le==="<"&&(ie=x(!0))}else ie=m?C:rn(C,0,h);return ie}function X(C,ie){var Le=A||(J()?1:T),le=G(b+Le*(C?-1:1),b,!(A||J()));return le===-1&&g&&!yo(c(),a(!C),1)?C?0:h:ie?le:I(le)}function G(C,ie,Le){if(L()||J()){var le=w(C);le!==C&&(ie=C,C=le,Le=!1),C<0||C>h?!A&&(nr(0,C,ie,!0)||nr(h,ie,C,!0))?C=H(F(C)):m?C=Le?C<0?-(_%T||T):_:C:n.rewind?C=C<0?h:0:C=-1:Le&&C!==ie&&(C=H(F(ie)+(C<ie?-1:1)))}else C=-1;return C}function w(C){if(g&&n.trimSpace==="move"&&C!==b)for(var ie=c();ie===d(C,!0)&&nr(C,0,e.length-1,!n.rewind);)C<b?--C:++C;return C}function I(C){return m?(C+_)%_||0:C}function M(){for(var C=_-(J()||m&&A?1:T);S&&C-- >0;)if(d(_-1,!0)!==d(C,!0)){C++;break}return rn(C,0,_-1)}function H(C){return rn(J()?C:T*C,0,h)}function F(C){return J()?Nt(C,h):dr((C>=h?_-1:C)/T)}function D(C){var ie=s.toIndex(C);return g?rn(ie,0,h):ie}function ee(C){C!==b&&(B=b,b=C)}function re(C){return C?B:b}function J(){return!Mn(n.focus)||n.isNavigation}function de(){return e.state.is([fn,Fn])&&!!n.waitForTransition}return{mount:W,go:P,scroll:O,getNext:R,getPrev:x,getAdjacent:X,getEnd:M,setIndex:ee,getIndex:re,toIndex:H,toPage:F,toDest:D,hasFocus:J,isBusy:de}}var $s="http://www.w3.org/2000/svg",Ts="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",Un=40;function Ls(e,t,n){var r=Fe(e),i=r.on,o=r.bind,s=r.emit,c=n.classes,a=n.i18n,d=t.Elements,p=t.Controller,L=d.arrows,v=d.track,S=L,m=d.prev,g=d.next,R,x,b={};function h(){_(),i(Ue,B)}function B(){A(),h()}function _(){var O=n.arrows;O&&!(m&&g)&&$(),m&&g&&(En(b,{prev:m,next:g}),Pn(S,O?"":"none"),mt(S,x=ui+"--"+n.direction),O&&(T(),P(),he([m,g],Vn,v.id),s(Lo,m,g)))}function A(){r.destroy(),St(S,x),R?(Yt(L?[m,g]:S),m=g=null):gt([m,g],di)}function T(){i([Ot,yn,Be,Zt,ur],P),o(g,"click",_e(W,">")),o(m,"click",_e(W,"<"))}function W(O){p.go(O,!0)}function $(){S=L||ln("div",c.arrows),m=N(!0),g=N(!1),R=!0,Hn(S,[m,g]),!L&&Jr(S,v)}function N(O){var V='<button class="'+c.arrow+" "+(O?c.prev:c.next)+'" type="button"><svg xmlns="'+$s+'" viewBox="0 0 '+Un+" "+Un+'" width="'+Un+'" height="'+Un+'" focusable="false"><path d="'+(n.arrowPath||Ts)+'" />';return ho(V)}function P(){if(m&&g){var O=e.index,V=p.getPrev(),X=p.getNext(),G=V>-1&&O<V?a.last:a.prev,w=X>-1&&O>X?a.first:a.next;m.disabled=V<0,g.disabled=X<0,he(m,nt,G),he(g,nt,w),s(Eo,m,g,V,X)}}return{arrows:b,mount:h,destroy:A,update:P}}var Es=ei+"-interval";function Ps(e,t,n){var r=Fe(e),i=r.on,o=r.bind,s=r.emit,c=yr(n.interval,e.go.bind(e,">"),T),a=c.isPaused,d=t.Elements,p=t.Elements,L=p.root,v=p.toggle,S=n.autoplay,m,g,R=S==="pause";function x(){S&&(b(),v&&he(v,Vn,d.track.id),R||h(),A())}function b(){n.pauseOnHover&&o(L,"mouseenter mouseleave",function($){m=$.type==="mouseenter",_()}),n.pauseOnFocus&&o(L,"focusin focusout",function($){g=$.type==="focusin",_()}),v&&o(v,"click",function(){R?h():B(!0)}),i([Lt,fr,Be],c.rewind),i(Lt,W)}function h(){a()&&t.Slides.isEnough()&&(c.start(!n.resetProgress),g=m=R=!1,A(),s(oi))}function B($){$===void 0&&($=!0),R=!!$,A(),a()||(c.pause(),s(ai))}function _(){R||(m||g?B(!1):h())}function A(){v&&(Ct(v,Xt,!R),he(v,nt,n.i18n[R?"play":"pause"]))}function T($){var N=d.bar;N&&ot(N,"width",$*100+"%"),s(Ao,$)}function W($){var N=t.Slides.getAt($);c.set(N&&+at(N.slide,Es)||n.interval)}return{mount:x,destroy:c.cancel,play:h,pause:B,isPaused:a}}function _s(e,t,n){var r=Fe(e),i=r.on;function o(){n.cover&&(i(si,_e(c,!0)),i([Ot,Ue,Be],_e(s,!0)))}function s(a){t.Slides.forEach(function(d){var p=Bn(d.container||d.slide,"img");p&&p.src&&c(a,p,d)})}function c(a,d,p){p.style("background",a?'center/cover no-repeat url("'+d.src+'")':"",!0),Pn(d,a?"none":"")}return{mount:o,destroy:_e(s,!1)}}var As=10,Ws=600,Rs=.6,Is=1.5,ks=800;function Fs(e,t,n){var r=Fe(e),i=r.on,o=r.emit,s=e.state.set,c=t.Move,a=c.getPosition,d=c.getLimit,p=c.exceededLimit,L=c.translate,v=e.is(pn),S,m,g=1;function R(){i(Lt,B),i([Ue,Be],_)}function x(T,W,$,N,P){var O=a();if(B(),$&&(!v||!p())){var V=t.Layout.sliderSize(),X=Vr(T)*V*dr(Xe(T)/V)||0;T=c.toPosition(t.Controller.toDest(T%V))+X}var G=yo(O,T,1);g=1,W=G?0:W||cr(Xe(T-O)/Is,ks),m=N,S=yr(W,b,_e(h,O,T,P),1),s(Fn),o(fr),S.start()}function b(){s(dn),m&&m(),o(Zt)}function h(T,W,$,N){var P=a(),O=T+(W-T)*A(N),V=(O-P)*g;L(P+V),v&&!$&&p()&&(g*=Rs,Xe(V)<As&&x(d(p(!0)),Ws,!1,m,!0))}function B(){S&&S.cancel()}function _(){S&&!S.isPaused()&&(B(),b())}function A(T){var W=n.easingFunc;return W?W(T):1-Math.pow(1-T,4)}return{mount:R,destroy:B,scroll:x,cancel:_}}var on={passive:!1,capture:!0};function Ms(e,t,n){var r=Fe(e),i=r.on,o=r.emit,s=r.bind,c=r.unbind,a=e.state,d=t.Move,p=t.Scroll,L=t.Controller,v=t.Elements.track,S=t.Media.reduce,m=t.Direction,g=m.resolve,R=m.orient,x=d.getPosition,b=d.exceededLimit,h,B,_,A,T,W=!1,$,N,P;function O(){s(v,Ar,Br,on),s(v,Wr,Br,on),s(v,Ko,X,on),s(v,"click",I,{capture:!0}),s(v,"dragstart",xt),i([Ot,Ue],V)}function V(){var f=n.drag;te(!f),A=f==="free"}function X(f){if($=!1,!N){var y=fe(f);le(f.target)&&(y||!f.button)&&(L.isBusy()?xt(f,!0):(P=y?v:window,T=a.is([fn,Fn]),_=null,s(P,Ar,G,on),s(P,Wr,w,on),d.cancel(),p.cancel(),M(f)))}}function G(f){if(a.is(er)||(a.set(er),o(wo)),f.cancelable)if(T){d.translate(h+Le(J(f)));var y=de(f)>Fi,k=W!==(W=b());(y||k)&&M(f),$=!0,o($o),xt(f)}else D(f)&&(T=F(f),xt(f))}function w(f){a.is(er)&&(a.set(dn),o(To)),T&&(H(f),xt(f)),c(P,Ar,G),c(P,Wr,w),T=!1}function I(f){!N&&$&&xt(f,!0)}function M(f){_=B,B=f,h=x()}function H(f){var y=ee(f),k=re(y),j=n.rewind&&n.rewindByDrag;S(!1),A?L.scroll(k,0,n.snap):e.is(Dn)?L.go(R(Vr(y))<0?j?"<":"-":j?">":"+"):e.is(pn)&&W&&j?L.go(b(!0)?">":"<"):L.go(L.toDest(k),!0),S(!0)}function F(f){var y=n.dragMinThreshold,k=$n(y),j=k&&y.mouse||0,U=(k?y.touch:+y)||10;return Xe(J(f))>(fe(f)?U:j)}function D(f){return Xe(J(f))>Xe(J(f,!0))}function ee(f){if(e.is(vn)||!W){var y=de(f);if(y&&y<Fi)return J(f)/y}return 0}function re(f){return x()+Vr(f)*Nt(Xe(f)*(n.flickPower||600),A?1/0:t.Layout.listSize()*(n.flickMaxPages||1))}function J(f,y){return ie(f,y)-ie(C(f),y)}function de(f){return Or(f)-Or(C(f))}function C(f){return B===f&&_||B}function ie(f,y){return(fe(f)?f.changedTouches[0]:f)["page"+g(y?"Y":"X")]}function Le(f){return f/(W&&e.is(pn)?hs:1)}function le(f){var y=n.noDrag;return!Tn(f,"."+Oo+", ."+wr)&&(!y||!Tn(f,y))}function fe(f){return typeof TouchEvent<"u"&&f instanceof TouchEvent}function We(){return T}function te(f){N=f}return{mount:O,disable:te,isDragging:We}}var Ns={Spacebar:" ",Right:xr,Left:br,Up:Io,Down:ko};function pi(e){return e=Mt(e)?e:e.key,Ns[e]||e}var Mi="keydown";function Hs(e,t,n){var r=Fe(e),i=r.on,o=r.bind,s=r.unbind,c=e.root,a=t.Direction.resolve,d,p;function L(){v(),i(Ue,S),i(Ue,v),i(Lt,g)}function v(){var x=n.keyboard;x&&(d=x==="global"?window:c,o(d,Mi,R))}function S(){s(d,Mi)}function m(x){p=x}function g(){var x=p;p=!0,co(function(){p=x})}function R(x){if(!p){var b=pi(x);b===a(br)?e.go("<"):b===a(xr)&&e.go(">")}}return{mount:L,destroy:S,disable:m}}var wn=ei+"-lazy",rr=wn+"-srcset",Bs="["+wn+"], ["+rr+"]";function Os(e,t,n){var r=Fe(e),i=r.on,o=r.off,s=r.bind,c=r.emit,a=n.lazyLoad==="sequential",d=[yn,Zt],p=[];function L(){n.lazyLoad&&(v(),i(Be,v))}function v(){Tt(p),S(),a?x():(o(d),i(d,m),m())}function S(){t.Slides.forEach(function(b){Qr(b.slide,Bs).forEach(function(h){var B=at(h,wn),_=at(h,rr);if(B!==h.src||_!==h.srcset){var A=n.classes.spinner,T=h.parentElement,W=Bn(T,"."+A)||ln("span",A,T);p.push([h,b,W]),h.src||Pn(h,"none")}})})}function m(){p=p.filter(function(b){var h=n.perPage*((n.preloadPages||1)+1)-1;return b[1].isWithin(e.index,h)?g(b):!0}),p.length||o(d)}function g(b){var h=b[0];mt(b[1].slide,Kr),s(h,"load error",_e(R,b)),he(h,"src",at(h,wn)),he(h,"srcset",at(h,rr)),gt(h,wn),gt(h,rr)}function R(b,h){var B=b[0],_=b[1];St(_.slide,Kr),h.type!=="error"&&(Yt(b[2]),Pn(B,""),c(si,B,_),c(un)),a&&x()}function x(){p.length&&g(p.shift())}return{mount:L,destroy:_e(Tt,p),check:m}}function Vs(e,t,n){var r=Fe(e),i=r.on,o=r.emit,s=r.bind,c=t.Slides,a=t.Elements,d=t.Controller,p=d.hasFocus,L=d.getIndex,v=d.go,S=t.Direction.resolve,m=a.pagination,g=[],R,x;function b(){h(),i([Ue,Be,ur],b);var N=n.pagination;m&&Pn(m,N?"":"none"),N&&(i([Lt,fr,Zt],$),B(),$(),o(Po,{list:R,items:g},W(e.index)))}function h(){R&&(Yt(m?Bt(R.children):R),St(R,x),Tt(g),R=null),r.destroy()}function B(){var N=e.length,P=n.classes,O=n.i18n,V=n.perPage,X=p()?d.getEnd()+1:_n(N/V);R=m||ln("ul",P.pagination,a.track.parentElement),mt(R,x=$r+"--"+T()),he(R,wt,"tablist"),he(R,nt,O.select),he(R,ci,T()===Cr?"vertical":"");for(var G=0;G<X;G++){var w=ln("li",null,R),I=ln("button",{class:P.page,type:"button"},w),M=c.getIn(G).map(function(F){return F.slide.id}),H=!p()&&V>1?O.pageX:O.slideX;s(I,"click",_e(_,G)),n.paginationKeyboard&&s(I,"keydown",_e(A,G)),he(w,wt,"presentation"),he(I,wt,"tab"),he(I,Vn,M.join(" ")),he(I,nt,Dr(H,G+1)),he(I,cn,-1),g.push({li:w,button:I,page:G})}}function _(N){v(">"+N,!0)}function A(N,P){var O=g.length,V=pi(P),X=T(),G=-1;V===S(xr,!1,X)?G=++N%O:V===S(br,!1,X)?G=(--N+O)%O:V==="Home"?G=0:V==="End"&&(G=O-1);var w=g[G];w&&(go(w.button),v(">"+G),xt(P,!0))}function T(){return n.paginationDirection||n.direction}function W(N){return g[d.toPage(N)]}function $(){var N=W(L(!0)),P=W(L());if(N){var O=N.button;St(O,Xt),gt(O,Ai),he(O,cn,-1)}if(P){var V=P.button;mt(V,Xt),he(V,Ai,!0),he(V,cn,"")}o(_o,{list:R,items:g},N,P)}return{items:g,mount:b,destroy:h,getAt:W,update:$}}var Ds=[" ","Enter"];function js(e,t,n){var r=n.isNavigation,i=n.slideFocus,o=[];function s(){e.splides.forEach(function(m){m.isParent||(d(e,m.splide),d(m.splide,e))}),r&&p()}function c(){o.forEach(function(m){m.destroy()}),Tt(o)}function a(){c(),s()}function d(m,g){var R=Fe(m);R.on(Lt,function(x,b,h){g.go(g.is(vn)?h:x)}),o.push(R)}function p(){var m=Fe(e),g=m.on;g(ni,v),g(Wo,S),g([Ot,Ue],L),o.push(m),m.emit(ii,e.splides)}function L(){he(t.Elements.list,ci,n.direction===Cr?"vertical":"")}function v(m){e.go(m.index)}function S(m,g){Zr(Ds,pi(g))&&(v(m),xt(g))}return{setup:_e(t.Media.set,{slideFocus:Mn(i)?r:i},!0),mount:s,destroy:c,remount:a}}function zs(e,t,n){var r=Fe(e),i=r.bind,o=0;function s(){n.wheel&&i(t.Elements.track,"wheel",c,on)}function c(d){if(d.cancelable){var p=d.deltaY,L=p<0,v=Or(d),S=n.wheelMinThreshold||0,m=n.wheelSleep||0;Xe(p)>S&&v-o>m&&(e.go(L?"<":">"),o=v),a(L)&&xt(d)}}function a(d){return!n.releaseWheel||e.state.is(fn)||t.Controller.getAdjacent(d)!==-1}return{mount:s}}var Ks=90;function qs(e,t,n){var r=Fe(e),i=r.on,o=t.Elements.track,s=n.live&&!n.isNavigation,c=ln("span",ds),a=yr(Ks,_e(p,!1));function d(){s&&(v(!t.Autoplay.isPaused()),he(o,Ii,!0),c.textContent="…",i(oi,_e(v,!0)),i(ai,_e(v,!1)),i([yn,Zt],_e(p,!0)))}function p(S){he(o,Ri,S),S?(Hn(o,c),a.start()):(Yt(c),a.cancel())}function L(){gt(o,[Wi,Ii,Ri]),Yt(c)}function v(S){s&&he(o,Wi,S?"off":"polite")}return{mount:d,disable:v,destroy:L}}var Us=Object.freeze({__proto__:null,Media:ts,Direction:ns,Elements:fs,Slides:vs,Layout:bs,Clones:Cs,Move:Ss,Controller:ws,Arrows:Ls,Autoplay:Ps,Cover:_s,Scroll:Fs,Drag:Ms,Keyboard:Hs,LazyLoad:Os,Pagination:Vs,Sync:js,Wheel:zs,Live:qs}),Gs={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"},Ys={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:ms,i18n:Gs,reducedMotion:{speed:0,rewindSpeed:0,autoplay:"pause"}};function Xs(e,t,n){var r=t.Slides;function i(){Fe(e).on([Ot,Be],o)}function o(){r.forEach(function(c){c.style("transform","translateX(-"+100*c.index+"%)")})}function s(c,a){r.style("transition","opacity "+n.speed+"ms "+n.easing),co(a)}return{mount:i,start:s,cancel:Br}}function Zs(e,t,n){var r=t.Move,i=t.Controller,o=t.Scroll,s=t.Elements.list,c=_e(ot,s,"transition"),a;function d(){Fe(e).bind(s,"transitionend",function(S){S.target===s&&a&&(L(),a())})}function p(S,m){var g=r.toPosition(S,!0),R=r.getPosition(),x=v(S);Xe(g-R)>=1&&x>=1?n.useScroll?o.scroll(g,x,!1,m):(c("transform "+x+"ms "+n.easing),r.translate(g,!0),a=m):(r.jump(S),m())}function L(){c(""),o.cancel()}function v(S){var m=n.rewindSpeed;if(e.is(pn)&&m){var g=i.getIndex(!0),R=i.getEnd();if(g===0&&S>=R||g>=R&&S===0)return m}return n.speed}return{mount:d,start:p,cancel:L}}var Js=(function(){function e(n,r){this.event=Fe(),this.Components={},this.state=Qa(sn),this.splides=[],this._o={},this._E={};var i=Mt(n)?fo(document,n):n;Sn(i,i+" is invalid."),this.root=i,r=kt({label:at(i,nt)||"",labelledby:at(i,li)||""},Ys,e.defaults,r||{});try{kt(r,JSON.parse(at(i,ei)))}catch{Sn(!1,"Invalid JSON")}this._o=Object.create(kt({},r))}var t=e.prototype;return t.mount=function(r,i){var o=this,s=this.state,c=this.Components;Sn(s.is([sn,lr]),"Already mounted!"),s.set(sn),this._C=c,this._T=i||this._T||(this.is(Dn)?Xs:Zs),this._E=r||this._E;var a=En({},Us,this._E,{Transition:this._T});return Gt(a,function(d,p){var L=d(o,c,o._o);c[p]=L,L.setup&&L.setup()}),Gt(c,function(d){d.mount&&d.mount()}),this.emit(Ot),mt(this.root,us),s.set(dn),this.emit(jr),this},t.sync=function(r){return this.splides.push({splide:r}),r.splides.push({splide:this,isParent:!0}),this.state.is(dn)&&(this._C.Sync.remount(),r.Components.Sync.remount()),this},t.go=function(r){return this._C.Controller.go(r),this},t.on=function(r,i){return this.event.on(r,i),this},t.off=function(r){return this.event.off(r),this},t.emit=function(r){var i;return(i=this.event).emit.apply(i,[r].concat(Bt(arguments,1))),this},t.add=function(r,i){return this._C.Slides.add(r,i),this},t.remove=function(r){return this._C.Slides.remove(r),this},t.is=function(r){return this._o.type===r},t.refresh=function(){return this.emit(Be),this},t.destroy=function(r){r===void 0&&(r=!0);var i=this.event,o=this.state;return o.is(sn)?Fe(this).on(jr,this.destroy.bind(this,r)):(Gt(this._C,function(s){s.destroy&&s.destroy(r)},!0),i.emit(ri),i.destroy(),r&&Tt(this.splides),o.set(lr)),this},Ga(e,[{key:"options",get:function(){return this._o},set:function(r){this._C.Media.set(r,!0,!0)}},{key:"length",get:function(){return this._C.Slides.getLength(!0)}},{key:"index",get:function(){return this._C.Controller.getIndex()}}]),e})(),mi=Js;mi.defaults={};mi.STATES=Xa;var Ni=[[Ot,"onMounted"],[jr,"onReady"],[Lt,"onMove"],[yn,"onMoved"],[ni,"onClick"],[bo,"onActive"],[xo,"onInactive"],[Co,"onVisible"],[So,"onHidden"],[Be,"onRefresh"],[Ue,"onUpdated"],[un,"onResize"],[hr,"onResized"],[wo,"onDrag"],[$o,"onDragging"],[To,"onDragged"],[fr,"onScroll"],[Zt,"onScrolled"],[ri,"onDestroy"],[Lo,"onArrowsMounted"],[Eo,"onArrowsUpdated"],[Po,"onPaginationMounted"],[_o,"onPaginationUpdated"],[ii,"onNavigationMounted"],[oi,"onAutoplayPlay"],[Ao,"onAutoplayPlaying"],[ai,"onAutoplayPause"],[si,"onLazyLoadLoaded"]];function gi(...e){return e.filter(Boolean).join(" ")}function pr(e){return e!==null&&typeof e=="object"}function qr(e,t){if(Array.isArray(e)&&Array.isArray(t))return e.length===t.length&&!e.some((n,r)=>!qr(n,t[r]));if(pr(e)&&pr(t)){const n=Object.keys(e),r=Object.keys(t);return n.length===r.length&&!n.some(i=>!Object.prototype.hasOwnProperty.call(t,i)||!qr(e[i],t[i]))}return e===t}function Qs(e,t){return e.length===t.length&&!e.some((n,r)=>n!==t[r])}function el(e,t){if(e){const n=Object.keys(e);for(let r=0;r<n.length;r++){const i=n[r];if(i!=="__proto__"&&t(e[i],i)===!1)break}}return e}function Ur(e,t){const n=e;return el(t,(r,i)=>{Array.isArray(r)?n[i]=r.slice():pr(r)?n[i]=Ur(pr(n[i])?n[i]:{},r):n[i]=r}),n}var tl=({children:e,className:t,...n})=>u.createElement("div",{className:gi("splide__track",t),...n},u.createElement("ul",{className:"splide__list"},e)),hi=class extends u.Component{constructor(){super(...arguments),this.splideRef=u.createRef(),this.slides=[]}componentDidMount(){const{options:e,extensions:t,transition:n}=this.props,{current:r}=this.splideRef;r&&(this.splide=new mi(r,e),this.bind(this.splide),this.splide.mount(t,n),this.options=Ur({},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&&!qr(this.options,e)&&(this.splide.options=e,this.options=Ur({},e));const t=this.getSlides();Qs(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){Ni.forEach(([t,n])=>{const r=this.props[n];typeof r=="function"&&e.on(t,(...i)=>{r(e,...i)})})}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:r,...i}=this.props;return u.createElement(t,{className:gi("splide",e),ref:this.splideRef,...this.omit(i,["options",...Ni.map(o=>o[1])])},n?u.createElement(tl,null,r):r)}},fi=({children:e,className:t,...n})=>u.createElement("li",{className:gi("splide__slide",t),...n},e);/*!
  * Splide.js
  * Version  : 4.1.3
  * License  : MIT
  * Copyright: 2022 Naotoshi Fujita
- */const el="RichTextRenderer-module__link___BWeZ2",tl={link:el},nl=e=>{const t=e.trim();return!t||t.startsWith('"')&&t.endsWith('"')||t.startsWith("'")&&t.endsWith("'")?!1:t.split(/\s+/g).filter(Boolean).some(r=>/^\d/.test(r))},br=e=>e&&e.split(",").map(n=>n.trim()).filter(Boolean).map(n=>nl(n)?`"${n.replace(/"/g,'\\"')}"`:n).join(", ");function ft(e){const{color:t,...n}=e;return n}function Ye(e,t){var o,i,s;const{fontSize:n,lineHeight:r}=e;return{fontFamily:br(e.fontSettings.fontFamily),fontWeight:e.fontSettings.fontWeight,fontStyle:e.fontSettings.fontStyle,letterSpacing:E.scalingValue(e.letterSpacing,t),wordSpacing:E.scalingValue(e.wordSpacing,t),fontSize:E.scalingValue(n,t),lineHeight:r!==void 0?E.scalingValue(r,t):void 0,textTransform:(o=e.textAppearance)==null?void 0:o.textTransform,textDecoration:(i=e.textAppearance)==null?void 0:i.textDecoration,fontVariant:(s=e.textAppearance)==null?void 0:s.fontVariant,textAlign:e.textAlign,color:e.color}}const Ln=({content:e})=>{const t=n=>n.map((r,o)=>r.type==="link"?l.jsx("a",{className:tl.link,href:r.value,target:r.target,children:t(r.children)},o):l.jsx("span",{style:rl(r),children:r.text},o));return l.jsx(l.Fragment,{children:e.map((n,r)=>{const o=n.children;return l.jsx("div",{children:t(o)},r)})})};function rl(e){return{...e.fontFamily&&{fontFamily:br(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 ol="SvgImage-module__svg___q3xE-",il="SvgImage-module__img___VsTm-",ko={svg:ol,img:il},al=e=>{const t=e.trim();return t.startsWith("data:image/svg+xml")?!0:(t.split(/[?#]/)[0]??t).endsWith(".svg")},sl=e=>`url("${e.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}")`,Ft=({url:e,fill:t="#000000",hoverFill:n="#CCCCCC",className:r="",style:o})=>{const[i,s]=u.useState(()=>typeof window>"u"?!0:CSS.supports("mask-image",'url("")')||CSS.supports("-webkit-mask-image",'url("")'));return u.useEffect(()=>{if(typeof window<"u"&&window.CSS){const c=CSS.supports("mask-image",'url("")')||CSS.supports("-webkit-mask-image",'url("")');s(c)}},[]),!al(e)||!i?l.jsx("img",{src:e,alt:"",className:$e(ko.img,r),style:o}):l.jsx("span",{"data-supports-mask":i,className:$e(ko.svg,r),style:{"--svg":sl(e),"--fill":t,"--hover-fill":n,...o??{}}})},ll={"top-left":ie.topLeftAlignment,"top-center":ie.topCenterAlignment,"top-right":ie.topRightAlignment,"middle-left":ie.middleLeftAlignment,"middle-center":ie.middleCenterAlignment,"middle-right":ie.middleRightAlignment,"bottom-left":ie.bottomLeftAlignment,"bottom-center":ie.bottomCenterAlignment,"bottom-right":ie.bottomRightAlignment};function cl({settings:e,content:t,styles:n,isEditor:r}){const[o,i]=u.useState(null),{widthSettings:s,fontSettings:c,letterSpacing:a,textAlign:d,wordSpacing:p,fontSizeLineHeight:L,textAppearance:v,color:S}=n.imageCaption,[m,g]=u.useState(void 0),[I,x]=u.useState(null),[b,h]=u.useState(0),[B,_]=u.useState(0),{direction:A,transition:T,controls:R,pagination:$,imageCaption:H,triggers:P}=e,O=u.useRef(T.type),{x:V,y:X}=e.controls.offset,G=w=>{o&&o.go(w)};return u.useEffect(()=>{if(!I)return;const w=new ResizeObserver(W=>{if(!o)return;const[M]=W;g({width:Math.round(M.contentRect.width),height:Math.round(M.contentRect.height)})});return w.observe(I),()=>w.unobserve(I)},[I]),u.useEffect(()=>{!o||O.current===T.type||(_(w=>w+1),O.current=T.type)},[T.type]),l.jsx("div",{className:$e(ie.wrapper,{[ie.editor]:r}),ref:x,children:l.jsxs("div",{className:ie.sliderInner,style:{width:m?m.width:"100%",height:m?m.height:"100%",backgroundColor:T.backgroundColor&&T.type==="fade in"?T.backgroundColor:"transparent"},children:[e.imageCaption.isActive&&l.jsx("div",{className:$e(ie.captionBlock),children:l.jsx("div",{className:ie.captionTextWrapper,children:t.map((w,W)=>l.jsx("div",{className:$e(ie.captionText,ll[H.alignment],{[ie.withPointerEvents]:W===b&&r,[ie.active]:W===b}),style:{fontFamily:br(c.fontFamily),fontWeight:c.fontWeight,fontStyle:c.fontStyle,width:s.sizing==="auto"?"max-content":E.scalingValue(s.width,r),letterSpacing:E.scalingValue(a,r),wordSpacing:E.scalingValue(p,r),textAlign:d,fontSize:E.scalingValue(L.fontSize,r),lineHeight:E.scalingValue(L.lineHeight,r),textTransform:v.textTransform??"none",textDecoration:v.textDecoration??"none",fontVariant:v.fontVariant??"normal",color:S,transitionDuration:T.duration?`${Math.round(parseInt(T.duration)/2)}ms`:"500ms"},children:l.jsx("div",{"data-styles":"imageCaption",className:ie.captionTextInner,style:{"--link-hover-color":H.linkHoverColor,"--link-color":H.linkColor,position:"relative",top:E.scalingValue(H.offset.y,r),left:E.scalingValue(H.offset.x,r)},children:l.jsx(Ln,{content:w.imageCaption})})},W))})}),l.jsx(lo,{onMove:w=>{h(w.index)},ref:i,options:{arrows:!1,speed:T.duration?parseInt(T.duration):500,autoplay:P.autoPlay!==null,...P.autoPlay!==null&&{interval:parseInt(P.autoPlay)*1e3},direction:A==="horiz"||T.type==="fade in"?"ltr":"ttb",pagination:!1,drag:P.triggersList.drag,perPage:1,width:m?m.width:"100%",height:m?m.height:"100%",type:T.type==="fade in"?"fade":"loop",rewind:!0},children:t.map((w,W)=>l.jsx(co,{children:l.jsx("div",{className:ie.sliderItem,children:l.jsx("div",{className:ie.imgWrapper,children:l.jsx("img",{className:$e(ie.sliderImage,{[ie.contain]:w.image.objectFit==="contain",[ie.cover]:w.image.objectFit==="cover"}),src:w.image.url,alt:w.image.name??""})})})},W))},B),R.isActive&&l.jsxs(l.Fragment,{children:[l.jsx("div",{className:$e(ie.arrow,{[ie.arrowVertical]:A==="vert",[ie.hoverArrow]:R.show==="on hover"}),style:{color:R.color,"--arrow-hover-color":R.hover},children:l.jsxs("button",{onClick:()=>{G("-1")},className:ie.arrowInner,style:{transform:`translate(${E.scalingValue(V,r)}, ${E.scalingValue(X*(A==="horiz"?1:-1),r)}) scale(${e.controls.scale/100}) rotate(${A==="horiz"?"0deg":"90deg"})`},children:[R.arrowsImgUrl&&l.jsx(Ft,{url:R.arrowsImgUrl,fill:R.color,hoverFill:R.hover,className:$e(ie.arrowImg,ie.mirror)}),!R.arrowsImgUrl&&l.jsx(Fo,{color:R.color,className:$e(ie.arrowIcon,ie.arrowImg,ie.mirror)})]})}),l.jsx("div",{className:$e(ie.arrow,ie.nextArrow,{[ie.arrowVertical]:A==="vert",[ie.hoverArrow]:R.show==="on hover"}),style:{color:R.color,"--arrow-hover-color":R.hover},children:l.jsxs("button",{className:ie.arrowInner,onClick:()=>G("+1"),style:{transform:`translate(${E.scalingValue(V*(A==="horiz"?-1:1),r)}, ${E.scalingValue(X,r)}) scale(${e.controls.scale/100}) rotate(${A==="horiz"?"0deg":"90deg"})`},children:[R.arrowsImgUrl&&l.jsx(Ft,{url:R.arrowsImgUrl,fill:R.color,hoverFill:R.hover,className:ie.arrowImg}),!R.arrowsImgUrl&&l.jsx(Fo,{color:R.color,className:$e(ie.arrowIcon,ie.arrowImg)})]})})]}),P.triggersList.click&&l.jsx("div",{className:ie.clickOverlay,onClick:()=>{o&&o.go("+1")}}),$.isActive&&l.jsx("div",{className:$e(ie.pagination,{[ie.paginationInsideBottom]:$.position==="inside-1"&&A==="horiz",[ie.paginationInsideTop]:$.position==="inside-2"&&A==="horiz",[ie.paginationOutsideBottom]:$.position==="outside-1"&&A==="horiz",[ie.paginationOutsideTop]:$.position==="outside-2"&&A==="horiz",[ie.paginationInsideLeft]:$.position==="inside-1"&&A==="vert",[ie.paginationInsideRight]:$.position==="inside-2"&&A==="vert",[ie.paginationOutsideLeft]:$.position==="outside-1"&&A==="vert",[ie.paginationOutsideRight]:$.position==="outside-2"&&A==="vert",[ie.paginationVertical]:A==="vert"}),children:l.jsx("div",{className:ie.paginationInner,style:{backgroundColor:$.colors[2],transform:`scale(${$.scale/100}) translate(${E.scalingValue($.offset.x,r)}, ${E.scalingValue($.offset.y,r)}) rotate(${A==="horiz"?"0deg":"90deg"})`},children:t.map((w,W)=>l.jsx("button",{onClick:()=>{o&&o.go(W)},className:$e(ie.paginationItem),children:l.jsx("div",{className:$e(ie.dot,{[ie.activeDot]:W===b}),style:{backgroundColor:W===b?$.colors[0]:$.colors[1],"--pagination-hover-color":$.hover}})},W))})})]})})}function Fo({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 dl={element:cl,id:"control-slider",name:"Slider",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Slider.mp4"},defaultSize:{d:{width:400,height:400},t:{width:400,height:400},m:{width:300,height:300}},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:"inside-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"]}},ul="ImageRevealSlider-module__imageRevealSlider___UE5Ob",pl="ImageRevealSlider-module__image___Qjt-e",ml="ImageRevealSlider-module__link___N-iLG",gl="ImageRevealSlider-module__cursor___2U03d",Jt={imageRevealSlider:ul,image:pl,link:ml,cursor:gl};function Mo(e,t,n){for(const r of n){const o=new Image;o.src=r.url;const i=r.width?Number.parseFloat(r.width):o.naturalWidth,s=o.naturalHeight/o.naturalWidth*i,c=i/2,a=s/2;if(e>=r.x-c&&e<=r.x+c&&t>=r.y-a&&t<=r.y+a)return!0}return!1}function Tr(e){return new Promise(t=>{const n=new Image;n.src=e,n.onload=()=>{t({width:n.naturalWidth,height:n.naturalHeight})}})}async function hl(e,t,n,r){let o,i;if(t==="custom"){o=n;const s=await Tr(e);i=s.height/s.width*o}else if(t==="random"){o=Math.random()*(r.max-r.min)+r.min;const s=await Tr(e);i=s.height/s.width*o}else{const s=await Tr(e);o=s.width,i=s.height}return{width:o,height:i,finalWidth:`${o}px`}}function fl({settings:e,content:t,isEditor:n}){const[r,o]=u.useState(null),[i,s]=u.useState([]),[c,a]=u.useState(0),d=u.useRef(0),[p,L]=u.useState({x:0,y:0}),[v,S]=u.useState(1),[m,g]=u.useState("none"),I=u.useRef({x:0,y:0}),[x,b]=u.useState(!1),{sizeType:h,imageWidth:B,randomRangeImageWidth:_}=e.imageSize,{revealPosition:A,visible:T}=e.position,{cursorType:R,target:$,defaultCursorScale:H,defaultCursor:P,hoverCursorScale:O,hoverCursor:V}=e.cursor;u.useEffect(()=>{if(!r)return;const w=(N,k)=>{const D=r.getBoundingClientRect(),ee=N-D.left,re=k-D.top;if(L({x:ee,y:re}),R==="system"){g("none"),S(1);return}const J=ee,ue=re,C=document.elementFromPoint(D.left+J,D.top+ue);if(C&&C.closest("a")){g("none"),S(1);return}const oe=Mo(J,ue,i)||$==="area"?{img:V??"none",scale:O}:{img:P??"none",scale:H};g(oe.img),S(oe.scale)},W=N=>{N.stopPropagation(),I.current={x:N.clientX,y:N.clientY},w(N.clientX,N.clientY)},M=()=>{x&&w(I.current.x,I.current.y)};return r.addEventListener("mousemove",W),window.addEventListener("scroll",M,!0),()=>{r.removeEventListener("mousemove",W),window.removeEventListener("scroll",M,!0)}},[r,x,p,R,$,V,P,O,H,i]),u.useEffect(()=>{x||(g("none"),S(0))},[x]);const X=async(w,W,M,N={})=>{const{width:k,height:D,finalWidth:ee}=await hl(w.image.url,h,B,_);let re=0,J=0;A==="same"?(re=W/2,J=M/2):(re=N.x??Math.random()*W,J=N.y??Math.random()*M);const ue=Math.min(Math.max(re,k/2),W-k/2),C=Math.min(Math.max(J,D/2),M-D/2);return{id:d.current++,url:w.image.url,link:w.link,name:w.image.name,x:ue,y:C,width:ee}};u.useEffect(()=>{if(!r||t.length===0)return;const w=r.getBoundingClientRect(),W=w.width,M=w.height,N=[];(async()=>{const D=t[0],ee=await X(D,W,M);N.push(ee),s(N),a(1)})()},[h,B,_,A,r]),u.useEffect(()=>{T==="last One"&&s(w=>w.length>0?[w[w.length-1]]:[])},[T]);const G=async w=>{if(!r)return;const W=r.getBoundingClientRect(),M=w.clientX-W.left,N=w.clientY-W.top;if($==="image"&&!Mo(M,N,i))return;let k=0,D=0;A==="on Click"?(k=M,D=N):A==="same"?(k=W.width/2,D=W.height/2):(k=Math.random()*W.width,D=Math.random()*W.height);const ee=t[c],re=await X(ee,W.width,W.height,{x:k,y:D});s(J=>T==="all"?[...J,re]:[re]),a(J=>J>=t.length-1?0:J+1)};return l.jsxs("div",{ref:o,onClick:G,onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1),className:Jt.imageRevealSlider,style:{cursor:m==="none"?"default":"none"},children:[i.map(w=>l.jsx("div",{className:Jt.wrapper,style:{top:`${w.y}px`,left:`${w.x}px`,position:"absolute",transform:"translate(-50%, -50%)",width:w.width??"auto",height:"auto",cursor:m==="none"?"default":"none"},children:$==="area"&&w.link?l.jsx("a",{href:w.link,target:"_blank",className:Jt.link,children:l.jsx("img",{src:w.url,alt:w.name,className:Jt.image},w.id)}):l.jsx("img",{src:w.url,alt:w.name,className:Jt.image},w.id)},w.id)),x&&l.jsx("div",{className:Jt.cursor,style:{left:`${p.x}px`,top:`${p.y}px`,transform:`translate(-50%, -50%) scale(${v})`,backgroundImage:`url('${m}')`,backgroundSize:"cover",backgroundPosition:"center",position:"absolute",pointerEvents:"none"}})]})}const yl={element:fl,id:"control-image-reveal",name:"Click Gallery",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Click_Gallery.mp4"},defaultSize:{d:{width:"100%",height:"100%"},t:{width:"100%",height:"100%"},m:{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:""}]}}}},vl="LightBox-module__hidden___9s-9x",bl="LightBox-module__heroImage___sTxNF",xl="LightBox-module__background___rm9ml",Cl="LightBox-module__editor___4ACaY",Sl="LightBox-module__contentStyle___Bgnsq",wl="LightBox-module__imageStyle___tLIlB",$l="LightBox-module__imgWrapper___LuFUp",Tl="LightBox-module__contain___8-yaS",Ll="LightBox-module__cover___hNvOG",El="LightBox-module__caption___b6L2I",Pl="LightBox-module__captionTextInner___rCGNH",_l="LightBox-module__lightboxSplide___XFuWC",Al="LightBox-module__arrow___iz38X",Rl="LightBox-module__arrowVertical___Zfz81",Wl="LightBox-module__nextArrow___zkAQN",Il="LightBox-module__arrowInner___p48sW",kl="LightBox-module__arrowIcon___3VaFf",Fl="LightBox-module__arrowImg___pNV88",Ml="LightBox-module__mirror___pjeXc",Hl="LightBox-module__thumbsWrapper___GB-nU",Nl="LightBox-module__thumbsContainerVertical___wttk5",Bl="LightBox-module__thumbsContainer___osSma",Ol="LightBox-module__thumbsAlignStart___MO6tY",Vl="LightBox-module__thumbsAlignCenter___Q4sUx",Dl="LightBox-module__thumbsAlignEnd___p4y9R",jl="LightBox-module__thumbItem___HvnF3",zl="LightBox-module__closeButton___g2khP",Kl="LightBox-module__fadeIn___0m5GW",ql="LightBox-module__slideInLeft___gPYwC",Ul="LightBox-module__slideInRight___S-pPp",Gl="LightBox-module__slideInTop___DFdAj",Yl="LightBox-module__slideInBottom___m27kZ",Xl="LightBox-module__fadeOut___55qBR",Zl="LightBox-module__slideOutLeft___NvU7P",Jl="LightBox-module__slideOutRight___SK7eC",Ql="LightBox-module__slideOutTop___Vgg0z",ec="LightBox-module__slideOutBottom___nJ0Ef",tc="LightBox-module__scaleSlide___vZriG",Y={hidden:vl,heroImage:bl,background:xl,editor:Cl,contentStyle:Sl,imageStyle:wl,imgWrapper:$l,contain:Tl,cover:Ll,caption:El,captionTextInner:Pl,lightboxSplide:_l,arrow:Al,arrowVertical:Rl,nextArrow:Wl,arrowInner:Il,arrowIcon:kl,arrowImg:Fl,mirror:Ml,thumbsWrapper:Hl,thumbsContainerVertical:Nl,thumbsContainer:Bl,thumbsAlignStart:Ol,thumbsAlignCenter:Vl,thumbsAlignEnd:Dl,thumbItem:jl,closeButton:zl,fadeIn:Kl,slideInLeft:ql,slideInRight:Ul,slideInTop:Gl,slideInBottom:Yl,fadeOut:Xl,slideOutLeft:Zl,slideOutRight:Jl,slideOutTop:Ql,slideOutBottom:ec,scaleSlide:tc},Dn=(e,t,n)=>{const r={},[o,i]=e.split("-");return o==="top"?(r.top="0",r.bottom="auto"):o==="middle"?(r.top="50%",r.bottom="auto"):o==="bottom"&&(r.top="auto",r.bottom="0"),i==="left"?(r.left="0",r.right="auto"):i==="center"?(r.left="50%",r.right="auto"):i==="right"&&(r.left="auto",r.right="0"),o==="middle"&&i==="center"?r.transform=`translate(calc(-50% + ${E.scalingValue(t.x,n)}), calc(-50% + ${E.scalingValue(t.y,n)}))`:o==="middle"?r.transform=`translate(${E.scalingValue(t.x,n)}, calc(-50% + ${E.scalingValue(t.y,n)}))`:i==="center"?r.transform=`translate(calc(-50% + ${E.scalingValue(t.x,n)}), ${E.scalingValue(t.y,n)})`:r.transform=`translate(${E.scalingValue(t.x,n)}, ${E.scalingValue(t.y,n)})`,r};function Oi(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 Ho(e){const t=e.getBoundingClientRect(),n=Oi(e),r=Math.max(0,t.width-n.left-n.right),o=Math.max(0,t.height-n.top-n.bottom),i=e.naturalWidth,s=e.naturalHeight,c=r/o,a=i/s;let d,p;a>c?(d=r,p=r/a):(p=o,d=o*a);const L=t.left+n.left,v=t.top+n.top,S=(r-d)/2+L,m=(o-p)/2+v;return{x:S,y:m,width:d,height:p}}function No(e){const t=e.getBoundingClientRect(),n=Oi(e);return{left:t.left+n.left,right:t.right-n.right,top:t.top+n.top,bottom:t.bottom-n.bottom}}function Bo(e){const t=e.match(/rgba?\(([^)]+)\)/);if(t){const r=t[1].split(",").map(o=>parseFloat(o.trim()));return r.length===4?r[3]:1}const n=e.match(/^#([0-9a-fA-F]{8})$/);if(n){const r=n[1].substring(6,8);return parseInt(r,16)/255}return e.match(/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/),1}function nc(e,t){const n=(()=>{if(e==="fade in")return Y.fadeIn;if(e==="slide in"||e==="mix")switch(t){case"left":return Y.slideInLeft;case"right":return Y.slideInRight;case"top":return Y.slideInTop;case"bottom":return Y.slideInBottom;default:return Y.slideInRight}return Y.fadeIn})(),r=(()=>{if(e==="fade in"||e==="mix")return Y.fadeIn;if(e==="slide in")switch(t){case"left":return Y.slideInLeft;case"right":return Y.slideInRight;case"top":return Y.slideInTop;case"bottom":return Y.slideInBottom;default:return Y.slideInRight}return Y.fadeIn})(),o=(()=>{if(e==="fade in"||e==="mix")return Y.fadeOut;if(e==="slide in")switch(t){case"left":return Y.slideOutLeft;case"right":return Y.slideOutRight;case"top":return Y.slideOutTop;case"bottom":return Y.slideOutBottom;default:return Y.slideOutRight}return Y.fadeOut})(),i=(()=>{if(e==="fade in")return Y.fadeOut;if(e==="slide in"||e==="mix")switch(t){case"left":return Y.slideOutLeft;case"right":return Y.slideOutRight;case"top":return Y.slideOutTop;case"bottom":return Y.slideOutBottom;default:return Y.slideOutRight}return Y.fadeOut})();return{appearClass:n,backdropAppearClass:r,backdropDisappearClass:o,disappearClass:i}}const rc=({settings:e,content:t,styles:n,portalId:r,activeEvent:o,isEditor:i,isPreviewMode:s})=>{const[c,a]=u.useState(!1),{url:d}=e.thumbnailBlock.cover;return u.useEffect(()=>{o==="close"&&a(!1),o==="open"&&a(!0)},[o]),l.jsxs(l.Fragment,{children:[l.jsx("img",{src:d,alt:"Cover",className:Y.heroImage,onClick:()=>a(!0)}),l.jsx(oc,{isOpen:c,onClose:()=>a(!1),content:t,settings:e,lightboxStyles:n,portalId:r,isEditor:i})]})},oc=({isOpen:e,onClose:t,content:n,lightboxStyles:r,settings:o,portalId:i,isEditor:s,metadata:c})=>{var f;const[a,d]=u.useState(0),[p,L]=u.useState(0),[v,S]=u.useState(!1),[m,g]=u.useState(!1),[I,x]=u.useState({}),b=u.useRef(null),h=u.useRef(null),B=u.useRef(null),_=u.useRef(!1),A=u.useRef(null),T=u.useRef(null),R=u.useRef(null),$=u.useRef(null),H=u.useRef(!1),P=u.useRef(null),[O,V]=u.useState(!1),{appear:X,triggers:G,slider:w,thumbnail:W,controls:M,area:N,caption:k,layout:D}=o.lightboxBlock,{appearClass:ee,backdropAppearClass:re,backdropDisappearClass:J,disappearClass:ue}=nc(X.type,X.direction),C=(c==null?void 0:c.itemId)??null;u.useEffect(()=>{const y=()=>{setTimeout(()=>{var j,U;(U=(j=b.current)==null?void 0:j.splide)==null||U.refresh()},16)},F=()=>{L(j=>j+1)};return window.addEventListener("ArticleEditor.Layout:change",y),window.addEventListener("ArticleEditor.ComponentContent:change",F),()=>{window.removeEventListener("ArticleEditor.Layout:change",y),window.removeEventListener("ArticleEditor.ComponentContent:change",F)}},[]),u.useEffect(()=>{if(!e||!W.isActive){V(!1);return}const y=P.current;if(!y)return;const F=()=>{w.direction==="horiz"?V(y.scrollWidth>y.clientWidth):V(y.scrollHeight>y.clientHeight)};F();const j=new ResizeObserver(F);return j.observe(y),()=>j.disconnect()},[e,W.isActive,n.length,I,w.direction]);const oe=u.useCallback(()=>{const y=window.matchMedia("(max-width: 768px)").matches,F=Bo(N.color);y&&!s&&F>.9&&(document.body.style.backgroundColor=""),S(!0),_.current=!0;const j=U=>{U.target===A.current&&U.animationName&&(A.current&&T.current&&A.current.removeEventListener("animationend",T.current),T.current=null,_.current&&(_.current=!1,t()),S(!1))};A.current&&(T.current=j,A.current.addEventListener("animationend",j))},[t,N.color,s]),Te=(y,F,j)=>{var U,te;if(y){if(G.type==="click"&&G.switch==="image")G.repeat==="close"&&a===n.length-1?oe():(U=b.current)==null||U.go("+1");else if(G.type==="click"&&G.switch==="50/50"){const Q=y.getBoundingClientRect(),Z=F-Q.left,ce=j-Q.top,Ce=Q.width,ye=Q.height;let de;w.direction==="horiz"?de=Z<Ce/2?"-1":"+1":de=ce<ye/2?"-1":"+1",(te=b.current)==null||te.go(de)}}},le=y=>{if(H.current){H.current=!1;return}const F=n[a],j=(F==null?void 0:F.image.objectFit)==="cover";let U,te;if("changedTouches"in y&&y.changedTouches.length>0)U=y.changedTouches[0].clientX,te=y.changedTouches[0].clientY;else if("clientX"in y)U=y.clientX,te=y.clientY;else return;let Q;if(j&&B.current){const Z=No(B.current);Q=U>=Z.left&&U<=Z.right&&te>=Z.top&&te<=Z.bottom}else{const Z=B.current?Ho(B.current):null;if(!Z){y.target===y.currentTarget&&oe();return}Q=U>=Z.x&&U<=Z.x+Z.width&&te>=Z.y&&te<=Z.y+Z.height}Q?Te(B.current,U,te):oe()},fe=y=>{const F=y.target;(F.classList.contains(Y.thumbsWrapper)||F.classList.contains(Y.thumbsContainer))&&le(y)};u.useEffect(()=>{if(!e)return;const y=F=>{var j,U;if(F.key==="Escape"){oe();return}if(F.key==="ArrowRight"){d(te=>(te+1)%Math.max(n.length,1)),(j=b.current)==null||j.go("+1");return}F.key==="ArrowLeft"&&(d(te=>(te-1+Math.max(n.length,1))%Math.max(n.length,1)),(U=b.current)==null||U.go("-1"))};return window.addEventListener("keydown",y),()=>{window.removeEventListener("keydown",y)}},[e,oe,n.length]),u.useEffect(()=>{if(e){if(d(0),L(F=>F+1),_.current=!1,S(!1),g(!1),x({}),!C)return;const y=new CustomEvent("page-overlay",{detail:{itemId:C}});window.dispatchEvent(y)}return()=>{A.current&&T.current&&(A.current.removeEventListener("animationend",T.current),T.current=null),g(!1)}},[e,C]),u.useEffect(()=>{h.current!==null&&h.current!==w.type&&L(y=>y+1),h.current=w.type},[w.type]),u.useEffect(()=>{if(!e)return;const y=document.body.style.overflow,F=window.matchMedia("(max-width: 768px)").matches,j=Bo(N.color);document.body.style.overflow="hidden",g(!1);const U=Q=>{Q.target===A.current&&!_.current&&Q.animationName&&(F&&!s&&j>.9&&(document.body.style.backgroundColor=N.color),g(!0),A.current&&R.current&&A.current.removeEventListener("animationend",R.current),R.current=null)};A.current&&(R.current=U,A.current.addEventListener("animationend",U));const te=Q=>{const Z=Q.target;Z&&(Z.closest(`.${Y.thumbsWrapper}`)||Z.closest(`.${Y.thumbsContainer}`))||w.type!=="slide"&&Q.preventDefault()};return document.addEventListener("touchmove",te,{passive:!1}),()=>{document.body.style.overflow=y,document.removeEventListener("touchmove",te),A.current&&R.current&&(A.current.removeEventListener("animationend",R.current),R.current=null),g(!1)}},[e,s,N.color,w.type]),u.useEffect(()=>{if(!e)return;const y=F=>{var U,te;if(_.current){F.stopPropagation();return}if(H.current){H.current=!1;return}const j=F.target;if(!(j&&(j.closest(`.${Y.thumbsContainer}`)||j.closest(`.${Y.thumbItem}`)||j.closest(`.${Y.arrow}`)||j.closest(`.${Y.closeButton}`)||j.closest(`.${Y.caption}`)))){if(w.type==="slide"&&G.type==="drag"&&((te=(U=b.current)==null?void 0:U.splide)!=null&&te.root)){const Q=b.current.splide.root;if(j&&(Q.contains(j)||Q===j))return}if(F.touches.length===0&&F.changedTouches.length>0){const Q=n[a],Z=(Q==null?void 0:Q.image.objectFit)==="cover",ce=F.changedTouches[0];let Ce;if(Z&&B.current){const ye=No(B.current);Ce=ce.clientX>=ye.left&&ce.clientX<=ye.right&&ce.clientY>=ye.top&&ce.clientY<=ye.bottom}else{const ye=B.current?Ho(B.current):null;if(!ye)return;Ce=ce.clientX>=ye.x&&ce.clientX<=ye.x+ye.width&&ce.clientY>=ye.y&&ce.clientY<=ye.y+ye.height}if(!Ce){F.stopPropagation(),_.current=!0;const ye=de=>{de.stopPropagation(),de.preventDefault(),document.removeEventListener("click",ye,!0)};document.addEventListener("click",ye,!0),oe()}}}};return document.addEventListener("touchend",y,{passive:!0}),()=>{document.removeEventListener("touchend",y)}},[e,oe,a,n]);const Re=(w.type==="scale"||w.type==="fade")&&w.direction==="vert"&&G.type==="drag";u.useEffect(()=>{var de,K;if(!e||!Re||!((K=(de=b.current)==null?void 0:de.splide)!=null&&K.root))return;const y=b.current.splide.root,F=30,j=(q,z)=>{if($.current){const se=Math.abs(q-$.current.x),be=Math.abs(z-$.current.y);(se>0||be>0)&&(H.current=!0)}},U=q=>{$.current&&(q.preventDefault(),j(q.clientX,q.clientY))},te=q=>{$.current&&q.touches.length>0&&(q.preventDefault(),j(q.touches[0].clientX,q.touches[0].clientY))},Q=(q,z)=>{if(!$.current||!b.current){$.current=null;return}const se=Math.abs(q-$.current.x),be=Math.abs(z-$.current.y);be>F&&be>se&&b.current.go(z<$.current.y?"+1":"-1"),$.current=null},Z=q=>{$.current&&Q(q.clientX,q.clientY),document.removeEventListener("pointerup",Z),document.removeEventListener("pointercancel",Z),document.removeEventListener("pointermove",U)},ce=q=>{if($.current){if(q.changedTouches.length>0){const z=q.changedTouches[0];Q(z.clientX,z.clientY)}document.removeEventListener("touchend",ce),document.removeEventListener("touchcancel",ce),document.removeEventListener("touchmove",te)}},Ce=q=>{$.current={x:q.clientX,y:q.clientY},H.current=!1,document.addEventListener("pointermove",U,{passive:!1}),document.addEventListener("pointerup",Z),document.addEventListener("pointercancel",Z)},ye=q=>{q.touches.length>0&&($.current={x:q.touches[0].clientX,y:q.touches[0].clientY},H.current=!1,document.addEventListener("touchmove",te,{passive:!1}),document.addEventListener("touchend",ce),document.addEventListener("touchcancel",ce))};return y.addEventListener("pointerdown",Ce),y.addEventListener("touchstart",ye),()=>{y.removeEventListener("pointerdown",Ce),y.removeEventListener("touchstart",ye),document.removeEventListener("pointermove",U),document.removeEventListener("pointerup",Z),document.removeEventListener("pointercancel",Z),document.removeEventListener("touchmove",te),document.removeEventListener("touchend",ce),document.removeEventListener("touchcancel",ce),$.current=null,H.current=!1}},[e,Re,p]);const ne={backgroundColor:N.color,backdropFilter:`blur(${N.blur}px)`,animationDuration:`${parseInt(X.duration)}ms`,animationTimingFunction:"ease",animationFillMode:"both"};return typeof document>"u"||!document.getElementById(i)?null:ri.createPortal(l.jsxs(l.Fragment,{children:[l.jsx("div",{ref:s?null:A,className:$e(Y.background,v?J:re,{[Y.editor]:s},{[Y.hidden]:!e}),style:{...ne,...m&&!s&&!v?{position:"absolute"}:{}}}),l.jsxs("div",{ref:s?A:null,className:$e(Y.contentStyle,v?ue:ee,{[Y.editor]:s},{[Y.hidden]:!e}),style:{animationDuration:`${parseInt(X.duration)}ms`,animationTimingFunction:"ease",animationFillMode:"both"},children:[l.jsx(lo,{onMove:y=>d(y.index),ref:b,className:Y.lightboxSplide,options:{arrows:!1,speed:w.duration?parseInt(w.duration):500,direction:w.direction==="horiz"||w.type==="fade"||w.type==="scale"?"ltr":"ttb",pagination:!1,drag:G.type==="drag"&&!Re,perPage:1,width:"100%",height:"100%",type:w.type==="fade"||w.type==="scale"?"fade":"loop",padding:0,rewind:G.repeat!=="close",start:0},style:{"--splide-speed":w.duration},children:n.map((y,F)=>{const j=Dn(D.position,D.offset,s),U=`${E.scalingValue(D.padding.top,s)} ${E.scalingValue(D.padding.right,s)} ${E.scalingValue(D.padding.bottom,s)} ${E.scalingValue(D.padding.left,s)}`,te=w.type==="scale"?(()=>{const{transform:Q,...Z}=j;return{...Z,position:"absolute",padding:U,boxSizing:"border-box","--position-transform":Q||"none"}})():{...j,position:"absolute",padding:U,boxSizing:"border-box"};return l.jsx(co,{children:l.jsx("div",{className:Y.imgWrapper,onClick:le,children:l.jsx("img",{ref:F===a?B:null,className:$e(Y.imageStyle,{[Y.contain]:y.image.objectFit==="contain",[Y.cover]:y.image.objectFit==="cover",[Y.scaleSlide]:w.type==="scale"}),src:y.image.url,alt:y.image.name??"",style:{...te,pointerEvents:y.image.objectFit==="contain"?"none":"auto"}})})},F)})},p),M.isActive&&l.jsxs(l.Fragment,{children:[l.jsx("div",{className:$e(Y.arrow,{[Y.arrowVertical]:w.direction==="vert"}),style:{color:M.color,"--arrow-hover-color":M.hover},children:l.jsxs("button",{className:Y.arrowInner,style:{transform:`translate(${E.scalingValue(M.offset.x,s)}, ${E.scalingValue(M.offset.y*(w.direction==="horiz"?1:-1),s)}) scale(${M.scale}) rotate(${w.direction==="horiz"?"0deg":"90deg"})`},onClick:()=>{var y;return(y=b.current)==null?void 0:y.go("-1")},"aria-label":"Previous",children:[M.arrowsImgUrl&&l.jsx(Ft,{url:M.arrowsImgUrl,fill:M.color,hoverFill:M.hover,className:$e(Y.arrowImg,Y.mirror)}),!M.arrowsImgUrl&&l.jsx(Oo,{color:M.color,className:$e(Y.arrowIcon,Y.arrowImg,Y.mirror)})]})}),l.jsx("div",{className:$e(Y.arrow,Y.nextArrow,{[Y.arrowVertical]:w.direction==="vert"}),style:{color:M.color,"--arrow-hover-color":M.hover},children:l.jsxs("button",{className:Y.arrowInner,style:{transform:`translate(${E.scalingValue(M.offset.x*(w.direction==="horiz"?-1:1),s)}, ${E.scalingValue(M.offset.y,s)}) scale(${M.scale}) rotate(${w.direction==="horiz"?"0deg":"90deg"})`},onClick:()=>{var y;return(y=b.current)==null?void 0:y.go("+1")},"aria-label":"Next",children:[M.arrowsImgUrl&&l.jsx(Ft,{url:M.arrowsImgUrl,fill:M.color,hoverFill:M.hover,className:Y.arrowImg}),!M.arrowsImgUrl&&l.jsx(Oo,{color:M.color,className:$e(Y.arrowIcon,Y.arrowImg)})]})})]}),N.closeIconUrl&&(()=>{const y=Dn(N.closeIconAlign,N.closeIconOffset,s),F=`scale(${N.closeIconScale})`,j=y.transform?`${y.transform} ${F}`:F;return l.jsx("button",{className:Y.closeButton,style:{...y,transform:j},onClick:oe,"aria-label":"Close lightbox",children:l.jsx(Ft,{url:N.closeIconUrl,fill:N.closeIconColor??"#000000",hoverFill:N.closeIconHover??"#cccccc"})})})(),k&&k.isActive&&r.imageCaption&&((f=n[a])==null?void 0:f.imageCaption)&&(()=>{const{widthSettings:y,fontSettings:F,letterSpacing:j,textAlign:U,wordSpacing:te,fontSizeLineHeight:Q,textAppearance:Z,color:ce}=r.imageCaption;return l.jsx("div",{className:Y.caption,style:{...Dn(k.alignment,k.offset,s),fontFamily:br(F.fontFamily),fontWeight:F.fontWeight,fontStyle:F.fontStyle,width:y.sizing==="auto"?"max-content":E.scalingValue(y.width,s),letterSpacing:E.scalingValue(j,s),wordSpacing:E.scalingValue(te,s),textAlign:U,fontSize:E.scalingValue(Q.fontSize,s),lineHeight:E.scalingValue(Q.lineHeight,s),textTransform:Z.textTransform??"none",textDecoration:Z.textDecoration??"none",fontVariant:Z.fontVariant??"normal",color:ce},onClick:Ce=>Ce.stopPropagation(),children:l.jsx("div",{"data-styles":"imageCaption",className:Y.captionTextInner,style:{"--link-color":k.linkColor,"--link-hover-color":k.linkHoverColor},children:l.jsx(Ln,{content:n[a].imageCaption})})})})(),W.isActive&&(()=>{const[y,F]=W.position.split("-"),j=w.direction==="horiz"?`${y}-left`:W.position,U=Dn(j,W.offset,s),te=()=>{if(w.direction==="horiz"){if(F==="left")return"flex-start";if(F==="center")return"center";if(F==="right")return"flex-end"}else{if(y==="top")return"flex-start";if(y==="middle")return"center";if(y==="bottom")return"flex-end"}return"flex-start"};return l.jsx("div",{ref:P,className:Y.thumbsWrapper,onClick:Q=>fe(Q),style:{position:s?"absolute":"fixed",...U,...w.direction==="horiz"?{maxWidth:"100vw",width:"100%",overflowX:"auto",overflowY:"hidden"}:{maxHeight:"100vh",overflowY:"auto",overflowX:"hidden"}},children:l.jsx("div",{className:$e(Y.thumbsContainer,{[Y.thumbsContainerVertical]:w.direction==="vert",[Y.thumbsAlignStart]:W.align==="start",[Y.thumbsAlignCenter]:W.align==="center",[Y.thumbsAlignEnd]:W.align==="end"}),style:{gap:E.scalingValue(W.grid.gap,s),justifyContent:O?"flex-start":te()},children:n.map((Q,Z)=>{const ce=Z===a,Ce=I[Z],de=W.grid.size*(ce?W.activeState.scale:1),K=()=>{if(W.fit!=="fit")return{};if(!Ce)return w.direction==="horiz"?{height:E.scalingValue(de,s)}:{width:E.scalingValue(de,s)};const q=Ce.width/Ce.height;if(w.direction==="horiz"){const z=de,se=z*q;return{width:E.scalingValue(se,s),height:E.scalingValue(z,s)}}else{const z=de,se=z/q;return{width:E.scalingValue(z,s),height:E.scalingValue(se,s)}}};return l.jsx("button",{className:Y.thumbItem,style:{...w.direction==="horiz"&&W.fit!=="fit"?{height:E.scalingValue(de,s)}:{},...w.direction==="vert"&&W.fit!=="fit"?{width:E.scalingValue(de,s)}:{},...W.fit==="cover"?{width:E.scalingValue(de,s),height:E.scalingValue(de,s)}:{},...K(),transition:ce?"all 0.25s ease-out":"none",opacity:ce?W.activeState.opacity/100:W.opacity/100,"--thumb-hover":W.activeState.opacity/100},onClick:q=>{var z;q.stopPropagation(),d(Z),(z=b.current)==null||z.go(Z)},onMouseEnter:()=>{var q;W.triggers==="hov"&&((q=b.current)==null||q.go(Z))},children:l.jsx("img",{src:Q.image.url,alt:Q.image.name??"",onLoad:q=>{const z=q.currentTarget;z.naturalWidth&&z.naturalHeight&&x(se=>({...se,[Z]:{width:z.naturalWidth,height:z.naturalHeight}}))},style:{objectFit:W.fit==="cover"?"cover":"contain",...W.fit==="fit"?{maxWidth:"100%",maxHeight:"100%",objectFit:"contain"}:{},...W.fit==="cover"?{width:"100%",height:"100%"}:{}}})},`${Q.image.name}-${Z}`)})})})})()]})]}),document.getElementById(i))};function Oo({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 ic={element:rc,id:"lightbox",name:"Lightbox",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Lightbox.png"},defaultSize:{d:{width:440,height:550},t:{width:235,height:293},m:{width:265,height:331}},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 jn(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function ac(e){return`
+ */const nl="RichTextRenderer-module__link___BWeZ2",rl={link:nl},il=e=>{const t=e.trim();return!t||t.startsWith('"')&&t.endsWith('"')||t.startsWith("'")&&t.endsWith("'")?!1:t.split(/\s+/g).filter(Boolean).some(r=>/^\d/.test(r))},Tr=e=>e&&e.split(",").map(n=>n.trim()).filter(Boolean).map(n=>il(n)?`"${n.replace(/"/g,'\\"')}"`:n).join(", ");function pt(e){const{color:t,...n}=e;return n}function Ze(e,t){var i,o,s;const{fontSize:n,lineHeight:r}=e;return{fontFamily:Tr(e.fontSettings.fontFamily),fontWeight:e.fontSettings.fontWeight,fontStyle:e.fontSettings.fontStyle,letterSpacing:E.scalingValue(e.letterSpacing,t),wordSpacing:E.scalingValue(e.wordSpacing,t),fontSize:E.scalingValue(n,t),lineHeight:r!==void 0?E.scalingValue(r,t):void 0,textTransform:(i=e.textAppearance)==null?void 0:i.textTransform,textDecoration:(o=e.textAppearance)==null?void 0:o.textDecoration,fontVariant:(s=e.textAppearance)==null?void 0:s.fontVariant,textAlign:e.textAlign,color:e.color}}const Wn=({content:e})=>{const t=n=>n.map((r,i)=>r.type==="link"?l.jsx("a",{className:rl.link,href:r.value,target:r.target,children:t(r.children)},i):l.jsx("span",{style:ol(r),children:r.text},i));return l.jsx(l.Fragment,{children:e.map((n,r)=>{const i=n.children;return l.jsx("div",{children:t(i)},r)})})};function ol(e){return{...e.fontFamily&&{fontFamily:Tr(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 al="SvgImage-module__svg___q3xE-",sl="SvgImage-module__img___VsTm-",Hi={svg:al,img:sl},ll=e=>{const t=e.trim();return t.startsWith("data:image/svg+xml")?!0:(t.split(/[?#]/)[0]??t).endsWith(".svg")},cl=e=>`url("${e.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}")`,Ft=({url:e,fill:t="#000000",hoverFill:n="#CCCCCC",className:r="",style:i})=>{const[o,s]=u.useState(()=>typeof window>"u"?!0:CSS.supports("mask-image",'url("")')||CSS.supports("-webkit-mask-image",'url("")'));return u.useEffect(()=>{if(typeof window<"u"&&window.CSS){const c=CSS.supports("mask-image",'url("")')||CSS.supports("-webkit-mask-image",'url("")');s(c)}},[]),!ll(e)||!o?l.jsx("img",{src:e,alt:"",className:Te(Hi.img,r),style:i}):l.jsx("span",{"data-supports-mask":o,className:Te(Hi.svg,r),style:{"--svg":cl(e),"--fill":t,"--hover-fill":n,...i??{}}})},dl={"top-left":oe.topLeftAlignment,"top-center":oe.topCenterAlignment,"top-right":oe.topRightAlignment,"middle-left":oe.middleLeftAlignment,"middle-center":oe.middleCenterAlignment,"middle-right":oe.middleRightAlignment,"bottom-left":oe.bottomLeftAlignment,"bottom-center":oe.bottomCenterAlignment,"bottom-right":oe.bottomRightAlignment};function ul({settings:e,content:t,styles:n,isEditor:r}){const[i,o]=u.useState(null),{widthSettings:s,fontSettings:c,letterSpacing:a,textAlign:d,wordSpacing:p,fontSizeLineHeight:L,textAppearance:v,color:S}=n.imageCaption,[m,g]=u.useState(void 0),[R,x]=u.useState(null),[b,h]=u.useState(0),[B,_]=u.useState(0),{direction:A,transition:T,controls:W,pagination:$,imageCaption:N,triggers:P}=e,O=u.useRef(T.type),{x:V,y:X}=e.controls.offset,G=w=>{i&&i.go(w)};return u.useEffect(()=>{if(!R)return;const w=new ResizeObserver(I=>{if(!i)return;const[M]=I;g({width:Math.round(M.contentRect.width),height:Math.round(M.contentRect.height)})});return w.observe(R),()=>w.unobserve(R)},[R]),u.useEffect(()=>{!i||O.current===T.type||(_(w=>w+1),O.current=T.type)},[T.type]),l.jsx("div",{className:Te(oe.wrapper,{[oe.editor]:r}),ref:x,children:l.jsxs("div",{className:oe.sliderInner,style:{width:m?m.width:"100%",height:m?m.height:"100%",backgroundColor:T.backgroundColor&&T.type==="fade in"?T.backgroundColor:"transparent"},children:[e.imageCaption.isActive&&l.jsx("div",{className:Te(oe.captionBlock),children:l.jsx("div",{className:oe.captionTextWrapper,children:t.map((w,I)=>l.jsx("div",{className:Te(oe.captionText,dl[N.alignment],{[oe.withPointerEvents]:I===b&&r,[oe.active]:I===b}),style:{fontFamily:Tr(c.fontFamily),fontWeight:c.fontWeight,fontStyle:c.fontStyle,width:s.sizing==="auto"?"max-content":E.scalingValue(s.width,r),letterSpacing:E.scalingValue(a,r),wordSpacing:E.scalingValue(p,r),textAlign:d,fontSize:E.scalingValue(L.fontSize,r),lineHeight:E.scalingValue(L.lineHeight,r),textTransform:v.textTransform??"none",textDecoration:v.textDecoration??"none",fontVariant:v.fontVariant??"normal",color:S,transitionDuration:T.duration?`${Math.round(parseInt(T.duration)/2)}ms`:"500ms"},children:l.jsx("div",{"data-styles":"imageCaption",className:oe.captionTextInner,style:{"--link-hover-color":N.linkHoverColor,"--link-color":N.linkColor,position:"relative",top:E.scalingValue(N.offset.y,r),left:E.scalingValue(N.offset.x,r)},children:l.jsx(Wn,{content:w.imageCaption})})},I))})}),l.jsx(hi,{onMove:w=>{h(w.index)},ref:o,options:{arrows:!1,speed:T.duration?parseInt(T.duration):500,autoplay:P.autoPlay!==null,...P.autoPlay!==null&&{interval:parseInt(P.autoPlay)*1e3},direction:A==="horiz"||T.type==="fade in"?"ltr":"ttb",pagination:!1,drag:P.triggersList.drag,perPage:1,width:m?m.width:"100%",height:m?m.height:"100%",type:T.type==="fade in"?"fade":"loop",rewind:!0},children:t.map((w,I)=>l.jsx(fi,{children:l.jsx("div",{className:oe.sliderItem,children:l.jsx("div",{className:oe.imgWrapper,children:l.jsx("img",{className:Te(oe.sliderImage,{[oe.contain]:w.image.objectFit==="contain",[oe.cover]:w.image.objectFit==="cover"}),src:w.image.url,alt:w.image.name??""})})})},I))},B),W.isActive&&l.jsxs(l.Fragment,{children:[l.jsx("div",{className:Te(oe.arrow,{[oe.arrowVertical]:A==="vert",[oe.hoverArrow]:W.show==="on hover"}),style:{color:W.color,"--arrow-hover-color":W.hover},children:l.jsxs("button",{onClick:()=>{G("-1")},className:oe.arrowInner,style:{transform:`translate(${E.scalingValue(V,r)}, ${E.scalingValue(X*(A==="horiz"?1:-1),r)}) scale(${e.controls.scale/100}) rotate(${A==="horiz"?"0deg":"90deg"})`},children:[W.arrowsImgUrl&&l.jsx(Ft,{url:W.arrowsImgUrl,fill:W.color,hoverFill:W.hover,className:Te(oe.arrowImg,oe.mirror)}),!W.arrowsImgUrl&&l.jsx(Bi,{color:W.color,className:Te(oe.arrowIcon,oe.arrowImg,oe.mirror)})]})}),l.jsx("div",{className:Te(oe.arrow,oe.nextArrow,{[oe.arrowVertical]:A==="vert",[oe.hoverArrow]:W.show==="on hover"}),style:{color:W.color,"--arrow-hover-color":W.hover},children:l.jsxs("button",{className:oe.arrowInner,onClick:()=>G("+1"),style:{transform:`translate(${E.scalingValue(V*(A==="horiz"?-1:1),r)}, ${E.scalingValue(X,r)}) scale(${e.controls.scale/100}) rotate(${A==="horiz"?"0deg":"90deg"})`},children:[W.arrowsImgUrl&&l.jsx(Ft,{url:W.arrowsImgUrl,fill:W.color,hoverFill:W.hover,className:oe.arrowImg}),!W.arrowsImgUrl&&l.jsx(Bi,{color:W.color,className:Te(oe.arrowIcon,oe.arrowImg)})]})})]}),P.triggersList.click&&l.jsx("div",{className:oe.clickOverlay,onClick:()=>{i&&i.go("+1")}}),$.isActive&&l.jsx("div",{className:Te(oe.pagination,{[oe.paginationInsideBottom]:$.position==="inside-1"&&A==="horiz",[oe.paginationInsideTop]:$.position==="inside-2"&&A==="horiz",[oe.paginationOutsideBottom]:$.position==="outside-1"&&A==="horiz",[oe.paginationOutsideTop]:$.position==="outside-2"&&A==="horiz",[oe.paginationInsideLeft]:$.position==="inside-1"&&A==="vert",[oe.paginationInsideRight]:$.position==="inside-2"&&A==="vert",[oe.paginationOutsideLeft]:$.position==="outside-1"&&A==="vert",[oe.paginationOutsideRight]:$.position==="outside-2"&&A==="vert",[oe.paginationVertical]:A==="vert"}),children:l.jsx("div",{className:oe.paginationInner,style:{backgroundColor:$.colors[2],transform:`scale(${$.scale/100}) translate(${E.scalingValue($.offset.x,r)}, ${E.scalingValue($.offset.y,r)}) rotate(${A==="horiz"?"0deg":"90deg"})`},children:t.map((w,I)=>l.jsx("button",{onClick:()=>{i&&i.go(I)},className:Te(oe.paginationItem),children:l.jsx("div",{className:Te(oe.dot,{[oe.activeDot]:I===b}),style:{backgroundColor:I===b?$.colors[0]:$.colors[1],"--pagination-hover-color":$.hover}})},I))})})]})})}function Bi({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 pl={element:ul,id:"control-slider",name:"Slider",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Slider.mp4"},defaultSize:{d:{width:400,height:400},t:{width:400,height:400},m:{width:300,height:300}},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:"inside-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"]}},ml="ImageRevealSlider-module__imageRevealSlider___UE5Ob",gl="ImageRevealSlider-module__image___Qjt-e",hl="ImageRevealSlider-module__link___N-iLG",fl="ImageRevealSlider-module__cursor___2U03d",nn={imageRevealSlider:ml,image:gl,link:hl,cursor:fl};function Oi(e,t,n){for(const r of n){const i=new Image;i.src=r.url;const o=r.width?Number.parseFloat(r.width):i.naturalWidth,s=i.naturalHeight/i.naturalWidth*o,c=o/2,a=s/2;if(e>=r.x-c&&e<=r.x+c&&t>=r.y-a&&t<=r.y+a)return!0}return!1}function Rr(e){return new Promise(t=>{const n=new Image;n.src=e,n.onload=()=>{t({width:n.naturalWidth,height:n.naturalHeight})}})}async function yl(e,t,n,r){let i,o;if(t==="custom"){i=n;const s=await Rr(e);o=s.height/s.width*i}else if(t==="random"){i=Math.random()*(r.max-r.min)+r.min;const s=await Rr(e);o=s.height/s.width*i}else{const s=await Rr(e);i=s.width,o=s.height}return{width:i,height:o,finalWidth:`${i}px`}}function vl({settings:e,content:t,isEditor:n}){const[r,i]=u.useState(null),[o,s]=u.useState([]),[c,a]=u.useState(0),d=u.useRef(0),[p,L]=u.useState({x:0,y:0}),[v,S]=u.useState(1),[m,g]=u.useState("none"),R=u.useRef({x:0,y:0}),[x,b]=u.useState(!1),{sizeType:h,imageWidth:B,randomRangeImageWidth:_}=e.imageSize,{revealPosition:A,visible:T}=e.position,{cursorType:W,target:$,defaultCursorScale:N,defaultCursor:P,hoverCursorScale:O,hoverCursor:V}=e.cursor;u.useEffect(()=>{if(!r)return;const w=(H,F)=>{const D=r.getBoundingClientRect(),ee=H-D.left,re=F-D.top;if(L({x:ee,y:re}),W==="system"){g("none"),S(1);return}const J=ee,de=re,C=document.elementFromPoint(D.left+J,D.top+de);if(C&&C.closest("a")){g("none"),S(1);return}const ie=Oi(J,de,o)||$==="area"?{img:V??"none",scale:O}:{img:P??"none",scale:N};g(ie.img),S(ie.scale)},I=H=>{H.stopPropagation(),R.current={x:H.clientX,y:H.clientY},w(H.clientX,H.clientY)},M=()=>{x&&w(R.current.x,R.current.y)};return r.addEventListener("mousemove",I),window.addEventListener("scroll",M,!0),()=>{r.removeEventListener("mousemove",I),window.removeEventListener("scroll",M,!0)}},[r,x,p,W,$,V,P,O,N,o]),u.useEffect(()=>{x||(g("none"),S(0))},[x]);const X=async(w,I,M,H={})=>{const{width:F,height:D,finalWidth:ee}=await yl(w.image.url,h,B,_);let re=0,J=0;A==="same"?(re=I/2,J=M/2):(re=H.x??Math.random()*I,J=H.y??Math.random()*M);const de=Math.min(Math.max(re,F/2),I-F/2),C=Math.min(Math.max(J,D/2),M-D/2);return{id:d.current++,url:w.image.url,link:w.link,name:w.image.name,x:de,y:C,width:ee}};u.useEffect(()=>{if(!r||t.length===0)return;const w=r.getBoundingClientRect(),I=w.width,M=w.height,H=[];(async()=>{const D=t[0],ee=await X(D,I,M);H.push(ee),s(H),a(1)})()},[h,B,_,A,r]),u.useEffect(()=>{T==="last One"&&s(w=>w.length>0?[w[w.length-1]]:[])},[T]);const G=async w=>{if(!r)return;const I=r.getBoundingClientRect(),M=w.clientX-I.left,H=w.clientY-I.top;if($==="image"&&!Oi(M,H,o))return;let F=0,D=0;A==="on Click"?(F=M,D=H):A==="same"?(F=I.width/2,D=I.height/2):(F=Math.random()*I.width,D=Math.random()*I.height);const ee=t[c],re=await X(ee,I.width,I.height,{x:F,y:D});s(J=>T==="all"?[...J,re]:[re]),a(J=>J>=t.length-1?0:J+1)};return l.jsxs("div",{ref:i,onClick:G,onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1),className:nn.imageRevealSlider,style:{cursor:m==="none"?"default":"none"},children:[o.map(w=>l.jsx("div",{className:nn.wrapper,style:{top:`${w.y}px`,left:`${w.x}px`,position:"absolute",transform:"translate(-50%, -50%)",width:w.width??"auto",height:"auto",cursor:m==="none"?"default":"none"},children:$==="area"&&w.link?l.jsx("a",{href:w.link,target:"_blank",className:nn.link,children:l.jsx("img",{src:w.url,alt:w.name,className:nn.image},w.id)}):l.jsx("img",{src:w.url,alt:w.name,className:nn.image},w.id)},w.id)),x&&l.jsx("div",{className:nn.cursor,style:{left:`${p.x}px`,top:`${p.y}px`,transform:`translate(-50%, -50%) scale(${v})`,backgroundImage:`url('${m}')`,backgroundSize:"cover",backgroundPosition:"center",position:"absolute",pointerEvents:"none"}})]})}const bl={element:vl,id:"control-image-reveal",name:"Click Gallery",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Click_Gallery.mp4"},defaultSize:{d:{width:"100%",height:"100%"},t:{width:"100%",height:"100%"},m:{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:""}]}}}},xl="LightBox-module__hidden___9s-9x",Cl="LightBox-module__heroImage___sTxNF",Sl="LightBox-module__background___rm9ml",wl="LightBox-module__editor___4ACaY",$l="LightBox-module__contentStyle___Bgnsq",Tl="LightBox-module__imageStyle___tLIlB",Ll="LightBox-module__imgWrapper___LuFUp",El="LightBox-module__contain___8-yaS",Pl="LightBox-module__cover___hNvOG",_l="LightBox-module__caption___b6L2I",Al="LightBox-module__captionTextInner___rCGNH",Wl="LightBox-module__lightboxSplide___XFuWC",Rl="LightBox-module__arrow___iz38X",Il="LightBox-module__arrowVertical___Zfz81",kl="LightBox-module__nextArrow___zkAQN",Fl="LightBox-module__arrowInner___p48sW",Ml="LightBox-module__arrowIcon___3VaFf",Nl="LightBox-module__arrowImg___pNV88",Hl="LightBox-module__mirror___pjeXc",Bl="LightBox-module__thumbsWrapper___GB-nU",Ol="LightBox-module__thumbsContainerVertical___wttk5",Vl="LightBox-module__thumbsContainer___osSma",Dl="LightBox-module__thumbsAlignStart___MO6tY",jl="LightBox-module__thumbsAlignCenter___Q4sUx",zl="LightBox-module__thumbsAlignEnd___p4y9R",Kl="LightBox-module__thumbItem___HvnF3",ql="LightBox-module__closeButton___g2khP",Ul="LightBox-module__fadeIn___0m5GW",Gl="LightBox-module__slideInLeft___gPYwC",Yl="LightBox-module__slideInRight___S-pPp",Xl="LightBox-module__slideInTop___DFdAj",Zl="LightBox-module__slideInBottom___m27kZ",Jl="LightBox-module__fadeOut___55qBR",Ql="LightBox-module__slideOutLeft___NvU7P",ec="LightBox-module__slideOutRight___SK7eC",tc="LightBox-module__slideOutTop___Vgg0z",nc="LightBox-module__slideOutBottom___nJ0Ef",rc="LightBox-module__scaleSlide___vZriG",Y={hidden:xl,heroImage:Cl,background:Sl,editor:wl,contentStyle:$l,imageStyle:Tl,imgWrapper:Ll,contain:El,cover:Pl,caption:_l,captionTextInner:Al,lightboxSplide:Wl,arrow:Rl,arrowVertical:Il,nextArrow:kl,arrowInner:Fl,arrowIcon:Ml,arrowImg:Nl,mirror:Hl,thumbsWrapper:Bl,thumbsContainerVertical:Ol,thumbsContainer:Vl,thumbsAlignStart:Dl,thumbsAlignCenter:jl,thumbsAlignEnd:zl,thumbItem:Kl,closeButton:ql,fadeIn:Ul,slideInLeft:Gl,slideInRight:Yl,slideInTop:Xl,slideInBottom:Zl,fadeOut:Jl,slideOutLeft:Ql,slideOutRight:ec,slideOutTop:tc,slideOutBottom:nc,scaleSlide:rc},Gn=(e,t,n)=>{const r={},[i,o]=e.split("-");return i==="top"?(r.top="0",r.bottom="auto"):i==="middle"?(r.top="50%",r.bottom="auto"):i==="bottom"&&(r.top="auto",r.bottom="0"),o==="left"?(r.left="0",r.right="auto"):o==="center"?(r.left="50%",r.right="auto"):o==="right"&&(r.left="auto",r.right="0"),i==="middle"&&o==="center"?r.transform=`translate(calc(-50% + ${E.scalingValue(t.x,n)}), calc(-50% + ${E.scalingValue(t.y,n)}))`:i==="middle"?r.transform=`translate(${E.scalingValue(t.x,n)}, calc(-50% + ${E.scalingValue(t.y,n)}))`:o==="center"?r.transform=`translate(calc(-50% + ${E.scalingValue(t.x,n)}), ${E.scalingValue(t.y,n)})`:r.transform=`translate(${E.scalingValue(t.x,n)}, ${E.scalingValue(t.y,n)})`,r};function qo(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 Vi(e){const t=e.getBoundingClientRect(),n=qo(e),r=Math.max(0,t.width-n.left-n.right),i=Math.max(0,t.height-n.top-n.bottom),o=e.naturalWidth,s=e.naturalHeight,c=r/i,a=o/s;let d,p;a>c?(d=r,p=r/a):(p=i,d=i*a);const L=t.left+n.left,v=t.top+n.top,S=(r-d)/2+L,m=(i-p)/2+v;return{x:S,y:m,width:d,height:p}}function Di(e){const t=e.getBoundingClientRect(),n=qo(e);return{left:t.left+n.left,right:t.right-n.right,top:t.top+n.top,bottom:t.bottom-n.bottom}}function ji(e){const t=e.match(/rgba?\(([^)]+)\)/);if(t){const r=t[1].split(",").map(i=>parseFloat(i.trim()));return r.length===4?r[3]:1}const n=e.match(/^#([0-9a-fA-F]{8})$/);if(n){const r=n[1].substring(6,8);return parseInt(r,16)/255}return e.match(/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/),1}function ic(e,t){const n=(()=>{if(e==="fade in")return Y.fadeIn;if(e==="slide in"||e==="mix")switch(t){case"left":return Y.slideInLeft;case"right":return Y.slideInRight;case"top":return Y.slideInTop;case"bottom":return Y.slideInBottom;default:return Y.slideInRight}return Y.fadeIn})(),r=(()=>{if(e==="fade in"||e==="mix")return Y.fadeIn;if(e==="slide in")switch(t){case"left":return Y.slideInLeft;case"right":return Y.slideInRight;case"top":return Y.slideInTop;case"bottom":return Y.slideInBottom;default:return Y.slideInRight}return Y.fadeIn})(),i=(()=>{if(e==="fade in"||e==="mix")return Y.fadeOut;if(e==="slide in")switch(t){case"left":return Y.slideOutLeft;case"right":return Y.slideOutRight;case"top":return Y.slideOutTop;case"bottom":return Y.slideOutBottom;default:return Y.slideOutRight}return Y.fadeOut})(),o=(()=>{if(e==="fade in")return Y.fadeOut;if(e==="slide in"||e==="mix")switch(t){case"left":return Y.slideOutLeft;case"right":return Y.slideOutRight;case"top":return Y.slideOutTop;case"bottom":return Y.slideOutBottom;default:return Y.slideOutRight}return Y.fadeOut})();return{appearClass:n,backdropAppearClass:r,backdropDisappearClass:i,disappearClass:o}}const oc=({settings:e,content:t,styles:n,portalId:r,activeEvent:i,isEditor:o,isPreviewMode:s})=>{const[c,a]=u.useState(!1),{url:d}=e.thumbnailBlock.cover;return u.useEffect(()=>{i==="close"&&a(!1),i==="open"&&a(!0)},[i]),l.jsxs(l.Fragment,{children:[l.jsx("img",{src:d,alt:"Cover",className:Y.heroImage,onClick:()=>a(!0)}),l.jsx(ac,{isOpen:c,onClose:()=>a(!1),content:t,settings:e,lightboxStyles:n,portalId:r,isEditor:o})]})},ac=({isOpen:e,onClose:t,content:n,lightboxStyles:r,settings:i,portalId:o,isEditor:s,metadata:c})=>{var f;const[a,d]=u.useState(0),[p,L]=u.useState(0),[v,S]=u.useState(!1),[m,g]=u.useState(!1),[R,x]=u.useState({}),b=u.useRef(null),h=u.useRef(null),B=u.useRef(null),_=u.useRef(!1),A=u.useRef(null),T=u.useRef(null),W=u.useRef(null),$=u.useRef(null),N=u.useRef(!1),P=u.useRef(null),[O,V]=u.useState(!1),{appear:X,triggers:G,slider:w,thumbnail:I,controls:M,area:H,caption:F,layout:D}=i.lightboxBlock,{appearClass:ee,backdropAppearClass:re,backdropDisappearClass:J,disappearClass:de}=ic(X.type,X.direction),C=(c==null?void 0:c.itemId)??null;u.useEffect(()=>{const y=()=>{setTimeout(()=>{var j,U;(U=(j=b.current)==null?void 0:j.splide)==null||U.refresh()},16)},k=()=>{L(j=>j+1)};return window.addEventListener("ArticleEditor.Layout:change",y),window.addEventListener("ArticleEditor.ComponentContent:change",k),()=>{window.removeEventListener("ArticleEditor.Layout:change",y),window.removeEventListener("ArticleEditor.ComponentContent:change",k)}},[]),u.useEffect(()=>{if(!e||!I.isActive){V(!1);return}const y=P.current;if(!y)return;const k=()=>{w.direction==="horiz"?V(y.scrollWidth>y.clientWidth):V(y.scrollHeight>y.clientHeight)};k();const j=new ResizeObserver(k);return j.observe(y),()=>j.disconnect()},[e,I.isActive,n.length,R,w.direction]);const ie=u.useCallback(()=>{const y=window.matchMedia("(max-width: 768px)").matches,k=ji(H.color);y&&!s&&k>.9&&(document.body.style.backgroundColor=""),S(!0),_.current=!0;const j=U=>{U.target===A.current&&U.animationName&&(A.current&&T.current&&A.current.removeEventListener("animationend",T.current),T.current=null,_.current&&(_.current=!1,t()),S(!1))};A.current&&(T.current=j,A.current.addEventListener("animationend",j))},[t,H.color,s]),Le=(y,k,j)=>{var U,ne;if(y){if(G.type==="click"&&G.switch==="image")G.repeat==="close"&&a===n.length-1?ie():(U=b.current)==null||U.go("+1");else if(G.type==="click"&&G.switch==="50/50"){const Q=y.getBoundingClientRect(),Z=k-Q.left,ce=j-Q.top,Se=Q.width,ve=Q.height;let ue;w.direction==="horiz"?ue=Z<Se/2?"-1":"+1":ue=ce<ve/2?"-1":"+1",(ne=b.current)==null||ne.go(ue)}}},le=y=>{if(N.current){N.current=!1;return}const k=n[a],j=(k==null?void 0:k.image.objectFit)==="cover";let U,ne;if("changedTouches"in y&&y.changedTouches.length>0)U=y.changedTouches[0].clientX,ne=y.changedTouches[0].clientY;else if("clientX"in y)U=y.clientX,ne=y.clientY;else return;let Q;if(j&&B.current){const Z=Di(B.current);Q=U>=Z.left&&U<=Z.right&&ne>=Z.top&&ne<=Z.bottom}else{const Z=B.current?Vi(B.current):null;if(!Z){y.target===y.currentTarget&&ie();return}Q=U>=Z.x&&U<=Z.x+Z.width&&ne>=Z.y&&ne<=Z.y+Z.height}Q?Le(B.current,U,ne):ie()},fe=y=>{const k=y.target;(k.classList.contains(Y.thumbsWrapper)||k.classList.contains(Y.thumbsContainer))&&le(y)};u.useEffect(()=>{if(!e)return;const y=k=>{var j,U;if(k.key==="Escape"){ie();return}if(k.key==="ArrowRight"){d(ne=>(ne+1)%Math.max(n.length,1)),(j=b.current)==null||j.go("+1");return}k.key==="ArrowLeft"&&(d(ne=>(ne-1+Math.max(n.length,1))%Math.max(n.length,1)),(U=b.current)==null||U.go("-1"))};return window.addEventListener("keydown",y),()=>{window.removeEventListener("keydown",y)}},[e,ie,n.length]),u.useEffect(()=>{if(e){if(d(0),L(k=>k+1),_.current=!1,S(!1),g(!1),x({}),!C)return;const y=new CustomEvent("page-overlay",{detail:{itemId:C}});window.dispatchEvent(y)}return()=>{A.current&&T.current&&(A.current.removeEventListener("animationend",T.current),T.current=null),g(!1)}},[e,C]),u.useEffect(()=>{h.current!==null&&h.current!==w.type&&L(y=>y+1),h.current=w.type},[w.type]),u.useEffect(()=>{if(!e)return;const y=document.body.style.overflow,k=window.matchMedia("(max-width: 768px)").matches,j=ji(H.color);document.body.style.overflow="hidden",g(!1);const U=Q=>{Q.target===A.current&&!_.current&&Q.animationName&&(k&&!s&&j>.9&&(document.body.style.backgroundColor=H.color),g(!0),A.current&&W.current&&A.current.removeEventListener("animationend",W.current),W.current=null)};A.current&&(W.current=U,A.current.addEventListener("animationend",U));const ne=Q=>{const Z=Q.target;Z&&(Z.closest(`.${Y.thumbsWrapper}`)||Z.closest(`.${Y.thumbsContainer}`))||w.type!=="slide"&&Q.preventDefault()};return document.addEventListener("touchmove",ne,{passive:!1}),()=>{document.body.style.overflow=y,document.removeEventListener("touchmove",ne),A.current&&W.current&&(A.current.removeEventListener("animationend",W.current),W.current=null),g(!1)}},[e,s,H.color,w.type]),u.useEffect(()=>{if(!e)return;const y=k=>{var U,ne;if(_.current){k.stopPropagation();return}if(N.current){N.current=!1;return}const j=k.target;if(!(j&&(j.closest(`.${Y.thumbsContainer}`)||j.closest(`.${Y.thumbItem}`)||j.closest(`.${Y.arrow}`)||j.closest(`.${Y.closeButton}`)||j.closest(`.${Y.caption}`)))){if(w.type==="slide"&&G.type==="drag"&&((ne=(U=b.current)==null?void 0:U.splide)!=null&&ne.root)){const Q=b.current.splide.root;if(j&&(Q.contains(j)||Q===j))return}if(k.touches.length===0&&k.changedTouches.length>0){const Q=n[a],Z=(Q==null?void 0:Q.image.objectFit)==="cover",ce=k.changedTouches[0];let Se;if(Z&&B.current){const ve=Di(B.current);Se=ce.clientX>=ve.left&&ce.clientX<=ve.right&&ce.clientY>=ve.top&&ce.clientY<=ve.bottom}else{const ve=B.current?Vi(B.current):null;if(!ve)return;Se=ce.clientX>=ve.x&&ce.clientX<=ve.x+ve.width&&ce.clientY>=ve.y&&ce.clientY<=ve.y+ve.height}if(!Se){k.stopPropagation(),_.current=!0;const ve=ue=>{ue.stopPropagation(),ue.preventDefault(),document.removeEventListener("click",ve,!0)};document.addEventListener("click",ve,!0),ie()}}}};return document.addEventListener("touchend",y,{passive:!0}),()=>{document.removeEventListener("touchend",y)}},[e,ie,a,n]);const We=(w.type==="scale"||w.type==="fade")&&w.direction==="vert"&&G.type==="drag";u.useEffect(()=>{var ue,K;if(!e||!We||!((K=(ue=b.current)==null?void 0:ue.splide)!=null&&K.root))return;const y=b.current.splide.root,k=30,j=(q,z)=>{if($.current){const se=Math.abs(q-$.current.x),xe=Math.abs(z-$.current.y);(se>0||xe>0)&&(N.current=!0)}},U=q=>{$.current&&(q.preventDefault(),j(q.clientX,q.clientY))},ne=q=>{$.current&&q.touches.length>0&&(q.preventDefault(),j(q.touches[0].clientX,q.touches[0].clientY))},Q=(q,z)=>{if(!$.current||!b.current){$.current=null;return}const se=Math.abs(q-$.current.x),xe=Math.abs(z-$.current.y);xe>k&&xe>se&&b.current.go(z<$.current.y?"+1":"-1"),$.current=null},Z=q=>{$.current&&Q(q.clientX,q.clientY),document.removeEventListener("pointerup",Z),document.removeEventListener("pointercancel",Z),document.removeEventListener("pointermove",U)},ce=q=>{if($.current){if(q.changedTouches.length>0){const z=q.changedTouches[0];Q(z.clientX,z.clientY)}document.removeEventListener("touchend",ce),document.removeEventListener("touchcancel",ce),document.removeEventListener("touchmove",ne)}},Se=q=>{$.current={x:q.clientX,y:q.clientY},N.current=!1,document.addEventListener("pointermove",U,{passive:!1}),document.addEventListener("pointerup",Z),document.addEventListener("pointercancel",Z)},ve=q=>{q.touches.length>0&&($.current={x:q.touches[0].clientX,y:q.touches[0].clientY},N.current=!1,document.addEventListener("touchmove",ne,{passive:!1}),document.addEventListener("touchend",ce),document.addEventListener("touchcancel",ce))};return y.addEventListener("pointerdown",Se),y.addEventListener("touchstart",ve),()=>{y.removeEventListener("pointerdown",Se),y.removeEventListener("touchstart",ve),document.removeEventListener("pointermove",U),document.removeEventListener("pointerup",Z),document.removeEventListener("pointercancel",Z),document.removeEventListener("touchmove",ne),document.removeEventListener("touchend",ce),document.removeEventListener("touchcancel",ce),$.current=null,N.current=!1}},[e,We,p]);const te={backgroundColor:H.color,backdropFilter:`blur(${H.blur}px)`,animationDuration:`${parseInt(X.duration)}ms`,animationTimingFunction:"ease",animationFillMode:"both"};return typeof document>"u"||!document.getElementById(o)?null:lo.createPortal(l.jsxs(l.Fragment,{children:[l.jsx("div",{ref:s?null:A,className:Te(Y.background,v?J:re,{[Y.editor]:s},{[Y.hidden]:!e}),style:{...te,...m&&!s&&!v?{position:"absolute"}:{}}}),l.jsxs("div",{ref:s?A:null,className:Te(Y.contentStyle,v?de:ee,{[Y.editor]:s},{[Y.hidden]:!e}),style:{animationDuration:`${parseInt(X.duration)}ms`,animationTimingFunction:"ease",animationFillMode:"both"},children:[l.jsx(hi,{onMove:y=>d(y.index),ref:b,className:Y.lightboxSplide,options:{arrows:!1,speed:w.duration?parseInt(w.duration):500,direction:w.direction==="horiz"||w.type==="fade"||w.type==="scale"?"ltr":"ttb",pagination:!1,drag:G.type==="drag"&&!We,perPage:1,width:"100%",height:"100%",type:w.type==="fade"||w.type==="scale"?"fade":"loop",padding:0,rewind:G.repeat!=="close",start:0},style:{"--splide-speed":w.duration},children:n.map((y,k)=>{const j=Gn(D.position,D.offset,s),U=`${E.scalingValue(D.padding.top,s)} ${E.scalingValue(D.padding.right,s)} ${E.scalingValue(D.padding.bottom,s)} ${E.scalingValue(D.padding.left,s)}`,ne=w.type==="scale"?(()=>{const{transform:Q,...Z}=j;return{...Z,position:"absolute",padding:U,boxSizing:"border-box","--position-transform":Q||"none"}})():{...j,position:"absolute",padding:U,boxSizing:"border-box"};return l.jsx(fi,{children:l.jsx("div",{className:Y.imgWrapper,onClick:le,children:l.jsx("img",{ref:k===a?B:null,className:Te(Y.imageStyle,{[Y.contain]:y.image.objectFit==="contain",[Y.cover]:y.image.objectFit==="cover",[Y.scaleSlide]:w.type==="scale"}),src:y.image.url,alt:y.image.name??"",style:{...ne,pointerEvents:y.image.objectFit==="contain"?"none":"auto"}})})},k)})},p),M.isActive&&l.jsxs(l.Fragment,{children:[l.jsx("div",{className:Te(Y.arrow,{[Y.arrowVertical]:w.direction==="vert"}),style:{color:M.color,"--arrow-hover-color":M.hover},children:l.jsxs("button",{className:Y.arrowInner,style:{transform:`translate(${E.scalingValue(M.offset.x,s)}, ${E.scalingValue(M.offset.y*(w.direction==="horiz"?1:-1),s)}) scale(${M.scale}) rotate(${w.direction==="horiz"?"0deg":"90deg"})`},onClick:()=>{var y;return(y=b.current)==null?void 0:y.go("-1")},"aria-label":"Previous",children:[M.arrowsImgUrl&&l.jsx(Ft,{url:M.arrowsImgUrl,fill:M.color,hoverFill:M.hover,className:Te(Y.arrowImg,Y.mirror)}),!M.arrowsImgUrl&&l.jsx(zi,{color:M.color,className:Te(Y.arrowIcon,Y.arrowImg,Y.mirror)})]})}),l.jsx("div",{className:Te(Y.arrow,Y.nextArrow,{[Y.arrowVertical]:w.direction==="vert"}),style:{color:M.color,"--arrow-hover-color":M.hover},children:l.jsxs("button",{className:Y.arrowInner,style:{transform:`translate(${E.scalingValue(M.offset.x*(w.direction==="horiz"?-1:1),s)}, ${E.scalingValue(M.offset.y,s)}) scale(${M.scale}) rotate(${w.direction==="horiz"?"0deg":"90deg"})`},onClick:()=>{var y;return(y=b.current)==null?void 0:y.go("+1")},"aria-label":"Next",children:[M.arrowsImgUrl&&l.jsx(Ft,{url:M.arrowsImgUrl,fill:M.color,hoverFill:M.hover,className:Y.arrowImg}),!M.arrowsImgUrl&&l.jsx(zi,{color:M.color,className:Te(Y.arrowIcon,Y.arrowImg)})]})})]}),H.closeIconUrl&&(()=>{const y=Gn(H.closeIconAlign,H.closeIconOffset,s),k=`scale(${H.closeIconScale})`,j=y.transform?`${y.transform} ${k}`:k;return l.jsx("button",{className:Y.closeButton,style:{...y,transform:j},onClick:ie,"aria-label":"Close lightbox",children:l.jsx(Ft,{url:H.closeIconUrl,fill:H.closeIconColor??"#000000",hoverFill:H.closeIconHover??"#cccccc"})})})(),F&&F.isActive&&r.imageCaption&&((f=n[a])==null?void 0:f.imageCaption)&&(()=>{const{widthSettings:y,fontSettings:k,letterSpacing:j,textAlign:U,wordSpacing:ne,fontSizeLineHeight:Q,textAppearance:Z,color:ce}=r.imageCaption;return l.jsx("div",{className:Y.caption,style:{...Gn(F.alignment,F.offset,s),fontFamily:Tr(k.fontFamily),fontWeight:k.fontWeight,fontStyle:k.fontStyle,width:y.sizing==="auto"?"max-content":E.scalingValue(y.width,s),letterSpacing:E.scalingValue(j,s),wordSpacing:E.scalingValue(ne,s),textAlign:U,fontSize:E.scalingValue(Q.fontSize,s),lineHeight:E.scalingValue(Q.lineHeight,s),textTransform:Z.textTransform??"none",textDecoration:Z.textDecoration??"none",fontVariant:Z.fontVariant??"normal",color:ce},onClick:Se=>Se.stopPropagation(),children:l.jsx("div",{"data-styles":"imageCaption",className:Y.captionTextInner,style:{"--link-color":F.linkColor,"--link-hover-color":F.linkHoverColor},children:l.jsx(Wn,{content:n[a].imageCaption})})})})(),I.isActive&&(()=>{const[y,k]=I.position.split("-"),j=w.direction==="horiz"?`${y}-left`:I.position,U=Gn(j,I.offset,s),ne=()=>{if(w.direction==="horiz"){if(k==="left")return"flex-start";if(k==="center")return"center";if(k==="right")return"flex-end"}else{if(y==="top")return"flex-start";if(y==="middle")return"center";if(y==="bottom")return"flex-end"}return"flex-start"};return l.jsx("div",{ref:P,className:Y.thumbsWrapper,onClick:Q=>fe(Q),style:{position:s?"absolute":"fixed",...U,...w.direction==="horiz"?{maxWidth:"100vw",width:"100%",overflowX:"auto",overflowY:"hidden"}:{maxHeight:"100vh",overflowY:"auto",overflowX:"hidden"}},children:l.jsx("div",{className:Te(Y.thumbsContainer,{[Y.thumbsContainerVertical]:w.direction==="vert",[Y.thumbsAlignStart]:I.align==="start",[Y.thumbsAlignCenter]:I.align==="center",[Y.thumbsAlignEnd]:I.align==="end"}),style:{gap:E.scalingValue(I.grid.gap,s),justifyContent:O?"flex-start":ne()},children:n.map((Q,Z)=>{const ce=Z===a,Se=R[Z],ue=I.grid.size*(ce?I.activeState.scale:1),K=()=>{if(I.fit!=="fit")return{};if(!Se)return w.direction==="horiz"?{height:E.scalingValue(ue,s)}:{width:E.scalingValue(ue,s)};const q=Se.width/Se.height;if(w.direction==="horiz"){const z=ue,se=z*q;return{width:E.scalingValue(se,s),height:E.scalingValue(z,s)}}else{const z=ue,se=z/q;return{width:E.scalingValue(z,s),height:E.scalingValue(se,s)}}};return l.jsx("button",{className:Y.thumbItem,style:{...w.direction==="horiz"&&I.fit!=="fit"?{height:E.scalingValue(ue,s)}:{},...w.direction==="vert"&&I.fit!=="fit"?{width:E.scalingValue(ue,s)}:{},...I.fit==="cover"?{width:E.scalingValue(ue,s),height:E.scalingValue(ue,s)}:{},...K(),transition:ce?"all 0.25s ease-out":"none",opacity:ce?I.activeState.opacity/100:I.opacity/100,"--thumb-hover":I.activeState.opacity/100},onClick:q=>{var z;q.stopPropagation(),d(Z),(z=b.current)==null||z.go(Z)},onMouseEnter:()=>{var q;I.triggers==="hov"&&((q=b.current)==null||q.go(Z))},children:l.jsx("img",{src:Q.image.url,alt:Q.image.name??"",onLoad:q=>{const z=q.currentTarget;z.naturalWidth&&z.naturalHeight&&x(se=>({...se,[Z]:{width:z.naturalWidth,height:z.naturalHeight}}))},style:{objectFit:I.fit==="cover"?"cover":"contain",...I.fit==="fit"?{maxWidth:"100%",maxHeight:"100%",objectFit:"contain"}:{},...I.fit==="cover"?{width:"100%",height:"100%"}:{}}})},`${Q.image.name}-${Z}`)})})})})()]})]}),document.getElementById(o))};function zi({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 sc={element:oc,id:"lightbox",name:"Lightbox",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Lightbox.png"},defaultSize:{d:{width:440,height:550},t:{width:235,height:293},m:{width:265,height:331}},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 Yn(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function lc(e){return`
 .${e}-wrapper {
   display: flex;
   flex-direction: column;
   width: 100%;
-  min-height: ${jn(48)};
+  min-height: ${Yn(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: ${jn(4)};
+  gap: ${Yn(4)};
 }
 .${e}-field-label {
   white-space: nowrap;
@@ -128,11 +128,11 @@
   outline: none;
 }
 .${e}-success {
-  margin-top: ${jn(8)};
+  margin-top: ${Yn(8)};
   color: var(--${e}-success-success-color, var(--${e}-success-color));
 }
 .${e}-error {
-  margin-top: ${jn(8)};
+  margin-top: ${Yn(8)};
   color: var(--${e}-error-error-color, var(--${e}-error-color));
 }
 .${e}-overlay-anchor {
@@ -155,7 +155,7 @@
   pointer-events: auto;
   z-index: 10;
 }
-`}function sc({settings:e,isEditor:t,isEditMode:n,isPreviewMode:r,metadata:o,activeEvent:i}){const s=!!n,c=r&&t||!t,{prefix:a}=E.useScopedStyles(),{type:d="A",fieldsToShow:p=2,fields:L=[],buttonLabel:v,gap:S,fieldsGap:m,buttonCorners:g,buttonStroke:I,buttonPadding:x,isButtonFullWidth:b,inputCorners:h,inputStroke:B,inputPadding:_,inputColor:A,inputTextColor:T,inputBorderColor:R,placeholderColor:$,buttonColor:H,buttonTextColor:P,buttonBorderColor:O,labelTextColor:V,successColor:X,errorColor:G,fontFamily:w,inputFontSettings:W,inputFontSize:M,inputLineHeight:N,inputLetterSpacing:k,inputWordSpacing:D,inputTextAppearance:ee,buttonFontSettings:re,buttonFontSize:J,buttonLineHeight:ue,buttonLetterSpacing:C,buttonWordSpacing:oe,buttonTextAppearance:Te,labelFontSettings:le,labelFontSize:fe,labelLineHeight:Re,labelLetterSpacing:ne,labelWordSpacing:f,labelTextAppearance:y,statusFontSettings:F,statusFontSize:j,statusLineHeight:U,statusLetterSpacing:te,statusWordSpacing:Q,statusTextAppearance:Z,successMessage:ce,errorMessage:Ce,stateOverrides:ye}=e,de=d==="B",K=L.slice(0,Math.min(p,L.length)),q={fontSettings:{fontFamily:w,fontWeight:(W==null?void 0:W.fontWeight)??400,fontStyle:(W==null?void 0:W.fontStyle)??"normal"},fontSize:M??.01,lineHeight:N,letterSpacing:k??0,wordSpacing:D??0,textAppearance:ee,color:T},z=ft(Ye(q,t)),se=E.scalingValue(B??0,t),be=E.scalingValue((N??M??.01)+((_==null?void 0:_.top)??0)+((_==null?void 0:_.bottom)??0)+(d==="C"?B??0:(B??0)*2),t),We={...z,borderStyle:"solid",borderRadius:d==="C"?0:E.scalingValue(h??0,t),...d==="C"?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:se,borderLeftWidth:0}:{borderWidth:se},paddingTop:E.scalingValue((_==null?void 0:_.top)??0,t),paddingRight:E.scalingValue((_==null?void 0:_.right)??0,t),paddingBottom:E.scalingValue((_==null?void 0:_.bottom)??0,t),paddingLeft:E.scalingValue((_==null?void 0:_.left)??0,t),height:be,minHeight:be},Ae={fontSettings:{fontFamily:w,fontWeight:(re==null?void 0:re.fontWeight)??400,fontStyle:(re==null?void 0:re.fontStyle)??"normal"},fontSize:J??.01,lineHeight:ue,letterSpacing:C??0,wordSpacing:oe??0,textAppearance:Te,color:P},Ie=ft(Ye(Ae,t)),st=E.scalingValue(I??0,t),Se={fontSettings:{fontFamily:w,fontWeight:(le==null?void 0:le.fontWeight)??400,fontStyle:(le==null?void 0:le.fontStyle)??"normal"},fontSize:fe??.01,lineHeight:Re,letterSpacing:ne??0,wordSpacing:f??0,textAppearance:y,color:V},Fe=Ye(Se,t),Oe={fontSettings:{fontFamily:w,fontWeight:(F==null?void 0:F.fontWeight)??400,fontStyle:(F==null?void 0:F.fontStyle)??"normal"},fontSize:j??.01,lineHeight:U,letterSpacing:te??0,wordSpacing:Q??0,textAppearance:Z,color:X},ke=ft(Ye(Oe,t)),ze=E.buildColorVars(a,{inputColor:A,inputTextColor:T,inputBorderColor:R,placeholderColor:$!=null&&$.trim()?$:"#cccccc",buttonColor:H,buttonTextColor:P,buttonBorderColor:O,labelTextColor:V,successColor:X,errorColor:G},lc,cc,ye),[Ne,Pt]=u.useState(()=>Object.fromEntries(K.map(me=>[me.name,""]))),[_t,lt]=u.useState("idle"),[gt,At]=u.useState(null),ve=i==="success"?"success":i==="error"?"error":_t,ct=i==="error"?Ce:gt,Qe=i==="filled",et=u.useMemo(()=>{if(!Qe)return Ne;let me=null;for(const Be of K)(Ne[Be.name]??"").trim().length>0||(me=me??{...Ne},me[Be.name]="Filled");return me??Ne},[Ne,Qe,K]),Xt=ve==="error"?E.getFormFieldValidationError(K,et):null,Xe=`${i&&i!=="default"?`${a}-state-${i}`:""}`.trim(),dt=o==null?void 0:o.submitUrl,Ke=(me,Be)=>{Pt(Ze=>({...Ze,[me]:Be}))},tt=async me=>{if(me.preventDefault(),!c)return;const Be=Object.fromEntries(K.map(qe=>{var Rt;return[qe.name,((Rt=Ne[qe.name])==null?void 0:Rt.trim())??""]}).filter(([,qe])=>qe));if(!dt){lt("error"),At("No integrations were found for this form.");return}if(Object.keys(Be).length===0)return;const Ze=E.getFormFieldValidationError(K,Ne);if(Ze){lt("error"),At(Ze);return}lt("submitting"),At(null);try{const qe=await fetch(dt,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(Be)});if(!qe.ok){const Rt=await qe.text();throw new Error(Rt||`Request failed: ${qe.status}`)}lt("success"),Pt(Object.fromEntries(K.map(Rt=>[Rt.name,""])))}catch(qe){lt("error"),At(qe instanceof Error?qe.message:"Something went wrong")}};return l.jsxs("div",{className:`${a}-wrapper ${a}-type-${d} ${Xe}`.trim(),style:ze,children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:ac(a)}}),l.jsxs("form",{onSubmit:tt,className:`${a}-form`,children:[l.jsx("div",{className:`${a}-fields`,children:K.map((me,Be)=>l.jsxs(u.Fragment,{children:[Be>0&&l.jsx("div",{"data-controls":s?"fieldsGap":void 0,className:s?`${a}-control`:void 0,style:{height:E.scalingValue(m??0,t)}}),l.jsxs("div",{className:`${a}-field-group${de?` ${a}-labeled`:""}`,children:[de&&l.jsx("span",{className:`${a}-field-label`,style:Fe?{...Fe,lineHeight:Fe.fontSize}:void 0,children:me.label||me.name}),me.type==="textarea"?l.jsx("textarea",{name:me.name,autoComplete:"off",value:et[me.name]??"",onChange:Ze=>Ke(me.name,Ze.target.value),placeholder:me.placeholder,className:`${a}-input`,style:We,rows:1,"data-filled":Qe||(et[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:et[me.name]??"",onChange:Ze=>Ke(me.name,Ze.target.value),placeholder:me.placeholder,required:me.isRequired??me.type==="email",className:`${a}-input`,style:We,"data-filled":Qe||(et[me.name]??"").trim().length>0})]})]},Be))}),l.jsx("div",{"data-controls":s?"gap":void 0,className:s?`${a}-control`:void 0,style:{height:E.scalingValue(S??0,t)}}),l.jsx("div",{className:`${a}-overlay-anchor`,children:l.jsx("button",{type:c?"submit":"button",className:`${a}-button`,style:{borderStyle:"solid",borderRadius:E.scalingValue(g??0,t),borderWidth:st,paddingTop:E.scalingValue((x==null?void 0:x.top)??0,t),paddingRight:E.scalingValue((x==null?void 0:x.right)??0,t),paddingBottom:E.scalingValue((x==null?void 0:x.bottom)??0,t),paddingLeft:E.scalingValue((x==null?void 0:x.left)??0,t),pointerEvents:c?"auto":void 0,...Ie,...b?{width:"100%",textAlign:"center",whiteSpace:"normal"}:{}},children:l.jsx("span",{className:`${a}-overlay-anchor`,style:b?{display:"inline-block",maxWidth:"100%",whiteSpace:"normal",textAlign:"center"}:void 0,children:_t==="submitting"?"...":v})})})]}),ve==="success"&&l.jsx("p",{className:`${a}-success`,style:{...ke},children:ce}),ve==="error"&&l.jsx("p",{className:`${a}-error`,style:{...ke},role:"alert",children:Xt??ct??Ce})]})}const lc={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"},cc=["hover","focus","filled","success","error"],dc=`import React, { useMemo, useState } from 'react';\r
+`}function cc({settings:e,isEditor:t,isEditMode:n,isPreviewMode:r,metadata:i,activeEvent:o}){const s=!!n,c=r&&t||!t,{prefix:a}=E.useScopedStyles(),{type:d="A",fieldsToShow:p=2,fields:L=[],buttonLabel:v,gap:S,fieldsGap:m,buttonCorners:g,buttonStroke:R,buttonPadding:x,isButtonFullWidth:b,inputCorners:h,inputStroke:B,inputPadding:_,inputColor:A,inputTextColor:T,inputBorderColor:W,placeholderColor:$,buttonColor:N,buttonTextColor:P,buttonBorderColor:O,labelTextColor:V,successColor:X,errorColor:G,fontFamily:w,inputFontSettings:I,inputFontSize:M,inputLineHeight:H,inputLetterSpacing:F,inputWordSpacing:D,inputTextAppearance:ee,buttonFontSettings:re,buttonFontSize:J,buttonLineHeight:de,buttonLetterSpacing:C,buttonWordSpacing:ie,buttonTextAppearance:Le,labelFontSettings:le,labelFontSize:fe,labelLineHeight:We,labelLetterSpacing:te,labelWordSpacing:f,labelTextAppearance:y,statusFontSettings:k,statusFontSize:j,statusLineHeight:U,statusLetterSpacing:ne,statusWordSpacing:Q,statusTextAppearance:Z,successMessage:ce,errorMessage:Se,stateOverrides:ve}=e,ue=d==="B",K=L.slice(0,Math.min(p,L.length)),q={fontSettings:{fontFamily:w,fontWeight:(I==null?void 0:I.fontWeight)??400,fontStyle:(I==null?void 0:I.fontStyle)??"normal"},fontSize:M??.01,lineHeight:H,letterSpacing:F??0,wordSpacing:D??0,textAppearance:ee,color:T},z=pt(Ze(q,t)),se=E.scalingValue(B??0,t),xe=E.scalingValue((H??M??.01)+((_==null?void 0:_.top)??0)+((_==null?void 0:_.bottom)??0)+(d==="C"?B??0:(B??0)*2),t),Me={...z,borderStyle:"solid",borderRadius:d==="C"?0:E.scalingValue(h??0,t),...d==="C"?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:se,borderLeftWidth:0}:{borderWidth:se},paddingTop:E.scalingValue((_==null?void 0:_.top)??0,t),paddingRight:E.scalingValue((_==null?void 0:_.right)??0,t),paddingBottom:E.scalingValue((_==null?void 0:_.bottom)??0,t),paddingLeft:E.scalingValue((_==null?void 0:_.left)??0,t),height:xe,minHeight:xe},Ie={fontSettings:{fontFamily:w,fontWeight:(re==null?void 0:re.fontWeight)??400,fontStyle:(re==null?void 0:re.fontStyle)??"normal"},fontSize:J??.01,lineHeight:de,letterSpacing:C??0,wordSpacing:ie??0,textAppearance:Le,color:P},Re=pt(Ze(Ie,t)),lt=E.scalingValue(R??0,t),we={fontSettings:{fontFamily:w,fontWeight:(le==null?void 0:le.fontWeight)??400,fontStyle:(le==null?void 0:le.fontStyle)??"normal"},fontSize:fe??.01,lineHeight:We,letterSpacing:te??0,wordSpacing:f??0,textAppearance:y,color:V},ke=Ze(we,t),je={fontSettings:{fontFamily:w,fontWeight:(k==null?void 0:k.fontWeight)??400,fontStyle:(k==null?void 0:k.fontStyle)??"normal"},fontSize:j??.01,lineHeight:U,letterSpacing:ne??0,wordSpacing:Q??0,textAppearance:Z,color:X},Ae=pt(Ze(je,t)),De=E.buildColorVars(a,{inputColor:A,inputTextColor:T,inputBorderColor:W,placeholderColor:$!=null&&$.trim()?$:"#cccccc",buttonColor:N,buttonTextColor:P,buttonBorderColor:O,labelTextColor:V,successColor:X,errorColor:G},dc,uc,ve),[Ve,ft]=u.useState(()=>Object.fromEntries(K.map(be=>[be.name,""]))),[Jt,ct]=u.useState("idle"),[Dt,Et]=u.useState(null),ye=o==="success"?"success":o==="error"?"error":Jt,yt=o==="error"?Se:Dt,Ge=o==="filled",Je=u.useMemo(()=>{if(!Ge)return Ve;let be=null;for(const pe of K)(Ve[pe.name]??"").trim().length>0||(be=be??{...Ve},be[pe.name]="Filled");return be??Ve},[Ve,Ge,K]),Pt=ye==="error"?E.getFormFieldValidationError(K,Je):null,xn=`${o&&o!=="default"?`${a}-state-${o}`:""}`.trim(),_t=i==null?void 0:i.submitUrl,At=(be,pe)=>{ft(Ne=>({...Ne,[be]:pe}))},jt=async be=>{if(be.preventDefault(),!c)return;const pe=Object.fromEntries(K.map(He=>{var ze;return[He.name,((ze=Ve[He.name])==null?void 0:ze.trim())??""]}).filter(([,He])=>He));if(!_t){ct("error"),Et("No integrations were found for this form.");return}if(Object.keys(pe).length===0)return;const Ne=E.getFormFieldValidationError(K,Ve);if(Ne){ct("error"),Et(Ne);return}ct("submitting"),Et(null);try{const He=await fetch(_t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(pe)});if(!He.ok){const ze=await He.text();throw new Error(ze||`Request failed: ${He.status}`)}ct("success"),ft(Object.fromEntries(K.map(ze=>[ze.name,""])))}catch(He){ct("error"),Et(He instanceof Error?He.message:"Something went wrong")}};return l.jsxs("div",{className:`${a}-wrapper ${a}-type-${d} ${xn}`.trim(),style:De,children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:lc(a)}}),l.jsxs("form",{onSubmit:jt,className:`${a}-form`,children:[l.jsx("div",{className:`${a}-fields`,children:K.map((be,pe)=>l.jsxs(u.Fragment,{children:[pe>0&&l.jsx("div",{"data-controls":s?"fieldsGap":void 0,className:s?`${a}-control`:void 0,style:{height:E.scalingValue(m??0,t)}}),l.jsxs("div",{className:`${a}-field-group${ue?` ${a}-labeled`:""}`,children:[ue&&l.jsx("span",{className:`${a}-field-label`,style:ke?{...ke,lineHeight:ke.fontSize}:void 0,children:be.label||be.name}),be.type==="textarea"?l.jsx("textarea",{name:be.name,autoComplete:"off",value:Je[be.name]??"",onChange:Ne=>At(be.name,Ne.target.value),placeholder:be.placeholder,className:`${a}-input`,style:Me,rows:1,"data-filled":Ge||(Je[be.name]??"").trim().length>0,"data-field-type":"textarea"}):l.jsx("input",{type:be.type==="phone"?"tel":be.type==="email"?"email":"text",name:be.name,autoComplete:"off",value:Je[be.name]??"",onChange:Ne=>At(be.name,Ne.target.value),placeholder:be.placeholder,required:be.isRequired??be.type==="email",className:`${a}-input`,style:Me,"data-filled":Ge||(Je[be.name]??"").trim().length>0})]})]},pe))}),l.jsx("div",{"data-controls":s?"gap":void 0,className:s?`${a}-control`:void 0,style:{height:E.scalingValue(S??0,t)}}),l.jsx("div",{className:`${a}-overlay-anchor`,children:l.jsx("button",{type:c?"submit":"button",className:`${a}-button`,style:{borderStyle:"solid",borderRadius:E.scalingValue(g??0,t),borderWidth:lt,paddingTop:E.scalingValue((x==null?void 0:x.top)??0,t),paddingRight:E.scalingValue((x==null?void 0:x.right)??0,t),paddingBottom:E.scalingValue((x==null?void 0:x.bottom)??0,t),paddingLeft:E.scalingValue((x==null?void 0:x.left)??0,t),pointerEvents:c?"auto":void 0,...Re,...b?{width:"100%",textAlign:"center",whiteSpace:"normal"}:{}},children:l.jsx("span",{className:`${a}-overlay-anchor`,style:b?{display:"inline-block",maxWidth:"100%",whiteSpace:"normal",textAlign:"center"}:void 0,children:Jt==="submitting"?"...":v})})})]}),ye==="success"&&l.jsx("p",{className:`${a}-success`,style:{...Ae},children:ce}),ye==="error"&&l.jsx("p",{className:`${a}-error`,style:{...Ae},role:"alert",children:Pt??yt??Se})]})}const dc={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"},uc=["hover","focus","filled","success","error"],pc=`import React, { useMemo, useState } from 'react';\r
 import { CommonComponentProps } from '../props';\r
 import { buildColorVars, getFormFieldValidationError, scalingValue, useScopedStyles } from '../utils/index';\r
 import { omitTextColors, textStylesToCss, type TextStyles } from '../utils/textStylesToCss';\r
@@ -789,7 +789,7 @@ const COLOR_VAR_MAP: Record<ColorKeys, string> = {\r
 };\r
 \r
 const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;\r
-`,uc=[{name:"name",type:"text",placeholder:"Enter your name",label:"Name",isRequired:!1,error:"Please, enter your name."},{name:"email",type:"email",placeholder:"Enter your email",label:"Email",isRequired:!0,error:"Please, enter a valid e-mail."},{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"}],zn={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},pc=["inputColor","inputTextColor","inputBorderColor","placeholderColor","buttonColor","buttonTextColor","buttonBorderColor","labelTextColor","successColor","errorColor"],mc={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:"numeric-input"},min:0,max:100},fieldsGap:{type:"number",scope:"layout",title:"Gap",display:{type:"numeric-input",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:"numeric-input"},min:0,max:20},buttonCorners:{type:"number",scope:"layout",title:"Corners",display:{type:"numeric-input",enabled:!0},min:0,max:100},inputStroke:{type:"number",scope:"layout",title:"Stroke",display:{type:"numeric-input"},min:0,max:20},inputCorners:{type:"number",scope:"layout",title:"Corners",display:{type:"numeric-input",enabled:!0},min:0,max:100},inputColor:{type:"string",scope:"common",title:"Fill Input",display:{type:"palette-color-picker"}},inputTextColor:{type:"string",scope:"common",title:"Input Label",display:{type:"palette-color-picker"}},inputBorderColor:{type:"string",scope:"common",title:"Stroke Input",display:{type:"palette-color-picker"}},placeholderColor:{type:"string",scope:"common",title:"Filler Input",display:{type:"palette-color-picker"}},buttonColor:{type:"string",scope:"common",title:"Fill Button",display:{type:"palette-color-picker"}},buttonTextColor:{type:"string",scope:"common",title:"Label Button",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:"Stroke Button",display:{type:"palette-color-picker"}},labelTextColor:{type:"string",scope:"common",title:"Label Button",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:{...zn.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:{...zn.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:{...zn.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:{...zn.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:uc,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:"settings",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__","name","fieldsToShow"]},"type",{type:"group",title:"",items:[{type:"row",title:"Input",items:["inputCorners","inputPadding"]},{type:"row",title:"",items:["inputStroke"]}]},{type:"group",title:"",items:[{type:"row",title:"Button",items:["buttonCorners","buttonPadding"]},{type:"row",title:"",items:["buttonStroke","isButtonFullWidth"]}]}]},{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:[...pc],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"]},gc={element:sc,id:"form",name:"Newsletter Stacked",category:"forms",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Newsletter_Stacked.png"},defaultSize:{d:{width:300,height:42},t:{width:346,height:42},m:{width:300,height:42}},schema:mc,sourceCode:dc};function Kn(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function hc(e){return`
+`,mc=[{name:"name",type:"text",placeholder:"Enter your name",label:"Name",isRequired:!1,error:"Please, enter your name."},{name:"email",type:"email",placeholder:"Enter your email",label:"Email",isRequired:!0,error:"Please, enter a valid e-mail."},{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"}],Xn={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},gc=["inputColor","inputTextColor","inputBorderColor","placeholderColor","buttonColor","buttonTextColor","buttonBorderColor","labelTextColor","successColor","errorColor"],hc={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:"numeric-input"},min:0,max:100},fieldsGap:{type:"number",scope:"layout",title:"Gap",display:{type:"numeric-input",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:"numeric-input"},min:0,max:20},buttonCorners:{type:"number",scope:"layout",title:"Corners",display:{type:"numeric-input",enabled:!0},min:0,max:100},inputStroke:{type:"number",scope:"layout",title:"Stroke",display:{type:"numeric-input"},min:0,max:20},inputCorners:{type:"number",scope:"layout",title:"Corners",display:{type:"numeric-input",enabled:!0},min:0,max:100},inputColor:{type:"string",scope:"common",title:"Fill Input",display:{type:"palette-color-picker"}},inputTextColor:{type:"string",scope:"common",title:"Input Label",display:{type:"palette-color-picker"}},inputBorderColor:{type:"string",scope:"common",title:"Stroke Input",display:{type:"palette-color-picker"}},placeholderColor:{type:"string",scope:"common",title:"Filler Input",display:{type:"palette-color-picker"}},buttonColor:{type:"string",scope:"common",title:"Fill Button",display:{type:"palette-color-picker"}},buttonTextColor:{type:"string",scope:"common",title:"Label Button",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:"Stroke Button",display:{type:"palette-color-picker"}},labelTextColor:{type:"string",scope:"common",title:"Label Button",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:{...Xn.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:{...Xn.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:{...Xn.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:{...Xn.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:mc,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:"settings",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__","name","fieldsToShow"]},"type",{type:"group",title:"",items:[{type:"row",title:"Input",items:["inputCorners","inputPadding"]},{type:"row",title:"",items:["inputStroke"]}]},{type:"group",title:"",items:[{type:"row",title:"Button",items:["buttonCorners","buttonPadding"]},{type:"row",title:"",items:["buttonStroke","isButtonFullWidth"]}]}]},{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:[...gc],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"]},fc={element:cc,id:"form",name:"Newsletter Stacked",category:"forms",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Newsletter_Stacked.png"},defaultSize:{d:{width:300,height:42},t:{width:346,height:42},m:{width:300,height:42}},schema:hc,sourceCode:pc};function Zn(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function yc(e){return`
 .${e}-wrapper {
   display: flex;
   flex-direction: column;
@@ -971,16 +971,16 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;\r
   align-items: center;
 }
 .${e}-success {
-  margin-top: ${Kn(8)};
-  font-size: ${Kn(14)};
+  margin-top: ${Zn(8)};
+  font-size: ${Zn(14)};
   color: var(--${e}-success-success-color, var(--${e}-success-color));
 }
 .${e}-error {
-  margin-top: ${Kn(8)};
-  font-size: ${Kn(14)};
+  margin-top: ${Zn(8)};
+  font-size: ${Zn(14)};
   color: var(--${e}-error-error-color, var(--${e}-error-color));
 }
-`}const fc=({settings:e,isEditor:t,isPreviewMode:n,metadata:r,activeEvent:o})=>{const{prefix:i}=E.useScopedStyles(),s=n&&t||!t,{fields:c=[{name:"email",type:"email",placeholder:"Your email"}],buttonIcon:a,buttonLabel:d,fieldsToShow:p=1,fontFamily:L,inputFontSettings:v,inputFontSize:S,inputLineHeight:m,inputLetterSpacing:g,inputWordSpacing:I,inputTextAppearance:x,buttonFontSettings:b,buttonFontSize:h,buttonLineHeight:B,buttonLetterSpacing:_,buttonWordSpacing:A,buttonTextAppearance:T,statusFontSettings:R,statusFontSize:$,statusLineHeight:H,statusLetterSpacing:P,statusWordSpacing:O,statusTextAppearance:V,iconMaxWidth:X,minHeight:G,corners:w,stroke:W,stateOverrides:M,inputPadding:N,buttonPadding:k,successMessage:D="Thanks for subscribing!",errorMessage:ee="Please, fill all required fields."}=e,re=c.slice(0,Math.min(p,c.length)),[J,ue]=u.useState(()=>Object.fromEntries(re.map(Se=>[Se.name,""]))),[C,oe]=u.useState("idle"),[Te,le]=u.useState(null),fe=o==="success"?"success":o==="error"?"error":C,Re=o==="error"?ee:Te,ne=o==="filled",f=u.useMemo(()=>{if(!ne)return J;let Se=null;for(const Fe of re)(J[Fe.name]??"").trim().length>0||(Se=Se??{...J},Se[Fe.name]="Filled");return Se??J},[ne,J,re]),y=fe==="error"?E.getFormFieldValidationError(re,f):null,F=o&&o!=="default"?`${i}-state-${o}`:"",j=re.some(Se=>(f[Se.name]??"").trim().length>0),U=F!==`${i}-state-filled`&&j?`${i}-state-filled`:"",te=`${F} ${U}`.trim(),Q=r==null?void 0:r.submitUrl,Z=d??"",ce=(a==null?void 0:a.icon)??"",Ce=(a==null?void 0:a.mode)==="On",ye=Z||"Submit",de={fontSettings:{fontFamily:L,fontWeight:(v==null?void 0:v.fontWeight)??400,fontStyle:(v==null?void 0:v.fontStyle)??"normal"},fontSize:S??.01,lineHeight:m,letterSpacing:g??0,wordSpacing:I??0,textAppearance:x,color:e.inputTextColor??"#111111"},K={fontSettings:{fontFamily:L,fontWeight:(b==null?void 0:b.fontWeight)??400,fontStyle:(b==null?void 0:b.fontStyle)??"normal"},fontSize:h??.01,lineHeight:B,letterSpacing:_??0,wordSpacing:A??0,textAppearance:T,color:e.buttonTextColor??"#ffffff"},q={fontSettings:{fontFamily:L,fontWeight:(R==null?void 0:R.fontWeight)??400,fontStyle:(R==null?void 0:R.fontStyle)??"normal"},fontSize:$??.01,lineHeight:H,letterSpacing:P??0,wordSpacing:O??0,textAppearance:V,color:e.successColor??"#22c55e"},z=ft(Ye(de,t)),se=ft(Ye(K,t)),be=ft(Ye(q,t)),We=E.buildColorVars(i,{strokeColor:e.strokeColor,inputColor:e.inputColor,placeholderColor:e.placeholderColor,buttonColor:e.buttonColor,successColor:e.successColor,errorColor:e.errorColor,inputTextColor:e.inputTextColor??(de==null?void 0:de.color)??"#111111",buttonTextColor:e.buttonTextColor??(K==null?void 0:K.color)??"#ffffff"},yc,vc,M),Ae={borderRadius:E.scalingValue(w,t),borderWidth:E.scalingValue(W,t),borderStyle:"solid"},Ie={borderLeftWidth:E.scalingValue(W,t)},st=async Se=>{if(Se.preventDefault(),!s)return;const Fe=Object.fromEntries(re.map(ke=>{var ze;return[ke.name,((ze=J[ke.name])==null?void 0:ze.trim())??""]}).filter(([,ke])=>ke));if(!Q){oe("error"),le("No integrations were found for this form.");return}if(Object.keys(Fe).length===0)return;const Oe=E.getFormFieldValidationError(re,J);if(Oe){oe("error"),le(Oe);return}oe("submitting"),le(null);try{const ke=await fetch(Q,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(Fe)});if(!ke.ok){const ze=await ke.text();throw new Error(ze||`Request failed: ${ke.status}`)}oe("success"),ue(Object.fromEntries(re.map(ze=>[ze.name,""])))}catch(ke){oe("error"),le(ke instanceof Error?ke.message:"Something went wrong")}};return l.jsxs("div",{className:`${i}-wrapper ${te}`.trim(),style:We,children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:hc(i)}}),l.jsxs("form",{onSubmit:st,className:`${i}-form`,style:{...Ae,height:E.scalingValue(G,t),minHeight:E.scalingValue(G,t)},children:[l.jsx("div",{className:`${i}-inputWrap ${i}-overlayAnchor`,style:{flex:1,minWidth:0},children:re.map(Se=>l.jsx("input",{type:Se.type==="email"?"email":Se.type==="phone"?"tel":"text",name:Se.name,autoComplete:"off",value:f[Se.name]??"",onChange:Fe=>ue(Oe=>({...Oe,[Se.name]:Fe.target.value})),placeholder:Se.placeholder,required:Se.isRequired??Se.type==="email",className:`${i}-input`,style:{...z,paddingRight:E.scalingValue(N.right,t),paddingLeft:E.scalingValue(N.left,t),paddingTop:E.scalingValue(N.top,t),paddingBottom:E.scalingValue(N.bottom,t)}},Se.name))}),l.jsx("div",{className:`${i}-overlayAnchor`,children:l.jsx("button",{type:s?"submit":"button",className:`${i}-submitBtn`,"aria-label":ye,style:{...se,...Ie,paddingRight:E.scalingValue(k.right,t),paddingLeft:E.scalingValue(k.left,t),paddingTop:E.scalingValue(k.top,t),paddingBottom:E.scalingValue(k.bottom,t),pointerEvents:s?"auto":void 0},children:C==="submitting"?"...":Ce?ce&&l.jsx(Ft,{url:ce,className:`${i}-submitBtnIcon`,style:{maxWidth:E.scalingValue(X??0,t)},fill:`var(--${i}-button-text-color)`,hoverFill:`var(--${i}-button-text-color)`}):Z})})]}),fe==="success"&&l.jsx("p",{className:`${i}-success`,style:{...be},children:D}),fe==="error"&&l.jsx("p",{className:`${i}-error`,style:{...be},role:"alert",children:y??Re??ee})]})},yc={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"},vc=["hover","focus","filled","success","error"],bc=`import React, { useMemo, useState } from 'react';\r
+`}const vc=({settings:e,isEditor:t,isPreviewMode:n,metadata:r,activeEvent:i})=>{const{prefix:o}=E.useScopedStyles(),s=n&&t||!t,{fields:c=[{name:"email",type:"email",placeholder:"Your email"}],buttonIcon:a,buttonLabel:d,fieldsToShow:p=1,fontFamily:L,inputFontSettings:v,inputFontSize:S,inputLineHeight:m,inputLetterSpacing:g,inputWordSpacing:R,inputTextAppearance:x,buttonFontSettings:b,buttonFontSize:h,buttonLineHeight:B,buttonLetterSpacing:_,buttonWordSpacing:A,buttonTextAppearance:T,statusFontSettings:W,statusFontSize:$,statusLineHeight:N,statusLetterSpacing:P,statusWordSpacing:O,statusTextAppearance:V,iconMaxWidth:X,minHeight:G,corners:w,stroke:I,stateOverrides:M,inputPadding:H,buttonPadding:F,successMessage:D="Thanks for subscribing!",errorMessage:ee="Please, fill all required fields."}=e,re=c.slice(0,Math.min(p,c.length)),[J,de]=u.useState(()=>Object.fromEntries(re.map(we=>[we.name,""]))),[C,ie]=u.useState("idle"),[Le,le]=u.useState(null),fe=i==="success"?"success":i==="error"?"error":C,We=i==="error"?ee:Le,te=i==="filled",f=u.useMemo(()=>{if(!te)return J;let we=null;for(const ke of re)(J[ke.name]??"").trim().length>0||(we=we??{...J},we[ke.name]="Filled");return we??J},[te,J,re]),y=fe==="error"?E.getFormFieldValidationError(re,f):null,k=i&&i!=="default"?`${o}-state-${i}`:"",j=re.some(we=>(f[we.name]??"").trim().length>0),U=k!==`${o}-state-filled`&&j?`${o}-state-filled`:"",ne=`${k} ${U}`.trim(),Q=r==null?void 0:r.submitUrl,Z=d??"",ce=(a==null?void 0:a.icon)??"",Se=(a==null?void 0:a.mode)==="On",ve=Z||"Submit",ue={fontSettings:{fontFamily:L,fontWeight:(v==null?void 0:v.fontWeight)??400,fontStyle:(v==null?void 0:v.fontStyle)??"normal"},fontSize:S??.01,lineHeight:m,letterSpacing:g??0,wordSpacing:R??0,textAppearance:x,color:e.inputTextColor??"#111111"},K={fontSettings:{fontFamily:L,fontWeight:(b==null?void 0:b.fontWeight)??400,fontStyle:(b==null?void 0:b.fontStyle)??"normal"},fontSize:h??.01,lineHeight:B,letterSpacing:_??0,wordSpacing:A??0,textAppearance:T,color:e.buttonTextColor??"#ffffff"},q={fontSettings:{fontFamily:L,fontWeight:(W==null?void 0:W.fontWeight)??400,fontStyle:(W==null?void 0:W.fontStyle)??"normal"},fontSize:$??.01,lineHeight:N,letterSpacing:P??0,wordSpacing:O??0,textAppearance:V,color:e.successColor??"#22c55e"},z=pt(Ze(ue,t)),se=pt(Ze(K,t)),xe=pt(Ze(q,t)),Me=E.buildColorVars(o,{strokeColor:e.strokeColor,inputColor:e.inputColor,placeholderColor:e.placeholderColor,buttonColor:e.buttonColor,successColor:e.successColor,errorColor:e.errorColor,inputTextColor:e.inputTextColor??(ue==null?void 0:ue.color)??"#111111",buttonTextColor:e.buttonTextColor??(K==null?void 0:K.color)??"#ffffff"},bc,xc,M),Ie={borderRadius:E.scalingValue(w,t),borderWidth:E.scalingValue(I,t),borderStyle:"solid"},Re={borderLeftWidth:E.scalingValue(I,t)},lt=async we=>{if(we.preventDefault(),!s)return;const ke=Object.fromEntries(re.map(Ae=>{var De;return[Ae.name,((De=J[Ae.name])==null?void 0:De.trim())??""]}).filter(([,Ae])=>Ae));if(!Q){ie("error"),le("No integrations were found for this form.");return}if(Object.keys(ke).length===0)return;const je=E.getFormFieldValidationError(re,J);if(je){ie("error"),le(je);return}ie("submitting"),le(null);try{const Ae=await fetch(Q,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(ke)});if(!Ae.ok){const De=await Ae.text();throw new Error(De||`Request failed: ${Ae.status}`)}ie("success"),de(Object.fromEntries(re.map(De=>[De.name,""])))}catch(Ae){ie("error"),le(Ae instanceof Error?Ae.message:"Something went wrong")}};return l.jsxs("div",{className:`${o}-wrapper ${ne}`.trim(),style:Me,children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:yc(o)}}),l.jsxs("form",{onSubmit:lt,className:`${o}-form`,style:{...Ie,height:E.scalingValue(G,t),minHeight:E.scalingValue(G,t)},children:[l.jsx("div",{className:`${o}-inputWrap ${o}-overlayAnchor`,style:{flex:1,minWidth:0},children:re.map(we=>l.jsx("input",{type:we.type==="email"?"email":we.type==="phone"?"tel":"text",name:we.name,autoComplete:"off",value:f[we.name]??"",onChange:ke=>de(je=>({...je,[we.name]:ke.target.value})),placeholder:we.placeholder,required:we.isRequired??we.type==="email",className:`${o}-input`,style:{...z,paddingRight:E.scalingValue(H.right,t),paddingLeft:E.scalingValue(H.left,t),paddingTop:E.scalingValue(H.top,t),paddingBottom:E.scalingValue(H.bottom,t)}},we.name))}),l.jsx("div",{className:`${o}-overlayAnchor`,children:l.jsx("button",{type:s?"submit":"button",className:`${o}-submitBtn`,"aria-label":ve,style:{...se,...Re,paddingRight:E.scalingValue(F.right,t),paddingLeft:E.scalingValue(F.left,t),paddingTop:E.scalingValue(F.top,t),paddingBottom:E.scalingValue(F.bottom,t),pointerEvents:s?"auto":void 0},children:C==="submitting"?"...":Se?ce&&l.jsx(Ft,{url:ce,className:`${o}-submitBtnIcon`,style:{maxWidth:E.scalingValue(X??0,t)},fill:`var(--${o}-button-text-color)`,hoverFill:`var(--${o}-button-text-color)`}):Z})})]}),fe==="success"&&l.jsx("p",{className:`${o}-success`,style:{...xe},children:D}),fe==="error"&&l.jsx("p",{className:`${o}-error`,style:{...xe},role:"alert",children:y??We??ee})]})},bc={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"},xc=["hover","focus","filled","success","error"],Cc=`import React, { useMemo, useState } from 'react';\r
 import { CommonComponentProps } from '../props';\r
 import { buildColorVars, getFormFieldValidationError, scalingValue, useScopedStyles } from '../utils/index';\r
 import { omitTextColors, textStylesToCss, type TextStyles } from '../utils/textStylesToCss';\r
@@ -1557,7 +1557,7 @@ const COLOR_VAR_MAP: Record<OnelinerColorKeys, string> = {\r
 };\r
 \r
 const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;\r
-`,xc="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>'),Cc=[{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."}],Lr={fontSettings:{type:"object",display:{type:"font-settings-weight",visible:!0},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},Sc=["strokeColor","inputColor","inputTextColor","placeholderColor","buttonColor","buttonTextColor","successColor","errorColor"],wc={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:"Input Padding",display:{type:"padding-controls"}},buttonPadding:{type:"object",scope:"layout",title:"Button Padding",display:{type:"padding-controls"}},minHeight:{type:"number",scope:"layout",title:"min Height",display:{type:"numeric-input"},min:0,max:200},corners:{type:"number",scope:"layout",title:"Corners",display:{type:"numeric-input"},min:0,max:100},stroke:{type:"number",scope:"layout",title:"Stroke",display:{type:"numeric-input"},min:0,max:20},strokeColor:{type:"string",scope:"common",title:"Stroke All",display:{type:"palette-color-picker"}},inputColor:{type:"string",scope:"common",title:"Fill Input",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 Input",display:{type:"palette-color-picker"}},buttonColor:{type:"string",scope:"common",title:"Fill Button",display:{type:"palette-color-picker"}},buttonTextColor:{type:"string",scope:"common",title:"Label Button",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:{...Lr.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:{...Lr.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:{...Lr.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:Cc,fieldsToShow:1,buttonLabel:"Subscribe",buttonIcon:{mode:"Off",icon:xc},fontFamily:"Arial",strokeColor:"#000000",inputColor:"#ffffff",inputTextColor:"#0A00F8",placeholderColor:"#000000",buttonColor:"#000000",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:.001,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:.001,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:"settings",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__","fieldsToShow"]},{type:"row",items:["minHeight"]},{type:"row",items:["corners","stroke"]},{type:"row",title:"",items:["inputPadding","buttonPadding"]},{type:"row",title:"",items:["buttonIcon"]},"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:[...Sc],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"]},$c={element:fc,id:"oneliner-form",name:"Newsletter Single Line",category:"forms",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Newsletter_Single_Line.png"},defaultSize:{d:{width:400,height:60},t:{width:453,height:60},m:{width:340,height:60}},assetsPaths:{content:[],parameters:[{path:"buttonIcon.icon"}]},schema:wc,sourceCode:bc};function Vo(e){return`
+`,Sc="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>'),wc=[{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."}],Ir={fontSettings:{type:"object",display:{type:"font-settings-weight",visible:!0},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},$c=["strokeColor","inputColor","inputTextColor","placeholderColor","buttonColor","buttonTextColor","successColor","errorColor"],Tc={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:"Input Padding",display:{type:"padding-controls"}},buttonPadding:{type:"object",scope:"layout",title:"Button Padding",display:{type:"padding-controls"}},minHeight:{type:"number",scope:"layout",title:"min Height",display:{type:"numeric-input"},min:0,max:200},corners:{type:"number",scope:"layout",title:"Corners",display:{type:"numeric-input"},min:0,max:100},stroke:{type:"number",scope:"layout",title:"Stroke",display:{type:"numeric-input"},min:0,max:20},strokeColor:{type:"string",scope:"common",title:"Stroke All",display:{type:"palette-color-picker"}},inputColor:{type:"string",scope:"common",title:"Fill Input",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 Input",display:{type:"palette-color-picker"}},buttonColor:{type:"string",scope:"common",title:"Fill Button",display:{type:"palette-color-picker"}},buttonTextColor:{type:"string",scope:"common",title:"Label Button",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:{...Ir.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:{...Ir.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:{...Ir.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:wc,fieldsToShow:1,buttonLabel:"Subscribe",buttonIcon:{mode:"Off",icon:Sc},fontFamily:"Arial",strokeColor:"#000000",inputColor:"#ffffff",inputTextColor:"#0A00F8",placeholderColor:"#000000",buttonColor:"#000000",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:.001,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:.001,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:"settings",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__","fieldsToShow"]},{type:"row",items:["minHeight"]},{type:"row",items:["corners","stroke"]},{type:"row",title:"",items:["inputPadding","buttonPadding"]},{type:"row",title:"",items:["buttonIcon"]},"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:[...$c],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"]},Lc={element:vc,id:"oneliner-form",name:"Newsletter Single Line",category:"forms",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Newsletter_Single_Line.png"},defaultSize:{d:{width:400,height:60},t:{width:453,height:60},m:{width:340,height:60}},assetsPaths:{content:[],parameters:[{path:"buttonIcon.icon"}]},schema:Tc,sourceCode:Cc};function Ki(e){return`
 .${e}-marquee-wrapper {
   overflow: hidden;
   width: 100%;
@@ -1689,7 +1689,7 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;\r
 .${e}-image-hover-grayscale:hover img {
   filter: grayscale(100%);
 }
-`}const Tc=30,Lc=20,Er=2,Ec=2,Pc=(e,t)=>Array.from({length:t},()=>e).flat(),_c=(e,t)=>{const n=t.getBoundingClientRect(),r=e.getBoundingClientRect();return r.right>n.left&&r.left<n.right},Ac=(e,t)=>{const n=e.querySelectorAll(`[data-marquee-item-index="${t}"]`);return Array.from(n).some(r=>_c(r,e))},Rc=({item:e,prefix:t,imageFit:n,imageMaxWidth:r,imageMaxHeight:o,imageHoverClass:i,isFirstSet:s,scaled:c,onFirstSetImageDone:a})=>{var T,R,$;const d=u.useRef(null);u.useLayoutEffect(()=>{if(!s)return;const H=d.current;H!=null&&H.complete&&(a==null||a())},[s,(T=e.image)==null?void 0:T.url,a]);const p=n.display==="Cover",L=n.ratioValue??"1:1",v=n.reversed??!1,[S,m]=L.split(":").map(Number),x=(v?m:S)/(v?S:m);let b=r,h=b/x;h>o&&(h=o,b=h*x);const B=c(b),_=c(h),A=((R=e.image)==null?void 0:R.url)&&l.jsx("img",{ref:d,src:e.image.url,alt:(($=e.image)==null?void 0:$.name)??"",style:p?{pointerEvents:"auto",display:"block",width:"100%",height:"100%",objectFit:"cover"}:{pointerEvents:"auto",display:"block",height:"100%",width:"auto",maxWidth:c(r),objectFit:"contain"},onLoad:s?a:void 0,onError:s?a:void 0});return l.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"start",...p?{width:B}:{width:"fit-content",maxWidth:c(r),minWidth:0}},children:l.jsx("div",{className:i,style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",flexShrink:0,...p?{width:B,height:_,overflow:"hidden"}:{width:"fit-content",maxWidth:c(r),height:c(o)}},children:A&&e.link?l.jsx("a",{href:e.link,target:"_blank",rel:"noopener noreferrer",className:$e(`${t}-marquee-link`,!p&&`${t}-marquee-link-contain`),children:A}):A})})},Wc=({settings:e,content:t,isEditor:n,isPreviewMode:r,isEditMode:o})=>{const{prefix:i}=E.useScopedStyles(),{speed:s,direction:c,pauseOnHover:a,gap:d,imageMaxWidth:p,imageMaxHeight:L,imageFit:v,hoverEffect:S}=e,m=!!o,g=!n||!!r,I=g&&S!=="off"&&S!=="randomize"?`${i}-image-hover-${S}`:void 0,x=n?!!r:!0,h=((t==null?void 0:t.length)??0)>0&&(x||!!n),B=Math.max(0,s)*Tc,_=f=>E.scalingValue(f,n??!1),A=u.useRef(null),T=u.useRef(null),R=u.useRef(null),[$,H]=u.useState(0),[P,O]=u.useState(0),V=x&&a==="on",[X,G]=u.useState(!1),[w,W]=u.useState({}),M=u.useRef(w);M.current=w;const N=u.useRef(null),k=u.useRef(0),D=u.useRef(null),ee=u.useMemo(()=>(t??[]).map(f=>{var y;return((y=f.image)==null?void 0:y.url)??""}).join("\0"),[t]),[re,J]=u.useState(Er),ue=u.useMemo(()=>{const f=t??[];return!x||f.length===0?f:Pc(f,re)},[t,x,re]),C=u.useMemo(()=>ue.filter(f=>{var y;return!!((y=f.image)!=null&&y.url)}).length,[ue]),oe=h?Ec:1;u.useLayoutEffect(()=>{k.current=0,W({}),N.current=null,J(Er),H(0)},[ee]),u.useEffect(()=>{if(!g||S!=="randomize")return;const f=A.current;if(!f)return;const y=te=>{W(Q=>{let Z=null;for(const ce of te)ce in Q&&(Ac(f,ce)||(Z||(Z={...Q}),delete Z[ce]));return Z??Q})},F=new IntersectionObserver(te=>{const Q=new Set;for(const Z of te){const ce=Z.target.dataset.marqueeItemIndex,Ce=ce!==void 0?Number(ce):NaN;Number.isNaN(Ce)||Q.add(Ce)}Q.size>0&&y(Q)},{root:f,threshold:0});Object.keys(w).forEach(te=>{const Q=Number(te);f.querySelectorAll(`[data-marquee-item-index="${Q}"]`).forEach(Z=>F.observe(Z))});let j=0;const U=()=>{const te=Object.keys(M.current);te.length!==0&&(y(te.map(Number)),j=requestAnimationFrame(U))};return Object.keys(M.current).length>0&&(j=requestAnimationFrame(U)),()=>{cancelAnimationFrame(j),F.disconnect()}},[S,w,g]),u.useLayoutEffect(()=>{if(!h)return;const f=A.current,y=R.current;if(!f||!y)return;let F=0;const j=()=>{const Q=f.getBoundingClientRect().width,Z=y.getBoundingClientRect().width,ce=N.current,Ce=typeof ce=="number"&&Math.abs(ce-Z)<=.25;if(N.current=Z,x&&Z>0&&re>0){const ye=Z/re;if(ye>0&&Q>0){const de=Math.max(Er,Math.ceil(Q/ye)+1);if(de!==re){J(de);return}}}if(Z>0&&$<=0){H(Z);return}Ce&&Z!==$?H(Z):!Ce&&$<=0&&(cancelAnimationFrame(F),F=requestAnimationFrame(j))},U=()=>{cancelAnimationFrame(F),F=requestAnimationFrame(j)};D.current=U,U();const te=new ResizeObserver(U);return te.observe(f),te.observe(y),()=>{D.current=null,cancelAnimationFrame(F),te.disconnect()}},[x,h,$,ee,re]),u.useLayoutEffect(()=>{const f=T.current;if(!h||!f)return;const y=$>0?$:0,F=y>0&&B>0?y/B*1e3:0,j=`${Math.max(0,F)/1e3}s`;f.style.setProperty("--marquee-distance",`${y}px`),f.style.setProperty("--marquee-duration",j)},[x,h,B,$]),u.useLayoutEffect(()=>{if(!h){O(0);return}if($<=0){O(0);return}const f=T.current;if(!f)return;const y=()=>{const j=f.getBoundingClientRect().height;O(j>0?j:0)};y();const F=new ResizeObserver(y);return F.observe(f),()=>F.disconnect()},[h,oe,ue,n,d,p,L,$,v,w]);const Te=()=>{V&&G(!0)},le=()=>{V&&G(!1)},fe=u.useCallback(()=>{var f;k.current=Math.min(C,k.current+1),(f=D.current)==null||f.call(D)},[C]),Re=u.useCallback((f,y)=>{W(F=>{const j=F[f]??y,U=(t??[]).filter(Q=>Q!==j);if(U.length===0)return F;const te=U[Math.floor(Math.random()*U.length)];return{...F,[f]:te}})},[t]),ne=(f,y,F,j)=>{const U=g&&S==="randomize"&&v.display==="Cover"?w[F]??f:f,te=`max(${_(d)}, ${Lc}px)`,Q=`calc(-0.5 * (${te} + ${_(d)}))`;return l.jsxs("div",{className:`${i}-marquee-card`,"data-marquee-item-index":F,onMouseEnter:g&&S==="randomize"&&v.display==="Cover"?()=>Re(F,f):void 0,children:[l.jsx(Rc,{item:U,prefix:i,imageFit:v,imageMaxWidth:p,imageMaxHeight:L,imageHoverClass:I,isEditor:n,isFirstSet:j,scaled:_,onFirstSetImageDone:fe}),m&&l.jsx("div",{"data-controls":"gap","data-controls-axis":"x",className:`${i}-gap-control`,style:{position:"absolute",top:0,right:Q,width:te,height:"100%"}})]},`${y}-${F}`)};if(h){const f=x?V&&X?"paused":"running":"paused";return l.jsxs("div",{ref:A,className:$e(`${i}-wrapper`,`${i}-marquee-wrapper`),"aria-label":"Marquee",style:$>0&&P>0?{height:P}:void 0,children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:Vo(i)}}),l.jsx("div",{ref:T,className:`${i}-marquee-track`,"data-direction":c,onMouseEnter:Te,onMouseLeave:le,style:{"--marquee-play-state":f},children:Array.from({length:oe},(y,F)=>l.jsx("div",{ref:F===0?R:void 0,className:$e(`${i}-marquee-row`,`${i}-marquee-set`),style:{gap:_(d),paddingRight:_(d)},"aria-hidden":F>0,children:ue.map((j,U)=>ne(j,F,U,F===0))},`set-${F}`))},"marquee-track")]})}return l.jsxs("div",{ref:A,className:`${i}-wrapper`,children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:Vo(i)}}),l.jsx("div",{className:$e(`${i}-marquee-row`,`${i}-marquee-static`),style:{gap:_(d),transform:"none"},"aria-label":"Marquee",children:t==null?void 0:t.map((f,y)=>ne(f,0,y))},"marquee-static")]})},Ic=`import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\r
+`}const Ec=30,Pc=20,kr=2,_c=2,Ac=(e,t)=>Array.from({length:t},()=>e).flat(),Wc=(e,t)=>{const n=t.getBoundingClientRect(),r=e.getBoundingClientRect();return r.right>n.left&&r.left<n.right},Rc=(e,t)=>{const n=e.querySelectorAll(`[data-marquee-item-index="${t}"]`);return Array.from(n).some(r=>Wc(r,e))},Ic=({item:e,prefix:t,imageFit:n,imageMaxWidth:r,imageMaxHeight:i,imageHoverClass:o,isFirstSet:s,scaled:c,onFirstSetImageDone:a})=>{var T,W,$;const d=u.useRef(null);u.useLayoutEffect(()=>{if(!s)return;const N=d.current;N!=null&&N.complete&&(a==null||a())},[s,(T=e.image)==null?void 0:T.url,a]);const p=n.display==="Cover",L=n.ratioValue??"1:1",v=n.reversed??!1,[S,m]=L.split(":").map(Number),x=(v?m:S)/(v?S:m);let b=r,h=b/x;h>i&&(h=i,b=h*x);const B=c(b),_=c(h),A=((W=e.image)==null?void 0:W.url)&&l.jsx("img",{ref:d,src:e.image.url,alt:(($=e.image)==null?void 0:$.name)??"",style:p?{pointerEvents:"auto",display:"block",width:"100%",height:"100%",objectFit:"cover"}:{pointerEvents:"auto",display:"block",height:"100%",width:"auto",maxWidth:c(r),objectFit:"contain"},onLoad:s?a:void 0,onError:s?a:void 0});return l.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"start",...p?{width:B}:{width:"fit-content",maxWidth:c(r),minWidth:0}},children:l.jsx("div",{className:o,style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",flexShrink:0,...p?{width:B,height:_,overflow:"hidden"}:{width:"fit-content",maxWidth:c(r),height:c(i)}},children:A&&e.link?l.jsx("a",{href:e.link,target:"_blank",rel:"noopener noreferrer",className:Te(`${t}-marquee-link`,!p&&`${t}-marquee-link-contain`),children:A}):A})})},kc=({settings:e,content:t,isEditor:n,isPreviewMode:r,isEditMode:i})=>{const{prefix:o}=E.useScopedStyles(),{speed:s,direction:c,pauseOnHover:a,gap:d,imageMaxWidth:p,imageMaxHeight:L,imageFit:v,hoverEffect:S}=e,m=!!i,g=!n||!!r,R=g&&S!=="off"&&S!=="randomize"?`${o}-image-hover-${S}`:void 0,x=n?!!r:!0,h=((t==null?void 0:t.length)??0)>0&&(x||!!n),B=Math.max(0,s)*Ec,_=f=>E.scalingValue(f,n??!1),A=u.useRef(null),T=u.useRef(null),W=u.useRef(null),[$,N]=u.useState(0),[P,O]=u.useState(0),V=x&&a==="on",[X,G]=u.useState(!1),[w,I]=u.useState({}),M=u.useRef(w);M.current=w;const H=u.useRef(null),F=u.useRef(0),D=u.useRef(null),ee=u.useMemo(()=>(t??[]).map(f=>{var y;return((y=f.image)==null?void 0:y.url)??""}).join("\0"),[t]),[re,J]=u.useState(kr),de=u.useMemo(()=>{const f=t??[];return!x||f.length===0?f:Ac(f,re)},[t,x,re]),C=u.useMemo(()=>de.filter(f=>{var y;return!!((y=f.image)!=null&&y.url)}).length,[de]),ie=h?_c:1;u.useLayoutEffect(()=>{F.current=0,I({}),H.current=null,J(kr),N(0)},[ee]),u.useEffect(()=>{if(!g||S!=="randomize")return;const f=A.current;if(!f)return;const y=ne=>{I(Q=>{let Z=null;for(const ce of ne)ce in Q&&(Rc(f,ce)||(Z||(Z={...Q}),delete Z[ce]));return Z??Q})},k=new IntersectionObserver(ne=>{const Q=new Set;for(const Z of ne){const ce=Z.target.dataset.marqueeItemIndex,Se=ce!==void 0?Number(ce):NaN;Number.isNaN(Se)||Q.add(Se)}Q.size>0&&y(Q)},{root:f,threshold:0});Object.keys(w).forEach(ne=>{const Q=Number(ne);f.querySelectorAll(`[data-marquee-item-index="${Q}"]`).forEach(Z=>k.observe(Z))});let j=0;const U=()=>{const ne=Object.keys(M.current);ne.length!==0&&(y(ne.map(Number)),j=requestAnimationFrame(U))};return Object.keys(M.current).length>0&&(j=requestAnimationFrame(U)),()=>{cancelAnimationFrame(j),k.disconnect()}},[S,w,g]),u.useLayoutEffect(()=>{if(!h)return;const f=A.current,y=W.current;if(!f||!y)return;let k=0;const j=()=>{const Q=f.getBoundingClientRect().width,Z=y.getBoundingClientRect().width,ce=H.current,Se=typeof ce=="number"&&Math.abs(ce-Z)<=.25;if(H.current=Z,x&&Z>0&&re>0){const ve=Z/re;if(ve>0&&Q>0){const ue=Math.max(kr,Math.ceil(Q/ve)+1);if(ue!==re){J(ue);return}}}if(Z>0&&$<=0){N(Z);return}Se&&Z!==$?N(Z):!Se&&$<=0&&(cancelAnimationFrame(k),k=requestAnimationFrame(j))},U=()=>{cancelAnimationFrame(k),k=requestAnimationFrame(j)};D.current=U,U();const ne=new ResizeObserver(U);return ne.observe(f),ne.observe(y),()=>{D.current=null,cancelAnimationFrame(k),ne.disconnect()}},[x,h,$,ee,re]),u.useLayoutEffect(()=>{const f=T.current;if(!h||!f)return;const y=$>0?$:0,k=y>0&&B>0?y/B*1e3:0,j=`${Math.max(0,k)/1e3}s`;f.style.setProperty("--marquee-distance",`${y}px`),f.style.setProperty("--marquee-duration",j)},[x,h,B,$]),u.useLayoutEffect(()=>{if(!h){O(0);return}if($<=0){O(0);return}const f=T.current;if(!f)return;const y=()=>{const j=f.getBoundingClientRect().height;O(j>0?j:0)};y();const k=new ResizeObserver(y);return k.observe(f),()=>k.disconnect()},[h,ie,de,n,d,p,L,$,v,w]);const Le=()=>{V&&G(!0)},le=()=>{V&&G(!1)},fe=u.useCallback(()=>{var f;F.current=Math.min(C,F.current+1),(f=D.current)==null||f.call(D)},[C]),We=u.useCallback((f,y)=>{I(k=>{const j=k[f]??y,U=(t??[]).filter(Q=>Q!==j);if(U.length===0)return k;const ne=U[Math.floor(Math.random()*U.length)];return{...k,[f]:ne}})},[t]),te=(f,y,k,j)=>{const U=g&&S==="randomize"&&v.display==="Cover"?w[k]??f:f,ne=`max(${_(d)}, ${Pc}px)`,Q=`calc(-0.5 * (${ne} + ${_(d)}))`;return l.jsxs("div",{className:`${o}-marquee-card`,"data-marquee-item-index":k,onMouseEnter:g&&S==="randomize"&&v.display==="Cover"?()=>We(k,f):void 0,children:[l.jsx(Ic,{item:U,prefix:o,imageFit:v,imageMaxWidth:p,imageMaxHeight:L,imageHoverClass:R,isEditor:n,isFirstSet:j,scaled:_,onFirstSetImageDone:fe}),m&&l.jsx("div",{"data-controls":"gap","data-controls-axis":"x",className:`${o}-gap-control`,style:{position:"absolute",top:0,right:Q,width:ne,height:"100%"}})]},`${y}-${k}`)};if(h){const f=x?V&&X?"paused":"running":"paused";return l.jsxs("div",{ref:A,className:Te(`${o}-wrapper`,`${o}-marquee-wrapper`),"aria-label":"Marquee",style:$>0&&P>0?{height:P}:void 0,children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:Ki(o)}}),l.jsx("div",{ref:T,className:`${o}-marquee-track`,"data-direction":c,onMouseEnter:Le,onMouseLeave:le,style:{"--marquee-play-state":f},children:Array.from({length:ie},(y,k)=>l.jsx("div",{ref:k===0?W:void 0,className:Te(`${o}-marquee-row`,`${o}-marquee-set`),style:{gap:_(d),paddingRight:_(d)},"aria-hidden":k>0,children:de.map((j,U)=>te(j,k,U,k===0))},`set-${k}`))},"marquee-track")]})}return l.jsxs("div",{ref:A,className:`${o}-wrapper`,children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:Ki(o)}}),l.jsx("div",{className:Te(`${o}-marquee-row`,`${o}-marquee-static`),style:{gap:_(d),transform:"none"},"aria-label":"Marquee",children:t==null?void 0:t.map((f,y)=>te(f,0,y))},"marquee-static")]})},Fc=`import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\r
 import cn from 'classnames';\r
 import { CommonComponentProps } from '../props';\r
 import { scalingValue } from '../utils/scalingValue';\r
@@ -2319,7 +2319,7 @@ type MarqueeProps = {\r
   isPreviewMode?: boolean;\r
   isEditMode?: boolean;\r
 } & CommonComponentProps;\r
-`,kc={type:"object",version:1,settings:{sizing:"auto manual",properties:{speed:{type:"number",scope:"layout",title:"Speed",display:{type:"speed-control"},min:.5,max:7},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:"toggle-cycle",enum:["on","off"]}},hoverEffect:{type:"string",scope:"common",title:"Effect",display:{type:"toggle-cycle",enum:["off","brightness","grayscale"]}},gap:{type:"number",scope:"layout",title:"Gap",min:0,max:200,display:{type:"numeric-input"}},imageMaxWidth:{type:"number",scope:"layout",title:"Max width",min:10,max:400,display:{type:"numeric-input"}},imageMaxHeight:{type:"number",scope:"layout",title:"Max height",min:10,max:400,display:{type:"numeric-input"}},imageFit:{type:"object",scope:"common",title:"Display",display:{type:"image-ratio-control"},properties:{display:{type:"string",enum:["Fit","Cover"]},ratioValue:{type:"string",enum:["1:1","2:3","3:4","4:5","16:9"]},reversed:{type:"boolean"}}}},defaults:{direction:"left",pauseOnHover:"off",hoverEffect:"off",imageFit:{display:"Fit",ratioValue:"16:9",reversed:!1}},layoutDefaults:{m:{speed:.55,gap:.04,imageMaxWidth:.8,imageMaxHeight:.21},d:{speed:1.64,gap:.02,imageMaxWidth:.15,imageMaxHeight:.1}},displayRules:[{if:{name:"imageFit.display",value:"Cover"},then:{name:"properties.hoverEffect.display.enum",value:["off","brightness","grayscale","randomize"]}}],layout:["__componentName__","speed","direction","pauseOnHover","hoverEffect","gap","imageMaxWidth","imageMaxHeight","imageFit"]},panels:[{id:"general",icon:"settings",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__"]},{type:"row",items:["speed","imageFit"]},{type:"row",items:["imageMaxWidth","imageMaxHeight"]},{type:"row",items:["direction"]},{type:"row",title:"Hover Settings",items:[{type:"row",title:"",items:["hoverEffect","pauseOnHover"]}]}]}],content:{type:"array",settings:{addItemFromFileExplorer:!0},items:{type:"object",properties:{image:{type:"object",label:"Image",display:{type:"media-input"}},link:{label:"URL",placeholder:"Enter link...",display:{type:"text-input"}}}},default:[{image:{url:"https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ7RZNCQFC3T744H0KX6R3FR.jpeg",name:""},link:""},{image:{url:"https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ7RZRTSS60YBFT6Y37ZX00T.jpeg",name:""},link:""},{image:{url:"https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ9M9YJPQ5JWKCHDEW5M1GJD.jpeg",name:""},link:""},{image:{url:"https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ7S04EHBXQS1T4KVAMZNZQM.jpeg",name:""},link:""},{image:{url:"https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ7S08Q40WHD39024VNDWF2Q.jpeg",name:""},link:""}]}},Fc={element:Wc,id:"marquee",name:"Marquee",category:"galleries",version:1,defaultSize:{d:{width:"100%",height:140},m:{width:390,height:80}},preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Simple_Marquee.mp4"},schema:kc,sourceCode:Ic,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:[]}};function Do(e){return`
+`,Mc={type:"object",version:1,settings:{sizing:"auto manual",properties:{speed:{type:"number",scope:"layout",title:"Speed",display:{type:"speed-control"},min:.5,max:7},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:"toggle-cycle",enum:["on","off"]}},hoverEffect:{type:"string",scope:"common",title:"Effect",display:{type:"toggle-cycle",enum:["off","brightness","grayscale"]}},gap:{type:"number",scope:"layout",title:"Gap",min:0,max:200,display:{type:"numeric-input"}},imageMaxWidth:{type:"number",scope:"layout",title:"Max width",min:10,max:400,display:{type:"numeric-input"}},imageMaxHeight:{type:"number",scope:"layout",title:"Max height",min:10,max:400,display:{type:"numeric-input"}},imageFit:{type:"object",scope:"common",title:"Display",display:{type:"image-ratio-control"},properties:{display:{type:"string",enum:["Fit","Cover"]},ratioValue:{type:"string",enum:["1:1","2:3","3:4","4:5","16:9"]},reversed:{type:"boolean"}}}},defaults:{direction:"left",pauseOnHover:"off",hoverEffect:"off",imageFit:{display:"Fit",ratioValue:"16:9",reversed:!1}},layoutDefaults:{m:{speed:.55,gap:.04,imageMaxWidth:.8,imageMaxHeight:.21},d:{speed:1.64,gap:.02,imageMaxWidth:.15,imageMaxHeight:.1}},displayRules:[{if:{name:"imageFit.display",value:"Cover"},then:{name:"properties.hoverEffect.display.enum",value:["off","brightness","grayscale","randomize"]}}],layout:["__componentName__","speed","direction","pauseOnHover","hoverEffect","gap","imageMaxWidth","imageMaxHeight","imageFit"]},panels:[{id:"general",icon:"settings",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__"]},{type:"row",items:["speed","imageFit"]},{type:"row",items:["imageMaxWidth","imageMaxHeight"]},{type:"row",items:["direction"]},{type:"row",title:"Hover Settings",items:[{type:"row",title:"",items:["hoverEffect","pauseOnHover"]}]}]}],content:{type:"array",settings:{addItemFromFileExplorer:!0},items:{type:"object",properties:{image:{type:"object",label:"Image",display:{type:"media-input"}},link:{label:"URL",placeholder:"Enter link...",display:{type:"text-input"}}}},default:[{image:{url:"https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ7RZNCQFC3T744H0KX6R3FR.jpeg",name:""},link:""},{image:{url:"https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ7RZRTSS60YBFT6Y37ZX00T.jpeg",name:""},link:""},{image:{url:"https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ9M9YJPQ5JWKCHDEW5M1GJD.jpeg",name:""},link:""},{image:{url:"https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ7S04EHBXQS1T4KVAMZNZQM.jpeg",name:""},link:""},{image:{url:"https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ7S08Q40WHD39024VNDWF2Q.jpeg",name:""},link:""}]}},Nc={element:kc,id:"marquee",name:"Marquee",category:"galleries",version:1,defaultSize:{d:{width:"100%",height:140},m:{width:390,height:80}},preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Simple_Marquee.mp4"},schema:Mc,sourceCode:Fc,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:[]}};function qi(e){return`
 .${e}-marquee-wrapper {
   overflow: hidden;
   width: 100%;
@@ -2406,7 +2406,7 @@ type MarqueeProps = {\r
   pointer-events: auto;
   z-index: 10;
 }
-`}const Mc=30,jo=2,Hc=({settings:e,content:t,isEditor:n,isPreviewMode:r,isEditMode:o})=>{const{prefix:i}=E.useScopedStyles(),{autoplay:s,align:c,speed:a,direction:d,pauseOnHover:p,gap:L,cardWidth:v,corners:S,stroke:m,strokeColor:g,bgColor:I,padding:x,logoMarginTop:b,logoWidth:h,logoHeight:B,captionMarginTop:_}=e,A=!!o,T=((t==null?void 0:t.length)??0)>0,R=s==="on"&&(!n||!!r),$=T&&(R||!!n),H=Math.max(0,a)*Mc,P=K=>E.scalingValue(K,n??!1),O=u.useRef(null),V=u.useRef(null),X=u.useRef(null),[G,w]=u.useState(0),[W,M]=u.useState(0),[N,k]=u.useState(0),D=R&&p==="on",[ee,re]=u.useState(!1),J=u.useRef(null),[ue,C]=u.useState(0),[oe,Te]=u.useState(0),le=u.useRef(null),fe=K=>{var z,se,be,We,Ae;return{fontSettings:{fontFamily:(e==null?void 0:e[`${K}FontFamily`])??"Arial",fontWeight:((z=e==null?void 0:e[`${K}FontSettings`])==null?void 0:z.fontWeight)??400,fontStyle:((se=e==null?void 0:e[`${K}FontSettings`])==null?void 0:se.fontStyle)??"normal"},textAppearance:{textTransform:((be=e==null?void 0:e[`${K}TextAppearance`])==null?void 0:be.textTransform)??"none",textDecoration:((We=e==null?void 0:e[`${K}TextAppearance`])==null?void 0:We.textDecoration)??"none",fontVariant:((Ae=e==null?void 0:e[`${K}TextAppearance`])==null?void 0:Ae.fontVariant)??"normal"},letterSpacing:(e==null?void 0:e[`${K}LetterSpacing`])??0,wordSpacing:(e==null?void 0:e[`${K}WordSpacing`])??0,fontSize:(e==null?void 0:e[`${K}FontSize`])??.01,lineHeight:(e==null?void 0:e[`${K}LineHeight`])??.01,color:(e==null?void 0:e[`${K}Color`])??"#000000"}},Re=fe("text"),ne=fe("caption"),f=u.useMemo(()=>((t==null?void 0:t.length)??0)>1&&(t??[]).some(K=>{var q,z;return(((q=K.text)==null?void 0:q.length)??0)>0||(((z=K.caption)==null?void 0:z.length)??0)>0}),[t]),y=u.useMemo(()=>!$||(t==null?void 0:t.length)===0?1:W<=0||G<=0?jo:Math.max(jo,Math.ceil(G/W)+1),[$,t==null?void 0:t.length,W,G]);u.useLayoutEffect(()=>{if(!$)return;const K=O.current,q=X.current;if(!K||!q)return;let z=0;const se=()=>{const Ae=K.getBoundingClientRect().width,Ie=q.getBoundingClientRect().width,st=le.current,Se=typeof st=="number"&&Math.abs(st-Ie)<=.25;if(le.current=Ie,w(Ae),typeof Ie=="number"&&Ie>0&&W<=0){M(Ie);return}Se&&Ie!==W?M(Ie):!Se&&W<=0&&(cancelAnimationFrame(z),z=requestAnimationFrame(se))},be=()=>{cancelAnimationFrame(z),z=requestAnimationFrame(se)};be();const We=new ResizeObserver(be);return We.observe(K),We.observe(q),()=>{cancelAnimationFrame(z),We.disconnect()}},[R,$,W]),u.useLayoutEffect(()=>{const K=V.current;if(!$||!K)return;const q=W>0?W:0,z=q>0&&H>0?q/H*1e3:0,se=`${Math.max(0,z)/1e3}s`;K.style.setProperty("--marquee-distance",`${q}px`),K.style.setProperty("--marquee-duration",se)},[R,$,H,W]),u.useLayoutEffect(()=>{if(!$){k(0);return}const K=X.current,q=V.current;if(!K||!q)return;const z=()=>{let be=0;for(let We=0;We<K.children.length;We++){const Ie=K.children[We].firstElementChild;Ie&&(be=Math.max(be,Ie.offsetHeight))}be<=0&&(be=q.offsetHeight),k(be>0?be:0)};z();const se=new ResizeObserver(z);return se.observe(K),se.observe(q),()=>{se.disconnect()}},[$,y,t,n,L,v,x,m,S,h,B,ue,oe]);const F=()=>{D&&re(!0)},j=()=>{D&&re(!1)},U=u.useMemo(()=>{switch(c){case"center":return"center";case"end":return"flex-end";case"start":default:return"flex-start"}},[c]),te=u.useMemo(()=>{switch(c){case"center":return"center";case"end":return"right";case"start":default:return"left"}},[c]),Q=u.useCallback((K,q,z,se)=>l.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:U,width:"100%"},children:[l.jsx("div",{"data-controls":A?se==null?void 0:se.controlsName:void 0,"data-controls-axis":A?"y":void 0,className:A?`${i}-control`:void 0,style:{height:P((se==null?void 0:se.marginTop)??0)}}),l.jsx("div",{...se!=null&&se.dataMeasureKind?{"data-testimonial-measure":se.dataMeasureKind}:{},style:{...Ye(K,n),textAlign:te,pointerEvents:"auto",...typeof(se==null?void 0:se.minHeightPx)=="number"&&se.minHeightPx>0?{minHeight:se.minHeightPx}:{}},children:l.jsx(Ln,{content:q})})]},z),[U,te,n,A,i,P]),Z=u.useCallback((K,q,z)=>{var se,be,We;return l.jsxs("div",{style:{padding:`${P(x.top)} ${P(x.right)} ${P(x.bottom)} ${P(x.left)}`,width:P(v+m*2),height:"100%",borderRadius:P(S),border:`${P(m)} solid ${g}`,boxSizing:"border-box",position:"relative",overflow:"hidden"},children:[l.jsx("div",{className:`${i}-cover`,style:{background:I}}),l.jsxs("div",{className:`${i}-elements-overlay`,style:{alignItems:U,textAlign:te},children:[K.text&&Q(Re,K.text,"text",z!=null&&z.dataMeasureAttrs?{dataMeasureKind:"text"}:typeof(z==null?void 0:z.textMinHeightPx)=="number"&&z.textMinHeightPx>0?{minHeightPx:z.textMinHeightPx}:void 0),l.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:U,width:"100%"},children:[l.jsx("div",{"data-controls":A&&!(z!=null&&z.dataMeasureAttrs)?"logoMarginTop":void 0,className:A&&!(z!=null&&z.dataMeasureAttrs)?`${i}-control`:void 0,style:{height:P(b)}}),l.jsx("div",{style:{width:P(h),height:P(B)},children:((se=K.logo)==null?void 0:se.url)&&l.jsx("img",{src:K.logo.url,alt:((be=K.logo)==null?void 0:be.name)??"",style:{pointerEvents:"auto",width:"100%",height:"100%",objectFit:((We=K.logo)==null?void 0:We.objectFit)||"contain"}})})]}),K.caption&&Q(ne,K.caption,"caption",{...z!=null&&z.dataMeasureAttrs?{}:{controlsName:"captionMarginTop"},marginTop:_,...z!=null&&z.dataMeasureAttrs?{dataMeasureKind:"caption"}:typeof(z==null?void 0:z.captionMinHeightPx)=="number"&&z.captionMinHeightPx>0?{minHeightPx:z.captionMinHeightPx}:{}})]})]},q)},[I,_,ne,v,S,B,b,h,U,te,x.bottom,x.left,x.right,x.top,Q,m,g,Re,n,A,i]),ce=u.useCallback(K=>{C(K.maxTextPx),Te(K.maxCaptionPx)},[]);u.useLayoutEffect(()=>{if(!f){ce({maxTextPx:0,maxCaptionPx:0});return}const K=J.current;if(!K)return;const q=()=>{E.readTestimonialTextMeasure(K,ce)};q();const z=new ResizeObserver(q);return z.observe(K),()=>{z.disconnect()}},[f,ce,t,Z]);const Ce=f?{textMinHeightPx:ue,captionMinHeightPx:oe}:void 0,ye=f?l.jsx("div",{ref:J,"aria-hidden":!0,style:{position:"absolute",left:0,top:0,width:"100%",visibility:"hidden",pointerEvents:"none",zIndex:-1},children:(t??[]).map((K,q)=>Z(K,`measure-${q}`,{dataMeasureAttrs:!0}))}):null,de=(K,q)=>l.jsxs("div",{style:{position:"relative",flex:"0 0 auto",height:"100%",transform:"translateZ(0)",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",willChange:"transform"},children:[Z(K,`card-${q}`,Ce),A&&l.jsx("div",{"data-controls":"gap","data-controls-axis":"x",style:{position:"absolute",top:0,right:`calc(-1 * ${P(L)})`,width:P(L),height:"100%",pointerEvents:"auto",zIndex:2}})]},q);if($){const K=R?D&&ee?"paused":"running":"paused";return l.jsxs("div",{ref:O,className:$e(`${i}-wrapper`,`${i}-marquee-wrapper`),"aria-label":"Testimonials",style:{overflow:"hidden",width:"100%",...N>0?{height:N}:{}},children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:Do(i)}}),ye,l.jsx("div",{ref:V,className:`${i}-marquee-track`,"data-direction":d,onMouseEnter:F,onMouseLeave:j,style:{display:"flex",flexDirection:"row",flexWrap:"nowrap",width:"max-content",willChange:"transform",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",transform:"translateZ(0)",WebkitTransform:"translateZ(0)",perspective:"1000px","--marquee-play-state":K},children:Array.from({length:y},(q,z)=>l.jsx("div",{ref:z===0?X:void 0,className:`${i}-marquee-set`,style:{display:"flex",flexDirection:"row",flex:"0 0 auto",gap:P(L),paddingRight:P(L)},"aria-hidden":z>0,children:t==null?void 0:t.map((se,be)=>de(se,`${z}-${be}`))},`set-${z}`))})]})}return l.jsxs("div",{className:`${i}-wrapper`,children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:Do(i)}}),ye,l.jsx("div",{style:{gap:P(L),justifyContent:"center",overflowX:"auto",display:"flex",flexDirection:"row"},"aria-label":"Testimonials",children:t==null?void 0:t.map((K,q)=>de(K,q))})]})},Nc=`import { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';\r
+`}const Hc=30,Ui=2,Bc=({settings:e,content:t,isEditor:n,isPreviewMode:r,isEditMode:i})=>{const{prefix:o}=E.useScopedStyles(),{autoplay:s,align:c,speed:a,direction:d,pauseOnHover:p,gap:L,cardWidth:v,corners:S,stroke:m,strokeColor:g,bgColor:R,padding:x,logoMarginTop:b,logoWidth:h,logoHeight:B,captionMarginTop:_}=e,A=!!i,T=((t==null?void 0:t.length)??0)>0,W=s==="on"&&(!n||!!r),$=T&&(W||!!n),N=Math.max(0,a)*Hc,P=K=>E.scalingValue(K,n??!1),O=u.useRef(null),V=u.useRef(null),X=u.useRef(null),[G,w]=u.useState(0),[I,M]=u.useState(0),[H,F]=u.useState(0),D=W&&p==="on",[ee,re]=u.useState(!1),J=u.useRef(null),[de,C]=u.useState(0),[ie,Le]=u.useState(0),le=u.useRef(null),fe=K=>{var z,se,xe,Me,Ie;return{fontSettings:{fontFamily:(e==null?void 0:e[`${K}FontFamily`])??"Arial",fontWeight:((z=e==null?void 0:e[`${K}FontSettings`])==null?void 0:z.fontWeight)??400,fontStyle:((se=e==null?void 0:e[`${K}FontSettings`])==null?void 0:se.fontStyle)??"normal"},textAppearance:{textTransform:((xe=e==null?void 0:e[`${K}TextAppearance`])==null?void 0:xe.textTransform)??"none",textDecoration:((Me=e==null?void 0:e[`${K}TextAppearance`])==null?void 0:Me.textDecoration)??"none",fontVariant:((Ie=e==null?void 0:e[`${K}TextAppearance`])==null?void 0:Ie.fontVariant)??"normal"},letterSpacing:(e==null?void 0:e[`${K}LetterSpacing`])??0,wordSpacing:(e==null?void 0:e[`${K}WordSpacing`])??0,fontSize:(e==null?void 0:e[`${K}FontSize`])??.01,lineHeight:(e==null?void 0:e[`${K}LineHeight`])??.01,color:(e==null?void 0:e[`${K}Color`])??"#000000"}},We=fe("text"),te=fe("caption"),f=u.useMemo(()=>((t==null?void 0:t.length)??0)>1&&(t??[]).some(K=>{var q,z;return(((q=K.text)==null?void 0:q.length)??0)>0||(((z=K.caption)==null?void 0:z.length)??0)>0}),[t]),y=u.useMemo(()=>!$||(t==null?void 0:t.length)===0?1:I<=0||G<=0?Ui:Math.max(Ui,Math.ceil(G/I)+1),[$,t==null?void 0:t.length,I,G]);u.useLayoutEffect(()=>{if(!$)return;const K=O.current,q=X.current;if(!K||!q)return;let z=0;const se=()=>{const Ie=K.getBoundingClientRect().width,Re=q.getBoundingClientRect().width,lt=le.current,we=typeof lt=="number"&&Math.abs(lt-Re)<=.25;if(le.current=Re,w(Ie),typeof Re=="number"&&Re>0&&I<=0){M(Re);return}we&&Re!==I?M(Re):!we&&I<=0&&(cancelAnimationFrame(z),z=requestAnimationFrame(se))},xe=()=>{cancelAnimationFrame(z),z=requestAnimationFrame(se)};xe();const Me=new ResizeObserver(xe);return Me.observe(K),Me.observe(q),()=>{cancelAnimationFrame(z),Me.disconnect()}},[W,$,I]),u.useLayoutEffect(()=>{const K=V.current;if(!$||!K)return;const q=I>0?I:0,z=q>0&&N>0?q/N*1e3:0,se=`${Math.max(0,z)/1e3}s`;K.style.setProperty("--marquee-distance",`${q}px`),K.style.setProperty("--marquee-duration",se)},[W,$,N,I]),u.useLayoutEffect(()=>{if(!$){F(0);return}const K=X.current,q=V.current;if(!K||!q)return;const z=()=>{let xe=0;for(let Me=0;Me<K.children.length;Me++){const Re=K.children[Me].firstElementChild;Re&&(xe=Math.max(xe,Re.offsetHeight))}xe<=0&&(xe=q.offsetHeight),F(xe>0?xe:0)};z();const se=new ResizeObserver(z);return se.observe(K),se.observe(q),()=>{se.disconnect()}},[$,y,t,n,L,v,x,m,S,h,B,de,ie]);const k=()=>{D&&re(!0)},j=()=>{D&&re(!1)},U=u.useMemo(()=>{switch(c){case"center":return"center";case"end":return"flex-end";case"start":default:return"flex-start"}},[c]),ne=u.useMemo(()=>{switch(c){case"center":return"center";case"end":return"right";case"start":default:return"left"}},[c]),Q=u.useCallback((K,q,z,se)=>l.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:U,width:"100%"},children:[l.jsx("div",{"data-controls":A?se==null?void 0:se.controlsName:void 0,"data-controls-axis":A?"y":void 0,className:A?`${o}-control`:void 0,style:{height:P((se==null?void 0:se.marginTop)??0)}}),l.jsx("div",{...se!=null&&se.dataMeasureKind?{"data-testimonial-measure":se.dataMeasureKind}:{},style:{...Ze(K,n),textAlign:ne,pointerEvents:"auto",...typeof(se==null?void 0:se.minHeightPx)=="number"&&se.minHeightPx>0?{minHeight:se.minHeightPx}:{}},children:l.jsx(Wn,{content:q})})]},z),[U,ne,n,A,o,P]),Z=u.useCallback((K,q,z)=>{var se,xe,Me;return l.jsxs("div",{style:{padding:`${P(x.top)} ${P(x.right)} ${P(x.bottom)} ${P(x.left)}`,width:P(v+m*2),height:"100%",borderRadius:P(S),border:`${P(m)} solid ${g}`,boxSizing:"border-box",position:"relative",overflow:"hidden"},children:[l.jsx("div",{className:`${o}-cover`,style:{background:R}}),l.jsxs("div",{className:`${o}-elements-overlay`,style:{alignItems:U,textAlign:ne},children:[K.text&&Q(We,K.text,"text",z!=null&&z.dataMeasureAttrs?{dataMeasureKind:"text"}:typeof(z==null?void 0:z.textMinHeightPx)=="number"&&z.textMinHeightPx>0?{minHeightPx:z.textMinHeightPx}:void 0),l.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:U,width:"100%"},children:[l.jsx("div",{"data-controls":A&&!(z!=null&&z.dataMeasureAttrs)?"logoMarginTop":void 0,className:A&&!(z!=null&&z.dataMeasureAttrs)?`${o}-control`:void 0,style:{height:P(b)}}),l.jsx("div",{style:{width:P(h),height:P(B)},children:((se=K.logo)==null?void 0:se.url)&&l.jsx("img",{src:K.logo.url,alt:((xe=K.logo)==null?void 0:xe.name)??"",style:{pointerEvents:"auto",width:"100%",height:"100%",objectFit:((Me=K.logo)==null?void 0:Me.objectFit)||"contain"}})})]}),K.caption&&Q(te,K.caption,"caption",{...z!=null&&z.dataMeasureAttrs?{}:{controlsName:"captionMarginTop"},marginTop:_,...z!=null&&z.dataMeasureAttrs?{dataMeasureKind:"caption"}:typeof(z==null?void 0:z.captionMinHeightPx)=="number"&&z.captionMinHeightPx>0?{minHeightPx:z.captionMinHeightPx}:{}})]})]},q)},[R,_,te,v,S,B,b,h,U,ne,x.bottom,x.left,x.right,x.top,Q,m,g,We,n,A,o]),ce=u.useCallback(K=>{C(K.maxTextPx),Le(K.maxCaptionPx)},[]);u.useLayoutEffect(()=>{if(!f){ce({maxTextPx:0,maxCaptionPx:0});return}const K=J.current;if(!K)return;const q=()=>{E.readTestimonialTextMeasure(K,ce)};q();const z=new ResizeObserver(q);return z.observe(K),()=>{z.disconnect()}},[f,ce,t,Z]);const Se=f?{textMinHeightPx:de,captionMinHeightPx:ie}:void 0,ve=f?l.jsx("div",{ref:J,"aria-hidden":!0,style:{position:"absolute",left:0,top:0,width:"100%",visibility:"hidden",pointerEvents:"none",zIndex:-1},children:(t??[]).map((K,q)=>Z(K,`measure-${q}`,{dataMeasureAttrs:!0}))}):null,ue=(K,q)=>l.jsxs("div",{style:{position:"relative",flex:"0 0 auto",height:"100%",transform:"translateZ(0)",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",willChange:"transform"},children:[Z(K,`card-${q}`,Se),A&&l.jsx("div",{"data-controls":"gap","data-controls-axis":"x",style:{position:"absolute",top:0,right:`calc(-1 * ${P(L)})`,width:P(L),height:"100%",pointerEvents:"auto",zIndex:2}})]},q);if($){const K=W?D&&ee?"paused":"running":"paused";return l.jsxs("div",{ref:O,className:Te(`${o}-wrapper`,`${o}-marquee-wrapper`),"aria-label":"Testimonials",style:{overflow:"hidden",width:"100%",...H>0?{height:H}:{}},children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:qi(o)}}),ve,l.jsx("div",{ref:V,className:`${o}-marquee-track`,"data-direction":d,onMouseEnter:k,onMouseLeave:j,style:{display:"flex",flexDirection:"row",flexWrap:"nowrap",width:"max-content",willChange:"transform",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",transform:"translateZ(0)",WebkitTransform:"translateZ(0)",perspective:"1000px","--marquee-play-state":K},children:Array.from({length:y},(q,z)=>l.jsx("div",{ref:z===0?X:void 0,className:`${o}-marquee-set`,style:{display:"flex",flexDirection:"row",flex:"0 0 auto",gap:P(L),paddingRight:P(L)},"aria-hidden":z>0,children:t==null?void 0:t.map((se,xe)=>ue(se,`${z}-${xe}`))},`set-${z}`))})]})}return l.jsxs("div",{className:`${o}-wrapper`,children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:qi(o)}}),ve,l.jsx("div",{style:{gap:P(L),justifyContent:"center",overflowX:"auto",display:"flex",flexDirection:"row"},"aria-label":"Testimonials",children:t==null?void 0:t.map((K,q)=>ue(K,q))})]})},Oc=`import { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';\r
 import cn from 'classnames';\r
 import { CommonComponentProps } from '../props';\r
 import { RichTextRenderer } from '../helpers/RichTextRenderer/RichTextRenderer';\r
@@ -3022,7 +3022,7 @@ type TestimonialsSettings = {\r
   logoHeight: number;\r
   captionMarginTop: number;\r
 };\r
-`,zo={fontSettings:{type:"object",scope:"common",display:{type:"font-settings"},properties:{fontWeight:{type:"number",scope:"common"},fontStyle:{type:"string",scope:"common"}}}},Bc={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:"toggle",enum:["on","off"]}},gap:{type:"number",scope:"layout",title:"Gap",min:0,max:200,display:{type:"range-control"}},align:{type:"string",title:"Alignment",display:{type:"align-group",direction:"horizontal"},enum:["start","center","end"]},cardWidth:{type:"number",scope:"layout",title:"width",min:0,max:400,display:{type:"numeric-input"}},corners:{type:"number",scope:"layout",title:"Corners",min:0,max:100,display:{type:"numeric-input"}},stroke:{type:"number",scope:"layout",title:"Stroke",min:0,max:10,display:{type:"numeric-input"}},strokeColor:{type:"string",scope:"common",title:"Stroke Card",display:{type:"palette-color-picker",visible:!0}},bgColor:{title:"BG card",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:200,display:{type:"range-control"}},logoWidth:{type:"number",scope:"layout",title:"width",min:0,max:200,display:{type:"numeric-input"}},logoHeight:{type:"number",scope:"layout",title:"height",min:0,max:200,display:{type:"numeric-input"}},textColor:{type:"string",scope:"common",title:"Fill Text",display:{type:"palette-color-picker"}},captionColor:{type:"string",scope:"common",title:"Fill Caption",display:{type:"palette-color-picker"}},captionMarginTop:{type:"number",scope:"layout",title:"Caption margin top",min:0,max:200,display:{type:"range-control"}},captionFontFamily:{type:"string",scope:"common",title:"Font Family",display:{type:"font-family-select"}},captionFontSettings:{...zo.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:{...zo.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:"on",direction:"left",pauseOnHover:"off",strokeColor:"#000000",bgColor:"rgba(255, 255, 255, 0.81)",textColor:"#000000",captionColor:"#000000",captionFontFamily:"Goudy Bookletter 1911",captionFontSettings:{fontWeight:400,fontStyle:"normal"},align:"center",captionLetterSpacing:0,captionWordSpacing:0,captionTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},textFontFamily:"Goudy Bookletter 1911",textFontSettings:{fontWeight:400,fontStyle:"normal"},textLetterSpacing:0,textWordSpacing:0,textTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}},layoutDefaults:{m:{speed:.55,gap:.04,cardWidth:.8,corners:.02,stroke:.001,padding:{top:.053,right:.026,bottom:.053,left:.026},logoMarginTop:.18,logoWidth:.21,logoHeight:.21,captionMarginTop:.056,textFontSize:.058,textLineHeight:.088,captionFontSize:.053,captionLineHeight:.069},d:{speed:1.64,gap:.02,cardWidth:.15,corners:.005,stroke:.001,padding:{top:.01,right:.01,bottom:.01,left:.01},logoMarginTop:.048,logoWidth:.055,logoHeight:.027,captionMarginTop:.005,textFontSize:.012,textLineHeight:.013,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:"settings",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__","autoplay"]},{type:"row",items:["align","direction"]},{type:"row",items:["speed","pauseOnHover"]},{type:"row",title:"Card",items:[{type:"group",title:"",items:["cardWidth","corners"]},{type:"group",title:"",items:["stroke","padding"]}]},{type:"row",title:"Image 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:"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:[{logo:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/julia.png",name:""},text:[{type:"paragraph",children:[{text:"This website is a great tool for designers and developers. The ease of creating animations here is mesmerizing. Bravo to the creators of this product!"}]}],caption:[{type:"paragraph",children:[{text:"Julia Smith,"}]},{type:"paragraph",children:[{text:"Freelance Designer"}]}]},{logo:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/mark.png",name:""},text:[{type:"paragraph",children:[{text:"This is super cool. The on onboarding terminal style animation brings me back to what made the Internet simple and fun."}]}],caption:[{type:"paragraph",children:[{text:"Mark Travis,"}]},{type:"paragraph",children:[{text:"Architect @ United Architects"}]}]},{logo:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/pia.png",name:""},text:[{type:"paragraph",children:[{text:"Great tool for someone who wants to quickly and easily build a site that has fancy scrolling animations. Totally addictive!"}]}],caption:[{type:"paragraph",children:[{text:"Pia,"}]},{type:"paragraph",children:[{text:"Media Buyer"}]}]}]}},Oc={element:Hc,id:"testimonials",name:"Eliana",category:"testimonials",version:1,preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Testimonials_Grid.mp4"},defaultSize:{d:{width:"100%",height:320}},schema:Bc,sourceCode:Nc,assetsPaths:{content:[{path:"logo.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:[{path:"styles.text.fontSettings"},{path:"styles.caption.fontSettings"}]}};function Vc(e){return`
+`,Gi={fontSettings:{type:"object",scope:"common",display:{type:"font-settings"},properties:{fontWeight:{type:"number",scope:"common"},fontStyle:{type:"string",scope:"common"}}}},Vc={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:"toggle",enum:["on","off"]}},gap:{type:"number",scope:"layout",title:"Gap",min:0,max:200,display:{type:"range-control"}},align:{type:"string",title:"Alignment",display:{type:"align-group",direction:"horizontal"},enum:["start","center","end"]},cardWidth:{type:"number",scope:"layout",title:"width",min:0,max:400,display:{type:"numeric-input"}},corners:{type:"number",scope:"layout",title:"Corners",min:0,max:100,display:{type:"numeric-input"}},stroke:{type:"number",scope:"layout",title:"Stroke",min:0,max:10,display:{type:"numeric-input"}},strokeColor:{type:"string",scope:"common",title:"Stroke Card",display:{type:"palette-color-picker",visible:!0}},bgColor:{title:"BG card",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:200,display:{type:"range-control"}},logoWidth:{type:"number",scope:"layout",title:"width",min:0,max:200,display:{type:"numeric-input"}},logoHeight:{type:"number",scope:"layout",title:"height",min:0,max:200,display:{type:"numeric-input"}},textColor:{type:"string",scope:"common",title:"Fill Text",display:{type:"palette-color-picker"}},captionColor:{type:"string",scope:"common",title:"Fill Caption",display:{type:"palette-color-picker"}},captionMarginTop:{type:"number",scope:"layout",title:"Caption margin top",min:0,max:200,display:{type:"range-control"}},captionFontFamily:{type:"string",scope:"common",title:"Font Family",display:{type:"font-family-select"}},captionFontSettings:{...Gi.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:{...Gi.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:"on",direction:"left",pauseOnHover:"off",strokeColor:"#000000",bgColor:"rgba(255, 255, 255, 0.81)",textColor:"#000000",captionColor:"#000000",captionFontFamily:"Goudy Bookletter 1911",captionFontSettings:{fontWeight:400,fontStyle:"normal"},align:"center",captionLetterSpacing:0,captionWordSpacing:0,captionTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},textFontFamily:"Goudy Bookletter 1911",textFontSettings:{fontWeight:400,fontStyle:"normal"},textLetterSpacing:0,textWordSpacing:0,textTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}},layoutDefaults:{m:{speed:.55,gap:.04,cardWidth:.8,corners:.02,stroke:.001,padding:{top:.053,right:.026,bottom:.053,left:.026},logoMarginTop:.18,logoWidth:.21,logoHeight:.21,captionMarginTop:.056,textFontSize:.058,textLineHeight:.088,captionFontSize:.053,captionLineHeight:.069},d:{speed:1.64,gap:.02,cardWidth:.15,corners:.005,stroke:.001,padding:{top:.01,right:.01,bottom:.01,left:.01},logoMarginTop:.048,logoWidth:.055,logoHeight:.027,captionMarginTop:.005,textFontSize:.012,textLineHeight:.013,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:"settings",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__","autoplay"]},{type:"row",items:["align","direction"]},{type:"row",items:["speed","pauseOnHover"]},{type:"row",title:"Card",items:[{type:"group",title:"",items:["cardWidth","corners"]},{type:"group",title:"",items:["stroke","padding"]}]},{type:"row",title:"Image 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:"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:[{logo:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/julia.png",name:""},text:[{type:"paragraph",children:[{text:"This website is a great tool for designers and developers. The ease of creating animations here is mesmerizing. Bravo to the creators of this product!"}]}],caption:[{type:"paragraph",children:[{text:"Julia Smith,"}]},{type:"paragraph",children:[{text:"Freelance Designer"}]}]},{logo:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/mark.png",name:""},text:[{type:"paragraph",children:[{text:"This is super cool. The on onboarding terminal style animation brings me back to what made the Internet simple and fun."}]}],caption:[{type:"paragraph",children:[{text:"Mark Travis,"}]},{type:"paragraph",children:[{text:"Architect @ United Architects"}]}]},{logo:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/pia.png",name:""},text:[{type:"paragraph",children:[{text:"Great tool for someone who wants to quickly and easily build a site that has fancy scrolling animations. Totally addictive!"}]}],caption:[{type:"paragraph",children:[{text:"Pia,"}]},{type:"paragraph",children:[{text:"Media Buyer"}]}]}]}},Dc={element:Bc,id:"testimonials",name:"Eliana",category:"testimonials",version:1,preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Testimonials_Grid.mp4"},defaultSize:{d:{width:"100%",height:320}},schema:Vc,sourceCode:Oc,assetsPaths:{content:[{path:"logo.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:[{path:"styles.text.fontSettings"},{path:"styles.caption.fontSettings"}]}};function jc(e){return`
 .${e}-container {
   position: relative;
   overflow-x: clip;
@@ -3146,7 +3146,7 @@ type TestimonialsSettings = {\r
   width: 100%;
   height: 100%;
 }
-`}const Dc=({settings:e,content:t,isEditor:n,isPreviewMode:r,isEditMode:o})=>{const{prefix:i}=E.useScopedStyles(),s=t||[],{autoplay:c,delay:a,align:d,width:p,imageMarginTop:L,textMarginTop:v,captionMarginTop:S,imageWidth:m,imageHeight:g,controlsWidth:I,controlsColor:x,controlsHoverColor:b}=e,h=c==="on"&&r,[B,_]=u.useState(0),[A,T]=u.useState(null),[R,$]=u.useState(!1),H=u.useRef(null),P=u.useMemo(()=>{switch(d){case"center":return"center";case"end":return"flex-end";case"start":default:return"flex-start"}},[d]),O=u.useMemo(()=>{switch(d){case"center":return"center";case"end":return"right";case"start":default:return"left"}},[d]);u.useEffect(()=>{_(0),T(null),$(!1)},[s.length]);const V=s[B],X=A===null?null:s[A],G=ne=>{var y,F,j,U,te;return{fontSettings:{fontFamily:(e==null?void 0:e[`${ne}FontFamily`])??"Arial",fontWeight:((y=e==null?void 0:e[`${ne}FontSettings`])==null?void 0:y.fontWeight)??400,fontStyle:((F=e==null?void 0:e[`${ne}FontSettings`])==null?void 0:F.fontStyle)??"normal"},textAppearance:{textTransform:((j=e==null?void 0:e[`${ne}TextAppearance`])==null?void 0:j.textTransform)??"none",textDecoration:((U=e==null?void 0:e[`${ne}TextAppearance`])==null?void 0:U.textDecoration)??"none",fontVariant:((te=e==null?void 0:e[`${ne}TextAppearance`])==null?void 0:te.fontVariant)??"normal"},fontSize:(e==null?void 0:e[`${ne}FontSize`])??.01,lineHeight:(e==null?void 0:e[`${ne}LineHeight`])??.01,letterSpacing:(e==null?void 0:e[`${ne}LetterSpacing`])??0,wordSpacing:(e==null?void 0:e[`${ne}WordSpacing`])??0,color:(e==null?void 0:e[`${ne}Color`])??"#000000"}},w=G("text"),W=G("caption"),M=s.length>1&&s.some(ne=>{var f,y;return(((f=ne.text)==null?void 0:f.length)??0)>0||(((y=ne.caption)==null?void 0:y.length)??0)>0}),N=u.useRef(null),[k,D]=u.useState(0),[ee,re]=u.useState(0),J=e.controls??{mode:"Off",icon:null},ue=s.length>1,C=u.useCallback((ne,f)=>!ue||f===ne?ne:(H.current&&window.clearTimeout(H.current),T(ne),$(!0),H.current=window.setTimeout(()=>{T(null),$(!1),H.current=null},300),f),[ue]),oe=u.useCallback(()=>{ue&&_(ne=>C(ne,(ne-1+s.length)%s.length))},[ue,C,s.length]),Te=u.useCallback(()=>{ue&&_(ne=>C(ne,(ne+1)%s.length))},[ue,C,s.length]);u.useEffect(()=>{if(!h||!ue)return;const ne=Math.max(300,Number.isFinite(a*1e3)?a*1e3:0),f=window.setInterval(()=>{_(y=>C(y,(y+1)%s.length))},ne);return()=>{window.clearInterval(f)}},[h,ue,C,s.length,a]),u.useEffect(()=>()=>{H.current&&window.clearTimeout(H.current)},[]);const le=(ne,f)=>{var te,Q,Z,ce;const y=f==null?void 0:f.textMinHeightPx,F=f==null?void 0:f.captionMinHeightPx,j=f==null?void 0:f.dataMeasureAttrs,U=o&&!(f!=null&&f.dataMeasureAttrs)&&!(f!=null&&f.hideControls);return l.jsxs(l.Fragment,{children:[ne.text&&l.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:P,width:"100%"},children:[l.jsx("div",{"data-controls":U?"textMarginTop":void 0,className:U?`${i}-control`:void 0,style:{height:E.scalingValue(v??0,n??!1)}}),l.jsx("div",{...j&&{"data-testimonial-measure":"text"},style:{...Ye(w,n),...y&&y>0?{minHeight:y}:{},textAlign:O,pointerEvents:"auto"},children:l.jsx(Ln,{content:ne.text})})]}),l.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:P,width:"100%"},children:[l.jsx("div",{"data-controls":U?"imageMarginTop":void 0,className:U?`${i}-control`:void 0,style:{height:E.scalingValue(L??0,n??!1)}}),l.jsx("div",{style:{width:E.scalingValue(m??0,n??!1),height:E.scalingValue(g??0,n??!1)},children:((te=ne.image)==null?void 0:te.url)&&l.jsx("img",{src:(Q=ne.image)==null?void 0:Q.url,alt:((Z=ne.image)==null?void 0:Z.name)??"",className:`${i}-icon`,style:{objectFit:((ce=ne.image)==null?void 0:ce.objectFit)||"contain"}})})]}),ne.caption&&l.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:P,width:"100%"},children:[l.jsx("div",{"data-controls":U?"captionMarginTop":void 0,className:U?`${i}-control`:void 0,style:{height:E.scalingValue(S??0,n??!1)}}),l.jsx("div",{...j?{"data-testimonial-measure":"caption"}:{},style:{...Ye(W,n),...F&&F>0?{minHeight:F}:{},textAlign:O,pointerEvents:"auto"},children:l.jsx(Ln,{content:ne.caption})})]})]})},fe=u.useCallback(ne=>{D(ne.maxTextPx),re(ne.maxCaptionPx)},[]);if(u.useLayoutEffect(()=>{if(!M){fe({maxTextPx:0,maxCaptionPx:0});return}const ne=N.current;if(!ne)return;const f=()=>{E.readTestimonialTextMeasure(ne,fe)};f();const y=new ResizeObserver(f);return y.observe(ne),()=>{y.disconnect()}},[M,fe,t]),!V)return l.jsx(l.Fragment,{});const Re=M?{textMinHeightPx:k,captionMinHeightPx:ee}:void 0;return l.jsx(l.Fragment,{children:l.jsxs("div",{className:`${i}-container`,children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:Vc(i)}}),l.jsxs("div",{className:`${i}-wrapper`,style:{width:E.scalingValue(p??0,n??!1),alignItems:P},children:[M&&l.jsx("div",{ref:N,"aria-hidden":!0,style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",visibility:"hidden",pointerEvents:"none",zIndex:-1},children:s.map((ne,f)=>l.jsx("div",{style:{width:"100%"},children:le(ne,{dataMeasureAttrs:!0})},f))}),l.jsxs("div",{className:`${i}-fade-stack`,children:[X&&R&&l.jsx("div",{className:$e(`${i}-fade-item-prev`,`${i}-fade-out`),children:le(X,{...Re,hideControls:!0})}),l.jsx("div",{className:$e(`${i}-fade-item-current`,R?`${i}-fade-in`:void 0),children:le(V,Re)})]})]}),J.mode==="On"&&l.jsxs("div",{className:`${i}-controls`,children:[l.jsx("div",{className:`${i}-arrow`,style:{width:E.scalingValue(I??.02,n??!1),height:E.scalingValue(I??.02,n??!1),"--arrow-hover-color":b},children:l.jsx("button",{type:"button",className:`${i}-arrow-inner`,onClick:oe,disabled:!ue,"aria-label":"Previous testimonial",children:J.icon&&l.jsx(Ft,{url:J.icon,fill:x,hoverFill:b,className:$e(`${i}-arrow-img`,`${i}-mirror`)})})}),l.jsx("div",{className:$e(`${i}-arrow`,`${i}-next-arrow`),style:{width:E.scalingValue(I??.02,n??!1),height:E.scalingValue(I??.02,n??!1),"--arrow-hover-color":b},children:l.jsx("button",{type:"button",className:`${i}-arrow-inner`,onClick:Te,disabled:!ue,"aria-label":"Next testimonial",children:J.icon&&l.jsx(Ft,{url:J.icon,fill:x,hoverFill:b,className:`${i}-arrow-img`})})})]})]})})},jc=`import cn from 'classnames';\r
+`}const zc=({settings:e,content:t,isEditor:n,isPreviewMode:r,isEditMode:i})=>{const{prefix:o}=E.useScopedStyles(),s=t||[],{autoplay:c,delay:a,align:d,width:p,imageMarginTop:L,textMarginTop:v,captionMarginTop:S,imageWidth:m,imageHeight:g,controlsWidth:R,controlsColor:x,controlsHoverColor:b}=e,h=c==="on"&&r,[B,_]=u.useState(0),[A,T]=u.useState(null),[W,$]=u.useState(!1),N=u.useRef(null),P=u.useMemo(()=>{switch(d){case"center":return"center";case"end":return"flex-end";case"start":default:return"flex-start"}},[d]),O=u.useMemo(()=>{switch(d){case"center":return"center";case"end":return"right";case"start":default:return"left"}},[d]);u.useEffect(()=>{_(0),T(null),$(!1)},[s.length]);const V=s[B],X=A===null?null:s[A],G=te=>{var y,k,j,U,ne;return{fontSettings:{fontFamily:(e==null?void 0:e[`${te}FontFamily`])??"Arial",fontWeight:((y=e==null?void 0:e[`${te}FontSettings`])==null?void 0:y.fontWeight)??400,fontStyle:((k=e==null?void 0:e[`${te}FontSettings`])==null?void 0:k.fontStyle)??"normal"},textAppearance:{textTransform:((j=e==null?void 0:e[`${te}TextAppearance`])==null?void 0:j.textTransform)??"none",textDecoration:((U=e==null?void 0:e[`${te}TextAppearance`])==null?void 0:U.textDecoration)??"none",fontVariant:((ne=e==null?void 0:e[`${te}TextAppearance`])==null?void 0:ne.fontVariant)??"normal"},fontSize:(e==null?void 0:e[`${te}FontSize`])??.01,lineHeight:(e==null?void 0:e[`${te}LineHeight`])??.01,letterSpacing:(e==null?void 0:e[`${te}LetterSpacing`])??0,wordSpacing:(e==null?void 0:e[`${te}WordSpacing`])??0,color:(e==null?void 0:e[`${te}Color`])??"#000000"}},w=G("text"),I=G("caption"),M=s.length>1&&s.some(te=>{var f,y;return(((f=te.text)==null?void 0:f.length)??0)>0||(((y=te.caption)==null?void 0:y.length)??0)>0}),H=u.useRef(null),[F,D]=u.useState(0),[ee,re]=u.useState(0),J=e.controls??{mode:"Off",icon:null},de=s.length>1,C=u.useCallback((te,f)=>!de||f===te?te:(N.current&&window.clearTimeout(N.current),T(te),$(!0),N.current=window.setTimeout(()=>{T(null),$(!1),N.current=null},300),f),[de]),ie=u.useCallback(()=>{de&&_(te=>C(te,(te-1+s.length)%s.length))},[de,C,s.length]),Le=u.useCallback(()=>{de&&_(te=>C(te,(te+1)%s.length))},[de,C,s.length]);u.useEffect(()=>{if(!h||!de)return;const te=Math.max(300,Number.isFinite(a*1e3)?a*1e3:0),f=window.setInterval(()=>{_(y=>C(y,(y+1)%s.length))},te);return()=>{window.clearInterval(f)}},[h,de,C,s.length,a]),u.useEffect(()=>()=>{N.current&&window.clearTimeout(N.current)},[]);const le=(te,f)=>{var ne,Q,Z,ce;const y=f==null?void 0:f.textMinHeightPx,k=f==null?void 0:f.captionMinHeightPx,j=f==null?void 0:f.dataMeasureAttrs,U=i&&!(f!=null&&f.dataMeasureAttrs)&&!(f!=null&&f.hideControls);return l.jsxs(l.Fragment,{children:[te.text&&l.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:P,width:"100%"},children:[l.jsx("div",{"data-controls":U?"textMarginTop":void 0,className:U?`${o}-control`:void 0,style:{height:E.scalingValue(v??0,n??!1)}}),l.jsx("div",{...j&&{"data-testimonial-measure":"text"},style:{...Ze(w,n),...y&&y>0?{minHeight:y}:{},textAlign:O,pointerEvents:"auto"},children:l.jsx(Wn,{content:te.text})})]}),l.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:P,width:"100%"},children:[l.jsx("div",{"data-controls":U?"imageMarginTop":void 0,className:U?`${o}-control`:void 0,style:{height:E.scalingValue(L??0,n??!1)}}),l.jsx("div",{style:{width:E.scalingValue(m??0,n??!1),height:E.scalingValue(g??0,n??!1)},children:((ne=te.image)==null?void 0:ne.url)&&l.jsx("img",{src:(Q=te.image)==null?void 0:Q.url,alt:((Z=te.image)==null?void 0:Z.name)??"",className:`${o}-icon`,style:{objectFit:((ce=te.image)==null?void 0:ce.objectFit)||"contain"}})})]}),te.caption&&l.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:P,width:"100%"},children:[l.jsx("div",{"data-controls":U?"captionMarginTop":void 0,className:U?`${o}-control`:void 0,style:{height:E.scalingValue(S??0,n??!1)}}),l.jsx("div",{...j?{"data-testimonial-measure":"caption"}:{},style:{...Ze(I,n),...k&&k>0?{minHeight:k}:{},textAlign:O,pointerEvents:"auto"},children:l.jsx(Wn,{content:te.caption})})]})]})},fe=u.useCallback(te=>{D(te.maxTextPx),re(te.maxCaptionPx)},[]);if(u.useLayoutEffect(()=>{if(!M){fe({maxTextPx:0,maxCaptionPx:0});return}const te=H.current;if(!te)return;const f=()=>{E.readTestimonialTextMeasure(te,fe)};f();const y=new ResizeObserver(f);return y.observe(te),()=>{y.disconnect()}},[M,fe,t]),!V)return l.jsx(l.Fragment,{});const We=M?{textMinHeightPx:F,captionMinHeightPx:ee}:void 0;return l.jsx(l.Fragment,{children:l.jsxs("div",{className:`${o}-container`,children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:jc(o)}}),l.jsxs("div",{className:`${o}-wrapper`,style:{width:E.scalingValue(p??0,n??!1),alignItems:P},children:[M&&l.jsx("div",{ref:H,"aria-hidden":!0,style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",visibility:"hidden",pointerEvents:"none",zIndex:-1},children:s.map((te,f)=>l.jsx("div",{style:{width:"100%"},children:le(te,{dataMeasureAttrs:!0})},f))}),l.jsxs("div",{className:`${o}-fade-stack`,children:[X&&W&&l.jsx("div",{className:Te(`${o}-fade-item-prev`,`${o}-fade-out`),children:le(X,{...We,hideControls:!0})}),l.jsx("div",{className:Te(`${o}-fade-item-current`,W?`${o}-fade-in`:void 0),children:le(V,We)})]})]}),J.mode==="On"&&l.jsxs("div",{className:`${o}-controls`,children:[l.jsx("div",{className:`${o}-arrow`,style:{width:E.scalingValue(R??.02,n??!1),height:E.scalingValue(R??.02,n??!1),"--arrow-hover-color":b},children:l.jsx("button",{type:"button",className:`${o}-arrow-inner`,onClick:ie,disabled:!de,"aria-label":"Previous testimonial",children:J.icon&&l.jsx(Ft,{url:J.icon,fill:x,hoverFill:b,className:Te(`${o}-arrow-img`,`${o}-mirror`)})})}),l.jsx("div",{className:Te(`${o}-arrow`,`${o}-next-arrow`),style:{width:E.scalingValue(R??.02,n??!1),height:E.scalingValue(R??.02,n??!1),"--arrow-hover-color":b},children:l.jsx("button",{type:"button",className:`${o}-arrow-inner`,onClick:Le,disabled:!de,"aria-label":"Next testimonial",children:J.icon&&l.jsx(Ft,{url:J.icon,fill:x,hoverFill:b,className:`${o}-arrow-img`})})})]})]})})},Kc=`import cn from 'classnames';\r
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\r
 import { CommonComponentProps } from '../props';\r
 import { RichTextRenderer } from '../helpers/RichTextRenderer/RichTextRenderer';\r
@@ -3641,11 +3641,11 @@ type TestimonialsSettings = {\r
     icon?: string | null;\r
   };\r
 };\r
-`,zc="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>'),Ko={fontSettings:{type:"object",scope:"common",display:{type:"font-settings"},properties:{fontWeight:{type:"number",scope:"common"},fontStyle:{type:"string",scope:"common"}}}},Kc={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:"layout",title:"Delay(s)",display:{type:"percentage-input"},step:1,min:1,max:8},align:{type:"string",scope:"common",title:"Alignment",display:{type:"align-group",direction:"horizontal"},enum:["start","center","end"]},width:{type:"number",scope:"layout",title:"width",min:0,max:1e3,display:{type:"numeric-input"}},imageWidth:{type:"number",scope:"layout",title:"width",min:0,max:300,display:{type:"numeric-input"}},imageHeight:{type:"number",scope:"layout",title:"height",min:0,max:300,display:{type:"numeric-input"}},imageMarginTop:{type:"number",scope:"layout",title:"Image margin top",min:0,max:200,display:{type:"range-control"}},textMarginTop:{type:"number",scope:"layout",title:"Text margin top",min:0,max:200,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:"numeric-input"}},controlsColor:{type:"string",scope:"common",title:"Fill Controls",display:{type:"settings-color-picker"}},controlsHoverColor:{type:"string",scope:"common",title:"Hover Controls",display:{type:"settings-color-picker"}},captionMarginTop:{type:"number",scope:"layout",title:"Caption margin top",min:0,max:200,display:{type:"range-control"}},captionFontFamily:{type:"string",scope:"common",title:"Font Family",display:{type:"font-family-select"}},captionFontSettings:{...Ko.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"}},captionColor:{display:{type:"style-panel-color-picker"},type:"string",scope:"common",title:"Fill Caption"},textFontFamily:{type:"string",scope:"common",title:"Font Family",display:{type:"font-family-select"}},textFontSettings:{...Ko.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"}},textColor:{display:{type:"style-panel-color-picker"},type:"string",scope:"common",title:"Fill Text"}},defaults:{autoplay:"on",controls:{mode:"On",icon:zc},controlsColor:"#000000",controlsHoverColor:"#EABC01",align:"center",textFontFamily:"Goudy Bookletter 1911",textFontSettings:{fontWeight:400,fontStyle:"normal"},textLetterSpacing:0,textWordSpacing:0,textTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},textColor:"#000000",captionFontFamily:"Goudy Bookletter 1911",captionFontSettings:{fontWeight:400,fontStyle:"normal"},captionLetterSpacing:0,captionWordSpacing:0,captionTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},captionColor:"#000000"},layoutDefaults:{m:{delay:3,width:.69,imageMarginTop:.08,captionMarginTop:.04,textMarginTop:0,textFontSize:.069,captionFontSize:.053,textLineHeight:.093,captionLineHeight:.069,imageWidth:.21,imageHeight:.21,controlsWidth:.06},d:{delay:3,width:.35,imageMarginTop:.02,textMarginTop:0,captionMarginTop:.01,textFontSize:.016,captionFontSize:.009,textLineHeight:.018,captionLineHeight:.009,imageWidth:.027,imageHeight:.027,controlsWidth:.014}},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:"settings",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__","autoplay"]},{type:"row",items:["width","align"]},{type:"row",items:["controls"]},{type:"row",items:["controlsWidth","delay"]},{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/julia.png",name:""},text:[{type:"paragraph",children:[{text:"This website is a great tool for designers and developers. The ease of creating animations here is mesmerizing. Bravo to the creators of this product!"}]}],caption:[{type:"paragraph",children:[{text:"Julia Smith,"}]},{type:"paragraph",children:[{text:"Freelance Designer"}]}]},{image:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/mark.png",name:""},text:[{type:"paragraph",children:[{text:"This is super cool. The on onboarding terminal style animation brings me back to what made the Internet simple and fun."}]}],caption:[{type:"paragraph",children:[{text:"Mark Travis,"}]},{type:"paragraph",children:[{text:"Architect @ United Architects"}]}]},{image:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/pia.png",name:""},text:[{type:"paragraph",children:[{text:"Great tool for someone who wants to quickly and easily build a site that has fancy scrolling animations. Totally addictive!"}]}],caption:[{type:"paragraph",children:[{text:"Pia,"}]},{type:"paragraph",children:[{text:"Media Buyer"}]}]}]}},qc={element:Dc,id:"testimonial-single",name:"Clara",category:"testimonials",version:1,preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Testimonials_Single.png"},defaultSize:{d:{width:700,height:300},t:{width:373,height:300},m:{width:334,height:300}},schema:Kc,sourceCode:jc,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[{path:"settings.controls.icon"}]},fontSettingsPaths:{content:[],parameters:[{path:"styles.text.fontSettings"},{path:"styles.caption.fontSettings"}]}};function Uc(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function Gc(e){return`
+`,qc="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>'),Yi={fontSettings:{type:"object",scope:"common",display:{type:"font-settings"},properties:{fontWeight:{type:"number",scope:"common"},fontStyle:{type:"string",scope:"common"}}}},Uc={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:"layout",title:"Delay(s)",display:{type:"percentage-input"},step:1,min:1,max:8},align:{type:"string",scope:"common",title:"Alignment",display:{type:"align-group",direction:"horizontal"},enum:["start","center","end"]},width:{type:"number",scope:"layout",title:"width",min:0,max:1e3,display:{type:"numeric-input"}},imageWidth:{type:"number",scope:"layout",title:"width",min:0,max:300,display:{type:"numeric-input"}},imageHeight:{type:"number",scope:"layout",title:"height",min:0,max:300,display:{type:"numeric-input"}},imageMarginTop:{type:"number",scope:"layout",title:"Image margin top",min:0,max:200,display:{type:"range-control"}},textMarginTop:{type:"number",scope:"layout",title:"Text margin top",min:0,max:200,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:"numeric-input"}},controlsColor:{type:"string",scope:"common",title:"Fill Controls",display:{type:"settings-color-picker"}},controlsHoverColor:{type:"string",scope:"common",title:"Hover Controls",display:{type:"settings-color-picker"}},captionMarginTop:{type:"number",scope:"layout",title:"Caption margin top",min:0,max:200,display:{type:"range-control"}},captionFontFamily:{type:"string",scope:"common",title:"Font Family",display:{type:"font-family-select"}},captionFontSettings:{...Yi.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"}},captionColor:{display:{type:"style-panel-color-picker"},type:"string",scope:"common",title:"Fill Caption"},textFontFamily:{type:"string",scope:"common",title:"Font Family",display:{type:"font-family-select"}},textFontSettings:{...Yi.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"}},textColor:{display:{type:"style-panel-color-picker"},type:"string",scope:"common",title:"Fill Text"}},defaults:{autoplay:"on",controls:{mode:"On",icon:qc},controlsColor:"#000000",controlsHoverColor:"#EABC01",align:"center",textFontFamily:"Goudy Bookletter 1911",textFontSettings:{fontWeight:400,fontStyle:"normal"},textLetterSpacing:0,textWordSpacing:0,textTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},textColor:"#000000",captionFontFamily:"Goudy Bookletter 1911",captionFontSettings:{fontWeight:400,fontStyle:"normal"},captionLetterSpacing:0,captionWordSpacing:0,captionTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},captionColor:"#000000"},layoutDefaults:{m:{delay:3,width:.69,imageMarginTop:.08,captionMarginTop:.04,textMarginTop:0,textFontSize:.069,captionFontSize:.053,textLineHeight:.093,captionLineHeight:.069,imageWidth:.21,imageHeight:.21,controlsWidth:.06},d:{delay:3,width:.35,imageMarginTop:.02,textMarginTop:0,captionMarginTop:.01,textFontSize:.016,captionFontSize:.009,textLineHeight:.018,captionLineHeight:.009,imageWidth:.027,imageHeight:.027,controlsWidth:.014}},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:"settings",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__","autoplay"]},{type:"row",items:["width","align"]},{type:"row",items:["controls"]},{type:"row",items:["controlsWidth","delay"]},{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/julia.png",name:""},text:[{type:"paragraph",children:[{text:"This website is a great tool for designers and developers. The ease of creating animations here is mesmerizing. Bravo to the creators of this product!"}]}],caption:[{type:"paragraph",children:[{text:"Julia Smith,"}]},{type:"paragraph",children:[{text:"Freelance Designer"}]}]},{image:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/mark.png",name:""},text:[{type:"paragraph",children:[{text:"This is super cool. The on onboarding terminal style animation brings me back to what made the Internet simple and fun."}]}],caption:[{type:"paragraph",children:[{text:"Mark Travis,"}]},{type:"paragraph",children:[{text:"Architect @ United Architects"}]}]},{image:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/pia.png",name:""},text:[{type:"paragraph",children:[{text:"Great tool for someone who wants to quickly and easily build a site that has fancy scrolling animations. Totally addictive!"}]}],caption:[{type:"paragraph",children:[{text:"Pia,"}]},{type:"paragraph",children:[{text:"Media Buyer"}]}]}]}},Gc={element:zc,id:"testimonial-single",name:"Clara",category:"testimonials",version:1,preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Testimonials_Single.png"},defaultSize:{d:{width:700,height:300},t:{width:373,height:300},m:{width:334,height:300}},schema:Uc,sourceCode:Kc,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[{path:"settings.controls.icon"}]},fontSettingsPaths:{content:[],parameters:[{path:"styles.text.fontSettings"},{path:"styles.caption.fontSettings"}]}};function Yc(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function Xc(e){return`
 .${e}-wrapper {
   display: grid;
   align-items: start;
-  min-height: ${Uc(48)};
+  min-height: ${Yc(48)};
 }
 .${e}-item {
   display: flex;
@@ -3669,6 +3669,37 @@ type TestimonialsSettings = {\r
   justify-content: center;
   align-items: center;
 }
+.${e}-item-image-wrapper-fit-slider {
+  display: grid;
+}
+.${e}-item-image-wrapper-fit-slider > .${e}-item-image-wrapper-sizer,
+.${e}-item-image-wrapper-fit-slider > .${e}-item-slider {
+  grid-area: 1 / 1;
+  width: 100%;
+}
+.${e}-item-image-wrapper-fit-slider > .${e}-item-image-wrapper-sizer {
+  display: grid;
+  visibility: hidden;
+  pointer-events: none;
+}
+.${e}-item-image-wrapper-fit-slider > .${e}-item-image-wrapper-sizer img {
+  grid-area: 1 / 1;
+  width: auto;
+  height: auto;
+  max-width: 100%;
+  object-fit: contain;
+}
+.${e}-item-image-wrapper-fit-slider > .${e}-item-image-wrapper-sizer video {
+  grid-area: 1 / 1;
+  width: auto;
+  height: auto;
+  max-width: 100%;
+  object-fit: contain;
+}
+.${e}-item-image-wrapper-fit-slider > .${e}-item-slider {
+  align-self: stretch;
+  min-height: 0;
+}
 .${e}-item-image-link {
   width: 100%;
   height: 100%;
@@ -3680,6 +3711,13 @@ type TestimonialsSettings = {\r
   width: 100%;
   height: 100%;
   display: block;
+  max-width: 100%;
+}
+.${e}-item-video {
+  width: 100%;
+  height: 100%;
+  display: block;
+  max-width: 100%;
 }
 .${e}-item-slider,
 .${e}-item-slider .splide__track,
@@ -3711,6 +3749,22 @@ type TestimonialsSettings = {\r
   margin-top: 0px;
   color: var(--${e}-subtitle-color);
 }
+.${e}-type-B .${e}-item-inner,
+.${e}-type-B .${e}-item-inner-hidden,
+.${e}-type-C .${e}-item-inner,
+.${e}-type-C .${e}-item-inner-hidden {
+  align-items: flex-start;
+}
+.${e}-type-B .${e}-item-image-link,
+.${e}-type-C .${e}-item-image-link {
+  align-items: flex-start;
+}
+.${e}-type-B .${e}-item-title,
+.${e}-type-B .${e}-item-subtitle,
+.${e}-type-C .${e}-item-title,
+.${e}-type-C .${e}-item-subtitle {
+  text-align: left;
+}
 .${e}-lightbox-counter {
   margin: 0;
   color: var(--${e}-lightbox-counter-color);
@@ -3733,7 +3787,7 @@ type TestimonialsSettings = {\r
   pointer-events: auto;
   z-index: 10;
 }
-`}const It=500,jt="cubic-bezier(0.22, 1, 0.36, 1)";function Yc({images:e,index:t,imageDisplay:n,originRect:r,reverseClose:o,onClose:i,onPrev:s,onNext:c,counterClassName:a,counterStyle:d}){const p=u.useRef(null),L=u.useRef(null),[v,S]=u.useState(null),[m,g]=u.useState(r?"opening":"open"),[I,x]=u.useState(!0),b=u.useRef(t),h=u.useCallback(()=>{const $=p.current,H=L.current;if(!$||!H)return;const P=$.getBoundingClientRect(),O=P.width,V=P.height,X=H.naturalWidth,G=H.naturalHeight;if(!O||!V||!X||!G)return;if(n==="Cover"){S({width:O,height:V,left:P.left,top:P.top});return}const w=X/G,W=O/V;if(w>W){const M=O/w;S({width:O,height:M,left:P.left,top:P.top+(V-M)/2})}else{const M=V*w;S({width:M,height:V,left:P.left+(O-M)/2,top:P.top})}},[n]);u.useEffect(()=>{h();const $=p.current;if(!$)return;const H=new ResizeObserver(()=>h());return H.observe($),()=>H.disconnect()},[h,t]),u.useEffect(()=>{if(m!=="opening"||!v)return;const $={id:0};return $.id=requestAnimationFrame(()=>{$.id=requestAnimationFrame(()=>g("open"))}),()=>cancelAnimationFrame($.id)},[m,v]),u.useEffect(()=>{if(m!=="closing")return;const $=setTimeout(()=>i(),It);return()=>clearTimeout($)},[m,i]),u.useEffect(()=>{b.current!==t&&x(!1),b.current=t},[t]);const B=()=>{m!=="closing"&&g("closing")},_=m==="open",A=m==="closing",T=A&&o&&!!r,R=m==="opening"?r??v:T?r:v;return l.jsxs("div",{style:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:9997},onClick:B,children:[l.jsx("div",{style:{position:"absolute",inset:0,background:"rgba(28,31,34,0.9)",opacity:_?1:0,transition:`opacity ${It}ms ${jt}`,pointerEvents:"none"}}),l.jsxs("div",{style:{position:"relative",width:"100%",height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},children:[l.jsx("div",{style:{height:"10%"}}),l.jsx("div",{style:{width:"70%",height:"80%",display:"flex",justifyContent:"center",alignItems:"center"},children:l.jsx("div",{ref:p,style:{width:"100%",height:"100%"}})}),l.jsx("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",height:"10%",opacity:_?1:0,transition:`opacity ${It}ms ${jt}`},children:e.length>1&&l.jsxs("p",{className:a,style:d,children:[t+1," / ",e.length]})})]}),R&&l.jsx("img",{ref:L,src:e[t],onLoad:h,style:{position:"fixed",top:R.top,left:R.left,width:R.width,height:R.height,objectFit:n==="Cover"?"cover":"contain",opacity:A&&!T?0:1,transition:A&&!T?`opacity ${It}ms ${jt}`:T||I?`top ${It}ms ${jt}, left ${It}ms ${jt}, width ${It}ms ${jt}, height ${It}ms ${jt}`:"none",pointerEvents:"none",zIndex:9998}}),_&&v&&l.jsxs(l.Fragment,{children:[l.jsx("div",{style:{position:"fixed",top:v.top,left:v.left,width:v.width/2,height:v.height,cursor:"w-resize",zIndex:9999},onClick:$=>{$.stopPropagation(),s()}}),l.jsx("div",{style:{position:"fixed",top:v.top,left:v.left+v.width/2,width:v.width/2,height:v.height,cursor:"e-resize",zIndex:9999},onClick:$=>{$.stopPropagation(),c()}})]})]})}function Xc({settings:e,content:t,isEditor:n,isPreviewMode:r,isEditMode:o,metadata:i,activeEvent:s,layoutId:c}){const{prefix:a}=E.useScopedStyles(),{type:d="A",gridLayout:p,textBoxWidth:L,verticalGap:v,entriesCount:S,lightbox:m,imageDisplay:g,slider:I,sliderTiming:x,direction:b,transition:h,titleMarginTop:B,subtitleMarginTop:_,titleColor:A,subtitleColor:T,lightboxCounterColor:R,titleFontFamily:$,titleFontSettings:H,titleFontSize:P,titleLineHeight:O,titleLetterSpacing:V,titleWordSpacing:X,titleTextAppearance:G,subtitleFontFamily:w,subtitleFontSettings:W,subtitleFontSize:M,subtitleLineHeight:N,subtitleLetterSpacing:k,subtitleWordSpacing:D,subtitleTextAppearance:ee,lightboxCounterFontFamily:re,lightboxCounterFontSettings:J,lightboxCounterFontSize:ue,lightboxCounterLineHeight:C,lightboxCounterLetterSpacing:oe,lightboxCounterWordSpacing:Te,lightboxCounterTextAppearance:le}=e,fe={fontSettings:{fontFamily:$,fontWeight:(H==null?void 0:H.fontWeight)??400,fontStyle:(H==null?void 0:H.fontStyle)??"normal"},fontSize:P??.01,lineHeight:O,letterSpacing:V??0,wordSpacing:X??0,textAppearance:G,color:A},ne={...ft(Ye(fe,n))},f={fontSettings:{fontFamily:w,fontWeight:(W==null?void 0:W.fontWeight)??400,fontStyle:(W==null?void 0:W.fontStyle)??"normal"},fontSize:M??.01,lineHeight:N,letterSpacing:k??0,wordSpacing:D??0,textAppearance:ee,color:T},F={...ft(Ye(f,n))},j={fontSettings:{fontFamily:re,fontWeight:(J==null?void 0:J.fontWeight)??400,fontStyle:(J==null?void 0:J.fontStyle)??"normal"},fontSize:ue??.01,lineHeight:C,letterSpacing:oe??0,wordSpacing:Te??0,textAppearance:le,color:R},te={...ft(Ye(j,n))},Q=E.buildColorVars(a,{titleColor:A,subtitleColor:T,lightboxCounterColor:R},Zc,Jc),ce=`${s&&s!=="default"?`${a}-state-${s}`:""}`.trim(),Ce=S===0?1/0:S,ye=(t??[]).slice(0,Ce),de=p.entryWidth??.2,K=(g==null?void 0:g.display)==="Cover",q=(g==null?void 0:g.ratioValue)??"1:1",z=(g==null?void 0:g.reversed)??!1,[se,be]=q.split(":").map(Number),We=z?be:se,Ae=z?se:be,Ie=`${We} / ${Ae}`,st=We>=Ae,Se={objectFit:K?"cover":"contain",pointerEvents:"auto",...K&&{aspectRatio:Ie,width:st?"100%":"auto",height:st?"auto":"100%"}},[Fe,Oe]=u.useState("ltr"),[ke,ze]=u.useState(0),Ne=u.useRef(null);u.useEffect(()=>{const Le=Ne.current;if(!Le)return;const Xe=new ResizeObserver(dt=>{ze(Math.round(dt[0].contentRect.width))});return Xe.observe(Le),()=>Xe.disconnect()},[]);const Pt=(()=>{const Le={...Q},Xe=Ne.current?getComputedStyle(Ne.current).getPropertyValue("--cntrl-article-width").trim():"";return Xe&&(Le["--cntrl-article-width"]=Xe),Le})(),[_t,lt]=u.useState(!1),[gt,At]=u.useState([]),[ve,ct]=u.useState(0),[Qe,et]=u.useState(null),Xt=(Le,Xe,dt)=>{if(n&&!r||m==="Off")return;const Ke=Le.currentTarget.getBoundingClientRect();et({top:Ke.top,left:Ke.left,width:Ke.width,height:Ke.height}),At(Xe),ct(dt),lt(!0)};return u.useEffect(()=>{if(!_t||m!=="On"||typeof document>"u")return;const Le=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=Le}},[_t,m]),l.jsxs(l.Fragment,{children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:Gc(a)}}),l.jsx("div",{style:Q,children:l.jsx("div",{ref:Ne,className:`${a}-wrapper ${a}-type-${d} ${ce}`.trim(),style:{gridTemplateColumns:`repeat(${p.columnsCount}, minmax(0, 1fr))`,rowGap:E.scalingValue(v??0,n),columnGap:E.scalingValue(p.horizontalGap??0,n),width:E.scalingValue(p.wrapperWidth??0,n)},children:ye.map((Le,Xe)=>{var dt,Ke;return l.jsx("div",{className:`${a}-item`.trim(),children:l.jsx("div",{className:o?`${a}-item-inner`:`${a}-item-inner-hidden`,style:{width:(L??0)>100?`calc(${E.scalingValue(de??0,n)} * (${L} / 100))`:E.scalingValue(de??0,n)},children:l.jsxs("a",{href:(((dt=Le.link)==null?void 0:dt.length)??0)>0&&m==="Off"?Le.link:void 0,target:"_blank",className:`${a}-item-image-link`,children:[l.jsx("div",{className:`${a}-item-image-wrapper`,style:{width:E.scalingValue(de??0,n),height:E.scalingValue(de??0,n)},children:(((Ke=Le.image)==null?void 0:Ke.length)??0)===0?null:I==="Off"?l.jsx("img",{src:Le.image[0].url,alt:Le.image[0].name,className:`${a}-item-image`.trim(),style:Se,onClick:tt=>Xt(tt,Le.image.map(me=>me.url),0)}):l.jsx(lo,{className:`${a}-item-slider`,options:{arrows:!1,pagination:!1,drag:!1,perPage:1,autoplay:!0,interval:x*1e3,width:"100%",height:"100%",speed:500,type:h==="Fade"?"fade":"loop",rewind:h==="Fade",pauseOnHover:!1,pauseOnFocus:!1,direction:h==="Fade"?"ltr":b!=="Random"?b==="Horizontal"?"ltr":"ttb":Fe},onMoved:tt=>{if(b!=="Random"||h==="Fade")return;const me=Math.random()>.5?Math.random()>.5?"rtl":"ltr":Math.random()>.5?"btt":"ttb";Oe(me),setTimeout(()=>{tt.refresh()},0)},children:Le.image.map((tt,me)=>l.jsx(co,{children:l.jsx("img",{src:tt.url,alt:tt.name,className:`${a}-item-image`.trim(),style:Se,onClick:Be=>Xt(Be,Le.image.map(Ze=>Ze.url),me)})},me))},`${h}-${de}-${b}-${x}-${ke}-${c}`)}),l.jsx("div",{"data-controls":o?"titleMarginTop":void 0,className:o?`${a}-control`:void 0,style:{height:E.scalingValue(B??0,n),width:E.scalingValue(de*L/100,n)}}),l.jsx("p",{className:`${a}-item-title`.trim(),style:{width:`calc(${E.scalingValue(de??0,n)} * (${L} / 100))`,...ne},children:Le.title}),d==="B"&&l.jsx("div",{"data-controls":o?"subtitleMarginTop":void 0,className:o?`${a}-control`:void 0,style:{height:E.scalingValue(_??0,n),width:E.scalingValue(de*L/100,n)}}),d==="B"&&l.jsx("p",{className:`${a}-item-subtitle`.trim(),style:{width:`calc(${E.scalingValue(de??0,n)} * (${L} / 100))`,...F},children:Le.subtitle})]})})},Xe)})})}),(!n||r)&&_t&&typeof document<"u"&&m==="On"&&ri.createPortal(l.jsx("div",{style:Pt,"data-selection":"none",children:l.jsx(Yc,{images:gt,index:ve,imageDisplay:g.display,originRect:Qe,reverseClose:I==="Off",onClose:()=>lt(!1),onPrev:()=>ct(Le=>(Le-1+gt.length)%gt.length),onNext:()=>ct(Le=>(Le+1)%gt.length),counterClassName:`${a}-lightbox-counter`.trim(),counterStyle:te})}),document.body)]})}const Zc={titleColor:"title-color",subtitleColor:"subtitle-color",lightboxCounterColor:"lightbox-counter-color"},Jc=["hover","focus","filled","success","error"],Qc=`import { Splide, SplideSlide } from '@splidejs/react-splide';\r
+`}const Rt=500,Kt="cubic-bezier(0.22, 1, 0.36, 1)";function It(e){return e.type==="video"?!0:e.type==="image"?!1:/\.(mp4|webm|ogg|mov)(\?|$)/i.test(e.url)}function Xi({media:e,className:t,style:n,onImageClick:r}){return It(e)?l.jsx("video",{src:e.url,className:t,style:n,muted:!0,loop:!0,autoPlay:!0,playsInline:!0}):l.jsx("img",{src:e.url,alt:e.name,className:t,style:n,onClick:r})}function Zc({images:e,index:t,imageDisplay:n,originRect:r,reverseClose:i,onClose:o,onPrev:s,onNext:c,counterClassName:a,counterStyle:d}){const p=u.useRef(null),L=u.useRef(null),[v,S]=u.useState(null),[m,g]=u.useState(r?"opening":"open"),[R,x]=u.useState(!0),b=u.useRef(t),h=u.useCallback(()=>{const $=p.current,N=L.current;if(!$||!N)return;const P=$.getBoundingClientRect(),O=P.width,V=P.height,X=N.naturalWidth,G=N.naturalHeight;if(!O||!V||!X||!G)return;if(n==="Cover"){S({width:O,height:V,left:P.left,top:P.top});return}const w=X/G,I=O/V;if(w>I){const M=O/w;S({width:O,height:M,left:P.left,top:P.top+(V-M)/2})}else{const M=V*w;S({width:M,height:V,left:P.left+(O-M)/2,top:P.top})}},[n]);u.useEffect(()=>{h();const $=p.current;if(!$)return;const N=new ResizeObserver(()=>h());return N.observe($),()=>N.disconnect()},[h,t]),u.useEffect(()=>{if(m!=="opening"||!v)return;const $={id:0};return $.id=requestAnimationFrame(()=>{$.id=requestAnimationFrame(()=>g("open"))}),()=>cancelAnimationFrame($.id)},[m,v]),u.useEffect(()=>{if(m!=="closing")return;const $=setTimeout(()=>o(),Rt);return()=>clearTimeout($)},[m,o]),u.useEffect(()=>{b.current!==t&&x(!1),b.current=t},[t]);const B=()=>{m!=="closing"&&g("closing")},_=m==="open",A=m==="closing",T=A&&i&&!!r,W=m==="opening"?r??v:T?r:v;return l.jsxs("div",{style:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:9997},onClick:B,children:[l.jsx("div",{style:{position:"absolute",inset:0,background:"rgba(28,31,34,0.9)",opacity:_?1:0,transition:`opacity ${Rt}ms ${Kt}`,pointerEvents:"none"}}),l.jsxs("div",{style:{position:"relative",width:"100%",height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},children:[l.jsx("div",{style:{height:"10%"}}),l.jsx("div",{style:{width:"70%",height:"80%",display:"flex",justifyContent:"center",alignItems:"center"},children:l.jsx("div",{ref:p,style:{width:"100%",height:"100%"}})}),l.jsx("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",height:"10%",opacity:_?1:0,transition:`opacity ${Rt}ms ${Kt}`},children:e.length>1&&l.jsxs("p",{className:a,style:d,children:[t+1," / ",e.length]})})]}),W&&l.jsx("img",{ref:L,src:e[t],onLoad:h,style:{position:"fixed",top:W.top,left:W.left,width:W.width,height:W.height,objectFit:n==="Cover"?"cover":"contain",opacity:A&&!T?0:1,transition:A&&!T?`opacity ${Rt}ms ${Kt}`:T||R?`top ${Rt}ms ${Kt}, left ${Rt}ms ${Kt}, width ${Rt}ms ${Kt}, height ${Rt}ms ${Kt}`:"none",pointerEvents:"none",zIndex:9998}}),_&&v&&l.jsxs(l.Fragment,{children:[l.jsx("div",{style:{position:"fixed",top:v.top,left:v.left,width:v.width/2,height:v.height,cursor:"w-resize",zIndex:9999},onClick:$=>{$.stopPropagation(),s()}}),l.jsx("div",{style:{position:"fixed",top:v.top,left:v.left+v.width/2,width:v.width/2,height:v.height,cursor:"e-resize",zIndex:9999},onClick:$=>{$.stopPropagation(),c()}})]})]})}function Jc({settings:e,content:t,isEditor:n,isPreviewMode:r,isEditMode:i,metadata:o,activeEvent:s,layoutId:c}){const{prefix:a}=E.useScopedStyles(),{type:d="A",gridLayout:p,textBoxWidth:L,verticalGap:v,entriesCount:S,lightbox:m,imageDisplay:g,slider:R,sliderTiming:x,direction:b,transition:h,titleMarginTop:B,subtitleMarginTop:_,titleColor:A,subtitleColor:T,lightboxCounterColor:W,titleFontFamily:$,titleFontSettings:N,titleFontSize:P,titleLineHeight:O,titleLetterSpacing:V,titleWordSpacing:X,titleTextAppearance:G,subtitleFontFamily:w,subtitleFontSettings:I,subtitleFontSize:M,subtitleLineHeight:H,subtitleLetterSpacing:F,subtitleWordSpacing:D,subtitleTextAppearance:ee,lightboxCounterFontFamily:re,lightboxCounterFontSettings:J,lightboxCounterFontSize:de,lightboxCounterLineHeight:C,lightboxCounterLetterSpacing:ie,lightboxCounterWordSpacing:Le,lightboxCounterTextAppearance:le}=e,fe={fontSettings:{fontFamily:$,fontWeight:(N==null?void 0:N.fontWeight)??400,fontStyle:(N==null?void 0:N.fontStyle)??"normal"},fontSize:P??.01,lineHeight:O,letterSpacing:V??0,wordSpacing:X??0,textAppearance:G,color:A},te={...pt(Ze(fe,n))},f={fontSettings:{fontFamily:w,fontWeight:(I==null?void 0:I.fontWeight)??400,fontStyle:(I==null?void 0:I.fontStyle)??"normal"},fontSize:M??.01,lineHeight:H,letterSpacing:F??0,wordSpacing:D??0,textAppearance:ee,color:T},k={...pt(Ze(f,n))},j={fontSettings:{fontFamily:re,fontWeight:(J==null?void 0:J.fontWeight)??400,fontStyle:(J==null?void 0:J.fontStyle)??"normal"},fontSize:de??.01,lineHeight:C,letterSpacing:ie??0,wordSpacing:Le??0,textAppearance:le,color:W},ne={...pt(Ze(j,n))},Q=E.buildColorVars(a,{titleColor:A,subtitleColor:T,lightboxCounterColor:W},Qc,ed),ce=`${s&&s!=="default"?`${a}-state-${s}`:""}`.trim(),Se=S===0?1/0:S,ve=(t??[]).slice(0,Se),ue=p.entryWidth??.2,K=(g==null?void 0:g.display)==="Cover",q=(g==null?void 0:g.ratioValue)??"1:1",z=(g==null?void 0:g.reversed)??!1,[se,xe]=q.split(":").map(Number),Re=`${z?xe:se} / ${z?se:xe}`,lt=E.scalingValue(ue??0,n),we=!K&&R!=="Off",ke={width:lt,...K?{aspectRatio:Re,height:"auto",overflow:"hidden"}:{height:"auto"}},je=`${a}-item-image-wrapper${we?` ${a}-item-image-wrapper-fit-slider`:""}`.trim(),Ae=d==="C",De=`calc(${E.scalingValue(ue??0,n)} * (${L} / 100))`,Ve=E.scalingValue(ue*L/100,n),ft=K?{objectFit:"cover",pointerEvents:"auto",width:"100%",height:"100%",maxWidth:"100%"}:{objectFit:"contain",pointerEvents:"auto",width:"auto",height:"auto",maxWidth:"100%"},[Jt,ct]=u.useState("ltr"),[Dt,Et]=u.useState(0),ye=u.useRef(null);u.useEffect(()=>{const pe=ye.current;if(!pe)return;const Ne=new ResizeObserver(He=>{Et(Math.round(He[0].contentRect.width))});return Ne.observe(pe),()=>Ne.disconnect()},[]);const yt=(()=>{const pe={...Q},Ne=ye.current?getComputedStyle(ye.current).getPropertyValue("--cntrl-article-width").trim():"";return Ne&&(pe["--cntrl-article-width"]=Ne),pe})(),[Ge,Je]=u.useState(!1),[Pt,jn]=u.useState([]),[xn,_t]=u.useState(0),[At,jt]=u.useState(null),be=(pe,Ne,He)=>{if(n&&!r||m==="Off")return;const ze=pe.currentTarget.getBoundingClientRect();jt({top:ze.top,left:ze.left,width:ze.width,height:ze.height}),jn(Ne),_t(He),Je(!0)};return u.useEffect(()=>{if(!Ge||m!=="On"||typeof document>"u")return;const pe=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=pe}},[Ge,m]),l.jsxs(l.Fragment,{children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:Xc(a)}}),l.jsx("div",{style:Q,children:l.jsx("div",{ref:ye,className:`${a}-wrapper ${a}-type-${d} ${ce}`.trim(),style:{gridTemplateColumns:`repeat(${p.columnsCount}, minmax(0, 1fr))`,rowGap:E.scalingValue(v??0,n),columnGap:E.scalingValue(p.horizontalGap??0,n),width:E.scalingValue(p.wrapperWidth??0,n)},children:ve.map((pe,Ne)=>{var He,ze;return l.jsx("div",{className:`${a}-item`.trim(),children:l.jsx("div",{className:i?`${a}-item-inner`:`${a}-item-inner-hidden`,style:{width:(L??0)>100?`calc(${E.scalingValue(ue??0,n)} * (${L} / 100))`:E.scalingValue(ue??0,n)},children:l.jsxs("a",{href:(((He=pe.link)==null?void 0:He.length)??0)>0&&m==="Off"?pe.link:void 0,target:"_blank",className:`${a}-item-image-link`,children:[Ae&&l.jsxs(l.Fragment,{children:[l.jsx("p",{className:`${a}-item-title`.trim(),style:{width:De,...te},children:pe.title}),l.jsx("div",{"data-controls":i?"subtitleMarginTop":void 0,className:i?`${a}-control`:void 0,style:{height:E.scalingValue(_??0,n),width:Ve}}),l.jsx("p",{className:`${a}-item-subtitle`.trim(),style:{width:De,...k},children:pe.subtitle}),l.jsx("div",{"data-controls":i?"titleMarginTop":void 0,className:i?`${a}-control`:void 0,style:{height:E.scalingValue(B??0,n),width:Ve}})]}),l.jsx("div",{className:je,style:ke,children:(((ze=pe.image)==null?void 0:ze.length)??0)===0?null:R==="Off"?(()=>{const Oe=pe.image[0],en=pe.image.filter(vt=>!It(vt)).map(vt=>vt.url);return l.jsx(Xi,{media:Oe,className:`${a}-item-${It(Oe)?"video":"image"}`.trim(),style:ft,onImageClick:It(Oe)?void 0:vt=>be(vt,en,0)})})():l.jsxs(l.Fragment,{children:[we&&l.jsx("div",{className:`${a}-item-image-wrapper-sizer`,"aria-hidden":"true",children:pe.image.map(Oe=>It(Oe)?l.jsx("video",{src:Oe.url,muted:!0,playsInline:!0},`sizer-${Oe.url}`):l.jsx("img",{src:Oe.url,alt:""},`sizer-${Oe.url}`))}),l.jsx(hi,{className:`${a}-item-slider`,options:{arrows:!1,pagination:!1,drag:!1,perPage:1,autoplay:!0,interval:x*1e3,width:"100%",height:"100%",speed:500,type:h==="Fade"?"fade":"loop",rewind:h==="Fade",pauseOnHover:!1,pauseOnFocus:!1,direction:h==="Fade"?"ltr":b!=="Random"?b==="Horizontal"?"ltr":"ttb":Jt},onMoved:Oe=>{if(b!=="Random"||h==="Fade")return;const Qt=Math.random()>.5?Math.random()>.5?"rtl":"ltr":Math.random()>.5?"btt":"ttb";ct(Qt),setTimeout(()=>{Oe.refresh()},0)},children:pe.image.map((Oe,Qt)=>{const en=pe.image.filter(dt=>!It(dt)),vt=en.map(dt=>dt.url),Er=en.findIndex(dt=>dt.url===Oe.url);return l.jsx(fi,{children:l.jsx(Xi,{media:Oe,className:`${a}-item-${It(Oe)?"video":"image"}`.trim(),style:ft,onImageClick:It(Oe)?void 0:dt=>be(dt,vt,Er)})},Qt)})},`${h}-${ue}-${b}-${x}-${Dt}-${c}`)]})}),!Ae&&l.jsxs(l.Fragment,{children:[l.jsx("div",{"data-controls":i?"titleMarginTop":void 0,className:i?`${a}-control`:void 0,style:{height:E.scalingValue(B??0,n),width:Ve}}),l.jsx("p",{className:`${a}-item-title`.trim(),style:{width:De,...te},children:pe.title}),l.jsx("div",{"data-controls":i?"subtitleMarginTop":void 0,className:i?`${a}-control`:void 0,style:{height:E.scalingValue(_??0,n),width:Ve}}),l.jsx("p",{className:`${a}-item-subtitle`.trim(),style:{width:De,...k},children:pe.subtitle})]})]})})},Ne)})})}),(!n||r)&&Ge&&typeof document<"u"&&m==="On"&&lo.createPortal(l.jsx("div",{style:yt,"data-selection":"none",children:l.jsx(Zc,{images:Pt,index:xn,imageDisplay:g.display,originRect:At,reverseClose:R==="Off",onClose:()=>Je(!1),onPrev:()=>_t(pe=>(pe-1+Pt.length)%Pt.length),onNext:()=>_t(pe=>(pe+1)%Pt.length),counterClassName:`${a}-lightbox-counter`.trim(),counterStyle:ne})}),document.body)]})}const Qc={titleColor:"title-color",subtitleColor:"subtitle-color",lightboxCounterColor:"lightbox-counter-color"},ed=["hover","focus","filled","success","error"],td=`import { Splide, SplideSlide } from '@splidejs/react-splide';\r
 import '@splidejs/react-splide/css/core';\r
 import { CommonComponentProps } from '../props';\r
 import { buildColorVars, getFormFieldValidationError, scalingValue, useScopedStyles } from '../utils/index';\r
@@ -3774,6 +3828,37 @@ function getCSS(P: string): string {\r
   justify-content: center;\r
   align-items: center;\r
 }\r
+.\${P}-item-image-wrapper-fit-slider {\r
+  display: grid;\r
+}\r
+.\${P}-item-image-wrapper-fit-slider > .\${P}-item-image-wrapper-sizer,\r
+.\${P}-item-image-wrapper-fit-slider > .\${P}-item-slider {\r
+  grid-area: 1 / 1;\r
+  width: 100%;\r
+}\r
+.\${P}-item-image-wrapper-fit-slider > .\${P}-item-image-wrapper-sizer {\r
+  display: grid;\r
+  visibility: hidden;\r
+  pointer-events: none;\r
+}\r
+.\${P}-item-image-wrapper-fit-slider > .\${P}-item-image-wrapper-sizer img {\r
+  grid-area: 1 / 1;\r
+  width: auto;\r
+  height: auto;\r
+  max-width: 100%;\r
+  object-fit: contain;\r
+}\r
+.\${P}-item-image-wrapper-fit-slider > .\${P}-item-image-wrapper-sizer video {\r
+  grid-area: 1 / 1;\r
+  width: auto;\r
+  height: auto;\r
+  max-width: 100%;\r
+  object-fit: contain;\r
+}\r
+.\${P}-item-image-wrapper-fit-slider > .\${P}-item-slider {\r
+  align-self: stretch;\r
+  min-height: 0;\r
+}\r
 .\${P}-item-image-link {\r
   width: 100%;\r
   height: 100%;\r
@@ -3785,6 +3870,13 @@ function getCSS(P: string): string {\r
   width: 100%;\r
   height: 100%;\r
   display: block;\r
+  max-width: 100%;\r
+}\r
+.\${P}-item-video {\r
+  width: 100%;\r
+  height: 100%;\r
+  display: block;\r
+  max-width: 100%;\r
 }\r
 .\${P}-item-slider,\r
 .\${P}-item-slider .splide__track,\r
@@ -3816,6 +3908,22 @@ function getCSS(P: string): string {\r
   margin-top: 0px;\r
   color: var(--\${P}-subtitle-color);\r
 }\r
+.\${P}-type-B .\${P}-item-inner,\r
+.\${P}-type-B .\${P}-item-inner-hidden,\r
+.\${P}-type-C .\${P}-item-inner,\r
+.\${P}-type-C .\${P}-item-inner-hidden {\r
+  align-items: flex-start;\r
+}\r
+.\${P}-type-B .\${P}-item-image-link,\r
+.\${P}-type-C .\${P}-item-image-link {\r
+  align-items: flex-start;\r
+}\r
+.\${P}-type-B .\${P}-item-title,\r
+.\${P}-type-B .\${P}-item-subtitle,\r
+.\${P}-type-C .\${P}-item-title,\r
+.\${P}-type-C .\${P}-item-subtitle {\r
+  text-align: left;\r
+}\r
 .\${P}-lightbox-counter {\r
   margin: 0;\r
   color: var(--\${P}-lightbox-counter-color);\r
@@ -3870,6 +3978,54 @@ type LightboxProps = {\r
 const LIGHTBOX_ANIM_MS = 500;\r
 const LIGHTBOX_EASING = 'cubic-bezier(0.22, 1, 0.36, 1)';\r
 \r
+type GridMedia = {\r
+  url: string;\r
+  name?: string;\r
+  type?: 'image' | 'video';\r
+};\r
+\r
+function isVideoMedia(media: GridMedia): boolean {\r
+  if (media.type === 'video') return true;\r
+  if (media.type === 'image') return false;\r
+  return /\\.(mp4|webm|ogg|mov)(\\?|$)/i.test(media.url);\r
+}\r
+\r
+function GridMediaItem({\r
+  media,\r
+  className,\r
+  style,\r
+  onImageClick,\r
+}: {\r
+  media: GridMedia;\r
+  className: string;\r
+  style: React.CSSProperties;\r
+  onImageClick?: (e: React.MouseEvent<HTMLImageElement>) => void;\r
+}) {\r
+  if (isVideoMedia(media)) {\r
+    return (\r
+      <video\r
+        src={media.url}\r
+        className={className}\r
+        style={style}\r
+        muted\r
+        loop\r
+        autoPlay\r
+        playsInline\r
+      />\r
+    );\r
+  }\r
+\r
+  return (\r
+    <img\r
+      src={media.url}\r
+      alt={media.name}\r
+      className={className}\r
+      style={style}\r
+      onClick={onImageClick}\r
+    />\r
+  );\r
+}\r
+\r
 function Lightbox({ images, index, imageDisplay, originRect, reverseClose, onClose, onPrev, onNext, counterClassName, counterStyle }: LightboxProps) {\r
   const ghostRef = useRef<HTMLDivElement>(null);\r
   const imgRef = useRef<HTMLImageElement>(null);\r
@@ -4191,17 +4347,37 @@ export function Grid({ settings, content, isEditor, isPreviewMode, isEditMode, m
   const effW = ratioReversed ? rH : rW;\r
   const effH = ratioReversed ? rW : rH;\r
   const aspectRatio = \`\${effW} / \${effH}\`;\r
-  const isLandscape = effW >= effH;\r
-\r
-  const imageStyle: React.CSSProperties = {\r
-    objectFit: isCover ? 'cover' : 'contain',\r
-    pointerEvents: 'auto',\r
-    ...(isCover && {\r
-      aspectRatio,\r
-      width: isLandscape ? '100%' : 'auto',\r
-      height: isLandscape ? 'auto' : '100%',\r
-    }),\r
+\r
+  const imageWrapperWidth = scalingValue(size ?? 0, isEditor);\r
+  const isFitSlider = !isCover && slider !== 'Off';\r
+\r
+  const imageWrapperStyle: React.CSSProperties = {\r
+    width: imageWrapperWidth,\r
+    ...(isCover\r
+      ? { aspectRatio, height: 'auto', overflow: 'hidden' }\r
+      : { height: 'auto' }),\r
   };\r
+\r
+  const imageWrapperClassName = \`\${P}-item-image-wrapper\${isFitSlider ? \` \${P}-item-image-wrapper-fit-slider\` : ''}\`.trim();\r
+  const isTypeC = type === 'C';\r
+  const textBoxWidthStyle = \`calc(\${scalingValue(size ?? 0, isEditor)} * (\${textBoxWidth} / 100))\`;\r
+  const controlWidthStyle = scalingValue(size * textBoxWidth / 100, isEditor);\r
+\r
+  const imageStyle: React.CSSProperties = isCover\r
+    ? {\r
+        objectFit: 'cover',\r
+        pointerEvents: 'auto',\r
+        width: '100%',\r
+        height: '100%',\r
+        maxWidth: '100%',\r
+      }\r
+    : {\r
+        objectFit: 'contain',\r
+        pointerEvents: 'auto',\r
+        width: 'auto',\r
+        height: 'auto',\r
+        maxWidth: '100%',\r
+      };\r
 \r
   const [dir, setDir] = useState('ltr');\r
   const [containerWidth, setContainerWidth] = useState(0);\r
@@ -4276,19 +4452,57 @@ export function Grid({ settings, content, isEditor, isPreviewMode, isEditMode, m
                 style={{ width: (textBoxWidth ?? 0) > 100 ? \`calc(\${scalingValue(size ?? 0, isEditor)} * (\${textBoxWidth} / 100))\` : scalingValue(size ?? 0, isEditor) }}\r
               >\r
                 <a href={(item.link?.length ?? 0) > 0 && lightbox === 'Off' ? item.link : undefined} target='_blank' className={\`\${P}-item-image-link\`}>\r
-                  <div className={\`\${P}-item-image-wrapper\`} style={{ width: scalingValue(size ?? 0, isEditor), height: scalingValue(size ?? 0, isEditor) }}>\r
+                  {isTypeC && (\r
+                    <>\r
+                      <p className={\`\${P}-item-title\`.trim()} style={{ width: textBoxWidthStyle, ...titleFieldCss }}>\r
+                        {item.title}\r
+                      </p>\r
+                      <div\r
+                        data-controls={isEditMode ? 'subtitleMarginTop' : undefined}\r
+                        className={isEditMode ? \`\${P}-control\` : undefined}\r
+                        style={{ height: scalingValue(subtitleMarginTop ?? 0, isEditor), width: controlWidthStyle }}\r
+                      />\r
+                      <p className={\`\${P}-item-subtitle\`.trim()} style={{ width: textBoxWidthStyle, ...subtitleFieldCss }}>\r
+                        {item.subtitle}\r
+                      </p>\r
+                      <div\r
+                        data-controls={isEditMode ? 'titleMarginTop' : undefined}\r
+                        className={isEditMode ? \`\${P}-control\` : undefined}\r
+                        style={{ height: scalingValue(titleMarginTop ?? 0, isEditor), width: controlWidthStyle }}\r
+                      />\r
+                    </>\r
+                  )}\r
+                  <div className={imageWrapperClassName} style={imageWrapperStyle}>\r
                     {(item.image?.length ?? 0) === 0\r
                       ? null\r
                       : slider === 'Off'\r
                         ?\r
-                        <img\r
-                          src={item.image[0].url}\r
-                          alt={item.image[0].name}\r
-                          className={\`\${P}-item-image\`.trim()}\r
-                          style={imageStyle}\r
-                          onClick={(e) => openLightbox(e, item.image.map((i: any) => i.url), 0)}\r
-                        />\r
+                        (() => {\r
+                          const media = item.image[0] as GridMedia;\r
+                          const imageOnly = item.image.filter((entry: GridMedia) => !isVideoMedia(entry));\r
+                          const imageUrls = imageOnly.map((entry: GridMedia) => entry.url);\r
+                          return (\r
+                            <GridMediaItem\r
+                              media={media}\r
+                              className={\`\${P}-item-\${isVideoMedia(media) ? 'video' : 'image'}\`.trim()}\r
+                              style={imageStyle}\r
+                              onImageClick={isVideoMedia(media) ? undefined : (e) => openLightbox(e, imageUrls, 0)}\r
+                            />\r
+                          );\r
+                        })()\r
                         :\r
+                        <>\r
+                        {isFitSlider && (\r
+                          <div className={\`\${P}-item-image-wrapper-sizer\`} aria-hidden="true">\r
+                            {item.image.map((media: GridMedia) => (\r
+                              isVideoMedia(media) ? (\r
+                                <video key={\`sizer-\${media.url}\`} src={media.url} muted playsInline />\r
+                              ) : (\r
+                                <img key={\`sizer-\${media.url}\`} src={media.url} alt="" />\r
+                              )\r
+                            ))}\r
+                          </div>\r
+                        )}\r
                         <Splide\r
                           key={\`\${transition}-\${size}-\${direction}-\${sliderTiming}-\${containerWidth}-\${layoutId}\`}\r
                           className={\`\${P}-item-slider\`}\r
@@ -4322,36 +4536,45 @@ export function Grid({ settings, content, isEditor, isPreviewMode, isEditMode, m
                             }, 0);\r
                           }}\r
                         >\r
-                          {item.image.map((img: { url: string; name?: string }, imgIndex: number) => (\r
-                            <SplideSlide key={imgIndex}>\r
-                              <img\r
-                                src={img.url}\r
-                                alt={img.name}\r
-                                className={\`\${P}-item-image\`.trim()}\r
-                                style={imageStyle}\r
-                                onClick={(e) => openLightbox(e, item.image.map((i: any) => i.url), imgIndex)}\r
-                              />\r
-                            </SplideSlide>\r
-                          ))}\r
+                          {item.image.map((media: GridMedia, imgIndex: number) => {\r
+                            const imageOnly = item.image.filter((entry: GridMedia) => !isVideoMedia(entry));\r
+                            const imageUrls = imageOnly.map((entry: GridMedia) => entry.url);\r
+                            const imageIndex = imageOnly.findIndex((entry: GridMedia) => entry.url === media.url);\r
+                            return (\r
+                              <SplideSlide key={imgIndex}>\r
+                                <GridMediaItem\r
+                                  media={media}\r
+                                  className={\`\${P}-item-\${isVideoMedia(media) ? 'video' : 'image'}\`.trim()}\r
+                                  style={imageStyle}\r
+                                  onImageClick={isVideoMedia(media) ? undefined : (e) => openLightbox(e, imageUrls, imageIndex)}\r
+                                />\r
+                              </SplideSlide>\r
+                            );\r
+                          })}\r
                         </Splide>\r
+                        </>\r
                     }\r
                   </div>\r
-                  <div\r
-                    data-controls={isEditMode ? 'titleMarginTop' : undefined}\r
-                    className={isEditMode ? \`\${P}-control\` : undefined}\r
-                    style={{ height: scalingValue(titleMarginTop ?? 0, isEditor), width: scalingValue(size * textBoxWidth / 100, isEditor) }}\r
-                  />\r
-                  <p className={\`\${P}-item-title\`.trim()} style={{ width: \`calc(\${scalingValue(size ?? 0, isEditor)} * (\${textBoxWidth} / 100))\`, ...titleFieldCss }}>\r
-                    {item.title}\r
-                  </p>\r
-                  {type === 'B' && <div\r
-                    data-controls={isEditMode ? 'subtitleMarginTop' : undefined}\r
-                    className={isEditMode ? \`\${P}-control\` : undefined}\r
-                    style={{ height: scalingValue(subtitleMarginTop ?? 0, isEditor), width: scalingValue(size * textBoxWidth / 100, isEditor) }}\r
-                  />}\r
-                  {type === 'B' && <p className={\`\${P}-item-subtitle\`.trim()} style={{ width: \`calc(\${scalingValue(size ?? 0, isEditor)} * (\${textBoxWidth} / 100))\`, ...subtitleFieldCss }}>\r
-                    {item.subtitle}\r
-                  </p>}\r
+                  {!isTypeC && (\r
+                    <>\r
+                      <div\r
+                        data-controls={isEditMode ? 'titleMarginTop' : undefined}\r
+                        className={isEditMode ? \`\${P}-control\` : undefined}\r
+                        style={{ height: scalingValue(titleMarginTop ?? 0, isEditor), width: controlWidthStyle }}\r
+                      />\r
+                      <p className={\`\${P}-item-title\`.trim()} style={{ width: textBoxWidthStyle, ...titleFieldCss }}>\r
+                        {item.title}\r
+                      </p>\r
+                      <div\r
+                        data-controls={isEditMode ? 'subtitleMarginTop' : undefined}\r
+                        className={isEditMode ? \`\${P}-control\` : undefined}\r
+                        style={{ height: scalingValue(subtitleMarginTop ?? 0, isEditor), width: controlWidthStyle }}\r
+                      />\r
+                      <p className={\`\${P}-item-subtitle\`.trim()} style={{ width: textBoxWidthStyle, ...subtitleFieldCss }}>\r
+                        {item.subtitle}\r
+                      </p>\r
+                    </>\r
+                  )}\r
                 </a>\r
               </div>\r
             </div>\r
@@ -4389,7 +4612,7 @@ type GridLayoutConfig = {\r
 };\r
 \r
 type GridSettings = {\r
-  type: 'A' | 'B';\r
+  type: 'A' | 'B' | 'C';\r
   gridLayout: GridLayoutConfig;\r
   textBoxWidth: number;\r
   verticalGap: number;\r
@@ -4444,11 +4667,11 @@ const COLOR_VAR_MAP: Record<ColorKeys, string> = {\r
 };\r
 \r
 const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;\r
-`,Pr={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},ed=["titleColor","subtitleColor","lightboxCounterColor"],td={type:"object",version:1,content:{type:"array",settings:{addItemWithoutImage:!0},display:{type:"array",rules:[{if:{name:"type",value:"A"},then:{name:"subtitle",value:!1}}]},items:{type:"object",properties:{title:{type:"string",label:"Title",placeholder:"Add Title...",display:{type:"text-input"}},subtitle:{type:"string",label:"Subtitle",placeholder:"Add Subtitle...",display:{type:"text-input"}},image:{type:"object",label:"Image",display:{type:"media-list-input"},properties:{url:{type:"string"},name:{type:"string"},objectFit:{type:"string",enum:["cover","contain"]}},required:["url","name"]},link:{type:"string",label:"Link",placeholder:"Add link...",display:{type:"text-input"}}},required:["image"]},default:[{title:"Title 1",subtitle:"Subtitle 1",image:[{url:"https://cdn.cntrl.site/component-assets/Control-slider-default-picture-1.png",name:"Grid-1.png",objectFit:"cover"}],link:""},{title:"Title 2",subtitle:"Subtitle 2",image:[{url:"https://cdn.cntrl.site/component-assets/Control-slider-default-picture-2.png",name:"Grid-2.png",objectFit:"cover"}],link:""},{title:"Title 3",subtitle:"Subtitle 3",image:[{url:"https://cdn.cntrl.site/component-assets/Control-slider-default-picture-3.png",name:"Grid-3.png",objectFit:"cover"}],link:""}]},settings:{sizing:"auto auto",properties:{type:{type:"string",scope:"common",title:"",display:{type:"radio-group"},enum:["A","B"]},gridLayout:{type:"grid-layout",scope:"layout",display:{type:"grid-layout"},gridParams:{type:"object",properties:{columnsCount:{type:"number",title:"Columns",min:1,max:4},wrapperWidth:{type:"number",title:"Width",min:0},entryWidth:{type:"number",title:"Entry",min:0},horizontalGap:{type:"number",title:"Gap",min:0}}}},textBoxWidth:{type:"number",scope:"layout",title:"Text Width (%)",display:{type:"percentage-input"},min:0},verticalGap:{type:"number",scope:"layout",title:"Vertical Gap",display:{type:"numeric-input"},min:0,max:1e3},entriesCount:{type:"number",scope:"layout",title:"Entries #",display:{type:"toggle-numeric-input",enum:["Auto","Fixed"]},min:1},lightbox:{type:"boolean",scope:"common",title:"Lightbox",display:{type:"toggle-cycle",enum:["On","Off"]}},imageDisplay:{type:"object",scope:"common",title:"Display",display:{type:"image-ratio-control"},properties:{display:{type:"string",enum:["Fit","Cover"]},ratioValue:{type:"string",enum:["1:1","2:3","3:4","4:5","16:9"]},reversed:{type:"boolean"}}},slider:{type:"boolean",scope:"common",title:"Slider",display:{type:"toggle-cycle",enum:["On","Off"]}},sliderTiming:{type:"number",scope:"common",title:"Timing (Sec)",display:{type:"common-numeric-input"},min:1,max:10},direction:{type:"string",scope:"common",title:"Direction",display:{type:"toggle-cycle",enum:["Horizontal","Vertical","Random"],enabled:!0}},transition:{type:"string",scope:"common",title:"Transition",display:{type:"toggle-cycle",enum:["Fade","Slide"]}},titleMarginTop:{type:"number",scope:"layout",title:"Title margin top",min:0,max:100,display:{type:"range-control"}},subtitleMarginTop:{type:"number",scope:"layout",title:"Subtitle margin top",min:0,max:100,display:{type:"range-control"}},titleColor:{type:"string",scope:"common",title:"Title Color",display:{type:"palette-color-picker"}},subtitleColor:{type:"string",scope:"common",title:"Subtitle Color",display:{type:"palette-color-picker",visible:!1}},lightboxCounterColor:{type:"string",scope:"common",title:"Lightbox Counter Color",display:{type:"palette-color-picker"}},titleFontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},titleFontSettings:{...Pr.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},titleFontSize:{type:"number",scope:"layout",title:"Input Font Size",display:{type:"font-size"}},titleLineHeight:{type:"number",scope:"layout",title:"Input Line Height",display:{type:"line-height-input"}},titleLetterSpacing:{type:"number",scope:"layout",title:"Input Letter Spacing",display:{type:"letter-spacing-input"}},titleWordSpacing:{type:"number",scope:"layout",title:"Input Word Spacing",display:{type:"word-spacing-input"}},titleTextAppearance:{type:"object",scope:"layout",title:"Input Text Appearance",display:{type:"text-appearance"}},subtitleFontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},subtitleFontSettings:{...Pr.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},subtitleFontSize:{type:"number",scope:"layout",title:"Subtitle Font Size",display:{type:"font-size"}},subtitleLineHeight:{type:"number",scope:"layout",title:"Subtitle Line Height",display:{type:"line-height-input"}},subtitleLetterSpacing:{type:"number",scope:"layout",title:"Subtitle Letter Spacing",display:{type:"letter-spacing-input"}},subtitleWordSpacing:{type:"number",scope:"layout",title:"Subtitle Word Spacing",display:{type:"word-spacing-input"}},subtitleTextAppearance:{type:"object",scope:"layout",title:"Subtitle Text Appearance",display:{type:"text-appearance"}},lightboxCounterFontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},lightboxCounterFontSettings:{...Pr.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},lightboxCounterFontSize:{type:"number",scope:"layout",title:"Input Font Size",display:{type:"font-size"}},lightboxCounterLineHeight:{type:"number",scope:"layout",title:"Input Line Height",display:{type:"line-height-input"}},lightboxCounterLetterSpacing:{type:"number",scope:"layout",title:"Input Letter Spacing",display:{type:"letter-spacing-input"}},lightboxCounterWordSpacing:{type:"number",scope:"layout",title:"Input Word Spacing",display:{type:"word-spacing-input"}},lightboxCounterTextAppearance:{type:"object",scope:"layout",title:"Input Text Appearance",display:{type:"text-appearance"}}},defaults:{lightbox:"Off",imageDisplay:{display:"Fit",ratioValue:"16:9",reversed:!1},type:"A",slider:"Off",sliderTiming:5,direction:"Horizontal",transition:"Slide",titleColor:"#767676",subtitleColor:"#DEDDDD",lightboxCounterColor:"#DEDDDD",titleFontFamily:"Arial",titleFontSettings:{fontWeight:400,fontStyle:"normal"},titleLetterSpacing:0,titleWordSpacing:0,titleTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},subtitleFontFamily:"Arial",subtitleFontSettings:{fontWeight:400,fontStyle:"normal"},subtitleLetterSpacing:0,subtitleWordSpacing:0,subtitleTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},lightboxCounterFontFamily:"Arial",lightboxCounterFontSettings:{fontWeight:400,fontStyle:"normal"},lightboxCounterLetterSpacing:0,lightboxCounterWordSpacing:0,lightboxCounterTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}},layoutDefaults:{m:{gridLayout:{entryWidth:.2,horizontalGap:.05,wrapperWidth:1,columnsCount:2,lockedParam:null},textBoxWidth:100,verticalGap:.0083,entriesCount:0,titleMarginTop:.02,subtitleMarginTop:.02,titleStroke:.003,titleCorners:.192,subtitlePadding:{top:.0373,right:.0373,bottom:.0373,left:.0373},titlePadding:{top:.0373,right:.0373,bottom:.0373,left:.0373},titleFontSize:.043,titleLineHeight:.043,subtitleFontSize:.0373,subtitleLineHeight:.0373,lightboxCounterFontSize:.0373,lightboxCounterLineHeight:.0373},d:{gridLayout:{entryWidth:.2,horizontalGap:.05,wrapperWidth:1,columnsCount:2,lockedParam:null},textBoxWidth:100,verticalGap:.0083,entriesCount:0,titleMarginTop:.008,subtitleMarginTop:.008,titleStroke:.001,titleCorners:.05,subtitlePadding:{top:.01,right:.01,bottom:.01,left:.01},titlePadding:{top:.01,right:.01,bottom:.01,left:.01},titleFontSize:.01,titleLineHeight:.01,subtitleFontSize:.01,subtitleLineHeight:.01,lightboxCounterFontSize:.01,lightboxCounterLineHeight:.01}},displayRules:[{if:{name:"transition",value:"Fade"},then:{name:"properties.direction.display.enabled",value:!1}},{if:{name:"type",value:"B"},then:{name:"properties.subtitleColor.display.visible",value:!0}}],layout:["__componentName__","name","type","gridLayout","textBoxWidth","verticalGap","entriesCount","lightbox","imageDisplay","slider","sliderTiming","direction","transition","transition","titleMarginTop","subtitleMarginTop"]},panels:[{id:"general",icon:"cursor",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__","name"]},"type",{type:"row",title:"Grid",items:[{type:"group",title:"",items:["gridLayout"]}]},{type:"row",title:"",items:["textBoxWidth","entriesCount"]},{type:"row",title:"",items:["verticalGap"]},{type:"row",title:"Image",items:["imageDisplay","lightbox"]},{type:"row",title:"Slider",items:[{type:"group",title:"",items:["slider","sliderTiming"]},{type:"group",title:"",items:["direction","transition"]}]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:[{type:"group",title:"Title",items:["titleFontFamily","titleFontSettings",{type:"row",items:["titleFontSize","titleLineHeight","titleLetterSpacing","titleWordSpacing"]},"titleTextAppearance"]},{type:"group",title:"Subtitle",items:["subtitleFontFamily","subtitleFontSettings",{type:"row",items:["subtitleFontSize","subtitleLineHeight","subtitleLetterSpacing","subtitleWordSpacing"]},"subtitleTextAppearance"]},{type:"group",title:"Lightbox Counter",items:["lightboxCounterFontFamily","lightboxCounterFontSettings",{type:"row",items:["lightboxCounterFontSize","lightboxCounterLineHeight","lightboxCounterLetterSpacing","lightboxCounterWordSpacing"]},"lightboxCounterTextAppearance"]}]}],paletteBookmark:{items:[...ed],panelIds:["general","typeStyle"],stateItems:{default:["titleColor","subtitleColor","lightboxCounterColor"]}}},nd={element:Xc,id:"grid",name:"Neptune",category:"grids",layoutMode:"structured",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Neptune_Grid.png"},version:1,defaultSize:{d:{width:720,height:540}},assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[]},schema:td,sourceCode:Qc};function Jn(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function rd(e){return String(e??"").trim().length>0}function od(e,t,n,r,o,i,s){const c=E.scalingValue(i,s),a=E.scalingValue(0,s),d=e===0,p=e===t-1&&!o;return{borderTopWidth:d&&n?c:a,borderBottomWidth:!p||r?c:a}}function id(e,t,n){const r=E.scalingValue(t,n),o=E.scalingValue(0,n);return{borderTopWidth:o,borderBottomWidth:e?r:o}}const qo=10;function ad(e){return`
+`,Fr={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},nd=["titleColor","subtitleColor","lightboxCounterColor"],rd={type:"object",version:1,content:{type:"array",settings:{addItemWithoutImage:!0},display:{type:"array"},items:{type:"object",properties:{title:{type:"string",label:"Title",placeholder:"Add Title...",display:{type:"text-input"}},subtitle:{type:"string",label:"Subtitle",placeholder:"Add Subtitle...",display:{type:"text-input"}},image:{type:"object",label:"Image",display:{type:"media-list-input"},properties:{url:{type:"string"},name:{type:"string"},type:{type:"string",enum:["image","video"]},objectFit:{type:"string",enum:["cover","contain"]}},required:["url","name"]},link:{type:"string",label:"Link",placeholder:"Add link...",display:{type:"text-input"}}},required:["image"]},default:[{title:"Title 1",subtitle:"Subtitle 1",image:[{url:"https://cdn.cntrl.site/component-assets/Control-slider-default-picture-1.png",name:"Grid-1.png",objectFit:"cover"}],link:""},{title:"Title 2",subtitle:"Subtitle 2",image:[{url:"https://cdn.cntrl.site/component-assets/Control-slider-default-picture-2.png",name:"Grid-2.png",objectFit:"cover"}],link:""},{title:"Title 3",subtitle:"Subtitle 3",image:[{url:"https://cdn.cntrl.site/component-assets/Control-slider-default-picture-3.png",name:"Grid-3.png",objectFit:"cover"}],link:""}]},settings:{sizing:"auto auto",properties:{type:{type:"string",scope:"common",title:"",display:{type:"radio-group"},enum:["A","B","C"]},gridLayout:{type:"grid-layout",scope:"layout",display:{type:"grid-layout"},gridParams:{type:"object",properties:{columnsCount:{type:"number",title:"Columns",min:1,max:4},wrapperWidth:{type:"number",title:"Width",min:0},entryWidth:{type:"number",title:"Entry",min:0},horizontalGap:{type:"number",title:"Gap",min:0}}}},textBoxWidth:{type:"number",scope:"layout",title:"Text Width (%)",display:{type:"percentage-input"},min:0},verticalGap:{type:"number",scope:"layout",title:"Vertical Gap",display:{type:"numeric-input"},min:0,max:1e3},entriesCount:{type:"number",scope:"layout",title:"Entries #",display:{type:"toggle-numeric-input",enum:["Auto","Fixed"]},min:1},lightbox:{type:"boolean",scope:"common",title:"Lightbox",display:{type:"toggle-cycle",enum:["On","Off"]}},imageDisplay:{type:"object",scope:"common",title:"Display",display:{type:"image-ratio-control"},properties:{display:{type:"string",enum:["Fit","Cover"]},ratioValue:{type:"string",enum:["1:1","2:3","3:4","4:5","16:9"]},reversed:{type:"boolean"}}},slider:{type:"boolean",scope:"common",title:"Slider",display:{type:"toggle-cycle",enum:["On","Off"]}},sliderTiming:{type:"number",scope:"common",title:"Timing (Sec)",display:{type:"common-numeric-input"},min:1,max:10},direction:{type:"string",scope:"common",title:"Direction",display:{type:"toggle-cycle",enum:["Horizontal","Vertical","Random"],enabled:!0}},transition:{type:"string",scope:"common",title:"Transition",display:{type:"toggle-cycle",enum:["Fade","Slide"]}},titleMarginTop:{type:"number",scope:"layout",title:"Title margin top",min:0,max:100,display:{type:"range-control"}},subtitleMarginTop:{type:"number",scope:"layout",title:"Subtitle margin top",min:0,max:100,display:{type:"range-control"}},titleColor:{type:"string",scope:"common",title:"Title Color",display:{type:"palette-color-picker"}},subtitleColor:{type:"string",scope:"common",title:"Subtitle Color",display:{type:"palette-color-picker"}},lightboxCounterColor:{type:"string",scope:"common",title:"Lightbox Counter Color",display:{type:"palette-color-picker"}},titleFontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},titleFontSettings:{...Fr.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},titleFontSize:{type:"number",scope:"layout",title:"Input Font Size",display:{type:"font-size"}},titleLineHeight:{type:"number",scope:"layout",title:"Input Line Height",display:{type:"line-height-input"}},titleLetterSpacing:{type:"number",scope:"layout",title:"Input Letter Spacing",display:{type:"letter-spacing-input"}},titleWordSpacing:{type:"number",scope:"layout",title:"Input Word Spacing",display:{type:"word-spacing-input"}},titleTextAppearance:{type:"object",scope:"layout",title:"Input Text Appearance",display:{type:"text-appearance"}},subtitleFontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},subtitleFontSettings:{...Fr.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},subtitleFontSize:{type:"number",scope:"layout",title:"Subtitle Font Size",display:{type:"font-size"}},subtitleLineHeight:{type:"number",scope:"layout",title:"Subtitle Line Height",display:{type:"line-height-input"}},subtitleLetterSpacing:{type:"number",scope:"layout",title:"Subtitle Letter Spacing",display:{type:"letter-spacing-input"}},subtitleWordSpacing:{type:"number",scope:"layout",title:"Subtitle Word Spacing",display:{type:"word-spacing-input"}},subtitleTextAppearance:{type:"object",scope:"layout",title:"Subtitle Text Appearance",display:{type:"text-appearance"}},lightboxCounterFontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},lightboxCounterFontSettings:{...Fr.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},lightboxCounterFontSize:{type:"number",scope:"layout",title:"Input Font Size",display:{type:"font-size"}},lightboxCounterLineHeight:{type:"number",scope:"layout",title:"Input Line Height",display:{type:"line-height-input"}},lightboxCounterLetterSpacing:{type:"number",scope:"layout",title:"Input Letter Spacing",display:{type:"letter-spacing-input"}},lightboxCounterWordSpacing:{type:"number",scope:"layout",title:"Input Word Spacing",display:{type:"word-spacing-input"}},lightboxCounterTextAppearance:{type:"object",scope:"layout",title:"Input Text Appearance",display:{type:"text-appearance"}}},defaults:{lightbox:"Off",imageDisplay:{display:"Fit",ratioValue:"16:9",reversed:!1},type:"A",slider:"Off",sliderTiming:5,direction:"Horizontal",transition:"Slide",titleColor:"#767676",subtitleColor:"#DEDDDD",lightboxCounterColor:"#DEDDDD",titleFontFamily:"Arial",titleFontSettings:{fontWeight:400,fontStyle:"normal"},titleLetterSpacing:0,titleWordSpacing:0,titleTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},subtitleFontFamily:"Arial",subtitleFontSettings:{fontWeight:400,fontStyle:"normal"},subtitleLetterSpacing:0,subtitleWordSpacing:0,subtitleTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},lightboxCounterFontFamily:"Arial",lightboxCounterFontSettings:{fontWeight:400,fontStyle:"normal"},lightboxCounterLetterSpacing:0,lightboxCounterWordSpacing:0,lightboxCounterTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}},layoutDefaults:{m:{gridLayout:{entryWidth:.2,horizontalGap:.05,wrapperWidth:1,columnsCount:2,lockedParam:null},textBoxWidth:100,verticalGap:.0083,entriesCount:0,titleMarginTop:.02,subtitleMarginTop:.02,titleStroke:.003,titleCorners:.192,subtitlePadding:{top:.0373,right:.0373,bottom:.0373,left:.0373},titlePadding:{top:.0373,right:.0373,bottom:.0373,left:.0373},titleFontSize:.043,titleLineHeight:.043,subtitleFontSize:.0373,subtitleLineHeight:.0373,lightboxCounterFontSize:.0373,lightboxCounterLineHeight:.0373},d:{gridLayout:{entryWidth:.2,horizontalGap:.05,wrapperWidth:1,columnsCount:2,lockedParam:null},textBoxWidth:100,verticalGap:.0083,entriesCount:0,titleMarginTop:.008,subtitleMarginTop:.008,titleStroke:.001,titleCorners:.05,subtitlePadding:{top:.01,right:.01,bottom:.01,left:.01},titlePadding:{top:.01,right:.01,bottom:.01,left:.01},titleFontSize:.01,titleLineHeight:.01,subtitleFontSize:.01,subtitleLineHeight:.01,lightboxCounterFontSize:.01,lightboxCounterLineHeight:.01}},displayRules:[{if:{name:"transition",value:"Fade"},then:{name:"properties.direction.display.enabled",value:!1}}],layout:["__componentName__","name","type","gridLayout","textBoxWidth","verticalGap","entriesCount","lightbox","imageDisplay","slider","sliderTiming","direction","transition","transition","titleMarginTop","subtitleMarginTop"]},panels:[{id:"general",icon:"cursor",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__","name"]},"type",{type:"row",title:"Grid",items:[{type:"group",title:"",items:["gridLayout"]}]},{type:"row",title:"",items:["textBoxWidth","entriesCount"]},{type:"row",title:"",items:["verticalGap"]},{type:"row",title:"Image",items:["imageDisplay","lightbox"]},{type:"row",title:"Slider",items:[{type:"group",title:"",items:["slider","sliderTiming"]},{type:"group",title:"",items:["direction","transition"]}]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:[{type:"group",title:"Title",items:["titleFontFamily","titleFontSettings",{type:"row",items:["titleFontSize","titleLineHeight","titleLetterSpacing","titleWordSpacing"]},"titleTextAppearance"]},{type:"group",title:"Subtitle",items:["subtitleFontFamily","subtitleFontSettings",{type:"row",items:["subtitleFontSize","subtitleLineHeight","subtitleLetterSpacing","subtitleWordSpacing"]},"subtitleTextAppearance"]},{type:"group",title:"Lightbox Counter",items:["lightboxCounterFontFamily","lightboxCounterFontSettings",{type:"row",items:["lightboxCounterFontSize","lightboxCounterLineHeight","lightboxCounterLetterSpacing","lightboxCounterWordSpacing"]},"lightboxCounterTextAppearance"]}]}],paletteBookmark:{items:[...nd],panelIds:["general","typeStyle"],stateItems:{default:["titleColor","subtitleColor","lightboxCounterColor"]}}},id={element:Jc,id:"grid",name:"Neptune",category:"grids",layoutMode:"structured",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Neptune_Grid.png"},version:1,defaultSize:{d:{width:720,height:540}},assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[]},schema:rd,sourceCode:td};function ir(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function od(e){return String(e??"").trim().length>0}function ad(e,t,n,r,i,o,s){const c=E.scalingValue(o,s),a=E.scalingValue(0,s),d=e===0,p=e===t-1&&!i;return{borderTopWidth:d&&n?c:a,borderBottomWidth:!p||r?c:a}}function sd(e,t,n){const r=E.scalingValue(t,n),i=E.scalingValue(0,n);return{borderTopWidth:i,borderBottomWidth:e?r:i}}const Zi=10;function ld(e){return`
 .${e}-wrapper {
   display: grid;
   align-items: start;
-  min-height: ${Jn(48)};
+  min-height: ${ir(48)};
   position: relative;
   overflow: visible;
   box-sizing: border-box;
@@ -4570,7 +4793,7 @@ a.${e}-list-item {
   flex-shrink: 0;
   overflow: visible;
   box-sizing: border-box;
-  min-width: ${Jn(50)};
+  min-width: ${ir(50)};
   position: relative;
   display: flex;
   align-items: flex-start;
@@ -4578,7 +4801,7 @@ a.${e}-list-item {
 .${e}-list-col-last {
   flex: 1 1 auto;
-  min-width: ${Jn(50)};
+  min-width: ${ir(50)};
 }
 .${e}-list-col-title {
@@ -4815,7 +5038,7 @@ a.${e}-list-item {
   overflow-wrap: anywhere;
   word-break: break-word;
 }
-`}const Nt=["AColumn","BColumnWidth","CColumnWidth","DColumnWidth","EColumnWidth"],uo=["AColumn","BColumn","CColumn","DColumn","EColumn"],Tt="cutLabel",po=[...uo,Tt],xr=["A","B","C","D","E"];function Vi(e){return`${e}ColumnVerticalAlign`}const Vr=["Top","Center","Bottom"];function mo(e){const t=String(e??"Top").trim();if(t.toLowerCase().startsWith("baseline")){const r=t.slice(-1).toUpperCase();return xr.includes(r)?`Baseline ${r}`:"Top"}const n=t.toLowerCase();return n==="center"?"Center":n==="bottom"?"Bottom":n==="top"?"Top":t}function sd(e){const t=mo(e);return t.toLowerCase().startsWith("baseline")?!1:t==="Top"||t==="Center"||t==="Bottom"}function ld(e){const t=String(e??"").trim();if(!t.toLowerCase().startsWith("baseline"))return null;const n=t.slice(-1).toUpperCase();return xr.includes(n)?n:null}function Di(e,t,n){const r=ld(e);return r?r===t?!1:sd(n[Vi(r)]):!0}function En(e){const t=mo(e);if(t.toLowerCase().startsWith("baseline")){const n=t.slice(-1).toUpperCase();return xr.includes(n)?{kind:"baseline",anchorLetter:n}:{kind:"top"}}return t==="Center"?{kind:"center"}:t==="Bottom"?{kind:"bottom"}:{kind:"top"}}function cd(e,t,n){if(ji(e,t,n))return En(e);const r=En(e);return r.kind==="baseline"?{kind:"top"}:r}function dd(e){const t=En(e);return t.kind==="baseline"?{kind:"top"}:t}function ji(e,t,n){return Di(e,n,t)?En(e).kind==="baseline":!1}function ud(e){const t={};let n=!1;for(const r of xr){const o=Vi(r),i=e[o];if(e.type==="B"){const s=String(i??"Top").trim();s!=="Top"&&s!=="Center"&&s!=="Bottom"&&(t[o]="Top",n=!0);continue}Di(i,r,e)||(t[o]="Top",n=!0)}return n?t:null}function pd(e){return e==="center"?{flex:"0 0 auto",marginTop:"auto",marginBottom:"auto"}:e==="bottom"?{flex:"0 0 auto",marginTop:"auto"}:{}}function md(e){const t=En(e).kind;return t==="baseline"?"center":t}function gd(e){return e==="right"?"flex-end":e==="center"?"center":"flex-start"}function Uo(e){return e==="center"?"center":e==="bottom"?"flex-end":"flex-start"}function hd(e,t){const n=document.createElement("i");n.className=t,n.setAttribute("aria-hidden","true"),e.prepend(n);const{top:r}=e.getBoundingClientRect(),{bottom:o}=n.getBoundingClientRect(),i=o-r;return n.remove(),i}function _r(e,t,n,r){const o=e.titleEl;if(!o)return 0;const i=o.closest(`.${n}`);if(!i)return 0;const s=hd(o,r);if(e.kind==="baseline")return o.getBoundingClientRect().top-t+s;const c=i.getBoundingClientRect(),a=o.getBoundingClientRect().height;let d=0;return e.kind==="center"?d=(c.height-a)/2:e.kind==="bottom"&&(d=c.height-a),c.top-t+d+s}function fd(e,t,n){const r=e.getBoundingClientRect().height;return r<=0?0:(t.forEach(o=>{const i=o.querySelector(`.${n}`);i&&(i.style.minHeight=`${r}px`,i.style.height=`${r}px`)}),e.offsetHeight,r)}function yd(e,t){return!e||!t?(e&&(e.style.transform=""),0):(e.style.transform=`translateY(${t}px)`,t)}const vd={AColumn:"AColumn",BColumnWidth:"BColumn",CColumnWidth:"CColumn",DColumnWidth:"DColumn",EColumnWidth:"EColumn"};function xe(e,t){return`${e}${t.replace(/^text/,"Text")}`}const bd={AColumn:"A",BColumn:"B",CColumn:"C",DColumn:"D",EColumn:"E",cutLabel:"CUT"};function xd(e){return[xe(e,"textFontFamily"),xe(e,"textFontSettings"),{type:"row",items:[xe(e,"textFontSize"),xe(e,"textLineHeight"),xe(e,"textLetterSpacing"),xe(e,"textWordSpacing")]},xe(e,"textTextAlign"),xe(e,"textTextAppearance"),`${e}VerticalAlign`]}function Cd(){return{type:"tab",id:"listColumnTextStyle",tabs:Object.fromEntries(po.map(e=>[bd[e],xd(e)]))}}function sr(e,t){const n=r=>{const o=xe(t,r);return e[o]};return{textFontFamily:n("textFontFamily")??"Arial",textFontSettings:n("textFontSettings")??{fontWeight:400,fontStyle:"normal"},textFontSize:n("textFontSize"),textLineHeight:n("textLineHeight"),textLetterSpacing:n("textLetterSpacing")??0,textWordSpacing:n("textWordSpacing")??0,textTextAlign:n("textTextAlign")??(t===Tt?"center":"left"),textTextAppearance:n("textTextAppearance"),textColor:e.textColor}}function Go(e,t){var r,o;const n={fontSettings:{fontFamily:e.textFontFamily,fontWeight:((r=e.textFontSettings)==null?void 0:r.fontWeight)??400,fontStyle:((o=e.textFontSettings)==null?void 0:o.fontStyle)??"normal"},fontSize:e.textFontSize??.01,lineHeight:e.textLineHeight,letterSpacing:e.textLetterSpacing,wordSpacing:e.textWordSpacing,textAlign:e.textTextAlign,textAppearance:e.textTextAppearance,color:e.textColor??"#767676"};return ft(Ye(n,t))}function Yo(e,t,n,r){const o=sr(e,t),i=o.textFontSize??.01,s=o.textLineHeight;return s!==void 0&&s<i?`${n} ${r}`:n}function Xo(e,t,n,r){const o=sr(e,t),i=o.textFontSize??.01,s=o.textLineHeight;return s===void 0||s>=i?{}:{[`--${n}-title-leading-gap`]:E.scalingValue((i-s)/2,r)}}const it=["AColumnWidth","BColumnWidth","CColumnWidth","DColumnWidth","EColumnWidth"],cn=["AColumnPaddingLeft","BColumnPaddingLeft","CColumnPaddingLeft","DColumnPaddingLeft","EColumnPaddingLeft"],dn=["AColumnPaddingRight","BColumnPaddingRight","CColumnPaddingRight","DColumnPaddingRight","EColumnPaddingRight"],un=["AColumnPaddingBottom","BColumnPaddingBottom","CColumnPaddingBottom","DColumnPaddingBottom","EColumnPaddingBottom"],Sd={textColor:"text-color",backgroundColor:"background-color",dividerColor:"divider-color",textHoverColor:"text-hover-color",backgroundHoverColor:"background-hover-color",dividerHoverColor:"divider-hover-color"},wd=["hover","focus","filled","success","error"],Zo=.004,tn=.004,Ar=tn,Jo=12,go=50,Pn=1440,_n=go/Pn;function zi(e){const t=typeof e=="number"&&e>0?e:Pn;return go/t}function $d(e,t){const n={position:"absolute",width:Jo,height:Jo,pointerEvents:"auto"};return t==="left-y"?{...n,left:20,top:"50%",transform:"translateY(-50%)"}:t==="center-x"?{...n,left:"50%",top:`var(--${e}-first-entry-handle-top, 50%)`,transform:"translate(-50%, -50%)"}:{...n,left:"50%",top:"50%",transform:"translate(-50%, -50%)"}}function xt({P:e,className:t,areaStyle:n,hitPlacement:r,...o}){return l.jsx("div",{className:t,style:{...n,pointerEvents:"none"},...o,children:l.jsx("div",{style:$d(e,r)})})}function Td(e){let t=e??null;for(;t;){const n=t.style.getPropertyValue("--cntrl-article-width").trim();if(n){const o=parseFloat(n);if(Number.isFinite(o)&&o>0)return o}const r=getComputedStyle(t).getPropertyValue("--cntrl-article-width").trim();if(r){const o=parseFloat(r);if(Number.isFinite(o)&&o>0)return o}t=t.parentElement}return Pn}const Ki={AColumnWidth:.02,BColumnWidth:.02,CColumnWidth:.02,DColumnWidth:.02,EColumnWidth:.02};function Qn(e){const t=typeof e.wrapperWidth=="number"?e.wrapperWidth:1;return Math.max(0,t)}function Ld(e,t=1){const n=t/e;return Object.fromEntries(it.map(r=>[r,n]))}function Ed(){return Object.fromEntries([...cn.map(e=>[e,0]),...dn.map(e=>[e,0])])}function Pd(){return Object.fromEntries(un.map(e=>[e,0]))}function qn(e){return Object.fromEntries(it.map(t=>[t,typeof e[t]=="number"?e[t]:Ki[t]]))}function qi(e,t,n){const r=e-_n,o=t+n;if(o<=0||o<=r)return{paddingLeft:t,paddingRight:n};if(r<=0)return{paddingLeft:0,paddingRight:0};const i=r/o;return{paddingLeft:t*i,paddingRight:n*i}}function er(e,t,n){const r=ho(e,t,n);if(e<=0)return[];const o=r.slice(0,e-1).reduce((i,s)=>i+s,0);return[...r.slice(0,e-1),Math.max(0,t-o)]}function _d(e,t,n){const r={};for(let o=0;o<e;o+=1){const i=cn[o],s=dn[o],c=typeof n[i]=="number"?n[i]:0,a=typeof n[s]=="number"?n[s]:0,d=qi(t[o]??0,c,a);d.paddingLeft!==c&&(r[i]=d.paddingLeft),d.paddingRight!==a&&(r[s]=d.paddingRight)}return r}function ho(e,t,n){if(e<=0)return[];const r=it.slice(0,e).map(d=>n[d]);if(e===1)return r;const o=r.slice(0,e-1),s=o.reduce((d,p)=>d+p,0)+_n;if(t>=s)return r;const c=[...o];let a=s-t;for(let d=c.length-1;d>=0&&a>0;d-=1){const p=c[d]-_n;if(p<=0)continue;const L=Math.min(a,p);c[d]-=L,a-=L}return[...c,r[e-1]]}function Ad(e,t,n){if(e<=1)return{};const r=ho(e,t,n),o={};for(let i=0;i<e-1;i+=1){const s=it[i];r[i]!==n[s]&&(o[s]=r[i])}return o}function Qo(e){return Array.isArray(e.columnsOrder)&&e.columnsOrder.length>0?e.columnsOrder:[...Nt]}function Rd(e,t){return e.length!==t.length?!1:e.every((n,r)=>n===t[r])}function Wd(e,t,n,r){const o=Math.min(r,e.length,it.length),i={};for(let s=0;s<o;s+=1){const c=e[s],a=t.indexOf(c);if(a===-1)continue;const d=it[a],p=cn[a],L=dn[a],v=un[a],S=it[s],m=cn[s],g=dn[s],I=un[s],x=n[d],b=n[p],h=n[L],B=n[v];typeof x=="number"&&(i[S]=x),typeof b=="number"&&(i[m]=b),typeof h=="number"&&(i[g]=h),typeof B=="number"&&(i[I]=B)}return i}function Id(e,t,n){const r=ud(e);r&&(e={...e,...r});const o=zi(n==null?void 0:n.designWidth),i=e.columns,s=t.columns,c=Qn(e),a=Qn(t),d=e.type==="B"||e.type===void 0&&t.type==="B",p=typeof i=="number"?i:typeof s=="number"?s:Nt.length,L=h=>{if(d)return h;const B=qn({...t,...h}),_=Qn(h),A=er(p,_,B),T=_d(p,A,{...t,...h});return Object.keys(T).length===0?h:{...h,...T}};if(typeof i=="number"&&i!==s){const h={...e,...Ld(i,c),...Ed()};if(d)for(const B of un)typeof t[B]=="number"&&(h[B]=t[B]);else Object.assign(h,Pd());return h}const v=Qo(e),S=Qo(t);if(!Rd(v,S))return L({...e,...Wd(v,S,t,p)});if(c<a&&typeof p=="number"&&!d){const h=qn({...t,...e});return L({...e,...Ad(p,c,h)})}if(d){const h=typeof e.textPaddingLR=="number"?e.textPaddingLR:0,B=Math.max(0,(c-o)/2);return h>B?{...e,textPaddingLR:B}:e}const m=qn({...t,...e}),g=er(p,a,qn(t)),x=er(p,c,m).some((h,B)=>h<(g[B]??h)),b=it.some(h=>{const B=e[h],_=t[h];return typeof B=="number"&&typeof _=="number"&&B!==_});return x||b?L(e):e}function kd(e,t,n,r){const o=t.slice(0,e).reduce((s,c)=>s+c,0),i=n.slice(e+1,t.length-1).reduce((s,c)=>s+c,0);return Math.max(_n,r-o-i-_n)}function Fd(e,t){return Math.random()*(t-e)+e}function Md(e){return Object.fromEntries(it.map(t=>[t,typeof e[t]=="number"?e[t]:Ki[t]]))}function Rr(e,t,n=0){return Object.fromEntries(t.map(r=>[r,typeof e[r]=="number"?e[r]:n]))}function Hd(e,t,n,r,o,i){return e.slice(0,t).map((s,c)=>{const a=cn[c],d=dn[c],p=un[c];return{key:s,textPrefix:vd[s],widthKey:it[c],width:n[it[c]],paddingLeftKey:a,paddingRightKey:d,paddingBottomKey:p,paddingLeft:r[a],paddingRight:o[d],paddingBottom:i[p]}})}function Nd({settings:e,content:t,isEditor:n,isPreviewMode:r,isEditMode:o,activeEvent:i,layoutId:s,onUpdateSettings:c}){const{prefix:a}=E.useScopedStyles(),d=!!o,{columns:p,type:L,wrapperWidth:v,entriesCount:S,cellMinHeight:m,dividerWidth:g,showVisibility:I,cut:x,showCut:b,cutCellMinHeight:h,cutLabel:B,imageSize:_,imageOnHover:A,entryHoverEffect:T,entryHoverShowOption:R,rowPaddingTop:$,rowPaddingBottom:H,rowPaddingTopB:P,columnsOrder:O,textPaddingLR:V,textColor:X,backgroundColor:G,dividerColor:w,textHoverColor:W,backgroundHoverColor:M,dividerHoverColor:N}=e,[k,D]=u.useState(void 0),[ee,re]=u.useState(null),J=A==="On"&&(!n||r),ue=(x??0)>0,C=L==="B",oe=u.useRef(null),Te=u.useRef(null),[le,fe]=u.useState(null),[Re,ne]=u.useState(Pn),f=zi(Re),y=Math.max(0,((v??0)-f)/2),F=Math.min(V??0,y),j=Math.max(F,tn),U=((v??0)+f)/2;u.useLayoutEffect(()=>{if(!n){ne(Pn);return}const ae=()=>{ne(Td(oe.current))};ae();const pe=oe.current;if(!pe)return;const ge=new ResizeObserver(ae);ge.observe(pe);let Pe=pe;for(;Pe&&!Pe.style.getPropertyValue("--cntrl-article-width");)Pe=Pe.parentElement;return Pe&&ge.observe(Pe),()=>ge.disconnect()},[n,s]),u.useEffect(()=>{D(void 0)},[x,b,t,S]),u.useEffect(()=>{n&&!r&&D(void 0)},[n,r]);const te=E.buildColorVars(a,{textColor:X,backgroundColor:G,dividerColor:w,textHoverColor:W,backgroundHoverColor:M,dividerHoverColor:N},Sd,wd),Q=i&&i!=="default"?`${a}-state-${i}`:"",ce=`${!n||r?T==="Default"?`${a}-entry-hover-default`:T==="Blinds"?`${a}-entry-hover-blinds`:"":""} ${Q}`.trim(),Ce=(I==null?void 0:I[0])??!1,ye=(I==null?void 0:I[1])??!1,de=u.useRef(e),K=u.useRef(s);u.useEffect(()=>{if(!c||!n){de.current=e,K.current=s;return}if(K.current!==s){de.current=e,K.current=s;return}const ae=de.current;if(!(ae!==e))return;const ge=Id(e,ae,{designWidth:Re});de.current=e,ge!==e&&c(ge)},[e,c,n,s,Re]);const q=u.useMemo(()=>Md(e),[e.AColumnWidth,e.BColumnWidth,e.CColumnWidth,e.DColumnWidth,e.EColumnWidth]),z=u.useMemo(()=>Rr(e,cn),[e.AColumnPaddingLeft,e.BColumnPaddingLeft,e.CColumnPaddingLeft,e.DColumnPaddingLeft,e.EColumnPaddingLeft]),se=u.useMemo(()=>Rr(e,dn),[e.AColumnPaddingRight,e.BColumnPaddingRight,e.CColumnPaddingRight,e.DColumnPaddingRight,e.EColumnPaddingRight]),be=u.useMemo(()=>Rr(e,un),[e.AColumnPaddingBottom,e.BColumnPaddingBottom,e.CColumnPaddingBottom,e.DColumnPaddingBottom,e.EColumnPaddingBottom]),We=u.useMemo(()=>Array.isArray(O)&&O.length>0?O:[...Nt],[O]),Ae=u.useMemo(()=>Hd(We,p,q,z,se,be),[We,p,q,z,se,be]),Ie=Qn(e),st=u.useMemo(()=>it.slice(0,p).map(ae=>q[ae]),[p,q]),Se=u.useMemo(()=>ho(p,Ie,q),[p,Ie,q]),Fe=u.useMemo(()=>er(p,Ie,q),[p,Ie,q]),Oe=u.useMemo(()=>Ae.map((ae,pe)=>qi(Fe[pe]??0,ae.paddingLeft,ae.paddingRight)),[Ae,Fe]),ke=u.useMemo(()=>{const ae=S===0?1/0:S;return(t??[]).slice(0,ae).map((ge,Pe)=>({id:Pe,cells:Object.fromEntries(Nt.map(Ue=>[Ue,ge[Ue]??""])),image:ge.image,link:ge.link}))},[t,S]),ze=ue?k??x:ke.length,Ne=u.useMemo(()=>ue?ke.slice(0,ze):ke,[ke,ue,ze]),Pt=ue&&ze<ke.length,_t=Ne.length>1||Pt,lt=[Ce?`${a}-divider-top`:"",ye||_t?`${a}-divider-bottom`:""].filter(Boolean).join(" "),gt=!n||r,At=()=>{if(!gt)return;const ae=k??x;if(!b){D(ke.length);return}D(Math.min(ae+b,ke.length))},ve=ae=>E.scalingValue(ae,n??!1),ct=C?P??0:$??0,Qe=H??0,et=m??0,Xt=(ct+et+Qe)/2,Le=Math.max(Qe,Ar),Xe=le!=null?`${le/2}px`:ve(Xt),dt=C?"rowPaddingTopB":"rowPaddingTop",Ke=Ae[0],tt=Ae[Ae.length-1],me=Oe[0],Be=Oe[Oe.length-1],Ze=Ke&&me?Math.max(me.paddingLeft,tn):0,qe=tt&&Be?Math.max(Be.paddingRight,tn):0,Rt=Ie,fo=ae=>{const pe=oe.current;if(!pe)return{x:0,y:0};const ge=pe.getBoundingClientRect();return{x:ae.clientX-ge.left+qo,y:ae.clientY-ge.top+qo}},Gi=(ae,pe)=>{if(!J)return;const ge=ae.image;if(!(ge!=null&&ge.url)){re(null);return}const{x:Pe,y:Ue}=fo(pe),nt=(_==null?void 0:_.min)??80,we=(_==null?void 0:_.max)??320,Ve=(ee==null?void 0:ee.rowId)===ae.id?ee.widthPx:Fd(nt,we);re({rowId:ae.id,url:ge.url,objectFit:ge.objectFit??"cover",widthPx:Ve,x:Pe,y:Ue})},Yi=ae=>{if(!J||!ee)return;const{x:pe,y:ge}=fo(ae);re(Pe=>!Pe||Pe.x===pe&&Pe.y===ge?Pe:{...Pe,x:pe,y:ge})},Xi=()=>{re(null)},Zi=()=>{J&&re(null)};u.useLayoutEffect(()=>{if(!d||C){fe(null);return}const ae=Te.current;if(!ae){fe(null);return}const pe=()=>{fe(ae.getBoundingClientRect().height)};pe();const ge=new ResizeObserver(pe);return ge.observe(ae),()=>ge.disconnect()},[d,C,Ne,ct,Qe,et,t,e,Ae,Fe,Re]);const yo=u.useMemo(()=>!C&&uo.some(ae=>{const pe=ae.charAt(0),ge=e[`${ae}VerticalAlign`];return ji(ge,e,pe)}),[C,e,e.AColumnVerticalAlign,e.BColumnVerticalAlign,e.CColumnVerticalAlign,e.DColumnVerticalAlign,e.EColumnVerticalAlign]);return u.useLayoutEffect(()=>{var nt;const ae=oe.current;if(!ae)return;const pe=()=>{ae.querySelectorAll("[data-list-col]").forEach(we=>{we.style.transform="";const Ve=we.querySelector(`.${a}-list-col`);Ve&&(Ve.style.minHeight="",Ve.style.height="");const ht=we.querySelector(`.${a}-list-col-title`);ht&&(ht.style.transform="")})};if(C||!yo){pe();return}const ge=()=>{ae.querySelectorAll("[data-list-row]").forEach(we=>{const Ve=Array.from(we.querySelectorAll("[data-list-col]"));Ve.forEach(Ee=>{Ee.style.transform="";const Je=Ee.querySelector(`.${a}-list-col`);Je&&(Je.style.minHeight="",Je.style.height="");const De=Ee.querySelector(`.${a}-list-col-title`);De&&(De.style.transform="")}),fd(we,Ve,`${a}-list-col`),we.offsetHeight;const ht=we.getBoundingClientRect().top,Wt=`${a}-baseline-probe`,Zt=new Map,Nn=Ve.map(Ee=>{const Je=Ee.querySelector(`.${a}-list-col-title`),De={el:Ee,titleEl:Je,letter:Ee.getAttribute("data-col-letter")??"",kind:Ee.getAttribute("data-valign")??"top",anchor:Ee.getAttribute("data-valign-anchor")};return Zt.set(De.letter,De),De}),fn=new Map,Bn=(Ee,Je)=>{const De=fn.get(Ee.letter);if(De!==void 0)return De;const On=Ee.anchor?Zt.get(Ee.anchor):void 0;if(Ee.kind!=="baseline"||!On||Je.has(Ee.letter)){const bo=_r(Ee,ht,`${a}-list-col`,Wt);return fn.set(Ee.letter,bo),bo}Je.add(Ee.letter);const Ji=Bn(On,Je);Je.delete(Ee.letter);const Qi=_r(Ee,ht,`${a}-list-col`,Wt),ea=Ji-Qi;yd(Ee.titleEl,ea);const vo=_r(Ee,ht,`${a}-list-col`,Wt);return fn.set(Ee.letter,vo),vo};Nn.forEach(Ee=>Bn(Ee,new Set))})};ge();const Pe=new ResizeObserver(()=>ge());Pe.observe(ae);let Ue=!1;return typeof document<"u"&&((nt=document.fonts)!=null&&nt.ready)&&document.fonts.ready.then(()=>{Ue||ge()}),()=>{Ue=!0,Pe.disconnect(),pe()}},[yo,C,e,t,Re,Ne,Fe]),l.jsxs(l.Fragment,{children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:ad(a)}}),l.jsx("div",{style:te,children:l.jsxs("div",{ref:oe,className:`${a}-wrapper ${ce}${lt?` ${lt}`:""}${C?` ${a}-type-b`:""}`.trim(),style:{width:E.scalingValue(v??0,n),...!C&&d?{[`--${a}-first-entry-handle-top`]:Xe}:{}},onMouseMove:J?Yi:void 0,onMouseLeave:J?Xi:void 0,children:[l.jsxs("div",{style:{width:"100%",position:"relative"},children:[Ne.map((ae,pe)=>{var nt;const ge=(((nt=ae.link)==null?void 0:nt.length)??0)>0,Pe=ge&&r?"a":"div",Ue=od(pe,Ne.length,Ce,ye,Pt,g??0,n??!1);return l.jsxs(Pe,{ref:pe===0?we=>{Te.current=we}:void 0,className:`${a}-list-item${ge||R==="Always"?` ${a}-list-item-has-link`:""}`,...ge?{href:ae.link,target:"_blank"}:{},style:Ue,onMouseEnter:J?we=>Gi(ae,we):void 0,children:[ct>0&&l.jsx("div",{className:`${a}-row-padding-handle`,style:{height:ve(ct)}}),l.jsxs("div",{className:`${a}-list-cols-row${C?"":` ${a}-list-cols-row-h`}${d&&pe===0&&C?` ${a}-list-cols-row-controls`:""}`,...C?{}:{"data-list-row":""},style:C?void 0:{minHeight:ve(et)},children:[Ae.map((we,Ve)=>{const ht=Ve===Ae.length-1,Wt=Oe[Ve],Zt=we.paddingBottom,Nn=rd(ae.cells[we.key]),fn=C&&Nn&&Zt>0,Bn=C?{minHeight:ve(et)}:{width:ve(Fe[Ve])},Ee=C?{paddingLeft:ve(F),paddingRight:ve(F)}:{paddingLeft:ve(Wt.paddingLeft),paddingRight:ve(Wt.paddingRight)},Je=we.textPrefix.charAt(0),De=C?dd(e[`${we.textPrefix}VerticalAlign`]):cd(e[`${we.textPrefix}VerticalAlign`],e,Je),On=C&&Nn&&d&&pe===0;return l.jsxs("div",{className:C?`${a}-list-col-wrap`:void 0,...C?{}:{"data-list-col":"","data-col-letter":Je,"data-valign":De.kind,...De.kind==="baseline"?{"data-valign-anchor":De.anchorLetter}:{}},children:[l.jsx("div",{className:`${a}-list-col${ht?` ${a}-list-col-last`:""}`,style:{...Ee,...Bn,...C?{justifyContent:Uo(De.kind)}:{}},"data-test":we.width,children:l.jsx("span",{className:Yo(e,we.textPrefix,`${a}-list-col-title`,`${a}-text-tight-leading`),style:{...Go(sr(e,we.textPrefix),n),...Xo(e,we.textPrefix,a,n),...C?{}:pd(De.kind)},children:ae.cells[we.key]??null})}),fn&&l.jsx("div",{className:`${a}-row-padding-handle`,style:{height:ve(Zt)}}),On&&l.jsx(xt,{P:a,"data-controls":we.paddingBottomKey,"data-controls-static-handle":"","data-controls-axis":"y","data-controls-variant":"column-padding","data-controls-min":"0",className:`${a}-padding-control-handle`,hitPlacement:"center",areaStyle:{position:"absolute",bottom:0,left:0,width:"100%",height:ve(Math.max(Zt,Ar))}})]},we.key)}),d&&pe===0&&C&&l.jsxs(l.Fragment,{children:[l.jsx(xt,{P:a,"data-controls":"textPaddingLR","data-controls-static-handle":"","data-controls-paired":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(U),className:`${a}-text-padding-lr-handle`,hitPlacement:"center",areaStyle:{position:"absolute",top:0,left:0,width:ve(j),height:"100%"}}),l.jsx(xt,{P:a,"data-controls":"textPaddingLR","data-controls-static-handle":"","data-controls-paired":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-reverse":"","data-controls-min":"0","data-controls-max-fraction":String(U),className:`${a}-text-padding-lr-handle`,hitPlacement:"center",areaStyle:{position:"absolute",top:0,left:ve(Math.max(j,Ie-j)),width:ve(j),height:"100%"}})]})]}),!C&&Qe>0&&l.jsx("div",{className:`${a}-row-padding-handle`,style:{height:ve(Qe)}}),d&&pe===0&&!C&&l.jsx(xt,{P:a,"data-controls":"rowPaddingBottom","data-controls-static-handle":"","data-controls-handle-left":"20","data-controls-axis":"y","data-controls-variant":"row-padding","data-controls-min":"0",className:`${a}-padding-control-handle`,hitPlacement:"left-y",areaStyle:{position:"absolute",bottom:0,left:0,width:"100%",height:ve(Le)}})]},ae.id)}),d&&l.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:l.jsx(xt,{P:a,"data-controls":dt,"data-controls-static-handle":"",...C?{}:{"data-controls-handle-left":"20"},"data-controls-axis":"y","data-controls-variant":"row-padding","data-controls-min":"0",className:`${a}-padding-control-handle`,hitPlacement:C?"center":"left-y",areaStyle:{position:"absolute",top:0,left:0,width:"100%",height:ve(Math.max(ct,Ar))}})},"row-padding-handles"),d&&!C&&Ke&&tt&&l.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:[l.jsx(xt,{P:a,"data-controls":Ke.paddingLeftKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(Fe[0]-((me==null?void 0:me.paddingRight)??0)),className:`${a}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:0,width:ve(Ze),height:"100%"}}),l.jsx(xt,{P:a,"data-controls":tt.paddingRightKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-reverse":"","data-controls-min":"0","data-controls-max-fraction":String(Fe[Ae.length-1]-((Be==null?void 0:Be.paddingLeft)??0)),className:`${a}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:ve(Rt-qe),width:ve(qe),height:"100%"}})]},"column-edge-padding-handles"),d&&!C&&Ae.slice(0,-1).map((ae,pe)=>{const ge=Ae[pe+1],Pe=Se.slice(0,pe+1).reduce((ht,Wt)=>ht+Wt,0),Ue=Oe[pe],nt=Oe[pe+1],we=Math.max(Ue.paddingRight,tn),Ve=Math.max(nt.paddingLeft,tn);return l.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:[l.jsx(xt,{P:a,"data-controls":ae.paddingRightKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-reverse":"","data-controls-min":"0","data-controls-max-fraction":String(Fe[pe]-Ue.paddingLeft),className:`${a}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:ve(Pe-we),width:ve(we),height:"100%"}}),l.jsx(xt,{P:a,"data-controls":ge.paddingLeftKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(Fe[pe+1]-nt.paddingRight),className:`${a}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:ve(Pe),width:ve(Ve),height:"100%"}})]},`${ae.paddingRightKey}-padding`)}),d&&!C&&Ae.slice(0,-1).map((ae,pe)=>{const ge=kd(pe,Se,st,Ie),Ue=Se.slice(0,pe+1).reduce((nt,we)=>nt+we,0)-Zo/2;return l.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:l.jsx("div",{"data-controls":ae.widthKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-min":String(go),"data-controls-max-fraction":String(ge),"data-controls-variant":"column-width",className:`${a}-col-resize-handle`,style:{position:"absolute",top:"0px",left:ve(Ue),width:ve(Zo),height:"calc(100%)",pointerEvents:"auto"}})},`${ae.widthKey}-junction`)})]}),Pt&&(()=>{const ae=sr(e,Tt),pe=md(e.cutLabelVerticalAlign),ge=ae.textTextAlign==="justify"||C;return l.jsx("button",{type:"button",className:`${a}-cut-item`,style:{minHeight:ve(h??0),cursor:gt?"pointer":"default",...id(ye,g??0,n??!1)},onClick:gt?At:void 0,onMouseEnter:J?Zi:void 0,children:l.jsx("div",{className:`${a}-list-cols-row`,style:{...C?{paddingLeft:ve(F),paddingRight:ve(F)}:{},justifyContent:gd(ae.textTextAlign),alignItems:Uo(pe)},children:l.jsx("span",{className:Yo(e,Tt,`${a}-cut-label`,`${a}-text-tight-leading`),style:{...Go(ae,n),...Xo(e,Tt,a,n),...ge?{width:"100%"}:{}},children:B})})})})(),J&&ee&&l.jsx("img",{className:`${a}-hover-image`,src:ee.url,alt:"",style:{width:Jn(ee.widthPx),objectFit:ee.objectFit,left:ee.x,top:ee.y}})]})})]})}const Bd=`import { useEffect, useLayoutEffect, useMemo, useRef, useState, type CSSProperties, type ComponentPropsWithoutRef } from 'react';
+`}const Ht=["AColumn","BColumnWidth","CColumnWidth","DColumnWidth","EColumnWidth"],yi=["AColumn","BColumn","CColumn","DColumn","EColumn"],$t="cutLabel",vi=[...yi,$t],Lr=["A","B","C","D","E"];function Uo(e){return`${e}ColumnVerticalAlign`}const Gr=["Top","Center","Bottom"];function bi(e){const t=String(e??"Top").trim();if(t.toLowerCase().startsWith("baseline")){const r=t.slice(-1).toUpperCase();return Lr.includes(r)?`Baseline ${r}`:"Top"}const n=t.toLowerCase();return n==="center"?"Center":n==="bottom"?"Bottom":n==="top"?"Top":t}function cd(e){const t=bi(e);return t.toLowerCase().startsWith("baseline")?!1:t==="Top"||t==="Center"||t==="Bottom"}function dd(e){const t=String(e??"").trim();if(!t.toLowerCase().startsWith("baseline"))return null;const n=t.slice(-1).toUpperCase();return Lr.includes(n)?n:null}function Go(e,t,n){const r=dd(e);return r?r===t?!1:cd(n[Uo(r)]):!0}function Rn(e){const t=bi(e);if(t.toLowerCase().startsWith("baseline")){const n=t.slice(-1).toUpperCase();return Lr.includes(n)?{kind:"baseline",anchorLetter:n}:{kind:"top"}}return t==="Center"?{kind:"center"}:t==="Bottom"?{kind:"bottom"}:{kind:"top"}}function ud(e,t,n){if(Yo(e,t,n))return Rn(e);const r=Rn(e);return r.kind==="baseline"?{kind:"top"}:r}function pd(e){const t=Rn(e);return t.kind==="baseline"?{kind:"top"}:t}function Yo(e,t,n){return Go(e,n,t)?Rn(e).kind==="baseline":!1}function md(e){const t={};let n=!1;for(const r of Lr){const i=Uo(r),o=e[i];if(e.type==="B"){const s=String(o??"Top").trim();s!=="Top"&&s!=="Center"&&s!=="Bottom"&&(t[i]="Top",n=!0);continue}Go(o,r,e)||(t[i]="Top",n=!0)}return n?t:null}function gd(e){return e==="center"?{flex:"0 0 auto",marginTop:"auto",marginBottom:"auto"}:e==="bottom"?{flex:"0 0 auto",marginTop:"auto"}:{}}function hd(e){const t=Rn(e).kind;return t==="baseline"?"center":t}function fd(e){return e==="right"?"flex-end":e==="center"?"center":"flex-start"}function Ji(e){return e==="center"?"center":e==="bottom"?"flex-end":"flex-start"}function yd(e,t){const n=document.createElement("i");n.className=t,n.setAttribute("aria-hidden","true"),e.prepend(n);const{top:r}=e.getBoundingClientRect(),{bottom:i}=n.getBoundingClientRect(),o=i-r;return n.remove(),o}function Mr(e,t,n,r){const i=e.titleEl;if(!i)return 0;const o=i.closest(`.${n}`);if(!o)return 0;const s=yd(i,r);if(e.kind==="baseline")return i.getBoundingClientRect().top-t+s;const c=o.getBoundingClientRect(),a=i.getBoundingClientRect().height;let d=0;return e.kind==="center"?d=(c.height-a)/2:e.kind==="bottom"&&(d=c.height-a),c.top-t+d+s}function vd(e,t,n){const r=e.getBoundingClientRect().height;return r<=0?0:(t.forEach(i=>{const o=i.querySelector(`.${n}`);o&&(o.style.minHeight=`${r}px`,o.style.height=`${r}px`)}),e.offsetHeight,r)}function bd(e,t){return!e||!t?(e&&(e.style.transform=""),0):(e.style.transform=`translateY(${t}px)`,t)}const xd={AColumn:"AColumn",BColumnWidth:"BColumn",CColumnWidth:"CColumn",DColumnWidth:"DColumn",EColumnWidth:"EColumn"};function Ce(e,t){return`${e}${t.replace(/^text/,"Text")}`}const Cd={AColumn:"A",BColumn:"B",CColumn:"C",DColumn:"D",EColumn:"E",cutLabel:"CUT"};function Sd(e){return[Ce(e,"textFontFamily"),Ce(e,"textFontSettings"),{type:"row",items:[Ce(e,"textFontSize"),Ce(e,"textLineHeight"),Ce(e,"textLetterSpacing"),Ce(e,"textWordSpacing")]},Ce(e,"textTextAlign"),Ce(e,"textTextAppearance"),`${e}VerticalAlign`]}function wd(){return{type:"tab",id:"listColumnTextStyle",tabs:Object.fromEntries(vi.map(e=>[Cd[e],Sd(e)]))}}function mr(e,t){const n=r=>{const i=Ce(t,r);return e[i]};return{textFontFamily:n("textFontFamily")??"Arial",textFontSettings:n("textFontSettings")??{fontWeight:400,fontStyle:"normal"},textFontSize:n("textFontSize"),textLineHeight:n("textLineHeight"),textLetterSpacing:n("textLetterSpacing")??0,textWordSpacing:n("textWordSpacing")??0,textTextAlign:n("textTextAlign")??(t===$t?"center":"left"),textTextAppearance:n("textTextAppearance"),textColor:e.textColor}}function Qi(e,t){var r,i;const n={fontSettings:{fontFamily:e.textFontFamily,fontWeight:((r=e.textFontSettings)==null?void 0:r.fontWeight)??400,fontStyle:((i=e.textFontSettings)==null?void 0:i.fontStyle)??"normal"},fontSize:e.textFontSize??.01,lineHeight:e.textLineHeight,letterSpacing:e.textLetterSpacing,wordSpacing:e.textWordSpacing,textAlign:e.textTextAlign,textAppearance:e.textTextAppearance,color:e.textColor??"#767676"};return pt(Ze(n,t))}function eo(e,t,n,r){const i=mr(e,t),o=i.textFontSize??.01,s=i.textLineHeight;return s!==void 0&&s<o?`${n} ${r}`:n}function to(e,t,n,r){const i=mr(e,t),o=i.textFontSize??.01,s=i.textLineHeight;return s===void 0||s>=o?{}:{[`--${n}-title-leading-gap`]:E.scalingValue((o-s)/2,r)}}const rt=["AColumnWidth","BColumnWidth","CColumnWidth","DColumnWidth","EColumnWidth"],mn=["AColumnPaddingLeft","BColumnPaddingLeft","CColumnPaddingLeft","DColumnPaddingLeft","EColumnPaddingLeft"],gn=["AColumnPaddingRight","BColumnPaddingRight","CColumnPaddingRight","DColumnPaddingRight","EColumnPaddingRight"],hn=["AColumnPaddingBottom","BColumnPaddingBottom","CColumnPaddingBottom","DColumnPaddingBottom","EColumnPaddingBottom"],$d={textColor:"text-color",backgroundColor:"background-color",dividerColor:"divider-color",textHoverColor:"text-hover-color",backgroundHoverColor:"background-hover-color",dividerHoverColor:"divider-hover-color"},Td=["hover","focus","filled","success","error"],no=.004,an=.004,Nr=an,ro=12,xi=50,In=1440,kn=xi/In;function Xo(e){const t=typeof e=="number"&&e>0?e:In;return xi/t}function Ld(e,t){const n={position:"absolute",width:ro,height:ro,pointerEvents:"auto"};return t==="left-y"?{...n,left:20,top:"50%",transform:"translateY(-50%)"}:t==="center-x"?{...n,left:"50%",top:`var(--${e}-first-entry-handle-top, 50%)`,transform:"translate(-50%, -50%)"}:{...n,left:"50%",top:"50%",transform:"translate(-50%, -50%)"}}function bt({P:e,className:t,areaStyle:n,hitPlacement:r,...i}){return l.jsx("div",{className:t,style:{...n,pointerEvents:"none"},...i,children:l.jsx("div",{style:Ld(e,r)})})}function Ed(e){let t=e??null;for(;t;){const n=t.style.getPropertyValue("--cntrl-article-width").trim();if(n){const i=parseFloat(n);if(Number.isFinite(i)&&i>0)return i}const r=getComputedStyle(t).getPropertyValue("--cntrl-article-width").trim();if(r){const i=parseFloat(r);if(Number.isFinite(i)&&i>0)return i}t=t.parentElement}return In}const Zo={AColumnWidth:.02,BColumnWidth:.02,CColumnWidth:.02,DColumnWidth:.02,EColumnWidth:.02};function or(e){const t=typeof e.wrapperWidth=="number"?e.wrapperWidth:1;return Math.max(0,t)}function Pd(e,t=1){const n=t/e;return Object.fromEntries(rt.map(r=>[r,n]))}function _d(){return Object.fromEntries([...mn.map(e=>[e,0]),...gn.map(e=>[e,0])])}function Ad(){return Object.fromEntries(hn.map(e=>[e,0]))}function Jn(e){return Object.fromEntries(rt.map(t=>[t,typeof e[t]=="number"?e[t]:Zo[t]]))}function Jo(e,t,n){const r=e-kn,i=t+n;if(i<=0||i<=r)return{paddingLeft:t,paddingRight:n};if(r<=0)return{paddingLeft:0,paddingRight:0};const o=r/i;return{paddingLeft:t*o,paddingRight:n*o}}function ar(e,t,n){const r=Ci(e,t,n);if(e<=0)return[];const i=r.slice(0,e-1).reduce((o,s)=>o+s,0);return[...r.slice(0,e-1),Math.max(0,t-i)]}function Wd(e,t,n){const r={};for(let i=0;i<e;i+=1){const o=mn[i],s=gn[i],c=typeof n[o]=="number"?n[o]:0,a=typeof n[s]=="number"?n[s]:0,d=Jo(t[i]??0,c,a);d.paddingLeft!==c&&(r[o]=d.paddingLeft),d.paddingRight!==a&&(r[s]=d.paddingRight)}return r}function Ci(e,t,n){if(e<=0)return[];const r=rt.slice(0,e).map(d=>n[d]);if(e===1)return r;const i=r.slice(0,e-1),s=i.reduce((d,p)=>d+p,0)+kn;if(t>=s)return r;const c=[...i];let a=s-t;for(let d=c.length-1;d>=0&&a>0;d-=1){const p=c[d]-kn;if(p<=0)continue;const L=Math.min(a,p);c[d]-=L,a-=L}return[...c,r[e-1]]}function Rd(e,t,n){if(e<=1)return{};const r=Ci(e,t,n),i={};for(let o=0;o<e-1;o+=1){const s=rt[o];r[o]!==n[s]&&(i[s]=r[o])}return i}function io(e){return Array.isArray(e.columnsOrder)&&e.columnsOrder.length>0?e.columnsOrder:[...Ht]}function Id(e,t){return e.length!==t.length?!1:e.every((n,r)=>n===t[r])}function kd(e,t,n,r){const i=Math.min(r,e.length,rt.length),o={};for(let s=0;s<i;s+=1){const c=e[s],a=t.indexOf(c);if(a===-1)continue;const d=rt[a],p=mn[a],L=gn[a],v=hn[a],S=rt[s],m=mn[s],g=gn[s],R=hn[s],x=n[d],b=n[p],h=n[L],B=n[v];typeof x=="number"&&(o[S]=x),typeof b=="number"&&(o[m]=b),typeof h=="number"&&(o[g]=h),typeof B=="number"&&(o[R]=B)}return o}function Fd(e,t,n){const r=md(e);r&&(e={...e,...r});const i=Xo(n==null?void 0:n.designWidth),o=e.columns,s=t.columns,c=or(e),a=or(t),d=e.type==="B"||e.type===void 0&&t.type==="B",p=typeof o=="number"?o:typeof s=="number"?s:Ht.length,L=h=>{if(d)return h;const B=Jn({...t,...h}),_=or(h),A=ar(p,_,B),T=Wd(p,A,{...t,...h});return Object.keys(T).length===0?h:{...h,...T}};if(typeof o=="number"&&o!==s){const h={...e,...Pd(o,c),..._d()};if(d)for(const B of hn)typeof t[B]=="number"&&(h[B]=t[B]);else Object.assign(h,Ad());return h}const v=io(e),S=io(t);if(!Id(v,S))return L({...e,...kd(v,S,t,p)});if(c<a&&typeof p=="number"&&!d){const h=Jn({...t,...e});return L({...e,...Rd(p,c,h)})}if(d){const h=typeof e.textPaddingLR=="number"?e.textPaddingLR:0,B=Math.max(0,(c-i)/2);return h>B?{...e,textPaddingLR:B}:e}const m=Jn({...t,...e}),g=ar(p,a,Jn(t)),x=ar(p,c,m).some((h,B)=>h<(g[B]??h)),b=rt.some(h=>{const B=e[h],_=t[h];return typeof B=="number"&&typeof _=="number"&&B!==_});return x||b?L(e):e}function Md(e,t,n,r){const i=t.slice(0,e).reduce((s,c)=>s+c,0),o=n.slice(e+1,t.length-1).reduce((s,c)=>s+c,0);return Math.max(kn,r-i-o-kn)}function Nd(e,t){return Math.random()*(t-e)+e}function Hd(e){return Object.fromEntries(rt.map(t=>[t,typeof e[t]=="number"?e[t]:Zo[t]]))}function Hr(e,t,n=0){return Object.fromEntries(t.map(r=>[r,typeof e[r]=="number"?e[r]:n]))}function Bd(e,t,n,r,i,o){return e.slice(0,t).map((s,c)=>{const a=mn[c],d=gn[c],p=hn[c];return{key:s,textPrefix:xd[s],widthKey:rt[c],width:n[rt[c]],paddingLeftKey:a,paddingRightKey:d,paddingBottomKey:p,paddingLeft:r[a],paddingRight:i[d],paddingBottom:o[p]}})}function Od({settings:e,content:t,isEditor:n,isPreviewMode:r,isEditMode:i,activeEvent:o,layoutId:s,onUpdateSettings:c}){const{prefix:a}=E.useScopedStyles(),d=!!i,{columns:p,type:L,wrapperWidth:v,entriesCount:S,cellMinHeight:m,dividerWidth:g,showVisibility:R,cut:x,showCut:b,cutCellMinHeight:h,cutLabel:B,imageSize:_,imageOnHover:A,entryHoverEffect:T,entryHoverShowOption:W,rowPaddingTop:$,rowPaddingBottom:N,rowPaddingTopB:P,columnsOrder:O,textPaddingLR:V,textColor:X,backgroundColor:G,dividerColor:w,textHoverColor:I,backgroundHoverColor:M,dividerHoverColor:H}=e,[F,D]=u.useState(void 0),[ee,re]=u.useState(null),J=A==="On"&&(!n||r),de=(x??0)>0,C=L==="B",ie=u.useRef(null),Le=u.useRef(null),[le,fe]=u.useState(null),[We,te]=u.useState(In),f=Xo(We),y=Math.max(0,((v??0)-f)/2),k=Math.min(V??0,y),j=Math.max(k,an),U=((v??0)+f)/2;u.useLayoutEffect(()=>{if(!n){te(In);return}const ae=()=>{te(Ed(ie.current))};ae();const me=ie.current;if(!me)return;const ge=new ResizeObserver(ae);ge.observe(me);let Pe=me;for(;Pe&&!Pe.style.getPropertyValue("--cntrl-article-width");)Pe=Pe.parentElement;return Pe&&ge.observe(Pe),()=>ge.disconnect()},[n,s]),u.useEffect(()=>{D(void 0)},[x,b,t,S]),u.useEffect(()=>{n&&!r&&D(void 0)},[n,r]);const ne=E.buildColorVars(a,{textColor:X,backgroundColor:G,dividerColor:w,textHoverColor:I,backgroundHoverColor:M,dividerHoverColor:H},$d,Td),Q=o&&o!=="default"?`${a}-state-${o}`:"",ce=`${!n||r?T==="Default"?`${a}-entry-hover-default`:T==="Blinds"?`${a}-entry-hover-blinds`:"":""} ${Q}`.trim(),Se=(R==null?void 0:R[0])??!1,ve=(R==null?void 0:R[1])??!1,ue=u.useRef(e),K=u.useRef(s);u.useEffect(()=>{if(!c||!n){ue.current=e,K.current=s;return}if(K.current!==s){ue.current=e,K.current=s;return}const ae=ue.current;if(!(ae!==e))return;const ge=Fd(e,ae,{designWidth:We});ue.current=e,ge!==e&&c(ge)},[e,c,n,s,We]);const q=u.useMemo(()=>Hd(e),[e.AColumnWidth,e.BColumnWidth,e.CColumnWidth,e.DColumnWidth,e.EColumnWidth]),z=u.useMemo(()=>Hr(e,mn),[e.AColumnPaddingLeft,e.BColumnPaddingLeft,e.CColumnPaddingLeft,e.DColumnPaddingLeft,e.EColumnPaddingLeft]),se=u.useMemo(()=>Hr(e,gn),[e.AColumnPaddingRight,e.BColumnPaddingRight,e.CColumnPaddingRight,e.DColumnPaddingRight,e.EColumnPaddingRight]),xe=u.useMemo(()=>Hr(e,hn),[e.AColumnPaddingBottom,e.BColumnPaddingBottom,e.CColumnPaddingBottom,e.DColumnPaddingBottom,e.EColumnPaddingBottom]),Me=u.useMemo(()=>Array.isArray(O)&&O.length>0?O:[...Ht],[O]),Ie=u.useMemo(()=>Bd(Me,p,q,z,se,xe),[Me,p,q,z,se,xe]),Re=or(e),lt=u.useMemo(()=>rt.slice(0,p).map(ae=>q[ae]),[p,q]),we=u.useMemo(()=>Ci(p,Re,q),[p,Re,q]),ke=u.useMemo(()=>ar(p,Re,q),[p,Re,q]),je=u.useMemo(()=>Ie.map((ae,me)=>Jo(ke[me]??0,ae.paddingLeft,ae.paddingRight)),[Ie,ke]),Ae=u.useMemo(()=>{const ae=S===0?1/0:S;return(t??[]).slice(0,ae).map((ge,Pe)=>({id:Pe,cells:Object.fromEntries(Ht.map(Ye=>[Ye,ge[Ye]??""])),image:ge.image,link:ge.link}))},[t,S]),De=de?F??x:Ae.length,Ve=u.useMemo(()=>de?Ae.slice(0,De):Ae,[Ae,de,De]),ft=de&&De<Ae.length,Jt=Ve.length>1||ft,ct=[Se?`${a}-divider-top`:"",ve||Jt?`${a}-divider-bottom`:""].filter(Boolean).join(" "),Dt=!n||r,Et=()=>{if(!Dt)return;const ae=F??x;if(!b){D(Ae.length);return}D(Math.min(ae+b,Ae.length))},ye=ae=>E.scalingValue(ae,n??!1),yt=C?P??0:$??0,Ge=N??0,Je=m??0,Pt=(yt+Je+Ge)/2,jn=Math.max(Ge,Nr),xn=le!=null?`${le/2}px`:ye(Pt),_t=C?"rowPaddingTopB":"rowPaddingTop",At=Ie[0],jt=Ie[Ie.length-1],be=je[0],pe=je[je.length-1],Ne=At&&be?Math.max(be.paddingLeft,an):0,He=jt&&pe?Math.max(pe.paddingRight,an):0,ze=Re,Oe=ae=>{const me=ie.current;if(!me)return{x:0,y:0};const ge=me.getBoundingClientRect();return{x:ae.clientX-ge.left+Zi,y:ae.clientY-ge.top+Zi}},Qt=(ae,me)=>{if(!J)return;const ge=ae.image;if(!(ge!=null&&ge.url)){re(null);return}const{x:Pe,y:Ye}=Oe(me),et=(_==null?void 0:_.min)??80,$e=(_==null?void 0:_.max)??320,Ke=(ee==null?void 0:ee.rowId)===ae.id?ee.widthPx:Nd(et,$e);re({rowId:ae.id,url:ge.url,objectFit:ge.objectFit??"cover",widthPx:Ke,x:Pe,y:Ye})},en=ae=>{if(!J||!ee)return;const{x:me,y:ge}=Oe(ae);re(Pe=>!Pe||Pe.x===me&&Pe.y===ge?Pe:{...Pe,x:me,y:ge})},vt=()=>{re(null)},Er=()=>{J&&re(null)};u.useLayoutEffect(()=>{if(!d||C){fe(null);return}const ae=Le.current;if(!ae){fe(null);return}const me=()=>{fe(ae.getBoundingClientRect().height)};me();const ge=new ResizeObserver(me);return ge.observe(ae),()=>ge.disconnect()},[d,C,Ve,yt,Ge,Je,t,e,Ie,ke,We]);const dt=u.useMemo(()=>!C&&yi.some(ae=>{const me=ae.charAt(0),ge=e[`${ae}VerticalAlign`];return Yo(ge,e,me)}),[C,e,e.AColumnVerticalAlign,e.BColumnVerticalAlign,e.CColumnVerticalAlign,e.DColumnVerticalAlign,e.EColumnVerticalAlign]);return u.useLayoutEffect(()=>{var et;const ae=ie.current;if(!ae)return;const me=()=>{ae.querySelectorAll("[data-list-col]").forEach($e=>{$e.style.transform="";const Ke=$e.querySelector(`.${a}-list-col`);Ke&&(Ke.style.minHeight="",Ke.style.height="");const ut=$e.querySelector(`.${a}-list-col-title`);ut&&(ut.style.transform="")})};if(C||!dt){me();return}const ge=()=>{ae.querySelectorAll("[data-list-row]").forEach($e=>{const Ke=Array.from($e.querySelectorAll("[data-list-col]"));Ke.forEach(Ee=>{Ee.style.transform="";const Qe=Ee.querySelector(`.${a}-list-col`);Qe&&(Qe.style.minHeight="",Qe.style.height="");const qe=Ee.querySelector(`.${a}-list-col-title`);qe&&(qe.style.transform="")}),vd($e,Ke,`${a}-list-col`),$e.offsetHeight;const ut=$e.getBoundingClientRect().top,Wt=`${a}-baseline-probe`,tn=new Map,zn=Ke.map(Ee=>{const Qe=Ee.querySelector(`.${a}-list-col-title`),qe={el:Ee,titleEl:Qe,letter:Ee.getAttribute("data-col-letter")??"",kind:Ee.getAttribute("data-valign")??"top",anchor:Ee.getAttribute("data-valign-anchor")};return tn.set(qe.letter,qe),qe}),Cn=new Map,Kn=(Ee,Qe)=>{const qe=Cn.get(Ee.letter);if(qe!==void 0)return qe;const qn=Ee.anchor?tn.get(Ee.anchor):void 0;if(Ee.kind!=="baseline"||!qn||Qe.has(Ee.letter)){const wi=Mr(Ee,ut,`${a}-list-col`,Wt);return Cn.set(Ee.letter,wi),wi}Qe.add(Ee.letter);const ea=Kn(qn,Qe);Qe.delete(Ee.letter);const ta=Mr(Ee,ut,`${a}-list-col`,Wt),na=ea-ta;bd(Ee.titleEl,na);const Si=Mr(Ee,ut,`${a}-list-col`,Wt);return Cn.set(Ee.letter,Si),Si};zn.forEach(Ee=>Kn(Ee,new Set))})};ge();const Pe=new ResizeObserver(()=>ge());Pe.observe(ae);let Ye=!1;return typeof document<"u"&&((et=document.fonts)!=null&&et.ready)&&document.fonts.ready.then(()=>{Ye||ge()}),()=>{Ye=!0,Pe.disconnect(),me()}},[dt,C,e,t,We,Ve,ke]),l.jsxs(l.Fragment,{children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:ld(a)}}),l.jsx("div",{style:ne,children:l.jsxs("div",{ref:ie,className:`${a}-wrapper ${ce}${ct?` ${ct}`:""}${C?` ${a}-type-b`:""}`.trim(),style:{width:E.scalingValue(v??0,n),...!C&&d?{[`--${a}-first-entry-handle-top`]:xn}:{}},onMouseMove:J?en:void 0,onMouseLeave:J?vt:void 0,children:[l.jsxs("div",{style:{width:"100%",position:"relative"},children:[Ve.map((ae,me)=>{var et;const ge=(((et=ae.link)==null?void 0:et.length)??0)>0,Pe=ge&&r?"a":"div",Ye=ad(me,Ve.length,Se,ve,ft,g??0,n??!1);return l.jsxs(Pe,{ref:me===0?$e=>{Le.current=$e}:void 0,className:`${a}-list-item${ge||W==="Always"?` ${a}-list-item-has-link`:""}`,...ge?{href:ae.link,target:"_blank"}:{},style:Ye,onMouseEnter:J?$e=>Qt(ae,$e):void 0,children:[yt>0&&l.jsx("div",{className:`${a}-row-padding-handle`,style:{height:ye(yt)}}),l.jsxs("div",{className:`${a}-list-cols-row${C?"":` ${a}-list-cols-row-h`}${d&&me===0&&C?` ${a}-list-cols-row-controls`:""}`,...C?{}:{"data-list-row":""},style:C?void 0:{minHeight:ye(Je)},children:[Ie.map(($e,Ke)=>{const ut=Ke===Ie.length-1,Wt=je[Ke],tn=$e.paddingBottom,zn=od(ae.cells[$e.key]),Cn=C&&zn&&tn>0,Kn=C?{minHeight:ye(Je)}:{width:ye(ke[Ke])},Ee=C?{paddingLeft:ye(k),paddingRight:ye(k)}:{paddingLeft:ye(Wt.paddingLeft),paddingRight:ye(Wt.paddingRight)},Qe=$e.textPrefix.charAt(0),qe=C?pd(e[`${$e.textPrefix}VerticalAlign`]):ud(e[`${$e.textPrefix}VerticalAlign`],e,Qe),qn=C&&zn&&d&&me===0;return l.jsxs("div",{className:C?`${a}-list-col-wrap`:void 0,...C?{}:{"data-list-col":"","data-col-letter":Qe,"data-valign":qe.kind,...qe.kind==="baseline"?{"data-valign-anchor":qe.anchorLetter}:{}},children:[l.jsx("div",{className:`${a}-list-col${ut?` ${a}-list-col-last`:""}`,style:{...Ee,...Kn,...C?{justifyContent:Ji(qe.kind)}:{}},"data-test":$e.width,children:l.jsx("span",{className:eo(e,$e.textPrefix,`${a}-list-col-title`,`${a}-text-tight-leading`),style:{...Qi(mr(e,$e.textPrefix),n),...to(e,$e.textPrefix,a,n),...C?{}:gd(qe.kind)},children:ae.cells[$e.key]??null})}),Cn&&l.jsx("div",{className:`${a}-row-padding-handle`,style:{height:ye(tn)}}),qn&&l.jsx(bt,{P:a,"data-controls":$e.paddingBottomKey,"data-controls-static-handle":"","data-controls-axis":"y","data-controls-variant":"column-padding","data-controls-min":"0",className:`${a}-padding-control-handle`,hitPlacement:"center",areaStyle:{position:"absolute",bottom:0,left:0,width:"100%",height:ye(Math.max(tn,Nr))}})]},$e.key)}),d&&me===0&&C&&l.jsxs(l.Fragment,{children:[l.jsx(bt,{P:a,"data-controls":"textPaddingLR","data-controls-static-handle":"","data-controls-paired":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(U),className:`${a}-text-padding-lr-handle`,hitPlacement:"center",areaStyle:{position:"absolute",top:0,left:0,width:ye(j),height:"100%"}}),l.jsx(bt,{P:a,"data-controls":"textPaddingLR","data-controls-static-handle":"","data-controls-paired":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-reverse":"","data-controls-min":"0","data-controls-max-fraction":String(U),className:`${a}-text-padding-lr-handle`,hitPlacement:"center",areaStyle:{position:"absolute",top:0,left:ye(Math.max(j,Re-j)),width:ye(j),height:"100%"}})]})]}),!C&&Ge>0&&l.jsx("div",{className:`${a}-row-padding-handle`,style:{height:ye(Ge)}}),d&&me===0&&!C&&l.jsx(bt,{P:a,"data-controls":"rowPaddingBottom","data-controls-static-handle":"","data-controls-handle-left":"20","data-controls-axis":"y","data-controls-variant":"row-padding","data-controls-min":"0",className:`${a}-padding-control-handle`,hitPlacement:"left-y",areaStyle:{position:"absolute",bottom:0,left:0,width:"100%",height:ye(jn)}})]},ae.id)}),d&&l.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:l.jsx(bt,{P:a,"data-controls":_t,"data-controls-static-handle":"",...C?{}:{"data-controls-handle-left":"20"},"data-controls-axis":"y","data-controls-variant":"row-padding","data-controls-min":"0",className:`${a}-padding-control-handle`,hitPlacement:C?"center":"left-y",areaStyle:{position:"absolute",top:0,left:0,width:"100%",height:ye(Math.max(yt,Nr))}})},"row-padding-handles"),d&&!C&&At&&jt&&l.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:[l.jsx(bt,{P:a,"data-controls":At.paddingLeftKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(ke[0]-((be==null?void 0:be.paddingRight)??0)),className:`${a}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:0,width:ye(Ne),height:"100%"}}),l.jsx(bt,{P:a,"data-controls":jt.paddingRightKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-reverse":"","data-controls-min":"0","data-controls-max-fraction":String(ke[Ie.length-1]-((pe==null?void 0:pe.paddingLeft)??0)),className:`${a}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:ye(ze-He),width:ye(He),height:"100%"}})]},"column-edge-padding-handles"),d&&!C&&Ie.slice(0,-1).map((ae,me)=>{const ge=Ie[me+1],Pe=we.slice(0,me+1).reduce((ut,Wt)=>ut+Wt,0),Ye=je[me],et=je[me+1],$e=Math.max(Ye.paddingRight,an),Ke=Math.max(et.paddingLeft,an);return l.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:[l.jsx(bt,{P:a,"data-controls":ae.paddingRightKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-reverse":"","data-controls-min":"0","data-controls-max-fraction":String(ke[me]-Ye.paddingLeft),className:`${a}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:ye(Pe-$e),width:ye($e),height:"100%"}}),l.jsx(bt,{P:a,"data-controls":ge.paddingLeftKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(ke[me+1]-et.paddingRight),className:`${a}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:ye(Pe),width:ye(Ke),height:"100%"}})]},`${ae.paddingRightKey}-padding`)}),d&&!C&&Ie.slice(0,-1).map((ae,me)=>{const ge=Md(me,we,lt,Re),Ye=we.slice(0,me+1).reduce((et,$e)=>et+$e,0)-no/2;return l.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:l.jsx("div",{"data-controls":ae.widthKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-min":String(xi),"data-controls-max-fraction":String(ge),"data-controls-variant":"column-width",className:`${a}-col-resize-handle`,style:{position:"absolute",top:"0px",left:ye(Ye),width:ye(no),height:"calc(100%)",pointerEvents:"auto"}})},`${ae.widthKey}-junction`)})]}),ft&&(()=>{const ae=mr(e,$t),me=hd(e.cutLabelVerticalAlign),ge=ae.textTextAlign==="justify"||C;return l.jsx("button",{type:"button",className:`${a}-cut-item`,style:{minHeight:ye(h??0),cursor:Dt?"pointer":"default",...sd(ve,g??0,n??!1)},onClick:Dt?Et:void 0,onMouseEnter:J?Er:void 0,children:l.jsx("div",{className:`${a}-list-cols-row`,style:{...C?{paddingLeft:ye(k),paddingRight:ye(k)}:{},justifyContent:fd(ae.textTextAlign),alignItems:Ji(me)},children:l.jsx("span",{className:eo(e,$t,`${a}-cut-label`,`${a}-text-tight-leading`),style:{...Qi(ae,n),...to(e,$t,a,n),...ge?{width:"100%"}:{}},children:B})})})})(),J&&ee&&l.jsx("img",{className:`${a}-hover-image`,src:ee.url,alt:"",style:{width:ir(ee.widthPx),objectFit:ee.objectFit,left:ee.x,top:ee.y}})]})})]})}const Vd=`import { useEffect, useLayoutEffect, useMemo, useRef, useState, type CSSProperties, type ComponentPropsWithoutRef } from 'react';
 import { CommonComponentProps } from '../props';
 import { buildColorVars, scalingValue, useScopedStyles } from '../utils/index';
 import { omitTextColors, TextStyles, textStylesToCss } from '../utils/textStylesToCss';
@@ -7567,6 +7790,6 @@ export function List({ settings, content, isEditor, isPreviewMode, isEditMode, a
     </>
   );
 }
-`,hn=["A","B","C","D","E"],ei=[...Vr,"Baseline A","Baseline B","Baseline C","Baseline D","Baseline E"],zt={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}},fontSize:{type:"number",display:{type:"font-size"}},lineHeight:{type:"number",display:{type:"line-height-input"}},letterSpacing:{type:"number",display:{type:"letter-spacing-input"}},wordSpacing:{type:"number",display:{type:"word-spacing-input"}},textAlign:{type:"string",enum:["left","center","right","justify"],display:{type:"vertical-text-aligh-options"}},textAppearance:{type:"object",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"]}}}};function Od(e){return{type:"string",label:e,placeholder:"Add Title...",display:{type:"text-input"}}}function Un(e){return{type:"number",scope:"layout",title:e,min:0,max:100,display:{type:"range-control"}}}function Vd(){return Object.fromEntries(hn.map((e,t)=>{const n=Nt[t],r=`${e} column`;return[n,Od(r)]}))}function Dd(){const e={};for(const t of hn)e[`${t}ColumnWidth`]=Un(`${t} column width`),e[`${t}ColumnPaddingLeft`]=Un(`${t} column padding left`),e[`${t}ColumnPaddingRight`]=Un(`${t} column padding right`),e[`${t}ColumnPaddingBottom`]=Un(`${t} column padding bottom`);return e}function ti(e={}){const{typeBDefaults:t,...n}=e,r={columns:3,wrapperWidth:1,columnsOrder:[...Nt]};for(const i of hn)r[`${i}ColumnWidth`]=i==="A"?.265:.37,r[`${i}ColumnPaddingLeft`]=0,r[`${i}ColumnPaddingRight`]=0,r[`${i}ColumnPaddingBottom`]=0;const o=n.type==="B"&&t?t:{};return{...r,...o,...n}}function jd(e){const t={};if(e===Tt)t[`${e}VerticalAlign`]={type:"string",scope:"layout",title:"",display:{type:"drop-down",label:"Vertical alignment",enum:[...Vr]},enum:[...Vr]};else{const n=e.charAt(0);t[`${e}VerticalAlign`]={type:"string",scope:"layout",title:"",display:{type:"drop-down",label:"Vertical alignment",enum:[...ei],filterBaselineByTopAnchor:!0,columnLetter:n},enum:[...ei]}}return t[xe(e,"textFontFamily")]={type:"string",scope:"common",title:"",display:{type:"font-family-select",hideLabel:!0}},t[xe(e,"textFontSettings")]={...zt.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight",hideLabel:!0}},t[xe(e,"textFontSize")]={...zt.fontSize,scope:"layout",title:"",display:{type:"font-size"}},t[xe(e,"textLineHeight")]={...zt.lineHeight,scope:"layout",title:"",display:{type:"line-height-input"}},t[xe(e,"textLetterSpacing")]={...zt.letterSpacing,scope:"layout",title:"",display:{type:"letter-spacing-input"}},t[xe(e,"textWordSpacing")]={...zt.wordSpacing,scope:"layout",title:"",display:{type:"word-spacing-input"}},t[xe(e,"textTextAlign")]={...zt.textAlign,scope:"layout",title:"",display:{type:"vertical-text-aligh-options"}},t[xe(e,"textTextAppearance")]={...zt.textAppearance,scope:"layout",title:"",display:{type:"text-appearance"}},t}const zd=po.reduce((e,t)=>({...e,...jd(t)}),{});function Kd(e){return{verticalAlign:e===Tt?"Center":"Top",textFontFamily:"Arial",textFontSettings:{fontWeight:400,fontStyle:"normal"},textLetterSpacing:0,textWordSpacing:0,textTextAlign:e===Tt?"center":"left",textTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}}}function qd(e,t={}){var n;return{...Kd(e),...t.default,...(n=t.byPrefix)==null?void 0:n[e]}}const ni=new Set(["textFontFamily","textFontSettings"]);function Ud(e,t,n){const r=i=>n===void 0?!0:n==="common"?ni.has(i):!ni.has(i),o={};return r("verticalAlign")&&t.verticalAlign!==void 0&&(o[`${e}VerticalAlign`]=mo(t.verticalAlign)),r("textFontFamily")&&t.textFontFamily!==void 0&&(o[xe(e,"textFontFamily")]=t.textFontFamily),r("textFontSettings")&&t.textFontSettings!==void 0&&(o[xe(e,"textFontSettings")]=t.textFontSettings),r("textFontSize")&&t.textFontSize!==void 0&&(o[xe(e,"textFontSize")]=t.textFontSize),r("textLineHeight")&&t.textLineHeight!==void 0&&(o[xe(e,"textLineHeight")]=t.textLineHeight),r("textLetterSpacing")&&t.textLetterSpacing!==void 0&&(o[xe(e,"textLetterSpacing")]=t.textLetterSpacing),r("textWordSpacing")&&t.textWordSpacing!==void 0&&(o[xe(e,"textWordSpacing")]=t.textWordSpacing),r("textTextAlign")&&t.textTextAlign!==void 0&&(o[xe(e,"textTextAlign")]=t.textTextAlign),r("textTextAppearance")&&t.textTextAppearance!==void 0&&(o[xe(e,"textTextAppearance")]=t.textTextAppearance),o}function tr(e={},t){return po.reduce((n,r)=>({...n,...Ud(r,qd(r,e),t)}),{})}const Gd=tr(),Yd=Cd();function Ui(e){return[xe(e,"textFontFamily"),xe(e,"textFontSettings"),xe(e,"textFontSize"),xe(e,"textLineHeight"),xe(e,"textLetterSpacing"),xe(e,"textWordSpacing"),xe(e,"textTextAlign"),xe(e,"textTextAppearance"),`${e}VerticalAlign`]}function Xd(){const e=[];return uo.forEach((t,n)=>{const r=Nt[n],o=Ui(t);for(let i=1;i<Nt.length;i+=1){const s=[{name:"columns",value:i},...Array.from({length:i},(c,a)=>({name:`columnsOrder.${a}`,value:r,isNotEqual:!0}))];o.forEach(c=>{e.push({if:s,then:{name:`properties.${c}.display.visible`,value:!1}})})}}),e}const Zd=["textColor","backgroundColor","dividerColor","textHoverColor","backgroundHoverColor","dividerHoverColor"],Jd=["cutLabel","cutCellMinHeight","showCut"],Qd=Ui(Tt),eu=[...Jd,...Qd],tu=[...hn.flatMap(e=>[`${e}ColumnWidth`,`${e}ColumnPaddingLeft`,`${e}ColumnPaddingRight`]),"rowPaddingTop","rowPaddingBottom"],Kt=[{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01KV88Q6MDBHFMF0NKJMYCGGRA.jpeg",name:"List-1.png"},{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01KV88Q6MD194E6Z49QD9GG03N.jpeg",name:"List-2.png"},{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01KV88Q6MDNZRY59Q8JJVYY92K.jpeg",name:"List-3.png"},{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01KV88Q6MDRXD5QWHB5YF8H3XM.jpeg",name:"List-4.png"},{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01KV88Q6MD3C6H5Q9QX0SX8PSP.jpeg",name:"List-5.png"},{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01KV88Q6MDM6VHTFVXVD58V0D6.jpeg",name:"List-6.png"},{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01KV88Q6MD3QT4RPG3VMM2NK5K.jpeg",name:"List-7.png"}],nu=[{AColumn:"01",BColumnWidth:"Ethan Parker",CColumnWidth:`Midnight
-Atlas`,DColumnWidth:"Portland, OR",EColumnWidth:"On Display",image:Kt[0],link:""},{AColumn:"02",BColumnWidth:"Madison Reed",CColumnWidth:"Echoes in Vermilion",DColumnWidth:"Savannah, GA",EColumnWidth:"Scheduled",image:Kt[1],link:""},{AColumn:"03",BColumnWidth:"Noah Bennett",CColumnWidth:"Paper and scissors",DColumnWidth:"Madison, WI",EColumnWidth:"On Display",image:Kt[2],link:""},{AColumn:"04",BColumnWidth:"Olivia Carter",CColumnWidth:"The Quiet Frequency",DColumnWidth:"Boise, ID",EColumnWidth:"On Display",image:Kt[3],link:""},{AColumn:"05",BColumnWidth:"Mason Brooks",CColumnWidth:"Sights of Tomorrow",DColumnWidth:"Tampa, FL",EColumnWidth:"Postponed",image:Kt[4],link:""},{AColumn:"06",BColumnWidth:"Sophia Mitchell",CColumnWidth:"Velvet Horizons",DColumnWidth:"Albuquerque, NM",EColumnWidth:"Scheduled",image:Kt[5],link:""},{AColumn:"07",BColumnWidth:"Jackson Turner",CColumnWidth:`Ink
-& Aurora`,DColumnWidth:"Pittsburgh, PA",EColumnWidth:"On Display",image:Kt[6],link:""}],ru=[...hn.flatMap(e=>[`${e}ColumnWidth`,`${e}ColumnPaddingLeft`,`${e}ColumnPaddingRight`,`${e}ColumnPaddingBottom`]),"columnsOrder"],ou={type:"object",version:1,content:{type:"array",settings:{addItemWithoutImage:!0},display:{type:"array",ref:{columnsOrder:"settings.properties.columnsOrder",columnsCount:"settings.properties.columns"}},items:{type:"object",properties:{...Vd(),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:{type:"string",label:"Link",placeholder:"Add link...",display:{type:"text-input"}}},required:["image"]},default:nu},settings:{sizing:"auto auto",properties:{type:{type:"string",scope:"layout",title:"",display:{type:"radio-group"},enum:["A","B"]},columns:{type:"number",scope:"layout",title:"Columns",display:{type:"count-number"},min:1,max:5},wrapperWidth:{type:"number",scope:"layout",title:"Width",display:{type:"numeric-input"},min:0,max:9999},textPaddingLR:{type:"number",scope:"layout",title:"Text Padding LR",min:0,max:9999,display:{type:"range-control"}},entriesCount:{type:"number",scope:"layout",title:"Entries #",display:{type:"toggle-numeric-input",enum:["Auto","Fixed"]},min:1},cellMinHeight:{type:"number",scope:"layout",title:"Cell min height",display:{type:"numeric-input"},min:0,max:9999},imageOnHover:{type:"boolean",scope:"common",title:"Image On Hover",display:{type:"toggle-cycle",enum:["On","Off"]}},imageSize:{type:"object",scope:"layout",title:"Image size",display:{type:"min-max-input"},min:1,max:1440,properties:{min:{type:"number"},max:{type:"number"}}},dividerWidth:{type:"number",scope:"layout",title:"Divider width",display:{type:"numeric-input"},min:0,max:9999},showVisibility:{type:"array",scope:"common",title:"Show",display:{type:"double-toggle",enum:["Top","Bottom"]},items:{type:"boolean"},default:[!0,!1]},cut:{type:"number",scope:"layout",title:"Cut",display:{type:"toggle-numeric-input",enum:["Off","On"]},min:1},entryHoverEffect:{type:"string",scope:"common",title:"Effect",display:{type:"toggle-cycle",enum:["None","Default","Blinds"]}},entryHoverShowOption:{type:"string",scope:"common",title:"Show",display:{type:"toggle-cycle",enum:["Always","Link only"]}},cutCellMinHeight:{type:"number",scope:"layout",title:"Cell min height",display:{type:"numeric-input"},min:0,max:9999},cutLabel:{type:"string",scope:"common",title:"Cut Label",display:{type:"label-input"}},showCut:{type:"number",scope:"layout",title:"Show",display:{type:"toggle-numeric-input",enum:["All","Custom"]},min:1},rowPaddingTop:{type:"number",scope:"layout",title:"Row Padding Top",min:0,max:100,display:{type:"range-control"}},rowPaddingBottom:{type:"number",scope:"layout",title:"Row Padding Bottom",min:0,max:100,display:{type:"range-control"}},rowPaddingTopB:{type:"number",scope:"layout",title:"Row Padding Top",min:0,max:100,display:{type:"range-control"}},...Dd(),columnsOrder:{type:"array",scope:"layout",title:"Columns Order",display:{type:"reorder-input"},items:{type:"string"}},textColor:{type:"string",scope:"common",title:"Text Default",display:{type:"palette-color-picker"}},textHoverColor:{type:"string",scope:"common",title:"Text Hover",display:{type:"palette-color-picker"}},...zd,backgroundColor:{type:"string",scope:"common",title:"BG Default",display:{type:"palette-color-picker"}},dividerColor:{type:"string",scope:"common",title:"Divider Default",display:{type:"palette-color-picker"}},backgroundHoverColor:{type:"string",scope:"common",title:"BG Hover",display:{type:"palette-color-picker"}},dividerHoverColor:{type:"string",scope:"common",title:"Divider Hover",display:{type:"palette-color-picker"}}},defaults:{imageOnHover:"On",entryHoverEffect:"Default",entryHoverShowOption:"Always",cutLabel:"SEE ALL",showVisibility:[!0,!0],textColor:"#000000",textHoverColor:"#FFFFFF",...Gd,...tr({byPrefix:{BColumn:{textFontFamily:"Libre Baskerville"}}},"common"),backgroundColor:"#FFFFFF00",dividerColor:"#373737",backgroundHoverColor:"#000000",dividerHoverColor:"#000000"},layoutDefaults:{m:ti({type:"B",textPaddingLR:.0373,entriesCount:0,cellMinHeight:.02,imageSize:{min:80,max:320},dividerWidth:.004,cut:0,showCut:0,cutCellMinHeight:.043,rowPaddingTop:.01,rowPaddingBottom:.01,typeBDefaults:{rowPaddingTopB:.0461,AColumnPaddingBottom:.041,BColumnPaddingBottom:.041,CColumnPaddingBottom:.0615,DColumnPaddingBottom:0,EColumnPaddingBottom:0},textStroke:.003,textCorners:.192,textPadding:{top:.0373,right:.0373,bottom:.0373,left:.0373},...tr({byPrefix:{AColumn:{textFontSize:.166,textLineHeight:.0435,textTextAlign:"left"},BColumn:{textFontSize:.1,textLineHeight:.0435,textTextAlign:"left"},CColumn:{textFontSize:.0641,textLineHeight:.0692,textTextAlign:"left"},DColumn:{textFontSize:.043,textLineHeight:.043,textTextAlign:"left"},EColumn:{textFontSize:.043,textLineHeight:.043,textTextAlign:"left"}}},"layout")}),d:ti({type:"A",textPaddingLR:.01,entriesCount:0,cellMinHeight:.1152,imageSize:{min:400,max:400},dividerWidth:.00347,cut:5,showCut:0,cutCellMinHeight:.1458,rowPaddingTop:.01,rowPaddingBottom:.01,rowPaddingTopB:.01,textStroke:.001,textCorners:.05,textPadding:{top:.01,right:.01,bottom:.01,left:.01},...tr({byPrefix:{AColumn:{textFontSize:.183,textLineHeight:.01,textLetterSpacing:-.0074,textTextAlign:"left",verticalAlign:"center"},BColumn:{textFontSize:.0694,textLineHeight:.0763,textLetterSpacing:-.00229,textTextAlign:"left",verticalAlign:"center"},CColumn:{textFontSize:.0694,textLineHeight:.0763,textLetterSpacing:-.00138,textTextAlign:"left",verticalAlign:"center"},DColumn:{textFontSize:.01,textLineHeight:.01,textTextAlign:"left"},EColumn:{textFontSize:.01,textLineHeight:.01,textTextAlign:"left"},cutLabel:{textFontSize:.0576,textLineHeight:.01,textTextAlign:"center"}}},"layout")})},displayRules:[...Xd(),...eu.map(e=>({if:{name:"cut",value:0},then:{name:`properties.${e}.display.visible`,value:!1}})),{if:{name:"type",value:"A"},then:{name:"properties.textPaddingLR.display.visible",value:!1}},...tu.map(e=>({if:{name:"type",value:"B"},then:{name:`properties.${e}.display.visible`,value:!1}})),{if:{name:"type",value:"A"},then:{name:"properties.rowPaddingTopB.display.visible",value:!1}},...hn.map(e=>({if:{name:"type",value:"A"},then:{name:`properties.${e}ColumnPaddingBottom.display.visible`,value:!1}}))],layout:["__componentName__","name","type","columns","wrapperWidth","textPaddingLR","entriesCount","cellMinHeight","imageOnHover","imageSize","dividerWidth","showVisibility","cut","showCut","cutCellMinHeight","entryHoverEffect","entryHoverShowOption","cutLabel","rowPaddingTop","rowPaddingBottom","rowPaddingTopB",...ru]},panels:[{id:"general",icon:"cursor",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__","name"]},"type",{type:"row",title:"",items:["columns","wrapperWidth"]},{type:"row",title:"",items:["entriesCount","cellMinHeight"]},{type:"row",title:"",items:["imageOnHover","imageSize"]},{type:"row",title:"Entry Hover",items:["entryHoverEffect","entryHoverShowOption"]},{type:"row",title:"Divider Settings",items:["dividerWidth","showVisibility"]},{type:"row",title:"",items:["cut"]},{type:"row",title:"Cut Settings",items:["cutLabel","cutCellMinHeight"]},{type:"row",title:"",items:["showCut"]}]},{id:"columnsOrder",icon:"layers",title:"Columns Order",tooltip:"Columns order",layout:["columnsOrder"]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:[Yd]}],paletteBookmark:{items:[...Zd],panelIds:["general","typeStyle"],stateItems:{default:["textColor","backgroundColor","dividerColor","textHoverColor","backgroundHoverColor","dividerHoverColor"]}}},iu={element:Nd,id:"list",name:"Default List",category:"lists",layoutMode:"structured",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Programme_List.png "},version:1,defaultSize:{d:{width:720,height:540}},assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[]},schema:ou,sourceCode:Bd},au=[dl,yl,ic,gc,$c,Fc,Oc,qc,nd,iu];exports.components=au;exports.isSchemaV1=ta;
+`,bn=["A","B","C","D","E"],oo=[...Gr,"Baseline A","Baseline B","Baseline C","Baseline D","Baseline E"],qt={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}},fontSize:{type:"number",display:{type:"font-size"}},lineHeight:{type:"number",display:{type:"line-height-input"}},letterSpacing:{type:"number",display:{type:"letter-spacing-input"}},wordSpacing:{type:"number",display:{type:"word-spacing-input"}},textAlign:{type:"string",enum:["left","center","right","justify"],display:{type:"vertical-text-aligh-options"}},textAppearance:{type:"object",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"]}}}};function Dd(e){return{type:"string",label:e,placeholder:"Add Title...",display:{type:"text-input"}}}function Qn(e){return{type:"number",scope:"layout",title:e,min:0,max:100,display:{type:"range-control"}}}function jd(){return Object.fromEntries(bn.map((e,t)=>{const n=Ht[t],r=`${e} column`;return[n,Dd(r)]}))}function zd(){const e={};for(const t of bn)e[`${t}ColumnWidth`]=Qn(`${t} column width`),e[`${t}ColumnPaddingLeft`]=Qn(`${t} column padding left`),e[`${t}ColumnPaddingRight`]=Qn(`${t} column padding right`),e[`${t}ColumnPaddingBottom`]=Qn(`${t} column padding bottom`);return e}function ao(e={}){const{typeBDefaults:t,...n}=e,r={columns:3,wrapperWidth:1,columnsOrder:[...Ht]};for(const o of bn)r[`${o}ColumnWidth`]=o==="A"?.265:.37,r[`${o}ColumnPaddingLeft`]=0,r[`${o}ColumnPaddingRight`]=0,r[`${o}ColumnPaddingBottom`]=0;const i=n.type==="B"&&t?t:{};return{...r,...i,...n}}function Kd(e){const t={};if(e===$t)t[`${e}VerticalAlign`]={type:"string",scope:"layout",title:"",display:{type:"drop-down",label:"Vertical alignment",enum:[...Gr]},enum:[...Gr]};else{const n=e.charAt(0);t[`${e}VerticalAlign`]={type:"string",scope:"layout",title:"",display:{type:"drop-down",label:"Vertical alignment",enum:[...oo],filterBaselineByTopAnchor:!0,columnLetter:n},enum:[...oo]}}return t[Ce(e,"textFontFamily")]={type:"string",scope:"common",title:"",display:{type:"font-family-select",hideLabel:!0}},t[Ce(e,"textFontSettings")]={...qt.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight",hideLabel:!0}},t[Ce(e,"textFontSize")]={...qt.fontSize,scope:"layout",title:"",display:{type:"font-size"}},t[Ce(e,"textLineHeight")]={...qt.lineHeight,scope:"layout",title:"",display:{type:"line-height-input"}},t[Ce(e,"textLetterSpacing")]={...qt.letterSpacing,scope:"layout",title:"",display:{type:"letter-spacing-input"}},t[Ce(e,"textWordSpacing")]={...qt.wordSpacing,scope:"layout",title:"",display:{type:"word-spacing-input"}},t[Ce(e,"textTextAlign")]={...qt.textAlign,scope:"layout",title:"",display:{type:"vertical-text-aligh-options"}},t[Ce(e,"textTextAppearance")]={...qt.textAppearance,scope:"layout",title:"",display:{type:"text-appearance"}},t}const qd=vi.reduce((e,t)=>({...e,...Kd(t)}),{});function Ud(e){return{verticalAlign:e===$t?"Center":"Top",textFontFamily:"Arial",textFontSettings:{fontWeight:400,fontStyle:"normal"},textLetterSpacing:0,textWordSpacing:0,textTextAlign:e===$t?"center":"left",textTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}}}function Gd(e,t={}){var n;return{...Ud(e),...t.default,...(n=t.byPrefix)==null?void 0:n[e]}}const so=new Set(["textFontFamily","textFontSettings"]);function Yd(e,t,n){const r=o=>n===void 0?!0:n==="common"?so.has(o):!so.has(o),i={};return r("verticalAlign")&&t.verticalAlign!==void 0&&(i[`${e}VerticalAlign`]=bi(t.verticalAlign)),r("textFontFamily")&&t.textFontFamily!==void 0&&(i[Ce(e,"textFontFamily")]=t.textFontFamily),r("textFontSettings")&&t.textFontSettings!==void 0&&(i[Ce(e,"textFontSettings")]=t.textFontSettings),r("textFontSize")&&t.textFontSize!==void 0&&(i[Ce(e,"textFontSize")]=t.textFontSize),r("textLineHeight")&&t.textLineHeight!==void 0&&(i[Ce(e,"textLineHeight")]=t.textLineHeight),r("textLetterSpacing")&&t.textLetterSpacing!==void 0&&(i[Ce(e,"textLetterSpacing")]=t.textLetterSpacing),r("textWordSpacing")&&t.textWordSpacing!==void 0&&(i[Ce(e,"textWordSpacing")]=t.textWordSpacing),r("textTextAlign")&&t.textTextAlign!==void 0&&(i[Ce(e,"textTextAlign")]=t.textTextAlign),r("textTextAppearance")&&t.textTextAppearance!==void 0&&(i[Ce(e,"textTextAppearance")]=t.textTextAppearance),i}function sr(e={},t){return vi.reduce((n,r)=>({...n,...Yd(r,Gd(r,e),t)}),{})}const Xd=sr(),Zd=wd();function Qo(e){return[Ce(e,"textFontFamily"),Ce(e,"textFontSettings"),Ce(e,"textFontSize"),Ce(e,"textLineHeight"),Ce(e,"textLetterSpacing"),Ce(e,"textWordSpacing"),Ce(e,"textTextAlign"),Ce(e,"textTextAppearance"),`${e}VerticalAlign`]}function Jd(){const e=[];return yi.forEach((t,n)=>{const r=Ht[n],i=Qo(t);for(let o=1;o<Ht.length;o+=1){const s=[{name:"columns",value:o},...Array.from({length:o},(c,a)=>({name:`columnsOrder.${a}`,value:r,isNotEqual:!0}))];i.forEach(c=>{e.push({if:s,then:{name:`properties.${c}.display.visible`,value:!1}})})}}),e}const Qd=["textColor","backgroundColor","dividerColor","textHoverColor","backgroundHoverColor","dividerHoverColor"],eu=["cutLabel","cutCellMinHeight","showCut"],tu=Qo($t),nu=[...eu,...tu],ru=[...bn.flatMap(e=>[`${e}ColumnWidth`,`${e}ColumnPaddingLeft`,`${e}ColumnPaddingRight`]),"rowPaddingTop","rowPaddingBottom"],Ut=[{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01KV88Q6MDBHFMF0NKJMYCGGRA.jpeg",name:"List-1.png"},{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01KV88Q6MD194E6Z49QD9GG03N.jpeg",name:"List-2.png"},{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01KV88Q6MDNZRY59Q8JJVYY92K.jpeg",name:"List-3.png"},{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01KV88Q6MDRXD5QWHB5YF8H3XM.jpeg",name:"List-4.png"},{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01KV88Q6MD3C6H5Q9QX0SX8PSP.jpeg",name:"List-5.png"},{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01KV88Q6MDM6VHTFVXVD58V0D6.jpeg",name:"List-6.png"},{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01KV88Q6MD3QT4RPG3VMM2NK5K.jpeg",name:"List-7.png"}],iu=[{AColumn:"01",BColumnWidth:"Ethan Parker",CColumnWidth:`Midnight
+Atlas`,DColumnWidth:"Portland, OR",EColumnWidth:"On Display",image:Ut[0],link:""},{AColumn:"02",BColumnWidth:"Madison Reed",CColumnWidth:"Echoes in Vermilion",DColumnWidth:"Savannah, GA",EColumnWidth:"Scheduled",image:Ut[1],link:""},{AColumn:"03",BColumnWidth:"Noah Bennett",CColumnWidth:"Paper and scissors",DColumnWidth:"Madison, WI",EColumnWidth:"On Display",image:Ut[2],link:""},{AColumn:"04",BColumnWidth:"Olivia Carter",CColumnWidth:"The Quiet Frequency",DColumnWidth:"Boise, ID",EColumnWidth:"On Display",image:Ut[3],link:""},{AColumn:"05",BColumnWidth:"Mason Brooks",CColumnWidth:"Sights of Tomorrow",DColumnWidth:"Tampa, FL",EColumnWidth:"Postponed",image:Ut[4],link:""},{AColumn:"06",BColumnWidth:"Sophia Mitchell",CColumnWidth:"Velvet Horizons",DColumnWidth:"Albuquerque, NM",EColumnWidth:"Scheduled",image:Ut[5],link:""},{AColumn:"07",BColumnWidth:"Jackson Turner",CColumnWidth:`Ink
+& Aurora`,DColumnWidth:"Pittsburgh, PA",EColumnWidth:"On Display",image:Ut[6],link:""}],ou=[...bn.flatMap(e=>[`${e}ColumnWidth`,`${e}ColumnPaddingLeft`,`${e}ColumnPaddingRight`,`${e}ColumnPaddingBottom`]),"columnsOrder"],au={type:"object",version:1,content:{type:"array",settings:{addItemWithoutImage:!0},display:{type:"array",ref:{columnsOrder:"settings.properties.columnsOrder",columnsCount:"settings.properties.columns"}},items:{type:"object",properties:{...jd(),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:{type:"string",label:"Link",placeholder:"Add link...",display:{type:"text-input"}}},required:["image"]},default:iu},settings:{sizing:"auto auto",properties:{type:{type:"string",scope:"layout",title:"",display:{type:"radio-group"},enum:["A","B"]},columns:{type:"number",scope:"layout",title:"Columns",display:{type:"count-number"},min:1,max:5},wrapperWidth:{type:"number",scope:"layout",title:"Width",display:{type:"numeric-input"},min:0,max:9999},textPaddingLR:{type:"number",scope:"layout",title:"Text Padding LR",min:0,max:9999,display:{type:"range-control"}},entriesCount:{type:"number",scope:"layout",title:"Entries #",display:{type:"toggle-numeric-input",enum:["Auto","Fixed"]},min:1},cellMinHeight:{type:"number",scope:"layout",title:"Cell min height",display:{type:"numeric-input"},min:0,max:9999},imageOnHover:{type:"boolean",scope:"common",title:"Image On Hover",display:{type:"toggle-cycle",enum:["On","Off"]}},imageSize:{type:"object",scope:"layout",title:"Image size",display:{type:"min-max-input"},min:1,max:1440,properties:{min:{type:"number"},max:{type:"number"}}},dividerWidth:{type:"number",scope:"layout",title:"Divider width",display:{type:"numeric-input"},min:0,max:9999},showVisibility:{type:"array",scope:"common",title:"Show",display:{type:"double-toggle",enum:["Top","Bottom"]},items:{type:"boolean"},default:[!0,!1]},cut:{type:"number",scope:"layout",title:"Cut",display:{type:"toggle-numeric-input",enum:["Off","On"]},min:1},entryHoverEffect:{type:"string",scope:"common",title:"Effect",display:{type:"toggle-cycle",enum:["None","Default","Blinds"]}},entryHoverShowOption:{type:"string",scope:"common",title:"Show",display:{type:"toggle-cycle",enum:["Always","Link only"]}},cutCellMinHeight:{type:"number",scope:"layout",title:"Cell min height",display:{type:"numeric-input"},min:0,max:9999},cutLabel:{type:"string",scope:"common",title:"Cut Label",display:{type:"label-input"}},showCut:{type:"number",scope:"layout",title:"Show",display:{type:"toggle-numeric-input",enum:["All","Custom"]},min:1},rowPaddingTop:{type:"number",scope:"layout",title:"Row Padding Top",min:0,max:100,display:{type:"range-control"}},rowPaddingBottom:{type:"number",scope:"layout",title:"Row Padding Bottom",min:0,max:100,display:{type:"range-control"}},rowPaddingTopB:{type:"number",scope:"layout",title:"Row Padding Top",min:0,max:100,display:{type:"range-control"}},...zd(),columnsOrder:{type:"array",scope:"layout",title:"Columns Order",display:{type:"reorder-input"},items:{type:"string"}},textColor:{type:"string",scope:"common",title:"Text Default",display:{type:"palette-color-picker"}},textHoverColor:{type:"string",scope:"common",title:"Text Hover",display:{type:"palette-color-picker"}},...qd,backgroundColor:{type:"string",scope:"common",title:"BG Default",display:{type:"palette-color-picker"}},dividerColor:{type:"string",scope:"common",title:"Divider Default",display:{type:"palette-color-picker"}},backgroundHoverColor:{type:"string",scope:"common",title:"BG Hover",display:{type:"palette-color-picker"}},dividerHoverColor:{type:"string",scope:"common",title:"Divider Hover",display:{type:"palette-color-picker"}}},defaults:{imageOnHover:"On",entryHoverEffect:"Default",entryHoverShowOption:"Always",cutLabel:"SEE ALL",showVisibility:[!0,!0],textColor:"#000000",textHoverColor:"#FFFFFF",...Xd,...sr({byPrefix:{BColumn:{textFontFamily:"Libre Baskerville"}}},"common"),backgroundColor:"#FFFFFF00",dividerColor:"#373737",backgroundHoverColor:"#000000",dividerHoverColor:"#000000"},layoutDefaults:{m:ao({type:"B",textPaddingLR:.0373,entriesCount:0,cellMinHeight:.02,imageSize:{min:80,max:320},dividerWidth:.004,cut:0,showCut:0,cutCellMinHeight:.043,rowPaddingTop:.01,rowPaddingBottom:.01,typeBDefaults:{rowPaddingTopB:.0461,AColumnPaddingBottom:.041,BColumnPaddingBottom:.041,CColumnPaddingBottom:.0615,DColumnPaddingBottom:0,EColumnPaddingBottom:0},textStroke:.003,textCorners:.192,textPadding:{top:.0373,right:.0373,bottom:.0373,left:.0373},...sr({byPrefix:{AColumn:{textFontSize:.166,textLineHeight:.0435,textTextAlign:"left"},BColumn:{textFontSize:.1,textLineHeight:.0435,textTextAlign:"left"},CColumn:{textFontSize:.0641,textLineHeight:.0692,textTextAlign:"left"},DColumn:{textFontSize:.043,textLineHeight:.043,textTextAlign:"left"},EColumn:{textFontSize:.043,textLineHeight:.043,textTextAlign:"left"}}},"layout")}),d:ao({type:"A",textPaddingLR:.01,entriesCount:0,cellMinHeight:.1152,imageSize:{min:400,max:400},dividerWidth:.00347,cut:5,showCut:0,cutCellMinHeight:.1458,rowPaddingTop:.01,rowPaddingBottom:.01,rowPaddingTopB:.01,textStroke:.001,textCorners:.05,textPadding:{top:.01,right:.01,bottom:.01,left:.01},...sr({byPrefix:{AColumn:{textFontSize:.183,textLineHeight:.01,textLetterSpacing:-.0074,textTextAlign:"left",verticalAlign:"center"},BColumn:{textFontSize:.0694,textLineHeight:.0763,textLetterSpacing:-.00229,textTextAlign:"left",verticalAlign:"center"},CColumn:{textFontSize:.0694,textLineHeight:.0763,textLetterSpacing:-.00138,textTextAlign:"left",verticalAlign:"center"},DColumn:{textFontSize:.01,textLineHeight:.01,textTextAlign:"left"},EColumn:{textFontSize:.01,textLineHeight:.01,textTextAlign:"left"},cutLabel:{textFontSize:.0576,textLineHeight:.01,textTextAlign:"center"}}},"layout")})},displayRules:[...Jd(),...nu.map(e=>({if:{name:"cut",value:0},then:{name:`properties.${e}.display.visible`,value:!1}})),{if:{name:"type",value:"A"},then:{name:"properties.textPaddingLR.display.visible",value:!1}},...ru.map(e=>({if:{name:"type",value:"B"},then:{name:`properties.${e}.display.visible`,value:!1}})),{if:{name:"type",value:"A"},then:{name:"properties.rowPaddingTopB.display.visible",value:!1}},...bn.map(e=>({if:{name:"type",value:"A"},then:{name:`properties.${e}ColumnPaddingBottom.display.visible`,value:!1}}))],layout:["__componentName__","name","type","columns","wrapperWidth","textPaddingLR","entriesCount","cellMinHeight","imageOnHover","imageSize","dividerWidth","showVisibility","cut","showCut","cutCellMinHeight","entryHoverEffect","entryHoverShowOption","cutLabel","rowPaddingTop","rowPaddingBottom","rowPaddingTopB",...ou]},panels:[{id:"general",icon:"cursor",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__","name"]},"type",{type:"row",title:"",items:["columns","wrapperWidth"]},{type:"row",title:"",items:["entriesCount","cellMinHeight"]},{type:"row",title:"",items:["imageOnHover","imageSize"]},{type:"row",title:"Entry Hover",items:["entryHoverEffect","entryHoverShowOption"]},{type:"row",title:"Divider Settings",items:["dividerWidth","showVisibility"]},{type:"row",title:"",items:["cut"]},{type:"row",title:"Cut Settings",items:["cutLabel","cutCellMinHeight"]},{type:"row",title:"",items:["showCut"]}]},{id:"columnsOrder",icon:"layers",title:"Columns Order",tooltip:"Columns order",layout:["columnsOrder"]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:[Zd]}],paletteBookmark:{items:[...Qd],panelIds:["general","typeStyle"],stateItems:{default:["textColor","backgroundColor","dividerColor","textHoverColor","backgroundHoverColor","dividerHoverColor"]}}},su={element:Od,id:"list",name:"Default List",category:"lists",layoutMode:"structured",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Programme_List.png "},version:1,defaultSize:{d:{width:720,height:540}},assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[]},schema:au,sourceCode:Vd},lu=[pl,bl,sc,fc,Lc,Nc,Dc,Gc,id,su];exports.components=lu;exports.isSchemaV1=ra;