{"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/TextureSlidesControls.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/scaffoldvuer/src/components/TextureSlidesControls.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:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBWdWUgZnJvbSAidnVlIjsKaW1wb3J0IHsKICBDb2wsCiAgQ29udGFpbmVyLAogIEZvb3RlciwKICBIZWFkZXIsCiAgSWNvbiwKICBJbnB1dE51bWJlciwKICBNYWluLAogIFJvdywKICBTbGlkZXIsCn0gZnJvbSAiZWxlbWVudC11aSI7CmltcG9ydCBsYW5nIGZyb20gImVsZW1lbnQtdWkvbGliL2xvY2FsZS9sYW5nL2VuIjsKaW1wb3J0IGxvY2FsZSBmcm9tICJlbGVtZW50LXVpL2xpYi9sb2NhbGUiOwoKbG9jYWxlLnVzZShsYW5nKTsKVnVlLnVzZShDb2wpOwpWdWUudXNlKENvbnRhaW5lcik7ClZ1ZS51c2UoRm9vdGVyKTsKVnVlLnVzZShIZWFkZXIpOwpWdWUudXNlKEljb24pOwpWdWUudXNlKElucHV0TnVtYmVyKTsKVnVlLnVzZShNYWluKTsKVnVlLnVzZShTbGlkZXIpOwpWdWUudXNlKFJvdyk7CgovKioKICogQSBjb21wb25lbnQgdG8gY29udHJvbCB0aGUgb3BhY2l0eSBvZiB0aGUgdGFyZ2V0IG9iamVjdC4KICovCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiVGV4dHVyZVNsaWRlc0NvbnRyb2xzIiwKICBkYXRhOiBmdW5jdGlvbiAoKSB7CiAgICByZXR1cm4gewogICAgICBzZXR0aW5nczogW10sCiAgICAgIGRpcmVjdGlvbnM6IFsKICAgICAgICB7CiAgICAgICAgICB2YWx1ZTogIngiLAogICAgICAgICAgbGFiZWw6ICJ4IiwKICAgICAgICB9LAogICAgICAgIHsKICAgICAgICAgIHZhbHVlOiAieSIsCiAgICAgICAgICBsYWJlbDogInkiLAogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgdmFsdWU6ICJ6IiwKICAgICAgICAgIGxhYmVsOiAieiIsCiAgICAgICAgfSwKICAgICAgXSwKICAgIH07CiAgfSwKICB3YXRjaDogewogICAgc2V0dGluZ3M6IGZ1bmN0aW9uICgpIHsKICAgICAgaWYgKHRoaXMubWF0ZXJpYWwgJiYgdGhpcy5femluY09iamVjdCkgewogICAgICAgIHRoaXMuX3ppbmNPYmplY3Quc2V0QWxwaGEodGhpcy5tYXRlcmlhbC5vcGFjaXR5KTsKICAgICAgfQogICAgfSwKICB9LAogIG1vdW50ZWQ6IGZ1bmN0aW9uICgpIHsKICAgIHRoaXMuX3ppbmNPYmplY3QgPSB1bmRlZmluZWQ7CiAgfSwKICBtZXRob2RzOiB7CiAgICBzZXRPYmplY3Q6IGZ1bmN0aW9uIChvYmplY3QpIHsKICAgICAgaWYgKG9iamVjdC5pc1RleHR1cmVTbGlkZXMpIHsKICAgICAgICB0aGlzLl96aW5jT2JqZWN0ID0gb2JqZWN0OwogICAgICAgIHRoaXMuc2V0dGluZ3MgPSB0aGlzLl96aW5jT2JqZWN0LmdldFRleHR1cmVTZXR0aW5ncygpOwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMuX3ppbmNPYmplY3QgPSB1bmRlZmluZWQ7CiAgICAgICAgdGhpcy5zZXR0aW5ncyA9IFtdOwogICAgICB9CiAgICB9LAogICAgYWRkTmV3U2xpZGU6IGZ1bmN0aW9uICgpIHsKICAgICAgY29uc3QgbmV3U2V0dGluZ3MgPSB7IGRpcmVjdGlvbjogIngiLCB2YWx1ZTogMCB9OwogICAgICBjb25zdCByZXR1cm5TZXR0aW5ncyA9IHRoaXMuX3ppbmNPYmplY3QuY3JlYXRlU2xpZGUobmV3U2V0dGluZ3MpOwogICAgICB0aGlzLnNldHRpbmdzLnB1c2gocmV0dXJuU2V0dGluZ3MpOwogICAgfSwKICAgIG1vZGlmeURpcmVjdGlvbjogZnVuY3Rpb24oZGlyZWN0aW9uLCBzbGlkZSkgewogICAgICBpZiAoc2xpZGUpIHsKICAgICAgICBzbGlkZS5kaXJlY3Rpb24gPSBkaXJlY3Rpb247CiAgICAgICAgdGhpcy5femluY09iamVjdC5tb2RpZnlTbGlkZVNldHRpbmdzKHNsaWRlKTsKICAgICAgfQogICAgfSwKICAgIG1vZGlmeVNsaWRlOiBmdW5jdGlvbiAoc2xpZGUpIHsKICAgICAgaWYgKHNsaWRlKSB7CiAgICAgICAgdGhpcy5femluY09iamVjdC5tb2RpZnlTbGlkZVNldHRpbmdzKHNsaWRlKTsKICAgICAgfQogICAgfSwKICAgIHJlbW92ZVNsaWRlOiBmdW5jdGlvbiAoaW5kZXgsIHNsaWRlKSB7CiAgICAgIHRoaXMuX3ppbmNPYmplY3QucmVtb3ZlU2xpZGVXaXRoSWQoc2xpZGUuaWQpOwogICAgICB0aGlzLnNldHRpbmdzLnNwbGljZShpbmRleCwgMSk7CiAgICB9LAogIH0sCn07Cg=="},{"version":3,"sources":["TextureSlidesControls.vue"],"names":[],"mappings":";AAiEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;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;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":"TextureSlidesControls.vue","sourceRoot":"node_modules/@abi-software/scaffoldvuer/src/components","sourcesContent":["<template>\n  <el-container v-show=\"settings.length > 0\" class=\"t-slides-container\">\n    <el-header height=\"30px\" class=\"header\">\n      <div>Texture Slides Settings</div>\n    </el-header>\n    <el-main class=\"block\">\n      <el-row v-for=\"(slide, index) in settings\" :key=\"slide.id\">\n        <el-col :offset=\"0\" :span=\"2\">\n          <el-select\n            :popper-append-to-body=\"false\"\n            :value=\"slide.direction\"\n            placeholder=\"Select\"\n            class=\"input-box\"\n            popper-class=\"viewer_dropdown\"\n            @change=\"modifyDirection($event, slide)\"\n          >\n            <el-option\n              v-for=\"item in directions\"\n              :key=\"item.value\"\n              :label=\"item.label\"\n              :value=\"item.value\"\n            />\n          </el-select>\n        </el-col>\n        <el-col :offset=\"0\" :span=\"14\">\n          <el-slider\n            v-model=\"slide.value\"\n            class=\"my-slider\"\n            :step=\"0.01\"\n            :min=\"0\"\n            :max=\"1\"\n            :show-tooltip=\"false\"\n            @input=\"modifySlide(slide)\"\n          />\n        </el-col>\n        <el-col :offset=\"0\" :span=\"3\">\n          <el-input-number\n            v-model=\"slide.value\"\n            :step=\"0.01\"\n            :min=\"0\"\n            :max=\"1\"\n            :controls=\"false\"\n            class=\"input-box number-input\"\n          />\n        </el-col>\n        <el-col :offset=\"2\" :span=\"2\">\n          <i\n            class=\"el-icon-close close-icon\"\n            @click=\"removeSlide(index, slide)\"\n          />\n        </el-col>\n      </el-row>\n    </el-main>\n    <el-footer height=\"30px\" class=\"add-slides-text\" @click.native=\"addNewSlide\">\n      <el-row>\n        <el-col :span=\"2\">\n          <i class=\"el-icon-plus\" />\n        </el-col>\n        <el-col :span=\"10\"> Add a new slide </el-col>\n      </el-row>\n    </el-footer>\n  </el-container>\n</template>\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport Vue from \"vue\";\nimport {\n  Col,\n  Container,\n  Footer,\n  Header,\n  Icon,\n  InputNumber,\n  Main,\n  Row,\n  Slider,\n} 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(Col);\nVue.use(Container);\nVue.use(Footer);\nVue.use(Header);\nVue.use(Icon);\nVue.use(InputNumber);\nVue.use(Main);\nVue.use(Slider);\nVue.use(Row);\n\n/**\n * A component to control the opacity of the target object.\n */\nexport default {\n  name: \"TextureSlidesControls\",\n  data: function () {\n    return {\n      settings: [],\n      directions: [\n        {\n          value: \"x\",\n          label: \"x\",\n        },\n        {\n          value: \"y\",\n          label: \"y\",\n        },\n        {\n          value: \"z\",\n          label: \"z\",\n        },\n      ],\n    };\n  },\n  watch: {\n    settings: 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    setObject: function (object) {\n      if (object.isTextureSlides) {\n        this._zincObject = object;\n        this.settings = this._zincObject.getTextureSettings();\n      } else {\n        this._zincObject = undefined;\n        this.settings = [];\n      }\n    },\n    addNewSlide: function () {\n      const newSettings = { direction: \"x\", value: 0 };\n      const returnSettings = this._zincObject.createSlide(newSettings);\n      this.settings.push(returnSettings);\n    },\n    modifyDirection: function(direction, slide) {\n      if (slide) {\n        slide.direction = direction;\n        this._zincObject.modifySlideSettings(slide);\n      }\n    },\n    modifySlide: function (slide) {\n      if (slide) {\n        this._zincObject.modifySlideSettings(slide);\n      }\n    },\n    removeSlide: function (index, slide) {\n      this._zincObject.removeSlideWithId(slide.id);\n      this.settings.splice(index, 1);\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/col\";\n@import \"~element-ui/packages/theme-chalk/src/container\";\n@import \"~element-ui/packages/theme-chalk/src/input-number\";\n@import \"~element-ui/packages/theme-chalk/src/slider\";\n@import \"~element-ui/packages/theme-chalk/src/row\";\n\n.header {\n  color: #606266;\n  line-height: 1;\n  padding: 8px 17px 1px 15px;\n  border-bottom: 1px solid #ebeef5;\n  font-size: 14px;\n}\n\n.add-slides-text {\n  color: $app-primary-color;\n  line-height: 1;\n  padding: 9px 17px 9px 15px;\n  border-top: 1px solid #ebeef5;\n  font-size: 12px;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.display {\n  width: 44px;\n}\n\n.block {\n  pointer-events: auto;\n  &.el-main {\n    padding: 5px;\n    &::-webkit-scrollbar {\n      width: 10px;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      border-radius: 10px;\n      box-shadow: inset 0 0 6px #c0c4cc;\n    }\n  }\n}\n\n.my-slider {\n  width: 109px;\n  top: -6px;\n  left: 50px;\n  position: relative;\n}\n\n.t-slides-container {\n  width: 300px;\n  height: 250px;\n  border-radius: 4px;\n  border: solid 1px #d8dce6;\n  background-color: #fff;\n  overflow-y: none;\n}\n\n::v-deep .el-slider__bar {\n  background-color: $app-primary-color;\n}\n\n.input-box {\n  width: 42px;\n  border-radius: 4px;\n  border: 1px solid rgb(144, 147, 153);\n  background-color: var(--white);\n  font-weight: 500;\n  color: rgb(48, 49, 51);\n  margin-left: 8px;\n\n  &.number-input {\n    width: 42px;\n    ::v-deep .el-input__inner {\n      padding-left: 0px;\n      padding-right: 0px;\n    }\n  }\n\n  ::v-deep .el-input__inner {\n    color: $app-primary-color;\n    height: 22px;\n    padding-left: 8px;\n    padding-right: 8px;\n    border: none;\n    font-family: \"Asap\", sans-serif;\n    line-height: 22px;\n  }\n\n  ::v-deep .el-input,\n  ::v-deep .el-input__icon {\n    line-height: 22px;\n  }\n\n  .viewer_dropdown .el-select-dropdown__item {\n    white-space: nowrap;\n    color: $app-primary-color;\n    text-align: left;\n    font-family: \"Asap\", sans-serif;\n  }\n}\n\n.close-icon {\n  color: $app-primary-color;\n  top: 2px;\n  position: relative;\n  cursor: pointer;\n}\n</style>\n"]}]}