{"version":3,"file":"/scripts/sliding.js","mappings":"AAwEA,IAxEA,WASE,aAPA,KAAAA,gBAAkB,MAClB,KAAAC,eAAiB,OAOfC,KAAKC,KAAOC,SAASC,cAAc,QACnCH,KAAKI,SAAWF,SAASC,cAAc,aACvCH,KAAKK,YAAcH,SAASC,cAAc,gBACtCH,KAAKK,cACPL,KAAKM,gBAAkB,GAAGC,MAAMC,KAAKR,KAAKK,YAAYI,iBAAiB,4BACvET,KAAKU,eAAiB,GAAGH,MAAMC,KAAKR,KAAKK,YAAYI,iBAAiB,YACtET,KAAKW,QACLX,KAAKY,WACLZ,KAAKa,kBACLb,KAAKc,UAmDX,OA/CE,YAAAH,MAAA,sBACEX,KAAKI,SAASW,iBAAiB,SAAS,WACjC,EAAKd,KAAKe,UAAUC,SAAS,EAAKnB,iBAGrC,EAAKoB,aAFL,EAAKjB,KAAKe,UAAUG,IAAI,EAAKrB,qBAOnC,YAAAc,SAAA,sBACEZ,KAAKM,gBAAgBc,SAAQ,SAACC,GAC5BA,EAAKN,iBAAiB,SAAS,SAACO,GAC9B,IAAMC,EAASD,EAAEC,QACZA,EAAOP,UAAUC,SAAS,EAAKlB,iBAAmBwB,EAAOP,UAAUC,SAAS,2BAC/EI,EAAKL,UAAUG,IAAI,EAAKpB,uBAMhC,YAAAmB,WAAA,sBACElB,KAAKC,KAAKe,UAAUQ,OAAOxB,KAAKF,iBAChCE,KAAKM,gBAAgBc,SAAQ,SAACK,GAC5BA,EAAUT,UAAUQ,OAAO,EAAKzB,oBAIpC,YAAAe,OAAA,sBACEd,KAAKU,eAAeU,SAAQ,SAAAM,GAC1BA,EAAKX,iBAAiB,SAAS,WAC7B,IAAMY,EAAsBD,EAAKE,cAAcA,cAC3CD,EAAOX,UAAUC,SAAS,EAAKlB,iBACjC4B,EAAOX,UAAUQ,OAAO,EAAKzB,uBAMrC,YAAAc,gBAAA,sBACEX,SAASa,iBAAiB,SAAS,SAACO,GAClC,IAAMC,EAASD,EAAEC,OACXA,EAAOP,UAAUC,SAAS,eAAkBM,EAAOM,QAAQ,gBAAmBN,EAAOM,QAAQ,gBACjG,EAAKX,iBAIb,EAtEA","sources":["webpack://evolve-boilerplate/./src/scripts/components/sliding.ts"],"sourcesContent":["class Sliding {\n  body: HTMLBodyElement;\n  mainSlidingOpen = 'mso';\n  subSlidingOpen = 'open';\n  btnSlide: HTMLBodyElement;\n  slidingList: HTMLUListElement;\n  subSlidingLinks: HTMLLIElement[];\n  subSlidingBack: HTMLLinkElement[];\n\n  constructor() {\n    this.body = document.querySelector('body');\n    this.btnSlide = document.querySelector('.btnSlide');\n    this.slidingList = document.querySelector('.slidingList');\n    if (this.slidingList) {\n      this.subSlidingLinks = [].slice.call(this.slidingList.querySelectorAll('.menu-item-has-children'));\n      this.subSlidingBack = [].slice.call(this.slidingList.querySelectorAll('.goback'));\n      this.slide();\n      this.subSlide();\n      this.closeTargetList();\n      this.goBack();\n    }\n  }\n  \n  slide() {\n    this.btnSlide.addEventListener('click', () => {\n      if (!this.body.classList.contains(this.mainSlidingOpen)) {\n        this.body.classList.add(this.mainSlidingOpen);\n      } else {\n        this.closeSlide();\n      }\n    });\n  }\n\n  subSlide() {\n    this.subSlidingLinks.forEach((link) => {\n      link.addEventListener('click', (e) => {\n        const target = e.target as HTMLElement;\n        if (!target.classList.contains(this.subSlidingOpen) && target.classList.contains('menu-item-has-children')) {\n          link.classList.add(this.subSlidingOpen);\n        }\n      });\n    })\n  }\n\n  closeSlide() {\n    this.body.classList.remove(this.mainSlidingOpen);\n    this.subSlidingLinks.forEach((openSlide: HTMLLIElement) => {\n      openSlide.classList.remove(this.subSlidingOpen);\n    });\n  }\n\n  goBack() {\n    this.subSlidingBack.forEach(back => {\n      back.addEventListener('click', () => {\n        const parent: HTMLElement = back.parentElement.parentElement;\n        if (parent.classList.contains(this.subSlidingOpen)) {\n          parent.classList.remove(this.subSlidingOpen);\n        }    \n      });\n    })\n  }\n\n  closeTargetList() {\n    document.addEventListener('click', (e) => {\n      const target = e.target as HTMLElement;\n      if ( !target.classList.contains('header_nav') && !target.closest('.header_nav') && !target.closest('.header_ham') ) {\n        this.closeSlide();\n      }\n    });\n  }\n}\n\nnew Sliding;"],"names":["mainSlidingOpen","subSlidingOpen","this","body","document","querySelector","btnSlide","slidingList","subSlidingLinks","slice","call","querySelectorAll","subSlidingBack","slide","subSlide","closeTargetList","goBack","addEventListener","classList","contains","closeSlide","add","forEach","link","e","target","remove","openSlide","back","parent","parentElement","closest"],"sourceRoot":""}