@abi-software/scaffoldvuer 0.2.2-beta.1 → 0.2.2-beta.2

package/dist/scaffoldvuer-wc.common.js

@@ -385,7 +385,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var elem
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var element_ui_lib_theme_chalk_tabs_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! element-ui/lib/theme-chalk/tabs.css */ \"./node_modules/element-ui/lib/theme-chalk/tabs.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_tabs_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_tabs_css__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var element_ui_lib_theme_chalk_base_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! element-ui/lib/theme-chalk/base.css */ \"./node_modules/element-ui/lib/theme-chalk/base.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_base_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_base_css__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var element_ui_lib_tabs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! element-ui/lib/tabs */ \"./node_modules/element-ui/lib/tabs.js\");\n/* harmony import */ var element_ui_lib_tabs__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_tabs__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var element_ui_lib_theme_chalk_tab_pane_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! element-ui/lib/theme-chalk/tab-pane.css */ \"./node_modules/element-ui/lib/theme-chalk/tab-pane.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_tab_pane_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_tab_pane_css__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var element_ui_lib_tab_pane__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! element-ui/lib/tab-pane */ \"./node_modules/element-ui/lib/tab-pane.js\");\n/* harmony import */ var element_ui_lib_tab_pane__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_tab_pane__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var element_ui_lib_theme_chalk_slider_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! element-ui/lib/theme-chalk/slider.css */ \"./node_modules/element-ui/lib/theme-chalk/slider.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_slider_css__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_slider_css__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var element_ui_lib_slider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! element-ui/lib/slider */ \"./node_modules/element-ui/lib/slider.js\");\n/* harmony import */ var element_ui_lib_slider__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_slider__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var element_ui_lib_theme_chalk_select_css__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! element-ui/lib/theme-chalk/select.css */ \"./node_modules/element-ui/lib/theme-chalk/select.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_select_css__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_select_css__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var element_ui_lib_select__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! element-ui/lib/select */ \"./node_modules/element-ui/lib/select.js\");\n/* harmony import */ var element_ui_lib_select__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_select__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var element_ui_lib_theme_chalk_row_css__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! element-ui/lib/theme-chalk/row.css */ \"./node_modules/element-ui/lib/theme-chalk/row.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_row_css__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_row_css__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var element_ui_lib_row__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! element-ui/lib/row */ \"./node_modules/element-ui/lib/row.js\");\n/* harmony import */ var element_ui_lib_row__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_row__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var element_ui_lib_theme_chalk_popover_css__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! element-ui/lib/theme-chalk/popover.css */ \"./node_modules/element-ui/lib/theme-chalk/popover.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_popover_css__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_popover_css__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var element_ui_lib_popover__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! element-ui/lib/popover */ \"./node_modules/element-ui/lib/popover.js\");\n/* harmony import */ var element_ui_lib_popover__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_popover__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var element_ui_lib_theme_chalk_option_css__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! element-ui/lib/theme-chalk/option.css */ \"./node_modules/element-ui/lib/theme-chalk/option.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_option_css__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_option_css__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var element_ui_lib_option__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! element-ui/lib/option */ \"./node_modules/element-ui/lib/option.js\");\n/* harmony import */ var element_ui_lib_option__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_option__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var element_ui_lib_theme_chalk_loading_css__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! element-ui/lib/theme-chalk/loading.css */ \"./node_modules/element-ui/lib/theme-chalk/loading.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_loading_css__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_loading_css__WEBPACK_IMPORTED_MODULE_15__);\n/* harmony import */ var element_ui_lib_loading__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! element-ui/lib/loading */ \"./node_modules/element-ui/lib/loading.js\");\n/* harmony import */ var element_ui_lib_loading__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_loading__WEBPACK_IMPORTED_MODULE_16__);\n/* harmony import */ var element_ui_lib_theme_chalk_col_css__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! element-ui/lib/theme-chalk/col.css */ \"./node_modules/element-ui/lib/theme-chalk/col.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_col_css__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_col_css__WEBPACK_IMPORTED_MODULE_17__);\n/* harmony import */ var element_ui_lib_col__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! element-ui/lib/col */ \"./node_modules/element-ui/lib/col.js\");\n/* harmony import */ var element_ui_lib_col__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_col__WEBPACK_IMPORTED_MODULE_18__);\n/* harmony import */ var element_ui_lib_theme_chalk_button_css__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! element-ui/lib/theme-chalk/button.css */ \"./node_modules/element-ui/lib/theme-chalk/button.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_button_css__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_button_css__WEBPACK_IMPORTED_MODULE_19__);\n/* harmony import */ var element_ui_lib_button__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! element-ui/lib/button */ \"./node_modules/element-ui/lib/button.js\");\n/* harmony import */ var element_ui_lib_button__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_button__WEBPACK_IMPORTED_MODULE_20__);\n/* harmony import */ var core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! core-js/modules/es.number.to-fixed.js */ \"./node_modules/core-js/modules/es.number.to-fixed.js\");\n/* harmony import */ var core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_21__);\n/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ \"./node_modules/core-js/modules/es.array.iterator.js\");\n/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_22__);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ \"./node_modules/core-js/modules/es.object.to-string.js\");\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_23__);\n/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ \"./node_modules/core-js/modules/es.string.iterator.js\");\n/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_24___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_24__);\n/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ \"./node_modules/core-js/modules/web.dom-collections.iterator.js\");\n/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_25___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_25__);\n/* harmony import */ var core_js_modules_web_url_js__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! core-js/modules/web.url.js */ \"./node_modules/core-js/modules/web.url.js\");\n/* harmony import */ var core_js_modules_web_url_js__WEBPACK_IMPORTED_MODULE_26___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_url_js__WEBPACK_IMPORTED_MODULE_26__);\n/* harmony import */ var core_js_modules_web_url_search_params_js__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! core-js/modules/web.url-search-params.js */ \"./node_modules/core-js/modules/web.url-search-params.js\");\n/* harmony import */ var core_js_modules_web_url_search_params_js__WEBPACK_IMPORTED_MODULE_27___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_url_search_params_js__WEBPACK_IMPORTED_MODULE_27__);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ \"./node_modules/core-js/modules/web.dom-collections.for-each.js\");\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_28___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_28__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_29___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_29__);\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ \"./node_modules/core-js/modules/es.regexp.exec.js\");\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_30___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_30__);\n/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! core-js/modules/es.string.search.js */ \"./node_modules/core-js/modules/es.string.search.js\");\n/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_31___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_31__);\n/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ \"./node_modules/core-js/modules/es.object.keys.js\");\n/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_32___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_32__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! vue */ \"vue\");\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_33___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_33__);\n/* harmony import */ var _OpacityControls__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./OpacityControls */ \"./src/components/OpacityControls.vue\");\n/* harmony import */ var _ScaffoldTooltip__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./ScaffoldTooltip */ \"./src/components/ScaffoldTooltip.vue\");\n/* harmony import */ var _TreeControls__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./TreeControls */ \"./src/components/TreeControls.vue\");\n/* harmony import */ var _abi_software_svg_sprite__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! @abi-software/svg-sprite */ \"./node_modules/@abi-software/svg-sprite/dist/svg-sprite.common.js\");\n/* harmony import */ var _abi_software_svg_sprite__WEBPACK_IMPORTED_MODULE_37___default = /*#__PURE__*/__webpack_require__.n(_abi_software_svg_sprite__WEBPACK_IMPORTED_MODULE_37__);\n/* harmony import */ var _scripts_utilities_js__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ../scripts/utilities.js */ \"./src/scripts/utilities.js\");\n/* harmony import */ var _scripts_search_js__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../scripts/search.js */ \"./src/scripts/search.js\");\n/* harmony import */ var element_ui_lib_locale_lang_en__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! element-ui/lib/locale/lang/en */ \"./node_modules/element-ui/lib/locale/lang/en.js\");\n/* harmony import */ var element_ui_lib_locale_lang_en__WEBPACK_IMPORTED_MODULE_40___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_locale_lang_en__WEBPACK_IMPORTED_MODULE_40__);\n/* harmony import */ var element_ui_lib_locale__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! element-ui/lib/locale */ \"./node_modules/element-ui/lib/locale/index.js\");\n/* harmony import */ var element_ui_lib_locale__WEBPACK_IMPORTED_MODULE_41___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_locale__WEBPACK_IMPORTED_MODULE_41__);\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* eslint-disable no-alert, no-console */\n\n\n\n\n\n\n\n\n\nelement_ui_lib_locale__WEBPACK_IMPORTED_MODULE_41___default.a.use(element_ui_lib_locale_lang_en__WEBPACK_IMPORTED_MODULE_40___default.a);\nvue__WEBPACK_IMPORTED_MODULE_33___default.a.use(element_ui_lib_button__WEBPACK_IMPORTED_MODULE_20___default.a);\nvue__WEBPACK_IMPORTED_MODULE_33___default.a.use(element_ui_lib_col__WEBPACK_IMPORTED_MODULE_18___default.a);\nvue__WEBPACK_IMPORTED_MODULE_33___default.a.use(element_ui_lib_loading__WEBPACK_IMPORTED_MODULE_16___default.a.directive);\nvue__WEBPACK_IMPORTED_MODULE_33___default.a.use(element_ui_lib_option__WEBPACK_IMPORTED_MODULE_14___default.a);\nvue__WEBPACK_IMPORTED_MODULE_33___default.a.use(element_ui_lib_popover__WEBPACK_IMPORTED_MODULE_12___default.a);\nvue__WEBPACK_IMPORTED_MODULE_33___default.a.use(element_ui_lib_row__WEBPACK_IMPORTED_MODULE_10___default.a);\nvue__WEBPACK_IMPORTED_MODULE_33___default.a.use(element_ui_lib_select__WEBPACK_IMPORTED_MODULE_8___default.a);\nvue__WEBPACK_IMPORTED_MODULE_33___default.a.use(element_ui_lib_slider__WEBPACK_IMPORTED_MODULE_6___default.a);\nvue__WEBPACK_IMPORTED_MODULE_33___default.a.use(element_ui_lib_tab_pane__WEBPACK_IMPORTED_MODULE_4___default.a);\nvue__WEBPACK_IMPORTED_MODULE_33___default.a.use(element_ui_lib_tabs__WEBPACK_IMPORTED_MODULE_2___default.a);\nvar OrgansViewer = __webpack_require__(/*! ../scripts/organsRenderer */ \"./src/scripts/organsRenderer.js\").OrgansViewer;\nvar EventNotifier = __webpack_require__(/*! ../scripts/eventNotifier */ \"./src/scripts/eventNotifier.js\").EventNotifier;\n\n/**\n * A vue component of the scaffold viewer.\n *\n * @requires ./OpacityControls.vue\n * @requires ./TreeControls.vue\n */\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"ScaffoldVuer\",\n  components: {\n    MapSvgIcon: _abi_software_svg_sprite__WEBPACK_IMPORTED_MODULE_37__[\"MapSvgIcon\"],\n    MapSvgSpriteColor: _abi_software_svg_sprite__WEBPACK_IMPORTED_MODULE_37__[\"MapSvgSpriteColor\"],\n    OpacityControls: _OpacityControls__WEBPACK_IMPORTED_MODULE_34__[\"default\"],\n    ScaffoldTooltip: _ScaffoldTooltip__WEBPACK_IMPORTED_MODULE_35__[\"default\"],\n    TreeControls: _TreeControls__WEBPACK_IMPORTED_MODULE_36__[\"default\"]\n  },\n  props: {\n    /**\n     * URL of the zincjs metadata. This value will be ignored if a valid\n     * state prop is also provided.\n     * If the url needs to be updated with state present, please use\n     * the setURL method.\n     */\n    url: {\n      type: String,\n      default: \"\"\n    },\n    /**\n     * Show the colour control of set to true.\n     */\n    showColourPicker: {\n      type: Boolean,\n      default: false\n    },\n    /**\n     * Flag to show/hide the UI.\n     */\n    displayUI: {\n      type: Boolean,\n      default: true\n    },\n    /**\n     * Display all graphics at start.\n     *\n     * This setting only works when traditional is set to false.\n     */\n    displayAtStartUp: {\n      type: Boolean,\n      default: true\n    },\n    /**\n     * Use for toggling the help tooltips.\n     */\n    helpMode: {\n      type: Boolean,\n      default: false\n    },\n    /**\n     * Use for show/display beta warning icon.\n     */\n    displayWarning: {\n      type: Boolean,\n      default: true\n    },\n    /**\n     * Warning message for the hovered over text\n     * on the warning icon.\n     */\n    warningMessage: {\n      type: String,\n      default: \"Beta feature - under active development\"\n    },\n    displayLatestChanges: {\n      type: Boolean,\n      default: false\n    },\n    latestChangesMessage: {\n      type: String,\n      default: \"New feature - Local search is now available\"\n    },\n    /**\n     * Show/hide pickable markers for regions.\n     */\n    displayMarkers: {\n      type: Boolean,\n      default: false\n    },\n    /**\n     * Show/hide minimap.\n     */\n    displayMinimap: {\n      type: Boolean,\n      default: false\n    },\n    /**\n     * Format of the input URL\n     */\n    format: {\n      type: String,\n      default: \"metadata\"\n    },\n    /**\n     * Settings for minimap position, size and alignment.\n     */\n    minimapSettings: {\n      type: Object,\n      default: function _default() {\n        return {\n          x_offset: 16,\n          y_offset: 16,\n          width: 128,\n          height: 128,\n          align: \"top-right\"\n        };\n      }\n    },\n    /**\n     * Flag to determine rather open map UI should be\n     * presented or not.\n     */\n    enableOpenMapUI: {\n      type: Boolean,\n      default: false\n    },\n    openMapOptions: {\n      type: Array,\n      default: function _default() {\n        return [{\n          display: \"Open AC Map\",\n          key: \"AC\"\n        }, {\n          display: \"Open FC Map\",\n          key: \"FC\"\n        }, {\n          display: \"Open 3D Human Map\",\n          key: \"3D\"\n        }];\n      }\n    },\n    /**\n     * State containing state of the scaffold.\n     */\n    state: {\n      type: Object,\n      default: undefined\n    },\n    /**\n     * Optional prop for the name of the region to focus on,\n     * this option is ignored if state or viewURL is also provided.\n     */\n    region: {\n      type: String,\n      default: \"\"\n    },\n    /**\n     * Optional prop for an URL of containing information of a viewport.\n     * This option is ignored if state is also provided.\n     * It will use the provided URL as base if a relative parth is provided.\n     */\n    viewURL: {\n      type: String,\n      default: \"\"\n    },\n    /**\n     * Settings for turning on/off rendering\n     */\n    render: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data: function data() {\n    return {\n      sceneData: this.$module.sceneData,\n      isPlaying: false,\n      isReady: false,\n      /**\n       * This is set when scene is transitioning.\n       */\n      isTransitioning: false,\n      tooltipAppendToBody: false,\n      hoverVisibilities: [{\n        value: false\n      }, {\n        value: false\n      }, {\n        value: false\n      }, {\n        value: false\n      }, {\n        value: false\n      }, {\n        value: false\n      }, {\n        value: false\n      }, {\n        value: false\n      }, {\n        value: false\n      }],\n      inHelp: false,\n      loading: false,\n      duration: 3000,\n      drawerOpen: true,\n      currentBackground: \"white\",\n      availableBackground: [\"white\", \"lightskyblue\", \"black\"],\n      minimisedSlider: false,\n      sliderPosition: \"\",\n      timeMax: 100,\n      orginalDuration: \"\",\n      animateDuration: \"6secs\",\n      playSpeed: [{\n        value: 0.1,\n        label: \"0.1x\"\n      }, {\n        value: 0.5,\n        label: \"0.5x\"\n      }, {\n        value: 1,\n        label: \"1x\"\n      }, {\n        value: 2,\n        label: \"2x\"\n      }, {\n        value: 5,\n        label: \"5x\"\n      }, {\n        value: 10,\n        label: \"10x\"\n      }],\n      currentSpeed: 1,\n      timeStamps: {},\n      defaultCheckedKeys: [],\n      tData: {\n        label: \"\",\n        region: \"\",\n        visible: false,\n        x: 200,\n        y: 200\n      },\n      fileFormat: \"metadata\"\n    };\n  },\n  watch: {\n    format: {\n      handler: function handler(value) {\n        this.fileFormat = value;\n      },\n      immediate: true\n    },\n    url: {\n      handler: function handler(newValue) {\n        if (this.state === undefined || this.state.url === undefined) this.setURL(newValue);\n      },\n      immediate: true\n    },\n    region: {\n      handler: function handler(region) {\n        if (!(this.state || this.viewURL)) this.setFocusedRegion(region);\n      },\n      immediate: true\n    },\n    state: {\n      handler: function handler(state) {\n        this.setState(state);\n      },\n      immediate: true,\n      deep: true\n    },\n    viewURL: {\n      handler: function handler(viewURL) {\n        this.updateViewURL(viewURL);\n      },\n      immediate: true\n    },\n    helpMode: function helpMode(val) {\n      this.setHelpMode(val);\n    },\n    displayMarkers: function displayMarkers(val) {\n      this.$module.scene.displayMarkers = val;\n      //Update pickable objects\n      this.$module.scene.forcePickableObjectsUpdate = true;\n    },\n    displayMinimap: function displayMinimap(val) {\n      this.$module.scene.displayMinimap = val;\n    },\n    \"sceneData.currentTime\": function sceneDataCurrentTime() {\n      /**\n       * Triggers when scene time changes.\n       *\n       * @property {number} time Current build-in time of scene.\n       * of selected object.\n       */\n      this.$emit(\"timeChanged\", this.sceneData.currentTime);\n    },\n    duration: function duration() {\n      this.$module.scene.setDuration(this.duration);\n    },\n    minimapSettings: {\n      deep: true,\n      handler: \"updateMinimapScissor\"\n    },\n    render: function render(val) {\n      this.toggleRendering(val);\n    }\n  },\n  beforeCreate: function beforeCreate() {\n    this.$module = new OrgansViewer();\n    this.selectedObjects = [];\n    this.hoveredObjects = [];\n    this.currentBackground = \"white\";\n    this._currentURL = undefined;\n    this.availableBackground = [\"white\", \"black\", \"lightskyblue\"];\n    this.$_searchIndex = new _scripts_search_js__WEBPACK_IMPORTED_MODULE_39__[\"SearchIndex\"]();\n    this.$_tempId = 1;\n  },\n  mounted: function mounted() {\n    this.$refs.treeControls.setModule(this.$module);\n    var eventNotifier = new EventNotifier();\n    eventNotifier.subscribe(this, this.eventNotifierCallback);\n    this.$module.addNotifier(eventNotifier);\n    this.$module.addOrganPartAddedCallback(this.zincObjectAdded);\n    this.$module.initialiseRenderer(this.$refs.display);\n    this.toggleRendering(this.render);\n    this.ro = new ResizeObserver(this.adjustLayout).observe(this.$refs.scaffoldContainer);\n    this.defaultRate = this.$module.getPlayRate();\n  },\n  beforeDestroy: function beforeDestroy() {\n    if (this.ro) this.ro.disconnect();\n    this.$module.destroy();\n    this.$module = undefined;\n  },\n  methods: {\n    /**\n     * This is called when a new zinc object is read into the scene.\n     */\n    zincObjectAdded: function zincObjectAdded(zincObject) {\n      this.loading = false;\n      zincObject.searchIndexId = ++this.$_tempId;\n      this.$_searchIndex.addZincObject(zincObject, zincObject.searchIndexId);\n      this.$emit(\"zinc-object-added\", zincObject);\n    },\n    /**\n     * This is called when Change backgspeedround colour button\n     * is pressed an causes the backgrouColornd colour to be changed\n     * to one of the three preset colour: white, black and\n     * lightskyblue.\n     */\n    backgroundChangeCallback: function backgroundChangeCallback(colour) {\n      this.currentBackground = colour;\n      this.$module.zincRenderer.getThreeJSRenderer().setClearColor(this.currentBackground, 1);\n    },\n    /**\n     * This is called by captueeScreenshot and after the last render\n     * loop, it download a screenshot of the current scene with no UI.\n     */\n    captureScreenshotCallback: function captureScreenshotCallback() {\n      //Remove the callback, only needs to happen once\n      this.$module.zincRenderer.removePostRenderCallbackFunction(this.captureID);\n      var screenshot = this.$module.zincRenderer.getThreeJSRenderer().domElement.toDataURL(\"image/png\");\n      var hrefElement = document.createElement(\"a\");\n      document.body.append(hrefElement);\n      if (!this.captureFilename) hrefElement.download = \"screenshot.png\";else hrefElement.download = this.captureFilename;\n      hrefElement.href = screenshot;\n      hrefElement.click();\n      hrefElement.remove();\n    },\n    /**\n     * Function for capturing a screenshot of the current rendering.\n     *\n     * @param {String} filename filename given to the screenshot.\n     *\n     * @public\n     */\n    captureScreenshot: function captureScreenshot(filename) {\n      this.captureFilename = filename;\n      this.captureID = this.$module.zincRenderer.addPostRenderCallbackFunction(this.captureScreenshotCallback);\n    },\n    formatTooltip: function formatTooltip(val) {\n      if (this.timeMax >= 1000) {\n        if (val) {\n          var sec = (val % 60000 / 1000).toFixed(2) + \"s\";\n          var min = val > 60000 ? (val / 60000).toFixed(0) + \"m \" : \"\";\n          return min + sec;\n        }\n      }\n      return val ? val.toFixed(2) + \" ms\" : \"0 ms\";\n    },\n    /**\n     * Function to reset the view to default.\n     * Also called when the associated button is pressed.\n     *\n     * @public\n     */\n    fitWindow: function fitWindow() {\n      if (this.$module.scene) {\n        this.$module.scene.viewAll();\n      }\n    },\n    /**\n     * Function to zoom in.\n     * Also called when the associated button is pressed.\n     *\n     * @public\n     */\n    zoomIn: function zoomIn() {\n      if (this.$module.scene) {\n        this.$module.scene.changeZoomByScrollRateUnit(-1);\n      }\n    },\n    /**\n     * Function to zoom out.\n     * Also called when the associated button is pressed.\n     *\n     * @public\n     */\n    zoomOut: function zoomOut() {\n      if (this.$module.scene) {\n        this.$module.scene.changeZoomByScrollRateUnit(1);\n      }\n    },\n    /**\n     * Function to change the current play speed.\n     *\n     * @public\n     */\n    speedChanged: function speedChanged(speed) {\n      this.currentSpeed = speed;\n      this.$module.setPlayRate(this.defaultRate * this.currentSpeed);\n    },\n    /**\n     * Function used to stop the free spin\n     *\n     * @public\n     */\n    stopFreeSpin: function stopFreeSpin() {\n      var cameracontrol = this.$module.scene.getZincCameraControls();\n      cameracontrol.stopAutoTumble();\n      this.isTransitioning = false;\n    },\n    findObjectsWithGroupName: function findObjectsWithGroupName(name) {\n      var objects = [];\n      if (name && name != \"\" && this.$module.scene) {\n        objects = this.$module.scene.findObjectsWithGroupName(name);\n      }\n      return objects;\n    },\n    /**\n     * Focus on named region\n     */\n    viewRegion: function viewRegion(names) {\n      var rootRegion = this.$module.scene.getRootRegion();\n      var groups = Array.isArray(names) ? names : [names];\n      var objects = Object(_scripts_utilities_js__WEBPACK_IMPORTED_MODULE_38__[\"findObjectsWithNames\"])(rootRegion, groups, \"\", true);\n      var box = this.$module.scene.getBoundingBoxOfZincObjects(objects);\n      if (box) {\n        if (this.$module.isSyncControl()) {\n          this.$module.setSyncControlZoomToBox(box);\n        } else {\n          var dist = this.$module.scene.camera.far - this.$module.scene.camera.near;\n          this.$module.scene.viewAllWithBoundingBox(box);\n          this.$module.scene.camera.far = this.$module.scene.camera.near + dist;\n          this.$module.scene.camera.updateProjectionMatrix();\n        }\n        return true;\n      }\n      return false;\n    },\n    setFocusedRegion: function setFocusedRegion(name) {\n      if (name) {\n        if (this.isReady) {\n          this.viewRegion(name);\n        } else {\n          this.$module.setFinishDownloadCallback(this.setURLFinishCallback({\n            region: name\n          }));\n        }\n      }\n    },\n    updateViewURL: function updateViewURL(viewURL) {\n      if (viewURL) {\n        if (this.isReady) {\n          var url = new URL(viewURL, this.url);\n          this.$module.scene.loadViewURL(url);\n        } else {\n          this.$module.setFinishDownloadCallback(this.setURLFinishCallback({\n            viewURL: viewURL\n          }));\n        }\n      }\n    },\n    getRendererInfo: function getRendererInfo() {\n      if (this.$module.zincRenderer) {\n        return this.$module.zincRenderer.getThreeJSRenderer().info;\n      }\n      return undefined;\n    },\n    /**\n     * Function used to rotate the scene.\n     * Also called when the associated button is pressed.\n     *\n     * @public\n     */\n    freeSpin: function freeSpin() {\n      if (this.$module.scene) {\n        var cameracontrol = this.$module.scene.getZincCameraControls();\n        this.isTransitioning = true;\n        cameracontrol.enableAutoTumble();\n        cameracontrol.autoTumble([1.0, 0.0], Math.PI, true);\n        setTimeout(this.stopFreeSpin, 4000);\n      }\n    },\n    /**\n     * Callback when a region is selected/highlighted.\n     * It will also update other controls.\n     *\n     */\n    eventNotifierCallback: function eventNotifierCallback(event) {\n      var names = [];\n      var zincObjects = [];\n      var region = undefined;\n      if (event.eventType == 1 || event.eventType == 2) {\n        event.identifiers.forEach(function (identifier) {\n          if (identifier) {\n            var id = identifier.data.id ? identifier.data.id : identifier.data.group;\n            names.push(id);\n          }\n        });\n        zincObjects = event.zincObjects;\n      }\n      /*\n       * Event Type 1: Selected\n       * Event Type 2: Highlighted\n       * Event Type 1: Move\n       */\n      if (event.eventType == 1) {\n        if (this.$refs.treeControls) {\n          if (names.length > 0) {\n            //this.$refs.treeControls.changeActiveByNames(names, region, false);\n            this.$refs.treeControls.updateActiveUI(zincObjects);\n          } else {\n            this.hideRegionTooltip();\n            this.$refs.treeControls.removeActive(true);\n          }\n        }\n        // Triggers when an object has been selected\n        this.$emit(\"scaffold-selected\", event.identifiers);\n      } else if (event.eventType == 2) {\n        if (this.selectedObjects.length === 0) {\n          this.hideRegionTooltip();\n          // const offsets = this.$refs.scaffoldContainer.getBoundingClientRect();\n          if (this.$refs.treeControls) {\n            if (names.length > 0) {\n              //this.$refs.treeControls.changeHoverByNames(names, region, false);\n              this.$refs.treeControls.updateHoverUI(zincObjects);\n            } else {\n              this.$refs.treeControls.removeHover(true);\n            }\n          }\n          if (event.identifiers.length > 0 && event.identifiers[0]) {\n            var id = event.identifiers[0].data.id ? event.identifiers[0].data.id : event.identifiers[0].data.group;\n            if (event.identifiers[0].coords) {\n              this.tData.visible = true;\n              this.tData.label = id;\n              if (event.identifiers[0].data.region) this.tData.region = event.identifiers[0].data.region;else this.tData.region = \"Root\";\n              this.tData.x = event.identifiers[0].coords.x;\n              this.tData.y = event.identifiers[0].coords.y;\n            }\n          }\n          // Triggers when an object has been highlighted\n          this.$emit(\"scaffold-highlighted\", event.identifiers);\n        }\n      } else if (event.eventType == 3) {\n        //MOVE\n        if (event.identifiers.length > 0 && event.identifiers[0]) {\n          if (event.identifiers[0].coords) {\n            var offsets = this.$refs.scaffoldContainer.getBoundingClientRect();\n            this.tData.x = event.identifiers[0].coords.x - offsets.left;\n            this.tData.y = event.identifiers[0].coords.y - offsets.top;\n          }\n        }\n      }\n    },\n    /**\n     * Get the coordinates of the current selected region.\n     *\n     * @public\n     */\n    getCoordinatesOfSelected: function getCoordinatesOfSelected() {\n      if (this.selectedObjects && this.selectedObjects.length > 0) {\n        return this.$module.scene.getObjectsScreenXY(this.selectedObjects);\n      }\n      return undefined;\n    },\n    /**\n     * Return an object containing the window coordinates of the\n     * current selected region which will be updated after each render\n     * loop.\n     *\n     * @public\n     */\n    getDynamicSelectedCoordinates: function getDynamicSelectedCoordinates() {\n      return this.$module.selectedScreenCoordinates;\n    },\n    /**\n     * Callback when time is changed through the UI.\n     */\n    timeChange: function timeChange(event) {\n      var normalizedTime = event / this.timeMax * 100;\n      if (normalizedTime != this.sceneData.currentTime) this.$module.updateTime(normalizedTime);\n    },\n    /**\n     * A callback used by children components. Set the selected zinc object\n     *\n     * @param {object} object Zinc object\n     */\n    objectSelected: function objectSelected(objects, propagate) {\n      this.selectedObjects = objects;\n      if (this.selectedObjects && this.selectedObjects.length > 0) this.$refs.opacityControl.setObject(this.selectedObjects[0]);\n      this.$module.setSelectedByZincObjects(objects, undefined, propagate);\n    },\n    /**\n     * A callback used by children components. Set the highlighted zinc object\n     *\n     * @param {object} object Zinc object\n     */\n    objectHovered: function objectHovered(objects, propagate) {\n      this.hoveredObjects = objects;\n      this.$module.setHighlightedByZincObjects(objects, undefined, propagate);\n    },\n    /**\n     * Set the selected by name.\n     *\n     * @param {} name Name of the group\n     */\n    changeActiveByName: function changeActiveByName(names, region, propagate) {\n      var isArray = Array.isArray(names);\n      if (names === undefined || isArray && names.length === 0) {\n        this.$refs.treeControls.removeActive(propagate);\n      } else {\n        var array = names;\n        if (!isArray) array = [array];\n        this.$refs.treeControls.changeActiveByNames(array, region, propagate);\n      }\n    },\n    /**\n     * Set the highlighted by name.\n     *\n     * @param {name} name Name of the group\n     */\n    changeHighlightedByName: function changeHighlightedByName(names, region, propagate) {\n      var isArray = Array.isArray(names);\n      if (names === undefined || isArray && names.length === 0) {\n        this.$refs.treeControls.removeHover(propagate);\n      } else {\n        var array = names;\n        if (!isArray) array = [array];\n        this.$refs.treeControls.changeHoverByNames(array, region, propagate);\n      }\n    },\n    /**\n     * Start the animation.\n     *\n     * @param {object} object Zinc object\n     */\n    play: function play(flag) {\n      this.$module.playAnimation(flag);\n      this.isPlaying = flag;\n      //Hide tooltip as location may\n      //this.hideRegionTooltip();\n    },\n\n    /**\n     * Function to toggle on/off overlay help.\n     */\n    setHelpMode: function setHelpMode(helpMode) {\n      if (helpMode) {\n        this.inHelp = true;\n        this.hoverVisibilities.forEach(function (item) {\n          item.value = true;\n        });\n      } else {\n        this.inHelp = false;\n        this.hoverVisibilities.forEach(function (item) {\n          item.value = false;\n        });\n      }\n    },\n    /**\n     * Callback function used by showRegionTooltip in the case when the tooltip\n     * is out of view.\n     */\n    displayTooltipOfObjectsCallback: function displayTooltipOfObjectsCallback(name, objects, resetView, liveUpdates) {\n      var instance = this;\n      return function () {\n        instance.$module.zincRenderer.removePostRenderCallbackFunction(instance.$_regionTooltipCallback);\n        instance.$_regionTooltipCallback = undefined;\n        instance.displayTooltipOfObjects(name, objects, resetView, liveUpdates);\n      };\n    },\n    liveUpdateTooltipPosition: function liveUpdateTooltipPosition() {\n      if (this.$module.selectedCenter) {\n        this.tData.x = this.$module.selectedScreenCoordinates.x;\n        this.tData.y = this.$module.selectedScreenCoordinates.y;\n      }\n    },\n    displayTooltipOfObjects: function displayTooltipOfObjects(name, objects, resetView, liveUpdates) {\n      if (objects.length > 0) {\n        var coords = objects[0].getClosestVertexDOMElementCoords(this.$module.scene);\n        if (coords) {\n          //The coords is not in view, view all if resetView flag is true\n          if (!coords.inView) {\n            this.hideRegionTooltip();\n            if (resetView) {\n              this.$module.scene.viewAll();\n              //Use the post render callback to make sure the scene has been updated\n              //before getting the position of the tooltip.\n              if (this.$_regionTooltipCallback) {\n                this.$module.zincRenderer.removePostRenderCallbackFunction(this.$_regionTooltipCallback);\n              }\n              this.$_regionTooltipCallback = this.$module.zincRenderer.addPostRenderCallbackFunction(this.displayTooltipOfObjectsCallback(name, objects, resetView, liveUpdates));\n            }\n          } else {\n            this.tData.visible = true;\n            this.tData.label = name;\n            this.tData.x = coords.position.x;\n            this.tData.y = coords.position.y;\n            var regionPath = objects[0].getRegion().getFullPath();\n            if (regionPath) this.tData.region = regionPath;else this.tData.region = \"Root\";\n            if (liveUpdates) {\n              this.$module.setupLiveCoordinates(objects);\n              if (this.$_liveCoordinatesUpdated) {\n                this.$module.zincRenderer.removePostRenderCallbackFunction(this.$_liveCoordinatesUpdated);\n              }\n              this.$_liveCoordinatesUpdated = this.$module.zincRenderer.addPostRenderCallbackFunction(this.liveUpdateTooltipPosition);\n            }\n          }\n          return true;\n        }\n      }\n      this.hideRegionTooltip();\n      return false;\n    },\n    /**\n     * Display the tooltip. When resetView is set to true, it will\n     * reset view if the tooltip is not in view.\n     * Setting liveUpdates to true will update the tooltip location\n     * at every rendering loop.\n     */\n    showRegionTooltip: function showRegionTooltip(name, resetView, liveUpdates) {\n      if (name && this.$module.scene) {\n        var rootRegion = this.$module.scene.getRootRegion();\n        var groups = [name];\n        var objects = Object(_scripts_utilities_js__WEBPACK_IMPORTED_MODULE_38__[\"findObjectsWithNames\"])(rootRegion, groups, \"\", true);\n        return this.displayTooltipOfObjects(name, objects, resetView, liveUpdates);\n      }\n      this.hideRegionTooltip();\n      return false;\n    },\n    hideRegionTooltip: function hideRegionTooltip() {\n      if (this.$_liveCoordinatesUpdated) {\n        this.$module.zincRenderer.removePostRenderCallbackFunction(this.$_liveCoordinatesUpdated);\n        //Unset the tracking\n        this.$module.setupLiveCoordinates(undefined);\n      }\n      this.tData.visible = false;\n      this.tData.region = \"Root\";\n    },\n    /**\n     * This is called when mouse cursor enters supported elements\n     * with help tootltips.\n     */\n    showHelpText: function showHelpText(helpTextNumber) {\n      var _this = this;\n      if (!this.inHelp) {\n        this.helpTextWait = setTimeout(function () {\n          _this.hoverVisibilities[helpTextNumber].value = true;\n        }, 500);\n      }\n    },\n    /**\n     * This is called when mouse cursor exits supported element..\n     */\n    hideHelpText: function hideHelpText(helpTextNumber) {\n      if (!this.inHelp) {\n        this.hoverVisibilities[helpTextNumber].value = false;\n        clearTimeout(this.helpTextWait);\n      }\n    },\n    search: function search(text, displayLabel) {\n      if (this.$_searchIndex) {\n        if (text === undefined || text === \"\") {\n          this.objectSelected([], true);\n          return false;\n        } else {\n          var zincObjectResults = this.$_searchIndex.search(text);\n          if (zincObjectResults.length > 0) {\n            this.objectSelected(zincObjectResults, true);\n            if (displayLabel) {\n              for (var i = 0; i < zincObjectResults.length; i++) {\n                if (zincObjectResults[i] && zincObjectResults[i].groupName) {\n                  this.showRegionTooltip(zincObjectResults[i].groupName, true, true);\n                }\n              }\n            }\n            return true;\n          } else {\n            this.objectSelected([], true);\n          }\n        }\n      }\n      return false;\n    },\n    /**\n     * Get the list of suggested terms\n     */\n    fetchSuggestions: function fetchSuggestions(term) {\n      if (this.$_searchIndex === undefined) return [];\n      return this.$_searchIndex.auto_suggest(term);\n    },\n    /**\n     * Called when minimap settings has changed. Pass the\n     * parameters to ZincJS and marked it for update.\n     */\n    updateMinimapScissor: function updateMinimapScissor() {\n      var _this2 = this;\n      Object.keys(this.minimapSettings).forEach(function (key) {\n        _this2.$module.scene.minimapScissor[key] = _this2.minimapSettings[key];\n      });\n      this.$module.scene.minimapScissor.updateRequired = true;\n    },\n    updateSettingsfromScene: function updateSettingsfromScene() {\n      this.currentSpeed = 1;\n      this.$module.setPlayRate(this.defaultRate);\n      this.orginalDuration = this.$module.scene.getMetadataTag(\"OriginalDuration\");\n      this.animateDuration = this.$module.scene.getMetadataTag(\"Duration\");\n      var timeStamps = this.$module.scene.getMetadataTag(\"TimeStamps\");\n      this.timeStamps = {};\n      for (var key in timeStamps) {\n        this.timeStamps[timeStamps[key]] = key;\n      }\n      this.timeMax = this.$module.scene.getDuration();\n    },\n    setURLFinishCallback: function setURLFinishCallback(options) {\n      var _this3 = this;\n      return function () {\n        if (options) {\n          if (options.viewport) {\n            _this3.$module.scene.getZincCameraControls().setCurrentCameraSettings(options.viewport);\n          } else if (options.viewURL && options.viewURL !== \"\") {\n            var url = new URL(options.viewURL, _this3.url);\n            _this3.$module.scene.loadViewURL(url);\n          } else if (options.region && options.region !== \"\") {\n            _this3.viewRegion(options.region);\n          }\n          if (options.visibility) {\n            // Some UIs may not be ready at this time.\n            _this3.$nextTick(function () {\n              _this3.$refs.treeControls.setState(options.visibility);\n            });\n          }\n        }\n        _this3.updateSettingsfromScene();\n        _this3.$module.updateTime(0.01);\n        _this3.$module.updateTime(0);\n        _this3.$module.unsetFinishDownloadCallback();\n        _this3.$emit(\"on-ready\");\n        _this3.isReady = true;\n      };\n    },\n    /**\n     * Function used for getting the current states of the scene. This exported states\n     * can be imported using the importStates method.\n     *\n     * @public\n     */\n    getState: function getState() {\n      var state = {\n        format: this.fileFormat,\n        url: this._currentURL,\n        viewport: undefined,\n        visibility: undefined\n      };\n      if (this.$refs.treeControls) state.visibility = this.$refs.treeControls.getState();\n      if (this.$module.scene) {\n        var zincCameraControls = this.$module.scene.getZincCameraControls();\n        state.viewport = zincCameraControls.getCurrentViewport();\n      }\n      return state;\n    },\n    /**\n     * Function used for importing the states of the scene. This exported states\n     * can be imported using the read states method.\n     *\n     * @public\n     */\n    setState: function setState(state) {\n      if (state) {\n        if (state.url && state.url !== this._currentURL) {\n          this.setURLAndState(state.url, {\n            fileFormat: state.fileFormat,\n            viewport: state.viewport,\n            visibility: state.visibility\n          });\n        } else {\n          if (state.viewport || state.visibility) {\n            if (this.isReady && this.$module.scene) {\n              if (state.viewport) this.$module.scene.getZincCameraControls().setCurrentCameraSettings(state.viewport);\n              if (state.visibility) this.$refs.treeControls.setState(state.visibility);\n            } else {\n              this.$module.setFinishDownloadCallback(this.setURLFinishCallback({\n                viewport: state.viewport,\n                visibility: state.visibility\n              }));\n            }\n          }\n        }\n      }\n    },\n    exportGLTF: function exportGLTF(binary) {\n      return this.$module.scene.exportGLTF(binary);\n    },\n    /**\n     * Function used for reading in new scaffold metadata and a custom\n     * viewport. This function will ignore the state prop and\n     * read in the new url.\n     *\n     * @public\n     */\n    setURLAndState: function setURLAndState(newValue, state) {\n      if (newValue != this._currentURL) {\n        if (state && state.format) this.fileFormat = state.format;\n        var viewport = state && state.viewport ? state.viewport : undefined;\n        var visibility = state && state.visibility ? state.visibility : undefined;\n        this._currentURL = newValue;\n        if (this.$refs.treeControls) this.$refs.treeControls.clear();\n        this.loading = true;\n        this.isReady = false;\n        this.$module.setFinishDownloadCallback(this.setURLFinishCallback({\n          viewport: viewport,\n          region: this.region,\n          viewURL: this.viewURL,\n          visibility: visibility\n        }));\n        if (this.fileFormat === \"gltf\") {\n          this.$module.loadGLTFFromURL(newValue, \"scene\", true);\n        } else {\n          this.$module.loadOrgansFromURL(newValue, undefined, undefined, \"scene\", undefined, true);\n        }\n        this.$_searchIndex.removeAll();\n        this.$_tempId = 1;\n        this.hideRegionTooltip();\n        this.$module.scene.displayMarkers = this.displayMarkers;\n        this.$module.scene.forcePickableObjectsUpdate = true;\n        this.$module.scene.displayMinimap = this.displayMinimap;\n        this.updateMinimapScissor();\n      }\n    },\n    /**\n     * Function used for reading in new scaffold metadata. This function will ignore\n     * the state prop and read in the new url.\n     *\n     * @public\n     */\n    setURL: function setURL(newValue) {\n      this.setURLAndState(newValue, undefined);\n    },\n    /**\n     * Callback when drawer is toggled.\n     */\n    drawerToggled: function drawerToggled(flag) {\n      this.drawerOpen = flag;\n      this.adjustLayout();\n    },\n    /**\n     * Callback using ResizeObserver.\n     */\n    adjustLayout: function adjustLayout() {\n      var width = this.$refs.scaffoldContainer.clientWidth;\n      this.minimisedSlider = width < 812;\n      if (this.minimisedSlider) {\n        this.sliderPosition = this.drawerOpen ? \"right\" : \"left\";\n      } else {\n        this.sliderPosition = \"\";\n      }\n    },\n    toggleRendering: function toggleRendering(flag) {\n      if (this.$module.zincRenderer) {\n        if (flag) {\n          this.$module.zincRenderer.animate();\n        } else {\n          this.$module.zincRenderer.stopAnimate();\n        }\n      }\n    },\n    forceResize: function forceResize() {\n      if (this.$module.zincRenderer) {\n        this.$module.zincRenderer.onWindowResize();\n      }\n    },\n    syncControlCallback: function syncControlCallback() {\n      var payload = this.$module.NDCCameraControl.getPanZoom();\n      if (this.tData.visible) {\n        this.showRegionTooltip(this.tData.label);\n      }\n      this.$emit(\"scaffold-navigated\", payload);\n    },\n    /**\n     * Rotate mode - \"none\", \"horizontal\", \"vertical\", \"free\" but\n     * it will be ignored if flag is set to false.\n     */\n    toggleSyncControl: function toggleSyncControl(flag, rotateMode) {\n      this.$module.toggleSyncControl(flag, rotateMode);\n      this.$module.setSyncControlCallback(this.syncControlCallback);\n    }\n  }\n});\n\n//# sourceURL=webpack://scaffoldvuer-wc/./src/components/ScaffoldVuer.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var element_ui_lib_theme_chalk_tabs_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! element-ui/lib/theme-chalk/tabs.css */ \"./node_modules/element-ui/lib/theme-chalk/tabs.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_tabs_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_tabs_css__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var element_ui_lib_theme_chalk_base_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! element-ui/lib/theme-chalk/base.css */ \"./node_modules/element-ui/lib/theme-chalk/base.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_base_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_base_css__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var element_ui_lib_tabs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! element-ui/lib/tabs */ \"./node_modules/element-ui/lib/tabs.js\");\n/* harmony import */ var element_ui_lib_tabs__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_tabs__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var element_ui_lib_theme_chalk_tab_pane_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! element-ui/lib/theme-chalk/tab-pane.css */ \"./node_modules/element-ui/lib/theme-chalk/tab-pane.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_tab_pane_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_tab_pane_css__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var element_ui_lib_tab_pane__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! element-ui/lib/tab-pane */ \"./node_modules/element-ui/lib/tab-pane.js\");\n/* harmony import */ var element_ui_lib_tab_pane__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_tab_pane__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var element_ui_lib_theme_chalk_slider_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! element-ui/lib/theme-chalk/slider.css */ \"./node_modules/element-ui/lib/theme-chalk/slider.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_slider_css__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_slider_css__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var element_ui_lib_slider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! element-ui/lib/slider */ \"./node_modules/element-ui/lib/slider.js\");\n/* harmony import */ var element_ui_lib_slider__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_slider__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var element_ui_lib_theme_chalk_select_css__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! element-ui/lib/theme-chalk/select.css */ \"./node_modules/element-ui/lib/theme-chalk/select.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_select_css__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_select_css__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var element_ui_lib_select__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! element-ui/lib/select */ \"./node_modules/element-ui/lib/select.js\");\n/* harmony import */ var element_ui_lib_select__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_select__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var element_ui_lib_theme_chalk_row_css__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! element-ui/lib/theme-chalk/row.css */ \"./node_modules/element-ui/lib/theme-chalk/row.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_row_css__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_row_css__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var element_ui_lib_row__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! element-ui/lib/row */ \"./node_modules/element-ui/lib/row.js\");\n/* harmony import */ var element_ui_lib_row__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_row__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var element_ui_lib_theme_chalk_popover_css__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! element-ui/lib/theme-chalk/popover.css */ \"./node_modules/element-ui/lib/theme-chalk/popover.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_popover_css__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_popover_css__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var element_ui_lib_popover__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! element-ui/lib/popover */ \"./node_modules/element-ui/lib/popover.js\");\n/* harmony import */ var element_ui_lib_popover__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_popover__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var element_ui_lib_theme_chalk_option_css__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! element-ui/lib/theme-chalk/option.css */ \"./node_modules/element-ui/lib/theme-chalk/option.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_option_css__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_option_css__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var element_ui_lib_option__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! element-ui/lib/option */ \"./node_modules/element-ui/lib/option.js\");\n/* harmony import */ var element_ui_lib_option__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_option__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var element_ui_lib_theme_chalk_loading_css__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! element-ui/lib/theme-chalk/loading.css */ \"./node_modules/element-ui/lib/theme-chalk/loading.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_loading_css__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_loading_css__WEBPACK_IMPORTED_MODULE_15__);\n/* harmony import */ var element_ui_lib_loading__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! element-ui/lib/loading */ \"./node_modules/element-ui/lib/loading.js\");\n/* harmony import */ var element_ui_lib_loading__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_loading__WEBPACK_IMPORTED_MODULE_16__);\n/* harmony import */ var element_ui_lib_theme_chalk_col_css__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! element-ui/lib/theme-chalk/col.css */ \"./node_modules/element-ui/lib/theme-chalk/col.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_col_css__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_col_css__WEBPACK_IMPORTED_MODULE_17__);\n/* harmony import */ var element_ui_lib_col__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! element-ui/lib/col */ \"./node_modules/element-ui/lib/col.js\");\n/* harmony import */ var element_ui_lib_col__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_col__WEBPACK_IMPORTED_MODULE_18__);\n/* harmony import */ var element_ui_lib_theme_chalk_button_css__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! element-ui/lib/theme-chalk/button.css */ \"./node_modules/element-ui/lib/theme-chalk/button.css\");\n/* harmony import */ var element_ui_lib_theme_chalk_button_css__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_theme_chalk_button_css__WEBPACK_IMPORTED_MODULE_19__);\n/* harmony import */ var element_ui_lib_button__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! element-ui/lib/button */ \"./node_modules/element-ui/lib/button.js\");\n/* harmony import */ var element_ui_lib_button__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_button__WEBPACK_IMPORTED_MODULE_20__);\n/* harmony import */ var core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! core-js/modules/es.number.to-fixed.js */ \"./node_modules/core-js/modules/es.number.to-fixed.js\");\n/* harmony import */ var core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_21__);\n/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ \"./node_modules/core-js/modules/es.array.iterator.js\");\n/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_22__);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ \"./node_modules/core-js/modules/es.object.to-string.js\");\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_23__);\n/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ \"./node_modules/core-js/modules/es.string.iterator.js\");\n/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_24___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_24__);\n/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ \"./node_modules/core-js/modules/web.dom-collections.iterator.js\");\n/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_25___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_25__);\n/* harmony import */ var core_js_modules_web_url_js__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! core-js/modules/web.url.js */ \"./node_modules/core-js/modules/web.url.js\");\n/* harmony import */ var core_js_modules_web_url_js__WEBPACK_IMPORTED_MODULE_26___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_url_js__WEBPACK_IMPORTED_MODULE_26__);\n/* harmony import */ var core_js_modules_web_url_search_params_js__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! core-js/modules/web.url-search-params.js */ \"./node_modules/core-js/modules/web.url-search-params.js\");\n/* harmony import */ var core_js_modules_web_url_search_params_js__WEBPACK_IMPORTED_MODULE_27___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_url_search_params_js__WEBPACK_IMPORTED_MODULE_27__);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ \"./node_modules/core-js/modules/web.dom-collections.for-each.js\");\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_28___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_28__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_29___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_29__);\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ \"./node_modules/core-js/modules/es.regexp.exec.js\");\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_30___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_30__);\n/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! core-js/modules/es.string.search.js */ \"./node_modules/core-js/modules/es.string.search.js\");\n/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_31___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_31__);\n/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ \"./node_modules/core-js/modules/es.object.keys.js\");\n/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_32___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_32__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! vue */ \"vue\");\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_33___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_33__);\n/* harmony import */ var _OpacityControls__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./OpacityControls */ \"./src/components/OpacityControls.vue\");\n/* harmony import */ var _ScaffoldTooltip__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./ScaffoldTooltip */ \"./src/components/ScaffoldTooltip.vue\");\n/* harmony import */ var _TreeControls__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./TreeControls */ \"./src/components/TreeControls.vue\");\n/* harmony import */ var _abi_software_svg_sprite__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! @abi-software/svg-sprite */ \"./node_modules/@abi-software/svg-sprite/dist/svg-sprite.common.js\");\n/* harmony import */ var _abi_software_svg_sprite__WEBPACK_IMPORTED_MODULE_37___default = /*#__PURE__*/__webpack_require__.n(_abi_software_svg_sprite__WEBPACK_IMPORTED_MODULE_37__);\n/* harmony import */ var _scripts_utilities_js__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ../scripts/utilities.js */ \"./src/scripts/utilities.js\");\n/* harmony import */ var _scripts_search_js__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../scripts/search.js */ \"./src/scripts/search.js\");\n/* harmony import */ var element_ui_lib_locale_lang_en__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! element-ui/lib/locale/lang/en */ \"./node_modules/element-ui/lib/locale/lang/en.js\");\n/* harmony import */ var element_ui_lib_locale_lang_en__WEBPACK_IMPORTED_MODULE_40___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_locale_lang_en__WEBPACK_IMPORTED_MODULE_40__);\n/* harmony import */ var element_ui_lib_locale__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! element-ui/lib/locale */ \"./node_modules/element-ui/lib/locale/index.js\");\n/* harmony import */ var element_ui_lib_locale__WEBPACK_IMPORTED_MODULE_41___default = /*#__PURE__*/__webpack_require__.n(element_ui_lib_locale__WEBPACK_IMPORTED_MODULE_41__);\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* eslint-disable no-alert, no-console */\n\n\n\n\n\n\n\n\n\nelement_ui_lib_locale__WEBPACK_IMPORTED_MODULE_41___default.a.use(element_ui_lib_locale_lang_en__WEBPACK_IMPORTED_MODULE_40___default.a);\nvue__WEBPACK_IMPORTED_MODULE_33___default.a.use(element_ui_lib_button__WEBPACK_IMPORTED_MODULE_20___default.a);\nvue__WEBPACK_IMPORTED_MODULE_33___default.a.use(element_ui_lib_col__WEBPACK_IMPORTED_MODULE_18___default.a);\nvue__WEBPACK_IMPORTED_MODULE_33___default.a.use(element_ui_lib_loading__WEBPACK_IMPORTED_MODULE_16___default.a.directive);\nvue__WEBPACK_IMPORTED_MODULE_33___default.a.use(element_ui_lib_option__WEBPACK_IMPORTED_MODULE_14___default.a);\nvue__WEBPACK_IMPORTED_MODULE_33___default.a.use(element_ui_lib_popover__WEBPACK_IMPORTED_MODULE_12___default.a);\nvue__WEBPACK_IMPORTED_MODULE_33___default.a.use(element_ui_lib_row__WEBPACK_IMPORTED_MODULE_10___default.a);\nvue__WEBPACK_IMPORTED_MODULE_33___default.a.use(element_ui_lib_select__WEBPACK_IMPORTED_MODULE_8___default.a);\nvue__WEBPACK_IMPORTED_MODULE_33___default.a.use(element_ui_lib_slider__WEBPACK_IMPORTED_MODULE_6___default.a);\nvue__WEBPACK_IMPORTED_MODULE_33___default.a.use(element_ui_lib_tab_pane__WEBPACK_IMPORTED_MODULE_4___default.a);\nvue__WEBPACK_IMPORTED_MODULE_33___default.a.use(element_ui_lib_tabs__WEBPACK_IMPORTED_MODULE_2___default.a);\nvar OrgansViewer = __webpack_require__(/*! ../scripts/organsRenderer */ \"./src/scripts/organsRenderer.js\").OrgansViewer;\nvar EventNotifier = __webpack_require__(/*! ../scripts/eventNotifier */ \"./src/scripts/eventNotifier.js\").EventNotifier;\n\n/**\n * A vue component of the scaffold viewer.\n *\n * @requires ./OpacityControls.vue\n * @requires ./TreeControls.vue\n */\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"ScaffoldVuer\",\n  components: {\n    MapSvgIcon: _abi_software_svg_sprite__WEBPACK_IMPORTED_MODULE_37__[\"MapSvgIcon\"],\n    MapSvgSpriteColor: _abi_software_svg_sprite__WEBPACK_IMPORTED_MODULE_37__[\"MapSvgSpriteColor\"],\n    OpacityControls: _OpacityControls__WEBPACK_IMPORTED_MODULE_34__[\"default\"],\n    ScaffoldTooltip: _ScaffoldTooltip__WEBPACK_IMPORTED_MODULE_35__[\"default\"],\n    TreeControls: _TreeControls__WEBPACK_IMPORTED_MODULE_36__[\"default\"]\n  },\n  props: {\n    /**\n     * URL of the zincjs metadata. This value will be ignored if a valid\n     * state prop is also provided.\n     * If the url needs to be updated with state present, please use\n     * the setURL method.\n     */\n    url: {\n      type: String,\n      default: \"\"\n    },\n    /**\n     * Show the colour control of set to true.\n     */\n    showColourPicker: {\n      type: Boolean,\n      default: false\n    },\n    /**\n     * Flag to show/hide the UI.\n     */\n    displayUI: {\n      type: Boolean,\n      default: true\n    },\n    /**\n     * Display all graphics at start.\n     *\n     * This setting only works when traditional is set to false.\n     */\n    displayAtStartUp: {\n      type: Boolean,\n      default: true\n    },\n    /**\n     * Use for toggling the help tooltips.\n     */\n    helpMode: {\n      type: Boolean,\n      default: false\n    },\n    /**\n     * Use for show/display beta warning icon.\n     */\n    displayWarning: {\n      type: Boolean,\n      default: true\n    },\n    /**\n     * Warning message for the hovered over text\n     * on the warning icon.\n     */\n    warningMessage: {\n      type: String,\n      default: \"Beta feature - under active development\"\n    },\n    displayLatestChanges: {\n      type: Boolean,\n      default: false\n    },\n    latestChangesMessage: {\n      type: String,\n      default: \"New feature - Local search is now available\"\n    },\n    /**\n     * Show/hide pickable markers for regions.\n     */\n    displayMarkers: {\n      type: Boolean,\n      default: false\n    },\n    /**\n     * Show/hide minimap.\n     */\n    displayMinimap: {\n      type: Boolean,\n      default: false\n    },\n    /**\n     * Format of the input URL\n     */\n    format: {\n      type: String,\n      default: \"metadata\"\n    },\n    /**\n     * Settings for minimap position, size and alignment.\n     */\n    minimapSettings: {\n      type: Object,\n      default: function _default() {\n        return {\n          x_offset: 16,\n          y_offset: 16,\n          width: 128,\n          height: 128,\n          align: \"top-right\"\n        };\n      }\n    },\n    /**\n     * Flag to determine rather open map UI should be\n     * presented or not.\n     */\n    enableOpenMapUI: {\n      type: Boolean,\n      default: false\n    },\n    openMapOptions: {\n      type: Array,\n      default: function _default() {\n        return [{\n          display: \"Open AC Map\",\n          key: \"AC\"\n        }, {\n          display: \"Open FC Map\",\n          key: \"FC\"\n        }, {\n          display: \"Open 3D Human Map\",\n          key: \"3D\"\n        }];\n      }\n    },\n    /**\n     * State containing state of the scaffold.\n     */\n    state: {\n      type: Object,\n      default: undefined\n    },\n    /**\n     * Optional prop for the name of the region to focus on,\n     * this option is ignored if state or viewURL is also provided.\n     */\n    region: {\n      type: String,\n      default: \"\"\n    },\n    /**\n     * Optional prop for an URL of containing information of a viewport.\n     * This option is ignored if state is also provided.\n     * It will use the provided URL as base if a relative parth is provided.\n     */\n    viewURL: {\n      type: String,\n      default: \"\"\n    },\n    /**\n     * Settings for turning on/off rendering\n     */\n    render: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data: function data() {\n    return {\n      sceneData: this.$module.sceneData,\n      isPlaying: false,\n      isReady: false,\n      /**\n       * This is set when scene is transitioning.\n       */\n      isTransitioning: false,\n      tooltipAppendToBody: false,\n      hoverVisibilities: [{\n        value: false\n      }, {\n        value: false\n      }, {\n        value: false\n      }, {\n        value: false\n      }, {\n        value: false\n      }, {\n        value: false\n      }, {\n        value: false\n      }, {\n        value: false\n      }, {\n        value: false\n      }],\n      inHelp: false,\n      loading: false,\n      duration: 3000,\n      drawerOpen: true,\n      currentBackground: \"white\",\n      availableBackground: [\"white\", \"lightskyblue\", \"black\"],\n      minimisedSlider: false,\n      sliderPosition: \"\",\n      timeMax: 100,\n      orginalDuration: \"\",\n      animateDuration: \"6secs\",\n      playSpeed: [{\n        value: 0.1,\n        label: \"0.1x\"\n      }, {\n        value: 0.5,\n        label: \"0.5x\"\n      }, {\n        value: 1,\n        label: \"1x\"\n      }, {\n        value: 2,\n        label: \"2x\"\n      }, {\n        value: 5,\n        label: \"5x\"\n      }, {\n        value: 10,\n        label: \"10x\"\n      }],\n      currentSpeed: 1,\n      timeStamps: {},\n      defaultCheckedKeys: [],\n      tData: {\n        label: \"\",\n        region: \"\",\n        visible: false,\n        x: 200,\n        y: 200\n      },\n      fileFormat: \"metadata\"\n    };\n  },\n  watch: {\n    format: {\n      handler: function handler(value) {\n        this.fileFormat = value;\n      },\n      immediate: true\n    },\n    url: {\n      handler: function handler(newValue) {\n        if (this.state === undefined || this.state.url === undefined) this.setURL(newValue);\n      },\n      immediate: true\n    },\n    region: {\n      handler: function handler(region) {\n        if (!(this.state || this.viewURL)) this.setFocusedRegion(region);\n      },\n      immediate: true\n    },\n    state: {\n      handler: function handler(state) {\n        this.setState(state);\n      },\n      immediate: true,\n      deep: true\n    },\n    viewURL: {\n      handler: function handler(viewURL) {\n        this.updateViewURL(viewURL);\n      },\n      immediate: true\n    },\n    helpMode: function helpMode(val) {\n      this.setHelpMode(val);\n    },\n    displayMarkers: function displayMarkers(val) {\n      this.$module.scene.displayMarkers = val;\n      //Update pickable objects\n      this.$module.scene.forcePickableObjectsUpdate = true;\n    },\n    displayMinimap: function displayMinimap(val) {\n      this.$module.scene.displayMinimap = val;\n    },\n    \"sceneData.currentTime\": function sceneDataCurrentTime() {\n      /**\n       * Triggers when scene time changes.\n       *\n       * @property {number} time Current build-in time of scene.\n       * of selected object.\n       */\n      this.$emit(\"timeChanged\", this.sceneData.currentTime);\n    },\n    duration: function duration() {\n      this.$module.scene.setDuration(this.duration);\n    },\n    minimapSettings: {\n      deep: true,\n      handler: \"updateMinimapScissor\"\n    },\n    render: function render(val) {\n      this.toggleRendering(val);\n    }\n  },\n  beforeCreate: function beforeCreate() {\n    this.$module = new OrgansViewer();\n    this.selectedObjects = [];\n    this.hoveredObjects = [];\n    this.currentBackground = \"white\";\n    this._currentURL = undefined;\n    this.availableBackground = [\"white\", \"black\", \"lightskyblue\"];\n    this.$_searchIndex = new _scripts_search_js__WEBPACK_IMPORTED_MODULE_39__[\"SearchIndex\"]();\n    this.$_tempId = 1;\n  },\n  mounted: function mounted() {\n    this.$refs.treeControls.setModule(this.$module);\n    var eventNotifier = new EventNotifier();\n    eventNotifier.subscribe(this, this.eventNotifierCallback);\n    this.$module.addNotifier(eventNotifier);\n    this.$module.addOrganPartAddedCallback(this.zincObjectAdded);\n    this.$module.initialiseRenderer(this.$refs.display);\n    this.toggleRendering(this.render);\n    this.ro = new ResizeObserver(this.adjustLayout).observe(this.$refs.scaffoldContainer);\n    this.defaultRate = this.$module.getPlayRate();\n  },\n  beforeDestroy: function beforeDestroy() {\n    if (this.ro) this.ro.disconnect();\n    this.$module.destroy();\n    this.$module = undefined;\n  },\n  methods: {\n    /**\n     * This is called when a new zinc object is read into the scene.\n     */\n    zincObjectAdded: function zincObjectAdded(zincObject) {\n      this.loading = false;\n      zincObject.searchIndexId = ++this.$_tempId;\n      this.$_searchIndex.addZincObject(zincObject, zincObject.searchIndexId);\n      this.$emit(\"zinc-object-added\", zincObject);\n    },\n    /**\n     * This is called when Change backgspeedround colour button\n     * is pressed an causes the backgrouColornd colour to be changed\n     * to one of the three preset colour: white, black and\n     * lightskyblue.\n     */\n    backgroundChangeCallback: function backgroundChangeCallback(colour) {\n      this.currentBackground = colour;\n      this.$module.zincRenderer.getThreeJSRenderer().setClearColor(this.currentBackground, 1);\n    },\n    /**\n     * This is called by captueeScreenshot and after the last render\n     * loop, it download a screenshot of the current scene with no UI.\n     */\n    captureScreenshotCallback: function captureScreenshotCallback() {\n      //Remove the callback, only needs to happen once\n      this.$module.zincRenderer.removePostRenderCallbackFunction(this.captureID);\n      var screenshot = this.$module.zincRenderer.getThreeJSRenderer().domElement.toDataURL(\"image/png\");\n      var hrefElement = document.createElement(\"a\");\n      document.body.append(hrefElement);\n      if (!this.captureFilename) hrefElement.download = \"screenshot.png\";else hrefElement.download = this.captureFilename;\n      hrefElement.href = screenshot;\n      hrefElement.click();\n      hrefElement.remove();\n    },\n    /**\n     * Function for capturing a screenshot of the current rendering.\n     *\n     * @param {String} filename filename given to the screenshot.\n     *\n     * @public\n     */\n    captureScreenshot: function captureScreenshot(filename) {\n      this.captureFilename = filename;\n      this.captureID = this.$module.zincRenderer.addPostRenderCallbackFunction(this.captureScreenshotCallback);\n    },\n    formatTooltip: function formatTooltip(val) {\n      if (this.timeMax >= 1000) {\n        if (val) {\n          var sec = (val % 60000 / 1000).toFixed(2) + \"s\";\n          var min = val > 60000 ? (val / 60000).toFixed(0) + \"m \" : \"\";\n          return min + sec;\n        }\n      }\n      return val ? val.toFixed(2) + \" ms\" : \"0 ms\";\n    },\n    /**\n     * Function to reset the view to default.\n     * Also called when the associated button is pressed.\n     *\n     * @public\n     */\n    fitWindow: function fitWindow() {\n      if (this.$module.scene) {\n        this.$module.scene.viewAll();\n      }\n    },\n    /**\n     * Function to zoom in.\n     * Also called when the associated button is pressed.\n     *\n     * @public\n     */\n    zoomIn: function zoomIn() {\n      if (this.$module.scene) {\n        this.$module.scene.changeZoomByScrollRateUnit(-1);\n      }\n    },\n    /**\n     * Function to zoom out.\n     * Also called when the associated button is pressed.\n     *\n     * @public\n     */\n    zoomOut: function zoomOut() {\n      if (this.$module.scene) {\n        this.$module.scene.changeZoomByScrollRateUnit(1);\n      }\n    },\n    /**\n     * Function to change the current play speed.\n     *\n     * @public\n     */\n    speedChanged: function speedChanged(speed) {\n      this.currentSpeed = speed;\n      this.$module.setPlayRate(this.defaultRate * this.currentSpeed);\n    },\n    /**\n     * Function used to stop the free spin\n     *\n     * @public\n     */\n    stopFreeSpin: function stopFreeSpin() {\n      var cameracontrol = this.$module.scene.getZincCameraControls();\n      cameracontrol.stopAutoTumble();\n      this.isTransitioning = false;\n    },\n    findObjectsWithGroupName: function findObjectsWithGroupName(name) {\n      var objects = [];\n      if (name && name != \"\" && this.$module.scene) {\n        objects = this.$module.scene.findObjectsWithGroupName(name);\n      }\n      return objects;\n    },\n    /**\n     * Focus on named region\n     */\n    viewRegion: function viewRegion(names) {\n      var rootRegion = this.$module.scene.getRootRegion();\n      var groups = Array.isArray(names) ? names : [names];\n      var objects = Object(_scripts_utilities_js__WEBPACK_IMPORTED_MODULE_38__[\"findObjectsWithNames\"])(rootRegion, groups, \"\", true);\n      var box = this.$module.scene.getBoundingBoxOfZincObjects(objects);\n      if (box) {\n        if (this.$module.isSyncControl()) {\n          this.$module.setSyncControlZoomToBox(box);\n        } else {\n          var dist = this.$module.scene.camera.far - this.$module.scene.camera.near;\n          this.$module.scene.viewAllWithBoundingBox(box);\n          this.$module.scene.camera.far = this.$module.scene.camera.near + dist;\n          this.$module.scene.camera.updateProjectionMatrix();\n        }\n        return true;\n      }\n      return false;\n    },\n    setFocusedRegion: function setFocusedRegion(name) {\n      if (name) {\n        if (this.isReady) {\n          this.viewRegion(name);\n        } else {\n          this.$module.setFinishDownloadCallback(this.setURLFinishCallback({\n            region: name\n          }));\n        }\n      }\n    },\n    updateViewURL: function updateViewURL(viewURL) {\n      if (viewURL) {\n        if (this.isReady) {\n          var url = new URL(viewURL, this.url);\n          this.$module.scene.loadViewURL(url);\n        } else {\n          this.$module.setFinishDownloadCallback(this.setURLFinishCallback({\n            viewURL: viewURL\n          }));\n        }\n      }\n    },\n    getRendererInfo: function getRendererInfo() {\n      if (this.$module.zincRenderer) {\n        return this.$module.zincRenderer.getThreeJSRenderer().info;\n      }\n      return undefined;\n    },\n    /**\n     * Function used to rotate the scene.\n     * Also called when the associated button is pressed.\n     *\n     * @public\n     */\n    freeSpin: function freeSpin() {\n      if (this.$module.scene) {\n        var cameracontrol = this.$module.scene.getZincCameraControls();\n        this.isTransitioning = true;\n        cameracontrol.enableAutoTumble();\n        cameracontrol.autoTumble([1.0, 0.0], Math.PI, true);\n        setTimeout(this.stopFreeSpin, 4000);\n      }\n    },\n    /**\n     * Callback when a region is selected/highlighted.\n     * It will also update other controls.\n     *\n     */\n    eventNotifierCallback: function eventNotifierCallback(event) {\n      var names = [];\n      var zincObjects = [];\n      var region = undefined;\n      if (event.eventType == 1 || event.eventType == 2) {\n        event.identifiers.forEach(function (identifier) {\n          if (identifier) {\n            var id = identifier.data.id ? identifier.data.id : identifier.data.group;\n            names.push(id);\n          }\n        });\n        zincObjects = event.zincObjects;\n      }\n      /*\n       * Event Type 1: Selected\n       * Event Type 2: Highlighted\n       * Event Type 1: Move\n       */\n      if (event.eventType == 1) {\n        if (this.$refs.treeControls) {\n          if (names.length > 0) {\n            //this.$refs.treeControls.changeActiveByNames(names, region, false);\n            this.$refs.treeControls.updateActiveUI(zincObjects);\n          } else {\n            this.hideRegionTooltip();\n            this.$refs.treeControls.removeActive(true);\n          }\n        }\n        // Triggers when an object has been selected\n        this.$emit(\"scaffold-selected\", event.identifiers);\n      } else if (event.eventType == 2) {\n        if (this.selectedObjects.length === 0) {\n          this.hideRegionTooltip();\n          // const offsets = this.$refs.scaffoldContainer.getBoundingClientRect();\n          if (this.$refs.treeControls) {\n            if (names.length > 0) {\n              //this.$refs.treeControls.changeHoverByNames(names, region, false);\n              this.$refs.treeControls.updateHoverUI(zincObjects);\n            } else {\n              this.$refs.treeControls.removeHover(true);\n            }\n          }\n          if (event.identifiers.length > 0 && event.identifiers[0]) {\n            var id = event.identifiers[0].data.id ? event.identifiers[0].data.id : event.identifiers[0].data.group;\n            if (event.identifiers[0].coords) {\n              this.tData.visible = true;\n              this.tData.label = id;\n              if (event.identifiers[0].data.region) this.tData.region = event.identifiers[0].data.region;else this.tData.region = \"Root\";\n              this.tData.x = event.identifiers[0].coords.x;\n              this.tData.y = event.identifiers[0].coords.y;\n            }\n          }\n          // Triggers when an object has been highlighted\n          this.$emit(\"scaffold-highlighted\", event.identifiers);\n        }\n      } else if (event.eventType == 3) {\n        //MOVE\n        if (event.identifiers.length > 0 && event.identifiers[0]) {\n          if (event.identifiers[0].coords) {\n            var offsets = this.$refs.scaffoldContainer.getBoundingClientRect();\n            this.tData.x = event.identifiers[0].coords.x - offsets.left;\n            this.tData.y = event.identifiers[0].coords.y - offsets.top;\n          }\n        }\n      }\n    },\n    /**\n     * Get the coordinates of the current selected region.\n     *\n     * @public\n     */\n    getCoordinatesOfSelected: function getCoordinatesOfSelected() {\n      if (this.selectedObjects && this.selectedObjects.length > 0) {\n        return this.$module.scene.getObjectsScreenXY(this.selectedObjects);\n      }\n      return undefined;\n    },\n    /**\n     * Return an object containing the window coordinates of the\n     * current selected region which will be updated after each render\n     * loop.\n     *\n     * @public\n     */\n    getDynamicSelectedCoordinates: function getDynamicSelectedCoordinates() {\n      return this.$module.selectedScreenCoordinates;\n    },\n    /**\n     * Callback when time is changed through the UI.\n     */\n    timeChange: function timeChange(event) {\n      var normalizedTime = event / this.timeMax * 100;\n      if (normalizedTime != this.sceneData.currentTime) this.$module.updateTime(normalizedTime);\n    },\n    /**\n     * A callback used by children components. Set the selected zinc object\n     *\n     * @param {object} object Zinc object\n     */\n    objectSelected: function objectSelected(objects, propagate) {\n      this.selectedObjects = objects;\n      if (this.selectedObjects && this.selectedObjects.length > 0) this.$refs.opacityControl.setObject(this.selectedObjects[0]);\n      this.$module.setSelectedByZincObjects(objects, undefined, propagate);\n    },\n    /**\n     * A callback used by children components. Set the highlighted zinc object\n     *\n     * @param {object} object Zinc object\n     */\n    objectHovered: function objectHovered(objects, propagate) {\n      this.hoveredObjects = objects;\n      this.$module.setHighlightedByZincObjects(objects, undefined, propagate);\n    },\n    /**\n     * Set the selected by name.\n     *\n     * @param {} name Name of the group\n     */\n    changeActiveByName: function changeActiveByName(names, region, propagate) {\n      var isArray = Array.isArray(names);\n      if (names === undefined || isArray && names.length === 0) {\n        this.$refs.treeControls.removeActive(propagate);\n      } else {\n        var array = names;\n        if (!isArray) array = [array];\n        this.$refs.treeControls.changeActiveByNames(array, region, propagate);\n      }\n    },\n    /**\n     * Set the highlighted by name.\n     *\n     * @param {name} name Name of the group\n     */\n    changeHighlightedByName: function changeHighlightedByName(names, region, propagate) {\n      var isArray = Array.isArray(names);\n      if (names === undefined || isArray && names.length === 0) {\n        this.$refs.treeControls.removeHover(propagate);\n      } else {\n        var array = names;\n        if (!isArray) array = [array];\n        this.$refs.treeControls.changeHoverByNames(array, region, propagate);\n      }\n    },\n    /**\n     * Start the animation.\n     *\n     * @param {object} object Zinc object\n     */\n    play: function play(flag) {\n      this.$module.playAnimation(flag);\n      this.isPlaying = flag;\n      //Hide tooltip as location may\n      //this.hideRegionTooltip();\n    },\n\n    /**\n     * Function to toggle on/off overlay help.\n     */\n    setHelpMode: function setHelpMode(helpMode) {\n      if (helpMode) {\n        this.inHelp = true;\n        this.hoverVisibilities.forEach(function (item) {\n          item.value = true;\n        });\n      } else {\n        this.inHelp = false;\n        this.hoverVisibilities.forEach(function (item) {\n          item.value = false;\n        });\n      }\n    },\n    /**\n     * Callback function used by showRegionTooltip in the case when the tooltip\n     * is out of view.\n     */\n    displayTooltipOfObjectsCallback: function displayTooltipOfObjectsCallback(name, objects, resetView, liveUpdates) {\n      var instance = this;\n      return function () {\n        instance.$module.zincRenderer.removePostRenderCallbackFunction(instance.$_regionTooltipCallback);\n        instance.$_regionTooltipCallback = undefined;\n        instance.displayTooltipOfObjects(name, objects, resetView, liveUpdates);\n      };\n    },\n    liveUpdateTooltipPosition: function liveUpdateTooltipPosition() {\n      if (this.$module.selectedCenter) {\n        this.tData.x = this.$module.selectedScreenCoordinates.x;\n        this.tData.y = this.$module.selectedScreenCoordinates.y;\n      }\n    },\n    displayTooltipOfObjects: function displayTooltipOfObjects(name, objects, resetView, liveUpdates) {\n      if (objects.length > 0) {\n        var coords = objects[0].getClosestVertexDOMElementCoords(this.$module.scene);\n        if (coords) {\n          //The coords is not in view, view all if resetView flag is true\n          if (!coords.inView) {\n            this.hideRegionTooltip();\n            if (resetView) {\n              this.$module.scene.viewAll();\n              //Use the post render callback to make sure the scene has been updated\n              //before getting the position of the tooltip.\n              if (this.$_regionTooltipCallback) {\n                this.$module.zincRenderer.removePostRenderCallbackFunction(this.$_regionTooltipCallback);\n              }\n              this.$_regionTooltipCallback = this.$module.zincRenderer.addPostRenderCallbackFunction(this.displayTooltipOfObjectsCallback(name, objects, resetView, liveUpdates));\n            }\n          } else {\n            this.tData.visible = true;\n            this.tData.label = name;\n            this.tData.x = coords.position.x;\n            this.tData.y = coords.position.y;\n            var regionPath = objects[0].getRegion().getFullPath();\n            if (regionPath) this.tData.region = regionPath;else this.tData.region = \"Root\";\n            if (liveUpdates) {\n              this.$module.setupLiveCoordinates(objects);\n              if (this.$_liveCoordinatesUpdated) {\n                this.$module.zincRenderer.removePostRenderCallbackFunction(this.$_liveCoordinatesUpdated);\n              }\n              this.$_liveCoordinatesUpdated = this.$module.zincRenderer.addPostRenderCallbackFunction(this.liveUpdateTooltipPosition);\n            }\n          }\n          return true;\n        }\n      }\n      this.hideRegionTooltip();\n      return false;\n    },\n    /**\n     * Display the tooltip. When resetView is set to true, it will\n     * reset view if the tooltip is not in view.\n     * Setting liveUpdates to true will update the tooltip location\n     * at every rendering loop.\n     */\n    showRegionTooltip: function showRegionTooltip(name, resetView, liveUpdates) {\n      if (name && this.$module.scene) {\n        var rootRegion = this.$module.scene.getRootRegion();\n        var groups = [name];\n        var objects = Object(_scripts_utilities_js__WEBPACK_IMPORTED_MODULE_38__[\"findObjectsWithNames\"])(rootRegion, groups, \"\", true);\n        return this.displayTooltipOfObjects(name, objects, resetView, liveUpdates);\n      }\n      this.hideRegionTooltip();\n      return false;\n    },\n    hideRegionTooltip: function hideRegionTooltip() {\n      if (this.$_liveCoordinatesUpdated) {\n        this.$module.zincRenderer.removePostRenderCallbackFunction(this.$_liveCoordinatesUpdated);\n        //Unset the tracking\n        this.$module.setupLiveCoordinates(undefined);\n      }\n      this.tData.visible = false;\n      this.tData.region = \"Root\";\n    },\n    /**\n     * This is called when mouse cursor enters supported elements\n     * with help tootltips.\n     */\n    showHelpText: function showHelpText(helpTextNumber) {\n      var _this = this;\n      if (!this.inHelp) {\n        this.helpTextWait = setTimeout(function () {\n          _this.hoverVisibilities[helpTextNumber].value = true;\n        }, 500);\n      }\n    },\n    /**\n     * This is called when mouse cursor exits supported element..\n     */\n    hideHelpText: function hideHelpText(helpTextNumber) {\n      if (!this.inHelp) {\n        this.hoverVisibilities[helpTextNumber].value = false;\n        clearTimeout(this.helpTextWait);\n      }\n    },\n    search: function search(text, displayLabel) {\n      if (this.$_searchIndex) {\n        if (text === undefined || text === \"\" || Array.isArray(text) && text.length === 0) {\n          this.objectSelected([], true);\n          return false;\n        } else {\n          var zincObjectResults = [];\n          if (Array.isArray(text)) {\n            //zincObjectResults = this.$_searchIndex.search(\"Heart\");\n            zincObjectResults = this.$_searchIndex.searchTerms(text);\n          } else {\n            zincObjectResults = this.$_searchIndex.search(text);\n          }\n          if (zincObjectResults.length > 0) {\n            this.objectSelected(zincObjectResults, true);\n            if (displayLabel) {\n              for (var i = 0; i < zincObjectResults.length; i++) {\n                if (zincObjectResults[i] && zincObjectResults[i].groupName) {\n                  this.showRegionTooltip(zincObjectResults[i].groupName, true, true);\n                }\n              }\n            }\n            return true;\n          } else {\n            this.objectSelected([], true);\n          }\n        }\n      }\n      return false;\n    },\n    /**\n     * Get the list of suggested terms\n     */\n    fetchSuggestions: function fetchSuggestions(term) {\n      if (this.$_searchIndex === undefined) return [];\n      return this.$_searchIndex.auto_suggest(term);\n    },\n    /**\n     * Called when minimap settings has changed. Pass the\n     * parameters to ZincJS and marked it for update.\n     */\n    updateMinimapScissor: function updateMinimapScissor() {\n      var _this2 = this;\n      Object.keys(this.minimapSettings).forEach(function (key) {\n        _this2.$module.scene.minimapScissor[key] = _this2.minimapSettings[key];\n      });\n      this.$module.scene.minimapScissor.updateRequired = true;\n    },\n    updateSettingsfromScene: function updateSettingsfromScene() {\n      this.currentSpeed = 1;\n      this.$module.setPlayRate(this.defaultRate);\n      this.orginalDuration = this.$module.scene.getMetadataTag(\"OriginalDuration\");\n      this.animateDuration = this.$module.scene.getMetadataTag(\"Duration\");\n      var timeStamps = this.$module.scene.getMetadataTag(\"TimeStamps\");\n      this.timeStamps = {};\n      for (var key in timeStamps) {\n        this.timeStamps[timeStamps[key]] = key;\n      }\n      this.timeMax = this.$module.scene.getDuration();\n    },\n    setURLFinishCallback: function setURLFinishCallback(options) {\n      var _this3 = this;\n      return function () {\n        if (options) {\n          if (options.viewport) {\n            _this3.$module.scene.getZincCameraControls().setCurrentCameraSettings(options.viewport);\n          } else if (options.viewURL && options.viewURL !== \"\") {\n            var url = new URL(options.viewURL, _this3.url);\n            _this3.$module.scene.loadViewURL(url);\n          } else if (options.region && options.region !== \"\") {\n            _this3.viewRegion(options.region);\n          }\n          if (options.visibility) {\n            // Some UIs may not be ready at this time.\n            _this3.$nextTick(function () {\n              _this3.$refs.treeControls.setState(options.visibility);\n            });\n          }\n        }\n        _this3.updateSettingsfromScene();\n        _this3.$module.updateTime(0.01);\n        _this3.$module.updateTime(0);\n        _this3.$module.unsetFinishDownloadCallback();\n        _this3.$emit(\"on-ready\");\n        _this3.isReady = true;\n      };\n    },\n    /**\n     * Function used for getting the current states of the scene. This exported states\n     * can be imported using the importStates method.\n     *\n     * @public\n     */\n    getState: function getState() {\n      var state = {\n        format: this.fileFormat,\n        url: this._currentURL,\n        viewport: undefined,\n        visibility: undefined\n      };\n      if (this.$refs.treeControls) state.visibility = this.$refs.treeControls.getState();\n      if (this.$module.scene) {\n        var zincCameraControls = this.$module.scene.getZincCameraControls();\n        state.viewport = zincCameraControls.getCurrentViewport();\n      }\n      return state;\n    },\n    /**\n     * Function used for importing the states of the scene. This exported states\n     * can be imported using the read states method.\n     *\n     * @public\n     */\n    setState: function setState(state) {\n      if (state) {\n        if (state.url && state.url !== this._currentURL) {\n          this.setURLAndState(state.url, {\n            fileFormat: state.fileFormat,\n            viewport: state.viewport,\n            visibility: state.visibility\n          });\n        } else {\n          if (state.viewport || state.visibility) {\n            if (this.isReady && this.$module.scene) {\n              if (state.viewport) this.$module.scene.getZincCameraControls().setCurrentCameraSettings(state.viewport);\n              if (state.visibility) this.$refs.treeControls.setState(state.visibility);\n            } else {\n              this.$module.setFinishDownloadCallback(this.setURLFinishCallback({\n                viewport: state.viewport,\n                visibility: state.visibility\n              }));\n            }\n          }\n        }\n      }\n    },\n    exportGLTF: function exportGLTF(binary) {\n      return this.$module.scene.exportGLTF(binary);\n    },\n    /**\n     * Function used for reading in new scaffold metadata and a custom\n     * viewport. This function will ignore the state prop and\n     * read in the new url.\n     *\n     * @public\n     */\n    setURLAndState: function setURLAndState(newValue, state) {\n      if (newValue != this._currentURL) {\n        if (state && state.format) this.fileFormat = state.format;\n        var viewport = state && state.viewport ? state.viewport : undefined;\n        var visibility = state && state.visibility ? state.visibility : undefined;\n        this._currentURL = newValue;\n        if (this.$refs.treeControls) this.$refs.treeControls.clear();\n        this.loading = true;\n        this.isReady = false;\n        this.$module.setFinishDownloadCallback(this.setURLFinishCallback({\n          viewport: viewport,\n          region: this.region,\n          viewURL: this.viewURL,\n          visibility: visibility\n        }));\n        if (this.fileFormat === \"gltf\") {\n          this.$module.loadGLTFFromURL(newValue, \"scene\", true);\n        } else {\n          this.$module.loadOrgansFromURL(newValue, undefined, undefined, \"scene\", undefined, true);\n        }\n        this.$_searchIndex.removeAll();\n        this.$_tempId = 1;\n        this.hideRegionTooltip();\n        this.$module.scene.displayMarkers = this.displayMarkers;\n        this.$module.scene.forcePickableObjectsUpdate = true;\n        this.$module.scene.displayMinimap = this.displayMinimap;\n        this.updateMinimapScissor();\n      }\n    },\n    /**\n     * Function used for reading in new scaffold metadata. This function will ignore\n     * the state prop and read in the new url.\n     *\n     * @public\n     */\n    setURL: function setURL(newValue) {\n      this.setURLAndState(newValue, undefined);\n    },\n    /**\n     * Callback when drawer is toggled.\n     */\n    drawerToggled: function drawerToggled(flag) {\n      this.drawerOpen = flag;\n      this.adjustLayout();\n    },\n    /**\n     * Callback using ResizeObserver.\n     */\n    adjustLayout: function adjustLayout() {\n      var width = this.$refs.scaffoldContainer.clientWidth;\n      this.minimisedSlider = width < 812;\n      if (this.minimisedSlider) {\n        this.sliderPosition = this.drawerOpen ? \"right\" : \"left\";\n      } else {\n        this.sliderPosition = \"\";\n      }\n    },\n    toggleRendering: function toggleRendering(flag) {\n      if (this.$module.zincRenderer) {\n        if (flag) {\n          this.$module.zincRenderer.animate();\n        } else {\n          this.$module.zincRenderer.stopAnimate();\n        }\n      }\n    },\n    forceResize: function forceResize() {\n      if (this.$module.zincRenderer) {\n        this.$module.zincRenderer.onWindowResize();\n      }\n    },\n    syncControlCallback: function syncControlCallback() {\n      var payload = this.$module.NDCCameraControl.getPanZoom();\n      if (this.tData.visible) {\n        this.showRegionTooltip(this.tData.label);\n      }\n      this.$emit(\"scaffold-navigated\", payload);\n    },\n    /**\n     * Rotate mode - \"none\", \"horizontal\", \"vertical\", \"free\" but\n     * it will be ignored if flag is set to false.\n     */\n    toggleSyncControl: function toggleSyncControl(flag, rotateMode) {\n      this.$module.toggleSyncControl(flag, rotateMode);\n      this.$module.setSyncControlCallback(this.syncControlCallback);\n    }\n  }\n});\n\n//# sourceURL=webpack://scaffoldvuer-wc/./src/components/ScaffoldVuer.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -401,51 +401,51 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _hom
 
 /***/ }),
 
