admins-components 1.2.2 → 1.2.3

package/dist/admins-components.cjs.js

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

package/dist/admins-components.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as C, createElementBlock as a, openBlock as o, createElementVNode as r, toDisplayString as h, resolveComponent as W, Fragment as _, renderList as $, createVNode as H, createBlock as D, createCommentVNode as v, watch as R, ref as g, onMounted as M, unref as X, normalizeStyle as x, createTextVNode as E, normalizeClass as T, computed as S, onUnmounted as Y } from "vue";
-const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /* @__PURE__ */ C({
+import { defineComponent as C, createElementBlock as a, openBlock as s, createElementVNode as r, toDisplayString as h, resolveComponent as O, Fragment as _, renderList as $, createVNode as E, createBlock as D, createCommentVNode as p, watch as R, ref as g, onMounted as M, unref as X, normalizeStyle as x, createTextVNode as H, normalizeClass as T, computed as S, onUnmounted as Y } from "vue";
+const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], W = /* @__PURE__ */ C({
   __name: "CheckBox",
   props: {
     id: {},
@@ -7,15 +7,15 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
     checked: { type: Boolean }
   },
   emits: ["changed"],
-  setup(c) {
-    return (i, s) => (o(), a("div", Z, [
+  setup(f) {
+    return (i, n) => (s(), a("div", Z, [
       r("input", {
         class: "form-check-input",
         type: "checkbox",
         checked: i.checked,
         value: "",
         id: i.id,
-        onChange: s[0] || (s[0] = (t) => i.$emit("changed", {
+        onChange: n[0] || (n[0] = (t) => i.$emit("changed", {
           id: i.id,
           checked: t.target.checked
         }))
@@ -32,34 +32,34 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
     items: {},
     callback: { type: Function }
   },
-  setup(c) {
-    return (i, s) => {
-      const t = W("CheckBoxList", !0);
-      return o(!0), a(_, null, $(i.items, (e) => (o(), a("div", {
+  setup(f) {
+    return (i, n) => {
+      const t = O("CheckBoxList", !0);
+      return s(!0), a(_, null, $(i.items, (e) => (s(), a("div", {
         key: e.id,
         class: "cbl-container"
       }, [
-        H(A, {
+        E(W, {
           id: e.id,
           label: e.label,
           checked: e.checked,
-          onChanged: s[0] || (s[0] = (d) => i.callback(d.id, d.checked))
+          onChanged: n[0] || (n[0] = (d) => i.callback(d.id, d.checked))
         }, null, 8, ["id", "label", "checked"]),
         r("div", le, [
-          e.childrend ? (o(), D(t, {
+          e.childrend ? (s(), D(t, {
             key: 0,
             items: e.childrend,
             callback: i.callback
-          }, null, 8, ["items", "callback"])) : v("", !0)
+          }, null, 8, ["items", "callback"])) : p("", !0)
         ])
       ]))), 128);
     };
   }
-}), oe = (c, i) => {
-  const s = c.__vccOpts || c;
+}), oe = (f, i) => {
+  const n = f.__vccOpts || f;
   for (const [t, e] of i)
-    s[t] = e;
-  return s;
+    n[t] = e;
+  return n;
 }, se = /* @__PURE__ */ oe(ne, [["__scopeId", "data-v-ae2832c5"]]), ie = ["id"], ae = ["disabled"], re = { class: "dd-label" }, de = { class: "dd-item-list" }, ue = ["onClick"], z = /* @__PURE__ */ C({
   __name: "DropDown",
   props: {
@@ -74,44 +74,44 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
     disabled: { type: Boolean }
   },
   emits: ["selected", "filtered"],
-  setup(c, { emit: i }) {
-    const s = c;
-    R(s.options, () => {
-      s.filterevent && (u.value = s.options.value);
+  setup(f, { emit: i }) {
+    const n = f;
+    R(n.options, () => {
+      n.filterevent && (u.value = n.options.value);
     }), R(
-      () => s.selected,
+      () => n.selected,
       () => {
-        y();
+        b();
       }
     ), R(
-      () => s.label,
+      () => n.label,
       () => {
-        y();
+        b();
       }
     );
-    const t = i, e = (b) => {
-      s.storeselected || (f.value = b.label), t("selected", b);
-    }, d = "törlés", f = g(""), y = () => {
-      if (s.options.value) {
-        const b = s.options.value.find((k) => k.id == s.selected);
-        b ? f.value = b.label : (n(""), f.value = s.label);
+    const t = i, e = (y) => {
+      n.storeselected || (v.value = y.label), t("selected", y);
+    }, d = "törlés", v = g(""), b = () => {
+      if (n.options.value) {
+        const y = n.options.value.find((k) => k.id == n.selected);
+        y ? v.value = y.label : (o(""), v.value = n.label);
       }
     };
     M(() => {
-      s.label && (f.value = s.label), y(), m = "", document.addEventListener("click", function() {
+      n.label && (v.value = n.label), b(), m = "", document.addEventListener("click", function() {
         I.value == "block" && (I.value = "none");
       }), window.addEventListener("scrolled", function() {
         I.value == "block" && (I.value = "none");
       }), w();
     });
     let m = "";
-    const n = (b) => {
-      m = b, s.filterevent ? t("filtered", b) : b == "" ? u.value = s.options.value : u.value = s.options.value.filter(
-        (k) => k.label.toLowerCase().includes(b.toLowerCase())
+    const o = (y) => {
+      m = y, n.filterevent ? t("filtered", y) : y == "" ? u.value = n.options.value : u.value = n.options.value.filter(
+        (k) => k.label.toLowerCase().includes(y.toLowerCase())
       );
     }, u = g([]), l = () => {
-      e({ label: s.label, id: "" }), n("");
-    }, p = () => {
+      e({ label: n.label, id: "" }), o("");
+    }, c = () => {
       if (I.value == "block") {
         I.value = "none";
         return;
@@ -120,11 +120,11 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
         I.value = "block";
       }, 10), setTimeout(w, 20);
     }, w = () => {
-      const b = L.value, k = j.value;
-      s.opentop ? k.style.top = b.getBoundingClientRect().y - k.offsetHeight + "px" : (k.style.top = b.getBoundingClientRect().y + b.offsetHeight + "px", b.getBoundingClientRect().y - k.getBoundingClientRect().y != -b.offsetHeight && (k.style.top = parseInt(k.style.top.substring(0, k.style.top.length - 2)) + (b.getBoundingClientRect().y - k.getBoundingClientRect().y) + b.offsetHeight + "px")), P.value && P.value.focus();
-    }, L = g(null), j = g(null), I = g("none"), P = g(null);
-    return (b, k) => (o(), a("div", {
-      id: b.id,
+      const y = L.value, k = N.value;
+      n.opentop ? k.style.top = y.getBoundingClientRect().y - k.offsetHeight + "px" : (k.style.top = y.getBoundingClientRect().y + y.offsetHeight + "px", y.getBoundingClientRect().y - k.getBoundingClientRect().y != -y.offsetHeight && (k.style.top = parseInt(k.style.top.substring(0, k.style.top.length - 2)) + (y.getBoundingClientRect().y - k.getBoundingClientRect().y) + y.offsetHeight + "px")), P.value && P.value.focus();
+    }, L = g(null), N = g(null), I = g("none"), P = g(null);
+    return (y, k) => (s(), a("div", {
+      id: y.id,
       class: "dd-flex"
     }, [
       r("button", {
@@ -132,52 +132,52 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
         ref: L,
         class: "btn btn-outline-secondary dd-toggle dd-flex",
         type: "button",
-        disabled: b.disabled,
+        disabled: y.disabled,
         onClick: k[0] || (k[0] = (B) => {
-          n(X(m)), p();
+          o(X(m)), c();
         })
       }, [
-        r("div", re, h(f.value), 1)
+        r("div", re, h(v.value), 1)
       ], 8, ae),
       r("div", {
         class: "dd-menu",
         style: x({ display: I.value }),
         ref_key: "DropDownMenu",
-        ref: j
+        ref: N
       }, [
-        f.value != s.label ? (o(), a("button", {
+        v.value != n.label ? (s(), a("button", {
           key: 0,
           type: "button",
           class: "btn btn-outline-secondary dd-button",
           onClick: k[1] || (k[1] = (B) => l())
-        }, h(d))) : v("", !0),
-        b.disableFilter ? v("", !0) : (o(), a("input", {
+        }, h(d))) : p("", !0),
+        y.disableFilter ? p("", !0) : (s(), a("input", {
           key: 1,
           ref_key: "ddSearch",
           ref: P,
           type: "text ",
           class: "form-control",
           placeholder: "keresés",
-          onInput: k[2] || (k[2] = (B) => n(B.target.value)),
+          onInput: k[2] || (k[2] = (B) => o(B.target.value)),
           onClick: k[3] || (k[3] = (B) => B.stopPropagation())
         }, null, 544)),
         r("div", de, [
-          (o(!0), a(_, null, $(u.value, (B) => (o(), a("div", {
+          (s(!0), a(_, null, $(u.value, (B) => (s(), a("div", {
             key: B.id,
             class: "dd-item",
-            onClick: (Lt) => e(B)
+            onClick: (It) => e(B)
           }, [
-            B.icon ? (o(), a("i", {
+            B.icon ? (s(), a("i", {
               key: 0,
               class: T([B.icon, "dd-item__icon"])
-            }, null, 2)) : v("", !0),
-            E(h(B.label), 1)
+            }, null, 2)) : p("", !0),
+            H(h(B.label), 1)
           ], 8, ue))), 128))
         ])
       ], 4)
     ], 8, ie));
   }
-}), ce = ["id"], pe = ["disabled"], ve = { class: "ddc-row" }, fe = { class: "ddc-label" }, me = { class: "dd-item-list" }, ge = ["onClick"], ye = { class: "ddc-item" }, be = { class: "ddc-label" }, ke = "törlés", O = /* @__PURE__ */ C({
+}), ce = ["id"], pe = ["disabled"], ve = { class: "ddc-row" }, fe = { class: "ddc-label" }, me = { class: "dd-item-list" }, ge = ["onClick"], be = { class: "ddc-item" }, ye = { class: "ddc-label" }, ke = "törlés", A = /* @__PURE__ */ C({
   __name: "DropDownCallBack",
   props: {
     id: {},
@@ -186,8 +186,8 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
     enabled: { type: Boolean },
     options: {}
   },
-  setup(c) {
-    const i = c, s = (u) => {
+  setup(f) {
+    const i = f, n = (u) => {
       u == i.default && t.value.callback(""), t.value = u, t.value.callback(t.value.value);
     }, t = g(i.default), e = () => {
       if (i.selected && i.options.value) {
@@ -199,27 +199,27 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
     };
     M(() => {
       e(), document.addEventListener("click", function() {
-        n.value == "block" && (n.value = "none");
+        o.value == "block" && (o.value = "none");
       });
     });
     const d = () => {
       setTimeout(() => {
-        n.value = "block";
+        o.value = "block";
       }, 10), setTimeout(() => {
-        m.value = f.value.offsetHeight;
+        m.value = v.value.offsetHeight;
       }, 20);
-    }, f = g(null), y = g(null), m = g(0), n = g("none");
-    return (u, l) => (o(), a("div", {
+    }, v = g(null), b = g(null), m = g(0), o = g("none");
+    return (u, l) => (s(), a("div", {
       class: "ddc-flex",
       id: u.id
     }, [
       r("button", {
         ref_key: "DropDownTriggerButton",
-        ref: f,
+        ref: v,
         class: "btn btn-outline-secondary ddc-button",
         type: "button",
         disabled: !u.enabled,
-        onClick: l[0] || (l[0] = (p) => d())
+        onClick: l[0] || (l[0] = (c) => d())
       }, [
         r("span", ve, [
           r("i", {
@@ -230,27 +230,27 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
       ], 8, pe),
       r("div", {
         class: "ddc-menu",
-        style: x({ display: n.value, "margin-top": m.value + "px" }),
+        style: x({ display: o.value, "margin-top": m.value + "px" }),
         ref_key: "DropDownMenu",
-        ref: y
+        ref: b
       }, [
-        t.value != i.default ? (o(), a("button", {
+        t.value != i.default ? (s(), a("button", {
           key: 0,
           type: "button",
           class: "btn btn-outline-secondary ddc-button",
-          onClick: l[1] || (l[1] = (p) => s(i.default))
-        }, h(ke))) : v("", !0),
+          onClick: l[1] || (l[1] = (c) => n(i.default))
+        }, h(ke))) : p("", !0),
         r("div", me, [
-          (o(!0), a(_, null, $(u.options.value, (p) => (o(), a("div", {
-            key: p.label,
+          (s(!0), a(_, null, $(u.options.value, (c) => (s(), a("div", {
+            key: c.label,
             class: "ddc-item",
-            onClick: (w) => s(p)
+            onClick: (w) => n(c)
           }, [
-            r("span", ye, [
+            r("span", be, [
               r("i", {
-                class: T([p.icon, "ddc-icon"])
+                class: T([c.icon, "ddc-icon"])
               }, null, 2),
-              r("span", be, h(p.label), 1)
+              r("span", ye, h(c.label), 1)
             ])
           ], 8, ge))), 128))
         ])
@@ -273,22 +273,22 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
     id: {},
     right: { type: Boolean }
   },
-  setup(c) {
-    const i = c;
+  setup(f) {
+    const i = f;
     M(() => {
       document.addEventListener("click", function() {
-        s.value && (s.value = !1);
+        n.value && (n.value = !1);
       });
     });
-    const s = g(!1), t = () => {
+    const n = g(!1), t = () => {
       setTimeout(() => {
-        s.value = !0;
+        n.value = !0;
       }, 10), setTimeout(e, 20);
     }, e = () => {
-      const m = d.value, n = f.value;
-      n.style.top = m.getBoundingClientRect().y + m.offsetHeight + "px", m.getBoundingClientRect().y - n.getBoundingClientRect().y != -m.offsetHeight && (n.style.top = parseInt(n.style.top.substring(0, n.style.top.length - 2)) + (m.getBoundingClientRect().y - n.getBoundingClientRect().y) + m.offsetHeight + "px"), n.style.left = m.getBoundingClientRect().x - (i.right ? 100 : 0) + "px";
-    }, d = g(null), f = g(null), y = g(0);
-    return (m, n) => (o(), a("div", {
+      const m = d.value, o = v.value;
+      o.style.top = m.getBoundingClientRect().y + m.offsetHeight + "px", m.getBoundingClientRect().y - o.getBoundingClientRect().y != -m.offsetHeight && (o.style.top = parseInt(o.style.top.substring(0, o.style.top.length - 2)) + (m.getBoundingClientRect().y - o.getBoundingClientRect().y) + m.offsetHeight + "px"), o.style.left = m.getBoundingClientRect().x - (i.right ? 100 : 0) + "px";
+    }, d = g(null), v = g(null), b = g(0);
+    return (m, o) => (s(), a("div", {
       class: "d-flex",
       id: m.id
     }, [
@@ -297,23 +297,23 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
         ref: d,
         class: "btn btn-outline-secondary",
         type: "button",
-        onClick: n[0] || (n[0] = (u) => t())
+        onClick: o[0] || (o[0] = (u) => t())
       }, [
-        m.label ? (o(), a("span", _e, h(m.label), 1)) : v("", !0),
-        m.icon ? (o(), a("span", Ce, [
+        m.label ? (s(), a("span", _e, h(m.label), 1)) : p("", !0),
+        m.icon ? (s(), a("span", Ce, [
           r("i", {
             class: T(m.icon)
           }, null, 2)
-        ])) : v("", !0)
+        ])) : p("", !0)
       ], 512),
-      s.value ? (o(), a("div", {
+      n.value ? (s(), a("div", {
         key: 0,
         class: "ddm-menu",
         ref_key: "DropDownMenu",
-        ref: f,
-        style: x({ "margin-top": y.value + "px" })
+        ref: v,
+        style: x({ "margin-top": b.value + "px" })
       }, [
-        (o(!0), a(_, null, $(m.options, (u) => (o(), a("div", {
+        (s(!0), a(_, null, $(m.options, (u) => (s(), a("div", {
           key: u.icon,
           class: "ddm-item",
           onClick: (l) => u.command(m.item)
@@ -321,9 +321,9 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
           r("i", {
             class: T(u.icon)
           }, null, 2),
-          E(h(u.label), 1)
+          H(h(u.label), 1)
         ], 8, $e))), 128))
-      ], 4)) : v("", !0)
+      ], 4)) : p("", !0)
     ], 8, he));
   }
 }), we = { class: "fltrc-container" }, De = { class: "fltrc-container" }, Be = ["placeholder", "value"], Te = {
@@ -334,11 +334,11 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
   props: {
     items: {}
   },
-  setup(c) {
-    const i = c, s = g(0), t = g(0), e = S(() => i.items[s.value].filter), d = (u) => {
+  setup(f) {
+    const i = f, n = g(0), t = g(0), e = S(() => i.items[n.value].filter), d = (u) => {
       let l = i.items[t.value];
-      l.filter.filtered(l.filter.key, ""), s.value = u, t.value = u, n.value += 1;
-    }, f = g(void 0);
+      l.filter.filtered(l.filter.key, ""), n.value = u, t.value = u, o.value += 1;
+    }, v = g(void 0);
     M(() => {
       let u = [];
       for (let l = 0; l < i.items.length; l++)
@@ -347,39 +347,39 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
           label: i.items[l].label,
           command: () => d(l)
         });
-      f.value = u;
+      v.value = u;
     });
-    const y = g({}), m = g(void 0), n = g(0);
-    return (u, l) => (o(), a("div", we, [
-      f.value ? (o(), D(V, {
+    const b = g({}), m = g(void 0), o = g(0);
+    return (u, l) => (s(), a("div", we, [
+      v.value ? (s(), D(V, {
         key: 0,
         id: "ddm",
-        icon: u.items[s.value].icon,
-        item: u.items[s.value],
+        icon: u.items[n.value].icon,
+        item: u.items[n.value],
         label: "",
-        options: f.value
-      }, null, 8, ["icon", "item", "options"])) : v("", !0),
+        options: v.value
+      }, null, 8, ["icon", "item", "options"])) : p("", !0),
       r("div", De, [
-        e.value.type == "text" ? (o(), a("input", {
+        e.value.type == "text" ? (s(), a("input", {
           key: 0,
           type: "text",
           class: "form-control",
           placeholder: e.value.placeholder,
           value: e.value.defaultv ?? "",
-          onInput: l[0] || (l[0] = (p) => {
+          onInput: l[0] || (l[0] = (c) => {
             e.value.filtered(
               e.value.key,
-              p.target.value
-            ), e.value.defaultv = p.target.value;
+              c.target.value
+            ), e.value.defaultv = c.target.value;
           })
-        }, null, 40, Be)) : v("", !0),
-        e.value.type == "date" ? (o(), a("div", Te, [
+        }, null, 40, Be)) : p("", !0),
+        e.value.type == "date" ? (s(), a("div", Te, [
           r("input", {
             type: "date",
             class: "form-control",
             value: e.value.defFrom ?? "",
-            onInput: l[1] || (l[1] = (p) => {
-              y.value.from = p.target.value == "" ? null : p.target.value, e.value.defFrom = p.target.value == "" ? null : p.target.value, e.value.filtered(e.value.key, y.value);
+            onInput: l[1] || (l[1] = (c) => {
+              b.value.from = c.target.value == "" ? null : c.target.value, e.value.defFrom = c.target.value == "" ? null : c.target.value, e.value.filtered(e.value.key, b.value);
             })
           }, null, 40, Le),
           l[5] || (l[5] = r("span", { class: "input-group-text" }, "-", -1)),
@@ -387,56 +387,56 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
             type: "date",
             class: "form-control",
             value: e.value.defTill ?? "",
-            onInput: l[2] || (l[2] = (p) => {
-              y.value.untill = p.target.value == "" ? null : p.target.value, e.value.defTill = p.target.value == "" ? null : p.target.value, e.value.filtered(e.value.key, y.value);
+            onInput: l[2] || (l[2] = (c) => {
+              b.value.untill = c.target.value == "" ? null : c.target.value, e.value.defTill = c.target.value == "" ? null : c.target.value, e.value.filtered(e.value.key, b.value);
             })
           }, null, 40, Ie)
-        ])) : v("", !0),
-        e.value.type == "dropdown" ? (o(), D(z, {
-          key: n.value,
+        ])) : p("", !0),
+        e.value.type == "dropdown" ? (s(), D(z, {
+          key: o.value,
           selected: m.value,
           options: e.value.options,
           filterevent: e.value.filterevent,
-          onFiltered: l[3] || (l[3] = (p) => {
-            e.value.onfiltered && e.value.onfiltered(p);
+          onFiltered: l[3] || (l[3] = (c) => {
+            e.value.onfiltered && e.value.onfiltered(c);
           }),
           id: e.value.key,
           label: e.value.label,
-          onSelected: l[4] || (l[4] = (p) => e.value.filtered(e.value.key, p.id))
-        }, null, 8, ["selected", "options", "filterevent", "id", "label"])) : v("", !0)
+          onSelected: l[4] || (l[4] = (c) => e.value.filtered(e.value.key, c.id))
+        }, null, 8, ["selected", "options", "filterevent", "id", "label"])) : p("", !0)
       ])
     ]));
   }
 }), Se = { class: "fltrctrl-container" }, Me = ["placeholder", "value"], Fe = {
   key: 1,
   class: "d-flex flex-row input-group align-items-center"
-}, Re = ["value"], He = ["value"], F = g({}), U = /* @__PURE__ */ C({
+}, Re = ["value"], Ee = ["value"], F = g({}), U = /* @__PURE__ */ C({
   __name: "FilterControl",
   props: {
     item: {}
   },
-  setup(c) {
-    const i = c;
+  setup(f) {
+    const i = f;
     M(() => {
       var t;
       if (i.item.type == "dropdown") {
         const e = i.item;
-        s.value = (t = e.options.value.find(
+        n.value = (t = e.options.value.find(
           (d) => d.id == i.item.defaultv
         )) == null ? void 0 : t.id;
       }
     });
-    const s = g(void 0);
-    return (t, e) => (o(), a("div", Se, [
-      t.item.type == "text" ? (o(), a("input", {
+    const n = g(void 0);
+    return (t, e) => (s(), a("div", Se, [
+      t.item.type == "text" ? (s(), a("input", {
         key: 0,
         type: "text",
         class: "form-control",
         placeholder: t.item.placeholder,
         value: t.item.defaultv ?? "",
         onInput: e[0] || (e[0] = (d) => t.item.filtered(t.item.key, d.target.value))
-      }, null, 40, Me)) : v("", !0),
-      t.item.type == "date" ? (o(), a("div", Fe, [
+      }, null, 40, Me)) : p("", !0),
+      t.item.type == "date" ? (s(), a("div", Fe, [
         r("input", {
           type: "date",
           class: "form-control",
@@ -453,11 +453,11 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
           onInput: e[2] || (e[2] = (d) => {
             F.value.untill = d.target.value == "" ? null : d.target.value, t.item.filtered(t.item.key, F.value);
           })
-        }, null, 40, He)
-      ])) : v("", !0),
-      t.item.type == "dropdown" ? (o(), D(z, {
+        }, null, 40, Ee)
+      ])) : p("", !0),
+      t.item.type == "dropdown" ? (s(), D(z, {
         key: 2,
-        selected: s.value,
+        selected: n.value,
         options: g(t.item.options),
         filterevent: t.item.filterevent,
         onFiltered: e[3] || (e[3] = (d) => {
@@ -466,10 +466,10 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
         id: t.item.key,
         label: t.item.label,
         onSelected: e[4] || (e[4] = (d) => t.item.filtered(t.item.key, d.id))
-      }, null, 8, ["selected", "options", "filterevent", "id", "label"])) : v("", !0)
+      }, null, 8, ["selected", "options", "filterevent", "id", "label"])) : p("", !0)
     ]));
   }
-}), N = /* @__PURE__ */ C({
+}), j = /* @__PURE__ */ C({
   __name: "IconButton",
   props: {
     icon: {},
@@ -477,12 +477,12 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
     big: { type: Boolean }
   },
   emits: ["click"],
-  setup(c, { emit: i }) {
-    const s = c, t = S(
-      () => `${s.icon} ${s.big ? "ib-button-big" : ""}`
+  setup(f, { emit: i }) {
+    const n = f, t = S(
+      () => `${n.icon} ${n.big ? "ib-button-big" : ""}`
     ), e = i;
-    return (d, f) => (o(), a("div", {
-      onClick: f[0] || (f[0] = (y) => e("click")),
+    return (d, v) => (s(), a("div", {
+      onClick: v[0] || (v[0] = (b) => e("click")),
       class: "ib-container"
     }, [
       r("div", {
@@ -494,59 +494,59 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
       ], 2)
     ]));
   }
-}), Ee = { class: "pc-container" }, ze = ["value", "max"], q = /* @__PURE__ */ C({
+}), He = { class: "pc-container" }, ze = ["value", "max"], q = /* @__PURE__ */ C({
   __name: "PaginatorControl",
   props: {
     settings: {}
   },
   emits: ["pagesize", "page"],
-  setup(c, { emit: i }) {
-    const s = c, t = i, e = () => {
-      let n = g([]);
-      return s.settings.value.sizes.forEach(
-        (u) => n.value.push({ label: u.toString(), id: u.toString() })
-      ), n;
+  setup(f, { emit: i }) {
+    const n = f, t = i, e = () => {
+      let o = g([]);
+      return n.settings.value.sizes.forEach(
+        (u) => o.value.push({ label: u.toString(), id: u.toString() })
+      ), o;
     }, d = g(1);
     R(
-      () => s.settings.value,
+      () => n.settings.value,
       () => {
         d.value = 1;
       }
     );
-    const f = S(
-      () => Math.floor(s.settings.value.total / s.settings.value.pagesize) + 1
-    ), y = () => {
+    const v = S(
+      () => Math.floor(n.settings.value.total / n.settings.value.pagesize) + 1
+    ), b = () => {
       d.value > 1 && (d.value -= 1, t("page", d.value));
     }, m = () => {
-      d.value < f.value && (d.value += 1, t("page", d.value));
+      d.value < v.value && (d.value += 1, t("page", d.value));
     };
-    return (n, u) => (o(), a("div", Ee, [
+    return (o, u) => (s(), a("div", He, [
       r("button", {
         class: "btn btn-outline-secondary",
-        onClick: y
+        onClick: b
       }, "<"),
       r("input", {
         class: "form-control pc-input",
         type: "number",
         value: d.value,
         min: "1",
-        max: f.value,
-        onChange: u[0] || (u[0] = (l) => n.$emit("page", l.target.value))
+        max: v.value,
+        onChange: u[0] || (u[0] = (l) => o.$emit("page", l.target.value))
       }, null, 40, ze),
-      E("/" + h(f.value) + " ", 1),
+      H("/" + h(v.value) + " ", 1),
       r("button", {
         class: "btn btn-outline-secondary",
         onClick: m
       }, ">"),
-      H(z, {
+      E(z, {
         opentop: !0,
         class: "pc-dropdown",
         id: "pagecount",
         label: "10",
-        selected: n.settings.value.pagesize.toString(),
+        selected: o.settings.value.pagesize.toString(),
         options: e(),
         onSelected: u[1] || (u[1] = (l) => {
-          d.value = 1, n.$emit("pagesize", parseInt(l.id));
+          d.value = 1, o.$emit("pagesize", parseInt(l.id));
         })
       }, null, 8, ["selected", "options"])
     ]));
@@ -560,15 +560,15 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
     selected: { type: Boolean }
   },
   emits: ["selected"],
-  setup(c) {
-    return (i, s) => (o(), a("div", Pe, [
+  setup(f) {
+    return (i, n) => (s(), a("div", Pe, [
       r("input", {
         class: "form-check-input",
         type: "radio",
         name: i.group,
         id: i.id,
         checked: i.selected,
-        onChange: s[0] || (s[0] = (t) => i.$emit("selected", i.id))
+        onChange: n[0] || (n[0] = (t) => i.$emit("selected", i.id))
       }, null, 40, xe),
       r("label", {
         class: "form-check-label",
@@ -576,22 +576,22 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
       }, h(i.label), 9, Ve)
     ]));
   }
-}), Ne = { class: "d-flex flex-column gap-2 justify-content-around" }, je = /* @__PURE__ */ C({
+}), je = { class: "d-flex flex-column gap-2 justify-content-around" }, Ne = /* @__PURE__ */ C({
   __name: "RadioButtonGroup",
   props: {
     group: {},
     items: {}
   },
   emits: ["selected"],
-  setup(c) {
-    return (i, s) => (o(), a("div", Ne, [
-      (o(!0), a(_, null, $(i.items, (t) => (o(), D(J, {
+  setup(f) {
+    return (i, n) => (s(), a("div", je, [
+      (s(!0), a(_, null, $(i.items, (t) => (s(), D(J, {
         key: t.id,
         id: t.id,
         label: t.label,
         group: i.group,
         selected: t.selected,
-        onSelected: s[0] || (s[0] = (e) => i.$emit("selected", e))
+        onSelected: n[0] || (n[0] = (e) => i.$emit("selected", e))
       }, null, 8, ["id", "label", "group", "selected"]))), 128))
     ]));
   }
@@ -599,17 +599,17 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
   key: 0,
   class: "spinner-border",
   role: "status"
-}, We = /* @__PURE__ */ C({
+}, Oe = /* @__PURE__ */ C({
   __name: "SpinningProgress",
   props: {
     loading: { type: Boolean }
   },
-  setup(c) {
-    return (i, s) => i.loading ? (o(), a("div", Ge, s[0] || (s[0] = [
+  setup(f) {
+    return (i, n) => i.loading ? (s(), a("div", Ge, n[0] || (n[0] = [
       r("span", { class: "visually-hidden" }, "Loading...", -1)
-    ]))) : v("", !0);
+    ]))) : p("", !0);
   }
-}), Ae = { class: "t2l-table-view t2l-table-header-label" }, Oe = {
+}), We = { class: "t2l-table-view t2l-table-header-label" }, Ae = {
   key: 0,
   class: "t2l-select"
 }, Ke = {
@@ -643,105 +643,105 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
     config: {}
   },
   emits: ["pagesize", "page"],
-  setup(c) {
-    const i = c, s = S(
-      () => i.config.columns.filter((n) => n.visible != !1)
+  setup(f) {
+    const i = f, n = S(
+      () => i.config.columns.filter((o) => o.visible != !1)
     ), t = S(
-      () => i.config.columns.filter((n) => n.visible != !1 && n.filter)
+      () => i.config.columns.filter((o) => o.visible != !1 && o.filter)
     ), e = S(
-      () => s.value.filter(
-        (n) => n.sort && n.sort.active && n.sort.active.value
+      () => n.value.filter(
+        (o) => o.sort && o.sort.active && o.sort.active.value
       )
-    ), d = S(() => Math.ceil(s.value.length / i.config.smColCount)), f = (n, u) => {
-      var l = n - 1 + (u - 1) * d.value;
-      return l < s.value.length ? s.value[l] : null;
-    }, y = (n, u) => n.converter ? n.converter(u[n.property], u) : u[n.property], m = (n) => {
-      if (n.sort && n.sort.active) {
-        let u = !n.sort.active.value;
+    ), d = S(() => Math.ceil(n.value.length / i.config.smColCount)), v = (o, u) => {
+      var l = o - 1 + (u - 1) * d.value;
+      return l < n.value.length ? n.value[l] : null;
+    }, b = (o, u) => o.converter ? o.converter(u[o.property], u) : u[o.property], m = (o) => {
+      if (o.sort && o.sort.active) {
+        let u = !o.sort.active.value;
         i.config.columns.forEach((l) => {
           l.sort && l.sort.active && (l.sort.active.value = !1);
-        }), n.sort.active.value = u, n.sort.callback(u ? n.property : "");
+        }), o.sort.active.value = u, o.sort.callback(u ? o.property : "");
       }
     };
-    return (n, u) => (o(), a(_, null, [
-      r("div", Ae, [
-        n.config.selectableId ? (o(), a("span", Oe)) : v("", !0),
-        (o(!0), a(_, null, $(s.value, (l) => {
-          var p, w;
-          return o(), a("span", {
+    return (o, u) => (s(), a(_, null, [
+      r("div", We, [
+        o.config.selectableId ? (s(), a("span", Ae)) : p("", !0),
+        (s(!0), a(_, null, $(n.value, (l) => {
+          var c, w;
+          return s(), a("span", {
             class: "t2l-cell",
             key: l.property
           }, [
-            l.sort ? (o(), D(N, {
+            l.sort ? (s(), D(j, {
               key: 0,
               icon: l.sort.icon,
               onClick: (L) => m(l),
-              active: (w = (p = l.sort) == null ? void 0 : p.active) == null ? void 0 : w.value
-            }, null, 8, ["icon", "onClick", "active"])) : v("", !0),
-            E(" " + h(l.label), 1)
+              active: (w = (c = l.sort) == null ? void 0 : c.active) == null ? void 0 : w.value
+            }, null, 8, ["icon", "onClick", "active"])) : p("", !0),
+            H(" " + h(l.label), 1)
           ]);
         }), 128)),
-        n.config.actionHeader ? (o(), a("span", Ke, h(n.config.actionHeader), 1)) : v("", !0)
+        o.config.actionHeader ? (s(), a("span", Ke, h(o.config.actionHeader), 1)) : p("", !0)
       ]),
       r("div", Ue, [
-        n.config.selectableId ? (o(), a("span", qe)) : v("", !0),
-        (o(!0), a(_, null, $(s.value, (l) => (o(), a("span", {
+        o.config.selectableId ? (s(), a("span", qe)) : p("", !0),
+        (s(!0), a(_, null, $(n.value, (l) => (s(), a("span", {
           class: "t2l-cell",
           key: l.label
         }, [
-          l.filter ? (o(), D(U, {
+          l.filter ? (s(), D(U, {
             key: 0,
             item: l.filter
-          }, null, 8, ["item"])) : v("", !0)
+          }, null, 8, ["item"])) : p("", !0)
         ]))), 128)),
-        n.config.actionHeader ? (o(), a("span", Je)) : v("", !0)
+        o.config.actionHeader ? (s(), a("span", Je)) : p("", !0)
       ]),
       r("div", Qe, [
-        (o(!0), a(_, null, $(n.items, (l) => (o(), a("div", {
+        (s(!0), a(_, null, $(o.items, (l) => (s(), a("div", {
           key: l,
           class: "t2l-row"
         }, [
-          n.config.selectableId ? (o(), a("div", Xe, [
+          o.config.selectableId ? (s(), a("div", Xe, [
             r("input", {
               class: "form-check-input",
               type: "checkbox",
-              id: l[n.config.selectableId],
-              onChange: (p) => l.selected = !l.selected
+              id: l[o.config.selectableId],
+              onChange: (c) => l.selected = !l.selected
             }, null, 40, Ye)
-          ])) : v("", !0),
-          (o(!0), a(_, null, $(s.value, (p) => (o(), a("div", {
+          ])) : p("", !0),
+          (s(!0), a(_, null, $(n.value, (c) => (s(), a("div", {
             class: "t2l-cell",
-            key: p.property,
-            innerHTML: y(p, l)
+            key: c.property,
+            innerHTML: b(c, l)
           }, null, 8, Ze))), 128)),
-          n.config.actions ? (o(), a("div", et, [
-            (o(!0), a(_, null, $(n.config.actions, (p) => (o(), a("button", {
-              key: p,
+          o.config.actions ? (s(), a("div", et, [
+            (s(!0), a(_, null, $(o.config.actions, (c) => (s(), a("button", {
+              key: c,
               type: "button",
               class: "btn btn-outline-secondary",
-              title: p.label,
-              disabled: !p.enabled(l),
-              onClick: (w) => p.command(l)
+              title: c.label,
+              disabled: !c.enabled(l),
+              onClick: (w) => c.command(l)
             }, [
               r("i", {
-                class: T(p.icon)
+                class: T(c.icon)
               }, null, 2)
             ], 8, tt))), 128))
-          ])) : v("", !0)
+          ])) : p("", !0)
         ]))), 128))
       ]),
       r("div", lt, [
         r("div", nt, [
-          H(O, {
+          E(A, {
             id: "card-filter-order",
             default: {
               icon: "fa-solid fa-chevron-down",
               label: "rendezés"
             },
             selected: e.value.length > 0 ? e.value[0].property : "",
-            enabled: n.config.sortEnabled,
+            enabled: o.config.sortEnabled,
             options: g(
-              s.value.filter((l) => l.sort).map((l) => ({
+              n.value.filter((l) => l.sort).map((l) => ({
                 icon: l.sort.icon,
                 label: l.sort.label,
                 value: l.property,
@@ -751,7 +751,7 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
           }, null, 8, ["selected", "enabled", "options"])
         ]),
         r("div", ot, [
-          H(K, {
+          E(K, {
             items: t.value.map((l) => ({
               filter: l.filter,
               icon: l.filterIcon,
@@ -761,53 +761,53 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
         ])
       ]),
       r("div", st, [
-        (o(!0), a(_, null, $(n.items, (l, p) => (o(), a("div", {
+        (s(!0), a(_, null, $(o.items, (l, c) => (s(), a("div", {
           class: "t2l-row",
-          key: p
+          key: c
         }, [
-          n.config.selectableId ? (o(), a("div", it, [
+          o.config.selectableId ? (s(), a("div", it, [
             r("input", {
               class: "form-check-input",
               type: "checkbox",
-              id: l[n.config.selectableId],
+              id: l[o.config.selectableId],
               onChange: (w) => l.selected = !l.selected
             }, null, 40, at)
-          ])) : v("", !0),
-          (o(!0), a(_, null, $(n.config.smColCount, (w) => (o(), a("div", {
+          ])) : p("", !0),
+          (s(!0), a(_, null, $(o.config.smColCount, (w) => (s(), a("div", {
             class: "t2l-card-col",
             key: w
           }, [
-            (o(!0), a(_, null, $(d.value, (L) => (o(), a(_, { key: L }, [
-              f(L, w) ? (o(), a("div", rt, [
-                r("span", dt, h(f(L, w).label), 1),
+            (s(!0), a(_, null, $(d.value, (L) => (s(), a(_, { key: L }, [
+              v(L, w) ? (s(), a("div", rt, [
+                r("span", dt, h(v(L, w).label), 1),
                 r("div", {
-                  innerHTML: y(f(L, w), l)
+                  innerHTML: b(v(L, w), l)
                 }, null, 8, ut)
-              ])) : v("", !0)
+              ])) : p("", !0)
             ], 64))), 128))
           ]))), 128)),
           r("div", ct, [
-            i.config.actions ? (o(), D(V, {
+            i.config.actions ? (s(), D(V, {
               key: 0,
               item: l,
               options: i.config.actions,
               label: "...",
-              id: p.toString(),
+              id: c.toString(),
               right: !0
-            }, null, 8, ["item", "options", "id"])) : v("", !0)
+            }, null, 8, ["item", "options", "id"])) : p("", !0)
           ])
         ]))), 128))
       ]),
-      n.config.paginatorSettings ? (o(), D(q, {
+      o.config.paginatorSettings ? (s(), D(q, {
         key: 0,
-        settings: n.config.paginatorSettings,
-        onPagesize: u[0] || (u[0] = (l) => n.$emit("pagesize", l)),
-        onPage: u[1] || (u[1] = (l) => n.$emit("page", l))
-      }, null, 8, ["settings"])) : v("", !0),
-      n.config.paginatorSettings ? v("", !0) : (o(), a("div", pt, " Elemek: " + h(i.items.length), 1))
+        settings: o.config.paginatorSettings,
+        onPagesize: u[0] || (u[0] = (l) => o.$emit("pagesize", l)),
+        onPage: u[1] || (u[1] = (l) => o.$emit("page", l))
+      }, null, 8, ["settings"])) : p("", !0),
+      o.config.paginatorSettings ? p("", !0) : (s(), a("div", pt, " Elemek: " + h(i.items.length), 1))
     ], 64));
   }
-}), ft = { class: "tlb-container d-flex flex-column flex-grow-1" }, mt = { class: "d-flex flex-row tlb-item" }, gt = { class: "d-flex flex-column flex-grow-1 flex-sm-row justify-content-between tlb-item" }, yt = ["id"], bt = {
+}), ft = { class: "tlb-container d-flex flex-column flex-grow-1" }, mt = { class: "d-flex flex-row tlb-item" }, gt = { class: "d-flex flex-column flex-grow-1 flex-sm-row justify-content-between tlb-item" }, bt = ["id"], yt = {
   key: 0,
   class: "d-flex id"
 }, kt = { class: "d-flex flex-row align-items-center tlb-children-container" }, ht = /* @__PURE__ */ C({
@@ -816,11 +816,11 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
     items: {}
   },
   emits: ["deleted"],
-  setup(c) {
-    return (i, s) => {
-      const t = W("TextListBox", !0);
-      return o(), a("div", ft, [
-        (o(!0), a(_, null, $(i.items, (e) => (o(), a("div", {
+  setup(f) {
+    return (i, n) => {
+      const t = O("TextListBox", !0);
+      return s(), a("div", ft, [
+        (s(!0), a(_, null, $(i.items, (e) => (s(), a("div", {
           class: "d-flex flex-column",
           key: e.id
         }, [
@@ -829,22 +829,22 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
               r("div", {
                 class: "d-flex flex-grow-1",
                 id: e.id
-              }, h(e.label), 9, yt),
-              e.showId ? (o(), a("div", bt, h(e.id), 1)) : v("", !0)
+              }, h(e.label), 9, bt),
+              e.showId ? (s(), a("div", yt, h(e.id), 1)) : p("", !0)
             ]),
-            e.hideDelete ? v("", !0) : (o(), D(N, {
+            e.hideDelete ? p("", !0) : (s(), D(j, {
               key: 0,
               icon: "fa-solid fa-trash",
               onClick: (d) => i.$emit("deleted", e.id)
             }, null, 8, ["onClick"]))
           ]),
           r("div", kt, [
-            e.childrend ? (o(), D(t, {
+            e.childrend ? (s(), D(t, {
               key: 0,
               items: e.childrend,
               showId: e.showId,
               hideDelete: e.hideDelete
-            }, null, 8, ["items", "showId", "hideDelete"])) : v("", !0)
+            }, null, 8, ["items", "showId", "hideDelete"])) : p("", !0)
           ])
         ]))), 128))
       ]);
@@ -858,51 +858,51 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
   props: {
     defaultDisplayDuration: {}
   },
-  setup(c, { expose: i }) {
-    const s = c, t = g([]);
+  setup(f, { expose: i }) {
+    const n = f, t = g([]);
     return i({
       addToast: (d) => {
-        d.displayDuration || (d.displayDuration = s.defaultDisplayDuration), d.id = /* @__PURE__ */ new Date(), t.value.filter(function(f) {
-          return f.id !== d.id;
+        d.displayDuration || (d.displayDuration = n.defaultDisplayDuration), d.id = /* @__PURE__ */ new Date(), t.value.filter(function(v) {
+          return v.id !== d.id;
         }), t.value.push(d);
       }
     }), setInterval(() => {
       t.value = t.value.map((d) => (d.displayDuration -= G, d)), t.value = t.value.filter((d) => d.displayDuration > 0);
-    }, G), (d, f) => t.value.length > 0 ? (o(), a("div", _t, [
-      (o(!0), a(_, null, $(t.value, (y) => (o(), a("div", {
-        key: y.message,
+    }, G), (d, v) => t.value.length > 0 ? (s(), a("div", _t, [
+      (s(!0), a(_, null, $(t.value, (b) => (s(), a("div", {
+        key: b.message,
         class: T(["toast d-block", {
-          "toast-info": y.type === "info",
-          "toast-success": y.type === "success",
-          "toast-warning": y.type === "warning",
-          "toast-error": y.type === "error"
+          "toast-info": b.type === "info",
+          "toast-success": b.type === "success",
+          "toast-warning": b.type === "warning",
+          "toast-error": b.type === "error"
         }]),
         role: "alert",
         "aria-live": "assertive",
         "aria-atomic": "true"
       }, [
         r("div", Ct, [
-          r("strong", $t, h(y.title), 1),
-          r("small", wt, h(y.id.toLocaleTimeString()), 1),
+          r("strong", $t, h(b.title), 1),
+          r("small", wt, h(b.id.toLocaleTimeString()), 1),
           r("button", {
             type: "button",
             class: "btn-close",
             "data-bs-dismiss": "toast",
             "aria-label": "Close",
-            onClick: (m) => t.value = t.value.filter((n) => n.id !== y.id)
+            onClick: (m) => t.value = t.value.filter((o) => o.id !== b.id)
           }, null, 8, Dt)
         ]),
         r("div", {
           class: "toast-body",
-          innerHTML: y.message
+          innerHTML: b.message
         }, null, 8, Bt)
       ], 2))), 128))
-    ])) : v("", !0);
+    ])) : p("", !0);
   }
 }), Tt = /* @__PURE__ */ C({
   __name: "ToastWrapper",
-  setup(c) {
-    const i = g(), s = [
+  setup(f) {
+    const i = g(), n = [
       {
         id: "toast-notification-message",
         handler: (t) => {
@@ -929,36 +929,55 @@ const Z = { class: "form-check" }, ee = ["checked", "id"], te = ["for"], A = /*
       }
     ];
     return M(() => {
-      s.forEach((t) => window.addEventListener(t.id, t.handler));
+      n.forEach((t) => window.addEventListener(t.id, t.handler));
     }), Y(() => {
-      s.forEach((t) => window.removeEventListener(t.id, t.handler));
-    }), (t, e) => (o(), D(Q, {
+      n.forEach((t) => window.removeEventListener(t.id, t.handler));
+    }), (t, e) => (s(), D(Q, {
       ref_key: "toast",
       ref: i,
       defaultDisplayDuration: 5e3
     }, null, 512));
   }
-}), St = {
-  install(c) {
-    c.component("CheckBox", A), c.component("CheckBoxList", se), c.component("DropDown", z), c.component("DropDownMenu", V), c.component("DropDownCallBack", O), c.component("FilterCompact", K), c.component("FilterControl", U), c.component("IconButton", N), c.component("PaginatorControl", q), c.component("RadioButton", J), c.component("RadioButtonGroup", je), c.component("SpinningProgress", We), c.component("TableToList", vt), c.component("TextListBox", ht), c.component("ToastComponent", Q), c.component("ToastWrapper", Tt);
+}), Lt = {
+  CheckBox: W,
+  CheckBoxList: se,
+  DropDown: z,
+  DropDownMenu: V,
+  DropDownCallBack: A,
+  FilterCompact: K,
+  FilterControl: U,
+  IconButton: j,
+  PaginatorControl: q,
+  RadioButton: J,
+  RadioButtonGroup: Ne,
+  SpinningProgress: Oe,
+  TableToList: vt,
+  TextListBox: ht,
+  ToastComponent: Q,
+  ToastWrapper: Tt
+}, Mt = {
+  install(f) {
+    Object.entries(Lt).forEach(([i, n]) => {
+      f.component(i, n);
+    });
   }
 };
 export {
-  A as CheckBox,
+  W as CheckBox,
   se as CheckBoxList,
   z as DropDown,
-  O as DropDownCallBack,
+  A as DropDownCallBack,
   V as DropDownMenu,
   K as FilterCompact,
   U as FilterControl,
-  N as IconButton,
+  j as IconButton,
   q as PaginatorControl,
   J as RadioButton,
-  je as RadioButtonGroup,
-  We as SpinningProgress,
+  Ne as RadioButtonGroup,
+  Oe as SpinningProgress,
   vt as TableToList,
   ht as TextListBox,
   Q as ToastComponent,
   Tt as ToastWrapper,
-  St as default
+  Mt as default
 };

package/package.json

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