{"version":3,"sources":["michalsnik-aos.js"],"names":["window","addEventListener","e","els","document","querySelectorAll","effect","i","elements","length","j","tagName","setAttribute","refreshPoints","point","isRefreshed","scrollPsn","undefined","height","body","offsetHeight","scrollY","AOS","init","refresh"],"mappings":"aAAAA,OAAOC,iBAAiB,mBAAoB,SAACC,GA2B3C,IA3BFF,IAAOC,EAAAA,CAUH,CADAE,IAAAC,SAAAC,iBAAA,8GAAA,EACAC,OAAA,UACEH,EAIF,CACAA,IAAAC,SAAAC,iBAAA,qFAAA,EAAEC,OAAA,SACAH,EAIF,CACAA,IAAAC,SAAAC,iBAAA,2EAAA,EACEF,OAAKC,SACLE,GAGKC,EAAI,EAAGA,EAAIC,EAASC,OAAQF,CAAC,GACpC,IAAK,IAAIG,EAAI,EAAGA,EAAIF,EAASD,GAAGJ,IAAIM,OAAQC,CAAC,GAEvCF,EAASD,GAAGJ,IAAIO,IAAMF,EAASD,GAAGJ,IAAIO,GAAGC,SAC3CH,EAASD,GAAGJ,IAAIO,GAAGE,aAAa,WAAYJ,EAASD,GAAGD,MAAM,EAMpE,IAAMO,EACJ,CAAEC,CAAAA,MAAS,GAAAC,YAAA,CAAA,CAAA,EAAEA,CAAAA,MAAAA,GAAaA,YAAA,CAAA,CAAA,EAAO,CACjCD,MAAA,GAAAC,YAAA,CAAA,CAAA,EAAED,CAAAA,MAAS,GAAAC,YAAA,CAAA,CAAA,GAAqBf,OAChCC,iBAAA,SAAA,WAAEa,IAAK,IAAIP,EAAA,EAAAA,EAAAM,EAAAJ,OAAAF,CAAA,GAAA,CAAEQ,IACbC,GAD0BC,KAAAA,IAAAb,SAAAc,OAAAd,SAAAc,OAAAd,SAAAe,KAAAC,cAC1BP,EAAAN,GAAAO,MAAA,IAAO,CAAED,EAAEN,GAAAQ,aAAAf,OAAAqB,QAAAL,IAAED,IAAAA,QAAa,EAC3BF,EAAAN,GAAAQ,YAAA,CAAA,EAEC,CAQF,CAAC,EAGDO,IAAIC,KAPK,CAACC,SAAS,GAAA,CAAA,CAQrB,CAAC","file":"michalsnik-aos.js","sourcesContent":["window.addEventListener('DOMContentLoaded', (e) => {\n  // On certain sections under \"field_sections\" field, we want the \"fade up\" to occur.\n  const elements = [\n    // Home page and some general use cases\n    // document.querySelectorAll('.fields-field--field-sections .paragraph--type--two-column-image-text'),\n    // document.querySelectorAll('.fields-field--field-sections .paragraph--type--text'),\n    // [document.getElementById('block-simpleinstagramfeed')],\n    // document.querySelectorAll('.paragraph--type--featured-view.two-column-overlay'),\n\n    // Homepage Stories Block\n    {\n      els: document.querySelectorAll('.fields-field--field-sections .view-id--stories.view-display-name--block-1 .views-field-title .field-content'),\n      effect: 'slide-up',\n    },\n\n    // Stories page\n    { // @TODO: Fix this busted selector\n      els: document.querySelectorAll('.fields-field--field-section .view-id--stories view-display-name--all-stories-block'),\n      effect: 'fade-up',\n    },\n\n    // Indiv Story Page\n    {\n      els: document.querySelectorAll('.bottom-left-right-containers .fields-field--field-left-container-content'),\n      effect: 'fade-up',\n    },\n  ];\n  for (let i = 0; i < elements.length; i++) {\n    for (let j = 0; j < elements[i].els.length; j++) {\n      // Ensure we have a DOM tag, not a textNode\n      if (elements[i].els[j] && elements[i].els[j].tagName) {\n        elements[i].els[j].setAttribute('data-aos', elements[i].effect);\n      }\n    }\n  }\n\n  // As user scrolls down the page, we refresh periodically to ensure we get all items.\n  const refreshPoints = [\n    { point: 20, isRefreshed: false },\n    { point: 40, isRefreshed: false },\n    { point: 60, isRefreshed: false },\n    { point: 80, isRefreshed: false },\n  ];\n  window.addEventListener('scroll', function() {\n    for (let i = 0; i < refreshPoints.length; i++) {\n      const _docHeight = (document.height !== undefined) ? document.height : document.body.offsetHeight;\n      const scrollPsn = (_docHeight * refreshPoints[i].point / 100);\n      if (!refreshPoints[i].isRefreshed && window.scrollY > scrollPsn) {\n        AOS.refresh();\n        refreshPoints[i].isRefreshed = true;\n      }\n    }\n  });\n\n  // Initiallizes the AOS Library used to fade up elements on scroll\n  AOS.init({ duration: 2000 });\n});\n\n"]}