-/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"c9aa2002-vue-loader-template\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/OpacityControls.vue?vue&type=template&id=ee8a4d3e&scoped=true&":
+/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"1b070f64-vue-loader-template\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/OpacityControls.vue?vue&type=template&id=ee8a4d3e&scoped=true&":
 /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c9aa2002-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=ee8a4d3e&scoped=true& ***!
+  !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1b070f64-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=ee8a4d3e&scoped=true& ***!
   \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _vm.material != undefined ? _c(\"div\", {\n    ref: \"control\",\n    staticClass: \"opacity-control\"\n  }, [_c(\"el-drawer\", {\n    staticClass: \"drawer-content\",\n    attrs: {\n      \"custom-class\": \"my-drawer\",\n      visible: _vm.drawerOpen,\n      \"append-to-body\": false,\n      \"modal-append-to-body\": false,\n      size: \"300\",\n      \"with-header\": false,\n      \"wrapper-closable\": false,\n      modal: false\n    },\n    on: {\n      \"update:visible\": function updateVisible($event) {\n        _vm.drawerOpen = $event;\n      }\n    }\n  }, [_vm.drawerOpen ? _c(\"div\", {\n    staticClass: \"tab-button close\",\n    on: {\n      click: _vm.toggleDrawer\n    }\n  }, [_c(\"i\", {\n    staticClass: \"el-icon-arrow-right\"\n  })]) : _vm._e(), _c(\"el-container\", {\n    staticClass: \"opacity-container\"\n  }, [_c(\"el-header\", {\n    staticClass: \"header\",\n    attrs: {\n      height: \"37px\"\n    }\n  }, [_c(\"div\", [_vm._v(\"Opacity\")])]), _c(\"el-main\", {\n    staticClass: \"main\"\n  }, [_c(\"div\", {\n    staticClass: \"block\"\n  }, [_c(\"span\", {\n    staticClass: \"display\"\n  }, [_vm._v(_vm._s(_vm.displayString))]), _c(\"el-slider\", {\n    staticClass: \"my-slider\",\n    attrs: {\n      step: 0.01,\n      min: 0,\n      max: 1,\n      \"format-tooltip\": _vm.formatTooltip,\n      \"show-tooltip\": false\n    },\n    model: {\n      value: _vm.material.opacity,\n      callback: function callback($$v) {\n        _vm.$set(_vm.material, \"opacity\", $$v);\n      },\n      expression: \"material.opacity\"\n    }\n  })], 1)])], 1)], 1), !_vm.drawerOpen ? _c(\"div\", {\n    staticClass: \"tab-button open\",\n    on: {\n      click: _vm.toggleDrawer\n    }\n  }, [_c(\"i\", {\n    staticClass: \"el-icon-arrow-left\"\n  })]) : _vm._e()], 1) : _vm._e();\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://scaffoldvuer-wc/./src/components/OpacityControls.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22c9aa2002-vue-loader-template%22%7D!./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");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _vm.material != undefined ? _c(\"div\", {\n    ref: \"control\",\n    staticClass: \"opacity-control\"\n  }, [_c(\"el-drawer\", {\n    staticClass: \"drawer-content\",\n    attrs: {\n      \"custom-class\": \"my-drawer\",\n      visible: _vm.drawerOpen,\n      \"append-to-body\": false,\n      \"modal-append-to-body\": false,\n      size: \"300\",\n      \"with-header\": false,\n      \"wrapper-closable\": false,\n      modal: false\n    },\n    on: {\n      \"update:visible\": function updateVisible($event) {\n        _vm.drawerOpen = $event;\n      }\n    }\n  }, [_vm.drawerOpen ? _c(\"div\", {\n    staticClass: \"tab-button close\",\n    on: {\n      click: _vm.toggleDrawer\n    }\n  }, [_c(\"i\", {\n    staticClass: \"el-icon-arrow-right\"\n  })]) : _vm._e(), _c(\"el-container\", {\n    staticClass: \"opacity-container\"\n  }, [_c(\"el-header\", {\n    staticClass: \"header\",\n    attrs: {\n      height: \"37px\"\n    }\n  }, [_c(\"div\", [_vm._v(\"Opacity\")])]), _c(\"el-main\", {\n    staticClass: \"main\"\n  }, [_c(\"div\", {\n    staticClass: \"block\"\n  }, [_c(\"span\", {\n    staticClass: \"display\"\n  }, [_vm._v(_vm._s(_vm.displayString))]), _c(\"el-slider\", {\n    staticClass: \"my-slider\",\n    attrs: {\n      step: 0.01,\n      min: 0,\n      max: 1,\n      \"format-tooltip\": _vm.formatTooltip,\n      \"show-tooltip\": false\n    },\n    model: {\n      value: _vm.material.opacity,\n      callback: function callback($$v) {\n        _vm.$set(_vm.material, \"opacity\", $$v);\n      },\n      expression: \"material.opacity\"\n    }\n  })], 1)])], 1)], 1), !_vm.drawerOpen ? _c(\"div\", {\n    staticClass: \"tab-button open\",\n    on: {\n      click: _vm.toggleDrawer\n    }\n  }, [_c(\"i\", {\n    staticClass: \"el-icon-arrow-left\"\n  })]) : _vm._e()], 1) : _vm._e();\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://scaffoldvuer-wc/./src/components/OpacityControls.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%221b070f64-vue-loader-template%22%7D!./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");
 
 /***/ }),
 
