{"version":3,"sources":["webpack:///./src/ohm/components/NglView/NglControl.vue?8b9f","webpack:///./src/ohm/components/NglView/NglControl.vue?9929","webpack:///./src/ohm/components/NglView/NglUtils.js","webpack:///src/ohm/components/NglView/NglControl.vue","webpack:///./src/ohm/components/NglView/NglControl.vue?b2b0","webpack:///./src/ohm/components/NglView/NglControl.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","on","$event","$emit","clientX","clientY","_l","store","object","i","key","attrs","class","visible","style","width","objectNameWidth","hide","show","_v","_s","type","name","actionObject","id","showObject","hideObject","labelObject","colorObject","settingObject","_m","getMenuStyle","getObjectById","zoom","renameVisible","directives","rawName","value","expression","stopPropagation","indexOf","_k","keyCode","target","showAs","_e","t","it","showRepresentation","concat","representationTypes","hideRepresentation","labelTypes","showLabel","scheme","ischeme","setColor","color","icolor","itype","representationSetting","toUpperCase","aspectRatio","domProps","Array","isArray","smoothSheet","_i","$$a","$$el","$$c","checked","$$v","$$i","slice","opacity","staticRenderFns","hasRepr","comp","reprList","filter","repr","length","getRepr","find","data","height","cmdHeight","viewportHeight","viewportWidth","clickedResidue","computed","props","watch","n","obj","components","forEach","setParameters","methods","getStyleWidth","parseInt","found","toggleSelection","v","currentSelection","updateSelection","opt","parameter","ind","display","top","component"],"mappings":"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","file":"js/chunk-64e02462.37c21076.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!./NglControl.vue?vue&type=style&index=0&id=e423847a&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"control-panel\",staticStyle:{\"position\":\"relative\",\"height\":\"100%\",\"margin\":\"0px\",\"display\":\"flex\",\"flex-direction\":\"column\"}},[_c('div',{staticClass:\"left-border\",on:{\"mousedown\":function($event){return _vm.$emit('drag:left')}}}),_c('div',{staticClass:\"bottom-right-border\",on:{\"mousedown\":function($event){return _vm.$emit('drag:bottom-right', $event.clientX, $event.clientY)}}}),_c('div',{staticClass:\"control-panel-top\",staticStyle:{\"flex-grow\":\"1\"}},_vm._l((_vm.store.objects),function(object,i){return _c('div',{key:10000000+i,staticClass:\"object-row\",attrs:{\"id\":(\"object-row-\" + (object.id))}},[_c('div',{class:{'object-name':true, 'object-name-active':object.visible},style:({width:(_vm.objectNameWidth + \"px\")}),on:{\"click\":function($event){(object.visible ? object.hide() : object.show());_vm.$emit('toggle:selection')}}},[_c('div',[_vm._v(_vm._s(object.type === 'selection' ? (\"(\" + (object.name) + \")\") : object.name))])]),_c('div',{staticClass:\"object-action\",on:{\"click\":function($event){_vm.actionObject=object.id}}},[_vm._v(\" A \")]),_c('div',{staticClass:\"object-show\",on:{\"click\":function($event){_vm.showObject=object.id}}},[_vm._v(\" S \")]),_c('div',{staticClass:\"object-hide\",on:{\"click\":function($event){_vm.hideObject=object.id}}},[_vm._v(\" H \")]),_c('div',{staticClass:\"object-label\",on:{\"click\":function($event){_vm.labelObject=object.id}}},[_vm._v(\" L \")]),_c('div',{staticClass:\"object-color\",on:{\"click\":function($event){_vm.colorObject=object.id}}},[_vm._v(\" C \")]),_c('div',{staticClass:\"object-setting\",on:{\"click\":function($event){_vm.settingObject=object.id}}},[_c('i',{staticClass:\"el-icon-more\"})])])}),0),_c('div',{staticClass:\"control-panel-bottom\",staticStyle:{\"height\":\"19px\"}},[_vm._m(0),_vm._m(1),_vm._m(2),_vm._m(3),_vm._m(4),_vm._m(5),_c('div',{on:{\"click\":function($event){return _vm.$emit('toggle:sequence')}}},[_vm._v(\"S\")]),_vm._m(6),_c('div',{on:{\"click\":function($event){return _vm.$emit('toggle:fullscreen')}}},[_c('i',{staticClass:\"el-icon-full-screen\"})])]),_c('div',{staticClass:\"popup-menu\",style:(_vm.getMenuStyle(_vm.actionObject))},[_c('div',{staticClass:\"menu-head\"},[_c('div',{staticClass:\"menu-title\"},[_vm._v(\"ACTION\")]),_c('div',{staticClass:\"menu-close\",on:{\"click\":function($event){_vm.actionObject=-1}}},[_c('i',{staticClass:\"el-icon-close\"})])]),_c('div',{staticClass:\"menu-body\"},[_c('div',{staticClass:\"menu-row\",on:{\"click\":function($event){_vm.store.getObjectById(_vm.actionObject).zoom();_vm.actionObject=-1}}},[_vm._v(\"zoom\")]),_c('div',{staticClass:\"menu-row rename-box\",on:{\"click\":function($event){_vm.renameVisible=!_vm.renameVisible}}},[_vm._v(\" rename \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.renameVisible),expression:\"renameVisible\"}],staticClass:\"rename-input\",on:{\"click\":function($event){$event.stopPropagation();}}},[_c('input',{on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }_vm.store.getObjectById(_vm.actionObject).name=$event.target.value;_vm.actionObject=-1}}})])]),_c('div',{staticClass:\"menu-row\",on:{\"click\":function($event){_vm.$emit('object:delete', _vm.actionObject);_vm.actionObject=-1}}},[_vm._v(\"delete\")])])]),_c('div',{staticClass:\"popup-menu\",style:(_vm.getMenuStyle(_vm.showObject))},[_c('div',{staticClass:\"menu-head\"},[_c('div',{staticClass:\"menu-title\"},[_vm._v(\"SHOW \"),_c('span',{staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){_vm.showAs=!_vm.showAs}}},[(!_vm.showAs)?_c('del',[_vm._v(\"AS\")]):_vm._e(),(_vm.showAs)?[_vm._v(\"AS\")]:_vm._e()],2)]),_c('div',{staticClass:\"menu-close\",on:{\"click\":function($event){_vm.showObject=-1}}},[_c('i',{staticClass:\"el-icon-close\"})])]),_c('div',{staticClass:\"menu-body\"},_vm._l((_vm.store.representationTypes),function(t,it){return _c('div',{key:10+it,staticClass:\"menu-row\",on:{\"click\":function($event){_vm.store.getObjectById(_vm.showObject).showRepresentation(t, _vm.showAs);_vm.showObject=-1}}},[_vm._v(\" \"+_vm._s(t)+\" \")])}),0)]),_c('div',{staticClass:\"popup-menu\",style:(_vm.getMenuStyle(_vm.hideObject))},[_c('div',{staticClass:\"menu-head\"},[_c('div',{staticClass:\"menu-title\"},[_vm._v(\"HIDE\")]),_c('div',{staticClass:\"menu-close\",on:{\"click\":function($event){_vm.hideObject=-1}}},[_c('i',{staticClass:\"el-icon-close\"})])]),_c('div',{staticClass:\"menu-body\"},_vm._l((['everything'].concat(_vm.store.representationTypes)),function(t,it){return _c('div',{key:100+it,staticClass:\"menu-row\",on:{\"click\":function($event){_vm.store.getObjectById(_vm.hideObject).hideRepresentation(t);_vm.hideObject=-1}}},[_vm._v(\" \"+_vm._s(t)+\" \")])}),0)]),_c('div',{staticClass:\"popup-menu\",style:(_vm.getMenuStyle(_vm.labelObject))},[_c('div',{staticClass:\"menu-head\"},[_c('div',{staticClass:\"menu-title\"},[_vm._v(\"LABEL\")]),_c('div',{staticClass:\"menu-close\",on:{\"click\":function($event){_vm.labelObject=-1}}},[_c('i',{staticClass:\"el-icon-close\"})])]),_c('div',{staticClass:\"menu-body\"},_vm._l((['clear'].concat(_vm.store.labelTypes)),function(type,i){return _c('div',{key:1000+i,staticClass:\"menu-row\",on:{\"click\":function($event){_vm.store.getObjectById(_vm.labelObject).showLabel(type);_vm.labelObject=-1}}},[_vm._v(_vm._s(type))])}),0)]),_c('div',{staticClass:\"popup-menu\",style:(_vm.getMenuStyle(_vm.colorObject))},[_c('div',{staticClass:\"menu-head\"},[_c('div',{staticClass:\"menu-title\"},[_vm._v(\"COLOR\")]),_c('div',{staticClass:\"menu-close\",on:{\"click\":function($event){_vm.colorObject=-1}}},[_c('i',{staticClass:\"el-icon-close\"})])]),_c('div',{staticClass:\"menu-body\"},[_vm._l((['residueindex', 'chainindex', 'element', 'bfactor', 'sstruc']),function(scheme,ischeme){return _c('div',{key:10000+ischeme,staticClass:\"menu-row\",on:{\"click\":function($event){_vm.store.getObjectById(_vm.colorObject).setColor(scheme);_vm.colorObject=-1}}},[_vm._v(\" by \"+_vm._s(scheme)+\" \")])}),_vm._l((['red', 'green', 'blue', 'black', 'white']),function(color,icolor){return _c('div',{key:100000+icolor,staticClass:\"menu-row\",on:{\"click\":function($event){_vm.store.getObjectById(_vm.colorObject).setColor(color);_vm.colorObject=-1}}},[_vm._v(\" \"+_vm._s(color)+\" \")])})],2)]),_c('div',{staticClass:\"popup-menu\",style:(_vm.getMenuStyle(_vm.settingObject))},[_c('div',{staticClass:\"menu-head\"},[_c('div',{staticClass:\"menu-title\"},[_vm._v(\"SETTING\")]),_c('div',{staticClass:\"menu-close\",on:{\"click\":function($event){_vm.settingObject=-1}}},[_c('i',{staticClass:\"el-icon-close\"})])]),_c('div',{staticClass:\"menu-body\"},_vm._l((_vm.store.representationTypes),function(type,itype){return _c('div',{key:1000000+itype,staticClass:\"menu-row\",on:{\"click\":function($event){_vm.representationSetting={object:_vm.settingObject,type: type};_vm.settingObject=-1}}},[_vm._v(\" \"+_vm._s(type)+\" \")])}),0)]),_c('div',{staticClass:\"popup-menu repr-setting\",style:(_vm.getMenuStyle(_vm.representationSetting.object))},[_c('div',{staticClass:\"menu-head\"},[_c('div',{staticClass:\"menu-title\"},[_vm._v(_vm._s(_vm.representationSetting.type.toUpperCase()))]),_c('div',{staticClass:\"menu-close\",on:{\"click\":function($event){_vm.representationSetting={object:-1,type:''}}}},[_c('i',{staticClass:\"el-icon-close\"})])]),_c('div',{staticClass:\"menu-body\"},[_c('div',{staticClass:\"setting-row\"},[_c('div',{staticClass:\"setting-label\"},[_vm._v(\" aspect ratio \")]),_c('div',{staticClass:\"setting-number\"},[_vm._v(\" \"+_vm._s(_vm.aspectRatio)+\" \")]),_c('div',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.aspectRatio),expression:\"aspectRatio\"}],attrs:{\"type\":\"range\",\"min\":\"1.0\",\"max\":\"10.0\",\"step\":\"0.1\"},domProps:{\"value\":(_vm.aspectRatio)},on:{\"__r\":function($event){_vm.aspectRatio=$event.target.value}}})])]),_c('div',{staticClass:\"setting-row\"},[_c('div',{staticClass:\"setting-label\"},[_vm._v(\" smooth sheet \")]),_c('div',{staticClass:\"setting-number\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.smoothSheet),expression:\"smoothSheet\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.smoothSheet)?_vm._i(_vm.smoothSheet,null)>-1:(_vm.smoothSheet)},on:{\"change\":function($event){var $$a=_vm.smoothSheet,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.smoothSheet=$$a.concat([$$v]))}else{$$i>-1&&(_vm.smoothSheet=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.smoothSheet=$$c}}}})])]),_c('div',{staticClass:\"setting-row\"},[_c('div',{staticClass:\"setting-label\"},[_vm._v(\" opacity \")]),_c('div',{staticClass:\"setting-number\"},[_vm._v(\" \"+_vm._s(_vm.opacity)+\" \")]),_c('div',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.opacity),expression:\"opacity\"}],attrs:{\"type\":\"range\",\"min\":\"0\",\"max\":\"1\",\"step\":\"0.01\"},domProps:{\"value\":(_vm.opacity)},on:{\"__r\":function($event){_vm.opacity=$event.target.value}}})])]),_vm._m(7)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('i',{staticClass:\"el-icon-d-arrow-left\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('i',{staticClass:\"el-icon-arrow-left\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('i',{staticClass:\"el-icon-video-pause\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('i',{staticClass:\"el-icon-video-play\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('i',{staticClass:\"el-icon-arrow-right\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('i',{staticClass:\"el-icon-d-arrow-right\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('i',{staticClass:\"el-icon-arrow-down\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"setting-row\"},[_c('div',{staticClass:\"setting-label\"},[_vm._v(\" color \")]),_c('div')])}]\n\nexport { render, staticRenderFns }","export function removeRepr (comp, type) {\n  if (hasRepr(comp, type)) {\n    let repr = getRepr(comp, type)\n    comp.removeRepresentation(repr)\n  }\n}\n\nexport function hasRepr (comp, name) {\n  return comp.reprList.filter(repr => repr.name === name).length\n}\n\nexport function getRepr (comp, name) {\n  return comp.reprList.find(repr => repr.name === name)\n}\n","<template>\n<div class=\"control-panel\" style=\"position:relative;height:100%;margin:0px;display:flex;flex-direction:column\">\n\n  <div class=\"left-border\" @mousedown=\"$emit('drag:left')\"></div>\n  <div class=\"bottom-right-border\" @mousedown=\"$emit('drag:bottom-right', $event.clientX, $event.clientY)\"></div>\n\n  <!-- TOP -->\n  <div class=\"control-panel-top\" style=\"flex-grow:1\">\n    <div class=\"object-row\" v-for=\"(object, i) in store.objects\" :id=\"`object-row-${object.id}`\" :key=\"10000000+i\">\n      <div @click=\"(object.visible ? object.hide() : object.show());$emit('toggle:selection')\" :style=\"{width:`${objectNameWidth}px`}\" :class=\"{'object-name':true, 'object-name-active':object.visible}\">\n          <div>{{ object.type === 'selection' ? `(${object.name})` : object.name }}</div>\n      </div>\n      <div class=\"object-action\" @click=\"actionObject=object.id\">\n        A\n      </div>\n      <div class=\"object-show\" @click=\"showObject=object.id\">\n        S\n      </div>\n      <div class=\"object-hide\" @click=\"hideObject=object.id\">\n        H\n      </div>\n      <div class=\"object-label\" @click=\"labelObject=object.id\">\n        L\n      </div>\n      <div class=\"object-color\" @click=\"colorObject=object.id\">\n        C\n      </div>\n      <div class=\"object-setting\" @click=\"settingObject=object.id\">\n        <i class=\"el-icon-more\"></i>\n      </div>\n    </div>\n  </div>\n\n  <!-- BOTTOM -->\n  <div class=\"control-panel-bottom\" style=\"height:19px\">\n    <div><i class=\"el-icon-d-arrow-left\"></i></div>\n    <div><i class=\"el-icon-arrow-left\"></i></div>\n    <div><i class=\"el-icon-video-pause\"></i></div>\n    <div><i class=\"el-icon-video-play\"></i></div>\n    <div><i class=\"el-icon-arrow-right\"></i></div>\n    <div><i class=\"el-icon-d-arrow-right\"></i></div>\n    <div @click=\"$emit('toggle:sequence')\">S</div>\n    <div><i class=\"el-icon-arrow-down\"></i></div>\n    <div @click=\"$emit('toggle:fullscreen')\"><i class=\"el-icon-full-screen\"></i></div>\n  </div>\n\n  <div class=\"popup-menu\" :style=\"getMenuStyle(actionObject)\">\n    <div class=\"menu-head\">\n      <div class=\"menu-title\">ACTION</div>\n      <div class=\"menu-close\" @click=\"actionObject=-1\"><i class=\"el-icon-close\"></i></div>\n    </div>\n    <div class=\"menu-body\">\n      <div class=\"menu-row\" @click=\"store.getObjectById(actionObject).zoom();actionObject=-1\">zoom</div>\n      <div class=\"menu-row rename-box\" @click=\"renameVisible=!renameVisible\">\n        rename\n        <div v-show=\"renameVisible\" @click.stop=\"\" class=\"rename-input\"><input @keyup.enter=\"store.getObjectById(actionObject).name=$event.target.value;actionObject=-1\"></div>\n      </div>\n      <div class=\"menu-row\" @click=\"$emit('object:delete', actionObject);actionObject=-1\">delete</div>\n    </div>\n  </div>\n\n  <div class=\"popup-menu\" :style=\"getMenuStyle(showObject)\">\n    <div class=\"menu-head\">\n      <div class=\"menu-title\">SHOW <span @click=\"showAs=!showAs\" style=\"cursor:pointer\"><del v-if=\"!showAs\">AS</del><template v-if=\"showAs\">AS</template></span></div>\n      <div class=\"menu-close\" @click=\"showObject=-1\"><i class=\"el-icon-close\"></i></div>\n    </div>\n    <div class=\"menu-body\">\n      <div class=\"menu-row\" @click=\"store.getObjectById(showObject).showRepresentation(t, showAs);showObject=-1\" v-for=\"(t,it) in store.representationTypes\" :key=\"10+it\">\n        {{ t }}\n      </div>\n    </div>\n  </div>\n\n  <div class=\"popup-menu\" :style=\"getMenuStyle(hideObject)\">\n    <div class=\"menu-head\">\n      <div class=\"menu-title\">HIDE</div>\n      <div class=\"menu-close\" @click=\"hideObject=-1\"><i class=\"el-icon-close\"></i></div>\n    </div>\n    <div class=\"menu-body\">\n      <div class=\"menu-row\" @click=\"store.getObjectById(hideObject).hideRepresentation(t);hideObject=-1\" v-for=\"(t,it) in ['everything'].concat(store.representationTypes)\" :key=\"100+it\">\n        {{ t }}\n      </div>\n    </div>\n  </div>\n\n  <div class=\"popup-menu\" :style=\"getMenuStyle(labelObject)\">\n    <div class=\"menu-head\">\n      <div class=\"menu-title\">LABEL</div>\n      <div class=\"menu-close\" @click=\"labelObject=-1\"><i class=\"el-icon-close\"></i></div>\n    </div>\n    <div class=\"menu-body\">\n      <div class=\"menu-row\" v-for=\"(type, i) in ['clear'].concat(store.labelTypes)\" @click=\"store.getObjectById(labelObject).showLabel(type);labelObject=-1\" :key=\"1000+i\">{{type}}</div>\n    </div>\n  </div>\n\n  <div class=\"popup-menu\" :style=\"getMenuStyle(colorObject)\">\n    <div class=\"menu-head\">\n      <div class=\"menu-title\">COLOR</div>\n      <div class=\"menu-close\" @click=\"colorObject=-1\"><i class=\"el-icon-close\"></i></div>\n    </div>\n    <div class=\"menu-body\">\n      <div class=\"menu-row\" v-for=\"(scheme,ischeme) in ['residueindex', 'chainindex', 'element', 'bfactor', 'sstruc']\" @click=\"store.getObjectById(colorObject).setColor(scheme);colorObject=-1\" :key=\"10000+ischeme\">\n        by {{ scheme }}\n      </div>\n      <div class=\"menu-row\" v-for=\"(color,icolor) in ['red', 'green', 'blue', 'black', 'white']\" @click=\"store.getObjectById(colorObject).setColor(color);colorObject=-1\" :key=\"100000+icolor\">\n        {{ color }}\n      </div>\n    </div>\n  </div>\n\n  <div class=\"popup-menu\" :style=\"getMenuStyle(settingObject)\">\n    <div class=\"menu-head\">\n      <div class=\"menu-title\">SETTING</div>\n      <div class=\"menu-close\" @click=\"settingObject=-1\"><i class=\"el-icon-close\"></i></div>\n    </div>\n    <div class=\"menu-body\">\n      <div class=\"menu-row\" v-for=\"(type,itype) in store.representationTypes\" @click=\"representationSetting={object:settingObject,type};settingObject=-1\" :key=\"1000000+itype\">\n        {{ type }}\n      </div>\n    </div>\n  </div>\n\n  <div class=\"popup-menu repr-setting\" :style=\"getMenuStyle(representationSetting.object)\">\n    <div class=\"menu-head\">\n      <div class=\"menu-title\">{{representationSetting.type.toUpperCase()}}</div>\n      <div class=\"menu-close\" @click=\"representationSetting={object:-1,type:''}\"><i class=\"el-icon-close\"></i></div>\n    </div>\n    <div class=\"menu-body\">\n      <div class=\"setting-row\">\n        <div class=\"setting-label\">\n          aspect ratio\n        </div>\n        <div class=\"setting-number\">\n          {{aspectRatio}}\n        </div>\n        <div>\n          <input v-model=\"aspectRatio\" type=\"range\" min=\"1.0\" max=\"10.0\" step=\"0.1\">\n        </div>\n      </div>\n\n      <div class=\"setting-row\">\n        <div class=\"setting-label\">\n          smooth sheet\n        </div>\n        <div class=\"setting-number\">\n          <input type=\"checkbox\" v-model=\"smoothSheet\">\n        </div>\n      </div>\n\n      <div class=\"setting-row\">\n        <div class=\"setting-label\">\n          opacity\n        </div>\n        <div class=\"setting-number\">\n          {{opacity}}\n        </div>\n        <div>\n          <input v-model=\"opacity\" type=\"range\" min=\"0\" max=\"1\" step=\"0.01\">\n        </div>\n      </div>\n\n      <div class=\"setting-row\">\n        <div class=\"setting-label\">\n          color\n        </div>\n        <div>\n        </div>\n      </div>\n\n    </div>\n  </div>\n</div>\n</template>\n\n<script>\nimport * as NGL from 'ngl'\nimport { getRepr, hasRepr } from './NglUtils.js'\n\nexport default {\n  name: 'NglControl',\n\n  data () {\n    let v = this\n    return {\n      style: {\n        height: (v.height ? v.height : 400),\n        cmdHeight: 19,\n        viewportHeight: (v.height ? v.height - 20 : 380),\n        viewportWidth: 400\n      },\n\n      clickedResidue: '',\n      actionObject: -1,\n      showObject: -1,\n      hideObject: -1,\n      labelObject: -1,\n      colorObject: -1,\n      settingObject: -1,\n      representationSetting: {\n        object: -1,\n        type: ''\n      },\n      renameVisible: false,\n      showAs: false,\n\n      opacity: 1.0,\n      aspectRatio: 1.0,\n      smoothSheet: false\n    }\n  },\n\n  computed: {\n  },\n\n  props: [ 'store', 'objectNameWidth' ],\n\n  watch: {\n    actionObject (n, o) {\n      if (n === -1) {\n        this.renameVisible = false\n      }\n    },\n\n    showObject (n, o) {\n      if (n === -1) {\n        this.showAs = false\n      }\n    },\n\n    representationSetting (n, o) {\n      let v = this\n      if (n.object !== -1) {\n        let obj = v.store.getObjectById(n.object)\n        if (obj.type === 'all' || obj.type === 'structure-component') {\n          obj.components.forEach(comp => {\n            if (hasRepr(comp, n.type)) {\n              let repr = getRepr(comp, n.type)\n              this.opacity = repr.getParameters().opacity\n              this.aspectRatio = repr.getParameters().aspectRatio\n              this.smoothSheet = repr.getParameters().smoothSheet\n            } else {\n              this.opacity = 1\n              this.aspectRatio = 1\n              this.smoothSheet = false\n            }\n          })\n        }\n      }\n    },\n\n    opacity (n, o) {\n      this.setParameters(this.representationSetting.object, this.representationSetting.type, 'opacity', n)\n    },\n\n    smoothSheet (n, o) {\n      this.setParameters(this.representationSetting.object, this.representationSetting.type, 'smoothSheet', n)\n    },\n\n    aspectRatio (n, o) {\n      this.setParameters(this.representationSetting.object, this.representationSetting.type, 'aspectRatio', n)\n    }\n  },\n\n  methods: {\n    getStyleWidth (style) {\n      let width = style.width\n      let found = width.match(/(\\d+)px/)\n      return parseInt(found[1])\n    },\n\n    toggleSelection (selections) {\n      let v = this\n\n      for (let selection of selections) {\n        let obj = selection.object\n        let residue = selection.residue\n\n        if (!v.currentSelection) {\n          if (v.sele) {\n            v.sele.visible = true\n            v.sele.selections = [new NGL.Selection(`${residue.resno}:${residue.chainname}`)]\n            v.sele.components = [obj.components[0]]\n          } else {\n            v.store.objects.push(v.store.makeObject('sele', 'selection', [obj.components[0]], [new NGL.Selection(`${residue.resno}:${residue.chainname}`)]))\n            v.sele.visible = false\n          }\n        } else {\n          let ind = v.currentSelection.components.findIndex(comp => comp === obj.components[0])\n          if (ind !== -1) {\n            let sele = v.currentSelection.selections[ind]\n            let str = sele.string\n            if (residue.active) {\n              sele.setString(`(${str}) and (not (${residue.resno}:${residue.chainname}))`)\n            } else {\n              sele.setString(`(${str}) or (${residue.resno}:${residue.chainname})`)\n            }\n          } else {\n            v.currentSelection.components.push(obj.components[0])\n            if (residue.active) {\n              v.currentSelection.selections.push(new NGL.Selection(`not (${residue.resno}:${residue.chainname})`))\n            } else {\n              v.currentSelection.selections.push(new NGL.Selection(`${residue.resno}:${residue.chainname}`))\n            }\n          }\n        }\n      }\n\n      v.currentSelection.updateSelection()\n\n      v.$emit('update:selection')\n    },\n\n    setParameters (id, type, parameter, value) {\n      let v = this\n      if (id > 0) {\n        let obj = v.store.getObjectById(id)\n        if (obj.type === 'all' || obj.type === 'structure-component') {\n          obj.components.forEach(comp => {\n            if (hasRepr(comp, type)) {\n              let repr = getRepr(comp, type)\n              let opt = {}\n              opt[parameter] = value\n              repr.setParameters(opt)\n            }\n          })\n        }\n      }\n    },\n\n    getMenuStyle (ind) {\n      if (ind === -1) {\n        return {\n          display: 'none'\n        }\n      } else {\n        let e = document.getElementById(`object-row-${ind}`)\n        let p = e.parentElement\n        return {\n          display: 'block',\n          top: `${e.offsetTop - p.offsetTop}px`\n        }\n      }\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$line-color: #eeeeee;\n\n.left-border {\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: 19px;\n  width: 5px;\n  border-left: 2px solid grey;\n  margin-left: -1px;\n}\n\n.left-border:hover {\n  cursor: ew-resize;\n}\n\n.bottom-right-border {\n  position: absolute;\n  right: 3px;\n  bottom: 0;\n  width: 5px;\n  height: 5px;\n  border-right: 2px solid grey;\n  border-bottom: 2px solid grey;\n}\n\n.bottom-right-border:hover {\n  cursor: nwse-resize;\n}\n\n.control-panel-bottom {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  border-top: 1px solid $line-color;\n  cursor: pointer;\n  margin-left: 3px;\n  margin-right: 3px;\n}\n\n.control-panel-top {\n  overflow-y: auto;\n}\n\n.control-panel-bottom >div {\n  width: 20px;\n}\n\n.setting-row {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  font-size: 14px;\n  font-weight: 600;\n  color: $font-grey;\n  padding: 10px;\n}\n\n.setting-label {\n  width: 130px;\n  min-width: 130px;\n}\n\n.setting-number {\n  text-align: center;\n  width: 50px;\n  min-width: 50px;\n}\n\n.rename-box {\n  position: relative;\n}\n\n.rename-input {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 100%;\n}\n\n.rename-input input {\n  height: 100%;\n  padding: 0px;\n  border-radius: 1px;\n  box-sizing: border-box;\n}\n\n.object-row {\n  font-size: 11px;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  border-bottom: 1px solid $line-color;\n  cursor: pointer;\n  text-align: center;\n}\n\n.object-row >div:nth-child(n+2) {\n  border-left: 1px solid $line-color;\n  font-weight: 700;\n  color: $font-grey;\n}\n\n.object-name {\n  box-sizing: border-box;\n  padding: 2px 5px;\n  text-align: left;\n  font-size: 12px;\n  font-weight: 700;\n  color: $font-grey;\n  position: relative;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.object-name.object-name-active {\n  background-color: grey;\n  color: white;\n}\n\n.object-action {\n  width: 20px;\n  max-width: 20px;\n}\n\n.object-show {\n  width: 20px;\n  max-width: 20px;\n}\n\n.object-hide {\n  width: 20px;\n  max-width: 20px;\n}\n\n.object-label {\n  width: 20px;\n  max-width: 20px;\n}\n\n.object-color {\n  width: 20px;\n  max-width: 20px;\n}\n\n.object-setting {\n  width: 20px;\n  max-width: 20px;\n}\n\n.object-setting i {\n  transform: rotate(90deg)\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!./NglControl.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!./NglControl.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NglControl.vue?vue&type=template&id=e423847a&scoped=true&\"\nimport script from \"./NglControl.vue?vue&type=script&lang=js&\"\nexport * from \"./NglControl.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NglControl.vue?vue&type=style&index=0&id=e423847a&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  \"e423847a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}