@abi-software/scaffoldvuer 0.2.0 → 0.2.1-beta.0

package/dist/scaffoldvuer.common.js

@@ -22333,10 +22333,429 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e6b5184c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ScaffoldVuer.vue?vue&type=template&id=29960a58&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],ref:"scaffoldContainer",staticClass:"scaffold-container",attrs:{"element-loading-text":"Loading...","element-loading-spinner":"el-icon-loading","element-loading-background":"rgba(0, 0, 0, 0.3)"}},[_c('map-svg-sprite-color'),_c('scaffold-tooltip',{attrs:{"label":_vm.tData.label,"region":_vm.tData.region,"visible":_vm.tData.visible,"x":_vm.tData.x,"y":_vm.tData.y}}),_c('div',{ref:"display",staticStyle:{"height":"100%","width":"100%"},attrs:{"id":"organsDisplayArea","tabindex":"-1"},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&$event.keyCode!==66){ return null; }return _vm.backgroundChangeCallback.apply(null, arguments)}}}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.displayUI && !_vm.isTransitioning),expression:"displayUI && !isTransitioning"}]},[(_vm.displayWarning)?_c('el-popover',{ref:"warningPopover",attrs:{"content":_vm.warningMessage,"placement":"right","append-to-body":false,"trigger":"manual","popper-class":"scaffold-popper message-popper right-popper non-selectable"},model:{value:(_vm.hoverVisibilities[6].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[6], "value", $$v)},expression:"hoverVisibilities[6].value"}}):_vm._e(),(_vm.displayWarning)?_c('i',{directives:[{name:"popover",rawName:"v-popover:warningPopover",arg:"warningPopover"}],staticClass:"el-icon-warning message-icon warning-icon",on:{"mouseover":function($event){return _vm.showHelpText(6)},"mouseout":function($event){return _vm.hideHelpText(6)}}},[_c('span',{staticClass:"message-text"},[_vm._v("Beta")])]):_vm._e(),(_vm.displayLatestChanges)?_c('el-popover',{ref:"latestChangesPopover",attrs:{"content":_vm.latestChangesMessage,"placement":"right","append-to-body":false,"trigger":"manual","popper-class":"scaffold-popper message-popper right-popper non-selectable"},model:{value:(_vm.hoverVisibilities[7].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[7], "value", $$v)},expression:"hoverVisibilities[7].value"}}):_vm._e(),(_vm.displayLatestChanges && _vm.latestChangesMessage)?_c('i',{directives:[{name:"popover",rawName:"v-popover:latestChangesPopover",arg:"latestChangesPopover"}],staticClass:"el-icon-warning message-icon latest-changesicon",on:{"mouseover":function($event){return _vm.showHelpText(7)},"mouseout":function($event){return _vm.hideHelpText(7)}}},[_c('span',{staticClass:"message-text"},[_vm._v("What's new?")])]):_vm._e(),_c('el-popover',{ref:"checkBoxPopover",attrs:{"content":"Change region visibility","placement":"right","append-to-body":false,"trigger":"manual","popper-class":"scaffold-popper right-popper non-selectable"},model:{value:(_vm.hoverVisibilities[5].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[5], "value", $$v)},expression:"hoverVisibilities[5].value"}}),_c('tree-controls',{directives:[{name:"popover",rawName:"v-popover:checkBoxPopover",arg:"checkBoxPopover"}],ref:"treeControls",attrs:{"help-mode":_vm.helpMode,"show-colour-picker":_vm.showColourPicker},on:{"object-selected":_vm.objectSelected,"object-hovered":_vm.objectHovered,"drawer-toggled":_vm.drawerToggled}}),_c('div',{staticClass:"opacity-box"},[_c('opacity-controls',{ref:"opacityControl"})],1),(_vm.sceneData.timeVarying)?_c('el-popover',{ref:"sliderPopover",attrs:{"content":"Move the slider to animate the region","placement":"top","append-to-body":false,"trigger":"manual","popper-class":"scaffold-popper top-popper non-selectable"},model:{value:(_vm.hoverVisibilities[4].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[4], "value", $$v)},expression:"hoverVisibilities[4].value"}}):_vm._e(),(_vm.sceneData.timeVarying)?_c('div',{directives:[{name:"popover",rawName:"v-popover:sliderPopover",arg:"sliderPopover"}],staticClass:"time-slider-container",class:[ _vm.minimisedSlider ? 'minimised' : '', _vm.sliderPosition]},[_c('el-tabs',{attrs:{"type":"card"}},[_c('el-tab-pane',{attrs:{"label":"Animate scaffold"}},[_c('el-row',{staticClass:"tab-content"},[(_vm.isPlaying)?_c('map-svg-icon',{staticClass:"icon-button video-button",attrs:{"icon":"pause"},nativeOn:{"click":function($event){return _vm.play(false)}}}):_c('map-svg-icon',{staticClass:"video-button icon-button",attrs:{"icon":"play"},nativeOn:{"click":function($event){return _vm.play(true)}}}),_c('el-slider',{staticClass:"slider",attrs:{"min":0,"max":_vm.timeMax,"value":_vm.sceneData.currentTime / 100 * _vm.timeMax,"step":0.1,"tooltip-class":"time-slider-tooltip","format-tooltip":_vm.formatTooltip,"marks":_vm.timeStamps},on:{"input":function($event){return _vm.timeChange($event)}}})],1)],1),_c('el-tab-pane',{attrs:{"label":"Animation data"}},[_c('el-row',{staticClass:"tab-content"},[_c('div',{staticClass:"animation-data"},[_vm._v(" Original duration: "),_c('div',{staticClass:"purple"},[_vm._v(" "+_vm._s(_vm.orginalDuration)+" ")])]),_c('div',{staticClass:"animation-data"},[_vm._v(" Animation duration: "),_c('div',{staticClass:"purple"},[_vm._v(" "+_vm._s(_vm.animateDuration)+" ")])]),_c('div',{staticClass:"animation-data"},[_vm._v(" Playback speed "),_c('el-select',{staticClass:"select-box",attrs:{"popper-append-to-body":true,"value":_vm.currentSpeed,"placeholder":"Select","popper-class":"scaffold_viewer_dropdown"},on:{"change":function($event){return _vm.speedChanged($event)}}},_vm._l((_vm.playSpeed),function(item){return _c('el-option',{key:item.value,attrs:{"label":item.label,"value":item.value}})}),1)],1)])],1)],1)],1):_vm._e(),_c('div',{staticClass:"bottom-right-control"},[_c('el-popover',{attrs:{"content":"Zoom in","placement":"left","append-to-body":false,"trigger":"manual","popper-class":"scaffold-popper left-popper non-selectable"},model:{value:(_vm.hoverVisibilities[0].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[0], "value", $$v)},expression:"hoverVisibilities[0].value"}},[_c('map-svg-icon',{staticClass:"icon-button zoomIn",attrs:{"slot":"reference","icon":"zoomIn"},nativeOn:{"click":function($event){return _vm.zoomIn()},"mouseover":function($event){return _vm.showHelpText(0)},"mouseout":function($event){return _vm.hideHelpText(0)}},slot:"reference"})],1),_c('el-popover',{attrs:{"content":"Zoom out","placement":"top-end","append-to-body":false,"trigger":"manual","popper-class":"scaffold-popper popper-zoomout non-selectable"},model:{value:(_vm.hoverVisibilities[1].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[1], "value", $$v)},expression:"hoverVisibilities[1].value"}},[_c('map-svg-icon',{staticClass:"icon-button zoomOut",attrs:{"slot":"reference","icon":"zoomOut"},nativeOn:{"click":function($event){return _vm.zoomOut()},"mouseover":function($event){return _vm.showHelpText(1)},"mouseout":function($event){return _vm.hideHelpText(1)}},slot:"reference"})],1),_c('el-popover',{attrs:{"placement":"top","append-to-body":false,"trigger":"manual","popper-class":"scaffold-popper non-selectable"},model:{value:(_vm.hoverVisibilities[2].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[2], "value", $$v)},expression:"hoverVisibilities[2].value"}},[_c('div',[_vm._v(" Fit to "),_c('br'),_vm._v(" window ")]),_c('map-svg-icon',{staticClass:"icon-button fitWindow",attrs:{"slot":"reference","icon":"fitWindow"},nativeOn:{"click":function($event){return _vm.fitWindow()},"mouseover":function($event){return _vm.showHelpText(2)},"mouseout":function($event){return _vm.hideHelpText(2)}},slot:"reference"})],1)],1),_c('el-popover',{ref:"backgroundPopover",attrs:{"placement":"top-start","width":"128","append-to-body":false,"trigger":"click","popper-class":"background-popper non-selectable"}},[_c('el-row',{staticClass:"backgroundText"},[_vm._v(" Change background ")]),_c('el-row',{staticClass:"backgroundChooser"},_vm._l((_vm.availableBackground),function(item){return _c('div',{key:item,class:['backgroundChoice', item, item == _vm.currentBackground ? 'active' :''],on:{"click":function($event){return _vm.backgroundChangeCallback(item)}}})}),0)],1),_c('el-popover',{attrs:{"content":"Change background color","placement":"right","append-to-body":false,"trigger":"manual","popper-class":"scaffold-popper right-popper non-selectable"},model:{value:(_vm.hoverVisibilities[3].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[3], "value", $$v)},expression:"hoverVisibilities[3].value"}},[_c('map-svg-icon',{directives:[{name:"popover",rawName:"v-popover:backgroundPopover",arg:"backgroundPopover"}],staticClass:"icon-button background-colour",class:{ open: _vm.drawerOpen, close: !_vm.drawerOpen },attrs:{"slot":"reference","icon":"changeBckgd"},nativeOn:{"mouseover":function($event){return _vm.showHelpText(3)},"mouseout":function($event){return _vm.hideHelpText(3)}},slot:"reference"})],1)],1)],1)}
-var staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"16c219fa-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ScaffoldVuer.vue?vue&type=template&id=29960a58&scoped=true&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    directives: [{
+      name: "loading",
+      rawName: "v-loading",
+      value: _vm.loading,
+      expression: "loading"
+    }],
+    ref: "scaffoldContainer",
+    staticClass: "scaffold-container",
+    attrs: {
+      "element-loading-text": "Loading...",
+      "element-loading-spinner": "el-icon-loading",
+      "element-loading-background": "rgba(0, 0, 0, 0.3)"
+    }
+  }, [_c('map-svg-sprite-color'), _c('scaffold-tooltip', {
+    attrs: {
+      "label": _vm.tData.label,
+      "region": _vm.tData.region,
+      "visible": _vm.tData.visible,
+      "x": _vm.tData.x,
+      "y": _vm.tData.y
+    }
+  }), _c('div', {
+    ref: "display",
+    staticStyle: {
+      "height": "100%",
+      "width": "100%"
+    },
+    attrs: {
+      "id": "organsDisplayArea",
+      "tabindex": "-1"
+    },
+    on: {
+      "keydown": function keydown($event) {
+        if (!$event.type.indexOf('key') && $event.keyCode !== 66) return null;
+        return _vm.backgroundChangeCallback.apply(null, arguments);
+      }
+    }
+  }), _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.displayUI && !_vm.isTransitioning,
+      expression: "displayUI && !isTransitioning"
+    }]
+  }, [_vm.displayWarning ? _c('el-popover', {
+    ref: "warningPopover",
+    attrs: {
+      "content": _vm.warningMessage,
+      "placement": "right",
+      "append-to-body": false,
+      "trigger": "manual",
+      "popper-class": "scaffold-popper message-popper right-popper non-selectable"
+    },
+    model: {
+      value: _vm.hoverVisibilities[6].value,
+      callback: function callback($$v) {
+        _vm.$set(_vm.hoverVisibilities[6], "value", $$v);
+      },
+      expression: "hoverVisibilities[6].value"
+    }
+  }) : _vm._e(), _vm.displayWarning ? _c('i', {
+    directives: [{
+      name: "popover",
+      rawName: "v-popover:warningPopover",
+      arg: "warningPopover"
+    }],
+    staticClass: "el-icon-warning message-icon warning-icon",
+    on: {
+      "mouseover": function mouseover($event) {
+        return _vm.showHelpText(6);
+      },
+      "mouseout": function mouseout($event) {
+        return _vm.hideHelpText(6);
+      }
+    }
+  }, [_c('span', {
+    staticClass: "message-text"
+  }, [_vm._v("Beta")])]) : _vm._e(), _vm.displayLatestChanges ? _c('el-popover', {
+    ref: "latestChangesPopover",
+    attrs: {
+      "content": _vm.latestChangesMessage,
+      "placement": "right",
+      "append-to-body": false,
+      "trigger": "manual",
+      "popper-class": "scaffold-popper message-popper right-popper non-selectable"
+    },
+    model: {
+      value: _vm.hoverVisibilities[7].value,
+      callback: function callback($$v) {
+        _vm.$set(_vm.hoverVisibilities[7], "value", $$v);
+      },
+      expression: "hoverVisibilities[7].value"
+    }
+  }) : _vm._e(), _vm.displayLatestChanges && _vm.latestChangesMessage ? _c('i', {
+    directives: [{
+      name: "popover",
+      rawName: "v-popover:latestChangesPopover",
+      arg: "latestChangesPopover"
+    }],
+    staticClass: "el-icon-warning message-icon latest-changesicon",
+    on: {
+      "mouseover": function mouseover($event) {
+        return _vm.showHelpText(7);
+      },
+      "mouseout": function mouseout($event) {
+        return _vm.hideHelpText(7);
+      }
+    }
+  }, [_c('span', {
+    staticClass: "message-text"
+  }, [_vm._v("What's new?")])]) : _vm._e(), _c('el-popover', {
+    ref: "checkBoxPopover",
+    attrs: {
+      "content": "Change region visibility",
+      "placement": "right",
+      "append-to-body": false,
+      "trigger": "manual",
+      "popper-class": "scaffold-popper right-popper non-selectable"
+    },
+    model: {
+      value: _vm.hoverVisibilities[5].value,
+      callback: function callback($$v) {
+        _vm.$set(_vm.hoverVisibilities[5], "value", $$v);
+      },
+      expression: "hoverVisibilities[5].value"
+    }
+  }), _c('tree-controls', {
+    directives: [{
+      name: "popover",
+      rawName: "v-popover:checkBoxPopover",
+      arg: "checkBoxPopover"
+    }],
+    ref: "treeControls",
+    attrs: {
+      "help-mode": _vm.helpMode,
+      "show-colour-picker": _vm.showColourPicker
+    },
+    on: {
+      "object-selected": _vm.objectSelected,
+      "object-hovered": _vm.objectHovered,
+      "drawer-toggled": _vm.drawerToggled
+    }
+  }), _c('div', {
+    staticClass: "opacity-box"
+  }, [_c('opacity-controls', {
+    ref: "opacityControl"
+  })], 1), _vm.sceneData.timeVarying ? _c('el-popover', {
+    ref: "sliderPopover",
+    attrs: {
+      "content": "Move the slider to animate the region",
+      "placement": "top",
+      "append-to-body": false,
+      "trigger": "manual",
+      "popper-class": "scaffold-popper top-popper non-selectable"
+    },
+    model: {
+      value: _vm.hoverVisibilities[4].value,
+      callback: function callback($$v) {
+        _vm.$set(_vm.hoverVisibilities[4], "value", $$v);
+      },
+      expression: "hoverVisibilities[4].value"
+    }
+  }) : _vm._e(), _vm.sceneData.timeVarying ? _c('div', {
+    directives: [{
+      name: "popover",
+      rawName: "v-popover:sliderPopover",
+      arg: "sliderPopover"
+    }],
+    staticClass: "time-slider-container",
+    class: [_vm.minimisedSlider ? 'minimised' : '', _vm.sliderPosition]
+  }, [_c('el-tabs', {
+    attrs: {
+      "type": "card"
+    }
+  }, [_c('el-tab-pane', {
+    attrs: {
+      "label": "Animate scaffold"
+    }
+  }, [_c('el-row', {
+    staticClass: "tab-content"
+  }, [_vm.isPlaying ? _c('map-svg-icon', {
+    staticClass: "icon-button video-button",
+    attrs: {
+      "icon": "pause"
+    },
+    nativeOn: {
+      "click": function click($event) {
+        return _vm.play(false);
+      }
+    }
+  }) : _c('map-svg-icon', {
+    staticClass: "video-button icon-button",
+    attrs: {
+      "icon": "play"
+    },
+    nativeOn: {
+      "click": function click($event) {
+        return _vm.play(true);
+      }
+    }
+  }), _c('el-slider', {
+    staticClass: "slider",
+    attrs: {
+      "min": 0,
+      "max": _vm.timeMax,
+      "value": _vm.sceneData.currentTime / 100 * _vm.timeMax,
+      "step": 0.1,
+      "tooltip-class": "time-slider-tooltip",
+      "format-tooltip": _vm.formatTooltip,
+      "marks": _vm.timeStamps
+    },
+    on: {
+      "input": function input($event) {
+        return _vm.timeChange($event);
+      }
+    }
+  })], 1)], 1), _c('el-tab-pane', {
+    attrs: {
+      "label": "Animation data"
+    }
+  }, [_c('el-row', {
+    staticClass: "tab-content"
+  }, [_c('div', {
+    staticClass: "animation-data"
+  }, [_vm._v(" Original duration: "), _c('div', {
+    staticClass: "purple"
+  }, [_vm._v(" " + _vm._s(_vm.orginalDuration) + " ")])]), _c('div', {
+    staticClass: "animation-data"
+  }, [_vm._v(" Animation duration: "), _c('div', {
+    staticClass: "purple"
+  }, [_vm._v(" " + _vm._s(_vm.animateDuration) + " ")])]), _c('div', {
+    staticClass: "animation-data"
+  }, [_vm._v(" Playback speed "), _c('el-select', {
+    staticClass: "select-box",
+    attrs: {
+      "popper-append-to-body": true,
+      "value": _vm.currentSpeed,
+      "placeholder": "Select",
+      "popper-class": "scaffold_viewer_dropdown"
+    },
+    on: {
+      "change": function change($event) {
+        return _vm.speedChanged($event);
+      }
+    }
+  }, _vm._l(_vm.playSpeed, function (item) {
+    return _c('el-option', {
+      key: item.value,
+      attrs: {
+        "label": item.label,
+        "value": item.value
+      }
+    });
+  }), 1)], 1)])], 1)], 1)], 1) : _vm._e(), _c('div', {
+    staticClass: "bottom-right-control"
+  }, [_c('el-popover', {
+    attrs: {
+      "content": "Zoom in",
+      "placement": "left",
+      "append-to-body": false,
+      "trigger": "manual",
+      "popper-class": "scaffold-popper left-popper non-selectable"
+    },
+    model: {
+      value: _vm.hoverVisibilities[0].value,
+      callback: function callback($$v) {
+        _vm.$set(_vm.hoverVisibilities[0], "value", $$v);
+      },
+      expression: "hoverVisibilities[0].value"
+    }
+  }, [_c('map-svg-icon', {
+    staticClass: "icon-button zoomIn",
+    attrs: {
+      "slot": "reference",
+      "icon": "zoomIn"
+    },
+    nativeOn: {
+      "click": function click($event) {
+        return _vm.zoomIn();
+      },
+      "mouseover": function mouseover($event) {
+        return _vm.showHelpText(0);
+      },
+      "mouseout": function mouseout($event) {
+        return _vm.hideHelpText(0);
+      }
+    },
+    slot: "reference"
+  })], 1), _c('el-popover', {
+    attrs: {
+      "content": "Zoom out",
+      "placement": "top-end",
+      "append-to-body": false,
+      "trigger": "manual",
+      "popper-class": "scaffold-popper popper-zoomout non-selectable"
+    },
+    model: {
+      value: _vm.hoverVisibilities[1].value,
+      callback: function callback($$v) {
+        _vm.$set(_vm.hoverVisibilities[1], "value", $$v);
+      },
+      expression: "hoverVisibilities[1].value"
+    }
+  }, [_c('map-svg-icon', {
+    staticClass: "icon-button zoomOut",
+    attrs: {
+      "slot": "reference",
+      "icon": "zoomOut"
+    },
+    nativeOn: {
+      "click": function click($event) {
+        return _vm.zoomOut();
+      },
+      "mouseover": function mouseover($event) {
+        return _vm.showHelpText(1);
+      },
+      "mouseout": function mouseout($event) {
+        return _vm.hideHelpText(1);
+      }
+    },
+    slot: "reference"
+  })], 1), _c('el-popover', {
+    attrs: {
+      "placement": "top",
+      "append-to-body": false,
+      "trigger": "manual",
+      "popper-class": "scaffold-popper non-selectable"
+    },
+    model: {
+      value: _vm.hoverVisibilities[2].value,
+      callback: function callback($$v) {
+        _vm.$set(_vm.hoverVisibilities[2], "value", $$v);
+      },
+      expression: "hoverVisibilities[2].value"
+    }
+  }, [_c('div', [_vm._v(" Fit to "), _c('br'), _vm._v(" window ")]), _c('map-svg-icon', {
+    staticClass: "icon-button fitWindow",
+    attrs: {
+      "slot": "reference",
+      "icon": "fitWindow"
+    },
+    nativeOn: {
+      "click": function click($event) {
+        return _vm.fitWindow();
+      },
+      "mouseover": function mouseover($event) {
+        return _vm.showHelpText(2);
+      },
+      "mouseout": function mouseout($event) {
+        return _vm.hideHelpText(2);
+      }
+    },
+    slot: "reference"
+  })], 1)], 1), _c('el-popover', {
+    ref: "backgroundPopover",
+    attrs: {
+      "placement": "top-start",
+      "width": "128",
+      "append-to-body": false,
+      "trigger": "click",
+      "popper-class": "background-popper non-selectable"
+    }
+  }, [_c('el-row', {
+    staticClass: "backgroundText"
+  }, [_vm._v(" Change background ")]), _c('el-row', {
+    staticClass: "backgroundChooser"
+  }, _vm._l(_vm.availableBackground, function (item) {
+    return _c('div', {
+      key: item,
+      class: ['backgroundChoice', item, item == _vm.currentBackground ? 'active' : ''],
+      on: {
+        "click": function click($event) {
+          return _vm.backgroundChangeCallback(item);
+        }
+      }
+    });
+  }), 0)], 1), _c('el-popover', {
+    attrs: {
+      "content": "Change background color",
+      "placement": "right",
+      "append-to-body": false,
+      "trigger": "manual",
+      "popper-class": "scaffold-popper right-popper non-selectable"
+    },
+    model: {
+      value: _vm.hoverVisibilities[3].value,
+      callback: function callback($$v) {
+        _vm.$set(_vm.hoverVisibilities[3], "value", $$v);
+      },
+      expression: "hoverVisibilities[3].value"
+    }
+  }, [_c('map-svg-icon', {
+    directives: [{
+      name: "popover",
+      rawName: "v-popover:backgroundPopover",
+      arg: "backgroundPopover"
+    }],
+    staticClass: "icon-button background-colour",
+    class: {
+      open: _vm.drawerOpen,
+      close: !_vm.drawerOpen
+    },
+    attrs: {
+      "slot": "reference",
+      "icon": "changeBckgd"
+    },
+    nativeOn: {
+      "mouseover": function mouseover($event) {
+        return _vm.showHelpText(3);
+      },
+      "mouseout": function mouseout($event) {
+        return _vm.hideHelpText(3);
+      }
+    },
+    slot: "reference"
+  })], 1)], 1)], 1);
+};
+var staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/ScaffoldVuer.vue?vue&type=template&id=29960a58&scoped=true&
 
