{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/babel-loader/lib/index.js!/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js??ref--1-0!/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/babel.config.js","mtime":1684261475125},{"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:aW1wb3J0IF9TbGlkZXIyIGZyb20gImVsZW1lbnQtdWkvbGliL3RoZW1lLWNoYWxrL3NsaWRlci5jc3MiOwppbXBvcnQgImVsZW1lbnQtdWkvbGliL3RoZW1lLWNoYWxrL2Jhc2UuY3NzIjsKaW1wb3J0IF9TbGlkZXIgZnJvbSAiZWxlbWVudC11aS9saWIvc2xpZGVyIjsKaW1wb3J0IF9NYWluMiBmcm9tICJlbGVtZW50LXVpL2xpYi90aGVtZS1jaGFsay9tYWluLmNzcyI7CmltcG9ydCAiZWxlbWVudC11aS9saWIvdGhlbWUtY2hhbGsvYmFzZS5jc3MiOwppbXBvcnQgX01haW4gZnJvbSAiZWxlbWVudC11aS9saWIvbWFpbiI7CmltcG9ydCBfSWNvbjIgZnJvbSAiZWxlbWVudC11aS9saWIvdGhlbWUtY2hhbGsvaWNvbi5jc3MiOwppbXBvcnQgImVsZW1lbnQtdWkvbGliL3RoZW1lLWNoYWxrL2Jhc2UuY3NzIjsKaW1wb3J0IF9JY29uIGZyb20gImVsZW1lbnQtdWkvbGliL2ljb24iOwppbXBvcnQgX0hlYWRlcjIgZnJvbSAiZWxlbWVudC11aS9saWIvdGhlbWUtY2hhbGsvaGVhZGVyLmNzcyI7CmltcG9ydCAiZWxlbWVudC11aS9saWIvdGhlbWUtY2hhbGsvYmFzZS5jc3MiOwppbXBvcnQgX0hlYWRlciBmcm9tICJlbGVtZW50LXVpL2xpYi9oZWFkZXIiOwppbXBvcnQgX0RyYXdlcjIgZnJvbSAiZWxlbWVudC11aS9saWIvdGhlbWUtY2hhbGsvZHJhd2VyLmNzcyI7CmltcG9ydCAiZWxlbWVudC11aS9saWIvdGhlbWUtY2hhbGsvYmFzZS5jc3MiOwppbXBvcnQgX0RyYXdlciBmcm9tICJlbGVtZW50LXVpL2xpYi9kcmF3ZXIiOwppbXBvcnQgX0NvbnRhaW5lcjIgZnJvbSAiZWxlbWVudC11aS9saWIvdGhlbWUtY2hhbGsvY29udGFpbmVyLmNzcyI7CmltcG9ydCAiZWxlbWVudC11aS9saWIvdGhlbWUtY2hhbGsvYmFzZS5jc3MiOwppbXBvcnQgX0NvbnRhaW5lciBmcm9tICJlbGVtZW50LXVpL2xpYi9jb250YWluZXIiOwovKiBlc2xpbnQtZGlzYWJsZSBuby1hbGVydCwgbm8tY29uc29sZSAqLwppbXBvcnQgVnVlIGZyb20gInZ1ZSI7CmltcG9ydCBsYW5nIGZyb20gImVsZW1lbnQtdWkvbGliL2xvY2FsZS9sYW5nL2VuIjsKaW1wb3J0IGxvY2FsZSBmcm9tICJlbGVtZW50LXVpL2xpYi9sb2NhbGUiOwpsb2NhbGUudXNlKGxhbmcpOwpWdWUudXNlKF9Db250YWluZXIpOwpWdWUudXNlKF9EcmF3ZXIpOwpWdWUudXNlKF9IZWFkZXIpOwpWdWUudXNlKF9JY29uKTsKVnVlLnVzZShfTWFpbik7ClZ1ZS51c2UoX1NsaWRlcik7CgovKioKICogQSBjb21wb25lbnQgdG8gY29udHJvbCB0aGUgb3BhY2l0eSBvZiB0aGUgdGFyZ2V0IG9iamVjdC4KICovCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiT3BhY2l0eUNvbnRyb2xzIiwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgZGlzcGxheVN0cmluZzogIjEwMCUiLAogICAgICBtYXRlcmlhbDogdW5kZWZpbmVkLAogICAgICBkcmF3ZXJPcGVuOiB0cnVlCiAgICB9OwogIH0sCiAgd2F0Y2g6IHsKICAgICJtYXRlcmlhbC5vcGFjaXR5IjogZnVuY3Rpb24gbWF0ZXJpYWxPcGFjaXR5KCkgewogICAgICBpZiAodGhpcy5tYXRlcmlhbCkgewogICAgICAgIHRoaXMuX3ppbmNvYmplY3Quc2V0QWxwaGEodGhpcy5tYXRlcmlhbC5vcGFjaXR5KTsKICAgICAgfQogICAgfQogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHRoaXMuX3ppbmNvYmplY3QgPSB1bmRlZmluZWQ7CiAgfSwKICBtZXRob2RzOiB7CiAgICBmb3JtYXRUb29sdGlwOiBmdW5jdGlvbiBmb3JtYXRUb29sdGlwKHZhbCkgewogICAgICB0aGlzLmRpc3BsYXlTdHJpbmcgPSBNYXRoLmZsb29yKDEwMCAqIHZhbCArIDAuNSkgKyAiJSI7CiAgICAgIHJldHVybiB0aGlzLmRpc3BsYXlTdHJpbmc7CiAgICB9LAogICAgdG9nZ2xlRHJhd2VyOiBmdW5jdGlvbiB0b2dnbGVEcmF3ZXIoKSB7CiAgICAgIHRoaXMuZHJhd2VyT3BlbiA9ICF0aGlzLmRyYXdlck9wZW47CiAgICB9LAogICAgc2V0T2JqZWN0OiBmdW5jdGlvbiBzZXRPYmplY3Qob2JqZWN0KSB7CiAgICAgIGlmIChvYmplY3QpIHRoaXMubWF0ZXJpYWwgPSBvYmplY3QubW9ycGgubWF0ZXJpYWw7ZWxzZSB0aGlzLm1hdGVyaWFsID0gdW5kZWZpbmVkOwogICAgICB0aGlzLl96aW5jb2JqZWN0ID0gb2JqZWN0OwogICAgfQogIH0KfTs="},{"version":3,"names":["Vue","lang","locale","use","_Container","_Drawer","_Header","_Icon","_Main","_Slider","name","data","displayString","material","undefined","drawerOpen","watch","materialOpacity","_zincobject","setAlpha","opacity","mounted","methods","formatTooltip","val","Math","floor","toggleDrawer","setObject","object","morph"],"sources":["node_modules/@abi-software/scaffoldvuer/src/components/OpacityControls.vue"],"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"],"mappings":";;;;;;;;;;;;;;;;;;AA0DA;AACA,OAAAA,GAAA;AAEA,OAAAC,IAAA;AACA,OAAAC,MAAA;AAEAA,MAAA,CAAAC,GAAA,CAAAF,IAAA;AACAD,GAAA,CAAAG,GAAA,CAAAC,UAAA;AACAJ,GAAA,CAAAG,GAAA,CAAAE,OAAA;AACAL,GAAA,CAAAG,GAAA,CAAAG,OAAA;AACAN,GAAA,CAAAG,GAAA,CAAAI,KAAA;AACAP,GAAA,CAAAG,GAAA,CAAAK,KAAA;AACAR,GAAA,CAAAG,GAAA,CAAAM,OAAA;;AAEA;AACA;AACA;AACA;EACAC,IAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,aAAA;MACAC,QAAA,EAAAC,SAAA;MACAC,UAAA;IACA;EACA;EACAC,KAAA;IACA,6BAAAC,gBAAA;MACA,SAAAJ,QAAA;QACA,KAAAK,WAAA,CAAAC,QAAA,MAAAN,QAAA,CAAAO,OAAA;MACA;IACA;EACA;EACAC,OAAA,WAAAA,QAAA;IACA,KAAAH,WAAA,GAAAJ,SAAA;EACA;EACAQ,OAAA;IACAC,aAAA,WAAAA,cAAAC,GAAA;MACA,KAAAZ,aAAA,GAAAa,IAAA,CAAAC,KAAA,OAAAF,GAAA;MACA,YAAAZ,aAAA;IACA;IACAe,YAAA,WAAAA,aAAA;MACA,KAAAZ,UAAA,SAAAA,UAAA;IACA;IACAa,SAAA,WAAAA,UAAAC,MAAA;MACA,IAAAA,MAAA,OAAAhB,QAAA,GAAAgB,MAAA,CAAAC,KAAA,CAAAjB,QAAA,MACA,KAAAA,QAAA,GAAAC,SAAA;MACA,KAAAI,WAAA,GAAAW,MAAA;IACA;EACA;AACA"}]}