{"version":3,"sources":["webpack:///./src/views/Contact.vue?c916","webpack:///./src/views/Contact.vue","webpack:///./src/components/form-contact.vue","webpack:///./src/components/form-contact.vue?a238","webpack:///./src/views/Contact.vue?396a","webpack:///./src/components/form-contact.vue?a6cd"],"names":["class","isToast","message","for","ref","onSubmit","required","minlength","maxlength","name","type","id","placeholder","email","disabled","data","methods","console","log","this","$refs","form","reset","$emit","render","__scopeId","components","FormContact","Toast"],"mappings":"oIAAA,W,6JCUOA,MAAM,O,GAEPA,MAAM,sF,EAEN,eAEK,MAFDA,MAAM,oCAAmC,kBAE7C,G,EACA,eAII,KAJDA,MAAM,aAAY,uJAIrB,G,kKAlBI,EAAAC,S,iBAFR,eAQE,G,MAPC,eAAY,+BAAE,EAAAA,SAAO,IAErBC,QAAS,C,uIAMZ,eAcM,MAdN,EAcM,CAbJ,eAYM,MAZN,EAYM,CATJ,EAGA,EAKA,eAAwD,GAA1C,YAAS,+BAAE,EAAAD,SAAO,IAASD,MAAM,c,gGCrB9CA,MAAM,Y,GAEFA,MAAM,a,EACT,eAAkC,MAA9BA,MAAM,QAAO,gBAAY,G,GACxBA,MAAM,O,GAEJA,MAAM,mB,GACJA,MAAM,c,EACT,eAAyC,SAAlCG,IAAI,IAAE,C,eAAC,SAAK,eAAc,YAAR,O,KAYzB,eAAwD,SAAjDH,MAAM,oCAAkC,S,EAC/C,eAA4C,SAArCA,MAAM,wBAAsB,S,GAIlCA,MAAM,mB,GACJA,MAAM,c,EACT,eAAkD,SAA3CG,IAAI,IAAE,C,eAAC,kBAAc,eAAc,YAAR,O,KAYlC,eAA4C,SAArCH,MAAM,wBAAsB,S,GAIlCA,MAAM,U,GACJA,MAAM,c,EACT,eAA4C,SAArCG,IAAI,IAAE,C,eAAC,YAAQ,eAAc,YAAR,O,KAU5B,eAA4C,SAArCH,MAAM,wBAAsB,S,wEAvD/C,eAqEM,MArEN,EAqEM,CApEJ,eAmEO,QAnEDA,MAAM,OAAOI,IAAI,OAAQ,SAAM,+CAAU,EAAAC,aAAQ,e,CACrD,eAiEM,MAjEN,EAiEM,CAhEJ,EACA,eA8DM,MA9DN,EA8DM,CA5DJ,eAiBM,MAjBN,EAiBM,CAhBJ,eAeM,MAfN,EAeM,CAdJ,E,eACA,eAUE,SATAC,SAAA,GACAC,UAAU,IACVC,UAAU,K,qDACD,EAAAN,QAAQO,KAAI,IACrBC,KAAK,OACLV,MAAM,eACNS,KAAK,OACLE,GAAG,GACHC,YAAY,I,mBALH,EAAAV,QAAQO,QAOnB,EACA,MAIJ,eAgBM,MAhBN,EAgBM,CAfJ,eAcM,MAdN,EAcM,CAbJ,E,eACA,eAUE,SATAH,SAAA,GACAC,UAAU,IACVC,UAAU,MACVK,MAAA,G,qDACc,EAAAX,QAAQW,MAAK,IAC3BH,KAAK,QACLV,MAAM,eACNS,KAAK,QACLG,YAAY,I,mBAJE,EAAAV,QAAQW,W,SAAtB,MAMF,MAIJ,eAsBM,MAtBN,EAsBM,CArBJ,eAYM,MAZN,EAYM,CAXJ,E,eACA,eAQY,YAPVP,SAAA,GACAC,UAAU,KACVC,UAAU,O,qDACD,EAAAN,QAAQA,QAAO,IACxBF,MAAM,eACNS,KAAK,UACLG,YAAY,gB,mBAHH,EAAAV,QAAQA,WAKnB,IAGF,eAMS,UALNY,UAAW,EAAAZ,QAAQO,OAAS,EAAAP,QAAQW,QAAU,EAAAX,QAAQA,QACvDQ,KAAK,SACLV,MAAM,+CACP,SAED,uB,UASG,GACbe,KADa,WAEX,MAAO,CACLb,QAAS,CACPO,KAAM,KACNI,MAAO,KACPX,QAAS,QAIfc,QAAS,CACPX,SADO,WAELY,QAAQC,IAAIC,KAAKjB,SAEjBiB,KAAKC,MAAMC,KAAKC,QAChBH,KAAKI,MAAM,gB,UCpFjB,EAAOC,OAAS,EAChB,EAAOC,UAAY,kBAEJ,Q,YFsBA,GACbC,WAAY,CACVC,YAAA,EACAC,MAAA,QAEFb,KALa,WAMX,MAAO,CACLd,SAAS,K,UGhCf,EAAOuB,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB,kCCRf","file":"js/contact.04684a85.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Contact.vue?vue&type=style&index=0&id=d9d2c3c2&lang=scss&scoped=true\"","<template>\n  <Toast\n    @onToastClose=\"isToast = false\"\n    v-if=\"isToast\"\n    :message=\"{\n      header: 'Contact',\n      sub: 'We will contact you soon',\n      message: 'Thank you, the message have been sent successfully',\n    }\"\n  />\n  <div class=\"row\">\n    <div\n      class=\"col-12 col-md-8 col-lg-6 mx-auto contact d-flex flex-column align-items-start mt-5\"\n    >\n      <h3 class=\" text-uppercase  text-light my-4\">\n        get in touch\n      </h3>\n      <p class=\"text-left\">\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate\n        consectetur ad totam fugit, nemo libero molestiae commodi maxime\n        voluptas ea.\n      </p>\n      <FormContact @onSending=\"isToast = true\" class=\"mt-4\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport FormContact from '../components/form-contact';\nimport Toast from '../components/shared/toast.vue';\nexport default {\n  components: {\n    FormContact,\n    Toast,\n  },\n  data() {\n    return {\n      isToast: false,\n    };\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.row {\n  color: #c1d1e8;\n}\n</style>\n","<template>\n  <div class=\"card p-3\">\n    <form class=\"form\" ref=\"form\" @submit.prevent=\"onSubmit()\">\n      <div class=\"container\">\n        <h5 class=\"mb-5\">Contact Form</h5>\n        <div class=\"row\">\n          <!-- ! name -->\n          <div class=\"col-12 col-md-6\">\n            <div class=\"form-group\">\n              <label for=\"\">Name <span>*</span></label>\n              <input\n                required\n                minlength=\"3\"\n                maxlength=\"50\"\n                v-model=\"message.name\"\n                type=\"text\"\n                class=\"form-control\"\n                name=\"name\"\n                id=\"\"\n                placeholder=\"\"\n              />\n              <small class=\"form-text text-danger text-muted\"></small>\n              <small class=\"form-text text-muted\"></small>\n            </div>\n          </div>\n          <!-- ! email -->\n          <div class=\"col-12 col-md-6\">\n            <div class=\"form-group\">\n              <label for=\"\">Email Address <span>*</span></label>\n              <input\n                required\n                minlength=\"5\"\n                maxlength=\"100\"\n                email\n                v-model.trim=\"message.email\"\n                type=\"email\"\n                class=\"form-control\"\n                name=\"email\"\n                placeholder=\"\"\n              />\n              <small class=\"form-text text-muted\"></small>\n            </div>\n          </div>\n          <!-- ! Message -->\n          <div class=\"col-12\">\n            <div class=\"form-group\">\n              <label for=\"\">Message <span>*</span></label>\n              <textarea\n                required\n                minlength=\"10\"\n                maxlength=\"1000\"\n                v-model=\"message.message\"\n                class=\"form-control\"\n                name=\"message\"\n                placeholder=\"Your Message\"\n              ></textarea>\n              <small class=\"form-text text-muted\"></small>\n            </div>\n            <!-- ! BUtton -->\n            <button\n              :disabled=\"!message.name || !message.email || !message.message\"\n              type=\"submit\"\n              class=\"btn btn-primary btn-sm mx-auto d-block px-3\"\n            >\n              Send\n            </button>\n          </div>\n        </div>\n      </div>\n    </form>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      message: {\n        name: null,\n        email: null,\n        message: null,\n      },\n    };\n  },\n  methods: {\n    onSubmit() {\n      console.log(this.message);\n\n      this.$refs.form.reset();\n      this.$emit('onSending');\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.card {\n  background: #0e1a2b;\n\n  .form {\n    label span {\n      color: #5692e8;\n    }\n    .form-control {\n      background-color: #182c47;\n      border: 0;\n      outline: 0;\n      color: #c1d1e8;\n    }\n    .btn {\n      background-color: #5692e8;\n    }\n    textarea {\n      resize: none;\n    }\n  }\n}\n</style>\n","import { render } from \"./form-contact.vue?vue&type=template&id=15c9353c&scoped=true\"\nimport script from \"./form-contact.vue?vue&type=script&lang=js\"\nexport * from \"./form-contact.vue?vue&type=script&lang=js\"\n\nimport \"./form-contact.vue?vue&type=style&index=0&id=15c9353c&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-15c9353c\"\n\nexport default script","import { render } from \"./Contact.vue?vue&type=template&id=d9d2c3c2&scoped=true\"\nimport script from \"./Contact.vue?vue&type=script&lang=js\"\nexport * from \"./Contact.vue?vue&type=script&lang=js\"\n\nimport \"./Contact.vue?vue&type=style&index=0&id=d9d2c3c2&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-d9d2c3c2\"\n\nexport default script","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./form-contact.vue?vue&type=style&index=0&id=15c9353c&lang=scss&scoped=true\""],"sourceRoot":""}