admins-components 1.2.21 → 1.3.0
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var W=Object.defineProperty;var A=(d,l,o)=>l in d?W(d,l,{enumerable:!0,configurable:!0,writable:!0,value:o}):d[l]=o;var h=(d,l,o)=>A(d,typeof l!="symbol"?l+"":l,o);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),J={class:"form-check"},q=["checked","id"],K=["for"],N=e.defineComponent({__name:"CheckBox",props:{id:{},label:{},checked:{type:Boolean}},emits:["changed"],setup(d){return(l,o)=>(e.openBlock(),e.createElementBlock("div",J,[e.createElementVNode("input",{class:"form-check-input",type:"checkbox",checked:l.checked,value:"",id:l.id,onChange:o[0]||(o[0]=t=>l.$emit("changed",{id:l.id,checked:t.target.checked}))},null,40,q),e.createElementVNode("label",{class:"form-check-label",for:l.id},e.toDisplayString(l.label),9,K)]))}}),U={class:"cbl-childrend-container"},Q=e.defineComponent({__name:"CheckBoxList",props:{items:{},callback:{type:Function}},setup(d){return(l,o)=>{const t=e.resolveComponent("CheckBoxList",!0);return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,n=>(e.openBlock(),e.createElementBlock("div",{key:n.id,class:"cbl-container"},[e.createVNode(N,{id:n.id,label:n.label,checked:n.checked,onChanged:o[0]||(o[0]=r=>l.callback(r.id,r.checked))},null,8,["id","label","checked"]),e.createElementVNode("div",U,[n.childrend?(e.openBlock(),e.createBlock(t,{key:0,items:n.childrend,callback:l.callback},null,8,["items","callback"])):e.createCommentVNode("",!0)])]))),128)}}}),X=(d,l)=>{const o=d.__vccOpts||d;for(const[t,n]of l)o[t]=n;return o},z=X(Q,[["__scopeId","data-v-ae2832c5"]]),Y=["id"],Z=["disabled"],ee={class:"dd-label"},te={class:"dd-item-list"},oe=["onClick"],E=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:l}){const o=d;e.watch(o.options,()=>{o.filterevent&&(c.value=o.options.value)}),e.watch(()=>o.selected,()=>{u()}),e.watch(()=>o.label,()=>{u()});const t=l,n=f=>{o.storeselected||(p.value=f.label),t("selected",f)},r="törlés",p=e.ref(""),u=()=>{if(o.options.value){const f=o.options.value.find(v=>v.id==o.selected);f?p.value=f.label:(a(""),p.value=o.label)}};e.onMounted(()=>{o.label&&(p.value=o.label),u(),m="",document.addEventListener("click",function(){b.value=="block"&&(b.value="none")}),window.addEventListener("scrolled",function(){b.value=="block"&&(b.value="none")}),k()});let m="";const a=f=>{m=f,o.filterevent?t("filtered",f):f==""?c.value=o.options.value:c.value=o.options.value.filter(v=>v.label.toLowerCase().includes(f.toLowerCase()))},c=e.ref([]),s=()=>{n({label:o.label,id:""}),a("")},i=()=>{if(b.value=="block"){b.value="none";return}setTimeout(()=>{b.value="block"},10),setTimeout(k,20)},k=()=>{const f=g.value,v=C.value;o.opentop?v.style.top=f.getBoundingClientRect().y-v.offsetHeight+"px":(v.style.top=f.getBoundingClientRect().y+f.offsetHeight+"px",f.getBoundingClientRect().y-v.getBoundingClientRect().y!=-f.offsetHeight&&(v.style.top=parseInt(v.style.top.substring(0,v.style.top.length-2))+(f.getBoundingClientRect().y-v.getBoundingClientRect().y)+f.offsetHeight+"px")),D.value&&D.value.focus()},g=e.ref(null),C=e.ref(null),b=e.ref("none"),D=e.ref(null);return(f,v)=>(e.openBlock(),e.createElementBlock("div",{id:f.id,class:"dd-flex"},[e.createElementVNode("button",{ref_key:"DropDownTriggerButton",ref:g,class:"btn btn-outline-secondary dd-toggle dd-flex",type:"button",disabled:f.disabled,onClick:v[0]||(v[0]=y=>{a(e.unref(m)),i()})},[e.createElementVNode("div",ee,e.toDisplayString(p.value),1)],8,Z),e.createElementVNode("div",{class:"dd-menu",style:e.normalizeStyle({display:b.value}),ref_key:"DropDownMenu",ref:C},[p.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),f.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",te,[(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:Nt=>n(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,oe))),128))])],4)],8,Y))}}),le=["id"],ne=["disabled"],se={class:"ddc-row"},ae={class:"ddc-label"},re={class:"dd-item-list"},ie=["onClick"],ce={class:"ddc-item"},de={class:"ddc-label"},ue="törlés",S=e.defineComponent({__name:"DropDownCallBack",props:{id:{},default:{},selected:{},enabled:{type:Boolean},options:{}},setup(d){const l=d,o=c=>{c==l.default&&t.value.callback(""),t.value=c,t.value.callback(t.value.value)},t=e.ref(l.default),n=()=>{if(l.selected&&l.options.value){const c=l.options.value.find(s=>s.value==l.selected);c&&(t.value=c)}};e.onMounted(()=>{n(),document.addEventListener("click",function(){a.value=="block"&&(a.value="none")})});const r=()=>{setTimeout(()=>{a.value="block"},10),setTimeout(()=>{m.value=p.value.offsetHeight},20)},p=e.ref(null),u=e.ref(null),m=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:p,class:"btn btn-outline-secondary ddc-button",type:"button",disabled:!c.enabled,onClick:s[0]||(s[0]=i=>r())},[e.createElementVNode("span",se,[e.createElementVNode("i",{class:e.normalizeClass([t.value.icon,"ddc-icon"])},null,2),e.createElementVNode("span",ae,e.toDisplayString(t.value.label),1)])],8,ne),e.createElementVNode("div",{class:"ddc-menu",style:e.normalizeStyle({display:a.value,"margin-top":m.value+"px"}),ref_key:"DropDownMenu",ref:u},[t.value!=l.default?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"btn btn-outline-secondary ddc-button",onClick:s[1]||(s[1]=i=>o(l.default))},e.toDisplayString(ue))):e.createCommentVNode("",!0),e.createElementVNode("div",re,[(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:k=>o(i)},[e.createElementVNode("span",ce,[e.createElementVNode("i",{class:e.normalizeClass([i.icon,"ddc-icon"])},null,2),e.createElementVNode("span",de,e.toDisplayString(i.label),1)])],8,ie))),128))])],4)],8,le))}}),pe=["id"],me={key:0,class:"ddm-label"},ke={key:1,class:"ddm-label"},fe=["onClick"],V=e.defineComponent({__name:"DropDownMenu",props:{label:{},icon:{},options:{},item:{},id:{},right:{type:Boolean}},setup(d){const l=d;e.onMounted(()=>{document.addEventListener("click",function(){o.value&&(o.value=!1)})});const o=e.ref(!1),t=()=>{setTimeout(()=>{o.value=!0},10),setTimeout(n,20)},n=()=>{const m=r.value,a=p.value;a.style.top=m.getBoundingClientRect().y+m.offsetHeight+"px",m.getBoundingClientRect().y-a.getBoundingClientRect().y!=-m.offsetHeight&&(a.style.top=parseInt(a.style.top.substring(0,a.style.top.length-2))+(m.getBoundingClientRect().y-a.getBoundingClientRect().y)+m.offsetHeight+"px"),a.style.left=m.getBoundingClientRect().x-(l.right?100:0)+"px"},r=e.ref(null),p=e.ref(null),u=e.ref(0);return(m,a)=>(e.openBlock(),e.createElementBlock("div",{class:"d-flex",id:m.id},[e.createElementVNode("button",{ref_key:"DropDownTriggerButton",ref:r,class:"btn btn-outline-secondary",type:"button",onClick:a[0]||(a[0]=c=>t())},[m.label?(e.openBlock(),e.createElementBlock("span",me,e.toDisplayString(m.label),1)):e.createCommentVNode("",!0),m.icon?(e.openBlock(),e.createElementBlock("span",ke,[e.createElementVNode("i",{class:e.normalizeClass(m.icon)},null,2)])):e.createCommentVNode("",!0)],512),o.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"ddm-menu",ref_key:"DropDownMenu",ref:p,style:e.normalizeStyle({"margin-top":u.value+"px"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.options,c=>(e.openBlock(),e.createElementBlock("div",{key:c.icon,class:"ddm-item",onClick:s=>c.command(m.item)},[e.createElementVNode("i",{class:e.normalizeClass(c.icon)},null,2),e.createTextVNode(e.toDisplayString(c.label),1)],8,fe))),128))],4)):e.createCommentVNode("",!0)],8,pe))}}),ve={class:"fltrc-container"},ge={class:"fltrc-container"},ye=["placeholder","value"],Be={key:1,class:"d-flex flex-row input-group align-items-center"},be=["value"],he=["value"],T=e.defineComponent({__name:"FilterCompact",props:{items:{}},setup(d){const l=d,o=e.ref(0),t=e.ref(0),n=e.computed(()=>l.items[o.value].filter),r=c=>{let s=l.items[t.value];s.filter.filtered(s.filter.key,""),o.value=c,t.value=c,a.value+=1},p=e.ref(void 0);e.onMounted(()=>{let c=[];for(let s=0;s<l.items.length;s++)c.push({icon:l.items[s].icon,label:l.items[s].label,command:()=>r(s)});p.value=c});const u=e.ref({}),m=e.ref(void 0),a=e.ref(0);return(c,s)=>(e.openBlock(),e.createElementBlock("div",ve,[p.value?(e.openBlock(),e.createBlock(V,{key:0,id:"ddm",icon:c.items[o.value].icon,item:c.items[o.value],label:"",options:p.value},null,8,["icon","item","options"])):e.createCommentVNode("",!0),e.createElementVNode("div",ge,[n.value.type=="text"?(e.openBlock(),e.createElementBlock("input",{key:0,type:"text",class:"form-control",placeholder:n.value.placeholder,value:n.value.defaultv??"",onInput:s[0]||(s[0]=i=>{n.value.filtered(n.value.key,i.target.value),n.value.defaultv=i.target.value})},null,40,ye)):e.createCommentVNode("",!0),n.value.type=="date"?(e.openBlock(),e.createElementBlock("div",Be,[e.createElementVNode("input",{type:"date",class:"form-control",value:n.value.defFrom??"",onInput:s[1]||(s[1]=i=>{u.value.from=i.target.value==""?null:i.target.value,n.value.defFrom=i.target.value==""?null:i.target.value,n.value.filtered(n.value.key,u.value)})},null,40,be),s[5]||(s[5]=e.createElementVNode("span",{class:"input-group-text"},"-",-1)),e.createElementVNode("input",{type:"date",class:"form-control",value:n.value.defTill??"",onInput:s[2]||(s[2]=i=>{u.value.untill=i.target.value==""?null:i.target.value,n.value.defTill=i.target.value==""?null:i.target.value,n.value.filtered(n.value.key,u.value)})},null,40,he)])):e.createCommentVNode("",!0),n.value.type=="dropdown"?(e.openBlock(),e.createBlock(E,{key:a.value,selected:m.value,options:n.value.options,filterevent:n.value.filterevent,onFiltered:s[3]||(s[3]=i=>{n.value.onfiltered&&n.value.onfiltered(i)}),id:n.value.key,label:n.value.label,onSelected:s[4]||(s[4]=i=>n.value.filtered(n.value.key,i.id))},null,8,["selected","options","filterevent","id","label"])):e.createCommentVNode("",!0)])]))}}),Ce={class:"fltrctrl-container"},Ee=["placeholder","value"],_e={key:1,class:"d-flex flex-row input-group align-items-center"},Ne=["value"],Ve=["value"];class $e{constructor(l,o,t){h(this,"type");this.key=l,this.placeholder=o,this.filtered=t,this.type="text"}}class De{constructor(l,o,t,n,r,p){h(this,"type");this.key=l,this.label=o,this.options=t,this.filterevent=n,this.onfiltered=r,this.filtered=p,this.type="dropdown"}}class we{constructor(l,o,t,n,r){h(this,"type");this.key=l,this.label=o,this.filtered=t,this.defFrom=n,this.defTill=r,this.type="date"}}const _=e.ref({}),L=e.defineComponent({__name:"FilterControl",props:{item:{}},setup(d){const l=d;e.onMounted(()=>{var t;if(l.item.type=="dropdown"){const n=l.item;o.value=(t=n.options.value.find(r=>r.id==l.item.defaultv))==null?void 0:t.id}});const o=e.ref(void 0);return(t,n)=>(e.openBlock(),e.createElementBlock("div",Ce,[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:n[0]||(n[0]=r=>t.item.filtered(t.item.key,r.target.value))},null,40,Ee)):e.createCommentVNode("",!0),t.item.type=="date"?(e.openBlock(),e.createElementBlock("div",_e,[e.createElementVNode("input",{type:"date",class:"form-control",value:t.item.defFrom??"",onInput:n[1]||(n[1]=r=>{_.value.from=r.target.value==""?null:r.target.value,t.item.filtered(t.item.key,_.value)})},null,40,Ne),n[5]||(n[5]=e.createElementVNode("span",{class:"input-group-text"},"-",-1)),e.createElementVNode("input",{type:"date",class:"form-control",value:t.item.defTill??"",onInput:n[2]||(n[2]=r=>{_.value.untill=r.target.value==""?null:r.target.value,t.item.filtered(t.item.key,_.value)})},null,40,Ve)])):e.createCommentVNode("",!0),t.item.type=="dropdown"?(e.openBlock(),e.createBlock(E,{key:2,selected:o.value,options:e.ref(t.item.options),filterevent:t.item.filterevent,onFiltered:n[3]||(n[3]=r=>{t.item.onfiltered&&t.item.onfiltered(r)}),id:t.item.key,label:t.item.label,onSelected:n[4]||(n[4]=r=>t.item.filtered(t.item.key,r.id))},null,8,["selected","options","filterevent","id","label"])):e.createCommentVNode("",!0)]))}}),$=e.defineComponent({__name:"IconButton",props:{icon:{},active:{type:Boolean},big:{type:Boolean}},emits:["click"],setup(d,{emit:l}){const o=d,t=e.computed(()=>`${o.icon} ${o.big?"ib-button-big":""}`),n=l;return(r,p)=>(e.openBlock(),e.createElementBlock("div",{onClick:p[0]||(p[0]=u=>n("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)]))}}),Se={class:"pc-container"},Te=["value","max"],F=e.defineComponent({__name:"PaginatorControl",props:{settings:{}},emits:["pagesize","page"],setup(d,{emit:l}){const o=d,t=l,n=()=>{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 p=e.computed(()=>Math.floor(o.settings.value.total/o.settings.value.pagesize)+1),u=()=>{r.value>1&&(r.value-=1,t("page",r.value))},m=()=>{r.value<p.value&&(r.value+=1,t("page",r.value))};return(a,c)=>(e.openBlock(),e.createElementBlock("div",Se,[e.createElementVNode("button",{class:"btn btn-outline-secondary",onClick:u},"<"),e.createElementVNode("input",{class:"form-control pc-input",type:"number",value:r.value,min:"1",max:p.value,onChange:c[0]||(c[0]=s=>a.$emit("page",s.target.value))},null,40,Te),e.createTextVNode("/"+e.toDisplayString(p.value)+" ",1),e.createElementVNode("button",{class:"btn btn-outline-secondary",onClick:m},">"),e.createVNode(E,{opentop:!0,class:"pc-dropdown",id:"pagecount",label:"10",selected:a.settings.value.pagesize.toString(),options:n(),onSelected:c[1]||(c[1]=s=>{r.value=1,a.$emit("pagesize",parseInt(s.id))})},null,8,["selected","options"])]))}}),Le={class:"form-check"},Fe=["name","id","checked"],Ie=["for"],I=e.defineComponent({__name:"RadioButton",props:{group:{},label:{},id:{},selected:{type:Boolean}},emits:["selected"],setup(d){return(l,o)=>(e.openBlock(),e.createElementBlock("div",Le,[e.createElementVNode("input",{class:"form-check-input",type:"radio",name:l.group,id:l.id,checked:l.selected,onChange:o[0]||(o[0]=t=>l.$emit("selected",l.id))},null,40,Fe),e.createElementVNode("label",{class:"form-check-label",for:l.id},e.toDisplayString(l.label),9,Ie)]))}}),Me={class:"d-flex flex-column gap-2 justify-content-around"},R=e.defineComponent({__name:"RadioButtonGroup",props:{group:{},items:{}},emits:["selected"],setup(d){return(l,o)=>(e.openBlock(),e.createElementBlock("div",Me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,t=>(e.openBlock(),e.createBlock(I,{key:t.id,id:t.id,label:t.label,group:l.group,selected:t.selected,onSelected:o[0]||(o[0]=n=>l.$emit("selected",n))},null,8,["id","label","group","selected"]))),128))]))}}),xe={key:0,class:"spinner-border",role:"status"},H=e.defineComponent({__name:"SpinningProgress",props:{loading:{type:Boolean}},setup(d){return(l,o)=>l.loading?(e.openBlock(),e.createElementBlock("div",xe,o[0]||(o[0]=[e.createElementVNode("span",{class:"visually-hidden"},"Loading...",-1)]))):e.createCommentVNode("",!0)}}),ze={class:"t2l-table-view t2l-table-header-label"},Re={key:0,class:"t2l-select"},He={key:1,class:"t2l-cell"},Oe={class:"t2l-table-view t2l-table-header-filter"},Pe={key:0,class:"t2l-select"},je={key:1,class:"t2l-cell"},Ge={class:"t2l-table-view t2l-rows"},We={key:0,class:"t2l-select"},Ae=["id","onChange"],Je=["innerHTML"],qe={key:1,class:"t2l-cell t2l-actions"},Ke=["title","disabled","onClick"],Ue={class:"t2l-card-view t2l-card-filters"},Qe={class:"t2l-card-filter-order"},Xe={class:"t2l-card-filter-search"},Ye={class:"t2l-card-view t2l-rows"},Ze={key:0,class:"t2l-card-select"},et=["id","onChange"],tt={key:0,class:"t2l-property"},ot={class:"t2l-label"},lt=["innerHTML"],nt={class:"d-flex align-items-center"},st={key:1,class:"d-flex justify-content-center t2l-footer"},O=e.defineComponent({__name:"TableToList",props:{items:{},config:{}},emits:["pagesize","page"],setup(d){const l=d,o=e.computed(()=>l.config.columns.filter(a=>a.visible!=!1)),t=e.computed(()=>l.config.columns.filter(a=>a.visible!=!1&&a.filter)),n=e.computed(()=>o.value.filter(a=>a.sort&&a.sort.active&&a.sort.active.value)),r=e.computed(()=>Math.ceil(o.value.length/l.config.smColCount)),p=(a,c)=>{var s=a-1+(c-1)*r.value;return s<o.value.length?o.value[s]:null},u=(a,c)=>a.converter?a.converter(c[a.property],c):c[a.property],m=a=>{if(a.sort&&a.sort.active){let c=!a.sort.active.value;l.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",ze,[a.config.selectableId?(e.openBlock(),e.createElementBlock("span",Re)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,s=>{var i,k;return e.openBlock(),e.createElementBlock("span",{class:"t2l-cell",key:s.property},[s.sort?(e.openBlock(),e.createBlock($,{key:0,icon:s.sort.icon,onClick:g=>m(s),active:(k=(i=s.sort)==null?void 0:i.active)==null?void 0:k.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",He,e.toDisplayString(a.config.actionHeader),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Oe,[a.config.selectableId?(e.openBlock(),e.createElementBlock("span",Pe)):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(L,{key:0,item:s.filter},null,8,["item"])):e.createCommentVNode("",!0)]))),128)),a.config.actionHeader?(e.openBlock(),e.createElementBlock("span",je)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Ge,[(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",We,[e.createElementVNode("input",{class:"form-check-input",type:"checkbox",id:s[a.config.selectableId],onChange:i=>s.selected=!s.selected},null,40,Ae)])):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:u(i,s)},null,8,Je))),128)),a.config.actions?(e.openBlock(),e.createElementBlock("div",qe,[(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:k=>i.command(s)},[e.createElementVNode("i",{class:e.normalizeClass(i.icon)},null,2)],8,Ke))),128))])):e.createCommentVNode("",!0)]))),128))]),e.createElementVNode("div",Ue,[e.createElementVNode("div",Qe,[e.createVNode(S,{id:"card-filter-order",default:{icon:"fa-solid fa-chevron-down",label:"rendezés"},selected:n.value.length>0?n.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",Xe,[e.createVNode(T,{items:t.value.map(s=>({filter:s.filter,icon:s.filterIcon,label:s.label}))},null,8,["items"])])]),e.createElementVNode("div",Ye,[(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",Ze,[e.createElementVNode("input",{class:"form-check-input",type:"checkbox",id:s[a.config.selectableId],onChange:k=>s.selected=!s.selected},null,40,et)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.config.smColCount,k=>(e.openBlock(),e.createElementBlock("div",{class:"t2l-card-col",key:k},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,g=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:g},[p(g,k)?(e.openBlock(),e.createElementBlock("div",tt,[e.createElementVNode("span",ot,e.toDisplayString(p(g,k).label),1),e.createElementVNode("div",{innerHTML:u(p(g,k),s)},null,8,lt)])):e.createCommentVNode("",!0)],64))),128))]))),128)),e.createElementVNode("div",nt,[l.config.actions?(e.openBlock(),e.createBlock(V,{key:0,item:s,options:l.config.actions,label:"...",id:i.toString(),right:!0},null,8,["item","options","id"])):e.createCommentVNode("",!0)])]))),128))]),a.config.paginatorSettings?(e.openBlock(),e.createBlock(F,{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",st," Elemek: "+e.toDisplayString(l.items.length),1))],64))}}),at={class:"d-flex flex flex-row"},rt={key:1,class:"d-flex flex-column gap-2 options-body flex-grow-1"},it={class:"d-flex flex-row"},ct={class:"d-flex align-items-end"},dt=["disabled"],P=e.defineComponent({__name:"TableToListOptions",props:{colCount:{},options:{}},emits:["save"],setup(d,{emit:l}){const o=d,t=e.ref([]);e.onMounted(()=>{t.value=o.options,c()});const n=e.computed(()=>o.colCount!=0?Math.ceil(o.options.length/o.colCount):0),r=(s,i)=>{var k=o.options[(s-1)*n.value+i-1];return k},p=()=>{u("save",t.value)},u=l,m=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",at,[m.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]=k=>m.value=!m.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)]))),m.value?(e.openBlock(),e.createElementBlock("div",rt,[i[4]||(i[4]=e.createElementVNode("div",{class:"options-header-label"},"Látható oszlopok",-1)),e.createElementVNode("div",it,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.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(n.value,g=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:g},[r(k,g)?(e.openBlock(),e.createBlock(N,{key:0,id:r(k,g).property,label:r(k,g).label,checked:r(k,g).checked,onChanged:i[1]||(i[1]=C=>{t.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",ct,[e.createElementVNode("button",{class:"btn btn-outline-secondary",type:"button",onClick:p,disabled:a.value},i[3]||(i[3]=[e.createElementVNode("i",{class:"fa-solid fa-save"},null,-1)]),8,dt)])])])):e.createCommentVNode("",!0)]))}}),ut={class:"tlb-container d-flex flex-column flex-grow-1"},pt={class:"d-flex flex-row tlb-item"},mt={class:"d-flex flex-column flex-grow-1 flex-sm-row justify-content-between tlb-item"},kt=["id"],ft={key:0,class:"d-flex id"},vt={class:"d-flex flex-row align-items-center tlb-children-container"},j=e.defineComponent({__name:"TextListBox",props:{items:{}},emits:["deleted"],setup(d){return(l,o)=>{const t=e.resolveComponent("TextListBox",!0);return e.openBlock(),e.createElementBlock("div",ut,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,n=>(e.openBlock(),e.createElementBlock("div",{class:"d-flex flex-column",key:n.id},[e.createElementVNode("div",pt,[e.createElementVNode("div",mt,[e.createElementVNode("div",{class:"d-flex flex-grow-1",id:n.id},e.toDisplayString(n.label),9,kt),n.showId?(e.openBlock(),e.createElementBlock("div",ft,e.toDisplayString(n.id),1)):e.createCommentVNode("",!0)]),n.hideDelete?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock($,{key:0,icon:"fa-solid fa-trash",onClick:r=>l.$emit("deleted",n.id)},null,8,["onClick"]))]),e.createElementVNode("div",vt,[n.childrend?(e.openBlock(),e.createBlock(t,{key:0,items:n.childrend,showId:n.showId,hideDelete:n.hideDelete},null,8,["items","showId","hideDelete"])):e.createCommentVNode("",!0)])]))),128))])}}}),gt={key:0,class:"toast-container position-fixed bottom-0 start-50 translate-middle-x p-4 toast-zindex"},yt={class:"toast-header"},Bt={class:"me-auto"},bt={class:"text-body-secondary"},ht=["onClick"],Ct=["innerHTML"],x=500,M=e.defineComponent({__name:"ToastComponent",props:{defaultDisplayDuration:{}},setup(d,{expose:l}){const o=d,t=e.ref([]);return l({addToast:r=>{r.displayDuration||(r.displayDuration=o.defaultDisplayDuration),r.id=new Date,t.value.filter(function(p){return p.id!==r.id}),t.value.push(r)}}),setInterval(()=>{t.value=t.value.map(r=>(r.displayDuration-=x,r)),t.value=t.value.filter(r=>r.displayDuration>0)},x),(r,p)=>t.value.length>0?(e.openBlock(),e.createElementBlock("div",gt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,u=>(e.openBlock(),e.createElementBlock("div",{key:u.message,class:e.normalizeClass(["toast d-block",{"toast-info":u.type==="info","toast-success":u.type==="success","toast-warning":u.type==="warning","toast-error":u.type==="error"}]),role:"alert","aria-live":"assertive","aria-atomic":"true"},[e.createElementVNode("div",yt,[e.createElementVNode("strong",Bt,e.toDisplayString(u.title),1),e.createElementVNode("small",bt,e.toDisplayString(u.id.toLocaleTimeString()),1),e.createElementVNode("button",{type:"button",class:"btn-close","data-bs-dismiss":"toast","aria-label":"Close",onClick:m=>t.value=t.value.filter(a=>a.id!==u.id)},null,8,ht)]),e.createElementVNode("div",{class:"toast-body",innerHTML:u.message},null,8,Ct)],2))),128))])):e.createCommentVNode("",!0)}}),G=e.defineComponent({__name:"ToastWrapper",setup(d){const l=e.ref(),o=[{id:"toast-notification-message",handler:t=>{let n=t.detail;l.value.addToast({title:n.title,message:n.message,type:n.severity,displayDuration:n.displayDuration})}},{id:"fetch-error",handler:t=>{let n=t.detail;l.value.addToast({title:n.title,message:n.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,n)=>(e.openBlock(),e.createBlock(M,{ref_key:"toast",ref:l,defaultDisplayDuration:5e3},null,512))}}),B=class B{};h(B,"getId",(l,o)=>`${l}_${o}`),h(B,"saveOptions",(l,o,t)=>{localStorage.setItem(B.getId(l,o),JSON.stringify(t)),window.location.reload()}),h(B,"cleanOptions",(l,o)=>{for(let t=0;t<localStorage.length;t++)localStorage.key(t).includes(l)&&localStorage.key(t)!=B.getId(l,o)&&localStorage.removeItem(localStorage.key(t))}),h(B,"loadOptions",(l,o,t,n,r)=>{B.cleanOptions(l,o);const p=B.getId(l,o);if(localStorage.getItem(p))try{r.value=JSON.parse(localStorage.getItem(p)),r.value.forEach(u=>n.columns.find(m=>m.property==u.property).visible=u.checked)}catch{localStorage.removeItem(p),B.loadOptions(l,o,t,n,r)}else t||(t=[]),r.value=n.columns.map(u=>(u.visible=t.indexOf(u.property)==-1,{label:u.label,property:u.property,checked:u.visible}))});let w=B;const Et={CheckBox:N,CheckBoxList:z,DropDown:E,DropDownMenu:V,DropDownCallBack:S,FilterCompact:T,FilterControl:L,IconButton:$,PaginatorControl:F,RadioButton:I,RadioButtonGroup:R,SpinningProgress:H,TableToList:O,TableToListOptions:P,TextListBox:j,ToastComponent:M,ToastWrapper:G},_t={install(d){Object.entries(Et).forEach(([l,o])=>{d.component(l,o)})}};exports.CheckBox=N;exports.CheckBoxList=z;exports.DropDown=E;exports.DropDownCallBack=S;exports.DropDownMenu=V;exports.FilterCompact=T;exports.FilterControl=L;exports.FilterDate=we;exports.FilterDropDown=De;exports.FilterText=$e;exports.IconButton=$;exports.PaginatorControl=F;exports.RadioButton=I;exports.RadioButtonGroup=R;exports.SpinningProgress=H;exports.TabelToListOptionsPersister=w;exports.TableToList=O;exports.TableToListOptions=P;exports.TextListBox=j;exports.ToastComponent=M;exports.ToastWrapper=G;exports.default=_t;
|
|
1
|
+
"use strict";var W=Object.defineProperty;var A=(d,l,o)=>l in d?W(d,l,{enumerable:!0,configurable:!0,writable:!0,value:o}):d[l]=o;var h=(d,l,o)=>A(d,typeof l!="symbol"?l+"":l,o);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),J={class:"form-check"},q=["checked","id"],K=["for"],N=e.defineComponent({__name:"CheckBox",props:{id:{},label:{},checked:{type:Boolean}},emits:["changed"],setup(d){return(l,o)=>(e.openBlock(),e.createElementBlock("div",J,[e.createElementVNode("input",{class:"form-check-input",type:"checkbox",checked:l.checked,value:"",id:l.id,onChange:o[0]||(o[0]=t=>l.$emit("changed",{id:l.id,checked:t.target.checked}))},null,40,q),e.createElementVNode("label",{class:"form-check-label",for:l.id},e.toDisplayString(l.label),9,K)]))}}),U={class:"cbl-childrend-container"},Q=e.defineComponent({__name:"CheckBoxList",props:{items:{},callback:{type:Function}},setup(d){return(l,o)=>{const t=e.resolveComponent("CheckBoxList",!0);return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,n=>(e.openBlock(),e.createElementBlock("div",{key:n.id,class:"cbl-container"},[e.createVNode(N,{id:n.id,label:n.label,checked:n.checked,onChanged:o[0]||(o[0]=r=>l.callback(r.id,r.checked))},null,8,["id","label","checked"]),e.createElementVNode("div",U,[n.childrend?(e.openBlock(),e.createBlock(t,{key:0,items:n.childrend,callback:l.callback},null,8,["items","callback"])):e.createCommentVNode("",!0)])]))),128)}}}),X=(d,l)=>{const o=d.__vccOpts||d;for(const[t,n]of l)o[t]=n;return o},z=X(Q,[["__scopeId","data-v-ae2832c5"]]),Y=["id"],Z=["disabled"],ee={class:"dd-label"},te={class:"dd-item-list"},oe=["onClick"],E=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:l}){const o=d;e.watch(o.options,()=>{o.filterevent&&(c.value=o.options.value)}),e.watch(()=>o.selected,()=>{u()}),e.watch(()=>o.label,()=>{u()});const t=l,n=k=>{o.storeselected||(p.value=k.label),t("selected",k)},r="törlés",p=e.ref(""),u=()=>{if(o.options.value){const k=o.options.value.find(v=>v.id==o.selected);k?p.value=k.label:(a(""),p.value=o.label)}};e.onMounted(()=>{o.label&&(p.value=o.label),u(),m="",document.addEventListener("click",function(){b.value=="block"&&(b.value="none")}),window.addEventListener("scrolled",function(){b.value=="block"&&(b.value="none")}),f()});let m="";const a=k=>{m=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=()=>{n({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=C.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),C=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(m)),i()})},[e.createElementVNode("div",ee,e.toDisplayString(p.value),1)],8,Z),e.createElementVNode("div",{class:"dd-menu",style:e.normalizeStyle({display:b.value}),ref_key:"DropDownMenu",ref:C},[p.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",te,[(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:Vt=>n(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,oe))),128))])],4)],8,Y))}}),le=["id"],ne=["disabled"],se={class:"ddc-row"},ae={class:"ddc-label"},re={class:"dd-item-list"},ie=["onClick"],ce={class:"ddc-item"},de={class:"ddc-label"},ue="törlés",S=e.defineComponent({__name:"DropDownCallBack",props:{id:{},default:{},selected:{},enabled:{type:Boolean},options:{}},setup(d){const l=d,o=c=>{c==l.default&&t.value.callback(""),t.value=c,t.value.callback(t.value.value)},t=e.ref(l.default),n=()=>{if(l.selected&&l.options.value){const c=l.options.value.find(s=>s.value==l.selected);c&&(t.value=c)}};e.onMounted(()=>{n(),document.addEventListener("click",function(){a.value=="block"&&(a.value="none")})});const r=()=>{setTimeout(()=>{a.value="block"},10),setTimeout(()=>{m.value=p.value.offsetHeight},20)},p=e.ref(null),u=e.ref(null),m=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:p,class:"btn btn-outline-secondary ddc-button",type:"button",disabled:!c.enabled,onClick:s[0]||(s[0]=i=>r())},[e.createElementVNode("span",se,[e.createElementVNode("i",{class:e.normalizeClass([t.value.icon,"ddc-icon"])},null,2),e.createElementVNode("span",ae,e.toDisplayString(t.value.label),1)])],8,ne),e.createElementVNode("div",{class:"ddc-menu",style:e.normalizeStyle({display:a.value,"margin-top":m.value+"px"}),ref_key:"DropDownMenu",ref:u},[t.value!=l.default?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"btn btn-outline-secondary ddc-button",onClick:s[1]||(s[1]=i=>o(l.default))},e.toDisplayString(ue))):e.createCommentVNode("",!0),e.createElementVNode("div",re,[(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",ce,[e.createElementVNode("i",{class:e.normalizeClass([i.icon,"ddc-icon"])},null,2),e.createElementVNode("span",de,e.toDisplayString(i.label),1)])],8,ie))),128))])],4)],8,le))}}),pe=["id"],me={key:0,class:"ddm-label"},fe={key:1,class:"ddm-label"},ke=["onClick"],V=e.defineComponent({__name:"DropDownMenu",props:{label:{},icon:{},options:{},item:{},id:{},right:{type:Boolean}},setup(d){const l=d;e.onMounted(()=>{document.addEventListener("click",function(){o.value&&(o.value=!1)})});const o=e.ref(!1),t=()=>{setTimeout(()=>{o.value=!0},10),setTimeout(n,20)},n=()=>{const m=r.value,a=p.value;a.style.top=m.getBoundingClientRect().y+m.offsetHeight+"px",m.getBoundingClientRect().y-a.getBoundingClientRect().y!=-m.offsetHeight&&(a.style.top=parseInt(a.style.top.substring(0,a.style.top.length-2))+(m.getBoundingClientRect().y-a.getBoundingClientRect().y)+m.offsetHeight+"px"),a.style.left=m.getBoundingClientRect().x-(l.right?100:0)+"px"},r=e.ref(null),p=e.ref(null),u=e.ref(0);return(m,a)=>(e.openBlock(),e.createElementBlock("div",{class:"d-flex",id:m.id},[e.createElementVNode("button",{ref_key:"DropDownTriggerButton",ref:r,class:"btn btn-outline-secondary",type:"button",onClick:a[0]||(a[0]=c=>t())},[m.label?(e.openBlock(),e.createElementBlock("span",me,e.toDisplayString(m.label),1)):e.createCommentVNode("",!0),m.icon?(e.openBlock(),e.createElementBlock("span",fe,[e.createElementVNode("i",{class:e.normalizeClass(m.icon)},null,2)])):e.createCommentVNode("",!0)],512),o.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"ddm-menu",ref_key:"DropDownMenu",ref:p,style:e.normalizeStyle({"margin-top":u.value+"px"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.options,c=>(e.openBlock(),e.createElementBlock("div",{key:c.icon,class:"ddm-item",onClick:s=>c.command(m.item)},[e.createElementVNode("i",{class:e.normalizeClass(c.icon)},null,2),e.createTextVNode(e.toDisplayString(c.label),1)],8,ke))),128))],4)):e.createCommentVNode("",!0)],8,pe))}}),ve={class:"fltrc-container"},ge={class:"fltrc-container"},ye=["placeholder","value"],Be={key:1,class:"d-flex flex-row input-group align-items-center"},be=["value"],he=["value"],T=e.defineComponent({__name:"FilterCompact",props:{items:{}},setup(d){const l=d,o=e.ref(0),t=e.ref(0),n=e.computed(()=>l.items[o.value].filter),r=c=>{let s=l.items[t.value];s.filter.filtered(s.filter.key,""),o.value=c,t.value=c,a.value+=1},p=e.ref(void 0);e.onMounted(()=>{let c=[];for(let s=0;s<l.items.length;s++)c.push({icon:l.items[s].icon,label:l.items[s].label,command:()=>r(s)});p.value=c});const u=e.ref({}),m=e.ref(void 0),a=e.ref(0);return(c,s)=>(e.openBlock(),e.createElementBlock("div",ve,[p.value?(e.openBlock(),e.createBlock(V,{key:0,id:"ddm",icon:c.items[o.value].icon,item:c.items[o.value],label:"",options:p.value},null,8,["icon","item","options"])):e.createCommentVNode("",!0),e.createElementVNode("div",ge,[n.value.type=="text"?(e.openBlock(),e.createElementBlock("input",{key:0,type:"text",class:"form-control",placeholder:n.value.placeholder,value:n.value.defaultv??"",onInput:s[0]||(s[0]=i=>{n.value.filtered(n.value.key,i.target.value),n.value.defaultv=i.target.value})},null,40,ye)):e.createCommentVNode("",!0),n.value.type=="date"?(e.openBlock(),e.createElementBlock("div",Be,[e.createElementVNode("input",{type:"date",class:"form-control",value:n.value.defFrom??"",onInput:s[1]||(s[1]=i=>{u.value.from=i.target.value==""?null:i.target.value,n.value.defFrom=i.target.value==""?null:i.target.value,n.value.filtered(n.value.key,u.value)})},null,40,be),s[5]||(s[5]=e.createElementVNode("span",{class:"input-group-text"},"-",-1)),e.createElementVNode("input",{type:"date",class:"form-control",value:n.value.defTill??"",onInput:s[2]||(s[2]=i=>{u.value.untill=i.target.value==""?null:i.target.value,n.value.defTill=i.target.value==""?null:i.target.value,n.value.filtered(n.value.key,u.value)})},null,40,he)])):e.createCommentVNode("",!0),n.value.type=="dropdown"?(e.openBlock(),e.createBlock(E,{key:a.value,selected:m.value,options:n.value.options,filterevent:n.value.filterevent,onFiltered:s[3]||(s[3]=i=>{n.value.onfiltered&&n.value.onfiltered(i)}),id:n.value.key,label:n.value.label,onSelected:s[4]||(s[4]=i=>n.value.filtered(n.value.key,i.id))},null,8,["selected","options","filterevent","id","label"])):e.createCommentVNode("",!0)])]))}}),Ce={class:"fltrctrl-container"},Ee=["placeholder","value"],_e={key:1,class:"d-flex flex-row input-group align-items-center"},Ne=["value"],Ve=["value"];class $e{constructor(l,o,t){h(this,"type");this.key=l,this.placeholder=o,this.filtered=t,this.type="text"}}class De{constructor(l,o,t,n,r,p){h(this,"type");this.key=l,this.label=o,this.options=t,this.filterevent=n,this.onfiltered=r,this.filtered=p,this.type="dropdown"}}class we{constructor(l,o,t,n,r){h(this,"type");this.key=l,this.label=o,this.filtered=t,this.defFrom=n,this.defTill=r,this.type="date"}}const _=e.ref({}),L=e.defineComponent({__name:"FilterControl",props:{item:{}},setup(d){const l=d;e.onMounted(()=>{var t;if(l.item.type=="dropdown"){const n=l.item;o.value=(t=n.options.value.find(r=>r.id==l.item.defaultv))==null?void 0:t.id}});const o=e.ref(void 0);return(t,n)=>(e.openBlock(),e.createElementBlock("div",Ce,[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:n[0]||(n[0]=r=>t.item.filtered(t.item.key,r.target.value))},null,40,Ee)):e.createCommentVNode("",!0),t.item.type=="date"?(e.openBlock(),e.createElementBlock("div",_e,[e.createElementVNode("input",{type:"date",class:"form-control",value:t.item.defFrom??"",onInput:n[1]||(n[1]=r=>{_.value.from=r.target.value==""?null:r.target.value,t.item.filtered(t.item.key,_.value)})},null,40,Ne),n[5]||(n[5]=e.createElementVNode("span",{class:"input-group-text"},"-",-1)),e.createElementVNode("input",{type:"date",class:"form-control",value:t.item.defTill??"",onInput:n[2]||(n[2]=r=>{_.value.untill=r.target.value==""?null:r.target.value,t.item.filtered(t.item.key,_.value)})},null,40,Ve)])):e.createCommentVNode("",!0),t.item.type=="dropdown"?(e.openBlock(),e.createBlock(E,{key:2,selected:o.value,options:e.ref(t.item.options),filterevent:t.item.filterevent,onFiltered:n[3]||(n[3]=r=>{t.item.onfiltered&&t.item.onfiltered(r)}),id:t.item.key,label:t.item.label,onSelected:n[4]||(n[4]=r=>t.item.filtered(t.item.key,r.id))},null,8,["selected","options","filterevent","id","label"])):e.createCommentVNode("",!0)]))}}),$=e.defineComponent({__name:"IconButton",props:{icon:{},active:{type:Boolean},big:{type:Boolean}},emits:["click"],setup(d,{emit:l}){const o=d,t=e.computed(()=>`${o.icon} ${o.big?"ib-button-big":""}`),n=l;return(r,p)=>(e.openBlock(),e.createElementBlock("div",{onClick:p[0]||(p[0]=u=>n("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)]))}}),Se={class:"pc-container"},Te=["value","max"],F=e.defineComponent({__name:"PaginatorControl",props:{settings:{}},emits:["pagesize","page"],setup(d,{emit:l}){const o=d,t=l,n=()=>{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 p=e.computed(()=>Math.floor(o.settings.value.total/o.settings.value.pagesize)+1),u=()=>{r.value>1&&(r.value-=1,t("page",r.value))},m=()=>{r.value<p.value&&(r.value+=1,t("page",r.value))};return(a,c)=>(e.openBlock(),e.createElementBlock("div",Se,[e.createElementVNode("button",{class:"btn btn-outline-secondary",onClick:u},"<"),e.createElementVNode("input",{class:"form-control pc-input",type:"number",value:r.value,min:"1",max:p.value,onChange:c[0]||(c[0]=s=>a.$emit("page",s.target.value))},null,40,Te),e.createTextVNode("/"+e.toDisplayString(p.value)+" ",1),e.createElementVNode("button",{class:"btn btn-outline-secondary",onClick:m},">"),e.createVNode(E,{opentop:!0,class:"pc-dropdown",id:"pagecount",label:"10",selected:a.settings.value.pagesize.toString(),options:n(),onSelected:c[1]||(c[1]=s=>{r.value=1,a.$emit("pagesize",parseInt(s.id))})},null,8,["selected","options"])]))}}),Le={class:"form-check"},Fe=["name","id","checked"],Ie=["for"],I=e.defineComponent({__name:"RadioButton",props:{group:{},label:{},id:{},selected:{type:Boolean}},emits:["selected"],setup(d){return(l,o)=>(e.openBlock(),e.createElementBlock("div",Le,[e.createElementVNode("input",{class:"form-check-input",type:"radio",name:l.group,id:l.id,checked:l.selected,onChange:o[0]||(o[0]=t=>l.$emit("selected",l.id))},null,40,Fe),e.createElementVNode("label",{class:"form-check-label",for:l.id},e.toDisplayString(l.label),9,Ie)]))}}),Me={class:"d-flex flex-column gap-2 justify-content-around"},R=e.defineComponent({__name:"RadioButtonGroup",props:{group:{},items:{}},emits:["selected"],setup(d){return(l,o)=>(e.openBlock(),e.createElementBlock("div",Me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,t=>(e.openBlock(),e.createBlock(I,{key:t.id,id:t.id,label:t.label,group:l.group,selected:t.selected,onSelected:o[0]||(o[0]=n=>l.$emit("selected",n))},null,8,["id","label","group","selected"]))),128))]))}}),xe={key:0,class:"spinner-border",role:"status"},H=e.defineComponent({__name:"SpinningProgress",props:{loading:{type:Boolean}},setup(d){return(l,o)=>l.loading?(e.openBlock(),e.createElementBlock("div",xe,o[0]||(o[0]=[e.createElementVNode("span",{class:"visually-hidden"},"Loading...",-1)]))):e.createCommentVNode("",!0)}}),ze={class:"t2l-table-view t2l-table-header-label"},Re={key:0,class:"t2l-select"},He={key:1,class:"t2l-cell"},Oe={class:"t2l-table-view t2l-table-header-filter"},Pe={key:0,class:"t2l-select"},je={key:1,class:"t2l-cell"},Ge={class:"t2l-table-view t2l-rows"},We={key:0,class:"t2l-select"},Ae=["id","onChange"],Je=["innerHTML"],qe={key:1,class:"t2l-cell t2l-actions"},Ke=["title","disabled","onClick"],Ue={class:"t2l-card-view t2l-card-filters"},Qe={class:"t2l-card-filter-order"},Xe={class:"t2l-card-filter-search"},Ye={class:"t2l-card-view t2l-rows"},Ze={key:0,class:"t2l-card-select"},et=["id","onChange"],tt={key:0,class:"t2l-property"},ot={class:"t2l-label"},lt=["innerHTML"],nt={class:"d-flex align-items-center"},st={key:1,class:"d-flex justify-content-center t2l-footer"},O=e.defineComponent({__name:"TableToList",props:{items:{},config:{}},emits:["pagesize","page"],setup(d){const l=d,o=e.computed(()=>l.config.columns.filter(a=>a.visible!=!1)),t=e.computed(()=>l.config.columns.filter(a=>a.visible!=!1&&a.filter)),n=e.computed(()=>o.value.filter(a=>a.sort&&a.sort.active&&a.sort.active.value)),r=e.computed(()=>Math.ceil(o.value.length/l.config.smColCount)),p=(a,c)=>{var s=a-1+(c-1)*r.value;return s<o.value.length?o.value[s]:null},u=(a,c)=>a.converter?a.converter(c[a.property],c):c[a.property],m=a=>{if(a.sort&&a.sort.active){let c=!a.sort.active.value;l.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",ze,[a.config.selectableId?(e.openBlock(),e.createElementBlock("span",Re)):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($,{key:0,icon:s.sort.icon,onClick:g=>m(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",He,e.toDisplayString(a.config.actionHeader),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Oe,[a.config.selectableId?(e.openBlock(),e.createElementBlock("span",Pe)):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(L,{key:0,item:s.filter},null,8,["item"])):e.createCommentVNode("",!0)]))),128)),a.config.actionHeader?(e.openBlock(),e.createElementBlock("span",je)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Ge,[(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",We,[e.createElementVNode("input",{class:"form-check-input",type:"checkbox",id:s[a.config.selectableId],onChange:i=>s.selected=!s.selected},null,40,Ae)])):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:u(i,s)},null,8,Je))),128)),a.config.actions?(e.openBlock(),e.createElementBlock("div",qe,[(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,Ke))),128))])):e.createCommentVNode("",!0)]))),128))]),e.createElementVNode("div",Ue,[e.createElementVNode("div",Qe,[e.createVNode(S,{id:"card-filter-order",default:{icon:"fa-solid fa-chevron-down",label:"rendezés"},selected:n.value.length>0?n.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",Xe,[e.createVNode(T,{items:t.value.map(s=>({filter:s.filter,icon:s.filterIcon,label:s.label}))},null,8,["items"])])]),e.createElementVNode("div",Ye,[(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",Ze,[e.createElementVNode("input",{class:"form-check-input",type:"checkbox",id:s[a.config.selectableId],onChange:f=>s.selected=!s.selected},null,40,et)])):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},[p(g,f)?(e.openBlock(),e.createElementBlock("div",tt,[e.createElementVNode("span",ot,e.toDisplayString(p(g,f).label),1),e.createElementVNode("div",{innerHTML:u(p(g,f),s)},null,8,lt)])):e.createCommentVNode("",!0)],64))),128))]))),128)),e.createElementVNode("div",nt,[l.config.actions?(e.openBlock(),e.createBlock(V,{key:0,item:s,options:l.config.actions,label:"...",id:i.toString(),right:!0},null,8,["item","options","id"])):e.createCommentVNode("",!0)])]))),128))]),a.config.paginatorSettings?(e.openBlock(),e.createBlock(F,{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",st," Elemek: "+e.toDisplayString(l.items.length),1))],64))}}),at={class:"d-flex flex flex-row"},rt={key:1,class:"d-flex flex-column gap-2 options-body flex-grow-1"},it={class:"d-flex flex-row"},ct={class:"d-flex align-items-end"},dt=["disabled"],P=e.defineComponent({__name:"TableToListOptions",props:{colCount:{},options:{}},emits:["save"],setup(d,{emit:l}){const o=d,t=e.ref([]);e.onMounted(()=>{t.value=o.options,c()});const n=e.computed(()=>o.colCount!=0?Math.ceil(o.options.length/o.colCount):0),r=(s,i)=>{var f=o.options[(s-1)*n.value+i-1];return f},p=()=>{u("save",t.value)},u=l,m=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",at,[m.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=>m.value=!m.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)]))),m.value?(e.openBlock(),e.createElementBlock("div",rt,[i[4]||(i[4]=e.createElementVNode("div",{class:"options-header-label"},"Látható oszlopok",-1)),e.createElementVNode("div",it,[(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(n.value,g=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:g},[r(f,g)?(e.openBlock(),e.createBlock(N,{key:0,id:r(f,g).property,label:r(f,g).label,checked:r(f,g).checked,onChanged:i[1]||(i[1]=C=>{t.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",ct,[e.createElementVNode("button",{class:"btn btn-outline-secondary",type:"button",onClick:p,disabled:a.value},i[3]||(i[3]=[e.createElementVNode("i",{class:"fa-solid fa-save"},null,-1)]),8,dt)])])])):e.createCommentVNode("",!0)]))}}),ut={class:"tlb-container d-flex flex-column flex-grow-1"},pt={class:"d-flex flex-row tlb-item"},mt={class:"d-flex flex-column flex-grow-1 flex-sm-row justify-content-between tlb-item"},ft=["id"],kt={key:0,class:"d-flex id"},vt={class:"d-flex flex-row align-items-center tlb-children-container"},j=e.defineComponent({__name:"TextListBox",props:{items:{}},emits:["deleted"],setup(d){return(l,o)=>{const t=e.resolveComponent("TextListBox",!0);return e.openBlock(),e.createElementBlock("div",ut,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,n=>(e.openBlock(),e.createElementBlock("div",{class:"d-flex flex-column",key:n.id},[e.createElementVNode("div",pt,[e.createElementVNode("div",mt,[e.createElementVNode("div",{class:"d-flex flex-grow-1",id:n.id},e.toDisplayString(n.label),9,ft),n.showId?(e.openBlock(),e.createElementBlock("div",kt,e.toDisplayString(n.id),1)):e.createCommentVNode("",!0)]),n.hideDelete?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock($,{key:0,icon:"fa-solid fa-trash",onClick:r=>l.$emit("deleted",n.id)},null,8,["onClick"]))]),e.createElementVNode("div",vt,[n.childrend?(e.openBlock(),e.createBlock(t,{key:0,items:n.childrend,showId:n.showId,hideDelete:n.hideDelete},null,8,["items","showId","hideDelete"])):e.createCommentVNode("",!0)])]))),128))])}}}),gt={key:0,class:"toast-container position-fixed bottom-0 start-50 translate-middle-x p-4 toast-zindex"},yt={class:"toast-header"},Bt={class:"me-auto"},bt={class:"text-body-secondary"},ht=["onClick"],Ct=["innerHTML"],x=500,M=e.defineComponent({__name:"ToastComponent",props:{defaultDisplayDuration:{}},setup(d,{expose:l}){const o=d,t=e.ref([]);return l({addToast:r=>{r.displayDuration||(r.displayDuration=o.defaultDisplayDuration),r.id=new Date,t.value.filter(function(p){return p.id!==r.id}),t.value.push(r)}}),setInterval(()=>{t.value=t.value.map(r=>(r.displayDuration-=x,r)),t.value=t.value.filter(r=>r.displayDuration>0)},x),(r,p)=>t.value.length>0?(e.openBlock(),e.createElementBlock("div",gt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,u=>(e.openBlock(),e.createElementBlock("div",{key:u.message,class:e.normalizeClass(["toast d-block",{"toast-info":u.type==="info","toast-success":u.type==="success","toast-warning":u.type==="warning","toast-error":u.type==="error"}]),role:"alert","aria-live":"assertive","aria-atomic":"true"},[e.createElementVNode("div",yt,[e.createElementVNode("strong",Bt,e.toDisplayString(u.title),1),e.createElementVNode("small",bt,e.toDisplayString(u.id.toLocaleTimeString()),1),e.createElementVNode("button",{type:"button",class:"btn-close","data-bs-dismiss":"toast","aria-label":"Close",onClick:m=>t.value=t.value.filter(a=>a.id!==u.id)},null,8,ht)]),e.createElementVNode("div",{class:"toast-body",innerHTML:u.message},null,8,Ct)],2))),128))])):e.createCommentVNode("",!0)}}),G=e.defineComponent({__name:"ToastWrapper",setup(d){const l=e.ref(),o=[{id:"toast-notification-message",handler:t=>{let n=t.detail;l.value.addToast({title:n.title,message:n.message,type:n.severity,displayDuration:n.displayDuration})}},{id:"fetch-error",handler:t=>{let n=t.detail;l.value.addToast({title:n.title,message:n.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,n)=>(e.openBlock(),e.createBlock(M,{ref_key:"toast",ref:l,defaultDisplayDuration:5e3},null,512))}}),B=class B{};h(B,"getId",(l,o)=>`${l}_${o}`),h(B,"saveOptions",(l,o,t)=>{localStorage.setItem(B.getId(l,o),JSON.stringify(t)),window.location.reload()}),h(B,"cleanOptions",(l,o)=>{for(let t=0;t<localStorage.length;t++)localStorage.key(t).includes(l)&&localStorage.key(t)!=B.getId(l,o)&&localStorage.removeItem(localStorage.key(t))}),h(B,"loadOptions",(l,o,t,n,r)=>{B.cleanOptions(l,o);const p=B.getId(l,o);if(localStorage.getItem(p))try{r.value=JSON.parse(localStorage.getItem(p)),r.value.forEach(u=>n.columns.find(m=>m.property==u.property).visible=u.checked)}catch{localStorage.removeItem(p),B.loadOptions(l,o,t,n,r)}else t||(t=[]),r.value=n.columns.map(u=>(u.visible=t.indexOf(u.property)==-1,{label:u.label,property:u.property,checked:u.visible}))});let w=B;function Et(d){window.dispatchEvent(new CustomEvent("toast-notification-message",{detail:d}))}const _t={CheckBox:N,CheckBoxList:z,DropDown:E,DropDownMenu:V,DropDownCallBack:S,FilterCompact:T,FilterControl:L,IconButton:$,PaginatorControl:F,RadioButton:I,RadioButtonGroup:R,SpinningProgress:H,TableToList:O,TableToListOptions:P,TextListBox:j,ToastComponent:M,ToastWrapper:G},Nt={install(d){Object.entries(_t).forEach(([l,o])=>{d.component(l,o)})}};exports.CheckBox=N;exports.CheckBoxList=z;exports.DropDown=E;exports.DropDownCallBack=S;exports.DropDownMenu=V;exports.FilterCompact=T;exports.FilterControl=L;exports.FilterDate=we;exports.FilterDropDown=De;exports.FilterText=$e;exports.IconButton=$;exports.PaginatorControl=F;exports.RadioButton=I;exports.RadioButtonGroup=R;exports.SpinningProgress=H;exports.TabelToListOptionsPersister=w;exports.TableToList=O;exports.TableToListOptions=P;exports.TextListBox=j;exports.ToastComponent=M;exports.ToastWrapper=G;exports.default=Nt;exports.sendMsgToToast=Et;
|
|
@@ -123,9 +123,9 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
|
|
|
123
123
|
S.value = "block";
|
|
124
124
|
}, 10), setTimeout(b, 20);
|
|
125
125
|
}, b = () => {
|
|
126
|
-
const h = D.value, k =
|
|
126
|
+
const h = D.value, k = E.value;
|
|
127
127
|
t.opentop ? k.style.top = h.getBoundingClientRect().y - k.offsetHeight + "px" : (k.style.top = h.getBoundingClientRect().y + h.offsetHeight + "px", h.getBoundingClientRect().y - k.getBoundingClientRect().y != -h.offsetHeight && (k.style.top = parseInt(k.style.top.substring(0, k.style.top.length - 2)) + (h.getBoundingClientRect().y - k.getBoundingClientRect().y) + h.offsetHeight + "px")), P.value && P.value.focus();
|
|
128
|
-
}, D = y(null),
|
|
128
|
+
}, D = y(null), E = y(null), S = y("none"), P = y(null);
|
|
129
129
|
return (h, k) => (s(), a("div", {
|
|
130
130
|
id: h.id,
|
|
131
131
|
class: "dd-flex"
|
|
@@ -146,7 +146,7 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
|
|
|
146
146
|
class: "dd-menu",
|
|
147
147
|
style: j({ display: S.value }),
|
|
148
148
|
ref_key: "DropDownMenu",
|
|
149
|
-
ref:
|
|
149
|
+
ref: E
|
|
150
150
|
}, [
|
|
151
151
|
f.value != t.label ? (s(), a("button", {
|
|
152
152
|
key: 0,
|
|
@@ -332,7 +332,7 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
|
|
|
332
332
|
}), Se = { class: "fltrc-container" }, Le = { class: "fltrc-container" }, xe = ["placeholder", "value"], Fe = {
|
|
333
333
|
key: 1,
|
|
334
334
|
class: "d-flex flex-row input-group align-items-center"
|
|
335
|
-
}, Me = ["value"],
|
|
335
|
+
}, Me = ["value"], Ee = ["value"], q = /* @__PURE__ */ w({
|
|
336
336
|
__name: "FilterCompact",
|
|
337
337
|
props: {
|
|
338
338
|
items: {}
|
|
@@ -393,7 +393,7 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
|
|
|
393
393
|
onInput: n[2] || (n[2] = (u) => {
|
|
394
394
|
v.value.untill = u.target.value == "" ? null : u.target.value, o.value.defTill = u.target.value == "" ? null : u.target.value, o.value.filtered(o.value.key, v.value);
|
|
395
395
|
})
|
|
396
|
-
}, null, 40,
|
|
396
|
+
}, null, 40, Ee)
|
|
397
397
|
])) : m("", !0),
|
|
398
398
|
o.value.type == "dropdown" ? (s(), B(O, {
|
|
399
399
|
key: i.value,
|
|
@@ -410,7 +410,7 @@ const ne = { class: "form-check" }, se = ["checked", "id"], ie = ["for"], V = /*
|
|
|
410
410
|
])
|
|
411
411
|
]));
|
|
412
412
|
}
|
|
413
|
-
}),
|
|
413
|
+
}), Re = { class: "fltrctrl-container" }, He = ["placeholder", "value"], ze = {
|
|
414
414
|
key: 1,
|
|
415
415
|
class: "d-flex flex-row input-group align-items-center"
|
|
416
416
|
}, Ne = ["value"], Oe = ["value"];
|
|
@@ -432,7 +432,7 @@ class At {
|
|
|
432
432
|
this.key = l, this.label = t, this.filtered = e, this.defFrom = o, this.defTill = r, this.type = "date";
|
|
433
433
|
}
|
|
434
434
|
}
|
|
435
|
-
const
|
|
435
|
+
const R = y({}), Q = /* @__PURE__ */ w({
|
|
436
436
|
__name: "FilterControl",
|
|
437
437
|
props: {
|
|
438
438
|
item: {}
|
|
@@ -449,7 +449,7 @@ const E = y({}), Q = /* @__PURE__ */ w({
|
|
|
449
449
|
}
|
|
450
450
|
});
|
|
451
451
|
const t = y(void 0);
|
|
452
|
-
return (e, o) => (s(), a("div",
|
|
452
|
+
return (e, o) => (s(), a("div", Re, [
|
|
453
453
|
e.item.type == "text" ? (s(), a("input", {
|
|
454
454
|
key: 0,
|
|
455
455
|
type: "text",
|
|
@@ -464,7 +464,7 @@ const E = y({}), Q = /* @__PURE__ */ w({
|
|
|
464
464
|
class: "form-control",
|
|
465
465
|
value: e.item.defFrom ?? "",
|
|
466
466
|
onInput: o[1] || (o[1] = (r) => {
|
|
467
|
-
|
|
467
|
+
R.value.from = r.target.value == "" ? null : r.target.value, e.item.filtered(e.item.key, R.value);
|
|
468
468
|
})
|
|
469
469
|
}, null, 40, Ne),
|
|
470
470
|
o[5] || (o[5] = d("span", { class: "input-group-text" }, "-", -1)),
|
|
@@ -473,7 +473,7 @@ const E = y({}), Q = /* @__PURE__ */ w({
|
|
|
473
473
|
class: "form-control",
|
|
474
474
|
value: e.item.defTill ?? "",
|
|
475
475
|
onInput: o[2] || (o[2] = (r) => {
|
|
476
|
-
|
|
476
|
+
R.value.untill = r.target.value == "" ? null : r.target.value, e.item.filtered(e.item.key, R.value);
|
|
477
477
|
})
|
|
478
478
|
}, null, 40, Oe)
|
|
479
479
|
])) : m("", !0),
|
|
@@ -876,10 +876,10 @@ const E = y({}), Q = /* @__PURE__ */ w({
|
|
|
876
876
|
id: r(b, D).property,
|
|
877
877
|
label: r(b, D).label,
|
|
878
878
|
checked: r(b, D).checked,
|
|
879
|
-
onChanged: u[1] || (u[1] = (
|
|
879
|
+
onChanged: u[1] || (u[1] = (E) => {
|
|
880
880
|
e.value.find(
|
|
881
|
-
(S) => S.property ==
|
|
882
|
-
).checked =
|
|
881
|
+
(S) => S.property == E.id
|
|
882
|
+
).checked = E.checked, c();
|
|
883
883
|
})
|
|
884
884
|
}, null, 8, ["id", "label", "checked"])) : m("", !0)
|
|
885
885
|
], 64))), 128))
|
|
@@ -944,7 +944,7 @@ const E = y({}), Q = /* @__PURE__ */ w({
|
|
|
944
944
|
}), Ft = {
|
|
945
945
|
key: 0,
|
|
946
946
|
class: "toast-container position-fixed bottom-0 start-50 translate-middle-x p-4 toast-zindex"
|
|
947
|
-
}, Mt = { class: "toast-header" },
|
|
947
|
+
}, Mt = { class: "toast-header" }, Et = { class: "me-auto" }, Rt = { class: "text-body-secondary" }, Ht = ["onClick"], zt = ["innerHTML"], A = 500, Z = /* @__PURE__ */ w({
|
|
948
948
|
__name: "ToastComponent",
|
|
949
949
|
props: {
|
|
950
950
|
defaultDisplayDuration: {}
|
|
@@ -973,8 +973,8 @@ const E = y({}), Q = /* @__PURE__ */ w({
|
|
|
973
973
|
"aria-atomic": "true"
|
|
974
974
|
}, [
|
|
975
975
|
d("div", Mt, [
|
|
976
|
-
d("strong",
|
|
977
|
-
d("small",
|
|
976
|
+
d("strong", Et, C(v.title), 1),
|
|
977
|
+
d("small", Rt, C(v.id.toLocaleTimeString()), 1),
|
|
978
978
|
d("button", {
|
|
979
979
|
type: "button",
|
|
980
980
|
class: "btn-close",
|
|
@@ -1055,6 +1055,13 @@ x(I, "getId", (l, t) => `${l}_${t}`), x(I, "saveOptions", (l, t, e) => {
|
|
|
1055
1055
|
}));
|
|
1056
1056
|
});
|
|
1057
1057
|
let J = I;
|
|
1058
|
+
function Jt(p) {
|
|
1059
|
+
window.dispatchEvent(
|
|
1060
|
+
new CustomEvent("toast-notification-message", {
|
|
1061
|
+
detail: p
|
|
1062
|
+
})
|
|
1063
|
+
);
|
|
1064
|
+
}
|
|
1058
1065
|
const Ot = {
|
|
1059
1066
|
CheckBox: V,
|
|
1060
1067
|
CheckBoxList: ue,
|
|
@@ -1073,7 +1080,7 @@ const Ot = {
|
|
|
1073
1080
|
TextListBox: xt,
|
|
1074
1081
|
ToastComponent: Z,
|
|
1075
1082
|
ToastWrapper: Nt
|
|
1076
|
-
},
|
|
1083
|
+
}, Kt = {
|
|
1077
1084
|
install(p) {
|
|
1078
1085
|
Object.entries(Ot).forEach(([l, t]) => {
|
|
1079
1086
|
p.component(l, t);
|
|
@@ -1102,5 +1109,6 @@ export {
|
|
|
1102
1109
|
xt as TextListBox,
|
|
1103
1110
|
Z as ToastComponent,
|
|
1104
1111
|
Nt as ToastWrapper,
|
|
1105
|
-
|
|
1112
|
+
Kt as default,
|
|
1113
|
+
Jt as sendMsgToToast
|
|
1106
1114
|
};
|
package/dist/src/index.d.ts
CHANGED
|
@@ -23,3 +23,4 @@ declare const _default: {
|
|
|
23
23
|
export default _default;
|
|
24
24
|
export { CheckBox, CheckBoxList, DropDown, DropDownMenu, DropDownCallBack, FilterCompact, FilterControl, IconButton, PaginatorControl, RadioButton, RadioButtonGroup, SpinningProgress, TableToList, TableToListOptions, TextListBox, ToastComponent, ToastWrapper };
|
|
25
25
|
export { CheckBoxListItem, DropDownItem, DropDownCallBackItem, DropDownMenuItem, FilterDateFilter, IFilterItem, PaginatorSettings, RadioButtonGroupItem, TableToListConfig, Column, Sort, Action, TableToListColumnOptions, TextListBoxItem, Toast, FilterText, FilterDropDown, FilterDate, TabelToListOptionsPersister };
|
|
26
|
+
export * from './utils/toastWrapper';
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
::-webkit-scrollbar{width:.7rem}::-webkit-scrollbar-track{border-radius:.7rem;background-color:#ecebeb}::-webkit-scrollbar-thumb{border-radius:.7rem;background-color:#dbd9d9}
|
|
1
|
+
::-webkit-scrollbar{width:.7rem}::-webkit-scrollbar-track{border-radius:.7rem;background-color:#ecebeb}::-webkit-scrollbar-thumb{border-radius:.7rem;background-color:#dbd9d9}.tlb-container{cursor:default}.tlb-children-container{cursor:default;padding-left:1rem}.tlb-item:hover{background-color:var(--bs-gray-100)}.tlb-item .id{color:var(--bs-gray-500)}.ps-header{border:4px solid #e25900;background-color:#e25900!important;color:#fff}.ps-body{padding:.5rem;border:1px solid var(--bs-gray-400);max-height:300px;overflow-y:auto}.dd-flex{display:flex!important;flex:1}.dd-button{width:100%}.dd-label{display:flex;flex:1;justify-content:center}.dd-menu{position:absolute;z-index:1000;background-color:#fff;display:block;width:auto;border:1px solid var(--bs-gray-600);border-radius:5px}.dd-item-list{overflow:auto;max-height:400px}.dd-item{font-size:1rem;font-weight:400;cursor:pointer;padding:.2rem .5rem}.dd-item__icon{margin-right:.25rem}.dd-item:hover{background-color:var(--bs-gray-200)}.dd-toggle:after{display:inline-block;width:0;height:0;margin:auto auto auto .255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.ddc-flex{display:flex;flex:1!important}.ddc-button{width:100%}.ddc-menu{position:absolute;z-index:1000;background-color:#fff;display:block;border:1px solid var(--bs-gray-200);border-radius:5px;width:auto}.ddc-row{display:flex;flex:1;align-items:center;gap:1rem}.ddc-item{display:flex;flex-direction:row;gap:1rem;align-items:center;font-size:1rem;font-weight:400;cursor:pointer;padding:.2rem .5rem;width:auto;min-width:150px}.ddc-item:hover{background-color:var(--bs-gray-200)}.ddc-label{display:flex;flex:1}.ddc-icon{display:flex}.dropdown-toggle:after{margin:auto}.ddm-menu{position:absolute;z-index:1000;background-color:#fff;display:block;border:1px solid var(--bs-gray-200);border-radius:5px}.ddm-item{display:flex;gap:1rem;align-items:center;cursor:pointer;padding:.5rem;max-height:400px}.ddm-item:hover{background-color:var(--bs-gray-400)}.ddm-item:active{background-color:var(--bs-gray-200)}.ddm-label{display:flex;flex:1;justify-content:center;align-items:center;min-height:1.5rem}.fltrc-container{display:flex;flex:1;flex-direction:row;gap:1rem}.fltrctrl-container{display:flex;flex:1}.form-date{display:flex;flex-shrink:1;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ib-container{display:flex;justify-content:end;padding-right:1rem}.ib-button{height:2rem;width:2rem;border-radius:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.ib-button:hover{background-color:var(--bs-gray-400)}.ib-button:active{background-color:var(--bs-gray-200)}.ib-button-active{background-color:var(--bs-gray-100)}.ib-button-big{font-size:1.5rem}.pc-container{display:flex;gap:.5rem;padding:1rem;justify-content:center;align-items:center}.pc-input{max-width:200px}.pc-dropdown{max-width:100px;min-width:50px}.t2l-table-view{display:flex;flex-direction:column}.t2l-table-header-label{background-color:var(--bs-gray-200);font-weight:700;border-bottom:1px solid var(--bs-gray-400);padding:.5rem;flex-direction:row;align-items:center}.t2l-table-header-filter{background-color:var(--bs-gray-200);font-weight:700;border-bottom:1px solid var(--bs-gray-400);padding:.3rem;flex-direction:row;align-items:center}.t2l-rows{flex-direction:column;flex:1;overflow-y:auto}.t2l-row{border-bottom:1px solid var(--bs-gray-400);padding:.3rem;display:flex;flex-direction:row}.t2l-cell{padding:.3rem;display:flex;flex:1;align-items:center}.t2l-select{padding:.3rem;display:flex;flex:1;align-items:center;max-width:3rem}.t2l-cell-label{display:none}.t2l-actions{display:flex;flex-direction:row;gap:.5rem}.t2l-card-view{display:none;flex-direction:column}.t2l-card-col{display:flex;flex-direction:column;flex:1;gap:1rem;overflow-y:auto;align-items:start}.t2l-card-select{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;max-width:2rem}.t2l-card-filters{flex-direction:column;gap:.5rem;padding:.5rem;background-color:var(--bs-gray-200)}.t2l-property{display:flex;flex-direction:column;flex:1}.t2l-label{font-weight:700}.t2l-footer{padding:1rem;background-color:var(--bs-gray-200)}@media (max-width: 1024px){.t2l-table-view{display:none}.t2l-card-view{display:flex}}.options-header{cursor:pointer;font-size:.8rem;padding:.2rem;border-top:1px solid var(--bs-gray-200);border-right:1px solid var(--bs-gray-200);border-top-right-radius:3px}.options-header:hover{opacity:.7}.options-body{font-size:.8rem;padding:1rem;background-color:var(--bs-gray-100)}.options-header-label{font-weight:700}.toast-info{background:var(--bs-blue)!important;color:#fff!important}.toast-success{background:var(--bs-green)!important;color:#fff!important}.toast-warning{background:var(--bs-orange)!important;color:#fff!important}.toast-error{background:var(--bs-red)!important;color:#fff!important}.toast-zindex{z-index:1100!important}.cbl-container[data-v-ae2832c5]{display:flex;flex-direction:column}.cbl-childrend-container[data-v-ae2832c5]{display:flex;flex-direction:column;padding-left:1rem}
|