https://www.xymogen.com/chunk-MSJBLORP.js

1import{a as A}from"./chunk-VWLZ43F6.js";import"./chunk-RBOL3UPF.js";import{a as F}from"./chunk-KEKP5EPG.js";import"./chunk-7UNKRS5N.js";import"./chunk-NRZIKBRF.js";import{b as E}from"./chunk-FL7QLL34.js";import"./chunk-TIT6EZTM.js";import{M as X,N as D,m as I}from"./chunk-SNO55IUE.js";import"./chunk-ZOGOVQYK.js";import"./chunk-JTFCGQRP.js";import{ba as O,da as V,e as K,n as T,r as S,x as z}from"./chunk-ZV5EIVGV.js";import{$b as w,Ac as x,Fa as b,Hb as o,Hc as h,Lc as C,Nc as i,Oa as m,Pa as f,Zc as P,ad as u,bd as v,cd as g,qc as p,sc as s,vd as y,wd as M,xc as c,xd as k,yc as a,zc as l}from"./chunk-ZYQ6LGMU.js";import"./chunk-EJ2FBLPX.js";function L(e,n){if(e&1){let t=h();a(0,"div",16),C("click",function(){m(t);let d=i(),_=i();return f(_.handleImageClick(d))}),x(1,"cx-media",17),a(2,"div",18),u(3),x(4,"i",19),l()()}if(e&2){let t=i();o(),c("container",t.post==null||t.post.heading==null?null:t.post.heading.media)("elementType","img")("alt",(t.post==null||t.post.heading==null||t.post.heading.media==null?null:t.post.heading.media.altText)??"OncoPlex-img"),o(2),g("",t==null||t.cta==null?null:t.cta.label," Watch Now ")}}function Y(e,n){if(e&1&&(a(0,"a",3),x(1,"cx-media",17),l()),e&2){let t=i();c("routerLink",t==null||t.post==null||t.post.heading==null||t.post.heading.cta==null?null:t.post.heading.cta.link),o(),c("container",t==null||t.post==null||t.post.heading==null?null:t.post.heading.media)("elementType","img")("alt",(t.post==null||t.post.heading==null||t.post.heading.media==null?null:t.post.heading.media.altText)??"OncoPlex-img")}}function N(e,n){if(e&1&&x(0,"cx-media",17),e&2){let t=i(2);c("container",t==null||t.post==null||t.post.heading==null?null:t.post.heading.backgroundImage)("elementType","img")("alt",(t==null||t.post==null||t.post.heading==null||t.post.heading.backgroundImage==null?null:t.post.heading.backgroundImage.altText)??"author-image")}}function B(e,n){if(e&1&&(a(0,"span",21),u(1),l()),e&2){let t=i(3);o(),g(" ",t==null||t.post==null||t.post.heading==null?null:t.post.heading.author," ")}}function U(e,n){if(e&1&&(a(0,"span",22),u(1),y(2,"date"),l()),e&2){let t=i(3);o(),g(" ",k(2,1,t==null||t.post==null||t.post.heading==null?null:t.post.heading.publishedDate,"dd MMM yyyy")," ")}}function W(e,n){if(e&1&&(a(0,"div",20),p(1,B,2,1,"span",21),p(2,U,3,4,"span",22),l()),e&2){let t=i(2);o(),s(!(t==null||t.post==null||t.post.heading==null)&&t.post.heading.author?1:-1),o(),s(!(t==null||t.post==null||t.post.heading==null)&&t.post.heading.publishedDate?2:-1)}}function j(e,n){if(e&1&&(a(0,"div",5),p(1,N,1,3,"cx-media",17),p(2,W,3,2,"div",20),l()),e&2){let t=i();o(),s(!(t==null||t.post==null||t.post.heading==null)&&t.post.heading.backgroundImage?1:-1),o(),s(!(t==null||t.post==null||t.post.heading==null)&&t.post.heading.author||!(t==null||t.post==null||t.post.heading==null)&&t.post.heading.publishedDate?2:-1)}}function R(e,n){if(e&1){let t=h();a(0,"app-youtube-player-modal",23),C("closeModal",function(){m(t);let d=i(2);return f(d.closeVideoModal())}),l()}if(e&2){let t=i(),r=i();c("videoUrl",t==null||t.post==null||t.post.heading==null||t.post.heading.additionalMedia==null?null:t.post.heading.additionalMedia.url)("preload",r.isYouTubeLink(t==null||t.post==null||t.post.heading==null||t.post.heading.additionalMedia==null?null:t.post.heading.additionalMedia.url))("showVideoModal",r.showVideoModal)}}function G(e,n){if(e&1){let t=h();a(0,"div",0)(1,"div",1),p(2,L,5,4,"div",2)(3,Y,2,4,"a",3),x(4,"div",4),p(5,j,3,2,"div",5),l(),a(6,"div",6)(7,"div",7)(8,"div",8),C("click",function(){let d=m(t),_=i();return f(_.onPostTypeClick(d==null||d.post==null||d.post.heading==null?null:d.post.heading.postType))}),a(9,"span",9),u(10),l()(),a(11,"div",10),u(12),l()(),a(13,"div",11),u(14),l(),a(15,"div",12),u(16),l(),a(17,"a",13),u(18),x(19,"i",14),l()()(),p(20,R,1,3,"app-youtube-player-modal",15)}if(e&2){let t=n,r=i();o(),P("additionalMedia",!(!(t==null||t.post==null||t.post.heading==null||t.post.heading.additionalMedia==null)&&t.post.heading.additionalMedia.url)),o(),s(!(t==null||t.post==null||t.post.heading==null||t.post.heading.additionalMedia==null)&&t.post.heading.additionalMedia.url?2:3),o(3),s(r.uid==="XUS-KC2PostCardComponent"?5:-1),o(4),c("ngClass","badge-text-"+(t==null||t.post==null||t.post.heading==null?null:t.post.heading.postType)),o(),v(r.formatBadge(t==null||t.post==null||t.post.heading==null?null:t.post.heading.postType)),o(2),g(" ",t==null||t.post==null||t.post.heading==null?null:t.post.heading.readDuration," "),o(2),g(" ",t==null||t.post==null||t.post.heading==null?null:t.post.heading.headline," "),o(2),g(" ",t==null||t.post==null||t.post.heading==null?null:t.post.heading.content," "),o(),c("routerLink",t.post==null||t.post.heading==null?null:t.post.heading.cta.link),o(),g(" ",t==null||t.post==null||t.post.heading==null||t.post.heading.cta==null?null:t.post.heading.cta.label," "),o(2),s(!(t==null||t.post==null||t.post.heading==null||t.post.heading.additionalMedia==null)&&t.post.heading.additionalMedia.url?20:-1)}}var $=class e{cmsComponentData=b(I);postCardData$=this.cmsComponentData.data$;showVideoModal=!1;KnowledgeCenterStateService=b(A);uid;ngOnInit(){this.cmsComponentData.data$.subscribe(n=>{this.uid=n?.uid})}handleImageClick(n){n?.post?.heading?.additionalMedia?.url&&(this.showVideoModal=!0)}closeVideoModal(){this.showVideoModal=!1}onPostTypeClick(n){this.KnowledgeCenterStateService.selectCategory(n)}formatBadge(n){if(!n)return"";let t=n.replace(/_/g," ");return t=t.replace(/Educational Videos$/,"Educational video"),t=t.replace(/Webinars$/,"Webinar"),t=t.replace(/Patient Protocols$/,"Patient protocol"),t=t.replace(/^Inside Xymogen$/,"Inside XYMOGEN"),t=t.replace(/Articles$/,"Art

1icle"),t}isYouTubeLink(n){return E(n)}static \u0275fac=function(t){return new(t||e)};static \u0275cmp=w({type:e,selectors:[["app-xu-post-cards"]],decls:2,vars:3,consts:[[1,"post-card"],[1,"img-wrapper"],[1,"video-modal"],[3,"routerLink"],[1,"card-bottom-shadow"],[1,"author-overlay"],[1,"post-content"],[1,"post-details"],[1,"post-type",3,"click"],[1,"badge-text",3,"ngClass"],[1,"read-duration"],[1,"post-card-headline"],[1,"post-card-heading"],["tabindex","0",1,"visit-link",3,"routerLink"],["aria-hidden","true",1,"fa-solid","fa-arrow-right","icon-space"],[3,"videoUrl","preload","showVideoModal"],[1,"video-modal",3,"click"],[3,"container","elementType","alt"],[1,"video-thumbnail-btn__text"],["aria-hidden","true",1,"fa-sharp","fa-solid","fa-circle-play"],[1,"author-meta"],[1,"author-name"],[1,"publish-date"],[3,"closeModal","videoUrl","preload","showVideoModal"]],template:function(t,r){if(t&1&&(p(0,G,21,12),y(1,"async")),t&2){let d;s((d=M(1,1,r.postCardData$))?0:-1,d)}},dependencies:[z,K,D,X,V,O,F,T,S],styles:['.is-video[_ngcontent-%COMP%]:hover{transition:transform .4s ease;transform:scale(1.1)}.badge-text[_ngcontent-%COMP%]{padding:4px 10px 3px 8px;cursor:pointer}.badge-text-Articles[_ngcontent-%COMP%]{border-radius:6px;border:1px solid #00535D;background:#fff;padding:2px 8px;color:#00535d;text-align:center;font-family:var(--Font-family-body, Outfit);font-size:12px;font-style:normal;font-weight:800;line-height:18px;letter-spacing:0}.badge-text-Educational_Videos[_ngcontent-%COMP%]{color:#6927da;text-align:center;font-family:Outfit;font-size:12px;font-style:normal;font-weight:800;line-height:18px;letter-spacing:0;border-radius:6px;border:1px solid #6927DA;background:#fff}.badge-text-Educational_Videos[_ngcontent-%COMP%]:before{content:"\\f144";font-family:"Font Awesome 6 Sharp";font-weight:900;font-size:12px;color:#6927da;line-height:18px;margin-right:5px}.badge-text-Inside_Xymogen[_ngcontent-%COMP%]{border-radius:6px;border:1px solid #0066C4;background:#fff;padding:2px 8px 2px 6px;color:#0066c4;text-align:center;font-family:var(--Font-family-body, Outfit);font-size:12px;font-style:normal;font-weight:800;line-height:18px;letter-spacing:0}.badge-text-Inside_Xymogen[_ngcontent-%COMP%]:before{content:"\\f144";font-family:"Font Awesome 6 Sharp";font-weight:900;font-size:12px;color:#0066c4;line-height:18px;margin-right:5px}.badge-text-Patient_Protocols[_ngcontent-%COMP%]{border-radius:6px;border:1px solid #684A19;background:#fff;padding:2px 8px;color:#936924;text-align:center;font-family:var(--Font-family-body, Outfit);font-size:12px;font-style:normal;font-weight:800;line-height:18px;letter-spacing:0}.badge-text-Webinars[_ngcontent-%COMP%]{color:#333741;text-align:center;font-family:var(--Font-family-body, Outfit);font-size:12px;font-style:normal;font-weight:800;line-height:18px;letter-spacing:0;border-radius:var(--radius-sm, 6px);border:1px solid #3F4040;background:#fff;padding:2px 8px}  .KnowledgeCenterPagePostCards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-inline:auto;width:100%;max-width:1280px;background:var(--xu-gray-light-100);padding:64px 32px;border-bottom-right-radius:20px;border-bottom-left-radius:20px}@media(max-width:768px){  .KnowledgeCenterPagePostCards{grid-template-columns:1fr 1fr;border-bottom-right-radius:0;border-bottom-left-radius:0;padding:50px 32px}}@media(max-width:619px){  .KnowledgeCenterPagePostCards{grid-template-columns:1fr;padding:0 24px 40px;border-bottom-right-radius:0;border-bottom-left-radius:0}}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card{max-width:400px;display:flex;flex-direction:column;overflow:hidden;border-radius:16px}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card cx-media img{width:100%;height:300px;object-fit:cover;background-repeat:no-repeat;border-radius:16px}@media(max-width:619px){  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card cx-media img{height:185px}}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .img-wrapper{position:relative;border-radius:16px;overflow:hidden;transition:transform .65s ease}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .img-wrapper .author-overlay{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:10px;cursor:pointer;z-index:2}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .img-wrapper .author-overlay cx-media img{width:40px;height:40px;object-fit:cover;border-radius:200px;background:#d3d3d3 50%/cover no-repeat}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .img-wrapper .author-overlay .author-meta{display:flex;flex-direction:column;line-height:1.2}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .img-wrapper .author-overlay .author-meta .author-name{color:#fff;font-size:14px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:0}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .img-wrapper .author-overlay .author-meta .publish-date{color:#fff;font-family:Outfit;font-size:12px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:0}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .img-wrapper .video-modal .video-thumbnail-btn__text{opacity:0;position:absolute;

1left:40px;bottom:24px;display:flex;gap:8px;align-items:center;z-index:9;color:#fff;font-size:18px;line-height:28px;font-weight:600;transform:translateY(40px);transition:opacity .25s ease-in-out,transform .25s ease-in-out}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .img-wrapper .video-modal:hover .video-thumbnail-btn__text{opacity:1;transform:translateY(0)}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .img-wrapper .video-modal:after{opacity:0;pointer-events:none;content:"";position:absolute;inset:0;background:#00000080;border-radius:20px;transition:opacity .25s ease-in-out}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .img-wrapper .video-modal:hover:after{opacity:1}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .img-wrapper:hover img{transform:scale(1.06)}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .post-content .post-details{margin-top:16px;display:flex;gap:16px}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .post-content .post-details .video{padding:4px 10px 3px 8px;color:#6927da;text-align:center;font-family:Outfit;font-size:12px;font-style:normal;font-weight:800;line-height:18px;letter-spacing:0;border-radius:6px;border:1px solid #6927DA;background:#fff;text-transform:lowercase}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .post-content .post-details .video:before{content:"\\f144";font-family:"Font Awesome 6 Sharp";font-weight:900;font-size:12px;color:#6927da;line-height:18px}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .post-content .post-details .video video:first-letter{text-transform:uppercase}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .post-content .post-details .inside-xymogen{border-radius:6px;border:1px solid #0066C4;background:#fff;padding:2px 8px 2px 6px;color:#0066c4;text-align:center;font-family:var(--Font-family-body, Outfit);font-size:12px;font-style:normal;font-weight:800;line-height:18px;letter-spacing:0}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .post-content .post-details .read-duration{color:#525252;font-family:Outfit;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:0;padding:4px 8px}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .post-content .post-details .post-type.inside-xymogen:before{content:"\\f144";font-family:"Font Awesome 6 Sharp";font-weight:900;font-size:12px;color:#0066c4;line-height:18px}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .post-content .post-details .article{border-radius:6px;border:1px solid #00535D;background:#fff;padding:2px 8px;color:#00535d;text-align:center;font-family:var(--Font-family-body, Outfit);font-size:12px;font-style:normal;font-weight:800;line-height:18px;letter-spacing:0}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .post-content .post-card-headline{color:#141414;font-size:23px;font-style:normal;font-weight:600;line-height:31px;letter-spacing:0;margin-top:10px}@media(max-width:768px){  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .post-content .post-card-headline{font-size:18px;line-height:24px}}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .post-content .post-card-heading{color:#525252;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:0;padding-top:8px}@media(max-width:768px){  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .post-content .post-card-heading{font-size:16px;line-height:23px}}@media(max-width:619px){  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .post-content .post-card-heading{font-size:16px;line-height:22px}}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .post-content .visit-link{margin-top:20px;font-size:14px;line-height:20px;padding-block:4px}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .post-content .visit-link .icon-space{padding-left:12px;font-size:14px}@media(max-width:375px){  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .post-content .visit-link{line-height:18px}}  .KnowledgeCenterPagePostCards app-xu-post-cards .post-card .post-content .visit-link:hover .icon-space{transform:translate(8px);transition:transform .2s ease-out}']})};export{$ as XuPostCardsComponent};