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