{"version":3,"sources":["webpack:///./src/views/forms/FormLayouts.vue","webpack:///src/views/forms/FormLayouts.vue","webpack:///./src/views/forms/FormLayouts.vue?4a78","webpack:///./src/views/forms/FormLayouts.vue?31b1"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","model","value","input1","callback","$$v","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,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,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,CAACF,EAAIM,GAAG,kBAAkBJ,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASG,MAAM,CAACC,MAAOR,EAAIS,OAAQC,SAAS,SAAUC,GAAMX,EAAIS,OAAOE,GAAKC,WAAW,aAAa,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,OAAO,CAACF,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,KAAO,SAASE,MAAM,CAACC,MAAOR,EAAIa,OAAQH,SAAS,SAAUC,GAAMX,EAAIa,OAAOF,GAAKC,WAAW,aAAa,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,OAAO,CAACF,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASG,MAAM,CAACC,MAAOR,EAAIc,OAAQJ,SAAS,SAAUC,GAAMX,EAAIc,OAAOH,GAAKC,WAAW,aAAa,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,OAAO,CAACF,EAAIM,GAAG,gBAAgBJ,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,KAAO,YAAYE,MAAM,CAACC,MAAOR,EAAIe,OAAQL,SAAS,SAAUC,GAAMX,EAAIe,OAAOJ,GAAKC,WAAW,aAAa,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,cAAc,CAACE,YAAY,cAAcG,MAAM,CAACC,MAAOR,EAAIgB,OAAQN,SAAS,SAAUC,GAAMX,EAAIgB,OAAOL,GAAKC,WAAW,WAAW,CAACZ,EAAIM,GAAG,kBAAkB,KAAKJ,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,YAAY,CAACE,YAAY,aAAa,CAACJ,EAAIM,GAAG,YAAYJ,EAAG,YAAY,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,UAAU,KAAO,UAAUY,GAAG,CAAC,MAAQ,SAASC,GAAQlB,EAAIS,OAAST,EAAIa,OAASb,EAAIc,OAASd,EAAIe,OAASf,EAAIe,OAAS,GAAIf,EAAIgB,QAAS,KAAU,CAAChB,EAAIM,GAAG,YAAY,KAAKJ,EAAG,WAAW,CAACiB,KAAK,iBAAiB,CAACnB,EAAIM,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,CAACF,EAAIM,GAAG,kBAAkBJ,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,YAAY,UAAU,KAAO,YAAY,iBAAiB,IAAIE,MAAM,CAACC,MAAOR,EAAIoB,OAAQV,SAAS,SAAUC,GAAMX,EAAIoB,OAAOT,GAAKC,WAAW,aAAa,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,OAAO,CAACF,EAAIM,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,MAAOR,EAAIqB,OAAQX,SAAS,SAAUC,GAAMX,EAAIqB,OAAOV,GAAKC,WAAW,aAAa,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,OAAO,CAACF,EAAIM,GAAG,cAAcJ,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,YAAY,UAAU,KAAO,kBAAkB,iBAAiB,IAAIE,MAAM,CAACC,MAAOR,EAAIsB,OAAQZ,SAAS,SAAUC,GAAMX,EAAIsB,OAAOX,GAAKC,WAAW,aAAa,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,OAAO,CAACF,EAAIM,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,MAAOR,EAAIuB,OAAQb,SAAS,SAAUC,GAAMX,EAAIuB,OAAOZ,GAAKC,WAAW,aAAa,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,cAAc,CAACE,YAAY,cAAcG,MAAM,CAACC,MAAOR,EAAIwB,OAAQd,SAAS,SAAUC,GAAMX,EAAIwB,OAAOb,GAAKC,WAAW,WAAW,CAACZ,EAAIM,GAAG,kBAAkB,KAAKJ,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,YAAY,CAACE,YAAY,aAAa,CAACJ,EAAIM,GAAG,YAAYJ,EAAG,YAAY,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,UAAU,KAAO,UAAUY,GAAG,CAAC,MAAQ,SAASC,GAAQlB,EAAIoB,OAASpB,EAAIqB,OAASrB,EAAIsB,OAAStB,EAAIuB,OAAS,GAAIvB,EAAIwB,QAAS,KAAU,CAACxB,EAAIM,GAAG,YAAY,KAAKJ,EAAG,WAAW,CAACiB,KAAK,iBAAiB,CAACnB,EAAIM,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,MAAOR,EAAIyB,OAAQf,SAAS,SAAUC,GAAMX,EAAIyB,OAAOd,GAAKC,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,MAAOR,EAAI0B,QAAShB,SAAS,SAAUC,GAAMX,EAAI0B,QAAQf,GAAKC,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,MAAOR,EAAI2B,QAASjB,SAAS,SAAUC,GAAMX,EAAI2B,QAAQhB,GAAKC,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,MAAOR,EAAI4B,QAASlB,SAAS,SAAUC,GAAMX,EAAI4B,QAAQjB,GAAKC,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,cAAc,CAACE,YAAY,cAAcG,MAAM,CAACC,MAAOR,EAAI6B,OAAQnB,SAAS,SAAUC,GAAMX,EAAI6B,OAAOlB,GAAKC,WAAW,WAAW,CAACZ,EAAIM,GAAG,kBAAkB,KAAKJ,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACE,YAAY,aAAa,CAACJ,EAAIM,GAAG,YAAYJ,EAAG,YAAY,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,UAAU,KAAO,UAAUY,GAAG,CAAC,MAAQ,SAASC,GAAQlB,EAAIyB,OAASzB,EAAI0B,QAAU1B,EAAI2B,QAAU3B,EAAI4B,QAAU,GAAI5B,EAAI6B,QAAS,KAAU,CAAC7B,EAAIM,GAAG,YAAY,KAAKJ,EAAG,WAAW,CAACiB,KAAK,iBAAiB,CAACnB,EAAIM,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,MAAOR,EAAI8B,QAASpB,SAAS,SAAUC,GAAMX,EAAI8B,QAAQnB,GAAKC,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,MAAOR,EAAI+B,QAASrB,SAAS,SAAUC,GAAMX,EAAI+B,QAAQpB,GAAKC,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,MAAOR,EAAIgC,QAAStB,SAAS,SAAUC,GAAMX,EAAIgC,QAAQrB,GAAKC,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,MAAOR,EAAIiC,QAASvB,SAAS,SAAUC,GAAMX,EAAIiC,QAAQtB,GAAKC,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,cAAc,CAACE,YAAY,cAAcG,MAAM,CAACC,MAAOR,EAAIkC,OAAQxB,SAAS,SAAUC,GAAMX,EAAIkC,OAAOvB,GAAKC,WAAW,WAAW,CAACZ,EAAIM,GAAG,kBAAkB,KAAKJ,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACE,YAAY,aAAa,CAACJ,EAAIM,GAAG,YAAYJ,EAAG,YAAY,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,UAAU,KAAO,UAAUY,GAAG,CAAC,MAAQ,SAASC,GAAQlB,EAAI8B,QAAU9B,EAAI+B,QAAU/B,EAAIgC,QAAUhC,EAAIiC,QAAU,GAAIjC,EAAIkC,QAAS,KAAU,CAAClC,EAAIM,GAAG,aAAa,KAAKJ,EAAG,WAAW,CAACiB,KAAK,iBAAiB,CAACnB,EAAIM,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,MAAOR,EAAImC,QAASzB,SAAS,SAAUC,GAAMX,EAAImC,QAAQxB,GAAKC,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,MAAOR,EAAIoC,QAAS1B,SAAS,SAAUC,GAAMX,EAAIoC,QAAQzB,GAAKC,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,MAAOR,EAAIqC,QAAS3B,SAAS,SAAUC,GAAMX,EAAIqC,QAAQ1B,GAAKC,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,MAAOR,EAAIsC,QAAS5B,SAAS,SAAUC,GAAMX,EAAIsC,QAAQ3B,GAAKC,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,cAAc,CAACE,YAAY,cAAcG,MAAM,CAACC,MAAOR,EAAIuC,OAAQ7B,SAAS,SAAUC,GAAMX,EAAIuC,OAAO5B,GAAKC,WAAW,WAAW,CAACZ,EAAIM,GAAG,kBAAkB,KAAKJ,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACE,YAAY,aAAa,CAACJ,EAAIM,GAAG,YAAYJ,EAAG,YAAY,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,UAAU,KAAO,UAAUY,GAAG,CAAC,MAAQ,SAASC,GAAQlB,EAAImC,QAAUnC,EAAIoC,QAAUpC,EAAIqC,QAAUrC,EAAIsC,QAAU,GAAItC,EAAIuC,QAAS,KAAU,CAACvC,EAAIM,GAAG,aAAa,KAAKJ,EAAG,WAAW,CAACiB,KAAK,iBAAiB,CAACnB,EAAIM,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,MAAOR,EAAIwC,QAAS9B,SAAS,SAAUC,GAAMX,EAAIwC,QAAQ7B,GAAKC,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,MAAOR,EAAIyC,QAAS/B,SAAS,SAAUC,GAAMX,EAAIyC,QAAQ9B,GAAKC,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,MAAOR,EAAI0C,QAAShC,SAAS,SAAUC,GAAMX,EAAI0C,QAAQ/B,GAAKC,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,MAAOR,EAAI2C,QAASjC,SAAS,SAAUC,GAAMX,EAAI2C,QAAQhC,GAAKC,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,cAAc,CAACE,YAAY,cAAcG,MAAM,CAACC,MAAOR,EAAI4C,OAAQlC,SAAS,SAAUC,GAAMX,EAAI4C,OAAOjC,GAAKC,WAAW,WAAW,CAACZ,EAAIM,GAAG,kBAAkB,KAAKJ,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACE,YAAY,aAAa,CAACJ,EAAIM,GAAG,YAAYJ,EAAG,YAAY,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,UAAU,KAAO,UAAUY,GAAG,CAAC,MAAQ,SAASC,GAAQlB,EAAIwC,QAAUxC,EAAIyC,QAAUzC,EAAI0C,QAAU1C,EAAI2C,QAAU,GAAI3C,EAAI4C,QAAS,KAAU,CAAC5C,EAAIM,GAAG,YAAY,KAAKJ,EAAG,WAAW,CAACiB,KAAK,iBAAiB,CAACnB,EAAIM,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,MAAOR,EAAI6C,QAASnC,SAAS,SAAUC,GAAMX,EAAI6C,QAAQlC,GAAKC,WAAW,cAAc,GAAGV,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,oBAAoB,aAAaE,MAAM,CAACC,MAAOR,EAAI8C,QAASpC,SAAS,SAAUC,GAAMX,EAAI8C,QAAQnC,GAAKC,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,MAAOR,EAAI+C,QAASrC,SAAS,SAAUC,GAAMX,EAAI+C,QAAQpC,GAAKC,WAAW,cAAc,GAAGV,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,oBAAoB,WAAWE,MAAM,CAACC,MAAOR,EAAIgD,QAAStC,SAAS,SAAUC,GAAMX,EAAIgD,QAAQrC,GAAKC,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,MAAOR,EAAIiD,QAASvC,SAAS,SAAUC,GAAMX,EAAIiD,QAAQtC,GAAKC,WAAW,cAAc,GAAGV,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,KAAO,QAAQ,oBAAoB,SAASE,MAAM,CAACC,MAAOR,EAAIkD,QAASxC,SAAS,SAAUC,GAAMX,EAAIkD,QAAQvC,GAAKC,WAAW,cAAc,KAAKV,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,cAAc,CAACE,YAAY,cAAcG,MAAM,CAACC,MAAOR,EAAImD,OAAQzC,SAAS,SAAUC,GAAMX,EAAImD,OAAOxC,GAAKC,WAAW,WAAW,CAACZ,EAAIM,GAAG,kBAAkB,KAAKJ,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACE,YAAY,aAAa,CAACJ,EAAIM,GAAG,YAAYJ,EAAG,YAAY,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,UAAU,KAAO,UAAUY,GAAG,CAAC,MAAQ,SAASC,GAAQlB,EAAI6C,QAAU7C,EAAI8C,QAAU9C,EAAI+C,QAAU/C,EAAIgD,QAAUhD,EAAIiD,QAAUjD,EAAIkD,QAAU,GAAIlD,EAAImD,QAAS,KAAU,CAACnD,EAAIM,GAAG,YAAY,KAAKJ,EAAG,WAAW,CAACiB,KAAK,iBAAiB,CAACnB,EAAIM,GAAG,47CAAwgD,IAAI,MAElowB8C,EAAkB,GC8jBtB,GACAC,KAAA,WACA,OACArC,OAAA,GACAQ,OAAA,GACAK,OAAA,GACAK,OAAA,GACAK,OAAA,GACAK,OAAA,GACAO,OAAA,GACA1C,OAAA,GACAI,OAAA,GACAC,OAAA,GACAC,OAAA,GACAK,OAAA,GACAC,OAAA,GACAC,OAAA,GACAC,OAAA,GACAE,OAAA,GACAC,QAAA,GACAC,QAAA,GACAC,QAAA,GACAE,QAAA,GACAC,QAAA,GACAC,QAAA,GACAC,QAAA,GACAE,QAAA,GACAC,QAAA,GACAC,QAAA,GACAC,QAAA,GACAE,QAAA,GACAC,QAAA,GACAC,QAAA,GACAC,QAAA,GACAE,QAAA,GACAC,QAAA,GACAC,QAAA,GACAC,QAAA,GACAC,QAAA,GACAC,QAAA,MCvmBmW,I,YCO/VI,EAAY,eACd,EACAvD,EACAqD,GACA,EACA,KACA,KACA,MAIa,aAAAE,E","file":"js/chunk-2d21d854.72df8768.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;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)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"vx-row\">\r\n\r\n\t\t<!-- HORIZONTAL LAYOUT -->\r\n\t\t<div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n\t\t\t<vx-card title=\"Horizontal Form\" code-toggler>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/3 w-full\">\r\n\t\t\t\t\t\t<span>First Name</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" v-model=\"input1\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/3 w-full\">\r\n\t\t\t\t\t\t<span>Email</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" type=\"email\" v-model=\"input2\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/3 w-full\">\r\n\t\t\t\t\t\t<span>Mobile</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" v-model=\"input3\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/3 w-full\">\r\n\t\t\t\t\t\t<span>Password</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" type=\"password\" v-model=\"input4\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full ml-auto\">\r\n\t\t\t\t\t\t<vs-checkbox class=\"inline-flex\" v-model=\"check1\">Remember Me</vs-checkbox>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full ml-auto\">\r\n\t\t\t\t\t\t<vs-button class=\"mr-3 mb-2\">Submit</vs-button>\r\n\t\t\t\t\t\t<vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input1 = input2 = input3 = input4 = input4 = ''; check1 = false;\">Reset</vs-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n        <!-- CODE -->\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n      &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\r\n        &lt;span&gt;First Name&lt;/span&gt;\r\n      &lt;/div&gt;\r\n      &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\r\n        &lt;vs-input class=&quot;w-full&quot; v-model=&quot;input1&quot; /&gt;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n      &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\r\n        &lt;span&gt;Email&lt;/span&gt;\r\n      &lt;/div&gt;\r\n      &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\r\n        &lt;vs-input class=&quot;w-full&quot; type=&quot;email&quot; v-model=&quot;input2&quot; /&gt;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n      &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\r\n        &lt;span&gt;Mobile&lt;/span&gt;\r\n      &lt;/div&gt;\r\n      &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\r\n        &lt;vs-input class=&quot;w-full&quot; v-model=&quot;input3&quot; /&gt;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n      &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\r\n        &lt;span&gt;Password&lt;/span&gt;\r\n      &lt;/div&gt;\r\n      &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\r\n        &lt;vs-input class=&quot;w-full&quot; type=&quot;password&quot; v-model=&quot;input4&quot; /&gt;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n      &lt;div class=&quot;vx-col sm:w-2/3 w-full ml-auto&quot;&gt;\r\n        &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check1&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-row&quot;&gt;\r\n      &lt;div class=&quot;vx-col sm:w-2/3 w-full ml-auto&quot;&gt;\r\n        &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\r\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;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n&lt;/template&gt;\r\n        </template>\r\n\t\t\t</vx-card>\r\n\t\t</div>\r\n\r\n\t\t<!-- HORIZONTAL LAYOUT WITH ICON-->\r\n\t\t<div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n\t\t\t<vx-card title=\"Horizontal Form\" code-toggler>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/3 w-full\">\r\n\t\t\t\t\t\t<span>First Name</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" icon-pack=\"feather\" icon=\"icon-user\" icon-no-border v-model=\"input5\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/3 w-full\">\r\n\t\t\t\t\t\t<span>Email</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full\">\r\n\t\t\t\t\t\t<vs-input type=\"email\" class=\"w-full\" icon-pack=\"feather\" icon=\"icon-mail\" icon-no-border v-model=\"input6\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/3 w-full\">\r\n\t\t\t\t\t\t<span>Mobile</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" icon-pack=\"feather\" icon=\"icon-smartphone\" icon-no-border v-model=\"input7\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/3 w-full\">\r\n\t\t\t\t\t\t<span>Password</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full\">\r\n\t\t\t\t\t\t<vs-input type=\"password\" class=\"w-full\" icon-pack=\"feather\" icon=\"icon-lock\" icon-no-border v-model=\"input8\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full ml-auto\">\r\n\t\t\t\t\t\t<vs-checkbox class=\"inline-flex\" v-model=\"check2\">Remember Me</vs-checkbox>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-2/3 w-full ml-auto\">\r\n\t\t\t\t\t\t<vs-button class=\"mr-3 mb-2\">Submit</vs-button>\r\n\t\t\t\t\t\t<vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input5 = input6 = input7 = input8 = ''; check2 = false;\">Reset</vs-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n        <!-- CODE -->\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\r\n      &lt;span&gt;First Name&lt;/span&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\r\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;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\r\n      &lt;span&gt;Email&lt;/span&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\r\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;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\r\n      &lt;span&gt;Mobile&lt;/span&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\r\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;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col sm:w-1/3 w-full&quot;&gt;\r\n      &lt;span&gt;Password&lt;/span&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-col sm:w-2/3 w-full&quot;&gt;\r\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;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col sm:w-2/3 w-full ml-auto&quot;&gt;\r\n      &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check2&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row&quot;&gt;\r\n    &lt;div class=&quot;vx-col sm:w-2/3 w-full ml-auto&quot;&gt;\r\n      &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\r\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;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n        </template>\r\n\t\t\t</vx-card>\r\n\t\t</div>\r\n\r\n\t\t<!-- VERTICAL LAYOUT -->\r\n\t\t<div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n\t\t\t<vx-card title=\"Vertical Form\" code-toggler>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" label=\"First Name\" v-model=\"input9\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" type=\"email\" label=\"Email\" v-model=\"input10\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" label=\"Mobile\" v-model=\"input11\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" type=\"password\" label=\"Password\" v-model=\"input12\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-checkbox class=\"inline-flex\" v-model=\"check3\">Remember Me</vs-checkbox>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-button class=\"mr-3 mb-2\">Submit</vs-button>\r\n\t\t\t\t\t\t<vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input9 = input10 = input11 = input12 = ''; check3 = false;\">Reset</vs-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n        <!-- CODE -->\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; label=&quot;First Name&quot; v-model=&quot;input9&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; type=&quot;email&quot; label=&quot;Email&quot; v-model=&quot;input10&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; label=&quot;Mobile&quot; v-model=&quot;input11&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; type=&quot;password&quot; label=&quot;Password&quot; v-model=&quot;input12&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check3&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\r\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;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n        </template>\r\n\t\t\t</vx-card>\r\n\t\t</div>\r\n\r\n\t\t<!-- VERTICAL LAYOUT WITH ICON-->\r\n\t\t<div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n\t\t\t<vx-card title=\"Vertical Form\" code-toggler>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" icon-pack=\"feather\" icon=\"icon-user\" icon-no-border label=\"First Name\" v-model=\"input13\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input type=\"email\" class=\"w-full\" icon-pack=\"feather\" icon=\"icon-mail\" icon-no-border label=\"Email\" v-model=\"input14\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" icon-pack=\"feather\" icon=\"icon-smartphone\" icon-no-border label=\"Mobile\" v-model=\"input15\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input type=\"password\" class=\"w-full\" icon-pack=\"feather\" icon=\"icon-lock\" icon-no-border label=\"Password\" v-model=\"input16\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-checkbox class=\"inline-flex\" v-model=\"check4\">Remember Me</vs-checkbox>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-button class=\"mr-3 mb-2\">Submit</vs-button>\r\n\t\t\t\t\t\t<vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input13 = input14 = input15 = input16 = ''; check4 = false;\">Cancle</vs-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n        <!-- CODE -->\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\r\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;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\r\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;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\r\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;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\r\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;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n        &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check4&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-row&quot;&gt;\r\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n        &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\r\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;\r\n      &lt;/div&gt;\r\n    &lt;/div&gt;\r\n&lt;/template&gt;\r\n        </template>\r\n\t\t\t</vx-card>\r\n\t\t</div>\r\n\r\n\t\t<!-- FORM WITH LABEL PLACEHOLDER -->\r\n\t\t<div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n\t\t\t<vx-card title=\"Form With Label Placeholder\" code-toggler>\r\n\t\t\t\t<div class=\"vx-row mb-2\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" label-placeholder=\"First Name\" v-model=\"input17\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-2\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" type=\"email\" label-placeholder=\"Email\" v-model=\"input18\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-2\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" label-placeholder=\"Mobile\" v-model=\"input19\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" type=\"password\" label-placeholder=\"Password\" v-model=\"input20\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-checkbox class=\"inline-flex\" v-model=\"check5\">Remember Me</vs-checkbox>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-button class=\"mr-3 mb-2\">Submit</vs-button>\r\n\t\t\t\t\t\t<vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input17 = input18 = input19 = input20 = ''; check5 = false;\">Cancle</vs-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n        <!-- CODE -->\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;vx-row mb-2&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;First Name&quot; v-model=&quot;input17&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-2&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; type=&quot;email&quot; label-placeholder=&quot;Email&quot; v-model=&quot;input18&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-2&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;Mobile&quot; v-model=&quot;input19&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; type=&quot;password&quot; label-placeholder=&quot;Password&quot; v-model=&quot;input20&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check5&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\r\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;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n        </template>\r\n\t\t\t</vx-card>\r\n\t\t</div>\r\n\r\n\t\t<!-- FORM WITH LABEL PLACEHOLDER WITH ICON-->\r\n\t\t<div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n\t\t\t<vx-card title=\"Form With Label Placeholder\" code-toggler>\r\n\t\t\t\t<div class=\"vx-row mb-2\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" icon-pack=\"feather\" icon=\"icon-user\" icon-no-border label-placeholder=\"First Name\" v-model=\"input21\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-2\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input type=\"email\" class=\"w-full\" icon-pack=\"feather\" icon=\"icon-mail\" icon-no-border label-placeholder=\"Email\" v-model=\"input22\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-2\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" icon-pack=\"feather\" icon=\"icon-smartphone\" icon-no-border label-placeholder=\"Mobile\" v-model=\"input23\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-input type=\"password\" class=\"w-full\" icon-pack=\"feather\" icon=\"icon-lock\" icon-no-border label-placeholder=\"Password\" v-model=\"input24\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row mb-6\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-checkbox class=\"inline-flex\" v-model=\"check6\">Remember Me</vs-checkbox>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-button class=\"mr-3 mb-2\">Submit</vs-button>\r\n\t\t\t\t\t\t<vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input21 = input22 = input23 = input24 = ''; check6 = false;\">Reset</vs-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;vx-row mb-2&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\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;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-2&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\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;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-2&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\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;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\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;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row mb-6&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check6&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\r\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;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n        </template>\r\n\t\t\t</vx-card>\r\n\t\t</div>\r\n\r\n\t\t<!-- MULTIPLE COLUMNS-->\r\n\t\t<div class=\"vx-col w-full mb-base\">\r\n\t\t\t<vx-card title=\"Multiple Columns\" code-toggler>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/2 w-full mb-2\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" label-placeholder=\"First Name\" v-model=\"input25\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/2 w-full mb-2\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" label-placeholder=\"Last Name\" v-model=\"input26\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/2 w-full mb-2\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" label-placeholder=\"City\" v-model=\"input27\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/2 w-full mb-2\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" label-placeholder=\"Country\" v-model=\"input28\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/2 w-full mb-2\">\r\n\t\t\t\t\t\t<vs-input class=\"w-full\" label-placeholder=\"Company\" v-model=\"input29\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"vx-col sm:w-1/2 w-full mb-6\">\r\n\t\t\t\t\t\t<vs-input type=\"email\" class=\"w-full\" label-placeholder=\"Email\" v-model=\"input30\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col w-full mb-6\">\r\n\t\t\t\t\t\t<vs-checkbox class=\"inline-flex\" v-model=\"check7\">Remember Me</vs-checkbox>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vx-row\">\r\n\t\t\t\t\t<div class=\"vx-col w-full\">\r\n\t\t\t\t\t\t<vs-button class=\"mr-3 mb-2\">Submit</vs-button>\r\n\t\t\t\t\t\t<vs-button color=\"warning\" type=\"border\" class=\"mb-2\" @click=\"input25 = input26 = input27 = input28 = input29 = input30 = ''; check7 = false;\">Reset</vs-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;vx-row&quot;&gt;\r\n    &lt;div class=&quot;vx-col sm:w-1/2 w-full mb-2&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;First Name&quot; v-model=&quot;input25&quot; /&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-col sm:w-1/2 w-full mb-2&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;Last Name&quot; v-model=&quot;input26&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row&quot;&gt;\r\n    &lt;div class=&quot;vx-col sm:w-1/2 w-full mb-2&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;City&quot; v-model=&quot;input27&quot; /&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-col sm:w-1/2 w-full mb-2&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;Country&quot; v-model=&quot;input28&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row&quot;&gt;\r\n    &lt;div class=&quot;vx-col sm:w-1/2 w-full mb-2&quot;&gt;\r\n      &lt;vs-input class=&quot;w-full&quot; label-placeholder=&quot;Company&quot; v-model=&quot;input29&quot; /&gt;\r\n    &lt;/div&gt;\r\n    &lt;div class=&quot;vx-col sm:w-1/2 w-full mb-6&quot;&gt;\r\n      &lt;vs-input type=&quot;email&quot; class=&quot;w-full&quot; label-placeholder=&quot;Email&quot; v-model=&quot;input30&quot; /&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full mb-6&quot;&gt;\r\n      &lt;vs-checkbox class=&quot;inline-flex&quot; v-model=&quot;check7&quot;&gt;Remember Me&lt;/vs-checkbox&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n  &lt;div class=&quot;vx-row&quot;&gt;\r\n    &lt;div class=&quot;vx-col w-full&quot;&gt;\r\n      &lt;vs-button class=&quot;mr-3 mb-2&quot;&gt;Submit&lt;/vs-button&gt;\r\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;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n        </template>\r\n\t\t\t</vx-card>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default{\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tcheck1: '',\r\n\t\t\tcheck2: '',\r\n\t\t\tcheck3: '',\r\n\t\t\tcheck4: '',\r\n\t\t\tcheck5: '',\r\n\t\t\tcheck6: '',\r\n\t\t\tcheck7: '',\r\n\t\t\tinput1: '',\r\n\t\t\tinput2: '',\r\n\t\t\tinput3: '',\r\n\t\t\tinput4: '',\r\n\t\t\tinput5: '',\r\n\t\t\tinput6: '',\r\n\t\t\tinput7: '',\r\n\t\t\tinput8: '',\r\n\t\t\tinput9: '',\r\n\t\t\tinput10: '',\r\n\t\t\tinput11: '',\r\n\t\t\tinput12: '',\r\n\t\t\tinput13: '',\r\n\t\t\tinput14: '',\r\n\t\t\tinput15: '',\r\n\t\t\tinput16: '',\r\n\t\t\tinput17: '',\r\n\t\t\tinput18: '',\r\n\t\t\tinput19: '',\r\n\t\t\tinput20: '',\r\n\t\t\tinput21: '',\r\n\t\t\tinput22: '',\r\n\t\t\tinput23: '',\r\n\t\t\tinput24: '',\r\n\t\t\tinput25: '',\r\n\t\t\tinput26: '',\r\n\t\t\tinput27: '',\r\n\t\t\tinput28: '',\r\n\t\t\tinput29: '',\r\n\t\t\tinput30: '',\r\n\t\t}\r\n\t}\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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=51540fc6\"\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":""}