{"version":3,"sources":["webpack:///./src/views/forms/FormLayouts.vue?2973","webpack:///src/views/forms/FormLayouts.vue","webpack:///./src/views/forms/FormLayouts.vue?e32e","webpack:///./src/views/forms/FormLayouts.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","model","value","callback","$$v","input1","expression","input2","input3","input4","check1","on","$event","slot","input5","input6","input7","input8","check2","input9","input10","input11","input12","check3","input13","input14","input15","input16","check4","input17","input18","input19","input20","check5","input21","input22","input23","input24","check6","input25","input26","input27","input28","input29","input30","check7","staticRenderFns","data","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,UAAU,CAACG,MAAM,CAAC,MAAQ,kBAAkB,eAAe,KAAK,CAACH,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,kBAAkBJ,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASG,MAAM,CAACC,MAAOV,EAAU,OAAEW,SAAS,SAAUC,GAAMZ,EAAIa,OAAOD,GAAKE,WAAW,aAAa,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,aAAaJ,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,KAAO,SAASE,MAAM,CAACC,MAAOV,EAAU,OAAEW,SAAS,SAAUC,GAAMZ,EAAIe,OAAOH,GAAKE,WAAW,aAAa,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,cAAcJ,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASG,MAAM,CAACC,MAAOV,EAAU,OAAEW,SAAS,SAAUC,GAAMZ,EAAIgB,OAAOJ,GAAKE,WAAW,aAAa,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,gBAAgBJ,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,KAAO,YAAYE,MAAM,CAACC,MAAOV,EAAU,OAAEW,SAAS,SAAUC,GAAMZ,EAAIiB,OAAOL,GAAKE,WAAW,aAAa,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,cAAc,CAACE,YAAY,cAAcG,MAAM,CAACC,MAAOV,EAAU,OAAEW,SAAS,SAAUC,GAAMZ,EAAIkB,OAAON,GAAKE,WAAW,WAAW,CAACd,EAAIQ,GAAG,kBAAkB,KAAKJ,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,YAAY,CAACE,YAAY,aAAa,CAACN,EAAIQ,GAAG,YAAYJ,EAAG,YAAY,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,UAAU,KAAO,UAAUY,GAAG,CAAC,MAAQ,SAASC,GAAQpB,EAAIa,OAASb,EAAIe,OAASf,EAAIgB,OAAShB,EAAIiB,OAASjB,EAAIiB,OAAS,GAAIjB,EAAIkB,QAAS,KAAU,CAAClB,EAAIQ,GAAG,YAAY,KAAKJ,EAAG,WAAW,CAACiB,KAAK,iBAAiB,CAACrB,EAAIQ,GAAG,ohDAAolD,IAAI,GAAGJ,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,UAAU,CAACG,MAAM,CAAC,MAAQ,kBAAkB,eAAe,KAAK,CAACH,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,kBAAkBJ,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,YAAY,UAAU,KAAO,YAAY,iBAAiB,IAAIE,MAAM,CAACC,MAAOV,EAAU,OAAEW,SAAS,SAAUC,GAAMZ,EAAIsB,OAAOV,GAAKE,WAAW,aAAa,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,aAAaJ,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,KAAO,QAAQ,YAAY,UAAU,KAAO,YAAY,iBAAiB,IAAIE,MAAM,CAACC,MAAOV,EAAU,OAAEW,SAAS,SAAUC,GAAMZ,EAAIuB,OAAOX,GAAKE,WAAW,aAAa,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,cAAcJ,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,YAAY,UAAU,KAAO,kBAAkB,iBAAiB,IAAIE,MAAM,CAACC,MAAOV,EAAU,OAAEW,SAAS,SAAUC,GAAMZ,EAAIwB,OAAOZ,GAAKE,WAAW,aAAa,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,gBAAgBJ,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,KAAO,WAAW,YAAY,UAAU,KAAO,YAAY,iBAAiB,IAAIE,MAAM,CAACC,MAAOV,EAAU,OAAEW,SAAS,SAAUC,GAAMZ,EAAIyB,OAAOb,GAAKE,WAAW,aAAa,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,cAAc,CAACE,YAAY,cAAcG,MAAM,CAACC,MAAOV,EAAU,OAAEW,SAAS,SAAUC,GAAMZ,EAAI0B,OAAOd,GAAKE,WAAW,WAAW,CAACd,EAAIQ,GAAG,kBAAkB,KAAKJ,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,YAAY,CAACE,YAAY,aAAa,CAACN,EAAIQ,GAAG,YAAYJ,EAAG,YAAY,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,UAAU,KAAO,UAAUY,GAAG,CAAC,MAAQ,SAASC,GAAQpB,EAAIsB,OAAStB,EAAIuB,OAASvB,EAAIwB,OAASxB,EAAIyB,OAAS,GAAIzB,EAAI0B,QAAS,KAAU,CAAC1B,EAAIQ,GAAG,YAAY,KAAKJ,EAAG,WAAW,CAACiB,KAAK,iBAAiB,CAACrB,EAAIQ,GAAG,2oDAA2tD,IAAI,GAAGJ,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,UAAU,CAACG,MAAM,CAAC,MAAQ,gBAAgB,eAAe,KAAK,CAACH,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,MAAQ,cAAcE,MAAM,CAACC,MAAOV,EAAU,OAAEW,SAAS,SAAUC,GAAMZ,EAAI2B,OAAOf,GAAKE,WAAW,aAAa,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,KAAO,QAAQ,MAAQ,SAASE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAI4B,QAAQhB,GAAKE,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,MAAQ,UAAUE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAI6B,QAAQjB,GAAKE,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,KAAO,WAAW,MAAQ,YAAYE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAI8B,QAAQlB,GAAKE,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,cAAc,CAACE,YAAY,cAAcG,MAAM,CAACC,MAAOV,EAAU,OAAEW,SAAS,SAAUC,GAAMZ,EAAI+B,OAAOnB,GAAKE,WAAW,WAAW,CAACd,EAAIQ,GAAG,kBAAkB,KAAKJ,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACE,YAAY,aAAa,CAACN,EAAIQ,GAAG,YAAYJ,EAAG,YAAY,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,UAAU,KAAO,UAAUY,GAAG,CAAC,MAAQ,SAASC,GAAQpB,EAAI2B,OAAS3B,EAAI4B,QAAU5B,EAAI6B,QAAU7B,EAAI8B,QAAU,GAAI9B,EAAI+B,QAAS,KAAU,CAAC/B,EAAIQ,GAAG,YAAY,KAAKJ,EAAG,WAAW,CAACiB,KAAK,iBAAiB,CAACrB,EAAIQ,GAAG,6mCAA6qC,IAAI,GAAGJ,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,UAAU,CAACG,MAAM,CAAC,MAAQ,gBAAgB,eAAe,KAAK,CAACH,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,YAAY,UAAU,KAAO,YAAY,iBAAiB,GAAG,MAAQ,cAAcE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAIgC,QAAQpB,GAAKE,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,KAAO,QAAQ,YAAY,UAAU,KAAO,YAAY,iBAAiB,GAAG,MAAQ,SAASE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAIiC,QAAQrB,GAAKE,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,YAAY,UAAU,KAAO,kBAAkB,iBAAiB,GAAG,MAAQ,UAAUE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAIkC,QAAQtB,GAAKE,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,KAAO,WAAW,YAAY,UAAU,KAAO,YAAY,iBAAiB,GAAG,MAAQ,YAAYE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAImC,QAAQvB,GAAKE,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,cAAc,CAACE,YAAY,cAAcG,MAAM,CAACC,MAAOV,EAAU,OAAEW,SAAS,SAAUC,GAAMZ,EAAIoC,OAAOxB,GAAKE,WAAW,WAAW,CAACd,EAAIQ,GAAG,kBAAkB,KAAKJ,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACE,YAAY,aAAa,CAACN,EAAIQ,GAAG,YAAYJ,EAAG,YAAY,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,UAAU,KAAO,UAAUY,GAAG,CAAC,MAAQ,SAASC,GAAQpB,EAAIgC,QAAUhC,EAAIiC,QAAUjC,EAAIkC,QAAUlC,EAAImC,QAAU,GAAInC,EAAIoC,QAAS,KAAU,CAACpC,EAAIQ,GAAG,aAAa,KAAKJ,EAAG,WAAW,CAACiB,KAAK,iBAAiB,CAACrB,EAAIQ,GAAG,o4CAAo9C,IAAI,GAAGJ,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,UAAU,CAACG,MAAM,CAAC,MAAQ,8BAA8B,eAAe,KAAK,CAACH,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,oBAAoB,cAAcE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAIqC,QAAQzB,GAAKE,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,KAAO,QAAQ,oBAAoB,SAASE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAIsC,QAAQ1B,GAAKE,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,oBAAoB,UAAUE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAIuC,QAAQ3B,GAAKE,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,KAAO,WAAW,oBAAoB,YAAYE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAIwC,QAAQ5B,GAAKE,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,cAAc,CAACE,YAAY,cAAcG,MAAM,CAACC,MAAOV,EAAU,OAAEW,SAAS,SAAUC,GAAMZ,EAAIyC,OAAO7B,GAAKE,WAAW,WAAW,CAACd,EAAIQ,GAAG,kBAAkB,KAAKJ,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACE,YAAY,aAAa,CAACN,EAAIQ,GAAG,YAAYJ,EAAG,YAAY,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,UAAU,KAAO,UAAUY,GAAG,CAAC,MAAQ,SAASC,GAAQpB,EAAIqC,QAAUrC,EAAIsC,QAAUtC,EAAIuC,QAAUvC,EAAIwC,QAAU,GAAIxC,EAAIyC,QAAS,KAAU,CAACzC,EAAIQ,GAAG,aAAa,KAAKJ,EAAG,WAAW,CAACiB,KAAK,iBAAiB,CAACrB,EAAIQ,GAAG,gqCAAguC,IAAI,GAAGJ,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,UAAU,CAACG,MAAM,CAAC,MAAQ,8BAA8B,eAAe,KAAK,CAACH,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,YAAY,UAAU,KAAO,YAAY,iBAAiB,GAAG,oBAAoB,cAAcE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAI0C,QAAQ9B,GAAKE,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,KAAO,QAAQ,YAAY,UAAU,KAAO,YAAY,iBAAiB,GAAG,oBAAoB,SAASE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAI2C,QAAQ/B,GAAKE,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,YAAY,UAAU,KAAO,kBAAkB,iBAAiB,GAAG,oBAAoB,UAAUE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAI4C,QAAQhC,GAAKE,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,KAAO,WAAW,YAAY,UAAU,KAAO,YAAY,iBAAiB,GAAG,oBAAoB,YAAYE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAI6C,QAAQjC,GAAKE,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,cAAc,CAACE,YAAY,cAAcG,MAAM,CAACC,MAAOV,EAAU,OAAEW,SAAS,SAAUC,GAAMZ,EAAI8C,OAAOlC,GAAKE,WAAW,WAAW,CAACd,EAAIQ,GAAG,kBAAkB,KAAKJ,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACE,YAAY,aAAa,CAACN,EAAIQ,GAAG,YAAYJ,EAAG,YAAY,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,UAAU,KAAO,UAAUY,GAAG,CAAC,MAAQ,SAASC,GAAQpB,EAAI0C,QAAU1C,EAAI2C,QAAU3C,EAAI4C,QAAU5C,EAAI6C,QAAU,GAAI7C,EAAI8C,QAAS,KAAU,CAAC9C,EAAIQ,GAAG,YAAY,KAAKJ,EAAG,WAAW,CAACiB,KAAK,iBAAiB,CAACrB,EAAIQ,GAAG,q3CAAq8C,IAAI,GAAGJ,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,UAAU,CAACG,MAAM,CAAC,MAAQ,mBAAmB,eAAe,KAAK,CAACH,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,oBAAoB,cAAcE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAI+C,QAAQnC,GAAKE,WAAW,cAAc,GAAGV,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,oBAAoB,aAAaE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAIgD,QAAQpC,GAAKE,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,oBAAoB,QAAQE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAIiD,QAAQrC,GAAKE,WAAW,cAAc,GAAGV,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,oBAAoB,WAAWE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAIkD,QAAQtC,GAAKE,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,oBAAoB,WAAWE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAImD,QAAQvC,GAAKE,WAAW,cAAc,GAAGV,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,KAAO,QAAQ,oBAAoB,SAASE,MAAM,CAACC,MAAOV,EAAW,QAAEW,SAAS,SAAUC,GAAMZ,EAAIoD,QAAQxC,GAAKE,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,cAAc,CAACE,YAAY,cAAcG,MAAM,CAACC,MAAOV,EAAU,OAAEW,SAAS,SAAUC,GAAMZ,EAAIqD,OAAOzC,GAAKE,WAAW,WAAW,CAACd,EAAIQ,GAAG,kBAAkB,KAAKJ,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACE,YAAY,aAAa,CAACN,EAAIQ,GAAG,YAAYJ,EAAG,YAAY,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,UAAU,KAAO,UAAUY,GAAG,CAAC,MAAQ,SAASC,GAAQpB,EAAI+C,QAAU/C,EAAIgD,QAAUhD,EAAIiD,QAAUjD,EAAIkD,QAAUlD,EAAImD,QAAUnD,EAAIoD,QAAU,GAAIpD,EAAIqD,QAAS,KAAU,CAACrD,EAAIQ,GAAG,YAAY,KAAKJ,EAAG,WAAW,CAACiB,KAAK,iBAAiB,CAACrB,EAAIQ,GAAG,47CAAwgD,IAAI,MAC/pwB8C,EAAkB,GC+jBtB,GACEC,KADF,WAEI,MAAO,CACLrC,OAAQ,GACRQ,OAAQ,GACRK,OAAQ,GACRK,OAAQ,GACRK,OAAQ,GACRK,OAAQ,GACRO,OAAQ,GACRxC,OAAQ,GACRE,OAAQ,GACRC,OAAQ,GACRC,OAAQ,GACRK,OAAQ,GACRC,OAAQ,GACRC,OAAQ,GACRC,OAAQ,GACRE,OAAQ,GACRC,QAAS,GACTC,QAAS,GACTC,QAAS,GACTE,QAAS,GACTC,QAAS,GACTC,QAAS,GACTC,QAAS,GACTE,QAAS,GACTC,QAAS,GACTC,QAAS,GACTC,QAAS,GACTE,QAAS,GACTC,QAAS,GACTC,QAAS,GACTC,QAAS,GACTE,QAAS,GACTC,QAAS,GACTC,QAAS,GACTC,QAAS,GACTC,QAAS,GACTC,QAAS,MCvmBqV,I,YCOhWI,EAAY,eACd,EACAzD,EACAuD,GACA,EACA,KACA,KACA,MAIa,aAAAE,E","file":"js/chunk-2d21d854.52867495.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Horizontal Form\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"First Name\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"w-full\",model:{value:(_vm.input1),callback:function ($$v) {_vm.input1=$$v},expression:\"input1\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Email\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"email\"},model:{value:(_vm.input2),callback:function ($$v) {_vm.input2=$$v},expression:\"input2\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Mobile\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"w-full\",model:{value:(_vm.input3),callback:function ($$v) {_vm.input3=$$v},expression:\"input3\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Password\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"password\"},model:{value:(_vm.input4),callback:function ($$v) {_vm.input4=$$v},expression:\"input4\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-2/3 w-full ml-auto\"},[_c('vs-checkbox',{staticClass:\"inline-flex\",model:{value:(_vm.check1),callback:function ($$v) {_vm.check1=$$v},expression:\"check1\"}},[_vm._v(\"Remember Me\")])],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-2/3 w-full ml-auto\"},[_c('vs-button',{staticClass:\"mr-3 mb-2\"},[_vm._v(\"Submit\")]),_c('vs-button',{staticClass:\"mb-2\",attrs:{\"color\":\"warning\",\"type\":\"border\"},on:{\"click\":function($event){_vm.input1 = _vm.input2 = _vm.input3 = _vm.input4 = _vm.input4 = ''; _vm.check1 = false;}}},[_vm._v(\"Reset\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n    <div class=\\\"vx-row mb-6\\\">\\n      <div class=\\\"vx-col sm:w-1/3 w-full\\\">\\n        <span>First Name</span>\\n      </div>\\n      <div class=\\\"vx-col sm:w-2/3 w-full\\\">\\n        <vs-input class=\\\"w-full\\\" v-model=\\\"input1\\\" />\\n      </div>\\n    </div>\\n    <div class=\\\"vx-row mb-6\\\">\\n      <div class=\\\"vx-col sm:w-1/3 w-full\\\">\\n        <span>Email</span>\\n      </div>\\n      <div class=\\\"vx-col sm:w-2/3 w-full\\\">\\n        <vs-input class=\\\"w-full\\\" type=\\\"email\\\" v-model=\\\"input2\\\" />\\n      </div>\\n    </div>\\n    <div class=\\\"vx-row mb-6\\\">\\n      <div class=\\\"vx-col sm:w-1/3 w-full\\\">\\n        <span>Mobile</span>\\n      </div>\\n      <div class=\\\"vx-col sm:w-2/3 w-full\\\">\\n        <vs-input class=\\\"w-full\\\" v-model=\\\"input3\\\" />\\n      </div>\\n    </div>\\n    <div class=\\\"vx-row mb-6\\\">\\n      <div class=\\\"vx-col sm:w-1/3 w-full\\\">\\n        <span>Password</span>\\n      </div>\\n      <div class=\\\"vx-col sm:w-2/3 w-full\\\">\\n        <vs-input class=\\\"w-full\\\" type=\\\"password\\\" v-model=\\\"input4\\\" />\\n      </div>\\n    </div>\\n    <div class=\\\"vx-row mb-6\\\">\\n      <div class=\\\"vx-col sm:w-2/3 w-full ml-auto\\\">\\n        <vs-checkbox class=\\\"inline-flex\\\" v-model=\\\"check1\\\">Remember Me</vs-checkbox>\\n      </div>\\n    </div>\\n    <div class=\\\"vx-row\\\">\\n      <div class=\\\"vx-col sm:w-2/3 w-full ml-auto\\\">\\n        <vs-button class=\\\"mr-3 mb-2\\\">Submit</vs-button>\\n        <vs-button color=\\\"warning\\\" type=\\\"border\\\" class=\\\"mb-2\\\" @click=\\\"input1 = input2 = input3 = input4 = input4 = ''; check1 = false;\\\">Reset</vs-button>\\n      </div>\\n    </div>\\n</template>\\n        \")])],2)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Horizontal Form\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"First Name\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-user\",\"icon-no-border\":\"\"},model:{value:(_vm.input5),callback:function ($$v) {_vm.input5=$$v},expression:\"input5\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Email\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"email\",\"icon-pack\":\"feather\",\"icon\":\"icon-mail\",\"icon-no-border\":\"\"},model:{value:(_vm.input6),callback:function ($$v) {_vm.input6=$$v},expression:\"input6\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Mobile\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-smartphone\",\"icon-no-border\":\"\"},model:{value:(_vm.input7),callback:function ($$v) {_vm.input7=$$v},expression:\"input7\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Password\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"password\",\"icon-pack\":\"feather\",\"icon\":\"icon-lock\",\"icon-no-border\":\"\"},model:{value:(_vm.input8),callback:function ($$v) {_vm.input8=$$v},expression:\"input8\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-2/3 w-full ml-auto\"},[_c('vs-checkbox',{staticClass:\"inline-flex\",model:{value:(_vm.check2),callback:function ($$v) {_vm.check2=$$v},expression:\"check2\"}},[_vm._v(\"Remember Me\")])],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-2/3 w-full ml-auto\"},[_c('vs-button',{staticClass:\"mr-3 mb-2\"},[_vm._v(\"Submit\")]),_c('vs-button',{staticClass:\"mb-2\",attrs:{\"color\":\"warning\",\"type\":\"border\"},on:{\"click\":function($event){_vm.input5 = _vm.input6 = _vm.input7 = _vm.input8 = ''; _vm.check2 = false;}}},[_vm._v(\"Reset\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col sm:w-1/3 w-full\\\">\\n      <span>First Name</span>\\n    </div>\\n    <div class=\\\"vx-col sm:w-2/3 w-full\\\">\\n      <vs-input class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-user\\\" icon-no-border v-model=\\\"input5\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col sm:w-1/3 w-full\\\">\\n      <span>Email</span>\\n    </div>\\n    <div class=\\\"vx-col sm:w-2/3 w-full\\\">\\n      <vs-input type=\\\"email\\\" class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-mail\\\" icon-no-border v-model=\\\"input6\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col sm:w-1/3 w-full\\\">\\n      <span>Mobile</span>\\n    </div>\\n    <div class=\\\"vx-col sm:w-2/3 w-full\\\">\\n      <vs-input class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-smartphone\\\" icon-no-border v-model=\\\"input7\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col sm:w-1/3 w-full\\\">\\n      <span>Password</span>\\n    </div>\\n    <div class=\\\"vx-col sm:w-2/3 w-full\\\">\\n      <vs-input type=\\\"password\\\" class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-lock\\\" icon-no-border v-model=\\\"input8\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col sm:w-2/3 w-full ml-auto\\\">\\n      <vs-checkbox class=\\\"inline-flex\\\" v-model=\\\"check2\\\">Remember Me</vs-checkbox>\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row\\\">\\n    <div class=\\\"vx-col sm:w-2/3 w-full ml-auto\\\">\\n      <vs-button class=\\\"mr-3 mb-2\\\">Submit</vs-button>\\n      <vs-button color=\\\"warning\\\" type=\\\"border\\\" class=\\\"mb-2\\\" @click=\\\"input5 = input6 = input7 = input8 = ''; check2 = false;\\\">Reset</vs-button>\\n    </div>\\n  </div>\\n</template>\\n        \")])],2)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Vertical Form\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label\":\"First Name\"},model:{value:(_vm.input9),callback:function ($$v) {_vm.input9=$$v},expression:\"input9\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"email\",\"label\":\"Email\"},model:{value:(_vm.input10),callback:function ($$v) {_vm.input10=$$v},expression:\"input10\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label\":\"Mobile\"},model:{value:(_vm.input11),callback:function ($$v) {_vm.input11=$$v},expression:\"input11\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"password\",\"label\":\"Password\"},model:{value:(_vm.input12),callback:function ($$v) {_vm.input12=$$v},expression:\"input12\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-checkbox',{staticClass:\"inline-flex\",model:{value:(_vm.check3),callback:function ($$v) {_vm.check3=$$v},expression:\"check3\"}},[_vm._v(\"Remember Me\")])],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-button',{staticClass:\"mr-3 mb-2\"},[_vm._v(\"Submit\")]),_c('vs-button',{staticClass:\"mb-2\",attrs:{\"color\":\"warning\",\"type\":\"border\"},on:{\"click\":function($event){_vm.input9 = _vm.input10 = _vm.input11 = _vm.input12 = ''; _vm.check3 = false;}}},[_vm._v(\"Reset\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input class=\\\"w-full\\\" label=\\\"First Name\\\" v-model=\\\"input9\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input class=\\\"w-full\\\" type=\\\"email\\\" label=\\\"Email\\\" v-model=\\\"input10\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input class=\\\"w-full\\\" label=\\\"Mobile\\\" v-model=\\\"input11\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input class=\\\"w-full\\\" type=\\\"password\\\" label=\\\"Password\\\" v-model=\\\"input12\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-checkbox class=\\\"inline-flex\\\" v-model=\\\"check3\\\">Remember Me</vs-checkbox>\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-button class=\\\"mr-3 mb-2\\\">Submit</vs-button>\\n      <vs-button color=\\\"warning\\\" type=\\\"border\\\" class=\\\"mb-2\\\" @click=\\\"input9 = input10 = input11 = input12 = ''; check3 = false;\\\">Reset</vs-button>\\n    </div>\\n  </div>\\n</template>\\n        \")])],2)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Vertical Form\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-user\",\"icon-no-border\":\"\",\"label\":\"First Name\"},model:{value:(_vm.input13),callback:function ($$v) {_vm.input13=$$v},expression:\"input13\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"email\",\"icon-pack\":\"feather\",\"icon\":\"icon-mail\",\"icon-no-border\":\"\",\"label\":\"Email\"},model:{value:(_vm.input14),callback:function ($$v) {_vm.input14=$$v},expression:\"input14\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-smartphone\",\"icon-no-border\":\"\",\"label\":\"Mobile\"},model:{value:(_vm.input15),callback:function ($$v) {_vm.input15=$$v},expression:\"input15\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"password\",\"icon-pack\":\"feather\",\"icon\":\"icon-lock\",\"icon-no-border\":\"\",\"label\":\"Password\"},model:{value:(_vm.input16),callback:function ($$v) {_vm.input16=$$v},expression:\"input16\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-checkbox',{staticClass:\"inline-flex\",model:{value:(_vm.check4),callback:function ($$v) {_vm.check4=$$v},expression:\"check4\"}},[_vm._v(\"Remember Me\")])],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-button',{staticClass:\"mr-3 mb-2\"},[_vm._v(\"Submit\")]),_c('vs-button',{staticClass:\"mb-2\",attrs:{\"color\":\"warning\",\"type\":\"border\"},on:{\"click\":function($event){_vm.input13 = _vm.input14 = _vm.input15 = _vm.input16 = ''; _vm.check4 = false;}}},[_vm._v(\"Cancle\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n    <div class=\\\"vx-row mb-6\\\">\\n      <div class=\\\"vx-col w-full\\\">\\n        <vs-input class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-user\\\" icon-no-border label=\\\"First Name\\\" v-model=\\\"input13\\\" />\\n      </div>\\n    </div>\\n    <div class=\\\"vx-row mb-6\\\">\\n      <div class=\\\"vx-col w-full\\\">\\n        <vs-input type=\\\"email\\\" class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-mail\\\" icon-no-border label=\\\"Email\\\" v-model=\\\"input14\\\" />\\n      </div>\\n    </div>\\n    <div class=\\\"vx-row mb-6\\\">\\n      <div class=\\\"vx-col w-full\\\">\\n        <vs-input class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-smartphone\\\" icon-no-border label=\\\"Mobile\\\" v-model=\\\"input15\\\" />\\n      </div>\\n    </div>\\n    <div class=\\\"vx-row mb-6\\\">\\n      <div class=\\\"vx-col w-full\\\">\\n        <vs-input type=\\\"password\\\" class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-lock\\\" icon-no-border label=\\\"Password\\\" v-model=\\\"input16\\\" />\\n      </div>\\n    </div>\\n    <div class=\\\"vx-row mb-6\\\">\\n      <div class=\\\"vx-col w-full\\\">\\n        <vs-checkbox class=\\\"inline-flex\\\" v-model=\\\"check4\\\">Remember Me</vs-checkbox>\\n      </div>\\n    </div>\\n    <div class=\\\"vx-row\\\">\\n      <div class=\\\"vx-col w-full\\\">\\n        <vs-button class=\\\"mr-3 mb-2\\\">Submit</vs-button>\\n        <vs-button color=\\\"warning\\\" type=\\\"border\\\" class=\\\"mb-2\\\" @click=\\\"input13 = input14 = input15 = input16 = ''; check4 = false;\\\">Cancle</vs-button>\\n      </div>\\n    </div>\\n</template>\\n        \")])],2)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Form With Label Placeholder\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"First Name\"},model:{value:(_vm.input17),callback:function ($$v) {_vm.input17=$$v},expression:\"input17\"}})],1)]),_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"email\",\"label-placeholder\":\"Email\"},model:{value:(_vm.input18),callback:function ($$v) {_vm.input18=$$v},expression:\"input18\"}})],1)]),_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"Mobile\"},model:{value:(_vm.input19),callback:function ($$v) {_vm.input19=$$v},expression:\"input19\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"password\",\"label-placeholder\":\"Password\"},model:{value:(_vm.input20),callback:function ($$v) {_vm.input20=$$v},expression:\"input20\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-checkbox',{staticClass:\"inline-flex\",model:{value:(_vm.check5),callback:function ($$v) {_vm.check5=$$v},expression:\"check5\"}},[_vm._v(\"Remember Me\")])],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-button',{staticClass:\"mr-3 mb-2\"},[_vm._v(\"Submit\")]),_c('vs-button',{staticClass:\"mb-2\",attrs:{\"color\":\"warning\",\"type\":\"border\"},on:{\"click\":function($event){_vm.input17 = _vm.input18 = _vm.input19 = _vm.input20 = ''; _vm.check5 = false;}}},[_vm._v(\"Cancle\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"vx-row mb-2\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input class=\\\"w-full\\\" label-placeholder=\\\"First Name\\\" v-model=\\\"input17\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-2\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input class=\\\"w-full\\\" type=\\\"email\\\" label-placeholder=\\\"Email\\\" v-model=\\\"input18\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-2\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input class=\\\"w-full\\\" label-placeholder=\\\"Mobile\\\" v-model=\\\"input19\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input class=\\\"w-full\\\" type=\\\"password\\\" label-placeholder=\\\"Password\\\" v-model=\\\"input20\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-checkbox class=\\\"inline-flex\\\" v-model=\\\"check5\\\">Remember Me</vs-checkbox>\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-button class=\\\"mr-3 mb-2\\\">Submit</vs-button>\\n      <vs-button color=\\\"warning\\\" type=\\\"border\\\" class=\\\"mb-2\\\" @click=\\\"input17 = input18 = input19 = input20 = ''; check5 = false;\\\">Cancle</vs-button>\\n    </div>\\n  </div>\\n</template>\\n        \")])],2)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Form With Label Placeholder\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-user\",\"icon-no-border\":\"\",\"label-placeholder\":\"First Name\"},model:{value:(_vm.input21),callback:function ($$v) {_vm.input21=$$v},expression:\"input21\"}})],1)]),_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"email\",\"icon-pack\":\"feather\",\"icon\":\"icon-mail\",\"icon-no-border\":\"\",\"label-placeholder\":\"Email\"},model:{value:(_vm.input22),callback:function ($$v) {_vm.input22=$$v},expression:\"input22\"}})],1)]),_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-smartphone\",\"icon-no-border\":\"\",\"label-placeholder\":\"Mobile\"},model:{value:(_vm.input23),callback:function ($$v) {_vm.input23=$$v},expression:\"input23\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"password\",\"icon-pack\":\"feather\",\"icon\":\"icon-lock\",\"icon-no-border\":\"\",\"label-placeholder\":\"Password\"},model:{value:(_vm.input24),callback:function ($$v) {_vm.input24=$$v},expression:\"input24\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-checkbox',{staticClass:\"inline-flex\",model:{value:(_vm.check6),callback:function ($$v) {_vm.check6=$$v},expression:\"check6\"}},[_vm._v(\"Remember Me\")])],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-button',{staticClass:\"mr-3 mb-2\"},[_vm._v(\"Submit\")]),_c('vs-button',{staticClass:\"mb-2\",attrs:{\"color\":\"warning\",\"type\":\"border\"},on:{\"click\":function($event){_vm.input21 = _vm.input22 = _vm.input23 = _vm.input24 = ''; _vm.check6 = false;}}},[_vm._v(\"Reset\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"vx-row mb-2\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-user\\\" icon-no-border label-placeholder=\\\"First Name\\\" v-model=\\\"input21\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-2\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input type=\\\"email\\\" class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-mail\\\" icon-no-border label-placeholder=\\\"Email\\\" v-model=\\\"input22\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-2\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-smartphone\\\" icon-no-border label-placeholder=\\\"Mobile\\\" v-model=\\\"input23\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-input type=\\\"password\\\" class=\\\"w-full\\\" icon-pack=\\\"feather\\\" icon=\\\"icon-lock\\\" icon-no-border label-placeholder=\\\"Password\\\" v-model=\\\"input24\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row mb-6\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-checkbox class=\\\"inline-flex\\\" v-model=\\\"check6\\\">Remember Me</vs-checkbox>\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-button class=\\\"mr-3 mb-2\\\">Submit</vs-button>\\n      <vs-button color=\\\"warning\\\" type=\\\"border\\\" class=\\\"mb-2\\\" @click=\\\"input21 = input22 = input23 = input24 = ''; check6 = false;\\\">Reset</vs-button>\\n    </div>\\n  </div>\\n</template>\\n        \")])],2)],1),_c('div',{staticClass:\"vx-col w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Multiple Columns\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-2\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"First Name\"},model:{value:(_vm.input25),callback:function ($$v) {_vm.input25=$$v},expression:\"input25\"}})],1),_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-2\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"Last Name\"},model:{value:(_vm.input26),callback:function ($$v) {_vm.input26=$$v},expression:\"input26\"}})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-2\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"City\"},model:{value:(_vm.input27),callback:function ($$v) {_vm.input27=$$v},expression:\"input27\"}})],1),_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-2\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"Country\"},model:{value:(_vm.input28),callback:function ($$v) {_vm.input28=$$v},expression:\"input28\"}})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-2\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"Company\"},model:{value:(_vm.input29),callback:function ($$v) {_vm.input29=$$v},expression:\"input29\"}})],1),_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-6\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"email\",\"label-placeholder\":\"Email\"},model:{value:(_vm.input30),callback:function ($$v) {_vm.input30=$$v},expression:\"input30\"}})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full mb-6\"},[_c('vs-checkbox',{staticClass:\"inline-flex\",model:{value:(_vm.check7),callback:function ($$v) {_vm.check7=$$v},expression:\"check7\"}},[_vm._v(\"Remember Me\")])],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-button',{staticClass:\"mr-3 mb-2\"},[_vm._v(\"Submit\")]),_c('vs-button',{staticClass:\"mb-2\",attrs:{\"color\":\"warning\",\"type\":\"border\"},on:{\"click\":function($event){_vm.input25 = _vm.input26 = _vm.input27 = _vm.input28 = _vm.input29 = _vm.input30 = ''; _vm.check7 = false;}}},[_vm._v(\"Reset\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"vx-row\\\">\\n    <div class=\\\"vx-col sm:w-1/2 w-full mb-2\\\">\\n      <vs-input class=\\\"w-full\\\" label-placeholder=\\\"First Name\\\" v-model=\\\"input25\\\" />\\n    </div>\\n    <div class=\\\"vx-col sm:w-1/2 w-full mb-2\\\">\\n      <vs-input class=\\\"w-full\\\" label-placeholder=\\\"Last Name\\\" v-model=\\\"input26\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row\\\">\\n    <div class=\\\"vx-col sm:w-1/2 w-full mb-2\\\">\\n      <vs-input class=\\\"w-full\\\" label-placeholder=\\\"City\\\" v-model=\\\"input27\\\" />\\n    </div>\\n    <div class=\\\"vx-col sm:w-1/2 w-full mb-2\\\">\\n      <vs-input class=\\\"w-full\\\" label-placeholder=\\\"Country\\\" v-model=\\\"input28\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row\\\">\\n    <div class=\\\"vx-col sm:w-1/2 w-full mb-2\\\">\\n      <vs-input class=\\\"w-full\\\" label-placeholder=\\\"Company\\\" v-model=\\\"input29\\\" />\\n    </div>\\n    <div class=\\\"vx-col sm:w-1/2 w-full mb-6\\\">\\n      <vs-input type=\\\"email\\\" class=\\\"w-full\\\" label-placeholder=\\\"Email\\\" v-model=\\\"input30\\\" />\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row\\\">\\n    <div class=\\\"vx-col w-full mb-6\\\">\\n      <vs-checkbox class=\\\"inline-flex\\\" v-model=\\\"check7\\\">Remember Me</vs-checkbox>\\n    </div>\\n  </div>\\n  <div class=\\\"vx-row\\\">\\n    <div class=\\\"vx-col w-full\\\">\\n      <vs-button class=\\\"mr-3 mb-2\\\">Submit</vs-button>\\n      <vs-button color=\\\"warning\\\" type=\\\"border\\\" class=\\\"mb-2\\\" @click=\\\"input25 = input26 = input27 = input28 = input29 = input30 = ''; check7 = false;\\\">Reset</vs-button>\\n    </div>\\n  </div>\\n</template>\\n        \")])],2)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vx-row\">\n\n    <!-- HORIZONTAL LAYOUT -->\n    <div class=\"vx-col md:w-1/2 w-full mb-base\">\n      <vx-card title=\"Horizontal Form\" code-toggler>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col sm:w-1/3 w-full\">\n            <span>First Name</span>\n          </div>\n          <div class=\"vx-col sm:w-2/3 w-full\">\n            <vs-input class=\"w-full\" v-model=\"input1\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col sm:w-1/3 w-full\">\n            <span>Email</span>\n          </div>\n          <div class=\"vx-col sm:w-2/3 w-full\">\n            <vs-input class=\"w-full\" type=\"email\" v-model=\"input2\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col sm:w-1/3 w-full\">\n            <span>Mobile</span>\n          </div>\n          <div class=\"vx-col sm:w-2/3 w-full\">\n            <vs-input class=\"w-full\" v-model=\"input3\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col sm:w-1/3 w-full\">\n            <span>Password</span>\n          </div>\n          <div class=\"vx-col sm:w-2/3 w-full\">\n            <vs-input class=\"w-full\" type=\"password\" v-model=\"input4\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col sm:w-2/3 w-full ml-auto\">\n            <vs-checkbox class=\"inline-flex\" v-model=\"check1\">Remember Me</vs-checkbox>\n          </div>\n        </div>\n        <div class=\"vx-row\">\n          <div class=\"vx-col sm:w-2/3 w-full ml-auto\">\n            <vs-button class=\"mr-3 mb-2\">Submit</vs-button>\n            <vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input1 = input2 = input3 = input4 = input4 = ''; check1 = false;\">Reset</vs-button>\n          </div>\n        </div>\n\n        <!-- CODE -->\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\n      &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\n        &lt;span&gt;First Name&lt;/span&gt;\n      &lt;/div&gt;\n      &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\n        &lt;vs-input class=&quot;w-full&quot; v-model=&quot;input1&quot; /&gt;\n      &lt;/div&gt;\n    &lt;/div&gt;\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\n      &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\n        &lt;span&gt;Email&lt;/span&gt;\n      &lt;/div&gt;\n      &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\n        &lt;vs-input class=&quot;w-full&quot; type=&quot;email&quot; v-model=&quot;input2&quot; /&gt;\n      &lt;/div&gt;\n    &lt;/div&gt;\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\n      &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\n        &lt;span&gt;Mobile&lt;/span&gt;\n      &lt;/div&gt;\n      &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\n        &lt;vs-input class=&quot;w-full&quot; v-model=&quot;input3&quot; /&gt;\n      &lt;/div&gt;\n    &lt;/div&gt;\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\n      &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\n        &lt;span&gt;Password&lt;/span&gt;\n      &lt;/div&gt;\n      &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\n        &lt;vs-input class=&quot;w-full&quot; type=&quot;password&quot; v-model=&quot;input4&quot; /&gt;\n      &lt;/div&gt;\n    &lt;/div&gt;\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\n      &lt;div class=&quot;vx-col sm:w-2/3 w-full ml-auto&quot;&gt;\n        &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check1&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\n      &lt;/div&gt;\n    &lt;/div&gt;\n    &lt;div class=&quot;vx-row&quot;&gt;\n      &lt;div class=&quot;vx-col sm:w-2/3 w-full ml-auto&quot;&gt;\n        &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\n        &lt;vs-button color=&quot;warning&quot; type=&quot;border&quot; class=&quot;mb-2&quot; @click=&quot;input1 = input2 = input3 = input4 = input4 = ''; check1 = false;&quot;&gt;Reset&lt;/vs-button&gt;\n      &lt;/div&gt;\n    &lt;/div&gt;\n&lt;/template&gt;\n        </template>\n      </vx-card>\n    </div>\n\n    <!-- HORIZONTAL LAYOUT WITH ICON-->\n    <div class=\"vx-col md:w-1/2 w-full mb-base\">\n      <vx-card title=\"Horizontal Form\" code-toggler>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col sm:w-1/3 w-full\">\n            <span>First Name</span>\n          </div>\n          <div class=\"vx-col sm:w-2/3 w-full\">\n            <vs-input class=\"w-full\" icon-pack=\"feather\" icon=\"icon-user\" icon-no-border v-model=\"input5\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col sm:w-1/3 w-full\">\n            <span>Email</span>\n          </div>\n          <div class=\"vx-col sm:w-2/3 w-full\">\n            <vs-input type=\"email\" class=\"w-full\" icon-pack=\"feather\" icon=\"icon-mail\" icon-no-border v-model=\"input6\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col sm:w-1/3 w-full\">\n            <span>Mobile</span>\n          </div>\n          <div class=\"vx-col sm:w-2/3 w-full\">\n            <vs-input class=\"w-full\" icon-pack=\"feather\" icon=\"icon-smartphone\" icon-no-border v-model=\"input7\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col sm:w-1/3 w-full\">\n            <span>Password</span>\n          </div>\n          <div class=\"vx-col sm:w-2/3 w-full\">\n            <vs-input type=\"password\" class=\"w-full\" icon-pack=\"feather\" icon=\"icon-lock\" icon-no-border v-model=\"input8\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col sm:w-2/3 w-full ml-auto\">\n            <vs-checkbox class=\"inline-flex\" v-model=\"check2\">Remember Me</vs-checkbox>\n          </div>\n        </div>\n        <div class=\"vx-row\">\n          <div class=\"vx-col sm:w-2/3 w-full ml-auto\">\n            <vs-button class=\"mr-3 mb-2\">Submit</vs-button>\n            <vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input5 = input6 = input7 = input8 = ''; check2 = false;\">Reset</vs-button>\n          </div>\n        </div>\n\n        <!-- CODE -->\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\n    &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\n      &lt;span&gt;First Name&lt;/span&gt;\n    &lt;/div&gt;\n    &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\n      &lt;vs-input class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-user&quot; icon-no-border v-model=&quot;input5&quot; /&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\n    &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\n      &lt;span&gt;Email&lt;/span&gt;\n    &lt;/div&gt;\n    &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\n      &lt;vs-input type=&quot;email&quot; class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-mail&quot; icon-no-border v-model=&quot;input6&quot; /&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\n    &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\n      &lt;span&gt;Mobile&lt;/span&gt;\n    &lt;/div&gt;\n    &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\n      &lt;vs-input class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-smartphone&quot; icon-no-border v-model=&quot;input7&quot; /&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\n    &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\n      &lt;span&gt;Password&lt;/span&gt;\n    &lt;/div&gt;\n    &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\n      &lt;vs-input type=&quot;password&quot; class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-lock&quot; icon-no-border v-model=&quot;input8&quot; /&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\n    &lt;div class=&quot;vx-col sm:w-2/3 w-full ml-auto&quot;&gt;\n      &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check2&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row&quot;&gt;\n    &lt;div class=&quot;vx-col sm:w-2/3 w-full ml-auto&quot;&gt;\n      &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\n      &lt;vs-button color=&quot;warning&quot; type=&quot;border&quot; class=&quot;mb-2&quot; @click=&quot;input5 = input6 = input7 = input8 = ''; check2 = false;&quot;&gt;Reset&lt;/vs-button&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n&lt;/template&gt;\n        </template>\n      </vx-card>\n    </div>\n\n    <!-- VERTICAL LAYOUT -->\n    <div class=\"vx-col md:w-1/2 w-full mb-base\">\n      <vx-card title=\"Vertical Form\" code-toggler>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col w-full\">\n            <vs-input class=\"w-full\" label=\"First Name\" v-model=\"input9\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col w-full\">\n            <vs-input class=\"w-full\" type=\"email\" label=\"Email\" v-model=\"input10\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col w-full\">\n            <vs-input class=\"w-full\" label=\"Mobile\" v-model=\"input11\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col w-full\">\n            <vs-input class=\"w-full\" type=\"password\" label=\"Password\" v-model=\"input12\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col w-full\">\n            <vs-checkbox class=\"inline-flex\" v-model=\"check3\">Remember Me</vs-checkbox>\n          </div>\n        </div>\n        <div class=\"vx-row\">\n          <div class=\"vx-col w-full\">\n            <vs-button class=\"mr-3 mb-2\">Submit</vs-button>\n            <vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input9 = input10 = input11 = input12 = ''; check3 = false;\">Reset</vs-button>\n          </div>\n        </div>\n\n        <!-- CODE -->\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\n      &lt;vs-input class=&quot;w-full&quot; label=&quot;First Name&quot; v-model=&quot;input9&quot; /&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\n      &lt;vs-input class=&quot;w-full&quot; type=&quot;email&quot; label=&quot;Email&quot; v-model=&quot;input10&quot; /&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\n      &lt;vs-input class=&quot;w-full&quot; label=&quot;Mobile&quot; v-model=&quot;input11&quot; /&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\n      &lt;vs-input class=&quot;w-full&quot; type=&quot;password&quot; label=&quot;Password&quot; v-model=&quot;input12&quot; /&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\n      &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check3&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row&quot;&gt;\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\n      &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\n      &lt;vs-button color=&quot;warning&quot; type=&quot;border&quot; class=&quot;mb-2&quot; @click=&quot;input9 = input10 = input11 = input12 = ''; check3 = false;&quot;&gt;Reset&lt;/vs-button&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n&lt;/template&gt;\n        </template>\n      </vx-card>\n    </div>\n\n    <!-- VERTICAL LAYOUT WITH ICON-->\n    <div class=\"vx-col md:w-1/2 w-full mb-base\">\n      <vx-card title=\"Vertical Form\" code-toggler>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col w-full\">\n            <vs-input class=\"w-full\" icon-pack=\"feather\" icon=\"icon-user\" icon-no-border label=\"First Name\" v-model=\"input13\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col w-full\">\n            <vs-input type=\"email\" class=\"w-full\" icon-pack=\"feather\" icon=\"icon-mail\" icon-no-border label=\"Email\" v-model=\"input14\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col w-full\">\n            <vs-input class=\"w-full\" icon-pack=\"feather\" icon=\"icon-smartphone\" icon-no-border label=\"Mobile\" v-model=\"input15\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col w-full\">\n            <vs-input type=\"password\" class=\"w-full\" icon-pack=\"feather\" icon=\"icon-lock\" icon-no-border label=\"Password\" v-model=\"input16\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col w-full\">\n            <vs-checkbox class=\"inline-flex\" v-model=\"check4\">Remember Me</vs-checkbox>\n          </div>\n        </div>\n        <div class=\"vx-row\">\n          <div class=\"vx-col w-full\">\n            <vs-button class=\"mr-3 mb-2\">Submit</vs-button>\n            <vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input13 = input14 = input15 = input16 = ''; check4 = false;\">Cancle</vs-button>\n          </div>\n        </div>\n\n        <!-- CODE -->\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\n        &lt;vs-input class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-user&quot; icon-no-border label=&quot;First Name&quot; v-model=&quot;input13&quot; /&gt;\n      &lt;/div&gt;\n    &lt;/div&gt;\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\n        &lt;vs-input type=&quot;email&quot; class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-mail&quot; icon-no-border label=&quot;Email&quot; v-model=&quot;input14&quot; /&gt;\n      &lt;/div&gt;\n    &lt;/div&gt;\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\n        &lt;vs-input class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-smartphone&quot; icon-no-border label=&quot;Mobile&quot; v-model=&quot;input15&quot; /&gt;\n      &lt;/div&gt;\n    &lt;/div&gt;\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\n        &lt;vs-input type=&quot;password&quot; class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-lock&quot; icon-no-border label=&quot;Password&quot; v-model=&quot;input16&quot; /&gt;\n      &lt;/div&gt;\n    &lt;/div&gt;\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\n        &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check4&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\n      &lt;/div&gt;\n    &lt;/div&gt;\n    &lt;div class=&quot;vx-row&quot;&gt;\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\n        &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\n        &lt;vs-button color=&quot;warning&quot; type=&quot;border&quot; class=&quot;mb-2&quot; @click=&quot;input13 = input14 = input15 = input16 = ''; check4 = false;&quot;&gt;Cancle&lt;/vs-button&gt;\n      &lt;/div&gt;\n    &lt;/div&gt;\n&lt;/template&gt;\n        </template>\n      </vx-card>\n    </div>\n\n    <!-- FORM WITH LABEL PLACEHOLDER -->\n    <div class=\"vx-col md:w-1/2 w-full mb-base\">\n      <vx-card title=\"Form With Label Placeholder\" code-toggler>\n        <div class=\"vx-row mb-2\">\n          <div class=\"vx-col w-full\">\n            <vs-input class=\"w-full\" label-placeholder=\"First Name\" v-model=\"input17\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-2\">\n          <div class=\"vx-col w-full\">\n            <vs-input class=\"w-full\" type=\"email\" label-placeholder=\"Email\" v-model=\"input18\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-2\">\n          <div class=\"vx-col w-full\">\n            <vs-input class=\"w-full\" label-placeholder=\"Mobile\" v-model=\"input19\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col w-full\">\n            <vs-input class=\"w-full\" type=\"password\" label-placeholder=\"Password\" v-model=\"input20\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col w-full\">\n            <vs-checkbox class=\"inline-flex\" v-model=\"check5\">Remember Me</vs-checkbox>\n          </div>\n        </div>\n        <div class=\"vx-row\">\n          <div class=\"vx-col w-full\">\n            <vs-button class=\"mr-3 mb-2\">Submit</vs-button>\n            <vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input17 = input18 = input19 = input20 = ''; check5 = false;\">Cancle</vs-button>\n          </div>\n        </div>\n\n        <!-- CODE -->\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;div class=&quot;vx-row mb-2&quot;&gt;\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;First Name&quot; v-model=&quot;input17&quot; /&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row mb-2&quot;&gt;\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\n      &lt;vs-input class=&quot;w-full&quot; type=&quot;email&quot; label-placeholder=&quot;Email&quot; v-model=&quot;input18&quot; /&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row mb-2&quot;&gt;\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;Mobile&quot; v-model=&quot;input19&quot; /&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\n      &lt;vs-input class=&quot;w-full&quot; type=&quot;password&quot; label-placeholder=&quot;Password&quot; v-model=&quot;input20&quot; /&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\n      &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check5&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row&quot;&gt;\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\n      &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\n      &lt;vs-button color=&quot;warning&quot; type=&quot;border&quot; class=&quot;mb-2&quot; @click=&quot;input17 = input18 = input19 = input20 = ''; check5 = false;&quot;&gt;Cancle&lt;/vs-button&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n&lt;/template&gt;\n        </template>\n      </vx-card>\n    </div>\n\n    <!-- FORM WITH LABEL PLACEHOLDER WITH ICON-->\n    <div class=\"vx-col md:w-1/2 w-full mb-base\">\n      <vx-card title=\"Form With Label Placeholder\" code-toggler>\n        <div class=\"vx-row mb-2\">\n          <div class=\"vx-col w-full\">\n            <vs-input class=\"w-full\" icon-pack=\"feather\" icon=\"icon-user\" icon-no-border label-placeholder=\"First Name\" v-model=\"input21\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-2\">\n          <div class=\"vx-col w-full\">\n            <vs-input type=\"email\" class=\"w-full\" icon-pack=\"feather\" icon=\"icon-mail\" icon-no-border label-placeholder=\"Email\" v-model=\"input22\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-2\">\n          <div class=\"vx-col w-full\">\n            <vs-input class=\"w-full\" icon-pack=\"feather\" icon=\"icon-smartphone\" icon-no-border label-placeholder=\"Mobile\" v-model=\"input23\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col w-full\">\n            <vs-input type=\"password\" class=\"w-full\" icon-pack=\"feather\" icon=\"icon-lock\" icon-no-border label-placeholder=\"Password\" v-model=\"input24\" />\n          </div>\n        </div>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col w-full\">\n            <vs-checkbox class=\"inline-flex\" v-model=\"check6\">Remember Me</vs-checkbox>\n          </div>\n        </div>\n        <div class=\"vx-row\">\n          <div class=\"vx-col w-full\">\n            <vs-button class=\"mr-3 mb-2\">Submit</vs-button>\n            <vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input21 = input22 = input23 = input24 = ''; check6 = false;\">Reset</vs-button>\n          </div>\n        </div>\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;div class=&quot;vx-row mb-2&quot;&gt;\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\n      &lt;vs-input class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-user&quot; icon-no-border label-placeholder=&quot;First Name&quot; v-model=&quot;input21&quot; /&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row mb-2&quot;&gt;\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\n      &lt;vs-input type=&quot;email&quot; class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-mail&quot; icon-no-border label-placeholder=&quot;Email&quot; v-model=&quot;input22&quot; /&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row mb-2&quot;&gt;\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\n      &lt;vs-input class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-smartphone&quot; icon-no-border label-placeholder=&quot;Mobile&quot; v-model=&quot;input23&quot; /&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\n      &lt;vs-input type=&quot;password&quot; class=&quot;w-full&quot; icon-pack=&quot;feather&quot; icon=&quot;icon-lock&quot; icon-no-border label-placeholder=&quot;Password&quot; v-model=&quot;input24&quot; /&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\n      &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check6&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row&quot;&gt;\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\n      &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\n      &lt;vs-button color=&quot;warning&quot; type=&quot;border&quot; class=&quot;mb-2&quot; @click=&quot;input21 = input22 = input23 = input24 = ''; check6 = false;&quot;&gt;Reset&lt;/vs-button&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n&lt;/template&gt;\n        </template>\n      </vx-card>\n    </div>\n\n    <!-- MULTIPLE COLUMNS-->\n    <div class=\"vx-col w-full mb-base\">\n      <vx-card title=\"Multiple Columns\" code-toggler>\n        <div class=\"vx-row\">\n          <div class=\"vx-col sm:w-1/2 w-full mb-2\">\n            <vs-input class=\"w-full\" label-placeholder=\"First Name\" v-model=\"input25\" />\n          </div>\n          <div class=\"vx-col sm:w-1/2 w-full mb-2\">\n            <vs-input class=\"w-full\" label-placeholder=\"Last Name\" v-model=\"input26\" />\n          </div>\n        </div>\n        <div class=\"vx-row\">\n          <div class=\"vx-col sm:w-1/2 w-full mb-2\">\n            <vs-input class=\"w-full\" label-placeholder=\"City\" v-model=\"input27\" />\n          </div>\n          <div class=\"vx-col sm:w-1/2 w-full mb-2\">\n            <vs-input class=\"w-full\" label-placeholder=\"Country\" v-model=\"input28\" />\n          </div>\n        </div>\n        <div class=\"vx-row\">\n          <div class=\"vx-col sm:w-1/2 w-full mb-2\">\n            <vs-input class=\"w-full\" label-placeholder=\"Company\" v-model=\"input29\" />\n          </div>\n          <div class=\"vx-col sm:w-1/2 w-full mb-6\">\n            <vs-input type=\"email\" class=\"w-full\" label-placeholder=\"Email\" v-model=\"input30\" />\n          </div>\n        </div>\n        <div class=\"vx-row\">\n          <div class=\"vx-col w-full mb-6\">\n            <vs-checkbox class=\"inline-flex\" v-model=\"check7\">Remember Me</vs-checkbox>\n          </div>\n        </div>\n        <div class=\"vx-row\">\n          <div class=\"vx-col w-full\">\n            <vs-button class=\"mr-3 mb-2\">Submit</vs-button>\n            <vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input25 = input26 = input27 = input28 = input29 = input30 = ''; check7 = false;\">Reset</vs-button>\n          </div>\n        </div>\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;div class=&quot;vx-row&quot;&gt;\n    &lt;div class=&quot;vx-col sm:w-1/2 w-full mb-2&quot;&gt;\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;First Name&quot; v-model=&quot;input25&quot; /&gt;\n    &lt;/div&gt;\n    &lt;div class=&quot;vx-col sm:w-1/2 w-full mb-2&quot;&gt;\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;Last Name&quot; v-model=&quot;input26&quot; /&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row&quot;&gt;\n    &lt;div class=&quot;vx-col sm:w-1/2 w-full mb-2&quot;&gt;\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;City&quot; v-model=&quot;input27&quot; /&gt;\n    &lt;/div&gt;\n    &lt;div class=&quot;vx-col sm:w-1/2 w-full mb-2&quot;&gt;\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;Country&quot; v-model=&quot;input28&quot; /&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row&quot;&gt;\n    &lt;div class=&quot;vx-col sm:w-1/2 w-full mb-2&quot;&gt;\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;Company&quot; v-model=&quot;input29&quot; /&gt;\n    &lt;/div&gt;\n    &lt;div class=&quot;vx-col sm:w-1/2 w-full mb-6&quot;&gt;\n      &lt;vs-input type=&quot;email&quot; class=&quot;w-full&quot; label-placeholder=&quot;Email&quot; v-model=&quot;input30&quot; /&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row&quot;&gt;\n    &lt;div class=&quot;vx-col w-full mb-6&quot;&gt;\n      &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check7&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n  &lt;div class=&quot;vx-row&quot;&gt;\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\n      &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\n      &lt;vs-button color=&quot;warning&quot; type=&quot;border&quot; class=&quot;mb-2&quot; @click=&quot;input25 = input26 = input27 = input28 = input29 = input30 = ''; check7 = false;&quot;&gt;Reset&lt;/vs-button&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n&lt;/template&gt;\n        </template>\n      </vx-card>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default{\n  data () {\n    return {\n      check1: '',\n      check2: '',\n      check3: '',\n      check4: '',\n      check5: '',\n      check6: '',\n      check7: '',\n      input1: '',\n      input2: '',\n      input3: '',\n      input4: '',\n      input5: '',\n      input6: '',\n      input7: '',\n      input8: '',\n      input9: '',\n      input10: '',\n      input11: '',\n      input12: '',\n      input13: '',\n      input14: '',\n      input15: '',\n      input16: '',\n      input17: '',\n      input18: '',\n      input19: '',\n      input20: '',\n      input21: '',\n      input22: '',\n      input23: '',\n      input24: '',\n      input25: '',\n      input26: '',\n      input27: '',\n      input28: '',\n      input29: '',\n      input30: ''\n    }\n  }\n}\n</script>\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!./FormLayouts.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!./FormLayouts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormLayouts.vue?vue&type=template&id=08b49fe8&\"\nimport script from \"./FormLayouts.vue?vue&type=script&lang=js&\"\nexport * from \"./FormLayouts.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":""}