{"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=style&index=0&id=02b0c234&prod&scoped=true&lang=scss&","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/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:CkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9jb250YWluZXIiOwpAaW1wb3J0ICJ+ZWxlbWVudC11aS9wYWNrYWdlcy90aGVtZS1jaGFsay9zcmMvZHJhd2VyIjsKQGltcG9ydCAifmVsZW1lbnQtdWkvcGFja2FnZXMvdGhlbWUtY2hhbGsvc3JjL3NsaWRlciI7Cgoub3BhY2l0eS1jb250cm9sIHsKICB0ZXh0LWFsaWduOiBsZWZ0OwogIHdpZHRoOjMwMHB4Owp9CgouaGVhZGVyIHsKICBjb2xvcjogIzYwNjI2NjsKICBsaW5lLWhlaWdodDogMTsKICBwYWRkaW5nOiA5cHggMTdweCAwIDE1cHg7CiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlYmVlZjU7CiAgZm9udC1zaXplOiAxNHB4Owp9CgouZGlzcGxheSB7CiAgd2lkdGg6IDQ0cHg7Cn0KCi5pY29uIHsKICByaWdodDogMTdweDsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgdG9wOiAxMHB4Owp9CgoubWFpbiB7CiAgZm9udC1zaXplOiAxM3B4OwogIHBhZGRpbmc6IDIwcHggMTdweCAwIDE1cHg7Cn0KCi5ibG9jayB7CiAgbGVmdDogNDBweDsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgdG9wOiA1N3B4OwogIHdpZHRoOiAyMDBweDsKfQoKLm15LXNsaWRlciB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIHdpZHRoOiAxMDlweDsKICB0b3A6IC0xMnB4OwogIGxlZnQ6IDUwcHg7CiAgcG9pbnRlci1ldmVudHM6IGF1dG87Cn0KCi5vcGFjaXR5LWNvbnRhaW5lciB7CiAgd2lkdGg6IDIyNHB4OwogIGhlaWdodDogOTNweDsKICBib3JkZXItcmFkaXVzOiA0cHg7CiAgYm9yZGVyOiBzb2xpZCAxcHggI2Q4ZGNlNjsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwp9Cgo6OnYtZGVlcCAuZWwtc2xpZGVyX19iYXIgewogIGJhY2tncm91bmQtY29sb3I6ICRhcHAtcHJpbWFyeS1jb2xvcjsKfQoKLmRyYXdlci1jb250ZW50IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgaGVpZ2h0OiA5M3B4OwogIHBvaW50ZXItZXZlbnRzOiBub25lOwp9Cgo6OnYtZGVlcCAubXktZHJhd2VyIHsKICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDApOwogIGJveC1zaGFkb3c6IG5vbmU7Cn0KCjo6di1kZWVwIC5teS1kcmF3ZXIgLmVsLWRyYXdlcl9fYm9keSB7CiAgaGVpZ2h0OiA5M3B4Owp9CgoudGFiLWJ1dHRvbiB7CiAgd2lkdGg6IDIwcHg7CiAgaGVpZ2h0OiA0MHB4OwogIHotaW5kZXg6IDg7CiAgcmlnaHQ6IDBweDsKICAKICBib3gtc2hhZG93OiAwIDJweCAxMnB4IDAgcmdiYSgwLCAwLCAwLCAwLjA2KTsKICBib3JkZXI6IHNvbGlkIDFweCAjZTRlN2VkOwogIGJhY2tncm91bmQtY29sb3I6ICNGRkZGRkY7CiAgdGV4dC1hbGlnbjogY2VudGVyOwogIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7CiAgY3Vyc29yOiBwb2ludGVyOwogIHBvaW50ZXItZXZlbnRzOiBhdXRvOwogIC8vdHJhbnNpdGlvbjogYm90dG9tIDAuM3M7CgogICYuY2xvc2UgewogICAgZmxvYXQ6IGxlZnQ7CiAgICBmbGV4OiAxOwogICAgYm9yZGVyLXJpZ2h0OiAwOwogICAgbWFyZ2luLXRvcDogMjZweDsKICB9CgogICYub3BlbiB7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICBib3R0b206MjZweDsKICB9CgogIGkgewogICAgbWFyZ2luLXRvcDogMTJweDsKICAgIGNvbG9yOiAkYXBwLXByaW1hcnktY29sb3I7CiAgICB0cmFuc2Zvcm06IHNjYWxlWSgyLjUpOwogIH0KfQoK"},{"version":3,"sources":["OpacityControls.vue"],"names":[],"mappings":";AAiHA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;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"]}]}