{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/ImageApp.vue?65fd","webpack:///./src/components/ControlApp.vue?03ac","webpack:///./src/App.vue?34c3","webpack:///./src/components/ImageApp.vue?2cc5","webpack:///src/components/ImageApp.vue","webpack:///./src/components/ImageApp.vue?52e1","webpack:///./src/components/ImageApp.vue","webpack:///./src/components/ControlApp.vue?c704","webpack:///src/components/ControlApp.vue","webpack:///./src/components/ControlApp.vue?0951","webpack:///./src/components/ControlApp.vue","webpack:///src/App.vue","webpack:///./src/App.vue?a7d1","webpack:///./src/App.vue","webpack:///./src/store.js","webpack:///./src/main.js","webpack:///./src/App.vue?763a"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","staticClass","ref","_v","url","url2","_e","computed","limit","watch","setTimeout","wC","wI","hC","hI","component","class","disabledStatus","grayscaleStatus","on","$event","enabledField","changeColor","model","callback","$$v","grayscale","expression","_l","item","index","label","brightnessStatus","brightness","contrastStatus","contrast","exposureStatus","exposure","hueStatus","hue","saturationStatus","saturation","lightnessStatus","lightness","shadowsStatus","shadows","highlightsStatus","highlights","doCopy","_s","baseUrl","directives","rawName","doReset","preventDefault","copymsg","moveToLink","grayscales","showurl","arr","join","mounted","deleteAmp","methods","statuses","forEach","span","classList","remove","map","status","spans","add","open","defaultUrl","convertShowUrl","replace","$store","dispatch","$copyText","alert","console","log","e","params","variable","$refs","grayscalespan","val","brightnessspan","contrastspan","exposurespan","huespan","saturationspan","lightnessspan","shadowsspan","highlightsspan","reset","colorsGroup","components","ImageApp","ControlApp","Vue","use","Vuex","Store","state","mutations","CHANGE_COLOR","payload","RESET","actions","commit","config","productionTip","VueClipboard","autoSetContainer","ElementUI","locale","store","render","h","App","$mount"],"mappings":"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","file":"js/app.497302b1.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/home/denid/Website/demoimage/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageApp.vue?vue&type=style&index=0&id=03285994&lang=scss&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ControlApp.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"colorparams\"}},[_c('ImageApp'),_c('ControlApp')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"image_app\"},[_c('div',{ref:\"c_image\",staticClass:\"image_wrapper\"},[_c('div',{staticClass:\"t_image\"},[_vm._v(\"Demo\")]),_c('img',{ref:\"o_image\",staticClass:\"img\",attrs:{\"src\":_vm.url,\"srcset\":(_vm.url + \" 1x, \" + _vm.url2 + \" 2x\")}})]),(_vm.limit)?_c('div',{staticClass:\"limit\"},[_c('span',[_vm._v(\"Image is larger than the available area - \"),_c('a',{attrs:{\"href\":_vm.url,\"target\":\"_blank\"}},[_vm._v(\"open image \"),_c('i',{staticClass:\"fa fa-external-link-alt\"})])])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"image_app\">\n    <div class=\"image_wrapper\" ref=\"c_image\">\n      <div class=\"t_image\">Demo</div>\n      <img\n        class=\"img\"\n        :src=\"url\"\n        :srcset=\"`${url} 1x, ${url2} 2x`\"\n        ref=\"o_image\"\n      />\n    </div>\n    <div class=\"limit\" v-if=\"limit\"><span>Image is larger than the available area - <a :href=\"url\" target=\"_blank\">open image <i class=\"fa fa-external-link-alt\"></i></a></span></div>\n  </div>\n</template>\n<script>\nimport { mapState } from 'vuex'\nexport default {\n  computed: {\n    ...mapState([\n      'url',\n      'url2'\n    ])\n  },\n  data () {\n    return {\n      limit: false\n    }\n  },\n  watch: {\n    url () {\n      setTimeout(() => {\n        let wC = this.$refs.c_image.clientWidth\n        let hC = this.$refs.c_image.clientHeight\n        let wI = this.$refs.o_image.clientWidth\n        let hI = this.$refs.o_image.clientHeight\n        wC <= wI || hC <= hI ? this.limit = true : this.limit = false\n      }, 300)\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.image_app{\n  position: relative;\n  max-width: 100%;\n  text-align: center;\n  min-height: 150px;\n  max-height: 150px;\n  height: 150px;\n  @media only screen and (min-width : 480px){\n    min-height: 480px;\n    max-height: 480px;\n    height: 480px;\n  }\n}\n.imgfile{\n  opacity: 0;\n}\n.image_wrapper{\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  position: relative;\n  min-height: 150px;\n  max-height: 150px;\n  height: 150px;\n  @media only screen and (min-width : 480px){\n    min-height: 480px;\n    max-height: 480px;\n    height: 480px;\n  }\n}\n.t_image{\n  position: absolute;\n  left: 0;\n  top: 0;\n  padding: 5px 10px;\n  font-weight: bold;\n  font-size: 20px;\n  background-color: #327BBA;\n  color: #fff;\n  border-radius: 4px;\n}\n.link_image {\n  position: absolute;\n  z-index: 999;\n  cursor: pointer;\n  right: 0;\n  top: 0;\n  padding: 5px 10px;\n  font-weight: bold;\n  font-size: 20px;\n  background-color: #327BBA;\n  color: #fff;\n  svg{\n    width: 14px;\n  }\n}\n.limit{\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  max-width: 100%;\n  width: 100%;\n  background-color: #327BBA;\n  min-height: 30px;\n  color: #fff;\n  a{\n    color: #fff;\n    text-decoration: none;\n    font-weight: bold;\n    &:hover{\n      opacity: .8\n    }\n  }\n}\n.img {\n  display: block;\n}\n\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageApp.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageApp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageApp.vue?vue&type=template&id=03285994&scoped=true&\"\nimport script from \"./ImageApp.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageApp.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImageApp.vue?vue&type=style&index=0&id=03285994&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"03285994\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"control_app\"},[_c('div',{staticClass:\"control__item control__text\"},[_c('div',{staticClass:\"control__title\"},[_vm._v(\"\\n      Grayscale\\n    \")]),_c('div',{staticClass:\"control__action\"},[_c('div',{staticClass:\"font_choice\"},[_c('div',{staticClass:\"fakeoverlay\",class:{disabledStatus: !_vm.grayscaleStatus},on:{\"click\":function($event){_vm.enabledField('grayscaleStatus', _vm.grayscaleStatus), _vm.changeColor()}}}),_c('el-select',{staticClass:\"font_choice\",attrs:{\"disabled\":!_vm.grayscaleStatus,\"placeholder\":\"original\"},on:{\"change\":_vm.changeColor},model:{value:(_vm.grayscale),callback:function ($$v) {_vm.grayscale=$$v},expression:\"grayscale\"}},_vm._l((_vm.grayscales),function(item,index){return _c('el-option',{key:index,attrs:{\"label\":item.label,\"value\":item.value}})}),1)],1),_c('el-checkbox',{staticClass:\"enable_checkbox\",on:{\"change\":_vm.changeColor},model:{value:(_vm.grayscaleStatus),callback:function ($$v) {_vm.grayscaleStatus=$$v},expression:\"grayscaleStatus\"}})],1)]),_c('div',{staticClass:\"control__item control__text\"},[_c('div',{staticClass:\"control__title\"},[_vm._v(\"\\n      Brightness\\n    \")]),_c('div',{staticClass:\"control__action\"},[_c('div',{staticClass:\"slider_wrapper\"},[_c('div',{staticClass:\"fakeoverlay\",class:{disabledStatus: !_vm.brightnessStatus},on:{\"click\":function($event){return _vm.enabledField('brightnessStatus', _vm.brightnessStatus)}}}),_c('el-slider',{staticClass:\"slider\",attrs:{\"min\":-100,\"max\":100,\"disabled\":!_vm.brightnessStatus},on:{\"change\":_vm.changeColor},model:{value:(_vm.brightness),callback:function ($$v) {_vm.brightness=$$v},expression:\"brightness\"}})],1),_c('el-checkbox',{staticClass:\"enable_checkbox\",on:{\"change\":_vm.changeColor},model:{value:(_vm.brightnessStatus),callback:function ($$v) {_vm.brightnessStatus=$$v},expression:\"brightnessStatus\"}})],1)]),_c('div',{staticClass:\"control__item control__text\"},[_c('div',{staticClass:\"control__title\"},[_vm._v(\"\\n      Contrast\\n    \")]),_c('div',{staticClass:\"control__action\"},[_c('div',{staticClass:\"slider_wrapper\"},[_c('div',{staticClass:\"fakeoverlay\",class:{disabledStatus: !_vm.contrastStatus},on:{\"click\":function($event){return _vm.enabledField('contrastStatus', _vm.contrastStatus)}}}),_c('el-slider',{staticClass:\"slider\",attrs:{\"min\":-100,\"max\":100,\"disabled\":!_vm.contrastStatus},on:{\"change\":_vm.changeColor},model:{value:(_vm.contrast),callback:function ($$v) {_vm.contrast=$$v},expression:\"contrast\"}})],1),_c('el-checkbox',{staticClass:\"enable_checkbox\",on:{\"change\":_vm.changeColor},model:{value:(_vm.contrastStatus),callback:function ($$v) {_vm.contrastStatus=$$v},expression:\"contrastStatus\"}})],1)]),_c('div',{staticClass:\"control__item control__text\"},[_c('div',{staticClass:\"control__title\"},[_vm._v(\"\\n      Exposure\\n    \")]),_c('div',{staticClass:\"control__action\"},[_c('div',{staticClass:\"slider_wrapper\"},[_c('div',{staticClass:\"fakeoverlay\",class:{disabledStatus: !_vm.exposureStatus},on:{\"click\":function($event){return _vm.enabledField('exposureStatus', _vm.exposureStatus)}}}),_c('el-slider',{staticClass:\"slider\",attrs:{\"min\":-100,\"max\":100,\"disabled\":!_vm.exposureStatus},on:{\"change\":_vm.changeColor},model:{value:(_vm.exposure),callback:function ($$v) {_vm.exposure=$$v},expression:\"exposure\"}})],1),_c('el-checkbox',{staticClass:\"enable_checkbox\",on:{\"change\":_vm.changeColor},model:{value:(_vm.exposureStatus),callback:function ($$v) {_vm.exposureStatus=$$v},expression:\"exposureStatus\"}})],1)]),_c('div',{staticClass:\"control__item control__text\"},[_c('div',{staticClass:\"control__title\"},[_vm._v(\"\\n      Hue\\n    \")]),_c('div',{staticClass:\"control__action\"},[_c('div',{staticClass:\"slider_wrapper\"},[_c('div',{staticClass:\"fakeoverlay\",class:{disabledStatus: !_vm.hueStatus},on:{\"click\":function($event){return _vm.enabledField('hueStatus', _vm.hueStatus)}}}),_c('el-slider',{staticClass:\"slider\",attrs:{\"min\":-100,\"max\":100,\"disabled\":!_vm.hueStatus},on:{\"change\":_vm.changeColor},model:{value:(_vm.hue),callback:function ($$v) {_vm.hue=$$v},expression:\"hue\"}})],1),_c('el-checkbox',{staticClass:\"enable_checkbox\",on:{\"change\":_vm.changeColor},model:{value:(_vm.hueStatus),callback:function ($$v) {_vm.hueStatus=$$v},expression:\"hueStatus\"}})],1)]),_c('div',{staticClass:\"control__item control__text\"},[_c('div',{staticClass:\"control__title\"},[_vm._v(\"\\n      Saturation\\n    \")]),_c('div',{staticClass:\"control__action\"},[_c('div',{staticClass:\"slider_wrapper\"},[_c('div',{staticClass:\"fakeoverlay\",class:{disabledStatus: !_vm.saturationStatus},on:{\"click\":function($event){return _vm.enabledField('saturationStatus', _vm.saturationStatus)}}}),_c('el-slider',{staticClass:\"slider\",attrs:{\"min\":-100,\"max\":100,\"disabled\":!_vm.saturationStatus},on:{\"change\":_vm.changeColor},model:{value:(_vm.saturation),callback:function ($$v) {_vm.saturation=$$v},expression:\"saturation\"}})],1),_c('el-checkbox',{staticClass:\"enable_checkbox\",on:{\"change\":_vm.changeColor},model:{value:(_vm.saturationStatus),callback:function ($$v) {_vm.saturationStatus=$$v},expression:\"saturationStatus\"}})],1)]),_c('div',{staticClass:\"control__item control__text\"},[_c('div',{staticClass:\"control__title\"},[_vm._v(\"\\n      Lightness\\n    \")]),_c('div',{staticClass:\"control__action\"},[_c('div',{staticClass:\"slider_wrapper\"},[_c('div',{staticClass:\"fakeoverlay\",class:{disabledStatus: !_vm.lightnessStatus},on:{\"click\":function($event){return _vm.enabledField('lightnessStatus', _vm.lightnessStatus)}}}),_c('el-slider',{staticClass:\"slider\",attrs:{\"min\":-100,\"max\":100,\"disabled\":!_vm.lightnessStatus},on:{\"change\":_vm.changeColor},model:{value:(_vm.lightness),callback:function ($$v) {_vm.lightness=$$v},expression:\"lightness\"}})],1),_c('el-checkbox',{staticClass:\"enable_checkbox\",on:{\"change\":_vm.changeColor},model:{value:(_vm.lightnessStatus),callback:function ($$v) {_vm.lightnessStatus=$$v},expression:\"lightnessStatus\"}})],1)]),_c('div',{staticClass:\"control__item control__text\"},[_c('div',{staticClass:\"control__title\"},[_vm._v(\"\\n      Shadows\\n    \")]),_c('div',{staticClass:\"control__action\"},[_c('div',{staticClass:\"slider_wrapper\"},[_c('div',{staticClass:\"fakeoverlay\",class:{disabledStatus: !_vm.shadowsStatus},on:{\"click\":function($event){return _vm.enabledField('shadowsStatus', _vm.shadowsStatus)}}}),_c('el-slider',{staticClass:\"slider\",attrs:{\"min\":-100,\"max\":100,\"disabled\":!_vm.shadowsStatus},on:{\"change\":_vm.changeColor},model:{value:(_vm.shadows),callback:function ($$v) {_vm.shadows=$$v},expression:\"shadows\"}})],1),_c('el-checkbox',{staticClass:\"enable_checkbox\",on:{\"change\":_vm.changeColor},model:{value:(_vm.shadowsStatus),callback:function ($$v) {_vm.shadowsStatus=$$v},expression:\"shadowsStatus\"}})],1)]),_c('div',{staticClass:\"control__item control__text\"},[_c('div',{staticClass:\"control__title\"},[_vm._v(\"\\n      Highlights\\n    \")]),_c('div',{staticClass:\"control__action\"},[_c('div',{staticClass:\"slider_wrapper\"},[_c('div',{staticClass:\"fakeoverlay\",class:{disabledStatus: !_vm.highlightsStatus},on:{\"click\":function($event){return _vm.enabledField('highlightsStatus', _vm.highlightsStatus)}}}),_c('el-slider',{staticClass:\"slider\",attrs:{\"min\":-100,\"max\":100,\"disabled\":!_vm.highlightsStatus},on:{\"change\":_vm.changeColor},model:{value:(_vm.highlights),callback:function ($$v) {_vm.highlights=$$v},expression:\"highlights\"}})],1),_c('el-checkbox',{staticClass:\"enable_checkbox\",on:{\"change\":_vm.changeColor},model:{value:(_vm.highlightsStatus),callback:function ($$v) {_vm.highlightsStatus=$$v},expression:\"highlightsStatus\"}})],1)]),_c('div',{staticClass:\"control__item control__btn\"},[_c('div',{staticClass:\"showurl\",on:{\"click\":_vm.doCopy}},[_c('span',[_vm._v(_vm._s(_vm.baseUrl)),(\n        _vm.grayscaleStatus ||\n        _vm.brightnessStatus && _vm.brightness !== 0 ||\n        _vm.contrastStatus && _vm.contrast !== 0 ||\n        _vm.exposureStatus && _vm.exposure !== 0 ||\n        _vm.hueStatus && _vm.hue !== 0 ||\n        _vm.saturationStatus && _vm.saturation !== 0 ||\n        _vm.lightnessStatus && _vm.lightness !== 0 ||\n        _vm.shadowsStatus && _vm.shadows !== 0 ||\n        _vm.highlightsStatus && _vm.highlights !== 0)?_c('span',[_vm._v(\"?\")]):_vm._e()]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.grayscaleStatus),expression:\"grayscaleStatus\"}],ref:\"grayscalespan\",staticClass:\"urlspan\"},[_vm._v(\"grayscale=\"+_vm._s(_vm.grayscale))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.brightnessStatus && _vm.brightness !== 0),expression:\"brightnessStatus && brightness !== 0\"}],ref:\"brightnessspan\",staticClass:\"urlspan\"},[_vm._v(\"brightness=\"+_vm._s(_vm.brightness))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.contrastStatus && _vm.contrast !== 0),expression:\"contrastStatus && contrast !== 0\"}],ref:\"contrastspan\",staticClass:\"urlspan\"},[_vm._v(\"contrast=\"+_vm._s(_vm.contrast))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.exposureStatus && _vm.exposure !== 0),expression:\"exposureStatus && exposure !== 0\"}],ref:\"exposurespan\",staticClass:\"urlspan\"},[_vm._v(\"exposure=\"+_vm._s(_vm.exposure))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hueStatus && _vm.hue !== 0),expression:\"hueStatus && hue !== 0\"}],ref:\"huespan\",staticClass:\"urlspan\"},[_vm._v(\"hue=\"+_vm._s(_vm.hue))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.saturationStatus && _vm.saturation !== 0),expression:\"saturationStatus && saturation !== 0\"}],ref:\"saturationspan\",staticClass:\"urlspan\"},[_vm._v(\"saturation=\"+_vm._s(_vm.saturation))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.lightnessStatus && _vm.lightness !== 0),expression:\"lightnessStatus && lightness !== 0\"}],ref:\"lightnessspan\",staticClass:\"urlspan\"},[_vm._v(\"lightness=\"+_vm._s(_vm.lightness))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.shadowsStatus && _vm.shadows !== 0),expression:\"shadowsStatus && shadows !== 0\"}],ref:\"shadowsspan\",staticClass:\"urlspan\"},[_vm._v(\"shadows=\"+_vm._s(_vm.shadows))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.highlightsStatus && _vm.highlights !== 0),expression:\"highlightsStatus && highlights !== 0\"}],ref:\"highlightsspan\",staticClass:\"urlspan\"},[_vm._v(\"highlights=\"+_vm._s(_vm.highlights))])])]),_c('div',{staticClass:\"actions\"},[_c('div',{staticClass:\"actions-passive\"},[_c('div',{staticClass:\"reset\",on:{\"click\":_vm.doReset}},[_c('i',{staticClass:\"fa fa-redo\"})])]),_c('div',{staticClass:\"actions-active\"},[_c('el-button',{staticClass:\"copybutton\",attrs:{\"icon\":\"fa fa-copy\"},on:{\"click\":function($event){$event.preventDefault();return _vm.doCopy($event)}}}),_c('div',{ref:\"copymessage\",staticClass:\"copymessage\"},[_vm._v(_vm._s(_vm.copymsg))]),_c('div',{staticClass:\"external\",on:{\"click\":_vm.moveToLink}},[_c('i',{staticClass:\"fa fa-external-link-alt\"})])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"control_app\">\n\n    <div class=\"control__item control__text\">\n      <div class=\"control__title\">\n        Grayscale\n      </div>\n      <div class=\"control__action\">\n        <div class=\"font_choice\">\n          <div class=\"fakeoverlay\" @click=\"enabledField('grayscaleStatus', grayscaleStatus), changeColor()\" :class='{disabledStatus: !grayscaleStatus}'></div>\n          <el-select class=\"font_choice\" :disabled=\"!grayscaleStatus\" v-model=\"grayscale\" @change=\"changeColor\" placeholder=\"original\">\n            <el-option\n              :key=\"index\"\n              v-for=\"(item, index) in grayscales\"\n              :label=\"item.label\"\n              :value=\"item.value\"\n            >\n            </el-option>\n          </el-select>\n        </div>\n        <el-checkbox class=\"enable_checkbox\" v-model=\"grayscaleStatus\" @change=\"changeColor\" ></el-checkbox>\n      </div>\n    </div>\n\n    <div class=\"control__item control__text\">\n      <div class=\"control__title\">\n        Brightness\n      </div>\n      <div class=\"control__action\">\n        <div class=\"slider_wrapper\">\n          <div class=\"fakeoverlay\" @click=\"enabledField('brightnessStatus', brightnessStatus)\" :class='{disabledStatus: !brightnessStatus}'></div>\n          <el-slider :min=\"-100\" class=\"slider\" :max=\"100\" v-model=\"brightness\" :disabled=\"!brightnessStatus\" @change=\"changeColor\"\n          ></el-slider>\n        </div>\n        <el-checkbox class=\"enable_checkbox\" v-model=\"brightnessStatus\" @change=\"changeColor\" ></el-checkbox>\n      </div>\n    </div>\n\n    <div class=\"control__item control__text\">\n      <div class=\"control__title\">\n        Contrast\n      </div>\n      <div class=\"control__action\">\n        <div class=\"slider_wrapper\">\n          <div class=\"fakeoverlay\" @click=\"enabledField('contrastStatus', contrastStatus)\" :class='{disabledStatus: !contrastStatus}'></div>\n          <el-slider :min=\"-100\" class=\"slider\" :max=\"100\" v-model=\"contrast\" :disabled=\"!contrastStatus\" @change=\"changeColor\"\n          ></el-slider>\n        </div>\n        <el-checkbox class=\"enable_checkbox\" v-model=\"contrastStatus\" @change=\"changeColor\" ></el-checkbox>\n      </div>\n    </div>\n\n    <div class=\"control__item control__text\">\n      <div class=\"control__title\">\n        Exposure\n      </div>\n      <div class=\"control__action\">\n        <div class=\"slider_wrapper\">\n          <div class=\"fakeoverlay\" @click=\"enabledField('exposureStatus', exposureStatus)\" :class='{disabledStatus: !exposureStatus}'></div>\n          <el-slider :min=\"-100\" class=\"slider\" :max=\"100\" v-model=\"exposure\" :disabled=\"!exposureStatus\" @change=\"changeColor\"\n          ></el-slider>\n        </div>\n        <el-checkbox class=\"enable_checkbox\" v-model=\"exposureStatus\" @change=\"changeColor\" ></el-checkbox>\n      </div>\n    </div>\n\n    <div class=\"control__item control__text\">\n      <div class=\"control__title\">\n        Hue\n      </div>\n      <div class=\"control__action\">\n        <div class=\"slider_wrapper\">\n          <div class=\"fakeoverlay\" @click=\"enabledField('hueStatus', hueStatus)\" :class='{disabledStatus: !hueStatus}'></div>\n          <el-slider :min=\"-100\" class=\"slider\" :max=\"100\" v-model=\"hue\" :disabled=\"!hueStatus\" @change=\"changeColor\"\n          ></el-slider>\n        </div>\n        <el-checkbox class=\"enable_checkbox\" v-model=\"hueStatus\" @change=\"changeColor\" ></el-checkbox>\n      </div>\n    </div>\n\n    <div class=\"control__item control__text\">\n      <div class=\"control__title\">\n        Saturation\n      </div>\n      <div class=\"control__action\">\n        <div class=\"slider_wrapper\">\n          <div class=\"fakeoverlay\" @click=\"enabledField('saturationStatus', saturationStatus)\" :class='{disabledStatus: !saturationStatus}'></div>\n          <el-slider :min=\"-100\" class=\"slider\" :max=\"100\" v-model=\"saturation\" :disabled=\"!saturationStatus\" @change=\"changeColor\"\n          ></el-slider>\n        </div>\n        <el-checkbox class=\"enable_checkbox\" v-model=\"saturationStatus\" @change=\"changeColor\" ></el-checkbox>\n      </div>\n    </div>\n\n    <div class=\"control__item control__text\">\n      <div class=\"control__title\">\n        Lightness\n      </div>\n      <div class=\"control__action\">\n        <div class=\"slider_wrapper\">\n          <div class=\"fakeoverlay\" @click=\"enabledField('lightnessStatus', lightnessStatus)\" :class='{disabledStatus: !lightnessStatus}'></div>\n          <el-slider :min=\"-100\" class=\"slider\" :max=\"100\" v-model=\"lightness\" :disabled=\"!lightnessStatus\" @change=\"changeColor\"\n          ></el-slider>\n        </div>\n        <el-checkbox class=\"enable_checkbox\" v-model=\"lightnessStatus\" @change=\"changeColor\" ></el-checkbox>\n      </div>\n    </div>\n\n    <div class=\"control__item control__text\">\n      <div class=\"control__title\">\n        Shadows\n      </div>\n      <div class=\"control__action\">\n        <div class=\"slider_wrapper\">\n          <div class=\"fakeoverlay\" @click=\"enabledField('shadowsStatus', shadowsStatus)\" :class='{disabledStatus: !shadowsStatus}'></div>\n          <el-slider :min=\"-100\" class=\"slider\" :max=\"100\" v-model=\"shadows\" :disabled=\"!shadowsStatus\" @change=\"changeColor\"\n          ></el-slider>\n        </div>\n        <el-checkbox class=\"enable_checkbox\" v-model=\"shadowsStatus\" @change=\"changeColor\" ></el-checkbox>\n      </div>\n    </div>\n\n    <div class=\"control__item control__text\">\n      <div class=\"control__title\">\n        Highlights\n      </div>\n      <div class=\"control__action\">\n        <div class=\"slider_wrapper\">\n          <div class=\"fakeoverlay\" @click=\"enabledField('highlightsStatus', highlightsStatus)\" :class='{disabledStatus: !highlightsStatus}'></div>\n          <el-slider :min=\"-100\" class=\"slider\" :max=\"100\" v-model=\"highlights\" :disabled=\"!highlightsStatus\" @change=\"changeColor\"\n          ></el-slider>\n        </div>\n        <el-checkbox class=\"enable_checkbox\" v-model=\"highlightsStatus\" @change=\"changeColor\" ></el-checkbox>\n      </div>\n    </div>\n\n    <div class=\"control__item control__btn\">\n      <div class=\"showurl\" @click=\"doCopy\">\n        <span>{{ baseUrl }}<span v-if=\"\n          grayscaleStatus ||\n          brightnessStatus && brightness !== 0 ||\n          contrastStatus && contrast !== 0 ||\n          exposureStatus && exposure !== 0 ||\n          hueStatus && hue !== 0 ||\n          saturationStatus && saturation !== 0 ||\n          lightnessStatus && lightness !== 0 ||\n          shadowsStatus && shadows !== 0 ||\n          highlightsStatus && highlights !== 0\">?</span></span>\n        <span ref=\"grayscalespan\" class=\"urlspan\" v-show=\"grayscaleStatus\">grayscale={{ grayscale }}</span>\n        <span ref=\"brightnessspan\" class=\"urlspan\" v-show=\"brightnessStatus && brightness !== 0\">brightness={{ brightness }}</span>\n        <span ref=\"contrastspan\" class=\"urlspan\" v-show=\"contrastStatus && contrast !== 0\">contrast={{ contrast }}</span>\n        <span ref=\"exposurespan\" class=\"urlspan\" v-show=\"exposureStatus && exposure !== 0\">exposure={{ exposure }}</span>\n        <span ref=\"huespan\" class=\"urlspan\" v-show=\"hueStatus && hue !== 0\">hue={{ hue }}</span>\n        <span ref=\"saturationspan\" class=\"urlspan\" v-show=\"saturationStatus && saturation !== 0\">saturation={{ saturation }}</span>\n        <span ref=\"lightnessspan\" class=\"urlspan\" v-show=\"lightnessStatus && lightness !== 0\">lightness={{ lightness }}</span>\n        <span ref=\"shadowsspan\" class=\"urlspan\" v-show=\"shadowsStatus && shadows !== 0\">shadows={{ shadows }}</span>\n        <span ref=\"highlightsspan\" class=\"urlspan\" v-show=\"highlightsStatus && highlights !== 0\">highlights={{ highlights }}</span>\n      </div>\n    </div>\n    <div class=\"actions\">\n      <div class=\"actions-passive\">\n        <div class=\"reset\" @click=\"doReset\">\n          <i class=\"fa fa-redo\"></i>\n        </div>\n      </div>\n      <div class=\"actions-active\">\n        <el-button\n          @click.prevent=\"doCopy\"\n          class=\"copybutton\"\n          icon=\"fa fa-copy\"\n        >\n        </el-button>\n        <div class=\"copymessage\" ref=\"copymessage\">{{copymsg}}</div>\n        <div class=\"external\" @click=\"moveToLink\">\n          <i class=\"fa fa-external-link-alt\"></i>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport { mapState } from 'vuex'\nexport default {\n  data () {\n    return {\n      grayscale: 'true',\n      grayscaleStatus: false,\n      grayscales: [{ label: 'True', value: 'true' }, { label: 'False', value: 'false' }],\n      brightness: 0,\n      brightnessStatus: true,\n      contrast: 0,\n      contrastStatus: true,\n      exposure: 0,\n      exposureStatus: true,\n      hue: 0,\n      hueStatus: true,\n      saturation: 0,\n      saturationStatus: true,\n      lightness: 0,\n      lightnessStatus: true,\n      shadows: 0,\n      shadowsStatus: true,\n      highlights: 0,\n      highlightsStatus: true,\n      copymsg: '',\n      baseUrl: 'https://demo.sirv.com/hang.jpg'\n    }\n  },\n  computed: {\n    ...mapState([\n      'defaultUrl',\n      'reset'\n    ]),\n    showurl () {\n      let connecter = '&'\n      let grayscale = this.grayscaleStatus !== false ? `${connecter}grayscale=${this.grayscale}` : ``\n      let brightness = this.brightness !== 0 && this.brightnessStatus !== false ? `${connecter}brightness=${this.brightness}` : ``\n      let contrast = this.contrast !== 0 && this.contrastStatus !== false ? `${connecter}contrast=${this.contrast}` : ``\n      let exposure = this.exposure !== 0 && this.exposureStatus !== false ? `${connecter}exposure=${this.exposure}` : ``\n      let hue = this.hue !== 0 && this.hueStatus !== false ? `${connecter}hue=${this.hue}` : ``\n      let saturation = this.saturation !== 0 && this.saturationStatus !== false ? `${connecter}saturation=${this.saturation}` : ``\n      let lightness = this.lightness !== 0 && this.lightnessStatus !== false ? `${connecter}lightness=${this.lightness}` : ``\n      let shadows = this.shadows !== 0 && this.shadowsStatus !== false ? `${connecter}shadows=${this.shadows}` : ``\n      let highlights = this.highlights !== 0 && this.highlightsStatus !== false ? `${connecter}highlights=${this.highlights}` : ``\n\n      let url = `${grayscale}${brightness}${contrast}${exposure}${hue}${saturation}${lightness}${shadows}${highlights}`\n\n      let arr = url.split('')\n      for (var i = 0; i < arr.length; i++) {\n        if (arr[i] === '&') { arr[i] = '?'; break }\n      }\n      url = arr.join('')\n      return url\n    }\n  },\n  mounted () {\n    this.deleteAmp()\n  },\n  methods: {\n    deleteAmp () {\n      let statuses = [\n        { status: this.grayscaleStatus, span: this.$refs.grayscalespan },\n        { status: this.brightnessStatus, span: this.$refs.brightnessspan },\n        { status: this.contrastStatus, span: this.$refs.contrastspan },\n        { status: this.exposureStatus, span: this.$refs.exposurespan },\n        { status: this.hueStatus, span: this.$refs.huespan },\n        { status: this.saturationStatus, span: this.$refs.saturationspan },\n        { status: this.lightnessStatus, span: this.$refs.lightnessspan },\n        { status: this.shadowsStatus, span: this.$refs.shadowsspan },\n        { status: this.highlightsStatus, span: this.$refs.highlightsspan }\n      ]\n      statuses.forEach(item => {\n        item.span.classList.remove('withoutAmp')\n      })\n      let spans = []\n      statuses.map(item => {\n        if (item.status === true) {\n          spans.push(item)\n        }\n      })\n      if (spans.length !== 0) {\n        spans[0].span.classList.add('withoutAmp')\n      }\n    },\n    moveToLink () {\n      window.open(this.defaultUrl)\n    },\n    convertShowUrl (w) {\n      return this.showurl.replace('?', `?w=${w}&`)\n    },\n    changeColor () {\n      this.$store.dispatch('changeColor', {\n        defaultUrl: `${this.baseUrl}${this.showurl}`,\n        url: `${this.baseUrl}${this.convertShowUrl(500)}`,\n        url2: `${this.baseUrl}${this.convertShowUrl(1000)}`,\n      })\n    },\n    doReset () {\n      this.$store.dispatch('reset')\n    },\n    doCopy () {\n      this.$copyText(`${this.baseUrl}${this.showurl}`).then((e) => {\n        this.copymsg = 'Copied'\n        setTimeout(() => {\n          this.copymsg = ''\n        }, 3000)\n      }, function (e) {\n        alert('Can not copy')\n        console.log(e)\n      })\n    },\n    enabledField (variable, params) {\n      if (params === false) {\n        this[variable] = !params\n      }\n    }\n  },\n  watch: {\n    grayscale () {\n      this.$refs.grayscalespan.classList.add('highlights')\n      setTimeout(() => {\n        this.$refs.grayscalespan.classList.remove('highlights')\n      }, 1000)\n    },\n    grayscaleStatus (val) {\n      this.deleteAmp()\n      if (val === true) {\n        this.$refs.grayscalespan.classList.add('highlights')\n        setTimeout(() => {\n          this.$refs.grayscalespan.classList.remove('highlights')\n        }, 1000)\n      }\n    },\n    brightness () {\n      this.$refs.brightnessspan.classList.add('highlights')\n      setTimeout(() => {\n        this.$refs.brightnessspan.classList.remove('highlights')\n      }, 1000)\n    },\n    brightnessStatus (val) {\n      this.deleteAmp()\n      if (val === true) {\n        this.$refs.brightnessspan.classList.add('highlights')\n        setTimeout(() => {\n          this.$refs.brightnessspan.classList.remove('highlights')\n        }, 1000)\n      }\n    },\n    contrast () {\n      this.$refs.contrastspan.classList.add('highlights')\n      setTimeout(() => {\n        this.$refs.contrastspan.classList.remove('highlights')\n      }, 1000)\n    },\n    contrastStatus (val) {\n      this.deleteAmp()\n      if (val === true) {\n        this.$refs.contrastspan.classList.add('highlights')\n        setTimeout(() => {\n          this.$refs.contrastspan.classList.remove('highlights')\n        }, 1000)\n      }\n    },\n    exposure () {\n      this.$refs.exposurespan.classList.add('highlights')\n      setTimeout(() => {\n        this.$refs.exposurespan.classList.remove('highlights')\n      }, 1000)\n    },\n    exposureStatus (val) {\n      this.deleteAmp()\n      if (val === true) {\n        this.$refs.exposurespan.classList.add('highlights')\n        setTimeout(() => {\n          this.$refs.exposurespan.classList.remove('highlights')\n        }, 1000)\n      }\n    },\n    hue () {\n      this.$refs.huespan.classList.add('highlights')\n      setTimeout(() => {\n        this.$refs.huespan.classList.remove('highlights')\n      }, 1000)\n    },\n    hueStatus (val) {\n      this.deleteAmp()\n      if (val === true) {\n        this.$refs.huespan.classList.add('highlights')\n        setTimeout(() => {\n          this.$refs.huespan.classList.remove('highlights')\n        }, 1000)\n      }\n    },\n    saturation () {\n      this.$refs.saturationspan.classList.add('highlights')\n      setTimeout(() => {\n        this.$refs.saturationspan.classList.remove('highlights')\n      }, 1000)\n    },\n    saturationStatus (val) {\n      this.deleteAmp()\n      if (val === true) {\n        this.$refs.saturationspan.classList.add('highlights')\n        setTimeout(() => {\n          this.$refs.saturationspan.classList.remove('highlights')\n        }, 1000)\n      }\n    },\n    lightness () {\n      this.$refs.lightnessspan.classList.add('highlights')\n      setTimeout(() => {\n        this.$refs.lightnessspan.classList.remove('highlights')\n      }, 1000)\n    },\n    lightnessStatus (val) {\n      this.deleteAmp()\n      if (val === true) {\n        this.$refs.lightnessspan.classList.add('highlights')\n        setTimeout(() => {\n          this.$refs.lightnessspan.classList.remove('highlights')\n        }, 1000)\n      }\n    },\n    shadows () {\n      this.$refs.shadowsspan.classList.add('highlights')\n      setTimeout(() => {\n        this.$refs.shadowsspan.classList.remove('highlights')\n      }, 1000)\n    },\n    shadowsStatus (val) {\n      this.deleteAmp()\n      if (val === true) {\n        this.$refs.shadowsspan.classList.add('highlights')\n        setTimeout(() => {\n          this.$refs.shadowsspan.classList.remove('highlights')\n        }, 1000)\n      }\n    },\n    highlights () {\n      this.$refs.highlightsspan.classList.add('highlights')\n      setTimeout(() => {\n        this.$refs.highlightsspan.classList.remove('highlights')\n      }, 1000)\n    },\n    highlightsStatus (val) {\n      this.deleteAmp()\n      if (val === true) {\n        this.$refs.highlightsspan.classList.add('highlights')\n        setTimeout(() => {\n          this.$refs.highlightsspan.classList.remove('highlights')\n        }, 1000)\n      }\n    },\n    reset () {\n      this.colorsGroup = ''\n      this.grayscale = 'true'\n      this.grayscaleStatus = false\n      this.brightness = 0\n      this.brightnessStatus = true\n      this.contrast = 0\n      this.contrastStatus = true\n      this.exposure = 0\n      this.exposureStatus = true\n      this.hue = 0\n      this.hueStatus = true\n      this.saturation = 0\n      this.saturationStatus = true\n      this.lightness = 0\n      this.lightnessStatus = true\n      this.shadows = 0\n      this.shadowsStatus = true\n      this.highlights = 0\n      this.highlightsStatus = true\n    }\n  }\n}\n</script>\n<style lang=\"scss\">\n.el-button--primary{\n  background-color: #327BBA;\n  &:hover{\n    background-color: #327BBA;\n    opacity: .9;\n  }\n}\n.control_app {\n  padding: 70px 20px 10px;\n  position: relative;\n  @media only screen and (min-width : 767px){\n    padding: 10px 20px;\n  }\n}\n.control__title{\n  font-weight: bold;\n  font-size: 14px;\n  margin-bottom: 10px;\n  display: flex;\n  color: #2f363f;\n  align-items: center;\n}\n.el-color-dropdown__btns .el-color-dropdown__link-btn{\n  display: none;\n}\n.el-color-dropdown__btns .is-plain{\n  background-color: #327BBA;\n  color: #fff;\n}\n.el-collapse-item__header{\n  font-weight: bold;\n  font-size: 14px;\n  color: #2f363f;\n}\n.collapsed{\n  margin: 10px 0;\n}\n.option_select{\n  margin-right: 10px;\n  max-width: 140px;\n}\n.numberfield{\n  width: 100%;\n  max-width: 150px;\n  input{\n    width: 100%;\n  }\n  @media only screen and (min-width : 767px){\n    margin-right: 10px;\n  }\n}\n.slider {\n  width: 100%;\n  max-width: 320px;\n  margin-right: 10px;\n  input{\n    width: 100%;\n  }\n}\n.fakeoverlay {\n  position: relative;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: block;\n}\n.disabled {\n  position: absolute;\n  cursor: not-allowed;\n  z-index: 3;\n}\n.disabledStatus {\n  position: absolute;\n  cursor: not-allowed;\n  z-index: 3;\n  width: 100%;\n  min-height: 6px;\n}\n.select_disabled {\n  position: relative;\n  z-index: 2;\n  cursor: not-allowed;\n}\n.textfield {\n  width: 100%;\n  max-width: 320px;\n\n  input{\n    width: 100%;\n  }\n  @media only screen and (min-width : 767px){\n    margin-right: 10px;\n  }\n}\n.textcolor{\n  width: 100%;\n  max-width: 320px;\n  margin-right: 10px;\n  input{\n    width: 100%;\n  }\n  .el-color-picker__mask,\n  .el-color-picker__trigger{\n    max-width: 320px;\n    width: 100%;\n  }\n}\n.font_choice{\n  position: relative;\n  width: 100%;\n  max-width: 320px;\n  input{\n    width: 100%;\n  }\n  @media only screen and (min-width : 767px){\n    margin-right: 10px;\n  }\n}\n.fontfamily_choice{\n  width: 100%;\n  max-width: 150px;\n  input{\n    width: 100%;\n  }\n  &.right{\n    margin-left: 10px;\n  }\n  @media only screen and (min-width : 767px){\n    margin-right: 10px;\n    &.right{\n      margin-left: 10px;\n    }\n  }\n}\n.fakeoverlay {\n  position: relative;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: block;\n}\n.slider_wrapper{\n  position: relative;\n  width: 100%;\n  max-width: 320px;\n  margin-right: 10px;\n  min-height: 40px;\n  input{\n    width: 100%;\n  }\n}\n.disabled {\n  position: absolute;\n  cursor: not-allowed;\n  z-index: 3;\n}\n.disabledStatus {\n  position: absolute;\n  cursor: not-allowed;\n  z-index: 3;\n  width: 100%;\n  min-height: 6px;\n}\n.select_disabled {\n  position: relative;\n  z-index: 2;\n  cursor: not-allowed;\n}\n.units_choice{\n  max-width: 150px;\n  margin: 0 10px;\n  position: relative;\n  top: -1px;\n  &.disabled .el-input__inner{\n    color: #DCDFE6;\n  }\n}\n.el-scrollbar__wrap{\n  overflow: auto;\n}\n.el-select-dropdown__wrap{\n  min-height: 90px;\n}\n.control__enable label {\n  margin-bottom: 0;\n}\n\n.control__action{\n  width: 100%;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  align-items: center;\n  .changeoption {\n    cursor: pointer;\n    margin: 0 10px 10px;\n  }\n}\n@-moz-document url-prefix() {\n  .control__title,\n  .el-collapse-item__header {\n    font-size: 14px;\n    font-weight: normal;\n  }\n}\n.control__item{\n  display: flex;\n  align-items: center;\n  margin-bottom: 5px;\n  flex-direction: column;\n  justify-content: center;\n  padding-top: 2px;\n}\n.urlspan{\n  padding: 2px 0;\n  border-radius: 2px;\n}\n.highlights{\n  color: #fff;\n  background-color: #327BBA;\n}\n.showurl {\n  word-break: break-all;\n  background-color: #FFF;\n  background-image: none;\n  border-radius: 4px;\n  border: 1px solid #DCDFE6;\n  max-width: 520px;\n  box-sizing: border-box;\n  color: #606266;\n  display: inline-block;\n  font-size: inherit;\n  line-height: 1.5;\n  outline: 0;\n  padding: 15px;\n  transition: border-color .2s cubic-bezier(.645,.045,.355,1);\n  width: 100%;\n  user-select: none;\n}\n.showurl span::before {\n  content: '&';\n}\n.showurl span.withoutAmp::before {\n  content: '';\n}\n.showurl span:first-child::before {\n  content: '';\n}\n.showurl span:nth-child(2)::before {\n  content: '';\n}\n.showurl input{\n  cursor: pointer;\n  position: relative;\n  cursor: pointer !important;\n  z-index: 5;\n  font-weight: bold;\n}\n.control__btn{\n  padding: 15px 0;\n  display: flex;\n  justify-content: space-between;\n  position: relative;\n  cursor: pointer;\n  z-index: 5;\n  .showurl{\n    max-width: 100%;\n    margin-bottom: 10px;\n    cursor: pointer;\n  }\n}\n.el-input.is-disabled .el-input__inner{\n  background-color: transparent;\n  cursor: default;\n}\n.copybutton {\n  position: relative;\n}\n.copybutton, .external{\n  width: 35px;\n  height: 35px;\n  display: inline-flex;\n  cursor: pointer;\n  padding: 0;\n  justify-content: center;\n  align-items: center;\n  border-radius: 4px;\n  background-color: #327BBA;\n  border-color: #327BBA;\n  color: #fff;\n  transition: background-color .5s ease, color .5s ease;\n  margin-left: 15px;\n  position: relative;\n  transition: opacity .5s ease;\n  &:hover{\n    background-color: #327BBA;\n    border-color: #327BBA;\n    color: #fff;\n    opacity: .8;\n  }\n}\n.actions {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: 15px 0;\n  &-active {\n    position: relative;\n  }\n}\n.copymessage{\n  font-size: 14px;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: -45px;\n  color: #327BBA;\n}\n.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {\n  background-color: #327BBA;\n  border-color: #327BBA;\n}\n.el-checkbox__inner:hover,\n.el-select .el-input.is-focus .el-input__inner,\n.el-select .el-input__inner:focus,\n.el-checkbox__input.is-focus .el-checkbox__inner{\n  border-color: #327BBA;\n}\n.el-select-dropdown__item.selected{\n  color: #327BBA;\n}\n@-moz-document url-prefix() {\n  .copymessage{\n    right: 0px;\n  }\n}\n.control__action.units{\n  display: flex;\n  justify-content: center;\n  align-items: flex-start;\n  label {margin: 0 0 15px;}\n}\n.enable_checkbox {\n  margin: 10px 0px;\n  @media only screen and (min-width : 767px){\n    margin: 10px;\n  }\n}\n@media only screen and (min-width : 767px){\n  .enable_checkbox{\n    margin: 0;\n  }\n  .control__item{\n    flex-direction: row;\n    justify-content: left;\n  }\n  .control__title {\n    min-width: 140px;\n    max-width: 140px;\n    margin-right: 10px;\n    margin-bottom: 0;\n  }\n  .control__action{\n    text-align: left;\n    flex-direction: row;\n    .changeoption{\n      margin: 0 10px;\n    }\n  }\n  .control__action.units{\n    align-items: center;\n    label {margin: 0 15px;}\n  }\n  .control__btn{\n    .showurl{\n      margin-bottom: 0;\n      position: relative;\n      z-index: 3;\n    }\n  }\n}\n.reset{\n  width: 35px;\n  height: 35px;\n  border-radius: 4px;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  flex: 0 0 35px;\n  top: 15px;\n  background-color: #327BBA;\n  color: #fff;\n  cursor: pointer;\n  transition: opacity .5s ease;\n  &:hover{\n    opacity: .8;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ControlApp.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ControlApp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ControlApp.vue?vue&type=template&id=422e9d6a&\"\nimport script from \"./ControlApp.vue?vue&type=script&lang=js&\"\nexport * from \"./ControlApp.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ControlApp.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div id=\"colorparams\">\n    <ImageApp />\n    <ControlApp />\n  </div>\n</template>\n<script>\nimport ImageApp from '@/components/ImageApp'\nimport ControlApp from '@/components/ControlApp'\nexport default {\n  name: 'colorparams',\n  components: {\n    ImageApp,\n    ControlApp\n  }\n}\n</script>\n<style lang=\"scss\">\nbody{\n  margin: 0;\n  padding: 0;\n  position: relative;\n  width: 100%;\n  overflow-x: hidden;\n}\n#colorparams{\n  max-width: 620px;\n  margin: 20px auto;\n  box-shadow: 0px 8px 40px rgba(50, 123, 186, 0.16), 0px 4px 4px rgba(50, 123, 186, 0.08);\n}\n</style>\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=7d459b87&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\nimport Vuex from 'vuex'\n\nVue.use(Vuex)\n\nconst baseUrl = 'https://demo.sirv.com/hang.jpg'\n\nexport default new Vuex.Store({\n  state: {\n    defaultUrl: `${baseUrl}`,\n    url: `${baseUrl}?w=500`,\n    url2: `${baseUrl}?w=1000`,\n    reset: false\n  },\n  mutations: {\n    CHANGE_COLOR (state, payload) {\n      state.defaultUrl = payload.defaultUrl\n      state.url = payload.url\n      state.url2 = payload.url2\n    },\n    RESET (state) {\n      state.reset = !state.reset\n      state.defaultUrl = `${baseUrl}`\n      state.url = `${baseUrl}?w=500`\n      state.url2 = `${baseUrl}?w=1000`\n    }\n  },\n  actions: {\n    changeColor ({ commit }, params) {\n      commit('CHANGE_COLOR', params)\n    },\n    reset ({ commit }) {\n      commit('RESET')\n    }\n  }\n})\n","import Vue from 'vue'\nimport ElementUI from 'element-ui'\nimport 'element-ui/lib/theme-chalk/index.css'\nimport App from './App.vue'\nimport store from './store'\nimport locale from 'element-ui/lib/locale/lang/en'\nimport VueClipboard from 'vue-clipboard2'\n\nVue.config.productionTip = false\n\nVue.use(VueClipboard)\nVueClipboard.config.autoSetContainer = true\nVue.use(ElementUI, { locale })\n\nnew Vue({\n  store,\n  render: h => h(App)\n}).$mount('#colorparams')\n","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}