https://www.vvsfagmann.no/assets/6172.chunk.af3eb5fbab40f83e3748.js

1/*! For license information please see 6172.chunk.af3eb5fbab40f83e3748.js.LICENSE.txt */
2"use strict";(self.webpackChunknitro_app=self.webpackChunknitro_app||[]).push([[6172],{3443(e,t,o){o.d(t,{Zp:()=>_,RN:()=>K,__:()=>T,IH:()=>V,Bb:()=>q,K4:()=>j,as:()=>Y,SX:()=>z,qD:()=>N,Xq:()=>A,Ay:()=>$,XS:()=>D});var n=o(3696),i=o(8599),a=o(774),r=o(4442),l=o(6179),s=o(6268),d=o(4481);const m="0px 10px 10px -1px rgba(0, 0, 0, 0.125)";function c(e){const{hasServiceTags:t,children:o,open:i,tagContainerHeight:r}=e,l=r+24>150?r+24:150,s=(0,a.I4)({maxHeight:l,boxShadow:({isCompact:e})=>e?"none":m});return n.createElement(n.Fragment,null,t?n.createElement(g,null,n.createElement(p,{css:i?s:x},o,n.createElement(u,null))):n.createElement(h,Object.assign({},i&&{css:f})))}const g=a.I4.div({fontSize:(0,r.De1)(r.pU_,r.NfE.Rem),position:"relative",display:"flex"}),p=(0,a.I4)(g,r.X6j({property:"max-height, height, box-shadow",duration:"350ms",willChange:!0}),{position:"absolute",width:"100%",backgroundColor:"white",overflowY:"hidden",borderBottomLeftRadius:r.q$c,borderBottomRightRadius:r.q$c,zIndex:r.Pyx.MemberCompanyTag}),u=a.I4.div({position:"absolute",height:24,backgroundColor:r.ONy,width:"100%",bottom:r.v_V,left:r.v_V}),h=(0,a.I4)(p,{height:"100%"}),f=(0,a.I4)({boxShadow:({isCompact:e})=>e?"none":m}),x=(0,a.I4)({maxHeight:50});var y=o(4739),v=o(3137),b=o(3538),w=o(182),E=o(667),C=o(7286);const k=o.p+"assets/VF_default_find_image.a9d04857864660e2454b.png",I=o.p+"assets/DI_default_find_image.19a1455d1dddd3898726.jpg";var R=o(2856),S=o(699),B=o(4936);const D={vvsfagmannDefaultImage:k,bddigitDefaultImage:I},L="service",T="DefaultImage",$=({companyTitle:e,visitingAddressStreet:t,visitingAddressZip:o,visitingAddressCity:i,phone:a,email:l,imageId:s,url:m,tags:g,serviceFilter:p,distanceToCurrentLocation:u,handleTagClick:h,windowInnerWidth:f,showDistance:x})=>{const[v,b]=(0,d.A)(),[k,I]=(0,n.useState)(!1),$=(0,n.useRef)(null),[N,P]=(0,n.useState)(!1),ee=(0,y.tO)(),[te,oe]=(0,n.useState)(0),ne=(0,C.Am)(),ie=u<1?Math.ceil(10*u)/10:Math.round(u);(0,n.useEffect)(()=>{var e;const t=null===(e=$.current)||void 0===e?void 0:e.scrollHeight;P(t>38),te!==t&&oe(t)},[ee,te,f]);const ae=null==g?void 0:g.filter(e=>e.type.toLowerCase()===L),re=ae.length>0,le=!!(t||o||i),se=!(!a&&!l),de=s.url?s:{url:D[ne.name+T]},me=!ee&&b?{boxShadow:"0px 5px 10px rgba(0, 0, 0, 0.1)"}:ee&&re?{height:"unset"}:ee&&!re?{height:"100%",paddingBottom:12}:{},ce=h?H:O;return n.createElement(_,{ref:v,onFocus:()=>I(!0),onBlur:()=>I(!1)},n.createElement(R.A,{componentA:n.Fragment,componentB:F,bProps:{to:m},renderBWhen:!h},x&&!!ie&&n.createElement(V,null,n.createElement(K,null,`${ie} ${(0,E.TlY)("/FindPage/Kilometer")}`)),n.createElement(W,{to:h?m:null,css:me},n.createElement(A,{src:de,alt:e,ratio:B.w.SixteenToNine,sizes:S.R.Small,loading:"lazy",objectFit:"cover"}),n.createElement(Y,{css:!re&&!ee&&J},n.createElement(z,null,e),le&&n.createElement(j,null,n.createElement(q,null,t),n.createElement(q,null,`${o} ${i}`)),se&&n.createElement(j,null,n.createElement(q,null,`${(0,E.TlY)("/FindPage/Phone")} ${a}`),n.createElement(q,null,l)))),ee?re&&n.createElement(M,{ref:$,css:Q},ae.map(e=>n.createElement(n.Fragment,{key:e.id},p.includes(e.id.toString())?n.createElement(ce,{onClick:()=>h&&h(e.id.toString(),e.type.toLowerCase()),style:{backgroundColor:r.uxw},as:w.Sx.BorderlessButton,tabIndex:-1},e.name):n.createElement(n.Fragment,null,n.createElement(ce,{onClick:()=>h&&h(e.id.toString(),e.type.toLowerCase()),as:w.Sx.BorderlessButton,tabIndex:-1}

2,e.name))))):n.createElement(X,{css:!re&&G},n.createElement(c,{open:b||k,hasServiceTags:re,tagContainerHeight:te},n.createElement(n.Fragment,null,n.createElement(M,{ref:$},N&&n.createElement(U,{css:!b&&!k&&Z}),ae.map(e=>n.createElement(n.Fragment,{key:e.id},p.includes(e.id.toString())?n.createElement(ce,{onClick:()=>h&&h(e.id.toString(),e.type.toLowerCase()),style:{backgroundColor:r.uxw},as:w.Sx.BorderlessButton,tabIndex:-1},e.name):n.createElement(ce,{onClick:()=>h&&h(e.id.toString(),e.type.toLowerCase()),as:w.Sx.BorderlessButton,tabIndex:-1},e.name)))))))))},N=({name:e,street:t,postalCode:o,city:i,phoneNumber:a,email:l,image:s,url:d,tags:m,currentSite:c,isCompact:g,showTags:p})=>{const u=s&&s.url?s:{url:D[c+T]},h=m.filter(e=>e.type.toLowerCase()===L),f=h.length>0,x=!!(t||o||i),y=!(!a&&!l),v=(0,n.useMemo)(()=>({card:{display:"flex",flexDirection:"column",backgroundColor:r.ONy,borderBottomLeftRadius:r.q$c,borderBottomRightRadius:r.q$c,maxWidth:"280px",width:"280px"},mainLink:{color:"currentColor",textDecoration:"none"},imgContainer:{imageRendering:"-webkit-optimize-contrast",position:"relative",overflow:"hidden"},imgRatio:{paddingTop:"56.25%"},image:{maxWidth:"100%",height:"100%",width:"100%",objectFit:"cover",objectPosition:"center",position:"absolute",top:0,right:0,bottom:0,left:0},infoWrapper:{wordBreak:"break-word",paddingRight:r.asY,paddingLeft:r.asY,width:"280px"},companyTitle:{paddingBottom:"0.875rem",fontSize:"1.25rem",marginTop:"0",marginRight:"0",marginLeft:"0",fontWeight:"bold",marginBottom:"0",paddingTop:"16px"},infoSection:{display:"flex",flexDirection:"column",fontSize:(0,r.De1)(r.pU_,r.NfE.Rem),marginBottom:r.YaY},tagsContainer:Object.assign({position:"relative",width:"100%"},!f&&{flexGrow:1,height:"auto"}),tags:{display:"flex",alignItems:"center",marginBottom:12,flexWrap:"wrap",flexDirection:"row-reverse",justifyContent:"flex-end",paddingLeft:r.asY,paddingRight:r.asY,minHeight:38},tagButton:{WebkitBoxLines:"multiple",textDecoration:"inherit",overflow:"hidden",position:"relative",border:0,marginRight:r.nU9,marginBottom:12,flexWrap:"wrap",height:"auto",borderRadius:"100vw",fontWeight:"normal",lineHeight:"18px",paddingLeft:13,paddingRight:13,paddingTop:3,paddingBottom:3,fontSize:r.De1(r.hng,r.NfE.Rem),backgroundColor:r.Tc2,color:r.KDD}}),[f]);return n.createElement("div",{style:v.card},n.createElement(E.N_E,{to:d,style:v.mainLink},u.url&&n.createElement("div",{style:v.imgContainer},n.createElement("div",{style:v.imgRatio}),n.createElement("img",{src:u.url,alt:e,style:v.image})),n.createElement("div",{style:v.infoWrapper},n.createElement("h3",{style:v.companyTitle},e),x&&n.createElement("div",{style:v.infoSection},n.createElement("span",null,t),n.createElement("span",null,`${o} ${i}`)),y&&n.createElement("div",{style:v.infoSection},n.createElement("span",null,`${(0,E.TlY)("/FindPage/Phone")} ${a}`),n.createElement("span",null,l)))),p&&(g?f&&n.createElement("div",{style:v.tags},h.map(e=>n.createElement("button",{style:v.tagButton,key:e.id},e.name))):n.createElement("div",{style:v.tagsContainer},n.createElement("div",{style:v.tags},h.map((e,t)=>n.createElement("button",{style:v.tagButton,key:e.id},e.name))))))},_=a.I4.div({display:"flex",flexDirection:"column",position:"relative",backgroundColor:r.ONy,borderBottomLeftRadius:r.q$c,borderBottomRightRadius:r.q$c}),F=(0,a.I4)(v.A,b.pW,{height:"100%",display:"flex",flexDirection:"column",position:"relative",backgroundColor:r.ONy,borderBottomLeftRadius:r.q$c,borderBottomRightRadius:r.q$c}),W=(0,a.I4)(v.A,b.pW,r.X6j({property:"box-shadow",duration:"250ms",willChange:!0}),{height:"calc(100% - 50px)",padding:{xy:1},outlineOffset:-1}),A=(0,a.I4)(l.A,{borderTopLeftRadius:r.q$c,borderTopRightRadius:r.q$c,imageRendering:"-webkit-optimize-contrast"}),Y=a.I4.div({padding:{x:({isCompact:e})=>e?(0,r.De1)(20,r.NfE.Rem):r.asY},wordBreak:"break-word"}),z=(0,a.I4)(i.H3,{fontSize:(0,r.De1)(r.uN6,r.NfE.Rem),margin:{xy:r.v_V},padding:{top:({isCompact:e})=>e?r.YaY:20,bottom:14}}),j=a.I4.div({display:"flex",flexDirection:"column",fontSize:(0,r.De1)(r.pU_,r.NfE.Rem),marginBottom:r.YaY}),q=a.I4.span({}),M=a.I4.div({display:"flex",alignItems:"center",marginBottom:12,flexWrap:"wrap",flexDirection:"row-reverse",justifyContent:"flex-end",padding:{x:({isCompact:e})=>e?20:r.asY},minHeight:38}),P=(0,a.I4)({marginRight:r.nU9,marginBottom:r.nU9+r.EXj,flexWrap:"wrap",height:"auto",borderRadius:"100vw",fontWeight:"normal",lineHeight:"18px",padding:{x:13,y:3},fontSize:r.De1(r.hng,r.NfE.Rem),backgroundColor:r.Tc2,color:r.KDD}),H=(0,a.I4)(w.Ay,b.pW,P,{":hover":{backgroundColor:({isCompact:e})=>e?r.Tc2:r.uxw}}),O=a.I4.div(P,{}),U=(0,a.I4)(s.nv,r.X6j({property:"opacity",duration:"150ms"}),{color:r.ydb,opacity:r.v_V,fontSize:r.NiS,marginLeft:r.nU9,transform:"rotate(90deg)"}),X=a.I4.div({position:"relative",width:"100%",height:r.wmU}),V=a.I4.div({display:"flex",justifyContent:"center",alignItems:"center",padding:{x:7,y:5},backgroundColor:r.ONy,borderTopRightRadius:r.q$c,borderBottomRightRadius:r.q$c,position:"absolute",top:8,left:0,zIndex:r.Pyx.ProductBadge,pointerEvents:"none"}),K=a.I4.h5({fontSize:(0,r.De1)(r.NiS,r.NfE.Rem),lineHeight:(0,r.De1)(r.NiS,r.NfE.Rem),margin:{xy:r.v_V}}),Z=(0,a.I4)({opacity:1}),G=(0,a.I4)({flexGrow:1,height:"auto"}),J=(0,a.I4)({marginBottom:50}),Q=(0,a.I4)({maxHeight:190,overflowY:"scroll"})},5016(e,t,o){o.d(t,{_:()=>c});var n,i,a=o(3696),r=o(667),l=o(1678),s=o(4126);let d=null;const[m]=(0,s.createSyncObservable)(!("undefined"==typeof document||!(null===(i=null===(n=window.google)||void 0===n?void 0:n.maps)||void 0===i?void 0:i.LatLng)));function c({onFulfilled:e,onRejected:t,shouldLoad:o=!0}){const[n,i]=(0,a.useState)(!1),c=(0,s.useObservable)(m),g=(0,l.d)(e=>e.appShellData.siteSettings.googleMapsApiKey);return(0,a.useLayoutEffect)(()=>{var n,a;g&&o&&((null===(a=null===(n=window.google)||void 0===n?void 0:n.maps)||void 0===a?void 0:a.LatLng)?(d=Promise.resolve(),m.emit(!0)):d||(d=(0,r.k07)(`https://maps.googleapis.com/ma

2ps/api/js?key=${g}&libraries=geometry,places`).then(()=>{m.emit(!0)})),d.then(e,t).catch(()=>{i(!0)}))},[g,e,t,n,o]),{loaded:c,failed:n}}},8413(e,t,o){o.d(t,{A:()=>d,k:()=>s});var n=o(3696),i=o(774),a=o(5016),r=o(7286),l=o(4442);const s="M14 0C6.26 0 0 6.26 0 14C0 24.5 14 40 14 40C14 40 28 24.5 28 14C28 6.26 21.74 0 14 0ZM14 19C11.24 19 9 16.76 9 14C9 11.24 11.24 9 14 9C16.76 9 19 11.24 19 14C19 16.76 16.76 19 14 19Z",d=(0,i.I4)(function(e){const t=(0,n.useRef)(),o=(0,r.Am)(),d=(0,n.useCallback)(()=>{const n=parseFloat(e.latitude),i=parseFloat(e.longitude),a=t.current,r=new window.google.maps.LatLng(n,i);if(a.map)a.map.setCenter(r),a.marker.setPosition(r);else{const t={zoom:15,center:r,mapTypeId:window.google.maps.MapTypeId.ROADMAP},n=new window.google.maps.Map(a,t),i={path:s,fillColor:(0,l.Z46)(o),fillOpacity:1,strokeWeight:0,rotation:0,scale:1,anchor:new window.google.maps.Point(14,40)};a.map=n,a.marker=new window.google.maps.Marker({position:r,icon:i,map:n}),e.onMapClick&&(n.addListener("click",()=>{e.onMapClick()}),a.marker.addListener("click",()=>{e.onMapClick()}))}},[o,e]);return(0,a._)({onFulfilled:d}),n.createElement(i.I4.Div,{ref:t})})}}]);
3//# sourceMappingURL=6172.chunk.af3eb5fbab40f83e3748.js.map