-/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"c9aa2002-vue-loader-template\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/ScaffoldTooltip.vue?vue&type=template&id=7c65faa6&scoped=true&":
+/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"1b070f64-vue-loader-template\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/ScaffoldTooltip.vue?vue&type=template&id=7c65faa6&scoped=true&":
 /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c9aa2002-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=7c65faa6&scoped=true& ***!
+  !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1b070f64-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=7c65faa6&scoped=true& ***!
   \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"region-tooltip\",\n    style: _vm.position\n  }, [_c(\"el-popover\", {\n    ref: \"tooltip\",\n    attrs: {\n      placement: \"top\",\n      visibleArrow: false,\n      \"append-to-body\": false,\n      trigger: \"manual\",\n      \"popper-class\": \"tooltip-popper non-selectable\"\n    },\n    model: {\n      value: _vm.display,\n      callback: function callback($$v) {\n        _vm.display = $$v;\n      },\n      expression: \"display\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"tooltip-text\"\n  }, [_vm._v(_vm._s(_vm.label))]), _vm.region ? _c(\"div\", {\n    staticClass: \"tooltip-text\"\n  }, [_vm._v(\"Region: \" + _vm._s(_vm.region))]) : _vm._e(), _c(\"i\", {\n    directives: [{\n      name: \"popover\",\n      rawName: \"v-popover:tooltip\",\n      arg: \"tooltip\"\n    }]\n  })])], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://scaffoldvuer-wc/./src/components/ScaffoldTooltip.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22c9aa2002-vue-loader-template%22%7D!./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");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"region-tooltip\",\n    style: _vm.position\n  }, [_c(\"el-popover\", {\n    ref: \"tooltip\",\n    attrs: {\n      placement: \"top\",\n      visibleArrow: false,\n      \"append-to-body\": false,\n      trigger: \"manual\",\n      \"popper-class\": \"tooltip-popper non-selectable\"\n    },\n    model: {\n      value: _vm.display,\n      callback: function callback($$v) {\n        _vm.display = $$v;\n      },\n      expression: \"display\"\n    }\n  }, [_c(\"div\", {\n    staticClass: \"tooltip-text\"\n  }, [_vm._v(_vm._s(_vm.label))]), _vm.region ? _c(\"div\", {\n    staticClass: \"tooltip-text\"\n  }, [_vm._v(\"Region: \" + _vm._s(_vm.region))]) : _vm._e(), _c(\"i\", {\n    directives: [{\n      name: \"popover\",\n      rawName: \"v-popover:tooltip\",\n      arg: \"tooltip\"\n    }]\n  })])], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://scaffoldvuer-wc/./src/components/ScaffoldTooltip.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%221b070f64-vue-loader-template%22%7D!./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");
 
 /***/ }),
 
