{"version":3,"sources":["webpack:///./src/ohm/components/NglView/NglSequence.vue?8a64","webpack:///./src/ohm/components/NglView/NglSequence.vue?1dd0","webpack:///src/ohm/components/NglView/NglSequence.vue","webpack:///./src/ohm/components/NglView/NglSequence.vue?1b4b","webpack:///./src/ohm/components/NglView/NglSequence.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","object","i","key","chain","j","_v","_s","chainname","residues","residue","k","resno","_e","class","active","on","$event","onMousedown","onMouseup","onMouseenter","isProtein","isNucleic","getResname1","resname","name","staticRenderFns","data","lastClick","chainId","resId","mouseState","watch","props","computed","objects","store","filter","methods","selections","push","$emit","lChain","lRes","rChain","rRes","res","e","shiftKey","Math","min","max","component"],"mappings":"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","file":"js/chunk-6d61081f.829df27d.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.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!./NglSequence.vue?vue&type=style&index=0&id=3c70c6f3&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"viewport-sequence\"},_vm._l((_vm.objects),function(object,i){return _c('div',{key:i,staticClass:\"sequence-row\"},[_vm._l((object.chains),function(chain,j){return _c('div',{key:j,staticClass:\"sequence-chain\"},[_c('div',{staticClass:\"sequence-chainname\"},[_c('div',{staticClass:\"sequence-chainname-content\"},[_vm._v(\" (\"+_vm._s(chain.chainname)+\") \")]),_vm._v(\"   \")]),_vm._l((object.residues[j]),function(residue,k){return _c('div',{key:k,staticClass:\"sequence-residue\"},[(k%5===0)?_c('div',{staticClass:\"sequence-resno\"},[_vm._v(\" \"+_vm._s(residue.resno)+\" \")]):_vm._e(),_c('div',{class:{'sequence-resname':true, 'res-active':residue.active},on:{\"mousedown\":function($event){return _vm.onMousedown($event, object, j, k)},\"mouseup\":function($event){return _vm.onMouseup($event, object, j, k)},\"mouseenter\":function($event){return _vm.onMouseenter($event, object, j, k)}}},[_vm._v(\" \"+_vm._s((residue.isProtein() || residue.isNucleic()) ? residue.getResname1() : residue.resname)+\" \")])])})],2)}),_c('div',{staticClass:\"sequence-name\"},[_vm._v(\" \"+_vm._s(object.name)+\" \")])],2)}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"viewport-sequence\">\n    <div v-for=\"(object, i) in objects\" :key=\"i\" class=\"sequence-row\">\n      <div v-for=\"(chain, j) in object.chains\" :key=\"j\" class=\"sequence-chain\">\n        <div class=\"sequence-chainname\">\n          <div class=\"sequence-chainname-content\">\n            ({{chain.chainname}})\n          </div>\n          &nbsp;\n        </div>\n\n        <div v-for=\"(residue, k) in object.residues[j]\" :key=\"k\" class=\"sequence-residue\">\n          <div class=\"sequence-resno\" v-if=\"k%5===0\">\n            {{residue.resno}}\n          </div>\n          <div :class=\"{'sequence-resname':true, 'res-active':residue.active}\" @mousedown=\"onMousedown($event, object, j, k)\" @mouseup=\"onMouseup($event, object, j, k)\" @mouseenter=\"onMouseenter($event, object, j, k)\">\n            {{(residue.isProtein() || residue.isNucleic()) ? residue.getResname1() : residue.resname}}\n          </div>\n        </div>\n      </div>\n\n      <div class=\"sequence-name\">\n        {{object.name}}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'NglSequence',\n\n  data () {\n    return {\n      lastClick: {\n        object: '',\n        chainId: -1,\n        resId: -1\n      },\n\n      mouseState: 0\n    }\n  },\n\n  watch: {\n  },\n\n  props: [ 'store' ],\n\n  computed: {\n    objects () {\n      return this.store.objects.filter(obj => { return obj.type==='structure-component' })\n    }\n  },\n\n  methods: {\n    onMouseup (e, object, chainId, resId) {\n      this.mouseState = 0\n    },\n\n    onMouseenter (e, object, chainId, resId) {\n      if (this.mouseState === 1 || this.mouseState === 2) {\n        var residue = object.residues[chainId][resId]\n\n        var selections = []\n\n        selections.push({object, residue})\n\n        this.$emit('toggle', selections)\n\n        this.mouseState = 2\n      }\n    },\n\n    onMousedown (e, object, chainId, resId) {\n      var lChain, lRes, rChain, rRes\n\n      var res\n      var residue = object.residues[chainId][resId]\n\n      var selections = []\n\n      if (e.shiftKey) {\n        if (object === this.lastClick.object) {\n          if (chainId !== this.lastClick.chainId) {\n            if (chainId < this.lastClick.chainId) {\n              lChain = chainId\n              lRes = resId\n              rChain = this.lastClick.chainId\n              rRes = this.lastClick.resId\n            } else {\n              rChain = chainId\n              rRes = resId\n              lChain = this.lastClick.chainId\n              lRes = this.lastClick.resId\n            }\n\n            for (let i = lRes; i < object.residues[lChain].length; i++) {\n              res = object.residues[lChain][i]\n              if (res.active === residue.active) {\n                selections.push({object, residue: res})\n              }\n            }\n            for (let i = lChain + 1; i < rChain; i++) {\n              for (let j = 0; j < object.residues[i].length; j++) {\n                res = object.residues[i][j]\n                if (res.active === residue.active) {\n                  selections.push({object, residue: res})\n                }\n              }\n            }\n            for (let i = 0; i < rRes; i++) {\n              res = object.residues[rChain][i]\n              if (res.active === residue.active) {\n                selections.push({object, residue: res})\n              }\n            }\n          } else {\n            lRes = Math.min(resId, this.lastClick.resId)\n            rRes = Math.max(resId, this.lastClick.resId)\n\n            for (let i = lRes + 1; i < rRes; i++) {\n              res = object.residues[chainId][i]\n              if (res.active === residue.active) {\n                selections.push({object, residue: res})\n              }\n            }\n          }\n        }\n      }\n\n      selections.push({object, residue})\n\n      this.$emit('toggle', selections)\n\n      this.lastClick = { object, chainId, resId }\n      this.mouseState = 1\n    }\n  }\n}\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style lang=\"scss\" scoped>\n@import \"../../styles/theme.scss\";\n\n\n.viewport-sequence {\n  overflow-x: auto;\n  border-bottom: 1px solid line-color;\n  -webkit-user-select: none; /* webkit (safari, chrome) browsers */\n  -moz-user-select: none; /* mozilla browsers */\n  -khtml-user-select: none; /* webkit (konqueror) browsers */\n  -ms-user-select: none; /* IE10+ */\n}\n\n.sequence-row {\n  white-space: nowrap;\n  position: relative;\n  font-family: \"Courier New\", Courier, monospace;\n}\n\n.sequence-row >.sequence-chain:nth-child(1) {\n  margin-left: 100px;\n}\n\n.sequence-chain {\n  display: inline-block;\n  position: relative;\n}\n\n.sequence-chainname {\n  margin: 10px 0px 0px 0px;\n  display: inline-block;\n  width: 50px;\n  position: relative;\n}\n\n.sequence-chainname-content {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n\n.sequence-residue {\n  display: inline-block;\n  position: relative;\n}\n\n.sequence-resno {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.sequence-resname {\n  margin: 10px 2px 0px 0px;\n  cursor: pointer;\n}\n\n.sequence-name {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100px;\n}\n\n.res-active {\n  background-color: $font-grey;\n  color: white;\n}\n\n</style>\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!./NglSequence.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!./NglSequence.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NglSequence.vue?vue&type=template&id=3c70c6f3&scoped=true&\"\nimport script from \"./NglSequence.vue?vue&type=script&lang=js&\"\nexport * from \"./NglSequence.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NglSequence.vue?vue&type=style&index=0&id=3c70c6f3&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  \"3c70c6f3\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}