finso-vue-components 0.4.21 → 0.4.23

package/dist/finso-vue-components.umd.cjs

@@ -1 +1 @@
-(function(g,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vuetify/components"),require("maska/vue"),require("vee-validate")):typeof define=="function"&&define.amd?define(["exports","vue","vuetify/components","maska/vue","vee-validate"],e):(g=typeof globalThis<"u"?globalThis:g||self,e(g.FinsoVueComponents={},g.Vue,g.VuetifyComponents,g.MaskaVue,g.VeeValidate))})(this,(function(g,e,_,G,F){"use strict";const x=e.defineComponent({__name:"FButton",props:{color:{default:"primary"},rounded:{type:[String,Number,Boolean],default:"lg"}},setup(o){const t=o;return(r,a)=>{const l=e.resolveComponent("v-btn");return e.openBlock(),e.createBlock(l,{color:t.color,rounded:t.rounded},null,8,["color","rounded"])}}}),M=e.defineComponent({name:"FTextField",inheritAttrs:!1,__name:"FTextField",props:{name:{},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},clearable:{type:Boolean,default:!0},hideDetails:{type:[Boolean,String],default:"auto"},appendInnerIcon:{default:""},mask:{default:""},modelValue:{default:""},rules:{type:[String,Function],default:""}},emits:["clickAppendInner"],setup(o){const t=o,r=e.computed(()=>t.rules),{errorMessage:a,value:l}=F.useField(()=>t.name,r,{initialValue:t.modelValue,syncVModel:!0});return(s,n)=>e.withDirectives((e.openBlock(),e.createBlock(e.unref(_.VTextField),e.mergeProps(s.$attrs,{modelValue:e.unref(l),"onUpdate:modelValue":n[0]||(n[0]=u=>e.isRef(l)?l.value=u:null),name:t.name,color:t.color,density:t.density,rounded:t.rounded,variant:t.variant,clearable:t.clearable,"hide-details":t.hideDetails,"error-messages":e.unref(a),"append-inner-icon":t.appendInnerIcon,"onClick:appendInner":n[1]||(n[1]=u=>s.$emit("clickAppendInner"))}),e.createSlots({_:2},[e.renderList(s.$slots,(u,f)=>({name:f,fn:e.withCtx(c=>[e.renderSlot(s.$slots,f,e.normalizeProps(e.guardReactiveProps(c??{})))])}))]),1040,["modelValue","name","color","density","rounded","variant","clearable","hide-details","error-messages","append-inner-icon"])),[[e.unref(G.vMaska),t.mask]])}}),K={key:0,class:"font-weight-bold d-flex justify-center align-center fill-height"},W={key:1,class:"font-weight-bold d-flex justify-center align-center fill-height"},J={key:2},Q={key:5},Z={class:"f-data-table__actions"},v={class:"text-h6"},ee=e.defineComponent({name:"FDataTable",inheritAttrs:!1,__name:"FDataTable",props:e.mergeModels({headers:{},items:{},loading:{type:Boolean,default:!1},hover:{type:Boolean,default:!0},density:{default:"default"},maxHeight:{default:576},showSelect:{type:Boolean,default:!1},serverSide:{type:Boolean,default:!0},totalCount:{default:0},canEditRecord:{type:Boolean,default:!0},canDeleteRecord:{type:Boolean,default:!0},canReadRecord:{type:Boolean,default:!0},showDeleteConfirm:{type:Boolean,default:!0},labelActive:{default:"Active"},labelPassive:{default:"Passive"},labelDeleteTitle:{default:"Delete"},deleteMessageFormatter:{},labelDeleteMessage:{default:"Are you sure you want to delete this record?"},labelDeleteConfirm:{default:"Delete"},labelDeleteCancel:{default:"Cancel"},labelItemsPerPage:{default:"Items per page"},labelNoData:{default:"No data available"},moneyLocale:{default:"tr-TR"},moneyCurrency:{default:"TRY"},gsmPattern:{default:"(XXX) XXX XXXX"}},{page:{default:1},pageModifiers:{},itemsPerPage:{default:10},itemsPerPageModifiers:{},sortBy:{default:()=>[]},sortByModifiers:{}}),emits:e.mergeModels(["show-record","delete-record"],["update:page","update:itemsPerPage","update:sortBy"]),setup(o,{emit:t}){const r=o,a=t,l=e.useModel(o,"page"),s=e.useModel(o,"itemsPerPage"),n=e.useModel(o,"sortBy"),u=e.ref(!1),f=e.ref(null);function c(y,p){return p.split(".").reduce((B,D)=>B==null?void 0:B[D],y)}function m(y){return y==null?"":new Intl.NumberFormat(r.moneyLocale,{style:"currency",currency:r.moneyCurrency}).format(y)}function d(y){if(!y)return"";const p=y.replace(/\D/g,"");return p.length<10?y:`(${p.substring(0,3)}) ${p.substring(3,6)} ${p.substring(6,10)}`}function C(y,p){return p.split(",").map(B=>{const D=c(y,B.trim());return typeof D=="string"?D.charAt(0).toUpperCase():""}).join("")}const h=e.computed(()=>{const B=r.items.length===0?108:r.items.length*52+56;return Math.min(B,r.maxHeight)}),b=e.computed(()=>!r.canEditRecord&&!r.canReadRecord?{}:{"click:row":(y,{item:p})=>{a("show-record",p)}}),k=e.computed(()=>r.headers.filter(y=>y.type&&y.key!=="actions")),$=e.computed(()=>r.headers.some(y=>y.key==="actions"));function w(y){r.showDeleteConfirm?(f.value=y,u.value=!0):a("delete-record",y)}function S(){a("delete-record",f.value),u.value=!1,f.value=null}return(y,p)=>{const B=e.resolveComponent("v-icon"),D=e.resolveComponent("v-img"),Y=e.resolveComponent("v-avatar"),re=e.resolveComponent("v-chip"),H=e.resolveComponent("v-btn"),ie=e.resolveComponent("v-card-text"),de=e.resolveComponent("v-spacer"),q=e.resolveComponent("f-button"),se=e.resolveComponent("v-card-actions"),ce=e.resolveComponent("f-dialog");return e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.serverSide?"v-data-table-server":"v-data-table"),e.mergeProps(y.$attrs,{page:l.value,"onUpdate:page":p[0]||(p[0]=i=>l.value=i),"items-per-page":s.value,"onUpdate:itemsPerPage":p[1]||(p[1]=i=>s.value=i),"sort-by":n.value,"onUpdate:sortBy":p[2]||(p[2]=i=>n.value=i),class:"rounded-b-lg",headers:o.headers,items:o.items,"items-length":o.serverSide?o.totalCount:void 0,loading:o.loading,hover:o.hover,density:o.density,height:h.value,"show-select":o.showSelect,"items-per-page-text":o.labelItemsPerPage,"no-data-text":o.labelNoData},e.toHandlers(b.value)),e.createSlots({_:2},[e.renderList(k.value,i=>({name:`item.${i.key}`,fn:e.withCtx(({item:V})=>[e.renderSlot(y.$slots,`item.${i.key}`,{item:V,value:c(V,i.key)},()=>[i.type==="image"?(e.openBlock(),e.createBlock(Y,{key:0,rounded:"lg",variant:"elevated",border:""},{default:e.withCtx(()=>[c(V,i.key)?(e.openBlock(),e.createBlock(D,{key:0,src:c(V,i.key),class:"f-data-table__logo"},{error:e.withCtx(()=>[i.imageInitialsKey?(e.openBlock(),e.createElementBlock("span",K,e.toDisplayString(C(V,i.imageInitialsKey)),1)):(e.openBlock(),e.createBlock(B,{key:1,color:"white"},{default:e.withCtx(()=>[...p[5]||(p[5]=[e.createTextVNode("mdi-account",-1)])]),_:1}))]),_:2},1032,["src"])):i.imageInitialsKey?(e.openBlock(),e.createElementBlock("span",W,e.toDisplayString(C(V,i.imageInitialsKey)),1)):(e.openBlock(),e.createBlock(B,{key:2,color:"white"},{default:e.withCtx(()=>[...p[6]||(p[6]=[e.createTextVNode("mdi-account",-1)])]),_:1}))]),_:2},1024)):i.type==="logo"?(e.openBlock(),e.createBlock(Y,{key:1,rounded:"lg",variant:"elevated",border:"",class:"f-data-table__logo-avatar"},{default:e.withCtx(()=>[c(V,i.key)?(e.openBlock(),e.createBlock(D,{key:0,src:c(V,i.key),class:"f-data-table__logo"},{error:e.withCtx(()=>[...p[7]||(p[7]=[e.createElementVNode("div",{class:"f-data-table__logo-avatar fill-height"},null,-1)])]),_:1},8,["src"])):e.createCommentVNode("",!0)]),_:2},1024)):i.type==="money"?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(m(c(V,i.key))),1)):i.type==="status"?(e.openBlock(),e.createBlock(re,{key:3,color:c(V,i.key)?"green-darken-1":"red-darken-2",size:"small"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c(V,i.key)?o.labelActive:o.labelPassive),1)]),_:2},1032,["color"])):i.type==="boolean"?(e.openBlock(),e.createBlock(B,{key:4,color:c(V,i.key)?"green-darken-1":"red-darken-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c(V,i.key)?"mdi-check":"mdi-close"),1)]),_:2},1032,["color"])):i.type==="gsmNo"?(e.openBlock(),e.createElementBlock("span",Q,e.toDisplayString(d(c(V,i.key))),1)):e.createCommentVNode("",!0)],!0)])})),$.value?{name:"item.actions",fn:e.withCtx(({item:i})=>[e.renderSlot(y.$slots,"item.actions",{item:i},()=>[e.createElementVNode("div",Z,[o.canEditRecord||o.canReadRecord?(e.openBlock(),e.createBlock(H,{key:0,size:"small",variant:"text",icon:o.canEditRecord?"mdi-pencil-outline":"mdi-eye-outline",color:o.canEditRecord?"primary":"secondary",onClick:e.withModifiers(V=>a("show-record",i),["stop"])},null,8,["icon","color","onClick"])):e.createCommentVNode("",!0),o.canDeleteRecord?(e.openBlock(),e.createBlock(H,{key:1,icon:"mdi-trash-can-outline",variant:"text",size:"small",color:"red-darken-2",onClick:e.withModifiers(V=>w(i),["stop"])},null,8,["onClick"])):e.createCommentVNode("",!0)])],!0)]),key:"0"}:void 0,e.renderList(y.$slots,(i,V)=>({name:V,fn:e.withCtx(me=>[e.renderSlot(y.$slots,V,e.normalizeProps(e.guardReactiveProps(me??{})),void 0,!0)])}))]),1040,["page","items-per-page","sort-by","headers","items","items-length","loading","hover","density","height","show-select","items-per-page-text","no-data-text"])),e.createVNode(ce,{modelValue:u.value,"onUpdate:modelValue":p[4]||(p[4]=i=>u.value=i),"max-width":"400","hide-close":!0},{header:e.withCtx(()=>[e.createElementVNode("div",v,e.toDisplayString(o.labelDeleteTitle),1)]),default:e.withCtx(()=>[e.createVNode(ie,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.deleteMessageFormatter&&f.value?o.deleteMessageFormatter(f.value):o.labelDeleteMessage),1)]),_:1}),e.createVNode(se,null,{default:e.withCtx(()=>[e.createVNode(de),e.createVNode(q,{variant:"plain",color:"red-darken-2",text:o.labelDeleteCancel,onClick:p[3]||(p[3]=i=>u.value=!1)},null,8,["text"]),e.createVNode(q,{variant:"tonal",text:o.labelDeleteConfirm,onClick:S},null,8,["text"])]),_:1})]),_:1},8,["modelValue"])])}}}),N=(o,t)=>{const r=o.__vccOpts||o;for(const[a,l]of t)r[a]=l;return r},P=N(ee,[["__scopeId","data-v-94eb976f"]]);var T=(o=>(o.IMAGE="image",o.MONEY="money",o.STATUS="status",o.BOOLEAN="boolean",o.GSM_NO="gsmNo",o.LOGO="logo",o))(T||{});const R=e.defineComponent({name:"FTextarea",inheritAttrs:!1,__name:"FTextarea",props:{name:{},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},label:{default:""},hideDetails:{type:[Boolean,String],default:"auto"},noResize:{type:Boolean,default:!0},rows:{default:""},modelValue:{default:""},rules:{type:[String,Function],default:""}},setup(o){const t=o,r=e.computed(()=>t.rules),{errorMessage:a,value:l}=F.useField(()=>t.name,r,{initialValue:t.modelValue,syncVModel:!0});return(s,n)=>(e.openBlock(),e.createBlock(e.unref(_.VTextarea),e.mergeProps(s.$attrs,{modelValue:e.unref(l),"onUpdate:modelValue":n[0]||(n[0]=u=>e.isRef(l)?l.value=u:null),name:t.name,rounded:t.rounded,variant:t.variant,rows:t.rows,density:t.density,color:t.color,label:t.label,"hide-details":t.hideDetails,"no-resize":t.noResize,"error-messages":e.unref(a)}),null,16,["modelValue","name","rounded","variant","rows","density","color","label","hide-details","no-resize","error-messages"]))}}),A=e.defineComponent({name:"FAutocomplete",inheritAttrs:!1,__name:"FAutocomplete",props:{name:{},items:{default:()=>[]},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},clearable:{type:Boolean,default:!0},hideDetails:{type:[Boolean,String],default:"auto"},returnObject:{type:Boolean,default:!0},noDataText:{default:""},modelValue:{default:null},rules:{type:[String,Function],default:""}},emits:["change"],setup(o,{emit:t}){const r=t,a=o,l=e.computed(()=>a.rules),{errorMessage:s,value:n}=F.useField(()=>a.name,l,{initialValue:a.modelValue,syncVModel:!0});function u(f){r("change",f)}return(f,c)=>(e.openBlock(),e.createBlock(e.unref(_.VAutocomplete),e.mergeProps(f.$attrs,{modelValue:e.unref(n),"onUpdate:modelValue":[c[0]||(c[0]=m=>e.isRef(n)?n.value=m:null),c[1]||(c[1]=m=>u(e.unref(n)))],name:a.name,items:a.items,rounded:a.rounded,variant:a.variant,density:a.density,color:a.color,clearable:a.clearable,"hide-details":a.hideDetails,"return-object":a.returnObject,"no-data-text":a.noDataText,"error-messages":e.unref(s),"menu-props":{maxWidth:0}}),e.createSlots({_:2},[e.renderList(f.$slots,(m,d)=>({name:d,fn:e.withCtx(C=>[e.renderSlot(f.$slots,d,e.normalizeProps(e.guardReactiveProps(C??{})))])}))]),1040,["modelValue","name","items","rounded","variant","density","color","clearable","hide-details","return-object","no-data-text","error-messages"]))}}),I=e.defineComponent({name:"FCheckbox",inheritAttrs:!1,__name:"FCheckbox",props:{color:{default:"secondary"},hideDetails:{type:[Boolean,String],default:"auto"},indeterminate:{type:Boolean,default:!1},density:{default:"compact"}},setup(o){const t=o;return(r,a)=>(e.openBlock(),e.createBlock(e.unref(_.VCheckbox),e.mergeProps(r.$attrs,{color:t.color,"hide-details":t.hideDetails,indeterminate:t.indeterminate,density:t.density}),null,16,["color","hide-details","indeterminate","density"]))}}),E=e.defineComponent({name:"FCurrencyField",inheritAttrs:!1,__name:"FCurrencyField",props:{name:{},label:{default:""},readonly:{type:Boolean,default:!1},hideDetails:{type:[Boolean,String],default:"auto"},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},locale:{default:"tr-TR"},currency:{default:"TRY"},precision:{default:2},modelValue:{default:null},rules:{type:[String,Function],default:""}},setup(o){const t=o,r=e.computed(()=>t.rules),{errorMessage:a,value:l}=F.useField(()=>t.name,r,{initialValue:t.modelValue,syncVModel:!0}),s=e.computed(()=>new Intl.NumberFormat(t.locale,{style:"currency",currency:t.currency,minimumFractionDigits:t.precision,maximumFractionDigits:t.precision})),n=e.ref(u(t.modelValue));function u(h){return h==null||isNaN(h)?"":s.value.format(h)}function f(h){const b=h.replace(/[^\d,.-]/g,"").replace(/\./g,"").replace(",","."),k=parseFloat(b);return isNaN(k)?null:Math.round(k*Math.pow(10,t.precision))/Math.pow(10,t.precision)}const c=e.ref(!1);function m(h){const b=h.target;n.value=b.value,l.value=f(b.value)}function d(){c.value=!1,n.value=u(l.value)}function C(h){c.value=!0;const b=h.target,k=l.value;k!=null?n.value=k.toFixed(t.precision).replace(".",","):n.value="",setTimeout(()=>b.select(),0)}return e.watch(()=>t.modelValue,h=>{l.value=h,c.value||(n.value=u(h))}),(h,b)=>(e.openBlock(),e.createBlock(e.unref(_.VTextField),e.mergeProps(h.$attrs,{"model-value":n.value,name:t.name,label:t.label,readonly:t.readonly,"hide-details":t.hideDetails,rounded:t.rounded,variant:t.variant,density:t.density,color:t.color,"error-messages":e.unref(a),inputmode:"decimal",onInput:m,onBlur:d,onFocus:C}),null,16,["model-value","name","label","readonly","hide-details","rounded","variant","density","color","error-messages"]))}}),U=e.defineComponent({name:"FSelect",inheritAttrs:!1,__name:"FSelect",props:{name:{},items:{default:()=>[]},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},hideDetails:{type:[Boolean,String],default:"auto"},returnObject:{type:Boolean,default:!1},modelValue:{default:""},rules:{type:[String,Function],default:""}},setup(o){const t=o,r=e.computed(()=>t.rules),{errorMessage:a,value:l}=F.useField(()=>t.name,r,{initialValue:t.modelValue,syncVModel:!0});return(s,n)=>(e.openBlock(),e.createBlock(e.unref(_.VSelect),e.mergeProps(s.$attrs,{modelValue:e.unref(l),"onUpdate:modelValue":n[0]||(n[0]=u=>e.isRef(l)?l.value=u:null),name:t.name,items:t.items,rounded:t.rounded,variant:t.variant,density:t.density,color:t.color,"hide-details":t.hideDetails,"return-object":t.returnObject,"error-messages":e.unref(a)}),e.createSlots({_:2},[e.renderList(s.$slots,(u,f)=>({name:f,fn:e.withCtx(c=>[e.renderSlot(s.$slots,f,e.normalizeProps(e.guardReactiveProps(c??{})))])}))]),1040,["modelValue","name","items","rounded","variant","density","color","hide-details","return-object","error-messages"]))}}),j=e.defineComponent({name:"FNumberField",inheritAttrs:!1,__name:"FNumberField",props:{name:{},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},controlVariant:{default:"stacked"},color:{default:"secondary"},label:{default:""},placeholder:{default:""},prefix:{default:""},hideDetails:{type:[Boolean,String],default:"auto"},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},min:{default:0},precision:{default:0},inset:{type:Boolean,default:!0},modelValue:{default:null},rules:{type:[String,Function],default:""}},setup(o){const t=o,r=e.computed(()=>t.rules),{errorMessage:a,value:l}=F.useField(()=>t.name,r,{initialValue:t.modelValue,syncVModel:!0});return(s,n)=>(e.openBlock(),e.createBlock(e.unref(_.VNumberInput),e.mergeProps(s.$attrs,{modelValue:e.unref(l),"onUpdate:modelValue":n[0]||(n[0]=u=>e.isRef(l)?l.value=u:null),name:t.name,color:t.color,density:t.density,rounded:t.rounded,variant:t.variant,"control-variant":t.controlVariant,"hide-details":t.hideDetails,placeholder:t.placeholder,label:t.label,prefix:t.prefix,disabled:t.disabled,readonly:t.readonly,min:t.min,precision:t.precision,inset:t.inset,"error-messages":e.unref(a)}),null,16,["modelValue","name","color","density","rounded","variant","control-variant","hide-details","placeholder","label","prefix","disabled","readonly","min","precision","inset","error-messages"]))}}),te={key:0},oe={key:1},O=e.defineComponent({name:"FSwitch",inheritAttrs:!1,__name:"FSwitch",props:e.mergeModels({color:{default:"secondary"},density:{default:"comfortable"},hideDetails:{type:[Boolean,String],default:"auto"},labelTrue:{default:""},labelFalse:{default:""}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(o){const t=o,r=e.useModel(o,"modelValue");return(a,l)=>(e.openBlock(),e.createBlock(e.unref(_.VSwitch),e.mergeProps(a.$attrs,{modelValue:r.value,"onUpdate:modelValue":l[0]||(l[0]=s=>r.value=s),color:t.color,"hide-details":t.hideDetails,density:t.density}),e.createSlots({_:2},[t.labelTrue||t.labelFalse?{name:"label",fn:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock("span",te,e.toDisplayString(t.labelTrue),1)):(e.openBlock(),e.createElementBlock("span",oe,e.toDisplayString(t.labelFalse),1))]),key:"0"}:void 0]),1040,["modelValue","color","hide-details","density"]))}}),z=e.defineComponent({name:"FDialog",inheritAttrs:!1,__name:"FDialog",props:e.mergeModels({width:{default:750},persistent:{type:Boolean,default:!0},transition:{default:"slide-y-transition"},hideClose:{type:Boolean,default:!1}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:e.mergeModels(["closeDialog"],["update:modelValue"]),setup(o){const t=o,r=e.useModel(o,"modelValue");return(a,l)=>{const s=e.resolveComponent("v-btn"),n=e.resolveComponent("v-card-title"),u=e.resolveComponent("v-divider"),f=e.resolveComponent("v-card-text"),c=e.resolveComponent("v-card"),m=e.resolveComponent("v-dialog");return e.openBlock(),e.createBlock(m,e.mergeProps(a.$attrs,{modelValue:r.value,"onUpdate:modelValue":l[1]||(l[1]=d=>r.value=d),transition:t.transition,class:"f-dialog",width:t.width,persistent:t.persistent}),{default:e.withCtx(()=>[e.createVNode(c,{class:"f-dialog-card",density:"default",variant:"elevated",rounded:"lg"},{default:e.withCtx(()=>[e.createVNode(n,{class:"d-flex justify-space-between align-center"},{default:e.withCtx(()=>[e.createElementVNode("header",null,[e.renderSlot(a.$slots,"header")]),t.hideClose?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(s,{key:0,icon:"mdi-close",variant:"text",onClick:l[0]||(l[0]=d=>a.$emit("closeDialog"))}))]),_:3}),e.createVNode(u),e.createVNode(f,{class:"py-4 px-1 overflow-auto overflow-x-hidden"},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3})]),_:3})]),_:3},16,["modelValue","transition","width","persistent"])}}}),le={class:"d-flex mt-5 mb-n6",style:{width:"100%"}},X=N(e.defineComponent({name:"FTimePicker",inheritAttrs:!1,__name:"FTimePicker",props:{name:{},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},hideDetails:{type:[Boolean,String],default:"auto"},readonly:{type:Boolean,default:!1},modelValue:{default:""},rules:{type:[String,Function],default:""},title:{default:""},labelCancel:{default:"Cancel"},labelConfirm:{default:"Confirm"}},setup(o){const t=o,r=e.computed(()=>t.rules),{errorMessage:a,value:l}=F.useField(()=>t.name,r,{initialValue:t.modelValue||"",syncVModel:!0}),s=e.ref(!1),n=e.ref(l);function u(){l.value=n.value,s.value=!1}function f(c){n.value&&n.value.includes(":")&&(n.value=c.toString().padStart(2,"0")+n.value.substring(n.value.indexOf(":")))}return(c,m)=>{const d=e.resolveComponent("v-spacer"),C=e.resolveComponent("v-time-picker"),h=e.resolveComponent("v-menu"),b=e.resolveComponent("v-text-field");return e.openBlock(),e.createBlock(b,e.mergeProps(c.$attrs,{modelValue:e.unref(l),"onUpdate:modelValue":m[4]||(m[4]=k=>e.isRef(l)?l.value=k:null),"prepend-inner-icon":"mdi-clock-time-four-outline",name:t.name,active:s.value,focus:s.value,density:t.density,rounded:t.rounded,variant:t.variant,"hide-details":t.hideDetails,readonly:t.readonly,"error-messages":e.unref(a)}),{default:e.withCtx(()=>[e.createVNode(h,{modelValue:s.value,"onUpdate:modelValue":m[3]||(m[3]=k=>s.value=k),activator:"parent",location:"center",disabled:t.readonly,"close-on-content-click":!1},{default:e.withCtx(()=>[s.value?(e.openBlock(),e.createBlock(C,{key:0,modelValue:n.value,"onUpdate:modelValue":m[1]||(m[1]=k=>n.value=k),"full-width":"",color:"secondary",format:"24hr",title:t.title,"onUpdate:hour":m[2]||(m[2]=k=>f(k))},{actions:e.withCtx(()=>[e.createElementVNode("div",le,[e.createVNode(x,{variant:"plain",color:"red-darken-2",text:t.labelCancel,onClick:m[0]||(m[0]=k=>s.value=!1)},null,8,["text"]),e.createVNode(d),e.createVNode(x,{variant:"tonal",text:t.labelConfirm,onClick:u},null,8,["text"])])]),_:1},8,["modelValue","title"])):e.createCommentVNode("",!0)]),_:1},8,["modelValue","disabled"])]),_:1},16,["modelValue","name","active","focus","density","rounded","variant","hide-details","readonly","error-messages"])}}}),[["__scopeId","data-v-7639bf96"]]),ne={class:"position-relative"},L=N(e.defineComponent({name:"FDatePicker",inheritAttrs:!1,__name:"FDatePicker",props:{name:{},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},hideDetails:{type:[Boolean,String],default:"auto"},disabled:{type:Boolean,default:!1},modelValue:{default:""},rules:{type:[String,Function],default:""},max:{default:void 0},min:{default:void 0},locale:{default:"en"},firstDayOfWeek:{default:1},dateFormat:{default:"DD/MM/YYYY"}},setup(o){const t=o,r=e.computed(()=>t.rules);function a(m){if(!m)return"";let d;if(m instanceof Date)d=m;else{const k=m.split("/");k.length===3?d=new Date(Number(k[2]),Number(k[1])-1,Number(k[0])):d=new Date(m)}if(isNaN(d.getTime()))return"";const C=`0${d.getDate()}`.slice(-2),h=`0${d.getMonth()+1}`.slice(-2),b=d.getFullYear();return`${C}/${h}/${b}`}function l(m){if(!m)return null;const d=m.split("/");return d.length===3?new Date(Number(d[2]),Number(d[1])-1,Number(d[0])):null}const{errorMessage:s,value:n}=F.useField(()=>t.name,r,{initialValue:t.modelValue?a(t.modelValue):"",syncVModel:!0}),u=e.ref(null),f=e.ref(!1),c=m=>{n.value=a(m),f.value=!1};return e.onMounted(()=>{u.value=t.modelValue?l(t.modelValue):null}),(m,d)=>{const C=e.resolveComponent("v-text-field"),h=e.resolveComponent("v-date-picker"),b=e.resolveComponent("v-locale-provider"),k=e.resolveComponent("v-btn"),$=e.resolveComponent("v-menu");return e.openBlock(),e.createBlock($,{modelValue:f.value,"onUpdate:modelValue":d[4]||(d[4]=w=>f.value=w),location:"center",disabled:t.disabled,"close-on-content-click":!1},{activator:e.withCtx(({props:w})=>[e.createVNode(C,e.mergeProps({...m.$attrs,...w},{modelValue:e.unref(n),"onUpdate:modelValue":d[0]||(d[0]=S=>e.isRef(n)?n.value=S:null),"prepend-inner-icon":"mdi-calendar-outline",name:t.name,density:t.density,rounded:t.rounded,variant:t.variant,"hide-details":t.hideDetails,color:t.color,readonly:"","error-messages":e.unref(s),"onClick:clear":d[1]||(d[1]=S=>n.value="")}),null,16,["modelValue","name","density","rounded","variant","hide-details","color","error-messages"])]),default:e.withCtx(()=>[e.createElementVNode("div",ne,[e.createVNode(b,{locale:t.locale},{default:e.withCtx(()=>[e.createVNode(h,{modelValue:u.value,"onUpdate:modelValue":[d[2]||(d[2]=w=>u.value=w),c],title:"",elevation:"10","first-day-of-week":t.firstDayOfWeek,min:t.min,max:t.max,color:t.color,"show-adjacent-months":"",rounded:t.rounded},null,8,["modelValue","first-day-of-week","min","max","color","rounded"])]),_:1},8,["locale"]),e.createVNode(k,{class:"position-absolute top-0 right-0",color:"white",icon:"mdi-close",size:"small",variant:"text",onClick:d[3]||(d[3]=w=>f.value=!1)})])]),_:1},8,["modelValue","disabled"])}}}),[["__scopeId","data-v-f2792853"]]),ae={install(o){o.component("FButton",x),o.component("FTextField",M),o.component("FDataTable",P),o.component("FTextarea",R),o.component("FAutocomplete",A),o.component("FCheckbox",I),o.component("FCurrencyField",E),o.component("FSelect",U),o.component("FNumberField",j),o.component("FSwitch",O),o.component("FDialog",z),o.component("FTimePicker",X),o.component("FDatePicker",L)}};g.FAutocomplete=A,g.FButton=x,g.FCheckbox=I,g.FCurrencyField=E,g.FDataTable=P,g.FDataTableHeaderType=T,g.FDatePicker=L,g.FDialog=z,g.FNumberField=j,g.FSelect=U,g.FSwitch=O,g.FTextField=M,g.FTextarea=R,g.FTimePicker=X,g.default=ae,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(function(k,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vuetify/components"),require("maska/vue"),require("vee-validate")):typeof define=="function"&&define.amd?define(["exports","vue","vuetify/components","maska/vue","vee-validate"],e):(k=typeof globalThis<"u"?globalThis:k||self,e(k.FinsoVueComponents={},k.Vue,k.VuetifyComponents,k.MaskaVue,k.VeeValidate))})(this,(function(k,e,w,K,x){"use strict";const N=e.defineComponent({__name:"FButton",props:{color:{default:"primary"},rounded:{type:[String,Number,Boolean],default:"lg"}},setup(o){const t=o;return(a,i)=>{const l=e.resolveComponent("v-btn");return e.openBlock(),e.createBlock(l,{color:t.color,rounded:t.rounded},null,8,["color","rounded"])}}}),M=e.defineComponent({name:"FTextField",inheritAttrs:!1,__name:"FTextField",props:{name:{},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},clearable:{type:Boolean,default:!0},hideDetails:{type:[Boolean,String],default:"auto"},appendInnerIcon:{default:""},mask:{default:""},modelValue:{default:""},rules:{type:[String,Function],default:""}},emits:["clickAppendInner"],setup(o){const t=o,a=e.computed(()=>t.rules),{errorMessage:i,value:l}=x.useField(()=>t.name,a,{initialValue:t.modelValue,syncVModel:!0});return(u,r)=>e.withDirectives((e.openBlock(),e.createBlock(e.unref(w.VTextField),e.mergeProps(u.$attrs,{modelValue:e.unref(l),"onUpdate:modelValue":r[0]||(r[0]=p=>e.isRef(l)?l.value=p:null),name:t.name,color:t.color,density:t.density,rounded:t.rounded,variant:t.variant,clearable:t.clearable,"hide-details":t.hideDetails,"error-messages":e.unref(i),"append-inner-icon":t.appendInnerIcon,"onClick:appendInner":r[1]||(r[1]=p=>u.$emit("clickAppendInner"))}),e.createSlots({_:2},[e.renderList(u.$slots,(p,y)=>({name:y,fn:e.withCtx(s=>[e.renderSlot(u.$slots,y,e.normalizeProps(e.guardReactiveProps(s??{})))])}))]),1040,["modelValue","name","color","density","rounded","variant","clearable","hide-details","error-messages","append-inner-icon"])),[[e.unref(K.vMaska),t.mask]])}}),W={key:0,class:"font-weight-bold d-flex justify-center align-center fill-height"},J={key:1,class:"font-weight-bold d-flex justify-center align-center fill-height"},Q={key:2},Z={key:5},v={class:"f-data-table__actions"},ee={class:"text-h6"},te=e.defineComponent({name:"FDataTable",inheritAttrs:!1,__name:"FDataTable",props:e.mergeModels({headers:{},items:{},loading:{type:Boolean,default:!1},hover:{type:Boolean,default:!0},density:{default:"default"},maxHeight:{default:576},showSelect:{type:Boolean,default:!1},serverSide:{type:Boolean,default:!0},totalCount:{default:0},canEditRecord:{type:Boolean,default:!0},canDeleteRecord:{type:Boolean,default:!0},canReadRecord:{type:Boolean,default:!0},showDeleteConfirm:{type:Boolean,default:!0},labelActive:{default:"Active"},labelPassive:{default:"Passive"},labelDeleteTitle:{default:"Delete"},deleteMessageFormatter:{},labelDeleteMessage:{default:"Are you sure you want to delete this record?"},labelDeleteConfirm:{default:"Delete"},labelDeleteCancel:{default:"Cancel"},labelItemsPerPage:{default:"Items per page"},labelNoData:{default:"No data available"},moneyLocale:{default:"tr-TR"},moneyCurrency:{default:"TRY"},gsmPattern:{default:"(XXX) XXX XXXX"}},{page:{default:1},pageModifiers:{},itemsPerPage:{default:10},itemsPerPageModifiers:{},sortBy:{default:()=>[]},sortByModifiers:{}}),emits:e.mergeModels(["show-record","delete-record"],["update:page","update:itemsPerPage","update:sortBy"]),setup(o,{emit:t}){const a=o,i=t,l=e.useModel(o,"page"),u=e.useModel(o,"itemsPerPage"),r=e.useModel(o,"sortBy"),p=e.ref(!1),y=e.ref(null);function s(c,f){return f.split(".").reduce((B,D)=>B==null?void 0:B[D],c)}function d(c){return c==null?"":new Intl.NumberFormat(a.moneyLocale,{style:"currency",currency:a.moneyCurrency}).format(c)}function n(c){if(!c)return"";const f=c.replace(/\D/g,"");return f.length<10?c:`(${f.substring(0,3)}) ${f.substring(3,6)} ${f.substring(6,10)}`}function V(c,f){return f.split(",").map(B=>{const D=s(c,B.trim());return typeof D=="string"?D.charAt(0).toUpperCase():""}).join("")}const g=e.computed(()=>{const B=a.items.length===0?108:a.items.length*52+56;return Math.min(B,a.maxHeight)}),_=e.computed(()=>!a.canEditRecord&&!a.canReadRecord?{}:{"click:row":(c,{item:f})=>{i("show-record",f)}}),h=e.computed(()=>a.headers.filter(c=>c.type&&c.key!=="actions")),S=e.computed(()=>a.headers.some(c=>c.key==="actions"));function F(c){a.showDeleteConfirm?(y.value=c,p.value=!0):i("delete-record",c)}function C(){i("delete-record",y.value),p.value=!1,y.value=null}return(c,f)=>{const B=e.resolveComponent("v-icon"),D=e.resolveComponent("v-img"),H=e.resolveComponent("v-avatar"),de=e.resolveComponent("v-chip"),q=e.resolveComponent("v-btn"),se=e.resolveComponent("v-card-text"),ce=e.resolveComponent("v-spacer"),G=e.resolveComponent("f-button"),me=e.resolveComponent("v-card-actions"),ue=e.resolveComponent("f-dialog");return e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.serverSide?"v-data-table-server":"v-data-table"),e.mergeProps(c.$attrs,{page:l.value,"onUpdate:page":f[0]||(f[0]=m=>l.value=m),"items-per-page":u.value,"onUpdate:itemsPerPage":f[1]||(f[1]=m=>u.value=m),"sort-by":r.value,"onUpdate:sortBy":f[2]||(f[2]=m=>r.value=m),class:"rounded-b-lg",headers:o.headers,items:o.items,"items-length":o.serverSide?o.totalCount:void 0,loading:o.loading,hover:o.hover,density:o.density,height:g.value,"show-select":o.showSelect,"items-per-page-text":o.labelItemsPerPage,"no-data-text":o.labelNoData},e.toHandlers(_.value)),e.createSlots({_:2},[e.renderList(h.value,m=>({name:`item.${m.key}`,fn:e.withCtx(({item:b})=>[e.renderSlot(c.$slots,`item.${m.key}`,{item:b,value:s(b,m.key)},()=>[m.type==="image"?(e.openBlock(),e.createBlock(H,{key:0,rounded:"lg",variant:"elevated",border:""},{default:e.withCtx(()=>[s(b,m.key)?(e.openBlock(),e.createBlock(D,{key:0,src:s(b,m.key),class:"f-data-table__logo"},{error:e.withCtx(()=>[m.imageInitialsKey?(e.openBlock(),e.createElementBlock("span",W,e.toDisplayString(V(b,m.imageInitialsKey)),1)):(e.openBlock(),e.createBlock(B,{key:1,color:"white"},{default:e.withCtx(()=>[...f[5]||(f[5]=[e.createTextVNode("mdi-account",-1)])]),_:1}))]),_:2},1032,["src"])):m.imageInitialsKey?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(V(b,m.imageInitialsKey)),1)):(e.openBlock(),e.createBlock(B,{key:2,color:"white"},{default:e.withCtx(()=>[...f[6]||(f[6]=[e.createTextVNode("mdi-account",-1)])]),_:1}))]),_:2},1024)):m.type==="logo"?(e.openBlock(),e.createBlock(H,{key:1,rounded:"lg",variant:"elevated",border:"",class:"f-data-table__logo-avatar",color:"white"},{default:e.withCtx(()=>[s(b,m.key)?(e.openBlock(),e.createBlock(D,{key:0,src:s(b,m.key),class:"f-data-table__logo"},{error:e.withCtx(()=>[...f[7]||(f[7]=[e.createElementVNode("div",{class:"f-data-table__logo-avatar fill-height"},null,-1)])]),_:1},8,["src"])):e.createCommentVNode("",!0)]),_:2},1024)):m.type==="money"?(e.openBlock(),e.createElementBlock("span",Q,e.toDisplayString(d(s(b,m.key))),1)):m.type==="status"?(e.openBlock(),e.createBlock(de,{key:3,color:s(b,m.key)?"green-darken-1":"red-darken-2",size:"small"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s(b,m.key)?o.labelActive:o.labelPassive),1)]),_:2},1032,["color"])):m.type==="boolean"?(e.openBlock(),e.createBlock(B,{key:4,color:s(b,m.key)?"green-darken-1":"red-darken-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s(b,m.key)?"mdi-check":"mdi-close"),1)]),_:2},1032,["color"])):m.type==="gsmNo"?(e.openBlock(),e.createElementBlock("span",Z,e.toDisplayString(n(s(b,m.key))),1)):e.createCommentVNode("",!0)],!0)])})),S.value?{name:"item.actions",fn:e.withCtx(({item:m})=>[e.renderSlot(c.$slots,"item.actions",{item:m},()=>[e.createElementVNode("div",v,[o.canEditRecord||o.canReadRecord?(e.openBlock(),e.createBlock(q,{key:0,size:"small",variant:"text",icon:o.canEditRecord?"mdi-pencil-outline":"mdi-eye-outline",color:o.canEditRecord?"primary":"secondary",onClick:e.withModifiers(b=>i("show-record",m),["stop"])},null,8,["icon","color","onClick"])):e.createCommentVNode("",!0),o.canDeleteRecord?(e.openBlock(),e.createBlock(q,{key:1,icon:"mdi-trash-can-outline",variant:"text",size:"small",color:"red-darken-2",onClick:e.withModifiers(b=>F(m),["stop"])},null,8,["onClick"])):e.createCommentVNode("",!0)])],!0)]),key:"0"}:void 0,e.renderList(c.$slots,(m,b)=>({name:b,fn:e.withCtx(fe=>[e.renderSlot(c.$slots,b,e.normalizeProps(e.guardReactiveProps(fe??{})),void 0,!0)])}))]),1040,["page","items-per-page","sort-by","headers","items","items-length","loading","hover","density","height","show-select","items-per-page-text","no-data-text"])),e.createVNode(ue,{modelValue:p.value,"onUpdate:modelValue":f[4]||(f[4]=m=>p.value=m),"max-width":"400","hide-close":!0},{header:e.withCtx(()=>[e.createElementVNode("div",ee,e.toDisplayString(o.labelDeleteTitle),1)]),default:e.withCtx(()=>[e.createVNode(se,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.deleteMessageFormatter&&y.value?o.deleteMessageFormatter(y.value):o.labelDeleteMessage),1)]),_:1}),e.createVNode(me,null,{default:e.withCtx(()=>[e.createVNode(ce),e.createVNode(G,{variant:"plain",color:"red-darken-2",text:o.labelDeleteCancel,onClick:f[3]||(f[3]=m=>p.value=!1)},null,8,["text"]),e.createVNode(G,{variant:"tonal",text:o.labelDeleteConfirm,onClick:C},null,8,["text"])]),_:1})]),_:1},8,["modelValue"])])}}}),$=(o,t)=>{const a=o.__vccOpts||o;for(const[i,l]of t)a[i]=l;return a},P=$(te,[["__scopeId","data-v-d5dbcccd"]]);var T=(o=>(o.IMAGE="image",o.MONEY="money",o.STATUS="status",o.BOOLEAN="boolean",o.GSM_NO="gsmNo",o.LOGO="logo",o))(T||{});const R=e.defineComponent({name:"FTextarea",inheritAttrs:!1,__name:"FTextarea",props:{name:{},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},label:{default:""},hideDetails:{type:[Boolean,String],default:"auto"},noResize:{type:Boolean,default:!0},rows:{default:""},modelValue:{default:""},rules:{type:[String,Function],default:""}},setup(o){const t=o,a=e.computed(()=>t.rules),{errorMessage:i,value:l}=x.useField(()=>t.name,a,{initialValue:t.modelValue,syncVModel:!0});return(u,r)=>(e.openBlock(),e.createBlock(e.unref(w.VTextarea),e.mergeProps(u.$attrs,{modelValue:e.unref(l),"onUpdate:modelValue":r[0]||(r[0]=p=>e.isRef(l)?l.value=p:null),name:t.name,rounded:t.rounded,variant:t.variant,rows:t.rows,density:t.density,color:t.color,label:t.label,"hide-details":t.hideDetails,"no-resize":t.noResize,"error-messages":e.unref(i)}),null,16,["modelValue","name","rounded","variant","rows","density","color","label","hide-details","no-resize","error-messages"]))}}),I=e.defineComponent({name:"FAutocomplete",inheritAttrs:!1,__name:"FAutocomplete",props:{name:{},items:{default:()=>[]},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},clearable:{type:Boolean,default:!0},hideDetails:{type:[Boolean,String],default:"auto"},returnObject:{type:Boolean,default:!0},noDataText:{default:""},modelValue:{default:null},rules:{type:[String,Function],default:""}},emits:["change"],setup(o,{emit:t}){const a=t,i=o,l=e.computed(()=>i.rules),{errorMessage:u,value:r}=x.useField(()=>i.name,l,{initialValue:i.modelValue,syncVModel:!0});function p(y){a("change",y)}return(y,s)=>(e.openBlock(),e.createBlock(e.unref(w.VAutocomplete),e.mergeProps(y.$attrs,{modelValue:e.unref(r),"onUpdate:modelValue":[s[0]||(s[0]=d=>e.isRef(r)?r.value=d:null),s[1]||(s[1]=d=>p(e.unref(r)))],name:i.name,items:i.items,rounded:i.rounded,variant:i.variant,density:i.density,color:i.color,clearable:i.clearable,"hide-details":i.hideDetails,"return-object":i.returnObject,"no-data-text":i.noDataText,"error-messages":e.unref(u),"menu-props":{maxWidth:0}}),e.createSlots({_:2},[e.renderList(y.$slots,(d,n)=>({name:n,fn:e.withCtx(V=>[e.renderSlot(y.$slots,n,e.normalizeProps(e.guardReactiveProps(V??{})))])}))]),1040,["modelValue","name","items","rounded","variant","density","color","clearable","hide-details","return-object","no-data-text","error-messages"]))}}),A=e.defineComponent({name:"FCheckbox",inheritAttrs:!1,__name:"FCheckbox",props:{color:{default:"secondary"},hideDetails:{type:[Boolean,String],default:"auto"},indeterminate:{type:Boolean,default:!1},density:{default:"compact"}},setup(o){const t=o;return(a,i)=>(e.openBlock(),e.createBlock(e.unref(w.VCheckbox),e.mergeProps(a.$attrs,{color:t.color,"hide-details":t.hideDetails,indeterminate:t.indeterminate,density:t.density}),null,16,["color","hide-details","indeterminate","density"]))}}),E=e.defineComponent({name:"FCurrencyField",inheritAttrs:!1,__name:"FCurrencyField",props:{name:{},label:{default:""},readonly:{type:Boolean,default:!1},hideDetails:{type:[Boolean,String],default:"auto"},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},locale:{default:"tr-TR"},currency:{default:"TRY"},precision:{default:2},modelValue:{default:null},rules:{type:[String,Function],default:""}},setup(o){const t=o,a=e.computed(()=>t.rules),{errorMessage:i,value:l}=x.useField(()=>t.name,a,{initialValue:t.modelValue,syncVModel:!0}),u=e.computed(()=>new Intl.NumberFormat(t.locale,{style:"currency",currency:t.currency,minimumFractionDigits:t.precision,maximumFractionDigits:t.precision})),r=e.ref(p(t.modelValue));function p(g){return g==null||isNaN(g)?"":u.value.format(g)}function y(g){const _=g.replace(/[^\d,.-]/g,"").replace(/\./g,"").replace(",","."),h=parseFloat(_);return isNaN(h)?null:Math.round(h*Math.pow(10,t.precision))/Math.pow(10,t.precision)}const s=e.ref(!1);function d(g){const _=g.target;r.value=_.value,l.value=y(_.value)}function n(){s.value=!1,r.value=p(l.value)}function V(g){s.value=!0;const _=g.target,h=l.value;h!=null?r.value=h.toFixed(t.precision).replace(".",","):r.value="",setTimeout(()=>_.select(),0)}return e.watch(()=>t.modelValue,g=>{l.value=g,s.value||(r.value=p(g))}),(g,_)=>(e.openBlock(),e.createBlock(e.unref(w.VTextField),e.mergeProps(g.$attrs,{"model-value":r.value,name:t.name,label:t.label,readonly:t.readonly,"hide-details":t.hideDetails,rounded:t.rounded,variant:t.variant,density:t.density,color:t.color,"error-messages":e.unref(i),inputmode:"decimal",onInput:d,onBlur:n,onFocus:V}),null,16,["model-value","name","label","readonly","hide-details","rounded","variant","density","color","error-messages"]))}}),U=e.defineComponent({name:"FSelect",inheritAttrs:!1,__name:"FSelect",props:{name:{},items:{default:()=>[]},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},hideDetails:{type:[Boolean,String],default:"auto"},returnObject:{type:Boolean,default:!1},modelValue:{default:""},rules:{type:[String,Function],default:""}},setup(o){const t=o,a=e.computed(()=>t.rules),{errorMessage:i,value:l}=x.useField(()=>t.name,a,{initialValue:t.modelValue,syncVModel:!0});return(u,r)=>(e.openBlock(),e.createBlock(e.unref(w.VSelect),e.mergeProps(u.$attrs,{modelValue:e.unref(l),"onUpdate:modelValue":r[0]||(r[0]=p=>e.isRef(l)?l.value=p:null),name:t.name,items:t.items,rounded:t.rounded,variant:t.variant,density:t.density,color:t.color,"hide-details":t.hideDetails,"return-object":t.returnObject,"error-messages":e.unref(i)}),e.createSlots({_:2},[e.renderList(u.$slots,(p,y)=>({name:y,fn:e.withCtx(s=>[e.renderSlot(u.$slots,y,e.normalizeProps(e.guardReactiveProps(s??{})))])}))]),1040,["modelValue","name","items","rounded","variant","density","color","hide-details","return-object","error-messages"]))}}),O=e.defineComponent({name:"FNumberField",inheritAttrs:!1,__name:"FNumberField",props:{name:{},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},controlVariant:{default:"stacked"},color:{default:"secondary"},label:{default:""},placeholder:{default:""},prefix:{default:""},hideDetails:{type:[Boolean,String],default:"auto"},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},min:{default:0},precision:{default:0},inset:{type:Boolean,default:!0},modelValue:{default:null},rules:{type:[String,Function],default:""}},setup(o){const t=o,a=e.computed(()=>t.rules),{errorMessage:i,value:l}=x.useField(()=>t.name,a,{initialValue:t.modelValue,syncVModel:!0});return(u,r)=>(e.openBlock(),e.createBlock(e.unref(w.VNumberInput),e.mergeProps(u.$attrs,{modelValue:e.unref(l),"onUpdate:modelValue":r[0]||(r[0]=p=>e.isRef(l)?l.value=p:null),name:t.name,color:t.color,density:t.density,rounded:t.rounded,variant:t.variant,"control-variant":t.controlVariant,"hide-details":t.hideDetails,placeholder:t.placeholder,label:t.label,prefix:t.prefix,disabled:t.disabled,readonly:t.readonly,min:t.min,precision:t.precision,inset:t.inset,"error-messages":e.unref(i)}),null,16,["modelValue","name","color","density","rounded","variant","control-variant","hide-details","placeholder","label","prefix","disabled","readonly","min","precision","inset","error-messages"]))}}),oe={key:0},le={key:1},j=e.defineComponent({name:"FSwitch",inheritAttrs:!1,__name:"FSwitch",props:e.mergeModels({color:{default:"secondary"},density:{default:"comfortable"},hideDetails:{type:[Boolean,String],default:"auto"},labelTrue:{default:""},labelFalse:{default:""}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(o){const t=o,a=e.useModel(o,"modelValue");return(i,l)=>(e.openBlock(),e.createBlock(e.unref(w.VSwitch),e.mergeProps(i.$attrs,{modelValue:a.value,"onUpdate:modelValue":l[0]||(l[0]=u=>a.value=u),color:t.color,"hide-details":t.hideDetails,density:t.density}),e.createSlots({_:2},[t.labelTrue||t.labelFalse?{name:"label",fn:e.withCtx(()=>[a.value?(e.openBlock(),e.createElementBlock("span",oe,e.toDisplayString(t.labelTrue),1)):(e.openBlock(),e.createElementBlock("span",le,e.toDisplayString(t.labelFalse),1))]),key:"0"}:void 0]),1040,["modelValue","color","hide-details","density"]))}}),z=e.defineComponent({name:"FDialog",inheritAttrs:!1,__name:"FDialog",props:e.mergeModels({width:{default:750},persistent:{type:Boolean,default:!0},transition:{default:"slide-y-transition"},hideClose:{type:Boolean,default:!1}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:e.mergeModels(["closeDialog"],["update:modelValue"]),setup(o){const t=o,a=e.useModel(o,"modelValue");return(i,l)=>{const u=e.resolveComponent("v-btn"),r=e.resolveComponent("v-card-title"),p=e.resolveComponent("v-divider"),y=e.resolveComponent("v-card-text"),s=e.resolveComponent("v-card"),d=e.resolveComponent("v-dialog");return e.openBlock(),e.createBlock(d,e.mergeProps(i.$attrs,{modelValue:a.value,"onUpdate:modelValue":l[1]||(l[1]=n=>a.value=n),transition:t.transition,class:"f-dialog",width:t.width,persistent:t.persistent}),{default:e.withCtx(()=>[e.createVNode(s,{class:"f-dialog-card",density:"default",variant:"elevated",rounded:"lg"},{default:e.withCtx(()=>[e.createVNode(r,{class:"d-flex justify-space-between align-center"},{default:e.withCtx(()=>[e.createElementVNode("header",null,[e.renderSlot(i.$slots,"header")]),t.hideClose?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(u,{key:0,icon:"mdi-close",variant:"text",onClick:l[0]||(l[0]=n=>i.$emit("closeDialog"))}))]),_:3}),e.createVNode(p),e.createVNode(y,{class:"py-4 px-1 overflow-auto overflow-x-hidden"},{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3})]),_:3})]),_:3},16,["modelValue","transition","width","persistent"])}}}),ne={class:"d-flex mt-5 mb-n6",style:{width:"100%"}},L=$(e.defineComponent({name:"FTimePicker",inheritAttrs:!1,__name:"FTimePicker",props:{name:{},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},hideDetails:{type:[Boolean,String],default:"auto"},readonly:{type:Boolean,default:!1},modelValue:{default:""},rules:{type:[String,Function],default:""},title:{default:""},labelCancel:{default:"Cancel"},labelConfirm:{default:"Confirm"}},setup(o){const t=o,a=e.computed(()=>t.rules),{errorMessage:i,value:l}=x.useField(()=>t.name,a,{initialValue:t.modelValue||"",syncVModel:!0}),u=e.ref(!1),r=e.ref(l);function p(){l.value=r.value,u.value=!1}function y(s){r.value&&r.value.includes(":")&&(r.value=s.toString().padStart(2,"0")+r.value.substring(r.value.indexOf(":")))}return(s,d)=>{const n=e.resolveComponent("v-spacer"),V=e.resolveComponent("v-time-picker"),g=e.resolveComponent("v-menu"),_=e.resolveComponent("v-text-field");return e.openBlock(),e.createBlock(_,e.mergeProps(s.$attrs,{modelValue:e.unref(l),"onUpdate:modelValue":d[4]||(d[4]=h=>e.isRef(l)?l.value=h:null),"prepend-inner-icon":"mdi-clock-time-four-outline",name:t.name,active:u.value,focus:u.value,density:t.density,rounded:t.rounded,variant:t.variant,"hide-details":t.hideDetails,readonly:t.readonly,"error-messages":e.unref(i)}),{default:e.withCtx(()=>[e.createVNode(g,{modelValue:u.value,"onUpdate:modelValue":d[3]||(d[3]=h=>u.value=h),activator:"parent",location:"center",disabled:t.readonly,"close-on-content-click":!1},{default:e.withCtx(()=>[u.value?(e.openBlock(),e.createBlock(V,{key:0,modelValue:r.value,"onUpdate:modelValue":d[1]||(d[1]=h=>r.value=h),"full-width":"",color:"secondary",format:"24hr",title:t.title,"onUpdate:hour":d[2]||(d[2]=h=>y(h))},{actions:e.withCtx(()=>[e.createElementVNode("div",ne,[e.createVNode(N,{variant:"plain",color:"red-darken-2",text:t.labelCancel,onClick:d[0]||(d[0]=h=>u.value=!1)},null,8,["text"]),e.createVNode(n),e.createVNode(N,{variant:"tonal",text:t.labelConfirm,onClick:p},null,8,["text"])])]),_:1},8,["modelValue","title"])):e.createCommentVNode("",!0)]),_:1},8,["modelValue","disabled"])]),_:1},16,["modelValue","name","active","focus","density","rounded","variant","hide-details","readonly","error-messages"])}}}),[["__scopeId","data-v-7639bf96"]]),ae={class:"position-relative"},X=$(e.defineComponent({name:"FDatePicker",inheritAttrs:!1,__name:"FDatePicker",props:{name:{},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},hideDetails:{type:[Boolean,String],default:"auto"},disabled:{type:Boolean,default:!1},modelValue:{default:""},rules:{type:[String,Function],default:""},max:{default:void 0},min:{default:void 0},locale:{default:"en"},firstDayOfWeek:{default:1},dateFormat:{default:"DD/MM/YYYY"}},setup(o){const t=o,a=e.computed(()=>t.rules);function i(d){if(!d)return"";let n;if(d instanceof Date)n=d;else{const h=d.split("/");h.length===3?n=new Date(Number(h[2]),Number(h[1])-1,Number(h[0])):n=new Date(d)}if(isNaN(n.getTime()))return"";const V=`0${n.getDate()}`.slice(-2),g=`0${n.getMonth()+1}`.slice(-2),_=n.getFullYear();return`${V}/${g}/${_}`}function l(d){if(!d)return null;const n=d.split("/");return n.length===3?new Date(Number(n[2]),Number(n[1])-1,Number(n[0])):null}const{errorMessage:u,value:r}=x.useField(()=>t.name,a,{initialValue:t.modelValue?i(t.modelValue):"",syncVModel:!0}),p=e.ref(null),y=e.ref(!1),s=d=>{r.value=i(d),y.value=!1};return e.onMounted(()=>{p.value=t.modelValue?l(t.modelValue):null}),(d,n)=>{const V=e.resolveComponent("v-text-field"),g=e.resolveComponent("v-date-picker"),_=e.resolveComponent("v-locale-provider"),h=e.resolveComponent("v-btn"),S=e.resolveComponent("v-menu");return e.openBlock(),e.createBlock(S,{modelValue:y.value,"onUpdate:modelValue":n[4]||(n[4]=F=>y.value=F),location:"center",disabled:t.disabled,"close-on-content-click":!1},{activator:e.withCtx(({props:F})=>[e.createVNode(V,e.mergeProps({...d.$attrs,...F},{modelValue:e.unref(r),"onUpdate:modelValue":n[0]||(n[0]=C=>e.isRef(r)?r.value=C:null),"prepend-inner-icon":"mdi-calendar-outline",name:t.name,density:t.density,rounded:t.rounded,variant:t.variant,"hide-details":t.hideDetails,color:t.color,readonly:"","error-messages":e.unref(u),"onClick:clear":n[1]||(n[1]=C=>r.value="")}),null,16,["modelValue","name","density","rounded","variant","hide-details","color","error-messages"])]),default:e.withCtx(()=>[e.createElementVNode("div",ae,[e.createVNode(_,{locale:t.locale},{default:e.withCtx(()=>[e.createVNode(g,{modelValue:p.value,"onUpdate:modelValue":[n[2]||(n[2]=F=>p.value=F),s],title:"",elevation:"10","first-day-of-week":t.firstDayOfWeek,min:t.min,max:t.max,color:t.color,"show-adjacent-months":"",rounded:t.rounded},null,8,["modelValue","first-day-of-week","min","max","color","rounded"])]),_:1},8,["locale"]),e.createVNode(h,{class:"position-absolute top-0 right-0",color:"white",icon:"mdi-close",size:"small",variant:"text",onClick:n[3]||(n[3]=F=>y.value=!1)})])]),_:1},8,["modelValue","disabled"])}}}),[["__scopeId","data-v-f2792853"]]),re={class:"d-flex"},Y=e.defineComponent({name:"FTreeView",inheritAttrs:!1,__name:"FTreeView",props:{items:{default:()=>[]},selectedItems:{default:()=>[]},itemTitle:{default:"name"},label:{default:""},disabled:{type:Boolean,default:!1}},emits:["set-selected-items"],setup(o,{emit:t}){const a=o,i=t,l=e.ref(a.selectedItems),u=e.ref(!1),r=[];function p(s){s.isSelected?l.value.push(s):l.value.splice(l.value.indexOf(s),1);const d=a.items.find(n=>n.id===s.id);if(d)d.children.map(n=>n.isSelected=s.isSelected),s.isSelected&&d.children.forEach(n=>{const V=l.value.findIndex(g=>g.id===n.id);V!==-1&&l.value.splice(V,1)});else{const n=a.items.find(V=>V.id===s.parentId);n&&n.children.every(V=>V.isSelected)&&(n.isSelected=!0)}i("set-selected-items",[...l.value])}function y(s){const d=a.items.find(n=>n.id===s.id);return!d||d.children.every(n=>n.isSelected)?!1:!!d.children.find(n=>n.isSelected)}return(s,d)=>{const n=e.resolveComponent("v-chip"),V=e.resolveComponent("v-text-field"),g=e.resolveComponent("v-list-item"),_=e.resolveComponent("f-checkbox"),h=e.resolveComponent("v-list-group"),S=e.resolveComponent("v-list"),F=e.resolveComponent("v-menu");return e.openBlock(),e.createBlock(F,{modelValue:u.value,"onUpdate:modelValue":d[1]||(d[1]=C=>u.value=C),"max-height":"250px","close-on-content-click":!1,disabled:a.disabled},{activator:e.withCtx(({props:C})=>[e.createVNode(V,e.mergeProps({name:"selectedItems",readonly:""},C,{variant:"outlined",rounded:"lg",density:"compact",color:"secondary","hide-details":"",clearable:!1,label:a.label,active:l.value.length>0}),{"prepend-inner":e.withCtx(()=>[e.createElementVNode("div",re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(c,f)=>(e.openBlock(),e.createBlock(n,{key:f,density:"compact",class:"ml-3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c[a.itemTitle]),1)]),_:2},1024))),128))])]),_:1},16,["label","active"])]),default:e.withCtx(()=>[e.createVNode(S,{density:"compact",nav:"","open-strategy":"single",width:"100%",opened:r,slim:""},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,C=>(e.openBlock(),e.createElementBlock("div",{key:C.id},[C.children?(e.openBlock(),e.createBlock(h,{key:1,value:C.id},{activator:e.withCtx(({props:c})=>[e.createVNode(g,e.mergeProps({ref_for:!0},c,{rounded:"lg",title:C[a.itemTitle]}),{prepend:e.withCtx(()=>[e.createVNode(_,{modelValue:C.isSelected,"onUpdate:modelValue":f=>C.isSelected=f,indeterminate:y(C),onClick:d[0]||(d[0]=e.withModifiers(()=>{},["stop"])),onChange:f=>p(C)},null,8,["modelValue","onUpdate:modelValue","indeterminate","onChange"])]),_:2},1040,["title"])]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.children,c=>(e.openBlock(),e.createElementBlock("div",{key:c.id},[e.createVNode(g,{rounded:"lg",title:c[a.itemTitle],value:c.id},{prepend:e.withCtx(()=>[e.createVNode(_,{modelValue:c.isSelected,"onUpdate:modelValue":f=>c.isSelected=f,onChange:f=>p(c)},null,8,["modelValue","onUpdate:modelValue","onChange"])]),_:2},1032,["title","value"])]))),128))]),_:2},1032,["value"])):(e.openBlock(),e.createBlock(g,{key:0,rounded:"lg",title:C[a.itemTitle],value:C.id},null,8,["title","value"]))]))),128))]),_:1})]),_:1},8,["modelValue","disabled"])}}}),ie={install(o){o.component("FButton",N),o.component("FTextField",M),o.component("FDataTable",P),o.component("FTextarea",R),o.component("FAutocomplete",I),o.component("FCheckbox",A),o.component("FCurrencyField",E),o.component("FSelect",U),o.component("FNumberField",O),o.component("FSwitch",j),o.component("FDialog",z),o.component("FTimePicker",L),o.component("FDatePicker",X),o.component("FTreeView",Y)}};k.FAutocomplete=I,k.FButton=N,k.FCheckbox=A,k.FCurrencyField=E,k.FDataTable=P,k.FDataTableHeaderType=T,k.FDatePicker=X,k.FDialog=z,k.FNumberField=O,k.FSelect=U,k.FSwitch=j,k.FTextField=M,k.FTextarea=R,k.FTimePicker=L,k.FTreeView=Y,k.default=ie,Object.defineProperties(k,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/dist/index.d.ts

@@ -12,6 +12,7 @@ export { FSwitch } from './components/FSwitch';
 export { FDialog } from './components/FDialog';
 export { FTimePicker } from './components/FTimePicker';
 export { FDatePicker } from './components/FDatePicker';
+export { FTreeView } from './components/FTreeView';
 export type { FButtonProps } from './components/FButton';
 export type { FTextFieldProps } from './components/FTextField';
 export type { FDataTableProps, FDataTableHeader } from './components/FDataTable';
@@ -25,6 +26,7 @@ export type { FSwitchProps } from './components/FSwitch';
 export type { FDialogProps } from './components/FDialog';
 export type { FTimePickerProps } from './components/FTimePicker';
 export type { FDatePickerProps } from './components/FDatePicker';
+export type { FTreeViewProps } from './components/FTreeView';
 import { FButton } from './components/FButton';
 import { FTextField } from './components/FTextField';
 import { FDataTable } from './components/FDataTable';
@@ -38,6 +40,7 @@ import { FSwitch } from './components/FSwitch';
 import { FDialog } from './components/FDialog';
 import { FTimePicker } from './components/FTimePicker';
 import { FDatePicker } from './components/FDatePicker';
+import { FTreeView } from './components/FTreeView';
 declare const FinsoComponents: Plugin;
 export default FinsoComponents;
 declare module 'vue' {
@@ -55,5 +58,6 @@ declare module 'vue' {
         FDialog: typeof FDialog;
         FTimePicker: typeof FTimePicker;
         FDatePicker: typeof FDatePicker;
+        FTreeView: typeof FTreeView;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "finso-vue-components",
-  "version": "0.4.21",
+  "version": "0.4.23",
   "description": "Finso Vue 3 + Vuetify UI Component Library",
   "type": "module",
   "main": "./dist/finso-vue-components.umd.cjs",