{"version":3,"sources":["webpack:///./src/components/AlgorithmDef/index.vue?e661","webpack:///src/components/AlgorithmDef/index.vue","webpack:///./src/components/AlgorithmDef/index.vue?e360","webpack:///./src/components/AlgorithmDef/index.vue?77d3","webpack:///./src/components/AlgorithmDef/index.vue?dca6"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","schema","name","edit","_e","class","staticStyle","model","value","callback","$$v","snackbar","expression","staticRenderFns","component","VProgressCircular","VSnackbar"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,KAAK,CAACE,YAAY,oBAAoB,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,GAAK,gBAAgB,CAACP,EAAIQ,GAAG,+BAA+BR,EAAIQ,GAAG,MAAMJ,EAAG,IAAI,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,OAAOC,UAAU,KAAMX,EAAIU,SAAWV,EAAIY,KAAMR,EAAG,MAAM,CAACE,YAAY,2BAA2BC,MAAM,CAAC,yBAAyB,GAAG,MAAQP,EAAIU,OAAOC,QAAQX,EAAIa,KAAKT,EAAG,MAAM,CAACE,YAAY,uBAAuBQ,MAAM,CAAC,qCAAsCd,EAAIY,OAAO,CAACR,EAAG,MAAM,CAACW,YAAY,CAAC,SAAW,WAAW,QAAU,QAAQR,MAAM,CAAC,GAAK,aAAaH,EAAG,MAAM,CAACE,YAAY,6BAA6BC,MAAM,CAAC,GAAK,YAAY,CAACH,EAAG,MAAM,CAACE,YAAY,UAAUC,MAAM,CAAC,GAAK,aAAa,MAAQ,6BAA6B,QAAU,MAAM,MAAQ,OAAO,OAAS,OAAO,QAAU,uBAAuBH,EAAG,aAAa,CAACG,MAAM,CAAC,IAAM,MAAM,MAAQ,QAAQ,SAAW,GAAGS,MAAM,CAACC,MAAOjB,EAAY,SAAEkB,SAAS,SAAUC,GAAMnB,EAAIoB,SAASD,GAAKE,WAAW,aAAa,CAACjB,EAAG,MAAM,CAACA,EAAG,sBAAsB,CAACG,MAAM,CAAC,cAAgB,GAAG,KAAO,GAAG,MAAQ,cAAc,GAAGH,EAAG,OAAO,CAACE,YAAY,gBAAgBC,MAAM,CAAC,KAAO,KAAK,CAACP,EAAIQ,GAAG,oBAAoB,IAClxCc,EAAkB,G,wLC2BtB,GACA,KADA,WAEA,OACA,SACA,UACA,gBACA,WACA,OACA,YACA,cACA,YACA,YACA,YACA,YACA,UACA,QACA,SAEA,QACA,YACA,qBACA,sBACA,iBACA,MACA,wBACA,8BACA,wCACA,uCACA,wBACA,yCAEA,MACA,4BACA,+EACA,cACA,0BACA,yBACA,eACA,2BACA,uBACA,4BACA,mBACA,mBACA,+BAKA,wDACA,gBACA,mCACA,oDAEA,gBACA,8CANA,IAQA,YARA,SAQA,GACA,uBACA,qCACA,wDACA,+BACA,gBAGA,0DAGA,YAnBA,SAmBA,GACA,kBACA,gBACA,qBAEA,aAxBA,WAyBA,OACA,sBACA,mBACA,mBACA,mBACA,mBACA,oBAEA,mDAEA,WAnCA,SAmCA,GACA,0BACA,0BACA,0BACA,0BACA,0BACA,mCACA,8BAEA,WA5CA,SA4CA,cACA,+BACA,qCACA,0IACA,oCACA,oCACA,gCACA,kDACA,oDAEA,yCACA,qCACA,2DACA,iEAEA,gCACA,6DACA,yBACA,KACA,IACA,IACA,QACA,QACA,OACA,OACA,gBACA,UACA,QACA,OACA,OACA,6CACA,6CACA,6CACA,6CACA,OACA,YAIA,qDAEA,KArFA,WAsFA,oBACA,iBACA,iBAIA,cAEA,UA9FA,WAgGA,qEACA,wBAOA,OANA,gFACA,wFACA,4EACA,8DACA,4CACA,yDACA,MAIA,MA5GA,WA6GA,QAGA,OAFA,sDACA,IACA,GAEA,WAlHA,WAkHA,WACA,wCAGA,yBAEA,sEACA,SAEA,EADA,kCACA,2CAEA,aAEA,0BACA,SACA,gBAEA,sCAEA,oCAEA,aACA,QACA,YACA,YACA,UACA,cACA,cACA,gBACA,8BACA,cACA,kBACA,aACA,aACA,wBAKA,YAzJA,WA0JA,UAuCA,OAtCA,+BACA,OACA,QACA,cACA,eACA,kBACA,YACA,MACA,MACA,YACA,YACA,gBAGA,KACA,iCACA,6BACA,UACA,QACA,UACA,UACA,YACA,YACA,cAMA,GACA,gCACA,8BACA,sBACA,QACA,QACA,UAGA,KAGA,QApPA,WAqPA,yHAEA,QAvPA,WAuPA,WAEA,wDACA,qBCtR8V,I,qECQ1VC,EAAY,eACd,EACAxB,EACAuB,GACA,EACA,KACA,WACA,MAIa,aAAAC,EAAiB,QAMhC,IAAkBA,EAAW,CAACC,oBAAA,KAAkBC,YAAA,Q,yDCzBhD,yBAA4jB,EAAG","file":"js/chunk-832e91fa.f433cfa7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"algorithm\"},[_c('div',{staticClass:\"algorithm__title-wrapper\"},[_c('h3',{staticClass:\"algorithm__title\"},[_c('router-link',{attrs:{\"to\":\"/algorithms\"}},[_vm._v(\"Алгоритмы действий врача \")]),_vm._v(\"/ \"),_c('a',[_vm._v(_vm._s(_vm.schema.name))])],1)]),(_vm.schema && !_vm.edit)?_c('div',{staticClass:\"algorithm__forite-buttin\",attrs:{\"add-to-favorite-button\":\"\",\"title\":_vm.schema.name}}):_vm._e(),_c('div',{staticClass:\"algorithm__edir-area\",class:{'algorithm__edir-area_client-width': !_vm.edit}},[_c('div',{staticStyle:{\"position\":\"absolute\",\"display\":\"none\"},attrs:{\"id\":\"tooltip\"}}),_c('div',{staticClass:\"algorithm__svgView svgshow\",attrs:{\"id\":\"svgshow\"}},[_c('svg',{staticClass:\"svgdiag\",attrs:{\"id\":\"diagramSvg\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"version\":\"1.1\",\"width\":\"1200\",\"height\":\"1200\",\"viewBox\":\"0 0 1200 1200\"}})])]),_c('v-snackbar',{attrs:{\"top\":\"top\",\"right\":\"right\",\"timeout\":-1},model:{value:(_vm.snackbar),callback:function ($$v) {_vm.snackbar=$$v},expression:\"snackbar\"}},[_c('div',[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"size\":30,\"color\":\"primary\"}})],1),_c('span',{staticClass:\"md-toast-text\",attrs:{\"flex\":\"\"}},[_vm._v(\"Сохраняется\")])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\ninclude ../../tools/mixins.pug\r\n\r\n+b.algorithm\r\n\t+e.title-wrapper\r\n\t\t+e('h3').title\r\n\t\t\trouter-link(to=\"/algorithms\") Алгоритмы действий врача \r\n\t\t\t| / \r\n\t\t\ta {{schema.name}}\r\n\t+e.forite-buttin(v-if=\"schema && !edit\" add-to-favorite-button :title=\"schema.name\")\r\n\t+e.edir-area(:class=\"{'algorithm__edir-area_client-width': !edit}\")\r\n\t\tdiv(id=\"tooltip\" style=\"position: absolute; display: none;\")\r\n\t\t+e.svgView#svgshow.svgshow()\r\n\t\t\tsvg.svgdiag#diagramSvg(xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"1200\" height=\"1200\" viewBox=\"0 0 1200 1200\")\r\n\tv-snackbar(v-model=\"snackbar\" top=\"top\" right=\"right\" :timeout=\"-1\")\r\n\t\tdiv\r\n\t\t\tv-progress-circular(indeterminate :size=\"30\" color=\"primary\")\r\n\t\tspan.md-toast-text(flex='') Сохраняется\r\n</template>\r\n\r\n<script>\r\nimport Snap from \"imports-loader?this=>window,fix=>module.exports=0!snapsvg/dist/snap.svg.js\";\r\nimport {getCirclePoint} from \"./shapes/funcs.js\";\r\nimport Rect from \"./shapes/rect.js\";\r\nimport converter from \"save-svg-as-png\";\r\nimport {mapActions, mapMutations} from 'vuex'\r\nimport lineDrawService from '../../service/lineDrawService.js'\r\n\r\nexport default {\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tlines: [],\r\n\t\t\tshapes: [],\r\n\t\t\tshapeLines: null,\r\n\t\t\trects: null,\r\n\t\t\tmap: [],\r\n\t\t\trectText: '',\r\n\t\t\tpredeField: '',\r\n\t\t\trectSize: '',\r\n\t\t\trectUrl1: '',\r\n\t\t\trectUrl2: '',\r\n\t\t\trectUrl3: '',\r\n\t\t\tedit: null,\r\n\t\t\tschema: {\r\n\t\t\t\tname: ''\r\n\t\t\t},\r\n\t\t\tssid: '',\r\n\t\t\tsnackbar: false,\r\n\t\t\tselectedShape: 'rect',\r\n\t\t\tcurrentSubtype: 'rect',\r\n\t\t\tpredefinedTexts: {\r\n\t\t\t\tromb: [\r\n\t\t\t\t\t\"Диагноз\\nподтвержден?\",\r\n\t\t\t\t\t\"Выявлено\\nпрогрессирование?\",\r\n\t\t\t\t\t\"Показано\\nоперативное\\nвмешательство?\",\r\n\t\t\t\t\t\"Консервативная\\nтерапия\\nэффективна?\",\r\n\t\t\t\t\t\"Достигнута\\nремиссия?\",\r\n\t\t\t\t\t\"Есть признаки\\nрецидива\\nзаболевания?\"\r\n\t\t\t\t],\r\n\t\t\t\trect: [\r\n\t\t\t\t\t\"Пациент\\nс подозрением на\",\r\n\t\t\t\t\t\"Продолжение\\nдиагностического поиска\\nв рамках других\\nвозможных заболеваний\",\r\n\t\t\t\t\t\"Диагностика\",\r\n\t\t\t\t\t\"Консервативное\\nлечение\",\r\n\t\t\t\t\t\"Хирургическое\\nлечение\",\r\n\t\t\t\t\t\"Реабилитация\",\r\n\t\t\t\t\t\"Динамическое\\nнаблюдение\",\r\n\t\t\t\t\t\"Оперативное\\nлечение\",\r\n\t\t\t\t\t\"Симптоматическая\\nтерапия\",\r\n\t\t\t\t\t\"Лучевая\\nтерапия\",\r\n\t\t\t\t\t\"Полихимиотерапия\",\r\n\t\t\t\t\t\"Диспансерное\\nнаблюдение\"\r\n\t\t\t\t]\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tmethods: {\r\n\t\t...mapActions({\r\n\t\t\tgetScheme: 'algorithmDef/getScheme',\r\n\t\t\tgetDefaultSchema: 'algorithmDef/getDefaultSchema'\r\n\t\t}),\r\n\t\t...mapMutations({\r\n\t\t\tsaveNameTitle: 'algorithmDef/saveNameTitle'\r\n\t\t}),\r\n\t\tremoveShape(rect) {\r\n\t\t\tif (this.currentRectId) {\r\n\t\t\t\tfor(let i = 0; i < this.shapes.length; i++) {\r\n\t\t\t\t\tif (this.shapes[i] && this.shapes[i].id == this.currentRectId) {\r\n\t\t\t\t\t\tthis.shapes[i].remove();\r\n\t\t\t\t\t\tdelete this.shapes[i]\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tthis.shapes = this.shapes.filter(shape => shape);\r\n\t\t\t}\r\n\t\t},\r\n\t\taddPredText(text) {\r\n\t\t\tthis.predeField = text;\r\n\t\t\tthis.rectText = text;\r\n\t\t\tthis.updateFields();\r\n\t\t},\r\n\t\tupdateFields() {\r\n\t\t\tconst params = {\r\n\t\t\t\tid: this.currentRectId,\r\n\t\t\t\turl1: this.rectUrl1,\r\n\t\t\t\turl2: this.rectUrl2,\r\n\t\t\t\turl3: this.rectUrl3,\r\n\t\t\t\tsize: this.rectSize,\r\n\t\t\t\ttext: this.rectText\r\n\t\t\t};\r\n\t\t\tlineDrawService.dispatchEvent(lineDrawService.events.UPDATE_RECT, params);\r\n\t\t},\r\n\t\tselectRect(params) {\r\n\t\t\tthis.rectText = params.rect.text;\r\n\t\t\tthis.rectSize = params.rect.size;\r\n\t\t\tthis.rectUrl1 = params.rect.url1;\r\n\t\t\tthis.rectUrl2 = params.rect.url2;\r\n\t\t\tthis.rectUrl3 = params.rect.url3;\r\n\t\t\tthis.currentSubtype = params.rect.subtype;\r\n\t\t\tthis.currentRectId = params.rect.id;\r\n\t\t},\r\n\t\tdrowSchema(res) {\r\n\t\t\tthis.schema = JSON.parse(res.data)\r\n\t\t\tthis.saveNameTitle(this.schema.name)\r\n\t\t\tthis.map = this.schema.schema.rects.map( item => { return {id: item.id, x1: item.x - item.rectw / 2, y1:item.y - item.recth / 2, x2: item.x + item.rectw / 2, y2: item.y + item.recth / 2}; });\r\n\t\t\tlineDrawService.initGrid(1200, 1200, this.map);\r\n\t\t\tthis.rects = this.schema.schema.rects;\r\n\t\t\tthis.rects.forEach(rect => { \r\n\t\t\t\trect.rectw = rect.rectw ? rect.rectw : rect.subtype == 'romb' ? 190 : 160;\r\n\t\t\t\trect.recth = rect.recth ? rect.recth : rect.subtype == 'romb' ? 100 : 80;\r\n\t\t\t})\r\n\t\t\tthis.shapeLines = this.schema.schema.lines;\r\n\t\t\tthis.shapeLines.forEach(item => {\r\n\t\t\t\tlet dir2Rect = this.rects.filter(shape => shape.id == item.id2)[0];\r\n\t\t\t\titem.dir2Point = getCirclePoint(dir2Rect.x, dir2Rect.y, dir2Rect.rectw, dir2Rect.recth, item.dir2, 20);\r\n\t\t\t})\r\n\t\t\tthis.rects.forEach(rect => {\r\n\t\t\t\tlet shapeLine = this.shapeLines.filter(item => item.id1 == rect.id);\r\n\t\t\t\tthis.shapes.push(new Rect(\r\n\t\t\t\t\trect.id, \r\n\t\t\t\t\trect.x,\r\n\t\t\t\t\trect.y, \r\n\t\t\t\t\trect.rectw,\r\n\t\t\t\t\trect.recth, \r\n\t\t\t\t\trect.text,\r\n\t\t\t\t\trect.url1,\r\n\t\t\t\t\tthis.schema.crCode,\r\n\t\t\t\t\trect.subtype,\r\n\t\t\t\t\trect.yesno,\r\n\t\t\t\t\tlineDrawService,\r\n\t\t\t\t\tthis.edit,\r\n\t\t\t\t\tshapeLine.filter(item => item.dir1 == 1)[0],\r\n\t\t\t\t\tshapeLine.filter(item => item.dir1 == 2)[0],\r\n\t\t\t\t\tshapeLine.filter(item => item.dir1 == 3)[0],\r\n\t\t\t\t\tshapeLine.filter(item => item.dir1 == 4)[0],\r\n                    rect.url2,\r\n                    rect.url3,\r\n\t\t\t\t\t)\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t\tthis.lines.forEach(item => item.edit = true);\r\n\t\t},\r\n\t\tsave() {\r\n\t\t\tlet obj = buildObject();\r\n\t\t\tobj.ssid = this.ssid;\r\n\t\t\tthis.snackbar = true\r\n\t\t\t// apiService.postData(api.schema.save, obj).then(res => {\r\n\r\n\t\t\t// })\r\n\t\t\tloadSchema();\r\n\t\t},\r\n\t\tsaveAsPng() {\r\n\t\t\t// converter.saveSvgAsPng(, \"schema.png\");\r\n\t\t\tconverter.saveSvgAsPng(document.getElementById(\"diagramSvg\"), \"schema.png\",  {\r\n\t\t\t\tmodifyStyle: function(s) {\r\n\t\t\t\t\ts = s.replace(/stroke\\:\\ ?rgb\\([0-9]*\\,\\ ?[0-9]*\\,\\ ?[0-9]*\\)/ig, 'stroke: black');\r\n\t\t\t\t\ts = s.replace(/background\\:\\ ?rgb\\([0-9]*\\,\\ ?[0-9]*\\,\\ ?[0-9]*\\)/ig, 'background: white');\r\n\t\t\t\t\ts = s.replace(/fill\\:\\ ?rgb\\([0-9]*\\,\\ ?[0-9]*\\,\\ ?[0-9]*\\)/ig, 'fill: black');\r\n\t\t\t\t\ts = s.replace(/stroke\\-width\\:\\ ?[0-9]{2}/ig, 'stroke-width: 2');\r\n\t\t\t\t\ts = s.replace(/opacity\\:\\ ?0\\.[0-9]{2}/ig, '');\r\n\t\t\t\t\ts = s.replace(/\\\"\\#markerArrow\\\"/ig, '\"#markerArrowBlack\"');\r\n\t\t\t\t\treturn s;\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t},\r\n\t\tgetId() {\r\n\t\t\tlet id = 1;\r\n\t\t\tthis.shapes.forEach(shape => { if (shape.id >= id) id = shape.id })\r\n\t\t\tid++;\r\n\t\t\treturn id;\r\n\t\t},\r\n\t\tloadSchema() {\r\n\t\t\tthis.getScheme('901').then(res => {\r\n\t\t\t\t//console.log(JSON.parse(res.data))\r\n\t\t\t\t//var j = JSON.parse(res.data)\r\n\t\t\t\tlet krContent = JSON.parse(res.data)\r\n\r\n\t\t\t\tconverter.svgAsPngUri(document.getElementById(\"diagramSvg\"),  {}, uri => {\r\n\t\t\t\t\tlet content = '';\r\n\t\t\t\t\tif (krContent.obj.sections[16].content.length) {\r\n\t\t\t\t\t\tcontent = $('<p>' + krContent.obj.sections[16].content + '</p>');\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tcontent = $('<p></p>');\r\n\t\t\t\t\t}\r\n\t\t\t\t\tlet img = content.find('img').eq(0);\r\n\t\t\t\t\tif (img.length) {\r\n\t\t\t\t\t\timg.attr(\"src\", uri);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tcontent.append(\"<p><img src='\"+ uri +\"'/></p>\");\r\n\t\t\t\t\t}\r\n\t\t\t\t\tkrContent.obj.sections[16].content = content.html();\r\n\r\n\t\t\t\t\tthis.getScheme({\r\n\t\t\t\t\t\tid: krContent.id,\r\n\t\t\t\t\t\tname: krContent.name,\r\n\t\t\t\t\t\tcode: krContent.code,\r\n\t\t\t\t\t\tmkb: krContent.mkb,\r\n\t\t\t\t\t\tadult: krContent.adult,\r\n\t\t\t\t\t\tchild: krContent.child,\r\n\t\t\t\t\t\ttables: krContent.tables,\r\n\t\t\t\t\t\tobj: { sections: krContent.obj.sections },\r\n\t\t\t\t\t\tssid: this.ssid\r\n\t\t\t\t\t}).then(res => {\r\n\t\t\t\t\t\tif (res && res.ok == true)\r\n\t\t\t\t\t\t\tdoc.id = res.id;\r\n\t\t\t\t\t\t\tthis.snackbar = false\r\n\t\t\t\t\t});\r\n\t\t\t\t})\r\n\t\t\t});\r\n\t\t},\r\n\t\tbuildObject() {\r\n\t\t\tlet outputRects, outputLines, outputObj;\r\n\t\t\toutputRects = this.shapes.map(shape => {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tid: shape.id,\r\n\t\t\t\t\trectw: shape.width,\r\n\t\t\t\t\trecth: shape.height,\r\n\t\t\t\t\tsubtype: shape.subtype,\r\n\t\t\t\t\ttext: shape.text,\r\n\t\t\t\t\tx: shape.x,\r\n\t\t\t\t\ty:shape.y,\r\n\t\t\t\t\turl1: shape.url1,\r\n\t\t\t\t\turl2: shape.url2,\r\n\t\t\t\t\turl3: shape.url3\r\n\t\t\t\t}\r\n\t\t\t})\t\r\n\t\t\toutputLines = [];\r\n\t\t\tthis.shapes.forEach(shape => {\r\n\t\t\t\tshape.nodes.forEach(node => {\r\n\t\t\t\t\tif (node && node.id2) {\r\n\t\t\t\t\t\toutputLines.push({\r\n\t\t\t\t\t\t\tid1: node.id1,\r\n\t\t\t\t\t\t\tid2: node.id2,\r\n\t\t\t\t\t\t\tdir1: node.dir1,\r\n\t\t\t\t\t\t\tdir2: node.dir2,\r\n\t\t\t\t\t\t\ta: node.a\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\r\n\t\t\t})\r\n\t\t\toutputObj = {\r\n\t\t\t\tclinrecid: this.schema.clinrecid,\r\n\t\t\t\tid: this.schema.clinrecid + '00',\r\n\t\t\t\tname: this.schema.name,\r\n\t\t\t\tschema: {\r\n\t\t\t\t\trects: outputRects,\r\n\t\t\t\t\tlines: outputLines\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\treturn outputObj;\r\n\t\t}\r\n\t},\r\n\tmounted() {\r\n\t\tSnap('#diagramSvg').polygon(0, 0, 6, 3, 0, 6).attr({ \"fill\": \"#2b6b8a\", \"z-index\": 1 }).marker(0, 0, 6, 6, 0, 3).attr({ id: \"markerArrow\" })\r\n\t},\r\n\tcreated(){\r\n\t\t// this.getDefaultSchema(this.$route.params.id).then(res => {\r\n\t\t\tthis.getScheme(this.$route.params.id).then(res => {\r\n\t\t\t\tthis.drowSchema(res)\r\n\t\t\t})\t\t\t\r\n\t\t// })\r\n\t}\r\n}\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n#tooltip {\r\n    background: cornsilk;\r\n    border: 1px solid black;\r\n    border-radius: 5px;\r\n    max-width:500px;\r\n    white-space: pre-line;\r\n    word-break: break-all;\r\n    padding: 5px;\r\n}\r\n\r\n.algorithm\r\n\twidth 100%\r\n\t// padding-left calc( 10% + 20px )\r\n\t// padding-right 10%\r\n\t\t\r\n\t&__title-wrapper\r\n\t\tpadding-left calc( 10% + 20px )\r\n\t\tpadding-right 10%\r\n\t\t@media (max-width: 900px) \r\n\t\t\tpadding 0 10px\r\n\t\r\n\t&__title\r\n\t\tmargin-top 30px\r\n\t\tmargin-bottom 30px\r\n\t\tfont-size 11px\r\n\t\tfont-style italic\r\n\t\t\r\n\t&__svgView\r\n\t\tbackground-color #e7e7f3\r\n\t\twidth 79%\r\n\t\tpadding-top 20px\r\n\t\toverflow auto\r\n\t\t@media (max-width: 900px) \r\n\t\t\twidth 100%\r\n\r\n\t&__side-bar\r\n\t\twidth 20%\r\n\t\tmin-width 280px\r\n\t\t\r\n\t&__edir-area\r\n\t\tdisplay flex\r\n\t\tflex-direction row\r\n\t\tjustify-content space-between\r\n\t\t\r\n\t\t&_client-width\r\n\t\t\twidth 100%\r\n\t\t\tmargin-left calc( 10% + 20px)\r\n\t\t\t\r\n\t\t\t@media (max-width: 900px) \r\n\t\t\t\tmargin 0 auto\r\n\t\t\r\n\t&__radio-title\r\n\t\tfont-size 1rem\r\n\t\tfont-weight 400\r\n\t\tletter-spacing 0.010em\r\n\t\tmargin 0.8em 0 1.6em\r\n\t&__from-group\r\n\t\tmargin 0\r\n\t\tmargin-top 10px\r\n\t\t\r\n\t\t&_no-height\r\n\t\t\theight 147px\r\n\t&__label\r\n\t\tpadding-left 10px !important\r\n\t&__tools-wrapper\r\n\t\tdisplay flex\r\n\t\tborder-bottom 1px #aaa solid\r\n\t&__tool-item\r\n\t\t&_active\r\n\t\t\tbackground #eee\r\n\t&__tool-item .md-button.md-icon-button\r\n\t\tmargin 0 .4rem\r\n\t&__button-romb\r\n\t\ttransform scale(0.8) scaleX(1.3) rotate(45deg)\r\n</style>\r\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=0bd22416&scoped=true&lang=pug&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=0bd22416&lang=stylus&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  \"0bd22416\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VSnackbar } from 'vuetify/lib/components/VSnackbar';\ninstallComponents(component, {VProgressCircular,VSnackbar})\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=0bd22416&lang=stylus&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=0bd22416&lang=stylus&scoped=true&\""],"sourceRoot":""}