{"version":3,"file":"index.b9f0465c.js","sources":["../../../../pages/categories/index.vue"],"sourcesContent":["<template>\n  <div class=\"allProducts\">\n    <div class=\"allProducts__header p-8\">\n      <h1\n        class=\"h1--underline\"\n      >\n        {{ $tv('allProducts', 'categories') }}\n      </h1>\n    </div>\n    <div\n      v-if=\"isLoading\"\n      class=\"allProducts--loading\"\n    >\n      <AppLoadingIndicator />\n    </div>\n    <div\n      v-if=\"noCategoriesFound\"\n      class=\"p-8\"\n    >\n      {{ $tv('noProductsFound', 'categories') }}\n    </div>\n    <div\n      v-for=\"(item, index) in lazyProducts\"\n      :key=\"index\"\n      class=\"allProducts__categories\"\n      v-show=\"!isLoading\"\n    >\n      <div class=\"allProducts__categories__header p-8\">\n        <div>\n          <h3>\n            {{ $tv(getParentTechnicalName(item.TechnicalName), 'categories') + ' / ' + $tv(item.TechnicalName, 'categories' ) }}\n          </h3>\n        </div>\n        <div :class=\"brandClass(item)\">\n          <nuxt-link\n            class=\"k-button k-button-md k-button-solid k-button-solid-primary\"\n            :to=\"localePath(`${rootCategoriesUrl}/` + getCategoryUrlFromTechnicalName(getParentTechnicalName(item.TechnicalName)) + '/' + getCategoryUrlFromTechnicalName(item.TechnicalName))\"\n          >\n            {{ $tv('showAll', 'categories') }}\n          </nuxt-link>\n        </div>\n      </div>\n      <CategoryList\n        :categories=\"item.designs\"\n        :path=\"getCategoryPath(item)\"\n        :lazy=\"true\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport {CATEGORIES} from '~/assets/js/constants'\nimport {mapActions, storeToRefs} from 'pinia'\nimport {useCategoryDesignService} from '@/composables/category_design_service'\nimport categoryUrlMixin from '~/mixins/category_urls'\nimport {categoriesComparerFactory} from '~/assets/js/utils/category_comparer'\nimport {useUserStore} from '@/store/user'\nimport AppLoadingIndicator from '~/components/loading-indicators/app-loading-indicator'\nimport CategoryList from '~/components/category/CategoryList'\nimport {useBreadcrumbStore} from '~/store/breadcrumb'\nimport useI18nExtended from '~/composables/usei18nExtended'\n\nexport default defineComponent({\n  name: 'Categories',\n  components: {AppLoadingIndicator, CategoryList},\n  mixins: [categoryUrlMixin],\n  async setup() {\n    const i18n = useI18nExtended()\n    const {getCategoriesWithDesigns} = useCategoryDesignService()\n    const {showInchValues, settings} = storeToRefs(useUserStore())\n\n    let allCategories =  useNuxtApp().payload?.data[`categories/designs_null_0_-1_sortIndex_false_[{\"field\":\"Region\",\"value\":\"${useNuxtApp().$globalization.getRegion()}\"}]_false`]\n    if (!allCategories) {\n      allCategories = await getCategoriesWithDesigns(null)\n    }\n\n    const {setPaths} = useBreadcrumbStore()\n    setPaths(\n      [\n        {\n          label: i18n.tv('category', 'breadcrumbs'),\n          path: '/categories'\n        }\n      ]\n    )\n    return {\n      getCategoriesWithDesigns,\n      showInchValues,\n      userSettings: settings,\n      allCategories\n    }\n  },\n  head() {\n    const title = this.$tv('allProductsTitle', 'seo', 'All Sealing Products | Freudenberg FST')\n    const description = this.$tv('allProductsDescription', 'seo', 'Find our complete Sealing Catalogue including hydraulic seals, o-rings, radial shaft seals and much more.')\n\n    return {\n      title,\n      meta: [\n        {\n          hid: 'description',\n          name: 'description',\n          content: description\n        }\n      ]\n    }\n  },\n  data() {\n    return {\n      rootCategoriesUrl: CATEGORIES.RootCategoriesUrl,\n      categoryCount: 10,\n      loadMoreTimeout: null,\n      isLoading: false,\n      initialDataLoaded: false\n    }\n  },\n  computed: {\n    allProducts() {\n      if (Array.isArray(this.allCategories)) {\n        let subCats = this.allCategories?.filter(c => !c?.IsProductDesign && !c?.IsTopCategory)?.map((element) => ({\n          ...element,\n          // construct sortindex as topCategory.sortIndex * 100 + category.sortIndex\n          sortIndex: (this.allCategories?.filter(c => !c?.IsProductDesign && c?.IsTopCategory)\n            ?.find(c => c?.Subcategories?.some(sc => sc.TechnicalName === element.TechnicalName))\n            ?.sortIndex ?? 999999) * 100 + (element.sortIndex ?? 999999),\n          sortName: (this.allCategories?.filter(c => !c?.IsProductDesign && c?.IsTopCategory)\n            ?.find(c => c?.Subcategories?.some(sc => sc.TechnicalName === element.TechnicalName))\n            ?.TechnicalName ?? '') + element.TechnicalName\n        }))\n        return subCats?.sort(categoriesComparerFactory('sortName'))\n      } else {\n        return []\n      }\n    },\n    lazyProducts() {\n      return this.allProducts?.slice(0, this.categoryCount)\n    },\n    topCategories() {\n      return this.allCategories?.filter(c => !c?.IsProductDesign && c?.IsTopCategory)\n    },\n    noCategoriesFound() {\n      return this.initialDataLoaded && !this.isLoading && this.allProducts?.length === 0\n    }\n  },\n  async mounted() {\n    const that = this\n    const loadingTimeout = setTimeout(() => {\n      that.isLoading = true\n    }, 150)\n\n    this.loadMore()\n\n    if (loadingTimeout) {\n      clearTimeout(loadingTimeout)\n    }\n    this.isLoading = false\n    this.initialDataLoaded = true\n  },\n  beforeUnmount() {\n    clearTimeout(this.loadMoreTimeout)\n  },\n  watch: {\n    allCategories() {\n      this.categoryCount = 10\n      this.loadMore()\n    }\n  },\n  methods: {\n    ...mapActions(useUserStore, ['updateSettings']),\n    loadMore() {\n      if (this.categoryCount > this.allProducts?.length) {\n        return\n      }\n      this.categoryCount += 5\n      this.$nextTick(() => this.loadMoreTimeout = setTimeout(this.loadMore, 50))\n    },\n    getCategoryPath(item) {\n      let pathParts = [CATEGORIES.RootCategoriesUrl]\n      if (item?.grandParent?.Name) {\n        pathParts.push(item.grandParent.Name)\n      }\n\n      if (item?.parent?.Name) {\n        pathParts.push(item.parent.Name)\n      }\n\n      if (item?.Name) {\n        pathParts.push(item.Name)\n      }\n\n      return pathParts.join('/')\n    },\n    getParentTechnicalName(technicalName) {\n      let cat = this.topCategories.find(c => c.Subcategories.find(sc => sc.TechnicalName === technicalName))\n      return cat ? cat.TechnicalName : null\n    },\n    brandClass(category) {\n      if (category.brands) {\n        let brandCodes = category.brands.map(b => b.Code.toLowerCase())?.sort()\n        return ` brand-${brandCodes.join('')}`\n      }\n      return null\n    }\n  }\n})\n</script>\n<style lang=\"scss\">\n.allProducts {\n  &__categories {\n    &__header {\n      display: flex;\n      flex-flow: row wrap;\n      justify-content: space-between;\n      align-items: center;\n\n      @include breakpoint-down($md) {\n        flex-direction: column;\n        align-items: normal;\n\n        .k-button {\n          margin-bottom: $default-margin-padding-width;\n        }\n      }\n    }\n  }\n\n  &__header {\n    display: flex;\n    position: relative;\n    justify-content: space-between;\n    align-items: center;\n\n    @include breakpoint-down($sm) {\n      align-items: flex-start;\n      flex-direction: column;\n    }\n  }\n\n  &_inchfilter {\n    display: flex;\n    width: 12rem;\n\n    .switch .label {\n      width: 8.25rem;\n    }\n\n    @include breakpoint-down($sm) {\n      padding-top: 1rem;\n    }\n  }\n\n  &--loading {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 3rem;\n  }\n\n  .p-8 {\n    padding: 0 2rem 1rem\n  }\n\n  h1 {\n    margin-top: .2rem;\n  }\n}\n</style>\n"],"names":["_sfc_main","defineComponent","AppLoadingIndicator","CategoryList","categoryUrlMixin","i18n","useI18nExtended","getCategoriesWithDesigns","useCategoryDesignService","showInchValues","settings","storeToRefs","useUserStore","allCategories","_a","useNuxtApp","setPaths","useBreadcrumbStore","title","description","CATEGORIES","subCats","_b","c","element","_c","sc","_f","_e","_d","categoriesComparerFactory","that","loadingTimeout","mapActions","item","pathParts","technicalName","cat","category","b","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_6","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_ctx","_hoisted_4","_createVNode","_component_AppLoadingIndicator","_hoisted_5","_Fragment","_renderList","index","_normalizeClass","_component_nuxt_link","_component_CategoryList"],"mappings":"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"}