@kvass/widgets 1.0.0 → 1.0.1

package/dist/contact.js

@@ -21,4 +21,4 @@ var Zr=Object.defineProperty,Qr=Object.defineProperties;var Gr=Object.getOwnProp
 					}
 				}
 			`})}).then(t=>t.json())}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:String,references:String,tags:String},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 O=s["label"+x(T)]||n[t.lang][T];return T==="privacy"?O.replace(/\[(.+)\]/,`<a href="${r.value}">$1</a>`):O}function P(){Object.assign(l,structuredClone(o)),u.value=[]}function S(){Jr(t.accountUrl,ln(on({},l),{references:g.value}),u.value).then(()=>{c.value=!0,P()})}function $(){const T=t.references.split(",").map(O=>{const[R,q]=O.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.data.Projects),$()}),(T,O)=>(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":O[0]||(O[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":O[1]||(O[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":O[2]||(O[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":O[3]||(O[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":O[4]||(O[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":O[5]||(O[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:String,references:String,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 O=s["label"+x(T)]||n[t.lang][T];return T==="privacy"?O.replace(/\[(.+)\]/,`<a href="${r.value}">$1</a>`):O}function P(){Object.assign(l,structuredClone(o)),u.value=[]}function S(){Jr(t.accountUrl,ln(on({},l),{references:g.value}),u.value).then(()=>{c.value=!0,P()})}function $(){const T=t.references.split(",").map(O=>{const[R,q]=O.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.data.Projects),$()}),(T,O)=>(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":O[0]||(O[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":O[1]||(O[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":O[2]||(O[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":O[3]||(O[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":O[4]||(O[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":O[5]||(O[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.0",
+  "version": "1.0.1",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

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

@@ -63,7 +63,10 @@ const props = defineProps({
   },
   projects: String,
   references: String,
-  tags: String,
+  tags: {
+    type: String,
+    default: '',
+  },
 })
 
 const privacyUrlComp = computed(() =>