@abi-software/scaffoldvuer 0.2.3-alpha-2 → 0.3.1

package/dist/scaffoldvuer.umd.js

@@ -771,13 +771,6 @@ module.exports = __webpack_require__("e62d");
 
 /***/ }),
 
-/***/ "1613":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "1951":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -806,6 +799,13 @@ module.exports = require("core-js/modules/es.string.search.js");
 
 /***/ }),
 
+/***/ "1e66":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "1f1a":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -2025,6 +2025,17 @@ main.install = function (Vue) {
 
 /******/ });
 
+/***/ }),
+
+/***/ "2142":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_1_id_21f54394_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3eb4");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_1_id_21f54394_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_1_id_21f54394_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "2236":
@@ -2475,13 +2486,6 @@ module.exports = __webpack_require__("8bbf");
 
 /***/ }),
 
-/***/ "2a5b":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "2a5e":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -2903,6 +2907,13 @@ main.install = function (Vue) {
 
 /***/ }),
 
+/***/ "3eb4":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "4010":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -2969,13 +2980,6 @@ var removeResizeListener = exports.removeResizeListener = function removeResizeL
 
 /***/ }),
 
-/***/ "4136":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "417f":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -3102,6 +3106,17 @@ module.exports = _toConsumableArray, module.exports.__esModule = true, module.ex
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "471f":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_OpacityControls_vue_vue_type_style_index_0_id_23ba5f32_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("1e66");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_OpacityControls_vue_vue_type_style_index_0_id_23ba5f32_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_OpacityControls_vue_vue_type_style_index_0_id_23ba5f32_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "4897":
@@ -3181,6 +3196,20 @@ module.exports = require("core-js/modules/es.symbol.description.js");
 
 /***/ }),
 
+/***/ "49a1":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "4a73":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "4b26":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -5597,17 +5626,6 @@ src_select.install = function (Vue) {
 
 /******/ });
 
-/***/ }),
-
-/***/ "4efe":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_0_id_29a4f879_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e57c");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_0_id_29a4f879_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_0_id_29a4f879_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "5128":
@@ -5872,19 +5890,19 @@ var OrgansSceneData = function OrgansSceneData() {
   this.timeVarying = 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}
+/**
+ * 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 OrgansViewer(ModelsLoaderIn) {
   var _this2 = this;
@@ -5903,8 +5921,8 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     return _this.sceneData;
   };
 
-  /**
-   * Used to update internal timer in scene when time slider has changed.
+  /**
+   * Used to update internal timer in scene when time slider has changed.
    */
   this.updateTime = function (value) {
     var duration = 6000;
@@ -5917,8 +5935,8 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     _this.sceneData.currentTime = value;
   };
 
-  /**
-   * Update the time slider and other renderers/scenes when time has changed.
+  /**
+   * Update the time slider and other renderers/scenes when time has changed.
    */
   var preRenderTimeUpdate = function preRenderTimeUpdate() {
     var duration = 3000;
@@ -5985,8 +6003,8 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     };
   };
 
-  /**
-   * Add a callback which will be called when time has changed
+  /**
+   * Add a callback which will be called when time has changed
    */
   this.addTimeChangedCallback = function (callback) {
     if (_typeof(callback === "function")) timeChangedCallbacks.push(callback);
@@ -6049,12 +6067,12 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     };
   };
 
-  /**
-   * Callback function when a pickable object has been picked. It will then
-   * call functions in tissueViewer and cellPanel to show corresponding
-   * informations.
-   * 
-   * @callback
+  /**
+   * 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 _pickingCallback() {
     return function (intersects, window_x, window_y) {
@@ -6077,10 +6095,10 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     };
   };
 
-  /**
-   * Callback function when a pickable object has been hovered over.
-   * 
-   * @callback
+  /**
+   * Callback function when a pickable object has been hovered over.
+   * 
+   * @callback
    */
   var _hoverCallback = function _hoverCallback() {
     return function (intersects, window_x, window_y) {
@@ -6127,40 +6145,40 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     }
   };
 
-  /**
-   * Change visibility for parts of the current scene.
+  /**
+   * 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.
+  /**
+   * 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.
+  /**
+   * 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.
+  /**
+   * 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.
+  /**
+   * Change visibility for parts of the current scene.
    */
   this.changeOrganPartsVisibility = function (name, value, typeIn) {
     var type = "all";
@@ -6199,9 +6217,9 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     zincObject.userData["annotation"] = annotation;
   };
 
-  /**
-  * New organs geometry has been added to the scene, add UIs and make
-  * sure the viewport is correct.
+  /**
+  * New organs geometry has been added to the scene, add UIs and make
+  * sure the viewport is correct.
   */
   var _addOrganPartCallback = function _addOrganPartCallback(systemName, partName, useDefautColour) {
     return function (zincObject) {
@@ -6222,9 +6240,9 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     };
   };
 
-  /**
-  * Toggle data field displays. Data fields displays flow/pressure and      <button @click="play">Play</button>
-  * other activities of the organs.
+  /**
+  * 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++) {
@@ -6246,11 +6264,11 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     }
   };
 
-  /**
-  * Return an array containing name(s) of species that also contains the
-  * currently displayed organs.
-  * 
-  * @returns {Array} containing species name
+  /**
+  * 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();
@@ -6372,11 +6390,11 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     return false;
   };
 
-  /**
-   * initialise loading of the html layout for the organs panel, this is
-   * called when the {@link PJP.OrgansViewer} is created.
-   * 
-   * @async
+  /**
+   * initialise loading of the html layout for the organs panel, this is
+   * called when the {@link PJP.OrgansViewer} is created.
+   * 
+   * @async
    */
   var initialise = function initialise() {
     _this.initialiseRenderer(undefined);
@@ -6771,11 +6789,11 @@ var _toConsumableArray = __webpack_require__("448a").default;
 __webpack_require__("2439");
 var THREE = __webpack_require__("9206").THREE;
 
-/**
- * This module manages highlighted and selected objects in 3D modules. 
- * 
- * @class
- * @returns {exports.GraphicsHighlight}
+/**
+ * This module manages highlighted and selected objects in 3D modules. 
+ * 
+ * @class
+ * @returns {exports.GraphicsHighlight}
  */
 exports.GraphicsHighlight = function () {
   var currentHighlightedObjects = [];
@@ -8158,17 +8176,6 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
 
 module.exports = require("core-js/modules/es.string.replace.js");
 
-/***/ }),
-
-/***/ "6514":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_1_id_718c348c_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4136");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_1_id_718c348c_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_1_id_718c348c_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "6611":
@@ -11245,6 +11252,13 @@ module.exports = require("core-js/modules/web.url-search-params.js");
 
 /***/ }),
 
+/***/ "718a":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "72aa":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -14151,17 +14165,6 @@ module.exports = __webpack_require__("8bbf");
 
 module.exports = require("core-js/modules/es.object.get-own-property-descriptors.js");
 
-/***/ }),
-
-/***/ "79d6":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_1_id_29a4f879_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("1613");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_1_id_29a4f879_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_1_id_29a4f879_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "7a0f":
@@ -14451,6 +14454,17 @@ main.install = function (Vue) {
 
 /******/ });
 