@@ -22446,10 +22865,76 @@ var es_object_keys_js_ = __webpack_require__("ea64");
 var external_vue_ = __webpack_require__("8bbf");
 var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e6b5184c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/OpacityControls.vue?vue&type=template&id=4c00a30f&scoped=true&
-var OpacityControlsvue_type_template_id_4c00a30f_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.material!=undefined)?_c('div',{ref:"control",staticClass:"opacity-control"},[_c('el-drawer',{staticClass:"drawer-content",attrs:{"custom-class":"my-drawer","visible":_vm.drawerOpen,"append-to-body":false,"modal-append-to-body":false,"size":"300","with-header":false,"wrapper-closable":false,"modal":false},on:{"update:visible":function($event){_vm.drawerOpen=$event}}},[(_vm.drawerOpen)?_c('div',{staticClass:"tab-button close",on:{"click":_vm.toggleDrawer}},[_c('i',{staticClass:"el-icon-arrow-right"})]):_vm._e(),_c('el-container',{staticClass:"opacity-container"},[_c('el-header',{staticClass:"header",attrs:{"height":"37px"}},[_c('div',[_vm._v("Opacity")])]),_c('el-main',{staticClass:"main"},[_c('div',{staticClass:"block"},[_c('span',{staticClass:"display"},[_vm._v(_vm._s(_vm.displayString))]),_c('el-slider',{staticClass:"my-slider",attrs:{"step":0.01,"min":0,"max":1,"format-tooltip":_vm.formatTooltip,"show-tooltip":false},model:{value:(_vm.material.opacity),callback:function ($$v) {_vm.$set(_vm.material, "opacity", $$v)},expression:"material.opacity"}})],1)])],1)],1),(!_vm.drawerOpen)?_c('div',{staticClass:"tab-button open",on:{"click":_vm.toggleDrawer}},[_c('i',{staticClass:"el-icon-arrow-left"})]):_vm._e()],1):_vm._e()}
-var OpacityControlsvue_type_template_id_4c00a30f_scoped_true_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"16c219fa-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/OpacityControls.vue?vue&type=template&id=4c00a30f&scoped=true&
+var OpacityControlsvue_type_template_id_4c00a30f_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _vm.material != undefined ? _c('div', {
+    ref: "control",
+    staticClass: "opacity-control"
+  }, [_c('el-drawer', {
+    staticClass: "drawer-content",
+    attrs: {
+      "custom-class": "my-drawer",
+      "visible": _vm.drawerOpen,
+      "append-to-body": false,
+      "modal-append-to-body": false,
+      "size": "300",
+      "with-header": false,
+      "wrapper-closable": false,
+      "modal": false
+    },
+    on: {
+      "update:visible": function updateVisible($event) {
+        _vm.drawerOpen = $event;
+      }
+    }
+  }, [_vm.drawerOpen ? _c('div', {
+    staticClass: "tab-button close",
+    on: {
+      "click": _vm.toggleDrawer
+    }
+  }, [_c('i', {
+    staticClass: "el-icon-arrow-right"
+  })]) : _vm._e(), _c('el-container', {
+    staticClass: "opacity-container"
+  }, [_c('el-header', {
+    staticClass: "header",
+    attrs: {
+      "height": "37px"
+    }
+  }, [_c('div', [_vm._v("Opacity")])]), _c('el-main', {
+    staticClass: "main"
+  }, [_c('div', {
+    staticClass: "block"
+  }, [_c('span', {
+    staticClass: "display"
+  }, [_vm._v(_vm._s(_vm.displayString))]), _c('el-slider', {
+    staticClass: "my-slider",
+    attrs: {
+      "step": 0.01,
+      "min": 0,
+      "max": 1,
+      "format-tooltip": _vm.formatTooltip,
+      "show-tooltip": false
+    },
+    model: {
+      value: _vm.material.opacity,
+      callback: function callback($$v) {
+        _vm.$set(_vm.material, "opacity", $$v);
+      },
+      expression: "material.opacity"
+    }
+  })], 1)])], 1)], 1), !_vm.drawerOpen ? _c('div', {
+    staticClass: "tab-button open",
+    on: {
+      "click": _vm.toggleDrawer
+    }
+  }, [_c('i', {
+    staticClass: "el-icon-arrow-left"
+  })]) : _vm._e()], 1) : _vm._e();
+};
+var OpacityControlsvue_type_template_id_4c00a30f_scoped_true_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/OpacityControls.vue?vue&type=template&id=4c00a30f&scoped=true&
 
