(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{584:function(t,e,o){var content=o(634);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,o(23).default)("00cd8110",content,!0,{sourceMap:!1})},603:function(t,e,o){"use strict";o.r(e);o(43),o(54);var r=o(10),n=(o(44),o(160),o(39),o(29)),c={mixins:[n.a,n.e],data:function(){return{fullname:"",clientEmail:"",clientPhone:"",preferredCommunication:[],clientMessage:"",postUrl:"https://aamuwi383c.execute-api.us-west-1.amazonaws.com/prod/roostergrin-emailer",formSubmitted:!1,formSuccess:!1,modalOpen:!1,messageLabel:"Your question or ideal time/day you would like to schedule."}},mounted:function(){this.changeMessageLabel(),window.addEventListener("resize",this.debounceFunc)},methods:{changeMessageLabel:function(){window.innerWidth>768?this.messageLabel="Your question or ideal time/day you would like to schedule.":this.messageLabel="Your Message"},debounceFunc:function(){this.debounce(this.changeMessageLabel,null,300)},validate:function(){var t=this;this.$validator.validateAll().then((function(e){e?t.onSubmit():document.querySelectorAll(".form-contact__input--error")[0].focus()})).catch((function(t){console.error(t)}))},closeModal:function(){var t=this;this.formSuccess=!1,this.formSubmitted=!1,this.isFirstTime=!1,setTimeout((function(){t.modalOpen=!1,document.getElementById("main-content").focus()}),150)},onSubmit:function(){var t=this;return Object(r.a)(regeneratorRuntime.mark((function e(){var o;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,t.formSubmitted=!0,o='\n <!DOCTYPE html>\n <html>\n <body>\n <div class="container" style="background-color: #ebf5ff; padding: 1.5rem 0;">\n <div style="padding: 2rem 0; margin: 0 auto;"><img style="width: auto; height: 6rem; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1rem;" src="https://www.roostergrin.com/wp-content/uploads/2019/11/rg-logo.png">\n <h1 style="font-size: 40px; margin: 0; text-align: center; width: 100%; color: #003b75;">Form Received!</h1></div>\n </div>\n <div class="section" style="background-color: #fdfdfd;">\n <div class="container" style="padding: 4rem 32px 1rem 32px; max-width: 1440px; margin: 0 auto">\n <div class="card-holder" style="padding: 7px; background-color: #e6e6e6;">\n <div class="card-holder" style="padding: 2rem; background-color: white;">\n <table style="width: 100%; text-align: left">\n <tr>\n <th>\n <p style="font-size: 14px; margin-bottom: .5rem; color: #848484; font-weight: 300;">First Name</p>\n </th>\n </tr>\n <tr>\n <td style="width: 50%; font-size: 20px;">\n <h5 style="margin-top: 0; padding-top: 0; font-weight: 300; border-bottom: 1px solid #3f3f3f;">'.concat(t.fullname,'</h5>\n </td>\n </tr>\n </table>\n <table style="width: 100%; text-align: left">\n <tr>\n <th>\n <p style="font-size: 14px; margin-bottom: .5rem; color: #848484; font-weight: 300;">E-Mail</p>\n </th>\n <th>\n <p style="font-size: 14px; margin-bottom: .5rem; color: #848484; font-weight: 300;">Phone</p>\n </th>\n </tr>\n <tr>\n <td style="width: 50%; font-size: 20px;">\n <h5 style="margin-top: 0; padding-top: 0; font-weight: 300; border-bottom: 1px solid #3f3f3f; margin-right: 10%;">').concat(t.clientEmail,'</h5></td>\n <td style="width: 50%; font-size: 20px;">\n <h5 style="margin-top: 0; padding-top: 0; font-weight: 300; border-bottom: 1px solid #3f3f3f;">').concat(t.clientPhone,'</h5></td>\n </tr>\n </table>\n <table style="width: 100%; text-align: left">\n <tr>\n <th>\n <p style="font-size: 14px; margin-bottom: .5rem; color: #848484; font-weight: 300;">Preferred methods of communication?</p>\n </th>\n </tr>\n <tr>\n <td style="width: 100%; font-size: 20px;">\n <h5 style="margin-top: 0; padding-top: 0; font-weight: 300; border-bottom: 1px solid #3f3f3f;">').concat(t.preferredCommunication.join(", "),'</h5>\n </td>\n </tr>\n </table>\n <table style="width: 100%; text-align: left">\n <tr>\n <th>\n <p style="font-size: 14px; margin-bottom: .5rem; color: #848484; font-weight: 300;">Message</p>\n </th>\n </tr>\n <tr>\n <td style="font-size: 20px;">\n <h5 style="margin-top: 0; padding-top: 0; font-weight: 300;">').concat(t.clientMessage,'</h5></td>\n </tr>\n </table>\n </div>\n </div>\n </div>\n <div class="container" style="padding: 0 32px 4rem 32px; max-width: 1440px; margin: 0 auto">\n <p style="color: #3f3f3f;">This form was generated from <a href="#" target="blank" style="text-decoration: none">ClientWebsite.com</a></p>\n </div>\n </div>\n </body>\n </html>\n '),e.next=5,t.$axios.$post(t.postUrl,null,{params:{subject:"Website Contact Form",from:"no-reply@garfinkleortho.com",to:"info@garfinkleortho.com",body:o},headers:{"Content-Type":"application/json"}});case 5:t.formSuccess=!0,setTimeout((function(){t.modalOpen=!0,t.$_trapFocus(t.$refs.contactFormModal)}),750),setTimeout((function(){t.fullname="",t.clientEmail="",t.clientPhone="",t.clientMessage="",t.preferredCommunication=[]}),1e3),setTimeout((function(){t.errors.clear(),t.$router.push({path:"/thank-you"})}),1100),e.next=14;break;case 11:e.prev=11,e.t0=e.catch(0),console.error(e.t0,"submitted");case 14:case"end":return e.stop()}}),e,null,[[0,11]])})))()}}},l=(o(633),o(8)),component=Object(l.a)(c,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"form-contact"},[e("form",{staticClass:"form-contact__form",on:{submit:function(e){return e.preventDefault(),t.validate.apply(null,arguments)}}},[e("div",{staticClass:"form-contact__group"},[e("input",{directives:[{name:"model",rawName:"v-model",value:t.fullname,expression:"fullname"},{name:"validate",rawName:"v-validate",value:"required",expression:"'required'"}],staticClass:"form-contact__input",class:{"form-contact__input--error":t.errors.has("fullname")},attrs:{name:"fullname",id:"fullname",type:"text",autocomplete:"name","aria-invalid":!!t.errors.has("firstName")},domProps:{value:t.fullname},on:{input:function(e){e.target.composing||(t.fullname=e.target.value)}}}),e("label",{staticClass:"form-contact__label",class:{"form-contact__label--active":t.fullname},attrs:{for:"fullname"}},[t._v("Full Name *")]),e("div",{directives:[{name:"show",rawName:"v-show",value:t.errors.has("fullname"),expression:"errors.has('fullname')"}],staticClass:"form-contact__error-message"},[t._v("Your name is required.")])]),e("div",{staticClass:"form-contact__group form-contact__group--half"},[e("input",{directives:[{name:"model",rawName:"v-model",value:t.clientEmail,expression:"clientEmail"},{name:"validate",rawName:"v-validate",value:"required|email",expression:"'required|email'"}],staticClass:"form-contact__input",class:{"form-contact__input--error":t.errors.has("clientEmail")},attrs:{name:"clientEmail",id:"email",type:"email",autocomplete:"email","aria-invalid":!!t.errors.has("clientEmail")},domProps:{value:t.clientEmail},on:{input:function(e){e.target.composing||(t.clientEmail=e.target.value)}}}),e("label",{staticClass:"form-contact__label",class:{"form-contact__label--active":t.clientEmail},attrs:{for:"email"}},[t._v("Email *")]),e("div",{directives:[{name:"show",rawName:"v-show",value:t.errors.has("clientEmail"),expression:"errors.has('clientEmail')"}],staticClass:"form-contact__error-message"},[t._v(" Please input a valid Email")])]),e("div",{staticClass:"form-contact__group form-contact__group--half"},[e("input",{directives:[{name:"model",rawName:"v-model",value:t.clientPhone,expression:"clientPhone"},{name:"validate",rawName:"v-validate",value:"required|numeric",expression:"'required|numeric'"}],staticClass:"form-contact__input",class:{"form-contact__input--error":t.errors.has("clientPhone")},attrs:{name:"clientPhone",id:"clientPhone",type:"tel",autocomplete:"tel","aria-invalid":!!t.errors.has("clientPhone")},domProps:{value:t.clientPhone},on:{input:function(e){e.target.composing||(t.clientPhone=e.target.value)}}}),e("label",{staticClass:"form-contact__label",class:{"form-contact__label--active":t.clientPhone},attrs:{for:"clientPhone"}},[t._v("Phone *")]),e("div",{directives:[{name:"show",rawName:"v-show",value:t.errors.has("clientPhone"),expression:"errors.has('clientPhone')"}],staticClass:"form-contact__error-message"},[t._v(" Please input just numbers. e.g. - 1235551234")])]),e("div",{staticClass:"form-contact__group"},[e("textarea",{directives:[{name:"model",rawName:"v-model",value:t.clientMessage,expression:"clientMessage"}],staticClass:"form-contact__input form-contact__input--textarea",attrs:{name:"clientMessage",id:"clientMessage",rows:"2"},domProps:{value:t.clientMessage},on:{input:function(e){e.target.composing||(t.clientMessage=e.target.value)}}}),e("label",{staticClass:"form-contact__label form-contact__label--textarea",class:{"form-contact__label--active":t.clientMessage},attrs:{for:"clientMessage"},domProps:{innerHTML:t._s(t.messageLabel)}}),e("div",{directives:[{name:"show",rawName:"v-show",value:t.errors.has("clientMessage"),expression:"errors.has('clientMessage')"}],staticClass:"form-contact__error-message"},[t._v(" Please fill out your message")])]),e("fieldset",{staticClass:"form-contact__group form-contact__group--fieldset"},[e("legend",{staticClass:"form-contact__checkbox-title"},[t._v("Preferred Method of Communication")]),e("div",{staticClass:"form-contact__checkbox--alt"},[e("div",{staticClass:"form-contact__checkbox-group form-contact__checkbox-group--alt"},[e("input",{directives:[{name:"model",rawName:"v-model",value:t.preferredCommunication,expression:"preferredCommunication"}],staticClass:"form-contact__checkbox-input",attrs:{name:"email",id:"checkboxEmail",value:"email",type:"checkbox"},domProps:{checked:Array.isArray(t.preferredCommunication)?t._i(t.preferredCommunication,"email")>-1:t.preferredCommunication},on:{change:function(e){var o=t.preferredCommunication,r=e.target,n=!!r.checked;if(Array.isArray(o)){var c="email",l=t._i(o,c);r.checked?l<0&&(t.preferredCommunication=o.concat([c])):l>-1&&(t.preferredCommunication=o.slice(0,l).concat(o.slice(l+1)))}else t.preferredCommunication=n}}}),e("span",{staticClass:"form-contact__checkbox-overlay"}),e("label",{staticClass:"form-contact__checkbox-label",attrs:{for:"checkboxEmail"}},[t._v("Email")])]),e("div",{staticClass:"form-contact__checkbox-group form-contact__checkbox-group--alt"},[e("input",{directives:[{name:"model",rawName:"v-model",value:t.preferredCommunication,expression:"preferredCommunication"}],staticClass:"form-contact__checkbox-input",attrs:{name:"call",id:"checkboxCall",value:"call",type:"checkbox"},domProps:{checked:Array.isArray(t.preferredCommunication)?t._i(t.preferredCommunication,"call")>-1:t.preferredCommunication},on:{change:function(e){var o=t.preferredCommunication,r=e.target,n=!!r.checked;if(Array.isArray(o)){var c="call",l=t._i(o,c);r.checked?l<0&&(t.preferredCommunication=o.concat([c])):l>-1&&(t.preferredCommunication=o.slice(0,l).concat(o.slice(l+1)))}else t.preferredCommunication=n}}}),e("span",{staticClass:"form-contact__checkbox-overlay"}),e("label",{staticClass:"form-contact__checkbox-label",attrs:{for:"checkboxCall"}},[t._v("Call")])]),e("div",{staticClass:"form-contact__checkbox-group form-contact__checkbox-group--alt"},[e("input",{directives:[{name:"model",rawName:"v-model",value:t.preferredCommunication,expression:"preferredCommunication"}],staticClass:"form-contact__checkbox-input",attrs:{name:"text",id:"checkboxText",value:"text",type:"checkbox"},domProps:{checked:Array.isArray(t.preferredCommunication)?t._i(t.preferredCommunication,"text")>-1:t.preferredCommunication},on:{change:function(e){var o=t.preferredCommunication,r=e.target,n=!!r.checked;if(Array.isArray(o)){var c="text",l=t._i(o,c);r.checked?l<0&&(t.preferredCommunication=o.concat([c])):l>-1&&(t.preferredCommunication=o.slice(0,l).concat(o.slice(l+1)))}else t.preferredCommunication=n}}}),e("span",{staticClass:"form-contact__checkbox-overlay"}),e("label",{staticClass:"form-contact__checkbox-label",attrs:{for:"checkboxText"}},[t._v("Text ")])])])]),e("div",{staticClass:"form-contact__group form-contact__group--button"},[e("button",{staticClass:"form-contact__submit-button",class:{"form-contact__submit-button--success":t.formSuccess,"form-contact__submit-button--sending":t.formSubmitted&&!t.formSuccess},attrs:{"aria-label":"submit contact form"}},[e("span",{staticClass:"form-contact__submit-label",class:{"form-contact__submit-label--hidden":t.formSuccess}},[t._v("Send")]),e("span",{staticClass:"form-contact__submit-check",class:{"form-contact__submit-check--showing":t.formSuccess},attrs:{"aria-hidden":"true"}},[t._v("✓")])])])]),e("div",{staticClass:"form-contact__modal",class:{"form-contact__modal--open":t.modalOpen},attrs:{"aria-hidden":!t.modalOpen,role:"dialog","aria-modal":"true"}},[e("div",{staticClass:"form-contact__modal-overlay"}),e("div",{ref:"contactFormModal",staticClass:"form-contact__modal-container"},[e("button",{staticClass:"form-contact__modal-close",attrs:{tabindex:"0"},on:{click:function(e){return t.closeModal()}}},[t._v("close")]),e("div",{staticClass:"form-contact__modal-title"},[t._v("Thank you! ")]),e("div",{staticClass:"form-contact__modal-text"},[t._v("We will be in touch shortly!")]),t._t("default")],2)])])}),[],!1,null,null,null);e.default=component.exports},633:function(t,e,o){"use strict";o(584)},634:function(t,e,o){var r=o(22)((function(i){return i[1]}));r.push([t.i,'.form-contact__submit-button{font-size:1.5rem;font-weight:300;letter-spacing:.25rem;line-height:1.333;text-transform:lowercase}@media screen and (max-width:600px){.form-contact__submit-button{font-size:1.0625rem}}.form-contact__modal-container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.form-contact__modal-overlay{height:100%;left:0;position:absolute;top:0;width:100%}@keyframes circle-grow{0%{transform:scale(1)}50%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes circle-bounce{0%{transform:translateY(-.9%)}50%{transform:translateY(.9%)}to{transform:translateY(-.9%)}}@keyframes circle-bounce-centered{0%{transform:translate3d(-50%,-49.1%,0)}50%{transform:translate3d(-50%,-50.9%,0)}to{transform:translate3d(-50%,-49.1%,0)}}@keyframes rotate-image{0%{transform:rotate(-4.5deg)}50%{transform:rotate(-7.5deg)}to{transform:rotate(-4.5deg)}}@keyframes rotate-image-flat{0%{transform:rotate(0deg)}50%{transform:rotate(2deg)}to{transform:rotate(0deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-bounce-in{0%{opacity:0;transform:translateY(12%) scale(.75)}75%{transform:scale(1.05)}85%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-right-reveal{0%{clip-path:polygon(0 0,20% 0,20% 100%,0 100%);opacity:0;transform:translateX(-2rem)}60%{opacity:1}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1;transform:translateX(0)}}@keyframes shutters-effect{0%{opacity:0;transform:scaleX(0) scaleY(.005)}25%{opacity:1;transform:scaleX(0) scaleY(.005)}50%{opacity:1;transform:scaleX(1) scaleY(.005)}to{opacity:1;transform:scaleX(1) scaleY(1)}}@keyframes button-right{0%{transform:translate3d(0,-50%,0)}50%{transform:translate3d(16px,-50%,0)}to{transform:translate3d(0,-50%,0)}}@keyframes button-left{0%{transform:translate3d(0,-50%,0)}50%{transform:translate3d(-16px,-50%,0)}to{transform:translate3d(0,-50%,0)}}.form-contact{width:100%;z-index:2}.form-contact__form{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}.form-contact__group{display:flex;margin-top:2rem;position:relative;width:100%}.form-contact__group--half{width:calc(50% - 12px)}@media screen and (max-width:600px){.form-contact__group--half{width:100%}}.form-contact__group--fieldset{border:none;padding:0}.form-contact__group--button{display:flex;width:100%}@media screen and (max-width:480px){.form-contact__group--button{justify-content:center}}.form-contact__label{color:#000;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transform-origin:left top;transition:transform .2s ease,top .2s ease}.form-contact__label--textarea{bottom:.75rem;top:auto;transform:none}.form-contact__label--active{top:-1.75rem;transform:translateY(0) scale(.7)}.form-contact__label--checkbox{display:block;padding-bottom:.5rem;position:static;transform:none}.form-contact__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border-bottom:1px solid #000;border-radius:0;color:#000;padding:.75rem 0;width:100%}.form-contact__input:focus-visible{outline-color:#8ab153;outline-offset:.1875rem;outline-style:dashed;outline-width:.125rem}.form-contact__input:active{outline:transparent}.form-contact__input:focus+.form-contact__label{top:-1.75rem;transform:translateY(0) scale(.7)}.form-contact__input--error,.form-contact__input--error:focus{border-color:#ffcc3e}.form-contact__input--error,.form-contact__input--error+.form-contact__label{color:#ffcc3e}.form-contact__error-message{bottom:-1.5rem;color:#ffcc3e;font-size:13px;left:0;padding:.25rem 0;position:absolute}.form-contact__group-message .form-contact__error-message{bottom:.75rem}.form-contact__checkbox{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}.form-contact__checkbox--alt{display:flex;flex-wrap:wrap}.form-contact__checkbox-title{color:#000;margin-bottom:.25rem;text-align:left}.form-contact__checkbox-group{position:relative}.form-contact__checkbox-group--alt{margin-right:2rem}.form-contact__checkbox-input,.form-contact__checkbox-overlay{height:1.5rem;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1.5rem}.form-contact__checkbox-input{opacity:0;z-index:1}.form-contact__checkbox-input:checked~.form-contact__checkbox-overlay:after,.form-contact__checkbox-input:focus-visible~.form-contact__checkbox-overlay:after,.form-contact__checkbox-input:hover~.form-contact__checkbox-overlay:after{opacity:1;transition:opacity .1s ease}.form-contact__checkbox-input:checked~.form-contact__checkbox-overlay{border:1px solid #000}.form-contact__checkbox-overlay{border:1px solid #000;transition:border .25s ease}.form-contact__checkbox-overlay:after{color:#1376bf;content:"\\2713";font-size:1.25rem;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .1s ease}.form-contact__checkbox-label{color:#000;padding-left:2.75rem;text-transform:capitalize}.form-contact__submit-button{background:none;border:none;color:#1376bf;cursor:pointer;display:block;margin-left:3rem;position:relative;text-align:center;transition:opacity .2s ease}.form-contact__submit-button:focus-visible{outline-color:#8ab153;outline-offset:.1875rem;outline-style:dashed;outline-width:.125rem}@media not all and (pointer:coarse){.form-contact__submit-button:hover{opacity:.7}.form-contact__submit-button:hover:after,.form-contact__submit-button:hover:before{width:2.5rem}}.form-contact__submit-button:focus{opacity:.7}.form-contact__submit-button:focus:after,.form-contact__submit-button:focus:before{width:2.5rem}.form-contact__submit-button:after,.form-contact__submit-button:before{background:#1376bf;content:"";height:1px;position:absolute;width:24px}.form-contact__submit-button:before{right:calc(100% + 24px)}.form-contact__submit-button:after,.form-contact__submit-button:before{-webkit-animation-fill-mode:forwards;top:50%;transform:translate3d(0,-50%,0);transition:width .2s ease}.form-contact__submit-button:after{left:calc(100% + 24px)}@media screen and (max-width:480px){.form-contact__submit-button{margin-left:0}}.form-contact__submit-label{display:block;padding:.5rem 0;position:relative;transition:transform .25s ease .25s;z-index:9}.form-contact__submit-label--hidden{transform:scale(0);transition-delay:0}.form-contact__submit-check{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transform:translateY(.5rem) scale(0);transition:transform .25s ease;width:100%;z-index:9}.form-contact__submit-check--showing{transform:translateY(0) scale(1);transition-delay:.4s}.form-contact__modal{height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .25s ease-in;width:100%;z-index:99999}.form-contact__modal--open{opacity:1;pointer-events:all}.form-contact__modal-overlay{background:rgba(0,0,0,.15)}.form-contact__modal-container{align-items:center;background:#000;display:flex;flex-direction:column;justify-content:center;padding:5rem;text-align:center}.form-contact__modal-text{font-size:18px}.form-contact__modal-close{background:transparent;border:none;cursor:pointer;padding:0;position:absolute;right:2rem;top:1rem}@media not all and (pointer:coarse){.form-contact__modal-close:hover{color:#1376bf}}@media screen and (max-width:480px){.form-contact__modal-close{right:1rem}}.form-contact__modal-title{color:#1376bf}.form-contact__modal-body,.form-contact__modal-button{padding-top:1rem}',""]),r.locals={},t.exports=r}}]);