{"version":3,"file":"exploreByCategoryController-96abc080.js","sources":["../../../../app/frontend/components/b2c/blog/exploreByCategoryController.js"],"sourcesContent":["import Glide from '@glidejs/glide';\nimport Sizes from \"../../../components/shared/glide_fixed_width_slides\";\n\nconst options = {\n  type: 'carousel',\n  startAt: 0,\n  perView: 4,\n  gap: 16,\n  breakpoints: {\n    3250: {\n      peek: {\n        before: 14,\n        after: 0,\n      },\n    },\n    2400: {\n      peek: {\n        before: 16,\n        after: 0,\n      },\n    },\n    1600: {\n      peek: {\n        before: 16,\n        after: 0,\n      },\n    },\n    1024: {\n      perView: 3,\n      peek: {\n        before: 0,\n        after: 0,\n      },\n    },\n    800: {\n      perView: 3,\n      peek: {\n        before: 0,\n        after: 0,\n      },\n    },\n    650: {\n      perView: 2,\n      peek: {\n        before: 0,\n        after: 0,\n      },\n    },\n    475: {\n      perView: 1.4,\n      peek: {\n        before: 20,\n        after: 0,\n      },\n    },\n    400: {\n      perView: 1.2,\n      peek: {\n        before: 40,\n        after: 0,\n      },\n    },\n  },\n};\n\ndocument.querySelectorAll('.category-posts__slider.glide')\n  .forEach(el => {\n    const exploreCategoryGlider = new Glide(el, options);\n    exploreCategoryGlider.mount(Sizes);\n  });\n\n\nconst categoryContainers = document.querySelectorAll('.category-posts');\nlet activeCategoryContainer = document.querySelector('.category-posts.show');\n\ndocument.querySelectorAll('[data-category-pill]').forEach(pill => {\n  pill.addEventListener('click', (e) => {\n    const activePill = document.querySelector('.category-pill.active');\n    const selectedPill = e.target;\n    activePill.classList.remove('active');\n    selectedPill.classList.add('active');\n    const categoryIndex = selectedPill.dataset.categoryIndex;\n    activeCategoryContainer = document.querySelector(`.category-posts[data-category=\"${categoryIndex}\"]`);\n    activeCategoryContainer.classList.remove('hide');\n    const slides = activeCategoryContainer.querySelector('.glide__slides');\n    slides.style.width = '100%';\n    categoryContainers.forEach(container => {\n      if (container !== activeCategoryContainer) {\n        container.classList.add('hide');\n      }\n    });\n  });\n});\n"],"names":["options","el","Glide","Sizes","categoryContainers","activeCategoryContainer","pill","e","activePill","selectedPill","categoryIndex","slides","container"],"mappings":"uGAGA,MAAMA,EAAU,CACd,KAAM,WACN,QAAS,EACT,QAAS,EACT,IAAK,GACL,YAAa,CACX,KAAM,CACJ,KAAM,CACJ,OAAQ,GACR,MAAO,CACR,CACF,EACD,KAAM,CACJ,KAAM,CACJ,OAAQ,GACR,MAAO,CACR,CACF,EACD,KAAM,CACJ,KAAM,CACJ,OAAQ,GACR,MAAO,CACR,CACF,EACD,KAAM,CACJ,QAAS,EACT,KAAM,CACJ,OAAQ,EACR,MAAO,CACR,CACF,EACD,IAAK,CACH,QAAS,EACT,KAAM,CACJ,OAAQ,EACR,MAAO,CACR,CACF,EACD,IAAK,CACH,QAAS,EACT,KAAM,CACJ,OAAQ,EACR,MAAO,CACR,CACF,EACD,IAAK,CACH,QAAS,IACT,KAAM,CACJ,OAAQ,GACR,MAAO,CACR,CACF,EACD,IAAK,CACH,QAAS,IACT,KAAM,CACJ,OAAQ,GACR,MAAO,CACR,CACF,CACF,CACH,EAEA,SAAS,iBAAiB,+BAA+B,EACtD,QAAQC,GAAM,CACiB,IAAIC,EAAMD,EAAID,CAAO,EAC7B,MAAMG,CAAK,CACrC,CAAG,EAGH,MAAMC,EAAqB,SAAS,iBAAiB,iBAAiB,EACtE,IAAIC,EAA0B,SAAS,cAAc,sBAAsB,EAE3E,SAAS,iBAAiB,sBAAsB,EAAE,QAAQC,GAAQ,CAChEA,EAAK,iBAAiB,QAAUC,GAAM,CACpC,MAAMC,EAAa,SAAS,cAAc,uBAAuB,EAC3DC,EAAeF,EAAE,OACvBC,EAAW,UAAU,OAAO,QAAQ,EACpCC,EAAa,UAAU,IAAI,QAAQ,EACnC,MAAMC,EAAgBD,EAAa,QAAQ,cAC3CJ,EAA0B,SAAS,cAAc,kCAAkCK,CAAa,IAAI,EACpGL,EAAwB,UAAU,OAAO,MAAM,EAC/C,MAAMM,EAASN,EAAwB,cAAc,gBAAgB,EACrEM,EAAO,MAAM,MAAQ,OACrBP,EAAmB,QAAQQ,GAAa,CAClCA,IAAcP,GAChBO,EAAU,UAAU,IAAI,MAAM,CAEtC,CAAK,CACL,CAAG,CACH,CAAC"}