{"version":3,"sources":["webpack:///./src/components/ColorField.vue?7d0f","webpack:///src/components/ColorField.vue","webpack:///./src/components/ColorField.vue?5ad4","webpack:///../../../../src/components/VColorPicker/util/index.ts","webpack:///../../../src/components/VColorPicker/VColorPickerPreview.ts","webpack:///../../../src/components/VColorPicker/VColorPickerCanvas.ts","webpack:///../../../src/components/VColorPicker/VColorPickerEdit.ts","webpack:///../../src/util/colors.ts","webpack:///../../../src/components/VColorPicker/VColorPickerSwatches.ts","webpack:///../../../src/components/VColorPicker/VColorPicker.ts","webpack:///./src/components/ColorField.vue"],"names":["_vm","this","_h","$createElement","_c","_self","staticClass","attrs","label","scopedSlots","_u","key","fn","ref","on","_g","style","model","value","callback","$$v","menu","expression","vModel","proxy","color","staticRenderFns","name","props","String","Object","data","computed","swatchStyle","backgroundColor","cursor","height","width","borderRadius","transition","activated","console","log","mounted","$emit","watch","methods","hsva","hexa","hsla","rgba","alpha","hex","hue","fromHexa","has","k","obj","fromRGBA","r","g","b","a","oldColor","parseFloat","fromHSLA","fromHSVA","rest","input","disabled","hideAlpha","Boolean","genAlpha","genTrack","thumbColor","hideDetails","step","min","max","backgroundImage","$vuetify","rtl","val","genSliders","genDot","background","genHue","h","VSlider","class","options","render","type","default","dotSize","Number","boundingRect","left","top","dot","x","s","parseInt","y","emitColor","v","updateCanvas","canvas","$refs","ctx","saturationGradient","valueGradient","handleClick","$el","e","handleMouseDown","window","handleMouseMove","handleMouseUp","genCanvas","radius","transform","click","mousedown","modes","inputs","from","hideModeSwitch","mode","validator","internalMode","currentMode","created","getValue","Math","parseValue","changeMode","index","newMode","genInput","domProps","target","genInputs","maxlength","change","el","newVal","genSwitch","VBtn","small","icon","VIcon","red","base","lighten5","lighten4","lighten3","lighten2","lighten1","darken1","darken2","darken3","darken4","accent1","accent2","accent3","accent4","pink","purple","deepPurple","indigo","blue","lightBlue","cyan","teal","green","lightGreen","lime","yellow","amber","orange","deepOrange","brown","blueGrey","grey","shades","black","white","transparent","parseDefaultColors","colors","fromHex","mixins","swatches","maxWidth","maxHeight","genColor","content","parseColor","dark","light","genSwatches","map","swatch","canvasHeight","flat","hideCanvas","hideInputs","showSwatches","swatchesMaxHeight","internalValue","hasAlpha","handler","immediate","updateColor","extractColor","genControls","genEdit","genPreview","VSheet","elevationClasses","component","VCard","VCardText","VColorPicker","VMenu","VTextField"],"mappings":"kJAAA,IAAI,EAAS,WAAa,IAAIA,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,eAAe,CAACE,YAAY,YAAYC,MAAM,CAAC,eAAe,GAAG,MAAQP,EAAIQ,OAAOC,YAAYT,EAAIU,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACR,EAAG,SAAS,CAACG,MAAM,CAAC,IAAM,GAAG,eAAe,MAAM,aAAa,KAAK,0BAAyB,GAAOE,YAAYT,EAAIU,GAAG,CAAC,CAACC,IAAI,YAAYC,GAAG,SAASC,GAC/Y,IAAIC,EAAKD,EAAIC,GACb,MAAO,CAACV,EAAG,MAAMJ,EAAIe,GAAG,CAACC,MAAOhB,EAAe,aAAGc,SAAUG,MAAM,CAACC,MAAOlB,EAAQ,KAAEmB,SAAS,SAAUC,GAAMpB,EAAIqB,KAAKD,GAAKE,WAAW,SAAS,CAAClB,EAAG,SAAS,CAACA,EAAG,cAAc,CAACE,YAAY,QAAQ,CAACF,EAAG,iBAAiB,CAACG,MAAM,CAAC,KAAO,IAAIU,MAAM,CAACC,MAAOlB,EAAU,OAAEmB,SAAS,SAAUC,GAAMpB,EAAIuB,OAAOH,GAAKE,WAAW,aAAa,IAAI,IAAI,KAAKE,OAAM,KAAQP,MAAM,CAACC,MAAOlB,EAAS,MAAEmB,SAAS,SAAUC,GAAMpB,EAAIyB,MAAML,GAAKE,WAAW,YAAY,IACrbI,EAAkB,G,wBCuBtB,GACEC,KAAM,gBACNC,MAAO,CACLL,OAAQ,CAACM,OAAQC,QACjBtB,MAAOqB,OACPf,GAAIgB,QAGNC,KAAM,WAAR,OACA,6BACA,kBACA,UAGEC,SAAU,CACRC,YADJ,WAEA,WADA,IACA,YACM,MAAO,CACLC,gBAAiBjC,KAAKsB,OACtBY,OAAQ,UACRC,OAAQ,OACRC,MAAO,OACPC,aAAcjB,EAAO,MAAQ,MAC7BkB,WAAY,qCAIlBC,UA3BF,WA4BIC,QAAQC,IAAIzC,KAAKsB,SAEnBoB,QA9BF,WA+BA,UAAQ,OAAR,OAAQ,CAAR,eACM1C,KAAKwB,MAAQxB,KAAKsB,QAEpBtB,KAAK2C,MAAM,QAAS3C,KAAKwB,QAE3BoB,MAAO,CACLpB,MADJ,WAEMxB,KAAK2C,MAAM,QAAS3C,KAAKwB,QAE3BJ,KAJJ,WAKUpB,KAAKsB,SACPtB,KAAKwB,MAAQxB,KAAKsB,QAEpBtB,KAAK2C,MAAM,QAAS3C,KAAKwB,SAG7BqB,QAAS,ICzEyU,I,6OC2B9U,cACJC,EAAO,kBAAKA,GACZ,IAAMC,EAAO,eAAb,GACMC,EAAO,eAAb,GACMC,EAAO,eAAb,GACA,MAAO,CACLC,MAAOJ,EADF,EAELK,IAAKJ,EAAA,SAFA,GAGLA,OACAC,OACAF,OACAM,IAAKN,EANA,EAOLG,QAIE,cACJ,IAAMH,EAAO,eAAb,GACMC,EAAO,eAAb,GACME,EAAO,eAAb,GACA,MAAO,CACLC,MAAOJ,EADF,EAELK,IAAKJ,EAAA,SAFA,GAGLA,OACAC,OACAF,OACAM,IAAKN,EANA,EAOLG,QAIE,cACJ,IAAMH,EAAO,eAAb,GACMC,EAAO,eAAb,GACMC,EAAO,eAAb,GACA,MAAO,CACLE,MAAOJ,EADF,EAELK,IAAKJ,EAAA,SAFA,GAGLA,OACAC,OACAF,OACAM,IAAKN,EANA,EAOLG,QAIE,cACJ,IAAMH,EAAO,eAAb,GACME,EAAO,eAAb,GACMC,EAAO,eAAb,GACA,MAAO,CACLC,MAAOJ,EADF,EAELK,IAAKJ,EAAA,SAFA,GAGLA,OACAC,OACAF,OACAM,IAAKN,EANA,EAOLG,QAIE,cACJ,OAAOI,EAAS,eAAhB,IAGF,SAASC,EAAT,KACE,OAAO5C,EAAA,OAAU,SAAA6C,GAAC,OAAIC,EAAA,eAAtB,MAGI,gBACJ,MAAY,OAAOC,EAAS,CAAEC,EAAF,IAAUC,EAAV,EAAgBC,EAAhB,EAAsBC,EAAG,IAErD,qBAAWrC,EAAoB,CAC7B,mBAAIA,EAAyB,OAAO6B,EAAP,aAE7B,IAAMF,EAAM,eAAZ,GAEA,OAAIW,GAAYX,IAAQW,EAAxB,OACYT,EAAP,GAGP,cAAI,kBAA2B,CAC7B,GAAI7B,EAAA,eAAJ,SAAmC,OAAOA,EAE1C,IAAMqC,EAAIrC,EAAA,oBAA4BuC,WAAWvC,EAAvC,GAAV,EAEA,GAAI8B,EAAI9B,EAAO,CAAC,IAAK,IAArB,MACE,OAAIsC,GAAYtC,IAAUsC,EAA1B,OACYL,EAAS,oCAAD,IAAaI,OAC5B,GAAIP,EAAI9B,EAAO,CAAC,IAAK,IAArB,MACL,OAAIsC,GAAYtC,IAAUsC,EAA1B,OACYE,EAAS,oCAAD,IAAaH,OAC5B,GAAIP,EAAI9B,EAAO,CAAC,IAAK,IAArB,MACL,OAAIsC,GAAYtC,IAAUsC,EAA1B,OACYG,EAAS,oCAAD,IAAaJ,OAIrC,OAAOJ,EAAS,CAAEC,EAAF,IAAUC,EAAV,EAAgBC,EAAhB,EAAsBC,EAAG,IAG3C,SAAS,EAAT,KACE,KAAgB,CACd,EAAM,EADQ,IACAK,EADA,eACd,EADc,OAGd,SAGF,SAGI,gBACJ,SAAIC,EAAe,OAAO3C,EAE1B,qBAAW2C,EACT,OAAO,IAAAA,EAAA,OAAqB3C,EAArB,IAAiCA,EAAxC,KAGF,cAAI,kBAA2B,CAC7B,GAAI8B,EAAIa,EAAO,CAAC,IAAK,IAArB,MAAiC,OAAO,EAAW3C,EAAD,MAAc2C,EAAhE,GACK,GAAIb,EAAIa,EAAO,CAAC,IAAK,IAArB,MAAiC,OAAO,EAAW3C,EAAD,MAAc2C,EAAhE,GACA,GAAIb,EAAIa,EAAO,CAAC,IAAK,IAArB,MAAiC,OAAO,EAAW3C,EAAD,MAAc2C,EAA/B,GAGxC,SAGI,cACJ,YAEA,kBAAW3C,EACFA,EAAA,OAAP,EAGF,WAAI,oBACK8B,EAAI9B,EAAO,CAAX,OAAqB8B,EAAI9B,EAAO,CAAvC,YCrJW,0BAAW,CACxBE,KADwB,yBAGxBC,MAAO,CACLH,MADK,OAEL4C,SAFK,QAGLC,UAAWC,SAGbzB,QAAS,CACP0B,SADO,WACC,WACN,OAAOvE,KAAKwE,SAAS,CACnBnE,YADmB,wBAEnBsB,MAAO,CACL8C,WADK,iBAELC,aAFK,EAGLzD,MAAOjB,KAAKwB,MAHP,MAILmD,KAJK,EAKLC,IALK,EAMLC,IAAK,GAEP9D,MAAO,CACL+D,gBAAiB9E,KAAKoE,cAAL,+BAESpE,KAAK+E,SAASC,IAAM,OAAS,QAFtC,0BAE+D,eAAShF,KAAKwB,MAAN,MAFvE,MAInBX,GAAI,CACFsD,MAAQ,SAAAc,GAAD,OAAiB,mBAA4B,uBAA2BhB,EAAS,iCAAK,QAAL,MAAD,IAAuBJ,EAAGoB,WAIvHC,WAtBO,WAuBL,OAAOlF,KAAKE,eAAe,MAAO,CAChCG,YAAa,2BACZ,CACDL,KADC,UAEAA,KAAD,WAAmBA,KAJrB,cAOFmF,OA9BO,WA+BL,OAAOnF,KAAKE,eAAe,MAAO,CAChCG,YAAa,uBACZ,CACDL,KAAKE,eAAe,MAAO,CACzBa,MAAO,CACLqE,WAAY,eAAUpF,KAAKwB,MAAN,YAK7B6D,OAzCO,WAyCD,WACJ,OAAOrF,KAAKwE,SAAS,CACnBnE,YADmB,sBAEnBsB,MAAO,CACL8C,WADK,iBAELC,aAFK,EAGLzD,MAAOjB,KAAKwB,MAHP,IAILmD,KAJK,EAKLC,IALK,EAMLC,IAAK,KAEPhE,GAAI,CACFsD,MAAQ,SAAAc,GAAD,OAAiB,iBAA0B,uBAA2BhB,EAAS,iCAAK,QAAL,MAAD,IAAuBqB,EAAGL,WAIrHT,SAzDO,SAyDC,GACN,OAAOxE,KAAKE,eAAeqF,EAApB,oCACLC,MADkC,4BAA7B,IAGL7D,MAAO,gBACLyC,SAAUpE,KADL,UAEFyF,EAAQ9D,YAMnB+D,OA9EwB,SA8ElB,GACJ,OAAOJ,EAAE,MAAO,CACdjF,YADc,0BAEdmF,MAAO,CACL,sCAAuCxF,KAAKqE,YAE7C,CACDrE,KADC,SAEDA,KAPF,kB,wBClFW,sBAAW,CACxB0B,KADwB,wBAGxBC,MAAO,CACLH,MAAO,CACLmE,KADK,OAELC,QAAS,kBAAMnC,EAAS,CAAEC,EAAF,IAAUC,EAAV,EAAgBC,EAAhB,EAAsBC,EAAG,MAEnDO,SALK,QAMLyB,QAAS,CACPF,KAAM,CAACG,OADA,QAEPF,QAAS,IAEXzD,OAAQ,CACNwD,KAAM,CAACG,OADD,QAENF,QAAS,KAEXxD,MAAO,CACLuD,KAAM,CAACG,OADF,QAELF,QAAS,MAIb9D,KAvBwB,WAwBtB,MAAO,CACLiE,aAAc,CACZ3D,MADY,EAEZD,OAFY,EAGZ6D,KAHY,EAIZC,IAAK,KAKXlE,SAAU,CACRmE,IADQ,WAEN,OAAKlG,KAAL,MAEO,CACLmG,EAAGnG,KAAKwB,MAAMsB,KAAKsD,EAAIC,SAASrG,KAAD,MAD1B,IAELsG,GAAI,EAAItG,KAAKwB,MAAMsB,KAAhB,GAA0BuD,SAASrG,KAAD,YAJf,CAAEmG,EAAF,EAAQG,EAAG,KASvC1D,MAAO,CACL,YAAa,gBAGfF,QAjDwB,WAkDtB1C,KAAA,gBAGF6C,QAAS,CACP0D,UADO,SACE,KAAsB,MACQvG,KAArC,aAAM,EADuB,EACvB,OADuB,EACvB,MADuB,EACvB,MAAoBmC,EADG,EACHA,OAE1BnC,KAAA,qBAA2BiE,EAAS,CAClCqB,EAAGtF,KAAKwB,MAD0B,IAElC4E,EAAG,eAAMD,EAAD,IAAL,GAF+B,EAGlCK,EAAG,EAAI,eAAMF,EAAD,IAAL,GAH2B,EAIlCzC,EAAG7D,KAAKwB,MAAM0B,UAGlBuD,aAXO,WAYL,GAAKzG,KAAL,OAEA,IAAM0G,EAAS1G,KAAK2G,MAApB,OACMC,EAAMF,EAAA,WAAZ,MAEA,MAEA,IAAMG,EAAqBD,EAAA,yBAA+BF,EAA/B,MAA3B,GACAG,EAAA,eATU,wBAUVA,EAAA,8BAA2C7G,KAAKwB,MAAhD,wBACAoF,EAAA,YACAA,EAAA,aAAmBF,EAAnB,MAAiCA,EAAjC,QAEA,IAAMI,EAAgBF,EAAA,2BAAkCF,EAAxD,QACAI,EAAA,eAfU,wBAgBVA,EAAA,eAhBU,sBAiBVF,EAAA,YACAA,EAAA,aAAmBF,EAAnB,MAAiCA,EAAjC,WAEFK,YA/BO,SA+BI,GACL/G,KAAJ,WAEAA,KAAA,aAAoBA,KAAKgH,IAAzB,wBACAhH,KAAA,UAAeiH,EAAf,QAA0BA,EAA1B,WAEFC,gBArCO,SAqCQ,GAEbD,EAAA,iBAEIjH,KAAJ,WAEAA,KAAA,aAAoBA,KAAKgH,IAAzB,wBAEAG,OAAA,6BAAqCnH,KAArC,iBACAmH,OAAA,2BAAmCnH,KAAnC,iBAEFoH,gBAhDO,SAgDQ,GACTpH,KAAJ,UAEAA,KAAA,UAAeiH,EAAf,QAA0BA,EAA1B,UAEFI,cArDO,WAsDLF,OAAA,gCAAwCnH,KAAxC,iBACAmH,OAAA,8BAAsCnH,KAAtC,gBAEFsH,UAzDO,WA0DL,OAAOtH,KAAKE,eAAe,SAAU,CACnCU,IADmC,SAEnCN,MAAO,CACL8B,MAAOpC,KADF,MAELmC,OAAQnC,KAAKmC,WAInBgD,OAlEO,WAmEL,IAAMoC,EAASlB,SAASrG,KAAD,QAAR,IAAf,EACMmG,EAAI,eAAcnG,KAAKkG,IAAIC,EAAjC,GACMG,EAAI,eAActG,KAAKkG,IAAII,EAAjC,GAEA,OAAOtG,KAAKE,eAAe,MAAO,CAChCG,YADgC,6BAEhCmF,MAAO,CACL,uCAAwCxF,KAAKoE,UAE/CrD,MAAO,CACLqB,MAAO,eAAcpC,KADhB,SAELmC,OAAQ,eAAcnC,KAFjB,SAGLwH,UAAW,aAAF,OAAerB,EAAf,aAAqBG,EAArB,UAMjBZ,OA1IwB,SA0IlB,GACJ,OAAOJ,EAAE,MAAO,CACdjF,YADc,yBAEdU,MAAO,CACLqB,MAAO,eAAcpC,KADhB,OAELmC,OAAQ,eAAcnC,KAAD,SAEvBa,GAAI,CACF4G,MAAOzH,KADL,YAEF0H,UAAW1H,KAAKkH,kBAEjB,CACDlH,KADC,YAEDA,KAZF,c,uGChIS2H,EAAQ,CACnB1E,KAAM,CACJ2E,OAAQ,CACN,CAAC,IAAK,IADA,OAEN,CAAC,IAAK,IAFA,OAGN,CAAC,IAAK,IAHA,OAIN,CAAC,IAAK,EALJ,UAOJC,KAAMpE,GAERT,KAAM,CACJ4E,OAAQ,CACN,CAAC,IAAK,IADA,OAEN,CAAC,IAAK,EAFA,SAGN,CAAC,IAAK,EAHA,SAIN,CAAC,IAAK,EALJ,UAOJC,KAAM7D,GAERjB,KAAM,CACJ8E,KAAMxE,IAIK,sBAAW,CACxB3B,KADwB,sBAGxBC,MAAO,CACLH,MADK,OAEL4C,SAFK,QAGLC,UAHK,QAILyD,eAJK,QAKLC,KAAM,CACJpC,KADI,OAEJC,QAFI,OAGJoC,UAAY,SAAAxB,GAAD,OAAe3E,OAAA,uBAI9BC,KAfwB,WAgBtB,MAAO,CACL6F,QACAM,aAAcjI,KAAK+H,OAIvBhG,SAAU,CACRmG,YADQ,WAEN,OAAOlI,KAAK2H,MAAM3H,KAAlB,gBAIJ4C,MAAO,CACLmF,KADK,SACD,GACF/H,KAAA,iBAIJmI,QAlCwB,WAmCtBnI,KAAA,aAAoBA,KAApB,MAGF6C,QAAS,CACPuF,SADO,SACC,KACN,gBAAIzC,EAAyB0C,KAAA,UAAW7B,GAAxC,IACK,QAAIb,EAAuB0C,KAAA,MAA3B,GACO,GAEdC,WANO,SAMG,KACR,gBAAI3C,EAAyB5B,WAA7B,GACK,QAAI4B,GAAuBU,SAASG,EAAT,KACpB,GAEd+B,WAXO,WAYL,IAAMZ,EAAQ9F,OAAA,KAAY7B,KAA1B,OACMwI,EAAQb,EAAA,QAAc3H,KAA5B,cACMyI,EAAUd,GAAOa,EAAD,GAAcb,EAApC,QACA3H,KAAA,eACAA,KAAA,wBAEF0I,SAlBO,SAkBC,SACN,OAAO1I,KAAKE,eAAe,MAAO,CAChCG,YAAa,yBACZ,CACDL,KAAKE,eAAe,QAAS,CAC3BQ,IAD2B,EAE3BJ,QACAqI,SAAU,CACR1H,SAEFJ,OAEFb,KAAKE,eAAe,OAAQ0I,EAX9B,kBAcFC,UAjCO,WAiCE,WACP,OAAQ7I,KAAR,cACE,WACE,IAAMmD,EAAMnD,KAAKwB,MAAjB,KACMP,EAAQjB,KAAKqE,WAAalB,EAAA,SAAlB,MAAuCA,EAAA,SAAvC,GAAd,EACA,OAAOnD,KAAK0I,SAAS,MAEnB,CACEI,UAAW9I,KAAKqE,UAAY,EAD9B,EAEED,SAAUpE,KAAKoE,UAJZ,EAOL,CACE2E,OAAS,SAAA9B,GACP,IAAM+B,EAAK/B,EAAX,OACA,uBAA2B,mBAAsB,eAAS+B,EAA1D,YAKR,QACE,IAAMpB,EAAS5H,KAAKqE,UAAYrE,KAAKkI,YAAYN,OAAjB,SAAjB,GAAyD5H,KAAKkI,YAA7E,OACA,OAAON,EAAA,KAAW,YAAwB,0BAAvB,EAAuB,KAAvB,EAAuB,KAAxB,EAAwB,KAClC3G,EAAQ,QAAW,EAAzB,cACA,OAAO,aAEL,CACE0E,KADF,SAEEf,IAFF,EAGEC,MACAF,KAAM,UAAAgB,EAAA,OAA4B,QAAAA,EAAA,SAJpC,EAKEvB,SAAU,EAAKA,UAEjB,WAAcnD,EAAd,GATK,GAUL,CACEkD,MAAQ,SAAA8C,GACN,IAAM+B,EAAK/B,EAAX,OACMgC,EAAS,aAAgBD,EAAA,OAAhB,IAAf,GAEA,uBAA2B,mBACzBnH,OAAA,YAAAA,OAAA,OAAAA,CAAA,GAA2B,EAAUoH,IACrC,QAFF,gBAWdC,UAnFO,WAoFL,OAAOlJ,KAAKE,eAAeiJ,EAApB,KAA0B,CAC/BxH,MAAO,CACLyH,OADK,EAELC,MAFK,EAGLjF,SAAUpE,KAAKoE,UAEjBvD,GAAI,CACF4G,MAAOzH,KAAKuI,aAEb,CACDvI,KAAKE,eAAeoJ,EAApB,KAVF,eAeJ5D,OAzIwB,SAyIlB,GACJ,OAAOJ,EAAE,MAAO,CACdjF,YAAa,wBACZ,CACDL,KADC,aAEAA,KAAD,gBAAwBA,KAJ1B,iBCvLEuJ,G,oBAAM1H,OAAA,OAAc,CACxB2H,KADwB,UAExBC,SAFwB,UAGxBC,SAHwB,UAIxBC,SAJwB,UAKxBC,SALwB,UAMxBC,SANwB,UAOxBC,QAPwB,UAQxBC,QARwB,UASxBC,QATwB,UAUxBC,QAVwB,UAWxBC,QAXwB,UAYxBC,QAZwB,UAaxBC,QAbwB,UAcxBC,QAAS,aAGLC,EAAOzI,OAAA,OAAc,CACzB2H,KADyB,UAEzBC,SAFyB,UAGzBC,SAHyB,UAIzBC,SAJyB,UAKzBC,SALyB,UAMzBC,SANyB,UAOzBC,QAPyB,UAQzBC,QARyB,UASzBC,QATyB,UAUzBC,QAVyB,UAWzBC,QAXyB,UAYzBC,QAZyB,UAazBC,QAbyB,UAczBC,QAAS,YAGLE,EAAS1I,OAAA,OAAc,CAC3B2H,KAD2B,UAE3BC,SAF2B,UAG3BC,SAH2B,UAI3BC,SAJ2B,UAK3BC,SAL2B,UAM3BC,SAN2B,UAO3BC,QAP2B,UAQ3BC,QAR2B,UAS3BC,QAT2B,UAU3BC,QAV2B,UAW3BC,QAX2B,UAY3BC,QAZ2B,UAa3BC,QAb2B,UAc3BC,QAAS,YAGLG,EAAa3I,OAAA,OAAc,CAC/B2H,KAD+B,UAE/BC,SAF+B,UAG/BC,SAH+B,UAI/BC,SAJ+B,UAK/BC,SAL+B,UAM/BC,SAN+B,UAO/BC,QAP+B,UAQ/BC,QAR+B,UAS/BC,QAT+B,UAU/BC,QAV+B,UAW/BC,QAX+B,UAY/BC,QAZ+B,UAa/BC,QAb+B,UAc/BC,QAAS,YAGLI,EAAS5I,OAAA,OAAc,CAC3B2H,KAD2B,UAE3BC,SAF2B,UAG3BC,SAH2B,UAI3BC,SAJ2B,UAK3BC,SAL2B,UAM3BC,SAN2B,UAO3BC,QAP2B,UAQ3BC,QAR2B,UAS3BC,QAT2B,UAU3BC,QAV2B,UAW3BC,QAX2B,UAY3BC,QAZ2B,UAa3BC,QAb2B,UAc3BC,QAAS,YAGLK,EAAO7I,OAAA,OAAc,CACzB2H,KADyB,UAEzBC,SAFyB,UAGzBC,SAHyB,UAIzBC,SAJyB,UAKzBC,SALyB,UAMzBC,SANyB,UAOzBC,QAPyB,UAQzBC,QARyB,UASzBC,QATyB,UAUzBC,QAVyB,UAWzBC,QAXyB,UAYzBC,QAZyB,UAazBC,QAbyB,UAczBC,QAAS,YAGLM,EAAY9I,OAAA,OAAc,CAC9B2H,KAD8B,UAE9BC,SAF8B,UAG9BC,SAH8B,UAI9BC,SAJ8B,UAK9BC,SAL8B,UAM9BC,SAN8B,UAO9BC,QAP8B,UAQ9BC,QAR8B,UAS9BC,QAT8B,UAU9BC,QAV8B,UAW9BC,QAX8B,UAY9BC,QAZ8B,UAa9BC,QAb8B,UAc9BC,QAAS,YAGLO,EAAO/I,OAAA,OAAc,CACzB2H,KADyB,UAEzBC,SAFyB,UAGzBC,SAHyB,UAIzBC,SAJyB,UAKzBC,SALyB,UAMzBC,SANyB,UAOzBC,QAPyB,UAQzBC,QARyB,UASzBC,QATyB,UAUzBC,QAVyB,UAWzBC,QAXyB,UAYzBC,QAZyB,UAazBC,QAbyB,UAczBC,QAAS,YAGLQ,EAAOhJ,OAAA,OAAc,CACzB2H,KADyB,UAEzBC,SAFyB,UAGzBC,SAHyB,UAIzBC,SAJyB,UAKzBC,SALyB,UAMzBC,SANyB,UAOzBC,QAPyB,UAQzBC,QARyB,UASzBC,QATyB,UAUzBC,QAVyB,UAWzBC,QAXyB,UAYzBC,QAZyB,UAazBC,QAbyB,UAczBC,QAAS,YAGLS,EAAQjJ,OAAA,OAAc,CAC1B2H,KAD0B,UAE1BC,SAF0B,UAG1BC,SAH0B,UAI1BC,SAJ0B,UAK1BC,SAL0B,UAM1BC,SAN0B,UAO1BC,QAP0B,UAQ1BC,QAR0B,UAS1BC,QAT0B,UAU1BC,QAV0B,UAW1BC,QAX0B,UAY1BC,QAZ0B,UAa1BC,QAb0B,UAc1BC,QAAS,YAGLU,EAAalJ,OAAA,OAAc,CAC/B2H,KAD+B,UAE/BC,SAF+B,UAG/BC,SAH+B,UAI/BC,SAJ+B,UAK/BC,SAL+B,UAM/BC,SAN+B,UAO/BC,QAP+B,UAQ/BC,QAR+B,UAS/BC,QAT+B,UAU/BC,QAV+B,UAW/BC,QAX+B,UAY/BC,QAZ+B,UAa/BC,QAb+B,UAc/BC,QAAS,YAGLW,EAAOnJ,OAAA,OAAc,CACzB2H,KADyB,UAEzBC,SAFyB,UAGzBC,SAHyB,UAIzBC,SAJyB,UAKzBC,SALyB,UAMzBC,SANyB,UAOzBC,QAPyB,UAQzBC,QARyB,UASzBC,QATyB,UAUzBC,QAVyB,UAWzBC,QAXyB,UAYzBC,QAZyB,UAazBC,QAbyB,UAczBC,QAAS,YAGLY,EAASpJ,OAAA,OAAc,CAC3B2H,KAD2B,UAE3BC,SAF2B,UAG3BC,SAH2B,UAI3BC,SAJ2B,UAK3BC,SAL2B,UAM3BC,SAN2B,UAO3BC,QAP2B,UAQ3BC,QAR2B,UAS3BC,QAT2B,UAU3BC,QAV2B,UAW3BC,QAX2B,UAY3BC,QAZ2B,UAa3BC,QAb2B,UAc3BC,QAAS,YAGLa,EAAQrJ,OAAA,OAAc,CAC1B2H,KAD0B,UAE1BC,SAF0B,UAG1BC,SAH0B,UAI1BC,SAJ0B,UAK1BC,SAL0B,UAM1BC,SAN0B,UAO1BC,QAP0B,UAQ1BC,QAR0B,UAS1BC,QAT0B,UAU1BC,QAV0B,UAW1BC,QAX0B,UAY1BC,QAZ0B,UAa1BC,QAb0B,UAc1BC,QAAS,YAGLc,EAAStJ,OAAA,OAAc,CAC3B2H,KAD2B,UAE3BC,SAF2B,UAG3BC,SAH2B,UAI3BC,SAJ2B,UAK3BC,SAL2B,UAM3BC,SAN2B,UAO3BC,QAP2B,UAQ3BC,QAR2B,UAS3BC,QAT2B,UAU3BC,QAV2B,UAW3BC,QAX2B,UAY3BC,QAZ2B,UAa3BC,QAb2B,UAc3BC,QAAS,YAGLe,GAAavJ,OAAA,OAAc,CAC/B2H,KAD+B,UAE/BC,SAF+B,UAG/BC,SAH+B,UAI/BC,SAJ+B,UAK/BC,SAL+B,UAM/BC,SAN+B,UAO/BC,QAP+B,UAQ/BC,QAR+B,UAS/BC,QAT+B,UAU/BC,QAV+B,UAW/BC,QAX+B,UAY/BC,QAZ+B,UAa/BC,QAb+B,UAc/BC,QAAS,YAGLgB,GAAQxJ,OAAA,OAAc,CAC1B2H,KAD0B,UAE1BC,SAF0B,UAG1BC,SAH0B,UAI1BC,SAJ0B,UAK1BC,SAL0B,UAM1BC,SAN0B,UAO1BC,QAP0B,UAQ1BC,QAR0B,UAS1BC,QAT0B,UAU1BC,QAAS,YAGLqB,GAAWzJ,OAAA,OAAc,CAC7B2H,KAD6B,UAE7BC,SAF6B,UAG7BC,SAH6B,UAI7BC,SAJ6B,UAK7BC,SAL6B,UAM7BC,SAN6B,UAO7BC,QAP6B,UAQ7BC,QAR6B,UAS7BC,QAT6B,UAU7BC,QAAS,YAGLsB,GAAO1J,OAAA,OAAc,CACzB2H,KADyB,UAEzBC,SAFyB,UAGzBC,SAHyB,UAIzBC,SAJyB,UAKzBC,SALyB,UAMzBC,SANyB,UAOzBC,QAPyB,UAQzBC,QARyB,UASzBC,QATyB,UAUzBC,QAAS,YAGLuB,GAAS3J,OAAA,OAAc,CAC3B4J,MAD2B,UAE3BC,MAF2B,UAG3BC,YAAa,gBAGA,GAAA9J,OAAA,OAAc,CAC3B0H,MACAe,OACAC,SACAC,aACAC,SACAC,OACAC,YACAC,OACAC,OACAC,QACAC,aACAC,OACAC,SACAC,QACAC,SACAC,cACAC,SACAC,YACAC,QACAC,Y,0BChUF,SAASI,GAAT,GACE,OAAO/J,OAAA,aAAwB,SAAAnB,GAC7B,IAAMc,EAAQqK,EAAd,GACA,OAAOrK,EAAA,KAAa,CAClBA,EADkB,KAElBA,EAFkB,QAGlBA,EAHkB,QAIlBA,EAJkB,QAKlBA,EALkB,QAMlBA,EANkB,SAOlBA,EAPkB,SAQlBA,EARkB,SASlBA,EATkB,SAUlBA,EAVK,UAWH,CACFA,EADE,MAEFA,EAFE,MAGFA,EAdF,gBAmBJ,IAAMkK,GAAQI,EAAA,WAAd,KACML,GAAQK,EAAA,WAAd,KAEe,UAAAC,GAAA,sBAAyB,CACtCrK,KADsC,0BAGtCC,MAAO,CACLqK,SAAU,CACRrG,KADQ,MAERC,QAAS,kBAAMgG,GAAmBC,MAEpCrK,MALK,OAMLyK,SAAU,CAACnG,OANN,QAOLoG,UAAW,CAACpG,OAAQlE,SAGtBiB,QAAS,CACPsJ,SADO,SACC,GAAe,WACfC,EAAUpM,KAAKE,eAAe,MAAO,CACzCa,MAAO,CACLqE,WAAY5D,IAEb,CACD,eAAUxB,KAAD,MAAaqM,EAAW7K,EAAjC,QAAkDxB,KAAKE,eAAeoJ,EAApB,KAA2B,CAC3E3H,MAAO,CACLyH,OADK,EAELkD,KAAM,eAActM,KAAKwB,MAAN,KAAb,OAA6CxB,KAAKwB,MAAM0B,MAFzD,GAGLqJ,MAAO,eAAcvM,KAAKwB,MAAN,KAAb,OAA6CxB,KAAKwB,MAAM0B,MAAQ,KAT7E,cAcA,OAAOlD,KAAKE,eAAe,MAAO,CAChCG,YADgC,wBAEhCQ,GAAI,CAEF4G,MAAO,kBAAM,uBAA2BqE,EAAQ,gBAAAtK,EAAA,YAAnC,OAEd,CANH,KAQFgL,YAxBO,WAwBI,WACT,OAAOxM,KAAKgM,SAASS,KAAI,SAAAC,GACvB,IAAMb,EAASa,EAAA,IAAW,EAA1B,UAEA,OAAO,uBAA2B,CAChCrM,YAAa,0BADf,QAONqF,OAhDsC,SAgDhC,GACJ,OAAOJ,EAAE,MAAO,CACdjF,YADc,2BAEdU,MAAO,CACLkL,SAAU,eAAcjM,KADnB,UAELkM,UAAW,eAAclM,KAAD,aAEzB,CACDA,KAAKE,eAAe,MAAOF,KAP7B,oB,aCrEW,UAAA+L,GAAA,MAAO,GAAD,KAAN,gBAAqC,CAClDrK,KADkD,iBAGlDC,MAAO,CACLgL,aAAc,CACZhH,KAAM,CAAC/D,OADK,QAEZgE,QAAS,KAEXxB,SALK,QAMLyB,QAAS,CACPF,KAAM,CAACG,OADA,QAEPF,QAAS,IAEXgH,KAVK,QAWLC,WAXK,QAYLC,WAZK,QAaLhF,eAbK,QAcLC,KAAM,CACJpC,KADI,OAEJC,QAFI,OAGJoC,UAAY,SAAAxB,GAAD,OAAe3E,OAAA,sBAE5BkL,aAnBK,QAoBLf,SApBK,MAqBLgB,kBAAmB,CACjBrH,KAAM,CAACG,OADU,QAEjBF,QAAS,KAEX3E,MAAO,CACL0E,KAAM,CAAC9D,OAAQD,SAEjBQ,MAAO,CACLuD,KAAM,CAACG,OADF,QAELF,QAAS,MAIb9D,KAAM,iBAAO,CACXmL,cAAexJ,EAAS,CAAEC,EAAF,IAAUC,EAAV,EAAgBC,EAAhB,EAAsBC,EAAG,MAGnD9B,SAAU,CACRsC,UADQ,WAEN,QAAKrE,KAAL,QAEQkN,EAASlN,KAAjB,SAIJ4C,MAAO,CACL3B,MAAO,CACLkM,QADK,SACE,GACLnN,KAAA,YAAiBqM,EAAW7K,EAAOxB,KAAnC,iBAEFoN,WAAW,IAIfvK,QAAS,CACPwK,YADO,SACI,GACTrN,KAAA,gBACA,IAAMiB,EAAQqM,EAAatN,KAAD,cAAqBA,KAA/C,OAEK,eAAUiB,EAAOjB,KAAtB,SACEA,KAAA,iBACAA,KAAA,qBAA2BA,KAA3B,iBAGJsH,UAVO,WAWL,OAAOtH,KAAKE,eAAe,EAAoB,CAC7CyB,MAAO,CACLH,MAAOxB,KADF,cAELoE,SAAUpE,KAFL,SAGL6F,QAAS7F,KAHJ,QAILoC,MAAOpC,KAJF,MAKLmC,OAAQnC,KAAK2M,cAEf9L,GAAI,CACF,eAAgBb,KAAKqN,gBAI3BE,YAxBO,WAyBL,OAAOvN,KAAKE,eAAe,MAAO,CAChCG,YAAa,4BACZ,CACDL,KADC,cAEAA,KAAD,YAAoBA,KAJtB,aAOFwN,QAhCO,WAgCA,WACL,OAAOxN,KAAKE,eAAe,EAAkB,CAC3CyB,MAAO,CACLH,MAAOxB,KADF,cAELoE,SAAUpE,KAFL,SAGLqE,UAAWrE,KAHN,UAIL8H,eAAgB9H,KAJX,eAKL+H,KAAM/H,KAAK+H,MAEblH,GAAI,CACF,eAAgBb,KADd,YAEF,cAAgB,SAAAwG,GAAD,OAAa,8BAIlCiH,WA/CO,WAgDL,OAAOzN,KAAKE,eAAe,EAAqB,CAC9CyB,MAAO,CACLH,MAAOxB,KADF,cAELoE,SAAUpE,KAFL,SAGLqE,UAAWrE,KAAKqE,WAElBxD,GAAI,CACF,eAAgBb,KAAKqN,gBAI3Bb,YA3DO,WA4DL,OAAOxM,KAAKE,eAAe,GAAsB,CAC/CyB,MAAO,CACL2K,KAAMtM,KADD,KAELuM,MAAOvM,KAFF,MAGLgM,SAAUhM,KAHL,SAILwB,MAAOxB,KAJF,cAKLkM,UAAWlM,KAAKgN,mBAElBnM,GAAI,CACF,eAAgBb,KAAKqN,iBAM7B3H,OArIkD,SAqI5C,GACJ,OAAOJ,EAAEoI,EAAD,KAAS,CACfrN,YADe,iBAEfmF,MAAO,+BACL,uBAAwBxF,KADnB,MAEFA,KAFE,cAGFA,KAAK2N,kBAEVhM,MAAO,CACLsK,SAAUjM,KAAKoC,QAEhB,EACApC,KAAD,YAAoBA,KADnB,YAEDA,KAFC,cAGDA,KAAK+M,cAAgB/M,KAbvB,mB,0BCrJA4N,GAAY,eACd,EACA,EACAnM,GACA,EACA,KACA,KACA,MAIa,aAAAmM,GAAiB,QAShC,IAAkBA,GAAW,CAACC,QAAA,KAAMC,UAAA,OAAUC,aAAA,GAAaC,SAAA,KAAMC,cAAA,Q","file":"js/chunk-85a2d3a8.dbe62036.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-text-field',{staticClass:\"ma-0 pa-0\",attrs:{\"hide-details\":\"\",\"label\":_vm.label},scopedSlots:_vm._u([{key:\"prepend\",fn:function(){return [_c('v-menu',{attrs:{\"top\":\"\",\"nudge-bottom\":\"105\",\"nudge-left\":\"16\",\"close-on-content-click\":false},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('div',_vm._g({style:(_vm.swatchStyle)},on))]}}]),model:{value:(_vm.menu),callback:function ($$v) {_vm.menu=$$v},expression:\"menu\"}},[_c('v-card',[_c('v-card-text',{staticClass:\"pa-0\"},[_c('v-color-picker',{attrs:{\"flat\":\"\"},model:{value:(_vm.vModel),callback:function ($$v) {_vm.vModel=$$v},expression:\"vModel\"}})],1)],1)],1)]},proxy:true}]),model:{value:(_vm.color),callback:function ($$v) {_vm.color=$$v},expression:\"color\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-text-field v-model=\"color\" hide-details class=\"ma-0 pa-0\" :label=\"label\">\r\n      <template v-slot:prepend>\r\n        <v-menu\r\n          v-model=\"menu\"\r\n          top\r\n          nudge-bottom=\"105\"\r\n          nudge-left=\"16\"\r\n          :close-on-content-click=\"false\"\r\n        >\r\n          <template v-slot:activator=\"{ on }\">\r\n            <div :style=\"swatchStyle\" v-on=\"on\" />\r\n          </template>\r\n          <v-card>\r\n            <v-card-text class=\"pa-0\">\r\n              <v-color-picker v-model=\"vModel\" flat />\r\n            </v-card-text>\r\n          </v-card>\r\n        </v-menu>\r\n      </template>\r\n    </v-text-field>\r\n  </div>\r\n</template>\r\n<script>\r\nimport * as fun from \"../plugins/common\";\r\nexport default {\r\n  name: \"v-color-field\",\r\n  props: {\r\n    vModel: [String, Object],\r\n    label: String,\r\n    on: Object,\r\n  },\r\n\r\n  data: () => ({\r\n    color: \"#\" + fun.randomColor(),\r\n    mask: \"!#XXXXXXXX\",\r\n    menu: false,\r\n  }),\r\n\r\n  computed: {\r\n    swatchStyle() {\r\n      const { color, menu } = this;\r\n      return {\r\n        backgroundColor: this.vModel,\r\n        cursor: \"pointer\",\r\n        height: \"30px\",\r\n        width: \"30px\",\r\n        borderRadius: menu ? \"50%\" : \"4px\",\r\n        transition: \"border-radius 200ms ease-in-out\",\r\n      };\r\n    },\r\n  },\r\n  activated() {\r\n    console.log(this.vModel);\r\n  },\r\n  mounted() {\r\n    if (typeof this.vModel != \"object\") {\r\n      this.color = this.vModel;\r\n    }\r\n    this.$emit(\"input\", this.color);\r\n  },\r\n  watch: {\r\n    color() {\r\n      this.$emit(\"input\", this.color);\r\n    },\r\n    menu() {\r\n      if (this.vModel) {\r\n        this.color = this.vModel;\r\n      }\r\n      this.$emit(\"input\", this.color);\r\n    },\r\n  },\r\n  methods: {},\r\n};\r\n</script>\r\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!./ColorField.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!./ColorField.vue?vue&type=script&lang=js&\"","// Utilities\nimport {\n  HSVA,\n  HSVAtoRGBA,\n  HSVAtoHex,\n  RGBA,\n  Hex,\n  RGBAtoHSVA,\n  HexToHSVA,\n  HSLA,\n  HSVAtoHSLA,\n  RGBAtoHex,\n  HSLAtoHSVA,\n  parseHex,\n  Hexa,\n} from '../../../util/colorUtils'\n\nexport interface VColorPickerColor {\n  alpha: number\n  hex: Hex\n  hexa: Hexa\n  hsla: HSLA\n  hsva: HSVA\n  hue: number\n  rgba: RGBA\n}\n\nexport function fromHSVA (hsva: HSVA): VColorPickerColor {\n  hsva = { ...hsva }\n  const hexa = HSVAtoHex(hsva)\n  const hsla = HSVAtoHSLA(hsva)\n  const rgba = HSVAtoRGBA(hsva)\n  return {\n    alpha: hsva.a,\n    hex: hexa.substr(0, 7),\n    hexa,\n    hsla,\n    hsva,\n    hue: hsva.h,\n    rgba,\n  }\n}\n\nexport function fromHSLA (hsla: HSLA): VColorPickerColor {\n  const hsva = HSLAtoHSVA(hsla)\n  const hexa = HSVAtoHex(hsva)\n  const rgba = HSVAtoRGBA(hsva)\n  return {\n    alpha: hsva.a,\n    hex: hexa.substr(0, 7),\n    hexa,\n    hsla,\n    hsva,\n    hue: hsva.h,\n    rgba,\n  }\n}\n\nexport function fromRGBA (rgba: RGBA): VColorPickerColor {\n  const hsva = RGBAtoHSVA(rgba)\n  const hexa = RGBAtoHex(rgba)\n  const hsla = HSVAtoHSLA(hsva)\n  return {\n    alpha: hsva.a,\n    hex: hexa.substr(0, 7),\n    hexa,\n    hsla,\n    hsva,\n    hue: hsva.h,\n    rgba,\n  }\n}\n\nexport function fromHexa (hexa: Hexa): VColorPickerColor {\n  const hsva = HexToHSVA(hexa)\n  const hsla = HSVAtoHSLA(hsva)\n  const rgba = HSVAtoRGBA(hsva)\n  return {\n    alpha: hsva.a,\n    hex: hexa.substr(0, 7),\n    hexa,\n    hsla,\n    hsva,\n    hue: hsva.h,\n    rgba,\n  }\n}\n\nexport function fromHex (hex: Hex): VColorPickerColor {\n  return fromHexa(parseHex(hex))\n}\n\nfunction has (obj: object, key: string[]) {\n  return key.every(k => obj.hasOwnProperty(k))\n}\n\nexport function parseColor (color: any, oldColor: VColorPickerColor | null) {\n  if (!color) return fromRGBA({ r: 255, g: 0, b: 0, a: 1 })\n\n  if (typeof color === 'string') {\n    if (color === 'transparent') return fromHexa('#00000000')\n\n    const hex = parseHex(color)\n\n    if (oldColor && hex === oldColor.hexa) return oldColor\n    else return fromHexa(hex)\n  }\n\n  if (typeof color === 'object') {\n    if (color.hasOwnProperty('alpha')) return color\n\n    const a = color.hasOwnProperty('a') ? parseFloat(color.a) : 1\n\n    if (has(color, ['r', 'g', 'b'])) {\n      if (oldColor && color === oldColor.rgba) return oldColor\n      else return fromRGBA({ ...color, a })\n    } else if (has(color, ['h', 's', 'l'])) {\n      if (oldColor && color === oldColor.hsla) return oldColor\n      else return fromHSLA({ ...color, a })\n    } else if (has(color, ['h', 's', 'v'])) {\n      if (oldColor && color === oldColor.hsva) return oldColor\n      else return fromHSVA({ ...color, a })\n    }\n  }\n\n  return fromRGBA({ r: 255, g: 0, b: 0, a: 1 })\n}\n\nfunction stripAlpha (color: any, stripAlpha: boolean) {\n  if (stripAlpha) {\n    const { a, ...rest } = color\n\n    return rest\n  }\n\n  return color\n}\n\nexport function extractColor (color: VColorPickerColor, input: any) {\n  if (input == null) return color\n\n  if (typeof input === 'string') {\n    return input.length === 7 ? color.hex : color.hexa\n  }\n\n  if (typeof input === 'object') {\n    if (has(input, ['r', 'g', 'b'])) return stripAlpha(color.rgba, !input.a)\n    else if (has(input, ['h', 's', 'l'])) return stripAlpha(color.hsla, !input.a)\n    else if (has(input, ['h', 's', 'v'])) return stripAlpha(color.hsva, !input.a)\n  }\n\n  return color\n}\n\nexport function hasAlpha (color: any) {\n  if (!color) return false\n\n  if (typeof color === 'string') {\n    return color.length > 7\n  }\n\n  if (typeof color === 'object') {\n    return has(color, ['a']) || has(color, ['alpha'])\n  }\n\n  return false\n}\n","// Styles\nimport './VColorPickerPreview.sass'\n\n// Components\nimport VSlider from '../VSlider/VSlider'\n\n// Utilities\nimport { RGBtoCSS, RGBAtoCSS } from '../../util/colorUtils'\n\n// Types\nimport Vue, { VNode, VNodeData, PropType } from 'vue'\nimport { VColorPickerColor, fromHSVA } from './util'\n\nexport default Vue.extend({\n  name: 'v-color-picker-preview',\n\n  props: {\n    color: Object as PropType<VColorPickerColor>,\n    disabled: Boolean,\n    hideAlpha: Boolean,\n  },\n\n  methods: {\n    genAlpha (): VNode {\n      return this.genTrack({\n        staticClass: 'v-color-picker__alpha',\n        props: {\n          thumbColor: 'grey lighten-2',\n          hideDetails: true,\n          value: this.color.alpha,\n          step: 0,\n          min: 0,\n          max: 1,\n        },\n        style: {\n          backgroundImage: this.disabled\n            ? undefined\n            : `linear-gradient(to ${this.$vuetify.rtl ? 'left' : 'right'}, transparent, ${RGBtoCSS(this.color.rgba)})`,\n        },\n        on: {\n          input: (val: number) => this.color.alpha !== val && this.$emit('update:color', fromHSVA({ ...this.color.hsva, a: val })),\n        },\n      })\n    },\n    genSliders (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-color-picker__sliders',\n      }, [\n        this.genHue(),\n        !this.hideAlpha && this.genAlpha(),\n      ])\n    },\n    genDot (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-color-picker__dot',\n      }, [\n        this.$createElement('div', {\n          style: {\n            background: RGBAtoCSS(this.color.rgba),\n          },\n        }),\n      ])\n    },\n    genHue (): VNode {\n      return this.genTrack({\n        staticClass: 'v-color-picker__hue',\n        props: {\n          thumbColor: 'grey lighten-2',\n          hideDetails: true,\n          value: this.color.hue,\n          step: 0,\n          min: 0,\n          max: 360,\n        },\n        on: {\n          input: (val: number) => this.color.hue !== val && this.$emit('update:color', fromHSVA({ ...this.color.hsva, h: val })),\n        },\n      })\n    },\n    genTrack (options: VNodeData): VNode {\n      return this.$createElement(VSlider, {\n        class: 'v-color-picker__track',\n        ...options,\n        props: {\n          disabled: this.disabled,\n          ...options.props,\n        },\n      })\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-color-picker__preview',\n      class: {\n        'v-color-picker__preview--hide-alpha': this.hideAlpha,\n      },\n    }, [\n      this.genDot(),\n      this.genSliders(),\n    ])\n  },\n})\n","// Styles\nimport './VColorPickerCanvas.sass'\n\n// Helpers\nimport { clamp, convertToUnit } from '../../util/helpers'\nimport { fromHSVA, VColorPickerColor, fromRGBA } from './util'\n\n// Types\nimport Vue, { VNode, PropType } from 'vue'\n\nexport default Vue.extend({\n  name: 'v-color-picker-canvas',\n\n  props: {\n    color: {\n      type: Object as PropType<VColorPickerColor>,\n      default: () => fromRGBA({ r: 255, g: 0, b: 0, a: 1 }),\n    },\n    disabled: Boolean,\n    dotSize: {\n      type: [Number, String],\n      default: 10,\n    },\n    height: {\n      type: [Number, String],\n      default: 150,\n    },\n    width: {\n      type: [Number, String],\n      default: 300,\n    },\n  },\n\n  data () {\n    return {\n      boundingRect: {\n        width: 0,\n        height: 0,\n        left: 0,\n        top: 0,\n      } as ClientRect,\n    }\n  },\n\n  computed: {\n    dot (): { x: number, y: number} {\n      if (!this.color) return { x: 0, y: 0 }\n\n      return {\n        x: this.color.hsva.s * parseInt(this.width, 10),\n        y: (1 - this.color.hsva.v) * parseInt(this.height, 10),\n      }\n    },\n  },\n\n  watch: {\n    'color.hue': 'updateCanvas',\n  },\n\n  mounted () {\n    this.updateCanvas()\n  },\n\n  methods: {\n    emitColor (x: number, y: number) {\n      const { left, top, width, height } = this.boundingRect\n\n      this.$emit('update:color', fromHSVA({\n        h: this.color.hue,\n        s: clamp(x - left, 0, width) / width,\n        v: 1 - clamp(y - top, 0, height) / height,\n        a: this.color.alpha,\n      }))\n    },\n    updateCanvas () {\n      if (!this.color) return\n\n      const canvas = this.$refs.canvas as HTMLCanvasElement\n      const ctx = canvas.getContext('2d')\n\n      if (!ctx) return\n\n      const saturationGradient = ctx.createLinearGradient(0, 0, canvas.width, 0)\n      saturationGradient.addColorStop(0, 'hsla(0, 0%, 100%, 1)') // white\n      saturationGradient.addColorStop(1, `hsla(${this.color.hue}, 100%, 50%, 1)`)\n      ctx.fillStyle = saturationGradient\n      ctx.fillRect(0, 0, canvas.width, canvas.height)\n\n      const valueGradient = ctx.createLinearGradient(0, 0, 0, canvas.height)\n      valueGradient.addColorStop(0, 'hsla(0, 0%, 100%, 0)') // transparent\n      valueGradient.addColorStop(1, 'hsla(0, 0%, 0%, 1)') // black\n      ctx.fillStyle = valueGradient\n      ctx.fillRect(0, 0, canvas.width, canvas.height)\n    },\n    handleClick (e: MouseEvent) {\n      if (this.disabled) return\n\n      this.boundingRect = this.$el.getBoundingClientRect()\n      this.emitColor(e.clientX, e.clientY)\n    },\n    handleMouseDown (e: MouseEvent) {\n      // To prevent selection while moving cursor\n      e.preventDefault()\n\n      if (this.disabled) return\n\n      this.boundingRect = this.$el.getBoundingClientRect()\n\n      window.addEventListener('mousemove', this.handleMouseMove)\n      window.addEventListener('mouseup', this.handleMouseUp)\n    },\n    handleMouseMove (e: MouseEvent) {\n      if (this.disabled) return\n\n      this.emitColor(e.clientX, e.clientY)\n    },\n    handleMouseUp () {\n      window.removeEventListener('mousemove', this.handleMouseMove)\n      window.removeEventListener('mouseup', this.handleMouseUp)\n    },\n    genCanvas (): VNode {\n      return this.$createElement('canvas', {\n        ref: 'canvas',\n        attrs: {\n          width: this.width,\n          height: this.height,\n        },\n      })\n    },\n    genDot (): VNode {\n      const radius = parseInt(this.dotSize, 10) / 2\n      const x = convertToUnit(this.dot.x - radius)\n      const y = convertToUnit(this.dot.y - radius)\n\n      return this.$createElement('div', {\n        staticClass: 'v-color-picker__canvas-dot',\n        class: {\n          'v-color-picker__canvas-dot--disabled': this.disabled,\n        },\n        style: {\n          width: convertToUnit(this.dotSize),\n          height: convertToUnit(this.dotSize),\n          transform: `translate(${x}, ${y})`,\n        },\n      })\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-color-picker__canvas',\n      style: {\n        width: convertToUnit(this.width),\n        height: convertToUnit(this.height),\n      },\n      on: {\n        click: this.handleClick,\n        mousedown: this.handleMouseDown,\n      },\n    }, [\n      this.genCanvas(),\n      this.genDot(),\n    ])\n  },\n})\n","// Styles\nimport './VColorPickerEdit.sass'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\n\n// Helpers\nimport { parseHex } from '../../util/colorUtils'\n\n// Types\nimport Vue, { VNode, PropType } from 'vue'\nimport { VColorPickerColor, fromRGBA, fromHexa, fromHSLA } from './util'\n\ntype Input = [string, number, string]\n\nexport type Mode = {\n  inputs?: Input[]\n  from: Function\n}\n\nexport const modes = {\n  rgba: {\n    inputs: [\n      ['r', 255, 'int'],\n      ['g', 255, 'int'],\n      ['b', 255, 'int'],\n      ['a', 1, 'float'],\n    ],\n    from: fromRGBA,\n  },\n  hsla: {\n    inputs: [\n      ['h', 360, 'int'],\n      ['s', 1, 'float'],\n      ['l', 1, 'float'],\n      ['a', 1, 'float'],\n    ],\n    from: fromHSLA,\n  },\n  hexa: {\n    from: fromHexa,\n  },\n} as { [key: string]: Mode }\n\nexport default Vue.extend({\n  name: 'v-color-picker-edit',\n\n  props: {\n    color: Object as PropType<VColorPickerColor>,\n    disabled: Boolean,\n    hideAlpha: Boolean,\n    hideModeSwitch: Boolean,\n    mode: {\n      type: String,\n      default: 'rgba',\n      validator: (v: string) => Object.keys(modes).includes(v),\n    },\n  },\n\n  data () {\n    return {\n      modes,\n      internalMode: this.mode,\n    }\n  },\n\n  computed: {\n    currentMode (): Mode {\n      return this.modes[this.internalMode]\n    },\n  },\n\n  watch: {\n    mode (mode) {\n      this.internalMode = mode\n    },\n  },\n\n  created () {\n    this.internalMode = this.mode\n  },\n\n  methods: {\n    getValue (v: any, type: string) {\n      if (type === 'float') return Math.round(v * 100) / 100\n      else if (type === 'int') return Math.round(v)\n      else return 0\n    },\n    parseValue (v: string, type: string) {\n      if (type === 'float') return parseFloat(v)\n      else if (type === 'int') return parseInt(v, 10) || 0\n      else return 0\n    },\n    changeMode () {\n      const modes = Object.keys(this.modes)\n      const index = modes.indexOf(this.internalMode)\n      const newMode = modes[(index + 1) % modes.length]\n      this.internalMode = newMode\n      this.$emit('update:mode', newMode)\n    },\n    genInput (target: string, attrs: any, value: any, on: any): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-color-picker__input',\n      }, [\n        this.$createElement('input', {\n          key: target,\n          attrs,\n          domProps: {\n            value,\n          },\n          on,\n        }),\n        this.$createElement('span', target.toUpperCase()),\n      ])\n    },\n    genInputs (): VNode[] | VNode {\n      switch (this.internalMode) {\n        case 'hexa': {\n          const hex = this.color.hexa\n          const value = this.hideAlpha && hex.endsWith('FF') ? hex.substr(0, 7) : hex\n          return this.genInput(\n            'hex',\n            {\n              maxlength: this.hideAlpha ? 7 : 9,\n              disabled: this.disabled,\n            },\n            value,\n            {\n              change: (e: Event) => {\n                const el = e.target as HTMLInputElement\n                this.$emit('update:color', this.currentMode.from(parseHex(el.value)))\n              },\n            }\n          )\n        }\n        default: {\n          const inputs = this.hideAlpha ? this.currentMode.inputs!.slice(0, -1) : this.currentMode.inputs!\n          return inputs.map(([target, max, type]) => {\n            const value = this.color[this.internalMode as keyof VColorPickerColor] as any\n            return this.genInput(\n              target,\n              {\n                type: 'number',\n                min: 0,\n                max,\n                step: type === 'float' ? '0.01' : type === 'int' ? '1' : undefined,\n                disabled: this.disabled,\n              },\n              this.getValue(value[target], type),\n              {\n                input: (e: Event) => {\n                  const el = e.target as HTMLInputElement\n                  const newVal = this.parseValue(el.value || '0', type)\n\n                  this.$emit('update:color', this.currentMode.from(\n                    Object.assign({}, value, { [target]: newVal }),\n                    this.color.alpha\n                  ))\n                },\n              }\n            )\n          })\n        }\n      }\n    },\n    genSwitch (): VNode {\n      return this.$createElement(VBtn, {\n        props: {\n          small: true,\n          icon: true,\n          disabled: this.disabled,\n        },\n        on: {\n          click: this.changeMode,\n        },\n      }, [\n        this.$createElement(VIcon, '$unfold'),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-color-picker__edit',\n    }, [\n      this.genInputs(),\n      !this.hideModeSwitch && this.genSwitch(),\n    ])\n  },\n})\n","const red = Object.freeze({\n  base: '#f44336',\n  lighten5: '#ffebee',\n  lighten4: '#ffcdd2',\n  lighten3: '#ef9a9a',\n  lighten2: '#e57373',\n  lighten1: '#ef5350',\n  darken1: '#e53935',\n  darken2: '#d32f2f',\n  darken3: '#c62828',\n  darken4: '#b71c1c',\n  accent1: '#ff8a80',\n  accent2: '#ff5252',\n  accent3: '#ff1744',\n  accent4: '#d50000',\n})\n\nconst pink = Object.freeze({\n  base: '#e91e63',\n  lighten5: '#fce4ec',\n  lighten4: '#f8bbd0',\n  lighten3: '#f48fb1',\n  lighten2: '#f06292',\n  lighten1: '#ec407a',\n  darken1: '#d81b60',\n  darken2: '#c2185b',\n  darken3: '#ad1457',\n  darken4: '#880e4f',\n  accent1: '#ff80ab',\n  accent2: '#ff4081',\n  accent3: '#f50057',\n  accent4: '#c51162',\n})\n\nconst purple = Object.freeze({\n  base: '#9c27b0',\n  lighten5: '#f3e5f5',\n  lighten4: '#e1bee7',\n  lighten3: '#ce93d8',\n  lighten2: '#ba68c8',\n  lighten1: '#ab47bc',\n  darken1: '#8e24aa',\n  darken2: '#7b1fa2',\n  darken3: '#6a1b9a',\n  darken4: '#4a148c',\n  accent1: '#ea80fc',\n  accent2: '#e040fb',\n  accent3: '#d500f9',\n  accent4: '#aa00ff',\n})\n\nconst deepPurple = Object.freeze({\n  base: '#673ab7',\n  lighten5: '#ede7f6',\n  lighten4: '#d1c4e9',\n  lighten3: '#b39ddb',\n  lighten2: '#9575cd',\n  lighten1: '#7e57c2',\n  darken1: '#5e35b1',\n  darken2: '#512da8',\n  darken3: '#4527a0',\n  darken4: '#311b92',\n  accent1: '#b388ff',\n  accent2: '#7c4dff',\n  accent3: '#651fff',\n  accent4: '#6200ea',\n})\n\nconst indigo = Object.freeze({\n  base: '#3f51b5',\n  lighten5: '#e8eaf6',\n  lighten4: '#c5cae9',\n  lighten3: '#9fa8da',\n  lighten2: '#7986cb',\n  lighten1: '#5c6bc0',\n  darken1: '#3949ab',\n  darken2: '#303f9f',\n  darken3: '#283593',\n  darken4: '#1a237e',\n  accent1: '#8c9eff',\n  accent2: '#536dfe',\n  accent3: '#3d5afe',\n  accent4: '#304ffe',\n})\n\nconst blue = Object.freeze({\n  base: '#2196f3',\n  lighten5: '#e3f2fd',\n  lighten4: '#bbdefb',\n  lighten3: '#90caf9',\n  lighten2: '#64b5f6',\n  lighten1: '#42a5f5',\n  darken1: '#1e88e5',\n  darken2: '#1976d2',\n  darken3: '#1565c0',\n  darken4: '#0d47a1',\n  accent1: '#82b1ff',\n  accent2: '#448aff',\n  accent3: '#2979ff',\n  accent4: '#2962ff',\n})\n\nconst lightBlue = Object.freeze({\n  base: '#03a9f4',\n  lighten5: '#e1f5fe',\n  lighten4: '#b3e5fc',\n  lighten3: '#81d4fa',\n  lighten2: '#4fc3f7',\n  lighten1: '#29b6f6',\n  darken1: '#039be5',\n  darken2: '#0288d1',\n  darken3: '#0277bd',\n  darken4: '#01579b',\n  accent1: '#80d8ff',\n  accent2: '#40c4ff',\n  accent3: '#00b0ff',\n  accent4: '#0091ea',\n})\n\nconst cyan = Object.freeze({\n  base: '#00bcd4',\n  lighten5: '#e0f7fa',\n  lighten4: '#b2ebf2',\n  lighten3: '#80deea',\n  lighten2: '#4dd0e1',\n  lighten1: '#26c6da',\n  darken1: '#00acc1',\n  darken2: '#0097a7',\n  darken3: '#00838f',\n  darken4: '#006064',\n  accent1: '#84ffff',\n  accent2: '#18ffff',\n  accent3: '#00e5ff',\n  accent4: '#00b8d4',\n})\n\nconst teal = Object.freeze({\n  base: '#009688',\n  lighten5: '#e0f2f1',\n  lighten4: '#b2dfdb',\n  lighten3: '#80cbc4',\n  lighten2: '#4db6ac',\n  lighten1: '#26a69a',\n  darken1: '#00897b',\n  darken2: '#00796b',\n  darken3: '#00695c',\n  darken4: '#004d40',\n  accent1: '#a7ffeb',\n  accent2: '#64ffda',\n  accent3: '#1de9b6',\n  accent4: '#00bfa5',\n})\n\nconst green = Object.freeze({\n  base: '#4caf50',\n  lighten5: '#e8f5e9',\n  lighten4: '#c8e6c9',\n  lighten3: '#a5d6a7',\n  lighten2: '#81c784',\n  lighten1: '#66bb6a',\n  darken1: '#43a047',\n  darken2: '#388e3c',\n  darken3: '#2e7d32',\n  darken4: '#1b5e20',\n  accent1: '#b9f6ca',\n  accent2: '#69f0ae',\n  accent3: '#00e676',\n  accent4: '#00c853',\n})\n\nconst lightGreen = Object.freeze({\n  base: '#8bc34a',\n  lighten5: '#f1f8e9',\n  lighten4: '#dcedc8',\n  lighten3: '#c5e1a5',\n  lighten2: '#aed581',\n  lighten1: '#9ccc65',\n  darken1: '#7cb342',\n  darken2: '#689f38',\n  darken3: '#558b2f',\n  darken4: '#33691e',\n  accent1: '#ccff90',\n  accent2: '#b2ff59',\n  accent3: '#76ff03',\n  accent4: '#64dd17',\n})\n\nconst lime = Object.freeze({\n  base: '#cddc39',\n  lighten5: '#f9fbe7',\n  lighten4: '#f0f4c3',\n  lighten3: '#e6ee9c',\n  lighten2: '#dce775',\n  lighten1: '#d4e157',\n  darken1: '#c0ca33',\n  darken2: '#afb42b',\n  darken3: '#9e9d24',\n  darken4: '#827717',\n  accent1: '#f4ff81',\n  accent2: '#eeff41',\n  accent3: '#c6ff00',\n  accent4: '#aeea00',\n})\n\nconst yellow = Object.freeze({\n  base: '#ffeb3b',\n  lighten5: '#fffde7',\n  lighten4: '#fff9c4',\n  lighten3: '#fff59d',\n  lighten2: '#fff176',\n  lighten1: '#ffee58',\n  darken1: '#fdd835',\n  darken2: '#fbc02d',\n  darken3: '#f9a825',\n  darken4: '#f57f17',\n  accent1: '#ffff8d',\n  accent2: '#ffff00',\n  accent3: '#ffea00',\n  accent4: '#ffd600',\n})\n\nconst amber = Object.freeze({\n  base: '#ffc107',\n  lighten5: '#fff8e1',\n  lighten4: '#ffecb3',\n  lighten3: '#ffe082',\n  lighten2: '#ffd54f',\n  lighten1: '#ffca28',\n  darken1: '#ffb300',\n  darken2: '#ffa000',\n  darken3: '#ff8f00',\n  darken4: '#ff6f00',\n  accent1: '#ffe57f',\n  accent2: '#ffd740',\n  accent3: '#ffc400',\n  accent4: '#ffab00',\n})\n\nconst orange = Object.freeze({\n  base: '#ff9800',\n  lighten5: '#fff3e0',\n  lighten4: '#ffe0b2',\n  lighten3: '#ffcc80',\n  lighten2: '#ffb74d',\n  lighten1: '#ffa726',\n  darken1: '#fb8c00',\n  darken2: '#f57c00',\n  darken3: '#ef6c00',\n  darken4: '#e65100',\n  accent1: '#ffd180',\n  accent2: '#ffab40',\n  accent3: '#ff9100',\n  accent4: '#ff6d00',\n})\n\nconst deepOrange = Object.freeze({\n  base: '#ff5722',\n  lighten5: '#fbe9e7',\n  lighten4: '#ffccbc',\n  lighten3: '#ffab91',\n  lighten2: '#ff8a65',\n  lighten1: '#ff7043',\n  darken1: '#f4511e',\n  darken2: '#e64a19',\n  darken3: '#d84315',\n  darken4: '#bf360c',\n  accent1: '#ff9e80',\n  accent2: '#ff6e40',\n  accent3: '#ff3d00',\n  accent4: '#dd2c00',\n})\n\nconst brown = Object.freeze({\n  base: '#795548',\n  lighten5: '#efebe9',\n  lighten4: '#d7ccc8',\n  lighten3: '#bcaaa4',\n  lighten2: '#a1887f',\n  lighten1: '#8d6e63',\n  darken1: '#6d4c41',\n  darken2: '#5d4037',\n  darken3: '#4e342e',\n  darken4: '#3e2723',\n})\n\nconst blueGrey = Object.freeze({\n  base: '#607d8b',\n  lighten5: '#eceff1',\n  lighten4: '#cfd8dc',\n  lighten3: '#b0bec5',\n  lighten2: '#90a4ae',\n  lighten1: '#78909c',\n  darken1: '#546e7a',\n  darken2: '#455a64',\n  darken3: '#37474f',\n  darken4: '#263238',\n})\n\nconst grey = Object.freeze({\n  base: '#9e9e9e',\n  lighten5: '#fafafa',\n  lighten4: '#f5f5f5',\n  lighten3: '#eeeeee',\n  lighten2: '#e0e0e0',\n  lighten1: '#bdbdbd',\n  darken1: '#757575',\n  darken2: '#616161',\n  darken3: '#424242',\n  darken4: '#212121',\n})\n\nconst shades = Object.freeze({\n  black: '#000000',\n  white: '#ffffff',\n  transparent: 'transparent',\n})\n\nexport default Object.freeze({\n  red,\n  pink,\n  purple,\n  deepPurple,\n  indigo,\n  blue,\n  lightBlue,\n  cyan,\n  teal,\n  green,\n  lightGreen,\n  lime,\n  yellow,\n  amber,\n  orange,\n  deepOrange,\n  brown,\n  blueGrey,\n  grey,\n  shades,\n})\n","// Styles\nimport './VColorPickerSwatches.sass'\n\n// Components\nimport VIcon from '../VIcon'\n\n// Helpers\nimport colors from '../../util/colors'\nimport { VColorPickerColor, fromHex, parseColor } from './util'\nimport { convertToUnit, deepEqual } from '../../util/helpers'\nimport mixins from '../../util/mixins'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport { VNode, PropType } from 'vue'\nimport { contrastRatio } from '../../util/colorUtils'\n\nfunction parseDefaultColors (colors: Record<string, Record<string, string>>) {\n  return Object.keys(colors).map(key => {\n    const color = colors[key]\n    return color.base ? [\n      color.base,\n      color.darken4,\n      color.darken3,\n      color.darken2,\n      color.darken1,\n      color.lighten1,\n      color.lighten2,\n      color.lighten3,\n      color.lighten4,\n      color.lighten5,\n    ] : [\n      color.black,\n      color.white,\n      color.transparent,\n    ]\n  })\n}\n\nconst white = fromHex('#FFFFFF').rgba\nconst black = fromHex('#000000').rgba\n\nexport default mixins(Themeable).extend({\n  name: 'v-color-picker-swatches',\n\n  props: {\n    swatches: {\n      type: Array as PropType<string[][]>,\n      default: () => parseDefaultColors(colors),\n    },\n    color: Object as PropType<VColorPickerColor>,\n    maxWidth: [Number, String],\n    maxHeight: [Number, String],\n  },\n\n  methods: {\n    genColor (color: string) {\n      const content = this.$createElement('div', {\n        style: {\n          background: color,\n        },\n      }, [\n        deepEqual(this.color, parseColor(color, null)) && this.$createElement(VIcon, {\n          props: {\n            small: true,\n            dark: contrastRatio(this.color.rgba, white) > 2 && this.color.alpha > 0.5,\n            light: contrastRatio(this.color.rgba, black) > 2 && this.color.alpha > 0.5,\n          },\n        }, '$success'),\n      ])\n\n      return this.$createElement('div', {\n        staticClass: 'v-color-picker__color',\n        on: {\n          // TODO: Less hacky way of catching transparent\n          click: () => this.$emit('update:color', fromHex(color === 'transparent' ? '#00000000' : color)),\n        },\n      }, [content])\n    },\n    genSwatches () {\n      return this.swatches.map(swatch => {\n        const colors = swatch.map(this.genColor)\n\n        return this.$createElement('div', {\n          staticClass: 'v-color-picker__swatch',\n        }, colors)\n      })\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-color-picker__swatches',\n      style: {\n        maxWidth: convertToUnit(this.maxWidth),\n        maxHeight: convertToUnit(this.maxHeight),\n      },\n    }, [\n      this.$createElement('div', this.genSwatches()),\n    ])\n  },\n})\n","// Styles\nimport './VColorPicker.sass'\n\n// Components\nimport VSheet from '../VSheet/VSheet'\nimport VColorPickerPreview from './VColorPickerPreview'\nimport VColorPickerCanvas from './VColorPickerCanvas'\nimport VColorPickerEdit, { Mode, modes } from './VColorPickerEdit'\nimport VColorPickerSwatches from './VColorPickerSwatches'\n\n// Helpers\nimport { VColorPickerColor, parseColor, fromRGBA, extractColor, hasAlpha } from './util'\nimport mixins from '../../util/mixins'\nimport { deepEqual } from '../../util/helpers'\n\n// Mixins\nimport Elevatable from '../../mixins/elevatable'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport { VNode, PropType } from 'vue'\n\nexport default mixins(Elevatable, Themeable).extend({\n  name: 'v-color-picker',\n\n  props: {\n    canvasHeight: {\n      type: [String, Number],\n      default: 150,\n    },\n    disabled: Boolean,\n    dotSize: {\n      type: [Number, String],\n      default: 10,\n    },\n    flat: Boolean,\n    hideCanvas: Boolean,\n    hideInputs: Boolean,\n    hideModeSwitch: Boolean,\n    mode: {\n      type: String,\n      default: 'rgba',\n      validator: (v: string) => Object.keys(modes).includes(v),\n    },\n    showSwatches: Boolean,\n    swatches: Array as PropType<string[][]>,\n    swatchesMaxHeight: {\n      type: [Number, String],\n      default: 150,\n    },\n    value: {\n      type: [Object, String],\n    },\n    width: {\n      type: [Number, String],\n      default: 300,\n    },\n  },\n\n  data: () => ({\n    internalValue: fromRGBA({ r: 255, g: 0, b: 0, a: 1 }),\n  }),\n\n  computed: {\n    hideAlpha (): boolean {\n      if (!this.value) return false\n\n      return !hasAlpha(this.value)\n    },\n  },\n\n  watch: {\n    value: {\n      handler (color: any) {\n        this.updateColor(parseColor(color, this.internalValue))\n      },\n      immediate: true,\n    },\n  },\n\n  methods: {\n    updateColor (color: VColorPickerColor) {\n      this.internalValue = color\n      const value = extractColor(this.internalValue, this.value)\n\n      if (!deepEqual(value, this.value)) {\n        this.$emit('input', value)\n        this.$emit('update:color', this.internalValue)\n      }\n    },\n    genCanvas (): VNode {\n      return this.$createElement(VColorPickerCanvas, {\n        props: {\n          color: this.internalValue,\n          disabled: this.disabled,\n          dotSize: this.dotSize,\n          width: this.width,\n          height: this.canvasHeight,\n        },\n        on: {\n          'update:color': this.updateColor,\n        },\n      })\n    },\n    genControls (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-color-picker__controls',\n      }, [\n        this.genPreview(),\n        !this.hideInputs && this.genEdit(),\n      ])\n    },\n    genEdit (): VNode {\n      return this.$createElement(VColorPickerEdit, {\n        props: {\n          color: this.internalValue,\n          disabled: this.disabled,\n          hideAlpha: this.hideAlpha,\n          hideModeSwitch: this.hideModeSwitch,\n          mode: this.mode,\n        },\n        on: {\n          'update:color': this.updateColor,\n          'update:mode': (v: Mode) => this.$emit('update:mode', v),\n        },\n      })\n    },\n    genPreview (): VNode {\n      return this.$createElement(VColorPickerPreview, {\n        props: {\n          color: this.internalValue,\n          disabled: this.disabled,\n          hideAlpha: this.hideAlpha,\n        },\n        on: {\n          'update:color': this.updateColor,\n        },\n      })\n    },\n    genSwatches (): VNode {\n      return this.$createElement(VColorPickerSwatches, {\n        props: {\n          dark: this.dark,\n          light: this.light,\n          swatches: this.swatches,\n          color: this.internalValue,\n          maxHeight: this.swatchesMaxHeight,\n        },\n        on: {\n          'update:color': this.updateColor,\n        },\n      })\n    },\n  },\n\n  render (h): VNode {\n    return h(VSheet, {\n      staticClass: 'v-color-picker',\n      class: {\n        'v-color-picker--flat': this.flat,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      },\n      props: {\n        maxWidth: this.width,\n      },\n    }, [\n      !this.hideCanvas && this.genCanvas(),\n      this.genControls(),\n      this.showSwatches && this.genSwatches(),\n    ])\n  },\n})\n","import { render, staticRenderFns } from \"./ColorField.vue?vue&type=template&id=e1ae5932&\"\nimport script from \"./ColorField.vue?vue&type=script&lang=js&\"\nexport * from \"./ColorField.vue?vue&type=script&lang=js&\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VColorPicker } from 'vuetify/lib/components/VColorPicker';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VCard,VCardText,VColorPicker,VMenu,VTextField})\n"],"sourceRoot":""}