{"version":3,"sources":["webpack:///./src/components/animations/Lattice.vue?f718","webpack:///src/components/animations/Lattice.vue","webpack:///./src/components/animations/Lattice.vue?b650","webpack:///./src/components/animations/Lattice.vue?1f95","webpack:///./src/components/animations/Lattice.vue?267d","webpack:///./src/components/mixins/mixinAnimation.js","webpack:///./node_modules/gsap/index.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","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"],"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,WAAW,CAACH,EAAG,MAAM,CAACE,IAAI,UAAUC,YAAY,wBAAwBH,EAAG,MAAM,CAACG,YAAY,8BACpQC,EAAkB,G,wBCkBtB,GACE,OAAF,SACE,QAAF,CACI,gBADJ,WAEM,KAAN,iBACM,KAAN,+CAEI,eALJ,WAMM,KAAN,0BAAQ,QAAR,IACM,KAAN,oCAAQ,EAAR,SAAQ,SAAR,EAAQ,EAAR,QACM,KAAN,wBACM,KAAN,oBC9BgW,I,wBCQ5VC,EAAY,eACd,EACAV,EACAS,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,sECnBf,yBAAyjB,EAAG,G,oCCA5jB,kDAEWC,EAAiB,CACxBC,MAAO,CACHC,SAAUC,SAEdC,MAAO,CACHF,SADG,WAEKX,KAAKW,SAAUX,KAAKc,kBACnBd,KAAKe,qBAGlBC,QAAS,CACLC,aADK,WACgD,WAAxCC,EAAwC,uDAAjC,aAAcC,EAAmB,uDAAd,aAGnCnB,KAAKoB,SAASC,SAAS,MACvB,IAAMC,EAAWC,YAAmB,CAChCC,KAAMxB,KAAKyB,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,MAInCrB,KAAKsB,SAAWA,EAChBtB,KAAKsB,SAASU,QACdhC,KAAKiC,UAAW,GAEpBlB,iBAtCK,WAuCGf,KAAKsB,WACLtB,KAAKsB,SAASY,UACdlC,KAAKsB,SAAW,MAEhBtB,KAAKmC,cACLnC,KAAKmC,YAAYD,UACjBlC,KAAKmC,YAAc,MAEnBnC,KAAKoB,WACLpB,KAAKoB,SAASgB,OACdpC,KAAKoB,SAAW,MAEpBpB,KAAKiC,UAAW,IAGxBI,QAhEwB,WAiEhBrC,KAAKW,UAAUX,KAAKc,mBAE5BwB,QAnEwB,WAoEhBtC,KAAKW,UAAUX,KAAKc,mBAE5ByB,aAtEwB,WAuEpBvC,KAAKe,sB,kCCzEb,8DAEIyB,EAAc,OAAKC,eAAe,SAAc","file":"src/assets/js/chunk-57209e22.46636660.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:\"lattice\"},[_c('div',{ref:\"timbers\",staticClass:\"timber timber_hor-1\"}),_c('div',{staticClass:\"timber timber_vert-1\"})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n    .animation(ref='animation')\n        .lattice\n            .timber.timber_hor-1(ref='timbers')\n            //.timber.timber_hor-2\n            .timber.timber_vert-1\n            //.timber.timber_vert-2\n        //-svg(width='331' height='331' viewbox='0 0 331 331' fill='none')\n            path(d='M0 78.7814L0 108.791L331 108.791V78.7814L0 78.7814Z' fill='black')\n            path(d='M0.00195313 211.182L0.00195312 241.191L331.002 241.191V211.182L0.00195313 211.182Z' fill='black')\n            g(ref='timbers')\n                path(d='M84.2931 331H114.303L114.303 3.05176e-05H84.2931L84.2931 331Z' fill='black')\n                path(d='M216.695 331H246.705L246.705 3.05176e-05H216.695L216.695 331Z' fill='black')\n\n\n</template>\n<script>\nimport {gsap} from 'gsap';\nimport {mixinAnimation} from '../mixins/mixinAnimation';\nexport default {\n    mixins: [mixinAnimation],\n    methods: {\n        createAnimation() {\n            this.createTimeline();\n            this.createScroll('bottom-bottom', 'middle-middle');\n        },\n        createTimeline() {\n            this.timeline = gsap.timeline({paused: true});\n            this.timeline.fromTo(this.$refs.timbers, {x: '200%'}, {duration: 3, x: '0'}, 0);\n            this.timeline.progress(0.0001);\n            this.timeline.pause();\n        }\n    }\n};\n</script>\n<style lang=\"scss\" scoped>\n.animation {\n    position: relative;\n    @media screen and (--viewport-mobile-lp) {\n        min-width: 80vh;\n    }\n}\n.lattice {\n    width: 100%;\n}\n.timber {\n    &_vert {\n        &-1 {\n            padding-bottom: 100%;\n            width: calc((100% + 120px) / 3);\n            height: 100%;\n            max-height: 100vh;\n            position: relative;\n            left: calc((100% - 60px) / 3);\n            border-left: 1.875rem solid #000;\n            border-right: 1.875rem solid #000;\n        }\n    }\n    &_hor {\n        &-1 {\n            padding-left: 100%;\n            height: calc((100% + 120px) / 3);\n            width: 100%;\n            max-width: 100vh;\n            position: absolute;\n            top: calc((100% - 60px) / 3);\n            border-top: 1.875rem solid #000;\n            border-bottom: 1.875rem solid #000;\n        }\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!./Lattice.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!./Lattice.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Lattice.vue?vue&type=template&id=26facf36&scoped=true&lang=pug&\"\nimport script from \"./Lattice.vue?vue&type=script&lang=js&\"\nexport * from \"./Lattice.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Lattice.vue?vue&type=style&index=0&id=26facf36&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  \"26facf36\",\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!./Lattice.vue?vue&type=style&index=0&id=26facf36&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!./Lattice.vue?vue&type=style&index=0&id=26facf36&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 };"],"sourceRoot":""}