{"version":3,"file":"ProductCategoryOverviewFi-BK98mHUV.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"}