@oneb/ui-vue 0.0.73 → 0.0.74

package/dist/form/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),C=require("../XMarkIcon-f94baa4c.cjs"),w={id:{type:String,required:!1},validation:{type:Object,required:!1}},F={id:{type:String,required:!1},label:{type:String,required:!1},name:{type:String,required:!1},hint:{type:String,required:!1,default:""},errors:{type:Array,required:!1}},S={name:{type:String,required:!1},errors:{type:Array,required:!1}},$={label:{type:String,required:!1}},N={id:{type:String,required:!1},name:{type:String,required:!1},placeholder:{type:String,default:""},icon:{type:[Function,Object]},type:{type:String,default:"text"},inputClass:{required:!1,type:[Array,String]},modelValue:{required:!1,type:[String,Number,Array,Boolean,Object,null]},autofocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},large:{type:Boolean,default:!1},invalid:{type:Boolean,required:!1,default:!1},options:{type:Array,required:!1,default:[]}},v=()=>e.inject("BaseForm",()=>({formId:e.computed(()=>{}),validation:e.computed(()=>{})}),!0),y=()=>e.inject("BaseFormField",()=>({inputId:e.computed(()=>{}),inputName:e.computed(()=>{}),hasError:e.computed(()=>!1)}),!0),q=["id"],O=e.defineComponent({__name:"OneForm",props:w,emits:["submit"],setup(d,{emit:l}){const o=d,n=l;e.provide("BaseForm",{formId:e.computed(()=>o.id),validation:e.computed(()=>o.validation)});const a=()=>{n("submit")};return(t,u)=>(e.openBlock(),e.createElementBlock("form",{onSubmit:e.withModifiers(a,["prevent"]),id:t.id,class:"space-y-3"},[e.renderSlot(t.$slots,"default")],40,q))}}),_=["for"],h=e.defineComponent({__name:"OneFormLabel",props:$,setup(d){const{inputId:l}=y();return(o,n)=>(e.openBlock(),e.createElementBlock("label",{for:e.unref(l),class:"block text-sm font-medium text-primary-content select-none"},[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.label),1)])],8,_))}}),I={key:0,class:"text-danger-content text-xs space-y-1"},b=e.defineComponent({__name:"OneFormFeedback",props:S,setup(d){const l=d,{validation:o}=v(),{inputName:n}=y(),a=e.computed(()=>n.value==null&&l.name==null?l.errors??[]:o.value==null?l.errors??[]:(o.value??{})[l.name||n.value]??l.errors??[]);return(t,u)=>a.value.length>0?(e.openBlock(),e.createElementBlock("div",I,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,s=>(e.openBlock(),e.createElementBlock("div",{key:s},e.toDisplayString(s),1))),128))])):e.createCommentVNode("",!0)}});function j(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"}),e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 12a3 3 0 11-6 0 3 3 0 016 0z"})])}function L(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88"})])}const M=["id","disabled"],A=["selected"],D=["selected","value"],z=["name","id","value","placeholder","disabled","readonly"],P={key:2,class:"flex w-full space-x-3 items-center"},T=["type","name","id","disabled","readonly","checked"],X=["for"],G={key:3,class:"w-full space-y-1"},H=["name","id","value","disabled","readonly","checked"],J=["for"],K={key:4,class:"relative"},Q={class:"absolute p-2 px-3 rounded-md h-full flex items-center select-none"},R=["type","name","id","value","placeholder","disabled","readonly"],B=e.defineComponent({__name:"OneFormInput",props:N,emits:["update:modelValue"],setup(d,{emit:l}){const o=d,n=l,{inputId:a,inputName:t,hasError:u}=y(),s=e.ref(null),p=e.ref(!1);e.onMounted(()=>{o.autofocus&&s.value&&s.value.focus()});const g=e.computed(()=>o.modelValue!=null&&o.modelValue!==""),c=e.computed(()=>{if(o.id)return o.id;const r=(a==null?void 0:a.value)||"";return o.name?`${r}-${o.name}`:r||""}),E=()=>{n("update:modelValue","")},V=e.computed(()=>{const r={"shadow-sm":o.type!=="range","border-danger-base":u.value||o.invalid,"pl-10":o.icon!=null,"pr-10":o.type==="password","rounded-full":o.rounded,"rounded-md":!o.rounded,"text-lg":o.large,"py-2.5":o.large,"py-2":!o.large};return o.inputClass!=null&&(typeof o.inputClass=="string"?r[o.inputClass]=!0:o.inputClass instanceof Array&&o.inputClass.forEach(f=>{r[f]=!0})),r}),m=r=>{o.type==="checkbox"?n("update:modelValue",r.target.checked):n("update:modelValue",r.target.value)};return(r,f)=>r.type==="select"?(e.openBlock(),e.createElementBlock("select",{key:0,id:c.value,ref_key:"inputElement",ref:s,class:e.normalizeClass(["border border-primary-stroke px-3 w-full",{"border-danger-base":e.unref(u)||r.invalid,"text-secondary-content":r.modelValue===""||r.modelValue==null,"rounded-full":r.rounded,"rounded-md":!r.rounded,"text-lg":r.large,"py-2.5":r.large,"py-2":!r.large}]),disabled:r.disabled},[r.placeholder?(e.openBlock(),e.createElementBlock("option",{key:0,selected:r.modelValue===""||r.modelValue==null,disabled:"",hidden:""},e.toDisplayString(r.placeholder),9,A)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.options,i=>(e.openBlock(),e.createElementBlock("option",{selected:i.key===r.modelValue,key:i.key,value:i.key},e.toDisplayString(i.value),9,D))),128))],10,M)):r.type==="textarea"?(e.openBlock(),e.createElementBlock("textarea",{key:1,name:r.name||e.unref(t),id:c.value,value:r.modelValue,onInput:m,rows:"3",class:e.normalizeClass(["border border-primary-stroke px-3 w-full placeholder-gray-400",{"border-danger-base":e.unref(u),"rounded-3xl":r.rounded,"rounded-md":!r.rounded,"text-lg":r.large,"py-2.5":r.large,"py-2":!r.large}]),placeholder:r.placeholder,disabled:r.disabled,readonly:r.readonly,ref_key:"inputElement",ref:s},null,42,z)):r.type==="checkbox"?(e.openBlock(),e.createElementBlock("div",P,[e.createElementVNode("input",{type:r.type,name:r.name||e.unref(t),id:c.value,value:!0,onInput:m,disabled:r.disabled,readonly:r.readonly,class:e.normalizeClass(["rounded-md border border-primary-stroke px-2 py-2 shadow-sm",{"border-danger-base":e.unref(u)||r.invalid}]),checked:r.modelValue===!0,ref_key:"inputElement",ref:s},null,42,T),e.createElementVNode("label",{for:c.value,class:"text-primary-content select-none"},e.toDisplayString(r.placeholder),9,X)])):r.type==="radio"?(e.openBlock(),e.createElementBlock("div",G,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.options,(i,k)=>(e.openBlock(),e.createElementBlock("div",{key:i.key,class:"flex w-full space-x-3 items-center"},[e.createElementVNode("input",{type:"radio",name:r.name||e.unref(t),id:`${c.value}-${k}`,value:i.key,onInput:m,disabled:r.disabled,readonly:r.readonly,class:e.normalizeClass(["rounded-md border border-primary-stroke px-3 py-2 shadow-sm",{"border-danger-base":e.unref(u)||r.invalid}]),checked:i.key===r.modelValue,ref_for:!0,ref_key:"inputElement",ref:s},null,42,H),e.createElementVNode("label",{for:`${c.value}-${k}`,class:"text-primary-content select-none"},e.toDisplayString(i.value),9,J)]))),128))])):(e.openBlock(),e.createElementBlock("div",K,[e.createElementVNode("div",Q,[r.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.icon),{key:0,class:"w-5 h-5 text-primary-content"})):e.createCommentVNode("",!0)]),e.createElementVNode("input",{type:p.value?"text":r.type,name:r.name||e.unref(t),id:c.value,value:r.modelValue,onInput:m,placeholder:r.placeholder,disabled:r.disabled,readonly:r.readonly,class:e.normalizeClass(["border border-primary-stroke w-full px-3 placeholder-gray-400",V.value]),ref_key:"inputElement",ref:s},null,42,R),r.clearable&&g.value?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:E,class:"absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"},[e.createVNode(e.unref(C.render),{class:"w-5 h-5 text-secondary-content hover:text-primary-base"})])):r.type==="password"?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:f[0]||(f[0]=i=>p.value=!p.value),class:"absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"},[p.value?(e.openBlock(),e.createBlock(e.unref(L),{key:0,class:"w-5 h-5 text-primary-content hover:text-primary-base"})):(e.openBlock(),e.createBlock(e.unref(j),{key:1,class:"w-5 h-5 text-secondary-content hover:text-primary-base"}))])):e.createCommentVNode("",!0)]))}}),U={class:"space-y-1"},W={key:2,class:"text-xs text-secondary-content select-none"},Y=e.defineComponent({__name:"OneFormField",props:F,setup(d){const l=d,{formId:o,validation:n}=v(),a=e.computed(()=>l.errors!=null&&l.errors.length>0?!0:l.name==null?!1:(n.value??{})[l.name]!=null);return e.provide("BaseFormField",{inputId:e.computed(()=>{const t=o.value||"form";if(l.id!=null)return`${t}-${l.id}`;if(l.name!=null)return`${t}-field-${l.name}`}),inputName:e.computed(()=>l.name),hasError:a}),(t,u)=>(e.openBlock(),e.createElementBlock("div",U,[t.label?(e.openBlock(),e.createBlock(h,{key:0,label:t.label},null,8,["label"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[e.createVNode(B)]),a.value?(e.openBlock(),e.createBlock(b,{key:1,errors:t.errors},null,8,["errors"])):t.hint.length>0?(e.openBlock(),e.createElementBlock("p",W,e.toDisplayString(t.hint),1)):e.createCommentVNode("",!0)]))}});exports.OneForm=O;exports.OneFormFeedback=b;exports.OneFormField=Y;exports.OneFormInput=B;exports.OneFormLabel=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),V=require("../XMarkIcon-f94baa4c.cjs"),C={id:{type:String,required:!1},validation:{type:Object,required:!1}},w={id:{type:String,required:!1},label:{type:String,required:!1},name:{type:String,required:!1},hint:{type:String,required:!1,default:""},errors:{type:Array,required:!1}},F={name:{type:String,required:!1},errors:{type:Array,required:!1}},S={label:{type:String,required:!1}},$={id:{type:String,required:!1},name:{type:String,required:!1},placeholder:{type:String,default:""},icon:{type:[Function,Object]},type:{type:String,default:"text"},inputClass:{required:!1,type:[Array,String]},modelValue:{required:!1,type:[String,Number,Array,Boolean,Object,null]},autofocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},large:{type:Boolean,default:!1},invalid:{type:Boolean,required:!1,default:!1},options:{type:Array,required:!1,default:[]}},k=()=>e.inject("BaseForm",()=>({formId:e.computed(()=>{}),validation:e.computed(()=>{})}),!0),f=()=>e.inject("BaseFormField",()=>({inputId:e.computed(()=>{}),inputName:e.computed(()=>{}),hasError:e.computed(()=>!1)}),!0),N=["onSubmit","id"],q=e.defineComponent({__name:"OneForm",props:C,emits:["submit"],setup(d,{emit:l}){const o=d;e.provide("BaseForm",{formId:e.computed(()=>o.id),validation:e.computed(()=>o.validation)});const a=()=>{l("submit")};return(n,t)=>(e.openBlock(),e.createElementBlock("form",{onSubmit:e.withModifiers(a,["prevent"]),id:n.id,class:"space-y-3"},[e.renderSlot(n.$slots,"default")],40,N))}}),O=["for"],v=e.defineComponent({__name:"OneFormLabel",props:S,setup(d){const{inputId:l}=f();return(o,a)=>(e.openBlock(),e.createElementBlock("label",{for:e.unref(l),class:"block text-sm font-medium text-primary-content select-none"},[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.label),1)])],8,O))}}),_={key:0,class:"text-danger-content text-xs space-y-1"},h=e.defineComponent({__name:"OneFormFeedback",props:F,setup(d){const l=d,{validation:o}=k(),{inputName:a}=f(),n=e.computed(()=>a.value==null&&l.name==null?l.errors??[]:o.value==null?l.errors??[]:(o.value??{})[l.name||a.value]??l.errors??[]);return(t,u)=>n.value.length>0?(e.openBlock(),e.createElementBlock("div",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,i=>(e.openBlock(),e.createElementBlock("div",{key:i},e.toDisplayString(i),1))),128))])):e.createCommentVNode("",!0)}});function I(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"}),e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 12a3 3 0 11-6 0 3 3 0 016 0z"})])}function j(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88"})])}const L=["id","disabled"],M=["selected"],A=["selected","value"],D=["name","id","value","placeholder","disabled","readonly"],z={key:2,class:"flex w-full space-x-3 items-center"},P=["type","name","id","disabled","readonly","checked"],T=["for"],X={key:3,class:"w-full space-y-1"},G=["name","id","value","disabled","readonly","checked"],H=["for"],J={key:4,class:"relative"},K={class:"absolute p-2 px-3 rounded-md h-full flex items-center select-none"},Q=["type","name","id","value","placeholder","disabled","readonly"],b=e.defineComponent({__name:"OneFormInput",props:$,emits:["update:modelValue"],setup(d,{emit:l}){const o=d,{inputId:a,inputName:n,hasError:t}=f(),u=e.ref(null),i=e.ref(!1);e.onMounted(()=>{o.autofocus&&u.value&&u.value.focus()});const B=e.computed(()=>o.modelValue!=null&&o.modelValue!==""),c=e.computed(()=>{if(o.id)return o.id;const r=(a==null?void 0:a.value)||"";return o.name?`${r}-${o.name}`:r||""}),g=()=>{l("update:modelValue","")},E=e.computed(()=>{const r={"shadow-sm":o.type!=="range","border-danger-base":t.value||o.invalid,"pl-10":o.icon!=null,"pr-10":o.type==="password","rounded-full":o.rounded,"rounded-md":!o.rounded,"text-lg":o.large,"py-2.5":o.large,"py-2":!o.large};return o.inputClass!=null&&(typeof o.inputClass=="string"?r[o.inputClass]=!0:o.inputClass instanceof Array&&o.inputClass.forEach(m=>{r[m]=!0})),r}),p=r=>{o.type==="checkbox"?l("update:modelValue",r.target.checked):l("update:modelValue",r.target.value)};return(r,m)=>r.type==="select"?(e.openBlock(),e.createElementBlock("select",{key:0,id:c.value,ref_key:"inputElement",ref:u,class:e.normalizeClass(["border border-primary-stroke px-3 w-full",{"border-danger-base":e.unref(t)||r.invalid,"text-secondary-content":r.modelValue===""||r.modelValue==null,"rounded-full":r.rounded,"rounded-md":!r.rounded,"text-lg":r.large,"py-2.5":r.large,"py-2":!r.large}]),disabled:r.disabled},[r.placeholder?(e.openBlock(),e.createElementBlock("option",{key:0,selected:r.modelValue===""||r.modelValue==null,disabled:"",hidden:""},e.toDisplayString(r.placeholder),9,M)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.options,s=>(e.openBlock(),e.createElementBlock("option",{selected:s.key===r.modelValue,key:s.key,value:s.key},e.toDisplayString(s.value),9,A))),128))],10,L)):r.type==="textarea"?(e.openBlock(),e.createElementBlock("textarea",{key:1,name:r.name||e.unref(n),id:c.value,value:r.modelValue,onInput:p,rows:"3",class:e.normalizeClass(["border border-primary-stroke px-3 w-full placeholder-gray-400",{"border-danger-base":e.unref(t),"rounded-3xl":r.rounded,"rounded-md":!r.rounded,"text-lg":r.large,"py-2.5":r.large,"py-2":!r.large}]),placeholder:r.placeholder,disabled:r.disabled,readonly:r.readonly,ref_key:"inputElement",ref:u},null,42,D)):r.type==="checkbox"?(e.openBlock(),e.createElementBlock("div",z,[e.createElementVNode("input",{type:r.type,name:r.name||e.unref(n),id:c.value,value:!0,onInput:p,disabled:r.disabled,readonly:r.readonly,class:e.normalizeClass(["rounded-md border border-primary-stroke px-2 py-2 shadow-sm",{"border-danger-base":e.unref(t)||r.invalid}]),checked:r.modelValue===!0,ref_key:"inputElement",ref:u},null,42,P),e.createElementVNode("label",{for:c.value,class:"text-primary-content select-none"},e.toDisplayString(r.placeholder),9,T)])):r.type==="radio"?(e.openBlock(),e.createElementBlock("div",X,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.options,(s,y)=>(e.openBlock(),e.createElementBlock("div",{key:s.key,class:"flex w-full space-x-3 items-center"},[e.createElementVNode("input",{type:"radio",name:r.name||e.unref(n),id:`${c.value}-${y}`,value:s.key,onInput:p,disabled:r.disabled,readonly:r.readonly,class:e.normalizeClass(["rounded-md border border-primary-stroke px-3 py-2 shadow-sm",{"border-danger-base":e.unref(t)||r.invalid}]),checked:s.key===r.modelValue,ref_for:!0,ref_key:"inputElement",ref:u},null,42,G),e.createElementVNode("label",{for:`${c.value}-${y}`,class:"text-primary-content select-none"},e.toDisplayString(s.value),9,H)]))),128))])):(e.openBlock(),e.createElementBlock("div",J,[e.createElementVNode("div",K,[r.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.icon),{key:0,class:"w-5 h-5 text-primary-content"})):e.createCommentVNode("",!0)]),e.createElementVNode("input",{type:i.value?"text":r.type,name:r.name||e.unref(n),id:c.value,value:r.modelValue,onInput:p,placeholder:r.placeholder,disabled:r.disabled,readonly:r.readonly,class:e.normalizeClass(["border border-primary-stroke w-full px-3 placeholder-gray-400",E.value]),ref_key:"inputElement",ref:u},null,42,Q),r.clearable&&B.value?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:g,class:"absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"},[e.createVNode(e.unref(V.render),{class:"w-5 h-5 text-secondary-content hover:text-primary-base"})])):r.type==="password"?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:m[0]||(m[0]=s=>i.value=!i.value),class:"absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"},[i.value?(e.openBlock(),e.createBlock(e.unref(j),{key:0,class:"w-5 h-5 text-primary-content hover:text-primary-base"})):(e.openBlock(),e.createBlock(e.unref(I),{key:1,class:"w-5 h-5 text-secondary-content hover:text-primary-base"}))])):e.createCommentVNode("",!0)]))}}),R={class:"space-y-1"},U={key:2,class:"text-xs text-secondary-content select-none"},W=e.defineComponent({__name:"OneFormField",props:w,setup(d){const l=d,{formId:o,validation:a}=k(),n=e.computed(()=>l.errors!=null&&l.errors.length>0?!0:l.name==null?!1:(a.value??{})[l.name]!=null);return e.provide("BaseFormField",{inputId:e.computed(()=>{const t=o.value||"form";if(l.id!=null)return`${t}-${l.id}`;if(l.name!=null)return`${t}-field-${l.name}`}),inputName:e.computed(()=>l.name),hasError:n}),(t,u)=>(e.openBlock(),e.createElementBlock("div",R,[t.label?(e.openBlock(),e.createBlock(v,{key:0,label:t.label},null,8,["label"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[e.createVNode(b)]),n.value?(e.openBlock(),e.createBlock(h,{key:1,errors:t.errors},null,8,["errors"])):t.hint.length>0?(e.openBlock(),e.createElementBlock("p",U,e.toDisplayString(t.hint),1)):e.createCommentVNode("",!0)]))}});exports.OneForm=q;exports.OneFormFeedback=h;exports.OneFormField=W;exports.OneFormInput=b;exports.OneFormLabel=v;

package/dist/form/index.js

@@ -1,6 +1,6 @@
-import { inject as E, computed as t, defineComponent as g, provide as O, openBlock as l, createElementBlock as n, withModifiers as M, renderSlot as B, unref as s, createTextVNode as P, toDisplayString as v, Fragment as V, renderList as C, createCommentVNode as h, createElementVNode as c, ref as _, onMounted as z, normalizeClass as b, createBlock as k, resolveDynamicComponent as D, createVNode as I } from "vue";
-import { r as T } from "../XMarkIcon-51ef0691.js";
-const G = {
+import { inject as _, computed as t, defineComponent as g, provide as E, openBlock as l, createElementBlock as n, withModifiers as L, renderSlot as C, unref as d, createTextVNode as M, toDisplayString as v, Fragment as $, renderList as V, createCommentVNode as h, createElementVNode as m, ref as q, onMounted as P, normalizeClass as b, createBlock as k, resolveDynamicComponent as z, createVNode as O } from "vue";
+import { r as D } from "../XMarkIcon-51ef0691.js";
+const T = {
   id: {
     type: String,
     required: !1
@@ -9,7 +9,7 @@ const G = {
     type: Object,
     required: !1
   }
-}, H = {
+}, G = {
   id: {
     type: String,
     required: !1
@@ -31,7 +31,7 @@ const G = {
     type: Array,
     required: !1
   }
-}, J = {
+}, H = {
   name: {
     type: String,
     required: !1
@@ -40,12 +40,12 @@ const G = {
     type: Array,
     required: !1
   }
-}, K = {
+}, J = {
   label: {
     type: String,
     required: !1
   }
-}, Q = {
+}, K = {
   id: {
     type: String,
     required: !1
@@ -107,7 +107,7 @@ const G = {
     required: !1,
     default: []
   }
-}, j = () => E(
+}, I = () => _(
   "BaseForm",
   () => ({
     formId: t(() => {
@@ -116,7 +116,7 @@ const G = {
     })
   }),
   !0
-), S = () => E(
+), S = () => _(
   "BaseFormField",
   () => ({
     inputId: t(() => {
@@ -126,55 +126,55 @@ const G = {
     hasError: t(() => !1)
   }),
   !0
-), R = ["id"], be = /* @__PURE__ */ g({
+), Q = ["onSubmit", "id"], he = /* @__PURE__ */ g({
   __name: "OneForm",
-  props: G,
+  props: T,
   emits: ["submit"],
   setup(u, { emit: a }) {
-    const r = u, d = a;
-    O("BaseForm", {
+    const r = u;
+    E("BaseForm", {
       formId: t(() => r.id),
       validation: t(() => r.validation)
     });
     const i = () => {
-      d("submit");
+      a("submit");
     };
-    return (o, y) => (l(), n("form", {
-      onSubmit: M(i, ["prevent"]),
-      id: o.id,
+    return (s, o) => (l(), n("form", {
+      onSubmit: L(i, ["prevent"]),
+      id: s.id,
       class: "space-y-3"
     }, [
-      B(o.$slots, "default")
-    ], 40, R));
+      C(s.$slots, "default")
+    ], 40, Q));
   }
-}), U = ["for"], W = /* @__PURE__ */ g({
+}), R = ["for"], U = /* @__PURE__ */ g({
   __name: "OneFormLabel",
-  props: K,
+  props: J,
   setup(u) {
     const { inputId: a } = S();
-    return (r, d) => (l(), n("label", {
-      for: s(a),
+    return (r, i) => (l(), n("label", {
+      for: d(a),
       class: "block text-sm font-medium text-primary-content select-none"
     }, [
-      B(r.$slots, "default", {}, () => [
-        P(v(r.label), 1)
+      C(r.$slots, "default", {}, () => [
+        M(v(r.label), 1)
       ])
-    ], 8, U));
+    ], 8, R));
   }
-}), X = {
+}), W = {
   key: 0,
   class: "text-danger-content text-xs space-y-1"
-}, Y = /* @__PURE__ */ g({
+}, X = /* @__PURE__ */ g({
   __name: "OneFormFeedback",
-  props: J,
+  props: H,
   setup(u) {
-    const a = u, { validation: r } = j(), { inputName: d } = S(), i = t(() => d.value == null && a.name == null ? a.errors ?? [] : r.value == null ? a.errors ?? [] : (r.value ?? {})[a.name || d.value] ?? a.errors ?? []);
-    return (o, y) => i.value.length > 0 ? (l(), n("div", X, [
-      (l(!0), n(V, null, C(i.value, (p) => (l(), n("div", { key: p }, v(p), 1))), 128))
+    const a = u, { validation: r } = I(), { inputName: i } = S(), s = t(() => i.value == null && a.name == null ? a.errors ?? [] : r.value == null ? a.errors ?? [] : (r.value ?? {})[a.name || i.value] ?? a.errors ?? []);
+    return (o, c) => s.value.length > 0 ? (l(), n("div", W, [
+      (l(!0), n($, null, V(s.value, (y) => (l(), n("div", { key: y }, v(y), 1))), 128))
     ])) : h("", !0);
   }
 });
-function Z(u, a) {
+function Y(u, a) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -183,19 +183,19 @@ function Z(u, a) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    c("path", {
+    m("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"
     }),
-    c("path", {
+    m("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
     })
   ]);
 }
-function x(u, a) {
+function Z(u, a) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -204,42 +204,42 @@ function x(u, a) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    c("path", {
+    m("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88"
     })
   ]);
 }
-const ee = ["id", "disabled"], re = ["selected"], le = ["selected", "value"], ae = ["name", "id", "value", "placeholder", "disabled", "readonly"], ne = {
+const x = ["id", "disabled"], ee = ["selected"], re = ["selected", "value"], le = ["name", "id", "value", "placeholder", "disabled", "readonly"], ae = {
   key: 2,
   class: "flex w-full space-x-3 items-center"
-}, oe = ["type", "name", "id", "disabled", "readonly", "checked"], te = ["for"], se = {
+}, ne = ["type", "name", "id", "disabled", "readonly", "checked"], oe = ["for"], te = {
   key: 3,
   class: "w-full space-y-1"
-}, de = ["name", "id", "value", "disabled", "readonly", "checked"], ie = ["for"], ue = {
+}, se = ["name", "id", "value", "disabled", "readonly", "checked"], de = ["for"], ie = {
   key: 4,
   class: "relative"
-}, pe = { class: "absolute p-2 px-3 rounded-md h-full flex items-center select-none" }, me = ["type", "name", "id", "value", "placeholder", "disabled", "readonly"], ce = /* @__PURE__ */ g({
+}, ue = { class: "absolute p-2 px-3 rounded-md h-full flex items-center select-none" }, pe = ["type", "name", "id", "value", "placeholder", "disabled", "readonly"], ce = /* @__PURE__ */ g({
   __name: "OneFormInput",
-  props: Q,
+  props: K,
   emits: ["update:modelValue"],
   setup(u, { emit: a }) {
-    const r = u, d = a, { inputId: i, inputName: o, hasError: y } = S(), p = _(null), w = _(!1);
-    z(() => {
-      r.autofocus && p.value && p.value.focus();
+    const r = u, { inputId: i, inputName: s, hasError: o } = S(), c = q(null), y = q(!1);
+    P(() => {
+      r.autofocus && c.value && c.value.focus();
     });
-    const N = t(() => r.modelValue != null && r.modelValue !== ""), f = t(() => {
+    const j = t(() => r.modelValue != null && r.modelValue !== ""), f = t(() => {
       if (r.id)
         return r.id;
       const e = (i == null ? void 0 : i.value) || "";
       return r.name ? `${e}-${r.name}` : e || "";
-    }), A = () => {
-      d("update:modelValue", "");
-    }, L = t(() => {
+    }), N = () => {
+      a("update:modelValue", "");
+    }, A = t(() => {
       const e = {
         "shadow-sm": r.type !== "range",
-        "border-danger-base": y.value || r.invalid,
+        "border-danger-base": o.value || r.invalid,
         "pl-10": r.icon != null,
         "pr-10": r.type === "password",
         "rounded-full": r.rounded,
@@ -248,19 +248,19 @@ const ee = ["id", "disabled"], re = ["selected"], le = ["selected", "value"], ae
         "py-2.5": r.large,
         "py-2": !r.large
       };
-      return r.inputClass != null && (typeof r.inputClass == "string" ? e[r.inputClass] = !0 : r.inputClass instanceof Array && r.inputClass.forEach(($) => {
-        e[$] = !0;
+      return r.inputClass != null && (typeof r.inputClass == "string" ? e[r.inputClass] = !0 : r.inputClass instanceof Array && r.inputClass.forEach((F) => {
+        e[F] = !0;
       })), e;
-    }), F = (e) => {
-      r.type === "checkbox" ? d("update:modelValue", e.target.checked) : d("update:modelValue", e.target.value);
+    }), w = (e) => {
+      r.type === "checkbox" ? a("update:modelValue", e.target.checked) : a("update:modelValue", e.target.value);
     };
-    return (e, $) => e.type === "select" ? (l(), n("select", {
+    return (e, F) => e.type === "select" ? (l(), n("select", {
       key: 0,
       id: f.value,
       ref_key: "inputElement",
-      ref: p,
+      ref: c,
       class: b(["border border-primary-stroke px-3 w-full", {
-        "border-danger-base": s(y) || e.invalid,
+        "border-danger-base": d(o) || e.invalid,
         "text-secondary-content": e.modelValue === "" || e.modelValue == null,
         "rounded-full": e.rounded,
         "rounded-md": !e.rounded,
@@ -275,21 +275,21 @@ const ee = ["id", "disabled"], re = ["selected"], le = ["selected", "value"], ae
         selected: e.modelValue === "" || e.modelValue == null,
         disabled: "",
         hidden: ""
-      }, v(e.placeholder), 9, re)) : h("", !0),
-      (l(!0), n(V, null, C(e.options, (m) => (l(), n("option", {
-        selected: m.key === e.modelValue,
-        key: m.key,
-        value: m.key
-      }, v(m.value), 9, le))), 128))
-    ], 10, ee)) : e.type === "textarea" ? (l(), n("textarea", {
+      }, v(e.placeholder), 9, ee)) : h("", !0),
+      (l(!0), n($, null, V(e.options, (p) => (l(), n("option", {
+        selected: p.key === e.modelValue,
+        key: p.key,
+        value: p.key
+      }, v(p.value), 9, re))), 128))
+    ], 10, x)) : e.type === "textarea" ? (l(), n("textarea", {
       key: 1,
-      name: e.name || s(o),
+      name: e.name || d(s),
       id: f.value,
       value: e.modelValue,
-      onInput: F,
+      onInput: w,
       rows: "3",
       class: b(["border border-primary-stroke px-3 w-full placeholder-gray-400", {
-        "border-danger-base": s(y),
+        "border-danger-base": d(o),
         "rounded-3xl": e.rounded,
         "rounded-md": !e.rounded,
         "text-lg": e.large,
@@ -300,105 +300,105 @@ const ee = ["id", "disabled"], re = ["selected"], le = ["selected", "value"], ae
       disabled: e.disabled,
       readonly: e.readonly,
       ref_key: "inputElement",
-      ref: p
-    }, null, 42, ae)) : e.type === "checkbox" ? (l(), n("div", ne, [
-      c("input", {
+      ref: c
+    }, null, 42, le)) : e.type === "checkbox" ? (l(), n("div", ae, [
+      m("input", {
         type: e.type,
-        name: e.name || s(o),
+        name: e.name || d(s),
         id: f.value,
         value: !0,
-        onInput: F,
+        onInput: w,
         disabled: e.disabled,
         readonly: e.readonly,
         class: b(["rounded-md border border-primary-stroke px-2 py-2 shadow-sm", {
-          "border-danger-base": s(y) || e.invalid
+          "border-danger-base": d(o) || e.invalid
         }]),
         checked: e.modelValue === !0,
         ref_key: "inputElement",
-        ref: p
-      }, null, 42, oe),
-      c("label", {
+        ref: c
+      }, null, 42, ne),
+      m("label", {
         for: f.value,
         class: "text-primary-content select-none"
-      }, v(e.placeholder), 9, te)
-    ])) : e.type === "radio" ? (l(), n("div", se, [
-      (l(!0), n(V, null, C(e.options, (m, q) => (l(), n("div", {
-        key: m.key,
+      }, v(e.placeholder), 9, oe)
+    ])) : e.type === "radio" ? (l(), n("div", te, [
+      (l(!0), n($, null, V(e.options, (p, B) => (l(), n("div", {
+        key: p.key,
         class: "flex w-full space-x-3 items-center"
       }, [
-        c("input", {
+        m("input", {
           type: "radio",
-          name: e.name || s(o),
-          id: `${f.value}-${q}`,
-          value: m.key,
-          onInput: F,
+          name: e.name || d(s),
+          id: `${f.value}-${B}`,
+          value: p.key,
+          onInput: w,
           disabled: e.disabled,
           readonly: e.readonly,
           class: b(["rounded-md border border-primary-stroke px-3 py-2 shadow-sm", {
-            "border-danger-base": s(y) || e.invalid
+            "border-danger-base": d(o) || e.invalid
           }]),
-          checked: m.key === e.modelValue,
+          checked: p.key === e.modelValue,
           ref_for: !0,
           ref_key: "inputElement",
-          ref: p
-        }, null, 42, de),
-        c("label", {
-          for: `${f.value}-${q}`,
+          ref: c
+        }, null, 42, se),
+        m("label", {
+          for: `${f.value}-${B}`,
           class: "text-primary-content select-none"
-        }, v(m.value), 9, ie)
+        }, v(p.value), 9, de)
       ]))), 128))
-    ])) : (l(), n("div", ue, [
-      c("div", pe, [
-        e.icon ? (l(), k(D(e.icon), {
+    ])) : (l(), n("div", ie, [
+      m("div", ue, [
+        e.icon ? (l(), k(z(e.icon), {
           key: 0,
           class: "w-5 h-5 text-primary-content"
         })) : h("", !0)
       ]),
-      c("input", {
-        type: w.value ? "text" : e.type,
-        name: e.name || s(o),
+      m("input", {
+        type: y.value ? "text" : e.type,
+        name: e.name || d(s),
         id: f.value,
         value: e.modelValue,
-        onInput: F,
+        onInput: w,
         placeholder: e.placeholder,
         disabled: e.disabled,
         readonly: e.readonly,
-        class: b(["border border-primary-stroke w-full px-3 placeholder-gray-400", L.value]),
+        class: b(["border border-primary-stroke w-full px-3 placeholder-gray-400", A.value]),
         ref_key: "inputElement",
-        ref: p
-      }, null, 42, me),
-      e.clearable && N.value ? (l(), n("div", {
+        ref: c
+      }, null, 42, pe),
+      e.clearable && j.value ? (l(), n("div", {
         key: 0,
-        onClick: A,
+        onClick: N,
         class: "absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"
       }, [
-        I(s(T), { class: "w-5 h-5 text-secondary-content hover:text-primary-base" })
+        O(d(D), { class: "w-5 h-5 text-secondary-content hover:text-primary-base" })
       ])) : e.type === "password" ? (l(), n("div", {
         key: 1,
-        onClick: $[0] || ($[0] = (m) => w.value = !w.value),
+        onClick: F[0] || (F[0] = (p) => y.value = !y.value),
         class: "absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"
       }, [
-        w.value ? (l(), k(s(x), {
+        y.value ? (l(), k(d(Z), {
           key: 0,
           class: "w-5 h-5 text-primary-content hover:text-primary-base"
-        })) : (l(), k(s(Z), {
+        })) : (l(), k(d(Y), {
           key: 1,
           class: "w-5 h-5 text-secondary-content hover:text-primary-base"
         }))
       ])) : h("", !0)
     ]));
   }
-}), ye = { class: "space-y-1" }, fe = {
+}), me = { class: "space-y-1" }, ye = {
   key: 2,
   class: "text-xs text-secondary-content select-none"
-}, ke = /* @__PURE__ */ g({
+}, be = /* @__PURE__ */ g({
   __name: "OneFormField",
-  props: H,
+  props: G,
   setup(u) {
-    const a = u, { formId: r, validation: d } = j(), i = t(
-      () => a.errors != null && a.errors.length > 0 ? !0 : a.name == null ? !1 : (d.value ?? {})[a.name] != null
+    const a = u, { formId: r, validation: i } = I(), s = t(
+      () => a.errors != null && a.errors.length > 0 ? !0 : a.name == null ? !1 : (i.value ?? {})[a.name] != null
     );
-    return O("BaseFormField", {
+    return E("BaseFormField", {
       inputId: t(() => {
         const o = r.value || "form";
         if (a.id != null)
@@ -407,26 +407,26 @@ const ee = ["id", "disabled"], re = ["selected"], le = ["selected", "value"], ae
           return `${o}-field-${a.name}`;
       }),
       inputName: t(() => a.name),
-      hasError: i
-    }), (o, y) => (l(), n("div", ye, [
-      o.label ? (l(), k(W, {
+      hasError: s
+    }), (o, c) => (l(), n("div", me, [
+      o.label ? (l(), k(U, {
         key: 0,
         label: o.label
       }, null, 8, ["label"])) : h("", !0),
-      B(o.$slots, "default", {}, () => [
-        I(ce)
+      C(o.$slots, "default", {}, () => [
+        O(ce)
       ]),
-      i.value ? (l(), k(Y, {
+      s.value ? (l(), k(X, {
         key: 1,
         errors: o.errors
-      }, null, 8, ["errors"])) : o.hint.length > 0 ? (l(), n("p", fe, v(o.hint), 1)) : h("", !0)
+      }, null, 8, ["errors"])) : o.hint.length > 0 ? (l(), n("p", ye, v(o.hint), 1)) : h("", !0)
     ]));
   }
 });
 export {
-  be as OneForm,
-  Y as OneFormFeedback,
-  ke as OneFormField,
+  he as OneForm,
+  X as OneFormFeedback,
+  be as OneFormField,
   ce as OneFormInput,
-  W as OneFormLabel
+  U as OneFormLabel
 };