{"version":3,"sources":["webpack:///./src/views/forms/form-elements/checkbox/Checkbox.vue?bfea","webpack:///./src/views/forms/form-elements/checkbox/CheckboxState.vue?ece3","webpack:///src/views/forms/form-elements/checkbox/CheckboxState.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxState.vue?2947","webpack:///./src/views/forms/form-elements/checkbox/CheckboxState.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxColor.vue?34fc","webpack:///src/views/forms/form-elements/checkbox/CheckboxColor.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxColor.vue?cd55","webpack:///./src/views/forms/form-elements/checkbox/CheckboxColor.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxBooleanValue.vue?fce0","webpack:///src/views/forms/form-elements/checkbox/CheckboxBooleanValue.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxBooleanValue.vue?8f8b","webpack:///./src/views/forms/form-elements/checkbox/CheckboxBooleanValue.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxStringValue.vue?2003","webpack:///src/views/forms/form-elements/checkbox/CheckboxStringValue.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxStringValue.vue?70e0","webpack:///./src/views/forms/form-elements/checkbox/CheckboxStringValue.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxArrayValue.vue?c799","webpack:///src/views/forms/form-elements/checkbox/CheckboxArrayValue.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxArrayValue.vue?146b","webpack:///./src/views/forms/form-elements/checkbox/CheckboxArrayValue.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxArrayObjectValue.vue?2dc5","webpack:///src/views/forms/form-elements/checkbox/CheckboxArrayObjectValue.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxArrayObjectValue.vue?c971","webpack:///./src/views/forms/form-elements/checkbox/CheckboxArrayObjectValue.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxChangeIcon.vue?747b","webpack:///src/views/forms/form-elements/checkbox/CheckboxChangeIcon.vue","webpack:///./src/views/forms/form-elements/checkbox/CheckboxChangeIcon.vue?824f","webpack:///./src/views/forms/form-elements/checkbox/CheckboxChangeIcon.vue","webpack:///src/views/forms/form-elements/checkbox/Checkbox.vue","webpack:///./src/views/forms/form-elements/checkbox/Checkbox.vue?0728","webpack:///./src/views/forms/form-elements/checkbox/Checkbox.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","id","staticRenderFns","CheckboxStatevue_type_template_id_58b8a1a1_render","title","code-toggler","_v","staticClass","model","value","callback","$$v","checkBox1","expression","checkBox2","disabled","checkBox3","checkBox4","slot","CheckboxStatevue_type_template_id_58b8a1a1_staticRenderFns","CheckboxStatevue_type_script_lang_js_","data","checkbox_CheckboxStatevue_type_script_lang_js_","component","Object","componentNormalizer","CheckboxState","CheckboxColorvue_type_template_id_aa169bde_render","icon","active","color","checkBox5","checkBox6","checkBox7","CheckboxColorvue_type_template_id_aa169bde_staticRenderFns","CheckboxColorvue_type_script_lang_js_","checkbox_CheckboxColorvue_type_script_lang_js_","CheckboxColor_component","CheckboxColor","CheckboxBooleanValuevue_type_template_id_dac504f8_render","_s","CheckboxBooleanValuevue_type_template_id_dac504f8_staticRenderFns","CheckboxBooleanValuevue_type_script_lang_js_","checkbox_CheckboxBooleanValuevue_type_script_lang_js_","CheckboxBooleanValue_component","CheckboxBooleanValue","CheckboxStringValuevue_type_template_id_ae360da6_render","vs-value","CheckboxStringValuevue_type_template_id_ae360da6_staticRenderFns","CheckboxStringValuevue_type_script_lang_js_","checkbox_CheckboxStringValuevue_type_script_lang_js_","CheckboxStringValue_component","CheckboxStringValue","CheckboxArrayValuevue_type_template_id_a4f909b2_render","CheckboxArrayValuevue_type_template_id_a4f909b2_staticRenderFns","CheckboxArrayValuevue_type_script_lang_js_","checkbox_CheckboxArrayValuevue_type_script_lang_js_","CheckboxArrayValue_component","CheckboxArrayValue","CheckboxArrayObjectValuevue_type_template_id_70658b45_render","_l","region","index","key","form","$set","name","regions","CheckboxArrayObjectValuevue_type_template_id_70658b45_staticRenderFns","CheckboxArrayObjectValuevue_type_script_lang_js_","checkbox_CheckboxArrayObjectValuevue_type_script_lang_js_","CheckboxArrayObjectValue_component","CheckboxArrayObjectValue","CheckboxChangeIconvue_type_template_id_6a236c95_render","icon-pack","CheckboxChangeIconvue_type_template_id_6a236c95_staticRenderFns","CheckboxChangeIconvue_type_script_lang_js_","checkbox_CheckboxChangeIconvue_type_script_lang_js_","CheckboxChangeIcon_component","CheckboxChangeIcon","Checkboxvue_type_script_lang_js_","components","checkbox_Checkboxvue_type_script_lang_js_","Checkbox_component","__webpack_exports__"],"mappings":"yHAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,MAAA,CAAOC,GAAA,+BAAmC,CAAAH,EAAA,kBAAAA,EAAA,kBAAAA,EAAA,0BAAAA,EAAA,yBAAAA,EAAA,wBAAAA,EAAA,+BAAAA,EAAA,6BACpJI,EAAA,GCDIC,EAAM,WAAgB,IAAAT,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,WAAqBE,MAAA,CAAOI,MAAA,QAAAC,eAAA,KAAmC,CAAAP,EAAA,QAAAJ,EAAAY,GAAA,mCAAAR,EAAA,QAAAJ,EAAAY,GAAA,iBAAAZ,EAAAY,GAAA,mDAAAR,EAAA,QAAAJ,EAAAY,GAAA,aAAAZ,EAAAY,GAAA,+BAAAR,EAAA,MAAkOS,YAAA,kBAA6B,CAAAT,EAAA,MAAAA,EAAA,eAA6BU,MAAA,CAAOC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAkB,UAAAD,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,0BAAAR,EAAA,MAAAA,EAAA,eAA8DU,MAAA,CAAOC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAoB,UAAAH,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,4BAAAR,EAAA,MAAAA,EAAA,eAAgEE,MAAA,CAAOe,SAAA,QAAkBP,MAAA,CAAQC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAsB,UAAAL,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,qCAAAR,EAAA,MAAAA,EAAA,eAAyEE,MAAA,CAAOe,SAAA,QAAkBP,MAAA,CAAQC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAuB,UAAAN,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,yCAAAR,EAAA,YAAiEoB,KAAA,iBAAqB,CAAAxB,EAAAY,GAAA,qqBAAgqB,IACryDa,EAAe,GCgEnBC,EAAA,CACAC,KADA,WAEA,OACAT,WAAA,EACAE,WAAA,EACAE,WAAA,EACAC,WAAA,KCvEuaK,EAAA,cCOvaC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAnB,EACAgB,GACF,EACA,KACA,KACA,MAIeO,EAAAH,UClBXI,EAAM,WAAgB,IAAAjC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,WAAqBE,MAAA,CAAOI,MAAA,QAAAC,eAAA,KAAmC,CAAAP,EAAA,QAAAJ,EAAAY,GAAA,+DAAAR,EAAA,QAAAJ,EAAAY,GAAA,WAAAZ,EAAAY,GAAA,6CAAAR,EAAA,UAAAJ,EAAAY,GAAA,SAAAZ,EAAAY,GAAA,SAAAR,EAAA,UAAAJ,EAAAY,GAAA,SAAAZ,EAAAY,GAAA,cAAAR,EAAA,YAAkRS,YAAA,OAAAP,MAAA,CAA0B4B,KAAA,UAAAC,OAAA,OAAAC,MAAA,YAAoD,CAAAhC,EAAA,QAAAJ,EAAAY,GAAA,SAAAR,EAAA,UAAAJ,EAAAY,GAAA,SAAAZ,EAAAY,GAAA,SAAAR,EAAA,UAAAJ,EAAAY,GAAA,SAAAZ,EAAAY,GAAA,8BAAAR,EAAA,MAAqJS,YAAA,kBAA6B,CAAAT,EAAA,MAAAA,EAAA,eAA6BU,MAAA,CAAOC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAkB,UAAAD,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,iBAAAR,EAAA,MAAAA,EAAA,eAAqDE,MAAA,CAAO8B,MAAA,WAAkBtB,MAAA,CAAQC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAoB,UAAAH,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,iBAAAR,EAAA,MAAAA,EAAA,eAAqDE,MAAA,CAAO8B,MAAA,UAAiBtB,MAAA,CAAQC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAsB,UAAAL,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,gBAAAR,EAAA,MAAAA,EAAA,eAAoDE,MAAA,CAAO8B,MAAA,WAAkBtB,MAAA,CAAQC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAuB,UAAAN,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,iBAAAR,EAAA,MAAAA,EAAA,eAAqDE,MAAA,CAAO8B,MAAA,QAAetB,MAAA,CAAQC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAqC,UAAApB,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,cAAAR,EAAA,MAAAA,EAAA,eAAkDE,MAAA,CAAO8B,MAAA,qBAA4BtB,MAAA,CAAQC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAsC,UAAArB,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,mBAAAR,EAAA,MAAAA,EAAA,eAAuDE,MAAA,CAAO8B,MAAA,WAAkBtB,MAAA,CAAQC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAuC,UAAAtB,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,qBAAAR,EAAA,YAA6CoB,KAAA,iBAAqB,CAAAxB,EAAAY,GAAA,giCAAyiC,IACn7F4B,EAAe,GCyFnBC,EAAA,CACAd,KADA,WAEA,OACAT,WAAA,EACAE,WAAA,EACAE,WAAA,EACAC,WAAA,EACAc,WAAA,EACAC,WAAA,EACAC,WAAA,KCnGuaG,EAAA,ECOnaC,EAAYb,OAAAC,EAAA,KAAAD,CACdY,EACAT,EACAO,GACF,EACA,KACA,KACA,MAIeI,EAAAD,UClBXE,EAAM,WAAgB,IAAA7C,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,WAAqBE,MAAA,CAAOI,MAAA,gBAAAC,eAAA,KAA2C,CAAAP,EAAA,QAAAJ,EAAAY,GAAA,gJAAAR,EAAA,QAAAJ,EAAAY,GAAA,eAAAR,EAAA,MAA8MS,YAAA,kBAA6B,CAAAT,EAAA,MAAAA,EAAA,eAA6BU,MAAA,CAAOC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAkB,UAAAD,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAAZ,EAAA8C,GAAA9C,EAAAkB,eAAA,GAAAd,EAAA,MAAAA,EAAA,eAAiEU,MAAA,CAAOC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAoB,UAAAH,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAAZ,EAAA8C,GAAA9C,EAAAoB,eAAA,KAAAhB,EAAA,YAAuDoB,KAAA,iBAAqB,CAAAxB,EAAAY,GAAA,0FAAAZ,EAAA8C,GAAA,mBAAkI,+EAAA9C,EAAA8C,GAAA,mBAA+G,oMAA2K,IAC/oCC,EAAe,GCkDnBC,EAAA,CACArB,KADA,WAEA,OACAT,WAAA,EACAE,WAAA,KCvD8a6B,EAAA,ECO1aC,EAAYpB,OAAAC,EAAA,KAAAD,CACdmB,EACAJ,EACAE,GACF,EACA,KACA,KACA,MAIeI,EAAAD,UClBXE,EAAM,WAAgB,IAAApD,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,WAAqBE,MAAA,CAAOI,MAAA,eAAAC,eAAA,KAA0C,CAAAP,EAAA,QAAAJ,EAAAY,GAAA,6EAAAR,EAAA,QAAAJ,EAAAY,GAAA,gBAAAR,EAAA,MAA4IS,YAAA,kBAA6B,CAAAT,EAAA,MAAAA,EAAA,eAA6BE,MAAA,CAAO+C,WAAA,eAAyBvC,MAAA,CAAQC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAkB,UAAAD,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,qBAAAR,EAAA,MAAuCS,YAAA,YAAuB,CAAAb,EAAAY,GAAA,iBAAAZ,EAAA8C,GAAA,MAAA9C,EAAAkB,UAAA,OAAAlB,EAAAkB,WAAA,oBAAAd,EAAA,YAA8GoB,KAAA,iBAAqB,CAAAxB,EAAAY,GAAA,+LAAAZ,EAAA8C,GAAA,oDAA4Q,6JAAoI,IACpjCQ,EAAe,GCiDnBC,EAAA,CACA5B,KADA,WAEA,OACAT,UAAA,QCrD6asC,EAAA,ECOzaC,EAAY3B,OAAAC,EAAA,KAAAD,CACd0B,EACAJ,EACAE,GACF,EACA,KACA,KACA,MAIeI,EAAAD,UClBXE,EAAM,WAAgB,IAAA3D,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,WAAqBE,MAAA,CAAOI,MAAA,eAAAC,eAAA,KAA0C,CAAAP,EAAA,QAAAJ,EAAAY,GAAA,0EAAAR,EAAA,QAAAJ,EAAAY,GAAA,aAAAZ,EAAAY,GAAA,qBAAAR,EAAA,UAAAJ,EAAAY,GAAA,WAAAZ,EAAAY,GAAA,OAAAR,EAAA,MAA+MS,YAAA,kBAA6B,CAAAT,EAAA,MAAAA,EAAA,eAA6BE,MAAA,CAAO+C,WAAA,QAAkBvC,MAAA,CAAQC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAkB,UAAAD,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,cAAAR,EAAA,MAAAA,EAAA,eAAkDE,MAAA,CAAO+C,WAAA,UAAoBvC,MAAA,CAAQC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAkB,UAAAD,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,gBAAAR,EAAA,MAAAA,EAAA,eAAoDE,MAAA,CAAO+C,WAAA,UAAoBvC,MAAA,CAAQC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAkB,UAAAD,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,gBAAAR,EAAA,MAAAA,EAAA,eAAoDE,MAAA,CAAO+C,WAAA,QAAkBvC,MAAA,CAAQC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAkB,UAAAD,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,cAAAR,EAAA,MAAgCS,YAAA,YAAuB,CAAAb,EAAAY,GAAA,qBAAAZ,EAAA8C,GAAA9C,EAAAkB,WAAA,sBAAAd,EAAA,YAAyFoB,KAAA,iBAAqB,CAAAxB,EAAAY,GAAA,gdAAAZ,EAAA8C,GAAA,mBAAwgB,gKAAuI,IACl2Dc,EAAe,GCoEnBC,EAAA,CACAlC,KADA,WAEA,OACAT,UAAA,YCxE4a4C,EAAA,ECOxaC,EAAYjC,OAAAC,EAAA,KAAAD,CACdgC,EACAH,EACAC,GACF,EACA,KACA,KACA,MAIeI,EAAAD,UClBXE,EAAM,WAAgB,IAAAjE,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,WAAqBE,MAAA,CAAOI,MAAA,sBAAAC,eAAA,KAAiD,CAAAP,EAAA,QAAAJ,EAAAY,GAAA,0HAAAR,EAAA,UAAAJ,EAAAY,GAAA,cAAAZ,EAAAY,GAAA,0CAAAR,EAAA,MAA0OS,YAAA,kBAA6Bb,EAAAkE,GAAAlE,EAAA,iBAAAmE,EAAAC,GAA6C,OAAAhE,EAAA,MAAgBiE,IAAAD,GAAU,CAAAhE,EAAA,eAAoBE,MAAA,CAAO+C,WAAAc,GAAkBrD,MAAA,CAAQC,MAAAf,EAAAsE,KAAA,QAAAtD,SAAA,SAAAC,GAAkDjB,EAAAuE,KAAAvE,EAAAsE,KAAA,UAAArD,IAAmCE,WAAA,iBAA4B,CAAAnB,EAAAY,GAAAZ,EAAA8C,GAAAqB,EAAAK,UAAA,KAAoC,GAAApE,EAAA,OAAeS,YAAA,iBAA4B,CAAAb,EAAAY,GAAAZ,EAAA8C,GAAA9C,EAAAsE,KAAAG,YAAArE,EAAA,YAAoDoB,KAAA,iBAAqB,CAAAxB,EAAAY,GAAA,uKAAAZ,EAAA8C,GAAA,qBAAuN,qEAAA9C,EAAA8C,GAAA,sBAAwG,qRAA4P,IACz2C4B,EAAe,GCoDnBC,EAAA,CACAhD,KAAA,kBACA2C,KAAA,CACAG,QAAA,IAEAA,QAAA,CACA,CAAAlE,GAAA,EAAAiE,KAAA,cACA,CAAAjE,GAAA,EAAAiE,KAAA,mBACA,CAAAjE,GAAA,EAAAiE,KAAA,uBC7DkbI,EAAA,ECO9aC,EAAY/C,OAAAC,EAAA,KAAAD,CACd8C,EACAX,EACAS,GACF,EACA,KACA,KACA,MAIeI,EAAAD,UClBXE,EAAM,WAAgB,IAAA/E,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,WAAqBE,MAAA,CAAOI,MAAA,cAAAC,eAAA,KAAyC,CAAAP,EAAA,QAAAJ,EAAAY,GAAA,sGAAAR,EAAA,QAAAJ,EAAAY,GAAA,YAAAR,EAAA,MAAiKS,YAAA,kBAA6B,CAAAT,EAAA,MAAAA,EAAA,eAA6BE,MAAA,CAAO0E,YAAA,UAAA9C,KAAA,cAA0CpB,MAAA,CAAQC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAkB,UAAAD,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,iBAAAR,EAAA,MAAAA,EAAA,eAAqDE,MAAA,CAAO0E,YAAA,UAAA9C,KAAA,sBAAAE,MAAA,WAAqEtB,MAAA,CAAQC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAoB,UAAAH,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,aAAAR,EAAA,MAAAA,EAAA,eAAiDE,MAAA,CAAO0E,YAAA,UAAA9C,KAAA,SAAAE,MAAA,UAAuDtB,MAAA,CAAQC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAsB,UAAAL,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,gBAAAR,EAAA,MAAAA,EAAA,eAAoDE,MAAA,CAAO0E,YAAA,UAAA9C,KAAA,iBAAAE,MAAA,WAAgEtB,MAAA,CAAQC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAuB,UAAAN,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,cAAAR,EAAA,MAAAA,EAAA,eAAkDE,MAAA,CAAO0E,YAAA,UAAA9C,KAAA,YAAAE,MAAA,QAAwDtB,MAAA,CAAQC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAqC,UAAApB,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,cAAAR,EAAA,MAAAA,EAAA,eAAkDE,MAAA,CAAO0E,YAAA,UAAA9C,KAAA,eAAAE,MAAA,qBAAwEtB,MAAA,CAAQC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAsC,UAAArB,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,kBAAAR,EAAA,MAAAA,EAAA,eAAsDE,MAAA,CAAO0E,YAAA,UAAA9C,KAAA,cAAAE,MAAA,WAA6DtB,MAAA,CAAQC,MAAAf,EAAA,UAAAgB,SAAA,SAAAC,GAA+CjB,EAAAuC,UAAAtB,GAAkBE,WAAA,cAAyB,CAAAnB,EAAAY,GAAA,kBAAAR,EAAA,YAA0CoB,KAAA,iBAAqB,CAAAxB,EAAAY,GAAA,wyCAA60C,IACvrGqE,EAAe,GCqFnBC,EAAA,CACAvD,KADA,WAEA,OACAT,WAAA,EACAE,WAAA,EACAE,WAAA,EACAC,WAAA,EACAc,WAAA,EACAC,WAAA,EACAC,WAAA,KC/F4a4C,EAAA,ECOxaC,EAAYtD,OAAAC,EAAA,KAAAD,CACdqD,EACAJ,EACAE,GACF,EACA,KACA,KACA,MAIeI,EAAAD,UCafE,EAAA,CACAC,WAAA,CACAvD,gBACAY,gBACAO,uBACAO,sBACAM,qBACAc,2BACAO,uBCvCkaG,EAAA,ECO9ZC,EAAY3D,OAAAC,EAAA,KAAAD,CACd0D,EACAzF,EACAS,GACF,EACA,KACA,KACA,MAIekF,EAAA,WAAAD","file":"js/chunk-2d0cc5ba.53e99c55.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"form-element-checkbox-demo\"}},[_c('checkbox-state'),_c('checkbox-color'),_c('checkbox-boolean-value'),_c('checkbox-string-value'),_c('checkbox-array-value'),_c('checkbox-array-object-value'),_c('checkbox-change-icon')],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('vx-card',{attrs:{\"title\":\"State\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"To add a checkBox, we have the \"),_c('code',[_vm._v(\"vs-checkbox\")]),_vm._v(\" component which expects a principal parameter \"),_c('code',[_vm._v(\"v-model\")]),_vm._v(\" that would be our value.\")]),_c('ul',{staticClass:\"demo-alignment\"},[_c('li',[_c('vs-checkbox',{model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(\"Primary - active\")])],1),_c('li',[_c('vs-checkbox',{model:{value:(_vm.checkBox2),callback:function ($$v) {_vm.checkBox2=$$v},expression:\"checkBox2\"}},[_vm._v(\"Primary - inactive\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"disabled\":\"true\"},model:{value:(_vm.checkBox3),callback:function ($$v) {_vm.checkBox3=$$v},expression:\"checkBox3\"}},[_vm._v(\"Primary - active - disabled\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"disabled\":\"true\"},model:{value:(_vm.checkBox4),callback:function ($$v) {_vm.checkBox4=$$v},expression:\"checkBox4\"}},[_vm._v(\"Primary - inactive - disabled\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <ul class=\\\"centerx\\\">\\n    <li>\\n      <vs-checkbox v-model=\\\"checkBox1\\\">Primary - active</vs-checkbox>\\n    </li>\\n    <li>\\n      <vs-checkbox v-model=\\\"checkBox2\\\">Primary - inactive</vs-checkbox>\\n    </li>\\n    <li>\\n      <vs-checkbox disabled=\\\"true\\\" v-model=\\\"checkBox3\\\">Primary - active - disabled</vs-checkbox>\\n    </li>\\n    <li>\\n      <vs-checkbox disabled=\\\"true\\\" v-model=\\\"checkBox4\\\">Primary - inactive - disabled</vs-checkbox>\\n    </li>\\n  </ul>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      checkBox1:true,\\n      checkBox2:false,\\n      checkBox3:true,\\n      checkBox4:false,\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: CheckboxState.vue\r\n    Description: Add checkbox using vs-checkbox\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"State\" code-toggler>\r\n\r\n        <span>To add a checkBox, we have the <code>vs-checkbox</code> component which expects a principal parameter <code>v-model</code> that would be our value.</span>\r\n\r\n        <ul class=\"demo-alignment\">\r\n            <li>\r\n                <vs-checkbox v-model=\"checkBox1\">Primary - active</vs-checkbox>\r\n            </li>\r\n            <li>\r\n                <vs-checkbox v-model=\"checkBox2\">Primary - inactive</vs-checkbox>\r\n            </li>\r\n            <li>\r\n                <vs-checkbox disabled=\"true\" v-model=\"checkBox3\">Primary - active - disabled</vs-checkbox>\r\n            </li>\r\n            <li>\r\n                <vs-checkbox disabled=\"true\" v-model=\"checkBox4\">Primary - inactive - disabled</vs-checkbox>\r\n            </li>\r\n        </ul>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;ul class=&quot;centerx&quot;&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-checkbox v-model=&quot;checkBox1&quot;&gt;Primary - active&lt;/vs-checkbox&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-checkbox v-model=&quot;checkBox2&quot;&gt;Primary - inactive&lt;/vs-checkbox&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-checkbox disabled=&quot;true&quot; v-model=&quot;checkBox3&quot;&gt;Primary - active - disabled&lt;/vs-checkbox&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-checkbox disabled=&quot;true&quot; v-model=&quot;checkBox4&quot;&gt;Primary - inactive - disabled&lt;/vs-checkbox&gt;\r\n    &lt;/li&gt;\r\n  &lt;/ul&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      checkBox1:true,\r\n      checkBox2:false,\r\n      checkBox3:true,\r\n      checkBox4:false,\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            checkBox1: true,\r\n            checkBox2: false,\r\n            checkBox3: true,\r\n            checkBox4: false,\r\n        }\r\n    }\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/@vue/cli-plugin-babel/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!./CheckboxState.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/@vue/cli-plugin-babel/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!./CheckboxState.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckboxState.vue?vue&type=template&id=58b8a1a1&\"\nimport script from \"./CheckboxState.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckboxState.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Color\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"You can change the color of the checkBox with the property \"),_c('code',[_vm._v(\"color\")]),_vm._v(\". You are able to use the Main Colors or \"),_c('strong',[_vm._v(\"RGB\")]),_vm._v(\" and \"),_c('strong',[_vm._v(\"HEX\")]),_vm._v(\" colors.\")]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"icon\":\"warning\",\"active\":\"true\",\"color\":\"warning\"}},[_c('span',[_vm._v(\"Only \"),_c('strong',[_vm._v(\"RGB\")]),_vm._v(\" and \"),_c('strong',[_vm._v(\"HEX\")]),_vm._v(\" colors are supported.\")])]),_c('ul',{staticClass:\"demo-alignment\"},[_c('li',[_c('vs-checkbox',{model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(\"Primary\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"color\":\"success\"},model:{value:(_vm.checkBox2),callback:function ($$v) {_vm.checkBox2=$$v},expression:\"checkBox2\"}},[_vm._v(\"Success\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"color\":\"danger\"},model:{value:(_vm.checkBox3),callback:function ($$v) {_vm.checkBox3=$$v},expression:\"checkBox3\"}},[_vm._v(\"Danger\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"color\":\"warning\"},model:{value:(_vm.checkBox4),callback:function ($$v) {_vm.checkBox4=$$v},expression:\"checkBox4\"}},[_vm._v(\"Warning\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"color\":\"dark\"},model:{value:(_vm.checkBox5),callback:function ($$v) {_vm.checkBox5=$$v},expression:\"checkBox5\"}},[_vm._v(\"Dark\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"color\":\"rgb(38, 187, 174)\"},model:{value:(_vm.checkBox6),callback:function ($$v) {_vm.checkBox6=$$v},expression:\"checkBox6\"}},[_vm._v(\"Color RGB\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"color\":\"#720ea8\"},model:{value:(_vm.checkBox7),callback:function ($$v) {_vm.checkBox7=$$v},expression:\"checkBox7\"}},[_vm._v(\"Color HEX\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <ul class=\\\"demo-alignment\\\">\\n    <li>\\n      <vs-checkbox v-model=\\\"checkBox1\\\">Primary</vs-checkbox>\\n    </li>\\n    <li>\\n      <vs-checkbox color=\\\"success\\\" v-model=\\\"checkBox2\\\">Success</vs-checkbox>\\n    </li>\\n    <li>\\n      <vs-checkbox color=\\\"danger\\\" v-model=\\\"checkBox3\\\">Danger</vs-checkbox>\\n    </li>\\n    <li>\\n      <vs-checkbox color=\\\"warning\\\" v-model=\\\"checkBox4\\\">Warning</vs-checkbox>\\n    </li>\\n    <li>\\n      <vs-checkbox color=\\\"dark\\\" v-model=\\\"checkBox5\\\">Dark</vs-checkbox>\\n    </li>\\n    <li>\\n      <vs-checkbox color=\\\"rgb(38, 187, 174)\\\" v-model=\\\"checkBox6\\\">Color RGB</vs-checkbox>\\n    </li>\\n    <li>\\n      <vs-checkbox color=\\\"#720ea8\\\" v-model=\\\"checkBox7\\\">Color HEX</vs-checkbox>\\n    </li>\\n  </ul>\\n</template>\\n\\n<script>\\nexport default {\\n    data() {\\n        return {\\n          checkBox1: true,\\n          checkBox2: true,\\n          checkBox3: true,\\n          checkBox4: true,\\n          checkBox5: true,\\n          checkBox6: true,\\n          checkBox7: true,\\n        }\\n    }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: CheckboxColor.vue\r\n    Description: Change color of checkbox\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Color\" code-toggler>\r\n\r\n        <span>You can change the color of the checkBox with the property <code>color</code>. You are able to use the Main Colors or <strong>RGB</strong> and <strong>HEX</strong> colors.</span>\r\n\r\n        <vs-alert icon=\"warning\" active=\"true\" color=\"warning\" class=\"mt-5\">\r\n            <span>Only <strong>RGB</strong> and <strong>HEX</strong> colors are supported.</span>\r\n        </vs-alert>\r\n\r\n        <ul class=\"demo-alignment\">\r\n            <li>\r\n                <vs-checkbox v-model=\"checkBox1\">Primary</vs-checkbox>\r\n            </li>\r\n            <li>\r\n                <vs-checkbox color=\"success\" v-model=\"checkBox2\">Success</vs-checkbox>\r\n            </li>\r\n            <li>\r\n                <vs-checkbox color=\"danger\" v-model=\"checkBox3\">Danger</vs-checkbox>\r\n            </li>\r\n            <li>\r\n                <vs-checkbox color=\"warning\" v-model=\"checkBox4\">Warning</vs-checkbox>\r\n            </li>\r\n            <li>\r\n                <vs-checkbox color=\"dark\" v-model=\"checkBox5\">Dark</vs-checkbox>\r\n            </li>\r\n            <li>\r\n                <vs-checkbox color=\"rgb(38, 187, 174)\" v-model=\"checkBox6\">Color RGB</vs-checkbox>\r\n            </li>\r\n            <li>\r\n                <vs-checkbox color=\"#720ea8\" v-model=\"checkBox7\">Color HEX</vs-checkbox>\r\n            </li>\r\n        </ul>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;ul class=&quot;demo-alignment&quot;&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-checkbox v-model=&quot;checkBox1&quot;&gt;Primary&lt;/vs-checkbox&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-checkbox color=&quot;success&quot; v-model=&quot;checkBox2&quot;&gt;Success&lt;/vs-checkbox&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-checkbox color=&quot;danger&quot; v-model=&quot;checkBox3&quot;&gt;Danger&lt;/vs-checkbox&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-checkbox color=&quot;warning&quot; v-model=&quot;checkBox4&quot;&gt;Warning&lt;/vs-checkbox&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-checkbox color=&quot;dark&quot; v-model=&quot;checkBox5&quot;&gt;Dark&lt;/vs-checkbox&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-checkbox color=&quot;rgb(38, 187, 174)&quot; v-model=&quot;checkBox6&quot;&gt;Color RGB&lt;/vs-checkbox&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-checkbox color=&quot;#720ea8&quot; v-model=&quot;checkBox7&quot;&gt;Color HEX&lt;/vs-checkbox&gt;\r\n    &lt;/li&gt;\r\n  &lt;/ul&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n    data() {\r\n        return {\r\n          checkBox1: true,\r\n          checkBox2: true,\r\n          checkBox3: true,\r\n          checkBox4: true,\r\n          checkBox5: true,\r\n          checkBox6: true,\r\n          checkBox7: true,\r\n        }\r\n    }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            checkBox1: true,\r\n            checkBox2: true,\r\n            checkBox3: true,\r\n            checkBox4: true,\r\n            checkBox5: true,\r\n            checkBox6: true,\r\n            checkBox7: true,\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./CheckboxColor.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/@vue/cli-plugin-babel/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!./CheckboxColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckboxColor.vue?vue&type=template&id=aa169bde&\"\nimport script from \"./CheckboxColor.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckboxColor.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Boolean Value\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"In most cases you will need a boolean data type while working with checkBoxes. For making this possible you have to link a boolean value in \"),_c('code',[_vm._v(\"v-model\")])]),_c('ul',{staticClass:\"demo-alignment\"},[_c('li',[_c('vs-checkbox',{model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(_vm._s(_vm.checkBox1))])],1),_c('li',[_c('vs-checkbox',{model:{value:(_vm.checkBox2),callback:function ($$v) {_vm.checkBox2=$$v},expression:\"checkBox2\"}},[_vm._v(_vm._s(_vm.checkBox2))])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <ul class=\\\"centerx\\\">\\n    <li>\\n      <vs-checkbox v-model=\\\"checkBox1\\\">\"+_vm._s(\"\\{\\{ checkBox1 \\}\\}\")+\"</vs-checkbox>\\n    </li>\\n    <li>\\n      <vs-checkbox v-model=\\\"checkBox2\\\">\"+_vm._s(\"\\{\\{ checkBox2 \\}\\}\")+\"</vs-checkbox>\\n    </li>\\n  </ul>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      checkBox1: true,\\n      checkBox2: false,\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: CheckboxBooleanValue.vue\r\n    Description: Checkboxes and boolean value in data\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Boolean Value\" code-toggler>\r\n\r\n        <span>In most cases you will need a boolean data type while working with checkBoxes. For making this possible you have to link a boolean value in <code>v-model</code></span>\r\n\r\n        <ul class=\"demo-alignment\">\r\n            <li>\r\n                <vs-checkbox v-model=\"checkBox1\">{{checkBox1}}</vs-checkbox>\r\n            </li>\r\n            <li>\r\n                <vs-checkbox v-model=\"checkBox2\">{{checkBox2}}</vs-checkbox>\r\n            </li>\r\n        </ul>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;ul class=&quot;centerx&quot;&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-checkbox v-model=&quot;checkBox1&quot;&gt;{{ &quot;\\{\\{ checkBox1 \\}\\}&quot; }}&lt;/vs-checkbox&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-checkbox v-model=&quot;checkBox2&quot;&gt;{{ &quot;\\{\\{ checkBox2 \\}\\}&quot; }}&lt;/vs-checkbox&gt;\r\n    &lt;/li&gt;\r\n  &lt;/ul&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      checkBox1: true,\r\n      checkBox2: false,\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            checkBox1: true,\r\n            checkBox2: false,\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./CheckboxBooleanValue.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/@vue/cli-plugin-babel/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!./CheckboxBooleanValue.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckboxBooleanValue.vue?vue&type=template&id=dac504f8&\"\nimport script from \"./CheckboxBooleanValue.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckboxBooleanValue.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"String Value\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"You can pass as a value a string by giving it as a value of the property \"),_c('code',[_vm._v(\"vs-value\")])]),_c('ul',{staticClass:\"demo-alignment\"},[_c('li',[_c('vs-checkbox',{attrs:{\"vs-value\":\"Luis Daniel\"},model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(\"Luis Daniel\")])],1),_c('li',{staticClass:\"op-block\"},[_vm._v(\"\\n            \"+_vm._s(_vm.checkBox1==null?'null':_vm.checkBox1)+\"\\n          \")])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <ul class=\\\"demo-alignment\\\">\\n    <li>\\n      <vs-checkbox v-model=\\\"checkBox1\\\" vs-value=\\\"Luis Daniel\\\">Luis Daniel</vs-checkbox>\\n    </li>\\n    <li class=\\\"op-block\\\">\\n      \"+_vm._s(\"\\{\\{ checkBox1==null?&apos;null&apos;:checkBox1 \\}\\}\")+\"\\n    </li>\\n  </ul>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      checkBox1: null,\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n\tFile Name: CheckboxStringValue.vue\r\n\tDescription: Stering as a value\r\n\t----------------------------------------------------------------------------------------\r\n\tItem Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n\tAuthor: Pixinvent\r\n\tAuthor URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n      <vx-card title=\"String Value\" code-toggler>\r\n\r\n         <span>You can pass as a value a string by giving it as a value of the property <code>vs-value</code></span>\r\n\r\n        <ul class=\"demo-alignment\">\r\n          <li>\r\n            <vs-checkbox v-model=\"checkBox1\" vs-value=\"Luis Daniel\" >Luis Daniel</vs-checkbox>\r\n          </li>\r\n          <li class=\"op-block\">\r\n            {{checkBox1==null?'null':checkBox1}}\r\n          </li>\r\n        </ul>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;ul class=&quot;demo-alignment&quot;&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-checkbox v-model=&quot;checkBox1&quot; vs-value=&quot;Luis Daniel&quot;&gt;Luis Daniel&lt;/vs-checkbox&gt;\r\n    &lt;/li&gt;\r\n    &lt;li class=&quot;op-block&quot;&gt;\r\n      {{ &quot;\\{\\{ checkBox1==null?&amp;apos;null&amp;apos;:checkBox1 \\}\\}&quot; }}\r\n    &lt;/li&gt;\r\n  &lt;/ul&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      checkBox1: null,\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n      </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return {\r\n      checkBox1:null,\r\n    }\r\n  }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./CheckboxStringValue.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/@vue/cli-plugin-babel/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!./CheckboxStringValue.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckboxStringValue.vue?vue&type=template&id=ae360da6&\"\nimport script from \"./CheckboxStringValue.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckboxStringValue.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Array Values\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"You can have several checkBoxs linked to the same array only by using \"),_c('code',[_vm._v(\"v-model\")]),_vm._v(\" with a value of \"),_c('strong',[_vm._v(\"array\")]),_vm._v(\".\")]),_c('ul',{staticClass:\"demo-alignment\"},[_c('li',[_c('vs-checkbox',{attrs:{\"vs-value\":\"luis\"},model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(\"Luis\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"vs-value\":\"carols\"},model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(\"Carols\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"vs-value\":\"summer\"},model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(\"Summer\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"vs-value\":\"lyon\"},model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(\"Lyon\")])],1),_c('li',{staticClass:\"op-block\"},[_vm._v(\"\\n                \"+_vm._s(_vm.checkBox1)+\"\\n            \")])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <ul class=\\\"centerx\\\">\\n    <li>\\n      <vs-checkbox v-model=\\\"checkBox1\\\" vs-value=\\\"luis\\\">Luis</vs-checkbox>\\n    </li>\\n    <li>\\n      <vs-checkbox v-model=\\\"checkBox1\\\" vs-value=\\\"carols\\\">Carols</vs-checkbox>\\n    </li>\\n    <li>\\n      <vs-checkbox v-model=\\\"checkBox1\\\" vs-value=\\\"summer\\\">Summer</vs-checkbox>\\n    </li>\\n    <li>\\n      <vs-checkbox v-model=\\\"checkBox1\\\" vs-value=\\\"lyon\\\">Lyon</vs-checkbox>\\n    </li>\\n    <li class=\\\"modelx\\\">\\n      \"+_vm._s(\"\\{\\{ checkBox1 \\}\\}\")+\"\\n    </li>\\n  </ul>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      checkBox1: ['luis']\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: CheckboxArrayValue.vue\r\n    Description: Create array using checked checkboxes\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Array Values\" code-toggler>\r\n\r\n        <span>You can have several checkBoxs linked to the same array only by using <code>v-model</code> with a value of <strong>array</strong>.</span>\r\n\r\n        <ul class=\"demo-alignment\">\r\n            <li>\r\n                <vs-checkbox v-model=\"checkBox1\" vs-value=\"luis\">Luis</vs-checkbox>\r\n            </li>\r\n            <li>\r\n                <vs-checkbox v-model=\"checkBox1\" vs-value=\"carols\">Carols</vs-checkbox>\r\n            </li>\r\n            <li>\r\n                <vs-checkbox v-model=\"checkBox1\" vs-value=\"summer\">Summer</vs-checkbox>\r\n            </li>\r\n            <li>\r\n                <vs-checkbox v-model=\"checkBox1\" vs-value=\"lyon\">Lyon</vs-checkbox>\r\n            </li>\r\n            \r\n            <li class=\"op-block\">\r\n                {{checkBox1}}\r\n            </li>\r\n        </ul>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;ul class=&quot;centerx&quot;&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-checkbox v-model=&quot;checkBox1&quot; vs-value=&quot;luis&quot;&gt;Luis&lt;/vs-checkbox&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-checkbox v-model=&quot;checkBox1&quot; vs-value=&quot;carols&quot;&gt;Carols&lt;/vs-checkbox&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-checkbox v-model=&quot;checkBox1&quot; vs-value=&quot;summer&quot;&gt;Summer&lt;/vs-checkbox&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-checkbox v-model=&quot;checkBox1&quot; vs-value=&quot;lyon&quot;&gt;Lyon&lt;/vs-checkbox&gt;\r\n    &lt;/li&gt;\r\n    &lt;li class=&quot;modelx&quot;&gt;\r\n      {{ \"\\{\\{ checkBox1 \\}\\}\" }}\r\n    &lt;/li&gt;\r\n  &lt;/ul&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      checkBox1: [&apos;luis&apos;]\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            checkBox1: ['luis']\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./CheckboxArrayValue.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/@vue/cli-plugin-babel/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!./CheckboxArrayValue.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckboxArrayValue.vue?vue&type=template&id=a4f909b2&\"\nimport script from \"./CheckboxArrayValue.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckboxArrayValue.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Array Object values\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"Sometimes you need to link an object as a value when selecting a checkBox for it, you only have to put it as value in \"),_c('strong',[_vm._v(\"vs-value\")]),_vm._v(\" an object either literal or linked.\")]),_c('ul',{staticClass:\"demo-alignment\"},_vm._l((_vm.regions),function(region,index){return _c('li',{key:index},[_c('vs-checkbox',{attrs:{\"vs-value\":region},model:{value:(_vm.form.regions),callback:function ($$v) {_vm.$set(_vm.form, \"regions\", $$v)},expression:\"form.regions\"}},[_vm._v(_vm._s(region.name))])],1)}),0),_c('div',{staticClass:\"op-block mt-5\"},[_vm._v(_vm._s(_vm.form.regions))]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n    <ul class=\\\"centerx\\\">\\n      <li v-for=\\\"(region, index) in regions\\\" :key=\\\"index\\\">\\n        <vs-checkbox v-model=\\\"form.regions\\\" :vs-value=\\\"region\\\" >\"+_vm._s(\"\\{\\{ region.name \\}\\}\")+\"</vs-checkbox>\\n      </li>\\n    </ul>\\n\\n    <div class=\\\"modelx\\\">\"+_vm._s(\"\\{\\{ form.regions \\}\\}\")+\"</div> \\n</template>\\n\\n<script>\\nexport default {\\n  data: () => ({\\n    form: {\\n    regions: []\\n  },\\n  regions: [\\n    { id: 1, name: 'Queensland' },\\n    { id: 2, name: 'South Australia' },\\n    { id: 3, name: 'New South Wales' },\\n  ]\\n})\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: CheckboxArrayObjectValue.vue\r\n    Description: Create array of objects using checked checkboxes\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Array Object values\" code-toggler>\r\n\r\n        <span>Sometimes you need to link an object as a value when selecting a checkBox for it, you only have to put it as value in <strong>vs-value</strong> an object either literal or linked.</span>\r\n\r\n        <ul class=\"demo-alignment\">\r\n            <li v-for=\"(region, index) in regions\" :key=\"index\">\r\n                <vs-checkbox v-model=\"form.regions\" :vs-value=\"region\">{{ region.name }}</vs-checkbox>\r\n            </li>\r\n        </ul>\r\n\r\n        <div class=\"op-block mt-5\">{{form.regions}}</div>\r\n        \r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n    &lt;ul class=&quot;centerx&quot;&gt;\r\n      &lt;li v-for=&quot;(region, index) in regions&quot; :key=&quot;index&quot;&gt;\r\n        &lt;vs-checkbox v-model=&quot;form.regions&quot; :vs-value=&quot;region&quot; &gt;{{ \"\\{\\{ region.name \\}\\}\" }}&lt;/vs-checkbox&gt;\r\n      &lt;/li&gt;\r\n    &lt;/ul&gt;\r\n\r\n    &lt;div class=&quot;modelx&quot;&gt;{{ \"\\{\\{ form.regions \\}\\}\" }}&lt;/div&gt; \r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data: () =&gt; ({\r\n    form: {\r\n    regions: []\r\n  },\r\n  regions: [\r\n    { id: 1, name: &apos;Queensland&apos; },\r\n    { id: 2, name: &apos;South Australia&apos; },\r\n    { id: 3, name: &apos;New South Wales&apos; },\r\n  ]\r\n})\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data: () => ({\r\n        form: {\r\n            regions: []\r\n        },\r\n        regions: [\r\n            { id: 1, name: 'Queensland' },\r\n            { id: 2, name: 'South Australia' },\r\n            { id: 3, name: 'New South Wales' },\r\n        ]\r\n    })\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./CheckboxArrayObjectValue.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/@vue/cli-plugin-babel/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!./CheckboxArrayObjectValue.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckboxArrayObjectValue.vue?vue&type=template&id=70658b45&\"\nimport script from \"./CheckboxArrayObjectValue.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckboxArrayObjectValue.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Change Icon\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"Sometimes we want to change the internal icon inside the checkbox. To do so, we have the property \"),_c('code',[_vm._v(\"icon\")])]),_c('ul',{staticClass:\"demo-alignment\"},[_c('li',[_c('vs-checkbox',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-check\"},model:{value:(_vm.checkBox1),callback:function ($$v) {_vm.checkBox1=$$v},expression:\"checkBox1\"}},[_vm._v(\"Primary\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-message-square\",\"color\":\"success\"},model:{value:(_vm.checkBox2),callback:function ($$v) {_vm.checkBox2=$$v},expression:\"checkBox2\"}},[_vm._v(\"SMS\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-x\",\"color\":\"danger\"},model:{value:(_vm.checkBox3),callback:function ($$v) {_vm.checkBox3=$$v},expression:\"checkBox3\"}},[_vm._v(\"Cancel\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-paperclip\",\"color\":\"warning\"},model:{value:(_vm.checkBox4),callback:function ($$v) {_vm.checkBox4=$$v},expression:\"checkBox4\"}},[_vm._v(\"File\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-bold\",\"color\":\"dark\"},model:{value:(_vm.checkBox5),callback:function ($$v) {_vm.checkBox5=$$v},expression:\"checkBox5\"}},[_vm._v(\"Bold\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-map-pin\",\"color\":\"rgb(38, 187, 174)\"},model:{value:(_vm.checkBox6),callback:function ($$v) {_vm.checkBox6=$$v},expression:\"checkBox6\"}},[_vm._v(\"Location\")])],1),_c('li',[_c('vs-checkbox',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-camera\",\"color\":\"#720ea8\"},model:{value:(_vm.checkBox7),callback:function ($$v) {_vm.checkBox7=$$v},expression:\"checkBox7\"}},[_vm._v(\"Camera\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n    <ul class=\\\"demo-alignment\\\">\\n      <li>\\n        <vs-checkbox icon-pack=\\\"feather\\\" icon=\\\"icon-check\\\" v-model=\\\"checkBox1\\\">Primary</vs-checkbox>\\n      </li>\\n      <li>\\n        <vs-checkbox icon-pack=\\\"feather\\\" icon=\\\"icon-message-square\\\" color=\\\"success\\\" v-model=\\\"checkBox2\\\">SMS</vs-checkbox>\\n      </li>\\n      <li>\\n        <vs-checkbox icon-pack=\\\"feather\\\" icon=\\\"icon-x\\\" color=\\\"danger\\\" v-model=\\\"checkBox3\\\">Cancel</vs-checkbox>\\n      </li>\\n      <li>\\n        <vs-checkbox icon-pack=\\\"feather\\\" icon=\\\"icon-paperclip\\\" color=\\\"warning\\\" v-model=\\\"checkBox4\\\">File</vs-checkbox>\\n      </li>\\n      <li>\\n        <vs-checkbox icon-pack=\\\"feather\\\" icon=\\\"icon-bold\\\" color=\\\"dark\\\" v-model=\\\"checkBox5\\\">Bold</vs-checkbox>\\n      </li>\\n      <li>\\n        <vs-checkbox icon-pack=\\\"feather\\\" icon=\\\"icon-map-pin\\\" color=\\\"rgb(38, 187, 174)\\\" v-model=\\\"checkBox6\\\">Location</vs-checkbox>\\n      </li>\\n      <li>\\n        <vs-checkbox icon-pack=\\\"feather\\\" icon=\\\"icon-camera\\\" color=\\\"#720ea8\\\" v-model=\\\"checkBox7\\\">Camera</vs-checkbox>\\n      </li>\\n    </ul>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      checkBox1:true,\\n      checkBox2:true,\\n      checkBox3:true,\\n      checkBox4:true,\\n      checkBox5:true,\\n      checkBox6:true,\\n      checkBox7:true,\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: CheckboxChangeIcon.vue\r\n    Description: Change icon displayed in checkbox\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Change Icon\" code-toggler>\r\n\r\n        <span>Sometimes we want to change the internal icon inside the checkbox. To do so, we have the property <code>icon</code></span>\r\n\r\n        <ul class=\"demo-alignment\">\r\n            <li>\r\n                <vs-checkbox icon-pack=\"feather\" icon=\"icon-check\" v-model=\"checkBox1\">Primary</vs-checkbox>\r\n            </li>\r\n            <li>\r\n                <vs-checkbox icon-pack=\"feather\" icon=\"icon-message-square\" color=\"success\" v-model=\"checkBox2\">SMS</vs-checkbox>\r\n            </li>\r\n            <li>\r\n                <vs-checkbox icon-pack=\"feather\" icon=\"icon-x\" color=\"danger\" v-model=\"checkBox3\">Cancel</vs-checkbox>\r\n            </li>\r\n            <li>\r\n                <vs-checkbox icon-pack=\"feather\" icon=\"icon-paperclip\" color=\"warning\" v-model=\"checkBox4\">File</vs-checkbox>\r\n            </li>\r\n            <li>\r\n                <vs-checkbox icon-pack=\"feather\" icon=\"icon-bold\" color=\"dark\" v-model=\"checkBox5\">Bold</vs-checkbox>\r\n            </li>\r\n            <li>\r\n                <vs-checkbox icon-pack=\"feather\" icon=\"icon-map-pin\" color=\"rgb(38, 187, 174)\" v-model=\"checkBox6\">Location</vs-checkbox>\r\n            </li>\r\n            <li>\r\n                <vs-checkbox icon-pack=\"feather\" icon=\"icon-camera\" color=\"#720ea8\" v-model=\"checkBox7\">Camera</vs-checkbox>\r\n            </li>\r\n        </ul>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n    &lt;ul class=&quot;demo-alignment&quot;&gt;\r\n      &lt;li&gt;\r\n        &lt;vs-checkbox icon-pack=&quot;feather&quot; icon=&quot;icon-check&quot; v-model=&quot;checkBox1&quot;&gt;Primary&lt;/vs-checkbox&gt;\r\n      &lt;/li&gt;\r\n      &lt;li&gt;\r\n        &lt;vs-checkbox icon-pack=&quot;feather&quot; icon=&quot;icon-message-square&quot; color=&quot;success&quot; v-model=&quot;checkBox2&quot;&gt;SMS&lt;/vs-checkbox&gt;\r\n      &lt;/li&gt;\r\n      &lt;li&gt;\r\n        &lt;vs-checkbox icon-pack=&quot;feather&quot; icon=&quot;icon-x&quot; color=&quot;danger&quot; v-model=&quot;checkBox3&quot;&gt;Cancel&lt;/vs-checkbox&gt;\r\n      &lt;/li&gt;\r\n      &lt;li&gt;\r\n        &lt;vs-checkbox icon-pack=&quot;feather&quot; icon=&quot;icon-paperclip&quot; color=&quot;warning&quot; v-model=&quot;checkBox4&quot;&gt;File&lt;/vs-checkbox&gt;\r\n      &lt;/li&gt;\r\n      &lt;li&gt;\r\n        &lt;vs-checkbox icon-pack=&quot;feather&quot; icon=&quot;icon-bold&quot; color=&quot;dark&quot; v-model=&quot;checkBox5&quot;&gt;Bold&lt;/vs-checkbox&gt;\r\n      &lt;/li&gt;\r\n      &lt;li&gt;\r\n        &lt;vs-checkbox icon-pack=&quot;feather&quot; icon=&quot;icon-map-pin&quot; color=&quot;rgb(38, 187, 174)&quot; v-model=&quot;checkBox6&quot;&gt;Location&lt;/vs-checkbox&gt;\r\n      &lt;/li&gt;\r\n      &lt;li&gt;\r\n        &lt;vs-checkbox icon-pack=&quot;feather&quot; icon=&quot;icon-camera&quot; color=&quot;#720ea8&quot; v-model=&quot;checkBox7&quot;&gt;Camera&lt;/vs-checkbox&gt;\r\n      &lt;/li&gt;\r\n    &lt;/ul&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      checkBox1:true,\r\n      checkBox2:true,\r\n      checkBox3:true,\r\n      checkBox4:true,\r\n      checkBox5:true,\r\n      checkBox6:true,\r\n      checkBox7:true,\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            checkBox1: true,\r\n            checkBox2: true,\r\n            checkBox3: true,\r\n            checkBox4: true,\r\n            checkBox5: true,\r\n            checkBox6: true,\r\n            checkBox7: true,\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./CheckboxChangeIcon.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/@vue/cli-plugin-babel/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!./CheckboxChangeIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckboxChangeIcon.vue?vue&type=template&id=6a236c95&\"\nimport script from \"./CheckboxChangeIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckboxChangeIcon.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","<!-- =========================================================================================\r\n    File Name: Checkbox.vue\r\n    Description: Checkbox Element - Imports all page portions.\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <div id=\"form-element-checkbox-demo\">\r\n        <checkbox-state></checkbox-state>\r\n        <checkbox-color></checkbox-color>\r\n        <checkbox-boolean-value></checkbox-boolean-value>\r\n        <checkbox-string-value></checkbox-string-value>\r\n        <checkbox-array-value></checkbox-array-value>\r\n        <checkbox-array-object-value></checkbox-array-object-value>\r\n        <checkbox-change-icon></checkbox-change-icon>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport CheckboxState from './CheckboxState.vue'\r\nimport CheckboxColor from './CheckboxColor.vue'\r\nimport CheckboxBooleanValue from './CheckboxBooleanValue.vue'\r\nimport CheckboxStringValue from './CheckboxStringValue.vue'\r\nimport CheckboxArrayValue from './CheckboxArrayValue.vue'\r\nimport CheckboxArrayObjectValue from './CheckboxArrayObjectValue.vue'\r\nimport CheckboxChangeIcon from './CheckboxChangeIcon.vue'\r\n\r\nexport default{\r\n    components: {\r\n        CheckboxState,\r\n        CheckboxColor,\r\n        CheckboxBooleanValue,\r\n        CheckboxStringValue,\r\n        CheckboxArrayValue,\r\n        CheckboxArrayObjectValue,\r\n        CheckboxChangeIcon\r\n    }\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/@vue/cli-plugin-babel/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!./Checkbox.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/@vue/cli-plugin-babel/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!./Checkbox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Checkbox.vue?vue&type=template&id=2fe95512&\"\nimport script from \"./Checkbox.vue?vue&type=script&lang=js&\"\nexport * from \"./Checkbox.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"],"sourceRoot":""}