@cntrl-site/components 1.0.17-alpha.3 → 1.0.17-alpha.4

package/dist/index.js

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("react"),Xt=require("classnames"),M=require("./readTestimonialTextMeasure-CB_Uq-fO.js"),Si=require("react-dom");function Ba(t){return t.type==="object"&&t.version===1}const Oa="ControlSlider-module__wrapper___sHEkd",Da="ControlSlider-module__hoverArrow___A-dOH",ja="ControlSlider-module__sliderItem___QQSkR",za="ControlSlider-module__sliderImage___9hRl-",Va="ControlSlider-module__arrow___05ghY",Ka="ControlSlider-module__arrowVertical___tBfVN",Ua="ControlSlider-module__nextArrow___-30Yc",Ga="ControlSlider-module__arrowInner___aEra3",qa="ControlSlider-module__arrowIcon___S4ztF",Xa="ControlSlider-module__arrowImg___2dwJW",Ya="ControlSlider-module__mirror___brd6U",Ja="ControlSlider-module__pagination___bicLF",Za="ControlSlider-module__paginationInner___bT-P-",Qa="ControlSlider-module__paginationVertical___zYqKw",ts="ControlSlider-module__paginationItem___nTRbk",es="ControlSlider-module__dot___p1Qun",ns="ControlSlider-module__activeDot___LHFaj",is="ControlSlider-module__paginationInsideBottom___R3FWn",os="ControlSlider-module__paginationInsideTop___V-qb-",rs="ControlSlider-module__paginationOutsideBottom___14w8D",ls="ControlSlider-module__paginationOutsideTop___SCLqB",as="ControlSlider-module__paginationInsideLeft___yOBRZ",ss="ControlSlider-module__paginationInsideRight___Rtt3o",cs="ControlSlider-module__paginationOutsideLeft___lahaw",ds="ControlSlider-module__paginationOutsideRight___EtuQa",us="ControlSlider-module__imgWrapper___UjEgB",ps="ControlSlider-module__captionBlock___dJ6-j",ms="ControlSlider-module__captionTextWrapper___HFlpf",gs="ControlSlider-module__captionText___uGBVc",hs="ControlSlider-module__active___WZK4G",fs="ControlSlider-module__withPointerEvents___t-18M",ys="ControlSlider-module__topLeftAlignment___zjnGM",vs="ControlSlider-module__topCenterAlignment___gD1xW",xs="ControlSlider-module__topRightAlignment___NMapS",bs="ControlSlider-module__middleLeftAlignment___OnUrY",Ss="ControlSlider-module__middleCenterAlignment___Tdkl0",ws="ControlSlider-module__middleRightAlignment___wEbfX",Cs="ControlSlider-module__bottomLeftAlignment___cTP2-",Ts="ControlSlider-module__bottomCenterAlignment___c54fB",$s="ControlSlider-module__bottomRightAlignment___kEwrz",Ls="ControlSlider-module__clickOverlay___DZA28",Is="ControlSlider-module__contain___pLyq7",Es="ControlSlider-module__cover___KdDat",wt={wrapper:Oa,hoverArrow:Da,sliderItem:ja,sliderImage:za,arrow:Va,arrowVertical:Ka,nextArrow:Ua,arrowInner:Ga,arrowIcon:qa,arrowImg:Xa,mirror:Ya,pagination:Ja,paginationInner:Za,paginationVertical:Qa,paginationItem:ts,dot:es,activeDot:ns,paginationInsideBottom:is,paginationInsideTop:os,paginationOutsideBottom:rs,paginationOutsideTop:ls,paginationInsideLeft:as,paginationInsideRight:ss,paginationOutsideLeft:cs,paginationOutsideRight:ds,imgWrapper:us,captionBlock:ps,captionTextWrapper:ms,captionText:gs,active:hs,withPointerEvents:fs,topLeftAlignment:ys,topCenterAlignment:vs,topRightAlignment:xs,middleLeftAlignment:bs,middleCenterAlignment:Ss,middleRightAlignment:ws,bottomLeftAlignment:Cs,bottomCenterAlignment:Ts,bottomRightAlignment:$s,clickOverlay:Ls,contain:Is,cover:Es};function Rs(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function Ms(t,e,n){return e&&Rs(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t}var Or="(prefers-reduced-motion: reduce)",Kn=1,_s=2,Yn=3,ii=4,wi=5,Xi=6,oo=7,Ws={CREATED:Kn,MOUNTED:_s,IDLE:Yn,MOVING:ii,SCROLLING:wi,DRAGGING:Xi,DESTROYED:oo};function mn(t){t.length=0}function Sn(t,e,n){return Array.prototype.slice.call(t,e,n)}function ie(t){return t.bind.apply(t,[null].concat(Sn(arguments,1)))}var Bl=setTimeout,Go=function(){};function Dr(t){return requestAnimationFrame(t)}function po(t,e){return typeof e===t}function di(t){return!ar(t)&&po("object",t)}var lr=Array.isArray,Ol=ie(po,"function"),vn=ie(po,"string"),Ci=ie(po,"undefined");function ar(t){return t===null}function Dl(t){try{return t instanceof(t.ownerDocument.defaultView||window).HTMLElement}catch{return!1}}function Ti(t){return lr(t)?t:[t]}function je(t,e){Ti(t).forEach(e)}function sr(t,e){return t.indexOf(e)>-1}function Yi(t,e){return t.push.apply(t,Ti(e)),t}function sn(t,e,n){t&&je(e,function(i){i&&t.classList[n?"add":"remove"](i)})}function tn(t,e){sn(t,vn(e)?e.split(" "):e,!0)}function $i(t,e){je(e,t.appendChild.bind(t))}function cr(t,e){je(t,function(n){var i=(e||n).parentNode;i&&i.insertBefore(n,e)})}function ui(t,e){return Dl(t)&&(t.msMatchesSelector||t.matches).call(t,e)}function jl(t,e){var n=t?Sn(t.children):[];return e?n.filter(function(i){return ui(i,e)}):n}function Li(t,e){return e?jl(t,e)[0]:t.firstElementChild}var pi=Object.keys;function An(t,e,n){return t&&(n?pi(t).reverse():pi(t)).forEach(function(i){i!=="__proto__"&&e(t[i],i)}),t}function mi(t){return Sn(arguments,1).forEach(function(e){An(e,function(n,i){t[i]=e[i]})}),t}function yn(t){return Sn(arguments,1).forEach(function(e){An(e,function(n,i){lr(n)?t[i]=n.slice():di(n)?t[i]=yn({},di(t[i])?t[i]:{},n):t[i]=n})}),t}function jr(t,e){je(e||pi(t),function(n){delete t[n]})}function en(t,e){je(t,function(n){je(e,function(i){n&&n.removeAttribute(i)})})}function Dt(t,e,n){di(e)?An(e,function(i,r){Dt(t,r,i)}):je(t,function(i){ar(n)||n===""?en(i,e):i.setAttribute(e,String(n))})}function Un(t,e,n){var i=document.createElement(t);return e&&(vn(e)?tn(i,e):Dt(i,e)),n&&$i(n,i),i}function Ge(t,e,n){if(Ci(n))return getComputedStyle(t)[e];ar(n)||(t.style[e]=""+n)}function gi(t,e){Ge(t,"display",e)}function zl(t){t.setActive&&t.setActive()||t.focus({preventScroll:!0})}function qe(t,e){return t.getAttribute(e)}function zr(t,e){return t&&t.classList.contains(e)}function Be(t){return t.getBoundingClientRect()}function Pn(t){je(t,function(e){e&&e.parentNode&&e.parentNode.removeChild(e)})}function Vl(t){return Li(new DOMParser().parseFromString(t,"text/html").body)}function an(t,e){t.preventDefault(),e&&(t.stopPropagation(),t.stopImmediatePropagation())}function Kl(t,e){return t&&t.querySelector(e)}function dr(t,e){return e?Sn(t.querySelectorAll(e)):[]}function cn(t,e){sn(t,e,!1)}function qo(t){return t.timeStamp}function In(t){return vn(t)?t:t?t+"px":""}var Ii="splide",ur="data-"+Ii;function ai(t,e){if(!t)throw new Error("["+Ii+"] "+(e||""))}var xn=Math.min,ro=Math.max,lo=Math.floor,hi=Math.ceil,Pe=Math.abs;function Ul(t,e,n){return Pe(t-e)<n}function Ji(t,e,n,i){var r=xn(e,n),l=ro(e,n);return i?r<t&&t<l:r<=t&&t<=l}function jn(t,e,n){var i=xn(e,n),r=ro(e,n);return xn(ro(i,t),r)}function Xo(t){return+(t>0)-+(t<0)}function Yo(t,e){return je(e,function(n){t=t.replace("%s",""+n)}),t}function pr(t){return t<10?"0"+t:""+t}var Vr={};function As(t){return""+t+pr(Vr[t]=(Vr[t]||0)+1)}function Gl(){var t=[];function e(a,d,s,p){r(a,d,function(u,$,b){var v="addEventListener"in u,m=v?u.removeEventListener.bind(u,$,s,p):u.removeListener.bind(u,s);v?u.addEventListener($,s,p):u.addListener(s),t.push([u,$,b,s,m])})}function n(a,d,s){r(a,d,function(p,u,$){t=t.filter(function(b){return b[0]===p&&b[1]===u&&b[2]===$&&(!s||b[3]===s)?(b[4](),!1):!0})})}function i(a,d,s){var p,u=!0;return typeof CustomEvent=="function"?p=new CustomEvent(d,{bubbles:u,detail:s}):(p=document.createEvent("CustomEvent"),p.initCustomEvent(d,u,!1,s)),a.dispatchEvent(p),p}function r(a,d,s){je(a,function(p){p&&je(d,function(u){u.split(" ").forEach(function($){var b=$.split(".");s(p,b[0],b[1])})})})}function l(){t.forEach(function(a){a[4]()}),mn(t)}return{bind:e,unbind:n,dispatch:i,destroy:l}}var wn="mounted",Jo="ready",gn="move",oi="moved",mr="click",ql="active",Xl="inactive",Yl="visible",Jl="hidden",xe="refresh",_e="updated",Jn="resize",mo="resized",Zl="drag",Ql="dragging",ta="dragged",go="scroll",Fn="scrolled",Ps="overflow",gr="destroy",ea="arrows:mounted",na="arrows:updated",ia="pagination:mounted",oa="pagination:updated",hr="navigation:mounted",fr="autoplay:play",ra="autoplay:playing",yr="autoplay:pause",vr="lazyload:loaded",la="sk",aa="sh",ao="ei";function de(t){var e=t?t.event.bus:document.createDocumentFragment(),n=Gl();function i(l,a){n.bind(e,Ti(l).join(" "),function(d){a.apply(a,lr(d.detail)?d.detail:[])})}function r(l){n.dispatch(e,l,Sn(arguments,1))}return t&&t.event.on(gr,n.destroy),mi(n,{bus:e,on:i,off:ie(n.unbind,e),emit:r})}function ho(t,e,n,i){var r=Date.now,l,a=0,d,s=!0,p=0;function u(){if(!s){if(a=t?xn((r()-l)/t,1):1,n&&n(a),a>=1&&(e(),l=r(),i&&++p>=i))return b();d=Dr(u)}}function $(I){I||m(),l=r()-(I?a*t:0),s=!1,d=Dr(u)}function b(){s=!0}function v(){l=r(),a=0,n&&n(a)}function m(){d&&cancelAnimationFrame(d),a=0,d=0,s=!0}function h(I){t=I}function L(){return s}return{start:$,rewind:v,pause:b,cancel:m,set:h,isPaused:L}}function ks(t){var e=t;function n(r){e=r}function i(r){return sr(Ti(r),e)}return{set:n,is:i}}function Fs(t,e){var n=ho(0,t,null,1);return function(){n.isPaused()&&n.start()}}function Ns(t,e,n){var i=t.state,r=n.breakpoints||{},l=n.reducedMotion||{},a=Gl(),d=[];function s(){var m=n.mediaQuery==="min";pi(r).sort(function(h,L){return m?+h-+L:+L-+h}).forEach(function(h){u(r[h],"("+(m?"min":"max")+"-width:"+h+"px)")}),u(l,Or),$()}function p(m){m&&a.destroy()}function u(m,h){var L=matchMedia(h);a.bind(L,"change",$),d.push([m,L])}function $(){var m=i.is(oo),h=n.direction,L=d.reduce(function(I,x){return yn(I,x[1].matches?x[0]:{})},{});jr(n),v(L),n.destroy?t.destroy(n.destroy==="completely"):m?(p(!0),t.mount()):h!==n.direction&&t.refresh()}function b(m){matchMedia(Or).matches&&(m?yn(n,l):jr(n,pi(l)))}function v(m,h,L){yn(n,m),h&&yn(Object.getPrototypeOf(n),m),(L||!i.is(Kn))&&t.emit(_e,n)}return{setup:s,destroy:p,reduce:b,set:v}}var fo="Arrow",yo=fo+"Left",vo=fo+"Right",sa=fo+"Up",ca=fo+"Down",Kr="rtl",xo="ttb",Ro={width:["height"],left:["top","right"],right:["bottom","left"],x:["y"],X:["Y"],Y:["X"],ArrowLeft:[sa,vo],ArrowRight:[ca,yo]};function Hs(t,e,n){function i(l,a,d){d=d||n.direction;var s=d===Kr&&!a?1:d===xo?0:-1;return Ro[l]&&Ro[l][s]||l.replace(/width|left|right/i,function(p,u){var $=Ro[p.toLowerCase()][s]||p;return u>0?$.charAt(0).toUpperCase()+$.slice(1):$})}function r(l){return l*(n.direction===Kr?1:-1)}return{resolve:i,orient:r}}var dn="role",Gn="tabindex",Bs="disabled",Xe="aria-",Ei=Xe+"controls",da=Xe+"current",Ur=Xe+"selected",Oe=Xe+"label",xr=Xe+"labelledby",ua=Xe+"hidden",br=Xe+"orientation",fi=Xe+"roledescription",Gr=Xe+"live",qr=Xe+"busy",Xr=Xe+"atomic",Sr=[dn,Gn,Bs,Ei,da,Oe,xr,ua,br,fi],nn=Ii+"__",Cn="is-",Mo=Ii,Yr=nn+"track",Os=nn+"list",bo=nn+"slide",pa=bo+"--clone",Ds=bo+"__container",wr=nn+"arrows",So=nn+"arrow",ma=So+"--prev",ga=So+"--next",wo=nn+"pagination",ha=wo+"__page",js=nn+"progress",zs=js+"__bar",Vs=nn+"toggle",Ks=nn+"spinner",Us=nn+"sr",Gs=Cn+"initialized",kn=Cn+"active",fa=Cn+"prev",ya=Cn+"next",Zo=Cn+"visible",Qo=Cn+"loading",va=Cn+"focus-in",xa=Cn+"overflow",qs=[kn,Zo,fa,ya,Qo,va,xa],Xs={slide:bo,clone:pa,arrows:wr,arrow:So,prev:ma,next:ga,pagination:wo,page:ha,spinner:Ks};function Ys(t,e){if(Ol(t.closest))return t.closest(e);for(var n=t;n&&n.nodeType===1&&!ui(n,e);)n=n.parentElement;return n}var Js=5,Jr=200,ba="touchstart mousedown",_o="touchmove mousemove",Wo="touchend touchcancel mouseup click";function Zs(t,e,n){var i=de(t),r=i.on,l=i.bind,a=t.root,d=n.i18n,s={},p=[],u=[],$=[],b,v,m;function h(){S(),O(),x()}function L(){r(xe,I),r(xe,h),r(_e,x),l(document,ba+" keydown",function(w){m=w.type==="keydown"},{capture:!0}),l(a,"focusin",function(){sn(a,va,!!m)})}function I(w){var _=Sr.concat("style");mn(p),cn(a,u),cn(b,$),en([b,v],_),en(a,w?_:["style",fi])}function x(){cn(a,u),cn(b,$),u=D(Mo),$=D(Yr),tn(a,u),tn(b,$),Dt(a,Oe,n.label),Dt(a,xr,n.labelledby)}function S(){b=W("."+Yr),v=Li(b,"."+Os),ai(b&&v,"A track/list element is missing."),Yi(p,jl(v,"."+bo+":not(."+pa+")")),An({arrows:wr,pagination:wo,prev:ma,next:ga,bar:zs,toggle:Vs},function(w,_){s[_]=W("."+w)}),mi(s,{root:a,track:b,list:v,slides:p})}function O(){var w=a.id||As(Ii),_=n.role;a.id=w,b.id=b.id||w+"-track",v.id=v.id||w+"-list",!qe(a,dn)&&a.tagName!=="SECTION"&&_&&Dt(a,dn,_),Dt(a,fi,d.carousel),Dt(v,dn,"presentation")}function W(w){var _=Kl(a,w);return _&&Ys(_,"."+Mo)===a?_:void 0}function D(w){return[w+"--"+n.type,w+"--"+n.direction,n.drag&&w+"--draggable",n.isNavigation&&w+"--nav",w===Mo&&kn]}return mi(s,{setup:h,mount:L,destroy:I})}var Zn="slide",ri="loop",Ri="fade";function Qs(t,e,n,i){var r=de(t),l=r.on,a=r.emit,d=r.bind,s=t.Components,p=t.root,u=t.options,$=u.isNavigation,b=u.updateOnMove,v=u.i18n,m=u.pagination,h=u.slideFocus,L=s.Direction.resolve,I=qe(i,"style"),x=qe(i,Oe),S=n>-1,O=Li(i,"."+Ds),W;function D(){S||(i.id=p.id+"-slide"+pr(e+1),Dt(i,dn,m?"tabpanel":"group"),Dt(i,fi,v.slide),Dt(i,Oe,x||Yo(v.slideLabel,[e+1,t.length]))),w()}function w(){d(i,"click",ie(a,mr,U)),d(i,"keydown",ie(a,la,U)),l([oi,aa,Fn],C),l(hr,V),b&&l(gn,g)}function _(){W=!0,r.destroy(),cn(i,qs),en(i,Sr),Dt(i,"style",I),Dt(i,Oe,x||"")}function V(){var P=t.splides.map(function(T){var H=T.splide.Components.Slides.getAt(e);return H?H.slide.id:""}).join(" ");Dt(i,Oe,Yo(v.slideX,(S?n:e)+1)),Dt(i,Ei,P),Dt(i,dn,h?"button":""),h&&en(i,fi)}function g(){W||C()}function C(){if(!W){var P=t.index;A(),F(),sn(i,fa,e===P-1),sn(i,ya,e===P+1)}}function A(){var P=at();P!==zr(i,kn)&&(sn(i,kn,P),Dt(i,da,$&&P||""),a(P?ql:Xl,U))}function F(){var P=N(),T=!P&&(!at()||S);if(t.state.is([ii,wi])||Dt(i,ua,T||""),Dt(dr(i,u.focusableNodes||""),Gn,T?-1:""),h&&Dt(i,Gn,T?-1:0),P!==zr(i,Zo)&&(sn(i,Zo,P),a(P?Yl:Jl,U)),!P&&document.activeElement===i){var H=s.Slides.getAt(t.index);H&&zl(H.slide)}}function q(P,T,H){Ge(H&&O||i,P,T)}function at(){var P=t.index;return P===e||u.cloneStatus&&P===n}function N(){if(t.is(Ri))return at();var P=Be(s.Elements.track),T=Be(i),H=L("left",!0),J=L("right",!0);return lo(P[H])<=hi(T[H])&&lo(T[J])<=hi(P[J])}function j(P,T){var H=Pe(P-e);return!S&&(u.rewind||t.is(ri))&&(H=xn(H,t.length-H)),H<=T}var U={index:e,slideIndex:n,slide:i,container:O,isClone:S,mount:D,destroy:_,update:C,style:q,isWithin:j};return U}function tc(t,e,n){var i=de(t),r=i.on,l=i.emit,a=i.bind,d=e.Elements,s=d.slides,p=d.list,u=[];function $(){b(),r(xe,v),r(xe,b)}function b(){s.forEach(function(C,A){h(C,A,-1)})}function v(){W(function(C){C.destroy()}),mn(u)}function m(){W(function(C){C.update()})}function h(C,A,F){var q=Qs(t,A,F,C);q.mount(),u.push(q),u.sort(function(at,N){return at.index-N.index})}function L(C){return C?D(function(A){return!A.isClone}):u}function I(C){var A=e.Controller,F=A.toIndex(C),q=A.hasFocus()?1:n.perPage;return D(function(at){return Ji(at.index,F,F+q-1)})}function x(C){return D(C)[0]}function S(C,A){je(C,function(F){if(vn(F)&&(F=Vl(F)),Dl(F)){var q=s[A];q?cr(F,q):$i(p,F),tn(F,n.classes.slide),_(F,ie(l,Jn))}}),l(xe)}function O(C){Pn(D(C).map(function(A){return A.slide})),l(xe)}function W(C,A){L(A).forEach(C)}function D(C){return u.filter(Ol(C)?C:function(A){return vn(C)?ui(A.slide,C):sr(Ti(C),A.index)})}function w(C,A,F){W(function(q){q.style(C,A,F)})}function _(C,A){var F=dr(C,"img"),q=F.length;q?F.forEach(function(at){a(at,"load error",function(){--q||A()})}):A()}function V(C){return C?s.length:u.length}function g(){return u.length>n.perPage}return{mount:$,destroy:v,update:m,register:h,get:L,getIn:I,getAt:x,add:S,remove:O,forEach:W,filter:D,style:w,getLength:V,isEnough:g}}function ec(t,e,n){var i=de(t),r=i.on,l=i.bind,a=i.emit,d=e.Slides,s=e.Direction.resolve,p=e.Elements,u=p.root,$=p.track,b=p.list,v=d.getAt,m=d.style,h,L,I;function x(){S(),l(window,"resize load",Fs(ie(a,Jn))),r([_e,xe],S),r(Jn,O)}function S(){h=n.direction===xo,Ge(u,"maxWidth",In(n.width)),Ge($,s("paddingLeft"),W(!1)),Ge($,s("paddingRight"),W(!0)),O(!0)}function O(U){var P=Be(u);(U||L.width!==P.width||L.height!==P.height)&&(Ge($,"height",D()),m(s("marginRight"),In(n.gap)),m("width",_()),m("height",V(),!0),L=P,a(mo),I!==(I=j())&&(sn(u,xa,I),a(Ps,I)))}function W(U){var P=n.padding,T=s(U?"right":"left");return P&&In(P[T]||(di(P)?0:P))||"0px"}function D(){var U="";return h&&(U=w(),ai(U,"height or heightRatio is missing."),U="calc("+U+" - "+W(!1)+" - "+W(!0)+")"),U}function w(){return In(n.height||Be(b).width*n.heightRatio)}function _(){return n.autoWidth?null:In(n.fixedWidth)||(h?"":g())}function V(){return In(n.fixedHeight)||(h?n.autoHeight?null:g():w())}function g(){var U=In(n.gap);return"calc((100%"+(U&&" + "+U)+")/"+(n.perPage||1)+(U&&" - "+U)+")"}function C(){return Be(b)[s("width")]}function A(U,P){var T=v(U||0);return T?Be(T.slide)[s("width")]+(P?0:at()):0}function F(U,P){var T=v(U);if(T){var H=Be(T.slide)[s("right")],J=Be(b)[s("left")];return Pe(H-J)+(P?0:at())}return 0}function q(U){return F(t.length-1)-F(0)+A(0,U)}function at(){var U=v(0);return U&&parseFloat(Ge(U.slide,s("marginRight")))||0}function N(U){return parseFloat(Ge($,s("padding"+(U?"Right":"Left"))))||0}function j(){return t.is(Ri)||q(!0)>C()}return{mount:x,resize:O,listSize:C,slideSize:A,sliderSize:q,totalSize:F,getPadding:N,isOverflow:j}}var nc=2;function ic(t,e,n){var i=de(t),r=i.on,l=e.Elements,a=e.Slides,d=e.Direction.resolve,s=[],p;function u(){r(xe,$),r([_e,Jn],v),(p=L())&&(m(p),e.Layout.resize(!0))}function $(){b(),u()}function b(){Pn(s),mn(s),i.destroy()}function v(){var I=L();p!==I&&(p<I||!I)&&i.emit(xe)}function m(I){var x=a.get().slice(),S=x.length;if(S){for(;x.length<I;)Yi(x,x);Yi(x.slice(-I),x.slice(0,I)).forEach(function(O,W){var D=W<I,w=h(O.slide,W);D?cr(w,x[0].slide):$i(l.list,w),Yi(s,w),a.register(w,W-I+(D?0:S),O.index)})}}function h(I,x){var S=I.cloneNode(!0);return tn(S,n.classes.clone),S.id=t.root.id+"-clone"+pr(x+1),S}function L(){var I=n.clones;if(!t.is(ri))I=0;else if(Ci(I)){var x=n[d("fixedWidth")]&&e.Layout.slideSize(0),S=x&&hi(Be(l.track)[d("width")]/x);I=S||n[d("autoWidth")]&&t.length||n.perPage*nc}return I}return{mount:u,destroy:b}}function oc(t,e,n){var i=de(t),r=i.on,l=i.emit,a=t.state.set,d=e.Layout,s=d.slideSize,p=d.getPadding,u=d.totalSize,$=d.listSize,b=d.sliderSize,v=e.Direction,m=v.resolve,h=v.orient,L=e.Elements,I=L.list,x=L.track,S;function O(){S=e.Transition,r([wn,mo,_e,xe],W)}function W(){e.Controller.isBusy()||(e.Scroll.cancel(),w(t.index),e.Slides.update())}function D(T,H,J,Z){T!==H&&U(T>J)&&(C(),_(g(q(),T>J),!0)),a(ii),l(gn,H,J,T),S.start(H,function(){a(Yn),l(oi,H,J,T),Z&&Z()})}function w(T){_(F(T,!0))}function _(T,H){if(!t.is(Ri)){var J=H?T:V(T);Ge(I,"transform","translate"+m("X")+"("+J+"px)"),T!==J&&l(aa)}}function V(T){if(t.is(ri)){var H=A(T),J=H>e.Controller.getEnd(),Z=H<0;(Z||J)&&(T=g(T,J))}return T}function g(T,H){var J=T-j(H),Z=b();return T-=h(Z*(hi(Pe(J)/Z)||1))*(H?1:-1),T}function C(){_(q(),!0),S.cancel()}function A(T){for(var H=e.Slides.get(),J=0,Z=1/0,R=0;R<H.length;R++){var tt=H[R].index,f=Pe(F(tt,!0)-T);if(f<=Z)Z=f,J=tt;else break}return J}function F(T,H){var J=h(u(T-1)-N(T));return H?at(J):J}function q(){var T=m("left");return Be(I)[T]-Be(x)[T]+h(p(!1))}function at(T){return n.trimSpace&&t.is(Zn)&&(T=jn(T,0,h(b(!0)-$()))),T}function N(T){var H=n.focus;return H==="center"?($()-s(T,!0))/2:+H*s(T)||0}function j(T){return F(T?e.Controller.getEnd():0,!!n.trimSpace)}function U(T){var H=h(g(q(),T));return T?H>=0:H<=I[m("scrollWidth")]-Be(x)[m("width")]}function P(T,H){H=Ci(H)?q():H;var J=T!==!0&&h(H)<h(j(!1)),Z=T!==!1&&h(H)>h(j(!0));return J||Z}return{mount:O,move:D,jump:w,translate:_,shift:g,cancel:C,toIndex:A,toPosition:F,getPosition:q,getLimit:j,exceededLimit:P,reposition:W}}function rc(t,e,n){var i=de(t),r=i.on,l=i.emit,a=e.Move,d=a.getPosition,s=a.getLimit,p=a.toPosition,u=e.Slides,$=u.isEnough,b=u.getLength,v=n.omitEnd,m=t.is(ri),h=t.is(Zn),L=ie(q,!1),I=ie(q,!0),x=n.start||0,S,O=x,W,D,w;function _(){V(),r([_e,xe,ao],V),r(mo,g)}function V(){W=b(!0),D=n.perMove,w=n.perPage,S=U();var f=jn(x,0,v?S:W-1);f!==x&&(x=f,a.reposition())}function g(){S!==U()&&l(ao)}function C(f,ot,Q){if(!tt()){var ut=F(f),bt=j(ut);bt>-1&&(ot||bt!==x)&&(J(bt),a.move(ut,bt,O,Q))}}function A(f,ot,Q,ut){e.Scroll.scroll(f,ot,Q,function(){var bt=j(a.toIndex(d()));J(v?xn(bt,S):bt),ut&&ut()})}function F(f){var ot=x;if(vn(f)){var Q=f.match(/([+\-<>])(\d+)?/)||[],ut=Q[1],bt=Q[2];ut==="+"||ut==="-"?ot=at(x+ +(""+ut+(+bt||1)),x):ut===">"?ot=bt?P(+bt):L(!0):ut==="<"&&(ot=I(!0))}else ot=m?f:jn(f,0,S);return ot}function q(f,ot){var Q=D||(R()?1:w),ut=at(x+Q*(f?-1:1),x,!(D||R()));return ut===-1&&h&&!Ul(d(),s(!f),1)?f?0:S:ot?ut:j(ut)}function at(f,ot,Q){if($()||R()){var ut=N(f);ut!==f&&(ot=f,f=ut,Q=!1),f<0||f>S?!D&&(Ji(0,f,ot,!0)||Ji(S,ot,f,!0))?f=P(T(f)):m?f=Q?f<0?-(W%w||w):W:f:n.rewind?f=f<0?S:0:f=-1:Q&&f!==ot&&(f=P(T(ot)+(f<ot?-1:1)))}else f=-1;return f}function N(f){if(h&&n.trimSpace==="move"&&f!==x)for(var ot=d();ot===p(f,!0)&&Ji(f,0,t.length-1,!n.rewind);)f<x?--f:++f;return f}function j(f){return m?(f+W)%W||0:f}function U(){for(var f=W-(R()||m&&D?1:w);v&&f-- >0;)if(p(W-1,!0)!==p(f,!0)){f++;break}return jn(f,0,W-1)}function P(f){return jn(R()?f:w*f,0,S)}function T(f){return R()?xn(f,S):lo((f>=S?W-1:f)/w)}function H(f){var ot=a.toIndex(f);return h?jn(ot,0,S):ot}function J(f){f!==x&&(O=x,x=f)}function Z(f){return f?O:x}function R(){return!Ci(n.focus)||n.isNavigation}function tt(){return t.state.is([ii,wi])&&!!n.waitForTransition}return{mount:_,go:C,scroll:A,getNext:L,getPrev:I,getAdjacent:q,getEnd:U,setIndex:J,getIndex:Z,toIndex:P,toPage:T,toDest:H,hasFocus:R,isBusy:tt}}var lc="http://www.w3.org/2000/svg",ac="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",ki=40;function sc(t,e,n){var i=de(t),r=i.on,l=i.bind,a=i.emit,d=n.classes,s=n.i18n,p=e.Elements,u=e.Controller,$=p.arrows,b=p.track,v=$,m=p.prev,h=p.next,L,I,x={};function S(){W(),r(_e,O)}function O(){D(),S()}function W(){var A=n.arrows;A&&!(m&&h)&&V(),m&&h&&(mi(x,{prev:m,next:h}),gi(v,A?"":"none"),tn(v,I=wr+"--"+n.direction),A&&(w(),C(),Dt([m,h],Ei,b.id),a(ea,m,h)))}function D(){i.destroy(),cn(v,I),L?(Pn($?[m,h]:v),m=h=null):en([m,h],Sr)}function w(){r([wn,oi,xe,Fn,ao],C),l(h,"click",ie(_,">")),l(m,"click",ie(_,"<"))}function _(A){u.go(A,!0)}function V(){v=$||Un("div",d.arrows),m=g(!0),h=g(!1),L=!0,$i(v,[m,h]),!$&&cr(v,b)}function g(A){var F='<button class="'+d.arrow+" "+(A?d.prev:d.next)+'" type="button"><svg xmlns="'+lc+'" viewBox="0 0 '+ki+" "+ki+'" width="'+ki+'" height="'+ki+'" focusable="false"><path d="'+(n.arrowPath||ac)+'" />';return Vl(F)}function C(){if(m&&h){var A=t.index,F=u.getPrev(),q=u.getNext(),at=F>-1&&A<F?s.last:s.prev,N=q>-1&&A>q?s.first:s.next;m.disabled=F<0,h.disabled=q<0,Dt(m,Oe,at),Dt(h,Oe,N),a(na,m,h,F,q)}}return{arrows:x,mount:S,destroy:D,update:C}}var cc=ur+"-interval";function dc(t,e,n){var i=de(t),r=i.on,l=i.bind,a=i.emit,d=ho(n.interval,t.go.bind(t,">"),w),s=d.isPaused,p=e.Elements,u=e.Elements,$=u.root,b=u.toggle,v=n.autoplay,m,h,L=v==="pause";function I(){v&&(x(),b&&Dt(b,Ei,p.track.id),L||S(),D())}function x(){n.pauseOnHover&&l($,"mouseenter mouseleave",function(V){m=V.type==="mouseenter",W()}),n.pauseOnFocus&&l($,"focusin focusout",function(V){h=V.type==="focusin",W()}),b&&l(b,"click",function(){L?S():O(!0)}),r([gn,go,xe],d.rewind),r(gn,_)}function S(){s()&&e.Slides.isEnough()&&(d.start(!n.resetProgress),h=m=L=!1,D(),a(fr))}function O(V){V===void 0&&(V=!0),L=!!V,D(),s()||(d.pause(),a(yr))}function W(){L||(m||h?O(!1):S())}function D(){b&&(sn(b,kn,!L),Dt(b,Oe,n.i18n[L?"play":"pause"]))}function w(V){var g=p.bar;g&&Ge(g,"width",V*100+"%"),a(ra,V)}function _(V){var g=e.Slides.getAt(V);d.set(g&&+qe(g.slide,cc)||n.interval)}return{mount:I,destroy:d.cancel,play:S,pause:O,isPaused:s}}function uc(t,e,n){var i=de(t),r=i.on;function l(){n.cover&&(r(vr,ie(d,!0)),r([wn,_e,xe],ie(a,!0)))}function a(s){e.Slides.forEach(function(p){var u=Li(p.container||p.slide,"img");u&&u.src&&d(s,u,p)})}function d(s,p,u){u.style("background",s?'center/cover no-repeat url("'+p.src+'")':"",!0),gi(p,s?"none":"")}return{mount:l,destroy:ie(a,!1)}}var pc=10,mc=600,gc=.6,hc=1.5,fc=800;function yc(t,e,n){var i=de(t),r=i.on,l=i.emit,a=t.state.set,d=e.Move,s=d.getPosition,p=d.getLimit,u=d.exceededLimit,$=d.translate,b=t.is(Zn),v,m,h=1;function L(){r(gn,O),r([_e,xe],W)}function I(w,_,V,g,C){var A=s();if(O(),V&&(!b||!u())){var F=e.Layout.sliderSize(),q=Xo(w)*F*lo(Pe(w)/F)||0;w=d.toPosition(e.Controller.toDest(w%F))+q}var at=Ul(A,w,1);h=1,_=at?0:_||ro(Pe(w-A)/hc,fc),m=g,v=ho(_,x,ie(S,A,w,C),1),a(wi),l(go),v.start()}function x(){a(Yn),m&&m(),l(Fn)}function S(w,_,V,g){var C=s(),A=w+(_-w)*D(g),F=(A-C)*h;$(C+F),b&&!V&&u()&&(h*=gc,Pe(F)<pc&&I(p(u(!0)),mc,!1,m,!0))}function O(){v&&v.cancel()}function W(){v&&!v.isPaused()&&(O(),x())}function D(w){var _=n.easingFunc;return _?_(w):1-Math.pow(1-w,4)}return{mount:L,destroy:O,scroll:I,cancel:W}}var zn={passive:!1,capture:!0};function vc(t,e,n){var i=de(t),r=i.on,l=i.emit,a=i.bind,d=i.unbind,s=t.state,p=e.Move,u=e.Scroll,$=e.Controller,b=e.Elements.track,v=e.Media.reduce,m=e.Direction,h=m.resolve,L=m.orient,I=p.getPosition,x=p.exceededLimit,S,O,W,D,w,_=!1,V,g,C;function A(){a(b,_o,Go,zn),a(b,Wo,Go,zn),a(b,ba,q,zn),a(b,"click",j,{capture:!0}),a(b,"dragstart",an),r([wn,_e],F)}function F(){var z=n.drag;yt(!z),D=z==="free"}function q(z){if(V=!1,!g){var B=bt(z);ut(z.target)&&(B||!z.button)&&($.isBusy()?an(z,!0):(C=B?b:window,w=s.is([ii,wi]),W=null,a(C,_o,at,zn),a(C,Wo,N,zn),p.cancel(),u.cancel(),U(z)))}}function at(z){if(s.is(Xi)||(s.set(Xi),l(Zl)),z.cancelable)if(w){p.translate(S+Q(R(z)));var B=tt(z)>Jr,it=_!==(_=x());(B||it)&&U(z),V=!0,l(Ql),an(z)}else H(z)&&(w=T(z),an(z))}function N(z){s.is(Xi)&&(s.set(Yn),l(ta)),w&&(P(z),an(z)),d(C,_o,at),d(C,Wo,N),w=!1}function j(z){!g&&V&&an(z,!0)}function U(z){W=O,O=z,S=I()}function P(z){var B=J(z),it=Z(B),st=n.rewind&&n.rewindByDrag;v(!1),D?$.scroll(it,0,n.snap):t.is(Ri)?$.go(L(Xo(B))<0?st?"<":"-":st?">":"+"):t.is(Zn)&&_&&st?$.go(x(!0)?">":"<"):$.go($.toDest(it),!0),v(!0)}function T(z){var B=n.dragMinThreshold,it=di(B),st=it&&B.mouse||0,Lt=(it?B.touch:+B)||10;return Pe(R(z))>(bt(z)?Lt:st)}function H(z){return Pe(R(z))>Pe(R(z,!0))}function J(z){if(t.is(ri)||!_){var B=tt(z);if(B&&B<Jr)return R(z)/B}return 0}function Z(z){return I()+Xo(z)*xn(Pe(z)*(n.flickPower||600),D?1/0:e.Layout.listSize()*(n.flickMaxPages||1))}function R(z,B){return ot(z,B)-ot(f(z),B)}function tt(z){return qo(z)-qo(f(z))}function f(z){return O===z&&W||O}function ot(z,B){return(bt(z)?z.changedTouches[0]:z)["page"+h(B?"Y":"X")]}function Q(z){return z/(_&&t.is(Zn)?Js:1)}function ut(z){var B=n.noDrag;return!ui(z,"."+ha+", ."+So)&&(!B||!ui(z,B))}function bt(z){return typeof TouchEvent<"u"&&z instanceof TouchEvent}function ct(){return w}function yt(z){g=z}return{mount:A,disable:yt,isDragging:ct}}var xc={Spacebar:" ",Right:vo,Left:yo,Up:sa,Down:ca};function Cr(t){return t=vn(t)?t:t.key,xc[t]||t}var Zr="keydown";function bc(t,e,n){var i=de(t),r=i.on,l=i.bind,a=i.unbind,d=t.root,s=e.Direction.resolve,p,u;function $(){b(),r(_e,v),r(_e,b),r(gn,h)}function b(){var I=n.keyboard;I&&(p=I==="global"?window:d,l(p,Zr,L))}function v(){a(p,Zr)}function m(I){u=I}function h(){var I=u;u=!0,Bl(function(){u=I})}function L(I){if(!u){var x=Cr(I);x===s(yo)?t.go("<"):x===s(vo)&&t.go(">")}}return{mount:$,destroy:v,disable:m}}var si=ur+"-lazy",Zi=si+"-srcset",Sc="["+si+"], ["+Zi+"]";function wc(t,e,n){var i=de(t),r=i.on,l=i.off,a=i.bind,d=i.emit,s=n.lazyLoad==="sequential",p=[oi,Fn],u=[];function $(){n.lazyLoad&&(b(),r(xe,b))}function b(){mn(u),v(),s?I():(l(p),r(p,m),m())}function v(){e.Slides.forEach(function(x){dr(x.slide,Sc).forEach(function(S){var O=qe(S,si),W=qe(S,Zi);if(O!==S.src||W!==S.srcset){var D=n.classes.spinner,w=S.parentElement,_=Li(w,"."+D)||Un("span",D,w);u.push([S,x,_]),S.src||gi(S,"none")}})})}function m(){u=u.filter(function(x){var S=n.perPage*((n.preloadPages||1)+1)-1;return x[1].isWithin(t.index,S)?h(x):!0}),u.length||l(p)}function h(x){var S=x[0];tn(x[1].slide,Qo),a(S,"load error",ie(L,x)),Dt(S,"src",qe(S,si)),Dt(S,"srcset",qe(S,Zi)),en(S,si),en(S,Zi)}function L(x,S){var O=x[0],W=x[1];cn(W.slide,Qo),S.type!=="error"&&(Pn(x[2]),gi(O,""),d(vr,O,W),d(Jn)),s&&I()}function I(){u.length&&h(u.shift())}return{mount:$,destroy:ie(mn,u),check:m}}function Cc(t,e,n){var i=de(t),r=i.on,l=i.emit,a=i.bind,d=e.Slides,s=e.Elements,p=e.Controller,u=p.hasFocus,$=p.getIndex,b=p.go,v=e.Direction.resolve,m=s.pagination,h=[],L,I;function x(){S(),r([_e,xe,ao],x);var g=n.pagination;m&&gi(m,g?"":"none"),g&&(r([gn,go,Fn],V),O(),V(),l(ia,{list:L,items:h},_(t.index)))}function S(){L&&(Pn(m?Sn(L.children):L),cn(L,I),mn(h),L=null),i.destroy()}function O(){var g=t.length,C=n.classes,A=n.i18n,F=n.perPage,q=u()?p.getEnd()+1:hi(g/F);L=m||Un("ul",C.pagination,s.track.parentElement),tn(L,I=wo+"--"+w()),Dt(L,dn,"tablist"),Dt(L,Oe,A.select),Dt(L,br,w()===xo?"vertical":"");for(var at=0;at<q;at++){var N=Un("li",null,L),j=Un("button",{class:C.page,type:"button"},N),U=d.getIn(at).map(function(T){return T.slide.id}),P=!u()&&F>1?A.pageX:A.slideX;a(j,"click",ie(W,at)),n.paginationKeyboard&&a(j,"keydown",ie(D,at)),Dt(N,dn,"presentation"),Dt(j,dn,"tab"),Dt(j,Ei,U.join(" ")),Dt(j,Oe,Yo(P,at+1)),Dt(j,Gn,-1),h.push({li:N,button:j,page:at})}}function W(g){b(">"+g,!0)}function D(g,C){var A=h.length,F=Cr(C),q=w(),at=-1;F===v(vo,!1,q)?at=++g%A:F===v(yo,!1,q)?at=(--g+A)%A:F==="Home"?at=0:F==="End"&&(at=A-1);var N=h[at];N&&(zl(N.button),b(">"+at),an(C,!0))}function w(){return n.paginationDirection||n.direction}function _(g){return h[p.toPage(g)]}function V(){var g=_($(!0)),C=_($());if(g){var A=g.button;cn(A,kn),en(A,Ur),Dt(A,Gn,-1)}if(C){var F=C.button;tn(F,kn),Dt(F,Ur,!0),Dt(F,Gn,"")}l(oa,{list:L,items:h},g,C)}return{items:h,mount:x,destroy:S,getAt:_,update:V}}var Tc=[" ","Enter"];function $c(t,e,n){var i=n.isNavigation,r=n.slideFocus,l=[];function a(){t.splides.forEach(function(m){m.isParent||(p(t,m.splide),p(m.splide,t))}),i&&u()}function d(){l.forEach(function(m){m.destroy()}),mn(l)}function s(){d(),a()}function p(m,h){var L=de(m);L.on(gn,function(I,x,S){h.go(h.is(ri)?S:I)}),l.push(L)}function u(){var m=de(t),h=m.on;h(mr,b),h(la,v),h([wn,_e],$),l.push(m),m.emit(hr,t.splides)}function $(){Dt(e.Elements.list,br,n.direction===xo?"vertical":"")}function b(m){t.go(m.index)}function v(m,h){sr(Tc,Cr(h))&&(b(m),an(h))}return{setup:ie(e.Media.set,{slideFocus:Ci(r)?i:r},!0),mount:a,destroy:d,remount:s}}function Lc(t,e,n){var i=de(t),r=i.bind,l=0;function a(){n.wheel&&r(e.Elements.track,"wheel",d,zn)}function d(p){if(p.cancelable){var u=p.deltaY,$=u<0,b=qo(p),v=n.wheelMinThreshold||0,m=n.wheelSleep||0;Pe(u)>v&&b-l>m&&(t.go($?"<":">"),l=b),s($)&&an(p)}}function s(p){return!n.releaseWheel||t.state.is(ii)||e.Controller.getAdjacent(p)!==-1}return{mount:a}}var Ic=90;function Ec(t,e,n){var i=de(t),r=i.on,l=e.Elements.track,a=n.live&&!n.isNavigation,d=Un("span",Us),s=ho(Ic,ie(u,!1));function p(){a&&(b(!e.Autoplay.isPaused()),Dt(l,Xr,!0),d.textContent="…",r(fr,ie(b,!0)),r(yr,ie(b,!1)),r([oi,Fn],ie(u,!0)))}function u(v){Dt(l,qr,v),v?($i(l,d),s.start()):(Pn(d),s.cancel())}function $(){en(l,[Gr,Xr,qr]),Pn(d)}function b(v){a&&Dt(l,Gr,v?"off":"polite")}return{mount:p,disable:b,destroy:$}}var Rc=Object.freeze({__proto__:null,Media:Ns,Direction:Hs,Elements:Zs,Slides:tc,Layout:ec,Clones:ic,Move:oc,Controller:rc,Arrows:sc,Autoplay:dc,Cover:uc,Scroll:yc,Drag:vc,Keyboard:bc,LazyLoad:wc,Pagination:Cc,Sync:$c,Wheel:Lc,Live:Ec}),Mc={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"},_c={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:Xs,i18n:Mc,reducedMotion:{speed:0,rewindSpeed:0,autoplay:"pause"}};function Wc(t,e,n){var i=e.Slides;function r(){de(t).on([wn,xe],l)}function l(){i.forEach(function(d){d.style("transform","translateX(-"+100*d.index+"%)")})}function a(d,s){i.style("transition","opacity "+n.speed+"ms "+n.easing),Bl(s)}return{mount:r,start:a,cancel:Go}}function Ac(t,e,n){var i=e.Move,r=e.Controller,l=e.Scroll,a=e.Elements.list,d=ie(Ge,a,"transition"),s;function p(){de(t).bind(a,"transitionend",function(v){v.target===a&&s&&($(),s())})}function u(v,m){var h=i.toPosition(v,!0),L=i.getPosition(),I=b(v);Pe(h-L)>=1&&I>=1?n.useScroll?l.scroll(h,I,!1,m):(d("transform "+I+"ms "+n.easing),i.translate(h,!0),s=m):(i.jump(v),m())}function $(){d(""),l.cancel()}function b(v){var m=n.rewindSpeed;if(t.is(Zn)&&m){var h=r.getIndex(!0),L=r.getEnd();if(h===0&&v>=L||h>=L&&v===0)return m}return n.speed}return{mount:p,start:u,cancel:$}}var Pc=(function(){function t(n,i){this.event=de(),this.Components={},this.state=ks(Kn),this.splides=[],this._o={},this._E={};var r=vn(n)?Kl(document,n):n;ai(r,r+" is invalid."),this.root=r,i=yn({label:qe(r,Oe)||"",labelledby:qe(r,xr)||""},_c,t.defaults,i||{});try{yn(i,JSON.parse(qe(r,ur)))}catch{ai(!1,"Invalid JSON")}this._o=Object.create(yn({},i))}var e=t.prototype;return e.mount=function(i,r){var l=this,a=this.state,d=this.Components;ai(a.is([Kn,oo]),"Already mounted!"),a.set(Kn),this._C=d,this._T=r||this._T||(this.is(Ri)?Wc:Ac),this._E=i||this._E;var s=mi({},Rc,this._E,{Transition:this._T});return An(s,function(p,u){var $=p(l,d,l._o);d[u]=$,$.setup&&$.setup()}),An(d,function(p){p.mount&&p.mount()}),this.emit(wn),tn(this.root,Gs),a.set(Yn),this.emit(Jo),this},e.sync=function(i){return this.splides.push({splide:i}),i.splides.push({splide:this,isParent:!0}),this.state.is(Yn)&&(this._C.Sync.remount(),i.Components.Sync.remount()),this},e.go=function(i){return this._C.Controller.go(i),this},e.on=function(i,r){return this.event.on(i,r),this},e.off=function(i){return this.event.off(i),this},e.emit=function(i){var r;return(r=this.event).emit.apply(r,[i].concat(Sn(arguments,1))),this},e.add=function(i,r){return this._C.Slides.add(i,r),this},e.remove=function(i){return this._C.Slides.remove(i),this},e.is=function(i){return this._o.type===i},e.refresh=function(){return this.emit(xe),this},e.destroy=function(i){i===void 0&&(i=!0);var r=this.event,l=this.state;return l.is(Kn)?de(this).on(Jo,this.destroy.bind(this,i)):(An(this._C,function(a){a.destroy&&a.destroy(i)},!0),r.emit(gr),r.destroy(),i&&mn(this.splides),l.set(oo)),this},Ms(t,[{key:"options",get:function(){return this._o},set:function(i){this._C.Media.set(i,!0,!0)}},{key:"length",get:function(){return this._C.Slides.getLength(!0)}},{key:"index",get:function(){return this._C.Controller.getIndex()}}]),t})(),Tr=Pc;Tr.defaults={};Tr.STATES=Ws;var Qr=[[wn,"onMounted"],[Jo,"onReady"],[gn,"onMove"],[oi,"onMoved"],[mr,"onClick"],[ql,"onActive"],[Xl,"onInactive"],[Yl,"onVisible"],[Jl,"onHidden"],[xe,"onRefresh"],[_e,"onUpdated"],[Jn,"onResize"],[mo,"onResized"],[Zl,"onDrag"],[Ql,"onDragging"],[ta,"onDragged"],[go,"onScroll"],[Fn,"onScrolled"],[gr,"onDestroy"],[ea,"onArrowsMounted"],[na,"onArrowsUpdated"],[ia,"onPaginationMounted"],[oa,"onPaginationUpdated"],[hr,"onNavigationMounted"],[fr,"onAutoplayPlay"],[ra,"onAutoplayPlaying"],[yr,"onAutoplayPause"],[vr,"onLazyLoadLoaded"]];function $r(...t){return t.filter(Boolean).join(" ")}function so(t){return t!==null&&typeof t=="object"}function tr(t,e){if(Array.isArray(t)&&Array.isArray(e))return t.length===e.length&&!t.some((n,i)=>!tr(n,e[i]));if(so(t)&&so(e)){const n=Object.keys(t),i=Object.keys(e);return n.length===i.length&&!n.some(r=>!Object.prototype.hasOwnProperty.call(e,r)||!tr(t[r],e[r]))}return t===e}function kc(t,e){return t.length===e.length&&!t.some((n,i)=>n!==e[i])}function Fc(t,e){if(t){const n=Object.keys(t);for(let i=0;i<n.length;i++){const r=n[i];if(r!=="__proto__"&&e(t[r],r)===!1)break}}return t}function er(t,e){const n=t;return Fc(e,(i,r)=>{Array.isArray(i)?n[r]=i.slice():so(i)?n[r]=er(so(n[r])?n[r]:{},i):n[r]=i}),n}var Nc=({children:t,className:e,...n})=>c.createElement("div",{className:$r("splide__track",e),...n},c.createElement("ul",{className:"splide__list"},t)),Lr=class extends c.Component{constructor(){super(...arguments),this.splideRef=c.createRef(),this.slides=[]}componentDidMount(){const{options:t,extensions:e,transition:n}=this.props,{current:i}=this.splideRef;i&&(this.splide=new Tr(i,t),this.bind(this.splide),this.splide.mount(e,n),this.options=er({},t||{}),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:t}=this.props;t&&!tr(this.options,t)&&(this.splide.options=t,this.options=er({},t));const e=this.getSlides();kc(this.slides,e)||(this.splide.refresh(),this.slides=e)}sync(t){var e;(e=this.splide)==null||e.sync(t)}go(t){var e;(e=this.splide)==null||e.go(t)}getSlides(){var t;if(this.splide){const e=(t=this.splide.Components.Elements)==null?void 0:t.list.children;return e&&Array.prototype.slice.call(e)||[]}return[]}bind(t){Qr.forEach(([e,n])=>{const i=this.props[n];typeof i=="function"&&t.on(e,(...r)=>{i(t,...r)})})}omit(t,e){return e.forEach(n=>{Object.prototype.hasOwnProperty.call(t,n)&&delete t[n]}),t}render(){const{className:t,tag:e="div",hasTrack:n=!0,children:i,...r}=this.props;return c.createElement(e,{className:$r("splide",t),ref:this.splideRef,...this.omit(r,["options",...Qr.map(l=>l[1])])},n?c.createElement(Nc,null,i):i)}},Ir=({children:t,className:e,...n})=>c.createElement("li",{className:$r("splide__slide",e),...n},t);/*!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("react"),Xt=require("classnames"),I=require("./readTestimonialTextMeasure-CB_Uq-fO.js"),Li=require("react-dom");function Ks(t){return t.type==="object"&&t.version===1}const Us="ControlSlider-module__wrapper___sHEkd",Gs="ControlSlider-module__hoverArrow___A-dOH",qs="ControlSlider-module__sliderItem___QQSkR",Xs="ControlSlider-module__sliderImage___9hRl-",Ys="ControlSlider-module__arrow___05ghY",Js="ControlSlider-module__arrowVertical___tBfVN",Zs="ControlSlider-module__nextArrow___-30Yc",Qs="ControlSlider-module__arrowInner___aEra3",ta="ControlSlider-module__arrowIcon___S4ztF",ea="ControlSlider-module__arrowImg___2dwJW",na="ControlSlider-module__mirror___brd6U",ia="ControlSlider-module__pagination___bicLF",oa="ControlSlider-module__paginationInner___bT-P-",ra="ControlSlider-module__paginationVertical___zYqKw",la="ControlSlider-module__paginationItem___nTRbk",sa="ControlSlider-module__dot___p1Qun",aa="ControlSlider-module__activeDot___LHFaj",ca="ControlSlider-module__paginationInsideBottom___R3FWn",da="ControlSlider-module__paginationInsideTop___V-qb-",ua="ControlSlider-module__paginationOutsideBottom___14w8D",pa="ControlSlider-module__paginationOutsideTop___SCLqB",ma="ControlSlider-module__paginationInsideLeft___yOBRZ",ga="ControlSlider-module__paginationInsideRight___Rtt3o",ha="ControlSlider-module__paginationOutsideLeft___lahaw",fa="ControlSlider-module__paginationOutsideRight___EtuQa",ya="ControlSlider-module__imgWrapper___UjEgB",va="ControlSlider-module__captionBlock___dJ6-j",xa="ControlSlider-module__captionTextWrapper___HFlpf",ba="ControlSlider-module__captionText___uGBVc",Sa="ControlSlider-module__active___WZK4G",wa="ControlSlider-module__withPointerEvents___t-18M",Ca="ControlSlider-module__topLeftAlignment___zjnGM",Ta="ControlSlider-module__topCenterAlignment___gD1xW",$a="ControlSlider-module__topRightAlignment___NMapS",La="ControlSlider-module__middleLeftAlignment___OnUrY",Ia="ControlSlider-module__middleCenterAlignment___Tdkl0",Ea="ControlSlider-module__middleRightAlignment___wEbfX",Ra="ControlSlider-module__bottomLeftAlignment___cTP2-",Ma="ControlSlider-module__bottomCenterAlignment___c54fB",_a="ControlSlider-module__bottomRightAlignment___kEwrz",Wa="ControlSlider-module__clickOverlay___DZA28",Aa="ControlSlider-module__contain___pLyq7",Pa="ControlSlider-module__cover___KdDat",bt={wrapper:Us,hoverArrow:Gs,sliderItem:qs,sliderImage:Xs,arrow:Ys,arrowVertical:Js,nextArrow:Zs,arrowInner:Qs,arrowIcon:ta,arrowImg:ea,mirror:na,pagination:ia,paginationInner:oa,paginationVertical:ra,paginationItem:la,dot:sa,activeDot:aa,paginationInsideBottom:ca,paginationInsideTop:da,paginationOutsideBottom:ua,paginationOutsideTop:pa,paginationInsideLeft:ma,paginationInsideRight:ga,paginationOutsideLeft:ha,paginationOutsideRight:fa,imgWrapper:ya,captionBlock:va,captionTextWrapper:xa,captionText:ba,active:Sa,withPointerEvents:wa,topLeftAlignment:Ca,topCenterAlignment:Ta,topRightAlignment:$a,middleLeftAlignment:La,middleCenterAlignment:Ia,middleRightAlignment:Ea,bottomLeftAlignment:Ra,bottomCenterAlignment:Ma,bottomRightAlignment:_a,clickOverlay:Wa,contain:Aa,cover:Pa};function ka(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function Fa(t,e,n){return e&&ka(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t}var Kr="(prefers-reduced-motion: reduce)",Yn=1,Na=2,ti=3,si=4,Ii=5,Qi=6,ao=7,Ha={CREATED:Yn,MOUNTED:Na,IDLE:ti,MOVING:si,SCROLLING:Ii,DRAGGING:Qi,DESTROYED:ao};function vn(t){t.length=0}function Rn(t,e,n){return Array.prototype.slice.call(t,e,n)}function ae(t){return t.bind.apply(t,[null].concat(Rn(arguments,1)))}var Vl=setTimeout,Jo=function(){};function Ur(t){return requestAnimationFrame(t)}function fo(t,e){return typeof e===t}function hi(t){return!ur(t)&&fo("object",t)}var dr=Array.isArray,Kl=ae(fo,"function"),Ln=ae(fo,"string"),Ei=ae(fo,"undefined");function ur(t){return t===null}function Ul(t){try{return t instanceof(t.ownerDocument.defaultView||window).HTMLElement}catch{return!1}}function Ri(t){return dr(t)?t:[t]}function qe(t,e){Ri(t).forEach(e)}function pr(t,e){return t.indexOf(e)>-1}function to(t,e){return t.push.apply(t,Ri(e)),t}function mn(t,e,n){t&&qe(e,function(i){i&&t.classList[n?"add":"remove"](i)})}function on(t,e){mn(t,Ln(e)?e.split(" "):e,!0)}function Mi(t,e){qe(e,t.appendChild.bind(t))}function mr(t,e){qe(t,function(n){var i=(e||n).parentNode;i&&i.insertBefore(n,e)})}function fi(t,e){return Ul(t)&&(t.msMatchesSelector||t.matches).call(t,e)}function Gl(t,e){var n=t?Rn(t.children):[];return e?n.filter(function(i){return fi(i,e)}):n}function _i(t,e){return e?Gl(t,e)[0]:t.firstElementChild}var yi=Object.keys;function Bn(t,e,n){return t&&(n?yi(t).reverse():yi(t)).forEach(function(i){i!=="__proto__"&&e(t[i],i)}),t}function vi(t){return Rn(arguments,1).forEach(function(e){Bn(e,function(n,i){t[i]=e[i]})}),t}function $n(t){return Rn(arguments,1).forEach(function(e){Bn(e,function(n,i){dr(n)?t[i]=n.slice():hi(n)?t[i]=$n({},hi(t[i])?t[i]:{},n):t[i]=n})}),t}function Gr(t,e){qe(e||yi(t),function(n){delete t[n]})}function rn(t,e){qe(t,function(n){qe(e,function(i){n&&n.removeAttribute(i)})})}function Bt(t,e,n){hi(e)?Bn(e,function(i,r){Bt(t,r,i)}):qe(t,function(i){ur(n)||n===""?rn(i,e):i.setAttribute(e,String(n))})}function Jn(t,e,n){var i=document.createElement(t);return e&&(Ln(e)?on(i,e):Bt(i,e)),n&&Mi(n,i),i}function Ye(t,e,n){if(Ei(n))return getComputedStyle(t)[e];ur(n)||(t.style[e]=""+n)}function xi(t,e){Ye(t,"display",e)}function ql(t){t.setActive&&t.setActive()||t.focus({preventScroll:!0})}function Je(t,e){return t.getAttribute(e)}function qr(t,e){return t&&t.classList.contains(e)}function Ke(t){return t.getBoundingClientRect()}function On(t){qe(t,function(e){e&&e.parentNode&&e.parentNode.removeChild(e)})}function Xl(t){return _i(new DOMParser().parseFromString(t,"text/html").body)}function pn(t,e){t.preventDefault(),e&&(t.stopPropagation(),t.stopImmediatePropagation())}function Yl(t,e){return t&&t.querySelector(e)}function gr(t,e){return e?Rn(t.querySelectorAll(e)):[]}function gn(t,e){mn(t,e,!1)}function Zo(t){return t.timeStamp}function An(t){return Ln(t)?t:t?t+"px":""}var Wi="splide",hr="data-"+Wi;function pi(t,e){if(!t)throw new Error("["+Wi+"] "+(e||""))}var In=Math.min,co=Math.max,uo=Math.floor,bi=Math.ceil,Be=Math.abs;function Jl(t,e,n){return Be(t-e)<n}function eo(t,e,n,i){var r=In(e,n),l=co(e,n);return i?r<t&&t<l:r<=t&&t<=l}function Gn(t,e,n){var i=In(e,n),r=co(e,n);return In(co(i,t),r)}function Qo(t){return+(t>0)-+(t<0)}function tr(t,e){return qe(e,function(n){t=t.replace("%s",""+n)}),t}function fr(t){return t<10?"0"+t:""+t}var Xr={};function Ba(t){return""+t+fr(Xr[t]=(Xr[t]||0)+1)}function Zl(){var t=[];function e(s,d,a,p){r(s,d,function(u,S,x){var y="addEventListener"in u,m=y?u.removeEventListener.bind(u,S,a,p):u.removeListener.bind(u,a);y?u.addEventListener(S,a,p):u.addListener(a),t.push([u,S,x,a,m])})}function n(s,d,a){r(s,d,function(p,u,S){t=t.filter(function(x){return x[0]===p&&x[1]===u&&x[2]===S&&(!a||x[3]===a)?(x[4](),!1):!0})})}function i(s,d,a){var p,u=!0;return typeof CustomEvent=="function"?p=new CustomEvent(d,{bubbles:u,detail:a}):(p=document.createEvent("CustomEvent"),p.initCustomEvent(d,u,!1,a)),s.dispatchEvent(p),p}function r(s,d,a){qe(s,function(p){p&&qe(d,function(u){u.split(" ").forEach(function(S){var x=S.split(".");a(p,x[0],x[1])})})})}function l(){t.forEach(function(s){s[4]()}),vn(t)}return{bind:e,unbind:n,dispatch:i,destroy:l}}var Mn="mounted",er="ready",xn="move",ai="moved",yr="click",Ql="active",ts="inactive",es="visible",ns="hidden",Le="refresh",Pe="updated",ei="resize",yo="resized",is="drag",os="dragging",rs="dragged",vo="scroll",jn="scrolled",Oa="overflow",vr="destroy",ls="arrows:mounted",ss="arrows:updated",as="pagination:mounted",cs="pagination:updated",xr="navigation:mounted",br="autoplay:play",ds="autoplay:playing",Sr="autoplay:pause",wr="lazyload:loaded",us="sk",ps="sh",po="ei";function xe(t){var e=t?t.event.bus:document.createDocumentFragment(),n=Zl();function i(l,s){n.bind(e,Ri(l).join(" "),function(d){s.apply(s,dr(d.detail)?d.detail:[])})}function r(l){n.dispatch(e,l,Rn(arguments,1))}return t&&t.event.on(vr,n.destroy),vi(n,{bus:e,on:i,off:ae(n.unbind,e),emit:r})}function xo(t,e,n,i){var r=Date.now,l,s=0,d,a=!0,p=0;function u(){if(!a){if(s=t?In((r()-l)/t,1):1,n&&n(s),s>=1&&(e(),l=r(),i&&++p>=i))return x();d=Ur(u)}}function S(w){w||m(),l=r()-(w?s*t:0),a=!1,d=Ur(u)}function x(){a=!0}function y(){l=r(),s=0,n&&n(s)}function m(){d&&cancelAnimationFrame(d),s=0,d=0,a=!0}function f(w){t=w}function L(){return a}return{start:S,rewind:y,pause:x,cancel:m,set:f,isPaused:L}}function Da(t){var e=t;function n(r){e=r}function i(r){return pr(Ri(r),e)}return{set:n,is:i}}function ja(t,e){var n=xo(0,t,null,1);return function(){n.isPaused()&&n.start()}}function za(t,e,n){var i=t.state,r=n.breakpoints||{},l=n.reducedMotion||{},s=Zl(),d=[];function a(){var m=n.mediaQuery==="min";yi(r).sort(function(f,L){return m?+f-+L:+L-+f}).forEach(function(f){u(r[f],"("+(m?"min":"max")+"-width:"+f+"px)")}),u(l,Kr),S()}function p(m){m&&s.destroy()}function u(m,f){var L=matchMedia(f);s.bind(L,"change",S),d.push([m,L])}function S(){var m=i.is(ao),f=n.direction,L=d.reduce(function(w,$){return $n(w,$[1].matches?$[0]:{})},{});Gr(n),y(L),n.destroy?t.destroy(n.destroy==="completely"):m?(p(!0),t.mount()):f!==n.direction&&t.refresh()}function x(m){matchMedia(Kr).matches&&(m?$n(n,l):Gr(n,yi(l)))}function y(m,f,L){$n(n,m),f&&$n(Object.getPrototypeOf(n),m),(L||!i.is(Yn))&&t.emit(Pe,n)}return{setup:a,destroy:p,reduce:x,set:y}}var bo="Arrow",So=bo+"Left",wo=bo+"Right",ms=bo+"Up",gs=bo+"Down",Yr="rtl",Co="ttb",Wo={width:["height"],left:["top","right"],right:["bottom","left"],x:["y"],X:["Y"],Y:["X"],ArrowLeft:[ms,wo],ArrowRight:[gs,So]};function Va(t,e,n){function i(l,s,d){d=d||n.direction;var a=d===Yr&&!s?1:d===Co?0:-1;return Wo[l]&&Wo[l][a]||l.replace(/width|left|right/i,function(p,u){var S=Wo[p.toLowerCase()][a]||p;return u>0?S.charAt(0).toUpperCase()+S.slice(1):S})}function r(l){return l*(n.direction===Yr?1:-1)}return{resolve:i,orient:r}}var hn="role",Zn="tabindex",Ka="disabled",Ze="aria-",Ai=Ze+"controls",hs=Ze+"current",Jr=Ze+"selected",Ue=Ze+"label",Cr=Ze+"labelledby",fs=Ze+"hidden",Tr=Ze+"orientation",Si=Ze+"roledescription",Zr=Ze+"live",Qr=Ze+"busy",tl=Ze+"atomic",$r=[hn,Zn,Ka,Ai,hs,Ue,Cr,fs,Tr,Si],ln=Wi+"__",_n="is-",Ao=Wi,el=ln+"track",Ua=ln+"list",To=ln+"slide",ys=To+"--clone",Ga=To+"__container",Lr=ln+"arrows",$o=ln+"arrow",vs=$o+"--prev",xs=$o+"--next",Lo=ln+"pagination",bs=Lo+"__page",qa=ln+"progress",Xa=qa+"__bar",Ya=ln+"toggle",Ja=ln+"spinner",Za=ln+"sr",Qa=_n+"initialized",Dn=_n+"active",Ss=_n+"prev",ws=_n+"next",nr=_n+"visible",ir=_n+"loading",Cs=_n+"focus-in",Ts=_n+"overflow",tc=[Dn,nr,Ss,ws,ir,Cs,Ts],ec={slide:To,clone:ys,arrows:Lr,arrow:$o,prev:vs,next:xs,pagination:Lo,page:bs,spinner:Ja};function nc(t,e){if(Kl(t.closest))return t.closest(e);for(var n=t;n&&n.nodeType===1&&!fi(n,e);)n=n.parentElement;return n}var ic=5,nl=200,$s="touchstart mousedown",Po="touchmove mousemove",ko="touchend touchcancel mouseup click";function oc(t,e,n){var i=xe(t),r=i.on,l=i.bind,s=t.root,d=n.i18n,a={},p=[],u=[],S=[],x,y,m;function f(){C(),P(),$()}function L(){r(Le,w),r(Le,f),r(Pe,$),l(document,$s+" keydown",function(b){m=b.type==="keydown"},{capture:!0}),l(s,"focusin",function(){mn(s,Cs,!!m)})}function w(b){var M=$r.concat("style");vn(p),gn(s,u),gn(x,S),rn([x,y],M),rn(s,b?M:["style",Si])}function $(){gn(s,u),gn(x,S),u=k(Ao),S=k(el),on(s,u),on(x,S),Bt(s,Ue,n.label),Bt(s,Cr,n.labelledby)}function C(){x=E("."+el),y=_i(x,"."+Ua),pi(x&&y,"A track/list element is missing."),to(p,Gl(y,"."+To+":not(."+ys+")")),Bn({arrows:Lr,pagination:Lo,prev:vs,next:xs,bar:Xa,toggle:Ya},function(b,M){a[M]=E("."+b)}),vi(a,{root:s,track:x,list:y,slides:p})}function P(){var b=s.id||Ba(Wi),M=n.role;s.id=b,x.id=x.id||b+"-track",y.id=y.id||b+"-list",!Je(s,hn)&&s.tagName!=="SECTION"&&M&&Bt(s,hn,M),Bt(s,Si,d.carousel),Bt(y,hn,"presentation")}function E(b){var M=Yl(s,b);return M&&nc(M,"."+Ao)===s?M:void 0}function k(b){return[b+"--"+n.type,b+"--"+n.direction,n.drag&&b+"--draggable",n.isNavigation&&b+"--nav",b===Ao&&Dn]}return vi(a,{setup:f,mount:L,destroy:w})}var ni="slide",ci="loop",Pi="fade";function rc(t,e,n,i){var r=xe(t),l=r.on,s=r.emit,d=r.bind,a=t.Components,p=t.root,u=t.options,S=u.isNavigation,x=u.updateOnMove,y=u.i18n,m=u.pagination,f=u.slideFocus,L=a.Direction.resolve,w=Je(i,"style"),$=Je(i,Ue),C=n>-1,P=_i(i,"."+Ga),E;function k(){C||(i.id=p.id+"-slide"+fr(e+1),Bt(i,hn,m?"tabpanel":"group"),Bt(i,Si,y.slide),Bt(i,Ue,$||tr(y.slideLabel,[e+1,t.length]))),b()}function b(){d(i,"click",ae(s,yr,G)),d(i,"keydown",ae(s,us,G)),l([ai,ps,jn],T),l(xr,z),x&&l(xn,h)}function M(){E=!0,r.destroy(),gn(i,tc),rn(i,$r),Bt(i,"style",w),Bt(i,Ue,$||"")}function z(){var K=t.splides.map(function(H){var q=H.splide.Components.Slides.getAt(e);return q?q.slide.id:""}).join(" ");Bt(i,Ue,tr(y.slideX,(C?n:e)+1)),Bt(i,Ai,K),Bt(i,hn,f?"button":""),f&&rn(i,Si)}function h(){E||T()}function T(){if(!E){var K=t.index;_(),N(),mn(i,Ss,e===K-1),mn(i,ws,e===K+1)}}function _(){var K=at();K!==qr(i,Dn)&&(mn(i,Dn,K),Bt(i,hs,S&&K||""),s(K?Ql:ts,G))}function N(){var K=O(),H=!K&&(!at()||C);if(t.state.is([si,Ii])||Bt(i,fs,H||""),Bt(gr(i,u.focusableNodes||""),Zn,H?-1:""),f&&Bt(i,Zn,H?-1:0),K!==qr(i,nr)&&(mn(i,nr,K),s(K?es:ns,G)),!K&&document.activeElement===i){var q=a.Slides.getAt(t.index);q&&ql(q.slide)}}function V(K,H,q){Ye(q&&P||i,K,H)}function at(){var K=t.index;return K===e||u.cloneStatus&&K===n}function O(){if(t.is(Pi))return at();var K=Ke(a.Elements.track),H=Ke(i),q=L("left",!0),et=L("right",!0);return uo(K[q])<=bi(H[q])&&uo(H[et])<=bi(K[et])}function W(K,H){var q=Be(K-e);return!C&&(u.rewind||t.is(ci))&&(q=In(q,t.length-q)),q<=H}var G={index:e,slideIndex:n,slide:i,container:P,isClone:C,mount:k,destroy:M,update:T,style:V,isWithin:W};return G}function lc(t,e,n){var i=xe(t),r=i.on,l=i.emit,s=i.bind,d=e.Elements,a=d.slides,p=d.list,u=[];function S(){x(),r(Le,y),r(Le,x)}function x(){a.forEach(function(T,_){f(T,_,-1)})}function y(){E(function(T){T.destroy()}),vn(u)}function m(){E(function(T){T.update()})}function f(T,_,N){var V=rc(t,_,N,T);V.mount(),u.push(V),u.sort(function(at,O){return at.index-O.index})}function L(T){return T?k(function(_){return!_.isClone}):u}function w(T){var _=e.Controller,N=_.toIndex(T),V=_.hasFocus()?1:n.perPage;return k(function(at){return eo(at.index,N,N+V-1)})}function $(T){return k(T)[0]}function C(T,_){qe(T,function(N){if(Ln(N)&&(N=Xl(N)),Ul(N)){var V=a[_];V?mr(N,V):Mi(p,N),on(N,n.classes.slide),M(N,ae(l,ei))}}),l(Le)}function P(T){On(k(T).map(function(_){return _.slide})),l(Le)}function E(T,_){L(_).forEach(T)}function k(T){return u.filter(Kl(T)?T:function(_){return Ln(T)?fi(_.slide,T):pr(Ri(T),_.index)})}function b(T,_,N){E(function(V){V.style(T,_,N)})}function M(T,_){var N=gr(T,"img"),V=N.length;V?N.forEach(function(at){s(at,"load error",function(){--V||_()})}):_()}function z(T){return T?a.length:u.length}function h(){return u.length>n.perPage}return{mount:S,destroy:y,update:m,register:f,get:L,getIn:w,getAt:$,add:C,remove:P,forEach:E,filter:k,style:b,getLength:z,isEnough:h}}function sc(t,e,n){var i=xe(t),r=i.on,l=i.bind,s=i.emit,d=e.Slides,a=e.Direction.resolve,p=e.Elements,u=p.root,S=p.track,x=p.list,y=d.getAt,m=d.style,f,L,w;function $(){C(),l(window,"resize load",ja(ae(s,ei))),r([Pe,Le],C),r(ei,P)}function C(){f=n.direction===Co,Ye(u,"maxWidth",An(n.width)),Ye(S,a("paddingLeft"),E(!1)),Ye(S,a("paddingRight"),E(!0)),P(!0)}function P(G){var K=Ke(u);(G||L.width!==K.width||L.height!==K.height)&&(Ye(S,"height",k()),m(a("marginRight"),An(n.gap)),m("width",M()),m("height",z(),!0),L=K,s(yo),w!==(w=W())&&(mn(u,Ts,w),s(Oa,w)))}function E(G){var K=n.padding,H=a(G?"right":"left");return K&&An(K[H]||(hi(K)?0:K))||"0px"}function k(){var G="";return f&&(G=b(),pi(G,"height or heightRatio is missing."),G="calc("+G+" - "+E(!1)+" - "+E(!0)+")"),G}function b(){return An(n.height||Ke(x).width*n.heightRatio)}function M(){return n.autoWidth?null:An(n.fixedWidth)||(f?"":h())}function z(){return An(n.fixedHeight)||(f?n.autoHeight?null:h():b())}function h(){var G=An(n.gap);return"calc((100%"+(G&&" + "+G)+")/"+(n.perPage||1)+(G&&" - "+G)+")"}function T(){return Ke(x)[a("width")]}function _(G,K){var H=y(G||0);return H?Ke(H.slide)[a("width")]+(K?0:at()):0}function N(G,K){var H=y(G);if(H){var q=Ke(H.slide)[a("right")],et=Ke(x)[a("left")];return Be(q-et)+(K?0:at())}return 0}function V(G){return N(t.length-1)-N(0)+_(0,G)}function at(){var G=y(0);return G&&parseFloat(Ye(G.slide,a("marginRight")))||0}function O(G){return parseFloat(Ye(S,a("padding"+(G?"Right":"Left"))))||0}function W(){return t.is(Pi)||V(!0)>T()}return{mount:$,resize:P,listSize:T,slideSize:_,sliderSize:V,totalSize:N,getPadding:O,isOverflow:W}}var ac=2;function cc(t,e,n){var i=xe(t),r=i.on,l=e.Elements,s=e.Slides,d=e.Direction.resolve,a=[],p;function u(){r(Le,S),r([Pe,ei],y),(p=L())&&(m(p),e.Layout.resize(!0))}function S(){x(),u()}function x(){On(a),vn(a),i.destroy()}function y(){var w=L();p!==w&&(p<w||!w)&&i.emit(Le)}function m(w){var $=s.get().slice(),C=$.length;if(C){for(;$.length<w;)to($,$);to($.slice(-w),$.slice(0,w)).forEach(function(P,E){var k=E<w,b=f(P.slide,E);k?mr(b,$[0].slide):Mi(l.list,b),to(a,b),s.register(b,E-w+(k?0:C),P.index)})}}function f(w,$){var C=w.cloneNode(!0);return on(C,n.classes.clone),C.id=t.root.id+"-clone"+fr($+1),C}function L(){var w=n.clones;if(!t.is(ci))w=0;else if(Ei(w)){var $=n[d("fixedWidth")]&&e.Layout.slideSize(0),C=$&&bi(Ke(l.track)[d("width")]/$);w=C||n[d("autoWidth")]&&t.length||n.perPage*ac}return w}return{mount:u,destroy:x}}function dc(t,e,n){var i=xe(t),r=i.on,l=i.emit,s=t.state.set,d=e.Layout,a=d.slideSize,p=d.getPadding,u=d.totalSize,S=d.listSize,x=d.sliderSize,y=e.Direction,m=y.resolve,f=y.orient,L=e.Elements,w=L.list,$=L.track,C;function P(){C=e.Transition,r([Mn,yo,Pe,Le],E)}function E(){e.Controller.isBusy()||(e.Scroll.cancel(),b(t.index),e.Slides.update())}function k(H,q,et,lt){H!==q&&G(H>et)&&(T(),M(h(V(),H>et),!0)),s(si),l(xn,q,et,H),C.start(q,function(){s(ti),l(ai,q,et,H),lt&&lt()})}function b(H){M(N(H,!0))}function M(H,q){if(!t.is(Pi)){var et=q?H:z(H);Ye(w,"transform","translate"+m("X")+"("+et+"px)"),H!==et&&l(ps)}}function z(H){if(t.is(ci)){var q=_(H),et=q>e.Controller.getEnd(),lt=q<0;(lt||et)&&(H=h(H,et))}return H}function h(H,q){var et=H-W(q),lt=x();return H-=f(lt*(bi(Be(et)/lt)||1))*(q?1:-1),H}function T(){M(V(),!0),C.cancel()}function _(H){for(var q=e.Slides.get(),et=0,lt=1/0,F=0;F<q.length;F++){var ct=q[F].index,g=Be(N(ct,!0)-H);if(g<=lt)lt=g,et=ct;else break}return et}function N(H,q){var et=f(u(H-1)-O(H));return q?at(et):et}function V(){var H=m("left");return Ke(w)[H]-Ke($)[H]+f(p(!1))}function at(H){return n.trimSpace&&t.is(ni)&&(H=Gn(H,0,f(x(!0)-S()))),H}function O(H){var q=n.focus;return q==="center"?(S()-a(H,!0))/2:+q*a(H)||0}function W(H){return N(H?e.Controller.getEnd():0,!!n.trimSpace)}function G(H){var q=f(h(V(),H));return H?q>=0:q<=w[m("scrollWidth")]-Ke($)[m("width")]}function K(H,q){q=Ei(q)?V():q;var et=H!==!0&&f(q)<f(W(!1)),lt=H!==!1&&f(q)>f(W(!0));return et||lt}return{mount:P,move:k,jump:b,translate:M,shift:h,cancel:T,toIndex:_,toPosition:N,getPosition:V,getLimit:W,exceededLimit:K,reposition:E}}function uc(t,e,n){var i=xe(t),r=i.on,l=i.emit,s=e.Move,d=s.getPosition,a=s.getLimit,p=s.toPosition,u=e.Slides,S=u.isEnough,x=u.getLength,y=n.omitEnd,m=t.is(ci),f=t.is(ni),L=ae(V,!1),w=ae(V,!0),$=n.start||0,C,P=$,E,k,b;function M(){z(),r([Pe,Le,po],z),r(yo,h)}function z(){E=x(!0),k=n.perMove,b=n.perPage,C=G();var g=Gn($,0,y?C:E-1);g!==$&&($=g,s.reposition())}function h(){C!==G()&&l(po)}function T(g,nt,ft){if(!ct()){var it=N(g),wt=W(it);wt>-1&&(nt||wt!==$)&&(et(wt),s.move(it,wt,P,ft))}}function _(g,nt,ft,it){e.Scroll.scroll(g,nt,ft,function(){var wt=W(s.toIndex(d()));et(y?In(wt,C):wt),it&&it()})}function N(g){var nt=$;if(Ln(g)){var ft=g.match(/([+\-<>])(\d+)?/)||[],it=ft[1],wt=ft[2];it==="+"||it==="-"?nt=at($+ +(""+it+(+wt||1)),$):it===">"?nt=wt?K(+wt):L(!0):it==="<"&&(nt=w(!0))}else nt=m?g:Gn(g,0,C);return nt}function V(g,nt){var ft=k||(F()?1:b),it=at($+ft*(g?-1:1),$,!(k||F()));return it===-1&&f&&!Jl(d(),a(!g),1)?g?0:C:nt?it:W(it)}function at(g,nt,ft){if(S()||F()){var it=O(g);it!==g&&(nt=g,g=it,ft=!1),g<0||g>C?!k&&(eo(0,g,nt,!0)||eo(C,nt,g,!0))?g=K(H(g)):m?g=ft?g<0?-(E%b||b):E:g:n.rewind?g=g<0?C:0:g=-1:ft&&g!==nt&&(g=K(H(nt)+(g<nt?-1:1)))}else g=-1;return g}function O(g){if(f&&n.trimSpace==="move"&&g!==$)for(var nt=d();nt===p(g,!0)&&eo(g,0,t.length-1,!n.rewind);)g<$?--g:++g;return g}function W(g){return m?(g+E)%E||0:g}function G(){for(var g=E-(F()||m&&k?1:b);y&&g-- >0;)if(p(E-1,!0)!==p(g,!0)){g++;break}return Gn(g,0,E-1)}function K(g){return Gn(F()?g:b*g,0,C)}function H(g){return F()?In(g,C):uo((g>=C?E-1:g)/b)}function q(g){var nt=s.toIndex(g);return f?Gn(nt,0,C):nt}function et(g){g!==$&&(P=$,$=g)}function lt(g){return g?P:$}function F(){return!Ei(n.focus)||n.isNavigation}function ct(){return t.state.is([si,Ii])&&!!n.waitForTransition}return{mount:M,go:T,scroll:_,getNext:L,getPrev:w,getAdjacent:V,getEnd:G,setIndex:et,getIndex:lt,toIndex:K,toPage:H,toDest:q,hasFocus:F,isBusy:ct}}var pc="http://www.w3.org/2000/svg",mc="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",Bi=40;function gc(t,e,n){var i=xe(t),r=i.on,l=i.bind,s=i.emit,d=n.classes,a=n.i18n,p=e.Elements,u=e.Controller,S=p.arrows,x=p.track,y=S,m=p.prev,f=p.next,L,w,$={};function C(){E(),r(Pe,P)}function P(){k(),C()}function E(){var _=n.arrows;_&&!(m&&f)&&z(),m&&f&&(vi($,{prev:m,next:f}),xi(y,_?"":"none"),on(y,w=Lr+"--"+n.direction),_&&(b(),T(),Bt([m,f],Ai,x.id),s(ls,m,f)))}function k(){i.destroy(),gn(y,w),L?(On(S?[m,f]:y),m=f=null):rn([m,f],$r)}function b(){r([Mn,ai,Le,jn,po],T),l(f,"click",ae(M,">")),l(m,"click",ae(M,"<"))}function M(_){u.go(_,!0)}function z(){y=S||Jn("div",d.arrows),m=h(!0),f=h(!1),L=!0,Mi(y,[m,f]),!S&&mr(y,x)}function h(_){var N='<button class="'+d.arrow+" "+(_?d.prev:d.next)+'" type="button"><svg xmlns="'+pc+'" viewBox="0 0 '+Bi+" "+Bi+'" width="'+Bi+'" height="'+Bi+'" focusable="false"><path d="'+(n.arrowPath||mc)+'" />';return Xl(N)}function T(){if(m&&f){var _=t.index,N=u.getPrev(),V=u.getNext(),at=N>-1&&_<N?a.last:a.prev,O=V>-1&&_>V?a.first:a.next;m.disabled=N<0,f.disabled=V<0,Bt(m,Ue,at),Bt(f,Ue,O),s(ss,m,f,N,V)}}return{arrows:$,mount:C,destroy:k,update:T}}var hc=hr+"-interval";function fc(t,e,n){var i=xe(t),r=i.on,l=i.bind,s=i.emit,d=xo(n.interval,t.go.bind(t,">"),b),a=d.isPaused,p=e.Elements,u=e.Elements,S=u.root,x=u.toggle,y=n.autoplay,m,f,L=y==="pause";function w(){y&&($(),x&&Bt(x,Ai,p.track.id),L||C(),k())}function $(){n.pauseOnHover&&l(S,"mouseenter mouseleave",function(z){m=z.type==="mouseenter",E()}),n.pauseOnFocus&&l(S,"focusin focusout",function(z){f=z.type==="focusin",E()}),x&&l(x,"click",function(){L?C():P(!0)}),r([xn,vo,Le],d.rewind),r(xn,M)}function C(){a()&&e.Slides.isEnough()&&(d.start(!n.resetProgress),f=m=L=!1,k(),s(br))}function P(z){z===void 0&&(z=!0),L=!!z,k(),a()||(d.pause(),s(Sr))}function E(){L||(m||f?P(!1):C())}function k(){x&&(mn(x,Dn,!L),Bt(x,Ue,n.i18n[L?"play":"pause"]))}function b(z){var h=p.bar;h&&Ye(h,"width",z*100+"%"),s(ds,z)}function M(z){var h=e.Slides.getAt(z);d.set(h&&+Je(h.slide,hc)||n.interval)}return{mount:w,destroy:d.cancel,play:C,pause:P,isPaused:a}}function yc(t,e,n){var i=xe(t),r=i.on;function l(){n.cover&&(r(wr,ae(d,!0)),r([Mn,Pe,Le],ae(s,!0)))}function s(a){e.Slides.forEach(function(p){var u=_i(p.container||p.slide,"img");u&&u.src&&d(a,u,p)})}function d(a,p,u){u.style("background",a?'center/cover no-repeat url("'+p.src+'")':"",!0),xi(p,a?"none":"")}return{mount:l,destroy:ae(s,!1)}}var vc=10,xc=600,bc=.6,Sc=1.5,wc=800;function Cc(t,e,n){var i=xe(t),r=i.on,l=i.emit,s=t.state.set,d=e.Move,a=d.getPosition,p=d.getLimit,u=d.exceededLimit,S=d.translate,x=t.is(ni),y,m,f=1;function L(){r(xn,P),r([Pe,Le],E)}function w(b,M,z,h,T){var _=a();if(P(),z&&(!x||!u())){var N=e.Layout.sliderSize(),V=Qo(b)*N*uo(Be(b)/N)||0;b=d.toPosition(e.Controller.toDest(b%N))+V}var at=Jl(_,b,1);f=1,M=at?0:M||co(Be(b-_)/Sc,wc),m=h,y=xo(M,$,ae(C,_,b,T),1),s(Ii),l(vo),y.start()}function $(){s(ti),m&&m(),l(jn)}function C(b,M,z,h){var T=a(),_=b+(M-b)*k(h),N=(_-T)*f;S(T+N),x&&!z&&u()&&(f*=bc,Be(N)<vc&&w(p(u(!0)),xc,!1,m,!0))}function P(){y&&y.cancel()}function E(){y&&!y.isPaused()&&(P(),$())}function k(b){var M=n.easingFunc;return M?M(b):1-Math.pow(1-b,4)}return{mount:L,destroy:P,scroll:w,cancel:E}}var qn={passive:!1,capture:!0};function Tc(t,e,n){var i=xe(t),r=i.on,l=i.emit,s=i.bind,d=i.unbind,a=t.state,p=e.Move,u=e.Scroll,S=e.Controller,x=e.Elements.track,y=e.Media.reduce,m=e.Direction,f=m.resolve,L=m.orient,w=p.getPosition,$=p.exceededLimit,C,P,E,k,b,M=!1,z,h,T;function _(){s(x,Po,Jo,qn),s(x,ko,Jo,qn),s(x,$s,V,qn),s(x,"click",W,{capture:!0}),s(x,"dragstart",pn),r([Mn,Pe],N)}function N(){var B=n.drag;ot(!B),k=B==="free"}function V(B){if(z=!1,!h){var Q=wt(B);it(B.target)&&(Q||!B.button)&&(S.isBusy()?pn(B,!0):(T=Q?x:window,b=a.is([si,Ii]),E=null,s(T,Po,at,qn),s(T,ko,O,qn),p.cancel(),u.cancel(),G(B)))}}function at(B){if(a.is(Qi)||(a.set(Qi),l(is)),B.cancelable)if(b){p.translate(C+ft(F(B)));var Q=ct(B)>nl,U=M!==(M=$());(Q||U)&&G(B),z=!0,l(os),pn(B)}else q(B)&&(b=H(B),pn(B))}function O(B){a.is(Qi)&&(a.set(ti),l(rs)),b&&(K(B),pn(B)),d(T,Po,at),d(T,ko,O),b=!1}function W(B){!h&&z&&pn(B,!0)}function G(B){E=P,P=B,C=w()}function K(B){var Q=et(B),U=lt(Q),Y=n.rewind&&n.rewindByDrag;y(!1),k?S.scroll(U,0,n.snap):t.is(Pi)?S.go(L(Qo(Q))<0?Y?"<":"-":Y?">":"+"):t.is(ni)&&M&&Y?S.go($(!0)?">":"<"):S.go(S.toDest(U),!0),y(!0)}function H(B){var Q=n.dragMinThreshold,U=hi(Q),Y=U&&Q.mouse||0,It=(U?Q.touch:+Q)||10;return Be(F(B))>(wt(B)?It:Y)}function q(B){return Be(F(B))>Be(F(B,!0))}function et(B){if(t.is(ci)||!M){var Q=ct(B);if(Q&&Q<nl)return F(B)/Q}return 0}function lt(B){return w()+Qo(B)*In(Be(B)*(n.flickPower||600),k?1/0:e.Layout.listSize()*(n.flickMaxPages||1))}function F(B,Q){return nt(B,Q)-nt(g(B),Q)}function ct(B){return Zo(B)-Zo(g(B))}function g(B){return P===B&&E||P}function nt(B,Q){return(wt(B)?B.changedTouches[0]:B)["page"+f(Q?"Y":"X")]}function ft(B){return B/(M&&t.is(ni)?ic:1)}function it(B){var Q=n.noDrag;return!fi(B,"."+bs+", ."+$o)&&(!Q||!fi(B,Q))}function wt(B){return typeof TouchEvent<"u"&&B instanceof TouchEvent}function mt(){return b}function ot(B){h=B}return{mount:_,disable:ot,isDragging:mt}}var $c={Spacebar:" ",Right:wo,Left:So,Up:ms,Down:gs};function Ir(t){return t=Ln(t)?t:t.key,$c[t]||t}var il="keydown";function Lc(t,e,n){var i=xe(t),r=i.on,l=i.bind,s=i.unbind,d=t.root,a=e.Direction.resolve,p,u;function S(){x(),r(Pe,y),r(Pe,x),r(xn,f)}function x(){var w=n.keyboard;w&&(p=w==="global"?window:d,l(p,il,L))}function y(){s(p,il)}function m(w){u=w}function f(){var w=u;u=!0,Vl(function(){u=w})}function L(w){if(!u){var $=Ir(w);$===a(So)?t.go("<"):$===a(wo)&&t.go(">")}}return{mount:S,destroy:y,disable:m}}var mi=hr+"-lazy",no=mi+"-srcset",Ic="["+mi+"], ["+no+"]";function Ec(t,e,n){var i=xe(t),r=i.on,l=i.off,s=i.bind,d=i.emit,a=n.lazyLoad==="sequential",p=[ai,jn],u=[];function S(){n.lazyLoad&&(x(),r(Le,x))}function x(){vn(u),y(),a?w():(l(p),r(p,m),m())}function y(){e.Slides.forEach(function($){gr($.slide,Ic).forEach(function(C){var P=Je(C,mi),E=Je(C,no);if(P!==C.src||E!==C.srcset){var k=n.classes.spinner,b=C.parentElement,M=_i(b,"."+k)||Jn("span",k,b);u.push([C,$,M]),C.src||xi(C,"none")}})})}function m(){u=u.filter(function($){var C=n.perPage*((n.preloadPages||1)+1)-1;return $[1].isWithin(t.index,C)?f($):!0}),u.length||l(p)}function f($){var C=$[0];on($[1].slide,ir),s(C,"load error",ae(L,$)),Bt(C,"src",Je(C,mi)),Bt(C,"srcset",Je(C,no)),rn(C,mi),rn(C,no)}function L($,C){var P=$[0],E=$[1];gn(E.slide,ir),C.type!=="error"&&(On($[2]),xi(P,""),d(wr,P,E),d(ei)),a&&w()}function w(){u.length&&f(u.shift())}return{mount:S,destroy:ae(vn,u),check:m}}function Rc(t,e,n){var i=xe(t),r=i.on,l=i.emit,s=i.bind,d=e.Slides,a=e.Elements,p=e.Controller,u=p.hasFocus,S=p.getIndex,x=p.go,y=e.Direction.resolve,m=a.pagination,f=[],L,w;function $(){C(),r([Pe,Le,po],$);var h=n.pagination;m&&xi(m,h?"":"none"),h&&(r([xn,vo,jn],z),P(),z(),l(as,{list:L,items:f},M(t.index)))}function C(){L&&(On(m?Rn(L.children):L),gn(L,w),vn(f),L=null),i.destroy()}function P(){var h=t.length,T=n.classes,_=n.i18n,N=n.perPage,V=u()?p.getEnd()+1:bi(h/N);L=m||Jn("ul",T.pagination,a.track.parentElement),on(L,w=Lo+"--"+b()),Bt(L,hn,"tablist"),Bt(L,Ue,_.select),Bt(L,Tr,b()===Co?"vertical":"");for(var at=0;at<V;at++){var O=Jn("li",null,L),W=Jn("button",{class:T.page,type:"button"},O),G=d.getIn(at).map(function(H){return H.slide.id}),K=!u()&&N>1?_.pageX:_.slideX;s(W,"click",ae(E,at)),n.paginationKeyboard&&s(W,"keydown",ae(k,at)),Bt(O,hn,"presentation"),Bt(W,hn,"tab"),Bt(W,Ai,G.join(" ")),Bt(W,Ue,tr(K,at+1)),Bt(W,Zn,-1),f.push({li:O,button:W,page:at})}}function E(h){x(">"+h,!0)}function k(h,T){var _=f.length,N=Ir(T),V=b(),at=-1;N===y(wo,!1,V)?at=++h%_:N===y(So,!1,V)?at=(--h+_)%_:N==="Home"?at=0:N==="End"&&(at=_-1);var O=f[at];O&&(ql(O.button),x(">"+at),pn(T,!0))}function b(){return n.paginationDirection||n.direction}function M(h){return f[p.toPage(h)]}function z(){var h=M(S(!0)),T=M(S());if(h){var _=h.button;gn(_,Dn),rn(_,Jr),Bt(_,Zn,-1)}if(T){var N=T.button;on(N,Dn),Bt(N,Jr,!0),Bt(N,Zn,"")}l(cs,{list:L,items:f},h,T)}return{items:f,mount:$,destroy:C,getAt:M,update:z}}var Mc=[" ","Enter"];function _c(t,e,n){var i=n.isNavigation,r=n.slideFocus,l=[];function s(){t.splides.forEach(function(m){m.isParent||(p(t,m.splide),p(m.splide,t))}),i&&u()}function d(){l.forEach(function(m){m.destroy()}),vn(l)}function a(){d(),s()}function p(m,f){var L=xe(m);L.on(xn,function(w,$,C){f.go(f.is(ci)?C:w)}),l.push(L)}function u(){var m=xe(t),f=m.on;f(yr,x),f(us,y),f([Mn,Pe],S),l.push(m),m.emit(xr,t.splides)}function S(){Bt(e.Elements.list,Tr,n.direction===Co?"vertical":"")}function x(m){t.go(m.index)}function y(m,f){pr(Mc,Ir(f))&&(x(m),pn(f))}return{setup:ae(e.Media.set,{slideFocus:Ei(r)?i:r},!0),mount:s,destroy:d,remount:a}}function Wc(t,e,n){var i=xe(t),r=i.bind,l=0;function s(){n.wheel&&r(e.Elements.track,"wheel",d,qn)}function d(p){if(p.cancelable){var u=p.deltaY,S=u<0,x=Zo(p),y=n.wheelMinThreshold||0,m=n.wheelSleep||0;Be(u)>y&&x-l>m&&(t.go(S?"<":">"),l=x),a(S)&&pn(p)}}function a(p){return!n.releaseWheel||t.state.is(si)||e.Controller.getAdjacent(p)!==-1}return{mount:s}}var Ac=90;function Pc(t,e,n){var i=xe(t),r=i.on,l=e.Elements.track,s=n.live&&!n.isNavigation,d=Jn("span",Za),a=xo(Ac,ae(u,!1));function p(){s&&(x(!e.Autoplay.isPaused()),Bt(l,tl,!0),d.textContent="…",r(br,ae(x,!0)),r(Sr,ae(x,!1)),r([ai,jn],ae(u,!0)))}function u(y){Bt(l,Qr,y),y?(Mi(l,d),a.start()):(On(d),a.cancel())}function S(){rn(l,[Zr,tl,Qr]),On(d)}function x(y){s&&Bt(l,Zr,y?"off":"polite")}return{mount:p,disable:x,destroy:S}}var kc=Object.freeze({__proto__:null,Media:za,Direction:Va,Elements:oc,Slides:lc,Layout:sc,Clones:cc,Move:dc,Controller:uc,Arrows:gc,Autoplay:fc,Cover:yc,Scroll:Cc,Drag:Tc,Keyboard:Lc,LazyLoad:Ec,Pagination:Rc,Sync:_c,Wheel:Wc,Live:Pc}),Fc={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"},Nc={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:ec,i18n:Fc,reducedMotion:{speed:0,rewindSpeed:0,autoplay:"pause"}};function Hc(t,e,n){var i=e.Slides;function r(){xe(t).on([Mn,Le],l)}function l(){i.forEach(function(d){d.style("transform","translateX(-"+100*d.index+"%)")})}function s(d,a){i.style("transition","opacity "+n.speed+"ms "+n.easing),Vl(a)}return{mount:r,start:s,cancel:Jo}}function Bc(t,e,n){var i=e.Move,r=e.Controller,l=e.Scroll,s=e.Elements.list,d=ae(Ye,s,"transition"),a;function p(){xe(t).bind(s,"transitionend",function(y){y.target===s&&a&&(S(),a())})}function u(y,m){var f=i.toPosition(y,!0),L=i.getPosition(),w=x(y);Be(f-L)>=1&&w>=1?n.useScroll?l.scroll(f,w,!1,m):(d("transform "+w+"ms "+n.easing),i.translate(f,!0),a=m):(i.jump(y),m())}function S(){d(""),l.cancel()}function x(y){var m=n.rewindSpeed;if(t.is(ni)&&m){var f=r.getIndex(!0),L=r.getEnd();if(f===0&&y>=L||f>=L&&y===0)return m}return n.speed}return{mount:p,start:u,cancel:S}}var Oc=(function(){function t(n,i){this.event=xe(),this.Components={},this.state=Da(Yn),this.splides=[],this._o={},this._E={};var r=Ln(n)?Yl(document,n):n;pi(r,r+" is invalid."),this.root=r,i=$n({label:Je(r,Ue)||"",labelledby:Je(r,Cr)||""},Nc,t.defaults,i||{});try{$n(i,JSON.parse(Je(r,hr)))}catch{pi(!1,"Invalid JSON")}this._o=Object.create($n({},i))}var e=t.prototype;return e.mount=function(i,r){var l=this,s=this.state,d=this.Components;pi(s.is([Yn,ao]),"Already mounted!"),s.set(Yn),this._C=d,this._T=r||this._T||(this.is(Pi)?Hc:Bc),this._E=i||this._E;var a=vi({},kc,this._E,{Transition:this._T});return Bn(a,function(p,u){var S=p(l,d,l._o);d[u]=S,S.setup&&S.setup()}),Bn(d,function(p){p.mount&&p.mount()}),this.emit(Mn),on(this.root,Qa),s.set(ti),this.emit(er),this},e.sync=function(i){return this.splides.push({splide:i}),i.splides.push({splide:this,isParent:!0}),this.state.is(ti)&&(this._C.Sync.remount(),i.Components.Sync.remount()),this},e.go=function(i){return this._C.Controller.go(i),this},e.on=function(i,r){return this.event.on(i,r),this},e.off=function(i){return this.event.off(i),this},e.emit=function(i){var r;return(r=this.event).emit.apply(r,[i].concat(Rn(arguments,1))),this},e.add=function(i,r){return this._C.Slides.add(i,r),this},e.remove=function(i){return this._C.Slides.remove(i),this},e.is=function(i){return this._o.type===i},e.refresh=function(){return this.emit(Le),this},e.destroy=function(i){i===void 0&&(i=!0);var r=this.event,l=this.state;return l.is(Yn)?xe(this).on(er,this.destroy.bind(this,i)):(Bn(this._C,function(s){s.destroy&&s.destroy(i)},!0),r.emit(vr),r.destroy(),i&&vn(this.splides),l.set(ao)),this},Fa(t,[{key:"options",get:function(){return this._o},set:function(i){this._C.Media.set(i,!0,!0)}},{key:"length",get:function(){return this._C.Slides.getLength(!0)}},{key:"index",get:function(){return this._C.Controller.getIndex()}}]),t})(),Er=Oc;Er.defaults={};Er.STATES=Ha;var ol=[[Mn,"onMounted"],[er,"onReady"],[xn,"onMove"],[ai,"onMoved"],[yr,"onClick"],[Ql,"onActive"],[ts,"onInactive"],[es,"onVisible"],[ns,"onHidden"],[Le,"onRefresh"],[Pe,"onUpdated"],[ei,"onResize"],[yo,"onResized"],[is,"onDrag"],[os,"onDragging"],[rs,"onDragged"],[vo,"onScroll"],[jn,"onScrolled"],[vr,"onDestroy"],[ls,"onArrowsMounted"],[ss,"onArrowsUpdated"],[as,"onPaginationMounted"],[cs,"onPaginationUpdated"],[xr,"onNavigationMounted"],[br,"onAutoplayPlay"],[ds,"onAutoplayPlaying"],[Sr,"onAutoplayPause"],[wr,"onLazyLoadLoaded"]];function Rr(...t){return t.filter(Boolean).join(" ")}function mo(t){return t!==null&&typeof t=="object"}function or(t,e){if(Array.isArray(t)&&Array.isArray(e))return t.length===e.length&&!t.some((n,i)=>!or(n,e[i]));if(mo(t)&&mo(e)){const n=Object.keys(t),i=Object.keys(e);return n.length===i.length&&!n.some(r=>!Object.prototype.hasOwnProperty.call(e,r)||!or(t[r],e[r]))}return t===e}function Dc(t,e){return t.length===e.length&&!t.some((n,i)=>n!==e[i])}function jc(t,e){if(t){const n=Object.keys(t);for(let i=0;i<n.length;i++){const r=n[i];if(r!=="__proto__"&&e(t[r],r)===!1)break}}return t}function rr(t,e){const n=t;return jc(e,(i,r)=>{Array.isArray(i)?n[r]=i.slice():mo(i)?n[r]=rr(mo(n[r])?n[r]:{},i):n[r]=i}),n}var zc=({children:t,className:e,...n})=>c.createElement("div",{className:Rr("splide__track",e),...n},c.createElement("ul",{className:"splide__list"},t)),Mr=class extends c.Component{constructor(){super(...arguments),this.splideRef=c.createRef(),this.slides=[]}componentDidMount(){const{options:t,extensions:e,transition:n}=this.props,{current:i}=this.splideRef;i&&(this.splide=new Er(i,t),this.bind(this.splide),this.splide.mount(e,n),this.options=rr({},t||{}),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:t}=this.props;t&&!or(this.options,t)&&(this.splide.options=t,this.options=rr({},t));const e=this.getSlides();Dc(this.slides,e)||(this.splide.refresh(),this.slides=e)}sync(t){var e;(e=this.splide)==null||e.sync(t)}go(t){var e;(e=this.splide)==null||e.go(t)}getSlides(){var t;if(this.splide){const e=(t=this.splide.Components.Elements)==null?void 0:t.list.children;return e&&Array.prototype.slice.call(e)||[]}return[]}bind(t){ol.forEach(([e,n])=>{const i=this.props[n];typeof i=="function"&&t.on(e,(...r)=>{i(t,...r)})})}omit(t,e){return e.forEach(n=>{Object.prototype.hasOwnProperty.call(t,n)&&delete t[n]}),t}render(){const{className:t,tag:e="div",hasTrack:n=!0,children:i,...r}=this.props;return c.createElement(e,{className:Rr("splide",t),ref:this.splideRef,...this.omit(r,["options",...ol.map(l=>l[1])])},n?c.createElement(zc,null,i):i)}},_r=({children:t,className:e,...n})=>c.createElement("li",{className:Rr("splide__slide",e),...n},t);/*!
  * Splide.js
  * Version  : 4.1.3
  * License  : MIT
  * Copyright: 2022 Naotoshi Fujita
- */const Hc="RichTextRenderer-module__link___BWeZ2",Bc={link:Hc},Oc=t=>{const e=t.trim();return!e||e.startsWith('"')&&e.endsWith('"')||e.startsWith("'")&&e.endsWith("'")?!1:e.split(/\s+/g).filter(Boolean).some(i=>/^\d/.test(i))},Co=t=>t&&t.split(",").map(n=>n.trim()).filter(Boolean).map(n=>Oc(n)?`"${n.replace(/"/g,'\\"')}"`:n).join(", ");function Ze(t){const{color:e,...n}=t;return n}function Ie(t,e){var r,l,a;const{fontSize:n,lineHeight:i}=t;return{fontFamily:Co(t.fontSettings.fontFamily),fontWeight:t.fontSettings.fontWeight,fontStyle:t.fontSettings.fontStyle,letterSpacing:M.scalingValue(t.letterSpacing,e),wordSpacing:M.scalingValue(t.wordSpacing,e),fontSize:M.scalingValue(n,e),lineHeight:i!==void 0?M.scalingValue(i,e):void 0,textTransform:(r=t.textAppearance)==null?void 0:r.textTransform,textDecoration:(l=t.textAppearance)==null?void 0:l.textDecoration,fontVariant:(a=t.textAppearance)==null?void 0:a.fontVariant,textAlign:t.textAlign,color:t.color}}const yi=({content:t})=>{const e=n=>n.map((i,r)=>i.type==="link"?o.jsx("a",{className:Bc.link,href:i.value,target:i.target,children:e(i.children)},r):o.jsx("span",{style:Dc(i),children:i.text},r));return o.jsx(o.Fragment,{children:t.map((n,i)=>{const r=n.children;return o.jsx("div",{children:e(r)},i)})})};function Dc(t){return{...t.fontFamily&&{fontFamily:Co(t.fontFamily)},...t.fontWeight&&{fontWeight:t.fontWeight},...t.fontStyle&&{fontStyle:t.fontStyle},...t.textDecoration&&{textDecoration:t.textDecoration},...t.textTransform&&{textTransform:t.textTransform},...t.fontVariant&&{fontVariant:t.fontVariant},...t.verticalAlign&&{verticalAlign:t.verticalAlign,lineHeight:"0px"}}}const jc="SvgImage-module__svg___q3xE-",zc="SvgImage-module__img___VsTm-",tl={svg:jc,img:zc},Vc=t=>{const e=t.trim();return e.startsWith("data:image/svg+xml")?!0:(e.split(/[?#]/)[0]??e).endsWith(".svg")},Kc=t=>`url("${t.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}")`,Qe=({url:t,fill:e="#000000",hoverFill:n="#CCCCCC",className:i="",style:r})=>{const[l,a]=c.useState(()=>typeof window>"u"?!0:CSS.supports("mask-image",'url("")')||CSS.supports("-webkit-mask-image",'url("")'));return c.useEffect(()=>{if(typeof window<"u"&&window.CSS){const d=CSS.supports("mask-image",'url("")')||CSS.supports("-webkit-mask-image",'url("")');a(d)}},[]),!Vc(t)||!l?o.jsx("img",{src:t,alt:"",className:Xt(tl.img,i),style:r}):o.jsx("span",{"data-supports-mask":l,className:Xt(tl.svg,i),style:{"--svg":Kc(t),"--fill":e,"--hover-fill":n,...r??{}}})},Uc={"top-left":wt.topLeftAlignment,"top-center":wt.topCenterAlignment,"top-right":wt.topRightAlignment,"middle-left":wt.middleLeftAlignment,"middle-center":wt.middleCenterAlignment,"middle-right":wt.middleRightAlignment,"bottom-left":wt.bottomLeftAlignment,"bottom-center":wt.bottomCenterAlignment,"bottom-right":wt.bottomRightAlignment};function Gc({settings:t,content:e,styles:n,isEditor:i}){const[r,l]=c.useState(null),{widthSettings:a,fontSettings:d,letterSpacing:s,textAlign:p,wordSpacing:u,fontSizeLineHeight:$,textAppearance:b,color:v}=n.imageCaption??{},[m,h]=c.useState(void 0),[L,I]=c.useState(null),[x,S]=c.useState(0),[O,W]=c.useState(0),{direction:D,transition:w,controls:_,pagination:V,imageCaption:g,triggers:C}=t,A=c.useRef(w.type),{x:F,y:q}=t.controls.offset,at=N=>{r&&r.go(N)};return c.useEffect(()=>{if(!L)return;const N=new ResizeObserver(j=>{if(!r)return;const[U]=j;h({width:Math.round(U.contentRect.width),height:Math.round(U.contentRect.height)})});return N.observe(L),()=>N.unobserve(L)},[L]),c.useEffect(()=>{!r||A.current===w.type||(W(N=>N+1),A.current=w.type)},[w.type]),o.jsx("div",{className:Xt(wt.wrapper,{[wt.editor]:i}),ref:I,children:o.jsxs("div",{className:wt.sliderInner,style:{width:m?m.width:"100%",height:m?m.height:"100%",backgroundColor:w.backgroundColor&&w.type==="fade in"?w.backgroundColor:"transparent"},children:[t.imageCaption.isActive&&o.jsx("div",{className:Xt(wt.captionBlock),children:o.jsx("div",{className:wt.captionTextWrapper,children:e.map((N,j)=>o.jsx("div",{className:Xt(wt.captionText,Uc[g.alignment],{[wt.withPointerEvents]:j===x&&i,[wt.active]:j===x}),style:{fontFamily:Co(d.fontFamily),fontWeight:d.fontWeight,fontStyle:d.fontStyle,width:a.sizing==="auto"?"max-content":M.scalingValue(a.width,i),letterSpacing:M.scalingValue(s,i),wordSpacing:M.scalingValue(u,i),textAlign:p,fontSize:M.scalingValue($.fontSize,i),lineHeight:M.scalingValue($.lineHeight,i),textTransform:b.textTransform??"none",textDecoration:b.textDecoration??"none",fontVariant:b.fontVariant??"normal",color:v,transitionDuration:w.duration?`${Math.round(parseInt(w.duration)/2)}ms`:"500ms"},children:o.jsx("div",{"data-styles":"imageCaption",className:wt.captionTextInner,style:{"--link-hover-color":g.linkHoverColor,"--link-color":g.linkColor,position:"relative",top:M.scalingValue(g.offset.y,i),left:M.scalingValue(g.offset.x,i)},children:o.jsx(yi,{content:N.imageCaption})})},j))})}),o.jsx(Lr,{onMove:N=>{S(N.index)},ref:l,options:{arrows:!1,speed:w.duration?parseInt(w.duration):500,autoplay:C.autoPlay!==null,...C.autoPlay!==null&&{interval:parseInt(C.autoPlay)*1e3},direction:D==="horiz"||w.type==="fade in"?"ltr":"ttb",pagination:!1,drag:C.triggersList.drag,perPage:1,width:m?m.width:"100%",height:m?m.height:"100%",type:w.type==="fade in"?"fade":"loop",rewind:!0},children:e.map((N,j)=>o.jsx(Ir,{children:o.jsx("div",{className:wt.sliderItem,children:o.jsx("div",{className:wt.imgWrapper,children:o.jsx("img",{className:Xt(wt.sliderImage,{[wt.contain]:N.image.objectFit==="contain",[wt.cover]:N.image.objectFit==="cover"}),src:N.image.url,alt:N.image.name??""})})})},j))},O),_.isActive&&o.jsxs(o.Fragment,{children:[o.jsx("div",{className:Xt(wt.arrow,{[wt.arrowVertical]:D==="vert",[wt.hoverArrow]:_.show==="on hover"}),style:{color:_.color,"--arrow-hover-color":_.hover},children:o.jsxs("button",{onClick:()=>{at("-1")},className:wt.arrowInner,style:{transform:`translate(${M.scalingValue(F,i)}, ${M.scalingValue(q*(D==="horiz"?1:-1),i)}) scale(${t.controls.scale/100}) rotate(${D==="horiz"?"0deg":"90deg"})`},children:[_.arrowsImgUrl&&o.jsx(Qe,{url:_.arrowsImgUrl,fill:_.color,hoverFill:_.hover,className:Xt(wt.arrowImg,wt.mirror)}),!_.arrowsImgUrl&&o.jsx(el,{color:_.color,className:Xt(wt.arrowIcon,wt.arrowImg,wt.mirror)})]})}),o.jsx("div",{className:Xt(wt.arrow,wt.nextArrow,{[wt.arrowVertical]:D==="vert",[wt.hoverArrow]:_.show==="on hover"}),style:{color:_.color,"--arrow-hover-color":_.hover},children:o.jsxs("button",{className:wt.arrowInner,onClick:()=>at("+1"),style:{transform:`translate(${M.scalingValue(F*(D==="horiz"?-1:1),i)}, ${M.scalingValue(q,i)}) scale(${t.controls.scale/100}) rotate(${D==="horiz"?"0deg":"90deg"})`},children:[_.arrowsImgUrl&&o.jsx(Qe,{url:_.arrowsImgUrl,fill:_.color,hoverFill:_.hover,className:wt.arrowImg}),!_.arrowsImgUrl&&o.jsx(el,{color:_.color,className:Xt(wt.arrowIcon,wt.arrowImg)})]})})]}),C.triggersList.click&&o.jsx("div",{className:wt.clickOverlay,onClick:()=>{r&&r.go("+1")}}),V.isActive&&o.jsx("div",{className:Xt(wt.pagination,{[wt.paginationInsideBottom]:V.position==="inside-1"&&D==="horiz",[wt.paginationInsideTop]:V.position==="inside-2"&&D==="horiz",[wt.paginationOutsideBottom]:V.position==="outside-1"&&D==="horiz",[wt.paginationOutsideTop]:V.position==="outside-2"&&D==="horiz",[wt.paginationInsideLeft]:V.position==="inside-1"&&D==="vert",[wt.paginationInsideRight]:V.position==="inside-2"&&D==="vert",[wt.paginationOutsideLeft]:V.position==="outside-1"&&D==="vert",[wt.paginationOutsideRight]:V.position==="outside-2"&&D==="vert",[wt.paginationVertical]:D==="vert"}),children:o.jsx("div",{className:wt.paginationInner,style:{backgroundColor:V.colors[2],transform:`scale(${V.scale/100}) translate(${M.scalingValue(V.offset.x,i)}, ${M.scalingValue(V.offset.y,i)}) rotate(${D==="horiz"?"0deg":"90deg"})`},children:e.map((N,j)=>o.jsx("button",{onClick:()=>{r&&r.go(j)},className:Xt(wt.paginationItem),children:o.jsx("div",{className:Xt(wt.dot,{[wt.activeDot]:j===x}),style:{backgroundColor:j===x?V.colors[0]:V.colors[1],"--pagination-hover-color":V.hover}})},j))})})]})})}function el({color:t,className:e}){return o.jsx("svg",{viewBox:"0 0 10 18",className:e,children:o.jsx("g",{id:"Symbols",stroke:"none",strokeWidth:"1",fillRule:"evenodd",children:o.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:t,transform:"translate(5, 9) rotate(-90) translate(-5, -9)"})})})}const qc={element:Gc,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"]}},Xc="ImageRevealSlider-module__imageRevealSlider___UE5Ob",Yc="ImageRevealSlider-module__image___Qjt-e",Jc="ImageRevealSlider-module__link___N-iLG",Zc="ImageRevealSlider-module__cursor___2U03d",Bn={imageRevealSlider:Xc,image:Yc,link:Jc,cursor:Zc};function nl(t,e,n){for(const i of n){const r=new Image;r.src=i.url;const l=i.width?Number.parseFloat(i.width):r.naturalWidth,a=r.naturalHeight/r.naturalWidth*l,d=l/2,s=a/2;if(t>=i.x-d&&t<=i.x+d&&e>=i.y-s&&e<=i.y+s)return!0}return!1}function Ao(t){return new Promise(e=>{const n=new Image;n.src=t,n.onload=()=>{e({width:n.naturalWidth,height:n.naturalHeight})}})}async function Qc(t,e,n,i){let r,l;if(e==="custom"){r=n;const a=await Ao(t);l=a.height/a.width*r}else if(e==="random"){r=Math.random()*(i.max-i.min)+i.min;const a=await Ao(t);l=a.height/a.width*r}else{const a=await Ao(t);r=a.width,l=a.height}return{width:r,height:l,finalWidth:`${r}px`}}function td({settings:t,content:e,isEditor:n}){const[i,r]=c.useState(null),[l,a]=c.useState([]),[d,s]=c.useState(0),p=c.useRef(0),[u,$]=c.useState({x:0,y:0}),[b,v]=c.useState(1),[m,h]=c.useState("none"),L=c.useRef({x:0,y:0}),[I,x]=c.useState(!1),{sizeType:S,imageWidth:O,randomRangeImageWidth:W}=t.imageSize,{revealPosition:D,visible:w}=t.position,{cursorType:_,target:V,defaultCursorScale:g,defaultCursor:C,hoverCursorScale:A,hoverCursor:F}=t.cursor;c.useEffect(()=>{if(!i)return;const N=(P,T)=>{const H=i.getBoundingClientRect(),J=P-H.left,Z=T-H.top;if($({x:J,y:Z}),_==="system"){h("none"),v(1);return}const R=J,tt=Z,f=document.elementFromPoint(H.left+R,H.top+tt);if(f&&f.closest("a")){h("none"),v(1);return}const ot=nl(R,tt,l)||V==="area"?{img:F??"none",scale:A}:{img:C??"none",scale:g};h(ot.img),v(ot.scale)},j=P=>{P.stopPropagation(),L.current={x:P.clientX,y:P.clientY},N(P.clientX,P.clientY)},U=()=>{I&&N(L.current.x,L.current.y)};return i.addEventListener("mousemove",j),window.addEventListener("scroll",U,!0),()=>{i.removeEventListener("mousemove",j),window.removeEventListener("scroll",U,!0)}},[i,I,u,_,V,F,C,A,g,l]),c.useEffect(()=>{I||(h("none"),v(0))},[I]);const q=async(N,j,U,P={})=>{const{width:T,height:H,finalWidth:J}=await Qc(N.image.url,S,O,W);let Z=0,R=0;D==="same"?(Z=j/2,R=U/2):(Z=P.x??Math.random()*j,R=P.y??Math.random()*U);const tt=Math.min(Math.max(Z,T/2),j-T/2),f=Math.min(Math.max(R,H/2),U-H/2);return{id:p.current++,url:N.image.url,link:N.link,name:N.image.name,x:tt,y:f,width:J}};c.useEffect(()=>{if(!i||e.length===0)return;const N=i.getBoundingClientRect(),j=N.width,U=N.height,P=[];(async()=>{const H=e[0],J=await q(H,j,U);P.push(J),a(P),s(1)})()},[S,O,W,D,i]),c.useEffect(()=>{w==="last One"&&a(N=>N.length>0?[N[N.length-1]]:[])},[w]);const at=async N=>{if(!i)return;const j=i.getBoundingClientRect(),U=N.clientX-j.left,P=N.clientY-j.top;if(V==="image"&&!nl(U,P,l))return;let T=0,H=0;D==="on Click"?(T=U,H=P):D==="same"?(T=j.width/2,H=j.height/2):(T=Math.random()*j.width,H=Math.random()*j.height);const J=e[d],Z=await q(J,j.width,j.height,{x:T,y:H});a(R=>w==="all"?[...R,Z]:[Z]),s(R=>R>=e.length-1?0:R+1)};return o.jsxs("div",{ref:r,onClick:at,onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1),className:Bn.imageRevealSlider,style:{cursor:m==="none"?"default":"none"},children:[l.map(N=>o.jsx("div",{className:Bn.wrapper,style:{top:`${N.y}px`,left:`${N.x}px`,position:"absolute",transform:"translate(-50%, -50%)",width:N.width??"auto",height:"auto",cursor:m==="none"?"default":"none"},children:V==="area"&&N.link?o.jsx("a",{href:N.link,target:"_blank",className:Bn.link,children:o.jsx("img",{src:N.url,alt:N.name,className:Bn.image},N.id)}):o.jsx("img",{src:N.url,alt:N.name,className:Bn.image},N.id)},N.id)),I&&o.jsx("div",{className:Bn.cursor,style:{left:`${u.x}px`,top:`${u.y}px`,transform:`translate(-50%, -50%) scale(${b})`,backgroundImage:`url('${m}')`,backgroundSize:"cover",backgroundPosition:"center",position:"absolute",pointerEvents:"none"}})]})}const ed={element:td,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:""}]}}}},nd="LightBox-module__hidden___9s-9x",id="LightBox-module__heroImage___sTxNF",od="LightBox-module__background___rm9ml",rd="LightBox-module__editor___4ACaY",ld="LightBox-module__contentStyle___Bgnsq",ad="LightBox-module__imageStyle___tLIlB",sd="LightBox-module__imgWrapper___LuFUp",cd="LightBox-module__contain___8-yaS",dd="LightBox-module__cover___hNvOG",ud="LightBox-module__caption___b6L2I",pd="LightBox-module__captionTextInner___rCGNH",md="LightBox-module__lightboxSplide___XFuWC",gd="LightBox-module__arrow___iz38X",hd="LightBox-module__arrowVertical___Zfz81",fd="LightBox-module__nextArrow___zkAQN",yd="LightBox-module__arrowInner___p48sW",vd="LightBox-module__arrowIcon___3VaFf",xd="LightBox-module__arrowImg___pNV88",bd="LightBox-module__mirror___pjeXc",Sd="LightBox-module__thumbsWrapper___GB-nU",wd="LightBox-module__thumbsContainerVertical___wttk5",Cd="LightBox-module__thumbsContainer___osSma",Td="LightBox-module__thumbsAlignStart___MO6tY",$d="LightBox-module__thumbsAlignCenter___Q4sUx",Ld="LightBox-module__thumbsAlignEnd___p4y9R",Id="LightBox-module__thumbItem___HvnF3",Ed="LightBox-module__closeButton___g2khP",Rd="LightBox-module__fadeIn___0m5GW",Md="LightBox-module__slideInLeft___gPYwC",_d="LightBox-module__slideInRight___S-pPp",Wd="LightBox-module__slideInTop___DFdAj",Ad="LightBox-module__slideInBottom___m27kZ",Pd="LightBox-module__fadeOut___55qBR",kd="LightBox-module__slideOutLeft___NvU7P",Fd="LightBox-module__slideOutRight___SK7eC",Nd="LightBox-module__slideOutTop___Vgg0z",Hd="LightBox-module__slideOutBottom___nJ0Ef",Bd="LightBox-module__scaleSlide___vZriG",pt={hidden:nd,heroImage:id,background:od,editor:rd,contentStyle:ld,imageStyle:ad,imgWrapper:sd,contain:cd,cover:dd,caption:ud,captionTextInner:pd,lightboxSplide:md,arrow:gd,arrowVertical:hd,nextArrow:fd,arrowInner:yd,arrowIcon:vd,arrowImg:xd,mirror:bd,thumbsWrapper:Sd,thumbsContainerVertical:wd,thumbsContainer:Cd,thumbsAlignStart:Td,thumbsAlignCenter:$d,thumbsAlignEnd:Ld,thumbItem:Id,closeButton:Ed,fadeIn:Rd,slideInLeft:Md,slideInRight:_d,slideInTop:Wd,slideInBottom:Ad,fadeOut:Pd,slideOutLeft:kd,slideOutRight:Fd,slideOutTop:Nd,slideOutBottom:Hd,scaleSlide:Bd},Fi=(t,e,n)=>{const i={},[r,l]=t.split("-");return r==="top"?(i.top="0",i.bottom="auto"):r==="middle"?(i.top="50%",i.bottom="auto"):r==="bottom"&&(i.top="auto",i.bottom="0"),l==="left"?(i.left="0",i.right="auto"):l==="center"?(i.left="50%",i.right="auto"):l==="right"&&(i.left="auto",i.right="0"),r==="middle"&&l==="center"?i.transform=`translate(calc(-50% + ${M.scalingValue(e.x,n)}), calc(-50% + ${M.scalingValue(e.y,n)}))`:r==="middle"?i.transform=`translate(${M.scalingValue(e.x,n)}, calc(-50% + ${M.scalingValue(e.y,n)}))`:l==="center"?i.transform=`translate(calc(-50% + ${M.scalingValue(e.x,n)}), ${M.scalingValue(e.y,n)})`:i.transform=`translate(${M.scalingValue(e.x,n)}, ${M.scalingValue(e.y,n)})`,i};function Sa(t){const e=window.getComputedStyle(t);return{top:parseFloat(e.paddingTop)||0,right:parseFloat(e.paddingRight)||0,bottom:parseFloat(e.paddingBottom)||0,left:parseFloat(e.paddingLeft)||0}}function il(t){const e=t.getBoundingClientRect(),n=Sa(t),i=Math.max(0,e.width-n.left-n.right),r=Math.max(0,e.height-n.top-n.bottom),l=t.naturalWidth,a=t.naturalHeight,d=i/r,s=l/a;let p,u;s>d?(p=i,u=i/s):(u=r,p=r*s);const $=e.left+n.left,b=e.top+n.top,v=(i-p)/2+$,m=(r-u)/2+b;return{x:v,y:m,width:p,height:u}}function ol(t){const e=t.getBoundingClientRect(),n=Sa(t);return{left:e.left+n.left,right:e.right-n.right,top:e.top+n.top,bottom:e.bottom-n.bottom}}function rl(t){const e=t.match(/rgba?\(([^)]+)\)/);if(e){const i=e[1].split(",").map(r=>parseFloat(r.trim()));return i.length===4?i[3]:1}const n=t.match(/^#([0-9a-fA-F]{8})$/);if(n){const i=n[1].substring(6,8);return parseInt(i,16)/255}return t.match(/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/),1}function Od(t,e){const n=(()=>{if(t==="fade in")return pt.fadeIn;if(t==="slide in"||t==="mix")switch(e){case"left":return pt.slideInLeft;case"right":return pt.slideInRight;case"top":return pt.slideInTop;case"bottom":return pt.slideInBottom;default:return pt.slideInRight}return pt.fadeIn})(),i=(()=>{if(t==="fade in"||t==="mix")return pt.fadeIn;if(t==="slide in")switch(e){case"left":return pt.slideInLeft;case"right":return pt.slideInRight;case"top":return pt.slideInTop;case"bottom":return pt.slideInBottom;default:return pt.slideInRight}return pt.fadeIn})(),r=(()=>{if(t==="fade in"||t==="mix")return pt.fadeOut;if(t==="slide in")switch(e){case"left":return pt.slideOutLeft;case"right":return pt.slideOutRight;case"top":return pt.slideOutTop;case"bottom":return pt.slideOutBottom;default:return pt.slideOutRight}return pt.fadeOut})(),l=(()=>{if(t==="fade in")return pt.fadeOut;if(t==="slide in"||t==="mix")switch(e){case"left":return pt.slideOutLeft;case"right":return pt.slideOutRight;case"top":return pt.slideOutTop;case"bottom":return pt.slideOutBottom;default:return pt.slideOutRight}return pt.fadeOut})();return{appearClass:n,backdropAppearClass:i,backdropDisappearClass:r,disappearClass:l}}const Dd=({settings:t,content:e,styles:n,portalId:i,activeEvent:r,isEditor:l,isPreviewMode:a})=>{const[d,s]=c.useState(!1),{url:p}=t.thumbnailBlock.cover;return c.useEffect(()=>{r==="close"&&s(!1),r==="open"&&s(!0)},[r]),o.jsxs(o.Fragment,{children:[o.jsx("img",{src:p,alt:"Cover",className:pt.heroImage,onClick:()=>s(!0)}),o.jsx(jd,{isOpen:d,onClose:()=>s(!1),content:e,settings:t,lightboxStyles:n,portalId:i,isEditor:l})]})},jd=({isOpen:t,onClose:e,content:n,lightboxStyles:i,settings:r,portalId:l,isEditor:a,metadata:d})=>{var zt;const{widthSettings:s,fontSettings:p,letterSpacing:u,textAlign:$,wordSpacing:b,fontSizeLineHeight:v,textAppearance:m,color:h}=i.imageCaption??{},[L,I]=c.useState(0),[x,S]=c.useState(0),[O,W]=c.useState(!1),[D,w]=c.useState(!1),[_,V]=c.useState({}),g=c.useRef(null),C=c.useRef(null),A=c.useRef(null),F=c.useRef(!1),q=c.useRef(null),at=c.useRef(null),N=c.useRef(null),j=c.useRef(null),U=c.useRef(!1),P=c.useRef(null),[T,H]=c.useState(!1),{appear:J,triggers:Z,slider:R,thumbnail:tt,controls:f,area:ot,caption:Q,layout:ut}=r.lightboxBlock,{appearClass:bt,backdropAppearClass:ct,backdropDisappearClass:yt,disappearClass:z}=Od(J.type,J.direction),B=(d==null?void 0:d.itemId)??null;c.useEffect(()=>{const K=()=>{setTimeout(()=>{var k,X;(X=(k=g.current)==null?void 0:k.splide)==null||X.refresh()},16)},mt=()=>{S(k=>k+1)};return window.addEventListener("ArticleEditor.Layout:change",K),window.addEventListener("ArticleEditor.ComponentContent:change",mt),()=>{window.removeEventListener("ArticleEditor.Layout:change",K),window.removeEventListener("ArticleEditor.ComponentContent:change",mt)}},[]),c.useEffect(()=>{if(!t||!tt.isActive){H(!1);return}const K=P.current;if(!K)return;const mt=()=>{R.direction==="horiz"?H(K.scrollWidth>K.clientWidth):H(K.scrollHeight>K.clientHeight)};mt();const k=new ResizeObserver(mt);return k.observe(K),()=>k.disconnect()},[t,tt.isActive,n.length,_,R.direction]);const it=c.useCallback(()=>{const K=window.matchMedia("(max-width: 768px)").matches,mt=rl(ot.color);K&&!a&&mt>.9&&(document.body.style.backgroundColor=""),W(!0),F.current=!0;const k=X=>{X.target===q.current&&X.animationName&&(q.current&&at.current&&q.current.removeEventListener("animationend",at.current),at.current=null,F.current&&(F.current=!1,e()),W(!1))};q.current&&(at.current=k,q.current.addEventListener("animationend",k))},[e,ot.color,a]),st=(K,mt,k)=>{var X,Y;if(K){if(Z.type==="click"&&Z.switch==="image")Z.repeat==="close"&&L===n.length-1?it():(X=g.current)==null||X.go("+1");else if(Z.type==="click"&&Z.switch==="50/50"){const et=K.getBoundingClientRect(),ht=mt-et.left,Ct=k-et.top,Ut=et.width,xt=et.height;let Et;R.direction==="horiz"?Et=ht<Ut/2?"-1":"+1":Et=Ct<xt/2?"-1":"+1",(Y=g.current)==null||Y.go(Et)}}},Lt=K=>{if(U.current){U.current=!1;return}const mt=n[L],k=(mt==null?void 0:mt.image.objectFit)==="cover";let X,Y;if("changedTouches"in K&&K.changedTouches.length>0)X=K.changedTouches[0].clientX,Y=K.changedTouches[0].clientY;else if("clientX"in K)X=K.clientX,Y=K.clientY;else return;let et;if(k&&A.current){const ht=ol(A.current);et=X>=ht.left&&X<=ht.right&&Y>=ht.top&&Y<=ht.bottom}else{const ht=A.current?il(A.current):null;if(!ht){K.target===K.currentTarget&&it();return}et=X>=ht.x&&X<=ht.x+ht.width&&Y>=ht.y&&Y<=ht.y+ht.height}et?st(A.current,X,Y):it()},St=K=>{const mt=K.target;(mt.classList.contains(pt.thumbsWrapper)||mt.classList.contains(pt.thumbsContainer))&&Lt(K)};c.useEffect(()=>{if(!t)return;const K=mt=>{var k,X;if(mt.key==="Escape"){it();return}if(mt.key==="ArrowRight"){I(Y=>(Y+1)%Math.max(n.length,1)),(k=g.current)==null||k.go("+1");return}mt.key==="ArrowLeft"&&(I(Y=>(Y-1+Math.max(n.length,1))%Math.max(n.length,1)),(X=g.current)==null||X.go("-1"))};return window.addEventListener("keydown",K),()=>{window.removeEventListener("keydown",K)}},[t,it,n.length]),c.useEffect(()=>{if(t){if(I(0),S(mt=>mt+1),F.current=!1,W(!1),w(!1),V({}),!B)return;const K=new CustomEvent("page-overlay",{detail:{itemId:B}});window.dispatchEvent(K)}return()=>{q.current&&at.current&&(q.current.removeEventListener("animationend",at.current),at.current=null),w(!1)}},[t,B]),c.useEffect(()=>{C.current!==null&&C.current!==R.type&&S(K=>K+1),C.current=R.type},[R.type]),c.useEffect(()=>{if(!t)return;const K=document.body.style.overflow,mt=window.matchMedia("(max-width: 768px)").matches,k=rl(ot.color);document.body.style.overflow="hidden",w(!1);const X=et=>{et.target===q.current&&!F.current&&et.animationName&&(mt&&!a&&k>.9&&(document.body.style.backgroundColor=ot.color),w(!0),q.current&&N.current&&q.current.removeEventListener("animationend",N.current),N.current=null)};q.current&&(N.current=X,q.current.addEventListener("animationend",X));const Y=et=>{const ht=et.target;ht&&(ht.closest(`.${pt.thumbsWrapper}`)||ht.closest(`.${pt.thumbsContainer}`))||R.type!=="slide"&&et.preventDefault()};return document.addEventListener("touchmove",Y,{passive:!1}),()=>{document.body.style.overflow=K,document.removeEventListener("touchmove",Y),q.current&&N.current&&(q.current.removeEventListener("animationend",N.current),N.current=null),w(!1)}},[t,a,ot.color,R.type]),c.useEffect(()=>{if(!t)return;const K=mt=>{var X,Y;if(F.current){mt.stopPropagation();return}if(U.current){U.current=!1;return}const k=mt.target;if(!(k&&(k.closest(`.${pt.thumbsContainer}`)||k.closest(`.${pt.thumbItem}`)||k.closest(`.${pt.arrow}`)||k.closest(`.${pt.closeButton}`)||k.closest(`.${pt.caption}`)))){if(R.type==="slide"&&Z.type==="drag"&&((Y=(X=g.current)==null?void 0:X.splide)!=null&&Y.root)){const et=g.current.splide.root;if(k&&(et.contains(k)||et===k))return}if(mt.touches.length===0&&mt.changedTouches.length>0){const et=n[L],ht=(et==null?void 0:et.image.objectFit)==="cover",Ct=mt.changedTouches[0];let Ut;if(ht&&A.current){const xt=ol(A.current);Ut=Ct.clientX>=xt.left&&Ct.clientX<=xt.right&&Ct.clientY>=xt.top&&Ct.clientY<=xt.bottom}else{const xt=A.current?il(A.current):null;if(!xt)return;Ut=Ct.clientX>=xt.x&&Ct.clientX<=xt.x+xt.width&&Ct.clientY>=xt.y&&Ct.clientY<=xt.y+xt.height}if(!Ut){mt.stopPropagation(),F.current=!0;const xt=Et=>{Et.stopPropagation(),Et.preventDefault(),document.removeEventListener("click",xt,!0)};document.addEventListener("click",xt,!0),it()}}}};return document.addEventListener("touchend",K,{passive:!0}),()=>{document.removeEventListener("touchend",K)}},[t,it,L,n]);const Ht=(R.type==="scale"||R.type==="fade")&&R.direction==="vert"&&Z.type==="drag";c.useEffect(()=>{var Et,Bt;if(!t||!Ht||!((Bt=(Et=g.current)==null?void 0:Et.splide)!=null&&Bt.root))return;const K=g.current.splide.root,mt=30,k=(dt,vt)=>{if(j.current){const Ot=Math.abs(dt-j.current.x),jt=Math.abs(vt-j.current.y);(Ot>0||jt>0)&&(U.current=!0)}},X=dt=>{j.current&&(dt.preventDefault(),k(dt.clientX,dt.clientY))},Y=dt=>{j.current&&dt.touches.length>0&&(dt.preventDefault(),k(dt.touches[0].clientX,dt.touches[0].clientY))},et=(dt,vt)=>{if(!j.current||!g.current){j.current=null;return}const Ot=Math.abs(dt-j.current.x),jt=Math.abs(vt-j.current.y);jt>mt&&jt>Ot&&g.current.go(vt<j.current.y?"+1":"-1"),j.current=null},ht=dt=>{j.current&&et(dt.clientX,dt.clientY),document.removeEventListener("pointerup",ht),document.removeEventListener("pointercancel",ht),document.removeEventListener("pointermove",X)},Ct=dt=>{if(j.current){if(dt.changedTouches.length>0){const vt=dt.changedTouches[0];et(vt.clientX,vt.clientY)}document.removeEventListener("touchend",Ct),document.removeEventListener("touchcancel",Ct),document.removeEventListener("touchmove",Y)}},Ut=dt=>{j.current={x:dt.clientX,y:dt.clientY},U.current=!1,document.addEventListener("pointermove",X,{passive:!1}),document.addEventListener("pointerup",ht),document.addEventListener("pointercancel",ht)},xt=dt=>{dt.touches.length>0&&(j.current={x:dt.touches[0].clientX,y:dt.touches[0].clientY},U.current=!1,document.addEventListener("touchmove",Y,{passive:!1}),document.addEventListener("touchend",Ct),document.addEventListener("touchcancel",Ct))};return K.addEventListener("pointerdown",Ut),K.addEventListener("touchstart",xt),()=>{K.removeEventListener("pointerdown",Ut),K.removeEventListener("touchstart",xt),document.removeEventListener("pointermove",X),document.removeEventListener("pointerup",ht),document.removeEventListener("pointercancel",ht),document.removeEventListener("touchmove",Y),document.removeEventListener("touchend",Ct),document.removeEventListener("touchcancel",Ct),j.current=null,U.current=!1}},[t,Ht,x]);const _t={backgroundColor:ot.color,backdropFilter:`blur(${ot.blur}px)`,animationDuration:`${parseInt(J.duration)}ms`,animationTimingFunction:"ease",animationFillMode:"both"};return typeof document>"u"||!document.getElementById(l)?null:Si.createPortal(o.jsxs(o.Fragment,{children:[o.jsx("div",{ref:a?null:q,className:Xt(pt.background,O?yt:ct,{[pt.editor]:a},{[pt.hidden]:!t}),style:{..._t,...D&&!a&&!O?{position:"absolute"}:{}}}),o.jsxs("div",{ref:a?q:null,className:Xt(pt.contentStyle,O?z:bt,{[pt.editor]:a},{[pt.hidden]:!t}),style:{animationDuration:`${parseInt(J.duration)}ms`,animationTimingFunction:"ease",animationFillMode:"both"},children:[o.jsx(Lr,{onMove:K=>I(K.index),ref:g,className:pt.lightboxSplide,options:{arrows:!1,speed:R.duration?parseInt(R.duration):500,direction:R.direction==="horiz"||R.type==="fade"||R.type==="scale"?"ltr":"ttb",pagination:!1,drag:Z.type==="drag"&&!Ht,perPage:1,width:"100%",height:"100%",type:R.type==="fade"||R.type==="scale"?"fade":"loop",padding:0,rewind:Z.repeat!=="close",start:0},style:{"--splide-speed":R.duration},children:n.map((K,mt)=>{const k=Fi(ut.position,ut.offset,a),X=`${M.scalingValue(ut.padding.top,a)} ${M.scalingValue(ut.padding.right,a)} ${M.scalingValue(ut.padding.bottom,a)} ${M.scalingValue(ut.padding.left,a)}`,Y=R.type==="scale"?(()=>{const{transform:et,...ht}=k;return{...ht,position:"absolute",padding:X,boxSizing:"border-box","--position-transform":et||"none"}})():{...k,position:"absolute",padding:X,boxSizing:"border-box"};return o.jsx(Ir,{children:o.jsx("div",{className:pt.imgWrapper,onClick:Lt,children:o.jsx("img",{ref:mt===L?A:null,className:Xt(pt.imageStyle,{[pt.contain]:K.image.objectFit==="contain",[pt.cover]:K.image.objectFit==="cover",[pt.scaleSlide]:R.type==="scale"}),src:K.image.url,alt:K.image.name??"",style:{...Y,pointerEvents:K.image.objectFit==="contain"?"none":"auto"}})})},mt)})},x),f.isActive&&o.jsxs(o.Fragment,{children:[o.jsx("div",{className:Xt(pt.arrow,{[pt.arrowVertical]:R.direction==="vert"}),style:{color:f.color,"--arrow-hover-color":f.hover},children:o.jsxs("button",{className:pt.arrowInner,style:{transform:`translate(${M.scalingValue(f.offset.x,a)}, ${M.scalingValue(f.offset.y*(R.direction==="horiz"?1:-1),a)}) scale(${f.scale}) rotate(${R.direction==="horiz"?"0deg":"90deg"})`},onClick:()=>{var K;return(K=g.current)==null?void 0:K.go("-1")},"aria-label":"Previous",children:[f.arrowsImgUrl&&o.jsx(Qe,{url:f.arrowsImgUrl,fill:f.color,hoverFill:f.hover,className:Xt(pt.arrowImg,pt.mirror)}),!f.arrowsImgUrl&&o.jsx(ll,{color:f.color,className:Xt(pt.arrowIcon,pt.arrowImg,pt.mirror)})]})}),o.jsx("div",{className:Xt(pt.arrow,pt.nextArrow,{[pt.arrowVertical]:R.direction==="vert"}),style:{color:f.color,"--arrow-hover-color":f.hover},children:o.jsxs("button",{className:pt.arrowInner,style:{transform:`translate(${M.scalingValue(f.offset.x*(R.direction==="horiz"?-1:1),a)}, ${M.scalingValue(f.offset.y,a)}) scale(${f.scale}) rotate(${R.direction==="horiz"?"0deg":"90deg"})`},onClick:()=>{var K;return(K=g.current)==null?void 0:K.go("+1")},"aria-label":"Next",children:[f.arrowsImgUrl&&o.jsx(Qe,{url:f.arrowsImgUrl,fill:f.color,hoverFill:f.hover,className:pt.arrowImg}),!f.arrowsImgUrl&&o.jsx(ll,{color:f.color,className:Xt(pt.arrowIcon,pt.arrowImg)})]})})]}),ot.closeIconUrl&&(()=>{const K=Fi(ot.closeIconAlign,ot.closeIconOffset,a),mt=`scale(${ot.closeIconScale})`,k=K.transform?`${K.transform} ${mt}`:mt;return o.jsx("button",{className:pt.closeButton,style:{...K,transform:k},onClick:it,"aria-label":"Close lightbox",children:o.jsx(Qe,{url:ot.closeIconUrl,fill:ot.closeIconColor??"#000000",hoverFill:ot.closeIconHover??"#cccccc"})})})(),Q&&Q.isActive&&i.imageCaption&&((zt=n[L])==null?void 0:zt.imageCaption)&&o.jsx("div",{className:pt.caption,style:{...Fi(Q.alignment,Q.offset,a),fontFamily:Co(p.fontFamily),fontWeight:p.fontWeight,fontStyle:p.fontStyle,width:s.sizing==="auto"?"max-content":M.scalingValue(s.width,a),letterSpacing:M.scalingValue(u,a),wordSpacing:M.scalingValue(b,a),textAlign:$,fontSize:M.scalingValue(v.fontSize,a),lineHeight:M.scalingValue(v.lineHeight,a),textTransform:m.textTransform??"none",textDecoration:m.textDecoration??"none",fontVariant:m.fontVariant??"normal",color:h},onClick:K=>K.stopPropagation(),children:o.jsx("div",{"data-styles":"imageCaption",className:pt.captionTextInner,style:{"--link-color":Q.linkColor,"--link-hover-color":Q.linkHoverColor},children:o.jsx(yi,{content:n[L].imageCaption})})}),tt.isActive&&(()=>{const[K,mt]=tt.position.split("-"),k=R.direction==="horiz"?`${K}-left`:tt.position,X=Fi(k,tt.offset,a),Y=()=>{if(R.direction==="horiz"){if(mt==="left")return"flex-start";if(mt==="center")return"center";if(mt==="right")return"flex-end"}else{if(K==="top")return"flex-start";if(K==="middle")return"center";if(K==="bottom")return"flex-end"}return"flex-start"};return o.jsx("div",{ref:P,className:pt.thumbsWrapper,onClick:et=>St(et),style:{position:a?"absolute":"fixed",...X,...R.direction==="horiz"?{maxWidth:"100vw",width:"100%",overflowX:"auto",overflowY:"hidden"}:{maxHeight:"100vh",overflowY:"auto",overflowX:"hidden"}},children:o.jsx("div",{className:Xt(pt.thumbsContainer,{[pt.thumbsContainerVertical]:R.direction==="vert",[pt.thumbsAlignStart]:tt.align==="start",[pt.thumbsAlignCenter]:tt.align==="center",[pt.thumbsAlignEnd]:tt.align==="end"}),style:{gap:M.scalingValue(tt.grid.gap,a),justifyContent:T?"flex-start":Y()},children:n.map((et,ht)=>{const Ct=ht===L,Ut=_[ht],Et=tt.grid.size*(Ct?tt.activeState.scale:1),Bt=()=>{if(tt.fit!=="fit")return{};if(!Ut)return R.direction==="horiz"?{height:M.scalingValue(Et,a)}:{width:M.scalingValue(Et,a)};const dt=Ut.width/Ut.height;if(R.direction==="horiz"){const vt=Et,Ot=vt*dt;return{width:M.scalingValue(Ot,a),height:M.scalingValue(vt,a)}}else{const vt=Et,Ot=vt/dt;return{width:M.scalingValue(vt,a),height:M.scalingValue(Ot,a)}}};return o.jsx("button",{className:pt.thumbItem,style:{...R.direction==="horiz"&&tt.fit!=="fit"?{height:M.scalingValue(Et,a)}:{},...R.direction==="vert"&&tt.fit!=="fit"?{width:M.scalingValue(Et,a)}:{},...tt.fit==="cover"?{width:M.scalingValue(Et,a),height:M.scalingValue(Et,a)}:{},...Bt(),transition:Ct?"all 0.25s ease-out":"none",opacity:Ct?tt.activeState.opacity/100:tt.opacity/100,"--thumb-hover":tt.activeState.opacity/100},onClick:dt=>{var vt;dt.stopPropagation(),I(ht),(vt=g.current)==null||vt.go(ht)},onMouseEnter:()=>{var dt;tt.triggers==="hov"&&((dt=g.current)==null||dt.go(ht))},children:o.jsx("img",{src:et.image.url,alt:et.image.name??"",onLoad:dt=>{const vt=dt.currentTarget;vt.naturalWidth&&vt.naturalHeight&&V(Ot=>({...Ot,[ht]:{width:vt.naturalWidth,height:vt.naturalHeight}}))},style:{objectFit:tt.fit==="cover"?"cover":"contain",...tt.fit==="fit"?{maxWidth:"100%",maxHeight:"100%",objectFit:"contain"}:{},...tt.fit==="cover"?{width:"100%",height:"100%"}:{}}})},`${et.image.name}-${ht}`)})})})})()]})]}),document.getElementById(l))};function ll({color:t,className:e}){return o.jsx("svg",{viewBox:"0 0 10 18",className:e,children:o.jsx("g",{id:"Symbols",stroke:"none",strokeWidth:"1",fillRule:"evenodd",children:o.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:t,transform:"translate(5, 9) rotate(-90) translate(-5, -9)"})})})}const zd={element:Dd,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 Ni(t){return`calc(var(--cntrl-article-width, 100vw) * ${t/1440})`}function Vd(t){return`
+ */const Vc="RichTextRenderer-module__link___BWeZ2",Kc={link:Vc},Uc=t=>{const e=t.trim();return!e||e.startsWith('"')&&e.endsWith('"')||e.startsWith("'")&&e.endsWith("'")?!1:e.split(/\s+/g).filter(Boolean).some(i=>/^\d/.test(i))},Io=t=>t&&t.split(",").map(n=>n.trim()).filter(Boolean).map(n=>Uc(n)?`"${n.replace(/"/g,'\\"')}"`:n).join(", ");function en(t){const{color:e,...n}=t;return n}function We(t,e){var r,l,s;const{fontSize:n,lineHeight:i}=t;return{fontFamily:Io(t.fontSettings.fontFamily),fontWeight:t.fontSettings.fontWeight,fontStyle:t.fontSettings.fontStyle,letterSpacing:I.scalingValue(t.letterSpacing,e),wordSpacing:I.scalingValue(t.wordSpacing,e),fontSize:I.scalingValue(n,e),lineHeight:i!==void 0?I.scalingValue(i,e):void 0,textTransform:(r=t.textAppearance)==null?void 0:r.textTransform,textDecoration:(l=t.textAppearance)==null?void 0:l.textDecoration,fontVariant:(s=t.textAppearance)==null?void 0:s.fontVariant,textAlign:t.textAlign,color:t.color}}const wi=({content:t})=>{const e=n=>n.map((i,r)=>i.type==="link"?o.jsx("a",{className:Kc.link,href:i.value,target:i.target,children:e(i.children)},r):o.jsx("span",{style:Gc(i),children:i.text},r));return o.jsx(o.Fragment,{children:t.map((n,i)=>{const r=n.children;return o.jsx("div",{children:e(r)},i)})})};function Gc(t){return{...t.fontFamily&&{fontFamily:Io(t.fontFamily)},...t.fontWeight&&{fontWeight:t.fontWeight},...t.fontStyle&&{fontStyle:t.fontStyle},...t.textDecoration&&{textDecoration:t.textDecoration},...t.textTransform&&{textTransform:t.textTransform},...t.fontVariant&&{fontVariant:t.fontVariant},...t.verticalAlign&&{verticalAlign:t.verticalAlign,lineHeight:"0px"}}}const qc="SvgImage-module__svg___q3xE-",Xc="SvgImage-module__img___VsTm-",rl={svg:qc,img:Xc},Yc=t=>{const e=t.trim();return e.startsWith("data:image/svg+xml")?!0:(e.split(/[?#]/)[0]??e).endsWith(".svg")},Jc=t=>`url("${t.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}")`,nn=({url:t,fill:e="#000000",hoverFill:n="#CCCCCC",className:i="",style:r})=>{const[l,s]=c.useState(()=>typeof window>"u"?!0:CSS.supports("mask-image",'url("")')||CSS.supports("-webkit-mask-image",'url("")'));return c.useEffect(()=>{if(typeof window<"u"&&window.CSS){const d=CSS.supports("mask-image",'url("")')||CSS.supports("-webkit-mask-image",'url("")');s(d)}},[]),!Yc(t)||!l?o.jsx("img",{src:t,alt:"",className:Xt(rl.img,i),style:r}):o.jsx("span",{"data-supports-mask":l,className:Xt(rl.svg,i),style:{"--svg":Jc(t),"--fill":e,"--hover-fill":n,...r??{}}})},Zc={"top-left":bt.topLeftAlignment,"top-center":bt.topCenterAlignment,"top-right":bt.topRightAlignment,"middle-left":bt.middleLeftAlignment,"middle-center":bt.middleCenterAlignment,"middle-right":bt.middleRightAlignment,"bottom-left":bt.bottomLeftAlignment,"bottom-center":bt.bottomCenterAlignment,"bottom-right":bt.bottomRightAlignment};function Qc({settings:t,content:e,styles:n,isEditor:i}){const[r,l]=c.useState(null),{widthSettings:s,fontSettings:d,letterSpacing:a,textAlign:p,wordSpacing:u,fontSizeLineHeight:S,textAppearance:x,color:y}=n.imageCaption??{},[m,f]=c.useState(void 0),[L,w]=c.useState(null),[$,C]=c.useState(0),[P,E]=c.useState(0),{direction:k,transition:b,controls:M,pagination:z,imageCaption:h,triggers:T}=t,_=c.useRef(b.type),{x:N,y:V}=t.controls.offset,at=O=>{r&&r.go(O)};return c.useEffect(()=>{if(!L)return;const O=new ResizeObserver(W=>{if(!r)return;const[G]=W;f({width:Math.round(G.contentRect.width),height:Math.round(G.contentRect.height)})});return O.observe(L),()=>O.unobserve(L)},[L]),c.useEffect(()=>{!r||_.current===b.type||(E(O=>O+1),_.current=b.type)},[b.type]),o.jsx("div",{className:Xt(bt.wrapper,{[bt.editor]:i}),ref:w,children:o.jsxs("div",{className:bt.sliderInner,style:{width:m?m.width:"100%",height:m?m.height:"100%",backgroundColor:b.backgroundColor&&b.type==="fade in"?b.backgroundColor:"transparent"},children:[t.imageCaption.isActive&&o.jsx("div",{className:Xt(bt.captionBlock),children:o.jsx("div",{className:bt.captionTextWrapper,children:e.map((O,W)=>o.jsx("div",{className:Xt(bt.captionText,Zc[h.alignment],{[bt.withPointerEvents]:W===$&&i,[bt.active]:W===$}),style:{fontFamily:Io(d.fontFamily),fontWeight:d.fontWeight,fontStyle:d.fontStyle,width:s.sizing==="auto"?"max-content":I.scalingValue(s.width,i),letterSpacing:I.scalingValue(a,i),wordSpacing:I.scalingValue(u,i),textAlign:p,fontSize:I.scalingValue(S.fontSize,i),lineHeight:I.scalingValue(S.lineHeight,i),textTransform:x.textTransform??"none",textDecoration:x.textDecoration??"none",fontVariant:x.fontVariant??"normal",color:y,transitionDuration:b.duration?`${Math.round(parseInt(b.duration)/2)}ms`:"500ms"},children:o.jsx("div",{"data-styles":"imageCaption",className:bt.captionTextInner,style:{"--link-hover-color":h.linkHoverColor,"--link-color":h.linkColor,position:"relative",top:I.scalingValue(h.offset.y,i),left:I.scalingValue(h.offset.x,i)},children:o.jsx(wi,{content:O.imageCaption})})},W))})}),o.jsx(Mr,{onMove:O=>{C(O.index)},ref:l,options:{arrows:!1,speed:b.duration?parseInt(b.duration):500,autoplay:T.autoPlay!==null,...T.autoPlay!==null&&{interval:parseInt(T.autoPlay)*1e3},direction:k==="horiz"||b.type==="fade in"?"ltr":"ttb",pagination:!1,drag:T.triggersList.drag,perPage:1,width:m?m.width:"100%",height:m?m.height:"100%",type:b.type==="fade in"?"fade":"loop",rewind:!0},children:e.map((O,W)=>o.jsx(_r,{children:o.jsx("div",{className:bt.sliderItem,children:o.jsx("div",{className:bt.imgWrapper,children:o.jsx("img",{className:Xt(bt.sliderImage,{[bt.contain]:O.image.objectFit==="contain",[bt.cover]:O.image.objectFit==="cover"}),src:O.image.url,alt:O.image.name??""})})})},W))},P),M.isActive&&o.jsxs(o.Fragment,{children:[o.jsx("div",{className:Xt(bt.arrow,{[bt.arrowVertical]:k==="vert",[bt.hoverArrow]:M.show==="on hover"}),style:{color:M.color,"--arrow-hover-color":M.hover},children:o.jsxs("button",{onClick:()=>{at("-1")},className:bt.arrowInner,style:{transform:`translate(${I.scalingValue(N,i)}, ${I.scalingValue(V*(k==="horiz"?1:-1),i)}) scale(${t.controls.scale/100}) rotate(${k==="horiz"?"0deg":"90deg"})`},children:[M.arrowsImgUrl&&o.jsx(nn,{url:M.arrowsImgUrl,fill:M.color,hoverFill:M.hover,className:Xt(bt.arrowImg,bt.mirror)}),!M.arrowsImgUrl&&o.jsx(ll,{color:M.color,className:Xt(bt.arrowIcon,bt.arrowImg,bt.mirror)})]})}),o.jsx("div",{className:Xt(bt.arrow,bt.nextArrow,{[bt.arrowVertical]:k==="vert",[bt.hoverArrow]:M.show==="on hover"}),style:{color:M.color,"--arrow-hover-color":M.hover},children:o.jsxs("button",{className:bt.arrowInner,onClick:()=>at("+1"),style:{transform:`translate(${I.scalingValue(N*(k==="horiz"?-1:1),i)}, ${I.scalingValue(V,i)}) scale(${t.controls.scale/100}) rotate(${k==="horiz"?"0deg":"90deg"})`},children:[M.arrowsImgUrl&&o.jsx(nn,{url:M.arrowsImgUrl,fill:M.color,hoverFill:M.hover,className:bt.arrowImg}),!M.arrowsImgUrl&&o.jsx(ll,{color:M.color,className:Xt(bt.arrowIcon,bt.arrowImg)})]})})]}),T.triggersList.click&&o.jsx("div",{className:bt.clickOverlay,onClick:()=>{r&&r.go("+1")}}),z.isActive&&o.jsx("div",{className:Xt(bt.pagination,{[bt.paginationInsideBottom]:z.position==="inside-1"&&k==="horiz",[bt.paginationInsideTop]:z.position==="inside-2"&&k==="horiz",[bt.paginationOutsideBottom]:z.position==="outside-1"&&k==="horiz",[bt.paginationOutsideTop]:z.position==="outside-2"&&k==="horiz",[bt.paginationInsideLeft]:z.position==="inside-1"&&k==="vert",[bt.paginationInsideRight]:z.position==="inside-2"&&k==="vert",[bt.paginationOutsideLeft]:z.position==="outside-1"&&k==="vert",[bt.paginationOutsideRight]:z.position==="outside-2"&&k==="vert",[bt.paginationVertical]:k==="vert"}),children:o.jsx("div",{className:bt.paginationInner,style:{backgroundColor:z.colors[2],transform:`scale(${z.scale/100}) translate(${I.scalingValue(z.offset.x,i)}, ${I.scalingValue(z.offset.y,i)}) rotate(${k==="horiz"?"0deg":"90deg"})`},children:e.map((O,W)=>o.jsx("button",{onClick:()=>{r&&r.go(W)},className:Xt(bt.paginationItem),children:o.jsx("div",{className:Xt(bt.dot,{[bt.activeDot]:W===$}),style:{backgroundColor:W===$?z.colors[0]:z.colors[1],"--pagination-hover-color":z.hover}})},W))})})]})})}function ll({color:t,className:e}){return o.jsx("svg",{viewBox:"0 0 10 18",className:e,children:o.jsx("g",{id:"Symbols",stroke:"none",strokeWidth:"1",fillRule:"evenodd",children:o.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:t,transform:"translate(5, 9) rotate(-90) translate(-5, -9)"})})})}const td={element:Qc,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"]}},ed="ImageRevealSlider-module__imageRevealSlider___UE5Ob",nd="ImageRevealSlider-module__image___Qjt-e",id="ImageRevealSlider-module__link___N-iLG",od="ImageRevealSlider-module__cursor___2U03d",Vn={imageRevealSlider:ed,image:nd,link:id,cursor:od};function sl(t,e,n){for(const i of n){const r=new Image;r.src=i.url;const l=i.width?Number.parseFloat(i.width):r.naturalWidth,s=r.naturalHeight/r.naturalWidth*l,d=l/2,a=s/2;if(t>=i.x-d&&t<=i.x+d&&e>=i.y-a&&e<=i.y+a)return!0}return!1}function Fo(t){return new Promise(e=>{const n=new Image;n.src=t,n.onload=()=>{e({width:n.naturalWidth,height:n.naturalHeight})}})}async function rd(t,e,n,i){let r,l;if(e==="custom"){r=n;const s=await Fo(t);l=s.height/s.width*r}else if(e==="random"){r=Math.random()*(i.max-i.min)+i.min;const s=await Fo(t);l=s.height/s.width*r}else{const s=await Fo(t);r=s.width,l=s.height}return{width:r,height:l,finalWidth:`${r}px`}}function ld({settings:t,content:e,isEditor:n}){const[i,r]=c.useState(null),[l,s]=c.useState([]),[d,a]=c.useState(0),p=c.useRef(0),[u,S]=c.useState({x:0,y:0}),[x,y]=c.useState(1),[m,f]=c.useState("none"),L=c.useRef({x:0,y:0}),[w,$]=c.useState(!1),{sizeType:C,imageWidth:P,randomRangeImageWidth:E}=t.imageSize,{revealPosition:k,visible:b}=t.position,{cursorType:M,target:z,defaultCursorScale:h,defaultCursor:T,hoverCursorScale:_,hoverCursor:N}=t.cursor;c.useEffect(()=>{if(!i)return;const O=(K,H)=>{const q=i.getBoundingClientRect(),et=K-q.left,lt=H-q.top;if(S({x:et,y:lt}),M==="system"){f("none"),y(1);return}const F=et,ct=lt,g=document.elementFromPoint(q.left+F,q.top+ct);if(g&&g.closest("a")){f("none"),y(1);return}const nt=sl(F,ct,l)||z==="area"?{img:N??"none",scale:_}:{img:T??"none",scale:h};f(nt.img),y(nt.scale)},W=K=>{K.stopPropagation(),L.current={x:K.clientX,y:K.clientY},O(K.clientX,K.clientY)},G=()=>{w&&O(L.current.x,L.current.y)};return i.addEventListener("mousemove",W),window.addEventListener("scroll",G,!0),()=>{i.removeEventListener("mousemove",W),window.removeEventListener("scroll",G,!0)}},[i,w,u,M,z,N,T,_,h,l]),c.useEffect(()=>{w||(f("none"),y(0))},[w]);const V=async(O,W,G,K={})=>{const{width:H,height:q,finalWidth:et}=await rd(O.image.url,C,P,E);let lt=0,F=0;k==="same"?(lt=W/2,F=G/2):(lt=K.x??Math.random()*W,F=K.y??Math.random()*G);const ct=Math.min(Math.max(lt,H/2),W-H/2),g=Math.min(Math.max(F,q/2),G-q/2);return{id:p.current++,url:O.image.url,link:O.link,name:O.image.name,x:ct,y:g,width:et}};c.useEffect(()=>{if(!i||e.length===0)return;const O=i.getBoundingClientRect(),W=O.width,G=O.height,K=[];(async()=>{const q=e[0],et=await V(q,W,G);K.push(et),s(K),a(1)})()},[C,P,E,k,i]),c.useEffect(()=>{b==="last One"&&s(O=>O.length>0?[O[O.length-1]]:[])},[b]);const at=async O=>{if(!i)return;const W=i.getBoundingClientRect(),G=O.clientX-W.left,K=O.clientY-W.top;if(z==="image"&&!sl(G,K,l))return;let H=0,q=0;k==="on Click"?(H=G,q=K):k==="same"?(H=W.width/2,q=W.height/2):(H=Math.random()*W.width,q=Math.random()*W.height);const et=e[d],lt=await V(et,W.width,W.height,{x:H,y:q});s(F=>b==="all"?[...F,lt]:[lt]),a(F=>F>=e.length-1?0:F+1)};return o.jsxs("div",{ref:r,onClick:at,onMouseEnter:()=>$(!0),onMouseLeave:()=>$(!1),className:Vn.imageRevealSlider,style:{cursor:m==="none"?"default":"none"},children:[l.map(O=>o.jsx("div",{className:Vn.wrapper,style:{top:`${O.y}px`,left:`${O.x}px`,position:"absolute",transform:"translate(-50%, -50%)",width:O.width??"auto",height:"auto",cursor:m==="none"?"default":"none"},children:z==="area"&&O.link?o.jsx("a",{href:O.link,target:"_blank",className:Vn.link,children:o.jsx("img",{src:O.url,alt:O.name,className:Vn.image},O.id)}):o.jsx("img",{src:O.url,alt:O.name,className:Vn.image},O.id)},O.id)),w&&o.jsx("div",{className:Vn.cursor,style:{left:`${u.x}px`,top:`${u.y}px`,transform:`translate(-50%, -50%) scale(${x})`,backgroundImage:`url('${m}')`,backgroundSize:"cover",backgroundPosition:"center",position:"absolute",pointerEvents:"none"}})]})}const sd={element:ld,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:""}]}}}},ad="LightBox-module__hidden___9s-9x",cd="LightBox-module__heroImage___sTxNF",dd="LightBox-module__background___rm9ml",ud="LightBox-module__editor___4ACaY",pd="LightBox-module__contentStyle___Bgnsq",md="LightBox-module__imageStyle___tLIlB",gd="LightBox-module__imgWrapper___LuFUp",hd="LightBox-module__contain___8-yaS",fd="LightBox-module__cover___hNvOG",yd="LightBox-module__caption___b6L2I",vd="LightBox-module__captionTextInner___rCGNH",xd="LightBox-module__lightboxSplide___XFuWC",bd="LightBox-module__arrow___iz38X",Sd="LightBox-module__arrowVertical___Zfz81",wd="LightBox-module__nextArrow___zkAQN",Cd="LightBox-module__arrowInner___p48sW",Td="LightBox-module__arrowIcon___3VaFf",$d="LightBox-module__arrowImg___pNV88",Ld="LightBox-module__mirror___pjeXc",Id="LightBox-module__thumbsWrapper___GB-nU",Ed="LightBox-module__thumbsContainerVertical___wttk5",Rd="LightBox-module__thumbsContainer___osSma",Md="LightBox-module__thumbsAlignStart___MO6tY",_d="LightBox-module__thumbsAlignCenter___Q4sUx",Wd="LightBox-module__thumbsAlignEnd___p4y9R",Ad="LightBox-module__thumbItem___HvnF3",Pd="LightBox-module__closeButton___g2khP",kd="LightBox-module__fadeIn___0m5GW",Fd="LightBox-module__slideInLeft___gPYwC",Nd="LightBox-module__slideInRight___S-pPp",Hd="LightBox-module__slideInTop___DFdAj",Bd="LightBox-module__slideInBottom___m27kZ",Od="LightBox-module__fadeOut___55qBR",Dd="LightBox-module__slideOutLeft___NvU7P",jd="LightBox-module__slideOutRight___SK7eC",zd="LightBox-module__slideOutTop___Vgg0z",Vd="LightBox-module__slideOutBottom___nJ0Ef",Kd="LightBox-module__scaleSlide___vZriG",ut={hidden:ad,heroImage:cd,background:dd,editor:ud,contentStyle:pd,imageStyle:md,imgWrapper:gd,contain:hd,cover:fd,caption:yd,captionTextInner:vd,lightboxSplide:xd,arrow:bd,arrowVertical:Sd,nextArrow:wd,arrowInner:Cd,arrowIcon:Td,arrowImg:$d,mirror:Ld,thumbsWrapper:Id,thumbsContainerVertical:Ed,thumbsContainer:Rd,thumbsAlignStart:Md,thumbsAlignCenter:_d,thumbsAlignEnd:Wd,thumbItem:Ad,closeButton:Pd,fadeIn:kd,slideInLeft:Fd,slideInRight:Nd,slideInTop:Hd,slideInBottom:Bd,fadeOut:Od,slideOutLeft:Dd,slideOutRight:jd,slideOutTop:zd,slideOutBottom:Vd,scaleSlide:Kd},Oi=(t,e,n)=>{const i={},[r,l]=t.split("-");return r==="top"?(i.top="0",i.bottom="auto"):r==="middle"?(i.top="50%",i.bottom="auto"):r==="bottom"&&(i.top="auto",i.bottom="0"),l==="left"?(i.left="0",i.right="auto"):l==="center"?(i.left="50%",i.right="auto"):l==="right"&&(i.left="auto",i.right="0"),r==="middle"&&l==="center"?i.transform=`translate(calc(-50% + ${I.scalingValue(e.x,n)}), calc(-50% + ${I.scalingValue(e.y,n)}))`:r==="middle"?i.transform=`translate(${I.scalingValue(e.x,n)}, calc(-50% + ${I.scalingValue(e.y,n)}))`:l==="center"?i.transform=`translate(calc(-50% + ${I.scalingValue(e.x,n)}), ${I.scalingValue(e.y,n)})`:i.transform=`translate(${I.scalingValue(e.x,n)}, ${I.scalingValue(e.y,n)})`,i};function Ls(t){const e=window.getComputedStyle(t);return{top:parseFloat(e.paddingTop)||0,right:parseFloat(e.paddingRight)||0,bottom:parseFloat(e.paddingBottom)||0,left:parseFloat(e.paddingLeft)||0}}function al(t){const e=t.getBoundingClientRect(),n=Ls(t),i=Math.max(0,e.width-n.left-n.right),r=Math.max(0,e.height-n.top-n.bottom),l=t.naturalWidth,s=t.naturalHeight,d=i/r,a=l/s;let p,u;a>d?(p=i,u=i/a):(u=r,p=r*a);const S=e.left+n.left,x=e.top+n.top,y=(i-p)/2+S,m=(r-u)/2+x;return{x:y,y:m,width:p,height:u}}function cl(t){const e=t.getBoundingClientRect(),n=Ls(t);return{left:e.left+n.left,right:e.right-n.right,top:e.top+n.top,bottom:e.bottom-n.bottom}}function dl(t){const e=t.match(/rgba?\(([^)]+)\)/);if(e){const i=e[1].split(",").map(r=>parseFloat(r.trim()));return i.length===4?i[3]:1}const n=t.match(/^#([0-9a-fA-F]{8})$/);if(n){const i=n[1].substring(6,8);return parseInt(i,16)/255}return t.match(/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/),1}function Ud(t,e){const n=(()=>{if(t==="fade in")return ut.fadeIn;if(t==="slide in"||t==="mix")switch(e){case"left":return ut.slideInLeft;case"right":return ut.slideInRight;case"top":return ut.slideInTop;case"bottom":return ut.slideInBottom;default:return ut.slideInRight}return ut.fadeIn})(),i=(()=>{if(t==="fade in"||t==="mix")return ut.fadeIn;if(t==="slide in")switch(e){case"left":return ut.slideInLeft;case"right":return ut.slideInRight;case"top":return ut.slideInTop;case"bottom":return ut.slideInBottom;default:return ut.slideInRight}return ut.fadeIn})(),r=(()=>{if(t==="fade in"||t==="mix")return ut.fadeOut;if(t==="slide in")switch(e){case"left":return ut.slideOutLeft;case"right":return ut.slideOutRight;case"top":return ut.slideOutTop;case"bottom":return ut.slideOutBottom;default:return ut.slideOutRight}return ut.fadeOut})(),l=(()=>{if(t==="fade in")return ut.fadeOut;if(t==="slide in"||t==="mix")switch(e){case"left":return ut.slideOutLeft;case"right":return ut.slideOutRight;case"top":return ut.slideOutTop;case"bottom":return ut.slideOutBottom;default:return ut.slideOutRight}return ut.fadeOut})();return{appearClass:n,backdropAppearClass:i,backdropDisappearClass:r,disappearClass:l}}const Gd=({settings:t,content:e,styles:n,portalId:i,activeEvent:r,isEditor:l,isPreviewMode:s})=>{const[d,a]=c.useState(!1),{url:p}=t.thumbnailBlock.cover;return c.useEffect(()=>{r==="close"&&a(!1),r==="open"&&a(!0)},[r]),o.jsxs(o.Fragment,{children:[o.jsx("img",{src:p,alt:"Cover",className:ut.heroImage,onClick:()=>a(!0)}),o.jsx(qd,{isOpen:d,onClose:()=>a(!1),content:e,settings:t,lightboxStyles:n,portalId:i,isEditor:l})]})},qd=({isOpen:t,onClose:e,content:n,lightboxStyles:i,settings:r,portalId:l,isEditor:s,metadata:d})=>{var xt;const{widthSettings:a,fontSettings:p,letterSpacing:u,textAlign:S,wordSpacing:x,fontSizeLineHeight:y,textAppearance:m,color:f}=i.imageCaption??{},[L,w]=c.useState(0),[$,C]=c.useState(0),[P,E]=c.useState(!1),[k,b]=c.useState(!1),[M,z]=c.useState({}),h=c.useRef(null),T=c.useRef(null),_=c.useRef(null),N=c.useRef(!1),V=c.useRef(null),at=c.useRef(null),O=c.useRef(null),W=c.useRef(null),G=c.useRef(!1),K=c.useRef(null),[H,q]=c.useState(!1),{appear:et,triggers:lt,slider:F,thumbnail:ct,controls:g,area:nt,caption:ft,layout:it}=r.lightboxBlock,{appearClass:wt,backdropAppearClass:mt,backdropDisappearClass:ot,disappearClass:B}=Ud(et.type,et.direction),Q=(d==null?void 0:d.itemId)??null;c.useEffect(()=>{const j=()=>{setTimeout(()=>{var A,D;(D=(A=h.current)==null?void 0:A.splide)==null||D.refresh()},16)},st=()=>{C(A=>A+1)};return window.addEventListener("ArticleEditor.Layout:change",j),window.addEventListener("ArticleEditor.ComponentContent:change",st),()=>{window.removeEventListener("ArticleEditor.Layout:change",j),window.removeEventListener("ArticleEditor.ComponentContent:change",st)}},[]),c.useEffect(()=>{if(!t||!ct.isActive){q(!1);return}const j=K.current;if(!j)return;const st=()=>{F.direction==="horiz"?q(j.scrollWidth>j.clientWidth):q(j.scrollHeight>j.clientHeight)};st();const A=new ResizeObserver(st);return A.observe(j),()=>A.disconnect()},[t,ct.isActive,n.length,M,F.direction]);const U=c.useCallback(()=>{const j=window.matchMedia("(max-width: 768px)").matches,st=dl(nt.color);j&&!s&&st>.9&&(document.body.style.backgroundColor=""),E(!0),N.current=!0;const A=D=>{D.target===V.current&&D.animationName&&(V.current&&at.current&&V.current.removeEventListener("animationend",at.current),at.current=null,N.current&&(N.current=!1,e()),E(!1))};V.current&&(at.current=A,V.current.addEventListener("animationend",A))},[e,nt.color,s]),Y=(j,st,A)=>{var D,X;if(j){if(lt.type==="click"&&lt.switch==="image")lt.repeat==="close"&&L===n.length-1?U():(D=h.current)==null||D.go("+1");else if(lt.type==="click"&&lt.switch==="50/50"){const J=j.getBoundingClientRect(),gt=st-J.left,Ct=A-J.top,Dt=J.width,Rt=J.height;let $t;F.direction==="horiz"?$t=gt<Dt/2?"-1":"+1":$t=Ct<Rt/2?"-1":"+1",(X=h.current)==null||X.go($t)}}},It=j=>{if(G.current){G.current=!1;return}const st=n[L],A=(st==null?void 0:st.image.objectFit)==="cover";let D,X;if("changedTouches"in j&&j.changedTouches.length>0)D=j.changedTouches[0].clientX,X=j.changedTouches[0].clientY;else if("clientX"in j)D=j.clientX,X=j.clientY;else return;let J;if(A&&_.current){const gt=cl(_.current);J=D>=gt.left&&D<=gt.right&&X>=gt.top&&X<=gt.bottom}else{const gt=_.current?al(_.current):null;if(!gt){j.target===j.currentTarget&&U();return}J=D>=gt.x&&D<=gt.x+gt.width&&X>=gt.y&&X<=gt.y+gt.height}J?Y(_.current,D,X):U()},Mt=j=>{const st=j.target;(st.classList.contains(ut.thumbsWrapper)||st.classList.contains(ut.thumbsContainer))&&It(j)};c.useEffect(()=>{if(!t)return;const j=st=>{var A,D;if(st.key==="Escape"){U();return}if(st.key==="ArrowRight"){w(X=>(X+1)%Math.max(n.length,1)),(A=h.current)==null||A.go("+1");return}st.key==="ArrowLeft"&&(w(X=>(X-1+Math.max(n.length,1))%Math.max(n.length,1)),(D=h.current)==null||D.go("-1"))};return window.addEventListener("keydown",j),()=>{window.removeEventListener("keydown",j)}},[t,U,n.length]),c.useEffect(()=>{if(t){if(w(0),C(st=>st+1),N.current=!1,E(!1),b(!1),z({}),!Q)return;const j=new CustomEvent("page-overlay",{detail:{itemId:Q}});window.dispatchEvent(j)}return()=>{V.current&&at.current&&(V.current.removeEventListener("animationend",at.current),at.current=null),b(!1)}},[t,Q]),c.useEffect(()=>{T.current!==null&&T.current!==F.type&&C(j=>j+1),T.current=F.type},[F.type]),c.useEffect(()=>{if(!t)return;const j=document.body.style.overflow,st=window.matchMedia("(max-width: 768px)").matches,A=dl(nt.color);document.body.style.overflow="hidden",b(!1);const D=J=>{J.target===V.current&&!N.current&&J.animationName&&(st&&!s&&A>.9&&(document.body.style.backgroundColor=nt.color),b(!0),V.current&&O.current&&V.current.removeEventListener("animationend",O.current),O.current=null)};V.current&&(O.current=D,V.current.addEventListener("animationend",D));const X=J=>{const gt=J.target;gt&&(gt.closest(`.${ut.thumbsWrapper}`)||gt.closest(`.${ut.thumbsContainer}`))||F.type!=="slide"&&J.preventDefault()};return document.addEventListener("touchmove",X,{passive:!1}),()=>{document.body.style.overflow=j,document.removeEventListener("touchmove",X),V.current&&O.current&&(V.current.removeEventListener("animationend",O.current),O.current=null),b(!1)}},[t,s,nt.color,F.type]),c.useEffect(()=>{if(!t)return;const j=st=>{var D,X;if(N.current){st.stopPropagation();return}if(G.current){G.current=!1;return}const A=st.target;if(!(A&&(A.closest(`.${ut.thumbsContainer}`)||A.closest(`.${ut.thumbItem}`)||A.closest(`.${ut.arrow}`)||A.closest(`.${ut.closeButton}`)||A.closest(`.${ut.caption}`)))){if(F.type==="slide"&&lt.type==="drag"&&((X=(D=h.current)==null?void 0:D.splide)!=null&&X.root)){const J=h.current.splide.root;if(A&&(J.contains(A)||J===A))return}if(st.touches.length===0&&st.changedTouches.length>0){const J=n[L],gt=(J==null?void 0:J.image.objectFit)==="cover",Ct=st.changedTouches[0];let Dt;if(gt&&_.current){const Rt=cl(_.current);Dt=Ct.clientX>=Rt.left&&Ct.clientX<=Rt.right&&Ct.clientY>=Rt.top&&Ct.clientY<=Rt.bottom}else{const Rt=_.current?al(_.current):null;if(!Rt)return;Dt=Ct.clientX>=Rt.x&&Ct.clientX<=Rt.x+Rt.width&&Ct.clientY>=Rt.y&&Ct.clientY<=Rt.y+Rt.height}if(!Dt){st.stopPropagation(),N.current=!0;const Rt=$t=>{$t.stopPropagation(),$t.preventDefault(),document.removeEventListener("click",Rt,!0)};document.addEventListener("click",Rt,!0),U()}}}};return document.addEventListener("touchend",j,{passive:!0}),()=>{document.removeEventListener("touchend",j)}},[t,U,L,n]);const At=(F.type==="scale"||F.type==="fade")&&F.direction==="vert"&&lt.type==="drag";c.useEffect(()=>{var $t,Gt;if(!t||!At||!((Gt=($t=h.current)==null?void 0:$t.splide)!=null&&Gt.root))return;const j=h.current.splide.root,st=30,A=(pt,Et)=>{if(W.current){const jt=Math.abs(pt-W.current.x),zt=Math.abs(Et-W.current.y);(jt>0||zt>0)&&(G.current=!0)}},D=pt=>{W.current&&(pt.preventDefault(),A(pt.clientX,pt.clientY))},X=pt=>{W.current&&pt.touches.length>0&&(pt.preventDefault(),A(pt.touches[0].clientX,pt.touches[0].clientY))},J=(pt,Et)=>{if(!W.current||!h.current){W.current=null;return}const jt=Math.abs(pt-W.current.x),zt=Math.abs(Et-W.current.y);zt>st&&zt>jt&&h.current.go(Et<W.current.y?"+1":"-1"),W.current=null},gt=pt=>{W.current&&J(pt.clientX,pt.clientY),document.removeEventListener("pointerup",gt),document.removeEventListener("pointercancel",gt),document.removeEventListener("pointermove",D)},Ct=pt=>{if(W.current){if(pt.changedTouches.length>0){const Et=pt.changedTouches[0];J(Et.clientX,Et.clientY)}document.removeEventListener("touchend",Ct),document.removeEventListener("touchcancel",Ct),document.removeEventListener("touchmove",X)}},Dt=pt=>{W.current={x:pt.clientX,y:pt.clientY},G.current=!1,document.addEventListener("pointermove",D,{passive:!1}),document.addEventListener("pointerup",gt),document.addEventListener("pointercancel",gt)},Rt=pt=>{pt.touches.length>0&&(W.current={x:pt.touches[0].clientX,y:pt.touches[0].clientY},G.current=!1,document.addEventListener("touchmove",X,{passive:!1}),document.addEventListener("touchend",Ct),document.addEventListener("touchcancel",Ct))};return j.addEventListener("pointerdown",Dt),j.addEventListener("touchstart",Rt),()=>{j.removeEventListener("pointerdown",Dt),j.removeEventListener("touchstart",Rt),document.removeEventListener("pointermove",D),document.removeEventListener("pointerup",gt),document.removeEventListener("pointercancel",gt),document.removeEventListener("touchmove",X),document.removeEventListener("touchend",Ct),document.removeEventListener("touchcancel",Ct),W.current=null,G.current=!1}},[t,At,$]);const Pt={backgroundColor:nt.color,backdropFilter:`blur(${nt.blur}px)`,animationDuration:`${parseInt(et.duration)}ms`,animationTimingFunction:"ease",animationFillMode:"both"};return typeof document>"u"||!document.getElementById(l)?null:Li.createPortal(o.jsxs(o.Fragment,{children:[o.jsx("div",{ref:s?null:V,className:Xt(ut.background,P?ot:mt,{[ut.editor]:s},{[ut.hidden]:!t}),style:{...Pt,...k&&!s&&!P?{position:"absolute"}:{}}}),o.jsxs("div",{ref:s?V:null,className:Xt(ut.contentStyle,P?B:wt,{[ut.editor]:s},{[ut.hidden]:!t}),style:{animationDuration:`${parseInt(et.duration)}ms`,animationTimingFunction:"ease",animationFillMode:"both"},children:[o.jsx(Mr,{onMove:j=>w(j.index),ref:h,className:ut.lightboxSplide,options:{arrows:!1,speed:F.duration?parseInt(F.duration):500,direction:F.direction==="horiz"||F.type==="fade"||F.type==="scale"?"ltr":"ttb",pagination:!1,drag:lt.type==="drag"&&!At,perPage:1,width:"100%",height:"100%",type:F.type==="fade"||F.type==="scale"?"fade":"loop",padding:0,rewind:lt.repeat!=="close",start:0},style:{"--splide-speed":F.duration},children:n.map((j,st)=>{const A=Oi(it.position,it.offset,s),D=`${I.scalingValue(it.padding.top,s)} ${I.scalingValue(it.padding.right,s)} ${I.scalingValue(it.padding.bottom,s)} ${I.scalingValue(it.padding.left,s)}`,X=F.type==="scale"?(()=>{const{transform:J,...gt}=A;return{...gt,position:"absolute",padding:D,boxSizing:"border-box","--position-transform":J||"none"}})():{...A,position:"absolute",padding:D,boxSizing:"border-box"};return o.jsx(_r,{children:o.jsx("div",{className:ut.imgWrapper,onClick:It,children:o.jsx("img",{ref:st===L?_:null,className:Xt(ut.imageStyle,{[ut.contain]:j.image.objectFit==="contain",[ut.cover]:j.image.objectFit==="cover",[ut.scaleSlide]:F.type==="scale"}),src:j.image.url,alt:j.image.name??"",style:{...X,pointerEvents:j.image.objectFit==="contain"?"none":"auto"}})})},st)})},$),g.isActive&&o.jsxs(o.Fragment,{children:[o.jsx("div",{className:Xt(ut.arrow,{[ut.arrowVertical]:F.direction==="vert"}),style:{color:g.color,"--arrow-hover-color":g.hover},children:o.jsxs("button",{className:ut.arrowInner,style:{transform:`translate(${I.scalingValue(g.offset.x,s)}, ${I.scalingValue(g.offset.y*(F.direction==="horiz"?1:-1),s)}) scale(${g.scale}) rotate(${F.direction==="horiz"?"0deg":"90deg"})`},onClick:()=>{var j;return(j=h.current)==null?void 0:j.go("-1")},"aria-label":"Previous",children:[g.arrowsImgUrl&&o.jsx(nn,{url:g.arrowsImgUrl,fill:g.color,hoverFill:g.hover,className:Xt(ut.arrowImg,ut.mirror)}),!g.arrowsImgUrl&&o.jsx(ul,{color:g.color,className:Xt(ut.arrowIcon,ut.arrowImg,ut.mirror)})]})}),o.jsx("div",{className:Xt(ut.arrow,ut.nextArrow,{[ut.arrowVertical]:F.direction==="vert"}),style:{color:g.color,"--arrow-hover-color":g.hover},children:o.jsxs("button",{className:ut.arrowInner,style:{transform:`translate(${I.scalingValue(g.offset.x*(F.direction==="horiz"?-1:1),s)}, ${I.scalingValue(g.offset.y,s)}) scale(${g.scale}) rotate(${F.direction==="horiz"?"0deg":"90deg"})`},onClick:()=>{var j;return(j=h.current)==null?void 0:j.go("+1")},"aria-label":"Next",children:[g.arrowsImgUrl&&o.jsx(nn,{url:g.arrowsImgUrl,fill:g.color,hoverFill:g.hover,className:ut.arrowImg}),!g.arrowsImgUrl&&o.jsx(ul,{color:g.color,className:Xt(ut.arrowIcon,ut.arrowImg)})]})})]}),nt.closeIconUrl&&(()=>{const j=Oi(nt.closeIconAlign,nt.closeIconOffset,s),st=`scale(${nt.closeIconScale})`,A=j.transform?`${j.transform} ${st}`:st;return o.jsx("button",{className:ut.closeButton,style:{...j,transform:A},onClick:U,"aria-label":"Close lightbox",children:o.jsx(nn,{url:nt.closeIconUrl,fill:nt.closeIconColor??"#000000",hoverFill:nt.closeIconHover??"#cccccc"})})})(),ft&&ft.isActive&&i.imageCaption&&((xt=n[L])==null?void 0:xt.imageCaption)&&o.jsx("div",{className:ut.caption,style:{...Oi(ft.alignment,ft.offset,s),fontFamily:Io(p.fontFamily),fontWeight:p.fontWeight,fontStyle:p.fontStyle,width:a.sizing==="auto"?"max-content":I.scalingValue(a.width,s),letterSpacing:I.scalingValue(u,s),wordSpacing:I.scalingValue(x,s),textAlign:S,fontSize:I.scalingValue(y.fontSize,s),lineHeight:I.scalingValue(y.lineHeight,s),textTransform:m.textTransform??"none",textDecoration:m.textDecoration??"none",fontVariant:m.fontVariant??"normal",color:f},onClick:j=>j.stopPropagation(),children:o.jsx("div",{"data-styles":"imageCaption",className:ut.captionTextInner,style:{"--link-color":ft.linkColor,"--link-hover-color":ft.linkHoverColor},children:o.jsx(wi,{content:n[L].imageCaption})})}),ct.isActive&&(()=>{const[j,st]=ct.position.split("-"),A=F.direction==="horiz"?`${j}-left`:ct.position,D=Oi(A,ct.offset,s),X=()=>{if(F.direction==="horiz"){if(st==="left")return"flex-start";if(st==="center")return"center";if(st==="right")return"flex-end"}else{if(j==="top")return"flex-start";if(j==="middle")return"center";if(j==="bottom")return"flex-end"}return"flex-start"};return o.jsx("div",{ref:K,className:ut.thumbsWrapper,onClick:J=>Mt(J),style:{position:s?"absolute":"fixed",...D,...F.direction==="horiz"?{maxWidth:"100vw",width:"100%",overflowX:"auto",overflowY:"hidden"}:{maxHeight:"100vh",overflowY:"auto",overflowX:"hidden"}},children:o.jsx("div",{className:Xt(ut.thumbsContainer,{[ut.thumbsContainerVertical]:F.direction==="vert",[ut.thumbsAlignStart]:ct.align==="start",[ut.thumbsAlignCenter]:ct.align==="center",[ut.thumbsAlignEnd]:ct.align==="end"}),style:{gap:I.scalingValue(ct.grid.gap,s),justifyContent:H?"flex-start":X()},children:n.map((J,gt)=>{const Ct=gt===L,Dt=M[gt],$t=ct.grid.size*(Ct?ct.activeState.scale:1),Gt=()=>{if(ct.fit!=="fit")return{};if(!Dt)return F.direction==="horiz"?{height:I.scalingValue($t,s)}:{width:I.scalingValue($t,s)};const pt=Dt.width/Dt.height;if(F.direction==="horiz"){const Et=$t,jt=Et*pt;return{width:I.scalingValue(jt,s),height:I.scalingValue(Et,s)}}else{const Et=$t,jt=Et/pt;return{width:I.scalingValue(Et,s),height:I.scalingValue(jt,s)}}};return o.jsx("button",{className:ut.thumbItem,style:{...F.direction==="horiz"&&ct.fit!=="fit"?{height:I.scalingValue($t,s)}:{},...F.direction==="vert"&&ct.fit!=="fit"?{width:I.scalingValue($t,s)}:{},...ct.fit==="cover"?{width:I.scalingValue($t,s),height:I.scalingValue($t,s)}:{},...Gt(),transition:Ct?"all 0.25s ease-out":"none",opacity:Ct?ct.activeState.opacity/100:ct.opacity/100,"--thumb-hover":ct.activeState.opacity/100},onClick:pt=>{var Et;pt.stopPropagation(),w(gt),(Et=h.current)==null||Et.go(gt)},onMouseEnter:()=>{var pt;ct.triggers==="hov"&&((pt=h.current)==null||pt.go(gt))},children:o.jsx("img",{src:J.image.url,alt:J.image.name??"",onLoad:pt=>{const Et=pt.currentTarget;Et.naturalWidth&&Et.naturalHeight&&z(jt=>({...jt,[gt]:{width:Et.naturalWidth,height:Et.naturalHeight}}))},style:{objectFit:ct.fit==="cover"?"cover":"contain",...ct.fit==="fit"?{maxWidth:"100%",maxHeight:"100%",objectFit:"contain"}:{},...ct.fit==="cover"?{width:"100%",height:"100%"}:{}}})},`${J.image.name}-${gt}`)})})})})()]})]}),document.getElementById(l))};function ul({color:t,className:e}){return o.jsx("svg",{viewBox:"0 0 10 18",className:e,children:o.jsx("g",{id:"Symbols",stroke:"none",strokeWidth:"1",fillRule:"evenodd",children:o.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:t,transform:"translate(5, 9) rotate(-90) translate(-5, -9)"})})})}const Xd={element:Gd,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 Di(t){return`calc(var(--cntrl-article-width, 100vw) * ${t/1440})`}function Yd(t){return`
 .${t}-wrapper {
   display: flex;
   flex-direction: column;
   width: 100%;
-  min-height: ${Ni(48)};
+  min-height: ${Di(48)};
 }
 .${t}-wrapper.${t}-type-C .${t}-input:focus-visible,
 .${t}-wrapper.${t}-type-C .${t}-button:focus-visible {
@@ -32,7 +32,7 @@
   min-width: 0;
 }
 .${t}-field-group.${t}-labeled {
-  gap: ${Ni(4)};
+  gap: ${Di(4)};
 }
 .${t}-field-label {
   white-space: nowrap;
@@ -128,11 +128,11 @@
   outline: none;
 }
 .${t}-success {
-  margin-top: ${Ni(8)};
+  margin-top: ${Di(8)};
   color: var(--${t}-success-success-color, var(--${t}-success-color));
 }
 .${t}-error {
-  margin-top: ${Ni(8)};
+  margin-top: ${Di(8)};
   color: var(--${t}-error-error-color, var(--${t}-error-color));
 }
 .${t}-overlay-anchor {
@@ -155,7 +155,7 @@
   pointer-events: auto;
   z-index: 10;
 }
-`}function Kd({settings:t,isEditor:e,isEditMode:n,isPreviewMode:i,metadata:r,activeEvent:l}){const a=!!n,d=i&&e||!e,{prefix:s}=M.useScopedStyles(),{type:p="A",fieldsToShow:u=2,fields:$=[],buttonLabel:b,gap:v,fieldsGap:m,buttonCorners:h,buttonStroke:L,buttonPadding:I,isButtonFullWidth:x,inputCorners:S,inputStroke:O,inputPadding:W,inputColor:D,inputTextColor:w,inputBorderColor:_,placeholderColor:V,buttonColor:g,buttonTextColor:C,buttonBorderColor:A,labelTextColor:F,successColor:q,errorColor:at,fontFamily:N,inputFontSettings:j,inputFontSize:U,inputLineHeight:P,inputLetterSpacing:T,inputWordSpacing:H,inputTextAppearance:J,buttonFontSettings:Z,buttonFontSize:R,buttonLineHeight:tt,buttonLetterSpacing:f,buttonWordSpacing:ot,buttonTextAppearance:Q,labelFontSettings:ut,labelFontSize:bt,labelLineHeight:ct,labelLetterSpacing:yt,labelWordSpacing:z,labelTextAppearance:B,statusFontSettings:it,statusFontSize:st,statusLineHeight:Lt,statusLetterSpacing:St,statusWordSpacing:Ht,statusTextAppearance:_t,successMessage:zt,errorMessage:K,stateOverrides:mt}=t,k=p==="B",X=$.slice(0,Math.min(u,$.length)),Y={fontSettings:{fontFamily:N,fontWeight:(j==null?void 0:j.fontWeight)??400,fontStyle:(j==null?void 0:j.fontStyle)??"normal"},fontSize:U??.01,lineHeight:P,letterSpacing:T??0,wordSpacing:H??0,textAppearance:J,color:w},et=Ze(Ie(Y,e)),ht=M.scalingValue(O??0,e),Ct=M.scalingValue((P??U??.01)+((W==null?void 0:W.top)??0)+((W==null?void 0:W.bottom)??0)+(p==="C"?O??0:(O??0)*2),e),Ut={...et,borderStyle:"solid",borderRadius:p==="C"?0:M.scalingValue(S??0,e),...p==="C"?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:ht,borderLeftWidth:0}:{borderWidth:ht},paddingTop:M.scalingValue((W==null?void 0:W.top)??0,e),paddingRight:M.scalingValue((W==null?void 0:W.right)??0,e),paddingBottom:M.scalingValue((W==null?void 0:W.bottom)??0,e),paddingLeft:M.scalingValue((W==null?void 0:W.left)??0,e),height:Ct,minHeight:Ct},xt={fontSettings:{fontFamily:N,fontWeight:(Z==null?void 0:Z.fontWeight)??400,fontStyle:(Z==null?void 0:Z.fontStyle)??"normal"},fontSize:R??.01,lineHeight:tt,letterSpacing:f??0,wordSpacing:ot??0,textAppearance:Q,color:C},Et=Ze(Ie(xt,e)),Bt=M.scalingValue(L??0,e),dt={fontSettings:{fontFamily:N,fontWeight:(ut==null?void 0:ut.fontWeight)??400,fontStyle:(ut==null?void 0:ut.fontStyle)??"normal"},fontSize:bt??.01,lineHeight:ct,letterSpacing:yt??0,wordSpacing:z??0,textAppearance:B,color:F},vt=Ie(dt,e),Ot={fontSettings:{fontFamily:N,fontWeight:(it==null?void 0:it.fontWeight)??400,fontStyle:(it==null?void 0:it.fontStyle)??"normal"},fontSize:st??.01,lineHeight:Lt,letterSpacing:St??0,wordSpacing:Ht??0,textAppearance:_t,color:q},jt=Ze(Ie(Ot,e)),Qt=M.buildColorVars(s,{inputColor:D,inputTextColor:w,inputBorderColor:_,placeholderColor:V!=null&&V.trim()?V:"#cccccc",buttonColor:g,buttonTextColor:C,buttonBorderColor:A,labelTextColor:F,successColor:q,errorColor:at},Ud,Gd,mt),[we,ve]=c.useState(()=>Object.fromEntries(X.map(kt=>[kt.name,""]))),[Ee,Ce]=c.useState("idle"),[Ne,$e]=c.useState(null),ke=l==="success"?"success":l==="error"?"error":Ee,Ft=l==="error"?K:Ne,se=l==="filled",ue=c.useMemo(()=>{if(!se)return we;let kt=null;for(const Kt of X)(we[Kt.name]??"").trim().length>0||(kt=kt??{...we},kt[Kt.name]="Filled");return kt??we},[we,se,X]),pe=ke==="error"?M.getFormFieldValidationError(X,ue):null,Le=`${l&&l!=="default"?`${s}-state-${l}`:""}`.trim(),ge=r==null?void 0:r.submitUrl,He=(kt,Kt)=>{ve(oe=>({...oe,[kt]:Kt}))},We=async kt=>{if(kt.preventDefault(),!d)return;const Kt=Object.fromEntries(X.map(te=>{var he;return[te.name,((he=we[te.name])==null?void 0:he.trim())??""]}).filter(([,te])=>te));if(!ge){Ce("error"),$e("No integrations were found for this form.");return}if(Object.keys(Kt).length===0)return;const oe=M.getFormFieldValidationError(X,we);if(oe){Ce("error"),$e(oe);return}Ce("submitting"),$e(null);try{const te=await fetch(ge,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(Kt)});if(!te.ok){const he=await te.text();throw new Error(he||`Request failed: ${te.status}`)}Ce("success"),ve(Object.fromEntries(X.map(he=>[he.name,""])))}catch(te){Ce("error"),$e(te instanceof Error?te.message:"Something went wrong")}};return o.jsxs("div",{className:`${s}-wrapper ${s}-type-${p} ${Le}`.trim(),style:Qt,children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:Vd(s)}}),o.jsxs("form",{onSubmit:We,className:`${s}-form`,children:[o.jsx("div",{className:`${s}-fields`,children:X.map((kt,Kt)=>o.jsxs(c.Fragment,{children:[Kt>0&&o.jsx("div",{"data-controls":a?"fieldsGap":void 0,className:a?`${s}-control`:void 0,style:{height:M.scalingValue(m??0,e)}}),o.jsxs("div",{className:`${s}-field-group${k?` ${s}-labeled`:""}`,children:[k&&o.jsx("span",{className:`${s}-field-label`,style:vt?{...vt,lineHeight:vt.fontSize}:void 0,children:kt.label||kt.name}),kt.type==="textarea"?o.jsx("textarea",{name:kt.name,autoComplete:"off",value:ue[kt.name]??"",onChange:oe=>He(kt.name,oe.target.value),placeholder:kt.placeholder,className:`${s}-input`,style:Ut,rows:1,"data-filled":se||(ue[kt.name]??"").trim().length>0,"data-field-type":"textarea"}):o.jsx("input",{type:kt.type==="phone"?"tel":kt.type==="email"?"email":"text",name:kt.name,autoComplete:"off",value:ue[kt.name]??"",onChange:oe=>He(kt.name,oe.target.value),placeholder:kt.placeholder,required:kt.isRequired??kt.type==="email",className:`${s}-input`,style:Ut,"data-filled":se||(ue[kt.name]??"").trim().length>0})]})]},Kt))}),o.jsx("div",{"data-controls":a?"gap":void 0,className:a?`${s}-control`:void 0,style:{height:M.scalingValue(v??0,e)}}),o.jsx("div",{className:`${s}-overlay-anchor`,children:o.jsx("button",{type:d?"submit":"button",className:`${s}-button`,style:{borderStyle:"solid",borderRadius:M.scalingValue(h??0,e),borderWidth:Bt,paddingTop:M.scalingValue((I==null?void 0:I.top)??0,e),paddingRight:M.scalingValue((I==null?void 0:I.right)??0,e),paddingBottom:M.scalingValue((I==null?void 0:I.bottom)??0,e),paddingLeft:M.scalingValue((I==null?void 0:I.left)??0,e),pointerEvents:d?"auto":void 0,...Et,...x?{width:"100%",textAlign:"center",whiteSpace:"normal"}:{}},children:o.jsx("span",{className:`${s}-overlay-anchor`,style:x?{display:"inline-block",maxWidth:"100%",whiteSpace:"normal",textAlign:"center"}:void 0,children:Ee==="submitting"?"...":b})})})]}),ke==="success"&&o.jsx("p",{className:`${s}-success`,style:{...jt},children:zt}),ke==="error"&&o.jsx("p",{className:`${s}-error`,style:{...jt},role:"alert",children:pe??Ft??K})]})}const Ud={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"},Gd=["hover","focus","filled","success","error"],qd=`import React, { useMemo, useState } from 'react';
+`}function Jd({settings:t,isEditor:e,isEditMode:n,isPreviewMode:i,metadata:r,activeEvent:l}){const s=!!n,d=i&&e||!e,{prefix:a}=I.useScopedStyles(),{type:p="A",fieldsToShow:u=2,fields:S=[],buttonLabel:x,gap:y,fieldsGap:m,buttonCorners:f,buttonStroke:L,buttonPadding:w,isButtonFullWidth:$,inputCorners:C,inputStroke:P,inputPadding:E,inputColor:k,inputTextColor:b,inputBorderColor:M,placeholderColor:z,buttonColor:h,buttonTextColor:T,buttonBorderColor:_,labelTextColor:N,successColor:V,errorColor:at,fontFamily:O,inputFontSettings:W,inputFontSize:G,inputLineHeight:K,inputLetterSpacing:H,inputWordSpacing:q,inputTextAppearance:et,buttonFontSettings:lt,buttonFontSize:F,buttonLineHeight:ct,buttonLetterSpacing:g,buttonWordSpacing:nt,buttonTextAppearance:ft,labelFontSettings:it,labelFontSize:wt,labelLineHeight:mt,labelLetterSpacing:ot,labelWordSpacing:B,labelTextAppearance:Q,statusFontSettings:U,statusFontSize:Y,statusLineHeight:It,statusLetterSpacing:Mt,statusWordSpacing:At,statusTextAppearance:Pt,successMessage:xt,errorMessage:j,stateOverrides:st}=t,A=p==="B",D=S.slice(0,Math.min(u,S.length)),X={fontSettings:{fontFamily:O,fontWeight:(W==null?void 0:W.fontWeight)??400,fontStyle:(W==null?void 0:W.fontStyle)??"normal"},fontSize:G??.01,lineHeight:K,letterSpacing:H??0,wordSpacing:q??0,textAppearance:et,color:b},J=en(We(X,e)),gt=I.scalingValue(P??0,e),Ct=I.scalingValue((K??G??.01)+((E==null?void 0:E.top)??0)+((E==null?void 0:E.bottom)??0)+(p==="C"?P??0:(P??0)*2),e),Dt={...J,borderStyle:"solid",borderRadius:p==="C"?0:I.scalingValue(C??0,e),...p==="C"?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:gt,borderLeftWidth:0}:{borderWidth:gt},paddingTop:I.scalingValue((E==null?void 0:E.top)??0,e),paddingRight:I.scalingValue((E==null?void 0:E.right)??0,e),paddingBottom:I.scalingValue((E==null?void 0:E.bottom)??0,e),paddingLeft:I.scalingValue((E==null?void 0:E.left)??0,e),height:Ct,minHeight:Ct},Rt={fontSettings:{fontFamily:O,fontWeight:(lt==null?void 0:lt.fontWeight)??400,fontStyle:(lt==null?void 0:lt.fontStyle)??"normal"},fontSize:F??.01,lineHeight:ct,letterSpacing:g??0,wordSpacing:nt??0,textAppearance:ft,color:T},$t=en(We(Rt,e)),Gt=I.scalingValue(L??0,e),pt={fontSettings:{fontFamily:O,fontWeight:(it==null?void 0:it.fontWeight)??400,fontStyle:(it==null?void 0:it.fontStyle)??"normal"},fontSize:wt??.01,lineHeight:mt,letterSpacing:ot??0,wordSpacing:B??0,textAppearance:Q,color:N},Et=We(pt,e),jt={fontSettings:{fontFamily:O,fontWeight:(U==null?void 0:U.fontWeight)??400,fontStyle:(U==null?void 0:U.fontStyle)??"normal"},fontSize:Y??.01,lineHeight:It,letterSpacing:Mt??0,wordSpacing:At??0,textAppearance:Pt,color:V},zt=en(We(jt,e)),Vt=I.buildColorVars(a,{inputColor:k,inputTextColor:b,inputBorderColor:M,placeholderColor:z!=null&&z.trim()?z:"#cccccc",buttonColor:h,buttonTextColor:T,buttonBorderColor:_,labelTextColor:N,successColor:V,errorColor:at},Zd,Qd,st),[Ie,pe]=c.useState(()=>Object.fromEntries(D.map(Ft=>[Ft.name,""]))),[$e,Yt]=c.useState("idle"),[fe,be]=c.useState(null),Oe=l==="success"?"success":l==="error"?"error":$e,Wt=l==="error"?j:fe,we=l==="filled",Qt=c.useMemo(()=>{if(!we)return Ie;let Ft=null;for(const ce of D)(Ie[ce.name]??"").trim().length>0||(Ft=Ft??{...Ie},Ft[ce.name]="Filled");return Ft??Ie},[Ie,we,D]),Ee=Oe==="error"?I.getFormFieldValidationError(D,Qt):null,sn=`${l&&l!=="default"?`${a}-state-${l}`:""}`.trim(),Ae=r==null?void 0:r.submitUrl,De=(Ft,ce)=>{pe(me=>({...me,[Ft]:ce}))},ze=async Ft=>{if(Ft.preventDefault(),!d)return;const ce=Object.fromEntries(D.map(te=>{var ee;return[te.name,((ee=Ie[te.name])==null?void 0:ee.trim())??""]}).filter(([,te])=>te));if(!Ae){Yt("error"),be("No integrations were found for this form.");return}if(Object.keys(ce).length===0)return;const me=I.getFormFieldValidationError(D,Ie);if(me){Yt("error"),be(me);return}Yt("submitting"),be(null);try{const te=await fetch(Ae,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(ce)});if(!te.ok){const ee=await te.text();throw new Error(ee||`Request failed: ${te.status}`)}Yt("success"),pe(Object.fromEntries(D.map(ee=>[ee.name,""])))}catch(te){Yt("error"),be(te instanceof Error?te.message:"Something went wrong")}};return o.jsxs("div",{className:`${a}-wrapper ${a}-type-${p} ${sn}`.trim(),style:Vt,children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:Yd(a)}}),o.jsxs("form",{onSubmit:ze,className:`${a}-form`,children:[o.jsx("div",{className:`${a}-fields`,children:D.map((Ft,ce)=>o.jsxs(c.Fragment,{children:[ce>0&&o.jsx("div",{"data-controls":s?"fieldsGap":void 0,className:s?`${a}-control`:void 0,style:{height:I.scalingValue(m??0,e)}}),o.jsxs("div",{className:`${a}-field-group${A?` ${a}-labeled`:""}`,children:[A&&o.jsx("span",{className:`${a}-field-label`,style:Et?{...Et,lineHeight:Et.fontSize}:void 0,children:Ft.label||Ft.name}),Ft.type==="textarea"?o.jsx("textarea",{name:Ft.name,autoComplete:"off",value:Qt[Ft.name]??"",onChange:me=>De(Ft.name,me.target.value),placeholder:Ft.placeholder,className:`${a}-input`,style:Dt,rows:1,"data-filled":we||(Qt[Ft.name]??"").trim().length>0,"data-field-type":"textarea"}):o.jsx("input",{type:Ft.type==="phone"?"tel":Ft.type==="email"?"email":"text",name:Ft.name,autoComplete:"off",value:Qt[Ft.name]??"",onChange:me=>De(Ft.name,me.target.value),placeholder:Ft.placeholder,required:Ft.isRequired??Ft.type==="email",className:`${a}-input`,style:Dt,"data-filled":we||(Qt[Ft.name]??"").trim().length>0})]})]},ce))}),o.jsx("div",{"data-controls":s?"gap":void 0,className:s?`${a}-control`:void 0,style:{height:I.scalingValue(y??0,e)}}),o.jsx("div",{className:`${a}-overlay-anchor`,children:o.jsx("button",{type:d?"submit":"button",className:`${a}-button`,style:{borderStyle:"solid",borderRadius:I.scalingValue(f??0,e),borderWidth:Gt,paddingTop:I.scalingValue((w==null?void 0:w.top)??0,e),paddingRight:I.scalingValue((w==null?void 0:w.right)??0,e),paddingBottom:I.scalingValue((w==null?void 0:w.bottom)??0,e),paddingLeft:I.scalingValue((w==null?void 0:w.left)??0,e),pointerEvents:d?"auto":void 0,...$t,...$?{width:"100%",textAlign:"center",whiteSpace:"normal"}:{}},children:o.jsx("span",{className:`${a}-overlay-anchor`,style:$?{display:"inline-block",maxWidth:"100%",whiteSpace:"normal",textAlign:"center"}:void 0,children:$e==="submitting"?"...":x})})})]}),Oe==="success"&&o.jsx("p",{className:`${a}-success`,style:{...zt},children:xt}),Oe==="error"&&o.jsx("p",{className:`${a}-error`,style:{...zt},role:"alert",children:Ee??Wt??j})]})}const Zd={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"},Qd=["hover","focus","filled","success","error"],tu=`import React, { useMemo, useState } from 'react';
 import { CommonComponentProps } from '../props';
 import { buildColorVars, getFormFieldValidationError, scalingValue, useScopedStyles } from '../utils/index';
 import { omitTextColors, textStylesToCss, type TextStyles } from '../utils/textStylesToCss';
@@ -789,7 +789,7 @@ const COLOR_VAR_MAP: Record<ColorKeys, string> = {
 };
 
 const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
-`,Xd=[{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"}],Hi={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},Yd=["inputColor","inputTextColor","inputBorderColor","placeholderColor","buttonColor","buttonTextColor","buttonBorderColor","labelTextColor","successColor","errorColor"],Jd={type:"object",version:1,settings:{sizing:"auto manual",properties:{fieldsToShow:{type:"number",scope:"common",title:"Fields",display:{type:"common-numeric-input"},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:{...Hi.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:{...Hi.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:{...Hi.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:{...Hi.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:Xd,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"]},"type",{type:"group",title:"",items:[{type:"row",title:"Input",items:["inputCorners","inputPadding"]},{type:"row",title:"",items:["fieldsToShow","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:["__componentName__","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:["__componentName__","fields","buttonLabel","successMessage","errorMessage"]}],paletteBookmark:{items:[...Yd],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"]},Zd={element:Kd,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:Jd,sourceCode:qd};function Bi(t){return`calc(var(--cntrl-article-width, 100vw) * ${t/1440})`}function Qd(t){return`
+`,eu=[{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"}],ji={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},nu=["inputColor","inputTextColor","inputBorderColor","placeholderColor","buttonColor","buttonTextColor","buttonBorderColor","labelTextColor","successColor","errorColor"],iu={type:"object",version:1,settings:{sizing:"auto manual",properties:{fieldsToShow:{type:"number",scope:"common",title:"Fields",display:{type:"common-numeric-input"},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:{...ji.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:{...ji.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:{...ji.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:{...ji.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:eu,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"]},"type",{type:"group",title:"",items:[{type:"row",title:"Input",items:["inputCorners","inputPadding"]},{type:"row",title:"",items:["fieldsToShow","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:["__componentName__","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:["__componentName__","fields","buttonLabel","successMessage","errorMessage"]}],paletteBookmark:{items:[...nu],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"]},ou={element:Jd,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:iu,sourceCode:tu};function zi(t){return`calc(var(--cntrl-article-width, 100vw) * ${t/1440})`}function ru(t){return`
 .${t}-wrapper {
   display: flex;
   flex-direction: column;
@@ -971,16 +971,16 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
   align-items: center;
 }
 .${t}-success {
-  margin-top: ${Bi(8)};
-  font-size: ${Bi(14)};
+  margin-top: ${zi(8)};
+  font-size: ${zi(14)};
   color: var(--${t}-success-success-color, var(--${t}-success-color));
 }
 .${t}-error {
-  margin-top: ${Bi(8)};
-  font-size: ${Bi(14)};
+  margin-top: ${zi(8)};
+  font-size: ${zi(14)};
   color: var(--${t}-error-error-color, var(--${t}-error-color));
 }
-`}const tu=({settings:t,isEditor:e,isPreviewMode:n,metadata:i,activeEvent:r})=>{const{prefix:l}=M.useScopedStyles(),a=n&&e||!e,{fields:d=[{name:"email",type:"email",placeholder:"Your email"}],buttonIcon:s,buttonLabel:p,fieldsToShow:u=1,fontFamily:$,inputFontSettings:b,inputFontSize:v,inputLineHeight:m,inputLetterSpacing:h,inputWordSpacing:L,inputTextAppearance:I,buttonFontSettings:x,buttonFontSize:S,buttonLineHeight:O,buttonLetterSpacing:W,buttonWordSpacing:D,buttonTextAppearance:w,statusFontSettings:_,statusFontSize:V,statusLineHeight:g,statusLetterSpacing:C,statusWordSpacing:A,statusTextAppearance:F,iconMaxWidth:q,minHeight:at,corners:N,stroke:j,stateOverrides:U,inputPadding:P,buttonPadding:T,successMessage:H="Thanks for subscribing!",errorMessage:J="Please, fill all required fields."}=t,Z=d.slice(0,Math.min(u,d.length)),[R,tt]=c.useState(()=>Object.fromEntries(Z.map(dt=>[dt.name,""]))),[f,ot]=c.useState("idle"),[Q,ut]=c.useState(null),bt=r==="success"?"success":r==="error"?"error":f,ct=r==="error"?J:Q,yt=r==="filled",z=c.useMemo(()=>{if(!yt)return R;let dt=null;for(const vt of Z)(R[vt.name]??"").trim().length>0||(dt=dt??{...R},dt[vt.name]="Filled");return dt??R},[yt,R,Z]),B=bt==="error"?M.getFormFieldValidationError(Z,z):null,it=r&&r!=="default"?`${l}-state-${r}`:"",st=Z.some(dt=>(z[dt.name]??"").trim().length>0),Lt=it!==`${l}-state-filled`&&st?`${l}-state-filled`:"",St=`${it} ${Lt}`.trim(),Ht=i==null?void 0:i.submitUrl,_t=p??"",zt=(s==null?void 0:s.icon)??"",K=(s==null?void 0:s.mode)==="On",mt=_t||"Submit",k={fontSettings:{fontFamily:$,fontWeight:(b==null?void 0:b.fontWeight)??400,fontStyle:(b==null?void 0:b.fontStyle)??"normal"},fontSize:v??.01,lineHeight:m,letterSpacing:h??0,wordSpacing:L??0,textAppearance:I,color:t.inputTextColor??"#111111"},X={fontSettings:{fontFamily:$,fontWeight:(x==null?void 0:x.fontWeight)??400,fontStyle:(x==null?void 0:x.fontStyle)??"normal"},fontSize:S??.01,lineHeight:O,letterSpacing:W??0,wordSpacing:D??0,textAppearance:w,color:t.buttonTextColor??"#ffffff"},Y={fontSettings:{fontFamily:$,fontWeight:(_==null?void 0:_.fontWeight)??400,fontStyle:(_==null?void 0:_.fontStyle)??"normal"},fontSize:V??.01,lineHeight:g,letterSpacing:C??0,wordSpacing:A??0,textAppearance:F,color:t.successColor??"#22c55e"},et=Ze(Ie(k,e)),ht=Ze(Ie(X,e)),Ct=Ze(Ie(Y,e)),Ut=M.buildColorVars(l,{strokeColor:t.strokeColor,inputColor:t.inputColor,placeholderColor:t.placeholderColor,buttonColor:t.buttonColor,successColor:t.successColor,errorColor:t.errorColor,inputTextColor:t.inputTextColor??(k==null?void 0:k.color)??"#111111",buttonTextColor:t.buttonTextColor??(X==null?void 0:X.color)??"#ffffff"},eu,nu,U),xt={borderRadius:M.scalingValue(N,e),borderWidth:M.scalingValue(j,e),borderStyle:"solid"},Et={borderLeftWidth:M.scalingValue(j,e)},Bt=async dt=>{if(dt.preventDefault(),!a)return;const vt=Object.fromEntries(Z.map(jt=>{var Qt;return[jt.name,((Qt=R[jt.name])==null?void 0:Qt.trim())??""]}).filter(([,jt])=>jt));if(!Ht){ot("error"),ut("No integrations were found for this form.");return}if(Object.keys(vt).length===0)return;const Ot=M.getFormFieldValidationError(Z,R);if(Ot){ot("error"),ut(Ot);return}ot("submitting"),ut(null);try{const jt=await fetch(Ht,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(vt)});if(!jt.ok){const Qt=await jt.text();throw new Error(Qt||`Request failed: ${jt.status}`)}ot("success"),tt(Object.fromEntries(Z.map(Qt=>[Qt.name,""])))}catch(jt){ot("error"),ut(jt instanceof Error?jt.message:"Something went wrong")}};return o.jsxs("div",{className:`${l}-wrapper ${St}`.trim(),style:Ut,children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:Qd(l)}}),o.jsxs("form",{onSubmit:Bt,className:`${l}-form`,style:{...xt,height:M.scalingValue(at,e),minHeight:M.scalingValue(at,e)},children:[o.jsx("div",{className:`${l}-inputWrap ${l}-overlayAnchor`,style:{flex:1,minWidth:0},children:Z.map(dt=>o.jsx("input",{type:dt.type==="email"?"email":dt.type==="phone"?"tel":"text",name:dt.name,autoComplete:"off",value:z[dt.name]??"",onChange:vt=>tt(Ot=>({...Ot,[dt.name]:vt.target.value})),placeholder:dt.placeholder,required:dt.isRequired??dt.type==="email",className:`${l}-input`,style:{...et,paddingRight:M.scalingValue(P.right,e),paddingLeft:M.scalingValue(P.left,e),paddingTop:M.scalingValue(P.top,e),paddingBottom:M.scalingValue(P.bottom,e)}},dt.name))}),o.jsx("div",{className:`${l}-overlayAnchor`,children:o.jsx("button",{type:a?"submit":"button",className:`${l}-submitBtn`,"aria-label":mt,style:{...ht,...Et,paddingRight:M.scalingValue(T.right,e),paddingLeft:M.scalingValue(T.left,e),paddingTop:M.scalingValue(T.top,e),paddingBottom:M.scalingValue(T.bottom,e),pointerEvents:a?"auto":void 0},children:f==="submitting"?"...":K?zt&&o.jsx(Qe,{url:zt,className:`${l}-submitBtnIcon`,style:{maxWidth:M.scalingValue(q??0,e)},fill:`var(--${l}-button-text-color)`,hoverFill:`var(--${l}-button-text-color)`}):_t})})]}),bt==="success"&&o.jsx("p",{className:`${l}-success`,style:{...Ct},children:H}),bt==="error"&&o.jsx("p",{className:`${l}-error`,style:{...Ct},role:"alert",children:B??ct??J})]})},eu={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"},nu=["hover","focus","filled","success","error"],iu=`import React, { useMemo, useState } from 'react';
+`}const lu=({settings:t,isEditor:e,isPreviewMode:n,metadata:i,activeEvent:r})=>{const{prefix:l}=I.useScopedStyles(),s=n&&e||!e,{fields:d=[{name:"email",type:"email",placeholder:"Your email"}],buttonIcon:a,buttonLabel:p,fieldsToShow:u=1,fontFamily:S,inputFontSettings:x,inputFontSize:y,inputLineHeight:m,inputLetterSpacing:f,inputWordSpacing:L,inputTextAppearance:w,buttonFontSettings:$,buttonFontSize:C,buttonLineHeight:P,buttonLetterSpacing:E,buttonWordSpacing:k,buttonTextAppearance:b,statusFontSettings:M,statusFontSize:z,statusLineHeight:h,statusLetterSpacing:T,statusWordSpacing:_,statusTextAppearance:N,iconMaxWidth:V,minHeight:at,corners:O,stroke:W,stateOverrides:G,inputPadding:K,buttonPadding:H,successMessage:q="Thanks for subscribing!",errorMessage:et="Please, fill all required fields."}=t,lt=d.slice(0,Math.min(u,d.length)),[F,ct]=c.useState(()=>Object.fromEntries(lt.map(pt=>[pt.name,""]))),[g,nt]=c.useState("idle"),[ft,it]=c.useState(null),wt=r==="success"?"success":r==="error"?"error":g,mt=r==="error"?et:ft,ot=r==="filled",B=c.useMemo(()=>{if(!ot)return F;let pt=null;for(const Et of lt)(F[Et.name]??"").trim().length>0||(pt=pt??{...F},pt[Et.name]="Filled");return pt??F},[ot,F,lt]),Q=wt==="error"?I.getFormFieldValidationError(lt,B):null,U=r&&r!=="default"?`${l}-state-${r}`:"",Y=lt.some(pt=>(B[pt.name]??"").trim().length>0),It=U!==`${l}-state-filled`&&Y?`${l}-state-filled`:"",Mt=`${U} ${It}`.trim(),At=i==null?void 0:i.submitUrl,Pt=p??"",xt=(a==null?void 0:a.icon)??"",j=(a==null?void 0:a.mode)==="On",st=Pt||"Submit",A={fontSettings:{fontFamily:S,fontWeight:(x==null?void 0:x.fontWeight)??400,fontStyle:(x==null?void 0:x.fontStyle)??"normal"},fontSize:y??.01,lineHeight:m,letterSpacing:f??0,wordSpacing:L??0,textAppearance:w,color:t.inputTextColor??"#111111"},D={fontSettings:{fontFamily:S,fontWeight:($==null?void 0:$.fontWeight)??400,fontStyle:($==null?void 0:$.fontStyle)??"normal"},fontSize:C??.01,lineHeight:P,letterSpacing:E??0,wordSpacing:k??0,textAppearance:b,color:t.buttonTextColor??"#ffffff"},X={fontSettings:{fontFamily:S,fontWeight:(M==null?void 0:M.fontWeight)??400,fontStyle:(M==null?void 0:M.fontStyle)??"normal"},fontSize:z??.01,lineHeight:h,letterSpacing:T??0,wordSpacing:_??0,textAppearance:N,color:t.successColor??"#22c55e"},J=en(We(A,e)),gt=en(We(D,e)),Ct=en(We(X,e)),Dt=I.buildColorVars(l,{strokeColor:t.strokeColor,inputColor:t.inputColor,placeholderColor:t.placeholderColor,buttonColor:t.buttonColor,successColor:t.successColor,errorColor:t.errorColor,inputTextColor:t.inputTextColor??(A==null?void 0:A.color)??"#111111",buttonTextColor:t.buttonTextColor??(D==null?void 0:D.color)??"#ffffff"},su,au,G),Rt={borderRadius:I.scalingValue(O,e),borderWidth:I.scalingValue(W,e),borderStyle:"solid"},$t={borderLeftWidth:I.scalingValue(W,e)},Gt=async pt=>{if(pt.preventDefault(),!s)return;const Et=Object.fromEntries(lt.map(zt=>{var Vt;return[zt.name,((Vt=F[zt.name])==null?void 0:Vt.trim())??""]}).filter(([,zt])=>zt));if(!At){nt("error"),it("No integrations were found for this form.");return}if(Object.keys(Et).length===0)return;const jt=I.getFormFieldValidationError(lt,F);if(jt){nt("error"),it(jt);return}nt("submitting"),it(null);try{const zt=await fetch(At,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(Et)});if(!zt.ok){const Vt=await zt.text();throw new Error(Vt||`Request failed: ${zt.status}`)}nt("success"),ct(Object.fromEntries(lt.map(Vt=>[Vt.name,""])))}catch(zt){nt("error"),it(zt instanceof Error?zt.message:"Something went wrong")}};return o.jsxs("div",{className:`${l}-wrapper ${Mt}`.trim(),style:Dt,children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:ru(l)}}),o.jsxs("form",{onSubmit:Gt,className:`${l}-form`,style:{...Rt,height:I.scalingValue(at,e),minHeight:I.scalingValue(at,e)},children:[o.jsx("div",{className:`${l}-inputWrap ${l}-overlayAnchor`,style:{flex:1,minWidth:0},children:lt.map(pt=>o.jsx("input",{type:pt.type==="email"?"email":pt.type==="phone"?"tel":"text",name:pt.name,autoComplete:"off",value:B[pt.name]??"",onChange:Et=>ct(jt=>({...jt,[pt.name]:Et.target.value})),placeholder:pt.placeholder,required:pt.isRequired??pt.type==="email",className:`${l}-input`,style:{...J,paddingRight:I.scalingValue(K.right,e),paddingLeft:I.scalingValue(K.left,e),paddingTop:I.scalingValue(K.top,e),paddingBottom:I.scalingValue(K.bottom,e)}},pt.name))}),o.jsx("div",{className:`${l}-overlayAnchor`,children:o.jsx("button",{type:s?"submit":"button",className:`${l}-submitBtn`,"aria-label":st,style:{...gt,...$t,paddingRight:I.scalingValue(H.right,e),paddingLeft:I.scalingValue(H.left,e),paddingTop:I.scalingValue(H.top,e),paddingBottom:I.scalingValue(H.bottom,e),pointerEvents:s?"auto":void 0},children:g==="submitting"?"...":j?xt&&o.jsx(nn,{url:xt,className:`${l}-submitBtnIcon`,style:{maxWidth:I.scalingValue(V??0,e)},fill:`var(--${l}-button-text-color)`,hoverFill:`var(--${l}-button-text-color)`}):Pt})})]}),wt==="success"&&o.jsx("p",{className:`${l}-success`,style:{...Ct},children:q}),wt==="error"&&o.jsx("p",{className:`${l}-error`,style:{...Ct},role:"alert",children:Q??mt??et})]})},su={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"},au=["hover","focus","filled","success","error"],cu=`import React, { useMemo, useState } from 'react';
 import { CommonComponentProps } from '../props';
 import { buildColorVars, getFormFieldValidationError, scalingValue, useScopedStyles } from '../utils/index';
 import { omitTextColors, textStylesToCss, type TextStyles } from '../utils/textStylesToCss';
@@ -1557,7 +1557,7 @@ const COLOR_VAR_MAP: Record<OnelinerColorKeys, string> = {
 };
 
 const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
-`,ou="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>'),ru=[{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."}],Po={fontSettings:{type:"object",display:{type:"font-settings-weight",visible:!0},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},lu=["strokeColor","inputColor","inputTextColor","placeholderColor","buttonColor","buttonTextColor","successColor","errorColor"],au={type:"object",version:1,settings:{sizing:"auto manual",properties:{fieldsToShow:{type:"number",scope:"common",title:"Fields",display:{type:"common-numeric-input"},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:{...Po.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:{...Po.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:{...Po.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:ru,fieldsToShow:1,buttonLabel:"Subscribe",buttonIcon:{mode:"Off",icon:ou},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__"]},{type:"row",items:["fieldsToShow","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:["__componentName__","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:["__componentName__","fields","buttonLabel","successMessage","errorMessage"]}],paletteBookmark:{items:[...lu],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"]},su={element:tu,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:au,sourceCode:iu};function cu(t){return`
+`,du="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>'),uu=[{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."}],No={fontSettings:{type:"object",display:{type:"font-settings-weight",visible:!0},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},pu=["strokeColor","inputColor","inputTextColor","placeholderColor","buttonColor","buttonTextColor","successColor","errorColor"],mu={type:"object",version:1,settings:{sizing:"auto manual",properties:{fieldsToShow:{type:"number",scope:"common",title:"Fields",display:{type:"common-numeric-input"},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:{...No.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:{...No.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:{...No.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:uu,fieldsToShow:1,buttonLabel:"Subscribe",buttonIcon:{mode:"Off",icon:du},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__"]},{type:"row",items:["fieldsToShow","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:["__componentName__","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:["__componentName__","fields","buttonLabel","successMessage","errorMessage"]}],paletteBookmark:{items:[...pu],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"]},gu={element:lu,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:mu,sourceCode:cu};function hu(t){return`
 .${t}-marquee-wrapper {
   overflow: hidden;
   width: 100%;
@@ -1689,7 +1689,7 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
 .${t}-image-hover-grayscale:hover img {
   filter: grayscale(100%);
 }
-`}const du=30,uu=20,ko=2,pu=2,mu=(t,e)=>Array.from({length:e},()=>t).flat(),gu=(t,e)=>{const n=e.getBoundingClientRect(),i=t.getBoundingClientRect();return i.right>n.left&&i.left<n.right},hu=(t,e)=>{const n=t.querySelectorAll(`[data-marquee-item-index="${e}"]`);return Array.from(n).some(i=>gu(i,t))},fu=({item:t,prefix:e,imageFit:n,imageMaxWidth:i,imageMaxHeight:r,imageHoverClass:l,isFirstSet:a,scaled:d,onFirstSetImageDone:s})=>{var w,_,V;const p=c.useRef(null);c.useLayoutEffect(()=>{if(!a)return;const g=p.current;g!=null&&g.complete&&(s==null||s())},[a,(w=t.image)==null?void 0:w.url,s]);const u=n.display==="Cover",$=n.ratioValue??"1:1",b=n.reversed??!1,[v,m]=$.split(":").map(Number),I=(b?m:v)/(b?v:m);let x=i,S=x/I;S>r&&(S=r,x=S*I);const O=d(x),W=d(S),D=((_=t.image)==null?void 0:_.url)&&o.jsx("img",{ref:p,src:t.image.url,alt:((V=t.image)==null?void 0:V.name)??"",style:u?{pointerEvents:"auto",display:"block",width:"100%",height:"100%",objectFit:"cover"}:{pointerEvents:"auto",display:"block",height:"100%",width:"auto",maxWidth:d(i),objectFit:"contain"},onLoad:a?s:void 0,onError:a?s:void 0});return o.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"start",...u?{width:O}:{width:"fit-content",maxWidth:d(i),minWidth:0}},children:o.jsx("div",{className:l,style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",flexShrink:0,...u?{width:O,height:W,overflow:"hidden"}:{width:"fit-content",maxWidth:d(i),height:d(r)}},children:D&&t.link?o.jsx("a",{href:t.link,target:"_blank",rel:"noopener noreferrer",className:Xt(`${e}-marquee-link`,!u&&`${e}-marquee-link-contain`),children:D}):D})})},yu=({settings:t,content:e,isEditor:n,isPreviewMode:i,isEditMode:r})=>{const{prefix:l}=M.useScopedStyles(),a=c.useMemo(()=>cu(l),[l]),{speed:d,direction:s,pauseOnHover:p,gap:u,imageMaxWidth:$,imageMaxHeight:b,imageFit:v,hoverEffect:m}=t,h=!!r,L=!n||!!i,I=L&&m!=="off"&&m!=="randomize"?`${l}-image-hover-${m}`:void 0,x=n?!!i:!0,O=((e==null?void 0:e.length)??0)>0&&(x||!!n),W=Math.max(0,d)*du,D=B=>M.scalingValue(B,n??!1),w=c.useRef(null),_=c.useRef(null),V=c.useRef(null),[g,C]=c.useState(0),[A,F]=c.useState(0),q=x&&p==="on",[at,N]=c.useState(!1),[j,U]=c.useState({}),P=c.useRef(j);P.current=j;const T=c.useRef(null),H=c.useRef(0),J=c.useRef(null),Z=c.useMemo(()=>(e??[]).map(B=>{var it;return((it=B.image)==null?void 0:it.url)??""}).join("\0"),[e]),[R,tt]=c.useState(ko),f=c.useMemo(()=>{const B=e??[];return!x||B.length===0?B:mu(B,R)},[e,x,R]),ot=c.useMemo(()=>f.filter(B=>{var it;return!!((it=B.image)!=null&&it.url)}).length,[f]),Q=O?pu:1;c.useLayoutEffect(()=>{H.current=0,U({}),T.current=null,tt(ko),C(0)},[Z]),c.useEffect(()=>{if(!L||m!=="randomize")return;const B=w.current;if(!B)return;const it=Ht=>{U(_t=>{let zt=null;for(const K of Ht)K in _t&&(hu(B,K)||(zt||(zt={..._t}),delete zt[K]));return zt??_t})},st=new IntersectionObserver(Ht=>{const _t=new Set;for(const zt of Ht){const K=zt.target.dataset.marqueeItemIndex,mt=K!==void 0?Number(K):NaN;Number.isNaN(mt)||_t.add(mt)}_t.size>0&&it(_t)},{root:B,threshold:0});Object.keys(j).forEach(Ht=>{const _t=Number(Ht);B.querySelectorAll(`[data-marquee-item-index="${_t}"]`).forEach(zt=>st.observe(zt))});let Lt=0;const St=()=>{const Ht=Object.keys(P.current);Ht.length!==0&&(it(Ht.map(Number)),Lt=requestAnimationFrame(St))};return Object.keys(P.current).length>0&&(Lt=requestAnimationFrame(St)),()=>{cancelAnimationFrame(Lt),st.disconnect()}},[m,j,L]),c.useLayoutEffect(()=>{if(!O)return;const B=w.current,it=V.current;if(!B||!it)return;let st=0;const Lt=()=>{const _t=B.getBoundingClientRect().width,zt=it.getBoundingClientRect().width,K=T.current,mt=typeof K=="number"&&Math.abs(K-zt)<=.25;if(T.current=zt,x&&zt>0&&R>0){const k=zt/R;if(k>0&&_t>0){const X=Math.max(ko,Math.ceil(_t/k)+1);if(X!==R){tt(X);return}}}if(zt>0&&g<=0){C(zt);return}mt&&zt!==g?C(zt):!mt&&g<=0&&(cancelAnimationFrame(st),st=requestAnimationFrame(Lt))},St=()=>{cancelAnimationFrame(st),st=requestAnimationFrame(Lt)};J.current=St,St();const Ht=new ResizeObserver(St);return Ht.observe(B),Ht.observe(it),()=>{J.current=null,cancelAnimationFrame(st),Ht.disconnect()}},[x,O,g,Z,R]),c.useLayoutEffect(()=>{const B=_.current;if(!O||!B)return;const it=g>0?g:0,st=it>0&&W>0?it/W*1e3:0,Lt=`${Math.max(0,st)/1e3}s`;B.style.setProperty("--marquee-distance",`${it}px`),B.style.setProperty("--marquee-duration",Lt)},[x,O,W,g]),c.useLayoutEffect(()=>{if(!O){F(0);return}if(g<=0){F(0);return}const B=_.current;if(!B)return;const it=()=>{const Lt=B.getBoundingClientRect().height;F(Lt>0?Lt:0)};it();const st=new ResizeObserver(it);return st.observe(B),()=>st.disconnect()},[O,Q,f,n,u,$,b,g,v,j]);const ut=()=>{q&&N(!0)},bt=()=>{q&&N(!1)},ct=c.useCallback(()=>{var B;H.current=Math.min(ot,H.current+1),(B=J.current)==null||B.call(J)},[ot]),yt=c.useCallback((B,it)=>{U(st=>{const Lt=st[B]??it,St=(e??[]).filter(_t=>_t!==Lt);if(St.length===0)return st;const Ht=St[Math.floor(Math.random()*St.length)];return{...st,[B]:Ht}})},[e]),z=(B,it,st,Lt)=>{const St=L&&m==="randomize"&&v.display==="Cover"?j[st]??B:B,Ht=`max(${D(u)}, ${uu}px)`,_t=`calc(-0.5 * (${Ht} + ${D(u)}))`;return o.jsxs("div",{className:`${l}-marquee-card`,"data-marquee-item-index":st,onMouseEnter:L&&m==="randomize"&&v.display==="Cover"?()=>yt(st,B):void 0,children:[o.jsx(fu,{item:St,prefix:l,imageFit:v,imageMaxWidth:$,imageMaxHeight:b,imageHoverClass:I,isEditor:n,isFirstSet:Lt,scaled:D,onFirstSetImageDone:ct}),h&&o.jsx("div",{"data-controls":"gap","data-controls-axis":"x",className:`${l}-gap-control`,style:{position:"absolute",top:0,right:_t,width:Ht,height:"100%"}})]},`${it}-${st}`)};if(O){const B=x?q&&at?"paused":"running":"paused";return o.jsxs("div",{ref:w,className:Xt(`${l}-wrapper`,`${l}-marquee-wrapper`),"aria-label":"Marquee",style:g>0&&A>0?{height:A}:void 0,children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:a}}),o.jsx("div",{ref:_,className:`${l}-marquee-track`,"data-direction":s,onMouseEnter:ut,onMouseLeave:bt,style:{"--marquee-play-state":B},children:Array.from({length:Q},(it,st)=>o.jsx("div",{ref:st===0?V:void 0,className:Xt(`${l}-marquee-row`,`${l}-marquee-set`),style:{gap:D(u),paddingRight:D(u)},"aria-hidden":st>0,children:f.map((Lt,St)=>z(Lt,st,St,st===0))},`set-${st}`))},"marquee-track")]})}return o.jsxs("div",{ref:w,className:`${l}-wrapper`,children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:a}}),o.jsx("div",{className:Xt(`${l}-marquee-row`,`${l}-marquee-static`),style:{gap:D(u),transform:"none"},"aria-label":"Marquee",children:e==null?void 0:e.map((B,it)=>z(B,0,it))},"marquee-static")]})},vu=`import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+`}const fu=30,yu=20,Ho=2,vu=2,xu=(t,e)=>Array.from({length:e},()=>t).flat(),bu=(t,e)=>{const n=e.getBoundingClientRect(),i=t.getBoundingClientRect();return i.right>n.left&&i.left<n.right},Su=(t,e)=>{const n=t.querySelectorAll(`[data-marquee-item-index="${e}"]`);return Array.from(n).some(i=>bu(i,t))},wu=({item:t,prefix:e,imageFit:n,imageMaxWidth:i,imageMaxHeight:r,imageHoverClass:l,isFirstSet:s,scaled:d,onFirstSetImageDone:a})=>{var b,M,z;const p=c.useRef(null);c.useLayoutEffect(()=>{if(!s)return;const h=p.current;h!=null&&h.complete&&(a==null||a())},[s,(b=t.image)==null?void 0:b.url,a]);const u=n.display==="Cover",S=n.ratioValue??"1:1",x=n.reversed??!1,[y,m]=S.split(":").map(Number),w=(x?m:y)/(x?y:m);let $=i,C=$/w;C>r&&(C=r,$=C*w);const P=d($),E=d(C),k=((M=t.image)==null?void 0:M.url)&&o.jsx("img",{ref:p,src:t.image.url,alt:((z=t.image)==null?void 0:z.name)??"",style:u?{pointerEvents:"auto",display:"block",width:"100%",height:"100%",objectFit:"cover"}:{pointerEvents:"auto",display:"block",height:"100%",width:"auto",maxWidth:d(i),objectFit:"contain"},onLoad:s?a:void 0,onError:s?a:void 0});return o.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"start",...u?{width:P}:{width:"fit-content",maxWidth:d(i),minWidth:0}},children:o.jsx("div",{className:l,style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",flexShrink:0,...u?{width:P,height:E,overflow:"hidden"}:{width:"fit-content",maxWidth:d(i),height:d(r)}},children:k&&t.link?o.jsx("a",{href:t.link,target:"_blank",rel:"noopener noreferrer",className:Xt(`${e}-marquee-link`,!u&&`${e}-marquee-link-contain`),children:k}):k})})},Cu=({settings:t,content:e,isEditor:n,isPreviewMode:i,isEditMode:r})=>{const{prefix:l}=I.useScopedStyles(),s=c.useMemo(()=>hu(l),[l]),{speed:d,direction:a,pauseOnHover:p,gap:u,imageMaxWidth:S,imageMaxHeight:x,imageFit:y,hoverEffect:m}=t,f=!!r,L=!n||!!i,w=L&&m!=="off"&&m!=="randomize"?`${l}-image-hover-${m}`:void 0,$=n?!!i:!0,P=((e==null?void 0:e.length)??0)>0&&($||!!n),E=Math.max(0,d)*fu,k=Q=>I.scalingValue(Q,n??!1),b=c.useRef(null),M=c.useRef(null),z=c.useRef(null),[h,T]=c.useState(0),[_,N]=c.useState(0),V=$&&p==="on",[at,O]=c.useState(!1),[W,G]=c.useState({}),K=c.useRef(W);K.current=W;const H=c.useRef(null),q=c.useRef(0),et=c.useRef(null),lt=c.useMemo(()=>(e??[]).map(Q=>{var U;return((U=Q.image)==null?void 0:U.url)??""}).join("\0"),[e]),[F,ct]=c.useState(Ho),g=c.useMemo(()=>{const Q=e??[];return!$||Q.length===0?Q:xu(Q,F)},[e,$,F]),nt=c.useMemo(()=>g.filter(Q=>{var U;return!!((U=Q.image)!=null&&U.url)}).length,[g]),ft=P?vu:1;c.useLayoutEffect(()=>{q.current=0,G({}),H.current=null,ct(Ho),T(0)},[lt]),c.useEffect(()=>{if(!L||m!=="randomize")return;const Q=b.current;if(!Q)return;const U=At=>{G(Pt=>{let xt=null;for(const j of At)j in Pt&&(Su(Q,j)||(xt||(xt={...Pt}),delete xt[j]));return xt??Pt})},Y=new IntersectionObserver(At=>{const Pt=new Set;for(const xt of At){const j=xt.target.dataset.marqueeItemIndex,st=j!==void 0?Number(j):NaN;Number.isNaN(st)||Pt.add(st)}Pt.size>0&&U(Pt)},{root:Q,threshold:0});Object.keys(W).forEach(At=>{const Pt=Number(At);Q.querySelectorAll(`[data-marquee-item-index="${Pt}"]`).forEach(xt=>Y.observe(xt))});let It=0;const Mt=()=>{const At=Object.keys(K.current);At.length!==0&&(U(At.map(Number)),It=requestAnimationFrame(Mt))};return Object.keys(K.current).length>0&&(It=requestAnimationFrame(Mt)),()=>{cancelAnimationFrame(It),Y.disconnect()}},[m,W,L]),c.useLayoutEffect(()=>{if(!P)return;const Q=b.current,U=z.current;if(!Q||!U)return;let Y=0;const It=()=>{const Pt=Q.getBoundingClientRect().width,xt=U.getBoundingClientRect().width,j=H.current,st=typeof j=="number"&&Math.abs(j-xt)<=.25;if(H.current=xt,$&&xt>0&&F>0){const A=xt/F;if(A>0&&Pt>0){const D=Math.max(Ho,Math.ceil(Pt/A)+1);if(D!==F){ct(D);return}}}if(xt>0&&h<=0){T(xt);return}st&&xt!==h?T(xt):!st&&h<=0&&(cancelAnimationFrame(Y),Y=requestAnimationFrame(It))},Mt=()=>{cancelAnimationFrame(Y),Y=requestAnimationFrame(It)};et.current=Mt,Mt();const At=new ResizeObserver(Mt);return At.observe(Q),At.observe(U),()=>{et.current=null,cancelAnimationFrame(Y),At.disconnect()}},[$,P,h,lt,F]),c.useLayoutEffect(()=>{const Q=M.current;if(!P||!Q)return;const U=h>0?h:0,Y=U>0&&E>0?U/E*1e3:0,It=`${Math.max(0,Y)/1e3}s`;Q.style.setProperty("--marquee-distance",`${U}px`),Q.style.setProperty("--marquee-duration",It)},[$,P,E,h]),c.useLayoutEffect(()=>{if(!P){N(0);return}if(h<=0){N(0);return}const Q=M.current;if(!Q)return;const U=()=>{const It=Q.getBoundingClientRect().height;N(It>0?It:0)};U();const Y=new ResizeObserver(U);return Y.observe(Q),()=>Y.disconnect()},[P,ft,g,n,u,S,x,h,y,W]);const it=()=>{V&&O(!0)},wt=()=>{V&&O(!1)},mt=c.useCallback(()=>{var Q;q.current=Math.min(nt,q.current+1),(Q=et.current)==null||Q.call(et)},[nt]),ot=c.useCallback((Q,U)=>{G(Y=>{const It=Y[Q]??U,Mt=(e??[]).filter(Pt=>Pt!==It);if(Mt.length===0)return Y;const At=Mt[Math.floor(Math.random()*Mt.length)];return{...Y,[Q]:At}})},[e]),B=(Q,U,Y,It)=>{const Mt=L&&m==="randomize"&&y.display==="Cover"?W[Y]??Q:Q,At=`max(${k(u)}, ${yu}px)`,Pt=`calc(-0.5 * (${At} + ${k(u)}))`;return o.jsxs("div",{className:`${l}-marquee-card`,"data-marquee-item-index":Y,onMouseEnter:L&&m==="randomize"&&y.display==="Cover"?()=>ot(Y,Q):void 0,children:[o.jsx(wu,{item:Mt,prefix:l,imageFit:y,imageMaxWidth:S,imageMaxHeight:x,imageHoverClass:w,isEditor:n,isFirstSet:It,scaled:k,onFirstSetImageDone:mt}),f&&o.jsx("div",{"data-controls":"gap","data-controls-axis":"x",className:`${l}-gap-control`,style:{position:"absolute",top:0,right:Pt,width:At,height:"100%"}})]},`${U}-${Y}`)};if(P){const Q=$?V&&at?"paused":"running":"paused";return o.jsxs("div",{ref:b,className:Xt(`${l}-wrapper`,`${l}-marquee-wrapper`),"aria-label":"Marquee",style:h>0&&_>0?{height:_}:void 0,children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:s}}),o.jsx("div",{ref:M,className:`${l}-marquee-track`,"data-direction":a,onMouseEnter:it,onMouseLeave:wt,style:{"--marquee-play-state":Q},children:Array.from({length:ft},(U,Y)=>o.jsx("div",{ref:Y===0?z:void 0,className:Xt(`${l}-marquee-row`,`${l}-marquee-set`),style:{gap:k(u),paddingRight:k(u)},"aria-hidden":Y>0,children:g.map((It,Mt)=>B(It,Y,Mt,Y===0))},`set-${Y}`))},"marquee-track")]})}return o.jsxs("div",{ref:b,className:`${l}-wrapper`,children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:s}}),o.jsx("div",{className:Xt(`${l}-marquee-row`,`${l}-marquee-static`),style:{gap:k(u),transform:"none"},"aria-label":"Marquee",children:e==null?void 0:e.map((Q,U)=>B(Q,0,U))},"marquee-static")]})},Tu=`import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import cn from 'classnames';
 import { CommonComponentProps } from '../props';
 import { scalingValue } from '../utils/scalingValue';
@@ -2320,7 +2320,7 @@ type MarqueeProps = {
   isPreviewMode?: boolean;
   isEditMode?: boolean;
 } & CommonComponentProps;
-`,xu={type:"object",version:1,settings:{sizing:"auto manual",properties:{speed:{type:"number",scope:"layout",title:"Speed",display:{type:"speed-control"},min:0,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,display:{type:"numeric-input"}},imageMaxWidth:{type:"number",scope:"layout",title:"Max width",min:10,display:{type:"numeric-input"}},imageMaxHeight:{type:"number",scope:"layout",title:"Max height",min:10,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:.208,imageMaxHeight:.278}},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:["direction"]},{type:"row",items:["speed","imageFit"]},{type:"row",items:["imageMaxWidth","imageMaxHeight"]},{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/component-assets/grid(1).webp",name:""},link:""},{image:{url:"https://cdn.cntrl.site/component-assets/grid(2).webp",name:""},link:""},{image:{url:"https://cdn.cntrl.site/component-assets/grid(3).webp",name:""},link:""},{image:{url:"https://cdn.cntrl.site/component-assets/grid(4).webp",name:""},link:""},{image:{url:"https://cdn.cntrl.site/component-assets/grid(5).webp",name:""},link:""}]}},bu={element:yu,id:"marquee",name:"Simple Marquee",category:"galleries",version:1,defaultSize:{d:{width:"100%",height:400},m:{width:390,height:80}},preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Simple_Marquee.mp4"},schema:xu,sourceCode:vu,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:[]}};function al(t){return`
+`,$u={type:"object",version:1,settings:{sizing:"auto manual",properties:{speed:{type:"number",scope:"layout",title:"Speed",display:{type:"speed-control"},min:0,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,display:{type:"numeric-input"}},imageMaxWidth:{type:"number",scope:"layout",title:"Max width",min:10,display:{type:"numeric-input"}},imageMaxHeight:{type:"number",scope:"layout",title:"Max height",min:10,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:.208,imageMaxHeight:.278}},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:["direction"]},{type:"row",items:["speed","imageFit"]},{type:"row",items:["imageMaxWidth","imageMaxHeight"]},{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/component-assets/grid(1).webp",name:""},link:""},{image:{url:"https://cdn.cntrl.site/component-assets/grid(2).webp",name:""},link:""},{image:{url:"https://cdn.cntrl.site/component-assets/grid(3).webp",name:""},link:""},{image:{url:"https://cdn.cntrl.site/component-assets/grid(4).webp",name:""},link:""},{image:{url:"https://cdn.cntrl.site/component-assets/grid(5).webp",name:""},link:""}]}},Lu={element:Cu,id:"marquee",name:"Simple Marquee",category:"galleries",version:1,defaultSize:{d:{width:"100%",height:400},m:{width:390,height:80}},preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Simple_Marquee.mp4"},schema:$u,sourceCode:Tu,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:[]}};function pl(t){return`
 .${t}-marquee-wrapper {
   overflow: hidden;
   width: 100%;
@@ -2407,7 +2407,7 @@ type MarqueeProps = {
   pointer-events: auto;
   z-index: 10;
 }
-`}const Su=30,sl=2,wu=({settings:t,content:e,isEditor:n,isPreviewMode:i,isEditMode:r})=>{const{prefix:l}=M.useScopedStyles(),{align:a,speed:d,direction:s,pauseOnHover:p,gap:u,cardWidth:$,corners:b,stroke:v,strokeColor:m,bgColor:h,padding:L,logoMarginTop:I,logoWidth:x,logoHeight:S,captionMarginTop:O}=t,W=!!r,D=((e==null?void 0:e.length)??0)>0,w=d>0&&(!n||i),_=D&&(w||n),V=Math.max(0,d)*Su,g=k=>M.scalingValue(k,n??!1),C=c.useRef(null),A=c.useRef(null),F=c.useRef(null),[q,at]=c.useState(0),[N,j]=c.useState(0),[U,P]=c.useState(0),T=w&&p==="on",[H,J]=c.useState(!1),Z=c.useRef(null),[R,tt]=c.useState(0),[f,ot]=c.useState(0),Q=c.useRef(null),ut=k=>{var Y,et,ht,Ct,Ut;return{fontSettings:{fontFamily:(t==null?void 0:t[`${k}FontFamily`])??"Arial",fontWeight:((Y=t==null?void 0:t[`${k}FontSettings`])==null?void 0:Y.fontWeight)??400,fontStyle:((et=t==null?void 0:t[`${k}FontSettings`])==null?void 0:et.fontStyle)??"normal"},textAppearance:{textTransform:((ht=t==null?void 0:t[`${k}TextAppearance`])==null?void 0:ht.textTransform)??"none",textDecoration:((Ct=t==null?void 0:t[`${k}TextAppearance`])==null?void 0:Ct.textDecoration)??"none",fontVariant:((Ut=t==null?void 0:t[`${k}TextAppearance`])==null?void 0:Ut.fontVariant)??"normal"},letterSpacing:(t==null?void 0:t[`${k}LetterSpacing`])??0,wordSpacing:(t==null?void 0:t[`${k}WordSpacing`])??0,fontSize:(t==null?void 0:t[`${k}FontSize`])??.01,lineHeight:(t==null?void 0:t[`${k}LineHeight`])??.01,color:(t==null?void 0:t[`${k}Color`])??"#000000"}},bt=ut("text"),ct=ut("caption"),yt=c.useMemo(()=>((e==null?void 0:e.length)??0)>1&&(e??[]).some(k=>{var X,Y;return(((X=k.text)==null?void 0:X.length)??0)>0||(((Y=k.caption)==null?void 0:Y.length)??0)>0}),[e]),z=c.useMemo(()=>!_||(e==null?void 0:e.length)===0?1:N<=0||q<=0?sl:Math.max(sl,Math.ceil(q/N)+1),[_,e==null?void 0:e.length,N,q]);c.useLayoutEffect(()=>{if(!_)return;const k=C.current,X=F.current;if(!k||!X)return;let Y=0;const et=()=>{const Ut=k.getBoundingClientRect().width,xt=X.getBoundingClientRect().width,Et=Q.current,Bt=typeof Et=="number"&&Math.abs(Et-xt)<=.25;if(Q.current=xt,at(Ut),typeof xt=="number"&&xt>0&&N<=0){j(xt);return}Bt&&xt!==N?j(xt):!Bt&&N<=0&&(cancelAnimationFrame(Y),Y=requestAnimationFrame(et))},ht=()=>{cancelAnimationFrame(Y),Y=requestAnimationFrame(et)};ht();const Ct=new ResizeObserver(ht);return Ct.observe(k),Ct.observe(X),()=>{cancelAnimationFrame(Y),Ct.disconnect()}},[w,_,N]),c.useLayoutEffect(()=>{const k=A.current;if(!_||!k)return;const X=N>0?N:0,Y=X>0&&V>0?X/V*1e3:0,et=`${Math.max(0,Y)/1e3}s`;k.style.setProperty("--marquee-distance",`${X}px`),k.style.setProperty("--marquee-duration",et)},[w,_,V,N]),c.useLayoutEffect(()=>{if(!_){P(0);return}const k=F.current,X=A.current;if(!k||!X)return;const Y=()=>{let ht=0;for(let Ct=0;Ct<k.children.length;Ct++){const xt=k.children[Ct].firstElementChild;xt&&(ht=Math.max(ht,xt.offsetHeight))}ht<=0&&(ht=X.offsetHeight),P(ht>0?ht:0)};Y();const et=new ResizeObserver(Y);return et.observe(k),et.observe(X),()=>{et.disconnect()}},[_,z,e,n,u,$,L,v,b,x,S,R,f]);const B=()=>{T&&J(!0)},it=()=>{T&&J(!1)},st=c.useMemo(()=>{switch(a){case"center":return"center";case"end":return"flex-end";case"start":default:return"flex-start"}},[a]),Lt=c.useMemo(()=>{switch(a){case"center":return"center";case"end":return"right";case"start":default:return"left"}},[a]),St=c.useCallback((k,X,Y,et)=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:st,width:"100%"},children:[o.jsx("div",{"data-controls":W?et==null?void 0:et.controlsName:void 0,"data-controls-axis":W?"y":void 0,className:W?`${l}-control`:void 0,style:{height:g((et==null?void 0:et.marginTop)??0)}}),o.jsx("div",{...et!=null&&et.dataMeasureKind?{"data-testimonial-measure":et.dataMeasureKind}:{},style:{...Ie(k,n),textAlign:Lt,pointerEvents:"auto",...typeof(et==null?void 0:et.minHeightPx)=="number"&&et.minHeightPx>0?{minHeight:et.minHeightPx}:{}},children:o.jsx(yi,{content:X})})]},Y),[st,Lt,n,W,l,g]),Ht=c.useCallback((k,X,Y)=>{var et,ht,Ct;return o.jsxs("div",{style:{padding:`${g(L.top)} ${g(L.right)} ${g(L.bottom)} ${g(L.left)}`,width:g($+v*2),height:"100%",borderRadius:g(b),border:`${g(v)} solid ${m}`,boxSizing:"border-box",position:"relative",overflow:"hidden"},children:[o.jsx("div",{className:`${l}-cover`,style:{background:h}}),o.jsxs("div",{className:`${l}-elements-overlay`,style:{alignItems:st,textAlign:Lt},children:[k.text&&St(bt,k.text,"text",Y!=null&&Y.dataMeasureAttrs?{dataMeasureKind:"text"}:typeof(Y==null?void 0:Y.textMinHeightPx)=="number"&&Y.textMinHeightPx>0?{minHeightPx:Y.textMinHeightPx}:void 0),o.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:st,width:"100%"},children:[o.jsx("div",{"data-controls":W&&!(Y!=null&&Y.dataMeasureAttrs)?"logoMarginTop":void 0,className:W&&!(Y!=null&&Y.dataMeasureAttrs)?`${l}-control`:void 0,style:{height:g(I)}}),o.jsx("div",{style:{width:g(x),height:g(S)},children:((et=k.logo)==null?void 0:et.url)&&o.jsx("img",{src:k.logo.url,alt:((ht=k.logo)==null?void 0:ht.name)??"",style:{pointerEvents:"auto",width:"100%",height:"100%",objectFit:((Ct=k.logo)==null?void 0:Ct.objectFit)||"contain"}})})]}),k.caption&&St(ct,k.caption,"caption",{...Y!=null&&Y.dataMeasureAttrs?{}:{controlsName:"captionMarginTop"},marginTop:O,...Y!=null&&Y.dataMeasureAttrs?{dataMeasureKind:"caption"}:typeof(Y==null?void 0:Y.captionMinHeightPx)=="number"&&Y.captionMinHeightPx>0?{minHeightPx:Y.captionMinHeightPx}:{}})]})]},X)},[h,O,ct,$,b,S,I,x,st,Lt,L.bottom,L.left,L.right,L.top,St,v,m,bt,n,W,l]),_t=c.useCallback(k=>{tt(k.maxTextPx),ot(k.maxCaptionPx)},[]);c.useLayoutEffect(()=>{if(!yt){_t({maxTextPx:0,maxCaptionPx:0});return}const k=Z.current;if(!k)return;const X=()=>{M.readTestimonialTextMeasure(k,_t)};X();const Y=new ResizeObserver(X);return Y.observe(k),()=>{Y.disconnect()}},[yt,_t,e,Ht]);const zt=yt?{textMinHeightPx:R,captionMinHeightPx:f}:void 0,K=yt?o.jsx("div",{ref:Z,"aria-hidden":!0,style:{position:"absolute",left:0,top:0,width:"100%",visibility:"hidden",pointerEvents:"none",zIndex:-1},children:(e??[]).map((k,X)=>Ht(k,`measure-${X}`,{dataMeasureAttrs:!0}))}):null,mt=(k,X)=>o.jsxs("div",{style:{position:"relative",flex:"0 0 auto",height:"100%",transform:"translateZ(0)",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",willChange:"transform"},children:[Ht(k,`card-${X}`,zt),W&&o.jsx("div",{"data-controls":"gap","data-controls-axis":"x",style:{position:"absolute",top:0,right:`calc(-1 * ${g(u)})`,width:g(u),height:"100%",pointerEvents:"auto",zIndex:2}})]},X);if(_){const k=w?T&&H?"paused":"running":"paused";return o.jsxs("div",{ref:C,className:Xt(`${l}-wrapper`,`${l}-marquee-wrapper`),"aria-label":"Testimonials",style:{overflow:"hidden",width:"100%",...U>0?{height:U}:{}},children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:al(l)}}),K,o.jsx("div",{ref:A,className:`${l}-marquee-track`,"data-direction":s,onMouseEnter:B,onMouseLeave:it,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:z},(X,Y)=>o.jsx("div",{ref:Y===0?F:void 0,className:`${l}-marquee-set`,style:{display:"flex",flexDirection:"row",flex:"0 0 auto",gap:g(u),paddingRight:g(u)},"aria-hidden":Y>0,children:e==null?void 0:e.map((et,ht)=>mt(et,`${Y}-${ht}`))},`set-${Y}`))})]})}return o.jsxs("div",{className:`${l}-wrapper`,children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:al(l)}}),K,o.jsx("div",{style:{gap:g(u),justifyContent:"center",overflowX:"auto",display:"flex",flexDirection:"row"},"aria-label":"Testimonials",children:e==null?void 0:e.map((k,X)=>mt(k,X))})]})},Cu=`import { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
+`}const Iu=30,ml=2,Eu=({settings:t,content:e,isEditor:n,isPreviewMode:i,isEditMode:r})=>{const{prefix:l}=I.useScopedStyles(),{align:s,speed:d,direction:a,pauseOnHover:p,gap:u,cardWidth:S,corners:x,stroke:y,strokeColor:m,bgColor:f,padding:L,logoMarginTop:w,logoWidth:$,logoHeight:C,captionMarginTop:P}=t,E=!!r,k=((e==null?void 0:e.length)??0)>0,b=d>0&&(!n||i),M=k&&(b||n),z=Math.max(0,d)*Iu,h=A=>I.scalingValue(A,n??!1),T=c.useRef(null),_=c.useRef(null),N=c.useRef(null),[V,at]=c.useState(0),[O,W]=c.useState(0),[G,K]=c.useState(0),H=b&&p==="on",[q,et]=c.useState(!1),lt=c.useRef(null),[F,ct]=c.useState(0),[g,nt]=c.useState(0),ft=c.useRef(null),it=A=>{var X,J,gt,Ct,Dt;return{fontSettings:{fontFamily:(t==null?void 0:t[`${A}FontFamily`])??"Arial",fontWeight:((X=t==null?void 0:t[`${A}FontSettings`])==null?void 0:X.fontWeight)??400,fontStyle:((J=t==null?void 0:t[`${A}FontSettings`])==null?void 0:J.fontStyle)??"normal"},textAppearance:{textTransform:((gt=t==null?void 0:t[`${A}TextAppearance`])==null?void 0:gt.textTransform)??"none",textDecoration:((Ct=t==null?void 0:t[`${A}TextAppearance`])==null?void 0:Ct.textDecoration)??"none",fontVariant:((Dt=t==null?void 0:t[`${A}TextAppearance`])==null?void 0:Dt.fontVariant)??"normal"},letterSpacing:(t==null?void 0:t[`${A}LetterSpacing`])??0,wordSpacing:(t==null?void 0:t[`${A}WordSpacing`])??0,fontSize:(t==null?void 0:t[`${A}FontSize`])??.01,lineHeight:(t==null?void 0:t[`${A}LineHeight`])??.01,color:(t==null?void 0:t[`${A}Color`])??"#000000"}},wt=it("text"),mt=it("caption"),ot=c.useMemo(()=>((e==null?void 0:e.length)??0)>1&&(e??[]).some(A=>{var D,X;return(((D=A.text)==null?void 0:D.length)??0)>0||(((X=A.caption)==null?void 0:X.length)??0)>0}),[e]),B=c.useMemo(()=>!M||(e==null?void 0:e.length)===0?1:O<=0||V<=0?ml:Math.max(ml,Math.ceil(V/O)+1),[M,e==null?void 0:e.length,O,V]);c.useLayoutEffect(()=>{if(!M)return;const A=T.current,D=N.current;if(!A||!D)return;let X=0;const J=()=>{const Dt=A.getBoundingClientRect().width,Rt=D.getBoundingClientRect().width,$t=ft.current,Gt=typeof $t=="number"&&Math.abs($t-Rt)<=.25;if(ft.current=Rt,at(Dt),typeof Rt=="number"&&Rt>0&&O<=0){W(Rt);return}Gt&&Rt!==O?W(Rt):!Gt&&O<=0&&(cancelAnimationFrame(X),X=requestAnimationFrame(J))},gt=()=>{cancelAnimationFrame(X),X=requestAnimationFrame(J)};gt();const Ct=new ResizeObserver(gt);return Ct.observe(A),Ct.observe(D),()=>{cancelAnimationFrame(X),Ct.disconnect()}},[b,M,O]),c.useLayoutEffect(()=>{const A=_.current;if(!M||!A)return;const D=O>0?O:0,X=D>0&&z>0?D/z*1e3:0,J=`${Math.max(0,X)/1e3}s`;A.style.setProperty("--marquee-distance",`${D}px`),A.style.setProperty("--marquee-duration",J)},[b,M,z,O]),c.useLayoutEffect(()=>{if(!M){K(0);return}const A=N.current,D=_.current;if(!A||!D)return;const X=()=>{let gt=0;for(let Ct=0;Ct<A.children.length;Ct++){const Rt=A.children[Ct].firstElementChild;Rt&&(gt=Math.max(gt,Rt.offsetHeight))}gt<=0&&(gt=D.offsetHeight),K(gt>0?gt:0)};X();const J=new ResizeObserver(X);return J.observe(A),J.observe(D),()=>{J.disconnect()}},[M,B,e,n,u,S,L,y,x,$,C,F,g]);const Q=()=>{H&&et(!0)},U=()=>{H&&et(!1)},Y=c.useMemo(()=>{switch(s){case"center":return"center";case"end":return"flex-end";case"start":default:return"flex-start"}},[s]),It=c.useMemo(()=>{switch(s){case"center":return"center";case"end":return"right";case"start":default:return"left"}},[s]),Mt=c.useCallback((A,D,X,J)=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:Y,width:"100%"},children:[o.jsx("div",{"data-controls":E?J==null?void 0:J.controlsName:void 0,"data-controls-axis":E?"y":void 0,className:E?`${l}-control`:void 0,style:{height:h((J==null?void 0:J.marginTop)??0)}}),o.jsx("div",{...J!=null&&J.dataMeasureKind?{"data-testimonial-measure":J.dataMeasureKind}:{},style:{...We(A,n),textAlign:It,pointerEvents:"auto",...typeof(J==null?void 0:J.minHeightPx)=="number"&&J.minHeightPx>0?{minHeight:J.minHeightPx}:{}},children:o.jsx(wi,{content:D})})]},X),[Y,It,n,E,l,h]),At=c.useCallback((A,D,X)=>{var J,gt,Ct;return o.jsxs("div",{style:{padding:`${h(L.top)} ${h(L.right)} ${h(L.bottom)} ${h(L.left)}`,width:h(S+y*2),height:"100%",borderRadius:h(x),border:`${h(y)} solid ${m}`,boxSizing:"border-box",position:"relative",overflow:"hidden"},children:[o.jsx("div",{className:`${l}-cover`,style:{background:f}}),o.jsxs("div",{className:`${l}-elements-overlay`,style:{alignItems:Y,textAlign:It},children:[A.text&&Mt(wt,A.text,"text",X!=null&&X.dataMeasureAttrs?{dataMeasureKind:"text"}:typeof(X==null?void 0:X.textMinHeightPx)=="number"&&X.textMinHeightPx>0?{minHeightPx:X.textMinHeightPx}:void 0),o.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:Y,width:"100%"},children:[o.jsx("div",{"data-controls":E&&!(X!=null&&X.dataMeasureAttrs)?"logoMarginTop":void 0,className:E&&!(X!=null&&X.dataMeasureAttrs)?`${l}-control`:void 0,style:{height:h(w)}}),o.jsx("div",{style:{width:h($),height:h(C)},children:((J=A.logo)==null?void 0:J.url)&&o.jsx("img",{src:A.logo.url,alt:((gt=A.logo)==null?void 0:gt.name)??"",style:{pointerEvents:"auto",width:"100%",height:"100%",objectFit:((Ct=A.logo)==null?void 0:Ct.objectFit)||"contain"}})})]}),A.caption&&Mt(mt,A.caption,"caption",{...X!=null&&X.dataMeasureAttrs?{}:{controlsName:"captionMarginTop"},marginTop:P,...X!=null&&X.dataMeasureAttrs?{dataMeasureKind:"caption"}:typeof(X==null?void 0:X.captionMinHeightPx)=="number"&&X.captionMinHeightPx>0?{minHeightPx:X.captionMinHeightPx}:{}})]})]},D)},[f,P,mt,S,x,C,w,$,Y,It,L.bottom,L.left,L.right,L.top,Mt,y,m,wt,n,E,l]),Pt=c.useCallback(A=>{ct(A.maxTextPx),nt(A.maxCaptionPx)},[]);c.useLayoutEffect(()=>{if(!ot){Pt({maxTextPx:0,maxCaptionPx:0});return}const A=lt.current;if(!A)return;const D=()=>{I.readTestimonialTextMeasure(A,Pt)};D();const X=new ResizeObserver(D);return X.observe(A),()=>{X.disconnect()}},[ot,Pt,e,At]);const xt=ot?{textMinHeightPx:F,captionMinHeightPx:g}:void 0,j=ot?o.jsx("div",{ref:lt,"aria-hidden":!0,style:{position:"absolute",left:0,top:0,width:"100%",visibility:"hidden",pointerEvents:"none",zIndex:-1},children:(e??[]).map((A,D)=>At(A,`measure-${D}`,{dataMeasureAttrs:!0}))}):null,st=(A,D)=>o.jsxs("div",{style:{position:"relative",flex:"0 0 auto",height:"100%",transform:"translateZ(0)",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",willChange:"transform"},children:[At(A,`card-${D}`,xt),E&&o.jsx("div",{"data-controls":"gap","data-controls-axis":"x",style:{position:"absolute",top:0,right:`calc(-1 * ${h(u)})`,width:h(u),height:"100%",pointerEvents:"auto",zIndex:2}})]},D);if(M){const A=b?H&&q?"paused":"running":"paused";return o.jsxs("div",{ref:T,className:Xt(`${l}-wrapper`,`${l}-marquee-wrapper`),"aria-label":"Testimonials",style:{overflow:"hidden",width:"100%",...G>0?{height:G}:{}},children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:pl(l)}}),j,o.jsx("div",{ref:_,className:`${l}-marquee-track`,"data-direction":a,onMouseEnter:Q,onMouseLeave:U,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":A},children:Array.from({length:B},(D,X)=>o.jsx("div",{ref:X===0?N:void 0,className:`${l}-marquee-set`,style:{display:"flex",flexDirection:"row",flex:"0 0 auto",gap:h(u),paddingRight:h(u)},"aria-hidden":X>0,children:e==null?void 0:e.map((J,gt)=>st(J,`${X}-${gt}`))},`set-${X}`))})]})}return o.jsxs("div",{className:`${l}-wrapper`,children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:pl(l)}}),j,o.jsx("div",{style:{gap:h(u),justifyContent:"center",overflowX:"auto",display:"flex",flexDirection:"row"},"aria-label":"Testimonials",children:e==null?void 0:e.map((A,D)=>st(A,D))})]})},Ru=`import { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import cn from 'classnames';
 import { CommonComponentProps } from '../props';
 import { RichTextRenderer } from '../helpers/RichTextRenderer/RichTextRenderer';
@@ -3022,7 +3022,7 @@ type TestimonialsSettings = {
   logoHeight: number;
   captionMarginTop: number;
 };
-`,cl={fontSettings:{type:"object",scope:"common",display:{type:"font-settings"},properties:{fontWeight:{type:"number",scope:"common"},fontStyle:{type:"string",scope:"common"}}}},Tu={type:"object",version:1,settings:{sizing:"auto manual",properties:{speed:{type:"number",scope:"layout",title:"Speed",display:{type:"speed-control"},min:0,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-cycle",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:{...cl.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:{...cl.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:{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__","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__"]},{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:["__componentName__",{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"}]}]}]}},$u={element:wu,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:Tu,sourceCode:Cu,assetsPaths:{content:[{path:"logo.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:[{path:"styles.text.fontSettings"},{path:"styles.caption.fontSettings"}]}};function Lu(t){return`
+`,gl={fontSettings:{type:"object",scope:"common",display:{type:"font-settings"},properties:{fontWeight:{type:"number",scope:"common"},fontStyle:{type:"string",scope:"common"}}}},Mu={type:"object",version:1,settings:{sizing:"auto manual",properties:{speed:{type:"number",scope:"layout",title:"Speed",display:{type:"speed-control"},min:0,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-cycle",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:{...gl.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:{...gl.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:{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__","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__"]},{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:["__componentName__",{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"}]}]}]}},_u={element:Eu,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:Mu,sourceCode:Ru,assetsPaths:{content:[{path:"logo.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:[{path:"styles.text.fontSettings"},{path:"styles.caption.fontSettings"}]}};function Wu(t){return`
 .${t}-container {
   position: relative;
   overflow-x: clip;
@@ -3146,7 +3146,7 @@ type TestimonialsSettings = {
   width: 100%;
   height: 100%;
 }
-`}const Iu=3e3,Eu=({settings:t,content:e,isEditor:n,isPreviewMode:i,isEditMode:r})=>{const{prefix:l}=M.useScopedStyles(),a=e||[],{speed:d,align:s,width:p,imageMarginTop:u,textMarginTop:$,captionMarginTop:b,imageWidth:v,imageHeight:m,controlsWidth:h,controlsColor:L,controlsHoverColor:I}=t,x=d>0&&(!n||!!i),[S,O]=c.useState(0),[W,D]=c.useState(null),[w,_]=c.useState(!1),V=c.useRef(null),g=c.useMemo(()=>{switch(s){case"center":return"center";case"end":return"flex-end";case"start":default:return"flex-start"}},[s]),C=c.useMemo(()=>{switch(s){case"center":return"center";case"end":return"right";case"start":default:return"left"}},[s]);c.useEffect(()=>{O(0),D(null),_(!1)},[a.length]);const A=a[S],F=W===null?null:a[W],q=ct=>{var z,B,it,st,Lt;return{fontSettings:{fontFamily:(t==null?void 0:t[`${ct}FontFamily`])??"Arial",fontWeight:((z=t==null?void 0:t[`${ct}FontSettings`])==null?void 0:z.fontWeight)??400,fontStyle:((B=t==null?void 0:t[`${ct}FontSettings`])==null?void 0:B.fontStyle)??"normal"},textAppearance:{textTransform:((it=t==null?void 0:t[`${ct}TextAppearance`])==null?void 0:it.textTransform)??"none",textDecoration:((st=t==null?void 0:t[`${ct}TextAppearance`])==null?void 0:st.textDecoration)??"none",fontVariant:((Lt=t==null?void 0:t[`${ct}TextAppearance`])==null?void 0:Lt.fontVariant)??"normal"},fontSize:(t==null?void 0:t[`${ct}FontSize`])??.01,lineHeight:(t==null?void 0:t[`${ct}LineHeight`])??.01,letterSpacing:(t==null?void 0:t[`${ct}LetterSpacing`])??0,wordSpacing:(t==null?void 0:t[`${ct}WordSpacing`])??0,color:(t==null?void 0:t[`${ct}Color`])??"#000000"}},at=q("text"),N=q("caption"),j=a.length>1&&a.some(ct=>{var yt,z;return(((yt=ct.text)==null?void 0:yt.length)??0)>0||(((z=ct.caption)==null?void 0:z.length)??0)>0}),U=c.useRef(null),[P,T]=c.useState(0),[H,J]=c.useState(0),Z=t.controls??{mode:"Off",icon:null},R=a.length>1,tt=c.useCallback((ct,yt)=>!R||yt===ct?ct:(V.current&&window.clearTimeout(V.current),D(ct),_(!0),V.current=window.setTimeout(()=>{D(null),_(!1),V.current=null},300),yt),[R]),f=c.useCallback(()=>{R&&O(ct=>tt(ct,(ct-1+a.length)%a.length))},[R,tt,a.length]),ot=c.useCallback(()=>{R&&O(ct=>tt(ct,(ct+1)%a.length))},[R,tt,a.length]);c.useEffect(()=>{if(!x||!R)return;const ct=Math.max(300,Iu/d),yt=window.setInterval(()=>{O(z=>tt(z,(z+1)%a.length))},ct);return()=>{window.clearInterval(yt)}},[x,R,tt,a.length,d]),c.useEffect(()=>()=>{V.current&&window.clearTimeout(V.current)},[]);const Q=(ct,yt)=>{var Lt,St,Ht,_t;const z=yt==null?void 0:yt.textMinHeightPx,B=yt==null?void 0:yt.captionMinHeightPx,it=yt==null?void 0:yt.dataMeasureAttrs,st=r&&!(yt!=null&&yt.dataMeasureAttrs)&&!(yt!=null&&yt.hideControls);return o.jsxs(o.Fragment,{children:[ct.text&&o.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:g,width:"100%"},children:[o.jsx("div",{"data-controls":st?"textMarginTop":void 0,className:st?`${l}-control`:void 0,style:{height:M.scalingValue($??0,n??!1)}}),o.jsx("div",{...it&&{"data-testimonial-measure":"text"},style:{...Ie(at,n),...z&&z>0?{minHeight:z}:{},textAlign:C,pointerEvents:"auto"},children:o.jsx(yi,{content:ct.text})})]}),o.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:g,width:"100%"},children:[o.jsx("div",{"data-controls":st?"imageMarginTop":void 0,className:st?`${l}-control`:void 0,style:{height:M.scalingValue(u??0,n??!1)}}),o.jsx("div",{style:{width:M.scalingValue(v??0,n??!1),height:M.scalingValue(m??0,n??!1)},children:((Lt=ct.image)==null?void 0:Lt.url)&&o.jsx("img",{src:(St=ct.image)==null?void 0:St.url,alt:((Ht=ct.image)==null?void 0:Ht.name)??"",className:`${l}-icon`,style:{objectFit:((_t=ct.image)==null?void 0:_t.objectFit)||"contain"}})})]}),ct.caption&&o.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:g,width:"100%"},children:[o.jsx("div",{"data-controls":st?"captionMarginTop":void 0,className:st?`${l}-control`:void 0,style:{height:M.scalingValue(b??0,n??!1)}}),o.jsx("div",{...it?{"data-testimonial-measure":"caption"}:{},style:{...Ie(N,n),...B&&B>0?{minHeight:B}:{},textAlign:C,pointerEvents:"auto"},children:o.jsx(yi,{content:ct.caption})})]})]})},ut=c.useCallback(ct=>{T(ct.maxTextPx),J(ct.maxCaptionPx)},[]);if(c.useLayoutEffect(()=>{if(!j){ut({maxTextPx:0,maxCaptionPx:0});return}const ct=U.current;if(!ct)return;const yt=()=>{M.readTestimonialTextMeasure(ct,ut)};yt();const z=new ResizeObserver(yt);return z.observe(ct),()=>{z.disconnect()}},[j,ut,e]),!A)return o.jsx(o.Fragment,{});const bt=j?{textMinHeightPx:P,captionMinHeightPx:H}:void 0;return o.jsx(o.Fragment,{children:o.jsxs("div",{className:`${l}-container`,children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:Lu(l)}}),o.jsxs("div",{className:`${l}-wrapper`,style:{width:M.scalingValue(p??0,n??!1),alignItems:g},children:[j&&o.jsx("div",{ref:U,"aria-hidden":!0,style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",visibility:"hidden",pointerEvents:"none",zIndex:-1},children:a.map((ct,yt)=>o.jsx("div",{style:{width:"100%"},children:Q(ct,{dataMeasureAttrs:!0})},yt))}),o.jsxs("div",{className:`${l}-fade-stack`,children:[F&&w&&o.jsx("div",{className:Xt(`${l}-fade-item-prev`,`${l}-fade-out`),children:Q(F,{...bt,hideControls:!0})}),o.jsx("div",{className:Xt(`${l}-fade-item-current`,w?`${l}-fade-in`:void 0),children:Q(A,bt)})]})]}),Z.mode==="On"&&o.jsxs("div",{className:`${l}-controls`,children:[o.jsx("div",{className:`${l}-arrow`,style:{width:M.scalingValue(h??.02,n??!1),height:M.scalingValue(h??.02,n??!1),"--arrow-hover-color":I},children:o.jsx("button",{type:"button",className:`${l}-arrow-inner`,onClick:f,disabled:!R,"aria-label":"Previous testimonial",children:Z.icon&&o.jsx(Qe,{url:Z.icon,fill:L,hoverFill:I,className:Xt(`${l}-arrow-img`,`${l}-mirror`)})})}),o.jsx("div",{className:Xt(`${l}-arrow`,`${l}-next-arrow`),style:{width:M.scalingValue(h??.02,n??!1),height:M.scalingValue(h??.02,n??!1),"--arrow-hover-color":I},children:o.jsx("button",{type:"button",className:`${l}-arrow-inner`,onClick:ot,disabled:!R,"aria-label":"Next testimonial",children:Z.icon&&o.jsx(Qe,{url:Z.icon,fill:L,hoverFill:I,className:`${l}-arrow-img`})})})]})]})})},Ru=`import cn from 'classnames';
+`}const Au=3e3,Pu=({settings:t,content:e,isEditor:n,isPreviewMode:i,isEditMode:r})=>{const{prefix:l}=I.useScopedStyles(),s=e||[],{speed:d,align:a,width:p,imageMarginTop:u,textMarginTop:S,captionMarginTop:x,imageWidth:y,imageHeight:m,controlsWidth:f,controlsColor:L,controlsHoverColor:w}=t,$=d>0&&(!n||!!i),[C,P]=c.useState(0),[E,k]=c.useState(null),[b,M]=c.useState(!1),z=c.useRef(null),h=c.useMemo(()=>{switch(a){case"center":return"center";case"end":return"flex-end";case"start":default:return"flex-start"}},[a]),T=c.useMemo(()=>{switch(a){case"center":return"center";case"end":return"right";case"start":default:return"left"}},[a]);c.useEffect(()=>{P(0),k(null),M(!1)},[s.length]);const _=s[C],N=E===null?null:s[E],V=mt=>{var B,Q,U,Y,It;return{fontSettings:{fontFamily:(t==null?void 0:t[`${mt}FontFamily`])??"Arial",fontWeight:((B=t==null?void 0:t[`${mt}FontSettings`])==null?void 0:B.fontWeight)??400,fontStyle:((Q=t==null?void 0:t[`${mt}FontSettings`])==null?void 0:Q.fontStyle)??"normal"},textAppearance:{textTransform:((U=t==null?void 0:t[`${mt}TextAppearance`])==null?void 0:U.textTransform)??"none",textDecoration:((Y=t==null?void 0:t[`${mt}TextAppearance`])==null?void 0:Y.textDecoration)??"none",fontVariant:((It=t==null?void 0:t[`${mt}TextAppearance`])==null?void 0:It.fontVariant)??"normal"},fontSize:(t==null?void 0:t[`${mt}FontSize`])??.01,lineHeight:(t==null?void 0:t[`${mt}LineHeight`])??.01,letterSpacing:(t==null?void 0:t[`${mt}LetterSpacing`])??0,wordSpacing:(t==null?void 0:t[`${mt}WordSpacing`])??0,color:(t==null?void 0:t[`${mt}Color`])??"#000000"}},at=V("text"),O=V("caption"),W=s.length>1&&s.some(mt=>{var ot,B;return(((ot=mt.text)==null?void 0:ot.length)??0)>0||(((B=mt.caption)==null?void 0:B.length)??0)>0}),G=c.useRef(null),[K,H]=c.useState(0),[q,et]=c.useState(0),lt=t.controls??{mode:"Off",icon:null},F=s.length>1,ct=c.useCallback((mt,ot)=>!F||ot===mt?mt:(z.current&&window.clearTimeout(z.current),k(mt),M(!0),z.current=window.setTimeout(()=>{k(null),M(!1),z.current=null},300),ot),[F]),g=c.useCallback(()=>{F&&P(mt=>ct(mt,(mt-1+s.length)%s.length))},[F,ct,s.length]),nt=c.useCallback(()=>{F&&P(mt=>ct(mt,(mt+1)%s.length))},[F,ct,s.length]);c.useEffect(()=>{if(!$||!F)return;const mt=Math.max(300,Au/d),ot=window.setInterval(()=>{P(B=>ct(B,(B+1)%s.length))},mt);return()=>{window.clearInterval(ot)}},[$,F,ct,s.length,d]),c.useEffect(()=>()=>{z.current&&window.clearTimeout(z.current)},[]);const ft=(mt,ot)=>{var It,Mt,At,Pt;const B=ot==null?void 0:ot.textMinHeightPx,Q=ot==null?void 0:ot.captionMinHeightPx,U=ot==null?void 0:ot.dataMeasureAttrs,Y=r&&!(ot!=null&&ot.dataMeasureAttrs)&&!(ot!=null&&ot.hideControls);return o.jsxs(o.Fragment,{children:[mt.text&&o.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:h,width:"100%"},children:[o.jsx("div",{"data-controls":Y?"textMarginTop":void 0,className:Y?`${l}-control`:void 0,style:{height:I.scalingValue(S??0,n??!1)}}),o.jsx("div",{...U&&{"data-testimonial-measure":"text"},style:{...We(at,n),...B&&B>0?{minHeight:B}:{},textAlign:T,pointerEvents:"auto"},children:o.jsx(wi,{content:mt.text})})]}),o.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:h,width:"100%"},children:[o.jsx("div",{"data-controls":Y?"imageMarginTop":void 0,className:Y?`${l}-control`:void 0,style:{height:I.scalingValue(u??0,n??!1)}}),o.jsx("div",{style:{width:I.scalingValue(y??0,n??!1),height:I.scalingValue(m??0,n??!1)},children:((It=mt.image)==null?void 0:It.url)&&o.jsx("img",{src:(Mt=mt.image)==null?void 0:Mt.url,alt:((At=mt.image)==null?void 0:At.name)??"",className:`${l}-icon`,style:{objectFit:((Pt=mt.image)==null?void 0:Pt.objectFit)||"contain"}})})]}),mt.caption&&o.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:h,width:"100%"},children:[o.jsx("div",{"data-controls":Y?"captionMarginTop":void 0,className:Y?`${l}-control`:void 0,style:{height:I.scalingValue(x??0,n??!1)}}),o.jsx("div",{...U?{"data-testimonial-measure":"caption"}:{},style:{...We(O,n),...Q&&Q>0?{minHeight:Q}:{},textAlign:T,pointerEvents:"auto"},children:o.jsx(wi,{content:mt.caption})})]})]})},it=c.useCallback(mt=>{H(mt.maxTextPx),et(mt.maxCaptionPx)},[]);if(c.useLayoutEffect(()=>{if(!W){it({maxTextPx:0,maxCaptionPx:0});return}const mt=G.current;if(!mt)return;const ot=()=>{I.readTestimonialTextMeasure(mt,it)};ot();const B=new ResizeObserver(ot);return B.observe(mt),()=>{B.disconnect()}},[W,it,e]),!_)return o.jsx(o.Fragment,{});const wt=W?{textMinHeightPx:K,captionMinHeightPx:q}:void 0;return o.jsx(o.Fragment,{children:o.jsxs("div",{className:`${l}-container`,children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:Wu(l)}}),o.jsxs("div",{className:`${l}-wrapper`,style:{width:I.scalingValue(p??0,n??!1),alignItems:h},children:[W&&o.jsx("div",{ref:G,"aria-hidden":!0,style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",visibility:"hidden",pointerEvents:"none",zIndex:-1},children:s.map((mt,ot)=>o.jsx("div",{style:{width:"100%"},children:ft(mt,{dataMeasureAttrs:!0})},ot))}),o.jsxs("div",{className:`${l}-fade-stack`,children:[N&&b&&o.jsx("div",{className:Xt(`${l}-fade-item-prev`,`${l}-fade-out`),children:ft(N,{...wt,hideControls:!0})}),o.jsx("div",{className:Xt(`${l}-fade-item-current`,b?`${l}-fade-in`:void 0),children:ft(_,wt)})]})]}),lt.mode==="On"&&o.jsxs("div",{className:`${l}-controls`,children:[o.jsx("div",{className:`${l}-arrow`,style:{width:I.scalingValue(f??.02,n??!1),height:I.scalingValue(f??.02,n??!1),"--arrow-hover-color":w},children:o.jsx("button",{type:"button",className:`${l}-arrow-inner`,onClick:g,disabled:!F,"aria-label":"Previous testimonial",children:lt.icon&&o.jsx(nn,{url:lt.icon,fill:L,hoverFill:w,className:Xt(`${l}-arrow-img`,`${l}-mirror`)})})}),o.jsx("div",{className:Xt(`${l}-arrow`,`${l}-next-arrow`),style:{width:I.scalingValue(f??.02,n??!1),height:I.scalingValue(f??.02,n??!1),"--arrow-hover-color":w},children:o.jsx("button",{type:"button",className:`${l}-arrow-inner`,onClick:nt,disabled:!F,"aria-label":"Next testimonial",children:lt.icon&&o.jsx(nn,{url:lt.icon,fill:L,hoverFill:w,className:`${l}-arrow-img`})})})]})]})})},ku=`import cn from 'classnames';
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { CommonComponentProps } from '../props';
 import { RichTextRenderer } from '../helpers/RichTextRenderer/RichTextRenderer';
@@ -3642,11 +3642,11 @@ type TestimonialsSettings = {
     icon?: string | null;
   };
 };
-`,Mu="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>'),dl={fontSettings:{type:"object",scope:"common",display:{type:"font-settings"},properties:{fontWeight:{type:"number",scope:"common"},fontStyle:{type:"string",scope:"common"}}}},_u={type:"object",version:1,settings:{sizing:"auto manual",properties:{speed:{type:"number",scope:"layout",title:"Speed",display:{type:"speed-control"},min:0,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:{...dl.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:{...dl.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:{controls:{mode:"On",icon:Mu},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:{speed:1,width:.69,imageMarginTop:.08,captionMarginTop:.04,textMarginTop:0,textFontSize:.069,captionFontSize:.053,textLineHeight:.093,captionLineHeight:.069,imageWidth:.21,imageHeight:.21,controlsWidth:.06},d:{speed:1,width:.35,imageMarginTop:.02,textMarginTop:0,captionMarginTop:.01,textFontSize:.016,captionFontSize:.009,textLineHeight:.018,captionLineHeight:.009,imageWidth:.027,imageHeight:.027,controlsWidth:.014}},layout:["__componentName__","speed","width","imageMarginTop","textMarginTop","captionMarginTop"]},panels:[{id:"general",icon:"settings",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__"]},{type:"row",items:["width","align"]},{type:"row",items:["controls"]},{type:"row",items:["controlsWidth","speed"]},{type:"row",title:"Image Container",items:["imageWidth","imageHeight"]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:["__componentName__",{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"}]}]}]}},Wu={element:Eu,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:_u,sourceCode:Ru,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[{path:"settings.controls.icon"}]},fontSettingsPaths:{content:[],parameters:[{path:"styles.text.fontSettings"},{path:"styles.caption.fontSettings"}]}};function Au(t){return`calc(var(--cntrl-article-width, 100vw) * ${t/1440})`}function ul(t){return((t==null?void 0:t.trim().length)??0)>0}function Fo(t,e,n,i){return e!==void 0&&e<(t??.01)?`${n} ${i}`:n}function No(t,e,n,i){const r=t??.01;return e===void 0||e>=r?{}:{[`--${n}-title-leading-gap`]:M.scalingValue((r-e)/2,i)}}function Pu(t){return`
+`,Fu="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>'),hl={fontSettings:{type:"object",scope:"common",display:{type:"font-settings"},properties:{fontWeight:{type:"number",scope:"common"},fontStyle:{type:"string",scope:"common"}}}},Nu={type:"object",version:1,settings:{sizing:"auto manual",properties:{speed:{type:"number",scope:"layout",title:"Speed",display:{type:"speed-control"},min:0,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:{...hl.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:{...hl.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:{controls:{mode:"On",icon:Fu},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:{speed:1,width:.69,imageMarginTop:.08,captionMarginTop:.04,textMarginTop:0,textFontSize:.069,captionFontSize:.053,textLineHeight:.093,captionLineHeight:.069,imageWidth:.21,imageHeight:.21,controlsWidth:.06},d:{speed:1,width:.35,imageMarginTop:.02,textMarginTop:0,captionMarginTop:.01,textFontSize:.016,captionFontSize:.009,textLineHeight:.018,captionLineHeight:.009,imageWidth:.027,imageHeight:.027,controlsWidth:.014}},layout:["__componentName__","speed","width","imageMarginTop","textMarginTop","captionMarginTop"]},panels:[{id:"general",icon:"settings",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__"]},{type:"row",items:["width","align"]},{type:"row",items:["controls"]},{type:"row",items:["controlsWidth","speed"]},{type:"row",title:"Image Container",items:["imageWidth","imageHeight"]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:["__componentName__",{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"}]}]}]}},Hu={element:Pu,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:Nu,sourceCode:ku,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[{path:"settings.controls.icon"}]},fontSettingsPaths:{content:[],parameters:[{path:"styles.text.fontSettings"},{path:"styles.caption.fontSettings"}]}};function Bu(t){return`calc(var(--cntrl-article-width, 100vw) * ${t/1440})`}function fl(t){return((t==null?void 0:t.trim().length)??0)>0}function Bo(t,e,n,i){return e!==void 0&&e<(t??.01)?`${n} ${i}`:n}function Oo(t,e,n,i){const r=t??.01;return e===void 0||e>=r?{}:{[`--${n}-title-leading-gap`]:I.scalingValue((r-e)/2,i)}}function Ou(t){return`
 .${t}-wrapper {
   display: grid;
   align-items: start;
-  min-height: ${Au(48)};
+  min-height: ${Bu(48)};
 }
 .${t}-item {
   display: flex;
@@ -3845,7 +3845,7 @@ type TestimonialsSettings = {
   pointer-events: auto;
   z-index: 10;
 }
-`}const rn=500,ku=750,hn="cubic-bezier(0.22, 1, 0.36, 1)";function fn(t){return t.type==="video"?!0:t.type==="image"?!1:/\.(mp4|webm|ogg|mov)(\?|$)/i.test(t.url)}function pl({media:t,className:e,style:n,onImageClick:i}){return fn(t)?o.jsx("video",{src:t.url,className:e,style:n,muted:!0,loop:!0,autoPlay:!0,playsInline:!0}):o.jsx("img",{src:t.url,alt:t.name,className:e,style:n,onClick:i})}function Fu({images:t,index:e,imageDisplay:n,originRect:i,reverseClose:r,onClose:l,onPrev:a,onNext:d,counterClassName:s,counterStyle:p}){const u=n==="cover",$=c.useRef(null),b=c.useRef(null),[v,m]=c.useState(null),[h,L]=c.useState(i?"opening":"open"),[I,x]=c.useState(!0),S=c.useRef(e),O=c.useCallback(()=>{const g=$.current,C=b.current;if(!g||!C)return;const A=g.getBoundingClientRect(),F=A.width,q=A.height,at=C.naturalWidth,N=C.naturalHeight;if(!F||!q||!at||!N)return;if(n==="cover"){m({width:F,height:q,left:A.left,top:A.top});return}const j=at/N,U=F/q;if(j>U){const P=F/j;m({width:F,height:P,left:A.left,top:A.top+(q-P)/2})}else{const P=q*j;m({width:P,height:q,left:A.left+(F-P)/2,top:A.top})}},[n]);c.useEffect(()=>{O();const g=$.current;if(!g)return;const C=new ResizeObserver(()=>O());return C.observe(g),()=>C.disconnect()},[O,e]),c.useEffect(()=>{h==="opening"&&v&&L("open")},[h,v]),c.useEffect(()=>{if(h!=="closing")return;const g=setTimeout(()=>l(),rn);return()=>clearTimeout(g)},[h,l]),c.useEffect(()=>{S.current!==e&&x(!1),S.current=e},[e]),c.useEffect(()=>{const g=C=>{C.key==="Escape"&&(C.preventDefault(),C.stopPropagation(),h!=="closing"&&L("closing"))};return window.addEventListener("keydown",g,!0),()=>window.removeEventListener("keydown",g,!0)},[h]);const W=()=>{h!=="closing"&&L("closing")},D=h==="open",w=h==="closing",_=w&&r&&!!i,V=h==="opening"?i??v:_?i:v;return o.jsxs("div",{style:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:9997},onClick:W,children:[o.jsx("div",{style:{position:"absolute",inset:0,background:"rgba(28,31,34,0.9)",opacity:D?1:0,transition:`opacity ${rn}ms ${hn}`,pointerEvents:"none"}}),o.jsx("div",{style:{position:"relative",width:"100%",height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},children:u?o.jsxs(o.Fragment,{children:[o.jsx("div",{ref:$,style:{position:"absolute",inset:0}}),o.jsx("div",{style:{position:"absolute",bottom:0,left:0,right:0,display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",height:"10%",opacity:D?1:0,transition:`opacity ${rn}ms ${hn}`,pointerEvents:"none",zIndex:9999},children:t.length>1&&o.jsxs("p",{className:s,style:p,children:[e+1," / ",t.length]})})]}):o.jsxs(o.Fragment,{children:[o.jsx("div",{style:{height:"10%"}}),o.jsx("div",{style:{width:"70%",height:"80%",display:"flex",justifyContent:"center",alignItems:"center"},children:o.jsx("div",{ref:$,style:{width:"100%",height:"100%"}})}),o.jsx("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",height:"10%",opacity:D?1:0,transition:`opacity ${rn}ms ${hn}`},children:t.length>1&&o.jsxs("p",{className:s,style:p,children:[e+1," / ",t.length]})})]})}),V&&o.jsx("img",{ref:b,src:t[e],onLoad:O,style:{position:"fixed",top:V.top,left:V.left,width:V.width,height:V.height,objectFit:n==="cover"?"cover":"contain",opacity:w&&!_?0:1,transition:w&&!_?`opacity ${rn}ms ${hn}`:_||I?`top ${rn}ms ${hn}, left ${rn}ms ${hn}, width ${rn}ms ${hn}, height ${rn}ms ${hn}`:"none",pointerEvents:"none",zIndex:9998}}),D&&v&&o.jsxs(o.Fragment,{children:[o.jsx("div",{style:{position:"fixed",top:v.top,left:v.left,width:v.width/2,height:v.height,cursor:"w-resize",zIndex:9999},onClick:g=>{g.stopPropagation(),a()}}),o.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:g=>{g.stopPropagation(),d()}})]})]})}function Nu(t){return typeof t=="string"?t==="cover"?"cover":"fit":(t==null?void 0:t.display)==="cover"?"cover":"fit"}function Hu({settings:t,content:e,isEditor:n,isPreviewMode:i,isEditMode:r,metadata:l,activeEvent:a,layoutId:d}){const{prefix:s}=M.useScopedStyles(),{type:p="a",gridLayout:u,textBoxWidth:$=100,verticalGap:b,entriesCount:v,lightbox:m,imageDisplay:h,lightboxImageDisplay:L,slider:I,sliderTiming:x,direction:S,transition:O,titleMarginTop:W,subtitleMarginTop:D,titleColor:w,subtitleColor:_,lightboxCounterColor:V,titleFontFamily:g,titleFontSettings:C,titleFontSize:A,titleLineHeight:F,titleLetterSpacing:q,titleWordSpacing:at,titleTextAppearance:N,subtitleFontFamily:j,subtitleFontSettings:U,subtitleFontSize:P,subtitleLineHeight:T,subtitleLetterSpacing:H,subtitleWordSpacing:J,subtitleTextAppearance:Z,lightboxCounterFontFamily:R,lightboxCounterFontSettings:tt,lightboxCounterFontSize:f,lightboxCounterLineHeight:ot,lightboxCounterLetterSpacing:Q,lightboxCounterWordSpacing:ut,lightboxCounterTextAppearance:bt,showText:ct="always",alignEntries:yt="off"}=t,z={fontSettings:{fontFamily:g,fontWeight:(C==null?void 0:C.fontWeight)??400,fontStyle:(C==null?void 0:C.fontStyle)??"normal"},fontSize:A??.01,lineHeight:F,letterSpacing:q??0,wordSpacing:at??0,textAppearance:N,color:w},it={...Ze(Ie(z,n))},st={fontSettings:{fontFamily:j,fontWeight:(U==null?void 0:U.fontWeight)??400,fontStyle:(U==null?void 0:U.fontStyle)??"normal"},fontSize:P??.01,lineHeight:T,letterSpacing:H??0,wordSpacing:J??0,textAppearance:Z,color:_},St={...Ze(Ie(st,n))},Ht={fontSettings:{fontFamily:R,fontWeight:(tt==null?void 0:tt.fontWeight)??400,fontStyle:(tt==null?void 0:tt.fontStyle)??"normal"},fontSize:f??.01,lineHeight:ot,letterSpacing:Q??0,wordSpacing:ut??0,textAppearance:bt,color:V},zt={...Ze(Ie(Ht,n)),...No(f,ot,s,n)},K=Fo(A,F,`${s}-item-title`,`${s}-text-tight-leading`),mt=Fo(P,T,`${s}-item-subtitle`,`${s}-text-tight-leading`),k=No(A,F,s,n),X=No(P,T,s,n),Y=Fo(f,ot,`${s}-lightbox-counter`,`${s}-text-tight-leading`),et=M.buildColorVars(s,{titleColor:w,subtitleColor:_,lightboxCounterColor:V},Bu,Ou),Ut=`${a&&a!=="default"?`${s}-state-${a}`:""}${ct==="on hover"&&(!n||i)?` ${s}-show-text-hover`:""}`.trim(),xt=v===0?1/0:v,Et=(e??[]).slice(0,xt),Bt=u.entryWidth??.2,dt=(h==null?void 0:h.display)==="cover",vt=(h==null?void 0:h.ratioValue)??"1:1",Ot=(h==null?void 0:h.reversed)??!1,[jt,Qt]=vt.split(":").map(Number),Ee=`${Ot?Qt:jt} / ${Ot?jt:Qt}`,Ce=M.scalingValue(Bt??0,n),Ne=!dt&&I!=="off",$e={width:Ce,...dt?{aspectRatio:Ee,height:"auto",overflow:"hidden"}:{height:"auto"}},ke=`${s}-item-image-wrapper${Ne?` ${s}-item-image-wrapper-fit-slider`:""}`.trim(),Ft=p==="c",se=Ft&&yt==="on",ue=`calc(${M.scalingValue(Bt??0,n)} * (${$} / 100))`,pe=M.scalingValue(Bt*$/100,n),ze=dt?{objectFit:"cover",pointerEvents:"auto",width:"100%",height:"100%",maxWidth:"100%"}:{objectFit:"contain",pointerEvents:"auto",width:"auto",height:"auto",maxWidth:"100%"},[Le,ge]=c.useState("ltr"),[He,We]=c.useState(0),kt=c.useRef(null);c.useEffect(()=>{const Rt=kt.current;if(!Rt)return;const Jt=new ResizeObserver(Vt=>{We(Math.round(Vt[0].contentRect.width))});return Jt.observe(Rt),()=>Jt.disconnect()},[]);const Kt=(()=>{const Rt={...et},Jt=kt.current?getComputedStyle(kt.current).getPropertyValue("--cntrl-article-width").trim():"";return Jt&&(Rt["--cntrl-article-width"]=Jt),Rt})(),[oe,te]=c.useState(!1),[he,Re]=c.useState([]),[Tn,Ve]=c.useState(0),[Ye,Ke]=c.useState(null),le=(Rt,Jt,Vt)=>{if(n&&!i||m==="off")return;const nt=Rt.currentTarget.getBoundingClientRect();Ke({top:nt.top,left:nt.left,width:nt.width,height:nt.height}),Re(Jt),Ve(Vt),te(!0)};c.useEffect(()=>{if(!oe||m!=="on"||typeof document>"u")return;const Rt=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=Rt}},[oe,m]),c.useEffect(()=>{!n||i||(te(!1),Ke(null))},[n,i]);const $n=c.useMemo(()=>Pu(s),[s]);return o.jsxs(o.Fragment,{children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:$n}}),o.jsx("div",{style:et,children:o.jsx("div",{ref:kt,className:`${s}-wrapper ${s}-type-${p}${se?` ${s}-align-entries`:""} ${Ut}`.trim(),style:{gridTemplateColumns:`repeat(${u.columnsCount}, minmax(0, 1fr))`,rowGap:se?0:M.scalingValue(b??0,n),columnGap:M.scalingValue(u.horizontalGap??0,n),width:M.scalingValue(u.wrapperWidth??0,n),...se?{[`--${s}-align-entries-row-gap`]:M.scalingValue(b??0,n)}:{}},children:Et.map((Rt,Jt)=>{var ae,Se;const Vt=ul(Rt.title),nt=ul(Rt.subtitle),ft=(((ae=Rt.link)==null?void 0:ae.length)??0)>0&&m==="off"?Rt.link:void 0,Tt=Math.floor(Jt/u.columnsCount)===Math.ceil(Et.length/u.columnsCount)-1,Wt=Ft?o.jsxs("div",{className:`${s}-item-text-block`,children:[Vt&&o.jsx("p",{className:K,style:{width:ue,...it,...k},children:Rt.title}),Vt&&o.jsx("div",{"data-controls":r?"titleMarginTop":void 0,className:r?`${s}-control`:void 0,style:{height:M.scalingValue(W??0,n),width:pe}}),nt&&o.jsx("p",{className:mt,style:{width:ue,...St,...X},children:Rt.subtitle}),nt&&o.jsx("div",{"data-controls":r?"subtitleMarginTop":void 0,className:r?`${s}-control`:void 0,style:{height:M.scalingValue(D??0,n),width:pe}})]}):null,Gt=Ft?o.jsxs("div",{className:`${s}-item-title-row`,children:[Vt&&o.jsx("p",{className:K,style:{width:ue,...it,...k},children:Rt.title}),Vt&&o.jsx("div",{"data-controls":r?"titleMarginTop":void 0,className:r?`${s}-control`:void 0,style:{height:M.scalingValue(W??0,n),width:pe}})]}):null,re=Ft?o.jsxs("div",{className:`${s}-item-subtitle-row`,children:[nt&&o.jsx("p",{className:mt,style:{width:ue,...St,...X},children:Rt.subtitle}),nt&&o.jsx("div",{"data-controls":r?"subtitleMarginTop":void 0,className:r?`${s}-control`:void 0,style:{height:M.scalingValue(D??0,n),width:pe}})]}):null,Mt=ft?o.jsxs("a",{href:ft,target:"_blank",className:`${s}-item-text-link`,children:[Gt,re]}):o.jsxs(o.Fragment,{children:[Gt,re]}),be=o.jsx("div",{className:ke,style:$e,children:(((Se=Rt.image)==null?void 0:Se.length)??0)===0?null:I==="off"?(()=>{const Yt=Rt.image[0],y=Rt.image.filter(G=>!fn(G)).map(G=>G.url);return o.jsx(pl,{media:Yt,className:`${s}-item-${fn(Yt)?"video":"image"}`.trim(),style:ze,onImageClick:fn(Yt)?void 0:G=>le(G,y,0)})})():o.jsxs(o.Fragment,{children:[Ne&&o.jsx("div",{className:`${s}-item-image-wrapper-sizer`,"aria-hidden":"true",children:Rt.image.map(Yt=>fn(Yt)?o.jsx("video",{src:Yt.url,muted:!0,playsInline:!0},`sizer-${Yt.url}`):o.jsx("img",{src:Yt.url,alt:""},`sizer-${Yt.url}`))}),o.jsx(Lr,{className:`${s}-item-slider`,options:{arrows:!1,pagination:!1,drag:!1,perPage:1,autoplay:!0,interval:x*1e3,width:"100%",height:"100%",speed:ku,type:O==="fade"?"fade":"loop",rewind:O==="fade",pauseOnHover:!1,pauseOnFocus:!1,direction:O==="fade"?"ltr":S!=="random"?S==="horizontal"?"ltr":"ttb":Le},onMoved:Yt=>{if(S!=="random"||O==="fade")return;const fe=Math.random()>.5?Math.random()>.5?"rtl":"ltr":"ttb";ge(fe),setTimeout(()=>{Yt.refresh()},0)},children:Rt.image.map((Yt,fe)=>{const y=Rt.image.filter(lt=>!fn(lt)),G=y.map(lt=>lt.url),rt=y.findIndex(lt=>lt.url===Yt.url);return o.jsx(Ir,{children:o.jsx(pl,{media:Yt,className:`${s}-item-${fn(Yt)?"video":"image"}`.trim(),style:ze,onImageClick:fn(Yt)?void 0:lt=>le(lt,G,rt)})},fe)})},`${O}-${Bt}-${S}-${x}-${He}-${d}`)]})}),Te=Ft?null:o.jsxs(o.Fragment,{children:[o.jsx("div",{"data-controls":r&&Vt?"titleMarginTop":void 0,className:r&&Vt?`${s}-control`:void 0,style:{height:Vt?M.scalingValue(W??0,n):0,width:pe}}),o.jsx("p",{className:K,style:{width:ue,...it,...k},children:Rt.title}),o.jsx("div",{"data-controls":r&&nt?"subtitleMarginTop":void 0,className:r&&nt?`${s}-control`:void 0,style:{height:nt?M.scalingValue(D??0,n):0,width:pe}}),o.jsx("p",{className:mt,style:{width:ue,...St,...X},children:Rt.subtitle})]});return o.jsx("div",{className:`${s}-item`.trim(),children:o.jsx("div",{className:`${r?`${s}-item-inner`:`${s}-item-inner-hidden`}${se&&Tt?` ${s}-item-inner-last-row`:""}`.trim(),style:{width:($??0)>100?`calc(${M.scalingValue(Bt??0,n)} * (${$} / 100))`:M.scalingValue(Bt??0,n)},children:se?o.jsxs(o.Fragment,{children:[Mt,o.jsx("a",{href:ft,target:"_blank",className:`${s}-item-image-link`,children:be})]}):o.jsxs("a",{href:ft,target:"_blank",className:`${s}-item-image-link`,children:[Wt,be,Te]})})},Jt)})})}),(!n||i)&&oe&&typeof document<"u"&&m==="on"&&Si.createPortal(o.jsx("div",{style:Kt,"data-selection":"none",children:o.jsx(Fu,{images:he,index:Tn,imageDisplay:Nu(L),originRect:Ye,reverseClose:I==="off",onClose:()=>te(!1),onPrev:()=>Ve(Rt=>(Rt-1+he.length)%he.length),onNext:()=>Ve(Rt=>(Rt+1)%he.length),counterClassName:Y,counterStyle:zt})}),document.body)]})}const Bu={titleColor:"title-color",subtitleColor:"subtitle-color",lightboxCounterColor:"lightbox-counter-color"},Ou=["hover","focus","filled","success","error"],Du=`import { Splide, SplideSlide } from '@splidejs/react-splide';
+`}const dn=500,Du=750,Cn="cubic-bezier(0.22, 1, 0.36, 1)";function Tn(t){return t.type==="video"?!0:t.type==="image"?!1:/\.(mp4|webm|ogg|mov)(\?|$)/i.test(t.url)}function yl({media:t,className:e,style:n,onImageClick:i}){return Tn(t)?o.jsx("video",{src:t.url,className:e,style:n,muted:!0,loop:!0,autoPlay:!0,playsInline:!0}):o.jsx("img",{src:t.url,alt:t.name,className:e,style:n,onClick:i})}function ju({images:t,index:e,imageDisplay:n,originRect:i,reverseClose:r,onClose:l,onPrev:s,onNext:d,counterClassName:a,counterStyle:p}){const u=n==="cover",S=c.useRef(null),x=c.useRef(null),[y,m]=c.useState(null),[f,L]=c.useState(i?"opening":"open"),[w,$]=c.useState(!0),C=c.useRef(e),P=c.useCallback(()=>{const h=S.current,T=x.current;if(!h||!T)return;const _=h.getBoundingClientRect(),N=_.width,V=_.height,at=T.naturalWidth,O=T.naturalHeight;if(!N||!V||!at||!O)return;if(n==="cover"){m({width:N,height:V,left:_.left,top:_.top});return}const W=at/O,G=N/V;if(W>G){const K=N/W;m({width:N,height:K,left:_.left,top:_.top+(V-K)/2})}else{const K=V*W;m({width:K,height:V,left:_.left+(N-K)/2,top:_.top})}},[n]);c.useEffect(()=>{P();const h=S.current;if(!h)return;const T=new ResizeObserver(()=>P());return T.observe(h),()=>T.disconnect()},[P,e]),c.useEffect(()=>{f==="opening"&&y&&L("open")},[f,y]),c.useEffect(()=>{if(f!=="closing")return;const h=setTimeout(()=>l(),dn);return()=>clearTimeout(h)},[f,l]),c.useEffect(()=>{C.current!==e&&$(!1),C.current=e},[e]),c.useEffect(()=>{const h=T=>{T.key==="Escape"&&(T.preventDefault(),T.stopPropagation(),f!=="closing"&&L("closing"))};return window.addEventListener("keydown",h,!0),()=>window.removeEventListener("keydown",h,!0)},[f]);const E=()=>{f!=="closing"&&L("closing")},k=f==="open",b=f==="closing",M=b&&r&&!!i,z=f==="opening"?i??y:M?i:y;return o.jsxs("div",{style:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:9997},onClick:E,children:[o.jsx("div",{style:{position:"absolute",inset:0,background:"rgba(28,31,34,0.9)",opacity:k?1:0,transition:`opacity ${dn}ms ${Cn}`,pointerEvents:"none"}}),o.jsx("div",{style:{position:"relative",width:"100%",height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},children:u?o.jsxs(o.Fragment,{children:[o.jsx("div",{ref:S,style:{position:"absolute",inset:0}}),o.jsx("div",{style:{position:"absolute",bottom:0,left:0,right:0,display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",height:"10%",opacity:k?1:0,transition:`opacity ${dn}ms ${Cn}`,pointerEvents:"none",zIndex:9999},children:t.length>1&&o.jsxs("p",{className:a,style:p,children:[e+1," / ",t.length]})})]}):o.jsxs(o.Fragment,{children:[o.jsx("div",{style:{height:"10%"}}),o.jsx("div",{style:{width:"70%",height:"80%",display:"flex",justifyContent:"center",alignItems:"center"},children:o.jsx("div",{ref:S,style:{width:"100%",height:"100%"}})}),o.jsx("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",height:"10%",opacity:k?1:0,transition:`opacity ${dn}ms ${Cn}`},children:t.length>1&&o.jsxs("p",{className:a,style:p,children:[e+1," / ",t.length]})})]})}),z&&o.jsx("img",{ref:x,src:t[e],onLoad:P,style:{position:"fixed",top:z.top,left:z.left,width:z.width,height:z.height,objectFit:n==="cover"?"cover":"contain",opacity:b&&!M?0:1,transition:b&&!M?`opacity ${dn}ms ${Cn}`:M||w?`top ${dn}ms ${Cn}, left ${dn}ms ${Cn}, width ${dn}ms ${Cn}, height ${dn}ms ${Cn}`:"none",pointerEvents:"none",zIndex:9998}}),k&&y&&o.jsxs(o.Fragment,{children:[o.jsx("div",{style:{position:"fixed",top:y.top,left:y.left,width:y.width/2,height:y.height,cursor:"w-resize",zIndex:9999},onClick:h=>{h.stopPropagation(),s()}}),o.jsx("div",{style:{position:"fixed",top:y.top,left:y.left+y.width/2,width:y.width/2,height:y.height,cursor:"e-resize",zIndex:9999},onClick:h=>{h.stopPropagation(),d()}})]})]})}function zu(t){return typeof t=="string"?t==="cover"?"cover":"fit":(t==null?void 0:t.display)==="cover"?"cover":"fit"}function Vu({settings:t,content:e,isEditor:n,isPreviewMode:i,isEditMode:r,metadata:l,activeEvent:s,layoutId:d}){const{prefix:a}=I.useScopedStyles(),{type:p="a",gridLayout:u,textBoxWidth:S=100,verticalGap:x,entriesCount:y,lightbox:m,imageDisplay:f,lightboxImageDisplay:L,slider:w,sliderTiming:$,direction:C,transition:P,titleMarginTop:E,subtitleMarginTop:k,titleColor:b,subtitleColor:M,lightboxCounterColor:z,titleFontFamily:h,titleFontSettings:T,titleFontSize:_,titleLineHeight:N,titleLetterSpacing:V,titleWordSpacing:at,titleTextAppearance:O,subtitleFontFamily:W,subtitleFontSettings:G,subtitleFontSize:K,subtitleLineHeight:H,subtitleLetterSpacing:q,subtitleWordSpacing:et,subtitleTextAppearance:lt,lightboxCounterFontFamily:F,lightboxCounterFontSettings:ct,lightboxCounterFontSize:g,lightboxCounterLineHeight:nt,lightboxCounterLetterSpacing:ft,lightboxCounterWordSpacing:it,lightboxCounterTextAppearance:wt,showText:mt="always",alignEntries:ot="off"}=t,B={fontSettings:{fontFamily:h,fontWeight:(T==null?void 0:T.fontWeight)??400,fontStyle:(T==null?void 0:T.fontStyle)??"normal"},fontSize:_??.01,lineHeight:N,letterSpacing:V??0,wordSpacing:at??0,textAppearance:O,color:b},U={...en(We(B,n))},Y={fontSettings:{fontFamily:W,fontWeight:(G==null?void 0:G.fontWeight)??400,fontStyle:(G==null?void 0:G.fontStyle)??"normal"},fontSize:K??.01,lineHeight:H,letterSpacing:q??0,wordSpacing:et??0,textAppearance:lt,color:M},Mt={...en(We(Y,n))},At={fontSettings:{fontFamily:F,fontWeight:(ct==null?void 0:ct.fontWeight)??400,fontStyle:(ct==null?void 0:ct.fontStyle)??"normal"},fontSize:g??.01,lineHeight:nt,letterSpacing:ft??0,wordSpacing:it??0,textAppearance:wt,color:z},xt={...en(We(At,n)),...Oo(g,nt,a,n)},j=Bo(_,N,`${a}-item-title`,`${a}-text-tight-leading`),st=Bo(K,H,`${a}-item-subtitle`,`${a}-text-tight-leading`),A=Oo(_,N,a,n),D=Oo(K,H,a,n),X=Bo(g,nt,`${a}-lightbox-counter`,`${a}-text-tight-leading`),J=I.buildColorVars(a,{titleColor:b,subtitleColor:M,lightboxCounterColor:z},Ku,Uu),Dt=`${s&&s!=="default"?`${a}-state-${s}`:""}${mt==="on hover"&&(!n||i)?` ${a}-show-text-hover`:""}`.trim(),Rt=y===0?1/0:y,$t=(e??[]).slice(0,Rt),Gt=u.entryWidth??.2,pt=(f==null?void 0:f.display)==="cover",Et=(f==null?void 0:f.ratioValue)??"1:1",jt=(f==null?void 0:f.reversed)??!1,[zt,Vt]=Et.split(":").map(Number),$e=`${jt?Vt:zt} / ${jt?zt:Vt}`,Yt=I.scalingValue(Gt??0,n),fe=!pt&&w!=="off",be={width:Yt,...pt?{aspectRatio:$e,height:"auto",overflow:"hidden"}:{height:"auto"}},Oe=`${a}-item-image-wrapper${fe?` ${a}-item-image-wrapper-fit-slider`:""}`.trim(),Wt=p==="c",we=Wt&&ot==="on",Qt=`calc(${I.scalingValue(Gt??0,n)} * (${S} / 100))`,Ee=I.scalingValue(Gt*S/100,n),ke=pt?{objectFit:"cover",pointerEvents:"auto",width:"100%",height:"100%",maxWidth:"100%"}:{objectFit:"contain",pointerEvents:"auto",width:"auto",height:"auto",maxWidth:"100%"},[sn,Ae]=c.useState("ltr"),[De,ze]=c.useState(0),Ft=c.useRef(null);c.useEffect(()=>{const Nt=Ft.current;if(!Nt)return;const ye=new ResizeObserver(Re=>{ze(Math.round(Re[0].contentRect.width))});return ye.observe(Nt),()=>ye.disconnect()},[]);const ce=(()=>{const Nt={...J},ye=Ft.current?getComputedStyle(Ft.current).getPropertyValue("--cntrl-article-width").trim():"";return ye&&(Nt["--cntrl-article-width"]=ye),Nt})(),[me,te]=c.useState(!1),[ee,Fe]=c.useState([]),[Ve,Ne]=c.useState(0),[bn,Jt]=c.useState(null),an=(Nt,ye,Re)=>{if(n&&!i||m==="off")return;const tt=Nt.currentTarget.getBoundingClientRect();Jt({top:tt.top,left:tt.left,width:tt.width,height:tt.height}),Fe(ye),Ne(Re),te(!0)};c.useEffect(()=>{if(!me||m!=="on"||typeof document>"u")return;const Nt=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=Nt}},[me,m]),c.useEffect(()=>{!n||i||(te(!1),Jt(null))},[n,i]);const Sn=c.useMemo(()=>Ou(a),[a]);return o.jsxs(o.Fragment,{children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:Sn}}),o.jsx("div",{style:J,children:o.jsx("div",{ref:Ft,className:`${a}-wrapper ${a}-type-${p}${we?` ${a}-align-entries`:""} ${Dt}`.trim(),style:{gridTemplateColumns:`repeat(${u.columnsCount}, minmax(0, 1fr))`,rowGap:we?0:I.scalingValue(x??0,n),columnGap:I.scalingValue(u.horizontalGap??0,n),width:I.scalingValue(u.wrapperWidth??0,n),...we?{[`--${a}-align-entries-row-gap`]:I.scalingValue(x??0,n)}:{}},children:$t.map((Nt,ye)=>{var de,ve;const Re=fl(Nt.title),tt=fl(Nt.subtitle),yt=(((de=Nt.link)==null?void 0:de.length)??0)>0&&m==="off"?Nt.link:void 0,Lt=Math.floor(ye/u.columnsCount)===Math.ceil($t.length/u.columnsCount)-1,Ot=Wt?o.jsxs("div",{className:`${a}-item-text-block`,children:[Re&&o.jsx("p",{className:j,style:{width:Qt,...U,...A},children:Nt.title}),Re&&o.jsx("div",{"data-controls":r?"titleMarginTop":void 0,className:r?`${a}-control`:void 0,style:{height:I.scalingValue(E??0,n),width:Ee}}),tt&&o.jsx("p",{className:st,style:{width:Qt,...Mt,...D},children:Nt.subtitle}),tt&&o.jsx("div",{"data-controls":r?"subtitleMarginTop":void 0,className:r?`${a}-control`:void 0,style:{height:I.scalingValue(k??0,n),width:Ee}})]}):null,Kt=Wt?o.jsxs("div",{className:`${a}-item-title-row`,children:[Re&&o.jsx("p",{className:j,style:{width:Qt,...U,...A},children:Nt.title}),Re&&o.jsx("div",{"data-controls":r?"titleMarginTop":void 0,className:r?`${a}-control`:void 0,style:{height:I.scalingValue(E??0,n),width:Ee}})]}):null,Ut=Wt?o.jsxs("div",{className:`${a}-item-subtitle-row`,children:[tt&&o.jsx("p",{className:st,style:{width:Qt,...Mt,...D},children:Nt.subtitle}),tt&&o.jsx("div",{"data-controls":r?"subtitleMarginTop":void 0,className:r?`${a}-control`:void 0,style:{height:I.scalingValue(k??0,n),width:Ee}})]}):null,vt=yt?o.jsxs("a",{href:yt,target:"_blank",className:`${a}-item-text-link`,children:[Kt,Ut]}):o.jsxs(o.Fragment,{children:[Kt,Ut]}),ge=o.jsx("div",{className:Oe,style:be,children:(((ve=Nt.image)==null?void 0:ve.length)??0)===0?null:w==="off"?(()=>{const Ht=Nt.image[0],ne=Nt.image.filter(Ce=>!Tn(Ce)).map(Ce=>Ce.url);return o.jsx(yl,{media:Ht,className:`${a}-item-${Tn(Ht)?"video":"image"}`.trim(),style:ke,onImageClick:Tn(Ht)?void 0:Ce=>an(Ce,ne,0)})})():o.jsxs(o.Fragment,{children:[fe&&o.jsx("div",{className:`${a}-item-image-wrapper-sizer`,"aria-hidden":"true",children:Nt.image.map(Ht=>Tn(Ht)?o.jsx("video",{src:Ht.url,muted:!0,playsInline:!0},`sizer-${Ht.url}`):o.jsx("img",{src:Ht.url,alt:""},`sizer-${Ht.url}`))}),o.jsx(Mr,{className:`${a}-item-slider`,options:{arrows:!1,pagination:!1,drag:!1,perPage:1,autoplay:!0,interval:$*1e3,width:"100%",height:"100%",speed:Du,type:P==="fade"?"fade":"loop",rewind:P==="fade",pauseOnHover:!1,pauseOnFocus:!1,direction:P==="fade"?"ltr":C!=="random"?C==="horizontal"?"ltr":"ttb":sn},onMoved:Ht=>{if(C!=="random"||P==="fade")return;const Se=Math.random()>.5?Math.random()>.5?"rtl":"ltr":"ttb";Ae(Se),setTimeout(()=>{Ht.refresh()},0)},children:Nt.image.map((Ht,Se)=>{const ne=Nt.image.filter(he=>!Tn(he)),Ce=ne.map(he=>he.url),Qe=ne.findIndex(he=>he.url===Ht.url);return o.jsx(_r,{children:o.jsx(yl,{media:Ht,className:`${a}-item-${Tn(Ht)?"video":"image"}`.trim(),style:ke,onImageClick:Tn(Ht)?void 0:he=>an(he,Ce,Qe)})},Se)})},`${P}-${Gt}-${C}-${$}-${De}-${d}`)]})}),oe=Wt?null:o.jsxs(o.Fragment,{children:[o.jsx("div",{"data-controls":r&&Re?"titleMarginTop":void 0,className:r&&Re?`${a}-control`:void 0,style:{height:Re?I.scalingValue(E??0,n):0,width:Ee}}),o.jsx("p",{className:j,style:{width:Qt,...U,...A},children:Nt.title}),o.jsx("div",{"data-controls":r&&tt?"subtitleMarginTop":void 0,className:r&&tt?`${a}-control`:void 0,style:{height:tt?I.scalingValue(k??0,n):0,width:Ee}}),o.jsx("p",{className:st,style:{width:Qt,...Mt,...D},children:Nt.subtitle})]});return o.jsx("div",{className:`${a}-item`.trim(),children:o.jsx("div",{className:`${r?`${a}-item-inner`:`${a}-item-inner-hidden`}${we&&Lt?` ${a}-item-inner-last-row`:""}`.trim(),style:{width:(S??0)>100?`calc(${I.scalingValue(Gt??0,n)} * (${S} / 100))`:I.scalingValue(Gt??0,n)},children:we?o.jsxs(o.Fragment,{children:[vt,o.jsx("a",{href:yt,target:"_blank",className:`${a}-item-image-link`,children:ge})]}):o.jsxs("a",{href:yt,target:"_blank",className:`${a}-item-image-link`,children:[Ot,ge,oe]})})},ye)})})}),(!n||i)&&me&&typeof document<"u"&&m==="on"&&Li.createPortal(o.jsx("div",{style:ce,"data-selection":"none",children:o.jsx(ju,{images:ee,index:Ve,imageDisplay:zu(L),originRect:bn,reverseClose:w==="off",onClose:()=>te(!1),onPrev:()=>Ne(Nt=>(Nt-1+ee.length)%ee.length),onNext:()=>Ne(Nt=>(Nt+1)%ee.length),counterClassName:X,counterStyle:xt})}),document.body)]})}const Ku={titleColor:"title-color",subtitleColor:"subtitle-color",lightboxCounterColor:"lightbox-counter-color"},Uu=["hover","focus","filled","success","error"],Gu=`import { Splide, SplideSlide } from '@splidejs/react-splide';
 import '@splidejs/react-splide/css/core';
 import { CommonComponentProps } from '../props';
 import { buildColorVars, getFormFieldValidationError, scalingValue, useScopedStyles } from '../utils/index';
@@ -5014,11 +5014,11 @@ const COLOR_VAR_MAP: Record<ColorKeys, string> = {
 };
 
 const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
-`,Ho={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},ju=["titleColor","subtitleColor","lightboxCounterColor"],zu={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:"Flying Over the Old Town",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",image:[{url:"https://cdn.cntrl.site/component-assets/grid(1).webp",objectFit:"cover"}],link:""},{title:"Doors of Matera",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",image:[{url:"https://cdn.cntrl.site/component-assets/grid(2).webp",objectFit:"cover"}],link:""},{title:"Cattedrale di Santa Maria",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",image:[{url:"https://cdn.cntrl.site/component-assets/grid(3).webp",objectFit:"cover"}],link:""},{title:"City Through the Cracks",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",image:[{url:"https://cdn.cntrl.site/component-assets/grid(4).webp",objectFit:"cover"}],link:""},{title:"Private Stone Gardens",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",image:[{url:"https://cdn.cntrl.site/component-assets/grid(5).webp",objectFit:"cover"},{url:"https://cdn.cntrl.site/component-assets/grid(6).webp",objectFit:"cover"},{url:"https://cdn.cntrl.site/component-assets/grid(7).webp",objectFit:"cover"}],link:""},{title:"Leaving the Old Town",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",image:[{url:"https://cdn.cntrl.site/component-assets/grid(8).webp",objectFit:"cover"}],link:""},{title:"Under the Sun",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",image:[{url:"https://cdn.cntrl.site/component-assets/grid(9).webp",objectFit:"cover"}],link:""},{title:"Citygates View",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",image:[{url:"https://cdn.cntrl.site/component-assets/grid(10).webp",objectFit:"cover"}],link:""},{title:"Around the City",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",image:[{url:"https://cdn.cntrl.site/component-assets/grid(11).webp",objectFit:"cover"}],link:""}]},settings:{sizing:"auto auto",properties:{type:{type:"string",scope:"layout",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},showText:{type:"boolean",scope:"common",title:"Show text",display:{type:"toggle-cycle",enum:["always","on hover"]}},alignEntries:{type:"boolean",scope:"layout",title:"Align entries",display:{type:"toggle-cycle",enum:["on","off"]}},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"}}},lightboxImageDisplay:{type:"string",scope:"common",title:"Display",display:{type:"toggle-cycle",enum:["fit","cover"]}},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 Entry",display:{type:"palette-color-picker"}},subtitleColor:{type:"string",scope:"common",title:"Subtitle Entry",display:{type:"palette-color-picker"}},lightboxCounterColor:{type:"string",scope:"common",title:"Counter Lightbox",display:{type:"palette-color-picker"}},titleFontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},titleFontSettings:{...Ho.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:{...Ho.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:{...Ho.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:"on",imageDisplay:{display:"cover",ratioValue:"2:3",reversed:!1},lightboxImageDisplay:"fit",slider:"on",sliderTiming:3,direction:"horizontal",transition:"fade",showText:"always",alignEntries:"on",titleColor:"#000000",subtitleColor:"#000000",lightboxCounterColor:"#DEDDDD",titleFontFamily:"Arial",titleFontSettings:{fontWeight:400,fontStyle:"normal"},titleLetterSpacing:0,titleWordSpacing:0,titleTextAppearance:{textTransform:"uppercase",textDecoration:"none",fontVariant:"normal"},subtitleFontFamily:"Goudy Bookletter 1911",subtitleFontSettings:{fontWeight:400,fontStyle:"normal"},subtitleLetterSpacing:0,subtitleWordSpacing:0,subtitleTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},lightboxCounterFontFamily:"Goudy Bookletter 1911",lightboxCounterFontSettings:{fontWeight:400,fontStyle:"normal"},lightboxCounterLetterSpacing:0,lightboxCounterWordSpacing:0,lightboxCounterTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}},layoutDefaults:{m:{type:"a",gridLayout:{entryWidth:.8,horizontalGap:.0533,wrapperWidth:1,columnsCount:1,lockedParam:null},textBoxWidth:100,verticalGap:.266,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:.1066,titleLineHeight:.0853,subtitleFontSize:.056,subtitleLineHeight:.0506,lightboxCounterFontSize:.0373,lightboxCounterLineHeight:.0373},d:{type:"a",gridLayout:{entryWidth:.0833,horizontalGap:0,wrapperWidth:1,columnsCount:3,lockedParam:null},textBoxWidth:200,verticalGap:.09722,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:.027,titleLineHeight:.0222,titleLetterSpacing:-.00118,subtitleFontSize:.01,subtitleLineHeight:.01,lightboxCounterFontSize:.01,lightboxCounterLineHeight:.01}},displayRules:[{if:{name:"transition",value:"fade"},then:{name:"properties.direction.display.enabled",value:!1}},{if:{name:"lightbox",value:"off"},then:{name:"properties.lightboxImageDisplay.display.enabled",value:!1}},{if:{name:"type",value:"a"},then:{name:"properties.alignEntries.display.visible",value:!1}},{if:{name:"type",value:"b"},then:{name:"properties.alignEntries.display.visible",value:!1}}],layout:["__componentName__","name","type","gridLayout","textBoxWidth","verticalGap","showText","alignEntries","entriesCount","lightbox","imageDisplay","lightboxImageDisplay","slider","sliderTiming","direction","transition","transition","titleMarginTop","subtitleMarginTop"]},panels:[{id:"general",icon:"settings",title:"General",tooltip:"General Settings",layout:["__componentName__","type",{type:"row",title:"Grid",items:[{type:"group",title:"",items:["gridLayout"]}]},{type:"row",title:"",items:["textBoxWidth","entriesCount"]},{type:"row",title:"",items:["verticalGap","showText"]},{type:"row",title:"",items:["alignEntries"]}]},{id:"imageSettings",icon:"cover",title:"Image settings",tooltip:"Image settings",layout:["__componentName__",{type:"row",title:"Image",items:["imageDisplay"]},{type:"row",title:"Lightbox",items:["lightbox","lightboxImageDisplay"]},{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:["__componentName__",{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:[...ju],panelIds:["general","typeStyle"],stateItems:{default:["titleColor","subtitleColor","lightboxCounterColor"]}}},Vu={element:Hu,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:zu,sourceCode:Du};function Ku(t){if(t.type==="video")return!0;if(t.type==="image")return!1;const e=t.name??"";return/\.(mp4|webm|ogg|mov)(\?|$)/i.test(e)?!0:/\.(mp4|webm|ogg|mov)(\?|$)/i.test(t.url)}function Uu({media:t,className:e,style:n}){const i=c.useRef(null);return c.useEffect(()=>{if(!t.isVideo)return;const r=i.current;if(!r)return;const l=r.play();l&&l.catch(()=>{})},[t.isVideo,t.url]),t.isVideo?o.jsx("video",{ref:i,className:e,src:t.url,style:n,muted:!0,loop:!0,autoPlay:!0,playsInline:!0,preload:"auto"}):o.jsx("img",{className:e,src:t.url,alt:"",style:n})}function Qi(t){return`calc(var(--cntrl-article-width, 100vw) * ${t/1440})`}function Gu(t){return String(t??"").trim().length>0}function ml(t,e){const n=t.currentTarget,i=n.getBoundingClientRect(),r=t.clientY-i.top>i.height/2;n.classList.toggle(`${e}-reveal-from-bottom`,r)}function gl(t,e){const n=t.currentTarget,i=n.getBoundingClientRect(),r=t.clientY<i.top+i.height/2;n.classList.toggle(`${e}-reveal-from-bottom`,r)}function hl(t,e,n,i,r,l,a){const d=M.scalingValue(l,a),s=M.scalingValue(0,a),p=t===0,u=t===e-1&&!r;return{borderTopWidth:p&&n?d:s,borderBottomWidth:!u||i?d:s}}function qu(t,e,n){const i=M.scalingValue(e,n),r=M.scalingValue(0,n);return{borderTopWidth:r,borderBottomWidth:t?i:r}}const fl=10;function Xu(t){return`
+`,Do={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},qu=["titleColor","subtitleColor","lightboxCounterColor"],Xu={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:"Flying Over the Old Town",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",image:[{url:"https://cdn.cntrl.site/component-assets/grid(1).webp",objectFit:"cover"}],link:""},{title:"Doors of Matera",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",image:[{url:"https://cdn.cntrl.site/component-assets/grid(2).webp",objectFit:"cover"}],link:""},{title:"Cattedrale di Santa Maria",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",image:[{url:"https://cdn.cntrl.site/component-assets/grid(3).webp",objectFit:"cover"}],link:""},{title:"City Through the Cracks",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",image:[{url:"https://cdn.cntrl.site/component-assets/grid(4).webp",objectFit:"cover"}],link:""},{title:"Private Stone Gardens",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",image:[{url:"https://cdn.cntrl.site/component-assets/grid(5).webp",objectFit:"cover"},{url:"https://cdn.cntrl.site/component-assets/grid(6).webp",objectFit:"cover"},{url:"https://cdn.cntrl.site/component-assets/grid(7).webp",objectFit:"cover"}],link:""},{title:"Leaving the Old Town",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",image:[{url:"https://cdn.cntrl.site/component-assets/grid(8).webp",objectFit:"cover"}],link:""},{title:"Under the Sun",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",image:[{url:"https://cdn.cntrl.site/component-assets/grid(9).webp",objectFit:"cover"}],link:""},{title:"Citygates View",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",image:[{url:"https://cdn.cntrl.site/component-assets/grid(10).webp",objectFit:"cover"}],link:""},{title:"Around the City",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",image:[{url:"https://cdn.cntrl.site/component-assets/grid(11).webp",objectFit:"cover"}],link:""}]},settings:{sizing:"auto auto",properties:{type:{type:"string",scope:"layout",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},showText:{type:"boolean",scope:"common",title:"Show text",display:{type:"toggle-cycle",enum:["always","on hover"]}},alignEntries:{type:"boolean",scope:"layout",title:"Align entries",display:{type:"toggle-cycle",enum:["on","off"]}},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"}}},lightboxImageDisplay:{type:"string",scope:"common",title:"Display",display:{type:"toggle-cycle",enum:["fit","cover"]}},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 Entry",display:{type:"palette-color-picker"}},subtitleColor:{type:"string",scope:"common",title:"Subtitle Entry",display:{type:"palette-color-picker"}},lightboxCounterColor:{type:"string",scope:"common",title:"Counter Lightbox",display:{type:"palette-color-picker"}},titleFontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},titleFontSettings:{...Do.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:{...Do.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:{...Do.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:"on",imageDisplay:{display:"cover",ratioValue:"2:3",reversed:!1},lightboxImageDisplay:"fit",slider:"on",sliderTiming:3,direction:"horizontal",transition:"fade",showText:"always",alignEntries:"on",titleColor:"#000000",subtitleColor:"#000000",lightboxCounterColor:"#DEDDDD",titleFontFamily:"Arial",titleFontSettings:{fontWeight:400,fontStyle:"normal"},titleLetterSpacing:0,titleWordSpacing:0,titleTextAppearance:{textTransform:"uppercase",textDecoration:"none",fontVariant:"normal"},subtitleFontFamily:"Goudy Bookletter 1911",subtitleFontSettings:{fontWeight:400,fontStyle:"normal"},subtitleLetterSpacing:0,subtitleWordSpacing:0,subtitleTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},lightboxCounterFontFamily:"Goudy Bookletter 1911",lightboxCounterFontSettings:{fontWeight:400,fontStyle:"normal"},lightboxCounterLetterSpacing:0,lightboxCounterWordSpacing:0,lightboxCounterTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}},layoutDefaults:{m:{type:"a",gridLayout:{entryWidth:.8,horizontalGap:.0533,wrapperWidth:1,columnsCount:1,lockedParam:null},textBoxWidth:100,verticalGap:.266,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:.1066,titleLineHeight:.0853,subtitleFontSize:.056,subtitleLineHeight:.0506,lightboxCounterFontSize:.0373,lightboxCounterLineHeight:.0373},d:{type:"a",gridLayout:{entryWidth:.0833,horizontalGap:0,wrapperWidth:1,columnsCount:3,lockedParam:null},textBoxWidth:200,verticalGap:.09722,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:.027,titleLineHeight:.0222,titleLetterSpacing:-.00118,subtitleFontSize:.01,subtitleLineHeight:.01,lightboxCounterFontSize:.01,lightboxCounterLineHeight:.01}},displayRules:[{if:{name:"transition",value:"fade"},then:{name:"properties.direction.display.enabled",value:!1}},{if:{name:"lightbox",value:"off"},then:{name:"properties.lightboxImageDisplay.display.enabled",value:!1}},{if:{name:"type",value:"a"},then:{name:"properties.alignEntries.display.visible",value:!1}},{if:{name:"type",value:"b"},then:{name:"properties.alignEntries.display.visible",value:!1}}],layout:["__componentName__","name","type","gridLayout","textBoxWidth","verticalGap","showText","alignEntries","entriesCount","lightbox","imageDisplay","lightboxImageDisplay","slider","sliderTiming","direction","transition","transition","titleMarginTop","subtitleMarginTop"]},panels:[{id:"general",icon:"settings",title:"General",tooltip:"General Settings",layout:["__componentName__","type",{type:"row",title:"Grid",items:[{type:"group",title:"",items:["gridLayout"]}]},{type:"row",title:"",items:["textBoxWidth","entriesCount"]},{type:"row",title:"",items:["verticalGap","showText"]},{type:"row",title:"",items:["alignEntries"]}]},{id:"imageSettings",icon:"cover",title:"Image settings",tooltip:"Image settings",layout:["__componentName__",{type:"row",title:"Image",items:["imageDisplay"]},{type:"row",title:"Lightbox",items:["lightbox","lightboxImageDisplay"]},{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:["__componentName__",{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:[...qu],panelIds:["general","typeStyle"],stateItems:{default:["titleColor","subtitleColor","lightboxCounterColor"]}}},Yu={element:Vu,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:Xu,sourceCode:Gu};function Ju(t){if(t.type==="video")return!0;if(t.type==="image")return!1;const e=t.name??"";return/\.(mp4|webm|ogg|mov)(\?|$)/i.test(e)?!0:/\.(mp4|webm|ogg|mov)(\?|$)/i.test(t.url)}function Zu({media:t,className:e,style:n}){const i=c.useRef(null);return c.useEffect(()=>{if(!t.isVideo)return;const r=i.current;if(!r)return;const l=r.play();l&&l.catch(()=>{})},[t.isVideo,t.url]),t.isVideo?o.jsx("video",{ref:i,className:e,src:t.url,style:n,muted:!0,loop:!0,autoPlay:!0,playsInline:!0,preload:"auto"}):o.jsx("img",{className:e,src:t.url,alt:"",style:n})}function io(t){return`calc(var(--cntrl-article-width, 100vw) * ${t/1440})`}function Qu(t){return String(t??"").trim().length>0}function vl(t,e){const n=t.currentTarget,i=n.getBoundingClientRect(),r=t.clientY-i.top>i.height/2;n.classList.toggle(`${e}-reveal-from-bottom`,r)}function xl(t,e){const n=t.currentTarget,i=n.getBoundingClientRect(),r=t.clientY<i.top+i.height/2;n.classList.toggle(`${e}-reveal-from-bottom`,r)}function bl(t,e,n,i,r,l,s){const d=I.scalingValue(l,s),a=I.scalingValue(0,s),p=t===0,u=t===e-1&&!r;return{borderTopWidth:p&&n?d:a,borderBottomWidth:!u||i?d:a}}function tp(t,e,n){const i=I.scalingValue(e,n),r=I.scalingValue(0,n);return{borderTopWidth:r,borderBottomWidth:t?i:r}}const Sl=10;function ep(t){return`
 .${t}-wrapper {
   display: grid;
   align-items: start;
-  min-height: ${Qi(48)};
+  min-height: ${io(48)};
   position: relative;
   overflow: visible;
   box-sizing: border-box;
@@ -5140,7 +5140,7 @@ a.${t}-list-item {
   flex-shrink: 0;
   overflow: visible;
   box-sizing: border-box;
-  min-width: ${Qi(50)};
+  min-width: ${io(50)};
   position: relative;
   display: flex;
   align-items: flex-start;
@@ -5148,7 +5148,7 @@ a.${t}-list-item {
 
 .${t}-list-col-last {
   flex: 1 1 auto;
-  min-width: ${Qi(50)};
+  min-width: ${io(50)};
 }
 
 .${t}-list-col-title {
@@ -5445,7 +5445,7 @@ a.${t}-list-item {
   overflow-wrap: anywhere;
   word-break: break-word;
 }
-`}const bn=["AColumn","BColumnWidth","CColumnWidth","DColumnWidth","EColumnWidth"],Er=["AColumn","BColumn","CColumn","DColumn","EColumn"],un="cutLabel",Rr=[...Er,un],To=["A","B","C","D","E"];function wa(t){return`${t}ColumnVerticalAlign`}const nr=["Top","Center","Bottom"];function Mr(t){const e=String(t??"Top").trim();if(e.toLowerCase().startsWith("baseline")){const i=e.slice(-1).toUpperCase();return To.includes(i)?`Baseline ${i}`:"Top"}const n=e.toLowerCase();return n==="center"?"Center":n==="bottom"?"Bottom":n==="top"?"Top":e}function Yu(t){const e=Mr(t);return e.toLowerCase().startsWith("baseline")?!1:e==="Top"||e==="Center"||e==="Bottom"}function Ju(t){const e=String(t??"").trim();if(!e.toLowerCase().startsWith("baseline"))return null;const n=e.slice(-1).toUpperCase();return To.includes(n)?n:null}function Ca(t,e,n){const i=Ju(t);return i?i===e?!1:Yu(n[wa(i)]):!0}function vi(t){const e=Mr(t);if(e.toLowerCase().startsWith("baseline")){const n=e.slice(-1).toUpperCase();return To.includes(n)?{kind:"baseline",anchorLetter:n}:{kind:"top"}}return e==="Center"?{kind:"center"}:e==="Bottom"?{kind:"bottom"}:{kind:"top"}}function Zu(t,e,n){if(Ta(t,e,n))return vi(t);const i=vi(t);return i.kind==="baseline"?{kind:"top"}:i}function Qu(t){const e=vi(t);return e.kind==="baseline"?{kind:"top"}:e}function Ta(t,e,n){return Ca(t,n,e)?vi(t).kind==="baseline":!1}function tp(t){const e={};let n=!1;for(const i of To){const r=wa(i),l=t[r];if(t.type==="b"){const a=String(l??"Top").trim();a!=="Top"&&a!=="Center"&&a!=="Bottom"&&(e[r]="Top",n=!0);continue}Ca(l,i,t)||(e[r]="Top",n=!0)}return n?e:null}function ep(t){return t==="center"?{flex:"0 0 auto",marginTop:"auto",marginBottom:"auto"}:t==="bottom"?{flex:"0 0 auto",marginTop:"auto"}:{}}function np(t){const e=vi(t).kind;return e==="baseline"?"center":e}function ip(t){return t==="right"?"flex-end":t==="center"?"center":"flex-start"}function yl(t){return t==="center"?"center":t==="bottom"?"flex-end":"flex-start"}function op(t,e){const n=document.createElement("i");n.className=e,n.setAttribute("aria-hidden","true"),t.prepend(n);const{top:i}=t.getBoundingClientRect(),{bottom:r}=n.getBoundingClientRect(),l=r-i;return n.remove(),l}function Bo(t,e,n,i){const r=t.titleEl;if(!r)return 0;const l=r.closest(`.${n}`);if(!l)return 0;const a=op(r,i);if(t.kind==="baseline")return r.getBoundingClientRect().top-e+a;const d=l.getBoundingClientRect(),s=r.getBoundingClientRect().height;let p=0;return t.kind==="center"?p=(d.height-s)/2:t.kind==="bottom"&&(p=d.height-s),d.top-e+p+a}function rp(t,e,n){const i=t.getBoundingClientRect().height;return i<=0?0:(e.forEach(r=>{const l=r.querySelector(`.${n}`);l&&(l.style.minHeight=`${i}px`,l.style.height=`${i}px`)}),i)}function lp(t,e){return!t||!e?(t&&(t.style.transform=""),0):(t.style.transform=`translateY(${e}px)`,e)}const ap={AColumn:"AColumn",BColumnWidth:"BColumn",CColumnWidth:"CColumn",DColumnWidth:"DColumn",EColumnWidth:"EColumn"};function qt(t,e){return`${t}${e.replace(/^text/,"Text")}`}const sp={AColumn:"A",BColumn:"B",CColumn:"C",DColumn:"D",EColumn:"E",cutLabel:"CUT"};function cp(t){return[qt(t,"textFontFamily"),qt(t,"textFontSettings"),{type:"row",items:[qt(t,"textFontSize"),qt(t,"textLineHeight"),qt(t,"textLetterSpacing"),qt(t,"textWordSpacing")]},qt(t,"textTextAlign"),qt(t,"textTextAppearance"),`${t}VerticalAlign`]}function dp(){return{type:"tab",id:"listColumnTextStyle",tabs:Object.fromEntries(Rr.map(t=>[sp[t],cp(t)]))}}function co(t,e){const n=i=>{const r=qt(e,i);return t[r]};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")??(e===un?"center":"left"),textTextAppearance:n("textTextAppearance"),textColor:t.textColor}}function vl(t,e){var i,r;const n={fontSettings:{fontFamily:t.textFontFamily,fontWeight:((i=t.textFontSettings)==null?void 0:i.fontWeight)??400,fontStyle:((r=t.textFontSettings)==null?void 0:r.fontStyle)??"normal"},fontSize:t.textFontSize??.01,lineHeight:t.textLineHeight,letterSpacing:t.textLetterSpacing,wordSpacing:t.textWordSpacing,textAlign:t.textTextAlign,textAppearance:t.textTextAppearance,color:t.textColor??"#767676"};return Ze(Ie(n,e))}function xl(t,e,n,i){const r=co(t,e),l=r.textFontSize??.01,a=r.textLineHeight;return a!==void 0&&a<l?`${n} ${i}`:n}function bl(t,e,n,i){const r=co(t,e),l=r.textFontSize??.01,a=r.textLineHeight;return a===void 0||a>=l?{}:{[`--${n}-title-leading-gap`]:M.scalingValue((l-a)/2,i)}}const De=["AColumnWidth","BColumnWidth","CColumnWidth","DColumnWidth","EColumnWidth"],Qn=["AColumnPaddingLeft","BColumnPaddingLeft","CColumnPaddingLeft","DColumnPaddingLeft","EColumnPaddingLeft"],ti=["AColumnPaddingRight","BColumnPaddingRight","CColumnPaddingRight","DColumnPaddingRight","EColumnPaddingRight"],ei=["AColumnPaddingBottom","BColumnPaddingBottom","CColumnPaddingBottom","DColumnPaddingBottom","EColumnPaddingBottom"],up={textColor:"text-color",backgroundColor:"background-color",dividerColor:"divider-color",textHoverColor:"text-hover-color",backgroundHoverColor:"background-hover-color",dividerHoverColor:"divider-hover-color"},pp=["hover","focus","filled","success","error"],Sl=.004,Vn=.004,Oo=Vn,wl=12,_r=50,xi=1440,bi=_r/xi;function $a(t){const e=typeof t=="number"&&t>0?t:xi;return _r/e}function mp(t,e){const n={position:"absolute",width:wl,height:wl,pointerEvents:"auto"};return e==="left-y"?{...n,left:20,top:"50%",transform:"translateY(-50%)"}:e==="center-x"?{...n,left:"50%",top:`var(--${t}-first-entry-handle-top, 50%)`,transform:"translate(-50%, -50%)"}:{...n,left:"50%",top:"50%",transform:"translate(-50%, -50%)"}}function ln({P:t,className:e,areaStyle:n,hitPlacement:i,...r}){return o.jsx("div",{className:e,style:{...n,pointerEvents:"none"},...r,children:o.jsx("div",{style:mp(t,i)})})}function gp(t){let e=t??null;for(;e;){const n=e.style.getPropertyValue("--cntrl-article-width").trim();if(n){const r=parseFloat(n);if(Number.isFinite(r)&&r>0)return r}const i=getComputedStyle(e).getPropertyValue("--cntrl-article-width").trim();if(i){const r=parseFloat(i);if(Number.isFinite(r)&&r>0)return r}e=e.parentElement}return xi}const La={AColumnWidth:.02,BColumnWidth:.02,CColumnWidth:.02,DColumnWidth:.02,EColumnWidth:.02};function ci(t){const e=typeof t.wrapperWidth=="number"?t.wrapperWidth:1;return Math.max(0,e)}function hp(t,e=1){const n=e/t;return Object.fromEntries(De.map(i=>[i,n]))}function fp(){return Object.fromEntries([...Qn.map(t=>[t,0]),...ti.map(t=>[t,0])])}function yp(){return Object.fromEntries(ei.map(t=>[t,0]))}function Oi(t){return Object.fromEntries(De.map(e=>[e,typeof t[e]=="number"?t[e]:La[e]]))}function Ia(t,e,n){const i=t-bi,r=e+n;if(r<=0||r<=i)return{paddingLeft:e,paddingRight:n};if(i<=0)return{paddingLeft:0,paddingRight:0};const l=i/r;return{paddingLeft:e*l,paddingRight:n*l}}function to(t,e,n){const i=Wr(t,e,n);if(t<=0)return[];const r=i.slice(0,t-1).reduce((l,a)=>l+a,0);return[...i.slice(0,t-1),Math.max(0,e-r)]}function vp(t,e,n){const i={};for(let r=0;r<t;r+=1){const l=Qn[r],a=ti[r],d=typeof n[l]=="number"?n[l]:0,s=typeof n[a]=="number"?n[a]:0,p=Ia(e[r]??0,d,s);p.paddingLeft!==d&&(i[l]=p.paddingLeft),p.paddingRight!==s&&(i[a]=p.paddingRight)}return i}function Wr(t,e,n){if(t<=0)return[];const i=De.slice(0,t).map(p=>n[p]);if(t===1)return i;const r=i.slice(0,t-1),a=r.reduce((p,u)=>p+u,0)+bi;if(e>=a)return i;const d=[...r];let s=a-e;for(let p=d.length-1;p>=0&&s>0;p-=1){const u=d[p]-bi;if(u<=0)continue;const $=Math.min(s,u);d[p]-=$,s-=$}return[...d,i[t-1]]}function xp(t,e,n){if(t<=1)return{};const i=Wr(t,e,n),r={};for(let l=0;l<t-1;l+=1){const a=De[l];i[l]!==n[a]&&(r[a]=i[l])}return r}function Cl(t){return Array.isArray(t.columnsOrder)&&t.columnsOrder.length>0?t.columnsOrder:[...bn]}function bp(t,e){return t.length!==e.length?!1:t.every((n,i)=>n===e[i])}function Sp(t,e,n,i){const r=Math.min(i,t.length,De.length),l={};for(let a=0;a<r;a+=1){const d=t[a],s=e.indexOf(d);if(s===-1)continue;const p=De[s],u=Qn[s],$=ti[s],b=ei[s],v=De[a],m=Qn[a],h=ti[a],L=ei[a],I=n[p],x=n[u],S=n[$],O=n[b];typeof I=="number"&&(l[v]=I),typeof x=="number"&&(l[m]=x),typeof S=="number"&&(l[h]=S),typeof O=="number"&&(l[L]=O)}return l}function Ea(t,e){const n=new Set([...Object.keys(t),...Object.keys(e)]);for(const i of n)if(t[i]!==e[i])return!0;return!1}function wp(t,e){const n=t.columns,i=e.columns;if(typeof n!="number"||n===i)return t;const r=ci(t),l=t.type==="b"||t.type===void 0&&e.type==="b",a={...t,...hp(n,r),...fp()};if(l)for(const d of ei)typeof e[d]=="number"&&(a[d]=e[d]);else Object.assign(a,yp());return Ea(t,a)?a:t}function Cp(t,e,n){const i=tp(t);i&&(t={...t,...i});const r=$a(n==null?void 0:n.designWidth),l=t.columns,a=e.columns,d=ci(t),s=ci(e),p=t.type==="b"||t.type===void 0&&e.type==="b",u=typeof l=="number"?l:typeof a=="number"?a:bn.length,$=S=>{if(p)return S;const O=Oi({...e,...S}),W=ci(S),D=to(u,W,O),w=vp(u,D,{...e,...S});return Object.keys(w).length===0?S:{...S,...w}};if(typeof l=="number"&&l!==a)return t;const b=Cl(t),v=Cl(e);if(!bp(b,v))return $({...t,...Sp(b,v,e,u)});if(d<s&&typeof u=="number"&&!p){const S=Oi({...e,...t});return $({...t,...xp(u,d,S)})}if(p){const S=typeof t.textPaddingLR=="number"?t.textPaddingLR:0,O=Math.max(0,(d-r)/2);return S>O?{...t,textPaddingLR:O}:t}const m=Oi({...e,...t}),h=to(u,s,Oi(e)),I=to(u,d,m).some((S,O)=>S<(h[O]??S)),x=De.some(S=>{const O=t[S],W=e[S];return typeof O=="number"&&typeof W=="number"&&O!==W});return I||x?$(t):t}function Tp(t,e,n,i){const r=e.slice(0,t).reduce((a,d)=>a+d,0),l=n.slice(t+1,e.length-1).reduce((a,d)=>a+d,0);return Math.max(bi,i-r-l-bi)}function $p(t,e){return Math.random()*(e-t)+t}function Lp(t){return Object.fromEntries(De.map(e=>[e,typeof t[e]=="number"?t[e]:La[e]]))}function Do(t,e,n=0){return Object.fromEntries(e.map(i=>[i,typeof t[i]=="number"?t[i]:n]))}function Ip(t,e,n,i,r,l){return t.slice(0,e).map((a,d)=>{const s=Qn[d],p=ti[d],u=ei[d];return{key:a,textPrefix:ap[a],widthKey:De[d],width:n[De[d]],paddingLeftKey:s,paddingRightKey:p,paddingBottomKey:u,paddingLeft:i[s],paddingRight:r[p],paddingBottom:l[u]}})}function Ep({settings:t,content:e,isEditor:n,isPreviewMode:i,isEditMode:r,activeEvent:l,layoutId:a,onUpdateSettings:d}){const{prefix:s}=M.useScopedStyles(),p=!!r,{columns:u,type:$,wrapperWidth:b,entriesCount:v,cellMinHeight:m,dividerWidth:h,showVisibility:L,cut:I,showCut:x,cutCellMinHeight:S,cutLabel:O,imageSize:W,imageOnHover:D,entryHoverEffect:w,entryHoverShowOption:_,rowPaddingTop:V,rowPaddingBottom:g,rowPaddingTopB:C,columnsOrder:A,textPaddingLR:F,textColor:q,backgroundColor:at,dividerColor:N,textHoverColor:j,backgroundHoverColor:U,dividerHoverColor:P}=t,[T,H]=c.useState(void 0),[J,Z]=c.useState(null),R=D==="on"&&(!n||i),tt=(I??0)>0,f=$==="b",ot=c.useRef(null),Q=c.useRef(null),[ut,bt]=c.useState(null),[ct,yt]=c.useState(xi),z=$a(ct),B=Math.max(0,((b??0)-z)/2),it=Math.min(F??0,B),st=Math.max(it,Vn),Lt=((b??0)+z)/2;c.useLayoutEffect(()=>{if(!n){yt(xi);return}const nt=()=>{yt(gp(ot.current))};nt();const ft=ot.current;if(!ft)return;const Tt=new ResizeObserver(nt);Tt.observe(ft);let Wt=ft;for(;Wt&&!Wt.style.getPropertyValue("--cntrl-article-width");)Wt=Wt.parentElement;return Wt&&Tt.observe(Wt),()=>Tt.disconnect()},[n,a]),c.useEffect(()=>{H(void 0)},[I,x,e,v]),c.useEffect(()=>{n&&!i&&H(void 0)},[n,i]);const St=M.buildColorVars(s,{textColor:q,backgroundColor:at,dividerColor:N,textHoverColor:j,backgroundHoverColor:U,dividerHoverColor:P},up,pp),Ht=l&&l!=="default"?`${s}-state-${l}`:"",zt=`${!n||i?w==="default"?`${s}-entry-hover-default`:w==="blinds"?`${s}-entry-hover-blinds`:w==="reveal"?`${s}-entry-hover-reveal`:"":""} ${Ht}`.trim(),K=w==="reveal"&&(!n||i),mt=(L==null?void 0:L[0])??!1,k=(L==null?void 0:L[1])??!1,X=c.useRef(t),Y=c.useRef(a);c.useEffect(()=>{if(!d||!n){X.current=t,Y.current=a;return}if(Y.current!==a){X.current=t,Y.current=a;return}const nt=X.current;if(!(nt!==t))return;if(typeof nt.columns=="number"&&typeof t.columns=="number"&&nt.columns!==t.columns){X.current=t;return}const Tt=Cp(t,nt,{designWidth:ct});X.current=t,Ea(t,Tt)&&d(Tt)},[t,d,n,a,ct]);const et=c.useMemo(()=>Lp(t),[t.AColumnWidth,t.BColumnWidth,t.CColumnWidth,t.DColumnWidth,t.EColumnWidth]),ht=c.useMemo(()=>Do(t,Qn),[t.AColumnPaddingLeft,t.BColumnPaddingLeft,t.CColumnPaddingLeft,t.DColumnPaddingLeft,t.EColumnPaddingLeft]),Ct=c.useMemo(()=>Do(t,ti),[t.AColumnPaddingRight,t.BColumnPaddingRight,t.CColumnPaddingRight,t.DColumnPaddingRight,t.EColumnPaddingRight]),Ut=c.useMemo(()=>Do(t,ei),[t.AColumnPaddingBottom,t.BColumnPaddingBottom,t.CColumnPaddingBottom,t.DColumnPaddingBottom,t.EColumnPaddingBottom]),xt=c.useMemo(()=>Array.isArray(A)&&A.length>0?A:[...bn],[A]),Et=c.useMemo(()=>Ip(xt,u,et,ht,Ct,Ut),[xt,u,et,ht,Ct,Ut]),Bt=ci(t),dt=c.useMemo(()=>De.slice(0,u).map(nt=>et[nt]),[u,et]),vt=c.useMemo(()=>Wr(u,Bt,et),[u,Bt,et]),Ot=c.useMemo(()=>to(u,Bt,et),[u,Bt,et]),jt=c.useMemo(()=>Et.map((nt,ft)=>Ia(Ot[ft]??0,nt.paddingLeft,nt.paddingRight)),[Et,Ot]),Qt=c.useMemo(()=>{const nt=v===0?1/0:v;return(e??[]).slice(0,nt).map((Tt,Wt)=>({id:Wt,cells:Object.fromEntries(bn.map(Gt=>[Gt,Tt[Gt]??""])),image:Tt.image,link:Tt.link}))},[e,v]),we=tt?T??I:Qt.length,ve=c.useMemo(()=>tt?Qt.slice(0,we):Qt,[Qt,tt,we]),Ee=tt&&we<Qt.length,Ce=ve.length>1||Ee,Ne=[mt?`${s}-divider-top`:"",k||Ce?`${s}-divider-bottom`:""].filter(Boolean).join(" "),$e=!n||i,ke=()=>{if(!$e)return;const nt=T??I;if(!x){H(Qt.length);return}H(Math.min(nt+x,Qt.length))},Ft=nt=>M.scalingValue(nt,n??!1),se=f?C??0:V??0,ue=g??0,pe=m??0,ze=se+pe/2,Le=Math.max(ue,Oo),ge=hl(0,ve.length,mt,k,Ee,h??0,n??!1).borderTopWidth,He=ut!=null?`${ut}px`:`calc(${ge} + ${Ft(ze)})`,We=f?"rowPaddingTopB":"rowPaddingTop",kt=Et[0],Kt=Et[Et.length-1],oe=jt[0],te=jt[jt.length-1],he=kt&&oe?Math.max(oe.paddingLeft,Vn):0,Re=Kt&&te?Math.max(te.paddingRight,Vn):0,Tn=Bt,Ve=nt=>{const ft=ot.current;if(!ft)return{x:0,y:0};const Tt=ft.getBoundingClientRect();return{x:nt.clientX-Tt.left+fl,y:nt.clientY-Tt.top+fl}},Ye=(nt,ft)=>{if(!R)return;const Tt=nt.image;if(!(Tt!=null&&Tt.url)){Z(null);return}const{x:Wt,y:Gt}=Ve(ft),re=(W==null?void 0:W.min)??80,Mt=(W==null?void 0:W.max)??320,be=(J==null?void 0:J.rowId)===nt.id?J.widthPx:$p(re,Mt);Z({rowId:nt.id,url:Tt.url,objectFit:"contain",isVideo:Ku(Tt),widthPx:be,x:Wt,y:Gt})},Ke=nt=>{if(!R||!J)return;const{x:ft,y:Tt}=Ve(nt);Z(Wt=>!Wt||Wt.x===ft&&Wt.y===Tt?Wt:{...Wt,x:ft,y:Tt})},le=()=>{Z(null)},$n=nt=>{K&&ml(nt,s),R&&Z(null)},Rt=nt=>{K&&gl(nt,s)};c.useLayoutEffect(()=>{if(!p||f){bt(null);return}const nt=Q.current,ft=nt==null?void 0:nt.parentElement;if(!nt||!ft){bt(null);return}const Tt=()=>{const Gt=nt.querySelector("[data-list-row]");if(!Gt){bt(null);return}const re=ft.getBoundingClientRect(),Mt=Gt.getBoundingClientRect();bt(Mt.top-re.top+Mt.height/2)};Tt();const Wt=new ResizeObserver(Tt);return Wt.observe(nt),Wt.observe(ft),()=>Wt.disconnect()},[p,f,ve,se,ue,pe,e,t,Et,Ot,ct,h,mt,k,Ee]);const Jt=c.useMemo(()=>!f&&Er.some(nt=>{const ft=nt.charAt(0),Tt=t[`${nt}VerticalAlign`];return Ta(Tt,t,ft)}),[f,t,t.AColumnVerticalAlign,t.BColumnVerticalAlign,t.CColumnVerticalAlign,t.DColumnVerticalAlign,t.EColumnVerticalAlign]);c.useLayoutEffect(()=>{var be;const nt=ot.current;if(!nt)return;const ft=()=>{nt.querySelectorAll("[data-list-col]").forEach(Te=>{Te.style.transform="";const ae=Te.querySelector(`.${s}-list-col`);ae&&(ae.style.minHeight="",ae.style.height="");const Se=Te.querySelector(`.${s}-list-col-title`);Se&&(Se.style.transform="")})};if(f||!Jt){ft();return}const Tt=()=>{const Te=Array.from(nt.querySelectorAll("[data-list-row]")),ae=`${s}-list-col`,Se=`${s}-baseline-probe`;Te.forEach(Yt=>{Yt.querySelectorAll("[data-list-col]").forEach(fe=>{fe.style.transform="";const y=fe.querySelector(`.${ae}`);y&&(y.style.minHeight="",y.style.height="");const G=fe.querySelector(`.${s}-list-col-title`);G&&(G.style.transform="")})}),Te.forEach(Yt=>{const fe=Array.from(Yt.querySelectorAll("[data-list-col]"));rp(Yt,fe,ae)}),nt.offsetHeight,Te.forEach(Yt=>{const fe=Array.from(Yt.querySelectorAll("[data-list-col]")),y=Yt.getBoundingClientRect().top,G=new Map,rt=fe.map(Nt=>{const ye=Nt.querySelector(`.${s}-list-col-title`),me={el:Nt,titleEl:ye,letter:Nt.getAttribute("data-col-letter")??"",kind:Nt.getAttribute("data-valign")??"top",anchor:Nt.getAttribute("data-valign-anchor")};return G.set(me.letter,me),me}),lt=new Map,At=(Nt,ye)=>{const me=lt.get(Nt.letter);if(me!==void 0)return me;const Fe=Nt.anchor?G.get(Nt.anchor):void 0;if(Nt.kind!=="baseline"||!Fe||ye.has(Nt.letter)){const Ai=Bo(Nt,y,ae,Se);return lt.set(Nt.letter,Ai),Ai}ye.add(Nt.letter);const Je=At(Fe,ye);ye.delete(Nt.letter);const Nn=Bo(Nt,y,ae,Se),Ln=Je-Nn;lp(Nt.titleEl,Ln);const Wi=Bo(Nt,y,ae,Se);return lt.set(Nt.letter,Wi),Wi};rt.forEach(Nt=>At(Nt,new Set))})};let Wt=null;const Gt=()=>{Wt===null&&(Wt=requestAnimationFrame(()=>{Wt=null,Tt()}))};Tt();const re=new ResizeObserver(()=>Gt());re.observe(nt);let Mt=!1;return typeof document<"u"&&((be=document.fonts)!=null&&be.ready)&&document.fonts.ready.then(()=>{Mt||Gt()}),()=>{Mt=!0,Wt!==null&&(cancelAnimationFrame(Wt),Wt=null),re.disconnect(),ft()}},[Jt,f,t,e,ct,ve,Ot]);const Vt=c.useMemo(()=>Xu(s),[s]);return o.jsxs(o.Fragment,{children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:Vt}}),o.jsx("div",{style:St,children:o.jsxs("div",{ref:ot,className:`${s}-wrapper ${zt}${Ne?` ${Ne}`:""}${f?` ${s}-type-b`:""}`.trim(),style:{width:M.scalingValue(b??0,n),...!f&&p?{[`--${s}-first-entry-handle-top`]:He}:{}},onMouseMove:R?Ke:void 0,onMouseLeave:R?le:void 0,children:[o.jsxs("div",{style:{width:"100%",position:"relative"},children:[ve.map((nt,ft)=>{var re;const Tt=(((re=nt.link)==null?void 0:re.length)??0)>0,Wt=Tt&&(!n||i)?"a":"div",Gt=hl(ft,ve.length,mt,k,Ee,h??0,n??!1);return o.jsxs(Wt,{ref:ft===0?Mt=>{Q.current=Mt}:void 0,className:`${s}-list-item${Tt||_==="always"?` ${s}-list-item-has-link`:""}`,...Tt?{href:nt.link,target:"_blank"}:{},style:Gt,onMouseEnter:Mt=>{K&&(Tt||_==="always")&&ml(Mt,s),R&&Ye(nt,Mt)},onMouseLeave:Mt=>{K&&(Tt||_==="always")&&gl(Mt,s)},children:[se>0&&o.jsx("div",{className:`${s}-row-padding-handle`,style:{height:Ft(se)}}),o.jsxs("div",{className:`${s}-list-cols-row${f?"":` ${s}-list-cols-row-h`}${p&&ft===0&&f?` ${s}-list-cols-row-controls`:""}`,...f?{}:{"data-list-row":""},style:f?void 0:{minHeight:Ft(pe)},children:[Et.map((Mt,be)=>{const Te=be===Et.length-1,ae=jt[be],Se=Mt.paddingBottom,Yt=Gu(nt.cells[Mt.key]),fe=f&&Yt&&Se>0,y=f?{minHeight:Ft(pe)}:{width:Ft(Ot[be])},G=f?{paddingLeft:Ft(it),paddingRight:Ft(it)}:{paddingLeft:Ft(ae.paddingLeft),paddingRight:Ft(ae.paddingRight)},rt=Mt.textPrefix.charAt(0),lt=f?Qu(t[`${Mt.textPrefix}VerticalAlign`]):Zu(t[`${Mt.textPrefix}VerticalAlign`],t,rt),At=f&&Yt&&p&&ft===0;return o.jsxs("div",{className:f?`${s}-list-col-wrap`:void 0,...f?{}:{"data-list-col":"","data-col-letter":rt,"data-valign":lt.kind,...lt.kind==="baseline"?{"data-valign-anchor":lt.anchorLetter}:{}},children:[o.jsx("div",{className:`${s}-list-col${Te?` ${s}-list-col-last`:""}`,style:{...G,...y,...f?{justifyContent:yl(lt.kind)}:{}},"data-test":Mt.width,children:o.jsx("span",{className:xl(t,Mt.textPrefix,`${s}-list-col-title`,`${s}-text-tight-leading`),style:{...vl(co(t,Mt.textPrefix),n),...bl(t,Mt.textPrefix,s,n),...f?{}:ep(lt.kind)},children:nt.cells[Mt.key]??null})}),fe&&o.jsx("div",{className:`${s}-row-padding-handle`,style:{height:Ft(Se)}}),At&&o.jsx(ln,{P:s,"data-controls":Mt.paddingBottomKey,"data-controls-static-handle":"","data-controls-axis":"y","data-controls-variant":"column-padding","data-controls-min":"0",className:`${s}-padding-control-handle`,hitPlacement:"center",areaStyle:{position:"absolute",bottom:0,left:0,width:"100%",height:Ft(Math.max(Se,Oo))}})]},Mt.key)}),p&&ft===0&&f&&o.jsxs(o.Fragment,{children:[o.jsx(ln,{P:s,"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(Lt),className:`${s}-text-padding-lr-handle`,hitPlacement:"center",areaStyle:{position:"absolute",top:0,left:0,width:Ft(st),height:"100%"}}),o.jsx(ln,{P:s,"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(Lt),className:`${s}-text-padding-lr-handle`,hitPlacement:"center",areaStyle:{position:"absolute",top:0,left:Ft(Math.max(st,Bt-st)),width:Ft(st),height:"100%"}})]})]}),!f&&ue>0&&o.jsx("div",{className:`${s}-row-padding-handle`,style:{height:Ft(ue)}}),p&&ft===0&&!f&&o.jsx(ln,{P:s,"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:`${s}-padding-control-handle`,hitPlacement:"left-y",areaStyle:{position:"absolute",bottom:0,left:0,width:"100%",height:Ft(Le)}})]},nt.id)}),p&&o.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:o.jsx(ln,{P:s,"data-controls":We,"data-controls-static-handle":"",...f?{}:{"data-controls-handle-left":"20"},"data-controls-axis":"y","data-controls-variant":"row-padding","data-controls-min":"0",className:`${s}-padding-control-handle`,hitPlacement:f?"center":"left-y",areaStyle:{position:"absolute",top:ge,left:0,width:"100%",height:Ft(Math.max(se,Oo))}})},"row-padding-handles"),p&&!f&&kt&&Kt&&o.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:[o.jsx(ln,{P:s,"data-controls":kt.paddingLeftKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(Ot[0]-((oe==null?void 0:oe.paddingRight)??0)),className:`${s}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:0,width:Ft(he),height:"100%"}}),o.jsx(ln,{P:s,"data-controls":Kt.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(Ot[Et.length-1]-((te==null?void 0:te.paddingLeft)??0)),className:`${s}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:Ft(Tn-Re),width:Ft(Re),height:"100%"}})]},"column-edge-padding-handles"),p&&!f&&Et.slice(0,-1).map((nt,ft)=>{const Tt=Et[ft+1],Wt=vt.slice(0,ft+1).reduce((Te,ae)=>Te+ae,0),Gt=jt[ft],re=jt[ft+1],Mt=Math.max(Gt.paddingRight,Vn),be=Math.max(re.paddingLeft,Vn);return o.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:[o.jsx(ln,{P:s,"data-controls":nt.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(Ot[ft]-Gt.paddingLeft),className:`${s}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:Ft(Wt-Mt),width:Ft(Mt),height:"100%"}}),o.jsx(ln,{P:s,"data-controls":Tt.paddingLeftKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(Ot[ft+1]-re.paddingRight),className:`${s}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:Ft(Wt),width:Ft(be),height:"100%"}})]},`${nt.paddingRightKey}-padding`)}),p&&!f&&Et.slice(0,-1).map((nt,ft)=>{const Tt=Tp(ft,vt,dt,Bt),Gt=vt.slice(0,ft+1).reduce((re,Mt)=>re+Mt,0)-Sl/2;return o.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:o.jsx("div",{"data-controls":nt.widthKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-min":String(_r),"data-controls-max-fraction":String(Tt),"data-controls-variant":"column-width",className:`${s}-col-resize-handle`,style:{position:"absolute",top:"0px",left:Ft(Gt),width:Ft(Sl),height:"calc(100%)",pointerEvents:"auto"}})},`${nt.widthKey}-junction`)})]}),Ee&&(()=>{const nt=co(t,un),ft=np(t.cutLabelVerticalAlign),Tt=nt.textTextAlign==="justify"||f;return o.jsx("button",{type:"button",className:`${s}-cut-item`,style:{minHeight:Ft(S??0),cursor:$e?"pointer":"default",...qu(k,h??0,n??!1)},onClick:$e?ke:void 0,onMouseEnter:K||R?$n:void 0,onMouseLeave:K?Rt:void 0,children:o.jsx("div",{className:`${s}-list-cols-row`,style:{...f?{paddingLeft:Ft(it),paddingRight:Ft(it)}:{},justifyContent:ip(nt.textTextAlign),alignItems:yl(ft)},children:o.jsx("span",{className:xl(t,un,`${s}-cut-label`,`${s}-text-tight-leading`),style:{...vl(nt,n),...bl(t,un,s,n),...Tt?{width:"100%"}:{}},children:O})})})})(),R&&J&&(()=>{const nt=Qi(J.widthPx),ft={width:nt,height:"auto",maxHeight:nt,objectFit:"contain",left:J.x,top:J.y,position:"absolute"};return o.jsx(Uu,{media:J,className:J.isVideo?`${s}-hover-video`:`${s}-hover-image`,style:ft},`${J.rowId}-${J.url}`)})()]})})]})}const Rp=`import { useEffect, useLayoutEffect, useMemo, useRef, useState, type CSSProperties, type ComponentPropsWithoutRef } from 'react';
+`}const En=["AColumn","BColumnWidth","CColumnWidth","DColumnWidth","EColumnWidth"],Wr=["AColumn","BColumn","CColumn","DColumn","EColumn"],fn="cutLabel",Ar=[...Wr,fn],Eo=["A","B","C","D","E"];function Is(t){return`${t}ColumnVerticalAlign`}const lr=["Top","Center","Bottom"];function Pr(t){const e=String(t??"Top").trim();if(e.toLowerCase().startsWith("baseline")){const i=e.slice(-1).toUpperCase();return Eo.includes(i)?`Baseline ${i}`:"Top"}const n=e.toLowerCase();return n==="center"?"Center":n==="bottom"?"Bottom":n==="top"?"Top":e}function np(t){const e=Pr(t);return e.toLowerCase().startsWith("baseline")?!1:e==="Top"||e==="Center"||e==="Bottom"}function ip(t){const e=String(t??"").trim();if(!e.toLowerCase().startsWith("baseline"))return null;const n=e.slice(-1).toUpperCase();return Eo.includes(n)?n:null}function Es(t,e,n){const i=ip(t);return i?i===e?!1:np(n[Is(i)]):!0}function Ci(t){const e=Pr(t);if(e.toLowerCase().startsWith("baseline")){const n=e.slice(-1).toUpperCase();return Eo.includes(n)?{kind:"baseline",anchorLetter:n}:{kind:"top"}}return e==="Center"?{kind:"center"}:e==="Bottom"?{kind:"bottom"}:{kind:"top"}}function op(t,e,n){if(Rs(t,e,n))return Ci(t);const i=Ci(t);return i.kind==="baseline"?{kind:"top"}:i}function rp(t){const e=Ci(t);return e.kind==="baseline"?{kind:"top"}:e}function Rs(t,e,n){return Es(t,n,e)?Ci(t).kind==="baseline":!1}function lp(t){const e={};let n=!1;for(const i of Eo){const r=Is(i),l=t[r];if(t.type==="b"){const s=String(l??"Top").trim();s!=="Top"&&s!=="Center"&&s!=="Bottom"&&(e[r]="Top",n=!0);continue}Es(l,i,t)||(e[r]="Top",n=!0)}return n?e:null}function sp(t){return t==="center"?{flex:"0 0 auto",marginTop:"auto",marginBottom:"auto"}:t==="bottom"?{flex:"0 0 auto",marginTop:"auto"}:{}}function ap(t){const e=Ci(t).kind;return e==="baseline"?"center":e}function cp(t){return t==="right"?"flex-end":t==="center"?"center":"flex-start"}function wl(t){return t==="center"?"center":t==="bottom"?"flex-end":"flex-start"}function dp(t,e){const n=document.createElement("i");n.className=e,n.setAttribute("aria-hidden","true"),t.prepend(n);const{top:i}=t.getBoundingClientRect(),{bottom:r}=n.getBoundingClientRect(),l=r-i;return n.remove(),l}function jo(t,e,n,i){const r=t.titleEl;if(!r)return 0;const l=r.closest(`.${n}`);if(!l)return 0;const s=dp(r,i);if(t.kind==="baseline")return r.getBoundingClientRect().top-e+s;const d=l.getBoundingClientRect(),a=r.getBoundingClientRect().height;let p=0;return t.kind==="center"?p=(d.height-a)/2:t.kind==="bottom"&&(p=d.height-a),d.top-e+p+s}function up(t,e,n){const i=t.getBoundingClientRect().height;return i<=0?0:(e.forEach(r=>{const l=r.querySelector(`.${n}`);l&&(l.style.minHeight=`${i}px`,l.style.height=`${i}px`)}),i)}function pp(t,e){return!t||!e?(t&&(t.style.transform=""),0):(t.style.transform=`translateY(${e}px)`,e)}const mp={AColumn:"AColumn",BColumnWidth:"BColumn",CColumnWidth:"CColumn",DColumnWidth:"DColumn",EColumnWidth:"EColumn"};function qt(t,e){return`${t}${e.replace(/^text/,"Text")}`}const gp={AColumn:"A",BColumn:"B",CColumn:"C",DColumn:"D",EColumn:"E",cutLabel:"CUT"};function hp(t){return[qt(t,"textFontFamily"),qt(t,"textFontSettings"),{type:"row",items:[qt(t,"textFontSize"),qt(t,"textLineHeight"),qt(t,"textLetterSpacing"),qt(t,"textWordSpacing")]},qt(t,"textTextAlign"),qt(t,"textTextAppearance"),`${t}VerticalAlign`]}function fp(){return{type:"tab",id:"listColumnTextStyle",tabs:Object.fromEntries(Ar.map(t=>[gp[t],hp(t)]))}}function go(t,e){const n=i=>{const r=qt(e,i);return t[r]};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")??(e===fn?"center":"left"),textTextAppearance:n("textTextAppearance"),textColor:t.textColor}}function Cl(t,e){var i,r;const n={fontSettings:{fontFamily:t.textFontFamily,fontWeight:((i=t.textFontSettings)==null?void 0:i.fontWeight)??400,fontStyle:((r=t.textFontSettings)==null?void 0:r.fontStyle)??"normal"},fontSize:t.textFontSize??.01,lineHeight:t.textLineHeight,letterSpacing:t.textLetterSpacing,wordSpacing:t.textWordSpacing,textAlign:t.textTextAlign,textAppearance:t.textTextAppearance,color:t.textColor??"#767676"};return en(We(n,e))}function Tl(t,e,n,i){const r=go(t,e),l=r.textFontSize??.01,s=r.textLineHeight;return s!==void 0&&s<l?`${n} ${i}`:n}function $l(t,e,n,i){const r=go(t,e),l=r.textFontSize??.01,s=r.textLineHeight;return s===void 0||s>=l?{}:{[`--${n}-title-leading-gap`]:I.scalingValue((l-s)/2,i)}}const Ge=["AColumnWidth","BColumnWidth","CColumnWidth","DColumnWidth","EColumnWidth"],ii=["AColumnPaddingLeft","BColumnPaddingLeft","CColumnPaddingLeft","DColumnPaddingLeft","EColumnPaddingLeft"],oi=["AColumnPaddingRight","BColumnPaddingRight","CColumnPaddingRight","DColumnPaddingRight","EColumnPaddingRight"],ri=["AColumnPaddingBottom","BColumnPaddingBottom","CColumnPaddingBottom","DColumnPaddingBottom","EColumnPaddingBottom"],yp={textColor:"text-color",backgroundColor:"background-color",dividerColor:"divider-color",textHoverColor:"text-hover-color",backgroundHoverColor:"background-hover-color",dividerHoverColor:"divider-hover-color"},vp=["hover","focus","filled","success","error"],Ll=.004,Xn=.004,zo=Xn,Il=12,kr=50,Ti=1440,$i=kr/Ti;function Ms(t){const e=typeof t=="number"&&t>0?t:Ti;return kr/e}function xp(t,e){const n={position:"absolute",width:Il,height:Il,pointerEvents:"auto"};return e==="left-y"?{...n,left:20,top:"50%",transform:"translateY(-50%)"}:e==="center-x"?{...n,left:"50%",top:`var(--${t}-first-entry-handle-top, 50%)`,transform:"translate(-50%, -50%)"}:{...n,left:"50%",top:"50%",transform:"translate(-50%, -50%)"}}function un({P:t,className:e,areaStyle:n,hitPlacement:i,...r}){return o.jsx("div",{className:e,style:{...n,pointerEvents:"none"},...r,children:o.jsx("div",{style:xp(t,i)})})}function bp(t){let e=t??null;for(;e;){const n=e.style.getPropertyValue("--cntrl-article-width").trim();if(n){const r=parseFloat(n);if(Number.isFinite(r)&&r>0)return r}const i=getComputedStyle(e).getPropertyValue("--cntrl-article-width").trim();if(i){const r=parseFloat(i);if(Number.isFinite(r)&&r>0)return r}e=e.parentElement}return Ti}const _s={AColumnWidth:.02,BColumnWidth:.02,CColumnWidth:.02,DColumnWidth:.02,EColumnWidth:.02};function gi(t){const e=typeof t.wrapperWidth=="number"?t.wrapperWidth:1;return Math.max(0,e)}function Sp(t,e=1){const n=e/t;return Object.fromEntries(Ge.map(i=>[i,n]))}function wp(){return Object.fromEntries([...ii.map(t=>[t,0]),...oi.map(t=>[t,0])])}function Cp(){return Object.fromEntries(ri.map(t=>[t,0]))}function Vi(t){return Object.fromEntries(Ge.map(e=>[e,typeof t[e]=="number"?t[e]:_s[e]]))}function Ws(t,e,n){const i=t-$i,r=e+n;if(r<=0||r<=i)return{paddingLeft:e,paddingRight:n};if(i<=0)return{paddingLeft:0,paddingRight:0};const l=i/r;return{paddingLeft:e*l,paddingRight:n*l}}function oo(t,e,n){const i=Fr(t,e,n);if(t<=0)return[];const r=i.slice(0,t-1).reduce((l,s)=>l+s,0);return[...i.slice(0,t-1),Math.max(0,e-r)]}function Tp(t,e,n){const i={};for(let r=0;r<t;r+=1){const l=ii[r],s=oi[r],d=typeof n[l]=="number"?n[l]:0,a=typeof n[s]=="number"?n[s]:0,p=Ws(e[r]??0,d,a);p.paddingLeft!==d&&(i[l]=p.paddingLeft),p.paddingRight!==a&&(i[s]=p.paddingRight)}return i}function Fr(t,e,n){if(t<=0)return[];const i=Ge.slice(0,t).map(p=>n[p]);if(t===1)return i;const r=i.slice(0,t-1),s=r.reduce((p,u)=>p+u,0)+$i;if(e>=s)return i;const d=[...r];let a=s-e;for(let p=d.length-1;p>=0&&a>0;p-=1){const u=d[p]-$i;if(u<=0)continue;const S=Math.min(a,u);d[p]-=S,a-=S}return[...d,i[t-1]]}function $p(t,e,n){if(t<=1)return{};const i=Fr(t,e,n),r={};for(let l=0;l<t-1;l+=1){const s=Ge[l];i[l]!==n[s]&&(r[s]=i[l])}return r}function El(t){return Array.isArray(t.columnsOrder)&&t.columnsOrder.length>0?t.columnsOrder:[...En]}function Lp(t,e){return t.length!==e.length?!1:t.every((n,i)=>n===e[i])}function Ip(t,e,n,i){const r=Math.min(i,t.length,Ge.length),l={};for(let s=0;s<r;s+=1){const d=t[s],a=e.indexOf(d);if(a===-1)continue;const p=Ge[a],u=ii[a],S=oi[a],x=ri[a],y=Ge[s],m=ii[s],f=oi[s],L=ri[s],w=n[p],$=n[u],C=n[S],P=n[x];typeof w=="number"&&(l[y]=w),typeof $=="number"&&(l[m]=$),typeof C=="number"&&(l[f]=C),typeof P=="number"&&(l[L]=P)}return l}function As(t,e){const n=new Set([...Object.keys(t),...Object.keys(e)]);for(const i of n)if(t[i]!==e[i])return!0;return!1}function Ep(t,e){const n=t.columns,i=e.columns;if(typeof n!="number"||n===i)return t;const r=gi(t),l=t.type==="b"||t.type===void 0&&e.type==="b",s={...t,...Sp(n,r),...wp()};if(l)for(const d of ri)typeof e[d]=="number"&&(s[d]=e[d]);else Object.assign(s,Cp());return As(t,s)?s:t}function Rp(t,e,n){const i=lp(t);i&&(t={...t,...i});const r=Ms(n==null?void 0:n.designWidth),l=t.columns,s=e.columns,d=gi(t),a=gi(e),p=t.type==="b"||t.type===void 0&&e.type==="b",u=typeof l=="number"?l:typeof s=="number"?s:En.length,S=C=>{if(p)return C;const P=Vi({...e,...C}),E=gi(C),k=oo(u,E,P),b=Tp(u,k,{...e,...C});return Object.keys(b).length===0?C:{...C,...b}};if(typeof l=="number"&&l!==s)return t;const x=El(t),y=El(e);if(!Lp(x,y))return S({...t,...Ip(x,y,e,u)});if(d<a&&typeof u=="number"&&!p){const C=Vi({...e,...t});return S({...t,...$p(u,d,C)})}if(p){const C=typeof t.textPaddingLR=="number"?t.textPaddingLR:0,P=Math.max(0,(d-r)/2);return C>P?{...t,textPaddingLR:P}:t}const m=Vi({...e,...t}),f=oo(u,a,Vi(e)),w=oo(u,d,m).some((C,P)=>C<(f[P]??C)),$=Ge.some(C=>{const P=t[C],E=e[C];return typeof P=="number"&&typeof E=="number"&&P!==E});return w||$?S(t):t}function Mp(t,e,n,i){const r=e.slice(0,t).reduce((s,d)=>s+d,0),l=n.slice(t+1,e.length-1).reduce((s,d)=>s+d,0);return Math.max($i,i-r-l-$i)}function _p(t,e){return Math.random()*(e-t)+t}function Wp(t){return Object.fromEntries(Ge.map(e=>[e,typeof t[e]=="number"?t[e]:_s[e]]))}function Vo(t,e,n=0){return Object.fromEntries(e.map(i=>[i,typeof t[i]=="number"?t[i]:n]))}function Ap(t,e,n,i,r,l){return t.slice(0,e).map((s,d)=>{const a=ii[d],p=oi[d],u=ri[d];return{key:s,textPrefix:mp[s],widthKey:Ge[d],width:n[Ge[d]],paddingLeftKey:a,paddingRightKey:p,paddingBottomKey:u,paddingLeft:i[a],paddingRight:r[p],paddingBottom:l[u]}})}function Pp({settings:t,content:e,isEditor:n,isPreviewMode:i,isEditMode:r,activeEvent:l,layoutId:s,onUpdateSettings:d}){const{prefix:a}=I.useScopedStyles(),p=!!r,{columns:u,type:S,wrapperWidth:x,entriesCount:y,cellMinHeight:m,dividerWidth:f,showVisibility:L,cut:w,showCut:$,cutCellMinHeight:C,cutLabel:P,imageSize:E,imageOnHover:k,entryHoverEffect:b,entryHoverShowOption:M,rowPaddingTop:z,rowPaddingBottom:h,rowPaddingTopB:T,columnsOrder:_,textPaddingLR:N,textColor:V,backgroundColor:at,dividerColor:O,textHoverColor:W,backgroundHoverColor:G,dividerHoverColor:K}=t,[H,q]=c.useState(void 0),[et,lt]=c.useState(null),F=k==="on"&&(!n||i),ct=(w??0)>0,g=S==="b",nt=c.useRef(null),ft=c.useRef(null),[it,wt]=c.useState(null),[mt,ot]=c.useState(Ti),B=Ms(mt),Q=Math.max(0,((x??0)-B)/2),U=Math.min(N??0,Q),Y=Math.max(U,Xn),It=((x??0)+B)/2;c.useLayoutEffect(()=>{if(!n){ot(Ti);return}const tt=()=>{ot(bp(nt.current))};tt();const yt=nt.current;if(!yt)return;const Lt=new ResizeObserver(tt);Lt.observe(yt);let Ot=yt;for(;Ot&&!Ot.style.getPropertyValue("--cntrl-article-width");)Ot=Ot.parentElement;return Ot&&Lt.observe(Ot),()=>Lt.disconnect()},[n,s]),c.useEffect(()=>{q(void 0)},[w,$,e,y]),c.useEffect(()=>{n&&!i&&q(void 0)},[n,i]);const Mt=I.buildColorVars(a,{textColor:V,backgroundColor:at,dividerColor:O,textHoverColor:W,backgroundHoverColor:G,dividerHoverColor:K},yp,vp),At=l&&l!=="default"?`${a}-state-${l}`:"",xt=`${!n||i?b==="default"?`${a}-entry-hover-default`:b==="blinds"?`${a}-entry-hover-blinds`:b==="reveal"?`${a}-entry-hover-reveal`:"":""} ${At}`.trim(),j=b==="reveal"&&(!n||i),st=(L==null?void 0:L[0])??!1,A=(L==null?void 0:L[1])??!1,D=c.useRef(t),X=c.useRef(s);c.useEffect(()=>{if(!d||!n){D.current=t,X.current=s;return}if(X.current!==s){D.current=t,X.current=s;return}const tt=D.current;if(!(tt!==t))return;if(typeof tt.columns=="number"&&typeof t.columns=="number"&&tt.columns!==t.columns){D.current=t;return}const Lt=Rp(t,tt,{designWidth:mt});D.current=t,As(t,Lt)&&d(Lt)},[t,d,n,s,mt]);const J=c.useMemo(()=>Wp(t),[t.AColumnWidth,t.BColumnWidth,t.CColumnWidth,t.DColumnWidth,t.EColumnWidth]),gt=c.useMemo(()=>Vo(t,ii),[t.AColumnPaddingLeft,t.BColumnPaddingLeft,t.CColumnPaddingLeft,t.DColumnPaddingLeft,t.EColumnPaddingLeft]),Ct=c.useMemo(()=>Vo(t,oi),[t.AColumnPaddingRight,t.BColumnPaddingRight,t.CColumnPaddingRight,t.DColumnPaddingRight,t.EColumnPaddingRight]),Dt=c.useMemo(()=>Vo(t,ri),[t.AColumnPaddingBottom,t.BColumnPaddingBottom,t.CColumnPaddingBottom,t.DColumnPaddingBottom,t.EColumnPaddingBottom]),Rt=c.useMemo(()=>Array.isArray(_)&&_.length>0?_:[...En],[_]),$t=c.useMemo(()=>Ap(Rt,u,J,gt,Ct,Dt),[Rt,u,J,gt,Ct,Dt]),Gt=gi(t),pt=c.useMemo(()=>Ge.slice(0,u).map(tt=>J[tt]),[u,J]),Et=c.useMemo(()=>Fr(u,Gt,J),[u,Gt,J]),jt=c.useMemo(()=>oo(u,Gt,J),[u,Gt,J]),zt=c.useMemo(()=>$t.map((tt,yt)=>Ws(jt[yt]??0,tt.paddingLeft,tt.paddingRight)),[$t,jt]),Vt=c.useMemo(()=>{const tt=y===0?1/0:y;return(e??[]).slice(0,tt).map((Lt,Ot)=>({id:Ot,cells:Object.fromEntries(En.map(Kt=>[Kt,Lt[Kt]??""])),image:Lt.image,link:Lt.link}))},[e,y]),Ie=ct?H??w:Vt.length,pe=c.useMemo(()=>ct?Vt.slice(0,Ie):Vt,[Vt,ct,Ie]),$e=ct&&Ie<Vt.length,Yt=pe.length>1||$e,fe=[st?`${a}-divider-top`:"",A||Yt?`${a}-divider-bottom`:""].filter(Boolean).join(" "),be=!n||i,Oe=()=>{if(!be)return;const tt=H??w;if(!$){q(Vt.length);return}q(Math.min(tt+$,Vt.length))},Wt=tt=>I.scalingValue(tt,n??!1),we=g?T??0:z??0,Qt=h??0,Ee=m??0,ke=we+Ee/2,sn=Math.max(Qt,zo),Ae=bl(0,pe.length,st,A,$e,f??0,n??!1).borderTopWidth,De=it!=null?`${it}px`:`calc(${Ae} + ${Wt(ke)})`,ze=g?"rowPaddingTopB":"rowPaddingTop",Ft=$t[0],ce=$t[$t.length-1],me=zt[0],te=zt[zt.length-1],ee=Ft&&me?Math.max(me.paddingLeft,Xn):0,Fe=ce&&te?Math.max(te.paddingRight,Xn):0,Ve=Gt,Ne=tt=>{const yt=nt.current;if(!yt)return{x:0,y:0};const Lt=yt.getBoundingClientRect();return{x:tt.clientX-Lt.left+Sl,y:tt.clientY-Lt.top+Sl}},bn=(tt,yt)=>{if(!F)return;const Lt=tt.image;if(!(Lt!=null&&Lt.url)){lt(null);return}const{x:Ot,y:Kt}=Ne(yt),Ut=(E==null?void 0:E.min)??80,vt=(E==null?void 0:E.max)??320,ge=(et==null?void 0:et.rowId)===tt.id?et.widthPx:_p(Ut,vt);lt({rowId:tt.id,url:Lt.url,objectFit:"contain",isVideo:Ju(Lt),widthPx:ge,x:Ot,y:Kt})},Jt=tt=>{if(!F||!et)return;const{x:yt,y:Lt}=Ne(tt);lt(Ot=>!Ot||Ot.x===yt&&Ot.y===Lt?Ot:{...Ot,x:yt,y:Lt})},an=()=>{lt(null)},Sn=tt=>{j&&vl(tt,a),F&&lt(null)},Nt=tt=>{j&&xl(tt,a)};c.useLayoutEffect(()=>{if(!p||g){wt(null);return}const tt=ft.current,yt=tt==null?void 0:tt.parentElement;if(!tt||!yt){wt(null);return}const Lt=()=>{const Kt=tt.querySelector("[data-list-row]");if(!Kt){wt(null);return}const Ut=yt.getBoundingClientRect(),vt=Kt.getBoundingClientRect();wt(vt.top-Ut.top+vt.height/2)};Lt();const Ot=new ResizeObserver(Lt);return Ot.observe(tt),Ot.observe(yt),()=>Ot.disconnect()},[p,g,pe,we,Qt,Ee,e,t,$t,jt,mt,f,st,A,$e]);const ye=c.useMemo(()=>!g&&Wr.some(tt=>{const yt=tt.charAt(0),Lt=t[`${tt}VerticalAlign`];return Rs(Lt,t,yt)}),[g,t,t.AColumnVerticalAlign,t.BColumnVerticalAlign,t.CColumnVerticalAlign,t.DColumnVerticalAlign,t.EColumnVerticalAlign]);c.useLayoutEffect(()=>{var ge;const tt=nt.current;if(!tt)return;const yt=()=>{tt.querySelectorAll("[data-list-col]").forEach(oe=>{oe.style.transform="";const de=oe.querySelector(`.${a}-list-col`);de&&(de.style.minHeight="",de.style.height="");const ve=oe.querySelector(`.${a}-list-col-title`);ve&&(ve.style.transform="")})};if(g||!ye){yt();return}const Lt=()=>{const oe=Array.from(tt.querySelectorAll("[data-list-row]")),de=`${a}-list-col`,ve=`${a}-baseline-probe`;oe.forEach(Ht=>{Ht.querySelectorAll("[data-list-col]").forEach(Se=>{Se.style.transform="";const ne=Se.querySelector(`.${de}`);ne&&(ne.style.minHeight="",ne.style.height="");const Ce=Se.querySelector(`.${a}-list-col-title`);Ce&&(Ce.style.transform="")})}),oe.forEach(Ht=>{const Se=Array.from(Ht.querySelectorAll("[data-list-col]"));up(Ht,Se,de)}),tt.offsetHeight,oe.forEach(Ht=>{const Se=Array.from(Ht.querySelectorAll("[data-list-col]")),ne=Ht.getBoundingClientRect().top,Ce=new Map,Qe=Se.map(ue=>{const je=ue.querySelector(`.${a}-list-col-title`),v={el:ue,titleEl:je,letter:ue.getAttribute("data-col-letter")??"",kind:ue.getAttribute("data-valign")??"top",anchor:ue.getAttribute("data-valign-anchor")};return Ce.set(v.letter,v),v}),he=new Map,tn=(ue,je)=>{const v=he.get(ue.letter);if(v!==void 0)return v;const Z=ue.anchor?Ce.get(ue.anchor):void 0;if(ue.kind!=="baseline"||!Z||je.has(ue.letter)){const Me=jo(ue,ne,de,ve);return he.set(ue.letter,Me),Me}je.add(ue.letter);const rt=tn(Z,je);je.delete(ue.letter);const ht=jo(ue,ne,de,ve),kt=rt-ht;pp(ue.titleEl,kt);const ie=jo(ue,ne,de,ve);return he.set(ue.letter,ie),ie};Qe.forEach(ue=>tn(ue,new Set))})};let Ot=null;const Kt=()=>{Ot===null&&(Ot=requestAnimationFrame(()=>{Ot=null,Lt()}))};Lt();const Ut=new ResizeObserver(()=>Kt());Ut.observe(tt);let vt=!1;return typeof document<"u"&&((ge=document.fonts)!=null&&ge.ready)&&document.fonts.ready.then(()=>{vt||Kt()}),()=>{vt=!0,Ot!==null&&(cancelAnimationFrame(Ot),Ot=null),Ut.disconnect(),yt()}},[ye,g,t,e,mt,pe,jt]);const Re=c.useMemo(()=>ep(a),[a]);return o.jsxs(o.Fragment,{children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:Re}}),o.jsx("div",{style:Mt,children:o.jsxs("div",{ref:nt,className:`${a}-wrapper ${xt}${fe?` ${fe}`:""}${g?` ${a}-type-b`:""}`.trim(),style:{width:I.scalingValue(x??0,n),...!g&&p?{[`--${a}-first-entry-handle-top`]:De}:{}},onMouseMove:F?Jt:void 0,onMouseLeave:F?an:void 0,children:[o.jsxs("div",{style:{width:"100%",position:"relative"},children:[pe.map((tt,yt)=>{var Ut;const Lt=(((Ut=tt.link)==null?void 0:Ut.length)??0)>0,Ot=Lt&&(!n||i)?"a":"div",Kt=bl(yt,pe.length,st,A,$e,f??0,n??!1);return o.jsxs(Ot,{ref:yt===0?vt=>{ft.current=vt}:void 0,className:`${a}-list-item${Lt||M==="always"?` ${a}-list-item-has-link`:""}`,...Lt?{href:tt.link,target:"_blank"}:{},style:Kt,onMouseEnter:vt=>{j&&(Lt||M==="always")&&vl(vt,a),F&&bn(tt,vt)},onMouseLeave:vt=>{j&&(Lt||M==="always")&&xl(vt,a)},children:[we>0&&o.jsx("div",{className:`${a}-row-padding-handle`,style:{height:Wt(we)}}),o.jsxs("div",{className:`${a}-list-cols-row${g?"":` ${a}-list-cols-row-h`}${p&&yt===0&&g?` ${a}-list-cols-row-controls`:""}`,...g?{}:{"data-list-row":""},style:g?void 0:{minHeight:Wt(Ee)},children:[$t.map((vt,ge)=>{const oe=ge===$t.length-1,de=zt[ge],ve=vt.paddingBottom,Ht=Qu(tt.cells[vt.key]),Se=g&&Ht&&ve>0,ne=g?{minHeight:Wt(Ee)}:{width:Wt(jt[ge])},Ce=g?{paddingLeft:Wt(U),paddingRight:Wt(U)}:{paddingLeft:Wt(de.paddingLeft),paddingRight:Wt(de.paddingRight)},Qe=vt.textPrefix.charAt(0),he=g?rp(t[`${vt.textPrefix}VerticalAlign`]):op(t[`${vt.textPrefix}VerticalAlign`],t,Qe),tn=g&&Ht&&p&&yt===0;return o.jsxs("div",{className:g?`${a}-list-col-wrap`:void 0,...g?{}:{"data-list-col":"","data-col-letter":Qe,"data-valign":he.kind,...he.kind==="baseline"?{"data-valign-anchor":he.anchorLetter}:{}},children:[o.jsx("div",{className:`${a}-list-col${oe?` ${a}-list-col-last`:""}`,style:{...Ce,...ne,...g?{justifyContent:wl(he.kind)}:{}},"data-test":vt.width,children:o.jsx("span",{className:Tl(t,vt.textPrefix,`${a}-list-col-title`,`${a}-text-tight-leading`),style:{...Cl(go(t,vt.textPrefix),n),...$l(t,vt.textPrefix,a,n),...g?{}:sp(he.kind)},children:tt.cells[vt.key]??null})}),Se&&o.jsx("div",{className:`${a}-row-padding-handle`,style:{height:Wt(ve)}}),tn&&o.jsx(un,{P:a,"data-controls":vt.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:Wt(Math.max(ve,zo))}})]},vt.key)}),p&&yt===0&&g&&o.jsxs(o.Fragment,{children:[o.jsx(un,{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(It),className:`${a}-text-padding-lr-handle`,hitPlacement:"center",areaStyle:{position:"absolute",top:0,left:0,width:Wt(Y),height:"100%"}}),o.jsx(un,{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(It),className:`${a}-text-padding-lr-handle`,hitPlacement:"center",areaStyle:{position:"absolute",top:0,left:Wt(Math.max(Y,Gt-Y)),width:Wt(Y),height:"100%"}})]})]}),!g&&Qt>0&&o.jsx("div",{className:`${a}-row-padding-handle`,style:{height:Wt(Qt)}}),p&&yt===0&&!g&&o.jsx(un,{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:Wt(sn)}})]},tt.id)}),p&&o.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:o.jsx(un,{P:a,"data-controls":ze,"data-controls-static-handle":"",...g?{}:{"data-controls-handle-left":"20"},"data-controls-axis":"y","data-controls-variant":"row-padding","data-controls-min":"0",className:`${a}-padding-control-handle`,hitPlacement:g?"center":"left-y",areaStyle:{position:"absolute",top:Ae,left:0,width:"100%",height:Wt(Math.max(we,zo))}})},"row-padding-handles"),p&&!g&&Ft&&ce&&o.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:[o.jsx(un,{P:a,"data-controls":Ft.paddingLeftKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(jt[0]-((me==null?void 0:me.paddingRight)??0)),className:`${a}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:0,width:Wt(ee),height:"100%"}}),o.jsx(un,{P:a,"data-controls":ce.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(jt[$t.length-1]-((te==null?void 0:te.paddingLeft)??0)),className:`${a}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:Wt(Ve-Fe),width:Wt(Fe),height:"100%"}})]},"column-edge-padding-handles"),p&&!g&&$t.slice(0,-1).map((tt,yt)=>{const Lt=$t[yt+1],Ot=Et.slice(0,yt+1).reduce((oe,de)=>oe+de,0),Kt=zt[yt],Ut=zt[yt+1],vt=Math.max(Kt.paddingRight,Xn),ge=Math.max(Ut.paddingLeft,Xn);return o.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:[o.jsx(un,{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(jt[yt]-Kt.paddingLeft),className:`${a}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:Wt(Ot-vt),width:Wt(vt),height:"100%"}}),o.jsx(un,{P:a,"data-controls":Lt.paddingLeftKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(jt[yt+1]-Ut.paddingRight),className:`${a}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:Wt(Ot),width:Wt(ge),height:"100%"}})]},`${tt.paddingRightKey}-padding`)}),p&&!g&&$t.slice(0,-1).map((tt,yt)=>{const Lt=Mp(yt,Et,pt,Gt),Kt=Et.slice(0,yt+1).reduce((Ut,vt)=>Ut+vt,0)-Ll/2;return o.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:o.jsx("div",{"data-controls":tt.widthKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-min":String(kr),"data-controls-max-fraction":String(Lt),"data-controls-variant":"column-width",className:`${a}-col-resize-handle`,style:{position:"absolute",top:"0px",left:Wt(Kt),width:Wt(Ll),height:"calc(100%)",pointerEvents:"auto"}})},`${tt.widthKey}-junction`)})]}),$e&&(()=>{const tt=go(t,fn),yt=ap(t.cutLabelVerticalAlign),Lt=tt.textTextAlign==="justify"||g;return o.jsx("button",{type:"button",className:`${a}-cut-item`,style:{minHeight:Wt(C??0),cursor:be?"pointer":"default",...tp(A,f??0,n??!1)},onClick:be?Oe:void 0,onMouseEnter:j||F?Sn:void 0,onMouseLeave:j?Nt:void 0,children:o.jsx("div",{className:`${a}-list-cols-row`,style:{...g?{paddingLeft:Wt(U),paddingRight:Wt(U)}:{},justifyContent:cp(tt.textTextAlign),alignItems:wl(yt)},children:o.jsx("span",{className:Tl(t,fn,`${a}-cut-label`,`${a}-text-tight-leading`),style:{...Cl(tt,n),...$l(t,fn,a,n),...Lt?{width:"100%"}:{}},children:P})})})})(),F&&et&&(()=>{const tt=io(et.widthPx),yt={width:tt,height:"auto",maxHeight:tt,objectFit:"contain",left:et.x,top:et.y,position:"absolute"};return o.jsx(Zu,{media:et,className:et.isVideo?`${a}-hover-video`:`${a}-hover-image`,style:yt},`${et.rowId}-${et.url}`)})()]})})]})}const kp=`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';
@@ -8456,7 +8456,7 @@ export function List({ settings, content, isEditor, isPreviewMode, isEditMode, a
     </>
   );
 }
-`,li=["A","B","C","D","E"],Tl=[...nr,"Baseline A","Baseline B","Baseline C","Baseline D","Baseline E"],En={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 Mp(t){return{type:"string",label:t,placeholder:"Add Title...",display:{type:"text-input"}}}function Di(t){return{type:"number",scope:"layout",title:t,min:0,max:100,display:{type:"range-control"}}}function _p(){return Object.fromEntries(li.map((t,e)=>{const n=bn[e],i=`${t} column`;return[n,Mp(i)]}))}function Wp(){const t={};for(const e of li)t[`${e}ColumnWidth`]=Di(`${e} column width`),t[`${e}ColumnPaddingLeft`]=Di(`${e} column padding left`),t[`${e}ColumnPaddingRight`]=Di(`${e} column padding right`),t[`${e}ColumnPaddingBottom`]=Di(`${e} column padding bottom`);return t}function $l(t={}){const{typeBDefaults:e,...n}=t,i={wrapperWidth:1,columnsOrder:[...bn]};for(const l of li)i[`${l}ColumnWidth`]=l==="A"?.0798:.32,i[`${l}ColumnPaddingLeft`]=0,i[`${l}ColumnPaddingRight`]=0,i[`${l}ColumnPaddingBottom`]=0;const r=n.type==="b"&&e?e:{};return{...i,...r,...n}}function Ap(t){const e={};if(t===un)e[`${t}VerticalAlign`]={type:"string",scope:"layout",title:"",display:{type:"drop-down",label:"Vertical alignment",enum:[...nr]},enum:[...nr]};else{const n=t.charAt(0);e[`${t}VerticalAlign`]={type:"string",scope:"layout",title:"",display:{type:"drop-down",label:"Vertical alignment",enum:[...Tl],filterBaselineByTopAnchor:!0,columnLetter:n},enum:[...Tl]}}return e[qt(t,"textFontFamily")]={type:"string",scope:"common",title:"",display:{type:"font-family-select",hideLabel:!0}},e[qt(t,"textFontSettings")]={...En.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight",hideLabel:!0}},e[qt(t,"textFontSize")]={...En.fontSize,scope:"layout",title:"",display:{type:"font-size"}},e[qt(t,"textLineHeight")]={...En.lineHeight,scope:"layout",title:"",display:{type:"line-height-input"}},e[qt(t,"textLetterSpacing")]={...En.letterSpacing,scope:"layout",title:"",display:{type:"letter-spacing-input"}},e[qt(t,"textWordSpacing")]={...En.wordSpacing,scope:"layout",title:"",display:{type:"word-spacing-input"}},e[qt(t,"textTextAlign")]={...En.textAlign,scope:"layout",title:"",display:{type:"vertical-text-aligh-options"}},e[qt(t,"textTextAppearance")]={...En.textAppearance,scope:"layout",title:"",display:{type:"text-appearance"}},e}const Pp=Rr.reduce((t,e)=>({...t,...Ap(e)}),{});function kp(t){return{verticalAlign:t===un?"Center":"Top",textFontFamily:"Arial",textFontSettings:{fontWeight:400,fontStyle:"normal"},textLetterSpacing:0,textWordSpacing:0,textTextAlign:t===un?"center":"left",textTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}}}function Fp(t,e={}){var n;return{...kp(t),...e.default,...(n=e.byPrefix)==null?void 0:n[t]}}const Ll=new Set(["textFontFamily","textFontSettings"]);function Np(t,e,n){const i=l=>n===void 0?!0:n==="common"?Ll.has(l):!Ll.has(l),r={};return i("verticalAlign")&&e.verticalAlign!==void 0&&(r[`${t}VerticalAlign`]=Mr(e.verticalAlign)),i("textFontFamily")&&e.textFontFamily!==void 0&&(r[qt(t,"textFontFamily")]=e.textFontFamily),i("textFontSettings")&&e.textFontSettings!==void 0&&(r[qt(t,"textFontSettings")]=e.textFontSettings),i("textFontSize")&&e.textFontSize!==void 0&&(r[qt(t,"textFontSize")]=e.textFontSize),i("textLineHeight")&&e.textLineHeight!==void 0&&(r[qt(t,"textLineHeight")]=e.textLineHeight),i("textLetterSpacing")&&e.textLetterSpacing!==void 0&&(r[qt(t,"textLetterSpacing")]=e.textLetterSpacing),i("textWordSpacing")&&e.textWordSpacing!==void 0&&(r[qt(t,"textWordSpacing")]=e.textWordSpacing),i("textTextAlign")&&e.textTextAlign!==void 0&&(r[qt(t,"textTextAlign")]=e.textTextAlign),i("textTextAppearance")&&e.textTextAppearance!==void 0&&(r[qt(t,"textTextAppearance")]=e.textTextAppearance),r}function eo(t={},e){return Rr.reduce((n,i)=>({...n,...Np(i,Fp(i,t),e)}),{})}const Hp=eo(),Bp=dp();function Ra(t){return[qt(t,"textFontFamily"),qt(t,"textFontSettings"),qt(t,"textFontSize"),qt(t,"textLineHeight"),qt(t,"textLetterSpacing"),qt(t,"textWordSpacing"),qt(t,"textTextAlign"),qt(t,"textTextAppearance"),`${t}VerticalAlign`]}function Op(){const t=[];return Er.forEach((e,n)=>{const i=bn[n],r=Ra(e);for(let l=1;l<bn.length;l+=1){const a=[{name:"columns",value:l},...Array.from({length:l},(d,s)=>({name:`columnsOrder.${s}`,value:i,isNotEqual:!0}))];r.forEach(d=>{t.push({if:a,then:{name:`properties.${d}.display.visible`,value:!1}})})}}),t}const Dp=["textColor","backgroundColor","dividerColor","textHoverColor","backgroundHoverColor","dividerHoverColor"];Ra(un);const jp=[...li.flatMap(t=>[`${t}ColumnWidth`,`${t}ColumnPaddingLeft`,`${t}ColumnPaddingRight`]),"rowPaddingTop","rowPaddingBottom"],Rn=[{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/grid(1).webp"},{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/grid(2).webp"},{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/grid(3).webp"},{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/grid(4).webp"},{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/grid(5).webp"},{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/grid(8).webp"},{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/grid(9).webp"}],zp=[{AColumn:"01",BColumnWidth:"Ethan Parker",CColumnWidth:"Midnight Atlas",DColumnWidth:"Portland, OR",EColumnWidth:"On Display",image:Rn[0],link:""},{AColumn:"02",BColumnWidth:"Madison Reed",CColumnWidth:"Echoes in Vermilion",DColumnWidth:"Savannah, GA",EColumnWidth:"Scheduled",image:Rn[1],link:""},{AColumn:"03",BColumnWidth:"Noah Bennett",CColumnWidth:"Paper and scissors",DColumnWidth:"Madison, WI",EColumnWidth:"On Display",image:Rn[2],link:""},{AColumn:"04",BColumnWidth:"Olivia Carter",CColumnWidth:"The Quiet Frequency",DColumnWidth:"Boise, ID",EColumnWidth:"On Display",image:Rn[3],link:""},{AColumn:"05",BColumnWidth:"Mason Brooks",CColumnWidth:"Sights of Tomorrow",DColumnWidth:"Tampa, FL",EColumnWidth:"Postponed",image:Rn[4],link:""},{AColumn:"06",BColumnWidth:"Sophia Mitchell",CColumnWidth:"Velvet Horizons",DColumnWidth:"Albuquerque, NM",EColumnWidth:"Scheduled",image:Rn[5],link:""},{AColumn:"07",BColumnWidth:"Jackson Turner",CColumnWidth:"Ink & Aurora",DColumnWidth:"Pittsburgh, PA",EColumnWidth:"On Display",image:Rn[6],link:""}],Vp=[...li.flatMap(t=>[`${t}ColumnWidth`,`${t}ColumnPaddingLeft`,`${t}ColumnPaddingRight`,`${t}ColumnPaddingBottom`]),"columnsOrder"],Kp={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:{..._p(),image:{type:"object",label:"Image",display:{isObjectFitEditable:!1,defaultObjectFit:"contain",type:"media-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:zp},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:"Display",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","reveal"]}},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"}},...Wp(),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"}},...Pp,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",...Hp,...eo({},"common"),backgroundColor:"#FFFFFF00",dividerColor:"#373737",backgroundHoverColor:"#000000",dividerHoverColor:"#000000"},layoutDefaults:{m:$l({columns:3,type:"b",textPaddingLR:.0373,entriesCount:0,cellMinHeight:.02,imageSize:{min:80,max:320},dividerWidth:.004,cut:0,showCut:0,cutCellMinHeight:.02,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},...eo({default:{textFontSize:.0906,textLineHeight:.0426,textTextAlign:"left"},byPrefix:{cutLabel:{textTextAlign:"center"}}},"layout")}),d:$l({columns:4,type:"a",textPaddingLR:.01,entriesCount:0,cellMinHeight:.0555,imageSize:{min:200,max:200},dividerWidth:.002083,cut:0,showCut:0,cutCellMinHeight:.0555,rowPaddingTop:0,rowPaddingBottom:0,rowPaddingTopB:.01,textStroke:.001,textCorners:.05,textPadding:{top:.01,right:.01,bottom:.01,left:.01},...eo({default:{textFontSize:.0333,textLineHeight:.0333,textLetterSpacing:-9e-4,textTextAlign:"left",verticalAlign:"center"},byPrefix:{cutLabel:{textTextAlign:"center"}}},"layout")})},displayRules:[...Op(),{if:{name:"type",value:"a"},then:{name:"properties.textPaddingLR.display.visible",value:!1}},...jp.map(t=>({if:{name:"type",value:"b"},then:{name:`properties.${t}.display.visible`,value:!1}})),{if:{name:"type",value:"a"},then:{name:"properties.rowPaddingTopB.display.visible",value:!1}},...li.map(t=>({if:{name:"type",value:"a"},then:{name:`properties.${t}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",...Vp]},panels:[{id:"general",icon:"settings",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"]}]},{id:"columnsOrder",icon:"layers",title:"Columns Order",tooltip:"Columns order",layout:["__componentName__","columnsOrder"]},{id:"cutSettings",icon:"cut",title:"Cut settings",tooltip:"Cut settings",layout:["__componentName__",{type:"row",title:"",items:["cut"]},{type:"row",title:"Cut Settings",items:["cutLabel","cutCellMinHeight"]},{type:"row",title:"",items:["showCut"]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:["__componentName__",Bp]}],paletteBookmark:{items:[...Dp],panelIds:["general","typeStyle"],stateItems:{default:["textColor","backgroundColor","dividerColor","textHoverColor","backgroundHoverColor","dividerHoverColor"]}}},Up={element:Ep,id:"list",name:"Programme",category:"lists",layoutMode:"structured",normalizeLayoutSettingsUpdate:(t,e)=>wp(t,e),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:Kp,sourceCode:Rp},pn=t=>t.display==="Cover",$o=t=>{const e=t.ratioValue??"1:1",n=t.reversed??!1,[i,r]=e.split(":").map(Number);return`${n?r:i} / ${n?i:r}`},Il=100,Gp=.2,El=8,Ma=({enabled:t,onClose:e,animMs:n=300,isBlockedTarget:i})=>{const[r,l]=c.useState(0),[a,d]=c.useState(!1),s=c.useRef(null),p=c.useRef(0);p.current=r;const u=c.useMemo(()=>typeof window>"u"?Il:Math.max(Il,window.innerHeight*Gp),[]),$=c.useCallback(g=>Math.max(0,1-g/(u*1.5)),[u]),b=c.useCallback(g=>Math.max(0,1-g/(u*.45)),[u]),v=c.useCallback(g=>{const C=typeof window<"u"?window.innerHeight:800,A=Math.max(.88,1-g/C*.12);return`translateY(${g}px) scale(${A})`},[]),m=c.useCallback(()=>{s.current=null},[]),h=c.useCallback(()=>{d(!0),l(0),window.setTimeout(()=>d(!1),n),m()},[n,m]),L=c.useCallback(()=>{const g=typeof window<"u"?window.innerHeight:800;d(!0),l(g),window.setTimeout(()=>{e(),m(),d(!1)},Math.min(n,200))},[n,e,m]),I=c.useCallback(g=>{!t||a||g.pointerType==="touch"&&(i!=null&&i(g.target)||(s.current={startX:g.clientX,startY:g.clientY,isLocked:null,pointerId:g.pointerId}))},[t,a,i]),x=c.useCallback(g=>{const C=s.current;if(!t||!C||g.pointerType!=="touch"||C.pointerId!==g.pointerId)return;const A=g.clientX-C.startX,F=g.clientY-C.startY;if(C.isLocked===null){if(Math.abs(A)<El&&Math.abs(F)<El)return;if(F>0&&F>Math.abs(A))C.isLocked=!0,g.currentTarget.setPointerCapture(g.pointerId);else{C.isLocked=!1,m();return}}if(!C.isLocked)return;g.preventDefault();const q=Math.max(0,F);p.current=q,l(q)},[t,m]),S=c.useCallback(g=>{const C=s.current;if(!t||!C||g.pointerType!=="touch"||C.pointerId!==g.pointerId)return;const A=C.isLocked===!0;if(g.currentTarget.hasPointerCapture(g.pointerId)&&g.currentTarget.releasePointerCapture(g.pointerId),!A){m();return}g.clientY-C.startY>=u?L():h()},[u,L,t,m,h]),O=c.useCallback(g=>{S(g)},[S]),W=c.useCallback(g=>{S(g)},[S]),D=r>0,w=a?`transform ${n}ms ease`:"none",_=a?`opacity ${n}ms ease`:"none",V=r>0||a;return{isSwipeDragging:D,backdropStyle:{opacity:$(r),transition:_},mediaAreaStyle:{transform:v(r),transition:w,touchAction:D?"none":void 0,willChange:D?"transform":void 0},overlayContentStyle:V?{opacity:b(r),transition:_}:void 0,swipeHandlers:t?{onPointerDown:I,onPointerMove:x,onPointerUp:O,onPointerCancel:W}:{},dismissAreaStyle:t?{touchAction:"none"}:void 0}},qp="[data-lightbox-scrollable]",_a=()=>{c.useEffect(()=>{const t=window.scrollY,e=document.body.style.overflow,n=document.body.style.position,i=document.body.style.top,r=document.body.style.width,l=document.documentElement.style.overflow;document.body.style.overflow="hidden",document.body.style.position="fixed",document.body.style.top=`-${t}px`,document.body.style.width="100%",document.documentElement.style.overflow="hidden";const a=d=>{const s=d.target;s instanceof Element&&s.closest(qp)||d.preventDefault()};return document.addEventListener("touchmove",a,{passive:!1}),()=>{document.removeEventListener("touchmove",a),document.body.style.overflow=e,document.body.style.position=n,document.body.style.top=i,document.body.style.width=r,document.documentElement.style.overflow=l,window.scrollTo(0,t)}},[])},Xp=(t,e,n,i)=>{const r=Math.min(Math.abs(t)/Math.max(i,1),1);return e+(n-e)*r},Yp=t=>{t.style.transition="",t.style.transform="",t.style.willChange=""},Jp=t=>{const e=getComputedStyle(t).transform;return e==="none"?0:new DOMMatrixReadOnly(e).m41},Zp=(t,e,n,{duration:i,easing:r,onComplete:l})=>{const a=t.scrollLeft,d=n-a,s=a-n,p=(m,h)=>{Yp(e),t.scrollLeft=m,h&&(l==null||l())};if(Math.abs(d)<.5)return p(n,!0),()=>{};let u=!1,$=0;const b=()=>{e.removeEventListener("transitionend",v),clearTimeout($)},v=m=>{m.target!==e||m.propertyName!=="transform"||u||(u=!0,b(),p(n,!0))};return e.addEventListener("transitionend",v),e.style.willChange="transform",e.style.transition="none",e.style.transform="translate3d(0, 0, 0)",e.offsetHeight,e.style.transition=`transform ${i}ms ${r}`,e.style.transform=`translate3d(${s}px, 0, 0)`,$=window.setTimeout(()=>{u||(u=!0,b(),p(n,!0))},i+64),()=>{u||(u=!0,b(),p(a-Jp(e),!1))}},qn=300,Qp=900,tm=1500,em="cubic-bezier(0.16, 1, 0.3, 1)",nm=3e3,no=42;function im(t){return`
+`,di=["A","B","C","D","E"],Rl=[...lr,"Baseline A","Baseline B","Baseline C","Baseline D","Baseline E"],Pn={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 Fp(t){return{type:"string",label:t,placeholder:"Add Title...",display:{type:"text-input"}}}function Ki(t){return{type:"number",scope:"layout",title:t,min:0,max:100,display:{type:"range-control"}}}function Np(){return Object.fromEntries(di.map((t,e)=>{const n=En[e],i=`${t} column`;return[n,Fp(i)]}))}function Hp(){const t={};for(const e of di)t[`${e}ColumnWidth`]=Ki(`${e} column width`),t[`${e}ColumnPaddingLeft`]=Ki(`${e} column padding left`),t[`${e}ColumnPaddingRight`]=Ki(`${e} column padding right`),t[`${e}ColumnPaddingBottom`]=Ki(`${e} column padding bottom`);return t}function Ml(t={}){const{typeBDefaults:e,...n}=t,i={wrapperWidth:1,columnsOrder:[...En]};for(const l of di)i[`${l}ColumnWidth`]=l==="A"?.0798:.32,i[`${l}ColumnPaddingLeft`]=0,i[`${l}ColumnPaddingRight`]=0,i[`${l}ColumnPaddingBottom`]=0;const r=n.type==="b"&&e?e:{};return{...i,...r,...n}}function Bp(t){const e={};if(t===fn)e[`${t}VerticalAlign`]={type:"string",scope:"layout",title:"",display:{type:"drop-down",label:"Vertical alignment",enum:[...lr]},enum:[...lr]};else{const n=t.charAt(0);e[`${t}VerticalAlign`]={type:"string",scope:"layout",title:"",display:{type:"drop-down",label:"Vertical alignment",enum:[...Rl],filterBaselineByTopAnchor:!0,columnLetter:n},enum:[...Rl]}}return e[qt(t,"textFontFamily")]={type:"string",scope:"common",title:"",display:{type:"font-family-select",hideLabel:!0}},e[qt(t,"textFontSettings")]={...Pn.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight",hideLabel:!0}},e[qt(t,"textFontSize")]={...Pn.fontSize,scope:"layout",title:"",display:{type:"font-size"}},e[qt(t,"textLineHeight")]={...Pn.lineHeight,scope:"layout",title:"",display:{type:"line-height-input"}},e[qt(t,"textLetterSpacing")]={...Pn.letterSpacing,scope:"layout",title:"",display:{type:"letter-spacing-input"}},e[qt(t,"textWordSpacing")]={...Pn.wordSpacing,scope:"layout",title:"",display:{type:"word-spacing-input"}},e[qt(t,"textTextAlign")]={...Pn.textAlign,scope:"layout",title:"",display:{type:"vertical-text-aligh-options"}},e[qt(t,"textTextAppearance")]={...Pn.textAppearance,scope:"layout",title:"",display:{type:"text-appearance"}},e}const Op=Ar.reduce((t,e)=>({...t,...Bp(e)}),{});function Dp(t){return{verticalAlign:t===fn?"Center":"Top",textFontFamily:"Arial",textFontSettings:{fontWeight:400,fontStyle:"normal"},textLetterSpacing:0,textWordSpacing:0,textTextAlign:t===fn?"center":"left",textTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}}}function jp(t,e={}){var n;return{...Dp(t),...e.default,...(n=e.byPrefix)==null?void 0:n[t]}}const _l=new Set(["textFontFamily","textFontSettings"]);function zp(t,e,n){const i=l=>n===void 0?!0:n==="common"?_l.has(l):!_l.has(l),r={};return i("verticalAlign")&&e.verticalAlign!==void 0&&(r[`${t}VerticalAlign`]=Pr(e.verticalAlign)),i("textFontFamily")&&e.textFontFamily!==void 0&&(r[qt(t,"textFontFamily")]=e.textFontFamily),i("textFontSettings")&&e.textFontSettings!==void 0&&(r[qt(t,"textFontSettings")]=e.textFontSettings),i("textFontSize")&&e.textFontSize!==void 0&&(r[qt(t,"textFontSize")]=e.textFontSize),i("textLineHeight")&&e.textLineHeight!==void 0&&(r[qt(t,"textLineHeight")]=e.textLineHeight),i("textLetterSpacing")&&e.textLetterSpacing!==void 0&&(r[qt(t,"textLetterSpacing")]=e.textLetterSpacing),i("textWordSpacing")&&e.textWordSpacing!==void 0&&(r[qt(t,"textWordSpacing")]=e.textWordSpacing),i("textTextAlign")&&e.textTextAlign!==void 0&&(r[qt(t,"textTextAlign")]=e.textTextAlign),i("textTextAppearance")&&e.textTextAppearance!==void 0&&(r[qt(t,"textTextAppearance")]=e.textTextAppearance),r}function ro(t={},e){return Ar.reduce((n,i)=>({...n,...zp(i,jp(i,t),e)}),{})}const Vp=ro(),Kp=fp();function Ps(t){return[qt(t,"textFontFamily"),qt(t,"textFontSettings"),qt(t,"textFontSize"),qt(t,"textLineHeight"),qt(t,"textLetterSpacing"),qt(t,"textWordSpacing"),qt(t,"textTextAlign"),qt(t,"textTextAppearance"),`${t}VerticalAlign`]}function Up(){const t=[];return Wr.forEach((e,n)=>{const i=En[n],r=Ps(e);for(let l=1;l<En.length;l+=1){const s=[{name:"columns",value:l},...Array.from({length:l},(d,a)=>({name:`columnsOrder.${a}`,value:i,isNotEqual:!0}))];r.forEach(d=>{t.push({if:s,then:{name:`properties.${d}.display.visible`,value:!1}})})}}),t}const Gp=["textColor","backgroundColor","dividerColor","textHoverColor","backgroundHoverColor","dividerHoverColor"];Ps(fn);const qp=[...di.flatMap(t=>[`${t}ColumnWidth`,`${t}ColumnPaddingLeft`,`${t}ColumnPaddingRight`]),"rowPaddingTop","rowPaddingBottom"],kn=[{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/grid(1).webp"},{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/grid(2).webp"},{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/grid(3).webp"},{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/grid(4).webp"},{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/grid(5).webp"},{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/grid(8).webp"},{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/grid(9).webp"}],Xp=[{AColumn:"01",BColumnWidth:"Ethan Parker",CColumnWidth:"Midnight Atlas",DColumnWidth:"Portland, OR",EColumnWidth:"On Display",image:kn[0],link:""},{AColumn:"02",BColumnWidth:"Madison Reed",CColumnWidth:"Echoes in Vermilion",DColumnWidth:"Savannah, GA",EColumnWidth:"Scheduled",image:kn[1],link:""},{AColumn:"03",BColumnWidth:"Noah Bennett",CColumnWidth:"Paper and scissors",DColumnWidth:"Madison, WI",EColumnWidth:"On Display",image:kn[2],link:""},{AColumn:"04",BColumnWidth:"Olivia Carter",CColumnWidth:"The Quiet Frequency",DColumnWidth:"Boise, ID",EColumnWidth:"On Display",image:kn[3],link:""},{AColumn:"05",BColumnWidth:"Mason Brooks",CColumnWidth:"Sights of Tomorrow",DColumnWidth:"Tampa, FL",EColumnWidth:"Postponed",image:kn[4],link:""},{AColumn:"06",BColumnWidth:"Sophia Mitchell",CColumnWidth:"Velvet Horizons",DColumnWidth:"Albuquerque, NM",EColumnWidth:"Scheduled",image:kn[5],link:""},{AColumn:"07",BColumnWidth:"Jackson Turner",CColumnWidth:"Ink & Aurora",DColumnWidth:"Pittsburgh, PA",EColumnWidth:"On Display",image:kn[6],link:""}],Yp=[...di.flatMap(t=>[`${t}ColumnWidth`,`${t}ColumnPaddingLeft`,`${t}ColumnPaddingRight`,`${t}ColumnPaddingBottom`]),"columnsOrder"],Jp={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:{...Np(),image:{type:"object",label:"Image",display:{isObjectFitEditable:!1,defaultObjectFit:"contain",type:"media-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:Xp},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:"Display",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","reveal"]}},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"}},...Hp(),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"}},...Op,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",...Vp,...ro({},"common"),backgroundColor:"#FFFFFF00",dividerColor:"#373737",backgroundHoverColor:"#000000",dividerHoverColor:"#000000"},layoutDefaults:{m:Ml({columns:3,type:"b",textPaddingLR:.0373,entriesCount:0,cellMinHeight:.02,imageSize:{min:80,max:320},dividerWidth:.004,cut:0,showCut:0,cutCellMinHeight:.02,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},...ro({default:{textFontSize:.0906,textLineHeight:.0426,textTextAlign:"left"},byPrefix:{cutLabel:{textTextAlign:"center"}}},"layout")}),d:Ml({columns:4,type:"a",textPaddingLR:.01,entriesCount:0,cellMinHeight:.0555,imageSize:{min:200,max:200},dividerWidth:.002083,cut:0,showCut:0,cutCellMinHeight:.0555,rowPaddingTop:0,rowPaddingBottom:0,rowPaddingTopB:.01,textStroke:.001,textCorners:.05,textPadding:{top:.01,right:.01,bottom:.01,left:.01},...ro({default:{textFontSize:.0333,textLineHeight:.0333,textLetterSpacing:-9e-4,textTextAlign:"left",verticalAlign:"center"},byPrefix:{cutLabel:{textTextAlign:"center"}}},"layout")})},displayRules:[...Up(),{if:{name:"type",value:"a"},then:{name:"properties.textPaddingLR.display.visible",value:!1}},...qp.map(t=>({if:{name:"type",value:"b"},then:{name:`properties.${t}.display.visible`,value:!1}})),{if:{name:"type",value:"a"},then:{name:"properties.rowPaddingTopB.display.visible",value:!1}},...di.map(t=>({if:{name:"type",value:"a"},then:{name:`properties.${t}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",...Yp]},panels:[{id:"general",icon:"settings",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"]}]},{id:"columnsOrder",icon:"layers",title:"Columns Order",tooltip:"Columns order",layout:["__componentName__","columnsOrder"]},{id:"cutSettings",icon:"cut",title:"Cut settings",tooltip:"Cut settings",layout:["__componentName__",{type:"row",title:"",items:["cut"]},{type:"row",title:"Cut Settings",items:["cutLabel","cutCellMinHeight"]},{type:"row",title:"",items:["showCut"]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:["__componentName__",Kp]}],paletteBookmark:{items:[...Gp],panelIds:["general","typeStyle"],stateItems:{default:["textColor","backgroundColor","dividerColor","textHoverColor","backgroundHoverColor","dividerHoverColor"]}}},Zp={element:Pp,id:"list",name:"Programme",category:"lists",layoutMode:"structured",normalizeLayoutSettingsUpdate:(t,e)=>Ep(t,e),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:Jp,sourceCode:kp},yn=t=>t.display==="Cover",Ro=t=>{const e=t.ratioValue??"1:1",n=t.reversed??!1,[i,r]=e.split(":").map(Number);return`${n?r:i} / ${n?i:r}`},Wl=100,Qp=.2,Al=8,ks=({enabled:t,onClose:e,animMs:n=300,isBlockedTarget:i})=>{const[r,l]=c.useState(0),[s,d]=c.useState(!1),a=c.useRef(null),p=c.useRef(0);p.current=r;const u=c.useMemo(()=>typeof window>"u"?Wl:Math.max(Wl,window.innerHeight*Qp),[]),S=c.useCallback(h=>Math.max(0,1-h/(u*1.5)),[u]),x=c.useCallback(h=>Math.max(0,1-h/(u*.45)),[u]),y=c.useCallback(h=>{const T=typeof window<"u"?window.innerHeight:800,_=Math.max(.88,1-h/T*.12);return`translateY(${h}px) scale(${_})`},[]),m=c.useCallback(()=>{a.current=null},[]),f=c.useCallback(()=>{d(!0),l(0),window.setTimeout(()=>d(!1),n),m()},[n,m]),L=c.useCallback(()=>{const h=typeof window<"u"?window.innerHeight:800;d(!0),l(h),window.setTimeout(()=>{e(),m(),d(!1)},Math.min(n,200))},[n,e,m]),w=c.useCallback(h=>{!t||s||h.pointerType==="touch"&&(i!=null&&i(h.target)||(a.current={startX:h.clientX,startY:h.clientY,isLocked:null,pointerId:h.pointerId}))},[t,s,i]),$=c.useCallback(h=>{const T=a.current;if(!t||!T||h.pointerType!=="touch"||T.pointerId!==h.pointerId)return;const _=h.clientX-T.startX,N=h.clientY-T.startY;if(T.isLocked===null){if(Math.abs(_)<Al&&Math.abs(N)<Al)return;if(N>0&&N>Math.abs(_))T.isLocked=!0,h.currentTarget.setPointerCapture(h.pointerId);else{T.isLocked=!1,m();return}}if(!T.isLocked)return;h.preventDefault();const V=Math.max(0,N);p.current=V,l(V)},[t,m]),C=c.useCallback(h=>{const T=a.current;if(!t||!T||h.pointerType!=="touch"||T.pointerId!==h.pointerId)return;const _=T.isLocked===!0;if(h.currentTarget.hasPointerCapture(h.pointerId)&&h.currentTarget.releasePointerCapture(h.pointerId),!_){m();return}h.clientY-T.startY>=u?L():f()},[u,L,t,m,f]),P=c.useCallback(h=>{C(h)},[C]),E=c.useCallback(h=>{C(h)},[C]),k=r>0,b=s?`transform ${n}ms ease`:"none",M=s?`opacity ${n}ms ease`:"none",z=r>0||s;return{isSwipeDragging:k,backdropStyle:{opacity:S(r),transition:M},mediaAreaStyle:{transform:y(r),transition:b,touchAction:k?"none":void 0,willChange:k?"transform":void 0},overlayContentStyle:z?{opacity:x(r),transition:M}:void 0,swipeHandlers:t?{onPointerDown:w,onPointerMove:$,onPointerUp:P,onPointerCancel:E}:{},dismissAreaStyle:t?{touchAction:"none"}:void 0}},tm="[data-lightbox-scrollable]",Fs=()=>{c.useEffect(()=>{const t=window.scrollY,e=document.body.style.overflow,n=document.body.style.position,i=document.body.style.top,r=document.body.style.width,l=document.documentElement.style.overflow;document.body.style.overflow="hidden",document.body.style.position="fixed",document.body.style.top=`-${t}px`,document.body.style.width="100%",document.documentElement.style.overflow="hidden";const s=d=>{const a=d.target;a instanceof Element&&a.closest(tm)||d.preventDefault()};return document.addEventListener("touchmove",s,{passive:!1}),()=>{document.removeEventListener("touchmove",s),document.body.style.overflow=e,document.body.style.position=n,document.body.style.top=i,document.body.style.width=r,document.documentElement.style.overflow=l,window.scrollTo(0,t)}},[])},em=(t,e,n,i)=>{const r=Math.min(Math.abs(t)/Math.max(i,1),1);return e+(n-e)*r},nm=t=>{t.style.transition="",t.style.transform="",t.style.willChange=""},im=t=>{const e=getComputedStyle(t).transform;return e==="none"?0:new DOMMatrixReadOnly(e).m41},om=(t,e,n,{duration:i,easing:r,onComplete:l})=>{const s=t.scrollLeft,d=n-s,a=s-n,p=(m,f)=>{nm(e),t.scrollLeft=m,f&&(l==null||l())};if(Math.abs(d)<.5)return p(n,!0),()=>{};let u=!1,S=0;const x=()=>{e.removeEventListener("transitionend",y),clearTimeout(S)},y=m=>{m.target!==e||m.propertyName!=="transform"||u||(u=!0,x(),p(n,!0))};return e.addEventListener("transitionend",y),e.style.willChange="transform",e.style.transition="none",e.style.transform="translate3d(0, 0, 0)",e.offsetHeight,e.style.transition=`transform ${i}ms ${r}`,e.style.transform=`translate3d(${a}px, 0, 0)`,S=window.setTimeout(()=>{u||(u=!0,x(),p(n,!0))},i+64),()=>{u||(u=!0,x(),p(s-im(e),!1))}},Qn=300,rm=900,lm=1500,sm="cubic-bezier(0.16, 1, 0.3, 1)",am=3e3,lo=42;function cm(t){return`
 .${t}-wrapper {
   position: relative;
   width: 100%;
@@ -8607,7 +8607,7 @@ export function List({ settings, content, isEditor, isPreviewMode, isEditMode, a
   scrollbar-width: none;
   pointer-events: auto;
   opacity: 1;
-  transition: opacity ${qn}ms ease;
+  transition: opacity ${Qn}ms ease;
 }
 
 .${t}-thumbnails[data-overlay-content-hidden="true"] {
@@ -8655,15 +8655,15 @@ export function List({ settings, content, isEditor, isPreviewMode, isEditMode, a
 
 .${t}-thumb-image {
   display: block;
-  height: ${no}px;
+  height: ${lo}px;
   object-fit: contain;
   transition: filter 0.2s ease;
 }
 
 .${t}-thumb-image-cover {
   aspect-ratio: var(--image-aspect-ratio);
-  max-width: ${no}px;
-  max-height: ${no}px;
+  max-width: ${lo}px;
+  max-height: ${lo}px;
   width: auto;
   height: auto;
   object-fit: cover;
@@ -8681,7 +8681,7 @@ export function List({ settings, content, isEditor, isPreviewMode, isEditMode, a
   background-color: transparent;
   padding: 0;
   opacity: 1;
-  transition: opacity ${qn}ms ease;
+  transition: opacity ${Qn}ms ease;
 }
 
 .${t}-close-icon[data-overlay-content-hidden="true"] {
@@ -8781,6 +8781,23 @@ export function List({ settings, content, isEditor, isPreviewMode, isEditMode, a
   margin: 0;
   min-width: 0;
 }
+
+.${t}-title-resize-handle {
+  background: transparent;
+}
+
+.${t}-title-resize-handle::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 2px;
+  height: 100%;
+  background: #FF5C02;
+  pointer-events: none;
+}
+
 .${t}-lightbox-content-inner {
   position: absolute;
   inset: 0;
@@ -8789,7 +8806,7 @@ export function List({ settings, content, isEditor, isPreviewMode, isEditMode, a
   display: flex;
   flex-direction: column;
   opacity: 1;
-  transition: opacity ${qn}ms ease;
+  transition: opacity ${Qn}ms ease;
 }
 
 .${t}-lightbox-content-inner[data-overlay-content-hidden="true"] {
@@ -8830,15 +8847,14 @@ export function List({ settings, content, isEditor, isPreviewMode, isEditMode, a
   pointer-events: auto;
   z-index: 10;
 }
-
-`}function om(t){if(!Array.isArray(t)||t.length===0)return{};const e=t.find(r=>(r==null?void 0:r.type)==="paragraph")??t[0],n=e==null?void 0:e.children;if(!Array.isArray(n))return{};const i=n.map(r=>typeof(r==null?void 0:r.text)=="string"?r.text.trim():"").filter(Boolean);return{title1:i[0],title2:i[1],title3:i[2]}}function rm(t){for(const e of t)if(e.title1||e.title2||e.title3)return{title1:e.title1??"",title2:e.title2??"",title3:e.title3??""};for(const e of t){const n=om(e.text);if(n.title1||n.title2||n.title3)return{title1:n.title1??"",title2:n.title2??"",title3:n.title3??""}}return{title1:"",title2:"",title3:""}}const Mi=["title1","title2","title3"];function ee(t,e){return`${t}${e.charAt(0).toUpperCase()}${e.slice(1)}`}const lm={title1:"1",title2:"2",title3:"3"};function am(t){return[ee(t,"fontFamily"),ee(t,"fontSettings"),{type:"row",items:[ee(t,"fontSize"),ee(t,"lineHeight"),ee(t,"letterSpacing"),ee(t,"wordSpacing")]},ee(t,"textAlign"),ee(t,"textAppearance")]}function sm(){return{type:"tab",id:"stripTextStyle",tabs:Object.fromEntries(Mi.map(t=>[lm[t],am(t)]))}}const cm={title1:"title1Color",title2:"title2Color",title3:"title3Color"},dm={title1:.02,title2:.02,title3:.02},On=.004,ji=.004;function Ar(t,e){if(t<=0)return[];const n=e.slice(0,t),i=n.reduce((l,a)=>l+a,0);if(i<=1)return n;const{widths:r}=[...n].reverse().reduce(({overflow:l,widths:a},d)=>{if(l<=0||d<=0)return{overflow:l,widths:[d,...a]};const s=Math.min(l,d);return{overflow:l-s,widths:[d-s,...a]}},{overflow:i-1,widths:[]});return r}function Wa(t,e){return Ar(t,e)}function zi(t,e){const n=e.filter((i,r)=>r!==t).reduce((i,r)=>i+r,0);return Math.max(1-n,0)}function Rl(t,e){const n=t.map(i=>e[i.widthKey]??0);return{resolved:Ar(t.length,n),effective:Wa(t.length,n)}}function um(t,e,n,i,r,l,a){const d=[];return e&&d.push({prefix:"title1",widthKey:"title1Width",className:`${t}-title1`,style:r,text:e}),n&&d.push({prefix:"title2",widthKey:"title2Width",marginLeftKey:"title2MarginLeft",className:`${t}-title2`,style:l,text:n}),i&&d.push({prefix:"title3",widthKey:"title3Width",marginLeftKey:"title3MarginLeft",className:`${t}-title3`,style:a,text:i}),d}function jo(t,e){const n=i=>{const r=ee(e,i);return t[r]};return{fontFamily:n("fontFamily")??"Arial",fontSettings:n("fontSettings")??{fontWeight:400,fontStyle:"normal"},fontSize:n("fontSize"),lineHeight:n("lineHeight"),letterSpacing:n("letterSpacing")??0,wordSpacing:n("wordSpacing")??0,textAlign:n("textAlign")??"left",textAppearance:n("textAppearance"),color:t[cm[e]]}}function pm(t,e,n,i){return t.slice(0,i).reduce((r,l,a)=>r+(l!=null&&l.marginLeftKey?n[l.marginLeftKey]??0:0)+(e[a]??0),0)}function zo(t,e,n){var r,l;const i={fontSettings:{fontFamily:e.fontFamily,fontWeight:((r=e.fontSettings)==null?void 0:r.fontWeight)??400,fontStyle:((l=e.fontSettings)==null?void 0:l.fontStyle)??"normal"},fontSize:e.fontSize??dm[t],lineHeight:e.lineHeight,letterSpacing:e.letterSpacing,wordSpacing:e.wordSpacing,textAlign:e.textAlign,textAppearance:e.textAppearance,color:e.color??"#ffffff"};return Ie(i,n)}const mm=1,Ml=.15,gm=3,hm=20,Vo=t=>`max(${t}, ${hm}px)`,fm=({prefix:t,images:e,backgroundColor:n,thumbnailGap:i,thumbnailMarginBottom:r,imageGap:l,isEditor:a,isEditMode:d,isPreviewMode:s,closeIcon:p,closeIconMaxWidth:u,closeIconColor:$,closeIconHoverColor:b,thumbnailTrigger:v,thumbnailVisibility:m,thumbnailObjectFit:h,thumbnailActive:L,thumbnailActiveColor:I,title1Width:x,title2Width:S,title3Width:O,title1:W,title2:D,title3:w,title1Style:_,title2Style:V,title3Style:g,contentMarginTop:C,iconMarginLeft:A,title1MarginLeft:F,title2MarginLeft:q,title3MarginLeft:at,titleRowMarginBottom:N=0,titleHeaderLayout:j="single-row",onClose:U})=>{const P=d,T=j==="two-row",H=!d&&(!a||s),J=H,Z=H,R=H,tt=pn(h),f=tt?{"--image-aspect-ratio":$o(h)}:void 0,ot=!!(W||D||w),Q=c.useMemo(()=>um(t,W,D,w,_,V,g),[t,W,D,w,_,V,g]),ut=c.useMemo(()=>({title1Width:x,title2Width:S,title3Width:O}),[x,S,O]),bt=c.useMemo(()=>Q.map(y=>ut[y.widthKey]),[Q,ut]),ct=c.useMemo(()=>Ar(Q.length,bt),[Q.length,bt]),yt=c.useMemo(()=>Wa(Q.length,bt),[Q.length,bt]),z=c.useMemo(()=>Q.filter(y=>y.prefix==="title1"),[Q]),B=c.useMemo(()=>Q.filter(y=>y.prefix==="title2"||y.prefix==="title3"),[Q]),it=c.useMemo(()=>Rl(z,ut),[z,ut]),st=c.useMemo(()=>Rl(B,ut),[B,ut]),Lt=c.useCallback((y,G)=>{const rt=Q.indexOf(y);if(!T||G==="single-row")return{effectiveWidth:yt[rt]??0,resolvedWidth:ct[rt]??0,maxWidth:zi(rt,ct)};if(G==="two-row-top"){const At=z.indexOf(y);return{effectiveWidth:it.effective[At]??0,resolvedWidth:it.resolved[At]??0,maxWidth:zi(At,it.resolved)}}const lt=B.indexOf(y);return{effectiveWidth:st.effective[lt]??0,resolvedWidth:st.resolved[lt]??0,maxWidth:zi(lt,st.resolved)}},[B,st,yt,ct,Q,z,it,T]),St=c.useCallback(y=>M.scalingValue(y,a??!1),[a]),Ht=St(N??0),_t=c.useMemo(()=>({title1MarginLeft:F,title2MarginLeft:q,title3MarginLeft:at}),[F,q,at]),zt=c.useCallback(y=>Q.slice(0,y+1).reduce((G,rt,lt)=>G+(rt!=null&&rt.marginLeftKey?_t[rt.marginLeftKey]??0:0)+(ct[lt]??0),0)+(T?0:F??0),[Q,_t,ct,T,F]),K=c.useCallback(()=>T?0:F??0,[T,F]),mt=c.useCallback(y=>B.slice(0,y).reduce((G,rt,lt)=>G+(rt.marginLeftKey?_t[rt.marginLeftKey]??0:0)+(st.resolved[lt]??0),0),[B,st.resolved,_t]),k=c.useCallback(y=>{const G=B[y];return mt(y)+(G.marginLeftKey?_t[G.marginLeftKey]??0:0)+(st.resolved[y]??0)},[B,st.resolved,mt,_t]),X=(y,G,rt)=>{const lt=y.marginLeftKey?_t[y.marginLeftKey]??0:0,{effectiveWidth:At,resolvedWidth:Nt,maxWidth:ye}=Lt(y,rt),me=Math.max(lt,ji),Fe=P&&rt==="two-row-top";return o.jsxs("div",{className:`${t}-title-cell`,"data-title":y.prefix,style:{...rt==="single-row"?{gridArea:y.prefix}:{},width:St(At),...lt>0?{marginLeft:St(lt)}:{}},children:[o.jsx("p",{className:y.className,style:y.style,children:y.text}),Fe&&y.marginLeftKey?o.jsx("div",{"data-controls":y.marginLeftKey,"data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(Nt),style:{position:"absolute",top:0,left:St(-lt),width:St(me),height:"100%",pointerEvents:"auto"}}):null,Fe?o.jsx("div",{"data-controls":y.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(ye),"data-controls-variant":"column-width",style:{position:"absolute",top:0,right:St(-On/2),width:St(On),height:"100%",pointerEvents:"auto"}}):null]},y.className)},Y=()=>{const y=T?-1:Q.findIndex(lt=>lt.prefix==="title1"),G=y>=0?(()=>{const At=Math.max(F??0,ji);return o.jsx("div",{"data-controls":"title1MarginLeft","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(ct[y]),style:{position:"absolute",top:0,left:0,width:St(At),height:"100%",pointerEvents:"auto"}},"title1MarginLeft")})():null,rt=Q.flatMap((lt,At)=>{if(!lt.marginLeftKey)return[];const Nt=_t[lt.marginLeftKey]??0,ye=pm(Q,ct,_t,At)+K(),me=Math.max(Nt,ji);return o.jsx("div",{"data-controls":lt.marginLeftKey,"data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(ct[At]),style:{position:"absolute",top:0,left:St(ye),width:St(me),height:"100%",pointerEvents:"auto"}},lt.marginLeftKey)});return G?[G,...rt]:rt},et=()=>Q.map((y,G)=>{const rt=zi(G,ct),At=zt(G)-On/2;return o.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:o.jsx("div",{"data-controls":y.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(rt),"data-controls-variant":"column-width",style:{position:"absolute",top:0,left:St(At),width:St(On),height:"100%",pointerEvents:"auto"}})},`${y.widthKey}-junction`)}),ht=()=>B.flatMap((y,G)=>{if(!y.marginLeftKey)return[];const rt=_t[y.marginLeftKey]??0,lt=mt(G),At=Math.max(rt,ji),{resolvedWidth:Nt}=Lt(y,"two-row-bottom");return o.jsx("div",{"data-controls":y.marginLeftKey,"data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(Nt),style:{position:"absolute",top:0,left:St(lt),width:St(At),height:"100%",pointerEvents:"auto"}},y.marginLeftKey)}),Ct=()=>B.map((y,G)=>{const{maxWidth:rt}=Lt(y,"two-row-bottom"),At=k(G)-On/2;return o.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:o.jsx("div",{"data-controls":y.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(rt),"data-controls-variant":"column-width",style:{position:"absolute",top:0,left:St(At),width:St(On),height:"100%",pointerEvents:"auto"}})},`${y.widthKey}-junction`)}),Ut=c.useRef(null),xt=c.useRef(null),Et=c.useRef(null),Bt=c.useRef([]),dt=c.useRef(0),vt=c.useRef({isActive:!1,startX:0,scrollLeft:0,hasMoved:!1}),Ot=c.useRef(null),jt=e.length>1,Qt=jt?gm:1,we=c.useMemo(()=>Array.from({length:Qt},()=>e).flat(),[e,Qt]),[ve,Ee]=c.useState(!1),[Ce,Ne]=c.useState(!1),[$e,ke]=c.useState(!0),[Ft,se]=c.useState(0),ue=c.useRef(Ft);ue.current=Ft;const pe=c.useRef(null),ze=c.useRef(!1),Le=c.useRef(null),ge=c.useRef(null),He=J&&!$e,We=c.useCallback(()=>{J&&(ke(!0),ge.current&&clearTimeout(ge.current),ge.current=setTimeout(()=>{vt.current.isActive||ke(!1)},nm))},[J]),kt=c.useCallback(()=>{d||ze.current||(ze.current=!0,Ne(!1),Le.current=setTimeout(()=>{U()},qn))},[d,U]),Kt=()=>o.jsxs("div",{className:`${t}-close-icon`,"data-overlay-content-hidden":He?"true":"false",style:{width:M.scalingValue(u??0,a),height:M.scalingValue(u??0,a),marginRight:A,"--close-icon-hover-color":b},children:[o.jsx("button",{type:"button",className:`${t}-close-icon-inner`,onClick:kt,"aria-label":"Close",children:o.jsx(Qe,{url:p,fill:$,hoverFill:b,className:`${t}-close-icon-img`})}),P?o.jsx("div",{"data-controls":"iconMarginLeft","data-controls-axis":"x","data-controls-reverse":"",className:`${t}-control`,style:{position:"absolute",top:0,left:"100%",width:A,height:"100%",pointerEvents:"auto"}}):null]}),oe=(y="two-row")=>o.jsx("div",{...y==="two-row"&&P?{"data-controls":"title1MarginLeft","data-controls-axis":"x",className:`${t}-control`}:{},style:{width:St(F??0),flexShrink:0,...y==="single-row"?{gridArea:"margin"}:{alignSelf:"stretch"},...y==="two-row"&&P?{pointerEvents:"auto"}:{}}}),te=()=>{const y=Q.find(lt=>lt.prefix==="title1"),G=Q.filter(lt=>lt.prefix==="title2"||lt.prefix==="title3"),rt=G.length>0||P||(N??0)>0;return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:`${t}-header-row-top`,children:[oe(),y?X(y,Q.indexOf(y),"two-row-top"):null,p?Kt():null]}),rt?o.jsxs("div",{className:`${t}-header-row-bottom-wrap`,children:[G.length>0?o.jsxs("div",{className:`${t}-header-row-bottom`,children:[G.map(lt=>X(lt,Q.indexOf(lt),"two-row-bottom")),P?o.jsxs(o.Fragment,{children:[ht(),Ct()]}):null]}):null,o.jsx("div",{"data-controls":P?"titleRowMarginBottom":void 0,"data-controls-axis":P?"y":void 0,"data-controls-reverse":P?"":void 0,className:P?`${t}-control`:void 0,style:{height:Ht,width:"100%",flexShrink:0,pointerEvents:P?"auto":"none"}})]}):null]})},he=()=>o.jsxs(o.Fragment,{children:[oe("single-row"),Q.map((y,G)=>X(y,G,"single-row")),P&&Q.length>0?o.jsxs(o.Fragment,{children:[Y(),et()]}):null,p?Kt():null]}),Re=c.useCallback(y=>!!(y.closest("[data-controls]")||y.closest(`.${t}-thumbnails`)||y.closest(`.${t}-close-icon`)),[t]),{isSwipeDragging:Tn,backdropStyle:Ve,mediaAreaStyle:Ye,overlayContentStyle:Ke,swipeHandlers:le,dismissAreaStyle:$n}=Ma({enabled:H??!1,onClose:kt,animMs:qn,isBlockedTarget:Re}),Rt=()=>{if(!jt||e.length===0)return dt.current=0,0;const y=Bt.current[0],G=Bt.current[e.length];if(!y||!G)return dt.current;const rt=G.offsetLeft-y.offsetLeft;return rt>0&&(dt.current=rt),dt.current},Jt=(y=!1)=>{if(!jt)return;const G=xt.current,rt=Rt();!G||rt<=0||(G.scrollLeft<=0?(G.scrollLeft+=rt,y&&(vt.current.scrollLeft+=rt)):G.scrollLeft>=rt*2&&(G.scrollLeft-=rt,y&&(vt.current.scrollLeft-=rt)))},Vt=(y=(G=>(G=xt.current)==null?void 0:G.scrollLeft)()??0)=>Bt.current.reduce((rt,lt,At)=>{if(!lt)return rt;const Nt=Math.abs(lt.offsetLeft-y);return Nt<rt.distance?{flatIndex:At,distance:Nt}:rt},{flatIndex:0,distance:1/0}).flatIndex,nt=()=>{!xt.current||e.length===0||pe.current===null&&se(Vt()%e.length)},ft=()=>{pe.current=null},Tt=y=>{const G=xt.current;G&&(G.style.scrollSnapType=y?"":"none")},Wt=()=>{var y;(y=Ot.current)==null||y.call(Ot),Ot.current=null},Gt=()=>{const y=Et.current;y&&(y.style.transition="",y.style.transform="",y.style.willChange="")},re=(y,G,rt,lt)=>{Gt(),y.scrollLeft=G,Jt(),rt!==void 0?se(rt):nt(),Tt(!0),lt==null||lt()},Mt=(y,{behavior:G="smooth",activeIndex:rt,onComplete:lt}={})=>{const At=xt.current,Nt=Et.current;if(!At||!Nt)return;if(Wt(),Tt(!1),G==="auto"){re(At,y,rt,lt);return}const ye=Math.abs(y-At.scrollLeft),me=Xp(ye,Qp,tm,At.clientWidth*.55);Ot.current=Zp(At,Nt,y,{duration:me,easing:em,onComplete:()=>{Ot.current=null,re(At,y,rt,lt)}})},be=(y="smooth")=>{if(!xt.current||e.length===0)return;const rt=Vt(),lt=Bt.current[rt];lt&&Mt(lt.offsetLeft,{behavior:y,activeIndex:rt%e.length})},Te=(y,G="smooth")=>{const rt=xt.current;if(!rt||e.length===0)return;const lt=rt.scrollLeft-y,At=Vt(rt.scrollLeft),Nt=Bt.current[At],ye=Bt.current[At+1],me=Nt?ye?ye.offsetLeft-Nt.offsetLeft:Nt.offsetWidth:0,Fe=me>0?lt>me*Ml?1:lt<-me*Ml?-1:0:0,Je=jt?At+Fe:Math.max(0,Math.min(we.length-1,At+Fe)),Nn=Bt.current[Je];if(!Nn){be(G);return}const Ln=Je%e.length;G==="smooth"&&(pe.current=Ln),se(Ln),Mt(Nn.offsetLeft,{behavior:G,activeIndex:Ln,onComplete:G==="smooth"?ft:void 0})},ae=(y,G="smooth")=>{const rt=xt.current,lt=jt?e.length+y:y,At=Bt.current[lt];!rt||!At||(G==="smooth"?pe.current=y:pe.current=null,se(y),Mt(At.offsetLeft,{behavior:G,activeIndex:y,onComplete:G==="smooth"?ft:void 0}))},Se=y=>{if(!Z||y.pointerType!=="mouse"||y.button!==0||Re(y.target))return;const G=xt.current;G&&(Wt(),Gt(),pe.current=null,vt.current={isActive:!0,startX:y.clientX,scrollLeft:G.scrollLeft,hasMoved:!1},Tt(!1),We(),G.setPointerCapture(y.pointerId))},Yt=y=>{if(!Z||y.pointerType!=="mouse")return;const G=xt.current;if(!G||!vt.current.isActive)return;const rt=y.clientX-vt.current.startX;Math.abs(rt)>mm&&(vt.current.hasMoved=!0,Ee(!0)),vt.current.hasMoved&&(y.preventDefault(),G.scrollLeft=vt.current.scrollLeft-rt,Jt(!0),nt(),We())},fe=y=>{if(!Z||y.pointerType!=="mouse")return;const G=xt.current;if(!G)return;const rt=vt.current.hasMoved,lt=vt.current.scrollLeft;vt.current.isActive=!1,Ee(!1),G.hasPointerCapture(y.pointerId)&&G.releasePointerCapture(y.pointerId),Jt(),rt?Te(lt):(Tt(!0),nt()),We()};return _a(),c.useEffect(()=>{const y=requestAnimationFrame(()=>Ne(!0));return()=>{cancelAnimationFrame(y),Wt(),Le.current&&clearTimeout(Le.current),ge.current&&clearTimeout(ge.current)}},[]),c.useEffect(()=>{if(!J){ke(!0);return}We();const y=Ut.current;if(!y)return;const G=()=>We();return y.addEventListener("pointermove",G),y.addEventListener("pointerdown",G),()=>{y.removeEventListener("pointermove",G),y.removeEventListener("pointerdown",G),ge.current&&clearTimeout(ge.current)}},[J,We]),c.useEffect(()=>{const y=G=>{G.key==="Escape"&&kt()};return window.addEventListener("keydown",y),()=>window.removeEventListener("keydown",y)},[kt]),c.useLayoutEffect(()=>{Rt(),ae(ue.current,"auto")},[l]),c.useLayoutEffect(()=>{Rt(),ae(0,"auto")},[e.length,jt]),c.useEffect(()=>{if(!d)return;const y=xt.current;if(!y)return;const G=rt=>{rt.preventDefault()};return y.addEventListener("wheel",G,{passive:!1}),y.addEventListener("touchmove",G,{passive:!1}),()=>{y.removeEventListener("wheel",G),y.removeEventListener("touchmove",G)}},[d]),c.useEffect(()=>{const y=xt.current;if(!y)return;const G=()=>{Jt(),nt()};y.addEventListener("scroll",G,{passive:!0});const rt=new ResizeObserver(()=>{Rt(),Jt(),nt()});return rt.observe(y),()=>{Wt(),y.removeEventListener("scroll",G),rt.disconnect()}},[e.length,jt]),o.jsxs("div",{"data-selection":"none",className:`${t}-lightbox${a?` ${t}-lightbox-editor`:""}${d?` ${t}-lightbox-edit-mode`:""}`,onClick:()=>{Tn||kt()},role:"dialog","aria-modal":"true","aria-label":"Image gallery",style:{opacity:Ce?1:0,transition:`opacity ${qn}ms ease`,pointerEvents:Ce?"auto":"none"},children:[o.jsx("div",{className:`${t}-lightbox-backdrop`,style:{backgroundColor:n,...Ve}}),o.jsxs("div",{ref:Ut,className:`${t}-lightbox-dismiss-area`,style:{position:"relative",width:"100%",height:"100%",...$n},...le,children:[o.jsx("div",{className:`${t}-lightbox-content`,style:Ye,onClick:y=>y.stopPropagation(),children:o.jsx("div",{ref:xt,className:`${t}-lightbox-strip`,"data-lightbox-scrollable":"","data-mouse-draggable":Z&&e.length>0?"true":"false","data-mouse-dragging":ve?"true":"false",onPointerDown:Se,onPointerMove:Yt,onPointerUp:fe,onPointerCancel:fe,children:o.jsx("div",{ref:Et,className:`${t}-lightbox-strip-track`,style:{gap:l},children:we.map((y,G)=>{const rt=y.image.objectFit??"contain",lt=G%e.length,At=Math.floor(G/e.length),Nt=Vo(l),ye=`calc(-0.5 * (${Nt} + ${l}))`;return o.jsxs("div",{ref:me=>Bt.current[G]=me,className:`${t}-strip-item`,style:{height:j==="two-row"?"75vh":"100%"},children:[o.jsx("img",{src:y.image.url,draggable:!1,style:{display:"block",maxWidth:"100%",height:"100%",objectFit:rt}}),P&&lt<e.length-1&&o.jsx("div",{"data-controls":"imageGap","data-controls-axis":"x",style:{position:"absolute",top:0,right:ye,width:Nt,height:"100%",pointerEvents:"auto",zIndex:3}})]},`${At}-${y.image.url}-${lt}`)})})})}),o.jsxs("div",{className:`${t}-lightbox-content-inner`,"data-overlay-content-hidden":He?"true":"false",style:{width:"100%",height:"100%",top:0,bottom:0,...Ke},children:[o.jsx("div",{"data-controls":P?"contentMarginTop":void 0,"data-controls-axis":P?"y":void 0,"data-controls-handle-left-fraction":P?"0.05":void 0,className:P?`${t}-control`:void 0,style:{height:C,width:"100%",pointerEvents:P?"auto":"none"}}),o.jsx("div",{style:{display:"flex",flexDirection:"row",width:"100%",flex:1,minHeight:0},children:o.jsx("div",{className:`${t}-lightbox-content-area${T?` ${t}-lightbox-content-area-stacked`:""}`,children:(ot||p)&&o.jsx("div",{className:`${t}-header ${T?`${t}-header-two-row`:`${t}-header-single-row`}`,children:T?te():ot||p?he():null})})})]}),e.length>1&&m==="on"&&(()=>{const y=Vo(r),G=`calc(-0.5 * (${r} + ${y}))`;return o.jsxs("div",{className:`${t}-thumbnails`,"data-lightbox-scrollable":"","data-thumbnail-active":L,"data-overlay-content-hidden":He?"true":"false",onClick:rt=>rt.stopPropagation(),style:{gap:i,bottom:r,"--thumbnail-active-color":I,...Ke},children:[e.map((rt,lt)=>{const At=Vo(i),Nt=`calc(-0.5 * (${At} + ${i}))`;return o.jsxs("div",{style:{position:"relative",flex:"0 0 auto"},children:[o.jsx("button",{type:"button",className:`${t}-thumb`,"data-active":Ft===lt?"true":"false",onClick:()=>H&&v==="click"&&ae(lt),onMouseEnter:()=>R&&v==="hover"&&ae(lt),"aria-label":rt.image.name?`View ${rt.image.name}`:`View image ${lt+1}`,"aria-current":Ft===lt?"true":void 0,children:o.jsx("img",{className:`${t}-thumb-image${tt?` ${t}-thumb-image-cover`:""}`,src:rt.image.url,alt:"",draggable:!1,style:{...f,...h.display==="Cover"?{width:no}:{width:"100%"}}})}),P&&lt<e.length-1&&o.jsx("div",{"data-controls":"thumbnailGap","data-controls-axis":"x",style:{position:"absolute",top:0,right:Nt,width:At,height:"100%",pointerEvents:"auto",zIndex:3}})]},`thumb-${rt.image.url}-${lt}`)}),P&&o.jsx("div",{"data-controls":"thumbnailMarginBottom","data-controls-axis":"y","data-controls-reverse":P?"":void 0,style:{position:"absolute",left:0,right:0,bottom:G,height:y,pointerEvents:"auto",zIndex:3}})]})})()]})]})},ym=({settings:t,content:e,isEditor:n,isEditMode:i,isPreviewMode:r,portalId:l})=>{const{prefix:a}=M.useScopedStyles(),{cover:d,coverFit:s,backgroundColor:p,thumbnailVisibility:u,thumbnailObjectFit:$,thumbnailTrigger:b,thumbnailActive:v,thumbnailActiveColor:m,thumbnailGap:h,thumbnailMarginBottom:L,imageGap:I,title1Width:x,title2Width:S,title3Width:O,title2MarginLeft:W,title3MarginLeft:D,titleHeaderLayout:w,closeIcon:_,closeIconMaxWidth:V,closeIconColor:g,closeIconHoverColor:C,contentMarginTop:A,title1MarginLeft:F,titleRowMarginBottom:q,iconMarginLeft:at}=t,N=c.useRef(null),[j,U]=c.useState(!1),P=e??[],{title1:T,title2:H,title3:J}=rm(P),Z=ut=>M.scalingValue(ut,n??!1),R=zo("title1",jo(t,"title1"),n),tt=zo("title2",jo(t,"title2"),n),f=zo("title3",jo(t,"title3"),n),ot=()=>{i||P.length===0||n&&!r||U(!0)},Q=()=>{U(!1)};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{ref:N,className:`${a}-wrapper`,children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:im(a)}}),d?o.jsx("button",{type:"button",className:`${a}-cover ${pn(s)?`${a}-ratio-wrapper-cover`:`${a}-ratio-wrapper-fit`}`,onClick:ot,style:{display:"block",padding:0,border:"none",background:"transparent",...pn(s)?{"--image-aspect-ratio":$o(s)}:{}},"aria-label":"Open image gallery",children:o.jsx("img",{className:`${a}-cover-image ${pn(s)?`${a}-cover-image-cover`:`${a}-cover-image-fit`}`,src:d,alt:"cover"})}):null]}),j&&typeof document<"u"&&(()=>{const ut=(l?document.getElementById(l):null)??document.body;return Si.createPortal(o.jsx(fm,{prefix:a,images:P,backgroundColor:p,thumbnailGap:Z(h),thumbnailMarginBottom:Z(L??.02),imageGap:Z(I??0),thumbnailVisibility:u,thumbnailObjectFit:$,thumbnailTrigger:b,thumbnailActive:v,thumbnailActiveColor:m,title1Width:x,title2Width:S,title3Width:O,title1MarginLeft:F??0,title2MarginLeft:W??0,title3MarginLeft:D??0,titleRowMarginBottom:q??0,titleHeaderLayout:w,title1:T,title2:H,title3:J,title1Style:R,title2Style:tt,title3Style:f,contentMarginTop:Z(A??0),iconMarginLeft:Z(at??0),closeIcon:_,closeIconMaxWidth:V,closeIconColor:g,closeIconHoverColor:C,isEditor:n,isEditMode:i,isPreviewMode:r,onClose:Q}),ut)})()]})},vm=`import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+`}function dm(t){if(!Array.isArray(t)||t.length===0)return{};const e=t.find(r=>(r==null?void 0:r.type)==="paragraph")??t[0],n=e==null?void 0:e.children;if(!Array.isArray(n))return{};const i=n.map(r=>typeof(r==null?void 0:r.text)=="string"?r.text.trim():"").filter(Boolean);return{title1:i[0],title2:i[1],title3:i[2]}}function um(t){for(const e of t)if(e.title1||e.title2||e.title3)return{title1:e.title1??"",title2:e.title2??"",title3:e.title3??""};for(const e of t){const n=dm(e.text);if(n.title1||n.title2||n.title3)return{title1:n.title1??"",title2:n.title2??"",title3:n.title3??""}}return{title1:"",title2:"",title3:""}}const ki=["title1","title2","title3"];function le(t,e){return`${t}${e.charAt(0).toUpperCase()}${e.slice(1)}`}const pm={title1:"1",title2:"2",title3:"3"};function mm(t){return[le(t,"fontFamily"),le(t,"fontSettings"),{type:"row",items:[le(t,"fontSize"),le(t,"lineHeight"),le(t,"letterSpacing"),le(t,"wordSpacing")]},le(t,"textAlign"),le(t,"textAppearance")]}function gm(){return{type:"tab",id:"stripTextStyle",tabs:Object.fromEntries(ki.map(t=>[pm[t],mm(t)]))}}const hm={title1:"title1Color",title2:"title2Color",title3:"title3Color"},fm={title1:.02,title2:.02,title3:.02},Kn=.004,Ui=.004;function Nr(t,e){if(t<=0)return[];const n=e.slice(0,t),i=n.reduce((l,s)=>l+s,0);if(i<=1)return n;const{widths:r}=[...n].reverse().reduce(({overflow:l,widths:s},d)=>{if(l<=0||d<=0)return{overflow:l,widths:[d,...s]};const a=Math.min(l,d);return{overflow:l-a,widths:[d-a,...s]}},{overflow:i-1,widths:[]});return r}function Ns(t,e){return Nr(t,e)}function Gi(t,e){const n=e.filter((i,r)=>r!==t).reduce((i,r)=>i+r,0);return Math.max(1-n,0)}function Pl(t,e){const n=t.map(i=>e[i.widthKey]??0);return{resolved:Nr(t.length,n),effective:Ns(t.length,n)}}function ym(t,e,n,i,r,l,s){const d=[];return e&&d.push({prefix:"title1",widthKey:"title1Width",className:`${t}-title1`,style:r,text:e}),n&&d.push({prefix:"title2",widthKey:"title2Width",marginLeftKey:"title2MarginLeft",className:`${t}-title2`,style:l,text:n}),i&&d.push({prefix:"title3",widthKey:"title3Width",marginLeftKey:"title3MarginLeft",className:`${t}-title3`,style:s,text:i}),d}function Ko(t,e){const n=i=>{const r=le(e,i);return t[r]};return{fontFamily:n("fontFamily")??"Arial",fontSettings:n("fontSettings")??{fontWeight:400,fontStyle:"normal"},fontSize:n("fontSize"),lineHeight:n("lineHeight"),letterSpacing:n("letterSpacing")??0,wordSpacing:n("wordSpacing")??0,textAlign:n("textAlign")??"left",textAppearance:n("textAppearance"),color:t[hm[e]]}}function vm(t,e,n,i){return t.slice(0,i).reduce((r,l,s)=>r+(l!=null&&l.marginLeftKey?n[l.marginLeftKey]??0:0)+(e[s]??0),0)}function Uo(t,e,n){var r,l;const i={fontSettings:{fontFamily:e.fontFamily,fontWeight:((r=e.fontSettings)==null?void 0:r.fontWeight)??400,fontStyle:((l=e.fontSettings)==null?void 0:l.fontStyle)??"normal"},fontSize:e.fontSize??fm[t],lineHeight:e.lineHeight,letterSpacing:e.letterSpacing,wordSpacing:e.wordSpacing,textAlign:e.textAlign,textAppearance:e.textAppearance,color:e.color??"#ffffff"};return We(i,n)}const xm=1,kl=.15,bm=3,Sm=20,Go=t=>`max(${t}, ${Sm}px)`,wm=({prefix:t,images:e,settings:n,isEditor:i,isEditMode:r,isPreviewMode:l,onClose:s})=>{const{backgroundColor:d,thumbnailGap:a,thumbnailMarginBottom:p,imageGap:u,closeIcon:S,closeIconMaxWidth:x,closeIconColor:y,closeIconHoverColor:m,thumbnailTrigger:f,thumbnailVisibility:L,thumbnailObjectFit:w,thumbnailActive:$,thumbnailActiveColor:C,title1Width:P,title2Width:E,title3Width:k,title1MarginLeft:b=0,title2MarginLeft:M=0,title3MarginLeft:z=0,titleRowMarginBottom:h=0,titleHeaderLayout:T="desktop",contentMarginTop:_,iconMarginLeft:N}=n,V=v=>I.scalingValue(v,i??!1),at=V(a),O=V(p??.02),W=V(u??0),G=V(_??0),K=V(N??0),{title1:H,title2:q,title3:et}=um(e),lt=Uo("title1",Ko(n,"title1"),i),F=Uo("title2",Ko(n,"title2"),i),ct=Uo("title3",Ko(n,"title3"),i),g=r,nt=T==="mobile",ft=!r&&(!i||l),it=ft,wt=ft,mt=ft,ot=yn(w),B=ot?{"--image-aspect-ratio":Ro(w)}:void 0,Q=!!(H||q||et),U=c.useMemo(()=>ym(t,H,q,et,lt,F,ct),[t,H,q,et,lt,F,ct]),Y=c.useMemo(()=>({title1Width:P,title2Width:E,title3Width:k}),[P,E,k]),It=c.useMemo(()=>U.map(v=>Y[v.widthKey]),[U,Y]),Mt=c.useMemo(()=>Nr(U.length,It),[U.length,It]),At=c.useMemo(()=>Ns(U.length,It),[U.length,It]),Pt=c.useMemo(()=>U.filter(v=>v.prefix==="title1"),[U]),xt=c.useMemo(()=>U.filter(v=>v.prefix==="title2"||v.prefix==="title3"),[U]),j=c.useMemo(()=>Pl(Pt,Y),[Pt,Y]),st=c.useMemo(()=>Pl(xt,Y),[xt,Y]),A=c.useCallback((v,Z)=>{const rt=U.indexOf(v);if(!nt||Z==="single-row")return{effectiveWidth:At[rt]??0,resolvedWidth:Mt[rt]??0,maxWidth:Gi(rt,Mt)};if(Z==="two-row-top"){const kt=Pt.indexOf(v);return{effectiveWidth:j.effective[kt]??0,resolvedWidth:j.resolved[kt]??0,maxWidth:Gi(kt,j.resolved)}}const ht=xt.indexOf(v);return{effectiveWidth:st.effective[ht]??0,resolvedWidth:st.resolved[ht]??0,maxWidth:Gi(ht,st.resolved)}},[xt,st,At,Mt,U,Pt,j,nt]),D=c.useCallback(v=>I.scalingValue(v,i??!1),[i]),X=D(h??0),J=c.useMemo(()=>({title1MarginLeft:b,title2MarginLeft:M,title3MarginLeft:z}),[b,M,z]),gt=c.useCallback(v=>U.slice(0,v+1).reduce((Z,rt,ht)=>Z+(rt!=null&&rt.marginLeftKey?J[rt.marginLeftKey]??0:0)+(Mt[ht]??0),0)+(nt?0:b??0),[U,J,Mt,nt,b]),Ct=c.useCallback(()=>nt?0:b??0,[nt,b]),Dt=c.useCallback(v=>xt.slice(0,v).reduce((Z,rt,ht)=>Z+(rt.marginLeftKey?J[rt.marginLeftKey]??0:0)+(st.resolved[ht]??0),0),[xt,st.resolved,J]),Rt=c.useCallback(v=>{const Z=xt[v];return Dt(v)+(Z.marginLeftKey?J[Z.marginLeftKey]??0:0)+(st.resolved[v]??0)},[xt,st.resolved,Dt,J]),$t=(v,Z)=>{const rt=v.marginLeftKey?J[v.marginLeftKey]??0:0,{effectiveWidth:ht,resolvedWidth:kt,maxWidth:ie}=A(v,Z),Me=Math.max(rt,Ui),_e=g&&Z==="two-row-top";return o.jsxs("div",{className:`${t}-title-cell`,"data-title":v.prefix,style:{...Z==="single-row"?{gridArea:v.prefix}:{},width:D(ht),...rt>0?{marginLeft:D(rt)}:{}},children:[o.jsx("p",{className:v.className,style:v.style,children:v.text}),_e&&v.marginLeftKey?o.jsx("div",{"data-controls":v.marginLeftKey,"data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(kt),style:{position:"absolute",top:0,left:D(-rt),width:D(Me),height:"100%",pointerEvents:"auto"}}):null,_e?o.jsx("div",{"data-controls":v.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(ie),"data-controls-variant":"column-width",className:`${t}-title-resize-handle`,style:{position:"absolute",top:0,right:D(-Kn/2),width:D(Kn),height:"100%",pointerEvents:"auto"}}):null]},v.className)},Gt=()=>{const v=nt?-1:U.findIndex(ht=>ht.prefix==="title1"),Z=!nt&&(g||(b??0)>0)?(()=>{const kt=Math.max(b??0,Ui),ie=v>=0?Mt[v]:P;return o.jsx("div",{"data-controls":"title1MarginLeft","data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(ie),style:{position:"absolute",top:0,left:0,width:D(kt),height:"100%",pointerEvents:"auto"}},"title1MarginLeft")})():null,rt=U.flatMap((ht,kt)=>{if(!ht.marginLeftKey)return[];const ie=J[ht.marginLeftKey]??0,Me=vm(U,Mt,J,kt)+Ct(),_e=Math.max(ie,Ui);return o.jsx("div",{"data-controls":ht.marginLeftKey,"data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(Mt[kt]),style:{position:"absolute",top:0,left:D(Me),width:D(_e),height:"100%",pointerEvents:"auto"}},ht.marginLeftKey)});return Z?[Z,...rt]:rt},pt=()=>U.map((v,Z)=>{const rt=Gi(Z,Mt),kt=gt(Z)-Kn/2;return o.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:o.jsx("div",{"data-controls":v.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(rt),"data-controls-variant":"column-width",className:`${t}-title-resize-handle`,style:{position:"absolute",top:0,left:D(kt),width:D(Kn),height:"100%",pointerEvents:"auto"}})},`${v.widthKey}-junction`)}),Et=()=>xt.flatMap((v,Z)=>{if(!v.marginLeftKey)return[];const rt=J[v.marginLeftKey]??0,ht=Dt(Z),kt=Math.max(rt,Ui),{resolvedWidth:ie}=A(v,"two-row-bottom");return o.jsx("div",{"data-controls":v.marginLeftKey,"data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(ie),style:{position:"absolute",top:0,left:D(ht),width:D(kt),height:"100%",pointerEvents:"auto"}},v.marginLeftKey)}),jt=()=>xt.map((v,Z)=>{const{maxWidth:rt}=A(v,"two-row-bottom"),kt=Rt(Z)-Kn/2;return o.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:o.jsx("div",{"data-controls":v.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(rt),"data-controls-variant":"column-width",className:`${t}-title-resize-handle`,style:{position:"absolute",top:0,left:D(kt),width:D(Kn),height:"100%",pointerEvents:"auto"}})},`${v.widthKey}-junction`)}),zt=c.useRef(null),Vt=c.useRef(null),Ie=c.useRef(null),pe=c.useRef([]),$e=c.useRef(0),Yt=c.useRef({isActive:!1,startX:0,scrollLeft:0,hasMoved:!1}),fe=c.useRef(null),be=e.length>1,Oe=be?bm:1,Wt=c.useMemo(()=>Array.from({length:Oe},()=>e).flat(),[e,Oe]),[we,Qt]=c.useState(!1),[Ee,ke]=c.useState(!1),[sn,Ae]=c.useState(!0),[De,ze]=c.useState(0),Ft=c.useRef(De);Ft.current=De;const ce=c.useRef(null),me=c.useRef(!1),te=c.useRef(null),ee=c.useRef(null),Fe=it&&!sn,Ve=c.useCallback(()=>{it&&(Ae(!0),ee.current&&clearTimeout(ee.current),ee.current=setTimeout(()=>{Yt.current.isActive||Ae(!1)},am))},[it]),Ne=c.useCallback(()=>{r||me.current||(me.current=!0,ke(!1),te.current=setTimeout(()=>{s()},Qn))},[r,s]),bn=()=>o.jsxs("div",{className:`${t}-close-icon`,"data-overlay-content-hidden":Fe?"true":"false",style:{width:I.scalingValue(x??0,i),height:I.scalingValue(x??0,i),marginRight:K,"--close-icon-hover-color":m},children:[o.jsx("button",{type:"button",className:`${t}-close-icon-inner`,onClick:Ne,"aria-label":"Close",children:o.jsx(nn,{url:S,fill:y,hoverFill:m,className:`${t}-close-icon-img`})}),g?o.jsx("div",{"data-controls":"iconMarginLeft","data-controls-axis":"x","data-controls-reverse":"",className:`${t}-control`,style:{position:"absolute",top:0,left:"100%",width:K,height:"100%",pointerEvents:"auto"}}):null]}),Jt=(v="two-row")=>o.jsx("div",{...v==="two-row"&&g?{"data-controls":"title1MarginLeft","data-controls-axis":"x"}:{},style:{width:D(b??0),flexShrink:0,...v==="single-row"?{gridArea:"margin"}:{alignSelf:"stretch"},...v==="two-row"&&g?{pointerEvents:"auto"}:{}}}),an=()=>{const v=U.find(ht=>ht.prefix==="title1"),Z=U.filter(ht=>ht.prefix==="title2"||ht.prefix==="title3"),rt=Z.length>0||g||(h??0)>0;return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:`${t}-header-row-top`,children:[(b??0)>0||g?Jt():null,v?$t(v,"two-row-top"):null,S?bn():null]}),rt?o.jsxs("div",{className:`${t}-header-row-bottom-wrap`,children:[Z.length>0?o.jsxs("div",{className:`${t}-header-row-bottom`,children:[Z.map(ht=>$t(ht,"two-row-bottom")),g?o.jsxs(o.Fragment,{children:[Et(),jt()]}):null]}):null,o.jsx("div",{"data-controls":g?"titleRowMarginBottom":void 0,"data-controls-axis":g?"y":void 0,"data-controls-reverse":g?"":void 0,className:g?`${t}-control`:void 0,style:{height:X,width:"100%",flexShrink:0,pointerEvents:g?"auto":"none"}})]}):null]})},Sn=()=>o.jsxs(o.Fragment,{children:[(b??0)>0||g?Jt("single-row"):null,U.map(v=>$t(v,"single-row")),g?o.jsxs(o.Fragment,{children:[Gt(),pt()]}):null,S?bn():null]}),Nt=c.useCallback(v=>!!(v.closest("[data-controls]")||v.closest(`.${t}-thumbnails`)||v.closest(`.${t}-close-icon`)),[t]),{isSwipeDragging:ye,backdropStyle:Re,mediaAreaStyle:tt,overlayContentStyle:yt,swipeHandlers:Lt,dismissAreaStyle:Ot}=ks({enabled:ft??!1,onClose:Ne,animMs:Qn,isBlockedTarget:Nt}),Kt=()=>{if(!be||e.length===0)return $e.current=0,0;const v=pe.current[0],Z=pe.current[e.length];if(!v||!Z)return $e.current;const rt=Z.offsetLeft-v.offsetLeft;return rt>0&&($e.current=rt),$e.current},Ut=(v=!1)=>{if(!be)return;const Z=Vt.current,rt=Kt();!Z||rt<=0||(Z.scrollLeft<=0?(Z.scrollLeft+=rt,v&&(Yt.current.scrollLeft+=rt)):Z.scrollLeft>=rt*2&&(Z.scrollLeft-=rt,v&&(Yt.current.scrollLeft-=rt)))},vt=(v=(Z=>(Z=Vt.current)==null?void 0:Z.scrollLeft)()??0)=>pe.current.reduce((rt,ht,kt)=>{if(!ht)return rt;const ie=Math.abs(ht.offsetLeft-v);return ie<rt.distance?{flatIndex:kt,distance:ie}:rt},{flatIndex:0,distance:1/0}).flatIndex,ge=()=>{!Vt.current||e.length===0||ce.current===null&&ze(vt()%e.length)},oe=()=>{ce.current=null},de=v=>{const Z=Vt.current;Z&&(Z.style.scrollSnapType=v?"":"none")},ve=()=>{var v;(v=fe.current)==null||v.call(fe),fe.current=null},Ht=()=>{const v=Ie.current;v&&(v.style.transition="",v.style.transform="",v.style.willChange="")},Se=(v,Z,rt,ht)=>{Ht(),v.scrollLeft=Z,Ut(),rt!==void 0?ze(rt):ge(),de(!0),ht==null||ht()},ne=(v,{behavior:Z="smooth",activeIndex:rt,onComplete:ht}={})=>{const kt=Vt.current,ie=Ie.current;if(!kt||!ie)return;if(ve(),de(!1),Z==="auto"){Se(kt,v,rt,ht);return}const Me=Math.abs(v-kt.scrollLeft),_e=em(Me,rm,lm,kt.clientWidth*.55);fe.current=om(kt,ie,v,{duration:_e,easing:sm,onComplete:()=>{fe.current=null,Se(kt,v,rt,ht)}})},Ce=(v="smooth")=>{if(!Vt.current||e.length===0)return;const rt=vt(),ht=pe.current[rt];ht&&ne(ht.offsetLeft,{behavior:v,activeIndex:rt%e.length})},Qe=(v,Z="smooth")=>{const rt=Vt.current;if(!rt||e.length===0)return;const ht=rt.scrollLeft-v,kt=vt(rt.scrollLeft),ie=pe.current[kt],Me=pe.current[kt+1],_e=ie?Me?Me.offsetLeft-ie.offsetLeft:ie.offsetWidth:0,Wn=_e>0?ht>_e*kl?1:ht<-_e*kl?-1:0:0,wn=be?kt+Wn:Math.max(0,Math.min(Wt.length-1,kt+Wn)),Ni=pe.current[wn];if(!Ni){Ce(Z);return}const ui=wn%e.length;Z==="smooth"&&(ce.current=ui),ze(ui),ne(Ni.offsetLeft,{behavior:Z,activeIndex:ui,onComplete:Z==="smooth"?oe:void 0})},he=(v,Z="smooth")=>{const rt=Vt.current,ht=be?e.length+v:v,kt=pe.current[ht];!rt||!kt||(Z==="smooth"?ce.current=v:ce.current=null,ze(v),ne(kt.offsetLeft,{behavior:Z,activeIndex:v,onComplete:Z==="smooth"?oe:void 0}))},tn=v=>{if(!wt||v.pointerType!=="mouse"||v.button!==0||Nt(v.target))return;const Z=Vt.current;Z&&(ve(),Ht(),ce.current=null,Yt.current={isActive:!0,startX:v.clientX,scrollLeft:Z.scrollLeft,hasMoved:!1},de(!1),Ve(),Z.setPointerCapture(v.pointerId))},ue=v=>{if(!wt||v.pointerType!=="mouse")return;const Z=Vt.current;if(!Z||!Yt.current.isActive)return;const rt=v.clientX-Yt.current.startX;Math.abs(rt)>xm&&(Yt.current.hasMoved=!0,Qt(!0)),Yt.current.hasMoved&&(v.preventDefault(),Z.scrollLeft=Yt.current.scrollLeft-rt,Ut(!0),ge(),Ve())},je=v=>{if(!wt||v.pointerType!=="mouse")return;const Z=Vt.current;if(!Z)return;const rt=Yt.current.hasMoved,ht=Yt.current.scrollLeft;Yt.current.isActive=!1,Qt(!1),Z.hasPointerCapture(v.pointerId)&&Z.releasePointerCapture(v.pointerId),Ut(),rt?Qe(ht):(de(!0),ge()),Ve()};return Fs(),c.useEffect(()=>{const v=requestAnimationFrame(()=>ke(!0));return()=>{cancelAnimationFrame(v),ve(),te.current&&clearTimeout(te.current),ee.current&&clearTimeout(ee.current)}},[]),c.useEffect(()=>{if(!it){Ae(!0);return}Ve();const v=zt.current;if(!v)return;const Z=()=>Ve();return v.addEventListener("pointermove",Z),v.addEventListener("pointerdown",Z),()=>{v.removeEventListener("pointermove",Z),v.removeEventListener("pointerdown",Z),ee.current&&clearTimeout(ee.current)}},[it,Ve]),c.useEffect(()=>{const v=Z=>{Z.key==="Escape"&&Ne()};return window.addEventListener("keydown",v),()=>window.removeEventListener("keydown",v)},[Ne]),c.useLayoutEffect(()=>{Kt(),he(Ft.current,"auto")},[W]),c.useLayoutEffect(()=>{Kt(),he(0,"auto")},[e.length,be]),c.useEffect(()=>{if(!r)return;const v=Vt.current;if(!v)return;const Z=rt=>{rt.preventDefault()};return v.addEventListener("wheel",Z,{passive:!1}),v.addEventListener("touchmove",Z,{passive:!1}),()=>{v.removeEventListener("wheel",Z),v.removeEventListener("touchmove",Z)}},[r]),c.useEffect(()=>{const v=Vt.current;if(!v)return;const Z=()=>{Ut(),ge()};v.addEventListener("scroll",Z,{passive:!0});const rt=new ResizeObserver(()=>{Kt(),Ut(),ge()});return rt.observe(v),()=>{ve(),v.removeEventListener("scroll",Z),rt.disconnect()}},[e.length,be]),o.jsxs("div",{"data-selection":"none",className:`${t}-lightbox${i?` ${t}-lightbox-editor`:""}${r?` ${t}-lightbox-edit-mode`:""}`,onClick:()=>{ye||Ne()},role:"dialog","aria-modal":"true","aria-label":"Image gallery",style:{opacity:Ee?1:0,transition:`opacity ${Qn}ms ease`,pointerEvents:Ee?"auto":"none"},children:[o.jsx("div",{className:`${t}-lightbox-backdrop`,style:{backgroundColor:d,...Re}}),o.jsxs("div",{ref:zt,className:`${t}-lightbox-dismiss-area`,style:{position:"relative",width:"100%",height:"100%",...Ot},...Lt,children:[o.jsx("div",{className:`${t}-lightbox-content`,style:tt,onClick:v=>v.stopPropagation(),children:o.jsx("div",{ref:Vt,className:`${t}-lightbox-strip`,"data-lightbox-scrollable":"","data-mouse-draggable":wt&&e.length>0?"true":"false","data-mouse-dragging":we?"true":"false",onPointerDown:tn,onPointerMove:ue,onPointerUp:je,onPointerCancel:je,children:o.jsx("div",{ref:Ie,className:`${t}-lightbox-strip-track`,style:{gap:W},children:Wt.map((v,Z)=>{const rt=v.image.objectFit??"contain",ht=Z%e.length,kt=Math.floor(Z/e.length),ie=Go(W),Me=`calc(-0.5 * (${ie} + ${W}))`;return o.jsxs("div",{ref:_e=>pe.current[Z]=_e,className:`${t}-strip-item`,style:{height:T==="mobile"?"75vh":"100%"},children:[o.jsx("img",{src:v.image.url,draggable:!1,style:{display:"block",maxWidth:"100%",height:"100%",objectFit:rt}}),g&&ht<e.length-1&&o.jsx("div",{"data-controls":"imageGap","data-controls-axis":"x",style:{position:"absolute",top:0,right:Me,width:ie,height:"100%",pointerEvents:"auto",zIndex:3}})]},`${kt}-${v.image.url}-${ht}`)})})})}),o.jsxs("div",{className:`${t}-lightbox-content-inner`,"data-overlay-content-hidden":Fe?"true":"false",style:{width:"100%",height:"100%",top:0,bottom:0,...yt},children:[o.jsx("div",{"data-controls":g?"contentMarginTop":void 0,"data-controls-axis":g?"y":void 0,"data-controls-handle-left-fraction":g?"0.05":void 0,className:g?`${t}-control`:void 0,style:{height:G,width:"100%",pointerEvents:g?"auto":"none"}}),o.jsx("div",{style:{display:"flex",flexDirection:"row",width:"100%",flex:1,minHeight:0},children:o.jsx("div",{className:`${t}-lightbox-content-area${nt?` ${t}-lightbox-content-area-stacked`:""}`,children:(Q||S)&&o.jsx("div",{className:`${t}-header ${nt?`${t}-header-two-row`:`${t}-header-single-row`}`,children:nt?an():Q||S?Sn():null})})})]}),e.length>1&&L==="on"&&(()=>{const v=Go(O),Z=`calc(-0.5 * (${O} + ${v}))`;return o.jsxs("div",{className:`${t}-thumbnails`,"data-lightbox-scrollable":"","data-thumbnail-active":$,"data-overlay-content-hidden":Fe?"true":"false",onClick:rt=>rt.stopPropagation(),style:{gap:at,bottom:O,"--thumbnail-active-color":C,...yt},children:[e.map((rt,ht)=>{const kt=Go(at),ie=`calc(-0.5 * (${kt} + ${at}))`;return o.jsxs("div",{style:{position:"relative",flex:"0 0 auto"},children:[o.jsx("button",{type:"button",className:`${t}-thumb`,"data-active":De===ht?"true":"false",onClick:()=>ft&&f==="click"&&he(ht),onMouseEnter:()=>mt&&f==="hover"&&he(ht),"aria-label":rt.image.name?`View ${rt.image.name}`:`View image ${ht+1}`,"aria-current":De===ht?"true":void 0,children:o.jsx("img",{className:`${t}-thumb-image${ot?` ${t}-thumb-image-cover`:""}`,src:rt.image.url,alt:"",draggable:!1,style:{...B,...w.display==="Cover"?{width:lo}:{width:"100%"}}})}),g&&ht<e.length-1&&o.jsx("div",{"data-controls":"thumbnailGap","data-controls-axis":"x",style:{position:"absolute",top:0,right:ie,width:kt,height:"100%",pointerEvents:"auto",zIndex:3}})]},`thumb-${rt.image.url}-${ht}`)}),g&&o.jsx("div",{"data-controls":"thumbnailMarginBottom","data-controls-axis":"y","data-controls-reverse":g?"":void 0,style:{position:"absolute",left:0,right:0,bottom:Z,height:v,pointerEvents:"auto",zIndex:3}})]})})()]})]})},Cm=({settings:t,content:e,isEditor:n,isEditMode:i,isPreviewMode:r,portalId:l})=>{const{prefix:s}=I.useScopedStyles(),{cover:d,coverFit:a}=t,p=c.useRef(null),[u,S]=c.useState(!1),x=e??[],y=u||!!i&&x.length>0,m=()=>{i||x.length===0||n&&!r||S(!0)},f=()=>{S(!1)};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{ref:p,className:`${s}-wrapper`,children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:cm(s)}}),d?o.jsx("button",{type:"button",className:`${s}-cover ${yn(a)?`${s}-ratio-wrapper-cover`:`${s}-ratio-wrapper-fit`}`,onClick:m,style:{display:"block",padding:0,border:"none",background:"transparent",...yn(a)?{"--image-aspect-ratio":Ro(a)}:{}},"aria-label":"Open image gallery",children:o.jsx("img",{className:`${s}-cover-image ${yn(a)?`${s}-cover-image-cover`:`${s}-cover-image-fit`}`,src:d,alt:"cover"})}):null]}),y&&typeof document<"u"&&(()=>{const L=(l?document.getElementById(l):null)??document.body;return Li.createPortal(o.jsx(wm,{prefix:s,images:x,settings:t,isEditor:n,isEditMode:i,isPreviewMode:r,onClose:f}),L)})()]})},Tm=`import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { CommonComponentProps } from '../props';
 import { scalingValue } from '../utils/scalingValue';
 import { useScopedStyles } from '../utils/useScopedStyles';
 import { SvgImage } from '../helpers/SvgImage/SvgImage';
 import { textStylesToCss, type TextStyles } from '../utils/textStylesToCss';
-import { getAspectRatio, isImageRatioCover } from '../utils/imageFitStyles';
+import { getAspectRatio, isImageRatioCover, type ImageRatioFit } from '../utils/imageFitStyles';
 import { useLightboxSwipeDismiss } from '../utils/useLightboxSwipeDismiss';
 import { useLightboxScrollLock } from '../utils/useLightboxScrollLock';
 import { animateStripScroll, getDistanceScaledDuration } from '../utils/animateStripScroll';
@@ -9177,6 +9193,23 @@ function getCSS(P: string): string {
   margin: 0;
   min-width: 0;
 }
+
+.\${P}-title-resize-handle {
+  background: transparent;
+}
+
+.\${P}-title-resize-handle::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 2px;
+  height: 100%;
+  background: #FF5C02;
+  pointer-events: none;
+}
+
 .\${P}-lightbox-content-inner {
   position: absolute;
   inset: 0;
@@ -9226,7 +9259,6 @@ function getCSS(P: string): string {
   pointer-events: auto;
   z-index: 10;
 }
-
 \`;
 }
 
@@ -9297,7 +9329,60 @@ export function resolveSharedStripTitles(items: LightboxStripLegacyItem[]): Shar
   return { title1: '', title2: '', title3: '' };
 }
 
-export type StripTitleHeaderLayout = 'single-row' | 'two-row';
+export type LightboxStripSettings = {
+  cover: string | null;
+  coverFit: ImageRatioFit;
+  backgroundColor: string;
+  thumbnailVisibility: 'on' | 'off';
+  thumbnailObjectFit: ImageRatioFit;
+  thumbnailTrigger: 'click' | 'hover';
+  thumbnailActive: 'outline' | 'color' | 'scale-up';
+  thumbnailActiveColor: string;
+  thumbnailGap: number;
+  thumbnailMarginBottom?: number;
+  imageGap?: number;
+  title1Width: number;
+  title2Width: number;
+  title3Width: number;
+  title1MarginLeft: number;
+  title2MarginLeft: number;
+  title3MarginLeft: number;
+  titleRowMarginBottom?: number;
+  titleHeaderLayout?: 'desktop' | 'mobile';
+  title1Color: string;
+  title2Color: string;
+  title3Color: string;
+  title1FontFamily?: string;
+  title1FontSettings?: { fontWeight: number; fontStyle: string };
+  title1FontSize?: number;
+  title1LineHeight?: number;
+  title1LetterSpacing?: number;
+  title1WordSpacing?: number;
+  title1TextAlign?: 'left' | 'center' | 'right' | 'justify';
+  title1TextAppearance?: TextStyles['textAppearance'];
+  title2FontFamily?: string;
+  title2FontSettings?: { fontWeight: number; fontStyle: string };
+  title2FontSize?: number;
+  title2LineHeight?: number;
+  title2LetterSpacing?: number;
+  title2WordSpacing?: number;
+  title2TextAlign?: 'left' | 'center' | 'right' | 'justify';
+  title2TextAppearance?: TextStyles['textAppearance'];
+  title3FontFamily?: string;
+  title3FontSettings?: { fontWeight: number; fontStyle: string };
+  title3FontSize?: number;
+  title3LineHeight?: number;
+  title3LetterSpacing?: number;
+  title3WordSpacing?: number;
+  title3TextAlign?: 'left' | 'center' | 'right' | 'justify';
+  title3TextAppearance?: TextStyles['textAppearance'];
+  contentMarginTop: number;
+  iconMarginLeft: number;
+  closeIcon: string | null;
+  closeIconMaxWidth: number;
+  closeIconColor: string;
+  closeIconHoverColor: string;
+};
 
 export const STRIP_TEXT_STYLE_PREFIXES = ['title1', 'title2', 'title3'] as const;
 
@@ -9602,39 +9687,7 @@ function stripTextFieldsToCss(
 type LightboxOverlayProps = {
   prefix: string;
   images: LightboxStripItem[];
-  backgroundColor: string;
-  thumbnailGap: string;
-  thumbnailMarginBottom: string;
-  imageGap: string;
-  closeIcon: string | null;
-  closeIconMaxWidth: number;
-  closeIconColor: string;
-  closeIconHoverColor: string;
-  thumbnailVisibility: 'on' | 'off';
-  thumbnailObjectFit: {
-    display: 'Fit' | 'Cover';
-    ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
-    reversed: boolean;
-  };
-  thumbnailTrigger: 'click' | 'hover';
-  thumbnailActive: 'outline' | 'color' | 'scale-up';
-  thumbnailActiveColor: string;
-  title1Width: number;
-  title2Width: number;
-  title3Width: number;
-  title1: string;
-  title2: string;
-  title3: string;
-  title1Style: React.CSSProperties;
-  title2Style: React.CSSProperties;
-  title3Style: React.CSSProperties;
-  contentMarginTop: string;
-  iconMarginLeft: string;
-  title1MarginLeft: number;
-  title2MarginLeft: number;
-  title3MarginLeft: number;
-  titleRowMarginBottom?: number;
-  titleHeaderLayout?: StripTitleHeaderLayout;
+  settings: LightboxStripSettings;
   isEditor?: boolean;
   isEditMode?: boolean;
   isPreviewMode?: boolean;
@@ -9651,42 +9704,51 @@ const getGapControlSize = (gap: string) => \`max(\${gap}, \${GAP_LABEL_AREA_PX}p
 const LightboxOverlay = ({
   prefix: P,
   images,
-  backgroundColor,
-  thumbnailGap,
-  thumbnailMarginBottom,
-  imageGap,
+  settings,
   isEditor,
   isEditMode,
   isPreviewMode,
-  closeIcon,
-  closeIconMaxWidth,
-  closeIconColor,
-  closeIconHoverColor,
-  thumbnailTrigger,
-  thumbnailVisibility,
-  thumbnailObjectFit,
-  thumbnailActive,
-  thumbnailActiveColor,
-  title1Width,
-  title2Width,
-  title3Width,
-  title1,
-  title2,
-  title3,
-  title1Style,
-  title2Style,
-  title3Style,
-  contentMarginTop,
-  iconMarginLeft,
-  title1MarginLeft,
-  title2MarginLeft,
-  title3MarginLeft,
-  titleRowMarginBottom = 0,
-  titleHeaderLayout = 'single-row',
   onClose,
 }: LightboxOverlayProps) => {
+  const {
+    backgroundColor,
+    thumbnailGap: thumbnailGapSetting,
+    thumbnailMarginBottom: thumbnailMarginBottomSetting,
+    imageGap: imageGapSetting,
+    closeIcon,
+    closeIconMaxWidth,
+    closeIconColor,
+    closeIconHoverColor,
+    thumbnailTrigger,
+    thumbnailVisibility,
+    thumbnailObjectFit,
+    thumbnailActive,
+    thumbnailActiveColor,
+    title1Width,
+    title2Width,
+    title3Width,
+    title1MarginLeft = 0,
+    title2MarginLeft = 0,
+    title3MarginLeft = 0,
+    titleRowMarginBottom = 0,
+    titleHeaderLayout = 'desktop',
+    contentMarginTop: contentMarginTopSetting,
+    iconMarginLeft: iconMarginLeftSetting,
+  } = settings;
+
+  const scaled = (value: number) => scalingValue(value, isEditor ?? false);
+  const thumbnailGap = scaled(thumbnailGapSetting);
+  const thumbnailMarginBottom = scaled(thumbnailMarginBottomSetting ?? 0.02);
+  const imageGap = scaled(imageGapSetting ?? 0);
+  const contentMarginTop = scaled(contentMarginTopSetting ?? 0);
+  const iconMarginLeft = scaled(iconMarginLeftSetting ?? 0);
+  const { title1, title2, title3 } = resolveSharedStripTitles(images);
+  const title1Style = stripTextFieldsToCss('title1', resolveStripTextFields(settings, 'title1'), isEditor);
+  const title2Style = stripTextFieldsToCss('title2', resolveStripTextFields(settings, 'title2'), isEditor);
+  const title3Style = stripTextFieldsToCss('title3', resolveStripTextFields(settings, 'title3'), isEditor);
+
   const showControls = isEditMode;
-  const useTwoRowHeader = titleHeaderLayout === 'two-row';
+  const useTwoRowHeader = titleHeaderLayout === 'mobile';
   const allowImageScroll = !isEditMode && (!isEditor || isPreviewMode);
   const hideOverlayContentOnIdle = allowImageScroll;
   const allowMouseDrag = allowImageScroll;
@@ -9818,7 +9880,7 @@ const LightboxOverlay = ({
     [bottomRowTitleSlots, bottomRowTitleWidths.resolved, getBottomRowOffsetBeforeSlot, titleMarginLeftByKey],
   );
 
-  const renderTitleCell = (slot: StripTitleSlot, index: number, rowLayout: 'single-row' | 'two-row-top' | 'two-row-bottom') => {
+  const renderTitleCell = (slot: StripTitleSlot, rowLayout: 'single-row' | 'two-row-top' | 'two-row-bottom') => {
     const marginLeft = slot.marginLeftKey
       ? titleMarginLeftByKey[slot.marginLeftKey] ?? 0
       : 0;
@@ -9842,7 +9904,6 @@ const LightboxOverlay = ({
           <div
             data-controls={slot.marginLeftKey}
             data-controls-axis="x"
-            data-controls-variant="column-padding"
             data-controls-min="0"
             data-controls-max-fraction={String(resolvedWidth)}
             style={{
@@ -9861,6 +9922,7 @@ const LightboxOverlay = ({
             data-controls-axis="x"
             data-controls-max-fraction={String(maxTitleWidth)}
             data-controls-variant="column-width"
+            className={\`\${P}-title-resize-handle\`}
             style={{
               position: 'absolute',
               top: 0,
@@ -9879,18 +9941,20 @@ const LightboxOverlay = ({
     const singleRowTitle1Index = !useTwoRowHeader
       ? titleSlots.findIndex((slot) => slot.prefix === 'title1')
       : -1;
-    const singleRowTitle1Control = singleRowTitle1Index >= 0 ? (() => {
+    const singleRowTitle1Control = !useTwoRowHeader && (showControls || (title1MarginLeft ?? 0) > 0) ? (() => {
       const marginLeft = title1MarginLeft ?? 0;
       const marginHandleWidth = Math.max(marginLeft, TITLE_PADDING_HANDLE_WIDTH);
+      const title1MaxFraction = singleRowTitle1Index >= 0
+        ? resolvedTitleWidths[singleRowTitle1Index]
+        : title1Width;
 
       return (
         <div
           key="title1MarginLeft"
           data-controls="title1MarginLeft"
           data-controls-axis="x"
-          data-controls-variant="column-padding"
           data-controls-min="0"
-          data-controls-max-fraction={String(resolvedTitleWidths[singleRowTitle1Index])}
+          data-controls-max-fraction={String(title1MaxFraction)}
           style={{
             position: 'absolute',
             top: 0,
@@ -9920,7 +9984,6 @@ const LightboxOverlay = ({
           key={slot.marginLeftKey}
           data-controls={slot.marginLeftKey}
           data-controls-axis="x"
-          data-controls-variant="column-padding"
           data-controls-min="0"
           data-controls-max-fraction={String(resolvedTitleWidths[colIndex])}
           style={{
@@ -9955,6 +10018,7 @@ const LightboxOverlay = ({
           data-controls-axis="x"
           data-controls-max-fraction={String(maxTitleWidth)}
           data-controls-variant="column-width"
+          className={\`\${P}-title-resize-handle\`}
           style={{
             position: 'absolute',
             top: 0,
@@ -9981,7 +10045,6 @@ const LightboxOverlay = ({
         key={slot.marginLeftKey}
         data-controls={slot.marginLeftKey}
         data-controls-axis="x"
-        data-controls-variant="column-padding"
         data-controls-min="0"
         data-controls-max-fraction={String(resolvedWidth)}
         style={{
@@ -10008,6 +10071,7 @@ const LightboxOverlay = ({
           data-controls-axis="x"
           data-controls-max-fraction={String(maxTitleWidth)}
           data-controls-variant="column-width"
+          className={\`\${P}-title-resize-handle\`}
           style={{
             position: 'absolute',
             top: 0,
@@ -10115,7 +10179,6 @@ const LightboxOverlay = ({
       {...(placement === 'two-row' && showControls ? {
         'data-controls': 'title1MarginLeft',
         'data-controls-axis': 'x',
-        className: \`\${P}-control\`,
       } : {})}
       style={{
         width: scaledTitleWidth(title1MarginLeft ?? 0),
@@ -10136,15 +10199,15 @@ const LightboxOverlay = ({
     return (
       <>
         <div className={\`\${P}-header-row-top\`}>
-          {renderTitle1MarginLeftSpacer()}
-          {title1Slot ? renderTitleCell(title1Slot, titleSlots.indexOf(title1Slot), 'two-row-top') : null}
+          {(title1MarginLeft ?? 0) > 0 || showControls ? renderTitle1MarginLeftSpacer() : null}
+          {title1Slot ? renderTitleCell(title1Slot, 'two-row-top') : null}
           {closeIcon ? renderCloseIcon() : null}
         </div>
         {showBottomWrap ? (
           <div className={\`\${P}-header-row-bottom-wrap\`}>
             {bottomSlots.length > 0 ? (
               <div className={\`\${P}-header-row-bottom\`}>
-                {bottomSlots.map((slot) => renderTitleCell(slot, titleSlots.indexOf(slot), 'two-row-bottom'))}
+                {bottomSlots.map((slot) => renderTitleCell(slot, 'two-row-bottom'))}
                 {showControls ? (
                   <>
                     {renderTwoRowBottomMarginControls()}
@@ -10173,9 +10236,9 @@ const LightboxOverlay = ({
 
   const renderSingleRowHeader = () => (
     <>
-      {renderTitle1MarginLeftSpacer('single-row')}
-      {titleSlots.map((slot, index) => renderTitleCell(slot, index, 'single-row'))}
-      {showControls && titleSlots.length > 0 ? (
+      {(title1MarginLeft ?? 0) > 0 || showControls ? renderTitle1MarginLeftSpacer('single-row') : null}
+      {titleSlots.map((slot) => renderTitleCell(slot, 'single-row'))}
+      {showControls ? (
         <>
           {renderTitleMarginControls()}
           {renderTitleWidthControls()}
@@ -10621,7 +10684,7 @@ const LightboxOverlay = ({
                 key={\`\${copyIndex}-\${item.image.url}-\${sourceIndex}\`}
                 ref={(element) => itemRefs.current[flatIndex] = element}
                 className={\`\${P}-strip-item\`}
-                style={{ height: titleHeaderLayout === 'two-row' ? '75vh' : '100%'}}
+                style={{ height: titleHeaderLayout === 'mobile' ? '75vh' : '100%'}}
               >
                 <img
                   src={item.image.url}
@@ -10790,41 +10853,11 @@ type LightboxStripProps = {
 
 export const LightboxStrip = ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId }: LightboxStripProps) => {
   const { prefix: P } = useScopedStyles();
-  const { 
-    cover,
-    coverFit,
-    backgroundColor,
-    thumbnailVisibility,
-    thumbnailObjectFit,
-    thumbnailTrigger,
-    thumbnailActive,
-    thumbnailActiveColor,
-    thumbnailGap,
-    thumbnailMarginBottom,
-    imageGap,
-    title1Width,
-    title2Width,
-    title3Width,
-    title2MarginLeft,
-    title3MarginLeft,
-    titleHeaderLayout,
-    closeIcon,
-    closeIconMaxWidth,
-    closeIconColor,
-    closeIconHoverColor, 
-    contentMarginTop,
-    title1MarginLeft,
-    titleRowMarginBottom,
-    iconMarginLeft,
-  } = settings;
+  const { cover, coverFit } = settings;
   const wrapperRef = useRef<HTMLDivElement>(null);
   const [lightboxOpen, setLightboxOpen] = useState(false);
   const items = content ?? [];
-  const { title1, title2, title3 } = resolveSharedStripTitles(items);
-  const scaled = (value: number) => scalingValue(value, isEditor ?? false);
-  const title1Style = stripTextFieldsToCss('title1', resolveStripTextFields(settings, 'title1'), isEditor);
-  const title2Style = stripTextFieldsToCss('title2', resolveStripTextFields(settings, 'title2'), isEditor);
-  const title3Style = stripTextFieldsToCss('title3', resolveStripTextFields(settings, 'title3'), isEditor);
+  const isOverlayVisible = lightboxOpen || (Boolean(isEditMode) && items.length > 0);
 
   const openLightbox = () => {
     if (isEditMode || items.length === 0) return;
@@ -10865,41 +10898,13 @@ export const LightboxStrip = ({ settings, content, isEditor, isEditMode, isPrevi
         ) : null}
       </div>
 
-      {lightboxOpen && typeof document !== 'undefined' && (() => {
+      {isOverlayVisible && typeof document !== 'undefined' && (() => {
         const portalTarget = (portalId ? document.getElementById(portalId) : null) ?? document.body;
         return createPortal(
           <LightboxOverlay
             prefix={P}
             images={items}
-            backgroundColor={backgroundColor}
-            thumbnailGap={scaled(thumbnailGap)}
-            thumbnailMarginBottom={scaled(thumbnailMarginBottom ?? 0.02)}
-            imageGap={scaled(imageGap ?? 0)}
-            thumbnailVisibility={thumbnailVisibility}
-            thumbnailObjectFit={thumbnailObjectFit}
-            thumbnailTrigger={thumbnailTrigger}
-            thumbnailActive={thumbnailActive}
-            thumbnailActiveColor={thumbnailActiveColor}
-            title1Width={title1Width}
-            title2Width={title2Width}
-            title3Width={title3Width}
-            title1MarginLeft={title1MarginLeft ?? 0}
-            title2MarginLeft={title2MarginLeft ?? 0}
-            title3MarginLeft={title3MarginLeft ?? 0}
-            titleRowMarginBottom={titleRowMarginBottom ?? 0}
-            titleHeaderLayout={titleHeaderLayout}
-            title1={title1}
-            title2={title2}
-            title3={title3}
-            title1Style={title1Style}
-            title2Style={title2Style}
-            title3Style={title3Style}
-            contentMarginTop={scaled(contentMarginTop ?? 0)}
-            iconMarginLeft={scaled(iconMarginLeft ?? 0)}
-            closeIcon={closeIcon}
-            closeIconMaxWidth={closeIconMaxWidth}
-            closeIconColor={closeIconColor}
-            closeIconHoverColor={closeIconHoverColor}
+            settings={settings}
             isEditor={isEditor}
             isEditMode={isEditMode}
             isPreviewMode={isPreviewMode}
@@ -10911,69 +10916,7 @@ export const LightboxStrip = ({ settings, content, isEditor, isEditMode, isPrevi
     </>
   );
 };
-
-export type LightboxStripSettings = {
-  cover: string | null;
-  coverFit: {
-    display: 'Fit' | 'Cover';
-    ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
-    reversed: boolean;
-  };
-  backgroundColor: string;
-  thumbnailVisibility: 'on' | 'off';
-  thumbnailObjectFit: {
-    display: 'Fit' | 'Cover';
-    ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
-    reversed: boolean;
-  },
-  thumbnailTrigger: 'click' | 'hover';
-  thumbnailActive: 'outline' | 'color' | 'scale-up';
-  thumbnailActiveColor: string;
-  thumbnailGap: number;
-  thumbnailMarginBottom?: number;
-  imageGap?: number;
-  title1Width: number;
-  title2Width: number;
-  title3Width: number;
-  title1MarginLeft: number;
-  title2MarginLeft: number;
-  title3MarginLeft: number;
-  titleRowMarginBottom?: number;
-  titleHeaderLayout?: StripTitleHeaderLayout;
-  title1Color: string;
-  title2Color: string;
-  title3Color: string;
-  title1FontFamily?: string;
-  title1FontSettings?: { fontWeight: number; fontStyle: string };
-  title1FontSize?: number;
-  title1LineHeight?: number;
-  title1LetterSpacing?: number;
-  title1WordSpacing?: number;
-  title1TextAlign?: 'left' | 'center' | 'right' | 'justify';
-  title1TextAppearance?: TextStyles['textAppearance'];
-  title2FontFamily?: string;
-  title2FontSettings?: { fontWeight: number; fontStyle: string };
-  title2FontSize?: number;
-  title2LineHeight?: number;
-  title2LetterSpacing?: number;
-  title2WordSpacing?: number;
-  title2TextAlign?: 'left' | 'center' | 'right' | 'justify';
-  title2TextAppearance?: TextStyles['textAppearance'];
-  title3FontFamily?: string;
-  title3FontSettings?: { fontWeight: number; fontStyle: string };
-  title3FontSize?: number;
-  title3LineHeight?: number;
-  title3LetterSpacing?: number;
-  title3WordSpacing?: number;
-  title3TextAlign?: 'left' | 'center' | 'right' | 'justify';
-  title3TextAppearance?: TextStyles['textAppearance'];
-  contentMarginTop: number;
-  iconMarginLeft: number;
-  closeIcon:  string | null;
-  closeIconMaxWidth: number;
-  closeIconColor: string;
-  closeIconHoverColor: string;
-};`,xm="data:image/svg+xml,"+encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="#000000" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg>'),Mn={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",useTabDesign:!0},properties:{textTransform:{type:"string",enum:["none","uppercase","lowercase","capitalize"]},textDecoration:{type:"string",enum:["none","underline"]},fontVariant:{type:"string",enum:["normal","small-caps"]}}}};function bm(t){const e={};return e[ee(t,"fontFamily")]={type:"string",scope:"common",title:"",display:{type:"font-family-select",hideLabel:!0,useTabDesign:!0}},e[ee(t,"fontSettings")]={...Mn.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight",hideLabel:!0,useTabDesign:!0}},e[ee(t,"fontSize")]={...Mn.fontSize,scope:"layout",title:"",display:{type:"font-size"}},e[ee(t,"lineHeight")]={...Mn.lineHeight,scope:"layout",title:"",display:{type:"line-height-input"}},e[ee(t,"letterSpacing")]={...Mn.letterSpacing,scope:"layout",title:"",display:{type:"letter-spacing-input"}},e[ee(t,"wordSpacing")]={...Mn.wordSpacing,scope:"layout",title:"",display:{type:"word-spacing-input"}},e[ee(t,"textAlign")]={...Mn.textAlign,scope:"layout",title:"",display:{type:"vertical-text-aligh-options"}},e[ee(t,"textAppearance")]={...Mn.textAppearance,scope:"layout",title:"",display:{type:"text-appearance",useTabDesign:!0}},e}const Sm=Mi.reduce((t,e)=>({...t,...bm(e)}),{}),wm=Mi.reduce((t,e)=>({...t,[ee(e,"fontFamily")]:"Arial",[ee(e,"fontSettings")]:{fontWeight:400,fontStyle:"normal"},[ee(e,"letterSpacing")]:0,[ee(e,"wordSpacing")]:0,[ee(e,"textAlign")]:"left",[ee(e,"textAppearance")]:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}}),{});function _l(t){return Mi.reduce((e,n)=>{const i=t[`${n}FontSize`],r=t[`${n}LineHeight`];return i!==void 0&&(e[ee(n,"fontSize")]=i),r!==void 0&&(e[ee(n,"lineHeight")]=r),e},{})}const Cm=sm(),Tm={type:"object",version:1,settings:{sizing:"auto manual",properties:{cover:{type:"string",scope:"common",title:"",display:{type:"settings-image-input"}},coverFit:{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"}}},thumbnailGap:{type:"number",scope:"layout",title:"Thumbnail Gap",min:0,display:{type:"range-control"}},thumbnailMarginBottom:{type:"number",scope:"layout",title:"Thumbnail Margin Bottom",min:0,display:{type:"range-control"}},imageGap:{type:"number",scope:"layout",title:"Image Gap",min:0,display:{type:"range-control"}},backgroundColor:{type:"string",scope:"layout",title:"BG Default",display:{type:"settings-color-picker"}},closeIcon:{type:["string","null"],scope:"common",title:"",display:{type:"settings-image-input"}},closeIconMaxWidth:{type:"number",scope:"layout",title:"Max Width",display:{type:"full-width-input"},min:0,max:1},closeIconColor:{type:"string",scope:"common",title:"Icon Default",display:{type:"settings-color-picker"}},closeIconHoverColor:{type:"string",scope:"common",title:"Icon Hover",display:{type:"settings-color-picker"}},thumbnailVisibility:{type:"boolean",scope:"layout",title:"Visibility",display:{type:"toggle-cycle",enum:["on","off"]}},thumbnailObjectFit:{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"}}},thumbnailTrigger:{type:"string",scope:"common",title:"Trigger",display:{type:"toggle-cycle",enum:["click","hover"]}},thumbnailActive:{type:"boolean",scope:"common",title:"Active",display:{type:"toggle-cycle",enum:["outline","color","scale-up"]}},thumbnailActiveColor:{type:"string",scope:"common",title:"Outline Active",display:{type:"palette-color-picker",visible:!1}},title1Width:{type:"number",scope:"layout",title:"Title 1 width",min:0,display:{type:"range-control"}},title2Width:{type:"number",scope:"layout",title:"Title 2 width",min:0,display:{type:"range-control"}},title3Width:{type:"number",scope:"layout",title:"Title 3 width",min:0,display:{type:"range-control"}},title2MarginLeft:{type:"number",scope:"layout",title:"Title 2 margin left",min:0,display:{type:"range-control"}},title3MarginLeft:{type:"number",scope:"layout",title:"Title 3 margin left",min:0,display:{type:"range-control"}},titleHeaderLayout:{type:"string",scope:"layout",title:"Title header layout",display:{type:"toggle-cycle",enum:["single-row","two-row"]}},title1Color:{type:"string",scope:"common",title:"Title Default",display:{type:"palette-color-picker"}},title2Color:{type:"string",scope:"common",title:"Subtitle Default",display:{type:"palette-color-picker"}},title3Color:{type:"string",scope:"common",title:"Caption Default",display:{type:"palette-color-picker"}},...Sm,contentMarginTop:{type:"number",scope:"layout",title:"Content margin top",min:0,display:{type:"range-control"}},title1MarginLeft:{type:"number",scope:"layout",title:"Title 1 margin left",min:0,display:{type:"range-control"}},titleRowMarginBottom:{type:"number",scope:"layout",title:"Title row margin bottom",min:0,display:{type:"range-control"}},iconMarginLeft:{type:"number",scope:"layout",title:"Icon margin left",min:0,display:{type:"range-control"}}},defaults:{cover:"https://cdn.cntrl.site/component-assets/LightboxJournal_1.jpg",coverFit:{display:"Cover",ratioValue:"16:9",reversed:!1},closeIcon:xm,closeIconColor:"#ffffff",closeIconHoverColor:"#cccccc",thumbnailObjectFit:{display:"Fit",ratioValue:"16:9",reversed:!1},thumbnailTrigger:"click",thumbnailActive:"color",thumbnailActiveColor:"#ffffff",title1Color:"#ffffff",title2Color:"#ffffff",title3Color:"#ffffff",...wm},layoutDefaults:{m:{thumbnailVisibility:"off",titleHeaderLayout:"two-row",thumbnailGap:.04,thumbnailMarginBottom:.04,imageGap:.005,title1Width:.25,title2Width:.6,title3Width:.25,title1MarginLeft:.04,title2MarginLeft:.04,title3MarginLeft:.04,titleRowMarginBottom:.08,closeIconMaxWidth:.04,backgroundColor:"rgba(28, 31, 34, 0.9)",contentMarginTop:.08,iconMarginLeft:.02,..._l({title1FontSize:.04,title1LineHeight:.04,title2FontSize:.04,title2LineHeight:.04,title3FontSize:.04,title3LineHeight:.04})},d:{thumbnailVisibility:"on",titleHeaderLayout:"single-row",thumbnailGap:.02,thumbnailMarginBottom:.02,imageGap:.005,title1Width:.13,title2Width:.13,title3Width:.14,title1MarginLeft:.02,title2MarginLeft:.1,title3MarginLeft:.1,titleRowMarginBottom:0,closeIconMaxWidth:.02,backgroundColor:"rgba(28, 31, 34, 0.9)",contentMarginTop:.02,iconMarginLeft:.02,..._l({title1FontSize:.015,title1LineHeight:.02,title2FontSize:.015,title2LineHeight:.02,title3FontSize:.015,title3LineHeight:.02})}},displayRules:[{if:{name:"thumbnailActive",value:"outline"},then:{name:"properties.thumbnailActiveColor.display.visible",value:!0}}],layout:["__componentName__","thumbnailGap","thumbnailMarginBottom","imageGap","title1Width","title2Width","title3Width","title2MarginLeft","title3MarginLeft","titleHeaderLayout","titleRowMarginBottom","contentMarginTop","title1MarginLeft","iconMarginLeft"]},panels:[{id:"general",icon:"settings",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__"]},{type:"row",title:"Thumbnails",items:["thumbnailVisibility","thumbnailObjectFit"]},{type:"row",items:["thumbnailTrigger","thumbnailActive"]},{type:"row",title:"Close icon",items:["closeIcon","closeIconMaxWidth"]},{type:"row",title:"Cover",items:["cover","coverFit"]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:[Cm]}],paletteBookmark:{items:["title1Color","title2Color","title3Color","backgroundColor","closeIconColor","closeIconHoverColor","thumbnailActiveColor"],panelIds:["general","typeStyle"]},content:{type:"array",settings:{addItemFromFileExplorer:!0,stripFieldsOnAdd:["title1","title2","title3","text"]},items:{type:"object",properties:{image:{type:"object",label:"Image",display:{type:"media-input",supportsMainImage:!0}},title1:{type:"string",label:"Title",placeholder:"Add Title...",display:{type:"text-input"}},title2:{type:"string",label:"Subtitle",placeholder:"Add Subtitle...",display:{type:"text-input"}},title3:{type:"string",label:"Caption",placeholder:"Add Caption...",display:{type:"text-input"}}}},default:[{image:{url:"https://cdn.cntrl.site/component-assets/LightboxStrip_1.jpg",name:"",objectFit:"contain"},title1:"Ethan Parker",title2:"Midnight Atlas",title3:"Portland, OR"},{image:{url:"https://cdn.cntrl.site/component-assets/LightboxStrip_2.jpg",name:"",objectFit:"contain"}},{image:{url:"https://cdn.cntrl.site/component-assets/LightboxStrip_3.jpg",name:"",objectFit:"contain"}},{image:{url:"https://cdn.cntrl.site/component-assets/LightboxStrip_4.jpg",name:"",objectFit:"contain"}},{image:{url:"https://cdn.cntrl.site/component-assets/LightboxStrip_5.jpg",name:"",objectFit:"contain"}}]}},$m={element:ym,id:"lightbox-strip",name:"Lightbox Strip",category:"galleries",version:1,defaultSize:{d:{width:350,height:350},m:{width:300,height:350}},preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Strip.mp4"},schema:Tm,sourceCode:vm,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:Mi.map(t=>({path:`styles.${ee(t,"fontSettings")}`}))}},Ko=300,ir=400,Wl=300,Lm=50,Al=10,Pr="cntrl-lightbox-journal",Lo=Pr,or=`${Pr}-`,Io=t=>`${Pr}-${t}`,kr=t=>t===Lo||t.startsWith(or),Pl=t=>{if(!t)return null;const e=Number.parseInt(t,10);return Number.isFinite(e)&&e>=1?e:null},kl=t=>{if(typeof window>"u")return null;const e=new URLSearchParams(window.location.search);if(t){const i=Pl(e.get(Io(t)));if(i)return i}const n=Pl(e.get(Lo));if(n)return n;for(const[i]of e){if(!i.startsWith(or))continue;const r=i.slice(or.length);if(!/^\d+$/.test(r))continue;const l=Number.parseInt(r,10);if(Number.isFinite(l)&&l>=1)return l}return null},Fl=(t,e)=>{if(e<=0)return-1;const n=t-1;return n<0||n>=e?-1:n},Aa=(t,e,n=!0)=>{if(typeof window>"u")return;const i=new URL(window.location.href);[...i.searchParams.keys()].forEach(a=>{kr(a)&&i.searchParams.delete(a)}),e?i.searchParams.set(Io(e),String(t)):i.searchParams.set(Lo,String(t));const r=n?"replaceState":"pushState",l=`${i.pathname}${i.search}${i.hash}`;window.history[r](window.history.state,"",l)},Im=t=>{if(typeof window>"u")return;const e=new URL(window.location.href),n=[...e.searchParams.keys()].filter(i=>t?i===Io(t)||i===Lo:kr(i));if(n.forEach(i=>e.searchParams.delete(i)),n.length>0){const i=`${e.pathname}${e.search}${e.hash}`;window.history.replaceState(window.history.state,"",i)}},Pa=t=>{if(typeof window>"u")return!1;const e=new URLSearchParams(window.location.search);return t?e.has(Io(t)):[...e.keys()].some(n=>kr(n))},Em=(t,e)=>{if(Pa(e)){if(t){window.history.back();return}Im(e)}};function Rm(t){return`
+`,$m="data:image/svg+xml,"+encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="#000000" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg>'),Fn={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",useTabDesign:!0},properties:{textTransform:{type:"string",enum:["none","uppercase","lowercase","capitalize"]},textDecoration:{type:"string",enum:["none","underline"]},fontVariant:{type:"string",enum:["normal","small-caps"]}}}};function Lm(t){const e={};return e[le(t,"fontFamily")]={type:"string",scope:"common",title:"",display:{type:"font-family-select",hideLabel:!0,useTabDesign:!0}},e[le(t,"fontSettings")]={...Fn.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight",hideLabel:!0,useTabDesign:!0}},e[le(t,"fontSize")]={...Fn.fontSize,scope:"layout",title:"",display:{type:"font-size"}},e[le(t,"lineHeight")]={...Fn.lineHeight,scope:"layout",title:"",display:{type:"line-height-input"}},e[le(t,"letterSpacing")]={...Fn.letterSpacing,scope:"layout",title:"",display:{type:"letter-spacing-input"}},e[le(t,"wordSpacing")]={...Fn.wordSpacing,scope:"layout",title:"",display:{type:"word-spacing-input"}},e[le(t,"textAlign")]={...Fn.textAlign,scope:"layout",title:"",display:{type:"vertical-text-aligh-options"}},e[le(t,"textAppearance")]={...Fn.textAppearance,scope:"layout",title:"",display:{type:"text-appearance",useTabDesign:!0}},e}const Im=ki.reduce((t,e)=>({...t,...Lm(e)}),{}),Em=ki.reduce((t,e)=>({...t,[le(e,"fontFamily")]:"Arial",[le(e,"fontSettings")]:{fontWeight:400,fontStyle:"normal"},[le(e,"letterSpacing")]:0,[le(e,"wordSpacing")]:0,[le(e,"textAlign")]:"left",[le(e,"textAppearance")]:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}}),{});function Fl(t){return ki.reduce((e,n)=>{const i=t[`${n}FontSize`],r=t[`${n}LineHeight`];return i!==void 0&&(e[le(n,"fontSize")]=i),r!==void 0&&(e[le(n,"lineHeight")]=r),e},{})}const Rm=gm(),Mm={type:"object",version:1,settings:{sizing:"auto manual",properties:{cover:{type:"string",scope:"common",title:"",display:{type:"settings-image-input"}},coverFit:{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"}}},thumbnailGap:{type:"number",scope:"layout",title:"Thumbnail Gap",min:0,display:{type:"range-control"}},thumbnailMarginBottom:{type:"number",scope:"layout",title:"Thumbnail Margin Bottom",min:0,display:{type:"range-control"}},imageGap:{type:"number",scope:"layout",title:"Image Gap",min:0,display:{type:"range-control"}},backgroundColor:{type:"string",scope:"layout",title:"BG Default",display:{type:"settings-color-picker"}},closeIcon:{type:["string","null"],scope:"common",title:"",display:{type:"settings-image-input"}},closeIconMaxWidth:{type:"number",scope:"layout",title:"Max Width",display:{type:"full-width-input"},min:0,max:1},closeIconColor:{type:"string",scope:"common",title:"Icon Default",display:{type:"settings-color-picker"}},closeIconHoverColor:{type:"string",scope:"common",title:"Icon Hover",display:{type:"settings-color-picker"}},thumbnailVisibility:{type:"boolean",scope:"layout",title:"Visibility",display:{type:"toggle-cycle",enum:["on","off"]}},thumbnailObjectFit:{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"}}},thumbnailTrigger:{type:"string",scope:"common",title:"Trigger",display:{type:"toggle-cycle",enum:["click","hover"]}},thumbnailActive:{type:"boolean",scope:"common",title:"Active",display:{type:"toggle-cycle",enum:["outline","color","scale-up"]}},thumbnailActiveColor:{type:"string",scope:"common",title:"Outline Active",display:{type:"palette-color-picker",visible:!1}},title1Width:{type:"number",scope:"layout",title:"Title 1 width",min:0,display:{type:"range-control"}},title2Width:{type:"number",scope:"layout",title:"Title 2 width",min:0,display:{type:"range-control"}},title3Width:{type:"number",scope:"layout",title:"Title 3 width",min:0,display:{type:"range-control"}},title2MarginLeft:{type:"number",scope:"layout",title:"Title 2 margin left",min:0,display:{type:"range-control"}},title3MarginLeft:{type:"number",scope:"layout",title:"Title 3 margin left",min:0,display:{type:"range-control"}},titleHeaderLayout:{type:"string",scope:"layout",title:"Title header layout",display:{type:"toggle-cycle",enum:["desktop","mobile"]}},title1Color:{type:"string",scope:"common",title:"Title Default",display:{type:"palette-color-picker"}},title2Color:{type:"string",scope:"common",title:"Subtitle Default",display:{type:"palette-color-picker"}},title3Color:{type:"string",scope:"common",title:"Caption Default",display:{type:"palette-color-picker"}},...Im,contentMarginTop:{type:"number",scope:"layout",title:"Content margin top",min:0,display:{type:"range-control"}},title1MarginLeft:{type:"number",scope:"layout",title:"Title 1 margin left",min:0,display:{type:"range-control"}},titleRowMarginBottom:{type:"number",scope:"layout",title:"Title row margin bottom",min:0,display:{type:"range-control"}},iconMarginLeft:{type:"number",scope:"layout",title:"Icon margin left",min:0,display:{type:"range-control"}}},defaults:{cover:"https://cdn.cntrl.site/component-assets/LightboxJournal_1.jpg",coverFit:{display:"Cover",ratioValue:"16:9",reversed:!1},closeIcon:$m,closeIconColor:"#ffffff",closeIconHoverColor:"#cccccc",thumbnailObjectFit:{display:"Fit",ratioValue:"16:9",reversed:!1},thumbnailTrigger:"click",thumbnailActive:"color",thumbnailActiveColor:"#ffffff",title1Color:"#ffffff",title2Color:"#ffffff",title3Color:"#ffffff",...Em},layoutDefaults:{m:{thumbnailVisibility:"off",titleHeaderLayout:"mobile",thumbnailGap:.04,thumbnailMarginBottom:.04,imageGap:.005,title1Width:.25,title2Width:.6,title3Width:.25,title1MarginLeft:.04,title2MarginLeft:.04,title3MarginLeft:.04,titleRowMarginBottom:.08,closeIconMaxWidth:.04,backgroundColor:"rgba(28, 31, 34, 0.9)",contentMarginTop:.08,iconMarginLeft:.02,...Fl({title1FontSize:.04,title1LineHeight:.04,title2FontSize:.04,title2LineHeight:.04,title3FontSize:.04,title3LineHeight:.04})},d:{thumbnailVisibility:"on",titleHeaderLayout:"desktop",thumbnailGap:.02,thumbnailMarginBottom:.02,imageGap:.005,title1Width:.13,title2Width:.13,title3Width:.14,title1MarginLeft:.02,title2MarginLeft:.1,title3MarginLeft:.1,titleRowMarginBottom:0,closeIconMaxWidth:.02,backgroundColor:"rgba(28, 31, 34, 0.9)",contentMarginTop:.02,iconMarginLeft:.02,...Fl({title1FontSize:.015,title1LineHeight:.02,title2FontSize:.015,title2LineHeight:.02,title3FontSize:.015,title3LineHeight:.02})}},displayRules:[{if:{name:"thumbnailActive",value:"outline"},then:{name:"properties.thumbnailActiveColor.display.visible",value:!0}}],layout:["__componentName__","thumbnailGap","thumbnailMarginBottom","imageGap","title1Width","title2Width","title3Width","title2MarginLeft","title3MarginLeft","titleHeaderLayout","titleRowMarginBottom","contentMarginTop","title1MarginLeft","iconMarginLeft"]},panels:[{id:"general",icon:"settings",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__"]},{type:"row",title:"Thumbnails",items:["thumbnailVisibility","thumbnailObjectFit"]},{type:"row",items:["thumbnailTrigger","thumbnailActive"]},{type:"row",title:"Close icon",items:["closeIcon","closeIconMaxWidth"]},{type:"row",title:"Cover",items:["cover","coverFit"]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:[Rm]}],paletteBookmark:{items:["title1Color","title2Color","title3Color","backgroundColor","closeIconColor","closeIconHoverColor","thumbnailActiveColor"],panelIds:["general","typeStyle"]},content:{type:"array",settings:{addItemFromFileExplorer:!0,stripFieldsOnAdd:["title1","title2","title3","text"]},items:{type:"object",properties:{image:{type:"object",label:"Image",display:{type:"media-input",supportsMainImage:!0}},title1:{type:"string",label:"Title",placeholder:"Add Title...",display:{type:"text-input"}},title2:{type:"string",label:"Subtitle",placeholder:"Add Subtitle...",display:{type:"text-input"}},title3:{type:"string",label:"Caption",placeholder:"Add Caption...",display:{type:"text-input"}}}},default:[{image:{url:"https://cdn.cntrl.site/component-assets/LightboxStrip_1.jpg",name:"",objectFit:"contain"},title1:"Ethan Parker",title2:"Midnight Atlas",title3:"Portland, OR"},{image:{url:"https://cdn.cntrl.site/component-assets/LightboxStrip_2.jpg",name:"",objectFit:"contain"}},{image:{url:"https://cdn.cntrl.site/component-assets/LightboxStrip_3.jpg",name:"",objectFit:"contain"}},{image:{url:"https://cdn.cntrl.site/component-assets/LightboxStrip_4.jpg",name:"",objectFit:"contain"}},{image:{url:"https://cdn.cntrl.site/component-assets/LightboxStrip_5.jpg",name:"",objectFit:"contain"}}]}},_m={element:Cm,id:"lightbox-strip",name:"Lightbox Strip",category:"galleries",version:1,defaultSize:{d:{width:350,height:350},m:{width:300,height:350}},preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Strip.mp4"},schema:Mm,sourceCode:Tm,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:ki.map(t=>({path:`styles.${le(t,"fontSettings")}`}))}},qo=300,sr=400,Nl=300,Wm=50,Hl=10,Hr="cntrl-lightbox-journal",Mo=Hr,ar=`${Hr}-`,_o=t=>`${Hr}-${t}`,Br=t=>t===Mo||t.startsWith(ar),Bl=t=>{if(!t)return null;const e=Number.parseInt(t,10);return Number.isFinite(e)&&e>=1?e:null},Ol=t=>{if(typeof window>"u")return null;const e=new URLSearchParams(window.location.search);if(t){const i=Bl(e.get(_o(t)));if(i)return i}const n=Bl(e.get(Mo));if(n)return n;for(const[i]of e){if(!i.startsWith(ar))continue;const r=i.slice(ar.length);if(!/^\d+$/.test(r))continue;const l=Number.parseInt(r,10);if(Number.isFinite(l)&&l>=1)return l}return null},Dl=(t,e)=>{if(e<=0)return-1;const n=t-1;return n<0||n>=e?-1:n},Hs=(t,e,n=!0)=>{if(typeof window>"u")return;const i=new URL(window.location.href);[...i.searchParams.keys()].forEach(s=>{Br(s)&&i.searchParams.delete(s)}),e?i.searchParams.set(_o(e),String(t)):i.searchParams.set(Mo,String(t));const r=n?"replaceState":"pushState",l=`${i.pathname}${i.search}${i.hash}`;window.history[r](window.history.state,"",l)},Am=t=>{if(typeof window>"u")return;const e=new URL(window.location.href),n=[...e.searchParams.keys()].filter(i=>t?i===_o(t)||i===Mo:Br(i));if(n.forEach(i=>e.searchParams.delete(i)),n.length>0){const i=`${e.pathname}${e.search}${e.hash}`;window.history.replaceState(window.history.state,"",i)}},Bs=t=>{if(typeof window>"u")return!1;const e=new URLSearchParams(window.location.search);return t?e.has(_o(t)):[...e.keys()].some(n=>Br(n))},Pm=(t,e)=>{if(Bs(e)){if(t){window.history.back();return}Am(e)}};function km(t){return`
 .${t}-wrapper {
   position: relative;
   width: 100%;
@@ -11131,11 +11074,11 @@ export type LightboxStripSettings = {
 
 .${t}-slide-fade-in {
   opacity: 0;
-  animation: ${t}-slide-fade-in ${Wl}ms ease-in-out forwards;
+  animation: ${t}-slide-fade-in ${Nl}ms ease-in-out forwards;
 }
 
 .${t}-slide-fade-out {
-  animation: ${t}-slide-fade-out ${Wl}ms ease-in-out forwards;
+  animation: ${t}-slide-fade-out ${Nl}ms ease-in-out forwards;
 }
 
 .${t}-slide-area {
@@ -11321,6 +11264,22 @@ export type LightboxStripSettings = {
   min-width: 0;
 }
 
+.${t}-title-resize-handle {
+  background: transparent;
+}
+
+.${t}-title-resize-handle::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 2px;
+  height: 100%;
+  background: #FF5C02;
+  pointer-events: none;
+}
+
 .${t}-titles-stack {
   position: relative;
   display: flex;
@@ -11386,11 +11345,11 @@ export type LightboxStripSettings = {
 
 .${t}-titles-fade-in {
   opacity: 0;
-  animation: ${t}-titles-fade-in ${ir}ms ease-in-out forwards;
+  animation: ${t}-titles-fade-in ${sr}ms ease-in-out forwards;
 }
 
 .${t}-titles-fade-out {
-  animation: ${t}-titles-fade-out ${ir}ms ease-in-out forwards;
+  animation: ${t}-titles-fade-out ${sr}ms ease-in-out forwards;
 }
 
 .${t}-lightbox-overlay-content {
@@ -11466,7 +11425,7 @@ export type LightboxStripSettings = {
   pointer-events: auto;
   z-index: 10;
 }
-`}const Mm=20,_m=2,Uo=t=>`max(${t}, ${Mm}px)`,ni=t=>((t==null?void 0:t.image)??[]).slice(0,_m),ka=t=>t.reduce((e,n)=>e+ni(n).length,0),Wm=(t,e)=>{const n=t.slice(0,e).reduce((r,l)=>r+ni(l).length,1),i=ni(t[e]).length;return{start:n,end:n+i-1}},Am=(t,e)=>{const n=ka(t),{start:i,end:r}=Wm(t,e);return i===r?`${i} / ${n}`:`${i}-${r} / ${n}`},io=(t,e)=>e==="B"?t.flatMap((n,i)=>ni(n).map(r=>({entry:n,entryIndex:i,images:[r]}))):t.map((n,i)=>({entry:n,entryIndex:i,images:ni(n)})),Pm=(t,e,n,i)=>{var l;if(n==="B")return`${e+1} / ${t.length}`;const r=((l=t[e])==null?void 0:l.entryIndex)??0;return Am(i,r)},Nl=t=>t?`${t.title1??""}|${t.title2??""}|${t.title3??""}`:"",km=(t,e,n)=>t==="B"?e.length>1:ka(n)>1,Dn=.004,Vi=.004,Xn={title1Width:.13,title2Width:.13,title3Width:.14};function Ki(t,e,n,i,r){const l=[];return e.title1&&l.push({prefix:"title1",widthKey:"title1Width",className:`${t}-title1`,style:n,text:e.title1}),e.title2&&l.push({prefix:"title2",widthKey:"title2Width",marginLeftKey:"title2MarginLeft",className:`${t}-title2`,style:i,text:e.title2}),e.title3&&l.push({prefix:"title3",widthKey:"title3Width",marginLeftKey:"title3MarginLeft",className:`${t}-title3`,style:r,text:e.title3}),l}function uo(t,e){if(t<=0)return[];const n=e.slice(0,t),i=n.reduce((l,a)=>l+a,0);if(i<=1)return n;const{widths:r}=[...n].reverse().reduce(({overflow:l,widths:a},d)=>{if(l<=0||d<=0)return{overflow:l,widths:[d,...a]};const s=Math.min(l,d);return{overflow:l-s,widths:[d-s,...a]}},{overflow:i-1,widths:[]});return r}function rr(t,e){return uo(t,e)}function _n(t,e){const n=e.filter((i,r)=>r!==t).reduce((i,r)=>i+r,0);return Math.max(1-n,0)}function Ui(t,e){const n=t.map(i=>e[i.widthKey]??0);return{resolved:uo(t.length,n),effective:rr(t.length,n)}}function Fm(t,e,n,i){return t.slice(0,i).reduce((r,l,a)=>r+(l!=null&&l.marginLeftKey?n[l.marginLeftKey]??0:0)+(e[a]??0),0)}function Nm(t,e,n,i){return t.slice(0,i+1).reduce((r,l,a)=>r+(l!=null&&l.marginLeftKey?n[l.marginLeftKey]??0:0)+(e[a]??0),0)}const Hm=({prefix:t,entries:e,journalType:n,coverFit:i,backgroundColor:r,imageGap:l,slideMaxWidth:a,slideMaxHeight:d,isEditor:s,isEditMode:p,isPreviewMode:u,closeIcon:$,closeIconMaxWidth:b,closeIconColor:v,closeIconHoverColor:m,title1Width:h,title2Width:L,title3Width:I,title1MarginLeft:x,title2MarginLeft:S,title3MarginLeft:O,titleRowMarginBottom:W=0,titleHeaderLayout:D="single-row",countCloseGap:w,textTransition:_,title1Style:V,title2Style:g,title3Style:C,countStyle:A,contentMarginTop:F,iconMarginRight:q,initialSlideIndex:at=0,enableUrlSync:N=!1,journalItemId:j=null,onBeforeClose:U,onClose:P})=>{const T=!!p,H=D==="two-row",J=!s||!!u,Z=!p&&(!s||!!u),R=c.useMemo(()=>io(e,n),[e,n]),[tt,f]=c.useState(at),ot=R[tt],Q=ot==null?void 0:ot.entry,[ut,bt]=c.useState(!1),[ct,yt]=c.useState(null),[z,B]=c.useState(!1),[it,st]=c.useState(null),[Lt,St]=c.useState(!1),[Ht,_t]=c.useState(0),[zt,K]=c.useState(),[mt,k]=c.useState(),[X,Y]=c.useState(null),et=c.useRef(null),ht=c.useRef(0),Ct=c.useRef(0),Ut=c.useRef(0),xt=c.useRef(!1),Et=c.useRef(null),Bt=c.useRef(null),dt=c.useRef(null),vt=c.useRef(null),Ot=c.useRef(null),jt=c.useRef(null),Qt=c.useRef(null),we=c.useCallback(()=>{const E=Bt.current;if(!E)return;const gt=E.closest(`.${t}-lightbox-content-area`);if(!gt)return E.getBoundingClientRect().width;const Pt=Array.from(gt.children).reduce((It,$t)=>!($t instanceof HTMLElement)||$t.contains(E)?It:It+$t.getBoundingClientRect().width,0);return gt.getBoundingClientRect().width-Pt},[t]),ve=c.useCallback(()=>{et.current&&(clearTimeout(et.current),et.current=null)},[]),Ee=c.useCallback(E=>{E===ht.current&&(st(null),St(!1))},[]),Ce=c.useCallback(()=>{p||xt.current||(xt.current=!0,U==null||U(),bt(!1),Et.current=setTimeout(()=>{P()},Ko))},[p,U,P]),Ne=c.useCallback(E=>!!(E.closest("[data-controls]")||E.closest(`.${t}-close-icon`)),[t]),{isSwipeDragging:$e,backdropStyle:ke,mediaAreaStyle:Ft,overlayContentStyle:se,swipeHandlers:ue,dismissAreaStyle:pe}=Ma({enabled:Z,onClose:Ce,animMs:Ko,isBlockedTarget:Ne}),ze=c.useCallback(E=>{N&&Aa(E+1,j,!0)},[N,j]),Le=c.useCallback(E=>{var Ue;if(R.length===0)return;const gt=(E%R.length+R.length)%R.length;if(gt===tt)return;const Pt=R[tt],It=R[gt];ht.current+=1;const $t=ht.current,ce=_==="fade"&&Nl(Pt==null?void 0:Pt.entry)!==Nl(It==null?void 0:It.entry),Me=(Ue=Bt.current)==null?void 0:Ue.getBoundingClientRect().height,Zt=ce?(()=>{var Br;const Hn=we();Si.flushSync(()=>{Y(It.entry)}),dt.current&&Hn&&(dt.current.style.width=`${Hn}px`);const on=(Br=dt.current)==null?void 0:Br.getBoundingClientRect().height;return dt.current&&(dt.current.style.width=""),{measuredIncomingTitlesHeight:on,incomingTitlesMeasureWidth:Hn}})():void 0,Ae=Math.max(Me??0,(Zt==null?void 0:Zt.measuredIncomingTitlesHeight)??0)||void 0;_t($t),st(tt),St(!0),f(gt),ze(gt),Ut.current=gt,ce?(ve(),Ae&&K(Ae),Zt!=null&&Zt.incomingTitlesMeasureWidth&&k(Zt.incomingTitlesMeasureWidth),yt((Pt==null?void 0:Pt.entryIndex)??null),B(!0),Ct.current=It.entryIndex,et.current=setTimeout(()=>{yt(null),B(!1),K(void 0),k(void 0),Y(null),et.current=null},ir)):(ve(),yt(null),B(!1),K(void 0),k(void 0),Y(null),Ct.current=It.entryIndex)},[tt,ve,we,R,ze,_]),ge=c.useCallback(()=>{Qt.current=null},[]),He=c.useCallback(E=>{!J||R.length<=1||E.pointerType==="mouse"&&E.button!==0||E.target.closest("[data-controls]")||(Qt.current={startX:E.clientX,startY:E.clientY,pointerId:E.pointerId})},[J,R.length]),We=c.useCallback(E=>{var Ue;if(!J||R.length<=1||E.pointerType==="mouse"&&E.button!==0)return;if($e){ge();return}const gt=Qt.current;if(!gt||gt.pointerId!==E.pointerId||(ge(),E.target.closest("[data-controls]")))return;const It=E.clientX-gt.startX,$t=E.clientY-gt.startY,ce=Math.abs(It),Me=Math.abs($t);if(ce>=Lm&&ce>Me){Le(It>0?tt-1:tt+1);return}if(ce>Al||Me>Al)return;const Zt=(Ue=vt.current)==null?void 0:Ue.getBoundingClientRect(),Ae=Zt?Zt.left+Zt.width/2:window.innerWidth/2;Le(E.clientX<Ae?tt-1:tt+1)},[tt,J,Le,$e,ge,R.length]),kt=c.useCallback(E=>{const gt=Qt.current;(gt==null?void 0:gt.pointerId)===E.pointerId&&ge()},[ge]);_a(),c.useEffect(()=>{jt.current=document.activeElement instanceof HTMLElement?document.activeElement:null;const E=requestAnimationFrame(()=>{bt(!0),requestAnimationFrame(()=>{Ot.current?Ot.current.focus():vt.current&&vt.current.focus()})});return()=>{cancelAnimationFrame(E),Et.current&&clearTimeout(Et.current),et.current&&clearTimeout(et.current);const gt=jt.current;gt&&document.contains(gt)&&gt.focus()}},[]),c.useEffect(()=>{var E;_!=="fade"&&(Ct.current=((E=R[tt])==null?void 0:E.entryIndex)??0,ve(),yt(null),B(!1),K(void 0),k(void 0))},[tt,ve,R,_]),c.useEffect(()=>{const E=gt=>{if(gt.key==="Escape"){Ce();return}if(gt.key==="ArrowLeft"&&R.length>1){Le(tt-1);return}if(gt.key==="ArrowRight"&&R.length>1){Le(tt+1);return}if(gt.key==="Tab"&&vt.current){const Pt=vt.current.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'),It=Array.from(Pt).filter(Zt=>!Zt.closest('[aria-hidden="true"]'));if(It.length===0)return;const $t=It[0],ce=It[It.length-1],Me=document.activeElement;gt.shiftKey?(Me===$t||!vt.current.contains(Me))&&(gt.preventDefault(),ce.focus()):(Me===ce||!vt.current.contains(Me))&&(gt.preventDefault(),$t.focus())}};return window.addEventListener("keydown",E),()=>window.removeEventListener("keydown",E)},[Le,Ce,tt,R.length]),c.useLayoutEffect(()=>{ve(),ht.current=0,_t(0),st(null),St(!1),yt(null),B(!1),K(void 0),k(void 0),Y(null),f(E=>{const gt=Math.max(0,R.length-1);return Math.min(E,gt)})},[ve,e.length,n,R.length]),c.useLayoutEffect(()=>{var E;Ut.current=at,Ct.current=((E=R[at])==null?void 0:E.entryIndex)??0,f(at)},[at,R.length]);const Kt=ct!==null?e[ct]:null,oe=it!==null?R[it]:null,te=(Q==null?void 0:Q.title1)||(Q==null?void 0:Q.title2)||(Q==null?void 0:Q.title3)||(Kt==null?void 0:Kt.title1)||(Kt==null?void 0:Kt.title2)||(Kt==null?void 0:Kt.title3),he=km(n,R,e),Re=$!==null,Tn=te||he||Re,Ve=he&&Re?{gap:w}:void 0,Ye=`${t}-titles-stack${H?` ${t}-titles-stack-stacked`:""}`,Ke=`${t}-titles-layer-out${H?` ${t}-titles-layer-out-stacked`:""}`,le=c.useCallback(E=>M.scalingValue(E,s??!1),[s]),$n=le(W??0),Rt=c.useMemo(()=>({title1Width:h??Xn.title1Width,title2Width:L??Xn.title2Width,title3Width:I??Xn.title3Width}),[h,L,I]),Jt=c.useMemo(()=>({title2MarginLeft:S,title3MarginLeft:O}),[S,O]),Vt=c.useMemo(()=>Q?Ki(t,Q,V,g,C):[],[t,Q,V,g,C]),nt=c.useMemo(()=>Vt.map(E=>Rt[E.widthKey]),[Vt,Rt]),ft=c.useMemo(()=>uo(Vt.length,nt),[Vt.length,nt]),Tt=c.useMemo(()=>rr(Vt.length,nt),[Vt.length,nt]),Wt=c.useMemo(()=>Vt.filter(E=>E.prefix==="title1"),[Vt]),Gt=c.useMemo(()=>Vt.filter(E=>E.prefix==="title2"||E.prefix==="title3"),[Vt]),re=c.useMemo(()=>Ui(Wt,Rt),[Wt,Rt]),Mt=c.useMemo(()=>Ui(Gt,Rt),[Gt,Rt]),be=c.useCallback((E,gt)=>{const Pt=Vt.findIndex($t=>$t.prefix===E.prefix);if(!H||gt==="single-row")return{effectiveWidth:Tt[Pt]??0,resolvedWidth:ft[Pt]??0,maxWidth:_n(Pt,ft)};if(gt==="two-row-top"){const $t=Wt.findIndex(ce=>ce.prefix===E.prefix);return{effectiveWidth:re.effective[$t]??0,resolvedWidth:re.resolved[$t]??0,maxWidth:_n($t,re.resolved)}}const It=Gt.findIndex($t=>$t.prefix===E.prefix);return{effectiveWidth:Mt.effective[It]??0,resolvedWidth:Mt.resolved[It]??0,maxWidth:_n(It,Mt.resolved)}},[Vt,Gt,Mt,Tt,ft,Wt,re,H]),Te=c.useCallback(E=>Nm(Vt,ft,Jt,E)+(H?0:x??0),[Vt,ft,Jt,H,x]),ae=c.useCallback(()=>H?0:x??0,[H,x]),Se=c.useCallback(E=>Gt.slice(0,E).reduce((gt,Pt,It)=>gt+(Pt.marginLeftKey?Jt[Pt.marginLeftKey]??0:0)+(Mt.resolved[It]??0),0),[Gt,Mt.resolved,Jt]),Yt=c.useCallback(E=>{const gt=Gt[E];return Se(E)+(gt.marginLeftKey?Jt[gt.marginLeftKey]??0:0)+(Mt.resolved[E]??0)},[Gt,Mt.resolved,Se,Jt]),fe=c.useCallback((E,gt,Pt)=>{if(!H||Pt==="single-row"){const Zt=E.findIndex(on=>on.prefix===gt.prefix),Ae=E.map(on=>Rt[on.widthKey]),Ue=uo(E.length,Ae);return{effectiveWidth:rr(E.length,Ae)[Zt]??0,resolvedWidth:Ue[Zt]??0,maxWidth:_n(Zt,Ue)}}if(Pt==="two-row-top"){const Zt=E.filter(on=>on.prefix==="title1"),Ae=Zt.findIndex(on=>on.prefix===gt.prefix),{resolved:Ue,effective:Hn}=Ui(Zt,Rt);return{effectiveWidth:Hn[Ae]??0,resolvedWidth:Ue[Ae]??0,maxWidth:_n(Ae,Ue)}}const It=E.filter(Zt=>Zt.prefix==="title2"||Zt.prefix==="title3"),$t=It.findIndex(Zt=>Zt.prefix===gt.prefix),{resolved:ce,effective:Me}=Ui(It,Rt);return{effectiveWidth:Me[$t]??0,resolvedWidth:ce[$t]??0,maxWidth:_n($t,ce)}},[Rt,H]),y=(E,gt,Pt)=>{const It=E.marginLeftKey?Jt[E.marginLeftKey]??0:0,{effectiveWidth:$t,resolvedWidth:ce,maxWidth:Me}=Pt??be(E,gt),Zt=Math.max(It,Vi),Ae=T&&gt==="two-row-top";return o.jsxs("div",{className:`${t}-title-cell`,"data-title":E.prefix,style:{width:le($t),...It>0?{marginLeft:le(It)}:{}},children:[o.jsx("p",{className:E.className,style:E.style,children:E.text}),Ae&&E.marginLeftKey?o.jsx("div",{"data-controls":E.marginLeftKey,"data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(ce),style:{position:"absolute",top:0,left:le(-It),width:le(Zt),height:"100%",pointerEvents:"auto"}}):null,Ae?o.jsx("div",{"data-controls":E.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(Me),"data-controls-variant":"column-width",style:{position:"absolute",top:0,right:le(-Dn/2),width:le(Dn),height:"100%",pointerEvents:"auto"}}):null]},E.className)},G=()=>o.jsx("div",{...T?{"data-controls":"title1MarginLeft","data-controls-axis":"x",className:`${t}-control`}:{},style:{width:le(x??0),flexShrink:0,alignSelf:"stretch",...T?{pointerEvents:"auto"}:{}}}),rt=()=>o.jsxs("div",{className:`${t}-text-bar-cell`,children:[o.jsx("span",{className:`${t}-entry-counter`,style:A,"aria-live":"polite","aria-atomic":"true",children:Pm(R,tt,n,e)}),T&&Re?o.jsx("div",{"data-controls":"countCloseGap","data-controls-axis":"x","data-controls-reverse":"true",style:{position:"absolute",top:0,right:`calc(-0.5 * (${Uo(w)} + ${w}))`,width:Uo(w),height:"100%",pointerEvents:"auto",zIndex:3}}):null]}),lt=()=>o.jsxs("div",{className:`${t}-close-icon`,style:{width:M.scalingValue(b??0,s),height:M.scalingValue(b??0,s),marginRight:q,"--close-icon-hover-color":m},children:[o.jsx("button",{ref:Ot,type:"button",className:`${t}-close-icon-inner`,onClick:Ce,"aria-label":"Close",children:o.jsx(Qe,{url:$??"",fill:v,hoverFill:m,className:`${t}-close-icon-img`})}),T?o.jsx("div",{"data-controls":"iconMarginRight","data-controls-axis":"x","data-controls-reverse":"",className:`${t}-control`,style:{position:"absolute",top:0,left:"100%",width:q,height:"100%",pointerEvents:"auto"}}):null]}),At=()=>!he&&!Re?null:o.jsxs("div",{className:`${t}-titles-row-top-controls`,style:Ve,children:[he?rt():null,Re?lt():null]}),Nt=E=>{if(!E)return null;const gt=Ki(t,E,V,g,C);return o.jsxs(o.Fragment,{children:[x>0||T?G():null,gt.map(Pt=>y(Pt,"single-row",fe(gt,Pt,"single-row")))]})},ye=E=>{if(!E)return null;const gt=Ki(t,E,V,g,C),Pt=gt.find(It=>It.prefix==="title1");return!Pt&&!(x>0||T)?null:o.jsxs(o.Fragment,{children:[x>0||T?G():null,Pt?y(Pt,"two-row-top",fe(gt,Pt,"two-row-top")):null]})},me=(E,gt=!1)=>{const Pt=E?Ki(t,E,V,g,C):[],It=Pt.filter($t=>$t.prefix==="title2"||$t.prefix==="title3");return It.length===0?null:o.jsxs("div",{className:`${t}-titles-row-bottom-wrap`,children:[o.jsxs("div",{className:`${t}-titles-row-bottom`,children:[It.map($t=>y($t,"two-row-bottom",fe(Pt,$t,"two-row-bottom"))),gt&&T?o.jsxs(o.Fragment,{children:[Wi(),Ai()]}):null]}),(W??0)>0||T?o.jsx("div",{"data-controls":T?"titleRowMarginBottom":void 0,"data-controls-axis":T?"y":void 0,"data-controls-reverse":T?"":void 0,className:T?`${t}-control`:void 0,style:{height:$n,width:"100%",flexShrink:0,pointerEvents:T?"auto":"none"}}):null]})},Fe=(E,gt=!1)=>o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:`${t}-titles-row-top`,children:[ye(E),At()]}),me(E,gt)]}),Je=E=>H?o.jsx("div",{className:`${t}-titles-row-two-row`,style:{width:"100%"},children:Fe(E)}):E?o.jsx("div",{className:`${t}-titles-row`,style:{width:"100%"},children:Nt(E)}):null,Nn=()=>{const E=H?-1:Vt.findIndex(It=>It.prefix==="title1"),gt=E>=0?(()=>{const $t=Math.max(x??0,Vi);return o.jsx("div",{"data-controls":"title1MarginLeft","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(ft[E]),style:{position:"absolute",top:0,left:0,width:le($t),height:"100%",pointerEvents:"auto"}},"title1MarginLeft")})():null,Pt=Vt.flatMap((It,$t)=>{if(!It.marginLeftKey)return[];const ce=Jt[It.marginLeftKey]??0,Me=Fm(Vt,ft,Jt,$t)+ae(),Zt=Math.max(ce,Vi);return o.jsx("div",{"data-controls":It.marginLeftKey,"data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(ft[$t]),style:{position:"absolute",top:0,left:le(Me),width:le(Zt),height:"100%",pointerEvents:"auto"}},It.marginLeftKey)});return gt?[gt,...Pt]:Pt},Ln=()=>Vt.map((E,gt)=>{const Pt=_n(gt,ft),$t=Te(gt)-Dn/2;return o.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:o.jsx("div",{"data-controls":E.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(Pt),"data-controls-variant":"column-width",style:{position:"absolute",top:0,left:le($t),width:le(Dn),height:"100%",pointerEvents:"auto"}})},`${E.widthKey}-junction`)}),Wi=()=>Gt.flatMap((E,gt)=>{if(!E.marginLeftKey)return[];const Pt=Jt[E.marginLeftKey]??0,It=Se(gt),$t=Math.max(Pt,Vi),{resolvedWidth:ce}=be(E,"two-row-bottom");return o.jsx("div",{"data-controls":E.marginLeftKey,"data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(ce),style:{position:"absolute",top:0,left:le(It),width:le($t),height:"100%",pointerEvents:"auto"}},E.marginLeftKey)}),Ai=()=>Gt.map((E,gt)=>{const{maxWidth:Pt}=be(E,"two-row-bottom"),$t=Yt(gt)-Dn/2;return o.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:o.jsx("div",{"data-controls":E.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(Pt),"data-controls-variant":"column-width",style:{position:"absolute",top:0,left:le($t),width:le(Dn),height:"100%",pointerEvents:"auto"}})},`${E.widthKey}-junction`)}),Pi=()=>!T||Vt.length===0||H?null:o.jsxs(o.Fragment,{children:[Nn(),Ln()]}),Fr=E=>{const gt=!E.objectFit&&pn(i);return{className:`${t}-slide-image-cell${gt?` ${t}-slide-image-cell-cover`:""}`,style:{maxWidth:a,maxHeight:d,...gt?{"--image-aspect-ratio":$o(i)}:{}}}},Nr=E=>E.objectFit?{className:`${t}-slide-image ${t}-slide-image-custom`,style:{"--image-object-fit":E.objectFit}}:pn(i)?{className:`${t}-slide-image ${t}-slide-image-cover`}:{className:`${t}-slide-image ${t}-slide-image-fit`},Hr=E=>{if(E.length===0)return null;const gt=E.length>1,Pt=Uo(l),It=`calc(-0.5 * (${Pt} + ${l}))`;if(E.length===1){const $t=E[0];return o.jsx("div",{...Fr($t),children:o.jsx("img",{...Nr($t),src:$t.url,alt:$t.name??"",draggable:!1})})}return o.jsx("div",{className:`${t}-slide-inner`,style:gt?{gap:l}:void 0,children:E.map(($t,ce)=>o.jsxs("div",{...Fr($t),children:[o.jsx("img",{...Nr($t),src:$t.url,alt:$t.name??"",draggable:!1}),T&&gt&&ce<E.length-1&&o.jsx("div",{"data-controls":"imageGap","data-controls-axis":"x",style:{position:"absolute",top:0,right:It,width:Pt,height:"100%",pointerEvents:"auto",zIndex:3}})]},`${$t.url}-${ce}`))})},Eo=E=>!!(E!=null&&E.title2||E!=null&&E.title3),Fa=Eo(Q)||Eo(Kt),Na=()=>o.jsxs("div",{style:{position:"relative",width:"100%",flex:1,alignSelf:"stretch",display:"flex",flexDirection:"column",minHeight:0,height:"100%"},children:[o.jsx("div",{ref:dt,className:Ye,style:{position:"absolute",visibility:"hidden",pointerEvents:"none",left:0,right:0,top:0,width:"100%",height:"auto"},"aria-hidden":"true",children:Fe(X||Q)}),o.jsxs("div",{ref:Bt,className:`${t}-titles-row-two-row`,style:{...z&&zt?{minHeight:zt}:void 0,...z&&mt?{width:mt,maxWidth:"100%"}:void 0,...z?{overflow:"hidden"}:void 0},children:[o.jsxs("div",{className:`${t}-titles-row-top`,children:[o.jsxs("div",{className:Ye,style:{position:"relative",flex:1,minWidth:0},children:[Kt&&z?o.jsx("div",{className:`${Ke} ${t}-titles-fade-out`,children:ye(Kt)}):null,o.jsx("div",{className:`${t}-titles-layer-in${z?` ${t}-titles-layer-in-fading ${t}-titles-fade-in`:""}`,children:ye(Q)})]}),At()]}),Fa?o.jsxs("div",{className:`${t}-titles-row-bottom-area`,children:[Kt&&z?o.jsx("div",{className:`${Ke} ${t}-titles-layer-out-bottom ${t}-titles-fade-out`,children:me(Kt)}):null,o.jsx("div",{className:`${t}-titles-layer-in${z?` ${t}-titles-layer-in-fading ${t}-titles-fade-in`:""}${H?` ${t}-titles-layer-in-stacked`:""}`,children:me(Q,!0)}),Pi()]}):null]})]}),Ha=()=>{const E=Eo(Q);return o.jsxs("div",{style:{position:"relative",width:"100%",alignSelf:"stretch",display:"flex",flexDirection:"column",minHeight:0,...E?{flex:1,height:"100%"}:{}},children:[o.jsx("div",{className:`${t}-titles-row-two-row`,style:E?void 0:{flex:"0 0 auto",height:"auto"},children:Fe(Q,!0)}),Pi()]})};return o.jsxs("div",{ref:vt,"data-selection":"none",className:`${t}-lightbox${s?` ${t}-lightbox-editor`:""}${p?` ${t}-lightbox-edit-mode`:""}`,onClick:()=>{$e||Ce()},role:"dialog","aria-modal":"true","aria-label":"Journal gallery",tabIndex:Re?void 0:-1,style:{opacity:ut?1:0,transition:`opacity ${Ko}ms ease`,pointerEvents:ut?"auto":"none"},children:[o.jsx("div",{className:`${t}-lightbox-backdrop`,style:{backgroundColor:r,...ke}}),o.jsxs("div",{className:`${t}-lightbox-dismiss-area`,style:{position:"relative",width:"100%",height:"100%",...pe},...ue,children:[o.jsx("div",{className:`${t}-lightbox-content`,style:Ft,onClick:E=>E.stopPropagation(),children:o.jsx("div",{className:`${t}-lightbox-strip`,"data-desktop-nav":J&&R.length>1?"true":"false",onPointerDown:J?He:void 0,onPointerUp:J?We:void 0,onPointerCancel:J?kt:void 0,children:o.jsxs("div",{className:`${t}-slide-stack`,children:[oe&&Lt?o.jsx("div",{className:`${t}-slide-layer-out ${t}-slide-fade-out`,onAnimationEnd:E=>{E.target===E.currentTarget&&Ee(Ht)},children:o.jsx("div",{className:`${t}-slide-area`,children:Hr(oe.images)})},`slide-out-${Ht}`):null,o.jsx("div",{className:`${t}-slide-layer-in${Lt?` ${t}-slide-fade-in`:""}`,children:o.jsx("div",{className:`${t}-slide-area`,children:ot?Hr(ot.images):null})},`slide-in-${Ht}-${tt}`)]})})}),o.jsxs("div",{className:`${t}-lightbox-overlay-content`,style:{width:"100%",height:"100%",...se},children:[o.jsx("div",{"data-controls":T?"contentMarginTop":void 0,className:T?`${t}-control`:void 0,style:{height:F,width:"100%"}}),o.jsx("div",{style:{display:"flex",flexDirection:"row",width:"100%",...H?{flex:1,minHeight:0}:{}},children:o.jsxs("div",{className:`${t}-lightbox-content-area${H?` ${t}-lightbox-content-area-stacked`:""}`,children:[(H?Tn:te)&&o.jsx("div",{className:`${t}-text-bar-cell${H?` ${t}-text-bar-cell-stacked`:""}`,children:H?_==="fade"?Na():Ha():_==="fade"?o.jsxs(o.Fragment,{children:[o.jsx("div",{ref:dt,className:Ye,style:{position:"absolute",visibility:"hidden",pointerEvents:"none",left:0,right:0,top:0,width:"100%",height:"auto"},"aria-hidden":"true",children:Je(X||Q)}),o.jsxs("div",{ref:Bt,className:Ye,style:{width:"100%",...z&&zt?{minHeight:zt}:void 0,...z&&mt?{width:mt,maxWidth:"100%"}:void 0,...z?{overflow:"hidden"}:void 0},children:[Kt&&z?o.jsx("div",{className:`${Ke} ${t}-titles-fade-out`,children:Je(Kt)}):null,o.jsx("div",{className:`${t}-titles-layer-in${z?` ${t}-titles-layer-in-fading ${t}-titles-fade-in`:""}`,children:Je(Q)}),Pi()]})]}):o.jsxs("div",{style:{position:"relative",width:"100%"},children:[Je(Q),Pi()]})}),!H&&o.jsxs("div",{className:`${t}-lightbox-persistent-controls`,style:Ve,children:[he&&rt(),Re&&lt()]})]})})]})]})]})},_i=["title1","title2","title3","count"];function ne(t,e){return`${t}${e.charAt(0).toUpperCase()}${e.slice(1)}`}const Bm={title1:"1",title2:"2",title3:"3",count:"Count"};function Om(t){return[ne(t,"fontFamily"),ne(t,"fontSettings"),{type:"row",items:[ne(t,"fontSize"),ne(t,"lineHeight"),ne(t,"letterSpacing"),ne(t,"wordSpacing")]},ne(t,"textAlign"),ne(t,"textAppearance")]}function Dm(){return{type:"tab",id:"journalTextStyle",tabs:Object.fromEntries(_i.map(t=>[Bm[t],Om(t)]))}}const jm={title1:"title1Color",title2:"title2Color",title3:"title3Color",count:"countColor"},zm={title1:.02,title2:.02,title3:.02,count:.017};function Gi(t,e){const n=i=>{const r=ne(e,i);return t[r]};return{fontFamily:n("fontFamily")??"Arial",fontSettings:n("fontSettings")??{fontWeight:400,fontStyle:"normal"},fontSize:n("fontSize"),lineHeight:n("lineHeight"),letterSpacing:n("letterSpacing")??0,wordSpacing:n("wordSpacing")??0,textAlign:n("textAlign")??"left",textAppearance:n("textAppearance"),color:t[jm[e]]}}function qi(t,e,n){var r,l;const i={fontSettings:{fontFamily:e.fontFamily,fontWeight:((r=e.fontSettings)==null?void 0:r.fontWeight)??400,fontStyle:((l=e.fontSettings)==null?void 0:l.fontStyle)??"normal"},fontSize:e.fontSize??zm[t],lineHeight:e.lineHeight,letterSpacing:e.letterSpacing,wordSpacing:e.wordSpacing,textAlign:e.textAlign,textAppearance:e.textAppearance,color:e.color??"#ffffff"};return Ie(i,n)}const Vm=({settings:t,content:e,isEditor:n,isEditMode:i,isPreviewMode:r,portalId:l,metadata:a})=>{const{prefix:d}=M.useScopedStyles(),s=(a==null?void 0:a.itemId)??null,{cover:p,coverFit:u,type:$,backgroundColor:b,imageGap:v,maxWidth:m,maxHeight:h,textTransition:L,title1Width:I,title2Width:x,title3Width:S,title1MarginLeft:O,title2MarginLeft:W,title3MarginLeft:D,titleRowMarginBottom:w,titleHeaderLayout:_,countCloseGap:V,closeIcon:g,closeIconMaxWidth:C,closeIconColor:A,closeIconHoverColor:F,contentMarginTop:q,iconMarginRight:at}=t,N=B=>M.scalingValue(B,n??!1),j=qi("title1",Gi(t,"title1"),n),U=qi("title2",Gi(t,"title2"),n),P=qi("title3",Gi(t,"title3"),n),T=qi("count",Gi(t,"count"),n),H=c.useRef(null),[J,Z]=c.useState(!1),[R,tt]=c.useState(0),f=c.useRef(!1),ot=c.useRef(!1),Q=c.useRef(!1),ut=c.useMemo(()=>(e??[]).filter(B=>ni(B).length>0),[e]),bt=!n,ct=c.useCallback(()=>{bt&&(Q.current=!0,Em(ot.current,s),ot.current=!1)},[bt,s]),yt=(B=0)=>{if(i||ut.length===0||n&&!r)return;const it=io(ut,$),st=Math.max(0,Math.min(B,it.length-1));if(tt(st),bt){const Lt=Pa();Aa(st+1,s,Lt),ot.current=!Lt}Z(!0)},z=c.useCallback(()=>{Z(!1),Q.current=!1},[]);return c.useEffect(()=>{if(!bt||f.current)return;f.current=!0;const B=kl(s);if(!B)return;const it=Fl(B,io(ut,$).length);it<0||(tt(it),Z(!0))},[ut,s,bt,$]),c.useEffect(()=>{if(!bt)return;const B=()=>{if(Q.current){Q.current=!1,Z(!1);return}const it=kl(s);if(!it){Z(!1);return}const st=Fl(it,io(ut,$).length);if(st<0){Z(!1);return}ot.current=!1,tt(st),Z(!0)};return window.addEventListener("popstate",B),()=>window.removeEventListener("popstate",B)},[ut,s,bt,$]),o.jsxs(o.Fragment,{children:[o.jsxs("div",{ref:H,className:`${d}-wrapper`,children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:Rm(d)}}),p?o.jsx("button",{type:"button",className:`${d}-cover ${pn(u)?`${d}-ratio-wrapper-cover`:`${d}-ratio-wrapper-fit`}`,onClick:()=>yt(),style:{display:"block",padding:0,border:"none",background:"transparent",...pn(u)?{"--image-aspect-ratio":$o(u)}:{}},"aria-label":"Open journal gallery",children:o.jsx("img",{className:`${d}-cover-image ${pn(u)?`${d}-cover-image-cover`:`${d}-cover-image-fit`}`,src:p,alt:"cover"})}):null]}),J&&typeof document<"u"&&(()=>{const B=(l?document.getElementById(l):null)??document.body;return Si.createPortal(o.jsx(Hm,{prefix:d,entries:ut,journalType:$,coverFit:u,backgroundColor:b,imageGap:N(v??0),slideMaxWidth:`${m}%`,slideMaxHeight:`${h}%`,title1Width:I??Xn.title1Width,title2Width:x??Xn.title2Width,title3Width:S??Xn.title3Width,title1MarginLeft:O??0,title2MarginLeft:W??0,title3MarginLeft:D??0,titleRowMarginBottom:w??0,titleHeaderLayout:_??"single-row",countCloseGap:N(V??0),textTransition:L,title1Style:j,title2Style:U,title3Style:P,countStyle:T,contentMarginTop:N(q??0),iconMarginRight:N(at??0),closeIcon:g,closeIconMaxWidth:C,closeIconColor:A,closeIconHoverColor:F,isEditor:n,isEditMode:i,isPreviewMode:r,initialSlideIndex:R,enableUrlSync:bt,journalItemId:s,onBeforeClose:ct,onClose:z}),B)})()]})},Km=`import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+`}const Fm=20,Nm=2,Xo=t=>`max(${t}, ${Fm}px)`,li=t=>((t==null?void 0:t.image)??[]).slice(0,Nm),Os=t=>t.reduce((e,n)=>e+li(n).length,0),Hm=(t,e)=>{const n=t.slice(0,e).reduce((r,l)=>r+li(l).length,1),i=li(t[e]).length;return{start:n,end:n+i-1}},Bm=(t,e)=>{const n=Os(t),{start:i,end:r}=Hm(t,e);return i===r?`${i} / ${n}`:`${i}-${r} / ${n}`},so=(t,e)=>e==="B"?t.flatMap((n,i)=>li(n).map(r=>({entry:n,entryIndex:i,images:[r]}))):t.map((n,i)=>({entry:n,entryIndex:i,images:li(n)})),Om=(t,e,n,i)=>{var l;if(n==="B")return`${e+1} / ${t.length}`;const r=((l=t[e])==null?void 0:l.entryIndex)??0;return Bm(i,r)},jl=t=>t?`${t.title1??""}|${t.title2??""}|${t.title3??""}`:"",Dm=(t,e,n)=>t==="B"?e.length>1:Os(n)>1,Un=.004,qi=.004,Yo={title1Width:.13,title2Width:.13,title3Width:.14};function Xi(t,e,n,i,r){const l=[];return e.title1&&l.push({prefix:"title1",widthKey:"title1Width",className:`${t}-title1`,style:n,text:e.title1}),e.title2&&l.push({prefix:"title2",widthKey:"title2Width",marginLeftKey:"title2MarginLeft",className:`${t}-title2`,style:i,text:e.title2}),e.title3&&l.push({prefix:"title3",widthKey:"title3Width",marginLeftKey:"title3MarginLeft",className:`${t}-title3`,style:r,text:e.title3}),l}function ho(t,e){if(t<=0)return[];const n=e.slice(0,t),i=n.reduce((l,s)=>l+s,0);if(i<=1)return n;const{widths:r}=[...n].reverse().reduce(({overflow:l,widths:s},d)=>{if(l<=0||d<=0)return{overflow:l,widths:[d,...s]};const a=Math.min(l,d);return{overflow:l-a,widths:[d-a,...s]}},{overflow:i-1,widths:[]});return r}function cr(t,e){return ho(t,e)}function Nn(t,e){const n=e.filter((i,r)=>r!==t).reduce((i,r)=>i+r,0);return Math.max(1-n,0)}function Yi(t,e){const n=t.map(i=>e[i.widthKey]??0);return{resolved:ho(t.length,n),effective:cr(t.length,n)}}function jm(t,e,n,i){return t.slice(0,i).reduce((r,l,s)=>r+(l!=null&&l.marginLeftKey?n[l.marginLeftKey]??0:0)+(e[s]??0),0)}function zm(t,e,n,i){return t.slice(0,i+1).reduce((r,l,s)=>r+(l!=null&&l.marginLeftKey?n[l.marginLeftKey]??0:0)+(e[s]??0),0)}const Vm=({prefix:t,entries:e,settings:n,isEditor:i,isEditMode:r,isPreviewMode:l,initialSlideIndex:s=0,enableUrlSync:d=!1,journalItemId:a=null,onBeforeClose:p,onClose:u})=>{const{type:S,coverFit:x,backgroundColor:y,imageGap:m,maxWidth:f,maxHeight:L,textTransition:w,title1Width:$,title2Width:C,title3Width:P,title1MarginLeft:E=0,title2MarginLeft:k=0,title3MarginLeft:b=0,titleRowMarginBottom:M=0,titleHeaderLayout:z="single-row",countCloseGap:h=0,closeIcon:T,closeIconMaxWidth:_,closeIconColor:N,closeIconHoverColor:V,contentMarginTop:at=0,iconMarginRight:O=0}=n,W=c.useCallback(R=>I.scalingValue(R,i??!1),[i]),G=W(m??0),K=`${f}%`,H=`${L}%`,q=W(h),et=W(at),lt=W(O),F=Zi("title1",Ji(n,"title1"),i),ct=Zi("title2",Ji(n,"title2"),i),g=Zi("title3",Ji(n,"title3"),i),nt=Zi("count",Ji(n,"count"),i),ft=!!r,it=z==="mobile",wt=!i||!!l,mt=!r&&(!i||!!l),ot=c.useMemo(()=>so(e,S),[e,S]),[B,Q]=c.useState(s),U=ot[B],Y=U==null?void 0:U.entry,[It,Mt]=c.useState(!1),[At,Pt]=c.useState(null),[xt,j]=c.useState(!1),[st,A]=c.useState(null),[D,X]=c.useState(!1),[J,gt]=c.useState(0),[Ct,Dt]=c.useState(),[Rt,$t]=c.useState(),[Gt,pt]=c.useState(null),Et=c.useRef(null),jt=c.useRef(0),zt=c.useRef(0),Vt=c.useRef(0),Ie=c.useRef(!1),pe=c.useRef(null),$e=c.useRef(null),Yt=c.useRef(null),fe=c.useRef(null),be=c.useRef(null),Oe=c.useRef(null),Wt=c.useRef(null),we=c.useCallback(()=>{const R=$e.current;if(!R)return;const dt=R.closest(`.${t}-lightbox-content-area`);if(!dt)return R.getBoundingClientRect().width;const _t=Array.from(dt.children).reduce((Tt,St)=>!(St instanceof HTMLElement)||St.contains(R)?Tt:Tt+St.getBoundingClientRect().width,0);return dt.getBoundingClientRect().width-_t},[t]),Qt=c.useCallback(()=>{Et.current&&(clearTimeout(Et.current),Et.current=null)},[]),Ee=c.useCallback(R=>{R===jt.current&&(A(null),X(!1))},[]),ke=c.useCallback(()=>{r||Ie.current||(Ie.current=!0,p==null||p(),Mt(!1),pe.current=setTimeout(()=>{u()},qo))},[r,p,u]),sn=c.useCallback(R=>!!(R.closest("[data-controls]")||R.closest(`.${t}-close-icon`)),[t]),{isSwipeDragging:Ae,backdropStyle:De,mediaAreaStyle:ze,overlayContentStyle:Ft,swipeHandlers:ce,dismissAreaStyle:me}=ks({enabled:mt,onClose:ke,animMs:qo,isBlockedTarget:sn}),te=c.useCallback(R=>{d&&Hs(R+1,a,!0)},[d,a]),ee=c.useCallback(R=>{var Xe;if(ot.length===0)return;const dt=(R%ot.length+ot.length)%ot.length;if(dt===B)return;const _t=ot[B],Tt=ot[dt];jt.current+=1;const St=jt.current,re=w==="fade"&&jl(_t==null?void 0:_t.entry)!==jl(Tt==null?void 0:Tt.entry),Te=(Xe=$e.current)==null?void 0:Xe.getBoundingClientRect().height,Zt=re?(()=>{var Vr;const zn=we();Li.flushSync(()=>{pt(Tt.entry)}),Yt.current&&zn&&(Yt.current.style.width=`${zn}px`);const cn=(Vr=Yt.current)==null?void 0:Vr.getBoundingClientRect().height;return Yt.current&&(Yt.current.style.width=""),{measuredIncomingTitlesHeight:cn,incomingTitlesMeasureWidth:zn}})():void 0,He=Math.max(Te??0,(Zt==null?void 0:Zt.measuredIncomingTitlesHeight)??0)||void 0;gt(St),A(B),X(!0),Q(dt),te(dt),Vt.current=dt,re?(Qt(),He&&Dt(He),Zt!=null&&Zt.incomingTitlesMeasureWidth&&$t(Zt.incomingTitlesMeasureWidth),Pt((_t==null?void 0:_t.entryIndex)??null),j(!0),zt.current=Tt.entryIndex,Et.current=setTimeout(()=>{Pt(null),j(!1),Dt(void 0),$t(void 0),pt(null),Et.current=null},sr)):(Qt(),Pt(null),j(!1),Dt(void 0),$t(void 0),pt(null),zt.current=Tt.entryIndex)},[B,Qt,we,ot,te,w]),Fe=c.useCallback(()=>{Wt.current=null},[]),Ve=c.useCallback(R=>{!wt||ot.length<=1||R.pointerType==="mouse"&&R.button!==0||R.target.closest("[data-controls]")||(Wt.current={startX:R.clientX,startY:R.clientY,pointerId:R.pointerId})},[wt,ot.length]),Ne=c.useCallback(R=>{var Xe;if(!wt||ot.length<=1||R.pointerType==="mouse"&&R.button!==0)return;if(Ae){Fe();return}const dt=Wt.current;if(!dt||dt.pointerId!==R.pointerId||(Fe(),R.target.closest("[data-controls]")))return;const Tt=R.clientX-dt.startX,St=R.clientY-dt.startY,re=Math.abs(Tt),Te=Math.abs(St);if(re>=Wm&&re>Te){ee(Tt>0?B-1:B+1);return}if(re>Hl||Te>Hl)return;const Zt=(Xe=fe.current)==null?void 0:Xe.getBoundingClientRect(),He=Zt?Zt.left+Zt.width/2:window.innerWidth/2;ee(R.clientX<He?B-1:B+1)},[B,wt,ee,Ae,Fe,ot.length]),bn=c.useCallback(R=>{const dt=Wt.current;(dt==null?void 0:dt.pointerId)===R.pointerId&&Fe()},[Fe]);Fs(),c.useEffect(()=>{Oe.current=document.activeElement instanceof HTMLElement?document.activeElement:null;const R=requestAnimationFrame(()=>{Mt(!0),requestAnimationFrame(()=>{be.current?be.current.focus():fe.current&&fe.current.focus()})});return()=>{cancelAnimationFrame(R),pe.current&&clearTimeout(pe.current),Et.current&&clearTimeout(Et.current);const dt=Oe.current;dt&&document.contains(dt)&&dt.focus()}},[]),c.useEffect(()=>{var R;w!=="fade"&&(zt.current=((R=ot[B])==null?void 0:R.entryIndex)??0,Qt(),Pt(null),j(!1),Dt(void 0),$t(void 0))},[B,Qt,ot,w]),c.useEffect(()=>{const R=dt=>{if(dt.key==="Escape"){ke();return}if(dt.key==="ArrowLeft"&&ot.length>1){ee(B-1);return}if(dt.key==="ArrowRight"&&ot.length>1){ee(B+1);return}if(dt.key==="Tab"&&fe.current){const _t=fe.current.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'),Tt=Array.from(_t).filter(Zt=>!Zt.closest('[aria-hidden="true"]'));if(Tt.length===0)return;const St=Tt[0],re=Tt[Tt.length-1],Te=document.activeElement;dt.shiftKey?(Te===St||!fe.current.contains(Te))&&(dt.preventDefault(),re.focus()):(Te===re||!fe.current.contains(Te))&&(dt.preventDefault(),St.focus())}};return window.addEventListener("keydown",R),()=>window.removeEventListener("keydown",R)},[ee,ke,B,ot.length]),c.useLayoutEffect(()=>{Qt(),jt.current=0,gt(0),A(null),X(!1),Pt(null),j(!1),Dt(void 0),$t(void 0),pt(null),Q(R=>{const dt=Math.max(0,ot.length-1);return Math.min(R,dt)})},[Qt,e.length,S,ot.length]),c.useLayoutEffect(()=>{var R;Vt.current=s,zt.current=((R=ot[s])==null?void 0:R.entryIndex)??0,Q(s)},[s,ot.length]);const Jt=At!==null?e[At]:null,an=st!==null?ot[st]:null,Sn=(Y==null?void 0:Y.title1)||(Y==null?void 0:Y.title2)||(Y==null?void 0:Y.title3)||(Jt==null?void 0:Jt.title1)||(Jt==null?void 0:Jt.title2)||(Jt==null?void 0:Jt.title3),Nt=Dm(S,ot,e),ye=T!==null,Re=Sn||Nt||ye,tt=Nt&&ye?{gap:q}:void 0,yt=`${t}-titles-stack${it?` ${t}-titles-stack-stacked`:""}`,Lt=`${t}-titles-layer-out${it?` ${t}-titles-layer-out-stacked`:""}`,Ot=W(M),Kt=c.useMemo(()=>({title1Width:$??Yo.title1Width,title2Width:C??Yo.title2Width,title3Width:P??Yo.title3Width}),[$,C,P]),Ut=c.useMemo(()=>({title2MarginLeft:k,title3MarginLeft:b}),[k,b]),vt=c.useMemo(()=>Y?Xi(t,Y,F,ct,g):[],[t,Y,F,ct,g]),ge=c.useMemo(()=>vt.map(R=>Kt[R.widthKey]),[vt,Kt]),oe=c.useMemo(()=>ho(vt.length,ge),[vt.length,ge]),de=c.useMemo(()=>cr(vt.length,ge),[vt.length,ge]),ve=c.useMemo(()=>vt.filter(R=>R.prefix==="title1"),[vt]),Ht=c.useMemo(()=>vt.filter(R=>R.prefix==="title2"||R.prefix==="title3"),[vt]),Se=c.useMemo(()=>Yi(ve,Kt),[ve,Kt]),ne=c.useMemo(()=>Yi(Ht,Kt),[Ht,Kt]),Ce=c.useCallback((R,dt)=>{const _t=vt.findIndex(St=>St.prefix===R.prefix);if(!it||dt==="single-row")return{effectiveWidth:de[_t]??0,resolvedWidth:oe[_t]??0,maxWidth:Nn(_t,oe)};if(dt==="two-row-top"){const St=ve.findIndex(re=>re.prefix===R.prefix);return{effectiveWidth:Se.effective[St]??0,resolvedWidth:Se.resolved[St]??0,maxWidth:Nn(St,Se.resolved)}}const Tt=Ht.findIndex(St=>St.prefix===R.prefix);return{effectiveWidth:ne.effective[Tt]??0,resolvedWidth:ne.resolved[Tt]??0,maxWidth:Nn(Tt,ne.resolved)}},[vt,Ht,ne,de,oe,ve,Se,it]),Qe=c.useCallback(R=>zm(vt,oe,Ut,R)+(it?0:E??0),[vt,oe,Ut,it,E]),he=c.useCallback(()=>it?0:E??0,[it,E]),tn=c.useCallback(R=>Ht.slice(0,R).reduce((dt,_t,Tt)=>dt+(_t.marginLeftKey?Ut[_t.marginLeftKey]??0:0)+(ne.resolved[Tt]??0),0),[Ht,ne.resolved,Ut]),ue=c.useCallback(R=>{const dt=Ht[R];return tn(R)+(dt.marginLeftKey?Ut[dt.marginLeftKey]??0:0)+(ne.resolved[R]??0)},[Ht,ne.resolved,tn,Ut]),je=c.useCallback((R,dt,_t)=>{if(!it||_t==="single-row"){const Zt=R.findIndex(cn=>cn.prefix===dt.prefix),He=R.map(cn=>Kt[cn.widthKey]),Xe=ho(R.length,He);return{effectiveWidth:cr(R.length,He)[Zt]??0,resolvedWidth:Xe[Zt]??0,maxWidth:Nn(Zt,Xe)}}if(_t==="two-row-top"){const Zt=R.filter(cn=>cn.prefix==="title1"),He=Zt.findIndex(cn=>cn.prefix===dt.prefix),{resolved:Xe,effective:zn}=Yi(Zt,Kt);return{effectiveWidth:zn[He]??0,resolvedWidth:Xe[He]??0,maxWidth:Nn(He,Xe)}}const Tt=R.filter(Zt=>Zt.prefix==="title2"||Zt.prefix==="title3"),St=Tt.findIndex(Zt=>Zt.prefix===dt.prefix),{resolved:re,effective:Te}=Yi(Tt,Kt);return{effectiveWidth:Te[St]??0,resolvedWidth:re[St]??0,maxWidth:Nn(St,re)}},[Kt,it]),v=(R,dt,_t)=>{const Tt=R.marginLeftKey?Ut[R.marginLeftKey]??0:0,{effectiveWidth:St,resolvedWidth:re,maxWidth:Te}=_t??Ce(R,dt),Zt=Math.max(Tt,qi),He=ft&&dt==="two-row-top";return o.jsxs("div",{className:`${t}-title-cell`,"data-title":R.prefix,style:{width:W(St),...Tt>0?{marginLeft:W(Tt)}:{}},children:[o.jsx("p",{className:R.className,style:R.style,children:R.text}),He&&R.marginLeftKey?o.jsx("div",{"data-controls":R.marginLeftKey,"data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(re),style:{position:"absolute",top:0,left:W(-Tt),width:W(Zt),height:"100%",pointerEvents:"auto"}}):null,He?o.jsx("div",{"data-controls":R.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(Te),"data-controls-variant":"column-width",className:`${t}-title-resize-handle`,style:{position:"absolute",top:0,right:W(-Un/2),width:W(Un),height:"100%",pointerEvents:"auto"}}):null]},R.className)},Z=()=>o.jsx("div",{...ft?{"data-controls":"title1MarginLeft","data-controls-axis":"x"}:{},style:{width:W(E??0),flexShrink:0,alignSelf:"stretch",...ft?{pointerEvents:"auto"}:{}}}),rt=()=>o.jsxs("div",{className:`${t}-text-bar-cell`,children:[o.jsx("span",{className:`${t}-entry-counter`,style:nt,"aria-live":"polite","aria-atomic":"true",children:Om(ot,B,S,e)}),ft&&ye?o.jsx("div",{"data-controls":"countCloseGap","data-controls-axis":"x","data-controls-reverse":"true",style:{position:"absolute",top:0,right:`calc(-0.5 * (${Xo(q)} + ${q}))`,width:Xo(q),height:"100%",pointerEvents:"auto",zIndex:3}}):null]}),ht=()=>o.jsxs("div",{className:`${t}-close-icon`,style:{width:I.scalingValue(_??0,i),height:I.scalingValue(_??0,i),marginRight:lt,"--close-icon-hover-color":V},children:[o.jsx("button",{ref:be,type:"button",className:`${t}-close-icon-inner`,onClick:ke,"aria-label":"Close",children:o.jsx(nn,{url:T??"",fill:N,hoverFill:V,className:`${t}-close-icon-img`})}),ft?o.jsx("div",{"data-controls":"iconMarginRight","data-controls-axis":"x","data-controls-reverse":"",className:`${t}-control`,style:{position:"absolute",top:0,left:"100%",width:lt,height:"100%",pointerEvents:"auto"}}):null]}),kt=()=>!Nt&&!ye?null:o.jsxs("div",{className:`${t}-titles-row-top-controls`,style:tt,children:[Nt?rt():null,ye?ht():null]}),ie=R=>{if(!R)return null;const dt=Xi(t,R,F,ct,g);return o.jsxs(o.Fragment,{children:[E>0||ft?Z():null,dt.map(_t=>v(_t,"single-row",je(dt,_t,"single-row")))]})},Me=R=>{if(!R)return null;const dt=Xi(t,R,F,ct,g),_t=dt.find(Tt=>Tt.prefix==="title1");return!_t&&!(E>0||ft)?null:o.jsxs(o.Fragment,{children:[E>0||ft?Z():null,_t?v(_t,"two-row-top",je(dt,_t,"two-row-top")):null]})},_e=(R,dt=!1)=>{const _t=R?Xi(t,R,F,ct,g):[],Tt=_t.filter(Te=>Te.prefix==="title2"||Te.prefix==="title3"),St=ft&&dt;return Tt.length>0||St||(M??0)>0?o.jsxs("div",{className:`${t}-titles-row-bottom-wrap`,children:[Tt.length>0?o.jsxs("div",{className:`${t}-titles-row-bottom`,children:[Tt.map(Te=>v(Te,"two-row-bottom",je(_t,Te,"two-row-bottom"))),dt&&ft?o.jsxs(o.Fragment,{children:[Ds(),js()]}):null]}):null,(M??0)>0||St?o.jsx("div",{"data-controls":St?"titleRowMarginBottom":void 0,"data-controls-axis":St?"y":void 0,"data-controls-reverse":St?"":void 0,className:St?`${t}-control`:void 0,style:{height:Ot,width:"100%",flexShrink:0,pointerEvents:St?"auto":"none"}}):null]}):null},Wn=(R,dt=!1)=>o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:`${t}-titles-row-top`,children:[Me(R),kt()]}),_e(R,dt)]}),wn=R=>it?o.jsx("div",{className:`${t}-titles-row-two-row`,style:{width:"100%"},children:Wn(R)}):R?o.jsx("div",{className:`${t}-titles-row`,style:{width:"100%"},children:ie(R)}):null,Ni=()=>{const R=it?-1:vt.findIndex(Tt=>Tt.prefix==="title1"),dt=!it&&(ft||(E??0)>0)?(()=>{const St=Math.max(E??0,qi),re=R>=0?oe[R]:$;return o.jsx("div",{"data-controls":"title1MarginLeft","data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(re),style:{position:"absolute",top:0,left:0,width:W(St),height:"100%",pointerEvents:"auto"}},"title1MarginLeft")})():null,_t=vt.flatMap((Tt,St)=>{if(!Tt.marginLeftKey)return[];const re=Ut[Tt.marginLeftKey]??0,Te=jm(vt,oe,Ut,St)+he(),Zt=Math.max(re,qi);return o.jsx("div",{"data-controls":Tt.marginLeftKey,"data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(oe[St]),style:{position:"absolute",top:0,left:W(Te),width:W(Zt),height:"100%",pointerEvents:"auto"}},Tt.marginLeftKey)});return dt?[dt,..._t]:_t},ui=()=>vt.map((R,dt)=>{const _t=Nn(dt,oe),St=Qe(dt)-Un/2;return o.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:o.jsx("div",{"data-controls":R.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(_t),"data-controls-variant":"column-width",className:`${t}-title-resize-handle`,style:{position:"absolute",top:0,left:W(St),width:W(Un),height:"100%",pointerEvents:"auto"}})},`${R.widthKey}-junction`)}),Ds=()=>Ht.flatMap((R,dt)=>{if(!R.marginLeftKey)return[];const _t=Ut[R.marginLeftKey]??0,Tt=tn(dt),St=Math.max(_t,qi),{resolvedWidth:re}=Ce(R,"two-row-bottom");return o.jsx("div",{"data-controls":R.marginLeftKey,"data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(re),style:{position:"absolute",top:0,left:W(Tt),width:W(St),height:"100%",pointerEvents:"auto"}},R.marginLeftKey)}),js=()=>Ht.map((R,dt)=>{const{maxWidth:_t}=Ce(R,"two-row-bottom"),St=ue(dt)-Un/2;return o.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:o.jsx("div",{"data-controls":R.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(_t),"data-controls-variant":"column-width",className:`${t}-title-resize-handle`,style:{position:"absolute",top:0,left:W(St),width:W(Un),height:"100%",pointerEvents:"auto"}})},`${R.widthKey}-junction`)}),Hi=()=>!ft||it?null:o.jsxs(o.Fragment,{children:[Ni(),ui()]}),Or=R=>{const dt=!R.objectFit&&yn(x);return{className:`${t}-slide-image-cell${dt?` ${t}-slide-image-cell-cover`:""}`,style:{maxWidth:K,maxHeight:H,...dt?{"--image-aspect-ratio":Ro(x)}:{}}}},Dr=R=>R.objectFit?{className:`${t}-slide-image ${t}-slide-image-custom`,style:{"--image-object-fit":R.objectFit}}:yn(x)?{className:`${t}-slide-image ${t}-slide-image-cover`}:{className:`${t}-slide-image ${t}-slide-image-fit`},jr=R=>{if(R.length===0)return null;const dt=R.length>1,_t=Xo(G),Tt=`calc(-0.5 * (${_t} + ${G}))`;if(R.length===1){const St=R[0];return o.jsx("div",{...Or(St),children:o.jsx("img",{...Dr(St),src:St.url,alt:St.name??"",draggable:!1})})}return o.jsx("div",{className:`${t}-slide-inner`,style:dt?{gap:G}:void 0,children:R.map((St,re)=>o.jsxs("div",{...Or(St),children:[o.jsx("img",{...Dr(St),src:St.url,alt:St.name??"",draggable:!1}),ft&&dt&&re<R.length-1&&o.jsx("div",{"data-controls":"imageGap","data-controls-axis":"x",style:{position:"absolute",top:0,right:Tt,width:_t,height:"100%",pointerEvents:"auto",zIndex:3}})]},`${St.url}-${re}`))})},zr=!!(Y!=null&&Y.title2||Y!=null&&Y.title3||Jt!=null&&Jt.title2||Jt!=null&&Jt.title3||(M??0)>0||ft),zs=()=>o.jsxs("div",{style:{position:"relative",width:"100%",flex:1,alignSelf:"stretch",display:"flex",flexDirection:"column",minHeight:0,height:"100%"},children:[o.jsx("div",{ref:Yt,className:yt,style:{position:"absolute",visibility:"hidden",pointerEvents:"none",left:0,right:0,top:0,width:"100%",height:"auto"},"aria-hidden":"true",children:Wn(Gt||Y)}),o.jsxs("div",{ref:$e,className:`${t}-titles-row-two-row`,style:{...xt&&Ct?{minHeight:Ct}:void 0,...xt&&Rt?{width:Rt,maxWidth:"100%"}:void 0,...xt?{overflow:"hidden"}:void 0},children:[o.jsxs("div",{className:`${t}-titles-row-top`,children:[o.jsxs("div",{className:yt,style:{position:"relative",flex:1,minWidth:0},children:[Jt&&xt?o.jsx("div",{className:`${Lt} ${t}-titles-fade-out`,children:Me(Jt)}):null,o.jsx("div",{className:`${t}-titles-layer-in${xt?` ${t}-titles-layer-in-fading ${t}-titles-fade-in`:""}`,children:Me(Y)})]}),kt()]}),zr?o.jsxs("div",{className:`${t}-titles-row-bottom-area`,children:[Jt&&xt?o.jsx("div",{className:`${Lt} ${t}-titles-layer-out-bottom ${t}-titles-fade-out`,children:_e(Jt)}):null,o.jsx("div",{className:`${t}-titles-layer-in${xt?` ${t}-titles-layer-in-fading ${t}-titles-fade-in`:""}${it?` ${t}-titles-layer-in-stacked`:""}`,children:_e(Y,!0)}),Hi()]}):null]})]}),Vs=()=>{const R=zr;return o.jsxs("div",{style:{position:"relative",width:"100%",alignSelf:"stretch",display:"flex",flexDirection:"column",minHeight:0,...R?{flex:1,height:"100%"}:{}},children:[o.jsx("div",{className:`${t}-titles-row-two-row`,style:R?void 0:{flex:"0 0 auto",height:"auto"},children:Wn(Y,!0)}),Hi()]})};return o.jsxs("div",{ref:fe,"data-selection":"none",className:`${t}-lightbox${i?` ${t}-lightbox-editor`:""}${r?` ${t}-lightbox-edit-mode`:""}`,onClick:()=>{Ae||ke()},role:"dialog","aria-modal":"true","aria-label":"Journal gallery",tabIndex:ye?void 0:-1,style:{opacity:It?1:0,transition:`opacity ${qo}ms ease`,pointerEvents:It?"auto":"none"},children:[o.jsx("div",{className:`${t}-lightbox-backdrop`,style:{backgroundColor:y,...De}}),o.jsxs("div",{className:`${t}-lightbox-dismiss-area`,style:{position:"relative",width:"100%",height:"100%",...me},...ce,children:[o.jsx("div",{className:`${t}-lightbox-content`,style:ze,onClick:R=>R.stopPropagation(),children:o.jsx("div",{className:`${t}-lightbox-strip`,"data-desktop-nav":wt&&ot.length>1?"true":"false",onPointerDown:wt?Ve:void 0,onPointerUp:wt?Ne:void 0,onPointerCancel:wt?bn:void 0,children:o.jsxs("div",{className:`${t}-slide-stack`,children:[an&&D?o.jsx("div",{className:`${t}-slide-layer-out ${t}-slide-fade-out`,onAnimationEnd:R=>{R.target===R.currentTarget&&Ee(J)},children:o.jsx("div",{className:`${t}-slide-area`,children:jr(an.images)})},`slide-out-${J}`):null,o.jsx("div",{className:`${t}-slide-layer-in${D?` ${t}-slide-fade-in`:""}`,children:o.jsx("div",{className:`${t}-slide-area`,children:U?jr(U.images):null})},`slide-in-${J}-${B}`)]})})}),o.jsxs("div",{className:`${t}-lightbox-overlay-content`,style:{width:"100%",height:"100%",...Ft},children:[o.jsx("div",{"data-controls":ft?"contentMarginTop":void 0,className:ft?`${t}-control`:void 0,style:{height:et,width:"100%"}}),o.jsx("div",{style:{display:"flex",flexDirection:"row",width:"100%",...it?{flex:1,minHeight:0}:{}},children:o.jsxs("div",{className:`${t}-lightbox-content-area${it?` ${t}-lightbox-content-area-stacked`:""}`,children:[(it?Re:Sn)&&o.jsx("div",{className:`${t}-text-bar-cell${it?` ${t}-text-bar-cell-stacked`:""}`,children:it?w==="fade"?zs():Vs():w==="fade"?o.jsxs(o.Fragment,{children:[o.jsx("div",{ref:Yt,className:yt,style:{position:"absolute",visibility:"hidden",pointerEvents:"none",left:0,right:0,top:0,width:"100%",height:"auto"},"aria-hidden":"true",children:wn(Gt||Y)}),o.jsxs("div",{ref:$e,className:yt,style:{width:"100%",...xt&&Ct?{minHeight:Ct}:void 0,...xt&&Rt?{width:Rt,maxWidth:"100%"}:void 0,...xt?{overflow:"hidden"}:void 0},children:[Jt&&xt?o.jsx("div",{className:`${Lt} ${t}-titles-fade-out`,children:wn(Jt)}):null,o.jsx("div",{className:`${t}-titles-layer-in${xt?` ${t}-titles-layer-in-fading ${t}-titles-fade-in`:""}`,children:wn(Y)}),Hi()]})]}):o.jsxs("div",{style:{position:"relative",width:"100%"},children:[wn(Y),Hi()]})}),!it&&o.jsxs("div",{className:`${t}-lightbox-persistent-controls`,style:tt,children:[Nt&&rt(),ye&&ht()]})]})})]})]})]})},Fi=["title1","title2","title3","count"];function se(t,e){return`${t}${e.charAt(0).toUpperCase()}${e.slice(1)}`}const Km={title1:"1",title2:"2",title3:"3",count:"Count"};function Um(t){return[se(t,"fontFamily"),se(t,"fontSettings"),{type:"row",items:[se(t,"fontSize"),se(t,"lineHeight"),se(t,"letterSpacing"),se(t,"wordSpacing")]},se(t,"textAlign"),se(t,"textAppearance")]}function Gm(){return{type:"tab",id:"journalTextStyle",tabs:Object.fromEntries(Fi.map(t=>[Km[t],Um(t)]))}}const qm={title1:"title1Color",title2:"title2Color",title3:"title3Color",count:"countColor"},Xm={title1:.02,title2:.02,title3:.02,count:.017};function Ji(t,e){const n=i=>{const r=se(e,i);return t[r]};return{fontFamily:n("fontFamily")??"Arial",fontSettings:n("fontSettings")??{fontWeight:400,fontStyle:"normal"},fontSize:n("fontSize"),lineHeight:n("lineHeight"),letterSpacing:n("letterSpacing")??0,wordSpacing:n("wordSpacing")??0,textAlign:n("textAlign")??"left",textAppearance:n("textAppearance"),color:t[qm[e]]}}function Zi(t,e,n){var r,l;const i={fontSettings:{fontFamily:e.fontFamily,fontWeight:((r=e.fontSettings)==null?void 0:r.fontWeight)??400,fontStyle:((l=e.fontSettings)==null?void 0:l.fontStyle)??"normal"},fontSize:e.fontSize??Xm[t],lineHeight:e.lineHeight,letterSpacing:e.letterSpacing,wordSpacing:e.wordSpacing,textAlign:e.textAlign,textAppearance:e.textAppearance,color:e.color??"#ffffff"};return We(i,n)}const Ym=({settings:t,content:e,isEditor:n,isEditMode:i,isPreviewMode:r,portalId:l,metadata:s})=>{const{prefix:d}=I.useScopedStyles(),a=(s==null?void 0:s.itemId)??null,{cover:p,coverFit:u,type:S}=t,x=c.useRef(null),[y,m]=c.useState(!1),[f,L]=c.useState(0),w=c.useRef(!1),$=c.useRef(!1),C=c.useRef(!1),P=c.useMemo(()=>(e??[]).filter(h=>li(h).length>0),[e]),E=y||!!i&&P.length>0,k=!n,b=c.useCallback(()=>{k&&(C.current=!0,Pm($.current,a),$.current=!1)},[k,a]),M=(h=0)=>{if(i||P.length===0||n&&!r)return;const T=so(P,S),_=Math.max(0,Math.min(h,T.length-1));if(L(_),k){const N=Bs();Hs(_+1,a,N),$.current=!N}m(!0)},z=c.useCallback(()=>{m(!1),C.current=!1},[]);return c.useEffect(()=>{if(!k||w.current)return;w.current=!0;const h=Ol(a);if(!h)return;const T=Dl(h,so(P,S).length);T<0||(L(T),m(!0))},[P,a,k,S]),c.useEffect(()=>{if(!k)return;const h=()=>{if(C.current){C.current=!1,m(!1);return}const T=Ol(a);if(!T){m(!1);return}const _=Dl(T,so(P,S).length);if(_<0){m(!1);return}$.current=!1,L(_),m(!0)};return window.addEventListener("popstate",h),()=>window.removeEventListener("popstate",h)},[P,a,k,S]),o.jsxs(o.Fragment,{children:[o.jsxs("div",{ref:x,className:`${d}-wrapper`,children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:km(d)}}),p?o.jsx("button",{type:"button",className:`${d}-cover ${yn(u)?`${d}-ratio-wrapper-cover`:`${d}-ratio-wrapper-fit`}`,onClick:()=>M(),style:{display:"block",padding:0,border:"none",background:"transparent",...yn(u)?{"--image-aspect-ratio":Ro(u)}:{}},"aria-label":"Open journal gallery",children:o.jsx("img",{className:`${d}-cover-image ${yn(u)?`${d}-cover-image-cover`:`${d}-cover-image-fit`}`,src:p,alt:"cover"})}):null]}),E&&typeof document<"u"&&(()=>{const h=(l?document.getElementById(l):null)??document.body;return Li.createPortal(o.jsx(Vm,{prefix:d,entries:P,settings:t,isEditor:n,isEditMode:i,isPreviewMode:r,initialSlideIndex:f,enableUrlSync:k,journalItemId:a,onBeforeClose:b,onClose:z}),h)})()]})},Jm=`import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { createPortal, flushSync } from 'react-dom';
 import { CommonComponentProps } from '../props';
 import { scalingValue } from '../utils/scalingValue';
@@ -11929,6 +11888,22 @@ function getCSS(P: string): string {
   min-width: 0;
 }
 
+.\${P}-title-resize-handle {
+  background: transparent;
+}
+
+.\${P}-title-resize-handle::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 2px;
+  height: 100%;
+  background: #FF5C02;
+  pointer-events: none;
+}
+
 .\${P}-titles-stack {
   position: relative;
   display: flex;
@@ -12099,36 +12074,7 @@ type JournalSlide = {
 type LightboxOverlayProps = {
   prefix: string;
   entries: LightboxJournalItem[];
-  journalType: 'A' | 'B';
-  coverFit: {
-    display: 'Fit' | 'Cover';
-    ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
-    reversed: boolean;
-  };
-  backgroundColor: string;
-  imageGap: string;
-  slideMaxWidth: string;
-  slideMaxHeight: string;
-  closeIcon: string | null;
-  closeIconMaxWidth: number;
-  closeIconColor: string;
-  closeIconHoverColor: string;
-  title1Width: number;
-  title2Width: number;
-  title3Width: number;
-  title1MarginLeft: number;
-  title2MarginLeft: number;
-  title3MarginLeft: number;
-  titleRowMarginBottom?: number;
-  titleHeaderLayout?: JournalTitleHeaderLayout;
-  countCloseGap: string;
-  textTransition: 'none' | 'fade';
-  title1Style: React.CSSProperties;
-  title2Style: React.CSSProperties;
-  title3Style: React.CSSProperties;
-  countStyle: React.CSSProperties;
-  contentMarginTop: string;
-  iconMarginRight: string;
+  settings: LightboxJournalSettings;
   isEditor?: boolean;
   isEditMode?: boolean;
   isPreviewMode?: boolean;
@@ -12201,8 +12147,6 @@ const shouldShowCounter = (
 
 type JournalTitleWidthKey = 'title1Width' | 'title2Width' | 'title3Width';
 
-export type JournalTitleHeaderLayout = 'single-row' | 'two-row';
-
 const TITLE_RESIZE_HANDLE_WIDTH = 0.004;
 const TITLE_PADDING_HANDLE_WIDTH = 0.004;
 
@@ -12355,43 +12299,55 @@ function getJournalTitleBoundaryOffset(
 const LightboxOverlay = ({
   prefix: P,
   entries,
-  journalType,
-  coverFit,
-  backgroundColor,
-  imageGap,
-  slideMaxWidth,
-  slideMaxHeight,
+  settings,
   isEditor,
   isEditMode,
   isPreviewMode,
-  closeIcon,
-  closeIconMaxWidth,
-  closeIconColor,
-  closeIconHoverColor,
-  title1Width,
-  title2Width,
-  title3Width,
-  title1MarginLeft,
-  title2MarginLeft,
-  title3MarginLeft,
-  titleRowMarginBottom = 0,
-  titleHeaderLayout = 'single-row',
-  countCloseGap,
-  textTransition,
-  title1Style,
-  title2Style,
-  title3Style,
-  countStyle,
-  contentMarginTop,
-  iconMarginRight,
   initialSlideIndex = 0,
   enableUrlSync = false,
   journalItemId = null,
   onBeforeClose,
   onClose,
 }: LightboxOverlayProps) => {
+  const {
+    type: journalType,
+    coverFit,
+    backgroundColor,
+    imageGap: imageGapSetting,
+    maxWidth,
+    maxHeight,
+    textTransition,
+    title1Width,
+    title2Width,
+    title3Width,
+    title1MarginLeft = 0,
+    title2MarginLeft = 0,
+    title3MarginLeft = 0,
+    titleRowMarginBottom = 0,
+    titleHeaderLayout = 'single-row',
+    countCloseGap: countCloseGapSetting = 0,
+    closeIcon,
+    closeIconMaxWidth,
+    closeIconColor,
+    closeIconHoverColor,
+    contentMarginTop: contentMarginTopSetting = 0,
+    iconMarginRight: iconMarginRightSetting = 0,
+  } = settings;
+
+  const scaled = useCallback((value: number) => scalingValue(value, isEditor ?? false), [isEditor]);
+  const imageGap = scaled(imageGapSetting ?? 0);
+  const slideMaxWidth = \`\${maxWidth}%\`;
+  const slideMaxHeight = \`\${maxHeight}%\`;
+  const countCloseGap = scaled(countCloseGapSetting);
+  const contentMarginTop = scaled(contentMarginTopSetting);
+  const iconMarginRight = scaled(iconMarginRightSetting);
+  const title1Style = journalTextFieldsToCss('title1', resolveJournalTextFields(settings, 'title1'), isEditor);
+  const title2Style = journalTextFieldsToCss('title2', resolveJournalTextFields(settings, 'title2'), isEditor);
+  const title3Style = journalTextFieldsToCss('title3', resolveJournalTextFields(settings, 'title3'), isEditor);
+  const countStyle = journalTextFieldsToCss('count', resolveJournalTextFields(settings, 'count'), isEditor);
+
   const showControls = Boolean(isEditMode);
-  const useTwoRowHeader = titleHeaderLayout === 'two-row';
+  const useTwoRowHeader = titleHeaderLayout === 'mobile';
   const allowDesktopNav = !isEditor || Boolean(isPreviewMode);
   const allowSwipeDismiss = !isEditMode && (!isEditor || Boolean(isPreviewMode));
   const slides = useMemo(() => buildJournalSlides(entries, journalType), [entries, journalType]);
@@ -12716,8 +12672,7 @@ const LightboxOverlay = ({
   const persistentControlsGapStyle = hasCounter && hasCloseIcon ? { gap: countCloseGap } : undefined;
   const titlesStackClassName = \`\${P}-titles-stack\${useTwoRowHeader ? \` \${P}-titles-stack-stacked\` : ''}\`;
   const titlesLayerOutClassName = \`\${P}-titles-layer-out\${useTwoRowHeader ? \` \${P}-titles-layer-out-stacked\` : ''}\`;
-  const scaled = useCallback((value: number) => scalingValue(value, isEditor ?? false), [isEditor]);
-  const titleRowMarginBottomScaled = scaled(titleRowMarginBottom ?? 0);
+  const titleRowMarginBottomScaled = scaled(titleRowMarginBottom);
   const titleWidthByKey = useMemo(
     () => ({
       title1Width: title1Width ?? DEFAULT_JOURNAL_TITLE_WIDTHS.title1Width,
@@ -12906,7 +12861,6 @@ const LightboxOverlay = ({
           <div
             data-controls={slot.marginLeftKey}
             data-controls-axis="x"
-            data-controls-variant="column-padding"
             data-controls-min="0"
             data-controls-max-fraction={String(resolvedWidth)}
             style={{
@@ -12925,6 +12879,7 @@ const LightboxOverlay = ({
             data-controls-axis="x"
             data-controls-max-fraction={String(maxTitleWidth)}
             data-controls-variant="column-width"
+            className={\`\${P}-title-resize-handle\`}
             style={{
               position: 'absolute',
               top: 0,
@@ -12944,7 +12899,6 @@ const LightboxOverlay = ({
       {...(showControls ? {
         'data-controls': 'title1MarginLeft',
         'data-controls-axis': 'x',
-        className: \`\${P}-control\`,
       } : {})}
       style={{
         width: scaled(title1MarginLeft ?? 0),
@@ -13074,34 +13028,40 @@ const LightboxOverlay = ({
       ? buildJournalTitleSlots(P, entry, title1Style, title2Style, title3Style)
       : [];
     const bottomSlots = slots.filter((slot) => slot.prefix === 'title2' || slot.prefix === 'title3');
-    if (bottomSlots.length === 0) return null;
+    const showMarginBottomControl = showControls && includeControls;
+    const showBottomWrap = bottomSlots.length > 0
+      || showMarginBottomControl
+      || (titleRowMarginBottom ?? 0) > 0;
+    if (!showBottomWrap) return null;
 
     return (
       <div className={\`\${P}-titles-row-bottom-wrap\`}>
-        <div className={\`\${P}-titles-row-bottom\`}>
-          {bottomSlots.map((slot) => renderTitleCell(
-            slot,
-            'two-row-bottom',
-            getEntryTitleCellWidthContext(slots, slot, 'two-row-bottom'),
-          ))}
-          {includeControls && showControls ? (
-            <>
-              {renderTwoRowBottomMarginControls()}
-              {renderTwoRowBottomWidthControls()}
-            </>
-          ) : null}
-        </div>
-        {(titleRowMarginBottom ?? 0) > 0 || showControls ? (
+        {bottomSlots.length > 0 ? (
+          <div className={\`\${P}-titles-row-bottom\`}>
+            {bottomSlots.map((slot) => renderTitleCell(
+              slot,
+              'two-row-bottom',
+              getEntryTitleCellWidthContext(slots, slot, 'two-row-bottom'),
+            ))}
+            {includeControls && showControls ? (
+              <>
+                {renderTwoRowBottomMarginControls()}
+                {renderTwoRowBottomWidthControls()}
+              </>
+            ) : null}
+          </div>
+        ) : null}
+        {(titleRowMarginBottom ?? 0) > 0 || showMarginBottomControl ? (
           <div
-            data-controls={showControls ? 'titleRowMarginBottom' : undefined}
-            data-controls-axis={showControls ? 'y' : undefined}
-            data-controls-reverse={showControls ? '' : undefined}
-            className={showControls ? \`\${P}-control\` : undefined}
+            data-controls={showMarginBottomControl ? 'titleRowMarginBottom' : undefined}
+            data-controls-axis={showMarginBottomControl ? 'y' : undefined}
+            data-controls-reverse={showMarginBottomControl ? '' : undefined}
+            className={showMarginBottomControl ? \`\${P}-control\` : undefined}
             style={{
               height: titleRowMarginBottomScaled,
               width: '100%',
               flexShrink: 0,
-              pointerEvents: showControls ? 'auto' : 'none',
+              pointerEvents: showMarginBottomControl ? 'auto' : 'none',
             }}
           />
         ) : null}
@@ -13139,18 +13099,20 @@ const LightboxOverlay = ({
     const singleRowTitle1Index = !useTwoRowHeader
       ? activeTitleSlots.findIndex((slot) => slot.prefix === 'title1')
       : -1;
-    const singleRowTitle1Control = singleRowTitle1Index >= 0 ? (() => {
+    const singleRowTitle1Control = !useTwoRowHeader && (showControls || (title1MarginLeft ?? 0) > 0) ? (() => {
       const marginLeft = title1MarginLeft ?? 0;
       const marginHandleWidth = Math.max(marginLeft, TITLE_PADDING_HANDLE_WIDTH);
+      const title1MaxFraction = singleRowTitle1Index >= 0
+        ? resolvedTitleWidths[singleRowTitle1Index]
+        : title1Width;
 
       return (
         <div
           key="title1MarginLeft"
           data-controls="title1MarginLeft"
           data-controls-axis="x"
-          data-controls-variant="column-padding"
           data-controls-min="0"
-          data-controls-max-fraction={String(resolvedTitleWidths[singleRowTitle1Index])}
+          data-controls-max-fraction={String(title1MaxFraction)}
           style={{
             position: 'absolute',
             top: 0,
@@ -13165,7 +13127,6 @@ const LightboxOverlay = ({
 
     const slotMarginControls = activeTitleSlots.flatMap((slot, colIndex) => {
       if (!slot.marginLeftKey) return [];
-
       const marginLeft = titleMarginLeftByKey[slot.marginLeftKey] ?? 0;
       const offsetBeforeMargin = getJournalTitleOffsetBeforeSlot(
         activeTitleSlots,
@@ -13180,7 +13141,6 @@ const LightboxOverlay = ({
           key={slot.marginLeftKey}
           data-controls={slot.marginLeftKey}
           data-controls-axis="x"
-          data-controls-variant="column-padding"
           data-controls-min="0"
           data-controls-max-fraction={String(resolvedTitleWidths[colIndex])}
           style={{
@@ -13209,9 +13169,10 @@ const LightboxOverlay = ({
       <div key={\`\${slot.widthKey}-junction\`} style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }}>
         <div
           data-controls={slot.widthKey}
-            data-controls-axis="x"
-            data-controls-max-fraction={String(maxTitleWidth)}
-            data-controls-variant="column-width"
+          data-controls-axis="x"
+          data-controls-max-fraction={String(maxTitleWidth)}
+          data-controls-variant="column-width"
+          className={\`\${P}-title-resize-handle\`}
           style={{
             position: 'absolute',
             top: 0,
@@ -13227,7 +13188,6 @@ const LightboxOverlay = ({
 
   const renderTwoRowBottomMarginControls = () => bottomRowTitleSlots.flatMap((slot, bottomIndex) => {
     if (!slot.marginLeftKey) return [];
-
     const marginLeft = titleMarginLeftByKey[slot.marginLeftKey] ?? 0;
     const offsetBeforeMargin = getBottomRowOffsetBeforeSlot(bottomIndex);
     const marginHandleWidth = Math.max(marginLeft, TITLE_PADDING_HANDLE_WIDTH);
@@ -13238,7 +13198,6 @@ const LightboxOverlay = ({
         key={slot.marginLeftKey}
         data-controls={slot.marginLeftKey}
         data-controls-axis="x"
-        data-controls-variant="column-padding"
         data-controls-min="0"
         data-controls-max-fraction={String(resolvedWidth)}
         style={{
@@ -13262,9 +13221,10 @@ const LightboxOverlay = ({
       <div key={\`\${slot.widthKey}-junction\`} style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }}>
         <div
           data-controls={slot.widthKey}
-            data-controls-axis="x"
-            data-controls-max-fraction={String(maxTitleWidth)}
-            data-controls-variant="column-width"
+          data-controls-axis="x"
+          data-controls-max-fraction={String(maxTitleWidth)}
+          data-controls-variant="column-width"
+          className={\`\${P}-title-resize-handle\`}
           style={{
             position: 'absolute',
             top: 0,
@@ -13279,7 +13239,7 @@ const LightboxOverlay = ({
   });
 
   const renderTitleControls = () => {
-    if (!showControls || activeTitleSlots.length === 0 || useTwoRowHeader) return null;
+    if (!showControls || useTwoRowHeader) return null;
     return (
       <>
         {renderTitleMarginControls()}
@@ -13324,12 +13284,7 @@ const LightboxOverlay = ({
       const image = images[0];
       return (
         <div {...getSlideImageCellProps(image)}>
-          <img
-            {...getSlideImageProps(image)}
-            src={image.url}
-            alt={image.name ?? ''}
-            draggable={false}
-          />
+          <img {...getSlideImageProps(image)} src={image.url} alt={image.name ?? ''} draggable={false} />
         </div>
       );
     }
@@ -13341,10 +13296,7 @@ const LightboxOverlay = ({
       >
         {images.map((image, imageIndex) => {
           return (
-            <div
-              key={\`\${image.url}-\${imageIndex}\`}
-              {...getSlideImageCellProps(image)}
-            >
+            <div key={\`\${image.url}-\${imageIndex}\`} {...getSlideImageCellProps(image)}>
               <img
                 {...getSlideImageProps(image)}
                 src={image.url}
@@ -13372,12 +13324,12 @@ const LightboxOverlay = ({
       </div>
     );
   };
-
-  const entryHasBottomTitles = (entry: LightboxJournalItem | null | undefined) => Boolean(
-    entry?.title2 || entry?.title3,
+  const hasTwoRowBottomArea = Boolean(
+    activeEntry?.title2 || activeEntry?.title3
+    || outgoingEntry?.title2 || outgoingEntry?.title3
+    || (titleRowMarginBottom ?? 0) > 0
+    || showControls,
   );
-  const hasTwoRowBottomContent = entryHasBottomTitles(activeEntry)
-    || entryHasBottomTitles(outgoingEntry);
 
   const renderTwoRowHeaderFade = () => (
     <div
@@ -13436,7 +13388,7 @@ const LightboxOverlay = ({
           </div>
           {renderTwoRowTopControls()}
         </div>
-        {hasTwoRowBottomContent ? (
+        {hasTwoRowBottomArea ? (
         <div className={\`\${P}-titles-row-bottom-area\`}>
           {outgoingEntry && isTitlesFading ? (
             <div className={\`\${titlesLayerOutClassName} \${P}-titles-layer-out-bottom \${P}-titles-fade-out\`}>
@@ -13456,8 +13408,7 @@ const LightboxOverlay = ({
   );
 
   const renderTwoRowHeaderStatic = () => {
-    const hasBottomRow = entryHasBottomTitles(activeEntry);
-
+    const hasBottomRow = hasTwoRowBottomArea;
     return (
       <div
         style={{
@@ -13601,9 +13552,7 @@ const LightboxOverlay = ({
                             {renderTitles(outgoingEntry)}
                           </div>
                         ) : null}
-                        <div
-                          className={\`\${P}-titles-layer-in\${isTitlesFading ? \` \${P}-titles-layer-in-fading \${P}-titles-fade-in\` : ''}\`}
-                        >
+                        <div className={\`\${P}-titles-layer-in\${isTitlesFading ? \` \${P}-titles-layer-in-fading \${P}-titles-fade-in\` : ''}\`}>
                           {renderTitles(activeEntry)}
                         </div>
                         {renderTitleControls()}
@@ -13618,10 +13567,10 @@ const LightboxOverlay = ({
               </div>
             )}
             {!useTwoRowHeader && (
-            <div className={\`\${P}-lightbox-persistent-controls\`} style={persistentControlsGapStyle}>
-              {hasCounter && renderEntryCounter()}
-              {hasCloseIcon && renderCloseIcon()}
-            </div>
+              <div className={\`\${P}-lightbox-persistent-controls\`} style={persistentControlsGapStyle}>
+                {hasCounter && renderEntryCounter()}
+                {hasCloseIcon && renderCloseIcon()}
+              </div>
             )}
           </div>
         </div>
@@ -13791,37 +13740,7 @@ type LightboxJournalProps = {
 export const LightboxJournal = ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId, metadata }: LightboxJournalProps) => {
   const { prefix: P } = useScopedStyles();
   const itemId = metadata?.itemId ?? null;
-  const {
-    cover,
-    coverFit,
-    type,
-    backgroundColor,
-    imageGap,
-    maxWidth,
-    maxHeight,
-    textTransition,
-    title1Width,
-    title2Width,
-    title3Width,
-    title1MarginLeft,
-    title2MarginLeft,
-    title3MarginLeft,
-    titleRowMarginBottom,
-    titleHeaderLayout,
-    countCloseGap,
-    closeIcon,
-    closeIconMaxWidth,
-    closeIconColor,
-    closeIconHoverColor,
-    contentMarginTop,
-    iconMarginRight,
-  } = settings;
-  const scaled = (value: number) => scalingValue(value, isEditor ?? false);
-
-  const title1Style = journalTextFieldsToCss('title1', resolveJournalTextFields(settings, 'title1'), isEditor);
-  const title2Style = journalTextFieldsToCss('title2', resolveJournalTextFields(settings, 'title2'), isEditor);
-  const title3Style = journalTextFieldsToCss('title3', resolveJournalTextFields(settings, 'title3'), isEditor);
-  const countStyle = journalTextFieldsToCss('count', resolveJournalTextFields(settings, 'count'), isEditor);
+  const { cover, coverFit, type } = settings;
   const wrapperRef = useRef<HTMLDivElement>(null);
   const [lightboxOpen, setLightboxOpen] = useState(false);
   const [lightboxInitialSlideIndex, setLightboxInitialSlideIndex] = useState(0);
@@ -13832,6 +13751,7 @@ export const LightboxJournal = ({ settings, content, isEditor, isEditMode, isPre
     () => (content ?? []).filter((entry) => getEntryImages(entry).length > 0),
     [content],
   );
+  const isOverlayVisible = lightboxOpen || (Boolean(isEditMode) && entries.length > 0);
   const shouldSyncUrl = !isEditor;
 
   const removeJournalUrl = useCallback(() => {
@@ -13926,38 +13846,13 @@ export const LightboxJournal = ({ settings, content, isEditor, isEditMode, isPre
         ) : null}
       </div>
 
-      {lightboxOpen && typeof document !== 'undefined' && (() => {
+      {isOverlayVisible && typeof document !== 'undefined' && (() => {
         const portalTarget = (portalId ? document.getElementById(portalId) : null) ?? document.body;
         return createPortal(
           <LightboxOverlay
             prefix={P}
             entries={entries}
-            journalType={type}
-            coverFit={coverFit}
-            backgroundColor={backgroundColor}
-            imageGap={scaled(imageGap ?? 0)}
-            slideMaxWidth={\`\${maxWidth}%\`}
-            slideMaxHeight={\`\${maxHeight}%\`}
-            title1Width={title1Width ?? DEFAULT_JOURNAL_TITLE_WIDTHS.title1Width}
-            title2Width={title2Width ?? DEFAULT_JOURNAL_TITLE_WIDTHS.title2Width}
-            title3Width={title3Width ?? DEFAULT_JOURNAL_TITLE_WIDTHS.title3Width}
-            title1MarginLeft={title1MarginLeft ?? 0}
-            title2MarginLeft={title2MarginLeft ?? 0}
-            title3MarginLeft={title3MarginLeft ?? 0}
-            titleRowMarginBottom={titleRowMarginBottom ?? 0}
-            titleHeaderLayout={titleHeaderLayout ?? 'single-row'}
-            countCloseGap={scaled(countCloseGap ?? 0)}
-            textTransition={textTransition}
-            title1Style={title1Style}
-            title2Style={title2Style}
-            title3Style={title3Style}
-            countStyle={countStyle}
-            contentMarginTop={scaled(contentMarginTop ?? 0)}
-            iconMarginRight={scaled(iconMarginRight ?? 0)}
-            closeIcon={closeIcon}
-            closeIconMaxWidth={closeIconMaxWidth}
-            closeIconColor={closeIconColor}
-            closeIconHoverColor={closeIconHoverColor}
+            settings={settings}
             isEditor={isEditor}
             isEditMode={isEditMode}
             isPreviewMode={isPreviewMode}
@@ -13994,7 +13889,7 @@ export type LightboxJournalSettings = {
   title2MarginLeft?: number;
   title3MarginLeft?: number;
   titleRowMarginBottom?: number;
-  titleHeaderLayout?: JournalTitleHeaderLayout;
+  titleHeaderLayout?: 'desktop' | 'mobile';
   countCloseGap?: number;
   title1Color: string;
   title2Color: string;
@@ -14039,4 +13934,4 @@ export type LightboxJournalSettings = {
   closeIconColor: string;
   closeIconHoverColor: string;
 };
-`,Um="data:image/svg+xml,"+encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="#000000" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg>'),Wn={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",useTabDesign:!0},properties:{textTransform:{type:"string",enum:["none","uppercase","lowercase","capitalize"]},textDecoration:{type:"string",enum:["none","underline"]},fontVariant:{type:"string",enum:["normal","small-caps"]}}}};function Gm(t){const e={};return e[ne(t,"fontFamily")]={type:"string",scope:"common",title:"",display:{type:"font-family-select",hideLabel:!0,useTabDesign:!0}},e[ne(t,"fontSettings")]={...Wn.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight",hideLabel:!0,useTabDesign:!0}},e[ne(t,"fontSize")]={...Wn.fontSize,scope:"layout",title:"",display:{type:"font-size"}},e[ne(t,"lineHeight")]={...Wn.lineHeight,scope:"layout",title:"",display:{type:"line-height-input"}},e[ne(t,"letterSpacing")]={...Wn.letterSpacing,scope:"layout",title:"",display:{type:"letter-spacing-input"}},e[ne(t,"wordSpacing")]={...Wn.wordSpacing,scope:"layout",title:"",display:{type:"word-spacing-input"}},e[ne(t,"textAlign")]={...Wn.textAlign,scope:"layout",title:"",display:{type:"vertical-text-aligh-options"}},e[ne(t,"textAppearance")]={...Wn.textAppearance,scope:"layout",title:"",display:{type:"text-appearance",useTabDesign:!0}},e}const qm=_i.reduce((t,e)=>({...t,...Gm(e)}),{}),Xm=_i.reduce((t,e)=>({...t,[ne(e,"fontFamily")]:"Arial",[ne(e,"fontSettings")]:{fontWeight:400,fontStyle:"normal"},[ne(e,"letterSpacing")]:0,[ne(e,"wordSpacing")]:0,[ne(e,"textAlign")]:"left",[ne(e,"textAppearance")]:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}}),{});function Hl(t){return _i.reduce((e,n)=>{const i=t[`${n}FontSize`],r=t[`${n}LineHeight`];return i!==void 0&&(e[ne(n,"fontSize")]=i),r!==void 0&&(e[ne(n,"lineHeight")]=r),e},{})}const Ym=Dm(),Jm={type:"object",version:1,settings:{sizing:"auto manual",properties:{cover:{type:"string",scope:"common",title:"",display:{type:"settings-image-input"}},coverFit:{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"}}},type:{type:"string",scope:"layout",title:"",display:{type:"radio-group"},enum:["A","B"]},maxHeight:{type:"number",scope:"layout",title:"Max Height (%)",min:0,max:100,display:{type:"percentage-input"}},maxWidth:{type:"number",scope:"layout",title:"Max Width (%)",min:0,max:100,display:{type:"percentage-input"}},imageGap:{type:"number",scope:"layout",title:"Image Gap",min:0,display:{type:"range-control",visible:!1}},backgroundColor:{type:"string",scope:"common",title:"BG Default",display:{type:"settings-color-picker"}},closeIcon:{type:["string","null"],scope:"common",title:"",display:{type:"settings-image-input"}},closeIconMaxWidth:{type:"number",scope:"layout",title:"Max Width",display:{type:"full-width-input"},min:0,max:1},closeIconColor:{type:"string",scope:"common",title:"Icon Default",display:{type:"settings-color-picker"}},closeIconHoverColor:{type:"string",scope:"common",title:"Icon Hover",display:{type:"settings-color-picker"}},textTransition:{type:"string",scope:"common",title:"Transition",display:{type:"toggle-cycle",enum:["none","fade"]}},title1Width:{type:"number",scope:"layout",title:"Title 1 width",min:0,display:{type:"range-control"}},title2Width:{type:"number",scope:"layout",title:"Title 2 width",min:0,display:{type:"range-control"}},title3Width:{type:"number",scope:"layout",title:"Title 3 width",min:0,display:{type:"range-control"}},title2MarginLeft:{type:"number",scope:"layout",title:"Title 2 margin left",min:0,display:{type:"range-control"}},title3MarginLeft:{type:"number",scope:"layout",title:"Title 3 margin left",min:0,display:{type:"range-control"}},titleHeaderLayout:{type:"string",scope:"layout",title:"Title header layout",display:{type:"toggle-cycle",enum:["single-row","two-row"]}},title1MarginLeft:{type:"number",scope:"layout",title:"Title 1 margin left",min:0,display:{type:"range-control"}},titleRowMarginBottom:{type:"number",scope:"layout",title:"Title row margin bottom",min:0,display:{type:"range-control"}},countCloseGap:{type:"number",scope:"layout",title:"Count / Close Gap",min:0,display:{type:"range-control"}},title1Color:{type:"string",scope:"common",title:"Title Default",display:{type:"palette-color-picker"}},title2Color:{type:"string",scope:"common",title:"Subtitle Default",display:{type:"palette-color-picker"}},title3Color:{type:"string",scope:"common",title:"Caption Default",display:{type:"palette-color-picker"}},countColor:{type:"string",scope:"common",title:"Count Default",display:{type:"palette-color-picker"}},...qm,contentMarginTop:{type:"number",scope:"layout",title:"Content margin top",min:0,display:{type:"range-control"}},iconMarginRight:{type:"number",scope:"layout",title:"Icon margin right",min:0,display:{type:"range-control"}}},defaults:{cover:"https://cdn.cntrl.site/component-assets/LightboxJournal_1.jpg",coverFit:{display:"Cover",ratioValue:"16:9",reversed:!1},closeIcon:Um,backgroundColor:"rgb(255, 255, 255)",closeIconColor:"#000000",closeIconHoverColor:"#cccccc",textTransition:"fade",title1Color:"#000000",title2Color:"#000000",title3Color:"#000000",countColor:"#ffffff",...Xm},layoutDefaults:{m:{type:"B",imageGap:.01,maxHeight:80,maxWidth:80,closeIconMaxWidth:.05,contentMarginTop:.04,titleHeaderLayout:"two-row",title1Width:.4,title2Width:.6,title3Width:.4,title1MarginLeft:.04,title2MarginLeft:.04,title3MarginLeft:.04,titleRowMarginBottom:.08,iconMarginRight:.01,countCloseGap:.005,...Hl({title1FontSize:.04,title1LineHeight:.04,title2FontSize:.04,title2LineHeight:.04,title3FontSize:.04,title3LineHeight:.04,countFontSize:.04,countLineHeight:.04})},d:{type:"A",maxHeight:80,maxWidth:40,imageGap:.05,closeIconMaxWidth:.015,contentMarginTop:.01,titleHeaderLayout:"single-row",title1Width:.13,title2Width:.13,title3Width:.14,title1MarginLeft:.01,title2MarginLeft:.1,title3MarginLeft:.1,titleRowMarginBottom:0,iconMarginRight:.01,countCloseGap:.02,...Hl({title1FontSize:.01,title1LineHeight:.01,title2FontSize:.01,title2LineHeight:.01,title3FontSize:.01,title3LineHeight:.01,countFontSize:.01,countLineHeight:.01})}},layout:["__componentName__","maxWidth","maxHeight","imageGap","title1Width","title2Width","title3Width","title2MarginLeft","title3MarginLeft","titleHeaderLayout","titleRowMarginBottom","title1MarginLeft","countCloseGap","contentMarginTop","iconMarginRight"]},panels:[{id:"general",icon:"settings",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__"]},{type:"row",items:["type"]},{type:"row",title:"Image",items:["maxWidth","maxHeight"]},{type:"row",title:"Text",items:["textTransition"]},{type:"row",title:"Close icon",items:["closeIcon","closeIconMaxWidth"]},{type:"row",title:"Cover Image",items:["cover","coverFit"]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:[Ym]}],paletteBookmark:{items:["title1Color","title2Color","title3Color","backgroundColor","countColor","closeIconColor","closeIconHoverColor"],panelIds:["general","typeStyle"]},content:{type:"array",settings:{addItemWithoutImage:!0},items:{type:"object",properties:{title1:{type:"string",label:"Title",placeholder:"Add Title...",display:{type:"text-input"}},title2:{type:"string",label:"Subtitle",placeholder:"Add Subtitle...",display:{type:"text-input"}},title3:{type:"string",label:"Caption",placeholder:"Add Caption...",display:{type:"text-input"}},image:{type:"object",label:"Image",max:2,display:{type:"media-list-input"},properties:{url:{type:"string"},name:{type:"string"},objectFit:{type:"string",enum:["cover","contain"]}},required:["url","name"]}}},default:[{title1:"Journal Entry 1",title2:"summer vacation",title3:"July 1978",image:[{url:"https://cdn.cntrl.site/component-assets/LightboxStrip_1.jpg",name:"",objectFit:"contain"},{url:"https://cdn.cntrl.site/component-assets/LightboxStrip_2.jpg",name:"",objectFit:"contain"}]},{title1:"Journal Entry 2",title2:"spring break",title3:"March 1979",image:[{url:"https://cdn.cntrl.site/component-assets/LightboxStrip_3.jpg",name:"",objectFit:"contain"},{url:"https://cdn.cntrl.site/component-assets/LightboxStrip_4.jpg",name:"",objectFit:"contain"}]},{title1:"Journal Entry 3",title2:"winter vacation",title3:"January 1980",image:[{url:"https://cdn.cntrl.site/component-assets/LightboxStrip_5.jpg",name:"",objectFit:"contain"}]}]}},Zm={element:Vm,id:"lightbox-journal",name:"Lightbox Journal",category:"galleries",version:1,defaultSize:{d:{width:350,height:350},m:{width:300,height:350}},preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Journal.png"},schema:Jm,sourceCode:Km,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:_i.map(t=>({path:`styles.${ne(t,"fontSettings")}`}))}},Qm=[qc,ed,zd,$m,Zm,Zd,su,bu,$u,Wu,Vu,Up];exports.components=Qm;exports.isSchemaV1=Ba;
+`,Zm="data:image/svg+xml,"+encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="#000000" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg>'),Hn={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",useTabDesign:!0},properties:{textTransform:{type:"string",enum:["none","uppercase","lowercase","capitalize"]},textDecoration:{type:"string",enum:["none","underline"]},fontVariant:{type:"string",enum:["normal","small-caps"]}}}};function Qm(t){const e={};return e[se(t,"fontFamily")]={type:"string",scope:"common",title:"",display:{type:"font-family-select",hideLabel:!0,useTabDesign:!0}},e[se(t,"fontSettings")]={...Hn.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight",hideLabel:!0,useTabDesign:!0}},e[se(t,"fontSize")]={...Hn.fontSize,scope:"layout",title:"",display:{type:"font-size"}},e[se(t,"lineHeight")]={...Hn.lineHeight,scope:"layout",title:"",display:{type:"line-height-input"}},e[se(t,"letterSpacing")]={...Hn.letterSpacing,scope:"layout",title:"",display:{type:"letter-spacing-input"}},e[se(t,"wordSpacing")]={...Hn.wordSpacing,scope:"layout",title:"",display:{type:"word-spacing-input"}},e[se(t,"textAlign")]={...Hn.textAlign,scope:"layout",title:"",display:{type:"vertical-text-aligh-options"}},e[se(t,"textAppearance")]={...Hn.textAppearance,scope:"layout",title:"",display:{type:"text-appearance",useTabDesign:!0}},e}const tg=Fi.reduce((t,e)=>({...t,...Qm(e)}),{}),eg=Fi.reduce((t,e)=>({...t,[se(e,"fontFamily")]:"Arial",[se(e,"fontSettings")]:{fontWeight:400,fontStyle:"normal"},[se(e,"letterSpacing")]:0,[se(e,"wordSpacing")]:0,[se(e,"textAlign")]:"left",[se(e,"textAppearance")]:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}}),{});function zl(t){return Fi.reduce((e,n)=>{const i=t[`${n}FontSize`],r=t[`${n}LineHeight`];return i!==void 0&&(e[se(n,"fontSize")]=i),r!==void 0&&(e[se(n,"lineHeight")]=r),e},{})}const ng=Gm(),ig={type:"object",version:1,settings:{sizing:"auto manual",properties:{cover:{type:"string",scope:"common",title:"",display:{type:"settings-image-input"}},coverFit:{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"}}},type:{type:"string",scope:"layout",title:"",display:{type:"radio-group"},enum:["A","B"]},maxHeight:{type:"number",scope:"layout",title:"Max Height (%)",min:0,max:100,display:{type:"percentage-input"}},maxWidth:{type:"number",scope:"layout",title:"Max Width (%)",min:0,max:100,display:{type:"percentage-input"}},imageGap:{type:"number",scope:"layout",title:"Image Gap",min:0,display:{type:"range-control",visible:!1}},backgroundColor:{type:"string",scope:"common",title:"BG Default",display:{type:"settings-color-picker"}},closeIcon:{type:["string","null"],scope:"common",title:"",display:{type:"settings-image-input"}},closeIconMaxWidth:{type:"number",scope:"layout",title:"Max Width",display:{type:"full-width-input"},min:0,max:1},closeIconColor:{type:"string",scope:"common",title:"Icon Default",display:{type:"settings-color-picker"}},closeIconHoverColor:{type:"string",scope:"common",title:"Icon Hover",display:{type:"settings-color-picker"}},textTransition:{type:"string",scope:"common",title:"Transition",display:{type:"toggle-cycle",enum:["none","fade"]}},title1Width:{type:"number",scope:"layout",title:"Title 1 width",min:0,display:{type:"range-control"}},title2Width:{type:"number",scope:"layout",title:"Title 2 width",min:0,display:{type:"range-control"}},title3Width:{type:"number",scope:"layout",title:"Title 3 width",min:0,display:{type:"range-control"}},title2MarginLeft:{type:"number",scope:"layout",title:"Title 2 margin left",min:0,display:{type:"range-control"}},title3MarginLeft:{type:"number",scope:"layout",title:"Title 3 margin left",min:0,display:{type:"range-control"}},titleHeaderLayout:{type:"string",scope:"layout",title:"Title header layout",display:{type:"toggle-cycle",enum:["desktop","mobile"]}},title1MarginLeft:{type:"number",scope:"layout",title:"Title 1 margin left",min:0,display:{type:"range-control"}},titleRowMarginBottom:{type:"number",scope:"layout",title:"Title row margin bottom",min:0,display:{type:"range-control"}},countCloseGap:{type:"number",scope:"layout",title:"Count / Close Gap",min:0,display:{type:"range-control"}},title1Color:{type:"string",scope:"common",title:"Title Default",display:{type:"palette-color-picker"}},title2Color:{type:"string",scope:"common",title:"Subtitle Default",display:{type:"palette-color-picker"}},title3Color:{type:"string",scope:"common",title:"Caption Default",display:{type:"palette-color-picker"}},countColor:{type:"string",scope:"common",title:"Count Default",display:{type:"palette-color-picker"}},...tg,contentMarginTop:{type:"number",scope:"layout",title:"Content margin top",min:0,display:{type:"range-control"}},iconMarginRight:{type:"number",scope:"layout",title:"Icon margin right",min:0,display:{type:"range-control"}}},defaults:{cover:"https://cdn.cntrl.site/component-assets/LightboxJournal_1.jpg",coverFit:{display:"Cover",ratioValue:"16:9",reversed:!1},closeIcon:Zm,backgroundColor:"rgb(255, 255, 255)",closeIconColor:"#000000",closeIconHoverColor:"#cccccc",textTransition:"fade",title1Color:"#000000",title2Color:"#000000",title3Color:"#000000",countColor:"#ffffff",...eg},layoutDefaults:{m:{type:"B",imageGap:.01,maxHeight:80,maxWidth:80,closeIconMaxWidth:.05,contentMarginTop:.04,titleHeaderLayout:"mobile",title1Width:.4,title2Width:.55,title3Width:.3,title1MarginLeft:.04,title2MarginLeft:.04,title3MarginLeft:.08,titleRowMarginBottom:.08,iconMarginRight:.01,countCloseGap:.005,...zl({title1FontSize:.04,title1LineHeight:.04,title2FontSize:.04,title2LineHeight:.04,title3FontSize:.04,title3LineHeight:.04,countFontSize:.04,countLineHeight:.04})},d:{type:"A",maxHeight:80,maxWidth:40,imageGap:.05,closeIconMaxWidth:.015,contentMarginTop:.01,titleHeaderLayout:"desktop",title1Width:.13,title2Width:.13,title3Width:.14,title1MarginLeft:.01,title2MarginLeft:.1,title3MarginLeft:.1,titleRowMarginBottom:0,iconMarginRight:.01,countCloseGap:.02,...zl({title1FontSize:.01,title1LineHeight:.01,title2FontSize:.01,title2LineHeight:.01,title3FontSize:.01,title3LineHeight:.01,countFontSize:.01,countLineHeight:.01})}},layout:["__componentName__","maxWidth","maxHeight","imageGap","title1Width","title2Width","title3Width","title2MarginLeft","title3MarginLeft","titleHeaderLayout","titleRowMarginBottom","title1MarginLeft","countCloseGap","contentMarginTop","iconMarginRight"]},panels:[{id:"general",icon:"settings",title:"General",tooltip:"General Settings",layout:[{type:"row",items:["__componentName__"]},{type:"row",items:["type"]},{type:"row",title:"Image",items:["maxWidth","maxHeight"]},{type:"row",title:"Text",items:["textTransition"]},{type:"row",title:"Close icon",items:["closeIcon","closeIconMaxWidth"]},{type:"row",title:"Cover Image",items:["cover","coverFit"]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:[ng]}],paletteBookmark:{items:["title1Color","title2Color","title3Color","backgroundColor","countColor","closeIconColor","closeIconHoverColor"],panelIds:["general","typeStyle"]},content:{type:"array",settings:{addItemWithoutImage:!0},items:{type:"object",properties:{title1:{type:"string",label:"Title",placeholder:"Add Title...",display:{type:"text-input"}},title2:{type:"string",label:"Subtitle",placeholder:"Add Subtitle...",display:{type:"text-input"}},title3:{type:"string",label:"Caption",placeholder:"Add Caption...",display:{type:"text-input"}},image:{type:"object",label:"Image",max:2,display:{type:"media-list-input"},properties:{url:{type:"string"},name:{type:"string"},objectFit:{type:"string",enum:["cover","contain"]}},required:["url","name"]}}},default:[{title1:"Journal Entry 1",title2:"summer vacation",title3:"July 1978",image:[{url:"https://cdn.cntrl.site/component-assets/LightboxStrip_1.jpg",name:"",objectFit:"contain"},{url:"https://cdn.cntrl.site/component-assets/LightboxStrip_2.jpg",name:"",objectFit:"contain"}]},{title1:"Journal Entry 2",title2:"spring break",title3:"March 1979",image:[{url:"https://cdn.cntrl.site/component-assets/LightboxStrip_3.jpg",name:"",objectFit:"contain"},{url:"https://cdn.cntrl.site/component-assets/LightboxStrip_4.jpg",name:"",objectFit:"contain"}]},{title1:"Journal Entry 3",title2:"winter vacation",title3:"January 1980",image:[{url:"https://cdn.cntrl.site/component-assets/LightboxStrip_5.jpg",name:"",objectFit:"contain"}]}]}},og={element:Ym,id:"lightbox-journal",name:"Lightbox Journal",category:"galleries",version:1,defaultSize:{d:{width:350,height:350},m:{width:300,height:350}},preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/Journal.png"},schema:ig,sourceCode:Jm,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:Fi.map(t=>({path:`styles.${se(t,"fontSettings")}`}))}},rg=[td,sd,Xd,_m,og,ou,gu,Lu,_u,Hu,Yu,Zp];exports.components=rg;exports.isSchemaV1=Ks;