{"version":3,"sources":["webpack:///./src/commoncomponents/progressButton/checkIcon.svg","webpack:///./src/commoncomponents/progressButton/progressButton.vue?ef81","webpack:///./src/commoncomponents/progressButton/progressButton.ts","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?b9ba"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","class","disableButton","style","backgroundColor","accentColor","borderColor","attrs","buttonIndex","on","e","buttonClick","itemObj","_v","_s","buttonText","marginTop","staticRenderFns","progressButtonWidth","buttonIndexReceived","obj","from","isValidation","tempDisableButton","percent","progressButtonDelay","i","interval","setInterval","progressBar","clearInterval","apiResponseCode","completeButton","handleError","updateProgress","setProgressResposeDelay","emitMethod","setProgressBeforeRespose","newBttun","document","getElementById","STYLE","COLOR","NEUTRAL_100","background","btnSpan","color","BACKGROUND_100","reSetprogressBar","element","classList","remove","add","complateButtonProgress","val","$emit","showDelay","setTimeout","default","deep","immediate","component"],"mappings":"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","file":"js/chunk-99fb9f7e.1c859329.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:_vm.disableButton ? '' : 'disable',style:({backgroundColor: _vm.accentColor, borderColor: _vm.accentColor }),attrs:{\"id\":'progressBar' + _vm.buttonIndex,\"disabled\":!_vm.disableButton},on:{\"click\":function (e) { return _vm.buttonClick(_vm.itemObj, _vm.buttonIndex, 'click'); }}},[_c('span',{staticClass:\"btnText color-white\",attrs:{\"id\":'buttonSpan' + _vm.buttonIndex}},[_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\"}})])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import APP_CONST from '@/constants/AppConst';\nimport { Vue, Component, Prop, Watch } from 'vue-property-decorator';\n\n@Component\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()\n      accentColor!: string;\n\n    @Watch('apiResponseCode', { deep: true, immediate: true })\n    apiResponse(val: any) {\n      if (val == 200) {\n        this.apiResponseCode = val;\n        this.completeButton();\n      }\n      else if (val == 400) {\n        this.reSetprogressBar();\n      }\n    }\n\n    @Watch('isValidation', { deep: true, immediate: true })\n    checkValidations(val: any) {\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          /* istanbul ignore if */\n          if (i >= 80) {\n            this.progressBar();\n            clearInterval(interval);\n            if (this.apiResponseCode == 200) {\n              this.completeButton();\n            }\n            else if (this.apiResponseCode == 400) {\n              clearInterval(interval);\n              this.handleError(interval);\n            }\n            else {\n              this.progressButtonWidth = i;\n              if (!this.updateProgress) {\n                this.setProgressResposeDelay();\n              }\n              else {\n                this.progressBar();\n              }\n            }\n          }\n          else {\n            if (this.apiResponseCode == 200) {\n              clearInterval(interval);\n              this.completeButton();\n            }\n            else if (this.apiResponseCode == 400) {\n              clearInterval(interval);\n              this.handleError(interval);\n            }\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, ${this.accentColor}${' ' + 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      }\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, ${this.accentColor}${' ' + 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, ${this.accentColor}${' ' + this.progressButtonWidth + '%'},  ${APP_CONST.STYLE.COLOR.NEUTRAL_100}${' ' + this.progressButtonWidth + '%'})`;\n      if (newBttun && newBttun.style) {\n        newBttun.style.background = style;\n      }\n      const btnSpan: any = document.getElementById('buttonSpan' + this.buttonIndex);\n      if(btnSpan && btnSpan.style){\n        btnSpan.style.color = APP_CONST.STYLE.COLOR.BACKGROUND_100;\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        let style = '';\n        if (this.disableButton) {\n          style = `linear-gradient(to right, ${APP_CONST.STYLE.COLOR.NEUTRAL_100}${' ' + 0 + '%'},  ${this.accentColor}${' ' + 0 + '%'})`;\n\n        }\n        element.style.background = style;\n        const btnSpan: any = document.getElementById('buttonSpan' + this.buttonIndex);\n        if(btnSpan && btnSpan.style){\n          btnSpan.style.color = APP_CONST.STYLE.COLOR.NEUTRAL_100;\n        }\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        }\n        else {\n          if (this.apiResponseCode == 200) {\n            this.completeButton();\n            clearInterval(interval);\n            this.progressButtonWidth = 100;\n          }\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          }\n          else if (this.apiResponseCode == 400) {\n            clearInterval(interval);\n            this.handleError(interval);\n          }\n          else {\n            this.progressBar();\n          }\n        }\n        else {\n          if (this.apiResponseCode == 200) {\n            clearInterval(interval);\n            this.completeButton();\n          }\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","\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=14901e46&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=14901e46&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  \"14901e46\",\n  null\n  \n)\n\nexport default component.exports","import mod 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=14901e46&lang=less&scoped=true&\"; export default mod; 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=14901e46&lang=less&scoped=true&\""],"sourceRoot":""}