+/***/ }),
+
+/***/ "7ee7":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PrimitiveControls_vue_vue_type_style_index_0_id_743fe26a_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("718a");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PrimitiveControls_vue_vue_type_style_index_0_id_743fe26a_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_PrimitiveControls_vue_vue_type_style_index_0_id_743fe26a_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "7f4d":
@@ -15089,10 +15103,10 @@ __webpack_require__("97d3");
 __webpack_require__("13e3");
 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}
+/**
+ * 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 createRenderer() {
   var WEBGL = __webpack_require__("cf41").WEBGL;
@@ -15284,31 +15298,31 @@ RendererModule.prototype.viewAll = function () {
   if (this.zincRenderer) this.zincRenderer.viewAll();
 };
 
-/**
- * Start the animation and let the renderer to processs with
- * time progression
+/**
+ * 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
+/**
+* Set the speed of playback
 */
 RendererModule.prototype.setPlayRate = function (value) {
   if (this.zincRenderer) this.zincRenderer.setPlayRate(value);
 };
 
-/**
-* Get the speed of playback
+/**
+* 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.
-* 
+/** 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) {
@@ -16299,17 +16313,6 @@ tag.install = function (Vue) {
 
 module.exports = require("vue");
 
-/***/ }),
-
-/***/ "8e0f":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_OpacityControls_vue_vue_type_style_index_0_id_4c00a30f_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("bd9f");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_OpacityControls_vue_vue_type_style_index_0_id_4c00a30f_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_OpacityControls_vue_vue_type_style_index_0_id_4c00a30f_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "9206":
@@ -16324,6 +16327,17 @@ module.exports = require("zincjs");
 
 module.exports = require("core-js/modules/es.object.to-string.js");
 
+/***/ }),
+
+/***/ "97dc":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_1_id_4328c61c_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("49a1");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_1_id_4328c61c_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_1_id_4328c61c_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "984d":
@@ -17021,6 +17035,13 @@ module.exports = require("core-js/modules/es.string.iterator.js");
 
 /***/ }),
 
+/***/ "9d4c":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "9d7e":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -17082,6 +17103,17 @@ var RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g;
  *    https://github.com/Matt-Esch/string-template/index.js
  */
 
+/***/ }),
+
+/***/ "9e86":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_0_id_21f54394_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("cf19");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_0_id_21f54394_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_0_id_21f54394_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "a1cc":
@@ -17434,30 +17466,312 @@ var isDefined = exports.isDefined = function isDefined(val) {
 
 /***/ }),
 
-/***/ "aaa5":
+/***/ "aa2f":
 /***/ (function(module, exports, __webpack_require__) {
 
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "ad1b":
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.object.assign.js");
-
-/***/ }),
+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 = "/dist/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 120);
+/******/ })
+/************************************************************************/
+/******/ ({
 
-/***/ "ad4c":
+/***/ 0:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldTooltip_vue_vue_type_style_index_0_id_0cbe500c_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0a7d");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldTooltip_vue_vue_type_style_index_0_id_0cbe500c_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldTooltip_vue_vue_type_style_index_0_id_0cbe500c_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
+/* 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, 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 functioal 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
+  }
+}
+
+
+/***/ }),
+
+/***/ 120:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/footer/src/main.vue?vue&type=template&id=80210338&
+var render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "footer",
+    { staticClass: "el-footer", style: { height: _vm.height } },
+    [_vm._t("default")],
+    2
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/footer/src/main.vue?vue&type=template&id=80210338&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/footer/src/main.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var mainvue_type_script_lang_js_ = ({
+  name: 'ElFooter',
+
+  componentName: 'ElFooter',
+
+  props: {
+    height: {
+      type: String,
+      default: '60px'
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/footer/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./packages/footer/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  src_mainvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "packages/footer/src/main.vue"
+/* harmony default export */ var main = (component.exports);
+// CONCATENATED MODULE: ./packages/footer/index.js
+
+
+/* istanbul ignore next */
+main.install = function (Vue) {
+  Vue.component(main.name, main);
+};
+
+/* harmony default export */ var footer = __webpack_exports__["default"] = (main);
+
+/***/ })
+
+/******/ });
+
+/***/ }),
+
+/***/ "aaa5":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "ad1b":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.object.assign.js");
+
+/***/ }),
+
+/***/ "ad4c":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldTooltip_vue_vue_type_style_index_0_id_0cbe500c_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0a7d");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldTooltip_vue_vue_type_style_index_0_id_0cbe500c_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldTooltip_vue_vue_type_style_index_0_id_0cbe500c_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
 
 /***/ "adec":
 /***/ (function(module, exports, __webpack_require__) {
@@ -17620,7 +17934,14 @@ module.exports = require("core-js/modules/web.url.js");
 
 /***/ }),
 
-/***/ "bd9f":
+/***/ "bdc7":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "bdf8":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
@@ -17856,6 +18177,17 @@ exports.default = function (instance, callback) {
    * @param {Boolean} once weather bind after-leave once. default value is false.
    */
 
+/***/ }),
+
+/***/ "c594":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TextureSlidesControls_vue_vue_type_style_index_0_id_6cdecb05_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4a73");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TextureSlidesControls_vue_vue_type_style_index_0_id_6cdecb05_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TextureSlidesControls_vue_vue_type_style_index_0_id_6cdecb05_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "c69e":
@@ -18148,14 +18480,21 @@ module.exports = require("core-js/modules/es.number.to-fixed.js");
 
 /***/ }),
 
+/***/ "cf19":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "cf41":
 /***/ (function(module, exports, __webpack_require__) {
 
 __webpack_require__("c8a6");
 __webpack_require__("6378");
-/**
- * @author alteredq / http://alteredqualia.com/
- * @author mr.doob / http://mrdoob.com/
+/**
+ * @author alteredq / http://alteredqualia.com/
+ * @author mr.doob / http://mrdoob.com/
  */
 
 exports.WEBGL = {
@@ -18307,6 +18646,17 @@ module.exports = require("deepmerge");
 
 module.exports = require("core-js/modules/es.function.name.js");
 
+/***/ }),
+
+/***/ "dbe6":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_0_id_4328c61c_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("bdf8");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_0_id_4328c61c_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_0_id_4328c61c_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "dc50":
@@ -20056,13 +20406,6 @@ input_number.install = function (Vue) {
 
 /***/ }),
 
-/***/ "e57c":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "e612":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -20817,17 +21160,6 @@ module.exports = require("core-js/modules/es.array.slice.js");
 
 module.exports = require("core-js/modules/es.object.keys.js");
 
