{"version":3,"file":"default/js/card_fadein.js","mappings":"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","sources":["webpack://prime1studio-ec/./app_prime1studio_ec/cartridges/app_prime1studio_ec/cartridge/client/default/js/card_fadein.js"],"sourcesContent":["let is_loaded_cardFadeIn = false;\nlet thresholdParameter = 0;\nlet previousPostion = 0;\n\nfunction getTargetObjects() {\n  let targetObjects;\n  if(document.querySelectorAll('.jsCardFadeIn').length > 0) {\n    targetObjects = document.querySelectorAll('.jsCardFadeIn');\n  } else if(document.querySelectorAll('.jsCardFadeInNews').length > 0) {\n    targetObjects = document.querySelectorAll('.jsCardFadeInNews');\n  }\n  return targetObjects;\n}\n\n$(window).on('load', function(){\n  is_loaded_cardFadeIn = true;\n  cardFadeIn();\n});\n\n$(window).on('scroll', function(){\n  if(!is_loaded_cardFadeIn) {\n    return false;\n  }\n\n  if(document.querySelectorAll('.is-stopped').length === getTargetObjects().length) {\n    return false;\n  }\n\n  const currentPosition = $(this).scrollTop();\n\n  if(Math.abs(previousPostion - currentPosition) > 0.1) {\n    thresholdParameter = 0.2;\n    cardFadeIn();\n  }\n\n  previousPostion = currentPosition;\n});\n\nfunction cardFadeIn() {\n  const target = getTargetObjects();\n  const targetArray = Array.prototype.slice.call(target);\n\n  function addActive(entries) {\n    let checkFirstActive = -1;\n\n    // 表示画面内に is-active を付与\n    entries.forEach(function(entry, i) {\n      const target = entry.target;\n\n      if(target.classList.contains('is-active')) {\n        return false;\n      }\n\n      if (entry.isIntersecting) {\n        if(checkFirstActive == -1) {\n          checkFirstActive = i;\n        }\n\n        const delay = i * 300;\n        setTimeout(function(){\n          target.classList.add('is-active');\n          setTimeout(() => {\n            target.classList.add('is-stopped');\n          }, 800);\n        }, delay);\n      }\n    });\n\n    // 表示表示時より前に is-active がないものが存在する場合\n    if(checkFirstActive > 0) {\n      entries.forEach(function(entry, i) {\n        const target = entry.target;\n        if(i < checkFirstActive) {\n          target.classList.add('is-active');\n          setTimeout(() => {\n            target.classList.add('is-stopped');\n          }, 800);\n        }\n      });\n    }\n  };\n\n\n  const options = {\n      root: null,\n      rootMargin: '0px 0px',\n      threshold: 0\n  };\n\n  const observer = new IntersectionObserver(addActive, options)\n  targetObjects = document.querySelectorAll('.jsCardFadeInNews');\n  targetArray.forEach(function (tgt) {\n    if(document.querySelectorAll('.is-stopped').length === targetObjects.length) {\n      observer.disconnect();\n    }\n\n    observer.unobserve(tgt);\n    if(!tgt.classList.contains('is-stopped')) {\n      observer.observe(tgt);\n    }\n  });\n\n}\n"],"names":["is_loaded_cardFadeIn","thresholdParameter","previousPostion","getTargetObjects","targetObjects","document","querySelectorAll","length","$","window","on","cardFadeIn","currentPosition","scrollTop","Math","abs","target","targetArray","Array","prototype","slice","call","addActive","entries","checkFirstActive","forEach","entry","i","classList","contains","isIntersecting","delay","setTimeout","add","options","root","rootMargin","threshold","observer","IntersectionObserver","tgt","disconnect","unobserve","observe"],"sourceRoot":""}