-/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"c9aa2002-vue-loader-template\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/ScaffoldVuer.vue?vue&type=template&id=689ce3f2&scoped=true&":
+/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"1b070f64-vue-loader-template\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/ScaffoldVuer.vue?vue&type=template&id=689ce3f2&scoped=true&":
 /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c9aa2002-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=689ce3f2&scoped=true& ***!
+  !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1b070f64-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=689ce3f2&scoped=true& ***!
   \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    directives: [{\n      name: \"loading\",\n      rawName: \"v-loading\",\n      value: _vm.loading,\n      expression: \"loading\"\n    }],\n    ref: \"scaffoldContainer\",\n    staticClass: \"scaffold-container\",\n    attrs: {\n      \"element-loading-text\": \"Loading...\",\n      \"element-loading-spinner\": \"el-icon-loading\",\n      \"element-loading-background\": \"rgba(0, 0, 0, 0.3)\"\n    }\n  }, [_c(\"map-svg-sprite-color\"), _c(\"scaffold-tooltip\", {\n    attrs: {\n      label: _vm.tData.label,\n      region: _vm.tData.region,\n      visible: _vm.tData.visible,\n      x: _vm.tData.x,\n      y: _vm.tData.y\n    }\n  }), _c(\"div\", {\n    ref: \"display\",\n    staticStyle: {\n      height: \"100%\",\n      width: \"100%\"\n    },\n    attrs: {\n      id: \"organsDisplayArea\",\n      tabindex: \"-1\"\n    },\n    on: {\n      keydown: function keydown($event) {\n        if (!$event.type.indexOf(\"key\") && $event.keyCode !== 66) return null;\n        return _vm.backgroundChangeCallback.apply(null, arguments);\n      }\n    }\n  }), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.displayUI && !_vm.isTransitioning,\n      expression: \"displayUI && !isTransitioning\"\n    }]\n  }, [_vm.displayWarning ? _c(\"el-popover\", {\n    ref: \"warningPopover\",\n    attrs: {\n      content: _vm.warningMessage,\n      placement: \"right\",\n      \"append-to-body\": false,\n      trigger: \"manual\",\n      \"popper-class\": \"scaffold-popper message-popper right-popper non-selectable\"\n    },\n    model: {\n      value: _vm.hoverVisibilities[6].value,\n      callback: function callback($$v) {\n        _vm.$set(_vm.hoverVisibilities[6], \"value\", $$v);\n      },\n      expression: \"hoverVisibilities[6].value\"\n    }\n  }) : _vm._e(), _vm.displayWarning ? _c(\"i\", {\n    directives: [{\n      name: \"popover\",\n      rawName: \"v-popover:warningPopover\",\n      arg: \"warningPopover\"\n    }],\n    staticClass: \"el-icon-warning message-icon warning-icon\",\n    on: {\n      mouseover: function mouseover($event) {\n        return _vm.showHelpText(6);\n      },\n      mouseout: function mouseout($event) {\n        return _vm.hideHelpText(6);\n      }\n    }\n  }, [_c(\"span\", {\n    staticClass: \"message-text\"\n  }, [_vm._v(\"Beta\")])]) : _vm._e(), _vm.displayLatestChanges ? _c(\"el-popover\", {\n    ref: \"latestChangesPopover\",\n    attrs: {\n      content: _vm.latestChangesMessage,\n      placement: \"right\",\n      \"append-to-body\": false,\n      trigger: \"manual\",\n      \"popper-class\": \"scaffold-popper message-popper right-popper non-selectable\"\n    },\n    model: {\n      value: _vm.hoverVisibilities[7].value,\n      callback: function callback($$v) {\n        _vm.$set(_vm.hoverVisibilities[7], \"value\", $$v);\n      },\n      expression: \"hoverVisibilities[7].value\"\n    }\n  }) : _vm._e(), _vm.displayLatestChanges && _vm.latestChangesMessage ? _c(\"i\", {\n    directives: [{\n      name: \"popover\",\n      rawName: \"v-popover:latestChangesPopover\",\n      arg: \"latestChangesPopover\"\n    }],\n    staticClass: \"el-icon-warning message-icon latest-changesicon\",\n    on: {\n      mouseover: function mouseover($event) {\n        return _vm.showHelpText(7);\n      },\n      mouseout: function mouseout($event) {\n        return _vm.hideHelpText(7);\n      }\n    }\n  }, [_c(\"span\", {\n    staticClass: \"message-text\"\n  }, [_vm._v(\"What's new?\")])]) : _vm._e(), _c(\"el-popover\", {\n    ref: \"checkBoxPopover\",\n    attrs: {\n      content: \"Change region visibility\",\n      placement: \"right\",\n      \"append-to-body\": false,\n      trigger: \"manual\",\n      \"popper-class\": \"scaffold-popper right-popper non-selectable\"\n    },\n    model: {\n      value: _vm.hoverVisibilities[5].value,\n      callback: function callback($$v) {\n        _vm.$set(_vm.hoverVisibilities[5], \"value\", $$v);\n      },\n      expression: \"hoverVisibilities[5].value\"\n    }\n  }), _c(\"tree-controls\", {\n    directives: [{\n      name: \"popover\",\n      rawName: \"v-popover:checkBoxPopover\",\n      arg: \"checkBoxPopover\"\n    }],\n    ref: \"treeControls\",\n    attrs: {\n      \"help-mode\": _vm.helpMode,\n      isReady: _vm.isReady,\n      \"show-colour-picker\": _vm.showColourPicker\n    },\n    on: {\n      \"object-selected\": _vm.objectSelected,\n      \"object-hovered\": _vm.objectHovered,\n      \"drawer-toggled\": _vm.drawerToggled\n    }\n  }), _c(\"div\", {\n    staticClass: \"opacity-box\"\n  }, [_c(\"opacity-controls\", {\n    ref: \"opacityControl\"\n  })], 1), _vm.sceneData.timeVarying ? _c(\"el-popover\", {\n    ref: \"sliderPopover\",\n    attrs: {\n      content: \"Move the slider to animate the region\",\n      placement: \"top\",\n      \"append-to-body\": false,\n      trigger: \"manual\",\n      \"popper-class\": \"scaffold-popper top-popper non-selectable\"\n    },\n    model: {\n      value: _vm.hoverVisibilities[4].value,\n      callback: function callback($$v) {\n        _vm.$set(_vm.hoverVisibilities[4], \"value\", $$v);\n      },\n      expression: \"hoverVisibilities[4].value\"\n    }\n  }) : _vm._e(), _vm.sceneData.timeVarying ? _c(\"div\", {\n    directives: [{\n      name: \"popover\",\n      rawName: \"v-popover:sliderPopover\",\n      arg: \"sliderPopover\"\n    }],\n    staticClass: \"time-slider-container\",\n    class: [_vm.minimisedSlider ? \"minimised\" : \"\", _vm.sliderPosition]\n  }, [_c(\"el-tabs\", {\n    attrs: {\n      type: \"card\"\n    }\n  }, [_c(\"el-tab-pane\", {\n    attrs: {\n      label: \"Animate scaffold\"\n    }\n  }, [_c(\"el-row\", {\n    staticClass: \"tab-content\"\n  }, [_vm.isPlaying ? _c(\"map-svg-icon\", {\n    staticClass: \"icon-button video-button\",\n    attrs: {\n      icon: \"pause\"\n    },\n    nativeOn: {\n      click: function click($event) {\n        return _vm.play(false);\n      }\n    }\n  }) : _c(\"map-svg-icon\", {\n    staticClass: \"video-button icon-button\",\n    attrs: {\n      icon: \"play\"\n    },\n    nativeOn: {\n      click: function click($event) {\n        return _vm.play(true);\n      }\n    }\n  }), _c(\"el-slider\", {\n    staticClass: \"slider\",\n    attrs: {\n      min: 0,\n      max: _vm.timeMax,\n      value: _vm.sceneData.currentTime / 100 * _vm.timeMax,\n      step: 0.1,\n      \"tooltip-class\": \"time-slider-tooltip\",\n      \"format-tooltip\": _vm.formatTooltip,\n      marks: _vm.timeStamps\n    },\n    on: {\n      input: function input($event) {\n        return _vm.timeChange($event);\n      }\n    }\n  })], 1)], 1), _c(\"el-tab-pane\", {\n    attrs: {\n      label: \"Animation data\"\n    }\n  }, [_c(\"el-row\", {\n    staticClass: \"tab-content\"\n  }, [_c(\"div\", {\n    staticClass: \"animation-data\"\n  }, [_vm._v(\" Original duration: \"), _c(\"div\", {\n    staticClass: \"purple\"\n  }, [_vm._v(\" \" + _vm._s(_vm.orginalDuration) + \" \")])]), _c(\"div\", {\n    staticClass: \"animation-data\"\n  }, [_vm._v(\" Animation duration: \"), _c(\"div\", {\n    staticClass: \"purple\"\n  }, [_vm._v(\" \" + _vm._s(_vm.animateDuration) + \" \")])]), _c(\"div\", {\n    staticClass: \"animation-data\"\n  }, [_vm._v(\" Playback speed \"), _c(\"el-select\", {\n    staticClass: \"select-box\",\n    attrs: {\n      \"popper-append-to-body\": true,\n      value: _vm.currentSpeed,\n      placeholder: \"Select\",\n      \"popper-class\": \"scaffold_viewer_dropdown\"\n    },\n    on: {\n      change: function change($event) {\n        return _vm.speedChanged($event);\n      }\n    }\n  }, _vm._l(_vm.playSpeed, function (item) {\n    return _c(\"el-option\", {\n      key: item.value,\n      attrs: {\n        label: item.label,\n        value: item.value\n      }\n    });\n  }), 1)], 1)])], 1)], 1)], 1) : _vm._e(), _c(\"div\", {\n    staticClass: \"bottom-right-control\"\n  }, [_c(\"el-popover\", {\n    attrs: {\n      content: \"Zoom in\",\n      placement: \"left\",\n      \"append-to-body\": false,\n      trigger: \"manual\",\n      \"popper-class\": \"scaffold-popper left-popper non-selectable\"\n    },\n    model: {\n      value: _vm.hoverVisibilities[0].value,\n      callback: function callback($$v) {\n        _vm.$set(_vm.hoverVisibilities[0], \"value\", $$v);\n      },\n      expression: \"hoverVisibilities[0].value\"\n    }\n  }, [_c(\"map-svg-icon\", {\n    staticClass: \"icon-button zoomIn\",\n    attrs: {\n      slot: \"reference\",\n      icon: \"zoomIn\"\n    },\n    nativeOn: {\n      click: function click($event) {\n        return _vm.zoomIn();\n      },\n      mouseover: function mouseover($event) {\n        return _vm.showHelpText(0);\n      },\n      mouseout: function mouseout($event) {\n        return _vm.hideHelpText(0);\n      }\n    },\n    slot: \"reference\"\n  })], 1), _c(\"el-popover\", {\n    attrs: {\n      content: \"Zoom out\",\n      placement: \"top-end\",\n      \"append-to-body\": false,\n      trigger: \"manual\",\n      \"popper-class\": \"scaffold-popper popper-zoomout non-selectable\"\n    },\n    model: {\n      value: _vm.hoverVisibilities[1].value,\n      callback: function callback($$v) {\n        _vm.$set(_vm.hoverVisibilities[1], \"value\", $$v);\n      },\n      expression: \"hoverVisibilities[1].value\"\n    }\n  }, [_c(\"map-svg-icon\", {\n    staticClass: \"icon-button zoomOut\",\n    attrs: {\n      slot: \"reference\",\n      icon: \"zoomOut\"\n    },\n    nativeOn: {\n      click: function click($event) {\n        return _vm.zoomOut();\n      },\n      mouseover: function mouseover($event) {\n        return _vm.showHelpText(1);\n      },\n      mouseout: function mouseout($event) {\n        return _vm.hideHelpText(1);\n      }\n    },\n    slot: \"reference\"\n  })], 1), _c(\"el-popover\", {\n    attrs: {\n      placement: \"top\",\n      \"append-to-body\": false,\n      trigger: \"manual\",\n      \"popper-class\": \"scaffold-popper non-selectable\"\n    },\n    model: {\n      value: _vm.hoverVisibilities[2].value,\n      callback: function callback($$v) {\n        _vm.$set(_vm.hoverVisibilities[2], \"value\", $$v);\n      },\n      expression: \"hoverVisibilities[2].value\"\n    }\n  }, [_c(\"div\", [_vm._v(\" Fit to \"), _c(\"br\"), _vm._v(\" window \")]), _c(\"map-svg-icon\", {\n    staticClass: \"icon-button fitWindow\",\n    attrs: {\n      slot: \"reference\",\n      icon: \"fitWindow\"\n    },\n    nativeOn: {\n      click: function click($event) {\n        return _vm.fitWindow();\n      },\n      mouseover: function mouseover($event) {\n        return _vm.showHelpText(2);\n      },\n      mouseout: function mouseout($event) {\n        return _vm.hideHelpText(2);\n      }\n    },\n    slot: \"reference\"\n  })], 1)], 1), _c(\"el-popover\", {\n    ref: \"open-map-popover\",\n    attrs: {\n      placement: \"top-start\",\n      width: \"128\",\n      \"append-to-body\": false,\n      trigger: \"click\",\n      \"popper-class\": \"open-map-popper\"\n    }\n  }, _vm._l(_vm.openMapOptions, function (item) {\n    return _c(\"el-row\", {\n      key: item.key\n    }, [_c(\"el-button\", {\n      attrs: {\n        type: \"primary\",\n        plain: \"\"\n      },\n      on: {\n        click: function click($event) {\n          return _vm.$emit(\"open-map\", item.key);\n        }\n      }\n    }, [_vm._v(\" \" + _vm._s(item.display) + \" \")])], 1);\n  }), 1), _c(\"el-popover\", {\n    ref: \"backgroundPopover\",\n    attrs: {\n      placement: \"top-start\",\n      width: \"128\",\n      \"append-to-body\": false,\n      trigger: \"click\",\n      \"popper-class\": \"background-popper non-selectable\"\n    }\n  }, [_c(\"el-row\", {\n    staticClass: \"backgroundText\"\n  }, [_vm._v(\" Change background \")]), _c(\"el-row\", {\n    staticClass: \"backgroundChooser\"\n  }, _vm._l(_vm.availableBackground, function (item) {\n    return _c(\"div\", {\n      key: item,\n      class: [\"backgroundChoice\", item, item == _vm.currentBackground ? \"active\" : \"\"],\n      on: {\n        click: function click($event) {\n          return _vm.backgroundChangeCallback(item);\n        }\n      }\n    });\n  }), 0)], 1), _c(\"div\", {\n    staticClass: \"settings-group\",\n    class: {\n      open: _vm.drawerOpen,\n      close: !_vm.drawerOpen\n    }\n  }, [_c(\"el-row\", [_c(\"el-popover\", {\n    attrs: {\n      content: \"Open new map\",\n      placement: \"right\",\n      \"append-to-body\": false,\n      trigger: \"manual\",\n      \"popper-class\": \"scaffold-popper right-popper non-selectable\"\n    },\n    model: {\n      value: _vm.hoverVisibilities[8].value,\n      callback: function callback($$v) {\n        _vm.$set(_vm.hoverVisibilities[8], \"value\", $$v);\n      },\n      expression: \"hoverVisibilities[8].value\"\n    }\n  }, [_vm.enableOpenMapUI && _vm.openMapOptions.lenght > 0 ? _c(\"map-svg-icon\", {\n    directives: [{\n      name: \"popover\",\n      rawName: \"v-popover:open-map-popover\",\n      arg: \"open-map-popover\"\n    }],\n    staticClass: \"icon-button\",\n    attrs: {\n      slot: \"reference\",\n      icon: \"openMap\"\n    },\n    nativeOn: {\n      mouseover: function mouseover($event) {\n        return _vm.showHelpText(8);\n      },\n      mouseout: function mouseout($event) {\n        return _vm.hideHelpText(8);\n      }\n    },\n    slot: \"reference\"\n  }) : _vm._e()], 1)], 1), _c(\"el-row\", [_c(\"el-popover\", {\n    attrs: {\n      content: \"Change background color\",\n      placement: \"right\",\n      \"append-to-body\": false,\n      trigger: \"manual\",\n      \"popper-class\": \"scaffold-popper right-popper non-selectable\"\n    },\n    model: {\n      value: _vm.hoverVisibilities[3].value,\n      callback: function callback($$v) {\n        _vm.$set(_vm.hoverVisibilities[3], \"value\", $$v);\n      },\n      expression: \"hoverVisibilities[3].value\"\n    }\n  }, [_c(\"map-svg-icon\", {\n    directives: [{\n      name: \"popover\",\n      rawName: \"v-popover:backgroundPopover\",\n      arg: \"backgroundPopover\"\n    }],\n    staticClass: \"icon-button\",\n    attrs: {\n      slot: \"reference\",\n      icon: \"changeBckgd\"\n    },\n    nativeOn: {\n      mouseover: function mouseover($event) {\n        return _vm.showHelpText(3);\n      },\n      mouseout: function mouseout($event) {\n        return _vm.hideHelpText(3);\n      }\n    },\n    slot: \"reference\"\n  })], 1)], 1)], 1)], 1)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://scaffoldvuer-wc/./src/components/ScaffoldVuer.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22c9aa2002-vue-loader-template%22%7D!./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");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    directives: [{\n      name: \"loading\",\n      rawName: \"v-loading\",\n      value: _vm.loading,\n      expression: \"loading\"\n    }],\n    ref: \"scaffoldContainer\",\n    staticClass: \"scaffold-container\",\n    attrs: {\n      \"element-loading-text\": \"Loading...\",\n      \"element-loading-spinner\": \"el-icon-loading\",\n      \"element-loading-background\": \"rgba(0, 0, 0, 0.3)\"\n    }\n  }, [_c(\"map-svg-sprite-color\"), _c(\"scaffold-tooltip\", {\n    attrs: {\n      label: _vm.tData.label,\n      region: _vm.tData.region,\n      visible: _vm.tData.visible,\n      x: _vm.tData.x,\n      y: _vm.tData.y\n    }\n  }), _c(\"div\", {\n    ref: \"display\",\n    staticStyle: {\n      height: \"100%\",\n      width: \"100%\"\n    },\n    attrs: {\n      id: \"organsDisplayArea\",\n      tabindex: \"-1\"\n    },\n    on: {\n      keydown: function keydown($event) {\n        if (!$event.type.indexOf(\"key\") && $event.keyCode !== 66) return null;\n        return _vm.backgroundChangeCallback.apply(null, arguments);\n      }\n    }\n  }), _c(\"div\", {\n    directives: [{\n      name: \"show\",\n      rawName: \"v-show\",\n      value: _vm.displayUI && !_vm.isTransitioning,\n      expression: \"displayUI && !isTransitioning\"\n    }]\n  }, [_vm.displayWarning ? _c(\"el-popover\", {\n    ref: \"warningPopover\",\n    attrs: {\n      content: _vm.warningMessage,\n      placement: \"right\",\n      \"append-to-body\": false,\n      trigger: \"manual\",\n      \"popper-class\": \"scaffold-popper message-popper right-popper non-selectable\"\n    },\n    model: {\n      value: _vm.hoverVisibilities[6].value,\n      callback: function callback($$v) {\n        _vm.$set(_vm.hoverVisibilities[6], \"value\", $$v);\n      },\n      expression: \"hoverVisibilities[6].value\"\n    }\n  }) : _vm._e(), _vm.displayWarning ? _c(\"i\", {\n    directives: [{\n      name: \"popover\",\n      rawName: \"v-popover:warningPopover\",\n      arg: \"warningPopover\"\n    }],\n    staticClass: \"el-icon-warning message-icon warning-icon\",\n    on: {\n      mouseover: function mouseover($event) {\n        return _vm.showHelpText(6);\n      },\n      mouseout: function mouseout($event) {\n        return _vm.hideHelpText(6);\n      }\n    }\n  }, [_c(\"span\", {\n    staticClass: \"message-text\"\n  }, [_vm._v(\"Beta\")])]) : _vm._e(), _vm.displayLatestChanges ? _c(\"el-popover\", {\n    ref: \"latestChangesPopover\",\n    attrs: {\n      content: _vm.latestChangesMessage,\n      placement: \"right\",\n      \"append-to-body\": false,\n      trigger: \"manual\",\n      \"popper-class\": \"scaffold-popper message-popper right-popper non-selectable\"\n    },\n    model: {\n      value: _vm.hoverVisibilities[7].value,\n      callback: function callback($$v) {\n        _vm.$set(_vm.hoverVisibilities[7], \"value\", $$v);\n      },\n      expression: \"hoverVisibilities[7].value\"\n    }\n  }) : _vm._e(), _vm.displayLatestChanges && _vm.latestChangesMessage ? _c(\"i\", {\n    directives: [{\n      name: \"popover\",\n      rawName: \"v-popover:latestChangesPopover\",\n      arg: \"latestChangesPopover\"\n    }],\n    staticClass: \"el-icon-warning message-icon latest-changesicon\",\n    on: {\n      mouseover: function mouseover($event) {\n        return _vm.showHelpText(7);\n      },\n      mouseout: function mouseout($event) {\n        return _vm.hideHelpText(7);\n      }\n    }\n  }, [_c(\"span\", {\n    staticClass: \"message-text\"\n  }, [_vm._v(\"What's new?\")])]) : _vm._e(), _c(\"el-popover\", {\n    ref: \"checkBoxPopover\",\n    attrs: {\n      content: \"Change region visibility\",\n      placement: \"right\",\n      \"append-to-body\": false,\n      trigger: \"manual\",\n      \"popper-class\": \"scaffold-popper right-popper non-selectable\"\n    },\n    model: {\n      value: _vm.hoverVisibilities[5].value,\n      callback: function callback($$v) {\n        _vm.$set(_vm.hoverVisibilities[5], \"value\", $$v);\n      },\n      expression: \"hoverVisibilities[5].value\"\n    }\n  }), _c(\"tree-controls\", {\n    directives: [{\n      name: \"popover\",\n      rawName: \"v-popover:checkBoxPopover\",\n      arg: \"checkBoxPopover\"\n    }],\n    ref: \"treeControls\",\n    attrs: {\n      \"help-mode\": _vm.helpMode,\n      isReady: _vm.isReady,\n      \"show-colour-picker\": _vm.showColourPicker\n    },\n    on: {\n      \"object-selected\": _vm.objectSelected,\n      \"object-hovered\": _vm.objectHovered,\n      \"drawer-toggled\": _vm.drawerToggled\n    }\n  }), _c(\"div\", {\n    staticClass: \"opacity-box\"\n  }, [_c(\"opacity-controls\", {\n    ref: \"opacityControl\"\n  })], 1), _vm.sceneData.timeVarying ? _c(\"el-popover\", {\n    ref: \"sliderPopover\",\n    attrs: {\n      content: \"Move the slider to animate the region\",\n      placement: \"top\",\n      \"append-to-body\": false,\n      trigger: \"manual\",\n      \"popper-class\": \"scaffold-popper top-popper non-selectable\"\n    },\n    model: {\n      value: _vm.hoverVisibilities[4].value,\n      callback: function callback($$v) {\n        _vm.$set(_vm.hoverVisibilities[4], \"value\", $$v);\n      },\n      expression: \"hoverVisibilities[4].value\"\n    }\n  }) : _vm._e(), _vm.sceneData.timeVarying ? _c(\"div\", {\n    directives: [{\n      name: \"popover\",\n      rawName: \"v-popover:sliderPopover\",\n      arg: \"sliderPopover\"\n    }],\n    staticClass: \"time-slider-container\",\n    class: [_vm.minimisedSlider ? \"minimised\" : \"\", _vm.sliderPosition]\n  }, [_c(\"el-tabs\", {\n    attrs: {\n      type: \"card\"\n    }\n  }, [_c(\"el-tab-pane\", {\n    attrs: {\n      label: \"Animate scaffold\"\n    }\n  }, [_c(\"el-row\", {\n    staticClass: \"tab-content\"\n  }, [_vm.isPlaying ? _c(\"map-svg-icon\", {\n    staticClass: \"icon-button video-button\",\n    attrs: {\n      icon: \"pause\"\n    },\n    nativeOn: {\n      click: function click($event) {\n        return _vm.play(false);\n      }\n    }\n  }) : _c(\"map-svg-icon\", {\n    staticClass: \"video-button icon-button\",\n    attrs: {\n      icon: \"play\"\n    },\n    nativeOn: {\n      click: function click($event) {\n        return _vm.play(true);\n      }\n    }\n  }), _c(\"el-slider\", {\n    staticClass: \"slider\",\n    attrs: {\n      min: 0,\n      max: _vm.timeMax,\n      value: _vm.sceneData.currentTime / 100 * _vm.timeMax,\n      step: 0.1,\n      \"tooltip-class\": \"time-slider-tooltip\",\n      \"format-tooltip\": _vm.formatTooltip,\n      marks: _vm.timeStamps\n    },\n    on: {\n      input: function input($event) {\n        return _vm.timeChange($event);\n      }\n    }\n  })], 1)], 1), _c(\"el-tab-pane\", {\n    attrs: {\n      label: \"Animation data\"\n    }\n  }, [_c(\"el-row\", {\n    staticClass: \"tab-content\"\n  }, [_c(\"div\", {\n    staticClass: \"animation-data\"\n  }, [_vm._v(\" Original duration: \"), _c(\"div\", {\n    staticClass: \"purple\"\n  }, [_vm._v(\" \" + _vm._s(_vm.orginalDuration) + \" \")])]), _c(\"div\", {\n    staticClass: \"animation-data\"\n  }, [_vm._v(\" Animation duration: \"), _c(\"div\", {\n    staticClass: \"purple\"\n  }, [_vm._v(\" \" + _vm._s(_vm.animateDuration) + \" \")])]), _c(\"div\", {\n    staticClass: \"animation-data\"\n  }, [_vm._v(\" Playback speed \"), _c(\"el-select\", {\n    staticClass: \"select-box\",\n    attrs: {\n      \"popper-append-to-body\": true,\n      value: _vm.currentSpeed,\n      placeholder: \"Select\",\n      \"popper-class\": \"scaffold_viewer_dropdown\"\n    },\n    on: {\n      change: function change($event) {\n        return _vm.speedChanged($event);\n      }\n    }\n  }, _vm._l(_vm.playSpeed, function (item) {\n    return _c(\"el-option\", {\n      key: item.value,\n      attrs: {\n        label: item.label,\n        value: item.value\n      }\n    });\n  }), 1)], 1)])], 1)], 1)], 1) : _vm._e(), _c(\"div\", {\n    staticClass: \"bottom-right-control\"\n  }, [_c(\"el-popover\", {\n    attrs: {\n      content: \"Zoom in\",\n      placement: \"left\",\n      \"append-to-body\": false,\n      trigger: \"manual\",\n      \"popper-class\": \"scaffold-popper left-popper non-selectable\"\n    },\n    model: {\n      value: _vm.hoverVisibilities[0].value,\n      callback: function callback($$v) {\n        _vm.$set(_vm.hoverVisibilities[0], \"value\", $$v);\n      },\n      expression: \"hoverVisibilities[0].value\"\n    }\n  }, [_c(\"map-svg-icon\", {\n    staticClass: \"icon-button zoomIn\",\n    attrs: {\n      slot: \"reference\",\n      icon: \"zoomIn\"\n    },\n    nativeOn: {\n      click: function click($event) {\n        return _vm.zoomIn();\n      },\n      mouseover: function mouseover($event) {\n        return _vm.showHelpText(0);\n      },\n      mouseout: function mouseout($event) {\n        return _vm.hideHelpText(0);\n      }\n    },\n    slot: \"reference\"\n  })], 1), _c(\"el-popover\", {\n    attrs: {\n      content: \"Zoom out\",\n      placement: \"top-end\",\n      \"append-to-body\": false,\n      trigger: \"manual\",\n      \"popper-class\": \"scaffold-popper popper-zoomout non-selectable\"\n    },\n    model: {\n      value: _vm.hoverVisibilities[1].value,\n      callback: function callback($$v) {\n        _vm.$set(_vm.hoverVisibilities[1], \"value\", $$v);\n      },\n      expression: \"hoverVisibilities[1].value\"\n    }\n  }, [_c(\"map-svg-icon\", {\n    staticClass: \"icon-button zoomOut\",\n    attrs: {\n      slot: \"reference\",\n      icon: \"zoomOut\"\n    },\n    nativeOn: {\n      click: function click($event) {\n        return _vm.zoomOut();\n      },\n      mouseover: function mouseover($event) {\n        return _vm.showHelpText(1);\n      },\n      mouseout: function mouseout($event) {\n        return _vm.hideHelpText(1);\n      }\n    },\n    slot: \"reference\"\n  })], 1), _c(\"el-popover\", {\n    attrs: {\n      placement: \"top\",\n      \"append-to-body\": false,\n      trigger: \"manual\",\n      \"popper-class\": \"scaffold-popper non-selectable\"\n    },\n    model: {\n      value: _vm.hoverVisibilities[2].value,\n      callback: function callback($$v) {\n        _vm.$set(_vm.hoverVisibilities[2], \"value\", $$v);\n      },\n      expression: \"hoverVisibilities[2].value\"\n    }\n  }, [_c(\"div\", [_vm._v(\" Fit to \"), _c(\"br\"), _vm._v(\" window \")]), _c(\"map-svg-icon\", {\n    staticClass: \"icon-button fitWindow\",\n    attrs: {\n      slot: \"reference\",\n      icon: \"fitWindow\"\n    },\n    nativeOn: {\n      click: function click($event) {\n        return _vm.fitWindow();\n      },\n      mouseover: function mouseover($event) {\n        return _vm.showHelpText(2);\n      },\n      mouseout: function mouseout($event) {\n        return _vm.hideHelpText(2);\n      }\n    },\n    slot: \"reference\"\n  })], 1)], 1), _c(\"el-popover\", {\n    ref: \"open-map-popover\",\n    attrs: {\n      placement: \"top-start\",\n      width: \"128\",\n      \"append-to-body\": false,\n      trigger: \"click\",\n      \"popper-class\": \"open-map-popper\"\n    }\n  }, _vm._l(_vm.openMapOptions, function (item) {\n    return _c(\"el-row\", {\n      key: item.key\n    }, [_c(\"el-button\", {\n      attrs: {\n        type: \"primary\",\n        plain: \"\"\n      },\n      on: {\n        click: function click($event) {\n          return _vm.$emit(\"open-map\", item.key);\n        }\n      }\n    }, [_vm._v(\" \" + _vm._s(item.display) + \" \")])], 1);\n  }), 1), _c(\"el-popover\", {\n    ref: \"backgroundPopover\",\n    attrs: {\n      placement: \"top-start\",\n      width: \"128\",\n      \"append-to-body\": false,\n      trigger: \"click\",\n      \"popper-class\": \"background-popper non-selectable\"\n    }\n  }, [_c(\"el-row\", {\n    staticClass: \"backgroundText\"\n  }, [_vm._v(\" Change background \")]), _c(\"el-row\", {\n    staticClass: \"backgroundChooser\"\n  }, _vm._l(_vm.availableBackground, function (item) {\n    return _c(\"div\", {\n      key: item,\n      class: [\"backgroundChoice\", item, item == _vm.currentBackground ? \"active\" : \"\"],\n      on: {\n        click: function click($event) {\n          return _vm.backgroundChangeCallback(item);\n        }\n      }\n    });\n  }), 0)], 1), _c(\"div\", {\n    staticClass: \"settings-group\",\n    class: {\n      open: _vm.drawerOpen,\n      close: !_vm.drawerOpen\n    }\n  }, [_c(\"el-row\", [_c(\"el-popover\", {\n    attrs: {\n      content: \"Open new map\",\n      placement: \"right\",\n      \"append-to-body\": false,\n      trigger: \"manual\",\n      \"popper-class\": \"scaffold-popper right-popper non-selectable\"\n    },\n    model: {\n      value: _vm.hoverVisibilities[8].value,\n      callback: function callback($$v) {\n        _vm.$set(_vm.hoverVisibilities[8], \"value\", $$v);\n      },\n      expression: \"hoverVisibilities[8].value\"\n    }\n  }, [_vm.enableOpenMapUI && _vm.openMapOptions.length > 0 ? _c(\"map-svg-icon\", {\n    directives: [{\n      name: \"popover\",\n      rawName: \"v-popover:open-map-popover\",\n      arg: \"open-map-popover\"\n    }],\n    staticClass: \"icon-button\",\n    attrs: {\n      slot: \"reference\",\n      icon: \"openMap\"\n    },\n    nativeOn: {\n      mouseover: function mouseover($event) {\n        return _vm.showHelpText(8);\n      },\n      mouseout: function mouseout($event) {\n        return _vm.hideHelpText(8);\n      }\n    },\n    slot: \"reference\"\n  }) : _vm._e()], 1)], 1), _c(\"el-row\", [_c(\"el-popover\", {\n    attrs: {\n      content: \"Change background color\",\n      placement: \"right\",\n      \"append-to-body\": false,\n      trigger: \"manual\",\n      \"popper-class\": \"scaffold-popper right-popper non-selectable\"\n    },\n    model: {\n      value: _vm.hoverVisibilities[3].value,\n      callback: function callback($$v) {\n        _vm.$set(_vm.hoverVisibilities[3], \"value\", $$v);\n      },\n      expression: \"hoverVisibilities[3].value\"\n    }\n  }, [_c(\"map-svg-icon\", {\n    directives: [{\n      name: \"popover\",\n      rawName: \"v-popover:backgroundPopover\",\n      arg: \"backgroundPopover\"\n    }],\n    staticClass: \"icon-button\",\n    attrs: {\n      slot: \"reference\",\n      icon: \"changeBckgd\"\n    },\n    nativeOn: {\n      mouseover: function mouseover($event) {\n        return _vm.showHelpText(3);\n      },\n      mouseout: function mouseout($event) {\n        return _vm.hideHelpText(3);\n      }\n    },\n    slot: \"reference\"\n  })], 1)], 1)], 1)], 1)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://scaffoldvuer-wc/./src/components/ScaffoldVuer.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%221b070f64-vue-loader-template%22%7D!./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");
 
 /***/ }),
 
