{"version":3,"sources":["webpack:///./src/views/Product.vue","webpack:///src/views/Product.vue","webpack:///./src/views/Product.vue?ad6d","webpack:///./src/views/Product.vue?6b77"],"names":["render","_vm","this","_c","_self","vueName","tag","staticRenderFns","window","aElemenets","components","Error","data","langcode","biztype","prodid","showNavbar","lastScrollPostion","created","mounted","beforeDestroy","methods","handleResize","onScroll","header","subMenu","loadComponent","component","loading","error"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAGF,EAAII,QAAQ,CAACC,IAAI,eAEnFC,EAAkB,G,kCCKtBC,OAAOA,iBAAiBA,UAAUA,WAElC,+EACA,sEACA,yEAEA,GADA,qEACA,+EAGA,UACAA,uEACAA,4EACAA,qEACAA,+DACAA,iEACAA,sEACAA,oEAGA,IAFA,sDAEA,mBACAC,6BACAA,sCAGA,CACAD,4EACAA,uEACAA,sEACAA,+DACAA,gEACAA,sEACAA,mEAGA,IAFA,sDAEA,mBACAC,8BACAA,kCAOA,0BACA,SACA,yBACAD,+DACAA,+DACAA,+DACAA,iEACAA,yDACAA,iEAEA,OAGAA,qDACAA,yDACAA,sEACA,CACA,SAMA,OALAA,qDACAA,yDACAA,+DACAA,oEACAA,mEAGAA,+DACAA,+DACAA,+DACAA,iEACAA,yDACAA,iEAIAA,gEACAA,8DACAA,6DACAA,qEAOe,OACfE,YACAC,oBAEAC,gBACA,OACAC,YACAC,WACAC,UACAV,mBAAA,UACAW,cACAC,sBAGAC,mBAEA,wCACA,sCACA,sBAEAC,mBACAX,oDACAA,iDAGAY,yBACAZ,uDACAA,oDAEAa,SACAC,wBACAd,gEACAA,8DACAA,6DACAA,mEAEAe,oBACA,6DACA,aAGA,yCAGA,0CACA,0BAEA,+CACA,wEACA,4CACA,iBACA,QACAC,wBACAC,oBAEAjB,iEAGAgB,uBACAC,gBACAjB,kEAGAkB,yBAAA,WACA,+BACA,mBAEA,mBAIA,+DAEA,+BACAC,yDACAC,WACAC,wBC1KiV,I,YCO7UF,EAAY,eACd,EACA3B,EACAO,GACA,EACA,KACA,KACA,MAIa,aAAAoB,E","file":"js/chunk-2d21de4f.c6bae8eb.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c(_vm.vueName,{tag:\"component\"})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <component v-bind:is=\"vueName\"></component>\r\n</template>\r\n<script>\r\nimport Error from './ErrorRouter.vue'\r\nimport $ from 'jquery';\r\n\r\nwindow.addEventListener(\"scroll\", function() {\r\n\r\n    var pBottom = window.document.getElementById('product').getBoundingClientRect().bottom;\r\n    var right_top = window.document.getElementById('right').getBoundingClientRect().top;\r\n    var right = window.document.getElementById('right').getBoundingClientRect().bottom;\r\n    var footer = window.document.getElementById('footer').getBoundingClientRect().top;\r\n    var container = window.document.getElementById('main-contant').getBoundingClientRect().bottom;\r\n\r\n    ///////////////프로덕트 인포\r\n    if(pBottom <= 56) {\r\n        window.document.getElementById('select-menu-box').style.display = \"none\";\r\n        window.document.getElementById('product-title-change').style.display = \"flex\";\r\n        window.document.getElementById('productInfo').style.position = \"fixed\";\r\n        window.document.getElementById('productInfo').style.top = \"56px\";\r\n        window.document.getElementById('productInfo').style.zIndex = \"800\";\r\n        window.document.getElementById('productInfo').style.background = \"#fff\";\r\n        window.document.getElementById('productInfo').style.height = \"5.9rem\";\r\n        let aElemenets = document.querySelectorAll(\".product_info_menu\");\r\n\r\n        for(let i = 0; i < aElemenets.length; i++) {\r\n            aElemenets[i].style.lineHeight = \"6rem\";\r\n            aElemenets[i].style.paddingBottom = \"1.2rem\";\r\n        }\r\n\r\n    } else {\r\n        window.document.getElementById('product-title-change').style.display = \"none\";\r\n        window.document.getElementById('select-menu-box').style.display = \"flex\";\r\n        window.document.getElementById('productInfo').style.position = \"static\";\r\n        window.document.getElementById('productInfo').style.top = \"auto\";\r\n        window.document.getElementById('productInfo').style.zIndex = \"-2\";\r\n        window.document.getElementById('productInfo').style.background = \"none\";\r\n        window.document.getElementById('productInfo').style.height = \"10rem\";\r\n        let aElemenets = document.querySelectorAll(\".product_info_menu\");\r\n\r\n        for(let i = 0; i < aElemenets.length; i++) {\r\n            aElemenets[i].style.lineHeight = \"10rem\";\r\n            aElemenets[i].style.paddingBottom = \"3.2rem\";\r\n        }\r\n    }\r\n\r\n\r\n\r\n    ///////////////right\r\n    if(window.innerWidth > 1200) {\r\n        if(pBottom <= 56) { //프로덕트 요소 바닥이 56(서브메뉴 높이)보다 작아질 때\r\n            if(container >= window.innerHeight) { //푸터가 윈도우창보다 아래에 있어서 화면 밖에 있을 때\r\n                    window.document.getElementById(\"right\").style.position = \"fixed\";\r\n                    window.document.getElementById(\"right\").style.display = \"inline\";\r\n                    window.document.getElementById(\"right\").style.marginLeft = \"7em\";\r\n                    window.document.getElementById(\"right\").style.marginTop = \"-6.5em\";\r\n                    window.document.getElementById(\"right\").style.top = \"25em\";\r\n                    window.document.getElementById('right').style.bottom = \"auto\";\r\n            } else {\r\n                if(right > container) {\r\n                    // console.log(\"아래로 넘어감!\" + right_top);\r\n\r\n                    window.document.getElementById('right').style.top = \"\";\r\n                    window.document.getElementById('right').style.bottom = \"0\";\r\n                    window.document.getElementById('right').style.position = \"absolute\";\r\n                } else {\r\n                    if(right_top < 260) {\r\n                        window.document.getElementById('right').style.top = \"\";\r\n                        window.document.getElementById('right').style.bottom = \"0\";\r\n                        window.document.getElementById(\"right\").style.marginLeft = \"7em\";\r\n                        window.document.getElementById(\"right\").style.display = \"inline\";\r\n                        window.document.getElementById('right').style.position = \"absolute\";\r\n                        return;\r\n                    }\r\n                    window.document.getElementById(\"right\").style.position = \"fixed\";\r\n                    window.document.getElementById(\"right\").style.display = \"inline\";\r\n                    window.document.getElementById(\"right\").style.marginLeft = \"7em\";\r\n                    window.document.getElementById(\"right\").style.marginTop = \"-6.5em\";\r\n                    window.document.getElementById(\"right\").style.top = \"25em\";\r\n                    window.document.getElementById('right').style.bottom = \"auto\";\r\n                }\r\n            }\r\n        } else {\r\n            window.document.getElementById(\"right\").style.position = \"static\";\r\n            window.document.getElementById(\"right\").style.display = \"block\";\r\n            window.document.getElementById(\"right\").style.marginLeft = \"0\";\r\n            window.document.getElementById(\"right\").style.marginTop = \"13.4rem\";\r\n        }\r\n    }\r\n\r\n});\r\n\r\n\r\nexport default {\r\n    components: {\r\n        Error,\r\n    },\r\n    data: () => {\r\n        return {\r\n            langcode: '',\r\n            biztype: '',\r\n            prodid: '',\r\n            vueName: () => ({}),\r\n            showNavbar: true,\r\n            lastScrollPostion: 0,\r\n        }\r\n    },\r\n    created: function() {\r\n        // this.langcode = this.$route.params.langcode;\r\n        this.biztype = this.$route.params.biztype;\r\n        this.prodid = this.$route.params.prodid;\r\n        this.loadComponent();\r\n    },\r\n    mounted: function() {\r\n        window.addEventListener('resize', this.handleResize);\r\n        window.addEventListener('scroll', this.onScroll);\r\n\r\n    },\r\n    beforeDestroy () {\r\n        window.removeEventListener('resize', this.handleResize);\r\n        window.removeEventListener('scroll', this.onScroll)\r\n    },\r\n    methods: {\r\n        handleResize() {\r\n            window.document.getElementById(\"right\").style.position = \"static\";\r\n            window.document.getElementById(\"right\").style.display = \"block\";\r\n            window.document.getElementById(\"right\").style.marginLeft = \"0\";\r\n            window.document.getElementById(\"right\").style.marginTop = \"13.4rem\";\r\n        },\r\n        onScroll() {\r\n            const currentScrollPosition = window.pageYOffset || document.documentElement.scrollTop;\r\n            if (currentScrollPosition < 0) {\r\n                return\r\n            }\r\n            if (Math.abs(currentScrollPosition - this.lastScrollPosition) < 60) {\r\n                return\r\n            }\r\n            this.showNavbar = currentScrollPosition < this.lastScrollPosition;\r\n            this.lastScrollPosition = currentScrollPosition;\r\n\r\n            var header = window.document.getElementById('header');\r\n            var title_top = window.document.getElementById('product').getBoundingClientRect().top;\r\n            var subMenu = window.document.getElementById('subMenu');\r\n            if(this.showNavbar) { //스크롤 올릴때\r\n                if(title_top >= 56) {\r\n                    header.style.display = \"block\";\r\n                    subMenu.style.top = \"auto\";\r\n                }\r\n                window.document.getElementById('productInfo').style.top = \"56px\";\r\n\r\n            } else {\r\n                header.style.display = \"none\";\r\n                subMenu.style.top = \"0\";\r\n                window.document.getElementById('productInfo').style.top = \"56px\";\r\n            }\r\n        },\r\n        loadComponent() {\r\n                if(this.$route.name == 'krProdunct') {\r\n                    this.langcode = 'kr';\r\n                } else {\r\n                    this.langcode = 'en';\r\n                }\r\n                // let newProdid = this.prodid.substr(this.prodid.indexOf('_') + 1);\r\n                // let ProdVue = newProdid.charAt(0).toUpperCase() + newProdid.slice(1);\r\n                let ProdVue = this.prodid.charAt(0).toUpperCase() + this.prodid.slice(1);\r\n                // this.vueName = this.langcode + this.biztype + newProdid;\r\n                this.vueName = () => ({\r\n                    component: import(\"@/views/\" + this.langcode + \"/\" + this.biztype + \"/\" + ProdVue),\r\n                    loading: true,\r\n                    error: Error,\r\n                })\r\n        },\r\n    }\r\n}\r\n// $(window).scroll(function(){\r\n//     $('#right').css('left', 0-$(this).scrollLeft());\r\n// });\r\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!./Product.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!./Product.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Product.vue?vue&type=template&id=5e9ca896&\"\nimport script from \"./Product.vue?vue&type=script&lang=js&\"\nexport * from \"./Product.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":""}