@@ -22515,64 +23000,6 @@ var locale_default = /*#__PURE__*/__webpack_require__.n(locale);
 
 
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 /* eslint-disable no-alert, no-console */
 
 
@@ -22745,10 +23172,41 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var OpacityControls = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e6b5184c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ScaffoldTooltip.vue?vue&type=template&id=74c2ea8a&scoped=true&
-var ScaffoldTooltipvue_type_template_id_74c2ea8a_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"region-tooltip",style:(_vm.position)},[_c('el-popover',{ref:"tooltip",attrs:{"placement":"top","append-to-body":false,"trigger":"manual","popper-class":"tooltip-popper non-selectable"},model:{value:(_vm.display),callback:function ($$v) {_vm.display=$$v},expression:"display"}},[_c('div',{staticClass:"tooltip-text"},[_vm._v(_vm._s(_vm.label))]),(_vm.region)?_c('div',{staticClass:"tooltip-text"},[_vm._v("Region: "+_vm._s(_vm.region))]):_vm._e(),_c('i',{directives:[{name:"popover",rawName:"v-popover:tooltip",arg:"tooltip"}]})])],1)}
-var ScaffoldTooltipvue_type_template_id_74c2ea8a_scoped_true_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"16c219fa-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ScaffoldTooltip.vue?vue&type=template&id=74c2ea8a&scoped=true&
+var ScaffoldTooltipvue_type_template_id_74c2ea8a_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "region-tooltip",
+    style: _vm.position
+  }, [_c('el-popover', {
+    ref: "tooltip",
+    attrs: {
+      "placement": "top",
+      "append-to-body": false,
+      "trigger": "manual",
+      "popper-class": "tooltip-popper non-selectable"
+    },
+    model: {
+      value: _vm.display,
+      callback: function callback($$v) {
+        _vm.display = $$v;
+      },
+      expression: "display"
+    }
+  }, [_c('div', {
+    staticClass: "tooltip-text"
+  }, [_vm._v(_vm._s(_vm.label))]), _vm.region ? _c('div', {
+    staticClass: "tooltip-text"
+  }, [_vm._v("Region: " + _vm._s(_vm.region))]) : _vm._e(), _c('i', {
+    directives: [{
+      name: "popover",
+      rawName: "v-popover:tooltip",
+      arg: "tooltip"
+    }]
+  })])], 1);
+};
+var ScaffoldTooltipvue_type_template_id_74c2ea8a_scoped_true_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/ScaffoldTooltip.vue?vue&type=template&id=74c2ea8a&scoped=true&
 
