{"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:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBWdWUgZnJvbSAidnVlIjsKaW1wb3J0IHsgQ29udGFpbmVyLCBEcmF3ZXIsIEhlYWRlciwgSWNvbiwgTWFpbiwgU2xpZGVyIH0gZnJvbSAiZWxlbWVudC11aSI7CmltcG9ydCBsYW5nIGZyb20gImVsZW1lbnQtdWkvbGliL2xvY2FsZS9sYW5nL2VuIjsKaW1wb3J0IGxvY2FsZSBmcm9tICJlbGVtZW50LXVpL2xpYi9sb2NhbGUiOwoKbG9jYWxlLnVzZShsYW5nKTsKVnVlLnVzZShDb250YWluZXIpOwpWdWUudXNlKERyYXdlcik7ClZ1ZS51c2UoSGVhZGVyKTsKVnVlLnVzZShJY29uKTsKVnVlLnVzZShNYWluKTsKVnVlLnVzZShTbGlkZXIpOwoKLyoqCiAqIEEgY29tcG9uZW50IHRvIGNvbnRyb2wgdGhlIG9wYWNpdHkgb2YgdGhlIHRhcmdldCBvYmplY3QuCiAqLwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIk9wYWNpdHlDb250cm9scyIsCiAgZGF0YTogZnVuY3Rpb24oKSB7CiAgICByZXR1cm4gewogICAgICBkaXNwbGF5U3RyaW5nOiAiMTAwJSIsCiAgICAgIG1hdGVyaWFsOiB1bmRlZmluZWQsCiAgICAgIGRyYXdlck9wZW46IHRydWUKICAgIH07CiAgfSwKICB3YXRjaDogewogICAgIm1hdGVyaWFsLm9wYWNpdHkiOiBmdW5jdGlvbigpIHsKICAgICAgaWYgKHRoaXMubWF0ZXJpYWwpIHsKICAgICAgICB0aGlzLl96aW5jb2JqZWN0LnNldEFscGhhKHRoaXMubWF0ZXJpYWwub3BhY2l0eSk7CiAgICAgIH0KICAgIH0KICB9LAogIG1vdW50ZWQ6IGZ1bmN0aW9uKCkgewogICAgdGhpcy5femluY29iamVjdCA9IHVuZGVmaW5lZDsKICB9LAogIG1ldGhvZHM6IHsKICAgIGZvcm1hdFRvb2x0aXAodmFsKSB7CiAgICAgIHRoaXMuZGlzcGxheVN0cmluZyA9IE1hdGguZmxvb3IoMTAwICogdmFsICsgMC41KSArICIlIjsKICAgICAgcmV0dXJuIHRoaXMuZGlzcGxheVN0cmluZzsKICAgIH0sCiAgICB0b2dnbGVEcmF3ZXI6IGZ1bmN0aW9uKCkgewogICAgICB0aGlzLmRyYXdlck9wZW4gPSAhdGhpcy5kcmF3ZXJPcGVuOwogICAgfSwKICAgIHNldE9iamVjdChvYmplY3QpIHsKICAgICAgaWYgKG9iamVjdCkgdGhpcy5tYXRlcmlhbCA9IG9iamVjdC5tb3JwaC5tYXRlcmlhbDsKICAgICAgZWxzZSB0aGlzLm1hdGVyaWFsID0gdW5kZWZpbmVkOwogICAgICB0aGlzLl96aW5jb2JqZWN0ID0gb2JqZWN0OwogICAgfQogIH0KfTsK"},{"version":3,"sources":["OpacityControls.vue"],"names":[],"mappings":";AA0DA;AACA;AACA;AACA;AACA;;AAEA;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","file":"OpacityControls.vue","sourceRoot":"node_modules/@abi-software/scaffoldvuer/src/components","sourcesContent":["<template>\n  <div\n    v-if=\"material!=undefined\"\n    ref=\"control\"\n    class=\"opacity-control\"\n  >\n    <el-drawer\n      custom-class=\"my-drawer\"\n      class=\"drawer-content\"\n      :visible.sync=\"drawerOpen\"\n      :append-to-body=\"false\"\n      :modal-append-to-body=\"false\"\n      size=\"300\"\n      :with-header=\"false\"\n      :wrapper-closable=\"false\"\n      :modal=\"false\"\n    >\n      <div\n        v-if=\"drawerOpen\"\n        class=\"tab-button close\"\n        @click=\"toggleDrawer\"\n      >\n        <i class=\"el-icon-arrow-right\" />\n      </div>\n      <el-container 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    </el-drawer>\n    <div\n      v-if=\"!drawerOpen\"\n      class=\"tab-button open\"\n      @click=\"toggleDrawer\"\n    >\n      <i class=\"el-icon-arrow-left\" />\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport Vue from \"vue\";\nimport { Container, Drawer, Header, Icon, 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(Drawer);\nVue.use(Header);\nVue.use(Icon);\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  data: function() {\n    return {\n      displayString: \"100%\",\n      material: undefined,\n      drawerOpen: true\n    };\n  },\n  watch: {\n    \"material.opacity\": function() {\n      if (this.material) {\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    toggleDrawer: function() {\n      this.drawerOpen = !this.drawerOpen;\n    },\n    setObject(object) {\n      if (object) this.material = object.morph.material;\n      else this.material = undefined;\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/drawer\";\n@import \"~element-ui/packages/theme-chalk/src/slider\";\n\n.opacity-control {\n  text-align: left;\n  width:300px;\n}\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.icon {\n  right: 17px;\n  position: absolute;\n  top: 10px;\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.drawer-content {\n  position: relative;\n  height: 93px;\n  pointer-events: none;\n}\n\n::v-deep .my-drawer {\n  background: rgba(0, 0, 0, 0);\n  box-shadow: none;\n}\n\n::v-deep .my-drawer .el-drawer__body {\n  height: 93px;\n}\n\n.tab-button {\n  width: 20px;\n  height: 40px;\n  z-index: 8;\n  right: 0px;\n  \n  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);\n  border: solid 1px #e4e7ed;\n  background-color: #FFFFFF;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n  pointer-events: auto;\n  //transition: bottom 0.3s;\n\n  &.close {\n    float: left;\n    flex: 1;\n    border-right: 0;\n    margin-top: 26px;\n  }\n\n  &.open {\n    position: absolute;\n    bottom:26px;\n  }\n\n  i {\n    margin-top: 12px;\n    color: $app-primary-color;\n    transform: scaleY(2.5);\n  }\n}\n\n</style>\n"]}]}