-/***/ }),
-
-/***/ "ee47":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_0_id_718c348c_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2a5b");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_0_id_718c348c_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_0_id_718c348c_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "eedf":
@@ -22390,7 +22722,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04e65820-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ScaffoldVuer.vue?vue&type=template&id=718c348c&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"efd025c0-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ScaffoldVuer.vue?vue&type=template&id=21f54394&scoped=true&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -22539,9 +22871,9 @@ var render = function render() {
       "drawer-toggled": _vm.drawerToggled
     }
   }), _c('div', {
-    staticClass: "opacity-box"
-  }, [_c('opacity-controls', {
-    ref: "opacityControl"
+    staticClass: "primitive-controls-box"
+  }, [_c('primitive-controls', {
+    ref: "primitiveControls"
   })], 1), _vm.sceneData.timeVarying ? _c('el-popover', {
     ref: "sliderPopover",
     attrs: {
@@ -22875,7 +23207,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/ScaffoldVuer.vue?vue&type=template&id=718c348c&scoped=true&
+// CONCATENATED MODULE: ./src/components/ScaffoldVuer.vue?vue&type=template&id=21f54394&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/tabs.css
 var tabs = __webpack_require__("075a");
@@ -22984,15 +23316,24 @@ var es_object_keys_js_ = __webpack_require__("ea64");
 var external_vue_ = __webpack_require__("8bbf");
 var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04e65820-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/OpacityControls.vue?vue&type=template&id=4c00a30f&scoped=true&
-var OpacityControlsvue_type_template_id_4c00a30f_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"efd025c0-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PrimitiveControls.vue?vue&type=template&id=743fe26a&scoped=true&
+var PrimitiveControlsvue_type_template_id_743fe26a_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _vm.material != undefined ? _c('div', {
-    ref: "control",
-    staticClass: "opacity-control"
+  return _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.material || _vm.isTextureSlides,
+      expression: "material || isTextureSlides"
+    }],
+    staticClass: "primitive-controls"
   }, [_c('el-drawer', {
-    staticClass: "drawer-content",
+    class: {
+      'drawer-content': true,
+      'opacity': _vm.material !== undefined,
+      'texture-slides': _vm.isTextureSlides
+    },
     attrs: {
       "custom-class": "my-drawer",
       "visible": _vm.drawerOpen,
@@ -23015,24 +23356,69 @@ var OpacityControlsvue_type_template_id_4c00a30f_scoped_true_render = function r
     }
   }, [_c('i', {
     staticClass: "el-icon-arrow-right"
-  })]) : _vm._e(), _c('el-container', {
-    staticClass: "opacity-container"
-  }, [_c('el-header', {
-    staticClass: "header",
+  })]) : _vm._e(), _c('opacity-controls', {
+    ref: "opacityControls",
     attrs: {
-      "height": "37px"
+      "material": _vm.material
     }
-  }, [_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,
+  }), _c('texture-slides-controls', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isTextureSlides,
+      expression: "isTextureSlides"
+    }],
+    ref: "tSlidesControls",
+    staticClass: "controls"
+  })], 1), !_vm.drawerOpen ? _c('div', {
+    staticClass: "tab-button open",
+    on: {
+      "click": _vm.toggleDrawer
+    }
+  }, [_c('i', {
+    staticClass: "el-icon-arrow-left"
+  })]) : _vm._e()], 1);
+};
+var PrimitiveControlsvue_type_template_id_743fe26a_scoped_true_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/PrimitiveControls.vue?vue&type=template&id=743fe26a&scoped=true&
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/icon.css
+var icon = __webpack_require__("aaa5");
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/icon.js
+var lib_icon = __webpack_require__("a578");
+var lib_icon_default = /*#__PURE__*/__webpack_require__.n(lib_icon);
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/drawer.css
+var drawer = __webpack_require__("0fb4");
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/drawer.js
+var lib_drawer = __webpack_require__("9944");
+var lib_drawer_default = /*#__PURE__*/__webpack_require__.n(lib_drawer);
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"efd025c0-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/OpacityControls.vue?vue&type=template&id=23ba5f32&scoped=true&
+var OpacityControlsvue_type_template_id_23ba5f32_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _vm.material ? _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
@@ -23044,18 +23430,11 @@ var OpacityControlsvue_type_template_id_4c00a30f_scoped_true_render = function r
       },
       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();
+  })], 1)])], 1) : _vm._e();
 };
-var OpacityControlsvue_type_template_id_4c00a30f_scoped_true_staticRenderFns = [];
+var OpacityControlsvue_type_template_id_23ba5f32_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/OpacityControls.vue?vue&type=template&id=4c00a30f&scoped=true&
+// CONCATENATED MODULE: ./src/components/OpacityControls.vue?vue&type=template&id=23ba5f32&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/main.css
 var main = __webpack_require__("de31");
@@ -23064,13 +23443,6 @@ var main = __webpack_require__("de31");
 var lib_main = __webpack_require__("c69e");
 var lib_main_default = /*#__PURE__*/__webpack_require__.n(lib_main);
 
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/icon.css
-var icon = __webpack_require__("aaa5");
-
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/icon.js
-var lib_icon = __webpack_require__("a578");
-var lib_icon_default = /*#__PURE__*/__webpack_require__.n(lib_icon);
-
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/header.css
 var header = __webpack_require__("a673");
 
@@ -23078,13 +23450,6 @@ var header = __webpack_require__("a673");
 var lib_header = __webpack_require__("7b31");
 var lib_header_default = /*#__PURE__*/__webpack_require__.n(lib_header);
 
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/drawer.css
-var drawer = __webpack_require__("0fb4");
-
-// EXTERNAL MODULE: ./node_modules/element-ui/lib/drawer.js
-var lib_drawer = __webpack_require__("9944");
-var lib_drawer_default = /*#__PURE__*/__webpack_require__.n(lib_drawer);
-
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/container.css
 var container = __webpack_require__("adec");
 
@@ -23113,64 +23478,53 @@ var locale_default = /*#__PURE__*/__webpack_require__.n(locale);
 
 
 
-
-
-
-
-
-
 /* eslint-disable no-alert, no-console */
 
 
 
 locale_default.a.use(en_default.a);
 external_vue_default.a.use(lib_container_default.a);
-external_vue_default.a.use(lib_drawer_default.a);
 external_vue_default.a.use(lib_header_default.a);
-external_vue_default.a.use(lib_icon_default.a);
 external_vue_default.a.use(lib_main_default.a);
 external_vue_default.a.use(lib_slider_default.a);
 
