https://www.granngarden.se/dist/Component.RelatedServices.9446037f.js

1"use strict";(self.fkaWebpackJsonp=self.fkaWebpackJsonp||[]).push([[945,3896,4456,8839],{6861:(t,e,r)=>{r.r(e),r.d(e,{default:()=>p});var o=r(641),n=r(3751);const l={class:"product__related-services"};var a=r(3773),s=r(1626),i=r(9901),u=r(7985);const c=t=>{const e=t?.trim();return e||null},d=(0,o.pM)({name:"RelatedServices",components:{CustomProductList:a.default},props:{productNumber:{type:String,required:!0},initialVariantNumber:String,apiUrl:{type:String,required:!0},heading:{type:String,required:!0},products:{type:Array,required:!0}},data(){return{currentProducts:[...this.products],resolvedVariantNumber:c(this.initialVariantNumber),requestSequence:0,acceptedListSequence:0,abortController:null}},computed:{ProductListViewEnum:()=>s.S,selectedVariantNumber(){return this.$store?c((0,i.Uo)(this.$store)):null}},watch:{selectedVariantNumber(t){this.loadForVariant(t)}},mounted(){this.loadForVariant(this.selectedVariantNumber)},beforeUnmount(){this.abortController?.abort()},methods:{async loadForVariant(t){const e=c(t);this.abortController?.abort(),this.abortController=null;const r=++this.requestSequence;if(e===this.resolvedVariantNumber)return;const o=new AbortController;this.abortController=o;try{const t=await u.A.get(this.apiUrl,{query:{productNumber:this.productNumber,variantNumber:e??void 0},signal:o.signal}),n=await u.A.getJSON(t);if(r!==this.requestSequence||o.signal.aborted||e!==this.selectedVariantNumber)return;this.currentProducts=n?.products??[],this.acceptedListSequence++,this.resolvedVariantNumber=e}catch{}}}});const p=(0,r(6262).A)(d,[["render",function(t,e,r,a,s,i){const u=(0,o.g2)("custom-product-list");return(0,o.bo)(((0,o.uX)(),(0,o.CE)("div",l,[((0,o.uX)(),(0,o.Wv)(u,{key:t.acceptedListSequence,heading:t.heading,products:t.currentProducts,"grid-class":"product-grid--scroll product-grid--scroll-desktop","show-scroll-pointer":!0,variant:t.ProductListViewEnum.Double},null,8,["heading","products","variant"]))],512)),[[n.aG,t.currentProducts.length>0]])}]])},3773:(t,e,r)=>{r.r(e),r.d(e,{default:()=>m});var o=r(641),n=r(33);const l={key:0,class:"custom-product-list"},a={key:0,class:"custom-product-list__heading"},s=["data-count","data-scroll-pointer"];var i=r(2124),u=r(1724),c=r(9898),d=r(1626),p=r(9901),h=r(9635);const v=(0,o.pM)({name:"CustomProductList",components:{ProductCard:u.default,ScrollPointer:c.default},props:{products:{type:Array,required:!0},heading:{type:String,default:void 0},gridClass:{type:String,default:void 0},variant:{type:Number,default:void 0},showScrollPointer:{type:Boolean,default:!1},scrollDesktop:{type:Boolean,default:!1},disableTracking:{type:Boolean,default:!1}},setup(t){const e=(0,i.Pj)(),r="manual_rec_panel",n=(0,o.EW)((()=>["product-grid",t.gridClass,{"product-grid--scroll-desktop":t.scrollDesktop}])),l=(0,o.EW)((()=>void 0!==t.variant?t.variant:t.products.length<=3?d.S.Double:d.S.Grid)),a=(0,o.EW)((()=>{if(t.disableTracking)return[];const r=(0,h.RP)(e);return t.products.map((t=>{const e=r.find((e=>e.productNumber===t.productNumber));return{productNumber:t.productNumber,name:t.name,link:t.link,price:e,variantNumber:t.variantNumber}}))}));return(0,o.sV)((()=>{!t.disableTracking&&e&&a.value.length&&(0,p.aK)(e,{listName:t.heading||r,products:a.value})})),{gridClasses:n,computedVariant:l,ProductListTrackingName:r}}});const g=(0,r(6262).A)(v,[["render",function(t,e,r,i,u,c){const d=(0,o.g2)("scroll-pointer"),p=(0,o.g2)("product-card");return t.products?.length>0?((0,o.uX)(),(0,o.CE)("div",l,[t.heading?((0,o.uX)(),(0,o.CE)("h2",a,(0,n.v_)(t.heading),1)):(0,o.Q3)("",!0),(0,o.Lk)("div",{class:(0,n.C4)(t.gridClasses),"data-count":t.products.length,"data-scroll-pointer":t.showScrollPointer?"":void 0,"data-test":"product-grid"},[t.showScrollPointer?((0,o.uX)(),(0,o.Wv)(d,{key:0,"product-count":t.products.length},null,8,["product-count"])):(0,o.Q3)("",!0),((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(t.products,((e,r)=>((0,o.uX)(),(0,o.Wv)(p,(0,o.v6)({key:`${e.productNumber}:${e.variantNumber??""}`,ref_for:!0},e,{variant:t.computedVariant,"list-name":t.heading||t.ProductListTrackingName,"list-index":r,"heading-level":t.heading?"h3":"h2"}),null,16,["variant","list-name","list-index","heading-level"])))),128))],10,s)])):(0,o.Q3)("",!0)}]]),m=g},9898:(t,e,r)=>{r.r(e),r.d(e,{default:()=>i});var o=r(641);const n={class:"scroll-pointer__root-hidden-reference",ref:"rootEl"};

1var l=r(5052),a=r(953);const s=(0,o.pM)({name:"ScrollPointer",components:{Icon:l.A},props:{productCount:{type:Number,default:0}},setup(t){const e=(0,a.KR)(!1),r=(0,a.KR)(!1),n=(0,a.KR)(null);let l=null;const s=(0,a.KR)(null),i=(0,o.EW)((()=>s.value?s.value:null)),u=(0,o.EW)((()=>i.value?.getElementsByClassName("product-card")[0]?.getBoundingClientRect().width??0)),c=(0,o.EW)((()=>{if(!i.value||!u.value||t.productCount<=1)return 0;const e=u.value*t.productCount;return(i.value.scrollWidth-e)/(t.productCount-1)})),d=()=>{if(!i.value)return;const t=i.value;e.value=t.scrollLeft>0,r.value=t.scrollLeft+t.clientWidth<t.scrollWidth};return(0,o.sV)((async()=>{await(0,o.dY)(),s.value=n.value?.closest("[data-scroll-pointer]")||null,i.value?.addEventListener("scroll",d),d(),i.value&&(l=new ResizeObserver((()=>{d()})),l.observe(i.value))})),(0,o.hi)((()=>{i.value?.removeEventListener("scroll",d),l&&i.value&&(l.unobserve(i.value),l.disconnect())})),{cardWidth:u,cardGap:c,scrollContainer:i,handleScrollDirection:t=>{if(!i.value)return;const e=u.value+c.value;i.value.scrollBy({left:"right"===t?e:-e,behavior:"smooth"})},canScroll:()=>!!i.value&&i.value.scrollWidth>i.value.clientWidth,showRight:r,showLeft:e,rootEl:n}}});const i=(0,r(6262).A)(s,[["render",function(t,e,r,l,a,s){const i=(0,o.g2)("icon");return(0,o.uX)(),(0,o.CE)(o.FK,null,[(0,o.Lk)("div",n,null,512),t.canScroll()&&t.showRight?((0,o.uX)(),(0,o.CE)("button",{key:0,class:"scroll-pointer__button scroll-pointer--right",type:"button","data-right-pointer-tracking":"",onClick:e[0]||(e[0]=e=>t.handleScrollDirection("right"))},[e[2]||(e[2]=(0,o.Lk)("span",{class:"sr-only"},"Scrolla till höger",-1)),(0,o.bF)(i,{icon:"chevron-down",width:"20",height:"20",class:"scroll-pointer__icon"})])):(0,o.Q3)("",!0),t.canScroll()&&t.showLeft?((0,o.uX)(),(0,o.CE)("button",{key:1,class:"scroll-pointer__button scroll-pointer--left",type:"button","data-left-pointer-tracking":"",onClick:e[1]||(e[1]=e=>t.handleScrollDirection("left"))},[e[3]||(e[3]=(0,o.Lk)("span",{class:"sr-only"},"Scrolla till vänster",-1)),(0,o.bF)(i,{icon:"chevron-down",width:"20",height:"20",class:"scroll-pointer__icon"})])):(0,o.Q3)("",!0)],64)}]])}}]);