{"version":3,"sources":["webpack:///./src/feature/taxonomy/taxonomy.js"],"names":["Taxonomy","element","_this","_classCallCheck","this","_possibleConstructorReturn","_getPrototypeOf","call","initDomCache","el","header","taxonomyControls","querySelector","taxonomyListItems","querySelectorAll","taxonomyAssets","taxonomyTitles","taxonomyAbstracts","taxonomyCtas","taxonomyHero","taxonomyHeroTitle","taxonomyHeroAbstract","taxonomyHeroCta","heroAsset","closeRegions","navArrowLeft","navArrowRight","taxonomyWrapper","sliderWrapper","isHidden","addEventListener","BaseFeature","_this2","sliders","i","length","Glide","gap","dragThreshold","bound","type","perView","breakpoints","800","640","mount","classList","remove","add","_loop","src","heroTitle","innerText","heroAbstract","innerHTML","heroCtaHref","href"],"mappings":"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","file":"41-17e82e5e.pkg.js","sourcesContent":["import Glide from '@glidejs/glide';\r\nimport BaseFeature from '../../foundation/base/base';\r\n\r\nclass Taxonomy extends BaseFeature {\r\n\tconstructor(element) {\r\n\t\tsuper(element);\r\n\t\tthis.initDomCache();\r\n\t\tthis.el = element;\r\n\t\tthis.header = this.el;\r\n\r\n\t\tthis.taxonomyControls = this.el.querySelector('[data-glide-el=\"controls\"]');\r\n\t\tthis.taxonomyListItems = this.el.querySelectorAll('[data-js=\"taxonomyListItem\"]');\r\n\t\tthis.taxonomyAssets = this.el.querySelectorAll('[data-js=\"taxonomyAsset\"]');\r\n\t\tthis.taxonomyTitles = this.el.querySelectorAll('[data-js=\"taxonomyTitle\"]');\r\n\t\tthis.taxonomyAbstracts = this.el.querySelectorAll('[data-js=\"taxonomyAbstract\"]');\r\n\t\tthis.taxonomyCtas = this.el.querySelectorAll('[data-js=\"taxonomyCta\"]');\r\n\r\n\t\tthis.taxonomyHero = this.el.querySelector('[data-js=\"taxonomyHero\"]');\r\n\t\tthis.taxonomyHeroTitle = this.el.querySelector('[data-js=\"taxonomyHeroTitle\"]');\r\n\t\tthis.taxonomyHeroAbstract = this.el.querySelector('[data-js=\"taxonomyHeroAbstract\"]');\r\n\t\tthis.taxonomyHeroCta = this.el.querySelector('[data-js=\"taxonomyHeroCta\"]');\r\n\t\tthis.heroAsset = this.el.querySelector('[data-js=\"heroAsset\"]');\r\n\r\n\t\tthis.closeRegions = this.el.querySelector('[data-js=\"closeRegions\"]');\r\n\t\tthis.navArrowLeft = this.el.querySelector('[data-js=\"navArrowLeft\"]');\r\n\t\tthis.navArrowRight = this.el.querySelector('[data-js=\"navArrowRight\"]');\r\n\t\tthis.taxonomyWrapper = this.el.querySelector('.glide--dragging[data-js=\"taxonomyWrapper\"]');\r\n\t\tthis.sliderWrapper = this.el.querySelectorAll('[data-js=\"taxonomyWrapper\"]');\r\n\r\n\t\tthis.isHidden = 'o-taxonomy--hidden';\r\n\r\n\r\n\t\tthis.addEventListener();\r\n\t}\r\n\r\n\r\n\taddEventListener() {\r\n\t\t// For further API options please check the Doc at the authors adress: https://glidejs.com/docs/options/\r\n\t\t// Initializinbg the API\r\n\r\n\t\tconst sliders = this.sliderWrapper;\r\n\t\tfor (let i = 0; i < sliders.length; i++) {\r\n\t\t\tconst glide = new Glide(sliders[i], {\r\n\t\t\t\tgap: 15,\r\n\t\t\t\tdragThreshold: true,\r\n\t\t\t\tbound: true,\r\n\t\t\t\ttype: 'slider',\r\n\t\t\t\tperView: 3,\r\n\t\t\t\tbreakpoints: {\r\n\t\t\t\t\t800: {\r\n\t\t\t\t\t\tperView: 2,\r\n\t\t\t\t\t},\r\n\t\t\t\t\t640: {\r\n\t\t\t\t\t\tperView: 1.5\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tglide.mount();\r\n\t\t}\r\n\r\n\r\n\t\tif (this.closeRegions) {\r\n\t\t\tthis.closeRegions.addEventListener('click', () => {\r\n\t\t\t\tthis.taxonomyHero.classList.remove('is-fold-out');\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tif (this.taxonomyControls && this.taxonomyListItems && this.taxonomyListItems.length <= 3) {\r\n\t\t\tthis.taxonomyControls.classList.add(this.isHidden);\r\n\t\t}\r\n\r\n\t\tif (this.taxonomyListItems) {\r\n\t\t\tfor (let i = 0; i < this.taxonomyListItems.length; i++) {\r\n\t\t\t\tconst taxonomyListItem = this.taxonomyListItems[i];\r\n\r\n\t\t\t\ttaxonomyListItem.addEventListener('click', () => {\r\n\t\t\t\t\t// Replace the hero content with thumbnail data\r\n\t\t\t\t\tif (this.taxonomyAssets[i].src) {\r\n\t\t\t\t\t\tthis.heroAsset.src = this.taxonomyAssets[i].src;\r\n\r\n\t\t\t\t\t\tconst heroTitle = this.taxonomyTitles[i].innerText;\r\n\t\t\t\t\t\tif (heroTitle) {\r\n\t\t\t\t\t\t\tthis.taxonomyHeroTitle.innerText = heroTitle;\r\n\t\t\t\t\t\t\tthis.taxonomyHeroTitle.classList.remove(this.isHidden);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tthis.taxonomyHeroTitle.classList.add(this.isHidden);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tconst heroAbstract = this.taxonomyAbstracts[i].innerText;\r\n\t\t\t\t\t\tif (heroAbstract) {\r\n\t\t\t\t\t\t\tthis.taxonomyHeroAbstract.innerHTML = heroAbstract;\r\n\t\t\t\t\t\t\tthis.taxonomyHeroAbstract.classList.remove(this.isHidden);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tthis.taxonomyHeroAbstract.classList.add(this.isHidden);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tconst heroCtaHref = this.taxonomyCtas[i].href;\r\n\t\t\t\t\t\tif (heroCtaHref) {\r\n\t\t\t\t\t\t\tthis.taxonomyHeroCta.href = heroCtaHref;\r\n\t\t\t\t\t\t\tthis.taxonomyHeroCta.classList.remove(this.isHidden);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tthis.taxonomyHeroCta.classList.add(this.isHidden);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.heroAsset.src = '';\r\n\t\t\t\t\t}\r\n\t\t\t\t\tthis.taxonomyHero.classList.add('is-fold-out');\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.navArrowLeft) {\r\n\t\t\tthis.navArrowLeft.addEventListener('click', () => {\r\n\t\t\t\tthis.taxonomyHero.classList.remove('is-fold-out');\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tif (this.navArrowRight) {\r\n\t\t\tthis.navArrowRight.addEventListener('click', () => {\r\n\t\t\t\tthis.taxonomyHero.classList.remove('is-fold-out');\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport default Taxonomy;\r\n"],"sourceRoot":""}