{"version":3,"sources":["webpack:///./src/components/page/AbsoluteSvgs.vue","webpack:///src/components/page/AbsoluteSvgs.vue","webpack:///./src/components/page/AbsoluteSvgs.vue?586a","webpack:///./src/components/page/AbsoluteSvgs.vue?bf58"],"names":["render","_vm","this","_c","_self","staticClass","attrs","staticStyle","mainSvg","on","$event","initAnimations","staticRenderFns","mixins","AnimateMainSvg","components","computed","require","methods","event","animateHorizontalBars","target","animateVerticalBars","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,SAAS,CAACE,YAAY,oCAAoCC,MAAM,CAAC,KAAO,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,SAASC,MAAM,CAAC,QAAU,WAAW,CAACH,EAAG,SAAS,CAACE,YAAY,WAAWE,YAAY,CAAC,YAAY,SAAS,MAAQ,OAAO,OAAS,SAAS,CAACJ,EAAG,SAAS,CAACE,YAAY,wCAAwCE,YAAY,CAAC,YAAY,QAAQ,IAAM,QAAQ,KAAO,SAASD,MAAM,CAAC,KAAOL,EAAIO,QAAQ,GAAK,WAAW,KAAO,iBAAiBC,GAAG,CAAC,KAAO,SAASC,GAAQ,OAAOT,EAAIU,eAAeD,UAAe,IAAI,IAEnkBE,EAAkB,G,YCsCtB,GACAC,OAAA,CAAAC,QACAC,WAAA,GACAC,SAAA,CACAR,UACA,OAAAS,EAAA,UASAC,QAAA,CACAP,eAAAQ,GACA,KAAAC,sBAAAD,EAAAE,QACA,KAAAC,oBAAAH,EAAAE,WCzDoW,I,YCOhWE,EAAY,eACd,EACAvB,EACAY,GACA,EACA,KACA,KACA,MAIa,aAAAW,E","file":"js/chunk-2d0ac0a9.57608f9c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('column',{staticClass:\"absolute h-full overflow-x-hidden\",attrs:{\"cols\":\"full\"}},[_c('row',{staticClass:\"h-full\",attrs:{\"justify\":\"center\"}},[_c('column',{staticClass:\"relative\",staticStyle:{\"max-width\":\"1920px\",\"width\":\"100%\",\"height\":\"100%\"}},[_c('object',{staticClass:\"xs:hidden absolute home-page-main-svg\",staticStyle:{\"max-width\":\"757px\",\"top\":\"430px\",\"left\":\"972px\"},attrs:{\"data\":_vm.mainSvg,\"id\":\"main_svg\",\"type\":\"image/svg+xml\"},on:{\"load\":function($event){return _vm.initAnimations($event)}}})])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <column cols=\"full\" class=\"absolute h-full overflow-x-hidden\">\n        <row class=\"h-full\" justify=\"center\">\n            <column style=\"max-width: 1920px; width: 100%; height: 100%;\" class=\"relative\">\n                <!--                    Symbols-->\n<!--                <object-->\n<!--                        :data=\"mainSymbolsSvg\"-->\n<!--                        class=\"absolute xs:hidden home-page-main-symbols\"-->\n<!--                        id=\"main_symbols\"-->\n<!--                        @load=\"$emit('load')\"-->\n<!--                        style=\"z-index: -1; max-width: 1769px; max-height: 722px; top: 41px;\"-->\n<!--                        type=\"image/svg+xml\"-->\n<!--                ></object>-->\n<!--                &lt;!&ndash;            Lines, mobile&ndash;&gt;-->\n<!--                <object-->\n<!--                        :data=\"linesSvg\"-->\n<!--                        class=\"absolute sm:hidden\"-->\n<!--                        id=\"lines\"-->\n<!--                        style=\"z-index: -1; max-width: 97px; max-height: 142px; top: 53px; left: 295px;\"-->\n<!--                        type=\"image/svg+xml\"-->\n<!--                ></object>-->\n                <!--                Main page image-->\n                <!--            Desktop-->\n                <object\n                        :data=\"mainSvg\"\n                        class=\"xs:hidden absolute home-page-main-svg\"\n                        id=\"main_svg\"\n                        style=\"max-width: 757px; top: 430px; left: 972px;\"\n                        type=\"image/svg+xml\"\n                        @load=\"initAnimations($event)\"\n                ></object>\n            </column>\n        </row>\n    </column>\n</template>\n\n<script>\n    // import anime from \"animejs\";\n    import AnimateMainSvg from \"../../mixins/AnimateMainSvg\";\n\n    export default {\n        mixins: [AnimateMainSvg],\n        components: {},\n        computed: {\n            mainSvg() {\n                return require('@/assets/images/homepage/homepage_main.svg');\n            },\n            // mainSymbolsSvg() {\n            //     return require('@/assets/images/homepage/homepage_symbols.svg');\n            // },\n            // linesSvg() {\n            //     return require('@/assets/images/homepage/lines.svg');\n            // }\n        },\n        methods: {\n            initAnimations(event) {\n                this.animateHorizontalBars(event.target);\n                this.animateVerticalBars(event.target);\n            },\n            // animateHorizontalBars(svg) {\n            //     anime.set(svg.contentDocument.querySelector('#Path_25'), {transformOrigin: '20%', transformBox: 'fill-box'});\n            //     anime({\n            //         targets: svg.contentDocument.querySelector('#Path_25'),\n            //         keyframes: [\n            //             {\n            //                 scaleX: 1,\n            //                 duration: 0,\n            //                 translateX: -57.499,\n            //                 translateY: -88.299,\n            //             },\n            //             {\n            //                 scaleX: 1.5,\n            //                 duration: 4000,\n            //             }\n            //         ],\n            //         easing: 'easeOutQuad',\n            //         loop: true,\n            //         direction: 'alternate'\n            //     });\n            //\n            //     anime.set(svg.contentDocument.querySelector('#Path_31'), {transformOrigin: '-22%', transformBox: 'fill-box'});\n            //     anime({\n            //         targets: svg.contentDocument.querySelector('#Path_31'),\n            //         keyframes: [\n            //             {\n            //                 scaleX: 1,\n            //                 duration: 0,\n            //                 translateX: -43.192,\n            //                 translateY: -69.332,\n            //             },\n            //             {\n            //                 scaleX: 3,\n            //                 duration: 4000,\n            //             }\n            //         ],\n            //         easing: 'easeOutQuad',\n            //         loop: true,\n            //         direction: 'alternate'\n            //     });\n            // },\n            // animateVerticalBars(svg) {\n            //     anime({\n            //         targets: svg.contentDocument.querySelector('#Path_41'),\n            //         keyframes: [\n            //             {\n            //                 translateY: -84.021,\n            //                 translateX: -209.126,\n            //                 duration: 0\n            //             },\n            //             {\n            //                 translateY: -104.021,\n            //                 translateX: -210.126,\n            //                 duration: 3000,\n            //                 delay: 3000\n            //             },\n            //             {\n            //                 translateY: -50.021,\n            //                 translateX: -206.126,\n            //                 duration: 4000,\n            //             }\n            //         ],\n            //         direction: 'alternate',\n            //         easing: 'linear',\n            //         loop: true\n            //     });\n            //\n            //     anime({\n            //         targets: svg.contentDocument.querySelector('#Path_43'),\n            //         keyframes: [\n            //             {\n            //                 translateY: -82.928,\n            //                 translateX: -178.531,\n            //                 duration: 0\n            //             },\n            //             {\n            //                 translateY: -104.928,\n            //                 translateX: -180.531,\n            //                 duration: 3000,\n            //                 delay: 6000\n            //             },\n            //             {\n            //                 translateY: -60.928,\n            //                 translateX: -176.699,\n            //                 duration: 4000,\n            //             }\n            //         ],\n            //         direction: 'alternate',\n            //         easing: 'linear',\n            //         loop: true\n            //     });\n            //\n            //     anime({\n            //         targets: svg.contentDocument.querySelector('#Path_37'),\n            //         keyframes: [\n            //             {\n            //                 translateY: -82.928,\n            //                 translateX: -188.699,\n            //                 duration: 0\n            //             },\n            //             {\n            //                 translateY: -104.928,\n            //                 translateX: -190.699,\n            //                 duration: 3000,\n            //                 delay: 12000\n            //             },\n            //             {\n            //                 translateY: -40.928,\n            //                 translateX: -184.699,\n            //                 duration: 4000,\n            //             }\n            //         ],\n            //         direction: 'alternate',\n            //         easing: 'linear',\n            //         loop: true\n            //     });\n            //\n            //     anime({\n            //         targets: svg.contentDocument.querySelector('#Path_45'),\n            //         keyframes: [\n            //             {\n            //                 translateY: -77.513,\n            //                 translateX: -167.921,\n            //                 duration: 0\n            //             },\n            //             {\n            //                 translateY: -104.513,\n            //                 translateX: -169.921,\n            //                 duration: 3000,\n            //                 delay: 18000\n            //             },\n            //             {\n            //                 translateY: -60.928,\n            //                 translateX: -165.699,\n            //                 duration: 4000,\n            //             }\n            //         ],\n            //         direction: 'alternate',\n            //         easing: 'linear',\n            //         loop: true\n            //     });\n            //\n            //     anime({\n            //         targets: svg.contentDocument.querySelector('#Path_39'),\n            //         keyframes: [\n            //             {\n            //                 translateY: -79.186,\n            //                 translateX: -198.563,\n            //                 duration: 0\n            //             },\n            //             {\n            //                 translateY: -114.186,\n            //                 translateX: -200.563,\n            //                 duration: 3000,\n            //                 delay: 24000\n            //             },\n            //             {\n            //                 translateY: -60.186,\n            //                 translateX: -196.563,\n            //                 duration: 4000,\n            //             },\n            //         ],\n            //         direction: 'alternate',\n            //         easing: 'linear',\n            //         loop: true\n            //     });\n            // }\n        }\n    };\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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!./AbsoluteSvgs.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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!./AbsoluteSvgs.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AbsoluteSvgs.vue?vue&type=template&id=175acc74\"\nimport script from \"./AbsoluteSvgs.vue?vue&type=script&lang=js\"\nexport * from \"./AbsoluteSvgs.vue?vue&type=script&lang=js\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}