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