{"version":3,"sources":["webpack:///./src/components/pdfEditor/PdfPage.vue?5c16","webpack:///src/components/pdfEditor/PdfPage.vue","webpack:///./src/components/pdfEditor/PdfPage.vue?f5bd","webpack:///./src/components/pdfEditor/PdfPage.vue","webpack:///./src/assets/images/mobile-xacnhan.png","webpack:///./node_modules/core-js/internals/this-number-value.js","webpack:///./src/models/notifyModel.js","webpack:///./src/components/pdfEditor/ObjectContainer.vue?9ea6","webpack:///./src/components/pdfEditor/objects/ObjectImage.vue?9efa","webpack:///src/components/pdfEditor/objects/ObjectImage.vue","webpack:///./src/components/pdfEditor/objects/ObjectImage.vue?eb76","webpack:///./src/components/pdfEditor/objects/ObjectImage.vue?a243","webpack:///./src/components/pdfEditor/Text.vue?1971","webpack:///src/components/pdfEditor/Text.vue","webpack:///./src/components/pdfEditor/Text.vue?78c3","webpack:///./src/components/pdfEditor/Text.vue","webpack:///src/components/pdfEditor/ObjectContainer.vue","webpack:///./src/components/pdfEditor/ObjectContainer.vue?1f71","webpack:///./src/components/pdfEditor/ObjectContainer.vue?5527","webpack:///./src/components/pdfEditor/PdfEditorTest.vue?7a78","webpack:///./node_modules/@babel/runtime/helpers/typeof.js","webpack:///./src/components/countDownClock.vue?814a","webpack:///src/components/countDownClock.vue","webpack:///./src/components/countDownClock.vue?48a1","webpack:///./src/components/countDownClock.vue?eb04","webpack:///./src/components/countDownClock.vue?5341","webpack:///./src/components/countDownClock.vue?e2e9","webpack:///./src/components/pdfEditor/PdfEditorTest.vue?760c","webpack:///./src/assets/images/a.b.svg","webpack:///./src/components/pdfEditor/ObjectContainer.vue?776f","webpack:///./node_modules/core-js/modules/es.number.to-fixed.js","webpack:///./src/assets/images/icon-chu-ky.png","webpack:///./src/components/pdfEditor/PdfEditorTest.vue?b5ea","webpack:///src/components/pdfEditor/PdfEditorTest.vue","webpack:///./src/components/pdfEditor/PdfEditorTest.vue?bbb9","webpack:///./src/components/pdfEditor/PdfEditorTest.vue?9b64","webpack:///./src/components/pdfEditor/objects/ObjectImage.vue?6558"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","style","width","attrs","height","staticRenderFns","component","module","exports","classof","value","TypeError","addMessage","item","resultString","resultCode","fromJson","id","title","content","read","recipientId","recipient","senderId","url","baseJson","toListModel","items","lenght","data","map","index","push","notifyModel","staticStyle","getWidth","Number","dh","transform","x","dx","y","dy","dw","type","operation","on","handlePanStart","handlePanMove","handlePanEnd","object","text","handleEndText","_e","$event","$emit","class","moveOperation","scale","fontWeight","fontSize","_v","_s","_typeof","obj","Symbol","iterator","__esModule","constructor","prototype","_m","$","toInteger","thisNumberValue","repeat","fails","nativeToFixed","toFixed","floor","Math","pow","n","acc","log","x2","multiply","c","c2","divide","dataToString","s","t","String","call","length","FORCED","target","proto","forced","fractionDigits","e","z","j","k","number","fractDigits","sign","result","RangeError","slice","previousPage","activePage","countPages","nextPage","slot","_l","key","chonseImageSign","handleRemoveImageSignature","uploadChuKyMoc","onAddTextField","page","pageIndex","selectPage","selectedPageIndex","pages","payload","onUpdateSizePage","onMeasure","pagesScale","touchAction","objectIndex","file","imageBase64","opacity","updateObject","deleteObject","checkObjectExited","handleSubmitKySoPhapLy","scopedSlots","_u","fn","proxy","cancel","addImageToPDF","model","callback","$$v","showThemChuKyModal","expression","option","img","size","outputType","full","fixed","fixedNumber","canMove","canMoveBox","fixedBox","original","autoCrop","autoCropWidth","autoCropHeight","centerBox","high","max","realTime","imgLoad","cropMoving","addTextSignature","showModelNote","directives","name","rawName","modelTextSign","$$selectedVal","Array","filter","options","o","selected","val","_value","$set","multiple","domProps","composing","showModalHoanhThanhKySo","trangThaiKySo","end","finish","downloadPDF","handleCloseHoanThanhKySoModal"],"mappings":"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,QACA,yBACA,wCACA,wCAGA,mBAEA,aAnGA,WAoGA,yBACA,wBAGA,OAxGA,WAwGA,WAEA,2BAGA,oCACA,mBACA,uBACA,aACA,mBACA,yBACA,qCACA,uCAEA,MAIA,SA1HA,WA2HA,sBAEA,SA7HA,WA8HA,MACA,MACA,mDACA,0DAGA,oCAGA,aAvIA,WA2IA,IAHA,qCACA,KACA,KACA,oBACA,WACA,mBACA,UACA,MAEA,iBAKA,OAFA,UACA,uBACA,GAEA,gBAxJA,SAwJA,GACA,sBACA,sBACA,eACA,uBACA,cACA,cACA,SACA,oCAEA,0DACA,uDAEA,cArKA,SAqKA,GACA,sBACA,sBACA,mDAEA,6DACA,0DAEA,gBA7KA,SA6KA,GACA,4BACA,wBACA,sBACA,sBACA,sBACA,cACA,cACA,KACA,QAGA,iBAzLA,SAyLA,GACA,0BACA,mBACA,sBACA,sBACA,eAEA,8DACA,0DACA,0DAEA,gBApMA,SAoMA,GAEA,GADA,qBACA,qBACA,mBACA,wBACA,wBACA,sBACA,sBAEA,gEAGA,eAhNA,SAgNA,GACA,0BACA,sBACA,sBAEA,mDACA,6DACA,4DAEA,cAzNA,WAyNA,WAEA,2BAGA,oCACA,iBAEA,QC5QkgB,ICO9f,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QCbf,GACA,wCACA,OACA,sBACA,gBACA,gBACA,mBACA,oBACA,qBACA,wBACA,sBACA,mBACA,gCACA,QACA,YACA,aAEA,2BAEA,KAnBA,WAoBA,OACA,SACA,SACA,cACA,KACA,KACA,KACA,KACA,sBACA,eACA,eACA,OACA,SAGA,yBACA,cADA,WAEA,+BAEA,SAJA,WAKA,yBAIA,OAHA,OACA,MAEA,IAEA,uDAEA,QAhDA,WAiDA,kBAEA,OACA,MADA,WAEA,mBAGA,SACA,eADA,SACA,KACA,6DACA,yDAGA,8BACA,eAYA,MAXA,SACA,uCAGA,SACA,uCAEA,qBACA,IACA,MAEOtB,GAGP,UAtBA,WAuBA,uBACA,uBAEA,iEACA,mEAEA,0CACA,uCACA,0CACA,YACA,4CACA,8CACA,uBACA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FA,yDAIA,uDAJA,2DAOA,eAtOA,SAsOA,GACA,wBACA,8BACA,2BAEA,qBAEA,eA7OA,SA6OA,sKACA,qBACA,EAFA,gCAGA,kBAHA,OAGA,EAHA,OAIA,eACA,wBACA,sBANA,OAQA,oBARA,8CAUA,gBAvPA,SAuPA,sKACA,oBACA,wCACA,qBACA,EAJA,gCAKA,kBALA,OAKA,EALA,OAMA,eACA,wBAPA,OAUA,oBAVA,+CAYA,YAnQA,SAmQA,GACA,wBACA,8BACA,wBAEA,qBAGA,YA3QA,WA4QA,+DACA,8BACA,6CACA,SACA,aACA,WAEA,eAnRA,WAoRA,sBACA,oBACA,oBACA,YACA,aAGA,aA3RA,WA2RA,oFACA,mBACA,iCACA,OACA,KACA,OACA,YACA,mBACA,QACA,QACA,eACA,4BACA,IACA,IACA,6BAEA,4DACA,UACA,oCACA,uCAEA,gEAEA,iBAlTA,SAkTA,KACA,uBACA,mBAEA,iEACA,KACA,qEAEA,kDACA,kDAGA,aA9TA,WA+TA,qBAGA,+EACA,oDAEA,cArUA,WAsUA,sBAGA,+EACA,oDAEA,SA5UA,WA6UA,mDAEA,0BACA,wEACA,wCAEA,aAnVA,WAoVA,iCAEA,0BACA,wEACA,wCAEA,KA1VA,SA0VA,cAEA,8BACA,kBAEA,WACA,4CACA,wCACA,qCACA,aAGA,4CACA,YACA,SACA,cAIA,2BA7WA,SA6WA,GACA,oDACA,uGACA,iCAGA,iBAnXA,WAoXA,uBACA,iCACA,OACA,KACA,yCACA,gCACA,YACA,mBACA,iCACA,QACA,eACA,4BACA,IACA,IACA,6BAEA,4DACA,UACA,oCACA,uCAEA,+DACA,sBACA,yBAEA,gBA7YA,SA6YA,GAEA,8BACA,MACA,MACA,sBAEA,QACA,4DACA,UACA,oCACA,uCAGA,uEACA,KACA,gEAEA,iDAMA,MALA,qBACA,oBACA,4BACA,eAEA,KAEA,+DACA,8BAEA,oCAEA,cA5aA,SA4aA,2JACA,oCACA,yCACA,IAGA,gBAEA,QACA,mBACA,eAEA,mBAIA,SACA,uBACA,aACA,OACA,KACA,aACA,WACA,QACA,SACA,IACA,IACA,cACA,yBACA,gBACA,kBAEA,wBACA,6DACA,UACA,oCACA,uCAGA,mEAuBA,IAtBA,KACA,0DAEA,2CAMA,MALA,qBACA,oBACA,4BACA,eAEA,KAEA,yDACA,2BAGA,wBAEA,+CACA,iCAIA,6CACA,mFACA,kFACA,gCACA,UACA,6BACA,UAEA,yCAEA,OACA,wDACA,0BACA,EACA,wEAEA,qCACA,yBACA,gCACA,SACA,0CAlFA,gDC9kB2gB,I,4CCUvgBC,EAAY,eACd,EACAd,EACAa,GACA,EACA,KACA,KACA,MAIa,OAAAC,E,2CCrBf","file":"js/chunk-0d0a837b.02237a8d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('canvas',{ref:\"pdfCanvas\",staticClass:\"max-w-full\",style:({width: (_vm.width + \"px\")}),attrs:{\"width\":_vm.width,\"height\":_vm.height}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\n\nimport {mapState} from \"vuex\";\n\nexport default {\n  name: \"PdfPage\",\n  props: {\n    page: {\n      required: true\n    }\n  },\n  data() {\n    return {\n      width: 0,\n      height: 0\n    }\n  },\n  mounted() {\n    this.setupPage()\n  },\n  beforeMount() {\n    window.removeEventListener(\"resize\", this.measure)\n  },\n  computed:{\n    ...mapState('pdfEditorStore', ['scale'])\n  },\n  watch:{\n    scale(){\n      window.removeEventListener(\"resize\", this.measure)\n      this.setupPage();\n    }\n  },\n  methods: {\n    async setupPage() {\n      const _page = await this.page\n      const context = this.$refs.pdfCanvas.getContext(\"2d\")\n      const viewport = _page.getViewport({scale: this.scale, rotation: 0})\n      this.width = viewport.width ;\n      this.height = viewport.height ;\n\n      this.$emit('updateSizePage',{width: this.width, height: this.height});\n      await _page.render({\n        canvasContext: context,\n        viewport\n      }).promise\n      this.measure()\n      window.addEventListener(\"resize\", this.measure)\n    },\n\n    measure() {\n      this.$emit('measure', this.$refs.pdfCanvas.clientWidth / this.width)\n      return;\n    }\n  }\n}\n</script>\n<template>\n  <div>\n    <canvas\n        ref=\"pdfCanvas\"\n        class=\"max-w-full\"\n        :style=\"{width: `${width}px`}\"\n        :width=\"width\"\n        :height=\"height\"/>\n  </div>\n</template>\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./PdfPage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./PdfPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PdfPage.vue?vue&type=template&id=32019225&\"\nimport script from \"./PdfPage.vue?vue&type=script&lang=js&\"\nexport * from \"./PdfPage.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/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","module.exports = __webpack_public_path__ + \"img/mobile-xacnhan.45336fd1.png\";","var classof = require('../internals/classof-raw');\n\n// `thisNumberValue` abstract operation\n// https://tc39.es/ecma262/#sec-thisnumbervalue\nmodule.exports = function (value) {\n  if (typeof value != 'number' && classof(value) != 'Number') {\n    throw TypeError('Incorrect invocation');\n  }\n  return +value;\n};\n","const addMessage = (item) => {\n  return {\n    resultString: item.resultString,\n    resultCode: item.resultCode,\n  };\n};\n\nconst fromJson = (item) => {\n  return {\n    id: item.id,\n    title: item.title,\n    content: item.content,\n    read: item.read,\n    recipientId: item.recipientId,\n    recipient: item.recipient,\n    senderId: item.senderId,\n    url: item.url,\n  };\n};\n\nconst baseJson = () => {\n  return {\n    id: null,\n    title: null,\n    content: null,\n    read: null,\n    recipientId: null,\n    recipient: null,\n    senderId: null,\n    url: null,\n  };\n};\n\nconst toListModel = (items) => {\n  if (items.lenght > 0) {\n    let data = [];\n    items.map((value, index) => {\n      data.push(fromJson(value));\n    });\n    return data ?? [];\n  }\n  return [];\n};\n\nexport const notifyModel = { addMessage, fromJson, toListModel, baseJson };\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tw-absolute tw-left-0 tw-top-0 tw-select-none\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\",\"align-items\":\"center\"},style:([_vm.getWidth == -1?{ height: ((Number(_vm.height) + Number(_vm.dh)) + \"px\"), transform: (\"translate(\" + (Number(_vm.x) + Number(_vm.dx)) + \"px, \" + (Number(_vm.y )+ Number(_vm.dy)) + \"px)\") } : { width: ((Number(_vm.width) + Number(_vm.dw)) + \"px\"), height: ((Number(_vm.height) + Number(_vm.dh)) + \"px\"), transform: (\"translate(\" + (Number(_vm.x) + Number(_vm.dx)) + \"px, \" + (Number(_vm.y) + Number(_vm.dy)) + \"px)\") }\n      ,_vm.type=='text'?'display: flex;justify-content: center; align-items: center;':''])},[(_vm.type== 'image')?_c('object-image',{attrs:{\"operation\":_vm.operation},on:{\"panstart\":_vm.handlePanStart,\"panmove\":_vm.handlePanMove,\"panend\":_vm.handlePanEnd}}):(_vm.type == 'text')?_c('TextEditor',{attrs:{\"object\":_vm.object,\"text\":_vm.object.text,\"operation\":_vm.operation},on:{\"panstart\":_vm.handlePanStart,\"panmove\":_vm.handlePanMove,\"panend\":_vm.handlePanEnd,\"textEnd\":_vm.handleEndText}}):_vm._e(),_c('div',{staticClass:\"tw-absolute \",staticStyle:{\"display\":\"flex\",\"right\":\"0\",\"top\":\"-12px\"}},[_c('div',{staticClass:\"tw-left-0 tw-top-0 tw-right-0 tw-w-6 tw-h-6 tw-m-auto bg-white tw-cursor-pointer tw-transform tw--translate-y-1/2 md:tw-scale-25 tw-text-center btn-remove-custom\",on:{\"click\":function($event){return _vm.$emit('delete')}}},[_c('i',{staticClass:\"far fa-window-close\"})])]),(_vm.type == 'image')?_c('canvas',{ref:\"canvasImage\",staticClass:\"tw-w-full tw-h-full\"}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"signatureContainer\",class:['tw-absolute tw-w-full tw-h-full tw-cursor-grab btn-size-grab',\n          { 'tw-cursor-grabbing': _vm.moveOperation }]},[_c('div',{staticClass:\"resize-border tw-h-full tw-w-1 tw-left-0 tw-top-0 tw-border-l cursor-ew-resize\",attrs:{\"data-direction\":\"left\"}}),_c('div',{staticClass:\"resize-border tw-w-full tw-h-1 tw-left-0 tw-top-0 tw-border-t cursor-ns-resize\",attrs:{\"data-direction\":\"top\"}}),_c('div',{staticClass:\"resize-border tw-w-full tw-h-1 tw-left-0 tw-bottom-0 tw-border-b cursor-ns-resize\",attrs:{\"data-direction\":\"bottom\"}}),_c('div',{staticClass:\"resize-border tw-h-full tw-w-1 tw-right-0 tw-top-0 tw-border-r cursor-ew-resize\",attrs:{\"data-direction\":\"right\"}}),_c('div',{staticClass:\" tw-left-0 tw-top-0 cursor-nwse-resize transform-translate-x-1/2 tw--translate-y-1/2 md:scale-25\",attrs:{\"data-direction\":\"left-top\"}}),_c('div',{staticClass:\" tw-right-0 tw-top-0 cursor-nesw-resize tw-transform\\n              tw-translate-x-1/2 tw--translate-y-1/2 md:scale-25\",attrs:{\"data-direction\":\"right-top\"}}),_c('div',{staticClass:\" tw-left-0 tw-bottom-0 cursor-nesw-resize tw-transform\\n              tw--translate-x-1/2 tw-translate-y-1/2 md:scale-25\",attrs:{\"data-direction\":\"left-bottom\"}}),_c('div',{staticClass:\"resize-corner tw-right-0 tw-bottom-0 cursor-nwse-resize tw-transform\\n          tw-translate-x-1/2 tw-translate-y-1/2 md:scale-25\",attrs:{\"data-direction\":\"right-bottom\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport {mapState} from \"vuex\";\n\nexport default {\n  name: \"ObjectImage\",\n  props: {\n    operation: {required: true}\n  },\n  data() {\n    return {\n      signatureContainer: null,\n      data:{\n        x: 0,\n        y: 0,\n      }\n    }\n  },\n  mounted() {\n     this.setupEvent()\n  },\n  computed:{\n    moveOperation: function () {\n      return this.operation === \"move\"\n    },\n    ...mapState('pdfEditorStore', ['scale'])\n  },\n  methods: {\n    setupEvent() {\n      this.$refs.signatureContainer.addEventListener('mousedown', this.handleMousedown)\n      this.$refs.signatureContainer.addEventListener('touchstart', this.handleTouchStart)\n    },\n\n    handleMousedown(event) {\n     this.data.x = event.clientX\n      this.data.y = event.clientY\n      const target = event.target\n      this.$emit('panstart', {\n        x:   this.data.x,\n        y:   this.data.y,\n        target,\n        currentTarget:   this.$refs.signatureContainer\n      })\n      window.addEventListener('mousemove', this.handleMousemove)\n      window.addEventListener('mouseup', this.handleMouseup)\n    },\n\n    handleMousemove(event) {\n      const dx = event.clientX -   this.data.x\n      const dy = event.clientY -   this.data.y\n      this.data.x = event.clientX\n      this.data.y = event.clientY\n      this.$emit('panmove', {\n        x:   this.data.x,\n        y:   this.data.y,\n        dx,\n        dy\n      })\n    },\n\n    handleMouseup(event) {\n      this.data.x = event.clientX\n      this.data.y = event.clientY\n\n      this.$emit('panend', {x:   this.data.x, y:   this.data.y})\n\n      window.removeEventListener('mousemove', this.handleMousemove)\n      window.removeEventListener('mouseup', this.handleMouseup)\n    },\n\n    handleTouchStart(event) {\n      if (event.touches.length > 1) return\n      const touch = event.touches[0]\n      this.data.x = touch.clientX\n      this.data.y = touch.clientY\n      const target = touch.target\n\n      this.$emit('panstart', {x:   this.data.x, y:   this.data.y, target})\n      window.addEventListener('touchmove',   this.handleTouchmove,{ passive: false }) // { passive: false }\n      window.addEventListener('touchend',   this.handleTouchend)\n    },\n\n    handleTouchmove(event) {\n      console.log(event, \"move\")\n      event.preventDefault()\n      if (event.touches.length > 1) return;\n      const touch = event.touches[0]\n      const dx = touch.clientX -   this.data.x\n      const dy = touch.clientY -   this.data.y\n      this.data.x = touch.clientX\n      this.data.y = touch.clientY\n\n      this.$emit('panmove', {x:   this.data.x, y:   this.data.y, dx, dy})\n    },\n\n    handleTouchend(event) {\n      event.preventDefault()\n      const touch = event.changedTouches[0]\n      this.data.x = touch.clientX\n      this.data.y = touch.clientY\n\n      this.$emit('panend', {x:   this.data.x, y:   this.data.y})\n      window.removeEventListener('touchmove',   this.handleTouchmove)\n      window.removeEventListener('touchend',   this.handleTouchend)\n    },\n  }\n}\n</script>\n<template>\n  <div   ref=\"signatureContainer\"\n       :class=\"['tw-absolute tw-w-full tw-h-full tw-cursor-grab btn-size-grab',\n            { 'tw-cursor-grabbing': moveOperation }]\">\n    <div data-direction=\"left\"\n         class=\"resize-border tw-h-full tw-w-1 tw-left-0 tw-top-0 tw-border-l cursor-ew-resize\" />\n    <div data-direction=\"top\"\n         class=\"resize-border tw-w-full tw-h-1 tw-left-0 tw-top-0 tw-border-t cursor-ns-resize\" />\n    <div data-direction=\"bottom\"\n         class=\"resize-border tw-w-full tw-h-1 tw-left-0 tw-bottom-0 tw-border-b cursor-ns-resize\" />\n    <div data-direction=\"right\"\n         class=\"resize-border tw-h-full tw-w-1 tw-right-0 tw-top-0 tw-border-r cursor-ew-resize\" />\n    <div data-direction=\"left-top\"\n         class=\" tw-left-0 tw-top-0 cursor-nwse-resize transform-translate-x-1/2 tw--translate-y-1/2 md:scale-25\" />\n    <div data-direction=\"right-top\"\n         class=\" tw-right-0 tw-top-0 cursor-nesw-resize tw-transform\n                tw-translate-x-1/2 tw--translate-y-1/2 md:scale-25\" />\n    <div data-direction=\"left-bottom\"\n         class=\" tw-left-0 tw-bottom-0 cursor-nesw-resize tw-transform\n                tw--translate-x-1/2 tw-translate-y-1/2 md:scale-25\" />\n    <div data-direction=\"right-bottom\"\n         class=\"resize-corner tw-right-0 tw-bottom-0 cursor-nwse-resize tw-transform\n            tw-translate-x-1/2 tw-translate-y-1/2 md:scale-25\"/>\n  </div>\n</template>\n<style>\n    .operation {\n        background-color: rgba(0, 0, 0, 0.3)\n    }\n    .resize-border {\n        position: absolute;\n        border-style: dashed;\n        border-color: #718096;\n    }\n    .resize-corner {\n        position: absolute;\n        width: .9rem;\n        height: .9rem;\n        background-color: #3475E0;\n      cursor: nwse-resize;\n    }\n    .tw-cursor-grabbing{\n      background-color: rgba(0, 0, 0, 0.3);\n      cursor: grabbing !important;\n    }\n\n    .tw-cursor-grab{\n      cursor: grab;\n    }\n</style>\n","import mod from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ObjectImage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ObjectImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ObjectImage.vue?vue&type=template&id=e5eae6fc&\"\nimport script from \"./ObjectImage.vue?vue&type=script&lang=js&\"\nexport * from \"./ObjectImage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ObjectImage.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{ref:\"editable\",staticClass:\"tw-cursor-grab tw-border tw-border-dotted tw-outline-none tw-whitespace-nowrap\",class:['tw-cursor-grab ',\n          { 'tw-cursor-grabbing': _vm.moveOperation }],staticStyle:{\"padding\":\"10px 10px 0px 10px\",\"-webkit-user-select\":\"text\",\"display\":\"inline-block\",\"white-space\":\"nowrap\",\"cursor\":\"pointer\"},style:({  transform:(\"scale(\" + _vm.scale + \")\"), fontWeight: (\"\" + (_vm.object.fontWeight)), fontSize: ((_vm.object.size) + \"px\")}),attrs:{\"spellcheck\":\"false\"}},[_vm._v(\" \"+_vm._s(_vm.object.text)+\" \")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport {Fonts} from \"@/components/pdfEditor/utils/prepareAssets\";\nimport {timeout} from \"@/components/pdfEditor/utils/helper\";\nimport {mapState} from \"vuex\";\n\nexport default {\n  name: \"TextEditor\",\n  props: {\n    size: {required: false},\n    text: {required: false},\n    lineHeight: {required: false},\n    fontFamily: {required: false},\n    pageScale: {required: false, default: 1},\n    operation:{required: true},\n    lines:{required: false},\n    object:{required: false}\n  },\n  data() {\n    return {\n      Families: Object.keys(Fonts),\n      startX: 0,\n      startY: 0,\n      dx: 0,\n      dy: 0,\n      data:{\n        x: 0,\n        y: 0,\n      },\n      timeout: null\n    }\n  },\n  computed:{\n    moveOperation: function () {\n      return this.operation == \"move\"\n    },\n    ...mapState('pdfEditorStore', ['scale'])\n  },\n  mounted() {\n    console.log(\"mounted\", this.text)\n    this.render();\n    this.$refs.editable.addEventListener('mousedown', this.handleMousedown)\n    this.$refs.editable.addEventListener('keydown', this.onKeydown)\n  },\n  methods: {\n    handlePanMove(event) {\n      this.dx = (event.detail.x - this.startX) / this.pageScale;\n      this.dx = (event.detail.x - this.startX) / this.pageScale;\n    },\n    handlePanEnd() {\n      if (this.dx === 0 && this.dy === 0) {\n        return this.$refs.editable.focus();\n      }\n      this.$emit('update', {\n        x: this.data.x ,\n        y: this.data.y\n      })\n      this.dx = 0;\n      this.dy = 0;\n      // eslint-disable-next-line vue/no-mutating-props\n      this.operation = \"\";\n    },\n    handlePanStart(event) {\n      this.startX = event.detail.x;\n      this.startY = event.detail.y;\n      // eslint-disable-next-line vue/no-mutating-props\n      this.operation = \"move\";\n    },\n    onFocus() {\n      // eslint-disable-next-line vue/no-mutating-props\n      this.operation = \"edit\";\n    },\n    async onBlur() {\n      if (this.operation !== \"edit\" || this.operation === \"tool\") return;\n      this.$refs.editable.blur();\n      this.sanitize();\n      this.$emit('update', {\n        lines: this.extractLines(),\n        width: this.$refs.editable.clientWidth\n      });\n      // eslint-disable-next-line vue/no-mutating-props\n      this.operation = \"\";\n    },\n    async onPaste(e) {\n      // get text only\n      const pastedText = e.clipboardData.getData(\"text\");\n      document.execCommand(\"insertHTML\", false, pastedText);\n      // await tick() is not enough\n      await timeout();\n      this.sanitize();\n    },\n    onKeydown(e) {\n      const childNodes = Array.from(this.$refs.editable.childNodes);\n      if (e.keyCode === 13) {\n        // prevent default adding div behavior\n        e.preventDefault();\n        const selection = window.getSelection();\n        const focusNode = selection.focusNode;\n        const focusOffset = selection.focusOffset;\n        // the caret is at an empty line\n        if (focusNode === this.$refs.editable) {\n          this.$refs.editable.insertBefore(\n              document.createElement(\"br\"),\n              childNodes[focusOffset]\n          );\n        } else if (focusNode instanceof HTMLBRElement) {\n          this.$refs.editable.insertBefore(document.createElement(\"br\"), focusNode);\n        }\n        // the caret is at a text line but not end\n        else if (focusNode.textContent.length !== focusOffset) {\n          document.execCommand(\"insertHTML\", false, \"<br>\");\n          // the carat is at the end of a text line\n        } else {\n          let br = focusNode.nextSibling;\n          if (br) {\n            this.$refs.editable.insertBefore(document.createElement(\"br\"), br);\n          } else {\n            br = this.$refs.editable.appendChild(document.createElement(\"br\"));\n            br = this.$refs.editable.appendChild(document.createElement(\"br\"));\n          }\n          // set selection to new line\n          selection.collapse(br, 0);\n        }\n      }\n      this.searchTimeOut()\n    },\n\n    onFocusTool() {\n      // eslint-disable-next-line vue/no-mutating-props\n      this.operation = \"tool\";\n    },\n    onBlurTool() {\n      this.$emit('textEnd', {\n        lines: this.extractLines(),\n        lineHeight: 1,\n        size: 16,\n        fontFamily:\"Times-Roman\",\n        height: this.$refs.editable.clientHeight,\n        width: this.$refs.editable.clientWidth,\n      })\n      // eslint-disable-next-line vue/no-mutating-props\n      this.operation = \"\";\n    },\n    onChangeFont() {\n      this.$emit('selectFont', {\n        name: this.fontFamily\n      })\n    },\n    render() {\n      // this.$refs.editable.innerHTML = this.object.text;\n      clearTimeout(this.timeout);\n\n      // Make a new timeout set to go off in 800ms\n      this.timeout = setTimeout(() => {\n        this.$emit('textEnd', {\n          lines: this.extractLines(),\n          lineHeight: 1,\n          size:  this.object.size,\n          fontFamily:\"Times-Roman\",\n          height: this.$refs.editable.clientHeight,\n          width: this.$refs.editable.clientWidth,\n        })\n      }, 400);\n\n      // this.$refs.editable.focus();\n    },\n    onDelete() {\n      this.$emit('delete')\n    },\n    sanitize() {\n      let weirdNode;\n      while (\n          (weirdNode = Array.from(this.$refs.editable.childNodes).find(\n              node => ![\"#text\", \"BR\"].includes(node.nodeName)\n          ))\n          ) {\n        this.$refs.editable.removeChild(weirdNode);\n      }\n    },\n    extractLines() {\n      const nodes = this.$refs.editable.childNodes;\n      const lines = [];\n      let lineText = \"\";\n      for (let index = 0; index < nodes.length; index++) {\n        const node = nodes[index];\n        if (node.nodeName === \"BR\") {\n          lines.push(lineText);\n          lineText = \"\";\n        } else {\n          lineText += node.textContent;\n        }\n      }\n      lines.push(lineText);\n      console.log(\"lines\", lines)\n      return lines;\n    },\n    handleMousedown(event) {\n      this.data.x = event.clientX\n      this.data.y = event.clientY\n      const target = event.target\n      this.$emit('panstart', {\n        x:   this.data.x,\n        y:   this.data.y,\n        target,\n        currentTarget:   this.$refs.editable\n      })\n      window.addEventListener('mousemove', this.handleMousemove)\n      window.addEventListener('mouseup', this.handleMouseup)\n    },\n    handleMouseup(event) {\n      this.data.x = event.clientX\n      this.data.y = event.clientY\n      this.$emit('panend', {x:   this.data.x, y:   this.data.y})\n\n      window.removeEventListener('mousemove', this.handleMousemove)\n      window.removeEventListener('mouseup', this.handleMouseup)\n    },\n    handleMousemove(event) {\n      const dx = event.clientX -   this.data.x\n      const dy = event.clientY -   this.data.y\n      this.data.x = event.clientX\n      this.data.y = event.clientY\n      this.$emit('panmove', {\n        x:   this.data.x,\n        y:   this.data.y,\n        dx,\n        dy\n      })\n    },\n    handleTouchStart(event) {\n      if (event.touches.length > 1) return\n      const touch = event.touches[0]\n      this.data.x = touch.clientX\n      this.data.y = touch.clientY\n      const target = touch.target\n\n      this.$emit('panstart', {x:   this.data.x, y:   this.data.y, target})\n      window.addEventListener('touchmove',   this.handleTouchmove) // { passive: false }\n      window.addEventListener('touchend',   this.handleTouchend)\n    },\n    handleTouchmove(event) {\n      event.preventDefault()\n      if (event.touches.length > 1) return\n      const touch = event.touches[0]\n      const dx = touch.clientX -   this.data.x\n      const dy = touch.clientY -   this.data.y\n      this.data.x = touch.clientX\n      this.data.y = touch.clientY\n\n      this.$emit('panmove', {x:   this.data.x, y:   this.data.y, dx, dy})\n\n    },\n    handleTouchend(event) {\n      const touch = event.changedTouches[0]\n      this.data.x = touch.clientX\n      this.data.y = touch.clientY\n\n      this.$emit('panend', {x:   this.data.x, y:   this.data.y})\n      window.removeEventListener('touchmove',   this.handleTouchmove)\n      window.removeEventListener('touchend',   this.handleTouchend)\n    },\n    searchTimeOut() {\n\n      clearTimeout(this.timeout);\n\n      // Make a new timeout set to go off in 800ms\n      this.timeout = setTimeout(() => {\n        this.onBlurTool()\n\n      }, 400);\n\n    }\n  }\n}\n</script>\n<template>\n  <div>\n    <div\n        ref=\"editable\"\n        spellcheck=\"false\"\n        class=\"tw-cursor-grab tw-border tw-border-dotted tw-outline-none tw-whitespace-nowrap\"\n        style=\"padding: 10px 10px 0px 10px;-webkit-user-select: text; display: inline-block; white-space: nowrap; cursor: pointer; \"\n        :style=\"{  transform:`scale(${scale})`, fontWeight: `${object.fontWeight}`, fontSize: `${object.size}px`}\"\n        :class=\"['tw-cursor-grab ',\n            { 'tw-cursor-grabbing': moveOperation }]\"\n    > {{object.text}} </div>\n  </div>\n</template>","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Text.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Text.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Text.vue?vue&type=template&id=e9d550e4&\"\nimport script from \"./Text.vue?vue&type=script&lang=js&\"\nexport * from \"./Text.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/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","<script>\n// import ObjectSignature from './objects/ObjectSignature.vue'\nimport ObjectImage from \"@/components/pdfEditor/objects/ObjectImage\";\nimport TextEditor from \"@/components/pdfEditor/Text\"\nimport {mapState} from \"vuex\";\nexport default {\n  components: {ObjectImage, TextEditor},\n  props: {\n    payload: {required: true},\n    x: {required: true},\n    y: {required: true},\n    file: {required: false},\n    width: {required: true},\n    height: {required: true},\n    pageScale: {required: true},\n    opacity: {required: true},\n    type: {required: true},\n    path: {required: false, default: null},\n    object: {\n      required: true,\n      type: Object,\n    },\n    imageBase64: {required: false}\n  },\n  data() {\n    return {\n      startX: 0,\n      startY: 0,\n      directions: [],\n      dx: 0,\n      dy: 0,\n      dw: 0,\n      dh: 0,\n      pannableFunction: null,\n      operation: null,\n      signature: null,\n      newX: 0,\n      newY: 0\n    }\n  },\n  computed: {\n    moveOperation() {\n      return this.operation === 'move'\n    },\n    getWidth(){\n      let resultSize = this.width + this.dw;\n      if(resultSize <= 0){\n        resultSize = -1;\n      }\n      return resultSize;\n    },\n    ...mapState('pdfEditorStore', ['scale','oldScale'])\n  },\n  mounted() {\n    this.setCanvas()\n  },\n  watch:{\n    scale(){\n      this.setCanvas()\n    }\n  },\n  methods: {\n    changeSizeZoom(value, type){\n      let sx = (Number(this.object.x) /this.oldScale) * Number(this.scale);\n      let sy =  (Number(this.object.y) /this.oldScale) * Number(this.scale);\n\n\n      let originalHeight =Math.round( value)/ this.oldScale;\n      let data =  originalHeight * this.scale;\n      if(type == \"w\"){\n        this.newX = (Math.round(data) - Math.round(value));\n\n      }\n      if(type == \"h\"){\n        this.newY = (Math.round(data) - Math.round(value));\n      }\n      this.$emit('update', {\n        x: sx,\n        y:sy,\n      })\nreturn data;\n\n    },\n    setCanvas() {\n      if (this.type == 'image') {\n        let cvn = this.$refs.canvasImage;\n        // use canvas to prevent img tag's auto resize\n        this.$refs.canvasImage.width = this.changeSizeZoom(this.width,\"w\");\n        this.$refs.canvasImage.height = this.changeSizeZoom(this.height,\"h\");\n\n        let w =  this.changeSizeZoom(this.width,\"w\");\n        let h =  this.changeSizeZoom(this.height,\"h\");\n        let ctx =  this.$refs.canvasImage.getContext(\"2d\");\n        let bg = new Image();\n        bg.width = this.changeSizeZoom(this.width,\"w\");\n        bg.height = this.changeSizeZoom(this.height,\"h\");\n        bg.src = this.imageBase64;\n        bg.onload = function() {\n          ctx.drawImage(bg, 0 ,0, w,  h);\n        };\n        // let scale = this.scale\n        // const limit = 500\n        // if (this.width > limit) {\n        //   scale = limit / this.width\n        // }\n        // if (this.height > limit) {\n        //   scale = Math.min(scale, limit / this.height)\n        // }\n        this.$emit('update', {\n          width: this.changeSizeZoom(this.width,\"w\"),\n          height: this.changeSizeZoom(this.height,\"h\")\n        })\n      }else if (this.type == 'text') {\n        // use canvas to prevent img tag's auto resize\n        // this.$refs.canvasText.width = this.width\n        // this.$refs.canvasText.height = this.height\n\n        // let scale = 1\n        // const limit = 500\n        // if (this.width > limit) {\n        //   scale = limit / this.width\n        // }\n        // if (this.height > limit) {\n        //   scale = Math.min(scale, limit / this.height)\n        // }\n        // this.$emit('update', {\n        //   width: this.width * scale,\n        //   height: this.height * scale,\n        // })\n        this.$emit('update', {\n          width: this.changeSizeZoom(this.width,\"w\"),\n          height: this.changeSizeZoom(this.height,\"h\")\n        })\n      }\n      else if (this.type == 'signature') {\n        // this.value.setAttribute(\"viewBox\", `0 0 200 200`);\n      }\n    },\n\n    handlePanMove(event) {\n      const _dx = (event.x - this.startX) / this.pageScale\n      const _dy = (event.y - this.startY) / this.pageScale\n      if (this.operation === 'move') {\n        this.dx = _dx\n        this.dy = _dy\n      } else if (this.operation === 'scale') {\n        // if (this.directions.includes('left')) {\n        //   this.dx = _dx\n        //   this.dw = -_dx\n        // }\n        // if (this.directions.includes('top')) {\n        //   this.dy = _dy\n        //   this.dh = -_dy\n        // }\n        if (this.directions.includes('right') && this.directions.includes('bottom')) {\n          this.dw = _dx\n           this.dh = _dy\n        }\n        // if (this.directions.includes('bottom')) {\n        //\n        // }\n      }\n    },\n\n    handlePanEnd() {\n      if (this.operation === 'move') {\n        this.$emit('update', {\n          x: this.x + this.dx,\n          y: this.y + this.dy,\n        })\n        this.dx = 0\n        this.dy = 0\n      } else if (this.operation === 'scale') {\n        this.$emit('update', {\n          x: this.x + this.dx,\n          y: this.y + this.dy,\n          width: this.width + this.dw,\n          height: this.height + this.dh,\n        })\n\n        this.dx = 0\n        this.dy = 0\n        this.dw = 0\n        this.dh = 0\n        this.directions = []\n      }\n      this.operation = ''\n    },\n\n    handlePanStart(event) {\n      this.startX = event.x\n      this.startY = event.y\n      if (event.target === event.currentTarget) {\n        return (this.operation = 'move')\n      }\n      this.operation = 'scale'\n      this.directions = event.target.dataset.direction.split('-')\n    },\n    handleEndText(event){\n      let value = {...this.object,...{\n          lines: event.lines,\n          lineHeight: event.lineHeight,\n          size: event.size,\n          fontFamily: event.fontFamily,\n          height: event.height,\n          width: event.width,\n        }}\n\n      this.$emit('update', value)\n    },\n  }\n\n}\n\n</script>\n<template>\n  <div\n\n      class=\"tw-absolute tw-left-0 tw-top-0 tw-select-none\"\n      style=\"display: flex;justify-content: center; align-items: center;\"\n      :style=\"[getWidth == -1?{ height: `${Number(height) + Number(dh)}px`, transform: `translate(${Number(x) + Number(dx)}px, ${Number(y )+ Number(dy)}px)` } : { width: `${Number(width) + Number(dw)}px`, height: `${Number(height) + Number(dh)}px`, transform: `translate(${Number(x) + Number(dx)}px, ${Number(y) + Number(dy)}px)` }\n      ,type=='text'?'display: flex;justify-content: center; align-items: center;':'']\"\n  >\n    <object-image v-if=\"type== 'image'\" :operation=\"operation\" @panstart=\"handlePanStart\" @panmove=\"handlePanMove\" @panend=\"handlePanEnd\"/>\n    <TextEditor v-else-if=\"type == 'text'\" :object=\"object\" :text=\"object.text\" :operation=\"operation\" @panstart=\"handlePanStart\" @panmove=\"handlePanMove\" @panend=\"handlePanEnd\"  @textEnd=\"handleEndText\"/>\n   <div class=\"tw-absolute \" style=\"display: flex; right: 0; top: -12px\">\n<!--     <div-->\n<!--         v-if=\"type== 'text'\"-->\n<!--         @click=\"$emit('editText')\"-->\n<!--         class=\"tw-left-0 tw-top-0 tw-right-0 tw-w-6 tw-h-6 tw-m-auto tw-rounded-full tw-bg-red-100 tw-cursor-pointer tw-transform tw&#45;&#45;translate-y-1/2 md:tw-scale-25 tw-text-center tw-border tw-border-black\"-->\n<!--     >-->\n<!--       <i class=\"far fa-edit\"></i>-->\n<!--     </div>-->\n     <div\n         @click=\"$emit('delete')\"\n         class=\"tw-left-0 tw-top-0 tw-right-0 tw-w-6 tw-h-6 tw-m-auto bg-white tw-cursor-pointer tw-transform tw--translate-y-1/2 md:tw-scale-25 tw-text-center btn-remove-custom\"\n     >\n<!--       <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-x-circle\"-->\n<!--            viewBox=\"0 0 16 16\">-->\n<!--         <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\"/>-->\n<!--         <path-->\n<!--             d=\"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z\"-->\n<!--         />-->\n<!--       </svg>-->\n       <i class=\"far fa-window-close\"></i>\n     </div>\n   </div>\n\n    <canvas  v-if=\"type == 'image'\" class=\"tw-w-full tw-h-full\" ref=\"canvasImage\"/>\n  </div>\n</template>\n\n<style>\n.btn-remove-custom{\n  border: 1px dotted #8c8c91;\n}\n</style>","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ObjectContainer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ObjectContainer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ObjectContainer.vue?vue&type=template&id=0882ef22&\"\nimport script from \"./ObjectContainer.vue?vue&type=script&lang=js&\"\nexport * from \"./ObjectContainer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ObjectContainer.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/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","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./PdfEditorTest.vue?vue&type=style&index=0&lang=css&\"","function _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n    module.exports = _typeof = function _typeof(obj) {\n      return typeof obj;\n    };\n\n    module.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n  } else {\n    module.exports = _typeof = function _typeof(obj) {\n      return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n    };\n\n    module.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n  }\n\n  return _typeof(obj);\n}\n\nmodule.exports = _typeof;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"container\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\",\"align-items\":\"center\",\"flex-direction\":\"column\"}},[_c('section',{staticClass:\"bubble-holder\"},[_c('div',{staticClass:\"bubble-1 bubble-container bubble-animation-x\"},[_c('div',{staticClass:\"bubble-large bubble-animation-y\"})]),_c('div',{staticClass:\"bubble-2 bubble-container bubble-animation-x\"},[_c('div',{staticClass:\"bubble-large bubble-animation-y\"})]),_c('div',{staticClass:\"bubble-3 bubble-container bubble-animation-x\"},[_c('div',{staticClass:\"bubble-large bubble-animation-y\"})]),_c('div',{staticClass:\"bubble-4 bubble-container bubble-animation-x\"},[_c('div',{staticClass:\"bubble-small bubble-animation-y\"})]),_c('div',{staticClass:\"bubble-5 bubble-container bubble-animation-x\"},[_c('div',{staticClass:\"bubble-small bubble-animation-y\"})]),_c('div',{staticClass:\"bubble-6 bubble-container bubble-animation-x\"},[_c('div',{staticClass:\"bubble-small bubble-animation-y\"})]),_c('div',{staticClass:\"bubble-7 bubble-container bubble-animation-x\"},[_c('div',{staticClass:\"bubble-small bubble-animation-y\"})]),_c('div',{staticClass:\"bubble-8 bubble-container bubble-animation-x\"},[_c('div',{staticClass:\"bubble-small bubble-animation-y\"})])]),_c('div',{attrs:{\"id\":\"timer\"}})])])}]\n\nexport { render, staticRenderFns }","<template>\n<div>\n  <div class=\"container\" style=\"display: flex; justify-content: center; align-items: center; flex-direction: column\">\n    <section class=\"bubble-holder\">\n      <div class=\"bubble-1 bubble-container bubble-animation-x\">\n        <div class=\"bubble-large bubble-animation-y\"></div>\n      </div>\n\n      <div class=\"bubble-2 bubble-container bubble-animation-x\">\n        <div class=\"bubble-large bubble-animation-y\"></div>\n      </div>\n\n      <div class=\"bubble-3 bubble-container bubble-animation-x\">\n        <div class=\"bubble-large bubble-animation-y\"></div>\n      </div>\n\n      <div class=\"bubble-4 bubble-container bubble-animation-x\">\n        <div class=\"bubble-small bubble-animation-y\"></div>\n      </div>\n\n      <div class=\"bubble-5 bubble-container bubble-animation-x\">\n        <div class=\"bubble-small bubble-animation-y\"></div>\n      </div>\n\n      <div class=\"bubble-6 bubble-container bubble-animation-x\">\n        <div class=\"bubble-small bubble-animation-y\"></div>\n      </div>\n\n      <div class=\"bubble-7 bubble-container bubble-animation-x\">\n        <div class=\"bubble-small bubble-animation-y\"></div>\n      </div>\n\n      <div class=\"bubble-8 bubble-container bubble-animation-x\">\n        <div class=\"bubble-small bubble-animation-y\"></div>\n      </div>\n    </section>\n    <div id=\"timer\"></div>\n  </div>\n\n</div>\n</template>\n\n<script>\nexport default {\n  name: \"countDownClock\",\n  created() {\n    this.init();\n  },\n  methods:{\n    init(){\n      const year = new Date().getFullYear();\n      const fourthOfJuly = new Date(year, 6,4).getTime();\n      const fourthOfJulyNextYear = new Date(year + 1, 6, 4).getTime();\n      const month = new Date().getMonth();\n\n// countdown\n      let mn = 5;\n      let sec = 0;\n      let timer = setInterval(function() {\n        if(sec == 0){\n          mn-=1;\n          sec = 59;\n        }else{\n          sec-=1;\n        }\n\n\n        // get today's date\n        const today = new Date().getTime();\n\n        // get the difference\n        let diff;\n        if(month > 6) {\n          diff = fourthOfJulyNextYear - today;\n        } else {\n          diff = fourthOfJuly - today;\n        }\n\n\n        // math\n        let minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));\n        let seconds = Math.floor((diff % (1000 * 60)) / 1000);\n\n        // display\n        document.getElementById(\"timer\").innerHTML =\n            \"<div class=\\\"minutes\\\"> \\\n              <div class=\\\"numbers\\\">\" + mn + \"</div>phút</div> \\\n<div class=\\\"seconds\\\"> \\\n  <div class=\\\"numbers\\\">\" + sec + \"</div>giây</div> \\\n</div>\";\n\n\n\n      }, 1000);\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n::v-deep {\n  $font: 'Lato', sans-serif;\n  $big: 'Montserrat', sans-serif;\n\n  $red: #EF2F3C;\n  $white: #F6F4F3;\n  $blue: #276FBF;\n  $dark: #183059;\n  $yellow: #F0A202;\n\n  $star: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);\n\n\n\n\n  h1 {\n    font-family: $font;\n    text-align: center;\n    margin-top: 2em;\n    font-size: 1em;\n    text-transform: uppercase;\n    letter-spacing: 5px;\n    color: $white;\n  }\n\n  #timer {\n    color: $white;\n    text-align: center;\n    text-transform: uppercase;\n    font-family: $font;\n    font-size: .7em;\n    letter-spacing: 5px;\n  }\n\n  .days, .hours, .minutes, .seconds {\n    display: inline-block;\n    padding: 20px;\n    width: 100px;\n    border-radius: 5px;\n  }\n\n  .days {\n    background: $red;\n  }\n\n  .hours {\n    background: $white;\n    color: $dark;\n  }\n\n  .minutes {\n    background: $blue;\n  }\n\n  .seconds {\n    background: $yellow;\n    .numbers {\n\n    }\n  }\n\n  .numbers {\n    font-family: $big;\n    color: white;\n    font-size: 4em;\n    font-weight: bold;\n  }\n\n  .white {\n    position: absolute;\n    background: $white;\n    height: 85px;\n    width: 75px;\n    left: 30%;\n    top: 2%;\n    .triangle {\n      border-bottom: 14px solid $white;\n    }\n    .string {\n      background: $white;\n      border: 1px solid $white;\n    }\n  }\n\n  .red {\n    position: absolute;\n    background: $red;\n    left: 18%;\n    top: 9%;\n    height: 65px;\n    width: 70px;\n    .triangle {\n      border-bottom: 14px solid $red;\n    }\n    .string {\n      background: $red;\n      border: 1px solid $red;\n    }\n  }\n\n  .blue {\n    position: absolute;\n    background: $blue;\n    height: 80px;\n    width: 80px;\n    left: 30%;\n    top: 5%;\n    .triangle {\n      border-bottom: 14px solid $blue;\n    }\n    .string {\n      background: $blue;\n      border: 1px solid $blue;\n    }\n  }\n\n  .balloon {\n    border: 1px solid #000;\n    border-radius: 50% 50% 50% 50%/ 40% 40% 60% 60%;\n    z-index: 2;\n  }\n\n  .eye {\n    position: absolute;\n    width: 7px;\n    height: 7px;\n    top: 40%;\n    left: 22%;\n    background: #000;\n    border-radius: 50%;\n    &:after {\n      content: '';\n      left: 35px;\n      width: 7px;\n      height: 7px;\n      border-radius: 50%;\n      background: #000;\n      position: absolute;\n    }\n  }\n\n  .mouth {\n    position:absolute;\n    top: 45%;\n    left: 43%;\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n  }\n\n  .happy {\n    border: 2px solid;\n    border-color: transparent #000 #000 transparent;\n    transform: rotate(45deg);\n  }\n\n  .triangle {\n    position: absolute;\n    left: 40%;\n    bottom: -10%;\n    width: 0;\n    height: 0;\n    border-left: 7px solid transparent;\n    border-right: 7px solid transparent;\n  }\n\n  .string {\n    position: absolute;\n    height: 70px;\n    width: 1px;\n    left: 48%;\n    top: 100%;\n    z-index: -1;\n  }\n\n  .star {\n    width: 20px;\n    height: 20px;\n    background: $white;\n    -webkit-clip-path: $star;\n    clip-path: $star;\n  }\n\n  .star-red {\n    width: 30px;\n    height: 30px;\n    margin-left: 51px;\n    margin-top: -5px;\n    background: $red;\n    -webkit-clip-path: $star;\n    clip-path: $star;\n  }\n\n  footer {\n    position: fixed;\n    bottom: 0;\n    right: 0;\n    text-transform: uppercase;\n    padding: 10px;\n    font-family: $font;\n    font-size: 0.7em;\n    p {\n      letter-spacing: 3px;\n      color: $red;\n    }\n    a {\n      color: $white;\n      text-decoration: none;\n      &:hover {\n        color: $blue;\n      }\n    }\n  }\n}\n\n</style>\n<style>\n/* Main bubbles */\n\n.bubble-holder{\n  width:60%;\n  height: 100px;\n  position: relative;\n  overflow:hidden;\n}\n\n.bubble-1 {\n  left: 8%;\n  animation-delay: 1s;\n}\n.bubble-1 .bubble-animation-y{\n  animation-duration: 7s;\n  animation-delay: 0s;\n}\n\n.bubble-2 {\n  left: 40%;\n  animation-delay: 2s;\n}\n.bubble-2 .bubble-animation-y{\n  animation-duration: 6s;\n  animation-delay: 1s;\n}\n\n.bubble-3 {\n  right: 15%;\n  animation-delay: 1s;\n}\n.bubble-3 .bubble-animation-y{\n  animation-duration: 5s;\n  animation-delay: 2s;\n}\n\n.bubble-4 {\n  left: 8%;\n  animation-delay: 2s;\n}\n.bubble-4 .bubble-animation-y{\n  animation-duration: 6s;\n  animation-delay: 1s;\n}\n\n.bubble-5 {\n  left: 40%;\n  animation-delay: 1s;\n}\n.bubble-5 .bubble-animation-y{\n  animation-duration: 5s;\n  animation-delay: 0;\n}\n\n.bubble-6 {\n  left: 45%;\n  animation-delay: 2s;\n}\n.bubble-6 .bubble-animation-y{\n  animation-duration: 7s;\n  animation-delay: 2s;\n}\n\n.bubble-7 {\n  right: 15%;\n  animation-delay: 1s;\n}\n.bubble-7 .bubble-animation-y{\n  animation-duration: 5.5s;\n  animation-delay: 1s;\n}\n\n.bubble-8 {\n  right: 5%;\n  animation-delay: 2s;\n}\n.bubble-8 .bubble-animation-y{\n  animation-duration: 7s;\n  animation-delay: 1s;\n}\n\n\n/* Static Circles */\n\n.bubble-container{\n  position: absolute;\n  bottom: 0px;\n\n}\n\n.bubble-large, .bubble-small {\n  border-radius: 100%;\n  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1),\n  inset 0px 10px 30px 5px rgba(124, 172, 217,0.5);\n  background-image: url(\"../assets/images/DTHU.png\");\n  background-size: cover;\n}\n\n.bubble-large {\n//border: 7px solid #055E8F;\n  width: 50px;\n  height: 50px;\n}\n\n.bubble-small {\n//border: 5px solid #055E8F;\n  width: 20px;\n  height: 20px;\n}\n\n.bubble-animation-x {\n  animation-duration: 3s;\n  animation-iteration-count: infinite;\n  animation-name: bubbleXAnimFrames;\n  animation-timing-function: ease;\n  animation-direction: alternate;\n}\n\n.bubble-animation-y {\n  animation-iteration-count: infinite;\n  animation-name: bubbleYAnimFrames;\n  animation-timing-function: linear;\n}\n\n\n@keyframes bubbleXAnimFrames {\n  0% {\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(50px);\n  }\n}\n\n@keyframes bubbleYAnimFrames {\n  0% {\n    transform: translateY(0);\n  }\n  50% {\n    opacity: 85%;\n  }\n  100% {\n    transform: translateY(-150px);\n    opacity: 0;\n  }\n}\n</style>","import mod from \"-!../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./countDownClock.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./countDownClock.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./countDownClock.vue?vue&type=template&id=7ac74769&scoped=true&\"\nimport script from \"./countDownClock.vue?vue&type=script&lang=js&\"\nexport * from \"./countDownClock.vue?vue&type=script&lang=js&\"\nimport style0 from \"./countDownClock.vue?vue&type=style&index=0&id=7ac74769&lang=scss&scoped=true&\"\nimport style1 from \"./countDownClock.vue?vue&type=style&index=1&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7ac74769\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./countDownClock.vue?vue&type=style&index=1&lang=css&\"","export * from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./countDownClock.vue?vue&type=style&index=0&id=7ac74769&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./PdfEditorTest.vue?vue&type=style&index=1&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/a.b.7ddf7f8b.svg\";","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ObjectContainer.vue?vue&type=style&index=0&lang=css&\"","'use strict';\nvar $ = require('../internals/export');\nvar toInteger = require('../internals/to-integer');\nvar thisNumberValue = require('../internals/this-number-value');\nvar repeat = require('../internals/string-repeat');\nvar fails = require('../internals/fails');\n\nvar nativeToFixed = 1.0.toFixed;\nvar floor = Math.floor;\n\nvar pow = function (x, n, acc) {\n  return n === 0 ? acc : n % 2 === 1 ? pow(x, n - 1, acc * x) : pow(x * x, n / 2, acc);\n};\n\nvar log = function (x) {\n  var n = 0;\n  var x2 = x;\n  while (x2 >= 4096) {\n    n += 12;\n    x2 /= 4096;\n  }\n  while (x2 >= 2) {\n    n += 1;\n    x2 /= 2;\n  } return n;\n};\n\nvar multiply = function (data, n, c) {\n  var index = -1;\n  var c2 = c;\n  while (++index < 6) {\n    c2 += n * data[index];\n    data[index] = c2 % 1e7;\n    c2 = floor(c2 / 1e7);\n  }\n};\n\nvar divide = function (data, n) {\n  var index = 6;\n  var c = 0;\n  while (--index >= 0) {\n    c += data[index];\n    data[index] = floor(c / n);\n    c = (c % n) * 1e7;\n  }\n};\n\nvar dataToString = function (data) {\n  var index = 6;\n  var s = '';\n  while (--index >= 0) {\n    if (s !== '' || index === 0 || data[index] !== 0) {\n      var t = String(data[index]);\n      s = s === '' ? t : s + repeat.call('0', 7 - t.length) + t;\n    }\n  } return s;\n};\n\nvar FORCED = nativeToFixed && (\n  0.00008.toFixed(3) !== '0.000' ||\n  0.9.toFixed(0) !== '1' ||\n  1.255.toFixed(2) !== '1.25' ||\n  1000000000000000128.0.toFixed(0) !== '1000000000000000128'\n) || !fails(function () {\n  // V8 ~ Android 4.3-\n  nativeToFixed.call({});\n});\n\n// `Number.prototype.toFixed` method\n// https://tc39.es/ecma262/#sec-number.prototype.tofixed\n$({ target: 'Number', proto: true, forced: FORCED }, {\n  toFixed: function toFixed(fractionDigits) {\n    var number = thisNumberValue(this);\n    var fractDigits = toInteger(fractionDigits);\n    var data = [0, 0, 0, 0, 0, 0];\n    var sign = '';\n    var result = '0';\n    var e, z, j, k;\n\n    if (fractDigits < 0 || fractDigits > 20) throw RangeError('Incorrect fraction digits');\n    // eslint-disable-next-line no-self-compare -- NaN check\n    if (number != number) return 'NaN';\n    if (number <= -1e21 || number >= 1e21) return String(number);\n    if (number < 0) {\n      sign = '-';\n      number = -number;\n    }\n    if (number > 1e-21) {\n      e = log(number * pow(2, 69, 1)) - 69;\n      z = e < 0 ? number * pow(2, -e, 1) : number / pow(2, e, 1);\n      z *= 0x10000000000000;\n      e = 52 - e;\n      if (e > 0) {\n        multiply(data, 0, z);\n        j = fractDigits;\n        while (j >= 7) {\n          multiply(data, 1e7, 0);\n          j -= 7;\n        }\n        multiply(data, pow(10, j, 1), 0);\n        j = e - 1;\n        while (j >= 23) {\n          divide(data, 1 << 23);\n          j -= 23;\n        }\n        divide(data, 1 << j);\n        multiply(data, 1, 1);\n        divide(data, 2);\n        result = dataToString(data);\n      } else {\n        multiply(data, 0, z);\n        multiply(data, 1 << -e, 0);\n        result = dataToString(data) + repeat.call('0', fractDigits);\n      }\n    }\n    if (fractDigits > 0) {\n      k = result.length;\n      result = sign + (k <= fractDigits\n        ? '0.' + repeat.call('0', fractDigits - k) + result\n        : result.slice(0, k - fractDigits) + '.' + result.slice(k - fractDigits));\n    } else {\n      result = sign + result;\n    } return result;\n  }\n});\n","module.exports = __webpack_public_path__ + \"img/icon-chu-ky.4b0e5fdb.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"formContainer\",staticClass:\"tw-mb-4 tw-flex tw-flex-col tw-relative kyso-box\"},[_c('b-card',{staticClass:\"card-kyso\"},[_c('div',{staticClass:\"nav-kyso\"},[_c('div',{staticClass:\"d-flex row nav-kyso-box\"},[_c('div',{staticClass:\"d-flex col-lg-6 col-md-6 col-sm-12 content-nav-left\"},[_c('div',{staticClass:\"nav-kyso-left\"},[_c('div',{staticClass:\"pdf-pages\"},[_c('div',{staticClass:\"icon-left px-2\",on:{\"click\":_vm.previousPage}},[_c('i',{staticClass:\"fas fa-arrow-left text-white\"})]),_c('div',{staticClass:\"number-pages text-primary d-flex align-items-center\"},[_c('button',{staticClass:\"btn btn-next text-primary\"},[_vm._v(\" \"+_vm._s(_vm.activePage)+\" \")]),_c('div',{staticClass:\"text-white mx-1\"},[_vm._v(\"/\")]),_c('button',{staticClass:\"btn btn-prev text-white\"},[_vm._v(\" \"+_vm._s(_vm.countPages)+\" \")])]),_c('div',{staticClass:\"icon-left px-2\",on:{\"click\":_vm.nextPage}},[_c('i',{staticClass:\"fas fa-arrow-right text-white\"})])])])]),_c('div',{staticClass:\"nav-kyso-right d-flex flex-wrap col-lg-6 col-md-6 col-sm-12\"},[_c('div',{staticClass:\"btn-group \"},[_c('b-dropdown',{ref:\"dropdownChuKyMoc\",staticClass:\"my-2 me-1\",attrs:{\"id\":\"dropdown\",\"right\":\"\",\"menu-class\":\"dropdown-menu-end mb-4\"}},[_c('template',{slot:\"button-content\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center fw-bold\",staticStyle:{\"color\":\"#2a2a2a\"}},[_c('i',{attrs:{\"height\":\"60\"}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/icon-chu-ky.png\"),\"alt\":\"\",\"width\":\"25px\"}})]),_vm._v(\" Chữ ký/ Mộc \"),_c('i',{staticClass:\"mdi mdi-chevron-down\"})])]),_c('div',{staticStyle:{\"padding\":\"0 20px\"}},[(_vm.danhSachKySo)?_vm._l((_vm.danhSachKySo),function(value,index){return _c('div',{key:index,staticStyle:{\"margin-bottom\":\"10px\"}},[_c('div',[_c('img',{staticClass:\"chuky-box\",staticStyle:{\"object-fit\":\"contain\"},attrs:{\"src\":(\"\" + (value.imageBase64))}})]),_c('div',{staticClass:\"d-flex mt-1\"},[_c('button',{staticClass:\"btn btn-selected w-50\",on:{\"click\":function($event){return _vm.chonseImageSign(value)}}},[_vm._v(\" Chọn \")]),_c('button',{staticClass:\"btn btn-delete w-50\",on:{\"click\":function($event){return _vm.handleRemoveImageSignature(value.id)}}},[_vm._v(\" Xoá \")])])])}):_vm._e(),_c('div',{staticClass:\"btn-chuky\",staticStyle:{\"min-width\":\"250px\"}},[_c('input',{staticClass:\"tw-hidden\",attrs:{\"type\":\"file\",\"id\":\"uploadImage\",\"name\":\"uploadImage\",\"accept\":\"image/png, image/jpg, image/jpeg\"},on:{\"change\":_vm.uploadChuKyMoc}}),_c('label',{staticClass:\"tw-text-black tw-cursor-pointer tw-font-medium tw-text-sm tw-px-3 tw-py-1.5 tw-text-center tw-mr-2 tw-mb-2\",attrs:{\"for\":\"uploadImage\"}},[_vm._v(\" Thêm Chữ ký/Mộc \")])])],2)],2)],1),_c('button',{staticClass:\"btn btn-sm btn-ghichu d-flex align-items-center hover:tw-bg-blue-800 focus:tw-ring-4 focus:tw-ring-blue-300 tw-px-3 tw-py-1.5 tw-font-medium tw-text-sm tw-text-center tw-mr-2 tw-mb-2 dark:tw-bg-blue-600 dark:hover:tw-bg-blue-700 dark:focus:tw-ring-blue-800\",on:{\"click\":_vm.onAddTextField}},[_c('img',{staticClass:\"text-white me-1\",staticStyle:{\"height\":\"12px !important\"},attrs:{\"src\":require(\"@/assets/images/a.b.svg\"),\"alt\":\"icon ab\"}}),_vm._v(\" Nội dung \")])])])]),_c('div',{staticClass:\"tw-w-full tw-overflow-auto\",staticStyle:{\"overflow-y\":\"auto\",\"height\":\"100vh\",\"margin-top\":\"10px\"}},_vm._l((_vm.pages),function(page,pageIndex){return _c('div',{key:pageIndex,staticClass:\"tw-p-1 tw-w-full tw-flex tw-flex-col tw-items-center tw-overflow-hidden\",attrs:{\"id\":(\"page-signature-\" + pageIndex)},on:{\"mousedown\":function () { return _vm.selectPage(pageIndex); },\"touchstart\":function () { return _vm.selectPage(pageIndex); }}},[_c('div',{class:['tw-relative tw-shadow-lg tw-mb-4', { 'selected-pdf': pageIndex == _vm.selectedPageIndex }]},[_c('pdf-page',{attrs:{\"page\":_vm.pages[pageIndex]},on:{\"updateSizePage\":function (payload) { return _vm.onUpdateSizePage(payload, pageIndex); },\"measure\":function (payload) { return _vm.onMeasure(payload, pageIndex); }}}),_c('div',{staticClass:\"tw-absolute tw-top-0 tw-left-0 tw-transform tw-origin-top-left\",style:({ transform: (\"scale(\" + (_vm.pagesScale[pageIndex]) + \")\"), touchAction: 'none' })},_vm._l((_vm.allObjects),function(object,objectIndex){return _c('div',{key:objectIndex},[(object.page == pageIndex)?[(object && object.type == 'image')?[_c('object-container',{attrs:{\"file\":object.file,\"payload\":object.payload,\"imageBase64\":object.imageBase64,\"x\":Number(object.x),\"y\":Number(object.y),\"width\":object.width,\"height\":object.height,\"opacity\":_vm.opacity,\"pageScale\":_vm.pagesScale[pageIndex],\"type\":object.type,\"path\":object.type,\"object\":object},on:{\"update\":function (payload) { return _vm.updateObject(object.id, payload); },\"delete\":function () { return _vm.deleteObject(object.id); }}})]:(object && object.type == 'text')?[_c('object-container',{attrs:{\"payload\":object.payload,\"x\":Number(object.x),\"y\":Number(object.y),\"width\":object.width,\"height\":object.height,\"opacity\":_vm.opacity,\"pageScale\":_vm.pagesScale[pageIndex],\"type\":object.type,\"path\":object.type,\"object\":object},on:{\"update\":function (payload) { return _vm.updateObject(object.id, payload); },\"delete\":function () { return _vm.deleteObject(object.id); }}})]:_vm._e()]:_vm._e()],2)}),0)],1)])}),0)]),_c('div',{staticClass:\"footer-kyso d-flex justify-content-end\"},[_c('button',{staticClass:\"btn text-primary px-4 fw-semibold me-2\",staticStyle:{\"background-color\":\"rgba(12,92,168, 0.1)\"},attrs:{\"disabled\":!_vm.checkObjectExited},on:{\"click\":function($event){return _vm.handleSubmitKySoPhapLy()}}},[_vm._v(\"Hoàn thành & Ký số \")])]),_c('b-modal',{attrs:{\"title-class\":\"font-18 text-primary fw-bold\",\"footer-class\":\"bg-secondary py-1\",\"no-close-on-backdrop\":\"\",\"size\":\"md\"},scopedSlots:_vm._u([{key:\"modal-title\",fn:function(){return [_c('div',{staticClass:\"text-primary fw-bold text-center\"},[_c('h4',[_vm._v(\"Thêm chữ ký/mộc\")])])]},proxy:true},{key:\"modal-footer\",fn:function(ref){\nvar cancel = ref.cancel;\nreturn [_c('b-button',{staticClass:\"btn bg-white me-2 text-primary px-5\",on:{\"click\":function($event){return cancel()}}},[_vm._v(\"Huỷ\")]),_c('button',{staticClass:\"btn px-5 text-white\",staticStyle:{\"background-color\":\"#3082c9\"},on:{\"click\":_vm.addImageToPDF}},[_vm._v(\" Lưu \")])]}}]),model:{value:(_vm.showThemChuKyModal),callback:function ($$v) {_vm.showThemChuKyModal=$$v},expression:\"showThemChuKyModal\"}},[_c('div',{staticStyle:{\"height\":\"200px\",\"width\":\"100%\"}},[_c('vue-cropper',{ref:\"cropper\",attrs:{\"img\":_vm.option.img,\"output-size\":_vm.option.size,\"output-type\":_vm.option.outputType,\"info\":true,\"full\":_vm.option.full,\"fixed\":_vm.fixed,\"fixed-number\":_vm.fixedNumber,\"can-move\":_vm.option.canMove,\"can-move-box\":_vm.option.canMoveBox,\"fixed-box\":_vm.option.fixedBox,\"original\":_vm.option.original,\"auto-crop\":_vm.option.autoCrop,\"auto-crop-width\":_vm.option.autoCropWidth,\"auto-crop-height\":_vm.option.autoCropHeight,\"center-box\":_vm.option.centerBox,\"high\":_vm.option.high,\"mode\":\"cover\",\"max-img-size\":_vm.option.max},on:{\"real-time\":_vm.realTime,\"img-load\":_vm.imgLoad,\"crop-moving\":_vm.cropMoving}})],1)]),_c('b-modal',{attrs:{\"body-class\":\"p-3\",\"headerClass\":\"justify-content-center\",\"footerClass\":\"bg-light py-1\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"size\":\"md\"},scopedSlots:_vm._u([{key:\"modal-title\",fn:function(){return [_c('div',{staticClass:\"text-primary fw-bold text-center\"},[_c('h4',[_vm._v(\"Nhập nội dung\")])])]},proxy:true},{key:\"modal-footer\",fn:function(ref){\nvar cancel = ref.cancel;\nreturn [_c('b-button',{staticClass:\"btn bg-white me-2 text-primary px-5\",on:{\"click\":function($event){return cancel()}}},[_vm._v(\"Huỷ\")]),_c('b-button',{staticClass:\"btn px-5 text-white\",staticStyle:{\"background-color\":\"#3082c9\"},on:{\"click\":_vm.addTextSignature}},[_vm._v(\"Cập nhật \")])]}}]),model:{value:(_vm.showModelNote),callback:function ($$v) {_vm.showModelNote=$$v},expression:\"showModelNote\"}},[_c('form',{attrs:{\"action\":\"\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-6 mb-2\"},[_c('div',[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Kiểu chữ\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.modelTextSign.fontWeight),expression:\"modelTextSign.fontWeight\"}],staticClass:\"form-select\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.modelTextSign, \"fontWeight\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"selected\":\"\",\"value\":\"normal\"}},[_vm._v(\"Bình thường\")]),_c('option',{attrs:{\"value\":\"bold\"}},[_vm._v(\"In đậm\")])])])]),_c('div',{staticClass:\"col-6 mb-2\"},[_c('div',[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Kích thước\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.modelTextSign.fontSize),expression:\"modelTextSign.fontSize\"}],staticClass:\"form-control\",attrs:{\"type\":\"number\",\"min\":\"8\",\"max\":\"30\"},domProps:{\"value\":(_vm.modelTextSign.fontSize)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.modelTextSign, \"fontSize\", $event.target.value)}}})])]),_c('div',{staticClass:\"col-12 mb-2\"},[_c('div',[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Nội dung hiển thị\")]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.modelTextSign.content),expression:\"modelTextSign.content\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"rows\":\"4\",\"placeholder\":\"Nhập nội dung...\"},domProps:{\"value\":(_vm.modelTextSign.content)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.modelTextSign, \"content\", $event.target.value)}}})])])])])]),_c('b-modal',{staticClass:\"modal-hoanhthanhkyso\",attrs:{\"body-class\":\"p-3 modal-hoanhthanhkyso\",\"hide-header\":\"\",\"hide-footer\":\"\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"hide-header-close\":\"\",\"size\":\"md\"},model:{value:(_vm.showModalHoanhThanhKySo),callback:function ($$v) {_vm.showModalHoanhThanhKySo=$$v},expression:\"showModalHoanhThanhKySo\"}},[_c('div',{staticStyle:{\"position\":\"relative\"}},[_c('div',{staticClass:\"modal-hoanhthanhkyso-box\"},[_c('div',{staticClass:\"title-hoanhthanhkyso mb-2\"},[_c('p',{staticClass:\"fs-5 fw-bold\",staticStyle:{\"color\":\"#2a2a2a\"}},[_vm._v(\"Xác nhận ký số tài liệu\")])]),_c('div',[_c('p',{staticClass:\"fw-medium\",staticStyle:{\"color\":\"#2a2a2a\"}},[_vm._v(\"Yêu cầu ký số đã được gửi về thiết bị di động.\")]),_c('p',{staticStyle:{\"color\":\"#2a2a2a\"}},[_vm._v(\"Mở ứng dụng VNPT SmartCA và nhấn \"),_c('b',[_vm._v(\"Xác nhận\")]),_vm._v(\" để ký tài liệu.\")])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6 col-md-12 content-box-left mt-3\"},[_c('div',{staticClass:\"bg-xacnhankyso mb-3 w-100\",staticStyle:{\"border-radius\":\"3px\",\"padding\":\"5px\"}},[_c('div',{staticClass:\"d-flex align-items-center justify-content-between\"},[_c('p',{staticClass:\"fw-bold\",staticStyle:{\"color\":\"#2a2a2a\"}},[_vm._v(\"Ứng dụng\")]),_c('p',{staticClass:\"me-3\",staticStyle:{\"color\":\"#2a2a2a\",\"font-style\":\"italic\"}},[_vm._v(\"VNPT SmartCA\")])]),_c('div',{staticClass:\"d-flex align-items-center justify-content-between\"},[_c('p',{staticClass:\"fw-bold\",staticStyle:{\"color\":\"#2a2a2a\"}},[_vm._v(\"Trạng thái\")]),_c('p',{staticClass:\"me-3\",staticStyle:{\"color\":\"#2a2a2a\"}},[_vm._v(_vm._s(_vm.trangThaiKySo))])])]),_c('div',[_c('p',{staticClass:\"text-center\",staticStyle:{\"color\":\"#2a2a2a\"}},[_vm._v(\"Thời gian còn lại\")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 px-3\"},[_c('Countdown',{attrs:{\"date\":_vm.end},on:{\"update:date\":function($event){_vm.end=$event},\"onFinish\":function($event){return _vm.finish()}}})],1),_c('div',{staticClass:\"col-12 px-3\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\",\"align-items\":\"center\"}},[_c('LetterCube')],1)])]),_c('div',{staticClass:\"my-3\"},[_c('p',{staticStyle:{\"color\":\"#2a2a2a\",\"font-style\":\"italic\"}},[_vm._v(\"Hệ thống D-Office DThU tích hợp ký số VNPT SmartCA.\")]),_c('div',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"column\"}},[(_vm.downloadFile)?_c('button',{staticClass:\"btn text-primary px-4 fw-semibold me-2\",staticStyle:{\"background-color\":\"rgba(12,92,168, 0.1)\"},on:{\"click\":_vm.downloadPDF}},[_vm._v(\" Tải xuống\")]):_vm._e(),(_vm.isFinish)?_c('button',{staticClass:\"btn text-info px-4 fw-semibold me-2\",staticStyle:{\"background-color\":\"rgba(12,92,168, 0.1)\",\"margin-top\":\"10px\"},on:{\"click\":_vm.handleCloseHoanThanhKySoModal}},[_vm._v(\" Đóng\")]):_vm._e()])])]),_c('div',{staticClass:\"mt-3 col-lg-6 col-md-12 \"},[_c('div',{staticClass:\"bg-xacnhankyso w-100 h-100 d-flex content-box-right align-items-center justify-content-center \",staticStyle:{\"border-radius\":\"3px\",\"padding\":\"5px\"}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/mobile-xacnhan.png\"),\"alt\":\"mobile xac nhan\",\"width\":\"150\"}})])])])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport {readAsImage, readAsPDF, readAsDataURL} from './utils/asyncReader'\nimport prepareAssets, {fetchFont} from './utils/prepareAssets'\nimport {save} from './utils/PDF'\nimport {generateId} from './utils/helper'\nimport PdfPage from \"@/components/pdfEditor/PdfPage\";\nimport ObjectContainer from \"@/components/pdfEditor/ObjectContainer\";\nimport {CURRENT_USER} from \"@/helpers/currentUser\";\nimport {vanBanDenModel} from \"@/models/vanBanDenModel\";\nimport {notifyModel} from \"@/models/notifyModel\";\nimport {signDigitalModel} from \"@/models/signDigitalModel\";\nimport {mapState} from \"vuex\";\nimport {VueCropper} from 'vue-cropper'\nimport {signatureVMModel} from \"@/models/signatureModel\";\nimport moment from \"moment\";\nimport Countdown from \"@/components/Countdown/countdown\";\nimport LetterCube from \"@/components/LetterCube\";\n\nexport default {\n  components: {LetterCube, ObjectContainer, PdfPage,Countdown, VueCropper},\n  props: {\n    pdf: {\n      required: false,\n      type: String,\n    },\n    file: {required: false},\n  },\n  data() {\n    return {\n      pages: [],\n      pagesSize: [],\n      allObjects: [],\n      pagesScale: [],\n      selectedPageIndex: 0,\n      signatureCanvas: {\n        isShow: false\n      },\n      opacity: 1,\n      pdfFile: null,\n      currentUser: CURRENT_USER.USER_KY_SO,\n      currentUserKySo: CURRENT_USER.USER_KY_SO,\n      downloadFile: null,\n      currentFont: \"Times-Roman\",\n      signatureDigital: {\n        vanBanDiId: null,\n        file: null,\n        signDigitals: [],\n        scale: 1\n      },\n      currentUserName: CURRENT_USER.USERNAME,\n      showThemChuKyModal: false,\n      imageChuKyMoc: null,\n      lists: [\n        {\n          img: 'https://avatars2.githubusercontent.com/u/15681693?s=460&v=4'\n        }\n      ],\n      option: {\n        img: 'https://avatars2.githubusercontent.com/u/15681693?s=460&v=4',\n        size: 1,\n        full: true,\n        outputType: 'png',\n        canMove: true,\n        fixedBox: false,\n        original: false,\n        canMoveBox: true,\n        autoCrop: true,\n        autoCropWidth: 264,\n        autoCropHeight: 100,\n        centerBox: false,\n        high: true,\n        max: 99999\n      },\n      fixed: true,\n      fixedNumber: [16, 9],\n      previews: null,\n      signatureSave: null,\n      signatureVM: {\n        userName: CURRENT_USER.USERNAME,\n        action: null,\n        signatureSaves: []\n      },\n      showModelNote: false,\n      typeKySo: \"KYNHAY\",\n      modelTextSign: {\n        fontWeight: \"normal\",\n        fontSize: 13,\n        content: \"\"\n      },\n      showModalHoanhThanhKySo: false,\n      end: new Date(),\n      trangThaiKySo: \"Chờ xác nhận\",\n    }\n  },\n  computed: {\n    checkObjectExited(){\n      if(this.allObjects && this.allObjects.length > 0){\n        return true;\n      }\n      return false;\n    },\n    danhSachKyNhay() {\n      if (this.signatureVM && this.signatureVM.signatureSaves) {\n        return this.signatureVM.signatureSaves.filter((value) => value.typeKySo == \"COMMENT\");\n      }\n      return [];\n    },\n    danhSachKySo() {\n      if (this.signatureVM && this.signatureVM.signatureSaves) {\n        return this.signatureVM.signatureSaves.filter((value) => value.typeKySo == \"SIGN\");\n      }\n      return [];\n    },\n    isShow() {\n      if (this.$refs.signatureCanvas) {\n        return this.$refs.signatureCanvas.isShow;\n      }\n      return false;\n    },\n    isChuKy() {\n      if (this.allObjects) {\n        var index = this.allObjects.findIndex(x => x.typeKySo == \"SIGN\");\n        return index != -1;\n      }\n      return false;\n    },\n    countPages() {\n      if (this.pages)\n        return this.pages.length;\n      else return 0;\n    },\n    activePage() {\n      return this.selectedPageIndex + 1\n    },\n    ...mapState('pdfEditorStore', ['scale','isFinish'])\n  },\n  watch: {\n    selectedPageIndex(value) {\n    },\n    allObjects: {\n      handler: function (value, oldVal) {\n        this.signatureDigital.signDigitals = [];\n        if (value) {\n          if (this.signatureDigital) {\n            value.map(object => {\n              this.signatureDigital.signDigitals.push(object);\n            })\n          }\n        }\n      },\n      deep: true\n    }\n  },\n  async mounted() {\n    this.$store.dispatch(\"pdfEditorStore/setScale\", 1);\n    this.signatureDigital.file = this.file;\n    this.mountPdf()\n    this.getSignature();\n  },\n  created() {\n\n  },\n  methods: {\n    endDate(){\n      const time = moment.duration(\"00:05:00\");\n      const date = moment();\n      date.add(time);\n      this.end = date;\n    },\n    finish() {\n      console.log(\"end\", this.end);\n      console.log('finish');\n    },\n    async updateSignature(action) {\n      this.signatureVM.action = action;\n      await this.$store.dispatch(\"userStore/updateSignature\", this.signatureVM).then((res) => {\n        if (res.resultCode == 'SUCCESS') {\n          console.log(res)\n        }\n        this.$store.dispatch(\"snackBarStore/addNotify\", notifyModel.addMessage(res));\n      });\n    },\n    async getSignature() {\n      await this.$store.dispatch(\"userStore/getSignature\", CURRENT_USER.USERNAME).then((res) => {\n        if (res.resultCode == 'SUCCESS') {\n          this.signatureVM.signatureSaves = res.data;\n        }\n      });\n    },\n    realTime(data) {\n      this.previews = data\n      console.log(data)\n    },\n    imgLoad(msg) {\n      console.log(msg)\n    },\n    cropMoving(data) {\n      console.log(data, '截图框当前坐标')\n    },\n    async handleSubmitKySoPhapLy(e) {\n      this.showModalHoanhThanhKySo = true;\n      this.endDate();\n      this.trangThaiKySo =\"Chờ xác nhận\";\n      this.$store.dispatch(\"pdfEditorStore/setFinish\", false);\n\n      this.signatureDigital.scale = Number(this.scale);\n      this.signatureDigital.userName = this.currentUserKySo.userNameKySo;\n      this.signatureDigital.password = this.currentUserKySo.passwordKySo;\n\n      await this.$store.dispatch(\"signDigitalStore/kySoPhapLy\", this.signatureDigital).then((res) => {\n        if (res.resultCode == 'SUCCESS') {\n          // this.showModalHoanhThanhKySo = false;\n          this.downloadFile = res.data.content;\n          this.trangThaiKySo = res.resultString;\n          this.$store.dispatch(\"pdfEditorStore/setFinish\", true);\n        }else{\n          // this.showModalHoanhThanhKySo = false;\n          this.downloadFile = null;\n          this.trangThaiKySo = res.resultString;\n          this.$store.dispatch(\"pdfEditorStore/setFinish\", true);\n        }\n        this.$store.dispatch(\"snackBarStore/addNotify\", notifyModel.addMessage(res));\n      });\n    },\n    handleCloseHoanThanhKySoModal(){\n      this.showModalHoanhThanhKySo = false;\n      this.trangThaiKySo = \"Chờ xác nhận\";\n      this.downloadFile = null;\n    },\n    async mountPdf() {\n      try {\n        const res = await fetch(this.pdf)\n        const pdfBlob = await res.blob()\n        await this.addPDF(pdfBlob)\n\n        this.selectedPageIndex = 0\n\n        setTimeout(() => {\n          fetchFont('Times-Roman')\n          prepareAssets()\n        }, 5000)\n      } catch (e) {\n        console.log('Error:', e)\n      }\n    },\n\n    async addPDF(file) {\n      try {\n        const pdf = await readAsPDF(file)\n        this.pdfFile = file\n        const numPages = pdf.numPages\n        if (this.pages) {\n          this.pages.splice(0, this.pages.length)\n        }\n        this.pages = Array(numPages).fill().map((_, i) => pdf.getPage(i + 1))\n        this.pagesScale = Array(numPages).fill(1)\n      } catch (e) {\n        console.log('Failed to add pdf. Please try again.', e)\n      }\n    },\n\n    onMeasure(scale, pageIndex) {\n      this.pagesScale[pageIndex] = scale\n    },\n\n    selectPage(index) {\n      this.selectedPageIndex = index;\n    },\n\n    updateObject(objectId, payload) {\n      this.allObjects = this.allObjects.map((object) => {\n        if (object.page == this.selectedPageIndex && object.id === objectId) {\n          return {...object, ...payload}\n        } else {\n          return object\n        }\n      })\n    },\n\n    deleteObject(objectId) {\n\n      let temp = this.allObjects.filter((object) => object.id !== objectId);\n      this.allObjects = temp;\n      console.log(objectId, this.allObjects)\n    },\n\n    async addImage(file, type) {\n      console.log(\"type\", type)\n      try {\n        // get dataURL to prevent canvas from tainted\n        const url = await readAsDataURL(file)\n        const img = await readAsImage(url)\n        const id = generateId();\n        const {width, height} = img\n\n        const object = {\n          id,\n          type: 'image',\n          typeKySo: type,\n          width,\n          height,\n          x: 0,\n          y: 0,\n          payload: img,\n          imageBase64: img.currentSrc,\n          file: file,\n          page: this.selectedPageIndex,\n          originalWidth: width,\n          originalHeight: height\n        }\n\n        var objectPage = this.pagesSize.find(x => x.page == object.page);\n        if (objectPage != null) {\n          object.widthPage = Math.round(objectPage.widthPage);\n          object.heightPage = Math.round(objectPage.heightPage);\n        }\n\n        let indexImage = this.allObjects.findIndex(x => x.type == 'image');\n        if (indexImage == -1) {\n          this.allObjects = [...this.allObjects, object];\n        } else {\n          this.allObjects = this.allObjects.map(value => {\n            if (value.typeKySo == 'SIGN') {\n              value.payload = object.payload;\n              value.imageBase64 = object.imageBase64;\n              value.file = object.file\n            }\n            return value;\n          });\n          this.allObjects = [...this.allObjects, object];\n          console.log(this.allObjects)\n        }\n\n      } catch (e) {\n        console.log('Failed to add image.', e)\n      }\n    },\n    async addImageTemp(file, type) {\n      console.log(\"type\", type)\n      try {\n        // get dataURL to prevent canvas from tainted\n        const url = await readAsDataURL(file)\n        const img = await readAsImage(url)\n        const id = generateId();\n        const {width, height} = img\n\n        const object = {\n          id,\n          type: 'image',\n          typeKySo: type,\n          width,\n          height,\n          x: 0,\n          y: 0,\n          payload: img,\n          imageBase64: img.currentSrc,\n          file: file,\n          page: this.selectedPageIndex,\n        }\n        var objectPage = this.pagesSize.find(x => x.page == object.page);\n        if (objectPage != null) {\n          object.widthPage = Math.round(objectPage.widthPage);\n          object.heightPage = Math.round(objectPage.heightPage);\n        }\n\n        let indexImage = this.allObjects.findIndex(x => x.type == 'image');\n        if (indexImage == -1) {\n          this.allObjects = [...this.allObjects, object];\n        } else {\n          this.allObjects = this.allObjects.map(value => {\n            if (value.typeKySo == 'SIGN') {\n              value.payload = object.payload;\n              value.imageBase64 = object.imageBase64;\n              value.file = object.file\n            }\n            return value;\n          });\n          this.allObjects = [...this.allObjects, object];\n          console.log(this.allObjects)\n        }\n\n      } catch (e) {\n        console.log('Failed to add image.', e)\n      }\n    },\n    async download() {\n      try {\n        await save(this.pdfFile, this.allObjects, 'PDF Copy', this.pagesScale)\n      } catch (e) {\n        console.log('Error on saving, please try again.', e)\n      }\n    },\n    uploadMocChuKy(e) {\n      const file = e.target.files[0]\n      if (file && this.selectedPageIndex >= 0) {\n        this.addImage(file, \"COMMENT\")\n      }\n      e.target.value = null\n    },\n    async uploadChuKyMoc(e) {\n      const file = e.target.files[0]\n      if (file) {\n        const url = await readAsDataURL(file)\n        this.option.img = url;\n        this.showThemChuKyModal = true;\n        this.typeKySo = \"CHUKYMOC\"\n      }\n      e.target.value = null\n    },\n    async uploadChuKyNhay(e) {\n      this.typeKySo = \"KYNHAY\"\n      console.log(\"this.typeKySo\", this.typeKySo)\n      const file = e.target.files[0]\n      if (file) {\n        const url = await readAsDataURL(file)\n        this.option.img = url;\n        this.showThemChuKyModal = true;\n\n      }\n      e.target.value = null\n    },\n    uploadImage(e) {\n      const file = e.target.files[0]\n      if (file && this.selectedPageIndex >= 0) {\n        this.addImage(file, \"SIGN\")\n      }\n      e.target.value = null\n    },\n\n    downloadPDF() {\n      const linkSource = `data:application/pdf;base64,${this.downloadFile}`;\n      const downloadLink = document.createElement(\"a\");\n      const fileName = moment().format(\"YYYYMMDDHHSS\") + \"_signed.pdf\";\n      downloadLink.href = linkSource;\n      downloadLink.download = fileName;\n      downloadLink.click();\n    },\n    onAddTextField() {\n      this.showModelNote = true\n      this.modelTextSign = {\n        fontWeight: \"normal\",\n        fontSize: 13,\n        content: \"\"\n      }\n    },\n    addTextField(text = \"Hãy nhập dữ liệu ...\") {\n      const id = generateId();\n      fetchFont(this.currentFont);\n      const object = {\n        id,\n        text,\n        type: \"text\",\n        typeKySo: \"COMMENT\",\n        size: 16,\n        width: 0, // recalculate after editing\n        lineHeight: 1.4,\n        fontFamily: this.currentFont,\n        x: 0,\n        y: 0,\n        page: this.selectedPageIndex,\n      };\n      var objectPage = this.pagesSize.find(x => x.page == object.page);\n      if (objectPage != null) {\n        object.widthPage = Math.round(objectPage.widthPage);\n        object.heightPage = Math.round(objectPage.heightPage);\n      }\n      this.allObjects = [...this.allObjects, object];\n    },\n    onUpdateSizePage(payload, indexPage) {\n      if (this.pagesSize == null) {\n        this.pagesSize = []\n      }\n      var index = this.pagesSize.findIndex(x => x.page == indexPage);\n      if (index == -1) {\n        this.pagesSize.push({page: indexPage, heightPage: payload.height, widthPage: payload.width});\n      } else {\n        this.pagesSize[index].heightPage = Math.round(payload.height);\n        this.pagesSize[index].widthPage = Math.round(payload.width);\n      }\n    },\n    handleZoomIn() {\n      if (this.scale >= 2) {\n        return;\n      }\n      const _scale = (parseFloat(Number(JSON.parse(JSON.stringify(this.scale))) + 0.2).toFixed(1));\n      this.$store.dispatch(\"pdfEditorStore/setScale\", _scale);\n    },\n    handleZoomOut() {\n      if (this.scale <= 0.4) {\n        return;\n      }\n      const _scale = (parseFloat(Number(JSON.parse(JSON.stringify(this.scale))) - 0.2).toFixed(1));\n      this.$store.dispatch(\"pdfEditorStore/setScale\", _scale);\n    },\n    nextPage() {\n      if (this.selectedPageIndex >= this.pages.length - 1)\n        return;\n      this.selectedPageIndex += 1;\n      let element = document.getElementById('page-signature-' + this.selectedPageIndex);\n      element.scrollIntoView({behavior: \"smooth\"});\n    },\n    previousPage() {\n      if (this.selectedPageIndex <= 0)\n        return;\n      this.selectedPageIndex -= 1;\n      let element = document.getElementById('page-signature-' + this.selectedPageIndex);\n      element.scrollIntoView({behavior: \"smooth\"});\n    },\n    down(type) {\n      // event.preventDefault()\n      var aLink = document.createElement('a')\n      aLink.download = 'demo'\n      // 输出\n      if (type === 'blob') {\n        this.$refs.cropper.getCropBlob((data) => {\n          this.downImg = window.URL.createObjectURL(data)\n          aLink.href = window.URL.createObjectURL(data)\n          aLink.click()\n        })\n      } else {\n        this.$refs.cropper.getCropData((data) => {\n          this.downImg = data\n          aLink.href = data\n          aLink.click()\n        })\n      }\n    },\n    handleRemoveImageSignature(id) {\n      if (this.signatureVM && this.signatureVM.signatureSaves) {\n        this.signatureVM.signatureSaves = this.signatureVM.signatureSaves.filter(x => x.id !== id);\n        this.updateSignature(\"DELETE\");\n      }\n    },\n    addTextSignature() {\n      const id = generateId();\n      fetchFont(this.currentFont);\n      const object = {\n        id,\n        fontWeight: this.modelTextSign.fontWeight,\n        text: this.modelTextSign.content,\n        type: \"text\",\n        typeKySo: \"COMMENT\",\n        size: this.modelTextSign.fontSize,\n        width: 0, // recalculate after editing\n        lineHeight: 1.4,\n        fontFamily: this.currentFont,\n        x: 0,\n        y: 0,\n        page: this.selectedPageIndex,\n      };\n      var objectPage = this.pagesSize.find(x => x.page == object.page);\n      if (objectPage != null) {\n        object.widthPage = Math.round(objectPage.widthPage);\n        object.heightPage = Math.round(objectPage.heightPage);\n      }\n      this.allObjects = [...this.allObjects, object];\n      this.showModelNote = false;\n      console.log(\"object\", object)\n    },\n    chonseImageSign(value) {\n\n      value.page = this.selectedPageIndex;\n      value.x = 0;\n      value.y = 0;\n      value.id = generateId();\n\n      const object = value;\n      var objectPage = this.pagesSize.find(x => x.page == object.page);\n      if (objectPage != null) {\n        object.widthPage = Math.round(objectPage.widthPage);\n        object.heightPage = Math.round(objectPage.heightPage);\n      }\n\n      let indexImage = this.allObjects.findIndex(x => x.type == 'image');\n      if (indexImage == -1) {\n        this.allObjects = [...this.allObjects, object];\n      } else {\n        this.allObjects = this.allObjects.map(value => {\n          if (value.typeKySo == 'SIGN') {\n            value.payload = object.payload;\n            value.imageBase64 = object.imageBase64;\n            value.file = object.file\n          }\n          return value;\n        });\n        this.allObjects = [...this.allObjects, object];\n        console.log(this.allObjects)\n      }\n      this.$refs.dropdownChuKyMoc.hide()\n    },\n    async addImageToPDF(type) {\n      if (this.previews && this.selectedPageIndex >= 0) {\n        this.$refs.cropper.getCropData((data) => {\n          try {\n            // get dataURL to prevent canvas from tainted\n            // const img =  readAsImage(this.previews.url)\n            const img = new Image();\n\n            img.src = data;\n            let width = this.previews.w;\n            let height = this.previews.h;\n\n            const id = generateId();\n            // const width = this.previews.w;\n            // const height = this.previews.h;\n            // console.log(\"type\",width, height)\n            let tks = \"SIGN\";\n            if (this.typeKySo == \"KYNHAY\")\n              tks = \"COMMENT\";\n            const object = {\n              id,\n              type: 'image',\n              typeKySo: tks,\n              width,\n              height,\n              x: 0,\n              y: 0,\n              imageBase64: data,\n              page: this.selectedPageIndex,\n              originalWidth: width,\n              originalHeight: height,\n            }\n            console.log(\"object\", object)\n            var objectPage = this.pagesSize.find(x => x.page == object.page);\n            if (objectPage != null) {\n              object.widthPage = Math.round(objectPage.widthPage);\n              object.heightPage = Math.round(objectPage.heightPage);\n            }\n\n            let indexImage = this.allObjects.findIndex(x => x.type == 'image');\n            if (indexImage == -1) {\n              this.allObjects = [...this.allObjects, object];\n            } else {\n              this.allObjects = this.allObjects.map(value => {\n                if (value.typeKySo == 'SIGN') {\n                  value.payload = object.payload;\n                  value.imageBase64 = object.imageBase64;\n                  value.file = object.file\n                }\n                return value;\n              });\n              this.allObjects = [...this.allObjects, object];\n              console.log(this.allObjects)\n            }\n\n            this.showThemChuKyModal = false;\n\n            if (this.signatureVM && !this.signatureVM.signatureSaves) {\n              this.signatureVM.signatureSaves = [];\n            }\n\n            // Check ký nháy hay chữ ký\n            if (this.signatureVM && this.signatureVM.signatureSaves) {\n              let dsKySo = this.signatureVM.signatureSaves.filter((value) => value.typeKySo == \"SIGN\");\n              let dsKyNhay = this.signatureVM.signatureSaves.filter((value) => value.typeKySo == \"COMMENT\");\n              if (object.typeKySo == \"SIGN\" && dsKySo.length >= 2) {\n                dsKySo.shift()\n              } else if (object.typeKySo == \"COMMENT\" && dsKyNhay >= 2) {\n                dsKyNhay.shift();\n              }\n              this.signatureVM.signatureSaves = dsKySo.concat(dsKyNhay);\n            }\n            let sign = {\n              id: object.id, imageBase64: object.imageBase64, action: 1, type: 'image',\n              typeKySo: object.typeKySo, width:\n              width,\n              height: height, originalHeight: object.originalHeight, originalWidth: object.originalWidth\n            }\n            this.signatureVM.signatureSaves.push(sign);\n            this.updateSignature(\"ADD\");\n            this.$refs.dropdownChuKyMoc.hide()\n          } catch (e) {\n            console.log('Failed to add image.', e)\n          }\n        })\n      }\n    }\n  }\n}\n\n\n</script>\n<template>\n  <div class=\"tw-mb-4 tw-flex tw-flex-col tw-relative kyso-box\" ref=\"formContainer\">\n    <b-card class=\"card-kyso\">\n      <div class=\"nav-kyso\">\n        <div class=\"d-flex row nav-kyso-box\">\n          <!--nav left-->\n          <div class=\"d-flex col-lg-6 col-md-6 col-sm-12 content-nav-left\">\n            <div class=\"nav-kyso-left\">\n              <!--Số trang-->\n              <div class=\"pdf-pages\">\n                <div class=\"icon-left px-2\" @click=\"previousPage\">\n                  <i class=\"fas fa-arrow-left text-white\"></i>\n                </div>\n                <div class=\"number-pages text-primary d-flex align-items-center\">\n                  <button class=\"btn btn-next text-primary\">\n                    {{ activePage }}\n                  </button>\n                  <div class=\"text-white mx-1\">/</div>\n                  <button class=\"btn btn-prev text-white\">\n                    {{ countPages }}\n                  </button>\n                </div>\n                <div class=\"icon-left px-2\" @click=\"nextPage\">\n                  <i class=\"fas fa-arrow-right text-white\"></i>\n                </div>\n              </div>\n<!--              <div class=\"nav-line\">-->\n<!--              </div>-->\n<!--              <div class=\"pdf-zoom px-2\">-->\n<!--                <div class=\"icon-zoom-left\">-->\n<!--                  <button @click=\"handleZoomOut\">-->\n<!--                    <i class=\"fas fa-search-minus fs-5 text-white\"></i>-->\n<!--                  </button>-->\n<!--                </div>-->\n<!--                <div>-->\n<!--                  <button class=\"btn btn-number-zoom mx-3\">{{ scale * 100 }}%</button>-->\n<!--                </div>-->\n<!--                <div class=\"icon-zoom-right\">-->\n<!--                  <button @click=\"handleZoomIn\">-->\n<!--                    <i class=\"fas fa-search-plus fs-5 text-white\"></i>-->\n<!--                  </button>-->\n<!--                </div>-->\n<!--              </div>-->\n            </div>\n          </div>\n          <!--Nav right-->\n          <div class=\"nav-kyso-right d-flex flex-wrap col-lg-6 col-md-6 col-sm-12\">\n            <div class=\"btn-group \">\n              <b-dropdown\n                  id=\"dropdown\"\n                  right\n                  class=\"my-2 me-1\"\n                  menu-class=\"dropdown-menu-end mb-4\"\n                  ref=\"dropdownChuKyMoc\"\n              >\n                <template slot=\"button-content\">\n                  <div class=\"d-flex justify-content-center align-items-center fw-bold\" style=\"color: #2a2a2a;\">\n                    <i class=\"\" height=\"60\">\n                      <img src=\"~@/assets/images/icon-chu-ky.png\" alt=\"\" width=\"25px\">\n                    </i>\n                    Chữ ký/ Mộc\n                    <i class=\"mdi mdi-chevron-down\"></i>\n                  </div>\n                </template>\n                <div style=\"padding: 0 20px\">\n                  <template v-if=\"danhSachKySo\">\n                    <div v-for=\"(value, index) in danhSachKySo\" style=\"margin-bottom: 10px\" :key=\"index\">\n                      <div><img class=\"chuky-box\" style=\"object-fit: contain\" :src=\"`${value.imageBase64}`\"/>\n                      </div>\n                      <div class=\"d-flex mt-1\">\n                        <button\n                            @click=\"chonseImageSign(value)\"\n                            class=\"btn btn-selected w-50\"\n                        >\n                          Chọn\n                        </button>\n                        <button\n                            @click=\"handleRemoveImageSignature(value.id)\"\n                            class=\"btn btn-delete w-50\"\n                        >\n                          Xoá\n                        </button>\n                      </div>\n                    </div>\n                  </template>\n\n                  <div class=\"btn-chuky\" style=\"min-width: 250px\">\n                    <input type=\"file\" id=\"uploadImage\" name=\"uploadImage\" class=\"tw-hidden\"\n                           accept=\"image/png, image/jpg, image/jpeg\" @change=\"uploadChuKyMoc\"/>\n                    <label for=\"uploadImage\"\n                           class=\"tw-text-black tw-cursor-pointer tw-font-medium tw-text-sm tw-px-3 tw-py-1.5 tw-text-center tw-mr-2 tw-mb-2\">\n                      Thêm Chữ ký/Mộc\n                    </label>\n                  </div>\n                </div>\n\n              </b-dropdown>\n            </div>\n            <!--            <div class=\"btn-group \">-->\n            <!--              <b-dropdown-->\n            <!--                  id=\"dropdown\"-->\n            <!--                  right-->\n            <!--                  class=\"my-2 me-1\"-->\n            <!--                  menu-class=\"dropdown-menu-end mb-4\"-->\n            <!--                  ref=\"dropdownChuKyMoc\"-->\n            <!--              >-->\n            <!--                <template slot=\"button-content\">-->\n            <!--                  <div class=\"d-flex justify-content-center align-items-center fw-bold\"  style=\"color: #2a2a2a;\">-->\n            <!--                    <i class=\"fas fa-signature\" height=\"60\">-->\n            <!--                    </i>-->\n            <!--                    Chữ ký nháy-->\n            <!--                    <i class=\"mdi mdi-chevron-down\"></i>-->\n            <!--                  </div>-->\n            <!--                </template>-->\n            <!--                <div style=\"padding: 0 20px\">-->\n            <!--                  <template v-if=\"danhSachKyNhay\">-->\n            <!--                    <div v-for=\"(value, index) in danhSachKyNhay\" style=\"margin-bottom: 10px\" :key=\"index\">-->\n            <!--                      <div ><img class=\"chuky-box\" style=\"object-fit: contain\" :src=\"`${value.imageBase64}`\"/>-->\n            <!--                      </div>-->\n            <!--                      <div class=\"d-flex mt-1\">-->\n            <!--                        <button-->\n            <!--                            @click=\"chonseImageSign(value)\"-->\n            <!--                            class=\"btn btn-selected w-50\"-->\n            <!--                        >-->\n            <!--                          Chọn-->\n            <!--                        </button>-->\n            <!--                        <button-->\n            <!--                            @click=\"handleRemoveImageSignature(value.id)\"-->\n            <!--                            class=\"btn btn-delete w-50\"-->\n            <!--                        >-->\n            <!--                          Xoá-->\n            <!--                        </button>-->\n            <!--                      </div>-->\n            <!--                    </div>-->\n            <!--                  </template>-->\n\n            <!--                  <div class=\"btn-chuky\" style=\"min-width: 250px\">-->\n            <!--                    <input type=\"file\" id=\"uploadImage1\" name=\"uploadImage1\" class=\"tw-hidden\" accept=\"image/png, image/jpg, image/jpeg\" @change=\"uploadChuKyNhay\"/>-->\n            <!--                    <label for=\"uploadImage1\"-->\n            <!--                           class=\"tw-text-black tw-cursor-pointer tw-font-medium tw-text-sm tw-px-3 tw-py-1.5 tw-text-center tw-mr-2 tw-mb-2\">-->\n            <!--                      Thêm Chữ ký nháy-->\n            <!--                    </label>-->\n            <!--                  </div>-->\n            <!--                </div>-->\n\n            <!--              </b-dropdown>-->\n            <!--            </div>-->\n            <!--            <div class=\"btn-kynhay btn\">-->\n            <!--              <input type=\"file\" id=\"image\" name=\"image\" class=\"tw-hidden\" @change=\"uploadMocChuKy\"/>-->\n            <!--              <label for=\"image\"-->\n            <!--                     class=\"tw-text-black tw-cursor-pointer tw-font-medium tw-text-sm tw-px-3 tw-py-1.5 tw-text-center tw-mr-2 tw-mb-2\">-->\n            <!--                Ký nháy-->\n            <!--              </label>-->\n            <!--            </div>-->\n\n            <button\n                class=\"btn btn-sm btn-ghichu d-flex align-items-center hover:tw-bg-blue-800 focus:tw-ring-4 focus:tw-ring-blue-300 tw-px-3 tw-py-1.5 tw-font-medium tw-text-sm tw-text-center tw-mr-2 tw-mb-2 dark:tw-bg-blue-600 dark:hover:tw-bg-blue-700 dark:focus:tw-ring-blue-800\"\n                @click=\"onAddTextField\"\n            >\n              <img src=\"~@/assets/images/a.b.svg\" class=\"text-white me-1\" alt=\"icon ab\" style=\"height: 12px !important\">\n              Nội dung\n            </button>\n            <!--            <button-->\n            <!--                class=\"btn-sm bg-warning btn-kysophaply fw-bold\"-->\n            <!--                @click=\"handleSubmitKySoPhapLy\"-->\n            <!--            >-->\n            <!--              Ký số pháp lý-->\n            <!--            </button>-->\n            <!--            <button-->\n            <!--                style=\"color: #2a2a2a;\"-->\n            <!--                class=\"btn btn-sm btn-download fw-bold hover:tw-bg-blue-800 focus:tw-ring-4 focus:tw-ring-blue-300 tw-font-medium tw-text-sm  tw-text-center tw-mr-2 tw-mb-2 dark:tw-bg-blue-600 dark:hover:tw-bg-blue-700 dark:focus:tw-ring-blue-800\"-->\n            <!--                @click=\"downloadPDF\"-->\n            <!--            >-->\n            <!--              Tải file-->\n            <!--            </button>-->\n          </div>\n        </div>\n      </div>\n      <!--      file pdf -->\n      <div class=\"tw-w-full tw-overflow-auto\" style=\"overflow-y:auto; height: 100vh;    margin-top: 10px;\">\n        <div\n            v-for=\"(page, pageIndex) in pages\"\n            :key=\"pageIndex\"\n            class=\"tw-p-1 tw-w-full tw-flex tw-flex-col tw-items-center tw-overflow-hidden\"\n            @mousedown=\"() => selectPage(pageIndex)\"\n            @touchstart=\"() => selectPage(pageIndex)\"\n            :id=\"`page-signature-${pageIndex}`\"\n        >\n          <div :class=\"['tw-relative tw-shadow-lg tw-mb-4', { 'selected-pdf': pageIndex == selectedPageIndex }]\">\n            <pdf-page @updateSizePage=\"(payload) => onUpdateSizePage(payload, pageIndex)\" :page=\"pages[pageIndex]\"\n                      @measure=\"(payload) => onMeasure(payload, pageIndex)\"/>\n            <div\n\n                class=\"tw-absolute tw-top-0 tw-left-0 tw-transform tw-origin-top-left\"\n                :style=\"{ transform: `scale(${pagesScale[pageIndex]})`, touchAction: 'none' }\"\n            >\n              <div v-for=\"(object, objectIndex) in allObjects\"\n                   :key=\"objectIndex\">\n                <template v-if=\"object.page == pageIndex\">\n                  <template v-if=\"object && object.type == 'image'\">\n                    <object-container\n\n                        @update=\"(payload) => updateObject(object.id, payload)\"\n                        @delete=\"() => deleteObject(object.id)\"\n                        :file=\"object.file\"\n                        :payload=\"object.payload\"\n                        :imageBase64=\"object.imageBase64\"\n                        :x=\"Number(object.x)\"\n                        :y=\"Number(object.y)\"\n                        :width=\"object.width\"\n                        :height=\"object.height\"\n                        :opacity=\"opacity\"\n                        :pageScale=\"pagesScale[pageIndex]\"\n                        :type=\"object.type\"\n                        :path=\"object.type\"\n                        :object=\"object\"\n                    />\n                  </template>\n\n                  <template v-else-if=\"object && object.type == 'text'\">\n                    <object-container\n\n                        @update=\"(payload) => updateObject(object.id, payload)\"\n                        @delete=\"() => deleteObject(object.id)\"\n                        :payload=\"object.payload\"\n                        :x=\"Number(object.x)\"\n                        :y=\"Number(object.y)\"\n                        :width=\"object.width\"\n                        :height=\"object.height\"\n                        :opacity=\"opacity\"\n                        :pageScale=\"pagesScale[pageIndex]\"\n                        :type=\"object.type\"\n                        :path=\"object.type\"\n                        :object=\"object\"\n                    />\n                  </template>\n\n                </template>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </b-card>\n    <div class=\"footer-kyso d-flex justify-content-end\">\n<!--      <button class=\"btn btn-outline-light fw-semibold btn-light text-dark px-4 me-2\">Huỷ</button>-->\n      <button\n          class=\"btn text-primary px-4 fw-semibold me-2\"\n          style=\"background-color: rgba(12,92,168, 0.1)\"\n          @click=\"handleSubmitKySoPhapLy()\"\n          :disabled=\"!checkObjectExited\"\n      >Hoàn thành & Ký số\n      </button>\n    </div>\n\n    <!-- Thêm chữ ký -->\n    <b-modal\n        v-model=\"showThemChuKyModal\"\n        title-class=\"font-18 text-primary fw-bold\"\n        footer-class=\"bg-secondary py-1\"\n        no-close-on-backdrop\n        size=\"md\"\n    >\n      <template #modal-title>\n        <div class=\"text-primary fw-bold text-center\">\n          <h4>Thêm chữ ký/mộc</h4>\n        </div>\n      </template>\n      <div style=\"height: 200px; width: 100%\">\n        <vue-cropper ref=\"cropper\" :img=\"option.img\" :output-size=\"option.size\" :output-type=\"option.outputType\"\n                     :info=\"true\" :full=\"option.full\" :fixed=\"fixed\" :fixed-number=\"fixedNumber\"\n                     :can-move=\"option.canMove\" :can-move-box=\"option.canMoveBox\" :fixed-box=\"option.fixedBox\"\n                     :original=\"option.original\"\n                     :auto-crop=\"option.autoCrop\" :auto-crop-width=\"option.autoCropWidth\"\n                     :auto-crop-height=\"option.autoCropHeight\" :center-box=\"option.centerBox\"\n                     @real-time=\"realTime\" :high=\"option.high\"\n                     @img-load=\"imgLoad\" mode=\"cover\" :max-img-size=\"option.max\"\n                     @crop-moving=\"cropMoving\"></vue-cropper>\n      </div>\n      <!--      <button @click=\"down\">Download</button>-->\n      <template #modal-footer=\"{cancel}\">\n        <b-button class=\"btn bg-white me-2 text-primary px-5\" @click=\"cancel()\">Huỷ</b-button>\n        <button\n            @click=\"addImageToPDF\"\n            class=\"btn px-5 text-white\"\n            style=\"background-color: #3082c9;\"\n        >\n          Lưu\n        </button>\n      </template>\n\n    </b-modal>\n    <!--  Modal thêm ghi chú -->\n    <b-modal\n        v-model=\"showModelNote\"\n        body-class=\"p-3\"\n        headerClass=\"justify-content-center\"\n        footerClass=\"bg-light py-1\"\n        centered\n        no-close-on-backdrop\n        size=\"md\"\n    >\n      <template #modal-title>\n        <div class=\"text-primary fw-bold text-center\">\n          <h4>Nhập nội dung</h4>\n        </div>\n      </template>\n      <form action=\"\">\n        <div class=\"row\">\n          <div class=\"col-6 mb-2\">\n            <div>\n              <label for=\"\">Kiểu chữ</label>\n              <select v-model=\"modelTextSign.fontWeight\" class=\"form-select\">\n                <option selected value=\"normal\">Bình thường</option>\n                <option value=\"bold\">In đậm</option>\n              </select>\n            </div>\n          </div>\n          <div class=\"col-6 mb-2\">\n            <div>\n              <label for=\"\">Kích thước</label>\n              <input\n                  v-model=\"modelTextSign.fontSize\"\n                  type=\"number\"\n                  min=\"8\"\n                  max=\"30\"\n                  class=\"form-control\"\n              />\n            </div>\n          </div>\n          <div class=\"col-12 mb-2\">\n            <div>\n              <label for=\"\">Nội dung hiển thị</label>\n              <textarea\n                  v-model=\"modelTextSign.content\"\n                  type=\"text\"\n                  class=\"form-control\"\n                  rows=\"4\"\n                  placeholder=\"Nhập nội dung...\"\n              ></textarea>\n            </div>\n          </div>\n        </div>\n      </form>\n      <template #modal-footer=\"{cancel}\">\n        <b-button class=\"btn bg-white me-2 text-primary px-5\" @click=\"cancel()\">Huỷ</b-button>\n        <b-button class=\"btn px-5 text-white\" @click=\"addTextSignature\" style=\"background-color: #3082c9;\">Cập nhật\n        </b-button>\n      </template>\n    </b-modal>\n    <!--    Modal hoành thành ký số -->\n    <b-modal\n        v-model=\"showModalHoanhThanhKySo\"\n        body-class=\"p-3 modal-hoanhthanhkyso\"\n        hide-header\n        class=\"modal-hoanhthanhkyso\"\n        hide-footer\n        centered\n        no-close-on-backdrop\n        hide-header-close\n        size=\"md\"\n\n    >\n      <div style=\"position: relative; \">\n\n        <div class=\"modal-hoanhthanhkyso-box\">\n          <div class=\"title-hoanhthanhkyso mb-2\">\n            <p class=\"fs-5 fw-bold\" style=\"color: #2a2a2a;\">Xác nhận ký số tài liệu</p>\n          </div>\n          <div>\n            <p class=\"fw-medium\" style=\"color: #2a2a2a;\">Yêu cầu ký số đã được gửi về thiết bị di động.</p>\n            <p style=\"color: #2a2a2a;\">Mở ứng dụng VNPT SmartCA và nhấn <b>Xác nhận</b> để ký tài liệu.</p>\n          </div>\n          <div class=\"row\">\n            <div class=\"col-lg-6 col-md-12 content-box-left mt-3\">\n              <div\n                  class=\"bg-xacnhankyso mb-3 w-100\"\n                  style=\"border-radius: 3px; padding: 5px;\"\n              >\n                <div class=\"d-flex align-items-center justify-content-between\">\n                  <p class=\"fw-bold\" style=\"color: #2a2a2a;\">Ứng dụng</p>\n                  <p class=\"me-3\" style=\"color: #2a2a2a; font-style: italic\">VNPT SmartCA</p>\n                </div>\n                <div class=\"d-flex align-items-center justify-content-between\">\n                  <p class=\"fw-bold\" style=\"color: #2a2a2a;\">Trạng thái</p>\n                  <p class=\"me-3\" style=\"color: #2a2a2a;\">{{trangThaiKySo}}</p>\n                </div>\n              </div>\n              <div>\n                <p class=\"text-center\" style=\"color: #2a2a2a;\">Thời gian còn lại</p>\n               <div class=\"row\">\n                 <div class=\"col-12 px-3\">\n                   <Countdown :date.sync=\"end\" @onFinish=\"finish()\"></Countdown>\n                 </div>\n                 <div class=\"col-12 px-3\" style=\"display: flex; justify-content: center; align-items: center\">\n                   <LetterCube  />\n                 </div>\n\n               </div>\n              </div>\n              <div class=\"my-3\">\n                <p style=\"color: #2a2a2a; font-style: italic\">Hệ thống D-Office DThU tích hợp ký số VNPT SmartCA.</p>\n                <div style=\"display: flex; flex-direction: column\">\n                  <button class=\"btn text-primary px-4 fw-semibold me-2\" v-if=\"downloadFile\" @click=\"downloadPDF\"   style=\"background-color: rgba(12,92,168, 0.1)\"> Tải xuống</button>\n                  <button class=\"btn text-info px-4 fw-semibold me-2\" v-if=\"isFinish\" @click=\"handleCloseHoanThanhKySoModal\" style=\"background-color: rgba(12,92,168, 0.1); margin-top: 10px\"> Đóng</button>\n                </div>\n\n              </div>\n            </div>\n            <div\n                class=\"mt-3 col-lg-6 col-md-12 \"\n\n            >\n              <div\n                  class=\"bg-xacnhankyso w-100 h-100 d-flex content-box-right align-items-center justify-content-center \"\n                  style=\"border-radius: 3px; padding: 5px;\"\n              >\n                <img src=\"~@/assets/images/mobile-xacnhan.png\" alt=\"mobile xac nhan\" width=\"150\">\n              </div>\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </b-modal>\n  </div>\n</template>\n<style>\nbody {\n  margin: 0;\n  height: 100%;\n  /*overflow: hidden;*/\n}\n\n.selected-pdf {\n  box-shadow: 0 0 0 1px rgba(52, 117, 224, 0.5);\n  border: 1px #14b0ef solid;\n}\n\n.slider-blue {\n  --slider-connect-bg: #3475e0;\n  --slider-tooltip-bg: #3475e0;\n  --slider-handle-ring-color: #3475e0;\n}\n\n.nav-kyso-box {\n  justify-content: flex-start;\n}\n.modal-hoanhthanhkyso{\n  background-color: transparent !important;\n}\n\n@media only screen and (max-width: 425px) {\n  .nav-kyso-box {\n    flex-direction: column-reverse;\n    justify-content: center;\n  }\n\n  .content-nav-left {\n    justify-content: center;\n  }\n\n  .nav-kyso-right {\n    justify-content: center !important;\n  }\n\n}\n</style>\n\n<style lang=\"scss\">\n.kyso-box {\n  & .card-kyso {\n\n    & .card-body {\n      padding: 0px;\n      position: relative;\n\n      & .nav-kyso {\n        background-color: #0C5CA8;\n        //position: fixed;\n        //top: 70px;\n        z-index: 1000;\n        width: 100%;\n        width: -webkit-fill-available;\n        border-top-left-radius: 3px;\n        border-top-right-radius: 3px;\n\n        & .nav-kyso-box {\n          & .nav-kyso-left {\n            display: flex;\n            align-items: center;\n            padding: 5px;\n\n            & .pdf-pages {\n              display: flex;\n              align-items: center;\n\n              & .number-pages {\n                & .btn-next {\n                  background-color: #fff;\n                }\n\n                & .btn-prev {\n                }\n              }\n            }\n\n            & .pdf-zoom {\n              display: flex;\n              align-items: center;\n\n              & .btn-number-zoom {\n                background-color: #fff;\n                color: #2a2a2a;\n              }\n\n            }\n\n            & .nav-line {\n              position: relative;\n\n              &:before {\n                content: \"\";\n                display: block;\n                width: 1px;\n                height: 30px;\n                color: #fff;\n                background-color: #fff;\n                margin: 0px 10px;\n              }\n            }\n\n          }\n\n          & .nav-kyso-right {\n            justify-content: flex-end;\n\n            & .dropdown {\n              & .btn {\n                background-color: #fff;\n                border-radius: 5px;\n              }\n\n              & .dropdown-menu {\n                & .btn-chuky,\n                & .btn-kynhay,\n                & .btn-kysophaply,\n                & .btn-kynhay {\n                  background-color: rgba(48, 130, 201, 0.1);\n                  display: flex;\n                  align-items: flex-end;\n                  align-content: flex-end;\n                  justify-content: center;\n                  padding-top: 10px;\n                  border-radius: 5px;\n                }\n\n                & .btn-kynhay {\n\n                }\n\n                & .btn-kysophaply {\n                }\n              }\n\n              & .chuky-box {\n                border: 1px dotted #ccc;\n                height: 80px;\n                min-height: 80px;\n                width: 250px;\n                min-width: 250px;\n                border-radius: 5px;\n                margin-top: 10px;\n              }\n\n              & .btn-selected {\n                background-color: rgba(204, 204, 204, 0.5);\n                border-top-right-radius: 0px;\n                border-bottom-right-radius: 0px;\n\n                &:hover {\n                  background-color: #005990;\n                  color: #fff;\n                }\n              }\n\n              & .btn-delete {\n                background-color: rgba(204, 204, 204, 0.2);\n                border-top-left-radius: 0px;\n                border-bottom-left-radius: 0px;\n\n                &:hover {\n                  background-color: #e72529;\n                  color: #fff;\n                }\n              }\n            }\n\n            & .btn-ghichu,\n            & .btn-kysophaply {\n              background-color: #3082c9;\n              color: #fff;\n              margin: 10px 5px;\n            }\n\n            & .btn-download {\n              background-color: #fff;\n              border-color: #2a2a2a;\n              margin: 10px 5px;\n            }\n          }\n        }\n\n      }\n    }\n  }\n}\n\n.btn-note-box {\n  position: absolute;\n\n}\n\n.footer-kyso {\n  position: fixed;\n  bottom: 0;\n  z-index: 1000;\n  background-color: #f5f5f5;\n  width: 100%;\n  width: -webkit-fill-available;\n  padding: 10px 0px;\n}\n.bg-xacnhankyso{\n  background-color: #F7F6F9;\n}\n\n</style>\n\n\n<style src=\"../../assets/tailwind.css\"/>\n\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./PdfEditorTest.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./PdfEditorTest.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PdfEditorTest.vue?vue&type=template&id=2001f2e2&\"\nimport script from \"./PdfEditorTest.vue?vue&type=script&lang=js&\"\nexport * from \"./PdfEditorTest.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PdfEditorTest.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./PdfEditorTest.vue?vue&type=style&index=1&lang=scss&\"\nimport style2 from \"../../assets/tailwind.css?vue&type=style&index=2&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/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","export * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ObjectImage.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}