admins-components 1.2.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,7 +1,20 @@
 {
     "name": "admins-components",
-    "version": "1.2.0",
+    "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": {
         "dev": "vite",
         "build": "vue-tsc -b && vite build",
@@ -12,8 +25,11 @@
         "vue": "^3.5.13"
     },
     "devDependencies": {
+        "@types/node": "^22.13.9",
+        "@types/path-browserify": "^1.0.3",
         "@vitejs/plugin-vue": "^5.2.1",
         "@vue/tsconfig": "^0.7.0",
+        "path-browserify": "^1.0.1",
         "sass-embedded": "^1.85.1",
         "typescript": "~5.7.2",
         "vite": "^6.2.0",

package/admins-components/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["Vue.volar"]
-}

package/admins-components/README.md

@@ -1,5 +0,0 @@
-# Vue 3 + TypeScript + Vite
-
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
-
-Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).

package/admins-components/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Vue + TS</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>

package/admins-components/package.json

@@ -1,21 +0,0 @@
-{
-  "name": "admins-components",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc -b && vite build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "vue": "^3.5.13"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^5.2.1",
-    "@vue/tsconfig": "^0.7.0",
-    "typescript": "~5.7.2",
-    "vite": "^6.2.0",
-    "vue-tsc": "^2.2.4"
-  }
-}

package/admins-components/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/admins-components/src/App.vue

@@ -1,30 +0,0 @@
-<script setup lang="ts">
-import HelloWorld from './components/HelloWorld.vue'
-</script>
-
-<template>
-  <div>
-    <a href="https://vite.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
-  </div>
-  <HelloWorld msg="Vite + Vue" />
-</template>
-
-<style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-</style>

package/admins-components/src/assets/vue.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/admins-components/src/components/HelloWorld.vue

@@ -1,41 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-
-defineProps<{ msg: string }>()
-
-const count = ref(0)
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Learn more about IDE Support for Vue in the
-    <a
-      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
-      target="_blank"
-      >Vue Docs Scaling up Guide</a
-    >.
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>

package/admins-components/src/main.ts

@@ -1,5 +0,0 @@
-import { createApp } from 'vue'
-import './style.css'
-import App from './App.vue'
-
-createApp(App).mount('#app')

package/admins-components/src/style.css

@@ -1,79 +0,0 @@
-:root {
-  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-.card {
-  padding: 2em;
-}
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}

package/admins-components/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/admins-components/tsconfig.app.json

@@ -1,14 +0,0 @@
-{
-  "extends": "@vue/tsconfig/tsconfig.dom.json",
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
-}

package/admins-components/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}

package/admins-components/tsconfig.node.json

@@ -1,24 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2022",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/admins-components/vite.config.ts

@@ -1,7 +0,0 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [vue()],
-})

package/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Vue + TS</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>

package/src/App.vue

@@ -1,5 +0,0 @@
-<script setup lang="ts"></script>
-
-<template>
-    <div>Alma</div>
-</template>

package/src/assets/dropdown.scss

@@ -1,61 +0,0 @@
-.dd-flex {
-    display: flex;
-    flex: 1;
-}
-
-.dd-button {
-    width: 100%;
-}
-
-.dd-label {
-    display: flex;
-    flex: 1;
-    justify-content: center;
-}
-
-.dd-menu {
-    position: absolute;
-    z-index: 1000;
-    background-color: white;
-    display: block;
-    width: auto;
-    border: 1px solid var(--bs-gray-600);
-    border-radius: 5px;
-}
-
-.dd-item-list {
-    overflow: auto;
-    max-height: 400px;
-}
-
-.dd-item {
-    font-size: 1rem;
-    font-weight: normal;
-    cursor: pointer;
-    padding: 0.2rem;
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-
-    &__icon {
-        margin-right: 0.25rem;
-    }
-}
-
-.dd-item:hover {
-    background-color: var(--bs-gray-200);
-}
-
-.dd-toggle::after {
-    margin: auto;
-
-    display: inline-block;
-    width: 0;
-    height: 0;
-    margin-left: 0.255em;
-    vertical-align: 0.255em;
-    content: '';
-    border-top: 0.3em solid;
-    border-right: 0.3em solid transparent;
-    border-bottom: 0;
-    border-left: 0.3em solid transparent;
-}

package/src/assets/dropdowncallback.scss

