{"version":3,"sources":["webpack:///./Scripts/Components/Vanilla/ExpandableCategoryNavigation.js"],"names":["expandableContainerElem","document","getElementById","parentWrapperElem","closest","buttonText","translate","isExpanded","MAX_HEIGHT","setElemMaxHeight","elem","style","maxHeight","classList","toggle","clientHeight","add","readMoreButton","createElement","addEventListener","textContent","parentNode","insertBefore","nextSibling"],"mappings":"wGAEA,MAAMA,EAA0BC,SAASC,eACvC,iCAEF,GAAIF,EAAyB,CAC3B,MAAMG,EAAoBH,EAAwBI,QAChD,oCAEF,IAAIC,GAAaC,OAAU,iCACvBC,GAAa,EACjB,MAAMC,EAAa,GAUnB,SAASC,EAAiBC,GACxBA,EAAKC,MAAMC,UAAa,GAAEJ,MAC1BE,EAAKG,UAAUC,OAAO,gCACtBJ,EAAKG,UAAUC,OAAO,kCACtBX,EAAkBU,UAAUC,OAC1B,0CAEFP,GAAa,CACd,CAED,GAAIP,EAAwBe,aAAeP,EAAa,GAAI,CAC1DD,GAAa,EACbJ,EAAkBU,UAAUG,IAAI,mBAChChB,EAAwBa,UAAUG,IAAI,gCACtC,MAAMC,EAAiBhB,SAASiB,cAAc,UAC9CD,EAAeJ,UAAUG,IAAI,iBAC7BC,EAAeE,iBAAiB,SAAS,KAzB3C,IAA4BT,EA0BnBH,GAKHE,EAAiBT,GACjBK,GAAaC,OAAU,iCACvBW,EAAeG,YAAcf,KAjCPK,EA2BHV,GA1BlBW,MAAMC,UAAY,QACvBF,EAAKG,UAAUC,OAAO,kCACtBJ,EAAKG,UAAUC,OAAO,gCACtBX,EAAkBU,UAAUC,OAC1B,0CAEFP,GAAa,EAqBTF,GAAaC,OAAU,iCACvBW,EAAeG,YAAcf,EAK9B,IAEHY,EAAeG,YAAcf,EAE7BL,EAAwBqB,WAAWC,aACjCL,EACAjB,EAAwBuB,YAE3B,CACF,C","file":"488.e5a1d40b.js","sourcesContent":["import { translate } from '../../Services/translation';\n\nconst expandableContainerElem = document.getElementById(\n  'category-navigation-container'\n);\nif (expandableContainerElem) {\n  const parentWrapperElem = expandableContainerElem.closest(\n    'div.category-navigation__wrapper'\n  );\n  let buttonText = translate('category-navigation.show-more');\n  let isExpanded = true;\n  const MAX_HEIGHT = 40;\n  function unsetElemMaxHeight(elem) {\n    elem.style.maxHeight = 'unset';\n    elem.classList.toggle('expandable-container--expanded');\n    elem.classList.toggle('expandable-container--hidden');\n    parentWrapperElem.classList.toggle(\n      'category-navigation__wrapper--expanded'\n    );\n    isExpanded = true;\n  }\n  function setElemMaxHeight(elem) {\n    elem.style.maxHeight = `${MAX_HEIGHT}px`;\n    elem.classList.toggle('expandable-container--hidden');\n    elem.classList.toggle('expandable-container--expanded');\n    parentWrapperElem.classList.toggle(\n      'category-navigation__wrapper--expanded'\n    );\n    isExpanded = false;\n  }\n\n  if (expandableContainerElem.clientHeight > MAX_HEIGHT + 16) {\n    isExpanded = false;\n    parentWrapperElem.classList.add('can-be-expanded');\n    expandableContainerElem.classList.add('expandable-container--hidden');\n    const readMoreButton = document.createElement('button');\n    readMoreButton.classList.add('expand-button');\n    readMoreButton.addEventListener('click', () => {\n      if (!isExpanded) {\n        unsetElemMaxHeight(expandableContainerElem);\n        buttonText = translate('category-navigation.show-less');\n        readMoreButton.textContent = buttonText;\n      } else {\n        setElemMaxHeight(expandableContainerElem);\n        buttonText = translate('category-navigation.show-more');\n        readMoreButton.textContent = buttonText;\n      }\n    });\n    readMoreButton.textContent = buttonText;\n\n    expandableContainerElem.parentNode.insertBefore(\n      readMoreButton,\n      expandableContainerElem.nextSibling\n    );\n  }\n}\n"],"sourceRoot":""}