{"version":3,"sources":["webpack:///./src/views/Program/Wording/WordingCompare.vue?3e37","webpack:///./src/views/Program/Wording/WordingCompare.vue?a346","webpack:///./src/views/Program/Wording/WordingCompare.vue","webpack:///./src/views/Program/Wording/WordingCompare.vue?2b2d"],"names":["_hoisted_1","class","_hoisted_2","_hoisted_3","style","width","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","id","_hoisted_8","_hoisted_9","render","_ctx","_cache","$props","$setup","$data","$options","_component_Breadcrumb","dataSource","name","innerHTML","compareData","src","pdfUrl","frameborder","pdfWidth","height","pdfHeight","setup","calculatePdfBox","target","document","getElementById","clientHeight","value","clientWidth","store","data","updateData","init","params","programId","state","pgmData","type","lang","sessionStorage","getItem","Object","assign","JSON","parse","then","res","original","editable","config","url","method","image","responseType","URL","createObjectURL","isFixed","screenHeight","window","screen","mainWidth","leftWidth","commit","resizeHandler","body","sideNavWidth","querySelector","offsetWidth","W","addEventListener","documentElement","scrollTop","e","console","log","__exports__"],"mappings":"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","file":"js/chunk-6bac8fc2.038a8e69.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./WordingCompare.vue?vue&type=style&index=0&id=67c96688&lang=scss\"","import { resolveComponent as _resolveComponent, createVNode as _createVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"p-r wording-compare\" }\nconst _hoisted_2 = { class: \"table-box-scroll m-scroll m-b-10 bg-fff\" }\nconst _hoisted_3 = { style: { width: '3000px' } }\nconst _hoisted_4 = { class: \"preview-box-com-area f-l\" }\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"f20 origin-header\" }, [\n  /*#__PURE__*/_createElementVNode(\"i\", { class: \"sign-line ver-align-2\" }),\n  /*#__PURE__*/_createElementVNode(\"span\", { class: \"m-l-10\" }, \"Original wording\")\n], -1)\nconst _hoisted_6 = [\"innerHTML\"]\nconst _hoisted_7 = {\n  class: \"preview-box-com-area f-l\",\n  id: \"compare-editable\"\n}\nconst _hoisted_8 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"f20 origin-header\" }, [\n  /*#__PURE__*/_createElementVNode(\"i\", { class: \"sign-line ver-align-2\" }),\n  /*#__PURE__*/_createElementVNode(\"span\", { class: \"m-l-10\" }, \"Update wording\")\n], -1)\nconst _hoisted_9 = [\"src\", \"width\", \"height\"]\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n  const _component_Breadcrumb = _resolveComponent(\"Breadcrumb\")!\n\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(_component_Breadcrumb, { dataSource: [{ name: 'Compare Wording' }] }),\n    _createElementVNode(\"div\", _hoisted_2, [\n      _createElementVNode(\"div\", _hoisted_3, [\n        _createElementVNode(\"div\", _hoisted_4, [\n          _hoisted_5,\n          _createElementVNode(\"div\", {\n            id: \"preview-box-com\",\n            innerHTML: _ctx.compareData\n          }, null, 8, _hoisted_6)\n        ]),\n        _createElementVNode(\"div\", _hoisted_7, [\n          _hoisted_8,\n          _createElementVNode(\"div\", null, [\n            _createElementVNode(\"iframe\", {\n              id: \"iframe\",\n              src: _ctx.pdfUrl,\n              frameborder: \"0\",\n              class: \"pdf\",\n              width: _ctx.pdfWidth,\n              height: _ctx.pdfHeight\n            }, null, 8, _hoisted_9)\n          ])\n        ])\n      ])\n    ])\n  ]))\n}","\nimport {\n  defineComponent,\n  onMounted,\n  ref,\n  reactive,\n  toRefs,\n  nextTick,\n} from \"vue\";\nimport axios from \"axios\";\nimport { useStore } from \"vuex\";\nimport { useRouter } from \"vue-router\";\nimport { wordingCompare } from \"@/API/program\";\nexport default defineComponent({\n  name: \"Wording Compare\",\n  setup() {\n    const pdfWidth = ref<string | undefined>(\"\");\n    const pdfHeight = ref<string | undefined>(\"\");\n\n    const calculatePdfBox = () => {\n      const target = document.getElementById(\"preview-box-com\");\n      const height =\n        target?.clientHeight && target?.clientHeight > 600\n          ? target?.clientHeight\n          : 600;\n      pdfHeight.value = `${height}px`;\n      pdfWidth.value = `${target?.clientWidth}px`;\n    };\n    const store = useStore();\n    const router = useRouter();\n    const data = reactive({\n      compareData: \"\",\n      updateData: \"\",\n    });\n    const pdfUrl = ref(\"\");\n    const init = () => {\n      const params = {\n        programId: store.state.pgmData.programId,\n        type: \"External\",\n        lang: \"en\",\n      };\n      if (\n        sessionStorage.getItem(\"params\") &&\n        sessionStorage.getItem(\"params\") !== null\n      ) {\n        Object.assign(\n          params,\n          JSON.parse(sessionStorage.getItem(\"params\") as string)\n        );\n      }\n      wordingCompare({ params: params }).then((res) => {\n        data.compareData = res.original;\n        data.updateData = res.editable;\n        nextTick(() => {\n          calculatePdfBox();\n        });\n      });\n      const config: any = {\n        url: \"/pgapi/program/wording/preview_pdf\",\n        method: \"get\",\n        params: { ...params, image: false },\n        responseType: \"blob\",\n      };\n      axios(config).then((res) => {\n        // pdfUrl.value = URL.createObjectURL(res.data);\n        pdfUrl.value = `${URL.createObjectURL(res.data)}#toolbar=0`;\n      });\n    };\n    const isFixed = ref(false);\n    const screenHeight = ref(window.screen.width);\n    const mainWidth = ref<number>(0);\n    const leftWidth = ref<number>(0);\n    store.commit(\"updatedHeight\", screenHeight.value);\n    const resizeHandler = (): void => {\n      const clientWidth: number = document.body.clientWidth;\n      const sideNavWidth: number = (\n        document.querySelector(\".side-nav-left\") as HTMLDivElement\n      ).offsetWidth;\n      const W = clientWidth - sideNavWidth - 50;\n\n      leftWidth.value =\n        (document.querySelector(\".preview-box-com-area\") as HTMLDivElement)\n          .offsetWidth * 2;\n      mainWidth.value = W;\n    };\n\n    onMounted(() => {\n      init();\n      window.addEventListener(\"scroll\", () => {\n        isFixed.value = document.documentElement.scrollTop > 100;\n      });\n      try {\n        window.addEventListener(\"resize\", resizeHandler);\n        window.addEventListener(\"resize\", calculatePdfBox);\n        resizeHandler();\n      } catch (e) {\n        console.log(e);\n      }\n    });\n    return {\n      isFixed,\n      ...toRefs(data),\n      mainWidth,\n      leftWidth,\n      pdfUrl,\n      pdfWidth,\n      pdfHeight,\n    };\n  },\n});\n","import { render } from \"./WordingCompare.vue?vue&type=template&id=67c96688&ts=true\"\nimport script from \"./WordingCompare.vue?vue&type=script&lang=ts\"\nexport * from \"./WordingCompare.vue?vue&type=script&lang=ts\"\n\nimport \"./WordingCompare.vue?vue&type=style&index=0&id=67c96688&lang=scss\"\n\nimport exportComponent from \"/app/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}