{"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=style&index=0&id=7ca65e2a&prod&scoped=true&lang=scss&","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/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:CkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9jb2wiOwpAaW1wb3J0ICJ+ZWxlbWVudC11aS9wYWNrYWdlcy90aGVtZS1jaGFsay9zcmMvY29udGFpbmVyIjsKQGltcG9ydCAifmVsZW1lbnQtdWkvcGFja2FnZXMvdGhlbWUtY2hhbGsvc3JjL2lucHV0LW51bWJlciI7CkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9zbGlkZXIiOwpAaW1wb3J0ICJ+ZWxlbWVudC11aS9wYWNrYWdlcy90aGVtZS1jaGFsay9zcmMvcm93IjsKCi5oZWFkZXIgewogIGNvbG9yOiAjNjA2MjY2OwogIGxpbmUtaGVpZ2h0OiAxOwogIHBhZGRpbmc6IDhweCAxN3B4IDFweCAxNXB4OwogIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZWJlZWY1OwogIGZvbnQtc2l6ZTogMTRweDsKfQoKLmFkZC1zbGlkZXMtdGV4dCB7CiAgY29sb3I6ICRhcHAtcHJpbWFyeS1jb2xvcjsKICBsaW5lLWhlaWdodDogMTsKICBwYWRkaW5nOiA5cHggMTdweCA5cHggMTVweDsKICBib3JkZXItdG9wOiAxcHggc29saWQgI2ViZWVmNTsKICBmb250LXNpemU6IDEycHg7CiAgY3Vyc29yOiBwb2ludGVyOwogIHBvaW50ZXItZXZlbnRzOiBhdXRvOwp9CgouZGlzcGxheSB7CiAgd2lkdGg6IDQ0cHg7Cn0KCi5ibG9jayB7CiAgcG9pbnRlci1ldmVudHM6IGF1dG87CiAgJi5lbC1tYWluIHsKICAgIHBhZGRpbmc6IDVweDsKICAgICY6Oi13ZWJraXQtc2Nyb2xsYmFyIHsKICAgICAgd2lkdGg6IDEwcHg7CiAgICB9CgogICAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIgewogICAgICBib3JkZXItcmFkaXVzOiAxMHB4OwogICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgNnB4ICNjMGM0Y2M7CiAgICB9CiAgfQp9CgoubXktc2xpZGVyIHsKICB3aWR0aDogMTA5cHg7CiAgdG9wOiAtNnB4OwogIGxlZnQ6IDUwcHg7CiAgcG9zaXRpb246IHJlbGF0aXZlOwp9CgoudC1zbGlkZXMtY29udGFpbmVyIHsKICB3aWR0aDogMzAwcHg7CiAgaGVpZ2h0OiAyNTBweDsKICBib3JkZXItcmFkaXVzOiA0cHg7CiAgYm9yZGVyOiBzb2xpZCAxcHggI2Q4ZGNlNjsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwogIG92ZXJmbG93LXk6IG5vbmU7Cn0KCjo6di1kZWVwIC5lbC1zbGlkZXJfX2JhciB7CiAgYmFja2dyb3VuZC1jb2xvcjogJGFwcC1wcmltYXJ5LWNvbG9yOwp9CgouaW5wdXQtYm94IHsKICB3aWR0aDogNDJweDsKICBib3JkZXItcmFkaXVzOiA0cHg7CiAgYm9yZGVyOiAxcHggc29saWQgcmdiKDE0NCwgMTQ3LCAxNTMpOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXdoaXRlKTsKICBmb250LXdlaWdodDogNTAwOwogIGNvbG9yOiByZ2IoNDgsIDQ5LCA1MSk7CiAgbWFyZ2luLWxlZnQ6IDhweDsKCiAgJi5udW1iZXItaW5wdXQgewogICAgd2lkdGg6IDQycHg7CiAgICA6OnYtZGVlcCAuZWwtaW5wdXRfX2lubmVyIHsKICAgICAgcGFkZGluZy1sZWZ0OiAwcHg7CiAgICAgIHBhZGRpbmctcmlnaHQ6IDBweDsKICAgIH0KICB9CgogIDo6di1kZWVwIC5lbC1pbnB1dF9faW5uZXIgewogICAgY29sb3I6ICRhcHAtcHJpbWFyeS1jb2xvcjsKICAgIGhlaWdodDogMjJweDsKICAgIHBhZGRpbmctbGVmdDogOHB4OwogICAgcGFkZGluZy1yaWdodDogOHB4OwogICAgYm9yZGVyOiBub25lOwogICAgZm9udC1mYW1pbHk6ICJBc2FwIiwgc2Fucy1zZXJpZjsKICAgIGxpbmUtaGVpZ2h0OiAyMnB4OwogIH0KCiAgOjp2LWRlZXAgLmVsLWlucHV0LAogIDo6di1kZWVwIC5lbC1pbnB1dF9faWNvbiB7CiAgICBsaW5lLWhlaWdodDogMjJweDsKICB9CgogIC52aWV3ZXJfZHJvcGRvd24gLmVsLXNlbGVjdC1kcm9wZG93bl9faXRlbSB7CiAgICB3aGl0ZS1zcGFjZTogbm93cmFwOwogICAgY29sb3I6ICRhcHAtcHJpbWFyeS1jb2xvcjsKICAgIHRleHQtYWxpZ246IGxlZnQ7CiAgICBmb250LWZhbWlseTogIkFzYXAiLCBzYW5zLXNlcmlmOwogIH0KfQoKLmNsb3NlLWljb24gewogIGNvbG9yOiAkYXBwLXByaW1hcnktY29sb3I7CiAgdG9wOiAycHg7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIGN1cnNvcjogcG9pbnRlcjsKfQo="},{"version":3,"sources":["TextureSlidesControls.vue"],"names":[],"mappings":";AAkKA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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"]}]}