-/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"c9aa2002-vue-loader-template\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/TreeControls.vue?vue&type=template&id=71c9daa4&scoped=true&":
+/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"1b070f64-vue-loader-template\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/TreeControls.vue?vue&type=template&id=71c9daa4&scoped=true&":
 /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c9aa2002-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=71c9daa4&scoped=true& ***!
+  !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1b070f64-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=71c9daa4&scoped=true& ***!
   \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"tree-controls\",\n    class: {\n      open: _vm.drawerOpen,\n      close: !_vm.drawerOpen\n    }\n  }, [_c(\"div\", {\n    staticClass: \"traditional-container\"\n  }, [_c(\"el-row\", [_c(\"el-col\", {\n    attrs: {\n      span: 12\n    }\n  }, [_c(\"div\", {\n    staticClass: \"regions-display-text\"\n  }, [_vm._v(\" Regions \")])])], 1), _c(\"div\", {\n    staticClass: \"tree-container\"\n  }, [_c(\"el-tree\", {\n    directives: [{\n      name: \"loading\",\n      rawName: \"v-loading\",\n      value: !_vm.isReady,\n      expression: \"!isReady\"\n    }],\n    ref: \"regionTree\",\n    attrs: {\n      \"node-key\": \"id\",\n      \"show-checkbox\": \"\",\n      \"element-loading-spinner\": \"el-icon-loading\",\n      \"element-loading-background\": \"rgba(0, 0, 0, 0.3)\",\n      \"check-strictly\": false,\n      data: _vm.treeData[0].children,\n      \"expand-on-click-node\": false,\n      \"render-after-expand\": false\n    },\n    on: {\n      check: _vm.checkChanged\n    },\n    scopedSlots: _vm._u([{\n      key: \"default\",\n      fn: function fn(_ref) {\n        var node = _ref.node,\n          data = _ref.data;\n        return _c(\"span\", {\n          staticClass: \"region-tree-node\",\n          class: {\n            activeItem: _vm.nodeIsActive(data),\n            hoverItem: _vm.nodeIsHover(data)\n          },\n          on: {\n            click: function click($event) {\n              return _vm.changeActiveByNode(data, true);\n            },\n            mouseover: function mouseover($event) {\n              return _vm.changeHoverByNode(data, true);\n            }\n          }\n        }, [data.isPrimitives ? _c(\"el-color-picker\", {\n          class: {\n            \"show-picker\": _vm.showColourPicker\n          },\n          attrs: {\n            value: _vm.getColour(data),\n            size: \"small\",\n            \"popper-class\": _vm.myPopperClass\n          },\n          on: {\n            change: function change($event) {\n              return _vm.setColour(data, $event);\n            }\n          }\n        }) : _vm._e(), _c(\"span\", [_vm._v(_vm._s(node.label))])], 1);\n      }\n    }])\n  })], 1)], 1), _c(\"div\", {\n    staticClass: \"drawer-button\",\n    class: {\n      open: _vm.drawerOpen,\n      close: !_vm.drawerOpen\n    },\n    on: {\n      click: _vm.toggleDrawer\n    }\n  }, [_c(\"i\", {\n    staticClass: \"el-icon-arrow-left\"\n  })])]);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://scaffoldvuer-wc/./src/components/TreeControls.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22c9aa2002-vue-loader-template%22%7D!./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");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"tree-controls\",\n    class: {\n      open: _vm.drawerOpen,\n      close: !_vm.drawerOpen\n    }\n  }, [_c(\"div\", {\n    staticClass: \"traditional-container\"\n  }, [_c(\"el-row\", [_c(\"el-col\", {\n    attrs: {\n      span: 12\n    }\n  }, [_c(\"div\", {\n    staticClass: \"regions-display-text\"\n  }, [_vm._v(\" Regions \")])])], 1), _c(\"div\", {\n    staticClass: \"tree-container\"\n  }, [_c(\"el-tree\", {\n    directives: [{\n      name: \"loading\",\n      rawName: \"v-loading\",\n      value: !_vm.isReady,\n      expression: \"!isReady\"\n    }],\n    ref: \"regionTree\",\n    attrs: {\n      \"node-key\": \"id\",\n      \"show-checkbox\": \"\",\n      \"element-loading-spinner\": \"el-icon-loading\",\n      \"element-loading-background\": \"rgba(0, 0, 0, 0.3)\",\n      \"check-strictly\": false,\n      data: _vm.treeData[0].children,\n      \"expand-on-click-node\": false,\n      \"render-after-expand\": false\n    },\n    on: {\n      check: _vm.checkChanged\n    },\n    scopedSlots: _vm._u([{\n      key: \"default\",\n      fn: function fn(_ref) {\n        var node = _ref.node,\n          data = _ref.data;\n        return _c(\"span\", {\n          staticClass: \"region-tree-node\",\n          class: {\n            activeItem: _vm.nodeIsActive(data),\n            hoverItem: _vm.nodeIsHover(data)\n          },\n          on: {\n            click: function click($event) {\n              return _vm.changeActiveByNode(data, true);\n            },\n            mouseover: function mouseover($event) {\n              return _vm.changeHoverByNode(data, true);\n            }\n          }\n        }, [data.isPrimitives ? _c(\"el-color-picker\", {\n          class: {\n            \"show-picker\": _vm.showColourPicker\n          },\n          attrs: {\n            value: _vm.getColour(data),\n            size: \"small\",\n            \"popper-class\": _vm.myPopperClass\n          },\n          on: {\n            change: function change($event) {\n              return _vm.setColour(data, $event);\n            }\n          }\n        }) : _vm._e(), _c(\"span\", [_vm._v(_vm._s(node.label))])], 1);\n      }\n    }])\n  })], 1)], 1), _c(\"div\", {\n    staticClass: \"drawer-button\",\n    class: {\n      open: _vm.drawerOpen,\n      close: !_vm.drawerOpen\n    },\n    on: {\n      click: _vm.toggleDrawer\n    }\n  }, [_c(\"i\", {\n    staticClass: \"el-icon-arrow-left\"\n  })])]);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://scaffoldvuer-wc/./src/components/TreeControls.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%221b070f64-vue-loader-template%22%7D!./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");
 
 /***/ }),
 
