{"version":3,"sources":["webpack:///./src/utils/Validator.js","webpack:///src/components/InputChannel.vue","webpack:///./src/components/InputChannel.vue?d0b9","webpack:///./src/components/InputChannel.vue","webpack:///./src/assets/images/ag-login.png"],"names":["Validator","value","length","test","InputChannel","data","state","errorMsg","props","methods","validate","val","this","trim","handleChange","e","target","$emit","components_InputChannel","render","_vm","_h","$createElement","_c","_self","staticClass","class","attrs","id","type","placeholder","on","input","_v","src","__webpack_require__","alt","ag-icon-valid","ag-icon-invalid","_e","_s","staticRenderFns","Component","normalizeComponent","ssrContext","__webpack_exports__","module","exports"],"mappings":"8HAAe,IAAAA,EAAA,SACHC,EAAOC,GACf,OAAOD,EAAMC,OAASA,EACpB,EAAI,GAHKF,EAAA,SAKHC,EAAOC,GACf,OAAOD,EAAMC,OAASA,EACpB,EAAI,GAPKF,EAAA,SASHC,GACR,MAAQ,mBAAmBE,KAAKF,GAC1B,EAAJ,GAXSD,EAAA,SAaFC,GACT,MAAiB,KAAVA,EACL,EAAI,GCQVG,GACAC,KADA,WAEA,OACAC,MAAA,GACAC,SAAA,KAIAC,OAAA,eAEAC,SACAC,SADA,SACAC,GAGA,OAFAC,KAAAN,MAAA,GACAM,KAAAL,SAAA,GACAP,EAAAW,EAAAE,SACAD,KAAAL,SAAA,mBAAAK,KAAAN,MAAA,aACA,GACAN,EAAAW,EAAAE,OAAA,IACAD,KAAAL,SAAA,qBAAAK,KAAAN,MAAA,aACA,GACAN,EAAAW,EAAAE,OAAA,KACAD,KAAAL,SAAA,qBAAAK,KAAAN,MAAA,aACA,GACAN,EAAAW,EAAAE,SACAD,KAAAL,SACA,mEACAK,KAAAN,MAAA,aACA,IAEAM,KAAAN,MAAA,cACA,IAIAQ,aAxBA,SAwBAC,GACA,IAAAT,EAAAM,KAAAF,SAAAK,EAAAC,OAAAf,OACAW,KAAAK,MAAA,SAAAF,EAAAC,OAAAf,MAAAK,MCxDeY,GADEC,OAFjB,WAA0B,IAAAC,EAAAR,KAAaS,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,2CAAqDF,EAAA,SAAcE,YAAA,mBAAAC,MAAAN,EAAAd,MAAAqB,OAAsDC,GAAA,UAAAC,KAAA,OAAAC,YAAAV,EAAAU,aAA2DC,IAAKC,MAAAZ,EAAAN,gBAA0BM,EAAAa,GAAA,KAAAV,EAAA,QAAyBE,YAAA,0BAAoCF,EAAA,OAAYI,OAAOO,IAAMC,EAAQ,QAA+BC,IAAA,QAAYhB,EAAAa,GAAA,KAAAV,EAAA,QAA2BE,YAAA,kBAA4BL,EAAA,MAAAG,EAAA,KAAsBE,YAAA,UAAAC,OAA6BW,gBAAA,eAAAjB,EAAAd,MAAAgC,kBAAA,cAAAlB,EAAAd,SAA2Fc,EAAAmB,OAAAnB,EAAAa,GAAA,KAAAV,EAAA,OAAmCE,YAAA,iBAA2BL,EAAAa,GAAA,WAAAb,EAAAoB,GAAApB,EAAAb,UAAA,eAExrBkC,oBCCjB,IAcAC,EAdyBP,EAAQ,OAcjCQ,CACEvC,EACAc,GATF,EAVA,SAAA0B,GACET,EAAQ,SAaV,kBAEA,MAUeU,EAAA,QAAAH,EAAiB,4BC1BhCI,EAAAC,QAAA","file":"static/js/0.ee01d11aaa61a7a6620a.js","sourcesContent":["export default {\n  minLength(value, length) {\n    return value.length < length ?\n      1 : 0\n  },\n  maxLength(value, length) {\n    return value.length > length ?\n      1 : 0\n  },\n  validChar(value) {\n    return !/^[0-9a-zA-Z\\_]+$/.test(value) ?\n      1 : 0\n  },\n  isNonEmpty(value) {\n    return value === '' ?\n      1 : 0\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./src/utils/Validator.js","<template>\n\t<div class=\"channel-wrapper control has-icons-left\">\n\t\t<input \n\t\t\t@input=\"handleChange\" \n\t\t\tid=\"channel\" \n\t\t\tclass=\"ag-rounded input\"\n\t\t\t:class=\"state\"\n\t\t\ttype=\"text\" \n\t\t\t:placeholder=\"placeholder\" />\n\t\t<span class=\"icon is-small is-left\">\n\t\t<img :src=\"require('../assets/images/ag-login.png')\" alt=\"\" />\n\t\t</span>\n\t\t<span class=\"validate-icon\">\n      <i v-if=\"state\" class=\"ag-icon\" :class=\"{'ag-icon-valid': state === 'is-success', 'ag-icon-invalid': state === 'is-danger'}\" />           \n\t\t</span>\n\t\t<div class=\"validate-msg\">\n      {{errorMsg}}\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport Validator from \"@/utils/Validator\";\nexport default {\n  data() {\n    return {\n      state: \"\",\n      errorMsg: \"\"\n    };\n  },\n\n  props: [\"placeholder\"],\n\n  methods: {\n    validate(val) {\n      this.state = \"\";\n      this.errorMsg = \"\";\n      if (Validator.isNonEmpty(val.trim())) {\n        (this.errorMsg = \"Cannot be empty!\"), (this.state = \"is-danger\");\n        return false;\n      } else if (Validator.minLength(val.trim(), 1)) {\n        (this.errorMsg = \"No shorter than 1!\"), (this.state = \"is-danger\");\n        return false;\n      } else if (Validator.maxLength(val.trim(), 16)) {\n        (this.errorMsg = \"No longer than 16!\"), (this.state = \"is-danger\");\n        return false;\n      } else if (Validator.validChar(val.trim())) {\n        (this.errorMsg =\n          'Only capital or lower-case letter, number and \"_\" are permitted!'),\n          (this.state = \"is-danger\");\n        return false;\n      } else {\n        this.state = \"is-success\";\n        return true;\n      }\n    },\n\n    handleChange(e) {\n      let state = this.validate(e.target.value);\n      this.$emit(\"change\", e.target.value, state);\n    }\n  }\n};\n</script>\n\n<style scoped>\n.channel-wrapper {\n  padding-bottom: 30px;\n}\n.channel-wrapper > span {\n  height: 35px !important;\n}\n\n#channel {\n  background: transparent;\n  color: white;\n  padding: 8px 50px;\n  height: 35px;\n}\n\n#channel:focus:not(.is-success):not(.is-danger) {\n  border-color: #00b6ed;\n}\n\n#channel::-webkit-input-placeholder {\n  color: white;\n  opacity: 0.5;\n}\n\n.channel-wrapper.has-icons-left .icon.is-left {\n  left: 15px;\n}\n\n.validate-msg {\n  width: 100%;\n  position: absolute;\n  bottom: -10px;\n  color: #ff3860;\n  text-align: center;\n  font-size: 12px;\n  height: 30px;\n}\n\n.validate-icon {\n  position: absolute;\n  right: -36px;\n  top: 0px;\n  color: red;\n  font-size: 2rem;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.validate-icon > .ag-icon-invalid {\n  color: #d0021b;\n}\n\n.validate-icon > .ag-icon-valid {\n  color: rgb(178, 206, 149);\n}\n</style>\n\n\n\n\n\n// WEBPACK FOOTER //\n// src/components/InputChannel.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"channel-wrapper control has-icons-left\"},[_c('input',{staticClass:\"ag-rounded input\",class:_vm.state,attrs:{\"id\":\"channel\",\"type\":\"text\",\"placeholder\":_vm.placeholder},on:{\"input\":_vm.handleChange}}),_vm._v(\" \"),_c('span',{staticClass:\"icon is-small is-left\"},[_c('img',{attrs:{\"src\":require('../assets/images/ag-login.png'),\"alt\":\"\"}})]),_vm._v(\" \"),_c('span',{staticClass:\"validate-icon\"},[(_vm.state)?_c('i',{staticClass:\"ag-icon\",class:{'ag-icon-valid': _vm.state === 'is-success', 'ag-icon-invalid': _vm.state === 'is-danger'}}):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"validate-msg\"},[_vm._v(\"\\n      \"+_vm._s(_vm.errorMsg)+\"\\n\\t\\t\")])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-a963061e\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/InputChannel.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-a963061e\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./InputChannel.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./InputChannel.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./InputChannel.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-a963061e\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./InputChannel.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-a963061e\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/InputChannel.vue\n// module id = null\n// module chunks = ","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAAGega+EAAAABGdBTUEAALGPC/xhBQAAASFJREFUOBHNk71qAkEUhR3jDwGFpLGSCBaCjZB0VoEQErAWHyMvYKFWiiD4LFaWFmmCnW9gmyZlcCBsvqM7G2aDu9p54XDn3HPu3ZnZ3UyGCIJgBG60GIQFa1QV+Qsnuwrc7tcSwAcYgpJ6Jyg750zPaplhuwZ3YK3NzJP60L+zGL6STGhXMhVTTPlIZ2wnIizgNce1yUfIkyvE8q0x5k0d/ZjgUfSy9lTwqv/JTqbUONl0eFXH5xV1uhf0dui5J1fBBmyB5XRj8iEwt9xaGd5zXJNeIQswBGknxeJFA9bkaQ+aOgCxD9EzJxJ6LSicdEuJk0Lx8gbl2NkKLHVW8rmX/UxPnsu2hoUXDOxSmIIf8A4qQH/1J9D3UQczmvW3R/ELvLZ7YNQHvpUAAAAASUVORK5CYII=\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/images/ag-login.png\n// module id = BbJn\n// module chunks = 0"],"sourceRoot":""}