{"version":3,"sources":["webpack:///./src/views/Palette.vue","webpack:///src/views/Palette.vue","webpack:///./src/views/Palette.vue?8424","webpack:///./src/views/Palette.vue?3ca5","webpack:///./src/views/Palette.vue?2bcf"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","directives","name","rawName","value","h","expression","domProps","on","$event","target","composing","s","l","_s","unique","_l","colors","c","i","key","style","save","saved","_e","code","staticRenderFns","data","computed","Set","length","watch","create","mounted","hsl","$store","getters","state","all","methods","createColor","index","Math","floor","p","Number","push","dispatch","setTimeout","component"],"mappings":"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","file":"js/palette.48911875.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"loaded\",attrs:{\"id\":\"palette\"}},[_c('div',{staticClass:\"range-slider mb-4\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Hue rotate \")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.h),expression:\"h\"}],attrs:{\"type\":\"range\",\"min\":\"7\",\"max\":\"359\",\"step\":\"1\",\"tabindex\":\"-1\"},domProps:{\"value\":(_vm.h)},on:{\"__r\":function($event){_vm.h=$event.target.value}}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.h),expression:\"h\"}],staticClass:\"ml-3\",attrs:{\"type\":\"number\",\"min\":\"7\",\"max\":\"359\",\"step\":\"1\"},domProps:{\"value\":(_vm.h)},on:{\"input\":function($event){if($event.target.composing)return;_vm.h=$event.target.value}}})]),_c('div',{staticClass:\"range-slider mb-4\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Saturation \")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.s),expression:\"s\"}],attrs:{\"type\":\"range\",\"min\":\"70\",\"max\":\"100\",\"step\":\"1\",\"tabindex\":\"-1\"},domProps:{\"value\":(_vm.s)},on:{\"__r\":function($event){_vm.s=$event.target.value}}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.s),expression:\"s\"}],staticClass:\"ml-3\",attrs:{\"type\":\"number\",\"min\":\"70\",\"max\":\"100\",\"step\":\"1\"},domProps:{\"value\":(_vm.s)},on:{\"input\":function($event){if($event.target.composing)return;_vm.s=$event.target.value}}})]),_c('div',{staticClass:\"range-slider mb-4\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Lightness \")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.l),expression:\"l\"}],attrs:{\"type\":\"range\",\"min\":\"40\",\"max\":\"80\",\"step\":\"1\",\"tabindex\":\"-1\"},domProps:{\"value\":(_vm.l)},on:{\"__r\":function($event){_vm.l=$event.target.value}}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.l),expression:\"l\"}],staticClass:\"ml-3\",attrs:{\"type\":\"number\",\"min\":\"40\",\"max\":\"80\",\"step\":\"1\"},domProps:{\"value\":(_vm.l)},on:{\"input\":function($event){if($event.target.composing)return;_vm.l=$event.target.value}}})]),_c('h3',[_vm._v(\" Unique: \"+_vm._s(_vm.unique)+\"% \")]),_vm._l((_vm.colors),function(c,i){return _c('div',{key:c+i,staticClass:\"color\",style:('background:'+c),attrs:{\"title\":c}})}),_c('div',{staticClass:\"mt-3\"},[_c('b-button',{staticClass:\"mt-3\",on:{\"click\":_vm.save}},[_vm._v(_vm._s(_vm.saved ? 'SAVED!' : 'SAVE'))]),(_vm.saved)?_c('div',{staticClass:\"w-25\"},[_c('h3',[_vm._v(\"Saved for this session only\")]),_c('p',[_vm._v(\"Click Send to keep\")])]):_vm._e(),_c('div'),_c('b-button',{staticClass:\"mt-3\",attrs:{\"href\":`mailto:flashdavehay@gmail.com?title=ADMIN THEME&body=`+_vm.code}},[_vm._v(\"SEND\")])],1)],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div id=\"palette\" class=\"loaded\">\r\n\t\t<div class=\"range-slider mb-4\">\r\n\t\t\t<label for=\"\">Hue rotate </label>\r\n\t\t\t<input v-model=\"h\" type=\"range\" min=\"7\" max=\"359\" step=\"1\" tabindex=\"-1\" />\r\n\t\t\t<input v-model=\"h\" type=\"number\" min=\"7\" max=\"359\" step=\"1\" class=\"ml-3\" />\r\n\t\t\t<!-- <input v-model=\"sliderMax\" type=\"range\" min=\"1\" max=\"180\" step=\"1\" />\r\n\t\t\t<input v-model=\"sliderMax\" type=\"number\" min=\"1\" max=\"180\" step=\"1\" /> -->\r\n\t\t</div>\r\n\t\t<div class=\"range-slider mb-4\">\r\n\t\t\t<label for=\"\">Saturation </label>\r\n\t\t\t<input v-model=\"s\" type=\"range\" min=\"70\" max=\"100\" step=\"1\" tabindex=\"-1\" />\r\n\t\t\t<input v-model=\"s\" type=\"number\" min=\"70\" max=\"100\" step=\"1\" class=\"ml-3\" />\r\n\t\t</div>\r\n\t\t<div class=\"range-slider mb-4\">\r\n\t\t\t<label for=\"\">Lightness </label>\r\n\t\t\t<input v-model=\"l\" type=\"range\" min=\"40\" max=\"80\" step=\"1\" tabindex=\"-1\" />\r\n\t\t\t<input v-model=\"l\" type=\"number\" min=\"40\" max=\"80\" step=\"1\" class=\"ml-3\" />\r\n\t\t</div>\r\n\t\t<h3>\r\n\t\t\tUnique: {{unique}}%\r\n\t\t</h3>\r\n\t\t<div v-for=\"(c, i) in colors\" :key=\"c+i\" :style=\"'background:'+c\" class=\"color\" :title=\"c\"></div>\r\n\t\t<!-- <div>\r\n\t\t\t<input id=\"\" name=\"\" cols=\"30\" rows=\"10\" class=\"mt-4\" :value=\"code\" @click=\"focus($event.target)\" />\r\n\t\t</div> -->\r\n\t\t<div class=\"mt-3\">\r\n\t\t\t<b-button class=\"mt-3\" @click=\"save\">{{saved ? 'SAVED!' : 'SAVE'}}</b-button>\r\n\t\t\t<div v-if=\"saved\" class=\"w-25\"><h3>Saved for this session only</h3><p>Click Send to keep</p></div>\r\n\t\t\t<div></div>\r\n\t\t\t<b-button class=\"mt-3 \" :href=\"`mailto:flashdavehay@gmail.com?title=ADMIN THEME&body=`+code\">SEND</b-button>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tcolors: [],\r\n\t\t\th: 156,\r\n\t\t\ts: 93,\r\n\t\t\tl: 65,\r\n\t\t\tsaved: false\r\n\t\t};\r\n\t},\r\n\tcomputed: {\r\n\t\tunique() {\r\n\t\t\treturn [...new Set(this.colors)].length\r\n\t\t},\r\n\t\tcode() {\r\n\t\t\treturn `h: ${this.h}, s: ${this.s}, l: ${this.l}`\r\n\t\t}\r\n\t},\r\n\twatch: {\r\n\t\th() { this.create() },\r\n\t\ts() { this.create() },\r\n\t\tl() { this.create() }\r\n\t},\r\n\tmounted() {\r\n\t\tconst hsl = this.$store.getters['colors/hsl']\r\n\t\tthis.h = hsl.h\r\n\t\tthis.s = hsl.s\r\n\t\tthis.l = hsl.l\r\n\t\tthis.colors = this.$store.state.colors.all\r\n\t},\r\n\tmethods: {\r\n\t\tcreateColor(index) {\r\n\t\t\tconst i = index * this.h\r\n\t\t\tconst c = Math.floor(i / 360) * 3\r\n\t\t\tconst p = ((c % 10) * 3)\r\n\t\t\t// console.log('createColor', p);\r\n\t\t\treturn `hsl(${i % 360}, ${p + Number(this.s) - 50}%, ${Number(this.l) - p / 2}%)`\r\n\t\t\t// return this.hslToHex(h, p + Number(this.s) - 50, Number(this.l) - p / 2)\r\n\t\t},\r\n\r\n\t\tcreate() {\r\n\t\t\tthis.colors = []\r\n\t\t\tfor (let i = 0; i < 100; i++) {\r\n\t\t\t\tthis.colors.push(this.createColor(i))\r\n\t\t\t\t// b.push(Math.floor(i / 360))\r\n\t\t\t\t// const element = array[index];\r\n\t\t\t}\r\n\t\t},\r\n\t\tsave() {\r\n\t\t\tthis.saved = true\r\n\t\t\tconst {h, s, l} = this\r\n\t\t\tthis.$store.dispatch('colors/create', {h, s, l})\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.saved = false\r\n\t\t\t}, 2000);\t\t\r\n\t\t}\r\n\t},\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.color{\r\n\twidth: 20px;\r\n\theight: 20px;\r\n\tdisplay: inline-block;\r\n}\r\n.range-slider {\r\n  width: 300px;\r\n  margin: auto;\r\n  text-align: center;\r\n  position: relative;\r\n  height: 6em;\r\n}\r\n\r\n.range-slider input[type=range] {\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n}\r\n\r\ninput[type=number] {\r\n  border: 1px solid #ddd;\r\n  text-align: center;\r\n  font-size: 1.6em;\r\n  -moz-appearance: textfield;\r\n}\r\n\r\ninput[type=number]::-webkit-outer-spin-button,\r\ninput[type=number]::-webkit-inner-spin-button {\r\n  -webkit-appearance: none;\r\n}\r\n\r\ninput[type=number]:invalid,\r\ninput[type=number]:out-of-range {\r\n  border: 2px solid #ff6347;\r\n}\r\n\r\ninput[type=range] {\r\n  -webkit-appearance: none;\r\n  width: 100%;\r\n}\r\n\r\ninput[type=range]:focus {\r\n  outline: none;\r\n}\r\n\r\ninput[type=range]:focus::-webkit-slider-runnable-track {\r\n  background: #2497e3;\r\n}\r\n\r\ninput[type=range]:focus::-ms-fill-lower {\r\n  background: #2497e3;\r\n}\r\n\r\ninput[type=range]:focus::-ms-fill-upper {\r\n  background: #2497e3;\r\n}\r\n\r\ninput[type=range]::-webkit-slider-runnable-track {\r\n  width: 100%;\r\n  height: 5px;\r\n  cursor: pointer;\r\n  /* animate: 0.2s; */\r\n  background: #2497e3;\r\n  border-radius: 1px;\r\n  box-shadow: none;\r\n  border: 0;\r\n}\r\n\r\ninput[type=range]::-webkit-slider-thumb {\r\n  z-index: 2;\r\n  position: relative;\r\n  box-shadow: 0px 0px 0px #000;\r\n  border: 1px solid #2497e3;\r\n  height: 18px;\r\n  width: 18px;\r\n  border-radius: 25px;\r\n  background: #a1d0ff;\r\n  cursor: pointer;\r\n  -webkit-appearance: none;\r\n  margin-top: -7px;\r\n}\r\n\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Palette.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Palette.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Palette.vue?vue&type=template&id=73141918&scoped=true\"\nimport script from \"./Palette.vue?vue&type=script&lang=js\"\nexport * from \"./Palette.vue?vue&type=script&lang=js\"\nimport style0 from \"./Palette.vue?vue&type=style&index=0&id=73141918&prod&scoped=true&lang=css\"\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  \"73141918\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Palette.vue?vue&type=style&index=0&id=73141918&prod&scoped=true&lang=css\""],"sourceRoot":""}