-/**
- * A component to control the opacity of the target object.
+/**
+ * A component to control the opacity of the target object.
  */
 /* harmony default export */ var OpacityControlsvue_type_script_lang_js_ = ({
   name: "OpacityControls",
+  props: {
+    material: undefined
+  },
   data: function data() {
     return {
-      displayString: "100%",
-      material: undefined,
-      drawerOpen: true
+      displayString: "100%"
     };
   },
   watch: {
     "material.opacity": function materialOpacity() {
-      if (this.material) {
-        this._zincobject.setAlpha(this.material.opacity);
+      if (this.material && this._zincObject) {
+        this._zincObject.setAlpha(this.material.opacity);
       }
     }
   },
   mounted: function mounted() {
-    this._zincobject = undefined;
+    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;
+      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&prod&scoped=true&lang=scss&
-var OpacityControlsvue_type_style_index_0_id_4c00a30f_prod_scoped_true_lang_scss_ = __webpack_require__("8e0f");
+// EXTERNAL MODULE: ./src/components/OpacityControls.vue?vue&type=style&index=0&id=23ba5f32&prod&scoped=true&lang=scss&
+var OpacityControlsvue_type_style_index_0_id_23ba5f32_prod_scoped_true_lang_scss_ = __webpack_require__("471f");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -23281,17 +23635,385 @@ function normalizeComponent(
 
 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,
+  OpacityControlsvue_type_template_id_23ba5f32_scoped_true_render,
+  OpacityControlsvue_type_template_id_23ba5f32_scoped_true_staticRenderFns,
   false,
   null,
-  "4c00a30f",
+  "23ba5f32",
   null
   
 )
 
 /* harmony default export */ var OpacityControls = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04e65820-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ScaffoldTooltip.vue?vue&type=template&id=0cbe500c&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"efd025c0-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TextureSlidesControls.vue?vue&type=template&id=6cdecb05&scoped=true&
+var TextureSlidesControlsvue_type_template_id_6cdecb05_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('el-container', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.settings.length > 0,
+      expression: "settings.length > 0"
+    }],
+    staticClass: "t-slides-container"
+  }, [_c('el-header', {
+    staticClass: "header",
+    attrs: {
+      "height": "30px"
+    }
+  }, [_c('div', [_vm._v("Texture Slides Settings")])]), _c('el-main', {
+    staticClass: "block"
+  }, _vm._l(_vm.settings, function (slide, index) {
+    return _c('el-row', {
+      key: slide.id
+    }, [_c('el-col', {
+      attrs: {
+        "offset": 0,
+        "span": 2
+      }
+    }, [_c('el-select', {
+      staticClass: "input-box",
+      attrs: {
+        "popper-append-to-body": false,
+        "value": slide.direction,
+        "placeholder": "Select",
+        "popper-class": "viewer_dropdown"
+      },
+      on: {
+        "change": function change($event) {
+          return _vm.modifyDirection($event, slide);
+        }
+      }
+    }, _vm._l(_vm.directions, function (item) {
+      return _c('el-option', {
+        key: item.value,
+        attrs: {
+          "label": item.label,
+          "value": item.value
+        }
+      });
+    }), 1)], 1), _c('el-col', {
+      attrs: {
+        "offset": 0,
+        "span": 14
+      }
+    }, [_c('el-slider', {
+      staticClass: "my-slider",
+      attrs: {
+        "step": 0.01,
+        "min": 0,
+        "max": 1,
+        "show-tooltip": false
+      },
+      on: {
+        "input": function input($event) {
+          return _vm.modifySlide(slide);
+        }
+      },
+      model: {
+        value: slide.value,
+        callback: function callback($$v) {
+          _vm.$set(slide, "value", $$v);
+        },
+        expression: "slide.value"
+      }
+    })], 1), _c('el-col', {
+      attrs: {
+        "offset": 0,
+        "span": 3
+      }
+    }, [_c('el-input-number', {
+      staticClass: "input-box number-input",
+      attrs: {
+        "step": 0.01,
+        "min": 0,
+        "max": 1,
+        "controls": false
+      },
+      model: {
+        value: slide.value,
+        callback: function callback($$v) {
+          _vm.$set(slide, "value", $$v);
+        },
+        expression: "slide.value"
+      }
+    })], 1), _c('el-col', {
+      attrs: {
+        "offset": 2,
+        "span": 2
+      }
+    }, [_c('i', {
+      staticClass: "el-icon-close close-icon",
+      on: {
+        "click": function click($event) {
+          return _vm.removeSlide(index, slide);
+        }
+      }
+    })])], 1);
+  }), 1), _c('el-footer', {
+    staticClass: "add-slides-text",
+    attrs: {
+      "height": "30px"
+    },
+    nativeOn: {
+      "click": function click($event) {
+        return _vm.addNewSlide.apply(null, arguments);
+      }
+    }
+  }, [_c('el-row', [_c('el-col', {
+    attrs: {
+      "span": 2
+    }
+  }, [_c('i', {
+    staticClass: "el-icon-plus"
+  })]), _c('el-col', {
+    attrs: {
+      "span": 10
+    }
+  }, [_vm._v(" Add a new slide ")])], 1)], 1)], 1);
+};
+var TextureSlidesControlsvue_type_template_id_6cdecb05_scoped_true_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/TextureSlidesControls.vue?vue&type=template&id=6cdecb05&scoped=true&
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/input-number.css
+var input_number = __webpack_require__("9d4c");
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/input-number.js
+var lib_input_number = __webpack_require__("e450");
+var lib_input_number_default = /*#__PURE__*/__webpack_require__.n(lib_input_number);
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/footer.css
+var footer = __webpack_require__("bdc7");
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/footer.js
+var lib_footer = __webpack_require__("aa2f");
+var lib_footer_default = /*#__PURE__*/__webpack_require__.n(lib_footer);
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.splice.js"
+var es_array_splice_js_ = __webpack_require__("f3b8");
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TextureSlidesControls.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* eslint-disable no-alert, no-console */
+
+
+
+locale_default.a.use(en_default.a);
+external_vue_default.a.use(lib_col_default.a);
+external_vue_default.a.use(lib_container_default.a);
+external_vue_default.a.use(lib_footer_default.a);
+external_vue_default.a.use(lib_header_default.a);
+external_vue_default.a.use(lib_icon_default.a);
+external_vue_default.a.use(lib_input_number_default.a);
+external_vue_default.a.use(lib_main_default.a);
+external_vue_default.a.use(lib_slider_default.a);
+external_vue_default.a.use(lib_row_default.a);
+
+/**
+ * A component to control the opacity of the target object.
+ */
+/* harmony default export */ var TextureSlidesControlsvue_type_script_lang_js_ = ({
+  name: "TextureSlidesControls",
+  data: function data() {
+    return {
+      settings: [],
+      directions: [{
+        value: "x",
+        label: "x"
+      }, {
+        value: "y",
+        label: "y"
+      }, {
+        value: "z",
+        label: "z"
+      }]
+    };
+  },
+  watch: {
+    settings: function settings() {
+      if (this.material && this._zincObject) {
+        this._zincObject.setAlpha(this.material.opacity);
+      }
+    }
+  },
+  mounted: function mounted() {
+    this._zincObject = undefined;
+  },
+  methods: {
+    setObject: function setObject(object) {
+      if (object.isTextureSlides) {
+        this._zincObject = object;
+        this.settings = this._zincObject.getTextureSettings();
+      } else {
+        this._zincObject = undefined;
+        this.settings = [];
+      }
+    },
+    addNewSlide: function addNewSlide() {
+      var newSettings = {
+        direction: "x",
+        value: 0
+      };
+      var returnSettings = this._zincObject.createSlide(newSettings);
+      this.settings.push(returnSettings);
+    },
+    modifyDirection: function modifyDirection(direction, slide) {
+      if (slide) {
+        slide.direction = direction;
+        this._zincObject.modifySlideSettings(slide);
+      }
+    },
+    modifySlide: function modifySlide(slide) {
+      if (slide) {
+        this._zincObject.modifySlideSettings(slide);
+      }
+    },
+    removeSlide: function removeSlide(index, slide) {
+      this._zincObject.removeSlideWithId(slide.id);
+      this.settings.splice(index, 1);
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/TextureSlidesControls.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_TextureSlidesControlsvue_type_script_lang_js_ = (TextureSlidesControlsvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/TextureSlidesControls.vue?vue&type=style&index=0&id=6cdecb05&prod&scoped=true&lang=scss&
+var TextureSlidesControlsvue_type_style_index_0_id_6cdecb05_prod_scoped_true_lang_scss_ = __webpack_require__("c594");
+
+// CONCATENATED MODULE: ./src/components/TextureSlidesControls.vue
+
+
+
+
+
+
+/* normalize component */
+
+var TextureSlidesControls_component = normalizeComponent(
+  components_TextureSlidesControlsvue_type_script_lang_js_,
+  TextureSlidesControlsvue_type_template_id_6cdecb05_scoped_true_render,
+  TextureSlidesControlsvue_type_template_id_6cdecb05_scoped_true_staticRenderFns,
+  false,
+  null,
+  "6cdecb05",
+  null
+  
+)
+
+/* harmony default export */ var TextureSlidesControls = (TextureSlidesControls_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PrimitiveControls.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+/* eslint-disable no-alert, no-console */
+
+
+
+
+
+locale_default.a.use(en_default.a);
+external_vue_default.a.use(lib_drawer_default.a);
+external_vue_default.a.use(lib_icon_default.a);
+
+/**
+ * A component to control the opacity of the target object.
+ */
+/* harmony default export */ var PrimitiveControlsvue_type_script_lang_js_ = ({
+  name: "PrimitiveControls",
+  components: {
+    OpacityControls: OpacityControls,
+    TextureSlidesControls: TextureSlidesControls
+  },
+  data: function data() {
+    return {
+      material: undefined,
+      isTextureSlides: false,
+      drawerOpen: true
+    };
+  },
+  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) {
+      this._zincobject = object;
+      if (object.isTextureSlides) {
+        this.isTextureSlides = true;
+        this.$refs.tSlidesControls.setObject(object);
+      } else {
+        this.isTextureSlides = false;
+      }
+      if (object && object.morph) this.material = object.morph.material;else this.material = undefined;
+      this.$refs.opacityControls.setObject(object);
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/PrimitiveControls.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_PrimitiveControlsvue_type_script_lang_js_ = (PrimitiveControlsvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/PrimitiveControls.vue?vue&type=style&index=0&id=743fe26a&prod&scoped=true&lang=scss&
+var PrimitiveControlsvue_type_style_index_0_id_743fe26a_prod_scoped_true_lang_scss_ = __webpack_require__("7ee7");
+
+// CONCATENATED MODULE: ./src/components/PrimitiveControls.vue
+
+
+
+
+
+
+/* normalize component */
+
+var PrimitiveControls_component = normalizeComponent(
+  components_PrimitiveControlsvue_type_script_lang_js_,
+  PrimitiveControlsvue_type_template_id_743fe26a_scoped_true_render,
+  PrimitiveControlsvue_type_template_id_743fe26a_scoped_true_staticRenderFns,
+  false,
+  null,
+  "743fe26a",
+  null
+  
+)
+
+/* harmony default export */ var PrimitiveControls = (PrimitiveControls_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"efd025c0-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ScaffoldTooltip.vue?vue&type=template&id=0cbe500c&scoped=true&
 var ScaffoldTooltipvue_type_template_id_0cbe500c_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -23339,8 +24061,8 @@ var es_number_constructor_js_ = __webpack_require__("f989");
 locale_default.a.use(en_default.a);
 external_vue_default.a.use(lib_popover_default.a);
 
-/**
- * A component to control the opacity of the target object.
+/**
+ * A component to control the opacity of the target object.
  */
 /* harmony default export */ var ScaffoldTooltipvue_type_script_lang_js_ = ({
   name: "ScaffoldTooltip",
@@ -23431,10 +24153,10 @@ var es_array_includes_js_ = __webpack_require__("85f7");
 // EXTERNAL MODULE: external "core-js/modules/es.string.includes.js"
 var es_string_includes_js_ = __webpack_require__("fd22");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04e65820-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TreeControls.vue?vue&type=template&id=29a4f879&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"efd025c0-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TreeControls.vue?vue&type=template&id=4328c61c&scoped=true&
 
 
-var TreeControlsvue_type_template_id_29a4f879_scoped_true_render = function render() {
+var TreeControlsvue_type_template_id_4328c61c_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -23507,7 +24229,9 @@ var TreeControlsvue_type_template_id_29a4f879_scoped_true_render = function rend
               return _vm.setColour(data, $event);
             }
           }
-        }) : _vm._e(), _c('span', [_vm._v(_vm._s(node.label))])], 1);
+        }) : _vm._e(), _c('span', [_vm._v(_vm._s(node.label))]), data.isTextureSlides ? _c('span', {
+          staticClass: "node-options"
+        }, [_vm._v(" (Texture) ")]) : _vm._e()], 1);
       }
     }])
   })], 1)], 1), _c('div', {
@@ -23523,9 +24247,9 @@ var TreeControlsvue_type_template_id_29a4f879_scoped_true_render = function rend
     staticClass: "el-icon-arrow-left"
   })])]);
 };
