{"version":3,"sources":["webpack:///./src/modules/ebooks/_components/common/InputCodeActive2.vue?6ad5","webpack:///src/modules/ebooks/_components/common/InputCodeActive2.vue","webpack:///./src/modules/ebooks/_components/common/InputCodeActive2.vue?ccc9","webpack:///./src/modules/ebooks/_components/common/InputCodeActive2.vue","webpack:///./src/modules/ebooks/_components/common/InputCodeActive2.vue?6e3f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","directives","name","rawName","value","expression","ref","staticStyle","attrs","domProps","on","$event","target","composing","code1","checkCompleteInput","class","disabled","resetBookCode","staticRenderFns","props","bookCodeDefault","data","maxLengthInput","mounted","methods","initCode","e","self","component"],"mappings":"+IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,QAAQ,CAACE,YAAY,yDAAyD,CAACN,EAAIO,GAAG,kBAAkBH,EAAG,MAAM,CAACE,YAAY,iDAAiD,CAACF,EAAG,MAAM,CAACE,YAAY,2JAA2J,CAACF,EAAG,QAAQ,CAACI,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOX,EAAS,MAAEY,WAAW,UAAUC,IAAI,UAAUP,YAAY,iEAAiEQ,YAAY,CAAC,MAAQ,QAAQC,MAAM,CAAC,KAAO,QAAQC,SAAS,CAAC,MAAShB,EAAS,OAAGiB,GAAG,CAAC,MAAQ,CAAC,SAASC,GAAWA,EAAOC,OAAOC,YAAqBpB,EAAIqB,MAAMH,EAAOC,OAAOR,QAAO,SAASO,GAAQ,OAAOlB,EAAIsB,mBAAmBJ,UAAed,EAAG,IAAI,CAACE,YAAY,qDAAqDiB,MAAM,CAAEC,UAAWxB,EAAIqB,OAAQJ,GAAG,CAAC,MAAQjB,EAAIyB,sBAClhCC,EAAkB,GCkCtB,KACA,KACe,GACfjB,uBACAkB,OACAC,wBAEAC,KALA,WAMA,OACAR,SACAS,mBAGAC,QAXA,WAYA,iBAEAC,SACAC,SADA,WAEA,yBAGA,2BACA,aACA,gBAIAX,mBAXA,SAWAY,GACA,WACA,iBACA,gBACA,oBACAC,sBACAA,yCAEA,cACAA,sBACAA,0CAIAV,cAzBA,WA0BA,cACA,2BACA,2BC/EuY,I,wBCQnYW,EAAY,eACd,EACArC,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAU,E,2CCnBf","file":"js/chunk-4f9ff846.89e160d9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"input-code-active\"},[_c('label',{staticClass:\"secondary-color-txt font-size-16 font-sanpro-semibold\"},[_vm._v(\"Mã kích hoạt\")]),_c('div',{staticClass:\"input-code-active__detail display-flex-center\"},[_c('div',{staticClass:\"\\n        input-code-active__input\\n        display-flex-center\\n        color_bg_gray_light\\n        border-0 border-rd-20\\n        full-width\\n      \"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.code1),expression:\"code1\"}],ref:\"input_1\",staticClass:\"form-h30 border-rd-20 text-center border-0 color_bg_gray_light\",staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.code1)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.code1=$event.target.value},function($event){return _vm.checkCompleteInput($event)}]}})]),_c('i',{staticClass:\"icon-minus color-light border-rd-50 cursor-pointer\",class:{ disabled: !_vm.code1 },on:{\"click\":_vm.resetBookCode}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"input-code-active\">\r\n    <label class=\"secondary-color-txt font-size-16 font-sanpro-semibold\"\r\n      >Mã kích hoạt</label\r\n    >\r\n    <div class=\"input-code-active__detail display-flex-center\">\r\n      <div\r\n        class=\"\r\n          input-code-active__input\r\n          display-flex-center\r\n          color_bg_gray_light\r\n          border-0 border-rd-20\r\n          full-width\r\n        \"\r\n      >\r\n        <input\r\n          type=\"text\"\r\n          v-model=\"code1\"\r\n          ref=\"input_1\"\r\n          class=\"form-h30 border-rd-20 text-center border-0 color_bg_gray_light\"\r\n          style=\"width: 100%\"\r\n          @input=\"checkCompleteInput($event)\"\r\n        />\r\n      </div>\r\n      <i\r\n        class=\"icon-minus color-light border-rd-50 cursor-pointer\"\r\n        @click=\"resetBookCode\"\r\n        :class=\"{ disabled: !code1 }\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// CreatedBy: anhdd (8/12/2022)\r\nconst MAX_LENGTH_INPUT = 19;\r\nconst MAX_LENGTH_INPUT0 = 13;\r\nexport default {\r\n  name: \"InputCodeActive\",\r\n  props: {\r\n    bookCodeDefault: String,\r\n  },\r\n  data() {\r\n    return {\r\n      code1: \"\",\r\n      maxLengthInput: MAX_LENGTH_INPUT,\r\n    };\r\n  },\r\n  mounted() {\r\n    this.initCode();\r\n  },\r\n  methods: {\r\n    initCode() {\r\n      if (!this.bookCodeDefault) {\r\n        return;\r\n      }\r\n      const valueSplit = this.bookCodeDefault;\r\n      if (valueSplit.length > 0) {\r\n        this.code1 = valueSplit;\r\n      }\r\n    },\r\n\r\n    checkCompleteInput(e) {\r\n      const self = this;\r\n      let value = e.target.value;\r\n      if (value.includes(\"-\")) {\r\n        if (self.code1.length >= MAX_LENGTH_INPUT) {\r\n          self.code1 = value.substr(0, MAX_LENGTH_INPUT);\r\n          self.$emit(\"inputDone\", `${self.code1}`);\r\n        }\r\n      } else if (value.length >= MAX_LENGTH_INPUT0) {\r\n        self.code1 = value.substr(0, MAX_LENGTH_INPUT0);\r\n        self.$emit(\"inputDone\", `${self.code1}`);\r\n      }\r\n    },\r\n\r\n    resetBookCode() {\r\n      this.code1 = \"\";\r\n      this.$refs.input_1.focus();\r\n      this.$emit(\"resetCode\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\ninput {\r\n  width: 70px;\r\n  padding: 0;\r\n\r\n  &:focus,\r\n  &:active,\r\n  &:visited {\r\n    outline: 0;\r\n  }\r\n}\r\n.dash {\r\n  &:not(.opacity-1) {\r\n    opacity: 0;\r\n  }\r\n}\r\n.icon-minus {\r\n  background: $red;\r\n  margin-left: 5px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputCodeActive2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputCodeActive2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputCodeActive2.vue?vue&type=template&id=1b7f81cb&scoped=true&\"\nimport script from \"./InputCodeActive2.vue?vue&type=script&lang=js&\"\nexport * from \"./InputCodeActive2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InputCodeActive2.vue?vue&type=style&index=0&id=1b7f81cb&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1b7f81cb\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../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/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputCodeActive2.vue?vue&type=style&index=0&id=1b7f81cb&lang=scss&scoped=true&\""],"sourceRoot":""}