admins-components 1.2.3 → 1.2.5

package/dist/index.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/style.css

@@ -0,0 +1 @@
+::-webkit-scrollbar{width:.7rem}::-webkit-scrollbar-track{border-radius:.7rem;background-color:#ecebeb}::-webkit-scrollbar-thumb{border-radius:.7rem;background-color:#dbd9d9}.clickable{cursor:pointer}.align-items-base{align-items:baseline}.label{font-weight:700}.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;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);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);color:#fff}.toast-success{background:var(--bs-green);color:#fff}.toast-warning{background:var(--bs-orange);color:#fff}.toast-error{background:var(--bs-red);color:#fff}.toast-zindex{z-index:1100}.cbl-container[data-v-ae2832c5]{display:flex;flex-direction:column}.cbl-childrend-container[data-v-ae2832c5]{display:flex;flex-direction:column;padding-left:1rem}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "admins-components",
-    "version": "1.2.3",
+    "version": "1.2.5",
     "type": "module",
     "files": [
         "dist"
@@ -9,8 +9,13 @@
     "module": "./dist/admins-components.js",
     "types": "./dist/index.d.ts",
     "exports": {
-        "import": "./dist/admins-components.es.js",
-        "require": "./dist/admins-components.cjs.js"
+        ".": {
+            "import": "./dist/admins-components.js",
+            "require": "./dist/admins-components.umd.cjs",
+            "types": "./dist/index.d.ts",
+            "default": "./dist/admins-components.js"
+        },
+        "./style.css": "./dist/style.css"
     },
     "scripts": {
         "dev": "vite",
@@ -19,6 +24,7 @@
     },
     "dependencies": {
         "rollup-plugin-typescript2": "^0.36.0",
+        "vite-plugin-dts": "^4.5.3",
         "vue": "^3.5.13"
     },
     "devDependencies": {

package/dist/admins-components.cjs.js

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

package/dist/admins-components.css

@@ -1 +0,0 @@
-::-webkit-scrollbar{width:.7rem}::-webkit-scrollbar-track{border-radius:.7rem;background-color:#ecebeb}::-webkit-scrollbar-thumb{border-radius:.7rem;background-color:#dbd9d9}.clickable{cursor:pointer}.align-items-base{align-items:baseline}.label{font-weight:700}.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;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);color:#fff}.toast-success{background:var(--bs-green);color:#fff}.toast-warning{background:var(--bs-orange);color:#fff}.toast-error{background:var(--bs-red);color:#fff}.toast-zindex{z-index:1100}.cbl-container[data-v-ae2832c5]{display:flex;flex-direction:column}.cbl-childrend-container[data-v-ae2832c5]{display:flex;flex-direction:column;padding-left:1rem}