{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/flatmapvuer/src/components/AnnotationTool.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/flatmapvuer/src/components/AnnotationTool.vue","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/babel-loader/lib/index.js","mtime":456789000000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCi8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBWdWUgZnJvbSAidnVlIjsKaW1wb3J0IHsgQW5ub3RhdGlvblNlcnZpY2UgfSBmcm9tICJAYWJpLXNvZnR3YXJlL3NwYXJjLWFubm90YXRpb24iOwppbXBvcnQgeyBCdXR0b24sIENvbCwgSW5wdXQsIE1haW4sIFJvdywgU2VsZWN0IH0gZnJvbSAiZWxlbWVudC11aSI7CmltcG9ydCBsYW5nIGZyb20gImVsZW1lbnQtdWkvbGliL2xvY2FsZS9sYW5nL2VuIjsKaW1wb3J0IGxvY2FsZSBmcm9tICJlbGVtZW50LXVpL2xpYi9sb2NhbGUiOwoKbG9jYWxlLnVzZShsYW5nKTsKVnVlLnVzZShCdXR0b24pOwpWdWUudXNlKENvbCk7ClZ1ZS51c2UoSW5wdXQpOwpWdWUudXNlKE1haW4pOwpWdWUudXNlKFJvdyk7ClZ1ZS51c2UoU2VsZWN0KTsKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiQW5ub3RhdGlvblRvb2wiLAogIHByb3BzOiB7CiAgICBhbm5vdGF0aW9uRW50cnk6IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgfSwKICB9LAogIGluamVjdDogWydmbGF0bWFwQVBJJ10sCiAgZGF0YTogZnVuY3Rpb24oKSB7CiAgICByZXR1cm4gewogICAgICBkaXNwbGF5UGFpcjogewogICAgICAgICJGZWF0dXJlIElEIjogImZlYXR1cmVJZCIsCiAgICAgICAgIlRvb2x0aXAiOiAibGFiZWwiLAogICAgICAgICJNb2RlbHMiOiAibW9kZWxzIiwKICAgICAgICAiTmFtZSI6ICJuYW1lIiwKICAgICAgICAiUmVzb3VyY2UiOiAicmVzb3VyY2VJZCIKICAgICAgfSwKICAgICAgZWRpdGluZzogZmFsc2UsCiAgICAgIGV2aWRlbmNlUHJlZml4ZXM6ICBbCiAgICAgICAgIkRPSToiLAogICAgICAgICJQTUlEOiIsCiAgICAgIF0sCiAgICAgIGV2aWRlbmNlUHJlZml4OiAiRE9JOiIsIAogICAgICBldmlkZW5jZTogWyBdLAogICAgICBhdXRoZW50aWNhdGVkOiBmYWxzZSwKICAgICAgbmV3RXZpZGVuY2U6ICcnLAogICAgICBjb21tZW50OiAnJywKICAgICAgcHJldlN1YnM6IFsgXSwKICAgICAgc2hvd1N1Ym1pc3Npb25zOiB0cnVlLAogICAgICBlcnJvck1lc3NhZ2U6ICIiLAogICAgfQogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIGlzRWRpdGFibGU6IGZ1bmN0aW9uKCkgewogICAgICByZXR1cm4gdGhpcy5hbm5vdGF0aW9uRW50cnlbJ3Jlc291cmNlSWQnXSAmJiB0aGlzLmFubm90YXRpb25FbnRyeVsnZmVhdHVyZUlkJ107CiAgICB9LAogIH0sCiAgbWV0aG9kczogewogICAgZXZpZGVuY2VFbnRlcmVkOiBmdW5jdGlvbih2YWx1ZSkgewogICAgICBpZiAodmFsdWUpIHsKICAgICAgICB0aGlzLmV2aWRlbmNlLnB1c2godGhpcy5ldmlkZW5jZVByZWZpeCArIHZhbHVlKTsKICAgICAgICB0aGlzLm5ld0V2aWRlbmNlID0gIiI7CiAgICAgIH0KICAgIH0sCiAgICBmb3JtYXRUaW1lOiBmdW5jdGlvbihkYXRlU3RyaW5nKSB7CiAgICAgIGNvbnN0IG9wdGlvbnMgPSB7IHllYXI6ICJudW1lcmljIiwgbW9udGg6ICJsb25nIiwgZGF5OiAibnVtZXJpYyIsIAogICAgICAgIGhvdXI6ICJudW1lcmljIiwgbWludXRlOiAibnVtZXJpYyIsIHNlY29uZDogIm51bWVyaWMiIH07CiAgICAgIHJldHVybiBuZXcgRGF0ZShkYXRlU3RyaW5nKS50b0xvY2FsZURhdGVTdHJpbmcodW5kZWZpbmVkLCBvcHRpb25zKTsKICAgIH0sCiAgICB1cGRhdGVQcmV2U3VibWlzc2lvbnM6IGZ1bmN0aW9uKCkgewogICAgICBpZiAodGhpcy4kYW5ub3RhdG9yICYmIHRoaXMuYXV0aGVudGljYXRlZCkgewogICAgICAgIGlmICh0aGlzLmFubm90YXRpb25FbnRyeVsncmVzb3VyY2VJZCddICYmCiAgICAgICAgICB0aGlzLmFubm90YXRpb25FbnRyeVsnZmVhdHVyZUlkJ10pIHsKICAgICAgICAgIHRoaXMuJGFubm90YXRvci5pdGVtQW5ub3RhdGlvbnModGhpcy5hbm5vdGF0aW9uRW50cnlbJ3Jlc291cmNlSWQnXSwKICAgICAgICAgIHRoaXMuYW5ub3RhdGlvbkVudHJ5WydmZWF0dXJlSWQnXSkudGhlbigodmFsdWUpID0+IHsKICAgICAgICAgICAgdGhpcy5wcmV2U3VicyA9IHZhbHVlOwogICAgICAgICAgfSkKICAgICAgICAgIC5jYXRjaCgocmVhc29uKSA9PiB7CiAgICAgICAgICAgIGNvbnNvbGUubG9nKHJlYXNvbik7IC8vIEVycm9yIQogICAgICAgICAgfSk7CiAgICAgICAgfQogICAgICB9CiAgICB9LAogICAgc3VibWl0OiBmdW5jdGlvbigpIHsKICAgICAgaWYgKCh0aGlzLmV2aWRlbmNlLmxlbmd0aCA+IDApIHx8IHRoaXMuY29tbWVudCkgewogICAgICAgIGlmICh0aGlzLmFubm90YXRpb25FbnRyeVsncmVzb3VyY2VJZCddICYmCiAgICAgICAgICB0aGlzLmFubm90YXRpb25FbnRyeVsnZmVhdHVyZUlkJ10pIHsKICAgICAgICAgIGNvbnN0IGV2aWRlbmNlVVJMcyA9IFtdOwogICAgICAgICAgdGhpcy5ldmlkZW5jZS5mb3JFYWNoKChldmlkZW5jZSkgPT4gewogICAgICAgICAgICBpZiAoZXZpZGVuY2UuaW5jbHVkZXMoIkRPSToiKSkgewogICAgICAgICAgICAgIGNvbnN0IGxpbmsgPSBldmlkZW5jZS5yZXBsYWNlKCJET0k6IiwgImh0dHBzOi8vZG9pLm9yZy8iKTsKICAgICAgICAgICAgICBldmlkZW5jZVVSTHMucHVzaChuZXcgVVJMKGxpbmspKTsKICAgICAgICAgICAgfSBlbHNlIGlmIChldmlkZW5jZS5pbmNsdWRlcygiUE1JRDoiKSkgewogICAgICAgICAgICAgIGNvbnN0IGxpbmsgPSBldmlkZW5jZS5yZXBsYWNlKCJQTUlEOiIsICJodHRwczovL3B1Ym1lZC5uY2JpLm5sbS5uaWguZ292LyIpOwogICAgICAgICAgICAgIGV2aWRlbmNlVVJMcy5wdXNoKG5ldyBVUkwobGluaykpOwogICAgICAgICAgICB9CiAgICAgICAgICB9KTsKICAgICAgICAgIGNvbnN0IHVzZXJBbm5vdGF0aW9uID0gewogICAgICAgICAgICByZXNvdXJjZTogdGhpcy5hbm5vdGF0aW9uRW50cnlbJ3Jlc291cmNlSWQnXSwKICAgICAgICAgICAgaXRlbTogdGhpcy5hbm5vdGF0aW9uRW50cnlbJ2ZlYXR1cmVJZCddLAogICAgICAgICAgICBldmlkZW5jZTogZXZpZGVuY2VVUkxzLAogICAgICAgICAgICBjb21tZW50OiB0aGlzLmNvbW1lbnQsCiAgICAgICAgICB9CiAgICAgICAgICB0aGlzLiRhbm5vdGF0b3IuYWRkQW5ub3RhdGlvbih1c2VyQW5ub3RhdGlvbikudGhlbigoKSA9PiB7CiAgICAgICAgICAgIHRoaXMuZXJyb3JNZXNzYWdlID0gIiI7CiAgICAgICAgICAgIHRoaXMucmVzZXRTdWJtaXNzaW9uKCk7CiAgICAgICAgICAgIHRoaXMudXBkYXRlUHJldlN1Ym1pc3Npb25zKCk7CiAgICAgICAgICB9KQogICAgICAgICAgLmNhdGNoKCgpID0+IHsKICAgICAgICAgICAgdGhpcy5lcnJvck1lc3NhZ2UgPSAiVGhlcmUgaXMgYSBwcm9ibGVtIHdpdGggdGhlIHN1Ym1pc3Npb24sIHBsZWFzZSB0cnkgYWdhaW4gbGF0ZXIiOwogICAgICAgICAgfSk7CiAgICAgICAgfQogICAgICB9CiAgICB9LAogICAgcmVtb3ZlRXZpZGVuY2U6IGZ1bmN0aW9uKGluZGV4KSB7CiAgICAgIHRoaXMuZXZpZGVuY2Uuc3BsaWNlKGluZGV4LCAxKTsKICAgIH0sCiAgICByZXNldFN1Ym1pc3Npb246IGZ1bmN0aW9uKCkgewogICAgICB0aGlzLmVkaXRpbmcgPSBmYWxzZTsKICAgICAgdGhpcy5ldmlkZW5jZSA9IFtdOwogICAgICB0aGlzLm5ld0ZlYXR1cmUgPSAnJzsKICAgICAgdGhpcy5jb21tZW50ID0gJyc7CiAgICB9LAogIH0sCiAgd2F0Y2g6IHsKICAgIGFubm90YXRpb25FbnRyeTogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbigpIHsKICAgICAgICB0aGlzLnJlc2V0U3VibWlzc2lvbigpOwogICAgICAgIHRoaXMudXBkYXRlUHJldlN1Ym1pc3Npb25zKCk7CiAgICAgIH0sCiAgICAgIGltbWVkaWF0ZTogZmFsc2UsCiAgICAgIGRlZXA6IGZhbHNlLAogICAgfQogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24oKSB7CiAgICBpZiAoIXRoaXMuJGFubm90YXRvcikgewogICAgICBWdWUucHJvdG90eXBlLiRhbm5vdGF0b3IgPSBuZXcgQW5ub3RhdGlvblNlcnZpY2UoCiAgICAgICAgYCR7dGhpcy5mbGF0bWFwQVBJfWFubm90YXRvcmApOwogICAgfQogICAgdGhpcy4kYW5ub3RhdG9yLmF1dGhlbnRpY2F0ZSgpLnRoZW4oKHVzZXJEYXRhKSA9PiB7CiAgICAgIGlmICh1c2VyRGF0YS5uYW1lICYmIHVzZXJEYXRhLmVtYWlsKSB7CiAgICAgICAgdGhpcy5hdXRoZW50aWNhdGVkID0gdHJ1ZTsKICAgICAgICB0aGlzLnVwZGF0ZVByZXZTdWJtaXNzaW9ucygpOwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMuZXJyb3JNZXNzYWdlID0gIiI7CiAgICAgIH0KICAgIH0pCiAgfQp9Owo="},{"version":3,"sources":["AnnotationTool.vue"],"names":[],"mappings":";AAkIA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"AnnotationTool.vue","sourceRoot":"node_modules/@abi-software/flatmapvuer/src/components","sourcesContent":["<template>\n  <el-main class=\"main\">\n    <div class=\"block\">\n      <el-row class=\"info-field\">\n        <span class=\"title\">Feature Annotations</span>\n      </el-row>\n      <template v-if=\"annotationEntry\">\n        <el-row\n          v-for=\"(key, label) in displayPair\"\n          v-show=\"annotationEntry[key]\"\n          class=\"dialog-text\"\n          :key=\"key\"\n        >\n            <strong>{{ label }}: </strong> {{ annotationEntry[key] }}\n        </el-row>\n        <template v-if=\"prevSubs.length > 0\">\n          <div v-show=\"showSubmissions\" class=\"hide\" @click=\"showSubmissions = false\">\n            Hide previous submissions\n            <i class=\"el-icon-arrow-up\"></i>\n          </div>\n          <div v-show=\"!showSubmissions\" class=\"hide\" @click=\"showSubmissions = true\">\n            Show previous {{ prevSubs.length }} submission(s)\n            <i class=\"el-icon-arrow-down\"></i>\n          </div>\n          <template v-if=\"showSubmissions\">\n            <el-row class=\"dialog-spacer\"></el-row>\n            <el-row class=\"dialog-text\">\n              <strong class=\"sub-title\">Previous submissions:</strong>\n            </el-row>\n            <div class=\"entry\" v-for=\"(sub, index) in prevSubs\" :key=\"index\">\n              <el-row class=\"dialog-text\">\n                <strong>{{ formatTime(sub.created) }}</strong> {{ sub.creator.name }}\n              </el-row>\n              <el-row class=\"dialog-text\">\n                <strong>Evidence: </strong> \n                <el-row v-for=\"(evidence) in sub.evidence\" :key=\"evidence\" class=\"dialog-text\">\n                  <a  :href=\"evidence\" target=\"_blank\"> {{ evidence }}</a>\n                </el-row>\n              </el-row>\n              <el-row class=\"dialog-text\">\n                <strong>Comment: </strong> {{ sub.comment }}\n              </el-row>\n            </div>\n          </template>\n        </template>\n        <template v-if=\"authenticated\">\n          <template v-if=\"isEditable\">\n            <el-row class=\"dialog-spacer\"></el-row>\n            <el-row v-if=\"!editing\">\n              <i\n                class=\"el-icon-edit standard-icon\"\n                @click=\"editing = true\"\n              />\n            </el-row>\n            <template v-else>\n              <el-row class=\"dialog-text\">\n                <strong class=\"sub-title\">Suggest changes:</strong>\n              </el-row>\n              <el-row class=\"dialog-text\">\n                <strong>Evidvence:</strong>\n              </el-row>\n              <el-row v-for=\"(value, index) in evidence\" :key=\"value\">\n                <el-col :span=\"20\">   \n                  {{ evidence[index] }}\n                </el-col>\n                <el-col :span=\"4\">\n                  <i\n                    class=\"el-icon-close standard-icon\"\n                    @click=\"removeEvidence(index)\"\n                  />\n                </el-col>\n              </el-row>\n              <el-row>\n                <el-input\n                  size=\"mini\"\n                  placeholder=\"Enter\"\n                  v-model=\"newEvidence\"\n                  @change=\"evidenceEntered($event)\"\n                >\n                  <el-select\n                    :popper-append-to-body=\"false\"\n                    v-model=\"evidencePrefix\"\n                    placeholder=\"Select\"\n                    class=\"select-box\"\n                    popper-class=\"flatmap_dropdown\"\n                    slot=\"prepend\"\n                  >\n                    <el-option v-for=\"item in evidencePrefixes\" :key=\"item\" :label=\"item\" :value=\"item\">\n                      <el-row>\n                        <el-col :span=\"12\">{{ item }}</el-col>\n                      </el-row>\n                    </el-option>\n                  </el-select>\n                </el-input>\n              </el-row>\n              <el-row>\n                <strong>Comment:</strong>\n              </el-row>\n              <el-row class=\"dialog-text\">\n                <el-input\n                  type=\"textarea\"\n                  :autosize=\"{ minRows: 2, maxRows: 4}\"\n                  placeholder=\"Enter\"\n                  v-model=\"comment\"\n                />\n              </el-row>\n                <el-row class=\"dialog-text\">\n                  <el-button\n                    class=\"button\"\n                    type=\"primary\"\n                    plain\n                    @click=\"submit\"\n                  >\n                    Submit\n                  </el-button>\n              </el-row>\n            </template>\n            <el-row class=\"dialog-text\" v-if=\"errorMessage\">\n              <strong class=\"sub-title\"> {{ errorMessage }}\n              </strong>\n            </el-row>\n          </template>\n        </template>\n      </template>\n    </div>\n  </el-main>\n</template>\n\n\n<script>\n/* eslint-disable no-alert, no-console */\n/* eslint-disable no-alert, no-console */\nimport Vue from \"vue\";\nimport { AnnotationService } from \"@abi-software/sparc-annotation\";\nimport { Button, Col, Input, Main, Row, Select } from \"element-ui\";\nimport lang from \"element-ui/lib/locale/lang/en\";\nimport locale from \"element-ui/lib/locale\";\n\nlocale.use(lang);\nVue.use(Button);\nVue.use(Col);\nVue.use(Input);\nVue.use(Main);\nVue.use(Row);\nVue.use(Select);\n\nexport default {\n  name: \"AnnotationTool\",\n  props: {\n    annotationEntry: {\n      type: Object,\n    },\n  },\n  inject: ['flatmapAPI'],\n  data: function() {\n    return {\n      displayPair: {\n        \"Feature ID\": \"featureId\",\n        \"Tooltip\": \"label\",\n        \"Models\": \"models\",\n        \"Name\": \"name\",\n        \"Resource\": \"resourceId\"\n      },\n      editing: false,\n      evidencePrefixes:  [\n        \"DOI:\",\n        \"PMID:\",\n      ],\n      evidencePrefix: \"DOI:\", \n      evidence: [ ],\n      authenticated: false,\n      newEvidence: '',\n      comment: '',\n      prevSubs: [ ],\n      showSubmissions: true,\n      errorMessage: \"\",\n    }\n  },\n  computed: {\n    isEditable: function() {\n      return this.annotationEntry['resourceId'] && this.annotationEntry['featureId'];\n    },\n  },\n  methods: {\n    evidenceEntered: function(value) {\n      if (value) {\n        this.evidence.push(this.evidencePrefix + value);\n        this.newEvidence = \"\";\n      }\n    },\n    formatTime: function(dateString) {\n      const options = { year: \"numeric\", month: \"long\", day: \"numeric\", \n        hour: \"numeric\", minute: \"numeric\", second: \"numeric\" };\n      return new Date(dateString).toLocaleDateString(undefined, options);\n    },\n    updatePrevSubmissions: function() {\n      if (this.$annotator && this.authenticated) {\n        if (this.annotationEntry['resourceId'] &&\n          this.annotationEntry['featureId']) {\n          this.$annotator.itemAnnotations(this.annotationEntry['resourceId'],\n          this.annotationEntry['featureId']).then((value) => {\n            this.prevSubs = value;\n          })\n          .catch((reason) => {\n            console.log(reason); // Error!\n          });\n        }\n      }\n    },\n    submit: function() {\n      if ((this.evidence.length > 0) || this.comment) {\n        if (this.annotationEntry['resourceId'] &&\n          this.annotationEntry['featureId']) {\n          const evidenceURLs = [];\n          this.evidence.forEach((evidence) => {\n            if (evidence.includes(\"DOI:\")) {\n              const link = evidence.replace(\"DOI:\", \"https://doi.org/\");\n              evidenceURLs.push(new URL(link));\n            } else if (evidence.includes(\"PMID:\")) {\n              const link = evidence.replace(\"PMID:\", \"https://pubmed.ncbi.nlm.nih.gov/\");\n              evidenceURLs.push(new URL(link));\n            }\n          });\n          const userAnnotation = {\n            resource: this.annotationEntry['resourceId'],\n            item: this.annotationEntry['featureId'],\n            evidence: evidenceURLs,\n            comment: this.comment,\n          }\n          this.$annotator.addAnnotation(userAnnotation).then(() => {\n            this.errorMessage = \"\";\n            this.resetSubmission();\n            this.updatePrevSubmissions();\n          })\n          .catch(() => {\n            this.errorMessage = \"There is a problem with the submission, please try again later\";\n          });\n        }\n      }\n    },\n    removeEvidence: function(index) {\n      this.evidence.splice(index, 1);\n    },\n    resetSubmission: function() {\n      this.editing = false;\n      this.evidence = [];\n      this.newFeature = '';\n      this.comment = '';\n    },\n  },\n  watch: {\n    annotationEntry: {\n      handler: function() {\n        this.resetSubmission();\n        this.updatePrevSubmissions();\n      },\n      immediate: false,\n      deep: false,\n    }\n  },\n  mounted: function() {\n    if (!this.$annotator) {\n      Vue.prototype.$annotator = new AnnotationService(\n        `${this.flatmapAPI}annotator`);\n    }\n    this.$annotator.authenticate().then((userData) => {\n      if (userData.name && userData.email) {\n        this.authenticated = true;\n        this.updatePrevSubmissions();\n      } else {\n        this.errorMessage = \"\";\n      }\n    })\n  }\n};\n</script>\n\n<style scoped lang=\"scss\">\n@import \"~element-ui/packages/theme-chalk/src/button\";\n@import \"~element-ui/packages/theme-chalk/src/col\";\n@import \"~element-ui/packages/theme-chalk/src/input\";\n@import \"~element-ui/packages/theme-chalk/src/main\";\n@import \"~element-ui/packages/theme-chalk/src/row\";\n@import \"~element-ui/packages/theme-chalk/src/select\";\n\n.info-field {\n  display:flex;\n}\n\n.block {\n  margin-bottom: 0.5em;\n}\n\n.button {\n  padding-top:5px;\n  padding-bottom:5px;\n}\n\n.standard-icon {\n  color: $app-primary-color;\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.dialog-text {\n  color: rgb(48, 49, 51);\n  font-size: 14px;\n  font-weight: normal;\n  line-height: 20px;\n}\n\n.main {\n  font-size: 14px;\n  text-align: left;\n  line-height: 1.5em;\n  font-family: Asap, sans-serif,Helvetica;\n  font-weight: 400;\n  /* outline: thin red solid; */\n  padding: 1em !important;\n  overflow-x: hidden;\n  overflow-y: auto;\n  min-width: 20rem;\n  max-height: 400px;\n  scrollbar-width: thin;\n\n  &::-webkit-scrollbar {\n    width: 4px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    border-radius: 10px;\n    box-shadow: inset 0 0 6px #c0c4cc;\n  }\n}\n\n.title {\n  font-size: 18px;\n  font-weight: 500;\n  font-weight: bold;\n  padding-bottom: 8px;\n  color: rgb(131, 0, 191);\n}\n\n.sub-title {\n  font-size: 16px;\n}\n\n\n.dialog-spacer {\n  border-bottom: 1px solid #e4e7ed;\n  margin-bottom: 10px;\n}\n\n.submit {\n  color: $app-primary-color;\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.entry ~ .entry {\n  border-top: 1px solid #e4e7ed;\n  margin-top: 10px;\n}\n\n.hide{\n  color: $app-primary-color;\n  cursor: pointer;\n  margin-right: 6px;\n  margin-top: 3px;\n}\n\n::v-deep .el-input__inner, ::v-deep .el-textarea__inner{\n  font-family: Asap, sans-serif;\n}\n\n.select-box {\n  width:80px;\n  background-color: var(--white);\n  font-weight: 500;\n  color:rgb(48, 49, 51);;\n  ::v-deep .el-input__inner {\n    height:30px;\n    color: rgb(48, 49, 51);\n  }\n  ::v-deep .el-input__icon {\n    line-height:30px\n  }\n}\n\n::v-deep .flatmap_dropdown {\n  min-width: 80px!important;\n  .el-select-dropdown__item {\n    white-space: nowrap;\n    text-align: left;\n    &.selected {\n      color: $app-primary-color;\n      font-weight: normal;\n    }\n  }\n}\n</style>\n"]}]}