{"version":3,"sources":["webpack:///./src/components/animations/Knife.vue?9e4e","webpack:///src/components/animations/Knife.vue","webpack:///./src/components/animations/Knife.vue?f4c2","webpack:///./src/components/animations/Knife.vue?1f57","webpack:///./src/components/animations/Knife.vue?b906","webpack:///./src/components/mixins/mixinAnimation.js","webpack:///./node_modules/gsap/index.js","webpack:///./src/assets/img/animations/knife-3.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","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,UAAU,CAACH,EAAG,MAAM,CAACE,IAAI,QAAQC,YAAY,SAAS,CAACH,EAAG,MAAM,CAACI,MAAM,CAAC,IAAM,EAAQ,kBAC5PC,EAAkB,G,wBCStB,GACE,OAAF,SACE,QAAF,CACI,gBADJ,WAEM,KAAN,iBACM,KAAN,4CAEI,eALJ,WAMM,KAAN,0BAAQ,QAAR,IACM,KAAN,kCAAQ,EAAR,SAAQ,SAAR,EAAQ,EAAR,IAAQ,KAAR,OAAQ,QAAR,CAAU,KAAV,OACM,KAAN,wBACM,KAAN,oBCrB8V,I,wBCQ1VC,EAAY,eACd,EACAX,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,6CCnBf,yBAAujB,EAAG,G,oCCA1jB,kDAEWC,EAAiB,CACxBC,MAAO,CACHC,SAAUC,SAEdC,MAAO,CACHF,SADG,WAEKZ,KAAKY,SAAUZ,KAAKe,kBACnBf,KAAKgB,qBAGlBC,QAAS,CACLC,aADK,WACgD,WAAxCC,EAAwC,uDAAjC,aAAcC,EAAmB,uDAAd,aAGnCpB,KAAKqB,SAASC,SAAS,MACvB,IAAMC,EAAWC,YAAmB,CAChCC,KAAMzB,KAAK0B,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,MAInCtB,KAAKuB,SAAWA,EAChBvB,KAAKuB,SAASU,QACdjC,KAAKkC,UAAW,GAEpBlB,iBAtCK,WAuCGhB,KAAKuB,WACLvB,KAAKuB,SAASY,UACdnC,KAAKuB,SAAW,MAEhBvB,KAAKoC,cACLpC,KAAKoC,YAAYD,UACjBnC,KAAKoC,YAAc,MAEnBpC,KAAKqB,WACLrB,KAAKqB,SAASgB,OACdrC,KAAKqB,SAAW,MAEpBrB,KAAKkC,UAAW,IAGxBI,QAhEwB,WAiEhBtC,KAAKY,UAAUZ,KAAKe,mBAE5BwB,QAnEwB,WAoEhBvC,KAAKY,UAAUZ,KAAKe,mBAE5ByB,aAtEwB,WAuEpBxC,KAAKgB,sB,kCCzEb,8DAEIyB,EAAc,OAAKC,eAAe,SAAc,Q,qBCFpDC,EAAOC,QAAU,IAA0B,uC","file":"src/assets/js/chunk-3dd0f3cd.c75d4741.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:\"knives\"},[_c('div',{ref:\"knife\",staticClass:\"knife\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/animations/knife-3.svg\")}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n    .animation(ref='animation')\n        .knives\n            .knife(ref='knife')\n                img(src='../../assets/img/animations/knife-3.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.knife, {x: '200%'}, {duration: 1, x: '0', ease: 'none', stagger: {each: 1}}, 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.knife {\n    padding: 20px 0;\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!./Knife.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!./Knife.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Knife.vue?vue&type=template&id=a7b12b9a&scoped=true&lang=pug&\"\nimport script from \"./Knife.vue?vue&type=script&lang=js&\"\nexport * from \"./Knife.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Knife.vue?vue&type=style&index=0&id=a7b12b9a&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  \"a7b12b9a\",\n  null\n  \n)\n\nexport default component.exports","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!./Knife.vue?vue&type=style&index=0&id=a7b12b9a&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!./Knife.vue?vue&type=style&index=0&id=a7b12b9a&lang=scss&scoped=true&\"","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 { 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/knife-3.53b401af.svg\";"],"sourceRoot":""}