{"version":3,"sources":["webpack://blog/./src/assets/js/main.js"],"names":["NavToggle","nav","document","getElementById","humberger","addEventListener","classList","toggle","HeartFadeIn","targets","querySelectorAll","targetsArray","Array","prototype","slice","call","options","root","rootMargin","threshold","io","IntersectionObserver","cb","forEach","el","observe","entries","observer","entry","i","target","isIntersecting","contains","delay","setTimeout","add","unobserve"],"mappings":";;;;;;;;;;;;IAAMA,S,GACJ,qBAAc;AAAA;;AAAA;;AACZ,OAAKC,GAAL,GAAWC,QAAQ,CAACC,cAAT,CAAwB,QAAxB,CAAX;AACA,OAAKC,SAAL,GAAiBF,QAAQ,CAACC,cAAT,CAAwB,kBAAxB,CAAjB;AACA,OAAKC,SAAL,CAAeC,gBAAf,CAAgC,OAAhC,EAAyC,YAAM;AAC7C,SAAI,CAACD,SAAL,CAAeE,SAAf,CAAyBC,MAAzB,CAAgC,MAAhC;;AACA,SAAI,CAACN,GAAL,CAASK,SAAT,CAAmBC,MAAnB,CAA0B,UAA1B;AACD,GAHD;AAID,C;;AAEH,IAAIP,SAAJ;;IAEMQ,W;AACJ,yBAAc;AAAA;;AAAA;;AACZ,SAAKC,OAAL,GAAeP,QAAQ,CAACQ,gBAAT,CAA0B,QAA1B,CAAf;AACA,SAAKC,YAAL,GAAoBC,KAAK,CAACC,SAAN,CAAgBC,KAAhB,CAAsBC,IAAtB,CAA2B,KAAKN,OAAhC,CAApB;AACA,SAAKO,OAAL,GAAe;AACbC,UAAI,EAAE,IADO;AAEbC,gBAAU,EAAE,cAFC;AAGbC,eAAS,EAAE;AAHE,KAAf;AAKA,SAAKC,EAAL,GAAU,IAAIC,oBAAJ,CAAyB,KAAKC,EAA9B,EAAkC,KAAKN,OAAvC,CAAV;AACA,SAAKL,YAAL,CAAkBY,OAAlB,CAA0B,UAAAC,EAAE,EAAI;AAC9B,YAAI,CAACJ,EAAL,CAAQK,OAAR,CAAgBD,EAAhB;AACD,KAFD;AAGD;;;;uBACEE,O,EAASC,Q,EAAU;AACpBD,aAAO,CAACH,OAAR,CAAgB,UAACK,KAAD,EAAQC,CAAR,EAAc;AAC5B,YAAMC,MAAM,GAAGF,KAAK,CAACE,MAArB;;AACA,YAAGF,KAAK,CAACG,cAAN,IAAwB,CAACD,MAAM,CAACxB,SAAP,CAAiB0B,QAAjB,CAA0B,MAA1B,CAA5B,EAA+D;AAC7D,cAAMC,KAAK,GAAIJ,CAAC,GAAG,GAAnB;AACAK,oBAAU,CAAC,YAAU;AACnBJ,kBAAM,CAACxB,SAAP,CAAiB6B,GAAjB,CAAqB,MAArB;AACD,WAFS,EAERF,KAFQ,CAAV;AAGAN,kBAAQ,CAACS,SAAT,CAAmBR,KAAK,CAACE,MAAzB;AACD;AACF,OATD;AAUD;;;;;;AAEH,IAAItB,WAAJ,G","file":"main.js","sourcesContent":["class NavToggle {\n  constructor() {\n    this.nav = document.getElementById(\"js-nav\");\n    this.humberger = document.getElementById(\"js-nav-humberger\");\n    this.humberger.addEventListener('click', () => {\n      this.humberger.classList.toggle('open');\n      this.nav.classList.toggle('nav-open');\n    });\n  }\n}\nnew NavToggle();\n\nclass HeartFadeIn {\n  constructor() {\n    this.targets = document.querySelectorAll('.heart');\n    this.targetsArray = Array.prototype.slice.call(this.targets);\n    this.options = {\n      root: null,\n      rootMargin: \"0px 0px -10%\",\n      threshold: 0\n    }\n    this.io = new IntersectionObserver(this.cb, this.options);\n    this.targetsArray.forEach(el => {\n      this.io.observe(el);\n    });\n  }\n  cb(entries, observer) {\n    entries.forEach((entry, i) => {\n      const target = entry.target;\n      if(entry.isIntersecting && !target.classList.contains('show')) {\n        const delay =  i * 300;\n        setTimeout(function(){\n          target.classList.add('show');\n        },delay);\n        observer.unobserve(entry.target);\n      }\n    });\n  }\n}\nnew HeartFadeIn();"],"sourceRoot":""}