https://stcdn.leadconnectorhq.com/_preview/BkTcplxN.js

1import{a1 as G,af as J,r as M,c as r,Y as N,a3 as Y,D as T,a$ as Q,M as e,N as t,ag as o,aJ as F,aA as C,al as n,ah as l,a5 as d,ai as h,am as k,an as O,ak as D,aF as W,ap as R,aK as X}from"./Czd9XnOY.js";import{q as Z,p,o as _}from"./CgckR3XQ.js";import"./D9uomoVJ.js";import{g as x}from"./DwsZWxPf.js";import{s as V}from"./BrJmJE-u.js";import{o as aa}from"./pjGPNFCk.js";import{T as ia}from"./DJCugz_k.js";import"./D2kFVVdL.js";import"./D1OHNg6k.js";import"./C3e4t58V.js";import"./DpGxo2Of.js";import"./DzkMXttC.js";import"./DKeuBCMA.js";import"./rXu0L3_N.js";import"./ubaDBVG5.js";import"./LMNLYufG.js";import"./DINNOrF0.js";import"./BCTmLNXs.js";import"./Zor3l5MU.js";import"./CImFbcwV.js";import"./CiHicUOY.js";import"./Cz-5Kq1Y.js";import"./D93RmGd0.js";import"./DriPaviE.js";import"./CUzov7n7.js";import"./e7kDfFDe.js";import"./lB1Aae7P.js";import"./CY-HIaCL.js";import"./DFfHoBKH.js";import"./DcWETIxz.js";import"./DkWY7KNh.js";import"./D25S_EPb.js";import"./B7qKa6wi.js";import"./6LhTGb4e.js";/* empty css        */import"./DyzusnvZ.js";import"./BnOT4ZEB.js";import"./G-CFBxWp.js";import"./Bj4bmbxF.js";import"./jSa5xWPX.js";import"./BPzZT6qn.js";import"./DRNKrJGC.js";import"./ByvA4E7P.js";import"./BwGSCNKy.js";import"./B_sB1hos.js";import"./DFFyfcYC.js";import"./46BuY3JG.js";import"./YUlAboDm.js";import"./ttjshTdc.js";import"./C3yzoWb2.js";import"./U2LGkJ3o.js";import"./DHAd00Vi.js";const ea=["id"],ta=["id"],oa=["src","alt","id"],na=["id"],da=["src","alt"],ra=["id"],ca=["id"],sa=["id"],la=["id"],ma=["id"],ua=["id"],va=["id"],fa=["id","innerHTML"],ha=["id"],ga=["id"],ya=["id","innerHTML"],Ca=["id"],ka=["id","innerHTML"],xa=["id"],ba=["id"],$a=["id","aria-label"],wa={class:"service-locations-tooltip-content"},La=["id"],Ma=["id"],Ta=["id","innerHTML"],Da=["id"],Sa=["id"],Ha=["id"],Ia={key:0,class:"price-prefix"},Pa={class:"price-amount"},za={key:1},Ba=["id","onKeydown"],Na=G({__name:"ServiceInfoCard",props:{data:{type:Object,required:!0},onClickCta:Function,onClickLearnMore:Function,isDisabled:{type:Boolean,default:!1},prefix:{type:String,default:"cal_services_widget"},showImage:{type:Boolean,default:!0},source:{type:String,default:""}},setup(a){const{t:g}=J(),i=a,K=M(),f=M(null),b=M(!1),S=r(()=>i.data?.description?Z(i.data.description):""),j=r(()=>i.data?.hideLearnMore??!1),u=()=>{f.value&&(b.value=f.value.scrollHeight>f.value.clientHeight)};let y=null;const H=()=>{y&&(y(),y=null)};N([S,j],()=>{T(()=>{u()})},{flush:"post"}),N(()=>f.value,m=>{H(),m&&(y=aa(m,u),T(()=>{u()}))},{flush:"post"}),Y(()=>{T(()=>{u()}),window.addEventListener("resize",u)}),Q(()=>{window.removeEventListener("resize",u),H()});const I=r(()=>{if(i.data?.eventColor)return i.data?.eventColor;{const m=(i.data.index||0)%V.length;return V[m]}}),P=(m,s)=>`color-mix(in srgb, ${m} ${s}%, rgba(255, 255, 255, 1.8)) !important`,E=r(()=>P(I.value,10)),A=r(()=>P(I.value,40)),$=()=>{i.onClickCta&&!i.isDisabled&&i.onClickCta(i.data?.id,i.data?.index)},w=r(()=>i.data?.locations?.slice(1)||[]),U=r(()=>i.data?.ctaText?.toLowerCase()==="book".toLowerCase()?g("book"):i.data?.ctaText),z=r(()=>i.source==="category"),q=r(()=>i.source==="category"||i.source==="location"),L=r(()=>z.value&&(!i.showImage||!!i.data?.isOnline)),c=r(()=>({textColor:`var(--${i.prefix}-text-color)`,backgroundColor:`var(--${i.prefix}-background-color)`,lightTextColor:`var(--${i.prefix}-light-text-color)`,primaryColor:`var(--${i.prefix}-primary-color)`,lightPrimaryColor:`var(--${i.prefix}-light-primary-color)`,borderColor:`var(--${i.prefix}-border-color)`}));return(m,s)=>(e(),t("div",{class:h(["services-info-card-container",{"no-image-card":!a.showImage,"category-card":z.value,"fixed-size-source-card":q.value}]),ref_key:"cardRef",ref:K,id:`info-card-container-${a.data?.id}`,style:C({"--text-color":c.value.textColor,"--background-color":c.value.backgroundColor,"--light-text-color":c.value.lightTextColor,"--primary-color":c.value.primaryColor,"--light-primary-color":c.value.lightPrimaryColor,"--border-color":c.value.borderColor})},[o("div",{class:"top-container",id:`info-card-top-${a.data?.id}`},[a.showImage?(e(),t(F,{key:0},[a.data?.image&&!a.data?.isOnline?(e(),t("img",{key:0,src:a.data?.image,alt:a.data?.name+"-image",id:`info-card-image-${a.data?.id}`},null,8,oa)):(e(),t("div",{key:1,style:C({background:E.value}),class:"image-container",id:`info-card-image-placeholder-${a.data?.id}`},[a.data?.isOnline?(e(),t("img",{key:0,src:a.data?.image,alt:a.data?.name+"-image",class:"online-meeting-image"},null,8,da)):(e(),t("div",{key:1,style:C({background:A.value}),id:`info-card-initials-${a.data?.id}`},n(l(p)(a.data?.name||"")),13,ra))],12,na))],64)):d("",!0),o("div",{class:h(["body-container",{"no-image":!a.showImage}]),id:`info-card-body-${a.data?.id}`}

1,[o("div",null,[o("div",{class:"name",id:`info-card-name-${a.data?.id}`},n(a.data?.name),9,sa),a.data?.description?(e(),t("div",{key:0,class:h(["description",{"has-learn-more":!L.value&&b.value&&!a.data?.hideLearnMore,"full-description":L.value}]),ref_key:"descRef",ref:f,id:`info-card-desc-${a.data?.id}`},[!L.value&&b.value&&!a.data?.hideLearnMore?(e(),t("span",{key:0,class:"learn-more",role:"button",tabindex:"0",id:`info-card-learn-more-${a.data?.id}`,onClick:s[0]||(s[0]=v=>a.onClickLearnMore&&a.onClickLearnMore(a.data?.id)),onKeydown:[s[1]||(s[1]=k(v=>a.onClickLearnMore&&a.onClickLearnMore(a.data?.id),["enter"])),s[2]||(s[2]=k(O(v=>a.onClickLearnMore&&a.onClickLearnMore(a.data?.id),["prevent"]),["space"]))]},[s[3]||(s[3]=o("span",{class:"ellipsis"},"...",-1)),D(" "+n(l(g)("learn_more")),1)],40,ma)):d("",!0),D(" "+n(S.value),1)],10,la)):d("",!0),a.data?.address||a.data?.phone?(e(),t("div",{key:1,class:"address-phone-container",id:`info-card-contact-${a.data?.id}`},[a.data?.address?(e(),t("div",{key:0,class:"address",id:`info-card-address-${a.data?.id}`},[o("div",{class:"pin-icon",id:`info-card-pin-icon-${a.data?.id}`,innerHTML:l(x)({svgName:"locationPin",color:c.value.textColor})},null,8,fa),o("div",{class:"info",id:`info-card-address-text-${a.data?.id}`},n(a.data?.address),9,ha)],8,va)):d("",!0),a.data?.phone?(e(),t("div",{key:1,class:"phone",id:`info-card-phone-${a.data?.id}`},[o("div",{class:"call-icon",id:`info-card-phone-icon-${a.data?.id}`,innerHTML:l(x)({svgName:"inbound_call",color:c.value.textColor})},null,8,ya),D(" "+n(l(_)(a.data?.phone)),1)],8,ga)):d("",!0)],8,ua)):d("",!0),a.data?.showLocations&&a.data?.locations?.length?(e(),t("div",{key:2,class:"locations-container",id:`info-card-locations-${a.data?.id}`},[o("div",{class:"pin-icon",id:`info-card-locations-icon-${a.data?.id}`,innerHTML:l(x)({svgName:"locationPin",color:c.value.textColor})},null,8,ka),o("div",{class:"locations",id:`info-card-locations-text-${a.data?.id}`},n(a.data?.locations?.slice(0,1).map(v=>v.name).join(", ")),9,xa),w.value.length?(e(),t("div",{key:0,class:"locations-more",id:`info-card-more-locations-${a.data?.id}`},[W(ia,{placement:"top","tooltip-class":"service-name-tooltip",id:`info-card-locations-tooltip-${a.data?.id}`},{trigger:R(()=>[o("div",{class:"more",role:"button",tabindex:"0",id:`info-card-more-btn-${a.data?.id}`,"aria-label":l(g)("more_info")}," +"+n(w.value.length)+" "+n(l(g)("more_info")),9,$a)]),content:R(()=>[o("div",wa,[o("ul",null,[(e(!0),t(F,null,X(w.value,(v,B)=>(e(),t("li",{key:B,id:`info-card-location-${a.data?.id}-${B}`},n(v.name),9,La))),128))])])]),_:1},8,["id"])],8,ba)):d("",!0)],8,Ca)):d("",!0),a.data?.duration&&a.data?.showDuration?(e(),t("div",{key:3,class:"duration-container",id:`info-card-duration-container-${a.data?.id}`},[o("div",{class:"duration-icon",id:`info-card-duration-icon-${a.data?.id}`,innerHTML:l(x)({svgName:"clock",color:c.value.textColor})},null,8,Ta),o("div",{class:"duration",id:`info-card-duration-${a.data?.id}`},n(a.data?.duration),9,Da)],8,Ma)):d("",!0)]),o("div",{class:h(["bottom-container",{"secondary-bottom":a.data?.primaryCTAType==="secondary","no-image-bottom":!a.showImage&&a.data?.price}]),id:`info-card-bottom-${a.data?.id}`,style:C({justifyContent:a.data?.price&&a.data?.showPrice?"space-between":"flex-end"})},[a.data?.price&&a.data?.showPrice?(e(),t("div",{key:0,class:"price",id:`info-card-price-${a.data?.id}`},[a.data?.pricePrefix?(e(),t("span",Ia,n(a.data?.pricePrefix),1)):d("",!0),o("span",Pa,n(a.data?.price),1),a.data?.bookingUnit?(e(),t("span",za,"/"+n(a.data?.bookingUnit),1)):d("",!0)],8,Ha)):d("",!0),o("div",{role:"button",tabindex:"0",class:h(["cta",{"cta-disabled":a.isDisabled,"secondary-cta":a.data?.primaryCTAType==="secondary"}]),id:`info-card-cta-${a.data?.id}`,onClick:$,onKeydown:[k($,["enter"]),k(O($,["prevent"]),["space"])]},n(U.value),43,Ba)],14,Sa)],10,ca)],8,ta)],14,ea))}}),Bi=Object.assign(Na,{__name:"PreviewElementsServicesCommonServiceInfoCard"});export{Bi as default};