https://www.mwrf.com/_nuxt/WebLeadingCompaniesFlyout-0uJ5aEBT.mjs

1import{A as e,D as t,H as n,Ln as r,Mn as i,N as a,O as o,Ot as s,P as c,ct as l,it as u,k as d,kn as f,n as p,o as m,un as h,y as g}from"./vue.runtime.esm-bundler-DK-ieOMu.mjs";import{i as _}from"./useOneTrust-BLn7DS5z.mjs";import{t as v}from"./IconElement-DRwLcDEX.mjs";import{t as y}from"./_plugin-vue_export-helper-BDNMzG2s.mjs";import{r as b}from"./graphql-spR_bC68.mjs";import{t as x}from"./WebButtonElement-BNGBrWtL.mjs";import{t as S}from"./ClickEventTrigger-DgTvqUpW.mjs";import{m as C}from"#entry";import{t as w}from"./WebImage-BRmiTuSd.mjs";import{t as T}from"./WebHTML-ftG_2695.mjs";n(),h();var E={props:{headingBackgroundColor:{type:String,required:!0},headingText:{type:[Object,String]},headingTextColor:{type:String,required:!0},subText:{type:String}},computed:{}},D={class:`leading-companies-heading-wrapper`},O={class:`leading-companies-heading`},k=[`innerHTML`];function A(n,r,a,s,l,f){let p=C,m=T;return u(),e(`div`,D,[t(`div`,O,[t(`div`,{class:`logo-bar`,style:i({backgroundColor:`var(--color-${a.headingBackgroundColor})`,color:a.headingTextColor})},[c(p,{src:n.$ss?.leadersBlock?.logo,alt:`Leaders Logo`,class:`logo`},null,8,[`src`]),a.headingText.text??a.headingText?(u(),o(m,{key:0,html:a.headingText.text??a.headingText,class:`heading-text`},null,8,[`html`])):d(``,!0)],4),a.subText?(u(),e(`div`,{key:0,class:`sub-text`,innerHTML:a.subText},null,8,k)):d(``,!0)])])}var j=Object.assign(y(E,[[`render`,A]]),{__name:`WebLeadingCompaniesHeader`});h(),n();var M={props:{company:{type:Object,required:!0},hoverBackgroundColor:{type:String,required:!0},hoverTextColor:{type:String,required:!0},isFlyoutHovered:{type:Boolean,default:!1},flyoutDirection:{type:String,default:`right`},numColumns:{type:Number}},emits:[`hoverChange`],setup(){let{trackContentLinkClick:e}=_();return{lockType:null,trackContentLinkClick:e,ContentLinkType:b,hoverStatus:`off`}},computed:{isActive(){return this.hoverStatus===`on`||this.isFlyoutHovered}},methods:{handleHoverOn(){this.timeoutHoverOff&&clearTimeout(this.timeoutHoverOff),this.hoverStatus=`on`;let{left:e,right:t,top:n,height:r}=this.$el.getBoundingClientRect(),i=this.flyoutDirection,a=window.pageYOffset??0,o={x:i===`right`?t+8:e-450-8>0?e-450-8:0,y:a+n+r/2};this.$emit(`hoverChange`,{pos:o,company:this.company,direction:i,hoverStatus:this.hoverStatus})},handleHoverOff(){this.timeoutHoverOff=setTimeout(()=>{this.hoverStatus=`off`,this.$emit(`hoverChange`,{company:this.company,hoverStatus:this.hoverStatus,direction:this.flyoutDirection},this.timeoutHoverOff)},100)}}},N=[`href`];function P(n,l,f,p,m,h){let g=v,_=S;return u(),e(`div`,{class:`ebm-leading-companies-company`,style:i({backgroundColor:h.isActive?`var(--color-${f.hoverBackgroundColor})`:`transparent`}),onMouseover:l[0]||=(...e)=>h.handleHoverOn&&h.handleHoverOn(...e),onMouseleave:l[1]||=(...e)=>h.handleHoverOff&&h.handleHoverOff(...e)},[c(_,{event:()=>p.trackContentLinkClick({clickUrl:`/${f.company.id}`,contentId:f.company.id,linkType:p.ContentLinkType.Company})},{default:s(()=>[t(`a`,{href:`/${f.company.id}`,style:{color:`var(--color-primary-main)`}},[a(r(f.company.name)+` `,1),f.company.youtubeVideos?.edges.length?(u(),o(g,{key:0,icon:`mdi:video`,class:`video-icon`,"icon-color":h.isActive?f.hoverTextColor:n.$ss.colors.primary.main},null,8,[`icon-color`])):d(``,!0)],8,N)]),_:1},8,[`event`])],36)}var F=Object.assign(y(M,[[`render`,P],[`__scopeId`,`data-v-fbdd5c28`]]),{__name:`WebLeadingCompaniesCompany`});h(),n(),m();var I={props:{company:{type:Object,required:!0},posX:{type:Number,required:!0},posY:{type:Number,required:!0},show:{type:Boolean,default:!1},direction:{type:String}},setup(){let{trackContentLinkClick:e}=_();return{lockType:null,trackContentLinkClick:e,ContentLinkType:b,height:0}},computed:{displayRightInfo(){return this.teaser||this.productSummary||this.contact},contentTransform(){this.updateHeight();let e=this.posY-this.height/2,t=window?.pageYOffset??0,n=window?.innerHeight??null;return n&&e+this.height>t+n&&(e=t+n-this.height),e<t&&(e=t),`translate(${this.posX+8}px, ${e}px)`},logoImgSrc(){return this.company?.primaryImage?.src?this.company?.primaryImage?.src.split(`?`)[0]+`?auto=format&h=110&w=110&fit=fill&fill=solid&fill-color=ffffff`:``},teaser(){return this.company?.teaser},productSummary(){return this.company?.productSummary},contact(){return this.company?.publicContacts?.edges[0]?.node},contactNameAndTitle(){return this.contact?.name?this.contact.title?`${this.contact.name}, ${this.contact.title}`:this.contact.name:``},contactImgSrc(){return this.contact?.primaryImage?.src},promotions(){return this.company?.promotions?.edges?.map(({node:e})=>e)??[]},videos(){return this.company?.youtubeVideos?.edges?.map(({node:e})=>e)??[]},website(){return this.company?.website},profile(){return this.company?.siteContext?.path}},async mounted(){await this.updateHeight()},methods:{async updateHeight(){await this.$nextTick();let e=this.$refs?.content?.getBoundingClientRect()?.height;this.height!==e&&(this.height=e)}}},L={class:`info`},R={class:`info__left`},z={class:`logo`},B={key:0,class:`info__right`},V=[`innerHTML`],H=[`innerHTML`],U={key:1,class:`about-person`},W={key:1,class:`featured-wrapper`},G={class:`heading`},K=[`href`],q={class:`featured`},J=[`href`],Y={key:2,class:`featured-wrapper`},X={class:`heading`},Z=[`href`],Q={class:`featured`},$=[`href`],ee=[`src`,`alt`];function te(n,m,h,_,v,y){let b=C,T=x,E=S,D=w;return u(),o(p,{appear:``,name:`show`},{default:s(()=>[h.show?(u(),e(`div`,{key:0,class:f([`ebm-leader-popup`,h.direction])},[t(`div`,{ref:`wrapper`,class:`wrapper`,style:i({transform:y.contentTransform})},[c(p,{name:`crossfade`,mode:`out-in`},{default:s(()=>[t(`div`,{ref:`content`,class:`ebm-leader-popup__content`,style:i({borderLeft:h.direction===`right`?`8px solid 'var(--color-primary-main)'`:`0`,borderRight:h.direction===`left`?`8px solid 'var(--color-primary-main)'`:`0`})},[h.direction===`right`?(u(),e(`div`,{key:0,class:`arrow`,style:i({borderRight:h.direction===`right`?`8px solid 'var(--color-primary-main)'`:0,borderLeft:h.direction===`left`?`8px solid 'var(--color-primary-main)'`:0})},null,4)):d(``,!0),t(`div`,L,[t(`div`,R,[t(`div`,z,[y.logoImgSrc?(u(),o(b,{key:0,src:y.logoImgSrc,alt:h.company.name+` logo`},null,8,[`src`,`alt`])):d(``,!0)]),y.website?(u(),o(T,{key:0,link:y.website,class:`visit-site button`,type:`link`},{default:s(()=>[...m[0]||=[a(` Visit Site `,-1)]]),_:1},8,[`link`])):d(``,!0),c(E,{event:()=>_.trackContentLinkClick({clickUrl:y.profile,contentId:h.company.id,linkType:_.ContentLinkType.Company})},{default:s(()=>[y.profile?(u(),o(T,{key:0,link:y.profile,type:`link`,class:`view-profile button`,mode:`hollow`},{default:s(()=>[...m[1]||=[a(` View Profile `,-1)]]),_:1},8,[`link`])):d(``,!0)]),_:1},8,[`event`])]),y.displayRightInfo?(u(),e(`div`,B,[y.productSummary||y.teaser?(u(),e(`div`,{key:0,class:f([`c

1ompany-info`,y.contact?`company-info-border-bottom`:``])},[y.productSummary?(u(),e(`div`,{key:0,class:`product-summary`,innerHTML:y.productSummary},null,8,V)):d(``,!0),y.teaser?(u(),e(`div`,{key:1,class:`about-company`,innerHTML:y.teaser},null,8,H)):d(``,!0)],2)):d(``,!0),y.contact?(u(),e(`div`,U,[y.contactImgSrc?(u(),o(b,{key:0,class:`avatar`,src:y.contactImgSrc,alt:y.contact.name},null,8,[`src`,`alt`])):d(``,!0),a(` `+r(y.contactNameAndTitle),1)])):d(``,!0)])):d(``,!0)]),y.promotions.length?(u(),e(`div`,W,[t(`div`,G,[m[2]||=t(`h4`,{style:{color:`var(--color-primary-main)`,marginBottom:`8px`}},` Featured Products `,-1),y.website?(u(),e(`a`,{key:0,href:y.website},`View more products >>`,8,K)):d(``,!0)]),t(`div`,q,[(u(!0),e(g,null,l(y.promotions,n=>(u(),e(`div`,{key:n.id,class:`promotion`},[t(`a`,{href:n.linkUrl},[n.primaryImage&&n.primaryImage.src?(u(),o(D,{key:0,image:`${n.primaryImage.src.split(`?`)[0]}?auto=format,compress&fit=crop`,"aspect-ratio":`full-teaser`,credit:n.primaryImage.credit,alt:n.primaryImage.alt,style:{border:`1px solid var(--color-primary-main)`}},null,8,[`image`,`credit`,`alt`])):d(``,!0),t(`h4`,null,r(n.linkText),1)],8,J)]))),128))])])):d(``,!0),y.videos.length?(u(),e(`div`,Y,[t(`div`,X,[m[3]||=t(`h4`,{style:{color:`var(--color-primary-main)`,marginBottom:`8px`}},` Featured videos `,-1),t(`a`,{href:h.company.youtubeUrl},`View more videos >>`,8,Z)]),t(`div`,Q,[(u(!0),e(g,null,l(y.videos,n=>(u(),e(`div`,{key:n.id,class:`promotion`},[t(`a`,{href:n.url},[n.thumbnail?(u(),e(`img`,{key:0,src:n.thumbnail,alt:n.title,style:{border:`1px solid var(--color-primary-main)`},loading:`lazy`},null,8,ee)):d(``,!0),t(`h4`,null,r(n.title),1)],8,$)]))),128))])])):d(``,!0),h.direction===`left`?(u(),e(`div`,{key:3,class:`arrow`,style:i({borderRight:h.direction===`right`?`8px solid var(--color-primary-main)`:0,borderLeft:h.direction===`left`?`8px solid var(--color-primary-main)`:0})},null,4)):d(``,!0)],4)]),_:1})],4)],2)):d(``,!0)]),_:1})}var ne=Object.assign(y(I,[[`render`,te]]),{__name:`WebLeadingCompaniesFlyout`});export{F as n,j as r,ne as t};