-var TreeControlsvue_type_template_id_29a4f879_scoped_true_staticRenderFns = [];
+var TreeControlsvue_type_template_id_4328c61c_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/TreeControls.vue?vue&type=template&id=29a4f879&scoped=true&
+// CONCATENATED MODULE: ./src/components/TreeControls.vue?vue&type=template&id=4328c61c&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(arr, len) {
@@ -23647,9 +24371,6 @@ var es_string_replace_js_ = __webpack_require__("6378");
 // EXTERNAL MODULE: external "core-js/modules/es.array.concat.js"
 var es_array_concat_js_ = __webpack_require__("ccb0");
 
-// EXTERNAL MODULE: external "core-js/modules/es.array.splice.js"
-var es_array_splice_js_ = __webpack_require__("f3b8");
-
 // EXTERNAL MODULE: external "core-js/modules/es.array.map.js"
 var es_array_map_js_ = __webpack_require__("4391");
 
@@ -23993,14 +24714,14 @@ var nameSorting = function nameSorting(a, b) {
   return 0;
 };
 
-/**
- * A vue component for toggling visibility of various regions.
+/**
+ * A vue component for toggling visibility of various regions.
  */
 /* harmony default export */ var TreeControlsvue_type_script_lang_js_ = ({
   name: "TreeControls",
   props: {
-    /**
-     * Enable/disable colour picker
+    /**
+     * Enable/disable colour picker
      */
     showColourPicker: Boolean,
     isReady: Boolean
@@ -24079,8 +24800,8 @@ var nameSorting = function nameSorting(a, b) {
         return data;
       }
     },
-    /**
-     * This is called when a new zinc object is read into the scene.
+    /**
+     * This is called when a new zinc object is read into the scene.
      */
     zincObjectAdded: function zincObjectAdded(zincObject) {
       // Using the new uuid, the cavaet of that is graphics with
@@ -24100,7 +24821,8 @@ var nameSorting = function nameSorting(a, b) {
               label: zincObject.groupName,
               id: region.uuid + "/" + zincObject.uuid,
               isPrimitives: true,
-              regionPath: zincObject.region.getFullPath()
+              regionPath: zincObject.region.getFullPath(),
+              isTextureSlides: zincObject.isTextureSlides ? true : false
             };
             this.addTreeItem(regionData.children, child);
           }
@@ -24147,16 +24869,16 @@ var nameSorting = function nameSorting(a, b) {
         this.removeHover(propagate);
       }
     },
-    /**
-     * Select a region by its name.
+    /**
+     * Select a region by its name.
      */
     changeActiveByNames: function changeActiveByNames(names, regionPath, propagate) {
       var rootRegion = this.$module.scene.getRootRegion();
       var targetObjects = utilities_findObjectsWithNames(rootRegion, names, regionPath, true);
       this.changeActiveByPrimitives(targetObjects, propagate);
     },
-    /**
-     * Hover a region by its name.
+    /**
+     * Hover a region by its name.
      */
     changeHoverByNames: function changeHoverByNames(names, regionPath, propagate) {
       var rootRegion = this.$module.scene.getRootRegion();
@@ -24176,22 +24898,22 @@ var nameSorting = function nameSorting(a, b) {
         this.changeHoverByPrimitives(targetObjects, propagate);
       }
     },
-    /**
-     * Unselect the current selected region.
+    /**
+     * Unselect the current selected region.
      */
     removeActive: function removeActive(propagate) {
       this.active = [];
       this.$emit("object-selected", [], propagate);
     },
-    /**
-     * Unselect the current hover region.
+    /**
+     * Unselect the current hover region.
      */
     removeHover: function removeHover(propagate) {
       this.hover = [];
       this.$emit("object-hovered", [], propagate);
     },
-    /**
-     * Reset the controls.
+    /**
+     * Reset the controls.
      */
     clear: function clear() {
       this.active.length = 0;
@@ -24349,11 +25071,11 @@ var nameSorting = function nameSorting(a, b) {
 });
 // CONCATENATED MODULE: ./src/components/TreeControls.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_TreeControlsvue_type_script_lang_js_ = (TreeControlsvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/TreeControls.vue?vue&type=style&index=0&id=29a4f879&prod&scoped=true&lang=scss&
-var TreeControlsvue_type_style_index_0_id_29a4f879_prod_scoped_true_lang_scss_ = __webpack_require__("4efe");
+// EXTERNAL MODULE: ./src/components/TreeControls.vue?vue&type=style&index=0&id=4328c61c&prod&scoped=true&lang=scss&
+var TreeControlsvue_type_style_index_0_id_4328c61c_prod_scoped_true_lang_scss_ = __webpack_require__("dbe6");
 
-// EXTERNAL MODULE: ./src/components/TreeControls.vue?vue&type=style&index=1&id=29a4f879&prod&lang=css&
-var TreeControlsvue_type_style_index_1_id_29a4f879_prod_lang_css_ = __webpack_require__("79d6");
+// EXTERNAL MODULE: ./src/components/TreeControls.vue?vue&type=style&index=1&id=4328c61c&prod&lang=css&
+var TreeControlsvue_type_style_index_1_id_4328c61c_prod_lang_css_ = __webpack_require__("97dc");
 
 // CONCATENATED MODULE: ./src/components/TreeControls.vue
 
@@ -24367,11 +25089,11 @@ var TreeControlsvue_type_style_index_1_id_29a4f879_prod_lang_css_ = __webpack_re
 
 var TreeControls_component = normalizeComponent(
   components_TreeControlsvue_type_script_lang_js_,
-  TreeControlsvue_type_template_id_29a4f879_scoped_true_render,
-  TreeControlsvue_type_template_id_29a4f879_scoped_true_staticRenderFns,
+  TreeControlsvue_type_template_id_4328c61c_scoped_true_render,
+  TreeControlsvue_type_template_id_4328c61c_scoped_true_staticRenderFns,
   false,
   null,
-  "29a4f879",
+  "4328c61c",
   null
   
 )
@@ -24428,24 +25150,24 @@ var external_minisearch_default = /*#__PURE__*/__webpack_require__.n(external_mi
 
 
 
-/******************************************************************************
-
-Flatmap viewer and annotation tool
-
-Copyright (c) 2019  David Brooks
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-
+/******************************************************************************
+
+Flatmap viewer and annotation tool
+
+Copyright (c) 2019  David Brooks
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+
 ******************************************************************************/
 
 //==============================================================================
@@ -24709,72 +25431,72 @@ external_vue_default.a.use(lib_tabs_default.a);
 var OrgansViewer = __webpack_require__("53d7").OrgansViewer;
 var EventNotifier = __webpack_require__("9b21").EventNotifier;
 
-/**
- * A vue component of the scaffold viewer.
- *
- * @requires ./OpacityControls.vue
- * @requires ./TreeControls.vue
+/**
+ * A vue component of the scaffold viewer.
+ *
+ * @requires ./PrimitveControls.vue
+ * @requires ./TreeControls.vue
  */
 /* harmony default export */ var ScaffoldVuervue_type_script_lang_js_ = ({
   name: "ScaffoldVuer",
   components: {
     MapSvgIcon: svg_sprite_["MapSvgIcon"],
     MapSvgSpriteColor: svg_sprite_["MapSvgSpriteColor"],
-    OpacityControls: OpacityControls,
+    PrimitiveControls: PrimitiveControls,
     ScaffoldTooltip: ScaffoldTooltip,
     TreeControls: TreeControls
   },
   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 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.
+    /**
+     * Show the colour control of set to true.
      */
     showColourPicker: {
       type: Boolean,
       default: false
     },
-    /**
-     * Flag to show/hide the UI.
+    /**
+     * 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.
+    /**
+     * 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.
+    /**
+     * Use for toggling the help tooltips.
      */
     helpMode: {
       type: Boolean,
       default: false
     },
-    /**
-     * Use for show/display beta warning icon.
+    /**
+     * Use for show/display beta warning icon.
      */
     displayWarning: {
       type: Boolean,
       default: true
     },
-    /**
-     * Warning message for the hovered over text
-     * on the warning icon.
+    /**
+     * Warning message for the hovered over text
+     * on the warning icon.
      */
     warningMessage: {
       type: String,
@@ -24788,8 +25510,8 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       type: String,
       default: "New feature - Local search is now available"
     },
-    /**
-     * Show/hide pickable markers for regions.
+    /**
+     * Show/hide pickable markers for regions.
      */
     displayMarkers: {
       type: Boolean,
@@ -24801,22 +25523,22 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         return [];
       }
     },
-    /**
-     * Show/hide minimap.
+    /**
+     * Show/hide minimap.
      */
     displayMinimap: {
       type: Boolean,
       default: false
     },
-    /**
-     * Format of the input URL
+    /**
+     * Format of the input URL
      */
     format: {
       type: String,
       default: "metadata"
     },
-    /**
-     * Settings for minimap position, size and alignment.
+    /**
+     * Settings for minimap position, size and alignment.
      */
     minimapSettings: {
       type: Object,
@@ -24830,9 +25552,9 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         };
       }
     },
-    /**
-     * Flag to determine rather open map UI should be
-     * presented or not.
+    /**
+     * Flag to determine rather open map UI should be
+     * presented or not.
      */
     enableOpenMapUI: {
       type: Boolean,
@@ -24853,32 +25575,32 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         }];
       }
     },
