@gits-id/autocomplete - npm Package Compare versions

Comparing version 0.14.2-alpha.40 to 0.14.4

CHANGELOG.md

@@ -6,2 +6,9 @@ # Change Log
 
+## [0.14.4](https://github.com/gitsindonesia/ui-component/compare/v0.14.3...v0.14.4) (2023-01-17)
+
+### Features
+
+- **Autocomplete:** integrate `useFormValue` in v-autocomplete component ([a3d5447](https://github.com/gitsindonesia/ui-component/commit/a3d5447b0eaf1295ca3931ecf94c9cd2fa0768c5))
+- **VSelect:** integrate `useFormValue` in v-select component ([8940082](https://github.com/gitsindonesia/ui-component/commit/894008232da77705f6b7ab91f1e88a68e8de0af8))
+
 # [0.14.0](https://github.com/gitsindonesia/ui-component/compare/v0.14.0-alpha.6...v0.14.0) (2023-01-10)
@@ -8,0 +15,0 @@

dist/autocomplete.iife.js

@@ -1,1 +0,1 @@
-var Dropdown=function(s,e,o,b,d){"use strict";const D="",k={class:"autocomplete-body"},h={class:"autocomplete-clearable"},x={key:0,class:"autocomplete-empty"},N={key:0,class:"autocomplete-item-selected"},i=e.defineComponent({__name:"VAutocomplete",props:{modelValue:{default:void 0},searchBy:{default:"text"},displayText:{default:"text"},placeholder:{default:"Search..."},label:{default:""},items:{default:()=>[]},name:{default:""},rules:{default:""},notFoundText:{default:"Nothing found."},noDataText:{default:"No data."},clearable:{type:Boolean,default:!1},errorClass:{default:"autocomplete-error"},wrapperClass:{default:""}},emits:["update:modelValue","update:query"],setup(t,{emit:p}){const B=t,{modelValue:u,searchBy:g,items:f,name:w,rules:E}=e.toRefs(B),{value:n,errorMessage:m}=b.useField(w,E,{initialValue:u.value}),r=e.ref("");e.watch(u,a=>{n.value=a}),e.watch(n,a=>{p("update:modelValue",a)}),e.watch(r,a=>{p("update:query",a)});const V=e.computed(()=>r.value===""?f.value:f.value.filter(a=>String(a[g.value]).toLowerCase().replace(/\s+/g,"").includes(r.value.toLowerCase().replace(/\s+/g,"")))),T=()=>{n.value="",r.value=""};return(a,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(o.Combobox),{modelValue:e.unref(n),"onUpdate:modelValue":c[2]||(c[2]=l=>e.isRef(n)?n.value=l:null),class:e.normalizeClass(["autocomplete",t.wrapperClass]),as:"div"},{default:e.withCtx(()=>[t.label?(e.openBlock(),e.createBlock(e.unref(o.ComboboxLabel),{key:0,class:"autocomplete-label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("div",k,[e.createElementVNode("div",{class:e.normalizeClass(["autocomplete-field",{"autocomplete-field--error":!!e.unref(m)}])},[e.createVNode(e.unref(o.ComboboxInput),{class:"autocomplete-input","display-value":l=>l?.[t.displayText]||"",placeholder:t.placeholder,onChange:c[0]||(c[0]=l=>r.value=l.target.value)},null,8,["display-value","placeholder"]),e.createElementVNode("div",h,[t.clearable&&e.unref(n)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-label":"Clear",class:"autocomplete-clearable-button",onClick:T},[e.createVNode(e.unref(d.Icon),{name:"ri:close-line",class:"autocomplete-icon","aria-hidden":"true"})])):e.createCommentVNode("",!0),e.createVNode(e.unref(o.ComboboxButton),null,{default:e.withCtx(()=>[e.createVNode(e.unref(d.Icon),{name:"ri:arrow-down-s-line",class:"autocomplete-icon","aria-hidden":"true"})]),_:1})])],2),e.createVNode(e.unref(o.TransitionRoot),{leave:"transition ease-in duration-100","leave-from":"opacity-100","leave-to":"opacity-0",onAfterLeave:c[1]||(c[1]=l=>r.value="")},{default:e.withCtx(()=>[e.createVNode(e.unref(o.ComboboxOptions),{class:"autocomplete-options"},{default:e.withCtx(()=>[e.unref(V).length===0&&r.value===""?(e.openBlock(),e.createElementBlock("div",x,e.toDisplayString(t.noDataText),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(V),(l,S)=>(e.openBlock(),e.createBlock(e.unref(o.ComboboxOption),{key:S,as:"template",value:l},{default:e.withCtx(({selected:C,active:y})=>[e.createElementVNode("li",{class:e.normalizeClass(["autocomplete-item",{"autocomplete-item--active":y,"autocomplete-item--inactive":!y}])},[e.createElementVNode("span",{class:e.normalizeClass(["autocomplete-item-text",{"autocomplete-item-text--selected":C}])},e.toDisplayString(l[t.displayText]),3),C?(e.openBlock(),e.createElementBlock("span",N,[e.createVNode(e.unref(d.Icon),{name:"ri:check-line",class:"autocomplete-item-selected-icon","aria-hidden":"true"})])):e.createCommentVNode("",!0)],2)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})])]),_:1},8,["modelValue","class"]),e.unref(m)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.errorClass)},e.toDisplayString(e.unref(m)),3)):e.createCommentVNode("",!0)],64))}}),_="";return s.Autocomplete=i,s.VAutocomplete=i,s.default=i,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),s}({},Vue,vue$1,veeValidate,icon);
+var Dropdown=function(T,e,w,R,_,O){"use strict";const P=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},S=P(R),V=P(O),H=e.createElementVNode("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),q=e.createElementVNode("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"},null,-1),W=[H,q],X=e.defineComponent({__name:"VSpinner",props:{xLarge:{type:Boolean,default:!1},large:{type:Boolean,default:!1},small:{type:Boolean,default:!1},xSmall:{type:Boolean,default:!1},color:{type:String,default:""}},setup(t){const l=t,r=e.computed(()=>l.large?"h-8 w-8":l.small?"h-4 w-4":l.xLarge?"h-10 w-10":l.xSmall?"h-3 w-3":"h-5 w-5"),a=e.computed(()=>{switch(l.color){case"primary":return"text-primary-600";case"info":return"text-info-600";case"warning":return"text-warning-600";case"error":return"text-error-600";case"success":return"text-success-600";case"white":return"text-white-600";default:return l.color||"text-gray-600"}});return(s,u)=>(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["animate-spin inline",[e.unref(r),e.unref(a)]]),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},W,2))}});function U(t,l,r,a){const{modelValue:s,name:u,rules:b}=e.toRefs(t),p=e.computed(()=>t.validationMode==="eager"),c=e.computed(()=>t.id||t.name),d=e.ref(),m=t.modelValue||t.value,{value:C,errorMessage:f,handleChange:o,setValue:h,meta:i,validate:N}=_.useField(u,b,{initialValue:m,validateOnValueUpdate:!p.value,...r}),x=e.ref(m);e.watch(s,g=>{x.value=g,u.value&&h(g)}),e.watch(C,g=>{u.value&&(x.value=g)},{immediate:!0}),e.watch(x,g=>{u.value&&h(g),a?a(g):l("update:modelValue",g)},{deep:!0});const k=e.computed(()=>!f.value&&p.value?{blur:o,change:o,input:g=>o(g,!1)}:{blur:o,change:o,input:o});return{input:d,isEagerValidation:p,uncontrolledValue:x,validationListeners:k,vvValue:C,errorMessage:f,meta:i,inputId:c,handleChange:o,setValue:h,clear:()=>{x.value="",l("clear"),d.value&&d.value.focus()},validate:N,handleBlur:()=>{p.value&&N()}}}const Y={class:"flex gap-2"},Z=e.defineComponent({__name:"VFileUploadActions",props:{readonly:{type:Boolean},button:{type:Boolean},full:{type:Boolean},disabled:{type:Boolean},hideRemove:{type:Boolean},changeText:{default:"Change"},removeText:{default:"Remove"}},emits:["choose","remove"],setup(t,{emit:l}){return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex w-full mt-3 justify-center items-center gap-y-2 gap-x-2",[t.full||t.button?"flex-row":"w-full sm:w-[180px] flex-col"]])},[e.createElementVNode("div",null,[e.renderSlot(r.$slots,"prepend")]),e.createElementVNode("div",Y,[e.createVNode(e.unref(V.default),{disabled:t.readonly||t.disabled,small:"",dense:"",type:"button",onClick:a[0]||(a[0]=s=>l("choose"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.changeText),1)]),_:1},8,["disabled"]),t.hideRemove?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(V.default),{key:0,small:"",dense:"",type:"button",color:"error",disabled:t.readonly||t.disabled,onClick:a[1]||(a[1]=s=>l("remove"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.removeText),1)]),_:1},8,["disabled"]))]),e.createElementVNode("div",null,[e.renderSlot(r.$slots,"append")])],2))}}),G=["for"],J={key:2,class:"v-input-wrapper"},v=["id","placeholder","type","disabled","readonly"],ee={inheritAttrs:!1},te=e.defineComponent({...ee,__name:"VInput",props:{value:{type:[String,Number],default:""},modelValue:{type:[String,Number],default:""},type:{type:String,default:"text"},name:{type:String,default:""},error:{type:Boolean,default:!1},errorMessages:{type:Array,default:()=>[]},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{type:String,default:"md"},placeholder:{type:String,default:""},prependIcon:{type:String,default:""},appendIcon:{type:String,default:""},color:{type:String,default:"default"},text:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1},validationMode:{type:String,default:"aggressive"},classes:{type:Object,default:()=>({wrapper:"",input:"",prepend:"",append:""})},label:{type:String,default:""},rules:{type:[Object,String],default:null},id:{type:String,default:""},inputClass:{type:String,default:""},wrapperClass:{type:String,default:""},prependClass:{type:String,default:""},prependIconClass:{type:String,default:""},prependIconSize:{type:String,default:"md"},appendClass:{type:String,default:""},appendIconClass:{type:String,default:""},appendIconSize:{type:String,default:"md"},clearable:{type:Boolean,default:!1},clearableIcon:{type:String,default:"ri:close-line"},clearableIconClass:{type:String,default:""},clearableIconSize:{type:String,default:"md"},errorClass:{type:String,default:""},labelClass:{type:String,default:""}},emits:["update:modelValue","clickPrepend","clickPrependIcon","clickAppend","clickAppendIcon","clear"],setup(t,{emit:l}){const r=t,{errorMessage:a,uncontrolledValue:s,validationListeners:u,inputId:b,clear:p}=U(r,l);return(c,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`v-input v-input-${t.color} v-input--${t.size}`,{"v-input--error":t.error||!!e.unref(a),"v-input--disabled":t.disabled,"v-input--shadow":t.shadow},t.wrapperClass])},[t.label?e.renderSlot(c.$slots,"label",{key:0,vSlot:{for:e.unref(b)}},()=>[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(b),class:e.normalizeClass(["v-input-label",t.labelClass])},e.toDisplayString(t.label),11,G)):e.createCommentVNode("",!0)]):e.createCommentVNode("",!0),t.text?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1},c.$attrs,{class:"v-input-text"}),e.toDisplayString(e.unref(s)),17)):(e.openBlock(),e.createElementBlock("div",J,[e.renderSlot(c.$slots,"prepend.outer",{},()=>[e.createElementVNode("div",{class:e.normalizeClass(["v-input-prepend",t.prependClass]),onClick:d[1]||(d[1]=m=>l("clickPrepend"))},[e.renderSlot(c.$slots,"prepend",{},()=>[t.prependIcon?(e.openBlock(),e.createBlock(e.unref(S.default),{key:0,name:t.prependIcon,size:t.prependIconSize||t.size,class:e.normalizeClass(["v-input-icon v-input-icon--prepend",t.prependIconClass]),onClick:d[0]||(d[0]=m=>l("clickPrependIcon"))},null,8,["name","size","class"])):e.createCommentVNode("",!0)])],2)]),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:t.id||t.name,"onUpdate:modelValue":d[2]||(d[2]=m=>e.isRef(s)?s.value=m:null)},e.toHandlers(e.unref(u),!0),{ref:"input",class:["v-input-control",[{"v-input-control--has-prepend-class":!!t.prependClass,"v-input-control--has-append-class":!!t.appendClass},t.inputClass]],placeholder:t.placeholder,type:t.type,disabled:t.disabled,readonly:t.readonly},c.$attrs),null,16,v),[[e.vModelDynamic,e.unref(s)]]),e.renderSlot(c.$slots,"append.outer",{},()=>[e.createElementVNode("div",{class:e.normalizeClass(["v-input-append",t.appendClass]),onClick:d[4]||(d[4]=m=>l("clickAppend"))},[e.renderSlot(c.$slots,"append",{},()=>[t.appendIcon?(e.openBlock(),e.createBlock(e.unref(S.default),{key:0,name:t.appendIcon,size:t.appendIconSize||t.size,class:e.normalizeClass(["v-input-icon v-input-icon--append",t.appendIconClass]),onClick:d[3]||(d[3]=m=>l("clickAppendIcon"))},null,8,["name","size","class"])):e.createCommentVNode("",!0)])],2)]),t.clearable&&e.unref(s)?e.renderSlot(c.$slots,"clearable",{key:0},()=>[e.createElementVNode("button",{type:"button","aria-label":"Clear",class:"v-input-clearable",title:"Clear",onClick:d[5]||(d[5]=(...m)=>e.unref(p)&&e.unref(p)(...m))},[e.createVNode(e.unref(S.default),{name:t.clearableIcon,size:t.clearableIconSize||t.size,class:e.normalizeClass(["v-input-icon v-input-icon--append v-input-icon--clearable",t.clearableIconClass])},null,8,["name","size","class"])])]):e.createCommentVNode("",!0)])),e.unref(a)?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(["v-input-error",t.errorClass])},e.toDisplayString(e.unref(a)),3)):e.createCommentVNode("",!0)],2))}}),le={class:"v-input-action"},ae={inheritAttrs:!1},oe=e.defineComponent({...ae,__name:"VFileUploadDefaultTheme",props:{borderClass:{default:""},fileName:null,placeholder:null,readonly:{type:Boolean},disabled:{type:Boolean},hasFile:{type:Boolean},changeText:{default:"Change"},browseText:null,hideRemove:{type:Boolean},removeText:{default:"Remove"}},emits:["remove","choose"],setup(t,{emit:l}){return(r,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(te,{readonly:"","model-value":t.fileName,placeholder:t.fileName?"":t.placeholder,onClick:a[2]||(a[2]=s=>l("choose"))},{append:e.withCtx(()=>[e.createElementVNode("div",le,[e.createVNode(e.unref(V.default),{disabled:t.readonly||t.disabled,type:"button",size:"sm",onClick:a[0]||(a[0]=s=>l("choose"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.hasFile?t.changeText:t.browseText),1)]),_:1},8,["disabled"]),t.hasFile&&!t.hideRemove?(e.openBlock(),e.createBlock(e.unref(V.default),{key:0,type:"button",size:"sm",color:"error",disabled:t.readonly||t.disabled,onClick:a[1]||(a[1]=s=>l("remove"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.removeText),1)]),_:1},8,["disabled"])):e.createCommentVNode("",!0)])]),_:1},8,["model-value","placeholder"]),e.renderSlot(r.$slots,"filename",{value:t.fileName})],64))}}),re={class:"flex gap-2"},ne={key:0,class:"flex gap-2 items-center"},se={key:1,class:"text-sm mt-1 text-gray-500"},de={class:"flex gap-2 items-center"},ie=e.defineComponent({__name:"VFileUploadButtonTheme",props:{hasFile:{type:Boolean,default:!1},disabledClass:null,borderClass:null,fileName:null,fileURL:null,viewFileText:{default:"View file"},readonly:{type:Boolean},placeholder:{default:"No file selected"},hidePlaceholder:{type:Boolean},changeText:{default:"Change"},removeText:{default:"Remove"},hideRemove:{type:Boolean},disabled:{type:Boolean},browseText:{default:"Browse"}},emits:["choose","remove"],setup(t,{emit:l}){return(r,a)=>(e.openBlock(),e.createElementBlock("div",re,[t.hasFile?(e.openBlock(),e.createElementBlock("div",ne,[e.createElementVNode("div",{class:e.normalizeClass(["px-4 py-2 truncate text-center border rounded hover:border-gray-400",[t.disabledClass,t.borderClass]]),onClick:a[0]||(a[0]=s=>l("choose"))},[e.renderSlot(r.$slots,"filename",{value:r.filename},()=>[e.createTextVNode(e.toDisplayString(t.fileName),1)])],2),t.readonly?(e.openBlock(),e.createBlock(e.unref(V.default),{key:0,href:t.fileURL,target:"_blank",tag:"a",class:"whitespace-nowrap",small:"",color:"primary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.viewFileText),1)]),_:1},8,["href"])):e.createCommentVNode("",!0),!t.hasFile&&!t.hidePlaceholder?(e.openBlock(),e.createElementBlock("div",se,e.toDisplayString(t.placeholder),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",de,[e.createVNode(e.unref(V.default),{uppercase:"",outlined:"",type:"button",color:"primary",class:"line-clamp",disabled:t.readonly||t.disabled,onClick:a[1]||(a[1]=s=>l("choose"))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"icon.plus",{},()=>[e.createVNode(e.unref(S.default),{name:"heroicons:plus-solid",class:"w-5 h-5 mr-2"})]),e.createTextVNode(" "+e.toDisplayString(t.hasFile?t.changeText:t.browseText),1)]),_:3},8,["disabled"]),t.hasFile&&!t.hideRemove?(e.openBlock(),e.createBlock(e.unref(V.default),{key:0,small:"",dense:"",outlined:"",type:"button",color:"error",class:"space-x-2",disabled:t.readonly||t.disabled,onClick:a[2]||(a[2]=s=>l("remove"))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"icon.trash",{},()=>[e.createVNode(e.unref(S.default),{name:"heroicons:trash-solid",class:"w-5 h-5"})]),e.createElementVNode("span",null,e.toDisplayString(t.removeText),1)]),_:3},8,["disabled"])):e.createCommentVNode("",!0)])]))}}),ce={key:1,class:"px-2 text-center"},pe={class:"uppercase text-gray-500"},me=e.defineComponent({__name:"VFileUploadImageTheme",props:{rounded:{type:Boolean,default:!1},sizeClass:null,borderClass:null,previewURL:null,loading:{type:Boolean},image:{type:Boolean},fileName:null,hasFile:{type:Boolean},loadingText:{default:"Loading..."},browseText:{default:"Browse"},previewClass:null},emits:["choose"],setup(t,{emit:l}){const r=t,a=e.computed(()=>r.image&&!r.loading?`url(${r.previewURL})`:"none");return(s,u)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("button",{class:e.normalizeClass(["appearance-none transition duration-300 border cursor-pointer flex flex-col items-center items-center justify-center py-10 bg-no-repeat bg-contain bg-center max-w-full",[t.sizeClass,{"rounded-lg":t.rounded},t.borderClass,t.previewClass]]),style:e.normalizeStyle({backgroundImage:e.unref(a)}),type:"button",onClick:u[0]||(u[0]=b=>l("choose"))},[t.loading?(e.openBlock(),e.createBlock(e.unref(X),{key:0,color:"primary",large:""})):t.hasFile?(e.openBlock(),e.createElementBlock("div",ce,[e.renderSlot(s.$slots,"filename",{value:t.fileName},()=>[e.createTextVNode(e.toDisplayString(t.image?"":t.fileName),1)])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createVNode(e.unref(S.default),{name:"heroicons:camera-solid",class:"w-10 h-10 text-gray-500 mb-1"}),e.createElementVNode("div",pe,e.toDisplayString(t.loading?t.loadingText:t.browseText),1)],64))],6)]))}}),fe={key:0,class:"text-center flex flex-col gap-4"},ue={class:"flex flex-col gap-4"},ye={key:0,class:"text-gray-500 text-sm"},ge={key:0,class:"space-x-3"},he={key:1,class:"space-y-1 text-center"},be=e.createElementVNode("svg",{class:"mx-auto h-12 w-12 text-gray-400",stroke:"currentColor",fill:"none",viewBox:"0 0 48 48","aria-hidden":"true"},[e.createElementVNode("path",{d:"M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})],-1),Ce={class:"flex text-sm text-gray-600"},ke={class:"pl-1"},xe={class:"text-xs text-gray-500"},Be=e.defineComponent({__name:"VFileUploadDropzoneTheme",props:{modelValue:{default:""},readonly:{type:Boolean,default:!1},hasError:{type:Boolean,default:!1},hasFile:{type:Boolean,default:!1},fileName:{default:""},previewURL:{default:""},image:{type:Boolean,default:!1},preview:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},hideRemove:{type:Boolean,default:!1},changeText:{default:"Change"},uploadText:{default:"Upload"},dragText:{default:"Drag and drop files"},removeText:{default:"Remove"},hint:{default:""},previewClass:{default:""},loading:{type:Boolean,default:!1}},emits:["choose","remove","update:modelValue","dropped"],setup(t,{emit:l}){const r=t,a=e.computed(()=>r.readonly?"border":r.hasError?"border-2 border-error-500 border-dashed":"border-2 border-gray-300 hover:border-gray-400 border-dashed");let s=()=>crypto.randomUUID();const u=e.computed(()=>s()),b="border-gray-300",p="border-primary-600",c=o=>Array.from(o.target.classList).includes(u.value),d=o=>{o.preventDefault(),o.target.classList.remove(p),o.target.classList.add(b),c(o)&&l("dropped",o.dataTransfer.files)},m=o=>{o.preventDefault()},C=o=>{c(o)&&(o.target.classList.remove(b),o.target.classList.add(p))},f=o=>{c(o)&&(o.target.classList.remove(p),o.target.classList.add(b))};return e.onMounted(()=>{document.addEventListener("dragover",m,!1),document.addEventListener("drop",d),document.addEventListener("dragenter",C,!1),document.addEventListener("dragleave",f,!1)}),e.onUnmounted(()=>{document.removeEventListener("dragover",m,!1),document.removeEventListener("drop",d),document.removeEventListener("dragenter",C,!1),document.removeEventListener("dragleave",f,!1)}),(o,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex justify-center items-center p-4 rounded-md transition duration-300",[e.unref(u),e.unref(a)]])},[t.hasFile?(e.openBlock(),e.createElementBlock("div",fe,[e.renderSlot(o.$slots,"dropzone.preview",{value:t.modelValue,fileName:t.fileName,hasFile:t.hasFile},()=>[e.createElementVNode("div",ue,[t.image||t.preview?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["w-60 h-40 flex bg-contain bg-gray-100 mx-auto rounded-lg bg-no-repeat bg-center",t.previewClass]),style:e.normalizeStyle({backgroundImage:t.loading?"none":`url(${t.previewURL})`})},null,6)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"filename",{value:t.fileName},()=>[t.fileName?(e.openBlock(),e.createElementBlock("div",ye,e.toDisplayString(t.fileName),1)):e.createCommentVNode("",!0)])])]),!t.readonly&&!t.disabled?(e.openBlock(),e.createElementBlock("div",ge,[e.createElementVNode("button",{type:"button",class:"appearance-none relative cursor-pointer bg-white rounded-md font-medium text-primary-600 hover:text-primary-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-primary-500",onClick:h[0]||(h[0]=i=>l("choose"))},[e.createElementVNode("span",null,e.toDisplayString(t.changeText),1)]),t.hideRemove?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"appearance-none relative cursor-pointer bg-white rounded-md font-medium text-error-600 hover:text-error-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-error-500",onClick:h[1]||(h[1]=i=>l("remove"))},[e.createElementVNode("span",null,e.toDisplayString(t.removeText),1)]))])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",he,[e.renderSlot(o.$slots,"dropzone.image",{},()=>[be]),e.createElementVNode("div",Ce,[e.createElementVNode("button",{type:"button",class:"appearance-none relative cursor-pointer bg-white rounded-md font-medium text-primary-600 hover:text-primary-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-primary-500",onClick:h[2]||(h[2]=i=>l("choose"))},[e.createElementVNode("span",null,e.toDisplayString(t.uploadText),1)]),e.createElementVNode("p",ke,e.toDisplayString(t.dragText),1)]),e.createElementVNode("p",xe,e.toDisplayString(t.hint),1)]))],2))}}),we=["for"],Ve=["id","readonly","accept"],Se={key:0,class:"text-xs mt-2 text-black"};({...e.defineComponent({inheritAttrs:!1})});const $e="",Ne={class:"autocomplete-body"},Te={class:"autocomplete-clearable"},Ee={key:0,class:"autocomplete-empty"},ze={key:0,class:"autocomplete-item-selected"},F=e.defineComponent({__name:"VAutocomplete",props:{modelValue:{default:void 0},searchBy:{default:"text"},displayText:{default:"text"},placeholder:{default:"Search..."},label:{default:""},items:{default:()=>[]},name:{default:""},rules:{default:""},notFoundText:{default:"Nothing found."},noDataText:{default:"No data."},clearable:{type:Boolean,default:!1},errorClass:{default:"autocomplete-error"},wrapperClass:{default:""},validationMode:{default:"aggressive"}},emits:["update:modelValue","update:query"],setup(t,{emit:l}){const r=t,{errorMessage:a,uncontrolledValue:s,clear:u}=U(r,l),{items:b}=e.toRefs(r),p=e.ref("");e.watch(p,m=>l("update:query",m));const c=e.computed(()=>p.value===""?b.value:b.value.filter(m=>String(m[r.searchBy]).toLowerCase().replace(/\s+/g,"").includes(p.value.toLowerCase().replace(/\s+/g,"")))),d=()=>{p.value="",u()};return(m,C)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(w.Combobox),{modelValue:e.unref(s),"onUpdate:modelValue":C[2]||(C[2]=f=>e.isRef(s)?s.value=f:null),class:e.normalizeClass(["autocomplete",t.wrapperClass]),as:"div"},{default:e.withCtx(()=>[t.label?(e.openBlock(),e.createBlock(e.unref(w.ComboboxLabel),{key:0,class:"autocomplete-label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("div",Ne,[e.createElementVNode("div",{class:e.normalizeClass(["autocomplete-field",{"autocomplete-field--error":!!e.unref(a)}])},[e.createVNode(e.unref(w.ComboboxInput),{class:"autocomplete-input","display-value":f=>f?.[t.displayText]||"",placeholder:t.placeholder,onChange:C[0]||(C[0]=f=>p.value=f.target.value)},null,8,["display-value","placeholder"]),e.createElementVNode("div",Te,[t.clearable&&e.unref(s)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-label":"Clear",class:"autocomplete-clearable-button",onClick:d},[e.createVNode(e.unref(R.Icon),{name:"ri:close-line",class:"autocomplete-icon","aria-hidden":"true"})])):e.createCommentVNode("",!0),e.createVNode(e.unref(w.ComboboxButton),null,{default:e.withCtx(()=>[e.createVNode(e.unref(R.Icon),{name:"ri:arrow-down-s-line",class:"autocomplete-icon","aria-hidden":"true"})]),_:1})])],2),e.createVNode(e.unref(w.TransitionRoot),{leave:"transition ease-in duration-100","leave-from":"opacity-100","leave-to":"opacity-0",onAfterLeave:C[1]||(C[1]=f=>p.value="")},{default:e.withCtx(()=>[e.createVNode(e.unref(w.ComboboxOptions),{class:"autocomplete-options"},{default:e.withCtx(()=>[e.unref(c).length===0&&p.value===""?(e.openBlock(),e.createElementBlock("div",Ee,e.toDisplayString(t.noDataText),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),(f,o)=>(e.openBlock(),e.createBlock(e.unref(w.ComboboxOption),{key:o,as:"template",value:f},{default:e.withCtx(({selected:h,active:i})=>[e.createElementVNode("li",{class:e.normalizeClass(["autocomplete-item",{"autocomplete-item--active":i,"autocomplete-item--inactive":!i}])},[e.createElementVNode("span",{class:e.normalizeClass(["autocomplete-item-text",{"autocomplete-item-text--selected":h}])},e.toDisplayString(f[t.displayText]),3),h?(e.openBlock(),e.createElementBlock("span",ze,[e.createVNode(e.unref(R.Icon),{name:"ri:check-line",class:"autocomplete-item-selected-icon","aria-hidden":"true"})])):e.createCommentVNode("",!0)],2)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})])]),_:1},8,["modelValue","class"]),e.unref(a)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.errorClass)},e.toDisplayString(e.unref(a)),3)):e.createCommentVNode("",!0)],64))}});return T.Autocomplete=F,T.VAutocomplete=F,T.default=F,Object.defineProperties(T,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),T}({},Vue,vue$1,Q,veeValidate,K);

dist/autocomplete.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@headlessui/vue"),N=require("vee-validate"),s=require("@gits-id/icon");const B={class:"autocomplete-body"},g={class:"autocomplete-clearable"},w={key:0,class:"autocomplete-empty"},E={key:0,class:"autocomplete-item-selected"},i=e.defineComponent({__name:"VAutocomplete",props:{modelValue:{default:void 0},searchBy:{default:"text"},displayText:{default:"text"},placeholder:{default:"Search..."},label:{default:""},items:{default:()=>[]},name:{default:""},rules:{default:""},notFoundText:{default:"Nothing found."},noDataText:{default:"No data."},clearable:{type:Boolean,default:!1},errorClass:{default:"autocomplete-error"},wrapperClass:{default:""}},emits:["update:modelValue","update:query"],setup(t,{emit:d}){const V=t,{modelValue:m,searchBy:y,items:p,name:b,rules:k}=e.toRefs(V),{value:o,errorMessage:c}=N.useField(b,k,{initialValue:m.value}),u=e.ref("");e.watch(m,a=>{o.value=a}),e.watch(o,a=>{d("update:modelValue",a)}),e.watch(u,a=>{d("update:query",a)});const f=e.computed(()=>u.value===""?p.value:p.value.filter(a=>String(a[y.value]).toLowerCase().replace(/\s+/g,"").includes(u.value.toLowerCase().replace(/\s+/g,"")))),x=()=>{o.value="",u.value=""};return(a,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(n.Combobox),{modelValue:e.unref(o),"onUpdate:modelValue":r[2]||(r[2]=l=>e.isRef(o)?o.value=l:null),class:e.normalizeClass(["autocomplete",t.wrapperClass]),as:"div"},{default:e.withCtx(()=>[t.label?(e.openBlock(),e.createBlock(e.unref(n.ComboboxLabel),{key:0,class:"autocomplete-label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("div",B,[e.createElementVNode("div",{class:e.normalizeClass(["autocomplete-field",{"autocomplete-field--error":!!e.unref(c)}])},[e.createVNode(e.unref(n.ComboboxInput),{class:"autocomplete-input","display-value":l=>l?.[t.displayText]||"",placeholder:t.placeholder,onChange:r[0]||(r[0]=l=>u.value=l.target.value)},null,8,["display-value","placeholder"]),e.createElementVNode("div",g,[t.clearable&&e.unref(o)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-label":"Clear",class:"autocomplete-clearable-button",onClick:x},[e.createVNode(e.unref(s.Icon),{name:"ri:close-line",class:"autocomplete-icon","aria-hidden":"true"})])):e.createCommentVNode("",!0),e.createVNode(e.unref(n.ComboboxButton),null,{default:e.withCtx(()=>[e.createVNode(e.unref(s.Icon),{name:"ri:arrow-down-s-line",class:"autocomplete-icon","aria-hidden":"true"})]),_:1})])],2),e.createVNode(e.unref(n.TransitionRoot),{leave:"transition ease-in duration-100","leave-from":"opacity-100","leave-to":"opacity-0",onAfterLeave:r[1]||(r[1]=l=>u.value="")},{default:e.withCtx(()=>[e.createVNode(e.unref(n.ComboboxOptions),{class:"autocomplete-options"},{default:e.withCtx(()=>[e.unref(f).length===0&&u.value===""?(e.openBlock(),e.createElementBlock("div",w,e.toDisplayString(t.noDataText),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f),(l,h)=>(e.openBlock(),e.createBlock(e.unref(n.ComboboxOption),{key:h,as:"template",value:l},{default:e.withCtx(({selected:v,active:C})=>[e.createElementVNode("li",{class:e.normalizeClass(["autocomplete-item",{"autocomplete-item--active":C,"autocomplete-item--inactive":!C}])},[e.createElementVNode("span",{class:e.normalizeClass(["autocomplete-item-text",{"autocomplete-item-text--selected":v}])},e.toDisplayString(l[t.displayText]),3),v?(e.openBlock(),e.createElementBlock("span",E,[e.createVNode(e.unref(s.Icon),{name:"ri:check-line",class:"autocomplete-item-selected-icon","aria-hidden":"true"})])):e.createCommentVNode("",!0)],2)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})])]),_:1},8,["modelValue","class"]),e.unref(c)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.errorClass)},e.toDisplayString(e.unref(c)),3)):e.createCommentVNode("",!0)],64))}});exports.Autocomplete=i;exports.VAutocomplete=i;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("@headlessui/vue"),R=require("@gits-id/icon"),_=require("vee-validate"),W=require("@gits-id/button"),U=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},S=U(R),w=U(W),X=e.createElementVNode("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),Y=e.createElementVNode("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"},null,-1),Z=[X,Y],G=e.defineComponent({__name:"VSpinner",props:{xLarge:{type:Boolean,default:!1},large:{type:Boolean,default:!1},small:{type:Boolean,default:!1},xSmall:{type:Boolean,default:!1},color:{type:String,default:""}},setup(t){const l=t,r=e.computed(()=>l.large?"h-8 w-8":l.small?"h-4 w-4":l.xLarge?"h-10 w-10":l.xSmall?"h-3 w-3":"h-5 w-5"),a=e.computed(()=>{switch(l.color){case"primary":return"text-primary-600";case"info":return"text-info-600";case"warning":return"text-warning-600";case"error":return"text-error-600";case"success":return"text-success-600";case"white":return"text-white-600";default:return l.color||"text-gray-600"}});return(s,f)=>(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["animate-spin inline",[e.unref(r),e.unref(a)]]),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},Z,2))}});function M(t,l,r,a){const{modelValue:s,name:f,rules:h}=e.toRefs(t),c=e.computed(()=>t.validationMode==="eager"),u=e.computed(()=>t.id||t.name),d=e.ref(),p=t.modelValue||t.value,{value:b,errorMessage:m,handleChange:o,setValue:g,meta:i,validate:V}=_.useField(f,h,{initialValue:p,validateOnValueUpdate:!c.value,...r}),x=e.ref(p);e.watch(s,y=>{x.value=y,f.value&&g(y)}),e.watch(b,y=>{f.value&&(x.value=y)},{immediate:!0}),e.watch(x,y=>{f.value&&g(y),a?a(y):l("update:modelValue",y)},{deep:!0});const C=e.computed(()=>!m.value&&c.value?{blur:o,change:o,input:y=>o(y,!1)}:{blur:o,change:o,input:o});return{input:d,isEagerValidation:c,uncontrolledValue:x,validationListeners:C,vvValue:b,errorMessage:m,meta:i,inputId:u,handleChange:o,setValue:g,clear:()=>{x.value="",l("clear"),d.value&&d.value.focus()},validate:V,handleBlur:()=>{c.value&&V()}}}const J={class:"flex gap-2"},ee=e.defineComponent({__name:"VFileUploadActions",props:{readonly:{type:Boolean},button:{type:Boolean},full:{type:Boolean},disabled:{type:Boolean},hideRemove:{type:Boolean},changeText:{default:"Change"},removeText:{default:"Remove"}},emits:["choose","remove"],setup(t,{emit:l}){return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex w-full mt-3 justify-center items-center gap-y-2 gap-x-2",[t.full||t.button?"flex-row":"w-full sm:w-[180px] flex-col"]])},[e.createElementVNode("div",null,[e.renderSlot(r.$slots,"prepend")]),e.createElementVNode("div",J,[e.createVNode(e.unref(w.default),{disabled:t.readonly||t.disabled,small:"",dense:"",type:"button",onClick:a[0]||(a[0]=s=>l("choose"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.changeText),1)]),_:1},8,["disabled"]),t.hideRemove?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(w.default),{key:0,small:"",dense:"",type:"button",color:"error",disabled:t.readonly||t.disabled,onClick:a[1]||(a[1]=s=>l("remove"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.removeText),1)]),_:1},8,["disabled"]))]),e.createElementVNode("div",null,[e.renderSlot(r.$slots,"append")])],2))}}),te=["for"],le={key:2,class:"v-input-wrapper"},ae=["id","placeholder","type","disabled","readonly"],oe={inheritAttrs:!1},re=e.defineComponent({...oe,__name:"VInput",props:{value:{type:[String,Number],default:""},modelValue:{type:[String,Number],default:""},type:{type:String,default:"text"},name:{type:String,default:""},error:{type:Boolean,default:!1},errorMessages:{type:Array,default:()=>[]},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{type:String,default:"md"},placeholder:{type:String,default:""},prependIcon:{type:String,default:""},appendIcon:{type:String,default:""},color:{type:String,default:"default"},text:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1},validationMode:{type:String,default:"aggressive"},classes:{type:Object,default:()=>({wrapper:"",input:"",prepend:"",append:""})},label:{type:String,default:""},rules:{type:[Object,String],default:null},id:{type:String,default:""},inputClass:{type:String,default:""},wrapperClass:{type:String,default:""},prependClass:{type:String,default:""},prependIconClass:{type:String,default:""},prependIconSize:{type:String,default:"md"},appendClass:{type:String,default:""},appendIconClass:{type:String,default:""},appendIconSize:{type:String,default:"md"},clearable:{type:Boolean,default:!1},clearableIcon:{type:String,default:"ri:close-line"},clearableIconClass:{type:String,default:""},clearableIconSize:{type:String,default:"md"},errorClass:{type:String,default:""},labelClass:{type:String,default:""}},emits:["update:modelValue","clickPrepend","clickPrependIcon","clickAppend","clickAppendIcon","clear"],setup(t,{emit:l}){const r=t,{errorMessage:a,uncontrolledValue:s,validationListeners:f,inputId:h,clear:c}=M(r,l);return(u,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`v-input v-input-${t.color} v-input--${t.size}`,{"v-input--error":t.error||!!e.unref(a),"v-input--disabled":t.disabled,"v-input--shadow":t.shadow},t.wrapperClass])},[t.label?e.renderSlot(u.$slots,"label",{key:0,vSlot:{for:e.unref(h)}},()=>[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(h),class:e.normalizeClass(["v-input-label",t.labelClass])},e.toDisplayString(t.label),11,te)):e.createCommentVNode("",!0)]):e.createCommentVNode("",!0),t.text?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1},u.$attrs,{class:"v-input-text"}),e.toDisplayString(e.unref(s)),17)):(e.openBlock(),e.createElementBlock("div",le,[e.renderSlot(u.$slots,"prepend.outer",{},()=>[e.createElementVNode("div",{class:e.normalizeClass(["v-input-prepend",t.prependClass]),onClick:d[1]||(d[1]=p=>l("clickPrepend"))},[e.renderSlot(u.$slots,"prepend",{},()=>[t.prependIcon?(e.openBlock(),e.createBlock(e.unref(S.default),{key:0,name:t.prependIcon,size:t.prependIconSize||t.size,class:e.normalizeClass(["v-input-icon v-input-icon--prepend",t.prependIconClass]),onClick:d[0]||(d[0]=p=>l("clickPrependIcon"))},null,8,["name","size","class"])):e.createCommentVNode("",!0)])],2)]),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:t.id||t.name,"onUpdate:modelValue":d[2]||(d[2]=p=>e.isRef(s)?s.value=p:null)},e.toHandlers(e.unref(f),!0),{ref:"input",class:["v-input-control",[{"v-input-control--has-prepend-class":!!t.prependClass,"v-input-control--has-append-class":!!t.appendClass},t.inputClass]],placeholder:t.placeholder,type:t.type,disabled:t.disabled,readonly:t.readonly},u.$attrs),null,16,ae),[[e.vModelDynamic,e.unref(s)]]),e.renderSlot(u.$slots,"append.outer",{},()=>[e.createElementVNode("div",{class:e.normalizeClass(["v-input-append",t.appendClass]),onClick:d[4]||(d[4]=p=>l("clickAppend"))},[e.renderSlot(u.$slots,"append",{},()=>[t.appendIcon?(e.openBlock(),e.createBlock(e.unref(S.default),{key:0,name:t.appendIcon,size:t.appendIconSize||t.size,class:e.normalizeClass(["v-input-icon v-input-icon--append",t.appendIconClass]),onClick:d[3]||(d[3]=p=>l("clickAppendIcon"))},null,8,["name","size","class"])):e.createCommentVNode("",!0)])],2)]),t.clearable&&e.unref(s)?e.renderSlot(u.$slots,"clearable",{key:0},()=>[e.createElementVNode("button",{type:"button","aria-label":"Clear",class:"v-input-clearable",title:"Clear",onClick:d[5]||(d[5]=(...p)=>e.unref(c)&&e.unref(c)(...p))},[e.createVNode(e.unref(S.default),{name:t.clearableIcon,size:t.clearableIconSize||t.size,class:e.normalizeClass(["v-input-icon v-input-icon--append v-input-icon--clearable",t.clearableIconClass])},null,8,["name","size","class"])])]):e.createCommentVNode("",!0)])),e.unref(a)?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(["v-input-error",t.errorClass])},e.toDisplayString(e.unref(a)),3)):e.createCommentVNode("",!0)],2))}}),ne={class:"v-input-action"},se={inheritAttrs:!1},de=e.defineComponent({...se,__name:"VFileUploadDefaultTheme",props:{borderClass:{default:""},fileName:null,placeholder:null,readonly:{type:Boolean},disabled:{type:Boolean},hasFile:{type:Boolean},changeText:{default:"Change"},browseText:null,hideRemove:{type:Boolean},removeText:{default:"Remove"}},emits:["remove","choose"],setup(t,{emit:l}){return(r,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(re,{readonly:"","model-value":t.fileName,placeholder:t.fileName?"":t.placeholder,onClick:a[2]||(a[2]=s=>l("choose"))},{append:e.withCtx(()=>[e.createElementVNode("div",ne,[e.createVNode(e.unref(w.default),{disabled:t.readonly||t.disabled,type:"button",size:"sm",onClick:a[0]||(a[0]=s=>l("choose"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.hasFile?t.changeText:t.browseText),1)]),_:1},8,["disabled"]),t.hasFile&&!t.hideRemove?(e.openBlock(),e.createBlock(e.unref(w.default),{key:0,type:"button",size:"sm",color:"error",disabled:t.readonly||t.disabled,onClick:a[1]||(a[1]=s=>l("remove"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.removeText),1)]),_:1},8,["disabled"])):e.createCommentVNode("",!0)])]),_:1},8,["model-value","placeholder"]),e.renderSlot(r.$slots,"filename",{value:t.fileName})],64))}}),ie={class:"flex gap-2"},ue={key:0,class:"flex gap-2 items-center"},ce={key:1,class:"text-sm mt-1 text-gray-500"},pe={class:"flex gap-2 items-center"},me=e.defineComponent({__name:"VFileUploadButtonTheme",props:{hasFile:{type:Boolean,default:!1},disabledClass:null,borderClass:null,fileName:null,fileURL:null,viewFileText:{default:"View file"},readonly:{type:Boolean},placeholder:{default:"No file selected"},hidePlaceholder:{type:Boolean},changeText:{default:"Change"},removeText:{default:"Remove"},hideRemove:{type:Boolean},disabled:{type:Boolean},browseText:{default:"Browse"}},emits:["choose","remove"],setup(t,{emit:l}){return(r,a)=>(e.openBlock(),e.createElementBlock("div",ie,[t.hasFile?(e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("div",{class:e.normalizeClass(["px-4 py-2 truncate text-center border rounded hover:border-gray-400",[t.disabledClass,t.borderClass]]),onClick:a[0]||(a[0]=s=>l("choose"))},[e.renderSlot(r.$slots,"filename",{value:r.filename},()=>[e.createTextVNode(e.toDisplayString(t.fileName),1)])],2),t.readonly?(e.openBlock(),e.createBlock(e.unref(w.default),{key:0,href:t.fileURL,target:"_blank",tag:"a",class:"whitespace-nowrap",small:"",color:"primary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.viewFileText),1)]),_:1},8,["href"])):e.createCommentVNode("",!0),!t.hasFile&&!t.hidePlaceholder?(e.openBlock(),e.createElementBlock("div",ce,e.toDisplayString(t.placeholder),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",pe,[e.createVNode(e.unref(w.default),{uppercase:"",outlined:"",type:"button",color:"primary",class:"line-clamp",disabled:t.readonly||t.disabled,onClick:a[1]||(a[1]=s=>l("choose"))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"icon.plus",{},()=>[e.createVNode(e.unref(S.default),{name:"heroicons:plus-solid",class:"w-5 h-5 mr-2"})]),e.createTextVNode(" "+e.toDisplayString(t.hasFile?t.changeText:t.browseText),1)]),_:3},8,["disabled"]),t.hasFile&&!t.hideRemove?(e.openBlock(),e.createBlock(e.unref(w.default),{key:0,small:"",dense:"",outlined:"",type:"button",color:"error",class:"space-x-2",disabled:t.readonly||t.disabled,onClick:a[2]||(a[2]=s=>l("remove"))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"icon.trash",{},()=>[e.createVNode(e.unref(S.default),{name:"heroicons:trash-solid",class:"w-5 h-5"})]),e.createElementVNode("span",null,e.toDisplayString(t.removeText),1)]),_:3},8,["disabled"])):e.createCommentVNode("",!0)])]))}}),fe={key:1,class:"px-2 text-center"},ve={class:"uppercase text-gray-500"},ye=e.defineComponent({__name:"VFileUploadImageTheme",props:{rounded:{type:Boolean,default:!1},sizeClass:null,borderClass:null,previewURL:null,loading:{type:Boolean},image:{type:Boolean},fileName:null,hasFile:{type:Boolean},loadingText:{default:"Loading..."},browseText:{default:"Browse"},previewClass:null},emits:["choose"],setup(t,{emit:l}){const r=t,a=e.computed(()=>r.image&&!r.loading?`url(${r.previewURL})`:"none");return(s,f)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("button",{class:e.normalizeClass(["appearance-none transition duration-300 border cursor-pointer flex flex-col items-center items-center justify-center py-10 bg-no-repeat bg-contain bg-center max-w-full",[t.sizeClass,{"rounded-lg":t.rounded},t.borderClass,t.previewClass]]),style:e.normalizeStyle({backgroundImage:e.unref(a)}),type:"button",onClick:f[0]||(f[0]=h=>l("choose"))},[t.loading?(e.openBlock(),e.createBlock(e.unref(G),{key:0,color:"primary",large:""})):t.hasFile?(e.openBlock(),e.createElementBlock("div",fe,[e.renderSlot(s.$slots,"filename",{value:t.fileName},()=>[e.createTextVNode(e.toDisplayString(t.image?"":t.fileName),1)])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createVNode(e.unref(S.default),{name:"heroicons:camera-solid",class:"w-10 h-10 text-gray-500 mb-1"}),e.createElementVNode("div",ve,e.toDisplayString(t.loading?t.loadingText:t.browseText),1)],64))],6)]))}}),ge={key:0,class:"text-center flex flex-col gap-4"},he={class:"flex flex-col gap-4"},be={key:0,class:"text-gray-500 text-sm"},Ce={key:0,class:"space-x-3"},xe={key:1,class:"space-y-1 text-center"},ke=e.createElementVNode("svg",{class:"mx-auto h-12 w-12 text-gray-400",stroke:"currentColor",fill:"none",viewBox:"0 0 48 48","aria-hidden":"true"},[e.createElementVNode("path",{d:"M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})],-1),Be={class:"flex text-sm text-gray-600"},we={class:"pl-1"},Ve={class:"text-xs text-gray-500"},Se=e.defineComponent({__name:"VFileUploadDropzoneTheme",props:{modelValue:{default:""},readonly:{type:Boolean,default:!1},hasError:{type:Boolean,default:!1},hasFile:{type:Boolean,default:!1},fileName:{default:""},previewURL:{default:""},image:{type:Boolean,default:!1},preview:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},hideRemove:{type:Boolean,default:!1},changeText:{default:"Change"},uploadText:{default:"Upload"},dragText:{default:"Drag and drop files"},removeText:{default:"Remove"},hint:{default:""},previewClass:{default:""},loading:{type:Boolean,default:!1}},emits:["choose","remove","update:modelValue","dropped"],setup(t,{emit:l}){const r=t,a=e.computed(()=>r.readonly?"border":r.hasError?"border-2 border-error-500 border-dashed":"border-2 border-gray-300 hover:border-gray-400 border-dashed");let s=()=>crypto.randomUUID();const f=e.computed(()=>s()),h="border-gray-300",c="border-primary-600",u=o=>Array.from(o.target.classList).includes(f.value),d=o=>{o.preventDefault(),o.target.classList.remove(c),o.target.classList.add(h),u(o)&&l("dropped",o.dataTransfer.files)},p=o=>{o.preventDefault()},b=o=>{u(o)&&(o.target.classList.remove(h),o.target.classList.add(c))},m=o=>{u(o)&&(o.target.classList.remove(c),o.target.classList.add(h))};return e.onMounted(()=>{document.addEventListener("dragover",p,!1),document.addEventListener("drop",d),document.addEventListener("dragenter",b,!1),document.addEventListener("dragleave",m,!1)}),e.onUnmounted(()=>{document.removeEventListener("dragover",p,!1),document.removeEventListener("drop",d),document.removeEventListener("dragenter",b,!1),document.removeEventListener("dragleave",m,!1)}),(o,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex justify-center items-center p-4 rounded-md transition duration-300",[e.unref(f),e.unref(a)]])},[t.hasFile?(e.openBlock(),e.createElementBlock("div",ge,[e.renderSlot(o.$slots,"dropzone.preview",{value:t.modelValue,fileName:t.fileName,hasFile:t.hasFile},()=>[e.createElementVNode("div",he,[t.image||t.preview?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["w-60 h-40 flex bg-contain bg-gray-100 mx-auto rounded-lg bg-no-repeat bg-center",t.previewClass]),style:e.normalizeStyle({backgroundImage:t.loading?"none":`url(${t.previewURL})`})},null,6)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"filename",{value:t.fileName},()=>[t.fileName?(e.openBlock(),e.createElementBlock("div",be,e.toDisplayString(t.fileName),1)):e.createCommentVNode("",!0)])])]),!t.readonly&&!t.disabled?(e.openBlock(),e.createElementBlock("div",Ce,[e.createElementVNode("button",{type:"button",class:"appearance-none relative cursor-pointer bg-white rounded-md font-medium text-primary-600 hover:text-primary-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-primary-500",onClick:g[0]||(g[0]=i=>l("choose"))},[e.createElementVNode("span",null,e.toDisplayString(t.changeText),1)]),t.hideRemove?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"appearance-none relative cursor-pointer bg-white rounded-md font-medium text-error-600 hover:text-error-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-error-500",onClick:g[1]||(g[1]=i=>l("remove"))},[e.createElementVNode("span",null,e.toDisplayString(t.removeText),1)]))])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",xe,[e.renderSlot(o.$slots,"dropzone.image",{},()=>[ke]),e.createElementVNode("div",Be,[e.createElementVNode("button",{type:"button",class:"appearance-none relative cursor-pointer bg-white rounded-md font-medium text-primary-600 hover:text-primary-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-primary-500",onClick:g[2]||(g[2]=i=>l("choose"))},[e.createElementVNode("span",null,e.toDisplayString(t.uploadText),1)]),e.createElementVNode("p",we,e.toDisplayString(t.dragText),1)]),e.createElementVNode("p",Ve,e.toDisplayString(t.hint),1)]))],2))}}),Ne=["for"],Te=["id","readonly","accept"],Ee={key:0,class:"text-xs mt-2 text-black"},ze=e.defineComponent({inheritAttrs:!1});({...ze});const Re={class:"autocomplete-body"},Le={class:"autocomplete-clearable"},_e={key:0,class:"autocomplete-empty"},De={key:0,class:"autocomplete-item-selected"},D=e.defineComponent({__name:"VAutocomplete",props:{modelValue:{default:void 0},searchBy:{default:"text"},displayText:{default:"text"},placeholder:{default:"Search..."},label:{default:""},items:{default:()=>[]},name:{default:""},rules:{default:""},notFoundText:{default:"Nothing found."},noDataText:{default:"No data."},clearable:{type:Boolean,default:!1},errorClass:{default:"autocomplete-error"},wrapperClass:{default:""},validationMode:{default:"aggressive"}},emits:["update:modelValue","update:query"],setup(t,{emit:l}){const r=t,{errorMessage:a,uncontrolledValue:s,clear:f}=M(r,l),{items:h}=e.toRefs(r),c=e.ref("");e.watch(c,p=>l("update:query",p));const u=e.computed(()=>c.value===""?h.value:h.value.filter(p=>String(p[r.searchBy]).toLowerCase().replace(/\s+/g,"").includes(c.value.toLowerCase().replace(/\s+/g,"")))),d=()=>{c.value="",f()};return(p,b)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(B.Combobox),{modelValue:e.unref(s),"onUpdate:modelValue":b[2]||(b[2]=m=>e.isRef(s)?s.value=m:null),class:e.normalizeClass(["autocomplete",t.wrapperClass]),as:"div"},{default:e.withCtx(()=>[t.label?(e.openBlock(),e.createBlock(e.unref(B.ComboboxLabel),{key:0,class:"autocomplete-label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("div",Re,[e.createElementVNode("div",{class:e.normalizeClass(["autocomplete-field",{"autocomplete-field--error":!!e.unref(a)}])},[e.createVNode(e.unref(B.ComboboxInput),{class:"autocomplete-input","display-value":m=>m?.[t.displayText]||"",placeholder:t.placeholder,onChange:b[0]||(b[0]=m=>c.value=m.target.value)},null,8,["display-value","placeholder"]),e.createElementVNode("div",Le,[t.clearable&&e.unref(s)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-label":"Clear",class:"autocomplete-clearable-button",onClick:d},[e.createVNode(e.unref(R.Icon),{name:"ri:close-line",class:"autocomplete-icon","aria-hidden":"true"})])):e.createCommentVNode("",!0),e.createVNode(e.unref(B.ComboboxButton),null,{default:e.withCtx(()=>[e.createVNode(e.unref(R.Icon),{name:"ri:arrow-down-s-line",class:"autocomplete-icon","aria-hidden":"true"})]),_:1})])],2),e.createVNode(e.unref(B.TransitionRoot),{leave:"transition ease-in duration-100","leave-from":"opacity-100","leave-to":"opacity-0",onAfterLeave:b[1]||(b[1]=m=>c.value="")},{default:e.withCtx(()=>[e.createVNode(e.unref(B.ComboboxOptions),{class:"autocomplete-options"},{default:e.withCtx(()=>[e.unref(u).length===0&&c.value===""?(e.openBlock(),e.createElementBlock("div",_e,e.toDisplayString(t.noDataText),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),(m,o)=>(e.openBlock(),e.createBlock(e.unref(B.ComboboxOption),{key:o,as:"template",value:m},{default:e.withCtx(({selected:g,active:i})=>[e.createElementVNode("li",{class:e.normalizeClass(["autocomplete-item",{"autocomplete-item--active":i,"autocomplete-item--inactive":!i}])},[e.createElementVNode("span",{class:e.normalizeClass(["autocomplete-item-text",{"autocomplete-item-text--selected":g}])},e.toDisplayString(m[t.displayText]),3),g?(e.openBlock(),e.createElementBlock("span",De,[e.createVNode(e.unref(R.Icon),{name:"ri:check-line",class:"autocomplete-item-selected-icon","aria-hidden":"true"})])):e.createCommentVNode("",!0)],2)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})])]),_:1},8,["modelValue","class"]),e.unref(a)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.errorClass)},e.toDisplayString(e.unref(a)),3)):e.createCommentVNode("",!0)],64))}});exports.Autocomplete=D;exports.VAutocomplete=D;exports.default=D;