@@ -5623,7 +5623,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_c9aa2002_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_OpacityControls_vue_vue_type_template_id_ee8a4d3e_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"c9aa2002-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!./OpacityControls.vue?vue&type=template&id=ee8a4d3e&scoped=true& */ \"./node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"c9aa2002-vue-loader-template\\\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/OpacityControls.vue?vue&type=template&id=ee8a4d3e&scoped=true&\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_c9aa2002_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_OpacityControls_vue_vue_type_template_id_ee8a4d3e_scoped_true___WEBPACK_IMPORTED_MODULE_0__[\"render\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_c9aa2002_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_OpacityControls_vue_vue_type_template_id_ee8a4d3e_scoped_true___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"]; });\n\n\n\n//# sourceURL=webpack://scaffoldvuer-wc/./src/components/OpacityControls.vue?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_1b070f64_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_OpacityControls_vue_vue_type_template_id_ee8a4d3e_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"1b070f64-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!./OpacityControls.vue?vue&type=template&id=ee8a4d3e&scoped=true& */ \"./node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"1b070f64-vue-loader-template\\\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/OpacityControls.vue?vue&type=template&id=ee8a4d3e&scoped=true&\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_1b070f64_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_OpacityControls_vue_vue_type_template_id_ee8a4d3e_scoped_true___WEBPACK_IMPORTED_MODULE_0__[\"render\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_1b070f64_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_OpacityControls_vue_vue_type_template_id_ee8a4d3e_scoped_true___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"]; });\n\n\n\n//# sourceURL=webpack://scaffoldvuer-wc/./src/components/OpacityControls.vue?");
 
 /***/ }),
 
