{"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=style&index=0&id=7d323c42&prod&scoped=true&lang=scss&","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/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:CkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9wb3BvdmVyIjsKCi5yZWdpb24tdG9vbHRpcCB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGhlaWdodDogNTBweDsKICB6LWluZGV4OiAyOwogIDo6di1kZWVwIC50b29sdGlwLXBvcHBlciB7CiAgICBwYWRkaW5nOiAycHggNnB4OwogICAgYm94LXNoYWRvdzogMCAxcHggMnB4IHJnYmEoMCwgMCwgMCwgMC4xKTsKICAgIGZvbnQtc2l6ZTogMTZweDsKICAgIGNvbG9yOiAkYXBwLXByaW1hcnktY29sb3I7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwogICAgYm9yZGVyOiAxcHggc29saWQgJGFwcC1wcmltYXJ5LWNvbG9yOwogICAgYm9yZGVyLXJhZGl1czogNHB4OwogICAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKICAgIG1pbi13aWR0aDogdW5zZXQ7CiAgICBwb2ludGVyLWV2ZW50czogbm9uZTsKICAgIHRvcDogLTE1cHggIWltcG9ydGFudDsKCiAgICAmLmVsLXBvcHBlclt4LXBsYWNlbWVudF49InRvcCJdIHsKICAgICAgLnBvcHBlcl9fYXJyb3cgewogICAgICAgIGJvcmRlci10b3AtY29sb3I6ICRhcHAtcHJpbWFyeS1jb2xvciAhaW1wb3J0YW50OwogICAgICAgICY6YWZ0ZXIgewogICAgICAgICAgYm9yZGVyLXRvcC1jb2xvcjogI2ZmZiAhaW1wb3J0YW50OwogICAgICAgIH0KICAgICAgfQogICAgfQoKICAgICYuZWwtcG9wcGVyW3gtcGxhY2VtZW50Xj0iYm90dG9tIl0gewogICAgICAucG9wcGVyX19hcnJvdyB7CiAgICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJGFwcC1wcmltYXJ5LWNvbG9yICFpbXBvcnRhbnQ7CiAgICAgICAgJjphZnRlciB7CiAgICAgICAgICBib3JkZXItYm90dG9tLWNvbG9yOiAjZmZmICFpbXBvcnRhbnQ7CiAgICAgICAgfQogICAgICB9CiAgICB9CiAgfQoKICAudG9vbHRpcC10ZXh0IHsKICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICB9CgogIDo6di1kZWVwIC5ub24tc2VsZWN0YWJsZSB7CiAgICB1c2VyLXNlbGVjdDogbm9uZTsKICAgIHBvaW50ZXItZXZlbnRzOiBub25lOwogIH0KfQo="},{"version":3,"sources":["ScaffoldTooltip.vue"],"names":[],"mappings":";AA8FA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;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      </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 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  props: {\n    label: {\n      type: String,\n      default: \"\",\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  data: function () {\n    return {\n      display: false,\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  watch: {\n    label: {\n      handler: function () {\n        if (this.visible && this.label && this.label !== \"\")\n          this.display = true;\n        else this.display = false;\n      },\n      immediate: true,\n    },\n    visible: {\n      handler: function () {\n        if (this.visible && this.label && this.label !== \"\")\n          this.display = true;\n        else this.display = false;\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</style>\n"]}]}