-    /**
-     * State containing state of the scaffold.
+    /**
+     * 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.
+    /**
+     * 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.
+    /**
+     * 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
+    /**
+     * Settings for turning on/off rendering
      */
     render: {
       type: Boolean,
@@ -24890,8 +25612,8 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       sceneData: this.$module.sceneData,
       isPlaying: false,
       isReady: false,
-      /**
-       * This is set when scene is transitioning.
+      /**
+       * This is set when scene is transitioning.
        */
       isTransitioning: false,
       tooltipAppendToBody: false,
@@ -25002,11 +25724,11 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       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.
+      /**
+       * Triggers when scene time changes.
+       *
+       * @property {number} time Current build-in time of scene.
+       * of selected object.
        */
       this.$emit("timeChanged", this.sceneData.currentTime);
     },
@@ -25022,7 +25744,6 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
     },
     markerLabels: function markerLabels(labels) {
       var _this = this;
-      console.log("marker labels changed", labels);
       this.previousMarkerLabels.forEach(function (pml) {
         _this.setMarkerModeForObjectsWithName(pml, "off");
       });
@@ -25065,16 +25786,16 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         if (this.$refs.treeControls) this.$refs.treeControls.zincObjectAdded(zincObject);
       }
     },
-    /**
-     * This is called when a new zinc object is read into the scene.
+    /**
+     * This is called when a new zinc object is read into the scene.
      */
     zincObjectAdded: function zincObjectAdded(zincObject) {
       this.loading = false;
       this.$_searchIndex.addZincObject(zincObject, zincObject.uuid);
       this.$emit("zinc-object-added", zincObject);
     },
