{"version":3,"sources":["webpack:///./src/components/animations/DollarsAn.vue?1b0b","webpack:///src/components/animations/DollarsAn.vue","webpack:///./src/components/animations/DollarsAn.vue?bf69","webpack:///./src/components/animations/DollarsAn.vue?6cfb","webpack:///./src/components/mixins/mixinAnimation.js","webpack:///./src/components/animations/DollarsAn.vue?1c5a","webpack:///./node_modules/gsap/index.js","webpack:///./src/assets/img/animations/dollars.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","_l","item","refInFor","attrs","staticRenderFns","component","mixinAnimation","props","isActive","Boolean","watch","createAnimation","destroyAnimation","methods","createScroll","from","to","timeline","progress","instance","basicScroll","elem","$refs","animation","playback","inside","percentage","pause","outside","start","isInited","destroy","BscInstance","kill","mounted","updated","beforeUpdate","gsapWithCSS","registerPlugin","module","exports"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,IAAI,YAAYC,YAAY,aAAa,CAACH,EAAG,MAAM,CAACG,YAAY,WAAWP,EAAIQ,GAAG,GAAI,SAASC,GAAM,OAAOL,EAAG,MAAM,CAACE,IAAI,YAAYI,UAAS,EAAKH,YAAY,eAAeP,EAAIQ,GAAG,GAAI,SAASC,GAAM,OAAOL,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,MAAM,CAACO,MAAM,CAAC,IAAM,EAAQ,gBAAkD,MAAK,MAC7aC,EAAkB,G,wBCUtB,GACE,OAAF,SACE,QAAF,CACI,gBADJ,WAEM,KAAN,iBACM,KAAN,4CAEI,eALJ,WAMM,KAAN,0BAAQ,QAAR,IACM,KAAN,sCAAQ,EAAR,wBAAQ,SAAR,EAAQ,EAAR,IAAQ,KAAR,WACM,KAAN,wBACM,KAAN,oBCtBkW,I,wBCQ9VC,EAAY,eACd,EACAd,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,6CCnBf,kDAEWC,EAAiB,CACxBC,MAAO,CACHC,SAAUC,SAEdC,MAAO,CACHF,SADG,WAEKf,KAAKe,SAAUf,KAAKkB,kBACnBlB,KAAKmB,qBAGlBC,QAAS,CACLC,aADK,WACgD,WAAxCC,EAAwC,uDAAjC,aAAcC,EAAmB,uDAAd,aAGnCvB,KAAKwB,SAASC,SAAS,MACvB,IAAMC,EAAWC,YAAmB,CAChCC,KAAM5B,KAAK6B,MAAMC,UACjBR,OACAC,KACAT,MAAO,CACHiB,SAAU,CACNT,KAAM,EACNC,GAAI,IAGZS,OAAQ,SAACN,EAAUO,EAAYnB,GAI3B,EAAKU,SAASU,QACd,EAAKV,SAASC,SAASQ,EAAa,MAExCE,QAAS,SAACT,EAAUO,EAAYnB,GAI5B,EAAKU,SAASU,QACVD,EAAa,EACb,EAAKT,SAASC,SAAS,MAChBQ,EAAa,KACpB,EAAKT,SAASC,SAAS,MAInCzB,KAAK0B,SAAWA,EAChB1B,KAAK0B,SAASU,QACdpC,KAAKqC,UAAW,GAEpBlB,iBAtCK,WAuCGnB,KAAK0B,WACL1B,KAAK0B,SAASY,UACdtC,KAAK0B,SAAW,MAEhB1B,KAAKuC,cACLvC,KAAKuC,YAAYD,UACjBtC,KAAKuC,YAAc,MAEnBvC,KAAKwB,WACLxB,KAAKwB,SAASgB,OACdxC,KAAKwB,SAAW,MAEpBxB,KAAKqC,UAAW,IAGxBI,QAhEwB,WAiEhBzC,KAAKe,UAAUf,KAAKkB,mBAE5BwB,QAnEwB,WAoEhB1C,KAAKe,UAAUf,KAAKkB,mBAE5ByB,aAtEwB,WAuEpB3C,KAAKmB,sB,2DCzEb,yBAA2jB,EAAG,G,kCCA9jB,8DAEIyB,EAAc,OAAKC,eAAe,SAAc,Q,qBCFpDC,EAAOC,QAAU,IAA0B","file":"src/assets/js/chunk-102b9f87.7a52ec96.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"animation\",staticClass:\"animation\"},[_c('div',{staticClass:\"dollars\"},_vm._l((5),function(item){return _c('div',{ref:\"dollarRow\",refInFor:true,staticClass:\"dollars-row\"},_vm._l((2),function(item){return _c('div',{staticClass:\"dollar\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/animations/dollars.svg\")}})])}),0)}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n    .animation(ref='animation')\n        .dollars\n            .dollars-row(v-for='item in 5' ref='dollarRow')\n                .dollar(v-for='item in 2')\n                    img(src='../../assets/img/animations/dollars.svg')\n</template>\n<script>\nimport {gsap} from 'gsap';\nimport {mixinAnimation} from '../mixins/mixinAnimation';\n\nexport default {\n    mixins: [mixinAnimation],\n    methods: {\n        createAnimation() {\n            this.createTimeline();\n            this.createScroll('top-bottom', 'middle-middle');\n        },\n        createTimeline() {\n            this.timeline = gsap.timeline({paused: true});\n            this.timeline.fromTo(this.$refs.dollarRow, {x: 'random(-100, -400)%'}, {duration: 3, x: '0', ease: 'none'}, 0);\n            this.timeline.progress(0.0001);\n            this.timeline.pause();\n        }\n    }\n};\n</script>\n<style lang=\"scss\" scoped>\n.animation {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.dollar {\n    width: calc(50% - 5px);\n    margin: 5px;\n    img {\n        display: block;\n        width: 100%;\n        height: auto;\n    }\n}\n.dollars {\n    width: 100%;\n    &-row {\n        display: flex;\n        justify-content: center;\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DollarsAn.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DollarsAn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DollarsAn.vue?vue&type=template&id=868f29c8&scoped=true&lang=pug&\"\nimport script from \"./DollarsAn.vue?vue&type=script&lang=js&\"\nexport * from \"./DollarsAn.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DollarsAn.vue?vue&type=style&index=0&id=868f29c8&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"868f29c8\",\n  null\n  \n)\n\nexport default component.exports","import * as basicScroll from 'basicscroll';\n\nexport let mixinAnimation = {\n    props: {\n        isActive: Boolean\n    },\n    watch: {\n        isActive() {\n            if (this.isActive) this.createAnimation();\n            else this.destroyAnimation();\n        }\n    },\n    methods: {\n        createScroll(from = 'top-bottom', to = 'top-middle') {\n            from;\n            to;\n            this.timeline.progress(0.0001);\n            const instance = basicScroll.create({\n                elem: this.$refs.animation,\n                from,\n                to,\n                props: {\n                    playback: {\n                        from: 0,\n                        to: 1\n                    }\n                },\n                inside: (instance, percentage, props) => {\n                    instance;\n                    percentage;\n                    props;\n                    this.timeline.pause();\n                    this.timeline.progress(percentage / 100);\n                },\n                outside: (instance, percentage, props) => {\n                    instance;\n                    percentage;\n                    props;\n                    this.timeline.pause();\n                    if (percentage < 0) {\n                        this.timeline.progress(0.0001);\n                    } else if (percentage > 100) {\n                        this.timeline.progress(1);\n                    }\n                }\n            });\n            this.instance = instance;\n            this.instance.start();\n            this.isInited = true;\n        },\n        destroyAnimation() {\n            if (this.instance) {\n                this.instance.destroy();\n                this.instance = null;\n            }\n            if (this.BscInstance) {\n                this.BscInstance.destroy();\n                this.BscInstance = null;\n            }\n            if (this.timeline) {\n                this.timeline.kill();\n                this.timeline = null;\n            }\n            this.isInited = false;\n        }\n    },\n    mounted() {\n        if (this.isActive) this.createAnimation();\n    },\n    updated() {\n        if (this.isActive) this.createAnimation();\n    },\n    beforeUpdate() {\n        this.destroyAnimation();\n    }\n};\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DollarsAn.vue?vue&type=style&index=0&id=868f29c8&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DollarsAn.vue?vue&type=style&index=0&id=868f29c8&lang=scss&scoped=true&\"","import { gsap, Power0, Power1, Power2, Power3, Power4, Linear, Quad, Cubic, Quart, Quint, Strong, Elastic, Back, SteppedEase, Bounce, Sine, Expo, Circ, TweenMax, TweenLite, TimelineLite, TimelineMax } from \"./gsap-core.js\";\nimport { CSSPlugin } from \"./CSSPlugin.js\";\nvar gsapWithCSS = gsap.registerPlugin(CSSPlugin) || gsap; // to protect from tree shaking\n\nexport { gsapWithCSS as gsap, gsapWithCSS as default, CSSPlugin, TweenMax, TweenLite, TimelineMax, TimelineLite, Power0, Power1, Power2, Power3, Power4, Linear, Quad, Cubic, Quart, Quint, Strong, Elastic, Back, SteppedEase, Bounce, Sine, Expo, Circ };","module.exports = __webpack_public_path__ + \"src/assets/img/dollars.280a602e.svg\";"],"sourceRoot":""}