{"version":3,"file":"svg-animation-block.js","mappings":";UAAA;UACA;;;;;WCDA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;;;ACNA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA,uBAAuB,yBAAyB;AAChD;AACA,GAAG;;AAEH;;AAEA;;AAEA;AACA;AACA;AACA,MAAM,mBAAmB;AACzB,MAAM;AACN;AACA;;;AAGA;AACA;AACA;AACA,IAAI;AACJ;AACA,uBAAuB,yBAAyB;AAChD;;AAEA;AACA;AACA;;AAEA,6CAA6C,YAAY,IAAI,YAAY;AACzE,yCAAyC,YAAY;;;AAGrD;AACA;AACA;AACA,IAAI;AACJ;AACA,uBAAuB,yBAAyB;AAChD;;AAEA;AACA;AACA,gCAAgC,WAAW;;AAE3C,8CAA8C,oBAAoB,IAAI,kBAAkB;AACxF,yCAAyC,oBAAoB;;;AAG7D;AACA;AACA;AACA,IAAI;AACJ;AACA,uBAAuB,yBAAyB;AAChD;;AAEA;AACA;AACA;AACA,OAAO,oBAAoB;AAC3B,OAAO;AACP;;AAEA;AACA;AACA;AACA,IAAI;AACJ;AACA,uBAAuB,yBAAyB;AAChD;;AAEA,GAAG;;AAEH,EAAE,EAAE;;AAEJ,CAAC,U;;;;;;;;;AC/FD","sources":["webpack://prophet_asia/webpack/bootstrap","webpack://prophet_asia/webpack/runtime/make namespace object","webpack://prophet_asia/./src/js/acf-blocks/svg-animation/index.js","webpack://prophet_asia/./src/scss/blocks/components/_svg-animation.scss?c1ac"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","/**\n * Gutenberg Block JS\n *\n * Import JS for SVG Animation blocks.\n */\n\n(function ($) {\n    //Scroll Magic Controller\n\tconst controller = new ScrollMagic.Controller();\n\n    $(function() {\n        let flowerSet = document.querySelector( '.flower-set' );\n\n        if ( flowerSet ) {\n\t\t\tlet flowerScene = new ScrollMagic.Scene({\n\t\t\t\ttriggerElement: '.flower-trigger',\n\t\t\t\treverse: false,\n\t\t\t})\n\t\t\t.setClassToggle( '.flower-set', 'flower-bloom' )\n\t\t\t// .addIndicators({ name: '1 (duration: 0)' }) // add indicators (requires plugin)\n\t\t\t.addTo(controller);\n\t\t}// if flowerSet\n\n        let circleTrigger = document.querySelector('.circle-trigger');\n\n\t\tif ( circleTrigger ) {\n\n\t\t\t// Circle Sm\n\t\t\t// ===========\n\t\t\tvar circleTweenOne = gsap.fromTo( '.sm-blue-circle', 1,\n\t\t\t\t{ opacity: 0, x: -20},\n\t\t\t\t{ opacity: 1, x: 0,\n\t\t\t\tease: Power3.easeOut }\n\t\t\t);\n\n\n\t\t\tlet circleSceneOne = new ScrollMagic.Scene({\n\t\t\t\ttriggerElement: '.circle-trigger',\n\t\t\t\treverse: false,\n\t\t\t})\n\t\t\t.setTween(circleTweenOne)\n\t\t\t// .addIndicators({ name: '1 (duration: 0)' }) // add indicators (requires plugin)\n\t\t\t.addTo(controller);\n\n\t\t\t// Circle Mid\n\t\t\t// ===========\n\t\t\tlet tl = new TimelineLite();\n\n\t\t\ttl.staggerFromTo( '.md-blue-circle', 1, { opacity: 0 }, { opacity: 1 }, 1.5 )\n\t\t\t\t\t.staggerTo( '.md-blue-circle', 1, { opacity: 0 }, 1.5, '+=2' )\n\n\n\t\t\tlet circleSceneTwo = new ScrollMagic.Scene({\n\t\t\t\ttriggerElement: '.circle-trigger',\n\t\t\t\treverse: false,\n\t\t\t})\n\t\t\t.setTween(tl)\n\t\t\t// .addIndicators({ name: '1 (duration: 0)' }) // add indicators (requires plugin)\n\t\t\t.addTo(controller);\n\n\t\t\t// Circle Lg\n\t\t\t// ===========\n\t\t\tlet tlg = new TimelineLite({ repeat: 1 });\n\n\t\t\ttlg.staggerFromTo( '.lg-blue-circle', 1, { opacity: 1, x: -25 }, { opacity: 1, x: 5 }, 1.5 )\n\t\t\t\t\t.staggerTo( '.lg-blue-circle', 1, { opacity: 1, x: -20 }, 1.5, '+=2' )\n\n\n\t\t\tlet circleSceneThree = new ScrollMagic.Scene({\n\t\t\t\ttriggerElement: '.circle-trigger',\n\t\t\t\treverse: false,\n\t\t\t})\n\t\t\t.setTween(tlg)\n\t\t\t// .addIndicators({ name: '1 (duration: 0)' }) // add indicators (requires plugin)\n\t\t\t.addTo(controller);\n\n\t\t\t// Aaker\n\t\t\t// ========\n\t\t\tlet tweenAaker = gsap.fromTo( '.aaker-headshot-circles', 2,\n\t\t\t\t\t{ opacity: 0, y: -100},\n\t\t\t\t\t{ opacity: 1, y: 0, ease: Power3.easeOut }\n\t\t\t\t);\n\n\t\t\tlet circleSceneFour = new ScrollMagic.Scene({\n\t\t\t\ttriggerElement: '.circle-trigger',\n\t\t\t\treverse: false,\n\t\t\t})\n\t\t\t.setTween(tweenAaker)\n\t\t\t// .addIndicators({ name: '1 (duration: 0)' }) // add indicators (requires plugin)\n\t\t\t.addTo(controller);\n\n\t\t}// if\n\n\t});// ready\n\n})(jQuery);","// extracted by mini-css-extract-plugin\nexport {};"],"names":[],"sourceRoot":""}