admins-components 1.2.16 → 1.2.18

package/dist/admins-components.cjs

@@ -1 +1 @@
-"use strict";var W=Object.defineProperty;var A=(u,l,o)=>l in u?W(u,l,{enumerable:!0,configurable:!0,writable:!0,value:o}):u[l]=o;var h=(u,l,o)=>A(u,typeof l!="symbol"?l+"":l,o);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),J={class:"form-check"},q=["checked","id"],K=["for"],N=e.defineComponent({__name:"CheckBox",props:{id:{},label:{},checked:{type:Boolean}},emits:["changed"],setup(u){return(l,o)=>(e.openBlock(),e.createElementBlock("div",J,[e.createElementVNode("input",{class:"form-check-input",type:"checkbox",checked:l.checked,value:"",id:l.id,onChange:o[0]||(o[0]=t=>l.$emit("changed",{id:l.id,checked:t.target.checked}))},null,40,q),e.createElementVNode("label",{class:"form-check-label",for:l.id},e.toDisplayString(l.label),9,K)]))}}),U={class:"cbl-childrend-container"},Q=e.defineComponent({__name:"CheckBoxList",props:{items:{},callback:{type:Function}},setup(u){return(l,o)=>{const t=e.resolveComponent("CheckBoxList",!0);return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,n=>(e.openBlock(),e.createElementBlock("div",{key:n.id,class:"cbl-container"},[e.createVNode(N,{id:n.id,label:n.label,checked:n.checked,onChanged:o[0]||(o[0]=r=>l.callback(r.id,r.checked))},null,8,["id","label","checked"]),e.createElementVNode("div",U,[n.childrend?(e.openBlock(),e.createBlock(t,{key:0,items:n.childrend,callback:l.callback},null,8,["items","callback"])):e.createCommentVNode("",!0)])]))),128)}}}),X=(u,l)=>{const o=u.__vccOpts||u;for(const[t,n]of l)o[t]=n;return o},z=X(Q,[["__scopeId","data-v-ae2832c5"]]),Y=["id"],Z=["disabled"],ee={class:"dd-label"},te={class:"dd-item-list"},oe=["onClick"],E=e.defineComponent({__name:"DropDown",props:{id:{},label:{},selected:{},options:{},opentop:{type:Boolean},disableFilter:{type:Boolean},storeselected:{type:Boolean},filterevent:{type:Boolean},disabled:{type:Boolean}},emits:["selected","filtered"],setup(u,{emit:l}){const o=u;e.watch(o.options,()=>{o.filterevent&&(c.value=o.options.value)}),e.watch(()=>o.selected,()=>{m()}),e.watch(()=>o.label,()=>{m()});const t=l,n=k=>{o.storeselected||(d.value=k.label),t("selected",k)},r="törlés",d=e.ref(""),m=()=>{if(o.options.value){const k=o.options.value.find(v=>v.id==o.selected);k?d.value=k.label:(a(""),d.value=o.label)}};e.onMounted(()=>{o.label&&(d.value=o.label),m(),p="",document.addEventListener("click",function(){B.value=="block"&&(B.value="none")}),window.addEventListener("scrolled",function(){B.value=="block"&&(B.value="none")}),f()});let p="";const a=k=>{p=k,o.filterevent?t("filtered",k):k==""?c.value=o.options.value:c.value=o.options.value.filter(v=>v.label.toLowerCase().includes(k.toLowerCase()))},c=e.ref([]),s=()=>{n({label:o.label,id:""}),a("")},i=()=>{if(B.value=="block"){B.value="none";return}setTimeout(()=>{B.value="block"},10),setTimeout(f,20)},f=()=>{const k=g.value,v=C.value;o.opentop?v.style.top=k.getBoundingClientRect().y-v.offsetHeight+"px":(v.style.top=k.getBoundingClientRect().y+k.offsetHeight+"px",k.getBoundingClientRect().y-v.getBoundingClientRect().y!=-k.offsetHeight&&(v.style.top=parseInt(v.style.top.substring(0,v.style.top.length-2))+(k.getBoundingClientRect().y-v.getBoundingClientRect().y)+k.offsetHeight+"px")),D.value&&D.value.focus()},g=e.ref(null),C=e.ref(null),B=e.ref("none"),D=e.ref(null);return(k,v)=>(e.openBlock(),e.createElementBlock("div",{id:k.id,class:"dd-flex"},[e.createElementVNode("button",{ref_key:"DropDownTriggerButton",ref:g,class:"btn btn-outline-secondary dd-toggle dd-flex",type:"button",disabled:k.disabled,onClick:v[0]||(v[0]=y=>{a(e.unref(p)),i()})},[e.createElementVNode("div",ee,e.toDisplayString(d.value),1)],8,Z),e.createElementVNode("div",{class:"dd-menu",style:e.normalizeStyle({display:B.value}),ref_key:"DropDownMenu",ref:C},[d.value!=o.label?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"btn btn-outline-secondary dd-button",onClick:v[1]||(v[1]=y=>s())},e.toDisplayString(r))):e.createCommentVNode("",!0),k.disableFilter?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("input",{key:1,ref_key:"ddSearch",ref:D,type:"text ",class:"form-control",placeholder:"keresés",onInput:v[2]||(v[2]=y=>a(y.target.value)),onClick:v[3]||(v[3]=y=>y.stopPropagation())},null,544)),e.createElementVNode("div",te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,y=>(e.openBlock(),e.createElementBlock("div",{key:y.id,class:"dd-item",onClick:Nt=>n(y)},[y.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass([y.icon,"dd-item__icon"])},null,2)):e.createCommentVNode("",!0),e.createTextVNode(e.toDisplayString(y.label),1)],8,oe))),128))])],4)],8,Y))}}),le=["id"],ne=["disabled"],se={class:"ddc-row"},ae={class:"ddc-label"},re={class:"dd-item-list"},ie=["onClick"],ce={class:"ddc-item"},de={class:"ddc-label"},ue="törlés",S=e.defineComponent({__name:"DropDownCallBack",props:{id:{},default:{},selected:{},enabled:{type:Boolean},options:{}},setup(u){const l=u,o=c=>{c==l.default&&t.value.callback(""),t.value=c,t.value.callback(t.value.value)},t=e.ref(l.default),n=()=>{if(l.selected&&l.options.value){const c=l.options.value.find(s=>s.value==l.selected);c&&(t.value=c)}};e.onMounted(()=>{n(),document.addEventListener("click",function(){a.value=="block"&&(a.value="none")})});const r=()=>{setTimeout(()=>{a.value="block"},10),setTimeout(()=>{p.value=d.value.offsetHeight},20)},d=e.ref(null),m=e.ref(null),p=e.ref(0),a=e.ref("none");return(c,s)=>(e.openBlock(),e.createElementBlock("div",{class:"ddc-flex",id:c.id},[e.createElementVNode("button",{ref_key:"DropDownTriggerButton",ref:d,class:"btn btn-outline-secondary ddc-button",type:"button",disabled:!c.enabled,onClick:s[0]||(s[0]=i=>r())},[e.createElementVNode("span",se,[e.createElementVNode("i",{class:e.normalizeClass([t.value.icon,"ddc-icon"])},null,2),e.createElementVNode("span",ae,e.toDisplayString(t.value.label),1)])],8,ne),e.createElementVNode("div",{class:"ddc-menu",style:e.normalizeStyle({display:a.value,"margin-top":p.value+"px"}),ref_key:"DropDownMenu",ref:m},[t.value!=l.default?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"btn btn-outline-secondary ddc-button",onClick:s[1]||(s[1]=i=>o(l.default))},e.toDisplayString(ue))):e.createCommentVNode("",!0),e.createElementVNode("div",re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.options.value,i=>(e.openBlock(),e.createElementBlock("div",{key:i.label,class:"ddc-item",onClick:f=>o(i)},[e.createElementVNode("span",ce,[e.createElementVNode("i",{class:e.normalizeClass([i.icon,"ddc-icon"])},null,2),e.createElementVNode("span",de,e.toDisplayString(i.label),1)])],8,ie))),128))])],4)],8,le))}}),pe=["id"],me={key:0,class:"ddm-label"},fe={key:1,class:"ddm-label"},ke=["onClick"],V=e.defineComponent({__name:"DropDownMenu",props:{label:{},icon:{},options:{},item:{},id:{},right:{type:Boolean}},setup(u){const l=u;e.onMounted(()=>{document.addEventListener("click",function(){o.value&&(o.value=!1)})});const o=e.ref(!1),t=()=>{setTimeout(()=>{o.value=!0},10),setTimeout(n,20)},n=()=>{const p=r.value,a=d.value;a.style.top=p.getBoundingClientRect().y+p.offsetHeight+"px",p.getBoundingClientRect().y-a.getBoundingClientRect().y!=-p.offsetHeight&&(a.style.top=parseInt(a.style.top.substring(0,a.style.top.length-2))+(p.getBoundingClientRect().y-a.getBoundingClientRect().y)+p.offsetHeight+"px"),a.style.left=p.getBoundingClientRect().x-(l.right?100:0)+"px"},r=e.ref(null),d=e.ref(null),m=e.ref(0);return(p,a)=>(e.openBlock(),e.createElementBlock("div",{class:"d-flex",id:p.id},[e.createElementVNode("button",{ref_key:"DropDownTriggerButton",ref:r,class:"btn btn-outline-secondary",type:"button",onClick:a[0]||(a[0]=c=>t())},[p.label?(e.openBlock(),e.createElementBlock("span",me,e.toDisplayString(p.label),1)):e.createCommentVNode("",!0),p.icon?(e.openBlock(),e.createElementBlock("span",fe,[e.createElementVNode("i",{class:e.normalizeClass(p.icon)},null,2)])):e.createCommentVNode("",!0)],512),o.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"ddm-menu",ref_key:"DropDownMenu",ref:d,style:e.normalizeStyle({"margin-top":m.value+"px"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.options,c=>(e.openBlock(),e.createElementBlock("div",{key:c.icon,class:"ddm-item",onClick:s=>c.command(p.item)},[e.createElementVNode("i",{class:e.normalizeClass(c.icon)},null,2),e.createTextVNode(e.toDisplayString(c.label),1)],8,ke))),128))],4)):e.createCommentVNode("",!0)],8,pe))}}),ve={class:"fltrc-container"},ge={class:"fltrc-container"},ye=["placeholder","value"],Be={key:1,class:"d-flex flex-row input-group align-items-center"},be=["value"],he=["value"],T=e.defineComponent({__name:"FilterCompact",props:{items:{}},setup(u){const l=u,o=e.ref(0),t=e.ref(0),n=e.computed(()=>l.items[o.value].filter),r=c=>{let s=l.items[t.value];s.filter.filtered(s.filter.key,""),o.value=c,t.value=c,a.value+=1},d=e.ref(void 0);e.onMounted(()=>{let c=[];for(let s=0;s<l.items.length;s++)c.push({icon:l.items[s].icon,label:l.items[s].label,command:()=>r(s)});d.value=c});const m=e.ref({}),p=e.ref(void 0),a=e.ref(0);return(c,s)=>(e.openBlock(),e.createElementBlock("div",ve,[d.value?(e.openBlock(),e.createBlock(V,{key:0,id:"ddm",icon:c.items[o.value].icon,item:c.items[o.value],label:"",options:d.value},null,8,["icon","item","options"])):e.createCommentVNode("",!0),e.createElementVNode("div",ge,[n.value.type=="text"?(e.openBlock(),e.createElementBlock("input",{key:0,type:"text",class:"form-control",placeholder:n.value.placeholder,value:n.value.defaultv??"",onInput:s[0]||(s[0]=i=>{n.value.filtered(n.value.key,i.target.value),n.value.defaultv=i.target.value})},null,40,ye)):e.createCommentVNode("",!0),n.value.type=="date"?(e.openBlock(),e.createElementBlock("div",Be,[e.createElementVNode("input",{type:"date",class:"form-control",value:n.value.defFrom??"",onInput:s[1]||(s[1]=i=>{m.value.from=i.target.value==""?null:i.target.value,n.value.defFrom=i.target.value==""?null:i.target.value,n.value.filtered(n.value.key,m.value)})},null,40,be),s[5]||(s[5]=e.createElementVNode("span",{class:"input-group-text"},"-",-1)),e.createElementVNode("input",{type:"date",class:"form-control",value:n.value.defTill??"",onInput:s[2]||(s[2]=i=>{m.value.untill=i.target.value==""?null:i.target.value,n.value.defTill=i.target.value==""?null:i.target.value,n.value.filtered(n.value.key,m.value)})},null,40,he)])):e.createCommentVNode("",!0),n.value.type=="dropdown"?(e.openBlock(),e.createBlock(E,{key:a.value,selected:p.value,options:n.value.options,filterevent:n.value.filterevent,onFiltered:s[3]||(s[3]=i=>{n.value.onfiltered&&n.value.onfiltered(i)}),id:n.value.key,label:n.value.label,onSelected:s[4]||(s[4]=i=>n.value.filtered(n.value.key,i.id))},null,8,["selected","options","filterevent","id","label"])):e.createCommentVNode("",!0)])]))}}),Ce={class:"fltrctrl-container"},Ee=["placeholder","value"],_e={key:1,class:"d-flex flex-row input-group align-items-center"},Ne=["value"],Ve=["value"];class $e{constructor(l,o,t){h(this,"type");this.key=l,this.placeholder=o,this.filtered=t,this.type="text"}}class De{constructor(l,o,t,n,r,d){h(this,"type");this.key=l,this.label=o,this.options=t,this.filterevent=n,this.onfiltered=r,this.filtered=d,this.type="dropdown"}}class we{constructor(l,o,t,n,r){h(this,"type");this.key=l,this.label=o,this.filtered=t,this.defFrom=n,this.defTill=r,this.type="date"}}const _=e.ref({}),L=e.defineComponent({__name:"FilterControl",props:{item:{}},setup(u){const l=u;e.onMounted(()=>{var t;if(l.item.type=="dropdown"){const n=l.item;o.value=(t=n.options.value.find(r=>r.id==l.item.defaultv))==null?void 0:t.id}});const o=e.ref(void 0);return(t,n)=>(e.openBlock(),e.createElementBlock("div",Ce,[t.item.type=="text"?(e.openBlock(),e.createElementBlock("input",{key:0,type:"text",class:"form-control",placeholder:t.item.placeholder,value:t.item.defaultv??"",onInput:n[0]||(n[0]=r=>t.item.filtered(t.item.key,r.target.value))},null,40,Ee)):e.createCommentVNode("",!0),t.item.type=="date"?(e.openBlock(),e.createElementBlock("div",_e,[e.createElementVNode("input",{type:"date",class:"form-control",value:t.item.defFrom??"",onInput:n[1]||(n[1]=r=>{_.value.from=r.target.value==""?null:r.target.value,t.item.filtered(t.item.key,_.value)})},null,40,Ne),n[5]||(n[5]=e.createElementVNode("span",{class:"input-group-text"},"-",-1)),e.createElementVNode("input",{type:"date",class:"form-control",value:t.item.defTill??"",onInput:n[2]||(n[2]=r=>{_.value.untill=r.target.value==""?null:r.target.value,t.item.filtered(t.item.key,_.value)})},null,40,Ve)])):e.createCommentVNode("",!0),t.item.type=="dropdown"?(e.openBlock(),e.createBlock(E,{key:2,selected:o.value,options:e.ref(t.item.options),filterevent:t.item.filterevent,onFiltered:n[3]||(n[3]=r=>{t.item.onfiltered&&t.item.onfiltered(r)}),id:t.item.key,label:t.item.label,onSelected:n[4]||(n[4]=r=>t.item.filtered(t.item.key,r.id))},null,8,["selected","options","filterevent","id","label"])):e.createCommentVNode("",!0)]))}}),$=e.defineComponent({__name:"IconButton",props:{icon:{},active:{type:Boolean},big:{type:Boolean}},emits:["click"],setup(u,{emit:l}){const o=u,t=e.computed(()=>`${o.icon} ${o.big?"ib-button-big":""}`),n=l;return(r,d)=>(e.openBlock(),e.createElementBlock("div",{onClick:d[0]||(d[0]=m=>n("click")),class:"ib-container"},[e.createElementVNode("div",{class:e.normalizeClass(["ib-button",{"ib-button-active":r.active}])},[e.createElementVNode("i",{class:e.normalizeClass(t.value)},null,2)],2)]))}}),Se={class:"pc-container"},Te=["value","max"],F=e.defineComponent({__name:"PaginatorControl",props:{settings:{}},emits:["pagesize","page"],setup(u,{emit:l}){const o=u,t=l,n=()=>{let a=e.ref([]);return o.settings.value.sizes.forEach(c=>a.value.push({label:c.toString(),id:c.toString()})),a},r=e.ref(1);e.watch(()=>o.settings.value,()=>{r.value=1});const d=e.computed(()=>Math.floor(o.settings.value.total/o.settings.value.pagesize)+1),m=()=>{r.value>1&&(r.value-=1,t("page",r.value))},p=()=>{r.value<d.value&&(r.value+=1,t("page",r.value))};return(a,c)=>(e.openBlock(),e.createElementBlock("div",Se,[e.createElementVNode("button",{class:"btn btn-outline-secondary",onClick:m},"<"),e.createElementVNode("input",{class:"form-control pc-input",type:"number",value:r.value,min:"1",max:d.value,onChange:c[0]||(c[0]=s=>a.$emit("page",s.target.value))},null,40,Te),e.createTextVNode("/"+e.toDisplayString(d.value)+" ",1),e.createElementVNode("button",{class:"btn btn-outline-secondary",onClick:p},">"),e.createVNode(E,{opentop:!0,class:"pc-dropdown",id:"pagecount",label:"10",selected:a.settings.value.pagesize.toString(),options:n(),onSelected:c[1]||(c[1]=s=>{r.value=1,a.$emit("pagesize",parseInt(s.id))})},null,8,["selected","options"])]))}}),Le={class:"form-check"},Fe=["name","id","checked"],Ie=["for"],I=e.defineComponent({__name:"RadioButton",props:{group:{},label:{},id:{},selected:{type:Boolean}},emits:["selected"],setup(u){return(l,o)=>(e.openBlock(),e.createElementBlock("div",Le,[e.createElementVNode("input",{class:"form-check-input",type:"radio",name:l.group,id:l.id,checked:l.selected,onChange:o[0]||(o[0]=t=>l.$emit("selected",l.id))},null,40,Fe),e.createElementVNode("label",{class:"form-check-label",for:l.id},e.toDisplayString(l.label),9,Ie)]))}}),Me={class:"d-flex flex-column gap-2 justify-content-around"},R=e.defineComponent({__name:"RadioButtonGroup",props:{group:{},items:{}},emits:["selected"],setup(u){return(l,o)=>(e.openBlock(),e.createElementBlock("div",Me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,t=>(e.openBlock(),e.createBlock(I,{key:t.id,id:t.id,label:t.label,group:l.group,selected:t.selected,onSelected:o[0]||(o[0]=n=>l.$emit("selected",n))},null,8,["id","label","group","selected"]))),128))]))}}),xe={key:0,class:"spinner-border",role:"status"},H=e.defineComponent({__name:"SpinningProgress",props:{loading:{type:Boolean}},setup(u){return(l,o)=>l.loading?(e.openBlock(),e.createElementBlock("div",xe,o[0]||(o[0]=[e.createElementVNode("span",{class:"visually-hidden"},"Loading...",-1)]))):e.createCommentVNode("",!0)}}),ze={class:"t2l-table-view t2l-table-header-label"},Re={key:0,class:"t2l-select"},He={key:1,class:"t2l-cell"},Oe={class:"t2l-table-view t2l-table-header-filter"},Pe={key:0,class:"t2l-select"},je={key:1,class:"t2l-cell"},Ge={class:"t2l-table-view t2l-rows"},We={key:0,class:"t2l-select"},Ae=["id","onChange"],Je=["innerHTML"],qe={key:1,class:"t2l-cell t2l-actions"},Ke=["title","disabled","onClick"],Ue={class:"t2l-card-view t2l-card-filters"},Qe={class:"t2l-card-filter-order"},Xe={class:"t2l-card-filter-search"},Ye={class:"t2l-card-view t2l-rows"},Ze={key:0,class:"t2l-card-select"},et=["id","onChange"],tt={key:0,class:"t2l-property"},ot={class:"t2l-label"},lt=["innerHTML"],nt={class:"d-flex align-items-center"},st={key:1,class:"d-flex justify-content-center t2l-footer"},O=e.defineComponent({__name:"TableToList",props:{items:{},config:{}},emits:["pagesize","page"],setup(u){const l=u,o=e.computed(()=>l.config.columns.filter(a=>a.visible!=!1)),t=e.computed(()=>l.config.columns.filter(a=>a.visible!=!1&&a.filter)),n=e.computed(()=>o.value.filter(a=>a.sort&&a.sort.active&&a.sort.active.value)),r=e.computed(()=>Math.ceil(o.value.length/l.config.smColCount)),d=(a,c)=>{var s=a-1+(c-1)*r.value;return s<o.value.length?o.value[s]:null},m=(a,c)=>a.converter?a.converter(c[a.property],c):c[a.property],p=a=>{if(a.sort&&a.sort.active){let c=!a.sort.active.value;l.config.columns.forEach(s=>{s.sort&&s.sort.active&&(s.sort.active.value=!1)}),a.sort.active.value=c,a.sort.callback(c?a.property:"")}};return(a,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",ze,[a.config.selectableId?(e.openBlock(),e.createElementBlock("span",Re)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,s=>{var i,f;return e.openBlock(),e.createElementBlock("span",{class:"t2l-cell",key:s.property},[s.sort?(e.openBlock(),e.createBlock($,{key:0,icon:s.sort.icon,onClick:g=>p(s),active:(f=(i=s.sort)==null?void 0:i.active)==null?void 0:f.value},null,8,["icon","onClick","active"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(s.label),1)])}),128)),a.config.actionHeader?(e.openBlock(),e.createElementBlock("span",He,e.toDisplayString(a.config.actionHeader),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Oe,[a.config.selectableId?(e.openBlock(),e.createElementBlock("span",Pe)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,s=>(e.openBlock(),e.createElementBlock("span",{class:"t2l-cell",key:s.label},[s.filter?(e.openBlock(),e.createBlock(L,{key:0,item:s.filter},null,8,["item"])):e.createCommentVNode("",!0)]))),128)),a.config.actionHeader?(e.openBlock(),e.createElementBlock("span",je)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.items,s=>(e.openBlock(),e.createElementBlock("div",{key:s,class:"t2l-row"},[a.config.selectableId?(e.openBlock(),e.createElementBlock("div",We,[e.createElementVNode("input",{class:"form-check-input",type:"checkbox",id:s[a.config.selectableId],onChange:i=>s.selected=!s.selected},null,40,Ae)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,i=>(e.openBlock(),e.createElementBlock("div",{class:"t2l-cell",key:i.property,innerHTML:m(i,s)},null,8,Je))),128)),a.config.actions?(e.openBlock(),e.createElementBlock("div",qe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.config.actions,i=>(e.openBlock(),e.createElementBlock("button",{key:i,type:"button",class:"btn btn-outline-secondary",title:i.label,disabled:!i.enabled(s),onClick:f=>i.command(s)},[e.createElementVNode("i",{class:e.normalizeClass(i.icon)},null,2)],8,Ke))),128))])):e.createCommentVNode("",!0)]))),128))]),e.createElementVNode("div",Ue,[e.createElementVNode("div",Qe,[e.createVNode(S,{id:"card-filter-order",default:{icon:"fa-solid fa-chevron-down",label:"rendezés"},selected:n.value.length>0?n.value[0].property:"",enabled:a.config.sortEnabled,options:e.ref(o.value.filter(s=>s.sort).map(s=>({icon:s.sort.icon,label:s.sort.label,value:s.property,callback:s.sort.callback})))},null,8,["selected","enabled","options"])]),e.createElementVNode("div",Xe,[e.createVNode(T,{items:t.value.map(s=>({filter:s.filter,icon:s.filterIcon,label:s.label}))},null,8,["items"])])]),e.createElementVNode("div",Ye,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.items,(s,i)=>(e.openBlock(),e.createElementBlock("div",{class:"t2l-row",key:i},[a.config.selectableId?(e.openBlock(),e.createElementBlock("div",Ze,[e.createElementVNode("input",{class:"form-check-input",type:"checkbox",id:s[a.config.selectableId],onChange:f=>s.selected=!s.selected},null,40,et)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.config.smColCount,f=>(e.openBlock(),e.createElementBlock("div",{class:"t2l-card-col",key:f},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,g=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:g},[d(g,f)?(e.openBlock(),e.createElementBlock("div",tt,[e.createElementVNode("span",ot,e.toDisplayString(d(g,f).label),1),e.createElementVNode("div",{innerHTML:m(d(g,f),s)},null,8,lt)])):e.createCommentVNode("",!0)],64))),128))]))),128)),e.createElementVNode("div",nt,[l.config.actions?(e.openBlock(),e.createBlock(V,{key:0,item:s,options:l.config.actions,label:"...",id:i.toString(),right:!0},null,8,["item","options","id"])):e.createCommentVNode("",!0)])]))),128))]),a.config.paginatorSettings?(e.openBlock(),e.createBlock(F,{key:0,settings:a.config.paginatorSettings,onPagesize:c[0]||(c[0]=s=>a.$emit("pagesize",s)),onPage:c[1]||(c[1]=s=>a.$emit("page",s))},null,8,["settings"])):e.createCommentVNode("",!0),a.config.paginatorSettings?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",st," Elemek: "+e.toDisplayString(l.items.length),1))],64))}}),at={class:"d-flex flex flex-row"},rt={key:1,class:"d-flex flex-column gap-2 options-body flex-grow-1"},it={class:"d-flex flex-row"},ct={class:"d-flex align-items-end"},dt=["disabled"],P=e.defineComponent({__name:"TableToListOptions",props:{colCount:{},options:{}},emits:["save"],setup(u,{emit:l}){const o=u,t=e.ref([]);e.onMounted(()=>{t.value=o.options,c()});const n=e.computed(()=>o.colCount!=0?Math.ceil(o.options.length/o.colCount):0),r=(s,i)=>{var f=o.options[(s-1)*n.value+i-1];return f},d=()=>{m("save",t.value)},m=l,p=e.ref(!1),a=e.ref(!0),c=()=>{a.value=t.value.filter(s=>s.checked).length<=1};return(s,i)=>(e.openBlock(),e.createElementBlock("div",at,[p.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"d-flex flex-row align-items-center gap-2 options-header justify-content-start",onClick:i[0]||(i[0]=f=>p.value=!p.value)},i[2]||(i[2]=[e.createElementVNode("i",{class:"fa-solid fa-cog"},null,-1),e.createElementVNode("div",{class:"options-header-label"},"beállítások",-1)]))),p.value?(e.openBlock(),e.createElementBlock("div",rt,[i[4]||(i[4]=e.createElementVNode("div",{class:"options-header-label"},"Látható oszlopok",-1)),e.createElementVNode("div",it,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.colCount,f=>(e.openBlock(),e.createElementBlock("div",{class:"d-flex flex-grow-1 flex-column",key:f},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,g=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:g},[r(f,g)?(e.openBlock(),e.createBlock(N,{key:0,id:r(f,g).property,label:r(f,g).label,checked:r(f,g).checked,onChanged:i[1]||(i[1]=C=>{t.value.find(B=>B.property==C.id).checked=C.checked,c()})},null,8,["id","label","checked"])):e.createCommentVNode("",!0)],64))),128))]))),128)),e.createElementVNode("div",ct,[e.createElementVNode("button",{class:"btn btn-outline-secondary",type:"button",onClick:d,disabled:a.value},i[3]||(i[3]=[e.createElementVNode("i",{class:"fa-solid fa-save"},null,-1)]),8,dt)])])])):e.createCommentVNode("",!0)]))}}),ut={class:"tlb-container d-flex flex-column flex-grow-1"},pt={class:"d-flex flex-row tlb-item"},mt={class:"d-flex flex-column flex-grow-1 flex-sm-row justify-content-between tlb-item"},ft=["id"],kt={key:0,class:"d-flex id"},vt={class:"d-flex flex-row align-items-center tlb-children-container"},j=e.defineComponent({__name:"TextListBox",props:{items:{}},emits:["deleted"],setup(u){return(l,o)=>{const t=e.resolveComponent("TextListBox",!0);return e.openBlock(),e.createElementBlock("div",ut,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,n=>(e.openBlock(),e.createElementBlock("div",{class:"d-flex flex-column",key:n.id},[e.createElementVNode("div",pt,[e.createElementVNode("div",mt,[e.createElementVNode("div",{class:"d-flex flex-grow-1",id:n.id},e.toDisplayString(n.label),9,ft),n.showId?(e.openBlock(),e.createElementBlock("div",kt,e.toDisplayString(n.id),1)):e.createCommentVNode("",!0)]),n.hideDelete?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock($,{key:0,icon:"fa-solid fa-trash",onClick:r=>l.$emit("deleted",n.id)},null,8,["onClick"]))]),e.createElementVNode("div",vt,[n.childrend?(e.openBlock(),e.createBlock(t,{key:0,items:n.childrend,showId:n.showId,hideDelete:n.hideDelete},null,8,["items","showId","hideDelete"])):e.createCommentVNode("",!0)])]))),128))])}}}),gt={key:0,class:"toast-container position-fixed bottom-0 start-50 translate-middle-x p-4 toast-zindex"},yt={class:"toast-header"},Bt={class:"me-auto"},bt={class:"text-body-secondary"},ht=["onClick"],Ct=["innerHTML"],x=500,M=e.defineComponent({__name:"ToastComponent",props:{defaultDisplayDuration:{}},setup(u,{expose:l}){const o=u,t=e.ref([]);return l({addToast:r=>{r.displayDuration||(r.displayDuration=o.defaultDisplayDuration),r.id=new Date,t.value.filter(function(d){return d.id!==r.id}),t.value.push(r)}}),setInterval(()=>{t.value=t.value.map(r=>(r.displayDuration-=x,r)),t.value=t.value.filter(r=>r.displayDuration>0)},x),(r,d)=>t.value.length>0?(e.openBlock(),e.createElementBlock("div",gt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,m=>(e.openBlock(),e.createElementBlock("div",{key:m.message,class:e.normalizeClass(["toast d-block",{"toast-info":m.type==="info","toast-success":m.type==="success","toast-warning":m.type==="warning","toast-error":m.type==="error"}]),role:"alert","aria-live":"assertive","aria-atomic":"true"},[e.createElementVNode("div",yt,[e.createElementVNode("strong",Bt,e.toDisplayString(m.title),1),e.createElementVNode("small",bt,e.toDisplayString(m.id.toLocaleTimeString()),1),e.createElementVNode("button",{type:"button",class:"btn-close","data-bs-dismiss":"toast","aria-label":"Close",onClick:p=>t.value=t.value.filter(a=>a.id!==m.id)},null,8,ht)]),e.createElementVNode("div",{class:"toast-body",innerHTML:m.message},null,8,Ct)],2))),128))])):e.createCommentVNode("",!0)}}),G=e.defineComponent({__name:"ToastWrapper",setup(u){const l=e.ref(),o=[{id:"toast-notification-message",handler:t=>{let n=t.detail;l.value.addToast({title:n.title,message:n.message,type:n.severity,displayDuration:n.displayDuration})}},{id:"fetch-error",handler:t=>{let n=t.detail;l.value.addToast({title:n.title,message:n.message,type:"error",displayDuration:1e4})}}];return e.onMounted(()=>{o.forEach(t=>window.addEventListener(t.id,t.handler))}),e.onUnmounted(()=>{o.forEach(t=>window.removeEventListener(t.id,t.handler))}),(t,n)=>(e.openBlock(),e.createBlock(M,{ref_key:"toast",ref:l,defaultDisplayDuration:5e3},null,512))}}),b=class b{};h(b,"getId",(l,o)=>`${l}_${o}`),h(b,"saveOptions",(l,o)=>{localStorage.setItem(l,JSON.stringify(o)),window.location.reload()}),h(b,"cleanOptions",(l,o)=>{for(let t=0;t<localStorage.length;t++)localStorage.key(t).includes(l)&&localStorage.key(t)!=b.getId(l,o)&&localStorage.removeItem(localStorage.key(t))}),h(b,"loadOptions",(l,o,t,n)=>{b.cleanOptions(l,o);const r=b.getId(l,o);if(localStorage.getItem(r))try{n.value=JSON.parse(localStorage.getItem(r)),n.value.forEach(d=>t.columns.find(m=>m.property==d.property).visible=d.checked)}catch{localStorage.removeItem(r),b.loadOptions(l,r,t,n)}else n.value=t.columns.map(d=>(d.visible=!0,{label:d.label,property:d.property,checked:d.visible}))});let w=b;const Et={CheckBox:N,CheckBoxList:z,DropDown:E,DropDownMenu:V,DropDownCallBack:S,FilterCompact:T,FilterControl:L,IconButton:$,PaginatorControl:F,RadioButton:I,RadioButtonGroup:R,SpinningProgress:H,TableToList:O,TableToListOptions:P,TextListBox:j,ToastComponent:M,ToastWrapper:G},_t={install(u){Object.entries(Et).forEach(([l,o])=>{u.component(l,o)})}};exports.CheckBox=N;exports.CheckBoxList=z;exports.DropDown=E;exports.DropDownCallBack=S;exports.DropDownMenu=V;exports.FilterCompact=T;exports.FilterControl=L;exports.FilterDate=we;exports.FilterDropDown=De;exports.FilterText=$e;exports.IconButton=$;exports.PaginatorControl=F;exports.RadioButton=I;exports.RadioButtonGroup=R;exports.SpinningProgress=H;exports.TabelToListOptionsPersister=w;exports.TableToList=O;exports.TableToListOptions=P;exports.TextListBox=j;exports.ToastComponent=M;exports.ToastWrapper=G;exports.default=_t;
+"use strict";var W=Object.defineProperty;var A=(d,l,o)=>l in d?W(d,l,{enumerable:!0,configurable:!0,writable:!0,value:o}):d[l]=o;var h=(d,l,o)=>A(d,typeof l!="symbol"?l+"":l,o);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),J={class:"form-check"},q=["checked","id"],K=["for"],N=e.defineComponent({__name:"CheckBox",props:{id:{},label:{},checked:{type:Boolean}},emits:["changed"],setup(d){return(l,o)=>(e.openBlock(),e.createElementBlock("div",J,[e.createElementVNode("input",{class:"form-check-input",type:"checkbox",checked:l.checked,value:"",id:l.id,onChange:o[0]||(o[0]=t=>l.$emit("changed",{id:l.id,checked:t.target.checked}))},null,40,q),e.createElementVNode("label",{class:"form-check-label",for:l.id},e.toDisplayString(l.label),9,K)]))}}),U={class:"cbl-childrend-container"},Q=e.defineComponent({__name:"CheckBoxList",props:{items:{},callback:{type:Function}},setup(d){return(l,o)=>{const t=e.resolveComponent("CheckBoxList",!0);return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,n=>(e.openBlock(),e.createElementBlock("div",{key:n.id,class:"cbl-container"},[e.createVNode(N,{id:n.id,label:n.label,checked:n.checked,onChanged:o[0]||(o[0]=r=>l.callback(r.id,r.checked))},null,8,["id","label","checked"]),e.createElementVNode("div",U,[n.childrend?(e.openBlock(),e.createBlock(t,{key:0,items:n.childrend,callback:l.callback},null,8,["items","callback"])):e.createCommentVNode("",!0)])]))),128)}}}),X=(d,l)=>{const o=d.__vccOpts||d;for(const[t,n]of l)o[t]=n;return o},z=X(Q,[["__scopeId","data-v-ae2832c5"]]),Y=["id"],Z=["disabled"],ee={class:"dd-label"},te={class:"dd-item-list"},oe=["onClick"],E=e.defineComponent({__name:"DropDown",props:{id:{},label:{},selected:{},options:{},opentop:{type:Boolean},disableFilter:{type:Boolean},storeselected:{type:Boolean},filterevent:{type:Boolean},disabled:{type:Boolean}},emits:["selected","filtered"],setup(d,{emit:l}){const o=d;e.watch(o.options,()=>{o.filterevent&&(c.value=o.options.value)}),e.watch(()=>o.selected,()=>{u()}),e.watch(()=>o.label,()=>{u()});const t=l,n=f=>{o.storeselected||(p.value=f.label),t("selected",f)},r="törlés",p=e.ref(""),u=()=>{if(o.options.value){const f=o.options.value.find(v=>v.id==o.selected);f?p.value=f.label:(a(""),p.value=o.label)}};e.onMounted(()=>{o.label&&(p.value=o.label),u(),m="",document.addEventListener("click",function(){b.value=="block"&&(b.value="none")}),window.addEventListener("scrolled",function(){b.value=="block"&&(b.value="none")}),k()});let m="";const a=f=>{m=f,o.filterevent?t("filtered",f):f==""?c.value=o.options.value:c.value=o.options.value.filter(v=>v.label.toLowerCase().includes(f.toLowerCase()))},c=e.ref([]),s=()=>{n({label:o.label,id:""}),a("")},i=()=>{if(b.value=="block"){b.value="none";return}setTimeout(()=>{b.value="block"},10),setTimeout(k,20)},k=()=>{const f=g.value,v=C.value;o.opentop?v.style.top=f.getBoundingClientRect().y-v.offsetHeight+"px":(v.style.top=f.getBoundingClientRect().y+f.offsetHeight+"px",f.getBoundingClientRect().y-v.getBoundingClientRect().y!=-f.offsetHeight&&(v.style.top=parseInt(v.style.top.substring(0,v.style.top.length-2))+(f.getBoundingClientRect().y-v.getBoundingClientRect().y)+f.offsetHeight+"px")),D.value&&D.value.focus()},g=e.ref(null),C=e.ref(null),b=e.ref("none"),D=e.ref(null);return(f,v)=>(e.openBlock(),e.createElementBlock("div",{id:f.id,class:"dd-flex"},[e.createElementVNode("button",{ref_key:"DropDownTriggerButton",ref:g,class:"btn btn-outline-secondary dd-toggle dd-flex",type:"button",disabled:f.disabled,onClick:v[0]||(v[0]=y=>{a(e.unref(m)),i()})},[e.createElementVNode("div",ee,e.toDisplayString(p.value),1)],8,Z),e.createElementVNode("div",{class:"dd-menu",style:e.normalizeStyle({display:b.value}),ref_key:"DropDownMenu",ref:C},[p.value!=o.label?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"btn btn-outline-secondary dd-button",onClick:v[1]||(v[1]=y=>s())},e.toDisplayString(r))):e.createCommentVNode("",!0),f.disableFilter?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("input",{key:1,ref_key:"ddSearch",ref:D,type:"text ",class:"form-control",placeholder:"keresés",onInput:v[2]||(v[2]=y=>a(y.target.value)),onClick:v[3]||(v[3]=y=>y.stopPropagation())},null,544)),e.createElementVNode("div",te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,y=>(e.openBlock(),e.createElementBlock("div",{key:y.id,class:"dd-item",onClick:Nt=>n(y)},[y.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass([y.icon,"dd-item__icon"])},null,2)):e.createCommentVNode("",!0),e.createTextVNode(e.toDisplayString(y.label),1)],8,oe))),128))])],4)],8,Y))}}),le=["id"],ne=["disabled"],se={class:"ddc-row"},ae={class:"ddc-label"},re={class:"dd-item-list"},ie=["onClick"],ce={class:"ddc-item"},de={class:"ddc-label"},ue="törlés",S=e.defineComponent({__name:"DropDownCallBack",props:{id:{},default:{},selected:{},enabled:{type:Boolean},options:{}},setup(d){const l=d,o=c=>{c==l.default&&t.value.callback(""),t.value=c,t.value.callback(t.value.value)},t=e.ref(l.default),n=()=>{if(l.selected&&l.options.value){const c=l.options.value.find(s=>s.value==l.selected);c&&(t.value=c)}};e.onMounted(()=>{n(),document.addEventListener("click",function(){a.value=="block"&&(a.value="none")})});const r=()=>{setTimeout(()=>{a.value="block"},10),setTimeout(()=>{m.value=p.value.offsetHeight},20)},p=e.ref(null),u=e.ref(null),m=e.ref(0),a=e.ref("none");return(c,s)=>(e.openBlock(),e.createElementBlock("div",{class:"ddc-flex",id:c.id},[e.createElementVNode("button",{ref_key:"DropDownTriggerButton",ref:p,class:"btn btn-outline-secondary ddc-button",type:"button",disabled:!c.enabled,onClick:s[0]||(s[0]=i=>r())},[e.createElementVNode("span",se,[e.createElementVNode("i",{class:e.normalizeClass([t.value.icon,"ddc-icon"])},null,2),e.createElementVNode("span",ae,e.toDisplayString(t.value.label),1)])],8,ne),e.createElementVNode("div",{class:"ddc-menu",style:e.normalizeStyle({display:a.value,"margin-top":m.value+"px"}),ref_key:"DropDownMenu",ref:u},[t.value!=l.default?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"btn btn-outline-secondary ddc-button",onClick:s[1]||(s[1]=i=>o(l.default))},e.toDisplayString(ue))):e.createCommentVNode("",!0),e.createElementVNode("div",re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.options.value,i=>(e.openBlock(),e.createElementBlock("div",{key:i.label,class:"ddc-item",onClick:k=>o(i)},[e.createElementVNode("span",ce,[e.createElementVNode("i",{class:e.normalizeClass([i.icon,"ddc-icon"])},null,2),e.createElementVNode("span",de,e.toDisplayString(i.label),1)])],8,ie))),128))])],4)],8,le))}}),pe=["id"],me={key:0,class:"ddm-label"},ke={key:1,class:"ddm-label"},fe=["onClick"],V=e.defineComponent({__name:"DropDownMenu",props:{label:{},icon:{},options:{},item:{},id:{},right:{type:Boolean}},setup(d){const l=d;e.onMounted(()=>{document.addEventListener("click",function(){o.value&&(o.value=!1)})});const o=e.ref(!1),t=()=>{setTimeout(()=>{o.value=!0},10),setTimeout(n,20)},n=()=>{const m=r.value,a=p.value;a.style.top=m.getBoundingClientRect().y+m.offsetHeight+"px",m.getBoundingClientRect().y-a.getBoundingClientRect().y!=-m.offsetHeight&&(a.style.top=parseInt(a.style.top.substring(0,a.style.top.length-2))+(m.getBoundingClientRect().y-a.getBoundingClientRect().y)+m.offsetHeight+"px"),a.style.left=m.getBoundingClientRect().x-(l.right?100:0)+"px"},r=e.ref(null),p=e.ref(null),u=e.ref(0);return(m,a)=>(e.openBlock(),e.createElementBlock("div",{class:"d-flex",id:m.id},[e.createElementVNode("button",{ref_key:"DropDownTriggerButton",ref:r,class:"btn btn-outline-secondary",type:"button",onClick:a[0]||(a[0]=c=>t())},[m.label?(e.openBlock(),e.createElementBlock("span",me,e.toDisplayString(m.label),1)):e.createCommentVNode("",!0),m.icon?(e.openBlock(),e.createElementBlock("span",ke,[e.createElementVNode("i",{class:e.normalizeClass(m.icon)},null,2)])):e.createCommentVNode("",!0)],512),o.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"ddm-menu",ref_key:"DropDownMenu",ref:p,style:e.normalizeStyle({"margin-top":u.value+"px"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.options,c=>(e.openBlock(),e.createElementBlock("div",{key:c.icon,class:"ddm-item",onClick:s=>c.command(m.item)},[e.createElementVNode("i",{class:e.normalizeClass(c.icon)},null,2),e.createTextVNode(e.toDisplayString(c.label),1)],8,fe))),128))],4)):e.createCommentVNode("",!0)],8,pe))}}),ve={class:"fltrc-container"},ge={class:"fltrc-container"},ye=["placeholder","value"],Be={key:1,class:"d-flex flex-row input-group align-items-center"},be=["value"],he=["value"],T=e.defineComponent({__name:"FilterCompact",props:{items:{}},setup(d){const l=d,o=e.ref(0),t=e.ref(0),n=e.computed(()=>l.items[o.value].filter),r=c=>{let s=l.items[t.value];s.filter.filtered(s.filter.key,""),o.value=c,t.value=c,a.value+=1},p=e.ref(void 0);e.onMounted(()=>{let c=[];for(let s=0;s<l.items.length;s++)c.push({icon:l.items[s].icon,label:l.items[s].label,command:()=>r(s)});p.value=c});const u=e.ref({}),m=e.ref(void 0),a=e.ref(0);return(c,s)=>(e.openBlock(),e.createElementBlock("div",ve,[p.value?(e.openBlock(),e.createBlock(V,{key:0,id:"ddm",icon:c.items[o.value].icon,item:c.items[o.value],label:"",options:p.value},null,8,["icon","item","options"])):e.createCommentVNode("",!0),e.createElementVNode("div",ge,[n.value.type=="text"?(e.openBlock(),e.createElementBlock("input",{key:0,type:"text",class:"form-control",placeholder:n.value.placeholder,value:n.value.defaultv??"",onInput:s[0]||(s[0]=i=>{n.value.filtered(n.value.key,i.target.value),n.value.defaultv=i.target.value})},null,40,ye)):e.createCommentVNode("",!0),n.value.type=="date"?(e.openBlock(),e.createElementBlock("div",Be,[e.createElementVNode("input",{type:"date",class:"form-control",value:n.value.defFrom??"",onInput:s[1]||(s[1]=i=>{u.value.from=i.target.value==""?null:i.target.value,n.value.defFrom=i.target.value==""?null:i.target.value,n.value.filtered(n.value.key,u.value)})},null,40,be),s[5]||(s[5]=e.createElementVNode("span",{class:"input-group-text"},"-",-1)),e.createElementVNode("input",{type:"date",class:"form-control",value:n.value.defTill??"",onInput:s[2]||(s[2]=i=>{u.value.untill=i.target.value==""?null:i.target.value,n.value.defTill=i.target.value==""?null:i.target.value,n.value.filtered(n.value.key,u.value)})},null,40,he)])):e.createCommentVNode("",!0),n.value.type=="dropdown"?(e.openBlock(),e.createBlock(E,{key:a.value,selected:m.value,options:n.value.options,filterevent:n.value.filterevent,onFiltered:s[3]||(s[3]=i=>{n.value.onfiltered&&n.value.onfiltered(i)}),id:n.value.key,label:n.value.label,onSelected:s[4]||(s[4]=i=>n.value.filtered(n.value.key,i.id))},null,8,["selected","options","filterevent","id","label"])):e.createCommentVNode("",!0)])]))}}),Ce={class:"fltrctrl-container"},Ee=["placeholder","value"],_e={key:1,class:"d-flex flex-row input-group align-items-center"},Ne=["value"],Ve=["value"];class $e{constructor(l,o,t){h(this,"type");this.key=l,this.placeholder=o,this.filtered=t,this.type="text"}}class De{constructor(l,o,t,n,r,p){h(this,"type");this.key=l,this.label=o,this.options=t,this.filterevent=n,this.onfiltered=r,this.filtered=p,this.type="dropdown"}}class we{constructor(l,o,t,n,r){h(this,"type");this.key=l,this.label=o,this.filtered=t,this.defFrom=n,this.defTill=r,this.type="date"}}const _=e.ref({}),L=e.defineComponent({__name:"FilterControl",props:{item:{}},setup(d){const l=d;e.onMounted(()=>{var t;if(l.item.type=="dropdown"){const n=l.item;o.value=(t=n.options.value.find(r=>r.id==l.item.defaultv))==null?void 0:t.id}});const o=e.ref(void 0);return(t,n)=>(e.openBlock(),e.createElementBlock("div",Ce,[t.item.type=="text"?(e.openBlock(),e.createElementBlock("input",{key:0,type:"text",class:"form-control",placeholder:t.item.placeholder,value:t.item.defaultv??"",onInput:n[0]||(n[0]=r=>t.item.filtered(t.item.key,r.target.value))},null,40,Ee)):e.createCommentVNode("",!0),t.item.type=="date"?(e.openBlock(),e.createElementBlock("div",_e,[e.createElementVNode("input",{type:"date",class:"form-control",value:t.item.defFrom??"",onInput:n[1]||(n[1]=r=>{_.value.from=r.target.value==""?null:r.target.value,t.item.filtered(t.item.key,_.value)})},null,40,Ne),n[5]||(n[5]=e.createElementVNode("span",{class:"input-group-text"},"-",-1)),e.createElementVNode("input",{type:"date",class:"form-control",value:t.item.defTill??"",onInput:n[2]||(n[2]=r=>{_.value.untill=r.target.value==""?null:r.target.value,t.item.filtered(t.item.key,_.value)})},null,40,Ve)])):e.createCommentVNode("",!0),t.item.type=="dropdown"?(e.openBlock(),e.createBlock(E,{key:2,selected:o.value,options:e.ref(t.item.options),filterevent:t.item.filterevent,onFiltered:n[3]||(n[3]=r=>{t.item.onfiltered&&t.item.onfiltered(r)}),id:t.item.key,label:t.item.label,onSelected:n[4]||(n[4]=r=>t.item.filtered(t.item.key,r.id))},null,8,["selected","options","filterevent","id","label"])):e.createCommentVNode("",!0)]))}}),$=e.defineComponent({__name:"IconButton",props:{icon:{},active:{type:Boolean},big:{type:Boolean}},emits:["click"],setup(d,{emit:l}){const o=d,t=e.computed(()=>`${o.icon} ${o.big?"ib-button-big":""}`),n=l;return(r,p)=>(e.openBlock(),e.createElementBlock("div",{onClick:p[0]||(p[0]=u=>n("click")),class:"ib-container"},[e.createElementVNode("div",{class:e.normalizeClass(["ib-button",{"ib-button-active":r.active}])},[e.createElementVNode("i",{class:e.normalizeClass(t.value)},null,2)],2)]))}}),Se={class:"pc-container"},Te=["value","max"],F=e.defineComponent({__name:"PaginatorControl",props:{settings:{}},emits:["pagesize","page"],setup(d,{emit:l}){const o=d,t=l,n=()=>{let a=e.ref([]);return o.settings.value.sizes.forEach(c=>a.value.push({label:c.toString(),id:c.toString()})),a},r=e.ref(1);e.watch(()=>o.settings.value,()=>{r.value=1});const p=e.computed(()=>Math.floor(o.settings.value.total/o.settings.value.pagesize)+1),u=()=>{r.value>1&&(r.value-=1,t("page",r.value))},m=()=>{r.value<p.value&&(r.value+=1,t("page",r.value))};return(a,c)=>(e.openBlock(),e.createElementBlock("div",Se,[e.createElementVNode("button",{class:"btn btn-outline-secondary",onClick:u},"<"),e.createElementVNode("input",{class:"form-control pc-input",type:"number",value:r.value,min:"1",max:p.value,onChange:c[0]||(c[0]=s=>a.$emit("page",s.target.value))},null,40,Te),e.createTextVNode("/"+e.toDisplayString(p.value)+" ",1),e.createElementVNode("button",{class:"btn btn-outline-secondary",onClick:m},">"),e.createVNode(E,{opentop:!0,class:"pc-dropdown",id:"pagecount",label:"10",selected:a.settings.value.pagesize.toString(),options:n(),onSelected:c[1]||(c[1]=s=>{r.value=1,a.$emit("pagesize",parseInt(s.id))})},null,8,["selected","options"])]))}}),Le={class:"form-check"},Fe=["name","id","checked"],Ie=["for"],I=e.defineComponent({__name:"RadioButton",props:{group:{},label:{},id:{},selected:{type:Boolean}},emits:["selected"],setup(d){return(l,o)=>(e.openBlock(),e.createElementBlock("div",Le,[e.createElementVNode("input",{class:"form-check-input",type:"radio",name:l.group,id:l.id,checked:l.selected,onChange:o[0]||(o[0]=t=>l.$emit("selected",l.id))},null,40,Fe),e.createElementVNode("label",{class:"form-check-label",for:l.id},e.toDisplayString(l.label),9,Ie)]))}}),Me={class:"d-flex flex-column gap-2 justify-content-around"},R=e.defineComponent({__name:"RadioButtonGroup",props:{group:{},items:{}},emits:["selected"],setup(d){return(l,o)=>(e.openBlock(),e.createElementBlock("div",Me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,t=>(e.openBlock(),e.createBlock(I,{key:t.id,id:t.id,label:t.label,group:l.group,selected:t.selected,onSelected:o[0]||(o[0]=n=>l.$emit("selected",n))},null,8,["id","label","group","selected"]))),128))]))}}),xe={key:0,class:"spinner-border",role:"status"},H=e.defineComponent({__name:"SpinningProgress",props:{loading:{type:Boolean}},setup(d){return(l,o)=>l.loading?(e.openBlock(),e.createElementBlock("div",xe,o[0]||(o[0]=[e.createElementVNode("span",{class:"visually-hidden"},"Loading...",-1)]))):e.createCommentVNode("",!0)}}),ze={class:"t2l-table-view t2l-table-header-label"},Re={key:0,class:"t2l-select"},He={key:1,class:"t2l-cell"},Oe={class:"t2l-table-view t2l-table-header-filter"},Pe={key:0,class:"t2l-select"},je={key:1,class:"t2l-cell"},Ge={class:"t2l-table-view t2l-rows"},We={key:0,class:"t2l-select"},Ae=["id","onChange"],Je=["innerHTML"],qe={key:1,class:"t2l-cell t2l-actions"},Ke=["title","disabled","onClick"],Ue={class:"t2l-card-view t2l-card-filters"},Qe={class:"t2l-card-filter-order"},Xe={class:"t2l-card-filter-search"},Ye={class:"t2l-card-view t2l-rows"},Ze={key:0,class:"t2l-card-select"},et=["id","onChange"],tt={key:0,class:"t2l-property"},ot={class:"t2l-label"},lt=["innerHTML"],nt={class:"d-flex align-items-center"},st={key:1,class:"d-flex justify-content-center t2l-footer"},O=e.defineComponent({__name:"TableToList",props:{items:{},config:{}},emits:["pagesize","page"],setup(d){const l=d,o=e.computed(()=>l.config.columns.filter(a=>a.visible!=!1)),t=e.computed(()=>l.config.columns.filter(a=>a.visible!=!1&&a.filter)),n=e.computed(()=>o.value.filter(a=>a.sort&&a.sort.active&&a.sort.active.value)),r=e.computed(()=>Math.ceil(o.value.length/l.config.smColCount)),p=(a,c)=>{var s=a-1+(c-1)*r.value;return s<o.value.length?o.value[s]:null},u=(a,c)=>a.converter?a.converter(c[a.property],c):c[a.property],m=a=>{if(a.sort&&a.sort.active){let c=!a.sort.active.value;l.config.columns.forEach(s=>{s.sort&&s.sort.active&&(s.sort.active.value=!1)}),a.sort.active.value=c,a.sort.callback(c?a.property:"")}};return(a,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",ze,[a.config.selectableId?(e.openBlock(),e.createElementBlock("span",Re)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,s=>{var i,k;return e.openBlock(),e.createElementBlock("span",{class:"t2l-cell",key:s.property},[s.sort?(e.openBlock(),e.createBlock($,{key:0,icon:s.sort.icon,onClick:g=>m(s),active:(k=(i=s.sort)==null?void 0:i.active)==null?void 0:k.value},null,8,["icon","onClick","active"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(s.label),1)])}),128)),a.config.actionHeader?(e.openBlock(),e.createElementBlock("span",He,e.toDisplayString(a.config.actionHeader),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Oe,[a.config.selectableId?(e.openBlock(),e.createElementBlock("span",Pe)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,s=>(e.openBlock(),e.createElementBlock("span",{class:"t2l-cell",key:s.label},[s.filter?(e.openBlock(),e.createBlock(L,{key:0,item:s.filter},null,8,["item"])):e.createCommentVNode("",!0)]))),128)),a.config.actionHeader?(e.openBlock(),e.createElementBlock("span",je)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.items,s=>(e.openBlock(),e.createElementBlock("div",{key:s,class:"t2l-row"},[a.config.selectableId?(e.openBlock(),e.createElementBlock("div",We,[e.createElementVNode("input",{class:"form-check-input",type:"checkbox",id:s[a.config.selectableId],onChange:i=>s.selected=!s.selected},null,40,Ae)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,i=>(e.openBlock(),e.createElementBlock("div",{class:"t2l-cell",key:i.property,innerHTML:u(i,s)},null,8,Je))),128)),a.config.actions?(e.openBlock(),e.createElementBlock("div",qe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.config.actions,i=>(e.openBlock(),e.createElementBlock("button",{key:i,type:"button",class:"btn btn-outline-secondary",title:i.label,disabled:!i.enabled(s),onClick:k=>i.command(s)},[e.createElementVNode("i",{class:e.normalizeClass(i.icon)},null,2)],8,Ke))),128))])):e.createCommentVNode("",!0)]))),128))]),e.createElementVNode("div",Ue,[e.createElementVNode("div",Qe,[e.createVNode(S,{id:"card-filter-order",default:{icon:"fa-solid fa-chevron-down",label:"rendezés"},selected:n.value.length>0?n.value[0].property:"",enabled:a.config.sortEnabled,options:e.ref(o.value.filter(s=>s.sort).map(s=>({icon:s.sort.icon,label:s.sort.label,value:s.property,callback:s.sort.callback})))},null,8,["selected","enabled","options"])]),e.createElementVNode("div",Xe,[e.createVNode(T,{items:t.value.map(s=>({filter:s.filter,icon:s.filterIcon,label:s.label}))},null,8,["items"])])]),e.createElementVNode("div",Ye,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.items,(s,i)=>(e.openBlock(),e.createElementBlock("div",{class:"t2l-row",key:i},[a.config.selectableId?(e.openBlock(),e.createElementBlock("div",Ze,[e.createElementVNode("input",{class:"form-check-input",type:"checkbox",id:s[a.config.selectableId],onChange:k=>s.selected=!s.selected},null,40,et)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.config.smColCount,k=>(e.openBlock(),e.createElementBlock("div",{class:"t2l-card-col",key:k},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,g=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:g},[p(g,k)?(e.openBlock(),e.createElementBlock("div",tt,[e.createElementVNode("span",ot,e.toDisplayString(p(g,k).label),1),e.createElementVNode("div",{innerHTML:u(p(g,k),s)},null,8,lt)])):e.createCommentVNode("",!0)],64))),128))]))),128)),e.createElementVNode("div",nt,[l.config.actions?(e.openBlock(),e.createBlock(V,{key:0,item:s,options:l.config.actions,label:"...",id:i.toString(),right:!0},null,8,["item","options","id"])):e.createCommentVNode("",!0)])]))),128))]),a.config.paginatorSettings?(e.openBlock(),e.createBlock(F,{key:0,settings:a.config.paginatorSettings,onPagesize:c[0]||(c[0]=s=>a.$emit("pagesize",s)),onPage:c[1]||(c[1]=s=>a.$emit("page",s))},null,8,["settings"])):e.createCommentVNode("",!0),a.config.paginatorSettings?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",st," Elemek: "+e.toDisplayString(l.items.length),1))],64))}}),at={class:"d-flex flex flex-row"},rt={key:1,class:"d-flex flex-column gap-2 options-body flex-grow-1"},it={class:"d-flex flex-row"},ct={class:"d-flex align-items-end"},dt=["disabled"],P=e.defineComponent({__name:"TableToListOptions",props:{colCount:{},options:{}},emits:["save"],setup(d,{emit:l}){const o=d,t=e.ref([]);e.onMounted(()=>{t.value=o.options,c()});const n=e.computed(()=>o.colCount!=0?Math.ceil(o.options.length/o.colCount):0),r=(s,i)=>{var k=o.options[(s-1)*n.value+i-1];return k},p=()=>{u("save",t.value)},u=l,m=e.ref(!1),a=e.ref(!0),c=()=>{a.value=t.value.filter(s=>s.checked).length<=1};return(s,i)=>(e.openBlock(),e.createElementBlock("div",at,[m.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"d-flex flex-row align-items-center gap-2 options-header justify-content-start",onClick:i[0]||(i[0]=k=>m.value=!m.value)},i[2]||(i[2]=[e.createElementVNode("i",{class:"fa-solid fa-cog"},null,-1),e.createElementVNode("div",{class:"options-header-label"},"beállítások",-1)]))),m.value?(e.openBlock(),e.createElementBlock("div",rt,[i[4]||(i[4]=e.createElementVNode("div",{class:"options-header-label"},"Látható oszlopok",-1)),e.createElementVNode("div",it,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.colCount,k=>(e.openBlock(),e.createElementBlock("div",{class:"d-flex flex-grow-1 flex-column",key:k},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,g=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:g},[r(k,g)?(e.openBlock(),e.createBlock(N,{key:0,id:r(k,g).property,label:r(k,g).label,checked:r(k,g).checked,onChanged:i[1]||(i[1]=C=>{t.value.find(b=>b.property==C.id).checked=C.checked,c()})},null,8,["id","label","checked"])):e.createCommentVNode("",!0)],64))),128))]))),128)),e.createElementVNode("div",ct,[e.createElementVNode("button",{class:"btn btn-outline-secondary",type:"button",onClick:p,disabled:a.value},i[3]||(i[3]=[e.createElementVNode("i",{class:"fa-solid fa-save"},null,-1)]),8,dt)])])])):e.createCommentVNode("",!0)]))}}),ut={class:"tlb-container d-flex flex-column flex-grow-1"},pt={class:"d-flex flex-row tlb-item"},mt={class:"d-flex flex-column flex-grow-1 flex-sm-row justify-content-between tlb-item"},kt=["id"],ft={key:0,class:"d-flex id"},vt={class:"d-flex flex-row align-items-center tlb-children-container"},j=e.defineComponent({__name:"TextListBox",props:{items:{}},emits:["deleted"],setup(d){return(l,o)=>{const t=e.resolveComponent("TextListBox",!0);return e.openBlock(),e.createElementBlock("div",ut,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,n=>(e.openBlock(),e.createElementBlock("div",{class:"d-flex flex-column",key:n.id},[e.createElementVNode("div",pt,[e.createElementVNode("div",mt,[e.createElementVNode("div",{class:"d-flex flex-grow-1",id:n.id},e.toDisplayString(n.label),9,kt),n.showId?(e.openBlock(),e.createElementBlock("div",ft,e.toDisplayString(n.id),1)):e.createCommentVNode("",!0)]),n.hideDelete?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock($,{key:0,icon:"fa-solid fa-trash",onClick:r=>l.$emit("deleted",n.id)},null,8,["onClick"]))]),e.createElementVNode("div",vt,[n.childrend?(e.openBlock(),e.createBlock(t,{key:0,items:n.childrend,showId:n.showId,hideDelete:n.hideDelete},null,8,["items","showId","hideDelete"])):e.createCommentVNode("",!0)])]))),128))])}}}),gt={key:0,class:"toast-container position-fixed bottom-0 start-50 translate-middle-x p-4 toast-zindex"},yt={class:"toast-header"},Bt={class:"me-auto"},bt={class:"text-body-secondary"},ht=["onClick"],Ct=["innerHTML"],x=500,M=e.defineComponent({__name:"ToastComponent",props:{defaultDisplayDuration:{}},setup(d,{expose:l}){const o=d,t=e.ref([]);return l({addToast:r=>{r.displayDuration||(r.displayDuration=o.defaultDisplayDuration),r.id=new Date,t.value.filter(function(p){return p.id!==r.id}),t.value.push(r)}}),setInterval(()=>{t.value=t.value.map(r=>(r.displayDuration-=x,r)),t.value=t.value.filter(r=>r.displayDuration>0)},x),(r,p)=>t.value.length>0?(e.openBlock(),e.createElementBlock("div",gt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,u=>(e.openBlock(),e.createElementBlock("div",{key:u.message,class:e.normalizeClass(["toast d-block",{"toast-info":u.type==="info","toast-success":u.type==="success","toast-warning":u.type==="warning","toast-error":u.type==="error"}]),role:"alert","aria-live":"assertive","aria-atomic":"true"},[e.createElementVNode("div",yt,[e.createElementVNode("strong",Bt,e.toDisplayString(u.title),1),e.createElementVNode("small",bt,e.toDisplayString(u.id.toLocaleTimeString()),1),e.createElementVNode("button",{type:"button",class:"btn-close","data-bs-dismiss":"toast","aria-label":"Close",onClick:m=>t.value=t.value.filter(a=>a.id!==u.id)},null,8,ht)]),e.createElementVNode("div",{class:"toast-body",innerHTML:u.message},null,8,Ct)],2))),128))])):e.createCommentVNode("",!0)}}),G=e.defineComponent({__name:"ToastWrapper",setup(d){const l=e.ref(),o=[{id:"toast-notification-message",handler:t=>{let n=t.detail;l.value.addToast({title:n.title,message:n.message,type:n.severity,displayDuration:n.displayDuration})}},{id:"fetch-error",handler:t=>{let n=t.detail;l.value.addToast({title:n.title,message:n.message,type:"error",displayDuration:1e4})}}];return e.onMounted(()=>{o.forEach(t=>window.addEventListener(t.id,t.handler))}),e.onUnmounted(()=>{o.forEach(t=>window.removeEventListener(t.id,t.handler))}),(t,n)=>(e.openBlock(),e.createBlock(M,{ref_key:"toast",ref:l,defaultDisplayDuration:5e3},null,512))}}),B=class B{};h(B,"getId",(l,o)=>`${l}_${o}`),h(B,"saveOptions",(l,o,t)=>{localStorage.setItem(B.getId(l,o),JSON.stringify(t)),window.location.reload()}),h(B,"cleanOptions",(l,o)=>{for(let t=0;t<localStorage.length;t++)localStorage.key(t).includes(l)&&localStorage.key(t)!=B.getId(l,o)&&localStorage.removeItem(localStorage.key(t))}),h(B,"loadOptions",(l,o,t,n,r)=>{B.cleanOptions(l,o);const p=B.getId(l,o);if(localStorage.getItem(p))try{r.value=JSON.parse(localStorage.getItem(p)),r.value.forEach(u=>n.columns.find(m=>m.property==u.property).visible=u.checked)}catch{localStorage.removeItem(p),B.loadOptions(l,o,t,n,r)}else t||(t=[]),r.value=n.columns.map(u=>(u.visible=t.indexOf(u.property)==-1,{label:u.label,property:u.property,checked:u.visible}))});let w=B;const Et={CheckBox:N,CheckBoxList:z,DropDown:E,DropDownMenu:V,DropDownCallBack:S,FilterCompact:T,FilterControl:L,IconButton:$,PaginatorControl:F,RadioButton:I,RadioButtonGroup:R,SpinningProgress:H,TableToList:O,TableToListOptions:P,TextListBox:j,ToastComponent:M,ToastWrapper:G},_t={install(d){Object.entries(Et).forEach(([l,o])=>{d.component(l,o)})}};exports.CheckBox=N;exports.CheckBoxList=z;exports.DropDown=E;exports.DropDownCallBack=S;exports.DropDownMenu=V;exports.FilterCompact=T;exports.FilterControl=L;exports.FilterDate=we;exports.FilterDropDown=De;exports.FilterText=$e;exports.IconButton=$;exports.PaginatorControl=F;exports.RadioButton=I;exports.RadioButtonGroup=R;exports.SpinningProgress=H;exports.TabelToListOptionsPersister=w;exports.TableToList=O;exports.TableToListOptions=P;exports.TextListBox=j;exports.ToastComponent=M;exports.ToastWrapper=G;exports.default=_t;