@@ -5671,7 +5671,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_c9aa2002_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_ScaffoldTooltip_vue_vue_type_template_id_7c65faa6_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"c9aa2002-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!./ScaffoldTooltip.vue?vue&type=template&id=7c65faa6&scoped=true& */ \"./node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"c9aa2002-vue-loader-template\\\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/ScaffoldTooltip.vue?vue&type=template&id=7c65faa6&scoped=true&\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_c9aa2002_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_ScaffoldTooltip_vue_vue_type_template_id_7c65faa6_scoped_true___WEBPACK_IMPORTED_MODULE_0__[\"render\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_c9aa2002_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_ScaffoldTooltip_vue_vue_type_template_id_7c65faa6_scoped_true___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"]; });\n\n\n\n//# sourceURL=webpack://scaffoldvuer-wc/./src/components/ScaffoldTooltip.vue?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_1b070f64_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_ScaffoldTooltip_vue_vue_type_template_id_7c65faa6_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"1b070f64-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!./ScaffoldTooltip.vue?vue&type=template&id=7c65faa6&scoped=true& */ \"./node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"1b070f64-vue-loader-template\\\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/ScaffoldTooltip.vue?vue&type=template&id=7c65faa6&scoped=true&\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_1b070f64_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_ScaffoldTooltip_vue_vue_type_template_id_7c65faa6_scoped_true___WEBPACK_IMPORTED_MODULE_0__[\"render\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_1b070f64_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_ScaffoldTooltip_vue_vue_type_template_id_7c65faa6_scoped_true___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"]; });\n\n\n\n//# sourceURL=webpack://scaffoldvuer-wc/./src/components/ScaffoldTooltip.vue?");
 
 /***/ }),
 
