{"version":3,"file":"components/chunks/chunk-num-4.b9527458564547c098e9.js","mappings":"uoCAGA,IAgCA,GAAeA,EAAAA,EAAAA,KAhCW,SAAHC,GAAiC,IAA3BC,EAAQD,EAARC,SAAUC,EAAUF,EAAVE,WACWC,EAAAC,GAAVC,EAAAA,EAAAA,YAAU,GAAzCC,EAAWH,EAAA,GAAEI,EAAcJ,EAAA,GAalC,OAXAK,EAAAA,EAAAA,YAAU,WACRN,EAAW,GAAGO,UAAUC,IAAI,SAC9B,GAAG,CAACR,KAEJM,EAAAA,EAAAA,YAAU,WACR,IAAMG,EAAsBV,EAASW,eAAeC,WAClD,SAACC,GAAQ,OAAKC,OAAOC,SAASC,OAASH,EAASI,KAAKD,IAAI,IAE3DV,EAAeI,EACjB,GAAG,CAACV,IAGFkB,IAAAA,cAACA,IAAAA,SAAc,KACbA,IAAAA,cAAA,OAAKC,UAAU,mCACZnB,EAASW,eAAeS,KAAI,SAACC,EAAMC,GAAK,OACvCJ,IAAAA,cAAA,OACEC,UAAS,iBAAAI,OACPlB,IAAgBiB,EAAQ,cAAgB,GAAE,KAE5CE,IAAKF,GAELJ,IAAAA,cAAA,KAAGF,KAAMK,EAAKJ,KAAKD,MAAOK,EAAKJ,KAAKQ,SAChC,KAKhB,IC9BIC,EAAsB,IAAI,KADV,mBAEpBA,EAAoBC,SAAW,EAC/BD,EAAoBE,K","sources":["webpack://sonic/./js/feature/blog/blog-categories/react-blog-categories.jsx","webpack://sonic/./js/feature/blog/blog-categories/component-blog-categories.js"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { withReactBootstrap } from \"@demant/wdh-react-bootstrap\";\n\nconst BlogCategoriesApp = ({ settings, $component }) => {\n  const [activeIndex, setActiveIndex] = useState();\n\n  useEffect(() => {\n    $component[0].classList.add(\"loaded\");\n  }, [$component]);\n\n  useEffect(() => {\n    const activeCategoryIndex = settings.blogCategories.findIndex(\n      (category) => window.location.href === category.link.href\n    );\n    setActiveIndex(activeCategoryIndex);\n  }, [settings]);\n\n  return (\n    <React.Fragment>\n      <div className=\"blog-categories-content-wrapper\">\n        {settings.blogCategories.map((item, index) => (\n          <div\n            className={`blog-category ${\n              activeIndex === index ? \"active-link\" : \"\"\n            } `}\n            key={index}\n          >\n            <a href={item.link.href}>{item.link.content}</a>\n          </div>\n        ))}\n      </div>\n    </React.Fragment>\n  );\n};\n\nexport default withReactBootstrap(BlogCategoriesApp);\n","import { ComponentBootstrap } from '@demant/wdh-react-bootstrap';\nimport BlogCategoriesApp from './react-blog-categories.jsx';\nvar componentName = 'blog-categories';\nvar ReactBlogCategories = new ComponentBootstrap(componentName);\nReactBlogCategories.reactApp = BlogCategoriesApp;\nReactBlogCategories.run();"],"names":["withReactBootstrap","_ref","settings","$component","_useState2","_slicedToArray","useState","activeIndex","setActiveIndex","useEffect","classList","add","activeCategoryIndex","blogCategories","findIndex","category","window","location","href","link","React","className","map","item","index","concat","key","content","ReactBlogCategories","reactApp","run"],"sourceRoot":""}