package/dist/admins-components.js

@@ -1,7 +1,7 @@
 var ee = Object.defineProperty;
-var te = (v, l, t) => l in v ? ee(v, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : v[l] = t;
-var F = (v, l, t) => te(v, typeof l != "symbol" ? l + "" : l, t);
-import { defineComponent as w, createElementBlock as a, openBlock as s, createElementVNode as d, toDisplayString as C, resolveComponent as K, Fragment as _, renderList as $, createVNode as z, createBlock as B, createCommentVNode as f, watch as H, ref as y, onMounted as M, unref as le, normalizeStyle as j, createTextVNode as O, normalizeClass as L, computed as x, onUnmounted as oe } from "vue";
+var te = (p, l, t) => l in p ? ee(p, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[l] = t;
+var x = (p, l, t) => te(p, typeof l != "symbol" ? l + "" : l, t);
+import { defineComponent as w, createElementBlock as a, openBlock as s, createElementVNode as d, toDisplayString as C, resolveComponent as K, Fragment as _, renderList as $, createVNode as z, createBlock as B, createCommentVNode as m, watch as H, ref as y, onMounted as M, unref as le, normalizeStyle as j, createTextVNode as N, normalizeClass as L, computed as F, onUnmounted as oe } from "vue";
 const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /* @__PURE__ */ w({
   __name: "CheckBox",
   props: {
@@ -10,7 +10,7 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
     checked: { type: Boolean }
   },
   emits: ["changed"],
-  setup(v) {
+  setup(p) {
     return (l, t) => (s(), a("div", ne, [
       d("input", {
         class: "form-check-input",
@@ -35,7 +35,7 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
     items: {},
     callback: { type: Function }
   },
-  setup(v) {
+  setup(p) {
     return (l, t) => {
       const e = K("CheckBoxList", !0);
       return s(!0), a(_, null, $(l.items, (o) => (s(), a("div", {
@@ -53,17 +53,17 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
             key: 0,
             items: o.childrend,
             callback: l.callback
-          }, null, 8, ["items", "callback"])) : f("", !0)
+          }, null, 8, ["items", "callback"])) : m("", !0)
         ])
       ]))), 128);
     };
   }
-}), de = (v, l) => {
-  const t = v.__vccOpts || v;
+}), de = (p, l) => {
+  const t = p.__vccOpts || p;
   for (const [e, o] of l)
     t[e] = o;
   return t;
-}, ue = /* @__PURE__ */ de(re, [["__scopeId", "data-v-ae2832c5"]]), ce = ["id"], pe = ["disabled"], ve = { class: "dd-label" }, fe = { class: "dd-item-list" }, me = ["onClick"], N = /* @__PURE__ */ w({
+}, ue = /* @__PURE__ */ de(re, [["__scopeId", "data-v-ae2832c5"]]), ce = ["id"], pe = ["disabled"], ve = { class: "dd-label" }, fe = { class: "dd-item-list" }, ge = ["onClick"], O = /* @__PURE__ */ w({
   __name: "DropDown",
   props: {
     id: {},
@@ -77,55 +77,55 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
     disabled: { type: Boolean }
   },
   emits: ["selected", "filtered"],
-  setup(v, { emit: l }) {
-    const t = v;
+  setup(p, { emit: l }) {
+    const t = p;
     H(t.options, () => {
       t.filterevent && (c.value = t.options.value);
     }), H(
       () => t.selected,
       () => {
-        g();
+        v();
       }
     ), H(
       () => t.label,
       () => {
-        g();
+        v();
       }
     );
     const e = l, o = (h) => {
-      t.storeselected || (p.value = h.label), e("selected", h);
-    }, r = "törlés", p = y(""), g = () => {
+      t.storeselected || (f.value = h.label), e("selected", h);
+    }, r = "törlés", f = y(""), v = () => {
       if (t.options.value) {
         const h = t.options.value.find((k) => k.id == t.selected);
-        h ? p.value = h.label : (i(""), p.value = t.label);
+        h ? f.value = h.label : (i(""), f.value = t.label);
       }
     };
     M(() => {
-      t.label && (p.value = t.label), g(), m = "", document.addEventListener("click", function() {
-        I.value == "block" && (I.value = "none");
+      t.label && (f.value = t.label), v(), g = "", document.addEventListener("click", function() {
+        S.value == "block" && (S.value = "none");
       }), window.addEventListener("scrolled", function() {
-        I.value == "block" && (I.value = "none");
+        S.value == "block" && (S.value = "none");
       }), b();
     });
-    let m = "";
+    let g = "";
     const i = (h) => {
-      m = h, t.filterevent ? e("filtered", h) : h == "" ? c.value = t.options.value : c.value = t.options.value.filter(
+      g = h, t.filterevent ? e("filtered", h) : h == "" ? c.value = t.options.value : c.value = t.options.value.filter(
         (k) => k.label.toLowerCase().includes(h.toLowerCase())
       );
     }, c = y([]), n = () => {
       o({ label: t.label, id: "" }), i("");
     }, u = () => {
-      if (I.value == "block") {
-        I.value = "none";
+      if (S.value == "block") {
+        S.value = "none";
         return;
       }
       setTimeout(() => {
-        I.value = "block";
+        S.value = "block";
       }, 10), setTimeout(b, 20);
     }, b = () => {
       const h = D.value, k = R.value;
       t.opentop ? k.style.top = h.getBoundingClientRect().y - k.offsetHeight + "px" : (k.style.top = h.getBoundingClientRect().y + h.offsetHeight + "px", h.getBoundingClientRect().y - k.getBoundingClientRect().y != -h.offsetHeight && (k.style.top = parseInt(k.style.top.substring(0, k.style.top.length - 2)) + (h.getBoundingClientRect().y - k.getBoundingClientRect().y) + h.offsetHeight + "px")), P.value && P.value.focus();
-    }, D = y(null), R = y(null), I = y("none"), P = y(null);
+    }, D = y(null), R = y(null), S = y("none"), P = y(null);
     return (h, k) => (s(), a("div", {
       id: h.id,
       class: "dd-flex"
@@ -137,24 +137,24 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
         type: "button",
         disabled: h.disabled,
         onClick: k[0] || (k[0] = (T) => {
-          i(le(m)), u();
+          i(le(g)), u();
         })
       }, [
-        d("div", ve, C(p.value), 1)
+        d("div", ve, C(f.value), 1)
       ], 8, pe),
       d("div", {
         class: "dd-menu",
-        style: j({ display: I.value }),
+        style: j({ display: S.value }),
         ref_key: "DropDownMenu",
         ref: R
       }, [
-        p.value != t.label ? (s(), a("button", {
+        f.value != t.label ? (s(), a("button", {
           key: 0,
           type: "button",
           class: "btn btn-outline-secondary dd-button",
           onClick: k[1] || (k[1] = (T) => n())
-        }, C(r))) : f("", !0),
-        h.disableFilter ? f("", !0) : (s(), a("input", {
+        }, C(r))) : m("", !0),
+        h.disableFilter ? m("", !0) : (s(), a("input", {
           key: 1,
           ref_key: "ddSearch",
           ref: P,
@@ -173,14 +173,14 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
             T.icon ? (s(), a("i", {
               key: 0,
               class: L([T.icon, "dd-item__icon"])
-            }, null, 2)) : f("", !0),
-            O(C(T.label), 1)
-          ], 8, me))), 128))
+            }, null, 2)) : m("", !0),
+            N(C(T.label), 1)
+          ], 8, ge))), 128))
         ])
       ], 4)
     ], 8, ce));
   }
