{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.object.entries.js","webpack:///./resources/js/src/app/components/category/ReplacementPartCategory.vue","webpack:///resources/js/src/app/components/category/ReplacementPartCategory.vue","webpack:///./resources/js/src/app/components/category/ReplacementPartCategory.vue?f64d","webpack:///./resources/js/src/app/components/category/ReplacementPartCategory.vue?f77a"],"names":["$","$entries","entries","target","stat","O","render","_vm","this","_c","_self","staticClass","_l","split","letter","key","class","letters","includes","attrs","href","_v","_s","sortedBrandArray","id","brand","staticStyle","cursor","url","on","click","$event","toggleActiveTitle","name","selectedBrand","_objectSpread","selected","updateFacet","_withStripped","props","facet","type","Array","facetList","default","data","activeTitle","computed","brands","_toConsumableArray","brandList","forEach","obj","push","count","position","groupedBrands","reduce","group","toUpperCase","Object","keys","sort","_ref","_ref2","a","_slicedToArray","b","localeCompare","filter","item","values","methods","facetValue","_step","_iterator","_createForOfIteratorHelper","document","getElementsByClassName","s","n","done","value","contains","$vnode","elm","window","localStorage","setItem","err","e","f","$store","dispatch","initializeCarousel","owlCarousel","loop","margin","nav","navText","dots","mouseDrag","stagePadding","responsive","items","title","mounted","_this","$nextTick","component"],"mappings":"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","file":"chunks/ceres-20.min.js","sourcesContent":["var $ = require('../internals/export');\nvar $entries = require('../internals/object-to-array').entries;\n\n// `Object.entries` method\n// https://tc39.es/ecma262/#sec-object.entries\n$({ target: 'Object', stat: true }, {\n  entries: function entries(O) {\n    return $entries(O);\n  }\n});\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticClass: \"container-max\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"owl-carousel owl-theme brand-abc-letters-bar\" },\n      _vm._l(\"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\"), function (letter) {\n        return _c(\n          \"a\",\n          {\n            key: letter,\n            staticClass: \"item\",\n            class: { \"not-available\": !_vm.letters.includes(letter) },\n            attrs: { href: \"#\" + letter },\n          },\n          [_vm._v(\"\\n      \" + _vm._s(letter) + \"\\n    \")]\n        )\n      }),\n      0\n    ),\n    _vm._v(\" \"),\n    _c(\n      \"div\",\n      { staticClass: \"brand-abc pb-5\" },\n      _vm._l(_vm.sortedBrandArray, function (letter) {\n        return _c(\n          \"div\",\n          {\n            key: letter[0],\n            staticClass: \"brand-abc-inner\",\n            attrs: { id: letter[0] },\n          },\n          [\n            _c(\"div\", { staticClass: \"d-block h1\" }, [\n              _vm._v(_vm._s(letter[0])),\n            ]),\n            _vm._v(\" \"),\n            _vm._l(letter[1], function (brand) {\n              return _c(\"div\", { key: brand.id }, [\n                _c(\n                  \"a\",\n                  {\n                    staticClass: \"text-light\",\n                    staticStyle: { cursor: \"pointer\" },\n                    attrs: { href: brand.url || \"javascript:void(0)\" },\n                    on: {\n                      click: function ($event) {\n                        brand.url ? null : _vm.toggleActiveTitle(brand.name)\n                        let selectedBrand = { ...brand, selected: true }\n                        _vm.updateFacet(selectedBrand)\n                      },\n                    },\n                  },\n                  [_vm._v(\"\\n          \" + _vm._s(brand.name) + \"\\n        \")]\n                ),\n              ])\n            }),\n          ],\n          2\n        )\n      }),\n      0\n    ),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container-max\">\n    <div class=\"owl-carousel owl-theme brand-abc-letters-bar\">\n      <a\n        v-for=\"letter in 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('')\"\n        :key=\"letter\"\n        :href=\"'#' + letter\"\n        class=\"item\"\n        :class=\"{ 'not-available': !letters.includes(letter) }\"\n      >\n        {{ letter }}\n      </a>\n    </div>\n    <div class=\"brand-abc pb-5\">\n      <div\n        v-for=\"letter in sortedBrandArray\"\n        :key=\"letter[0]\"\n        :id=\"letter[0]\"\n        class=\"brand-abc-inner\"\n      >\n        <div class=\"d-block h1\">{{ letter[0] }}</div>\n        <div v-for=\"brand in letter[1]\" :key=\"brand.id\">\n          <a\n            class=\"text-light\"\n            :href=\"brand.url || 'javascript:void(0)'\"\n            @click=\"\n              brand.url ? null : toggleActiveTitle(brand.name);\n              let selectedBrand = { ...brand, selected: true };\n              updateFacet(selectedBrand);\n            \"\n            style=\"cursor: pointer\"\n          >\n            {{ brand.name }}\n          </a>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n    \n<script>\nexport default {\n  name: \"replacement-part-category\",\n  props: {\n    facet: {\n      type: Array,\n    },\n    facetList: {\n      type: Array,\n      default: () => [],\n    },\n  },\n  data() {\n    return {\n      letters: [],\n      activeTitle: null,\n    };\n  },\n  computed: {\n    sortedBrandArray() {\n      let brands = [...this.brandList];\n      this.facetList.forEach((obj) => {\n        brands.push({\n          count: 1,\n          id: \"category-1022\",\n          name: obj.name,\n          selected: false,\n          position: -1,\n          url: obj.url,\n        });\n      });\n      const groupedBrands = brands.reduce((group, brand) => {\n        let words = brand.name.split(\" \");\n        let letter = words[0][0].toUpperCase();\n\n        if (!group[letter]) {\n          group[letter] = [];\n        }\n\n        group[letter].push(brand);\n        return group;\n      }, {});\n\n      this.letters = Object.keys(groupedBrands).sort();\n\n      return Object.entries(groupedBrands).sort(([a], [b]) =>\n        a.localeCompare(b)\n      );\n    },\n    brandList() {\n      return this.facet.filter((item) => item.id === 13)[0].values;\n    },\n  },\n  methods: {\n    updateFacet(facetValue) {\n      const toolbarElements = document.getElementsByClassName(\"widget-toolbar\");\n\n      for (const toolbarElement of toolbarElements) {\n        if (toolbarElement.contains(this.$vnode.elm)) {\n          window.localStorage.setItem(\"openFilterToolbar\", true);\n        }\n      }\n      this.$store.dispatch(\"selectFacet\", { facetValue });\n    },\n    initializeCarousel() {\n      $(\".brand-abc-letters-bar\").owlCarousel({\n        loop: false,\n        margin: 0,\n        nav: true,\n        navText: [\"\", \"\"],\n        dots: false,\n        mouseDrag: true,\n        stagePadding: 0,\n        responsive: {\n          0: { items: 6 },\n          600: { items: 13 },\n          1000: { items: 26 },\n        },\n      });\n    },\n    toggleActiveTitle(title) {\n      if (this.activeTitle === title) {\n        this.activeTitle = null;\n      } else {\n        this.activeTitle = title;\n      }\n    },\n  },\n  mounted() {\n    this.$nextTick(() => {\n      this.initializeCarousel();\n    });\n  },\n};\n</script>\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReplacementPartCategory.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReplacementPartCategory.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ReplacementPartCategory.vue?vue&type=template&id=67e2b5a2&\"\nimport script from \"./ReplacementPartCategory.vue?vue&type=script&lang=js&\"\nexport * from \"./ReplacementPartCategory.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}