@@ -1,57 +0,0 @@
-.ddc-flex {
-    display: flex;
-    flex: 1 !important;
-}
-
-.ddc-button {
-    width: 100%;
-}
-
-.ddc-menu {
-    position: absolute;
-    z-index: 1000;
-    background-color: white;
-    display: block;
-    border: 1px solid var(--bs-gray-200);
-    border-radius: 5px;
-    width: auto;
-}
-
-.ddc-row {
-    display: flex;
-    flex: 1;
-    align-items: center;
-    gap: 1rem;
-}
-
-.ddc-item {
-    display: flex;
-    flex-direction: row;
-    gap: 1rem;
-    align-items: center;
-    font-size: 1rem;
-    font-weight: normal;
-    cursor: pointer;
-    padding: 0.2rem;
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-    width: auto;
-    min-width: 150px;
-}
-
-.ddc-item:hover {
-    background-color: var(--bs-gray-200);
-}
-
-.ddc-label {
-    display: flex;
-    flex: 1;
-}
-
-.ddc-icon {
-    display: flex;
-}
-
-.dropdown-toggle::after {
-    margin: auto;
-}

package/src/assets/dropdownmenu.scss

@@ -1,33 +0,0 @@
-.ddm-menu {
-    position: absolute;
-    z-index: 1000;
-    background-color: white;
-    display: block;
-    border: 1px solid var(--bs-gray-200);
-    border-radius: 5px;
-}
-
-.ddm-item {
-    display: flex;
-    gap: 1rem;
-    align-items: center;
-    cursor: pointer;
-    padding: 0.5rem;
-    max-height: 400px;
-}
-
-.ddm-item:hover {
-    background-color: var(--bs-gray-400);
-}
-
-.ddm-item:active {
-    background-color: var(--bs-gray-200);
-}
-
-.ddm-label {
-    display: flex;
-    flex: 1;
-    justify-content: center;
-    align-items: center;
-    min-height: 1.5rem;
-}

package/src/assets/filtercompact.scss

@@ -1,6 +0,0 @@
-.fltrc-container {
-    display: flex;
-    flex: 1;
-    flex-direction: row;
-    gap: 1rem;
-}

package/src/assets/filtercontrol.scss

@@ -1,23 +0,0 @@
-.fltrctrl-container {
-    display: flex;
-    flex: 1;
-}
-
-.form-date {
-    display: flex;
-    flex-shrink: 1;
-    width: 100%;
-    padding: 0.375rem 0.75rem;
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.5;
-    color: var(--bs-body-color);
-    appearance: none;
-    background-color: var(--bs-body-bg);
-    background-clip: padding-box;
-    border: var(--bs-border-width) solid var(--bs-border-color);
-    border-radius: var(--bs-border-radius);
-    transition:
-        border-color 0.15s ease-in-out,
-        box-shadow 0.15s ease-in-out;
-}

package/src/assets/iconbutton.scss

@@ -1,31 +0,0 @@
-.ib-container {
-    display: flex;
-    justify-content: end;
-    padding-right: 1rem;
-}
-
-.ib-button {
-    height: 2rem;
-    width: 2rem;
-    border-radius: 1rem;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.ib-button:hover {
-    background-color: var(--bs-gray-400);
-}
-
-.ib-button:active {
-    background-color: var(--bs-gray-200);
-}
-
-.ib-button-active {
-    background-color: var(--bs-gray-100);
-}
-
-.ib-button-big {
-    font-size: 1.5rem;
-}

package/src/assets/main.scss

@@ -1,38 +0,0 @@
-::-webkit-scrollbar {
-    width: 0.7rem;
-}
-
-::-webkit-scrollbar-track {
-    border-radius: 0.7rem;
-    background-color: rgb(236, 235, 235);
-}
-
-::-webkit-scrollbar-thumb {
-    border-radius: 0.7rem;
-    background-color: rgb(219, 217, 217);
-}
-
-.clickable {
-    cursor: pointer;
-}
-
-.align-items-base {
-    align-items: baseline;
-}
-
-.label {
-    font-weight: bold;
-}
-
-@import "textlistbox.scss";
-@import "propertyselector.scss";
-@import "./dropdown.scss";
-@import "./dropdowncallback.scss";
-@import "./dropdownmenu.scss";
-@import "./filtercompact.scss";
-@import "./filtercontrol.scss";
-@import "./iconbutton.scss";
-@import "./paginatorcontrol.scss";
-@import "./tabletolist.scss";
-@import "./tabletolistoptions.scss";
-@import "./toastcomponent.scss";