-}), ge = ["id"], ye = ["disabled"], be = { class: "ddc-row" }, he = { class: "ddc-label" }, ke = { class: "dd-item-list" }, _e = ["onClick"], Ce = { class: "ddc-item" }, $e = { class: "ddc-label" }, we = "törlés", U = /* @__PURE__ */ w({
+}), me = ["id"], ye = ["disabled"], be = { class: "ddc-row" }, he = { class: "ddc-label" }, ke = { class: "dd-item-list" }, _e = ["onClick"], Ce = { class: "ddc-item" }, $e = { class: "ddc-label" }, we = "törlés", U = /* @__PURE__ */ w({
   __name: "DropDownCallBack",
   props: {
     id: {},
@@ -189,8 +189,8 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
     enabled: { type: Boolean },
     options: {}
   },
-  setup(v) {
-    const l = v, t = (c) => {
+  setup(p) {
+    const l = p, t = (c) => {
       c == l.default && e.value.callback(""), e.value = c, e.value.callback(e.value.value);
     }, e = y(l.default), o = () => {
       if (l.selected && l.options.value) {
@@ -209,16 +209,16 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
       setTimeout(() => {
         i.value = "block";
       }, 10), setTimeout(() => {
-        m.value = p.value.offsetHeight;
+        g.value = f.value.offsetHeight;
       }, 20);
-    }, p = y(null), g = y(null), m = y(0), i = y("none");
+    }, f = y(null), v = y(null), g = y(0), i = y("none");
     return (c, n) => (s(), a("div", {
       class: "ddc-flex",
       id: c.id
     }, [
       d("button", {
         ref_key: "DropDownTriggerButton",
-        ref: p,
+        ref: f,
         class: "btn btn-outline-secondary ddc-button",
         type: "button",
         disabled: !c.enabled,
@@ -233,16 +233,16 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
       ], 8, ye),
       d("div", {
         class: "ddc-menu",
-        style: j({ display: i.value, "margin-top": m.value + "px" }),
+        style: j({ display: i.value, "margin-top": g.value + "px" }),
         ref_key: "DropDownMenu",
-        ref: g
+        ref: v
       }, [
         e.value != l.default ? (s(), a("button", {
           key: 0,
           type: "button",
           class: "btn btn-outline-secondary ddc-button",
           onClick: n[1] || (n[1] = (u) => t(l.default))
-        }, C(we))) : f("", !0),
+        }, C(we))) : m("", !0),
         d("div", ke, [
           (s(!0), a(_, null, $(c.options.value, (u) => (s(), a("div", {
             key: u.label,
@@ -258,7 +258,7 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
           ], 8, _e))), 128))
         ])
       ], 4)
-    ], 8, ge));
+    ], 8, me));
   }
 }), De = ["id"], Be = {
   key: 0,
@@ -276,8 +276,8 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
     id: {},
     right: { type: Boolean }
   },
