@cntrl-site/components 1.0.21 → 1.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/Components/LightboxStrip/LightboxStrip.d.ts +2 -6
  2. package/dist/Components/LightboxStrip/utils.d.ts +10 -5
  3. package/dist/index.js +89 -111
  4. package/dist/index.mjs +5540 -5440
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1,14 +1,14 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("react"),Je=require("classnames"),E=require("./readTestimonialTextMeasure-CB_Uq-fO.js"),Oi=require("react-dom");function tl(e){return e.type==="object"&&e.version===1}const nl="ControlSlider-module__wrapper___sHEkd",il="ControlSlider-module__hoverArrow___A-dOH",ol="ControlSlider-module__sliderItem___QQSkR",rl="ControlSlider-module__sliderImage___9hRl-",al="ControlSlider-module__arrow___05ghY",sl="ControlSlider-module__arrowVertical___tBfVN",ll="ControlSlider-module__nextArrow___-30Yc",cl="ControlSlider-module__arrowInner___aEra3",dl="ControlSlider-module__arrowIcon___S4ztF",ul="ControlSlider-module__arrowImg___2dwJW",pl="ControlSlider-module__mirror___brd6U",ml="ControlSlider-module__pagination___bicLF",gl="ControlSlider-module__paginationInner___bT-P-",hl="ControlSlider-module__paginationVertical___zYqKw",fl="ControlSlider-module__paginationItem___nTRbk",yl="ControlSlider-module__dot___p1Qun",vl="ControlSlider-module__activeDot___LHFaj",bl="ControlSlider-module__paginationInsideBottom___R3FWn",xl="ControlSlider-module__paginationInsideTop___V-qb-",wl="ControlSlider-module__paginationOutsideBottom___14w8D",Sl="ControlSlider-module__paginationOutsideTop___SCLqB",$l="ControlSlider-module__paginationInsideLeft___yOBRZ",Cl="ControlSlider-module__paginationInsideRight___Rtt3o",Tl="ControlSlider-module__paginationOutsideLeft___lahaw",Ll="ControlSlider-module__paginationOutsideRight___EtuQa",El="ControlSlider-module__imgWrapper___UjEgB",Il="ControlSlider-module__captionBlock___dJ6-j",Pl="ControlSlider-module__captionTextWrapper___HFlpf",Rl="ControlSlider-module__captionText___uGBVc",Al="ControlSlider-module__active___WZK4G",Ml="ControlSlider-module__withPointerEvents___t-18M",_l="ControlSlider-module__topLeftAlignment___zjnGM",kl="ControlSlider-module__topCenterAlignment___gD1xW",Wl="ControlSlider-module__topRightAlignment___NMapS",Fl="ControlSlider-module__middleLeftAlignment___OnUrY",Nl="ControlSlider-module__middleCenterAlignment___Tdkl0",Hl="ControlSlider-module__middleRightAlignment___wEbfX",Ol="ControlSlider-module__bottomLeftAlignment___cTP2-",Bl="ControlSlider-module__bottomCenterAlignment___c54fB",jl="ControlSlider-module__bottomRightAlignment___kEwrz",zl="ControlSlider-module__clickOverlay___DZA28",Vl="ControlSlider-module__contain___pLyq7",Dl="ControlSlider-module__cover___KdDat",Te={wrapper:nl,hoverArrow:il,sliderItem:ol,sliderImage:rl,arrow:al,arrowVertical:sl,nextArrow:ll,arrowInner:cl,arrowIcon:dl,arrowImg:ul,mirror:pl,pagination:ml,paginationInner:gl,paginationVertical:hl,paginationItem:fl,dot:yl,activeDot:vl,paginationInsideBottom:bl,paginationInsideTop:xl,paginationOutsideBottom:wl,paginationOutsideTop:Sl,paginationInsideLeft:$l,paginationInsideRight:Cl,paginationOutsideLeft:Tl,paginationOutsideRight:Ll,imgWrapper:El,captionBlock:Il,captionTextWrapper:Pl,captionText:Rl,active:Al,withPointerEvents:Ml,topLeftAlignment:_l,topCenterAlignment:kl,topRightAlignment:Wl,middleLeftAlignment:Fl,middleCenterAlignment:Nl,middleRightAlignment:Hl,bottomLeftAlignment:Ol,bottomCenterAlignment:Bl,bottomRightAlignment:jl,clickOverlay:zl,contain:Vl,cover:Dl};function ql(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function Kl(e,t,n){return t&&ql(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}var ea="(prefers-reduced-motion: reduce)",si=1,Gl=2,ui=3,bi=4,Bi=5,go=6,$o=7,Ul={CREATED:si,MOUNTED:Gl,IDLE:ui,MOVING:bi,SCROLLING:Bi,DRAGGING:go,DESTROYED:$o};function En(e){e.length=0}function Fn(e,t,n){return Array.prototype.slice.call(e,t,n)}function mt(e){return e.bind.apply(e,[null].concat(Fn(arguments,1)))}var is=setTimeout,pr=function(){};function ta(e){return requestAnimationFrame(e)}function Ro(e,t){return typeof t===e}function Pi(e){return!Tr(e)&&Ro("object",e)}var Cr=Array.isArray,os=mt(Ro,"function"),_n=mt(Ro,"string"),ji=mt(Ro,"undefined");function Tr(e){return e===null}function rs(e){try{return e instanceof(e.ownerDocument.defaultView||window).HTMLElement}catch{return!1}}function zi(e){return Cr(e)?e:[e]}function en(e,t){zi(e).forEach(t)}function Lr(e,t){return e.indexOf(t)>-1}function ho(e,t){return e.push.apply(e,zi(t)),e}function Sn(e,t,n){e&&en(t,function(i){i&&e.classList[n?"add":"remove"](i)})}function pn(e,t){Sn(e,_n(t)?t.split(" "):t,!0)}function Vi(e,t){en(t,e.appendChild.bind(e))}function Er(e,t){en(e,function(n){var i=(t||n).parentNode;i&&i.insertBefore(n,t)})}function Ri(e,t){return rs(e)&&(e.msMatchesSelector||e.matches).call(e,t)}function as(e,t){var n=e?Fn(e.children):[];return t?n.filter(function(i){return Ri(i,t)}):n}function Di(e,t){return t?as(e,t)[0]:e.firstElementChild}var Ai=Object.keys;function Xn(e,t,n){return e&&(n?Ai(e).reverse():Ai(e)).forEach(function(i){i!=="__proto__"&&t(e[i],i)}),e}function Mi(e){return Fn(arguments,1).forEach(function(t){Xn(t,function(n,i){e[i]=t[i]})}),e}function Mn(e){return Fn(arguments,1).forEach(function(t){Xn(t,function(n,i){Cr(n)?e[i]=n.slice():Pi(n)?e[i]=Mn({},Pi(e[i])?e[i]:{},n):e[i]=n})}),e}function na(e,t){en(t||Ai(e),function(n){delete e[n]})}function mn(e,t){en(e,function(n){en(t,function(i){n&&n.removeAttribute(i)})})}function je(e,t,n){Pi(t)?Xn(t,function(i,o){je(e,o,i)}):en(e,function(i){Tr(n)||n===""?mn(i,t):i.setAttribute(t,String(n))})}function li(e,t,n){var i=document.createElement(e);return t&&(_n(t)?pn(i,t):je(i,t)),n&&Vi(n,i),i}function an(e,t,n){if(ji(n))return getComputedStyle(e)[t];Tr(n)||(e.style[t]=""+n)}function _i(e,t){an(e,"display",t)}function ss(e){e.setActive&&e.setActive()||e.focus({preventScroll:!0})}function sn(e,t){return e.getAttribute(t)}function ia(e,t){return e&&e.classList.contains(t)}function Yt(e){return e.getBoundingClientRect()}function Yn(e){en(e,function(t){t&&t.parentNode&&t.parentNode.removeChild(t)})}function ls(e){return Di(new DOMParser().parseFromString(e,"text/html").body)}function wn(e,t){e.preventDefault(),t&&(e.stopPropagation(),e.stopImmediatePropagation())}function cs(e,t){return e&&e.querySelector(t)}function Ir(e,t){return t?Fn(e.querySelectorAll(t)):[]}function $n(e,t){Sn(e,t,!1)}function mr(e){return e.timeStamp}function Vn(e){return _n(e)?e:e?e+"px":""}var qi="splide",Pr="data-"+qi;function Ti(e,t){if(!e)throw new Error("["+qi+"] "+(t||""))}var kn=Math.min,Co=Math.max,To=Math.floor,ki=Math.ceil,Dt=Math.abs;function ds(e,t,n){return Dt(e-t)<n}function fo(e,t,n,i){var o=kn(t,n),s=Co(t,n);return i?o<e&&e<s:o<=e&&e<=s}function oi(e,t,n){var i=kn(t,n),o=Co(t,n);return kn(Co(i,e),o)}function gr(e){return+(e>0)-+(e<0)}function hr(e,t){return en(t,function(n){e=e.replace("%s",""+n)}),e}function Rr(e){return e<10?"0"+e:""+e}var oa={};function Xl(e){return""+e+Rr(oa[e]=(oa[e]||0)+1)}function us(){var e=[];function t(a,d,c,p){o(a,d,function(u,T,w){var L="addEventListener"in u,m=L?u.removeEventListener.bind(u,T,c,p):u.removeListener.bind(u,c);L?u.addEventListener(T,c,p):u.addListener(c),e.push([u,T,w,c,m])})}function n(a,d,c){o(a,d,function(p,u,T){e=e.filter(function(w){return w[0]===p&&w[1]===u&&w[2]===T&&(!c||w[3]===c)?(w[4](),!1):!0})})}function i(a,d,c){var p,u=!0;return typeof CustomEvent=="function"?p=new CustomEvent(d,{bubbles:u,detail:c}):(p=document.createEvent("CustomEvent"),p.initCustomEvent(d,u,!1,c)),a.dispatchEvent(p),p}function o(a,d,c){en(a,function(p){p&&en(d,function(u){u.split(" ").forEach(function(T){var w=T.split(".");c(p,w[0],w[1])})})})}function s(){e.forEach(function(a){a[4]()}),En(e)}return{bind:t,unbind:n,dispatch:i,destroy:s}}var Nn="mounted",fr="ready",In="move",xi="moved",Ar="click",ps="active",ms="inactive",gs="visible",hs="hidden",Et="refresh",jt="updated",pi="resize",Ao="resized",fs="drag",ys="dragging",vs="dragged",Mo="scroll",Zn="scrolled",Yl="overflow",Mr="destroy",bs="arrows:mounted",xs="arrows:updated",ws="pagination:mounted",Ss="pagination:updated",_r="navigation:mounted",kr="autoplay:play",$s="autoplay:playing",Wr="autoplay:pause",Fr="lazyload:loaded",Cs="sk",Ts="sh",Lo="ei";function bt(e){var t=e?e.event.bus:document.createDocumentFragment(),n=us();function i(s,a){n.bind(t,zi(s).join(" "),function(d){a.apply(a,Cr(d.detail)?d.detail:[])})}function o(s){n.dispatch(t,s,Fn(arguments,1))}return e&&e.event.on(Mr,n.destroy),Mi(n,{bus:t,on:i,off:mt(n.unbind,t),emit:o})}function _o(e,t,n,i){var o=Date.now,s,a=0,d,c=!0,p=0;function u(){if(!c){if(a=e?kn((o()-s)/e,1):1,n&&n(a),a>=1&&(t(),s=o(),i&&++p>=i))return w();d=ta(u)}}function T(b){b||m(),s=o()-(b?a*e:0),c=!1,d=ta(u)}function w(){c=!0}function L(){s=o(),a=0,n&&n(a)}function m(){d&&cancelAnimationFrame(d),a=0,d=0,c=!0}function y(b){e=b}function C(){return c}return{start:T,rewind:L,pause:w,cancel:m,set:y,isPaused:C}}function Jl(e){var t=e;function n(o){t=o}function i(o){return Lr(zi(o),t)}return{set:n,is:i}}function Zl(e,t){var n=_o(0,e,null,1);return function(){n.isPaused()&&n.start()}}function Ql(e,t,n){var i=e.state,o=n.breakpoints||{},s=n.reducedMotion||{},a=us(),d=[];function c(){var m=n.mediaQuery==="min";Ai(o).sort(function(y,C){return m?+y-+C:+C-+y}).forEach(function(y){u(o[y],"("+(m?"min":"max")+"-width:"+y+"px)")}),u(s,ea),T()}function p(m){m&&a.destroy()}function u(m,y){var C=matchMedia(y);a.bind(C,"change",T),d.push([m,C])}function T(){var m=i.is($o),y=n.direction,C=d.reduce(function(b,$){return Mn(b,$[1].matches?$[0]:{})},{});na(n),L(C),n.destroy?e.destroy(n.destroy==="completely"):m?(p(!0),e.mount()):y!==n.direction&&e.refresh()}function w(m){matchMedia(ea).matches&&(m?Mn(n,s):na(n,Ai(s)))}function L(m,y,C){Mn(n,m),y&&Mn(Object.getPrototypeOf(n),m),(C||!i.is(si))&&e.emit(jt,n)}return{setup:c,destroy:p,reduce:w,set:L}}var ko="Arrow",Wo=ko+"Left",Fo=ko+"Right",Ls=ko+"Up",Es=ko+"Down",ra="rtl",No="ttb",Uo={width:["height"],left:["top","right"],right:["bottom","left"],x:["y"],X:["Y"],Y:["X"],ArrowLeft:[Ls,Fo],ArrowRight:[Es,Wo]};function ec(e,t,n){function i(s,a,d){d=d||n.direction;var c=d===ra&&!a?1:d===No?0:-1;return Uo[s]&&Uo[s][c]||s.replace(/width|left|right/i,function(p,u){var T=Uo[p.toLowerCase()][c]||p;return u>0?T.charAt(0).toUpperCase()+T.slice(1):T})}function o(s){return s*(n.direction===ra?1:-1)}return{resolve:i,orient:o}}var Cn="role",ci="tabindex",tc="disabled",cn="aria-",Ki=cn+"controls",Is=cn+"current",aa=cn+"selected",Jt=cn+"label",Nr=cn+"labelledby",Ps=cn+"hidden",Hr=cn+"orientation",Wi=cn+"roledescription",sa=cn+"live",la=cn+"busy",ca=cn+"atomic",Or=[Cn,ci,tc,Ki,Is,Jt,Nr,Ps,Hr,Wi],gn=qi+"__",Hn="is-",Xo=qi,da=gn+"track",nc=gn+"list",Ho=gn+"slide",Rs=Ho+"--clone",ic=Ho+"__container",Br=gn+"arrows",Oo=gn+"arrow",As=Oo+"--prev",Ms=Oo+"--next",Bo=gn+"pagination",_s=Bo+"__page",oc=gn+"progress",rc=oc+"__bar",ac=gn+"toggle",sc=gn+"spinner",lc=gn+"sr",cc=Hn+"initialized",Jn=Hn+"active",ks=Hn+"prev",Ws=Hn+"next",yr=Hn+"visible",vr=Hn+"loading",Fs=Hn+"focus-in",Ns=Hn+"overflow",dc=[Jn,yr,ks,Ws,vr,Fs,Ns],uc={slide:Ho,clone:Rs,arrows:Br,arrow:Oo,prev:As,next:Ms,pagination:Bo,page:_s,spinner:sc};function pc(e,t){if(os(e.closest))return e.closest(t);for(var n=e;n&&n.nodeType===1&&!Ri(n,t);)n=n.parentElement;return n}var mc=5,ua=200,Hs="touchstart mousedown",Yo="touchmove mousemove",Jo="touchend touchcancel mouseup click";function gc(e,t,n){var i=bt(e),o=i.on,s=i.bind,a=e.root,d=n.i18n,c={},p=[],u=[],T=[],w,L,m;function y(){S(),F(),$()}function C(){o(Et,b),o(Et,y),o(jt,$),s(document,Hs+" keydown",function(x){m=x.type==="keydown"},{capture:!0}),s(a,"focusin",function(){Sn(a,Fs,!!m)})}function b(x){var I=Or.concat("style");En(p),$n(a,u),$n(w,T),mn([w,L],I),mn(a,x?I:["style",Wi])}function $(){$n(a,u),$n(w,T),u=k(Xo),T=k(da),pn(a,u),pn(w,T),je(a,Jt,n.label),je(a,Nr,n.labelledby)}function S(){w=P("."+da),L=Di(w,"."+nc),Ti(w&&L,"A track/list element is missing."),ho(p,as(L,"."+Ho+":not(."+Rs+")")),Xn({arrows:Br,pagination:Bo,prev:As,next:Ms,bar:rc,toggle:ac},function(x,I){c[I]=P("."+x)}),Mi(c,{root:a,track:w,list:L,slides:p})}function F(){var x=a.id||Xl(qi),I=n.role;a.id=x,w.id=w.id||x+"-track",L.id=L.id||x+"-list",!sn(a,Cn)&&a.tagName!=="SECTION"&&I&&je(a,Cn,I),je(a,Wi,d.carousel),je(L,Cn,"presentation")}function P(x){var I=cs(a,x);return I&&pc(I,"."+Xo)===a?I:void 0}function k(x){return[x+"--"+n.type,x+"--"+n.direction,n.drag&&x+"--draggable",n.isNavigation&&x+"--nav",x===Xo&&Jn]}return Mi(c,{setup:y,mount:C,destroy:b})}var mi="slide",wi="loop",Gi="fade";function hc(e,t,n,i){var o=bt(e),s=o.on,a=o.emit,d=o.bind,c=e.Components,p=e.root,u=e.options,T=u.isNavigation,w=u.updateOnMove,L=u.i18n,m=u.pagination,y=u.slideFocus,C=c.Direction.resolve,b=sn(i,"style"),$=sn(i,Jt),S=n>-1,F=Di(i,"."+ic),P;function k(){S||(i.id=p.id+"-slide"+Rr(t+1),je(i,Cn,m?"tabpanel":"group"),je(i,Wi,L.slide),je(i,Jt,$||hr(L.slideLabel,[t+1,e.length]))),x()}function x(){d(i,"click",mt(a,Ar,Q)),d(i,"keydown",mt(a,Cs,Q)),s([xi,Ts,Zn],R),s(_r,G),w&&s(In,f)}function I(){P=!0,o.destroy(),$n(i,dc),mn(i,Or),je(i,"style",b),je(i,Jt,$||"")}function G(){var U=e.splides.map(function(H){var J=H.splide.Components.Slides.getAt(t);return J?J.slide.id:""}).join(" ");je(i,Jt,hr(L.slideX,(S?n:t)+1)),je(i,Ki,U),je(i,Cn,y?"button":""),y&&mn(i,Wi)}function f(){P||R()}function R(){if(!P){var U=e.index;M(),j(),Sn(i,ks,t===U-1),Sn(i,Ws,t===U+1)}}function M(){var U=ue();U!==ia(i,Jn)&&(Sn(i,Jn,U),je(i,Is,T&&U||""),a(U?ps:ms,Q))}function j(){var U=V(),H=!U&&(!ue()||S);if(e.state.is([bi,Bi])||je(i,Ps,H||""),je(Ir(i,u.focusableNodes||""),ci,H?-1:""),y&&je(i,ci,H?-1:0),U!==ia(i,yr)&&(Sn(i,yr,U),a(U?gs:hs,Q)),!U&&document.activeElement===i){var J=c.Slides.getAt(e.index);J&&ss(J.slide)}}function Z(U,H,J){an(J&&F||i,U,H)}function ue(){var U=e.index;return U===t||u.cloneStatus&&U===n}function V(){if(e.is(Gi))return ue();var U=Yt(c.Elements.track),H=Yt(i),J=C("left",!0),oe=C("right",!0);return To(U[J])<=ki(H[J])&&To(H[oe])<=ki(U[oe])}function _(U,H){var J=Dt(U-t);return!S&&(u.rewind||e.is(wi))&&(J=kn(J,e.length-J)),J<=H}var Q={index:t,slideIndex:n,slide:i,container:F,isClone:S,mount:k,destroy:I,update:R,style:Z,isWithin:_};return Q}function fc(e,t,n){var i=bt(e),o=i.on,s=i.emit,a=i.bind,d=t.Elements,c=d.slides,p=d.list,u=[];function T(){w(),o(Et,L),o(Et,w)}function w(){c.forEach(function(R,M){y(R,M,-1)})}function L(){P(function(R){R.destroy()}),En(u)}function m(){P(function(R){R.update()})}function y(R,M,j){var Z=hc(e,M,j,R);Z.mount(),u.push(Z),u.sort(function(ue,V){return ue.index-V.index})}function C(R){return R?k(function(M){return!M.isClone}):u}function b(R){var M=t.Controller,j=M.toIndex(R),Z=M.hasFocus()?1:n.perPage;return k(function(ue){return fo(ue.index,j,j+Z-1)})}function $(R){return k(R)[0]}function S(R,M){en(R,function(j){if(_n(j)&&(j=ls(j)),rs(j)){var Z=c[M];Z?Er(j,Z):Vi(p,j),pn(j,n.classes.slide),I(j,mt(s,pi))}}),s(Et)}function F(R){Yn(k(R).map(function(M){return M.slide})),s(Et)}function P(R,M){C(M).forEach(R)}function k(R){return u.filter(os(R)?R:function(M){return _n(R)?Ri(M.slide,R):Lr(zi(R),M.index)})}function x(R,M,j){P(function(Z){Z.style(R,M,j)})}function I(R,M){var j=Ir(R,"img"),Z=j.length;Z?j.forEach(function(ue){a(ue,"load error",function(){--Z||M()})}):M()}function G(R){return R?c.length:u.length}function f(){return u.length>n.perPage}return{mount:T,destroy:L,update:m,register:y,get:C,getIn:b,getAt:$,add:S,remove:F,forEach:P,filter:k,style:x,getLength:G,isEnough:f}}function yc(e,t,n){var i=bt(e),o=i.on,s=i.bind,a=i.emit,d=t.Slides,c=t.Direction.resolve,p=t.Elements,u=p.root,T=p.track,w=p.list,L=d.getAt,m=d.style,y,C,b;function $(){S(),s(window,"resize load",Zl(mt(a,pi))),o([jt,Et],S),o(pi,F)}function S(){y=n.direction===No,an(u,"maxWidth",Vn(n.width)),an(T,c("paddingLeft"),P(!1)),an(T,c("paddingRight"),P(!0)),F(!0)}function F(Q){var U=Yt(u);(Q||C.width!==U.width||C.height!==U.height)&&(an(T,"height",k()),m(c("marginRight"),Vn(n.gap)),m("width",I()),m("height",G(),!0),C=U,a(Ao),b!==(b=_())&&(Sn(u,Ns,b),a(Yl,b)))}function P(Q){var U=n.padding,H=c(Q?"right":"left");return U&&Vn(U[H]||(Pi(U)?0:U))||"0px"}function k(){var Q="";return y&&(Q=x(),Ti(Q,"height or heightRatio is missing."),Q="calc("+Q+" - "+P(!1)+" - "+P(!0)+")"),Q}function x(){return Vn(n.height||Yt(w).width*n.heightRatio)}function I(){return n.autoWidth?null:Vn(n.fixedWidth)||(y?"":f())}function G(){return Vn(n.fixedHeight)||(y?n.autoHeight?null:f():x())}function f(){var Q=Vn(n.gap);return"calc((100%"+(Q&&" + "+Q)+")/"+(n.perPage||1)+(Q&&" - "+Q)+")"}function R(){return Yt(w)[c("width")]}function M(Q,U){var H=L(Q||0);return H?Yt(H.slide)[c("width")]+(U?0:ue()):0}function j(Q,U){var H=L(Q);if(H){var J=Yt(H.slide)[c("right")],oe=Yt(w)[c("left")];return Dt(J-oe)+(U?0:ue())}return 0}function Z(Q){return j(e.length-1)-j(0)+M(0,Q)}function ue(){var Q=L(0);return Q&&parseFloat(an(Q.slide,c("marginRight")))||0}function V(Q){return parseFloat(an(T,c("padding"+(Q?"Right":"Left"))))||0}function _(){return e.is(Gi)||Z(!0)>R()}return{mount:$,resize:F,listSize:R,slideSize:M,sliderSize:Z,totalSize:j,getPadding:V,isOverflow:_}}var vc=2;function bc(e,t,n){var i=bt(e),o=i.on,s=t.Elements,a=t.Slides,d=t.Direction.resolve,c=[],p;function u(){o(Et,T),o([jt,pi],L),(p=C())&&(m(p),t.Layout.resize(!0))}function T(){w(),u()}function w(){Yn(c),En(c),i.destroy()}function L(){var b=C();p!==b&&(p<b||!b)&&i.emit(Et)}function m(b){var $=a.get().slice(),S=$.length;if(S){for(;$.length<b;)ho($,$);ho($.slice(-b),$.slice(0,b)).forEach(function(F,P){var k=P<b,x=y(F.slide,P);k?Er(x,$[0].slide):Vi(s.list,x),ho(c,x),a.register(x,P-b+(k?0:S),F.index)})}}function y(b,$){var S=b.cloneNode(!0);return pn(S,n.classes.clone),S.id=e.root.id+"-clone"+Rr($+1),S}function C(){var b=n.clones;if(!e.is(wi))b=0;else if(ji(b)){var $=n[d("fixedWidth")]&&t.Layout.slideSize(0),S=$&&ki(Yt(s.track)[d("width")]/$);b=S||n[d("autoWidth")]&&e.length||n.perPage*vc}return b}return{mount:u,destroy:w}}function xc(e,t,n){var i=bt(e),o=i.on,s=i.emit,a=e.state.set,d=t.Layout,c=d.slideSize,p=d.getPadding,u=d.totalSize,T=d.listSize,w=d.sliderSize,L=t.Direction,m=L.resolve,y=L.orient,C=t.Elements,b=C.list,$=C.track,S;function F(){S=t.Transition,o([Nn,Ao,jt,Et],P)}function P(){t.Controller.isBusy()||(t.Scroll.cancel(),x(e.index),t.Slides.update())}function k(H,J,oe,ie){H!==J&&Q(H>oe)&&(R(),I(f(Z(),H>oe),!0)),a(bi),s(In,J,oe,H),S.start(J,function(){a(ui),s(xi,J,oe,H),ie&&ie()})}function x(H){I(j(H,!0))}function I(H,J){if(!e.is(Gi)){var oe=J?H:G(H);an(b,"transform","translate"+m("X")+"("+oe+"px)"),H!==oe&&s(Ts)}}function G(H){if(e.is(wi)){var J=M(H),oe=J>t.Controller.getEnd(),ie=J<0;(ie||oe)&&(H=f(H,oe))}return H}function f(H,J){var oe=H-_(J),ie=w();return H-=y(ie*(ki(Dt(oe)/ie)||1))*(J?1:-1),H}function R(){I(Z(),!0),S.cancel()}function M(H){for(var J=t.Slides.get(),oe=0,ie=1/0,W=0;W<J.length;W++){var ae=J[W].index,g=Dt(j(ae,!0)-H);if(g<=ie)ie=g,oe=ae;else break}return oe}function j(H,J){var oe=y(u(H-1)-V(H));return J?ue(oe):oe}function Z(){var H=m("left");return Yt(b)[H]-Yt($)[H]+y(p(!1))}function ue(H){return n.trimSpace&&e.is(mi)&&(H=oi(H,0,y(w(!0)-T()))),H}function V(H){var J=n.focus;return J==="center"?(T()-c(H,!0))/2:+J*c(H)||0}function _(H){return j(H?t.Controller.getEnd():0,!!n.trimSpace)}function Q(H){var J=y(f(Z(),H));return H?J>=0:J<=b[m("scrollWidth")]-Yt($)[m("width")]}function U(H,J){J=ji(J)?Z():J;var oe=H!==!0&&y(J)<y(_(!1)),ie=H!==!1&&y(J)>y(_(!0));return oe||ie}return{mount:F,move:k,jump:x,translate:I,shift:f,cancel:R,toIndex:M,toPosition:j,getPosition:Z,getLimit:_,exceededLimit:U,reposition:P}}function wc(e,t,n){var i=bt(e),o=i.on,s=i.emit,a=t.Move,d=a.getPosition,c=a.getLimit,p=a.toPosition,u=t.Slides,T=u.isEnough,w=u.getLength,L=n.omitEnd,m=e.is(wi),y=e.is(mi),C=mt(Z,!1),b=mt(Z,!0),$=n.start||0,S,F=$,P,k,x;function I(){G(),o([jt,Et,Lo],G),o(Ao,f)}function G(){P=w(!0),k=n.perMove,x=n.perPage,S=Q();var g=oi($,0,L?S:P-1);g!==$&&($=g,a.reposition())}function f(){S!==Q()&&s(Lo)}function R(g,te,ye){if(!ae()){var me=j(g),_e=_(me);_e>-1&&(te||_e!==$)&&(oe(_e),a.move(me,_e,F,ye))}}function M(g,te,ye,me){t.Scroll.scroll(g,te,ye,function(){var _e=_(a.toIndex(d()));oe(L?kn(_e,S):_e),me&&me()})}function j(g){var te=$;if(_n(g)){var ye=g.match(/([+\-<>])(\d+)?/)||[],me=ye[1],_e=ye[2];me==="+"||me==="-"?te=ue($+ +(""+me+(+_e||1)),$):me===">"?te=_e?U(+_e):C(!0):me==="<"&&(te=b(!0))}else te=m?g:oi(g,0,S);return te}function Z(g,te){var ye=k||(W()?1:x),me=ue($+ye*(g?-1:1),$,!(k||W()));return me===-1&&y&&!ds(d(),c(!g),1)?g?0:S:te?me:_(me)}function ue(g,te,ye){if(T()||W()){var me=V(g);me!==g&&(te=g,g=me,ye=!1),g<0||g>S?!k&&(fo(0,g,te,!0)||fo(S,te,g,!0))?g=U(H(g)):m?g=ye?g<0?-(P%x||x):P:g:n.rewind?g=g<0?S:0:g=-1:ye&&g!==te&&(g=U(H(te)+(g<te?-1:1)))}else g=-1;return g}function V(g){if(y&&n.trimSpace==="move"&&g!==$)for(var te=d();te===p(g,!0)&&fo(g,0,e.length-1,!n.rewind);)g<$?--g:++g;return g}function _(g){return m?(g+P)%P||0:g}function Q(){for(var g=P-(W()||m&&k?1:x);L&&g-- >0;)if(p(P-1,!0)!==p(g,!0)){g++;break}return oi(g,0,P-1)}function U(g){return oi(W()?g:x*g,0,S)}function H(g){return W()?kn(g,S):To((g>=S?P-1:g)/x)}function J(g){var te=a.toIndex(g);return y?oi(te,0,S):te}function oe(g){g!==$&&(F=$,$=g)}function ie(g){return g?F:$}function W(){return!ji(n.focus)||n.isNavigation}function ae(){return e.state.is([bi,Bi])&&!!n.waitForTransition}return{mount:I,go:R,scroll:M,getNext:C,getPrev:b,getAdjacent:Z,getEnd:Q,setIndex:oe,getIndex:ie,toIndex:U,toPage:H,toDest:J,hasFocus:W,isBusy:ae}}var Sc="http://www.w3.org/2000/svg",$c="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",Qi=40;function Cc(e,t,n){var i=bt(e),o=i.on,s=i.bind,a=i.emit,d=n.classes,c=n.i18n,p=t.Elements,u=t.Controller,T=p.arrows,w=p.track,L=T,m=p.prev,y=p.next,C,b,$={};function S(){P(),o(jt,F)}function F(){k(),S()}function P(){var M=n.arrows;M&&!(m&&y)&&G(),m&&y&&(Mi($,{prev:m,next:y}),_i(L,M?"":"none"),pn(L,b=Br+"--"+n.direction),M&&(x(),R(),je([m,y],Ki,w.id),a(bs,m,y)))}function k(){i.destroy(),$n(L,b),C?(Yn(T?[m,y]:L),m=y=null):mn([m,y],Or)}function x(){o([Nn,xi,Et,Zn,Lo],R),s(y,"click",mt(I,">")),s(m,"click",mt(I,"<"))}function I(M){u.go(M,!0)}function G(){L=T||li("div",d.arrows),m=f(!0),y=f(!1),C=!0,Vi(L,[m,y]),!T&&Er(L,w)}function f(M){var j='<button class="'+d.arrow+" "+(M?d.prev:d.next)+'" type="button"><svg xmlns="'+Sc+'" viewBox="0 0 '+Qi+" "+Qi+'" width="'+Qi+'" height="'+Qi+'" focusable="false"><path d="'+(n.arrowPath||$c)+'" />';return ls(j)}function R(){if(m&&y){var M=e.index,j=u.getPrev(),Z=u.getNext(),ue=j>-1&&M<j?c.last:c.prev,V=Z>-1&&M>Z?c.first:c.next;m.disabled=j<0,y.disabled=Z<0,je(m,Jt,ue),je(y,Jt,V),a(xs,m,y,j,Z)}}return{arrows:$,mount:S,destroy:k,update:R}}var Tc=Pr+"-interval";function Lc(e,t,n){var i=bt(e),o=i.on,s=i.bind,a=i.emit,d=_o(n.interval,e.go.bind(e,">"),x),c=d.isPaused,p=t.Elements,u=t.Elements,T=u.root,w=u.toggle,L=n.autoplay,m,y,C=L==="pause";function b(){L&&($(),w&&je(w,Ki,p.track.id),C||S(),k())}function $(){n.pauseOnHover&&s(T,"mouseenter mouseleave",function(G){m=G.type==="mouseenter",P()}),n.pauseOnFocus&&s(T,"focusin focusout",function(G){y=G.type==="focusin",P()}),w&&s(w,"click",function(){C?S():F(!0)}),o([In,Mo,Et],d.rewind),o(In,I)}function S(){c()&&t.Slides.isEnough()&&(d.start(!n.resetProgress),y=m=C=!1,k(),a(kr))}function F(G){G===void 0&&(G=!0),C=!!G,k(),c()||(d.pause(),a(Wr))}function P(){C||(m||y?F(!1):S())}function k(){w&&(Sn(w,Jn,!C),je(w,Jt,n.i18n[C?"play":"pause"]))}function x(G){var f=p.bar;f&&an(f,"width",G*100+"%"),a($s,G)}function I(G){var f=t.Slides.getAt(G);d.set(f&&+sn(f.slide,Tc)||n.interval)}return{mount:b,destroy:d.cancel,play:S,pause:F,isPaused:c}}function Ec(e,t,n){var i=bt(e),o=i.on;function s(){n.cover&&(o(Fr,mt(d,!0)),o([Nn,jt,Et],mt(a,!0)))}function a(c){t.Slides.forEach(function(p){var u=Di(p.container||p.slide,"img");u&&u.src&&d(c,u,p)})}function d(c,p,u){u.style("background",c?'center/cover no-repeat url("'+p.src+'")':"",!0),_i(p,c?"none":"")}return{mount:s,destroy:mt(a,!1)}}var Ic=10,Pc=600,Rc=.6,Ac=1.5,Mc=800;function _c(e,t,n){var i=bt(e),o=i.on,s=i.emit,a=e.state.set,d=t.Move,c=d.getPosition,p=d.getLimit,u=d.exceededLimit,T=d.translate,w=e.is(mi),L,m,y=1;function C(){o(In,F),o([jt,Et],P)}function b(x,I,G,f,R){var M=c();if(F(),G&&(!w||!u())){var j=t.Layout.sliderSize(),Z=gr(x)*j*To(Dt(x)/j)||0;x=d.toPosition(t.Controller.toDest(x%j))+Z}var ue=ds(M,x,1);y=1,I=ue?0:I||Co(Dt(x-M)/Ac,Mc),m=f,L=_o(I,$,mt(S,M,x,R),1),a(Bi),s(Mo),L.start()}function $(){a(ui),m&&m(),s(Zn)}function S(x,I,G,f){var R=c(),M=x+(I-x)*k(f),j=(M-R)*y;T(R+j),w&&!G&&u()&&(y*=Rc,Dt(j)<Ic&&b(p(u(!0)),Pc,!1,m,!0))}function F(){L&&L.cancel()}function P(){L&&!L.isPaused()&&(F(),$())}function k(x){var I=n.easingFunc;return I?I(x):1-Math.pow(1-x,4)}return{mount:C,destroy:F,scroll:b,cancel:P}}var ri={passive:!1,capture:!0};function kc(e,t,n){var i=bt(e),o=i.on,s=i.emit,a=i.bind,d=i.unbind,c=e.state,p=t.Move,u=t.Scroll,T=t.Controller,w=t.Elements.track,L=t.Media.reduce,m=t.Direction,y=m.resolve,C=m.orient,b=p.getPosition,$=p.exceededLimit,S,F,P,k,x,I=!1,G,f,R;function M(){a(w,Yo,pr,ri),a(w,Jo,pr,ri),a(w,Hs,Z,ri),a(w,"click",_,{capture:!0}),a(w,"dragstart",wn),o([Nn,jt],j)}function j(){var K=n.drag;de(!K),k=K==="free"}function Z(K){if(G=!1,!f){var B=_e(K);me(K.target)&&(B||!K.button)&&(T.isBusy()?wn(K,!0):(R=B?w:window,x=c.is([bi,Bi]),P=null,a(R,Yo,ue,ri),a(R,Jo,V,ri),p.cancel(),u.cancel(),Q(K)))}}function ue(K){if(c.is(go)||(c.set(go),s(fs)),K.cancelable)if(x){p.translate(S+ye(W(K)));var B=ae(K)>ua,N=I!==(I=$());(B||N)&&Q(K),G=!0,s(ys),wn(K)}else J(K)&&(x=H(K),wn(K))}function V(K){c.is(go)&&(c.set(ui),s(vs)),x&&(U(K),wn(K)),d(R,Yo,ue),d(R,Jo,V),x=!1}function _(K){!f&&G&&wn(K,!0)}function Q(K){P=F,F=K,S=b()}function U(K){var B=oe(K),N=ie(B),re=n.rewind&&n.rewindByDrag;L(!1),k?T.scroll(N,0,n.snap):e.is(Gi)?T.go(C(gr(B))<0?re?"<":"-":re?">":"+"):e.is(mi)&&I&&re?T.go($(!0)?">":"<"):T.go(T.toDest(N),!0),L(!0)}function H(K){var B=n.dragMinThreshold,N=Pi(B),re=N&&B.mouse||0,$e=(N?B.touch:+B)||10;return Dt(W(K))>(_e(K)?$e:re)}function J(K){return Dt(W(K))>Dt(W(K,!0))}function oe(K){if(e.is(wi)||!I){var B=ae(K);if(B&&B<ua)return W(K)/B}return 0}function ie(K){return b()+gr(K)*kn(Dt(K)*(n.flickPower||600),k?1/0:t.Layout.listSize()*(n.flickMaxPages||1))}function W(K,B){return te(K,B)-te(g(K),B)}function ae(K){return mr(K)-mr(g(K))}function g(K){return F===K&&P||F}function te(K,B){return(_e(K)?K.changedTouches[0]:K)["page"+y(B?"Y":"X")]}function ye(K){return K/(I&&e.is(mi)?mc:1)}function me(K){var B=n.noDrag;return!Ri(K,"."+_s+", ."+Oo)&&(!B||!Ri(K,B))}function _e(K){return typeof TouchEvent<"u"&&K instanceof TouchEvent}function X(){return x}function de(K){f=K}return{mount:M,disable:de,isDragging:X}}var Wc={Spacebar:" ",Right:Fo,Left:Wo,Up:Ls,Down:Es};function jr(e){return e=_n(e)?e:e.key,Wc[e]||e}var pa="keydown";function Fc(e,t,n){var i=bt(e),o=i.on,s=i.bind,a=i.unbind,d=e.root,c=t.Direction.resolve,p,u;function T(){w(),o(jt,L),o(jt,w),o(In,y)}function w(){var b=n.keyboard;b&&(p=b==="global"?window:d,s(p,pa,C))}function L(){a(p,pa)}function m(b){u=b}function y(){var b=u;u=!0,is(function(){u=b})}function C(b){if(!u){var $=jr(b);$===c(Wo)?e.go("<"):$===c(Fo)&&e.go(">")}}return{mount:T,destroy:L,disable:m}}var Li=Pr+"-lazy",yo=Li+"-srcset",Nc="["+Li+"], ["+yo+"]";function Hc(e,t,n){var i=bt(e),o=i.on,s=i.off,a=i.bind,d=i.emit,c=n.lazyLoad==="sequential",p=[xi,Zn],u=[];function T(){n.lazyLoad&&(w(),o(Et,w))}function w(){En(u),L(),c?b():(s(p),o(p,m),m())}function L(){t.Slides.forEach(function($){Ir($.slide,Nc).forEach(function(S){var F=sn(S,Li),P=sn(S,yo);if(F!==S.src||P!==S.srcset){var k=n.classes.spinner,x=S.parentElement,I=Di(x,"."+k)||li("span",k,x);u.push([S,$,I]),S.src||_i(S,"none")}})})}function m(){u=u.filter(function($){var S=n.perPage*((n.preloadPages||1)+1)-1;return $[1].isWithin(e.index,S)?y($):!0}),u.length||s(p)}function y($){var S=$[0];pn($[1].slide,vr),a(S,"load error",mt(C,$)),je(S,"src",sn(S,Li)),je(S,"srcset",sn(S,yo)),mn(S,Li),mn(S,yo)}function C($,S){var F=$[0],P=$[1];$n(P.slide,vr),S.type!=="error"&&(Yn($[2]),_i(F,""),d(Fr,F,P),d(pi)),c&&b()}function b(){u.length&&y(u.shift())}return{mount:T,destroy:mt(En,u),check:m}}function Oc(e,t,n){var i=bt(e),o=i.on,s=i.emit,a=i.bind,d=t.Slides,c=t.Elements,p=t.Controller,u=p.hasFocus,T=p.getIndex,w=p.go,L=t.Direction.resolve,m=c.pagination,y=[],C,b;function $(){S(),o([jt,Et,Lo],$);var f=n.pagination;m&&_i(m,f?"":"none"),f&&(o([In,Mo,Zn],G),F(),G(),s(ws,{list:C,items:y},I(e.index)))}function S(){C&&(Yn(m?Fn(C.children):C),$n(C,b),En(y),C=null),i.destroy()}function F(){var f=e.length,R=n.classes,M=n.i18n,j=n.perPage,Z=u()?p.getEnd()+1:ki(f/j);C=m||li("ul",R.pagination,c.track.parentElement),pn(C,b=Bo+"--"+x()),je(C,Cn,"tablist"),je(C,Jt,M.select),je(C,Hr,x()===No?"vertical":"");for(var ue=0;ue<Z;ue++){var V=li("li",null,C),_=li("button",{class:R.page,type:"button"},V),Q=d.getIn(ue).map(function(H){return H.slide.id}),U=!u()&&j>1?M.pageX:M.slideX;a(_,"click",mt(P,ue)),n.paginationKeyboard&&a(_,"keydown",mt(k,ue)),je(V,Cn,"presentation"),je(_,Cn,"tab"),je(_,Ki,Q.join(" ")),je(_,Jt,hr(U,ue+1)),je(_,ci,-1),y.push({li:V,button:_,page:ue})}}function P(f){w(">"+f,!0)}function k(f,R){var M=y.length,j=jr(R),Z=x(),ue=-1;j===L(Fo,!1,Z)?ue=++f%M:j===L(Wo,!1,Z)?ue=(--f+M)%M:j==="Home"?ue=0:j==="End"&&(ue=M-1);var V=y[ue];V&&(ss(V.button),w(">"+ue),wn(R,!0))}function x(){return n.paginationDirection||n.direction}function I(f){return y[p.toPage(f)]}function G(){var f=I(T(!0)),R=I(T());if(f){var M=f.button;$n(M,Jn),mn(M,aa),je(M,ci,-1)}if(R){var j=R.button;pn(j,Jn),je(j,aa,!0),je(j,ci,"")}s(Ss,{list:C,items:y},f,R)}return{items:y,mount:$,destroy:S,getAt:I,update:G}}var Bc=[" ","Enter"];function jc(e,t,n){var i=n.isNavigation,o=n.slideFocus,s=[];function a(){e.splides.forEach(function(m){m.isParent||(p(e,m.splide),p(m.splide,e))}),i&&u()}function d(){s.forEach(function(m){m.destroy()}),En(s)}function c(){d(),a()}function p(m,y){var C=bt(m);C.on(In,function(b,$,S){y.go(y.is(wi)?S:b)}),s.push(C)}function u(){var m=bt(e),y=m.on;y(Ar,w),y(Cs,L),y([Nn,jt],T),s.push(m),m.emit(_r,e.splides)}function T(){je(t.Elements.list,Hr,n.direction===No?"vertical":"")}function w(m){e.go(m.index)}function L(m,y){Lr(Bc,jr(y))&&(w(m),wn(y))}return{setup:mt(t.Media.set,{slideFocus:ji(o)?i:o},!0),mount:a,destroy:d,remount:c}}function zc(e,t,n){var i=bt(e),o=i.bind,s=0;function a(){n.wheel&&o(t.Elements.track,"wheel",d,ri)}function d(p){if(p.cancelable){var u=p.deltaY,T=u<0,w=mr(p),L=n.wheelMinThreshold||0,m=n.wheelSleep||0;Dt(u)>L&&w-s>m&&(e.go(T?"<":">"),s=w),c(T)&&wn(p)}}function c(p){return!n.releaseWheel||e.state.is(bi)||t.Controller.getAdjacent(p)!==-1}return{mount:a}}var Vc=90;function Dc(e,t,n){var i=bt(e),o=i.on,s=t.Elements.track,a=n.live&&!n.isNavigation,d=li("span",lc),c=_o(Vc,mt(u,!1));function p(){a&&(w(!t.Autoplay.isPaused()),je(s,ca,!0),d.textContent="…",o(kr,mt(w,!0)),o(Wr,mt(w,!1)),o([xi,Zn],mt(u,!0)))}function u(L){je(s,la,L),L?(Vi(s,d),c.start()):(Yn(d),c.cancel())}function T(){mn(s,[sa,ca,la]),Yn(d)}function w(L){a&&je(s,sa,L?"off":"polite")}return{mount:p,disable:w,destroy:T}}var qc=Object.freeze({__proto__:null,Media:Ql,Direction:ec,Elements:gc,Slides:fc,Layout:yc,Clones:bc,Move:xc,Controller:wc,Arrows:Cc,Autoplay:Lc,Cover:Ec,Scroll:_c,Drag:kc,Keyboard:Fc,LazyLoad:Hc,Pagination:Oc,Sync:jc,Wheel:zc,Live:Dc}),Kc={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"},Gc={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:uc,i18n:Kc,reducedMotion:{speed:0,rewindSpeed:0,autoplay:"pause"}};function Uc(e,t,n){var i=t.Slides;function o(){bt(e).on([Nn,Et],s)}function s(){i.forEach(function(d){d.style("transform","translateX(-"+100*d.index+"%)")})}function a(d,c){i.style("transition","opacity "+n.speed+"ms "+n.easing),is(c)}return{mount:o,start:a,cancel:pr}}function Xc(e,t,n){var i=t.Move,o=t.Controller,s=t.Scroll,a=t.Elements.list,d=mt(an,a,"transition"),c;function p(){bt(e).bind(a,"transitionend",function(L){L.target===a&&c&&(T(),c())})}function u(L,m){var y=i.toPosition(L,!0),C=i.getPosition(),b=w(L);Dt(y-C)>=1&&b>=1?n.useScroll?s.scroll(y,b,!1,m):(d("transform "+b+"ms "+n.easing),i.translate(y,!0),c=m):(i.jump(L),m())}function T(){d(""),s.cancel()}function w(L){var m=n.rewindSpeed;if(e.is(mi)&&m){var y=o.getIndex(!0),C=o.getEnd();if(y===0&&L>=C||y>=C&&L===0)return m}return n.speed}return{mount:p,start:u,cancel:T}}var Yc=(function(){function e(n,i){this.event=bt(),this.Components={},this.state=Jl(si),this.splides=[],this._o={},this._E={};var o=_n(n)?cs(document,n):n;Ti(o,o+" is invalid."),this.root=o,i=Mn({label:sn(o,Jt)||"",labelledby:sn(o,Nr)||""},Gc,e.defaults,i||{});try{Mn(i,JSON.parse(sn(o,Pr)))}catch{Ti(!1,"Invalid JSON")}this._o=Object.create(Mn({},i))}var t=e.prototype;return t.mount=function(i,o){var s=this,a=this.state,d=this.Components;Ti(a.is([si,$o]),"Already mounted!"),a.set(si),this._C=d,this._T=o||this._T||(this.is(Gi)?Uc:Xc),this._E=i||this._E;var c=Mi({},qc,this._E,{Transition:this._T});return Xn(c,function(p,u){var T=p(s,d,s._o);d[u]=T,T.setup&&T.setup()}),Xn(d,function(p){p.mount&&p.mount()}),this.emit(Nn),pn(this.root,cc),a.set(ui),this.emit(fr),this},t.sync=function(i){return this.splides.push({splide:i}),i.splides.push({splide:this,isParent:!0}),this.state.is(ui)&&(this._C.Sync.remount(),i.Components.Sync.remount()),this},t.go=function(i){return this._C.Controller.go(i),this},t.on=function(i,o){return this.event.on(i,o),this},t.off=function(i){return this.event.off(i),this},t.emit=function(i){var o;return(o=this.event).emit.apply(o,[i].concat(Fn(arguments,1))),this},t.add=function(i,o){return this._C.Slides.add(i,o),this},t.remove=function(i){return this._C.Slides.remove(i),this},t.is=function(i){return this._o.type===i},t.refresh=function(){return this.emit(Et),this},t.destroy=function(i){i===void 0&&(i=!0);var o=this.event,s=this.state;return s.is(si)?bt(this).on(fr,this.destroy.bind(this,i)):(Xn(this._C,function(a){a.destroy&&a.destroy(i)},!0),o.emit(Mr),o.destroy(),i&&En(this.splides),s.set($o)),this},Kl(e,[{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()}}]),e})(),zr=Yc;zr.defaults={};zr.STATES=Ul;var ma=[[Nn,"onMounted"],[fr,"onReady"],[In,"onMove"],[xi,"onMoved"],[Ar,"onClick"],[ps,"onActive"],[ms,"onInactive"],[gs,"onVisible"],[hs,"onHidden"],[Et,"onRefresh"],[jt,"onUpdated"],[pi,"onResize"],[Ao,"onResized"],[fs,"onDrag"],[ys,"onDragging"],[vs,"onDragged"],[Mo,"onScroll"],[Zn,"onScrolled"],[Mr,"onDestroy"],[bs,"onArrowsMounted"],[xs,"onArrowsUpdated"],[ws,"onPaginationMounted"],[Ss,"onPaginationUpdated"],[_r,"onNavigationMounted"],[kr,"onAutoplayPlay"],[$s,"onAutoplayPlaying"],[Wr,"onAutoplayPause"],[Fr,"onLazyLoadLoaded"]];function Vr(...e){return e.filter(Boolean).join(" ")}function Eo(e){return e!==null&&typeof e=="object"}function br(e,t){if(Array.isArray(e)&&Array.isArray(t))return e.length===t.length&&!e.some((n,i)=>!br(n,t[i]));if(Eo(e)&&Eo(t)){const n=Object.keys(e),i=Object.keys(t);return n.length===i.length&&!n.some(o=>!Object.prototype.hasOwnProperty.call(t,o)||!br(e[o],t[o]))}return e===t}function Jc(e,t){return e.length===t.length&&!e.some((n,i)=>n!==t[i])}function Zc(e,t){if(e){const n=Object.keys(e);for(let i=0;i<n.length;i++){const o=n[i];if(o!=="__proto__"&&t(e[o],o)===!1)break}}return e}function xr(e,t){const n=e;return Zc(t,(i,o)=>{Array.isArray(i)?n[o]=i.slice():Eo(i)?n[o]=xr(Eo(n[o])?n[o]:{},i):n[o]=i}),n}var Qc=({children:e,className:t,...n})=>l.createElement("div",{className:Vr("splide__track",t),...n},l.createElement("ul",{className:"splide__list"},e)),Dr=class extends l.Component{constructor(){super(...arguments),this.splideRef=l.createRef(),this.slides=[]}componentDidMount(){const{options:e,extensions:t,transition:n}=this.props,{current:i}=this.splideRef;i&&(this.splide=new zr(i,e),this.bind(this.splide),this.splide.mount(t,n),this.options=xr({},e||{}),this.slides=this.getSlides())}componentWillUnmount(){this.splide&&(this.splide.destroy(),this.splide=void 0),this.options=void 0,this.slides.length=0}componentDidUpdate(){if(!this.splide)return;const{options:e}=this.props;e&&!br(this.options,e)&&(this.splide.options=e,this.options=xr({},e));const t=this.getSlides();Jc(this.slides,t)||(this.splide.refresh(),this.slides=t)}sync(e){var t;(t=this.splide)==null||t.sync(e)}go(e){var t;(t=this.splide)==null||t.go(e)}getSlides(){var e;if(this.splide){const t=(e=this.splide.Components.Elements)==null?void 0:e.list.children;return t&&Array.prototype.slice.call(t)||[]}return[]}bind(e){ma.forEach(([t,n])=>{const i=this.props[n];typeof i=="function"&&e.on(t,(...o)=>{i(e,...o)})})}omit(e,t){return t.forEach(n=>{Object.prototype.hasOwnProperty.call(e,n)&&delete e[n]}),e}render(){const{className:e,tag:t="div",hasTrack:n=!0,children:i,...o}=this.props;return l.createElement(t,{className:Vr("splide",e),ref:this.splideRef,...this.omit(o,["options",...ma.map(s=>s[1])])},n?l.createElement(Qc,null,i):i)}},qr=({children:e,className:t,...n})=>l.createElement("li",{className:Vr("splide__slide",t),...n},e);/*!
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("react"),Ye=require("classnames"),P=require("./readTestimonialTextMeasure-CB_Uq-fO.js"),Ni=require("react-dom");function al(e){return e.type==="object"&&e.version===1}const sl="ControlSlider-module__wrapper___sHEkd",ll="ControlSlider-module__hoverArrow___A-dOH",cl="ControlSlider-module__sliderItem___QQSkR",dl="ControlSlider-module__sliderImage___9hRl-",ul="ControlSlider-module__arrow___05ghY",pl="ControlSlider-module__arrowVertical___tBfVN",ml="ControlSlider-module__nextArrow___-30Yc",gl="ControlSlider-module__arrowInner___aEra3",hl="ControlSlider-module__arrowIcon___S4ztF",fl="ControlSlider-module__arrowImg___2dwJW",yl="ControlSlider-module__mirror___brd6U",vl="ControlSlider-module__pagination___bicLF",bl="ControlSlider-module__paginationInner___bT-P-",xl="ControlSlider-module__paginationVertical___zYqKw",wl="ControlSlider-module__paginationItem___nTRbk",Sl="ControlSlider-module__dot___p1Qun",$l="ControlSlider-module__activeDot___LHFaj",Cl="ControlSlider-module__paginationInsideBottom___R3FWn",Tl="ControlSlider-module__paginationInsideTop___V-qb-",Ll="ControlSlider-module__paginationOutsideBottom___14w8D",El="ControlSlider-module__paginationOutsideTop___SCLqB",Il="ControlSlider-module__paginationInsideLeft___yOBRZ",Pl="ControlSlider-module__paginationInsideRight___Rtt3o",Rl="ControlSlider-module__paginationOutsideLeft___lahaw",Al="ControlSlider-module__paginationOutsideRight___EtuQa",Ml="ControlSlider-module__imgWrapper___UjEgB",kl="ControlSlider-module__captionBlock___dJ6-j",_l="ControlSlider-module__captionTextWrapper___HFlpf",Wl="ControlSlider-module__captionText___uGBVc",Fl="ControlSlider-module__active___WZK4G",Nl="ControlSlider-module__withPointerEvents___t-18M",Hl="ControlSlider-module__topLeftAlignment___zjnGM",Ol="ControlSlider-module__topCenterAlignment___gD1xW",Bl="ControlSlider-module__topRightAlignment___NMapS",jl="ControlSlider-module__middleLeftAlignment___OnUrY",zl="ControlSlider-module__middleCenterAlignment___Tdkl0",Vl="ControlSlider-module__middleRightAlignment___wEbfX",Dl="ControlSlider-module__bottomLeftAlignment___cTP2-",ql="ControlSlider-module__bottomCenterAlignment___c54fB",Kl="ControlSlider-module__bottomRightAlignment___kEwrz",Gl="ControlSlider-module__clickOverlay___DZA28",Ul="ControlSlider-module__contain___pLyq7",Xl="ControlSlider-module__cover___KdDat",Le={wrapper:sl,hoverArrow:ll,sliderItem:cl,sliderImage:dl,arrow:ul,arrowVertical:pl,nextArrow:ml,arrowInner:gl,arrowIcon:hl,arrowImg:fl,mirror:yl,pagination:vl,paginationInner:bl,paginationVertical:xl,paginationItem:wl,dot:Sl,activeDot:$l,paginationInsideBottom:Cl,paginationInsideTop:Tl,paginationOutsideBottom:Ll,paginationOutsideTop:El,paginationInsideLeft:Il,paginationInsideRight:Pl,paginationOutsideLeft:Rl,paginationOutsideRight:Al,imgWrapper:Ml,captionBlock:kl,captionTextWrapper:_l,captionText:Wl,active:Fl,withPointerEvents:Nl,topLeftAlignment:Hl,topCenterAlignment:Ol,topRightAlignment:Bl,middleLeftAlignment:jl,middleCenterAlignment:zl,middleRightAlignment:Vl,bottomLeftAlignment:Dl,bottomCenterAlignment:ql,bottomRightAlignment:Kl,clickOverlay:Gl,contain:Ul,cover:Xl};function Yl(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function Jl(e,t,n){return t&&Yl(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}var ra="(prefers-reduced-motion: reduce)",ri=1,Zl=2,li=3,fi=4,Hi=5,fo=6,Co=7,Ql={CREATED:ri,MOUNTED:Zl,IDLE:li,MOVING:fi,SCROLLING:Hi,DRAGGING:fo,DESTROYED:Co};function wn(e){e.length=0}function Mn(e,t,n){return Array.prototype.slice.call(e,t,n)}function ct(e){return e.bind.apply(e,[null].concat(Mn(arguments,1)))}var ss=setTimeout,fr=function(){};function aa(e){return requestAnimationFrame(e)}function Ao(e,t){return typeof t===e}function Ei(e){return!Pr(e)&&Ao("object",e)}var Ir=Array.isArray,ls=ct(Ao,"function"),Pn=ct(Ao,"string"),Oi=ct(Ao,"undefined");function Pr(e){return e===null}function cs(e){try{return e instanceof(e.ownerDocument.defaultView||window).HTMLElement}catch{return!1}}function Bi(e){return Ir(e)?e:[e]}function Yt(e,t){Bi(e).forEach(t)}function Rr(e,t){return e.indexOf(t)>-1}function yo(e,t){return e.push.apply(e,Bi(t)),e}function fn(e,t,n){e&&Yt(t,function(i){i&&e.classList[n?"add":"remove"](i)})}function ln(e,t){fn(e,Pn(t)?t.split(" "):t,!0)}function ji(e,t){Yt(t,e.appendChild.bind(e))}function Ar(e,t){Yt(e,function(n){var i=(t||n).parentNode;i&&i.insertBefore(n,t)})}function Ii(e,t){return cs(e)&&(e.msMatchesSelector||e.matches).call(e,t)}function ds(e,t){var n=e?Mn(e.children):[];return t?n.filter(function(i){return Ii(i,t)}):n}function zi(e,t){return t?ds(e,t)[0]:e.firstElementChild}var Pi=Object.keys;function qn(e,t,n){return e&&(n?Pi(e).reverse():Pi(e)).forEach(function(i){i!=="__proto__"&&t(e[i],i)}),e}function Ri(e){return Mn(arguments,1).forEach(function(t){qn(t,function(n,i){e[i]=t[i]})}),e}function In(e){return Mn(arguments,1).forEach(function(t){qn(t,function(n,i){Ir(n)?e[i]=n.slice():Ei(n)?e[i]=In({},Ei(e[i])?e[i]:{},n):e[i]=n})}),e}function sa(e,t){Yt(t||Pi(e),function(n){delete e[n]})}function cn(e,t){Yt(e,function(n){Yt(t,function(i){n&&n.removeAttribute(i)})})}function He(e,t,n){Ei(t)?qn(t,function(i,o){He(e,o,i)}):Yt(e,function(i){Pr(n)||n===""?cn(i,t):i.setAttribute(t,String(n))})}function ai(e,t,n){var i=document.createElement(e);return t&&(Pn(t)?ln(i,t):He(i,t)),n&&ji(n,i),i}function en(e,t,n){if(Oi(n))return getComputedStyle(e)[t];Pr(n)||(e.style[t]=""+n)}function Ai(e,t){en(e,"display",t)}function us(e){e.setActive&&e.setActive()||e.focus({preventScroll:!0})}function tn(e,t){return e.getAttribute(t)}function la(e,t){return e&&e.classList.contains(t)}function Kt(e){return e.getBoundingClientRect()}function Kn(e){Yt(e,function(t){t&&t.parentNode&&t.parentNode.removeChild(t)})}function ps(e){return zi(new DOMParser().parseFromString(e,"text/html").body)}function hn(e,t){e.preventDefault(),t&&(e.stopPropagation(),e.stopImmediatePropagation())}function ms(e,t){return e&&e.querySelector(t)}function Mr(e,t){return t?Mn(e.querySelectorAll(t)):[]}function yn(e,t){fn(e,t,!1)}function yr(e){return e.timeStamp}function On(e){return Pn(e)?e:e?e+"px":""}var Vi="splide",kr="data-"+Vi;function Si(e,t){if(!e)throw new Error("["+Vi+"] "+(t||""))}var Rn=Math.min,To=Math.max,Lo=Math.floor,Mi=Math.ceil,Bt=Math.abs;function gs(e,t,n){return Bt(e-t)<n}function vo(e,t,n,i){var o=Rn(t,n),s=To(t,n);return i?o<e&&e<s:o<=e&&e<=s}function ni(e,t,n){var i=Rn(t,n),o=To(t,n);return Rn(To(i,e),o)}function vr(e){return+(e>0)-+(e<0)}function br(e,t){return Yt(t,function(n){e=e.replace("%s",""+n)}),e}function _r(e){return e<10?"0"+e:""+e}var ca={};function ec(e){return""+e+_r(ca[e]=(ca[e]||0)+1)}function hs(){var e=[];function t(a,u,c,m){o(a,u,function(p,R,b){var I="addEventListener"in p,g=I?p.removeEventListener.bind(p,R,c,m):p.removeListener.bind(p,c);I?p.addEventListener(R,c,m):p.addListener(c),e.push([p,R,b,c,g])})}function n(a,u,c){o(a,u,function(m,p,R){e=e.filter(function(b){return b[0]===m&&b[1]===p&&b[2]===R&&(!c||b[3]===c)?(b[4](),!1):!0})})}function i(a,u,c){var m,p=!0;return typeof CustomEvent=="function"?m=new CustomEvent(u,{bubbles:p,detail:c}):(m=document.createEvent("CustomEvent"),m.initCustomEvent(u,p,!1,c)),a.dispatchEvent(m),m}function o(a,u,c){Yt(a,function(m){m&&Yt(u,function(p){p.split(" ").forEach(function(R){var b=R.split(".");c(m,b[0],b[1])})})})}function s(){e.forEach(function(a){a[4]()}),wn(e)}return{bind:t,unbind:n,dispatch:i,destroy:s}}var kn="mounted",xr="ready",Sn="move",yi="moved",Wr="click",fs="active",ys="inactive",vs="visible",bs="hidden",Lt="refresh",Nt="updated",ci="resize",Mo="resized",xs="drag",ws="dragging",Ss="dragged",ko="scroll",Un="scrolled",tc="overflow",Fr="destroy",$s="arrows:mounted",Cs="arrows:updated",Ts="pagination:mounted",Ls="pagination:updated",Nr="navigation:mounted",Hr="autoplay:play",Es="autoplay:playing",Or="autoplay:pause",Br="lazyload:loaded",Is="sk",Ps="sh",Eo="ei";function gt(e){var t=e?e.event.bus:document.createDocumentFragment(),n=hs();function i(s,a){n.bind(t,Bi(s).join(" "),function(u){a.apply(a,Ir(u.detail)?u.detail:[])})}function o(s){n.dispatch(t,s,Mn(arguments,1))}return e&&e.event.on(Fr,n.destroy),Ri(n,{bus:t,on:i,off:ct(n.unbind,t),emit:o})}function _o(e,t,n,i){var o=Date.now,s,a=0,u,c=!0,m=0;function p(){if(!c){if(a=e?Rn((o()-s)/e,1):1,n&&n(a),a>=1&&(t(),s=o(),i&&++m>=i))return b();u=aa(p)}}function R(w){w||g(),s=o()-(w?a*e:0),c=!1,u=aa(p)}function b(){c=!0}function I(){s=o(),a=0,n&&n(a)}function g(){u&&cancelAnimationFrame(u),a=0,u=0,c=!0}function v(w){e=w}function T(){return c}return{start:R,rewind:I,pause:b,cancel:g,set:v,isPaused:T}}function nc(e){var t=e;function n(o){t=o}function i(o){return Rr(Bi(o),t)}return{set:n,is:i}}function ic(e,t){var n=_o(0,e,null,1);return function(){n.isPaused()&&n.start()}}function oc(e,t,n){var i=e.state,o=n.breakpoints||{},s=n.reducedMotion||{},a=hs(),u=[];function c(){var g=n.mediaQuery==="min";Pi(o).sort(function(v,T){return g?+v-+T:+T-+v}).forEach(function(v){p(o[v],"("+(g?"min":"max")+"-width:"+v+"px)")}),p(s,ra),R()}function m(g){g&&a.destroy()}function p(g,v){var T=matchMedia(v);a.bind(T,"change",R),u.push([g,T])}function R(){var g=i.is(Co),v=n.direction,T=u.reduce(function(w,$){return In(w,$[1].matches?$[0]:{})},{});sa(n),I(T),n.destroy?e.destroy(n.destroy==="completely"):g?(m(!0),e.mount()):v!==n.direction&&e.refresh()}function b(g){matchMedia(ra).matches&&(g?In(n,s):sa(n,Pi(s)))}function I(g,v,T){In(n,g),v&&In(Object.getPrototypeOf(n),g),(T||!i.is(ri))&&e.emit(Nt,n)}return{setup:c,destroy:m,reduce:b,set:I}}var Wo="Arrow",Fo=Wo+"Left",No=Wo+"Right",Rs=Wo+"Up",As=Wo+"Down",da="rtl",Ho="ttb",Zo={width:["height"],left:["top","right"],right:["bottom","left"],x:["y"],X:["Y"],Y:["X"],ArrowLeft:[Rs,No],ArrowRight:[As,Fo]};function rc(e,t,n){function i(s,a,u){u=u||n.direction;var c=u===da&&!a?1:u===Ho?0:-1;return Zo[s]&&Zo[s][c]||s.replace(/width|left|right/i,function(m,p){var R=Zo[m.toLowerCase()][c]||m;return p>0?R.charAt(0).toUpperCase()+R.slice(1):R})}function o(s){return s*(n.direction===da?1:-1)}return{resolve:i,orient:o}}var vn="role",si="tabindex",ac="disabled",on="aria-",Di=on+"controls",Ms=on+"current",ua=on+"selected",Gt=on+"label",jr=on+"labelledby",ks=on+"hidden",zr=on+"orientation",ki=on+"roledescription",pa=on+"live",ma=on+"busy",ga=on+"atomic",Vr=[vn,si,ac,Di,Ms,Gt,jr,ks,zr,ki],dn=Vi+"__",_n="is-",Qo=Vi,ha=dn+"track",sc=dn+"list",Oo=dn+"slide",_s=Oo+"--clone",lc=Oo+"__container",Dr=dn+"arrows",Bo=dn+"arrow",Ws=Bo+"--prev",Fs=Bo+"--next",jo=dn+"pagination",Ns=jo+"__page",cc=dn+"progress",dc=cc+"__bar",uc=dn+"toggle",pc=dn+"spinner",mc=dn+"sr",gc=_n+"initialized",Gn=_n+"active",Hs=_n+"prev",Os=_n+"next",wr=_n+"visible",Sr=_n+"loading",Bs=_n+"focus-in",js=_n+"overflow",hc=[Gn,wr,Hs,Os,Sr,Bs,js],fc={slide:Oo,clone:_s,arrows:Dr,arrow:Bo,prev:Ws,next:Fs,pagination:jo,page:Ns,spinner:pc};function yc(e,t){if(ls(e.closest))return e.closest(t);for(var n=e;n&&n.nodeType===1&&!Ii(n,t);)n=n.parentElement;return n}var vc=5,fa=200,zs="touchstart mousedown",er="touchmove mousemove",tr="touchend touchcancel mouseup click";function bc(e,t,n){var i=gt(e),o=i.on,s=i.bind,a=e.root,u=n.i18n,c={},m=[],p=[],R=[],b,I,g;function v(){S(),z(),$()}function T(){o(Lt,w),o(Lt,v),o(Nt,$),s(document,zs+" keydown",function(L){g=L.type==="keydown"},{capture:!0}),s(a,"focusin",function(){fn(a,Bs,!!g)})}function w(L){var C=Vr.concat("style");wn(m),yn(a,p),yn(b,R),cn([b,I],C),cn(a,L?C:["style",ki])}function $(){yn(a,p),yn(b,R),p=N(Qo),R=N(ha),ln(a,p),ln(b,R),He(a,Gt,n.label),He(a,jr,n.labelledby)}function S(){b=M("."+ha),I=zi(b,"."+sc),Si(b&&I,"A track/list element is missing."),yo(m,ds(I,"."+Oo+":not(."+_s+")")),qn({arrows:Dr,pagination:jo,prev:Ws,next:Fs,bar:dc,toggle:uc},function(L,C){c[C]=M("."+L)}),Ri(c,{root:a,track:b,list:I,slides:m})}function z(){var L=a.id||ec(Vi),C=n.role;a.id=L,b.id=b.id||L+"-track",I.id=I.id||L+"-list",!tn(a,vn)&&a.tagName!=="SECTION"&&C&&He(a,vn,C),He(a,ki,u.carousel),He(I,vn,"presentation")}function M(L){var C=ms(a,L);return C&&yc(C,"."+Qo)===a?C:void 0}function N(L){return[L+"--"+n.type,L+"--"+n.direction,n.drag&&L+"--draggable",n.isNavigation&&L+"--nav",L===Qo&&Gn]}return Ri(c,{setup:v,mount:T,destroy:w})}var di="slide",vi="loop",qi="fade";function xc(e,t,n,i){var o=gt(e),s=o.on,a=o.emit,u=o.bind,c=e.Components,m=e.root,p=e.options,R=p.isNavigation,b=p.updateOnMove,I=p.i18n,g=p.pagination,v=p.slideFocus,T=c.Direction.resolve,w=tn(i,"style"),$=tn(i,Gt),S=n>-1,z=zi(i,"."+lc),M;function N(){S||(i.id=m.id+"-slide"+_r(t+1),He(i,vn,g?"tabpanel":"group"),He(i,ki,I.slide),He(i,Gt,$||br(I.slideLabel,[t+1,e.length]))),L()}function L(){u(i,"click",ct(a,Wr,Q)),u(i,"keydown",ct(a,Is,Q)),s([yi,Ps,Un],k),s(Nr,J),b&&s(Sn,y)}function C(){M=!0,o.destroy(),yn(i,hc),cn(i,Vr),He(i,"style",w),He(i,Gt,$||"")}function J(){var Y=e.splides.map(function(O){var te=O.splide.Components.Slides.getAt(t);return te?te.slide.id:""}).join(" ");He(i,Gt,br(I.slideX,(S?n:t)+1)),He(i,Di,Y),He(i,vn,v?"button":""),v&&cn(i,ki)}function y(){M||k()}function k(){if(!M){var Y=e.index;_(),V(),fn(i,Hs,t===Y-1),fn(i,Os,t===Y+1)}}function _(){var Y=me();Y!==la(i,Gn)&&(fn(i,Gn,Y),He(i,Ms,R&&Y||""),a(Y?fs:ys,Q))}function V(){var Y=K(),O=!Y&&(!me()||S);if(e.state.is([fi,Hi])||He(i,ks,O||""),He(Mr(i,p.focusableNodes||""),si,O?-1:""),v&&He(i,si,O?-1:0),Y!==la(i,wr)&&(fn(i,wr,Y),a(Y?vs:bs,Q)),!Y&&document.activeElement===i){var te=c.Slides.getAt(e.index);te&&us(te.slide)}}function ne(Y,O,te){en(te&&z||i,Y,O)}function me(){var Y=e.index;return Y===t||p.cloneStatus&&Y===n}function K(){if(e.is(qi))return me();var Y=Kt(c.Elements.track),O=Kt(i),te=T("left",!0),ce=T("right",!0);return Lo(Y[te])<=Mi(O[te])&&Lo(O[ce])<=Mi(Y[ce])}function H(Y,O){var te=Bt(Y-t);return!S&&(p.rewind||e.is(vi))&&(te=Rn(te,e.length-te)),te<=O}var Q={index:t,slideIndex:n,slide:i,container:z,isClone:S,mount:N,destroy:C,update:k,style:ne,isWithin:H};return Q}function wc(e,t,n){var i=gt(e),o=i.on,s=i.emit,a=i.bind,u=t.Elements,c=u.slides,m=u.list,p=[];function R(){b(),o(Lt,I),o(Lt,b)}function b(){c.forEach(function(k,_){v(k,_,-1)})}function I(){M(function(k){k.destroy()}),wn(p)}function g(){M(function(k){k.update()})}function v(k,_,V){var ne=xc(e,_,V,k);ne.mount(),p.push(ne),p.sort(function(me,K){return me.index-K.index})}function T(k){return k?N(function(_){return!_.isClone}):p}function w(k){var _=t.Controller,V=_.toIndex(k),ne=_.hasFocus()?1:n.perPage;return N(function(me){return vo(me.index,V,V+ne-1)})}function $(k){return N(k)[0]}function S(k,_){Yt(k,function(V){if(Pn(V)&&(V=ps(V)),cs(V)){var ne=c[_];ne?Ar(V,ne):ji(m,V),ln(V,n.classes.slide),C(V,ct(s,ci))}}),s(Lt)}function z(k){Kn(N(k).map(function(_){return _.slide})),s(Lt)}function M(k,_){T(_).forEach(k)}function N(k){return p.filter(ls(k)?k:function(_){return Pn(k)?Ii(_.slide,k):Rr(Bi(k),_.index)})}function L(k,_,V){M(function(ne){ne.style(k,_,V)})}function C(k,_){var V=Mr(k,"img"),ne=V.length;ne?V.forEach(function(me){a(me,"load error",function(){--ne||_()})}):_()}function J(k){return k?c.length:p.length}function y(){return p.length>n.perPage}return{mount:R,destroy:I,update:g,register:v,get:T,getIn:w,getAt:$,add:S,remove:z,forEach:M,filter:N,style:L,getLength:J,isEnough:y}}function Sc(e,t,n){var i=gt(e),o=i.on,s=i.bind,a=i.emit,u=t.Slides,c=t.Direction.resolve,m=t.Elements,p=m.root,R=m.track,b=m.list,I=u.getAt,g=u.style,v,T,w;function $(){S(),s(window,"resize load",ic(ct(a,ci))),o([Nt,Lt],S),o(ci,z)}function S(){v=n.direction===Ho,en(p,"maxWidth",On(n.width)),en(R,c("paddingLeft"),M(!1)),en(R,c("paddingRight"),M(!0)),z(!0)}function z(Q){var Y=Kt(p);(Q||T.width!==Y.width||T.height!==Y.height)&&(en(R,"height",N()),g(c("marginRight"),On(n.gap)),g("width",C()),g("height",J(),!0),T=Y,a(Mo),w!==(w=H())&&(fn(p,js,w),a(tc,w)))}function M(Q){var Y=n.padding,O=c(Q?"right":"left");return Y&&On(Y[O]||(Ei(Y)?0:Y))||"0px"}function N(){var Q="";return v&&(Q=L(),Si(Q,"height or heightRatio is missing."),Q="calc("+Q+" - "+M(!1)+" - "+M(!0)+")"),Q}function L(){return On(n.height||Kt(b).width*n.heightRatio)}function C(){return n.autoWidth?null:On(n.fixedWidth)||(v?"":y())}function J(){return On(n.fixedHeight)||(v?n.autoHeight?null:y():L())}function y(){var Q=On(n.gap);return"calc((100%"+(Q&&" + "+Q)+")/"+(n.perPage||1)+(Q&&" - "+Q)+")"}function k(){return Kt(b)[c("width")]}function _(Q,Y){var O=I(Q||0);return O?Kt(O.slide)[c("width")]+(Y?0:me()):0}function V(Q,Y){var O=I(Q);if(O){var te=Kt(O.slide)[c("right")],ce=Kt(b)[c("left")];return Bt(te-ce)+(Y?0:me())}return 0}function ne(Q){return V(e.length-1)-V(0)+_(0,Q)}function me(){var Q=I(0);return Q&&parseFloat(en(Q.slide,c("marginRight")))||0}function K(Q){return parseFloat(en(R,c("padding"+(Q?"Right":"Left"))))||0}function H(){return e.is(qi)||ne(!0)>k()}return{mount:$,resize:z,listSize:k,slideSize:_,sliderSize:ne,totalSize:V,getPadding:K,isOverflow:H}}var $c=2;function Cc(e,t,n){var i=gt(e),o=i.on,s=t.Elements,a=t.Slides,u=t.Direction.resolve,c=[],m;function p(){o(Lt,R),o([Nt,ci],I),(m=T())&&(g(m),t.Layout.resize(!0))}function R(){b(),p()}function b(){Kn(c),wn(c),i.destroy()}function I(){var w=T();m!==w&&(m<w||!w)&&i.emit(Lt)}function g(w){var $=a.get().slice(),S=$.length;if(S){for(;$.length<w;)yo($,$);yo($.slice(-w),$.slice(0,w)).forEach(function(z,M){var N=M<w,L=v(z.slide,M);N?Ar(L,$[0].slide):ji(s.list,L),yo(c,L),a.register(L,M-w+(N?0:S),z.index)})}}function v(w,$){var S=w.cloneNode(!0);return ln(S,n.classes.clone),S.id=e.root.id+"-clone"+_r($+1),S}function T(){var w=n.clones;if(!e.is(vi))w=0;else if(Oi(w)){var $=n[u("fixedWidth")]&&t.Layout.slideSize(0),S=$&&Mi(Kt(s.track)[u("width")]/$);w=S||n[u("autoWidth")]&&e.length||n.perPage*$c}return w}return{mount:p,destroy:b}}function Tc(e,t,n){var i=gt(e),o=i.on,s=i.emit,a=e.state.set,u=t.Layout,c=u.slideSize,m=u.getPadding,p=u.totalSize,R=u.listSize,b=u.sliderSize,I=t.Direction,g=I.resolve,v=I.orient,T=t.Elements,w=T.list,$=T.track,S;function z(){S=t.Transition,o([kn,Mo,Nt,Lt],M)}function M(){t.Controller.isBusy()||(t.Scroll.cancel(),L(e.index),t.Slides.update())}function N(O,te,ce,oe){O!==te&&Q(O>ce)&&(k(),C(y(ne(),O>ce),!0)),a(fi),s(Sn,te,ce,O),S.start(te,function(){a(li),s(yi,te,ce,O),oe&&oe()})}function L(O){C(V(O,!0))}function C(O,te){if(!e.is(qi)){var ce=te?O:J(O);en(w,"transform","translate"+g("X")+"("+ce+"px)"),O!==ce&&s(Ps)}}function J(O){if(e.is(vi)){var te=_(O),ce=te>t.Controller.getEnd(),oe=te<0;(oe||ce)&&(O=y(O,ce))}return O}function y(O,te){var ce=O-H(te),oe=b();return O-=v(oe*(Mi(Bt(ce)/oe)||1))*(te?1:-1),O}function k(){C(ne(),!0),S.cancel()}function _(O){for(var te=t.Slides.get(),ce=0,oe=1/0,W=0;W<te.length;W++){var ue=te[W].index,h=Bt(V(ue,!0)-O);if(h<=oe)oe=h,ce=ue;else break}return ce}function V(O,te){var ce=v(p(O-1)-K(O));return te?me(ce):ce}function ne(){var O=g("left");return Kt(w)[O]-Kt($)[O]+v(m(!1))}function me(O){return n.trimSpace&&e.is(di)&&(O=ni(O,0,v(b(!0)-R()))),O}function K(O){var te=n.focus;return te==="center"?(R()-c(O,!0))/2:+te*c(O)||0}function H(O){return V(O?t.Controller.getEnd():0,!!n.trimSpace)}function Q(O){var te=v(y(ne(),O));return O?te>=0:te<=w[g("scrollWidth")]-Kt($)[g("width")]}function Y(O,te){te=Oi(te)?ne():te;var ce=O!==!0&&v(te)<v(H(!1)),oe=O!==!1&&v(te)>v(H(!0));return ce||oe}return{mount:z,move:N,jump:L,translate:C,shift:y,cancel:k,toIndex:_,toPosition:V,getPosition:ne,getLimit:H,exceededLimit:Y,reposition:M}}function Lc(e,t,n){var i=gt(e),o=i.on,s=i.emit,a=t.Move,u=a.getPosition,c=a.getLimit,m=a.toPosition,p=t.Slides,R=p.isEnough,b=p.getLength,I=n.omitEnd,g=e.is(vi),v=e.is(di),T=ct(ne,!1),w=ct(ne,!0),$=n.start||0,S,z=$,M,N,L;function C(){J(),o([Nt,Lt,Eo],J),o(Mo,y)}function J(){M=b(!0),N=n.perMove,L=n.perPage,S=Q();var h=ni($,0,I?S:M-1);h!==$&&($=h,a.reposition())}function y(){S!==Q()&&s(Eo)}function k(h,ae,be){if(!ue()){var ye=V(h),Ae=H(ye);Ae>-1&&(ae||Ae!==$)&&(ce(Ae),a.move(ye,Ae,z,be))}}function _(h,ae,be,ye){t.Scroll.scroll(h,ae,be,function(){var Ae=H(a.toIndex(u()));ce(I?Rn(Ae,S):Ae),ye&&ye()})}function V(h){var ae=$;if(Pn(h)){var be=h.match(/([+\-<>])(\d+)?/)||[],ye=be[1],Ae=be[2];ye==="+"||ye==="-"?ae=me($+ +(""+ye+(+Ae||1)),$):ye===">"?ae=Ae?Y(+Ae):T(!0):ye==="<"&&(ae=w(!0))}else ae=g?h:ni(h,0,S);return ae}function ne(h,ae){var be=N||(W()?1:L),ye=me($+be*(h?-1:1),$,!(N||W()));return ye===-1&&v&&!gs(u(),c(!h),1)?h?0:S:ae?ye:H(ye)}function me(h,ae,be){if(R()||W()){var ye=K(h);ye!==h&&(ae=h,h=ye,be=!1),h<0||h>S?!N&&(vo(0,h,ae,!0)||vo(S,ae,h,!0))?h=Y(O(h)):g?h=be?h<0?-(M%L||L):M:h:n.rewind?h=h<0?S:0:h=-1:be&&h!==ae&&(h=Y(O(ae)+(h<ae?-1:1)))}else h=-1;return h}function K(h){if(v&&n.trimSpace==="move"&&h!==$)for(var ae=u();ae===m(h,!0)&&vo(h,0,e.length-1,!n.rewind);)h<$?--h:++h;return h}function H(h){return g?(h+M)%M||0:h}function Q(){for(var h=M-(W()||g&&N?1:L);I&&h-- >0;)if(m(M-1,!0)!==m(h,!0)){h++;break}return ni(h,0,M-1)}function Y(h){return ni(W()?h:L*h,0,S)}function O(h){return W()?Rn(h,S):Lo((h>=S?M-1:h)/L)}function te(h){var ae=a.toIndex(h);return v?ni(ae,0,S):ae}function ce(h){h!==$&&(z=$,$=h)}function oe(h){return h?z:$}function W(){return!Oi(n.focus)||n.isNavigation}function ue(){return e.state.is([fi,Hi])&&!!n.waitForTransition}return{mount:C,go:k,scroll:_,getNext:T,getPrev:w,getAdjacent:ne,getEnd:Q,setIndex:ce,getIndex:oe,toIndex:Y,toPage:O,toDest:te,hasFocus:W,isBusy:ue}}var Ec="http://www.w3.org/2000/svg",Ic="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",eo=40;function Pc(e,t,n){var i=gt(e),o=i.on,s=i.bind,a=i.emit,u=n.classes,c=n.i18n,m=t.Elements,p=t.Controller,R=m.arrows,b=m.track,I=R,g=m.prev,v=m.next,T,w,$={};function S(){M(),o(Nt,z)}function z(){N(),S()}function M(){var _=n.arrows;_&&!(g&&v)&&J(),g&&v&&(Ri($,{prev:g,next:v}),Ai(I,_?"":"none"),ln(I,w=Dr+"--"+n.direction),_&&(L(),k(),He([g,v],Di,b.id),a($s,g,v)))}function N(){i.destroy(),yn(I,w),T?(Kn(R?[g,v]:I),g=v=null):cn([g,v],Vr)}function L(){o([kn,yi,Lt,Un,Eo],k),s(v,"click",ct(C,">")),s(g,"click",ct(C,"<"))}function C(_){p.go(_,!0)}function J(){I=R||ai("div",u.arrows),g=y(!0),v=y(!1),T=!0,ji(I,[g,v]),!R&&Ar(I,b)}function y(_){var V='<button class="'+u.arrow+" "+(_?u.prev:u.next)+'" type="button"><svg xmlns="'+Ec+'" viewBox="0 0 '+eo+" "+eo+'" width="'+eo+'" height="'+eo+'" focusable="false"><path d="'+(n.arrowPath||Ic)+'" />';return ps(V)}function k(){if(g&&v){var _=e.index,V=p.getPrev(),ne=p.getNext(),me=V>-1&&_<V?c.last:c.prev,K=ne>-1&&_>ne?c.first:c.next;g.disabled=V<0,v.disabled=ne<0,He(g,Gt,me),He(v,Gt,K),a(Cs,g,v,V,ne)}}return{arrows:$,mount:S,destroy:N,update:k}}var Rc=kr+"-interval";function Ac(e,t,n){var i=gt(e),o=i.on,s=i.bind,a=i.emit,u=_o(n.interval,e.go.bind(e,">"),L),c=u.isPaused,m=t.Elements,p=t.Elements,R=p.root,b=p.toggle,I=n.autoplay,g,v,T=I==="pause";function w(){I&&($(),b&&He(b,Di,m.track.id),T||S(),N())}function $(){n.pauseOnHover&&s(R,"mouseenter mouseleave",function(J){g=J.type==="mouseenter",M()}),n.pauseOnFocus&&s(R,"focusin focusout",function(J){v=J.type==="focusin",M()}),b&&s(b,"click",function(){T?S():z(!0)}),o([Sn,ko,Lt],u.rewind),o(Sn,C)}function S(){c()&&t.Slides.isEnough()&&(u.start(!n.resetProgress),v=g=T=!1,N(),a(Hr))}function z(J){J===void 0&&(J=!0),T=!!J,N(),c()||(u.pause(),a(Or))}function M(){T||(g||v?z(!1):S())}function N(){b&&(fn(b,Gn,!T),He(b,Gt,n.i18n[T?"play":"pause"]))}function L(J){var y=m.bar;y&&en(y,"width",J*100+"%"),a(Es,J)}function C(J){var y=t.Slides.getAt(J);u.set(y&&+tn(y.slide,Rc)||n.interval)}return{mount:w,destroy:u.cancel,play:S,pause:z,isPaused:c}}function Mc(e,t,n){var i=gt(e),o=i.on;function s(){n.cover&&(o(Br,ct(u,!0)),o([kn,Nt,Lt],ct(a,!0)))}function a(c){t.Slides.forEach(function(m){var p=zi(m.container||m.slide,"img");p&&p.src&&u(c,p,m)})}function u(c,m,p){p.style("background",c?'center/cover no-repeat url("'+m.src+'")':"",!0),Ai(m,c?"none":"")}return{mount:s,destroy:ct(a,!1)}}var kc=10,_c=600,Wc=.6,Fc=1.5,Nc=800;function Hc(e,t,n){var i=gt(e),o=i.on,s=i.emit,a=e.state.set,u=t.Move,c=u.getPosition,m=u.getLimit,p=u.exceededLimit,R=u.translate,b=e.is(di),I,g,v=1;function T(){o(Sn,z),o([Nt,Lt],M)}function w(L,C,J,y,k){var _=c();if(z(),J&&(!b||!p())){var V=t.Layout.sliderSize(),ne=vr(L)*V*Lo(Bt(L)/V)||0;L=u.toPosition(t.Controller.toDest(L%V))+ne}var me=gs(_,L,1);v=1,C=me?0:C||To(Bt(L-_)/Fc,Nc),g=y,I=_o(C,$,ct(S,_,L,k),1),a(Hi),s(ko),I.start()}function $(){a(li),g&&g(),s(Un)}function S(L,C,J,y){var k=c(),_=L+(C-L)*N(y),V=(_-k)*v;R(k+V),b&&!J&&p()&&(v*=Wc,Bt(V)<kc&&w(m(p(!0)),_c,!1,g,!0))}function z(){I&&I.cancel()}function M(){I&&!I.isPaused()&&(z(),$())}function N(L){var C=n.easingFunc;return C?C(L):1-Math.pow(1-L,4)}return{mount:T,destroy:z,scroll:w,cancel:M}}var ii={passive:!1,capture:!0};function Oc(e,t,n){var i=gt(e),o=i.on,s=i.emit,a=i.bind,u=i.unbind,c=e.state,m=t.Move,p=t.Scroll,R=t.Controller,b=t.Elements.track,I=t.Media.reduce,g=t.Direction,v=g.resolve,T=g.orient,w=m.getPosition,$=m.exceededLimit,S,z,M,N,L,C=!1,J,y,k;function _(){a(b,er,fr,ii),a(b,tr,fr,ii),a(b,zs,ne,ii),a(b,"click",H,{capture:!0}),a(b,"dragstart",hn),o([kn,Nt],V)}function V(){var U=n.drag;ge(!U),N=U==="free"}function ne(U){if(J=!1,!y){var X=Ae(U);ye(U.target)&&(X||!U.button)&&(R.isBusy()?hn(U,!0):(k=X?b:window,L=c.is([fi,Hi]),M=null,a(k,er,me,ii),a(k,tr,K,ii),m.cancel(),p.cancel(),Q(U)))}}function me(U){if(c.is(fo)||(c.set(fo),s(xs)),U.cancelable)if(L){m.translate(S+be(W(U)));var X=ue(U)>fa,B=C!==(C=$());(X||B)&&Q(U),J=!0,s(ws),hn(U)}else te(U)&&(L=O(U),hn(U))}function K(U){c.is(fo)&&(c.set(li),s(Ss)),L&&(Y(U),hn(U)),u(k,er,me),u(k,tr,K),L=!1}function H(U){!y&&J&&hn(U,!0)}function Q(U){M=z,z=U,S=w()}function Y(U){var X=ce(U),B=oe(X),se=n.rewind&&n.rewindByDrag;I(!1),N?R.scroll(B,0,n.snap):e.is(qi)?R.go(T(vr(X))<0?se?"<":"-":se?">":"+"):e.is(di)&&C&&se?R.go($(!0)?">":"<"):R.go(R.toDest(B),!0),I(!0)}function O(U){var X=n.dragMinThreshold,B=Ei(X),se=B&&X.mouse||0,Ee=(B?X.touch:+X)||10;return Bt(W(U))>(Ae(U)?Ee:se)}function te(U){return Bt(W(U))>Bt(W(U,!0))}function ce(U){if(e.is(vi)||!C){var X=ue(U);if(X&&X<fa)return W(U)/X}return 0}function oe(U){return w()+vr(U)*Rn(Bt(U)*(n.flickPower||600),N?1/0:t.Layout.listSize()*(n.flickMaxPages||1))}function W(U,X){return ae(U,X)-ae(h(U),X)}function ue(U){return yr(U)-yr(h(U))}function h(U){return z===U&&M||z}function ae(U,X){return(Ae(U)?U.changedTouches[0]:U)["page"+v(X?"Y":"X")]}function be(U){return U/(C&&e.is(di)?vc:1)}function ye(U){var X=n.noDrag;return!Ii(U,"."+Ns+", ."+Bo)&&(!X||!Ii(U,X))}function Ae(U){return typeof TouchEvent<"u"&&U instanceof TouchEvent}function Z(){return L}function ge(U){y=U}return{mount:_,disable:ge,isDragging:Z}}var Bc={Spacebar:" ",Right:No,Left:Fo,Up:Rs,Down:As};function qr(e){return e=Pn(e)?e:e.key,Bc[e]||e}var ya="keydown";function jc(e,t,n){var i=gt(e),o=i.on,s=i.bind,a=i.unbind,u=e.root,c=t.Direction.resolve,m,p;function R(){b(),o(Nt,I),o(Nt,b),o(Sn,v)}function b(){var w=n.keyboard;w&&(m=w==="global"?window:u,s(m,ya,T))}function I(){a(m,ya)}function g(w){p=w}function v(){var w=p;p=!0,ss(function(){p=w})}function T(w){if(!p){var $=qr(w);$===c(Fo)?e.go("<"):$===c(No)&&e.go(">")}}return{mount:R,destroy:I,disable:g}}var $i=kr+"-lazy",bo=$i+"-srcset",zc="["+$i+"], ["+bo+"]";function Vc(e,t,n){var i=gt(e),o=i.on,s=i.off,a=i.bind,u=i.emit,c=n.lazyLoad==="sequential",m=[yi,Un],p=[];function R(){n.lazyLoad&&(b(),o(Lt,b))}function b(){wn(p),I(),c?w():(s(m),o(m,g),g())}function I(){t.Slides.forEach(function($){Mr($.slide,zc).forEach(function(S){var z=tn(S,$i),M=tn(S,bo);if(z!==S.src||M!==S.srcset){var N=n.classes.spinner,L=S.parentElement,C=zi(L,"."+N)||ai("span",N,L);p.push([S,$,C]),S.src||Ai(S,"none")}})})}function g(){p=p.filter(function($){var S=n.perPage*((n.preloadPages||1)+1)-1;return $[1].isWithin(e.index,S)?v($):!0}),p.length||s(m)}function v($){var S=$[0];ln($[1].slide,Sr),a(S,"load error",ct(T,$)),He(S,"src",tn(S,$i)),He(S,"srcset",tn(S,bo)),cn(S,$i),cn(S,bo)}function T($,S){var z=$[0],M=$[1];yn(M.slide,Sr),S.type!=="error"&&(Kn($[2]),Ai(z,""),u(Br,z,M),u(ci)),c&&w()}function w(){p.length&&v(p.shift())}return{mount:R,destroy:ct(wn,p),check:g}}function Dc(e,t,n){var i=gt(e),o=i.on,s=i.emit,a=i.bind,u=t.Slides,c=t.Elements,m=t.Controller,p=m.hasFocus,R=m.getIndex,b=m.go,I=t.Direction.resolve,g=c.pagination,v=[],T,w;function $(){S(),o([Nt,Lt,Eo],$);var y=n.pagination;g&&Ai(g,y?"":"none"),y&&(o([Sn,ko,Un],J),z(),J(),s(Ts,{list:T,items:v},C(e.index)))}function S(){T&&(Kn(g?Mn(T.children):T),yn(T,w),wn(v),T=null),i.destroy()}function z(){var y=e.length,k=n.classes,_=n.i18n,V=n.perPage,ne=p()?m.getEnd()+1:Mi(y/V);T=g||ai("ul",k.pagination,c.track.parentElement),ln(T,w=jo+"--"+L()),He(T,vn,"tablist"),He(T,Gt,_.select),He(T,zr,L()===Ho?"vertical":"");for(var me=0;me<ne;me++){var K=ai("li",null,T),H=ai("button",{class:k.page,type:"button"},K),Q=u.getIn(me).map(function(O){return O.slide.id}),Y=!p()&&V>1?_.pageX:_.slideX;a(H,"click",ct(M,me)),n.paginationKeyboard&&a(H,"keydown",ct(N,me)),He(K,vn,"presentation"),He(H,vn,"tab"),He(H,Di,Q.join(" ")),He(H,Gt,br(Y,me+1)),He(H,si,-1),v.push({li:K,button:H,page:me})}}function M(y){b(">"+y,!0)}function N(y,k){var _=v.length,V=qr(k),ne=L(),me=-1;V===I(No,!1,ne)?me=++y%_:V===I(Fo,!1,ne)?me=(--y+_)%_:V==="Home"?me=0:V==="End"&&(me=_-1);var K=v[me];K&&(us(K.button),b(">"+me),hn(k,!0))}function L(){return n.paginationDirection||n.direction}function C(y){return v[m.toPage(y)]}function J(){var y=C(R(!0)),k=C(R());if(y){var _=y.button;yn(_,Gn),cn(_,ua),He(_,si,-1)}if(k){var V=k.button;ln(V,Gn),He(V,ua,!0),He(V,si,"")}s(Ls,{list:T,items:v},y,k)}return{items:v,mount:$,destroy:S,getAt:C,update:J}}var qc=[" ","Enter"];function Kc(e,t,n){var i=n.isNavigation,o=n.slideFocus,s=[];function a(){e.splides.forEach(function(g){g.isParent||(m(e,g.splide),m(g.splide,e))}),i&&p()}function u(){s.forEach(function(g){g.destroy()}),wn(s)}function c(){u(),a()}function m(g,v){var T=gt(g);T.on(Sn,function(w,$,S){v.go(v.is(vi)?S:w)}),s.push(T)}function p(){var g=gt(e),v=g.on;v(Wr,b),v(Is,I),v([kn,Nt],R),s.push(g),g.emit(Nr,e.splides)}function R(){He(t.Elements.list,zr,n.direction===Ho?"vertical":"")}function b(g){e.go(g.index)}function I(g,v){Rr(qc,qr(v))&&(b(g),hn(v))}return{setup:ct(t.Media.set,{slideFocus:Oi(o)?i:o},!0),mount:a,destroy:u,remount:c}}function Gc(e,t,n){var i=gt(e),o=i.bind,s=0;function a(){n.wheel&&o(t.Elements.track,"wheel",u,ii)}function u(m){if(m.cancelable){var p=m.deltaY,R=p<0,b=yr(m),I=n.wheelMinThreshold||0,g=n.wheelSleep||0;Bt(p)>I&&b-s>g&&(e.go(R?"<":">"),s=b),c(R)&&hn(m)}}function c(m){return!n.releaseWheel||e.state.is(fi)||t.Controller.getAdjacent(m)!==-1}return{mount:a}}var Uc=90;function Xc(e,t,n){var i=gt(e),o=i.on,s=t.Elements.track,a=n.live&&!n.isNavigation,u=ai("span",mc),c=_o(Uc,ct(p,!1));function m(){a&&(b(!t.Autoplay.isPaused()),He(s,ga,!0),u.textContent="…",o(Hr,ct(b,!0)),o(Or,ct(b,!1)),o([yi,Un],ct(p,!0)))}function p(I){He(s,ma,I),I?(ji(s,u),c.start()):(Kn(u),c.cancel())}function R(){cn(s,[pa,ga,ma]),Kn(u)}function b(I){a&&He(s,pa,I?"off":"polite")}return{mount:m,disable:b,destroy:R}}var Yc=Object.freeze({__proto__:null,Media:oc,Direction:rc,Elements:bc,Slides:wc,Layout:Sc,Clones:Cc,Move:Tc,Controller:Lc,Arrows:Pc,Autoplay:Ac,Cover:Mc,Scroll:Hc,Drag:Oc,Keyboard:jc,LazyLoad:Vc,Pagination:Dc,Sync:Kc,Wheel:Gc,Live:Xc}),Jc={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"},Zc={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:fc,i18n:Jc,reducedMotion:{speed:0,rewindSpeed:0,autoplay:"pause"}};function Qc(e,t,n){var i=t.Slides;function o(){gt(e).on([kn,Lt],s)}function s(){i.forEach(function(u){u.style("transform","translateX(-"+100*u.index+"%)")})}function a(u,c){i.style("transition","opacity "+n.speed+"ms "+n.easing),ss(c)}return{mount:o,start:a,cancel:fr}}function ed(e,t,n){var i=t.Move,o=t.Controller,s=t.Scroll,a=t.Elements.list,u=ct(en,a,"transition"),c;function m(){gt(e).bind(a,"transitionend",function(I){I.target===a&&c&&(R(),c())})}function p(I,g){var v=i.toPosition(I,!0),T=i.getPosition(),w=b(I);Bt(v-T)>=1&&w>=1?n.useScroll?s.scroll(v,w,!1,g):(u("transform "+w+"ms "+n.easing),i.translate(v,!0),c=g):(i.jump(I),g())}function R(){u(""),s.cancel()}function b(I){var g=n.rewindSpeed;if(e.is(di)&&g){var v=o.getIndex(!0),T=o.getEnd();if(v===0&&I>=T||v>=T&&I===0)return g}return n.speed}return{mount:m,start:p,cancel:R}}var td=(function(){function e(n,i){this.event=gt(),this.Components={},this.state=nc(ri),this.splides=[],this._o={},this._E={};var o=Pn(n)?ms(document,n):n;Si(o,o+" is invalid."),this.root=o,i=In({label:tn(o,Gt)||"",labelledby:tn(o,jr)||""},Zc,e.defaults,i||{});try{In(i,JSON.parse(tn(o,kr)))}catch{Si(!1,"Invalid JSON")}this._o=Object.create(In({},i))}var t=e.prototype;return t.mount=function(i,o){var s=this,a=this.state,u=this.Components;Si(a.is([ri,Co]),"Already mounted!"),a.set(ri),this._C=u,this._T=o||this._T||(this.is(qi)?Qc:ed),this._E=i||this._E;var c=Ri({},Yc,this._E,{Transition:this._T});return qn(c,function(m,p){var R=m(s,u,s._o);u[p]=R,R.setup&&R.setup()}),qn(u,function(m){m.mount&&m.mount()}),this.emit(kn),ln(this.root,gc),a.set(li),this.emit(xr),this},t.sync=function(i){return this.splides.push({splide:i}),i.splides.push({splide:this,isParent:!0}),this.state.is(li)&&(this._C.Sync.remount(),i.Components.Sync.remount()),this},t.go=function(i){return this._C.Controller.go(i),this},t.on=function(i,o){return this.event.on(i,o),this},t.off=function(i){return this.event.off(i),this},t.emit=function(i){var o;return(o=this.event).emit.apply(o,[i].concat(Mn(arguments,1))),this},t.add=function(i,o){return this._C.Slides.add(i,o),this},t.remove=function(i){return this._C.Slides.remove(i),this},t.is=function(i){return this._o.type===i},t.refresh=function(){return this.emit(Lt),this},t.destroy=function(i){i===void 0&&(i=!0);var o=this.event,s=this.state;return s.is(ri)?gt(this).on(xr,this.destroy.bind(this,i)):(qn(this._C,function(a){a.destroy&&a.destroy(i)},!0),o.emit(Fr),o.destroy(),i&&wn(this.splides),s.set(Co)),this},Jl(e,[{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()}}]),e})(),Kr=td;Kr.defaults={};Kr.STATES=Ql;var va=[[kn,"onMounted"],[xr,"onReady"],[Sn,"onMove"],[yi,"onMoved"],[Wr,"onClick"],[fs,"onActive"],[ys,"onInactive"],[vs,"onVisible"],[bs,"onHidden"],[Lt,"onRefresh"],[Nt,"onUpdated"],[ci,"onResize"],[Mo,"onResized"],[xs,"onDrag"],[ws,"onDragging"],[Ss,"onDragged"],[ko,"onScroll"],[Un,"onScrolled"],[Fr,"onDestroy"],[$s,"onArrowsMounted"],[Cs,"onArrowsUpdated"],[Ts,"onPaginationMounted"],[Ls,"onPaginationUpdated"],[Nr,"onNavigationMounted"],[Hr,"onAutoplayPlay"],[Es,"onAutoplayPlaying"],[Or,"onAutoplayPause"],[Br,"onLazyLoadLoaded"]];function Gr(...e){return e.filter(Boolean).join(" ")}function Io(e){return e!==null&&typeof e=="object"}function $r(e,t){if(Array.isArray(e)&&Array.isArray(t))return e.length===t.length&&!e.some((n,i)=>!$r(n,t[i]));if(Io(e)&&Io(t)){const n=Object.keys(e),i=Object.keys(t);return n.length===i.length&&!n.some(o=>!Object.prototype.hasOwnProperty.call(t,o)||!$r(e[o],t[o]))}return e===t}function nd(e,t){return e.length===t.length&&!e.some((n,i)=>n!==t[i])}function id(e,t){if(e){const n=Object.keys(e);for(let i=0;i<n.length;i++){const o=n[i];if(o!=="__proto__"&&t(e[o],o)===!1)break}}return e}function Cr(e,t){const n=e;return id(t,(i,o)=>{Array.isArray(i)?n[o]=i.slice():Io(i)?n[o]=Cr(Io(n[o])?n[o]:{},i):n[o]=i}),n}var od=({children:e,className:t,...n})=>l.createElement("div",{className:Gr("splide__track",t),...n},l.createElement("ul",{className:"splide__list"},e)),Ur=class extends l.Component{constructor(){super(...arguments),this.splideRef=l.createRef(),this.slides=[]}componentDidMount(){const{options:e,extensions:t,transition:n}=this.props,{current:i}=this.splideRef;i&&(this.splide=new Kr(i,e),this.bind(this.splide),this.splide.mount(t,n),this.options=Cr({},e||{}),this.slides=this.getSlides())}componentWillUnmount(){this.splide&&(this.splide.destroy(),this.splide=void 0),this.options=void 0,this.slides.length=0}componentDidUpdate(){if(!this.splide)return;const{options:e}=this.props;e&&!$r(this.options,e)&&(this.splide.options=e,this.options=Cr({},e));const t=this.getSlides();nd(this.slides,t)||(this.splide.refresh(),this.slides=t)}sync(e){var t;(t=this.splide)==null||t.sync(e)}go(e){var t;(t=this.splide)==null||t.go(e)}getSlides(){var e;if(this.splide){const t=(e=this.splide.Components.Elements)==null?void 0:e.list.children;return t&&Array.prototype.slice.call(t)||[]}return[]}bind(e){va.forEach(([t,n])=>{const i=this.props[n];typeof i=="function"&&e.on(t,(...o)=>{i(e,...o)})})}omit(e,t){return t.forEach(n=>{Object.prototype.hasOwnProperty.call(e,n)&&delete e[n]}),e}render(){const{className:e,tag:t="div",hasTrack:n=!0,children:i,...o}=this.props;return l.createElement(t,{className:Gr("splide",e),ref:this.splideRef,...this.omit(o,["options",...va.map(s=>s[1])])},n?l.createElement(od,null,i):i)}},Xr=({children:e,className:t,...n})=>l.createElement("li",{className:Gr("splide__slide",t),...n},e);/*!
2
2
  * Splide.js
3
3
  * Version : 4.1.3
4
4
  * License : MIT
5
5
  * Copyright: 2022 Naotoshi Fujita
6
- */const ed="RichTextRenderer-module__link___BWeZ2",td={link:ed},nd=e=>{const t=e.trim();return!t||t.startsWith('"')&&t.endsWith('"')||t.startsWith("'")&&t.endsWith("'")?!1:t.split(/\s+/g).filter(Boolean).some(i=>/^\d/.test(i))},jo=e=>e&&e.split(",").map(n=>n.trim()).filter(Boolean).map(n=>nd(n)?`"${n.replace(/"/g,'\\"')}"`:n).join(", ");function Zt(e){const{color:t,...n}=e;return n}function _t(e,t){var o,s,a;const{fontSize:n,lineHeight:i}=e;return{fontFamily:jo(e.fontSettings.fontFamily),fontWeight:e.fontSettings.fontWeight,fontStyle:e.fontSettings.fontStyle,letterSpacing:E.scalingValue(e.letterSpacing,t),wordSpacing:E.scalingValue(e.wordSpacing,t),fontSize:E.scalingValue(n,t),lineHeight:i!==void 0?E.scalingValue(i,t):void 0,textTransform:(o=e.textAppearance)==null?void 0:o.textTransform,textDecoration:(s=e.textAppearance)==null?void 0:s.textDecoration,fontVariant:(a=e.textAppearance)==null?void 0:a.fontVariant,textAlign:e.textAlign,color:e.color}}const gi=({content:e})=>{const t=n=>n.map((i,o)=>i.type==="link"?r.jsx("a",{className:td.link,href:i.value,target:i.target,children:t(i.children)},o):r.jsx("span",{style:id(i),children:i.text},o));return r.jsx(r.Fragment,{children:e.map((n,i)=>{const o=n.children;return r.jsx("div",{children:t(o)},i)})})};function id(e){return{...e.fontFamily&&{fontFamily:jo(e.fontFamily)},...e.fontWeight&&{fontWeight:e.fontWeight},...e.fontStyle&&{fontStyle:e.fontStyle},...e.textDecoration&&{textDecoration:e.textDecoration},...e.textTransform&&{textTransform:e.textTransform},...e.fontVariant&&{fontVariant:e.fontVariant},...e.verticalAlign&&{verticalAlign:e.verticalAlign,lineHeight:"0px"}}}const od="SvgImage-module__svg___q3xE-",rd="SvgImage-module__img___VsTm-",ga={svg:od,img:rd},ad=e=>{const t=e.trim();return t.startsWith("data:image/svg+xml")?!0:(t.split(/[?#]/)[0]??t).endsWith(".svg")},sd=e=>`url("${e.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}")`,ln=({url:e,fill:t="#000000",hoverFill:n="#CCCCCC",className:i="",style:o})=>{const[s,a]=l.useState(()=>typeof window>"u"?!0:CSS.supports("mask-image",'url("")')||CSS.supports("-webkit-mask-image",'url("")'));return l.useEffect(()=>{if(typeof window<"u"&&window.CSS){const d=CSS.supports("mask-image",'url("")')||CSS.supports("-webkit-mask-image",'url("")');a(d)}},[]),!ad(e)||!s?r.jsx("img",{src:e,alt:"",className:Je(ga.img,i),style:o}):r.jsx("span",{"data-supports-mask":s,className:Je(ga.svg,i),style:{"--svg":sd(e),"--fill":t,"--hover-fill":n,...o??{}}})},ld={"top-left":Te.topLeftAlignment,"top-center":Te.topCenterAlignment,"top-right":Te.topRightAlignment,"middle-left":Te.middleLeftAlignment,"middle-center":Te.middleCenterAlignment,"middle-right":Te.middleRightAlignment,"bottom-left":Te.bottomLeftAlignment,"bottom-center":Te.bottomCenterAlignment,"bottom-right":Te.bottomRightAlignment};function cd({settings:e,content:t,styles:n,isEditor:i}){const[o,s]=l.useState(null),{widthSettings:a,fontSettings:d,letterSpacing:c,textAlign:p,wordSpacing:u,fontSizeLineHeight:T,textAppearance:w,color:L}=n.imageCaption??{},[m,y]=l.useState(void 0),[C,b]=l.useState(null),[$,S]=l.useState(0),[F,P]=l.useState(0),{direction:k,transition:x,controls:I,pagination:G,imageCaption:f,triggers:R}=e,M=l.useRef(x.type),{x:j,y:Z}=e.controls.offset,ue=V=>{o&&o.go(V)};return l.useEffect(()=>{if(!C)return;const V=new ResizeObserver(_=>{if(!o)return;const[Q]=_;y({width:Math.round(Q.contentRect.width),height:Math.round(Q.contentRect.height)})});return V.observe(C),()=>V.unobserve(C)},[C]),l.useEffect(()=>{!o||M.current===x.type||(P(V=>V+1),M.current=x.type)},[x.type]),r.jsx("div",{className:Je(Te.wrapper,{[Te.editor]:i}),ref:b,children:r.jsxs("div",{className:Te.sliderInner,style:{width:m?m.width:"100%",height:m?m.height:"100%",backgroundColor:x.backgroundColor&&x.type==="fade in"?x.backgroundColor:"transparent"},children:[e.imageCaption.isActive&&r.jsx("div",{className:Je(Te.captionBlock),children:r.jsx("div",{className:Te.captionTextWrapper,children:t.map((V,_)=>r.jsx("div",{className:Je(Te.captionText,ld[f.alignment],{[Te.withPointerEvents]:_===$&&i,[Te.active]:_===$}),style:{fontFamily:jo(d.fontFamily),fontWeight:d.fontWeight,fontStyle:d.fontStyle,width:a.sizing==="auto"?"max-content":E.scalingValue(a.width,i),letterSpacing:E.scalingValue(c,i),wordSpacing:E.scalingValue(u,i),textAlign:p,fontSize:E.scalingValue(T.fontSize,i),lineHeight:E.scalingValue(T.lineHeight,i),textTransform:w.textTransform??"none",textDecoration:w.textDecoration??"none",fontVariant:w.fontVariant??"normal",color:L,transitionDuration:x.duration?`${Math.round(parseInt(x.duration)/2)}ms`:"500ms"},children:r.jsx("div",{"data-styles":"imageCaption",className:Te.captionTextInner,style:{"--link-hover-color":f.linkHoverColor,"--link-color":f.linkColor,position:"relative",top:E.scalingValue(f.offset.y,i),left:E.scalingValue(f.offset.x,i)},children:r.jsx(gi,{content:V.imageCaption})})},_))})}),r.jsx(Dr,{onMove:V=>{S(V.index)},ref:s,options:{arrows:!1,speed:x.duration?parseInt(x.duration):500,autoplay:R.autoPlay!==null,...R.autoPlay!==null&&{interval:parseInt(R.autoPlay)*1e3},direction:k==="horiz"||x.type==="fade in"?"ltr":"ttb",pagination:!1,drag:R.triggersList.drag,perPage:1,width:m?m.width:"100%",height:m?m.height:"100%",type:x.type==="fade in"?"fade":"loop",rewind:!0},children:t.map((V,_)=>r.jsx(qr,{children:r.jsx("div",{className:Te.sliderItem,children:r.jsx("div",{className:Te.imgWrapper,children:r.jsx("img",{className:Je(Te.sliderImage,{[Te.contain]:V.image.objectFit==="contain",[Te.cover]:V.image.objectFit==="cover"}),src:V.image.url,alt:V.image.name??""})})})},_))},F),I.isActive&&r.jsxs(r.Fragment,{children:[r.jsx("div",{className:Je(Te.arrow,{[Te.arrowVertical]:k==="vert",[Te.hoverArrow]:I.show==="on hover"}),style:{color:I.color,"--arrow-hover-color":I.hover},children:r.jsxs("button",{onClick:()=>{ue("-1")},className:Te.arrowInner,style:{transform:`translate(${E.scalingValue(j,i)}, ${E.scalingValue(Z*(k==="horiz"?1:-1),i)}) scale(${e.controls.scale/100}) rotate(${k==="horiz"?"0deg":"90deg"})`},children:[I.arrowsImgUrl&&r.jsx(ln,{url:I.arrowsImgUrl,fill:I.color,hoverFill:I.hover,className:Je(Te.arrowImg,Te.mirror)}),!I.arrowsImgUrl&&r.jsx(ha,{color:I.color,className:Je(Te.arrowIcon,Te.arrowImg,Te.mirror)})]})}),r.jsx("div",{className:Je(Te.arrow,Te.nextArrow,{[Te.arrowVertical]:k==="vert",[Te.hoverArrow]:I.show==="on hover"}),style:{color:I.color,"--arrow-hover-color":I.hover},children:r.jsxs("button",{className:Te.arrowInner,onClick:()=>ue("+1"),style:{transform:`translate(${E.scalingValue(j*(k==="horiz"?-1:1),i)}, ${E.scalingValue(Z,i)}) scale(${e.controls.scale/100}) rotate(${k==="horiz"?"0deg":"90deg"})`},children:[I.arrowsImgUrl&&r.jsx(ln,{url:I.arrowsImgUrl,fill:I.color,hoverFill:I.hover,className:Te.arrowImg}),!I.arrowsImgUrl&&r.jsx(ha,{color:I.color,className:Je(Te.arrowIcon,Te.arrowImg)})]})})]}),R.triggersList.click&&r.jsx("div",{className:Te.clickOverlay,onClick:()=>{o&&o.go("+1")}}),G.isActive&&r.jsx("div",{className:Je(Te.pagination,{[Te.paginationInsideBottom]:G.position==="inside-1"&&k==="horiz",[Te.paginationInsideTop]:G.position==="inside-2"&&k==="horiz",[Te.paginationOutsideBottom]:G.position==="outside-1"&&k==="horiz",[Te.paginationOutsideTop]:G.position==="outside-2"&&k==="horiz",[Te.paginationInsideLeft]:G.position==="inside-1"&&k==="vert",[Te.paginationInsideRight]:G.position==="inside-2"&&k==="vert",[Te.paginationOutsideLeft]:G.position==="outside-1"&&k==="vert",[Te.paginationOutsideRight]:G.position==="outside-2"&&k==="vert",[Te.paginationVertical]:k==="vert"}),children:r.jsx("div",{className:Te.paginationInner,style:{backgroundColor:G.colors[2],transform:`scale(${G.scale/100}) translate(${E.scalingValue(G.offset.x,i)}, ${E.scalingValue(G.offset.y,i)}) rotate(${k==="horiz"?"0deg":"90deg"})`},children:t.map((V,_)=>r.jsx("button",{onClick:()=>{o&&o.go(_)},className:Je(Te.paginationItem),children:r.jsx("div",{className:Je(Te.dot,{[Te.activeDot]:_===$}),style:{backgroundColor:_===$?G.colors[0]:G.colors[1],"--pagination-hover-color":G.hover}})},_))})})]})})}function ha({color:e,className:t}){return r.jsx("svg",{viewBox:"0 0 10 18",className:t,children:r.jsx("g",{id:"Symbols",stroke:"none",strokeWidth:"1",fillRule:"evenodd",children:r.jsx("path",{d:"M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z",id:"Shape-Copy",fill:e,transform:"translate(5, 9) rotate(-90) translate(-5, -9)"})})})}const dd={element:cd,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"]}},ud="ImageRevealSlider-module__imageRevealSlider___UE5Ob",pd="ImageRevealSlider-module__image___Qjt-e",md="ImageRevealSlider-module__link___N-iLG",gd="ImageRevealSlider-module__cursor___2U03d",ti={imageRevealSlider:ud,image:pd,link:md,cursor:gd};function fa(e,t,n){for(const i of n){const o=new Image;o.src=i.url;const s=i.width?Number.parseFloat(i.width):o.naturalWidth,a=o.naturalHeight/o.naturalWidth*s,d=s/2,c=a/2;if(e>=i.x-d&&e<=i.x+d&&t>=i.y-c&&t<=i.y+c)return!0}return!1}function Zo(e){return new Promise(t=>{const n=new Image;n.src=e,n.onload=()=>{t({width:n.naturalWidth,height:n.naturalHeight})}})}async function hd(e,t,n,i){let o,s;if(t==="custom"){o=n;const a=await Zo(e);s=a.height/a.width*o}else if(t==="random"){o=Math.random()*(i.max-i.min)+i.min;const a=await Zo(e);s=a.height/a.width*o}else{const a=await Zo(e);o=a.width,s=a.height}return{width:o,height:s,finalWidth:`${o}px`}}function fd({settings:e,content:t,isEditor:n}){const[i,o]=l.useState(null),[s,a]=l.useState([]),[d,c]=l.useState(0),p=l.useRef(0),[u,T]=l.useState({x:0,y:0}),[w,L]=l.useState(1),[m,y]=l.useState("none"),C=l.useRef({x:0,y:0}),[b,$]=l.useState(!1),{sizeType:S,imageWidth:F,randomRangeImageWidth:P}=e.imageSize,{revealPosition:k,visible:x}=e.position,{cursorType:I,target:G,defaultCursorScale:f,defaultCursor:R,hoverCursorScale:M,hoverCursor:j}=e.cursor;l.useEffect(()=>{if(!i)return;const V=(U,H)=>{const J=i.getBoundingClientRect(),oe=U-J.left,ie=H-J.top;if(T({x:oe,y:ie}),I==="system"){y("none"),L(1);return}const W=oe,ae=ie,g=document.elementFromPoint(J.left+W,J.top+ae);if(g&&g.closest("a")){y("none"),L(1);return}const te=fa(W,ae,s)||G==="area"?{img:j??"none",scale:M}:{img:R??"none",scale:f};y(te.img),L(te.scale)},_=U=>{U.stopPropagation(),C.current={x:U.clientX,y:U.clientY},V(U.clientX,U.clientY)},Q=()=>{b&&V(C.current.x,C.current.y)};return i.addEventListener("mousemove",_),window.addEventListener("scroll",Q,!0),()=>{i.removeEventListener("mousemove",_),window.removeEventListener("scroll",Q,!0)}},[i,b,u,I,G,j,R,M,f,s]),l.useEffect(()=>{b||(y("none"),L(0))},[b]);const Z=async(V,_,Q,U={})=>{const{width:H,height:J,finalWidth:oe}=await hd(V.image.url,S,F,P);let ie=0,W=0;k==="same"?(ie=_/2,W=Q/2):(ie=U.x??Math.random()*_,W=U.y??Math.random()*Q);const ae=Math.min(Math.max(ie,H/2),_-H/2),g=Math.min(Math.max(W,J/2),Q-J/2);return{id:p.current++,url:V.image.url,link:V.link,name:V.image.name,x:ae,y:g,width:oe}};l.useEffect(()=>{if(!i||t.length===0)return;const V=i.getBoundingClientRect(),_=V.width,Q=V.height,U=[];(async()=>{const J=t[0],oe=await Z(J,_,Q);U.push(oe),a(U),c(1)})()},[S,F,P,k,i]),l.useEffect(()=>{x==="last One"&&a(V=>V.length>0?[V[V.length-1]]:[])},[x]);const ue=async V=>{if(!i)return;const _=i.getBoundingClientRect(),Q=V.clientX-_.left,U=V.clientY-_.top;if(G==="image"&&!fa(Q,U,s))return;let H=0,J=0;k==="on Click"?(H=Q,J=U):k==="same"?(H=_.width/2,J=_.height/2):(H=Math.random()*_.width,J=Math.random()*_.height);const oe=t[d],ie=await Z(oe,_.width,_.height,{x:H,y:J});a(W=>x==="all"?[...W,ie]:[ie]),c(W=>W>=t.length-1?0:W+1)};return r.jsxs("div",{ref:o,onClick:ue,onMouseEnter:()=>$(!0),onMouseLeave:()=>$(!1),className:ti.imageRevealSlider,style:{cursor:m==="none"?"default":"none"},children:[s.map(V=>r.jsx("div",{className:ti.wrapper,style:{top:`${V.y}px`,left:`${V.x}px`,position:"absolute",transform:"translate(-50%, -50%)",width:V.width??"auto",height:"auto",cursor:m==="none"?"default":"none"},children:G==="area"&&V.link?r.jsx("a",{href:V.link,target:"_blank",className:ti.link,children:r.jsx("img",{src:V.url,alt:V.name,className:ti.image},V.id)}):r.jsx("img",{src:V.url,alt:V.name,className:ti.image},V.id)},V.id)),b&&r.jsx("div",{className:ti.cursor,style:{left:`${u.x}px`,top:`${u.y}px`,transform:`translate(-50%, -50%) scale(${w})`,backgroundImage:`url('${m}')`,backgroundSize:"cover",backgroundPosition:"center",position:"absolute",pointerEvents:"none"}})]})}const yd={element:fd,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:""}]}}}},vd="LightBox-module__hidden___9s-9x",bd="LightBox-module__heroImage___sTxNF",xd="LightBox-module__background___rm9ml",wd="LightBox-module__editor___4ACaY",Sd="LightBox-module__contentStyle___Bgnsq",$d="LightBox-module__imageStyle___tLIlB",Cd="LightBox-module__imgWrapper___LuFUp",Td="LightBox-module__contain___8-yaS",Ld="LightBox-module__cover___hNvOG",Ed="LightBox-module__caption___b6L2I",Id="LightBox-module__captionTextInner___rCGNH",Pd="LightBox-module__lightboxSplide___XFuWC",Rd="LightBox-module__arrow___iz38X",Ad="LightBox-module__arrowVertical___Zfz81",Md="LightBox-module__nextArrow___zkAQN",_d="LightBox-module__arrowInner___p48sW",kd="LightBox-module__arrowIcon___3VaFf",Wd="LightBox-module__arrowImg___pNV88",Fd="LightBox-module__mirror___pjeXc",Nd="LightBox-module__thumbsWrapper___GB-nU",Hd="LightBox-module__thumbsContainerVertical___wttk5",Od="LightBox-module__thumbsContainer___osSma",Bd="LightBox-module__thumbsAlignStart___MO6tY",jd="LightBox-module__thumbsAlignCenter___Q4sUx",zd="LightBox-module__thumbsAlignEnd___p4y9R",Vd="LightBox-module__thumbItem___HvnF3",Dd="LightBox-module__closeButton___g2khP",qd="LightBox-module__fadeIn___0m5GW",Kd="LightBox-module__slideInLeft___gPYwC",Gd="LightBox-module__slideInRight___S-pPp",Ud="LightBox-module__slideInTop___DFdAj",Xd="LightBox-module__slideInBottom___m27kZ",Yd="LightBox-module__fadeOut___55qBR",Jd="LightBox-module__slideOutLeft___NvU7P",Zd="LightBox-module__slideOutRight___SK7eC",Qd="LightBox-module__slideOutTop___Vgg0z",eu="LightBox-module__slideOutBottom___nJ0Ef",tu="LightBox-module__scaleSlide___vZriG",fe={hidden:vd,heroImage:bd,background:xd,editor:wd,contentStyle:Sd,imageStyle:$d,imgWrapper:Cd,contain:Td,cover:Ld,caption:Ed,captionTextInner:Id,lightboxSplide:Pd,arrow:Rd,arrowVertical:Ad,nextArrow:Md,arrowInner:_d,arrowIcon:kd,arrowImg:Wd,mirror:Fd,thumbsWrapper:Nd,thumbsContainerVertical:Hd,thumbsContainer:Od,thumbsAlignStart:Bd,thumbsAlignCenter:jd,thumbsAlignEnd:zd,thumbItem:Vd,closeButton:Dd,fadeIn:qd,slideInLeft:Kd,slideInRight:Gd,slideInTop:Ud,slideInBottom:Xd,fadeOut:Yd,slideOutLeft:Jd,slideOutRight:Zd,slideOutTop:Qd,slideOutBottom:eu,scaleSlide:tu},eo=(e,t,n)=>{const i={},[o,s]=e.split("-");return o==="top"?(i.top="0",i.bottom="auto"):o==="middle"?(i.top="50%",i.bottom="auto"):o==="bottom"&&(i.top="auto",i.bottom="0"),s==="left"?(i.left="0",i.right="auto"):s==="center"?(i.left="50%",i.right="auto"):s==="right"&&(i.left="auto",i.right="0"),o==="middle"&&s==="center"?i.transform=`translate(calc(-50% + ${E.scalingValue(t.x,n)}), calc(-50% + ${E.scalingValue(t.y,n)}))`:o==="middle"?i.transform=`translate(${E.scalingValue(t.x,n)}, calc(-50% + ${E.scalingValue(t.y,n)}))`:s==="center"?i.transform=`translate(calc(-50% + ${E.scalingValue(t.x,n)}), ${E.scalingValue(t.y,n)})`:i.transform=`translate(${E.scalingValue(t.x,n)}, ${E.scalingValue(t.y,n)})`,i};function Os(e){const t=window.getComputedStyle(e);return{top:parseFloat(t.paddingTop)||0,right:parseFloat(t.paddingRight)||0,bottom:parseFloat(t.paddingBottom)||0,left:parseFloat(t.paddingLeft)||0}}function ya(e){const t=e.getBoundingClientRect(),n=Os(e),i=Math.max(0,t.width-n.left-n.right),o=Math.max(0,t.height-n.top-n.bottom),s=e.naturalWidth,a=e.naturalHeight,d=i/o,c=s/a;let p,u;c>d?(p=i,u=i/c):(u=o,p=o*c);const T=t.left+n.left,w=t.top+n.top,L=(i-p)/2+T,m=(o-u)/2+w;return{x:L,y:m,width:p,height:u}}function va(e){const t=e.getBoundingClientRect(),n=Os(e);return{left:t.left+n.left,right:t.right-n.right,top:t.top+n.top,bottom:t.bottom-n.bottom}}function ba(e){const t=e.match(/rgba?\(([^)]+)\)/);if(t){const i=t[1].split(",").map(o=>parseFloat(o.trim()));return i.length===4?i[3]:1}const n=e.match(/^#([0-9a-fA-F]{8})$/);if(n){const i=n[1].substring(6,8);return parseInt(i,16)/255}return e.match(/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/),1}function nu(e,t){const n=(()=>{if(e==="fade in")return fe.fadeIn;if(e==="slide in"||e==="mix")switch(t){case"left":return fe.slideInLeft;case"right":return fe.slideInRight;case"top":return fe.slideInTop;case"bottom":return fe.slideInBottom;default:return fe.slideInRight}return fe.fadeIn})(),i=(()=>{if(e==="fade in"||e==="mix")return fe.fadeIn;if(e==="slide in")switch(t){case"left":return fe.slideInLeft;case"right":return fe.slideInRight;case"top":return fe.slideInTop;case"bottom":return fe.slideInBottom;default:return fe.slideInRight}return fe.fadeIn})(),o=(()=>{if(e==="fade in"||e==="mix")return fe.fadeOut;if(e==="slide in")switch(t){case"left":return fe.slideOutLeft;case"right":return fe.slideOutRight;case"top":return fe.slideOutTop;case"bottom":return fe.slideOutBottom;default:return fe.slideOutRight}return fe.fadeOut})(),s=(()=>{if(e==="fade in")return fe.fadeOut;if(e==="slide in"||e==="mix")switch(t){case"left":return fe.slideOutLeft;case"right":return fe.slideOutRight;case"top":return fe.slideOutTop;case"bottom":return fe.slideOutBottom;default:return fe.slideOutRight}return fe.fadeOut})();return{appearClass:n,backdropAppearClass:i,backdropDisappearClass:o,disappearClass:s}}const iu=({settings:e,content:t,styles:n,portalId:i,activeEvent:o,isEditor:s,isPreviewMode:a})=>{const[d,c]=l.useState(!1),{url:p}=e.thumbnailBlock.cover;return l.useEffect(()=>{o==="close"&&c(!1),o==="open"&&c(!0)},[o]),r.jsxs(r.Fragment,{children:[r.jsx("img",{src:p,alt:"Cover",className:fe.heroImage,onClick:()=>c(!0)}),r.jsx(ou,{isOpen:d,onClose:()=>c(!1),content:t,settings:e,lightboxStyles:n,portalId:i,isEditor:s})]})},ou=({isOpen:e,onClose:t,content:n,lightboxStyles:i,settings:o,portalId:s,isEditor:a,metadata:d})=>{var Fe;const{widthSettings:c,fontSettings:p,letterSpacing:u,textAlign:T,wordSpacing:w,fontSizeLineHeight:L,textAppearance:m,color:y}=i.imageCaption??{},[C,b]=l.useState(0),[$,S]=l.useState(0),[F,P]=l.useState(!1),[k,x]=l.useState(!1),[I,G]=l.useState({}),f=l.useRef(null),R=l.useRef(null),M=l.useRef(null),j=l.useRef(!1),Z=l.useRef(null),ue=l.useRef(null),V=l.useRef(null),_=l.useRef(null),Q=l.useRef(!1),U=l.useRef(null),[H,J]=l.useState(!1),{appear:oe,triggers:ie,slider:W,thumbnail:ae,controls:g,area:te,caption:ye,layout:me}=o.lightboxBlock,{appearClass:_e,backdropAppearClass:X,backdropDisappearClass:de,disappearClass:K}=nu(oe.type,oe.direction),B=(d==null?void 0:d.itemId)??null;l.useEffect(()=>{const z=()=>{setTimeout(()=>{var v,D;(D=(v=f.current)==null?void 0:v.splide)==null||D.refresh()},16)},q=()=>{S(v=>v+1)};return window.addEventListener("ArticleEditor.Layout:change",z),window.addEventListener("ArticleEditor.ComponentContent:change",q),()=>{window.removeEventListener("ArticleEditor.Layout:change",z),window.removeEventListener("ArticleEditor.ComponentContent:change",q)}},[]),l.useEffect(()=>{if(!e||!ae.isActive){J(!1);return}const z=U.current;if(!z)return;const q=()=>{W.direction==="horiz"?J(z.scrollWidth>z.clientWidth):J(z.scrollHeight>z.clientHeight)};q();const v=new ResizeObserver(q);return v.observe(z),()=>v.disconnect()},[e,ae.isActive,n.length,I,W.direction]);const N=l.useCallback(()=>{const z=window.matchMedia("(max-width: 768px)").matches,q=ba(te.color);z&&!a&&q>.9&&(document.body.style.backgroundColor=""),P(!0),j.current=!0;const v=D=>{D.target===Z.current&&D.animationName&&(Z.current&&ue.current&&Z.current.removeEventListener("animationend",ue.current),ue.current=null,j.current&&(j.current=!1,t()),P(!1))};Z.current&&(ue.current=v,Z.current.addEventListener("animationend",v))},[t,te.color,a]),re=(z,q,v)=>{var D,O;if(z){if(ie.type==="click"&&ie.switch==="image")ie.repeat==="close"&&C===n.length-1?N():(D=f.current)==null||D.go("+1");else if(ie.type==="click"&&ie.switch==="50/50"){const ee=z.getBoundingClientRect(),se=q-ee.left,pe=v-ee.top,Ce=ee.width,we=ee.height;let ve;W.direction==="horiz"?ve=se<Ce/2?"-1":"+1":ve=pe<we/2?"-1":"+1",(O=f.current)==null||O.go(ve)}}},$e=z=>{if(Q.current){Q.current=!1;return}const q=n[C],v=(q==null?void 0:q.image.objectFit)==="cover";let D,O;if("changedTouches"in z&&z.changedTouches.length>0)D=z.changedTouches[0].clientX,O=z.changedTouches[0].clientY;else if("clientX"in z)D=z.clientX,O=z.clientY;else return;let ee;if(v&&M.current){const se=va(M.current);ee=D>=se.left&&D<=se.right&&O>=se.top&&O<=se.bottom}else{const se=M.current?ya(M.current):null;if(!se){z.target===z.currentTarget&&N();return}ee=D>=se.x&&D<=se.x+se.width&&O>=se.y&&O<=se.y+se.height}ee?re(M.current,D,O):N()},Ne=z=>{const q=z.target;(q.classList.contains(fe.thumbsWrapper)||q.classList.contains(fe.thumbsContainer))&&$e(z)};l.useEffect(()=>{if(!e)return;const z=q=>{var v,D;if(q.key==="Escape"){N();return}if(q.key==="ArrowRight"){b(O=>(O+1)%Math.max(n.length,1)),(v=f.current)==null||v.go("+1");return}q.key==="ArrowLeft"&&(b(O=>(O-1+Math.max(n.length,1))%Math.max(n.length,1)),(D=f.current)==null||D.go("-1"))};return window.addEventListener("keydown",z),()=>{window.removeEventListener("keydown",z)}},[e,N,n.length]),l.useEffect(()=>{if(e){if(b(0),S(q=>q+1),j.current=!1,P(!1),x(!1),G({}),!B)return;const z=new CustomEvent("page-overlay",{detail:{itemId:B}});window.dispatchEvent(z)}return()=>{Z.current&&ue.current&&(Z.current.removeEventListener("animationend",ue.current),ue.current=null),x(!1)}},[e,B]),l.useEffect(()=>{R.current!==null&&R.current!==W.type&&S(z=>z+1),R.current=W.type},[W.type]),l.useEffect(()=>{if(!e)return;const z=document.body.style.overflow,q=window.matchMedia("(max-width: 768px)").matches,v=ba(te.color);document.body.style.overflow="hidden",x(!1);const D=ee=>{ee.target===Z.current&&!j.current&&ee.animationName&&(q&&!a&&v>.9&&(document.body.style.backgroundColor=te.color),x(!0),Z.current&&V.current&&Z.current.removeEventListener("animationend",V.current),V.current=null)};Z.current&&(V.current=D,Z.current.addEventListener("animationend",D));const O=ee=>{const se=ee.target;se&&(se.closest(`.${fe.thumbsWrapper}`)||se.closest(`.${fe.thumbsContainer}`))||W.type!=="slide"&&ee.preventDefault()};return document.addEventListener("touchmove",O,{passive:!1}),()=>{document.body.style.overflow=z,document.removeEventListener("touchmove",O),Z.current&&V.current&&(Z.current.removeEventListener("animationend",V.current),V.current=null),x(!1)}},[e,a,te.color,W.type]),l.useEffect(()=>{if(!e)return;const z=q=>{var D,O;if(j.current){q.stopPropagation();return}if(Q.current){Q.current=!1;return}const v=q.target;if(!(v&&(v.closest(`.${fe.thumbsContainer}`)||v.closest(`.${fe.thumbItem}`)||v.closest(`.${fe.arrow}`)||v.closest(`.${fe.closeButton}`)||v.closest(`.${fe.caption}`)))){if(W.type==="slide"&&ie.type==="drag"&&((O=(D=f.current)==null?void 0:D.splide)!=null&&O.root)){const ee=f.current.splide.root;if(v&&(ee.contains(v)||ee===v))return}if(q.touches.length===0&&q.changedTouches.length>0){const ee=n[C],se=(ee==null?void 0:ee.image.objectFit)==="cover",pe=q.changedTouches[0];let Ce;if(se&&M.current){const we=va(M.current);Ce=pe.clientX>=we.left&&pe.clientX<=we.right&&pe.clientY>=we.top&&pe.clientY<=we.bottom}else{const we=M.current?ya(M.current):null;if(!we)return;Ce=pe.clientX>=we.x&&pe.clientX<=we.x+we.width&&pe.clientY>=we.y&&pe.clientY<=we.y+we.height}if(!Ce){q.stopPropagation(),j.current=!0;const we=ve=>{ve.stopPropagation(),ve.preventDefault(),document.removeEventListener("click",we,!0)};document.addEventListener("click",we,!0),N()}}}};return document.addEventListener("touchend",z,{passive:!0}),()=>{document.removeEventListener("touchend",z)}},[e,N,C,n]);const Ie=(W.type==="scale"||W.type==="fade")&&W.direction==="vert"&&ie.type==="drag";l.useEffect(()=>{var ve,Ge;if(!e||!Ie||!((Ge=(ve=f.current)==null?void 0:ve.splide)!=null&&Ge.root))return;const z=f.current.splide.root,q=30,v=(ge,ke)=>{if(_.current){const ze=Math.abs(ge-_.current.x),Le=Math.abs(ke-_.current.y);(ze>0||Le>0)&&(Q.current=!0)}},D=ge=>{_.current&&(ge.preventDefault(),v(ge.clientX,ge.clientY))},O=ge=>{_.current&&ge.touches.length>0&&(ge.preventDefault(),v(ge.touches[0].clientX,ge.touches[0].clientY))},ee=(ge,ke)=>{if(!_.current||!f.current){_.current=null;return}const ze=Math.abs(ge-_.current.x),Le=Math.abs(ke-_.current.y);Le>q&&Le>ze&&f.current.go(ke<_.current.y?"+1":"-1"),_.current=null},se=ge=>{_.current&&ee(ge.clientX,ge.clientY),document.removeEventListener("pointerup",se),document.removeEventListener("pointercancel",se),document.removeEventListener("pointermove",D)},pe=ge=>{if(_.current){if(ge.changedTouches.length>0){const ke=ge.changedTouches[0];ee(ke.clientX,ke.clientY)}document.removeEventListener("touchend",pe),document.removeEventListener("touchcancel",pe),document.removeEventListener("touchmove",O)}},Ce=ge=>{_.current={x:ge.clientX,y:ge.clientY},Q.current=!1,document.addEventListener("pointermove",D,{passive:!1}),document.addEventListener("pointerup",se),document.addEventListener("pointercancel",se)},we=ge=>{ge.touches.length>0&&(_.current={x:ge.touches[0].clientX,y:ge.touches[0].clientY},Q.current=!1,document.addEventListener("touchmove",O,{passive:!1}),document.addEventListener("touchend",pe),document.addEventListener("touchcancel",pe))};return z.addEventListener("pointerdown",Ce),z.addEventListener("touchstart",we),()=>{z.removeEventListener("pointerdown",Ce),z.removeEventListener("touchstart",we),document.removeEventListener("pointermove",D),document.removeEventListener("pointerup",se),document.removeEventListener("pointercancel",se),document.removeEventListener("touchmove",O),document.removeEventListener("touchend",pe),document.removeEventListener("touchcancel",pe),_.current=null,Q.current=!1}},[e,Ie,$]);const xe={backgroundColor:te.color,backdropFilter:`blur(${te.blur}px)`,animationDuration:`${parseInt(oe.duration)}ms`,animationTimingFunction:"ease",animationFillMode:"both"};return typeof document>"u"||!document.getElementById(s)?null:Oi.createPortal(r.jsxs(r.Fragment,{children:[r.jsx("div",{ref:a?null:Z,className:Je(fe.background,F?de:X,{[fe.editor]:a},{[fe.hidden]:!e}),style:{...xe,...k&&!a&&!F?{position:"absolute"}:{}}}),r.jsxs("div",{ref:a?Z:null,className:Je(fe.contentStyle,F?K:_e,{[fe.editor]:a},{[fe.hidden]:!e}),style:{animationDuration:`${parseInt(oe.duration)}ms`,animationTimingFunction:"ease",animationFillMode:"both"},children:[r.jsx(Dr,{onMove:z=>b(z.index),ref:f,className:fe.lightboxSplide,options:{arrows:!1,speed:W.duration?parseInt(W.duration):500,direction:W.direction==="horiz"||W.type==="fade"||W.type==="scale"?"ltr":"ttb",pagination:!1,drag:ie.type==="drag"&&!Ie,perPage:1,width:"100%",height:"100%",type:W.type==="fade"||W.type==="scale"?"fade":"loop",padding:0,rewind:ie.repeat!=="close",start:0},style:{"--splide-speed":W.duration},children:n.map((z,q)=>{const v=eo(me.position,me.offset,a),D=`${E.scalingValue(me.padding.top,a)} ${E.scalingValue(me.padding.right,a)} ${E.scalingValue(me.padding.bottom,a)} ${E.scalingValue(me.padding.left,a)}`,O=W.type==="scale"?(()=>{const{transform:ee,...se}=v;return{...se,position:"absolute",padding:D,boxSizing:"border-box","--position-transform":ee||"none"}})():{...v,position:"absolute",padding:D,boxSizing:"border-box"};return r.jsx(qr,{children:r.jsx("div",{className:fe.imgWrapper,onClick:$e,children:r.jsx("img",{ref:q===C?M:null,className:Je(fe.imageStyle,{[fe.contain]:z.image.objectFit==="contain",[fe.cover]:z.image.objectFit==="cover",[fe.scaleSlide]:W.type==="scale"}),src:z.image.url,alt:z.image.name??"",style:{...O,pointerEvents:z.image.objectFit==="contain"?"none":"auto"}})})},q)})},$),g.isActive&&r.jsxs(r.Fragment,{children:[r.jsx("div",{className:Je(fe.arrow,{[fe.arrowVertical]:W.direction==="vert"}),style:{color:g.color,"--arrow-hover-color":g.hover},children:r.jsxs("button",{className:fe.arrowInner,style:{transform:`translate(${E.scalingValue(g.offset.x,a)}, ${E.scalingValue(g.offset.y*(W.direction==="horiz"?1:-1),a)}) scale(${g.scale}) rotate(${W.direction==="horiz"?"0deg":"90deg"})`},onClick:()=>{var z;return(z=f.current)==null?void 0:z.go("-1")},"aria-label":"Previous",children:[g.arrowsImgUrl&&r.jsx(ln,{url:g.arrowsImgUrl,fill:g.color,hoverFill:g.hover,className:Je(fe.arrowImg,fe.mirror)}),!g.arrowsImgUrl&&r.jsx(xa,{color:g.color,className:Je(fe.arrowIcon,fe.arrowImg,fe.mirror)})]})}),r.jsx("div",{className:Je(fe.arrow,fe.nextArrow,{[fe.arrowVertical]:W.direction==="vert"}),style:{color:g.color,"--arrow-hover-color":g.hover},children:r.jsxs("button",{className:fe.arrowInner,style:{transform:`translate(${E.scalingValue(g.offset.x*(W.direction==="horiz"?-1:1),a)}, ${E.scalingValue(g.offset.y,a)}) scale(${g.scale}) rotate(${W.direction==="horiz"?"0deg":"90deg"})`},onClick:()=>{var z;return(z=f.current)==null?void 0:z.go("+1")},"aria-label":"Next",children:[g.arrowsImgUrl&&r.jsx(ln,{url:g.arrowsImgUrl,fill:g.color,hoverFill:g.hover,className:fe.arrowImg}),!g.arrowsImgUrl&&r.jsx(xa,{color:g.color,className:Je(fe.arrowIcon,fe.arrowImg)})]})})]}),te.closeIconUrl&&(()=>{const z=eo(te.closeIconAlign,te.closeIconOffset,a),q=`scale(${te.closeIconScale})`,v=z.transform?`${z.transform} ${q}`:q;return r.jsx("button",{className:fe.closeButton,style:{...z,transform:v},onClick:N,"aria-label":"Close lightbox",children:r.jsx(ln,{url:te.closeIconUrl,fill:te.closeIconColor??"#000000",hoverFill:te.closeIconHover??"#cccccc"})})})(),ye&&ye.isActive&&i.imageCaption&&((Fe=n[C])==null?void 0:Fe.imageCaption)&&r.jsx("div",{className:fe.caption,style:{...eo(ye.alignment,ye.offset,a),fontFamily:jo(p.fontFamily),fontWeight:p.fontWeight,fontStyle:p.fontStyle,width:c.sizing==="auto"?"max-content":E.scalingValue(c.width,a),letterSpacing:E.scalingValue(u,a),wordSpacing:E.scalingValue(w,a),textAlign:T,fontSize:E.scalingValue(L.fontSize,a),lineHeight:E.scalingValue(L.lineHeight,a),textTransform:m.textTransform??"none",textDecoration:m.textDecoration??"none",fontVariant:m.fontVariant??"normal",color:y},onClick:z=>z.stopPropagation(),children:r.jsx("div",{"data-styles":"imageCaption",className:fe.captionTextInner,style:{"--link-color":ye.linkColor,"--link-hover-color":ye.linkHoverColor},children:r.jsx(gi,{content:n[C].imageCaption})})}),ae.isActive&&(()=>{const[z,q]=ae.position.split("-"),v=W.direction==="horiz"?`${z}-left`:ae.position,D=eo(v,ae.offset,a),O=()=>{if(W.direction==="horiz"){if(q==="left")return"flex-start";if(q==="center")return"center";if(q==="right")return"flex-end"}else{if(z==="top")return"flex-start";if(z==="middle")return"center";if(z==="bottom")return"flex-end"}return"flex-start"};return r.jsx("div",{ref:U,className:fe.thumbsWrapper,onClick:ee=>Ne(ee),style:{position:a?"absolute":"fixed",...D,...W.direction==="horiz"?{maxWidth:"100vw",width:"100%",overflowX:"auto",overflowY:"hidden"}:{maxHeight:"100vh",overflowY:"auto",overflowX:"hidden"}},children:r.jsx("div",{className:Je(fe.thumbsContainer,{[fe.thumbsContainerVertical]:W.direction==="vert",[fe.thumbsAlignStart]:ae.align==="start",[fe.thumbsAlignCenter]:ae.align==="center",[fe.thumbsAlignEnd]:ae.align==="end"}),style:{gap:E.scalingValue(ae.grid.gap,a),justifyContent:H?"flex-start":O()},children:n.map((ee,se)=>{const pe=se===C,Ce=I[se],ve=ae.grid.size*(pe?ae.activeState.scale:1),Ge=()=>{if(ae.fit!=="fit")return{};if(!Ce)return W.direction==="horiz"?{height:E.scalingValue(ve,a)}:{width:E.scalingValue(ve,a)};const ge=Ce.width/Ce.height;if(W.direction==="horiz"){const ke=ve,ze=ke*ge;return{width:E.scalingValue(ze,a),height:E.scalingValue(ke,a)}}else{const ke=ve,ze=ke/ge;return{width:E.scalingValue(ke,a),height:E.scalingValue(ze,a)}}};return r.jsx("button",{className:fe.thumbItem,style:{...W.direction==="horiz"&&ae.fit!=="fit"?{height:E.scalingValue(ve,a)}:{},...W.direction==="vert"&&ae.fit!=="fit"?{width:E.scalingValue(ve,a)}:{},...ae.fit==="cover"?{width:E.scalingValue(ve,a),height:E.scalingValue(ve,a)}:{},...Ge(),transition:pe?"all 0.25s ease-out":"none",opacity:pe?ae.activeState.opacity/100:ae.opacity/100,"--thumb-hover":ae.activeState.opacity/100},onClick:ge=>{var ke;ge.stopPropagation(),b(se),(ke=f.current)==null||ke.go(se)},onMouseEnter:()=>{var ge;ae.triggers==="hov"&&((ge=f.current)==null||ge.go(se))},children:r.jsx("img",{src:ee.image.url,alt:ee.image.name??"",onLoad:ge=>{const ke=ge.currentTarget;ke.naturalWidth&&ke.naturalHeight&&G(ze=>({...ze,[se]:{width:ke.naturalWidth,height:ke.naturalHeight}}))},style:{objectFit:ae.fit==="cover"?"cover":"contain",...ae.fit==="fit"?{maxWidth:"100%",maxHeight:"100%",objectFit:"contain"}:{},...ae.fit==="cover"?{width:"100%",height:"100%"}:{}}})},`${ee.image.name}-${se}`)})})})})()]})]}),document.getElementById(s))};function xa({color:e,className:t}){return r.jsx("svg",{viewBox:"0 0 10 18",className:t,children:r.jsx("g",{id:"Symbols",stroke:"none",strokeWidth:"1",fillRule:"evenodd",children:r.jsx("path",{d:"M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z",id:"Shape-Copy",fill:e,transform:"translate(5, 9) rotate(-90) translate(-5, -9)"})})})}const ru={element:iu,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 to(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function au(e){return`
6
+ */const rd="RichTextRenderer-module__link___BWeZ2",ad={link:rd},sd=e=>{const t=e.trim();return!t||t.startsWith('"')&&t.endsWith('"')||t.startsWith("'")&&t.endsWith("'")?!1:t.split(/\s+/g).filter(Boolean).some(i=>/^\d/.test(i))},zo=e=>e&&e.split(",").map(n=>n.trim()).filter(Boolean).map(n=>sd(n)?`"${n.replace(/"/g,'\\"')}"`:n).join(", ");function Ut(e){const{color:t,...n}=e;return n}function Rt(e,t){var o,s,a;const{fontSize:n,lineHeight:i}=e;return{fontFamily:zo(e.fontSettings.fontFamily),fontWeight:e.fontSettings.fontWeight,fontStyle:e.fontSettings.fontStyle,letterSpacing:P.scalingValue(e.letterSpacing,t),wordSpacing:P.scalingValue(e.wordSpacing,t),fontSize:P.scalingValue(n,t),lineHeight:i!==void 0?P.scalingValue(i,t):void 0,textTransform:(o=e.textAppearance)==null?void 0:o.textTransform,textDecoration:(s=e.textAppearance)==null?void 0:s.textDecoration,fontVariant:(a=e.textAppearance)==null?void 0:a.fontVariant,textAlign:e.textAlign,color:e.color}}const ui=({content:e})=>{const t=n=>n.map((i,o)=>i.type==="link"?r.jsx("a",{className:ad.link,href:i.value,target:i.target,children:t(i.children)},o):r.jsx("span",{style:ld(i),children:i.text},o));return r.jsx(r.Fragment,{children:e.map((n,i)=>{const o=n.children;return r.jsx("div",{children:t(o)},i)})})};function ld(e){return{...e.fontFamily&&{fontFamily:zo(e.fontFamily)},...e.fontWeight&&{fontWeight:e.fontWeight},...e.fontStyle&&{fontStyle:e.fontStyle},...e.textDecoration&&{textDecoration:e.textDecoration},...e.textTransform&&{textTransform:e.textTransform},...e.fontVariant&&{fontVariant:e.fontVariant},...e.verticalAlign&&{verticalAlign:e.verticalAlign,lineHeight:"0px"}}}const cd="SvgImage-module__svg___q3xE-",dd="SvgImage-module__img___VsTm-",ba={svg:cd,img:dd},ud=e=>{const t=e.trim();return t.startsWith("data:image/svg+xml")?!0:(t.split(/[?#]/)[0]??t).endsWith(".svg")},pd=e=>`url("${e.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}")`,nn=({url:e,fill:t="#000000",hoverFill:n="#CCCCCC",className:i="",style:o})=>{const[s,a]=l.useState(()=>typeof window>"u"?!0:CSS.supports("mask-image",'url("")')||CSS.supports("-webkit-mask-image",'url("")'));return l.useEffect(()=>{if(typeof window<"u"&&window.CSS){const u=CSS.supports("mask-image",'url("")')||CSS.supports("-webkit-mask-image",'url("")');a(u)}},[]),!ud(e)||!s?r.jsx("img",{src:e,alt:"",className:Ye(ba.img,i),style:o}):r.jsx("span",{"data-supports-mask":s,className:Ye(ba.svg,i),style:{"--svg":pd(e),"--fill":t,"--hover-fill":n,...o??{}}})},md={"top-left":Le.topLeftAlignment,"top-center":Le.topCenterAlignment,"top-right":Le.topRightAlignment,"middle-left":Le.middleLeftAlignment,"middle-center":Le.middleCenterAlignment,"middle-right":Le.middleRightAlignment,"bottom-left":Le.bottomLeftAlignment,"bottom-center":Le.bottomCenterAlignment,"bottom-right":Le.bottomRightAlignment};function gd({settings:e,content:t,styles:n,isEditor:i}){const[o,s]=l.useState(null),{widthSettings:a,fontSettings:u,letterSpacing:c,textAlign:m,wordSpacing:p,fontSizeLineHeight:R,textAppearance:b,color:I}=n.imageCaption??{},[g,v]=l.useState(void 0),[T,w]=l.useState(null),[$,S]=l.useState(0),[z,M]=l.useState(0),{direction:N,transition:L,controls:C,pagination:J,imageCaption:y,triggers:k}=e,_=l.useRef(L.type),{x:V,y:ne}=e.controls.offset,me=K=>{o&&o.go(K)};return l.useEffect(()=>{if(!T)return;const K=new ResizeObserver(H=>{if(!o)return;const[Q]=H;v({width:Math.round(Q.contentRect.width),height:Math.round(Q.contentRect.height)})});return K.observe(T),()=>K.unobserve(T)},[T]),l.useEffect(()=>{!o||_.current===L.type||(M(K=>K+1),_.current=L.type)},[L.type]),r.jsx("div",{className:Ye(Le.wrapper,{[Le.editor]:i}),ref:w,children:r.jsxs("div",{className:Le.sliderInner,style:{width:g?g.width:"100%",height:g?g.height:"100%",backgroundColor:L.backgroundColor&&L.type==="fade in"?L.backgroundColor:"transparent"},children:[e.imageCaption.isActive&&r.jsx("div",{className:Ye(Le.captionBlock),children:r.jsx("div",{className:Le.captionTextWrapper,children:t.map((K,H)=>r.jsx("div",{className:Ye(Le.captionText,md[y.alignment],{[Le.withPointerEvents]:H===$&&i,[Le.active]:H===$}),style:{fontFamily:zo(u.fontFamily),fontWeight:u.fontWeight,fontStyle:u.fontStyle,width:a.sizing==="auto"?"max-content":P.scalingValue(a.width,i),letterSpacing:P.scalingValue(c,i),wordSpacing:P.scalingValue(p,i),textAlign:m,fontSize:P.scalingValue(R.fontSize,i),lineHeight:P.scalingValue(R.lineHeight,i),textTransform:b.textTransform??"none",textDecoration:b.textDecoration??"none",fontVariant:b.fontVariant??"normal",color:I,transitionDuration:L.duration?`${Math.round(parseInt(L.duration)/2)}ms`:"500ms"},children:r.jsx("div",{"data-styles":"imageCaption",className:Le.captionTextInner,style:{"--link-hover-color":y.linkHoverColor,"--link-color":y.linkColor,position:"relative",top:P.scalingValue(y.offset.y,i),left:P.scalingValue(y.offset.x,i)},children:r.jsx(ui,{content:K.imageCaption})})},H))})}),r.jsx(Ur,{onMove:K=>{S(K.index)},ref:s,options:{arrows:!1,speed:L.duration?parseInt(L.duration):500,autoplay:k.autoPlay!==null,...k.autoPlay!==null&&{interval:parseInt(k.autoPlay)*1e3},direction:N==="horiz"||L.type==="fade in"?"ltr":"ttb",pagination:!1,drag:k.triggersList.drag,perPage:1,width:g?g.width:"100%",height:g?g.height:"100%",type:L.type==="fade in"?"fade":"loop",rewind:!0},children:t.map((K,H)=>r.jsx(Xr,{children:r.jsx("div",{className:Le.sliderItem,children:r.jsx("div",{className:Le.imgWrapper,children:r.jsx("img",{className:Ye(Le.sliderImage,{[Le.contain]:K.image.objectFit==="contain",[Le.cover]:K.image.objectFit==="cover"}),src:K.image.url,alt:K.image.name??""})})})},H))},z),C.isActive&&r.jsxs(r.Fragment,{children:[r.jsx("div",{className:Ye(Le.arrow,{[Le.arrowVertical]:N==="vert",[Le.hoverArrow]:C.show==="on hover"}),style:{color:C.color,"--arrow-hover-color":C.hover},children:r.jsxs("button",{onClick:()=>{me("-1")},className:Le.arrowInner,style:{transform:`translate(${P.scalingValue(V,i)}, ${P.scalingValue(ne*(N==="horiz"?1:-1),i)}) scale(${e.controls.scale/100}) rotate(${N==="horiz"?"0deg":"90deg"})`},children:[C.arrowsImgUrl&&r.jsx(nn,{url:C.arrowsImgUrl,fill:C.color,hoverFill:C.hover,className:Ye(Le.arrowImg,Le.mirror)}),!C.arrowsImgUrl&&r.jsx(xa,{color:C.color,className:Ye(Le.arrowIcon,Le.arrowImg,Le.mirror)})]})}),r.jsx("div",{className:Ye(Le.arrow,Le.nextArrow,{[Le.arrowVertical]:N==="vert",[Le.hoverArrow]:C.show==="on hover"}),style:{color:C.color,"--arrow-hover-color":C.hover},children:r.jsxs("button",{className:Le.arrowInner,onClick:()=>me("+1"),style:{transform:`translate(${P.scalingValue(V*(N==="horiz"?-1:1),i)}, ${P.scalingValue(ne,i)}) scale(${e.controls.scale/100}) rotate(${N==="horiz"?"0deg":"90deg"})`},children:[C.arrowsImgUrl&&r.jsx(nn,{url:C.arrowsImgUrl,fill:C.color,hoverFill:C.hover,className:Le.arrowImg}),!C.arrowsImgUrl&&r.jsx(xa,{color:C.color,className:Ye(Le.arrowIcon,Le.arrowImg)})]})})]}),k.triggersList.click&&r.jsx("div",{className:Le.clickOverlay,onClick:()=>{o&&o.go("+1")}}),J.isActive&&r.jsx("div",{className:Ye(Le.pagination,{[Le.paginationInsideBottom]:J.position==="inside-1"&&N==="horiz",[Le.paginationInsideTop]:J.position==="inside-2"&&N==="horiz",[Le.paginationOutsideBottom]:J.position==="outside-1"&&N==="horiz",[Le.paginationOutsideTop]:J.position==="outside-2"&&N==="horiz",[Le.paginationInsideLeft]:J.position==="inside-1"&&N==="vert",[Le.paginationInsideRight]:J.position==="inside-2"&&N==="vert",[Le.paginationOutsideLeft]:J.position==="outside-1"&&N==="vert",[Le.paginationOutsideRight]:J.position==="outside-2"&&N==="vert",[Le.paginationVertical]:N==="vert"}),children:r.jsx("div",{className:Le.paginationInner,style:{backgroundColor:J.colors[2],transform:`scale(${J.scale/100}) translate(${P.scalingValue(J.offset.x,i)}, ${P.scalingValue(J.offset.y,i)}) rotate(${N==="horiz"?"0deg":"90deg"})`},children:t.map((K,H)=>r.jsx("button",{onClick:()=>{o&&o.go(H)},className:Ye(Le.paginationItem),children:r.jsx("div",{className:Ye(Le.dot,{[Le.activeDot]:H===$}),style:{backgroundColor:H===$?J.colors[0]:J.colors[1],"--pagination-hover-color":J.hover}})},H))})})]})})}function xa({color:e,className:t}){return r.jsx("svg",{viewBox:"0 0 10 18",className:t,children:r.jsx("g",{id:"Symbols",stroke:"none",strokeWidth:"1",fillRule:"evenodd",children:r.jsx("path",{d:"M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z",id:"Shape-Copy",fill:e,transform:"translate(5, 9) rotate(-90) translate(-5, -9)"})})})}const hd={element:gd,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"]}},fd="ImageRevealSlider-module__imageRevealSlider___UE5Ob",yd="ImageRevealSlider-module__image___Qjt-e",vd="ImageRevealSlider-module__link___N-iLG",bd="ImageRevealSlider-module__cursor___2U03d",Qn={imageRevealSlider:fd,image:yd,link:vd,cursor:bd};function wa(e,t,n){for(const i of n){const o=new Image;o.src=i.url;const s=i.width?Number.parseFloat(i.width):o.naturalWidth,a=o.naturalHeight/o.naturalWidth*s,u=s/2,c=a/2;if(e>=i.x-u&&e<=i.x+u&&t>=i.y-c&&t<=i.y+c)return!0}return!1}function nr(e){return new Promise(t=>{const n=new Image;n.src=e,n.onload=()=>{t({width:n.naturalWidth,height:n.naturalHeight})}})}async function xd(e,t,n,i){let o,s;if(t==="custom"){o=n;const a=await nr(e);s=a.height/a.width*o}else if(t==="random"){o=Math.random()*(i.max-i.min)+i.min;const a=await nr(e);s=a.height/a.width*o}else{const a=await nr(e);o=a.width,s=a.height}return{width:o,height:s,finalWidth:`${o}px`}}function wd({settings:e,content:t,isEditor:n}){const[i,o]=l.useState(null),[s,a]=l.useState([]),[u,c]=l.useState(0),m=l.useRef(0),[p,R]=l.useState({x:0,y:0}),[b,I]=l.useState(1),[g,v]=l.useState("none"),T=l.useRef({x:0,y:0}),[w,$]=l.useState(!1),{sizeType:S,imageWidth:z,randomRangeImageWidth:M}=e.imageSize,{revealPosition:N,visible:L}=e.position,{cursorType:C,target:J,defaultCursorScale:y,defaultCursor:k,hoverCursorScale:_,hoverCursor:V}=e.cursor;l.useEffect(()=>{if(!i)return;const K=(Y,O)=>{const te=i.getBoundingClientRect(),ce=Y-te.left,oe=O-te.top;if(R({x:ce,y:oe}),C==="system"){v("none"),I(1);return}const W=ce,ue=oe,h=document.elementFromPoint(te.left+W,te.top+ue);if(h&&h.closest("a")){v("none"),I(1);return}const ae=wa(W,ue,s)||J==="area"?{img:V??"none",scale:_}:{img:k??"none",scale:y};v(ae.img),I(ae.scale)},H=Y=>{Y.stopPropagation(),T.current={x:Y.clientX,y:Y.clientY},K(Y.clientX,Y.clientY)},Q=()=>{w&&K(T.current.x,T.current.y)};return i.addEventListener("mousemove",H),window.addEventListener("scroll",Q,!0),()=>{i.removeEventListener("mousemove",H),window.removeEventListener("scroll",Q,!0)}},[i,w,p,C,J,V,k,_,y,s]),l.useEffect(()=>{w||(v("none"),I(0))},[w]);const ne=async(K,H,Q,Y={})=>{const{width:O,height:te,finalWidth:ce}=await xd(K.image.url,S,z,M);let oe=0,W=0;N==="same"?(oe=H/2,W=Q/2):(oe=Y.x??Math.random()*H,W=Y.y??Math.random()*Q);const ue=Math.min(Math.max(oe,O/2),H-O/2),h=Math.min(Math.max(W,te/2),Q-te/2);return{id:m.current++,url:K.image.url,link:K.link,name:K.image.name,x:ue,y:h,width:ce}};l.useEffect(()=>{if(!i||t.length===0)return;const K=i.getBoundingClientRect(),H=K.width,Q=K.height,Y=[];(async()=>{const te=t[0],ce=await ne(te,H,Q);Y.push(ce),a(Y),c(1)})()},[S,z,M,N,i]),l.useEffect(()=>{L==="last One"&&a(K=>K.length>0?[K[K.length-1]]:[])},[L]);const me=async K=>{if(!i)return;const H=i.getBoundingClientRect(),Q=K.clientX-H.left,Y=K.clientY-H.top;if(J==="image"&&!wa(Q,Y,s))return;let O=0,te=0;N==="on Click"?(O=Q,te=Y):N==="same"?(O=H.width/2,te=H.height/2):(O=Math.random()*H.width,te=Math.random()*H.height);const ce=t[u],oe=await ne(ce,H.width,H.height,{x:O,y:te});a(W=>L==="all"?[...W,oe]:[oe]),c(W=>W>=t.length-1?0:W+1)};return r.jsxs("div",{ref:o,onClick:me,onMouseEnter:()=>$(!0),onMouseLeave:()=>$(!1),className:Qn.imageRevealSlider,style:{cursor:g==="none"?"default":"none"},children:[s.map(K=>r.jsx("div",{className:Qn.wrapper,style:{top:`${K.y}px`,left:`${K.x}px`,position:"absolute",transform:"translate(-50%, -50%)",width:K.width??"auto",height:"auto",cursor:g==="none"?"default":"none"},children:J==="area"&&K.link?r.jsx("a",{href:K.link,target:"_blank",className:Qn.link,children:r.jsx("img",{src:K.url,alt:K.name,className:Qn.image},K.id)}):r.jsx("img",{src:K.url,alt:K.name,className:Qn.image},K.id)},K.id)),w&&r.jsx("div",{className:Qn.cursor,style:{left:`${p.x}px`,top:`${p.y}px`,transform:`translate(-50%, -50%) scale(${b})`,backgroundImage:`url('${g}')`,backgroundSize:"cover",backgroundPosition:"center",position:"absolute",pointerEvents:"none"}})]})}const Sd={element:wd,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:""}]}}}},$d="LightBox-module__hidden___9s-9x",Cd="LightBox-module__heroImage___sTxNF",Td="LightBox-module__background___rm9ml",Ld="LightBox-module__editor___4ACaY",Ed="LightBox-module__contentStyle___Bgnsq",Id="LightBox-module__imageStyle___tLIlB",Pd="LightBox-module__imgWrapper___LuFUp",Rd="LightBox-module__contain___8-yaS",Ad="LightBox-module__cover___hNvOG",Md="LightBox-module__caption___b6L2I",kd="LightBox-module__captionTextInner___rCGNH",_d="LightBox-module__lightboxSplide___XFuWC",Wd="LightBox-module__arrow___iz38X",Fd="LightBox-module__arrowVertical___Zfz81",Nd="LightBox-module__nextArrow___zkAQN",Hd="LightBox-module__arrowInner___p48sW",Od="LightBox-module__arrowIcon___3VaFf",Bd="LightBox-module__arrowImg___pNV88",jd="LightBox-module__mirror___pjeXc",zd="LightBox-module__thumbsWrapper___GB-nU",Vd="LightBox-module__thumbsContainerVertical___wttk5",Dd="LightBox-module__thumbsContainer___osSma",qd="LightBox-module__thumbsAlignStart___MO6tY",Kd="LightBox-module__thumbsAlignCenter___Q4sUx",Gd="LightBox-module__thumbsAlignEnd___p4y9R",Ud="LightBox-module__thumbItem___HvnF3",Xd="LightBox-module__closeButton___g2khP",Yd="LightBox-module__fadeIn___0m5GW",Jd="LightBox-module__slideInLeft___gPYwC",Zd="LightBox-module__slideInRight___S-pPp",Qd="LightBox-module__slideInTop___DFdAj",eu="LightBox-module__slideInBottom___m27kZ",tu="LightBox-module__fadeOut___55qBR",nu="LightBox-module__slideOutLeft___NvU7P",iu="LightBox-module__slideOutRight___SK7eC",ou="LightBox-module__slideOutTop___Vgg0z",ru="LightBox-module__slideOutBottom___nJ0Ef",au="LightBox-module__scaleSlide___vZriG",ve={hidden:$d,heroImage:Cd,background:Td,editor:Ld,contentStyle:Ed,imageStyle:Id,imgWrapper:Pd,contain:Rd,cover:Ad,caption:Md,captionTextInner:kd,lightboxSplide:_d,arrow:Wd,arrowVertical:Fd,nextArrow:Nd,arrowInner:Hd,arrowIcon:Od,arrowImg:Bd,mirror:jd,thumbsWrapper:zd,thumbsContainerVertical:Vd,thumbsContainer:Dd,thumbsAlignStart:qd,thumbsAlignCenter:Kd,thumbsAlignEnd:Gd,thumbItem:Ud,closeButton:Xd,fadeIn:Yd,slideInLeft:Jd,slideInRight:Zd,slideInTop:Qd,slideInBottom:eu,fadeOut:tu,slideOutLeft:nu,slideOutRight:iu,slideOutTop:ou,slideOutBottom:ru,scaleSlide:au},to=(e,t,n)=>{const i={},[o,s]=e.split("-");return o==="top"?(i.top="0",i.bottom="auto"):o==="middle"?(i.top="50%",i.bottom="auto"):o==="bottom"&&(i.top="auto",i.bottom="0"),s==="left"?(i.left="0",i.right="auto"):s==="center"?(i.left="50%",i.right="auto"):s==="right"&&(i.left="auto",i.right="0"),o==="middle"&&s==="center"?i.transform=`translate(calc(-50% + ${P.scalingValue(t.x,n)}), calc(-50% + ${P.scalingValue(t.y,n)}))`:o==="middle"?i.transform=`translate(${P.scalingValue(t.x,n)}, calc(-50% + ${P.scalingValue(t.y,n)}))`:s==="center"?i.transform=`translate(calc(-50% + ${P.scalingValue(t.x,n)}), ${P.scalingValue(t.y,n)})`:i.transform=`translate(${P.scalingValue(t.x,n)}, ${P.scalingValue(t.y,n)})`,i};function Vs(e){const t=window.getComputedStyle(e);return{top:parseFloat(t.paddingTop)||0,right:parseFloat(t.paddingRight)||0,bottom:parseFloat(t.paddingBottom)||0,left:parseFloat(t.paddingLeft)||0}}function Sa(e){const t=e.getBoundingClientRect(),n=Vs(e),i=Math.max(0,t.width-n.left-n.right),o=Math.max(0,t.height-n.top-n.bottom),s=e.naturalWidth,a=e.naturalHeight,u=i/o,c=s/a;let m,p;c>u?(m=i,p=i/c):(p=o,m=o*c);const R=t.left+n.left,b=t.top+n.top,I=(i-m)/2+R,g=(o-p)/2+b;return{x:I,y:g,width:m,height:p}}function $a(e){const t=e.getBoundingClientRect(),n=Vs(e);return{left:t.left+n.left,right:t.right-n.right,top:t.top+n.top,bottom:t.bottom-n.bottom}}function Ca(e){const t=e.match(/rgba?\(([^)]+)\)/);if(t){const i=t[1].split(",").map(o=>parseFloat(o.trim()));return i.length===4?i[3]:1}const n=e.match(/^#([0-9a-fA-F]{8})$/);if(n){const i=n[1].substring(6,8);return parseInt(i,16)/255}return e.match(/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/),1}function su(e,t){const n=(()=>{if(e==="fade in")return ve.fadeIn;if(e==="slide in"||e==="mix")switch(t){case"left":return ve.slideInLeft;case"right":return ve.slideInRight;case"top":return ve.slideInTop;case"bottom":return ve.slideInBottom;default:return ve.slideInRight}return ve.fadeIn})(),i=(()=>{if(e==="fade in"||e==="mix")return ve.fadeIn;if(e==="slide in")switch(t){case"left":return ve.slideInLeft;case"right":return ve.slideInRight;case"top":return ve.slideInTop;case"bottom":return ve.slideInBottom;default:return ve.slideInRight}return ve.fadeIn})(),o=(()=>{if(e==="fade in"||e==="mix")return ve.fadeOut;if(e==="slide in")switch(t){case"left":return ve.slideOutLeft;case"right":return ve.slideOutRight;case"top":return ve.slideOutTop;case"bottom":return ve.slideOutBottom;default:return ve.slideOutRight}return ve.fadeOut})(),s=(()=>{if(e==="fade in")return ve.fadeOut;if(e==="slide in"||e==="mix")switch(t){case"left":return ve.slideOutLeft;case"right":return ve.slideOutRight;case"top":return ve.slideOutTop;case"bottom":return ve.slideOutBottom;default:return ve.slideOutRight}return ve.fadeOut})();return{appearClass:n,backdropAppearClass:i,backdropDisappearClass:o,disappearClass:s}}const lu=({settings:e,content:t,styles:n,portalId:i,activeEvent:o,isEditor:s,isPreviewMode:a})=>{const[u,c]=l.useState(!1),{url:m}=e.thumbnailBlock.cover;return l.useEffect(()=>{o==="close"&&c(!1),o==="open"&&c(!0)},[o]),r.jsxs(r.Fragment,{children:[r.jsx("img",{src:m,alt:"Cover",className:ve.heroImage,onClick:()=>c(!0)}),r.jsx(cu,{isOpen:u,onClose:()=>c(!1),content:t,settings:e,lightboxStyles:n,portalId:i,isEditor:s})]})},cu=({isOpen:e,onClose:t,content:n,lightboxStyles:i,settings:o,portalId:s,isEditor:a,metadata:u})=>{var _e;const{widthSettings:c,fontSettings:m,letterSpacing:p,textAlign:R,wordSpacing:b,fontSizeLineHeight:I,textAppearance:g,color:v}=i.imageCaption??{},[T,w]=l.useState(0),[$,S]=l.useState(0),[z,M]=l.useState(!1),[N,L]=l.useState(!1),[C,J]=l.useState({}),y=l.useRef(null),k=l.useRef(null),_=l.useRef(null),V=l.useRef(!1),ne=l.useRef(null),me=l.useRef(null),K=l.useRef(null),H=l.useRef(null),Q=l.useRef(!1),Y=l.useRef(null),[O,te]=l.useState(!1),{appear:ce,triggers:oe,slider:W,thumbnail:ue,controls:h,area:ae,caption:be,layout:ye}=o.lightboxBlock,{appearClass:Ae,backdropAppearClass:Z,backdropDisappearClass:ge,disappearClass:U}=su(ce.type,ce.direction),X=(u==null?void 0:u.itemId)??null;l.useEffect(()=>{const F=()=>{setTimeout(()=>{var E,j;(j=(E=y.current)==null?void 0:E.splide)==null||j.refresh()},16)},D=()=>{S(E=>E+1)};return window.addEventListener("ArticleEditor.Layout:change",F),window.addEventListener("ArticleEditor.ComponentContent:change",D),()=>{window.removeEventListener("ArticleEditor.Layout:change",F),window.removeEventListener("ArticleEditor.ComponentContent:change",D)}},[]),l.useEffect(()=>{if(!e||!ue.isActive){te(!1);return}const F=Y.current;if(!F)return;const D=()=>{W.direction==="horiz"?te(F.scrollWidth>F.clientWidth):te(F.scrollHeight>F.clientHeight)};D();const E=new ResizeObserver(D);return E.observe(F),()=>E.disconnect()},[e,ue.isActive,n.length,C,W.direction]);const B=l.useCallback(()=>{const F=window.matchMedia("(max-width: 768px)").matches,D=Ca(ae.color);F&&!a&&D>.9&&(document.body.style.backgroundColor=""),M(!0),V.current=!0;const E=j=>{j.target===ne.current&&j.animationName&&(ne.current&&me.current&&ne.current.removeEventListener("animationend",me.current),me.current=null,V.current&&(V.current=!1,t()),M(!1))};ne.current&&(me.current=E,ne.current.addEventListener("animationend",E))},[t,ae.color,a]),se=(F,D,E)=>{var j,G;if(F){if(oe.type==="click"&&oe.switch==="image")oe.repeat==="close"&&T===n.length-1?B():(j=y.current)==null||j.go("+1");else if(oe.type==="click"&&oe.switch==="50/50"){const ee=F.getBoundingClientRect(),ie=D-ee.left,he=E-ee.top,Se=ee.width,$e=ee.height;let fe;W.direction==="horiz"?fe=ie<Se/2?"-1":"+1":fe=he<$e/2?"-1":"+1",(G=y.current)==null||G.go(fe)}}},Ee=F=>{if(Q.current){Q.current=!1;return}const D=n[T],E=(D==null?void 0:D.image.objectFit)==="cover";let j,G;if("changedTouches"in F&&F.changedTouches.length>0)j=F.changedTouches[0].clientX,G=F.changedTouches[0].clientY;else if("clientX"in F)j=F.clientX,G=F.clientY;else return;let ee;if(E&&_.current){const ie=$a(_.current);ee=j>=ie.left&&j<=ie.right&&G>=ie.top&&G<=ie.bottom}else{const ie=_.current?Sa(_.current):null;if(!ie){F.target===F.currentTarget&&B();return}ee=j>=ie.x&&j<=ie.x+ie.width&&G>=ie.y&&G<=ie.y+ie.height}ee?se(_.current,j,G):B()},Fe=F=>{const D=F.target;(D.classList.contains(ve.thumbsWrapper)||D.classList.contains(ve.thumbsContainer))&&Ee(F)};l.useEffect(()=>{if(!e)return;const F=D=>{var E,j;if(D.key==="Escape"){B();return}if(D.key==="ArrowRight"){w(G=>(G+1)%Math.max(n.length,1)),(E=y.current)==null||E.go("+1");return}D.key==="ArrowLeft"&&(w(G=>(G-1+Math.max(n.length,1))%Math.max(n.length,1)),(j=y.current)==null||j.go("-1"))};return window.addEventListener("keydown",F),()=>{window.removeEventListener("keydown",F)}},[e,B,n.length]),l.useEffect(()=>{if(e){if(w(0),S(D=>D+1),V.current=!1,M(!1),L(!1),J({}),!X)return;const F=new CustomEvent("page-overlay",{detail:{itemId:X}});window.dispatchEvent(F)}return()=>{ne.current&&me.current&&(ne.current.removeEventListener("animationend",me.current),me.current=null),L(!1)}},[e,X]),l.useEffect(()=>{k.current!==null&&k.current!==W.type&&S(F=>F+1),k.current=W.type},[W.type]),l.useEffect(()=>{if(!e)return;const F=document.body.style.overflow,D=window.matchMedia("(max-width: 768px)").matches,E=Ca(ae.color);document.body.style.overflow="hidden",L(!1);const j=ee=>{ee.target===ne.current&&!V.current&&ee.animationName&&(D&&!a&&E>.9&&(document.body.style.backgroundColor=ae.color),L(!0),ne.current&&K.current&&ne.current.removeEventListener("animationend",K.current),K.current=null)};ne.current&&(K.current=j,ne.current.addEventListener("animationend",j));const G=ee=>{const ie=ee.target;ie&&(ie.closest(`.${ve.thumbsWrapper}`)||ie.closest(`.${ve.thumbsContainer}`))||W.type!=="slide"&&ee.preventDefault()};return document.addEventListener("touchmove",G,{passive:!1}),()=>{document.body.style.overflow=F,document.removeEventListener("touchmove",G),ne.current&&K.current&&(ne.current.removeEventListener("animationend",K.current),K.current=null),L(!1)}},[e,a,ae.color,W.type]),l.useEffect(()=>{if(!e)return;const F=D=>{var j,G;if(V.current){D.stopPropagation();return}if(Q.current){Q.current=!1;return}const E=D.target;if(!(E&&(E.closest(`.${ve.thumbsContainer}`)||E.closest(`.${ve.thumbItem}`)||E.closest(`.${ve.arrow}`)||E.closest(`.${ve.closeButton}`)||E.closest(`.${ve.caption}`)))){if(W.type==="slide"&&oe.type==="drag"&&((G=(j=y.current)==null?void 0:j.splide)!=null&&G.root)){const ee=y.current.splide.root;if(E&&(ee.contains(E)||ee===E))return}if(D.touches.length===0&&D.changedTouches.length>0){const ee=n[T],ie=(ee==null?void 0:ee.image.objectFit)==="cover",he=D.changedTouches[0];let Se;if(ie&&_.current){const $e=$a(_.current);Se=he.clientX>=$e.left&&he.clientX<=$e.right&&he.clientY>=$e.top&&he.clientY<=$e.bottom}else{const $e=_.current?Sa(_.current):null;if(!$e)return;Se=he.clientX>=$e.x&&he.clientX<=$e.x+$e.width&&he.clientY>=$e.y&&he.clientY<=$e.y+$e.height}if(!Se){D.stopPropagation(),V.current=!0;const $e=fe=>{fe.stopPropagation(),fe.preventDefault(),document.removeEventListener("click",$e,!0)};document.addEventListener("click",$e,!0),B()}}}};return document.addEventListener("touchend",F,{passive:!0}),()=>{document.removeEventListener("touchend",F)}},[e,B,T,n]);const Re=(W.type==="scale"||W.type==="fade")&&W.direction==="vert"&&oe.type==="drag";l.useEffect(()=>{var fe,Ge;if(!e||!Re||!((Ge=(fe=y.current)==null?void 0:fe.splide)!=null&&Ge.root))return;const F=y.current.splide.root,D=30,E=(de,Me)=>{if(H.current){const je=Math.abs(de-H.current.x),Ve=Math.abs(Me-H.current.y);(je>0||Ve>0)&&(Q.current=!0)}},j=de=>{H.current&&(de.preventDefault(),E(de.clientX,de.clientY))},G=de=>{H.current&&de.touches.length>0&&(de.preventDefault(),E(de.touches[0].clientX,de.touches[0].clientY))},ee=(de,Me)=>{if(!H.current||!y.current){H.current=null;return}const je=Math.abs(de-H.current.x),Ve=Math.abs(Me-H.current.y);Ve>D&&Ve>je&&y.current.go(Me<H.current.y?"+1":"-1"),H.current=null},ie=de=>{H.current&&ee(de.clientX,de.clientY),document.removeEventListener("pointerup",ie),document.removeEventListener("pointercancel",ie),document.removeEventListener("pointermove",j)},he=de=>{if(H.current){if(de.changedTouches.length>0){const Me=de.changedTouches[0];ee(Me.clientX,Me.clientY)}document.removeEventListener("touchend",he),document.removeEventListener("touchcancel",he),document.removeEventListener("touchmove",G)}},Se=de=>{H.current={x:de.clientX,y:de.clientY},Q.current=!1,document.addEventListener("pointermove",j,{passive:!1}),document.addEventListener("pointerup",ie),document.addEventListener("pointercancel",ie)},$e=de=>{de.touches.length>0&&(H.current={x:de.touches[0].clientX,y:de.touches[0].clientY},Q.current=!1,document.addEventListener("touchmove",G,{passive:!1}),document.addEventListener("touchend",he),document.addEventListener("touchcancel",he))};return F.addEventListener("pointerdown",Se),F.addEventListener("touchstart",$e),()=>{F.removeEventListener("pointerdown",Se),F.removeEventListener("touchstart",$e),document.removeEventListener("pointermove",j),document.removeEventListener("pointerup",ie),document.removeEventListener("pointercancel",ie),document.removeEventListener("touchmove",G),document.removeEventListener("touchend",he),document.removeEventListener("touchcancel",he),H.current=null,Q.current=!1}},[e,Re,$]);const Ie={backgroundColor:ae.color,backdropFilter:`blur(${ae.blur}px)`,animationDuration:`${parseInt(ce.duration)}ms`,animationTimingFunction:"ease",animationFillMode:"both"};return typeof document>"u"||!document.getElementById(s)?null:Ni.createPortal(r.jsxs(r.Fragment,{children:[r.jsx("div",{ref:a?null:ne,className:Ye(ve.background,z?ge:Z,{[ve.editor]:a},{[ve.hidden]:!e}),style:{...Ie,...N&&!a&&!z?{position:"absolute"}:{}}}),r.jsxs("div",{ref:a?ne:null,className:Ye(ve.contentStyle,z?U:Ae,{[ve.editor]:a},{[ve.hidden]:!e}),style:{animationDuration:`${parseInt(ce.duration)}ms`,animationTimingFunction:"ease",animationFillMode:"both"},children:[r.jsx(Ur,{onMove:F=>w(F.index),ref:y,className:ve.lightboxSplide,options:{arrows:!1,speed:W.duration?parseInt(W.duration):500,direction:W.direction==="horiz"||W.type==="fade"||W.type==="scale"?"ltr":"ttb",pagination:!1,drag:oe.type==="drag"&&!Re,perPage:1,width:"100%",height:"100%",type:W.type==="fade"||W.type==="scale"?"fade":"loop",padding:0,rewind:oe.repeat!=="close",start:0},style:{"--splide-speed":W.duration},children:n.map((F,D)=>{const E=to(ye.position,ye.offset,a),j=`${P.scalingValue(ye.padding.top,a)} ${P.scalingValue(ye.padding.right,a)} ${P.scalingValue(ye.padding.bottom,a)} ${P.scalingValue(ye.padding.left,a)}`,G=W.type==="scale"?(()=>{const{transform:ee,...ie}=E;return{...ie,position:"absolute",padding:j,boxSizing:"border-box","--position-transform":ee||"none"}})():{...E,position:"absolute",padding:j,boxSizing:"border-box"};return r.jsx(Xr,{children:r.jsx("div",{className:ve.imgWrapper,onClick:Ee,children:r.jsx("img",{ref:D===T?_:null,className:Ye(ve.imageStyle,{[ve.contain]:F.image.objectFit==="contain",[ve.cover]:F.image.objectFit==="cover",[ve.scaleSlide]:W.type==="scale"}),src:F.image.url,alt:F.image.name??"",style:{...G,pointerEvents:F.image.objectFit==="contain"?"none":"auto"}})})},D)})},$),h.isActive&&r.jsxs(r.Fragment,{children:[r.jsx("div",{className:Ye(ve.arrow,{[ve.arrowVertical]:W.direction==="vert"}),style:{color:h.color,"--arrow-hover-color":h.hover},children:r.jsxs("button",{className:ve.arrowInner,style:{transform:`translate(${P.scalingValue(h.offset.x,a)}, ${P.scalingValue(h.offset.y*(W.direction==="horiz"?1:-1),a)}) scale(${h.scale}) rotate(${W.direction==="horiz"?"0deg":"90deg"})`},onClick:()=>{var F;return(F=y.current)==null?void 0:F.go("-1")},"aria-label":"Previous",children:[h.arrowsImgUrl&&r.jsx(nn,{url:h.arrowsImgUrl,fill:h.color,hoverFill:h.hover,className:Ye(ve.arrowImg,ve.mirror)}),!h.arrowsImgUrl&&r.jsx(Ta,{color:h.color,className:Ye(ve.arrowIcon,ve.arrowImg,ve.mirror)})]})}),r.jsx("div",{className:Ye(ve.arrow,ve.nextArrow,{[ve.arrowVertical]:W.direction==="vert"}),style:{color:h.color,"--arrow-hover-color":h.hover},children:r.jsxs("button",{className:ve.arrowInner,style:{transform:`translate(${P.scalingValue(h.offset.x*(W.direction==="horiz"?-1:1),a)}, ${P.scalingValue(h.offset.y,a)}) scale(${h.scale}) rotate(${W.direction==="horiz"?"0deg":"90deg"})`},onClick:()=>{var F;return(F=y.current)==null?void 0:F.go("+1")},"aria-label":"Next",children:[h.arrowsImgUrl&&r.jsx(nn,{url:h.arrowsImgUrl,fill:h.color,hoverFill:h.hover,className:ve.arrowImg}),!h.arrowsImgUrl&&r.jsx(Ta,{color:h.color,className:Ye(ve.arrowIcon,ve.arrowImg)})]})})]}),ae.closeIconUrl&&(()=>{const F=to(ae.closeIconAlign,ae.closeIconOffset,a),D=`scale(${ae.closeIconScale})`,E=F.transform?`${F.transform} ${D}`:D;return r.jsx("button",{className:ve.closeButton,style:{...F,transform:E},onClick:B,"aria-label":"Close lightbox",children:r.jsx(nn,{url:ae.closeIconUrl,fill:ae.closeIconColor??"#000000",hoverFill:ae.closeIconHover??"#cccccc"})})})(),be&&be.isActive&&i.imageCaption&&((_e=n[T])==null?void 0:_e.imageCaption)&&r.jsx("div",{className:ve.caption,style:{...to(be.alignment,be.offset,a),fontFamily:zo(m.fontFamily),fontWeight:m.fontWeight,fontStyle:m.fontStyle,width:c.sizing==="auto"?"max-content":P.scalingValue(c.width,a),letterSpacing:P.scalingValue(p,a),wordSpacing:P.scalingValue(b,a),textAlign:R,fontSize:P.scalingValue(I.fontSize,a),lineHeight:P.scalingValue(I.lineHeight,a),textTransform:g.textTransform??"none",textDecoration:g.textDecoration??"none",fontVariant:g.fontVariant??"normal",color:v},onClick:F=>F.stopPropagation(),children:r.jsx("div",{"data-styles":"imageCaption",className:ve.captionTextInner,style:{"--link-color":be.linkColor,"--link-hover-color":be.linkHoverColor},children:r.jsx(ui,{content:n[T].imageCaption})})}),ue.isActive&&(()=>{const[F,D]=ue.position.split("-"),E=W.direction==="horiz"?`${F}-left`:ue.position,j=to(E,ue.offset,a),G=()=>{if(W.direction==="horiz"){if(D==="left")return"flex-start";if(D==="center")return"center";if(D==="right")return"flex-end"}else{if(F==="top")return"flex-start";if(F==="middle")return"center";if(F==="bottom")return"flex-end"}return"flex-start"};return r.jsx("div",{ref:Y,className:ve.thumbsWrapper,onClick:ee=>Fe(ee),style:{position:a?"absolute":"fixed",...j,...W.direction==="horiz"?{maxWidth:"100vw",width:"100%",overflowX:"auto",overflowY:"hidden"}:{maxHeight:"100vh",overflowY:"auto",overflowX:"hidden"}},children:r.jsx("div",{className:Ye(ve.thumbsContainer,{[ve.thumbsContainerVertical]:W.direction==="vert",[ve.thumbsAlignStart]:ue.align==="start",[ve.thumbsAlignCenter]:ue.align==="center",[ve.thumbsAlignEnd]:ue.align==="end"}),style:{gap:P.scalingValue(ue.grid.gap,a),justifyContent:O?"flex-start":G()},children:n.map((ee,ie)=>{const he=ie===T,Se=C[ie],fe=ue.grid.size*(he?ue.activeState.scale:1),Ge=()=>{if(ue.fit!=="fit")return{};if(!Se)return W.direction==="horiz"?{height:P.scalingValue(fe,a)}:{width:P.scalingValue(fe,a)};const de=Se.width/Se.height;if(W.direction==="horiz"){const Me=fe,je=Me*de;return{width:P.scalingValue(je,a),height:P.scalingValue(Me,a)}}else{const Me=fe,je=Me/de;return{width:P.scalingValue(Me,a),height:P.scalingValue(je,a)}}};return r.jsx("button",{className:ve.thumbItem,style:{...W.direction==="horiz"&&ue.fit!=="fit"?{height:P.scalingValue(fe,a)}:{},...W.direction==="vert"&&ue.fit!=="fit"?{width:P.scalingValue(fe,a)}:{},...ue.fit==="cover"?{width:P.scalingValue(fe,a),height:P.scalingValue(fe,a)}:{},...Ge(),transition:he?"all 0.25s ease-out":"none",opacity:he?ue.activeState.opacity/100:ue.opacity/100,"--thumb-hover":ue.activeState.opacity/100},onClick:de=>{var Me;de.stopPropagation(),w(ie),(Me=y.current)==null||Me.go(ie)},onMouseEnter:()=>{var de;ue.triggers==="hov"&&((de=y.current)==null||de.go(ie))},children:r.jsx("img",{src:ee.image.url,alt:ee.image.name??"",onLoad:de=>{const Me=de.currentTarget;Me.naturalWidth&&Me.naturalHeight&&J(je=>({...je,[ie]:{width:Me.naturalWidth,height:Me.naturalHeight}}))},style:{objectFit:ue.fit==="cover"?"cover":"contain",...ue.fit==="fit"?{maxWidth:"100%",maxHeight:"100%",objectFit:"contain"}:{},...ue.fit==="cover"?{width:"100%",height:"100%"}:{}}})},`${ee.image.name}-${ie}`)})})})})()]})]}),document.getElementById(s))};function Ta({color:e,className:t}){return r.jsx("svg",{viewBox:"0 0 10 18",className:t,children:r.jsx("g",{id:"Symbols",stroke:"none",strokeWidth:"1",fillRule:"evenodd",children:r.jsx("path",{d:"M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z",id:"Shape-Copy",fill:e,transform:"translate(5, 9) rotate(-90) translate(-5, -9)"})})})}const du={element:lu,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 no(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function uu(e){return`
7
7
  .${e}-wrapper {
8
8
  display: flex;
9
9
  flex-direction: column;
10
10
  width: 100%;
11
- min-height: ${to(48)};
11
+ min-height: ${no(48)};
12
12
  }
13
13
  .${e}-wrapper.${e}-type-C .${e}-input:focus-visible,
14
14
  .${e}-wrapper.${e}-type-C .${e}-button:focus-visible {
@@ -32,7 +32,7 @@
32
32
  min-width: 0;
33
33
  }
34
34
  .${e}-field-group.${e}-labeled {
35
- gap: ${to(4)};
35
+ gap: ${no(4)};
36
36
  }
37
37
  .${e}-field-label {
38
38
  white-space: nowrap;
@@ -128,11 +128,11 @@
128
128
  outline: none;
129
129
  }
130
130
  .${e}-success {
131
- margin-top: ${to(8)};
131
+ margin-top: ${no(8)};
132
132
  color: var(--${e}-success-success-color, var(--${e}-success-color));
133
133
  }
134
134
  .${e}-error {
135
- margin-top: ${to(8)};
135
+ margin-top: ${no(8)};
136
136
  color: var(--${e}-error-error-color, var(--${e}-error-color));
137
137
  }
138
138
  .${e}-overlay-anchor {
@@ -155,7 +155,7 @@
155
155
  pointer-events: auto;
156
156
  z-index: 10;
157
157
  }
158
- `}function su({settings:e,isEditor:t,isEditMode:n,isPreviewMode:i,metadata:o,activeEvent:s}){const a=!!n,d=i&&t||!t,{prefix:c}=E.useScopedStyles(),{type:p="A",fieldsToShow:u=2,fields:T=[],buttonLabel:w,gap:L,fieldsGap:m,buttonCorners:y,buttonStroke:C,buttonPadding:b,isButtonFullWidth:$,inputCorners:S,inputStroke:F,inputPadding:P,inputColor:k,inputTextColor:x,inputBorderColor:I,placeholderColor:G,buttonColor:f,buttonTextColor:R,buttonBorderColor:M,labelTextColor:j,successColor:Z,errorColor:ue,fontFamily:V,inputFontSettings:_,inputFontSize:Q,inputLineHeight:U,inputLetterSpacing:H,inputWordSpacing:J,inputTextAppearance:oe,buttonFontSettings:ie,buttonFontSize:W,buttonLineHeight:ae,buttonLetterSpacing:g,buttonWordSpacing:te,buttonTextAppearance:ye,labelFontSettings:me,labelFontSize:_e,labelLineHeight:X,labelLetterSpacing:de,labelWordSpacing:K,labelTextAppearance:B,statusFontSettings:N,statusFontSize:re,statusLineHeight:$e,statusLetterSpacing:Ne,statusWordSpacing:Ie,statusTextAppearance:xe,successMessage:Fe,errorMessage:z,stateOverrides:q}=e,v=p==="B",D=T.slice(0,Math.min(u,T.length)),O={fontSettings:{fontFamily:V,fontWeight:(_==null?void 0:_.fontWeight)??400,fontStyle:(_==null?void 0:_.fontStyle)??"normal"},fontSize:Q??.01,lineHeight:U,letterSpacing:H??0,wordSpacing:J??0,textAppearance:oe,color:x},ee=Zt(_t(O,t)),se=E.scalingValue(F??0,t),pe=E.scalingValue((U??Q??.01)+((P==null?void 0:P.top)??0)+((P==null?void 0:P.bottom)??0)+(p==="C"?F??0:(F??0)*2),t),Ce={...ee,borderStyle:"solid",borderRadius:p==="C"?0:E.scalingValue(S??0,t),...p==="C"?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:se,borderLeftWidth:0}:{borderWidth:se},paddingTop:E.scalingValue((P==null?void 0:P.top)??0,t),paddingRight:E.scalingValue((P==null?void 0:P.right)??0,t),paddingBottom:E.scalingValue((P==null?void 0:P.bottom)??0,t),paddingLeft:E.scalingValue((P==null?void 0:P.left)??0,t),height:pe,minHeight:pe},we={fontSettings:{fontFamily:V,fontWeight:(ie==null?void 0:ie.fontWeight)??400,fontStyle:(ie==null?void 0:ie.fontStyle)??"normal"},fontSize:W??.01,lineHeight:ae,letterSpacing:g??0,wordSpacing:te??0,textAppearance:ye,color:R},ve=Zt(_t(we,t)),Ge=E.scalingValue(C??0,t),ge={fontSettings:{fontFamily:V,fontWeight:(me==null?void 0:me.fontWeight)??400,fontStyle:(me==null?void 0:me.fontStyle)??"normal"},fontSize:_e??.01,lineHeight:X,letterSpacing:de??0,wordSpacing:K??0,textAppearance:B,color:j},ke=_t(ge,t),ze={fontSettings:{fontFamily:V,fontWeight:(N==null?void 0:N.fontWeight)??400,fontStyle:(N==null?void 0:N.fontStyle)??"normal"},fontSize:re??.01,lineHeight:$e,letterSpacing:Ne??0,wordSpacing:Ie??0,textAppearance:xe,color:Z},Le=Zt(_t(ze,t)),ot=E.buildColorVars(c,{inputColor:k,inputTextColor:x,inputBorderColor:I,placeholderColor:G!=null&&G.trim()?G:"#cccccc",buttonColor:f,buttonTextColor:R,buttonBorderColor:M,labelTextColor:j,successColor:Z,errorColor:ue},lu,cu,q),[tt,yt]=l.useState(()=>Object.fromEntries(D.map(Oe=>[Oe.name,""]))),[Ke,st]=l.useState("idle"),[Ct,It]=l.useState(null),Rt=s==="success"?"success":s==="error"?"error":Ke,Se=s==="error"?z:Ct,He=s==="filled",Xe=l.useMemo(()=>{if(!He)return tt;let Oe=null;for(const Tt of D)(tt[Tt.name]??"").trim().length>0||(Oe=Oe??{...tt},Oe[Tt.name]="Filled");return Oe??tt},[tt,He,D]),Ue=Rt==="error"?E.getFormFieldValidationError(D,Xe):null,Ot=`${s&&s!=="default"?`${c}-state-${s}`:""}`.trim(),Ht=o==null?void 0:o.submitUrl,zt=(Oe,Tt)=>{yt(lt=>({...lt,[Oe]:Tt}))},dn=async Oe=>{if(Oe.preventDefault(),!d)return;const Tt=Object.fromEntries(D.map(et=>{var gt;return[et.name,((gt=tt[et.name])==null?void 0:gt.trim())??""]}).filter(([,et])=>et));if(!Ht){st("error"),It("No integrations were found for this form.");return}if(Object.keys(Tt).length===0)return;const lt=E.getFormFieldValidationError(D,tt);if(lt){st("error"),It(lt);return}st("submitting"),It(null);try{const et=await fetch(Ht,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(Tt)});if(!et.ok){const gt=await et.text();throw new Error(gt||`Request failed: ${et.status}`)}st("success"),yt(Object.fromEntries(D.map(gt=>[gt.name,""])))}catch(et){st("error"),It(et instanceof Error?et.message:"Something went wrong")}};return r.jsxs("div",{className:`${c}-wrapper ${c}-type-${p} ${Ot}`.trim(),style:ot,children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:au(c)}}),r.jsxs("form",{onSubmit:dn,className:`${c}-form`,children:[r.jsx("div",{className:`${c}-fields`,children:D.map((Oe,Tt)=>r.jsxs(l.Fragment,{children:[Tt>0&&r.jsx("div",{"data-controls":a?"fieldsGap":void 0,className:a?`${c}-control`:void 0,style:{height:E.scalingValue(m??0,t)}}),r.jsxs("div",{className:`${c}-field-group${v?` ${c}-labeled`:""}`,children:[v&&r.jsx("span",{className:`${c}-field-label`,style:ke?{...ke,lineHeight:ke.fontSize}:void 0,children:Oe.label||Oe.name}),Oe.type==="textarea"?r.jsx("textarea",{name:Oe.name,autoComplete:"off",value:Xe[Oe.name]??"",onChange:lt=>zt(Oe.name,lt.target.value),placeholder:Oe.placeholder,className:`${c}-input`,style:Ce,rows:1,"data-filled":He||(Xe[Oe.name]??"").trim().length>0,"data-field-type":"textarea"}):r.jsx("input",{type:Oe.type==="phone"?"tel":Oe.type==="email"?"email":"text",name:Oe.name,autoComplete:"off",value:Xe[Oe.name]??"",onChange:lt=>zt(Oe.name,lt.target.value),placeholder:Oe.placeholder,required:Oe.isRequired??Oe.type==="email",className:`${c}-input`,style:Ce,"data-filled":He||(Xe[Oe.name]??"").trim().length>0})]})]},Tt))}),r.jsx("div",{"data-controls":a?"gap":void 0,className:a?`${c}-control`:void 0,style:{height:E.scalingValue(L??0,t)}}),r.jsx("div",{className:`${c}-overlay-anchor`,children:r.jsx("button",{type:d?"submit":"button",className:`${c}-button`,style:{borderStyle:"solid",borderRadius:E.scalingValue(y??0,t),borderWidth:Ge,paddingTop:E.scalingValue((b==null?void 0:b.top)??0,t),paddingRight:E.scalingValue((b==null?void 0:b.right)??0,t),paddingBottom:E.scalingValue((b==null?void 0:b.bottom)??0,t),paddingLeft:E.scalingValue((b==null?void 0:b.left)??0,t),pointerEvents:d?"auto":void 0,...ve,...$?{width:"100%",textAlign:"center",whiteSpace:"normal"}:{}},children:r.jsx("span",{className:`${c}-overlay-anchor`,style:$?{display:"inline-block",maxWidth:"100%",whiteSpace:"normal",textAlign:"center"}:void 0,children:Ke==="submitting"?"...":w})})})]}),Rt==="success"&&r.jsx("p",{className:`${c}-success`,style:{...Le},children:Fe}),Rt==="error"&&r.jsx("p",{className:`${c}-error`,style:{...Le},role:"alert",children:Ue??Se??z})]})}const lu={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"},cu=["hover","focus","filled","success","error"],du=`import React, { useMemo, useState } from 'react';
158
+ `}function pu({settings:e,isEditor:t,isEditMode:n,isPreviewMode:i,metadata:o,activeEvent:s}){const a=!!n,u=i&&t||!t,{prefix:c}=P.useScopedStyles(),{type:m="A",fieldsToShow:p=2,fields:R=[],buttonLabel:b,gap:I,fieldsGap:g,buttonCorners:v,buttonStroke:T,buttonPadding:w,isButtonFullWidth:$,inputCorners:S,inputStroke:z,inputPadding:M,inputColor:N,inputTextColor:L,inputBorderColor:C,placeholderColor:J,buttonColor:y,buttonTextColor:k,buttonBorderColor:_,labelTextColor:V,successColor:ne,errorColor:me,fontFamily:K,inputFontSettings:H,inputFontSize:Q,inputLineHeight:Y,inputLetterSpacing:O,inputWordSpacing:te,inputTextAppearance:ce,buttonFontSettings:oe,buttonFontSize:W,buttonLineHeight:ue,buttonLetterSpacing:h,buttonWordSpacing:ae,buttonTextAppearance:be,labelFontSettings:ye,labelFontSize:Ae,labelLineHeight:Z,labelLetterSpacing:ge,labelWordSpacing:U,labelTextAppearance:X,statusFontSettings:B,statusFontSize:se,statusLineHeight:Ee,statusLetterSpacing:Fe,statusWordSpacing:Re,statusTextAppearance:Ie,successMessage:_e,errorMessage:F,stateOverrides:D}=e,E=m==="B",j=R.slice(0,Math.min(p,R.length)),G={fontSettings:{fontFamily:K,fontWeight:(H==null?void 0:H.fontWeight)??400,fontStyle:(H==null?void 0:H.fontStyle)??"normal"},fontSize:Q??.01,lineHeight:Y,letterSpacing:O??0,wordSpacing:te??0,textAppearance:ce,color:L},ee=Ut(Rt(G,t)),ie=P.scalingValue(z??0,t),he=P.scalingValue((Y??Q??.01)+((M==null?void 0:M.top)??0)+((M==null?void 0:M.bottom)??0)+(m==="C"?z??0:(z??0)*2),t),Se={...ee,borderStyle:"solid",borderRadius:m==="C"?0:P.scalingValue(S??0,t),...m==="C"?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:ie,borderLeftWidth:0}:{borderWidth:ie},paddingTop:P.scalingValue((M==null?void 0:M.top)??0,t),paddingRight:P.scalingValue((M==null?void 0:M.right)??0,t),paddingBottom:P.scalingValue((M==null?void 0:M.bottom)??0,t),paddingLeft:P.scalingValue((M==null?void 0:M.left)??0,t),height:he,minHeight:he},$e={fontSettings:{fontFamily:K,fontWeight:(oe==null?void 0:oe.fontWeight)??400,fontStyle:(oe==null?void 0:oe.fontStyle)??"normal"},fontSize:W??.01,lineHeight:ue,letterSpacing:h??0,wordSpacing:ae??0,textAppearance:be,color:k},fe=Ut(Rt($e,t)),Ge=P.scalingValue(T??0,t),de={fontSettings:{fontFamily:K,fontWeight:(ye==null?void 0:ye.fontWeight)??400,fontStyle:(ye==null?void 0:ye.fontStyle)??"normal"},fontSize:Ae??.01,lineHeight:Z,letterSpacing:ge??0,wordSpacing:U??0,textAppearance:X,color:V},Me=Rt(de,t),je={fontSettings:{fontFamily:K,fontWeight:(B==null?void 0:B.fontWeight)??400,fontStyle:(B==null?void 0:B.fontStyle)??"normal"},fontSize:se??.01,lineHeight:Ee,letterSpacing:Fe??0,wordSpacing:Re??0,textAppearance:Ie,color:ne},Ve=Ut(Rt(je,t)),at=P.buildColorVars(c,{inputColor:N,inputTextColor:L,inputBorderColor:C,placeholderColor:J!=null&&J.trim()?J:"#cccccc",buttonColor:y,buttonTextColor:k,buttonBorderColor:_,labelTextColor:V,successColor:ne,errorColor:me},mu,gu,D),[ht,Et]=l.useState(()=>Object.fromEntries(j.map(We=>[We.name,""]))),[mt,ft]=l.useState("idle"),[Ft,It]=l.useState(null),Ue=s==="success"?"success":s==="error"?"error":mt,Ce=s==="error"?F:Ft,qe=s==="filled",Qe=l.useMemo(()=>{if(!qe)return ht;let We=null;for(const yt of j)(ht[yt.name]??"").trim().length>0||(We=We??{...ht},We[yt.name]="Filled");return We??ht},[ht,qe,j]),Oe=Ue==="error"?P.getFormFieldValidationError(j,Qe):null,At=`${s&&s!=="default"?`${c}-state-${s}`:""}`.trim(),Je=o==null?void 0:o.submitUrl,Mt=(We,yt)=>{Et(et=>({...et,[We]:yt}))},Ht=async We=>{if(We.preventDefault(),!u)return;const yt=Object.fromEntries(j.map(Xe=>{var ot;return[Xe.name,((ot=ht[Xe.name])==null?void 0:ot.trim())??""]}).filter(([,Xe])=>Xe));if(!Je){ft("error"),It("No integrations were found for this form.");return}if(Object.keys(yt).length===0)return;const et=P.getFormFieldValidationError(j,ht);if(et){ft("error"),It(et);return}ft("submitting"),It(null);try{const Xe=await fetch(Je,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(yt)});if(!Xe.ok){const ot=await Xe.text();throw new Error(ot||`Request failed: ${Xe.status}`)}ft("success"),Et(Object.fromEntries(j.map(ot=>[ot.name,""])))}catch(Xe){ft("error"),It(Xe instanceof Error?Xe.message:"Something went wrong")}};return r.jsxs("div",{className:`${c}-wrapper ${c}-type-${m} ${At}`.trim(),style:at,children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:uu(c)}}),r.jsxs("form",{onSubmit:Ht,className:`${c}-form`,children:[r.jsx("div",{className:`${c}-fields`,children:j.map((We,yt)=>r.jsxs(l.Fragment,{children:[yt>0&&r.jsx("div",{"data-controls":a?"fieldsGap":void 0,className:a?`${c}-control`:void 0,style:{height:P.scalingValue(g??0,t)}}),r.jsxs("div",{className:`${c}-field-group${E?` ${c}-labeled`:""}`,children:[E&&r.jsx("span",{className:`${c}-field-label`,style:Me?{...Me,lineHeight:Me.fontSize}:void 0,children:We.label||We.name}),We.type==="textarea"?r.jsx("textarea",{name:We.name,autoComplete:"off",value:Qe[We.name]??"",onChange:et=>Mt(We.name,et.target.value),placeholder:We.placeholder,className:`${c}-input`,style:Se,rows:1,"data-filled":qe||(Qe[We.name]??"").trim().length>0,"data-field-type":"textarea"}):r.jsx("input",{type:We.type==="phone"?"tel":We.type==="email"?"email":"text",name:We.name,autoComplete:"off",value:Qe[We.name]??"",onChange:et=>Mt(We.name,et.target.value),placeholder:We.placeholder,required:We.isRequired??We.type==="email",className:`${c}-input`,style:Se,"data-filled":qe||(Qe[We.name]??"").trim().length>0})]})]},yt))}),r.jsx("div",{"data-controls":a?"gap":void 0,className:a?`${c}-control`:void 0,style:{height:P.scalingValue(I??0,t)}}),r.jsx("div",{className:`${c}-overlay-anchor`,children:r.jsx("button",{type:u?"submit":"button",className:`${c}-button`,style:{borderStyle:"solid",borderRadius:P.scalingValue(v??0,t),borderWidth:Ge,paddingTop:P.scalingValue((w==null?void 0:w.top)??0,t),paddingRight:P.scalingValue((w==null?void 0:w.right)??0,t),paddingBottom:P.scalingValue((w==null?void 0:w.bottom)??0,t),paddingLeft:P.scalingValue((w==null?void 0:w.left)??0,t),pointerEvents:u?"auto":void 0,...fe,...$?{width:"100%",textAlign:"center",whiteSpace:"normal"}:{}},children:r.jsx("span",{className:`${c}-overlay-anchor`,style:$?{display:"inline-block",maxWidth:"100%",whiteSpace:"normal",textAlign:"center"}:void 0,children:mt==="submitting"?"...":b})})})]}),Ue==="success"&&r.jsx("p",{className:`${c}-success`,style:{...Ve},children:_e}),Ue==="error"&&r.jsx("p",{className:`${c}-error`,style:{...Ve},role:"alert",children:Oe??Ce??F})]})}const mu={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"},gu=["hover","focus","filled","success","error"],hu=`import React, { useMemo, useState } from 'react';
159
159
  import { CommonComponentProps } from '../props';
160
160
  import { buildColorVars, getFormFieldValidationError, scalingValue, useScopedStyles } from '../utils/index';
161
161
  import { omitTextColors, textStylesToCss, type TextStyles } from '../utils/textStylesToCss';
@@ -789,7 +789,7 @@ const COLOR_VAR_MAP: Record<ColorKeys, string> = {
789
789
  };
790
790
 
791
791
  const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
792
- `,uu=[{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"}],no={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},pu=["inputColor","inputTextColor","inputBorderColor","placeholderColor","buttonColor","buttonTextColor","buttonBorderColor","labelTextColor","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: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:{...no.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:{...no.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:{...no.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:{...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:{fieldsToShow:2,fields:uu,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:[...pu],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"]},gu={element:su,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:mu,sourceCode:du};function io(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function hu(e){return`
792
+ `,fu=[{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"}],io={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},yu=["inputColor","inputTextColor","inputBorderColor","placeholderColor","buttonColor","buttonTextColor","buttonBorderColor","labelTextColor","successColor","errorColor"],vu={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:{...io.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:{...io.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:{...io.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:{...io.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:fu,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:[...yu],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"]},bu={element:pu,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:vu,sourceCode:hu};function oo(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function xu(e){return`
793
793
  .${e}-wrapper {
794
794
  display: flex;
795
795
  flex-direction: column;
@@ -971,16 +971,16 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
971
971
  align-items: center;
972
972
  }
973
973
  .${e}-success {
974
- margin-top: ${io(8)};
975
- font-size: ${io(14)};
974
+ margin-top: ${oo(8)};
975
+ font-size: ${oo(14)};
976
976
  color: var(--${e}-success-success-color, var(--${e}-success-color));
977
977
  }
978
978
  .${e}-error {
979
- margin-top: ${io(8)};
980
- font-size: ${io(14)};
979
+ margin-top: ${oo(8)};
980
+ font-size: ${oo(14)};
981
981
  color: var(--${e}-error-error-color, var(--${e}-error-color));
982
982
  }
983
- `}const fu=({settings:e,isEditor:t,isPreviewMode:n,metadata:i,activeEvent:o})=>{const{prefix:s}=E.useScopedStyles(),a=n&&t||!t,{fields:d=[{name:"email",type:"email",placeholder:"Your email"}],buttonIcon:c,buttonLabel:p,fieldsToShow:u=1,fontFamily:T,inputFontSettings:w,inputFontSize:L,inputLineHeight:m,inputLetterSpacing:y,inputWordSpacing:C,inputTextAppearance:b,buttonFontSettings:$,buttonFontSize:S,buttonLineHeight:F,buttonLetterSpacing:P,buttonWordSpacing:k,buttonTextAppearance:x,statusFontSettings:I,statusFontSize:G,statusLineHeight:f,statusLetterSpacing:R,statusWordSpacing:M,statusTextAppearance:j,iconMaxWidth:Z,minHeight:ue,corners:V,stroke:_,stateOverrides:Q,inputPadding:U,buttonPadding:H,successMessage:J="Thanks for subscribing!",errorMessage:oe="Please, fill all required fields."}=e,ie=d.slice(0,Math.min(u,d.length)),[W,ae]=l.useState(()=>Object.fromEntries(ie.map(ge=>[ge.name,""]))),[g,te]=l.useState("idle"),[ye,me]=l.useState(null),_e=o==="success"?"success":o==="error"?"error":g,X=o==="error"?oe:ye,de=o==="filled",K=l.useMemo(()=>{if(!de)return W;let ge=null;for(const ke of ie)(W[ke.name]??"").trim().length>0||(ge=ge??{...W},ge[ke.name]="Filled");return ge??W},[de,W,ie]),B=_e==="error"?E.getFormFieldValidationError(ie,K):null,N=o&&o!=="default"?`${s}-state-${o}`:"",re=ie.some(ge=>(K[ge.name]??"").trim().length>0),$e=N!==`${s}-state-filled`&&re?`${s}-state-filled`:"",Ne=`${N} ${$e}`.trim(),Ie=i==null?void 0:i.submitUrl,xe=p??"",Fe=(c==null?void 0:c.icon)??"",z=(c==null?void 0:c.mode)==="On",q=xe||"Submit",v={fontSettings:{fontFamily:T,fontWeight:(w==null?void 0:w.fontWeight)??400,fontStyle:(w==null?void 0:w.fontStyle)??"normal"},fontSize:L??.01,lineHeight:m,letterSpacing:y??0,wordSpacing:C??0,textAppearance:b,color:e.inputTextColor??"#111111"},D={fontSettings:{fontFamily:T,fontWeight:($==null?void 0:$.fontWeight)??400,fontStyle:($==null?void 0:$.fontStyle)??"normal"},fontSize:S??.01,lineHeight:F,letterSpacing:P??0,wordSpacing:k??0,textAppearance:x,color:e.buttonTextColor??"#ffffff"},O={fontSettings:{fontFamily:T,fontWeight:(I==null?void 0:I.fontWeight)??400,fontStyle:(I==null?void 0:I.fontStyle)??"normal"},fontSize:G??.01,lineHeight:f,letterSpacing:R??0,wordSpacing:M??0,textAppearance:j,color:e.successColor??"#22c55e"},ee=Zt(_t(v,t)),se=Zt(_t(D,t)),pe=Zt(_t(O,t)),Ce=E.buildColorVars(s,{strokeColor:e.strokeColor,inputColor:e.inputColor,placeholderColor:e.placeholderColor,buttonColor:e.buttonColor,successColor:e.successColor,errorColor:e.errorColor,inputTextColor:e.inputTextColor??(v==null?void 0:v.color)??"#111111",buttonTextColor:e.buttonTextColor??(D==null?void 0:D.color)??"#ffffff"},yu,vu,Q),we={borderRadius:E.scalingValue(V,t),borderWidth:E.scalingValue(_,t),borderStyle:"solid"},ve={borderLeftWidth:E.scalingValue(_,t)},Ge=async ge=>{if(ge.preventDefault(),!a)return;const ke=Object.fromEntries(ie.map(Le=>{var ot;return[Le.name,((ot=W[Le.name])==null?void 0:ot.trim())??""]}).filter(([,Le])=>Le));if(!Ie){te("error"),me("No integrations were found for this form.");return}if(Object.keys(ke).length===0)return;const ze=E.getFormFieldValidationError(ie,W);if(ze){te("error"),me(ze);return}te("submitting"),me(null);try{const Le=await fetch(Ie,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(ke)});if(!Le.ok){const ot=await Le.text();throw new Error(ot||`Request failed: ${Le.status}`)}te("success"),ae(Object.fromEntries(ie.map(ot=>[ot.name,""])))}catch(Le){te("error"),me(Le instanceof Error?Le.message:"Something went wrong")}};return r.jsxs("div",{className:`${s}-wrapper ${Ne}`.trim(),style:Ce,children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:hu(s)}}),r.jsxs("form",{onSubmit:Ge,className:`${s}-form`,style:{...we,height:E.scalingValue(ue,t),minHeight:E.scalingValue(ue,t)},children:[r.jsx("div",{className:`${s}-inputWrap ${s}-overlayAnchor`,style:{flex:1,minWidth:0},children:ie.map(ge=>r.jsx("input",{type:ge.type==="email"?"email":ge.type==="phone"?"tel":"text",name:ge.name,autoComplete:"off",value:K[ge.name]??"",onChange:ke=>ae(ze=>({...ze,[ge.name]:ke.target.value})),placeholder:ge.placeholder,required:ge.isRequired??ge.type==="email",className:`${s}-input`,style:{...ee,paddingRight:E.scalingValue(U.right,t),paddingLeft:E.scalingValue(U.left,t),paddingTop:E.scalingValue(U.top,t),paddingBottom:E.scalingValue(U.bottom,t)}},ge.name))}),r.jsx("div",{className:`${s}-overlayAnchor`,children:r.jsx("button",{type:a?"submit":"button",className:`${s}-submitBtn`,"aria-label":q,style:{...se,...ve,paddingRight:E.scalingValue(H.right,t),paddingLeft:E.scalingValue(H.left,t),paddingTop:E.scalingValue(H.top,t),paddingBottom:E.scalingValue(H.bottom,t),pointerEvents:a?"auto":void 0},children:g==="submitting"?"...":z?Fe&&r.jsx(ln,{url:Fe,className:`${s}-submitBtnIcon`,style:{maxWidth:E.scalingValue(Z??0,t)},fill:`var(--${s}-button-text-color)`,hoverFill:`var(--${s}-button-text-color)`}):xe})})]}),_e==="success"&&r.jsx("p",{className:`${s}-success`,style:{...pe},children:J}),_e==="error"&&r.jsx("p",{className:`${s}-error`,style:{...pe},role:"alert",children:B??X??oe})]})},yu={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"},vu=["hover","focus","filled","success","error"],bu=`import React, { useMemo, useState } from 'react';
983
+ `}const wu=({settings:e,isEditor:t,isPreviewMode:n,metadata:i,activeEvent:o})=>{const{prefix:s}=P.useScopedStyles(),a=n&&t||!t,{fields:u=[{name:"email",type:"email",placeholder:"Your email"}],buttonIcon:c,buttonLabel:m,fieldsToShow:p=1,fontFamily:R,inputFontSettings:b,inputFontSize:I,inputLineHeight:g,inputLetterSpacing:v,inputWordSpacing:T,inputTextAppearance:w,buttonFontSettings:$,buttonFontSize:S,buttonLineHeight:z,buttonLetterSpacing:M,buttonWordSpacing:N,buttonTextAppearance:L,statusFontSettings:C,statusFontSize:J,statusLineHeight:y,statusLetterSpacing:k,statusWordSpacing:_,statusTextAppearance:V,iconMaxWidth:ne,minHeight:me,corners:K,stroke:H,stateOverrides:Q,inputPadding:Y,buttonPadding:O,successMessage:te="Thanks for subscribing!",errorMessage:ce="Please, fill all required fields."}=e,oe=u.slice(0,Math.min(p,u.length)),[W,ue]=l.useState(()=>Object.fromEntries(oe.map(de=>[de.name,""]))),[h,ae]=l.useState("idle"),[be,ye]=l.useState(null),Ae=o==="success"?"success":o==="error"?"error":h,Z=o==="error"?ce:be,ge=o==="filled",U=l.useMemo(()=>{if(!ge)return W;let de=null;for(const Me of oe)(W[Me.name]??"").trim().length>0||(de=de??{...W},de[Me.name]="Filled");return de??W},[ge,W,oe]),X=Ae==="error"?P.getFormFieldValidationError(oe,U):null,B=o&&o!=="default"?`${s}-state-${o}`:"",se=oe.some(de=>(U[de.name]??"").trim().length>0),Ee=B!==`${s}-state-filled`&&se?`${s}-state-filled`:"",Fe=`${B} ${Ee}`.trim(),Re=i==null?void 0:i.submitUrl,Ie=m??"",_e=(c==null?void 0:c.icon)??"",F=(c==null?void 0:c.mode)==="On",D=Ie||"Submit",E={fontSettings:{fontFamily:R,fontWeight:(b==null?void 0:b.fontWeight)??400,fontStyle:(b==null?void 0:b.fontStyle)??"normal"},fontSize:I??.01,lineHeight:g,letterSpacing:v??0,wordSpacing:T??0,textAppearance:w,color:e.inputTextColor??"#111111"},j={fontSettings:{fontFamily:R,fontWeight:($==null?void 0:$.fontWeight)??400,fontStyle:($==null?void 0:$.fontStyle)??"normal"},fontSize:S??.01,lineHeight:z,letterSpacing:M??0,wordSpacing:N??0,textAppearance:L,color:e.buttonTextColor??"#ffffff"},G={fontSettings:{fontFamily:R,fontWeight:(C==null?void 0:C.fontWeight)??400,fontStyle:(C==null?void 0:C.fontStyle)??"normal"},fontSize:J??.01,lineHeight:y,letterSpacing:k??0,wordSpacing:_??0,textAppearance:V,color:e.successColor??"#22c55e"},ee=Ut(Rt(E,t)),ie=Ut(Rt(j,t)),he=Ut(Rt(G,t)),Se=P.buildColorVars(s,{strokeColor:e.strokeColor,inputColor:e.inputColor,placeholderColor:e.placeholderColor,buttonColor:e.buttonColor,successColor:e.successColor,errorColor:e.errorColor,inputTextColor:e.inputTextColor??(E==null?void 0:E.color)??"#111111",buttonTextColor:e.buttonTextColor??(j==null?void 0:j.color)??"#ffffff"},Su,$u,Q),$e={borderRadius:P.scalingValue(K,t),borderWidth:P.scalingValue(H,t),borderStyle:"solid"},fe={borderLeftWidth:P.scalingValue(H,t)},Ge=async de=>{if(de.preventDefault(),!a)return;const Me=Object.fromEntries(oe.map(Ve=>{var at;return[Ve.name,((at=W[Ve.name])==null?void 0:at.trim())??""]}).filter(([,Ve])=>Ve));if(!Re){ae("error"),ye("No integrations were found for this form.");return}if(Object.keys(Me).length===0)return;const je=P.getFormFieldValidationError(oe,W);if(je){ae("error"),ye(je);return}ae("submitting"),ye(null);try{const Ve=await fetch(Re,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(Me)});if(!Ve.ok){const at=await Ve.text();throw new Error(at||`Request failed: ${Ve.status}`)}ae("success"),ue(Object.fromEntries(oe.map(at=>[at.name,""])))}catch(Ve){ae("error"),ye(Ve instanceof Error?Ve.message:"Something went wrong")}};return r.jsxs("div",{className:`${s}-wrapper ${Fe}`.trim(),style:Se,children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:xu(s)}}),r.jsxs("form",{onSubmit:Ge,className:`${s}-form`,style:{...$e,height:P.scalingValue(me,t),minHeight:P.scalingValue(me,t)},children:[r.jsx("div",{className:`${s}-inputWrap ${s}-overlayAnchor`,style:{flex:1,minWidth:0},children:oe.map(de=>r.jsx("input",{type:de.type==="email"?"email":de.type==="phone"?"tel":"text",name:de.name,autoComplete:"off",value:U[de.name]??"",onChange:Me=>ue(je=>({...je,[de.name]:Me.target.value})),placeholder:de.placeholder,required:de.isRequired??de.type==="email",className:`${s}-input`,style:{...ee,paddingRight:P.scalingValue(Y.right,t),paddingLeft:P.scalingValue(Y.left,t),paddingTop:P.scalingValue(Y.top,t),paddingBottom:P.scalingValue(Y.bottom,t)}},de.name))}),r.jsx("div",{className:`${s}-overlayAnchor`,children:r.jsx("button",{type:a?"submit":"button",className:`${s}-submitBtn`,"aria-label":D,style:{...ie,...fe,paddingRight:P.scalingValue(O.right,t),paddingLeft:P.scalingValue(O.left,t),paddingTop:P.scalingValue(O.top,t),paddingBottom:P.scalingValue(O.bottom,t),pointerEvents:a?"auto":void 0},children:h==="submitting"?"...":F?_e&&r.jsx(nn,{url:_e,className:`${s}-submitBtnIcon`,style:{maxWidth:P.scalingValue(ne??0,t)},fill:`var(--${s}-button-text-color)`,hoverFill:`var(--${s}-button-text-color)`}):Ie})})]}),Ae==="success"&&r.jsx("p",{className:`${s}-success`,style:{...he},children:te}),Ae==="error"&&r.jsx("p",{className:`${s}-error`,style:{...he},role:"alert",children:X??Z??ce})]})},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"},$u=["hover","focus","filled","success","error"],Cu=`import React, { useMemo, useState } from 'react';
984
984
  import { CommonComponentProps } from '../props';
985
985
  import { buildColorVars, getFormFieldValidationError, scalingValue, useScopedStyles } from '../utils/index';
986
986
  import { omitTextColors, textStylesToCss, type TextStyles } from '../utils/textStylesToCss';
@@ -1557,7 +1557,7 @@ const COLOR_VAR_MAP: Record<OnelinerColorKeys, string> = {
1557
1557
  };
1558
1558
 
1559
1559
  const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
1560
- `,xu="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>'),wu=[{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."}],Qo={fontSettings:{type:"object",display:{type:"font-settings-weight",visible:!0},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},Su=["strokeColor","inputColor","inputTextColor","placeholderColor","buttonColor","buttonTextColor","successColor","errorColor"],$u={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:{...Qo.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:{...Qo.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:{...Qo.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:wu,fieldsToShow:1,buttonLabel:"Subscribe",buttonIcon:{mode:"Off",icon:xu},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:[...Su],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"]},Cu={element:fu,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:$u,sourceCode:bu};function Tu(e){return`
1560
+ `,Tu="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>'),Lu=[{name:"email",type:"email",placeholder:"Enter your email",label:"Email",isRequired:!0,error:"Please, enter a valid e-mail."},{name:"name",type:"text",placeholder:"Enter your name",label:"Name",isRequired:!1,error:"Please, enter your name."},{name:"company",type:"text",placeholder:"Enter company",label:"Company",isRequired:!1,error:"Please, enter your company name."},{name:"phone",type:"phone",placeholder:"Enter your phone",label:"Phone",isRequired:!1,error:"Please, enter a valid phone number."}],ir={fontSettings:{type:"object",display:{type:"font-settings-weight",visible:!0},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},Eu=["strokeColor","inputColor","inputTextColor","placeholderColor","buttonColor","buttonTextColor","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:3},fields:{type:"array",scope:"common",display:{type:"fields-group"},items:{type:"object",properties:{name:{type:"string"},type:{type:"string",enum:["text","phone","email"]},placeholder:{type:"string"},label:{type:"string"},isRequired:{type:"boolean"},error:{type:"string"}}}},buttonLabel:{type:"string",scope:"common",title:"Button Label",display:{type:"text-input"}},buttonIcon:{type:"object",scope:"common",title:"Button Icon",display:{type:"button-icon-switch"},properties:{mode:{type:"string",enum:["On","Off"]},icon:{type:["string","null"],title:"Icon",display:{type:"settings-image-input"}}}},iconMaxWidth:{type:"number",scope:"common",title:"Icon Max Width",display:{type:"full-width-input"},min:0,max:1},fontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},inputPadding:{type:"object",scope:"layout",title:"Input Padding",display:{type:"padding-controls"}},buttonPadding:{type:"object",scope:"layout",title:"Button Padding",display:{type:"padding-controls"}},minHeight:{type:"number",scope:"layout",title:"min Height",display:{type:"numeric-input"},min:0,max:200},corners:{type:"number",scope:"layout",title:"Corners",display:{type:"numeric-input"},min:0,max:100},stroke:{type:"number",scope:"layout",title:"Stroke",display:{type:"numeric-input"},min:0,max:20},strokeColor:{type:"string",scope:"common",title:"Stroke All",display:{type:"palette-color-picker"}},inputColor:{type:"string",scope:"common",title:"Fill Input",display:{type:"palette-color-picker"}},inputTextColor:{type:"string",scope:"common",title:"Input Label",display:{type:"palette-color-picker"}},placeholderColor:{type:"string",scope:"common",title:"Filler Input",display:{type:"palette-color-picker"}},buttonColor:{type:"string",scope:"common",title:"Fill Button",display:{type:"palette-color-picker"}},buttonTextColor:{type:"string",scope:"common",title:"Label Button",display:{type:"palette-color-picker"}},successColor:{type:"string",scope:"common",title:"Success Message Color",display:{type:"palette-color-picker"}},errorColor:{type:"string",scope:"common",title:"Error Message Color",display:{type:"palette-color-picker"}},successMessage:{type:"string",scope:"common",title:"Success Message",display:{type:"text-input"}},errorMessage:{type:"string",scope:"common",title:"Error Message",display:{type:"text-input"}},stateOverrides:{type:"object",scope:"common"},inputFontSettings:{...ir.fontSettings,scope:"common",title:"Input"},inputFontSize:{type:"number",scope:"layout",title:"Input Font Size",display:{type:"font-size"}},inputLineHeight:{type:"number",scope:"layout",title:"Input Line Height",display:{type:"line-height-input"}},inputLetterSpacing:{type:"number",scope:"layout",title:"Input Letter Spacing",display:{type:"letter-spacing-input"}},inputWordSpacing:{type:"number",scope:"layout",title:"Input Word Spacing",display:{type:"word-spacing-input"}},inputTextAppearance:{type:"object",scope:"layout",title:"Input Text Appearance",display:{type:"text-appearance"}},buttonFontSettings:{...ir.fontSettings,scope:"common",title:"Button"},buttonFontSize:{type:"number",scope:"layout",title:"Button Font Size",display:{type:"font-size"}},buttonLineHeight:{type:"number",scope:"layout",title:"Button Line Height",display:{type:"line-height-input"}},buttonLetterSpacing:{type:"number",scope:"layout",title:"Button Letter Spacing",display:{type:"letter-spacing-input"}},buttonWordSpacing:{type:"number",scope:"layout",title:"Button Word Spacing",display:{type:"word-spacing-input"}},buttonTextAppearance:{type:"object",scope:"layout",title:"Button Text Appearance",display:{type:"text-appearance"}},statusFontSettings:{...ir.fontSettings,scope:"common",title:"Success/Error"},statusFontSize:{type:"number",scope:"layout",title:"Success/Error Font Size",display:{type:"font-size"}},statusLineHeight:{type:"number",scope:"layout",title:"Success/Error Line Height",display:{type:"line-height-input"}},statusLetterSpacing:{type:"number",scope:"layout",title:"Success/Error Letter Spacing",display:{type:"letter-spacing-input"}},statusWordSpacing:{type:"number",scope:"layout",title:"Success/Error Word Spacing",display:{type:"word-spacing-input"}},statusTextAppearance:{type:"object",scope:"layout",title:"Success/Error Text Appearance",display:{type:"text-appearance"}}},defaults:{fields:Lu,fieldsToShow:1,buttonLabel:"Subscribe",buttonIcon:{mode:"Off",icon:Tu},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:[...Eu],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"]},Pu={element:wu,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:Iu,sourceCode:Cu};function Ru(e){return`
1561
1561
  .${e}-marquee-wrapper {
1562
1562
  overflow: hidden;
1563
1563
  width: 100%;
@@ -1689,7 +1689,7 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
1689
1689
  .${e}-image-hover-grayscale:hover img {
1690
1690
  filter: grayscale(100%);
1691
1691
  }
1692
- `}const Lu=30,Eu=20,er=2,Iu=2,Pu=(e,t)=>Array.from({length:t},()=>e).flat(),Ru=(e,t)=>{const n=t.getBoundingClientRect(),i=e.getBoundingClientRect();return i.right>n.left&&i.left<n.right},Au=(e,t)=>{const n=e.querySelectorAll(`[data-marquee-item-index="${t}"]`);return Array.from(n).some(i=>Ru(i,e))},Mu=({item:e,prefix:t,imageFit:n,imageMaxWidth:i,imageMaxHeight:o,imageHoverClass:s,isFirstSet:a,scaled:d,onFirstSetImageDone:c})=>{var x,I,G;const p=l.useRef(null);l.useLayoutEffect(()=>{if(!a)return;const f=p.current;f!=null&&f.complete&&(c==null||c())},[a,(x=e.image)==null?void 0:x.url,c]);const u=n.display==="cover",T=n.ratioValue??"1:1",w=n.reversed??!1,[L,m]=T.split(":").map(Number),b=(w?m:L)/(w?L:m);let $=i,S=$/b;S>o&&(S=o,$=S*b);const F=d($),P=d(S),k=((I=e.image)==null?void 0:I.url)&&r.jsx("img",{ref:p,src:e.image.url,alt:((G=e.image)==null?void 0:G.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?c:void 0,onError:a?c:void 0});return r.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"start",...u?{width:F}:{width:"fit-content",maxWidth:d(i),minWidth:0}},children:r.jsx("div",{className:s,style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",flexShrink:0,...u?{width:F,height:P,overflow:"hidden"}:{width:"fit-content",maxWidth:d(i),height:d(o)}},children:k&&e.link?r.jsx("a",{href:e.link,target:"_blank",rel:"noopener noreferrer",className:Je(`${t}-marquee-link`,!u&&`${t}-marquee-link-contain`),children:k}):k})})},_u=({settings:e,content:t,isEditor:n,isPreviewMode:i,isEditMode:o})=>{const{prefix:s}=E.useScopedStyles(),a=l.useMemo(()=>Tu(s),[s]),{speed:d,direction:c,pauseOnHover:p,gap:u,imageMaxWidth:T,imageMaxHeight:w,imageFit:L,hoverEffect:m}=e,y=!!o,C=!n||!!i,b=C&&m!=="off"&&m!=="randomize"?`${s}-image-hover-${m}`:void 0,$=n?!!i:!0,F=((t==null?void 0:t.length)??0)>0&&($||!!n),P=Math.max(0,d)*Lu,k=B=>E.scalingValue(B,n??!1),x=l.useRef(null),I=l.useRef(null),G=l.useRef(null),[f,R]=l.useState(0),[M,j]=l.useState(0),Z=$&&p==="on",[ue,V]=l.useState(!1),[_,Q]=l.useState({}),U=l.useRef(_);U.current=_;const H=l.useRef(null),J=l.useRef(0),oe=l.useRef(null),ie=l.useMemo(()=>(t??[]).map(B=>{var N;return((N=B.image)==null?void 0:N.url)??""}).join("\0"),[t]),[W,ae]=l.useState(er),g=l.useMemo(()=>{const B=t??[];return!$||B.length===0?B:Pu(B,W)},[t,$,W]),te=l.useMemo(()=>g.filter(B=>{var N;return!!((N=B.image)!=null&&N.url)}).length,[g]),ye=F?Iu:1;l.useLayoutEffect(()=>{J.current=0,Q({}),H.current=null,ae(er),R(0)},[ie]),l.useEffect(()=>{if(!C||m!=="randomize")return;const B=x.current;if(!B)return;const N=Ie=>{Q(xe=>{let Fe=null;for(const z of Ie)z in xe&&(Au(B,z)||(Fe||(Fe={...xe}),delete Fe[z]));return Fe??xe})},re=new IntersectionObserver(Ie=>{const xe=new Set;for(const Fe of Ie){const z=Fe.target.dataset.marqueeItemIndex,q=z!==void 0?Number(z):NaN;Number.isNaN(q)||xe.add(q)}xe.size>0&&N(xe)},{root:B,threshold:0});Object.keys(_).forEach(Ie=>{const xe=Number(Ie);B.querySelectorAll(`[data-marquee-item-index="${xe}"]`).forEach(Fe=>re.observe(Fe))});let $e=0;const Ne=()=>{const Ie=Object.keys(U.current);Ie.length!==0&&(N(Ie.map(Number)),$e=requestAnimationFrame(Ne))};return Object.keys(U.current).length>0&&($e=requestAnimationFrame(Ne)),()=>{cancelAnimationFrame($e),re.disconnect()}},[m,_,C]),l.useLayoutEffect(()=>{if(!F)return;const B=x.current,N=G.current;if(!B||!N)return;let re=0;const $e=()=>{const xe=B.getBoundingClientRect().width,Fe=N.getBoundingClientRect().width,z=H.current,q=typeof z=="number"&&Math.abs(z-Fe)<=.25;if(H.current=Fe,$&&Fe>0&&W>0){const v=Fe/W;if(v>0&&xe>0){const D=Math.max(er,Math.ceil(xe/v)+1);if(D!==W){ae(D);return}}}if(Fe>0&&f<=0){R(Fe);return}q&&Fe!==f?R(Fe):!q&&f<=0&&(cancelAnimationFrame(re),re=requestAnimationFrame($e))},Ne=()=>{cancelAnimationFrame(re),re=requestAnimationFrame($e)};oe.current=Ne,Ne();const Ie=new ResizeObserver(Ne);return Ie.observe(B),Ie.observe(N),()=>{oe.current=null,cancelAnimationFrame(re),Ie.disconnect()}},[$,F,f,ie,W]),l.useLayoutEffect(()=>{const B=I.current;if(!F||!B)return;const N=f>0?f:0,re=N>0&&P>0?N/P*1e3:0,$e=`${Math.max(0,re)/1e3}s`;B.style.setProperty("--marquee-distance",`${N}px`),B.style.setProperty("--marquee-duration",$e)},[$,F,P,f]),l.useLayoutEffect(()=>{if(!F){j(0);return}if(f<=0){j(0);return}const B=I.current;if(!B)return;const N=()=>{const $e=B.getBoundingClientRect().height;j($e>0?$e:0)};N();const re=new ResizeObserver(N);return re.observe(B),()=>re.disconnect()},[F,ye,g,n,u,T,w,f,L,_]);const me=()=>{Z&&V(!0)},_e=()=>{Z&&V(!1)},X=l.useCallback(()=>{var B;J.current=Math.min(te,J.current+1),(B=oe.current)==null||B.call(oe)},[te]),de=l.useCallback((B,N)=>{Q(re=>{const $e=re[B]??N,Ne=(t??[]).filter(xe=>xe!==$e);if(Ne.length===0)return re;const Ie=Ne[Math.floor(Math.random()*Ne.length)];return{...re,[B]:Ie}})},[t]),K=(B,N,re,$e)=>{const Ne=C&&m==="randomize"&&L.display==="cover"?_[re]??B:B,Ie=`max(${k(u)}, ${Eu}px)`,xe=`calc(-0.5 * (${Ie} + ${k(u)}))`;return r.jsxs("div",{className:`${s}-marquee-card`,"data-marquee-item-index":re,onMouseEnter:C&&m==="randomize"&&L.display==="cover"?()=>de(re,B):void 0,children:[r.jsx(Mu,{item:Ne,prefix:s,imageFit:L,imageMaxWidth:T,imageMaxHeight:w,imageHoverClass:b,isEditor:n,isFirstSet:$e,scaled:k,onFirstSetImageDone:X}),y&&r.jsx("div",{"data-controls":"gap","data-controls-axis":"x",className:`${s}-gap-control`,style:{position:"absolute",top:0,right:xe,width:Ie,height:"100%"}})]},`${N}-${re}`)};if(F){const B=$?Z&&ue?"paused":"running":"paused";return r.jsxs("div",{ref:x,className:Je(`${s}-wrapper`,`${s}-marquee-wrapper`),"aria-label":"Marquee",style:f>0&&M>0?{height:M}:void 0,children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:a}}),r.jsx("div",{ref:I,className:`${s}-marquee-track`,"data-direction":c,onMouseEnter:me,onMouseLeave:_e,style:{"--marquee-play-state":B},children:Array.from({length:ye},(N,re)=>r.jsx("div",{ref:re===0?G:void 0,className:Je(`${s}-marquee-row`,`${s}-marquee-set`),style:{gap:k(u),paddingRight:k(u)},"aria-hidden":re>0,children:g.map(($e,Ne)=>K($e,re,Ne,re===0))},`set-${re}`))},"marquee-track")]})}return r.jsxs("div",{ref:x,className:`${s}-wrapper`,children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:a}}),r.jsx("div",{className:Je(`${s}-marquee-row`,`${s}-marquee-static`),style:{gap:k(u),transform:"none"},"aria-label":"Marquee",children:t==null?void 0:t.map((B,N)=>K(B,0,N))},"marquee-static")]})},ku=`import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
1692
+ `}const Au=30,Mu=20,or=3,ku=3,_u=(e,t)=>Array.from({length:t},()=>e).flat(),Wu=(e,t)=>{const n=t.getBoundingClientRect(),i=e.getBoundingClientRect();return i.right>n.left&&i.left<n.right},Fu=(e,t)=>{const n=e.querySelectorAll(`[data-marquee-item-index="${t}"]`);return Array.from(n).some(i=>Wu(i,e))},Nu=({item:e,prefix:t,imageFit:n,imageMaxWidth:i,imageMaxHeight:o,imageHoverClass:s,isFirstSet:a,scaled:u,onFirstSetImageDone:c})=>{var L,C,J;const m=l.useRef(null);l.useLayoutEffect(()=>{if(!a)return;const y=m.current;y!=null&&y.complete&&(c==null||c())},[a,(L=e.image)==null?void 0:L.url,c]);const p=n.display==="cover",R=n.ratioValue??"1:1",b=n.reversed??!1,[I,g]=R.split(":").map(Number),w=(b?g:I)/(b?I:g);let $=i,S=$/w;S>o&&(S=o,$=S*w);const z=u($),M=u(S),N=((C=e.image)==null?void 0:C.url)&&r.jsx("img",{ref:m,src:e.image.url,alt:((J=e.image)==null?void 0:J.name)??"",style:p?{pointerEvents:"auto",display:"block",width:"100%",height:"100%",objectFit:"cover"}:{pointerEvents:"auto",display:"block",height:"100%",width:"auto",maxWidth:u(i),objectFit:"contain"},onLoad:a?c:void 0,onError:a?c:void 0});return r.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"start",...p?{width:z}:{width:"fit-content",maxWidth:u(i),minWidth:0}},children:r.jsx("div",{className:s,style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",flexShrink:0,...p?{width:z,height:M,overflow:"hidden"}:{width:"fit-content",maxWidth:u(i),height:u(o)}},children:N&&e.link?r.jsx("a",{href:e.link,target:"_blank",rel:"noopener noreferrer",className:Ye(`${t}-marquee-link`,!p&&`${t}-marquee-link-contain`),children:N}):N})})},Hu=({settings:e,content:t,isEditor:n,isPreviewMode:i,isEditMode:o})=>{const{prefix:s}=P.useScopedStyles(),a=l.useMemo(()=>Ru(s),[s]),{speed:u,direction:c,pauseOnHover:m,gap:p,imageMaxWidth:R,imageMaxHeight:b,imageFit:I,hoverEffect:g}=e,v=!!o,T=!n||!!i,w=T&&g!=="off"&&g!=="randomize"?`${s}-image-hover-${g}`:void 0,$=n?!!i:!0,z=((t==null?void 0:t.length)??0)>0&&($||!!n),M=Math.max(0,u)*Au,N=X=>P.scalingValue(X,n??!1),L=l.useRef(null),C=l.useRef(null),J=l.useRef(null),[y,k]=l.useState(0),[_,V]=l.useState(0),ne=$&&m==="on",[me,K]=l.useState(!1),[H,Q]=l.useState({}),Y=l.useRef(H);Y.current=H;const O=l.useRef(null),te=l.useRef(0),ce=l.useRef(null),oe=l.useMemo(()=>(t??[]).map(X=>{var B;return((B=X.image)==null?void 0:B.url)??""}).join("\0"),[t]),[W,ue]=l.useState(or),h=l.useMemo(()=>{const X=t??[];return!$||X.length===0?X:_u(X,W)},[t,$,W]),ae=l.useMemo(()=>h.filter(X=>{var B;return!!((B=X.image)!=null&&B.url)}).length,[h]),be=z?ku:1;l.useLayoutEffect(()=>{te.current=0,Q({}),O.current=null,ue(or),k(0)},[oe]),l.useEffect(()=>{if(!T||g!=="randomize")return;const X=L.current;if(!X)return;const B=Re=>{Q(Ie=>{let _e=null;for(const F of Re)F in Ie&&(Fu(X,F)||(_e||(_e={...Ie}),delete _e[F]));return _e??Ie})},se=new IntersectionObserver(Re=>{const Ie=new Set;for(const _e of Re){const F=_e.target.dataset.marqueeItemIndex,D=F!==void 0?Number(F):NaN;Number.isNaN(D)||Ie.add(D)}Ie.size>0&&B(Ie)},{root:X,threshold:0});Object.keys(H).forEach(Re=>{const Ie=Number(Re);X.querySelectorAll(`[data-marquee-item-index="${Ie}"]`).forEach(_e=>se.observe(_e))});let Ee=0;const Fe=()=>{const Re=Object.keys(Y.current);Re.length!==0&&(B(Re.map(Number)),Ee=requestAnimationFrame(Fe))};return Object.keys(Y.current).length>0&&(Ee=requestAnimationFrame(Fe)),()=>{cancelAnimationFrame(Ee),se.disconnect()}},[g,H,T]),l.useLayoutEffect(()=>{if(!z)return;const X=L.current,B=J.current;if(!X||!B)return;let se=0;const Ee=()=>{const Ie=X.getBoundingClientRect().width,_e=B.getBoundingClientRect().width,F=O.current,D=typeof F=="number"&&Math.abs(F-_e)<=.25;if(O.current=_e,$&&_e>0&&W>0){const E=_e/W;if(E>0&&Ie>0){const j=Math.max(or,Math.ceil(Ie/E)+1);if(j!==W){ue(j);return}}}if(_e>0&&y<=0){k(_e);return}D&&_e!==y?k(_e):!D&&y<=0&&(cancelAnimationFrame(se),se=requestAnimationFrame(Ee))},Fe=()=>{cancelAnimationFrame(se),se=requestAnimationFrame(Ee)};ce.current=Fe,Fe();const Re=new ResizeObserver(Fe);return Re.observe(X),Re.observe(B),()=>{ce.current=null,cancelAnimationFrame(se),Re.disconnect()}},[$,z,y,oe,W]),l.useLayoutEffect(()=>{const X=C.current;if(!z||!X)return;const B=y>0?y:0,se=B>0&&M>0?B/M*1e3:0,Ee=`${Math.max(0,se)/1e3}s`;X.style.setProperty("--marquee-distance",`${B}px`),X.style.setProperty("--marquee-duration",Ee)},[$,z,M,y]),l.useLayoutEffect(()=>{if(!z){V(0);return}if(y<=0){V(0);return}const X=C.current;if(!X)return;const B=()=>{const Ee=X.getBoundingClientRect().height;V(Ee>0?Ee:0)};B();const se=new ResizeObserver(B);return se.observe(X),()=>se.disconnect()},[z,be,h,n,p,R,b,y,I,H]);const ye=()=>{ne&&K(!0)},Ae=()=>{ne&&K(!1)},Z=l.useCallback(()=>{var X;te.current=Math.min(ae,te.current+1),(X=ce.current)==null||X.call(ce)},[ae]),ge=l.useCallback((X,B)=>{Q(se=>{const Ee=se[X]??B,Fe=(t??[]).filter(Ie=>Ie!==Ee);if(Fe.length===0)return se;const Re=Fe[Math.floor(Math.random()*Fe.length)];return{...se,[X]:Re}})},[t]),U=(X,B,se,Ee)=>{const Fe=T&&g==="randomize"&&I.display==="cover"?H[se]??X:X,Re=`max(${N(p)}, ${Mu}px)`,Ie=`calc(-0.5 * (${Re} + ${N(p)}))`;return r.jsxs("div",{className:`${s}-marquee-card`,"data-marquee-item-index":se,onMouseEnter:T&&g==="randomize"&&I.display==="cover"?()=>ge(se,X):void 0,children:[r.jsx(Nu,{item:Fe,prefix:s,imageFit:I,imageMaxWidth:R,imageMaxHeight:b,imageHoverClass:w,isEditor:n,isFirstSet:Ee,scaled:N,onFirstSetImageDone:Z}),v&&r.jsx("div",{"data-controls":"gap","data-controls-axis":"x",className:`${s}-gap-control`,style:{position:"absolute",top:0,right:Ie,width:Re,height:"100%"}})]},`${B}-${se}`)};if(z){const X=$?ne&&me?"paused":"running":"paused";return r.jsxs("div",{ref:L,className:Ye(`${s}-wrapper`,`${s}-marquee-wrapper`),"aria-label":"Marquee",style:y>0&&_>0?{height:_}:void 0,children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:a}}),r.jsx("div",{ref:C,className:`${s}-marquee-track`,"data-direction":c,onMouseEnter:ye,onMouseLeave:Ae,style:{"--marquee-play-state":X},children:Array.from({length:be},(B,se)=>r.jsx("div",{ref:se===0?J:void 0,className:Ye(`${s}-marquee-row`,`${s}-marquee-set`),style:{gap:N(p),paddingRight:N(p)},"aria-hidden":se>0,children:h.map((Ee,Fe)=>U(Ee,se,Fe,se===0))},`set-${se}`))},"marquee-track")]})}return r.jsxs("div",{ref:L,className:`${s}-wrapper`,children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:a}}),r.jsx("div",{className:Ye(`${s}-marquee-row`,`${s}-marquee-static`),style:{gap:N(p),transform:"none"},"aria-label":"Marquee",children:t==null?void 0:t.map((X,B)=>U(X,0,B))},"marquee-static")]})},Ou=`import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
1693
1693
  import cn from 'classnames';
1694
1694
  import { CommonComponentProps } from '../props';
1695
1695
  import { scalingValue } from '../utils/scalingValue';
@@ -1833,8 +1833,8 @@ function getCSS(P: string): string {
1833
1833
 
1834
1834
  const PX_PER_SEC_PER_SPEED_UNIT = 30;
1835
1835
  const GAP_LABEL_AREA_PX = 20;
1836
- const MIN_CONTENT_SEQUENCE_REPEAT = 2;
1837
- const OUTER_SET_COPIES = 2;
1836
+ const MIN_CONTENT_SEQUENCE_REPEAT = 3;
1837
+ const OUTER_SET_COPIES = 3;
1838
1838
 
1839
1839
  const expandSetContent = (items: MarqueeItem[], repeat: number) =>
1840
1840
  Array.from({ length: repeat }, () => items).flat();
@@ -2320,7 +2320,7 @@ type MarqueeProps = {
2320
2320
  isPreviewMode?: boolean;
2321
2321
  isEditMode?: boolean;
2322
2322
  } & CommonComponentProps;
2323
- `,Wu={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:{isObjectFitEditable:!1,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:""}]}},Fu={element:_u,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:Wu,sourceCode:ku,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:[]}};function wa(e){return`
2323
+ `,Bu={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:{isObjectFitEditable:!1,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:""}]}},ju={element:Hu,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:Bu,sourceCode:Ou,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:[]}};function La(e){return`
2324
2324
  .${e}-marquee-wrapper {
2325
2325
  overflow: hidden;
2326
2326
  width: 100%;
@@ -2407,7 +2407,7 @@ type MarqueeProps = {
2407
2407
  pointer-events: auto;
2408
2408
  z-index: 10;
2409
2409
  }
2410
- `}const Nu=30,Sa=2,Hu=({settings:e,content:t,isEditor:n,isPreviewMode:i,isEditMode:o})=>{const{prefix:s}=E.useScopedStyles(),{align:a,speed:d,direction:c,pauseOnHover:p,gap:u,cardWidth:T,corners:w,stroke:L,strokeColor:m,bgColor:y,padding:C,logoMarginTop:b,logoWidth:$,logoHeight:S,captionMarginTop:F}=e,P=!!o,k=((t==null?void 0:t.length)??0)>0,x=d>0&&(!n||i),I=k&&(x||n),G=Math.max(0,d)*Nu,f=v=>E.scalingValue(v,n??!1),R=l.useRef(null),M=l.useRef(null),j=l.useRef(null),[Z,ue]=l.useState(0),[V,_]=l.useState(0),[Q,U]=l.useState(0),H=x&&p==="on",[J,oe]=l.useState(!1),ie=l.useRef(null),[W,ae]=l.useState(0),[g,te]=l.useState(0),ye=l.useRef(null),me=v=>{var O,ee,se,pe,Ce;return{fontSettings:{fontFamily:(e==null?void 0:e[`${v}FontFamily`])??"Arial",fontWeight:((O=e==null?void 0:e[`${v}FontSettings`])==null?void 0:O.fontWeight)??400,fontStyle:((ee=e==null?void 0:e[`${v}FontSettings`])==null?void 0:ee.fontStyle)??"normal"},textAppearance:{textTransform:((se=e==null?void 0:e[`${v}TextAppearance`])==null?void 0:se.textTransform)??"none",textDecoration:((pe=e==null?void 0:e[`${v}TextAppearance`])==null?void 0:pe.textDecoration)??"none",fontVariant:((Ce=e==null?void 0:e[`${v}TextAppearance`])==null?void 0:Ce.fontVariant)??"normal"},letterSpacing:(e==null?void 0:e[`${v}LetterSpacing`])??0,wordSpacing:(e==null?void 0:e[`${v}WordSpacing`])??0,fontSize:(e==null?void 0:e[`${v}FontSize`])??.01,lineHeight:(e==null?void 0:e[`${v}LineHeight`])??.01,color:(e==null?void 0:e[`${v}Color`])??"#000000"}},_e=me("text"),X=me("caption"),de=l.useMemo(()=>((t==null?void 0:t.length)??0)>1&&(t??[]).some(v=>{var D,O;return(((D=v.text)==null?void 0:D.length)??0)>0||(((O=v.caption)==null?void 0:O.length)??0)>0}),[t]),K=l.useMemo(()=>!I||(t==null?void 0:t.length)===0?1:V<=0||Z<=0?Sa:Math.max(Sa,Math.ceil(Z/V)+1),[I,t==null?void 0:t.length,V,Z]);l.useLayoutEffect(()=>{if(!I)return;const v=R.current,D=j.current;if(!v||!D)return;let O=0;const ee=()=>{const Ce=v.getBoundingClientRect().width,we=D.getBoundingClientRect().width,ve=ye.current,Ge=typeof ve=="number"&&Math.abs(ve-we)<=.25;if(ye.current=we,ue(Ce),typeof we=="number"&&we>0&&V<=0){_(we);return}Ge&&we!==V?_(we):!Ge&&V<=0&&(cancelAnimationFrame(O),O=requestAnimationFrame(ee))},se=()=>{cancelAnimationFrame(O),O=requestAnimationFrame(ee)};se();const pe=new ResizeObserver(se);return pe.observe(v),pe.observe(D),()=>{cancelAnimationFrame(O),pe.disconnect()}},[x,I,V]),l.useLayoutEffect(()=>{const v=M.current;if(!I||!v)return;const D=V>0?V:0,O=D>0&&G>0?D/G*1e3:0,ee=`${Math.max(0,O)/1e3}s`;v.style.setProperty("--marquee-distance",`${D}px`),v.style.setProperty("--marquee-duration",ee)},[x,I,G,V]),l.useLayoutEffect(()=>{if(!I){U(0);return}const v=j.current,D=M.current;if(!v||!D)return;const O=()=>{let se=0;for(let pe=0;pe<v.children.length;pe++){const we=v.children[pe].firstElementChild;we&&(se=Math.max(se,we.offsetHeight))}se<=0&&(se=D.offsetHeight),U(se>0?se:0)};O();const ee=new ResizeObserver(O);return ee.observe(v),ee.observe(D),()=>{ee.disconnect()}},[I,K,t,n,u,T,C,L,w,$,S,W,g]);const B=()=>{H&&oe(!0)},N=()=>{H&&oe(!1)},re=l.useMemo(()=>{switch(a){case"center":return"center";case"end":return"flex-end";case"start":default:return"flex-start"}},[a]),$e=l.useMemo(()=>{switch(a){case"center":return"center";case"end":return"right";case"start":default:return"left"}},[a]),Ne=l.useCallback((v,D,O,ee)=>r.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:re,width:"100%"},children:[r.jsx("div",{"data-controls":P?ee==null?void 0:ee.controlsName:void 0,"data-controls-axis":P?"y":void 0,className:P?`${s}-control`:void 0,style:{height:f((ee==null?void 0:ee.marginTop)??0)}}),r.jsx("div",{...ee!=null&&ee.dataMeasureKind?{"data-testimonial-measure":ee.dataMeasureKind}:{},style:{..._t(v,n),textAlign:$e,pointerEvents:"auto",...typeof(ee==null?void 0:ee.minHeightPx)=="number"&&ee.minHeightPx>0?{minHeight:ee.minHeightPx}:{}},children:r.jsx(gi,{content:D})})]},O),[re,$e,n,P,s,f]),Ie=l.useCallback((v,D,O)=>{var ee,se,pe;return r.jsxs("div",{style:{padding:`${f(C.top)} ${f(C.right)} ${f(C.bottom)} ${f(C.left)}`,width:f(T+L*2),height:"100%",borderRadius:f(w),border:`${f(L)} solid ${m}`,boxSizing:"border-box",position:"relative",overflow:"hidden"},children:[r.jsx("div",{className:`${s}-cover`,style:{background:y}}),r.jsxs("div",{className:`${s}-elements-overlay`,style:{alignItems:re,textAlign:$e},children:[v.text&&Ne(_e,v.text,"text",O!=null&&O.dataMeasureAttrs?{dataMeasureKind:"text"}:typeof(O==null?void 0:O.textMinHeightPx)=="number"&&O.textMinHeightPx>0?{minHeightPx:O.textMinHeightPx}:void 0),r.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:re,width:"100%"},children:[r.jsx("div",{"data-controls":P&&!(O!=null&&O.dataMeasureAttrs)?"logoMarginTop":void 0,className:P&&!(O!=null&&O.dataMeasureAttrs)?`${s}-control`:void 0,style:{height:f(b)}}),r.jsx("div",{style:{width:f($),height:f(S)},children:((ee=v.logo)==null?void 0:ee.url)&&r.jsx("img",{src:v.logo.url,alt:((se=v.logo)==null?void 0:se.name)??"",style:{pointerEvents:"auto",width:"100%",height:"100%",objectFit:((pe=v.logo)==null?void 0:pe.objectFit)||"contain"}})})]}),v.caption&&Ne(X,v.caption,"caption",{...O!=null&&O.dataMeasureAttrs?{}:{controlsName:"captionMarginTop"},marginTop:F,...O!=null&&O.dataMeasureAttrs?{dataMeasureKind:"caption"}:typeof(O==null?void 0:O.captionMinHeightPx)=="number"&&O.captionMinHeightPx>0?{minHeightPx:O.captionMinHeightPx}:{}})]})]},D)},[y,F,X,T,w,S,b,$,re,$e,C.bottom,C.left,C.right,C.top,Ne,L,m,_e,n,P,s]),xe=l.useCallback(v=>{ae(v.maxTextPx),te(v.maxCaptionPx)},[]);l.useLayoutEffect(()=>{if(!de){xe({maxTextPx:0,maxCaptionPx:0});return}const v=ie.current;if(!v)return;const D=()=>{E.readTestimonialTextMeasure(v,xe)};D();const O=new ResizeObserver(D);return O.observe(v),()=>{O.disconnect()}},[de,xe,t,Ie]);const Fe=de?{textMinHeightPx:W,captionMinHeightPx:g}:void 0,z=de?r.jsx("div",{ref:ie,"aria-hidden":!0,style:{position:"absolute",left:0,top:0,width:"100%",visibility:"hidden",pointerEvents:"none",zIndex:-1},children:(t??[]).map((v,D)=>Ie(v,`measure-${D}`,{dataMeasureAttrs:!0}))}):null,q=(v,D)=>r.jsxs("div",{style:{position:"relative",flex:"0 0 auto",height:"100%",transform:"translateZ(0)",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",willChange:"transform"},children:[Ie(v,`card-${D}`,Fe),P&&r.jsx("div",{"data-controls":"gap","data-controls-axis":"x",style:{position:"absolute",top:0,right:`calc(-1 * ${f(u)})`,width:f(u),height:"100%",pointerEvents:"auto",zIndex:2}})]},D);if(I){const v=x?H&&J?"paused":"running":"paused";return r.jsxs("div",{ref:R,className:Je(`${s}-wrapper`,`${s}-marquee-wrapper`),"aria-label":"Testimonials",style:{overflow:"hidden",width:"100%",...Q>0?{height:Q}:{}},children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:wa(s)}}),z,r.jsx("div",{ref:M,className:`${s}-marquee-track`,"data-direction":c,onMouseEnter:B,onMouseLeave:N,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":v},children:Array.from({length:K},(D,O)=>r.jsx("div",{ref:O===0?j:void 0,className:`${s}-marquee-set`,style:{display:"flex",flexDirection:"row",flex:"0 0 auto",gap:f(u),paddingRight:f(u)},"aria-hidden":O>0,children:t==null?void 0:t.map((ee,se)=>q(ee,`${O}-${se}`))},`set-${O}`))})]})}return r.jsxs("div",{className:`${s}-wrapper`,children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:wa(s)}}),z,r.jsx("div",{style:{gap:f(u),justifyContent:"center",overflowX:"auto",display:"flex",flexDirection:"row"},"aria-label":"Testimonials",children:t==null?void 0:t.map((v,D)=>q(v,D))})]})},Ou=`import { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
2410
+ `}const zu=30,Ea=2,Vu=({settings:e,content:t,isEditor:n,isPreviewMode:i,isEditMode:o})=>{const{prefix:s}=P.useScopedStyles(),{align:a,speed:u,direction:c,pauseOnHover:m,gap:p,cardWidth:R,corners:b,stroke:I,strokeColor:g,bgColor:v,padding:T,logoMarginTop:w,logoWidth:$,logoHeight:S,captionMarginTop:z}=e,M=!!o,N=((t==null?void 0:t.length)??0)>0,L=u>0&&(!n||i),C=N&&(L||n),J=Math.max(0,u)*zu,y=E=>P.scalingValue(E,n??!1),k=l.useRef(null),_=l.useRef(null),V=l.useRef(null),[ne,me]=l.useState(0),[K,H]=l.useState(0),[Q,Y]=l.useState(0),O=L&&m==="on",[te,ce]=l.useState(!1),oe=l.useRef(null),[W,ue]=l.useState(0),[h,ae]=l.useState(0),be=l.useRef(null),ye=E=>{var G,ee,ie,he,Se;return{fontSettings:{fontFamily:(e==null?void 0:e[`${E}FontFamily`])??"Arial",fontWeight:((G=e==null?void 0:e[`${E}FontSettings`])==null?void 0:G.fontWeight)??400,fontStyle:((ee=e==null?void 0:e[`${E}FontSettings`])==null?void 0:ee.fontStyle)??"normal"},textAppearance:{textTransform:((ie=e==null?void 0:e[`${E}TextAppearance`])==null?void 0:ie.textTransform)??"none",textDecoration:((he=e==null?void 0:e[`${E}TextAppearance`])==null?void 0:he.textDecoration)??"none",fontVariant:((Se=e==null?void 0:e[`${E}TextAppearance`])==null?void 0:Se.fontVariant)??"normal"},letterSpacing:(e==null?void 0:e[`${E}LetterSpacing`])??0,wordSpacing:(e==null?void 0:e[`${E}WordSpacing`])??0,fontSize:(e==null?void 0:e[`${E}FontSize`])??.01,lineHeight:(e==null?void 0:e[`${E}LineHeight`])??.01,color:(e==null?void 0:e[`${E}Color`])??"#000000"}},Ae=ye("text"),Z=ye("caption"),ge=l.useMemo(()=>((t==null?void 0:t.length)??0)>1&&(t??[]).some(E=>{var j,G;return(((j=E.text)==null?void 0:j.length)??0)>0||(((G=E.caption)==null?void 0:G.length)??0)>0}),[t]),U=l.useMemo(()=>!C||(t==null?void 0:t.length)===0?1:K<=0||ne<=0?Ea:Math.max(Ea,Math.ceil(ne/K)+1),[C,t==null?void 0:t.length,K,ne]);l.useLayoutEffect(()=>{if(!C)return;const E=k.current,j=V.current;if(!E||!j)return;let G=0;const ee=()=>{const Se=E.getBoundingClientRect().width,$e=j.getBoundingClientRect().width,fe=be.current,Ge=typeof fe=="number"&&Math.abs(fe-$e)<=.25;if(be.current=$e,me(Se),typeof $e=="number"&&$e>0&&K<=0){H($e);return}Ge&&$e!==K?H($e):!Ge&&K<=0&&(cancelAnimationFrame(G),G=requestAnimationFrame(ee))},ie=()=>{cancelAnimationFrame(G),G=requestAnimationFrame(ee)};ie();const he=new ResizeObserver(ie);return he.observe(E),he.observe(j),()=>{cancelAnimationFrame(G),he.disconnect()}},[L,C,K]),l.useLayoutEffect(()=>{const E=_.current;if(!C||!E)return;const j=K>0?K:0,G=j>0&&J>0?j/J*1e3:0,ee=`${Math.max(0,G)/1e3}s`;E.style.setProperty("--marquee-distance",`${j}px`),E.style.setProperty("--marquee-duration",ee)},[L,C,J,K]),l.useLayoutEffect(()=>{if(!C){Y(0);return}const E=V.current,j=_.current;if(!E||!j)return;const G=()=>{let ie=0;for(let he=0;he<E.children.length;he++){const $e=E.children[he].firstElementChild;$e&&(ie=Math.max(ie,$e.offsetHeight))}ie<=0&&(ie=j.offsetHeight),Y(ie>0?ie:0)};G();const ee=new ResizeObserver(G);return ee.observe(E),ee.observe(j),()=>{ee.disconnect()}},[C,U,t,n,p,R,T,I,b,$,S,W,h]);const X=()=>{O&&ce(!0)},B=()=>{O&&ce(!1)},se=l.useMemo(()=>{switch(a){case"center":return"center";case"end":return"flex-end";case"start":default:return"flex-start"}},[a]),Ee=l.useMemo(()=>{switch(a){case"center":return"center";case"end":return"right";case"start":default:return"left"}},[a]),Fe=l.useCallback((E,j,G,ee)=>r.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:se,width:"100%"},children:[r.jsx("div",{"data-controls":M?ee==null?void 0:ee.controlsName:void 0,"data-controls-axis":M?"y":void 0,className:M?`${s}-control`:void 0,style:{height:y((ee==null?void 0:ee.marginTop)??0)}}),r.jsx("div",{...ee!=null&&ee.dataMeasureKind?{"data-testimonial-measure":ee.dataMeasureKind}:{},style:{...Rt(E,n),textAlign:Ee,pointerEvents:"auto",...typeof(ee==null?void 0:ee.minHeightPx)=="number"&&ee.minHeightPx>0?{minHeight:ee.minHeightPx}:{}},children:r.jsx(ui,{content:j})})]},G),[se,Ee,n,M,s,y]),Re=l.useCallback((E,j,G)=>{var ee,ie,he;return r.jsxs("div",{style:{padding:`${y(T.top)} ${y(T.right)} ${y(T.bottom)} ${y(T.left)}`,width:y(R+I*2),height:"100%",borderRadius:y(b),border:`${y(I)} solid ${g}`,boxSizing:"border-box",position:"relative",overflow:"hidden"},children:[r.jsx("div",{className:`${s}-cover`,style:{background:v}}),r.jsxs("div",{className:`${s}-elements-overlay`,style:{alignItems:se,textAlign:Ee},children:[E.text&&Fe(Ae,E.text,"text",G!=null&&G.dataMeasureAttrs?{dataMeasureKind:"text"}:typeof(G==null?void 0:G.textMinHeightPx)=="number"&&G.textMinHeightPx>0?{minHeightPx:G.textMinHeightPx}:void 0),r.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:se,width:"100%"},children:[r.jsx("div",{"data-controls":M&&!(G!=null&&G.dataMeasureAttrs)?"logoMarginTop":void 0,className:M&&!(G!=null&&G.dataMeasureAttrs)?`${s}-control`:void 0,style:{height:y(w)}}),r.jsx("div",{style:{width:y($),height:y(S)},children:((ee=E.logo)==null?void 0:ee.url)&&r.jsx("img",{src:E.logo.url,alt:((ie=E.logo)==null?void 0:ie.name)??"",style:{pointerEvents:"auto",width:"100%",height:"100%",objectFit:((he=E.logo)==null?void 0:he.objectFit)||"contain"}})})]}),E.caption&&Fe(Z,E.caption,"caption",{...G!=null&&G.dataMeasureAttrs?{}:{controlsName:"captionMarginTop"},marginTop:z,...G!=null&&G.dataMeasureAttrs?{dataMeasureKind:"caption"}:typeof(G==null?void 0:G.captionMinHeightPx)=="number"&&G.captionMinHeightPx>0?{minHeightPx:G.captionMinHeightPx}:{}})]})]},j)},[v,z,Z,R,b,S,w,$,se,Ee,T.bottom,T.left,T.right,T.top,Fe,I,g,Ae,n,M,s]),Ie=l.useCallback(E=>{ue(E.maxTextPx),ae(E.maxCaptionPx)},[]);l.useLayoutEffect(()=>{if(!ge){Ie({maxTextPx:0,maxCaptionPx:0});return}const E=oe.current;if(!E)return;const j=()=>{P.readTestimonialTextMeasure(E,Ie)};j();const G=new ResizeObserver(j);return G.observe(E),()=>{G.disconnect()}},[ge,Ie,t,Re]);const _e=ge?{textMinHeightPx:W,captionMinHeightPx:h}:void 0,F=ge?r.jsx("div",{ref:oe,"aria-hidden":!0,style:{position:"absolute",left:0,top:0,width:"100%",visibility:"hidden",pointerEvents:"none",zIndex:-1},children:(t??[]).map((E,j)=>Re(E,`measure-${j}`,{dataMeasureAttrs:!0}))}):null,D=(E,j)=>r.jsxs("div",{style:{position:"relative",flex:"0 0 auto",height:"100%",transform:"translateZ(0)",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",willChange:"transform"},children:[Re(E,`card-${j}`,_e),M&&r.jsx("div",{"data-controls":"gap","data-controls-axis":"x",style:{position:"absolute",top:0,right:`calc(-1 * ${y(p)})`,width:y(p),height:"100%",pointerEvents:"auto",zIndex:2}})]},j);if(C){const E=L?O&&te?"paused":"running":"paused";return r.jsxs("div",{ref:k,className:Ye(`${s}-wrapper`,`${s}-marquee-wrapper`),"aria-label":"Testimonials",style:{overflow:"hidden",width:"100%",...Q>0?{height:Q}:{}},children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:La(s)}}),F,r.jsx("div",{ref:_,className:`${s}-marquee-track`,"data-direction":c,onMouseEnter:X,onMouseLeave:B,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":E},children:Array.from({length:U},(j,G)=>r.jsx("div",{ref:G===0?V:void 0,className:`${s}-marquee-set`,style:{display:"flex",flexDirection:"row",flex:"0 0 auto",gap:y(p),paddingRight:y(p)},"aria-hidden":G>0,children:t==null?void 0:t.map((ee,ie)=>D(ee,`${G}-${ie}`))},`set-${G}`))})]})}return r.jsxs("div",{className:`${s}-wrapper`,children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:La(s)}}),F,r.jsx("div",{style:{gap:y(p),justifyContent:"center",overflowX:"auto",display:"flex",flexDirection:"row"},"aria-label":"Testimonials",children:t==null?void 0:t.map((E,j)=>D(E,j))})]})},Du=`import { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
2411
2411
  import cn from 'classnames';
2412
2412
  import { CommonComponentProps } from '../props';
2413
2413
  import { RichTextRenderer } from '../helpers/RichTextRenderer/RichTextRenderer';
@@ -3022,7 +3022,7 @@ type TestimonialsSettings = {
3022
3022
  logoHeight: number;
3023
3023
  captionMarginTop: number;
3024
3024
  };
3025
- `,$a={fontSettings:{type:"object",scope:"common",display:{type:"font-settings"},properties:{fontWeight:{type:"number",scope:"common"},fontStyle:{type:"string",scope:"common"}}}},Bu={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:{...$a.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:{...$a.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"}]}]}]}},ju={element:Hu,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:Bu,sourceCode:Ou,assetsPaths:{content:[{path:"logo.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:[{path:"styles.text.fontSettings"},{path:"styles.caption.fontSettings"}]}};function zu(e){return`
3025
+ `,Ia={fontSettings:{type:"object",scope:"common",display:{type:"font-settings"},properties:{fontWeight:{type:"number",scope:"common"},fontStyle:{type:"string",scope:"common"}}}},qu={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:{...Ia.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:{...Ia.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"}]}]}]}},Ku={element:Vu,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:qu,sourceCode:Du,assetsPaths:{content:[{path:"logo.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:[{path:"styles.text.fontSettings"},{path:"styles.caption.fontSettings"}]}};function Gu(e){return`
3026
3026
  .${e}-container {
3027
3027
  position: relative;
3028
3028
  overflow-x: clip;
@@ -3146,7 +3146,7 @@ type TestimonialsSettings = {
3146
3146
  width: 100%;
3147
3147
  height: 100%;
3148
3148
  }
3149
- `}const Vu=3e3,Du=({settings:e,content:t,isEditor:n,isPreviewMode:i,isEditMode:o})=>{const{prefix:s}=E.useScopedStyles(),a=t||[],{speed:d,align:c,width:p,imageMarginTop:u,textMarginTop:T,captionMarginTop:w,imageWidth:L,imageHeight:m,controlsWidth:y,controlsColor:C,controlsHoverColor:b}=e,$=d>0&&(!n||!!i),[S,F]=l.useState(0),[P,k]=l.useState(null),[x,I]=l.useState(!1),G=l.useRef(null),f=l.useMemo(()=>{switch(c){case"center":return"center";case"end":return"flex-end";case"start":default:return"flex-start"}},[c]),R=l.useMemo(()=>{switch(c){case"center":return"center";case"end":return"right";case"start":default:return"left"}},[c]);l.useEffect(()=>{F(0),k(null),I(!1)},[a.length]);const M=a[S],j=P===null?null:a[P],Z=X=>{var K,B,N,re,$e;return{fontSettings:{fontFamily:(e==null?void 0:e[`${X}FontFamily`])??"Arial",fontWeight:((K=e==null?void 0:e[`${X}FontSettings`])==null?void 0:K.fontWeight)??400,fontStyle:((B=e==null?void 0:e[`${X}FontSettings`])==null?void 0:B.fontStyle)??"normal"},textAppearance:{textTransform:((N=e==null?void 0:e[`${X}TextAppearance`])==null?void 0:N.textTransform)??"none",textDecoration:((re=e==null?void 0:e[`${X}TextAppearance`])==null?void 0:re.textDecoration)??"none",fontVariant:(($e=e==null?void 0:e[`${X}TextAppearance`])==null?void 0:$e.fontVariant)??"normal"},fontSize:(e==null?void 0:e[`${X}FontSize`])??.01,lineHeight:(e==null?void 0:e[`${X}LineHeight`])??.01,letterSpacing:(e==null?void 0:e[`${X}LetterSpacing`])??0,wordSpacing:(e==null?void 0:e[`${X}WordSpacing`])??0,color:(e==null?void 0:e[`${X}Color`])??"#000000"}},ue=Z("text"),V=Z("caption"),_=a.length>1&&a.some(X=>{var de,K;return(((de=X.text)==null?void 0:de.length)??0)>0||(((K=X.caption)==null?void 0:K.length)??0)>0}),Q=l.useRef(null),[U,H]=l.useState(0),[J,oe]=l.useState(0),ie=e.controls??{mode:"Off",icon:null},W=a.length>1,ae=l.useCallback((X,de)=>!W||de===X?X:(G.current&&window.clearTimeout(G.current),k(X),I(!0),G.current=window.setTimeout(()=>{k(null),I(!1),G.current=null},300),de),[W]),g=l.useCallback(()=>{W&&F(X=>ae(X,(X-1+a.length)%a.length))},[W,ae,a.length]),te=l.useCallback(()=>{W&&F(X=>ae(X,(X+1)%a.length))},[W,ae,a.length]);l.useEffect(()=>{if(!$||!W)return;const X=Math.max(300,Vu/d),de=window.setInterval(()=>{F(K=>ae(K,(K+1)%a.length))},X);return()=>{window.clearInterval(de)}},[$,W,ae,a.length,d]),l.useEffect(()=>()=>{G.current&&window.clearTimeout(G.current)},[]);const ye=(X,de)=>{var $e,Ne,Ie,xe;const K=de==null?void 0:de.textMinHeightPx,B=de==null?void 0:de.captionMinHeightPx,N=de==null?void 0:de.dataMeasureAttrs,re=o&&!(de!=null&&de.dataMeasureAttrs)&&!(de!=null&&de.hideControls);return r.jsxs(r.Fragment,{children:[X.text&&r.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:f,width:"100%"},children:[r.jsx("div",{"data-controls":re?"textMarginTop":void 0,className:re?`${s}-control`:void 0,style:{height:E.scalingValue(T??0,n??!1)}}),r.jsx("div",{...N&&{"data-testimonial-measure":"text"},style:{..._t(ue,n),...K&&K>0?{minHeight:K}:{},textAlign:R,pointerEvents:"auto"},children:r.jsx(gi,{content:X.text})})]}),r.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:f,width:"100%"},children:[r.jsx("div",{"data-controls":re?"imageMarginTop":void 0,className:re?`${s}-control`:void 0,style:{height:E.scalingValue(u??0,n??!1)}}),r.jsx("div",{style:{width:E.scalingValue(L??0,n??!1),height:E.scalingValue(m??0,n??!1)},children:(($e=X.image)==null?void 0:$e.url)&&r.jsx("img",{src:(Ne=X.image)==null?void 0:Ne.url,alt:((Ie=X.image)==null?void 0:Ie.name)??"",className:`${s}-icon`,style:{objectFit:((xe=X.image)==null?void 0:xe.objectFit)||"contain"}})})]}),X.caption&&r.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:f,width:"100%"},children:[r.jsx("div",{"data-controls":re?"captionMarginTop":void 0,className:re?`${s}-control`:void 0,style:{height:E.scalingValue(w??0,n??!1)}}),r.jsx("div",{...N?{"data-testimonial-measure":"caption"}:{},style:{..._t(V,n),...B&&B>0?{minHeight:B}:{},textAlign:R,pointerEvents:"auto"},children:r.jsx(gi,{content:X.caption})})]})]})},me=l.useCallback(X=>{H(X.maxTextPx),oe(X.maxCaptionPx)},[]);if(l.useLayoutEffect(()=>{if(!_){me({maxTextPx:0,maxCaptionPx:0});return}const X=Q.current;if(!X)return;const de=()=>{E.readTestimonialTextMeasure(X,me)};de();const K=new ResizeObserver(de);return K.observe(X),()=>{K.disconnect()}},[_,me,t]),!M)return r.jsx(r.Fragment,{});const _e=_?{textMinHeightPx:U,captionMinHeightPx:J}:void 0;return r.jsx(r.Fragment,{children:r.jsxs("div",{className:`${s}-container`,children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:zu(s)}}),r.jsxs("div",{className:`${s}-wrapper`,style:{width:E.scalingValue(p??0,n??!1),alignItems:f},children:[_&&r.jsx("div",{ref:Q,"aria-hidden":!0,style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",visibility:"hidden",pointerEvents:"none",zIndex:-1},children:a.map((X,de)=>r.jsx("div",{style:{width:"100%"},children:ye(X,{dataMeasureAttrs:!0})},de))}),r.jsxs("div",{className:`${s}-fade-stack`,children:[j&&x&&r.jsx("div",{className:Je(`${s}-fade-item-prev`,`${s}-fade-out`),children:ye(j,{..._e,hideControls:!0})}),r.jsx("div",{className:Je(`${s}-fade-item-current`,x?`${s}-fade-in`:void 0),children:ye(M,_e)})]})]}),ie.mode==="On"&&r.jsxs("div",{className:`${s}-controls`,children:[r.jsx("div",{className:`${s}-arrow`,style:{width:E.scalingValue(y??.02,n??!1),height:E.scalingValue(y??.02,n??!1),"--arrow-hover-color":b},children:r.jsx("button",{type:"button",className:`${s}-arrow-inner`,onClick:g,disabled:!W,"aria-label":"Previous testimonial",children:ie.icon&&r.jsx(ln,{url:ie.icon,fill:C,hoverFill:b,className:Je(`${s}-arrow-img`,`${s}-mirror`)})})}),r.jsx("div",{className:Je(`${s}-arrow`,`${s}-next-arrow`),style:{width:E.scalingValue(y??.02,n??!1),height:E.scalingValue(y??.02,n??!1),"--arrow-hover-color":b},children:r.jsx("button",{type:"button",className:`${s}-arrow-inner`,onClick:te,disabled:!W,"aria-label":"Next testimonial",children:ie.icon&&r.jsx(ln,{url:ie.icon,fill:C,hoverFill:b,className:`${s}-arrow-img`})})})]})]})})},qu=`import cn from 'classnames';
3149
+ `}const Uu=3e3,Xu=({settings:e,content:t,isEditor:n,isPreviewMode:i,isEditMode:o})=>{const{prefix:s}=P.useScopedStyles(),a=t||[],{speed:u,align:c,width:m,imageMarginTop:p,textMarginTop:R,captionMarginTop:b,imageWidth:I,imageHeight:g,controlsWidth:v,controlsColor:T,controlsHoverColor:w}=e,$=u>0&&(!n||!!i),[S,z]=l.useState(0),[M,N]=l.useState(null),[L,C]=l.useState(!1),J=l.useRef(null),y=l.useMemo(()=>{switch(c){case"center":return"center";case"end":return"flex-end";case"start":default:return"flex-start"}},[c]),k=l.useMemo(()=>{switch(c){case"center":return"center";case"end":return"right";case"start":default:return"left"}},[c]);l.useEffect(()=>{z(0),N(null),C(!1)},[a.length]);const _=a[S],V=M===null?null:a[M],ne=Z=>{var U,X,B,se,Ee;return{fontSettings:{fontFamily:(e==null?void 0:e[`${Z}FontFamily`])??"Arial",fontWeight:((U=e==null?void 0:e[`${Z}FontSettings`])==null?void 0:U.fontWeight)??400,fontStyle:((X=e==null?void 0:e[`${Z}FontSettings`])==null?void 0:X.fontStyle)??"normal"},textAppearance:{textTransform:((B=e==null?void 0:e[`${Z}TextAppearance`])==null?void 0:B.textTransform)??"none",textDecoration:((se=e==null?void 0:e[`${Z}TextAppearance`])==null?void 0:se.textDecoration)??"none",fontVariant:((Ee=e==null?void 0:e[`${Z}TextAppearance`])==null?void 0:Ee.fontVariant)??"normal"},fontSize:(e==null?void 0:e[`${Z}FontSize`])??.01,lineHeight:(e==null?void 0:e[`${Z}LineHeight`])??.01,letterSpacing:(e==null?void 0:e[`${Z}LetterSpacing`])??0,wordSpacing:(e==null?void 0:e[`${Z}WordSpacing`])??0,color:(e==null?void 0:e[`${Z}Color`])??"#000000"}},me=ne("text"),K=ne("caption"),H=a.length>1&&a.some(Z=>{var ge,U;return(((ge=Z.text)==null?void 0:ge.length)??0)>0||(((U=Z.caption)==null?void 0:U.length)??0)>0}),Q=l.useRef(null),[Y,O]=l.useState(0),[te,ce]=l.useState(0),oe=e.controls??{mode:"Off",icon:null},W=a.length>1,ue=l.useCallback((Z,ge)=>!W||ge===Z?Z:(J.current&&window.clearTimeout(J.current),N(Z),C(!0),J.current=window.setTimeout(()=>{N(null),C(!1),J.current=null},300),ge),[W]),h=l.useCallback(()=>{W&&z(Z=>ue(Z,(Z-1+a.length)%a.length))},[W,ue,a.length]),ae=l.useCallback(()=>{W&&z(Z=>ue(Z,(Z+1)%a.length))},[W,ue,a.length]);l.useEffect(()=>{if(!$||!W)return;const Z=Math.max(300,Uu/u),ge=window.setInterval(()=>{z(U=>ue(U,(U+1)%a.length))},Z);return()=>{window.clearInterval(ge)}},[$,W,ue,a.length,u]),l.useEffect(()=>()=>{J.current&&window.clearTimeout(J.current)},[]);const be=(Z,ge)=>{var Ee,Fe,Re,Ie;const U=ge==null?void 0:ge.textMinHeightPx,X=ge==null?void 0:ge.captionMinHeightPx,B=ge==null?void 0:ge.dataMeasureAttrs,se=o&&!(ge!=null&&ge.dataMeasureAttrs)&&!(ge!=null&&ge.hideControls);return r.jsxs(r.Fragment,{children:[Z.text&&r.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:y,width:"100%"},children:[r.jsx("div",{"data-controls":se?"textMarginTop":void 0,className:se?`${s}-control`:void 0,style:{height:P.scalingValue(R??0,n??!1)}}),r.jsx("div",{...B&&{"data-testimonial-measure":"text"},style:{...Rt(me,n),...U&&U>0?{minHeight:U}:{},textAlign:k,pointerEvents:"auto"},children:r.jsx(ui,{content:Z.text})})]}),r.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:y,width:"100%"},children:[r.jsx("div",{"data-controls":se?"imageMarginTop":void 0,className:se?`${s}-control`:void 0,style:{height:P.scalingValue(p??0,n??!1)}}),r.jsx("div",{style:{width:P.scalingValue(I??0,n??!1),height:P.scalingValue(g??0,n??!1)},children:((Ee=Z.image)==null?void 0:Ee.url)&&r.jsx("img",{src:(Fe=Z.image)==null?void 0:Fe.url,alt:((Re=Z.image)==null?void 0:Re.name)??"",className:`${s}-icon`,style:{objectFit:((Ie=Z.image)==null?void 0:Ie.objectFit)||"contain"}})})]}),Z.caption&&r.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:y,width:"100%"},children:[r.jsx("div",{"data-controls":se?"captionMarginTop":void 0,className:se?`${s}-control`:void 0,style:{height:P.scalingValue(b??0,n??!1)}}),r.jsx("div",{...B?{"data-testimonial-measure":"caption"}:{},style:{...Rt(K,n),...X&&X>0?{minHeight:X}:{},textAlign:k,pointerEvents:"auto"},children:r.jsx(ui,{content:Z.caption})})]})]})},ye=l.useCallback(Z=>{O(Z.maxTextPx),ce(Z.maxCaptionPx)},[]);if(l.useLayoutEffect(()=>{if(!H){ye({maxTextPx:0,maxCaptionPx:0});return}const Z=Q.current;if(!Z)return;const ge=()=>{P.readTestimonialTextMeasure(Z,ye)};ge();const U=new ResizeObserver(ge);return U.observe(Z),()=>{U.disconnect()}},[H,ye,t]),!_)return r.jsx(r.Fragment,{});const Ae=H?{textMinHeightPx:Y,captionMinHeightPx:te}:void 0;return r.jsx(r.Fragment,{children:r.jsxs("div",{className:`${s}-container`,children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:Gu(s)}}),r.jsxs("div",{className:`${s}-wrapper`,style:{width:P.scalingValue(m??0,n??!1),alignItems:y},children:[H&&r.jsx("div",{ref:Q,"aria-hidden":!0,style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",visibility:"hidden",pointerEvents:"none",zIndex:-1},children:a.map((Z,ge)=>r.jsx("div",{style:{width:"100%"},children:be(Z,{dataMeasureAttrs:!0})},ge))}),r.jsxs("div",{className:`${s}-fade-stack`,children:[V&&L&&r.jsx("div",{className:Ye(`${s}-fade-item-prev`,`${s}-fade-out`),children:be(V,{...Ae,hideControls:!0})}),r.jsx("div",{className:Ye(`${s}-fade-item-current`,L?`${s}-fade-in`:void 0),children:be(_,Ae)})]})]}),oe.mode==="On"&&r.jsxs("div",{className:`${s}-controls`,children:[r.jsx("div",{className:`${s}-arrow`,style:{width:P.scalingValue(v??.02,n??!1),height:P.scalingValue(v??.02,n??!1),"--arrow-hover-color":w},children:r.jsx("button",{type:"button",className:`${s}-arrow-inner`,onClick:h,disabled:!W,"aria-label":"Previous testimonial",children:oe.icon&&r.jsx(nn,{url:oe.icon,fill:T,hoverFill:w,className:Ye(`${s}-arrow-img`,`${s}-mirror`)})})}),r.jsx("div",{className:Ye(`${s}-arrow`,`${s}-next-arrow`),style:{width:P.scalingValue(v??.02,n??!1),height:P.scalingValue(v??.02,n??!1),"--arrow-hover-color":w},children:r.jsx("button",{type:"button",className:`${s}-arrow-inner`,onClick:ae,disabled:!W,"aria-label":"Next testimonial",children:oe.icon&&r.jsx(nn,{url:oe.icon,fill:T,hoverFill:w,className:`${s}-arrow-img`})})})]})]})})},Yu=`import cn from 'classnames';
3150
3150
  import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
3151
3151
  import { CommonComponentProps } from '../props';
3152
3152
  import { RichTextRenderer } from '../helpers/RichTextRenderer/RichTextRenderer';
@@ -3642,11 +3642,11 @@ type TestimonialsSettings = {
3642
3642
  icon?: string | null;
3643
3643
  };
3644
3644
  };
3645
- `,Ku="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>'),Ca={fontSettings:{type:"object",scope:"common",display:{type:"font-settings"},properties:{fontWeight:{type:"number",scope:"common"},fontStyle:{type:"string",scope:"common"}}}},Gu={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:{...Ca.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:{...Ca.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:Ku},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"}]}]}]}},Uu={element:Du,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:Gu,sourceCode:qu,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[{path:"settings.controls.icon"}]},fontSettingsPaths:{content:[],parameters:[{path:"styles.text.fontSettings"},{path:"styles.caption.fontSettings"}]}};function Xu(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function Ta(e){return((e==null?void 0:e.trim().length)??0)>0}function tr(e,t,n,i){return t!==void 0&&t<(e??.01)?`${n} ${i}`:n}function nr(e,t,n,i){const o=e??.01;return t===void 0||t>=o?{}:{[`--${n}-title-leading-gap`]:E.scalingValue((o-t)/2,i)}}function Yu(e){return`
3645
+ `,Ju="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>'),Pa={fontSettings:{type:"object",scope:"common",display:{type:"font-settings"},properties:{fontWeight:{type:"number",scope:"common"},fontStyle:{type:"string",scope:"common"}}}},Zu={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:{...Pa.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:{...Pa.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:Ju},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"}]}]}]}},Qu={element:Xu,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:Zu,sourceCode:Yu,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[{path:"settings.controls.icon"}]},fontSettingsPaths:{content:[],parameters:[{path:"styles.text.fontSettings"},{path:"styles.caption.fontSettings"}]}};function ep(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function Ra(e){return((e==null?void 0:e.trim().length)??0)>0}function rr(e,t,n,i){return t!==void 0&&t<(e??.01)?`${n} ${i}`:n}function ar(e,t,n,i){const o=e??.01;return t===void 0||t>=o?{}:{[`--${n}-title-leading-gap`]:P.scalingValue((o-t)/2,i)}}function tp(e){return`
3646
3646
  .${e}-wrapper {
3647
3647
  display: grid;
3648
3648
  align-items: start;
3649
- min-height: ${Xu(48)};
3649
+ min-height: ${ep(48)};
3650
3650
  }
3651
3651
  .${e}-item {
3652
3652
  display: flex;
@@ -3845,7 +3845,7 @@ type TestimonialsSettings = {
3845
3845
  pointer-events: auto;
3846
3846
  z-index: 10;
3847
3847
  }
3848
- `}const Ut=500,Ju=750,rn="cubic-bezier(0.22, 1, 0.36, 1)",Zu=72,Qu=50;function ep(e){if(!Array.isArray(e)||e.length===0)return!1;const t=e[0];return t!==null&&typeof t=="object"&&"media"in t&&Array.isArray(t.media)}function tp(e){const[t,n]=e.media;return n!=null&&n.url?n:t!=null&&t.url?t:null}function np(e){const[t]=e.media;return t!=null&&t.url?t:null}function ip(e){return!Array.isArray(e)||e.length===0?[]:ep(e)?e.flatMap(t=>{const n=tp(t);if(!n)return[];const i=np(t);return[{displayMedia:n,lightboxMedia:i!=null&&i.url?i:null}]}):e.filter(t=>t==null?void 0:t.url).map(t=>({displayMedia:t,lightboxMedia:t}))}function Ei(e){return e.type==="video"}function op(e){e.pause(),e.removeAttribute("src"),e.load()}function La({media:e,className:t,style:n,onMediaClick:i}){return Ei(e)?r.jsx("video",{src:e.url,className:t,style:{...n,cursor:i?"pointer":"default"},muted:!0,autoPlay:!0,loop:!0,playsInline:!0,onClick:i}):r.jsx("img",{src:e.url,alt:e.name,className:t,style:{...n,cursor:i?"pointer":"default"},onClick:i})}function oo(e){const t=e.getBoundingClientRect();return{width:t.width,height:t.height,left:t.left,top:t.top}}function rp(e){return e instanceof HTMLVideoElement?{width:e.videoWidth,height:e.videoHeight}:{width:e.naturalWidth,height:e.naturalHeight}}function ap({src:e,phase:t,mediaRef:n,mediaStyle:i,onLoadedMetadata:o,onClick:s,onMouseMove:a,onTransitionEnd:d}){return l.useEffect(()=>{const c=n.current;if(c)return()=>{op(c)}},[e,n]),r.jsx("video",{ref:n,src:e,controls:t==="open",playsInline:!0,preload:"auto",onLoadedMetadata:o,onClick:s,onMouseMove:a,onTransitionEnd:d,style:i})}function sp({items:e,index:t,imageDisplay:n,originRect:i,reverseClose:o,onClose:s,onPrev:a,onNext:d,counterClassName:c,counterStyle:p}){const u=n==="cover",T=l.useRef(null),w=l.useRef(null),L=l.useRef(null),m=l.useRef(null),y=l.useRef(0),C=l.useRef(0),b=l.useRef("none"),$=l.useRef(!1),S=l.useRef(!1),F=l.useRef(!1),P=l.useRef(null),[k,x]=l.useState(null),[I,G]=l.useState(i?"opening":"open"),[f,R]=l.useState(!0),[M,j]=l.useState(0),[Z,ue]=l.useState(0),[V,_]=l.useState(!1),[Q,U]=l.useState(!1),[H,J]=l.useState(!1),oe=l.useRef(t),ie=e[t],W=ie?Ei(ie):!1,ae=Z!==0||V,g=l.useCallback(q=>{F.current=q,_(q)},[]),te=l.useCallback(()=>{P.current!==null&&(window.clearTimeout(P.current),P.current=null)},[]),ye=l.useCallback(()=>{te(),P.current=window.setTimeout(()=>{te(),g(!1)},Ut+32)},[te,g]),me=l.useCallback(()=>{const q=w.current,v=L.current;if(!q)return;const D=q.getBoundingClientRect(),O=D.width,ee=D.height;if(!O||!ee)return;if(n==="cover"){x({width:O,height:ee,left:D.left,top:D.top});return}if(!v){x(oo(q));return}const{width:se,height:pe}=rp(v);if(!se||!pe){x(oo(q));return}const Ce=se/pe,we=O/ee;if(Ce>we){const ve=O/Ce;x({width:O,height:ve,left:D.left,top:D.top+(ee-ve)/2})}else{const ve=ee*Ce;x({width:ve,height:ee,left:D.left+(O-ve)/2,top:D.top})}},[n]);l.useEffect(()=>{me();const q=w.current;if(!q)return;const v=new ResizeObserver(()=>me());return v.observe(q),()=>v.disconnect()},[me,t]),l.useEffect(()=>{I==="opening"&&k&&G("open")},[I,k]),l.useEffect(()=>{if(I!=="closing")return;const q=setTimeout(()=>s(),Ut);return()=>clearTimeout(q)},[I,s]),l.useEffect(()=>()=>{te()},[te]),l.useLayoutEffect(()=>{if(oe.current===t)return;te(),R(!1),j(0),ue(0),g(!1),J(!1),U(!1),y.current=0,C.current=0,b.current="none",$.current=!1,m.current=null,S.current=!1;const q=w.current;q&&x(oo(q)),oe.current=t},[t,g,te]),l.useEffect(()=>{if(I!=="open")return;const q=()=>{const pe=Ce=>{Ce.stopPropagation(),Ce.preventDefault(),document.removeEventListener("click",pe,!0)};document.addEventListener("click",pe,!0)},v=pe=>{te(),F.current=!1,_(!1),ue(0),U(!1),$.current=!1,C.current=0,b.current="none",R(!1);const Ce=w.current;Ce&&x(oo(Ce)),pe<0?d():a()},D=pe=>{if(Math.abs(pe)>Qu&&e.length>1){v(pe);return}g(!0),ue(0),ye()},O=pe=>{if(pe.touches.length!==1||F.current)return;const Ce=pe.touches[0];S.current=!0,m.current={x:Ce.clientX,y:Ce.clientY},b.current="none",C.current=0,$.current=!1},ee=pe=>{if(!m.current||pe.touches.length!==1||F.current)return;const Ce=pe.touches[0],we=Ce.clientX-m.current.x,ve=Ce.clientY-m.current.y;if(b.current==="none"){if(Math.abs(we)<10&&Math.abs(ve)<10)return;if(Math.abs(we)>Math.abs(ve)){if(e.length<=1)return;b.current="horizontal"}else if(ve>0)b.current="vertical";else return}if(b.current==="horizontal"){$.current=!0,U(!0),C.current=we,ue(we),pe.preventDefault();return}b.current==="vertical"&&($.current=!0,U(!0),y.current=ve,j(ve),pe.preventDefault())},se=()=>{if(!m.current)return;const pe=b.current,Ce=$.current;if(Ce&&pe==="horizontal")D(C.current),q();else if(Ce&&pe==="vertical"){if(y.current>Zu){const ve=window.innerHeight;y.current=ve,J(!0),j(ve),G("closing")}else y.current=0,j(0);q()}else pe==="horizontal"&&Math.abs(C.current)>0&&(D(C.current),q());m.current=null,b.current="none",C.current=0,$.current=!1,U(!1)};return document.addEventListener("touchstart",O,{passive:!0}),document.addEventListener("touchmove",ee,{passive:!1}),document.addEventListener("touchend",se),document.addEventListener("touchcancel",se),()=>{document.removeEventListener("touchstart",O),document.removeEventListener("touchmove",ee),document.removeEventListener("touchend",se),document.removeEventListener("touchcancel",se)}},[I,e.length,d,a,g,ye]),l.useEffect(()=>{const q=v=>{v.key==="Escape"&&(v.preventDefault(),v.stopPropagation(),I!=="closing"&&G("closing"))};return window.addEventListener("keydown",q,!0),()=>window.removeEventListener("keydown",q,!0)},[I]);const _e=()=>{I!=="closing"&&G("closing")},X=I==="open",de=I==="closing",K=de&&o&&!!i&&!H,B=M>0?Math.max(0,1-M/500):1,N=M>0?Math.max(.35,1-M/500):1,re=I==="opening"?i??k:K?i:k,$e=q=>{if(q.stopPropagation(),S.current){S.current=!1;return}if(e.length<=1)return;const v=q.currentTarget.getBoundingClientRect(),D=q.clientY-v.top,O=Math.min(52,v.height*.2);if(!(D>v.height-O)){if(q.clientX-v.left<v.width/2){a();return}d()}},Ne=q=>{if(e.length<=1)return;const v=q.currentTarget.getBoundingClientRect(),D=q.clientX-v.left,O=q.clientY-v.top,ee=Math.min(52,v.height*.2);if(O>v.height-ee){q.currentTarget.style.cursor="default";return}q.currentTarget.style.cursor=D<v.width/2?"w-resize":"e-resize"},Ie=l.useCallback(q=>{q.propertyName!=="transform"||!F.current||(te(),g(!1))},[te,g]),xe=ae?`translateX(${Z}px)`:M>0?`translateY(${M}px)`:void 0,Fe={position:"fixed",top:re==null?void 0:re.top,left:re==null?void 0:re.left,width:re==null?void 0:re.width,height:re==null?void 0:re.height,objectFit:n==="cover"?"cover":"contain",transform:xe,opacity:M>0?N:de&&!K?0:1,transition:Q&&!V?"none":V?`transform ${Ut}ms ${rn}`:H?`transform ${Ut}ms ${rn}, opacity ${Ut}ms ${rn}`:de&&!K?`opacity ${Ut}ms ${rn}`:K||f?`top ${Ut}ms ${rn}, left ${Ut}ms ${rn}, width ${Ut}ms ${rn}, height ${Ut}ms ${rn}`:"none",pointerEvents:W&&X&&!ae?"auto":"none",touchAction:W&&X?"none":void 0,zIndex:9998},z=k?{position:"fixed",top:k.top,height:k.height,width:k.width/2,zIndex:9999}:null;return r.jsxs("div",{ref:T,style:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:9997,touchAction:I==="open"?"none":void 0},onClick:_e,children:[r.jsx("div",{style:{position:"absolute",inset:0,background:"rgba(28,31,34,0.9)",opacity:X?B:0,transition:Q?"none":`opacity ${Ut}ms ${rn}`,pointerEvents:"none"}}),r.jsx("div",{style:{position:"relative",width:"100%",height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},children:u?r.jsxs(r.Fragment,{children:[r.jsx("div",{ref:w,style:{position:"absolute",inset:0}}),r.jsx("div",{style:{position:"absolute",bottom:0,left:0,right:0,display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",height:"10%",opacity:X?1:0,transition:`opacity ${Ut}ms ${rn}`,pointerEvents:"none",zIndex:9999},children:e.length>1&&r.jsxs("p",{className:c,style:p,children:[t+1," / ",e.length]})})]}):r.jsxs(r.Fragment,{children:[r.jsx("div",{style:{height:"10%"}}),r.jsx("div",{style:{width:"70%",height:"80%",display:"flex",justifyContent:"center",alignItems:"center"},children:r.jsx("div",{ref:w,style:{width:"100%",height:"100%"}})}),r.jsx("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",height:"10%",opacity:X?1:0,transition:`opacity ${Ut}ms ${rn}`},children:e.length>1&&r.jsxs("p",{className:c,style:p,children:[t+1," / ",e.length]})})]})}),re&&ie&&(W?r.jsx(ap,{src:ie.url,phase:I,mediaRef:L,mediaStyle:Fe,onLoadedMetadata:me,onClick:$e,onMouseMove:Ne,onTransitionEnd:Ie},`${t}-${ie.url}`):r.jsx("img",{ref:L,src:ie.url,alt:ie.name,onLoad:me,onTransitionEnd:Ie,style:Fe},`${t}-${ie.url}`)),X&&z&&e.length>1&&!W&&r.jsxs(r.Fragment,{children:[r.jsx("div",{style:{...z,left:k.left,cursor:"w-resize",pointerEvents:ae?"none":"auto"},onClick:q=>{if(S.current){S.current=!1;return}q.stopPropagation(),a()}}),r.jsx("div",{style:{...z,left:k.left+k.width/2,cursor:"e-resize",pointerEvents:ae?"none":"auto"},onClick:q=>{if(S.current){S.current=!1;return}q.stopPropagation(),d()}})]})]})}function lp(e){return typeof e=="string"?e==="cover"?"cover":"fit":(e==null?void 0:e.display)==="cover"?"cover":"fit"}function cp({settings:e,content:t,isEditor:n,isPreviewMode:i,isEditMode:o,metadata:s,activeEvent:a,layoutId:d}){const{prefix:c}=E.useScopedStyles(),{type:p="a",gridLayout:u,textBoxWidth:T=100,verticalGap:w,entriesCount:L,lightbox:m,imageDisplay:y,lightboxImageDisplay:C,slider:b,sliderTiming:$,direction:S,transition:F,titleMarginTop:P,subtitleMarginTop:k,titleColor:x,subtitleColor:I,lightboxCounterColor:G,titleFontFamily:f,titleFontSettings:R,titleFontSize:M,titleLineHeight:j,titleLetterSpacing:Z,titleWordSpacing:ue,titleTextAppearance:V,subtitleFontFamily:_,subtitleFontSettings:Q,subtitleFontSize:U,subtitleLineHeight:H,subtitleLetterSpacing:J,subtitleWordSpacing:oe,subtitleTextAppearance:ie,lightboxCounterFontFamily:W,lightboxCounterFontSettings:ae,lightboxCounterFontSize:g,lightboxCounterLineHeight:te,lightboxCounterLetterSpacing:ye,lightboxCounterWordSpacing:me,lightboxCounterTextAppearance:_e,showText:X="always",alignEntries:de="off"}=e,K={fontSettings:{fontFamily:f,fontWeight:(R==null?void 0:R.fontWeight)??400,fontStyle:(R==null?void 0:R.fontStyle)??"normal"},fontSize:M??.01,lineHeight:j,letterSpacing:Z??0,wordSpacing:ue??0,textAppearance:V,color:x},N={...Zt(_t(K,n))},re={fontSettings:{fontFamily:_,fontWeight:(Q==null?void 0:Q.fontWeight)??400,fontStyle:(Q==null?void 0:Q.fontStyle)??"normal"},fontSize:U??.01,lineHeight:H,letterSpacing:J??0,wordSpacing:oe??0,textAppearance:ie,color:I},Ne={...Zt(_t(re,n))},Ie={fontSettings:{fontFamily:W,fontWeight:(ae==null?void 0:ae.fontWeight)??400,fontStyle:(ae==null?void 0:ae.fontStyle)??"normal"},fontSize:g??.01,lineHeight:te,letterSpacing:ye??0,wordSpacing:me??0,textAppearance:_e,color:G},Fe={...Zt(_t(Ie,n)),...nr(g,te,c,n)},z=tr(M,j,`${c}-item-title`,`${c}-text-tight-leading`),q=tr(U,H,`${c}-item-subtitle`,`${c}-text-tight-leading`),v=nr(M,j,c,n),D=nr(U,H,c,n),O=tr(g,te,`${c}-lightbox-counter`,`${c}-text-tight-leading`),ee=E.buildColorVars(c,{titleColor:x,subtitleColor:I,lightboxCounterColor:G},dp,up),Ce=`${a&&a!=="default"?`${c}-state-${a}`:""}${X==="on hover"&&(!n||i)?` ${c}-show-text-hover`:""}`.trim(),we=L===0?1/0:L,ve=(t??[]).slice(0,we),Ge=u.entryWidth??.2,ge=(y==null?void 0:y.display)==="cover",ke=(y==null?void 0:y.ratioValue)??"1:1",ze=(y==null?void 0:y.reversed)??!1,[Le,ot]=ke.split(":").map(Number),Ke=`${ze?ot:Le} / ${ze?Le:ot}`,st=E.scalingValue(Ge??0,n),Ct=!ge&&b!=="off",It={width:st,...ge?{aspectRatio:Ke,height:"auto",overflow:"hidden"}:{height:"auto"}},Rt=`${c}-item-image-wrapper${Ct?` ${c}-item-image-wrapper-fit-slider`:""}`.trim(),Se=p==="c",He=Se&&de==="on",Xe=`calc(${E.scalingValue(Ge??0,n)} * (${T} / 100))`,Ue=E.scalingValue(Ge*T/100,n),Nt=ge?{objectFit:"cover",pointerEvents:"auto",width:"100%",height:"100%",maxWidth:"100%"}:{objectFit:"contain",pointerEvents:"auto",width:"auto",height:"auto",maxWidth:"100%"},[Ot,Ht]=l.useState("ltr"),[zt,dn]=l.useState(0),Oe=l.useRef(null);l.useEffect(()=>{const De=Oe.current;if(!De)return;const Wt=new ResizeObserver(le=>{dn(Math.round(le[0].contentRect.width))});return Wt.observe(De),()=>Wt.disconnect()},[]);const Tt=(()=>{const De={...ee},Wt=Oe.current?getComputedStyle(Oe.current).getPropertyValue("--cntrl-article-width").trim():"";return Wt&&(De["--cntrl-article-width"]=Wt),De})(),[lt,et]=l.useState(!1),[gt,qt]=l.useState([]),[Kt,tn]=l.useState(0),[hn,Ye]=l.useState(null),nn=m==="on"&&(!n||i),At=(De,Wt,le)=>{if(n&&!i||m==="off")return;const be=De.currentTarget.getBoundingClientRect();Ye({top:be.top,left:be.left,width:be.width,height:be.height}),qt(Wt),tn(le),et(!0)};l.useEffect(()=>{if(!lt||m!=="on"||typeof document>"u")return;const De=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=De}},[lt,m]),l.useEffect(()=>{!n||i||(et(!1),Ye(null))},[n,i]);const kt=l.useMemo(()=>Yu(c),[c]);return r.jsxs(r.Fragment,{children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:kt}}),r.jsx("div",{style:ee,children:r.jsx("div",{ref:Oe,className:`${c}-wrapper ${c}-type-${p}${He?` ${c}-align-entries`:""} ${Ce}`.trim(),style:{gridTemplateColumns:`repeat(${u.columnsCount}, minmax(0, 1fr))`,rowGap:He?0:E.scalingValue(w??0,n),columnGap:E.scalingValue(u.horizontalGap??0,n),width:E.scalingValue(u.wrapperWidth??0,n),...He?{[`--${c}-align-entries-row-gap`]:E.scalingValue(w??0,n)}:{}},children:ve.map((De,Wt)=>{var St;const le=Ta(De.title),be=Ta(De.subtitle),Pe=(((St=De.link)==null?void 0:St.length)??0)>0&&m==="off"?De.link:void 0,Ve=Math.floor(Wt/u.columnsCount)===Math.ceil(ve.length/u.columnsCount)-1,ht=Se?r.jsxs("div",{className:`${c}-item-text-block`,children:[le&&r.jsx("p",{className:z,style:{width:Xe,...N,...v},children:De.title}),le&&r.jsx("div",{"data-controls":o?"titleMarginTop":void 0,className:o?`${c}-control`:void 0,style:{height:E.scalingValue(P??0,n),width:Ue}}),be&&r.jsx("p",{className:q,style:{width:Xe,...Ne,...D},children:De.subtitle}),be&&r.jsx("div",{"data-controls":o?"subtitleMarginTop":void 0,className:o?`${c}-control`:void 0,style:{height:E.scalingValue(k??0,n),width:Ue}})]}):null,wt=Se?r.jsxs("div",{className:`${c}-item-title-row`,children:[le&&r.jsx("p",{className:z,style:{width:Xe,...N,...v},children:De.title}),le&&r.jsx("div",{"data-controls":o?"titleMarginTop":void 0,className:o?`${c}-control`:void 0,style:{height:E.scalingValue(P??0,n),width:Ue}})]}):null,Me=Se?r.jsxs("div",{className:`${c}-item-subtitle-row`,children:[be&&r.jsx("p",{className:q,style:{width:Xe,...Ne,...D},children:De.subtitle}),be&&r.jsx("div",{"data-controls":o?"subtitleMarginTop":void 0,className:o?`${c}-control`:void 0,style:{height:E.scalingValue(k??0,n),width:Ue}})]}):null,ft=Pe?r.jsxs("a",{href:Pe,target:"_blank",className:`${c}-item-text-link`,children:[wt,Me]}):r.jsxs(r.Fragment,{children:[wt,Me]}),qe=ip(De.gallery),rt=qe.filter(Be=>Be.lightboxMedia).map(Be=>Be.lightboxMedia),Qe=r.jsx("div",{className:Rt,style:It,children:qe.length===0?null:b==="off"?(()=>{const{displayMedia:Be,lightboxMedia:xt}=qe[0],at=xt?rt.findIndex(vt=>vt.url===xt.url):-1;return r.jsx(La,{media:Be,className:`${c}-item-${Ei(Be)?"video":"image"}`.trim(),style:Nt,onMediaClick:nn&&at>=0?vt=>At(vt,rt,at):void 0})})():r.jsxs(r.Fragment,{children:[Ct&&r.jsx("div",{className:`${c}-item-image-wrapper-sizer`,"aria-hidden":"true",children:qe.map(({displayMedia:Be})=>Ei(Be)?r.jsx("video",{src:Be.url,muted:!0,playsInline:!0},`sizer-${Be.url}`):r.jsx("img",{src:Be.url,alt:""},`sizer-${Be.url}`))}),r.jsx(Dr,{className:`${c}-item-slider`,options:{arrows:!1,pagination:!1,drag:!1,perPage:1,autoplay:!0,interval:$*1e3,width:"100%",height:"100%",speed:Ju,type:F==="fade"?"fade":"loop",rewind:F==="fade",pauseOnHover:!1,pauseOnFocus:!1,direction:F==="fade"?"ltr":S!=="random"?S==="horizontal"?"ltr":"ttb":Ot},onMoved:Be=>{if(S!=="random"||F==="fade")return;const xt=Math.random()>.5?Math.random()>.5?"rtl":"ltr":"ttb";Ht(xt),setTimeout(()=>{Be.refresh()},0)},children:qe.map(({displayMedia:Be,lightboxMedia:xt},at)=>{const vt=xt?rt.findIndex(Mt=>Mt.url===xt.url):-1;return r.jsx(qr,{children:r.jsx(La,{media:Be,className:`${c}-item-${Ei(Be)?"video":"image"}`.trim(),style:Nt,onMediaClick:nn&&vt>=0?Mt=>At(Mt,rt,vt):void 0})},at)})},`${F}-${Ge}-${S}-${$}-${zt}-${d}`)]})}),Pt=Se?null:r.jsxs(r.Fragment,{children:[r.jsx("div",{"data-controls":o&&le?"titleMarginTop":void 0,className:o&&le?`${c}-control`:void 0,style:{height:le?E.scalingValue(P??0,n):0,width:Ue}}),r.jsx("p",{className:z,style:{width:Xe,...N,...v},children:De.title}),r.jsx("div",{"data-controls":o&&be?"subtitleMarginTop":void 0,className:o&&be?`${c}-control`:void 0,style:{height:be?E.scalingValue(k??0,n):0,width:Ue}}),r.jsx("p",{className:q,style:{width:Xe,...Ne,...D},children:De.subtitle})]});return r.jsx("div",{className:`${c}-item`.trim(),children:r.jsx("div",{className:`${o?`${c}-item-inner`:`${c}-item-inner-hidden`}${He&&Ve?` ${c}-item-inner-last-row`:""}`.trim(),style:{width:(T??0)>100?`calc(${E.scalingValue(Ge??0,n)} * (${T} / 100))`:E.scalingValue(Ge??0,n)},children:He?r.jsxs(r.Fragment,{children:[ft,r.jsx("a",{href:Pe,target:"_blank",className:`${c}-item-image-link`,children:Qe})]}):r.jsxs("a",{href:Pe,target:"_blank",className:`${c}-item-image-link`,children:[ht,Qe,Pt]})})},Wt)})})}),(!n||i)&&lt&&typeof document<"u"&&m==="on"&&Oi.createPortal(r.jsx("div",{style:Tt,"data-selection":"none",children:r.jsx(sp,{items:gt,index:Kt,imageDisplay:lp(C),originRect:hn,reverseClose:b==="off",onClose:()=>et(!1),onPrev:()=>tn(De=>(De-1+gt.length)%gt.length),onNext:()=>tn(De=>(De+1)%gt.length),counterClassName:O,counterStyle:Fe})}),document.body)]})}const dp={titleColor:"title-color",subtitleColor:"subtitle-color",lightboxCounterColor:"lightbox-counter-color"},up=["hover","focus","filled","success","error"],pp=`import { Splide, SplideSlide } from '@splidejs/react-splide';
3848
+ `}const zt=500,np=750,Qt="cubic-bezier(0.22, 1, 0.36, 1)",ip=72,op=50;function rp(e){if(!Array.isArray(e)||e.length===0)return!1;const t=e[0];return t!==null&&typeof t=="object"&&"media"in t&&Array.isArray(t.media)}function ap(e){const[t,n]=e.media;return n!=null&&n.url?n:t!=null&&t.url?t:null}function sp(e){const[t]=e.media;return t!=null&&t.url?t:null}function lp(e){return!Array.isArray(e)||e.length===0?[]:rp(e)?e.flatMap(t=>{const n=ap(t);if(!n)return[];const i=sp(t);return[{displayMedia:n,lightboxMedia:i!=null&&i.url?i:null}]}):e.filter(t=>t==null?void 0:t.url).map(t=>({displayMedia:t,lightboxMedia:t}))}function Ci(e){return e.type==="video"}function cp(e){e.pause(),e.removeAttribute("src"),e.load()}function Aa({media:e,className:t,style:n,onMediaClick:i}){return Ci(e)?r.jsx("video",{src:e.url,className:t,style:{...n,cursor:i?"pointer":"default"},muted:!0,autoPlay:!0,loop:!0,playsInline:!0,onClick:i}):r.jsx("img",{src:e.url,alt:e.name,className:t,style:{...n,cursor:i?"pointer":"default"},onClick:i})}function ro(e){const t=e.getBoundingClientRect();return{width:t.width,height:t.height,left:t.left,top:t.top}}function dp(e){return e instanceof HTMLVideoElement?{width:e.videoWidth,height:e.videoHeight}:{width:e.naturalWidth,height:e.naturalHeight}}function up({src:e,phase:t,mediaRef:n,mediaStyle:i,onLoadedMetadata:o,onClick:s,onMouseMove:a,onTransitionEnd:u}){return l.useEffect(()=>{const c=n.current;if(c)return()=>{cp(c)}},[e,n]),r.jsx("video",{ref:n,src:e,controls:t==="open",playsInline:!0,preload:"auto",onLoadedMetadata:o,onClick:s,onMouseMove:a,onTransitionEnd:u,style:i})}function pp({items:e,index:t,imageDisplay:n,originRect:i,reverseClose:o,onClose:s,onPrev:a,onNext:u,counterClassName:c,counterStyle:m}){const p=n==="cover",R=l.useRef(null),b=l.useRef(null),I=l.useRef(null),g=l.useRef(null),v=l.useRef(0),T=l.useRef(0),w=l.useRef("none"),$=l.useRef(!1),S=l.useRef(!1),z=l.useRef(!1),M=l.useRef(null),[N,L]=l.useState(null),[C,J]=l.useState(i?"opening":"open"),[y,k]=l.useState(!0),[_,V]=l.useState(0),[ne,me]=l.useState(0),[K,H]=l.useState(!1),[Q,Y]=l.useState(!1),[O,te]=l.useState(!1),ce=l.useRef(t),oe=e[t],W=oe?Ci(oe):!1,ue=ne!==0||K,h=l.useCallback(D=>{z.current=D,H(D)},[]),ae=l.useCallback(()=>{M.current!==null&&(window.clearTimeout(M.current),M.current=null)},[]),be=l.useCallback(()=>{ae(),M.current=window.setTimeout(()=>{ae(),h(!1)},zt+32)},[ae,h]),ye=l.useCallback(()=>{const D=b.current,E=I.current;if(!D)return;const j=D.getBoundingClientRect(),G=j.width,ee=j.height;if(!G||!ee)return;if(n==="cover"){L({width:G,height:ee,left:j.left,top:j.top});return}if(!E){L(ro(D));return}const{width:ie,height:he}=dp(E);if(!ie||!he){L(ro(D));return}const Se=ie/he,$e=G/ee;if(Se>$e){const fe=G/Se;L({width:G,height:fe,left:j.left,top:j.top+(ee-fe)/2})}else{const fe=ee*Se;L({width:fe,height:ee,left:j.left+(G-fe)/2,top:j.top})}},[n]);l.useEffect(()=>{ye();const D=b.current;if(!D)return;const E=new ResizeObserver(()=>ye());return E.observe(D),()=>E.disconnect()},[ye,t]),l.useEffect(()=>{C==="opening"&&N&&J("open")},[C,N]),l.useEffect(()=>{if(C!=="closing")return;const D=setTimeout(()=>s(),zt);return()=>clearTimeout(D)},[C,s]),l.useEffect(()=>()=>{ae()},[ae]),l.useLayoutEffect(()=>{if(ce.current===t)return;ae(),k(!1),V(0),me(0),h(!1),te(!1),Y(!1),v.current=0,T.current=0,w.current="none",$.current=!1,g.current=null,S.current=!1;const D=b.current;D&&L(ro(D)),ce.current=t},[t,h,ae]),l.useEffect(()=>{if(C!=="open")return;const D=()=>{const he=Se=>{Se.stopPropagation(),Se.preventDefault(),document.removeEventListener("click",he,!0)};document.addEventListener("click",he,!0)},E=he=>{ae(),z.current=!1,H(!1),me(0),Y(!1),$.current=!1,T.current=0,w.current="none",k(!1);const Se=b.current;Se&&L(ro(Se)),he<0?u():a()},j=he=>{if(Math.abs(he)>op&&e.length>1){E(he);return}h(!0),me(0),be()},G=he=>{if(he.touches.length!==1||z.current)return;const Se=he.touches[0];S.current=!0,g.current={x:Se.clientX,y:Se.clientY},w.current="none",T.current=0,$.current=!1},ee=he=>{if(!g.current||he.touches.length!==1||z.current)return;const Se=he.touches[0],$e=Se.clientX-g.current.x,fe=Se.clientY-g.current.y;if(w.current==="none"){if(Math.abs($e)<10&&Math.abs(fe)<10)return;if(Math.abs($e)>Math.abs(fe)){if(e.length<=1)return;w.current="horizontal"}else if(fe>0)w.current="vertical";else return}if(w.current==="horizontal"){$.current=!0,Y(!0),T.current=$e,me($e),he.preventDefault();return}w.current==="vertical"&&($.current=!0,Y(!0),v.current=fe,V(fe),he.preventDefault())},ie=()=>{if(!g.current)return;const he=w.current,Se=$.current;if(Se&&he==="horizontal")j(T.current),D();else if(Se&&he==="vertical"){if(v.current>ip){const fe=window.innerHeight;v.current=fe,te(!0),V(fe),J("closing")}else v.current=0,V(0);D()}else he==="horizontal"&&Math.abs(T.current)>0&&(j(T.current),D());g.current=null,w.current="none",T.current=0,$.current=!1,Y(!1)};return document.addEventListener("touchstart",G,{passive:!0}),document.addEventListener("touchmove",ee,{passive:!1}),document.addEventListener("touchend",ie),document.addEventListener("touchcancel",ie),()=>{document.removeEventListener("touchstart",G),document.removeEventListener("touchmove",ee),document.removeEventListener("touchend",ie),document.removeEventListener("touchcancel",ie)}},[C,e.length,u,a,h,be]),l.useEffect(()=>{const D=E=>{E.key==="Escape"&&(E.preventDefault(),E.stopPropagation(),C!=="closing"&&J("closing"))};return window.addEventListener("keydown",D,!0),()=>window.removeEventListener("keydown",D,!0)},[C]);const Ae=()=>{C!=="closing"&&J("closing")},Z=C==="open",ge=C==="closing",U=ge&&o&&!!i&&!O,X=_>0?Math.max(0,1-_/500):1,B=_>0?Math.max(.35,1-_/500):1,se=C==="opening"?i??N:U?i:N,Ee=D=>{if(D.stopPropagation(),S.current){S.current=!1;return}if(e.length<=1)return;const E=D.currentTarget.getBoundingClientRect(),j=D.clientY-E.top,G=Math.min(52,E.height*.2);if(!(j>E.height-G)){if(D.clientX-E.left<E.width/2){a();return}u()}},Fe=D=>{if(e.length<=1)return;const E=D.currentTarget.getBoundingClientRect(),j=D.clientX-E.left,G=D.clientY-E.top,ee=Math.min(52,E.height*.2);if(G>E.height-ee){D.currentTarget.style.cursor="default";return}D.currentTarget.style.cursor=j<E.width/2?"w-resize":"e-resize"},Re=l.useCallback(D=>{D.propertyName!=="transform"||!z.current||(ae(),h(!1))},[ae,h]),Ie=ue?`translateX(${ne}px)`:_>0?`translateY(${_}px)`:void 0,_e={position:"fixed",top:se==null?void 0:se.top,left:se==null?void 0:se.left,width:se==null?void 0:se.width,height:se==null?void 0:se.height,objectFit:n==="cover"?"cover":"contain",transform:Ie,opacity:_>0?B:ge&&!U?0:1,transition:Q&&!K?"none":K?`transform ${zt}ms ${Qt}`:O?`transform ${zt}ms ${Qt}, opacity ${zt}ms ${Qt}`:ge&&!U?`opacity ${zt}ms ${Qt}`:U||y?`top ${zt}ms ${Qt}, left ${zt}ms ${Qt}, width ${zt}ms ${Qt}, height ${zt}ms ${Qt}`:"none",pointerEvents:W&&Z&&!ue?"auto":"none",touchAction:W&&Z?"none":void 0,zIndex:9998},F=N?{position:"fixed",top:N.top,height:N.height,width:N.width/2,zIndex:9999}:null;return r.jsxs("div",{ref:R,style:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:9997,touchAction:C==="open"?"none":void 0},onClick:Ae,children:[r.jsx("div",{style:{position:"absolute",inset:0,background:"rgba(28,31,34,0.9)",opacity:Z?X:0,transition:Q?"none":`opacity ${zt}ms ${Qt}`,pointerEvents:"none"}}),r.jsx("div",{style:{position:"relative",width:"100%",height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},children:p?r.jsxs(r.Fragment,{children:[r.jsx("div",{ref:b,style:{position:"absolute",inset:0}}),r.jsx("div",{style:{position:"absolute",bottom:0,left:0,right:0,display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",height:"10%",opacity:Z?1:0,transition:`opacity ${zt}ms ${Qt}`,pointerEvents:"none",zIndex:9999},children:e.length>1&&r.jsxs("p",{className:c,style:m,children:[t+1," / ",e.length]})})]}):r.jsxs(r.Fragment,{children:[r.jsx("div",{style:{height:"10%"}}),r.jsx("div",{style:{width:"70%",height:"80%",display:"flex",justifyContent:"center",alignItems:"center"},children:r.jsx("div",{ref:b,style:{width:"100%",height:"100%"}})}),r.jsx("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",height:"10%",opacity:Z?1:0,transition:`opacity ${zt}ms ${Qt}`},children:e.length>1&&r.jsxs("p",{className:c,style:m,children:[t+1," / ",e.length]})})]})}),se&&oe&&(W?r.jsx(up,{src:oe.url,phase:C,mediaRef:I,mediaStyle:_e,onLoadedMetadata:ye,onClick:Ee,onMouseMove:Fe,onTransitionEnd:Re},`${t}-${oe.url}`):r.jsx("img",{ref:I,src:oe.url,alt:oe.name,onLoad:ye,onTransitionEnd:Re,style:_e},`${t}-${oe.url}`)),Z&&F&&e.length>1&&!W&&r.jsxs(r.Fragment,{children:[r.jsx("div",{style:{...F,left:N.left,cursor:"w-resize",pointerEvents:ue?"none":"auto"},onClick:D=>{if(S.current){S.current=!1;return}D.stopPropagation(),a()}}),r.jsx("div",{style:{...F,left:N.left+N.width/2,cursor:"e-resize",pointerEvents:ue?"none":"auto"},onClick:D=>{if(S.current){S.current=!1;return}D.stopPropagation(),u()}})]})]})}function mp(e){return typeof e=="string"?e==="cover"?"cover":"fit":(e==null?void 0:e.display)==="cover"?"cover":"fit"}function gp({settings:e,content:t,isEditor:n,isPreviewMode:i,isEditMode:o,metadata:s,activeEvent:a,layoutId:u}){const{prefix:c}=P.useScopedStyles(),{type:m="a",gridLayout:p,textBoxWidth:R=100,verticalGap:b,entriesCount:I,lightbox:g,imageDisplay:v,lightboxImageDisplay:T,slider:w,sliderTiming:$,direction:S,transition:z,titleMarginTop:M,subtitleMarginTop:N,titleColor:L,subtitleColor:C,lightboxCounterColor:J,titleFontFamily:y,titleFontSettings:k,titleFontSize:_,titleLineHeight:V,titleLetterSpacing:ne,titleWordSpacing:me,titleTextAppearance:K,subtitleFontFamily:H,subtitleFontSettings:Q,subtitleFontSize:Y,subtitleLineHeight:O,subtitleLetterSpacing:te,subtitleWordSpacing:ce,subtitleTextAppearance:oe,lightboxCounterFontFamily:W,lightboxCounterFontSettings:ue,lightboxCounterFontSize:h,lightboxCounterLineHeight:ae,lightboxCounterLetterSpacing:be,lightboxCounterWordSpacing:ye,lightboxCounterTextAppearance:Ae,showText:Z="always",alignEntries:ge="off"}=e,U={fontSettings:{fontFamily:y,fontWeight:(k==null?void 0:k.fontWeight)??400,fontStyle:(k==null?void 0:k.fontStyle)??"normal"},fontSize:_??.01,lineHeight:V,letterSpacing:ne??0,wordSpacing:me??0,textAppearance:K,color:L},B={...Ut(Rt(U,n))},se={fontSettings:{fontFamily:H,fontWeight:(Q==null?void 0:Q.fontWeight)??400,fontStyle:(Q==null?void 0:Q.fontStyle)??"normal"},fontSize:Y??.01,lineHeight:O,letterSpacing:te??0,wordSpacing:ce??0,textAppearance:oe,color:C},Fe={...Ut(Rt(se,n))},Re={fontSettings:{fontFamily:W,fontWeight:(ue==null?void 0:ue.fontWeight)??400,fontStyle:(ue==null?void 0:ue.fontStyle)??"normal"},fontSize:h??.01,lineHeight:ae,letterSpacing:be??0,wordSpacing:ye??0,textAppearance:Ae,color:J},_e={...Ut(Rt(Re,n)),...ar(h,ae,c,n)},F=rr(_,V,`${c}-item-title`,`${c}-text-tight-leading`),D=rr(Y,O,`${c}-item-subtitle`,`${c}-text-tight-leading`),E=ar(_,V,c,n),j=ar(Y,O,c,n),G=rr(h,ae,`${c}-lightbox-counter`,`${c}-text-tight-leading`),ee=P.buildColorVars(c,{titleColor:L,subtitleColor:C,lightboxCounterColor:J},hp,fp),Se=`${a&&a!=="default"?`${c}-state-${a}`:""}${Z==="on hover"&&(!n||i)?` ${c}-show-text-hover`:""}`.trim(),$e=I===0?1/0:I,fe=(t??[]).slice(0,$e),Ge=p.entryWidth??.2,de=(v==null?void 0:v.display)==="cover",Me=(v==null?void 0:v.ratioValue)??"1:1",je=(v==null?void 0:v.reversed)??!1,[Ve,at]=Me.split(":").map(Number),mt=`${je?at:Ve} / ${je?Ve:at}`,ft=P.scalingValue(Ge??0,n),Ft=!de&&w!=="off",It={width:ft,...de?{aspectRatio:mt,height:"auto",overflow:"hidden"}:{height:"auto"}},Ue=`${c}-item-image-wrapper${Ft?` ${c}-item-image-wrapper-fit-slider`:""}`.trim(),Ce=m==="c",qe=Ce&&ge==="on",Qe=`calc(${P.scalingValue(Ge??0,n)} * (${R} / 100))`,Oe=P.scalingValue(Ge*R/100,n),$t=de?{objectFit:"cover",pointerEvents:"auto",width:"100%",height:"100%",maxWidth:"100%"}:{objectFit:"contain",pointerEvents:"auto",width:"auto",height:"auto",maxWidth:"100%"},[At,Je]=l.useState("ltr"),[Mt,Ht]=l.useState(0),We=l.useRef(null);l.useEffect(()=>{const ze=We.current;if(!ze)return;const vt=new ResizeObserver(le=>{Ht(Math.round(le[0].contentRect.width))});return vt.observe(ze),()=>vt.disconnect()},[]);const yt=(()=>{const ze={...ee},vt=We.current?getComputedStyle(We.current).getPropertyValue("--cntrl-article-width").trim():"";return vt&&(ze["--cntrl-article-width"]=vt),ze})(),[et,Xe]=l.useState(!1),[ot,ut]=l.useState([]),[un,rn]=l.useState(0),[Wn,nt]=l.useState(null),an=g==="on"&&(!n||i),Vt=(ze,vt,le)=>{if(n&&!i||g==="off")return;const xe=ze.currentTarget.getBoundingClientRect();nt({top:xe.top,left:xe.left,width:xe.width,height:xe.height}),ut(vt),rn(le),Xe(!0)};l.useEffect(()=>{if(!et||g!=="on"||typeof document>"u")return;const ze=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=ze}},[et,g]),l.useEffect(()=>{!n||i||(Xe(!1),nt(null))},[n,i]);const jt=l.useMemo(()=>tp(c),[c]);return r.jsxs(r.Fragment,{children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:jt}}),r.jsx("div",{style:ee,children:r.jsx("div",{ref:We,className:`${c}-wrapper ${c}-type-${m}${qe?` ${c}-align-entries`:""} ${Se}`.trim(),style:{gridTemplateColumns:`repeat(${p.columnsCount}, minmax(0, 1fr))`,rowGap:qe?0:P.scalingValue(b??0,n),columnGap:P.scalingValue(p.horizontalGap??0,n),width:P.scalingValue(p.wrapperWidth??0,n),...qe?{[`--${c}-align-entries-row-gap`]:P.scalingValue(b??0,n)}:{}},children:fe.map((ze,vt)=>{var St;const le=Ra(ze.title),xe=Ra(ze.subtitle),Pe=(((St=ze.link)==null?void 0:St.length)??0)>0&&g==="off"?ze.link:void 0,Ne=Math.floor(vt/p.columnsCount)===Math.ceil(fe.length/p.columnsCount)-1,tt=Ce?r.jsxs("div",{className:`${c}-item-text-block`,children:[le&&r.jsx("p",{className:F,style:{width:Qe,...B,...E},children:ze.title}),le&&r.jsx("div",{"data-controls":o?"titleMarginTop":void 0,className:o?`${c}-control`:void 0,style:{height:P.scalingValue(M??0,n),width:Oe}}),xe&&r.jsx("p",{className:D,style:{width:Qe,...Fe,...j},children:ze.subtitle}),xe&&r.jsx("div",{"data-controls":o?"subtitleMarginTop":void 0,className:o?`${c}-control`:void 0,style:{height:P.scalingValue(N??0,n),width:Oe}})]}):null,bt=Ce?r.jsxs("div",{className:`${c}-item-title-row`,children:[le&&r.jsx("p",{className:F,style:{width:Qe,...B,...E},children:ze.title}),le&&r.jsx("div",{"data-controls":o?"titleMarginTop":void 0,className:o?`${c}-control`:void 0,style:{height:P.scalingValue(M??0,n),width:Oe}})]}):null,Te=Ce?r.jsxs("div",{className:`${c}-item-subtitle-row`,children:[xe&&r.jsx("p",{className:D,style:{width:Qe,...Fe,...j},children:ze.subtitle}),xe&&r.jsx("div",{"data-controls":o?"subtitleMarginTop":void 0,className:o?`${c}-control`:void 0,style:{height:P.scalingValue(N??0,n),width:Oe}})]}):null,it=Pe?r.jsxs("a",{href:Pe,target:"_blank",className:`${c}-item-text-link`,children:[bt,Te]}):r.jsxs(r.Fragment,{children:[bt,Te]}),De=lp(ze.gallery),rt=De.filter(Be=>Be.lightboxMedia).map(Be=>Be.lightboxMedia),pt=r.jsx("div",{className:Ue,style:It,children:De.length===0?null:w==="off"?(()=>{const{displayMedia:Be,lightboxMedia:xt}=De[0],Ct=xt?rt.findIndex(wt=>wt.url===xt.url):-1;return r.jsx(Aa,{media:Be,className:`${c}-item-${Ci(Be)?"video":"image"}`.trim(),style:$t,onMediaClick:an&&Ct>=0?wt=>Vt(wt,rt,Ct):void 0})})():r.jsxs(r.Fragment,{children:[Ft&&r.jsx("div",{className:`${c}-item-image-wrapper-sizer`,"aria-hidden":"true",children:De.map(({displayMedia:Be})=>Ci(Be)?r.jsx("video",{src:Be.url,muted:!0,playsInline:!0},`sizer-${Be.url}`):r.jsx("img",{src:Be.url,alt:""},`sizer-${Be.url}`))}),r.jsx(Ur,{className:`${c}-item-slider`,options:{arrows:!1,pagination:!1,drag:!1,perPage:1,autoplay:!0,interval:$*1e3,width:"100%",height:"100%",speed:np,type:z==="fade"?"fade":"loop",rewind:z==="fade",pauseOnHover:!1,pauseOnFocus:!1,direction:z==="fade"?"ltr":S!=="random"?S==="horizontal"?"ltr":"ttb":At},onMoved:Be=>{if(S!=="random"||z==="fade")return;const xt=Math.random()>.5?Math.random()>.5?"rtl":"ltr":"ttb";Je(xt),setTimeout(()=>{Be.refresh()},0)},children:De.map(({displayMedia:Be,lightboxMedia:xt},Ct)=>{const wt=xt?rt.findIndex(Dt=>Dt.url===xt.url):-1;return r.jsx(Xr,{children:r.jsx(Aa,{media:Be,className:`${c}-item-${Ci(Be)?"video":"image"}`.trim(),style:$t,onMediaClick:an&&wt>=0?Dt=>Vt(Dt,rt,wt):void 0})},Ct)})},`${z}-${Ge}-${S}-${$}-${Mt}-${u}`)]})}),kt=Ce?null:r.jsxs(r.Fragment,{children:[r.jsx("div",{"data-controls":o&&le?"titleMarginTop":void 0,className:o&&le?`${c}-control`:void 0,style:{height:le?P.scalingValue(M??0,n):0,width:Oe}}),r.jsx("p",{className:F,style:{width:Qe,...B,...E},children:ze.title}),r.jsx("div",{"data-controls":o&&xe?"subtitleMarginTop":void 0,className:o&&xe?`${c}-control`:void 0,style:{height:xe?P.scalingValue(N??0,n):0,width:Oe}}),r.jsx("p",{className:D,style:{width:Qe,...Fe,...j},children:ze.subtitle})]});return r.jsx("div",{className:`${c}-item`.trim(),children:r.jsx("div",{className:`${o?`${c}-item-inner`:`${c}-item-inner-hidden`}${qe&&Ne?` ${c}-item-inner-last-row`:""}`.trim(),style:{width:(R??0)>100?`calc(${P.scalingValue(Ge??0,n)} * (${R} / 100))`:P.scalingValue(Ge??0,n)},children:qe?r.jsxs(r.Fragment,{children:[it,r.jsx("a",{href:Pe,target:"_blank",className:`${c}-item-image-link`,children:pt})]}):r.jsxs("a",{href:Pe,target:"_blank",className:`${c}-item-image-link`,children:[tt,pt,kt]})})},vt)})})}),(!n||i)&&et&&typeof document<"u"&&g==="on"&&Ni.createPortal(r.jsx("div",{style:yt,"data-selection":"none",children:r.jsx(pp,{items:ot,index:un,imageDisplay:mp(T),originRect:Wn,reverseClose:w==="off",onClose:()=>Xe(!1),onPrev:()=>rn(ze=>(ze-1+ot.length)%ot.length),onNext:()=>rn(ze=>(ze+1)%ot.length),counterClassName:G,counterStyle:_e})}),document.body)]})}const hp={titleColor:"title-color",subtitleColor:"subtitle-color",lightboxCounterColor:"lightbox-counter-color"},fp=["hover","focus","filled","success","error"],yp=`import { Splide, SplideSlide } from '@splidejs/react-splide';
3849
3849
  import '@splidejs/react-splide/css/core';
3850
3850
  import { CommonComponentProps } from '../props';
3851
3851
  import { buildColorVars, getFormFieldValidationError, scalingValue, useScopedStyles } from '../utils/index';
@@ -5459,11 +5459,11 @@ const COLOR_VAR_MAP: Record<ColorKeys, string> = {
5459
5459
  };
5460
5460
 
5461
5461
  const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
5462
- `,ir={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},mp=["titleColor","subtitleColor","lightboxCounterColor"],gp={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"}},gallery:{type:"array",label:"Gallery",display:{type:"media-pair-list-input"},items:{type:"object",properties:{media:{type:"array",items:{type:"object",properties:{url:{type:"string"},name:{type:"string"},type:{type:"string",enum:["image","video"]},objectFit:{type:"string",enum:["cover","contain"]}}}}}}},link:{type:"string",label:"Link",placeholder:"Add link...",display:{type:"text-input"}}},required:["gallery"]},default:[{title:"Flying Over the Old Town",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",gallery:[{media:[{url:"https://cdn.cntrl.site/component-assets/grid(1).webp",name:"",objectFit:"cover"},{url:"",name:"",objectFit:"cover"}]}],link:""},{title:"Doors of Matera",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",gallery:[{media:[{url:"https://cdn.cntrl.site/component-assets/grid(2).webp",name:"",objectFit:"cover"},{url:"",name:"",objectFit:"cover"}]}],link:""},{title:"Cattedrale di Santa Maria",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",gallery:[{media:[{url:"https://cdn.cntrl.site/component-assets/grid(3).webp",name:"",objectFit:"cover"},{url:"",name:"",objectFit:"cover"}]}],link:""},{title:"City Through the Cracks",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",gallery:[{media:[{url:"https://cdn.cntrl.site/component-assets/grid(4).webp",name:"",objectFit:"cover"},{url:"",name:"",objectFit:"cover"}]}],link:""},{title:"Private Stone Gardens",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",gallery:[{media:[{url:"https://cdn.cntrl.site/component-assets/grid(5).webp",name:"",objectFit:"cover"},{url:"",name:"",objectFit:"cover"}]},{media:[{url:"https://cdn.cntrl.site/component-assets/grid(6).webp",name:"",objectFit:"cover"},{url:"",name:"",objectFit:"cover"}]},{media:[{url:"https://cdn.cntrl.site/component-assets/grid(7).webp",name:"",objectFit:"cover"},{url:"",name:"",objectFit:"cover"}]}],link:""},{title:"Leaving the Old Town",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",gallery:[{media:[{url:"https://cdn.cntrl.site/component-assets/grid(8).webp",name:"",objectFit:"cover"},{url:"",name:"",objectFit:"cover"}]}],link:""},{title:"Under the Sun",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",gallery:[{media:[{url:"https://cdn.cntrl.site/component-assets/grid(9).webp",name:"",objectFit:"cover"},{url:"",name:"",objectFit:"cover"}]}],link:""},{title:"Citygates View",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",gallery:[{media:[{url:"https://cdn.cntrl.site/component-assets/grid(10).webp",name:"",objectFit:"cover"},{url:"",name:"",objectFit:"cover"}]}],link:""},{title:"Around the City",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",gallery:[{media:[{url:"https://cdn.cntrl.site/component-assets/grid(11).webp",name:"",objectFit:"cover"},{url:"",name:"",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:{...ir.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:{...ir.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:{...ir.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:[...mp],panelIds:["general","typeStyle"],stateItems:{default:["titleColor","subtitleColor","lightboxCounterColor"]}}},hp={element:cp,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:"gallery.media.url",placeholderEnabled:!0}],parameters:[]},schema:gp,sourceCode:pp},Ea=12;function fp(e,t="50%"){const n={position:"absolute",width:Ea,height:Ea,pointerEvents:"auto"};return e==="left-y"?{...n,left:20,top:"50%",transform:"translateY(-50%)"}:e==="center-x"?{...n,left:"50%",top:t,transform:"translate(-50%, -50%)"}:{...n,left:"50%",top:"50%",transform:"translate(-50%, -50%)"}}function Ft({className:e,areaStyle:t,hitPlacement:n,centerXHitTop:i,...o}){return r.jsx("div",{className:e,style:{...t,pointerEvents:"none"},"data-controls-center-only-drag":"",...o,children:r.jsx("div",{style:fp(n,i)})})}function yp(e){if(e.type==="video")return!0;if(e.type==="image")return!1;const t=e.name??"";return/\.(mp4|webm|ogg|mov)(\?|$)/i.test(t)?!0:/\.(mp4|webm|ogg|mov)(\?|$)/i.test(e.url)}function vp({media:e,className:t,style:n}){const i=l.useRef(null);return l.useEffect(()=>{if(!e.isVideo)return;const o=i.current;if(!o)return;const s=o.play();s&&s.catch(()=>{})},[e.isVideo,e.url]),e.isVideo?r.jsx("video",{ref:i,className:t,src:e.url,style:n,muted:!0,loop:!0,autoPlay:!0,playsInline:!0,preload:"auto"}):r.jsx("img",{className:t,src:e.url,alt:"",style:n})}function vo(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function bp(e){return String(e??"").trim().length>0}function Ia(e,t){const n=e.currentTarget,i=n.getBoundingClientRect(),o=e.clientY-i.top>i.height/2;n.classList.toggle(`${t}-reveal-from-bottom`,o)}function Pa(e,t){const n=e.currentTarget,i=n.getBoundingClientRect(),o=e.clientY<i.top+i.height/2;n.classList.toggle(`${t}-reveal-from-bottom`,o)}function Ra(e,t,n,i,o,s,a){const d=E.scalingValue(s,a),c=E.scalingValue(0,a),p=e===0,u=e===t-1&&!o;return{borderTopWidth:p&&n?d:c,borderBottomWidth:!u||i?d:c}}function xp(e,t,n){const i=E.scalingValue(t,n),o=E.scalingValue(0,n);return{borderTopWidth:o,borderBottomWidth:e?i:o}}const Aa=10;function wp(e){return`
5462
+ `,sr={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},vp=["titleColor","subtitleColor","lightboxCounterColor"],bp={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"}},gallery:{type:"array",label:"Gallery",display:{type:"media-pair-list-input"},items:{type:"object",properties:{media:{type:"array",items:{type:"object",properties:{url:{type:"string"},name:{type:"string"},type:{type:"string",enum:["image","video"]},objectFit:{type:"string",enum:["cover","contain"]}}}}}}},link:{type:"string",label:"Link",placeholder:"Add link...",display:{type:"text-input"}}},required:["gallery"]},default:[{title:"Flying Over the Old Town",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",gallery:[{media:[{url:"https://cdn.cntrl.site/component-assets/grid(1).webp",name:"",objectFit:"cover"},{url:"",name:"",objectFit:"cover"}]}],link:""},{title:"Doors of Matera",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",gallery:[{media:[{url:"https://cdn.cntrl.site/component-assets/grid(2).webp",name:"",objectFit:"cover"},{url:"",name:"",objectFit:"cover"}]}],link:""},{title:"Cattedrale di Santa Maria",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",gallery:[{media:[{url:"https://cdn.cntrl.site/component-assets/grid(3).webp",name:"",objectFit:"cover"},{url:"",name:"",objectFit:"cover"}]}],link:""},{title:"City Through the Cracks",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",gallery:[{media:[{url:"https://cdn.cntrl.site/component-assets/grid(4).webp",name:"",objectFit:"cover"},{url:"",name:"",objectFit:"cover"}]}],link:""},{title:"Private Stone Gardens",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",gallery:[{media:[{url:"https://cdn.cntrl.site/component-assets/grid(5).webp",name:"",objectFit:"cover"},{url:"",name:"",objectFit:"cover"}]},{media:[{url:"https://cdn.cntrl.site/component-assets/grid(6).webp",name:"",objectFit:"cover"},{url:"",name:"",objectFit:"cover"}]},{media:[{url:"https://cdn.cntrl.site/component-assets/grid(7).webp",name:"",objectFit:"cover"},{url:"",name:"",objectFit:"cover"}]}],link:""},{title:"Leaving the Old Town",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",gallery:[{media:[{url:"https://cdn.cntrl.site/component-assets/grid(8).webp",name:"",objectFit:"cover"},{url:"",name:"",objectFit:"cover"}]}],link:""},{title:"Under the Sun",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",gallery:[{media:[{url:"https://cdn.cntrl.site/component-assets/grid(9).webp",name:"",objectFit:"cover"},{url:"",name:"",objectFit:"cover"}]}],link:""},{title:"Citygates View",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",gallery:[{media:[{url:"https://cdn.cntrl.site/component-assets/grid(10).webp",name:"",objectFit:"cover"},{url:"",name:"",objectFit:"cover"}]}],link:""},{title:"Around the City",subtitle:"Leica M6 / SUMMICRON-M 50mm F2/ PORTRA 400",gallery:[{media:[{url:"https://cdn.cntrl.site/component-assets/grid(11).webp",name:"",objectFit:"cover"},{url:"",name:"",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:{...sr.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:{...sr.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:{...sr.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:[...vp],panelIds:["general","typeStyle"],stateItems:{default:["titleColor","subtitleColor","lightboxCounterColor"]}}},xp={element:gp,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:"gallery.media.url",placeholderEnabled:!0}],parameters:[]},schema:bp,sourceCode:yp},Ma=12;function wp(e,t="50%"){const n={position:"absolute",width:Ma,height:Ma,pointerEvents:"auto"};return e==="left-y"?{...n,left:20,top:"50%",transform:"translateY(-50%)"}:e==="center-x"?{...n,left:"50%",top:t,transform:"translate(-50%, -50%)"}:{...n,left:"50%",top:"50%",transform:"translate(-50%, -50%)"}}function _t({className:e,areaStyle:t,hitPlacement:n,centerXHitTop:i,...o}){return r.jsx("div",{className:e,style:{...t,pointerEvents:"none"},"data-controls-center-only-drag":"",...o,children:r.jsx("div",{style:wp(n,i)})})}function Sp(e){if(e.type==="video")return!0;if(e.type==="image")return!1;const t=e.name??"";return/\.(mp4|webm|ogg|mov)(\?|$)/i.test(t)?!0:/\.(mp4|webm|ogg|mov)(\?|$)/i.test(e.url)}function $p({media:e,className:t,style:n}){const i=l.useRef(null);return l.useEffect(()=>{if(!e.isVideo)return;const o=i.current;if(!o)return;const s=o.play();s&&s.catch(()=>{})},[e.isVideo,e.url]),e.isVideo?r.jsx("video",{ref:i,className:t,src:e.url,style:n,muted:!0,loop:!0,autoPlay:!0,playsInline:!0,preload:"auto"}):r.jsx("img",{className:t,src:e.url,alt:"",style:n})}function xo(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function Cp(e){return String(e??"").trim().length>0}function ka(e,t){const n=e.currentTarget,i=n.getBoundingClientRect(),o=e.clientY-i.top>i.height/2;n.classList.toggle(`${t}-reveal-from-bottom`,o)}function _a(e,t){const n=e.currentTarget,i=n.getBoundingClientRect(),o=e.clientY<i.top+i.height/2;n.classList.toggle(`${t}-reveal-from-bottom`,o)}function Wa(e,t,n,i,o,s,a){const u=P.scalingValue(s,a),c=P.scalingValue(0,a),m=e===0,p=e===t-1&&!o;return{borderTopWidth:m&&n?u:c,borderBottomWidth:!p||i?u:c}}function Tp(e,t,n){const i=P.scalingValue(t,n),o=P.scalingValue(0,n);return{borderTopWidth:o,borderBottomWidth:e?i:o}}const Fa=10;function Lp(e){return`
5463
5463
  .${e}-wrapper {
5464
5464
  display: grid;
5465
5465
  align-items: start;
5466
- min-height: ${vo(48)};
5466
+ min-height: ${xo(48)};
5467
5467
  position: relative;
5468
5468
  overflow: visible;
5469
5469
  box-sizing: border-box;
@@ -5585,7 +5585,7 @@ a.${e}-list-item {
5585
5585
  flex-shrink: 0;
5586
5586
  overflow: visible;
5587
5587
  box-sizing: border-box;
5588
- min-width: ${vo(50)};
5588
+ min-width: ${xo(50)};
5589
5589
  position: relative;
5590
5590
  display: flex;
5591
5591
  align-items: flex-start;
@@ -5593,7 +5593,7 @@ a.${e}-list-item {
5593
5593
 
5594
5594
  .${e}-list-col-last {
5595
5595
  flex: 1 1 auto;
5596
- min-width: ${vo(50)};
5596
+ min-width: ${xo(50)};
5597
5597
  }
5598
5598
 
5599
5599
  .${e}-list-col-title {
@@ -5890,7 +5890,7 @@ a.${e}-list-item {
5890
5890
  overflow-wrap: anywhere;
5891
5891
  word-break: break-word;
5892
5892
  }
5893
- `}const Wn=["AColumn","BColumnWidth","CColumnWidth","DColumnWidth","EColumnWidth"],Kr=["AColumn","BColumn","CColumn","DColumn","EColumn"],Tn="cutLabel",Gr=[...Kr,Tn],zo=["A","B","C","D","E"];function Bs(e){return`${e}ColumnVerticalAlign`}const wr=["Top","Center","Bottom"];function Ur(e){const t=String(e??"Top").trim();if(t.toLowerCase().startsWith("baseline")){const i=t.slice(-1).toUpperCase();return zo.includes(i)?`Baseline ${i}`:"Top"}const n=t.toLowerCase();return n==="center"?"Center":n==="bottom"?"Bottom":n==="top"?"Top":t}function Sp(e){const t=Ur(e);return t.toLowerCase().startsWith("baseline")?!1:t==="Top"||t==="Center"||t==="Bottom"}function $p(e){const t=String(e??"").trim();if(!t.toLowerCase().startsWith("baseline"))return null;const n=t.slice(-1).toUpperCase();return zo.includes(n)?n:null}function js(e,t,n){const i=$p(e);return i?i===t?!1:Sp(n[Bs(i)]):!0}function Fi(e){const t=Ur(e);if(t.toLowerCase().startsWith("baseline")){const n=t.slice(-1).toUpperCase();return zo.includes(n)?{kind:"baseline",anchorLetter:n}:{kind:"top"}}return t==="Center"?{kind:"center"}:t==="Bottom"?{kind:"bottom"}:{kind:"top"}}function Cp(e,t,n){if(zs(e,t,n))return Fi(e);const i=Fi(e);return i.kind==="baseline"?{kind:"top"}:i}function Tp(e){const t=Fi(e);return t.kind==="baseline"?{kind:"top"}:t}function zs(e,t,n){return js(e,n,t)?Fi(e).kind==="baseline":!1}function Lp(e){const t={};let n=!1;for(const i of zo){const o=Bs(i),s=e[o];if(e.type==="b"){const a=String(s??"Top").trim();a!=="Top"&&a!=="Center"&&a!=="Bottom"&&(t[o]="Top",n=!0);continue}js(s,i,e)||(t[o]="Top",n=!0)}return n?t:null}function Ep(e){return e==="center"?{flex:"0 0 auto",marginTop:"auto",marginBottom:"auto"}:e==="bottom"?{flex:"0 0 auto",marginTop:"auto"}:{}}function Ip(e){const t=Fi(e).kind;return t==="baseline"?"center":t}function Pp(e){return e==="right"?"flex-end":e==="center"?"center":"flex-start"}function Ma(e){return e==="center"?"center":e==="bottom"?"flex-end":"flex-start"}function Rp(e,t){const n=document.createElement("i");n.className=t,n.setAttribute("aria-hidden","true"),e.prepend(n);const{top:i}=e.getBoundingClientRect(),{bottom:o}=n.getBoundingClientRect(),s=o-i;return n.remove(),s}function or(e,t,n,i){const o=e.titleEl;if(!o)return 0;const s=o.closest(`.${n}`);if(!s)return 0;const a=Rp(o,i);if(e.kind==="baseline")return o.getBoundingClientRect().top-t+a;const d=s.getBoundingClientRect(),c=o.getBoundingClientRect().height;let p=0;return e.kind==="center"?p=(d.height-c)/2:e.kind==="bottom"&&(p=d.height-c),d.top-t+p+a}function Ap(e,t,n){const i=e.getBoundingClientRect().height;return i<=0?0:(t.forEach(o=>{const s=o.querySelector(`.${n}`);s&&(s.style.minHeight=`${i}px`,s.style.height=`${i}px`)}),i)}function Mp(e,t){return!e||!t?(e&&(e.style.transform=""),0):(e.style.transform=`translateY(${t}px)`,t)}const _p={AColumn:"AColumn",BColumnWidth:"BColumn",CColumnWidth:"CColumn",DColumnWidth:"DColumn",EColumnWidth:"EColumn"};function Ze(e,t){return`${e}${t.replace(/^text/,"Text")}`}const kp={AColumn:"A",BColumn:"B",CColumn:"C",DColumn:"D",EColumn:"E",cutLabel:"CUT"};function Wp(e){return[Ze(e,"textFontFamily"),Ze(e,"textFontSettings"),{type:"row",items:[Ze(e,"textFontSize"),Ze(e,"textLineHeight"),Ze(e,"textLetterSpacing"),Ze(e,"textWordSpacing")]},Ze(e,"textTextAlign"),Ze(e,"textTextAppearance"),`${e}VerticalAlign`]}function Fp(){return{type:"tab",id:"listColumnTextStyle",tabs:Object.fromEntries(Gr.map(e=>[kp[e],Wp(e)]))}}function Io(e,t){const n=i=>{const o=Ze(t,i);return e[o]};return{textFontFamily:n("textFontFamily")??"Arial",textFontSettings:n("textFontSettings")??{fontWeight:400,fontStyle:"normal"},textFontSize:n("textFontSize"),textLineHeight:n("textLineHeight"),textLetterSpacing:n("textLetterSpacing")??0,textWordSpacing:n("textWordSpacing")??0,textTextAlign:n("textTextAlign")??(t===Tn?"center":"left"),textTextAppearance:n("textTextAppearance"),textColor:e.textColor}}function _a(e,t){var i,o;const n={fontSettings:{fontFamily:e.textFontFamily,fontWeight:((i=e.textFontSettings)==null?void 0:i.fontWeight)??400,fontStyle:((o=e.textFontSettings)==null?void 0:o.fontStyle)??"normal"},fontSize:e.textFontSize??.01,lineHeight:e.textLineHeight,letterSpacing:e.textLetterSpacing,wordSpacing:e.textWordSpacing,textAlign:e.textTextAlign,textAppearance:e.textTextAppearance,color:e.textColor??"#767676"};return Zt(_t(n,t))}function ka(e,t,n,i){const o=Io(e,t),s=o.textFontSize??.01,a=o.textLineHeight;return a!==void 0&&a<s?`${n} ${i}`:n}function Wa(e,t,n,i){const o=Io(e,t),s=o.textFontSize??.01,a=o.textLineHeight;return a===void 0||a>=s?{}:{[`--${n}-title-leading-gap`]:E.scalingValue((s-a)/2,i)}}const Qt=["AColumnWidth","BColumnWidth","CColumnWidth","DColumnWidth","EColumnWidth"],hi=["AColumnPaddingLeft","BColumnPaddingLeft","CColumnPaddingLeft","DColumnPaddingLeft","EColumnPaddingLeft"],fi=["AColumnPaddingRight","BColumnPaddingRight","CColumnPaddingRight","DColumnPaddingRight","EColumnPaddingRight"],yi=["AColumnPaddingBottom","BColumnPaddingBottom","CColumnPaddingBottom","DColumnPaddingBottom","EColumnPaddingBottom"],Np={textColor:"text-color",backgroundColor:"background-color",dividerColor:"divider-color",textHoverColor:"text-hover-color",backgroundHoverColor:"background-hover-color",dividerHoverColor:"divider-hover-color"},Hp=["hover","focus","filled","success","error"],Fa=.004,ai=.004,rr=ai,Xr=50,Ni=1440,Hi=Xr/Ni;function Vs(e){const t=typeof e=="number"&&e>0?e:Ni;return Xr/t}function Op(e){let t=e??null;for(;t;){const n=t.style.getPropertyValue("--cntrl-article-width").trim();if(n){const o=parseFloat(n);if(Number.isFinite(o)&&o>0)return o}const i=getComputedStyle(t).getPropertyValue("--cntrl-article-width").trim();if(i){const o=parseFloat(i);if(Number.isFinite(o)&&o>0)return o}t=t.parentElement}return Ni}const Ds={AColumnWidth:.02,BColumnWidth:.02,CColumnWidth:.02,DColumnWidth:.02,EColumnWidth:.02};function Ii(e){const t=typeof e.wrapperWidth=="number"?e.wrapperWidth:1;return Math.max(0,t)}function Bp(e,t=1){const n=t/e;return Object.fromEntries(Qt.map(i=>[i,n]))}function jp(){return Object.fromEntries([...hi.map(e=>[e,0]),...fi.map(e=>[e,0])])}function zp(){return Object.fromEntries(yi.map(e=>[e,0]))}function ro(e){return Object.fromEntries(Qt.map(t=>[t,typeof e[t]=="number"?e[t]:Ds[t]]))}function qs(e,t,n){const i=e-Hi,o=t+n;if(o<=0||o<=i)return{paddingLeft:t,paddingRight:n};if(i<=0)return{paddingLeft:0,paddingRight:0};const s=i/o;return{paddingLeft:t*s,paddingRight:n*s}}function bo(e,t,n){const i=Yr(e,t,n);if(e<=0)return[];const o=i.slice(0,e-1).reduce((s,a)=>s+a,0);return[...i.slice(0,e-1),Math.max(0,t-o)]}function Vp(e,t,n){const i={};for(let o=0;o<e;o+=1){const s=hi[o],a=fi[o],d=typeof n[s]=="number"?n[s]:0,c=typeof n[a]=="number"?n[a]:0,p=qs(t[o]??0,d,c);p.paddingLeft!==d&&(i[s]=p.paddingLeft),p.paddingRight!==c&&(i[a]=p.paddingRight)}return i}function Yr(e,t,n){if(e<=0)return[];const i=Qt.slice(0,e).map(p=>n[p]);if(e===1)return i;const o=i.slice(0,e-1),a=o.reduce((p,u)=>p+u,0)+Hi;if(t>=a)return i;const d=[...o];let c=a-t;for(let p=d.length-1;p>=0&&c>0;p-=1){const u=d[p]-Hi;if(u<=0)continue;const T=Math.min(c,u);d[p]-=T,c-=T}return[...d,i[e-1]]}function Dp(e,t,n){if(e<=1)return{};const i=Yr(e,t,n),o={};for(let s=0;s<e-1;s+=1){const a=Qt[s];i[s]!==n[a]&&(o[a]=i[s])}return o}function Na(e){return Array.isArray(e.columnsOrder)&&e.columnsOrder.length>0?e.columnsOrder:[...Wn]}function qp(e,t){return e.length!==t.length?!1:e.every((n,i)=>n===t[i])}function Kp(e,t,n,i){const o=Math.min(i,e.length,Qt.length),s={};for(let a=0;a<o;a+=1){const d=e[a],c=t.indexOf(d);if(c===-1)continue;const p=Qt[c],u=hi[c],T=fi[c],w=yi[c],L=Qt[a],m=hi[a],y=fi[a],C=yi[a],b=n[p],$=n[u],S=n[T],F=n[w];typeof b=="number"&&(s[L]=b),typeof $=="number"&&(s[m]=$),typeof S=="number"&&(s[y]=S),typeof F=="number"&&(s[C]=F)}return s}function Ks(e,t){const n=new Set([...Object.keys(e),...Object.keys(t)]);for(const i of n)if(e[i]!==t[i])return!0;return!1}function Gp(e,t){const n=e.columns,i=t.columns;if(typeof n!="number"||n===i)return e;const o=Ii(e),s=e.type==="b"||e.type===void 0&&t.type==="b",a={...e,...Bp(n,o),...jp()};if(s)for(const d of yi)typeof t[d]=="number"&&(a[d]=t[d]);else Object.assign(a,zp());return Ks(e,a)?a:e}function Up(e,t,n){const i=Lp(e);i&&(e={...e,...i});const o=Vs(n==null?void 0:n.designWidth),s=e.columns,a=t.columns,d=Ii(e),c=Ii(t),p=e.type==="b"||e.type===void 0&&t.type==="b",u=typeof s=="number"?s:typeof a=="number"?a:Wn.length,T=S=>{if(p)return S;const F=ro({...t,...S}),P=Ii(S),k=bo(u,P,F),x=Vp(u,k,{...t,...S});return Object.keys(x).length===0?S:{...S,...x}};if(typeof s=="number"&&s!==a)return e;const w=Na(e),L=Na(t);if(!qp(w,L))return T({...e,...Kp(w,L,t,u)});if(d<c&&typeof u=="number"&&!p){const S=ro({...t,...e});return T({...e,...Dp(u,d,S)})}if(p){const S=typeof e.textPaddingLR=="number"?e.textPaddingLR:0,F=Math.max(0,(d-o)/2);return S>F?{...e,textPaddingLR:F}:e}const m=ro({...t,...e}),y=bo(u,c,ro(t)),b=bo(u,d,m).some((S,F)=>S<(y[F]??S)),$=Qt.some(S=>{const F=e[S],P=t[S];return typeof F=="number"&&typeof P=="number"&&F!==P});return b||$?T(e):e}function Xp(e,t,n,i){const o=t.slice(0,e).reduce((a,d)=>a+d,0),s=n.slice(e+1,t.length-1).reduce((a,d)=>a+d,0);return Math.max(Hi,i-o-s-Hi)}function Yp(e,t){return Math.random()*(t-e)+e}function Jp(e){return Object.fromEntries(Qt.map(t=>[t,typeof e[t]=="number"?e[t]:Ds[t]]))}function ar(e,t,n=0){return Object.fromEntries(t.map(i=>[i,typeof e[i]=="number"?e[i]:n]))}function Zp(e,t,n,i,o,s){return e.slice(0,t).map((a,d)=>{const c=hi[d],p=fi[d],u=yi[d];return{key:a,textPrefix:_p[a],widthKey:Qt[d],width:n[Qt[d]],paddingLeftKey:c,paddingRightKey:p,paddingBottomKey:u,paddingLeft:i[c],paddingRight:o[p],paddingBottom:s[u]}})}function Qp({settings:e,content:t,isEditor:n,isPreviewMode:i,isEditMode:o,activeEvent:s,layoutId:a,onUpdateSettings:d}){const{prefix:c}=E.useScopedStyles(),p=!!o,{columns:u,type:T,wrapperWidth:w,entriesCount:L,cellMinHeight:m,dividerWidth:y,showVisibility:C,cut:b,showCut:$,cutCellMinHeight:S,cutLabel:F,imageSize:P,imageOnHover:k,entryHoverEffect:x,entryHoverShowOption:I,rowPaddingTop:G,rowPaddingBottom:f,rowPaddingTopB:R,columnsOrder:M,textPaddingLR:j,textColor:Z,backgroundColor:ue,dividerColor:V,textHoverColor:_,backgroundHoverColor:Q,dividerHoverColor:U}=e,[H,J]=l.useState(void 0),[oe,ie]=l.useState(null),W=k==="on"&&(!n||i),ae=(b??0)>0,g=T==="b",te=l.useRef(null),ye=l.useRef(null),[me,_e]=l.useState(null),[X,de]=l.useState(Ni),K=Vs(X),B=Math.max(0,((w??0)-K)/2),N=Math.min(j??0,B),re=Math.max(N,ai),$e=((w??0)+K)/2;l.useLayoutEffect(()=>{if(!n){de(Ni);return}const le=()=>{de(Op(te.current))};le();const be=te.current;if(!be)return;const Pe=new ResizeObserver(le);Pe.observe(be);let Ve=be;for(;Ve&&!Ve.style.getPropertyValue("--cntrl-article-width");)Ve=Ve.parentElement;return Ve&&Pe.observe(Ve),()=>Pe.disconnect()},[n,a]),l.useEffect(()=>{J(void 0)},[b,$,t,L]),l.useEffect(()=>{n&&!i&&J(void 0)},[n,i]);const Ne=E.buildColorVars(c,{textColor:Z,backgroundColor:ue,dividerColor:V,textHoverColor:_,backgroundHoverColor:Q,dividerHoverColor:U},Np,Hp),Ie=s&&s!=="default"?`${c}-state-${s}`:"",Fe=`${!n||i?x==="default"?`${c}-entry-hover-default`:x==="blinds"?`${c}-entry-hover-blinds`:x==="reveal"?`${c}-entry-hover-reveal`:"":""} ${Ie}`.trim(),z=x==="reveal"&&(!n||i),q=(C==null?void 0:C[0])??!1,v=(C==null?void 0:C[1])??!1,D=l.useRef(e),O=l.useRef(a);l.useEffect(()=>{if(!d||!n){D.current=e,O.current=a;return}if(O.current!==a){D.current=e,O.current=a;return}const le=D.current;if(!(le!==e))return;if(typeof le.columns=="number"&&typeof e.columns=="number"&&le.columns!==e.columns){D.current=e;return}const Pe=Up(e,le,{designWidth:X});D.current=e,Ks(e,Pe)&&d(Pe)},[e,d,n,a,X]);const ee=l.useMemo(()=>Jp(e),[e.AColumnWidth,e.BColumnWidth,e.CColumnWidth,e.DColumnWidth,e.EColumnWidth]),se=l.useMemo(()=>ar(e,hi),[e.AColumnPaddingLeft,e.BColumnPaddingLeft,e.CColumnPaddingLeft,e.DColumnPaddingLeft,e.EColumnPaddingLeft]),pe=l.useMemo(()=>ar(e,fi),[e.AColumnPaddingRight,e.BColumnPaddingRight,e.CColumnPaddingRight,e.DColumnPaddingRight,e.EColumnPaddingRight]),Ce=l.useMemo(()=>ar(e,yi),[e.AColumnPaddingBottom,e.BColumnPaddingBottom,e.CColumnPaddingBottom,e.DColumnPaddingBottom,e.EColumnPaddingBottom]),we=l.useMemo(()=>Array.isArray(M)&&M.length>0?M:[...Wn],[M]),ve=l.useMemo(()=>Zp(we,u,ee,se,pe,Ce),[we,u,ee,se,pe,Ce]),Ge=Ii(e),ge=l.useMemo(()=>Qt.slice(0,u).map(le=>ee[le]),[u,ee]),ke=l.useMemo(()=>Yr(u,Ge,ee),[u,Ge,ee]),ze=l.useMemo(()=>bo(u,Ge,ee),[u,Ge,ee]),Le=l.useMemo(()=>ve.map((le,be)=>qs(ze[be]??0,le.paddingLeft,le.paddingRight)),[ve,ze]),ot=l.useMemo(()=>{const le=L===0?1/0:L;return(t??[]).slice(0,le).map((Pe,Ve)=>({id:Ve,cells:Object.fromEntries(Wn.map(ht=>[ht,Pe[ht]??""])),image:Pe.image,link:Pe.link}))},[t,L]),tt=ae?H??b:ot.length,yt=l.useMemo(()=>ae?ot.slice(0,tt):ot,[ot,ae,tt]),Ke=ae&&tt<ot.length,st=yt.length>1||Ke,Ct=[q?`${c}-divider-top`:"",v||st?`${c}-divider-bottom`:""].filter(Boolean).join(" "),It=!n||i,Rt=()=>{if(!It)return;const le=H??b;if(!$){J(ot.length);return}J(Math.min(le+$,ot.length))},Se=le=>E.scalingValue(le,n??!1),He=g?R??0:G??0,Xe=f??0,Ue=m??0,Nt=He+Ue/2,Ot=Math.max(Xe,rr),Ht=Ra(0,yt.length,q,v,Ke,y??0,n??!1).borderTopWidth,zt=me!=null?`${me}px`:`calc(${Ht} + ${Se(Nt)})`,dn=g?"rowPaddingTopB":"rowPaddingTop",Oe=ve[0],Tt=ve[ve.length-1],lt=Le[0],et=Le[Le.length-1],gt=Oe&&lt?Math.max(lt.paddingLeft,ai):0,qt=Tt&&et?Math.max(et.paddingRight,ai):0,Kt=Ge,tn=le=>{const be=te.current;if(!be)return{x:0,y:0};const Pe=be.getBoundingClientRect();return{x:le.clientX-Pe.left+Aa,y:le.clientY-Pe.top+Aa}},hn=(le,be)=>{if(!W)return;const Pe=le.image;if(!(Pe!=null&&Pe.url)){ie(null);return}const{x:Ve,y:ht}=tn(be),wt=(P==null?void 0:P.min)??80,Me=(P==null?void 0:P.max)??320,ft=(oe==null?void 0:oe.rowId)===le.id?oe.widthPx:Yp(wt,Me);ie({rowId:le.id,url:Pe.url,objectFit:"contain",isVideo:yp(Pe),widthPx:ft,x:Ve,y:ht})},Ye=le=>{if(!W||!oe)return;const{x:be,y:Pe}=tn(le);ie(Ve=>!Ve||Ve.x===be&&Ve.y===Pe?Ve:{...Ve,x:be,y:Pe})},nn=()=>{ie(null)},At=le=>{z&&Ia(le,c),W&&ie(null)},kt=le=>{z&&Pa(le,c)};l.useLayoutEffect(()=>{if(!p||g){_e(null);return}const le=ye.current,be=le==null?void 0:le.parentElement;if(!le||!be){_e(null);return}const Pe=()=>{const ht=le.querySelector("[data-list-row]");if(!ht){_e(null);return}const wt=be.getBoundingClientRect(),Me=ht.getBoundingClientRect();_e(Me.top-wt.top+Me.height/2)};Pe();const Ve=new ResizeObserver(Pe);return Ve.observe(le),Ve.observe(be),()=>Ve.disconnect()},[p,g,yt,He,Xe,Ue,t,e,ve,ze,X,y,q,v,Ke]);const De=l.useMemo(()=>!g&&Kr.some(le=>{const be=le.charAt(0),Pe=e[`${le}VerticalAlign`];return zs(Pe,e,be)}),[g,e,e.AColumnVerticalAlign,e.BColumnVerticalAlign,e.CColumnVerticalAlign,e.DColumnVerticalAlign,e.EColumnVerticalAlign]);l.useLayoutEffect(()=>{var ft;const le=te.current;if(!le)return;const be=()=>{le.querySelectorAll("[data-list-col]").forEach(qe=>{qe.style.transform="";const rt=qe.querySelector(`.${c}-list-col`);rt&&(rt.style.minHeight="",rt.style.height="");const Qe=qe.querySelector(`.${c}-list-col-title`);Qe&&(Qe.style.transform="")})};if(g||!De){be();return}const Pe=()=>{const qe=Array.from(le.querySelectorAll("[data-list-row]")),rt=`${c}-list-col`,Qe=`${c}-baseline-probe`;qe.forEach(Pt=>{Pt.querySelectorAll("[data-list-col]").forEach(St=>{St.style.transform="";const Be=St.querySelector(`.${rt}`);Be&&(Be.style.minHeight="",Be.style.height="");const xt=St.querySelector(`.${c}-list-col-title`);xt&&(xt.style.transform="")})}),qe.forEach(Pt=>{const St=Array.from(Pt.querySelectorAll("[data-list-col]"));Ap(Pt,St,rt)}),le.offsetHeight,qe.forEach(Pt=>{const St=Array.from(Pt.querySelectorAll("[data-list-col]")),Be=Pt.getBoundingClientRect().top,xt=new Map,at=St.map(nt=>{const Bt=nt.querySelector(`.${c}-list-col-title`),on={el:nt,titleEl:Bt,letter:nt.getAttribute("data-col-letter")??"",kind:nt.getAttribute("data-valign")??"top",anchor:nt.getAttribute("data-valign-anchor")};return xt.set(on.letter,on),on}),vt=new Map,Mt=(nt,Bt)=>{const on=vt.get(nt.letter);if(on!==void 0)return on;const fn=nt.anchor?xt.get(nt.anchor):void 0;if(nt.kind!=="baseline"||!fn||Bt.has(nt.letter)){const vn=or(nt,Be,rt,Qe);return vt.set(nt.letter,vn),vn}Bt.add(nt.letter);const Pn=Mt(fn,Bt);Bt.delete(nt.letter);const yn=or(nt,Be,rt,Qe),On=Pn-yn;Mp(nt.titleEl,On);const Bn=or(nt,Be,rt,Qe);return vt.set(nt.letter,Bn),Bn};at.forEach(nt=>Mt(nt,new Set))})};let Ve=null;const ht=()=>{Ve===null&&(Ve=requestAnimationFrame(()=>{Ve=null,Pe()}))};Pe();const wt=new ResizeObserver(()=>ht());wt.observe(le);let Me=!1;return typeof document<"u"&&((ft=document.fonts)!=null&&ft.ready)&&document.fonts.ready.then(()=>{Me||ht()}),()=>{Me=!0,Ve!==null&&(cancelAnimationFrame(Ve),Ve=null),wt.disconnect(),be()}},[De,g,e,t,X,yt,ze]);const Wt=l.useMemo(()=>wp(c),[c]);return r.jsxs(r.Fragment,{children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:Wt}}),r.jsx("div",{style:Ne,children:r.jsxs("div",{ref:te,className:`${c}-wrapper ${Fe}${Ct?` ${Ct}`:""}${g?` ${c}-type-b`:""}`.trim(),style:{width:E.scalingValue(w??0,n),...!g&&p?{[`--${c}-first-entry-handle-top`]:zt}:{}},onMouseMove:W?Ye:void 0,onMouseLeave:W?nn:void 0,children:[r.jsxs("div",{style:{width:"100%",position:"relative"},children:[yt.map((le,be)=>{var wt;const Pe=(((wt=le.link)==null?void 0:wt.length)??0)>0,Ve=Pe&&(!n||i)?"a":"div",ht=Ra(be,yt.length,q,v,Ke,y??0,n??!1);return r.jsxs(Ve,{ref:be===0?Me=>{ye.current=Me}:void 0,className:`${c}-list-item${Pe||I==="always"?` ${c}-list-item-has-link`:""}`,...Pe?{href:le.link,target:"_blank"}:{},style:ht,onMouseEnter:Me=>{z&&(Pe||I==="always")&&Ia(Me,c),W&&hn(le,Me)},onMouseLeave:Me=>{z&&(Pe||I==="always")&&Pa(Me,c)},children:[He>0&&r.jsx("div",{className:`${c}-row-padding-handle`,style:{height:Se(He)}}),r.jsxs("div",{className:`${c}-list-cols-row${g?"":` ${c}-list-cols-row-h`}${p&&be===0&&g?` ${c}-list-cols-row-controls`:""}`,...g?{}:{"data-list-row":""},style:g?void 0:{minHeight:Se(Ue)},children:[ve.map((Me,ft)=>{const qe=ft===ve.length-1,rt=Le[ft],Qe=Me.paddingBottom,Pt=bp(le.cells[Me.key]),St=g&&Pt&&Qe>0,Be=g?{minHeight:Se(Ue)}:{width:Se(ze[ft])},xt=g?{paddingLeft:Se(N),paddingRight:Se(N)}:{paddingLeft:Se(rt.paddingLeft),paddingRight:Se(rt.paddingRight)},at=Me.textPrefix.charAt(0),vt=g?Tp(e[`${Me.textPrefix}VerticalAlign`]):Cp(e[`${Me.textPrefix}VerticalAlign`],e,at),Mt=g&&Pt&&p&&be===0;return r.jsxs("div",{className:g?`${c}-list-col-wrap`:void 0,...g?{}:{"data-list-col":"","data-col-letter":at,"data-valign":vt.kind,...vt.kind==="baseline"?{"data-valign-anchor":vt.anchorLetter}:{}},children:[r.jsx("div",{className:`${c}-list-col${qe?` ${c}-list-col-last`:""}`,style:{...xt,...Be,...g?{justifyContent:Ma(vt.kind)}:{}},"data-test":Me.width,children:r.jsx("span",{className:ka(e,Me.textPrefix,`${c}-list-col-title`,`${c}-text-tight-leading`),style:{..._a(Io(e,Me.textPrefix),n),...Wa(e,Me.textPrefix,c,n),...g?{}:Ep(vt.kind)},children:le.cells[Me.key]??null})}),St&&r.jsx("div",{className:`${c}-row-padding-handle`,style:{height:Se(Qe)}}),Mt&&r.jsx(Ft,{centerXHitTop:`var(--${c}-first-entry-handle-top, 50%)`,"data-controls":Me.paddingBottomKey,"data-controls-static-handle":"","data-controls-axis":"y","data-controls-variant":"column-padding","data-controls-min":"0",className:`${c}-padding-control-handle`,hitPlacement:"center",areaStyle:{position:"absolute",bottom:0,left:0,width:"100%",height:Se(Math.max(Qe,rr))}})]},Me.key)}),p&&be===0&&g&&r.jsxs(r.Fragment,{children:[r.jsx(Ft,{centerXHitTop:`var(--${c}-first-entry-handle-top, 50%)`,"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($e),className:`${c}-text-padding-lr-handle`,hitPlacement:"center",areaStyle:{position:"absolute",top:0,left:0,width:Se(re),height:"100%"}}),r.jsx(Ft,{centerXHitTop:`var(--${c}-first-entry-handle-top, 50%)`,"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($e),className:`${c}-text-padding-lr-handle`,hitPlacement:"center",areaStyle:{position:"absolute",top:0,left:Se(Math.max(re,Ge-re)),width:Se(re),height:"100%"}})]})]}),!g&&Xe>0&&r.jsx("div",{className:`${c}-row-padding-handle`,style:{height:Se(Xe)}}),p&&be===0&&!g&&r.jsx(Ft,{centerXHitTop:`var(--${c}-first-entry-handle-top, 50%)`,"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:`${c}-padding-control-handle`,hitPlacement:"left-y",areaStyle:{position:"absolute",bottom:0,left:0,width:"100%",height:Se(Ot)}})]},le.id)}),p&&r.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:r.jsx(Ft,{centerXHitTop:`var(--${c}-first-entry-handle-top, 50%)`,"data-controls":dn,"data-controls-static-handle":"",...g?{}:{"data-controls-handle-left":"20"},"data-controls-axis":"y","data-controls-variant":"row-padding","data-controls-min":"0",className:`${c}-padding-control-handle`,hitPlacement:g?"center":"left-y",areaStyle:{position:"absolute",top:Ht,left:0,width:"100%",height:Se(Math.max(He,rr))}})},"row-padding-handles"),p&&!g&&Oe&&Tt&&r.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:[r.jsx(Ft,{centerXHitTop:`var(--${c}-first-entry-handle-top, 50%)`,"data-controls":Oe.paddingLeftKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(ze[0]-((lt==null?void 0:lt.paddingRight)??0)),className:`${c}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:0,width:Se(gt),height:"100%"}}),r.jsx(Ft,{centerXHitTop:`var(--${c}-first-entry-handle-top, 50%)`,"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(ze[ve.length-1]-((et==null?void 0:et.paddingLeft)??0)),className:`${c}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:Se(Kt-qt),width:Se(qt),height:"100%"}})]},"column-edge-padding-handles"),p&&!g&&ve.slice(0,-1).map((le,be)=>{const Pe=ve[be+1],Ve=ke.slice(0,be+1).reduce((qe,rt)=>qe+rt,0),ht=Le[be],wt=Le[be+1],Me=Math.max(ht.paddingRight,ai),ft=Math.max(wt.paddingLeft,ai);return r.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:[r.jsx(Ft,{centerXHitTop:`var(--${c}-first-entry-handle-top, 50%)`,"data-controls":le.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(ze[be]-ht.paddingLeft),className:`${c}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:Se(Ve-Me),width:Se(Me),height:"100%"}}),r.jsx(Ft,{centerXHitTop:`var(--${c}-first-entry-handle-top, 50%)`,"data-controls":Pe.paddingLeftKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(ze[be+1]-wt.paddingRight),className:`${c}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:Se(Ve),width:Se(ft),height:"100%"}})]},`${le.paddingRightKey}-padding`)}),p&&!g&&ve.slice(0,-1).map((le,be)=>{const Pe=Xp(be,ke,ge,Ge),ht=ke.slice(0,be+1).reduce((wt,Me)=>wt+Me,0)-Fa/2;return r.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:r.jsx("div",{"data-controls":le.widthKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-min":String(Xr),"data-controls-max-fraction":String(Pe),"data-controls-variant":"column-width",className:`${c}-col-resize-handle`,style:{position:"absolute",top:"0px",left:Se(ht),width:Se(Fa),height:"calc(100%)",pointerEvents:"auto"}})},`${le.widthKey}-junction`)})]}),Ke&&(()=>{const le=Io(e,Tn),be=Ip(e.cutLabelVerticalAlign),Pe=le.textTextAlign==="justify"||g;return r.jsx("button",{type:"button",className:`${c}-cut-item`,style:{minHeight:Se(S??0),cursor:It?"pointer":"default",...xp(v,y??0,n??!1)},onClick:It?Rt:void 0,onMouseEnter:z||W?At:void 0,onMouseLeave:z?kt:void 0,children:r.jsx("div",{className:`${c}-list-cols-row`,style:{...g?{paddingLeft:Se(N),paddingRight:Se(N)}:{},justifyContent:Pp(le.textTextAlign),alignItems:Ma(be)},children:r.jsx("span",{className:ka(e,Tn,`${c}-cut-label`,`${c}-text-tight-leading`),style:{..._a(le,n),...Wa(e,Tn,c,n),...Pe?{width:"100%"}:{}},children:F})})})})(),W&&oe&&(()=>{const le=vo(oe.widthPx),be={width:le,height:"auto",maxHeight:le,objectFit:"contain",left:oe.x,top:oe.y,position:"absolute"};return r.jsx(vp,{media:oe,className:oe.isVideo?`${c}-hover-video`:`${c}-hover-image`,style:be},`${oe.rowId}-${oe.url}`)})()]})})]})}const em=`import { useEffect, useLayoutEffect, useMemo, useRef, useState, type CSSProperties } from 'react';
5893
+ `}const An=["AColumn","BColumnWidth","CColumnWidth","DColumnWidth","EColumnWidth"],Yr=["AColumn","BColumn","CColumn","DColumn","EColumn"],bn="cutLabel",Jr=[...Yr,bn],Vo=["A","B","C","D","E"];function Ds(e){return`${e}ColumnVerticalAlign`}const Tr=["Top","Center","Bottom"];function Zr(e){const t=String(e??"Top").trim();if(t.toLowerCase().startsWith("baseline")){const i=t.slice(-1).toUpperCase();return Vo.includes(i)?`Baseline ${i}`:"Top"}const n=t.toLowerCase();return n==="center"?"Center":n==="bottom"?"Bottom":n==="top"?"Top":t}function Ep(e){const t=Zr(e);return t.toLowerCase().startsWith("baseline")?!1:t==="Top"||t==="Center"||t==="Bottom"}function Ip(e){const t=String(e??"").trim();if(!t.toLowerCase().startsWith("baseline"))return null;const n=t.slice(-1).toUpperCase();return Vo.includes(n)?n:null}function qs(e,t,n){const i=Ip(e);return i?i===t?!1:Ep(n[Ds(i)]):!0}function _i(e){const t=Zr(e);if(t.toLowerCase().startsWith("baseline")){const n=t.slice(-1).toUpperCase();return Vo.includes(n)?{kind:"baseline",anchorLetter:n}:{kind:"top"}}return t==="Center"?{kind:"center"}:t==="Bottom"?{kind:"bottom"}:{kind:"top"}}function Pp(e,t,n){if(Ks(e,t,n))return _i(e);const i=_i(e);return i.kind==="baseline"?{kind:"top"}:i}function Rp(e){const t=_i(e);return t.kind==="baseline"?{kind:"top"}:t}function Ks(e,t,n){return qs(e,n,t)?_i(e).kind==="baseline":!1}function Ap(e){const t={};let n=!1;for(const i of Vo){const o=Ds(i),s=e[o];if(e.type==="b"){const a=String(s??"Top").trim();a!=="Top"&&a!=="Center"&&a!=="Bottom"&&(t[o]="Top",n=!0);continue}qs(s,i,e)||(t[o]="Top",n=!0)}return n?t:null}function Mp(e){return e==="center"?{flex:"0 0 auto",marginTop:"auto",marginBottom:"auto"}:e==="bottom"?{flex:"0 0 auto",marginTop:"auto"}:{}}function kp(e){const t=_i(e).kind;return t==="baseline"?"center":t}function _p(e){return e==="right"?"flex-end":e==="center"?"center":"flex-start"}function Na(e){return e==="center"?"center":e==="bottom"?"flex-end":"flex-start"}function Wp(e,t){const n=document.createElement("i");n.className=t,n.setAttribute("aria-hidden","true"),e.prepend(n);const{top:i}=e.getBoundingClientRect(),{bottom:o}=n.getBoundingClientRect(),s=o-i;return n.remove(),s}function lr(e,t,n,i){const o=e.titleEl;if(!o)return 0;const s=o.closest(`.${n}`);if(!s)return 0;const a=Wp(o,i);if(e.kind==="baseline")return o.getBoundingClientRect().top-t+a;const u=s.getBoundingClientRect(),c=o.getBoundingClientRect().height;let m=0;return e.kind==="center"?m=(u.height-c)/2:e.kind==="bottom"&&(m=u.height-c),u.top-t+m+a}function Fp(e,t,n){const i=e.getBoundingClientRect().height;return i<=0?0:(t.forEach(o=>{const s=o.querySelector(`.${n}`);s&&(s.style.minHeight=`${i}px`,s.style.height=`${i}px`)}),i)}function Np(e,t){return!e||!t?(e&&(e.style.transform=""),0):(e.style.transform=`translateY(${t}px)`,t)}const Hp={AColumn:"AColumn",BColumnWidth:"BColumn",CColumnWidth:"CColumn",DColumnWidth:"DColumn",EColumnWidth:"EColumn"};function Ze(e,t){return`${e}${t.replace(/^text/,"Text")}`}const Op={AColumn:"A",BColumn:"B",CColumn:"C",DColumn:"D",EColumn:"E",cutLabel:"CUT"};function Bp(e){return[Ze(e,"textFontFamily"),Ze(e,"textFontSettings"),{type:"row",items:[Ze(e,"textFontSize"),Ze(e,"textLineHeight"),Ze(e,"textLetterSpacing"),Ze(e,"textWordSpacing")]},Ze(e,"textTextAlign"),Ze(e,"textTextAppearance"),`${e}VerticalAlign`]}function jp(){return{type:"tab",id:"listColumnTextStyle",tabs:Object.fromEntries(Jr.map(e=>[Op[e],Bp(e)]))}}function Po(e,t){const n=i=>{const o=Ze(t,i);return e[o]};return{textFontFamily:n("textFontFamily")??"Arial",textFontSettings:n("textFontSettings")??{fontWeight:400,fontStyle:"normal"},textFontSize:n("textFontSize"),textLineHeight:n("textLineHeight"),textLetterSpacing:n("textLetterSpacing")??0,textWordSpacing:n("textWordSpacing")??0,textTextAlign:n("textTextAlign")??(t===bn?"center":"left"),textTextAppearance:n("textTextAppearance"),textColor:e.textColor}}function Ha(e,t){var i,o;const n={fontSettings:{fontFamily:e.textFontFamily,fontWeight:((i=e.textFontSettings)==null?void 0:i.fontWeight)??400,fontStyle:((o=e.textFontSettings)==null?void 0:o.fontStyle)??"normal"},fontSize:e.textFontSize??.01,lineHeight:e.textLineHeight,letterSpacing:e.textLetterSpacing,wordSpacing:e.textWordSpacing,textAlign:e.textTextAlign,textAppearance:e.textTextAppearance,color:e.textColor??"#767676"};return Ut(Rt(n,t))}function Oa(e,t,n,i){const o=Po(e,t),s=o.textFontSize??.01,a=o.textLineHeight;return a!==void 0&&a<s?`${n} ${i}`:n}function Ba(e,t,n,i){const o=Po(e,t),s=o.textFontSize??.01,a=o.textLineHeight;return a===void 0||a>=s?{}:{[`--${n}-title-leading-gap`]:P.scalingValue((s-a)/2,i)}}const Xt=["AColumnWidth","BColumnWidth","CColumnWidth","DColumnWidth","EColumnWidth"],pi=["AColumnPaddingLeft","BColumnPaddingLeft","CColumnPaddingLeft","DColumnPaddingLeft","EColumnPaddingLeft"],mi=["AColumnPaddingRight","BColumnPaddingRight","CColumnPaddingRight","DColumnPaddingRight","EColumnPaddingRight"],gi=["AColumnPaddingBottom","BColumnPaddingBottom","CColumnPaddingBottom","DColumnPaddingBottom","EColumnPaddingBottom"],zp={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"],ja=.004,oi=.004,cr=oi,Qr=50,Wi=1440,Fi=Qr/Wi;function Gs(e){const t=typeof e=="number"&&e>0?e:Wi;return Qr/t}function Dp(e){let t=e??null;for(;t;){const n=t.style.getPropertyValue("--cntrl-article-width").trim();if(n){const o=parseFloat(n);if(Number.isFinite(o)&&o>0)return o}const i=getComputedStyle(t).getPropertyValue("--cntrl-article-width").trim();if(i){const o=parseFloat(i);if(Number.isFinite(o)&&o>0)return o}t=t.parentElement}return Wi}const Us={AColumnWidth:.02,BColumnWidth:.02,CColumnWidth:.02,DColumnWidth:.02,EColumnWidth:.02};function Ti(e){const t=typeof e.wrapperWidth=="number"?e.wrapperWidth:1;return Math.max(0,t)}function qp(e,t=1){const n=t/e;return Object.fromEntries(Xt.map(i=>[i,n]))}function Kp(){return Object.fromEntries([...pi.map(e=>[e,0]),...mi.map(e=>[e,0])])}function Gp(){return Object.fromEntries(gi.map(e=>[e,0]))}function ao(e){return Object.fromEntries(Xt.map(t=>[t,typeof e[t]=="number"?e[t]:Us[t]]))}function Xs(e,t,n){const i=e-Fi,o=t+n;if(o<=0||o<=i)return{paddingLeft:t,paddingRight:n};if(i<=0)return{paddingLeft:0,paddingRight:0};const s=i/o;return{paddingLeft:t*s,paddingRight:n*s}}function wo(e,t,n){const i=ea(e,t,n);if(e<=0)return[];const o=i.slice(0,e-1).reduce((s,a)=>s+a,0);return[...i.slice(0,e-1),Math.max(0,t-o)]}function Up(e,t,n){const i={};for(let o=0;o<e;o+=1){const s=pi[o],a=mi[o],u=typeof n[s]=="number"?n[s]:0,c=typeof n[a]=="number"?n[a]:0,m=Xs(t[o]??0,u,c);m.paddingLeft!==u&&(i[s]=m.paddingLeft),m.paddingRight!==c&&(i[a]=m.paddingRight)}return i}function ea(e,t,n){if(e<=0)return[];const i=Xt.slice(0,e).map(m=>n[m]);if(e===1)return i;const o=i.slice(0,e-1),a=o.reduce((m,p)=>m+p,0)+Fi;if(t>=a)return i;const u=[...o];let c=a-t;for(let m=u.length-1;m>=0&&c>0;m-=1){const p=u[m]-Fi;if(p<=0)continue;const R=Math.min(c,p);u[m]-=R,c-=R}return[...u,i[e-1]]}function Xp(e,t,n){if(e<=1)return{};const i=ea(e,t,n),o={};for(let s=0;s<e-1;s+=1){const a=Xt[s];i[s]!==n[a]&&(o[a]=i[s])}return o}function za(e){return Array.isArray(e.columnsOrder)&&e.columnsOrder.length>0?e.columnsOrder:[...An]}function Yp(e,t){return e.length!==t.length?!1:e.every((n,i)=>n===t[i])}function Jp(e,t,n,i){const o=Math.min(i,e.length,Xt.length),s={};for(let a=0;a<o;a+=1){const u=e[a],c=t.indexOf(u);if(c===-1)continue;const m=Xt[c],p=pi[c],R=mi[c],b=gi[c],I=Xt[a],g=pi[a],v=mi[a],T=gi[a],w=n[m],$=n[p],S=n[R],z=n[b];typeof w=="number"&&(s[I]=w),typeof $=="number"&&(s[g]=$),typeof S=="number"&&(s[v]=S),typeof z=="number"&&(s[T]=z)}return s}function Ys(e,t){const n=new Set([...Object.keys(e),...Object.keys(t)]);for(const i of n)if(e[i]!==t[i])return!0;return!1}function Zp(e,t){const n=e.columns,i=t.columns;if(typeof n!="number"||n===i)return e;const o=Ti(e),s=e.type==="b"||e.type===void 0&&t.type==="b",a={...e,...qp(n,o),...Kp()};if(s)for(const u of gi)typeof t[u]=="number"&&(a[u]=t[u]);else Object.assign(a,Gp());return Ys(e,a)?a:e}function Qp(e,t,n){const i=Ap(e);i&&(e={...e,...i});const o=Gs(n==null?void 0:n.designWidth),s=e.columns,a=t.columns,u=Ti(e),c=Ti(t),m=e.type==="b"||e.type===void 0&&t.type==="b",p=typeof s=="number"?s:typeof a=="number"?a:An.length,R=S=>{if(m)return S;const z=ao({...t,...S}),M=Ti(S),N=wo(p,M,z),L=Up(p,N,{...t,...S});return Object.keys(L).length===0?S:{...S,...L}};if(typeof s=="number"&&s!==a)return e;const b=za(e),I=za(t);if(!Yp(b,I))return R({...e,...Jp(b,I,t,p)});if(u<c&&typeof p=="number"&&!m){const S=ao({...t,...e});return R({...e,...Xp(p,u,S)})}if(m){const S=typeof e.textPaddingLR=="number"?e.textPaddingLR:0,z=Math.max(0,(u-o)/2);return S>z?{...e,textPaddingLR:z}:e}const g=ao({...t,...e}),v=wo(p,c,ao(t)),w=wo(p,u,g).some((S,z)=>S<(v[z]??S)),$=Xt.some(S=>{const z=e[S],M=t[S];return typeof z=="number"&&typeof M=="number"&&z!==M});return w||$?R(e):e}function em(e,t,n,i){const o=t.slice(0,e).reduce((a,u)=>a+u,0),s=n.slice(e+1,t.length-1).reduce((a,u)=>a+u,0);return Math.max(Fi,i-o-s-Fi)}function tm(e,t){return Math.random()*(t-e)+e}function nm(e){return Object.fromEntries(Xt.map(t=>[t,typeof e[t]=="number"?e[t]:Us[t]]))}function dr(e,t,n=0){return Object.fromEntries(t.map(i=>[i,typeof e[i]=="number"?e[i]:n]))}function im(e,t,n,i,o,s){return e.slice(0,t).map((a,u)=>{const c=pi[u],m=mi[u],p=gi[u];return{key:a,textPrefix:Hp[a],widthKey:Xt[u],width:n[Xt[u]],paddingLeftKey:c,paddingRightKey:m,paddingBottomKey:p,paddingLeft:i[c],paddingRight:o[m],paddingBottom:s[p]}})}function om({settings:e,content:t,isEditor:n,isPreviewMode:i,isEditMode:o,activeEvent:s,layoutId:a,onUpdateSettings:u}){const{prefix:c}=P.useScopedStyles(),m=!!o,{columns:p,type:R,wrapperWidth:b,entriesCount:I,cellMinHeight:g,dividerWidth:v,showVisibility:T,cut:w,showCut:$,cutCellMinHeight:S,cutLabel:z,imageSize:M,imageOnHover:N,entryHoverEffect:L,entryHoverShowOption:C,rowPaddingTop:J,rowPaddingBottom:y,rowPaddingTopB:k,columnsOrder:_,textPaddingLR:V,textColor:ne,backgroundColor:me,dividerColor:K,textHoverColor:H,backgroundHoverColor:Q,dividerHoverColor:Y}=e,[O,te]=l.useState(void 0),[ce,oe]=l.useState(null),W=N==="on"&&(!n||i),ue=(w??0)>0,h=R==="b",ae=l.useRef(null),be=l.useRef(null),[ye,Ae]=l.useState(null),[Z,ge]=l.useState(Wi),U=Gs(Z),X=Math.max(0,((b??0)-U)/2),B=Math.min(V??0,X),se=Math.max(B,oi),Ee=((b??0)+U)/2;l.useLayoutEffect(()=>{if(!n){ge(Wi);return}const le=()=>{ge(Dp(ae.current))};le();const xe=ae.current;if(!xe)return;const Pe=new ResizeObserver(le);Pe.observe(xe);let Ne=xe;for(;Ne&&!Ne.style.getPropertyValue("--cntrl-article-width");)Ne=Ne.parentElement;return Ne&&Pe.observe(Ne),()=>Pe.disconnect()},[n,a]),l.useEffect(()=>{te(void 0)},[w,$,t,I]),l.useEffect(()=>{n&&!i&&te(void 0)},[n,i]);const Fe=P.buildColorVars(c,{textColor:ne,backgroundColor:me,dividerColor:K,textHoverColor:H,backgroundHoverColor:Q,dividerHoverColor:Y},zp,Vp),Re=s&&s!=="default"?`${c}-state-${s}`:"",_e=`${!n||i?L==="default"?`${c}-entry-hover-default`:L==="blinds"?`${c}-entry-hover-blinds`:L==="reveal"?`${c}-entry-hover-reveal`:"":""} ${Re}`.trim(),F=L==="reveal"&&(!n||i),D=(T==null?void 0:T[0])??!1,E=(T==null?void 0:T[1])??!1,j=l.useRef(e),G=l.useRef(a);l.useEffect(()=>{if(!u||!n){j.current=e,G.current=a;return}if(G.current!==a){j.current=e,G.current=a;return}const le=j.current;if(!(le!==e))return;if(typeof le.columns=="number"&&typeof e.columns=="number"&&le.columns!==e.columns){j.current=e;return}const Pe=Qp(e,le,{designWidth:Z});j.current=e,Ys(e,Pe)&&u(Pe)},[e,u,n,a,Z]);const ee=l.useMemo(()=>nm(e),[e.AColumnWidth,e.BColumnWidth,e.CColumnWidth,e.DColumnWidth,e.EColumnWidth]),ie=l.useMemo(()=>dr(e,pi),[e.AColumnPaddingLeft,e.BColumnPaddingLeft,e.CColumnPaddingLeft,e.DColumnPaddingLeft,e.EColumnPaddingLeft]),he=l.useMemo(()=>dr(e,mi),[e.AColumnPaddingRight,e.BColumnPaddingRight,e.CColumnPaddingRight,e.DColumnPaddingRight,e.EColumnPaddingRight]),Se=l.useMemo(()=>dr(e,gi),[e.AColumnPaddingBottom,e.BColumnPaddingBottom,e.CColumnPaddingBottom,e.DColumnPaddingBottom,e.EColumnPaddingBottom]),$e=l.useMemo(()=>Array.isArray(_)&&_.length>0?_:[...An],[_]),fe=l.useMemo(()=>im($e,p,ee,ie,he,Se),[$e,p,ee,ie,he,Se]),Ge=Ti(e),de=l.useMemo(()=>Xt.slice(0,p).map(le=>ee[le]),[p,ee]),Me=l.useMemo(()=>ea(p,Ge,ee),[p,Ge,ee]),je=l.useMemo(()=>wo(p,Ge,ee),[p,Ge,ee]),Ve=l.useMemo(()=>fe.map((le,xe)=>Xs(je[xe]??0,le.paddingLeft,le.paddingRight)),[fe,je]),at=l.useMemo(()=>{const le=I===0?1/0:I;return(t??[]).slice(0,le).map((Pe,Ne)=>({id:Ne,cells:Object.fromEntries(An.map(tt=>[tt,Pe[tt]??""])),image:Pe.image,link:Pe.link}))},[t,I]),ht=ue?O??w:at.length,Et=l.useMemo(()=>ue?at.slice(0,ht):at,[at,ue,ht]),mt=ue&&ht<at.length,ft=Et.length>1||mt,Ft=[D?`${c}-divider-top`:"",E||ft?`${c}-divider-bottom`:""].filter(Boolean).join(" "),It=!n||i,Ue=()=>{if(!It)return;const le=O??w;if(!$){te(at.length);return}te(Math.min(le+$,at.length))},Ce=le=>P.scalingValue(le,n??!1),qe=h?k??0:J??0,Qe=y??0,Oe=g??0,$t=qe+Oe/2,At=Math.max(Qe,cr),Je=Wa(0,Et.length,D,E,mt,v??0,n??!1).borderTopWidth,Mt=ye!=null?`${ye}px`:`calc(${Je} + ${Ce($t)})`,Ht=h?"rowPaddingTopB":"rowPaddingTop",We=fe[0],yt=fe[fe.length-1],et=Ve[0],Xe=Ve[Ve.length-1],ot=We&&et?Math.max(et.paddingLeft,oi):0,ut=yt&&Xe?Math.max(Xe.paddingRight,oi):0,un=Ge,rn=le=>{const xe=ae.current;if(!xe)return{x:0,y:0};const Pe=xe.getBoundingClientRect();return{x:le.clientX-Pe.left+Fa,y:le.clientY-Pe.top+Fa}},Wn=(le,xe)=>{if(!W)return;const Pe=le.image;if(!(Pe!=null&&Pe.url)){oe(null);return}const{x:Ne,y:tt}=rn(xe),bt=(M==null?void 0:M.min)??80,Te=(M==null?void 0:M.max)??320,it=(ce==null?void 0:ce.rowId)===le.id?ce.widthPx:tm(bt,Te);oe({rowId:le.id,url:Pe.url,objectFit:"contain",isVideo:Sp(Pe),widthPx:it,x:Ne,y:tt})},nt=le=>{if(!W||!ce)return;const{x:xe,y:Pe}=rn(le);oe(Ne=>!Ne||Ne.x===xe&&Ne.y===Pe?Ne:{...Ne,x:xe,y:Pe})},an=()=>{oe(null)},Vt=le=>{F&&ka(le,c),W&&oe(null)},jt=le=>{F&&_a(le,c)};l.useLayoutEffect(()=>{if(!m||h){Ae(null);return}const le=be.current,xe=le==null?void 0:le.parentElement;if(!le||!xe){Ae(null);return}const Pe=()=>{const tt=le.querySelector("[data-list-row]");if(!tt){Ae(null);return}const bt=xe.getBoundingClientRect(),Te=tt.getBoundingClientRect();Ae(Te.top-bt.top+Te.height/2)};Pe();const Ne=new ResizeObserver(Pe);return Ne.observe(le),Ne.observe(xe),()=>Ne.disconnect()},[m,h,Et,qe,Qe,Oe,t,e,fe,je,Z,v,D,E,mt]);const ze=l.useMemo(()=>!h&&Yr.some(le=>{const xe=le.charAt(0),Pe=e[`${le}VerticalAlign`];return Ks(Pe,e,xe)}),[h,e,e.AColumnVerticalAlign,e.BColumnVerticalAlign,e.CColumnVerticalAlign,e.DColumnVerticalAlign,e.EColumnVerticalAlign]);l.useLayoutEffect(()=>{var it;const le=ae.current;if(!le)return;const xe=()=>{le.querySelectorAll("[data-list-col]").forEach(De=>{De.style.transform="";const rt=De.querySelector(`.${c}-list-col`);rt&&(rt.style.minHeight="",rt.style.height="");const pt=De.querySelector(`.${c}-list-col-title`);pt&&(pt.style.transform="")})};if(h||!ze){xe();return}const Pe=()=>{const De=Array.from(le.querySelectorAll("[data-list-row]")),rt=`${c}-list-col`,pt=`${c}-baseline-probe`;De.forEach(kt=>{kt.querySelectorAll("[data-list-col]").forEach(St=>{St.style.transform="";const Be=St.querySelector(`.${rt}`);Be&&(Be.style.minHeight="",Be.style.height="");const xt=St.querySelector(`.${c}-list-col-title`);xt&&(xt.style.transform="")})}),De.forEach(kt=>{const St=Array.from(kt.querySelectorAll("[data-list-col]"));Fp(kt,St,rt)}),le.offsetHeight,De.forEach(kt=>{const St=Array.from(kt.querySelectorAll("[data-list-col]")),Be=kt.getBoundingClientRect().top,xt=new Map,Ct=St.map(dt=>{const Ot=dt.querySelector(`.${c}-list-col-title`),Wt={el:dt,titleEl:Ot,letter:dt.getAttribute("data-col-letter")??"",kind:dt.getAttribute("data-valign")??"top",anchor:dt.getAttribute("data-valign-anchor")};return xt.set(Wt.letter,Wt),Wt}),wt=new Map,Dt=(dt,Ot)=>{const Wt=wt.get(dt.letter);if(Wt!==void 0)return Wt;const pn=dt.anchor?xt.get(dt.anchor):void 0;if(dt.kind!=="baseline"||!pn||Ot.has(dt.letter)){const Xn=lr(dt,Be,rt,pt);return wt.set(dt.letter,Xn),Xn}Ot.add(dt.letter);const $n=Dt(pn,Ot);Ot.delete(dt.letter);const mn=lr(dt,Be,rt,pt),qt=$n-mn;Np(dt.titleEl,qt);const Cn=lr(dt,Be,rt,pt);return wt.set(dt.letter,Cn),Cn};Ct.forEach(dt=>Dt(dt,new Set))})};let Ne=null;const tt=()=>{Ne===null&&(Ne=requestAnimationFrame(()=>{Ne=null,Pe()}))};Pe();const bt=new ResizeObserver(()=>tt());bt.observe(le);let Te=!1;return typeof document<"u"&&((it=document.fonts)!=null&&it.ready)&&document.fonts.ready.then(()=>{Te||tt()}),()=>{Te=!0,Ne!==null&&(cancelAnimationFrame(Ne),Ne=null),bt.disconnect(),xe()}},[ze,h,e,t,Z,Et,je]);const vt=l.useMemo(()=>Lp(c),[c]);return r.jsxs(r.Fragment,{children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:vt}}),r.jsx("div",{style:Fe,children:r.jsxs("div",{ref:ae,className:`${c}-wrapper ${_e}${Ft?` ${Ft}`:""}${h?` ${c}-type-b`:""}`.trim(),style:{width:P.scalingValue(b??0,n),...!h&&m?{[`--${c}-first-entry-handle-top`]:Mt}:{}},onMouseMove:W?nt:void 0,onMouseLeave:W?an:void 0,children:[r.jsxs("div",{style:{width:"100%",position:"relative"},children:[Et.map((le,xe)=>{var bt;const Pe=(((bt=le.link)==null?void 0:bt.length)??0)>0,Ne=Pe&&(!n||i)?"a":"div",tt=Wa(xe,Et.length,D,E,mt,v??0,n??!1);return r.jsxs(Ne,{ref:xe===0?Te=>{be.current=Te}:void 0,className:`${c}-list-item${Pe||C==="always"?` ${c}-list-item-has-link`:""}`,...Pe?{href:le.link,target:"_blank"}:{},style:tt,onMouseEnter:Te=>{F&&(Pe||C==="always")&&ka(Te,c),W&&Wn(le,Te)},onMouseLeave:Te=>{F&&(Pe||C==="always")&&_a(Te,c)},children:[qe>0&&r.jsx("div",{className:`${c}-row-padding-handle`,style:{height:Ce(qe)}}),r.jsxs("div",{className:`${c}-list-cols-row${h?"":` ${c}-list-cols-row-h`}${m&&xe===0&&h?` ${c}-list-cols-row-controls`:""}`,...h?{}:{"data-list-row":""},style:h?void 0:{minHeight:Ce(Oe)},children:[fe.map((Te,it)=>{const De=it===fe.length-1,rt=Ve[it],pt=Te.paddingBottom,kt=Cp(le.cells[Te.key]),St=h&&kt&&pt>0,Be=h?{minHeight:Ce(Oe)}:{width:Ce(je[it])},xt=h?{paddingLeft:Ce(B),paddingRight:Ce(B)}:{paddingLeft:Ce(rt.paddingLeft),paddingRight:Ce(rt.paddingRight)},Ct=Te.textPrefix.charAt(0),wt=h?Rp(e[`${Te.textPrefix}VerticalAlign`]):Pp(e[`${Te.textPrefix}VerticalAlign`],e,Ct),Dt=h&&kt&&m&&xe===0;return r.jsxs("div",{className:h?`${c}-list-col-wrap`:void 0,...h?{}:{"data-list-col":"","data-col-letter":Ct,"data-valign":wt.kind,...wt.kind==="baseline"?{"data-valign-anchor":wt.anchorLetter}:{}},children:[r.jsx("div",{className:`${c}-list-col${De?` ${c}-list-col-last`:""}`,style:{...xt,...Be,...h?{justifyContent:Na(wt.kind)}:{}},"data-test":Te.width,children:r.jsx("span",{className:Oa(e,Te.textPrefix,`${c}-list-col-title`,`${c}-text-tight-leading`),style:{...Ha(Po(e,Te.textPrefix),n),...Ba(e,Te.textPrefix,c,n),...h?{}:Mp(wt.kind)},children:le.cells[Te.key]??null})}),St&&r.jsx("div",{className:`${c}-row-padding-handle`,style:{height:Ce(pt)}}),Dt&&r.jsx(_t,{centerXHitTop:`var(--${c}-first-entry-handle-top, 50%)`,"data-controls":Te.paddingBottomKey,"data-controls-static-handle":"","data-controls-axis":"y","data-controls-variant":"column-padding","data-controls-min":"0",className:`${c}-padding-control-handle`,hitPlacement:"center",areaStyle:{position:"absolute",bottom:0,left:0,width:"100%",height:Ce(Math.max(pt,cr))}})]},Te.key)}),m&&xe===0&&h&&r.jsxs(r.Fragment,{children:[r.jsx(_t,{centerXHitTop:`var(--${c}-first-entry-handle-top, 50%)`,"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(Ee),className:`${c}-text-padding-lr-handle`,hitPlacement:"center",areaStyle:{position:"absolute",top:0,left:0,width:Ce(se),height:"100%"}}),r.jsx(_t,{centerXHitTop:`var(--${c}-first-entry-handle-top, 50%)`,"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(Ee),className:`${c}-text-padding-lr-handle`,hitPlacement:"center",areaStyle:{position:"absolute",top:0,left:Ce(Math.max(se,Ge-se)),width:Ce(se),height:"100%"}})]})]}),!h&&Qe>0&&r.jsx("div",{className:`${c}-row-padding-handle`,style:{height:Ce(Qe)}}),m&&xe===0&&!h&&r.jsx(_t,{centerXHitTop:`var(--${c}-first-entry-handle-top, 50%)`,"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:`${c}-padding-control-handle`,hitPlacement:"left-y",areaStyle:{position:"absolute",bottom:0,left:0,width:"100%",height:Ce(At)}})]},le.id)}),m&&r.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:r.jsx(_t,{centerXHitTop:`var(--${c}-first-entry-handle-top, 50%)`,"data-controls":Ht,"data-controls-static-handle":"",...h?{}:{"data-controls-handle-left":"20"},"data-controls-axis":"y","data-controls-variant":"row-padding","data-controls-min":"0",className:`${c}-padding-control-handle`,hitPlacement:h?"center":"left-y",areaStyle:{position:"absolute",top:Je,left:0,width:"100%",height:Ce(Math.max(qe,cr))}})},"row-padding-handles"),m&&!h&&We&&yt&&r.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:[r.jsx(_t,{centerXHitTop:`var(--${c}-first-entry-handle-top, 50%)`,"data-controls":We.paddingLeftKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(je[0]-((et==null?void 0:et.paddingRight)??0)),className:`${c}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:0,width:Ce(ot),height:"100%"}}),r.jsx(_t,{centerXHitTop:`var(--${c}-first-entry-handle-top, 50%)`,"data-controls":yt.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(je[fe.length-1]-((Xe==null?void 0:Xe.paddingLeft)??0)),className:`${c}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:Ce(un-ut),width:Ce(ut),height:"100%"}})]},"column-edge-padding-handles"),m&&!h&&fe.slice(0,-1).map((le,xe)=>{const Pe=fe[xe+1],Ne=Me.slice(0,xe+1).reduce((De,rt)=>De+rt,0),tt=Ve[xe],bt=Ve[xe+1],Te=Math.max(tt.paddingRight,oi),it=Math.max(bt.paddingLeft,oi);return r.jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:[r.jsx(_t,{centerXHitTop:`var(--${c}-first-entry-handle-top, 50%)`,"data-controls":le.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(je[xe]-tt.paddingLeft),className:`${c}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:Ce(Ne-Te),width:Ce(Te),height:"100%"}}),r.jsx(_t,{centerXHitTop:`var(--${c}-first-entry-handle-top, 50%)`,"data-controls":Pe.paddingLeftKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(je[xe+1]-bt.paddingRight),className:`${c}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:Ce(Ne),width:Ce(it),height:"100%"}})]},`${le.paddingRightKey}-padding`)}),m&&!h&&fe.slice(0,-1).map((le,xe)=>{const Pe=em(xe,Me,de,Ge),tt=Me.slice(0,xe+1).reduce((bt,Te)=>bt+Te,0)-ja/2;return r.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:r.jsx("div",{"data-controls":le.widthKey,"data-controls-static-handle":"","data-controls-axis":"x","data-controls-min":String(Qr),"data-controls-max-fraction":String(Pe),"data-controls-variant":"column-width",className:`${c}-col-resize-handle`,style:{position:"absolute",top:"0px",left:Ce(tt),width:Ce(ja),height:"calc(100%)",pointerEvents:"auto"}})},`${le.widthKey}-junction`)})]}),mt&&(()=>{const le=Po(e,bn),xe=kp(e.cutLabelVerticalAlign),Pe=le.textTextAlign==="justify"||h;return r.jsx("button",{type:"button",className:`${c}-cut-item`,style:{minHeight:Ce(S??0),cursor:It?"pointer":"default",...Tp(E,v??0,n??!1)},onClick:It?Ue:void 0,onMouseEnter:F||W?Vt:void 0,onMouseLeave:F?jt:void 0,children:r.jsx("div",{className:`${c}-list-cols-row`,style:{...h?{paddingLeft:Ce(B),paddingRight:Ce(B)}:{},justifyContent:_p(le.textTextAlign),alignItems:Na(xe)},children:r.jsx("span",{className:Oa(e,bn,`${c}-cut-label`,`${c}-text-tight-leading`),style:{...Ha(le,n),...Ba(e,bn,c,n),...Pe?{width:"100%"}:{}},children:z})})})})(),W&&ce&&(()=>{const le=xo(ce.widthPx),xe={width:le,height:"auto",maxHeight:le,objectFit:"contain",left:ce.x,top:ce.y,position:"absolute"};return r.jsx($p,{media:ce,className:ce.isVideo?`${c}-hover-video`:`${c}-hover-image`,style:xe},`${ce.rowId}-${ce.url}`)})()]})})]})}const rm=`import { useEffect, useLayoutEffect, useMemo, useRef, useState, type CSSProperties } from 'react';
5894
5894
  import { CommonComponentProps } from '../props';
5895
5895
  import { buildColorVars, scalingValue, useScopedStyles } from '../utils/index';
5896
5896
  import { omitTextColors, TextStyles, textStylesToCss } from '../utils/textStylesToCss';
@@ -8847,7 +8847,7 @@ export function List({ settings, content, isEditor, isPreviewMode, isEditMode, a
8847
8847
  </>
8848
8848
  );
8849
8849
  }
8850
- `,Si=["A","B","C","D","E"],Ha=[...wr,"Baseline A","Baseline B","Baseline C","Baseline D","Baseline E"],Dn={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 tm(e){return{type:"string",label:e,placeholder:"Add Title...",display:{type:"text-input"}}}function ao(e){return{type:"number",scope:"layout",title:e,min:0,max:100,display:{type:"range-control"}}}function nm(){return Object.fromEntries(Si.map((e,t)=>{const n=Wn[t],i=`${e} column`;return[n,tm(i)]}))}function im(){const e={};for(const t of Si)e[`${t}ColumnWidth`]=ao(`${t} column width`),e[`${t}ColumnPaddingLeft`]=ao(`${t} column padding left`),e[`${t}ColumnPaddingRight`]=ao(`${t} column padding right`),e[`${t}ColumnPaddingBottom`]=ao(`${t} column padding bottom`);return e}function Oa(e={}){const{typeBDefaults:t,...n}=e,i={wrapperWidth:1,columnsOrder:[...Wn]};for(const s of Si)i[`${s}ColumnWidth`]=s==="A"?.0798:.32,i[`${s}ColumnPaddingLeft`]=0,i[`${s}ColumnPaddingRight`]=0,i[`${s}ColumnPaddingBottom`]=0;const o=n.type==="b"&&t?t:{};return{...i,...o,...n}}function om(e){const t={};if(e===Tn)t[`${e}VerticalAlign`]={type:"string",scope:"layout",title:"",display:{type:"drop-down",label:"Vertical alignment",enum:[...wr]},enum:[...wr]};else{const n=e.charAt(0);t[`${e}VerticalAlign`]={type:"string",scope:"layout",title:"",display:{type:"drop-down",label:"Vertical alignment",enum:[...Ha],filterBaselineByTopAnchor:!0,columnLetter:n},enum:[...Ha]}}return t[Ze(e,"textFontFamily")]={type:"string",scope:"common",title:"",display:{type:"font-family-select",hideLabel:!0}},t[Ze(e,"textFontSettings")]={...Dn.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight",hideLabel:!0}},t[Ze(e,"textFontSize")]={...Dn.fontSize,scope:"layout",title:"",display:{type:"font-size"}},t[Ze(e,"textLineHeight")]={...Dn.lineHeight,scope:"layout",title:"",display:{type:"line-height-input"}},t[Ze(e,"textLetterSpacing")]={...Dn.letterSpacing,scope:"layout",title:"",display:{type:"letter-spacing-input"}},t[Ze(e,"textWordSpacing")]={...Dn.wordSpacing,scope:"layout",title:"",display:{type:"word-spacing-input"}},t[Ze(e,"textTextAlign")]={...Dn.textAlign,scope:"layout",title:"",display:{type:"vertical-text-aligh-options"}},t[Ze(e,"textTextAppearance")]={...Dn.textAppearance,scope:"layout",title:"",display:{type:"text-appearance"}},t}const rm=Gr.reduce((e,t)=>({...e,...om(t)}),{});function am(e){return{verticalAlign:e===Tn?"Center":"Top",textFontFamily:"Arial",textFontSettings:{fontWeight:400,fontStyle:"normal"},textLetterSpacing:0,textWordSpacing:0,textTextAlign:e===Tn?"center":"left",textTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}}}function sm(e,t={}){var n;return{...am(e),...t.default,...(n=t.byPrefix)==null?void 0:n[e]}}const Ba=new Set(["textFontFamily","textFontSettings"]);function lm(e,t,n){const i=s=>n===void 0?!0:n==="common"?Ba.has(s):!Ba.has(s),o={};return i("verticalAlign")&&t.verticalAlign!==void 0&&(o[`${e}VerticalAlign`]=Ur(t.verticalAlign)),i("textFontFamily")&&t.textFontFamily!==void 0&&(o[Ze(e,"textFontFamily")]=t.textFontFamily),i("textFontSettings")&&t.textFontSettings!==void 0&&(o[Ze(e,"textFontSettings")]=t.textFontSettings),i("textFontSize")&&t.textFontSize!==void 0&&(o[Ze(e,"textFontSize")]=t.textFontSize),i("textLineHeight")&&t.textLineHeight!==void 0&&(o[Ze(e,"textLineHeight")]=t.textLineHeight),i("textLetterSpacing")&&t.textLetterSpacing!==void 0&&(o[Ze(e,"textLetterSpacing")]=t.textLetterSpacing),i("textWordSpacing")&&t.textWordSpacing!==void 0&&(o[Ze(e,"textWordSpacing")]=t.textWordSpacing),i("textTextAlign")&&t.textTextAlign!==void 0&&(o[Ze(e,"textTextAlign")]=t.textTextAlign),i("textTextAppearance")&&t.textTextAppearance!==void 0&&(o[Ze(e,"textTextAppearance")]=t.textTextAppearance),o}function xo(e={},t){return Gr.reduce((n,i)=>({...n,...lm(i,sm(i,e),t)}),{})}const cm=xo(),dm=Fp();function Gs(e){return[Ze(e,"textFontFamily"),Ze(e,"textFontSettings"),Ze(e,"textFontSize"),Ze(e,"textLineHeight"),Ze(e,"textLetterSpacing"),Ze(e,"textWordSpacing"),Ze(e,"textTextAlign"),Ze(e,"textTextAppearance"),`${e}VerticalAlign`]}function um(){const e=[];return Kr.forEach((t,n)=>{const i=Wn[n],o=Gs(t);for(let s=1;s<Wn.length;s+=1){const a=[{name:"columns",value:s},...Array.from({length:s},(d,c)=>({name:`columnsOrder.${c}`,value:i,isNotEqual:!0}))];o.forEach(d=>{e.push({if:a,then:{name:`properties.${d}.display.visible`,value:!1}})})}}),e}const pm=["textColor","backgroundColor","dividerColor","textHoverColor","backgroundHoverColor","dividerHoverColor"];Gs(Tn);const mm=[...Si.flatMap(e=>[`${e}ColumnWidth`,`${e}ColumnPaddingLeft`,`${e}ColumnPaddingRight`]),"rowPaddingTop","rowPaddingBottom"],qn=[{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"}],gm=[{AColumn:"01",BColumnWidth:"Ethan Parker",CColumnWidth:"Midnight Atlas",DColumnWidth:"Portland, OR",EColumnWidth:"On Display",image:qn[0],link:""},{AColumn:"02",BColumnWidth:"Madison Reed",CColumnWidth:"Echoes in Vermilion",DColumnWidth:"Savannah, GA",EColumnWidth:"Scheduled",image:qn[1],link:""},{AColumn:"03",BColumnWidth:"Noah Bennett",CColumnWidth:"Paper and scissors",DColumnWidth:"Madison, WI",EColumnWidth:"On Display",image:qn[2],link:""},{AColumn:"04",BColumnWidth:"Olivia Carter",CColumnWidth:"The Quiet Frequency",DColumnWidth:"Boise, ID",EColumnWidth:"On Display",image:qn[3],link:""},{AColumn:"05",BColumnWidth:"Mason Brooks",CColumnWidth:"Sights of Tomorrow",DColumnWidth:"Tampa, FL",EColumnWidth:"Postponed",image:qn[4],link:""},{AColumn:"06",BColumnWidth:"Sophia Mitchell",CColumnWidth:"Velvet Horizons",DColumnWidth:"Albuquerque, NM",EColumnWidth:"Scheduled",image:qn[5],link:""},{AColumn:"07",BColumnWidth:"Jackson Turner",CColumnWidth:"Ink & Aurora",DColumnWidth:"Pittsburgh, PA",EColumnWidth:"On Display",image:qn[6],link:""}],hm=[...Si.flatMap(e=>[`${e}ColumnWidth`,`${e}ColumnPaddingLeft`,`${e}ColumnPaddingRight`,`${e}ColumnPaddingBottom`]),"columnsOrder"],fm={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:{...nm(),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:gm},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:"Amount",display:{type:"toggle-numeric-input",enum:["auto","fixed"]},min:1},cellMinHeight:{type:"number",scope:"layout",title:"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"}},...im(),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"}},...rm,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",...cm,...xo({},"common"),backgroundColor:"#FFFFFF00",dividerColor:"#373737",backgroundHoverColor:"#000000",dividerHoverColor:"#000000"},layoutDefaults:{m:Oa({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},...xo({default:{textFontSize:.0906,textLineHeight:.0426,textTextAlign:"left"},byPrefix:{cutLabel:{textTextAlign:"center"}}},"layout")}),d:Oa({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},...xo({default:{textFontSize:.0333,textLineHeight:.0333,textLetterSpacing:-9e-4,textTextAlign:"left",verticalAlign:"center"},byPrefix:{cutLabel:{textTextAlign:"center"}}},"layout")})},displayRules:[...um(),{if:{name:"type",value:"a"},then:{name:"properties.textPaddingLR.display.visible",value:!1}},...mm.map(e=>({if:{name:"type",value:"b"},then:{name:`properties.${e}.display.visible`,value:!1}})),{if:{name:"type",value:"a"},then:{name:"properties.rowPaddingTopB.display.visible",value:!1}},...Si.map(e=>({if:{name:"type",value:"a"},then:{name:`properties.${e}ColumnPaddingBottom.display.visible`,value:!1}}))],layout:["__componentName__","name","type","columns","wrapperWidth","textPaddingLR","entriesCount","cellMinHeight","imageOnHover","imageSize","dividerWidth","showVisibility","cut","showCut","cutCellMinHeight","entryHoverEffect","entryHoverShowOption","cutLabel","rowPaddingTop","rowPaddingBottom","rowPaddingTopB",...hm]},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:"Entries",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__",dm]}],paletteBookmark:{items:[...pm],panelIds:["general","typeStyle"],stateItems:{default:["textColor","backgroundColor","dividerColor","textHoverColor","backgroundHoverColor","dividerHoverColor"]}}},ym={element:Qp,id:"list",name:"Programme",category:"lists",layoutMode:"structured",normalizeLayoutSettingsUpdate:(e,t)=>Gp(e,t),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:fm,sourceCode:em},ja=300,Rn=.004,vm={questionColor:"question-color",answerColor:"answer-color",dividerColor:"divider-color",iconColor:"icon-color",questionHoverColor:"question-hover-color",iconHoverColor:"icon-hover-color",iconActiveColor:"icon-active-color",dividerHoverColor:"divider-hover-color"},bm=["hover","focus","filled","success","error"];function xm(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function za(e,t,n,i){return t!==void 0&&t<(e??.01)?`${n} ${i}`:n}function Va(e,t,n,i){const o=e??.01;return t===void 0||t>=o?{}:{[`--${n}-text-leading-gap`]:E.scalingValue((o-t)/2,i)}}function wm(e){return`
8850
+ `,bi=["A","B","C","D","E"],Va=[...Tr,"Baseline A","Baseline B","Baseline C","Baseline D","Baseline E"],Bn={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 am(e){return{type:"string",label:e,placeholder:"Add Title...",display:{type:"text-input"}}}function so(e){return{type:"number",scope:"layout",title:e,min:0,max:100,display:{type:"range-control"}}}function sm(){return Object.fromEntries(bi.map((e,t)=>{const n=An[t],i=`${e} column`;return[n,am(i)]}))}function lm(){const e={};for(const t of bi)e[`${t}ColumnWidth`]=so(`${t} column width`),e[`${t}ColumnPaddingLeft`]=so(`${t} column padding left`),e[`${t}ColumnPaddingRight`]=so(`${t} column padding right`),e[`${t}ColumnPaddingBottom`]=so(`${t} column padding bottom`);return e}function Da(e={}){const{typeBDefaults:t,...n}=e,i={wrapperWidth:1,columnsOrder:[...An]};for(const s of bi)i[`${s}ColumnWidth`]=s==="A"?.0798:.32,i[`${s}ColumnPaddingLeft`]=0,i[`${s}ColumnPaddingRight`]=0,i[`${s}ColumnPaddingBottom`]=0;const o=n.type==="b"&&t?t:{};return{...i,...o,...n}}function cm(e){const t={};if(e===bn)t[`${e}VerticalAlign`]={type:"string",scope:"layout",title:"",display:{type:"drop-down",label:"Vertical alignment",enum:[...Tr]},enum:[...Tr]};else{const n=e.charAt(0);t[`${e}VerticalAlign`]={type:"string",scope:"layout",title:"",display:{type:"drop-down",label:"Vertical alignment",enum:[...Va],filterBaselineByTopAnchor:!0,columnLetter:n},enum:[...Va]}}return t[Ze(e,"textFontFamily")]={type:"string",scope:"common",title:"",display:{type:"font-family-select",hideLabel:!0}},t[Ze(e,"textFontSettings")]={...Bn.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight",hideLabel:!0}},t[Ze(e,"textFontSize")]={...Bn.fontSize,scope:"layout",title:"",display:{type:"font-size"}},t[Ze(e,"textLineHeight")]={...Bn.lineHeight,scope:"layout",title:"",display:{type:"line-height-input"}},t[Ze(e,"textLetterSpacing")]={...Bn.letterSpacing,scope:"layout",title:"",display:{type:"letter-spacing-input"}},t[Ze(e,"textWordSpacing")]={...Bn.wordSpacing,scope:"layout",title:"",display:{type:"word-spacing-input"}},t[Ze(e,"textTextAlign")]={...Bn.textAlign,scope:"layout",title:"",display:{type:"vertical-text-aligh-options"}},t[Ze(e,"textTextAppearance")]={...Bn.textAppearance,scope:"layout",title:"",display:{type:"text-appearance"}},t}const dm=Jr.reduce((e,t)=>({...e,...cm(t)}),{});function um(e){return{verticalAlign:e===bn?"Center":"Top",textFontFamily:"Arial",textFontSettings:{fontWeight:400,fontStyle:"normal"},textLetterSpacing:0,textWordSpacing:0,textTextAlign:e===bn?"center":"left",textTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}}}function pm(e,t={}){var n;return{...um(e),...t.default,...(n=t.byPrefix)==null?void 0:n[e]}}const qa=new Set(["textFontFamily","textFontSettings"]);function mm(e,t,n){const i=s=>n===void 0?!0:n==="common"?qa.has(s):!qa.has(s),o={};return i("verticalAlign")&&t.verticalAlign!==void 0&&(o[`${e}VerticalAlign`]=Zr(t.verticalAlign)),i("textFontFamily")&&t.textFontFamily!==void 0&&(o[Ze(e,"textFontFamily")]=t.textFontFamily),i("textFontSettings")&&t.textFontSettings!==void 0&&(o[Ze(e,"textFontSettings")]=t.textFontSettings),i("textFontSize")&&t.textFontSize!==void 0&&(o[Ze(e,"textFontSize")]=t.textFontSize),i("textLineHeight")&&t.textLineHeight!==void 0&&(o[Ze(e,"textLineHeight")]=t.textLineHeight),i("textLetterSpacing")&&t.textLetterSpacing!==void 0&&(o[Ze(e,"textLetterSpacing")]=t.textLetterSpacing),i("textWordSpacing")&&t.textWordSpacing!==void 0&&(o[Ze(e,"textWordSpacing")]=t.textWordSpacing),i("textTextAlign")&&t.textTextAlign!==void 0&&(o[Ze(e,"textTextAlign")]=t.textTextAlign),i("textTextAppearance")&&t.textTextAppearance!==void 0&&(o[Ze(e,"textTextAppearance")]=t.textTextAppearance),o}function So(e={},t){return Jr.reduce((n,i)=>({...n,...mm(i,pm(i,e),t)}),{})}const gm=So(),hm=jp();function Js(e){return[Ze(e,"textFontFamily"),Ze(e,"textFontSettings"),Ze(e,"textFontSize"),Ze(e,"textLineHeight"),Ze(e,"textLetterSpacing"),Ze(e,"textWordSpacing"),Ze(e,"textTextAlign"),Ze(e,"textTextAppearance"),`${e}VerticalAlign`]}function fm(){const e=[];return Yr.forEach((t,n)=>{const i=An[n],o=Js(t);for(let s=1;s<An.length;s+=1){const a=[{name:"columns",value:s},...Array.from({length:s},(u,c)=>({name:`columnsOrder.${c}`,value:i,isNotEqual:!0}))];o.forEach(u=>{e.push({if:a,then:{name:`properties.${u}.display.visible`,value:!1}})})}}),e}const ym=["textColor","backgroundColor","dividerColor","textHoverColor","backgroundHoverColor","dividerHoverColor"];Js(bn);const vm=[...bi.flatMap(e=>[`${e}ColumnWidth`,`${e}ColumnPaddingLeft`,`${e}ColumnPaddingRight`]),"rowPaddingTop","rowPaddingBottom"],jn=[{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"}],bm=[{AColumn:"01",BColumnWidth:"Ethan Parker",CColumnWidth:"Midnight Atlas",DColumnWidth:"Portland, OR",EColumnWidth:"On Display",image:jn[0],link:""},{AColumn:"02",BColumnWidth:"Madison Reed",CColumnWidth:"Echoes in Vermilion",DColumnWidth:"Savannah, GA",EColumnWidth:"Scheduled",image:jn[1],link:""},{AColumn:"03",BColumnWidth:"Noah Bennett",CColumnWidth:"Paper and scissors",DColumnWidth:"Madison, WI",EColumnWidth:"On Display",image:jn[2],link:""},{AColumn:"04",BColumnWidth:"Olivia Carter",CColumnWidth:"The Quiet Frequency",DColumnWidth:"Boise, ID",EColumnWidth:"On Display",image:jn[3],link:""},{AColumn:"05",BColumnWidth:"Mason Brooks",CColumnWidth:"Sights of Tomorrow",DColumnWidth:"Tampa, FL",EColumnWidth:"Postponed",image:jn[4],link:""},{AColumn:"06",BColumnWidth:"Sophia Mitchell",CColumnWidth:"Velvet Horizons",DColumnWidth:"Albuquerque, NM",EColumnWidth:"Scheduled",image:jn[5],link:""},{AColumn:"07",BColumnWidth:"Jackson Turner",CColumnWidth:"Ink & Aurora",DColumnWidth:"Pittsburgh, PA",EColumnWidth:"On Display",image:jn[6],link:""}],xm=[...bi.flatMap(e=>[`${e}ColumnWidth`,`${e}ColumnPaddingLeft`,`${e}ColumnPaddingRight`,`${e}ColumnPaddingBottom`]),"columnsOrder"],wm={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:{...sm(),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:bm},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:"Amount",display:{type:"toggle-numeric-input",enum:["auto","fixed"]},min:1},cellMinHeight:{type:"number",scope:"layout",title:"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"}},...lm(),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"}},...dm,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",...gm,...So({},"common"),backgroundColor:"#FFFFFF00",dividerColor:"#373737",backgroundHoverColor:"#000000",dividerHoverColor:"#000000"},layoutDefaults:{m:Da({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},...So({default:{textFontSize:.0906,textLineHeight:.0426,textTextAlign:"left"},byPrefix:{cutLabel:{textTextAlign:"center"}}},"layout")}),d:Da({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},...So({default:{textFontSize:.0333,textLineHeight:.0333,textLetterSpacing:-9e-4,textTextAlign:"left",verticalAlign:"center"},byPrefix:{cutLabel:{textTextAlign:"center"}}},"layout")})},displayRules:[...fm(),{if:{name:"type",value:"a"},then:{name:"properties.textPaddingLR.display.visible",value:!1}},...vm.map(e=>({if:{name:"type",value:"b"},then:{name:`properties.${e}.display.visible`,value:!1}})),{if:{name:"type",value:"a"},then:{name:"properties.rowPaddingTopB.display.visible",value:!1}},...bi.map(e=>({if:{name:"type",value:"a"},then:{name:`properties.${e}ColumnPaddingBottom.display.visible`,value:!1}}))],layout:["__componentName__","name","type","columns","wrapperWidth","textPaddingLR","entriesCount","cellMinHeight","imageOnHover","imageSize","dividerWidth","showVisibility","cut","showCut","cutCellMinHeight","entryHoverEffect","entryHoverShowOption","cutLabel","rowPaddingTop","rowPaddingBottom","rowPaddingTopB",...xm]},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:"Entries",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__",hm]}],paletteBookmark:{items:[...ym],panelIds:["general","typeStyle"],stateItems:{default:["textColor","backgroundColor","dividerColor","textHoverColor","backgroundHoverColor","dividerHoverColor"]}}},Sm={element:om,id:"list",name:"Programme",category:"lists",layoutMode:"structured",normalizeLayoutSettingsUpdate:(e,t)=>Zp(e,t),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:wm,sourceCode:rm},Ka=300,Ln=.004,$m={questionColor:"question-color",answerColor:"answer-color",dividerColor:"divider-color",iconColor:"icon-color",questionHoverColor:"question-hover-color",iconHoverColor:"icon-hover-color",iconActiveColor:"icon-active-color",dividerHoverColor:"divider-hover-color"},Cm=["hover","focus","filled","success","error"];function Tm(e){return`calc(var(--cntrl-article-width, 100vw) * ${e/1440})`}function Ga(e,t,n,i){return t!==void 0&&t<(e??.01)?`${n} ${i}`:n}function Ua(e,t,n,i){const o=e??.01;return t===void 0||t>=o?{}:{[`--${n}-text-leading-gap`]:P.scalingValue((o-t)/2,i)}}function Lm(e){return`
8851
8851
  .${e}-wrapper {
8852
8852
  box-sizing: border-box;
8853
8853
  display: flex;
@@ -8909,7 +8909,7 @@ export function List({ settings, content, isEditor, isPreviewMode, isEditMode, a
8909
8909
  display: flex;
8910
8910
  align-items: center;
8911
8911
  justify-content: space-between;
8912
- gap: ${xm(20)};
8912
+ gap: ${Tm(20)};
8913
8913
  width: 100%;
8914
8914
  min-width: 0;
8915
8915
  min-height: var(--${e}-question-min-height, unset);
@@ -8937,7 +8937,7 @@ export function List({ settings, content, isEditor, isPreviewMode, isEditMode, a
8937
8937
  width: var(--${e}-icon-max-width);
8938
8938
  height: var(--${e}-icon-max-width);
8939
8939
  position: relative;
8940
- transition: transform ${ja}ms ease;
8940
+ transition: transform ${Ka}ms ease;
8941
8941
  }
8942
8942
  .${e}-icon-custom {
8943
8943
  display: flex;
@@ -8972,7 +8972,7 @@ export function List({ settings, content, isEditor, isPreviewMode, isEditMode, a
8972
8972
  .${e}-panel {
8973
8973
  display: grid;
8974
8974
  grid-template-rows: 0fr;
8975
- transition: grid-template-rows ${ja}ms ease;
8975
+ transition: grid-template-rows ${Ka}ms ease;
8976
8976
  }
8977
8977
  .${e}-item-open .${e}-panel {
8978
8978
  grid-template-rows: 1fr;
@@ -9040,7 +9040,7 @@ export function List({ settings, content, isEditor, isPreviewMode, isEditMode, a
9040
9040
  left: 20px;
9041
9041
  transform: translateY(-50%);
9042
9042
  }
9043
- `}function Da(e,t,n,i,o,s,a,d){return{fontSettings:{fontFamily:e,fontWeight:(t==null?void 0:t.fontWeight)??400,fontStyle:(t==null?void 0:t.fontStyle)??"normal"},fontSize:n??.01,lineHeight:i,letterSpacing:o??0,wordSpacing:s??0,textAppearance:a,color:d??"#000000"}}function Sm({settings:e,content:t,isEditor:n,isPreviewMode:i,isEditMode:o,activeEvent:s}){const{prefix:a}=E.useScopedStyles(),d=o??!1,{wrapperWidth:c=1,cellMinHeight:p=0,dividerWidth:u=694e-6,dividerStyle:T="solid",entryHoverEffect:w="default",autoclose:L="off",icon:m,iconMaxWidth:y=.00833,iconPaddingRight:C=0,iconAnimation:b="rotate 45",questionColor:$="#000000",answerColor:S="#000000",dividerColor:F="#0000001F",iconColor:P="#000000",questionHoverColor:k="#666666",iconHoverColor:x="#666666",iconActiveColor:I="#000000",dividerHoverColor:G="#000000",questionFontFamily:f,questionFontSettings:R,questionFontSize:M,questionLineHeight:j,questionLetterSpacing:Z,questionWordSpacing:ue,questionTextAppearance:V,answerFontFamily:_,answerFontSettings:Q,answerFontSize:U,answerLineHeight:H,answerLetterSpacing:J,answerWordSpacing:oe,answerTextAppearance:ie,questionPaddingLeft:W=0,questionPaddingTop:ae=0,questionPaddingBottom:g=0,answerPaddingLeft:te=0,answerPaddingRight:ye=0,answerPaddingTop:me=0,answerPaddingBottom:_e=0}=e,X=t??[],[de,K]=l.useState(()=>new Set),B=!n||i;l.useEffect(()=>{K(new Set)},[L]),l.useEffect(()=>{n&&!o&&!i&&K(new Set)},[n,o,i]);const N=Se=>E.scalingValue(Se,n??!1),re=Math.max(W,Rn),$e=Math.max(ae,Rn),Ne=Math.max(g,Rn),Ie=Math.max(te,Rn),xe=Math.max(ye,Rn),Fe=Math.max(me,Rn),z=Math.max(_e,Rn),q=Math.max(0,(c??1)-C-y),v=Math.max(0,(c??1)-ye),D=Math.max(0,(c??1)-te),O=Math.max(C,Rn),ee=Math.max(0,(c??1)-W-y),se=l.useMemo(()=>de.size===0?0:Math.min(...de),[de]),pe=l.useCallback(Se=>de.has(Se),[de]),Ce=B&&w==="default"?`${a}-entry-hover-default`:"",we=m??"",ve=we!=="",Ge=b.replace(/^rotate /,""),ge=`${a}-icon-anim-${Ge}`,ke=Zt(_t(Da(f,R,M,j,Z,ue,V,$),n)),ze=Zt(_t(Da(_,Q,U,H,J,oe,ie,S),n)),Le=za(M,j,`${a}-question`,`${a}-text-tight-leading`),ot=za(U,H,`${a}-answer-text`,`${a}-text-tight-leading`),tt=Va(M,j,a,n),yt=Va(U,H,a,n),Ke=E.buildColorVars(a,{questionColor:$,answerColor:S,dividerColor:F,iconColor:P,questionHoverColor:k,iconHoverColor:x,iconActiveColor:I,dividerHoverColor:G},vm,bm),st=s&&s!=="default"?`${a}-state-${s}`:"",Ct=l.useCallback(Se=>{B&&K(He=>{if(He.has(Se)){const Ue=new Set(He);return Ue.delete(Se),Ue}if(L==="on")return new Set([Se]);const Xe=new Set(He);return Xe.add(Se),Xe})},[B,L]),It=l.useMemo(()=>wm(a),[a]),Rt={[`--${a}-divider-width`]:E.scalingValue(u,n??!1),[`--${a}-divider-style`]:T,[`--${a}-icon-max-width`]:E.scalingValue(y,n??!1),...p>0?{[`--${a}-question-min-height`]:E.scalingValue(p,n??!1)}:{}};return r.jsxs(r.Fragment,{children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:It}}),r.jsx("div",{style:Ke,children:r.jsx("div",{className:Je(`${a}-wrapper`,n&&!i&&`${a}-editor`,Ce,st),style:{width:E.scalingValue(c,n??!1),maxWidth:"100%",...Rt},children:X.map((Se,He)=>{var zt;const Xe=pe(He),Ue=((zt=Se.question)==null?void 0:zt.trim())??"",Nt=Se.answer,Ot=((Nt==null?void 0:Nt.length)??0)>0,Ht=d&&He===se;return r.jsxs("div",{className:Je(`${a}-item`,Xe&&`${a}-item-open`),"data-faq-item":"",children:[r.jsxs("div",{className:`${a}-question-controls`,children:[Ht&&r.jsxs(r.Fragment,{children:[r.jsx(Ft,{"data-controls":"questionPaddingTop","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",top:0,left:0,width:"100%",height:N($e),zIndex:2}}),r.jsx(Ft,{"data-controls":"questionPaddingLeft","data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(q),className:`${a}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:0,width:N(re),height:"100%",zIndex:2}}),r.jsx(Ft,{"data-controls":"iconPaddingRight","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(ee),className:`${a}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,right:0,width:N(O),height:"100%",zIndex:2}})]}),r.jsxs("button",{type:"button",className:`${a}-question-button`,"aria-expanded":Xe,style:{...ke,...tt,paddingLeft:N(W),paddingRight:N(C)},onClick:()=>Ct(He),children:[ae>0&&r.jsx("span",{className:`${a}-padding-handle`,style:{height:N(ae)},"aria-hidden":"true"}),r.jsxs("span",{className:`${a}-question-row`,children:[r.jsx("span",{className:Le,children:Ue}),Ot&&(ve?r.jsx("span",{className:`${a}-icon ${a}-icon-custom ${ge}`,"aria-hidden":"true",children:r.jsx(ln,{url:we,fill:P,hoverFill:x,className:`${a}-icon-image`})}):r.jsx("span",{className:`${a}-icon ${a}-icon-default ${ge}`,"aria-hidden":"true"}))]}),g>0&&r.jsx("span",{className:`${a}-padding-handle`,style:{height:N(g)},"aria-hidden":"true"})]}),Ht&&r.jsx(Ft,{"data-controls":"questionPaddingBottom","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:N(Ne),zIndex:2}})]}),Ot&&Nt&&r.jsx("div",{className:`${a}-panel`,"aria-hidden":!Xe,children:r.jsx("div",{className:`${a}-panel-inner`,children:r.jsxs("div",{className:`${a}-answer-controls`,children:[Ht&&r.jsxs(r.Fragment,{children:[r.jsx(Ft,{"data-controls":"answerPaddingTop","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",top:0,left:0,width:"100%",height:N(Fe),zIndex:2}}),r.jsx(Ft,{"data-controls":"answerPaddingLeft","data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(v),className:`${a}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:0,width:N(Ie),height:"100%",zIndex:2}}),r.jsx(Ft,{"data-controls":"answerPaddingRight","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(D),className:`${a}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,right:0,width:N(xe),height:"100%",zIndex:2}})]}),me>0&&r.jsx("div",{className:`${a}-padding-handle`,style:{height:N(me)}}),r.jsx("div",{className:`${a}-answer`,style:{...ze,...yt,paddingLeft:N(te),paddingRight:N(ye)},children:r.jsx("div",{className:ot,children:r.jsx(gi,{content:Nt})})}),_e>0&&r.jsx("div",{className:`${a}-padding-handle`,style:{height:N(_e)}}),Ht&&r.jsx(Ft,{"data-controls":"answerPaddingBottom","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:N(z),zIndex:2}})]})})})]},He)})})})]})}const $m=`import { useCallback, useEffect, useMemo, useState } from 'react';
9043
+ `}function Xa(e,t,n,i,o,s,a,u){return{fontSettings:{fontFamily:e,fontWeight:(t==null?void 0:t.fontWeight)??400,fontStyle:(t==null?void 0:t.fontStyle)??"normal"},fontSize:n??.01,lineHeight:i,letterSpacing:o??0,wordSpacing:s??0,textAppearance:a,color:u??"#000000"}}function Em({settings:e,content:t,isEditor:n,isPreviewMode:i,isEditMode:o,activeEvent:s}){const{prefix:a}=P.useScopedStyles(),u=o??!1,{wrapperWidth:c=1,cellMinHeight:m=0,dividerWidth:p=694e-6,dividerStyle:R="solid",entryHoverEffect:b="default",autoclose:I="off",icon:g,iconMaxWidth:v=.00833,iconPaddingRight:T=0,iconAnimation:w="rotate 45",questionColor:$="#000000",answerColor:S="#000000",dividerColor:z="#0000001F",iconColor:M="#000000",questionHoverColor:N="#666666",iconHoverColor:L="#666666",iconActiveColor:C="#000000",dividerHoverColor:J="#000000",questionFontFamily:y,questionFontSettings:k,questionFontSize:_,questionLineHeight:V,questionLetterSpacing:ne,questionWordSpacing:me,questionTextAppearance:K,answerFontFamily:H,answerFontSettings:Q,answerFontSize:Y,answerLineHeight:O,answerLetterSpacing:te,answerWordSpacing:ce,answerTextAppearance:oe,questionPaddingLeft:W=0,questionPaddingTop:ue=0,questionPaddingBottom:h=0,answerPaddingLeft:ae=0,answerPaddingRight:be=0,answerPaddingTop:ye=0,answerPaddingBottom:Ae=0}=e,Z=t??[],[ge,U]=l.useState(()=>new Set),X=!n||i;l.useEffect(()=>{U(new Set)},[I]),l.useEffect(()=>{n&&!o&&!i&&U(new Set)},[n,o,i]);const B=Ce=>P.scalingValue(Ce,n??!1),se=Math.max(W,Ln),Ee=Math.max(ue,Ln),Fe=Math.max(h,Ln),Re=Math.max(ae,Ln),Ie=Math.max(be,Ln),_e=Math.max(ye,Ln),F=Math.max(Ae,Ln),D=Math.max(0,(c??1)-T-v),E=Math.max(0,(c??1)-be),j=Math.max(0,(c??1)-ae),G=Math.max(T,Ln),ee=Math.max(0,(c??1)-W-v),ie=l.useMemo(()=>ge.size===0?0:Math.min(...ge),[ge]),he=l.useCallback(Ce=>ge.has(Ce),[ge]),Se=X&&b==="default"?`${a}-entry-hover-default`:"",$e=g??"",fe=$e!=="",Ge=w.replace(/^rotate /,""),de=`${a}-icon-anim-${Ge}`,Me=Ut(Rt(Xa(y,k,_,V,ne,me,K,$),n)),je=Ut(Rt(Xa(H,Q,Y,O,te,ce,oe,S),n)),Ve=Ga(_,V,`${a}-question`,`${a}-text-tight-leading`),at=Ga(Y,O,`${a}-answer-text`,`${a}-text-tight-leading`),ht=Ua(_,V,a,n),Et=Ua(Y,O,a,n),mt=P.buildColorVars(a,{questionColor:$,answerColor:S,dividerColor:z,iconColor:M,questionHoverColor:N,iconHoverColor:L,iconActiveColor:C,dividerHoverColor:J},$m,Cm),ft=s&&s!=="default"?`${a}-state-${s}`:"",Ft=l.useCallback(Ce=>{X&&U(qe=>{if(qe.has(Ce)){const Oe=new Set(qe);return Oe.delete(Ce),Oe}if(I==="on")return new Set([Ce]);const Qe=new Set(qe);return Qe.add(Ce),Qe})},[X,I]),It=l.useMemo(()=>Lm(a),[a]),Ue={[`--${a}-divider-width`]:P.scalingValue(p,n??!1),[`--${a}-divider-style`]:R,[`--${a}-icon-max-width`]:P.scalingValue(v,n??!1),...m>0?{[`--${a}-question-min-height`]:P.scalingValue(m,n??!1)}:{}};return r.jsxs(r.Fragment,{children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:It}}),r.jsx("div",{style:mt,children:r.jsx("div",{className:Ye(`${a}-wrapper`,n&&!i&&`${a}-editor`,Se,ft),style:{width:P.scalingValue(c,n??!1),maxWidth:"100%",...Ue},children:Z.map((Ce,qe)=>{var Mt;const Qe=he(qe),Oe=((Mt=Ce.question)==null?void 0:Mt.trim())??"",$t=Ce.answer,At=(($t==null?void 0:$t.length)??0)>0,Je=u&&qe===ie;return r.jsxs("div",{className:Ye(`${a}-item`,Qe&&`${a}-item-open`),"data-faq-item":"",children:[r.jsxs("div",{className:`${a}-question-controls`,children:[Je&&r.jsxs(r.Fragment,{children:[r.jsx(_t,{"data-controls":"questionPaddingTop","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",top:0,left:0,width:"100%",height:B(Ee),zIndex:2}}),r.jsx(_t,{"data-controls":"questionPaddingLeft","data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(D),className:`${a}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:0,width:B(se),height:"100%",zIndex:2}}),r.jsx(_t,{"data-controls":"iconPaddingRight","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(ee),className:`${a}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,right:0,width:B(G),height:"100%",zIndex:2}})]}),r.jsxs("button",{type:"button",className:`${a}-question-button`,"aria-expanded":Qe,style:{...Me,...ht,paddingLeft:B(W),paddingRight:B(T)},onClick:()=>Ft(qe),children:[ue>0&&r.jsx("span",{className:`${a}-padding-handle`,style:{height:B(ue)},"aria-hidden":"true"}),r.jsxs("span",{className:`${a}-question-row`,children:[r.jsx("span",{className:Ve,children:Oe}),At&&(fe?r.jsx("span",{className:`${a}-icon ${a}-icon-custom ${de}`,"aria-hidden":"true",children:r.jsx(nn,{url:$e,fill:M,hoverFill:L,className:`${a}-icon-image`})}):r.jsx("span",{className:`${a}-icon ${a}-icon-default ${de}`,"aria-hidden":"true"}))]}),h>0&&r.jsx("span",{className:`${a}-padding-handle`,style:{height:B(h)},"aria-hidden":"true"})]}),Je&&r.jsx(_t,{"data-controls":"questionPaddingBottom","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:B(Fe),zIndex:2}})]}),At&&$t&&r.jsx("div",{className:`${a}-panel`,"aria-hidden":!Qe,children:r.jsx("div",{className:`${a}-panel-inner`,children:r.jsxs("div",{className:`${a}-answer-controls`,children:[Je&&r.jsxs(r.Fragment,{children:[r.jsx(_t,{"data-controls":"answerPaddingTop","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",top:0,left:0,width:"100%",height:B(_e),zIndex:2}}),r.jsx(_t,{"data-controls":"answerPaddingLeft","data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(E),className:`${a}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:0,width:B(Re),height:"100%",zIndex:2}}),r.jsx(_t,{"data-controls":"answerPaddingRight","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(j),className:`${a}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,right:0,width:B(Ie),height:"100%",zIndex:2}})]}),ye>0&&r.jsx("div",{className:`${a}-padding-handle`,style:{height:B(ye)}}),r.jsx("div",{className:`${a}-answer`,style:{...je,...Et,paddingLeft:B(ae),paddingRight:B(be)},children:r.jsx("div",{className:at,children:r.jsx(ui,{content:$t})})}),Ae>0&&r.jsx("div",{className:`${a}-padding-handle`,style:{height:B(Ae)}}),Je&&r.jsx(_t,{"data-controls":"answerPaddingBottom","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:B(F),zIndex:2}})]})})})]},qe)})})})]})}const Im=`import { useCallback, useEffect, useMemo, useState } from 'react';
9044
9044
  import cn from 'classnames';
9045
9045
  import { CommonComponentProps } from '../props';
9046
9046
  import { buildColorVars, scalingValue, useScopedStyles } from '../utils/index';
@@ -9837,7 +9837,7 @@ export function FAQ({ settings, content, isEditor, isPreviewMode, isEditMode, ac
9837
9837
  </>
9838
9838
  );
9839
9839
  }
9840
- `;function An(e){return{type:"number",scope:"layout",title:e,min:0,max:100,display:{type:"range-control"}}}const qa={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},Cm=["questionColor","answerColor","dividerColor","iconColor","questionHoverColor","iconHoverColor","iconActiveColor","dividerHoverColor"],Tm={type:"object",version:1,content:{type:"array",display:{type:"array"},items:{type:"object",properties:{question:{type:"string",label:"Question",placeholder:"Add question...",display:{type:"text-input"}},answer:{label:"Answer",placeholder:"Add answer...",display:{type:"rich-text"}}}},default:[{question:"What are the three main parts of The Divine Comedy?",answer:[{type:"paragraph",children:[{text:"The poem is divided into Inferno, Purgatorio, and Paradiso. These three sections follow Dante’s journey through Hell, Purgatory, and Heaven."}]}]},{question:"Who guides Dante through Hell and most of Purgatory?",answer:[{type:"paragraph",children:[{text:"Dante is guided by Virgil, the ancient Roman poet. Virgil represents human reason and wisdom, but because he lived before Christianity, he cannot guide Dante all the way into Heaven."}]}]},{question:"What does the dark wood at the beginning of the poem symbolize?",answer:[{type:"paragraph",children:[{text:"The dark wood symbolizes Dante’s spiritual confusion and moral crisis. It shows that he has lost the “straight way” in life and needs guidance to return to truth and salvation."}]}]},{question:"What is “contrapasso” in Inferno?",answer:[{type:"paragraph",children:[{text:"“Contrapasso” is the principle that punishments in Hell reflect the sins committed during life. For example, people who caused division are themselves physically divided, showing how their punishment mirrors their wrongdoing."}]}]},{question:"Who guides Dante through Heaven?",answer:[{type:"paragraph",children:[{text:"Beatrice guides Dante through Paradiso. She represents divine love, grace, and spiritual understanding, helping Dante move beyond human reason toward a vision of God."}]}]},{question:"Why is The Divine Comedy important in literary history?",answer:[{type:"paragraph",children:[{text:"The Divine Comedy is important because it is one of the greatest works of world literature and helped shape the Italian language. Dante wrote it in the Tuscan dialect rather than Latin, making serious literature more accessible to ordinary readers."}]}]},{question:"What is the overall journey of The Divine Comedy about?",answer:[{type:"paragraph",children:[{text:"The poem is about Dante’s spiritual journey from sin and despair toward repentance, wisdom, and union with God. On a deeper level, it represents the soul’s path from confusion to divine truth."}]}]}]},settings:{sizing:"auto",properties:{wrapperWidth:{type:"number",scope:"layout",title:"Width",display:{type:"numeric-input"},min:0,max:9999},cellMinHeight:{type:"number",scope:"layout",title:"Min height",display:{type:"numeric-input"},min:0,max:9999},dividerWidth:{type:"number",scope:"layout",title:"Width",display:{type:"numeric-input"},min:0,max:9999},dividerStyle:{type:"string",scope:"common",title:"Style",display:{type:"toggle-cycle",enum:["solid","dashed","dotted"]}},entryHoverEffect:{type:"string",scope:"common",title:"Effect",display:{type:"toggle-cycle",enum:["none","default"]}},autoclose:{type:"string",scope:"common",title:"Autoclose",display:{type:"toggle-cycle",enum:["on","off"]}},icon:{type:["string","null"],scope:"common",title:"Icon",display:{type:"icon-switch-control"}},iconMaxWidth:{type:"number",scope:"layout",title:"Max Width",display:{type:"numeric-input"},min:0,max:9999},iconPaddingRight:An("Icon Padding Right"),iconAnimation:{type:"string",scope:"common",title:"Icon Animation",display:{type:"toggle-cycle",enum:["rotate 180","rotate 90","rotate 45"]}},questionColor:{type:"string",scope:"common",title:"Question Default",display:{type:"palette-color-picker"}},answerColor:{type:"string",scope:"common",title:"Answer Default",display:{type:"palette-color-picker"}},dividerColor:{type:"string",scope:"common",title:"Divider Default",display:{type:"palette-color-picker"}},iconColor:{type:"string",scope:"common",title:"Icon Default",display:{type:"palette-color-picker"}},questionHoverColor:{type:"string",scope:"common",title:"Question Hover",display:{type:"palette-color-picker"}},iconHoverColor:{type:"string",scope:"common",title:"Icon Hover",display:{type:"palette-color-picker"}},iconActiveColor:{type:"string",scope:"common",title:"Icon Active",display:{type:"palette-color-picker"}},dividerHoverColor:{type:"string",scope:"common",title:"Divider Hover",display:{type:"palette-color-picker"}},questionFontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},questionFontSettings:{...qa.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},questionFontSize:{type:"number",scope:"layout",title:"Question Font Size",display:{type:"font-size"}},questionLineHeight:{type:"number",scope:"layout",title:"Question Line Height",display:{type:"line-height-input"}},questionLetterSpacing:{type:"number",scope:"layout",title:"Question Letter Spacing",display:{type:"letter-spacing-input"}},questionWordSpacing:{type:"number",scope:"layout",title:"Question Word Spacing",display:{type:"word-spacing-input"}},questionTextAppearance:{type:"object",scope:"layout",title:"Question Text Appearance",display:{type:"text-appearance"}},answerFontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},answerFontSettings:{...qa.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},answerFontSize:{type:"number",scope:"layout",title:"Answer Font Size",display:{type:"font-size"}},answerLineHeight:{type:"number",scope:"layout",title:"Answer Line Height",display:{type:"line-height-input"}},answerLetterSpacing:{type:"number",scope:"layout",title:"Answer Letter Spacing",display:{type:"letter-spacing-input"}},answerWordSpacing:{type:"number",scope:"layout",title:"Answer Word Spacing",display:{type:"word-spacing-input"}},answerTextAppearance:{type:"object",scope:"layout",title:"Answer Text Appearance",display:{type:"text-appearance"}},questionPaddingLeft:An("Question Padding Left"),questionPaddingTop:An("Question Padding Top"),questionPaddingBottom:An("Question Padding Bottom"),answerPaddingLeft:An("Answer Padding Left"),answerPaddingRight:An("Answer Padding Right"),answerPaddingTop:An("Answer Padding Top"),answerPaddingBottom:An("Answer Padding Bottom")},defaults:{dividerStyle:"dotted",entryHoverEffect:"default",autoclose:"off",icon:"https://cdn.cntrl.site/component-assets/PlusIcon.svg",iconAnimation:"rotate 45",questionColor:"#000000",answerColor:"#000000",dividerColor:"#000000",iconColor:"#000000",questionHoverColor:"#A60239",iconHoverColor:"#A60239",iconActiveColor:"#000000",dividerHoverColor:"#A60239",questionFontFamily:"Goudy Bookletter 1911",questionFontSettings:{fontWeight:400,fontStyle:"normal"},questionLetterSpacing:0,questionWordSpacing:0,questionTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},answerFontFamily:"Goudy Bookletter 1911",answerFontSettings:{fontWeight:400,fontStyle:"normal"},answerLetterSpacing:0,answerWordSpacing:0,answerTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}},layoutDefaults:{m:{wrapperWidth:1,cellMinHeight:0,dividerWidth:.008,iconMaxWidth:.0533,iconPaddingRight:.08,questionFontSize:.09066,questionLineHeight:.10133,questionLetterSpacing:-.00266,answerFontSize:.0533,answerLineHeight:.064,questionPaddingLeft:.0533,questionPaddingTop:.0533,questionPaddingBottom:.0533,answerPaddingLeft:.0533,answerPaddingRight:.16,answerPaddingTop:.0533,answerPaddingBottom:.0533},t:{wrapperWidth:.651041,cellMinHeight:0,dividerWidth:.00390625,iconMaxWidth:.02604166,iconPaddingRight:.0130208,questionFontSize:.0390625,questionLineHeight:.04427,questionLetterSpacing:-.00091145833,answerFontSize:.0234375,answerLineHeight:.026041,questionPaddingLeft:0,questionPaddingTop:.01302,questionPaddingBottom:.01302,answerPaddingLeft:.065104,answerPaddingRight:.09765625,answerPaddingTop:.026041,answerPaddingBottom:.026041},d:{wrapperWidth:.6388,cellMinHeight:0,dividerWidth:.002083,iconMaxWidth:.01388,iconPaddingRight:.01388,questionFontSize:.0333,questionLineHeight:.0333,questionLetterSpacing:-9e-4,answerFontSize:.01111,answerLineHeight:.01388,questionPaddingLeft:0,questionPaddingTop:.01111,questionPaddingBottom:.01111,answerPaddingLeft:.0625,answerPaddingRight:.1625,answerPaddingTop:0,answerPaddingBottom:.01111}},layout:["__componentName__","wrapperWidth","cellMinHeight","dividerWidth","dividerStyle","entryHoverEffect","autoclose","icon","iconMaxWidth","iconAnimation"]},panels:[{id:"general",icon:"settings",title:"General",tooltip:"General Settings",layout:["__componentName__",{type:"row",title:"",items:["wrapperWidth","cellMinHeight"]},{type:"row",title:"",items:["entryHoverEffect","autoclose"]},{type:"row",title:"Divider",items:["dividerWidth","dividerStyle"]},{type:"row",title:"Icon",items:["icon","iconMaxWidth"]},{type:"row",title:"",items:["iconAnimation"]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:["__componentName__",{type:"group",title:"Question",items:["questionFontFamily","questionFontSettings",{type:"row",items:["questionFontSize","questionLineHeight","questionLetterSpacing","questionWordSpacing"]},"questionTextAppearance"]},{type:"group",title:"Answer",items:["answerFontFamily","answerFontSettings",{type:"row",items:["answerFontSize","answerLineHeight","answerLetterSpacing","answerWordSpacing"]},"answerTextAppearance"]}]}],paletteBookmark:{items:[...Cm],panelIds:["general","typeStyle"],stateItems:{default:["questionColor","answerColor","dividerColor","iconColor","questionHoverColor","dividerHoverColor","iconHoverColor","iconActiveColor"]}}},Lm={element:Sm,id:"faq",name:"FAQ",category:"lists",layoutMode:"structured",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/FAQ_List.png"},version:1,defaultSize:{d:{width:720,height:540}},assetsPaths:{content:[],parameters:[{path:"icon"}]},schema:Tm,sourceCode:$m},Ln=e=>e.display==="cover",Vo=e=>{const t=e.ratioValue??"1:1",n=e.reversed??!1,[i,o]=t.split(":").map(Number);return`${n?o:i} / ${n?i:o}`},Ka=100,Em=.2,Ga=8,Us=({enabled:e,onClose:t,animMs:n=300,isBlockedTarget:i})=>{const[o,s]=l.useState(0),[a,d]=l.useState(!1),c=l.useRef(null),p=l.useRef(0);p.current=o;const u=l.useMemo(()=>typeof window>"u"?Ka:Math.max(Ka,window.innerHeight*Em),[]),T=l.useCallback(f=>Math.max(0,1-f/(u*1.5)),[u]),w=l.useCallback(f=>Math.max(0,1-f/(u*.45)),[u]),L=l.useCallback(f=>{const R=typeof window<"u"?window.innerHeight:800,M=Math.max(.88,1-f/R*.12);return`translateY(${f}px) scale(${M})`},[]),m=l.useCallback(()=>{c.current=null},[]),y=l.useCallback(()=>{d(!0),s(0),window.setTimeout(()=>d(!1),n),m()},[n,m]),C=l.useCallback(()=>{const f=typeof window<"u"?window.innerHeight:800;d(!0),s(f),window.setTimeout(()=>{t(),m(),d(!1)},Math.min(n,200))},[n,t,m]),b=l.useCallback(f=>{!e||a||f.pointerType==="touch"&&(i!=null&&i(f.target)||(c.current={startX:f.clientX,startY:f.clientY,isLocked:null,pointerId:f.pointerId}))},[e,a,i]),$=l.useCallback(f=>{const R=c.current;if(!e||!R||f.pointerType!=="touch"||R.pointerId!==f.pointerId)return;const M=f.clientX-R.startX,j=f.clientY-R.startY;if(R.isLocked===null){if(Math.abs(M)<Ga&&Math.abs(j)<Ga)return;if(j>0&&j>Math.abs(M))R.isLocked=!0,f.currentTarget.setPointerCapture(f.pointerId);else{R.isLocked=!1,m();return}}if(!R.isLocked)return;f.preventDefault();const Z=Math.max(0,j);p.current=Z,s(Z)},[e,m]),S=l.useCallback(f=>{const R=c.current;if(!e||!R||f.pointerType!=="touch"||R.pointerId!==f.pointerId)return;const M=R.isLocked===!0;if(f.currentTarget.hasPointerCapture(f.pointerId)&&f.currentTarget.releasePointerCapture(f.pointerId),!M){m();return}f.clientY-R.startY>=u?C():y()},[u,C,e,m,y]),F=l.useCallback(f=>{S(f)},[S]),P=l.useCallback(f=>{S(f)},[S]),k=o>0,x=a?`transform ${n}ms ease`:"none",I=a?`opacity ${n}ms ease`:"none",G=o>0||a;return{isSwipeDragging:k,backdropStyle:{opacity:T(o),transition:I},mediaAreaStyle:{transform:L(o),transition:x,touchAction:k?"none":void 0,willChange:k?"transform":void 0},overlayContentStyle:G?{opacity:w(o),transition:I}:void 0,swipeHandlers:e?{onPointerDown:b,onPointerMove:$,onPointerUp:F,onPointerCancel:P}:{},dismissAreaStyle:e?{touchAction:"none"}:void 0}},Im="[data-lightbox-scrollable]",Xs=()=>{l.useEffect(()=>{const e=window.scrollY,t=document.body.style.overflow,n=document.body.style.position,i=document.body.style.top,o=document.body.style.width,s=document.documentElement.style.overflow;document.body.style.overflow="hidden",document.body.style.position="fixed",document.body.style.top=`-${e}px`,document.body.style.width="100%",document.documentElement.style.overflow="hidden";const a=d=>{const c=d.target;c instanceof Element&&c.closest(Im)||d.preventDefault()};return document.addEventListener("touchmove",a,{passive:!1}),()=>{document.removeEventListener("touchmove",a),document.body.style.overflow=t,document.body.style.position=n,document.body.style.top=i,document.body.style.width=o,document.documentElement.style.overflow=s,window.scrollTo(0,e)}},[])},Pm=(e,t,n,i)=>{const o=Math.min(Math.abs(e)/Math.max(i,1),1);return t+(n-t)*o},Rm=e=>{e.style.transition="",e.style.transform="",e.style.willChange=""},Am=e=>{const t=getComputedStyle(e).transform;return t==="none"?0:new DOMMatrixReadOnly(t).m41},Mm=(e,t,n,{duration:i,easing:o,onComplete:s})=>{const a=e.scrollLeft,d=n-a,c=a-n,p=(m,y)=>{Rm(t),e.scrollLeft=m,y&&(s==null||s())};if(Math.abs(d)<.5)return p(n,!0),()=>{};let u=!1,T=0;const w=()=>{t.removeEventListener("transitionend",L),clearTimeout(T)},L=m=>{m.target!==t||m.propertyName!=="transform"||u||(u=!0,w(),p(n,!0))};return t.addEventListener("transitionend",L),t.style.willChange="transform",t.style.transition="none",t.style.transform="translate3d(0, 0, 0)",t.offsetHeight,t.style.transition=`transform ${i}ms ${o}`,t.style.transform=`translate3d(${c}px, 0, 0)`,T=window.setTimeout(()=>{u||(u=!0,w(),p(n,!0))},i+64),()=>{u||(u=!0,w(),p(a-Am(t),!1))}},di=300,_m=900,km=1500,Wm="cubic-bezier(0.16, 1, 0.3, 1)",Fm=3e3,wo=50,Nm=2,Hm=16,Om=.05,Bm=1,Ua=.5,jm=20,ni=.004,Ui=["title1","title2","title3"],zm={title1:"1",title2:"2",title3:"3"},Vm={title1:"title1Color",title2:"title2Color",title3:"title3Color"},Dm={title1:.02,title2:.02,title3:.02},sr=e=>`max(${e}, ${jm}px)`,qm=e=>{if(!Array.isArray(e)||e.length===0)return{};const t=e.find(o=>(o==null?void 0:o.type)==="paragraph")??e[0],n=t==null?void 0:t.children;if(!Array.isArray(n))return{};const i=n.map(o=>typeof(o==null?void 0:o.text)=="string"?o.text.trim():"").filter(Boolean);return{title1:i[0],title2:i[1],title3:i[2]}},Km=e=>{for(const t of e)if(t.title1||t.title2||t.title3)return{title1:t.title1??"",title2:t.title2??"",title3:t.title3??""};for(const t of e){const n=qm(t.text);if(n.title1||n.title2||n.title3)return{title1:n.title1??"",title2:n.title2??"",title3:n.title3??""}}return{title1:"",title2:"",title3:""}},ut=(e,t)=>`${e}${t.charAt(0).toUpperCase()}${t.slice(1)}`,Gm=e=>[ut(e,"fontFamily"),ut(e,"fontSettings"),{type:"row",items:[ut(e,"fontSize"),ut(e,"lineHeight"),ut(e,"letterSpacing"),ut(e,"wordSpacing")]},ut(e,"textAlign"),ut(e,"textAppearance")],Um=()=>({type:"tab",id:"stripTextStyle",tabs:Object.fromEntries(Ui.map(e=>[zm[e],Gm(e)]))}),Jr=(e,t)=>{if(e<=0)return[];const n=t.slice(0,e),i=n.reduce((s,a)=>s+a,0);if(i<=1)return n;const{widths:o}=[...n].reverse().reduce(({overflow:s,widths:a},d)=>{if(s<=0||d<=0)return{overflow:s,widths:[d,...a]};const c=Math.min(s,d);return{overflow:s-c,widths:[d-c,...a]}},{overflow:i-1,widths:[]});return o},Ys=(e,t)=>Jr(e,t),so=(e,t)=>{const n=t.filter((i,o)=>o!==e).reduce((i,o)=>i+o,0);return Math.max(1-n,0)},Xa=(e,t)=>{const n=e.map(i=>t[i.widthKey]??0);return{resolved:Jr(e.length,n),effective:Ys(e.length,n)}},Xm=(e,t,n,i,o,s,a)=>{const d=[];return t&&d.push({prefix:"title1",widthKey:"title1Width",className:`${e}-title1`,style:o,text:t}),n&&d.push({prefix:"title2",widthKey:"title2Width",marginLeftKey:"title2MarginLeft",className:`${e}-title2`,style:s,text:n}),i&&d.push({prefix:"title3",widthKey:"title3Width",marginLeftKey:"title3MarginLeft",className:`${e}-title3`,style:a,text:i}),d},lr=(e,t)=>{const n=i=>{const o=ut(t,i);return e[o]};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:e[Vm[t]]}},Ym=(e,t,n,i)=>e.slice(0,i).reduce((o,s,a)=>o+(s!=null&&s.marginLeftKey?n[s.marginLeftKey]??0:0)+(t[a]??0),0),cr=(e,t,n)=>{var o,s;const i={fontSettings:{fontFamily:t.fontFamily,fontWeight:((o=t.fontSettings)==null?void 0:o.fontWeight)??400,fontStyle:((s=t.fontSettings)==null?void 0:s.fontStyle)??"normal"},fontSize:t.fontSize??Dm[e],lineHeight:t.lineHeight,letterSpacing:t.letterSpacing,wordSpacing:t.wordSpacing,textAlign:t.textAlign,textAppearance:t.textAppearance,color:t.color??"#ffffff"};return _t(i,n)},Jm=({prefix:e,images:t,settings:n,isEditor:i,isEditMode:o,isPreviewMode:s,onClose:a})=>{const{backgroundColor:d,thumbnailGap:c,thumbnailMarginBottom:p,imageGap:u,closeIcon:T,closeIconMaxWidth:w,closeIconColor:L,closeIconHoverColor:m,thumbnailTrigger:y,thumbnailVisibility:C,thumbnailObjectFit:b,thumbnailActive:$,thumbnailActiveColor:S,title1Width:F,title2Width:P,title3Width:k,title1MarginLeft:x=0,title2MarginLeft:I=0,title3MarginLeft:G=0,titleRowMarginBottom:f=0,titleHeaderLayout:R="desktop",contentMarginTop:M,iconMarginLeft:j}=n,Z=h=>E.scalingValue(h,i??!1),ue=Z(c),V=Z(p??.02),_=Z(u??0),Q=Z(M??0),U=Z(j??0),{title1:H,title2:J,title3:oe}=Km(t),ie=cr("title1",lr(n,"title1"),i),W=cr("title2",lr(n,"title2"),i),ae=cr("title3",lr(n,"title3"),i),g=R==="mobile",te=!o&&(!i||s),ye=te,me=te,_e=te,X=Ln(b),de=X?{"--image-aspect-ratio":Vo(b)}:void 0,K=!!(H||J||oe),B=l.useMemo(()=>Xm(e,H,J,oe,ie,W,ae),[e,H,J,oe,ie,W,ae]),N=l.useMemo(()=>({title1Width:F,title2Width:P,title3Width:k}),[F,P,k]),re=l.useMemo(()=>B.map(h=>N[h.widthKey]),[B,N]),$e=l.useMemo(()=>Jr(B.length,re),[B.length,re]),Ne=l.useMemo(()=>Ys(B.length,re),[B.length,re]),Ie=l.useMemo(()=>B.filter(h=>h.prefix==="title1"),[B]),xe=l.useMemo(()=>B.filter(h=>h.prefix==="title2"||h.prefix==="title3"),[B]),Fe=l.useMemo(()=>Xa(Ie,N),[Ie,N]),z=l.useMemo(()=>Xa(xe,N),[xe,N]),q=l.useCallback((h,Y)=>{const ne=B.indexOf(h);if(!g||Y==="single-row")return{effectiveWidth:Ne[ne]??0,resolvedWidth:$e[ne]??0,maxWidth:so(ne,$e)};if(Y==="two-row-top"){const Ae=Ie.indexOf(h);return{effectiveWidth:Fe.effective[Ae]??0,resolvedWidth:Fe.resolved[Ae]??0,maxWidth:so(Ae,Fe.resolved)}}const he=xe.indexOf(h);return{effectiveWidth:z.effective[he]??0,resolvedWidth:z.resolved[he]??0,maxWidth:so(he,z.resolved)}},[xe,z,Ne,$e,B,Ie,Fe,g]),v=l.useCallback(h=>E.scalingValue(h,i??!1),[i]),D=v(f??0),O=l.useMemo(()=>({title1MarginLeft:x,title2MarginLeft:I,title3MarginLeft:G}),[x,I,G]),ee=l.useCallback(h=>B.slice(0,h+1).reduce((Y,ne,he)=>Y+(ne!=null&&ne.marginLeftKey?O[ne.marginLeftKey]??0:0)+($e[he]??0),0)+(g?0:x??0),[B,O,$e,g,x]),se=l.useCallback(()=>g?0:x??0,[g,x]),pe=l.useCallback(h=>xe.slice(0,h).reduce((Y,ne,he)=>Y+(ne.marginLeftKey?O[ne.marginLeftKey]??0:0)+(z.resolved[he]??0),0),[xe,z.resolved,O]),Ce=l.useCallback(h=>{const Y=xe[h];return pe(h)+(Y.marginLeftKey?O[Y.marginLeftKey]??0:0)+(z.resolved[h]??0)},[xe,z.resolved,pe,O]),we=(h,Y)=>{const ne=h.marginLeftKey?O[h.marginLeftKey]??0:0,{effectiveWidth:he,resolvedWidth:Ae,maxWidth:ct}=q(h,Y),Lt=o&&Y==="two-row-top";return r.jsxs("div",{className:`${e}-title-cell`,"data-title":h.prefix,style:{...Y==="single-row"?{gridArea:h.prefix}:{},width:v(he),...ne>0?{marginLeft:v(ne)}:{}},children:[r.jsx("p",{className:h.className,style:h.style,children:h.text}),Lt&&h.marginLeftKey&&r.jsx("div",{"data-controls":h.marginLeftKey,"data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(Ae),style:{position:"absolute",top:0,left:v(-ne),width:`max(${v(ne)}, 10px)`,height:"100%",pointerEvents:"auto"}}),Lt&&r.jsx("div",{"data-controls":h.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(ct),"data-controls-variant":"column-width",className:`${e}-title-resize-handle`,style:{position:"absolute",top:0,right:v(-ni/2),width:v(ni),height:"100%",pointerEvents:"auto"}})]},h.className)},ve=()=>{const h=g?-1:B.findIndex(he=>he.prefix==="title1"),Y=!g&&(o||(x??0)>0)?(()=>{const he=x??0,Ae=h>=0?$e[h]:F??0;return r.jsx("div",{"data-controls":"title1MarginLeft","data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(Ae),style:{position:"absolute",top:0,left:0,width:`max(${v(he)}, 10px)`,height:"100%",pointerEvents:"auto"}},"title1MarginLeft")})():null,ne=B.flatMap((he,Ae)=>{if(!he.marginLeftKey)return[];const ct=O[he.marginLeftKey]??0,Lt=Ym(B,$e,O,Ae)+se();return r.jsx("div",{"data-controls":he.marginLeftKey,"data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String($e[Ae]),style:{position:"absolute",top:0,left:v(Lt),width:`max(${v(ct)}, 10px)`,height:"100%",pointerEvents:"auto"}},he.marginLeftKey)});return Y?[Y,...ne]:ne},Ge=()=>B.map((h,Y)=>{const ne=so(Y,$e),Ae=ee(Y)-ni/2;return r.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:r.jsx("div",{"data-controls":h.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(ne),"data-controls-variant":"column-width",className:`${e}-title-resize-handle`,style:{position:"absolute",top:0,left:v(Ae),width:v(ni),height:"100%",pointerEvents:"auto"}})},`${h.widthKey}-junction`)}),ge=()=>xe.flatMap((h,Y)=>{if(!h.marginLeftKey)return[];const ne=O[h.marginLeftKey]??0,he=pe(Y),{resolvedWidth:Ae}=q(h,"two-row-bottom");return r.jsx("div",{"data-controls":h.marginLeftKey,"data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(Ae),style:{position:"absolute",top:0,left:v(he),width:`max(${v(ne)}, 10px)`,height:"100%",pointerEvents:"auto"}},h.marginLeftKey)}),ke=()=>xe.map((h,Y)=>{const{maxWidth:ne}=q(h,"two-row-bottom"),Ae=Ce(Y)-ni/2;return r.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:r.jsx("div",{"data-controls":h.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(ne),"data-controls-variant":"column-width",className:`${e}-title-resize-handle`,style:{position:"absolute",top:0,left:v(Ae),width:v(ni),height:"100%",pointerEvents:"auto"}})},`${h.widthKey}-junction`)}),ze=l.useRef(null),Le=l.useRef(null),ot=l.useRef(null),tt=l.useRef([]),yt=l.useRef(0),Ke=l.useRef({isActive:!1,startX:0,scrollLeft:0,hasMoved:!1}),st=l.useRef(null),Ct=l.useRef(null),It=l.useRef(0),Rt=l.useRef("forward"),Se=l.useRef(0),He=l.useRef(null),Xe=l.useRef(!1),Ue=t.length>1&&(!o||!!s),Nt=Ue?3:1,Ot=l.useMemo(()=>Array.from({length:Nt},()=>t).flat(),[t,Nt]),[Ht,zt]=l.useState(!1),[dn,Oe]=l.useState(!1),[Tt,lt]=l.useState(!0),[et,gt]=l.useState(0),qt=l.useRef(et);qt.current=et;const Kt=l.useRef(null),tn=l.useRef(!1),hn=l.useRef(null),Ye=l.useRef(null),nn=ye&&!Tt,At=l.useCallback(()=>{ye&&(lt(!0),Ye.current&&clearTimeout(Ye.current),Ye.current=setTimeout(()=>{Ke.current.isActive||lt(!1)},Fm))},[ye]),kt=l.useCallback(()=>{o||tn.current||(tn.current=!0,Oe(!1),hn.current=setTimeout(()=>{a()},di))},[o,a]),De=()=>r.jsxs("div",{className:`${e}-close-icon`,"data-overlay-content-hidden":nn?"true":"false",style:{width:E.scalingValue(w??0,i),height:E.scalingValue(w??0,i),marginRight:U,"--close-icon-hover-color":m},children:[r.jsx("button",{type:"button",className:`${e}-close-icon-inner`,onClick:kt,"aria-label":"Close",children:r.jsx(ln,{url:T,fill:L,hoverFill:i&&!s?L:m,className:`${e}-close-icon-img`})}),o&&r.jsx("div",{"data-controls":"iconMarginLeft","data-controls-axis":"x","data-controls-reverse":"",className:`${e}-control`,style:{position:"absolute",top:0,left:"100%",width:U,height:"100%",pointerEvents:"auto"}})]}),Wt=(h="two-row")=>r.jsx("div",{...h==="two-row"&&o?{"data-controls":"title1MarginLeft","data-controls-axis":"x"}:{},style:{width:v(x??0),flexShrink:0,...h==="single-row"?{gridArea:"margin"}:{alignSelf:"stretch"},...h==="two-row"&&o?{pointerEvents:"auto"}:{}}}),le=()=>{const h=B.find(he=>he.prefix==="title1"),Y=B.filter(he=>he.prefix==="title2"||he.prefix==="title3"),ne=Y.length>0||o||(f??0)>0;return r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:`${e}-header-row-top`,children:[(x??0)>0||o?Wt():null,h&&we(h,"two-row-top"),T&&De()]}),ne?r.jsxs("div",{className:`${e}-header-row-bottom-wrap`,children:[Y.length>0?r.jsxs("div",{className:`${e}-header-row-bottom`,children:[Y.map(he=>we(he,"two-row-bottom")),o&&r.jsxs(r.Fragment,{children:[ge(),ke()]})]}):null,r.jsx("div",{"data-controls":o?"titleRowMarginBottom":void 0,"data-controls-axis":o?"y":void 0,"data-controls-reverse":o?"":void 0,className:o?`${e}-control`:void 0,style:{height:D,width:"100%",flexShrink:0,pointerEvents:o?"auto":"none"}})]}):null]})},be=()=>r.jsxs(r.Fragment,{children:[(x??0)>0||o?Wt("single-row"):null,B.map(h=>we(h,"single-row")),o?r.jsxs(r.Fragment,{children:[ve(),Ge()]}):null,T?De():null]}),Pe=l.useCallback(h=>!!(h.closest("[data-controls]")||h.closest(`.${e}-thumbnails`)||h.closest(`.${e}-close-icon`)),[e]),{isSwipeDragging:Ve,backdropStyle:ht,mediaAreaStyle:wt,overlayContentStyle:Me,swipeHandlers:ft,dismissAreaStyle:qe}=Us({enabled:te??!1,onClose:kt,animMs:di,isBlockedTarget:Pe}),rt=()=>{if(!Ue||t.length===0)return yt.current=0,0;const h=tt.current[0],Y=tt.current[t.length];if(!h||!Y)return yt.current;const ne=Y.offsetLeft-h.offsetLeft;return ne>0&&(yt.current=ne),yt.current},Qe=(h=!1)=>{if(!Ue)return;const Y=Le.current,ne=rt();!Y||ne<=0||(Y.scrollLeft<=0?(Y.scrollLeft+=ne,h&&(Ke.current.scrollLeft+=ne),Xe.current&&(Se.current+=ne)):Y.scrollLeft>=ne*2&&(Y.scrollLeft-=ne,h&&(Ke.current.scrollLeft-=ne),Xe.current&&(Se.current-=ne)))},Pt=(h=(Y=>(Y=Le.current)==null?void 0:Y.scrollLeft)()??0)=>{var Lt;const ne=((Lt=Le.current)==null?void 0:Lt.clientWidth)??0,he=h+ne/2;let Ae=-1,ct={flatIndex:0,distance:1/0};return tt.current.forEach((Gt,bn)=>{if(!Gt)return;const xn=Gt.offsetLeft,un=xn+Gt.offsetWidth;Ae===-1&&he>=xn&&he<un&&(Ae=bn);const ei=Math.abs(xn-h);ei<ct.distance&&(ct={flatIndex:bn,distance:ei})}),Ae!==-1?Ae:ct.flatIndex},St=h=>{const Y=Le.current;return!h||!Y?!1:h.offsetWidth>Y.clientWidth+1},Be=h=>{Le.current&&tt.current.forEach(Y=>{Y&&(Y.style.scrollSnapAlign=St(Y)&&h==="backward"?"end":"start")})},xt=h=>{const Y=Le.current;if(!h||!Y||!St(h))return!1;const ne=h.offsetLeft,he=ne+h.offsetWidth;return Y.scrollLeft>=ne-1&&Y.scrollLeft+Y.clientWidth<=he+1},at=()=>{!Le.current||t.length===0||Kt.current===null&&gt(Pt()%t.length)},vt=()=>{Kt.current=null},Mt=h=>{const Y=Le.current;Y&&(Y.style.scrollSnapType=h?"":"none")},nt=()=>{var h;(h=Ct.current)==null||h.call(Ct),Ct.current=null},Bt=()=>{He.current!==null&&(cancelAnimationFrame(He.current),He.current=null),Xe.current=!1},on=()=>{const h=Le.current;if(!h){He.current=null,Xe.current=!1;return}const Y=Se.current-h.scrollLeft;if(Math.abs(Y)<.5){h.scrollLeft=Se.current,Qe(),at(),He.current=null,Xe.current=!1;return}h.scrollLeft+=Y*Om,Qe(),at(),At(),He.current=requestAnimationFrame(on)},fn=()=>{const h=ot.current;h&&(h.style.transition="",h.style.transform="",h.style.willChange="")},Pn=(h,Y,ne,he)=>{fn(),h.scrollLeft=Y,It.current=h.scrollLeft,Qe(),ne!==void 0?gt(ne):at(),Mt(!0),he==null||he()},yn=(h,{behavior:Y="smooth",activeIndex:ne,onComplete:he}={})=>{const Ae=Le.current,ct=ot.current;if(!Ae||!ct)return;if(Bt(),nt(),Mt(!1),Y==="auto"){Pn(Ae,h,ne,he);return}const Lt=Math.abs(h-Ae.scrollLeft),Gt=Pm(Lt,_m,km,Ae.clientWidth*.55);Ct.current=Mm(Ae,ct,h,{duration:Gt,easing:Wm,onComplete:()=>{Ct.current=null,Pn(Ae,h,ne,he)}})},On=(h="smooth")=>{if(!Le.current||t.length===0)return;const ne=Pt(),he=tt.current[ne];he&&yn(he.offsetLeft,{behavior:h,activeIndex:ne%t.length})},Bn=(h,Y="smooth")=>{const ne=Le.current;if(!ne||t.length===0)return;const he=ne.scrollLeft-h,Ae=Pt(h),ct=tt.current[Ae];if(xt(ct)){Mt(!0),at();return}const Lt=tt.current[Ae+1],Gt=ct?Lt?Lt.offsetLeft-ct.offsetLeft:ct.offsetWidth:0,bn=Gt>0?he>Gt*Ua?1:he<-Gt*Ua?-1:0:0,xn=Ue?Ae+bn:Math.max(0,Math.min(Ot.length-1,Ae+bn)),un=tt.current[xn];if(!un){On(Y);return}const Ji=he<0&&St(un)?un.offsetLeft+un.offsetWidth-ne.clientWidth:un.offsetLeft,Ci=xn%t.length;Y==="smooth"&&(Kt.current=Ci),gt(Ci),yn(Ji,{behavior:Y,activeIndex:Ci,onComplete:Y==="smooth"?vt:void 0})},vn=(h,Y="smooth")=>{const ne=Le.current,he=Ue?t.length+h:h,Ae=tt.current[he];!ne||!Ae||(Y==="smooth"?Kt.current=h:Kt.current=null,gt(h),yn(Ae.offsetLeft,{behavior:Y,activeIndex:h,onComplete:Y==="smooth"?vt:void 0}))},jn=()=>{st.current&&(window.removeEventListener("pointerup",st.current),window.removeEventListener("pointercancel",st.current),st.current=null)},Qn=h=>{if(!Ke.current.isActive)return;jn();const Y=Le.current;if(!Y)return;const ne=Ke.current.hasMoved,he=Ke.current.scrollLeft;Qe(!0),Ke.current={isActive:!1,startX:0,scrollLeft:0,hasMoved:!1},zt(!1),h!==void 0&&Y.hasPointerCapture(h)&&Y.releasePointerCapture(h),ne?Bn(he):(Mt(!0),at()),At()},Ko=h=>{if(!me)return;if(h.pointerType==="touch"){Bt(),Mt(!0);return}if(h.pointerType!=="mouse"||h.button!==0||Pe(h.target))return;const Y=Le.current;if(!Y)return;Bt(),nt(),fn(),Kt.current=null,Ke.current={isActive:!0,startX:h.clientX,scrollLeft:Y.scrollLeft,hasMoved:!1},Mt(!1),At(),Y.setPointerCapture(h.pointerId),jn();const ne=he=>{he.pointerType==="mouse"&&Qn(he.pointerId)};st.current=ne,window.addEventListener("pointerup",ne),window.addEventListener("pointercancel",ne)},Go=h=>{if(!me||h.pointerType!=="mouse")return;const Y=Le.current;if(!Y||!Ke.current.isActive)return;if(h.buttons===0){Qn(h.pointerId);return}const ne=h.clientX-Ke.current.startX;Math.abs(ne)>Bm&&(Ke.current.hasMoved=!0,zt(!0)),Ke.current.hasMoved&&(h.preventDefault(),Y.scrollLeft=Ke.current.scrollLeft-ne,Qe(!0),at(),At())},$i=h=>{me&&h.pointerType==="mouse"&&Qn(h.pointerId)},Yi=h=>{!me||h.pointerType!=="mouse"||Qn(h.pointerId)};return Xs(),l.useEffect(()=>{const h=requestAnimationFrame(()=>Oe(!0));return()=>{cancelAnimationFrame(h),nt(),jn(),hn.current&&clearTimeout(hn.current),Ye.current&&clearTimeout(Ye.current)}},[]),l.useEffect(()=>{if(!ye){lt(!0);return}At();const h=ze.current;if(!h)return;const Y=()=>At();return h.addEventListener("pointermove",Y),h.addEventListener("pointerdown",Y),()=>{h.removeEventListener("pointermove",Y),h.removeEventListener("pointerdown",Y),Ye.current&&clearTimeout(Ye.current)}},[ye,At]),l.useEffect(()=>{const h=Y=>{Y.key==="Escape"&&kt()};return window.addEventListener("keydown",h),()=>window.removeEventListener("keydown",h)},[kt]),l.useLayoutEffect(()=>{rt()},[_,t.length,Ue]),l.useLayoutEffect(()=>{o||vn(qt.current,"auto")},[_,o]),l.useLayoutEffect(()=>{vn(0,"auto")},[t.length,Ue]),l.useEffect(()=>{const h=Le.current;if(!h||o||!te)return;const Y=ne=>{if(ne.preventDefault(),Math.abs(ne.deltaY)<=Math.abs(ne.deltaX))return;const he=ne.deltaMode===1?Hm:ne.deltaMode===2?h.clientHeight:1,Ae=ne.deltaY*he*Nm;if(Ae!==0){if(nt(),Xe.current||(Xe.current=!0,Se.current=h.scrollLeft,Kt.current=null,Mt(!1)),Se.current+=Ae,!Ue){const ct=h.scrollWidth-h.clientWidth;Se.current=Math.max(0,Math.min(ct,Se.current))}At(),He.current===null&&(He.current=requestAnimationFrame(on))}};return h.addEventListener("wheel",Y,{passive:!1}),()=>{h.removeEventListener("wheel",Y),Bt()}},[o,te,Ue]),l.useEffect(()=>{const h=Le.current;if(!h)return;const Y=()=>{Qe(Ke.current.isActive);const he=h.scrollLeft,Ae=he-It.current;It.current=he;const ct=yt.current>0?yt.current*.5:1/0;if(Ae!==0&&Math.abs(Ae)<ct){const Lt=Ae>0?"forward":"backward";Lt!==Rt.current&&(Rt.current=Lt,Be(Lt))}at()};h.addEventListener("scroll",Y,{passive:!0});const ne=new ResizeObserver(()=>{rt(),Qe(Ke.current.isActive),Be(Rt.current),at()});return ne.observe(h),()=>{nt(),h.removeEventListener("scroll",Y),ne.disconnect()}},[t.length,Ue]),r.jsxs("div",{"data-selection":"none",className:`${e}-lightbox${i?` ${e}-lightbox-editor`:""}${o?` ${e}-lightbox-edit-mode`:""}`,onClick:()=>{Ve||kt()},role:"dialog","aria-modal":"true","aria-label":"Image gallery",style:{opacity:dn?1:0,transition:`opacity ${di}ms ease`,pointerEvents:dn?"auto":"none"},children:[r.jsx("div",{className:`${e}-lightbox-backdrop`,style:{backgroundColor:d,...ht}}),r.jsxs("div",{ref:ze,className:`${e}-lightbox-dismiss-area`,style:qe,...ft,children:[r.jsx("div",{className:`${e}-lightbox-content`,style:wt,onClick:h=>h.stopPropagation(),children:r.jsx("div",{ref:Le,className:`${e}-lightbox-strip`,"data-lightbox-scrollable":"","data-mouse-draggable":me&&t.length>0?"true":"false","data-mouse-dragging":Ht?"true":"false",onPointerDown:Ko,onPointerMove:Go,onPointerUp:$i,onPointerCancel:$i,onLostPointerCapture:Yi,children:r.jsx("div",{ref:ot,className:`${e}-lightbox-strip-track`,style:{gap:_},children:Ot.map((h,Y)=>{const ne=h.image.objectFit??"contain",he=Y%t.length,Ae=Math.floor(Y/t.length),ct=sr(_),Lt=`calc(-0.5 * (${ct} + ${_}))`;return r.jsxs("div",{ref:Gt=>tt.current[Y]=Gt,className:`${e}-strip-item`,style:{height:R==="mobile"?"75vh":"100%"},children:[r.jsx("img",{src:h.image.url,draggable:!1,style:{display:"block",maxWidth:"100%",height:"100%",objectFit:ne}}),o&&he<t.length-1&&Ae===0&&r.jsx("div",{"data-controls":"imageGap","data-controls-axis":"x",style:{position:"absolute",top:0,right:Lt,width:ct,height:"100%",pointerEvents:"auto",zIndex:3}})]},`${Ae}-${h.image.url}-${he}`)})})})}),r.jsxs("div",{className:`${e}-lightbox-content-inner`,"data-overlay-content-hidden":nn?"true":"false",style:Me,children:[r.jsx("div",{"data-controls":o?"contentMarginTop":void 0,"data-controls-axis":o?"y":void 0,"data-controls-handle-left-fraction":o?"0.05":void 0,className:o?`${e}-control`:void 0,style:{height:Q,width:"100%",pointerEvents:o?"auto":"none"}}),r.jsx("div",{style:{display:"flex",flexDirection:"row",width:"100%",flex:1,minHeight:0,pointerEvents:"none"},children:r.jsx("div",{className:`${e}-lightbox-content-area${g?` ${e}-lightbox-content-area-stacked`:""}`,children:(K||T)&&r.jsx("div",{className:`${e}-header ${g?`${e}-header-two-row`:`${e}-header-single-row`}`,children:g?le():K||T?be():null})})})]}),t.length>1&&C==="on"&&(()=>{const h=sr(V),Y=`calc(-0.5 * (${V} + ${h}))`;return r.jsxs("div",{className:`${e}-thumbnails`,"data-lightbox-scrollable":"","data-thumbnail-active":$,"data-overlay-content-hidden":nn?"true":"false",onClick:ne=>ne.stopPropagation(),style:{gap:ue,bottom:V,"--thumbnail-active-color":S,...Me},children:[t.map((ne,he)=>{const Ae=sr(ue),ct=`calc(-0.5 * (${Ae} + ${ue}))`;return r.jsxs("div",{style:{position:"relative",flex:"0 0 auto"},children:[r.jsx("button",{type:"button",className:`${e}-thumb`,"data-active":et===he?"true":"false",onClick:()=>te&&y==="click"&&vn(he),onMouseEnter:()=>_e&&y==="hover"&&vn(he),"aria-label":ne.image.name?`View ${ne.image.name}`:`View image ${he+1}`,"aria-current":et===he?"true":void 0,children:r.jsx("img",{className:`${e}-thumb-image${X?` ${e}-thumb-image-cover`:""}`,src:ne.image.url,alt:"",draggable:!1,style:{...de,...b.display==="cover"?{width:wo}:{width:"100%"}}})}),o&&he<t.length-1&&r.jsx("div",{"data-controls":"thumbnailGap","data-controls-axis":"x",style:{position:"absolute",top:0,right:ct,width:Ae,height:"100%",pointerEvents:"auto",zIndex:3}})]},`thumb-${ne.image.url}-${he}`)}),o&&r.jsx("div",{"data-controls":"thumbnailMarginBottom","data-controls-axis":"y","data-controls-reverse":o?"":void 0,style:{position:"absolute",left:0,right:0,bottom:Y,height:h,pointerEvents:"auto",zIndex:3}})]})})()]})]})};function Zm(e){return`
9840
+ `;function En(e){return{type:"number",scope:"layout",title:e,min:0,max:100,display:{type:"range-control"}}}const Ya={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},Pm=["questionColor","answerColor","dividerColor","iconColor","questionHoverColor","iconHoverColor","iconActiveColor","dividerHoverColor"],Rm={type:"object",version:1,content:{type:"array",display:{type:"array"},items:{type:"object",properties:{question:{type:"string",label:"Question",placeholder:"Add question...",display:{type:"text-input"}},answer:{label:"Answer",placeholder:"Add answer...",display:{type:"rich-text"}}}},default:[{question:"What are the three main parts of The Divine Comedy?",answer:[{type:"paragraph",children:[{text:"The poem is divided into Inferno, Purgatorio, and Paradiso. These three sections follow Dante’s journey through Hell, Purgatory, and Heaven."}]}]},{question:"Who guides Dante through Hell and most of Purgatory?",answer:[{type:"paragraph",children:[{text:"Dante is guided by Virgil, the ancient Roman poet. Virgil represents human reason and wisdom, but because he lived before Christianity, he cannot guide Dante all the way into Heaven."}]}]},{question:"What does the dark wood at the beginning of the poem symbolize?",answer:[{type:"paragraph",children:[{text:"The dark wood symbolizes Dante’s spiritual confusion and moral crisis. It shows that he has lost the “straight way” in life and needs guidance to return to truth and salvation."}]}]},{question:"What is “contrapasso” in Inferno?",answer:[{type:"paragraph",children:[{text:"“Contrapasso” is the principle that punishments in Hell reflect the sins committed during life. For example, people who caused division are themselves physically divided, showing how their punishment mirrors their wrongdoing."}]}]},{question:"Who guides Dante through Heaven?",answer:[{type:"paragraph",children:[{text:"Beatrice guides Dante through Paradiso. She represents divine love, grace, and spiritual understanding, helping Dante move beyond human reason toward a vision of God."}]}]},{question:"Why is The Divine Comedy important in literary history?",answer:[{type:"paragraph",children:[{text:"The Divine Comedy is important because it is one of the greatest works of world literature and helped shape the Italian language. Dante wrote it in the Tuscan dialect rather than Latin, making serious literature more accessible to ordinary readers."}]}]},{question:"What is the overall journey of The Divine Comedy about?",answer:[{type:"paragraph",children:[{text:"The poem is about Dante’s spiritual journey from sin and despair toward repentance, wisdom, and union with God. On a deeper level, it represents the soul’s path from confusion to divine truth."}]}]}]},settings:{sizing:"auto",properties:{wrapperWidth:{type:"number",scope:"layout",title:"Width",display:{type:"numeric-input"},min:0,max:9999},cellMinHeight:{type:"number",scope:"layout",title:"Min height",display:{type:"numeric-input"},min:0,max:9999},dividerWidth:{type:"number",scope:"layout",title:"Width",display:{type:"numeric-input"},min:0,max:9999},dividerStyle:{type:"string",scope:"common",title:"Style",display:{type:"toggle-cycle",enum:["solid","dashed","dotted"]}},entryHoverEffect:{type:"string",scope:"common",title:"Effect",display:{type:"toggle-cycle",enum:["none","default"]}},autoclose:{type:"string",scope:"common",title:"Autoclose",display:{type:"toggle-cycle",enum:["on","off"]}},icon:{type:["string","null"],scope:"common",title:"Icon",display:{type:"icon-switch-control"}},iconMaxWidth:{type:"number",scope:"layout",title:"Max Width",display:{type:"numeric-input"},min:0,max:9999},iconPaddingRight:En("Icon Padding Right"),iconAnimation:{type:"string",scope:"common",title:"Icon Animation",display:{type:"toggle-cycle",enum:["rotate 180","rotate 90","rotate 45"]}},questionColor:{type:"string",scope:"common",title:"Question Default",display:{type:"palette-color-picker"}},answerColor:{type:"string",scope:"common",title:"Answer Default",display:{type:"palette-color-picker"}},dividerColor:{type:"string",scope:"common",title:"Divider Default",display:{type:"palette-color-picker"}},iconColor:{type:"string",scope:"common",title:"Icon Default",display:{type:"palette-color-picker"}},questionHoverColor:{type:"string",scope:"common",title:"Question Hover",display:{type:"palette-color-picker"}},iconHoverColor:{type:"string",scope:"common",title:"Icon Hover",display:{type:"palette-color-picker"}},iconActiveColor:{type:"string",scope:"common",title:"Icon Active",display:{type:"palette-color-picker"}},dividerHoverColor:{type:"string",scope:"common",title:"Divider Hover",display:{type:"palette-color-picker"}},questionFontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},questionFontSettings:{...Ya.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},questionFontSize:{type:"number",scope:"layout",title:"Question Font Size",display:{type:"font-size"}},questionLineHeight:{type:"number",scope:"layout",title:"Question Line Height",display:{type:"line-height-input"}},questionLetterSpacing:{type:"number",scope:"layout",title:"Question Letter Spacing",display:{type:"letter-spacing-input"}},questionWordSpacing:{type:"number",scope:"layout",title:"Question Word Spacing",display:{type:"word-spacing-input"}},questionTextAppearance:{type:"object",scope:"layout",title:"Question Text Appearance",display:{type:"text-appearance"}},answerFontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},answerFontSettings:{...Ya.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},answerFontSize:{type:"number",scope:"layout",title:"Answer Font Size",display:{type:"font-size"}},answerLineHeight:{type:"number",scope:"layout",title:"Answer Line Height",display:{type:"line-height-input"}},answerLetterSpacing:{type:"number",scope:"layout",title:"Answer Letter Spacing",display:{type:"letter-spacing-input"}},answerWordSpacing:{type:"number",scope:"layout",title:"Answer Word Spacing",display:{type:"word-spacing-input"}},answerTextAppearance:{type:"object",scope:"layout",title:"Answer Text Appearance",display:{type:"text-appearance"}},questionPaddingLeft:En("Question Padding Left"),questionPaddingTop:En("Question Padding Top"),questionPaddingBottom:En("Question Padding Bottom"),answerPaddingLeft:En("Answer Padding Left"),answerPaddingRight:En("Answer Padding Right"),answerPaddingTop:En("Answer Padding Top"),answerPaddingBottom:En("Answer Padding Bottom")},defaults:{dividerStyle:"dotted",entryHoverEffect:"default",autoclose:"off",icon:"https://cdn.cntrl.site/component-assets/PlusIcon.svg",iconAnimation:"rotate 45",questionColor:"#000000",answerColor:"#000000",dividerColor:"#000000",iconColor:"#000000",questionHoverColor:"#A60239",iconHoverColor:"#A60239",iconActiveColor:"#000000",dividerHoverColor:"#A60239",questionFontFamily:"Goudy Bookletter 1911",questionFontSettings:{fontWeight:400,fontStyle:"normal"},questionLetterSpacing:0,questionWordSpacing:0,questionTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},answerFontFamily:"Goudy Bookletter 1911",answerFontSettings:{fontWeight:400,fontStyle:"normal"},answerLetterSpacing:0,answerWordSpacing:0,answerTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}},layoutDefaults:{m:{wrapperWidth:1,cellMinHeight:0,dividerWidth:.008,iconMaxWidth:.0533,iconPaddingRight:.08,questionFontSize:.09066,questionLineHeight:.10133,questionLetterSpacing:-.00266,answerFontSize:.0533,answerLineHeight:.064,questionPaddingLeft:.0533,questionPaddingTop:.0533,questionPaddingBottom:.0533,answerPaddingLeft:.0533,answerPaddingRight:.16,answerPaddingTop:.0533,answerPaddingBottom:.0533},t:{wrapperWidth:.651041,cellMinHeight:0,dividerWidth:.00390625,iconMaxWidth:.02604166,iconPaddingRight:.0130208,questionFontSize:.0390625,questionLineHeight:.04427,questionLetterSpacing:-.00091145833,answerFontSize:.0234375,answerLineHeight:.026041,questionPaddingLeft:0,questionPaddingTop:.01302,questionPaddingBottom:.01302,answerPaddingLeft:.065104,answerPaddingRight:.09765625,answerPaddingTop:.026041,answerPaddingBottom:.026041},d:{wrapperWidth:.6388,cellMinHeight:0,dividerWidth:.002083,iconMaxWidth:.01388,iconPaddingRight:.01388,questionFontSize:.0333,questionLineHeight:.0333,questionLetterSpacing:-9e-4,answerFontSize:.01111,answerLineHeight:.01388,questionPaddingLeft:0,questionPaddingTop:.01111,questionPaddingBottom:.01111,answerPaddingLeft:.0625,answerPaddingRight:.1625,answerPaddingTop:0,answerPaddingBottom:.01111}},layout:["__componentName__","wrapperWidth","cellMinHeight","dividerWidth","dividerStyle","entryHoverEffect","autoclose","icon","iconMaxWidth","iconAnimation"]},panels:[{id:"general",icon:"settings",title:"General",tooltip:"General Settings",layout:["__componentName__",{type:"row",title:"",items:["wrapperWidth","cellMinHeight"]},{type:"row",title:"",items:["entryHoverEffect","autoclose"]},{type:"row",title:"Divider",items:["dividerWidth","dividerStyle"]},{type:"row",title:"Icon",items:["icon","iconMaxWidth"]},{type:"row",title:"",items:["iconAnimation"]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:["__componentName__",{type:"group",title:"Question",items:["questionFontFamily","questionFontSettings",{type:"row",items:["questionFontSize","questionLineHeight","questionLetterSpacing","questionWordSpacing"]},"questionTextAppearance"]},{type:"group",title:"Answer",items:["answerFontFamily","answerFontSettings",{type:"row",items:["answerFontSize","answerLineHeight","answerLetterSpacing","answerWordSpacing"]},"answerTextAppearance"]}]}],paletteBookmark:{items:[...Pm],panelIds:["general","typeStyle"],stateItems:{default:["questionColor","answerColor","dividerColor","iconColor","questionHoverColor","dividerHoverColor","iconHoverColor","iconActiveColor"]}}},Am={element:Em,id:"faq",name:"FAQ",category:"lists",layoutMode:"structured",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/FAQ_List.png"},version:1,defaultSize:{d:{width:720,height:540}},assetsPaths:{content:[],parameters:[{path:"icon"}]},schema:Rm,sourceCode:Im},xn=e=>e.display==="cover",Do=e=>{const t=e.ratioValue??"1:1",n=e.reversed??!1,[i,o]=t.split(":").map(Number);return`${n?o:i} / ${n?i:o}`},Ja=100,Mm=.2,Za=8,Zs=({enabled:e,onClose:t,animMs:n=300,isBlockedTarget:i})=>{const[o,s]=l.useState(0),[a,u]=l.useState(!1),c=l.useRef(null),m=l.useRef(0);m.current=o;const p=l.useMemo(()=>typeof window>"u"?Ja:Math.max(Ja,window.innerHeight*Mm),[]),R=l.useCallback(y=>Math.max(0,1-y/(p*1.5)),[p]),b=l.useCallback(y=>Math.max(0,1-y/(p*.45)),[p]),I=l.useCallback(y=>{const k=typeof window<"u"?window.innerHeight:800,_=Math.max(.88,1-y/k*.12);return`translateY(${y}px) scale(${_})`},[]),g=l.useCallback(()=>{c.current=null},[]),v=l.useCallback(()=>{u(!0),s(0),window.setTimeout(()=>u(!1),n),g()},[n,g]),T=l.useCallback(()=>{const y=typeof window<"u"?window.innerHeight:800;u(!0),s(y),window.setTimeout(()=>{t(),g(),u(!1)},Math.min(n,200))},[n,t,g]),w=l.useCallback(y=>{!e||a||y.pointerType==="touch"&&(i!=null&&i(y.target)||(c.current={startX:y.clientX,startY:y.clientY,isLocked:null,pointerId:y.pointerId}))},[e,a,i]),$=l.useCallback(y=>{const k=c.current;if(!e||!k||y.pointerType!=="touch"||k.pointerId!==y.pointerId)return;const _=y.clientX-k.startX,V=y.clientY-k.startY;if(k.isLocked===null){if(Math.abs(_)<Za&&Math.abs(V)<Za)return;if(V>0&&V>Math.abs(_))k.isLocked=!0,y.currentTarget.setPointerCapture(y.pointerId);else{k.isLocked=!1,g();return}}if(!k.isLocked)return;y.preventDefault();const ne=Math.max(0,V);m.current=ne,s(ne)},[e,g]),S=l.useCallback(y=>{const k=c.current;if(!e||!k||y.pointerType!=="touch"||k.pointerId!==y.pointerId)return;const _=k.isLocked===!0;if(y.currentTarget.hasPointerCapture(y.pointerId)&&y.currentTarget.releasePointerCapture(y.pointerId),!_){g();return}y.clientY-k.startY>=p?T():v()},[p,T,e,g,v]),z=l.useCallback(y=>{S(y)},[S]),M=l.useCallback(y=>{S(y)},[S]),N=o>0,L=a?`transform ${n}ms ease`:"none",C=a?`opacity ${n}ms ease`:"none",J=o>0||a;return{isSwipeDragging:N,backdropStyle:{opacity:R(o),transition:C},mediaAreaStyle:{transform:I(o),transition:L,touchAction:N?"none":void 0,willChange:N?"transform":void 0},overlayContentStyle:J?{opacity:b(o),transition:C}:void 0,swipeHandlers:e?{onPointerDown:w,onPointerMove:$,onPointerUp:z,onPointerCancel:M}:{},dismissAreaStyle:e?{touchAction:N?"none":"pan-x"}:void 0}},km="[data-lightbox-scrollable]",Qs=()=>{l.useEffect(()=>{const e=window.scrollY,t=document.body.style.overflow,n=document.body.style.position,i=document.body.style.top,o=document.body.style.width,s=document.documentElement.style.overflow;document.body.style.overflow="hidden",document.body.style.position="fixed",document.body.style.top=`-${e}px`,document.body.style.width="100%",document.documentElement.style.overflow="hidden";const a=u=>{const c=u.target;c instanceof Element&&c.closest(km)||u.preventDefault()};return document.addEventListener("touchmove",a,{passive:!1}),()=>{document.removeEventListener("touchmove",a),document.body.style.overflow=t,document.body.style.position=n,document.body.style.top=i,document.body.style.width=o,document.documentElement.style.overflow=s,window.scrollTo(0,e)}},[])},_m=(e,t,n,i)=>{const o=Math.min(Math.abs(e)/Math.max(i,1),1);return t+(n-t)*o},Wm=e=>{e.style.transition="",e.style.transform="",e.style.willChange=""},Fm=e=>{const t=getComputedStyle(e).transform;return t==="none"?0:new DOMMatrixReadOnly(t).m41},Nm=(e,t,n,{duration:i,easing:o,onComplete:s})=>{const a=e.scrollLeft,u=n-a,c=a-n,m=(g,v)=>{Wm(t),e.scrollLeft=g,v&&(s==null||s())};if(Math.abs(u)<.5)return m(n,!0),()=>{};let p=!1,R=0;const b=()=>{t.removeEventListener("transitionend",I),clearTimeout(R)},I=g=>{g.target!==t||g.propertyName!=="transform"||p||(p=!0,b(),m(n,!0))};return t.addEventListener("transitionend",I),t.style.willChange="transform",t.style.transition="none",t.style.transform="translate3d(0, 0, 0)",t.offsetHeight,t.style.transition=`transform ${i}ms ${o}`,t.style.transform=`translate3d(${c}px, 0, 0)`,R=window.setTimeout(()=>{p||(p=!0,b(),m(n,!0))},i+64),()=>{p||(p=!0,b(),m(a-Fm(t),!1))}},Li=300,Hm=900,Om=1500,Bm="cubic-bezier(0.16, 1, 0.3, 1)",jm=3e3,zm=2,Vm=16,Dm=.05,qm=1,lo=.3,Km=50,Gm=20,ei=.004,Ki=["title1","title2","title3"],Um={title1:"1",title2:"2",title3:"3"},Xm={title1:"title1Color",title2:"title2Color",title3:"title3Color"},Ym={title1:.02,title2:.02,title3:.02},co=e=>`max(${e}, ${Gm}px)`,Jm=e=>{if(!Array.isArray(e)||e.length===0)return{};const t=e.find(o=>(o==null?void 0:o.type)==="paragraph")??e[0],n=t==null?void 0:t.children;if(!Array.isArray(n))return{};const i=n.map(o=>typeof(o==null?void 0:o.text)=="string"?o.text.trim():"").filter(Boolean);return{title1:i[0],title2:i[1],title3:i[2]}},Zm=e=>{if(!e)return{title1:"",title2:"",title3:""};if(e.title1||e.title2||e.title3)return{title1:e.title1??"",title2:e.title2??"",title3:e.title3??""};const t=Jm(e.text);return{title1:t.title1??"",title2:t.title2??"",title3:t.title3??""}},st=(e,t)=>`${e}${t.charAt(0).toUpperCase()}${t.slice(1)}`,Qm=e=>[st(e,"fontFamily"),st(e,"fontSettings"),{type:"row",items:[st(e,"fontSize"),st(e,"lineHeight"),st(e,"letterSpacing"),st(e,"wordSpacing")]},st(e,"textAlign"),st(e,"textAppearance")],eg=()=>({type:"tab",id:"stripTextStyle",tabs:Object.fromEntries(Ki.map(e=>[Um[e],Qm(e)]))}),ta=(e,t)=>{if(e<=0)return[];const n=t.slice(0,e),i=n.reduce((s,a)=>s+a,0);if(i<=1)return n;const{widths:o}=[...n].reverse().reduce(({overflow:s,widths:a},u)=>{if(s<=0||u<=0)return{overflow:s,widths:[u,...a]};const c=Math.min(s,u);return{overflow:s-c,widths:[u-c,...a]}},{overflow:i-1,widths:[]});return o},el=(e,t)=>ta(e,t),uo=(e,t)=>{const n=t.filter((i,o)=>o!==e).reduce((i,o)=>i+o,0);return Math.max(1-n,0)},Qa=(e,t)=>{const n=e.map(i=>t[i.widthKey]??0);return{resolved:ta(e.length,n),effective:el(e.length,n)}},tg=(e,t,n,i,o,s,a)=>{const u=[];return t&&u.push({prefix:"title1",widthKey:"title1Width",className:`${e}-title1`,style:o,text:t}),n&&u.push({prefix:"title2",widthKey:"title2Width",marginLeftKey:"title2MarginLeft",className:`${e}-title2`,style:s,text:n}),i&&u.push({prefix:"title3",widthKey:"title3Width",marginLeftKey:"title3MarginLeft",className:`${e}-title3`,style:a,text:i}),u},ur=(e,t)=>{const n=i=>{const o=st(t,i);return e[o]};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:e[Xm[t]]}},ng=(e,t,n,i)=>e.slice(0,i).reduce((o,s,a)=>o+(s!=null&&s.marginLeftKey?n[s.marginLeftKey]??0:0)+(t[a]??0),0),pr=(e,t,n)=>{var o,s;const i={fontSettings:{fontFamily:t.fontFamily,fontWeight:((o=t.fontSettings)==null?void 0:o.fontWeight)??400,fontStyle:((s=t.fontSettings)==null?void 0:s.fontStyle)??"normal"},fontSize:t.fontSize??Ym[e],lineHeight:t.lineHeight,letterSpacing:t.letterSpacing,wordSpacing:t.wordSpacing,textAlign:t.textAlign,textAppearance:t.textAppearance,color:t.color??"#ffffff"};return Rt(i,n)},ig=({prefix:e,images:t,settings:n,isEditor:i,isEditMode:o,isPreviewMode:s,onClose:a})=>{const{backgroundColor:u,thumbnailSize:c,thumbnailGap:m,thumbnailMarginBottom:p,imageGap:R,closeIcon:b,closeIconMaxWidth:I,closeIconColor:g,closeIconHoverColor:v,thumbnailTrigger:T,thumbnailVisibility:w,thumbnailObjectFit:$,thumbnailActive:S,thumbnailActiveColor:z,title1Width:M,title2Width:N,title3Width:L,title1MarginLeft:C=0,title2MarginLeft:J=0,title3MarginLeft:y=0,titleRowMarginBottom:k=0,titleHeaderLayout:_="desktop",contentMarginTop:V,iconMarginLeft:ne}=n,me=d=>P.scalingValue(d,i??!1),K=c??n.thumnailSize??.03,H=me(K),Q=me(m),Y=me(p??.02),O=me(R??0),te=me(V??0),ce=co(te),oe=me(ne??0),[W,ue]=l.useState(0),h=l.useRef(W);h.current=W;const ae=t[W],{title1:be,title2:ye,title3:Ae}=Zm(ae),Z=pr("title1",ur(n,"title1"),i),ge=pr("title2",ur(n,"title2"),i),U=pr("title3",ur(n,"title3"),i),X=_==="mobile",B=!o&&(!i||s),se=B,Ee=B,Fe=B,Re=xn($),Ie=Re?{"--image-aspect-ratio":Do($)}:void 0,_e=!!(be||ye||Ae),F=l.useMemo(()=>tg(e,be,ye,Ae,Z,ge,U),[e,W,be,ye,Ae,Z,ge,U]),D=l.useMemo(()=>({title1Width:M,title2Width:N,title3Width:L}),[M,N,L]),E=l.useMemo(()=>F.map(d=>D[d.widthKey]),[F,D]),j=l.useMemo(()=>ta(F.length,E),[F.length,E]),G=l.useMemo(()=>el(F.length,E),[F.length,E]),ee=l.useMemo(()=>F.filter(d=>d.prefix==="title1"),[F]),ie=l.useMemo(()=>F.filter(d=>d.prefix==="title2"||d.prefix==="title3"),[F]),he=l.useMemo(()=>Qa(ee,D),[ee,D]),Se=l.useMemo(()=>Qa(ie,D),[ie,D]),$e=l.useCallback((d,f)=>{const x=F.indexOf(d);if(!X||f==="single-row")return{effectiveWidth:G[x]??0,resolvedWidth:j[x]??0,maxWidth:uo(x,j)};if(f==="two-row-top"){const re=ee.indexOf(d);return{effectiveWidth:he.effective[re]??0,resolvedWidth:he.resolved[re]??0,maxWidth:uo(re,he.resolved)}}const q=ie.indexOf(d);return{effectiveWidth:Se.effective[q]??0,resolvedWidth:Se.resolved[q]??0,maxWidth:uo(q,Se.resolved)}},[ie,Se,G,j,F,ee,he,X]),fe=l.useCallback(d=>P.scalingValue(d,i??!1),[i]),Ge=fe(k??0),de=l.useMemo(()=>({title1MarginLeft:C,title2MarginLeft:J,title3MarginLeft:y}),[C,J,y]),Me=l.useCallback(d=>F.slice(0,d+1).reduce((f,x,q)=>f+(x!=null&&x.marginLeftKey?de[x.marginLeftKey]??0:0)+(j[q]??0),0)+(X?0:C??0),[F,de,j,X,C]),je=l.useCallback(()=>X?0:C??0,[X,C]),Ve=l.useCallback(d=>ie.slice(0,d).reduce((f,x,q)=>f+(x.marginLeftKey?de[x.marginLeftKey]??0:0)+(Se.resolved[q]??0),0),[ie,Se.resolved,de]),at=l.useCallback(d=>{const f=ie[d];return Ve(d)+(f.marginLeftKey?de[f.marginLeftKey]??0:0)+(Se.resolved[d]??0)},[ie,Se.resolved,Ve,de]),ht=(d,f)=>{const x=d.marginLeftKey?de[d.marginLeftKey]??0:0,{effectiveWidth:q,resolvedWidth:re,maxWidth:we}=$e(d,f),ke=o&&f==="two-row-top";return r.jsxs("div",{className:`${e}-title-cell`,"data-title":d.prefix,style:{...f==="single-row"?{gridArea:d.prefix}:{},width:fe(q),...x>0?{marginLeft:fe(x)}:{}},children:[r.jsx("p",{className:d.className,style:d.style,children:d.text}),ke&&d.marginLeftKey&&r.jsx("div",{"data-controls":d.marginLeftKey,"data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(re),style:{position:"absolute",top:0,left:fe(-x),width:`max(${fe(x)}, 10px)`,height:"100%",pointerEvents:"auto"}}),ke&&r.jsx("div",{"data-controls":d.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(we),"data-controls-variant":"column-width",className:`${e}-title-resize-handle`,style:{position:"absolute",top:0,right:fe(-ei/2),width:fe(ei),height:"100%",pointerEvents:"auto"}})]},d.className)},Et=()=>{const d=X?-1:F.findIndex(q=>q.prefix==="title1"),f=!X&&(o||(C??0)>0)?(()=>{const q=C??0,re=d>=0?j[d]:M??0;return r.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:`max(${fe(q)}, 10px)`,height:"100%",pointerEvents:"auto"}},"title1MarginLeft")})():null,x=F.flatMap((q,re)=>{if(!q.marginLeftKey)return[];const we=de[q.marginLeftKey]??0,ke=ng(F,j,de,re)+je();return r.jsx("div",{"data-controls":q.marginLeftKey,"data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(j[re]),style:{position:"absolute",top:0,left:fe(ke),width:`max(${fe(we)}, 10px)`,height:"100%",pointerEvents:"auto"}},q.marginLeftKey)});return f?[f,...x]:x},mt=()=>F.map((d,f)=>{const x=uo(f,j),re=Me(f)-ei/2;return r.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:r.jsx("div",{"data-controls":d.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(x),"data-controls-variant":"column-width",className:`${e}-title-resize-handle`,style:{position:"absolute",top:0,left:fe(re),width:fe(ei),height:"100%",pointerEvents:"auto"}})},`${d.widthKey}-junction`)}),ft=()=>ie.flatMap((d,f)=>{if(!d.marginLeftKey)return[];const x=de[d.marginLeftKey]??0,q=Ve(f),{resolvedWidth:re}=$e(d,"two-row-bottom");return r.jsx("div",{"data-controls":d.marginLeftKey,"data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(re),style:{position:"absolute",top:0,left:fe(q),width:`max(${fe(x)}, 10px)`,height:"100%",pointerEvents:"auto"}},d.marginLeftKey)}),Ft=()=>ie.map((d,f)=>{const{maxWidth:x}=$e(d,"two-row-bottom"),re=at(f)-ei/2;return r.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:r.jsx("div",{"data-controls":d.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(x),"data-controls-variant":"column-width",className:`${e}-title-resize-handle`,style:{position:"absolute",top:0,left:fe(re),width:fe(ei),height:"100%",pointerEvents:"auto"}})},`${d.widthKey}-junction`)}),It=l.useRef(null),Ue=l.useRef(null),Ce=l.useRef(null),qe=l.useRef(null),Qe=l.useRef([]),Oe=l.useRef([]),$t=l.useRef(0),At=l.useRef(null),Je=l.useRef({isActive:!1,startX:0,scrollLeft:0,startActiveIndex:0,hasMoved:!1}),Mt=l.useRef(null),Ht=l.useRef(null),We=l.useRef(0),yt=l.useRef("forward"),et=l.useRef(0),Xe=l.useRef(null),ot=l.useRef(!1),ut=t.length>1&&(!o||!!s),un=ut?3:1,rn=l.useMemo(()=>Array.from({length:un},()=>t).flat(),[t,un]),[Wn,nt]=l.useState(!1),[an,Vt]=l.useState(!1),[jt,ze]=l.useState(!0),vt=l.useRef(null),le=l.useRef(null),xe=l.useRef(!1),Pe=l.useRef(!1),Ne=l.useRef(null),tt=l.useRef(null),bt=se&&!jt,Te=l.useCallback(()=>{se&&(ze(!0),tt.current&&clearTimeout(tt.current),tt.current=setTimeout(()=>{Je.current.isActive||ze(!1)},jm))},[se]),it=l.useCallback(()=>{o||Pe.current||(Pe.current=!0,Vt(!1),Ne.current=setTimeout(()=>{a()},Li))},[o,a]),De=()=>r.jsxs("div",{className:`${e}-close-icon`,"data-overlay-content-hidden":bt?"true":"false",style:{width:P.scalingValue(I??0,i),height:P.scalingValue(I??0,i),marginRight:oe,"--close-icon-hover-color":v},children:[r.jsx("button",{type:"button",className:`${e}-close-icon-inner`,onClick:it,"aria-label":"Close",children:r.jsx(nn,{url:b,fill:g,hoverFill:i&&!s?g:v,className:`${e}-close-icon-img`})}),o&&r.jsx("div",{"data-controls":"iconMarginLeft","data-controls-axis":"x","data-controls-reverse":"",className:`${e}-control`,style:{position:"absolute",top:0,left:"100%",width:oe,height:"100%",pointerEvents:"auto"}})]}),rt=(d="two-row")=>r.jsx("div",{...d==="two-row"&&o?{"data-controls":"title1MarginLeft","data-controls-axis":"x"}:{},style:{width:fe(C??0),flexShrink:0,...d==="single-row"?{gridArea:"margin"}:{alignSelf:"stretch"},...d==="two-row"&&o?{pointerEvents:"auto"}:{}}}),pt=()=>{const d=F.find(q=>q.prefix==="title1"),f=F.filter(q=>q.prefix==="title2"||q.prefix==="title3"),x=f.length>0||o||(k??0)>0;return r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:`${e}-header-row-top`,children:[(C??0)>0||o?rt():null,d&&ht(d,"two-row-top"),b&&De()]}),x?r.jsxs("div",{className:`${e}-header-row-bottom-wrap`,children:[f.length>0?r.jsxs("div",{className:`${e}-header-row-bottom`,children:[f.map(q=>ht(q,"two-row-bottom")),o&&r.jsxs(r.Fragment,{children:[ft(),Ft()]})]}):null,r.jsx("div",{"data-controls":o?"titleRowMarginBottom":void 0,"data-controls-axis":o?"y":void 0,"data-controls-reverse":o?"":void 0,className:o?`${e}-control`:void 0,style:{height:Ge,width:"100%",flexShrink:0,pointerEvents:o?"auto":"none"}})]}):null]})},kt=()=>r.jsxs(r.Fragment,{children:[(C??0)>0||o?rt("single-row"):null,F.map(d=>ht(d,"single-row")),o?r.jsxs(r.Fragment,{children:[Et(),mt()]}):null,b?De():null]}),St=l.useCallback(d=>!!(d.closest("[data-controls]")||d.closest(`.${e}-thumbnails`)||d.closest(`.${e}-close-icon`)),[e]),{isSwipeDragging:Be,backdropStyle:xt,mediaAreaStyle:Ct,overlayContentStyle:wt,swipeHandlers:Dt,dismissAreaStyle:dt}=Zs({enabled:B??!1,onClose:it,animMs:Li,isBlockedTarget:St}),Ot=()=>{if(!ut||t.length===0)return $t.current=0,0;const d=Oe.current[0],f=Oe.current[t.length];if(!d||!f)return $t.current;const x=f.offsetLeft-d.offsetLeft;return x>0&&($t.current=x),$t.current},Wt=(d=!1)=>{if(!ut)return;const f=Ue.current,x=Ot();!f||x<=0||x<f.clientWidth*.25||(f.scrollLeft<=0?(f.scrollLeft+=x,d&&(Je.current.scrollLeft+=x),ot.current&&(et.current+=x)):f.scrollLeft>=x*2&&(f.scrollLeft-=x,d&&(Je.current.scrollLeft-=x),ot.current&&(et.current-=x)))},pn=(d,f=(x=>(x=Ue.current)==null?void 0:x.scrollLeft)()??0)=>{if(!ut)return d;let q=t.length+d,re=1/0;for(let we=0;we<un;we++){const ke=we*t.length+d,Ke=Oe.current[ke];if(!Ke)continue;const Pt=Math.abs(Ke.offsetLeft-f);Pt<re&&(re=Pt,q=ke)}return q},$n=d=>{const f=Ue.current;return!d||!f?!1:d.offsetWidth>f.clientWidth+1},mn=d=>{const f=Ue.current;if(!d||!f||!$n(d))return!1;const x=d.offsetLeft,q=x+d.offsetWidth;return f.scrollLeft>=x-1&&f.scrollLeft+f.clientWidth<=q+1},qt=(d=(f=>(f=Ue.current)==null?void 0:f.scrollLeft)()??0)=>{for(let q=0;q<Oe.current.length;q+=1){const re=Oe.current[q];if(re&&mn(re))return q}let x={flatIndex:0,distance:1/0};return Oe.current.forEach((q,re)=>{if(!q)return;const we=Math.abs(q.offsetLeft-d);we<x.distance&&(x={flatIndex:re,distance:we})}),x.flatIndex},Cn=d=>{Ue.current&&Oe.current.forEach(f=>{f&&(f.style.scrollSnapAlign=$n(f)&&d==="backward"?"end":"start")})},Xn=(d,f,x)=>{const q=d-f,re=qt(f),we=Oe.current[re];if(mn(we))return qt(d)%t.length;const ke=Oe.current[re+1],Ke=we?ke?ke.offsetLeft-we.offsetLeft:we.offsetWidth:0,Pt=Ke>0?q>Ke*lo?1:q<-Ke*lo?-1:0:0;return Pt===0?x:ut?(x+Pt+t.length)%t.length:Math.max(0,Math.min(t.length-1,x+Pt))},Yn=l.useCallback((d=!1)=>{if(w!=="on"||o)return;const f=qe.current,x=h.current,q=Qe.current[x];if(!f||!q||f.scrollWidth<=f.clientWidth)return;const re=f.scrollLeft,we=re+f.clientWidth,ke=q.offsetLeft,Ke=ke+q.offsetWidth;if(ke>=re&&Ke<=we)return;const Pt=f.scrollWidth-f.clientWidth;let Tt=re;if(!d&&vt.current===null){const Zn=Qe.current[x-1],wi=Qe.current[x+1],Qi=Zn?q.offsetLeft-Zn.offsetLeft:wi?wi.offsetLeft-q.offsetLeft:q.offsetWidth;Ke>we?Tt+=Qi:ke<re&&(Tt-=Qi)}else Ke>we?Tt=Ke-f.clientWidth:Tt=ke;f.scrollLeft=Math.max(0,Math.min(Pt,Tt))},[o,w]),xi=l.useCallback((d=!1)=>{d&&(xe.current=!0),le.current===null&&(le.current=requestAnimationFrame(()=>{le.current=null;const f=xe.current;xe.current=!1,Yn(f)}))},[Yn]),Go=l.useCallback(d=>{if(d===h.current)return;const f=h.current;h.current=d;const x=Math.abs(d-f)>1,q=ut&&t.length>1&&(f===t.length-1&&d===0||f===0&&d===t.length-1);ue(d),xi(x||q)},[t.length,ut,xi]),Jt=()=>{if(!Ue.current||t.length===0||vt.current!==null||Je.current.isActive&&Je.current.hasMoved)return;const d=Ue.current.scrollLeft,f=qt(d)%t.length;f!==h.current&&Go(f)},Ui=()=>{vt.current=null},Zt=d=>{const f=Ue.current;f&&(f.style.scrollSnapType=d?"":"none")},gn=()=>{var d;(d=Ht.current)==null||d.call(Ht),Ht.current=null},Tn=()=>{Xe.current!==null&&(cancelAnimationFrame(Xe.current),Xe.current=null),ot.current=!1},Fn=()=>{const d=Ue.current;if(!d){Xe.current=null,ot.current=!1;return}const f=et.current-d.scrollLeft;if(Math.abs(f)<.5){d.scrollLeft=et.current,Wt(),Jt(),Xe.current=null,ot.current=!1;return}d.scrollLeft+=f*Dm,Wt(),Jt(),Te(),Xe.current=requestAnimationFrame(Fn)},Nn=()=>{const d=Ce.current;d&&(d.style.transition="",d.style.transform="",d.style.willChange="")},Xi=(d,f,x,q)=>{Nn(),d.scrollLeft=f,We.current=d.scrollLeft,Wt(),x!==void 0?(h.current=x,ue(x)):Jt(),Zt(!0),q==null||q()},Yi=(d,{behavior:f="smooth",activeIndex:x,onComplete:q}={})=>{const re=Ue.current,we=Ce.current;if(!re||!we)return;if(Tn(),gn(),Zt(!1),f==="auto"){Xi(re,d,x,q);return}const ke=Math.abs(d-re.scrollLeft),Ke=_m(ke,Hm,Om,re.clientWidth*.55);Ht.current=Nm(re,we,d,{duration:Ke,easing:Bm,onComplete:()=>{Ht.current=null,Xi(re,d,x,q)}})},Uo=(d="smooth")=>{const f=Ue.current;if(!f||t.length===0)return;const x=qt()%t.length,q=pn(x,f.scrollLeft),re=Oe.current[q];re&&Yi(re.offsetLeft,{behavior:d,activeIndex:x})},Xo=(d,f="smooth",x,q)=>{const re=Ue.current;if(!re||t.length===0)return;const we=(q??re.scrollLeft)-d,ke=qt(d),Ke=Oe.current[ke];if(mn(Ke)){Zt(!0),Jt();return}const Pt=Oe.current[ke+1],Tt=Ke?Pt?Pt.offsetLeft-Ke.offsetLeft:Ke.offsetWidth:0;if((Tt>0?we>Tt*lo?1:we<-Tt*lo?-1:0:0)!==0){const ol=x??ke%t.length,rl=Xn(q??re.scrollLeft,d,ol);sn(rl,f);return}const wi=q??re.scrollLeft,Qi=qt(wi),oa=Oe.current[Qi];if(oa&&Math.abs(oa.offsetLeft-wi)<1){Zt(!0),Jt();return}Uo("auto")},sn=(d,f="smooth")=>{const x=Ue.current;if(!x||t.length===0)return;const q=pn(d,x.scrollLeft),re=Oe.current[q];re&&(f==="smooth"?vt.current=d:vt.current=null,h.current=d,ue(d),xi(!0),Yi(re.offsetLeft,{behavior:f,activeIndex:d,onComplete:f==="smooth"?Ui:void 0}))},Jn=()=>{Mt.current&&(window.removeEventListener("pointerup",Mt.current),window.removeEventListener("pointercancel",Mt.current),Mt.current=null)},Ji=(d,f,x,q,re)=>{const we=x-d,ke=q-f,Ke=Math.abs(we),Pt=Math.abs(ke);if(Ke<Km||Ke<=Pt)return!1;const Tt=we<0?1:-1,Zn=ut?(re+Tt+t.length)%t.length:Math.max(0,Math.min(t.length-1,re+Tt));return Zn===re?!1:(sn(Zn),!0)},Hn=d=>{if(!Je.current.isActive)return;Jn();const f=Ue.current;if(!f)return;const{scrollLeft:x,startActiveIndex:q,hasMoved:re}=Je.current,we=f.scrollLeft;Wt(!0),Je.current={isActive:!1,startX:0,scrollLeft:0,startActiveIndex:0,hasMoved:!1},nt(!1),d!==void 0&&f.hasPointerCapture(d)&&f.releasePointerCapture(d),re?Xo(x,"smooth",q,we):(Zt(!0),Jt()),Te()},Zi=(d,f)=>{const x=At.current;At.current=null,x&&(Ji(x.startX,x.startY,d,f,x.startActiveIndex),Te())},Yo=d=>{if(!Ee)return;if(d.pointerType==="touch"){if(Tn(),Zt(!0),St(d.target))return;At.current={startX:d.clientX,startY:d.clientY,startActiveIndex:h.current};return}if(d.pointerType!=="mouse"||d.button!==0||St(d.target))return;const f=Ue.current;if(!f)return;Tn(),gn(),Nn(),vt.current=null,Je.current={isActive:!0,startX:d.clientX,scrollLeft:f.scrollLeft,startActiveIndex:h.current,hasMoved:!1},Zt(!1),Te(),f.setPointerCapture(d.pointerId),Jn();const x=q=>{q.pointerType==="mouse"&&Hn(q.pointerId)};Mt.current=x,window.addEventListener("pointerup",x),window.addEventListener("pointercancel",x)},Jo=d=>{if(!Ee||d.pointerType!=="mouse")return;const f=Ue.current;if(!f||!Je.current.isActive)return;if(d.buttons===0){Hn(d.pointerId);return}const x=d.clientX-Je.current.startX;Math.abs(x)>qm&&(Je.current.hasMoved=!0,nt(!0)),Je.current.hasMoved&&(d.preventDefault(),f.scrollLeft=Je.current.scrollLeft-x,Wt(!0),Jt(),Te())},A=d=>{if(Ee){if(d.pointerType==="touch"){d.type==="pointerup"?Zi(d.clientX,d.clientY):At.current=null;return}d.pointerType==="mouse"&&Hn(d.pointerId)}},pe=d=>{!Ee||d.pointerType!=="mouse"||Hn(d.pointerId)};return Qs(),l.useEffect(()=>{const d=requestAnimationFrame(()=>Vt(!0));return()=>{cancelAnimationFrame(d),gn(),Jn(),le.current!==null&&(cancelAnimationFrame(le.current),le.current=null),Ne.current&&clearTimeout(Ne.current),tt.current&&clearTimeout(tt.current)}},[]),l.useEffect(()=>{if(!se){ze(!0);return}Te();const d=It.current;if(!d)return;const f=()=>Te();return d.addEventListener("pointermove",f),d.addEventListener("pointerdown",f),()=>{d.removeEventListener("pointermove",f),d.removeEventListener("pointerdown",f),tt.current&&clearTimeout(tt.current)}},[se,Te]),l.useEffect(()=>{const d=f=>{f.key==="Escape"&&it()};return window.addEventListener("keydown",d),()=>window.removeEventListener("keydown",d)},[it]),l.useLayoutEffect(()=>{Ot()},[O,t.length,ut]),l.useLayoutEffect(()=>{o||sn(h.current,"auto")},[O,o]),l.useLayoutEffect(()=>{sn(0,"auto")},[t.length,ut]),l.useEffect(()=>{const d=Ue.current;if(!d||o||!B)return;const f=x=>{if(x.preventDefault(),Math.abs(x.deltaY)<=Math.abs(x.deltaX))return;const q=x.deltaMode===1?Vm:x.deltaMode===2?d.clientHeight:1,re=x.deltaY*q*zm;if(re!==0){if(gn(),ot.current||(ot.current=!0,et.current=d.scrollLeft,vt.current=null,Zt(!1)),et.current+=re,!ut){const we=d.scrollWidth-d.clientWidth;et.current=Math.max(0,Math.min(we,et.current))}Te(),Xe.current===null&&(Xe.current=requestAnimationFrame(Fn))}};return d.addEventListener("wheel",f,{passive:!1}),()=>{d.removeEventListener("wheel",f),Tn()}},[o,B,ut]),l.useEffect(()=>{const d=Ue.current;if(!d)return;const f=()=>{Wt(Je.current.isActive);const q=d.scrollLeft,re=q-We.current;We.current=q;const we=$t.current>0?$t.current*.5:1/0;if(re!==0&&Math.abs(re)<we){const ke=re>0?"forward":"backward";ke!==yt.current&&(yt.current=ke,Cn(ke))}Je.current.isActive&&Je.current.hasMoved||Jt()};d.addEventListener("scroll",f,{passive:!0});const x=new ResizeObserver(()=>{Ot(),Wt(Je.current.isActive),Cn(yt.current),Jt()});return x.observe(d),()=>{gn(),d.removeEventListener("scroll",f),x.disconnect()}},[t.length,ut]),r.jsxs("div",{"data-selection":"none",className:`${e}-lightbox${i?` ${e}-lightbox-editor`:""}${o?` ${e}-lightbox-edit-mode`:""}`,onClick:()=>{Be||it()},role:"dialog","aria-modal":"true","aria-label":"Image gallery",style:{opacity:an?1:0,transition:`opacity ${Li}ms ease`,pointerEvents:an?"auto":"none"},children:[r.jsx("div",{className:`${e}-lightbox-backdrop`,style:{backgroundColor:u,...xt}}),r.jsxs("div",{ref:It,className:`${e}-lightbox-dismiss-area`,style:dt,...Dt,children:[r.jsx("div",{className:`${e}-lightbox-content`,style:Ct,onClick:d=>d.stopPropagation(),children:r.jsx("div",{ref:Ue,className:`${e}-lightbox-strip`,"data-lightbox-scrollable":"","data-mouse-draggable":Ee&&t.length>0?"true":"false","data-mouse-dragging":Wn?"true":"false",onPointerDown:Yo,onPointerMove:Jo,onPointerUp:A,onPointerCancel:A,onLostPointerCapture:pe,children:r.jsx("div",{ref:Ce,className:`${e}-lightbox-strip-track`,style:{gap:O},children:rn.map((d,f)=>{const x=d.image.objectFit??"contain",q=f%t.length,re=Math.floor(f/t.length),we=co(O),ke=`calc(-0.5 * (${we} + ${O}))`;return r.jsxs("div",{ref:Ke=>Oe.current[f]=Ke,className:`${e}-strip-item`,style:{height:_==="mobile"?"75vh":"100%"},children:[r.jsx("img",{src:d.image.url,draggable:!1,style:{display:"block",maxWidth:"100%",height:"100%",objectFit:x}}),o&&q<t.length-1&&re===0&&r.jsx("div",{"data-controls":"imageGap","data-controls-axis":"x",style:{position:"absolute",top:0,right:ke,width:we,height:"100%",pointerEvents:"auto",zIndex:3}})]},`${re}-${d.image.url}-${q}`)})})})}),r.jsxs("div",{className:`${e}-lightbox-content-inner`,"data-overlay-content-hidden":bt?"true":"false",style:wt,children:[r.jsx("div",{style:{position:"relative",width:"100%",height:te,flexShrink:0,pointerEvents:"none"},children:o&&r.jsx("div",{"data-controls":"contentMarginTop","data-controls-axis":"y","data-controls-handle-left-fraction":"0.05",style:{position:"absolute",left:0,right:0,top:0,height:ce,pointerEvents:"auto",zIndex:3}})}),r.jsx("div",{style:{display:"flex",flexDirection:"row",width:"100%",flex:1,minHeight:0,pointerEvents:"none"},children:r.jsx("div",{className:`${e}-lightbox-content-area${X?` ${e}-lightbox-content-area-stacked`:""}`,children:(_e||b)&&r.jsx("div",{className:`${e}-header ${X?`${e}-header-two-row`:`${e}-header-single-row`}`,children:X?pt():_e||b?kt():null})})})]}),t.length>1&&w==="on"&&(()=>{const d=co(Y),f=`calc(-0.5 * (${Y} + ${d}))`;return r.jsx("div",{className:`${e}-thumbnails-wrap`,style:{bottom:Y},children:r.jsx("div",{ref:qe,className:`${e}-thumbnails`,"data-lightbox-scrollable":"",onClick:x=>x.stopPropagation(),children:r.jsxs("div",{className:`${e}-thumbnails-track`,"data-thumbnail-active":S,style:{gap:Q,"--thumbnail-active-color":z},children:[t.map((x,q)=>{const re=co(Q),we=`calc(-0.5 * (${re} + ${Q}))`;return r.jsxs("div",{ref:ke=>{Qe.current[q]=ke},style:{position:"relative",flex:"0 0 auto"},children:[r.jsx("button",{type:"button",className:`${e}-thumb`,"data-active":W===q?"true":"false",onClick:()=>B&&T==="click"&&sn(q),onMouseEnter:()=>Fe&&T==="hover"&&sn(q),"aria-label":x.image.name?`View ${x.image.name}`:`View image ${q+1}`,"aria-current":W===q?"true":void 0,children:r.jsx("img",{className:`${e}-thumb-image${Re?` ${e}-thumb-image-cover`:""}`,src:x.image.url,alt:"",draggable:!1,style:{...Ie,maxWidth:H,maxHeight:H,width:$.display==="cover"?"auto":"100%",height:"auto",objectFit:$.display==="cover"?"cover":"contain"}})}),o&&q<t.length-1&&r.jsx("div",{"data-controls":"thumbnailGap","data-controls-axis":"x",style:{position:"absolute",top:0,right:we,width:re,height:"100%",pointerEvents:"auto",zIndex:3}})]},`thumb-${x.image.url}-${q}`)}),o&&r.jsx("div",{"data-controls":"thumbnailMarginBottom","data-controls-axis":"y","data-controls-reverse":o?"":void 0,style:{position:"absolute",left:0,right:0,bottom:f,height:d,pointerEvents:"auto",zIndex:3}})]})})})})()]})]})};function og(e){return`
9841
9841
  .${e}-wrapper {
9842
9842
  position: relative;
9843
9843
  width: 100%;
@@ -9896,6 +9896,7 @@ export function FAQ({ settings, content, isEditor, isPreviewMode, isEditMode, ac
9896
9896
  .${e}-lightbox-editor {
9897
9897
  inset: auto;
9898
9898
  top: 0;
9899
+ overflow: hidden;
9899
9900
  left: var(--cntrl-article-left, 0);
9900
9901
  width: var(--cntrl-article-width, 100vw) !important;
9901
9902
  height: var(--cntrl-viewport-height, 100vh) !important;
@@ -9983,30 +9984,31 @@ export function FAQ({ settings, content, isEditor, isPreviewMode, isEditMode, ac
9983
9984
  user-select: none;
9984
9985
  }
9985
9986
 
9986
- .${e}-thumbnails {
9987
+ .${e}-thumbnails-wrap {
9987
9988
  position: absolute;
9988
- left: 50%;
9989
- transform: translateX(-50%);
9989
+ left: 16px;
9990
+ right: 16px;
9990
9991
  z-index: 2;
9991
- display: flex;
9992
- flex-direction: row;
9993
- flex-wrap: nowrap;
9994
- align-items: center;
9995
- justify-content: center;
9996
- max-width: calc(100% - 32px);
9992
+ pointer-events: auto;
9993
+ }
9994
+
9995
+ .${e}-thumbnails {
9996
+ width: 100%;
9997
9997
  overflow-x: auto;
9998
9998
  scrollbar-width: none;
9999
- pointer-events: auto;
10000
- opacity: 1;
10001
- transition: opacity ${di}ms ease;
10002
9999
  }
10003
10000
 
10004
- .${e}-thumbnails[data-overlay-content-hidden="true"] {
10005
- opacity: 0;
10006
- pointer-events: none;
10001
+ .${e}-thumbnails-track {
10002
+ display: flex;
10003
+ flex-direction: row;
10004
+ flex-wrap: nowrap;
10005
+ align-items: flex-end;
10006
+ justify-content: center;
10007
+ width: max-content;
10008
+ min-width: 100%;
10007
10009
  }
10008
10010
 
10009
- .${e}-lightbox-editor .${e}-thumbnails {
10011
+ .${e}-lightbox-editor.${e}-lightbox-edit-mode .${e}-thumbnails {
10010
10012
  overflow: visible;
10011
10013
  }
10012
10014
 
@@ -10020,41 +10022,30 @@ export function FAQ({ settings, content, isEditor, isPreviewMode, isEditMode, ac
10020
10022
  align-items: center;
10021
10023
  justify-content: center;
10022
10024
  padding: 0;
10023
- border: 1px solid transparent;
10025
+ border: none;
10024
10026
  background: transparent;
10025
10027
  cursor: pointer;
10026
- opacity: 0.5;
10027
- transition: opacity 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
10028
10028
  }
10029
10029
 
10030
- .${e}-thumb[data-active="true"] {
10031
- opacity: 1;
10032
- }
10033
-
10034
- .${e}-thumbnails[data-thumbnail-active="outline"] .${e}-thumb[data-active="true"] {
10030
+ .${e}-thumbnails-track[data-thumbnail-active="outline"] .${e}-thumb[data-active="true"] {
10035
10031
  border-color: var(--thumbnail-active-color, #ffffff);
10036
10032
  }
10037
10033
 
10038
- .${e}-thumbnails[data-thumbnail-active="color"] .${e}-thumb:not([data-active="true"]) .${e}-thumb-image {
10034
+ .${e}-thumbnails-track[data-thumbnail-active="color"] .${e}-thumb:not([data-active="true"]) .${e}-thumb-image {
10039
10035
  filter: grayscale(1);
10040
10036
  }
10041
10037
 
10042
- .${e}-thumbnails[data-thumbnail-active="scale-up"] .${e}-thumb[data-active="true"] {
10038
+ .${e}-thumbnails-track[data-thumbnail-active="scale-up"] .${e}-thumb[data-active="true"] {
10043
10039
  transform: scale(1.15);
10044
10040
  }
10045
10041
 
10046
-
10047
10042
  .${e}-thumb-image {
10048
10043
  display: block;
10049
- height: ${wo}px;
10050
10044
  object-fit: contain;
10051
- transition: filter 0.2s ease;
10052
10045
  }
10053
10046
 
10054
10047
  .${e}-thumb-image-cover {
10055
10048
  aspect-ratio: var(--image-aspect-ratio);
10056
- max-width: ${wo}px;
10057
- max-height: ${wo}px;
10058
10049
  width: auto;
10059
10050
  height: auto;
10060
10051
  object-fit: cover;
@@ -10072,7 +10063,7 @@ export function FAQ({ settings, content, isEditor, isPreviewMode, isEditMode, ac
10072
10063
  background-color: transparent;
10073
10064
  padding: 0;
10074
10065
  opacity: 1;
10075
- transition: opacity ${di}ms ease;
10066
+ transition: opacity ${Li}ms ease;
10076
10067
  }
10077
10068
 
10078
10069
  .${e}-close-icon[data-overlay-content-hidden="true"] {
@@ -10197,7 +10188,7 @@ export function FAQ({ settings, content, isEditor, isPreviewMode, isEditMode, ac
10197
10188
  display: flex;
10198
10189
  flex-direction: column;
10199
10190
  opacity: 1;
10200
- transition: opacity ${di}ms ease;
10191
+ transition: opacity ${Li}ms ease;
10201
10192
  }
10202
10193
 
10203
10194
  .${e}-lightbox-content-inner[data-overlay-content-hidden="true"] {
@@ -10238,20 +10229,21 @@ export function FAQ({ settings, content, isEditor, isPreviewMode, isEditMode, ac
10238
10229
  pointer-events: auto;
10239
10230
  z-index: 10;
10240
10231
  }
10241
- `}const Qm=({settings:e,content:t,isEditor:n,isEditMode:i,isPreviewMode:o,portalId:s})=>{const{prefix:a}=E.useScopedStyles(),{cover:d,coverFit:c}=e,p=l.useRef(null),[u,T]=l.useState(!1),w=t??[],L=u&&w.length>0,m=()=>{w.length!==0&&T(!0)};return l.useEffect(()=>{!n||i||o||T(!1)},[n,i,o]),r.jsxs(r.Fragment,{children:[r.jsxs("div",{ref:p,className:`${a}-wrapper`,children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:Zm(a)}}),d&&r.jsx("div",{className:`${a}-cover ${Ln(c)?`${a}-ratio-wrapper-cover`:`${a}-ratio-wrapper-fit`}`,onClick:()=>m(),style:{...Ln(c)?{"--image-aspect-ratio":Vo(c)}:{}},"aria-label":"Open image gallery",children:r.jsx("img",{className:`${a}-cover-image ${Ln(c)?`${a}-cover-image-cover`:`${a}-cover-image-fit`}`,src:d,alt:"cover"})})]}),L&&typeof document<"u"&&(()=>{const y=(s?document.getElementById(s):null)??document.body;return Oi.createPortal(r.jsx(Jm,{prefix:a,images:w,settings:e,isEditor:n,isEditMode:i,isPreviewMode:o,onClose:()=>T(!1)}),y)})()]})},eg=`import { useEffect, useRef, useState, type MouseEvent } from 'react';
10232
+ `}const rg=({settings:e,content:t,isEditor:n,isEditMode:i,isPreviewMode:o,portalId:s})=>{const{prefix:a}=P.useScopedStyles(),{cover:u,coverFit:c}=e,m=l.useRef(null),[p,R]=l.useState(!1),b=t??[],I=p&&b.length>0,g=()=>{b.length!==0&&R(!0)};return l.useEffect(()=>{!n||i||o||R(!1)},[n,i,o]),r.jsxs(r.Fragment,{children:[r.jsxs("div",{ref:m,className:`${a}-wrapper`,children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:og(a)}}),u&&r.jsx("div",{className:`${a}-cover ${xn(c)?`${a}-ratio-wrapper-cover`:`${a}-ratio-wrapper-fit`}`,onClick:()=>g(),style:{...xn(c)?{"--image-aspect-ratio":Do(c)}:{}},"aria-label":"Open image gallery",children:r.jsx("img",{className:`${a}-cover-image ${xn(c)?`${a}-cover-image-cover`:`${a}-cover-image-fit`}`,src:u,alt:"cover"})})]}),I&&typeof document<"u"&&(()=>{const v=(s?document.getElementById(s):null)??document.body;return Ni.createPortal(r.jsx(ig,{prefix:a,images:b,settings:e,isEditor:n,isEditMode:i,isPreviewMode:o,onClose:()=>R(!1)}),v)})()]})},ag=`import { useEffect, useRef, useState, type MouseEvent } from 'react';
10242
10233
  import { createPortal } from 'react-dom';
10243
10234
  import { CommonComponentProps } from '../props';
10244
10235
  import { useScopedStyles } from '../utils/useScopedStyles';
10245
10236
  import { getAspectRatio, isImageRatioCover, type ImageRatioFit } from '../utils/imageFitStyles';
10246
10237
  import type { TextStyles } from '../utils/textStylesToCss';
10238
+ import { scalingValue } from '../utils/scalingValue';
10247
10239
  import { LightboxOverlay } from './LightboxOverlay';
10248
- import { LIGHTBOX_ANIM_MS, THUMB_MAX_SIZE_PX } from './utils';
10240
+ import { LIGHTBOX_ANIM_MS } from './utils';
10249
10241
  export {
10250
10242
  createStripTextStylePanelTab,
10251
10243
  createStripTextStyleTabContentItems,
10252
10244
  extractTitlesFromLegacyText,
10253
10245
  getStripTextStyleSettingKey,
10254
- resolveSharedStripTitles,
10246
+ resolveStripItemTitles,
10255
10247
  STRIP_GLOBAL_TEXT_STYLE_KEYS,
10256
10248
  STRIP_TEXT_STYLE_PREFIXES,
10257
10249
  STRIP_TEXT_STYLE_TAB_LABELS,
@@ -10323,6 +10315,7 @@ function getCSS(P: string): string {
10323
10315
  .\${P}-lightbox-editor {
10324
10316
  inset: auto;
10325
10317
  top: 0;
10318
+ overflow: hidden;
10326
10319
  left: var(--cntrl-article-left, 0);
10327
10320
  width: var(--cntrl-article-width, 100vw) !important;
10328
10321
  height: var(--cntrl-viewport-height, 100vh) !important;
@@ -10410,30 +10403,31 @@ function getCSS(P: string): string {
10410
10403
  user-select: none;
10411
10404
  }
10412
10405
 
10413
- .\${P}-thumbnails {
10406
+ .\${P}-thumbnails-wrap {
10414
10407
  position: absolute;
10415
- left: 50%;
10416
- transform: translateX(-50%);
10408
+ left: 16px;
10409
+ right: 16px;
10417
10410
  z-index: 2;
10418
- display: flex;
10419
- flex-direction: row;
10420
- flex-wrap: nowrap;
10421
- align-items: center;
10422
- justify-content: center;
10423
- max-width: calc(100% - 32px);
10411
+ pointer-events: auto;
10412
+ }
10413
+
10414
+ .\${P}-thumbnails {
10415
+ width: 100%;
10424
10416
  overflow-x: auto;
10425
10417
  scrollbar-width: none;
10426
- pointer-events: auto;
10427
- opacity: 1;
10428
- transition: opacity \${LIGHTBOX_ANIM_MS}ms ease;
10429
10418
  }
10430
10419
 
10431
- .\${P}-thumbnails[data-overlay-content-hidden="true"] {
10432
- opacity: 0;
10433
- pointer-events: none;
10420
+ .\${P}-thumbnails-track {
10421
+ display: flex;
10422
+ flex-direction: row;
10423
+ flex-wrap: nowrap;
10424
+ align-items: flex-end;
10425
+ justify-content: center;
10426
+ width: max-content;
10427
+ min-width: 100%;
10434
10428
  }
10435
10429
 
10436
- .\${P}-lightbox-editor .\${P}-thumbnails {
10430
+ .\${P}-lightbox-editor.\${P}-lightbox-edit-mode .\${P}-thumbnails {
10437
10431
  overflow: visible;
10438
10432
  }
10439
10433
 
@@ -10447,41 +10441,30 @@ function getCSS(P: string): string {
10447
10441
  align-items: center;
10448
10442
  justify-content: center;
10449
10443
  padding: 0;
10450
- border: 1px solid transparent;
10444
+ border: none;
10451
10445
  background: transparent;
10452
10446
  cursor: pointer;
10453
- opacity: 0.5;
10454
- transition: opacity 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
10455
- }
10456
-
10457
- .\${P}-thumb[data-active="true"] {
10458
- opacity: 1;
10459
10447
  }
10460
10448
 
10461
- .\${P}-thumbnails[data-thumbnail-active="outline"] .\${P}-thumb[data-active="true"] {
10449
+ .\${P}-thumbnails-track[data-thumbnail-active="outline"] .\${P}-thumb[data-active="true"] {
10462
10450
  border-color: var(--thumbnail-active-color, #ffffff);
10463
10451
  }
10464
10452
 
10465
- .\${P}-thumbnails[data-thumbnail-active="color"] .\${P}-thumb:not([data-active="true"]) .\${P}-thumb-image {
10453
+ .\${P}-thumbnails-track[data-thumbnail-active="color"] .\${P}-thumb:not([data-active="true"]) .\${P}-thumb-image {
10466
10454
  filter: grayscale(1);
10467
10455
  }
10468
10456
 
10469
- .\${P}-thumbnails[data-thumbnail-active="scale-up"] .\${P}-thumb[data-active="true"] {
10457
+ .\${P}-thumbnails-track[data-thumbnail-active="scale-up"] .\${P}-thumb[data-active="true"] {
10470
10458
  transform: scale(1.15);
10471
10459
  }
10472
10460
 
10473
-
10474
10461
  .\${P}-thumb-image {
10475
10462
  display: block;
10476
- height: \${THUMB_MAX_SIZE_PX}px;
10477
10463
  object-fit: contain;
10478
- transition: filter 0.2s ease;
10479
10464
  }
10480
10465
 
10481
10466
  .\${P}-thumb-image-cover {
10482
10467
  aspect-ratio: var(--image-aspect-ratio);
10483
- max-width: \${THUMB_MAX_SIZE_PX}px;
10484
- max-height: \${THUMB_MAX_SIZE_PX}px;
10485
10468
  width: auto;
10486
10469
  height: auto;
10487
10470
  object-fit: cover;
@@ -10679,17 +10662,12 @@ export type LightboxStripItem = {
10679
10662
  title3?: string;
10680
10663
  };
10681
10664
 
10682
- export type SharedStripTitles = {
10683
- title1: string;
10684
- title2: string;
10685
- title3: string;
10686
- };
10687
-
10688
10665
  export type LightboxStripSettings = {
10689
10666
  cover: string | null;
10690
10667
  coverFit: ImageRatioFit;
10691
10668
  backgroundColor: string;
10692
10669
  thumbnailVisibility: 'on' | 'off';
10670
+ thumbnailSize: number;
10693
10671
  thumbnailObjectFit: ImageRatioFit;
10694
10672
  thumbnailTrigger: 'click' | 'hover';
10695
10673
  thumbnailActive: 'outline' | 'color' | 'scale-up';
@@ -10805,7 +10783,7 @@ export const LightboxStrip = ({ settings, content, isEditor, isEditMode, isPrevi
10805
10783
  </>
10806
10784
  );
10807
10785
  };
10808
- `,tg="data:image/svg+xml,"+encodeURIComponent('<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.959 0.40332L0.402635 15.9597" stroke="#000000" stroke-width="1.14"/><path d="M15.959 15.9594L0.402635 0.403002" stroke="#000000" stroke-width="1.14"/></svg>'),Kn={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 ng(e){const t={};return t[ut(e,"fontFamily")]={type:"string",scope:"common",title:"",display:{type:"font-family-select",hideLabel:!0,useTabDesign:!0}},t[ut(e,"fontSettings")]={...Kn.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight",hideLabel:!0,useTabDesign:!0}},t[ut(e,"fontSize")]={...Kn.fontSize,scope:"layout",title:"",display:{type:"font-size"}},t[ut(e,"lineHeight")]={...Kn.lineHeight,scope:"layout",title:"",display:{type:"line-height-input"}},t[ut(e,"letterSpacing")]={...Kn.letterSpacing,scope:"layout",title:"",display:{type:"letter-spacing-input"}},t[ut(e,"wordSpacing")]={...Kn.wordSpacing,scope:"layout",title:"",display:{type:"word-spacing-input"}},t[ut(e,"textAlign")]={...Kn.textAlign,scope:"layout",title:"",display:{type:"vertical-text-aligh-options"}},t[ut(e,"textAppearance")]={...Kn.textAppearance,scope:"layout",title:"",display:{type:"text-appearance",useTabDesign:!0}},t}const ig=Ui.reduce((e,t)=>({...e,...ng(t)}),{}),og=Ui.reduce((e,t)=>({...e,[ut(t,"fontFamily")]:"Arial",[ut(t,"fontSettings")]:{fontWeight:400,fontStyle:"normal"},[ut(t,"letterSpacing")]:0,[ut(t,"wordSpacing")]:0,[ut(t,"textAlign")]:"left",[ut(t,"textAppearance")]:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}}),{});function Ya(e){return Ui.reduce((t,n)=>{const i=e[`${n}FontSize`],o=e[`${n}LineHeight`];return i!==void 0&&(t[ut(n,"fontSize")]=i),o!==void 0&&(t[ut(n,"lineHeight")]=o),t},{})}const rg=Um(),ag={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"}},...ig,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/lightbox_strip_1.jpg",coverFit:{display:"fit",ratioValue:"1:1",reversed:!1},closeIcon:tg,closeIconColor:"#ffffff",closeIconHoverColor:"#cccccc",thumbnailObjectFit:{display:"fit",ratioValue:"16:9",reversed:!1},thumbnailTrigger:"click",thumbnailActive:"color",thumbnailActiveColor:"#ffffff",title1Color:"#ffffff",title2Color:"#ffffff",title3Color:"#ffffff",...og},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,...Ya({title1FontSize:.04,title1LineHeight:.04,title2FontSize:.04,title2LineHeight:.04,title3FontSize:.04,title3LineHeight:.04})},d:{thumbnailVisibility:"on",titleHeaderLayout:"desktop",thumbnailGap:.02,thumbnailMarginBottom:.007,imageGap:.005,title1Width:.3,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,...Ya({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:[rg]}],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:{isObjectFitEditable:!1,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/lightbox_strip_2.jpg",name:"",objectFit:"contain"},title1:"Giovanni Andrea Vavassore",title2:"ESEMPLA",title3:"Venice, 1500"},{image:{url:"https://cdn.cntrl.site/component-assets/lightbox_strip_3.jpg",name:"",objectFit:"contain"}},{image:{url:"https://cdn.cntrl.site/component-assets/lightbox_strip_4.jpg",name:"",objectFit:"contain"}},{image:{url:"https://cdn.cntrl.site/component-assets/lightbox_strip_5.jpg",name:"",objectFit:"contain"}},{image:{url:"https://cdn.cntrl.site/component-assets/lightbox_strip_6.jpg",name:"",objectFit:"contain"}},{image:{url:"https://cdn.cntrl.site/component-assets/lightbox_strip_7.jpg",name:"",objectFit:"contain"}}]}},sg={element:Qm,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:ag,sourceCode:eg,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:Ui.map(e=>({path:`styles.${ut(e,"fontSettings")}`}))}},lg=50,Ja=10,Zr="cntrl-lightbox-journal",Do=Zr,Sr=`${Zr}-`,qo=e=>`${Zr}-${e}`,Qr=e=>e===Do||e.startsWith(Sr),Za=e=>{if(!e)return null;const t=Number.parseInt(e,10);return Number.isFinite(t)&&t>=1?t:null},Qa=e=>{if(typeof window>"u")return null;const t=new URLSearchParams(window.location.search);if(e){const i=Za(t.get(qo(e)));if(i)return i}const n=Za(t.get(Do));if(n)return n;for(const[i]of t){if(!i.startsWith(Sr))continue;const o=i.slice(Sr.length);if(!/^\d+$/.test(o))continue;const s=Number.parseInt(o,10);if(Number.isFinite(s)&&s>=1)return s}return null},es=(e,t)=>{if(t<=0)return-1;const n=e-1;return n<0||n>=t?-1:n},Js=(e,t,n=!0)=>{if(typeof window>"u")return;const i=new URL(window.location.href);[...i.searchParams.keys()].forEach(a=>{Qr(a)&&i.searchParams.delete(a)}),t?i.searchParams.set(qo(t),String(e)):i.searchParams.set(Do,String(e));const o=n?"replaceState":"pushState",s=`${i.pathname}${i.search}${i.hash}`;window.history[o](window.history.state,"",s)},cg=e=>{if(typeof window>"u")return;const t=new URL(window.location.href),n=[...t.searchParams.keys()].filter(i=>e?i===qo(e)||i===Do:Qr(i));if(n.forEach(i=>t.searchParams.delete(i)),n.length>0){const i=`${t.pathname}${t.search}${t.hash}`;window.history.replaceState(window.history.state,"",i)}},Zs=e=>{if(typeof window>"u")return!1;const t=new URLSearchParams(window.location.search);return e?t.has(qo(e)):[...t.keys()].some(n=>Qr(n))},dg=(e,t)=>{if(Zs(t)){if(e){window.history.back();return}cg(t)}},ug=20,pg=2,dr=e=>`max(${e}, ${ug}px)`,vi=e=>((e==null?void 0:e.image)??[]).slice(0,pg),Qs=e=>e.reduce((t,n)=>t+vi(n).length,0),mg=(e,t)=>{const n=e.slice(0,t).reduce((o,s)=>o+vi(s).length,1),i=vi(e[t]).length;return{start:n,end:n+i-1}},gg=(e,t)=>{const n=Qs(e),{start:i,end:o}=mg(e,t);return i===o?`${i} / ${n}`:`${i}-${o} / ${n}`},So=(e,t)=>t==="B"?e.flatMap((n,i)=>vi(n).map(o=>({entry:n,entryIndex:i,images:[o]}))):e.map((n,i)=>({entry:n,entryIndex:i,images:vi(n)})),hg=(e,t,n,i)=>{var s;if(n==="B")return`${t+1} / ${e.length}`;const o=((s=e[t])==null?void 0:s.entryIndex)??0;return gg(i,o)},ts=e=>e?`${e.title1??""}|${e.title2??""}|${e.title3??""}`:"",fg=(e,t,n)=>e==="B"?t.length>1:Qs(n)>1,ii=.004,lo=.004,ur={title1Width:.13,title2Width:.13,title3Width:.14},co=(e,t,n,i,o)=>{const s=[];return t.title1&&s.push({prefix:"title1",widthKey:"title1Width",className:`${e}-title1`,style:n,text:t.title1}),t.title2&&s.push({prefix:"title2",widthKey:"title2Width",marginLeftKey:"title2MarginLeft",className:`${e}-title2`,style:i,text:t.title2}),t.title3&&s.push({prefix:"title3",widthKey:"title3Width",marginLeftKey:"title3MarginLeft",className:`${e}-title3`,style:o,text:t.title3}),s},Po=(e,t)=>{if(e<=0)return[];const n=t.slice(0,e),i=n.reduce((s,a)=>s+a,0);if(i<=1)return n;const{widths:o}=[...n].reverse().reduce(({overflow:s,widths:a},d)=>{if(s<=0||d<=0)return{overflow:s,widths:[d,...a]};const c=Math.min(s,d);return{overflow:s-c,widths:[d-c,...a]}},{overflow:i-1,widths:[]});return o},$r=(e,t)=>Po(e,t),Gn=(e,t)=>{const n=t.filter((i,o)=>o!==e).reduce((i,o)=>i+o,0);return Math.max(1-n,0)},uo=(e,t)=>{const n=e.map(i=>t[i.widthKey]??0);return{resolved:Po(e.length,n),effective:$r(e.length,n)}},yg=(e,t,n,i)=>e.slice(0,i).reduce((o,s,a)=>o+(s!=null&&s.marginLeftKey?n[s.marginLeftKey]??0:0)+(t[a]??0),0),vg=(e,t,n,i)=>e.slice(0,i+1).reduce((o,s,a)=>o+(s!=null&&s.marginLeftKey?n[s.marginLeftKey]??0:0)+(t[a]??0),0),Xi=["title1","title2","title3","count"],pt=(e,t)=>`${e}${t.charAt(0).toUpperCase()}${t.slice(1)}`,bg={title1:"1",title2:"2",title3:"3",count:"Count"},xg=e=>[pt(e,"fontFamily"),pt(e,"fontSettings"),{type:"row",items:[pt(e,"fontSize"),pt(e,"lineHeight"),pt(e,"letterSpacing"),pt(e,"wordSpacing")]},pt(e,"textAlign"),pt(e,"textAppearance")],wg=()=>({type:"tab",id:"journalTextStyle",tabs:Object.fromEntries(Xi.map(e=>[bg[e],xg(e)]))}),Sg={title1:"title1Color",title2:"title2Color",title3:"title3Color",count:"countColor"},$g={title1:.02,title2:.02,title3:.02,count:.017},po=(e,t)=>{const n=i=>{const o=pt(t,i);return e[o]};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:e[Sg[t]]}},mo=(e,t,n)=>{var o,s;const i={fontSettings:{fontFamily:t.fontFamily,fontWeight:((o=t.fontSettings)==null?void 0:o.fontWeight)??400,fontStyle:((s=t.fontSettings)==null?void 0:s.fontStyle)??"normal"},fontSize:t.fontSize??$g[e],lineHeight:t.lineHeight,letterSpacing:t.letterSpacing,wordSpacing:t.wordSpacing,textAlign:t.textAlign,textAppearance:t.textAppearance,color:t.color??"#ffffff"};return _t(i,n)},Cg=({prefix:e,entries:t,settings:n,isEditor:i,isEditMode:o,isPreviewMode:s,initialSlideIndex:a=0,enableUrlSync:d=!1,journalItemId:c=null,onBeforeClose:p,onClose:u})=>{const{type:T,coverFit:w,backgroundColor:L,imageGap:m,maxWidth:y,maxHeight:C,textTransition:b,title1Width:$,title2Width:S,title3Width:F,title1MarginLeft:P=0,title2MarginLeft:k=0,title3MarginLeft:x=0,titleRowMarginBottom:I=0,titleHeaderLayout:G="single-row",countCloseGap:f=0,closeIcon:R,closeIconMaxWidth:M,closeIconColor:j,closeIconHoverColor:Z,contentMarginTop:ue=0,iconMarginRight:V=0}=n,_=l.useCallback(A=>E.scalingValue(A,i??!1),[i]),Q=_(m??0),U=`${y}%`,H=`${C}%`,J=_(f),oe=_(ue),ie=_(V),W=mo("title1",po(n,"title1"),i),ae=mo("title2",po(n,"title2"),i),g=mo("title3",po(n,"title3"),i),te=mo("count",po(n,"count"),i),ye=G==="mobile",me=!i||!!s,_e=!o&&(!i||!!s),X=l.useMemo(()=>So(t,T),[t,T]),[de,K]=l.useState(a),B=X[de],N=B==null?void 0:B.entry,[re,$e]=l.useState(!1),[Ne,Ie]=l.useState(null),[xe,Fe]=l.useState(!1),[z,q]=l.useState(null),[v,D]=l.useState(!1),[O,ee]=l.useState(0),[se,pe]=l.useState(),[Ce,we]=l.useState(),[ve,Ge]=l.useState(null),ge=l.useRef(null),ke=l.useRef(0),ze=l.useRef(0),Le=l.useRef(0),ot=l.useRef(!1),tt=l.useRef(null),yt=l.useRef(null),Ke=l.useRef(null),st=l.useRef(null),Ct=l.useRef(null),It=l.useRef(null),Rt=l.useRef(null),Se=l.useCallback(()=>{const A=yt.current;if(!A)return;const ce=A.closest(`.${e}-lightbox-content-area`);if(!ce)return A.getBoundingClientRect().width;const We=Array.from(ce.children).reduce((Re,Ee)=>!(Ee instanceof HTMLElement)||Ee.contains(A)?Re:Re+Ee.getBoundingClientRect().width,0);return ce.getBoundingClientRect().width-We},[e]),He=l.useCallback(()=>{ge.current&&(clearTimeout(ge.current),ge.current=null)},[]),Xe=l.useCallback(A=>{A===ke.current&&(q(null),D(!1))},[]),Ue=l.useCallback(()=>{o||ot.current||(ot.current=!0,p==null||p(),$e(!1),tt.current=setTimeout(()=>{u()},300))},[o,p,u]),Nt=l.useCallback(A=>!!(A.closest("[data-controls]")||A.closest(`.${e}-close-icon`)),[e]),{isSwipeDragging:Ot,backdropStyle:Ht,mediaAreaStyle:zt,overlayContentStyle:dn,swipeHandlers:Oe,dismissAreaStyle:Tt}=Us({enabled:_e,onClose:Ue,animMs:300,isBlockedTarget:Nt}),lt=l.useCallback(A=>{d&&Js(A+1,c,!0)},[d,c]),et=l.useCallback(A=>{if(A)return A.getBoundingClientRect().height},[]),gt=l.useCallback(A=>{if(X.length===0)return;const ce=(A%X.length+X.length)%X.length;if(ce===de)return;const We=X[de],Re=X[ce];ke.current+=1;const Ee=ke.current,dt=b==="fade"&&ts(We==null?void 0:We.entry)!==ts(Re==null?void 0:Re.entry),$t=et(Ke.current),it=dt?(()=>{const Xt=Se();Oi.flushSync(()=>{Ge(Re.entry)}),Ke.current&&Xt&&(Ke.current.style.width=`${Xt}px`);const Zi=et(Ke.current);return Ke.current&&(Ke.current.style.width=""),{measuredIncomingTitlesHeight:Zi,incomingTitlesMeasureWidth:Xt}})():void 0,Vt=Math.max($t??0,(it==null?void 0:it.measuredIncomingTitlesHeight)??0)||void 0;ee(Ee),q(de),D(!0),K(ce),lt(ce),Le.current=ce,dt?(He(),Vt&&pe(Vt),it!=null&&it.incomingTitlesMeasureWidth&&we(it.incomingTitlesMeasureWidth),Ie((We==null?void 0:We.entryIndex)??null),Fe(!0),ze.current=Re.entryIndex,ge.current=setTimeout(()=>{Ie(null),Fe(!1),pe(void 0),we(void 0),Ge(null),ge.current=null},400)):(He(),Ie(null),Fe(!1),pe(void 0),we(void 0),Ge(null),ze.current=Re.entryIndex)},[de,He,Se,et,X,lt,b]),qt=l.useCallback(()=>{Rt.current=null},[]),Kt=l.useCallback(A=>{!me||X.length<=1||A.pointerType==="mouse"&&A.button!==0||A.target.closest("[data-controls]")||(Rt.current={startX:A.clientX,startY:A.clientY,pointerId:A.pointerId})},[me,X.length]),tn=l.useCallback(A=>{var Xt;if(!me||X.length<=1||A.pointerType==="mouse"&&A.button!==0)return;if(Ot){qt();return}const ce=Rt.current;if(!ce||ce.pointerId!==A.pointerId||(qt(),A.target.closest("[data-controls]")))return;const Re=A.clientX-ce.startX,Ee=A.clientY-ce.startY,dt=Math.abs(Re),$t=Math.abs(Ee);if(dt>=lg&&dt>$t){gt(Re>0?de-1:de+1);return}if(dt>Ja||$t>Ja)return;const it=(Xt=st.current)==null?void 0:Xt.getBoundingClientRect(),Vt=it?it.left+it.width/2:window.innerWidth/2;gt(A.clientX<Vt?de-1:de+1)},[de,me,gt,Ot,qt,X.length]),hn=l.useCallback(A=>{const ce=Rt.current;(ce==null?void 0:ce.pointerId)===A.pointerId&&qt()},[qt]);Xs(),l.useEffect(()=>{It.current=document.activeElement instanceof HTMLElement?document.activeElement:null;const A=requestAnimationFrame(()=>{$e(!0),requestAnimationFrame(()=>{Ct.current?Ct.current.focus():st.current&&st.current.focus()})});return()=>{cancelAnimationFrame(A),tt.current&&clearTimeout(tt.current),ge.current&&clearTimeout(ge.current);const ce=It.current;ce&&document.contains(ce)&&ce.focus()}},[]),l.useEffect(()=>{var A;b!=="fade"&&(ze.current=((A=X[de])==null?void 0:A.entryIndex)??0,He(),Ie(null),Fe(!1),pe(void 0),we(void 0))},[de,He,X,b]),l.useEffect(()=>{const A=ce=>{if(ce.key==="Escape"){Ue();return}if(ce.key==="ArrowLeft"&&X.length>1){gt(de-1);return}if(ce.key==="ArrowRight"&&X.length>1){gt(de+1);return}if(ce.key==="Tab"&&st.current){const We=st.current.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'),Re=Array.from(We).filter(it=>!it.closest('[aria-hidden="true"]'));if(Re.length===0)return;const Ee=Re[0],dt=Re[Re.length-1],$t=document.activeElement;ce.shiftKey?($t===Ee||!st.current.contains($t))&&(ce.preventDefault(),dt.focus()):($t===dt||!st.current.contains($t))&&(ce.preventDefault(),Ee.focus())}};return window.addEventListener("keydown",A),()=>window.removeEventListener("keydown",A)},[gt,Ue,de,X.length]),l.useLayoutEffect(()=>{He(),ke.current=0,ee(0),q(null),D(!1),Ie(null),Fe(!1),pe(void 0),we(void 0),Ge(null),K(A=>{const ce=Math.max(0,X.length-1);return Math.min(A,ce)})},[He,t.length,T,X.length]),l.useLayoutEffect(()=>{var We;const A=Math.max(0,X.length-1),ce=Math.min(Math.max(0,a),A);Le.current=ce,ze.current=((We=X[ce])==null?void 0:We.entryIndex)??0,K(ce)},[a]);const Ye=Ne!==null?t[Ne]:null,nn=z!==null?X[z]:null,At=(N==null?void 0:N.title1)||(N==null?void 0:N.title2)||(N==null?void 0:N.title3)||(Ye==null?void 0:Ye.title1)||(Ye==null?void 0:Ye.title2)||(Ye==null?void 0:Ye.title3),kt=fg(T,X,t),De=R!==null,Wt=At||kt||De,le=kt&&De?{gap:J}:void 0,be=`${e}-titles-stack${ye?` ${e}-titles-stack-stacked`:""}`,Pe=`${e}-titles-layer-out${ye?` ${e}-titles-layer-out-stacked`:""}`,Ve=`${e}-titles-layer-out`,ht=(P??0)>0||o,wt=_(I),Me=l.useMemo(()=>({title1Width:$??ur.title1Width,title2Width:S??ur.title2Width,title3Width:F??ur.title3Width}),[$,S,F]),ft=l.useMemo(()=>({title2MarginLeft:k,title3MarginLeft:x}),[k,x]),qe=l.useMemo(()=>N?co(e,N,W,ae,g):[],[e,N,W,ae,g]),rt=l.useMemo(()=>qe.map(A=>Me[A.widthKey]),[qe,Me]),Qe=l.useMemo(()=>Po(qe.length,rt),[qe.length,rt]),Pt=l.useMemo(()=>$r(qe.length,rt),[qe.length,rt]),St=l.useMemo(()=>qe.filter(A=>A.prefix==="title1"),[qe]),Be=l.useMemo(()=>qe.filter(A=>A.prefix==="title2"||A.prefix==="title3"),[qe]),xt=l.useMemo(()=>uo(St,Me),[St,Me]),at=l.useMemo(()=>uo(Be,Me),[Be,Me]),vt=l.useCallback((A,ce)=>{const We=qe.findIndex(Ee=>Ee.prefix===A.prefix);if(!ye||ce==="single-row")return{effectiveWidth:Pt[We]??0,resolvedWidth:Qe[We]??0,maxWidth:Gn(We,Qe)};if(ce==="two-row-top"){const Ee=St.findIndex(dt=>dt.prefix===A.prefix);return{effectiveWidth:xt.effective[Ee]??0,resolvedWidth:xt.resolved[Ee]??0,maxWidth:Gn(Ee,xt.resolved)}}const Re=Be.findIndex(Ee=>Ee.prefix===A.prefix);return{effectiveWidth:at.effective[Re]??0,resolvedWidth:at.resolved[Re]??0,maxWidth:Gn(Re,at.resolved)}},[qe,Be,at,Pt,Qe,St,xt,ye]),Mt=l.useCallback(A=>vg(qe,Qe,ft,A)+(ye?0:P??0),[qe,Qe,ft,ye,P]),nt=l.useCallback(()=>ye?0:P??0,[ye,P]),Bt=l.useCallback(A=>Be.slice(0,A).reduce((ce,We,Re)=>ce+(We.marginLeftKey?ft[We.marginLeftKey]??0:0)+(at.resolved[Re]??0),0),[Be,at.resolved,ft]),on=l.useCallback(A=>{const ce=Be[A];return Bt(A)+(ce.marginLeftKey?ft[ce.marginLeftKey]??0:0)+(at.resolved[A]??0)},[Be,at.resolved,Bt,ft]),fn=l.useCallback((A,ce,We)=>{if(!ye||We==="single-row"){const it=A.findIndex(zn=>zn.prefix===ce.prefix),Vt=A.map(zn=>Me[zn.widthKey]),Xt=Po(A.length,Vt);return{effectiveWidth:$r(A.length,Vt)[it]??0,resolvedWidth:Xt[it]??0,maxWidth:Gn(it,Xt)}}if(We==="two-row-top"){const it=A.filter(zn=>zn.prefix==="title1"),Vt=it.findIndex(zn=>zn.prefix===ce.prefix),{resolved:Xt,effective:Zi}=uo(it,Me);return{effectiveWidth:Zi[Vt]??0,resolvedWidth:Xt[Vt]??0,maxWidth:Gn(Vt,Xt)}}const Re=A.filter(it=>it.prefix==="title2"||it.prefix==="title3"),Ee=Re.findIndex(it=>it.prefix===ce.prefix),{resolved:dt,effective:$t}=uo(Re,Me);return{effectiveWidth:$t[Ee]??0,resolvedWidth:dt[Ee]??0,maxWidth:Gn(Ee,dt)}},[Me,ye]),Pn=(A,ce,We)=>{const Re=A.marginLeftKey?ft[A.marginLeftKey]??0:0,{effectiveWidth:Ee,resolvedWidth:dt,maxWidth:$t}=We??vt(A,ce),it=Math.max(Re,lo),Vt=o&&ce==="two-row-top";return r.jsxs("div",{className:`${e}-title-cell`,"data-title":A.prefix,style:{width:_(Ee),...Re>0?{marginLeft:_(Re)}:{}},children:[r.jsx("p",{className:A.className,style:A.style,children:A.text}),Vt&&A.marginLeftKey?r.jsx("div",{"data-controls":A.marginLeftKey,"data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(dt),style:{position:"absolute",top:0,left:_(-Re),width:_(it),height:"100%",pointerEvents:"auto"}}):null,Vt?r.jsx("div",{"data-controls":A.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String($t),"data-controls-variant":"column-width",className:`${e}-title-resize-handle`,style:{position:"absolute",top:0,right:_(-ii/2),width:_(ii),height:"100%",pointerEvents:"auto"}}):null]},A.className)},yn=()=>r.jsx("div",{...o?{"data-controls":"title1MarginLeft","data-controls-axis":"x"}:{},style:{width:_(P??0),flexShrink:0,alignSelf:"stretch",...o?{pointerEvents:"auto"}:{}}}),On=()=>r.jsx("span",{className:`${e}-titles-baseline-strut`,style:W,"aria-hidden":"true",children:" "}),Bn=()=>r.jsx("span",{className:`${e}-entry-counter`,style:te,"aria-live":"polite","aria-atomic":"true",children:hg(X,de,T,t)}),vn=()=>kt?o&&De?r.jsxs("div",{className:`${e}-text-bar-cell`,style:{flexShrink:0},children:[Bn(),r.jsx("div",{"data-controls":"countCloseGap","data-controls-axis":"x","data-controls-reverse":"true",style:{position:"absolute",top:0,right:`calc(-0.5 * (${dr(J)} + ${J}))`,width:dr(J),height:"100%",pointerEvents:"auto",zIndex:3}})]}):Bn():null,jn=()=>!kt&&!De?null:r.jsxs("div",{className:`${e}-titles-row-header-controls`,style:le,children:[vn(),De?Go():null]}),Qn=()=>r.jsxs("div",{className:`${e}-titles-row ${e}-titles-row-header`,style:{width:"100%",position:"relative"},children:[kt||At?On():null,ht?yn():null,Yi(N),r.jsx("div",{style:{flex:1,minWidth:0},"aria-hidden":"true"}),jn(),bn()]}),Ko=()=>r.jsxs("div",{className:`${e}-titles-row ${e}-titles-row-header`,style:{width:"100%"},children:[kt||At?On():null,ht?yn():null,r.jsxs("div",{className:`${e}-titles-row-titles`,style:xe&&se?{minHeight:se}:void 0,children:[r.jsx("div",{ref:Ke,className:be,style:{position:"absolute",visibility:"hidden",pointerEvents:"none",left:0,right:0,top:0,width:"100%",height:"auto"},"aria-hidden":"true",children:he(ve||N)}),r.jsxs("div",{ref:yt,className:be,style:{position:xe?"absolute":"relative",inset:xe?0:void 0,width:"100%",...xe&&Ce?{width:Ce,maxWidth:"100%"}:void 0},children:[Ye&&xe?r.jsx("div",{className:`${Pe} ${e}-titles-fade-out`,children:he(Ye)}):null,r.jsx("div",{className:`${e}-titles-layer-in${xe?` ${e}-titles-layer-in-fading ${e}-titles-fade-in`:""}`,children:he(N)})]}),bn()]}),jn()]}),Go=()=>r.jsxs("div",{className:`${e}-close-icon`,style:{width:E.scalingValue(M??0,i),height:E.scalingValue(M??0,i),marginRight:ie,"--close-icon-hover-color":Z},children:[r.jsx("button",{ref:Ct,type:"button",className:`${e}-close-icon-inner`,onClick:Ue,"aria-label":"Close",children:r.jsx(ln,{url:R??"",fill:j,hoverFill:i&&!s?j:Z,className:`${e}-close-icon-img`})}),o&&r.jsx("div",{"data-controls":"iconMarginRight","data-controls-axis":"x","data-controls-reverse":"",className:`${e}-control`,style:{position:"absolute",top:0,left:"100%",width:ie,height:"100%",pointerEvents:"auto"}})]}),$i=(A,ce)=>r.jsxs("div",{className:`${e}-titles-row-top`,children:[kt||At?On():null,ht?yn():null,ce!==void 0?r.jsx("div",{className:`${e}-titles-row-titles`,style:{position:"relative",flex:1,minWidth:0,minHeight:ce},children:A}):r.jsxs(r.Fragment,{children:[A,r.jsx("div",{style:{flex:1,minWidth:0},"aria-hidden":"true"})]}),jn()]}),Yi=A=>{if(!A)return null;const ce=co(e,A,W,ae,g);return r.jsx(r.Fragment,{children:ce.map(We=>Pn(We,"single-row",fn(ce,We,"single-row")))})},h=A=>{if(!A)return null;const ce=co(e,A,W,ae,g),We=ce.find(Re=>Re.prefix==="title1");return We?Pn(We,"two-row-top",fn(ce,We,"two-row-top")):null},Y=(A,ce=!1)=>{const We=A?co(e,A,W,ae,g):[],Re=We.filter($t=>$t.prefix==="title2"||$t.prefix==="title3"),Ee=o&&ce;return Re.length>0||Ee||(I??0)>0?r.jsxs("div",{className:`${e}-titles-row-bottom-wrap`,children:[Re.length>0?r.jsxs("div",{className:`${e}-titles-row-bottom`,children:[Re.map($t=>Pn($t,"two-row-bottom",fn(We,$t,"two-row-bottom"))),ce&&o?r.jsxs(r.Fragment,{children:[Lt(),Gt()]}):null]}):null,(I??0)>0||Ee?r.jsx("div",{"data-controls":Ee?"titleRowMarginBottom":void 0,"data-controls-axis":Ee?"y":void 0,"data-controls-reverse":Ee?"":void 0,className:Ee?`${e}-control`:void 0,style:{height:wt,width:"100%",flexShrink:0,pointerEvents:Ee?"auto":"none"}}):null]}):null},ne=(A,ce=!1)=>r.jsxs(r.Fragment,{children:[$i(h(A)),Y(A,ce)]}),he=A=>ye?r.jsx("div",{className:`${e}-titles-row-two-row`,children:ne(A)}):A?r.jsx("div",{className:`${e}-titles-row`,style:{width:"100%"},children:Yi(A)}):null,Ae=()=>{const A=ye?-1:qe.findIndex(Re=>Re.prefix==="title1"),ce=!ye&&(o||(P??0)>0)?(()=>{const Ee=Math.max(P??0,lo),dt=A>=0?Qe[A]:$;return r.jsx("div",{"data-controls":"title1MarginLeft","data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(dt),style:{position:"absolute",top:0,left:0,width:_(Ee),height:"100%",pointerEvents:"auto"}},"title1MarginLeft")})():null,We=qe.flatMap((Re,Ee)=>{if(!Re.marginLeftKey)return[];const dt=ft[Re.marginLeftKey]??0,$t=yg(qe,Qe,ft,Ee)+nt(),it=Math.max(dt,lo);return r.jsx("div",{"data-controls":Re.marginLeftKey,"data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(Qe[Ee]),style:{position:"absolute",top:0,left:_($t),width:_(it),height:"100%",pointerEvents:"auto"}},Re.marginLeftKey)});return ce?[ce,...We]:We},ct=()=>qe.map((A,ce)=>{const We=Gn(ce,Qe),Ee=Mt(ce)-ii/2;return r.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:r.jsx("div",{"data-controls":A.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(We),"data-controls-variant":"column-width",className:`${e}-title-resize-handle`,style:{position:"absolute",top:0,left:_(Ee),width:_(ii),height:"100%",pointerEvents:"auto"}})},`${A.widthKey}-junction`)}),Lt=()=>Be.flatMap((A,ce)=>{if(!A.marginLeftKey)return[];const We=ft[A.marginLeftKey]??0,Re=Bt(ce),Ee=Math.max(We,lo),{resolvedWidth:dt}=vt(A,"two-row-bottom");return r.jsx("div",{"data-controls":A.marginLeftKey,"data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(dt),style:{position:"absolute",top:0,left:_(Re),width:_(Ee),height:"100%",pointerEvents:"auto"}},A.marginLeftKey)}),Gt=()=>Be.map((A,ce)=>{const{maxWidth:We}=vt(A,"two-row-bottom"),Ee=on(ce)-ii/2;return r.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:r.jsx("div",{"data-controls":A.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(We),"data-controls-variant":"column-width",className:`${e}-title-resize-handle`,style:{position:"absolute",top:0,left:_(Ee),width:_(ii),height:"100%",pointerEvents:"auto"}})},`${A.widthKey}-junction`)}),bn=()=>!o||ye?null:r.jsxs(r.Fragment,{children:[Ae(),ct()]}),xn=A=>{const ce=!A.objectFit&&Ln(w);return{className:`${e}-slide-image-cell${ce?` ${e}-slide-image-cell-cover`:""}`,style:{maxWidth:U,maxHeight:H,...ce?{"--image-aspect-ratio":Vo(w)}:{}}}},un=A=>A.objectFit?{className:`${e}-slide-image ${e}-slide-image-custom`,style:{"--image-object-fit":A.objectFit}}:Ln(w)?{className:`${e}-slide-image ${e}-slide-image-cover`}:{className:`${e}-slide-image ${e}-slide-image-fit`},ei=A=>{if(A.length===0)return null;const ce=A.length>1,We=dr(Q),Re=`calc(-0.5 * (${We} + ${Q}))`;if(A.length===1){const Ee=A[0];return r.jsx("div",{...xn(Ee),children:r.jsx("img",{...un(Ee),src:Ee.url,alt:Ee.name??"",draggable:!1})})}return r.jsx("div",{className:`${e}-slide-inner`,style:ce?{gap:Q}:void 0,children:A.map((Ee,dt)=>r.jsxs("div",{...xn(Ee),children:[r.jsx("img",{...un(Ee),src:Ee.url,alt:Ee.name??"",draggable:!1}),o&&ce&&dt<A.length-1&&r.jsx("div",{"data-controls":"imageGap","data-controls-axis":"x",style:{position:"absolute",top:0,right:Re,width:We,height:"100%",pointerEvents:"auto",zIndex:3}})]},`${Ee.url}-${dt}`))})},Ji=!!(N!=null&&N.title2||N!=null&&N.title3||Ye!=null&&Ye.title2||Ye!=null&&Ye.title3||(I??0)>0||o),Ci=()=>r.jsxs("div",{style:{position:"relative",width:"100%",flex:1,alignSelf:"stretch",display:"flex",flexDirection:"column",minHeight:0,height:"100%"},children:[r.jsx("div",{ref:Ke,className:be,style:{position:"absolute",visibility:"hidden",pointerEvents:"none",left:0,right:0,top:0,width:"100%",height:"auto"},"aria-hidden":"true",children:ne(ve||N)}),r.jsxs("div",{ref:yt,className:`${e}-titles-row-two-row`,style:{...xe&&se?{minHeight:se}:void 0,...xe&&Ce?{width:Ce,maxWidth:"100%"}:void 0},children:[$i(r.jsxs("div",{className:be,style:{position:xe?"absolute":"relative",inset:xe?0:void 0,width:"100%"},children:[Ye&&xe?r.jsx("div",{className:`${Ve} ${e}-titles-fade-out`,children:h(Ye)}):null,r.jsx("div",{className:`${e}-titles-layer-in${xe?` ${e}-titles-layer-in-fading ${e}-titles-fade-in`:""}`,children:h(N)})]}),xe&&se?se:void 0),Ji?r.jsxs("div",{className:`${e}-titles-row-bottom-area`,children:[Ye&&xe?r.jsx("div",{className:`${Pe} ${e}-titles-layer-out-bottom ${e}-titles-fade-out`,children:Y(Ye)}):null,r.jsx("div",{className:`${e}-titles-layer-in${xe?` ${e}-titles-layer-in-fading ${e}-titles-fade-in`:""}${ye?` ${e}-titles-layer-in-stacked`:""}`,children:Y(N,!0)})]}):null]})]}),el=()=>{const A=Ji;return r.jsxs("div",{style:{position:"relative",width:"100%",alignSelf:"stretch",display:"flex",flexDirection:"column",minHeight:0,...A?{flex:1,height:"100%"}:{}},children:[r.jsx("div",{className:`${e}-titles-row-two-row`,style:A?void 0:{flex:"0 0 auto",height:"auto"},children:ne(N,!0)}),bn()]})};return r.jsxs("div",{ref:st,"data-selection":"none",className:`${e}-lightbox${i?` ${e}-lightbox-editor`:""}${o?` ${e}-lightbox-edit-mode`:""}`,onClick:()=>{Ot||Ue()},role:"dialog","aria-modal":"true","aria-label":"Journal gallery",tabIndex:De?void 0:-1,style:{opacity:re?1:0,transition:"opacity 300ms ease",pointerEvents:re?"auto":"none"},children:[r.jsx("div",{className:`${e}-lightbox-backdrop`,style:{backgroundColor:L,...Ht}}),r.jsxs("div",{className:`${e}-lightbox-dismiss-area`,style:Tt,...Oe,children:[r.jsx("div",{className:`${e}-lightbox-content`,style:zt,onClick:A=>A.stopPropagation(),children:r.jsx("div",{className:`${e}-lightbox-strip`,"data-desktop-nav":me&&X.length>1?"true":"false",onPointerDown:me?Kt:void 0,onPointerUp:me?tn:void 0,onPointerCancel:me?hn:void 0,children:r.jsxs("div",{className:`${e}-slide-stack`,children:[nn&&v?r.jsx("div",{className:`${e}-slide-layer-out ${e}-slide-fade-out`,onAnimationEnd:A=>{A.target===A.currentTarget&&Xe(O)},children:r.jsx("div",{className:`${e}-slide-area`,children:ei(nn.images)})},`slide-out-${O}`):null,r.jsx("div",{className:`${e}-slide-layer-in${v?` ${e}-slide-fade-in`:""}`,children:r.jsx("div",{className:`${e}-slide-area`,children:B?ei(B.images):null})},`slide-in-${O}-${de}`)]})})}),r.jsxs("div",{className:`${e}-lightbox-overlay-content`,style:dn,children:[r.jsx("div",{"data-controls":o?"contentMarginTop":void 0,className:o?`${e}-control`:void 0,style:{height:oe,width:"100%"}}),r.jsx("div",{style:{display:"flex",flexDirection:"row",width:"100%",...ye?{flex:1,minHeight:0}:{}},children:r.jsx("div",{className:`${e}-lightbox-content-area${ye?` ${e}-lightbox-content-area-stacked`:""}`,children:Wt&&r.jsx("div",{className:`${e}-text-bar-cell${ye?` ${e}-text-bar-cell-stacked`:""}`,style:ye?void 0:{flex:1,minWidth:0,width:"100%"},children:ye?b==="fade"?Ci():el():b==="fade"?Ko():Qn()})})})]})]})]})};function Tg(e){return`
10786
+ `,sg="data:image/svg+xml,"+encodeURIComponent('<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.959 0.40332L0.402635 15.9597" stroke="#000000" stroke-width="1.14"/><path d="M15.959 15.9594L0.402635 0.403002" stroke="#000000" stroke-width="1.14"/></svg>'),zn={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 lg(e){const t={};return t[st(e,"fontFamily")]={type:"string",scope:"common",title:"",display:{type:"font-family-select",hideLabel:!0,useTabDesign:!0}},t[st(e,"fontSettings")]={...zn.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight",hideLabel:!0,useTabDesign:!0}},t[st(e,"fontSize")]={...zn.fontSize,scope:"layout",title:"",display:{type:"font-size"}},t[st(e,"lineHeight")]={...zn.lineHeight,scope:"layout",title:"",display:{type:"line-height-input"}},t[st(e,"letterSpacing")]={...zn.letterSpacing,scope:"layout",title:"",display:{type:"letter-spacing-input"}},t[st(e,"wordSpacing")]={...zn.wordSpacing,scope:"layout",title:"",display:{type:"word-spacing-input"}},t[st(e,"textAlign")]={...zn.textAlign,scope:"layout",title:"",display:{type:"vertical-text-aligh-options"}},t[st(e,"textAppearance")]={...zn.textAppearance,scope:"layout",title:"",display:{type:"text-appearance",useTabDesign:!0}},t}const cg=Ki.reduce((e,t)=>({...e,...lg(t)}),{}),dg=Ki.reduce((e,t)=>({...e,[st(t,"fontFamily")]:"Goudy Bookletter 1911",[st(t,"fontSettings")]:{fontWeight:400,fontStyle:"normal"},[st(t,"letterSpacing")]:0,[st(t,"wordSpacing")]:0,[st(t,"textAlign")]:"left",[st(t,"textAppearance")]:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}}),{});function es(e){return Ki.reduce((t,n)=>{const i=e[`${n}FontSize`],o=e[`${n}LineHeight`];return i!==void 0&&(t[st(n,"fontSize")]=i),o!==void 0&&(t[st(n,"lineHeight")]=o),t},{})}const ug=eg(),pg={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"}}},thumbnailSize:{type:"number",scope:"layout",title:"Thumbnail Size",min:0,display:{type:"range-control"}},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"}},...cg,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/lightbox_strip_1.jpg",coverFit:{display:"fit",ratioValue:"1:1",reversed:!1},closeIcon:sg,closeIconColor:"#000000",closeIconHoverColor:"#cccccc",thumbnailObjectFit:{display:"fit",ratioValue:"16:9",reversed:!1},thumbnailTrigger:"click",thumbnailActive:"color",thumbnailActiveColor:"#ffffff",title1Color:"#000000",title2Color:"#000000",title3Color:"#000000",...dg},layoutDefaults:{m:{thumbnailSize:.1,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:"#FFFFFF",contentMarginTop:.08,iconMarginLeft:.02,...es({title1FontSize:.04,title1LineHeight:.04,title2FontSize:.04,title2LineHeight:.04,title3FontSize:.04,title3LineHeight:.04})},d:{thumbnailSize:.03,thumbnailVisibility:"on",titleHeaderLayout:"desktop",thumbnailGap:.02,thumbnailMarginBottom:.007,imageGap:.005,title1Width:.29,title2Width:.13,title3Width:.14,title1MarginLeft:.015,title2MarginLeft:.1,title3MarginLeft:.1,titleRowMarginBottom:0,closeIconMaxWidth:.02,backgroundColor:"#FFFFFF",contentMarginTop:.015,iconMarginLeft:.02,...es({title1FontSize:.011,title1LineHeight:.02,title2FontSize:.011,title2LineHeight:.02,title3FontSize:.011,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:[ug]}],paletteBookmark:{items:["title1Color","title2Color","title3Color","backgroundColor","closeIconColor","closeIconHoverColor","thumbnailActiveColor"],panelIds:["general","typeStyle"]},content:{type:"array",settings:{addItemFromFileExplorer:!0},items:{type:"object",properties:{image:{type:"object",label:"Image",display:{isObjectFitEditable:!1,defaultObjectFit:"contain",type:"media-input"}},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/lightbox_strip_2.jpg",name:"",objectFit:"contain"},title1:"Giovanni Andrea Vavassore",title2:"ESEMPLA",title3:"Venice, 1500"},{image:{url:"https://cdn.cntrl.site/component-assets/lightbox_strip_3.jpg",name:"",objectFit:"contain"},title1:"Giovanni Andrea Vavassore",title2:"ESEMPLA",title3:"Venice, 1500"},{image:{url:"https://cdn.cntrl.site/component-assets/lightbox_strip_4.jpg",name:"",objectFit:"contain"},title1:"Giovanni Andrea Vavassore",title2:"ESEMPLA",title3:"Venice, 1500"},{image:{url:"https://cdn.cntrl.site/component-assets/lightbox_strip_5.jpg",name:"",objectFit:"contain"},title1:"Giovanni Andrea Vavassore",title2:"ESEMPLA",title3:"Venice, 1500"},{image:{url:"https://cdn.cntrl.site/component-assets/lightbox_strip_6.jpg",name:"",objectFit:"contain"},title1:"Giovanni Andrea Vavassore",title2:"ESEMPLA",title3:"Venice, 1500"},{image:{url:"https://cdn.cntrl.site/component-assets/lightbox_strip_7.jpg",name:"",objectFit:"contain"},title1:"Giovanni Andrea Vavassore",title2:"ESEMPLA",title3:"Venice, 1500"}]}},mg={element:rg,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:pg,sourceCode:ag,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:Ki.map(e=>({path:`styles.${st(e,"fontSettings")}`}))}},gg=50,ts=10,na="cntrl-lightbox-journal",qo=na,Lr=`${na}-`,Ko=e=>`${na}-${e}`,ia=e=>e===qo||e.startsWith(Lr),ns=e=>{if(!e)return null;const t=Number.parseInt(e,10);return Number.isFinite(t)&&t>=1?t:null},is=e=>{if(typeof window>"u")return null;const t=new URLSearchParams(window.location.search);if(e){const i=ns(t.get(Ko(e)));if(i)return i}const n=ns(t.get(qo));if(n)return n;for(const[i]of t){if(!i.startsWith(Lr))continue;const o=i.slice(Lr.length);if(!/^\d+$/.test(o))continue;const s=Number.parseInt(o,10);if(Number.isFinite(s)&&s>=1)return s}return null},os=(e,t)=>{if(t<=0)return-1;const n=e-1;return n<0||n>=t?-1:n},tl=(e,t,n=!0)=>{if(typeof window>"u")return;const i=new URL(window.location.href);[...i.searchParams.keys()].forEach(a=>{ia(a)&&i.searchParams.delete(a)}),t?i.searchParams.set(Ko(t),String(e)):i.searchParams.set(qo,String(e));const o=n?"replaceState":"pushState",s=`${i.pathname}${i.search}${i.hash}`;window.history[o](window.history.state,"",s)},hg=e=>{if(typeof window>"u")return;const t=new URL(window.location.href),n=[...t.searchParams.keys()].filter(i=>e?i===Ko(e)||i===qo:ia(i));if(n.forEach(i=>t.searchParams.delete(i)),n.length>0){const i=`${t.pathname}${t.search}${t.hash}`;window.history.replaceState(window.history.state,"",i)}},nl=e=>{if(typeof window>"u")return!1;const t=new URLSearchParams(window.location.search);return e?t.has(Ko(e)):[...t.keys()].some(n=>ia(n))},fg=(e,t)=>{if(nl(t)){if(e){window.history.back();return}hg(t)}},yg=20,vg=2,mr=e=>`max(${e}, ${yg}px)`,hi=e=>((e==null?void 0:e.image)??[]).slice(0,vg),il=e=>e.reduce((t,n)=>t+hi(n).length,0),bg=(e,t)=>{const n=e.slice(0,t).reduce((o,s)=>o+hi(s).length,1),i=hi(e[t]).length;return{start:n,end:n+i-1}},xg=(e,t)=>{const n=il(e),{start:i,end:o}=bg(e,t);return i===o?`${i} / ${n}`:`${i}-${o} / ${n}`},$o=(e,t)=>t==="B"?e.flatMap((n,i)=>hi(n).map(o=>({entry:n,entryIndex:i,images:[o]}))):e.map((n,i)=>({entry:n,entryIndex:i,images:hi(n)})),wg=(e,t,n,i)=>{var s;if(n==="B")return`${t+1} / ${e.length}`;const o=((s=e[t])==null?void 0:s.entryIndex)??0;return xg(i,o)},rs=e=>e?`${e.title1??""}|${e.title2??""}|${e.title3??""}`:"",Sg=(e,t,n)=>e==="B"?t.length>1:il(n)>1,ti=.004,gr=.004,hr={title1Width:.13,title2Width:.13,title3Width:.14},po=(e,t,n,i,o)=>{const s=[];return t.title1&&s.push({prefix:"title1",widthKey:"title1Width",className:`${e}-title1`,style:n,text:t.title1}),t.title2&&s.push({prefix:"title2",widthKey:"title2Width",marginLeftKey:"title2MarginLeft",className:`${e}-title2`,style:i,text:t.title2}),t.title3&&s.push({prefix:"title3",widthKey:"title3Width",marginLeftKey:"title3MarginLeft",className:`${e}-title3`,style:o,text:t.title3}),s},Ro=(e,t)=>{if(e<=0)return[];const n=t.slice(0,e),i=n.reduce((s,a)=>s+a,0);if(i<=1)return n;const{widths:o}=[...n].reverse().reduce(({overflow:s,widths:a},u)=>{if(s<=0||u<=0)return{overflow:s,widths:[u,...a]};const c=Math.min(s,u);return{overflow:s-c,widths:[u-c,...a]}},{overflow:i-1,widths:[]});return o},Er=(e,t)=>Ro(e,t),Vn=(e,t)=>{const n=t.filter((i,o)=>o!==e).reduce((i,o)=>i+o,0);return Math.max(1-n,0)},mo=(e,t)=>{const n=e.map(i=>t[i.widthKey]??0);return{resolved:Ro(e.length,n),effective:Er(e.length,n)}},$g=(e,t,n,i)=>e.slice(0,i).reduce((o,s,a)=>o+(s!=null&&s.marginLeftKey?n[s.marginLeftKey]??0:0)+(t[a]??0),0),Cg=(e,t,n,i)=>e.slice(0,i+1).reduce((o,s,a)=>o+(s!=null&&s.marginLeftKey?n[s.marginLeftKey]??0:0)+(t[a]??0),0),Gi=["title1","title2","title3","count"],lt=(e,t)=>`${e}${t.charAt(0).toUpperCase()}${t.slice(1)}`,Tg={title1:"1",title2:"2",title3:"3",count:"Count"},Lg=e=>[lt(e,"fontFamily"),lt(e,"fontSettings"),{type:"row",items:[lt(e,"fontSize"),lt(e,"lineHeight"),lt(e,"letterSpacing"),lt(e,"wordSpacing")]},lt(e,"textAlign"),lt(e,"textAppearance")],Eg=()=>({type:"tab",id:"journalTextStyle",tabs:Object.fromEntries(Gi.map(e=>[Tg[e],Lg(e)]))}),Ig={title1:"title1Color",title2:"title2Color",title3:"title3Color",count:"countColor"},Pg={title1:.02,title2:.02,title3:.02,count:.017},go=(e,t)=>{const n=i=>{const o=lt(t,i);return e[o]};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:e[Ig[t]]}},ho=(e,t,n)=>{var o,s;const i={fontSettings:{fontFamily:t.fontFamily,fontWeight:((o=t.fontSettings)==null?void 0:o.fontWeight)??400,fontStyle:((s=t.fontSettings)==null?void 0:s.fontStyle)??"normal"},fontSize:t.fontSize??Pg[e],lineHeight:t.lineHeight,letterSpacing:t.letterSpacing,wordSpacing:t.wordSpacing,textAlign:t.textAlign,textAppearance:t.textAppearance,color:t.color??"#ffffff"};return Rt(i,n)},Rg=({prefix:e,entries:t,settings:n,isEditor:i,isEditMode:o,isPreviewMode:s,initialSlideIndex:a=0,enableUrlSync:u=!1,journalItemId:c=null,onBeforeClose:m,onClose:p})=>{const{type:R,coverFit:b,backgroundColor:I,imageGap:g,maxWidth:v,maxHeight:T,textTransition:w,title1Width:$,title2Width:S,title3Width:z,title1MarginLeft:M=0,title2MarginLeft:N=0,title3MarginLeft:L=0,titleRowMarginBottom:C=0,titleHeaderLayout:J="single-row",countCloseGap:y=0,closeIcon:k,closeIconMaxWidth:_,closeIconColor:V,closeIconHoverColor:ne,contentMarginTop:me=0,iconMarginRight:K=0}=n,H=l.useCallback(A=>P.scalingValue(A,i??!1),[i]),Q=H(g??0),Y=`${v}%`,O=`${T}%`,te=H(y),ce=H(me),oe=H(K),W=ho("title1",go(n,"title1"),i),ue=ho("title2",go(n,"title2"),i),h=ho("title3",go(n,"title3"),i),ae=ho("count",go(n,"count"),i),be=J==="mobile",ye=!i||!!s,Ae=!o&&(!i||!!s),Z=l.useMemo(()=>$o(t,R),[t,R]),[ge,U]=l.useState(a),X=Z[ge],B=X==null?void 0:X.entry,[se,Ee]=l.useState(!1),[Fe,Re]=l.useState(null),[Ie,_e]=l.useState(!1),[F,D]=l.useState(null),[E,j]=l.useState(!1),[G,ee]=l.useState(0),[ie,he]=l.useState(),[Se,$e]=l.useState(),[fe,Ge]=l.useState(null),de=l.useRef(null),Me=l.useRef(0),je=l.useRef(0),Ve=l.useRef(0),at=l.useRef(!1),ht=l.useRef(null),Et=l.useRef(null),mt=l.useRef(null),ft=l.useRef(null),Ft=l.useRef(null),It=l.useRef(null),Ue=l.useRef(null),Ce=l.useCallback(()=>{const A=Et.current;if(!A)return;const pe=A.closest(`.${e}-lightbox-content-area`);if(!pe)return A.getBoundingClientRect().width;const d=Array.from(pe.children).reduce((f,x)=>!(x instanceof HTMLElement)||x.contains(A)?f:f+x.getBoundingClientRect().width,0);return pe.getBoundingClientRect().width-d},[e]),qe=l.useCallback(()=>{de.current&&(clearTimeout(de.current),de.current=null)},[]),Qe=l.useCallback(A=>{A===Me.current&&(D(null),j(!1))},[]),Oe=l.useCallback(()=>{o||at.current||(at.current=!0,m==null||m(),Ee(!1),ht.current=setTimeout(()=>{p()},300))},[o,m,p]),$t=l.useCallback(A=>!!(A.closest("[data-controls]")||A.closest(`.${e}-close-icon`)),[e]),{isSwipeDragging:At,backdropStyle:Je,mediaAreaStyle:Mt,overlayContentStyle:Ht,swipeHandlers:We,dismissAreaStyle:yt}=Zs({enabled:Ae,onClose:Oe,animMs:300,isBlockedTarget:$t}),et=l.useCallback(A=>{u&&tl(A+1,c,!0)},[u,c]),Xe=l.useCallback(A=>{if(A)return A.getBoundingClientRect().height},[]),ot=l.useCallback(A=>{if(Z.length===0)return;const pe=(A%Z.length+Z.length)%Z.length;if(pe===ge)return;const d=Z[ge],f=Z[pe];Me.current+=1;const x=Me.current,q=w==="fade"&&rs(d==null?void 0:d.entry)!==rs(f==null?void 0:f.entry),re=Xe(mt.current),we=q?(()=>{const Ke=Ce();Ni.flushSync(()=>{Ge(f.entry)}),mt.current&&Ke&&(mt.current.style.width=`${Ke}px`);const Pt=Xe(mt.current);return mt.current&&(mt.current.style.width=""),{measuredIncomingTitlesHeight:Pt,incomingTitlesMeasureWidth:Ke}})():void 0,ke=Math.max(re??0,(we==null?void 0:we.measuredIncomingTitlesHeight)??0)||void 0;ee(x),D(ge),j(!0),U(pe),et(pe),Ve.current=pe,q?(qe(),ke&&he(ke),we!=null&&we.incomingTitlesMeasureWidth&&$e(we.incomingTitlesMeasureWidth),Re((d==null?void 0:d.entryIndex)??null),_e(!0),je.current=f.entryIndex,de.current=setTimeout(()=>{Re(null),_e(!1),he(void 0),$e(void 0),Ge(null),de.current=null},400)):(qe(),Re(null),_e(!1),he(void 0),$e(void 0),Ge(null),je.current=f.entryIndex)},[ge,qe,Ce,Xe,Z,et,w]),ut=l.useCallback(()=>{Ue.current=null},[]),un=l.useCallback(A=>{!ye||Z.length<=1||A.pointerType==="mouse"&&A.button!==0||A.target.closest("[data-controls]")||(Ue.current={startX:A.clientX,startY:A.clientY,pointerId:A.pointerId})},[ye,Z.length]),rn=l.useCallback(A=>{var Ke;if(!ye||Z.length<=1||A.pointerType==="mouse"&&A.button!==0)return;if(At){ut();return}const pe=Ue.current;if(!pe||pe.pointerId!==A.pointerId||(ut(),A.target.closest("[data-controls]")))return;const f=A.clientX-pe.startX,x=A.clientY-pe.startY,q=Math.abs(f),re=Math.abs(x);if(q>=gg&&q>re){ot(f>0?ge-1:ge+1);return}if(q>ts||re>ts)return;const we=(Ke=ft.current)==null?void 0:Ke.getBoundingClientRect(),ke=we?we.left+we.width/2:window.innerWidth/2;ot(A.clientX<ke?ge-1:ge+1)},[ge,ye,ot,At,ut,Z.length]),Wn=l.useCallback(A=>{const pe=Ue.current;(pe==null?void 0:pe.pointerId)===A.pointerId&&ut()},[ut]);Qs(),l.useEffect(()=>{It.current=document.activeElement instanceof HTMLElement?document.activeElement:null;const A=requestAnimationFrame(()=>{Ee(!0),requestAnimationFrame(()=>{Ft.current?Ft.current.focus():ft.current&&ft.current.focus()})});return()=>{cancelAnimationFrame(A),ht.current&&clearTimeout(ht.current),de.current&&clearTimeout(de.current);const pe=It.current;pe&&document.contains(pe)&&pe.focus()}},[]),l.useEffect(()=>{var A;w!=="fade"&&(je.current=((A=Z[ge])==null?void 0:A.entryIndex)??0,qe(),Re(null),_e(!1),he(void 0),$e(void 0))},[ge,qe,Z,w]),l.useEffect(()=>{const A=pe=>{if(pe.key==="Escape"){Oe();return}if(pe.key==="ArrowLeft"&&Z.length>1){ot(ge-1);return}if(pe.key==="ArrowRight"&&Z.length>1){ot(ge+1);return}if(pe.key==="Tab"&&ft.current){const d=ft.current.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'),f=Array.from(d).filter(we=>!we.closest('[aria-hidden="true"]'));if(f.length===0)return;const x=f[0],q=f[f.length-1],re=document.activeElement;pe.shiftKey?(re===x||!ft.current.contains(re))&&(pe.preventDefault(),q.focus()):(re===q||!ft.current.contains(re))&&(pe.preventDefault(),x.focus())}};return window.addEventListener("keydown",A),()=>window.removeEventListener("keydown",A)},[ot,Oe,ge,Z.length]),l.useLayoutEffect(()=>{qe(),Me.current=0,ee(0),D(null),j(!1),Re(null),_e(!1),he(void 0),$e(void 0),Ge(null),U(A=>{const pe=Math.max(0,Z.length-1);return Math.min(A,pe)})},[qe,t.length,R,Z.length]),l.useLayoutEffect(()=>{var d;const A=Math.max(0,Z.length-1),pe=Math.min(Math.max(0,a),A);Ve.current=pe,je.current=((d=Z[pe])==null?void 0:d.entryIndex)??0,U(pe)},[a]);const nt=Fe!==null?t[Fe]:null,an=F!==null?Z[F]:null,Vt=(B==null?void 0:B.title1)||(B==null?void 0:B.title2)||(B==null?void 0:B.title3)||(nt==null?void 0:nt.title1)||(nt==null?void 0:nt.title2)||(nt==null?void 0:nt.title3),jt=Sg(R,Z,t),ze=k!==null,vt=Vt||jt||ze,le=jt&&ze?{gap:te}:void 0,xe=`${e}-titles-stack${be?` ${e}-titles-stack-stacked`:""}`,Pe=`${e}-titles-layer-out${be?` ${e}-titles-layer-out-stacked`:""}`,Ne=`${e}-titles-layer-out`,tt=(M??0)>0||o,bt=H(C),Te=l.useMemo(()=>({title1Width:$??hr.title1Width,title2Width:S??hr.title2Width,title3Width:z??hr.title3Width}),[$,S,z]),it=l.useMemo(()=>({title2MarginLeft:N,title3MarginLeft:L}),[N,L]),De=l.useMemo(()=>B?po(e,B,W,ue,h):[],[e,B,W,ue,h]),rt=l.useMemo(()=>De.map(A=>Te[A.widthKey]),[De,Te]),pt=l.useMemo(()=>Ro(De.length,rt),[De.length,rt]),kt=l.useMemo(()=>Er(De.length,rt),[De.length,rt]),St=l.useMemo(()=>De.filter(A=>A.prefix==="title1"),[De]),Be=l.useMemo(()=>De.filter(A=>A.prefix==="title2"||A.prefix==="title3"),[De]),xt=l.useMemo(()=>mo(St,Te),[St,Te]),Ct=l.useMemo(()=>mo(Be,Te),[Be,Te]),wt=l.useCallback((A,pe)=>{const d=De.findIndex(x=>x.prefix===A.prefix);if(!be||pe==="single-row")return{effectiveWidth:kt[d]??0,resolvedWidth:pt[d]??0,maxWidth:Vn(d,pt)};if(pe==="two-row-top"){const x=St.findIndex(q=>q.prefix===A.prefix);return{effectiveWidth:xt.effective[x]??0,resolvedWidth:xt.resolved[x]??0,maxWidth:Vn(x,xt.resolved)}}const f=Be.findIndex(x=>x.prefix===A.prefix);return{effectiveWidth:Ct.effective[f]??0,resolvedWidth:Ct.resolved[f]??0,maxWidth:Vn(f,Ct.resolved)}},[De,Be,Ct,kt,pt,St,xt,be]),Dt=l.useCallback(A=>Cg(De,pt,it,A)+(be?0:M??0),[De,pt,it,be,M]),dt=l.useCallback(()=>be?0:M??0,[be,M]),Ot=l.useCallback(A=>Be.slice(0,A).reduce((pe,d,f)=>pe+(d.marginLeftKey?it[d.marginLeftKey]??0:0)+(Ct.resolved[f]??0),0),[Be,Ct.resolved,it]),Wt=l.useCallback(A=>{const pe=Be[A];return Ot(A)+(pe.marginLeftKey?it[pe.marginLeftKey]??0:0)+(Ct.resolved[A]??0)},[Be,Ct.resolved,Ot,it]),pn=l.useCallback((A,pe,d)=>{if(!be||d==="single-row"){const we=A.findIndex(Tt=>Tt.prefix===pe.prefix),ke=A.map(Tt=>Te[Tt.widthKey]),Ke=Ro(A.length,ke);return{effectiveWidth:Er(A.length,ke)[we]??0,resolvedWidth:Ke[we]??0,maxWidth:Vn(we,Ke)}}if(d==="two-row-top"){const we=A.filter(Tt=>Tt.prefix==="title1"),ke=we.findIndex(Tt=>Tt.prefix===pe.prefix),{resolved:Ke,effective:Pt}=mo(we,Te);return{effectiveWidth:Pt[ke]??0,resolvedWidth:Ke[ke]??0,maxWidth:Vn(ke,Ke)}}const f=A.filter(we=>we.prefix==="title2"||we.prefix==="title3"),x=f.findIndex(we=>we.prefix===pe.prefix),{resolved:q,effective:re}=mo(f,Te);return{effectiveWidth:re[x]??0,resolvedWidth:q[x]??0,maxWidth:Vn(x,q)}},[Te,be]),$n=(A,pe,d)=>{const f=A.marginLeftKey?it[A.marginLeftKey]??0:0,{effectiveWidth:x,resolvedWidth:q,maxWidth:re}=d??wt(A,pe),we=Math.max(f,gr),ke=o&&pe==="two-row-top";return r.jsxs("div",{className:`${e}-title-cell`,"data-title":A.prefix,style:{width:H(x),...f>0?{marginLeft:H(f)}:{}},children:[r.jsx("p",{className:A.className,style:A.style,children:A.text}),ke&&A.marginLeftKey?r.jsx("div",{"data-controls":A.marginLeftKey,"data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(q),style:{position:"absolute",top:0,left:H(-f),width:H(we),height:"100%",pointerEvents:"auto"}}):null,ke?r.jsx("div",{"data-controls":A.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(re),"data-controls-variant":"column-width",className:`${e}-title-resize-handle`,style:{position:"absolute",top:0,right:H(-ti/2),width:H(ti),height:"100%",pointerEvents:"auto"}}):null]},A.className)},mn=()=>r.jsx("div",{...o?{"data-controls":"title1MarginLeft","data-controls-axis":"x"}:{},style:{width:H(M??0),flexShrink:0,alignSelf:"stretch",...o?{pointerEvents:"auto"}:{}}}),qt=()=>r.jsx("span",{className:`${e}-titles-baseline-strut`,style:W,"aria-hidden":"true",children:" "}),Cn=()=>r.jsx("span",{className:`${e}-entry-counter`,style:ae,"aria-live":"polite","aria-atomic":"true",children:wg(Z,ge,R,t)}),Xn=()=>jt?o&&ze?r.jsxs("div",{className:`${e}-text-bar-cell`,style:{flexShrink:0},children:[Cn(),r.jsx("div",{"data-controls":"countCloseGap","data-controls-axis":"x","data-controls-reverse":"true",style:{position:"absolute",top:0,right:`calc(-0.5 * (${mr(te)} + ${te}))`,width:mr(te),height:"100%",pointerEvents:"auto",zIndex:3}})]}):Cn():null,Yn=()=>!jt&&!ze?null:r.jsxs("div",{className:`${e}-titles-row-header-controls`,style:le,children:[Xn(),ze?Jt():null]}),xi=()=>r.jsxs("div",{className:`${e}-titles-row ${e}-titles-row-header`,style:{width:"100%",position:"relative"},children:[jt||Vt?qt():null,tt?mn():null,Zt(B),r.jsx("div",{style:{flex:1,minWidth:0},"aria-hidden":"true"}),Yn(),sn()]}),Go=()=>r.jsxs("div",{className:`${e}-titles-row ${e}-titles-row-header`,style:{width:"100%"},children:[jt||Vt?qt():null,tt?mn():null,r.jsxs("div",{className:`${e}-titles-row-titles`,style:Ie&&ie?{minHeight:ie}:void 0,children:[r.jsx("div",{ref:mt,className:xe,style:{position:"absolute",visibility:"hidden",pointerEvents:"none",left:0,right:0,top:0,width:"100%",height:"auto"},"aria-hidden":"true",children:Nn(fe||B)}),r.jsxs("div",{ref:Et,className:xe,style:{position:Ie?"absolute":"relative",inset:Ie?0:void 0,width:"100%",...Ie&&Se?{width:Se,maxWidth:"100%"}:void 0},children:[nt&&Ie?r.jsx("div",{className:`${Pe} ${e}-titles-fade-out`,children:Nn(nt)}):null,r.jsx("div",{className:`${e}-titles-layer-in${Ie?` ${e}-titles-layer-in-fading ${e}-titles-fade-in`:""}`,children:Nn(B)})]}),sn()]}),Yn()]}),Jt=()=>r.jsxs("div",{className:`${e}-close-icon`,style:{width:P.scalingValue(_??0,i),height:P.scalingValue(_??0,i),marginRight:oe,"--close-icon-hover-color":ne},children:[r.jsx("button",{ref:Ft,type:"button",className:`${e}-close-icon-inner`,onClick:Oe,"aria-label":"Close",children:r.jsx(nn,{url:k??"",fill:V,hoverFill:i&&!s?V:ne,className:`${e}-close-icon-img`})}),o&&r.jsx("div",{"data-controls":"iconMarginRight","data-controls-axis":"x","data-controls-reverse":"",className:`${e}-control`,style:{position:"absolute",top:0,left:"100%",width:oe,height:"100%",pointerEvents:"auto"}})]}),Ui=(A,pe)=>r.jsxs("div",{className:`${e}-titles-row-top`,children:[jt||Vt?qt():null,tt?mn():null,pe!==void 0?r.jsx("div",{className:`${e}-titles-row-titles`,style:{position:"relative",flex:1,minWidth:0,minHeight:pe},children:A}):r.jsxs(r.Fragment,{children:[A,r.jsx("div",{style:{flex:1,minWidth:0},"aria-hidden":"true"})]}),Yn()]}),Zt=A=>{if(!A)return null;const pe=po(e,A,W,ue,h);return r.jsx(r.Fragment,{children:pe.map(d=>$n(d,"single-row",pn(pe,d,"single-row")))})},gn=A=>{if(!A)return null;const pe=po(e,A,W,ue,h),d=pe.find(f=>f.prefix==="title1");return d?$n(d,"two-row-top",pn(pe,d,"two-row-top")):null},Tn=(A,pe=!1)=>{const d=A?po(e,A,W,ue,h):[],f=d.filter(re=>re.prefix==="title2"||re.prefix==="title3"),x=o&&pe;return f.length>0||x||(C??0)>0?r.jsxs("div",{className:`${e}-titles-row-bottom-wrap`,children:[f.length>0?r.jsxs("div",{className:`${e}-titles-row-bottom`,children:[f.map(re=>$n(re,"two-row-bottom",pn(d,re,"two-row-bottom"))),pe&&o?r.jsxs(r.Fragment,{children:[Uo(),Xo()]}):null]}):null,(C??0)>0||x?r.jsx("div",{"data-controls":x?"titleRowMarginBottom":void 0,"data-controls-axis":x?"y":void 0,"data-controls-reverse":x?"":void 0,className:x?`${e}-control`:void 0,style:{height:bt,width:"100%",flexShrink:0,pointerEvents:x?"auto":"none"}}):null]}):null},Fn=(A,pe=!1)=>r.jsxs(r.Fragment,{children:[Ui(gn(A)),Tn(A,pe)]}),Nn=A=>be?r.jsx("div",{className:`${e}-titles-row-two-row`,children:Fn(A)}):A?r.jsx("div",{className:`${e}-titles-row`,style:{width:"100%"},children:Zt(A)}):null,Xi=()=>De.flatMap((A,pe)=>{if(!A.marginLeftKey)return[];const d=it[A.marginLeftKey]??0,f=$g(De,pt,it,pe)+dt(),x=Math.max(d,gr);return r.jsx("div",{"data-controls":A.marginLeftKey,"data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(pt[pe]),style:{position:"absolute",top:0,left:H(f),width:H(x),height:"100%",pointerEvents:"auto"}},A.marginLeftKey)}),Yi=()=>De.map((A,pe)=>{const d=Vn(pe,pt),x=Dt(pe)-ti/2;return r.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:r.jsx("div",{"data-controls":A.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(d),"data-controls-variant":"column-width",className:`${e}-title-resize-handle`,style:{position:"absolute",top:0,left:H(x),width:H(ti),height:"100%",pointerEvents:"auto"}})},`${A.widthKey}-junction`)}),Uo=()=>Be.flatMap((A,pe)=>{if(!A.marginLeftKey)return[];const d=it[A.marginLeftKey]??0,f=Ot(pe),x=Math.max(d,gr),{resolvedWidth:q}=wt(A,"two-row-bottom");return r.jsx("div",{"data-controls":A.marginLeftKey,"data-controls-axis":"x","data-controls-min":"0","data-controls-max-fraction":String(q),style:{position:"absolute",top:0,left:H(f),width:H(x),height:"100%",pointerEvents:"auto"}},A.marginLeftKey)}),Xo=()=>Be.map((A,pe)=>{const{maxWidth:d}=wt(A,"two-row-bottom"),x=Wt(pe)-ti/2;return r.jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none"},children:r.jsx("div",{"data-controls":A.widthKey,"data-controls-axis":"x","data-controls-max-fraction":String(d),"data-controls-variant":"column-width",className:`${e}-title-resize-handle`,style:{position:"absolute",top:0,left:H(x),width:H(ti),height:"100%",pointerEvents:"auto"}})},`${A.widthKey}-junction`)}),sn=()=>!o||be?null:r.jsxs(r.Fragment,{children:[Xi(),Yi()]}),Jn=A=>{const pe=!A.objectFit&&xn(b);return{className:`${e}-slide-image-cell${pe?` ${e}-slide-image-cell-cover`:""}`,style:{maxWidth:Y,maxHeight:O,...pe?{"--image-aspect-ratio":Do(b)}:{}}}},Ji=A=>A.objectFit?{className:`${e}-slide-image ${e}-slide-image-custom`,style:{"--image-object-fit":A.objectFit}}:xn(b)?{className:`${e}-slide-image ${e}-slide-image-cover`}:{className:`${e}-slide-image ${e}-slide-image-fit`},Hn=A=>{if(A.length===0)return null;const pe=A.length>1,d=mr(Q),f=`calc(-0.5 * (${d} + ${Q}))`;if(A.length===1){const x=A[0];return r.jsx("div",{...Jn(x),children:r.jsx("img",{...Ji(x),src:x.url,alt:x.name??"",draggable:!1})})}return r.jsx("div",{className:`${e}-slide-inner`,style:pe?{gap:Q}:void 0,children:A.map((x,q)=>r.jsxs("div",{...Jn(x),children:[r.jsx("img",{...Ji(x),src:x.url,alt:x.name??"",draggable:!1}),o&&pe&&q<A.length-1&&r.jsx("div",{"data-controls":"imageGap","data-controls-axis":"x",style:{position:"absolute",top:0,right:f,width:d,height:"100%",pointerEvents:"auto",zIndex:3}})]},`${x.url}-${q}`))})},Zi=!!(B!=null&&B.title2||B!=null&&B.title3||nt!=null&&nt.title2||nt!=null&&nt.title3||(C??0)>0||o),Yo=()=>r.jsxs("div",{style:{position:"relative",width:"100%",flex:1,alignSelf:"stretch",display:"flex",flexDirection:"column",minHeight:0,height:"100%"},children:[r.jsx("div",{ref:mt,className:xe,style:{position:"absolute",visibility:"hidden",pointerEvents:"none",left:0,right:0,top:0,width:"100%",height:"auto"},"aria-hidden":"true",children:Fn(fe||B)}),r.jsxs("div",{ref:Et,className:`${e}-titles-row-two-row`,style:{...Ie&&ie?{minHeight:ie}:void 0,...Ie&&Se?{width:Se,maxWidth:"100%"}:void 0},children:[Ui(r.jsxs("div",{className:xe,style:{position:Ie?"absolute":"relative",inset:Ie?0:void 0,width:"100%"},children:[nt&&Ie?r.jsx("div",{className:`${Ne} ${e}-titles-fade-out`,children:gn(nt)}):null,r.jsx("div",{className:`${e}-titles-layer-in${Ie?` ${e}-titles-layer-in-fading ${e}-titles-fade-in`:""}`,children:gn(B)})]}),Ie&&ie?ie:void 0),Zi?r.jsxs("div",{className:`${e}-titles-row-bottom-area`,children:[nt&&Ie?r.jsx("div",{className:`${Pe} ${e}-titles-layer-out-bottom ${e}-titles-fade-out`,children:Tn(nt)}):null,r.jsx("div",{className:`${e}-titles-layer-in${Ie?` ${e}-titles-layer-in-fading ${e}-titles-fade-in`:""}${be?` ${e}-titles-layer-in-stacked`:""}`,children:Tn(B,!0)})]}):null]})]}),Jo=()=>{const A=Zi;return r.jsxs("div",{style:{position:"relative",width:"100%",alignSelf:"stretch",display:"flex",flexDirection:"column",minHeight:0,...A?{flex:1,height:"100%"}:{}},children:[r.jsx("div",{className:`${e}-titles-row-two-row`,style:A?void 0:{flex:"0 0 auto",height:"auto"},children:Fn(B,!0)}),sn()]})};return r.jsxs("div",{ref:ft,"data-selection":"none",className:`${e}-lightbox${i?` ${e}-lightbox-editor`:""}${o?` ${e}-lightbox-edit-mode`:""}`,onClick:()=>{At||Oe()},role:"dialog","aria-modal":"true","aria-label":"Journal gallery",tabIndex:ze?void 0:-1,style:{opacity:se?1:0,transition:"opacity 300ms ease",pointerEvents:se?"auto":"none"},children:[r.jsx("div",{className:`${e}-lightbox-backdrop`,style:{backgroundColor:I,...Je}}),r.jsxs("div",{className:`${e}-lightbox-dismiss-area`,style:yt,...We,children:[r.jsx("div",{className:`${e}-lightbox-content`,style:Mt,onClick:A=>A.stopPropagation(),children:r.jsx("div",{className:`${e}-lightbox-strip`,"data-desktop-nav":ye&&Z.length>1?"true":"false",onPointerDown:ye?un:void 0,onPointerUp:ye?rn:void 0,onPointerCancel:ye?Wn:void 0,children:r.jsxs("div",{className:`${e}-slide-stack`,children:[an&&E?r.jsx("div",{className:`${e}-slide-layer-out ${e}-slide-fade-out`,onAnimationEnd:A=>{A.target===A.currentTarget&&Qe(G)},children:r.jsx("div",{className:`${e}-slide-area`,children:Hn(an.images)})},`slide-out-${G}`):null,r.jsx("div",{className:`${e}-slide-layer-in${E?` ${e}-slide-fade-in`:""}`,children:r.jsx("div",{className:`${e}-slide-area`,children:X?Hn(X.images):null})},`slide-in-${G}-${ge}`)]})})}),r.jsxs("div",{className:`${e}-lightbox-overlay-content`,style:Ht,children:[r.jsx("div",{"data-controls":o?"contentMarginTop":void 0,className:o?`${e}-control`:void 0,style:{height:ce,width:"100%"}}),r.jsx("div",{style:{display:"flex",flexDirection:"row",width:"100%",...be?{flex:1,minHeight:0}:{}},children:r.jsx("div",{className:`${e}-lightbox-content-area${be?` ${e}-lightbox-content-area-stacked`:""}`,children:vt&&r.jsx("div",{className:`${e}-text-bar-cell${be?` ${e}-text-bar-cell-stacked`:""}`,style:be?void 0:{flex:1,minWidth:0,width:"100%"},children:be?w==="fade"?Yo():Jo():w==="fade"?Go():xi()})})})]})]})]})};function Ag(e){return`
10809
10787
  .${e}-wrapper {
10810
10788
  position: relative;
10811
10789
  width: 100%;
@@ -11339,7 +11317,7 @@ export const LightboxStrip = ({ settings, content, isEditor, isEditMode, isPrevi
11339
11317
  pointer-events: auto;
11340
11318
  z-index: 10;
11341
11319
  }
11342
- `}const Lg=({settings:e,content:t,isEditor:n,isEditMode:i,isPreviewMode:o,portalId:s,metadata:a})=>{const{prefix:d}=E.useScopedStyles(),c=(a==null?void 0:a.itemId)??null,{cover:p,coverFit:u,type:T}=e,w=l.useRef(null),[L,m]=l.useState(!1),[y,C]=l.useState(0),b=l.useRef(!1),$=l.useRef(!1),S=l.useRef(!1),F=l.useMemo(()=>(t??[]).filter(f=>vi(f).length>0),[t]),P=L&&F.length>0,k=!n,x=l.useCallback(()=>{k&&(S.current=!0,dg($.current,c),$.current=!1)},[k,c]),I=(f=0)=>{if(F.length===0||n&&!i&&!o)return;const R=So(F,T),M=Math.max(0,Math.min(f,R.length-1));if(C(M),k){const j=Zs();Js(M+1,c,j),$.current=!j}m(!0)},G=l.useCallback(()=>{m(!1),S.current=!1},[]);return l.useEffect(()=>{!n||i||o||m(!1)},[n,i,o]),l.useEffect(()=>{if(!k||b.current)return;b.current=!0;const f=Qa(c);if(!f)return;const R=es(f,So(F,T).length);R<0||(C(R),m(!0))},[F,c,k,T]),l.useEffect(()=>{if(!k)return;const f=()=>{if(S.current){S.current=!1,m(!1);return}const R=Qa(c);if(!R){m(!1);return}const M=es(R,So(F,T).length);if(M<0){m(!1);return}$.current=!1,C(M),m(!0)};return window.addEventListener("popstate",f),()=>window.removeEventListener("popstate",f)},[F,c,k,T]),r.jsxs(r.Fragment,{children:[r.jsxs("div",{ref:w,className:`${d}-wrapper`,children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:Tg(d)}}),p?r.jsx("button",{type:"button",className:`${d}-cover ${Ln(u)?`${d}-ratio-wrapper-cover`:`${d}-ratio-wrapper-fit`}`,onClick:()=>I(),style:{display:"block",padding:0,border:"none",background:"transparent",pointerEvents:n&&!i&&!o?"none":void 0,...Ln(u)?{"--image-aspect-ratio":Vo(u)}:{}},"aria-label":"Open journal gallery",children:r.jsx("img",{className:`${d}-cover-image ${Ln(u)?`${d}-cover-image-cover`:`${d}-cover-image-fit`}`,src:p,alt:"cover"})}):null]}),P&&typeof document<"u"&&(()=>{const f=(s?document.getElementById(s):null)??document.body;return Oi.createPortal(r.jsx(Cg,{prefix:d,entries:F,settings:e,isEditor:n,isEditMode:i,isPreviewMode:o,initialSlideIndex:y,enableUrlSync:k,journalItemId:c,onBeforeClose:x,onClose:G}),f)})()]})},Eg=`import { useCallback, useEffect, useMemo, useRef, useState, type MouseEvent } from 'react';
11320
+ `}const Mg=({settings:e,content:t,isEditor:n,isEditMode:i,isPreviewMode:o,portalId:s,metadata:a})=>{const{prefix:u}=P.useScopedStyles(),c=(a==null?void 0:a.itemId)??null,{cover:m,coverFit:p,type:R}=e,b=l.useRef(null),[I,g]=l.useState(!1),[v,T]=l.useState(0),w=l.useRef(!1),$=l.useRef(!1),S=l.useRef(!1),z=l.useMemo(()=>(t??[]).filter(y=>hi(y).length>0),[t]),M=I&&z.length>0,N=!n,L=l.useCallback(()=>{N&&(S.current=!0,fg($.current,c),$.current=!1)},[N,c]),C=(y=0)=>{if(z.length===0||n&&!i&&!o)return;const k=$o(z,R),_=Math.max(0,Math.min(y,k.length-1));if(T(_),N){const V=nl();tl(_+1,c,V),$.current=!V}g(!0)},J=l.useCallback(()=>{g(!1),S.current=!1},[]);return l.useEffect(()=>{!n||i||o||g(!1)},[n,i,o]),l.useEffect(()=>{if(!N||w.current)return;w.current=!0;const y=is(c);if(!y)return;const k=os(y,$o(z,R).length);k<0||(T(k),g(!0))},[z,c,N,R]),l.useEffect(()=>{if(!N)return;const y=()=>{if(S.current){S.current=!1,g(!1);return}const k=is(c);if(!k){g(!1);return}const _=os(k,$o(z,R).length);if(_<0){g(!1);return}$.current=!1,T(_),g(!0)};return window.addEventListener("popstate",y),()=>window.removeEventListener("popstate",y)},[z,c,N,R]),r.jsxs(r.Fragment,{children:[r.jsxs("div",{ref:b,className:`${u}-wrapper`,children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:Ag(u)}}),m?r.jsx("button",{type:"button",className:`${u}-cover ${xn(p)?`${u}-ratio-wrapper-cover`:`${u}-ratio-wrapper-fit`}`,onClick:()=>C(),style:{display:"block",padding:0,border:"none",background:"transparent",pointerEvents:n&&!i&&!o?"none":void 0,...xn(p)?{"--image-aspect-ratio":Do(p)}:{}},"aria-label":"Open journal gallery",children:r.jsx("img",{className:`${u}-cover-image ${xn(p)?`${u}-cover-image-cover`:`${u}-cover-image-fit`}`,src:m,alt:"cover"})}):null]}),M&&typeof document<"u"&&(()=>{const y=(s?document.getElementById(s):null)??document.body;return Ni.createPortal(r.jsx(Rg,{prefix:u,entries:z,settings:e,isEditor:n,isEditMode:i,isPreviewMode:o,initialSlideIndex:v,enableUrlSync:N,journalItemId:c,onBeforeClose:L,onClose:J}),y)})()]})},kg=`import { useCallback, useEffect, useMemo, useRef, useState, type MouseEvent } from 'react';
11343
11321
  import { createPortal } from 'react-dom';
11344
11322
  import { CommonComponentProps } from '../props';
11345
11323
  import { useScopedStyles } from '../utils/useScopedStyles';
@@ -12107,4 +12085,4 @@ export type LightboxJournalSettings = {
12107
12085
  closeIconColor: string;
12108
12086
  closeIconHoverColor: string;
12109
12087
  };
12110
- `,Ig="data:image/svg+xml,"+encodeURIComponent('<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.959 0.40332L0.402635 15.9597" stroke="#000000" stroke-width="1.14"/><path d="M15.959 15.9594L0.402635 0.403002" stroke="#000000" stroke-width="1.14"/></svg>'),Un={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 Pg(e){const t={};return t[pt(e,"fontFamily")]={type:"string",scope:"common",title:"",display:{type:"font-family-select",hideLabel:!0,useTabDesign:!0}},t[pt(e,"fontSettings")]={...Un.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight",hideLabel:!0,useTabDesign:!0}},t[pt(e,"fontSize")]={...Un.fontSize,scope:"layout",title:"",display:{type:"font-size"}},t[pt(e,"lineHeight")]={...Un.lineHeight,scope:"layout",title:"",display:{type:"line-height-input"}},t[pt(e,"letterSpacing")]={...Un.letterSpacing,scope:"layout",title:"",display:{type:"letter-spacing-input"}},t[pt(e,"wordSpacing")]={...Un.wordSpacing,scope:"layout",title:"",display:{type:"word-spacing-input"}},t[pt(e,"textAlign")]={...Un.textAlign,scope:"layout",title:"",display:{type:"vertical-text-aligh-options"}},t[pt(e,"textAppearance")]={...Un.textAppearance,scope:"layout",title:"",display:{type:"text-appearance",useTabDesign:!0}},t}const Rg=Xi.reduce((e,t)=>({...e,...Pg(t)}),{}),Ag=Xi.reduce((e,t)=>({...e,[pt(t,"fontFamily")]:"Goudy Bookletter 1911",[pt(t,"fontSettings")]:{fontWeight:400,fontStyle:"normal"},[pt(t,"letterSpacing")]:0,[pt(t,"wordSpacing")]:0,[pt(t,"textAlign")]:"left",[pt(t,"textAppearance")]:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}}),{});function ns(e){return Xi.reduce((t,n)=>{const i=e[`${n}FontSize`],o=e[`${n}LineHeight`];return i!==void 0&&(t[pt(n,"fontSize")]=i),o!==void 0&&(t[pt(n,"lineHeight")]=o),t},{})}const Mg=wg(),_g={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"}},...Rg,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/journal_1.jpg",coverFit:{display:"fit",ratioValue:"1:1",reversed:!1},closeIcon:Ig,backgroundColor:"rgb(255, 255, 255)",closeIconColor:"#000000",closeIconHoverColor:"#cccccc",textTransition:"fade",title1Color:"#000000",title2Color:"#000000",title3Color:"#000000",countColor:"#000000",...Ag,countFontFamily:"Arial"},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,...ns({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:.0125,contentMarginTop:.01,titleHeaderLayout:"desktop",title1Width:.35,title2Width:.248,title3Width:.1,title1MarginLeft:.01,title2MarginLeft:.1,title3MarginLeft:.1,titleRowMarginBottom:0,iconMarginRight:.01,countCloseGap:.02,...ns({title1FontSize:.0098,title1LineHeight:.0098,title2FontSize:.0098,title2LineHeight:.0098,title3FontSize:.0098,title3LineHeight:.0098,countFontSize:.008,countLineHeight:.0098})}},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:[Mg]}],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:"Dorothy Manners & Julanne Johnston",title2:"by Evans Studio",title3:"Screenland",image:[{url:"https://cdn.cntrl.site/component-assets/journal_2.jpg",name:"",objectFit:"contain"},{url:"https://cdn.cntrl.site/component-assets/journal_3.jpg",name:"",objectFit:"contain"}]},{title1:"Inez Nadeau",title2:"Melbourne Spurr",title3:"Screenland",image:[{url:"https://cdn.cntrl.site/component-assets/journal_4.jpg",name:"",objectFit:"contain"}]},{title1:"Colleen Moore",title2:"Clarence S. Bull",title3:"Screenland",image:[{url:"https://cdn.cntrl.site/component-assets/journal_5.jpg",name:"",objectFit:"contain"}]},{title1:"Gloria Swanson",title2:"Donald Biddle Keyes",title3:"Screenland",image:[{url:"https://cdn.cntrl.site/component-assets/journal_6.jpg",name:"",objectFit:"contain"}]}]}},kg={element:Lg,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:_g,sourceCode:Eg,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:Xi.map(e=>({path:`styles.${pt(e,"fontSettings")}`}))}},Wg=[dd,yd,ru,gu,Cu,Fu,ju,Uu,hp,ym,Lm,sg,kg];exports.components=Wg;exports.isSchemaV1=tl;
12088
+ `,_g="data:image/svg+xml,"+encodeURIComponent('<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.959 0.40332L0.402635 15.9597" stroke="#000000" stroke-width="1.14"/><path d="M15.959 15.9594L0.402635 0.403002" stroke="#000000" stroke-width="1.14"/></svg>'),Dn={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 Wg(e){const t={};return t[lt(e,"fontFamily")]={type:"string",scope:"common",title:"",display:{type:"font-family-select",hideLabel:!0,useTabDesign:!0}},t[lt(e,"fontSettings")]={...Dn.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight",hideLabel:!0,useTabDesign:!0}},t[lt(e,"fontSize")]={...Dn.fontSize,scope:"layout",title:"",display:{type:"font-size"}},t[lt(e,"lineHeight")]={...Dn.lineHeight,scope:"layout",title:"",display:{type:"line-height-input"}},t[lt(e,"letterSpacing")]={...Dn.letterSpacing,scope:"layout",title:"",display:{type:"letter-spacing-input"}},t[lt(e,"wordSpacing")]={...Dn.wordSpacing,scope:"layout",title:"",display:{type:"word-spacing-input"}},t[lt(e,"textAlign")]={...Dn.textAlign,scope:"layout",title:"",display:{type:"vertical-text-aligh-options"}},t[lt(e,"textAppearance")]={...Dn.textAppearance,scope:"layout",title:"",display:{type:"text-appearance",useTabDesign:!0}},t}const Fg=Gi.reduce((e,t)=>({...e,...Wg(t)}),{}),Ng=Gi.reduce((e,t)=>({...e,[lt(t,"fontFamily")]:"Goudy Bookletter 1911",[lt(t,"fontSettings")]:{fontWeight:400,fontStyle:"normal"},[lt(t,"letterSpacing")]:0,[lt(t,"wordSpacing")]:0,[lt(t,"textAlign")]:"left",[lt(t,"textAppearance")]:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}}),{});function as(e){return Gi.reduce((t,n)=>{const i=e[`${n}FontSize`],o=e[`${n}LineHeight`];return i!==void 0&&(t[lt(n,"fontSize")]=i),o!==void 0&&(t[lt(n,"lineHeight")]=o),t},{})}const Hg=Eg(),Og={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"}},...Fg,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/journal_1.jpg",coverFit:{display:"fit",ratioValue:"1:1",reversed:!1},closeIcon:_g,backgroundColor:"rgb(255, 255, 255)",closeIconColor:"#000000",closeIconHoverColor:"#cccccc",textTransition:"fade",title1Color:"#000000",title2Color:"#000000",title3Color:"#000000",countColor:"#000000",...Ng,countFontFamily:"Arial"},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,...as({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:.0125,contentMarginTop:.01,titleHeaderLayout:"desktop",title1Width:.35,title2Width:.248,title3Width:.1,title1MarginLeft:.01,title2MarginLeft:.1,title3MarginLeft:.1,titleRowMarginBottom:0,iconMarginRight:.01,countCloseGap:.02,...as({title1FontSize:.0098,title1LineHeight:.0098,title2FontSize:.0098,title2LineHeight:.0098,title3FontSize:.0098,title3LineHeight:.0098,countFontSize:.008,countLineHeight:.0098})}},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:[Hg]}],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:"Dorothy Manners & Julanne Johnston",title2:"by Evans Studio",title3:"Screenland",image:[{url:"https://cdn.cntrl.site/component-assets/journal_2.jpg",name:"",objectFit:"contain"},{url:"https://cdn.cntrl.site/component-assets/journal_3.jpg",name:"",objectFit:"contain"}]},{title1:"Inez Nadeau",title2:"Melbourne Spurr",title3:"Screenland",image:[{url:"https://cdn.cntrl.site/component-assets/journal_4.jpg",name:"",objectFit:"contain"}]},{title1:"Colleen Moore",title2:"Clarence S. Bull",title3:"Screenland",image:[{url:"https://cdn.cntrl.site/component-assets/journal_5.jpg",name:"",objectFit:"contain"}]},{title1:"Gloria Swanson",title2:"Donald Biddle Keyes",title3:"Screenland",image:[{url:"https://cdn.cntrl.site/component-assets/journal_6.jpg",name:"",objectFit:"contain"}]}]}},Bg={element:Mg,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:Og,sourceCode:kg,assetsPaths:{content:[{path:"image.url",placeholderEnabled:!0}],parameters:[]},fontSettingsPaths:{content:[],parameters:Gi.map(e=>({path:`styles.${lt(e,"fontSettings")}`}))}},jg=[hd,Sd,du,bu,Pu,ju,Ku,Qu,xp,Sm,Am,mg,Bg];exports.components=jg;exports.isSchemaV1=al;