{"version":3,"sources":["webpack:///./src/views/Color.vue?7a4d","webpack:///./src/components/ColorCard.vue?d19a","webpack:///src/components/ColorCard.vue","webpack:///./src/components/ColorCard.vue?6f7f","webpack:///./src/components/ColorCard.vue","webpack:///src/views/Color.vue","webpack:///./src/views/Color.vue?6469","webpack:///./src/views/Color.vue","webpack:///./src/views/Color.vue?195c","webpack:///./src/components/ColorCard.vue?5588"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_l","$store","state","config","color","index","key","staticRenderFns","staticClass","style","on","$event","commit","cid","_v","_s","$t","$loc","name","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,kBAAkBN,EAAIO,GAAIP,EAAIQ,OAAOC,MAAMC,OAAkB,aAAE,SAASC,EAAMC,GAAO,OAAOR,EAAG,YAAY,CAACS,IAAID,EAAMN,MAAM,CAAC,IAAMM,EAAM,MAAQD,QAAW,IAC9QG,EAAkB,GCDlB,EAAS,WAAa,IAAId,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACW,YAAY,aAAaC,MAAOhB,EAAS,MAAEiB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOlB,EAAIQ,OAAOW,OAAO,cAAenB,EAAIoB,QAAQ,CAAChB,EAAG,MAAM,CAACW,YAAY,iBAAiB,CAACf,EAAIqB,GAAGrB,EAAIsB,GAAGtB,EAAIuB,GAAG,gBAAgBnB,EAAG,MAAM,CAACW,YAAY,YAAY,CAACf,EAAIqB,GAAGrB,EAAIsB,GAAGtB,EAAIuB,GAAG,aAAa,QAAQnB,EAAG,MAAM,CAACW,YAAY,YAAY,CAACf,EAAIqB,GAAGrB,EAAIsB,GAAGtB,EAAIuB,GAAG,aAAa,QAAQnB,EAAG,IAAI,CAACW,YAAY,eAAe,CAACf,EAAIqB,GAAGrB,EAAIsB,GAAGtB,EAAIwB,KAAKxB,EAAIW,MAAMc,aAC/gB,EAAkB,GCQtB,G,UAAA,CACE,MAAF,gBACE,SAAF,CACI,UAAJ,WACM,IAAN,uBACA,0BACA,uBACM,MAAN,qIAEI,MAAJ,WACM,MAAN,CACQ,oBAAR,eACQ,eAAR,qBACQ,oBAAR,sBACQ,mBAAR,sBAGI,QAAJ,WACM,OAAN,gCC3BmV,I,wBCQ/UC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QCXf,GACE,WAAF,CAAI,UAAJ,ICT+U,ICQ3U,G,UAAY,eACd,EACA3B,EACAe,GACA,EACA,KACA,KACA,OAIa,e,kECnBf,yBAA4c,EAAG,G,kCCA/c,yBAAgd,EAAG","file":"js/chunk-4ee95b2a.76d2fde2.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"color-setting\"}},_vm._l((_vm.$store.state.config.colorPallet),function(color,index){return _c('ColorCard',{key:index,attrs:{\"cid\":index,\"color\":color}})}),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:\"color-card\",style:(_vm.style),on:{\"click\":function($event){return _vm.$store.commit('changeColor', _vm.cid)}}},[_c('div',{staticClass:\"category-name\"},[_vm._v(_vm._s(_vm.$t(\"demo_cat\")))]),_c('div',{staticClass:\"demo-btn\"},[_vm._v(_vm._s(_vm.$t(\"demo_btn\"))+\" 1\")]),_c('div',{staticClass:\"demo-btn\"},[_vm._v(_vm._s(_vm.$t(\"demo_btn\"))+\" 2\")]),_c('a',{staticClass:\"pallet-name\"},[_vm._v(_vm._s(_vm.$loc(_vm.color.name)))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"color-card\" :style=\"style\" @click=\"$store.commit('changeColor', cid)\">\n        <div class=\"category-name\">{{ $t(\"demo_cat\") }}</div>\n        <div class=\"demo-btn\">{{ $t(\"demo_btn\") }} 1</div>\n        <div class=\"demo-btn\">{{ $t(\"demo_btn\") }} 2</div>\n        <a class=\"pallet-name\">{{ $loc(color.name) }}</a>\n    </div>\n</template>\n<script>\n    export default {\n        props: [\"cid\", \"color\"],\n        computed: {\n            boxShadow: function () {\n                const bs = this.color.boxShadow; // Box Shadow\n                const i = this.color.distance || 10; // distance\n                const b = this.color.blur || 2 * i; // blur\n                return `${i}px ${i}px ${b}px ${bs[0]}, -${i}px -${i}px ${b}px ${bs[1]}`\n            },\n            style: function () {\n                return {\n                    '--demo-box-shadow': this.boxShadow,\n                    '--demo-color': this.color.fontColor,\n                    '--demo-background': this.color.background,\n                    '--demo-btn-color': this.color.btnColor\n                }\n            },\n            isPrime: function(){\n                return this.$colorChoice == this.cid\n            }\n        }\n    }\n</script>\n<style>\n    .color-card {\n        position: relative;\n        width: 15rem;\n        height: 20rem;\n        box-shadow: var(--box-shadow);\n        color: var(--color);\n        background: var(--demo-background);\n        margin: 1rem;\n        padding: 2rem;\n        border-radius: 16px;\n        box-sizing: border-box;\n        cursor: pointer;\n    }\n\n    .demo-btn {\n        box-shadow: var(--demo-box-shadow);\n        color: var(--demo-color);\n        background: var(--demo-btn-color);\n        padding: 1rem;\n        border-radius: 16px;\n        box-sizing: border-box;\n        margin: 1rem 0;\n    }\n\n    .pallet-name {\n        position: absolute;\n        right: 1rem;\n        bottom: 1rem;\n        color: var(--demo-color);\n    }\n</style>","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!./ColorCard.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!./ColorCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ColorCard.vue?vue&type=template&id=1d5f03f4&\"\nimport script from \"./ColorCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ColorCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ColorCard.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div id='color-setting'>\n        <ColorCard v-for=\"(color, index) in $store.state.config.colorPallet\" :key=\"index\" :cid=\"index\" :color=\"color\"></ColorCard>\n    </div>\n</template>\n<script>\n    import ColorCard from '@/components/ColorCard.vue'\n\n    export default {\n        components: { ColorCard },\n    }\n</script>\n<style>\n#color-setting {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    width:auto\n}\n</style>","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!./Color.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!./Color.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Color.vue?vue&type=template&id=1f5cd79b&\"\nimport script from \"./Color.vue?vue&type=script&lang=js&\"\nexport * from \"./Color.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Color.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Color.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Color.vue?vue&type=style&index=0&lang=css&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ColorCard.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ColorCard.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}