{"version":3,"sources":["webpack:///./src/components/Product/AuditTrail.vue?b748","webpack:///./src/components/Product/AuditTrail.vue","webpack:///src/components/Product/AuditTrail.vue","webpack:///./src/components/Product/AuditTrail.vue?0cd8","webpack:///./src/components/Product/AuditTrail.vue?83fa"],"names":["render","_vm","this","_c","_self","attrs","scopedSlots","_u","key","fn","_ref","close","staticClass","_v","_s","pageTitle","on","$event","Cancel","_ref2","ok","cancel","DownloadAsPDF","model","value","ShowAuditTrail","callback","$$v","expression","ref","PDFFileName","beforeDownload","slot","IsHistoryAvailable","_e","_l","statusList","status","index","Name","staticStyle","FormatTask","TaskName","TaskState","FormatDate","UpdatedDate","GetStatus","UpdatedBy","Comments","directives","name","rawName","modifiers","ShowHistoryStates","GetWorkflowHistoryStates","collapseIcon","HistoryAuditTrail","historyStatusList","parentIndex","ProcessID","States","HideHistoryWorkflow","expandIcon","Request","id","IsAuditTrail","staticRenderFns","components","VueHtml2pdf","props","required","type","Number","closeAuditModal","Boolean","data","require","USACountry","ID","HistoryProcessCount","HistoryLoaded","created","_this","GetWorkflowStates","$store","dispatch","parseInt","then","res","catch","err","alert","computed","Products","concat","ClientName","ClientID","length","ModalTitle","ProductName","IsBillingCountryUSA","Country","moment","Date","format","IsRequestCompleted","CompletionDate","methods","_this2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","stop","_this3","_callee2","_context2","_callee3","html2pdf","options","pdfContent","_context3","set","pagebreak","mode","from","toPdf","save","date","isValid","taskStatus","updatedBy","taskName","lastItem","undefined","firstItem","$emit","$refs","html2Pdf","generatePdf","component"],"mappings":"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","file":"js/chunk-589b1427.ead72a21.js","sourcesContent":["export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AuditTrail.vue?vue&type=style&index=0&id=7f3bdea0&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-modal',{attrs:{\"modal-class\":\"audit-trail\",\"dialog-class\":\"audit-trail\",\"no-close-on-backdrop\":true,\"size\":\"xl\"},scopedSlots:_vm._u([{key:\"modal-header\",fn:function({ close }){return [_c('h5',{staticClass:\"modal-title\"},[_vm._v(_vm._s(_vm.pageTitle))]),_c('button',{staticClass:\"close\",on:{\"click\":function($event){return _vm.Cancel()}}})]}},{key:\"modal-footer\",fn:function({ ok, cancel }){return [_c('div',{staticClass:\"text-right footer-buttons\"},[_c('button',{staticClass:\"btn custom-button btn-primary\",on:{\"click\":function($event){return _vm.DownloadAsPDF()}}},[_vm._v(\" Download As PDF \")])])]}}]),model:{value:(_vm.ShowAuditTrail),callback:function ($$v) {_vm.ShowAuditTrail=$$v},expression:\"ShowAuditTrail\"}},[_c('div',[_c('vue-html2pdf',{ref:\"html2Pdf\",attrs:{\"show-layout\":true,\"float-layout\":false,\"enable-download\":false,\"preview-modal\":false,\"paginate-elements-by-height\":1800,\"filename\":_vm.PDFFileName,\"pdf-quality\":2,\"manual-pagination\":false,\"pdf-format\":\"a4\",\"pdf-orientation\":\"landscape\",\"pdf-content-width\":\"100%\"},on:{\"beforeDownload\":function($event){return _vm.beforeDownload($event)}}},[_c('section',{attrs:{\"slot\":\"pdf-content\"},slot:\"pdf-content\"},[_c('div',{staticClass:\"request-status-container\"},[(_vm.IsHistoryAvailable)?_c('div',{staticClass:\"audit-label\"},[_vm._v(\"Most Recent Audit Trail\")]):_vm._e(),_c('ul',{staticClass:\"steps request-status\"},_vm._l((_vm.statusList),function(status,index){return _c('li',{key:status.Name,staticClass:\"step\",staticStyle:{\"display\":\"inline\"}},[_c('div',{staticClass:\"step-content\"},[_c('span',{staticClass:\"step-circle\"},[_vm._v(\" \")]),_c('span',{staticClass:\"step-text\"},[_c('div',{staticClass:\"status\"},[_vm._v(\" \"+_vm._s(_vm.FormatTask(status.TaskName, status.TaskState))+\" \")]),_c('div',{staticClass:\"date\"},[_vm._v(_vm._s(_vm.FormatDate(status.UpdatedDate)))]),_c('div',{staticClass:\"updatedby\"},[_vm._v(\" \"+_vm._s(_vm.GetStatus( status.TaskState, status.UpdatedBy, index, status.TaskName ))+\" \")]),(status.Comments)?_c('a',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"comments\",attrs:{\"title\":status.Comments}},[_vm._v(\" View Comments \")]):_vm._e()])])])}),0),(_vm.IsHistoryAvailable && _vm.ShowHistoryStates)?_c('div',{staticClass:\"audit-label\"},[_vm._v(\"Previous Audit Trail\")]):_vm._e(),(_vm.IsHistoryAvailable && !_vm.ShowHistoryStates)?_c('a',{staticClass:\"btn btn-link\",on:{\"click\":_vm.GetWorkflowHistoryStates}},[_c('b-img',{attrs:{\"src\":_vm.collapseIcon,\"alt\":\"expand\"}}),_vm._v(\" SEE PREVIOUS AUDIT TRAILS\")],1):_vm._e(),(_vm.ShowHistoryStates && _vm.IsHistoryAvailable)?_c('span',_vm._l((_vm.HistoryAuditTrail),function(historyStatusList,parentIndex){return _c('ul',{key:historyStatusList.ProcessID,staticClass:\"steps request-status\"},_vm._l((historyStatusList.States),function(status,index){return _c('li',{key:status.Name,staticClass:\"step\",staticStyle:{\"display\":\"inline\"}},[_c('div',{staticClass:\"step-content\"},[_c('span',{staticClass:\"step-circle\"},[_vm._v(\" \")]),_c('span',{staticClass:\"step-text\"},[_c('div',{staticClass:\"status\"},[_vm._v(\" \"+_vm._s(_vm.FormatTask(status.TaskName, status.TaskState))+\" \")]),_c('div',{staticClass:\"date\"},[_vm._v(_vm._s(_vm.FormatDate(status.UpdatedDate)))]),_c('div',{staticClass:\"updatedby\"},[_vm._v(\" \"+_vm._s(_vm.GetStatus( status.TaskState, status.UpdatedBy, index, status.TaskName, parentIndex ))+\" \")]),(status.Comments)?_c('a',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"comments\",attrs:{\"title\":status.Comments}},[_vm._v(\" View Comments \")]):_vm._e()])])])}),0)}),0):_vm._e(),(_vm.IsHistoryAvailable && _vm.ShowHistoryStates)?_c('a',{staticClass:\"btn btn-link\",on:{\"click\":_vm.HideHistoryWorkflow}},[_c('b-img',{attrs:{\"src\":_vm.expandIcon,\"alt\":\"expand\"}}),_vm._v(\" See less\")],1):_vm._e()]),_c('product-overview',{staticClass:\"audit-main\",attrs:{\"Request\":_vm.Request,\"ID\":_vm.id,\"IsAuditTrail\":_vm.IsAuditTrail}})],1)])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-modal\r\n    modal-class=\"audit-trail\"\r\n    dialog-class=\"audit-trail\"\r\n    v-model=\"ShowAuditTrail\"\r\n    :no-close-on-backdrop=\"true\"\r\n    size=\"xl\"\r\n  >\r\n    <template v-slot:modal-header=\"{ close }\">\r\n      <h5 class=\"modal-title\">{{ pageTitle }}</h5>\r\n      <button class=\"close\" @click=\"Cancel()\"></button>\r\n    </template>\r\n\r\n    <div>\r\n      <vue-html2pdf\r\n        :show-layout=\"true\"\r\n        :float-layout=\"false\"\r\n        :enable-download=\"false\"\r\n        :preview-modal=\"false\"\r\n        :paginate-elements-by-height=\"1800\"\r\n        :filename=\"PDFFileName\"\r\n        :pdf-quality=\"2\"\r\n        :manual-pagination=\"false\"\r\n        pdf-format=\"a4\"\r\n        pdf-orientation=\"landscape\"\r\n        pdf-content-width=\"100%\"\r\n        @beforeDownload=\"beforeDownload($event)\"\r\n        ref=\"html2Pdf\"\r\n      >\r\n        <section slot=\"pdf-content\">\r\n          <div class=\"request-status-container\">\r\n            <div v-if=\"IsHistoryAvailable\" class=\"audit-label\">Most Recent Audit Trail</div>\r\n            <ul class=\"steps request-status\">\r\n              <li\r\n                class=\"step\"\r\n                v-for=\"(status, index) in statusList\"\r\n                :key=\"status.Name\"\r\n                style=\"display: inline\"\r\n              >\r\n                <div class=\"step-content\">\r\n                  <span class=\"step-circle\">&nbsp;</span>\r\n                  <span class=\"step-text\">\r\n                    <div class=\"status\">\r\n                      {{ FormatTask(status.TaskName, status.TaskState) }}\r\n                    </div>\r\n                    <div class=\"date\">{{ FormatDate(status.UpdatedDate) }}</div>\r\n                    <div class=\"updatedby\">\r\n                      {{\r\n                        GetStatus(\r\n                          status.TaskState,\r\n                          status.UpdatedBy,\r\n                          index,\r\n                          status.TaskName\r\n                        )\r\n                      }}\r\n                    </div>\r\n                    <a\r\n                      class=\"comments\"\r\n                      v-if=\"status.Comments\"\r\n                      :title=\"status.Comments\"\r\n                      v-b-tooltip.hover\r\n                    >\r\n                      View Comments\r\n                    </a>\r\n                  </span>\r\n                </div>\r\n              </li>\r\n            </ul>\r\n            <div v-if=\"IsHistoryAvailable && ShowHistoryStates\" class=\"audit-label\">Previous Audit Trail</div>\r\n            <a class=\"btn btn-link\" v-if=\"IsHistoryAvailable && !ShowHistoryStates\" @click=\"GetWorkflowHistoryStates\">\r\n              <b-img :src=\"collapseIcon\" alt=\"expand\"></b-img> SEE PREVIOUS AUDIT TRAILS</a>\r\n            <span v-if=\"ShowHistoryStates && IsHistoryAvailable\">\r\n            <ul v-for=\"(historyStatusList,parentIndex) in HistoryAuditTrail\" :key=\"historyStatusList.ProcessID\" class=\"steps request-status\">\r\n              <li\r\n                class=\"step\"\r\n                v-for=\"(status, index) in historyStatusList.States\"\r\n                :key=\"status.Name\"\r\n                style=\"display: inline\"\r\n              >\r\n                <div class=\"step-content\">\r\n                  <span class=\"step-circle\">&nbsp;</span>\r\n                  <span class=\"step-text\">\r\n                    <div class=\"status\">\r\n                      {{ FormatTask(status.TaskName, status.TaskState) }}\r\n                    </div>\r\n                    <div class=\"date\">{{ FormatDate(status.UpdatedDate) }}</div>\r\n                    <div class=\"updatedby\">\r\n                      {{\r\n                        GetStatus(\r\n                          status.TaskState,\r\n                          status.UpdatedBy,\r\n                          index,\r\n                          status.TaskName,\r\n                          parentIndex\r\n                        )\r\n                      }}\r\n                    </div>\r\n                    <a\r\n                      class=\"comments\"\r\n                      v-if=\"status.Comments\"\r\n                      :title=\"status.Comments\"\r\n                      v-b-tooltip.hover\r\n                    >\r\n                      View Comments\r\n                    </a>\r\n                  </span>\r\n                </div>\r\n              </li>\r\n            </ul>\r\n            </span>\r\n             <a class=\"btn btn-link\" v-if=\"IsHistoryAvailable && ShowHistoryStates\" @click=\"HideHistoryWorkflow\"><b-img :src=\"expandIcon\" alt=\"expand\"></b-img> See less</a>\r\n          </div>\r\n          <product-overview\r\n            :Request=\"Request\"\r\n            :ID=\"id\"\r\n            :IsAuditTrail=\"IsAuditTrail\"\r\n            class=\"audit-main\"\r\n          ></product-overview>\r\n        </section>\r\n      </vue-html2pdf>\r\n    </div>\r\n    <template v-slot:modal-footer=\"{ ok, cancel }\">\r\n      <div class=\"text-right footer-buttons\">\r\n        <button class=\"btn custom-button btn-primary\" @click=\"DownloadAsPDF()\">\r\n          Download As PDF\r\n        </button>\r\n      </div>\r\n    </template>\r\n  </b-modal>\r\n</template>\r\n\r\n<script>\r\nimport moment from \"moment\";\r\nimport VueHtml2pdf from \"vue-html2pdf\";\r\n// import { ApproveLevel2 } from \"../../utilities/ProductWorkflowStates\";\r\nexport default {\r\n  components: {\r\n    VueHtml2pdf,\r\n  },\r\n  name: \"ProductAuditTrail\",\r\n  props: {\r\n    id: {\r\n      required: true,\r\n      type: Number,\r\n    },\r\n    closeAuditModal: {\r\n      required: true,\r\n      type: Boolean,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      collapseIcon: require(\"@/assets/Icons/arrow-down.svg\"),\r\n      expandIcon: require(\"@/assets/Icons/arrow-up-big.svg\"),\r\n      Request: null,\r\n      USACountry: \"United States\",\r\n      ShowAuditTrail: true,\r\n      statusList: [],\r\n      ID: null,\r\n      IsAuditTrail: true,\r\n      HistoryProcessCount: 0,\r\n      HistoryAuditTrail: [],\r\n      HistoryLoaded:false,\r\n      ShowHistoryStates:false\r\n    };\r\n  },\r\n  created() {\r\n    this.ShowAuditTrail = true;\r\n    this.GetWorkflowStates();\r\n    this.$store\r\n      .dispatch(\"product/GetProductAuditFormData\", parseInt(this.id))\r\n      .then((res) => {\r\n        this.Request = res.data;\r\n      })\r\n      .catch((err) => {\r\n        alert(err);\r\n      });\r\n  },\r\n  computed: {\r\n    IsHistoryAvailable(){\r\n   return this.HistoryProcessCount>0;\r\n    },\r\n    pageTitle() {\r\n      return this.Request && this.Request.Products\r\n        ? `${this.Request.ClientName} - ${this.Request.ClientID} | ${this.Request.Products.length} Products`\r\n        : \"\";\r\n    },\r\n    ModalTitle() {\r\n      return this.Request != null\r\n        ? `Audit Trail - ${this.Request.ProductName}`\r\n        : \"Audit Trail\";\r\n    },\r\n    IsBillingCountryUSA() {\r\n      return this.Request.Country == this.USACountry;\r\n    },\r\n    PDFFileName() {\r\n      return `${this.ModalTitle}_${moment(new Date()).format(\r\n        \"MMDDYYYYHHmmss\"\r\n      )}`;\r\n    },\r\n    IsRequestCompleted() {\r\n      return (\r\n        this.Request.CompletionDate != null\r\n      );\r\n    },\r\n  },\r\n  methods: {\r\n    async GetWorkflowStates() {\r\n      this.$store\r\n        .dispatch(\"product/GetProductWorkflowStates\", parseInt(this.id))\r\n        .then((res) => {\r\n          this.statusList = res.data.States;\r\n          this.HistoryProcessCount = res.data.HistoryProcessCount;\r\n        })\r\n        .catch((err) => {\r\n          alert(err);\r\n        });\r\n    },\r\n     async GetWorkflowHistoryStates() {\r\n      if(this.HistoryLoaded!=true){\r\n      this.$store\r\n        .dispatch(\"product/GetProductWorkflowHistoryStates\", parseInt(this.id))\r\n        .then((res) => {\r\n          this.HistoryAuditTrail = res.data;\r\n          this.HistoryLoaded=true;\r\n          this.ShowHistoryStates=true;\r\n        })\r\n        .catch((err) => {\r\n          alert(err);\r\n        });\r\n      }\r\n      if(this.HistoryLoaded==true){\r\n        this.ShowHistoryStates=true;\r\n      }\r\n    },\r\n     HideHistoryWorkflow(){\r\nthis.ShowHistoryStates=false;\r\n    },\r\n    async beforeDownload({ html2pdf, options, pdfContent }) {\r\n      await html2pdf()\r\n        .set(options)\r\n        .set({\r\n          pagebreak: { mode: [\"avoid-all\", \"css\", \"legacy\"] },\r\n        })\r\n        .from(pdfContent)\r\n        .toPdf()\r\n        .save();\r\n    },\r\n    FormatTask(name) {\r\n      // if (state == \"Finished\" && name == ApproveLevel2) {\r\n      //   return `${name} (${this.Request.CompletedCode})`;\r\n      // } else {\r\n        return name;\r\n      // }\r\n    },\r\n    FormatDate(date) {\r\n      return date != null && moment(new Date(date)).isValid()\r\n        ? moment(date).format(\"MM/DD/YYYY\")\r\n        : \"-\";\r\n    },\r\n    GetStatus(taskStatus, updatedBy, index, taskName,parentIndex) {\r\n      let status = \"\";\r\n      let lastItem = this.statusList.length - 1 == index;\r\n      if(parentIndex!=undefined && parentIndex!=null && parseInt(parentIndex)>-1){\r\n        lastItem = this.HistoryAuditTrail[parentIndex].States.length - 1 == index;\r\n      }\r\n      let firstItem = index == 0;\r\n\r\n      switch (taskStatus) {\r\n        case \"Finished\":\r\n          status = firstItem\r\n            ? `Submitted by ${updatedBy}`\r\n            : lastItem && this.IsRequestCompleted\r\n            ? `Completed by ${updatedBy}`\r\n            : `Approved by ${updatedBy}`;\r\n          break;\r\n        case \"Ready\":\r\n          status =\r\n            taskName == \"Complete Request\"\r\n              ? \"Pending for completion\"\r\n              : `Waiting for approval`;\r\n          break;\r\n        case \"Assigned\":\r\n          status = `Waiting for approval`;\r\n          break;\r\n        case \"Started\":\r\n          status = ``;\r\n          break;\r\n        case \"Canceled\":\r\n          status = lastItem\r\n            ? `Rejected by ${updatedBy}`\r\n            : firstItem\r\n            ? `Submitted by ${updatedBy}`\r\n            : `Approved by ${updatedBy}`;\r\n          break;\r\n        default:\r\n          status = ``;\r\n          break;\r\n      }\r\n      return status;\r\n    },\r\n    Cancel() {\r\n      this.ShowAuditTrail = false;\r\n      this.$emit(\"closeAudit\");\r\n    },\r\n    DownloadAsPDF() {\r\n      this.$refs.html2Pdf.generatePdf();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.audit-label {\r\n  font-size: 14px;\r\n  font-weight: bold;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: normal;\r\n  letter-spacing: normal;\r\n  color: #4d5161;\r\n  margin-left: 2rem;\r\n  padding-top:1rem;\r\n}\r\n.panel-list:not(.media-dropdowns) {\r\n  padding-left: 2.5rem;\r\n  padding-right: 2.5rem;\r\n}\r\n.panel-list .panel-body .panel-title {\r\n  border-bottom: 1px solid rgba(151, 151, 151, 0.2);\r\n  width: 100%;\r\n  margin-left: 0px;\r\n  margin-bottom: 25px !important;\r\n}\r\n.panel-list .panel-body .panel-title label {\r\n  color: #77a2bb;\r\n  margin-bottom: 0px !important;\r\n  padding-top: 13px !important;\r\n  font-family: \"Open Sans\";\r\n  font-size: 14px;\r\n  font-weight: bold;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: 0.57;\r\n  letter-spacing: normal;\r\n  padding-left: 0px !important;\r\n  min-height: 35px;\r\n}\r\n.panel-list .panel-body .panel-title .btn {\r\n  padding-left: 5px;\r\n  padding-right: 5px;\r\n}\r\n.panel-list .panel-body .panel-title > div {\r\n  padding-right: 0px !important;\r\n  float: right;\r\n  font-family: \"Open Sans\";\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: 0.75;\r\n  letter-spacing: normal;\r\n  color: #00a1d2;\r\n}\r\n.panel-list .panel-content label {\r\n  text-transform: uppercase;\r\n  color: #2c3865;\r\n  font-size: 12px;\r\n  margin-bottom: 1px !important;\r\n  padding-left: 0px;\r\n}\r\n.panel-list .panel-content p {\r\n  text-transform: uppercase;\r\n  color: #4d5161;\r\n  font-size: 14px;\r\n}\r\n.panel-content.row > div > label:first-child {\r\n  color: #2c3865 !important;\r\n  font-family: \"Open Sans\" !important;\r\n  font-size: 12px;\r\n  font-weight: 600 !important;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: 1.42;\r\n  letter-spacing: normal;\r\n}\r\n.panel-content.row > div > :not(:first-child) {\r\n  font-family: \"Open Sans\" !important;\r\n  font-size: 14px !important;\r\n}\r\n.panel-content.row > div > div {\r\n  font-family: \"Open Sans\";\r\n  font-size: 14px;\r\n  font-weight: normal;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  letter-spacing: normal;\r\n  color: #4d5161;\r\n}\r\n.panel-list > .panel-body {\r\n  margin-top: 1rem !important;\r\n}\r\n.panel-content.row > div {\r\n  margin-bottom: 10px !important;\r\n}\r\n.edit-icon {\r\n  height: 11px;\r\n  width: 11px;\r\n  color: #00a1d2;\r\n}\r\n.request-status {\r\n  background-color:transparent;\r\n  margin-left: 1rem;\r\n  margin-right: 1rem;\r\n  display: flex;\r\n  height: 135px;\r\n  border-radius: 5px;\r\n    padding-left: 2rem;\r\n}\r\n.request-status-container {\r\n  background-color: rgba(216, 216, 216, 0.2);\r\n  margin-left:3rem;\r\n  margin-right:3rem;\r\n\r\n}\r\n.status-bar {\r\n  line-height: 2;\r\n  color: #d5d7e0;\r\n}\r\n.request-status .status {\r\n  font-size: 12px;\r\n  font-family: \"Open Sans\";\r\n  font-weight: 600;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  letter-spacing: normal;\r\n  color: #4d5161;\r\n}\r\n.request-status .date {\r\n  font-size: 10px;\r\n  font-family: \"Open Sans\";\r\n  font-weight: regular;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  letter-spacing: normal;\r\n  color: #a2a9ad;\r\n}\r\n.request-status .updatedby {\r\n  font-size: 10px;\r\n  font-family: \"Open Sans\";\r\n  font-weight: regular;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  letter-spacing: normal;\r\n  color: #4d5161;\r\n}\r\n.request-status .comments {\r\n  font-size: 12px;\r\n  font-family: \"Open Sans\";\r\n  font-weight: 600;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  letter-spacing: normal;\r\n  color: #00a1d2;\r\n}\r\n.steps.request-status {\r\n  padding-top: 20px;\r\n}\r\n.steps.request-status .step-text > * {\r\n  white-space: normal;\r\n  word-break: break-word;\r\n}\r\n.steps.request-status .step-content {\r\n  min-width: 11rem !important;\r\n  max-width: 11rem !important;\r\n  padding-right: 0px !important;\r\n}\r\n</style>","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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AuditTrail.vue?vue&type=script&lang=js\"; 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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AuditTrail.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AuditTrail.vue?vue&type=template&id=7f3bdea0&scoped=true\"\nimport script from \"./AuditTrail.vue?vue&type=script&lang=js\"\nexport * from \"./AuditTrail.vue?vue&type=script&lang=js\"\nimport style0 from \"./AuditTrail.vue?vue&type=style&index=0&id=7f3bdea0&prod&scoped=true&lang=css\"\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  \"7f3bdea0\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}