{"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/OpacityControls.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/scaffoldvuer/src/components/OpacityControls.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/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:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBWdWUgZnJvbSAidnVlIjsKaW1wb3J0IHsgQ29udGFpbmVyLCBIZWFkZXIsIE1haW4sIFNsaWRlciB9IGZyb20gImVsZW1lbnQtdWkiOwppbXBvcnQgbGFuZyBmcm9tICJlbGVtZW50LXVpL2xpYi9sb2NhbGUvbGFuZy9lbiI7CmltcG9ydCBsb2NhbGUgZnJvbSAiZWxlbWVudC11aS9saWIvbG9jYWxlIjsKCmxvY2FsZS51c2UobGFuZyk7ClZ1ZS51c2UoQ29udGFpbmVyKTsKVnVlLnVzZShIZWFkZXIpOwpWdWUudXNlKE1haW4pOwpWdWUudXNlKFNsaWRlcik7CgovKioKICogQSBjb21wb25lbnQgdG8gY29udHJvbCB0aGUgb3BhY2l0eSBvZiB0aGUgdGFyZ2V0IG9iamVjdC4KICovCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiT3BhY2l0eUNvbnRyb2xzIiwKICBwcm9wczogewogICAgbWF0ZXJpYWw6IHVuZGVmaW5lZCwKICB9LAogIGRhdGE6IGZ1bmN0aW9uKCkgewogICAgcmV0dXJuIHsKICAgICAgZGlzcGxheVN0cmluZzogIjEwMCUiLAogICAgfTsKICB9LAogIHdhdGNoOiB7CiAgICAibWF0ZXJpYWwub3BhY2l0eSI6IGZ1bmN0aW9uKCkgewogICAgICBpZiAodGhpcy5tYXRlcmlhbCAmJiB0aGlzLl96aW5jT2JqZWN0KSB7CiAgICAgICAgdGhpcy5femluY09iamVjdC5zZXRBbHBoYSh0aGlzLm1hdGVyaWFsLm9wYWNpdHkpOwogICAgICB9CiAgICB9CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbigpIHsKICAgIHRoaXMuX3ppbmNPYmplY3QgPSB1bmRlZmluZWQ7CiAgfSwKICBtZXRob2RzOiB7CiAgICBmb3JtYXRUb29sdGlwKHZhbCkgewogICAgICB0aGlzLmRpc3BsYXlTdHJpbmcgPSBNYXRoLmZsb29yKDEwMCAqIHZhbCArIDAuNSkgKyAiJSI7CiAgICAgIHJldHVybiB0aGlzLmRpc3BsYXlTdHJpbmc7CiAgICB9LAogICAgc2V0T2JqZWN0KG9iamVjdCkgewogICAgICB0aGlzLl96aW5jT2JqZWN0ID0gb2JqZWN0OwogICAgfQogIH0sCn07Cg=="},{"version":3,"sources":["OpacityControls.vue"],"names":[],"mappings":";AA0BA;AACA;AACA;AACA;AACA;;AAEA;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","file":"OpacityControls.vue","sourceRoot":"node_modules/@abi-software/scaffoldvuer/src/components","sourcesContent":["<template>\n  <el-container v-if=\"material\" class=\"opacity-container\">\n    <el-header\n      height=\"37px\"\n      class=\"header\"\n    >\n      <div>Opacity</div>\n    </el-header>\n    <el-main class=\"main\">\n      <div class=\"block\">\n        <span class=\"display\">{{ displayString }}</span>\n        <el-slider\n          v-model=\"material.opacity\"\n          class=\"my-slider\"\n          :step=\"0.01\"\n          :min=\"0\"\n          :max=\"1\"\n          :format-tooltip=\"formatTooltip\"\n          :show-tooltip=\"false\"\n        />\n      </div>\n    </el-main>\n  </el-container>\n</template>\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport Vue from \"vue\";\nimport { Container, Header, Main, Slider } 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(Container);\nVue.use(Header);\nVue.use(Main);\nVue.use(Slider);\n\n/**\n * A component to control the opacity of the target object.\n */\nexport default {\n  name: \"OpacityControls\",\n  props: {\n    material: undefined,\n  },\n  data: function() {\n    return {\n      displayString: \"100%\",\n    };\n  },\n  watch: {\n    \"material.opacity\": function() {\n      if (this.material && this._zincObject) {\n        this._zincObject.setAlpha(this.material.opacity);\n      }\n    }\n  },\n  mounted: function() {\n    this._zincObject = undefined;\n  },\n  methods: {\n    formatTooltip(val) {\n      this.displayString = Math.floor(100 * val + 0.5) + \"%\";\n      return this.displayString;\n    },\n    setObject(object) {\n      this._zincObject = object;\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/container\";\n@import \"~element-ui/packages/theme-chalk/src/slider\";\n\n.header {\n  color: #606266;\n  line-height: 1;\n  padding: 9px 17px 0 15px;\n  border-bottom: 1px solid #ebeef5;\n  font-size: 14px;\n}\n\n.display {\n  width: 44px;\n}\n\n.main {\n  font-size: 13px;\n  padding: 20px 17px 0 15px;\n}\n\n.block {\n  left: 40px;\n  position: absolute;\n  top: 57px;\n  width: 200px;\n}\n\n.my-slider {\n  position: absolute;\n  width: 109px;\n  top: -12px;\n  left: 50px;\n  pointer-events: auto;\n}\n\n.opacity-container {\n  width: 224px;\n  height: 93px;\n  border-radius: 4px;\n  border: solid 1px #d8dce6;\n  background-color: #fff;\n}\n\n::v-deep .el-slider__bar {\n  background-color: $app-primary-color;\n}\n\n</style>\n"]}]}