{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/viewers/Scaffold.vue?vue&type=style&index=0&id=cf24190a&prod&scoped=true&lang=scss&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/viewers/Scaffold.vue","mtime":1694129089876},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/sass-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Cjo6di1kZWVwIC5tZXNzYWdlLXBvcHBlciB7CiAgd2hpdGUtc3BhY2U6IHVuc2V0OwogIG1heC13aWR0aDogMjAwcHg7Cn0K"},{"version":3,"sources":["Scaffold.vue"],"names":[],"mappings":";AAoMA;AACA;AACA;AACA","file":"Scaffold.vue","sourceRoot":"src/components/viewers","sourcesContent":["<template>\n  <ScaffoldVuer\n    :state=\"entry.state\"\n    :url=\"entry.resource\"\n    :region=\"entry.region\"\n    @scaffold-selected=\"resourceSelected(entry.type, $event)\"\n    @scaffold-highlighted=\"scaffoldHighlighted(entry.type, $event)\"\n    @scaffold-navigated=\"scaffoldNavigated(entry.type, $event)\"\n    @on-ready=\"scaffoldIsReady\"\n    @open-map=\"openMap\"\n    ref=\"scaffold\"\n    :background-toggle=\"true\"\n    :traditional=\"true\"\n    :help-mode=\"helpMode\"\n    :render=\"visible\"\n    :display-latest-message=\"true\"\n    :warning-message=\"warningMessage\"\n    :display-minimap=\"false\"\n    :display-markers=\"false\"\n    :enableOpenMapUI=\"entry.isBodyScaffold\"\n    :view-u-r-l=\"entry.viewUrl\"\n    :markerLabels=\"markerLabels\"\n  />\n</template>\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport EventBus from \"../EventBus\";\nimport { ScaffoldVuer } from \"@abi-software/scaffoldvuer/src/components/index.js\";\nimport ContentMixin from \"../../mixins/ContentMixin\";\nimport store from \"../../store\";\n\nexport default {\n  name: \"Scaffold\",\n  mixins: [ ContentMixin ],\n  components: {\n    ScaffoldVuer,\n  },\n  methods: {\n    onResize: function () {\n      this.scaffoldCamera.onResize();\n    },\n    getState: function () {\n      return this.$refs.scaffold.getState();\n    },\n    /**\n     * Perform a local search on this contentvuer\n     */\n    search: function (term) {\n      //Remove first and last letter if they are double quote\n      const parsed = term.replace(/(^\"|\"$)/g, '');\n      return this.$refs.scaffold.search(parsed, true);\n    },\n    searchSuggestions: function(term, suggestions){\n      if (term === \"\" || !this.$refs.scaffold) {\n        return suggestions;\n      }\n      const items = this.$refs.scaffold.fetchSuggestions(term);\n      items.forEach(item => {\n        if (item.suggestion) suggestions.push(item.suggestion);\n      });\n    },\n    /**\n     * Handle sync pan zoom event\n     */\n    handleSyncPanZoomEvent: function (data) {\n      //Prevent recursive callback\n      if (!this.mouseHovered) {\n        if (data.type !== this.entry.type) {\n          const origin = data.payload.origin;\n          const size = data.payload.size;\n          const center = [origin[0] + size[0] / 2, origin[1] + size[1] / 2];\n          const convertedCenter = [\n            (center[0] - 0.5) * 2,\n            (0.5 - center[1]) * 2,\n          ];\n          const zoom = 1 / Math.max(size[0], size[1]);\n          this.$refs.scaffold.$module.setSyncControlCenterZoom(\n            convertedCenter,\n            zoom\n          );\n        }\n      }\n    },\n    displayTooltip: function(info) {\n      let name = undefined;\n      if (info) {\n        name = info.name;\n      }\n      if (name) {\n        this.$refs.scaffold.search(name, true);\n      } else {\n        this.$refs.scaffold.hideRegionTooltip();\n      }\n    },\n    zoomToFeatures: function(info, forceSelect) {\n      let names = undefined;\n      if (Array.isArray(info)) names = info;\n      else names = [ info.name ];\n      if (forceSelect) {\n        this.$refs.scaffold.changeActiveByName(names, \"\", false);\n      }\n      this.$refs.scaffold.viewRegion(names);\n    },\n    highlightFeatures: function(info) {\n      let names = undefined;\n      if (Array.isArray(info)) names = info;\n      else names = [ info.name ];\n      this.$refs.scaffold.changeHighlightedByName(names, \"\", false);\n    },\n    scaffoldIsReady: function () {\n      this.scaffoldLoaded = true;\n      this.$refs.scaffold.$module.graphicsHighlight.highlightColour = [1, 0, 1];\n      if (this.isVisible()) {\n        let rotation = \"free\";\n        if (this.entry.rotation) rotation = this.entry.rotation;\n        this.$refs.scaffold.toggleSyncControl(store.state.splitFlow.globalCallback, rotation);\n        if (store.state.splitFlow.syncMode) this.$refs.scaffold.fitWindow();\n      }\n    },\n    requestSynchronisedEvent: function (flag) {\n      if (this.scaffoldLoaded) {\n        let rotation = \"free\";\n        if (this.entry.rotation) rotation = this.entry.rotation;\n        this.$refs.scaffold.toggleSyncControl(flag, rotation);\n      }\n    },\n    /**\n     * Callback when the vuers emit a selected event.\n     */\n    scaffoldHighlighted: function (type, resource) {\n      const result = {\n        paneIndex: this.entry.id,\n        type: type,\n        resource: resource,\n        internalName: undefined,\n      };\n      if (resource && resource[0]) {\n        result.internalName = resource[0].data.id;\n        result.eventType = \"highlighted\";\n      }\n      this.$emit(\"resource-selected\", result);\n    },\n    /**\n     * Callback when the vuers emit a selected event.\n     */\n    scaffoldNavigated: function (type, resource) {\n      if (this.mouseHovered) {\n        const result = {\n          paneIndex: this.entry.id,\n          eventType: \"panZoom\",\n          payload: resource,\n          type: type,\n        };\n        this.$emit(\"resource-selected\", result);\n      }\n    },\n    /**\n     * Check if this viewer is currently visible\n     */\n    isVisible: function() {\n      let slot = store.getters[\"splitFlow/getSlotById\"](this.entry.id);\n      if (slot) return store.getters[\"splitFlow/isSlotActive\"](slot);\n      return false;\n    },\n  },\n  computed: {\n    warningMessage: function() {\n      if (this.entry.isBodyScaffold) {\n        return \"This map displays the anatomical location and connectivity of nerves, through which the neuron populations from the ApiNATOMY models available in SCKAN can be routed.\";\n      } else {\n        return \"Under active development\";\n      }\n    },\n    markerLabels: function () {\n      return store.state.settings.facetLabels;\n    },\n  },\n  data: function () {\n    return {\n      apiLocation: process.env.VUE_APP_API_LOCATION,\n      scaffoldCamera: undefined,\n      scaffoldLoaded: false,\n    };\n  },\n  mounted: function () {\n    this.scaffoldCamera =\n      this.$refs.scaffold.$module.scene.getZincCameraControls();\n    EventBus.$on(\"startHelp\", () => {\n      this.startHelp();\n    });\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n::v-deep .message-popper {\n  white-space: unset;\n  max-width: 200px;\n}\n</style>\n"]}]}