https://duotonemaker.netlify.app/_nuxt/b65a327.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{141:function(t,e,o){"use strict";o.r(e);var r={components:{ColorPair:o(142).default},data:function(){return{firstColor:"",secondColor:"",selectedColorPair:{}}},computed:{getDefaultColorPairs:function(){return this.$store.state.color.defaultColorPairs},getSelectedPairId:function(){return this.$store.state.color.selectedColorPair.id},getFirstColor:function(){return this.$store.state.color.selectedColorPair.firstColor},getSecondColor:function(){return this.$store.state.color.selectedColorPair.secondColor}},created:function(){this.firstColor=this.getFirstColor,this.secondColor=this.getSecondColor},methods:{isActivePair:function(t){return t.id===this.getSelectedPairId},setColorPair:function(t){this.firstColor=t.firstColor,this.secondColor=t.secondColor,this.$store.dispatch("color/setPrimaryColor",t.firstColor),this.$store.dispatch("color/setColorPair",t)},openColor:function(t){1===t&&this.$refs.colorPicker1.click(),2===t&&this.$refs.colorPicker2.click()},changeColor:function(t,e){this.$store.dispatch("color/setColorPairById",{id:this.getSelectedPairId,firstColor:1===e?this.firstColor:this.getFirstColor,secondColor:2===e?this.secondColor:this.getSecondColor})}}},n=(o(274),o(16)),component=Object(n.a)(r,(function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"fixed bottom-7 w-full z-10"},[o("div",{staticClass:"w-full flex justify-center"},[o("div",{staticClass:"bg-defaultBg rounded-full box-shadow"},[o("div",{staticClass:"w-full sm:w-1/2 flex item"},[o("div",{staticClass:"py-3 px-5 flex w-[90vw] justify-between space-x-0 sm:space-x-10 sm:w-full"},[o("div",{staticClass:"flex space-x-2 h-full justify-center items-center"},t._l(t.getDefaultColorPairs,(function(e){return o("div",{key:e.id,on:{click:function(o){return t.setColorPair(e)}}},[o("color-pair",{attrs:{"first-color":e.firstColor,"second-color":e.secondColor,active:t.isActivePair(e)}})],1)})),0),t._v(" "),o("div",{staticClass:"flex space-x-2 h-full justify-center items-center"},[o("div",{on:{click:function(e){return t.openColor(1)}}},[o("input",{directives:[{name:"model",rawName:"v-model",value:t.firstColor,expression:"firstColor"}],ref:"colorPicker1",staticClass:"input-color",attrs:{id:"",type:"color",name:""},domProps:{value:t.firstColor},on:{input:[function(e){e.target.composing||(t.firstColor=e.target.value)},function(e){return t.changeColor(e,1)}]}})]),t._v(" "),o("div",{on:{click:function(e){return t.openColor(2)}}},[o("input",{directives:[{name:"model",rawName:"v-model",value:t.secondColor,expression:"secondColor"}],ref:"colorPicker2",staticClass:"input-color",attrs:{id:"",type:"color",name:""},domProps:{value:t.secondColor},on:{input:[function(e){e.target.composing||(t.secondColor=e.target.value)},function(e){return t.changeColor(e,2)}]}})])])])])])])])}),[],!1,null,"26a3cd98",null);e.default=component.exports;installComponents(component,{ColorPair:o(142).default})},142:function(t,e,o){"use strict";o.r(e);var r={props:{firstColor:{type:String,default:function(){return""}},secondColor:{type:String,default:function(){return""}},active:{type:Boolean,default:function(){return!1}}}},n=o(16),component=Object(n.a)(r,(function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",[o("div",{class:t.active?"border-[3px] rounded-full p-[3px] border-danger":""},[o("div",{staticClass:"h-[36px] w-[36px] md:w-[44px] md:h-[44px] rounded-full overflow-hidden -rotate-45"},[o("div",{staticClass:"flex flex-col h-full"},[o("div",{staticClass:"w-full h-full",style:{background:t.firstColor}}),t._v(" "),o("div",{staticClass:"w-full h-full",style:{background:t.secondColor}})])])])])}),[],!1,null,"a4bd7ce2",null);e.default=component.exports},147:function(t,e,o){"use strict";var r=o(2),n=o(210);r.default.use(n.a)},148:function(t,e,o){"use strict";var r=o(2),n=o(211),c=o.n(n);o(310),o(312);r.default.use(c.a,{})},149:function(t,e,o){"use strict";e.a=function(t,e){t.$axios,t.store}},150:function(t,e){},195:function(t,e,o){var content=o(275);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,o(56).default)("3f7208ac",content,!0,{sourceMap:!1})},214:function(t,e,o){"use strict";var r={components:{BottomColorPallete:o(141).default}},n=o(16),component=Object(n.a)(r,(function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"h-full bg-defaultBg relative",attrs:{id:"main"}},[o("div",{staticClass:"md:container md:mx-auto"},[o("top-nav"),t._v(" "),o("div",[o("Nuxt")],1)],1),t._v(" "),o("div",[o("bottom-color-pallete")],1)])}),[],!1,null,"16d7a942",null);e.a=component.exports;installComponents(component,{TopNav:o(314).default,BottomColorPallete:o(141).default})},216:function(t,e,o){o(217),t.exports=o(218)},274:function(t,e,o){"use strict";o(195)},275:function(t,e,o){var r=o(55)((function(i){return i[1]}));r.push([t.i,".box-shadow[data-v-26a3cd98]{box-shadow:0 8px 28px -6px rgba(24,39,75,.12),0 18px 88px -4px rgba(24,39,75,.14)}.input-color[data-v-26a3cd98]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;height:48px;width:48px;cursor:pointer}.input-color[data-v-26a3cd98]::-webkit-color-swatch{border-radius:50%;border:none}",""]),r.locals={}

