{"version":3,"sources":["webpack:///./src/commoncomponents/progressButton/checkIcon.svg","webpack:///./src/commoncomponents/progressButton/progressButton.vue?82b2","webpack:///./src/commoncomponents/progressButton/progressButton.vue?8a8e","webpack:///./src/commoncomponents/progressButton/progressButton.vue?8c67","webpack:///./src/commoncomponents/progressButton/progressButton.vue","webpack:///./src/commoncomponents/progressButton/progressButton.less?4d1b","webpack:///./src/commoncomponents/progressButton/progressButton.ts"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","class","disableButton","disableTransition","attrs","buttonIndex","on","$event","buttonClick","itemObj","_t","_v","_s","buttonText","style","marginTop","staticRenderFns","ProgressButton","component","progressButtonWidth","buttonIndexReceived","obj","from","isValidation","tempDisableButton","percent","progressButtonDelay","i","interval","setInterval","progressBar","clearInterval","apiResponseCode","completeButton","handleError","updateProgress","setProgressResposeDelay","emitMethod","setProgressBeforeRespose","newBttun","document","getElementById","APP_CONST","STYLE","COLOR","PRIMARY_700","NEUTRAL_100","background","reSetprogressBar","element","classList","remove","add","complateButtonProgress","val","$emit","showDelay","setTimeout","Vue","tslib_1","Prop","default","type","Boolean","Watch","deep","immediate","Component"],"mappings":"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","file":"js/chunk-fa043a44.8ed2c64cfb0a6d040b7b.1729289171026.min.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/checkIcon.1b8f9439.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('button',{staticClass:\"btn-primary progressDiv application-progress\",class:{ 'disable': !_vm.disableButton, 'disable-transition': _vm.disableTransition },attrs:{\"id\":'progressBar' + _vm.buttonIndex,\"disabled\":!_vm.disableButton},on:{\"click\":function($event){return _vm.buttonClick(_vm.itemObj, _vm.buttonIndex, 'click')}}},[_vm._t(\"default\",[_c('span',{staticClass:\"btnText\",class:_vm.disableButton ? '' : 'color-black'},[_vm._v(_vm._s(_vm.buttonText))]),_c('span',{staticClass:\"check\"},[_c('em',{staticClass:\"rightIcon\"},[_c('img',{style:({ marginTop: '-15px' }),attrs:{\"src\":require(\"./checkIcon.svg\"),\"alt\":\"check\"}})])])])],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport ProgressButton from '@/commoncomponents/progressButton/progressButton';\nexport default ProgressButton;\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--13-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./progressButton.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--13-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./progressButton.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./progressButton.vue?vue&type=template&id=5c7dd02f&scoped=true&\"\nimport script from \"./progressButton.vue?vue&type=script&lang=ts&\"\nexport * from \"./progressButton.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./progressButton.less?vue&type=style&index=0&id=5c7dd02f&lang=less&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  \"5c7dd02f\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!./progressButton.less?vue&type=style&index=0&id=5c7dd02f&lang=less&scoped=true&\"","import APP_CONST from '@/constants/AppConst';\nimport { Vue, Component, Prop, Watch } from 'vue-property-decorator';\n@Component({\n})\nexport default class ProgressButton extends Vue {\n  public progressButtonWidth: number = 0;\n  public buttonIndexReceived = '';\n\n  @Prop({ default: 'Submit' })\n  buttonText!: string;\n\n  @Prop({ default: 600 })\n  progressButtonDelay!: number;\n\n  @Prop({ default: 0 })\n  apiResponseCode!: number;\n\n  @Prop({ default: '' })\n  itemObj: any;\n\n  @Prop({ default: true })\n  isValidation!: boolean;\n\n  @Prop({ default: false })\n  showDelay!: boolean;\n\n  @Prop({ default: '' })\n  buttonIndex!: any;\n\n  @Prop({ default: false })\n  updateProgress!: boolean;\n\n  @Prop({ default: true })\n  disableButton!: boolean;\n\n  @Prop({ type: Boolean, default: false }) disableTransition!: boolean;\n\n  @Watch('apiResponseCode', { deep: true, immediate: true })\n  apiResponse(val: any) {\n    if (val == 200) {\n      this.apiResponseCode = val;\n      this.completeButton();\n    } else if (val == 400) {\n      this.reSetprogressBar();\n    }\n  }\n\n  @Watch('isValidation', { deep: true, immediate: true })\n  checkValidations() {\n    this.buttonClick('', this.buttonIndex, 'fromWatcher');\n  }\n\n  buttonClick = (obj: any, buttonIndex: any, from: string) => {\n    if (!this.isValidation) {\n      this.progressButtonWidth = 0;\n      this.tempDisableButton();\n      this.buttonIndexReceived = buttonIndex;\n\n      const percent = this.progressButtonDelay / 50;\n      let i = 0;\n\n      const interval = setInterval(() => {\n        i++;\n        if (i >= 80) {\n          this.progressBar();\n          clearInterval(interval);\n          if (this.apiResponseCode == 200) {\n            this.completeButton();\n          } else if (this.apiResponseCode == 400) {\n            clearInterval(interval);\n            this.handleError(interval);\n          } else {\n            this.progressButtonWidth = i;\n            if (!this.updateProgress) {\n              this.setProgressResposeDelay();\n            } else {\n              this.progressBar();\n            }\n          }\n        } else {\n          if (this.apiResponseCode == 200) {\n            clearInterval(interval);\n            this.completeButton();\n          } else if (this.apiResponseCode == 400) {\n            clearInterval(interval);\n            this.handleError(interval);\n          } else {\n            this.progressButtonWidth = i;\n            this.progressBar();\n          }\n        }\n      }, percent);\n    }\n    if (from != 'fromWatcher') {\n      this.emitMethod(obj);\n    }\n  };\n\n  handleError(interval: any) {\n    clearInterval(interval);\n    this.reSetprogressBar();\n  }\n\n  emitMethod(obj: any) {\n    this.$emit('submitData', obj);\n  }\n\n  completeButton = () => {\n    this.setProgressBeforeRespose();\n  };\n\n  complateButtonProgress() {\n    const element: any = document.getElementById('progressBar' + this.buttonIndex);\n    const style = `linear-gradient(to right, ${APP_CONST.STYLE.COLOR.PRIMARY_700}${' ' + 100 + '%'}, ${APP_CONST.STYLE.COLOR.NEUTRAL_100}${' ' + 100 + '%'})`;\n    if (element) {\n      element.style.background = style;\n      element.classList.remove('disabled');\n      element.classList.add('finished');\n    }\n    this.progressButtonWidth = 100;\n    if (this.showDelay) {\n      setTimeout(() => {\n        this.reSetprogressBar();\n        this.$emit('close');\n      }, 100);\n    } else {\n      this.reSetprogressBar();\n      this.$emit('close');\n    }\n  }\n\n  tempDisableButton() {\n    const element: any = document.getElementById('progressBar' + this.buttonIndex);\n    if (element) {\n      element.classList.add('disabled');\n      element.classList.add('btn-secondary');\n      element.classList.remove('btn-primary');\n      element.classList.remove('finished');\n      const style = `linear-gradient(to right, ${APP_CONST.STYLE.COLOR.PRIMARY_700}${' ' + 0 + '%'}, ${APP_CONST.STYLE.COLOR.NEUTRAL_100}${' ' + 0 + '%'})`;\n      if (element.style) {\n        element.style.background = style;\n      }\n    }\n  }\n\n  progressBar = () => {\n    const newBttun: any = document.getElementById('progressBar' + this.buttonIndex);\n    const style = `linear-gradient(to right, ${APP_CONST.STYLE.COLOR.PRIMARY_700}${' ' + this.progressButtonWidth + '%'}, ${APP_CONST.STYLE.COLOR.NEUTRAL_100}${' ' + this.progressButtonWidth + '%'})`;\n    if (newBttun && newBttun.style) {\n      newBttun.style.background = style;\n    }\n  };\n\n  reSetprogressBar = () => {\n    const element: any = document.getElementById('progressBar' + this.buttonIndex);\n    if (element) {\n      element.classList.remove('disabled');\n      element.classList.remove('finished');\n      element.classList.add('btn-primary');\n      element.classList.remove('btn-secondary');\n      const style = `linear-gradient(to right, ${APP_CONST.STYLE.COLOR.NEUTRAL_100}${' ' + 0 + '%'},  ${APP_CONST.STYLE.COLOR.PRIMARY_700}${' ' + 0 + '%'})`;\n      element.style.background = style;\n    }\n    this.progressButtonWidth = 100;\n  };\n\n  setProgressBeforeRespose = () => {\n    const interval = setInterval(() => {\n      if (this.progressButtonWidth >= 100) {\n        clearInterval(interval);\n        this.complateButtonProgress();\n      } else {\n        if (this.apiResponseCode == 200) {\n          this.completeButton();\n          clearInterval(interval);\n          this.progressButtonWidth = 100;\n        } else\n          if (this.apiResponseCode == 400) {\n            clearInterval(interval);\n            this.handleError(interval);\n            this.progressButtonWidth = 100;\n          }\n          else {\n            this.progressButtonWidth = this.progressButtonWidth + 5;\n            this.progressBar();\n          }\n      }\n    }, 200);\n  };\n\n  setProgressResposeDelay = () => {\n    const interval = setInterval(() => {\n      if (this.progressButtonWidth >= 96) {\n        if (this.apiResponseCode == 200) {\n          clearInterval(interval);\n          this.completeButton();\n        } else if (this.apiResponseCode == 400) {\n          clearInterval(interval);\n          this.handleError(interval);\n        }\n        else {\n          this.progressBar();\n        }\n      } else {\n        if (this.apiResponseCode == 200) {\n          clearInterval(interval);\n          this.completeButton();\n        } else if (this.apiResponseCode == 400) {\n          clearInterval(interval);\n          this.handleError(interval);\n        }\n        else {\n          this.progressButtonWidth = this.progressButtonWidth + 0.50;\n          this.progressBar();\n        }\n      }\n    }, 1000);\n  };\n}\n"],"sourceRoot":""}