-    /**
-     * 
+    /**
+     * 
      */
     addRegionsToSearchIndex: function addRegionsToSearchIndex() {
       var _this2 = this;
@@ -25084,19 +25805,19 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         _this2.$_searchIndex.addRegion(region, region.uuid);
       });
     },
-    /**
-     * 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.
+    /**
+     * 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.
+    /**
+     * 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
@@ -25109,21 +25830,21 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       hrefElement.click();
       hrefElement.remove();
     },
-    /**
-     * Function for capturing a screenshot of the current rendering.
-     *
-     * @param {String} filename filename given to the screenshot.
-     *
-     * @public
+    /**
+     * 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);
     },
-    /**
-     * Function to clear current scene, the tree controls and the search index.
-     *
-     * @public
+    /**
+     * Function to clear current scene, the tree controls and the search index.
+     *
+     * @public
      */
     clearScene: function clearScene() {
       if (this.$refs.treeControls) this.$refs.treeControls.clear();
@@ -25140,52 +25861,52 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       }
       return val ? val.toFixed(2) + " ms" : "0 ms";
     },
-    /**
-     * Function to reset the view to default.
-     * Also called when the associated button is pressed.
-     *
-     * @public
+    /**
+     * 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
+    /**
+     * 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
+    /**
+     * 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
+    /**
+     * 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
+    /**
+     * Function used to stop the free spin
+     *
+     * @public
      */
     stopFreeSpin: function stopFreeSpin() {
       var cameracontrol = this.$module.scene.getZincCameraControls();
@@ -25199,8 +25920,8 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       }
       return objects;
     },
-    /**
-     * Focus on named region
+    /**
+     * Focus on named region
      */
     viewRegion: function viewRegion(names) {
       var rootRegion = this.$module.scene.getRootRegion();
@@ -25249,11 +25970,11 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       }
       return undefined;
     },
-    /**
-     * Function used to rotate the scene.
-     * Also called when the associated button is pressed.
-     *
-     * @public
+    /**
+     * Function used to rotate the scene.
+     * Also called when the associated button is pressed.
+     *
+     * @public
      */
     freeSpin: function freeSpin() {
       if (this.$module.scene) {
@@ -25264,10 +25985,10 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         setTimeout(this.stopFreeSpin, 4000);
       }
     },
-    /**
-     * Callback when a region is selected/highlighted.
-     * It will also update other controls.
-     *
+    /**
+     * Callback when a region is selected/highlighted.
+     * It will also update other controls.
+     *
      */
     eventNotifierCallback: function eventNotifierCallback(event) {
       var names = [];
@@ -25282,10 +26003,10 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         });
         zincObjects = event.zincObjects;
       }
-      /*
-       * Event Type 1: Selected
-       * Event Type 2: Highlighted
-       * Event Type 1: Move
+      /*
+       * Event Type 1: Selected
+       * Event Type 2: Highlighted
+       * Event Type 1: Move
        */
       if (event.eventType == 1) {
         if (this.$refs.treeControls) {
@@ -25335,10 +26056,10 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         }
       }
     },
-    /**
-     * Get the coordinates of the current selected region.
-     *
-     * @public
+    /**
+     * Get the coordinates of the current selected region.
+     *
+     * @public
      */
     getCoordinatesOfSelected: function getCoordinatesOfSelected() {
       if (this.selectedObjects && this.selectedObjects.length > 0) {
@@ -25346,46 +26067,48 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       }
       return undefined;
     },
-    /**
-     * Return an object containing the window coordinates of the
-     * current selected region which will be updated after each render
-     * loop.
-     *
-     * @public
+    /**
+     * 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.
+    /**
+     * 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
+    /**
+     * A callback used by children components. Set the selected zinc object
+     *
+     * @param {object} object Zinc object
      */
     objectSelected: function objectSelected(objects, propagate) {
       this.selectedObjects = objects;
-      if (this.selectedObjects && this.selectedObjects.length > 0) this.$refs.opacityControl.setObject(this.selectedObjects[0]);
+      if (this.selectedObjects && this.selectedObjects.length > 0) {
+        this.$refs.primitiveControls.setObject(this.selectedObjects[0]);
+      }
       this.$module.setSelectedByZincObjects(objects, undefined, propagate);
     },
-    /**
-     * A callback used by children components. Set the highlighted zinc object
-     *
-     * @param {object} object Zinc object
+    /**
+     * A callback used by children components. Set the highlighted zinc object
+     *
+     * @param {object} object Zinc object
      */
     objectHovered: function objectHovered(objects, propagate) {
       this.hoveredObjects = objects;
       this.$module.setHighlightedByZincObjects(objects, undefined, propagate);
     },
-    /**
-     * Set the selected by name.
-     *
-     * @param {} name Name of the group
+    /**
+     * Set the selected by name.
+     *
+     * @param {} name Name of the group
      */
     changeActiveByName: function changeActiveByName(names, region, propagate) {
       var isArray = Array.isArray(names);
@@ -25397,10 +26120,10 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         this.$refs.treeControls.changeActiveByNames(array, region, propagate);
       }
     },
-    /**
-     * Set the highlighted by name.
-     *
-     * @param {name} name Name of the group
+    /**
+     * Set the highlighted by name.
+     *
+     * @param {name} name Name of the group
      */
     changeHighlightedByName: function changeHighlightedByName(names, region, propagate) {
       var isArray = Array.isArray(names);
@@ -25412,10 +26135,10 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         this.$refs.treeControls.changeHoverByNames(array, region, propagate);
       }
     },
-    /**
-     * Start the animation.
-     *
-     * @param {object} object Zinc object
+    /**
+     * Start the animation.
+     *
+     * @param {object} object Zinc object
      */
     play: function play(flag) {
       this.$module.playAnimation(flag);
@@ -25424,8 +26147,8 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       //this.hideRegionTooltip();
     },
 
-    /**
-     * Function to toggle on/off overlay help.
+    /**
+     * Function to toggle on/off overlay help.
      */
     setHelpMode: function setHelpMode(helpMode) {
       if (helpMode) {
@@ -25440,9 +26163,9 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         });
       }
     },
-    /**
-     * Callback function used by showRegionTooltip in the case when the tooltip
-     * is out of view.
+    /**
+     * Callback function used by showRegionTooltip in the case when the tooltip
+     * is out of view.
      */
     displayTooltipOfObjectsCallback: function displayTooltipOfObjectsCallback(name, objects, regionPath, resetView, liveUpdates) {
       var instance = this;
@@ -25494,12 +26217,12 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       this.hideRegionTooltip();
       return false;
     },
