https://www.citeworthy.ai/7300-40ae428be31e0c23a431.js

1"use strict";(self.webpackChunkgatsby_template=self.webpackChunkgatsby_template||[]).push([[7300],{37300:function(e,t,i){i.r(t),i.d(t,{default:function(){return J}});var n=i(63696),r=i(62688),o=i.n(r),a=i(42769),l=i(39757),s=i(6297),c=i(7804),u=i(28879),d=i(87796),m=i(40531),h=i(4663),p=i(77999),g=i(46495),f=i(48446),y=i(27835),v=i(24886),x=i(52208),b=i(99465),C=i(9459),E=i(74599),w=i(43604);const A=(0,m.default)(e=>{let{title:t,descriptionRichText:i,className:r,textClassName:o,textAlign:a,imageRatio:l,lineClamp:c,...u}=e;return n.createElement(s.A,Object.assign({display:"center"===a?"flex":"block",flexDirection:"column",justifyContent:"flex-start",width:"100%",textAlign:"center"===a?"center":"left",className:r,style:{zIndex:100}},u),n.createElement(E.hE,{transitionProperty:"opacity",transitionTimingFunction:"ease",transitionDuration:"md",variant:"h3",mb:F(l)>=1?3:0,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},t),(null==i?void 0:i.content)&&n.createElement(w.A,{lineClamp:c},n.createElement(k,Object.assign({transitionProperty:"opacity",transitionTimingFunction:"ease",transitionDuration:"md",className:o,textAlign:a},i))))}).withConfig({componentId:"sc-lfxzyd-0"})(["",""],p.l),T=(0,m.default)(g.A).withConfig({componentId:"sc-lfxzyd-1"})(["&:hover{& .image{",";}}"],e=>null===e.overlayImage?"transform: scale(1.05)":null),I=(0,m.default)(x.A).withConfig({componentId:"sc-lfxzyd-2"})(["& .text-box{opacity:",";}&:hover{& .text-box{",";}& .truncate-description-text{opacity:",";}}"],e=>"onHover"!==e.textVisibility?1:0,e=>"onHover"===e.textVisibility?"opacity: 1":null,e=>"onHover"===e.textVisibility?1:.75),k=(0,m.default)(C.A).withConfig({componentId:"sc-lfxzyd-3"})(["",""],p.l),O=(0,m.default)(f.A).withConfig({componentId:"sc-lfxzyd-4"})(["",""],(0,h.Zz)(h.Zp)),j=(0,m.default)(f.A).withConfig({componentId:"sc-lfxzyd-5"})(["opacity:0;transition:opacity 0.3s ease;will-change:opacity;&:hover{opacity:1;}"]),R={borderRadius:"none",boxShadow:"md",bg:0,theme:"light",useCard:!1},F=e=>{switch(e){case"sixteenNine":return.5625;case"threeTwo":return.66;case"fourThree":return.75;case"oneOne":default:return 1;case"threeFour":return 1.33;case"twoThree":return 1.5}},P=e=>{switch(e){case"sixteenNine":return 70;case"threeTwo":return 60;case"fourThree":return 55;default:return 43}},z=e=>{switch(e){case 4:case 3:return 40;case 2:default:return 33;case 1:return 20}},D=e=>{var t,i,r,o,a,l,c,u,d,h,p,g,f,x,C,E,w,k,D;let{title:N,descriptionRichText:S,image:G,overlayImage:B,link:V,alignText:W,card:M,columns:q,textBackground:L,textVisibility:_,imageRatio:H}=e;M=M&&M.constructor===Object&&Object.keys(M).length>0?M:R;const $=(0,n.useContext)(m.ThemeContext),U=!0===(null===(t=M)||void 0===t?void 0:t.useCard)?null==$||null===(i=$.themes[null===(o=M)||void 0===o?void 0:o.theme])||void 0===i||null===(r=i.colors)||void 0===r?void 0:r.background[null===(a=M)||void 0===a?void 0:a.bg]:"#FFFFFF",Z=(0,y.z)(U,100),J=(0,y.z)(U,90),K=(0,y.z)(U,0),{0:Q,1:X}=(0,n.useState)(F(H)),Y="none"!==_,ee="gradient"===L&&Y,te=S&&(0!==(null==S||null===(l=S.content)||void 0===l||null===(c=l.blocks)||void 0===c||null===(u=c[0])||void 0===u||null===(d=u.text)||void 0===d?void 0:d.length)||(null==S||null===(h=S.content)||void 0===h||null===(p=h.internal)||void 0===p?void 0:p.content)&&0!==(null===(g=JSON.parse(S.content.internal.content))||void 0===g||null===(f=g.blocks)||void 0===f||null===(x=f[0])||void 0===x||null===(C=x.text)||void 0===C?void 0:C.length)),ie=Object.keys(q),ne=ie[ie.length-1];return(0,n.useEffect)(()=>{X(F(H))},[H]),!0===(null===(E=M)||void 0===E?void 0:E.useCard)&&"solid"===L?n.createElement(v.A,{title:N,descriptionRichText:S,image:G,overlayImage:B,link:V,alignText:W,card:M,textBackground:L,textVisibility:_,imageWidth:"full",imageRatio:Q,overlayOpacity:1,lineClamp:100}

1):n.createElement(T,Object.assign({optional:!0,overlayImage:B},V),n.createElement(I,Object.assign({"aria-label":"Card link"},M,{bg:null,ratio:Q,imageGridComponent:!0,position:"relative",textVisibility:_,textBackground:L}),!0===(null===(w=M)||void 0===w?void 0:w.useCard)&&"gradient"===L&&n.createElement(b.A,{height:"100%",width:"100%"},n.createElement(s.A,{height:"100%",width:"100%"},G&&n.createElement(s.A,{height:"100%",width:"100%"},n.createElement(s.A,{className:"image",transitionProperty:"height, transform",transitionTimingFunction:"ease",transitionDuration:"md",height:"visible"===_&&"solid"===L?{_:"60%",[ne]:100-P(H)/z(q[ne])+"%"}:"100%"},n.createElement(O,Object.assign({},G,{style:{height:"100%",zIndex:85}}))),B&&n.createElement(s.A,{transitionProperty:"height, transform",transitionTimingFunction:"ease",transitionDuration:"md",height:"100%"},n.createElement(j,Object.assign({},B,{style:{height:"100%",left:0,top:0,bottom:0,position:"absolute",zIndex:90}}))),n.createElement(s.A,{transitionProperty:"opacity",transitionTimingFunction:"ease",transitionDuration:"md",position:"absolute",opacity:ee?1:0,top:0,left:0,bottom:0,right:0,background:`linear-gradient(to top, ${Z} 0%,${J} 30%, ${K}) 100%`,style:{zIndex:95,pointerEvents:"none"}})),Y&&(N||te)&&n.createElement("div",{style:{display:"flex",justifyContent:"flex-end"}},n.createElement(A,{transitionProperty:"opacity",transitionTimingFunction:"ease",transitionDuration:"md",textAlign:"center"===W?"center":"left",textClassName:"truncate-description-text",className:"text-box",title:N,descriptionRichText:S,bg:"gradient"===L?"transparent":`background.${M.bg}`,position:"absolute",width:"100%",left:"0px",bottom:"0px",overflow:"hidden",py:4,px:null!==(k=M)&&void 0!==k&&k.useCard?5:0,imageRatio:H,lineClamp:F(H)>=1?3:.75===F(H)?2:1})))),!1===(null===(D=M)||void 0===D?void 0:D.useCard)&&n.createElement(b.A,{height:"100%",width:"100%"},n.createElement(s.A,{height:"100%",width:"100%"},G&&n.createElement(s.A,{transitionProperty:"height, transform",transitionTimingFunction:"ease",transitionDuration:"md",height:"100%",className:"image"},n.createElement(O,Object.assign({},G,{style:{height:"100%"}}))),B&&n.createElement(s.A,{transitionProperty:"height, transform",transitionTimingFunction:"ease",transitionDuration:"md",height:"100%"},n.createElement(j,Object.assign({},B,{style:{height:"100%",left:0,top:0,bottom:0,position:"absolute",zIndex:99}}))),Y&&(N||te)&&n.createElement(s.A,{height:"100%"},n.createElement(A,{transitionProperty:"opacity",transitionTimingFunction:"ease",transitionDuration:"md",textAlign:"center"===W?"center":"left",textClassName:"truncate-description-text",className:"text-box",title:N,descriptionRichText:S,bg:"transparent",position:"absolute",width:"100%",left:"0px",bottom:"0px",overflow:"hidden",py:5,px:5,imageRatio:H,minHeight:"120px",display:"flex",justifyContent:"flex-start"}))))))};var N=D;D.strapiProps={title:o().string,description:o().shape(C.A.strapiProps),image:o().object.isRequired};function S(){return S=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},S.apply(this,arguments)}function G(e,t){return G=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},G(e,t)}var B=function(e){var t,i;function r(){var t;return(t=e.call(this)||this).state={columns:[],childRefs:[],hasDistributed:!1},t}i=e,(t=r).prototype=Object.create(i.prototype),t.prototype.constructor=t,G(t,i);var o=r.prototype;return o.componentDidUpdate=function(){this.state.hasDistributed||this.props.sequential||this.distributeChildren()},r.getDerivedStateFromProps=function(e,t){var i=e.children,n=e.columnsCount,o=n!==t.columns.length;return t&&i===t.children&&!o?null:S({},r.getEqualCountColumns(i,n),{children:i,hasDistributed:!1})},o.shouldComponentUpdate=function(e){return e.children!==this.state.children||e.columnsCount!==this.props.columnsCount},o.distributeChildren=function(){var e=this,t=this.props,i=t.children,r=t.columnsCount,o=Array(r).fill(0);if(this.state.childRefs.every(function(e){return e.current.getBoundingClientRect().height})){var a=Array.from({length:r},function(){return[]}),l=0;

1n.Children.forEach(i,function(t){if(t&&n.isValidElement(t)){var i=e.state.childRefs[l].current.getBoundingClientRect().height,r=o.indexOf(Math.min.apply(Math,o));o[r]+=i,a[r].push(t),l++}}),this.setState(function(e){return S({},e,{columns:a,hasDistributed:!0})})}},r.getEqualCountColumns=function(e,t){var i=Array.from({length:t},function(){return[]}),r=0,o=[];return n.Children.forEach(e,function(e){if(e&&n.isValidElement(e)){var a=n.createRef();o.push(a),i[r%t].push(n.createElement("div",{style:{display:"flex",justifyContent:"stretch"},key:r,ref:a},e)),r++}}),{columns:i,childRefs:o}},o.renderColumns=function(){var e=this.props,t=e.gutter,i=e.itemTag,r=e.itemStyle;return this.state.columns.map(function(e,o){return n.createElement(i,{key:o,style:S({display:"flex",flexDirection:"column",justifyContent:"flex-start",alignContent:"stretch",flex:1,width:0,gap:t},r)},e.map(function(e){return e}))})},o.render=function(){var e=this.props,t=e.gutter,i=e.className,r=e.style,o=e.containerTag;return n.createElement(o,{style:S({display:"flex",flexDirection:"row",justifyContent:"center",alignContent:"stretch",boxSizing:"border-box",width:"100%",gap:t},r),className:i},this.renderColumns())},r}(n.Component);B.propTypes={},B.defaultProps={columnsCount:3,gutter:"0",className:null,style:{},containerTag:"div",itemTag:"div",itemStyle:{},sequential:!1};var V=B,W="undefined"!=typeof window?n.useLayoutEffect:n.useEffect,M=function(){var e=function(){var e=(0,n.useState)(!1),t=e[0],i=e[1];return W(function(){i(!0)},[]),t}(),t=(0,n.useState)("undefined"!=typeof window?window.innerWidth:0),i=t[0],r=t[1],o=(0,n.useCallback)(function(){e&&r(window.innerWidth)},[e]);return W(function(){if(e)return window.addEventListener("resize",o),o(),function(){return window.removeEventListener("resize",o)}},[e,o]),i},q=function(e){var t=e.columnsCountBreakPoints,i=void 0===t?{350:1,750:2,900:3}:t,r=e.gutterBreakPoints,o=void 0===r?{}:r,a=e.children,l=e.className,s=void 0===l?null:l,c=e.style,u=void 0===c?null:c,d=M(),m=(0,n.useCallback)(function(e,t){var i=Object.keys(e).sort(function(e,t){return e-t}),n=i.length>0?e[i[0]]:t;return i.forEach(function(t){t<d&&(n=e[t])}),n},[d]),h=(0,n.useMemo)(function(){return m(i,1)},[m,i]),p=(0,n.useMemo)(function(){return m(o,"10px")},[m,o]);return n.createElement("div",{className:s,style:u},n.Children.map(a,function(e,t){return n.cloneElement(e,{key:t,columnsCount:h,gutter:p})}))};q.propTypes={};var L=q,_=V;const H=(0,m.default)(f.A).withConfig({componentId:"sc-18r29o6-0"})(["opacity:0;transition:opacity 0.3s ease;will-change:opacity;&:hover{opacity:1;}"]),$=(0,m.default)(g.A).withConfig({componentId:"sc-18r29o6-1"})(["&:hover{& .image{",";}}"],e=>null===e.overlayImage?"transform: scale(1.05)":null);var U=e=>{let{children:t,flexGrid:i,maxWidth:r,cascadeGutter:o}=e;return n.createElement(n.Fragment,null,n.createElement(L,{columnsCountBreakPoints:{350:1,750:2,1024:3}},n.createElement(_,{gutter:o},t.map((e,t)=>n.createElement($,Object.assign({optional:!0,overlayImage:e.overlayImage},e.link),n.createElement(s.A,{key:t,position:"relative",style:{borderRadius:"5px"}},n.createElement(f.A,Object.assign({className:"image",alternativeText:"Image Tile in Cascade Grid Layout"},e.image)),e.overlayImage&&n.createElement(s.A,{transitionProperty:"height, transform",transitionTimingFunction:"ease",transitionDuration:"md",height:"100%"},n.createElement(H,Object.assign({},e.overlayImage,{style:{width:"100%",left:0,top:0,bottom:0,position:"absolute",zIndex:90}})))))))))};const Z=e=>{var t,i,r,o,m,h;let{section:p,sectionTitle:g,flexGrid:f,imageCards:y,card:v,useCardFront:x,displayMode:b="grid",imageFit:C,customImageWidth:E,customImageHeight:w,customSizeMobile:A,carouselWidth:T,carouselSpeed:I,gridType:k,cascadeGutter:O,textBackground:j="solid",textVisibility:R="visible",alignText:F="center",imageGridImageRatio:P,imageRatio:z,filter:D,IGFilter:S,filters:G,IGFilters:B}=e;const V="scroll"===b,W=!V&&"grid"===k,M=!V&&"cascade"===k;return D=S||D,G=B||G,n.createElement(l.A,p,g&&n.createElement(a.A,null,n.createElement(d.A,Object.assign({},g,{mb:6,maxWidth:42}))),V&&n.createElement(s.A,{position:"relative"},n.createElement(s.A,{position:"relative",width:"normal"===T?"100%":"100vw",ml:"normal"===T?void 0:"-50vw",left:"normal"===T?void 0:"49.3%"}

1,n.createElement(c.A,{carouselItems:y,logoOrImage:"image",customImageWidth:"width"===C?E:null,customImageHeight:"height"===C?w:null,customSizeMobile:A,carouselSpeed:I}))),W&&n.createElement(u.A,{flexGrid:f,filters:G,filtersStyles:{filterLocation:null===(t=D)||void 0===t?void 0:t.filterLocation,alignMenuItems:null===(i=D)||void 0===i?void 0:i.alignMenuItems,showFilterLabel:null===(r=D)||void 0===r?void 0:r.showFilterLabel,layout:null===(o=D)||void 0===o?void 0:o.layout,filterTextDisplay:null===(m=D)||void 0===m?void 0:m.filterTextDisplay,dropdownCard:null===(h=D)||void 0===h?void 0:h.dropdownCard},card:{theme:p.theme,bg:p.bg,borderRadius:"md",boxShadow:"0 3px 10px rgb(0 0 0 / 30%)"}},y&&(null==y?void 0:y.map((e,t)=>n.createElement(N,Object.assign({key:t},e,{card:{...v,useCard:x},alignText:F,columns:f.columns,textVisibility:R,textBackground:j,imageRatio:P||z}))))),M&&n.createElement(U,{children:y,flexGrid:f,maxWidth:p.maxWidth,cascadeGutter:O}))};var J=Z;Z.strapiProps={strapi_id:o().number.isRequired,section:o().shape(l.A.strapiProps).isRequired,sectionTitle:o().shape(d.A.strapiProps).isRequired,imageCards:o().arrayOf(o().shape(N.strapiProps)),useCardFront:o().bool,alignText:o().oneOf(["left","center"]),textVisibility:o().oneOf(["none","onHover","visible"]),textBackground:o().oneOf(["solid","gradient"]),...u.A.strapiProps}}}]);
2//# sourceMappingURL=7300-40ae428be31e0c23a431.js.map