1import{G as w,j as O,N as _,Q as b,aQ as S,b4 as B,aa as I,L as m,a5 as A,P as c,a1 as H,O as P,a6 as N,a2 as $,aD as T,ak as U,_ as F,r as h,o as d,c as C,a as j,w as g,l as k,F as V,e as L,$ as z,h as E}from"./index-D-iuxWOd.js";import{B as M}from"./BlockVisibilityTracker.component-qQ6l5Y2Y.js";import{B as R}from"./BlockComponent-Cr0Corza.js";import{c as W,s as G,a as Q,b as q,v as J}from"./sliderInteractionTracking-DrZBjYMs.js";var K=Object.defineProperty,X=Object.getOwnPropertyDescriptor,l=(a,e,t,i)=>{for(var n=i>1?void 0:i?X(e,t):e,p=a.length-1,r;p>=0;p--)(r=a[p])&&(n=(i?r(e,t,n):r(n))||n);return i&&n&&K(e,t,n),n};const u=w("supplements");let s=class extends O(M,_,b){handleItemsChanged(){var e,t;(t=(e=this.$refs.cardSlider)==null?void 0:e.updateSlider)==null||t.call(e)}mounted(){var e;this.isMounted=!0,(e=this.items)!=null&&e.length||this.getData(),this.shouldDisplayComponent&&!this.intersectionObserverIsInitialized&&this.initViewportObserver(),S(this.blockUUID,this.getHeadline,this.$refs.trackedBlock),this.shouldDisplayComponent&&B(this.blockUUID)}get shouldDisplayComponent(){var e;return this.items?((e=this.items)==null?void 0:e.length)>0:!1}async getData(){if(this.tagName)try{const e=await this.getPartialContent({name:"supplementsCompany",parameters:{cacheTime:3e5,tagName:`"${this.tagName}"`}});await this.setSupplements(e)}catch{await this.clearItems()}else try{const e=await this.getPartialContent({name:"supplements",parameters:{cacheTime:3e5}});await this.setSupplements(e)}catch{await this.clearItems()}}async setSupplements(e){if(!(e!=null&&e.supplements)){await this.clearItems();return}const t=[];for(const i of e.supplements)i.__typename===I.Supplement&&t.push(i);await this.setItems(t)}unmounted(){this.clearItems()}getImageUrl(e){return m(e,"fields")&&m(e.fields,"images")&&m(e.fields.images,"href_full")?e.fields.images.href_full:""}getImageData(e){var t,i;return{alttext:((t=e.fields)==null?void 0:t.alttext)||"",title:((i=e.fields)==null?void 0:i.caption)||""}}getTitle(e){var t;return((t=e.fields)==null?void 0:t.title)||""}get getHeadline(){return this.$t(`supplements.${this.headline}`).toString()}getUrl(e){var t;return((t=e.fields)==null?void 0:t.url)||""}handleButtonClick(e,t){var i,n;W(t+1,((i=this.items)==null?void 0:i.length)||0,e,this.getHeadline),this.handleClickTrackingOfContentBlock(this.blockUUID,"Article",e,t,(n=this.items)==null?void 0:n.length),this.navigate(e,!0)}observationCallBack(){var e;this.shouldDisplayComponent&&(G(this.getHeadline),(e=this.observer)==null||e.unobserve(this.$el))}rightArrowClickHandle(){Q(this.getHeadline)}leftArrowClickHandle(){q(this.getHeadline)}sliderChangeHandle(e){var t;J(e+1,((t=this.items)==null?void 0:t.length)||0,this.getHeadline)}};l([A("getPartialContent")],s.prototype,"getPartialContent",2);l([u.Getter("getContent")],s.prototype,"items",2);l([u.Action("setContent")],s.prototype,"setItems",2);l([u.Action("clearContent")],s.prototype,"clearItems",2);l([c({default:!0})],s.prototype,"displayDivider",2);l([c()],s.prototype,"displayTopDivider",2);l([c()],s.prototype,"tagName",2);l([c({default:"supplements"})],s.prototype,"headline",2);l([H("items")],s.prototype,"handleItemsChanged",1);s=l([P({name:"Supplements",components:{BlockComponent:R,DnmBlockWrapper:N,DnmCardSlider:$,DnmFileCard:T,DnmDivider:U}})],s);const Y={ref:"trackedBlock"},Z=["src","alt","title"];function x(a,e,t,i,n,p){const r=h("DnmFileCard"),v=h("DnmCardSlider"),D=h("BlockComponent");return d(),C("div",Y,[j(D,{"display-divider":a.displayDivider,"display-top-divider":a.displayTopDivider,headline:a.getHeadline,"should-display-block":a.shouldDisplayComponent,"data-testid":"supplements","title-tag":"div","wrapper-size":"largeModern"},{default:g(()=>[a.shouldDisplayComponent?(d(),k(v,{key:0,onOnRightArrowClick:a.rightArrowClickHandle,onOnLeftArrowClick:a.leftArrowClickHandle,onOnSliderChange:a.sliderChangeHandle,"content-wrapper-size":"largeModern","data-testid":"supplements-slider",ref:"cardSlider"},{default:g(()=>[(d(!0),C(V,null,L(a.items,(o,f)=>(d(),k(r,{key:f,title:a.getTitle(o),onOnClick:ee=>a.handleButtonClick(a.getUrl(o),f),stretch:""},{image:g(()=>[z("img",{src:a.getImageUrl(o),alt:a.getImageData(o).alttext,title:a.getImageData(o).title,loading:"lazy"},null,8,Z)]),_:2},1032,["title","onOnClick"]))),128))]),_:1},8,["onOnRightArrowClick","onOnLeftArrowClick","onOnSliderChange"])):E("",!0)]),_:1},8,["display-divider","display-top-divider","headline","should-display-block"])],512)}const le=F(s,[["render",x]]);var y;try{"__c"in s&&((y=s.__c).componentFileName??(y.componentFileName=Object.create(null)),Object.defineProperty(s.__c,"componentFileName",{value:"app/components/supplements/Supplements.vue"}))}catch(a){console.error("injectFileNamePlugin",a)}export{le as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.