https://psychedelic.support/component---src-components-lc-template…gories-category-tsx-89ab67c76794c50228f6.js

1"use strict";(self.webpackChunkpsysup=self.webpackChunkpsysup||[]).push([[2610],{77331:function(e,t,n){var l=n(97326),r=n(94578),s=n(67294);let i=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={imgLoaded:!1,src:""},n.handleImageErrored=n.handleImageErrored.bind((0,l.Z)(n)),n.handleImageLoaded=n.handleImageLoaded.bind((0,l.Z)(n)),n}(0,r.Z)(t,e);var n=t.prototype;return n.handleImageLoaded=function(){this.setState({imgLoaded:!0})},n.handleImageErrored=function(){this.setState({imgLoaded:!1})},n.componentDidMount=function(){this.setState({src:this.props.path?"https://psychedelic.support"+this.props.path:this.props.src})},n.componentWillUnmount=function(){this.observer&&"function"==typeof this.observer.disconnect&&this.observer.disconnect()},n.render=function(){return s.createElement("div",{className:"smooth-image-wrapper img-"+(!0===this.state.imgLoaded?"visible":""),style:this.props.style?this.props.style:null},s.createElement("img",{src:this.state.src,className:"img-fluid img-"+(!0===this.state.imgLoaded?"visible":"hidden"),onLoad:this.handleImageLoaded,onError:this.handleImageErrored,alt:this.props.alt,style:this.props.style?this.props.style:null,loading:"lazy"}),s.createElement("div",{className:"smooth-preloader img-"+(!0===this.state.imgLoaded?"hidden":"visible")},s.createElement("span",{className:!0===this.state.imgLoaded?"":"loader"})))},t}(s.Component);t.Z=i},39728:function(e,t,n){n.r(t);var l=n(67294),r=n(42749),s=n(16441),i=n(20574),a=n(99200),c=n(38032);t.default=e=>{const{data:t}=e.pageContext;let n=[];return t.profiles&&t.profiles.length&&(n=t.profiles.map((e=>({title:e.name,subtitle:e.profession,image:"https://psychedelic.support/"+e.thumbs[0],url:"community"===e.profileType?"/community/"+e.slug+"/":"/network/"+e.slug+"/"})))),l.createElement(a.W2,{className:"category"},l.createElement(r.Z,{title:t.seo.title,description:t.seo.desc,pathname:"/"+t.path+"/"+t.slug+"/"}),l.createElement(a.X2,null,l.createElement(a.JX,null,l.createElement(c.G,{image:t.image.childImageSharp.featured,imgClassName:"featured-img img-fluid",loading:"lazy",alt:"Featured Image: "+t.title}))),l.createElement(a.X2,null,l.createElement(a.JX,null,l.createElement("h1",null,t.title),t.subtitle)),l.createElement(a.X2,{className:"mt-3"},l.createElement(a.JX,null,l.createElement("h5",null,t.content.title),l.createElement("div",{dangerouslySetInnerHTML:{__html:t.content.desc}}))),l.createElement(a.X2,null,l.createElement(a.JX,null,l.createElement("h5",null,t.search.title),l.createElement("div",{dangerouslySetInnerHTML:{__html:t.search.desc}}),n&&n.length>0&&l.createElement(s.Z,{items:n,seeAllCb:()=>{(0,i.c4)(""+t.search.p)}}))))}},16441:function(e,t,n){n.d(t,{Z:function(){return d}});var l=n(97326),r=n(94578),s=n(67294),i=n(99200),a=n(20574),c=n(77331);const o=e=>s.createElement(i.Zb,{className:"card scrollcard card-block h-100",style:{minWidth:e.cardMW+"px"}},s.createElement(a.rU,{to:e.link},s.createElement(c.Z,{src:e.imageUrl,style:{minWidth:e.cardMW+"px",minHeight:e.cardMH+"px"},alt:e.title+(e.subtitle?" - "+e.subtitle:"")})),s.createElement(i.eW,null,s.createElement(a.rU,{to:e.link},s.createElement(i.ll,null,e.title)),e.subtitle&&s.createElement(i._R,null,e.subtitle)));let d=function(e){function t(t){var n;return(n=e.call(this,t)||this).references=[],n.bsRowMarg=15,n.scrollRef=s.createRef(),n.seeAllRef=s.createRef(),t.items&&t.items.forEach((()=>{n.references.push(s.createRef())})),n.state={loading:!1,advVis:!0,cardMW:330,cardMH:330},n.advance=n.advance.bind((0,l.Z)(n)),n.scroll=n.scroll.bind((0,l.Z)(n)),n.setCardMW=n.setCardMW.bind((0,l.Z)(n)),n}(0,r.Z)(t,e);var n=t.prototype;return n.componentDidMount=function(){this.setCardMW(),"undefined"!=typeof window&&window.addEventListener("resize",this.setCardMW)},n.componentWillUnmount=function(){"undefined"!=typeof window&&window.removeEventListener("resize",this.setCardMW)},n.setCardMW=function(){if(!this.scrollRef.current)return;let e=0;"undefined"!=typeof window&&(e=window.innerWidth);const t=this.scrollRef.current.getBoundingClientRect();let n=2;e<=767?n=1.1:e>=768&&e<=992?n=1.8:e>=993&&e<=1399?n=2.5:e>=1400&&(n=3.1);const l=(t.right-t.left)/n-2*this.bsRowMarg;this.setState({cardMW:l,cardMH:l})},n.advance=function(){const e=this.references.findIndex((e=>!this.isScrolledIntoView(e.current)));e>=0&&e<this.references.length?this.references[e].current.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"}):(this.seeAllRef.current.scrollIntoView({behavior:"smooth",block:"nearest"}),this.setState({advVis:!1}))},n.isScrolledIntoView=function(e){const t=e.getBoundingClientRect(),n=this.scrollRef.current.getBoundingClientRect();return t.left<=n.right},n.scroll=function(){this.setState({advVis:!this.isScrolledIntoView(this.seeAllRef.current)})},n.render=function(){return s.createElement("div",{className:"scroller position-relative",ref:this.scrollRef},s.createElement(i.X2,{className:"flex-row flex-nowrap h-cards ",onScroll:this.scroll}," ",this.props.items.map(((e,t)=>s.createElement("div",{ref:this.references[t],key:t,className:"col"},s.createElement(o,{cardMH:this.state.cardMH,cardMW:this.state.cardMW,title:e.title,subtitle:e.subtitle,link:e.url,imageUrl:e.image})))),s.createElement(i.JX,null,s.createElement("div",{ref:this.seeAllRef,className:"col d-flex h-100 align-items-center"},!1===this.props.loading&&s.createElement("div",{onClick:this.props.seeAllCb},s.createElement(i.Zb,{className:"card pcard card-block h-100",style:{minWidth:this.state.cardMW/2+"px"}},s.createElement("div",{className:"text-center"},s.createElement(i.zx,{color:"secondary"},"See All"))))))))},t}(s.Component)}}]);
2//# sourceMappingURL=component---src-components-lc-templates-categories-category-tsx-89ab67c76794c50228f6.js.map