4 lines
54 KiB
JavaScript
4 lines
54 KiB
JavaScript
(function(w,L){typeof exports=="object"&&typeof module<"u"?L(exports):typeof define=="function"&&define.amd?define(["exports"],L):(w=typeof globalThis<"u"?globalThis:w||self,L(w["lib-ui"]={}))})(this,function(w){var I,D,R,O,Y,be,He,oe,ae,ce,Ue,ve,wt,xe,kt,Oe,_t,$e,zt,Pe,Rt,Ve,Ht,F,H,we,V,v,ke,Ce,M,K,de,ue,ie,Z,Le,he,Ee,A,At,Te,Ct,ot,ti,at,ii,ct,si,dt,ni,fe,Ge,ut,li,ht,ri,Me,Ot,$,X,se,Ne,pe,Ze,We,$t,De,Pt,Fe,Vt,ye,Je,ft,oi,je,Mt,Be,Wt,pt,ai,yt,ci,gt,di,mt,ui,bt,hi,vt,fi,xt,pi,Xe,Dt,Ye,Ft,Se,Lt,j,U,J,B,Q;"use strict";var zi=Object.defineProperty;var Ri=Object.getPrototypeOf;var Hi=Reflect.get;var Oi=(w,L,N)=>L in w?zi(w,L,{enumerable:!0,configurable:!0,writable:!0,value:N}):w[L]=N;var C=(w,L,N)=>(Oi(w,typeof L!="symbol"?L+"":L,N),N),qt=(w,L,N)=>{if(!L.has(w))throw TypeError("Cannot "+N)};var a=(w,L,N)=>(qt(w,L,"read from private field"),N?N.call(w):L.get(w)),g=(w,L,N)=>{if(L.has(w))throw TypeError("Cannot add the same private member more than once");L instanceof WeakSet?L.add(w):L.set(w,N)},x=(w,L,N,p)=>(qt(w,L,"write to private field"),p?p.call(w,N):L.set(w,N),N);var y=(w,L,N)=>(qt(w,L,"access private method"),N),ei=(w,L,N)=>Hi(Ri(w),N,L);const L="",N="";function p(d,e,...t){const s=document.createElement(d);return typeof e=="function"?e(s):e!=null&&(s.className=e),t.length>0&&s.append(...t),s}const jt="http://www.w3.org/2000/svg";function Et(d,e){const t=typeof consts<"u"?consts:{},s=t.path||"",n=t.resver==null?"":`?${t.resver}`,l=document.createElementNS(jt,"use");return l.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",`${s}fonts/${d}.svg${n}#${e}`),l}function Ie(d,e,t){return d instanceof SVGElement&&d.replaceChildren(Et(e,t)),d}function P(d,e,t){const s=document.createElementNS(jt,"svg");if(s.appendChild(Et(d,e)),t!=null)for(let n of Object.entries(t))s.style.setProperty(n[0],n[1]);return s}function yi(d){const e=d.querySelectorAll("svg[data-id]");for(let t of e){const s=t.dataset.type,n=t.dataset.id;t.replaceChildren(Et(s,n)),t.removeAttribute("data-type"),t.removeAttribute("data-id")}return d}const $i="";function Qe(d,e="fa-regular",t,s=-1,n="check"){d.appendChild(p("layer",l=>{l.className="ui-check-inner",l.addEventListener("keypress",i=>{if(i.key===" "||i.key==="Enter"){const r=d.querySelector("input");r!=null&&(r.checked=!r.checked,r.dispatchEvent(new Event("change")))}}),s>=0&&(l.tabIndex=s)},P(e,n))),t instanceof Element?d.appendChild(t):(t==null?void 0:t.length)>0&&d.appendChild(p("span",l=>l.innerText=t))}function gi(d={}){const e=p("label","ui-check-wrapper ui-radio-wrapper",p("input",t=>{if(t.setAttribute("type","radio"),t.name=d.name,d.checked===!0&&(t.checked=!0),d.enabled===!1&&(t.disabled=!0),d.customerAttributes!=null)for(let s of Object.entries(d.customerAttributes))t.setAttribute(s[0],s[1]);typeof d.onchange=="function"&&t.addEventListener("change",d.onchange)}));return d.className&&e.classList.add(d.className),Qe(e,d.type,d.label,d.tabIndex,"circle"),e}function ne(d={}){const e=p("label","ui-check-wrapper",p("input",t=>{if(t.setAttribute("type","checkbox"),d.checked===!0&&(t.checked=!0),d.enabled===!1&&(t.disabled=!0),d.customerAttributes!=null)for(let s of Object.entries(d.customerAttributes))t.setAttribute(s[0],s[1]);typeof d.onchange=="function"&&t.addEventListener("change",d.onchange)}));return d.className&&e.classList.add(d.className),d.enabled===!1&&e.classList.add("disabled"),d.checkedNode!=null&&d.uncheckedNode!=null?(e.classList.add("ui-check-image-wrapper"),d.imageHeight,d.checkedNode.classList.add("checked"),e.appendChild(d.checkedNode),d.uncheckedNode.classList.add("unchecked"),e.appendChild(d.uncheckedNode)):Qe(e,d.type,d.label,d.tabIndex),e}function mi(d=document.body,e){if(e){const s=d.querySelectorAll('input[type="checkbox"]');for(let n of s){if(n.parentElement.classList.contains("ui-check-wrapper"))continue;const l=n.id;let i,r;if(l!=null&&(i=d.querySelector(`label[for="${l}"]`)),i==null){const o=n.nextElementSibling;o!=null&&(o.tagName==="LABEL"?i=o:o.tagName==="SPAN"&&o.dataset.lgid!=null&&(r=o.innerText,o.style.display="none"))}if(i==null){const o=n.previousElementSibling;o!=null&&(o.tagName==="LABEL"?i=o:r==null&&o.tagName==="SPAN"&&o.dataset.lgid!=null&&(r=o.innerText,o.style.display="none"))}i==null?(i=p("label"),n.parentElement.insertBefore(i,n)):r=i.innerText,n.disabled?i.className="ui-check-wrapper disabled":i.className="ui-check-wrapper",i.replaceChildren(),Qe(i,"fa-regular",r,n.tabIndex),i.insertBefore(n,i.firstChild)}}const t=d.querySelectorAll("label[data-checkbox]");for(let s of t){s.classList.contains("ui-check-wrapper")||s.classList.add("ui-check-wrapper"),s.hasChildNodes()?s.classList.contains("ui-check-image-wrapper")||s.classList.add("ui-check-image-wrapper"):(Qe(s,s.dataset.type,s.dataset.label,s.dataset.tabIndex),s.removeAttribute("data-type"),s.removeAttribute("data-label"));const n=p("input"),l=s.dataset.id;(l==null?void 0:l.length)>0&&(n.id=l),s.dataset.checked!=null&&(n.checked=!0),n.setAttribute("type","checkbox"),s.insertBefore(n,s.firstChild)}return d}const Pi="";function et(d,e,t=!1,s=null){const n=s instanceof HTMLElement;if(n){const r=d.dataset.tipId,o=s.querySelector(`.ui-tooltip-wrapper[data-tip-id="${r}"]`);o==null||o.remove()}else{const r=d.querySelector(".ui-tooltip-wrapper");r==null||r.remove()}const l=p("div",r=>{r.className="ui-tooltip-wrapper ui-tooltip-color",r.style.visibility="hidden",r.style.opacity=0,r.style.top="0",r.style.left="0"},p("div","ui-tooltip-pointer ui-tooltip-color"),p("div","ui-tooltip-curtain ui-tooltip-color"),p("div",r=>{r.className="ui-tooltip-content",e instanceof Element?r.appendChild(e):r.innerText=e}));if(n){const r=String(Math.random()).substring(2);d.dataset.tipId=r,l.dataset.tipId=r,s.appendChild(l)}else d.appendChild(l);let i;return d.addEventListener("mouseenter",()=>{i&&clearTimeout(i);let r=d;for(;(r==null?void 0:r.offsetWidth)==null;)r=r.parentElement;r!=null&&(!t||r.scrollWidth>r.offsetWidth)&&(i=setTimeout(()=>{let o,c,u;if(c=r.offsetLeft,u=r.offsetTop,n)for(o=r.offsetParent;o!=null&&o!==s;)c+=o.offsetLeft,u+=o.offsetTop,o=o.offsetParent;o=r.parentElement;const f=r.offsetParent;for(;o!=null&&o!==(n?s:f);)c-=o.scrollLeft,u-=o.scrollTop,o=o.parentElement;c+=(r.offsetWidth-l.offsetWidth)/2,u-=l.offsetHeight+14,l.style.left=`${c}px`,l.style.top=`${u}px`,l.style.visibility="visible",l.style.opacity=1},100))}),d.addEventListener("mouseleave",()=>{i&&clearTimeout(i),i=setTimeout(()=>{l.style.visibility="hidden",l.style.opacity=0},300)}),d}function bi(d=document.body){const e=d.querySelectorAll("[title]");for(let t of e){const s=t.getAttribute("title");s!=null&&(t.removeAttribute("title"),et(t,s))}return d}const Vi="";function ee(d){return d==null||typeof d!="string"||d.length===0}function vi(d,e,t){return ee(d)||e==null?!1:(typeof e!="string"&&(e=String(e)),t?d.toLowerCase().indexOf(e.toLowerCase())>=0:d.indexOf(e)>=0)}function W(d,e){return e}let le=typeof globalThis<"u"?globalThis:self;function Ae(d){return!isNaN(d)&&d>0}function xi(){return/mobile/i.test(navigator.userAgent)}function qe(d,e=100,t=le,...s){if(d==null)return;d.tiid&&clearTimeout(d.tiid);const n=new Date;d.tdate==null||n-d.tdate>e?(d.apply(t,s),d.tdate=n):d.tiid=setTimeout(()=>d.apply(t,s),e)}function wi(d){return(d>0?Math.floor:Math.ceil)(d)}const Bt=Symbol.for("ui-dropdown"),ki=26,Ci=30;let re=le[Bt];re==null&&(re={},Object.defineProperty(re,"clear",{writable:!1,configurable:!1,enumerable:!1,value:function(){const d=document.querySelector(".ui-drop-wrapper .ui-drop-box.active");if(d==null)return;d.classList.remove("active");const e=d.parentElement.dataset.dropId;if(e==null)return;const t=this[e];t!=null&&t.multiselect&&typeof t.oncollapsed=="function"&&t.oncollapsed()}}),le[Bt]=re,document.addEventListener("mousedown",d=>{let e=d.target;for(;e!=null;){if(e.classList.contains("ui-drop-box")){d.stopPropagation();return}e=e.parentElement}re.clear()}));function Xt(d,e,t,s){const n=e.map(l=>l[t]);if(n.some(l=>l instanceof HTMLElement))d.replaceChildren(...n.filter(l=>l!=null).map(l=>l.cloneNode(!0)));else{let l=e.map(i=>i[s]).join(", ");ee(l)&&(l=W("noneItem","( None )")),d.innerText=l}}function Tt(d,e,t,s){return(!Array.isArray(d)||d.length===0)&&(d=[e]),t.length>0&&(s=s.filter(n=>{for(let l of d)if(vi(n[l].toLowerCase(),t))return!0;return!1})),s}const Nt=class{constructor(e={}){g(this,ce);g(this,ve);g(this,xe);g(this,Oe);g(this,I,void 0);g(this,D,void 0);g(this,R,void 0);g(this,O,void 0);g(this,Y,void 0);g(this,be,void 0);g(this,He,void 0);g(this,oe,void 0);g(this,ae,void 0);C(this,"sourceFilter");C(this,"onselectedlist");C(this,"onselected");C(this,"onexpanded");e.searchplaceholder??(e.searchplaceholder=W("searchHolder","Search...")),e.textkey??(e.textkey="text"),e.valuekey??(e.valuekey="value"),e.htmlkey??(e.htmlkey="html"),e.maxlength??(e.maxlength=500),x(this,I,e)}create(){const e=a(this,I),t=p("div","ui-drop-wrapper"),s=String(Math.random()).substring(2);t.dataset.dropId=s,re[s]=this,x(this,D,t);const n=p("div","ui-drop-header");n.addEventListener("keypress",i=>{(i.key===" "||i.key==="Enter")&&n.dispatchEvent(new MouseEvent("click"))}),n.addEventListener("keydown",i=>{var c;const r=i.key==="ArrowUp",o=i.key==="ArrowDown";if(r||o){const u=this.source,f=u.length,b=a(this,I).valuekey;let h=u==null?void 0:u.indexOf(a(this,oe));isNaN(h)||h<-1?h=-1:h>=f&&(h=f-1),r?h>0?h--:h=0:o&&(h<0?h=0:h<f?h++:h=f-1);const m=(c=u[h])==null?void 0:c[b];m!=null&&this.select(m)}else i.key==="Tab"&&y(this,ve,wt).call(this,!1)}),n.addEventListener("click",()=>{if(this.disabled)return;const i=a(this,ce,Ue),r=a(this,O);i&&r.ownerDocument.activeElement===r||(y(this,ve,wt).call(this,!i),!i&&typeof this.onexpanded=="function"&&setTimeout(()=>this.onexpanded(),120))});let l;return e.input?(l=p("input","ui-drop-text"),l.setAttribute("type","text"),e.placeholder&&l.setAttribute("placeholder",e.placeholder),Ae(e.maxlength)&&l.setAttribute("maxlength",e.maxlength),Ae(e.tabIndex)&&l.setAttribute("tabindex",e.tabIndex),l.addEventListener("input",i=>{const r=i.target.value.toLowerCase(),o=Tt(e.searchkeys,e.textkey,r,this.source);y(this,xe,kt).call(this,o),a(this,R).classList.add("active")}),l.addEventListener("blur",i=>this.select(i.target.value)),l.addEventListener("mousedown",i=>a(this,ce,Ue)&&i.stopPropagation())):(Ae(e.tabIndex)&&n.setAttribute("tabindex",e.tabIndex),l=p("label","ui-drop-text")),x(this,O,l),e.multiselect?Array.isArray(e.selectedlist)?this.selectlist(e.selectedlist,!0):(x(this,Y,!0),l.innerText=W("allItem","( All )")):e.selected!=null&&this.select(e.selected,!0),n.append(l,p("label","ui-drop-caret")),t.appendChild(n),this.disabled=e.disabled||!1,t}get multiselect(){return a(this,I).multiselect}get disabled(){return a(this,D)==null||a(this,D).querySelector(".ui-drop-header.disabled")!=null}set disabled(e){a(this,D)!=null&&(e?a(this,D).querySelector(".ui-drop-header").classList.add("disabled"):a(this,D).querySelector(".ui-drop-header").classList.remove("disabled"))}get source(){let e=a(this,be);return(e==null||!Array.isArray(e))&&(typeof this.sourceFilter=="function"&&(e=this.sourceFilter()),Array.isArray(e)||(e=[]),x(this,be,e)),e}set source(e){Array.isArray(e)&&(x(this,be,e),a(this,ce,Ue)&&setTimeout(()=>y(this,ve,wt).call(this),120))}get selected(){return a(this,oe)}get selectedlist(){return a(this,ae)||[]}select(e,t){if(a(this,He)===e)return!1;x(this,He,e);const s=a(this,I).valuekey,n=a(this,I).textkey,l=a(this,I).htmlkey;let i=this.source.find(r=>r[s]===e);if(a(this,I).input)i==null&&(i={[s]:e}),a(this,O).value=e;else{const r=a(this,ce,Ue);if(r&&a(this,R).querySelectorAll("li[data-value].selected").forEach(c=>c.classList.remove("selected")),i==null)return x(this,oe,null),a(this,O).innerText=" ",!1;const o=i[l];if(o instanceof HTMLElement)a(this,O).replaceChildren(o.cloneNode(!0));else{let c=i[n];ee(c)&&(c=" "),a(this,O).innerText=c}if(r){const c=e.replace(/"/g,'\\"'),u=a(this,R).querySelector(`li[data-value="${c}"]`);u!=null&&u.classList.add("selected")}}x(this,oe,i),!t&&typeof this.onselected=="function"&&this.onselected(i)}selectlist(e,t){const s=this.source,n=a(this,I).valuekey,l=a(this,I).textkey,i=a(this,I).htmlkey,r=e.map(o=>{let c=s.find(u=>u[n]===o);return c==null&&(c={[n]:o,[l]:o}),c});if(r.length===0)return x(this,ae,null),a(this,O).innerText=none,!1;Xt(a(this,O),r,i,l),x(this,ae,r),!t&&typeof this.onselectedlist=="function"&&this.onselectedlist(r)}static resolve(e=document.body){const t=e.querySelectorAll("select");for(let s of t){const n=[...s.children].map(i=>({value:i.value,text:i.innerText})),l=new Nt({selected:s.value,disabled:s.disabled,tabIndex:s.tabIndex});l.source=n,s.parentElement.replaceChild(l.create(),s)}return e}};let tt=Nt;I=new WeakMap,D=new WeakMap,R=new WeakMap,O=new WeakMap,Y=new WeakMap,be=new WeakMap,He=new WeakMap,oe=new WeakMap,ae=new WeakMap,ce=new WeakSet,Ue=function(){var e,t;return(t=(e=a(this,R))==null?void 0:e.classList)==null?void 0:t.contains("active")},ve=new WeakSet,wt=function(e=!0){const t=a(this,I);let s=a(this,R);if(s==null){if(s=p("div","ui-drop-box"),!t.input&&t.search){const l=p("div","ui-drop-search"),i=p("input");i.setAttribute("type","text"),Ae(t.tabIndex)&&i.setAttribute("tabindex",t.tabIndex),!ee(t.searchplaceholder)&&i.setAttribute("placeholder",t.searchplaceholder),i.addEventListener("input",r=>{const o=r.target.value.toLowerCase(),c=Tt(t.searchkeys,t.textkey,o,this.source);y(this,xe,kt).call(this,c)}),l.append(i,P("fa-light","search")),s.appendChild(l)}const n=p("ul","ui-drop-list");this.multiselect||n.addEventListener("click",l=>{let i=l.target;for(;i.tagName!=="LI";)if(i=i.parentElement,i==null)return;const r=i.dataset.value;this.select(r)!==!1&&re.clear()}),s.appendChild(n),x(this,R,s),a(this,D).appendChild(s)}if(e){let n=this.source;if(!t.input&&t.search){const l=s.querySelector(".ui-drop-search > input");ee(l==null?void 0:l.value)||(n=Tt(t.searchkeys,t.textkey,l.value,n))}if(y(this,xe,kt).call(this,n),!t.slidefixed){let l=t.parent??document.body,i=a(this,D),r=i.offsetTop;for(;(i=i.parentElement)!=null&&i!==l;)r-=i.scrollTop;r-l.offsetTop+ki+s.offsetHeight>=l.offsetHeight?s.classList.add("slide-up"):s.classList.remove("slide-up")}s.classList.add("active")}else s.classList.remove("active")},xe=new WeakSet,kt=function(e){const t=a(this,R).querySelector(".ui-drop-list");t.replaceChildren();const s=this.multiselect,n=a(this,Y);s&&t.appendChild(p("li",null,ne({label:W("allItem","( All )"),checked:n,customerAttributes:{isall:"1"},onchange:f=>y(this,Oe,_t).call(this,f.target)})));const l=a(this,I).valuekey,i=a(this,I).textkey,r=a(this,I).htmlkey,o=this.selected,c=this.selectedlist;let u;e.slice(0,200).forEach((f,b)=>{const h=f[l],m=p("li");m.dataset.value=h,m.setAttribute("title",f[i]);let k;const E=f[r];if(E instanceof HTMLElement&&(k=E),s){const _=c.some(S=>S[l]===h);k==null&&(k=p("span"),k.innerText=f[i]);const T=ne({label:k,checked:n||_,customerAttributes:{class:"dataitem","data-value":h},onchange:S=>y(this,Oe,_t).call(this,S.target)});m.appendChild(T)}else k==null?m.innerText=f[i]:m.appendChild(k),o!=null&&o[l]===h&&(u=Ci*b,m.classList.add("selected"));t.appendChild(m)}),u!=null&&setTimeout(()=>t.scrollTop=u,10)},Oe=new WeakSet,_t=function(e){let t;const s=a(this,I).valuekey,n=a(this,I).textkey,l=a(this,I).htmlkey;if(e.getAttribute("isall")==="1"){const i=x(this,Y,e.checked);a(this,R).querySelectorAll("input.dataitem").forEach(o=>o.checked=i),t=[]}else if(e.checked)if(a(this,R).querySelectorAll("input.dataitem:not(:checked)").length===0)x(this,Y,!0),a(this,R).querySelector('input[isall="1"]').checked=!0,t=[];else{const i=this.source;t=[...a(this,R).querySelectorAll("input.dataitem:checked")].map(r=>i.find(o=>o[s]===r.dataset.value)).filter(r=>r!=null)}else{const i=e.dataset.value;a(this,Y)?(x(this,Y,!1),a(this,R).querySelector('input[isall="1"]').checked=!1,t=this.source.filter(r=>r[s]!==i)):t=this.selectedlist.filter(r=>r[s]!==i)}a(this,Y)?a(this,O).innerText=W("allItem","( All )"):Xt(a(this,O),t,l,n),x(this,ae,t),typeof this.onselectedlist=="function"&&this.onselectedlist(itemlist)};const Mi="";class te{static create(){return p("span")}static setValue(e,t){e.innerText=t}static setStyle(e,t){for(let s of Object.entries(t))e.style.setProperty(s[0],s[1])}static setEnabled(e,t){const s=e.querySelector(".ui-tooltip-wrapper");s!=null&&(s.style.display=t===!1?"none":"")}}class Yt extends te{static get editing(){return!0}static createEdit(e,t,s,n){const l=p("input");return l.setAttribute("type","text"),typeof e=="function"&&l.addEventListener("change",e),l.addEventListener("input",()=>{n.__editing==null?n.__editing={[t.key]:!0}:n.__editing[t.key]=!0}),l}static setValue(e,t){e.tagName!=="INPUT"?super.setValue(e,t):e.value=t}static getValue(e){return e.target.value}static setEnabled(e,t){super.setEnabled(e,t),e.disabled=t===!1}}class Li extends Yt{static createEdit(e,t,s,n){const l=p("textarea");return typeof e=="function"&&l.addEventListener("change",e),l.addEventListener("input",()=>{n.__editing==null?n.__editing={[t.key]:!0}:n.__editing[t.key]=!0}),l}static setValue(e,t,s,n,l){if(e.tagName!=="TEXTAREA")super.setValue(e,t);else if(e.value=t,t!=null){const i=String(t).split(`
|
|
`).length;e.style.height=`${i*l.lineHeight+12}px`}}}const Ei=Symbol.for("ui-dropdown"),It=class extends te{static createEdit(e,t,s){const n=new tt({...t.dropOptions,parent:s});return n.onselected=e,n.create()}static setValue(e,t,s,n){if(e.tagName!=="DIV"){let i=y(this,Pe,Rt).call(this,s,n);i instanceof Promise?i.then(r=>y(this,Ve,Ht).call(this,r,e,t)):y(this,Ve,Ht).call(this,i,e,t);return}const l=y(this,$e,zt).call(this,e);if(l!=null){if(l.source==null||l.source.length===0){let i=y(this,Pe,Rt).call(this,s,n);if(i instanceof Promise){i.then(r=>{l.source=r,l.select(t,!0)});return}else i!=null&&(l.source=i)}l.select(t,!0)}}static getValue(e){return e.value}static setEnabled(e,t){super.setEnabled(e,t);const s=y(this,$e,zt).call(this,e);s!=null&&(s.disabled=t===!1)}};let me=It;$e=new WeakSet,zt=function(e){const t=le[Ei];if(t==null)return null;const s=e.dataset.dropId,n=t[s];return n??null},Pe=new WeakSet,Rt=function(e,t){let s=t.source;return typeof s=="function"&&(s=s(e)),s},Ve=new WeakSet,Ht=function(e,t,s){const n=e==null?void 0:e.find(l=>l.value===s);n!=null&&(s=n.text),ei(It,this,"setValue").call(this,t,s)},g(me,$e),g(me,Pe),g(me,Ve);class St extends te{static createEdit(e){return ne({onchange:typeof e=="function"?e:null})}static setValue(e,t){e.querySelector("input").checked=t}static getValue(e){return e.target.checked}static setEnabled(e,t){super.setEnabled(e,t),e.querySelector("input").disabled=t===!1}}class Ti extends te{static create(){return p("span","col-icon")}static setValue(e,t,s,n,l){let i=n.className;typeof i=="function"&&(i=i.call(n,s)),i==null?e.className="col-icon":e.className=`col-icon ${i}`;let r=n.iconType;if(typeof r=="function"&&(r=r.call(n,s)),r??(r="fa-regular"),e.dataset.type!==r||e.dataset.icon!==t){const o=P(r,t);e.replaceChildren(o),e.dataset.type=r,e.dataset.icon=t}}static setEnabled(e,t){super.setEnabled(e,t),t===!1?e.classList.add("disabled"):e.classList.remove("disabled")}}const it={Reorder:"reorder",Resize:"resize",Sort:"sort"},st=xi()?32:0,Si=200,Kt=4,Ut=4,_e=50,Gt=200;function nt(d){var t;return d==null?null:(d.touches&&((t=d.touches[0])==null?void 0:t.clientX))??d.clientX}function Ni(d){let e=0;for(;d!=null;)e+=d.offsetLeft,d=d.offsetParent;return e}function ze(d){return Array.prototype.indexOf.call(d.parentElement.children,d)}const Ii={0:te,1:Yt,2:me,3:St,4:Ti,5:Li},Ke=class{constructor(e){g(this,Te);g(this,ot);g(this,at);g(this,ct);g(this,dt);g(this,fe);g(this,ut);g(this,ht);g(this,Me);g(this,$);g(this,se);g(this,pe);g(this,We);g(this,De);g(this,Fe);g(this,ye);g(this,ft);g(this,je);g(this,Be);g(this,pt);g(this,yt);g(this,gt);g(this,mt);g(this,bt);g(this,vt);g(this,xt);g(this,Xe);g(this,Ye);g(this,Se);g(this,F,void 0);g(this,H,void 0);g(this,we,void 0);g(this,V,void 0);g(this,v,void 0);g(this,ke,void 0);g(this,Ce,-1);g(this,M,void 0);g(this,K,0);g(this,de,void 0);g(this,ue,void 0);g(this,ie,void 0);g(this,Z,-1);g(this,Le,void 0);g(this,he,void 0);g(this,Ee,{});g(this,A,{});g(this,At,[]);C(this,"columns",[]);C(this,"langs",{all:W("allItem","( All )"),ok:W("ok","OK"),reset:W("reset","Reset")});C(this,"virtualCount",100);C(this,"rowHeight",36);C(this,"lineHeight",24);C(this,"extraRows",0);C(this,"filterRowHeight",30);C(this,"height");C(this,"readonly");C(this,"multiSelect",!1);C(this,"fullrowClick",!0);C(this,"allowHtml",!1);C(this,"holderDisabled",!1);C(this,"headerVisible",!0);C(this,"window",le);C(this,"sortIndex",-1);C(this,"sortDirection",1);C(this,"willSelect");C(this,"selectedRowChanged");C(this,"cellDblClicked");C(this,"cellClicked");C(this,"rowDblClicked");C(this,"columnChanged");x(this,we,e)}get element(){return a(this,V)}get source(){var e;return(e=a(this,F))==null?void 0:e.map(t=>t.values)}set source(e){if(a(this,V)==null)throw new Error("grid has not been initialized.");if(!Array.isArray(e))throw new Error("source is not an Array.");e=e.map(t=>({values:t})),x(this,F,e),y(this,Te,Ct).call(this,e)}get virtual(){var e;return((e=a(this,H))==null?void 0:e.length)>this.virtualCount}get sortKey(){var e;return this.columns==null?null:(e=this.columns[this.sortIndex])==null?void 0:e.key}get selectedIndexes(){return a(this,M)}set selectedIndexes(e){const t=a(this,K);a(this,M).splice(0,a(this,M).length,...e),this.readonly!==!0?this.refresh():[...a(this,v).bodyContent.children].forEach((s,n)=>{e.indexOf(t+n)>=0?s.classList.add("selected"):s.classList.contains("selected")&&s.classList.remove("selected")}),typeof this.selectedRowChanged=="function"&&this.selectedRowChanged()}get selectedIndex(){return(a(this,M)&&a(this,M)[0])??-1}get loading(){var e,t;return((t=(e=a(this,v).loading)==null?void 0:e.style)==null?void 0:t.visibility)==="visible"}set loading(e){a(this,v).loading!=null&&(e===!1?(a(this,v).loading.style.visibility="hidden",a(this,v).loading.style.opacity=0):(a(this,v).loading.style.visibility="visible",a(this,v).loading.style.opacity=1))}get scrollTop(){var e;return(e=a(this,v).body)==null?void 0:e.scrollTop}set scrollTop(e){a(this,v).body!=null&&(a(this,v).body.scrollTop=e,this.reload())}init(e=a(this,we)){if(x(this,V,null),x(this,v,{}),x(this,ke,!0),!(e instanceof HTMLElement))throw new Error("no specified parent.");x(this,we,e);const t=p("div","ui-grid");t.setAttribute("tabindex",0),t.addEventListener("keydown",r=>{var u;let o=this.selectedIndex,c=!1;if(r.key==="ArrowUp")o>0&&(c=!0,o-=1);else if(r.key==="ArrowDown"){const f=((u=a(this,H))==null?void 0:u.length)??0;o<f-1&&(c=!0,o+=1)}c&&(x(this,M,[o]),this.scrollToIndex(o),this.refresh(),typeof this.selectedRowChanged=="function"&&this.selectedRowChanged(o),r.stopPropagation())}),e.replaceChildren(t);const s=p("span","ui-grid-sizer");t.appendChild(s),a(this,v).sizer=s;const n=y(this,ot,ti).call(this);t.appendChild(n);const l=y(this,at,ii).call(this);t.appendChild(l);const i=p("div","ui-grid-loading",p("div",null,P("fa-regular","spinner-third")));a(this,v).loading=i,t.appendChild(i),x(this,V,t),x(this,ke,!1),a(this,F)!=null&&this.sortIndex>=0&&this.sortColumn()}scrollToIndex(e){const t=y(this,Me,Ot).call(this,e*(this.rowHeight+1),!0);a(this,v).body.scrollTop=t}resize(e){if(a(this,ke)||a(this,V)==null)return;const t=a(this,v).body,s=this.headerVisible===!1?0:a(this,v).header.offsetHeight;let n=this.height;n===0?n=a(this,ue):(isNaN(n)||n<0)&&(n=a(this,V).offsetHeight-s);const l=wi((n-1)/(this.rowHeight+1))+Kt*2+1;(e||l!==a(this,Z))&&(x(this,Z,l),this.reload()),x(this,ie,t.clientWidth)}reload(){let e=a(this,H).length;this.extraRows>0&&(e+=this.extraRows),x(this,ue,e*(this.rowHeight+1)),a(this,v).body.scrollTop=0,a(this,v).body.scrollLeft=0,a(this,v).bodyContent.style.top="0px",a(this,v).bodyContainer.style.height=`${a(this,ue)}px`,y(this,ct,si).call(this,a(this,v).bodyContent),this.refresh()}refresh(){if(a(this,v).bodyContent==null)throw new Error("body has not been created.");const e=a(this,v).bodyContent.children,t={};y(this,dt,ni).call(this,e,this.columns,t),a(this,de)&&t.flag&&(x(this,de,!1),this.columns.forEach((s,n)=>{if(!y(this,$,X).call(this,s.key,"autoResize"))return;let l=t[n];l<s.width&&(l=s.width),l>0&&y(this,fe,Ge).call(this,n,l)}))}resetChange(){if(a(this,F)!=null)for(let e of a(this,F))delete e.__changed}sortColumn(e){const t=this.sortIndex,s=this.columns[t];if(s==null)return;const n=this.sortDirection;[...a(this,v).header.children].forEach((i,r)=>{const o=i.querySelector(".arrow");o!=null&&(r===t?o.className=`arrow ${n!==1?"desc":"asc"}`:o.className!=="arrow"&&(o.className="arrow"))});let l;if(typeof s.sortFilter!="function"){const i=this.sortDirection;isNaN(i)&&(i=1),l=(r,o)=>{if(r=y(this,pe,Ze).call(this,r.values,s.key,s.filter),o=y(this,pe,Ze).call(this,o.values,s.key,s.filter),r==null&&typeof o=="number")r=0;else if(typeof r=="number"&&o==null)o=0;else{if(r!=null&&o==null)return i;typeof r=="string"&&typeof o=="string"&&(r=r.toLowerCase(),o=o.toLowerCase())}return r===o?0:(r>o?1:-1)*i}}else l=(i,r)=>s.sortFilter(i.values,r.values)*n;a(this,F).sort(l),a(this,A).__filtered===!0&&a(this,H).sort(l),!(a(this,Z)<0)&&(e?this.reload():this.refresh())}};let Re=Ke;F=new WeakMap,H=new WeakMap,we=new WeakMap,V=new WeakMap,v=new WeakMap,ke=new WeakMap,Ce=new WeakMap,M=new WeakMap,K=new WeakMap,de=new WeakMap,ue=new WeakMap,ie=new WeakMap,Z=new WeakMap,Le=new WeakMap,he=new WeakMap,Ee=new WeakMap,A=new WeakMap,At=new WeakMap,Te=new WeakSet,Ct=function(e){e??(e=a(this,F)),a(this,A).__filtered===!0?x(this,H,e.filter(t=>{for(let s of this.columns)if(Array.isArray(s.filterValues)){const n=y(this,pe,Ze).call(this,t.values,s.key,s.filter);if(s.filterValues.indexOf(n)<0)return!1}return!0})):x(this,H,e),x(this,Ce,-1),x(this,M,[]),x(this,K,0),x(this,Le,0),x(this,he,0),x(this,Z,-1),this.sortIndex>=0&&this.sortColumn(),this.resize()},ot=new WeakSet,ti=function(){const e=p("table","ui-grid-header");this.headerVisible===!1&&(e.style.display="none");const t=p("tr");e.appendChild(t);const s=a(this,v).sizer;for(let i of this.columns){if(i.visible===!1){const h=p("th");h.style.display="none",i.sortable!==!1&&(h.dataset.key=i.key,h.addEventListener("click",m=>y(this,Fe,Vt).call(this,m,i,!0))),t.appendChild(h);continue}const r=Ke.ColumnTypes.isCheckbox(i.type);if(!(i.width>0)){y(this,se,Ne).call(this,i.key,"autoResize",!0),x(this,de,!0),s.innerText=i.caption??"";let h=s.offsetWidth+22;!this.readonly&&i.enabled!==!1&&i.allcheck&&r&&(h+=32),i.allowFilter===!0&&(h+=14),h<_e&&(h=_e),i.width=h}i.align??(i.align=r?"center":"left"),i.sortable!==!1&&(i.sortable=!0);const o=`${i.width}px`,c={width:o,"max-width":o,"min-width":o,"text-align":i.align};y(this,se,Ne).call(this,i.key,"style",c);const u=p("th","column");u.dataset.key=i.key;for(let h of Object.entries(c))u.style.setProperty(h[0],h[1]);i.sortable&&(u.style.cursor="pointer",u.addEventListener("click",h=>y(this,Fe,Vt).call(this,h,i))),i.orderable!==!1&&(i.orderable=!0,u.addEventListener("mousedown",h=>y(this,yt,ci).call(this,h,i)));const f=p("div");if(u.appendChild(f),!this.readonly&&i.enabled!==!1&&i.allcheck&&r){const h=ne({onchange:m=>y(this,bt,hi).call(this,i,m.target.checked)});f.appendChild(h)}const b=p("span");if(i.textStyle!=null)for(let h of Object.entries(i.textStyle))b.style.setProperty(h[0],h[1]);if(b.innerText=i.caption??"",f.appendChild(b),i.sortable&&u.appendChild(p("layer","arrow")),i.allowFilter===!0){const h=p("layer","filter");h.appendChild(P("fa-solid","filter")),h.addEventListener("mousedown",m=>y(this,ft,oi).call(this,m,i)),u.classList.add("header-filter"),u.appendChild(h)}if(i.resizable!==!1){const h=p("layer","spliter");h.addEventListener("mousedown",m=>y(this,gt,di).call(this,m,i)),h.addEventListener("dblclick",m=>y(this,mt,ui).call(this,m,i)),u.appendChild(h)}t.appendChild(u)}const n=p("div","dragger"),l=p("layer","dragger-cursor");return t.appendChild(p("th",null,n,l)),s.replaceChildren(),a(this,v).header=t,a(this,v).dragger=n,a(this,v).draggerCursor=l,e},at=new WeakSet,ii=function(){const e=p("div","ui-grid-body");e.addEventListener("scroll",i=>qe(y(this,vt,fi),st,this,i),{passive:!0});const t=this.columns;let s=1;for(let i of t)i.visible!==!1&&!isNaN(i.width)&&(s+=i.width+1);const n=p("div");n.style.position="relative",n.style.minWidth="100%",n.style.minHeight="1px",s>0&&(n.style.width=`${s}px`),e.appendChild(n);const l=p("table","ui-grid-body-content");if(l.addEventListener("mousedown",i=>{let[r,o]=y(this,We,$t).call(this,i.target);const c=ze(r);let u=ze(o);u>=this.columns.length&&(u=-1),y(this,Xe,Dt).call(this,i,c,u)}),l.addEventListener("dblclick",i=>y(this,Ye,Ft).call(this,i)),n.appendChild(l),!this.holderDisabled){const i=p("div","ui-grid-hover-holder");i.addEventListener("mousedown",r=>{const o=r.currentTarget,c=Number(o.dataset.row),u=Number(o.dataset.col);return o.classList.contains("active")&&o.classList.remove("active"),y(this,Xe,Dt).call(this,r,c+a(this,K),u)}),i.addEventListener("dblclick",r=>y(this,Ye,Ft).call(this,r)),n.appendChild(i),e.addEventListener("mousemove",r=>qe(y(this,xt,pi),Si,this,r,i),{passive:!0})}return a(this,v).body=e,a(this,v).bodyContainer=n,a(this,v).bodyContent=l,e},ct=new WeakSet,si=function(){let e=a(this,Z);(isNaN(e)||e<0||!this.virtual)&&(e=a(this,H).length);const t=this.columns,s=a(this,v).bodyContent,n=s.children.length;if(e-=n,e>0)for(let l=0;l<e;l+=1){const i=p("tr","ui-grid-row");t.forEach((r,o)=>{const c=p("td");if(r.visible!==!1){c.dataset.row=String(n+l),c.dataset.col=String(o);const u=y(this,$,X).call(this,r.key,"style");if(u!=null)for(let f of Object.entries(u))c.style.setProperty(f[0],f[1]);if(r.css!=null)for(let f of Object.entries(r.css))c.style.setProperty(f[0],f[1]);if(Ke.ColumnTypes.isCheckbox(r.type))c.appendChild(St.createEdit(f=>y(this,Se,Lt).call(this,f,n+l,r,f.target.checked,c)));else{let f=a(this,Ee)[r.key];f==null&&(isNaN(r.type)?this.allowHtml&&r.type!=null&&(f=r.type):f=Ii[r.type],f??(f=te),a(this,Ee)[r.key]=f),c.appendChild(f.create(r))}}i.appendChild(c)}),i.appendChild(p("td")),s.appendChild(i)}else if(e<0)for(let l=-1;l>=e;l-=1)s.children[n+l].remove()},dt=new WeakSet,ni=function(e,t,s){const n=a(this,K),l=a(this,M);[...e].forEach((i,r)=>{const o=a(this,H)[n+r];if(o==null||!Ae(i.children.length))return;const c=o.values,u=l.indexOf(n+r)>=0;u?i.classList.add("selected"):i.classList.contains("selected")&&i.classList.remove("selected");const f=o.__selected^u;u?o.__selected=!0:delete o.__selected,t.forEach((b,h)=>{var ge,Jt;if(b.visible===!1)return;let m;b.text!=null?m=b.text:typeof b.filter=="function"?m=b.filter(c):(m=c[b.key],(m==null?void 0:m.displayValue)!=null&&(m=m.displayValue)),m??(m="");const k=i.children[h];if(typeof b.bgFilter=="function"){const q=b.bgFilter(c);k.style.backgroundColor=q??""}const E=Ke.ColumnTypes.isCheckbox(b.type),_=E?St:a(this,Ee)[b.key]??te;let T;!E&&f&&typeof _.createEdit=="function"?((ge=o.__editing)!=null&&ge[b.key]&&_.editing&&(m=_.getValue({target:k.children[0]}),y(this,Se,Lt).call(this,null,n+r,b,m,k,!0)),T=u?_.createEdit(q=>y(this,Se,Lt).call(this,q,n+r,b,_.getValue(q),k),b,a(this,v).bodyContent,o):_.create(b),k.replaceChildren(T)):T=k.children[0];let S;this.readonly?S=!1:(S=b.enabled,typeof S=="function"?S=S.call(b,c):typeof S=="string"&&(S=c[S])),_.setValue(T,m,c,b,this);let G=b.tooltip;if(typeof G=="function"&&(G=G.call(b,c)),ee(G)?(Jt=T.querySelector(".ui-tooltip-wrapper"))==null||Jt.remove():et(T,G,!1,this.element),typeof _.setEnabled=="function"&&_.setEnabled(T,S),a(this,de)&&y(this,$,X).call(this,b.key,"autoResize")){const q=T.scrollWidth+12;q>0&&s!=null&&(isNaN(s[h])||s[h]<q)&&(s[h]=q,s.flag=!0)}if(typeof b.styleFilter=="function"){const q=b.styleFilter(c);q!=null&&_.setStyle(T,q)}if(b.events!=null)for(let q of Object.entries(b.events))T[q[0]]=q[1].bind(c);if(b.attrs!=null){let q=b.attrs;typeof q=="function"&&(q=q(c));for(let Qt of Object.entries(q))T.setAttribute(Qt[0],Qt[1])}}),o.__editing!=null&&delete o.__editing})},fe=new WeakSet,Ge=function(e,t){const s=this.columns[e],n=`${t}px`;s.width=t;const l=y(this,$,X).call(this,s.key,"style");l.width=n,l["max-width"]=n,l["min-width"]=n;let i=a(this,v).header.children[e];i.style.width=n,i.style.maxWidth=n,i.style.minWidth=n;const r=a(this,v).bodyContent;for(let o of r.children)i=o.children[e],i!=null&&(i.style.width=n,i.style.maxWidth=n,i.style.minWidth=n)},ut=new WeakSet,li=function(e,t,s,n){const l=a(this,v).header.children;let i=l[e];a(this,v).dragger.style.left=`${i.offsetLeft-n+t}px`,a(this,v).dragger.style.width=i.style.width,a(this,v).dragger.style.display="block",t=s-Ni(i);let r;if(t<0){t=-t;for(let o=e-1;o>=0&&t>=0&&(i=l[o],!(i==null||i.className!=="column"));o-=1){if(t<i.offsetWidth){r=t>i.offsetWidth/2?o:o+1;break}t-=i.offsetWidth}r??(r=0)}else{const o=l.length;for(let c=e;c<o-1&&t>=0;c+=1){if(i=l[c],i==null||i.className!=="column"){r=c;break}if(t<i.offsetWidth){r=t>i.offsetWidth/2?c+1:c;break}t-=i.offsetWidth}r??(r=o-1)}if(r!==a(this,A).__orderIndex){if(a(this,A).__orderIndex=r,i=l[r],i==null)return;a(this,v).draggerCursor.style.left=`${i.offsetLeft-n}px`,a(this,v).draggerCursor.style.display="block"}},ht=new WeakSet,ri=function(e){a(this,v).dragger.style.display="",a(this,v).draggerCursor.style.display="";const t=a(this,A).__orderIndex;if(t>=0&&t!==e){let s=t-e;if(s>=0&&s<=1)return;const n=a(this,v).header,l=n.children,i=a(this,v).bodyContent.children,r=this.columns;if(s>1){s=t-1;const o=r.splice(e,1)[0];r.splice(s,0,o),n.insertBefore(l[e],l[s].nextElementSibling);for(let c of i)c.insertBefore(c.children[e],c.children[s].nextElementSibling)}else{s=t;const o=r.splice(e,1)[0];r.splice(s,0,o),n.insertBefore(l[e],l[s]);for(let c of i)c.insertBefore(c.children[e],c.children[s])}[...l].forEach((o,c)=>{const u=o.querySelector(".arrow");u!=null&&u.className!=="arrow"&&(this.sortIndex=c)}),typeof this.columnChanged=="function"&&this.columnChanged(it.Reorder,e,s)}},Me=new WeakSet,Ot=function(e,t){const s=this.rowHeight+1;if(e-=e%(s*2)+Kt*s,e<0)e=0;else{let n=a(this,ue)-(t?0:a(this,Z)*s);n<0&&(n=0),e>n&&(e=n)}return a(this,Le)!==e?(x(this,Le,e),this.virtual&&x(this,K,e/s),this.refresh(),this.virtual&&(a(this,v).bodyContent.style.top=`${e}px`)):t&&this.refresh(),e},$=new WeakSet,X=function(e,t){const s=a(this,A)[e];return s==null?null:s[t]},se=new WeakSet,Ne=function(e,t,s){const n=a(this,A)[e];n==null?a(this,A)[e]={[t]:s}:n[t]=s},pe=new WeakSet,Ze=function(e,t,s){let n;return typeof s=="function"?n=s(e):n=e[t],(n==null?void 0:n.value)??n},We=new WeakSet,$t=function(e){let t;for(;(t=e.parentElement)!=null&&!t.classList.contains("ui-grid-row");)e=t;return[t,e]},De=new WeakSet,Pt=function(e){return/^(input|label|layer|svg|use)$/i.test(e)},Fe=new WeakSet,Vt=function(e,t,s){if(!(!s&&(y(this,$,X).call(this,t.key,"resizing")||y(this,$,X).call(this,t.key,"dragging")))&&!y(this,De,Pt).call(this,e.target.tagName)){const n=this.columns.indexOf(t);if(n<0)return;this.sortIndex===n?this.sortDirection=this.sortDirection===1?-1:1:this.sortIndex=n,this.sortColumn(!0),typeof this.columnChanged=="function"&&this.columnChanged(it.Sort,n,this.sortDirection)}},ye=new WeakSet,Je=function(){const e=a(this,V).querySelectorAll(".filter-panel.active");if(e.length>0){e.forEach(s=>s.classList.remove("active")),setTimeout(()=>a(this,V).querySelectorAll(".filter-panel").forEach(s=>s.remove()),120);const t=a(this,A).__filtering;return t instanceof HTMLElement&&t.classList.remove("hover"),delete a(this,A).__filtering,!0}return!1},ft=new WeakSet,oi=function(e,t){if(y(this,ye,Je).call(this))return;const s=h=>{h.target.tagName==="LAYER"&&h.target.classList.contains("filter")||h.target.tagName==="use"||y(this,ye,Je).call(this)&&document.removeEventListener("mousedown",s)};document.addEventListener("mousedown",s);const n=p("div","filter-panel");n.addEventListener("mousedown",h=>h.stopPropagation());const l=e.currentTarget,i=l.parentElement,r=i.offsetWidth;n.style.top=`${i.offsetHeight}px`,n.style.left=i.offsetLeft+(r>Gt?r-Gt:0)+"px";let o;if(t.allowSearch!==!1){const h=p("div","filter-search-holder");o=p("input","filter-search-box ui-text"),o.type="text";const m=P("fa-regular","search");m.addEventListener("mousedown",k=>{o.focus(),k.preventDefault()}),h.append(o,m),n.append(h)}const c=p("div","filter-item-list");c.addEventListener("scroll",h=>qe(y(this,pt,ai),st,this,t,c,h.target.scrollTop),{passive:!0});const u=p("div","filter-item filter-all");u.appendChild(ne({label:this.langs.all,onchange:h=>{const m=h.target.checked;c.querySelectorAll(".filter-content input").forEach(k=>k.checked=m)}})),c.appendChild(u);let f;if(Array.isArray(t.filterSource))f=t.filterSource;else if(typeof t.filterSource=="function")f=t.filterSource.call(this,t);else{const h=Object.create(null);for(let m of a(this,F)){const k=y(this,pe,Ze).call(this,m.values,t.key,t.filter);if(!Object.hasOwnProperty.call(h,k)){const E=m.values[t.key];h[k]={value:k,displayValue:typeof t.filter=="function"?t.filter(m.values):(E==null?void 0:E.displayValue)??E}}}f=Object.values(h).sort((m,k)=>(m=(m==null?void 0:m.value)??m,k=(k==null?void 0:k.value)??k,m>k?1:m<k?-1:0))}f=f.map(h=>Object.prototype.hasOwnProperty.call(h,"value")&&Object.prototype.hasOwnProperty.call(h,"displayValue")?h:{value:h,displayValue:h??""}),y(this,je,Mt).call(this,t,c,f,u),u.querySelector("input").checked=![...c.querySelectorAll(".filter-content input")].some(h=>!h.checked),n.appendChild(c),o!=null&&o.addEventListener("input",h=>{const m=h.currentTarget.value.toLowerCase(),k=m.length===0?f:f.filter(E=>{const _=(E==null?void 0:E.displayValue)??E;return String(_??"").indexOf(m)>=0});y(this,je,Mt).call(this,t,c,k,u)});const b=p("div","filter-function");b.append(p("button",h=>{h.innerText=this.langs.ok,h.addEventListener("click",()=>{const m=y(this,$,X).call(this,t.key,"filterSource").filter(k=>k.__checked!==!1);typeof t.onFilterOk=="function"?t.onFilterOk.call(this,t,m):t.filterValues=m.map(k=>k.value),a(this,A).__filtered=!0,y(this,Te,Ct).call(this),typeof t.onFiltered=="function"&&t.onFiltered.call(this,t),l.classList.add("active"),y(this,ye,Je).call(this)})}),p("button",h=>{h.innerText=this.langs.reset,h.addEventListener("click",()=>{delete t.filterValues,a(this,A).__filtered=this.columns.some(m=>t.filterValues!=null),y(this,Te,Ct).call(this),typeof t.onFiltered=="function"&&t.onFiltered.call(this,t),l.classList.remove("active"),y(this,ye,Je).call(this)})})),n.appendChild(b),a(this,V).appendChild(n),setTimeout(()=>n.classList.add("active"),0),a(this,A).__filtering=l,l.classList.add("hover")},je=new WeakSet,Mt=function(e,t,s,n){var c,u;(c=t.querySelector(".filter-holder"))==null||c.remove(),(u=t.querySelector(".filter-content"))==null||u.remove();const l=this.filterRowHeight,i=s.length*l;y(this,se,Ne).call(this,e.key,"filterHeight",i);const r=p("div","filter-holder");r.style.height=`${i}px`;const o=p("div","filter-content");o.style.top=`${l}px`,y(this,se,Ne).call(this,e.key,"filterSource",s);for(let f of s)f.__checked=!Array.isArray(e.filterValues)||e.filterValues.indexOf(f.value??f)>=0;s.length>12&&(s=s.slice(0,12)),y(this,Be,Wt).call(this,o,s,n),t.append(r,o)},Be=new WeakSet,Wt=function(e,t,s){for(let n of t){const l=p("div","filter-item");l.appendChild(ne({checked:n.__checked,label:(n==null?void 0:n.displayValue)??n,onchange:i=>{n.__checked=i.target.checked,s.querySelector("input").checked=![...e.querySelectorAll("input")].some(r=>!r.checked)}})),e.appendChild(l)}},pt=new WeakSet,ai=function(e,t,s){const n=this.filterRowHeight;if(s-=s%(n*2)+n,s<0)s=0;else{let l=y(this,$,X).call(this,e.key,"filterHeight")-12*n;l<0&&(l=0),s>l&&(s=l)}if(y(this,$,X).call(this,e.key,"filterTop")!==s){y(this,se,Ne).call(this,e.key,"filterTop",s);const l=s/n;let i=y(this,$,X).call(this,e.key,"filterSource");l+12<i.length?i=i.slice(l,l+12):i=i.slice(-12);const r=t.querySelector(".filter-content");r.replaceChildren(),y(this,Be,Wt).call(this,r,i,t.querySelector(".filter-all>input")),r.style.top=`${s+n}px`}},yt=new WeakSet,ci=function(e,t){if(y(this,De,Pt).call(this,e.target.tagName))return;const s=nt(e),n=ze(e.currentTarget),l=c=>{for(let u of["mousemove","mouseup"])c.hasOwnProperty(u)&&(window.removeEventListener(u,c[u]),delete c[u])};let i=a(this,A)[t.key];i==null?i=a(this,A)[t.key]={}:l(i),i.dragging=!0;const r=a(this,v).header.querySelector("th:last-child").offsetLeft,o=c=>{const u=nt(c),f=u-s;let b=i.offset,h;(b==null&&(f>Ut||f<-Ut)||b!==f)&&(h=!0),h&&(y(this,ut,li).call(this,n,f,u,r),i.offset=f)};i.mousemove=c=>qe(o,st,this,c),i.mouseup=()=>{l(i),i.offset==null?delete i.dragging:(setTimeout(()=>{delete i.dragging,delete i.offset}),y(this,ht,ri).call(this,n))},["mousemove","mouseup"].forEach(c=>window.addEventListener(c,i[c]))},gt=new WeakSet,di=function(e,t){const s=nt(e),n=t.width,l=ze(e.currentTarget.parentElement),i=this.window??le,r=u=>{for(let f of["mousemove","mouseup"])u.hasOwnProperty(f)&&(i.removeEventListener(f,u[f]),delete u[f])};let o=a(this,A)[t.key];o==null?o=a(this,A)[t.key]={}:r(o),o.resizing=n;const c=u=>{const f=nt(u),b=n+(f-s);b<_e||(o.resizing=b,o.sizing=!0,y(this,fe,Ge).call(this,l,b))};o.mousemove=u=>qe(c,st,this,u),o.mouseup=u=>{r(o);const f=o.resizing;f!=null&&(setTimeout(()=>delete o.resizing),o.sizing&&(delete o.sizing,delete o.autoResize,y(this,fe,Ge).call(this,l,f),typeof this.columnChanged=="function"&&this.columnChanged(it.Resize,l,f))),u.stopPropagation(),u.preventDefault()},["mousemove","mouseup"].forEach(u=>i.addEventListener(u,o[u]))},mt=new WeakSet,ui=function(e,t){const s=e.currentTarget.parentElement,n=ze(s);let l=s.querySelector("div:first-child").scrollWidth;for(let i of a(this,v).bodyContent.children){const o=i.children[n].children[0].scrollWidth;o>l&&(l=o)}l<_e&&(l=_e),l>0&&l!==t.width&&(l+=12,y(this,fe,Ge).call(this,n,l),typeof this.columnChanged=="function"&&this.columnChanged(it.Resize,n,l))},bt=new WeakSet,hi=function(e,t){if(a(this,H)==null)return;const s=e.key,n=typeof e.enabled=="function",l=typeof e.enabled=="string";if(typeof e.onallchecked=="function")e.onallchecked.call(this,e,t);else{for(let i of a(this,H)){const r=i.values;if(r==null)continue;(n?e.enabled(r):l?r[e.enabled]:e.enabled)!==!1&&(r[s]=t,i.__changed=!0,typeof e.onchanged=="function"&&e.onchanged.call(this,r,t))}this.refresh()}},vt=new WeakSet,fi=function(e){const t=e.target.scrollLeft;if(a(this,he)!==t&&(x(this,he,t),a(this,v).header.style.left=`${-t}px`),!this.virtual)return;const s=e.target.scrollTop;y(this,Me,Ot).call(this,s)},xt=new WeakSet,pi=function(e,t){if(e.target.classList.contains("ui-grid-hover-holder"))return;let[s,n]=y(this,We,$t).call(this,e.target);if(s==null){delete t.dataset.row,delete t.dataset.col,t.classList.contains("active")&&t.classList.remove("active");return}const l=n.children[0];if((l==null?void 0:l.tagName)!=="SPAN"){t.classList.contains("active")&&(delete t.dataset.row,delete t.dataset.col,t.classList.remove("active"));return}const i=n.dataset.row,r=n.dataset.col;if(!(t.dataset.row===i&&t.dataset.col===r))if(l.scrollWidth>l.offsetWidth){t.dataset.row=i,t.dataset.col=r,t.innerText=l.innerText;const o=a(this,v).bodyContent.offsetTop+n.offsetTop;let c=n.offsetLeft,u=t.offsetWidth;u>a(this,ie)&&(u=a(this,ie));const f=a(this,ie)+a(this,he)-u;c>f&&(c=f);const b=n.offsetHeight;t.style.cssText=`top: ${o}px; left: ${c}px; max-width: ${a(this,ie)}px; height: ${b-2}px`,t.classList.add("active")}else t.classList.contains("active")&&(delete t.dataset.row,delete t.dataset.col,t.classList.remove("active"))},Xe=new WeakSet,Dt=function(e,t,s){const n=a(this,K),l=n+t;if(typeof this.willSelect=="function"&&!this.willSelect(l,s))return;let i=!1;const r=a(this,M);if(this.multiSelect){if(e.ctrlKey){const o=r.indexOf(l);o<0?r.push(l):r.splice(o,1),i=!0}else if(e.shiftKey&&r.length>0&&(r.length>1||r[0]!==l)){let o=r[r.length-1],c;o>l?(c=o,o=l):c=l,r.splice(0);for(let u=o;u<=c;u+=1)r.push(u);i=!0}}(!i&&r.length!==1||r[0]!==l)&&(r.splice(0,r.length,l),i=!0),i&&(this.readonly!==!0?this.refresh():[...a(this,v).bodyContent.children].forEach((o,c)=>{r.indexOf(n+c)>=0?o.classList.add("selected"):o.classList.contains("selected")&&o.classList.remove("selected")}),typeof this.selectedRowChanged=="function"&&this.selectedRowChanged(l)),x(this,Ce,s),(this.fullrowClick||s>=0)&&e.buttons===1&&typeof this.cellClicked=="function"&&this.cellClicked(l,s)===!1&&(e.stopPropagation(),e.preventDefault())},Ye=new WeakSet,Ft=function(e){if(e.target.tagName==="INPUT"||e.target.tagName==="TEXTAREA"||e.target.tagName==="LAYER"&&e.target.className==="ui-check-inner"||e.target.tagName==="LABEL"&&(e.target.className==="ui-drop-text"||e.target.className==="ui-drop-caret"))return;const t=this.selectedIndex;if(typeof this.rowDblClicked=="function"&&this.rowDblClicked(t),typeof this.cellDblClicked=="function"){const s=a(this,Ce);(this.fullrowClick||s>=0)&&this.cellDblClicked(t,s)}},Se=new WeakSet,Lt=function(e,t,s,n,l,i){var u;if(a(this,H)==null)return;const r=a(this,H)[a(this,K)+t],o=r.values;if(o==null)return;let c=s.enabled;if(typeof c=="function"?c=c.call(s,o):typeof c=="string"&&(c=o[c]),c!==!1){o[s.key]=n;let f=s.tooltip;typeof f=="function"&&(f=f.call(s,o)),ee(f)?(u=l.querySelector(".ui-tooltip-wrapper"))==null||u.remove():et(l.children[0],f,!1,this.element),r.__changed=!0,i?typeof s.oneditend=="function"&&s.oneditend.call(this,o,n):typeof s.onchanged=="function"&&s.onchanged.call(this,o,n)}},C(Re,"ColumnTypes",{Common:0,Input:1,Dropdown:2,Checkbox:3,Icon:4,Text:5,isCheckbox(e){return e===3}}),C(Re,"GridColumn",te);const Wi="",z={right:1,bottom:2,left:4,top:8,bottomRight:3,bottomLeft:6,topRight:9,topLeft:12};function lt(d){if(typeof d!="string")return d;if(d.endsWith("px")){const e=Number(d.substring(0,d.length-2));return isNaN(e)?d:e}return d}class rt{constructor(e={}){g(this,B);g(this,j,void 0);g(this,U,void 0);g(this,J,void 0);x(this,U,e)}get container(){return a(this,j).querySelector(".ui-popup-container")}get rect(){const e=this.container;if(e==null)return null;const t=le.getComputedStyle(e),s=e.classList.contains("ui-popup-collapse"),n=a(this,J);return{collapsed:s,left:lt(t.left),top:lt(t.top),width:s===!0&&n!=null?n.width:lt(t.width),height:s===!0&&n!=null?n.height:lt(t.height)}}set rect(e){const t=this.container;if(t==null)return;const s=[];isNaN(e.left)||s.push(`left: ${e.left}px`),isNaN(e.top)||s.push(`top: ${e.top}px`);const n=t.querySelector(".ui-popup-header>.icon-expand");e.collapsed===!0?(s.push("width: 160px","height: 40px"),x(this,J,e),t.classList.add("ui-popup-collapse"),n!=null&&Ie(n,"fa-regular","expand-alt")):(!isNaN(e.width)&&e.width>0&&s.push(`width: ${e.width}px`),!isNaN(e.height)&&e.height>0&&s.push(`height: ${e.height}px`),t.classList.remove("ui-popup-collapse"),x(this,J,null),n!=null&&Ie(n,"fa-regular","compress-alt")),s.length>0&&(t.style.cssText+=s.join("; "))}close(e=!0){const t=a(this,j);e?(t.classList.add("ui-popup-active"),t.style.opacity=0,setTimeout(()=>{t.remove()},120)):t.remove(),typeof a(this,U).onMasking=="function"&&a(this,U).onMasking.call(this,!1)}create(){const e=p("div","ui-popup-mask"),t=a(this,U);t.mask===!1?e.classList.add("ui-popup-transparent"):typeof t.onMasking=="function"&&a(this,U).onMasking.call(this,!0),isNaN(t.zIndex)||(e.style.zIndex=String(t.zIndex));const s=p("div","ui-popup-container");t.changeZIndex===!0&&s.addEventListener("mousedown",()=>{const i=[...a(this,j).parentElement.children].filter(o=>o.classList.contains("ui-popup-mask"));let r=200;i.forEach(o=>{let c;o.dataset.zindex!=null?(c=parseInt(o.dataset.zindex),o.style.zIndex=isNaN(c)?"":String(c),delete o.dataset.zindex):c=parseInt(o.style.zIndex),c>r&&(r=c)}),e.dataset.zindex=e.style.zIndex,e.style.zIndex=r+1});let n=Math.max.apply(null,[...document.querySelectorAll("[tabindex]")].map(i=>i.tabIndex??0));n<0&&(n=0),s.tabIndex=n+1;let l=t.content;if(l instanceof HTMLElement||(l=p("div",i=>i.innerText=l)),s.append(p("div",i=>{i.className="ui-popup-header";let r=t.title;if(r instanceof HTMLElement||(r=p("div",c=>{c.className="ui-popup-header-title",c.innerText=r})),i.appendChild(r),t.movable!==!1&&(r.querySelector(".ui-popup-move")??r).addEventListener("mousedown",u=>{if(u.buttons!==1)return;const f=u.clientX-s.offsetLeft,b=u.clientY-s.offsetTop;let h;const m=E=>{E.buttons===1?(s.style.left=`${E.clientX-f}px`,s.style.top=`${E.clientY-b}px`,h=!0):e.dispatchEvent(new MouseEvent("mouseup"))};e.addEventListener("mousemove",m,{passive:!1});const k=()=>{e.removeEventListener("mousemove",m,{passive:!1}),e.removeEventListener("mouseup",k),h===!0&&typeof t.onMoveEnded=="function"&&t.onMoveEnded.call(this),h=!1};e.addEventListener("mouseup",k)}),t.collapsable===!0){const c=P("fa-regular","compress-alt");c.tabIndex=n+2,c.classList.add("icon-expand"),c.addEventListener("keypress",u=>{(u.key===" "||u.key==="Enter")&&c.dispatchEvent(new MouseEvent("click"))}),c.addEventListener("click",()=>{if(s.classList.contains("ui-popup-collapse")){const u=a(this,J);u!=null&&(s.style.cssText+=`width: ${u.width}px; height: ${u.height}px`,x(this,J,null)),s.classList.remove("ui-popup-collapse"),Ie(c,"fa-regular","compress-alt")}else{const u=this.rect;x(this,J,u),s.style.cssText+="width: 160px; height: 40px",s.classList.add("ui-popup-collapse"),Ie(c,"fa-regular","expand-alt")}typeof t.onResizeEnded=="function"&&t.onResizeEnded.call(this)}),i.appendChild(c)}const o=P("fa-regular","times");o.tabIndex=n+3,o.addEventListener("keypress",c=>{(c.key===" "||c.key==="Enter")&&this.close()}),o.addEventListener("click",()=>this.close()),i.appendChild(o)}),p("div","ui-popup-body",l,p("div","ui-popup-loading",p("div",null,P("fa-regular","spinner-third"))))),Array.isArray(t.buttons)&&t.buttons.length>0){n=Math.max.apply(null,[...s.querySelectorAll("[tabindex]")].map(u=>u.tabIndex??0)),s.appendChild(p("div","ui-popup-footer",...t.buttons.map((u,f)=>{const b=p("button","ui-popup-button");return u.tabIndex>0?b.tabIndex=u.tabIndex:b.tabIndex=n+f+1,b.innerText=u.text,b.addEventListener("click",()=>{if(typeof u.trigger=="function"){const h=u.trigger(this);typeof(h==null?void 0:h.then)=="function"?h.then(m=>{m!==!1&&this.close()}).catch(m=>console.warn(m)):h!==!1&&this.close()}else this.close()}),b})));const i=[...s.querySelectorAll("[tabindex]")].map(u=>u.tabIndex??0),r=Math.min.apply(null,i),o=Math.max.apply(null,i),c=s.querySelector(`[tabindex="${o}"]`);c!=null&&c.addEventListener("keydown",u=>{if(u.key==="Tab"){const f=s.querySelector(`[tabindex="${r}"]`);f==null||f.focus(),u.preventDefault()}})}else s.querySelector(".ui-popup-body>.ui-popup-loading").classList.add("ui-popup-loading-content");return t.resizable===!0&&s.append(p("layer",i=>{i.className="ui-popup-border ui-popup-border-right",i.addEventListener("mousedown",r=>y(this,B,Q).call(this,z.right,r))}),p("layer",i=>{i.className="ui-popup-border ui-popup-border-bottom",i.addEventListener("mousedown",r=>y(this,B,Q).call(this,z.bottom,r))}),p("layer",i=>{i.className="ui-popup-border ui-popup-border-left",i.addEventListener("mousedown",r=>y(this,B,Q).call(this,z.left,r))}),p("layer",i=>{i.className="ui-popup-border ui-popup-border-top",i.addEventListener("mousedown",r=>y(this,B,Q).call(this,z.top,r))}),p("layer",i=>{i.className="ui-popup-border ui-popup-border-bottom-right",i.addEventListener("mousedown",r=>y(this,B,Q).call(this,z.bottomRight,r))}),p("layer",i=>{i.className="ui-popup-border ui-popup-border-bottom-left",i.addEventListener("mousedown",r=>y(this,B,Q).call(this,z.bottomLeft,r))}),p("layer",i=>{i.className="ui-popup-border ui-popup-border-top-left",i.addEventListener("mousedown",r=>y(this,B,Q).call(this,z.topLeft,r))}),p("layer",i=>{i.className="ui-popup-border ui-popup-border-top-right",i.addEventListener("mousedown",r=>y(this,B,Q).call(this,z.topRight,r))})),e.appendChild(s),x(this,j,e),e}show(e=document.body){if(e==null)return;let t=a(this,j)??this.create();const s=[...e.children].filter(l=>l.classList.contains("ui-popup-mask"));let n=0;for(let l of s){let i=parseInt(l.style.zIndex);!isNaN(i)&&i>n&&(n=i)}if(n>0&&(t.style.zIndex=String(n+1)),e.appendChild(t),a(this,U).mask===!1){const l=this.container;l.style.left=String((e.offsetWidth-l.offsetWidth)/2)+"px",l.style.top=String((e.offsetHeight-l.offsetHeight)/2)+"px"}return new Promise(l=>{setTimeout(()=>{t.style.opacity=1,this.container.focus(),l(t)},0)})}get loading(){var e,t,s;return((s=(t=(e=a(this,j))==null?void 0:e.querySelector(".ui-popup-body>.ui-popup-loading"))==null?void 0:t.style)==null?void 0:s.visibility)==="visible"}set loading(e){var s;let t=(s=a(this,j))==null?void 0:s.querySelector(".ui-popup-body>.ui-popup-loading");t!=null&&(e===!1?(t.style.visibility="hidden",t.style.opacity=0):(t.style.visibility="visible",t.style.opacity=1))}}j=new WeakMap,U=new WeakMap,J=new WeakMap,B=new WeakSet,Q=function(e,t){if(t.buttons!==1)return;const s=this.container,n=a(this,U);typeof n.onResizeStarted=="function"&&n.onResizeStarted.call(this);const l=a(this,j),i=t.clientX,r=t.clientY,o={width:s.offsetWidth,height:s.offsetHeight,left:s.offsetLeft,top:s.offsetTop},c=n.minWidth??200,u=n.minHeight??200;let f;const b=n.mask===!1?l.parentElement:l,h=k=>{if(k.buttons!==1){b.dispatchEvent(new MouseEvent("mouseup"));return}const E=k.clientX-i,_=k.clientY-r;let T=o.width,S=o.height,G=o.left,ge=o.top;(e&z.right)===z.right&&(T+=E,T<c&&(T=c)),(e&z.bottom)===z.bottom&&(S+=_,S<u&&(S=u)),(e&z.left)===z.left&&(T-=E,T<c?(T=c,G=i+o.width-c):G+=E),(e&z.top)===z.top&&(S-=_,S<u?(S=u,ge=r+o.height-u):ge+=_),typeof n.onResizing=="function"?n.onResizing.call(this,G,ge,T,S):s.style.cssText+=`left: ${G}px; top: ${ge}px; width: ${T}px; height: ${S}px`,f=!0};b.addEventListener("mousemove",h,{passive:!1});const m=()=>{b.removeEventListener("mousemove",h,{passive:!1}),b.removeEventListener("mouseup",m),f===!0&&typeof n.onResizeEnded=="function"&&n.onResizeEnded.call(this),f=!1};b.addEventListener("mouseup",m)};function Ai(d,e,...t){return new rt({title:d,content:e,buttons:t})}const Zt={info:"info-circle",information:"info-circle",warn:"exclamation-triangle",warning:"exclamation-triangle",question:"question-circle",error:"times-circle"};function qi(d,e,t="info",s=document.body){return new Promise(n=>{new rt({title:d,content:p("div","message-wrapper",P("fa-solid",Zt[t]??"info-circle"),p("span",i=>i.innerText=e)),buttons:[{text:W("ok","OK"),trigger:n}]}).show(s).then(i=>{const r=i.querySelector(".ui-popup-container .ui-popup-footer .ui-popup-button:last-child");r==null||r.focus()})})}function _i(d,e,t,s="question",n=document.body){return new Promise(l=>{const i=p("div","message-wrapper");ee(s)||i.appendChild(P("fa-solid",Zt[s]??"question-circle")),i.appendChild(e instanceof HTMLElement?e:p("span",o=>o.innerText=e)),new rt({title:d,content:i,buttons:(t==null?void 0:t.map(o=>({text:o.text,trigger:c=>{let u;if(typeof o.trigger=="function"){if(u=o.trigger(c,o),typeof(u==null?void 0:u.then)=="function")return u.then(f=>(f!==!1&&l(f),f));u!==!1&&l(u)}else u={key:o.key,popup:c},l(u);return u}})))??[{text:W("yes","Yes"),trigger:o=>l({key:"yes",popup:o})},{text:W("no","No"),trigger:o=>l({key:"no",popup:o})}]}).show(n).then(o=>{const c=o.querySelector(".ui-popup-container .ui-popup-footer .ui-popup-button:last-child");c==null||c.focus()})})}w.Dropdown=tt,w.Grid=Re,w.Popup=rt,w.changeIcon=Ie,w.createCheckbox=ne,w.createElement=p,w.createIcon=P,w.createPopup=Ai,w.createRadiobox=gi,w.resolveCheckbox=mi,w.resolveIcon=yi,w.resolveTooltip=bi,w.setTooltip=et,w.showAlert=qi,w.showConfirm=_i,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
|
|
//# sourceMappingURL=ui.min.js.map
|