@@ -5731,7 +5731,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_c9aa2002_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_template_id_689ce3f2_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"c9aa2002-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!./ScaffoldVuer.vue?vue&type=template&id=689ce3f2&scoped=true& */ \"./node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"c9aa2002-vue-loader-template\\\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/ScaffoldVuer.vue?vue&type=template&id=689ce3f2&scoped=true&\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_c9aa2002_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_template_id_689ce3f2_scoped_true___WEBPACK_IMPORTED_MODULE_0__[\"render\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_c9aa2002_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_template_id_689ce3f2_scoped_true___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"]; });\n\n\n\n//# sourceURL=webpack://scaffoldvuer-wc/./src/components/ScaffoldVuer.vue?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_1b070f64_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_template_id_689ce3f2_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"1b070f64-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!./ScaffoldVuer.vue?vue&type=template&id=689ce3f2&scoped=true& */ \"./node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"1b070f64-vue-loader-template\\\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/ScaffoldVuer.vue?vue&type=template&id=689ce3f2&scoped=true&\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_1b070f64_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_template_id_689ce3f2_scoped_true___WEBPACK_IMPORTED_MODULE_0__[\"render\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_1b070f64_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_template_id_689ce3f2_scoped_true___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"]; });\n\n\n\n//# sourceURL=webpack://scaffoldvuer-wc/./src/components/ScaffoldVuer.vue?");
 
 /***/ }),
 
@@ -5791,7 +5791,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_c9aa2002_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_TreeControls_vue_vue_type_template_id_71c9daa4_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"c9aa2002-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!./TreeControls.vue?vue&type=template&id=71c9daa4&scoped=true& */ \"./node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"c9aa2002-vue-loader-template\\\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/TreeControls.vue?vue&type=template&id=71c9daa4&scoped=true&\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_c9aa2002_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_TreeControls_vue_vue_type_template_id_71c9daa4_scoped_true___WEBPACK_IMPORTED_MODULE_0__[\"render\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_c9aa2002_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_TreeControls_vue_vue_type_template_id_71c9daa4_scoped_true___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"]; });\n\n\n\n//# sourceURL=webpack://scaffoldvuer-wc/./src/components/TreeControls.vue?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_1b070f64_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_TreeControls_vue_vue_type_template_id_71c9daa4_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"1b070f64-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!./TreeControls.vue?vue&type=template&id=71c9daa4&scoped=true& */ \"./node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"1b070f64-vue-loader-template\\\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/TreeControls.vue?vue&type=template&id=71c9daa4&scoped=true&\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_1b070f64_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_TreeControls_vue_vue_type_template_id_71c9daa4_scoped_true___WEBPACK_IMPORTED_MODULE_0__[\"render\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return _node_modules_cache_loader_dist_cjs_js_cacheDirectory_node_modules_cache_vue_loader_cacheIdentifier_1b070f64_vue_loader_template_node_modules_cache_loader_dist_cjs_js_ref_13_0_node_modules_babel_loader_lib_index_js_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_index_js_vue_loader_options_TreeControls_vue_vue_type_template_id_71c9daa4_scoped_true___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"]; });\n\n\n\n//# sourceURL=webpack://scaffoldvuer-wc/./src/components/TreeControls.vue?");
 
 /***/ }),
 
@@ -5880,7 +5880,7 @@ eval("var _typeof = __webpack_require__(/*! ./node_modules/@babel/runtime/helper
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"indexedProperties\", function() { return indexedProperties; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SearchIndex\", function() { return SearchIndex; });\n/* harmony import */ var _home_alan_git_repos_scaffoldvuer_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js */ \"./node_modules/@babel/runtime/helpers/esm/classCallCheck.js\");\n/* harmony import */ var _home_alan_git_repos_scaffoldvuer_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/createClass.js */ \"./node_modules/@babel/runtime/helpers/esm/createClass.js\");\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ \"./node_modules/core-js/modules/es.array.includes.js\");\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ \"./node_modules/core-js/modules/es.regexp.exec.js\");\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.string.search.js */ \"./node_modules/core-js/modules/es.string.search.js\");\n/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ \"./node_modules/core-js/modules/es.array.filter.js\");\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ \"./node_modules/core-js/modules/es.object.to-string.js\");\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ \"./node_modules/core-js/modules/es.string.includes.js\");\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ \"./node_modules/core-js/modules/es.array.map.js\");\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var core_js_modules_es_array_sort_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.array.sort.js */ \"./node_modules/core-js/modules/es.array.sort.js\");\n/* harmony import */ var core_js_modules_es_array_sort_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_sort_js__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var minisearch__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! minisearch */ \"./node_modules/minisearch/dist/es5m/index.js\");\n\n\n\n\n\n\n\n\n\n\n\n/******************************************************************************\n\nFlatmap viewer and annotation tool\n\nCopyright (c) 2019  David Brooks\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n******************************************************************************/\n\n//==============================================================================\n\n\n\n//==============================================================================\n\n// The properties of a feature we index and show\n\nvar indexedProperties = ['label', 'models', 'source'];\n\n//==============================================================================\n\nvar SearchIndex = /*#__PURE__*/function () {\n  function SearchIndex() {\n    Object(_home_alan_git_repos_scaffoldvuer_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(this, SearchIndex);\n    this._searchEngine = new minisearch__WEBPACK_IMPORTED_MODULE_11__[\"default\"]({\n      fields: ['groupName'],\n      storeFields: ['groupName'],\n      tokenize: function tokenize(string, _fieldName) {\n        return string.split('\"');\n      } // indexing tokenizer\n    });\n\n    this._featureIds = [];\n    this.zincObjects = [];\n  }\n  Object(_home_alan_git_repos_scaffoldvuer_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(SearchIndex, [{\n    key: \"indexMetadata\",\n    value: function indexMetadata(featureId, metadata)\n    //================================\n    {\n      var textSeen = [];\n      for (var _i = 0, _indexedProperties = indexedProperties; _i < _indexedProperties.length; _i++) {\n        var prop = _indexedProperties[_i];\n        if (prop in metadata) {\n          var text = metadata[prop];\n          if (!textSeen.includes(text)) {\n            this.addTerm_(featureId, text);\n            textSeen.push(text);\n          }\n        }\n      }\n    }\n  }, {\n    key: \"addZincObject\",\n    value: function addZincObject(zincObject, id)\n    //=======================\n    {\n      var item = {\n        groupName: zincObject.groupName,\n        id: id\n      };\n      this._searchEngine.add(item, {\n        fields: ['groupName']\n      });\n      this.zincObjects.push(zincObject);\n    }\n  }, {\n    key: \"clearResults\",\n    value: function clearResults()\n    //============\n    {\n      this._;\n    }\n  }, {\n    key: \"removeAll\",\n    value: function removeAll()\n    //=======================\n    {\n      this._searchEngine.removeAll();\n      this.zincObjects.length = 0;\n    }\n  }, {\n    key: \"auto_suggest\",\n    value: function auto_suggest(text)\n    //================\n    {\n      return this._searchEngine.autoSuggest(text, {\n        prefix: true\n      });\n    }\n  }, {\n    key: \"search\",\n    value: function search(text) {\n      var results = this._searchEngine.search(text, {\n        prefix: true\n      });\n      var zincResults = this.zincObjects.filter(function (zincObject) {\n        return results.map(function (r) {\n          return r.id;\n        }).includes(zincObject.searchIndexId);\n      });\n      return zincResults;\n    }\n\n    // search(text)\n    // //==========\n    // {\n    //     const options = {};\n    //     let results = [];\n    //     text = text.trim()\n    //     if (text.length > 2 && [\"'\", '\"'].indexOf(text.slice(0, 1)) >= 0) {\n    //         text = text.replaceAll(text.slice(0, 1), '');\n    //         results = this._searchEngine.search(text, {prefix: true, combineWith: 'AND'});\n    //     } else if (text.length > 1) {\n    //         results = this._searchEngine.search(text, {prefix: true});\n    //     }\n    //     const featureResults = results.map(r => {\n    //         return {\n    //             featureId: this._featureIds[r.id],\n    //             score: r.score,\n    //             terms: r.terms,\n    //             text: r.text\n    //         }});\n    //     return new SearchResults(featureResults);\n    // }\n  }]);\n  return SearchIndex;\n}();\n\n//==============================================================================\nvar SearchResults = /*#__PURE__*/function () {\n  function SearchResults(results) {\n    Object(_home_alan_git_repos_scaffoldvuer_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(this, SearchResults);\n    this.__results = results.sort(function (a, b) {\n      return b.score - a.score;\n    });\n    this.__featureIds = results.map(function (r) {\n      return r.featureId;\n    });\n  }\n  Object(_home_alan_git_repos_scaffoldvuer_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(SearchResults, [{\n    key: \"featureIds\",\n    get: function get() {\n      return this.__featureIds;\n    }\n  }, {\n    key: \"results\",\n    get: function get() {\n      return this.__results;\n    }\n  }]);\n  return SearchResults;\n}(); //==============================================================================\n\n//# sourceURL=webpack://scaffoldvuer-wc/./src/scripts/search.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"indexedProperties\", function() { return indexedProperties; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SearchIndex\", function() { return SearchIndex; });\n/* harmony import */ var _home_alan_git_repos_scaffoldvuer_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js */ \"./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js\");\n/* harmony import */ var _home_alan_git_repos_scaffoldvuer_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js */ \"./node_modules/@babel/runtime/helpers/esm/classCallCheck.js\");\n/* harmony import */ var _home_alan_git_repos_scaffoldvuer_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/createClass.js */ \"./node_modules/@babel/runtime/helpers/esm/createClass.js\");\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ \"./node_modules/core-js/modules/es.array.includes.js\");\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ \"./node_modules/core-js/modules/es.regexp.exec.js\");\n/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.string.search.js */ \"./node_modules/core-js/modules/es.string.search.js\");\n/* harmony import */ var core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_search_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ \"./node_modules/core-js/modules/es.array.filter.js\");\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ \"./node_modules/core-js/modules/es.object.to-string.js\");\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ \"./node_modules/core-js/modules/es.string.includes.js\");\n/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ \"./node_modules/core-js/modules/es.array.map.js\");\n/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ \"./node_modules/core-js/modules/web.dom-collections.for-each.js\");\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var core_js_modules_es_array_sort_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.array.sort.js */ \"./node_modules/core-js/modules/es.array.sort.js\");\n/* harmony import */ var core_js_modules_es_array_sort_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_sort_js__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var minisearch__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! minisearch */ \"./node_modules/minisearch/dist/es5m/index.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n/******************************************************************************\n\nFlatmap viewer and annotation tool\n\nCopyright (c) 2019  David Brooks\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n******************************************************************************/\n\n//==============================================================================\n\n\n\n//==============================================================================\n\n// The properties of a feature we index and show\n\nvar indexedProperties = ['label', 'models', 'source'];\n\n//==============================================================================\n\nvar SearchIndex = /*#__PURE__*/function () {\n  function SearchIndex() {\n    Object(_home_alan_git_repos_scaffoldvuer_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(this, SearchIndex);\n    this._searchEngine = new minisearch__WEBPACK_IMPORTED_MODULE_13__[\"default\"]({\n      fields: ['groupName'],\n      storeFields: ['groupName'],\n      tokenize: function tokenize(string, _fieldName) {\n        return string.split('\"');\n      } // indexing tokenizer\n    });\n\n    this._featureIds = [];\n    this.zincObjects = [];\n  }\n  Object(_home_alan_git_repos_scaffoldvuer_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(SearchIndex, [{\n    key: \"indexMetadata\",\n    value: function indexMetadata(featureId, metadata)\n    //================================\n    {\n      var textSeen = [];\n      for (var _i = 0, _indexedProperties = indexedProperties; _i < _indexedProperties.length; _i++) {\n        var prop = _indexedProperties[_i];\n        if (prop in metadata) {\n          var text = metadata[prop];\n          if (!textSeen.includes(text)) {\n            this.addTerm_(featureId, text);\n            textSeen.push(text);\n          }\n        }\n      }\n    }\n  }, {\n    key: \"addZincObject\",\n    value: function addZincObject(zincObject, id)\n    //=======================\n    {\n      var item = {\n        groupName: zincObject.groupName,\n        id: id\n      };\n      this._searchEngine.add(item, {\n        fields: ['groupName']\n      });\n      this.zincObjects.push(zincObject);\n    }\n  }, {\n    key: \"clearResults\",\n    value: function clearResults()\n    //============\n    {\n      this._;\n    }\n  }, {\n    key: \"removeAll\",\n    value: function removeAll()\n    //=======================\n    {\n      this._searchEngine.removeAll();\n      this.zincObjects.length = 0;\n    }\n  }, {\n    key: \"auto_suggest\",\n    value: function auto_suggest(text)\n    //================\n    {\n      return this._searchEngine.autoSuggest(text, {\n        prefix: true\n      });\n    }\n  }, {\n    key: \"search\",\n    value: function search(text) {\n      var results = this._searchEngine.search(text, {\n        prefix: true\n      });\n      var zincResults = this.zincObjects.filter(function (zincObject) {\n        return results.map(function (r) {\n          return r.id;\n        }).includes(zincObject.searchIndexId);\n      });\n      return zincResults;\n    }\n  }, {\n    key: \"searchTerms\",\n    value: function searchTerms(terms) {\n      var _this = this;\n      var results = [];\n      terms.forEach(function (term) {\n        var result = _this.search(term);\n        results.push.apply(results, Object(_home_alan_git_repos_scaffoldvuer_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(result));\n      });\n      return results;\n    }\n\n    // search(text)\n    // //==========\n    // {\n    //     const options = {};\n    //     let results = [];\n    //     text = text.trim()\n    //     if (text.length > 2 && [\"'\", '\"'].indexOf(text.slice(0, 1)) >= 0) {\n    //         text = text.replaceAll(text.slice(0, 1), '');\n    //         results = this._searchEngine.search(text, {prefix: true, combineWith: 'AND'});\n    //     } else if (text.length > 1) {\n    //         results = this._searchEngine.search(text, {prefix: true});\n    //     }\n    //     const featureResults = results.map(r => {\n    //         return {\n    //             featureId: this._featureIds[r.id],\n    //             score: r.score,\n    //             terms: r.terms,\n    //             text: r.text\n    //         }});\n    //     return new SearchResults(featureResults);\n    // }\n  }]);\n  return SearchIndex;\n}();\n\n//==============================================================================\nvar SearchResults = /*#__PURE__*/function () {\n  function SearchResults(results) {\n    Object(_home_alan_git_repos_scaffoldvuer_node_modules_babel_runtime_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(this, SearchResults);\n    this.__results = results.sort(function (a, b) {\n      return b.score - a.score;\n    });\n    this.__featureIds = results.map(function (r) {\n      return r.featureId;\n    });\n  }\n  Object(_home_alan_git_repos_scaffoldvuer_node_modules_babel_runtime_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(SearchResults, [{\n    key: \"featureIds\",\n    get: function get() {\n      return this.__featureIds;\n    }\n  }, {\n    key: \"results\",\n    get: function get() {\n      return this.__results;\n    }\n  }]);\n  return SearchResults;\n}(); //==============================================================================\n\n//# sourceURL=webpack://scaffoldvuer-wc/./src/scripts/search.js?");
 
 /***/ }),