{"version":3,"sources":["webpack:///./src/modules/@gnb/views/SignPreview/SignPreview.vue","webpack:///./src/modules/@gnb/views/SignPreview/SignPreview.ts","webpack:///./src/modules/@gnb/views/SignPreview/SignPreview.ts?483f","webpack:///./src/modules/@gnb/views/SignPreview/SignPreview.vue?717d"],"names":["render","_vm","this","_c","_self","_setupProxy","attrs","staticRenderFns","SignPreview","_Vue","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","Object","create","_inherits","_createClass","key","value","template","lang","Number","Date","item","displayName","deptName","titleName","officeTel","officeFax","mobileTel","email","homePage","homeAddress","displayNameEng","deptNameEng","titleNameEng","homeAddressEng","freeContent","html","getPreviewHtml","element","document","getElementById","innerHTML","$route","params","_window$opener","obj","window","opener","signInfo","JSON","parse","decodeURIComponent","language","Vue","__decorate","Component","components","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAUF,EAAIG,MAAMC,YAAY,OAAOF,EAAG,MAAM,CAACG,MAAM,CAAC,GAAK,cAElHC,EAAkB,G,gICcDC,EAAW,SAAAC,GAAA,SAAAD,IAAA,IAAAE,EAAAC,eAAA,KAAAH,GAAA,QAAAI,EAAAC,UAAAC,OAAAC,EAAA,IAAAC,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAAF,EAAAE,GAAAJ,UAAAI,GAEX,OAFWP,EAAAQ,eAAA,KAAAV,EAAA,GAAAW,OAAAJ,IAAAK,eAAAV,EAAA,OACCW,OAAOC,OAAO,OAAKF,eAAAV,EAAA,OACjC,IAAEA,EAAA,OAAAa,eAAAf,EAAAC,GAAAe,eAAAhB,EAAA,EAAAiB,IAAA,iBAAAC,MAGjB,WACI,IAAIC,EAAW,yCAAHR,OACkBjB,KAAK0B,KAAI,gKAAAT,OACTU,OAAO,IAAIC,MAAO,QAChD,OAAQ5B,KAAK0B,MACT,IAAK,SACDD,GAAY,kSAAJR,OAIoEjB,KAAK6B,KAAKC,aAAe,GAAE,kJAAAb,OACkBjB,KAAK6B,KAAKE,UAAY,GAAE,mLAAAd,OAExBjB,KAAK6B,KAAKG,WAAa,GAAE,8cAAAf,OAGiHjB,KAAK6B,KAAKI,WAAa,GAAE,iPAAAhB,OACnEjB,KAAK6B,KAAKK,WAAa,GAAE,iPAAAjB,OACzBjB,KAAK6B,KAAKM,WAAa,GAAE,iPAAAlB,OACzBjB,KAAK6B,KAAKO,OAAS,GAAE,gHAAAnB,OACtJjB,KAAK6B,KAAKQ,UAAY,GAAE,+KAAApB,OAG1EjB,KAAK6B,KAAKS,aAAe,GAAE,oCAEjE,MACJ,IAAK,UACDb,GAAY,kSAAJR,OAIoEjB,KAAK6B,KAAKU,gBAAkB,GAAE,kJAAAtB,OACejB,KAAK6B,KAAKW,aAAe,GAAE,mLAAAvB,OAE3BjB,KAAK6B,KAAKY,cAAgB,GAAE,8cAAAxB,OAG8GjB,KAAK6B,KAAKI,WAAa,GAAE,iPAAAhB,OACnEjB,KAAK6B,KAAKK,WAAa,GAAE,iPAAAjB,OACzBjB,KAAK6B,KAAKM,WAAa,GAAE,iPAAAlB,OACzBjB,KAAK6B,KAAKO,OAAS,GAAE,gHAAAnB,OACtJjB,KAAK6B,KAAKQ,UAAY,GAAE,+KAAApB,OAG1EjB,KAAK6B,KAAKa,gBAAkB,GAAE,oCAEpE,MACJ,IAAK,OACDjB,GAAY,GAAJR,OAAOjB,KAAK6B,KAAKc,aACzB,MAGR,OADAlB,GAAY,SACLA,IACV,CAAAF,IAAA,UAAAC,MAED,WACQ,IAAIoB,EAAO5C,KAAK6C,iBACVC,EAAUC,SAASC,eAAe,WACrCF,IAASA,EAAQG,UAAaL,KACxC,CAAArB,IAAA,UAAAC,MAED,WACQ,GAAIxB,KAAKkD,OAAOC,OAAQ,KAAAC,EAGhBC,EAA+B,QAA5BD,EAAIE,OAAkBC,cAAM,IAAAH,OAAA,EAAxBA,EAA0BI,SAE/BA,EAAWC,KAAKC,MAAMC,mBAAmBN,IACzCO,EAAW5D,KAAKkD,OAAOC,OAAOzB,KAEpC1B,KAAK6B,KAAO2B,EACZxD,KAAK0B,KAAOkC,OA5EI,CAASC,QAApBvD,EAAWwD,eAAA,CAJ/BC,eAAU,CACPC,WAAY,MAGK1D,WChBuS,I,YCOxT2D,EAAY,eACd,EACAnE,EACAO,GACA,EACA,KACA,KACA,MAIa,aAAA4D,E","file":"assets/js/chunk-2d0bd423.548e9bba.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('div',{attrs:{\"id\":\"prvArea\"}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import Vue from 'vue';\r\nimport { Component } from 'vue-property-decorator';\r\n\r\ninterface PublicIndexConfig {\r\n  config: {\r\n    baseurl: string\r\n    companyLogoUrl: string\r\n    companyEnLogoUrl: string\r\n  }\r\n}\r\n\r\n\r\n@Component({\r\n    components: {\r\n    },\r\n})\r\nexport default class SignPreview extends Vue {\r\n    item: gnb.UserBusinessCard = Object.create(null);\r\n    lang: String = '';\r\n /*                       <span style=\"display: inline-block; vertical-align: middle; width: 2px; height: 2px; margin: 0 4px; background-color: #000;\" > </span>*/\r\n\r\n    getPreviewHtml() {\r\n        let template = `\r\n        <div class=\"EumBusinessCard ${this.lang}\" style=\"width: 350px; display: inline-block; border: 1px solid #dedede; padding: 10px 20px; box-sizing: border-box;\">\r\n        <input type=\"hidden\" value=\"${Number(new Date())}\" />`;\r\n        switch (this.lang) {\r\n            case 'Korean':\r\n                template += `                \r\n                    <h1 style=\"margin: 0 0 10px;\">\r\n                    </h1>\r\n                    <div style=\"display: inline-block; padding-right: 10px; vertical-align: top;\">\r\n                        <h2 style=\"font-family: dotum; font-size: 18px; margin: 0 0 4px;\">${this.item.displayName || ''}</h2>\r\n                        <span style=\"display: inline-block; vertical-align: middle; font-family: dotum; font-size: 14px; color: #666;\">${this.item.deptName || ''}</span>\r\n                        <br/>\r\n                        <span style=\"display: inline-block; vertical-align: middle; font-family: dotum; font-size: 14px; color: #666;\">${this.item.titleName || ''}</span>\r\n                    </div>\r\n                    <div style=\"display: inline-block; vertical-align: top; padding-left: 10px; border-left: 2px solid #eee; margin-bottom: 6px;\">\r\n                        <p style=\"margin: 0 0 2px; font-family: dotum; font-size: 13px; color: #666; display: inline-block; margin-right: 6px;\"><span style=\"display: inline-block; width: 16px; text-align: center; margin-right: 2px; font-weight: 600; color: #000;\">T</span> ${this.item.officeTel || ''}</p>\r\n                        <p style=\"margin: 0 0 2px; font-family: dotum; font-size: 13px; color: #666;\"><span style=\"display: inline-block; width: 16px; text-align: center; margin-right: 2px; font-weight: 600; color: #000;\">F</span> ${this.item.officeFax || ''}</p>\r\n                        <p style=\"margin: 0 0 2px; font-family: dotum; font-size: 13px; color: #666;\"><span style=\"display: inline-block; width: 16px; text-align: center; margin-right: 2px; font-weight: 600; color: #000;\">M</span> ${this.item.mobileTel || ''}</p>\r\n                        <p style=\"margin: 0 0 2px; font-family: dotum; font-size: 13px; color: #666;\"><span style=\"display: inline-block; width: 16px; text-align: center; margin-right: 2px; font-weight: 600; color: #000;\">E</span> ${this.item.email || ''}</p>\r\n                        <p style=\"margin: 0 0 2px; font-family: dotum; font-size: 13px; color: #666;\">${this.item.homePage || ''}</p>\r\n                    </div>\r\n                    <div style=\"font-family: dotum; font-size: 12px; color: #333;\">\r\n                        <p style=\"margin: 10px 0 0\">${this.item.homeAddress || ''}</p>\r\n                    </div>`;\r\n                break;\r\n            case 'English':\r\n                template += `                \r\n                    <h1 style=\"margin: 0 0 10px;\">\r\n                    </h1>\r\n                    <div style=\"display: inline-block; padding-right: 10px; vertical-align: top;\">\r\n                        <h2 style=\"font-family: dotum; font-size: 18px; margin: 0 0 4px;\">${this.item.displayNameEng || ''}</h2>\r\n                        <span style=\"display: inline-block; vertical-align: middle; font-family: dotum; font-size: 14px; color: #666;\">${this.item.deptNameEng || ''}</span>\r\n                        <br/>\r\n                        <span style=\"display: inline-block; vertical-align: middle; font-family: dotum; font-size: 14px; color: #666;\">${this.item.titleNameEng || ''}</span>\r\n                    </div>\r\n                    <div style=\"display: inline-block; vertical-align: top; padding-left: 10px; border-left: 2px solid #eee; margin-bottom: 6px;\">\r\n                        <p style=\"margin: 0 0 2px; font-family: dotum; font-size: 13px; color: #666; display: inline-block; margin-right: 6px;\"><span style=\"display: inline-block; width: 16px; text-align: center; margin-right: 2px; font-weight: 600; color: #000;\">T</span> ${this.item.officeTel || ''}</p>\r\n                        <p style=\"margin: 0 0 2px; font-family: dotum; font-size: 13px; color: #666;\"><span style=\"display: inline-block; width: 16px; text-align: center; margin-right: 2px; font-weight: 600; color: #000;\">F</span> ${this.item.officeFax || ''}</p>\r\n                        <p style=\"margin: 0 0 2px; font-family: dotum; font-size: 13px; color: #666;\"><span style=\"display: inline-block; width: 16px; text-align: center; margin-right: 2px; font-weight: 600; color: #000;\">M</span> ${this.item.mobileTel || ''}</p>\r\n                        <p style=\"margin: 0 0 2px; font-family: dotum; font-size: 13px; color: #666;\"><span style=\"display: inline-block; width: 16px; text-align: center; margin-right: 2px; font-weight: 600; color: #000;\">E</span> ${this.item.email || ''}</p>\r\n                        <p style=\"margin: 0 0 2px; font-family: dotum; font-size: 13px; color: #666;\">${this.item.homePage || ''}</p>\r\n                    </div>\r\n                    <div style=\"font-family: dotum; font-size: 12px; color: #333;\">\r\n                        <p style=\"margin: 10px 0 0\">${this.item.homeAddressEng || ''}</p>\r\n                    </div>`;\r\n                break;\r\n            case 'Free':\r\n                template += `${this.item.freeContent}`;\r\n                break;\r\n        }\r\n        template += '</div>';\r\n        return template;\r\n    }\r\n\r\n    mounted() {\r\n            var html = this.getPreviewHtml();\r\n            const element = document.getElementById('prvArea')\r\n            if(element) element.innerHTML  = html\r\n    }\r\n\r\n    created() {\r\n            if (this.$route.params) {\r\n\r\n                // const signInfo = JSON.parse(this.$route.params.item);\r\n                let obj = (window as Window).opener?.signInfo;\r\n\r\n                const signInfo = JSON.parse(decodeURIComponent(obj));\r\n                const language = this.$route.params.lang;\r\n\r\n                this.item = signInfo;\r\n                this.lang = language;\r\n            }\r\n    }\r\n}\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/ts-loader/index.js??ref--14-3!./SignPreview.ts?vue&type=script&lang=ts&external\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/ts-loader/index.js??ref--14-3!./SignPreview.ts?vue&type=script&lang=ts&external\"","import { render, staticRenderFns } from \"./SignPreview.vue?vue&type=template&id=5a9401f5\"\nimport script from \"./SignPreview.ts?vue&type=script&lang=ts&external\"\nexport * from \"./SignPreview.ts?vue&type=script&lang=ts&external\"\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":""}