{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/scaffoldvuer/src/components/ScaffoldTooltip.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/scaffoldvuer/src/components/ScaffoldTooltip.vue","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/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:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBWdWUgZnJvbSAidnVlIjsKaW1wb3J0IHsgUG9wb3ZlciB9IGZyb20gImVsZW1lbnQtdWkiOwppbXBvcnQgVG9vbHRpcCBmcm9tICJAYWJpLXNvZnR3YXJlL2ZsYXRtYXB2dWVyL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAiOwppbXBvcnQgbGFuZyBmcm9tICJlbGVtZW50LXVpL2xpYi9sb2NhbGUvbGFuZy9lbiI7CmltcG9ydCBsb2NhbGUgZnJvbSAiZWxlbWVudC11aS9saWIvbG9jYWxlIjsKCmxvY2FsZS51c2UobGFuZyk7ClZ1ZS51c2UoUG9wb3Zlcik7CgovKioKICogQSBjb21wb25lbnQgdG8gY29udHJvbCB0aGUgb3BhY2l0eSBvZiB0aGUgdGFyZ2V0IG9iamVjdC4KICovCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiU2NhZmZvbGRUb29sdGlwIiwKIGNvbXBvbmVudHM6IHsKICAgIFRvb2x0aXAsCiAgfSwKICBwcm9wczogewogICAgbGFiZWw6IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0OiAiIiwKICAgIH0sCiAgICBhbm5vdGF0aW9uRGlzcGxheTogewogICAgICB0eXBlOiBCb29sZWFuLAogICAgICBkZWZhdWx0OiBmYWxzZSwKICAgIH0sCiAgICByZWdpb246IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0OiAiIiwKICAgIH0sCiAgICB2aXNpYmxlOiB7CiAgICAgIHR5cGU6IEJvb2xlYW4sCiAgICAgIGRlZmF1bHQ6IGZhbHNlLAogICAgfSwKICAgIHg6IHsKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0OiAyMDAsCiAgICB9LAogICAgeTogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDIwMCwKICAgIH0sCiAgfSwKICBpbmplY3Q6IFsnc2NhZmZvbGRVcmwnXSwKICBkYXRhOiBmdW5jdGlvbiAoKSB7CiAgICByZXR1cm4gewogICAgICBkaXNwbGF5OiBmYWxzZSwKICAgICAgYW5ub3RhdGlvbkVudHJ5OiB7IH0KICAgIH07CiAgfSwKICBjb21wdXRlZDogewogICAgcG9zaXRpb246IGZ1bmN0aW9uICgpIHsKICAgICAgbGV0IHlPZmZzZXQgPSA0MDsKICAgICAgaWYgKHRoaXMucmVnaW9uKSB7CiAgICAgICAgeU9mZnNldCA9IDU1OwogICAgICB9CiAgICAgIGNvbnN0IHggPSB0aGlzLnggLSA0MDsKICAgICAgcmV0dXJuIHsgbGVmdDogeCArICJweCIsIHRvcDogdGhpcy55IC0geU9mZnNldCArICJweCIgfTsKICAgIH0sCiAgfSwKICBtZXRob2RzOiB7CiAgICBjaGVja0ZvckRpc3BsYXk6IGZ1bmN0aW9uICgpIHsKICAgICAgaWYgKHRoaXMudmlzaWJsZSAmJiB0aGlzLmxhYmVsICYmIHRoaXMubGFiZWwgIT09ICIiKSB7CiAgICAgICAgdGhpcy5kaXNwbGF5ID0gdHJ1ZTsKICAgICAgICBpZiAodGhpcy5hbm5vdGF0aW9uRGlzcGxheSkgewogICAgICAgICAgY29uc3QgcmVnaW9uID0gdGhpcy5yZWdpb24gPyB0aGlzLnJlZ2lvbiArIi8iIDogIiI7CiAgICAgICAgICB0aGlzLmFubm90YXRpb25FbnRyeSA9IHsKICAgICAgICAgICAgImZlYXR1cmVJZCI6IGVuY29kZVVSSUNvbXBvbmVudChyZWdpb24gKyB0aGlzLmxhYmVsKSwKICAgICAgICAgICAgInJlc291cmNlSWQiOiBlbmNvZGVVUklDb21wb25lbnQodGhpcy5zY2FmZm9sZFVybCksCiAgICAgICAgICB9OwogICAgICAgIH0KICAgICAgfQogICAgICBlbHNlIHsKICAgICAgICB0aGlzLmRpc3BsYXkgPSBmYWxzZTsKICAgICAgICB0aGlzLmFubm90YXRpb25FbnRyeSA9IHsgfTsKICAgICAgfQogICAgfQogIH0sCiAgd2F0Y2g6IHsKICAgIGxhYmVsOiB7CiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uICgpIHsKICAgICAgICB0aGlzLmNoZWNrRm9yRGlzcGxheSgpOwogICAgICB9LAogICAgICBpbW1lZGlhdGU6IHRydWUsCiAgICB9LAogICAgdmlzaWJsZTogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiAoKSB7CiAgICAgICAgdGhpcy5jaGVja0ZvckRpc3BsYXkoKTsKICAgICAgfSwKICAgICAgaW1tZWRpYXRlOiB0cnVlLAogICAgfSwKICAgIGFubm90YXRpb25EaXNwbGF5OiB7CiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uICgpIHsKICAgICAgICB0aGlzLmNoZWNrRm9yRGlzcGxheSgpOwogICAgICB9LAogICAgICBpbW1lZGlhdGU6IHRydWUsCiAgICB9CiAgfSwKfTsK"},{"version":3,"sources":["ScaffoldTooltip.vue"],"names":[],"mappings":";AA2BA;AACA;AACA;AACA;AACA;AACA;;AAEA;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","file":"ScaffoldTooltip.vue","sourceRoot":"node_modules/@abi-software/scaffoldvuer/src/components","sourcesContent":["<template>\n  <div :style=\"position\" class=\"region-tooltip\">\n    <el-popover\n      ref=\"tooltip\"\n      v-model=\"display\"\n      placement=\"top\"\n      :visibleArrow=\"false\"\n      :append-to-body=\"false\"\n      trigger=\"manual\"\n      popper-class=\"tooltip-popper non-selectable\"\n    >\n      <template v-popover:tooltip>\n        <div class=\"tooltip-text\">{{ label }}</div>\n        <div class=\"tooltip-text\" v-if=\"region\">Region: {{ region }}</div>\n        <Tooltip\n          class=\"p-tooltip\"\n          v-show=\"annotationDisplay\"\n          ref=\"annotationTooltip\"\n          :annotationDisplay=\"true\"\n          :annotationEntry=\"annotationEntry\"\n        />\n      </template>\n    </el-popover>\n  </div>\n</template>\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport Vue from \"vue\";\nimport { Popover } from \"element-ui\";\nimport Tooltip from \"@abi-software/flatmapvuer/src/components/Tooltip\";\nimport lang from \"element-ui/lib/locale/lang/en\";\nimport locale from \"element-ui/lib/locale\";\n\nlocale.use(lang);\nVue.use(Popover);\n\n/**\n * A component to control the opacity of the target object.\n */\nexport default {\n  name: \"ScaffoldTooltip\",\n components: {\n    Tooltip,\n  },\n  props: {\n    label: {\n      type: String,\n      default: \"\",\n    },\n    annotationDisplay: {\n      type: Boolean,\n      default: false,\n    },\n    region: {\n      type: String,\n      default: \"\",\n    },\n    visible: {\n      type: Boolean,\n      default: false,\n    },\n    x: {\n      type: Number,\n      default: 200,\n    },\n    y: {\n      type: Number,\n      default: 200,\n    },\n  },\n  inject: ['scaffoldUrl'],\n  data: function () {\n    return {\n      display: false,\n      annotationEntry: { }\n    };\n  },\n  computed: {\n    position: function () {\n      let yOffset = 40;\n      if (this.region) {\n        yOffset = 55;\n      }\n      const x = this.x - 40;\n      return { left: x + \"px\", top: this.y - yOffset + \"px\" };\n    },\n  },\n  methods: {\n    checkForDisplay: function () {\n      if (this.visible && this.label && this.label !== \"\") {\n        this.display = true;\n        if (this.annotationDisplay) {\n          const region = this.region ? this.region +\"/\" : \"\";\n          this.annotationEntry = {\n            \"featureId\": encodeURIComponent(region + this.label),\n            \"resourceId\": encodeURIComponent(this.scaffoldUrl),\n          };\n        }\n      }\n      else {\n        this.display = false;\n        this.annotationEntry = { };\n      }\n    }\n  },\n  watch: {\n    label: {\n      handler: function () {\n        this.checkForDisplay();\n      },\n      immediate: true,\n    },\n    visible: {\n      handler: function () {\n        this.checkForDisplay();\n      },\n      immediate: true,\n    },\n    annotationDisplay: {\n      handler: function () {\n        this.checkForDisplay();\n      },\n      immediate: true,\n    }\n  },\n};\n</script>\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/popover\";\n\n.region-tooltip {\n  position: absolute;\n  height: 50px;\n  z-index: 2;\n  ::v-deep .tooltip-popper {\n    padding: 2px 6px;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n    font-size: 16px;\n    color: $app-primary-color;\n    background-color: #fff;\n    border: 1px solid $app-primary-color;\n    border-radius: 4px;\n    white-space: nowrap;\n    min-width: unset;\n    pointer-events: none;\n    top: -15px !important;\n\n    &.el-popper[x-placement^=\"top\"] {\n      .popper__arrow {\n        border-top-color: $app-primary-color !important;\n        &:after {\n          border-top-color: #fff !important;\n        }\n      }\n    }\n\n    &.el-popper[x-placement^=\"bottom\"] {\n      .popper__arrow {\n        border-bottom-color: $app-primary-color !important;\n        &:after {\n          border-bottom-color: #fff !important;\n        }\n      }\n    }\n  }\n\n  .tooltip-text {\n    text-align: center;\n  }\n\n  ::v-deep .non-selectable {\n    user-select: none;\n    pointer-events: none;\n  }\n\n  .p-tooltip {\n    display: flex;\n    width: 300px;\n    white-space:normal;\n    .attribute-content {\n      color: rgb(44, 62, 80);\n    }\n    &::before, &::after {\n      display:none;\n    }\n  }\n}\n</style>\n"]}]}