-    /**
-     * Display the tooltip used for displaying search result.
-     * When resetView is set to true, it will
-     * reset view if the tooltip is not in view.
-     * Setting liveUpdates to true will update the tooltip location
-     * at every rendering loop.
+    /**
+     * Display the tooltip used for displaying search result.
+     * When resetView is set to true, it will
+     * reset view if the tooltip is not in view.
+     * Setting liveUpdates to true will update the tooltip location
+     * at every rendering loop.
      */
     showRegionTooltipWithObjects: function showRegionTooltipWithObjects(label, zincObjects, regionPath, resetView, liveUpdates) {
       if (label && zincObjects && zincObjects.length > 0 && this.$module.scene) {
@@ -25508,11 +26231,11 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       this.hideRegionTooltip();
       return false;
     },
-    /**
-     * Display the tooltip. When resetView is set to true, it will
-     * reset view if the tooltip is not in view.
-     * Setting liveUpdates to true will update the tooltip location
-     * at every rendering loop.
+    /**
+     * Display the tooltip. When resetView is set to true, it will
+     * reset view if the tooltip is not in view.
+     * Setting liveUpdates to true will update the tooltip location
+     * at every rendering loop.
      */
     showRegionTooltip: function showRegionTooltip(name, resetView, liveUpdates) {
       if (name && this.$module.scene) {
@@ -25528,12 +26251,12 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       this.hideRegionTooltip();
       return false;
     },
-    /**
-     * Display the tooltip using the list of annotations.
-     * When resetView is set to true, it will
-     * reset view if the tooltip is not in view.
-     * Setting liveUpdates to true will update the tooltip location
-     * at every rendering loop.
+    /**
+     * Display the tooltip using the list of annotations.
+     * When resetView is set to true, it will
+     * reset view if the tooltip is not in view.
+     * Setting liveUpdates to true will update the tooltip location
+     * at every rendering loop.
      */
     showRegionTooltipWithAnnotations: function showRegionTooltipWithAnnotations(annotations, resetView, liveUpdates) {
       if (this.$module.scene) {
@@ -25554,9 +26277,9 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       this.tData.visible = false;
       this.tData.region = undefined;
     },
-    /**
-     * Set the marker modes for objects with the provided name, mode can
-     * be "on", "off" or "inherited".
+    /**
+     * Set the marker modes for objects with the provided name, mode can
+     * be "on", "off" or "inherited".
      */
     setMarkerModeForObjectsWithName: function setMarkerModeForObjectsWithName(name, mode) {
       if (name && this.$module.scene) {
@@ -25568,8 +26291,8 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         });
       }
     },
-    /**
-     * Set the marker modes for objects specified by the list of annotations
+    /**
+     * Set the marker modes for objects specified by the list of annotations
      */
     setMarkerModeWithAnnotations: function setMarkerModeWithAnnotations(annotations, mode) {
       if (this.$module.scene) {
@@ -25581,9 +26304,9 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         }
       }
     },
-    /**
-     * This is called when mouse cursor enters supported elements
-     * with help tootltips.
+    /**
+     * This is called when mouse cursor enters supported elements
+     * with help tootltips.
      */
     showHelpText: function showHelpText(helpTextNumber) {
       var _this3 = this;
@@ -25593,8 +26316,8 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         }, 500);
       }
     },
-    /**
-     * This is called when mouse cursor exits supported element..
+    /**
+     * This is called when mouse cursor exits supported element..
      */
     hideHelpText: function hideHelpText(helpTextNumber) {
       if (!this.inHelp) {
@@ -25627,16 +26350,16 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       }
       return false;
     },
-    /**
-     * Get the list of suggested terms
+    /**
+     * Get the list of suggested terms
      */
     fetchSuggestions: function fetchSuggestions(term) {
       if (this.$_searchIndex === undefined) return [];
       return this.$_searchIndex.auto_suggest(term);
     },
-    /**
-     * Called when minimap settings has changed. Pass the
-     * parameters to ZincJS and marked it for update.
+    /**
+     * Called when minimap settings has changed. Pass the
+     * parameters to ZincJS and marked it for update.
      */
     updateMinimapScissor: function updateMinimapScissor() {
       var _this4 = this;
@@ -25686,11 +26409,11 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         _this5.isReady = true;
       };
     },
-    /**
-     * Function used for getting the current states of the scene. This exported states
-     * can be imported using the importStates method.
-     *
-     * @public
+    /**
+     * 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 = {
@@ -25706,11 +26429,11 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       }
       return state;
     },
-    /**
-     * Function used for importing the states of the scene. This exported states
-     * can be imported using the read states method.
-     *
-     * @public
+    /**
+     * 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) {
@@ -25738,12 +26461,12 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
     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
+    /**
+     * 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) {
@@ -25773,24 +26496,24 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         this.updateMinimapScissor();
       }
     },
-    /**
-     * Function used for reading in new scaffold metadata. This function will ignore
-     * the state prop and read in the new url.
-     *
-     * @public
+    /**
+     * 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.
+    /**
+     * Callback when drawer is toggled.
      */
     drawerToggled: function drawerToggled(flag) {
       this.drawerOpen = flag;
       this.adjustLayout();
     },
-    /**
-     * Callback using ResizeObserver.
+    /**
+     * Callback using ResizeObserver.
      */
     adjustLayout: function adjustLayout() {
       var width = this.$refs.scaffoldContainer.clientWidth;
@@ -25822,16 +26545,16 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       }
       this.$emit("scaffold-navigated", payload);
     },
-    /**
-     * Rotate mode - "none", "horizontal", "vertical", "free" but
-     * it will be ignored if flag is set to false.
+    /**
+     * Rotate mode - "none", "horizontal", "vertical", "free" but
+     * it will be ignored if flag is set to false.
      */
     toggleSyncControl: function toggleSyncControl(flag, rotateMode) {
       this.$module.toggleSyncControl(flag, rotateMode);
       this.$module.setSyncControlCallback(this.syncControlCallback);
     },
-    /**
-     * Set the markers for the scene.
+    /**
+     * Set the markers for the scene.
      */
     setMarkers: function setMarkers() {
       var _this6 = this;
@@ -25843,11 +26566,11 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
 });
 // 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=718c348c&prod&scoped=true&lang=scss&
-var ScaffoldVuervue_type_style_index_0_id_718c348c_prod_scoped_true_lang_scss_ = __webpack_require__("ee47");
+// EXTERNAL MODULE: ./src/components/ScaffoldVuer.vue?vue&type=style&index=0&id=21f54394&prod&scoped=true&lang=scss&
+var ScaffoldVuervue_type_style_index_0_id_21f54394_prod_scoped_true_lang_scss_ = __webpack_require__("9e86");
 
-// EXTERNAL MODULE: ./src/components/ScaffoldVuer.vue?vue&type=style&index=1&id=718c348c&prod&lang=scss&
-var ScaffoldVuervue_type_style_index_1_id_718c348c_prod_lang_scss_ = __webpack_require__("6514");
+// EXTERNAL MODULE: ./src/components/ScaffoldVuer.vue?vue&type=style&index=1&id=21f54394&prod&lang=scss&
+var ScaffoldVuervue_type_style_index_1_id_21f54394_prod_lang_scss_ = __webpack_require__("2142");
 
 // CONCATENATED MODULE: ./src/components/ScaffoldVuer.vue
 
@@ -25865,7 +26588,7 @@ var ScaffoldVuer_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "718c348c",
+  "21f54394",
   null
   
 )