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