admins-components 1.1.0 → 1.2.1

package/dist/admins-components.umd.cjs

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

package/package.json

@@ -1,36 +1,38 @@
 {
     "name": "admins-components",
-    "version": "1.1.0",
-    "description": "admins component",
-    "main": "dist/index.cjs.js",
-    "module": "dist/index.esm.js",
-    "types": "dist/index.d.ts",
-    "exports": {
-        "import": "./dist/index.esm.js",
-        "require": "./dist/index.cjs.js"
-    },
+    "version": "1.2.1",
+    "type": "module",
     "files": [
         "dist"
     ],
+    "main": "./dist/admins-components.umd.cjs",
+    "module": "./dist/admins-components.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "import": "./dist/admins-components.js",
+            "require": "./dist/admins-components.umd.js"
+        },
+        "./dist/style.css": "./dist/main.css"
+    },
     "scripts": {
-        "build": "vite build"
+        "dev": "vite",
+        "build": "vue-tsc -b && vite build",
+        "preview": "vite preview"
     },
-    "keywords": [],
-    "author": "",
-    "license": "ISC",
-    "type": "commonjs",
     "dependencies": {
+        "rollup-plugin-typescript2": "^0.36.0",
         "vue": "^3.5.13"
     },
     "devDependencies": {
-        "@rollup/plugin-commonjs": "^28.0.2",
-        "@rollup/plugin-node-resolve": "^16.0.0",
-        "@rollup/plugin-typescript": "^12.1.2",
+        "@types/node": "^22.13.9",
+        "@types/path-browserify": "^1.0.3",
         "@vitejs/plugin-vue": "^5.2.1",
-        "rollup": "^4.34.9",
+        "@vue/tsconfig": "^0.7.0",
+        "path-browserify": "^1.0.1",
         "sass-embedded": "^1.85.1",
-        "typescript": "^5.8.2",
+        "typescript": "~5.7.2",
         "vite": "^6.2.0",
-        "vue-tsc": "^2.2.8"
+        "vue-tsc": "^2.2.4"
     }
 }