{"version":3,"file":"ProductCategoryOverviewFi-DCZA_XTK.js","sources":["../../src/pages/product-category-overview-fi/ProductCategoryOverviewFi.vue"],"sourcesContent":["<template>\n <component-wrapper class=\"product-category-overview-fi\">\n <grid-container-fi>\n <div class=\"product-category-overview-fi__header fi-col-span-full\">\n <!-- eslint-disable vue/no-v-html -->\n <span\n v-if=\"isEditMode\"\n class=\"product-category-overview-fi__headline-small\"\n v-html=\"fields.headlineSmall.editable\"\n />\n <span\n v-else-if=\"fields.headlineSmall\"\n class=\"product-category-overview-fi__headline-small\"\n v-html=\"fields.headlineSmall.value\"\n />\n <h1\n v-if=\"isEditMode\"\n class=\"product-category-overview-fi__headline fi-text-size-df-60\"\n v-html=\"fields.headline.editable\"\n />\n <h1\n v-else-if=\"fields.headline\"\n class=\"product-category-overview-fi__headline fi-text-size-df-60\"\n v-html=\"fields.headline.value\"\n />\n <!-- eslint-enable vue/no-v-html -->\n </div>\n </grid-container-fi>\n\n <section-divider-small-fi />\n\n <div class=\"product-category-overview-fi__container\">\n <grid-container-fi>\n <div\n class=\"product-category-overview-fi__grid fi-col-start-1 fi-col-end-13 lg:fi-col-start-2 lg:fi-col-end-12\"\n >\n <a\n v-for=\"item in getAllCategories\"\n :id=\"item.CategoryId\"\n :key=\"item.CateogryId\"\n class=\"product-category-overview-fi__item\"\n :href=\"productUrl(item.Slug)\"\n >\n <div class=\"product-category-overview-fi__item-image\">\n <cloud-image-fi\n :src=\"item.thumbnailUrl ? item.thumbnailUrl.Url : placeholder\"\n :width=\"isMD ? '110' : '96'\"\n :height=\"isMD ? '110' : '96'\"\n params=\"func=fit\"\n do-not-replace-url\n trim\n class=\"product-category-overview-fi__item-img\"\n :alt=\"item.CategoryName\"\n />\n </div>\n <span class=\"product-category-overview-fi__item-name\">{{ item.CategoryName }}</span>\n </a>\n </div>\n </grid-container-fi>\n </div>\n </component-wrapper>\n</template>\n\n<script>\nimport { CloudImageFi } from 'atoms';\nimport ComponentWrapper from 'components/component-wrapper/ComponentWrapper';\nimport GridContainerFi from 'components/grid-fi/GridContainerFi';\nimport GETALLCATEGORIES from 'gql/getAllCategories.gql';\nimport breakpointMixin from 'mixins/breakpointMixin';\nimport SectionDividerSmallFi from 'pages/section-divider-fi/SectionDividerSmallFi';\n\nexport default {\n name: 'ProductCategoryOverviewFi',\n components: {\n ComponentWrapper,\n GridContainerFi,\n CloudImageFi,\n SectionDividerSmallFi,\n },\n mixins: [breakpointMixin],\n props: {\n fields: {\n type: Object,\n default: () => ({}),\n },\n },\n data() {\n return {\n placeholder: 'https://via.placeholder.com/110x110/CCCCCC/000000?text=Placeholder',\n };\n },\n apollo: {\n getAllCategories: {\n query: GETALLCATEGORIES,\n variables() {\n return {\n baseSiteId: this.$fischer.baseSiteId(),\n language: this.$fischer.catalogLocale(),\n };\n },\n },\n },\n methods: {\n productUrl(itemSlug) {\n return `${this.$fischer.pages.products().url}${itemSlug}`;\n },\n },\n};\n</script>\n\n<style scoped lang=\"scss\">\n@import './product-category-overview-fi';\n</style>\n"],"names":["_sfc_main","ComponentWrapper","GridContainerFi","CloudImageFi","SectionDividerSmallFi","breakpointMixin","GETALLCATEGORIES","itemSlug","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_createBlock","_component_component_wrapper","_withCtx","_createVNode","_component_grid_container_fi","_createElementVNode","_ctx","_createElementBlock","$props","_createCommentVNode","_component_section_divider_small_fi","_openBlock","_Fragment","_renderList","item","$options","_component_cloud_image_fi","$data","_toDisplayString"],"mappings":"qRAuEA,MAAKA,EAAU,CACb,KAAM,4BACN,WAAY,CACV,iBAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,sBAAAC,CACD,EACD,OAAQ,CAACC,CAAe,EACxB,MAAO,CACL,OAAQ,CACN,KAAM,OACN,QAAS,KAAO,CAAA,EACjB,CACF,EACD,MAAO,CACL,MAAO,CACL,YAAa,qEAEhB,EACD,OAAQ,CACN,iBAAkB,CAChB,MAAOC,EACP,WAAY,CACV,MAAO,CACL,WAAY,KAAK,SAAS,WAAY,EACtC,SAAU,KAAK,SAAS,cAAe,EAE1C,CACF,CACF,EACD,QAAS,CACP,WAAWC,EAAU,CACnB,MAAO,GAAG,KAAK,SAAS,MAAM,SAAQ,EAAG,GAAG,GAAGA,CAAQ,EACxD,CACF,CACH,EAxGWC,EAAA,CAAA,MAAM,uDAAuD,EAHxEC,EAAA,CAAA,WAAA,EAAAC,EAAA,CAAA,WAAA,EAAAC,EAAA,CAAA,WAAA,EAAAC,EAAA,CAAA,WAAA,EA+BSC,EAAA,CAAA,MAAM,yCAAyC,EAG9CC,EAAA,CAAA,MAAM,oGAAoG,EAlCpHC,EAAA,CAAA,KAAA,MAAA,EA2CiBC,EAAA,CAAA,MAAM,0CAA0C,EAY/CC,EAAA,CAAA,MAAM,yCAAyC,mJAtD/DC,EA2DoBC,EAAA,CA3DD,MAAM,gCAA8B,CADzD,QAAAC,EAEI,IAyBoB,CAzBpBC,EAyBoBC,EAAA,KAAA,CA3BxB,QAAAF,EAGM,IAuBM,CAvBNG,EAuBM,MAvBNf,EAuBM,CApBIgB,EAAU,gBADlBC,EAIE,OAAA,CATV,IAAA,EAOU,MAAM,+CACN,UAAQC,EAAA,OAAO,cAAc,QARvC,EAAA,KAAA,EAAAjB,CAAA,GAWqBiB,EAAA,OAAO,mBADpBD,EAIE,OAAA,CAdV,IAAA,EAYU,MAAM,+CACN,UAAQC,EAAA,OAAO,cAAc,KAbvC,EAAA,KAAA,EAAAhB,CAAA,GAAAiB,EAAA,GAAA,EAAA,EAgBgBH,EAAU,gBADlBC,EAIE,KAAA,CAnBV,IAAA,EAiBU,MAAM,4DACN,UAAQC,EAAA,OAAO,SAAS,QAlBlC,EAAA,KAAA,EAAAf,CAAA,GAqBqBe,EAAA,OAAO,cADpBD,EAIE,KAAA,CAxBV,IAAA,EAsBU,MAAM,4DACN,UAAQC,EAAA,OAAO,SAAS,KAvBlC,EAAA,KAAA,EAAAd,CAAA,GAAAe,EAAA,GAAA,EAAA,MAAA,EAAA,IA6BIN,EAA4BO,CAAA,EAE5BL,EA4BM,MA5BNV,EA4BM,CA3BJQ,EA0BoBC,EAAA,KAAA,CA1D1B,QAAAF,EAiCQ,IAwBM,CAxBNG,EAwBM,MAxBNT,EAwBM,EArBJe,EAAA,EAAA,EAAAJ,EAoBIK,EAxDd,KAAAC,EAqC2BP,EAAgB,iBAAxBQ,QADTP,EAoBI,IAAA,CAlBD,GAAIO,EAAK,WACT,IAAKA,EAAK,WACX,MAAM,qCACL,KAAMC,EAAA,WAAWD,EAAK,IAAI,IAE3BT,EAWM,MAXNP,EAWM,CAVJK,EASEa,EAAA,CARC,IAAKF,EAAK,aAAeA,EAAK,aAAa,IAAMG,EAAW,YAC5D,MAAOX,EAAI,KAAA,MAAA,KACX,OAAQA,EAAI,KAAA,MAAA,KACb,OAAO,WACP,qBAAA,GACA,KAAA,GACA,MAAM,yCACL,IAAKQ,EAAK,uDAGfT,EAAoF,OAApFN,EAAyDmB,EAAAJ,EAAK,YAAY,EAAA,CAAA,CAvDtF,EAAA,EAAAjB,CAAA,cAAA,EAAA,QAAA,EAAA"}