@@ -22760,24 +23218,6 @@ var es_number_constructor_js_ = __webpack_require__("f989");
 
 
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 /* eslint-disable no-alert, no-console */
 
 
@@ -22870,16 +23310,89 @@ var ScaffoldTooltip_component = normalizeComponent(
 )
 
 /* harmony default export */ var ScaffoldTooltip = (ScaffoldTooltip_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e6b5184c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TreeControls.vue?vue&type=template&id=30f5c8fc&scoped=true&
-var TreeControlsvue_type_template_id_30f5c8fc_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"tree-controls",class:{ open: _vm.drawerOpen, close: !_vm.drawerOpen }},[_c('div',{staticClass:"traditional-container"},[_c('el-row',[_c('el-col',{attrs:{"span":12}},[_c('div',{staticClass:"regions-display-text"},[_vm._v(" Regions ")])])],1),_c('div',{staticClass:"tree-container"},[_c('el-tree',{ref:"regionTree",attrs:{"node-key":"id","show-checkbox":"","check-strictly":false,"data":_vm.treeData[0].children,"expand-on-click-node":false,"render-after-expand":false},on:{"check":_vm.checkChanged},scopedSlots:_vm._u([{key:"default",fn:function(ref){
-var node = ref.node;
-var data = ref.data;
-return _c('span',{staticClass:"region-tree-node",class:{
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"16c219fa-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TreeControls.vue?vue&type=template&id=30f5c8fc&scoped=true&
+var TreeControlsvue_type_template_id_30f5c8fc_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "tree-controls",
+    class: {
+      open: _vm.drawerOpen,
+      close: !_vm.drawerOpen
+    }
+  }, [_c('div', {
+    staticClass: "traditional-container"
+  }, [_c('el-row', [_c('el-col', {
+    attrs: {
+      "span": 12
+    }
+  }, [_c('div', {
+    staticClass: "regions-display-text"
+  }, [_vm._v(" Regions ")])])], 1), _c('div', {
+    staticClass: "tree-container"
+  }, [_c('el-tree', {
+    ref: "regionTree",
+    attrs: {
+      "node-key": "id",
+      "show-checkbox": "",
+      "check-strictly": false,
+      "data": _vm.treeData[0].children,
+      "expand-on-click-node": false,
+      "render-after-expand": false
+    },
+    on: {
+      "check": _vm.checkChanged
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function fn(_ref) {
+        var node = _ref.node,
+          data = _ref.data;
+        return _c('span', {
+          staticClass: "region-tree-node",
+          class: {
             activeItem: _vm.nodeIsActive(data),
-            hoverItem: _vm.nodeIsHover(data),
-          },on:{"click":function($event){return _vm.changeActiveByNode(data, true)},"mouseover":function($event){return _vm.changeHoverByNode(data, true)}}},[(data.isPrimitives)?_c('el-color-picker',{class:{ 'show-picker': _vm.showColourPicker },attrs:{"value":_vm.getColour(data),"size":"small","popper-class":_vm.myPopperClass},on:{"change":function($event){return _vm.setColour(data, $event)}}}):_vm._e(),_c('span',[_vm._v(_vm._s(node.label))])],1)}}])})],1)],1),_c('div',{staticClass:"drawer-button",class:{ open: _vm.drawerOpen, close: !_vm.drawerOpen },on:{"click":_vm.toggleDrawer}},[_c('i',{staticClass:"el-icon-arrow-left"})])])}
-var TreeControlsvue_type_template_id_30f5c8fc_scoped_true_staticRenderFns = []
-
+            hoverItem: _vm.nodeIsHover(data)
+          },
+          on: {
+            "click": function click($event) {
+              return _vm.changeActiveByNode(data, true);
+            },
+            "mouseover": function mouseover($event) {
+              return _vm.changeHoverByNode(data, true);
+            }
+          }
+        }, [data.isPrimitives ? _c('el-color-picker', {
+          class: {
+            'show-picker': _vm.showColourPicker
+          },
+          attrs: {
+            "value": _vm.getColour(data),
+            "size": "small",
+            "popper-class": _vm.myPopperClass
+          },
+          on: {
+            "change": function change($event) {
+              return _vm.setColour(data, $event);
+            }
+          }
+        }) : _vm._e(), _c('span', [_vm._v(_vm._s(node.label))])], 1);
+      }
+    }])
+  })], 1)], 1), _c('div', {
+    staticClass: "drawer-button",
+    class: {
+      open: _vm.drawerOpen,
+      close: !_vm.drawerOpen
+    },
+    on: {
+      "click": _vm.toggleDrawer
+    }
+  }, [_c('i', {
+    staticClass: "el-icon-arrow-left"
+  })])]);
+};
+var TreeControlsvue_type_template_id_30f5c8fc_scoped_true_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/TreeControls.vue?vue&type=template&id=30f5c8fc&scoped=true&
 
@@ -23085,64 +23598,6 @@ var getAllObjects = function getAllObjects(scene) {
 
 
 
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 /* eslint-disable no-alert, no-console */
 
@@ -23845,270 +24300,6 @@ var search_SearchResults = /*#__PURE__*/function () {
 
 
 
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 /* eslint-disable no-alert, no-console */