dist/autocomplete.umd.js

@@ -1,1 +0,1 @@
-(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@headlessui/vue"),require("vee-validate"),require("@gits-id/icon")):typeof define=="function"&&define.amd?define(["exports","vue","@headlessui/vue","vee-validate","@gits-id/icon"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.Dropdown={},t.Vue,t.vue$1,t.veeValidate,t.icon))})(this,function(t,e,n,h,i){"use strict";const q="",b={class:"autocomplete-body"},k={class:"autocomplete-clearable"},x={key:0,class:"autocomplete-empty"},N={key:0,class:"autocomplete-item-selected"},d=e.defineComponent({__name:"VAutocomplete",props:{modelValue:{default:void 0},searchBy:{default:"text"},displayText:{default:"text"},placeholder:{default:"Search..."},label:{default:""},items:{default:()=>[]},name:{default:""},rules:{default:""},notFoundText:{default:"Nothing found."},noDataText:{default:"No data."},clearable:{type:Boolean,default:!1},errorClass:{default:"autocomplete-error"},wrapperClass:{default:""}},emits:["update:modelValue","update:query"],setup(a,{emit:u}){const B=a,{modelValue:p,searchBy:w,items:f,name:g,rules:E}=e.toRefs(B),{value:r,errorMessage:m}=h.useField(g,E,{initialValue:p.value}),c=e.ref("");e.watch(p,o=>{r.value=o}),e.watch(r,o=>{u("update:modelValue",o)}),e.watch(c,o=>{u("update:query",o)});const V=e.computed(()=>c.value===""?f.value:f.value.filter(o=>String(o[w.value]).toLowerCase().replace(/\s+/g,"").includes(c.value.toLowerCase().replace(/\s+/g,"")))),T=()=>{r.value="",c.value=""};return(o,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(n.Combobox),{modelValue:e.unref(r),"onUpdate:modelValue":s[2]||(s[2]=l=>e.isRef(r)?r.value=l:null),class:e.normalizeClass(["autocomplete",a.wrapperClass]),as:"div"},{default:e.withCtx(()=>[a.label?(e.openBlock(),e.createBlock(e.unref(n.ComboboxLabel),{key:0,class:"autocomplete-label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("div",b,[e.createElementVNode("div",{class:e.normalizeClass(["autocomplete-field",{"autocomplete-field--error":!!e.unref(m)}])},[e.createVNode(e.unref(n.ComboboxInput),{class:"autocomplete-input","display-value":l=>l?.[a.displayText]||"",placeholder:a.placeholder,onChange:s[0]||(s[0]=l=>c.value=l.target.value)},null,8,["display-value","placeholder"]),e.createElementVNode("div",k,[a.clearable&&e.unref(r)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-label":"Clear",class:"autocomplete-clearable-button",onClick:T},[e.createVNode(e.unref(i.Icon),{name:"ri:close-line",class:"autocomplete-icon","aria-hidden":"true"})])):e.createCommentVNode("",!0),e.createVNode(e.unref(n.ComboboxButton),null,{default:e.withCtx(()=>[e.createVNode(e.unref(i.Icon),{name:"ri:arrow-down-s-line",class:"autocomplete-icon","aria-hidden":"true"})]),_:1})])],2),e.createVNode(e.unref(n.TransitionRoot),{leave:"transition ease-in duration-100","leave-from":"opacity-100","leave-to":"opacity-0",onAfterLeave:s[1]||(s[1]=l=>c.value="")},{default:e.withCtx(()=>[e.createVNode(e.unref(n.ComboboxOptions),{class:"autocomplete-options"},{default:e.withCtx(()=>[e.unref(V).length===0&&c.value===""?(e.openBlock(),e.createElementBlock("div",x,e.toDisplayString(a.noDataText),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(V),(l,S)=>(e.openBlock(),e.createBlock(e.unref(n.ComboboxOption),{key:S,as:"template",value:l},{default:e.withCtx(({selected:C,active:y})=>[e.createElementVNode("li",{class:e.normalizeClass(["autocomplete-item",{"autocomplete-item--active":y,"autocomplete-item--inactive":!y}])},[e.createElementVNode("span",{class:e.normalizeClass(["autocomplete-item-text",{"autocomplete-item-text--selected":C}])},e.toDisplayString(l[a.displayText]),3),C?(e.openBlock(),e.createElementBlock("span",N,[e.createVNode(e.unref(i.Icon),{name:"ri:check-line",class:"autocomplete-item-selected-icon","aria-hidden":"true"})])):e.createCommentVNode("",!0)],2)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})])]),_:1},8,["modelValue","class"]),e.unref(m)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(a.errorClass)},e.toDisplayString(e.unref(m)),3)):e.createCommentVNode("",!0)],64))}}),D="";t.Autocomplete=d,t.VAutocomplete=d,t.default=d,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(x,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@headlessui/vue"),require("@gits-id/icon"),require("vee-validate"),require("@gits-id/button")):typeof define=="function"&&define.amd?define(["exports","vue","@headlessui/vue","@gits-id/icon","vee-validate","@gits-id/button"],e):(x=typeof globalThis<"u"?globalThis:x||self,e(x.Dropdown={},x.Vue,x.vue$1,x.Q,x.veeValidate,x.K))})(this,function(x,e,V,R,_,O){"use strict";const P=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},N=P(R),S=P(O),q=e.createElementVNode("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),H=e.createElementVNode("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"},null,-1),K=[q,H],W=e.defineComponent({__name:"VSpinner",props:{xLarge:{type:Boolean,default:!1},large:{type:Boolean,default:!1},small:{type:Boolean,default:!1},xSmall:{type:Boolean,default:!1},color:{type:String,default:""}},setup(t){const l=t,r=e.computed(()=>l.large?"h-8 w-8":l.small?"h-4 w-4":l.xLarge?"h-10 w-10":l.xSmall?"h-3 w-3":"h-5 w-5"),a=e.computed(()=>{switch(l.color){case"primary":return"text-primary-600";case"info":return"text-info-600";case"warning":return"text-warning-600";case"error":return"text-error-600";case"success":return"text-success-600";case"white":return"text-white-600";default:return l.color||"text-gray-600"}});return(s,u)=>(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["animate-spin inline",[e.unref(r),e.unref(a)]]),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},K,2))}});function U(t,l,r,a){const{modelValue:s,name:u,rules:b}=e.toRefs(t),p=e.computed(()=>t.validationMode==="eager"),c=e.computed(()=>t.id||t.name),d=e.ref(),m=t.modelValue||t.value,{value:C,errorMessage:f,handleChange:o,setValue:h,meta:i,validate:T}=_.useField(u,b,{initialValue:m,validateOnValueUpdate:!p.value,...r}),B=e.ref(m);e.watch(s,g=>{B.value=g,u.value&&h(g)}),e.watch(C,g=>{u.value&&(B.value=g)},{immediate:!0}),e.watch(B,g=>{u.value&&h(g),a?a(g):l("update:modelValue",g)},{deep:!0});const k=e.computed(()=>!f.value&&p.value?{blur:o,change:o,input:g=>o(g,!1)}:{blur:o,change:o,input:o});return{input:d,isEagerValidation:p,uncontrolledValue:B,validationListeners:k,vvValue:C,errorMessage:f,meta:i,inputId:c,handleChange:o,setValue:h,clear:()=>{B.value="",l("clear"),d.value&&d.value.focus()},validate:T,handleBlur:()=>{p.value&&T()}}}const X={class:"flex gap-2"},Y=e.defineComponent({__name:"VFileUploadActions",props:{readonly:{type:Boolean},button:{type:Boolean},full:{type:Boolean},disabled:{type:Boolean},hideRemove:{type:Boolean},changeText:{default:"Change"},removeText:{default:"Remove"}},emits:["choose","remove"],setup(t,{emit:l}){return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex w-full mt-3 justify-center items-center gap-y-2 gap-x-2",[t.full||t.button?"flex-row":"w-full sm:w-[180px] flex-col"]])},[e.createElementVNode("div",null,[e.renderSlot(r.$slots,"prepend")]),e.createElementVNode("div",X,[e.createVNode(e.unref(S.default),{disabled:t.readonly||t.disabled,small:"",dense:"",type:"button",onClick:a[0]||(a[0]=s=>l("choose"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.changeText),1)]),_:1},8,["disabled"]),t.hideRemove?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(S.default),{key:0,small:"",dense:"",type:"button",color:"error",disabled:t.readonly||t.disabled,onClick:a[1]||(a[1]=s=>l("remove"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.removeText),1)]),_:1},8,["disabled"]))]),e.createElementVNode("div",null,[e.renderSlot(r.$slots,"append")])],2))}}),Z=["for"],G={key:2,class:"v-input-wrapper"},J=["id","placeholder","type","disabled","readonly"],Q={inheritAttrs:!1},v=e.defineComponent({...Q,__name:"VInput",props:{value:{type:[String,Number],default:""},modelValue:{type:[String,Number],default:""},type:{type:String,default:"text"},name:{type:String,default:""},error:{type:Boolean,default:!1},errorMessages:{type:Array,default:()=>[]},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{type:String,default:"md"},placeholder:{type:String,default:""},prependIcon:{type:String,default:""},appendIcon:{type:String,default:""},color:{type:String,default:"default"},text:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1},validationMode:{type:String,default:"aggressive"},classes:{type:Object,default:()=>({wrapper:"",input:"",prepend:"",append:""})},label:{type:String,default:""},rules:{type:[Object,String],default:null},id:{type:String,default:""},inputClass:{type:String,default:""},wrapperClass:{type:String,default:""},prependClass:{type:String,default:""},prependIconClass:{type:String,default:""},prependIconSize:{type:String,default:"md"},appendClass:{type:String,default:""},appendIconClass:{type:String,default:""},appendIconSize:{type:String,default:"md"},clearable:{type:Boolean,default:!1},clearableIcon:{type:String,default:"ri:close-line"},clearableIconClass:{type:String,default:""},clearableIconSize:{type:String,default:"md"},errorClass:{type:String,default:""},labelClass:{type:String,default:""}},emits:["update:modelValue","clickPrepend","clickPrependIcon","clickAppend","clickAppendIcon","clear"],setup(t,{emit:l}){const r=t,{errorMessage:a,uncontrolledValue:s,validationListeners:u,inputId:b,clear:p}=U(r,l);return(c,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`v-input v-input-${t.color} v-input--${t.size}`,{"v-input--error":t.error||!!e.unref(a),"v-input--disabled":t.disabled,"v-input--shadow":t.shadow},t.wrapperClass])},[t.label?e.renderSlot(c.$slots,"label",{key:0,vSlot:{for:e.unref(b)}},()=>[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(b),class:e.normalizeClass(["v-input-label",t.labelClass])},e.toDisplayString(t.label),11,Z)):e.createCommentVNode("",!0)]):e.createCommentVNode("",!0),t.text?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1},c.$attrs,{class:"v-input-text"}),e.toDisplayString(e.unref(s)),17)):(e.openBlock(),e.createElementBlock("div",G,[e.renderSlot(c.$slots,"prepend.outer",{},()=>[e.createElementVNode("div",{class:e.normalizeClass(["v-input-prepend",t.prependClass]),onClick:d[1]||(d[1]=m=>l("clickPrepend"))},[e.renderSlot(c.$slots,"prepend",{},()=>[t.prependIcon?(e.openBlock(),e.createBlock(e.unref(N.default),{key:0,name:t.prependIcon,size:t.prependIconSize||t.size,class:e.normalizeClass(["v-input-icon v-input-icon--prepend",t.prependIconClass]),onClick:d[0]||(d[0]=m=>l("clickPrependIcon"))},null,8,["name","size","class"])):e.createCommentVNode("",!0)])],2)]),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:t.id||t.name,"onUpdate:modelValue":d[2]||(d[2]=m=>e.isRef(s)?s.value=m:null)},e.toHandlers(e.unref(u),!0),{ref:"input",class:["v-input-control",[{"v-input-control--has-prepend-class":!!t.prependClass,"v-input-control--has-append-class":!!t.appendClass},t.inputClass]],placeholder:t.placeholder,type:t.type,disabled:t.disabled,readonly:t.readonly},c.$attrs),null,16,J),[[e.vModelDynamic,e.unref(s)]]),e.renderSlot(c.$slots,"append.outer",{},()=>[e.createElementVNode("div",{class:e.normalizeClass(["v-input-append",t.appendClass]),onClick:d[4]||(d[4]=m=>l("clickAppend"))},[e.renderSlot(c.$slots,"append",{},()=>[t.appendIcon?(e.openBlock(),e.createBlock(e.unref(N.default),{key:0,name:t.appendIcon,size:t.appendIconSize||t.size,class:e.normalizeClass(["v-input-icon v-input-icon--append",t.appendIconClass]),onClick:d[3]||(d[3]=m=>l("clickAppendIcon"))},null,8,["name","size","class"])):e.createCommentVNode("",!0)])],2)]),t.clearable&&e.unref(s)?e.renderSlot(c.$slots,"clearable",{key:0},()=>[e.createElementVNode("button",{type:"button","aria-label":"Clear",class:"v-input-clearable",title:"Clear",onClick:d[5]||(d[5]=(...m)=>e.unref(p)&&e.unref(p)(...m))},[e.createVNode(e.unref(N.default),{name:t.clearableIcon,size:t.clearableIconSize||t.size,class:e.normalizeClass(["v-input-icon v-input-icon--append v-input-icon--clearable",t.clearableIconClass])},null,8,["name","size","class"])])]):e.createCommentVNode("",!0)])),e.unref(a)?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(["v-input-error",t.errorClass])},e.toDisplayString(e.unref(a)),3)):e.createCommentVNode("",!0)],2))}}),ee={class:"v-input-action"},te={inheritAttrs:!1},le=e.defineComponent({...te,__name:"VFileUploadDefaultTheme",props:{borderClass:{default:""},fileName:null,placeholder:null,readonly:{type:Boolean},disabled:{type:Boolean},hasFile:{type:Boolean},changeText:{default:"Change"},browseText:null,hideRemove:{type:Boolean},removeText:{default:"Remove"}},emits:["remove","choose"],setup(t,{emit:l}){return(r,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(v,{readonly:"","model-value":t.fileName,placeholder:t.fileName?"":t.placeholder,onClick:a[2]||(a[2]=s=>l("choose"))},{append:e.withCtx(()=>[e.createElementVNode("div",ee,[e.createVNode(e.unref(S.default),{disabled:t.readonly||t.disabled,type:"button",size:"sm",onClick:a[0]||(a[0]=s=>l("choose"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.hasFile?t.changeText:t.browseText),1)]),_:1},8,["disabled"]),t.hasFile&&!t.hideRemove?(e.openBlock(),e.createBlock(e.unref(S.default),{key:0,type:"button",size:"sm",color:"error",disabled:t.readonly||t.disabled,onClick:a[1]||(a[1]=s=>l("remove"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.removeText),1)]),_:1},8,["disabled"])):e.createCommentVNode("",!0)])]),_:1},8,["model-value","placeholder"]),e.renderSlot(r.$slots,"filename",{value:t.fileName})],64))}}),ae={class:"flex gap-2"},oe={key:0,class:"flex gap-2 items-center"},re={key:1,class:"text-sm mt-1 text-gray-500"},ne={class:"flex gap-2 items-center"},se=e.defineComponent({__name:"VFileUploadButtonTheme",props:{hasFile:{type:Boolean,default:!1},disabledClass:null,borderClass:null,fileName:null,fileURL:null,viewFileText:{default:"View file"},readonly:{type:Boolean},placeholder:{default:"No file selected"},hidePlaceholder:{type:Boolean},changeText:{default:"Change"},removeText:{default:"Remove"},hideRemove:{type:Boolean},disabled:{type:Boolean},browseText:{default:"Browse"}},emits:["choose","remove"],setup(t,{emit:l}){return(r,a)=>(e.openBlock(),e.createElementBlock("div",ae,[t.hasFile?(e.openBlock(),e.createElementBlock("div",oe,[e.createElementVNode("div",{class:e.normalizeClass(["px-4 py-2 truncate text-center border rounded hover:border-gray-400",[t.disabledClass,t.borderClass]]),onClick:a[0]||(a[0]=s=>l("choose"))},[e.renderSlot(r.$slots,"filename",{value:r.filename},()=>[e.createTextVNode(e.toDisplayString(t.fileName),1)])],2),t.readonly?(e.openBlock(),e.createBlock(e.unref(S.default),{key:0,href:t.fileURL,target:"_blank",tag:"a",class:"whitespace-nowrap",small:"",color:"primary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.viewFileText),1)]),_:1},8,["href"])):e.createCommentVNode("",!0),!t.hasFile&&!t.hidePlaceholder?(e.openBlock(),e.createElementBlock("div",re,e.toDisplayString(t.placeholder),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",ne,[e.createVNode(e.unref(S.default),{uppercase:"",outlined:"",type:"button",color:"primary",class:"line-clamp",disabled:t.readonly||t.disabled,onClick:a[1]||(a[1]=s=>l("choose"))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"icon.plus",{},()=>[e.createVNode(e.unref(N.default),{name:"heroicons:plus-solid",class:"w-5 h-5 mr-2"})]),e.createTextVNode(" "+e.toDisplayString(t.hasFile?t.changeText:t.browseText),1)]),_:3},8,["disabled"]),t.hasFile&&!t.hideRemove?(e.openBlock(),e.createBlock(e.unref(S.default),{key:0,small:"",dense:"",outlined:"",type:"button",color:"error",class:"space-x-2",disabled:t.readonly||t.disabled,onClick:a[2]||(a[2]=s=>l("remove"))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"icon.trash",{},()=>[e.createVNode(e.unref(N.default),{name:"heroicons:trash-solid",class:"w-5 h-5"})]),e.createElementVNode("span",null,e.toDisplayString(t.removeText),1)]),_:3},8,["disabled"])):e.createCommentVNode("",!0)])]))}}),de={key:1,class:"px-2 text-center"},ie={class:"uppercase text-gray-500"},ce=e.defineComponent({__name:"VFileUploadImageTheme",props:{rounded:{type:Boolean,default:!1},sizeClass:null,borderClass:null,previewURL:null,loading:{type:Boolean},image:{type:Boolean},fileName:null,hasFile:{type:Boolean},loadingText:{default:"Loading..."},browseText:{default:"Browse"},previewClass:null},emits:["choose"],setup(t,{emit:l}){const r=t,a=e.computed(()=>r.image&&!r.loading?`url(${r.previewURL})`:"none");return(s,u)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("button",{class:e.normalizeClass(["appearance-none transition duration-300 border cursor-pointer flex flex-col items-center items-center justify-center py-10 bg-no-repeat bg-contain bg-center max-w-full",[t.sizeClass,{"rounded-lg":t.rounded},t.borderClass,t.previewClass]]),style:e.normalizeStyle({backgroundImage:e.unref(a)}),type:"button",onClick:u[0]||(u[0]=b=>l("choose"))},[t.loading?(e.openBlock(),e.createBlock(e.unref(W),{key:0,color:"primary",large:""})):t.hasFile?(e.openBlock(),e.createElementBlock("div",de,[e.renderSlot(s.$slots,"filename",{value:t.fileName},()=>[e.createTextVNode(e.toDisplayString(t.image?"":t.fileName),1)])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createVNode(e.unref(N.default),{name:"heroicons:camera-solid",class:"w-10 h-10 text-gray-500 mb-1"}),e.createElementVNode("div",ie,e.toDisplayString(t.loading?t.loadingText:t.browseText),1)],64))],6)]))}}),pe={key:0,class:"text-center flex flex-col gap-4"},me={class:"flex flex-col gap-4"},fe={key:0,class:"text-gray-500 text-sm"},ue={key:0,class:"space-x-3"},ye={key:1,class:"space-y-1 text-center"},ge=e.createElementVNode("svg",{class:"mx-auto h-12 w-12 text-gray-400",stroke:"currentColor",fill:"none",viewBox:"0 0 48 48","aria-hidden":"true"},[e.createElementVNode("path",{d:"M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})],-1),he={class:"flex text-sm text-gray-600"},be={class:"pl-1"},Ce={class:"text-xs text-gray-500"},xe=e.defineComponent({__name:"VFileUploadDropzoneTheme",props:{modelValue:{default:""},readonly:{type:Boolean,default:!1},hasError:{type:Boolean,default:!1},hasFile:{type:Boolean,default:!1},fileName:{default:""},previewURL:{default:""},image:{type:Boolean,default:!1},preview:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},hideRemove:{type:Boolean,default:!1},changeText:{default:"Change"},uploadText:{default:"Upload"},dragText:{default:"Drag and drop files"},removeText:{default:"Remove"},hint:{default:""},previewClass:{default:""},loading:{type:Boolean,default:!1}},emits:["choose","remove","update:modelValue","dropped"],setup(t,{emit:l}){const r=t,a=e.computed(()=>r.readonly?"border":r.hasError?"border-2 border-error-500 border-dashed":"border-2 border-gray-300 hover:border-gray-400 border-dashed");let s=()=>crypto.randomUUID();const u=e.computed(()=>s()),b="border-gray-300",p="border-primary-600",c=o=>Array.from(o.target.classList).includes(u.value),d=o=>{o.preventDefault(),o.target.classList.remove(p),o.target.classList.add(b),c(o)&&l("dropped",o.dataTransfer.files)},m=o=>{o.preventDefault()},C=o=>{c(o)&&(o.target.classList.remove(b),o.target.classList.add(p))},f=o=>{c(o)&&(o.target.classList.remove(p),o.target.classList.add(b))};return e.onMounted(()=>{document.addEventListener("dragover",m,!1),document.addEventListener("drop",d),document.addEventListener("dragenter",C,!1),document.addEventListener("dragleave",f,!1)}),e.onUnmounted(()=>{document.removeEventListener("dragover",m,!1),document.removeEventListener("drop",d),document.removeEventListener("dragenter",C,!1),document.removeEventListener("dragleave",f,!1)}),(o,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex justify-center items-center p-4 rounded-md transition duration-300",[e.unref(u),e.unref(a)]])},[t.hasFile?(e.openBlock(),e.createElementBlock("div",pe,[e.renderSlot(o.$slots,"dropzone.preview",{value:t.modelValue,fileName:t.fileName,hasFile:t.hasFile},()=>[e.createElementVNode("div",me,[t.image||t.preview?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["w-60 h-40 flex bg-contain bg-gray-100 mx-auto rounded-lg bg-no-repeat bg-center",t.previewClass]),style:e.normalizeStyle({backgroundImage:t.loading?"none":`url(${t.previewURL})`})},null,6)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"filename",{value:t.fileName},()=>[t.fileName?(e.openBlock(),e.createElementBlock("div",fe,e.toDisplayString(t.fileName),1)):e.createCommentVNode("",!0)])])]),!t.readonly&&!t.disabled?(e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("button",{type:"button",class:"appearance-none relative cursor-pointer bg-white rounded-md font-medium text-primary-600 hover:text-primary-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-primary-500",onClick:h[0]||(h[0]=i=>l("choose"))},[e.createElementVNode("span",null,e.toDisplayString(t.changeText),1)]),t.hideRemove?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"appearance-none relative cursor-pointer bg-white rounded-md font-medium text-error-600 hover:text-error-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-error-500",onClick:h[1]||(h[1]=i=>l("remove"))},[e.createElementVNode("span",null,e.toDisplayString(t.removeText),1)]))])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",ye,[e.renderSlot(o.$slots,"dropzone.image",{},()=>[ge]),e.createElementVNode("div",he,[e.createElementVNode("button",{type:"button",class:"appearance-none relative cursor-pointer bg-white rounded-md font-medium text-primary-600 hover:text-primary-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-primary-500",onClick:h[2]||(h[2]=i=>l("choose"))},[e.createElementVNode("span",null,e.toDisplayString(t.uploadText),1)]),e.createElementVNode("p",be,e.toDisplayString(t.dragText),1)]),e.createElementVNode("p",Ce,e.toDisplayString(t.hint),1)]))],2))}}),ke=["for"],Be=["id","readonly","accept"],we={key:0,class:"text-xs mt-2 text-black"};({...e.defineComponent({inheritAttrs:!1})});const Pe="",Ve={class:"autocomplete-body"},Se={class:"autocomplete-clearable"},Ne={key:0,class:"autocomplete-empty"},Te={key:0,class:"autocomplete-item-selected"},F=e.defineComponent({__name:"VAutocomplete",props:{modelValue:{default:void 0},searchBy:{default:"text"},displayText:{default:"text"},placeholder:{default:"Search..."},label:{default:""},items:{default:()=>[]},name:{default:""},rules:{default:""},notFoundText:{default:"Nothing found."},noDataText:{default:"No data."},clearable:{type:Boolean,default:!1},errorClass:{default:"autocomplete-error"},wrapperClass:{default:""},validationMode:{default:"aggressive"}},emits:["update:modelValue","update:query"],setup(t,{emit:l}){const r=t,{errorMessage:a,uncontrolledValue:s,clear:u}=U(r,l),{items:b}=e.toRefs(r),p=e.ref("");e.watch(p,m=>l("update:query",m));const c=e.computed(()=>p.value===""?b.value:b.value.filter(m=>String(m[r.searchBy]).toLowerCase().replace(/\s+/g,"").includes(p.value.toLowerCase().replace(/\s+/g,"")))),d=()=>{p.value="",u()};return(m,C)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(V.Combobox),{modelValue:e.unref(s),"onUpdate:modelValue":C[2]||(C[2]=f=>e.isRef(s)?s.value=f:null),class:e.normalizeClass(["autocomplete",t.wrapperClass]),as:"div"},{default:e.withCtx(()=>[t.label?(e.openBlock(),e.createBlock(e.unref(V.ComboboxLabel),{key:0,class:"autocomplete-label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("div",Ve,[e.createElementVNode("div",{class:e.normalizeClass(["autocomplete-field",{"autocomplete-field--error":!!e.unref(a)}])},[e.createVNode(e.unref(V.ComboboxInput),{class:"autocomplete-input","display-value":f=>f?.[t.displayText]||"",placeholder:t.placeholder,onChange:C[0]||(C[0]=f=>p.value=f.target.value)},null,8,["display-value","placeholder"]),e.createElementVNode("div",Se,[t.clearable&&e.unref(s)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-label":"Clear",class:"autocomplete-clearable-button",onClick:d},[e.createVNode(e.unref(R.Icon),{name:"ri:close-line",class:"autocomplete-icon","aria-hidden":"true"})])):e.createCommentVNode("",!0),e.createVNode(e.unref(V.ComboboxButton),null,{default:e.withCtx(()=>[e.createVNode(e.unref(R.Icon),{name:"ri:arrow-down-s-line",class:"autocomplete-icon","aria-hidden":"true"})]),_:1})])],2),e.createVNode(e.unref(V.TransitionRoot),{leave:"transition ease-in duration-100","leave-from":"opacity-100","leave-to":"opacity-0",onAfterLeave:C[1]||(C[1]=f=>p.value="")},{default:e.withCtx(()=>[e.createVNode(e.unref(V.ComboboxOptions),{class:"autocomplete-options"},{default:e.withCtx(()=>[e.unref(c).length===0&&p.value===""?(e.openBlock(),e.createElementBlock("div",Ne,e.toDisplayString(t.noDataText),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),(f,o)=>(e.openBlock(),e.createBlock(e.unref(V.ComboboxOption),{key:o,as:"template",value:f},{default:e.withCtx(({selected:h,active:i})=>[e.createElementVNode("li",{class:e.normalizeClass(["autocomplete-item",{"autocomplete-item--active":i,"autocomplete-item--inactive":!i}])},[e.createElementVNode("span",{class:e.normalizeClass(["autocomplete-item-text",{"autocomplete-item-text--selected":h}])},e.toDisplayString(f[t.displayText]),3),h?(e.openBlock(),e.createElementBlock("span",Te,[e.createVNode(e.unref(R.Icon),{name:"ri:check-line",class:"autocomplete-item-selected-icon","aria-hidden":"true"})])):e.createCommentVNode("",!0)],2)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})])]),_:1},8,["modelValue","class"]),e.unref(a)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.errorClass)},e.toDisplayString(e.unref(a)),3)):e.createCommentVNode("",!0)],64))}});x.Autocomplete=F,x.VAutocomplete=F,x.default=F,Object.defineProperties(x,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

dist/types/index.d.ts

 import VAutocomplete from './VAutocomplete.vue';
-import './VAutocomplete.dark.scss';
 export { VAutocomplete, VAutocomplete as Autocomplete };
 export default VAutocomplete;

dist/types/VAutocomplete.vue.d.ts

@@ -0,1 +1,2 @@
+import { type ValidationMode } from '@gits-id/forms';
 export declare type Item = {
@@ -20,2 +21,3 @@ text: string;
     wrapperClass?: string;
+    validationMode?: ValidationMode;
 };
@@ -40,2 +42,3 @@ declare const _default: {
             wrapperClass: string;
+            validationMode: ValidationMode;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
@@ -55,6 +58,7 @@ modelValue: undefined;
             wrapperClass: string;
+            validationMode: string;
         }>>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-            "onUpdate:query"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "modelValue" | "searchBy" | "displayText" | "placeholder" | "items" | "name" | "rules" | "notFoundText" | "noDataText" | "clearable" | "errorClass" | "wrapperClass">;
+            "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
+            "onUpdate:query"?: ((value: string) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "modelValue" | "searchBy" | "displayText" | "placeholder" | "items" | "name" | "rules" | "notFoundText" | "noDataText" | "clearable" | "errorClass" | "wrapperClass" | "validationMode">;
         $attrs: {
@@ -71,3 +75,3 @@ [x: string]: unknown;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: (event: "update:modelValue" | "update:query", ...args: any[]) => void;
+        $emit: ((event: "update:modelValue", value: Record<string, any>) => void) & ((event: "update:query", value: string) => void);
         $el: any;
@@ -88,6 +92,11 @@ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
             wrapperClass: string;
+            validationMode: string;
         }>>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-            "onUpdate:query"?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:query")[], string, {
+            "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
+            "onUpdate:query"?: ((value: string) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: Record<string, any>) => void;
+        } & {
+            "update:query": (value: string) => void;
+        }, string, {
             label: string;
@@ -106,2 +115,3 @@ modelValue: string | Item;
             wrapperClass: string;
+            validationMode: ValidationMode;
         }> & {
@@ -141,5 +151,6 @@ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
         wrapperClass: string;
+        validationMode: string;
     }>>> & {
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        "onUpdate:query"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
+        "onUpdate:query"?: ((value: string) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
@@ -163,6 +174,11 @@ __isFragment?: undefined;
     wrapperClass: string;
+    validationMode: string;
 }>>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:query"?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:query")[], "update:modelValue" | "update:query", {
+    "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
+    "onUpdate:query"?: ((value: string) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, any>) => void;
+} & {
+    "update:query": (value: string) => void;
+}, string, {
     label: string;
@@ -181,2 +197,3 @@ modelValue: string | Item;
     wrapperClass: string;
+    validationMode: ValidationMode;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -183,0 +200,0 @@ $slots: typeof import('./VAutocomplete.vue.__VLS_template').default;

package.json

 {
   "name": "@gits-id/autocomplete",
-  "version": "0.14.2-alpha.40+8dc709d4",
+  "version": "0.14.4",
   "description": "GITS Autocomplete Component",
@@ -18,4 +18,5 @@ "scripts": {
   "dependencies": {
-    "@gits-id/button": "^0.14.2-alpha.40+8dc709d4",
-    "@gits-id/icon": "^0.14.2-alpha.40+8dc709d4",
+    "@gits-id/button": "^0.14.0",
+    "@gits-id/forms": "^0.14.4",
+    "@gits-id/icon": "^0.14.0",
     "@headlessui/vue": "^1.6.0",
@@ -26,4 +27,4 @@ "tailwindcss": "^3.0.23",
   "devDependencies": {
-    "@gits-id/tailwind-config": "^0.14.2-alpha.40+8dc709d4",
-    "@gits-id/utils": "^0.14.2-alpha.40+8dc709d4",
+    "@gits-id/tailwind-config": "^0.14.0",
+    "@gits-id/utils": "^0.13.0",
     "@vue/test-utils": "^2.0.0-rc.17",
@@ -48,3 +49,3 @@ "c8": "^7.11.3",
   },
-  "gitHead": "8dc709d41310d75cc8e34711cd195c5168291bd3"
+  "gitHead": "15dfda7008cf63c884556a6cca0ebe8151f789c8"
 }

src/index.ts

 import VAutocomplete from './VAutocomplete.vue';
-import './VAutocomplete.dark.scss';
 
 export {VAutocomplete, VAutocomplete as Autocomplete};
 export default VAutocomplete;

src/VAutocomplete.stories.ts

@@ -7,3 +7,2 @@ import {useForm} from 'vee-validate';
 import {Story} from '@storybook/vue3';
-import './VAutocomplete.dark.scss';
 
@@ -101,17 +100,145 @@ const items = [
 
-export const DarkMode: Story = (args) => ({
-  components: {VAutocomplete},
+export const TestInputState: Story<{}> = (args) => ({
+  components: {VBtn, VAutocomplete},
   setup() {
-    const selected = ref();
-    return {args, selected};
+    const modelValue = ref();
+    const modelValue2 = ref();
+    const initialValues = ref({
+      text: args.setupWithInitialValue ? 'init' : '',
+      text2: args.setupWithInitialValue ? 'init2' : '',
+    });
+
+    const {handleSubmit, resetForm, values} = args.useForm
+      ? useForm({
+          initialValues,
+        })
+      : {handleSubmit: (cb: any) => null, resetForm: () => null, values: {}};
+
+    const onSubmit = handleSubmit((values: any) => {
+      alert(JSON.stringify(values));
+    });
+
+    const onChange = (val: any) => {
+      alert('onChange: ' + val);
+    };
+
+    const resetVVForm = () => {
+      if (!args.useForm) {
+        alert(
+          'Story is not set up with Vee Validate Form. set `useForm` control to true to try this action.',
+        );
+      }
+
+      initialValues.value = {
+        text: items[0],
+        text2: items[1],
+      };
+
+      resetForm();
+    };
+
+    return {
+      args,
+      onSubmit,
+      resetForm,
+      values,
+      modelValue,
+      modelValue2,
+      onChange,
+      resetVVForm,
+      items,
+    };
   },
   template: `
-<main class="dark dark:bg-neutral-900 p-6">
-  <VAutocomplete
-    v-bind="args"
-    v-model="selected"
-    label="Dark Mode"
-  />
-</main>
+    <form @submit="onSubmit" class="border-none">
+    <h1 class="mb-8 font-semibold">{{ args.useForm ? 'with' : 'without' }} VeeValidate Form</h1>
+
+    <button 
+      type="button" @click="resetVVForm" 
+      class="bg-red-400 text-white text-sm p-2 rounded"
+    >
+      Change Initial Value & Reset Form! <span class="text-[10px]">(Vee Validate only)</span>
+    </button>
+
+    <div class="flex flex-wrap">
+      <div class="w-1/2 p-2">
+        <VAutocomplete
+          :items="items"
+          name="text"
+          label="Only Name"
+          :value="args.value"
+          :clearable="args.clearable"
+        />
+        <div class="text-xs">
+          When used without vee validate, should not change "Vmodel" value or any other value unless
+          explicitly implemented<br />
+          With veevalidate, should update form values under "text" key only
+        </div>
+      </div>
+
+      <div class="w-1/2 p-2">
+        <VAutocomplete
+          :items="items"
+          v-model="modelValue"
+          label="Only VModel"
+          :value="args.value"
+          :clearable="args.clearable"
+        />
+        <div class="text-xs">Should update "modelValue" only</div>
+      </div>
+
+      <div class="w-1/2 p-2">
+        <VAutocomplete
+          :items="items"
+          v-model="modelValue2"
+          name="text2"
+          label="VModel and Name"
+          :clearable="args.clearable"
+        />
+        <div class="text-xs">Should update form values under "text2" (with vee validate) key AND "modelValue2"</div>
+      </div>
+
+      <div class="w-1/2 p-2">
+        <VAutocomplete
+          :items="items"
+          label="Uncontrolled"
+          placeholder="Uncontrolled input"
+          @change="onChange"
+          :clearable="args.clearable"
+        />
+        <div class="text-xs">Should not change any value unless explicitly implemented</div>
+      </div>
+
+      <div class="w-1/2 p-2">
+        <VAutocomplete
+          :items="items"
+          :model-value="items[0]"
+          label="Initial Value w/ modelValue prop "
+        />
+      </div>
+
+      <div class="w-1/2 p-2">
+        <VAutocomplete
+          :items="items"
+          :model-value="modelvalue"
+          name="init2"
+          label="Initial Value w/ modelValue prop + name"
+        />
+      </div>
+    </div>
+
+    <div class="mt-4">
+      <v-btn type="submit">Submit</v-btn>
+      <v-btn type="button" text @click="resetForm">Reset</v-btn>
+    </div>
+
+    <pre>{{ {values, modelValue, modelValue2} }}</pre>
+    </form>
   `,
 });
+TestInputState.args = {
+  useForm: false,
+  setupWithInitialValue: false,
+  value: undefined,
+  clearable: true,
+};

tailwind.config.js

 module.exports = {
-  darkMode: 'class',
-  content: ['./src/**/*.{vue,js,ts,jsx,tsx}'],
+  content: [
+    './src/**/*.{vue,js,ts,jsx,tsx}',
+  ],
   presets: [require('@gits-id/tailwind-config/preset')],
 };

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

137482

136.45%

Lines of code

1748

166.87%

Worsened metrics

Dependency count

6

20%

Number of package files

23

-4.17%

Dependency changes

• + Added

  @gits-id/forms@^0.14.4

• + Added

  @gits-id/button@0.14.0
  (transitive)

• + Added

  @gits-id/forms@0.14.4
  (transitive)

• + Added

  @gits-id/icon@0.11.100.14.0
  (transitive)

• + Added

  @gits-id/spinner@0.14.0
  (transitive)

• + Added

  @gits-id/theme@0.11.100.13.20
  (transitive)

• + Added

  @gits-id/utils@0.13.0
  (transitive)

• + Added

  @vue/devtools-api@7.7.2
  (transitive)

• + Added

  @vue/devtools-kit@7.7.2
  (transitive)

• + Added

  @vue/devtools-shared@7.7.2
  (transitive)

• + Added

  birpc@0.2.19
  (transitive)

• + Added

  copy-anything@3.0.5
  (transitive)

• + Added

  hookable@5.5.3
  (transitive)

• + Added

  is-what@4.1.16
  (transitive)

• + Added

  mitt@3.0.1
  (transitive)

• + Added

  perfect-debounce@1.0.0
  (transitive)

• + Added

  rfdc@1.4.1
  (transitive)

• + Added

  speakingurl@14.0.1
  (transitive)

• + Added

  superjson@2.2.2
  (transitive)

• + Added

  type-fest@4.37.0
  (transitive)

• + Added

  vee-validate@4.15.0
  (transitive)

• - Removed

  @gits-id/button@0.14.2-alpha.40
  (transitive)

• - Removed

  @gits-id/icon@0.14.2-alpha.40
  (transitive)

• - Removed

  @gits-id/spinner@0.14.2-alpha.40
  (transitive)

• - Removed

  @gits-id/theme@0.14.2-alpha.40
  (transitive)

• - Removed

  @gits-id/utils@0.14.2-alpha.40
  (transitive)

• Updated

  @gits-id/button@^0.14.0

• Updated

  @gits-id/icon@^0.14.0