{"version":3,"sources":["webpack:///./src/views/contact.vue?c6c4","webpack:///src/views/contact.vue","webpack:///./src/views/contact.vue?d28f","webpack:///./src/views/contact.vue","webpack:///./src/views/contact.vue?e63a","webpack:///./src/views/contact.vue?a093"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","ruleForm","rules","nativeOn","$event","keyup","model","value","callback","$$v","$set","expression","_v","on","change","checkList","staticStyle","directives","name","rawName","domProps","Array","isArray","check","_i","$$a","$$el","target","$$c","checked","$$i","concat","slice","submitForm","dialogVisible","slot","$router","push","staticRenderFns","defaultForm","mail","firstname","lastname","mobile","position","companyName","interested","message","data","showTip","tipStatus","required","trigger","type","created","script","document","dataLayer","window","gtag","methods","webinercookies","localStorage","advertisementFlow","path","source","information","then","res","console","_this","fullName","editConsultMail","component"],"mappings":"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","file":"static/js/chunk-5e04764c.1ba6ea33.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"contact\"},[_c('div',{staticClass:\"contentInfo\"},[_c('div',{staticClass:\"contact\"},[_c('div',{staticClass:\"form\"},[_c('el-form',{ref:\"ruleForm\",attrs:{\"model\":_vm.ruleForm,\"rules\":_vm.rules}},[_c('el-form-item',{attrs:{\"label\":\"First name\",\"prop\":\"firstname\"}},[_c('el-input',{nativeOn:{\"keyup\":function($event){return _vm.keyup($event)}},model:{value:(_vm.ruleForm.firstname),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"firstname\", $$v)},expression:\"ruleForm.firstname\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Last Name\",\"prop\":\"lastname\"}},[_c('el-input',{nativeOn:{\"keyup\":function($event){return _vm.keyup($event)}},model:{value:(_vm.ruleForm.lastname),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"lastname\", $$v)},expression:\"ruleForm.lastname\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Email\",\"prop\":\"mail\"}},[_c('el-input',{nativeOn:{\"keyup\":function($event){return _vm.keyup($event)}},model:{value:(_vm.ruleForm.mail),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"mail\", $$v)},expression:\"ruleForm.mail\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Phone number\",\"prop\":\"mobile\"}},[_c('el-input',{nativeOn:{\"keyup\":function($event){return _vm.keyup($event)}},model:{value:(_vm.ruleForm.mobile),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"mobile\", $$v)},expression:\"ruleForm.mobile\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Company Name\",\"prop\":\"companyName\"}},[_c('el-input',{nativeOn:{\"keyup\":function($event){return _vm.keyup($event)}},model:{value:(_vm.ruleForm.companyName),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"companyName\", $$v)},expression:\"ruleForm.companyName\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Job Title\"}},[_c('el-input',{nativeOn:{\"keyup\":function($event){return _vm.keyup($event)}},model:{value:(_vm.ruleForm.position),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"position\", $$v)},expression:\"ruleForm.position\"}})],1),_c('el-form-item',{staticClass:\"text\",attrs:{\"label\":\"Type of study\"}},[_c('div',{staticClass:\"type\"},[_vm._v(\"(Please select all the studies you are interested in）\")]),_c('el-checkbox-group',{on:{\"change\":_vm.change},model:{value:(_vm.checkList),callback:function ($$v) {_vm.checkList=$$v},expression:\"checkList\"}},[_c('div',[_c('el-checkbox',{attrs:{\"label\":\"Healthcare\"}}),_c('el-checkbox',{attrs:{\"label\":\"Medtech\"}}),_c('el-checkbox',{attrs:{\"label\":\"Consumer\"}})],1),_c('div',[_c('el-checkbox',{attrs:{\"label\":\"Quantitative\"}}),_c('el-checkbox',{attrs:{\"label\":\"Qualitative\"}})],1),_c('div',[_c('el-checkbox',{attrs:{\"label\":\"Online survey\"}}),_c('el-checkbox',{attrs:{\"label\":\"Modeling & Analytics\"}}),_c('el-checkbox',{attrs:{\"label\":\"Programming & Processing\"}}),_c('el-checkbox',{attrs:{\"label\":\"Respondent Recruiting\"}}),_c('el-checkbox',{attrs:{\"label\":\"Bespoke Community Panel\"}}),_c('el-checkbox',{attrs:{\"label\":\"Product Placement Test\"}})],1)])],1),_c('el-form-item',{staticClass:\"text\",attrs:{\"label\":\"Message\",\"prop\":\"message\"}},[_c('el-input',{attrs:{\"type\":\"textarea\"},nativeOn:{\"keyup\":function($event){return _vm.keyup($event)}},model:{value:(_vm.ruleForm.message),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"message\", $$v)},expression:\"ruleForm.message\"}})],1),_c('el-form-item',{staticStyle:{\"width\":\"100%\"},attrs:{\"prop\":\"check\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.ruleForm.check),expression:\"ruleForm.check\"}],staticClass:\"check\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.ruleForm.check)?_vm._i(_vm.ruleForm.check,null)>-1:(_vm.ruleForm.check)},on:{\"change\":function($event){var $$a=_vm.ruleForm.check,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.ruleForm, \"check\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.ruleForm, \"check\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.ruleForm, \"check\", $$c)}}}}),_c('span',{staticClass:\"checkyes\",staticStyle:{\"word-break\":\"break-word\"}},[_vm._v(\"Yes, I would like to receive digital communications from Holden brands. I may opt-out of communications at any time using the unsubscribe link at the bottom of any email communication.\")])])],1),_c('div',{staticClass:\"flexCenter\"},[_c('div',{staticClass:\"button\",on:{\"click\":function($event){return _vm.submitForm('ruleForm')}}},[_vm._v(\" SUBMIT \")])])],1)])]),_c('el-dialog',{attrs:{\"title\":\"\",\"visible\":_vm.dialogVisible,\"width\":\"30%\"}},[_c('span',[_vm._v(\"Thank you for your interest in Holden! We have received your message. Our team will contact you soon.\")]),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){_vm.dialogVisible = false;_vm.$router.push('/')}}},[_vm._v(\"OK\")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"contact\">\r\n    <div class=\"contentInfo\">\r\n      <div class=\"contact\">\r\n        <div class=\"form\">\r\n          <el-form :model=\"ruleForm\" :rules=\"rules\" ref=\"ruleForm\">\r\n            <el-form-item label=\"First name\" prop=\"firstname\">\r\n              <el-input v-model=\"ruleForm.firstname\" @keyup.native=\"keyup\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"Last Name\" prop=\"lastname\">\r\n              <el-input v-model=\"ruleForm.lastname\" @keyup.native=\"keyup\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"Email\" prop=\"mail\">\r\n              <el-input v-model=\"ruleForm.mail\" @keyup.native=\"keyup\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"Phone number\" prop=\"mobile\">\r\n              <el-input v-model=\"ruleForm.mobile\" @keyup.native=\"keyup\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"Company Name\" prop=\"companyName\">\r\n              <el-input v-model=\"ruleForm.companyName\" @keyup.native=\"keyup\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"Job Title\">\r\n              <el-input v-model=\"ruleForm.position\" @keyup.native=\"keyup\" />\r\n            </el-form-item>\r\n            <el-form-item class=\"text\" label=\"Type of study\">\r\n              <div class=\"type\">(Please select all the studies you are interested in）</div>\r\n              <el-checkbox-group v-model=\"checkList\" @change=\"change\">\r\n                <div>\r\n                  <el-checkbox label=\"Healthcare\"></el-checkbox>\r\n                  <el-checkbox label=\"Medtech\"></el-checkbox>\r\n                  <el-checkbox label=\"Consumer\"></el-checkbox>\r\n                </div>\r\n                <div>\r\n                  <el-checkbox label=\"Quantitative\"></el-checkbox>\r\n                  <el-checkbox label=\"Qualitative\"></el-checkbox>\r\n                </div>\r\n                <div>\r\n                  <el-checkbox label=\"Online survey\"></el-checkbox>\r\n                  <el-checkbox label=\"Modeling & Analytics\"></el-checkbox>\r\n                  <el-checkbox label=\"Programming & Processing\"></el-checkbox>\r\n                  <el-checkbox label=\"Respondent Recruiting\"></el-checkbox>\r\n                  <el-checkbox label=\"Bespoke Community Panel\"></el-checkbox>\r\n                  <el-checkbox label=\"Product Placement Test\"></el-checkbox>\r\n                </div>\r\n              </el-checkbox-group>\r\n            </el-form-item>\r\n            <el-form-item class=\"text\" label=\"Message\" prop=\"message\">\r\n              <el-input type=\"textarea\" v-model=\"ruleForm.message\" @keyup.native=\"keyup\" />\r\n            </el-form-item>\r\n\r\n            <el-form-item prop=\"check\" style=\"width:100%\">\r\n              <input class=\"check\" type=\"checkbox\" v-model=\"ruleForm.check\"><span style=\"word-break: break-word;\" class=\"checkyes\">Yes, I would like to receive digital communications from Holden brands. I may opt-out of communications at any time using the unsubscribe link at the bottom of any email communication.</span>\r\n            </el-form-item>\r\n          </el-form>\r\n\r\n          <div class=\"flexCenter\">\r\n            <div class=\"button\" @click=\"submitForm('ruleForm')\">\r\n              SUBMIT\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <el-dialog title=\"\" :visible=\"dialogVisible\" width=\"30%\">\r\n      <span>Thank you for your interest in Holden! We have received your message. Our team will contact you soon.</span>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button type=\"primary\" @click=\"dialogVisible = false;$router.push('/')\">OK</el-button>\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst defaultForm = {\r\n  mail: \"\",\r\n  firstname: \"\",\r\n  lastname: \"\",\r\n  mobile: \"\",\r\n  position: \"\", //所属职位\r\n  companyName: \"\", //公司名称\r\n  interested: \"\",\r\n  check: true,\r\n  message: \"\" //留言\r\n};\r\nimport { editConsultMail, advertisementFlow } from \"@/api/api\";\r\nexport default {\r\n  name: \"Contact\",\r\n  data() {\r\n    const check = (rule, value, callback) => {\r\n      if (value == false) {\r\n        return callback(new Error(\"Please complete this required field\"));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    return {\r\n      dialogVisible: false,\r\n      checkList: [],\r\n      interested: \"\",\r\n      ruleForm: JSON.parse(JSON.stringify(defaultForm)),\r\n      showTip: false,\r\n      tipStatus: true,\r\n      rules: {\r\n        firstname: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }],\r\n        lastname: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }],\r\n        companyName: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }],\r\n        message: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }],\r\n        mail: [\r\n          { required: true, message: \"Please complete this required field\", trigger: \"blur\" },\r\n          { type: \"email\", message: \"Email must be formatted correctly.\", trigger: [\"blur\"] }\r\n        ]\r\n        // check: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }, { validator: check }]\r\n      }\r\n    };\r\n  },\r\n  created() {\r\n    this.advertisementFlow(); // 在组件创建时加载Google代码\r\n    const script = document.createElement(\"script\");\r\n    script.async = true;\r\n    script.src = \"https://www.googletagmanager.com/gtag/js?id=AW-11335422054\";\r\n    document.head.appendChild(script);\r\n    script.onload = () => {\r\n      window.dataLayer = window.dataLayer || [];\r\n      function gtag() {\r\n        dataLayer.push(arguments);\r\n      }\r\n      gtag(\"js\", new Date());\r\n      gtag(\"config\", \"AW-11335422054\");\r\n    };\r\n    this.webinercookies();\r\n  },\r\n  methods: {\r\n    webinercookies() {\r\n      // 如果没有记录cookie\r\n      if (!localStorage.getItem(\"webinersource\")) {\r\n        // 就不重新赋值\r\n        let webinersource = this.$route.query.source;\r\n\r\n        if (webinersource == undefined) {\r\n          localStorage.setItem(\"webinersource\", \"www\");\r\n        } else {\r\n          localStorage.setItem(\"webinersource\", webinersource);\r\n        }\r\n        // console.log(1);\r\n      } else {\r\n        // 如果没有cookie就设置cookie\r\n      }\r\n    },\r\n    advertisementFlow() {\r\n      // 如果没有source\r\n      if (this.$route.query.source == undefined) {\r\n        // console.log(1);\r\n        // 就把source拼接\r\n        advertisementFlow({\r\n          path: \"contact\",\r\n          source: \"\",\r\n          information: \"联系我们\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n          }\r\n        });\r\n        // 如果有source\r\n      } else {\r\n        advertisementFlow({\r\n          path: \"contact\",\r\n          source: this.$route.query.source,\r\n          information: \"联系我们\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n          }\r\n        });\r\n      }\r\n    },\r\n    change() {\r\n      this.interested = this.checkList.join();\r\n      console.log(this.interested);\r\n    },\r\n    keyup() {\r\n      this.$refs[\"ruleForm\"].clearValidate();\r\n    },\r\n    submitForm(formName) {\r\n      let _this = this;\r\n      _this.$refs[formName].validate(valid => {\r\n        if (valid) {\r\n          _this.ruleForm.fullName = _this.ruleForm.firstname + \" \" + _this.ruleForm.lastname;\r\n          let ruleForm = {\r\n            fullName: _this.ruleForm.fullName,\r\n            mail: _this.ruleForm.mail,\r\n            mobile: _this.ruleForm.mobile,\r\n            position: _this.ruleForm.position,\r\n            companyName: _this.ruleForm.companyName,\r\n            message: _this.ruleForm.message,\r\n            interested: _this.interested\r\n          };\r\n          this.checkList = [];\r\n          editConsultMail(ruleForm).then(res => {\r\n            // console.log(res);\r\n            if (res.code == 10000) {\r\n              _this.showTip = true;\r\n              _this.tipStatus = true;\r\n              _this.ruleForm = JSON.parse(JSON.stringify(defaultForm));\r\n              this.dialogVisible = true;\r\n            } else {\r\n              _this.showTip = true;\r\n              _this.tipStatus = false;\r\n            }\r\n          });\r\n          return false;\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.check {\r\n  margin-right: 10px;\r\n}\r\n.marginTop30 {\r\n  margin-top: 0.3rem;\r\n}\r\n.fontBold {\r\n  font-weight: bold;\r\n}\r\n.contentInfo {\r\n  background: url(\"https://retailplatform.oss-cn-hangzhou.aliyuncs.com/holdenWebH5/contact_bg.jpg\") no-repeat center top;\r\n  background-size: 100% 100%;\r\n  width: 100%;\r\n  padding: 160px 0 75px;\r\n  .contact {\r\n    padding: 85px 63px;\r\n    width: 888px;\r\n    margin: 0 auto;\r\n    background: #fff;\r\n    .form {\r\n      .el-form {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n        /deep/ .el-form-item {\r\n          display: inline-block;\r\n          display: flex;\r\n          flex-wrap: wrap;\r\n          justify-content: space-between;\r\n          &:nth-child(even) {\r\n            .el-form-item__label {\r\n              margin-left: 7px;\r\n            }\r\n          }\r\n          &:not(.text) {\r\n            width: 50%;\r\n          }\r\n          &.text {\r\n            width: 100%;\r\n          }\r\n          .el-form-item__content {\r\n            flex: 1;\r\n            .el-input {\r\n              width: 238px !important;\r\n            }\r\n          }\r\n\r\n          .el-form-item__label {\r\n            width: 133px;\r\n            font-size: 15px;\r\n            display: block;\r\n            font-weight: normal;\r\n          }\r\n          .el-textarea__inner {\r\n            min-height: 104px !important;\r\n          }\r\n          .el-input__inner,\r\n          .el-textarea__inner {\r\n            // width: 250px;\r\n            background: #fafafa;\r\n            border: 1px solid #e6e6e6;\r\n            border-radius: 7px;\r\n            font-size: 15px;\r\n          }\r\n          .el-textarea__inner {\r\n            width: 500px;\r\n          }\r\n          .el-form-item__error {\r\n            font-size: 12px !important;\r\n          }\r\n        }\r\n      }\r\n      .button {\r\n        margin-top: 17px;\r\n        background: #217df6;\r\n        font-size: 13px;\r\n        color: #fff;\r\n        border-radius: 7px;\r\n        text-align: center;\r\n        width: 91px;\r\n        height: 34px;\r\n        line-height: 34px;\r\n        cursor: pointer;\r\n      }\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 576px) {\r\n  .checkyes {\r\n    font-size: 60px;\r\n  }\r\n  .type {\r\n    font-size: 70px;\r\n  }\r\n  .check {\r\n    width: 100px;\r\n    height: 100px;\r\n  }\r\n  .contentInfo {\r\n    .contact {\r\n      width: 90%;\r\n      .form {\r\n        .el-form {\r\n          /deep/ .el-form-item {\r\n            &:not(.text) {\r\n              width: 100%;\r\n            }\r\n            .el-form-item__content {\r\n              flex: 1;\r\n              .el-input {\r\n                width: 100% !important;\r\n                margin-bottom: 30px;\r\n              }\r\n            }\r\n            .el-form-item__label {\r\n              // width: 400px;\r\n              width: 100%;\r\n              text-align: left;\r\n              line-height: 100px;\r\n              font-size: 70px !important;\r\n            }\r\n            .el-form-item__label::before {\r\n              position: static;\r\n            }\r\n            .el-input__inner {\r\n              width: 1000px;\r\n              height: 100px;\r\n              font-size: 60px !important;\r\n            }\r\n            .el-textarea__inner {\r\n              width: 1000px;\r\n              height: 300px;\r\n              font-size: 60px !important;\r\n            }\r\n            .el-form-item__error {\r\n              top: 100px;\r\n              font-size: 40px !important;\r\n            }\r\n            .type {\r\n              line-height: 70px;\r\n            }\r\n            .el-checkbox-group {\r\n              font-size: 40px;\r\n              .el-checkbox {\r\n                margin: 10px;\r\n              }\r\n              .el-checkbox__input {\r\n                .el-checkbox__inner {\r\n                  width: 80px;\r\n                  height: 80px;\r\n                }\r\n                .el-checkbox__label {\r\n                  font-size: 70px !important;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n        .button {\r\n          width: 350px;\r\n          height: 100px;\r\n          font-size: 70px;\r\n\r\n          padding: 30px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n<style lang=\"scss\">\r\n@media screen and (max-width: 576px) {\r\n  .el-dialog {\r\n    padding: 100px;\r\n    width: 90% !important;\r\n    // height: 1000px;\r\n    font-size: 100px;\r\n    .el-dialog__body {\r\n      text-align: center;\r\n      padding: 100px;\r\n      font-size: 50px;\r\n      word-break: break-word;\r\n    }\r\n    .el-button--default,\r\n    .el-button--primary {\r\n      padding: 50px 70px;\r\n      font-size: 50px;\r\n    }\r\n  }\r\n  .el-checkbox {\r\n    font-size: 70px !important;\r\n    .el-checkbox__label {\r\n      font-size: 70px;\r\n    }\r\n  }\r\n}\r\n</style>\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!./contact.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!./contact.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./contact.vue?vue&type=template&id=35530b38&scoped=true&\"\nimport script from \"./contact.vue?vue&type=script&lang=js&\"\nexport * from \"./contact.vue?vue&type=script&lang=js&\"\nimport style0 from \"./contact.vue?vue&type=style&index=0&id=35530b38&lang=scss&scoped=true&\"\nimport style1 from \"./contact.vue?vue&type=style&index=1&lang=scss&\"\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  \"35530b38\",\n  null\n  \n)\n\nexport default component.exports","import mod 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-loader/lib/loaders/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-loader/lib/index.js??vue-loader-options!./contact.vue?vue&type=style&index=0&id=35530b38&lang=scss&scoped=true&\"; export default mod; 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-loader/lib/loaders/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-loader/lib/index.js??vue-loader-options!./contact.vue?vue&type=style&index=0&id=35530b38&lang=scss&scoped=true&\"","import mod 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-loader/lib/loaders/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-loader/lib/index.js??vue-loader-options!./contact.vue?vue&type=style&index=1&lang=scss&\"; export default mod; 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-loader/lib/loaders/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-loader/lib/index.js??vue-loader-options!./contact.vue?vue&type=style&index=1&lang=scss&\""],"sourceRoot":""}