@abi-software/scaffoldvuer 0.1.1 → 0.1.5-1.beta.0

package/dist/scaffoldvuer.common.js

@@ -0,0 +1,4378 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = "fae3");
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "022d":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_vue_cli_service_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_TraditionalControls_vue_vue_type_style_index_0_id_b034523c_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("21c9");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_vue_cli_service_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_TraditionalControls_vue_vue_type_style_index_0_id_b034523c_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_vue_cli_service_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_TraditionalControls_vue_vue_type_style_index_0_id_b034523c_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "02ac":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.symbol.iterator");
+
+/***/ }),
+
+/***/ "0607":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/checkbox-group");
+
+/***/ }),
+
+/***/ "0cf4":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/theme-chalk/checkbox-group.css");
+
+/***/ }),
+
+/***/ "0de2":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/select");
+
+/***/ }),
+
+/***/ "0fe2":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/theme-chalk/select.css");
+
+/***/ }),
+
+/***/ "10c9":
+/***/ (function(module, exports) {
+
+/**
+ * @author alteredq / http://alteredqualia.com/
+ * @author mr.doob / http://mrdoob.com/
+ */
+
+exports.WEBGL = {
+
+	isWebGLAvailable: function () {
+
+		try {
+
+			var canvas = document.createElement( 'canvas' );
+			return !! ( window.WebGLRenderingContext && ( canvas.getContext( 'webgl' ) || canvas.getContext( 'experimental-webgl' ) ) );
+
+		} catch ( e ) {
+
+			return false;
+
+		}
+
+	},
+
+	isWebGL2Available: function () {
+
+		try {
+
+			var canvas = document.createElement( 'canvas' );
+			return !! ( window.WebGL2RenderingContext && canvas.getContext( 'webgl2' ) );
+
+		} catch ( e ) {
+
+			return false;
+
+		}
+
+	},
+
+	getWebGLErrorMessage: function () {
+
+		return this.getErrorMessage( 1 );
+
+	},
+
+	getWebGL2ErrorMessage: function () {
+
+		return this.getErrorMessage( 2 );
+
+	},
+
+	getErrorMessage: function ( version ) {
+
+		var names = {
+			1: 'WebGL',
+			2: 'WebGL 2'
+		};
+
+		var contexts = {
+			1: window.WebGLRenderingContext,
+			2: window.WebGL2RenderingContext
+		};
+
+		var message = 'This module requires <a href="http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation" style="color:#008">$1</a> support but your $0 does not seem to support it.';
+
+		var element = document.createElement( 'div' );
+		element.id = 'webglmessage';
+		element.style.fontFamily = 'monospace';
+		element.style.fontSize = '20px';
+		element.style.fontWeight = 'normal';
+		element.style.textAlign = 'center';
+		element.style.background = '#fff';
+		element.style.color = '#000';
+		element.style.padding = '1.5em';
+		element.style.width = '400px';
+		element.style.margin = '5em auto 0';
+
+		if ( contexts[ version ] ) {
+
+			message = message.replace( '$0', 'graphics card' );
+
+		} else {
+
+			message = message.replace( '$0', 'browser' );
+
+		}
+
+		message = message.replace( '$1', names[ version ] );
+
+		element.innerHTML = message;
+
+		return element;
+
+	}
+
+};
+
+
+/***/ }),
+
+/***/ "139f":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.for-each");
+
+/***/ }),
+
+/***/ "1823":
+/***/ (function(module, exports) {
+
+module.exports = "precision highp float;\n\nuniform mat4 modelViewMatrix;\nuniform mat4 projectionMatrix;\n\nattribute vec3 position;\nattribute vec3 normal;\nattribute vec3 color;\nattribute vec2 uv;\nattribute vec3 position_1;\nattribute vec3 position_2;\nattribute vec2 uv_1;\nattribute vec2 uv_2;\n\nuniform float time;\nuniform float slide_pos;\nvarying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\t\n\tvec3 transformed_xi1 = position * vec3(1.0 - time) +  position_1 * vec3(time);\n\t\n\tvec3 xi0_time_1 = vec3(position_1.x, position_1.y, 0.0);\n\tvec3 transformed_xi0 = position_2 * vec3(1.0 - time) +  xi0_time_1 * vec3(time);\n\n\tvec3 transformed = vec3(transformed_xi0) * vec3(1.0 - slide_pos) +  vec3(transformed_xi1) * vec3(slide_pos);\n\t\n\tvec4 mvPosition = modelViewMatrix * vec4( transformed, 1.0 );\n\tgl_Position = projectionMatrix * mvPosition;\n\n}\n"
+
+/***/ }),
+
+/***/ "18d2":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.concat");
+
+/***/ }),
+
+/***/ "1ac9":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/container");
+
+/***/ }),
+
+/***/ "1ce0":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/web.dom-collections.iterator");
+
+/***/ }),
+
+/***/ "1fe8":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/main");
+
+/***/ }),
+
+/***/ "2175":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.object.keys");
+
+/***/ }),
+
+/***/ "21a1":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_vue_cli_service_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_OpacityControls_vue_vue_type_style_index_0_id_4c00a30f_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5810");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_vue_cli_service_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_OpacityControls_vue_vue_type_style_index_0_id_4c00a30f_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_vue_cli_service_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_OpacityControls_vue_vue_type_style_index_0_id_4c00a30f_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "21c9":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "2a6f":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/web.url");
+
+/***/ }),
+
+/***/ "2c1b":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/theme-chalk/loading.css");
+
+/***/ }),
+
+/***/ "2de2":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/header");
+
+/***/ }),
+
+/***/ "3170":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/theme-chalk/tabs.css");
+
+/***/ }),
+
+/***/ "319f":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.number.to-fixed");
+
+/***/ }),
+
+/***/ "31fb":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/tab-pane");
+
+/***/ }),
+
+/***/ "3666":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/theme-chalk/color-picker.css");
+
+/***/ }),
+
+/***/ "373b":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/drawer");
+
+/***/ }),
+
+/***/ "3966":
+/***/ (function(module, exports, __webpack_require__) {
+
+var MODULE_CHANGE = { ALL: 0, DESTROYED: 1, NAME_CHANGED: 2, SETTINGS_CHANGED: 3 };
+
+var BaseModule = function() {
+  this.typeName = "Base Module";
+  this.instanceName = "default";
+  this.onChangedCallbacks = [];
+  this.messageFunction = undefined;
+  /**  Notifier handle for informing other modules of any changes **/
+  this.eventNotifiers = [];
+  this.broadcastChannels = {};
+}
+
+BaseModule.prototype.setName = function(name) {
+  if (name && this.instanceName !== name) {
+    this.instanceName = name;
+    var callbackArray = this.onChangedCallbacks.slice();
+    for (var i = 0; i < callbackArray.length; i++) {
+      callbackArray[i]( this, MODULE_CHANGE.NAME_CHANGED );
+    }
+  }
+}
+
+BaseModule.prototype.addBroadcastChannels = function(ChannelName) {
+	if (ChannelName in this.broadcastChannels)
+		return false;
+	var newChannel = new (__webpack_require__("c45a")).default(ChannelName);
+	this.broadcastChannels[ChannelName] = newChannel;
+	return true;
+}
+
+BaseModule.prototype.removeBroadcastChannels = function(ChannelName) {
+	if (ChannelName in this.broadcastChannels) {
+		this.broadcastChannels[ChannelName].close();
+		delete broadcastChannels[ChannelName];
+	}
+	
+}
+
+BaseModule.prototype.settingsChanged = function() {
+	var callbackArray = this.onChangedCallbacks.slice();
+    for (var i = 0; i < callbackArray.length; i++) {
+      callbackArray[i]( this, MODULE_CHANGE.SETTINGS_CHANGED );
+    }
+}
+
+BaseModule.prototype.exportSettings = function() {
+	  var settings = {};
+	  settings.dialog = this.typeName;
+	  settings.name = this.instanceName;
+	  return settings;
+}
+
+BaseModule.prototype.importSettings = function(settings) {
+	if (settings.dialog == this.typeName) {
+		this.setName(settings.name);
+		return true;
+	}
+	return false;
+}
+
+BaseModule.prototype.publishChanges = function(annotations, eventType) {
+  for (var i = 0; i < this.eventNotifiers.length; i++) {
+    this.eventNotifiers[i].publish(this, eventType, annotations);
+  }
+  if (eventType === __webpack_require__("549c").EVENT_TYPE.SELECTED) {
+	  if (annotations && annotations[0]) {
+		  var annotation = annotations[0];	  
+		  var data = {action: "query-data", resource: annotation.data.id, data: annotation.data, sender: this.instanceName};
+		  for (var key in this.broadcastChannels) {
+			  this.broadcastChannels[key].postMessage(data);
+		  }
+	  }
+  }
+}
+
+BaseModule.prototype.setMessageFunction = function(functionIn) {
+   this.messageFunction = functionIn;
+}
+
+BaseModule.prototype.displayMessage = function(message) {
+   if (this.messageFunction)
+	   this.messageFunction(message);
+}
+
+BaseModule.prototype.getName = function() {
+  return this.instanceName;
+}
+
+BaseModule.prototype.destroy = function() {
+  //Make a temorary copy as the array may be altered during the loop
+  var callbackArray = this.onChangedCallbacks.slice();
+  for (var i = 0; i < callbackArray.length; i++) {
+    callbackArray[i]( this, MODULE_CHANGE.DESTROYED );
+  }
+
+  delete this;
+} 
+
+BaseModule.prototype.addChangedCallback = function(callback) {
+  if (this.onChangedCallbacks.includes(callback) == false)
+    this.onChangedCallbacks.push(callback);
+}
+
+BaseModule.prototype.removeChangedCallback = function(callback) {
+  var index = this.onChangedCallbacks.indexOf(callback);
+  if (index > -1) {
+    this.onChangedCallbacks.splice(index, 1);
+  }
+} 
+
+BaseModule.prototype.addNotifier = function(eventNotifier) {
+  this.eventNotifiers.push(eventNotifier);
+}
+
+exports.BaseModule = BaseModule;
+exports.MODULE_CHANGE = MODULE_CHANGE;
+
+
+/***/ }),
+
+/***/ "429c":
+/***/ (function(module, exports) {
+
+module.exports = require("@abi-software/svg-sprite");
+
+/***/ }),
+
+/***/ "4914":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/color-picker");
+
+/***/ }),
+
+/***/ "4c89":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/theme-chalk/drawer.css");
+
+/***/ }),
+
+/***/ "4e2d":
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/uniq");
+
+/***/ }),
+
+/***/ "4e8a":
+/***/ (function(module, exports) {
+
+module.exports = "precision highp float;\nuniform sampler2D myTex;\nvarying vec2 vUv;\n\nvoid main() {\n\tgl_FragColor = texture2D( myTex, vUv );\n\n}\n"
+
+/***/ }),
+
+/***/ "51c7":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/theme-chalk/header.css");
+
+/***/ }),
+
+/***/ "51e9":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.symbol.description");
+
+/***/ }),
+
+/***/ "51f7":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.regexp.exec");
+
+/***/ }),
+
+/***/ "549c":
+/***/ (function(module, exports) {
+
+var EVENT_TYPE = { ALL: 0, SELECTED: 1, HIGHLIGHTED: 2 };
+
+var SelectionEvent = function(eventTypeIn, identifiersIn) {
+  this.eventType = eventTypeIn;
+  this.identifiers = identifiersIn;
+}
+
+var returnFullID = function(sourceId) {
+  //return full annotations with all different name
+}
+  
+var Subscription = function(subscriberIn, callbackIn, eventType) {
+  this.targetedID = [];
+  var subscriber = subscriberIn;
+  if (eventType === undefined)
+    this.targetEventType = EVENT_TYPE.ALL;
+  else
+    this.targetEventType = eventType;
+  var callback = callbackIn;
+  
+  var _this = this;
+  
+  this.getEventType = function() {
+    return eventType;
+  }
+  
+  this.notify = function(source, eventType, ids) {
+    if (source !== subscriber && (_this.targetEventType ===  EVENT_TYPE.ALL ||
+        _this.targetEventType === eventType)) {
+      //should support different type of id e.g lyph, name, fmas...
+      //need a function that finds all relavant ids
+      var event = new SelectionEvent(eventType, ids);
+      callback(event);
+    }
+  }
+}
+
+exports.EventNotifier = function() {
+  var events = [];
+  var subscriptions = [];
+  var _this = this;
+  
+  this.publish = function(source, eventType, id) {
+    for (var i = 0; i < subscriptions.length;i++) {
+      subscriptions[i].notify(source, eventType, id);
+    }
+  }
+  
+  this.subscribe = function(subscriber, callbackFunction, eventType) {
+    if (typeof callbackFunction === "function") {
+      var subscription = new Subscription(subscriber, callbackFunction, eventType);
+      subscriptions.push(subscription);
+      return subscription;
+    }
+    return undefined;
+  }
+  
+  this.unsubscribe = function(subscription) {
+    for (var i = 0; i < subscriptions.length;i++) {
+      if (subscription === subscriptions[i]) {
+        subscriptions.splice(i, 1);
+        return;
+      }
+    }
+  }
+}  
+
+exports.EVENT_TYPE = EVENT_TYPE;
+
+
+/***/ }),
+
+/***/ "55ee":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/theme-chalk/checkbox.css");
+
+/***/ }),
+
+/***/ "5810":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "5fef":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.regexp.to-string");
+
+/***/ }),
+
+/***/ "6049":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.symbol");
+
+/***/ }),
+
+/***/ "642d":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_vue_cli_service_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_ScaffoldVuer_vue_vue_type_style_index_1_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7d9b");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_vue_cli_service_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_ScaffoldVuer_vue_vue_type_style_index_1_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_vue_cli_service_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_ScaffoldVuer_vue_vue_type_style_index_1_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "6579":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.slice");
+
+/***/ }),
+
+/***/ "67b6":
+/***/ (function(module, exports, __webpack_require__) {
+
+var THREE = __webpack_require__("9206").THREE;
+// Current model's associate data, data fields, external link, nerve map
+// informations,
+// these are proived in the organsFileMap array.
+var OrgansSceneData = function() {
+  this.currentName = "";
+  this.currentSystem = "";
+  this.currentPart = "";
+  this.currentSpecies  = "";
+  this.metaURL = "";
+  this.viewURL = "";
+  this.geometries = [];
+  this.lines = [];
+  this.glyphsets = [];
+  this.pointsets = [];
+  this.currentTime = 0.0;
+  this.timeVarying = false;
+  // Current model's associate data, data fields, external link, nerve map
+	// informations,
+  this.nerveMap = undefined;
+  this.nerveMapIsActive = false;
+}
+
+/**
+ * Viewer of 3D-organs models. Users can toggle on/off different views. Data is
+ * displayed instead if models are not available.
+ * 
+ * @class
+ * @param {PJP.ModelsLoader}
+ *            ModelsLoaderIn - defined in modelsLoade.js, providing locations of
+ *            files.
+ * @param {String}
+ *            PanelName - Id of the target element to create the
+ *            {@link PJP.OrgansViewer} on.
+ * @author Alan Wu
+ * @returns {PJP.OrgansViewer}
+ */
+var OrgansViewer = function(ModelsLoaderIn)  {
+  (__webpack_require__("7a89").RendererModule).call(this);
+	var pickerScene = undefined;
+	var nerveMapScene = undefined;
+	this.sceneData = new OrgansSceneData();
+	var timeChangedCallbacks = new Array();
+	var sceneChangedCallbacks = new Array();
+  var organPartAddedCallbacks = new Array();
+  var finishDownloadCallback = undefined;
+	var layoutUpdateRequiredCallbacks = new Array();
+	var modelsLoader = ModelsLoaderIn;
+	var _this = this;
+	_this.typeName = "Organ Viewer";
+	
+	this.getSceneData = function() {
+	  return _this.sceneData;
+	}
+
+	/**
+	 * Used to update internal timer in scene when time slider has changed.
+	 */
+	this.updateTime = function(value) {
+    let duration = 6000;
+    if (_this.scene)
+      duration = _this.scene.getDuration();
+    var actualTime = value / 100.0 * duration;
+		if (!_this.sceneData.nerveMapIsActive) {
+			if (pickerScene)
+				pickerScene.setMorphsTime(actualTime);
+			if (_this.scene)
+				_this.scene.setMorphsTime(actualTime);
+		} else if (nerveMapScene) {
+				nerveMapScene.setMorphsTime(actualTime);
+				if (_this.sceneData.nerveMap && _this.sceneData.nerveMap.additionalReader)
+					_this.sceneData.nerveMap.additionalReader.setTime(value / 100.0);
+		}
+		_this.sceneData.currentTime = value;
+	}
+	
+	/**
+	 * Update the time slider and other renderers/scenes when time has changed.
+	 */
+	var preRenderTimeUpdate = function() {
+    let duration = 3000;
+    if (_this.scene)
+      duration = _this.scene.getDuration();
+		var currentTime = _this.zincRenderer.getCurrentTime();
+		for (var i = 0; i < timeChangedCallbacks.length;i++) {
+			timeChangedCallbacks[i](currentTime);
+		}
+		if (!_this.sceneData.nerveMapIsActive && pickerScene)
+			pickerScene.setMorphsTime(currentTime);
+		if (_this.sceneData.nerveMap && _this.sceneData.nerveMap.additionalReader)
+      _this.sceneData.nerveMap.additionalReader.setTime(currentTime / 
+        duration);
+		_this.sceneData.currentTime = currentTime / duration * 100.0;
+  }
+  
+  var postRenderSelectedCoordinatesUpdate = function() {
+    if (_this.selectedCenter) {
+      const vector = new THREE.Vector3();
+      vector.copy(_this.selectedCenter);
+      var coord = _this.scene.vectorToScreenXY(vector);
+      _this.selectedScreenCoordinates.x = coord.x;
+      _this.selectedScreenCoordinates.y = coord.y;
+    }
+  }
+	
+	var preRenderUpdateCallback = function() {
+		return function() {
+      preRenderTimeUpdate();
+		}
+  }
+  
+  var postRenderUpdateCallback = function() {
+		return function() {
+      postRenderSelectedCoordinatesUpdate();
+		}
+	}
+	
+	 /**
+		 * Add a callback which will be called when time has changed
+		 */
+	this.addTimeChangedCallback = function(callback) {
+	  if (typeof(callback === "function"))
+	    timeChangedCallbacks.push(callback);
+	}
+	
+	this.setTexturePos = function(value) {
+		if (_this.sceneData.nerveMap && _this.sceneData.nerveMap.additionalReader)
+			_this.sceneData.nerveMap.additionalReader.setSliderPos(value);
+	}
+	
+	 this.addLayoutUpdateRequiredCallback = function(callback) {
+	    if (typeof(callback === "function")) {
+	      layoutUpdateRequiredCallbacks.push(callback);
+	    }
+	  }
+	
+	this.addSceneChangedCallback = function(callback) {
+	  if (typeof(callback === "function")) {
+	    sceneChangedCallbacks.push(callback);
+	  }
+	}
+	
+	this.addOrganPartAddedCallback = function(callback) {
+    if (typeof(callback === "function"))
+      organPartAddedCallbacks.push(callback);
+  }
+
+  this.setFinishDownloadCallback = function(callback) {
+    if (typeof(callback === "function"))
+      finishDownloadCallback = callback;
+  }
+
+  this.unsetFinishDownloadCallback = function() {
+    finishDownloadCallback = undefined;
+  }
+
+  this.getNamedObjectsToScreenCoordinates = function(name, camera) {
+    var vector = new THREE.Vector3();
+    vector.setFromMatrixPosition( obj.matrixWorld );
+    var widthHalf = (width/2);
+    var heightHalf = (height/2);
+    vector.project(camera);
+    vector.x = ( vector.x * widthHalf ) + widthHalf;
+    vector.y = - ( vector.y * heightHalf ) + heightHalf;
+    return vector;
+  }
+
+  var getIdObjectFromIntersect = function(intersected) {
+    var id = undefined;
+    var intersectedObject = undefined;
+    if (intersected !== undefined) {
+      if (intersected.object.userData && 
+        intersected.object.userData.isMarker) {
+        intersectedObject = intersected.object.userData.parent.morph;
+      } else {
+        intersectedObject = intersected.object;
+      }
+      if (intersectedObject) {
+        if (intersectedObject.name) {
+          id = intersectedObject.name;
+        } else {
+          var annotations = _this.getAnnotationsFromObjects(
+            [intersectedObject]);
+          if (annotations && annotations[0]) {
+            id = annotations[0].data.group;
+          }
+        }
+      }
+    }
+    return {"id":id, "object":intersectedObject};
+  }
+	 
+	/**
+	 * Callback function when a pickable object has been picked. It will then
+	 * call functions in tissueViewer and cellPanel to show corresponding
+	 * informations.
+	 * 
+	 * @callback
+	 */
+	var _pickingCallback = function() {
+		return function(intersects, window_x, window_y) {
+      var intersected = _this.getIntersectedObject(intersects);
+      var idObject = getIdObjectFromIntersect(intersected);
+      if (idObject.id) {
+        if (_this.toolTip !== undefined) {
+          _this.toolTip.setText(idObject.id);
+          _this.toolTip.show(window_x, window_y);
+        }
+        _this.displayMessage(idObject.object.name + " selected.");
+
+        if (idObject.object.userData.isGlyph) {
+          if (idObject.object.name)
+            _this.setSelectedByObjects([idObject.object], true);
+          else
+            _this.setSelectedByZincObject(idObject.object.userData.getGlyphset(), true);
+        } else {
+          _this.setSelectedByObjects([idObject.object], true);
+        }
+        return;
+      } else {
+				if (_this.toolTip !== undefined) {
+					_this.toolTip.hide();
+				}
+				_this.setSelectedByObjects([], true);
+			}
+		}
+	};
+	
+	/**
+	 * Callback function when a pickable object has been hovered over. It will
+	 * show objecty id/name as _this.toolTip text.
+	 * 
+	 * @callback
+	 */
+	var _hoverCallback = function() {
+		return function(intersects, window_x, window_y) {
+      var intersected = _this.getIntersectedObject(intersects);
+      var idObject = getIdObjectFromIntersect(intersected);
+      if (idObject.id) {
+        _this.displayArea.style.cursor = "pointer";
+        if (_this.toolTip !== undefined) {
+          _this.toolTip.setText(idObject.id);
+          _this.toolTip.show(window_x, window_y);
+        }
+        _this.setHighlightedByObjects([idObject.object], true);
+        return;
+      }
+      else {
+        if (_this.toolTip !== undefined) {
+					_this.toolTip.hide();
+				}
+				_this.displayArea.style.cursor = "auto";
+				_this.setHighlightedByObjects([], true);
+      }
+		}
+	};
+
+	var changeOrganPartsVisibilityForScene = function(scene, name, value, type) {
+		if (type == "all" || type == "geometries") {
+			var geometries = scene.findGeometriesWithGroupName(name);
+			for (var i = 0; i < geometries.length; i ++ ) {
+				geometries[i].setVisibility(value);
+			}
+		}
+		if (type == "all" || type == "glyphsets") {
+			var glyphsets = scene.findGlyphsetsWithGroupName(name);
+			for (var i = 0; i < glyphsets.length; i ++ ) {
+				glyphsets[i].setVisibility(value);
+			}
+		}
+		if (type == "all" || type == "pointsets") {
+			var pointsets = scene.findPointsetsWithGroupName(name);
+			for (var i = 0; i < pointsets.length; i ++ ) {
+				pointsets[i].setVisibility(value);
+			}
+		}
+		if (type == "all" || type == "lines") {
+			var lines = scene.findLinesWithGroupName(name);
+			for (var i = 0; i < lines.length; i ++ ) {
+				lines[i].setVisibility(value);
+			}
+		}
+	}
+
+	/**
+	 * Change visibility for parts of the current scene.
+	 */
+	this.changeGeometriesVisibility = function(name, value) {
+		changeOrganPartsVisibilityForScene(_this.scene, name, value, 'geometries');
+		if (pickerScene)
+			changeOrganPartsVisibilityForScene(pickerScene, name, value, 'geometries');
+	}
+
+	/**
+	 * Change visibility for parts of the current scene.
+	 */
+	this.changeGlyphsetsVisibility = function(name, value) {
+		changeOrganPartsVisibilityForScene(_this.scene, name, value, 'glyphsets');
+		if (pickerScene)
+			changeOrganPartsVisibilityForScene(pickerScene, name, value, 'glyphsets');
+	}
+
+	/**
+	 * Change visibility for parts of the current scene.
+	 */
+	this.changeLinesVisibility = function(name, value) {
+		changeOrganPartsVisibilityForScene(_this.scene, name, value, 'lines');
+		if (pickerScene)
+			changeOrganPartsVisibilityForScene(pickerScene, name, value, 'lines');
+	}
+
+	/**
+	 * Change visibility for parts of the current scene.
+	 */
+	this.changePointsetsVisibility = function(name, value) {
+		changeOrganPartsVisibilityForScene(_this.scene, name, value, 'pointsets');
+		if (pickerScene)
+			changeOrganPartsVisibilityForScene(pickerScene, name, value, 'pointsets');
+  }
+  			
+	/**
+	 * Change visibility for parts of the current scene.
+	 */
+	this.changeOrganPartsVisibility = function(name, value, typeIn) {
+		var type = "all";
+		if (typeIn !== undefined)
+			type = typeIn;
+		changeOrganPartsVisibilityForScene(_this.scene, name, value, type);
+		if (pickerScene)
+			changeOrganPartsVisibilityForScene(pickerScene, name, value, type);
+	}
+	
+	this.changeOrganPartsVisibilityCallback = function(name) {
+		return function(value) {
+			_this.changeOrganPartsVisibility(name, value);
+		}
+	}
+	
+	/**
+	 * Change some of the ZincGeometry property for never map geometry
+	 * 
+	 * @callback
+	 */
+	var _addNerveMapGeometryCallback = function(GroupName) {
+		return function(geometry) {
+			geometry.groupName = GroupName;
+			if (imageCombiner && geometry.morph && geometry.morph.material.map) {
+				geometry.morph.material.map = new THREE.Texture(imageCombiner.getCombinedImage());
+				geometry.morph.material.map.needsUpdate = true;
+				geometry.morph.material.needsUpdate = true;
+			}
+		}
+	}
+	
+	/**
+	 * Read in the nerve map models onto the primary renderer when nerve map has
+	 * been toggled on.
+	 */
+	var setupNerveMapPrimaryRenderer = function() {
+		var sceneName = _this.sceneData.currentName + "_nervemap";
+		nerveMapScene = _this.zincRenderer.getSceneByName(sceneName);
+		if (nerveMapScene == undefined) {
+			var downloadPath = modelsLoader.getOrgansDirectoryPrefix() + "/" + _this.sceneData.nerveMap.threed.meta;
+			nerveMapScene = _this.zincRenderer.createScene(sceneName);
+			nerveMapScene.loadMetadataURL(downloadPath, _addNerveMapGeometryCallback("threed"));
+			if (_this.sceneData.nerveMap.threed.view !== undefined)
+				nerveMapScene.loadViewURL(modelsLoader.getOrgansDirectoryPrefix() + "/" + _this.sceneData.nerveMap.threed.view);
+			else {
+				nerveMapScene.loadViewURL(modelsLoader.getBodyDirectoryPrefix() + "/body_view.json");
+			}
+			nerveMapScene.ambient.intensity = 8.0;
+			nerveMapScene.directionalLight.intensity = 0;
+			var zincCameraControl = nerveMapScene.getZincCameraControls();
+			zincCameraControl.setMouseButtonAction("AUXILIARY", "ZOOM");
+			zincCameraControl.setMouseButtonAction("SECONDARY", "PAN");
+			_this.sceneData.nerveMap.additionalReader = new (__webpack_require__("6fd2").VaryingTexCoordsReader)(nerveMapScene);
+			var urlsArray = [ modelsLoader.getOrgansDirectoryPrefix() + "/digestive/stomach/nerve_map/3d/xi1_time_0.json",
+			                  modelsLoader.getOrgansDirectoryPrefix() + "/digestive/stomach/nerve_map/3d/xi1_time_1.json",
+			                  modelsLoader.getOrgansDirectoryPrefix() + "/digestive/stomach/nerve_map/3d/xi0_time_0.json"];
+			_this.sceneData.nerveMap.additionalReader.loadURLsIntoBufferGeometry(urlsArray);
+		}
+		_this.zincRenderer.setCurrentScene(nerveMapScene);
+		_this.graphicsHighlight.reset();
+	}
+	
+	var activateAdditionalNerveMapRenderer = function() {
+	    for (var i = 0; i < layoutUpdateRequiredCallbacks.length;i++) {
+	      layoutUpdateRequiredCallbacks[i](false, true);
+	    }
+	}
+	
+	/**
+	 * Nerve map has been toggled on/off, change organs renderer layput.
+	 */
+	this.changeNerveMapVisibility = function() {
+		_this.sceneData.nerveMapIsActive = !_this.sceneData.nerveMapIsActive;
+		if (_this.sceneData.nerveMapIsActive)
+			setupNerveMapPrimaryRenderer();
+		else {
+			_this.zincRenderer.setCurrentScene(_this.scene);
+			_this.graphicsHighlight.reset();
+		}
+		activateAdditionalNerveMapRenderer();
+	}
+	
+	this.changeBackgroundColour = function(backgroundColourString) {
+		var colour = new THREE.Color(backgroundColourString);
+		if (_this.zincRenderer) {
+			var internalRenderer = _this.zincRenderer.getThreeJSRenderer();
+			internalRenderer.setClearColor( colour, 1 );
+		}
+	}
+
+	var addOrganPartToSceneData = function(zincObject) {
+		if (zincObject.groupName) {
+			if (zincObject.isGeometry) {
+				if (!_this.sceneData.geometries.includes(zincObject.groupName)) {
+					_this.sceneData.geometries.push(zincObject.groupName);
+				}
+			} else if (zincObject.isGlyphset) {
+				if (!_this.sceneData.glyphsets.includes(zincObject.groupName)) {
+					_this.sceneData.glyphsets.push(zincObject.groupName);
+				}
+			} else if (zincObject.isLines) {
+				if (!_this.sceneData.lines.includes(zincObject.groupName)) {
+					_this.sceneData.lines.push(zincObject.groupName);
+				}
+			} else if (zincObject.isPointset) {
+				if (!_this.sceneData.pointsets.includes(zincObject.groupName)) {
+					_this.sceneData.pointsets.push(zincObject.groupName);
+				}
+			}
+		}
+	}
+
+	var addOrganPart = function(systemName, partName, useDefautColour, zincObject) {
+    for (var i = 0; i < organPartAddedCallbacks.length;i++) {
+      organPartAddedCallbacks[i](zincObject.groupName, _this.scene.isTimeVarying(), zincObject);
+    }
+    if (useDefautColour)
+      modelsLoader.setGeometryColour(zincObject, systemName, partName);
+    addOrganPartToSceneData(zincObject);
+		if (zincObject.groupName) {
+			_this.displayMessage(zincObject.groupName + " loaded.");
+		} else {
+			_this.displayMessage("Resource loaded.");
+		}
+		var annotation = new (__webpack_require__("a0d7").annotation)();
+		annotation.data = {species:_this.sceneData.currentSpecies, system:systemName, part:partName, group:zincObject.groupName};
+		zincObject.userData = [annotation];
+	}
+
+	  /**
+		 * New organs geometry has been added to the scene, add UIs and make
+		 * sure the viewport is correct.
+		 */
+	  var _addOrganPartCallback = function(systemName, partName, useDefautColour) {
+	    return function(zincObject) {
+	    	addOrganPart(systemName, partName, useDefautColour, zincObject);
+	    }
+	  }
+	  
+	  var downloadCompletedCallback = function() {
+		  return function() {
+			  _this.settingsChanged();
+			  _this.sceneData.timeVarying = _this.scene.isTimeVarying();
+        _this.displayMessage("All resources loaded.");
+        if (finishDownloadCallback)
+          finishDownloadCallback();
+		  }
+	  }
+	  
+	  var singleItemDownloadCompletedCallback = function(systemName, partName, useDefautColour) {
+		    return function(geometry) {
+		    	addOrganPart(systemName, partName, useDefautColour, geometry);
+		    	_this.settingsChanged();
+		    }
+	  }
+	  
+	  /**
+		 * Toggle data field displays. Data fields displays flow/pressure and      <button @click="play">Play</button>
+		 * other activities of the organs.
+		 */
+	  this.updateFieldvisibility = function(dataFields, value) {
+      for ( var i = 0; i < dataFields.length; i ++ ) {
+        if (value != i) {
+          var geometryName = dataFields[i].PartName;
+          _this.changeOrganPartsVisibility(geometryName, false);
+        }
+      }
+      if (value > -1) {
+        var partName = dataFields[value].PartName;
+        if ((_this.scene.findGeometriesWithGroupName(partName).length > 0) ||
+          (_this.scene.findGlyphsetsWithGroupName(partName).length > 0)) {
+          _this.changeOrganPartsVisibility(partName, true);
+        } else {
+          var partDetails = getOrganDetails(dataFields[value].SystemName, partName);
+          if (partDetails != undefined) {
+            _this.scene.loadMetadataURL(modelsLoader.getOrgansDirectoryPrefix() + "/" + partDetails.meta);
+          }
+        }
+	    }
+	  }
+	  
+	  /**
+		 * Return an array containing name(s) of species that also contains the
+		 * currently displayed organs.
+		 * 
+		 * @returns {Array} containing species name
+		 */
+	  this.getAvailableSpecies = function(currentSpecies, currentSystem, currentPart) {
+	    var availableSpecies = new Array();
+	    availableSpecies.push("none");
+	    var keysArray = Object.keys(organsFileMap);
+	    for (index in keysArray) {
+	      var species = keysArray[index];
+	      if (species != currentSpecies) {
+	        if (organsFileMap[species].hasOwnProperty(currentSystem) &&
+	            organsFileMap[species][currentSystem].hasOwnProperty(currentPart)) {
+	          availableSpecies.push(species);
+	        }
+	      }
+	    }
+	    return availableSpecies;
+	  }
+	  
+	  var setSceneData = function(speciesName, systemName, partName, organsDetails) {
+      _this.sceneData.nerveMapIsActive = false;
+      _this.sceneData.nerveMap = undefined;
+      _this.sceneData.metaURL = "";
+      _this.sceneData.viewURL = "";
+      _this.sceneData.currentSpecies = speciesName;
+      _this.sceneData.currentSystem = systemName;
+			_this.sceneData.currentPart = partName;
+			_this.sceneData.currentTime = 0.0;
+			_this.sceneData.geometries.splice(0);
+			_this.sceneData.lines.splice(0);
+			_this.sceneData.glyphsets.splice(0);
+			_this.sceneData.pointsets.splice(0);
+			_this.sceneData.timeVarying = false;
+      // This is used as title
+      var name = "";
+      if (speciesName)
+        name = speciesName + "/";
+      if (systemName)
+        name = systemName + "/";
+      if (partName)
+        name = partName;
+      _this.sceneData.currentName = name;
+	  }
+
+	  this.loadOrgansFromURL = function(url, speciesName, systemName, partName, viewURL) {
+		  if (_this.zincRenderer) {
+			  if (partName && (_this.sceneData.metaURL !== url)) {
+			      setSceneData(speciesName, systemName, partName, undefined);
+			      var name = _this.sceneData.currentName;
+			      var organScene = _this.zincRenderer.getSceneByName(name);
+			      if (organScene) {
+			    	  organScene.clearAll();
+			      } else {
+			    	  organScene = _this.zincRenderer.createScene(name);
+			      }
+			      for (var i = 0; i < sceneChangedCallbacks.length;i++) {
+			    	  sceneChangedCallbacks[i](_this.sceneData);
+			      }
+			      if (viewURL && viewURL != "") {
+			    	  _this.sceneData.viewURL = viewURL;
+				      organScene.loadViewURL(_this.sceneData.viewURL);
+			      } else
+			    	  _this.sceneData.viewURL = undefined;
+			      _this.sceneData.metaURL = url;
+			      _this.displayMessage("Downloading...");
+			      organScene.loadMetadataURL(url, _addOrganPartCallback(systemName, partName, false),
+			    	  downloadCompletedCallback());	      
+			      _this.scene = organScene;
+			      _this.zincRenderer.setCurrentScene(organScene);
+			      _this.graphicsHighlight.reset();
+			      var zincCameraControl = organScene.getZincCameraControls();
+			      zincCameraControl.enableRaycaster(organScene, _pickingCallback(), _hoverCallback());
+			      zincCameraControl.setMouseButtonAction("AUXILIARY", "ZOOM");
+			      zincCameraControl.setMouseButtonAction("SECONDARY", "PAN");
+			  }
+		  }
+	  }
+	  	  
+	  this.alignCameraWithSelectedObject = function(transitionTime) {
+	    var objects = _this.graphicsHighlight.getSelected();
+	    if (objects && objects[0] && objects[0].userData) {
+	      _this.scene.alignObjectToCameraView(objects[0].userData, transitionTime);
+	    }
+	  }
+	  
+	  this.exportSettings = function() {
+		  var settings = {};
+		  settings.name = _this.instanceName;
+		  if (_this.sceneData.currentSystem)
+			  settings.system = _this.sceneData.currentSystem;
+		  if (_this.sceneData.currentSpecies)
+			  settings.species  = _this.sceneData.currentSpecies;
+		  if (_this.sceneData.currentPart)
+			  settings.part = _this.sceneData.currentPart;
+		  settings.metaURL = _this.sceneData.metaURL;
+		  if (_this.sceneData.viewURL)
+			  settings.viewURL = _this.sceneData.viewURL;
+		  settings.dialog = "Organ Viewer";
+		  return settings;
+	  }
+	  
+	  this.importSettings = function(settings) {
+		  if (settings && (settings.dialog == this.typeName)) {
+			  _this.setName(settings.name);
+			  if (settings.metaURL !== undefined && settings.metaURL != "") {
+				  _this.loadOrgansFromURL(settings.metaURL, settings.species,
+					settings.system, settings.part, settings.viewURL);
+			  } else {
+				  _this.loadOrgans(settings.species, settings.system, settings.part);
+			  }
+			  return true;
+		  }
+		  return false;
+	  }
+		
+	/**
+	 * initialise loading of the html layout for the organs panel, this is
+	 * called when the {@link PJP.OrgansViewer} is created.
+	 * 
+	 * @async
+	 */
+	 var initialise = function() {
+	   _this.initialiseRenderer(undefined);
+	   if (_this.zincRenderer) {
+       _this.zincRenderer.addPreRenderCallbackFunction(preRenderUpdateCallback());
+       _this.zincRenderer.addPostRenderCallbackFunction(postRenderUpdateCallback());
+     }
+  }
+	 
+	initialise();
+
+}
+
+OrgansViewer.prototype = Object.create((__webpack_require__("7a89").RendererModule).prototype);
+exports.OrgansViewer = OrgansViewer;
+
+
+/***/ }),
+
+/***/ "6814":
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/orderBy");
+
+/***/ }),
+
+/***/ "6bb1":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.index-of");
+
+/***/ }),
+
+/***/ "6bfd":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/locale/lang/en");
+
+/***/ }),
+
+/***/ "6ea3":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/row");
+
+/***/ }),
+
+/***/ "6fd2":
+/***/ (function(module, exports, __webpack_require__) {
+
+var THREE = __webpack_require__("9206").THREE;
+
+exports.VaryingTexCoordsReader = function(sceneIn) {
+	
+	var _this = this;
+	var finishCallbackFunction = undefined;
+	var bufferGeometry = undefined;
+	var zincGeometry = undefined;
+	var numberOfInputs = 0;
+	var completedInputs = 0;
+	var scene = sceneIn;
+	var currentMap = undefined;
+	var textureLoader = new THREE.TextureLoader();
+	var texture = new textureLoader.load( 'models/organsViewerModels/digestive/stomach/nerve_map/texture/ratstomach_innervation_square.png' );
+	texture.wrapS = THREE.RepeatWrapping;
+	texture.wrapT = THREE.RepeatWrapping;
+	texture.format = THREE.RGBFormat;
+	
+	var shadersUniforms = THREE.UniformsUtils.merge( [
+	  {
+		ambient  : { type: "c", value: new THREE.Color( 0x000000 ) },
+		diffuse  : { type: "c", value: new THREE.Color( 0xffffff ) },
+		emissive : { type: "c", value: new THREE.Color( 0xbbbbbb ) },
+		specular : { type: "c", value: new THREE.Color( 0x111111 ) },
+		shininess: { type: "f", value: 100 },
+		opacity: { type: "f", value: 1.0 },
+		ambientLightColor: { type: "c", value: new THREE.Color( 0xF0F0F0 ) },
+		directionalLightColor: { type: "c", value: new THREE.Color( 0x555555) },
+		directionalLightDirection: { type: "v3", value: new THREE.Vector3()  },
+		offsetRepeat: { value: new THREE.Vector4( 0, 0, 1, 1 ) },
+		time: { type: "f", value: 0.0 },
+		slide_pos: { type: "f", value: 1.0 },
+		myTex: {type: 't', value: null}
+	} ] );
+
+	var addGeometryIntoBufferGeometry = function(order, geometry)
+	{
+		var arrayLength = geometry.faces.length * 3 * 3;
+		var positions = new Float32Array( arrayLength );
+		var colors = new Float32Array( arrayLength );
+		var normals = new Float32Array( arrayLength );
+		var texCoords = new Float32Array( geometry.faces.length * 3 * 2 );
+		if (bufferGeometry === undefined)
+			bufferGeometry = new THREE.BufferGeometry();
+		
+		geometry.faces.forEach( function ( face, index ) {
+			positions[ index * 9 + 0 ] = geometry.vertices[ face.a ].x;
+			positions[ index * 9 + 1 ] = geometry.vertices[ face.a ].y;
+			positions[ index * 9 + 2 ] = geometry.vertices[ face.a ].z;
+			positions[ index * 9 + 3 ] = geometry.vertices[ face.b ].x;
+			positions[ index * 9 + 4 ] = geometry.vertices[ face.b ].y;
+			positions[ index * 9 + 5 ] = geometry.vertices[ face.b ].z;
+			positions[ index * 9 + 6 ] = geometry.vertices[ face.c ].x;
+			positions[ index * 9 + 7 ] = geometry.vertices[ face.c ].y;
+			positions[ index * 9 + 8 ] = geometry.vertices[ face.c ].z;
+		
+			normals[ index * 9 + 0 ] = face.vertexNormals[0].x;
+			normals[ index * 9 + 1 ] = face.vertexNormals[0].y;
+			normals[ index * 9 + 2 ] = face.vertexNormals[0].z;
+			normals[ index * 9 + 3 ] = face.vertexNormals[1].x;
+			normals[ index * 9 + 4 ] = face.vertexNormals[1].y;
+			normals[ index * 9 + 5 ] = face.vertexNormals[1].z;
+			normals[ index * 9 + 6 ] = face.vertexNormals[2].x;
+			normals[ index * 9 + 7 ] = face.vertexNormals[2].y;
+			normals[ index * 9 + 8 ] = face.vertexNormals[2].z;
+			
+			texCoords[ index * 6 + 0] = geometry.faceVertexUvs[ 0 ][index][0].x;
+			texCoords[ index * 6 + 1] = geometry.faceVertexUvs[ 0 ][index][0].y;
+			texCoords[ index * 6 + 2] = geometry.faceVertexUvs[ 0 ][index][1].x;
+			texCoords[ index * 6 + 3] = geometry.faceVertexUvs[ 0 ][index][1].y;
+			texCoords[ index * 6 + 4] = geometry.faceVertexUvs[ 0 ][index][2].x;
+			texCoords[ index * 6 + 5] = geometry.faceVertexUvs[ 0 ][index][2].y;
+		} );
+		
+		
+		if (order == 0) {
+			bufferGeometry.addAttribute( "position", new THREE.BufferAttribute( positions, 3) );
+			bufferGeometry.addAttribute( "normal", new THREE.BufferAttribute( normals, 3 ) );
+			bufferGeometry.addAttribute( "uv", new THREE.BufferAttribute( texCoords, 2 ) );
+		} else {
+			var positionStr = "position_" + order;
+			var normalStr = "normal_" + order;
+			var uvsStr = "uv_" + order;
+			bufferGeometry.addAttribute( positionStr, new THREE.BufferAttribute( positions, 3) );
+			bufferGeometry.addAttribute( normalStr, new THREE.BufferAttribute( normals, 3 ) );
+			bufferGeometry.addAttribute( uvsStr, new THREE.BufferAttribute( texCoords, 2 ) );
+		}
+
+	}
+	
+	var meshReady = function(bufferGeometryIn, shaderText, material){
+		var shaderMaterial = new THREE.RawShaderMaterial( {
+			vertexShader: shaderText[0],
+			fragmentShader: shaderText[1],
+			uniforms: shadersUniforms
+		} );
+		shaderMaterial.uniforms.myTex.value = texture;
+		shaderMaterial.side = THREE.DoubleSide;
+		shaderMaterial.depthTest = true;
+		shaderMaterial.needsUpdate = true;
+		shaderMaterial.map = texture;
+		shaderMaterial.uniforms.myTex.value.needsUpdate = true;
+		shaderMaterial.opacity = 1.0;
+		zincGeometry = scene.addZincGeometry(bufferGeometryIn, 30001, undefined, undefined, false, false, true, undefined, shaderMaterial);
+		zincGeometry.groupName = "varyingTexture";
+	}
+	
+	var myLoader = function(order, shaderText) {
+	    return function(geometry, materials){
+	    	var material = 0;
+	    	addGeometryIntoBufferGeometry(order, geometry);
+	    	completedInputs++;
+	    	if (completedInputs == numberOfInputs) {
+	    		meshReady(bufferGeometry, shaderText, material);
+	    		if (finishCallbackFunction != undefined && (typeof finishCallbackFunction == 'function'))
+	    			finishCallbackFunction(bufferGeometry);
+	    	}
+	    }
+	}
+	
+	this.setSliderPos = function(pos) {
+		if (zincGeometry)
+			zincGeometry.morph.material.uniforms.slide_pos.value = pos;
+	}
+	
+	this.setTime = function(time) {
+		if (zincGeometry) {
+			zincGeometry.morph.material.uniforms.time.value = time;
+		}
+	}
+	
+	this.setTexture = function(textureIn) {
+		if (zincGeometry) {
+			zincGeometry.morph.material.uniforms.myTex.value = textureIn;
+			zincGeometry.morph.material.uniforms.myTex.value.needsUpdate = true;
+		}
+	}
+	
+	this.loadURLsIntoBufferGeometry = function(urls, finishCallback, progressCallback, errorCallback) {
+		var loader = new THREE.JSONLoader( true );
+    numberOfInputs = urls.length;
+    finishCallbackFunction = finishCallback;
+    var shaderText = [
+      __webpack_require__("1823"),
+      __webpack_require__("4e8a")
+    ];
+    for (var i = 0; i < numberOfInputs; i++)
+      loader.load( urls[i], myLoader(i, shaderText), progressCallback, errorCallback);
+	}
+}
+
+
+/***/ }),
+
+/***/ "703d":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/theme-chalk/col.css");
+
+/***/ }),
+
+/***/ "73ef":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/theme-chalk/main.css");
+
+/***/ }),
+
+/***/ "76bf":
+/***/ (function(module, exports, __webpack_require__) {
+
+__webpack_require__("b723");
+
+exports.ToolTip = function(container) {
+  var tooltipcontainerElement = undefined;
+  var tipElement = undefined;
+  var tiptextElement = undefined;
+  var template = '<div class="mptooltip" id="tip"><span class="mptooltiptext" id="tiptext"> Tooltip text</span></div>';
+  var _this = this;
+  
+  /**
+   * Show tool tip on the specified windows coordinates.
+   * @param {Number} x - Style sheet with the same title.
+   * @param {Number} y - selector string to match.
+   */
+  this.show = function(x, y) {
+  	tooltipcontainerElement.style.left = x +"px";
+  	tooltipcontainerElement.style.top = (y - 20) + "px";
+  	tipElement.style.visibility = "visible";
+  	tipElement.style.opacity = 1;
+  	tiptextElement.style.visibility = "visible";
+  	tiptextElement.style.opacity = 1;
+  }
+  
+  this.hide = function() {
+  	tipElement.style.visibility = "hidden";
+  	tipElement.style.opacity = 0;
+  	tiptextElement.style.visibility = "hidden";
+  	tiptextElement.style.opacity = 0;
+  }
+  
+  /**
+   * Change the tooltip text.
+   * @param {String} text - Text to update the tooltip to.
+   */
+  this.setText = function(text) {
+  	tiptextElement.innerHTML = text;
+  }
+
+  var setupToolTipContainer = function() {
+    tooltipcontainerElement = document.createElement("div");
+    tooltipcontainerElement.id = "tooltipcontainer";
+    tooltipcontainerElement.innerHTML = template;
+    /*
+    for (i = 0; i < childNodes.length; i++) {
+      parent[0].appendChild(childNodes[i]);
+    }
+    */
+    tipElement = tooltipcontainerElement.querySelector("#tip");
+    tiptextElement = tooltipcontainerElement.querySelector("#tiptext");
+    container.appendChild(tooltipcontainerElement);
+    
+  }
+  
+  setupToolTipContainer();
+}
+
+
+
+/***/ }),
+
+/***/ "7a89":
+/***/ (function(module, exports, __webpack_require__) {
+
+var THREE = __webpack_require__("9206").THREE;
+
+/**
+ * Create a {@link Zinc.Renderer} on the dom element with corresponding elementID.
+ * @param {String} elementID - id of the target dom element.
+ * @returns {Zinc.Renderer}
+ */
+var createRenderer = function () {
+  var WEBGL = __webpack_require__("10c9").WEBGL;
+  var localContainer = document.createElement( 'div' );
+  var localRenderer = undefined;;
+  localContainer.style.height = "100%";
+  if (WEBGL.isWebGLAvailable()) {
+    var Zinc = __webpack_require__("9206");
+    var localRenderer = new Zinc.Renderer(localContainer, window);
+    Zinc.defaultMaterialColor = 0xFFFF9C;
+    localRenderer.initialiseVisualisation();
+    localRenderer.playAnimation = false;
+  } else {
+    var warning = WEBGL.getWebGLErrorMessage();
+    localContainer.appendChild(warning);
+  }
+  return {"renderer":localRenderer, "container":localContainer};
+}
+
+var RendererModule = function()  {
+  (__webpack_require__("3966").BaseModule).call(this);
+  this.scene = undefined;
+  this.toolTip = undefined;
+  this.rendererContainer = undefined;
+  this.displayArea = undefined;
+  this.graphicsHighlight = new (__webpack_require__("8cec").GraphicsHighlight)();
+  this.zincRenderer = null;
+  this.selectedScreenCoordinates = new THREE.Vector3();
+  this.selectedCenter = undefined;
+}
+
+RendererModule.prototype = Object.create((__webpack_require__("3966").BaseModule).prototype);
+
+/**
+ * This function will get the the first intersected object with name or
+ * the first glyph object with name.
+ */
+RendererModule.prototype.getIntersectedObject = function(intersects) {
+	if (intersects) {
+		for (var i = 0; i < intersects.length; i++) {
+			if (intersects[i] !== undefined) {
+				if (intersects[i].object &&
+            intersects[i].object.userData && 
+            intersects[i].object.userData.isZincObject && 
+            (intersects[i].object.name || 
+            intersects[i].object.userData.isMarker))
+					return intersects[i];
+			}
+		}
+	}
+	return undefined;
+}
+
+RendererModule.prototype.getAnnotationsFromObjects = function(objects) {
+    var annotations = [];
+    for (var i = 0; i < objects.length; i++) {
+    	var zincObject = objects[i].userData;
+      var annotation = undefined;
+      if (zincObject) {
+        if (zincObject.isGlyph || zincObject.isGlyphset) {
+          var glyphset = zincObject;
+          if (zincObject.isGlyph)
+            glyphset = zincObject.getGlyphset();
+          annotation = glyphset.userData ? glyphset.userData[0] : undefined;
+          if (annotation && annotation.data) {
+            if (objects[i].name && objects[i].name != "")
+              annotation.data.id = objects[i].name;
+            else
+              annotation.data.id = glyphset.groupName;
+          }
+        } else {
+          annotation = zincObject.userData ? zincObject.userData[0] : undefined;
+          if (annotation && annotation.data){
+            annotation.data.id = objects[i].name;
+          }
+        }
+      }
+      annotations[i] = annotation;
+    }
+	return annotations;
+}
+
+RendererModule.prototype.setHighlightedByObjects = function(objects, propagateChanges) {
+  var changed = this.graphicsHighlight.setHighlighted(objects);
+  if (changed && propagateChanges) {
+    var eventType = __webpack_require__("549c").EVENT_TYPE.HIGHLIGHTED;
+    var annotations = this.getAnnotationsFromObjects(objects);
+    this.publishChanges(annotations, eventType);
+  }
+  return changed;
+}
+
+
+RendererModule.prototype.setHighlightedByZincObject = function(
+  zincObject, propagateChanges) {
+    return this.setHighlightedByObjects([zincObject ? zincObject.morph : undefined], propagateChanges);
+}
+
+RendererModule.prototype.setupLiveCoordinates = function(zincObjects) {
+  if (zincObjects && (zincObjects.length > 0)) {
+    var boundingBox = this.scene.getBoundingBoxOfZincObjects(zincObjects);
+    let newSelectedCenter = new THREE.Vector3();
+    boundingBox.getCenter(newSelectedCenter);
+    if (this.selectedCenter == undefined)
+      this.selectedCenter = newSelectedCenter;
+    else {
+      this.selectedCenter.x = newSelectedCenter.x;
+      this.selectedCenter.y = newSelectedCenter.y;
+    }
+  } else {
+    this.selectedCenter = undefined;
+  }
+}
+
+RendererModule.prototype.objectsToZincObjects = function(objects) {
+  var zincObjects = [];
+  for (var i = 0; i < objects.length; i++) {
+    var zincObject = objects[i].userData;
+    if (zincObject) {
+      if (zincObject.isGlyph || zincObject.isGlyphset) {
+        var glyphset = zincObject;
+        if (zincObject.isGlyph)
+          glyphset = zincObject.getGlyphset();
+        zincObjects. push(glyphset);
+      } else {
+        zincObjects. push(zincObject);
+      }
+    }
+  }
+  return zincObjects;
+}
+
+
+RendererModule.prototype.setSelectedByObjects = function(
+  objects, propagateChanges) {
+  var changed = this.graphicsHighlight.setSelected(objects);
+  if (changed) {
+    var zincObjects = this.objectsToZincObjects(objects);
+    this.setupLiveCoordinates(zincObjects);
+    if (propagateChanges) {
+      var eventType = __webpack_require__("549c").EVENT_TYPE.SELECTED;
+      var annotations = this.getAnnotationsFromObjects(objects);
+      this.publishChanges(annotations, eventType);
+    }
+  }
+  return changed;
+}
+
+RendererModule.prototype.setSelectedByZincObject = function(
+  zincObject, propagateChanges) {
+  return this.setSelectedByObjects([zincObject ? zincObject.morph : undefined], propagateChanges);
+}
+
+var addGlyphToArray = function(objects) {
+  return function(glyph) {
+    objects.push(glyph.getMesh());
+  }
+}
+
+RendererModule.prototype.findObjectsByGroupName = function(groupName) {
+  var geometries = this.scene.findGeometriesWithGroupName(groupName);
+  var objects = [];
+  for (var i = 0; i < geometries.length; i ++ ) {
+    objects.push(geometries[i].morph);
+  }
+  var glyphsets = this.scene.findGlyphsetsWithGroupName(groupName);
+  for (var i = 0; i < glyphsets.length; i ++ ) {
+    glyphsets[i].forEachGlyph(addGlyphToArray(objects));
+  }
+  
+  return objects;
+}
+
+RendererModule.prototype.setHighlightedByGroupName = function(groupName, propagateChanges) {
+  var objects = this.findObjectsByGroupName(groupName);
+  return this.setHighlightedByObjects(objects, propagateChanges);
+}
+
+RendererModule.prototype.setSelectedByGroupName = function(groupName, propagateChanges) {
+  var objects = this.findObjectsByGroupName(groupName);
+  return this.setSelectedByObjects(objects, propagateChanges);
+}
+
+RendererModule.prototype.changeBackgroundColour = function(backgroundColourString) {
+  var colour = new THREE.Color(backgroundColourString);
+  if (this.zincRenderer) {
+    var internalRenderer = this.zincRenderer.getThreeJSRenderer();
+    internalRenderer.setClearColor( colour, 1 );
+  }
+}
+
+RendererModule.prototype.resetView = function() {
+  if (this.zincRenderer)
+    this.zincRenderer.resetView();
+}
+  
+RendererModule.prototype.viewAll = function() {
+  if (this.zincRenderer)
+    this.zincRenderer.viewAll();
+}
+
+/**
+ * Start the animation and let the renderer to processs with
+ * time progression
+ */
+RendererModule.prototype.playAnimation = function(flag) {
+  if (this.zincRenderer)
+    this.zincRenderer.playAnimation = flag;
+}
+
+/**
+* Set the speed of playback
+*/
+RendererModule.prototype.setPlayRate = function(value) {
+  if (this.zincRenderer)
+    this.zincRenderer.setPlayRate(value);
+}
+
+/**
+* Get the speed of playback
+*/
+RendererModule.prototype.getPlayRate = function(value) {
+  if (this.zincRenderer)
+    return this.zincRenderer.getPlayRate();
+  else
+    return 0.0;
+}
+  
+  /** Initialise everything in the renderer, including the 3D renderer,
+ *  and picker for the 3D renderer.
+ * 
+ */
+RendererModule.prototype.initialiseRenderer = function(displayAreaIn) {
+  if (this.zincRenderer === undefined || this.rendererContainer === undefined) {
+    var returnedValue = createRenderer();
+    this.zincRenderer = returnedValue["renderer"];
+    this.rendererContainer = returnedValue["container"];
+  }
+  if (displayAreaIn) {
+    this.displayArea = displayAreaIn;
+    this.displayArea.appendChild( this.rendererContainer );
+    if (this.zincRenderer) {
+      this.zincRenderer.animate();
+      if (this.toolTip === undefined)
+        this.toolTip = new (__webpack_require__("76bf").ToolTip)(this.displayArea);
+    }
+  } 
+}
+
+RendererModule.prototype.destroy = function() {
+  if (this.zincRenderer) {
+    this.zincRenderer.dispose();
+    this.zincRenderer.getThreeJSRenderer().dispose();
+    this.zincRenderer = undefined;
+  }
+  (__webpack_require__("3966").BaseModule).prototype.destroy.call( this );
+}
+ 
+exports.RendererModule = RendererModule;
+
+
+/***/ }),
+
+/***/ "7c81":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.splice");
+
+/***/ }),
+
+/***/ "7d9b":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "7f9f":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/locale");
+
+/***/ }),
+
+/***/ "80c4":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/theme-chalk/option.css");
+
+/***/ }),
+
+/***/ "850c":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.object.to-string");
+
+/***/ }),
+
+/***/ "8bbf":
+/***/ (function(module, exports) {
+
+module.exports = require("vue");
+
+/***/ }),
+
+/***/ "8c29":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/tabs");
+
+/***/ }),
+
+/***/ "8c84":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.iterator");
+
+/***/ }),
+
+/***/ "8cec":
+/***/ (function(module, exports, __webpack_require__) {
+
+var THREE = __webpack_require__("9206").THREE;
+
+/**
+ * This module manages highlighted and selected objects in 3D modules. 
+ * 
+ * @class
+ * @returns {exports.GraphicsHighlight}
+ */
+exports.GraphicsHighlight = function() {
+  var currentHighlightedObjects = [];
+  var currentSelectedObjects = [];
+  this.highlightColour = 0x0000FF;
+  this.selectColour = 0x00FF00;
+  this.originalColour = 0x000000;
+  var _this = this;
+
+  var isDifferent = function(array1, array2) {
+    if ((array1.length == 0) && (array2.length == 0))
+      return false;
+    
+    for (var i = 0; i < array1.length; i++) {
+      var matched = false;
+      for (var j = 0; j < array2.length; j++) {
+        if (array1[i] === array2[j]) {
+          matched = true;
+        }
+      }
+      if (!matched)
+        return true;
+    }
+    for (var i = 0; i < array2.length; i++) {
+      var matched = false;
+      for (var j = 0; j < array1.length; j++) {
+        if (array2[i] === array1[j]) {
+          matched = true;
+        }
+      }
+      if (!matched)
+        return true;
+    }
+    return false;
+  }
+  
+  var getUnmatchingObjects = function(objectsArray1, objectsArray2) {
+    var unmatchingObjects = [];
+    if (objectsArray2.length == 0)
+      return objectsArray1;
+    for (var i = 0; i < objectsArray1.length; i++) {
+      var matched = false;
+      for (var j = 0; j < objectsArray2.length; j++) {
+        if (objectsArray1[i] === objectsArray2[j]) {
+          matched = true;
+        }
+      }
+      if (!matched)
+        unmatchingObjects.push(objectsArray1[i]);
+    }
+    return unmatchingObjects;
+  }
+  
+  this.setHighlighted = function(objects) {
+    var previousHighlightedObjects = currentHighlightedObjects;
+    _this.resetHighlighted();
+    // Selected object cannot be highlighted
+    var array = getUnmatchingObjects(objects, currentSelectedObjects);
+    var fullList = getFullListOfObjects(array);
+    for (var i = 0; i < fullList.length; i++) {
+      if (fullList[i] && fullList[i].material && fullList[i].material.emissive)
+        fullList[i].material.emissive.setHex(_this.highlightColour);
+    }
+    currentHighlightedObjects = array;
+    return isDifferent(currentHighlightedObjects, previousHighlightedObjects);
+  }
+
+  this.setSelected = function(objects) {
+    // first find highlighted object that are not selected
+    var previousHSelectedObjects = currentSelectedObjects;
+    var array = getUnmatchingObjects(currentHighlightedObjects, objects);
+    currentHighlightedObjects = array;
+    _this.resetSelected();
+    var fullList = getFullListOfObjects(objects);
+    for (var i = 0; i < fullList.length; i++) {
+    	if (fullList[i] && fullList[i].material && fullList[i].material.emissive)
+        fullList[i].material.emissive.setHex(_this.selectColour);
+    }
+    currentSelectedObjects = objects;
+    return isDifferent(currentSelectedObjects, previousHSelectedObjects);
+  }
+
+  var getFullListOfObjects = function(objects) {
+    let fullList = [];
+    for (var i = 0; i < objects.length; i++) {
+      if (objects[i].material)
+        fullList.push(objects[i]);
+    }
+    return fullList;
+  }
+  
+  this.resetHighlighted = function() {
+    let fullList = getFullListOfObjects(currentHighlightedObjects);
+    for (var i = 0; i < fullList.length; i++) {
+      if (fullList[i] && fullList[i].material) {
+        if (fullList[i].material.emissive)
+          fullList[i].material.emissive.setHex(_this.originalColour);
+        if (fullList[i].material.depthFunc)
+          fullList[i].material.depthFunc = THREE.LessEqualDepth;
+      }
+    }
+    currentHighlightedObjects = [];
+  }
+  
+  this.resetSelected = function() {
+    let fullList = getFullListOfObjects(currentSelectedObjects);
+    for (var i = 0; i < fullList.length; i++) {
+    	if (fullList[i] && fullList[i].material) {
+    		if (fullList[i].material.emissive)
+          fullList[i].material.emissive.setHex(_this.originalColour);
+    		if (fullList[i].material.depthFunc)
+          fullList[i].material.depthFunc = THREE.LessEqualDepth;
+    	}
+    }
+    currentSelectedObjects = [];
+  }
+  
+  this.getSelected = function() {
+    return currentSelectedObjects;
+  }
+  
+  this.reset = function() {
+    _this.resetSelected();
+    _this.resetHighlighted();
+  }
+}
+
+
+/***/ }),
+
+/***/ "8f11":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/theme-chalk/icon.css");
+
+/***/ }),
+
+/***/ "907b":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.string.iterator");
+
+/***/ }),
+
+/***/ "9206":
+/***/ (function(module, exports) {
+
+module.exports = require("zincjs");
+
+/***/ }),
+
+/***/ "93e6":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/popover");
+
+/***/ }),
+
+/***/ "9776":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/theme-chalk/slider.css");
+
+/***/ }),
+
+/***/ "9985":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/theme-chalk/tab-pane.css");
+
+/***/ }),
+
+/***/ "9a25":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/theme-chalk/base.css");
+
+/***/ }),
+
+/***/ "9bb0":
+/***/ (function(module, exports) {
+
+module.exports = require("@soda/get-current-script");
+
+/***/ }),
+
+/***/ "a0d7":
+/***/ (function(module, exports) {
+
+exports.annotation = function() {
+  this.type = "anatomical";
+  this.data = undefined;
+  this.isAnnotation = true;
+}
+
+
+/***/ }),
+
+/***/ "a497":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/col");
+
+/***/ }),
+
+/***/ "a525":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/theme-chalk/popover.css");
+
+/***/ }),
+
+/***/ "a7bf":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/slider");
+
+/***/ }),
+
+/***/ "ab7e":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.includes");
+
+/***/ }),
+
+/***/ "ab87":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/loading");
+
+/***/ }),
+
+/***/ "add8":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TraditionalControls_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e8d1");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TraditionalControls_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TraditionalControls_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "b0e3":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/theme-chalk/container.css");
+
+/***/ }),
+
+/***/ "b2f4":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/icon");
+
+/***/ }),
+
+/***/ "b723":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "b777":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/checkbox");
+
+/***/ }),
+
+/***/ "bcd8":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.function.name");
+
+/***/ }),
+
+/***/ "bcda":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/web.dom-collections.for-each");
+
+/***/ }),
+
+/***/ "bfab":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.string.replace");
+
+/***/ }),
+
+/***/ "c11a":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/option");
+
+/***/ }),
+
+/***/ "c45a":
+/***/ (function(module, exports) {
+
+module.exports = require("broadcast-channel");
+
+/***/ }),
+
+/***/ "d7e1":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "e42b":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.from");
+
+/***/ }),
+
+/***/ "e8d1":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "fae3":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "ScaffoldVuer", function() { return /* reexport */ ScaffoldVuer; });
+
+// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
+// This file is imported into lib/wc client bundles.
+
+if (typeof window !== 'undefined') {
+  var currentScript = window.document.currentScript
+  if (true) {
+    var getCurrentScript = __webpack_require__("9bb0")
+    currentScript = getCurrentScript()
+
+    // for backward compatibility, because previously we directly included the polyfill
+    if (!('currentScript' in document)) {
+      Object.defineProperty(document, 'currentScript', { get: getCurrentScript })
+    }
+  }
+
+  var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
+  if (src) {
+    __webpack_require__.p = src[1] // eslint-disable-line
+  }
+}
+
+// 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":"1ffffadc-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ScaffoldVuer.vue?vue&type=template&id=1b66f0b7&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('SvgSpriteColor'),_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($event)}}}),_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":"warning-popper right-popper non-selectable"},model:{value:(_vm.hoverVisabilities[6].value),callback:function ($$v) {_vm.$set(_vm.hoverVisabilities[6], "value", $$v)},expression:"hoverVisabilities[6].value"}}):_vm._e(),(_vm.displayWarning)?_c('i',{directives:[{name:"popover",rawName:"v-popover:warningPopover",arg:"warningPopover"}],staticClass:"el-icon-warning warning-icon",on:{"mouseover":function($event){return _vm.showToolitip(6)},"mouseout":function($event){return _vm.hideToolitip(6)}}},[_c('span',{staticClass:"warning-text"},[_vm._v("Beta")])]):_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.hoverVisabilities[5].value),callback:function ($$v) {_vm.$set(_vm.hoverVisabilities[5], "value", $$v)},expression:"hoverVisabilities[5].value"}}),_c('TraditionalControls',{directives:[{name:"popover",rawName:"v-popover:checkBoxPopover",arg:"checkBoxPopover"}],ref:"traditionalControl",attrs:{"help-mode":_vm.helpMode,"module":_vm.$module,"show-colour-picker":_vm.showColourPicker},on:{"object-selected":_vm.objectSelected,"object-hovered":_vm.objectHovered,"drawer-toggled":_vm.drawerToggled}}),_c('div',{staticClass:"opacity-box"},[_c('OpacityControls',{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.hoverVisabilities[4].value),callback:function ($$v) {_vm.$set(_vm.hoverVisabilities[4], "value", $$v)},expression:"hoverVisabilities[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('SvgIcon',{staticClass:"icon-button video-button",attrs:{"icon":"pause"},nativeOn:{"click":function($event){return _vm.play(false)}}}):_c('SvgIcon',{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.hoverVisabilities[0].value),callback:function ($$v) {_vm.$set(_vm.hoverVisabilities[0], "value", $$v)},expression:"hoverVisabilities[0].value"}},[_c('SvgIcon',{staticClass:"icon-button zoomIn",attrs:{"slot":"reference","icon":"zoomIn"},nativeOn:{"click":function($event){return _vm.zoomIn()},"mouseover":function($event){return _vm.showToolitip(0)},"mouseout":function($event){return _vm.hideToolitip(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.hoverVisabilities[1].value),callback:function ($$v) {_vm.$set(_vm.hoverVisabilities[1], "value", $$v)},expression:"hoverVisabilities[1].value"}},[_c('SvgIcon',{staticClass:"icon-button zoomOut",attrs:{"slot":"reference","icon":"zoomOut"},nativeOn:{"click":function($event){return _vm.zoomOut()},"mouseover":function($event){return _vm.showToolitip(1)},"mouseout":function($event){return _vm.hideToolitip(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.hoverVisabilities[2].value),callback:function ($$v) {_vm.$set(_vm.hoverVisabilities[2], "value", $$v)},expression:"hoverVisabilities[2].value"}},[_c('div',[_vm._v(" Fit to "),_c('br'),_vm._v(" window ")]),_c('SvgIcon',{staticClass:"icon-button fitWindow",attrs:{"slot":"reference","icon":"fitWindow"},nativeOn:{"click":function($event){return _vm.fitWindow()},"mouseover":function($event){return _vm.showToolitip(2)},"mouseout":function($event){return _vm.hideToolitip(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.hoverVisabilities[3].value),callback:function ($$v) {_vm.$set(_vm.hoverVisabilities[3], "value", $$v)},expression:"hoverVisabilities[3].value"}},[_c('SvgIcon',{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.showToolitip(3)},"mouseout":function($event){return _vm.hideToolitip(3)}},slot:"reference"})],1)],1)],1)}
+var staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/ScaffoldVuer.vue?vue&type=template&id=1b66f0b7&scoped=true&
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.for-each"
+var es_array_for_each_ = __webpack_require__("139f");
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.iterator"
+var es_array_iterator_ = __webpack_require__("8c84");
+
+// EXTERNAL MODULE: external "core-js/modules/es.number.to-fixed"
+var es_number_to_fixed_ = __webpack_require__("319f");
+
+// EXTERNAL MODULE: external "core-js/modules/es.object.keys"
+var es_object_keys_ = __webpack_require__("2175");
+
+// EXTERNAL MODULE: external "core-js/modules/es.object.to-string"
+var es_object_to_string_ = __webpack_require__("850c");
+
+// EXTERNAL MODULE: external "core-js/modules/es.string.iterator"
+var es_string_iterator_ = __webpack_require__("907b");
+
+// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.for-each"
+var web_dom_collections_for_each_ = __webpack_require__("bcda");
+
+// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.iterator"
+var web_dom_collections_iterator_ = __webpack_require__("1ce0");
+
+// EXTERNAL MODULE: external "core-js/modules/web.url"
+var web_url_ = __webpack_require__("2a6f");
+
+// EXTERNAL MODULE: external "element-ui/lib/theme-chalk/tabs.css"
+var tabs_css_ = __webpack_require__("3170");
+
+// EXTERNAL MODULE: external "element-ui/lib/theme-chalk/base.css"
+var base_css_ = __webpack_require__("9a25");
+
+// EXTERNAL MODULE: external "element-ui/lib/tabs"
+var tabs_ = __webpack_require__("8c29");
+var tabs_default = /*#__PURE__*/__webpack_require__.n(tabs_);
+
+// EXTERNAL MODULE: external "element-ui/lib/theme-chalk/tab-pane.css"
+var tab_pane_css_ = __webpack_require__("9985");
+
+// EXTERNAL MODULE: external "element-ui/lib/tab-pane"
+var tab_pane_ = __webpack_require__("31fb");
+var tab_pane_default = /*#__PURE__*/__webpack_require__.n(tab_pane_);
+
+// EXTERNAL MODULE: external "element-ui/lib/theme-chalk/slider.css"
+var slider_css_ = __webpack_require__("9776");
+
+// EXTERNAL MODULE: external "element-ui/lib/slider"
+var slider_ = __webpack_require__("a7bf");
+var slider_default = /*#__PURE__*/__webpack_require__.n(slider_);
+
+// EXTERNAL MODULE: external "element-ui/lib/theme-chalk/select.css"
+var select_css_ = __webpack_require__("0fe2");
+
+// EXTERNAL MODULE: external "element-ui/lib/select"
+var select_ = __webpack_require__("0de2");
+var select_default = /*#__PURE__*/__webpack_require__.n(select_);
+
+// EXTERNAL MODULE: external "element-ui/lib/theme-chalk/row.css"
+var row_css_ = __webpack_require__("fd9c");
+
+// EXTERNAL MODULE: external "element-ui/lib/row"
+var row_ = __webpack_require__("6ea3");
+var row_default = /*#__PURE__*/__webpack_require__.n(row_);
+
+// EXTERNAL MODULE: external "element-ui/lib/theme-chalk/popover.css"
+var popover_css_ = __webpack_require__("a525");
+
+// EXTERNAL MODULE: external "element-ui/lib/popover"
+var popover_ = __webpack_require__("93e6");
+var popover_default = /*#__PURE__*/__webpack_require__.n(popover_);
+
+// EXTERNAL MODULE: external "element-ui/lib/theme-chalk/option.css"
+var option_css_ = __webpack_require__("80c4");
+
+// EXTERNAL MODULE: external "element-ui/lib/option"
+var option_ = __webpack_require__("c11a");
+var option_default = /*#__PURE__*/__webpack_require__.n(option_);
+
+// EXTERNAL MODULE: external "element-ui/lib/theme-chalk/loading.css"
+var loading_css_ = __webpack_require__("2c1b");
+
+// EXTERNAL MODULE: external "element-ui/lib/loading"
+var loading_ = __webpack_require__("ab87");
+var loading_default = /*#__PURE__*/__webpack_require__.n(loading_);
+
+// EXTERNAL MODULE: external "element-ui/lib/theme-chalk/col.css"
+var col_css_ = __webpack_require__("703d");
+
+// EXTERNAL MODULE: external "element-ui/lib/col"
+var col_ = __webpack_require__("a497");
+var col_default = /*#__PURE__*/__webpack_require__.n(col_);
+
+// EXTERNAL MODULE: external "vue"
+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":"1ffffadc-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-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: ./src/components/OpacityControls.vue?vue&type=template&id=4c00a30f&scoped=true&
+
+// EXTERNAL MODULE: external "element-ui/lib/theme-chalk/main.css"
+var main_css_ = __webpack_require__("73ef");
+
+// EXTERNAL MODULE: external "element-ui/lib/main"
+var main_ = __webpack_require__("1fe8");
+var main_default = /*#__PURE__*/__webpack_require__.n(main_);
+
+// EXTERNAL MODULE: external "element-ui/lib/theme-chalk/icon.css"
+var icon_css_ = __webpack_require__("8f11");
+
+// EXTERNAL MODULE: external "element-ui/lib/icon"
+var icon_ = __webpack_require__("b2f4");
+var icon_default = /*#__PURE__*/__webpack_require__.n(icon_);
+
+// EXTERNAL MODULE: external "element-ui/lib/theme-chalk/header.css"
+var header_css_ = __webpack_require__("51c7");
+
+// EXTERNAL MODULE: external "element-ui/lib/header"
+var header_ = __webpack_require__("2de2");
+var header_default = /*#__PURE__*/__webpack_require__.n(header_);
+
+// EXTERNAL MODULE: external "element-ui/lib/theme-chalk/drawer.css"
+var drawer_css_ = __webpack_require__("4c89");
+
+// EXTERNAL MODULE: external "element-ui/lib/drawer"
+var drawer_ = __webpack_require__("373b");
+var drawer_default = /*#__PURE__*/__webpack_require__.n(drawer_);
+
+// EXTERNAL MODULE: external "element-ui/lib/theme-chalk/container.css"
+var container_css_ = __webpack_require__("b0e3");
+
+// EXTERNAL MODULE: external "element-ui/lib/container"
+var container_ = __webpack_require__("1ac9");
+var container_default = /*#__PURE__*/__webpack_require__.n(container_);
+
+// EXTERNAL MODULE: external "element-ui/lib/locale/lang/en"
+var en_ = __webpack_require__("6bfd");
+var en_default = /*#__PURE__*/__webpack_require__.n(en_);
+
+// EXTERNAL MODULE: external "element-ui/lib/locale"
+var locale_ = __webpack_require__("7f9f");
+var locale_default = /*#__PURE__*/__webpack_require__.n(locale_);
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/OpacityControls.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* eslint-disable no-alert, no-console */
+
+
+
+locale_default.a.use(en_default.a);
+external_vue_default.a.use(container_default.a);
+external_vue_default.a.use(drawer_default.a);
+external_vue_default.a.use(header_default.a);
+external_vue_default.a.use(icon_default.a);
+external_vue_default.a.use(main_default.a);
+external_vue_default.a.use(slider_default.a);
+/**
+ * A component to control the opacity of the target object.
+ */
+
+/* harmony default export */ var OpacityControlsvue_type_script_lang_js_ = ({
+  name: "OpacityControls",
+  data: function data() {
+    return {
+      displayString: "100%",
+      material: undefined,
+      drawerOpen: true
+    };
+  },
+  watch: {
+    "material.opacity": function materialOpacity() {
+      if (this.material) {
+        this._zincobject.setAlpha(this.material.opacity);
+      }
+    }
+  },
+  mounted: function mounted() {
+    this._zincobject = undefined;
+  },
+  methods: {
+    formatTooltip: function formatTooltip(val) {
+      this.displayString = Math.floor(100 * val + 0.5) + "%";
+      return this.displayString;
+    },
+    toggleDrawer: function toggleDrawer() {
+      this.drawerOpen = !this.drawerOpen;
+    },
+    setObject: function setObject(object) {
+      if (object) this.material = object.morph.material;else this.material = undefined;
+      this._zincobject = object;
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/OpacityControls.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_OpacityControlsvue_type_script_lang_js_ = (OpacityControlsvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/OpacityControls.vue?vue&type=style&index=0&id=4c00a30f&scoped=true&lang=scss&
+var OpacityControlsvue_type_style_index_0_id_4c00a30f_scoped_true_lang_scss_ = __webpack_require__("21a1");
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent (
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier, /* server only */
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) { // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+        injectStyles.call(
+          this,
+          (options.functional ? this.parent : this).$root.$options.shadowRoot
+        )
+      }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection (h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing
+        ? [].concat(existing, hook)
+        : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+// CONCATENATED MODULE: ./src/components/OpacityControls.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = normalizeComponent(
+  components_OpacityControlsvue_type_script_lang_js_,
+  OpacityControlsvue_type_template_id_4c00a30f_scoped_true_render,
+  OpacityControlsvue_type_template_id_4c00a30f_scoped_true_staticRenderFns,
+  false,
+  null,
+  "4c00a30f",
+  null
+  
+)
+
+/* harmony default export */ var OpacityControls = (component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1ffffadc-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TraditionalControls.vue?vue&type=template&id=b034523c&scoped=true&
+var TraditionalControlsvue_type_template_id_b034523c_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"traditional-location",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 ")])]),_c('el-col',{attrs:{"span":12}},[_c('el-checkbox',{staticClass:"all-checkbox",attrs:{"indeterminate":_vm.isIndeterminate},on:{"change":_vm.handleCheckAllChange},model:{value:(_vm.checkAll),callback:function ($$v) {_vm.checkAll=$$v},expression:"checkAll"}},[_vm._v(" Display all ")])],1)],1),_c('el-checkbox-group',{staticClass:"checkbox-group",attrs:{"size":"small"},on:{"change":_vm.handleCheckedItemsChange},model:{value:(_vm.checkedItems),callback:function ($$v) {_vm.checkedItems=$$v},expression:"checkedItems"}},[_c('div',{staticClass:"checkbox-group-inner"},_vm._l((_vm.sortedPrimitiveGroups),function(item){return _c('el-row',{key:item,attrs:{"label":item}},[_c('div',{staticClass:"checkbox-container"},[_c('el-checkbox',{staticClass:"my-checkbox",class:{ activeItem: _vm.activeRegion === item, 
+                        hoverItem: _vm.hoverRegion === item },attrs:{"label":item,"checked":true},on:{"change":function($event){return _vm.visibilityToggle(item, $event)}},nativeOn:{"click":function($event){return _vm.itemClicked(item, $event)},"mouseover":function($event){return _vm.checkboxHover(item)}}},[_c('el-color-picker',{class:{ 'show-picker' : _vm.showColourPicker },attrs:{"value":_vm.getColour(item),"size":"small","popper-class":_vm.myPopperClass},on:{"change":function($event){return _vm.setColour(item, $event)}}}),_vm._v(" "+_vm._s(item)+" ")],1)],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 TraditionalControlsvue_type_template_id_b034523c_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/TraditionalControls.vue?vue&type=template&id=b034523c&scoped=true&
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.concat"
+var es_array_concat_ = __webpack_require__("18d2");
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.includes"
+var es_array_includes_ = __webpack_require__("ab7e");
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.index-of"
+var es_array_index_of_ = __webpack_require__("6bb1");
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.splice"
+var es_array_splice_ = __webpack_require__("7c81");
+
+// EXTERNAL MODULE: external "core-js/modules/es.regexp.exec"
+var es_regexp_exec_ = __webpack_require__("51f7");
+
+// EXTERNAL MODULE: external "core-js/modules/es.string.includes"
+var es_string_includes_ = __webpack_require__("fd48");
+
+// EXTERNAL MODULE: external "core-js/modules/es.string.replace"
+var es_string_replace_ = __webpack_require__("bfab");
+
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+
+  return arr2;
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+// EXTERNAL MODULE: external "core-js/modules/es.symbol"
+var es_symbol_ = __webpack_require__("6049");
+
+// EXTERNAL MODULE: external "core-js/modules/es.symbol.description"
+var es_symbol_description_ = __webpack_require__("51e9");
+
+// EXTERNAL MODULE: external "core-js/modules/es.symbol.iterator"
+var es_symbol_iterator_ = __webpack_require__("02ac");
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.from"
+var es_array_from_ = __webpack_require__("e42b");
+
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+
+
+
+
+
+
+
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+}
+// EXTERNAL MODULE: external "core-js/modules/es.array.slice"
+var es_array_slice_ = __webpack_require__("6579");
+
+// EXTERNAL MODULE: external "core-js/modules/es.function.name"
+var es_function_name_ = __webpack_require__("bcd8");
+
+// EXTERNAL MODULE: external "core-js/modules/es.regexp.to-string"
+var es_regexp_to_string_ = __webpack_require__("5fef");
+
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
+
+
+
+
+
+
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(n);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
+
+
+
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+// EXTERNAL MODULE: external "element-ui/lib/theme-chalk/color-picker.css"
+var color_picker_css_ = __webpack_require__("3666");
+
+// EXTERNAL MODULE: external "element-ui/lib/color-picker"
+var color_picker_ = __webpack_require__("4914");
+var color_picker_default = /*#__PURE__*/__webpack_require__.n(color_picker_);
+
+// EXTERNAL MODULE: external "element-ui/lib/theme-chalk/checkbox-group.css"
+var checkbox_group_css_ = __webpack_require__("0cf4");
+
+// EXTERNAL MODULE: external "element-ui/lib/checkbox-group"
+var checkbox_group_ = __webpack_require__("0607");
+var checkbox_group_default = /*#__PURE__*/__webpack_require__.n(checkbox_group_);
+
+// EXTERNAL MODULE: external "element-ui/lib/theme-chalk/checkbox.css"
+var checkbox_css_ = __webpack_require__("55ee");
+
+// EXTERNAL MODULE: external "element-ui/lib/checkbox"
+var checkbox_ = __webpack_require__("b777");
+var checkbox_default = /*#__PURE__*/__webpack_require__.n(checkbox_);
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TraditionalControls.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* eslint-disable no-alert, no-console */
+
+
+
+
+var orderBy = __webpack_require__("6814");
+
+var uniq = __webpack_require__("4e2d");
+
+locale_default.a.use(en_default.a);
+external_vue_default.a.use(checkbox_default.a);
+external_vue_default.a.use(checkbox_group_default.a);
+external_vue_default.a.use(color_picker_default.a);
+external_vue_default.a.use(row_default.a);
+/**
+ * A vue component for toggling visibility of various regions.
+ */
+
+/* harmony default export */ var TraditionalControlsvue_type_script_lang_js_ = ({
+  name: "TraditionalControls",
+  props: {
+    /**
+     * @ignore
+     */
+    module: {
+      type: Object,
+      default: undefined
+    },
+
+    /**
+     * Enable/disable colour picker
+     */
+    showColourPicker: Boolean
+  },
+  data: function data() {
+    return {
+      checkAll: true,
+      isIndeterminate: false,
+      checkedItems: [],
+      sortedPrimitiveGroups: [],
+      activeRegion: "",
+      hoverRegion: "",
+      myPopperClass: "hide-scaffold-colour-popup",
+      drawerOpen: true
+    };
+  },
+  watch: {
+    showColourPicker: {
+      immediate: true,
+      handler: function handler() {
+        if (this.showColourPicker) this.myPopperClass = "showPicker";else this.myPopperClass = "hide-scaffold-colour-popup";
+      }
+    }
+  },
+  created: function created() {
+    var tmpArray = this.module.sceneData.geometries.concat(this.module.sceneData.lines);
+    tmpArray = tmpArray.concat(this.module.sceneData.glyphsets);
+    tmpArray = uniq(tmpArray.concat(this.module.sceneData.pointset));
+    this.sortedPrimitiveGroups = orderBy(tmpArray);
+    this.module.addOrganPartAddedCallback(this.organsAdded);
+    this.module.graphicsHighlight.selectColour = 0x444444;
+  },
+  destroyed: function destroyed() {
+    this.sortedPrimitiveGroups = undefined;
+  },
+  methods: {
+    /**
+     * This is called when a new organ is read into the scene.
+     */
+    organsAdded: function organsAdded(name) {
+      if (name && name != "") {
+        var tmpArray = uniq(this.sortedPrimitiveGroups.concat([name]));
+        tmpArray = orderBy(tmpArray);
+        var index = tmpArray.indexOf(undefined);
+
+        if (index > -1) {
+          tmpArray.splice(index, 1);
+        }
+
+        this.sortedPrimitiveGroups = tmpArray;
+      }
+    },
+
+    /**
+     * Select a region by its name.
+     */
+    changeActiveByName: function changeActiveByName(name) {
+      var targetObject = this.getFirstZincObjectWithGroupName(name);
+
+      if (targetObject && targetObject.getVisibility()) {
+        this.activeRegion = name;
+        /**
+         * Triggers when an item has been selected.
+         *
+         * @property {object} target selected object.
+         */
+
+        this.$emit("object-selected", targetObject);
+      } else {
+        this.removeActive();
+      }
+
+      this.removeHover();
+    },
+
+    /**
+     * Hover a region by its name.
+     */
+    changeHoverByName: function changeHoverByName(name) {
+      var targetObject = this.getFirstZincObjectWithGroupName(name);
+
+      if (targetObject) {
+        this.hoverRegion = name;
+        /**
+         * Triggers when an item has been hovered over.
+         *
+         * @property {object} target hovered object.
+         */
+
+        this.$emit("object-hovered", targetObject);
+      } else {
+        this.removeHover();
+      }
+    },
+
+    /**
+     * Unselect the current selected region.
+     */
+    removeActive: function removeActive() {
+      this.activeRegion = "";
+      this.$emit("object-selected", undefined);
+    },
+
+    /**
+     * Unselect the current hover region.
+     */
+    removeHover: function removeHover() {
+      this.hoverRegion = "";
+      this.$emit("object-hovered", undefined);
+    },
+
+    /**
+     * Reset the controls.
+     */
+    clear: function clear() {
+      this.sortedPrimitiveGroups = [];
+      this.checkedItems = [];
+      this.checkAll = true;
+      this.isIndeterminate = false;
+      this.activeRegion = "";
+      this.hoverRegion = "";
+      this.$emit("object-selected", undefined);
+    },
+    getFirstZincObjectWithGroupName: function getFirstZincObjectWithGroupName(name) {
+      if (this.module && this.module.scene) {
+        var array = this.module.scene.findGeometriesWithGroupName(name);
+        if (array.length > 0) return array[0];
+        array = this.module.scene.findGlyphsetsWithGroupName(name);
+        if (array.length > 0) return array[0];
+        array = this.module.scene.findLinesWithGroupName(name);
+        if (array.length > 0) return array[0];
+        array = this.module.scene.findPointsetsWithGroupName(name);
+        if (array.length > 0) return array[0];
+      }
+
+      return undefined;
+    },
+    getColour: function getColour(name) {
+      var graphic = this.getFirstZincObjectWithGroupName(name);
+
+      if (graphic) {
+        var hex = graphic.getColourHex();
+        if (hex) return "#" + hex;
+      }
+
+      return "#FFFFFF";
+    },
+    setColour: function setColour(name, value) {
+      var graphic = this.getFirstZincObjectWithGroupName(name);
+
+      if (graphic) {
+        var hexString = value.replace("#", "0x");
+        graphic.setColourHex(hexString);
+      }
+    },
+    checkboxHover: function checkboxHover(name) {
+      this.changeHoverByName(name);
+    },
+    itemClicked: function itemClicked(name, event) {
+      if (!(event.target.classList.contains("el-checkbox__inner") || event.target.classList.contains("el-checkbox__original"))) {
+        this.changeActiveByName(name);
+        event.preventDefault();
+      }
+    },
+    handleCheckedItemsChange: function handleCheckedItemsChange() {
+      var unnamed = this.checkedItems.includes(undefined) ? true : false;
+      var checkedCount = this.checkedItems.length;
+      if (unnamed) checkedCount--;
+      this.checkAll = checkedCount === this.sortedPrimitiveGroups.length;
+      this.isIndeterminate = checkedCount > 0 && checkedCount < this.sortedPrimitiveGroups.length;
+    },
+    handleCheckAllChange: function handleCheckAllChange(val) {
+      this.checkedItems = val ? _toConsumableArray(this.sortedPrimitiveGroups) : [];
+      this.isIndeterminate = false;
+
+      for (var i = 0; i < this.sortedPrimitiveGroups.length; i++) {
+        this.visibilityToggle(this.sortedPrimitiveGroups[i], this.checkAll);
+      }
+    },
+    viewAll: function viewAll() {
+      this.module.viewAll();
+    },
+    visibilityToggle: function visibilityToggle(item, event) {
+      this.module.changeOrganPartsVisibility(item, event);
+
+      if (event == false) {
+        if (this.activeRegion === item) {
+          this.removeActive();
+        }
+
+        if (this.hoverRegion === item) {
+          this.removeHover();
+        }
+      }
+    },
+    toggleDrawer: function toggleDrawer() {
+      this.drawerOpen = !this.drawerOpen;
+      this.$emit("drawer-toggled", this.drawerOpen);
+    },
+    getState: function getState() {
+      if (this.checkAll) {
+        return {
+          checkAll: true
+        };
+      }
+
+      var checkedItems = _toConsumableArray(this.checkedItems);
+
+      var index = checkedItems.indexOf(undefined);
+
+      if (index > -1) {
+        checkedItems.splice(index, 1);
+      }
+
+      return {
+        checkedItems: checkedItems
+      };
+    },
+    setState: function setState(state) {
+      if (state) {
+        if (state.checkAll) {
+          this.checkedItems = _toConsumableArray(this.sortedPrimitiveGroups);
+
+          for (var i = 0; i < this.sortedPrimitiveGroups.length; i++) {
+            this.module.changeOrganPartsVisibility(this.sortedPrimitiveGroups[i], true);
+          }
+        } else if (state.checkedItems) {
+          this.checkedItems = _toConsumableArray(state.checkedItems);
+
+          for (var _i = 0; _i < this.sortedPrimitiveGroups.length; _i++) {
+            var visible = this.checkedItems.includes(this.sortedPrimitiveGroups[_i]);
+            this.module.changeOrganPartsVisibility(this.sortedPrimitiveGroups[_i], visible);
+          }
+        }
+      }
+
+      this.handleCheckedItemsChange();
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/TraditionalControls.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_TraditionalControlsvue_type_script_lang_js_ = (TraditionalControlsvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/TraditionalControls.vue?vue&type=style&index=0&id=b034523c&scoped=true&lang=scss&
+var TraditionalControlsvue_type_style_index_0_id_b034523c_scoped_true_lang_scss_ = __webpack_require__("022d");
+
+// EXTERNAL MODULE: ./src/components/TraditionalControls.vue?vue&type=style&index=1&lang=css&
+var TraditionalControlsvue_type_style_index_1_lang_css_ = __webpack_require__("add8");
+
+// CONCATENATED MODULE: ./src/components/TraditionalControls.vue
+
+
+
+
+
+
+
+/* normalize component */
+
+var TraditionalControls_component = normalizeComponent(
+  components_TraditionalControlsvue_type_script_lang_js_,
+  TraditionalControlsvue_type_template_id_b034523c_scoped_true_render,
+  TraditionalControlsvue_type_template_id_b034523c_scoped_true_staticRenderFns,
+  false,
+  null,
+  "b034523c",
+  null
+  
+)
+
+/* harmony default export */ var TraditionalControls = (TraditionalControls_component.exports);
+// EXTERNAL MODULE: external "@abi-software/svg-sprite"
+var svg_sprite_ = __webpack_require__("429c");
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ScaffoldVuer.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* eslint-disable no-alert, no-console */
+
+
+
+
+
+
+locale_default.a.use(en_default.a);
+external_vue_default.a.use(col_default.a);
+external_vue_default.a.use(loading_default.a.directive);
+external_vue_default.a.use(option_default.a);
+external_vue_default.a.use(popover_default.a);
+external_vue_default.a.use(row_default.a);
+external_vue_default.a.use(select_default.a);
+external_vue_default.a.use(slider_default.a);
+external_vue_default.a.use(tab_pane_default.a);
+external_vue_default.a.use(tabs_default.a);
+
+var OrgansViewer = __webpack_require__("67b6").OrgansViewer;
+
+var EventNotifier = __webpack_require__("549c").EventNotifier;
+/**
+ * A vue component of the scaffold viewer.
+ *
+ * @requires ./OpacityControls.vue
+ * @requires ./TraditionalControls.vue
+ */
+
+
+/* harmony default export */ var ScaffoldVuervue_type_script_lang_js_ = ({
+  name: "ScaffoldVuer",
+  components: {
+    OpacityControls: OpacityControls,
+    SvgIcon: svg_sprite_["SvgIcon"],
+    SvgSpriteColor: svg_sprite_["SvgSpriteColor"],
+    TraditionalControls: TraditionalControls
+  },
+  props: {
+    /**
+     * URL of the zincjs metadata. This value will be ignored if a valid
+     * state prop is also provided.
+     * If the url needs to be updated with state present, please use
+     * the setURL method.
+     */
+    url: {
+      type: String,
+      default: ""
+    },
+
+    /**
+     * Show the colour control of set to true.
+     */
+    showColourPicker: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Flag to show/hide the UI.
+     */
+    displayUI: {
+      type: Boolean,
+      default: true
+    },
+
+    /**
+     * Display all graphics at start.
+     *
+     * This setting only works when traditional is set to false.
+     */
+    displayAtStartUp: {
+      type: Boolean,
+      default: true
+    },
+
+    /**
+     * Use for toggling the help tooltips.
+     */
+    helpMode: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Use for show/display beta warning icon.
+     */
+    displayWarning: {
+      type: Boolean,
+      default: true
+    },
+
+    /**
+     * Warning message for the hovered over text
+     * on the warning icon.
+     */
+    warningMessage: {
+      type: String,
+      default: "Beta feature - under active development"
+    },
+
+    /**
+     * Show/hide pickable markers for regions.
+     */
+    displayMarkers: {
+      type: Boolean,
+      default: true
+    },
+
+    /**
+     * Show/hide minimap.
+     */
+    displayMinimap: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Settings for minimap position, size and alignment.
+     */
+    minimapSettings: {
+      type: Object,
+      default: function _default() {
+        return {
+          x_offset: 16,
+          y_offset: 16,
+          width: 128,
+          height: 128,
+          align: "top-right"
+        };
+      }
+    },
+
+    /**
+     * State containing state of the scaffold.
+     */
+    state: {
+      type: Object,
+      default: undefined
+    },
+
+    /**
+     * Optional prop for the name of the region to focus on,
+     * this option is ignored if state or viewURL is also provided.
+     */
+    region: {
+      type: String,
+      default: ""
+    },
+
+    /**
+     * Optional prop for an URL of containing information of a viewport.
+     * This option is ignored if state is also provided.
+     * It will use the provided URL as base if a relative parth is provided.
+     */
+    viewURL: {
+      type: String,
+      default: ""
+    },
+
+    /**
+     * Settings for turning on/off rendering
+     */
+    render: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data: function data() {
+    return {
+      sceneData: this.$module.sceneData,
+      isPlaying: false,
+
+      /**
+       * This is set when scene is transitioning.
+       */
+      isTransitioning: false,
+      tooltipAppendToBody: false,
+      hoverVisabilities: [{
+        value: false
+      }, {
+        value: false
+      }, {
+        value: false
+      }, {
+        value: false
+      }, {
+        value: false
+      }, {
+        value: false
+      }, {
+        value: false
+      }],
+      inHelp: false,
+      loading: false,
+      duration: 3000,
+      drawerOpen: true,
+      currentBackground: "white",
+      availableBackground: ["white", "lightskyblue", "black"],
+      minimisedSlider: false,
+      sliderPosition: "",
+      timeMax: 100,
+      orginalDuration: "",
+      animateDuration: "6secs",
+      playSpeed: [{
+        value: 0.1,
+        label: "0.1x"
+      }, {
+        value: 0.5,
+        label: "0.5x"
+      }, {
+        value: 1,
+        label: "1x"
+      }, {
+        value: 2,
+        label: "2x"
+      }, {
+        value: 5,
+        label: "5x"
+      }, {
+        value: 10,
+        label: "10x"
+      }],
+      currentSpeed: 1,
+      timeStamps: {}
+    };
+  },
+  watch: {
+    url: {
+      handler: function handler(newValue) {
+        if (this.state === undefined || this.state.url === undefined) this.setURL(newValue);
+      },
+      immediate: true
+    },
+    region: {
+      handler: function handler(region) {
+        if (!(this.state || this.viewURL)) this.setFocusedRegion(region);
+      },
+      immediate: true
+    },
+    state: {
+      handler: function handler(state) {
+        this.setState(state);
+      },
+      immediate: true,
+      deep: true
+    },
+    viewURL: {
+      handler: function handler(viewURL) {
+        this.updateViewURL(viewURL);
+      },
+      immediate: true
+    },
+    helpMode: function helpMode(val) {
+      this.setHelpMode(val);
+    },
+    displayMarkers: function displayMarkers(val) {
+      this.$module.scene.displayMarkers = val;
+    },
+    displayMinimap: function displayMinimap(val) {
+      this.$module.scene.displayMinimap = val;
+    },
+    "sceneData.currentTime": function sceneDataCurrentTime() {
+      /**
+       * Triggers when scene time changes.
+       *
+       * @property {number} time Current build-in time of scene.
+       * of selected object.
+       */
+      this.$emit("timeChanged", this.sceneData.currentTime);
+    },
+    duration: function duration() {
+      this.$module.scene.setDuration(this.duration);
+    },
+    minimapSettings: {
+      deep: true,
+      handler: "updateMinimapScissor"
+    },
+    render: function render(val) {
+      this.toggleRendering(val);
+    }
+  },
+  beforeCreate: function beforeCreate() {
+    this.$module = new OrgansViewer();
+    this.isReady = false;
+    this.selectedObject = undefined;
+    this.hoveredObject = undefined;
+    this.currentBackground = "white";
+    this._currentURL = undefined;
+    this.availableBackground = ["white", "black", "lightskyblue"];
+  },
+  mounted: function mounted() {
+    var eventNotifier = new EventNotifier();
+    eventNotifier.subscribe(this, this.eventNotifierCallback);
+    this.$module.addNotifier(eventNotifier);
+    this.$module.addOrganPartAddedCallback(this.organsAdded);
+    this.$module.initialiseRenderer(this.$refs.display);
+    this.toggleRendering(this.render);
+    this.$module.toolTip = undefined;
+    this.ro = new ResizeObserver(this.adjustLayout).observe(this.$refs.scaffoldContainer);
+    this.defaultRate = this.$module.getPlayRate();
+  },
+  beforeDestroy: function beforeDestroy() {
+    if (this.ro) this.ro.disconnect();
+    this.$module.destroy();
+    this.$module = undefined;
+  },
+  methods: {
+    /**
+     * This is called when a new organ is read into the scene.
+     */
+    organsAdded: function organsAdded() {
+      this.loading = false;
+    },
+
+    /**
+     * This is called when Change backgspeedround colour button
+     * is pressed an causes the backgrouColornd colour to be changed
+     * to one of the three preset colour: white, black and
+     * lightskyblue.
+     */
+    backgroundChangeCallback: function backgroundChangeCallback(colour) {
+      this.currentBackground = colour;
+      this.$module.zincRenderer.getThreeJSRenderer().setClearColor(this.currentBackground, 1);
+    },
+
+    /**
+     * This is called by captueeScreenshot and after the last render
+     * loop, it download a screenshot of the current scene with no UI.
+     */
+    captureScreenshotCallback: function captureScreenshotCallback() {
+      //Remove the callback, only needs to happen once
+      this.$module.zincRenderer.removePostRenderCallbackFunction(this.captureID);
+      var screenshot = this.$module.zincRenderer.getThreeJSRenderer().domElement.toDataURL("image/png");
+      var hrefElement = document.createElement("a");
+      document.body.append(hrefElement);
+      if (!this.captureFilename) hrefElement.download = "screenshot.png";else hrefElement.download = this.captureFilename;
+      hrefElement.href = screenshot;
+      hrefElement.click();
+      hrefElement.remove();
+    },
+
+    /**
+     * Function for capturing a screenshot of the current rendering.
+     *
+     * @param {String} filename filename given to the screenshot.
+     *
+     * @public
+     */
+    captureScreenshot: function captureScreenshot(filename) {
+      this.captureFilename = filename;
+      this.captureID = this.$module.zincRenderer.addPostRenderCallbackFunction(this.captureScreenshotCallback);
+    },
+    formatTooltip: function formatTooltip(val) {
+      if (this.timeMax >= 1000) {
+        if (val) {
+          var sec = (val % 60000 / 1000).toFixed(2) + "s";
+          var min = val > 60000 ? (val / 60000).toFixed(0) + "m " : "";
+          return min + sec;
+        }
+      }
+
+      return val ? val.toFixed(2) + " ms" : "0 ms";
+    },
+
+    /**
+     * Function to reset the view to default.
+     * Also called when the associated button is pressed.
+     *
+     * @public
+     */
+    fitWindow: function fitWindow() {
+      if (this.$module.scene) {
+        this.$module.scene.viewAll();
+      }
+    },
+
+    /**
+     * Function to zoom in.
+     * Also called when the associated button is pressed.
+     *
+     * @public
+     */
+    zoomIn: function zoomIn() {
+      if (this.$module.scene) {
+        this.$module.scene.changeZoomByScrollRateUnit(-1);
+      }
+    },
+
+    /**
+     * Function to zoom out.
+     * Also called when the associated button is pressed.
+     *
+     * @public
+     */
+    zoomOut: function zoomOut() {
+      if (this.$module.scene) {
+        this.$module.scene.changeZoomByScrollRateUnit(1);
+      }
+    },
+
+    /**
+     * Function to change the current play speed.
+     *
+     * @public
+     */
+    speedChanged: function speedChanged(speed) {
+      this.currentSpeed = speed;
+      this.$module.setPlayRate(this.defaultRate * this.currentSpeed);
+    },
+
+    /**
+     * Function used to stop the free spin
+     *
+     * @public
+     */
+    stopFreeSpin: function stopFreeSpin() {
+      var cameracontrol = this.$module.scene.getZincCameraControls();
+      cameracontrol.stopAutoTumble();
+      this.isTransitioning = false;
+    },
+
+    /**
+     * Focus on named region
+     */
+    viewRegion: function viewRegion(name) {
+      if (name && name != "" && this.$module.scene) {
+        var objects = this.$module.scene.findObjectsWithGroupName(name);
+        var box = this.$module.scene.getBoundingBoxOfZincObjects(objects);
+
+        if (box) {
+          this.$module.scene.viewAllWithBoundingBox(box);
+        }
+      }
+    },
+    setFocusedRegion: function setFocusedRegion(name) {
+      if (name) {
+        if (this.isReady) {
+          this.viewRegion(name);
+        } else {
+          this.$module.setFinishDownloadCallback(this.setURLFinishCallback({
+            region: name
+          }));
+        }
+      }
+    },
+    updateViewURL: function updateViewURL(viewURL) {
+      if (viewURL) {
+        if (this.isReady) {
+          var url = new URL(viewURL, this.url);
+          this.$module.scene.loadViewURL(url);
+        } else {
+          this.$module.setFinishDownloadCallback(this.setURLFinishCallback({
+            viewURL: viewURL
+          }));
+        }
+      }
+    },
+
+    /**
+     * Function used to rotate the scene.
+     * Also called when the associated button is pressed.
+     *
+     * @public
+     */
+    freeSpin: function freeSpin() {
+      if (this.$module.scene) {
+        var cameracontrol = this.$module.scene.getZincCameraControls();
+        this.isTransitioning = true;
+        cameracontrol.enableAutoTumble();
+        cameracontrol.autoTumble([1.0, 0.0], Math.PI, true);
+        setTimeout(this.stopFreeSpin, 4000);
+      }
+    },
+
+    /**
+     * Callback when a region is selected/highlighted.
+     * It will also update other controls.
+     */
+    eventNotifierCallback: function eventNotifierCallback(event) {
+      if (event.eventType == 1) {
+        if (this.$refs.traditionalControl) {
+          if (event.identifiers[0]) {
+            var id = event.identifiers[0].data.id ? event.identifiers[0].data.id : event.identifiers[0].data.group;
+            this.$refs.traditionalControl.changeActiveByName(id);
+          } else {
+            this.$refs.traditionalControl.removeActive();
+          }
+        }
+        /**
+         * Triggers when an object has been selected
+         *
+         * @property {array} identifiers array of identifiers
+         * of selected object.
+         */
+
+
+        this.$emit("scaffold-selected", event.identifiers);
+      } else if (event.eventType == 2) {
+        if (this.$refs.traditionalControl) {
+          if (event.identifiers[0]) {
+            var _id = event.identifiers[0].data.id ? event.identifiers[0].data.id : event.identifiers[0].data.group;
+
+            this.$refs.traditionalControl.changeHoverByName(_id);
+          } else this.$refs.traditionalControl.removeHover();
+        }
+        /**
+         * Triggers when an object has been highlighted
+         *
+         * @property {array} identifiers array of identifiers
+         * of highlighted object.
+         */
+
+
+        this.$emit("scaffold-highlighted", event.identifiers);
+      }
+    },
+
+    /**
+     * Get the coordinates of the current selected region.
+     *
+     * @public
+     */
+    getCoordinatesOfSelected: function getCoordinatesOfSelected() {
+      if (this.selectedObject) {
+        return this.$module.scene.getObjectsScreenXY([this.selectedObject]);
+      }
+
+      return undefined;
+    },
+
+    /**
+     * Return an object containing the window coordinates of the
+     * current selected region which will be updated after each render
+     * loop.
+     *
+     * @public
+     */
+    getDynamicSelectedCoordinates: function getDynamicSelectedCoordinates() {
+      return this.$module.selectedScreenCoordinates;
+    },
+
+    /**
+     * Callback when time is changed through the UI.
+     */
+    timeChange: function timeChange(event) {
+      var normalizedTime = event / this.timeMax * 100;
+      if (normalizedTime != this.sceneData.currentTime) this.$module.updateTime(normalizedTime);
+    },
+
+    /**
+     * A callback used by children components. Set the selected zinc object
+     *
+     * @param {object} object Zinc object
+     */
+    objectSelected: function objectSelected(object) {
+      if (object !== this.selectedObject) {
+        this.selectedObject = object;
+        this.$refs.opacityControl.setObject(this.selectedObject);
+        if (object) this.$module.setSelectedByZincObject(object, true);else this.$module.setSelectedByObjects([], true);
+      }
+    },
+
+    /**
+     * A callback used by children components. Set the highlighted zinc object
+     *
+     * @param {object} object Zinc object
+     */
+    objectHovered: function objectHovered(object) {
+      if (object !== this.hoveredObject) {
+        this.hoveredObject = object;
+        if (object) this.$module.setHighlightedByZincObject(object, true);else this.$module.setHighlightedByObjects([], true);
+      }
+    },
+
+    /**
+     * Set the selected by name.
+     *
+     * @param {name} name Name of the region
+     */
+    changeActiveByName: function changeActiveByName(name) {
+      this.$refs.traditionalControl.changeActiveByName(name);
+      if (name === undefined) this.$refs.traditionalControl.removeActive();
+    },
+
+    /**
+     * Set the highlighted by name.
+     *
+     * @param {name} name Name of the region
+     */
+    changeHighlightedByName: function changeHighlightedByName(name) {
+      this.$refs.traditionalControl.changeHoverByName(name);
+      if (name === undefined) this.$refs.traditionalControl.removeHover();
+    },
+
+    /**
+     * Start the animation.
+     *
+     * @param {object} object Zinc object
+     */
+    play: function play(flag) {
+      this.$module.playAnimation(flag);
+      this.isPlaying = flag;
+    },
+
+    /**
+     * Function to toggle on/off overlay help.
+     */
+    setHelpMode: function setHelpMode(helpMode) {
+      if (helpMode) {
+        this.inHelp = true;
+        this.hoverVisabilities.forEach(function (item) {
+          item.value = true;
+        });
+      } else {
+        this.inHelp = false;
+        this.hoverVisabilities.forEach(function (item) {
+          item.value = false;
+        });
+      }
+    },
+
+    /**
+     * This is called when mouse cursor enters supported elements
+     * with help tootltips.
+     */
+    showToolitip: function showToolitip(tooltipNumber) {
+      var _this = this;
+
+      if (!this.inHelp) {
+        this.tooltipWait = setTimeout(function () {
+          _this.hoverVisabilities[tooltipNumber].value = true;
+        }, 500);
+      }
+    },
+
+    /**
+     * This is called when mouse cursor exits supported element..
+     */
+    hideToolitip: function hideToolitip(tooltipNumber) {
+      if (!this.inHelp) {
+        this.hoverVisabilities[tooltipNumber].value = false;
+        clearTimeout(this.tooltipWait);
+      }
+    },
+
+    /**
+     * Called when minimap settings has changed. Pass the
+     * parameters to ZincJS and marked it for update.
+     */
+    updateMinimapScissor: function updateMinimapScissor() {
+      var _this2 = this;
+
+      Object.keys(this.minimapSettings).forEach(function (key) {
+        _this2.$module.scene.minimapScissor[key] = _this2.minimapSettings[key];
+      });
+      this.$module.scene.minimapScissor.updateRequired = true;
+    },
+    updateSettingsfromScene: function updateSettingsfromScene() {
+      this.currentSpeed = 1;
+      this.$module.setPlayRate(this.defaultRate);
+      this.orginalDuration = this.$module.scene.getMetadataTag("OriginalDuration");
+      this.animateDuration = this.$module.scene.getMetadataTag("Duration");
+      var timeStamps = this.$module.scene.getMetadataTag("TimeStamps");
+      this.timeStamps = {};
+
+      for (var key in timeStamps) {
+        this.timeStamps[timeStamps[key]] = key;
+      }
+
+      this.timeMax = this.$module.scene.getDuration();
+    },
+    setURLFinishCallback: function setURLFinishCallback(options) {
+      var _this3 = this;
+
+      return function () {
+        if (options) {
+          if (options.viewport) {
+            _this3.$module.scene.getZincCameraControls().setCurrentCameraSettings(options.viewport);
+          } else if (options.viewURL && options.viewURL !== "") {
+            var url = new URL(options.viewURL, _this3.url);
+
+            _this3.$module.scene.loadViewURL(url);
+          } else if (options.region && options.region !== "") {
+            _this3.viewRegion(options.region);
+          }
+
+          if (options.visibility) {
+            // Some UIs may not be ready at this time.
+            _this3.$nextTick(function () {
+              _this3.$refs.traditionalControl.setState(options.visibility);
+            });
+          }
+        }
+
+        _this3.updateSettingsfromScene();
+
+        _this3.$module.updateTime(0.01);
+
+        _this3.$module.updateTime(0);
+
+        _this3.$module.unsetFinishDownloadCallback();
+
+        _this3.isReady = true;
+      };
+    },
+
+    /**
+     * Function used for getting the current states of the scene. This exported states
+     * can be imported using the importStates method.
+     *
+     * @public
+     */
+    getState: function getState() {
+      var state = {
+        url: this._currentURL,
+        viewport: undefined,
+        visibility: undefined
+      };
+      if (this.$refs.traditionalControl) state.visibility = this.$refs.traditionalControl.getState();
+
+      if (this.$module.scene) {
+        var zincCameraControls = this.$module.scene.getZincCameraControls();
+        state.viewport = zincCameraControls.getCurrentViewport();
+      }
+
+      return state;
+    },
+
+    /**
+     * Function used for importing the states of the scene. This exported states
+     * can be imported using the read states method.
+     *
+     * @public
+     */
+    setState: function setState(state) {
+      if (state) {
+        if (state.url && state.url !== this._currentURL) {
+          this.setURLAndState(state.url, {
+            viewport: state.viewport,
+            visibility: state.visibility
+          });
+        } else {
+          if (state.viewport || state.visibility) {
+            if (this.isReady && this.$module.scene) {
+              if (state.viewport) this.$module.scene.getZincCameraControls().setCurrentCameraSettings(state.viewport);
+              if (state.visibility) this.$refs.traditionalControl.setState(state.visibility);
+            } else {
+              this.$module.setFinishDownloadCallback(this.setURLFinishCallback({
+                viewport: state.viewport,
+                visibility: state.visibility
+              }));
+            }
+          }
+        }
+      }
+    },
+    exportGLTF: function exportGLTF(binary) {
+      return this.$module.scene.exportGLTF(binary);
+    },
+
+    /**
+     * Function used for reading in new scaffold metadata and a custom
+     * viewport. This function will ignore the state prop and
+     * read in the new url.
+     *
+     * @public
+     */
+    setURLAndState: function setURLAndState(newValue, state) {
+      if (newValue != this._currentURL) {
+        var viewport = state && state.viewport ? state.viewport : undefined;
+        var visibility = state && state.visibility ? state.visibility : undefined;
+        this._currentURL = newValue;
+        if (this.$refs.traditionalControl) this.$refs.traditionalControl.clear();
+        this.loading = true;
+        this.isReady = false;
+        this.$module.setFinishDownloadCallback(this.setURLFinishCallback({
+          viewport: viewport,
+          region: this.region,
+          viewURL: this.viewURL,
+          visibility: visibility
+        }));
+        this.$module.loadOrgansFromURL(newValue, undefined, undefined, "scene", undefined);
+        this.$module.scene.displayMarkers = this.displayMarkers;
+        this.$module.scene.displayMinimap = this.displayMinimap;
+        this.updateMinimapScissor();
+      }
+    },
+
+    /**
+     * Function used for reading in new scaffold metadata. This function will ignore
+     * the state prop and read in the new url.
+     *
+     * @public
+     */
+    setURL: function setURL(newValue) {
+      this.setURLAndState(newValue, undefined);
+    },
+
+    /**
+     * Callback when drawer is toggled.
+     *
+     */
+    drawerToggled: function drawerToggled(flag) {
+      this.drawerOpen = flag;
+      this.adjustLayout();
+    },
+
+    /**
+     * Callback using ResizeObserver.
+    
+     */
+    adjustLayout: function adjustLayout() {
+      var width = this.$refs.scaffoldContainer.clientWidth;
+      this.minimisedSlider = width < 812;
+
+      if (this.minimisedSlider) {
+        this.sliderPosition = this.drawerOpen ? "right" : "left";
+      } else {
+        this.sliderPosition = "";
+      }
+    },
+    toggleRendering: function toggleRendering(flag) {
+      if (this.$module.zincRenderer) {
+        if (flag) {
+          this.$module.zincRenderer.animate();
+        } else {
+          this.$module.zincRenderer.stopAnimate();
+        }
+      }
+    },
+    forceResize: function forceResize() {
+      if (this.$module.zincRenderer) {
+        this.$module.zincRenderer.onWindowResize();
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/ScaffoldVuer.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_ScaffoldVuervue_type_script_lang_js_ = (ScaffoldVuervue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/ScaffoldVuer.vue?vue&type=style&index=0&id=1b66f0b7&scoped=true&lang=scss&
+var ScaffoldVuervue_type_style_index_0_id_1b66f0b7_scoped_true_lang_scss_ = __webpack_require__("fb06");
+
+// EXTERNAL MODULE: ./src/components/ScaffoldVuer.vue?vue&type=style&index=1&lang=scss&
+var ScaffoldVuervue_type_style_index_1_lang_scss_ = __webpack_require__("642d");
+
+// CONCATENATED MODULE: ./src/components/ScaffoldVuer.vue
+
+
+
+
+
+
+
+/* normalize component */
+
+var ScaffoldVuer_component = normalizeComponent(
+  components_ScaffoldVuervue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "1b66f0b7",
+  null
+  
+)
+
+/* harmony default export */ var ScaffoldVuer = (ScaffoldVuer_component.exports);
+// CONCATENATED MODULE: ./src/components/index.js
+// The Vue build version to load with the `import` command
+// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
+
+
+// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib-no-default.js
+
+
+
+
+/***/ }),
+
+/***/ "fb06":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_vue_cli_service_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_ScaffoldVuer_vue_vue_type_style_index_0_id_1b66f0b7_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("d7e1");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_vue_cli_service_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_ScaffoldVuer_vue_vue_type_style_index_0_id_1b66f0b7_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_vue_cli_service_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_ScaffoldVuer_vue_vue_type_style_index_0_id_1b66f0b7_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "fd48":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.string.includes");
+
+/***/ }),
+
+/***/ "fd9c":
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/theme-chalk/row.css");
+
+/***/ })
+
+/******/ });
+//# sourceMappingURL=scaffoldvuer.common.js.map