{"version":3,"sources":["20240229CSR_Subs_functions.js"],"names":["isElementInViewport","el","rect","getBoundingClientRect","top","left","bottom","window","innerHeight","document","documentElement","clientHeight","right","innerWidth","clientWidth","iconsInViewPort","msdwSvgAnchor","getElementById","svg","getElementsByTagName","animate","path","path1","path2","path3","path4","i","length","querySelectorAll","animated","anime","targets","strokeDashoffset","setDashoffset","easing","duration","opacity","delay","videoPlay","$wrapper","$iframe","find","src","data","addClass","attr","addEventListener","onload","forEach","anchor","e","preventDefault","querySelector","this","getAttribute","scrollIntoView","behavior","$","on","ev","closest","pickers","picker","jwsdwMediator","publish","content","dataset","icon","alt","hl","color","sl"],"mappings":"AAAA,SAASA,oBAAoBC,GACvBC,EAAOD,EAAGE,sBAAH,EACX,OACc,GAAZD,EAAKE,KACQ,GAAbF,EAAKG,MACLH,EAAKI,SAAWC,OAAOC,aAAeC,SAASC,gBAAgBC,eAC/DT,EAAKU,QAAUL,OAAOM,YAAcJ,SAASC,gBAAgBI,YAEhE,CAED,IAAIC,gBAAkB,GAElBC,cAAgBP,SAASQ,eAAe,iBAAxB,EAEhBC,IAAMF,cAAcG,qBAAqB,KAAnC,EAEV,SAASC,UACPL,gBAAkB,GAElB,IAAK,IAEGM,EACFC,EACAC,EACAC,EACAC,EANGC,EAAI,EAAGA,EAAIR,IAAIS,OAAQD,CAAAA,GAC1B1B,oBAAoBkB,IAAIQ,EAAxB,IACEL,EAAOH,IAAIQ,GAAGE,iBAAiB,OAAxB,EACTN,EAAQJ,IAAIQ,GAAGE,iBAAiB,QAAxB,EACRL,EAAQL,IAAIQ,GAAGE,iBAAiB,QAAxB,EACRJ,EAAQN,IAAIQ,GAAGE,iBAAiB,QAAxB,EACRH,EAAQP,IAAIQ,GAAGE,iBAAiB,QAAxB,EACLV,IAAIQ,GAAGG,WACVX,IAAIQ,GAAGG,SAAW,CAAA,EAClBC,MAAM,CACJC,QAASV,EACTW,iBAAkB,CAACF,MAAMG,cAAe,GACxCC,OAAQ,gBACRC,SAAU,IACVC,QAAS,EACTC,MAAO,SAAUpC,EAAIyB,GACnB,OAAW,IAAJA,CACR,CARG,CAAN,EAUAI,MAAM,CACJC,QAAST,EACTU,iBAAkB,CAACF,MAAMG,cAAe,GACxCC,OAAQ,gBACRC,SAAU,IACVC,QAAS,EACTC,MAAO,SAAUpC,EAAIyB,GACnB,OAAW,IAAJA,CACR,CARG,CAAN,EAUAI,MAAM,CACJC,QAASR,EACTS,iBAAkB,CAACF,MAAMG,cAAe,GACxCC,OAAQ,gBACRC,SAAU,IACVC,QAAS,EACTC,MAAO,SAAUpC,EAAIyB,GACnB,OAAW,IAAJA,CACR,CARG,CAAN,EAUAI,MAAM,CACJC,QAASP,EACTQ,iBAAkB,CAACF,MAAMG,cAAe,GACxCC,OAAQ,gBACRC,SAAU,IACVC,QAAS,EACTC,MAAO,SAAUpC,EAAIyB,GACnB,OAAW,IAAJA,CACR,CARG,CAAN,EAUAI,MAAM,CACJC,QAASN,EACTO,iBAAkB,CAACF,MAAMG,cAAe,GACxCC,OAAQ,gBACRC,SAAU,IACVC,QAAS,EACTC,MAAO,SAAUpC,EAAIyB,GACnB,OAAW,IAAJA,CACR,CARG,CAAN,GAaP,CAkDD,SAASY,UAAUC,GACjB,IAAIC,EAAUD,EAASE,KAAK,sBAAd,EACVC,EAAMF,EAAQG,KAAK,KAAb,EAEVJ,EAASK,SAAS,yBAAlB,EAEAJ,EAAQK,KAAK,MAAOH,CAApB,CACD,CAvDDjC,SAASqC,iBAAiB,SAAU1B,OAApC,EAEAb,OAAOwC,OAAS,WACd3B,QAAAA,CACD,EAIDX,SAASmB,iBAAiB,cAA1B,EAA0CoB,QAAQ,SAAUC,GAC1DA,EAAOH,iBAAiB,QAAS,SAAUI,GACzCA,EAAEC,eAAF,EAEA1C,SAAS2C,cAAcC,KAAKC,aAAa,MAAlB,CAAvB,EAAkDC,eAAe,CAC/DC,SAAU,QADqD,CAAjE,CAGD,CAND,CAOD,CARD,EAgCAC,EAAEhD,QAAF,EAAYiD,GAAG,QAAS,uBAAwB,SAAUC,GACxDA,EAAGR,eAAH,EAGAb,UAFcmB,EAAEJ,IAAF,EACSO,QAAQ,uBAAhB,CACf,CACD,CALD,EAmBA,IAAMC,QAAUpD,SAASmB,iBAAiB,sBAA1B,EAEhBiC,SAAWA,QAAQb,QAAQ,SAAAc,GACzBA,EAAOhB,iBAAiB,QAAS,WAC/BvC,OAAOwD,cAAcC,QAAQ,aAAc,aAAc,CACvDC,QAAA,0DACgBH,EAAOI,QAAQC,KAD/B,UAC6CL,EAAOI,QAAQE,IAD5D,0GAIMN,EAAOI,QAAQG,GAJrB,gFAOuBP,EAAOI,QAAQI,MAPtC,+DAQcR,EAAOI,QAAQK,GAR7B,gCASMT,EAAOI,QAAQD,QATrB,kBADuD,CAAzD,CAaD,EAAE,CAAA,CAdH,CAeD,CAhBU","file":"20240229CSR_Subs_functions.min.js","sourcesContent":["function isElementInViewport(el) {\r\n  var rect = el.getBoundingClientRect();\r\n  return (\r\n    rect.top >= 0 &&\r\n    rect.left >= 0 &&\r\n    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\r\n    rect.right <= (window.innerWidth || document.documentElement.clientWidth)\r\n  );\r\n}\r\n\r\nvar iconsInViewPort = []\r\n\r\nvar msdwSvgAnchor = document.getElementById(\"msdw-svg-anchor\")\r\n\r\nvar svg = msdwSvgAnchor.getElementsByTagName('svg')\r\n\r\nfunction animate() {\r\n  iconsInViewPort = []\r\n\r\n  for (var i = 0; i < svg.length; i++) {\r\n    if (isElementInViewport(svg[i])) {\r\n      var path = svg[i].querySelectorAll('.path'),\r\n        path1 = svg[i].querySelectorAll('.path1'),\r\n        path2 = svg[i].querySelectorAll('.path2'),\r\n        path3 = svg[i].querySelectorAll('.path3'),\r\n        path4 = svg[i].querySelectorAll('.path4')\r\n      if (!svg[i].animated) {\r\n        svg[i].animated = true\r\n        anime({\r\n          targets: path,\r\n          strokeDashoffset: [anime.setDashoffset, 0],\r\n          easing: 'easeInOutSine',\r\n          duration: 300,\r\n          opacity: 1,\r\n          delay: function (el, i) {\r\n            return i * 200\r\n          }\r\n        });\r\n        anime({\r\n          targets: path1,\r\n          strokeDashoffset: [anime.setDashoffset, 0],\r\n          easing: 'easeInOutSine',\r\n          duration: 300,\r\n          opacity: 1,\r\n          delay: function (el, i) {\r\n            return i * 200\r\n          }\r\n        });\r\n        anime({\r\n          targets: path2,\r\n          strokeDashoffset: [anime.setDashoffset, 0],\r\n          easing: 'easeInOutSine',\r\n          duration: 200,\r\n          opacity: 1,\r\n          delay: function (el, i) {\r\n            return i * 400\r\n          }\r\n        });\r\n        anime({\r\n          targets: path3,\r\n          strokeDashoffset: [anime.setDashoffset, 0],\r\n          easing: 'easeInOutSine',\r\n          duration: 300,\r\n          opacity: 1,\r\n          delay: function (el, i) {\r\n            return i * 300\r\n          }\r\n        });\r\n        anime({\r\n          targets: path4,\r\n          strokeDashoffset: [anime.setDashoffset, 0],\r\n          easing: 'easeInOutSine',\r\n          duration: 300,\r\n          opacity: 1,\r\n          delay: function (el, i) {\r\n            return i * 300\r\n          }\r\n        });\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\ndocument.addEventListener('scroll', animate)\r\n\r\nwindow.onload = function () {\r\n  animate()\r\n}\r\n\r\n\r\n// smooth scroll for arrow down\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(function (anchor) {\r\n  anchor.addEventListener('click', function (e) {\r\n    e.preventDefault();\r\n\r\n    document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n      behavior: 'smooth'\r\n    });\r\n  });\r\n});\r\n\r\n\r\n// // poster frame click event\r\n// $(document).on('click','.msdw-video-poster',function(ev) {\r\n//   ev.preventDefault();\r\n//   var $poster = $(this);\r\n//   var $wrapper = $poster.closest('.msdw-video-wrapper');\r\n//   videoPlay($wrapper);\r\n\r\n//   console.log('clicked')\r\n// });\r\n\r\n// // play the targeted video (and hide the poster frame)\r\n// function videoPlay($wrapper) {\r\n//   var $iframe = $wrapper.find('.js-videoIframe');\r\n//   var src = $iframe.data('src');\r\n//   // hide poster\r\n//   $wrapper.addClass('videoWrapperActive');\r\n//   console.log($wrapper)\r\n//   // add iframe src in, starting the video\r\n//   $iframe.attr('src',src);\r\n// }\r\n\r\n$(document).on('click', '.msdw-js-videoPoster', function (ev) {\r\n  ev.preventDefault();\r\n  var $poster = $(this);\r\n  var $wrapper = $poster.closest('.msdw-js-videoWrapper');\r\n  videoPlay($wrapper);\r\n});\r\n\r\n// play the targeted video (and hide the poster frame)\r\nfunction videoPlay($wrapper) {\r\n  var $iframe = $wrapper.find('.msdw-js-videoIframe');\r\n  var src = $iframe.data('src');\r\n  // hide poster\r\n  $wrapper.addClass('msdw-videoWrapperActive');\r\n  // add iframe src in, starting the video\r\n  $iframe.attr('src', src);\r\n}\r\n\r\n\r\n\r\nconst pickers = document.querySelectorAll('.msdw-picker-trigger');\r\n\r\npickers && pickers.forEach(picker => {\r\n  picker.addEventListener('click', () => {\r\n    window.jwsdwMediator.publish('openPicker', 'infoPicker', {\r\n      'content': `<div class=\"jws-textAlignCenter\">\r\n          <img src=\"${picker.dataset.icon}\" alt=\"${picker.dataset.alt}\">\r\n        </div>\r\n        <h3 class=\"jws-headline5 jws-textAlignCenter jws-margin-top-5\">\r\n          ${picker.dataset.hl}\r\n        </h3>\r\n        <div class=\"jws-copy1\">\r\n          <div class=\"msdw-${picker.dataset.color}-divider jws-margin-top-bottom-5\"></div>\r\n          <strong>${picker.dataset.sl}</strong><br><br>\r\n          ${picker.dataset.content}\r\n        </div>`\r\n    });\r\n  }, false);\r\n});\r\n"]}