{"version":3,"sources":["webpack:///./cartridges/app_designholding/cartridge/client/default/js/components/icon-list-carousel/icon-list-carousel.js","webpack:///./cartridges/app_designholding/cartridge/client/default/js/components/icon-list-carousel/index.js"],"names":["LIST_ITEM_HOOK","ACTIVE_CLASS","HIDDEN_CLASS","carouselTiming","IconListCarousel","constructor","element","listItems","querySelectorAll","autoRotateListItems","currentItemIndex","totalItems","length","setListItemActiveClass","setInterval","index","forEach","item","classList","remove","add"],"mappings":";;;;;;;;;;;;;;AAAA,IAAMA,cAAc,GAAG,0BAAvB;AAEA,IAAMC,YAAY,GAAG,YAArB;AACA,IAAMC,YAAY,GAAG,UAArB;AACA,IAAMC,cAAc,GAAG,IAAvB;;AAEA,MAAMC,gBAAN,CAAuB;AACrBC,aAAW,CAACC,OAAD,EAAU;AACnB,SAAKA,OAAL,GAAeA,OAAf;AACA,SAAKC,SAAL,GAAiB,CAAC,GAAG,KAAKD,OAAL,CAAaE,gBAAb,CAA8BR,cAA9B,CAAJ,CAAjB;AAEA,SAAKS,mBAAL;AACD;;AAEDA,qBAAmB,GAAG;AACpB,QAAIC,gBAAgB,GAAG,CAAvB;AACA,QAAMC,UAAU,GAAG,KAAKJ,SAAL,CAAeK,MAAlC;AAEA,SAAKC,sBAAL,CAA4BH,gBAA5B;AAEAI,eAAW,CAAC,MAAM;AAChB,UAAKH,UAAU,GAAG,CAAd,GAAmBD,gBAAvB,EAAyC;AACvCA,wBAAgB;AACjB,OAFD,MAEO;AACLA,wBAAgB,GAAG,CAAnB;AACD;;AAED,WAAKG,sBAAL,CAA4BH,gBAA5B;AAED,KATU,EASRP,cATQ,CAAX;AAUD;;AAEDU,wBAAsB,CAACE,KAAD,EAAQ;AAC5B,SAAKR,SAAL,CAAeS,OAAf,CAAuBC,IAAI,IAAI;AAC7BA,UAAI,CAACC,SAAL,CAAeC,MAAf,CAAsBlB,YAAtB;AACAgB,UAAI,CAACC,SAAL,CAAeE,GAAf,CAAmBlB,YAAnB;AACD,KAHD;AAKA,SAAKK,SAAL,CAAeQ,KAAf,EAAsBG,SAAtB,CAAgCE,GAAhC,CAAoCnB,YAApC;AACA,SAAKM,SAAL,CAAeQ,KAAf,EAAsBG,SAAtB,CAAgCC,MAAhC,CAAuCjB,YAAvC;AACD;;AAlCoB;;AAqCRE,uEAAf,E;;AC3CA;AAEeA,qHAAf,E","file":"js/IconListCarousel.js","sourcesContent":["const LIST_ITEM_HOOK = '[js-hook-icon-list-item]';\n\nconst ACTIVE_CLASS = 'is--active';\nconst HIDDEN_CLASS = 'u-hidden';\nconst carouselTiming = 5000;\n\nclass IconListCarousel {\n  constructor(element) {\n    this.element = element;\n    this.listItems = [...this.element.querySelectorAll(LIST_ITEM_HOOK)];\n\n    this.autoRotateListItems();\n  }\n\n  autoRotateListItems() {\n    let currentItemIndex = 0;\n    const totalItems = this.listItems.length;\n\n    this.setListItemActiveClass(currentItemIndex);\n\n    setInterval(() => {\n      if ((totalItems - 1) > currentItemIndex) {\n        currentItemIndex++;\n      } else {\n        currentItemIndex = 0;\n      }\n\n      this.setListItemActiveClass(currentItemIndex);\n\n    }, carouselTiming);\n  }\n\n  setListItemActiveClass(index) {\n    this.listItems.forEach(item => {\n      item.classList.remove(ACTIVE_CLASS);\n      item.classList.add(HIDDEN_CLASS);\n    })\n\n    this.listItems[index].classList.add(ACTIVE_CLASS);\n    this.listItems[index].classList.remove(HIDDEN_CLASS);\n  }\n}\n\nexport default IconListCarousel;\n","import IconListCarousel from './icon-list-carousel';\n\nexport default IconListCarousel;\n"],"sourceRoot":""}