1import{d as Y,X as Z,q as w,h as J,s as K,O as ee,Q as I,c as S,o as F,F as te,f as s,b as n,e,w as t,L as U,S as r,R as l,y as h,a7 as se,a8 as oe,Z as ae,$ as le,m as ne,T as re,H as ce,_ as de}from"./zrtgta57.js";import{_ as ie}from"./CLKmFpAY.js";import{b as me,_ as ue,a as fe,k as be}from"./DTx66Vmr.js";import{_ as pe,a as _e,b as xe}from"./DzJlyWDK.js";import{t as he,h as ye,u as ve,F as ge,_ as Ce,c as $e,a as we,b as Fe}from"./CKtOX2-R.js";import ke from"./Bx00-Acx.js";import{d as Ne,_ as Ue,a as Se,b as Ve,c as qe}from"./56ETr7UA.js";import{_ as Oe}from"./DM9IeXMm.js";import"./DaSpvEEm.js";import"./C5AjZH8A.js";const Ae={class:"~space-y-8/12"},Ie={class:"~space-y-8/12"},Le={class:"flex justify-between"},Pe={class:"truncate pr-4 max-w-48 min-[30rem]:max-w-none"},Te={class:"flex items-center"},Re={class:"font-semibold text-sm mr-2"},Be={class:"md:col-span-2 flex flex-col md:flex-row md:items-center md:rtl:divide-x-reverse md:divide-x mt-8"},Me={class:"inline-flex md:rtl:pl-6 md:ltr:pr-6"},je=["disabled"],De={class:"~text-2xl/[2.125rem] font-extrabold"},ze={class:"text-xs mt-4 md:mt-0 md:rtl:pr-6 md:ltr:pl-6 md:w-56"},He=Y({__name:"ColorAxesOrderNow",setup(g,{expose:V}){const{$countries:k}=Z(),c=w({icon:"flagpack-us",name:"",code:"+1",mask:"(###)###-####"}),N=J(()=>he(ye({minPhoneLength:c.value.mask.length}))),{handleSubmit:L,resetForm:P,errors:d,setFieldValue:y}=ve({validationSchema:N});K(c,a=>{y("phoneCode",a.code),y("phoneMask",a.mask)},{immediate:!0,deep:!0});const v=w(!1),T=w(""),C=w(!1),{toast:q}=ee(),O=L(async a=>{C.value=!0;try{await $fetch("/api/emails/color-axes",{method:"POST",body:{...a,pageUrl:window.location.href,pageName:I().meta.title}}),q({title:"Thanks for reaching out!",description:"We've received your request and will be in touch soon."})}catch{q({title:"Something went wrong!",description:"Try submitting the form again later.",variant:"destructive"})}finally{P(),v.value=!1,y("phoneCode",c.value.code),y("phoneMask",c.value.mask),y("pageUrl",window.location.href),y("pageName",I().meta.title),C.value=!1}return!1});return V({unmaskedPhoneValue:T}),(a,i)=>{const R=me,B=xe,M=_e,j=pe,m=$e,u=Ce,f=ge,b=ue,p=Fe,_=we,A=ke,D=Se,z=Ue,H=fe,E=qe,G=Ve,Q=Ne,W=Oe,X=re;return F(),S("form",{onSubmit:i[5]||(i[5]=te((...o)=>s(O)&&s(O)(...o),["prevent"])),class:"grid md:grid-cols-2 ~gap-x-8/16 ~gap-y-8/12 ~mt-10/24"},[n("div",Ae,[e(f,{name:"quantity"},{default:t(({value:o})=>[e(u,{class:"relative"},{default:t(()=>[e(j,{id:"count",min:1,max:100,"format-options":{minimumIntegerDigits:1},"model-value":o,"onUpdate:modelValue":i[0]||(i[0]=$=>{$?s(y)("quantity",$):s(y)("quantity",void 0)}),class:"gap-0 md:gap-2"},{default:t(()=>[e(R,{for:"count",class:U(["~text-base/xl font-bold lg:font-medium",{"text-[#C5282F]":s(d).quantity}])},{default:t(()=>[r(l(a.$t("form.quantity"))+"* ",1)]),_:1},8,["class"]),e(M,null,{default:t(()=>[e(B,{placeholder:a.$t("form.quantityPlaceholder"),class:U(["text-left border-0 border-b h-12 px-0 text-base placeholder:text-black/35 focus:shadow-none focus-visible:ring-0 rounded-none rtl:text-right",s(d).quantity?"border-[#C5282F] focus-visible:border-[#C5282F]":"border-black/35"])},null,8,["placeholder","class"])]),_:1})]),_:2},1032,["model-value"]),e(m,{class:"absolute bottom-0 translate-y-5 text-xs"})]),_:2},1024)]),_:1}),e(f,{name:"color"},{default:t(({componentField:o})=>[e(u,{class:"relative space-y-0 md:space-y-2"},{default:t(()=>[e(b,{class:"~text-base/xl font-bold lg:font-medium"},{default:t(()=>[r(l(a.$t("form.colorChoice"))+"* ",1)]),_:1}),e(_,null,{default:t(()=>[e(p,h({type:"text",placeholder:" "},o,{class:["border-0 border-b h-12 px-0 text-base placeholder:text-black/35 focus:shadow-none focus-visible:ring-0",s(d).color?"border-[#C5282F] focus-visible:border-[#C5282F]":"border-black/35"]}),null,16,["class"])]),_:2},1024),e(m,{class:"absolute bottom-0 translate-y-5 text-xs"})]),_:2},1024)]),_:1}),e(f,{name:"firstName"},{default:t(({componentField:o})=>[e(u,{class:"relative space-y-0 md:space-y-2"},{default:t(()=>[e(b,{class:"~text-base/xl font-bold lg:font-medium"},{default:t(()=>[r(l(a.$t("form.firstName"))+"* ",1)]),_:1}),e(_,null,{default:t(()=>[e(p,h({type:"text",placeholder:" "},o,{class:["border-0 border-b h-12 px-0 text-base placeholder:text-black/35 focus:shadow-none focus-visible:ring-0",s(d).firstName?"border-[#C5282F] focu
1s-visible:border-[#C5282F]":"border-black/35"]}),null,16,["class"])]),_:2},1024),e(m,{class:"absolute bottom-0 translate-y-5 text-xs"})]),_:2},1024)]),_:1}),e(f,{name:"lastName"},{default:t(({componentField:o})=>[e(u,{class:"relative space-y-0 md:space-y-2"},{default:t(()=>[e(b,{class:"~text-base/xl font-bold lg:font-medium"},{default:t(()=>[r(l(a.$t("form.lastName"))+"* ",1)]),_:1}),e(_,null,{default:t(()=>[e(p,h({type:"text",placeholder:" "},o,{class:["border-0 border-b h-12 px-0 text-base focus:shadow-none focus-visible:ring-0",s(d).lastName?"border-[#C5282F] focus-visible:border-[#C5282F]":"border-black/35"]}),null,16,["class"])]),_:2},1024),e(m,{class:"absolute bottom-0 translate-y-5 text-xs"})]),_:2},1024)]),_:1}),e(f,{name:"companyName"},{default:t(({componentField:o})=>[e(u,{class:"relative space-y-0 md:space-y-2"},{default:t(()=>[e(b,{class:"~text-base/xl font-bold lg:font-medium"},{default:t(()=>[r(l(a.$t("form.companyName"))+"* ",1)]),_:1}),e(_,null,{default:t(()=>[e(p,h({type:"text",placeholder:" "},o,{class:["border-0 border-b h-12 px-0 text-base focus:shadow-none focus-visible:ring-0",s(d).companyName?"border-[#C5282F] focus-visible:border-[#C5282F]":"border-black/35"]}),null,16,["class"])]),_:2},1024),e(m,{class:"absolute bottom-0 translate-y-5 text-xs"})]),_:2},1024)]),_:1}),e(f,{name:"address"},{default:t(({componentField:o})=>[e(u,{class:"relative space-y-0 md:space-y-2"},{default:t(()=>[e(b,{class:"~text-base/xl font-bold lg:font-medium"},{default:t(()=>[r(l(a.$t("form.streetAddress"))+"* ",1)]),_:1}),e(_,null,{default:t(()=>[e(p,h({type:"text",placeholder:" "},o,{class:["border-0 border-b h-12 px-0 text-base focus:shadow-none focus-visible:ring-0",s(d).address?"border-[#C5282F] focus-visible:border-[#C5282F]":"border-black/35"]}),null,16,["class"])]),_:2},1024),e(m,{class:"absolute bottom-0 translate-y-5 text-xs"})]),_:2},1024)]),_:1})]),n("div",Ie,[e(f,{name:"city"},{default:t(({componentField:o})=>[e(u,{class:"relative space-y-0 md:space-y-2"},{default:t(()=>[e(b,{class:"~text-base/xl font-bold lg:font-medium"},{default:t(()=>[r(l(a.$t("form.city"))+"* ",1)]),_:1}),e(_,null,{default:t(()=>[e(p,h({type:"text",placeholder:" "},o,{class:["border-0 border-b h-12 px-0 text-base focus:shadow-none focus-visible:ring-0",s(d).city?"border-[#C5282F] focus-visible:border-[#C5282F]":"border-black/35"]}),null,16,["class"])]),_:2},1024),e(m,{class:"absolute bottom-0 translate-y-5 text-xs"})]),_:2},1024)]),_:1}),e(f,{name:"state"},{default:t(({componentField:o})=>[e(u,{class:"relative space-y-0 md:space-y-2"},{default:t(()=>[e(b,{class:"~text-base/xl font-bold lg:font-medium"},{default:t(()=>[r(l(a.$t("form.stateRegion"))+"* ",1)]),_:1}),e(_,null,{default:t(()=>[e(p,h({type:"text",placeholder:" "},o,{class:["border-0 border-b h-12 px-0 text-base focus:shadow-none focus-visible:ring-0",s(d).state?"border-[#C5282F] focus-visible:border-[#C5282F]":"border-black/35"]}),null,16,["class"])]),_:2},1024),e(m,{class:"absolute bottom-0 translate-y-5 text-xs"})]),_:2},1024)]),_:1}),e(f,{name:"phoneCountry"},{default:t(({componentField:o})=>[e(u,{class:"relative space-y-0 md:space-y-2"},{default:t(()=>[e(b,{class:"~text-base/xl font-bold lg:font-medium"},{default:t(()=>[r(l(a.$t("form.phoneCountry"))+"* ",1)]),_:1}),e(_,null,{default:t(()=>[e(p,h({type:"text",placeholder:" "},o,{class:["border-0 border-b h-12 px-0 text-base placeholder:text-black/35 focus:shadow-none focus-visible:ring-0",s(d).phoneCountry?"border-[#C5282F] focus-visible:border-[#C5282F]":"border-black/35"]}),null,16,["class"])]),_:2},1024),e(m,{class:"absolute bottom-0 translate-y-5 text-xs"})]),_:2},1024)]),_:1}),e(f,{name:"postalCode"},{default:t(({componentField:o})=>[e(u,{class:"relative space-y-0 md:space-y-2"},{default:t(()=>[e(b,{class:"~text-base/xl font-bold lg:font-medium"},{default:t(()=>[r(l(a.$t("form.postalCode"))+"* ",1)]),_:1}),e(_,null,{default:t(()=>[e(p,h({type:"text",placeholder:" "},o,{class:["border-0 border-b h-12 px-0 text-base focus:shadow-none focus-visible:ring-0",s(d).postalCode?"border-[#C5282F] focus-visible:border-[#C5282F]":"border-black/35"]}),null,16,["class"])]),_:2},1024),e(m,{class:"absolute bottom-0 translate-y-5 text-xs"})]),_:2},1024)]),_:1}),e(f,{name:"phone"},{default:t(({componentField:o,setValue:$})=>[e(u,{class:"relative",onClick:i[4]||(i[4]=x=>v.value=!0)},{default:t(()=>[e(b,{class:"~text-base/xl font-bold lg:font-medium"},{default:t(()=>[r(l(a.$t("form.phoneNumber"))+"* ",1)]),_:1}),e(_,null,{default:t(()=>[n("div",{class:U(["flex items-center border-b",s(d).phone?"border-[#C5282F]":"border-black/25"])},[e(Q,{"onUpdate:modelValue":[x=>$(""),i[1]||(i[1]=x=>oe(c)?c.value=x:null)],modelValue:s(c)},{default:t(()=>[e(z,{class:"w-auto p-0 h-auto border-none focus:ring-0 focus:outline-none rtl:[&>svg]:mr-2 ltr:[&>svg]:ml-2"},{default:t(()=>[e(D,{class:"flex items-center space-x-2"},{default:t(()=>[e(A,{name:s(c).icon,class:"shrink-0"},null,8,["name"]),n("span",null,l(s(c).code),1)]),_:1})]),_:1}),e(G,{"side-offset":15,class:"rounded-none w-full max-w-[375px] md:max-w-none"},{default:t(()=>[e(E,null,{default:t(()=>[(F(!0),S(ae,null,le(s(k),x=>(F(),ne(H,{key:x.name,value:x},{default:t(()=>[n("div",Le,[n("span",Pe,l(x.name),1),n("div",Te,[n("span",Re,l(x.code),1),e(A,{name:x.icon},null,8,["name"])])])]),_:2},1032,["value"]))),128))]),_:1})]),_:1})]),_:2},1032,["onUpdate:modelValue","modelValue"]),se(e(p,h({type:"tel"},o,{placeholder:s(v)?s(c).mask.replaceAll("#","9"):" ",onFocus:i[2]||(i[2]=x=>v.value=!0),onChange:i[3]||(i[3]=x=>v.value=!0),class:["border-0 h-[47px] pl-3 pr-0 text-base focus:shadow-none focus-visible:ring-0 peer rtl:text-right",{"opacity-0":!s(v)}]}),null,16,["placeholder","class"]),[[s(be),s(c).mask,"unmaskedPhoneValue",{unmasked:!0}]])],2)]),_:2},1024),e(m,{class:"absolute bottom-0 translate-y-5 text-xs"})]),_:2},1024)]),_:1}),e(f,{name:"email"},{default:t(({componentField:o})=>[e(u,{class:"relative space-y-0 md:space-y-2"},{default:t(()=>[e(b,{class:"~text-base/xl font-bold lg:font-medium"},{default:t(()=>[r(l(a.$t("form.email"))+"* ",1)]),_:1}),e(_,null,{default:t(()=>[e(p,h({type:"email",placeholder:" "},o,{class:["border-0 border-b h-12 px-0 text-base focus:shadow-none focus-visible:ring-0",s(d).email?"border-[#C5282F] focu
1s-visible:border-[#C5282F]":"border-black/35"]}),null,16,["class"])]),_:2},1024),e(m,{class:"absolute bottom-0 translate-y-5 text-xs"})]),_:2},1024)]),_:1})]),n("div",Be,[n("span",Me,[n("button",{type:"submit",class:"inline-flex items-center text-[#C5282F] disabled:text-opacity-75 disabled:cursor-not-allowed",disabled:s(C)},[e(W,{class:"~size-6/10 rtl:rotate-180 rtl:~ml-3/6 ltr:~mr-3/6"}),n("span",De,l(s(C)?a.$t("form.submitting"):a.$t("form.submitYourOrder")),1)],8,je)]),n("span",ze,[r(l(a.$t("form.privacyPolicy"))+" "+l(" ")+" ",1),e(X,{to:"/legal/privacy-policy/",class:"border-b border-black"},{default:t(()=>[r(l(a.$t("menu.privacyPolicy")),1)]),_:1})])])],32)}}}),Ee=Object.assign(He,{__name:"FormColorAxesOrderNow"}),Ge={},Qe={class:"~my-24/32"},We={class:"max-w-8xl mx-auto ~px-4/6"},Xe={class:"grid md:grid-cols-3 gap-10 items-center mb-32"},Ye={class:"md:col-span-2"},Ze={class:"~text-xl/3xl font-medium"};function Je(g,V){const k=de,c=ie,N=Ee;return F(),S("div",Qe,[n("div",We,[n("div",Xe,[n("div",null,[e(k,{src:"/images/order-box.png",width:"413",height:"325",format:"webp",quality:"85",class:"mx-auto",alt:g.$t("form.coloraxe.heading")},null,8,["alt"])]),n("div",Ye,[n("p",Ze,l(g.$t("form.coloraxe.text")),1)])]),e(c,{id:"color-axes-order-now"},{default:t(()=>[r(l(g.$t("form.coloraxe.heading")),1)]),_:1}),e(N)])])}const dt=Object.assign(ce(Ge,[["render",Je]]),{__name:"ColorAxesOrderNow"});export{dt as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.