1,t.exports=r},276:function(t,e){t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikljb25seS9MaWdodC9TZWFyY2giPgo8ZyBpZD0iU2VhcmNoIj4KPGNpcmNsZSBpZD0iRWxsaXBzZV83MzkiIGN4PSIxMS43NjY2IiBjeT0iMTEuNzY2NiIgcj0iOC45ODg1NiIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSJMaW5lXzE4MSIgZD0iTTE4LjAxODMgMTguNDg1MUwyMS41NDIzIDIyIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo="},277:function(t,e,o){t.exports=o.p+"img/img.aa8ce58.svg"},281:function(t,e,o){t.exports=o.p+"img/unsplash.75b3ff5.svg"},282:function(t,e,o){t.exports=o.p+"img/pexels.14f154e.svg"},283:function(t,e,o){"use strict";o.r(e),o.d(e,"state",(function(){return d})),o.d(e,"mutations",(function(){return f})),o.d(e,"actions",(function(){return m}));var r=o(151),n=o(8),c=(o(34),o(47),o(23),o(57),o(54)),l=o.n(c),d=function(){return{searchKey:"",imgs:[],photoAPIs:{unsplash:"https://api.unsplash.com/search/photos",pexels:""},selectedAPIOption:"unsplash",page:1,pageLoader:!1}},f={UPDATE_SEARCH_KEY:function(t,e){t.searchKey=e},UPDATE_IMGS:function(t,e){t.imgs=e},UPDATE_PAGE_LOADER:function(t,e){t.pageLoader=e},UPDATE_API_PAGE:function(t,e){t.page=e}},m={updatePageLoader:function(t,e){(0,t.commit)("UPDATE_PAGE_LOADER",e)},updateSearchKey:function(t,e){(0,t.commit)("UPDATE_SEARCH_KEY",e)},updateImgs:function(t,e){(0,t.commit)("UPDATE_IMGS",e)},updateApiPage:function(t,e){(0,t.commit)("UPDATE_API_PAGE",e)},getPhotos:function(t,e){return Object(n.a)(regeneratorRuntime.mark((function o(){var n,c,d,f,m,h,v,C;return regeneratorRuntime.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return n=t.commit,c=t.state,d=e.showPageLoader,f=e.page,console.log("page",f),d&&n("UPDATE_PAGE_LOADER",!0),m=c.photoAPIs[c.selectedAPIOption],o.next=7,l.a.get(m,{params:{client_id:"EVRqYUC6mgZ4QxTMpjpWDQvgT-j80khLBe3qAmAFVPY",per_page:40,query:c.searchKey?c.searchKey:"random",page:f}});case 7:v=o.sent,console.log("phots",v),"unsplash"===c.selectedAPIOption&&(h=null==v||null===(C=v.data)||void 0===C?void 0:C.results.map((function(t){return{id:null==t?void 0:t.id,width:null==t?void 0:t.width,height:null==t?void 0:t.height,urls:null==t?void 0:t.urls,author:null==t?void 0:t.user.name,link:null==t?void 0:t.links.html}}))),f<2&&n("UPDATE_IMGS",h),f>1&&n("UPDATE_IMGS",[].concat(Object(r.a)(c.imgs),Object(r.a)(h))),n("UPDATE_PAGE_LOADER",!1);case 13:case"end":return o.stop()}}),o)})))()}}},306:function(t,e,o){"use strict";o.r(e),o.d(e,"state",(function(){return r})),o.d(e,"mutations",(function(){return n})),o.d(e,"actions",(function(){return c}));o(307);var r=function(){return{selectedColorPair:{id:1,firstColor:"#E6265A",secondColor:"#200E32"},primary:"#E6265A",defaultColorPairs:[{id:1,firstColor:"#E6265A",secondColor:"#200E32"},{id:2,firstColor:"#F4D0BB",secondColor:"#148883"},{id:3,firstColor:"#90E0EF",secondColor:"#490D58"},{id:4,firstColor:"#F38B80",secondColor:"#04055E"}]}},n={SET_PRIMARY_COLOR:function(t,e){t.primary=e},SET_COLOR_PAIR:function(t,e){t.selectedColorPair=e},SET_COLOR_PAIR_BY_ID:function(t,e){t.primary=e.firstColor;var o=t.defaultColorPairs.findIndex((function(t){return t.id===e.id}));t.selectedColorPair=e,t.defaultColorPairs[o]=e}},c={setPrimaryColor:function(t,e){(0,t.commit)("SET_PRIMARY_COLOR",e)},setColorPair:function(t,e){(0,t.commit)("SET_COLOR_PAIR",e)},setColorPairById:function(t,e){(0,t.commit)("SET_COLOR_PAIR_BY_ID",e)}}},308:function(t,e,o){"use strict";o.r(e),o.d(e,"state",(function(){return r})),o.d(e,"mutations",(function(){return n}));var r=function(){return{show:!1,img:{},customImg:null}},n={toggle:function(t,e){t.show=e},setImg:function(t,e){t.img=e}}},312:function(t,e,o){var content=o(313);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,o(56).default)("691ae7ae",content,!0,{sourceMap:!1})},313:function(t,e,o){var r=o(55)((function(i){return i[1]}));r.push([t.i,":root{--vs-primary:246,245,247;--vs-success:23,201,100;--vs-danger:235,37,90;--vs-warn:254,130,0;--vs-dark:36,14,50}.vs-input{border:none!important}.vs-input,.vs-input:focus{background:#fff}.vs-select__input{background:#fff!important}.vs-select__input:focus{background:#fff}.vs-select__input:hover{background:#fff;box-shadow:none}body{overflow-y:scroll}",""]),r.locals={}

1,t.exports=r},314:function(t,e,o){"use strict";o.r(e);var r=o(8),n=(o(34),o(196),o(11),o(23),o(24),o(26),o(278),o(190),o(57),{data:function(){return{active:0,selectedImgOption:1,imgOptions:[{id:1,name:"Unsplash",src:o(281),disabled:!1},{id:2,name:"Pexels",src:o(282),disabled:!0}]}},computed:{getSelectedImgOption:function(){var t=this;return this.imgOptions.find((function(e){return e.id===t.selectedImgOption}))},getFirstColor:function(){return this.$store.state.color.selectedColorPair.firstColor},getSecondColor:function(){return this.$store.state.color.selectedColorPair.secondColor},getPrimaryColor:function(){return this.$store.state.color.primary},pageLoader:function(){return this.$store.state.app.pageLoader},searchKey:{get:function(){return this.$store.state.app.searchKey},set:function(t){this.$store.dispatch("app/updateSearchKey",t)}}},methods:{checkAPI:function(t){var e=this.imgOptions.find((function(e){return e.id===t}));e.disabled&&(this.selectedImgOption=1,this.$vs.notification({color:"#1E1E1E",position:"top-right",title:e.name,text:"The ".concat(e.name," API is currently unavailable")}),console.log("img",t))},setPrimaryColor:function(t){this.$store.dispatch("color/setPrimaryColor",t)},onChangeImg:function(t){var e=this;return Object(r.a)(regeneratorRuntime.mark((function o(){var img,r;return regeneratorRuntime.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return img=new Image,r=t.target.files[0],img.src=URL.createObjectURL(r),o.next=5,img.decode();case 5:console.log("width: ".concat(img.width,", height: ").concat(img.height)),e.$store.commit("preview/toggle",!0),e.$store.commit("preview/setImg",{id:"",name:r.name,urls:{raw:img.src,regular:img.src},width:img.width,height:img.height,custom:!0,file:r});case 8:case"end":return o.stop()}}),o)})))()},searchPhotos:function(){var t=this;return Object(r.a)(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t.searchKey&&t.$store.dispatch("app/getPhotos",{showPageLoader:!0,page:1});case 1:case"end":return e.stop()}}),e)})))()}}}),c=o(16),component=Object(c.a)(n,(function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",{},[r("div",{staticClass:"py-[30px] px-3 md:px-0"},[r("div",{staticClass:"flex justify-between items-center space-x-2"},[r("div",{staticClass:"flex items-center space-x-1"},[r("div",{on:{click:function(e){return t.setPrimaryColor(t.getFirstColor)}}},[r("color-button",{attrs:{color:t.getFirstColor,primary:t.getFirstColor===t.getPrimaryColor}})],1),t._v(" "),r("div",{on:{click:function(e){return t.setPrimaryColor(t.getSecondColor)}}},[r("color-button",{attrs:{color:t.getSecondColor,primary:t.getSecondColor===t.getPrimaryColor}})],1)]),t._v(" "),r("div",{staticClass:"flex"},[r("form",{staticClass:"flex justify-between divide-grey divide-x items-center w-full md:w-[536px] h-full shadow-lg rounded-full px-2",on:{submit:function(e){return e.preventDefault(),t.searchPhotos.apply(null,arguments)}}},[r("div",{staticClass:"w-auto"},[r("input",{directives:[{name:"model",rawName:"v-model",value:t.searchKey,expression:"searchKey"}],staticClass:"pl-3 w-full",attrs:{placeholder:"Search for image on"},domProps:{value:t.searchKey},on:{input:function(e){e.target.composing||(t.searchKey=e.target.value)}}})]),t._v(" "),r("div",{staticClass:"flex items-center"},[r("div",{staticClass:"hidden md:black"},[r("img",{attrs:{src:t.getSelectedImgOption.src,alt:""}})]),t._v(" "),r("div",{staticClass:"hidden md:block"},[r("vs-select",{attrs:{placeholder:"Select"},on:{change:t.checkAPI},model:{value:t.selectedImgOption,callback:function(e){t.selectedImgOption=e},expression:"selectedImgOption"}},t._l(t.imgOptions,(function(e){return r("vs-option",{key:e.id,attrs:{label:e.name,value:e.id}},[r("div",{staticClass:"flex space-x-2"},[r("img",{attrs:{src:e.src,alt:""}}),t._v(" "),r("span",{staticClass:"text-dark"},[t._v(t._s(e.name))])])])})),1)],1),t._v(" "),r("div",[r("div",{staticClass:"hidden md:block"},[r("vs-button",{attrs:{loading:t.pageLoader,circle:"",dark:""},on:{click:function(e){return t.searchPhotos()}}},[r("div",{staticClass:"text-white font-"},[t._v("Search")])])],1),t._v(" "),r("div",{staticClass:"block md:hidden"},[r("vs-button",{staticClass:"w-[32px] h-[32px]",attrs:{icon:"",circle:"",danger:""},on:{click:function(e){return t.searchPhotos()}}},[r("span",[r("img",{attrs:{height:"24px",src:o(276)}}

1)])])],1)])])]),t._v(" "),r("div",{staticClass:"hidden lg:block"},[r("div",{staticClass:"text-white font-[16px]"},[r("input",{ref:"custom_img",staticStyle:{display:"none"},attrs:{type:"file",accept:"image/*",name:"custom_img",id:"custom_img"},on:{change:t.onChangeImg}}),t._v(" "),r("vs-button",{staticClass:"block",attrs:{circle:"",danger:""},on:{click:function(e){return t.$refs.custom_img.click()}}},[r("div",{staticClass:"flex items-center justify-center space-x-1"},[r("i",{staticClass:"bx bx-upload text-white",staticStyle:{"font-size":"16px"}}),t._v(" "),r("span",[t._v(" Upload Image")])])])],1)])]),t._v(" "),r("div",{staticClass:"block lg:hidden items-center justify-center"},[r("vs-button",{staticClass:"w-[40px] h-[40px] shadow-lg rounded-full",attrs:{circle:"",floating:"",active:"",shadow:"",icon:""}},[r("span",[r("img",{attrs:{height:"24px",src:o(277)}})])])],1),t._v(" "),r("div",{staticClass:"hidden lg:block"},[r("vs-button",{attrs:{circle:"",primary:""}},[r("div",{staticClass:"text-dark font-[16px] flex items-center space-x-1"},[r("span",[t._v(" Spread the")]),t._v(" "),r("i",{staticClass:"bx bxs-heart text-danger",staticStyle:{"font-size":"16px"}})])])],1)])])])}),[],!1,null,"66655d86",null);e.default=component.exports;installComponents(component,{ColorButton:o(315).default})},315:function(t,e,o){"use strict";o.r(e);var r={props:{color:{type:String,default:function(){return"rgb(235, 37, 90)"}},primary:{type:Boolean,default:function(){return!1}}},data:function(){return{}}},n=o(16),component=Object(n.a)(r,(function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",[o("div",{staticClass:"flex justify-center items-center h-[22px] w-[22px] md:h-[30px] md:w-[30px] rounded-full",style:{background:t.color}},[t.primary?o("div",{staticClass:"bg-white h-[10px] w-[10px] rounded-full"}):t._e()])])}),[],!1,null,"eddf9662",null);e.default=component.exports}},[[216,6,1,7]]]);