import{_ as m,i as v,G as g,C as y,k as C,b6 as w,r as l,o as t,a as M,w as n,l as s,p as r,b as o,q as d,e as b,v as L,F as k}from"./main-DtyiNRRn.js";import S from"./SectionDividerSmallFi-DvEWkxfa.js";import"./SectionDividerFi-DDwt5OTB.js";const H={name:"ProductCategoryOverviewFi",components:{ComponentWrapper:v,GridContainerFi:g,CloudImageFi:y,SectionDividerSmallFi:S},mixins:[C],props:{fields:{type:Object,default:()=>({})}},data(){return{placeholder:"https://via.placeholder.com/110x110/CCCCCC/000000?text=Placeholder"}},apollo:{getAllCategories:{query:w,variables(){return{baseSiteId:this.$fischer.baseSiteId(),language:this.$fischer.catalogLocale()}}}},methods:{productUrl(e){return`${this.$fischer.pages.products().url}${e}`}}},T={class:"product-category-overview-fi__header fi-col-span-full"},F=["innerHTML"],I=["innerHTML"],N=["innerHTML"],U=["innerHTML"],x={class:"product-category-overview-fi__container"},B={class:"product-category-overview-fi__grid fi-col-start-1 fi-col-end-13 lg:fi-col-start-2 lg:fi-col-end-12"},D=["id","href"],E={class:"product-category-overview-fi__item-image"},O={class:"product-category-overview-fi__item-name"};function P(e,V,a,$,_,f){const c=l("grid-container-fi"),u=l("section-divider-small-fi"),h=l("cloud-image-fi"),p=l("component-wrapper");return t(),M(p,{class:"product-category-overview-fi"},{default:n(()=>[s(c,null,{default:n(()=>[r("div",T,[e.isEditMode?(t(),o("span",{key:0,class:"product-category-overview-fi__headline-small",innerHTML:a.fields.headlineSmall.editable},null,8,F)):a.fields.headlineSmall?(t(),o("span",{key:1,class:"product-category-overview-fi__headline-small",innerHTML:a.fields.headlineSmall.value},null,8,I)):d("",!0),e.isEditMode?(t(),o("h1",{key:2,class:"product-category-overview-fi__headline fi-text-size-df-60",innerHTML:a.fields.headline.editable},null,8,N)):a.fields.headline?(t(),o("h1",{key:3,class:"product-category-overview-fi__headline fi-text-size-df-60",innerHTML:a.fields.headline.value},null,8,U)):d("",!0)])]),_:1}),s(u),r("div",x,[s(c,null,{default:n(()=>[r("div",B,[(t(!0),o(k,null,b(e.getAllCategories,i=>(t(),o("a",{id:i.CategoryId,key:i.CateogryId,class:"product-category-overview-fi__item",href:f.productUrl(i.Slug)},[r("div",E,[s(h,{src:i.thumbnailUrl?i.thumbnailUrl.Url:_.placeholder,width:e.isMD?"110":"96",height:e.isMD?"110":"96",params:"func=fit","do-not-replace-url":"",trim:"",class:"product-category-overview-fi__item-img",alt:i.CategoryName},null,8,["src","width","height","alt"])]),r("span",O,L(i.CategoryName),1)],8,D))),128))])]),_:1})])]),_:1})}const G=m(H,[["render",P],["__scopeId","data-v-00f0b432"]]);export{G as default};