{"version":3,"sources":["webpack:///./src/views/forms/form-elements/input/Input.vue?7094","webpack:///./src/views/forms/form-elements/input/InputDefault.vue?9f89","webpack:///src/views/forms/form-elements/input/InputDefault.vue","webpack:///./src/views/forms/form-elements/input/InputDefault.vue?dc52","webpack:///./src/views/forms/form-elements/input/InputDefault.vue","webpack:///./src/views/forms/form-elements/input/InputLabel.vue?a145","webpack:///src/views/forms/form-elements/input/InputLabel.vue","webpack:///./src/views/forms/form-elements/input/InputLabel.vue?f88c","webpack:///./src/views/forms/form-elements/input/InputLabel.vue","webpack:///./src/views/forms/form-elements/input/InputLabelPlaceholder.vue?0bf8","webpack:///src/views/forms/form-elements/input/InputLabelPlaceholder.vue","webpack:///./src/views/forms/form-elements/input/InputLabelPlaceholder.vue?9349","webpack:///./src/views/forms/form-elements/input/InputLabelPlaceholder.vue","webpack:///./src/views/forms/form-elements/input/InputIcon.vue?531b","webpack:///src/views/forms/form-elements/input/InputIcon.vue","webpack:///./src/views/forms/form-elements/input/InputIcon.vue?7c48","webpack:///./src/views/forms/form-elements/input/InputIcon.vue","webpack:///./src/views/forms/form-elements/input/InputColor.vue?f515","webpack:///src/views/forms/form-elements/input/InputColor.vue","webpack:///./src/views/forms/form-elements/input/InputColor.vue?90c1","webpack:///./src/views/forms/form-elements/input/InputColor.vue","webpack:///./src/views/forms/form-elements/input/InputValidation.vue?687e","webpack:///src/views/forms/form-elements/input/InputValidation.vue","webpack:///./src/views/forms/form-elements/input/InputValidation.vue?53ea","webpack:///./src/views/forms/form-elements/input/InputValidation.vue","webpack:///./src/views/forms/form-elements/input/InputSize.vue?8e45","webpack:///src/views/forms/form-elements/input/InputSize.vue","webpack:///./src/views/forms/form-elements/input/InputSize.vue?5e55","webpack:///./src/views/forms/form-elements/input/InputSize.vue","webpack:///src/views/forms/form-elements/input/Input.vue","webpack:///./src/views/forms/form-elements/input/Input.vue?7376","webpack:///./src/views/forms/form-elements/input/Input.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","_v","staticClass","model","value","callback","$$v","value1","expression","value2","slot","data","component","value3","value4","value5","value6","value7","value8","components","InputDefault","InputLabel","InputLabelPlaceholder","InputIcon","InputColor","InputValidation","InputSize"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,4BAA4B,CAACF,EAAG,iBAAiBA,EAAG,eAAeA,EAAG,2BAA2BA,EAAG,cAAcA,EAAG,eAAeA,EAAG,oBAAoBA,EAAG,eAAe,IAC/RG,EAAkB,GCDlB,EAAS,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,UAAU,eAAe,KAAK,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,sFAAsFJ,EAAG,OAAO,CAACJ,EAAIQ,GAAG,cAAcR,EAAIQ,GAAG,iBAAiBJ,EAAG,MAAM,CAACK,YAAY,kBAAkB,CAACL,EAAG,WAAW,CAACK,YAAY,SAASH,MAAM,CAAC,YAAc,eAAeI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIc,OAAOD,GAAKE,WAAW,YAAYX,EAAG,WAAW,CAACK,YAAY,SAASH,MAAM,CAAC,SAAW,GAAG,YAAc,YAAYI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIgB,OAAOH,GAAKE,WAAW,aAAa,GAAGX,EAAG,WAAW,CAACa,KAAK,iBAAiB,CAACjB,EAAIQ,GAAG,iYAA4Y,IAC7mC,EAAkB,GC0CP,GACbU,KADF,WAEI,MAAO,CACLJ,OAAQA,GACRE,OAAQA,MC/CqX,I,YCO/XG,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QClBX,EAAS,WAAa,IAAInB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,QAAQ,eAAe,KAAK,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,+CAA+CJ,EAAG,OAAO,CAACJ,EAAIQ,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,kBAAkB,CAACL,EAAG,WAAW,CAACE,MAAM,CAAC,MAAQ,OAAO,YAAc,aAAaI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIc,OAAOD,GAAKE,WAAW,YAAYX,EAAG,WAAW,CAACE,MAAM,CAAC,KAAO,WAAW,MAAQ,WAAW,YAAc,iBAAiBI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIgB,OAAOH,GAAKE,WAAW,aAAa,GAAGX,EAAG,WAAW,CAACa,KAAK,iBAAiB,CAACjB,EAAIQ,GAAG,2XAAsY,IACpiC,EAAkB,GC0CP,GACbU,KADF,WAEI,MAAO,CACLJ,OAAQA,GACRE,OAAQA,MC/CmX,ICO7X,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QClBX,EAAS,WAAa,IAAIhB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,oBAAoB,eAAe,KAAK,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,mFAAmFJ,EAAG,OAAO,CAACJ,EAAIQ,GAAG,uBAAuBR,EAAIQ,GAAG,uBAAuBJ,EAAG,MAAM,CAACK,YAAY,kBAAkB,CAACL,EAAG,WAAW,CAACE,MAAM,CAAC,oBAAoB,qBAAqBI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIc,OAAOD,GAAKE,WAAW,YAAYX,EAAG,WAAW,CAACE,MAAM,CAAC,SAAW,OAAO,oBAAoB,8BAA8BI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIgB,OAAOH,GAAKE,WAAW,aAAa,GAAGX,EAAG,WAAW,CAACa,KAAK,iBAAiB,CAACjB,EAAIQ,GAAG,2XAAoY,IACznC,EAAkB,GC0CP,GACbU,KADF,WAEI,MAAO,CACLJ,OAAQA,GACRE,OAAQA,MC/C8X,ICOxY,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QClBX,EAAS,WAAa,IAAIhB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,OAAO,eAAe,KAAK,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,+CAA+CJ,EAAG,OAAO,CAACJ,EAAIQ,GAAG,aAAaR,EAAIQ,GAAG,yEAAyEJ,EAAG,OAAO,CAACJ,EAAIQ,GAAG,qBAAqBJ,EAAG,WAAW,CAACK,YAAY,OAAOH,MAAM,CAAC,MAAQ,UAAU,KAAO,eAAe,OAAS,SAAS,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,oBAAoBJ,EAAG,SAAS,CAACJ,EAAIQ,GAAG,2BAA2BR,EAAIQ,GAAG,yEAAyEJ,EAAG,IAAI,CAACE,MAAM,CAAC,KAAO,6BAA6B,OAAS,WAAW,CAACN,EAAIQ,GAAG,8BAA8BJ,EAAG,WAAW,CAACK,YAAY,OAAOH,MAAM,CAAC,MAAQ,UAAU,KAAO,eAAe,OAAS,SAAS,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,sEAAsEJ,EAAG,OAAO,CAACJ,EAAIQ,GAAG,kBAAkBR,EAAIQ,GAAG,UAAUJ,EAAG,OAAO,CAACJ,EAAIQ,GAAG,QAAQR,EAAIQ,GAAG,QAAQJ,EAAG,OAAO,CAACJ,EAAIQ,GAAG,SAASR,EAAIQ,GAAG,2EAA2EJ,EAAG,MAAMA,EAAG,MAAM,CAACK,YAAY,kBAAkB,CAACL,EAAG,WAAW,CAACK,YAAY,uBAAuBH,MAAM,CAAC,YAAY,UAAU,KAAO,cAAc,YAAc,UAAUI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIc,OAAOD,GAAKE,WAAW,YAAYX,EAAG,WAAW,CAACE,MAAM,CAAC,YAAY,UAAU,KAAO,cAAc,aAAa,GAAG,YAAc,aAAa,iBAAiB,UAAUI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIgB,OAAOH,GAAKE,WAAW,YAAYX,EAAG,WAAW,CAACE,MAAM,CAAC,YAAY,UAAU,KAAO,YAAY,oBAAoB,qBAAqBI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIoB,OAAOP,GAAKE,WAAW,YAAYX,EAAG,WAAW,CAACE,MAAM,CAAC,YAAY,UAAU,KAAO,qBAAqB,aAAa,GAAG,gBAAgB,OAAO,oBAAoB,qBAAqBI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIqB,OAAOR,GAAKE,WAAW,YAAYX,EAAG,WAAW,CAACE,MAAM,CAAC,YAAY,UAAU,KAAO,oBAAoB,oBAAoB,gBAAgB,SAAW,QAAQI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIsB,OAAOT,GAAKE,WAAW,YAAYX,EAAG,WAAW,CAACE,MAAM,CAAC,YAAY,UAAU,KAAO,YAAY,YAAc,iBAAiB,iBAAiB,IAAII,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIuB,OAAOV,GAAKE,WAAW,aAAa,GAAGX,EAAG,WAAW,CAACa,KAAK,iBAAiB,CAACjB,EAAIQ,GAAG,wlCAAioC,IAC7lH,EAAkB,GCgEP,GACbU,KADF,WAEI,MAAO,CACLJ,OAAQA,GACRE,OAAQA,GACRI,OAAQA,GACRC,OAAQA,GACRC,OAAQA,GACRC,OAAQA,GACRC,OAAQA,GACRC,OAAQA,MC3EkX,ICO5X,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QClBX,EAAS,WAAa,IAAIzB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,QAAQ,eAAe,KAAK,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,uFAAuFJ,EAAG,OAAO,CAACJ,EAAIQ,GAAG,WAAWR,EAAIQ,GAAG,8BAA8BJ,EAAG,cAAc,CAACE,MAAM,CAAC,GAAK,YAAY,CAACN,EAAIQ,GAAG,iBAAiBR,EAAIQ,GAAG,QAAQJ,EAAG,SAAS,CAACJ,EAAIQ,GAAG,YAAYR,EAAIQ,GAAG,SAASJ,EAAG,SAAS,CAACJ,EAAIQ,GAAG,SAASR,EAAIQ,GAAG,aAAa,GAAGJ,EAAG,WAAW,CAACK,YAAY,YAAYH,MAAM,CAAC,KAAO,UAAU,OAAS,OAAO,MAAQ,YAAY,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,SAASJ,EAAG,SAAS,CAACJ,EAAIQ,GAAG,SAASR,EAAIQ,GAAG,SAASJ,EAAG,SAAS,CAACJ,EAAIQ,GAAG,SAASR,EAAIQ,GAAG,8BAA8BJ,EAAG,MAAM,CAACK,YAAY,kBAAkB,CAACL,EAAG,WAAW,CAACK,YAAY,OAAOH,MAAM,CAAC,oBAAoB,WAAWI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIc,OAAOD,GAAKE,WAAW,YAAYX,EAAG,WAAW,CAACK,YAAY,OAAOH,MAAM,CAAC,MAAQ,UAAU,oBAAoB,WAAWI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIgB,OAAOH,GAAKE,WAAW,YAAYX,EAAG,WAAW,CAACK,YAAY,OAAOH,MAAM,CAAC,MAAQ,SAAS,oBAAoB,UAAUI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIoB,OAAOP,GAAKE,WAAW,YAAYX,EAAG,WAAW,CAACK,YAAY,OAAOH,MAAM,CAAC,MAAQ,UAAU,oBAAoB,WAAWI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIqB,OAAOR,GAAKE,WAAW,YAAYX,EAAG,WAAW,CAACE,MAAM,CAAC,MAAQ,OAAO,oBAAoB,QAAQI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIsB,OAAOT,GAAKE,WAAW,YAAYX,EAAG,WAAW,CAACE,MAAM,CAAC,MAAQ,oBAAoB,oBAAoB,0BAA0BI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIuB,OAAOV,GAAKE,WAAW,YAAYX,EAAG,WAAW,CAACE,MAAM,CAAC,MAAQ,UAAU,oBAAoB,gBAAgBI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIwB,OAAOX,GAAKE,WAAW,aAAa,GAAGX,EAAG,WAAW,CAACa,KAAK,iBAAiB,CAACjB,EAAIQ,GAAG,+2BAA04B,IACh4F,EAAkB,GC+DP,GACbU,KADF,WAEI,MAAO,CACLJ,OAAQA,GACRE,OAAQA,GACRI,OAAQA,GACRC,OAAQA,GACRC,OAAQA,GACRC,OAAQA,GACRC,OAAQA,MCzEmX,ICO7X,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QClBX,EAAS,WAAa,IAAIxB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,cAAc,eAAe,KAAK,CAACF,EAAG,IAAI,CAACJ,EAAIQ,GAAG,oFAAoFJ,EAAG,OAAO,CAACJ,EAAIQ,GAAG,gBAAgBR,EAAIQ,GAAG,qGAAqGJ,EAAG,OAAO,CAACJ,EAAIQ,GAAG,sBAAsBJ,EAAG,IAAI,CAACJ,EAAIQ,GAAG,2BAA2BJ,EAAG,OAAO,CAACJ,EAAIQ,GAAG,iBAAiBR,EAAIQ,GAAG,kCAAkCJ,EAAG,WAAW,CAACK,YAAY,OAAOH,MAAM,CAAC,MAAQ,UAAU,KAAO,eAAe,OAAS,SAAS,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,2EAA2EJ,EAAG,OAAO,CAACJ,EAAIQ,GAAG,oBAAoBR,EAAIQ,GAAG,iCAAiCJ,EAAG,MAAM,CAACK,YAAY,kBAAkB,CAACL,EAAG,WAAW,CAACE,MAAM,CAAC,SAAU,EAAK,eAAe,oBAAoB,YAAc,gBAAgB,mBAAmB,aAAa,gBAAgB,WAAWI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIc,OAAOD,GAAKE,WAAW,YAAYX,EAAG,WAAW,CAACE,MAAM,CAAC,QAAS,EAAK,cAAc,iBAAiB,YAAc,kBAAkB,kBAAkB,SAAS,gBAAgB,WAAWI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIgB,OAAOH,GAAKE,WAAW,YAAYX,EAAG,WAAW,CAACE,MAAM,CAAC,SAAU,EAAK,eAAe,sCAAsC,mBAAmB,sBAAsB,gBAAgB,WAAWI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIoB,OAAOP,GAAKE,WAAW,YAAYX,EAAG,WAAW,CAACE,MAAM,CAAC,mBAAmB,sCAAsC,YAAc,qBAAqBI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIqB,OAAOR,GAAKE,WAAW,aAAa,GAAGX,EAAG,WAAW,CAACa,KAAK,iBAAiB,CAACjB,EAAIQ,GAAG,ghCAAijC,IACv3F,EAAkB,GCoGP,GACbU,KADF,WAEI,MAAO,CACLJ,OAAQA,GACRE,OAAQA,GACRI,OAAQA,GACRC,OAAQA,MC3GwX,ICOlY,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QClBX,EAAS,WAAa,IAAIrB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,OAAO,eAAe,KAAK,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,oCAAoCJ,EAAG,OAAO,CAACJ,EAAIQ,GAAG,UAAUR,EAAIQ,GAAG,8BAA8BJ,EAAG,OAAO,CAACJ,EAAIQ,GAAG,WAAWR,EAAIQ,GAAG,SAASJ,EAAG,OAAO,CAACJ,EAAIQ,GAAG,aAAaJ,EAAG,MAAM,CAACK,YAAY,kBAAkB,CAACL,EAAG,WAAW,CAACK,YAAY,SAASH,MAAM,CAAC,KAAO,QAAQ,YAAc,cAAcI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIc,OAAOD,GAAKE,WAAW,YAAYX,EAAG,WAAW,CAACK,YAAY,SAASH,MAAM,CAAC,YAAc,gBAAgBI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIgB,OAAOH,GAAKE,WAAW,YAAYX,EAAG,WAAW,CAACK,YAAY,SAASH,MAAM,CAAC,KAAO,QAAQ,YAAc,cAAcI,MAAM,CAACC,MAAOX,EAAU,OAAEY,SAAS,SAAUC,GAAMb,EAAIoB,OAAOP,GAAKE,WAAW,aAAa,GAAGX,EAAG,WAAW,CAACa,KAAK,iBAAiB,CAACjB,EAAIQ,GAAG,qeAAsf,IAC36C,EAAkB,GC+CP,GACbU,KADF,WAEI,MAAO,CACLJ,OAAQA,GACRE,OAAQA,GACRI,OAAQA,MCrDkX,ICO5X,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QCaf,GACEM,WAAYA,CACVC,aAAJA,EACIC,WAAJA,EACIC,sBAAJA,EACIC,UAAJA,EACIC,WAAJA,EACIC,gBAAJA,EACIC,UAAJA,ICvC4X,ICOxX,EAAY,eACd,EACAlC,EACAQ,GACA,EACA,KACA,KACA,MAIa,e","file":"js/chunk-2d0b2f18.d011901d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"form-element-input-demo\"}},[_c('input-default'),_c('input-label'),_c('input-label-placeholder'),_c('input-icon'),_c('input-color'),_c('input-validation'),_c('input-size')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Default\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"The input is a functional part in an application, For implementing it we have the \"),_c('code',[_vm._v(\"vs-input\")]),_vm._v(\" component.\")]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-input',{staticClass:\"inputx\",attrs:{\"placeholder\":\"Placeholder\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-input',{staticClass:\"inputx\",attrs:{\"disabled\":\"\",\"placeholder\":\"Disabled\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template lang=\\\"html\\\">\\n  <div class=\\\"centerx default-input\\\">\\n    <vs-input class=\\\"inputx\\\" placeholder=\\\"Placeholder\\\" v-model=\\\"value1\\\" />\\n    <vs-input disabled class=\\\"inputx\\\" placeholder=\\\"Disabled\\\" v-model=\\\"value2\\\" />\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      value1: '',\\n      value2: ''\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: InputDefault.vue\n    Description: Default input using vs-input\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Default\" code-toggler>\n\n        <span>The input is a functional part in an application, For implementing it we have the <code>vs-input</code> component.</span>\n\n        <div class=\"demo-alignment\">\n            <vs-input class=\"inputx\" placeholder=\"Placeholder\" v-model=\"value1\" />\n            <vs-input disabled class=\"inputx\" placeholder=\"Disabled\" v-model=\"value2\" />\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template lang=&quot;html&quot;&gt;\n  &lt;div class=&quot;centerx default-input&quot;&gt;\n    &lt;vs-input class=&quot;inputx&quot; placeholder=&quot;Placeholder&quot; v-model=&quot;value1&quot; /&gt;\n    &lt;vs-input disabled class=&quot;inputx&quot; placeholder=&quot;Disabled&quot; v-model=&quot;value2&quot; /&gt;\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      value1: &apos;&apos;,\n      value2: &apos;&apos;\n    }\n  }\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      value1: '',\n      value2: ''\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!./InputDefault.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!./InputDefault.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputDefault.vue?vue&type=template&id=164a5cd2&\"\nimport script from \"./InputDefault.vue?vue&type=script&lang=js&\"\nexport * from \"./InputDefault.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Label\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"Add a label to the input with the property \"),_c('code',[_vm._v(\"label\")])]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-input',{attrs:{\"label\":\"Name\",\"placeholder\":\"Your Name\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-input',{attrs:{\"type\":\"password\",\"label\":\"Password\",\"placeholder\":\"Your Password\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n    <div class=\\\"centerx labelx\\\">\\n      <vs-input label=\\\"Name\\\" placeholder=\\\"Your Name\\\" v-model=\\\"value1\\\"/>\\n      <vs-input type=\\\"password\\\" label=\\\"Password\\\" placeholder=\\\"Your Password\\\" v-model=\\\"value2\\\"/>\\n    </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      value1:'',\\n      value2:''\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: InputLabel.vue\n    Description: Give label to inputs using label prop\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Label\" code-toggler>\n\n        <span>Add a label to the input with the property <code>label</code></span>\n\n        <div class=\"demo-alignment\">\n            <vs-input label=\"Name\" placeholder=\"Your Name\" v-model=\"value1\" />\n            <vs-input type=\"password\" label=\"Password\" placeholder=\"Your Password\" v-model=\"value2\" />\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n    &lt;div class=&quot;centerx labelx&quot;&gt;\n      &lt;vs-input label=&quot;Name&quot; placeholder=&quot;Your Name&quot; v-model=&quot;value1&quot;/&gt;\n      &lt;vs-input type=&quot;password&quot; label=&quot;Password&quot; placeholder=&quot;Your Password&quot; v-model=&quot;value2&quot;/&gt;\n    &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data(){\n    return {\n      value1:&apos;&apos;,\n      value2:&apos;&apos;\n    }\n  }\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      value1: '',\n      value2: ''\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!./InputLabel.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!./InputLabel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputLabel.vue?vue&type=template&id=76439101&\"\nimport script from \"./InputLabel.vue?vue&type=script&lang=js&\"\nexport * from \"./InputLabel.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Label Placeholder\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"The placeholder can become a label when the input is focused. Use the property \"),_c('code',[_vm._v(\"label-placeholder\")]),_vm._v(\" for making this.\")]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-input',{attrs:{\"label-placeholder\":\"Label-placeholder\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-input',{attrs:{\"disabled\":\"true\",\"label-placeholder\":\"Label-placeholder-disabled\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template lang=\\\"html\\\">\\n  <div class=\\\"centerx\\\">\\n    <vs-input label-placeholder=\\\"Label-placeholder\\\" v-model=\\\"value1\\\"/>\\n    <vs-input disabled=\\\"true\\\" label-placeholder=\\\"Label-placeholder-disabled\\\" v-model=\\\"value2\\\"/>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      value1:'',\\n      value2:''\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: InputLabelPlaceholder.vue\n    Description: Add placeholder to input\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Label Placeholder\" code-toggler>\n\n        <span>The placeholder can become a label when the input is focused. Use the property <code>label-placeholder</code> for making this.</span>\n\n        <div class=\"demo-alignment\">\n            <vs-input label-placeholder=\"Label-placeholder\" v-model=\"value1\" />\n            <vs-input disabled=\"true\" label-placeholder=\"Label-placeholder-disabled\" v-model=\"value2\" />\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template lang=&quot;html&quot;&gt;\n  &lt;div class=&quot;centerx&quot;&gt;\n    &lt;vs-input label-placeholder=&quot;Label-placeholder&quot; v-model=&quot;value1&quot;/&gt;\n    &lt;vs-input disabled=&quot;true&quot; label-placeholder=&quot;Label-placeholder-disabled&quot; v-model=&quot;value2&quot;/&gt;\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data(){\n    return {\n      value1:&apos;&apos;,\n      value2:&apos;&apos;\n    }\n  }\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      value1: '',\n      value2: ''\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!./InputLabelPlaceholder.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!./InputLabelPlaceholder.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputLabelPlaceholder.vue?vue&type=template&id=581b203e&\"\nimport script from \"./InputLabelPlaceholder.vue?vue&type=script&lang=js&\"\nexport * from \"./InputLabelPlaceholder.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Icon\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"The input can have icons. Use the property \"),_c('code',[_vm._v(\"vs-icon\")]),_vm._v(\". You can also also manipulate the icon's position with the property \"),_c('code',[_vm._v(\"vs-icon-after\")])]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"color\":\"primary\",\"icon\":\"new_releases\",\"active\":\"true\"}},[_c('span',[_vm._v(\"Vuesax uses the \"),_c('strong',[_vm._v(\"Google Material Icons\")]),_vm._v(\" font library. For a list of all available icons, visit the official \"),_c('a',{attrs:{\"href\":\"https://material.io/icons/\",\"target\":\"_blank\"}},[_vm._v(\"Material Icons page.\")])])]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"color\":\"primary\",\"icon\":\"new_releases\",\"active\":\"true\"}},[_c('span',[_vm._v(\"FontAwesome and other fonts library are supported. Simply use the \"),_c('code',[_vm._v(\"vs-icon-pack\")]),_vm._v(\" with \"),_c('code',[_vm._v(\"fa\")]),_vm._v(\" or \"),_c('code',[_vm._v(\"fas\")]),_vm._v(\". You still need to include the Font Awesome icons in your project.\")])]),_c('br'),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-input',{staticClass:\"is-label-placeholder\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-search\",\"placeholder\":\"Search\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-input',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-edit-2\",\"icon-after\":\"\",\"placeholder\":\"icon-after\",\"vs-placeholder\":\"Nombre\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}}),_c('vs-input',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-plus\",\"label-placeholder\":\"Label-placeholder\"},model:{value:(_vm.value3),callback:function ($$v) {_vm.value3=$$v},expression:\"value3\"}}),_c('vs-input',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-shopping-cart\",\"icon-after\":\"\",\"vs-icon-after\":\"true\",\"label-placeholder\":\"Label-placeholder\"},model:{value:(_vm.value4),callback:function ($$v) {_vm.value4=$$v},expression:\"value4\"}}),_c('vs-input',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-alert-circle\",\"label-placeholder\":\"icon-disabled\",\"disabled\":\"true\"},model:{value:(_vm.value5),callback:function ($$v) {_vm.value5=$$v},expression:\"value5\"}}),_c('vs-input',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-mail\",\"placeholder\":\"icon-no-border\",\"icon-no-border\":\"\"},model:{value:(_vm.value6),callback:function ($$v) {_vm.value6=$$v},expression:\"value6\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n    <div class=\\\"centerx\\\">\\n        <vs-input icon-pack=\\\"feather\\\" icon=\\\"icon-search\\\" placeholder=\\\"Search\\\" v-model=\\\"value1\\\" class=\\\"is-label-placeholder\\\" />\\n        <vs-input icon-pack=\\\"feather\\\" icon=\\\"icon-edit-2\\\" icon-after placeholder=\\\"icon-after\\\" vs-placeholder=\\\"Nombre\\\" v-model=\\\"value2\\\" />\\n        <vs-input icon-pack=\\\"feather\\\" icon=\\\"icon-plus\\\" label-placeholder=\\\"Label-placeholder\\\" v-model=\\\"value3\\\" />\\n        <vs-input icon-pack=\\\"feather\\\" icon=\\\"icon-shopping-cart\\\" icon-after vs-icon-after=\\\"true\\\" label-placeholder=\\\"Label-placeholder\\\" v-model=\\\"value4\\\" />\\n        <vs-input icon-pack=\\\"feather\\\" icon=\\\"icon-alert-circle\\\" label-placeholder=\\\"icon-disabled\\\" disabled=\\\"true\\\" v-model=\\\"value5\\\" />\\n        <vs-input icon-pack=\\\"feather\\\" icon=\\\"icon-mail\\\" placeholder=\\\"icon-no-border\\\" v-model=\\\"value6\\\" icon-no-border />\\n    </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      value1:'',\\n      value2:'',\\n      value3:'',\\n      value4:'',\\n      value5:'',\\n      value6:'',\\n      value7:'',\\n      value8: ''\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: InputIcon.vue\n    Description: Add icon to input using icon prop\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Icon\" code-toggler>\n\n        <span>The input can have icons. Use the property <code>vs-icon</code>. You can also also manipulate the icon's position with the property <code>vs-icon-after</code></span>\n\n        <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-5\">\n            <span>Vuesax uses the <strong>Google Material Icons</strong> font library. For a list of all available icons, visit the official <a href=\"https://material.io/icons/\" target=\"_blank\">Material Icons page.</a></span>\n        </vs-alert>\n\n        <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-5\">\n            <span>FontAwesome and other fonts library are supported. Simply use the <code>vs-icon-pack</code> with <code>fa</code> or <code>fas</code>. You still need to include the Font Awesome icons in your project.</span>\n        </vs-alert><br>\n\n        <div class=\"demo-alignment\">\n            <vs-input icon-pack=\"feather\" icon=\"icon-search\" placeholder=\"Search\" v-model=\"value1\" class=\"is-label-placeholder\" />\n            <vs-input icon-pack=\"feather\" icon=\"icon-edit-2\" icon-after placeholder=\"icon-after\" vs-placeholder=\"Nombre\" v-model=\"value2\" />\n            <vs-input icon-pack=\"feather\" icon=\"icon-plus\" label-placeholder=\"Label-placeholder\" v-model=\"value3\" />\n            <vs-input icon-pack=\"feather\" icon=\"icon-shopping-cart\" icon-after vs-icon-after=\"true\" label-placeholder=\"Label-placeholder\" v-model=\"value4\" />\n            <vs-input icon-pack=\"feather\" icon=\"icon-alert-circle\" label-placeholder=\"icon-disabled\" disabled=\"true\" v-model=\"value5\" />\n            <vs-input icon-pack=\"feather\" icon=\"icon-mail\" placeholder=\"icon-no-border\" v-model=\"value6\" icon-no-border />\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n    &lt;div class=&quot;centerx&quot;&gt;\n        &lt;vs-input icon-pack=&quot;feather&quot; icon=&quot;icon-search&quot; placeholder=&quot;Search&quot; v-model=&quot;value1&quot; class=&quot;is-label-placeholder&quot; /&gt;\n        &lt;vs-input icon-pack=&quot;feather&quot; icon=&quot;icon-edit-2&quot; icon-after placeholder=&quot;icon-after&quot; vs-placeholder=&quot;Nombre&quot; v-model=&quot;value2&quot; /&gt;\n        &lt;vs-input icon-pack=&quot;feather&quot; icon=&quot;icon-plus&quot; label-placeholder=&quot;Label-placeholder&quot; v-model=&quot;value3&quot; /&gt;\n        &lt;vs-input icon-pack=&quot;feather&quot; icon=&quot;icon-shopping-cart&quot; icon-after vs-icon-after=&quot;true&quot; label-placeholder=&quot;Label-placeholder&quot; v-model=&quot;value4&quot; /&gt;\n        &lt;vs-input icon-pack=&quot;feather&quot; icon=&quot;icon-alert-circle&quot; label-placeholder=&quot;icon-disabled&quot; disabled=&quot;true&quot; v-model=&quot;value5&quot; /&gt;\n        &lt;vs-input icon-pack=&quot;feather&quot; icon=&quot;icon-mail&quot; placeholder=&quot;icon-no-border&quot; v-model=&quot;value6&quot; icon-no-border /&gt;\n    &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data(){\n    return {\n      value1:&apos;&apos;,\n      value2:&apos;&apos;,\n      value3:&apos;&apos;,\n      value4:&apos;&apos;,\n      value5:&apos;&apos;,\n      value6:&apos;&apos;,\n      value7:&apos;&apos;,\n      value8: &apos;&apos;\n    }\n  }\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      value1: '',\n      value2: '',\n      value3: '',\n      value4: '',\n      value5: '',\n      value6: '',\n      value7: '',\n      value8: ''\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!./InputIcon.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!./InputIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputIcon.vue?vue&type=template&id=89005f86&\"\nimport script from \"./InputIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./InputIcon.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Color\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"You can change the color of the borders when the focus the input with the property \"),_c('code',[_vm._v(\"color\")]),_vm._v(\". You are able to use the \"),_c('router-link',{attrs:{\"to\":\"/colors\"}},[_vm._v(\"Main Colors\")]),_vm._v(\" or \"),_c('strong',[_vm._v(\"strong\")]),_vm._v(\" and \"),_c('strong',[_vm._v(\"HEX\")]),_vm._v(\" colors.\")],1),_c('vs-alert',{staticClass:\"mt-5 mb-3\",attrs:{\"icon\":\"warning\",\"active\":\"true\",\"color\":\"warning\"}},[_c('span',[_vm._v(\"Only \"),_c('strong',[_vm._v(\"RGB\")]),_vm._v(\" and \"),_c('strong',[_vm._v(\"HEX\")]),_vm._v(\" colors are supported.\")])]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-input',{staticClass:\"mb-2\",attrs:{\"label-placeholder\":\"Default\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-input',{staticClass:\"mb-2\",attrs:{\"color\":\"success\",\"label-placeholder\":\"Success\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}}),_c('vs-input',{staticClass:\"mb-2\",attrs:{\"color\":\"danger\",\"label-placeholder\":\"Danger\"},model:{value:(_vm.value3),callback:function ($$v) {_vm.value3=$$v},expression:\"value3\"}}),_c('vs-input',{staticClass:\"mb-2\",attrs:{\"color\":\"warning\",\"label-placeholder\":\"Warning\"},model:{value:(_vm.value4),callback:function ($$v) {_vm.value4=$$v},expression:\"value4\"}}),_c('vs-input',{attrs:{\"color\":\"dark\",\"label-placeholder\":\"Dark\"},model:{value:(_vm.value5),callback:function ($$v) {_vm.value5=$$v},expression:\"value5\"}}),_c('vs-input',{attrs:{\"color\":\"rgb(213, 14, 151)\",\"label-placeholder\":\"RGB: rgb(213, 14, 151)\"},model:{value:(_vm.value6),callback:function ($$v) {_vm.value6=$$v},expression:\"value6\"}}),_c('vs-input',{attrs:{\"color\":\"#11e988\",\"label-placeholder\":\"HEX: #11e988\"},model:{value:(_vm.value7),callback:function ($$v) {_vm.value7=$$v},expression:\"value7\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n\\n<template>\\n    <div class=\\\"demo-alignment\\\">\\n      <vs-input label-placeholder=\\\"Default\\\" v-model=\\\"value1\\\"/>\\n      <vs-input color=\\\"success\\\" label-placeholder=\\\"Success\\\" v-model=\\\"value2\\\"/>\\n      <vs-input color=\\\"danger\\\" label-placeholder=\\\"Danger\\\" v-model=\\\"value3\\\"/>\\n      <vs-input color=\\\"warning\\\" label-placeholder=\\\"Warning\\\" v-model=\\\"value4\\\"/>\\n      <vs-input color=\\\"dark\\\" label-placeholder=\\\"Dark\\\" v-model=\\\"value5\\\"/>\\n      <vs-input color=\\\"rgb(213, 14, 151)\\\" label-placeholder=\\\"RGB: rgb(213, 14, 151)\\\" v-model=\\\"value6\\\"/>\\n      <vs-input color=\\\"#11e988\\\" label-placeholder=\\\"HEX: #11e988\\\" v-model=\\\"value7\\\"/>\\n    </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      value1:'',\\n      value2:'',\\n      value3:'',\\n      value4:'',\\n      value5:'',\\n      value6:'',\\n      value7:''\\n    }\\n  }\\n}\\n</script>\\n\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: InputColor.vue\n    Description: Chnage border color of inputs\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Color\" code-toggler>\n\n        <span>You can change the color of the borders when the focus the input with the property <code>color</code>. You are able to use the <router-link to=\"/colors\">Main Colors</router-link> or <strong>strong</strong> and <strong>HEX</strong> colors.</span>\n\n        <vs-alert icon=\"warning\" active=\"true\" color=\"warning\" class=\"mt-5 mb-3\">\n            <span>Only <strong>RGB</strong> and <strong>HEX</strong> colors are supported.</span>\n        </vs-alert>\n\n        <div class=\"demo-alignment\">\n            <vs-input label-placeholder=\"Default\" v-model=\"value1\" class=\"mb-2\" />\n            <vs-input color=\"success\" label-placeholder=\"Success\" v-model=\"value2\" class=\"mb-2\" />\n            <vs-input color=\"danger\" label-placeholder=\"Danger\" v-model=\"value3\" class=\"mb-2\" />\n            <vs-input color=\"warning\" label-placeholder=\"Warning\" v-model=\"value4\" class=\"mb-2\" />\n            <vs-input color=\"dark\" label-placeholder=\"Dark\" v-model=\"value5\" />\n            <vs-input color=\"rgb(213, 14, 151)\" label-placeholder=\"RGB: rgb(213, 14, 151)\" v-model=\"value6\" />\n            <vs-input color=\"#11e988\" label-placeholder=\"HEX: #11e988\" v-model=\"value7\" />\n        </div>\n\n        <template slot=\"codeContainer\">\n\n&lt;template&gt;\n    &lt;div class=&quot;demo-alignment&quot;&gt;\n      &lt;vs-input label-placeholder=&quot;Default&quot; v-model=&quot;value1&quot;/&gt;\n      &lt;vs-input color=&quot;success&quot; label-placeholder=&quot;Success&quot; v-model=&quot;value2&quot;/&gt;\n      &lt;vs-input color=&quot;danger&quot; label-placeholder=&quot;Danger&quot; v-model=&quot;value3&quot;/&gt;\n      &lt;vs-input color=&quot;warning&quot; label-placeholder=&quot;Warning&quot; v-model=&quot;value4&quot;/&gt;\n      &lt;vs-input color=&quot;dark&quot; label-placeholder=&quot;Dark&quot; v-model=&quot;value5&quot;/&gt;\n      &lt;vs-input color=&quot;rgb(213, 14, 151)&quot; label-placeholder=&quot;RGB: rgb(213, 14, 151)&quot; v-model=&quot;value6&quot;/&gt;\n      &lt;vs-input color=&quot;#11e988&quot; label-placeholder=&quot;HEX: #11e988&quot; v-model=&quot;value7&quot;/&gt;\n    &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data(){\n    return {\n      value1:&apos;&apos;,\n      value2:&apos;&apos;,\n      value3:&apos;&apos;,\n      value4:&apos;&apos;,\n      value5:&apos;&apos;,\n      value6:&apos;&apos;,\n      value7:&apos;&apos;\n    }\n  }\n}\n&lt;/script&gt;\n\n        </template>\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      value1: '',\n      value2: '',\n      value3: '',\n      value4: '',\n      value5: '',\n      value6: '',\n      value7: ''\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!./InputColor.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!./InputColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputColor.vue?vue&type=template&id=716fbb7e&\"\nimport script from \"./InputColor.vue?vue&type=script&lang=js&\"\nexport * from \"./InputColor.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Validations\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can add a state for example of in affirmative response to a validation with \"),_c('code',[_vm._v(\"vs-success\")]),_vm._v(\" and if it is necessary to add a description or help to the user you can do it with the property \"),_c('code',[_vm._v(\"vs-description\")])]),_c('p',[_vm._v(\"You can add icon using \"),_c('code',[_vm._v(\"val-icon-{}\")]),_vm._v(\" and value will be icon name\")]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"color\":\"primary\",\"icon\":\"new_releases\",\"active\":\"true\"}},[_c('span',[_vm._v(\"Each of the states you can change the text, for example in the case of \"),_c('code',[_vm._v(\"vs-danger-text\")]),_vm._v(\" for the state of danger.\")])]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-input',{attrs:{\"success\":true,\"success-text\":\"The mail is valid\",\"placeholder\":\"Email Success\",\"val-icon-success\":\"icon-check\",\"val-icon-pack\":\"feather\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-input',{attrs:{\"danger\":true,\"danger-text\":\"Wrong password\",\"placeholder\":\"Password Danger\",\"val-icon-danger\":\"icon-x\",\"val-icon-pack\":\"feather\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}}),_c('vs-input',{attrs:{\"warning\":true,\"warning-text\":\"The your data could not be verified\",\"val-icon-warning\":\"icon-alert-triangle\",\"val-icon-pack\":\"feather\"},model:{value:(_vm.value3),callback:function ($$v) {_vm.value3=$$v},expression:\"value3\"}}),_c('vs-input',{attrs:{\"description-text\":\"Enter first two digit of your phone\",\"placeholder\":\"Phone Description\"},model:{value:(_vm.value4),callback:function ($$v) {_vm.value4=$$v},expression:\"value4\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n    <div class=\\\"centerx\\\">\\n    <vs-input\\n        :success=\\\"true\\\"\\n        success-text=\\\"The mail is valid\\\"\\n        placeholder=\\\"Email Success\\\"\\n        val-icon-success=\\\"icon-check\\\"\\n        val-icon-pack=\\\"feather\\\"\\n        v-model=\\\"value1\\\" />\\n\\n    <vs-input\\n        :danger=\\\"true\\\"\\n        danger-text=\\\"Wrong password\\\"\\n        placeholder=\\\"Password Danger\\\"\\n        val-icon-danger=\\\"icon-x\\\"\\n        val-icon-pack=\\\"feather\\\"\\n        v-model=\\\"value2\\\" />\\n\\n    <vs-input\\n        :warning=\\\"true\\\"\\n        warning-text=\\\"The your data could not be verified\\\"\\n        val-icon-warning=\\\"icon-alert-triangle\\\"\\n        val-icon-pack=\\\"feather\\\"\\n        v-model=\\\"value3\\\" />\\n\\n    <vs-input\\n        description-text=\\\"Enter first two digit of your phone\\\"\\n        placeholder=\\\"Phone Description\\\"\\n        v-model=\\\"value4\\\" />\\n    </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      value1:'',\\n      value2:'',\\n      value3:'',\\n      value4:'',\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: InputValidation.vue\n    Description: represent validation of inputs\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Validations\" code-toggler>\n\n        <p>You can add a state for example of in affirmative response to a validation with <code>vs-success</code> and if it is necessary to add a description or help to the user you can do it with the property <code>vs-description</code></p>\n\n        <p>You can add icon using <code>val-icon-{}</code> and value will be icon name</p>\n\n        <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-5\">\n            <span>Each of the states you can change the text, for example in the case of <code>vs-danger-text</code> for the state of danger.</span>\n        </vs-alert>\n\n        <div class=\"demo-alignment\">\n\n            <vs-input\n                :success=\"true\"\n                success-text=\"The mail is valid\"\n                placeholder=\"Email Success\"\n                val-icon-success=\"icon-check\"\n                val-icon-pack=\"feather\"\n                v-model=\"value1\" />\n\n            <vs-input\n                :danger=\"true\"\n                danger-text=\"Wrong password\"\n                placeholder=\"Password Danger\"\n                val-icon-danger=\"icon-x\"\n                val-icon-pack=\"feather\"\n                v-model=\"value2\" />\n\n            <vs-input\n                :warning=\"true\"\n                warning-text=\"The your data could not be verified\"\n                val-icon-warning=\"icon-alert-triangle\"\n                val-icon-pack=\"feather\"\n                v-model=\"value3\" />\n\n            <vs-input\n                description-text=\"Enter first two digit of your phone\"\n                placeholder=\"Phone Description\"\n                v-model=\"value4\" />\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n    &lt;div class=&quot;centerx&quot;&gt;\n    &lt;vs-input\n        :success=&quot;true&quot;\n        success-text=&quot;The mail is valid&quot;\n        placeholder=&quot;Email Success&quot;\n        val-icon-success=&quot;icon-check&quot;\n        val-icon-pack=&quot;feather&quot;\n        v-model=&quot;value1&quot; /&gt;\n\n    &lt;vs-input\n        :danger=&quot;true&quot;\n        danger-text=&quot;Wrong password&quot;\n        placeholder=&quot;Password Danger&quot;\n        val-icon-danger=&quot;icon-x&quot;\n        val-icon-pack=&quot;feather&quot;\n        v-model=&quot;value2&quot; /&gt;\n\n    &lt;vs-input\n        :warning=&quot;true&quot;\n        warning-text=&quot;The your data could not be verified&quot;\n        val-icon-warning=&quot;icon-alert-triangle&quot;\n        val-icon-pack=&quot;feather&quot;\n        v-model=&quot;value3&quot; /&gt;\n\n    &lt;vs-input\n        description-text=&quot;Enter first two digit of your phone&quot;\n        placeholder=&quot;Phone Description&quot;\n        v-model=&quot;value4&quot; /&gt;\n    &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data(){\n    return {\n      value1:&apos;&apos;,\n      value2:&apos;&apos;,\n      value3:&apos;&apos;,\n      value4:&apos;&apos;,\n    }\n  }\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n<script>\nexport default {\n  data () {\n    return {\n      value1: '',\n      value2: '',\n      value3: '',\n      value4: ''\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!./InputValidation.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!./InputValidation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputValidation.vue?vue&type=template&id=d43922e2&\"\nimport script from \"./InputValidation.vue?vue&type=script&lang=js&\"\nexport * from \"./InputValidation.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Size\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"Control the size of input using \"),_c('code',[_vm._v(\"size\")]),_vm._v(\". The allowed values are: \"),_c('code',[_vm._v(\"large\")]),_vm._v(\" and \"),_c('code',[_vm._v(\"small\")])]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-input',{staticClass:\"inputx\",attrs:{\"size\":\"large\",\"placeholder\":\"Size large\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-input',{staticClass:\"inputx\",attrs:{\"placeholder\":\"Size Default\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}}),_c('vs-input',{staticClass:\"inputx\",attrs:{\"size\":\"small\",\"placeholder\":\"Size small\"},model:{value:(_vm.value3),callback:function ($$v) {_vm.value3=$$v},expression:\"value3\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n\\n<template>\\n    <div class=\\\"centerx\\\">\\n       <vs-input size=\\\"large\\\" class=\\\"inputx\\\" placeholder=\\\"Size large\\\" v-model=\\\"value1\\\"/>\\n       <vs-input class=\\\"inputx\\\" placeholder=\\\"Size Default\\\" v-model=\\\"value2\\\"/>\\n       <vs-input size=\\\"small\\\" class=\\\"inputx\\\" placeholder=\\\"Size small\\\" v-model=\\\"value3\\\"/>\\n    </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      value1:'',\\n      value2:'',\\n      value3:''\\n    }\\n  }\\n}\\n</script>\\n\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: InputSize.vue\n    Description: Change size of input\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Size\" code-toggler>\n\n        <span>Control the size of input using <code>size</code>. The allowed values are: <code>large</code> and <code>small</code></span>\n\n        <div class=\"demo-alignment\">\n            <vs-input size=\"large\" class=\"inputx\" placeholder=\"Size large\" v-model=\"value1\" />\n            <vs-input class=\"inputx\" placeholder=\"Size Default\" v-model=\"value2\" />\n            <vs-input size=\"small\" class=\"inputx\" placeholder=\"Size small\" v-model=\"value3\" />\n        </div>\n\n        <template slot=\"codeContainer\">\n\n&lt;template&gt;\n    &lt;div class=&quot;centerx&quot;&gt;\n       &lt;vs-input size=&quot;large&quot; class=&quot;inputx&quot; placeholder=&quot;Size large&quot; v-model=&quot;value1&quot;/&gt;\n       &lt;vs-input class=&quot;inputx&quot; placeholder=&quot;Size Default&quot; v-model=&quot;value2&quot;/&gt;\n       &lt;vs-input size=&quot;small&quot; class=&quot;inputx&quot; placeholder=&quot;Size small&quot; v-model=&quot;value3&quot;/&gt;\n    &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data(){\n    return {\n      value1:&apos;&apos;,\n      value2:&apos;&apos;,\n      value3:&apos;&apos;\n    }\n  }\n}\n&lt;/script&gt;\n\n        </template>\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      value1: '',\n      value2: '',\n      value3: ''\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!./InputSize.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!./InputSize.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputSize.vue?vue&type=template&id=7873c08c&\"\nimport script from \"./InputSize.vue?vue&type=script&lang=js&\"\nexport * from \"./InputSize.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<!-- =========================================================================================\n    File Name: Input.vue\n    Description: Input Element - Imports all page portions.\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <div id=\"form-element-input-demo\">\n        <input-default></input-default>\n        <input-label></input-label>\n        <input-label-placeholder></input-label-placeholder>\n        <input-icon></input-icon>\n        <input-color></input-color>\n        <input-validation></input-validation>\n        <input-size></input-size>\n    </div>\n</template>\n\n<script>\nimport InputDefault from './InputDefault.vue'\nimport InputLabel from './InputLabel.vue'\nimport InputLabelPlaceholder from './InputLabelPlaceholder.vue'\nimport InputIcon from './InputIcon.vue'\nimport InputColor from './InputColor.vue'\nimport InputValidation from './InputValidation.vue'\nimport InputSize from './InputSize.vue'\n\nexport default{\n  components: {\n    InputDefault,\n    InputLabel,\n    InputLabelPlaceholder,\n    InputIcon,\n    InputColor,\n    InputValidation,\n    InputSize\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!./Input.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!./Input.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Input.vue?vue&type=template&id=caebeab6&\"\nimport script from \"./Input.vue?vue&type=script&lang=js&\"\nexport * from \"./Input.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":""}