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