{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/ContentBar.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/ContentBar.vue","mtime":1698105156817},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/thread-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/babel-loader/lib/index.js","mtime":456789000000},{"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:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBWdWUgZnJvbSAidnVlIjsKaW1wb3J0IEV2ZW50QnVzIGZyb20gJy4vRXZlbnRCdXMnOwppbXBvcnQgc3RvcmUgZnJvbSAiLi4vc3RvcmUiOwppbXBvcnQgQ29udGV4dENhcmQgZnJvbSAiLi9Db250ZXh0Q2FyZCI7CmltcG9ydCBGbGF0bWFwQ29udGV4dENhcmQgZnJvbSAnLi9GbGF0bWFwQ29udGV4dENhcmQudnVlJzsKaW1wb3J0IHsgSW5wdXQsIE9wdGlvbiwgUG9wb3ZlciwgUm93LCBTZWxlY3QgfSBmcm9tICJlbGVtZW50LXVpIjsKaW1wb3J0IGxhbmcgZnJvbSAiZWxlbWVudC11aS9saWIvbG9jYWxlL2xhbmcvZW4iOwppbXBvcnQgbG9jYWxlIGZyb20gImVsZW1lbnQtdWkvbGliL2xvY2FsZSI7Cgpsb2NhbGUudXNlKGxhbmcpOwpWdWUudXNlKElucHV0KTsKVnVlLnVzZShPcHRpb24pOwpWdWUudXNlKFNlbGVjdCk7ClZ1ZS51c2UoUG9wb3Zlcik7ClZ1ZS51c2UoUm93KTsKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiQ29udGVudEJhciIsCiAgY29tcG9uZW50czogewogICAgQ29udGV4dENhcmQsCiAgICBGbGF0bWFwQ29udGV4dENhcmQKICB9LAogIHByb3BzOiB7CiAgICBlbnRyeTogT2JqZWN0LAogIH0sCiAgZGF0YTogZnVuY3Rpb24oKSB7CiAgICByZXR1cm4gewogICAgICBjb250ZXh0Q2FyZFZpc2libGU6IGZhbHNlLAogICAgICBzbG90OnsKCiAgICAgIH0sCiAgICAgIGJvdW5kYXJpZXNFbGVtZW50OiBudWxsLCAvLyB0aGlzIGlzIHNldCBAaG9vazptb3VudGVkIGJ5IHRoZSBwYXJlbnQgY29tcG9uZW50IHZpYSB0aGUgJ3NldEJvdW5kYXJ5JyBtZXRob2QKICAgICAgc2hvd0RldGFpbHM6IHRydWUsCiAgICAgIGNvbnRleHRDYXJkRW50cnk6IHVuZGVmaW5lZCwKICAgIH0KICB9LAogIGNvbXB1dGVkOiB7CiAgICBoZWxwRGVsYXkoKSB7CiAgICAgIHJldHVybiBzdG9yZS5zdGF0ZS5zZXR0aW5ncy5oZWxwRGVsYXk7CiAgICB9LAogICAgYWN0aXZlVmlldzogZnVuY3Rpb24oKSB7CiAgICAgIHJldHVybiBzdG9yZS5zdGF0ZS5zcGxpdEZsb3cuYWN0aXZlVmlldzsKICAgIH0sCiAgICBlbnZWYXJzOiBmdW5jdGlvbiAoKSB7CiAgICAgIHJldHVybiB7CiAgICAgICAgQVBJX0xPQ0FUSU9OOiBzdG9yZS5zdGF0ZS5zZXR0aW5ncy5zcGFyY0FwaSwKICAgICAgICBBTEdPTElBX0lOREVYOiBzdG9yZS5zdGF0ZS5zZXR0aW5ncy5hbGdvbGlhSW5kZXgsCiAgICAgICAgQUxHT0xJQV9LRVk6IHN0b3JlLnN0YXRlLnNldHRpbmdzLmFsZ29saWFLZXksCiAgICAgICAgQUxHT0xJQV9JRDogc3RvcmUuc3RhdGUuc2V0dGluZ3MuYWxnb2xpYUlkLAogICAgICAgIFBFTk5TSUVWRV9BUElfTE9DQVRJT046IHN0b3JlLnN0YXRlLnNldHRpbmdzLnBlbm5zaWV2ZUFwaSwKICAgICAgICBOTF9MSU5LX1BSRUZJWDogc3RvcmUuc3RhdGUuc2V0dGluZ3MubmxMaW5rUHJlZml4LAogICAgICAgIFJPT1RfVVJMOiBzdG9yZS5zdGF0ZS5zZXR0aW5ncy5yb290VXJsLAogICAgICB9OwogICAgfSwKICAgIHBvcHBlck9wdGlvbnM6IGZ1bmN0aW9uKCkgeyAKICAgICAgcmV0dXJuIHsgCiAgICAgICAgcHJldmVudE92ZXJmbG93OiB7CiAgICAgICAgICBlbmFibGVkOiB0cnVlLAogICAgICAgICAgYm91bmRhcmllc0VsZW1lbnQ6IHRoaXMuYm91bmRhcmllc0VsZW1lbnQsCiAgICAgICAgfQogICAgICB9CiAgICB9LAogICAgZW50cmllczogZnVuY3Rpb24oKSB7CiAgICAgIHJldHVybiBzdG9yZS5zdGF0ZS5lbnRyaWVzLmVudHJpZXM7CiAgICB9LAogIH0sCiAgbWV0aG9kczogewogICAgY2xvc2VBbmRSZW1vdmU6IGZ1bmN0aW9uKCkgewogICAgICBzdG9yZS5jb21taXQoInNwbGl0Rmxvdy9jbG9zZVNsb3QiLCAKICAgICAgICB7IGlkOiB0aGlzLmVudHJ5LmlkLCBlbnRyaWVzOiB0aGlzLmVudHJpZXN9KTsKICAgICAgRXZlbnRCdXMuJGVtaXQoIlJlbW92ZUVudHJ5UmVxdWVzdCIsIHRoaXMuZW50cnkuaWQpOwogICAgfSwKICAgIGdldEVudHJ5VGl0bGU6IGZ1bmN0aW9uKGVudHJ5KSB7CiAgICAgIGlmIChlbnRyeSkgewogICAgICAgIGxldCB0aXRsZSA9IGVudHJ5LmxhYmVsID8gZW50cnkubGFiZWwgKyAiICI6ICcnOwogICAgICAgIGxldCB0eXBlID0gZW50cnkudHlwZTsKICAgICAgICBpZiAodHlwZSA9PSAiU2NhZmZvbGQiKQogICAgICAgICAgdHlwZSA9ICIzRCBTY2FmZm9sZCI7CiAgICAgICAgdGl0bGUgKz0gdHlwZTsKICAgICAgICBpZiAoZW50cnkuZGF0YXNldElkKQogICAgICAgICAgdGl0bGUgKz0gIiAoIiArIGVudHJ5LmRhdGFzZXRJZCArICIpIjsKICAgICAgICBlbHNlIGlmIChlbnRyeS5kaXNjb3ZlcklkKQogICAgICAgICAgdGl0bGUgKz0gIiAoIiArIGVudHJ5LmRpc2NvdmVySWQgKyAiKSI7CiAgICAgICAgcmV0dXJuIHRpdGxlOwogICAgICB9CiAgICAgIHJldHVybiAiVmlld2VyIjsKICAgIH0sCiAgICB2aWV3ZXJDaGFuZ2VkOiBmdW5jdGlvbih2YWx1ZSkgewogICAgICBpZiAodGhpcy5lbnRyeS5pZCAmJiB0aGlzLmVudHJ5LmlkICE9IHZhbHVlKSB7CiAgICAgICAgc3RvcmUuY29tbWl0KCJzcGxpdEZsb3cvYXNzaWduT3JTd2FwU2xvdFdpdGhJZHMiLCB7CiAgICAgICAgICBzb3VyY2U6IHRoaXMuZW50cnkuaWQsCiAgICAgICAgICB0YXJnZXQ6IHZhbHVlCiAgICAgICAgfSk7CiAgICAgICAgVnVlLm5leHRUaWNrKCgpID0+IHsKICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4gewogICAgICAgICAgICB0aGlzLiRlbWl0KCJjaG9vc2VyLWNoYW5nZWQiKTsKICAgICAgICAgIH0sIDEyMDApOwogICAgICAgIH0pOwogICAgICAgIC8vdGhpcy5jb250ZXh0Q2FyZFZpc2libGUgPSBmYWxzZTsgLy8gSGlkZSBhbGwgY29udGV4dCBjYXJkcyB3aGVuIHN3aXRjaGluZyB2aWV3ZXJzCiAgICAgIH0KICAgIH0sCiAgICAvLyBzZXRQb3BwZXIgd2l0aCBpcyBuZWVkZWQgYXMgdGhlIGZsYXRtYXAgY29udGV4dCBjYXJkIGRvZXMgbm90IGhhdmUgYW4gaW1hZ2UgYW5kIGhhcyBzbWFsbGVyIHdpdGgKICAgIHNldFBvcHBlcldpZHRoOiBmdW5jdGlvbihzbG90SWQpIHsKICAgICAgbGV0IGVudHJ5ID0gdGhpcy5lbnRyaWVzLmZpbmQoZW50cnkgPT4gZW50cnkuaWQgPT09IHNsb3RJZCk7CiAgICAgIGlmIChlbnRyeSkgewogICAgICAgIGlmIChlbnRyeS50eXBlID09ICJGbGF0bWFwIiB8fCBlbnRyeS50eXBlID09ICJNdWx0aUZsYXRtYXAiKSB7CiAgICAgICAgICByZXR1cm4gIjI0MHB4IjsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgcmV0dXJuICI0NDBweCI7CiAgICAgICAgfQogICAgICB9CiAgICB9LAogICAgLy8gU2V0IHRoZSBib3VuZGFyaWVzIGVsZW1lbnQgZm9yIHRoZSBwb3BwZXIKICAgIHNldEJvdW5kYXJ5OiBmdW5jdGlvbihib3VuZGFyeUVsZW1lbnQpIHsKICAgICAgdGhpcy5ib3VuZGFyaWVzRWxlbWVudCA9IGJvdW5kYXJ5RWxlbWVudDsKICAgIH0sCiAgICBzZXR1cEZsYXRtYXBDb250ZXh0Q2FyZDogZnVuY3Rpb24obWFwSW1wUHJvdikgewogICAgICAvLyBmbGF0bWFwIGNvbnRleHQgdXBkYXRlCiAgICAgIHRoaXMuY29udGV4dENhcmRWaXNpYmxlID0gZmFsc2U7IC8vIGhpZGUgdGhlIGNvbnRleHQgY2FyZCB3aGVuIG5ldyBtYXAgbG9hZHMKICAgICAgbGV0IGNvbnRleHRFbnRyeSA9IE9iamVjdC5hc3NpZ24oe21hcEltcFByb3Y6IG1hcEltcFByb3YucHJvdn0sIHRoaXMuZW50cnkpOwogICAgICB0aGlzLmNvbnRleHRDYXJkRW50cnkgPSBjb250ZXh0RW50cnk7CiAgICB9LAogICAgc2V0dXBTY2FmZm9sZENvbnRleHRDYXJkOiBmdW5jdGlvbigpewogICAgICAvLyBzY2FmZm9sZCBjb250ZXh0IHVwZGF0ZQogICAgICBpZiAodGhpcy5lbnRyeS5jb250ZXh0Q2FyZFVybCkgewogICAgICAgIHRoaXMuY29udGV4dENhcmRFbnRyeSA9IHsgLi4udGhpcy5lbnRyeX07CiAgICAgIH0KICAgIH0KICB9LAogIG1vdW50ZWQ6IGZ1bmN0aW9uKCkgewogICAgdGhpcy5zZXR1cFNjYWZmb2xkQ29udGV4dENhcmQoKTsKICB9Cn07Cg=="},{"version":3,"sources":["ContentBar.vue"],"names":[],"mappings":";AA6EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"ContentBar.vue","sourceRoot":"src/components","sourcesContent":["<template>\n  <div>\n    <div class=\"toolbar-flex-container\">\n      <el-select\n        v-if=\"entries.length > 1\"\n        :popper-append-to-body=\"false\"\n        :value=\"entry.id\"\n        placeholder=\"Select\"\n        class=\"select-box\"\n        popper-class=\"viewer_dropdown\"\n        @change=\"viewerChanged($event)\"\n      >\n        <el-option\n          v-for=\"entry in entries\"\n          :key=\"entry.id\"\n          :label=\"getEntryTitle(entry)\"\n          :value=\"entry.id\"\n        />\n      </el-select>\n      <div v-else class=\"toolbar-title\">\n        {{ getEntryTitle(entry) }}\n      </div>\n    </div>\n    <el-row class=\"icon-group\">    \n      <div v-show=\"contextCardEntry && contextCardVisible\" class=\"hide\" @click=\"contextCardVisible = false\">\n        Hide information\n        <i class=\"el-icon-arrow-up\"></i>\n      </div>\n      <div v-show=\"contextCardEntry && !contextCardVisible\" class=\"hide\" @click=\"contextCardVisible = true\">\n        Show information\n        <i class=\"el-icon-arrow-down\"></i>\n      </div>\n      <el-popover\n        placement=\"bottom\"\n        :appendToBody=\"false\"\n        trigger=\"manual\"\n        :width=\"setPopperWidth(slot.id)\"\n        offset=0\n        class=\"context-card-popover\"\n        :popper-options=\"popperOptions\"\n        v-model=\"contextCardVisible\"\n      >\n        <template v-if=\"contextCardEntry\">\n          <flatmap-context-card \n            class=\"flatmap-context-card\"\n            v-if=\"(contextCardEntry.type == 'Flatmap' || \n                  contextCardEntry.type == 'MultiFlatmap')\" \n            :mapImpProv=\"contextCardEntry.mapImpProv\"\n          />\n          <context-card \n            v-if=\"contextCardEntry.type.toLowerCase() == 'scaffold'\"\n            :entry=\"contextCardEntry\"\n            :envVars=\"envVars\"\n            class=\"context-card\"\n            @context-ready=\"contextCardVisible = true\"\n            @scaffold-view-clicked=\"$emit('scaffold-view-clicked', $event)\"\n          />\n        </template>\n        <div class=\"el-icon-info info-icon\"\n          slot=\"reference\"\n          @click=\"contextCardVisible = !contextCardVisible\"\n          v-show=\"contextCardEntry\"\n        >\n        </div>\n      </el-popover>\n      <el-popover class=\"tooltip\" content=\"Close and remove\" placement=\"bottom-end\" :open-delay=\"helpDelay\"\n        :appendToBody=false trigger=\"hover\" popper-class=\"header-popper\" >\n        <map-svg-icon icon=\"close\" slot=\"reference\" class=\"header-icon\"\n          v-if=\"(activeView !== 'singlepanel') && (entry.mode !== 'main')\"\n          @click.native=\"closeAndRemove()\"/>\n      </el-popover>\n    </el-row>\n  </div>\n</template>\n\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport Vue from \"vue\";\nimport EventBus from './EventBus';\nimport store from \"../store\";\nimport ContextCard from \"./ContextCard\";\nimport FlatmapContextCard from './FlatmapContextCard.vue';\nimport { Input, Option, Popover, Row, Select } from \"element-ui\";\nimport lang from \"element-ui/lib/locale/lang/en\";\nimport locale from \"element-ui/lib/locale\";\n\nlocale.use(lang);\nVue.use(Input);\nVue.use(Option);\nVue.use(Select);\nVue.use(Popover);\nVue.use(Row);\n\nexport default {\n  name: \"ContentBar\",\n  components: {\n    ContextCard,\n    FlatmapContextCard\n  },\n  props: {\n    entry: Object,\n  },\n  data: function() {\n    return {\n      contextCardVisible: false,\n      slot:{\n\n      },\n      boundariesElement: null, // this is set @hook:mounted by the parent component via the 'setBoundary' method\n      showDetails: true,\n      contextCardEntry: undefined,\n    }\n  },\n  computed: {\n    helpDelay() {\n      return store.state.settings.helpDelay;\n    },\n    activeView: function() {\n      return store.state.splitFlow.activeView;\n    },\n    envVars: function () {\n      return {\n        API_LOCATION: store.state.settings.sparcApi,\n        ALGOLIA_INDEX: store.state.settings.algoliaIndex,\n        ALGOLIA_KEY: store.state.settings.algoliaKey,\n        ALGOLIA_ID: store.state.settings.algoliaId,\n        PENNSIEVE_API_LOCATION: store.state.settings.pennsieveApi,\n        NL_LINK_PREFIX: store.state.settings.nlLinkPrefix,\n        ROOT_URL: store.state.settings.rootUrl,\n      };\n    },\n    popperOptions: function() { \n      return { \n        preventOverflow: {\n          enabled: true,\n          boundariesElement: this.boundariesElement,\n        }\n      }\n    },\n    entries: function() {\n      return store.state.entries.entries;\n    },\n  },\n  methods: {\n    closeAndRemove: function() {\n      store.commit(\"splitFlow/closeSlot\", \n        { id: this.entry.id, entries: this.entries});\n      EventBus.$emit(\"RemoveEntryRequest\", this.entry.id);\n    },\n    getEntryTitle: function(entry) {\n      if (entry) {\n        let title = entry.label ? entry.label + \" \": '';\n        let type = entry.type;\n        if (type == \"Scaffold\")\n          type = \"3D Scaffold\";\n        title += type;\n        if (entry.datasetId)\n          title += \" (\" + entry.datasetId + \")\";\n        else if (entry.discoverId)\n          title += \" (\" + entry.discoverId + \")\";\n        return title;\n      }\n      return \"Viewer\";\n    },\n    viewerChanged: function(value) {\n      if (this.entry.id && this.entry.id != value) {\n        store.commit(\"splitFlow/assignOrSwapSlotWithIds\", {\n          source: this.entry.id,\n          target: value\n        });\n        Vue.nextTick(() => {\n          setTimeout(() => {\n            this.$emit(\"chooser-changed\");\n          }, 1200);\n        });\n        //this.contextCardVisible = false; // Hide all context cards when switching viewers\n      }\n    },\n    // setPopper with is needed as the flatmap context card does not have an image and has smaller with\n    setPopperWidth: function(slotId) {\n      let entry = this.entries.find(entry => entry.id === slotId);\n      if (entry) {\n        if (entry.type == \"Flatmap\" || entry.type == \"MultiFlatmap\") {\n          return \"240px\";\n        } else {\n          return \"440px\";\n        }\n      }\n    },\n    // Set the boundaries element for the popper\n    setBoundary: function(boundaryElement) {\n      this.boundariesElement = boundaryElement;\n    },\n    setupFlatmapContextCard: function(mapImpProv) {\n      // flatmap context update\n      this.contextCardVisible = false; // hide the context card when new map loads\n      let contextEntry = Object.assign({mapImpProv: mapImpProv.prov}, this.entry);\n      this.contextCardEntry = contextEntry;\n    },\n    setupScaffoldContextCard: function(){\n      // scaffold context update\n      if (this.entry.contextCardUrl) {\n        this.contextCardEntry = { ...this.entry};\n      }\n    }\n  },\n  mounted: function() {\n    this.setupScaffoldContextCard();\n  }\n};\n</script>\n\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n@import \"~element-ui/packages/theme-chalk/src/input\";\n@import \"~element-ui/packages/theme-chalk/src/option\";\n@import \"~element-ui/packages/theme-chalk/src/select\";\n@import \"../assets/header-icon.scss\";\n\n\n.toolbar-title {\n  width: 160px;\n  height: 20px;\n  color: $app-primary-color;\n  font-size: 14px;\n  font-weight: normal;\n  line-height: 20px;\n  margin-left: 11px;\n  margin-top: 4px;\n}\n\n.toolbar-flex-container {\n  display:flex;\n  flex-direction: row;\n  .select-box {\n    width: 200px;\n    border-radius: 4px;\n    border: 1px solid rgb(144, 147, 153);\n    background-color: $background;\n    font-weight: 500;\n    color: rgb(48, 49, 51);\n    margin-left: 8px;\n    margin-top: 3px;\n    margin-bottom: 2px;\n    z-index: 5;\n    ::v-deep .el-input__inner {\n      width:177px;\n      color: $app-primary-color;\n      height: 24px;\n      padding-left: 4px;\n      padding-right: 8px;\n      background-color: $background;\n      border-style: none;\n    }\n    \n    ::v-deep .el-input__icon {\n      line-height: 24px;\n      color: $lightGrey;\n    }\n  }\n  i .select-box ::v-deep .el-input__icon {\n    color: rgb(48, 49, 51);\n    height: 24px;\n    padding-left: 8px;\n    padding-right: 8px;\n  }\n  .text {\n    margin-left: 8px;\n    margin-top: 7px;\n    font-weight: 500;\n    -moz-user-select: none;\n    -webkit-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    line-height:18px;\n  }\n  .title {\n    width: 140px;\n    color: $app-primary-color;\n  }\n}\n\n.viewer_dropdown {\n  z-index: 5;\n  .el-select-dropdown__item {\n    white-space: nowrap;\n    text-align: left;\n    &.selected {\n      color: $app-primary-color;\n      font-weight: normal;\n    }\n  }\n}\n\n.hide{\n  color: $app-primary-color;\n  cursor: pointer;\n  margin-right: 6px;\n  margin-top: 3px;\n}\n\n.icon-group {\n  font-size: 12px;\n}\n\n.info-icon {\n  margin-right: 8px;\n  font-size: 28px;\n  color: $app-primary-color;\n  cursor: pointer;\n  &::before { // since the icon is a font, we need to adjust the vertical alignment\n    position: relative;\n    top: -2px; \n  }\n}\n\n.flatmap-context-card {\n  width: 240px;\n}\n\n.context-card {\n  width: 440px;\n}\n\n.context-card-popover ::v-deep .el-popover{\n  max-width: calc(100vw - 100px);\n  padding-right: 0px;\n}\n</style>\n"]}]}