@kvass/widgets 1.0.4 → 1.0.5

package/dist/contact.js

@@ -22,4 +22,4 @@ var Zr=Object.defineProperty,Qr=Object.defineProperties;var Gr=Object.getOwnProp
 					}
 				}
 			`})}).then(t=>t.json()).then(t=>t.data.Projects.filter(n=>n.isPublished))}var qi=`.kvass-contact{--kvass-contact-default-background: #ffffff;--kvass-contact-default-spacing: 2rem;--kvass-contact-default-border-radius: 4px;--kvass-contact-default-border-color: #eaeaea;--kvass-contact-default-color: #222222;--kvass-contact-default-color-inverted: #ffffff;--kvass-contact-default-max-width: 720px;--kvass-contact-default-primary: #1d56d8;--kvass-contact-default-error: #d81d1d;--kvass-contact-default-grid-columns: 1;--kvass-contact-default-disabled: #eaeaea;background-color:var(--kvass-contact-background, var(--kvass-contact-default-background));padding:var(--kvass-contact-spacing, var(--kvass-contact-default-spacing));border-radius:var(--kvass-contact-border-radius, var(--kvass-contact-default-border-radius));color:var(--kvass-contact-color, var(--kvass-contact-default-color));max-width:var(--kvass-contact-max-width, var(--kvass-contact-default-max-width));font:inherit;accent-color:var(--kvass-contact-primary, var(--kvass-contact-default-primary));display:flex;flex-direction:column;gap:var(--kvass-contact-spacing, var(--kvass-contact-default-spacing))}@media (max-width: 600px){.kvass-contact{--kvass-contact-grid-columns: 1;padding:calc(var(--kvass-contact-spacing, var(--kvass-contact-default-spacing)) / 2)}}.kvass-contact *:focus-visible{outline:2px solid var(--kvass-contact-color, var(--kvass-contact-default-color));outline-offset:2px}.kvass-contact__header{display:flex;flex-direction:column;gap:.5rem}.kvass-contact__fields{display:grid;grid-template-columns:repeat(var(--kvass-contact-grid-columns, var(--kvass-contact-default-grid-columns)),1fr);gap:calc(var(--kvass-contact-spacing, var(--kvass-contact-default-spacing)) / 2)}.kvass-contact__title{font-size:2rem;margin:0}.kvass-contact__subtitle{opacity:.7;margin:0}.kvass-contact__submit{padding:calc(var(--kvass-contact-spacing, var(--kvass-contact-default-spacing)) / 2);border-radius:var(--kvass-contact-border-radius, var(--kvass-contact-default-border-radius));background-color:var(--kvass-contact-primary, var(--kvass-contact-default-primary));color:var(--kvass-contact-color-inverted, var(--kvass-contact-default-color-inverted));border:none;font:inherit;width:100%}.kvass-contact__submit:disabled{background-color:var(--kvass-contact-disabled, var(--kvass-contact-default-disabled));color:var(--kvass-contact-color, var(--kvass-contact-default-color));cursor:not-allowed}
-`;const Wi=["onSubmit"],zi={class:"kvass-contact__header"},Ji={class:"kvass-contact__title"},Yi={key:0,class:"kvass-contact__subtitle"},Xi={class:"kvass-contact__fields"},Zi=["disabled"],Qi={props:{lang:{type:String,default:()=>document.documentElement.getAttribute("lang")||"nb"},privacyUrl:{type:String},upsell:{type:Boolean,default:!1},accountUrl:{type:String,required:!0},projects:{type:String,default:""},references:{type:String,default:""},tags:{type:String,default:""}},setup(e){const t=e,n={nb:{title:"Meld interesse",submit:"Meld interesse",name:"Navn",email:"E-post",phone:"Telefonnummer",message:"Melding",projects:"Hvilke prosjekter er du interessert i?",upsell:"Jeg \xF8nsker informasjon om lignende prosjekter",privacy:"Jeg \xF8nsker \xE5 bli kontaktet i samtykke med [personvernerkl\xE6ringen]",success:"Takk for interessen!"},en:{title:"Contact agent",submit:"Submit",name:"Name",email:"Email",phone:"Phone",message:"Message",projects:"Which projects are you interested in?",upsell:"I want to know about other similar projects",privacy:"I agree to the [privacy policy]",success:"Thank you for your interest"}},s=ei(),r=ss(()=>t.privacyUrl?t.privacyUrl:`${t.accountUrl}/api/legal/privacy/tenant`),o={contact:{name:null,email:null,phone:null,upsell:!1,tags:t.tags.split(",")},comment:null},l=Yt(structuredClone(o)),c=pt(!1),f=pt([]),u=pt([]),g=pt([]),x=T=>T.charAt(0).toUpperCase()+T.substring(1);function v(T){let P=s["label"+x(T)]||n[t.lang][T];return T==="privacy"?P.replace(/\[(.+)\]/,`<a href="${r.value}">$1</a>`):P}function O(){Object.assign(l,structuredClone(o)),u.value=[]}function S(){Jr(t.accountUrl,ln(on({},l),{references:g.value}),u.value).then(()=>{c.value=!0,O()})}function $(){const T=t.references.split(",").map(P=>{const[R,q]=P.split(":");return{onModel:R,ref:q}});g.value=T}return Zn(()=>{t.projects?t.projects.split(",").forEach(T=>u.value.push(T)):Vi(t.accountUrl).then(T=>f.value=T),$()}),(T,P)=>(re(),Ue("form",{class:"kvass-contact",onSubmit:Ti(S,["prevent"])},[je("div",zi,[je("h2",Ji,_t(v("title")),1),v("subtitle")?(re(),Ue("p",Yi,_t(v("subtitle")),1)):xt("",!0)]),je("div",Xi,[ee(mt,{label:v("name"),type:"text",required:"",modelValue:de(l).contact.name,"onUpdate:modelValue":P[0]||(P[0]=R=>de(l).contact.name=R)},null,8,["label","modelValue"]),ee(mt,{label:v("email"),type:"email",pattern:"\\b[\\w\\.-]+@[\\w\\.-]+\\.\\w{2,4}",required:"",modelValue:de(l).contact.email,"onUpdate:modelValue":P[1]||(P[1]=R=>de(l).contact.email=R)},null,8,["label","modelValue"]),ee(mt,{label:v("phone"),type:"tel",modelValue:de(l).contact.phone,"onUpdate:modelValue":P[2]||(P[2]=R=>de(l).contact.phone=R)},null,8,["label","modelValue"]),e.projects?xt("",!0):(re(),lt(zr,{key:0,label:v("projects")},{default:Xn(()=>[(re(!0),Ue(ce,null,Vl(f.value,R=>(re(),lt(jt,{key:R.id,state:R.id,label:R.name,modelValue:u.value,"onUpdate:modelValue":P[3]||(P[3]=q=>u.value=q)},null,8,["state","label","modelValue"]))),128))]),_:1},8,["label"])),ee(mt,{label:v("message"),type:"textarea",rows:"5",class:"kvass-contact-field--full-width",modelValue:de(l).comment,"onUpdate:modelValue":P[4]||(P[4]=R=>de(l).comment=R)},null,8,["label","modelValue"]),e.upsell?(re(),lt(jt,{key:1,label:v("upsell"),class:"kvass-contact-field--full-width",modelValue:de(l).contact.upsell,"onUpdate:modelValue":P[5]||(P[5]=R=>de(l).contact.upsell=R)},null,8,["label","modelValue"])):xt("",!0),ee(jt,{label:v("privacy"),class:"kvass-contact-field--full-width",required:""},null,8,["label"])]),je("button",{class:"kvass-contact__submit",type:"submit",disabled:c.value},_t(c.value?v("success"):v("submit")),9,Zi)],40,Wi))}};var Nn=en(Qi,[["styles",[qi]]]);Nn.styles=[...Nn.styles,...mt.styles,...zr.styles,...jt.styles];customElements.define("kvass-contact",xi(Nn));
+`;const Wi=["onSubmit"],zi={class:"kvass-contact__header"},Ji={class:"kvass-contact__title"},Yi={key:0,class:"kvass-contact__subtitle"},Xi={class:"kvass-contact__fields"},Zi=["disabled"],Qi={props:{lang:{type:String,default:()=>document.documentElement.getAttribute("lang")||"nb"},privacyUrl:{type:String},upsell:{type:Boolean,default:!1},accountUrl:{type:String,required:!0},projects:{type:String,default:""},references:{type:String,default:""},tags:{type:String,default:""}},setup(e){const t=e,n={nb:{title:"Meld interesse",submit:"Meld interesse",name:"Navn",email:"E-post",phone:"Telefonnummer",message:"Melding",projects:"Hvilke prosjekter er du interessert i?",upsell:"Jeg \xF8nsker informasjon om lignende prosjekter",privacy:"Jeg \xF8nsker \xE5 bli kontaktet i samtykke med [personvernerkl\xE6ringen]",success:"Takk for interessen!"},en:{title:"Contact agent",submit:"Submit",name:"Name",email:"Email",phone:"Phone",message:"Message",projects:"Which projects are you interested in?",upsell:"I want to know about other similar projects",privacy:"I agree to the [privacy policy]",success:"Thank you for your interest"}},s=ei(),r=ss(()=>t.privacyUrl?t.privacyUrl:`${t.accountUrl}/api/legal/privacy/tenant`),o={contact:{name:null,email:null,phone:null,upsell:!1,tags:t.tags.split(",")},comment:null},l=Yt(structuredClone(o)),c=pt(!1),f=pt([]),u=pt([]),g=pt([]),x=T=>T.charAt(0).toUpperCase()+T.substring(1);function v(T){let P=s["label"+x(T)]||n[t.lang][T];return T==="privacy"?P.replace(/\[(.+)\]/,`<a href="${r.value}">$1</a>`):P}function O(){Object.assign(l,structuredClone(o)),u.value=[]}function S(){Jr(t.accountUrl,ln(on({},l),{references:g.value}),u.value).then(()=>{c.value=!0,O()})}function $(){const T=t.references.split(",").filter(Boolean).map(P=>{const[R,q]=P.split(":");return{onModel:R,ref:q}});g.value=T}return Zn(()=>{t.projects?t.projects.split(",").forEach(T=>u.value.push(T)):Vi(t.accountUrl).then(T=>f.value=T),$()}),(T,P)=>(re(),Ue("form",{class:"kvass-contact",onSubmit:Ti(S,["prevent"])},[je("div",zi,[je("h2",Ji,_t(v("title")),1),v("subtitle")?(re(),Ue("p",Yi,_t(v("subtitle")),1)):xt("",!0)]),je("div",Xi,[ee(mt,{label:v("name"),type:"text",required:"",modelValue:de(l).contact.name,"onUpdate:modelValue":P[0]||(P[0]=R=>de(l).contact.name=R)},null,8,["label","modelValue"]),ee(mt,{label:v("email"),type:"email",pattern:"\\b[\\w\\.-]+@[\\w\\.-]+\\.\\w{2,4}",required:"",modelValue:de(l).contact.email,"onUpdate:modelValue":P[1]||(P[1]=R=>de(l).contact.email=R)},null,8,["label","modelValue"]),ee(mt,{label:v("phone"),type:"tel",modelValue:de(l).contact.phone,"onUpdate:modelValue":P[2]||(P[2]=R=>de(l).contact.phone=R)},null,8,["label","modelValue"]),e.projects?xt("",!0):(re(),lt(zr,{key:0,label:v("projects")},{default:Xn(()=>[(re(!0),Ue(ce,null,Vl(f.value,R=>(re(),lt(jt,{key:R.id,state:R.id,label:R.name,modelValue:u.value,"onUpdate:modelValue":P[3]||(P[3]=q=>u.value=q)},null,8,["state","label","modelValue"]))),128))]),_:1},8,["label"])),ee(mt,{label:v("message"),type:"textarea",rows:"5",class:"kvass-contact-field--full-width",modelValue:de(l).comment,"onUpdate:modelValue":P[4]||(P[4]=R=>de(l).comment=R)},null,8,["label","modelValue"]),e.upsell?(re(),lt(jt,{key:1,label:v("upsell"),class:"kvass-contact-field--full-width",modelValue:de(l).contact.upsell,"onUpdate:modelValue":P[5]||(P[5]=R=>de(l).contact.upsell=R)},null,8,["label","modelValue"])):xt("",!0),ee(jt,{label:v("privacy"),class:"kvass-contact-field--full-width",required:""},null,8,["label"])]),je("button",{class:"kvass-contact__submit",type:"submit",disabled:c.value},_t(c.value?v("success"):v("submit")),9,Zi)],40,Wi))}};var Nn=en(Qi,[["styles",[qi]]]);Nn.styles=[...Nn.styles,...mt.styles,...zr.styles,...jt.styles];customElements.define("kvass-contact",xi(Nn));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kvass/widgets",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

package/src/contact/components/Form.ce.vue

@@ -127,13 +127,16 @@ function submit() {
 }
 
 function setReferences() {
-  const refs = props.references.split(',').map((r) => {
-    const [onModel, ref] = r.split(':')
-    return {
-      onModel,
-      ref,
-    }
-  })
+  const refs = props.references
+    .split(',')
+    .filter(Boolean)
+    .map((r) => {
+      const [onModel, ref] = r.split(':')
+      return {
+        onModel,
+        ref,
+      }
+    })
   references.value = refs
 }