-  setup(v) {
-    const l = v;
+  setup(p) {
+    const l = p;
     M(() => {
       document.addEventListener("click", function() {
         t.value && (t.value = !1);
@@ -288,12 +288,12 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
         t.value = !0;
       }, 10), setTimeout(o, 20);
     }, o = () => {
-      const m = r.value, i = p.value;
-      i.style.top = m.getBoundingClientRect().y + m.offsetHeight + "px", m.getBoundingClientRect().y - i.getBoundingClientRect().y != -m.offsetHeight && (i.style.top = parseInt(i.style.top.substring(0, i.style.top.length - 2)) + (m.getBoundingClientRect().y - i.getBoundingClientRect().y) + m.offsetHeight + "px"), i.style.left = m.getBoundingClientRect().x - (l.right ? 100 : 0) + "px";
-    }, r = y(null), p = y(null), g = y(0);
-    return (m, i) => (s(), a("div", {
+      const g = r.value, i = f.value;
+      i.style.top = g.getBoundingClientRect().y + g.offsetHeight + "px", g.getBoundingClientRect().y - i.getBoundingClientRect().y != -g.offsetHeight && (i.style.top = parseInt(i.style.top.substring(0, i.style.top.length - 2)) + (g.getBoundingClientRect().y - i.getBoundingClientRect().y) + g.offsetHeight + "px"), i.style.left = g.getBoundingClientRect().x - (l.right ? 100 : 0) + "px";
+    }, r = y(null), f = y(null), v = y(0);
+    return (g, i) => (s(), a("div", {
       class: "d-flex",
-      id: m.id
+      id: g.id
     }, [
       d("button", {
         ref_key: "DropDownTriggerButton",
@@ -302,34 +302,34 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
         type: "button",
         onClick: i[0] || (i[0] = (c) => e())
       }, [
-        m.label ? (s(), a("span", Be, C(m.label), 1)) : f("", !0),
-        m.icon ? (s(), a("span", Te, [
+        g.label ? (s(), a("span", Be, C(g.label), 1)) : m("", !0),
+        g.icon ? (s(), a("span", Te, [
           d("i", {
-            class: L(m.icon)
+            class: L(g.icon)
           }, null, 2)
-        ])) : f("", !0)
+        ])) : m("", !0)
       ], 512),
       t.value ? (s(), a("div", {
         key: 0,
         class: "ddm-menu",
         ref_key: "DropDownMenu",
-        ref: p,
-        style: j({ "margin-top": g.value + "px" })
+        ref: f,
+        style: j({ "margin-top": v.value + "px" })
       }, [
-        (s(!0), a(_, null, $(m.options, (c) => (s(), a("div", {
+        (s(!0), a(_, null, $(g.options, (c) => (s(), a("div", {
           key: c.icon,
           class: "ddm-item",
-          onClick: (n) => c.command(m.item)
+          onClick: (n) => c.command(g.item)
         }, [
           d("i", {
             class: L(c.icon)
           }, null, 2),
-          O(C(c.label), 1)
+          N(C(c.label), 1)
         ], 8, Ie))), 128))
-      ], 4)) : f("", !0)
+      ], 4)) : m("", !0)
     ], 8, De));
   }
-}), Se = { class: "fltrc-container" }, Le = { class: "fltrc-container" }, Fe = ["placeholder", "value"], xe = {
+}), Se = { class: "fltrc-container" }, Le = { class: "fltrc-container" }, xe = ["placeholder", "value"], Fe = {
   key: 1,
   class: "d-flex flex-row input-group align-items-center"
 }, Me = ["value"], Re = ["value"], q = /* @__PURE__ */ w({
@@ -337,11 +337,11 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
   props: {
     items: {}
   },
-  setup(v) {
-    const l = v, t = y(0), e = y(0), o = x(() => l.items[t.value].filter), r = (c) => {
+  setup(p) {
+    const l = p, t = y(0), e = y(0), o = F(() => l.items[t.value].filter), r = (c) => {
       let n = l.items[e.value];
       n.filter.filtered(n.filter.key, ""), t.value = c, e.value = c, i.value += 1;
-    }, p = y(void 0);
+    }, f = y(void 0);
     M(() => {
       let c = [];
       for (let n = 0; n < l.items.length; n++)
@@ -350,18 +350,18 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
           label: l.items[n].label,
           command: () => r(n)
         });
-      p.value = c;
+      f.value = c;
     });
-    const g = y({}), m = y(void 0), i = y(0);
+    const v = y({}), g = y(void 0), i = y(0);
     return (c, n) => (s(), a("div", Se, [
-      p.value ? (s(), B(G, {
+      f.value ? (s(), B(G, {
         key: 0,
         id: "ddm",
         icon: c.items[t.value].icon,
         item: c.items[t.value],
         label: "",
-        options: p.value
-      }, null, 8, ["icon", "item", "options"])) : f("", !0),
+        options: f.value
+      }, null, 8, ["icon", "item", "options"])) : m("", !0),
       d("div", Le, [
         o.value.type == "text" ? (s(), a("input", {
           key: 0,
@@ -375,14 +375,14 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
               u.target.value
             ), o.value.defaultv = u.target.value;
           })
-        }, null, 40, Fe)) : f("", !0),
-        o.value.type == "date" ? (s(), a("div", xe, [
+        }, null, 40, xe)) : m("", !0),
+        o.value.type == "date" ? (s(), a("div", Fe, [
           d("input", {
             type: "date",
             class: "form-control",
             value: o.value.defFrom ?? "",
             onInput: n[1] || (n[1] = (u) => {
-              g.value.from = u.target.value == "" ? null : u.target.value, o.value.defFrom = u.target.value == "" ? null : u.target.value, o.value.filtered(o.value.key, g.value);
+              v.value.from = u.target.value == "" ? null : u.target.value, o.value.defFrom = u.target.value == "" ? null : u.target.value, o.value.filtered(o.value.key, v.value);
             })
           }, null, 40, Me),
           n[5] || (n[5] = d("span", { class: "input-group-text" }, "-", -1)),
@@ -391,13 +391,13 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
             class: "form-control",
             value: o.value.defTill ?? "",
             onInput: n[2] || (n[2] = (u) => {
-              g.value.untill = u.target.value == "" ? null : u.target.value, o.value.defTill = u.target.value == "" ? null : u.target.value, o.value.filtered(o.value.key, g.value);
+              v.value.untill = u.target.value == "" ? null : u.target.value, o.value.defTill = u.target.value == "" ? null : u.target.value, o.value.filtered(o.value.key, v.value);
             })
           }, null, 40, Re)
-        ])) : f("", !0),
-        o.value.type == "dropdown" ? (s(), B(N, {
+        ])) : m("", !0),
+        o.value.type == "dropdown" ? (s(), B(O, {
           key: i.value,
-          selected: m.value,
+          selected: g.value,
           options: o.value.options,
           filterevent: o.value.filterevent,
           onFiltered: n[3] || (n[3] = (u) => {
@@ -406,29 +406,29 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
           id: o.value.key,
           label: o.value.label,
           onSelected: n[4] || (n[4] = (u) => o.value.filtered(o.value.key, u.id))
-        }, null, 8, ["selected", "options", "filterevent", "id", "label"])) : f("", !0)
+        }, null, 8, ["selected", "options", "filterevent", "id", "label"])) : m("", !0)
       ])
     ]));
   }
 }), Ee = { class: "fltrctrl-container" }, He = ["placeholder", "value"], ze = {
   key: 1,
   class: "d-flex flex-row input-group align-items-center"
-}, Oe = ["value"], Ne = ["value"];
+}, Ne = ["value"], Oe = ["value"];
 class Gt {
   constructor(l, t, e) {
-    F(this, "type");
+    x(this, "type");
     this.key = l, this.placeholder = t, this.filtered = e, this.type = "text";
   }
 }
 class Wt {
-  constructor(l, t, e, o, r, p) {
-    F(this, "type");
-    this.key = l, this.label = t, this.options = e, this.filterevent = o, this.onfiltered = r, this.filtered = p, this.type = "dropdown";
+  constructor(l, t, e, o, r, f) {
+    x(this, "type");
+    this.key = l, this.label = t, this.options = e, this.filterevent = o, this.onfiltered = r, this.filtered = f, this.type = "dropdown";
   }
 }
 class At {
   constructor(l, t, e, o, r) {
-    F(this, "type");
+    x(this, "type");
     this.key = l, this.label = t, this.filtered = e, this.defFrom = o, this.defTill = r, this.type = "date";
   }
 }
@@ -437,8 +437,8 @@ const E = y({}), Q = /* @__PURE__ */ w({
   props: {
     item: {}
   },
-  setup(v) {
-    const l = v;
+  setup(p) {
+    const l = p;
     M(() => {
       var e;
       if (l.item.type == "dropdown") {
@@ -457,7 +457,7 @@ const E = y({}), Q = /* @__PURE__ */ w({
         placeholder: e.item.placeholder,
         value: e.item.defaultv ?? "",
         onInput: o[0] || (o[0] = (r) => e.item.filtered(e.item.key, r.target.value))
-      }, null, 40, He)) : f("", !0),
+      }, null, 40, He)) : m("", !0),
       e.item.type == "date" ? (s(), a("div", ze, [
         d("input", {
           type: "date",
@@ -466,7 +466,7 @@ const E = y({}), Q = /* @__PURE__ */ w({
           onInput: o[1] || (o[1] = (r) => {
             E.value.from = r.target.value == "" ? null : r.target.value, e.item.filtered(e.item.key, E.value);
           })
-        }, null, 40, Oe),
+        }, null, 40, Ne),
         o[5] || (o[5] = d("span", { class: "input-group-text" }, "-", -1)),
         d("input", {
           type: "date",
@@ -475,9 +475,9 @@ const E = y({}), Q = /* @__PURE__ */ w({
           onInput: o[2] || (o[2] = (r) => {
             E.value.untill = r.target.value == "" ? null : r.target.value, e.item.filtered(e.item.key, E.value);
           })
-        }, null, 40, Ne)
-      ])) : f("", !0),
-      e.item.type == "dropdown" ? (s(), B(N, {
+        }, null, 40, Oe)
+      ])) : m("", !0),
+      e.item.type == "dropdown" ? (s(), B(O, {
         key: 2,
         selected: t.value,
         options: y(e.item.options),
@@ -488,7 +488,7 @@ const E = y({}), Q = /* @__PURE__ */ w({
         id: e.item.key,
         label: e.item.label,
         onSelected: o[4] || (o[4] = (r) => e.item.filtered(e.item.key, r.id))
-      }, null, 8, ["selected", "options", "filterevent", "id", "label"])) : f("", !0)
+      }, null, 8, ["selected", "options", "filterevent", "id", "label"])) : m("", !0)
     ]));
   }
 }), W = /* @__PURE__ */ w({
@@ -499,12 +499,12 @@ const E = y({}), Q = /* @__PURE__ */ w({
     big: { type: Boolean }
   },
   emits: ["click"],
-  setup(v, { emit: l }) {
-    const t = v, e = x(
+  setup(p, { emit: l }) {
+    const t = p, e = F(
       () => `${t.icon} ${t.big ? "ib-button-big" : ""}`
     ), o = l;
-    return (r, p) => (s(), a("div", {
-      onClick: p[0] || (p[0] = (g) => o("click")),
+    return (r, f) => (s(), a("div", {
+      onClick: f[0] || (f[0] = (v) => o("click")),
       class: "ib-container"
     }, [
       d("div", {
@@ -522,8 +522,8 @@ const E = y({}), Q = /* @__PURE__ */ w({
     settings: {}
   },
   emits: ["pagesize", "page"],
-  setup(v, { emit: l }) {
-    const t = v, e = l, o = () => {
+  setup(p, { emit: l }) {
+    const t = p, e = l, o = () => {
       let i = y([]);
       return t.settings.value.sizes.forEach(
         (c) => i.value.push({ label: c.toString(), id: c.toString() })
@@ -535,32 +535,32 @@ const E = y({}), Q = /* @__PURE__ */ w({
         r.value = 1;
       }
     );
-    const p = x(
+    const f = F(
       () => Math.floor(t.settings.value.total / t.settings.value.pagesize) + 1
-    ), g = () => {
+    ), v = () => {
       r.value > 1 && (r.value -= 1, e("page", r.value));
-    }, m = () => {
-      r.value < p.value && (r.value += 1, e("page", r.value));
+    }, g = () => {
+      r.value < f.value && (r.value += 1, e("page", r.value));
     };
     return (i, c) => (s(), a("div", Pe, [
       d("button", {
         class: "btn btn-outline-secondary",
-        onClick: g
+        onClick: v
       }, "<"),
       d("input", {
         class: "form-control pc-input",
         type: "number",
         value: r.value,
         min: "1",
-        max: p.value,
+        max: f.value,
         onChange: c[0] || (c[0] = (n) => i.$emit("page", n.target.value))
       }, null, 40, je),
-      O("/" + C(p.value) + " ", 1),
+      N("/" + C(f.value) + " ", 1),
       d("button", {
         class: "btn btn-outline-secondary",
-        onClick: m
+        onClick: g
       }, ">"),
-      z(N, {
+      z(O, {
         opentop: !0,
         class: "pc-dropdown",
         id: "pagecount",
@@ -582,7 +582,7 @@ const E = y({}), Q = /* @__PURE__ */ w({
     selected: { type: Boolean }
   },
   emits: ["selected"],
-  setup(v) {
+  setup(p) {
     return (l, t) => (s(), a("div", Ve, [
       d("input", {
         class: "form-check-input",
@@ -605,7 +605,7 @@ const E = y({}), Q = /* @__PURE__ */ w({
     items: {}
   },
   emits: ["selected"],
-  setup(v) {
+  setup(p) {
     return (l, t) => (s(), a("div", Ae, [
       (s(!0), a(_, null, $(l.items, (e) => (s(), B(Y, {
         key: e.id,
@@ -626,10 +626,10 @@ const E = y({}), Q = /* @__PURE__ */ w({
   props: {
     loading: { type: Boolean }
   },
-  setup(v) {
+  setup(p) {
     return (l, t) => l.loading ? (s(), a("div", Ke, t[0] || (t[0] = [
       d("span", { class: "visually-hidden" }, "Loading...", -1)
-    ]))) : f("", !0);
+    ]))) : m("", !0);
   }
 }), qe = { class: "t2l-table-view t2l-table-header-label" }, Qe = {
   key: 0,
@@ -655,7 +655,7 @@ const E = y({}), Q = /* @__PURE__ */ w({
 }, pt = ["id", "onChange"], vt = {
   key: 0,
   class: "t2l-property"
-}, ft = { class: "t2l-label" }, mt = ["innerHTML"], gt = { class: "d-flex align-items-center" }, yt = {
+}, ft = { class: "t2l-label" }, gt = ["innerHTML"], mt = { class: "d-flex align-items-center" }, yt = {
   key: 1,
   class: "d-flex justify-content-center t2l-footer"
 }, bt = /* @__PURE__ */ w({
@@ -665,19 +665,19 @@ const E = y({}), Q = /* @__PURE__ */ w({
     config: {}
   },
   emits: ["pagesize", "page"],
-  setup(v) {
-    const l = v, t = x(
+  setup(p) {
+    const l = p, t = F(
       () => l.config.columns.filter((i) => i.visible != !1)
-    ), e = x(
+    ), e = F(
       () => l.config.columns.filter((i) => i.visible != !1 && i.filter)
-    ), o = x(
+    ), o = F(
       () => t.value.filter(
         (i) => i.sort && i.sort.active && i.sort.active.value
       )
-    ), r = x(() => Math.ceil(t.value.length / l.config.smColCount)), p = (i, c) => {
+    ), r = F(() => Math.ceil(t.value.length / l.config.smColCount)), f = (i, c) => {
       var n = i - 1 + (c - 1) * r.value;
       return n < t.value.length ? t.value[n] : null;
-    }, g = (i, c) => i.converter ? i.converter(c[i.property], c) : c[i.property], m = (i) => {
+    }, v = (i, c) => i.converter ? i.converter(c[i.property], c) : c[i.property], g = (i) => {
       if (i.sort && i.sort.active) {
         let c = !i.sort.active.value;
         l.config.columns.forEach((n) => {
@@ -687,7 +687,7 @@ const E = y({}), Q = /* @__PURE__ */ w({
     };
     return (i, c) => (s(), a(_, null, [
       d("div", qe, [
-        i.config.selectableId ? (s(), a("span", Qe)) : f("", !0),
+        i.config.selectableId ? (s(), a("span", Qe)) : m("", !0),
         (s(!0), a(_, null, $(t.value, (n) => {
           var u, b;
           return s(), a("span", {
@@ -697,16 +697,16 @@ const E = y({}), Q = /* @__PURE__ */ w({
             n.sort ? (s(), B(W, {
               key: 0,
               icon: n.sort.icon,
-              onClick: (D) => m(n),
+              onClick: (D) => g(n),
               active: (b = (u = n.sort) == null ? void 0 : u.active) == null ? void 0 : b.value
-            }, null, 8, ["icon", "onClick", "active"])) : f("", !0),
-            O(" " + C(n.label), 1)
+            }, null, 8, ["icon", "onClick", "active"])) : m("", !0),
+            N(" " + C(n.label), 1)
           ]);
         }), 128)),
-        i.config.actionHeader ? (s(), a("span", Xe, C(i.config.actionHeader), 1)) : f("", !0)
+        i.config.actionHeader ? (s(), a("span", Xe, C(i.config.actionHeader), 1)) : m("", !0)
       ]),
       d("div", Ye, [
-        i.config.selectableId ? (s(), a("span", Ze)) : f("", !0),
+        i.config.selectableId ? (s(), a("span", Ze)) : m("", !0),
         (s(!0), a(_, null, $(t.value, (n) => (s(), a("span", {
           class: "t2l-cell",
           key: n.label
@@ -714,9 +714,9 @@ const E = y({}), Q = /* @__PURE__ */ w({
           n.filter ? (s(), B(Q, {
             key: 0,
             item: n.filter
-          }, null, 8, ["item"])) : f("", !0)
+          }, null, 8, ["item"])) : m("", !0)
         ]))), 128)),
-        i.config.actionHeader ? (s(), a("span", et)) : f("", !0)
+        i.config.actionHeader ? (s(), a("span", et)) : m("", !0)
       ]),
       d("div", tt, [
         (s(!0), a(_, null, $(i.items, (n) => (s(), a("div", {
@@ -730,11 +730,11 @@ const E = y({}), Q = /* @__PURE__ */ w({
               id: n[i.config.selectableId],
               onChange: (u) => n.selected = !n.selected
             }, null, 40, ot)
-          ])) : f("", !0),
+          ])) : m("", !0),
           (s(!0), a(_, null, $(t.value, (u) => (s(), a("div", {
             class: "t2l-cell",
             key: u.property,
-            innerHTML: g(u, n)
+            innerHTML: v(u, n)
           }, null, 8, nt))), 128)),
           i.config.actions ? (s(), a("div", st, [
             (s(!0), a(_, null, $(i.config.actions, (u) => (s(), a("button", {
@@ -749,7 +749,7 @@ const E = y({}), Q = /* @__PURE__ */ w({
                 class: L(u.icon)
               }, null, 2)
             ], 8, it))), 128))
-          ])) : f("", !0)
+          ])) : m("", !0)
         ]))), 128))
       ]),
       d("div", at, [
@@ -794,21 +794,21 @@ const E = y({}), Q = /* @__PURE__ */ w({
               id: n[i.config.selectableId],
               onChange: (b) => n.selected = !n.selected
             }, null, 40, pt)
-          ])) : f("", !0),
+          ])) : m("", !0),
           (s(!0), a(_, null, $(i.config.smColCount, (b) => (s(), a("div", {
             class: "t2l-card-col",
             key: b
           }, [
             (s(!0), a(_, null, $(r.value, (D) => (s(), a(_, { key: D }, [
-              p(D, b) ? (s(), a("div", vt, [
-                d("span", ft, C(p(D, b).label), 1),
+              f(D, b) ? (s(), a("div", vt, [
+                d("span", ft, C(f(D, b).label), 1),
                 d("div", {
-                  innerHTML: g(p(D, b), n)
-                }, null, 8, mt)
-              ])) : f("", !0)
+                  innerHTML: v(f(D, b), n)
+                }, null, 8, gt)
+              ])) : m("", !0)
             ], 64))), 128))
           ]))), 128)),
-          d("div", gt, [
+          d("div", mt, [
             l.config.actions ? (s(), B(G, {
               key: 0,
               item: n,
@@ -816,7 +816,7 @@ const E = y({}), Q = /* @__PURE__ */ w({
               label: "...",
               id: u.toString(),
               right: !0
-            }, null, 8, ["item", "options", "id"])) : f("", !0)
+            }, null, 8, ["item", "options", "id"])) : m("", !0)
           ])
         ]))), 128))
       ]),
@@ -825,8 +825,8 @@ const E = y({}), Q = /* @__PURE__ */ w({
         settings: i.config.paginatorSettings,
         onPagesize: c[0] || (c[0] = (n) => i.$emit("pagesize", n)),
         onPage: c[1] || (c[1] = (n) => i.$emit("page", n))
-      }, null, 8, ["settings"])) : f("", !0),
-      i.config.paginatorSettings ? f("", !0) : (s(), a("div", yt, " Elemek: " + C(l.items.length), 1))
+      }, null, 8, ["settings"])) : m("", !0),
+      i.config.paginatorSettings ? m("", !0) : (s(), a("div", yt, " Elemek: " + C(l.items.length), 1))
     ], 64));
   }
 }), ht = { class: "d-flex flex flex-row" }, kt = {
@@ -839,31 +839,31 @@ const E = y({}), Q = /* @__PURE__ */ w({
     options: {}
   },
   emits: ["save"],
-  setup(v, { emit: l }) {
-    const t = v, e = y([]);
+  setup(p, { emit: l }) {
+    const t = p, e = y([]);
     M(() => {
       e.value = t.options, c();
     });
-    const o = x(
+    const o = F(
       () => t.colCount != 0 ? Math.ceil(t.options.length / t.colCount) : 0
     ), r = (n, u) => {
       var b = t.options[(n - 1) * o.value + u - 1];
       return b;
-    }, p = () => {
-      g("save", e.value);
-    }, g = l, m = y(!1), i = y(!0), c = () => {
+    }, f = () => {
+      v("save", e.value);
+    }, v = l, g = y(!1), i = y(!0), c = () => {
       i.value = e.value.filter((n) => n.checked).length <= 1;
     };
     return (n, u) => (s(), a("div", ht, [
-      m.value ? f("", !0) : (s(), a("div", {
+      g.value ? m("", !0) : (s(), a("div", {
         key: 0,
         class: "d-flex flex-row align-items-center gap-2 options-header justify-content-start",
-        onClick: u[0] || (u[0] = (b) => m.value = !m.value)
+        onClick: u[0] || (u[0] = (b) => g.value = !g.value)
       }, u[2] || (u[2] = [
         d("i", { class: "fa-solid fa-cog" }, null, -1),
         d("div", { class: "options-header-label" }, "beállítások", -1)
       ]))),
-      m.value ? (s(), a("div", kt, [
+      g.value ? (s(), a("div", kt, [
         u[4] || (u[4] = d("div", { class: "options-header-label" }, "Látható oszlopok", -1)),
         d("div", _t, [
           (s(!0), a(_, null, $(n.colCount, (b) => (s(), a("div", {
@@ -878,36 +878,36 @@ const E = y({}), Q = /* @__PURE__ */ w({
                 checked: r(b, D).checked,
                 onChanged: u[1] || (u[1] = (R) => {
                   e.value.find(
-                    (I) => I.property == R.id
+                    (S) => S.property == R.id
                   ).checked = R.checked, c();
                 })
-              }, null, 8, ["id", "label", "checked"])) : f("", !0)
+              }, null, 8, ["id", "label", "checked"])) : m("", !0)
             ], 64))), 128))
           ]))), 128)),
           d("div", Ct, [
             d("button", {
               class: "btn btn-outline-secondary",
               type: "button",
-              onClick: p,
+              onClick: f,
               disabled: i.value
             }, u[3] || (u[3] = [
               d("i", { class: "fa-solid fa-save" }, null, -1)
             ]), 8, $t)
           ])
         ])
-      ])) : f("", !0)
+      ])) : m("", !0)
     ]));
   }
 }), Dt = { class: "tlb-container d-flex flex-column flex-grow-1" }, Bt = { class: "d-flex flex-row tlb-item" }, Tt = { class: "d-flex flex-column flex-grow-1 flex-sm-row justify-content-between tlb-item" }, It = ["id"], St = {
   key: 0,
   class: "d-flex id"
-}, Lt = { class: "d-flex flex-row align-items-center tlb-children-container" }, Ft = /* @__PURE__ */ w({
+}, Lt = { class: "d-flex flex-row align-items-center tlb-children-container" }, xt = /* @__PURE__ */ w({
   __name: "TextListBox",
   props: {
     items: {}
   },
   emits: ["deleted"],
-  setup(v) {
+  setup(p) {
     return (l, t) => {
       const e = K("TextListBox", !0);
       return s(), a("div", Dt, [
@@ -921,9 +921,9 @@ const E = y({}), Q = /* @__PURE__ */ w({
                 class: "d-flex flex-grow-1",
                 id: o.id
               }, C(o.label), 9, It),
-              o.showId ? (s(), a("div", St, C(o.id), 1)) : f("", !0)
+              o.showId ? (s(), a("div", St, C(o.id), 1)) : m("", !0)
             ]),
-            o.hideDelete ? f("", !0) : (s(), B(W, {
+            o.hideDelete ? m("", !0) : (s(), B(W, {
               key: 0,
               icon: "fa-solid fa-trash",
               onClick: (r) => l.$emit("deleted", o.id)
@@ -935,13 +935,13 @@ const E = y({}), Q = /* @__PURE__ */ w({
               items: o.childrend,
               showId: o.showId,
               hideDelete: o.hideDelete
-            }, null, 8, ["items", "showId", "hideDelete"])) : f("", !0)
+            }, null, 8, ["items", "showId", "hideDelete"])) : m("", !0)
           ])
         ]))), 128))
       ]);
     };
   }
-}), xt = {
+}), Ft = {
   key: 0,
   class: "toast-container position-fixed bottom-0 start-50 translate-middle-x p-4 toast-zindex"
 }, Mt = { class: "toast-header" }, Rt = { class: "me-auto" }, Et = { class: "text-body-secondary" }, Ht = ["onClick"], zt = ["innerHTML"], A = 500, Z = /* @__PURE__ */ w({
@@ -949,50 +949,50 @@ const E = y({}), Q = /* @__PURE__ */ w({
   props: {
     defaultDisplayDuration: {}
   },
-  setup(v, { expose: l }) {
-    const t = v, e = y([]);
+  setup(p, { expose: l }) {
+    const t = p, e = y([]);
     return l({
       addToast: (r) => {
-        r.displayDuration || (r.displayDuration = t.defaultDisplayDuration), r.id = /* @__PURE__ */ new Date(), e.value.filter(function(p) {
-          return p.id !== r.id;
+        r.displayDuration || (r.displayDuration = t.defaultDisplayDuration), r.id = /* @__PURE__ */ new Date(), e.value.filter(function(f) {
+          return f.id !== r.id;
         }), e.value.push(r);
       }
     }), setInterval(() => {
       e.value = e.value.map((r) => (r.displayDuration -= A, r)), e.value = e.value.filter((r) => r.displayDuration > 0);
-    }, A), (r, p) => e.value.length > 0 ? (s(), a("div", xt, [
-      (s(!0), a(_, null, $(e.value, (g) => (s(), a("div", {
-        key: g.message,
+    }, A), (r, f) => e.value.length > 0 ? (s(), a("div", Ft, [
+      (s(!0), a(_, null, $(e.value, (v) => (s(), a("div", {
+        key: v.message,
         class: L(["toast d-block", {
-          "toast-info": g.type === "info",
-          "toast-success": g.type === "success",
-          "toast-warning": g.type === "warning",
-          "toast-error": g.type === "error"
+          "toast-info": v.type === "info",
+          "toast-success": v.type === "success",
+          "toast-warning": v.type === "warning",
+          "toast-error": v.type === "error"
         }]),
         role: "alert",
         "aria-live": "assertive",
         "aria-atomic": "true"
       }, [
         d("div", Mt, [
-          d("strong", Rt, C(g.title), 1),
-          d("small", Et, C(g.id.toLocaleTimeString()), 1),
+          d("strong", Rt, C(v.title), 1),
+          d("small", Et, C(v.id.toLocaleTimeString()), 1),
           d("button", {
             type: "button",
             class: "btn-close",
             "data-bs-dismiss": "toast",
             "aria-label": "Close",
-            onClick: (m) => e.value = e.value.filter((i) => i.id !== g.id)
+            onClick: (g) => e.value = e.value.filter((i) => i.id !== v.id)
           }, null, 8, Ht)
         ]),
         d("div", {
           class: "toast-body",
-          innerHTML: g.message
+          innerHTML: v.message
         }, null, 8, zt)
       ], 2))), 128))
-    ])) : f("", !0);
+    ])) : m("", !0);
   }
-}), Ot = /* @__PURE__ */ w({
+}), Nt = /* @__PURE__ */ w({
   __name: "ToastWrapper",
-  setup(v) {
+  setup(p) {
     const l = y(), t = [
       {
         id: "toast-notification-message",
@@ -1029,36 +1029,36 @@ const E = y({}), Q = /* @__PURE__ */ w({
       defaultDisplayDuration: 5e3
     }, null, 512));
   }
-}), S = class S {
+}), I = class I {
 };
-F(S, "getId", (l, t) => `${l}_${t}`), F(S, "saveOptions", (l, t) => {
-  localStorage.setItem(l, JSON.stringify(t)), window.location.reload();
-}), F(S, "cleanOptions", (l, t) => {
+x(I, "getId", (l, t) => `${l}_${t}`), x(I, "saveOptions", (l, t, e) => {
+  localStorage.setItem(I.getId(l, t), JSON.stringify(e)), window.location.reload();
+}), x(I, "cleanOptions", (l, t) => {
   for (let e = 0; e < localStorage.length; e++)
-    localStorage.key(e).includes(l) && localStorage.key(e) != S.getId(l, t) && localStorage.removeItem(localStorage.key(e));
-}), F(S, "loadOptions", (l, t, e, o) => {
-  S.cleanOptions(l, t);
-  const r = S.getId(l, t);
-  if (localStorage.getItem(r))
+    localStorage.key(e).includes(l) && localStorage.key(e) != I.getId(l, t) && localStorage.removeItem(localStorage.key(e));
+}), x(I, "loadOptions", (l, t, e, o, r) => {
+  I.cleanOptions(l, t);
+  const f = I.getId(l, t);
+  if (localStorage.getItem(f))
     try {
-      o.value = JSON.parse(localStorage.getItem(r)), o.value.forEach(
-        (p) => e.columns.find((g) => g.property == p.property).visible = p.checked
+      r.value = JSON.parse(localStorage.getItem(f)), r.value.forEach(
+        (v) => o.columns.find((g) => g.property == v.property).visible = v.checked
       );
     } catch {
-      localStorage.removeItem(r), S.loadOptions(l, r, e, o);
+      localStorage.removeItem(f), I.loadOptions(l, t, e, o, r);
     }
   else
-    o.value = e.columns.map((p) => (p.visible = !0, {
-      label: p.label,
-      property: p.property,
-      checked: p.visible
+    e || (e = []), r.value = o.columns.map((v) => (v.visible = e.indexOf(v.property) == -1, {
+      label: v.label,
+      property: v.property,
+      checked: v.visible
     }));
 });
-let J = S;
-const Nt = {
+let J = I;
+const Ot = {
   CheckBox: V,
   CheckBoxList: ue,
-  DropDown: N,
+  DropDown: O,
   DropDownMenu: G,
   DropDownCallBack: U,
   FilterCompact: q,
@@ -1070,20 +1070,20 @@ const Nt = {
   SpinningProgress: Ue,
   TableToList: bt,
   TableToListOptions: wt,
-  TextListBox: Ft,
+  TextListBox: xt,
   ToastComponent: Z,
-  ToastWrapper: Ot
+  ToastWrapper: Nt
 }, Jt = {
-  install(v) {
-    Object.entries(Nt).forEach(([l, t]) => {
-      v.component(l, t);
+  install(p) {
+    Object.entries(Ot).forEach(([l, t]) => {
+      p.component(l, t);
     });
   }
 };
 export {
   V as CheckBox,
   ue as CheckBoxList,
-  N as DropDown,
+  O as DropDown,
   U as DropDownCallBack,
   G as DropDownMenu,
   q as FilterCompact,
@@ -1099,8 +1099,8 @@ export {
   J as TabelToListOptionsPersister,
   bt as TableToList,
   wt as TableToListOptions,
-  Ft as TextListBox,
+  xt as TextListBox,
   Z as ToastComponent,
-  Ot as ToastWrapper,
+  Nt as ToastWrapper,
   Jt as default
 };

package/dist/src/utils/TableToListColumnOptionsPersister.d.ts

@@ -3,7 +3,7 @@ import { TableToListConfig } from '../components/TableToList.vue';
 import { TableToListColumnOptions } from '../components/TableToListOptions.vue';
 export declare class TabelToListOptionsPersister {
     static getId: (base: string, version: string) => string;
-    static saveOptions: (base: string, ttlcos: TableToListColumnOptions[]) => void;
+    static saveOptions: (base: string, version: string, ttlcos: TableToListColumnOptions[]) => void;
     static cleanOptions: (base: string, version: string) => void;
-    static loadOptions: (base: string, version: string, t2lconfig: TableToListConfig, options: Ref<TableToListColumnOptions[] | null>) => void;
+    static loadOptions: (base: string, version: string, defaultOff: string[] | null, t2lconfig: TableToListConfig, options: Ref<TableToListColumnOptions[] | null>) => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "admins-components",
-    "version": "1.2.16",
+    "version": "1.2.18",
     "type": "module",
     "files": [
         "dist"