{"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:DQpAaW1wb3J0ICJ+ZWxlbWVudC11aS9wYWNrYWdlcy90aGVtZS1jaGFsay9zcmMvcG9wb3ZlciI7DQoNCi5yZWdpb24tdG9vbHRpcCB7DQogIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgaGVpZ2h0OiA1MHB4Ow0KICB6LWluZGV4OiAyOw0KICA6OnYtZGVlcCAudG9vbHRpcC1wb3BwZXIgew0KICAgIHBhZGRpbmc6IDJweCA2cHg7DQogICAgYm94LXNoYWRvdzogMCAxcHggMnB4IHJnYmEoMCwgMCwgMCwgMC4xKTsNCiAgICBmb250LXNpemU6IDE2cHg7DQogICAgY29sb3I6ICRhcHAtcHJpbWFyeS1jb2xvcjsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KICAgIGJvcmRlcjogMXB4IHNvbGlkICRhcHAtcHJpbWFyeS1jb2xvcjsNCiAgICBib3JkZXItcmFkaXVzOiA0cHg7DQogICAgd2hpdGUtc3BhY2U6IG5vd3JhcDsNCiAgICBtaW4td2lkdGg6IHVuc2V0Ow0KICAgIHBvaW50ZXItZXZlbnRzOiBub25lOw0KICAgIHRvcDogLTE1cHggIWltcG9ydGFudDsNCg0KICAgICYuZWwtcG9wcGVyW3gtcGxhY2VtZW50Xj0idG9wIl0gew0KICAgICAgLnBvcHBlcl9fYXJyb3cgew0KICAgICAgICBib3JkZXItdG9wLWNvbG9yOiAkYXBwLXByaW1hcnktY29sb3IgIWltcG9ydGFudDsNCiAgICAgICAgJjphZnRlciB7DQogICAgICAgICAgYm9yZGVyLXRvcC1jb2xvcjogI2ZmZiAhaW1wb3J0YW50Ow0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KDQogICAgJi5lbC1wb3BwZXJbeC1wbGFjZW1lbnRePSJib3R0b20iXSB7DQogICAgICAucG9wcGVyX19hcnJvdyB7DQogICAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICRhcHAtcHJpbWFyeS1jb2xvciAhaW1wb3J0YW50Ow0KICAgICAgICAmOmFmdGVyIHsNCiAgICAgICAgICBib3JkZXItYm90dG9tLWNvbG9yOiAjZmZmICFpbXBvcnRhbnQ7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9DQogIH0NCg0KICAudG9vbHRpcC10ZXh0IHsNCiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIH0NCg0KICA6OnYtZGVlcCAubm9uLXNlbGVjdGFibGUgew0KICAgIHVzZXItc2VsZWN0OiBub25lOw0KICAgIHBvaW50ZXItZXZlbnRzOiBub25lOw0KICB9DQp9DQo="},{"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>\r\n  <div :style=\"position\" class=\"region-tooltip\">\r\n    <el-popover\r\n      ref=\"tooltip\"\r\n      v-model=\"display\"\r\n      placement=\"top\"\r\n      :visibleArrow=\"false\"\r\n      :append-to-body=\"false\"\r\n      trigger=\"manual\"\r\n      popper-class=\"tooltip-popper non-selectable\"\r\n    >\r\n      <template v-popover:tooltip>\r\n        <div class=\"tooltip-text\">{{ label }}</div>\r\n        <div class=\"tooltip-text\" v-if=\"region\">Region: {{ region }}</div>\r\n      </template>\r\n    </el-popover>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n/* eslint-disable no-alert, no-console */\r\nimport Vue from \"vue\";\r\nimport { Popover } from \"element-ui\";\r\nimport lang from \"element-ui/lib/locale/lang/en\";\r\nimport locale from \"element-ui/lib/locale\";\r\n\r\nlocale.use(lang);\r\nVue.use(Popover);\r\n\r\n/**\r\n * A component to control the opacity of the target object.\r\n */\r\nexport default {\r\n  name: \"ScaffoldTooltip\",\r\n  props: {\r\n    label: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    region: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    visible: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    x: {\r\n      type: Number,\r\n      default: 200,\r\n    },\r\n    y: {\r\n      type: Number,\r\n      default: 200,\r\n    },\r\n  },\r\n  data: function () {\r\n    return {\r\n      display: false,\r\n    };\r\n  },\r\n  computed: {\r\n    position: function () {\r\n      let yOffset = 40;\r\n      if (this.region) {\r\n        yOffset = 55;\r\n      }\r\n      const x = this.x - 40;\r\n      return { left: x + \"px\", top: this.y - yOffset + \"px\" };\r\n    },\r\n  },\r\n  watch: {\r\n    label: {\r\n      handler: function () {\r\n        if (this.visible && this.label && this.label !== \"\")\r\n          this.display = true;\r\n        else this.display = false;\r\n      },\r\n      immediate: true,\r\n    },\r\n    visible: {\r\n      handler: function () {\r\n        if (this.visible && this.label && this.label !== \"\")\r\n          this.display = true;\r\n        else this.display = false;\r\n      },\r\n      immediate: true,\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n<style scoped lang=\"scss\">\r\n@import \"~element-ui/packages/theme-chalk/src/popover\";\r\n\r\n.region-tooltip {\r\n  position: absolute;\r\n  height: 50px;\r\n  z-index: 2;\r\n  ::v-deep .tooltip-popper {\r\n    padding: 2px 6px;\r\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\r\n    font-size: 16px;\r\n    color: $app-primary-color;\r\n    background-color: #fff;\r\n    border: 1px solid $app-primary-color;\r\n    border-radius: 4px;\r\n    white-space: nowrap;\r\n    min-width: unset;\r\n    pointer-events: none;\r\n    top: -15px !important;\r\n\r\n    &.el-popper[x-placement^=\"top\"] {\r\n      .popper__arrow {\r\n        border-top-color: $app-primary-color !important;\r\n        &:after {\r\n          border-top-color: #fff !important;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.el-popper[x-placement^=\"bottom\"] {\r\n      .popper__arrow {\r\n        border-bottom-color: $app-primary-color !important;\r\n        &:after {\r\n          border-bottom-color: #fff !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .tooltip-text {\r\n    text-align: center;\r\n  }\r\n\r\n  ::v-deep .non-selectable {\r\n    user-select: none;\r\n    pointer-events: none;\r\n  }\r\n}\r\n</style>\r\n"]}]}