@svar-ui/react-core 2.5.1 → 2.6.1

package/dist/index.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react"),I=require("@svar-ui/lib-react"),H=require("@svar-ui/lib-dom"),He=require("react-dom"),ie=require("@svar-ui/core-locales"),ee=n.createContext(""),Re=n.createContext({}),J=n.createContext(null),te=n.createContext(null),Ae=Object.freeze(Object.defineProperty({__proto__:null,fieldId:te,helpers:Re,i18n:J,theme:ee},Symbol.toStringTag,{value:"Module"}));function U(e){const r=n.useContext(te),[s]=n.useState(()=>e||r||H.uid());return s}function Be({value:e="",id:r,placeholder:s="",title:c="",disabled:l=!1,error:x=!1,readonly:i=!1,onChange:a}){const o=U(r),[u,d]=I.useWritableProp(e),f=n.useCallback(m=>{const w=m.target.value;d(w),a&&a({value:w,input:!0})},[a]),v=n.useCallback(m=>{const w=m.target.value;d(w),a&&a({value:w})},[a]),j=n.useRef(null);return n.useEffect(()=>{const m=v,w=j.current;return w.addEventListener("change",m),()=>{w&&w.removeEventListener("change",m)}},[v]),t.jsx("textarea",{className:`wx-3yFVAC wx-textarea ${x?"wx-error":""}`,id:o,disabled:l,placeholder:s,readOnly:i,title:c,value:u,onInput:f,ref:j})}function Q({type:e="",css:r="",icon:s="",disabled:c=!1,title:l="",text:x="",children:i,onClick:a}){const o=n.useMemo(()=>{let d=e?e.split(" ").filter(f=>f!=="").map(f=>"wx-"+f).join(" "):"";return r+(r?" ":"")+d},[e,r]),u=d=>{a&&a(d)};return t.jsxs("button",{title:l,className:`wx-2ZWgb4 wx-button ${o} ${s&&!i?"wx-icon":""}`,disabled:c,onClick:u,children:[s&&t.jsx("i",{className:"wx-2ZWgb4 "+s}),i||x||" "]})}function xe({id:e,label:r="",inputValue:s="",value:c=!1,onChange:l,disabled:x=!1,style:i}){const a=U(e),[o,u]=I.useWritableProp(c),d=({target:f})=>{const v=f.checked;u(v),l&&l({value:v,inputValue:s})};return t.jsxs("div",{style:i,className:"wx-2IvefP wx-checkbox",children:[t.jsx("input",{type:"checkbox",id:a,disabled:x,className:"wx-2IvefP wx-check",checked:o,value:s,onChange:d}),t.jsxs("label",{htmlFor:a,className:"wx-2IvefP wx-label",children:[t.jsx("span",{className:"wx-2IvefP wx-before"}),r&&t.jsx("span",{className:"wx-2IvefP wx-after",children:r})]})]})}function Oe({options:e=[],value:r=[],type:s="",onChange:c}){const l=n.useCallback(x=>{let i;x.value?i=[...r,x.inputValue]:i=r.filter(a=>a!==x.inputValue),c&&c({value:i})},[r,c]);return t.jsx(te.Provider,{value:null,children:t.jsx("div",{className:`wx-q8xwRD wx-checkboxgroup ${s&&`wx-${s}`}`,children:e.map(x=>t.jsx("div",{className:"wx-q8xwRD wx-item",children:t.jsx(xe,{label:x.label,inputValue:x.id,value:r.includes(x.id),onChange:l})},x.id))})})}function Me({theme:e="",target:r,children:s}){const c=n.useRef(null),l=n.useRef(null),[x,i]=n.useState(null);c.current||(c.current=document.createElement("div"));const a=n.useContext(ee);return n.useEffect(()=>{i(r||Ye(l.current)||H.env.getTopNode(l.current))},[l.current]),t.jsxs(t.Fragment,{children:[t.jsx("span",{ref:l,style:{display:"none"}}),l.current&&x?He.createPortal(t.jsx("div",{className:`wx-3ZWsT0 wx-${e||a}-theme`,children:s}),x):null]})}function Ye(e){const r=H.env.getTopNode(e);for(;e&&e!==r&&!e.getAttribute("data-wx-portal-root");)e=e.parentNode;return e}function Se({left:e=0,top:r=0,at:s="bottom",parent:c=null,width:l="auto",css:x="",onCancel:i,children:a,trackScroll:o=!1}){const[u,d]=n.useState(0),[f,v]=n.useState(0),[j,m]=n.useState("auto"),[w,h]=n.useState(!1),p=n.useRef(null),g=n.useRef(null),y=n.useRef(i);n.useEffect(()=>{y.current=i},[i]);function C(k){return c&&(l+"").indexOf("%")>-1?l.replace(/(\d+)%/,(S,M)=>(M=M*c.offsetWidth/100+"px",l.replace(S,M))):l&&l!=="auto"?l:k}const N=n.useCallback(()=>{if(!p.current)return;const k=H.calculatePosition(p.current,c,s,e,r);k&&(d(k.x),v(k.y),m(C(k.width)))},[p,c,s,e,r,l]);return n.useLayoutEffect(()=>{const k=S=>{y.current&&S.target!==g.current&&p.current&&!p.current.contains(S.target)&&y.current(S)};return requestAnimationFrame(()=>{N(),h(!0),o&&p.current&&(g.current=H.getAbsParent(p.current),g.current&&g.current.addEventListener("scroll",k,!0))}),()=>{o&&g.current&&g.current.removeEventListener("scroll",k,!0)}},[]),n.useLayoutEffect(()=>{N()},[c,s,e,r]),n.useEffect(()=>{const k=S=>{y.current&&y.current(S)};if(p.current)return H.clickOutside(p.current,k).destroy},[]),t.jsx("div",{ref:p,className:["wx-37M6Fj","wx-popup",x].filter(Boolean).join(" "),style:{position:"absolute",visibility:w?"visible":"hidden",top:f+"px",left:u+"px",width:j},children:a})}function Je({position:e="bottom",align:r="start",autoFit:s=!0,onCancel:c=null,width:l="100%",css:x="",children:i}){const a=n.useRef(null),[o,u]=n.useState(e),[d,f]=n.useState(r),v=n.useRef(c);return n.useEffect(()=>{v.current=c},[c]),n.useEffect(()=>{if(s){const j=a.current;if(j){const m=j.getBoundingClientRect(),w=document.body.getBoundingClientRect();m.right>=w.right&&f("end"),m.bottom>=w.bottom&&u("top")}}},[]),n.useEffect(()=>{if(a.current){const j=m=>{v.current&&v.current(m)};return H.clickOutside(a.current,j).destroy}},[]),t.jsx("div",{ref:a,className:["wx-dropdown",`wx-${o}-${d}`,x||"","wx-aaaVytZW"].filter(Boolean).join(" "),style:{width:l},children:i})}function K({position:e="bottom",align:r="start",autoFit:s=!0,inline:c=!1,onCancel:l,width:x="100%",children:i,...a}){const[o,u]=n.useState(void 0),d=n.useRef(null),f=n.useMemo(()=>`${e}-${r}`,[e,r]);return n.useLayoutEffect(()=>{d.current&&u(d.current.parentNode)},[]),t.jsxs(t.Fragment,{children:[o&&(c?t.jsx(Je,{onCancel:l,position:e,align:r,autoFit:s,width:x,...a,children:i}):t.jsx(Me,{children:t.jsx(Se,{parent:o,at:f,onCancel:l,width:x,...a,children:i})})),t.jsx("span",{ref:d,className:"wx-portal-node wx-32GZ52"})]})}const Ge=["#00a037","#37a9ef","#f5a623","#ff4c3b","#a0a0a0","#000000","#ffffff"];function Ue({colors:e=Ge,value:r="",onChange:s,id:c,clear:l=!1,placeholder:x="",title:i="",disabled:a=!1,error:o=!1,dropdown:u={}}){const d=U(c),[f,v]=n.useState(r),[j,m]=n.useState(!1),w=n.useCallback((g,y)=>{g.stopPropagation(),v(y),m(!1),s&&s({value:y})},[s]),h=n.useCallback(g=>{g.stopPropagation(),v(""),s&&s({value:""})},[s]),p=n.useCallback(()=>{if(a)return!1;m(!0)},[a]);return t.jsxs("div",{className:"wx-121TgJ wx-colorselect",onClick:p,children:[t.jsx("input",{className:"wx-121TgJ wx-input"+(o?" wx-error":"")+(j?" wx-focus":""),title:i,value:f,readOnly:!0,id:d,placeholder:x,disabled:a}),l&&f&&!a&&t.jsx("i",{className:"wx-121TgJ wx-clear wxi-close",onClick:h}),f?t.jsx("div",{className:"wx-121TgJ wx-color wx-selected",style:{backgroundColor:f||"#00a037"}}):t.jsx("div",{className:"wx-121TgJ wx-empty wx-selected"}),j&&t.jsx(K,{onCancel:()=>m(!1),...u,children:t.jsxs("div",{className:"wx-121TgJ wx-colors",children:[t.jsx("div",{className:"wx-121TgJ wx-empty",onClick:g=>w(g,"")}),e.map((g,y)=>t.jsx("div",{className:"wx-121TgJ wx-color",style:{backgroundColor:g},onClick:C=>w(C,g)},y))]})})]})}function we(e,r){const s=e.firstChild,{moveBlockSlider:c,moveLineSlider:l}=r||{};function x(o){i(o),s.focus(),window.addEventListener("mousemove",i),window.addEventListener("mouseup",a)}function i(o){let u,d,f,v;const j=e.getBoundingClientRect();u=j.left,d=j.top,f=o.clientX-u,v=o.clientY-d,c&&r.moveBlockSlider(f,v),l&&r.moveLineSlider(f)}function a(){s.blur(),window.removeEventListener("mousemove",i),window.removeEventListener("mouseup",a)}return e.addEventListener("mousedown",x),{destroy(){e.removeEventListener("mousedown",x)}}}const X={_toHex:["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"],toHex(e,r){e=parseInt(e,10);let s="";for(;e>0;)s=this._toHex[e%16]+s,e=Math.floor(e/16);for(;s.length<r;)s=`0${s}`;return s},rgbToHex(e){let r=[];return typeof e=="string"?e.replace(/[\d+.]+/g,s=>r.push(parseFloat(s))):Array.isArray(e)&&(r=e),r[3]===0?"":r.slice(0,3).map(s=>this.toHex(Math.floor(s),2)).join("")},hexToDec(e){return parseInt(e,16)},hexToRgb(e){e=e.charAt(0)==="#"?e.slice(1):e;const r=e.match(/.{1,2}/g);let[s,c,l]=r;return s=this.hexToDec(s),c=this.hexToDec(c),l=this.hexToDec(l),[s,c,l]},hsvToRgb(e,r,s){let c,l,x,i,a,o,u,d;switch(c=Math.floor(e/60)%6,l=e/60-c,x=s*(1-r),i=s*(1-l*r),a=s*(1-(1-l)*r),o=0,u=0,d=0,c){case 0:o=s,u=a,d=x;break;case 1:o=i,u=s,d=x;break;case 2:o=x,u=s,d=a;break;case 3:o=x,u=i,d=s;break;case 4:o=a,u=x,d=s;break;case 5:o=s,u=x,d=i;break}return o=Math.floor(o*255),u=Math.floor(u*255),d=Math.floor(d*255),[o,u,d]},rgbToHsv(e,r,s){let c,l,x;e/=255,r/=255,s/=255;let i=Math.min(e,r,s),a=Math.max(e,r,s);return l=0,c=a===0?0:1-i/a,x=a,a===i?l=0:a===e&&r>=s?l=60*(r-s)/(a-i)+0:a===e&&r<s?l=60*(r-s)/(a-i)+360:a===r?l=60*(s-e)/(a-i)+120:a===s&&(l=60*(e-r)/(a-i)+240),[l,c,x]},hexToHvs(e){const r=this.hexToRgb(e);return this.rgbToHsv(...r)},hvsToHex(e,r,s){const c=this.hsvToRgb(e,r,s);return"#"+this.rgbToHex(c).toUpperCase()}},_e=e=>/^([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e);function me(e){return e?(e=e.toString(16),e.charAt(0)==="#"&&(e=e.slice(1)),_e(e)?(e.length===3&&(e=e.slice(0,3).split("").reduce((r,s)=>r+s+s,"")),`#${e.toUpperCase()}`):null):null}function _(){return H.locale(ie.en)}const pe="Block",he="Line";function De({value:e="#65D3B3",button:r=!1,onChange:s}){const c=(n.useContext(J)||_()).getGroup("core"),l=n.useRef(null),x=n.useRef(null),[i,a]=n.useState(),[o,u]=n.useState(),[d,f]=n.useState(),[v,j]=n.useState(),[m,w]=I.useWritableProp(e),[h,p]=n.useState(e),g=n.useRef(null),y=n.useRef(null),C=n.useMemo(()=>me(m)||"#65D3B3",[m]),N=n.useMemo(()=>X.hvsToHex(d||0,1,1),[d]),k=n.useCallback((T,$)=>{const{width:V,height:L}=l.current.getBoundingClientRect();$<0?$=0:$>L&&($=L),T<0?T=0:T>V&&(T=V),a($),u(T);let O,W;const D=V/100,B=L/100;O=Math.ceil(T/D)/100,W=Math.ceil(Math.abs($/B-100))/100;const Y=X.hvsToHex(d,O,W);w(Y),p(Y),s&&s({value:Y,input:!0})},[C,d,s]),S=n.useCallback(T=>{const $=x.current.getBoundingClientRect().width;T<0?T=0:T>$&&(T=$);const V=Math.round(T*359/$),L=Math.max(Math.min(V,359),0);f(L),j(T);let O,W;[,O,W]=X.hexToHvs(C);const D=X.hvsToHex(L,O,W);w(D),p(D),s&&s({value:D,input:!0})},[C,s]);g.current=k,y.current=S;const M=n.useCallback(T=>{const[$,V,L]=X.hexToHvs(T||C);if(f($),l.current){const{width:O,height:W}=l.current.getBoundingClientRect();x.current&&j($*x.current.getBoundingClientRect().width/359),u(V*O),a(Math.abs(W*(L-1)))}},[C]),R=n.useCallback(({target:T})=>{const $=me(T.value);p(T.value),$&&(w($),s&&s({value:$,input:!0}),M($))},[s,M]),P=n.useCallback(T=>{T.stopPropagation(),s&&s({value:C})},[C,s]),A=n.useCallback(T=>{const $=T.target,V=$.getAttribute("data-slider")===pe,L=$.getAttribute("data-slider")===he;let O=window.getComputedStyle($),W=parseFloat(O.left),D=parseFloat(O.top);const B=T.code;if(V){switch(B){case"ArrowLeft":{W--;break}case"ArrowRight":{W++;break}case"ArrowDown":{D++;break}case"ArrowUp":{D--;break}default:return}k(W,D)}if(L){if(B==="ArrowLeft"||B==="ArrowDown")W--;else if(B==="ArrowRight"||B==="ArrowUp")W++;else return;S(W)}T.preventDefault()},[k,S]);n.useEffect(()=>{const T=[];return l.current&&T.push(we(l.current,{moveBlockSlider:($,V)=>{g.current?.($,V)}}).destroy),x.current&&T.push(we(x.current,{moveLineSlider:$=>{y.current?.($)}}).destroy),requestAnimationFrame(()=>M()),()=>{T.forEach($=>$())}},[]);const F="wx-1yoKzq";return t.jsxs("div",{className:F+" wx-colorboard",children:[t.jsx("div",{className:F+" wx-color-block",style:{background:N},ref:l,children:t.jsx("div",{className:F+" wx-color-block-slider wx-slider",style:{background:C,top:i+"px",left:o+"px"},tabIndex:0,"data-slider":pe,onKeyDown:A})}),t.jsx("div",{className:F+" wx-color-line",ref:x,children:t.jsx("div",{className:F+" wx-color-line-slider wx-slider",style:{background:N,left:v+"px"},tabIndex:0,"data-slider":he,onKeyDown:A})}),t.jsxs("div",{className:F+" wx-color-controls",children:[t.jsx("div",{className:F+" wx-color",style:{background:C}}),t.jsx("input",{type:"text",className:F+" wx-text",value:h,onChange:R})]}),r&&t.jsx(Q,{onClick:P,type:"secondary",children:c("select")})]})}function qe({value:e="",id:r,placeholder:s="",title:c="",disabled:l=!1,error:x=!1,clear:i=!1,onChange:a,dropdown:o={}}){const u=U(r);let[d,f]=I.useWritableProp(e);const[v,j]=n.useState(!1);function m(){if(l)return!1;j(!0)}function w(p){if(p.input)return;j(!1);const g=p.value;f(g),a&&a({value:g})}function h(p){p.stopPropagation(),f(""),a&&a({value:""})}return t.jsxs("div",{className:"wx-mmT8WH wx-colorpicker",onClick:m,children:[t.jsx("input",{className:"wx-mmT8WH wx-input"+(x?" wx-error":"")+(v?" wx-focus":""),title:c,value:d,readOnly:!0,id:u,placeholder:s,disabled:l}),t.jsx("div",{className:"wx-mmT8WH wx-color",style:{background:d}}),i&&!l&&d&&t.jsx("i",{className:"wx-mmT8WH wxi-close",onClick:h}),v&&t.jsx(K,{onCancel:()=>j(!1),...o,children:t.jsx(De,{value:d,button:"true",onChange:w})})]})}function Qe(){let e=null,r=!1,s=!1,c,l,x,i;const a=(j,m,w,h,p)=>{c=j,l=m,x=w,i=h,s=p},o=j=>{e=j,r=e!==null,x(e)},u=(j,m)=>{if(!s&&j!==null&&c){const w=c.querySelectorAll(".wx-list > .wx-item")[j];w&&(w.scrollIntoView({block:"nearest"}),m&&m.preventDefault())}},d=(j,m)=>{const w=j===null?null:Math.max(0,Math.min(e+j,l.length-1));w!==e&&(o(w),c?u(w,m):requestAnimationFrame(()=>u(w,m)))};return{move:j=>{const m=H.locateID(j),w=l.findIndex(h=>h.id===m);w!==e&&o(w)},keydown:(j,m)=>{switch(j.code){case"Enter":r?i():o(0);break;case"Space":r||o(0);break;case"Escape":x(e=null);break;case"Tab":x(e=null);break;case"ArrowDown":d(r?1:m||0,j);break;case"ArrowUp":d(r?-1:m||0,j);break}},init:a,navigate:d}}const ve=10,Ke=n.memo(function({data:r,checkboxes:s,children:c,value:l}){return t.jsxs(t.Fragment,{children:[s&&t.jsx(xe,{id:r.id,style:{marginRight:"8px",pointerEvents:"none"},value:l&&l.includes(r.id)}),c?I.snippet(c,{option:r}):r.label]})});function je({visibleItems:e,visibleRange:r,navIndex:s,checkboxes:c,children:l,value:x,measureRefCallback:i}){return e.map((a,o)=>{const u=r.start+o;return t.jsx("div",{ref:o===0?i:void 0,className:`wx-233fr7 wx-item ${u===s?"wx-focus":""}`,"data-id":a.id,children:t.jsx(Ke,{data:a,checkboxes:c,children:l,value:x})},a.id)})}function re({items:e=[],children:r,onSelect:s,onReady:c,virtualized:l=!1,checkboxes:x,multiselect:i,value:a,...o}){const u=n.useRef(),d=n.useRef(!1),f=n.useRef(Qe()),[v,j]=n.useState(null),m=n.useRef(v),[w,h]=n.useState(0),[p,g]=n.useState(24),y=n.useRef(!1),C=(n.useContext(J)||_()).getGroup("core"),N=n.useRef(e);n.useEffect(()=>{N.current=e},[e]);const k=n.useRef(a);n.useEffect(()=>{k.current=a},[a]);const S=n.useRef(0);n.useEffect(()=>{S.current=p},[p]);const M=n.useCallback(b=>{b&&b.stopPropagation();const E=N.current,G=k.current,z=m.current;let q;const Z=E[z]?.id;i?G&&G.includes(Z)?q=G.filter(ae=>ae!==Z):q=[...G||[],Z]:q=Z,s&&s({id:q})},[i,s]),R=n.useRef(M);n.useEffect(()=>{R.current=M},[M]);const P=n.useCallback(b=>{if(u.current){let E=b*S.current-u.current.clientHeight+S.current;h(E),u.current.scrollTop=E}},[S.current]),A=n.useCallback(b=>{u.current=b,l&&(b&&!d.current&&m.current!==null&&requestAnimationFrame(()=>{u.current&&(P(m.current),d.current=!0)}),b||(d.current=!1))},[P]),F=n.useCallback(b=>{if(!b||y.current)return;const E=b.getBoundingClientRect().height;E&&(g(E),S.current=E,y.current=!0)},[]);n.useEffect(()=>{f.current.init(u.current,e,b=>{j(b),m.current=b},b=>R.current(b),l)},[e,u.current,l]),n.useEffect(()=>{const b=(G,z)=>{f.current.navigate(G,z),P(m.current)},E=(G,z)=>{const q=m.current,Z=N.current;if(q!==0&&q!==Z.length-1&&(G.key==="ArrowDown"||G.key==="ArrowUp")&&G.preventDefault(),f.current.keydown(G,z),u.current){const ae=u.current.scrollTop<=m.current*S.current,We=u.current.scrollTop+u.current.clientHeight>=m.current*S.current+S.current;ae?We||P(m.current):(u.current.scrollTop=m.current*S.current,h(u.current.scrollTop))}};c&&c({navigate:l?b:f.current.navigate,keydown:l?E:f.current.keydown,move:f.current.move})},[]);const T=n.useRef(0),$=n.useRef(e);$.current!==e&&($.current=e,T.current+=1);const V=n.useCallback(()=>{f.current.navigate(null)},[f]),L=n.useCallback(b=>{l&&h(b.target.scrollTop)},[l]),O=n.useMemo(()=>Math.ceil((u.current?.clientHeight||0)/p),[p,w]),W=n.useMemo(()=>{if(!l)return{start:0,end:e.length};if(!e.length)return{start:0,end:0};const b=Math.floor(w/p),E=b+O;return{start:Math.max(0,b-ve),end:Math.min(e.length,E+ve)}},[l,e,w,p,O]),D=n.useMemo(()=>{if(!l)return e;const{start:b,end:E}=W;return e.slice(b,E).map(G=>({...G}))},[l,e,W]),B=W.start*p,Y=e.length*p;return n.useEffect(()=>{v===null&&(d.current=!1)},[v]),v===null?null:t.jsx(K,{onCancel:V,...o,children:t.jsx("div",{className:"wx-233fr7 wx-list",ref:A,onClick:M,onMouseMove:f.current.move,onScroll:L,children:e.length?l?t.jsx("div",{className:"wx-233fr7 wx-list-wrapper",style:{height:`${Y}px`},children:t.jsx("div",{className:"wx-233fr7 wx-list-content",style:{transform:`translateY(${B}px)`},children:t.jsx(je,{visibleRange:W,visibleItems:D,navIndex:v,measureRefCallback:F,checkboxes:x,children:r,value:a})})}):t.jsx(je,{visibleRange:W,visibleItems:D,navIndex:v,measureRefCallback:F,checkboxes:x,children:r,value:a}):t.jsx("div",{className:"wx-233fr7 wx-no-data",children:C("No data")})})},T.current)}function Ze({value:e="",id:r,options:s=[],textOptions:c=null,textField:l="label",placeholder:x="",title:i="",disabled:a=!1,error:o=!1,clear:u=!1,children:d,onChange:f,dropdown:v={}}){const j=U(r),m=n.useRef(null),w=n.useRef(null),[h,p]=I.useWritableProp(e),[g,y]=n.useState(!1),[C,N]=n.useState(""),k=n.useRef(null),S=n.useRef(!1),M=n.useMemo(()=>{if(g)return C;if(h||h===0){const D=(c||s).find(B=>B.id===h);if(D)return D[l]}return""},[g,C,h,c,s,l]),R=n.useMemo(()=>!M||!g?s:s.filter(D=>D[l].toLowerCase().includes(M.toLowerCase())),[M,g,s,l]),P=n.useCallback(()=>R.findIndex(D=>D.id===h),[R,h]),A=n.useCallback(D=>{m.current=D.navigate,w.current=D.keydown},[]),F=n.useCallback((D,B)=>{if(D||D===0){let Y=s.find(b=>b.id===D);if(y(!1),B&&m.current(null),Y&&h!==Y.id){const b=Y.id;p(b),f&&f({value:b})}}!S.current&&B&&k.current.focus()},[s,h,f]),T=n.useCallback(({id:D})=>{F(D,!0)},[F]),$=n.useCallback(D=>{D&&D.stopPropagation(),p(""),y(!1),f&&f({value:""})},[f]),V=n.useCallback(D=>{if(!s.length)return;if(D===""&&u){$();return}let B=s.find(b=>b[l]===D);B||(B=s.find(b=>b[l].toLowerCase().includes(D.toLowerCase())));const Y=B?B.id:h||s[0].id;F(Y,!1)},[s,l,u,h,F,$]),L=n.useCallback(()=>{N(k.current.value),y(!0),R.length&&m.current(0)},[R.length,m]),O=n.useCallback(()=>{S.current=!0},[]),W=n.useCallback(()=>{S.current=!1,setTimeout(()=>{S.current||V(M)},200)},[V,M]);return t.jsxs("div",{className:"wx-1j11Jk wx-combo",onClick:()=>m.current(P()),onKeyDown:D=>w.current(D,P()),title:i,children:[t.jsx("input",{className:"wx-1j11Jk wx-input "+(o?"wx-error":""),id:j,ref:k,value:M,disabled:a,placeholder:x,onFocus:O,onBlur:W,onInput:L}),u&&!a&&h?t.jsx("i",{className:"wx-1j11Jk wx-icon wxi-close",onClick:$}):t.jsx("i",{className:"wx-1j11Jk wx-icon wxi-angle-down"}),!a&&t.jsx(re,{items:R,onReady:A,onSelect:T,...v,children:({option:D})=>t.jsx(t.Fragment,{children:d?d({option:D}):D[l]})})]})}function le({value:e="",id:r,readonly:s=!1,focus:c=!1,select:l=!1,type:x="text",placeholder:i="",disabled:a=!1,error:o=!1,inputStyle:u={},title:d="",css:f="",icon:v="",clear:j=!1,onChange:m}){const w=U(r),[h,p]=I.useWritableProp(e),g=n.useRef(null),y=n.useMemo(()=>v&&f.indexOf("wx-icon-left")===-1?"wx-icon-right "+f:f,[v,f]),C=n.useMemo(()=>v&&f.indexOf("wx-icon-left")!==-1,[v,f]);n.useEffect(()=>{const R=setTimeout(()=>{c&&g.current&&g.current.focus(),l&&g.current&&g.current.select()},1);return()=>clearTimeout(R)},[c,l]);const N=n.useCallback(R=>{const P=R.target.value;p(P),m&&m({value:P,input:!0})},[m]),k=n.useCallback(R=>m&&m({value:R.target.value}),[m]);function S(R){R.stopPropagation(),p(""),m&&m({value:""})}let M=x;return x!=="password"&&x!=="number"&&(M="text"),n.useEffect(()=>{const R=k,P=g.current;return P.addEventListener("change",R),()=>{P&&P.removeEventListener("change",R)}},[k]),t.jsxs("div",{className:`wx-hQ64J4 wx-text ${y} ${o?"wx-error":""} ${a?"wx-disabled":""} ${j?"wx-clear":""}`,children:[t.jsx("input",{className:"wx-hQ64J4 wx-input",ref:g,id:w,readOnly:s,disabled:a,placeholder:i,type:M,style:u,title:d,value:h,onInput:N}),j&&!a&&h?t.jsxs(t.Fragment,{children:[t.jsx("i",{className:"wx-hQ64J4 wx-icon wxi-close",onClick:S}),C&&t.jsx("i",{className:`wx-hQ64J4 wx-icon ${v}`})]}):v?t.jsx("i",{className:`wx-hQ64J4 wx-icon ${v}`}):null]})}function ze({date:e,type:r,part:s,onShift:c}){const{calendar:l,formats:x}=n.useContext(J).getRaw(),i=e.getFullYear(),a=n.useMemo(()=>{switch(r){case"month":return H.dateToString(x.monthYearFormat,l)(e);case"year":return H.dateToString(x.yearFormat,l)(e);case"duodecade":{const{start:u,end:d}=H.getDuodecade(i),f=H.dateToString(x.yearFormat,l);return`${f(new Date(u,0,1))} - ${f(new Date(d,11,31))}`}default:return""}},[e,r,i,l,x]);function o(){c&&c({diff:0,type:r})}return t.jsxs("div",{className:"wx-8HQVQV wx-header",children:[s!=="right"?t.jsx("i",{className:"wx-8HQVQV wx-pager wxi-angle-left",onClick:()=>c&&c({diff:-1,type:r})}):t.jsx("span",{className:"wx-8HQVQV wx-spacer"}),t.jsx("span",{className:"wx-8HQVQV wx-label",onClick:o,children:a}),s!=="left"?t.jsx("i",{className:"wx-8HQVQV wx-pager wxi-angle-right",onClick:()=>c&&c({diff:1,type:r})}):t.jsx("span",{className:"wx-8HQVQV wx-spacer"})]})}function de({onClick:e,children:r}){return t.jsx("button",{className:"wx-3s8W4d wx-button",onClick:e,children:r})}function Ve({value:e,current:r,part:s="",markers:c=null,onCancel:l,onChange:x}){const i=(n.useContext(J)||_()).getRaw().calendar,a=(i.weekStart||7)%7,o=i.dayShort.slice(a).concat(i.dayShort.slice(0,a)),u=(C,N,k)=>new Date(C.getFullYear(),C.getMonth()+(N||0),C.getDate()+(k||0));let d=s!=="normal";function f(C){const N=C.getDay();return N===0||N===6}function v(){const C=u(r,0,1-r.getDate());return C.setDate(C.getDate()-(C.getDay()-(a-7))%7),C}function j(){const C=u(r,1,-r.getDate());return C.setDate(C.getDate()+(6-C.getDay()+a)%7),C}const m=n.useRef(0);function w(C,N){N.timeStamp!==m.current&&(m.current=N.timeStamp,N.stopPropagation(),x&&x(new Date(C)),l&&l())}const h=n.useMemo(()=>s=="normal"?[e?u(e).valueOf():0]:e?[e.start?u(e.start).valueOf():0,e.end?u(e.end).valueOf():0]:[0,0],[s,e]),p=n.useMemo(()=>{const C=v(),N=j(),k=r.getMonth();let S=[];for(let M=C;M<=N;M.setDate(M.getDate()+1)){const R={day:M.getDate(),in:M.getMonth()===k,date:M.valueOf()};let P="";if(P+=R.in?"":" wx-inactive",P+=h.indexOf(R.date)>-1?" wx-selected":"",d){const A=R.date==h[0],F=R.date==h[1];A&&!F?P+=" wx-left":F&&!A&&(P+=" wx-right"),R.date>h[0]&&R.date<h[1]&&(P+=" wx-inrange")}if(P+=f(M)?" wx-weekend":"",c){const A=c(M);A&&(P+=" "+A)}S.push({...R,css:P})}return S},[r,h,d,c]),g=n.useRef(null);let y=n.useRef({});return y.current.click=w,n.useEffect(()=>{H.delegateClick(g.current,y.current)},[]),t.jsxs("div",{children:[t.jsx("div",{className:"wx-398RBS wx-weekdays",children:o.map(C=>t.jsx("div",{className:"wx-398RBS wx-weekday",children:C},C))}),t.jsx("div",{className:"wx-398RBS wx-days",ref:g,children:p.map(C=>t.jsx("div",{className:`wx-398RBS wx-day ${C.css} ${C.in?"":"wx-out"}`,"data-id":C.date,children:C.day},C.date))})]})}function Xe({value:e,current:r,part:s,onCancel:c,onChange:l,onShift:x}){const i=n.useRef(new Date),[a,o]=I.useWritableProp(e||i.current),[u,d]=I.useWritableProp(r||i.current),f=n.useContext(J).getRaw().calendar,v=f.monthShort||[],j=n.useMemo(()=>u.getMonth(),[u]),m=n.useCallback((p,g)=>{if(p!=null){g.stopPropagation();const y=new Date(u);y.setMonth(p),d(y),x&&x({current:y})}s==="normal"&&o(new Date(u)),c&&c()},[u,s,x,c]),w=n.useCallback(()=>{const p=new Date(Te(a,s)||u);p.setMonth(u.getMonth()),p.setFullYear(u.getFullYear()),l&&l(p)},[a,u,s,l]),h=n.useCallback(p=>{const g=p.target.closest("[data-id]");if(g){const y=parseInt(g.getAttribute("data-id"),10);m(y,p)}},[m]);return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"wx-34U8T8 wx-months",onClick:h,children:v.map((p,g)=>t.jsx("div",{className:"wx-34U8T8 wx-month"+(j===g?" wx-current":""),"data-id":g,children:p},g))}),t.jsx("div",{className:"wx-34U8T8 wx-buttons",children:t.jsx(de,{onClick:w,children:f.done})})]})}const ce="wx-1XEF33",et=({value:e,current:r,onCancel:s,onChange:c,onShift:l,part:x})=>{const i=n.useContext(J).getRaw().calendar,[a,o]=I.useWritableProp(r),[u,d]=I.useWritableProp(e),f=n.useMemo(()=>a.getFullYear(),[a]),v=n.useMemo(()=>{const{start:p,end:g}=H.getDuodecade(f),y=[];for(let C=p;C<=g;++C)y.push(C);return y},[f]),j={click:m};function m(p,g){if(p){g.stopPropagation();const y=new Date(a);y.setFullYear(p),o(y),l&&l({current:y})}x==="normal"&&d(new Date(a)),s&&s()}function w(){const p=new Date(Te(u,x)||a);p.setFullYear(a.getFullYear()),c&&c(p)}const h=n.useRef(null);return n.useEffect(()=>{h.current&&H.delegateClick(h.current,j)},[]),t.jsxs(t.Fragment,{children:[t.jsx("div",{className:ce+" wx-years",ref:h,children:v.map((p,g)=>t.jsx("div",{className:ce+` wx-year ${f==p?"wx-current":""} ${g===0?"wx-prev-decade":""} ${g===11?"wx-next-decade":""}`,"data-id":p,children:p},g))}),t.jsx("div",{className:ce+" wx-buttons",children:t.jsx(de,{onClick:w,children:i.done})})]})},ge={month:{component:Ve,next:nt,prev:tt},year:{component:Xe,next:rt,prev:st},duodecade:{component:et,next:at,prev:lt}};function tt(e){return e=new Date(e),e.setMonth(e.getMonth()-1),e}function nt(e){return e=new Date(e),e.setMonth(e.getMonth()+1),e}function st(e){return e=new Date(e),e.setFullYear(e.getFullYear()-1),e}function rt(e){return e=new Date(e),e.setFullYear(e.getFullYear()+1),e}function lt(e){return e=new Date(e),e.setFullYear(e.getFullYear()-10),e}function at(e){return e=new Date(e),e.setFullYear(e.getFullYear()+10),e}function Te(e,r){let s;if(r==="normal")s=e;else{const{start:c,end:l}=e;r==="left"?s=c:r=="right"?s=l:s=c&&l}return s}const ct=["clear","today"];function ot(e){if(e==="done")return-1;if(e==="clear")return null;if(e==="today")return new Date}function ne({value:e,current:r,onCurrentChange:s,part:c="normal",markers:l=null,buttons:x,onShift:i,onChange:a}){const o=n.useContext(J).getGroup("calendar"),[u,d]=n.useState("month"),f=Array.isArray(x)?x:x?ct:[],v=(p,g)=>{p.preventDefault(),a&&a({value:g})},j=()=>{u==="duodecade"?d("year"):u==="year"&&d("month")},m=p=>{const{diff:g,current:y}=p;if(g===0){u==="month"?d("year"):u==="year"&&d("duodecade");return}if(g){const C=ge[u];s(g>0?C.next(r):C.prev(r))}else y&&s(y);i&&i()},w=p=>{d("month"),a&&a({select:!0,value:p})},h=n.useMemo(()=>ge[u].component,[u]);return t.jsx("div",{className:`wx-2Gr4AS wx-calendar ${c!=="normal"&&c!=="both"?"wx-part":""}`,children:t.jsxs("div",{className:"wx-2Gr4AS wx-wrap",children:[t.jsx(ze,{date:r,part:c,type:u,onShift:m}),t.jsxs("div",{children:[t.jsx(h,{value:e,current:r,onCurrentChange:s,part:c,markers:l,onCancel:j,onChange:w,onShift:m}),u==="month"&&f.length>0&&t.jsx("div",{className:"wx-2Gr4AS wx-buttons",children:f.map(p=>t.jsx("div",{className:"wx-2Gr4AS wx-button-item",children:t.jsx(de,{onClick:g=>v(g,ot(p)),children:o(p)})},p))})]})]})})}function se(e){let{words:r=null,optional:s=!1,children:c}=e,l=n.useContext(J);const x=n.useMemo(()=>{let i=l;return(!i||!i.extend)&&(i=H.locale(ie.en)),r!==null&&(i=i.extend(r,s)),i},[r,s,l]);return t.jsx(J.Provider,{value:x,children:c})}function ke(e,r,s,c){if(!e||c){const l=r?new Date(r):new Date;l.setDate(1),s(l)}else if(e.getDate()!==1){const l=new Date(e);l.setDate(1),s(l)}}const ut=["clear","today"];function Pe({value:e,current:r,markers:s=null,buttons:c=ut,onChange:l}){const[x,i]=I.useWritableProp(e),[a,o]=I.useWritableProp(r);n.useEffect(()=>{ke(a,x,o,!1)},[x,a]);const u=n.useCallback(f=>{const v=f.value;v?(i(new Date(v)),ke(a,new Date(v),o,!0)):i(null),l&&l({value:v?new Date(v):null})},[l,a]),d=n.useCallback(f=>{o(f)},[o]);return a?t.jsx(se,{children:t.jsx(ne,{value:x,current:a,markers:s,buttons:c,onChange:u,onCurrentChange:d})}):null}function fe(e){return e||(e={}),e.width||(e.width="unset"),e}const it=["clear","today"];function xt({value:e,id:r,disabled:s=!1,error:c=!1,placeholder:l="",format:x="",buttons:i=it,css:a="",title:o="",editable:u=!1,clear:d=!1,onChange:f,dropdown:v={}}){const{calendar:j,formats:m}=(n.useContext(J)||_()).getRaw(),w=x||m?.dateFormat;let h=typeof w=="function"?w:H.dateToString(w,j);const[p,g]=n.useState(e),[y,C]=n.useState(!1);n.useEffect(()=>{g(e)},[e]);function N(){C(!1)}function k(R){const P=R===p||R&&p&&R.valueOf()===p.valueOf()||!R&&!p;g(R),P||f&&f({value:R}),setTimeout(N,1)}const S=n.useMemo(()=>p?h(p):"",[p,h]);function M({value:R,input:P}){if(!u&&!d||P)return;let A=typeof u=="function"?u(R):R?new Date(R):null;A=isNaN(A)?p||null:A||null,k(A)}return n.useEffect(()=>{const R=N;return window.addEventListener("scroll",R),()=>window.removeEventListener("scroll",R)},[]),t.jsxs("div",{className:"wx-1lKOFG wx-datepicker",onClick:()=>C(!0),children:[t.jsx(le,{css:a,title:o,value:S,id:r,readonly:!u,disabled:s,error:c,placeholder:l,onInput:N,onChange:M,icon:"wxi-calendar",inputStyle:{cursor:"pointer",width:"100%",paddingRight:"calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)"},clear:d}),y&&!s&&t.jsx(K,{onCancel:N,...fe(v),children:t.jsx(Pe,{buttons:i,value:p,onChange:R=>k(R.value)})})]})}const dt=["clear","today"],Fe=({start:e,end:r,current:s,months:c=2,markers:l=null,buttons:x=dt,onChange:i})=>{const[a,o]=I.useWritableProp(e),[u,d]=I.useWritableProp(r),[f,v]=n.useState(),[j,m]=n.useState(),w=n.useCallback((N,k,S)=>{const M=new Date(N);return M.setMonth(M.getMonth()+k),S&&M.valueOf()===S.valueOf()?S:M},[]),h=n.useCallback(N=>{v(()=>{const k=new Date(N);return k.setDate(1),m(w(k,1)),k})},[w]),p=n.useCallback(N=>{m(()=>{const k=new Date(N);return k.setDate(1),v(w(k,-1)),k})},[w]);n.useEffect(()=>{const N=a;f||h(N?new Date(N):s||new Date)},[a,s,f,h]);const g=n.useCallback(N=>{const k=N.value;let S=a,M=u;const R=k===-1;return R||(N.select?!a||u?(o(S=k),d(M=null)):a>k?(d(M=a),o(S=k)):d(M=k):k?(o(S=new Date(k)),d(M=new Date(k))):(o(S=null),d(M=null))),(R||!x.includes("done"))&&i&&i({start:S,end:M}),[S,M]},[a,u,x,i]),y=n.useCallback(N=>{const[k]=g(N);k&&h(new Date(k))},[h,a,u]),C=n.useCallback(N=>{const[,k]=g(N);k&&p(new Date(k))},[p,a,u]);return!f||!j?null:c===1?t.jsx(se,{children:t.jsx(ne,{value:{start:a,end:u},current:f,markers:l,buttons:x,part:"both",onChange:y,onCurrentChange:h})}):t.jsx(se,{children:t.jsxs("div",{className:"wx-p2jCaW wx-rangecalendar",children:[t.jsx("div",{className:"wx-p2jCaW wx-half",children:t.jsx(ne,{value:{start:a,end:u},current:f,markers:l,buttons:!1,part:"left",onChange:y,onCurrentChange:h})}),t.jsx("div",{className:"wx-p2jCaW wx-half",children:t.jsx(ne,{value:{start:a,end:u},current:j,markers:l,buttons:x,part:"right",onChange:C,onCurrentChange:p})})]})})},ft=["clear","today"],wt=({value:e,onChange:r,id:s,disabled:c=!1,error:l=!1,placeholder:x="",css:i="",title:a="",format:o="",months:u=2,buttons:d=ft,editable:f=!1,clear:v=!1,dropdown:j})=>{const[m,w]=I.useWritableProp(e),{calendar:h,formats:p}=(n.useContext(J)||_()).getRaw(),g=o||p?.dateFormat,y=typeof g=="function"?g:H.dateToString(g,h),[C,N]=n.useState(!1),k=n.useCallback(()=>{N(!1)},[]),S=n.useMemo(()=>m?m.start?y(m.start)+(m.end?` - ${y(m.end)}`:""):y(m):"",[m,y]),M=n.useMemo(()=>m&&m.start||null,[m]),R=n.useMemo(()=>m&&m.end||null,[m]),P=n.useCallback(F=>{const T=F.start||F.end?{start:F.start,end:F.end}:null;w&&w(T),(F.start&&F.end||!F.start&&!F.end)&&(r&&r({value:T}),setTimeout(k,1))},[r,k,w]),A=n.useCallback(F=>{if(!f&&!v)return;const{value:T,input:$}=F;if($)return;const[V,L]=T.split(" -").map((O,W)=>{const D=O.trim();let B=typeof f=="function"?f(D):D?new Date(D):null,Y=W===0?M:R;return isNaN(B)?Y||null:B||null});P({start:V,end:L})},[f,v,M,R,P]);return n.useEffect(()=>{const F=()=>{k()};return window.addEventListener("scroll",F),()=>{window.removeEventListener("scroll",F)}},[k]),t.jsxs("div",{className:`wx-1b0WDQ wx-daterangepicker ${c?"wx-disabled":""} ${l?"wx-error":""}`,onClick:()=>N(!0),children:[t.jsx(le,{css:i,title:a,value:S,id:s,readonly:!f,disabled:c,placeholder:x,error:l,onChange:A,icon:"wxi-calendar",inputStyle:{cursor:"pointer",width:"100%",paddingRight:"calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)"},clear:v}),C&&!c&&t.jsx(K,{onCancel:k,...fe(j),children:t.jsx(Fe,{onCancel:k,buttons:d,start:M,end:R,months:u,onChange:P})})]})};function mt({hotkey:e=null,toggleButton:r,children:s}){const c=n.useRef(null),[l,x]=n.useState(!1),i=n.useMemo(()=>`wxi-${l?"collapse":"expand"}`,[l]),a=n.useRef(null);return a.current=()=>{const o=c.current;!l&&o?o.requestFullscreen():l&&document.exitFullscreen(),x(u=>!u)},I.useHotkeys({[e]:()=>a.current()},c),n.useEffect(()=>{const o=()=>{x(document.fullscreenElement===c.current)};return document.addEventListener("fullscreenchange",o),()=>{document.removeEventListener("fullscreenchange",o)}},[]),t.jsxs("div",{className:"wx-13aa5W wx-fullscreen",ref:c,tabIndex:-1,children:[s,r?r(a.current,l):t.jsx(Q,{css:"wx-13aa5W wx-fullscreen-button",onClick:a.current,children:t.jsx("i",{className:`wx-13aa5W ${i} wx-fullscreen-icon`,children:" "})})]})}function pt({css:e="",title:r="",children:s,onClick:c}){return s?t.jsx("i",{title:r,role:"img",className:`wx-mdnST1 wx-icon ${e}`,onClick:c,children:s}):t.jsx("i",{title:r,className:`wx-mdnST1 wx-icon ${e}`,onClick:c})}const ht=[];function vt({id:e,value:r=ht,options:s=[],textOptions:c=null,textField:l="label",placeholder:x="",title:i="",disabled:a=!1,error:o=!1,checkboxes:u=!1,onChange:d,children:f,dropdown:v={}}){const j=U(e),m=n.useRef(null),w=n.useRef(null),[h,p]=I.useWritableProp(r),[g,y]=n.useState(""),[C,N]=n.useState(!1),k=n.useRef(null),S=n.useMemo(()=>h?(c||s).filter(V=>h.includes(V.id)):[],[h,c,s]),M=n.useMemo(()=>{const V=s;return g?V.filter(L=>L[l].toLowerCase().includes(g.toLowerCase())):V},[g,s,l]),R=n.useCallback(V=>{m.current=V.navigate,w.current=V.keydown},[]),P=n.useCallback(()=>{M.length?m.current(0):m.current(null)},[M]),A=n.useCallback(V=>{const{id:L}=V;L&&(p(L),d&&d({value:L}),k.current.focus())},[d]),F=n.useCallback((V,L)=>{L&&L.stopPropagation();const O=h.filter(W=>W!==V);p(O),d&&d({value:O})},[h,d]),T=n.useCallback(()=>h&&h.length?M.findIndex(V=>V.id===h[0]):0,[h,M]),$=n.useCallback(()=>{a||(k.current.focus(),m.current(T()))},[a,T]);return t.jsxs("div",{title:i,className:`wx-12Wj21 wx-multicombo ${o?"wx-error":""} ${a?"wx-disabled":""} ${S.length?"wx-not-empty":""} ${C&&!a?"wx-focus":""}`,onClick:$,onKeyDown:V=>w.current(V,T()),children:[t.jsxs("div",{className:"wx-12Wj21 wx-wrapper",children:[t.jsx("div",{className:"wx-12Wj21 wx-tags",children:S.map(V=>t.jsxs("div",{className:"wx-12Wj21 wx-tag",children:[f?I.snippet(f,{option:V}):V[l],!a&&t.jsx("i",{className:"wx-12Wj21 wx-icon wxi-close",onClick:L=>F(V.id,L)})]},V.id))}),t.jsxs("div",{className:"wx-12Wj21 wx-select",children:[t.jsx("input",{className:"wx-12Wj21 wx-input",id:j,type:"text",value:g,onChange:V=>y(V.target.value),onInput:P,placeholder:x,disabled:a,onFocus:()=>N(!0),onBlur:()=>N(!1),ref:k}),t.jsx("i",{className:"wx-12Wj21 wx-icon wxi-angle-down"})]})]}),!a&&t.jsx(re,{items:M,multiselect:!0,onReady:R,onSelect:A,checkboxes:u,value:h,...v,children:({option:V})=>t.jsx(t.Fragment,{children:f?I.snippet(f,{option:V}):V[l]})})]})}const jt=({total:e=0,pageSize:r=20,value:s=1,onChange:c})=>{const[l,x]=I.useWritableProp(r),[i,a]=I.useWritableProp(s),o=(n.useContext(J)||_()).getGroup("core"),u=Math.ceil(e/l),d=(i-1)*l,f=Math.min(i*l,e),v=(w,h)=>{Number.isNaN(w)||(h||a(w),w=Math.max(1,Math.min(w,u)),h&&a(w),w!==i&&setTimeout(()=>{c&&c({value:w,from:(w-1)*l,to:Math.min(w*l,e),pageSize:l})}))};function j(w){switch(w){case"first":v(1);break;case"prev":v(i-1);break;case"next":v(i+1);break;case"last":v(u);break}}const m=w=>{const h=w.target.value*1;Number.isNaN(h)||(x(h),c&&c({value:i,from:d,to:f,pageSize:h}))};return t.jsxs("div",{className:"wx-35Np0p wx-pager",children:[t.jsxs("div",{className:"wx-35Np0p wx-left",children:[t.jsxs("span",{children:[o("Rows per page"),": "]}),t.jsx("input",{type:"number",min:1,className:"wx-35Np0p wx-input",value:l,onChange:m})]}),t.jsxs("div",{className:"wx-35Np0p wx-center",children:[t.jsx("i",{className:"wx-35Np0p wx-icon wxi-angle-dbl-left"+(i===1?" wx-disabled":""),onClick:()=>j("first")}),t.jsx("i",{className:"wx-35Np0p wx-icon wxi-angle-left"+(i===1?" wx-disabled":""),onClick:()=>j("prev")}),t.jsx("input",{type:"text",value:i,className:"wx-35Np0p wx-input",onChange:w=>v(w.target.value*1),onBlur:w=>v(w.target.value*1,!0)}),t.jsx("i",{className:"wx-35Np0p wx-icon wxi-angle-right"+(i===u?" wx-disabled":""),onClick:()=>j("next")}),t.jsx("i",{className:"wx-35Np0p wx-icon wxi-angle-dbl-right"+(i===u?" wx-disabled":""),onClick:()=>j("last")})]}),t.jsxs("div",{className:"wx-35Np0p wx-right",children:[o("Total pages"),": ",u]})]})};function $e({id:e,label:r="",value:s,name:c="",inputValue:l="",disabled:x=!1,onChange:i}){const a=n.useId(),o=U(e)||a,[u,d]=n.useState(!1),f=s!==void 0,v=f?s:u;function j(m){const w=m.target.checked;f||d(w),w&&i&&i({value:!0,inputValue:l})}return t.jsxs("div",{className:"wx-3lDF1s wx-radio",children:[t.jsx("input",{type:"radio",className:"wx-3lDF1s wx-input",id:o,disabled:x,name:c,value:l,checked:v,onChange:j}),t.jsxs("label",{htmlFor:o,className:"wx-3lDF1s wx-label",children:[t.jsx("span",{className:"wx-3lDF1s wx-circle"}),r&&t.jsx("span",{className:"wx-3lDF1s wx-radio-text",children:r})]})]})}function gt({options:e=[{}],value:r="",onChange:s,type:c=""}){const l=H.uid(),[x,i]=n.useState(r);n.useEffect(()=>{i(r)},[r]);function a(o){const u=o.inputValue;i(u),s&&s({value:u})}return t.jsx(te.Provider,{value:null,children:t.jsx("div",{className:`wx-38w70j wx-radiogroup ${c&&`wx-${c}`}`,children:e.map(o=>t.jsx("div",{className:"wx-38w70j wx-item",children:t.jsx($e,{label:o.label,inputValue:o.id,value:x===o.id,name:l,onChange:a})},o.id))})})}function kt({value:e="",options:r=[],textOptions:s=null,placeholder:c="",disabled:l=!1,error:x=!1,title:i="",textField:a="label",clear:o=!1,children:u,onChange:d,dropdown:f={}}){const v=n.useRef(null),j=n.useRef(null);let[m,w]=I.useWritableProp(e);function h(N){v.current=N.navigate,j.current=N.keydown}const p=n.useMemo(()=>m||m===0?(s||r).find(N=>N.id===m):null,[m,s,r]),g=n.useCallback(({id:N})=>{(N||N===0)&&(w(N),v.current(null),d&&d({value:N}))},[w,d]),y=n.useCallback(N=>{N.stopPropagation(),w(""),d&&d({value:""})},[w,d]),C=n.useCallback(()=>r.findIndex(N=>N.id===m),[r,m]);return t.jsxs("div",{className:`wx-2YgblL wx-richselect ${x?"wx-2YgblL wx-error":""} ${l?"wx-2YgblL wx-disabled":""} ${u?"":"wx-2YgblL wx-nowrap"}`,title:i,onClick:()=>v.current(C()),onKeyDown:N=>j.current(N,C()),tabIndex:0,children:[t.jsx("div",{className:"wx-2YgblL wx-label",children:p?u?u(p):p[a]:c?t.jsx("span",{className:"wx-2YgblL wx-placeholder",children:c}):" "}),o&&!l&&m?t.jsx("i",{className:"wx-2YgblL wx-icon wxi-close",onClick:y}):t.jsx("i",{className:"wx-2YgblL wx-icon wxi-angle-down"}),!l&&t.jsx(re,{items:r,onReady:h,onSelect:g,...f,children:({option:N})=>u?u(N):N[a]})]})}const bt=({options:e=[],value:r="",css:s="",children:c,onChange:l})=>{const[x,i]=n.useState(r),a=o=>{i(o),l&&l({value:o})};return n.useEffect(()=>{i(r)},[r]),t.jsx("div",{className:`wx-0hMO7P wx-segmented ${s}`,children:e.map(o=>t.jsx("button",{className:`wx-0hMO7P wx-segment ${o.css} ${o.id===x?"wx-selected":""}`,title:o.title,onClick:()=>a(o.id),children:c?I.snippet(c,{option:o}):t.jsxs(t.Fragment,{children:[o.icon&&t.jsx("i",{className:`wx-0hMO7P wx-icon ${o.icon} ${o.label?"":"wx-only"}`}),o.label&&t.jsx("span",{className:"wx-0hMO7P wx-label",children:o.label})]})},o.id))})};function Nt({value:e,options:r=[],placeholder:s="",title:c="",disabled:l=!1,error:x=!1,textField:i="label",clear:a=!1,id:o,onChange:u}){const d=U(o),[f,v]=n.useState(e||""),j=n.useCallback(w=>{const h=w.target.value;v(h),u&&u({value:h})},[u]),m=n.useCallback(()=>{v(""),u&&u({value:""})},[u]);return t.jsxs("div",{className:"wx-2yx1Fo wx-select-box",children:[t.jsxs("select",{id:d,value:f,disabled:l,className:`wx-2yx1Fo wx-select ${x?"wx-2yx1Fo wx-error":""}`,title:c,onChange:j,children:[t.jsx("option",{value:"",children:s}),r.map(w=>t.jsx("option",{value:w.id,children:w[i]},w.id))]}),a&&!l&&f?t.jsx("i",{className:"wx-2yx1Fo wx-icon wxi-close",onClick:m}):t.jsx("i",{className:"wx-2yx1Fo wx-icon wxi-angle-down"})]})}function oe({id:e,label:r="",css:s="",min:c=0,max:l=100,value:x=0,step:i=1,title:a="",disabled:o=!1,onChange:u,width:d=""}){const f=U(e),[v,j]=I.useWritableProp(x),m=n.useRef({value:v,input:v}),w=n.useMemo(()=>(v-c)/(l-c)*100+"%",[v,c,l]),h=n.useMemo(()=>o?"":`linear-gradient(90deg, var(--wx-slider-primary) 0% ${w}, var(--wx-slider-background) ${w} 100%)`,[o,w]);function p({target:N}){const k=N.value*1;j(k),u&&u({value:k,previous:m.current.input,input:!0}),m.current.input=k}function g({target:N}){const k=N.value*1;j(k),u&&u({value:k,previous:m.current.value}),m.current.value=k}n.useEffect(()=>{j(x)},[x]);const y=n.useRef(null);n.useEffect(()=>{if(y.current)return y.current.addEventListener("change",g),()=>{y.current&&y.current.removeEventListener("change",g)}},[y,g]);const C={...d&&{width:d}};return t.jsxs("div",{className:`wx-2EDJ8G wx-slider ${s}`,style:C,title:a,children:[r&&t.jsx("label",{className:"wx-2EDJ8G wx-label",htmlFor:f,children:r}),t.jsx("div",{className:"wx-2EDJ8G wx-inner",children:t.jsx("input",{id:f,className:"wx-2EDJ8G wx-input",type:"range",min:c,max:l,step:i,disabled:o,value:v,onInput:p,style:{background:h},ref:y})})]})}function Ct({id:e,value:r=!1,disabled:s=!1,onChange:c}){const l=U(e),[x,i]=I.useWritableProp(r),a=n.useCallback(o=>{const u=o.target.checked;i(u),c&&c({value:u})},[c]);return t.jsxs("label",{className:"wx-2dAR5c wx-switch",children:[t.jsx("input",{className:"wx-2dAR5c wx-input",type:"checkbox",checked:x,onChange:a,disabled:s,id:l}),t.jsx("span",{className:"wx-2dAR5c wx-box"})]})}const yt=({options:e=[],value:r="",type:s="top",css:c="",onChange:l})=>{const[x,i]=I.useWritableProp(r),a=o=>{i(o),l&&l({value:o})};return t.jsx("div",{className:`wx-138fWJ wx-tabs wx-${s} ${c}`,children:e.map(o=>t.jsxs("button",{className:`wx-138fWJ wx-tab ${o.css} ${o.id===x?"wx-active":""}`,title:o.title,onClick:()=>a(o.id),children:[o.icon&&t.jsx("i",{className:`wx-138fWJ wx-icon ${o.icon} ${o.label?"":"wx-only"}`}),o.label&&t.jsx("span",{className:"wx-138fWJ wx-label",children:o.label})]},o.id))})},Rt=({id:e,value:r=0,step:s=1,min:c=0,max:l=1/0,error:x=!1,disabled:i=!1,readonly:a=!1,onChange:o})=>{const u=U(e),[d,f]=I.useWritableProp(r),v=n.useCallback(()=>{if(a||d<=c)return;const h=d-s;f(h),o&&o({value:h})},[d,a,c,s,o]),j=n.useCallback(()=>{if(a||d>=l)return;const h=d+s;f(h),o&&o({value:h})},[d,a,l,s,o]),m=n.useCallback(()=>{if(!a){const h=Math.round(Math.min(l,Math.max(d,c))/s)*s,p=isNaN(h)?Math.max(c,0):h;f(p),o&&o({value:p})}},[a,d,l,c,s,o]),w=n.useCallback(h=>{const p=h.target.value*1;f(p),o&&o({value:p,input:!0})},[o]);return t.jsxs("div",{className:`wx-22t21n wx-counter ${i?"wx-disabled":""} ${a?"wx-readonly":""} ${x?"wx-error":""}`,children:[t.jsx("button",{"aria-label":"-",className:"wx-22t21n wx-btn wx-btn-dec",disabled:i,onClick:v,children:t.jsx("svg",{className:"wx-22t21n wx-dec",width:"12",height:"2",viewBox:"0 0 12 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M11.2501 1.74994H0.750092V0.249939H11.2501V1.74994Z"})})}),t.jsx("input",{id:u,type:"text",className:"wx-22t21n wx-input",disabled:i,readOnly:a,required:!0,value:d,onBlur:m,onInput:w}),t.jsx("button",{"aria-label":"-",className:"wx-22t21n wx-btn wx-btn-inc",disabled:i,onClick:j,children:t.jsx("svg",{className:"wx-22t21n wx-inc",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:`M11.2501
-								6.74994H6.75009V11.2499H5.25009V6.74994H0.750092V5.24994H5.25009V0.749939H6.75009V5.24994H11.2501V6.74994Z`})})})]})};function Mt({notice:e={}}){function r(){e.remove&&e.remove()}return t.jsxs("div",{className:`wx-11sNg5 wx-notice wx-${e.type?e.type:""}`,role:"status","aria-live":"polite",children:[t.jsx("div",{className:"wx-11sNg5 wx-text",children:e.text}),t.jsx("div",{className:"wx-11sNg5 wx-button",children:t.jsx("i",{className:"wx-11sNg5 wxi-close",onClick:r})})]})}function St({data:e=[]}){return t.jsx("div",{className:"wx-3nwoO9 wx-notices",children:e.map(r=>t.jsx(Mt,{notice:r},r.id))})}function Ie({title:e="",buttons:r=["cancel","ok"],header:s,children:c,footer:l,onConfirm:x,onCancel:i}){const a=(n.useContext(J)||_()).getGroup("core"),o=n.useRef(null);n.useEffect(()=>{o.current?.focus()},[]);function u(f){switch(f.code){case"Enter":{const v=f.target.tagName;if(v==="TEXTAREA"||v==="BUTTON")return;x&&x({event:f});break}case"Escape":i&&i({event:f});break}}function d(f,v){const j={event:f,button:v};v==="cancel"?i&&i(j):x&&x(j)}return t.jsx("div",{className:"wx-1FxkZa wx-modal",ref:o,tabIndex:0,onKeyDown:u,children:t.jsxs("div",{className:"wx-1FxkZa wx-window",children:[s||(e?t.jsx("div",{className:"wx-1FxkZa wx-header",children:e}):null),t.jsx("div",{children:c}),l||r&&t.jsx("div",{className:"wx-1FxkZa wx-buttons",children:r.map(f=>t.jsx("div",{className:"wx-1FxkZa wx-button",children:t.jsx(Q,{type:`block ${f==="ok"?"primary":"secondary"}`,onClick:v=>d(v,f),children:a(f)})},f))})]})})}function Dt({children:e},r){const[s,c]=n.useState(null),[l,x]=n.useState([]);return n.useImperativeHandle(r,()=>({showModal:i=>{const a={...i};return c(a),new Promise((o,u)=>{a.resolve=d=>{c(null),o(d)},a.reject=d=>{c(null),u(d)}})},showNotice:i=>{i={...i},i.id=i.id||H.uid(),i.remove=()=>x(a=>a.filter(o=>o.id!==i.id)),i.expire!=-1&&setTimeout(i.remove,i.expire||5100),x(a=>[...a,i])}}),[]),t.jsxs(t.Fragment,{children:[e,s&&t.jsx(Ie,{title:s.title,buttons:s.buttons,onConfirm:s.resolve,onCancel:s.reject,children:s.message}),t.jsx(St,{data:l})]})}const Vt=n.forwardRef(Dt);function Tt(e){let{children:r}=e,s=n.useRef();const c=n.useMemo(()=>({showNotice:l=>s.current.showNotice(l),showModal:l=>s.current.showModal(l)}),[]);return t.jsx(Re.Provider,{value:c,children:t.jsx(Vt,{ref:s,children:r})})}function ue({label:e="",position:r="",error:s=!1,type:c="",required:l=!1,id:x,children:i,width:a=""}){const o=n.useMemo(()=>x===void 0?H.uid():x,[x]),u={...a&&{width:a}};return t.jsx(te.Provider,{value:o,children:t.jsxs("div",{style:u,className:`wx-2oVUvC wx-field wx-${r} ${s?"wx-error":""} ${l?"wx-required":""}`.trim(),children:[e&&(o?t.jsx("label",{className:"wx-2oVUvC wx-label",htmlFor:o,children:e}):t.jsx("div",{className:"wx-2oVUvC wx-label",children:e})),t.jsx("div",{className:`wx-2oVUvC wx-field-control wx-${c}`,children:i})]})})}const Ee=({value:e=!1,type:r="",icon:s="",disabled:c=!1,iconActive:l="",onClick:x,title:i="",css:a="",text:o="",textActive:u="",children:d,active:f,onChange:v})=>{const[j,m]=I.useWritableProp(e),w=n.useMemo(()=>(j?"pressed":"")+(r?" "+r:""),[j,r]),h=n.useCallback(p=>{let g=!j;x&&x(p),p.defaultPrevented||(m(g),v&&v({value:g}))},[j,x,v]);return j&&f?t.jsx(Q,{title:i,text:j&&u||o,css:a,type:w,icon:j&&l||s,onClick:h,disabled:c,children:I.snippet(f,{value:j})}):d?t.jsx(Q,{title:i,text:j&&u||o,css:a,type:w,icon:j&&l||s,onClick:h,disabled:c,children:d}):t.jsx(Q,{title:i,text:j&&u||o,css:a,type:w,icon:j&&l||s,onClick:h,disabled:c})},be=new Date(0,0,0,0,0);function Pt({value:e=be,id:r,title:s="",css:c="",disabled:l=!1,error:x=!1,format:i="",onChange:a,dropdown:o}){let[u,d]=I.useWritableProp(e);const{calendar:f,formats:v}=(n.useContext(J)||_()).getRaw(),j=f.clockFormat==12,m=23,w=59,h=n.useMemo(()=>{const b=i||v?.timeFormat;return typeof b=="function"?b:H.dateToString(b,f)},[i,v,f]),p=n.useMemo(()=>h(new Date(0,0,0,1)).indexOf("01")!=-1,[h]),g=(b,E)=>(b<10&&E?`0${b}`:`${b}`).slice(-2),y=b=>g(b,!0),C=b=>`${b}`.replace(/[^\d]/g,"")||0,N=b=>j&&(b=b%12,b===0)?"12":g(b,p),k=n.useCallback((b,E)=>(b=C(b),Math.min(b,E)),[]),[S,M]=n.useState(null),R=u||be,P=k(R.getHours(),m),A=k(R.getMinutes(),w),F=P>12,T=N(P),$=y(A),V=n.useMemo(()=>h(new Date(0,0,0,P,A)),[P,A,h]),L=n.useCallback(()=>{M(!0)},[]),O=n.useCallback(()=>{const b=new Date(R);b.setHours(b.getHours()+(F?-12:12)),d(b),a&&a({value:b})},[R,F,a]),W=n.useCallback(({value:b})=>{if(R.getHours()===b)return;const E=new Date(R);E.setHours(b),d(E),a&&a({value:E})},[R,a]),D=n.useCallback(({value:b})=>{if(R.getMinutes()===b)return;const E=new Date(R);E.setMinutes(b),d(E),a&&a({value:E})},[R,a]),B=n.useCallback(b=>(b=k(b,m),j&&(b=b*1,b===12&&(b=0),F&&(b+=12)),b),[k,j,F]),Y=n.useCallback(()=>{M(null)},[]);return t.jsxs("div",{className:`wx-7f497i wx-timepicker ${x?"wx-7f497i wx-error":""} ${l?"wx-7f497i wx-disabled":""}`,onClick:l?void 0:L,style:{cursor:l?"default":"pointer"},children:[t.jsx(le,{id:r,css:c,title:s,value:V,readonly:!0,disabled:l,error:x,icon:"wxi-clock",inputStyle:{cursor:"pointer",width:"100%",paddingRight:"calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)"}}),S&&!l&&t.jsx(K,{onCancel:Y,...fe(o),children:t.jsxs("div",{className:"wx-7f497i wx-wrapper",children:[t.jsxs("div",{className:"wx-7f497i wx-timer",children:[t.jsx("input",{className:"wx-7f497i wx-digit",value:T,onChange:b=>{const E=B(b.target.value);W({value:E})}}),t.jsx("div",{className:"wx-7f497i wx-separator",children:":"}),t.jsx("input",{className:"wx-7f497i wx-digit",value:$,onChange:b=>{const E=k(b.target.value,w);D({value:E})}}),j&&t.jsx(Ee,{value:F,onClick:O,active:()=>t.jsx("span",{children:"pm"}),children:t.jsx("span",{children:"am"})})]}),t.jsx(ue,{width:"unset",children:t.jsx(oe,{label:f.hours,value:P,width:"unset",onChange:W,max:m})}),t.jsx(ue,{width:"unset",children:t.jsx(oe,{label:f.minutes,value:A,width:"unset",onChange:D,max:w})})]})})]})}function Ft({children:e}){return t.jsx("div",{className:"wx-KgpO9N wx-modal",children:t.jsx("div",{className:"wx-KgpO9N wx-window",children:e})})}function $t({position:e="right",children:r,onCancel:s}){const c=n.useRef(null);return n.useEffect(()=>H.clickOutside(c.current,s).destroy,[]),t.jsx("div",{ref:c,className:`wx-2L733M wx-sidearea wx-pos-${e}`,children:r})}const Ne="#dfe2e6",Ce="#2c2f3c",It=.75;function ye(e){if(e=e?.trim()||"",!e)return"";const r=e.split(/\s+/);return(r[0][0]+(r[1]?.[0]||"")).toUpperCase().slice(0,2)}function Et(e){let r=e.replace("#","");if(r.length===3&&(r=r[0]+r[0]+r[1]+r[1]+r[2]+r[2]),r.length!==6)return Ce;const s=parseInt(r.slice(0,2),16)/255,c=parseInt(r.slice(2,4),16)/255,l=parseInt(r.slice(4,6),16)/255;return .299*s+.587*c+.114*l>.5?Ce:"#ffffff"}function Lt(e){const{value:r,size:s=32,limit:c}=e,l=n.useRef(null),[x,i]=n.useState(null),a=n.useMemo(()=>r?Array.isArray(r)?r:[r]:[],[r]),o=n.useMemo(()=>{if(x==null||x<=0)return null;const w=1+(x/s-1)/It;return Math.max(1,Math.floor(w))},[x,s]),u=n.useMemo(()=>{const w=c!=null?Math.min(a.length,c):a.length;return o!=null?Math.min(w,o):w},[a,c,o]),d=n.useMemo(()=>a.slice(0,u),[a,u]),f=n.useMemo(()=>Math.max(0,a.length-u),[a,u]);n.useEffect(()=>{const w=l.current;if(!w)return;const h=new ResizeObserver(p=>{const g=p[0];g&&i(g.contentRect.width)});return h.observe(w),()=>h.disconnect()},[]);const v=Math.round(s*.4),j={width:s+"px",height:s+"px",minWidth:s+"px",minHeight:s+"px",fontSize:v+"px"};function m(w,h){const p=h===0?"0":`${s*-.25}px`,g=w.avatar?"transparent":w.color||Ne,y=w.avatar?"transparent":Et(w.color||Ne);return{marginLeft:p,backgroundColor:g,color:y}}return t.jsx("div",{className:"wx-avatar-root wx-aadkRiRf",ref:l,children:d.length>0&&t.jsx("div",{className:"wx-avatar-stack wx-aadkRiRf",children:d.map((w,h)=>t.jsxs("div",{className:["wx-avatar","wx-avatar-item",h===d.length-1&&f>0?"wx-avatar-overflow":"","wx-aadkRiRf"].filter(Boolean).join(" "),style:{...j,...m(w,h)},children:[w.avatar?t.jsx("img",{src:w.avatar,alt:"",loading:"lazy"}):ye(w.name)?t.jsx("span",{className:"wx-aadkRiRf",children:ye(w.name)}):null,h===d.length-1&&f>0&&t.jsxs("span",{className:"wx-avatar-overflow-badge wx-aadkRiRf",children:["+",f]})]},w.id))})})}function Wt(){return t.jsx(t.Fragment,{})}function Ht(e){const{fonts:r=!0,children:s}=e;return t.jsx(ee.Provider,{value:"material",children:t.jsxs(t.Fragment,{children:[s&&t.jsx("div",{className:"wx-theme wx-material-theme",children:s}),r&&t.jsxs(t.Fragment,{children:[t.jsx("link",{rel:"preconnect",href:"https://cdn.svar.dev",crossOrigin:"true"}),t.jsx(Wt,{}),t.jsx("link",{rel:"stylesheet",href:"https://cdn.svar.dev/fonts/wxi/wx-icons.css"})]})]})})}function Le(){return t.jsx(t.Fragment,{})}function At(e){const{fonts:r=!0,children:s}=e;return t.jsx(ee.Provider,{value:"willow",children:t.jsxs(t.Fragment,{children:[s&&s&&t.jsx("div",{className:"wx-theme wx-willow-theme",children:s}),r&&t.jsxs(t.Fragment,{children:[t.jsx("link",{rel:"preconnect",href:"https://cdn.svar.dev",crossOrigin:"true"}),t.jsx(Le,{}),t.jsx("link",{rel:"stylesheet",href:"https://cdn.svar.dev/fonts/wxi/wx-icons.css"})]})]})})}function Bt(e){const{fonts:r=!0,children:s}=e;return t.jsx(ee.Provider,{value:"willow-dark",children:t.jsxs(t.Fragment,{children:[s&&s&&t.jsx("div",{className:"wx-theme wx-willow-dark-theme",children:s}),r&&t.jsxs(t.Fragment,{children:[t.jsx("link",{rel:"preconnect",href:"https://cdn.svar.dev",crossOrigin:"true"}),t.jsx(Le,{}),t.jsx("link",{rel:"stylesheet",href:"https://cdn.svar.dev/fonts/wxi/wx-icons.css"})]})]})})}function Ot(e){const r=H.uid();e.setAttribute("data-wx-portal-root",r)}H.setEnv(H.env);Object.defineProperty(exports,"locale",{enumerable:!0,get:()=>H.locale});Object.defineProperty(exports,"en",{enumerable:!0,get:()=>ie.en});exports.Avatar=Lt;exports.Button=Q;exports.Calendar=Pe;exports.Checkbox=xe;exports.CheckboxGroup=Oe;exports.ColorBoard=De;exports.ColorPicker=qe;exports.ColorSelect=Ue;exports.Combo=Ze;exports.Counter=Rt;exports.DatePicker=xt;exports.DateRangePicker=wt;exports.Dropdown=K;exports.Field=ue;exports.Fullscreen=mt;exports.Globals=Tt;exports.Icon=pt;exports.Locale=se;exports.Material=Ht;exports.Modal=Ie;exports.ModalArea=Ft;exports.Month=Ve;exports.MultiCombo=vt;exports.Pager=jt;exports.Popup=Se;exports.Portal=Me;exports.RadioButton=$e;exports.RadioButtonGroup=gt;exports.RangeCalendar=Fe;exports.RichSelect=kt;exports.Segmented=bt;exports.Select=Nt;exports.SideArea=$t;exports.Slider=oe;exports.SuggestDropdown=re;exports.Switch=Ct;exports.Tabs=yt;exports.Text=le;exports.TextArea=Be;exports.TimePicker=Pt;exports.TwoState=Ee;exports.Willow=At;exports.WillowDark=Bt;exports.context=Ae;exports.popupContainer=Ot;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react"),H=require("@svar-ui/lib-react"),O=require("@svar-ui/lib-dom"),Ye=require("react-dom"),fe=require("@svar-ui/core-locales"),ee=n.createContext(""),$e=n.createContext({}),U=n.createContext(null),te=n.createContext(null),Je=Object.freeze(Object.defineProperty({__proto__:null,fieldId:te,helpers:$e,i18n:U,theme:ee},Symbol.toStringTag,{value:"Module"}));function q(e){const r=n.useContext(te),[s]=n.useState(()=>e||r||O.uid());return s}function Ge({value:e="",id:r,placeholder:s="",title:a="",tooltip:l,disabled:i=!1,error:u=!1,readonly:o=!1,css:c="",onChange:x}){const f=q(r),[v,w]=H.useWritableProp(e),h=n.useCallback(d=>{const m=d.target.value;w(m),x&&x({value:m,input:!0})},[x]),g=n.useCallback(d=>{const m=d.target.value;w(m),x&&x({value:m})},[x]),b=n.useRef(null);return n.useEffect(()=>{const d=g,m=b.current;return m.addEventListener("change",d),()=>{m&&m.removeEventListener("change",d)}},[g]),t.jsx("textarea",{className:`wx-3yFVAC wx-textarea ${c} ${u?"wx-error":""}`,id:f,disabled:i,placeholder:s,readOnly:o,title:a,value:v,onInput:h,ref:b,"data-tooltip-text":l})}function z({type:e="",css:r="",icon:s="",disabled:a=!1,title:l="",tooltip:i,text:u="",children:o,onClick:c}){const x=n.useMemo(()=>{let v=e?e.split(" ").filter(w=>w!=="").map(w=>"wx-"+w).join(" "):"";return r+(r?" ":"")+v},[e,r]),f=v=>{c&&c(v)};return t.jsxs("button",{title:l,className:`wx-2ZWgb4 wx-button ${x} ${s&&!o?"wx-icon":""}`,disabled:a,onClick:f,"data-tooltip-text":i,children:[s&&t.jsx("i",{className:"wx-2ZWgb4 "+s}),o||u||" "]})}function de({id:e,label:r="",inputValue:s="",value:a=!1,onChange:l,disabled:i=!1,css:u=""}){const o=q(e),[c,x]=H.useWritableProp(a),f=({target:v})=>{const w=v.checked;x(w),l&&l({value:w,inputValue:s})};return t.jsxs("div",{className:`wx-2IvefP wx-checkbox ${u}`,children:[t.jsx("input",{type:"checkbox",id:o,disabled:i,className:"wx-2IvefP wx-check",checked:c,value:s,onChange:f}),t.jsxs("label",{htmlFor:o,className:"wx-2IvefP wx-label",children:[t.jsx("span",{className:"wx-2IvefP wx-before"}),r&&t.jsx("span",{className:"wx-2IvefP wx-after",children:r})]})]})}function _e({options:e=[],value:r=[],type:s="",css:a="",onChange:l}){const i=n.useCallback(u=>{let o;u.value?o=[...r,u.inputValue]:o=r.filter(c=>c!==u.inputValue),l&&l({value:o})},[r,l]);return t.jsx(te.Provider,{value:null,children:t.jsx("div",{className:`wx-q8xwRD wx-checkboxgroup ${s&&`wx-${s}`} ${a}`,children:e.map(u=>t.jsx("div",{className:"wx-q8xwRD wx-item",children:t.jsx(de,{label:u.label,inputValue:u.id,value:r.includes(u.id),onChange:i})},u.id))})})}function we({theme:e="",target:r,children:s}){const a=n.useRef(null),l=n.useRef(null),[i,u]=n.useState(null);a.current||(a.current=document.createElement("div"));const o=n.useContext(ee);return n.useEffect(()=>{u(r||Ue(l.current)||O.env.getTopNode(l.current))},[l.current]),t.jsxs(t.Fragment,{children:[t.jsx("span",{ref:l,style:{display:"none"}}),l.current&&i?Ye.createPortal(t.jsx("div",{className:`wx-3ZWsT0 wx-${e||o}-theme`,children:s}),i):null]})}function Ue(e){const r=O.env.getTopNode(e);for(;e&&e!==r&&!e.getAttribute("data-wx-portal-root");)e=e.parentNode;return e}function Ve({left:e=0,top:r=0,at:s="bottom",parent:a=null,width:l="auto",css:i="",onCancel:u,children:o,trackScroll:c=!1}){const[x,f]=n.useState(0),[v,w]=n.useState(0),[h,g]=n.useState("auto"),[b,d]=n.useState(!1),m=n.useRef(null),p=n.useRef(null),j=n.useRef(u);n.useEffect(()=>{j.current=u},[u]);function M(C){return a&&(l+"").indexOf("%")>-1?l.replace(/(\d+)%/,(N,F)=>(F=F*a.offsetWidth/100+"px",l.replace(N,F))):l&&l!=="auto"?l:C}const k=n.useCallback(()=>{if(!m.current)return;const C=O.calculatePosition(m.current,a,s,e,r);C&&(f(C.x),w(C.y),g(M(C.width)))},[m,a,s,e,r,l]);return n.useLayoutEffect(()=>{const C=F=>{j.current&&F.target!==p.current&&m.current&&!m.current.contains(F.target)&&j.current(F)};let N;return requestAnimationFrame(()=>{k(),d(!0),c&&m.current&&(p.current=O.getAbsParent(m.current),p.current&&p.current.addEventListener("scroll",C,!0)),a&&(N=new ResizeObserver(k),N.observe(a))}),()=>{c&&p.current&&p.current.removeEventListener("scroll",C,!0),N?.disconnect()}},[]),n.useLayoutEffect(()=>{k()},[a,s,e,r]),n.useEffect(()=>{const C=N=>{j.current&&j.current(N)};if(m.current)return O.clickOutside(m.current,{callback:C,parent:()=>a}).destroy},[a]),t.jsx("div",{ref:m,className:["wx-37M6Fj","wx-popup",i].filter(Boolean).join(" "),style:{position:"absolute",visibility:b?"visible":"hidden",top:v+"px",left:x+"px",width:h},children:o})}function Ze({position:e="bottom",align:r="start",autoFit:s=!0,onCancel:a=null,width:l="100%",css:i="",children:u}){const o=n.useRef(null),[c,x]=n.useState(e),[f,v]=n.useState(r),w=n.useRef(a);return n.useEffect(()=>{w.current=a},[a]),n.useEffect(()=>{if(s){const h=o.current;if(h){const g=h.getBoundingClientRect(),b=document.body.getBoundingClientRect();g.right>=b.right&&v("end"),g.bottom>=b.bottom&&x("top")}}},[]),n.useEffect(()=>{if(o.current){const h=g=>{w.current&&w.current(g)};return O.clickOutside(o.current,h).destroy}},[]),t.jsx("div",{ref:o,className:["wx-dropdown",`wx-${c}-${f}`,i||"","wx-aaaVytZW"].filter(Boolean).join(" "),style:{width:l},children:u})}function K({position:e="bottom",align:r="start",autoFit:s=!0,inline:a=!1,onCancel:l,width:i="100%",children:u,...o}){const[c,x]=n.useState(void 0),f=n.useRef(null),v=n.useMemo(()=>`${e}-${r}`,[e,r]);return n.useLayoutEffect(()=>{f.current&&x(f.current.parentNode)},[]),t.jsxs(t.Fragment,{children:[c&&(a?t.jsx(Ze,{onCancel:l,position:e,align:r,autoFit:s,width:i,...o,children:u}):t.jsx(we,{children:t.jsx(Ve,{parent:c,at:v,onCancel:l,width:i,...o,children:u})})),t.jsx("span",{ref:f,className:"wx-portal-node wx-32GZ52"})]})}const qe=["#00a037","#37a9ef","#f5a623","#ff4c3b","#a0a0a0","#000000","#ffffff"];function Qe({colors:e=qe,value:r="",onChange:s,id:a,clear:l=!1,placeholder:i="",title:u="",tooltip:o,disabled:c=!1,error:x=!1,css:f="",dropdown:v={}}){const w=q(a),[h,g]=n.useState(r),[b,d]=n.useState(!1),m=n.useCallback((M,k)=>{M.stopPropagation(),g(k),d(!1),s&&s({value:k})},[s]),p=n.useCallback(M=>{M.stopPropagation(),g(""),s&&s({value:""})},[s]),j=n.useCallback(()=>{if(c)return!1;d(!0)},[c]);return t.jsxs("div",{className:"wx-121TgJ wx-colorselect "+f,onClick:j,"data-tooltip-text":o,children:[t.jsx("input",{className:"wx-121TgJ wx-input"+(x?" wx-error":"")+(b?" wx-focus":""),title:u,value:h,readOnly:!0,id:w,placeholder:i,disabled:c}),l&&h&&!c&&t.jsx("i",{className:"wx-121TgJ wx-clear wxi-close",onClick:p}),h?t.jsx("div",{className:"wx-121TgJ wx-color wx-selected",style:{backgroundColor:h||"#00a037"}}):t.jsx("div",{className:"wx-121TgJ wx-empty wx-selected"}),b&&t.jsx(K,{onCancel:()=>d(!1),...v,children:t.jsxs("div",{className:"wx-121TgJ wx-colors",children:[t.jsx("div",{className:"wx-121TgJ wx-empty",onClick:M=>m(M,"")}),e.map((M,k)=>t.jsx("div",{className:"wx-121TgJ wx-color",style:{backgroundColor:M},onClick:C=>m(C,M)},k))]})})]})}function he(e,r){const s=e.firstChild,{moveBlockSlider:a,moveLineSlider:l}=r||{};function i(c){u(c),s.focus(),window.addEventListener("mousemove",u),window.addEventListener("mouseup",o)}function u(c){let x,f,v,w;const h=e.getBoundingClientRect();x=h.left,f=h.top,v=c.clientX-x,w=c.clientY-f,a&&r.moveBlockSlider(v,w),l&&r.moveLineSlider(v)}function o(){s.blur(),window.removeEventListener("mousemove",u),window.removeEventListener("mouseup",o)}return e.addEventListener("mousedown",i),{destroy(){e.removeEventListener("mousedown",i)}}}const X={_toHex:["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"],toHex(e,r){e=parseInt(e,10);let s="";for(;e>0;)s=this._toHex[e%16]+s,e=Math.floor(e/16);for(;s.length<r;)s=`0${s}`;return s},rgbToHex(e){let r=[];return typeof e=="string"?e.replace(/[\d+.]+/g,s=>r.push(parseFloat(s))):Array.isArray(e)&&(r=e),r[3]===0?"":r.slice(0,3).map(s=>this.toHex(Math.floor(s),2)).join("")},hexToDec(e){return parseInt(e,16)},hexToRgb(e){e=e.charAt(0)==="#"?e.slice(1):e;const r=e.match(/.{1,2}/g);let[s,a,l]=r;return s=this.hexToDec(s),a=this.hexToDec(a),l=this.hexToDec(l),[s,a,l]},hsvToRgb(e,r,s){let a,l,i,u,o,c,x,f;switch(a=Math.floor(e/60)%6,l=e/60-a,i=s*(1-r),u=s*(1-l*r),o=s*(1-(1-l)*r),c=0,x=0,f=0,a){case 0:c=s,x=o,f=i;break;case 1:c=u,x=s,f=i;break;case 2:c=i,x=s,f=o;break;case 3:c=i,x=u,f=s;break;case 4:c=o,x=i,f=s;break;case 5:c=s,x=i,f=u;break}return c=Math.floor(c*255),x=Math.floor(x*255),f=Math.floor(f*255),[c,x,f]},rgbToHsv(e,r,s){let a,l,i;e/=255,r/=255,s/=255;let u=Math.min(e,r,s),o=Math.max(e,r,s);return l=0,a=o===0?0:1-u/o,i=o,o===u?l=0:o===e&&r>=s?l=60*(r-s)/(o-u)+0:o===e&&r<s?l=60*(r-s)/(o-u)+360:o===r?l=60*(s-e)/(o-u)+120:o===s&&(l=60*(e-r)/(o-u)+240),[l,a,i]},hexToHvs(e){const r=this.hexToRgb(e);return this.rgbToHsv(...r)},hvsToHex(e,r,s){const a=this.hsvToRgb(e,r,s);return"#"+this.rgbToHex(a).toUpperCase()}},ze=e=>/^([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e);function ve(e){return e?(e=e.toString(16),e.charAt(0)==="#"&&(e=e.slice(1)),ze(e)?(e.length===3&&(e=e.slice(0,3).split("").reduce((r,s)=>r+s+s,"")),`#${e.toUpperCase()}`):null):null}function Q(){return O.locale(fe.en)}const ge="Block",je="Line";function Pe({value:e="#65D3B3",button:r=!1,css:s="",onChange:a}){const l=(n.useContext(U)||Q()).getGroup("core"),i=n.useRef(null),u=n.useRef(null),[o,c]=n.useState(),[x,f]=n.useState(),[v,w]=n.useState(),[h,g]=n.useState(),[b,d]=H.useWritableProp(e),[m,p]=n.useState(e),j=n.useRef(null),M=n.useRef(null),k=n.useMemo(()=>ve(b)||"#65D3B3",[b]),C=n.useMemo(()=>X.hvsToHex(v||0,1,1),[v]),N=n.useCallback(($,I)=>{const{width:Y,height:J}=i.current.getBoundingClientRect();I<0?I=0:I>J&&(I=J),$<0?$=0:$>Y&&($=Y),c(I),f($);let V,W;const T=Y/100,R=J/100;V=Math.ceil($/T)/100,W=Math.ceil(Math.abs(I/R-100))/100;const D=X.hvsToHex(v,V,W);d(D),p(D),a&&a({value:D,input:!0})},[k,v,a]),F=n.useCallback($=>{const I=u.current.getBoundingClientRect().width;$<0?$=0:$>I&&($=I);const Y=Math.round($*359/I),J=Math.max(Math.min(Y,359),0);w(J),g($);let V,W;[,V,W]=X.hexToHvs(k);const T=X.hvsToHex(J,V,W);d(T),p(T),a&&a({value:T,input:!0})},[k,a]);j.current=N,M.current=F;const P=n.useCallback($=>{const[I,Y,J]=X.hexToHvs($||k);if(w(I),i.current){const{width:V,height:W}=i.current.getBoundingClientRect();u.current&&g(I*u.current.getBoundingClientRect().width/359),f(Y*V),c(Math.abs(W*(J-1)))}},[k]),S=n.useCallback(({target:$})=>{const I=ve($.value);p($.value),I&&(d(I),a&&a({value:I,input:!0}),P(I))},[a,P]),A=n.useCallback($=>{$.stopPropagation(),a&&a({value:k})},[k,a]),B=n.useCallback($=>{const I=$.target,Y=I.getAttribute("data-slider")===ge,J=I.getAttribute("data-slider")===je;let V=window.getComputedStyle(I),W=parseFloat(V.left),T=parseFloat(V.top);const R=$.code;if(Y){switch(R){case"ArrowLeft":{W--;break}case"ArrowRight":{W++;break}case"ArrowDown":{T++;break}case"ArrowUp":{T--;break}default:return}N(W,T)}if(J){if(R==="ArrowLeft"||R==="ArrowDown")W--;else if(R==="ArrowRight"||R==="ArrowUp")W++;else return;F(W)}$.preventDefault()},[N,F]);n.useEffect(()=>{const $=[];return i.current&&$.push(he(i.current,{moveBlockSlider:(I,Y)=>{j.current?.(I,Y)}}).destroy),u.current&&$.push(he(u.current,{moveLineSlider:I=>{M.current?.(I)}}).destroy),requestAnimationFrame(()=>P()),()=>{$.forEach(I=>I())}},[]);const L="wx-1yoKzq";return t.jsxs("div",{className:L+" wx-colorboard "+s,children:[t.jsx("div",{className:L+" wx-color-block",style:{background:C},ref:i,children:t.jsx("div",{className:L+" wx-color-block-slider wx-slider",style:{background:k,top:o+"px",left:x+"px"},tabIndex:0,"data-slider":ge,onKeyDown:B})}),t.jsx("div",{className:L+" wx-color-line",ref:u,children:t.jsx("div",{className:L+" wx-color-line-slider wx-slider",style:{background:C,left:h+"px"},tabIndex:0,"data-slider":je,onKeyDown:B})}),t.jsxs("div",{className:L+" wx-color-controls",children:[t.jsx("div",{className:L+" wx-color",style:{background:k}}),t.jsx("input",{type:"text",className:L+" wx-text",value:m,onChange:S})]}),r&&t.jsx(z,{onClick:A,type:"secondary",children:l("select")})]})}function Ke({value:e="",id:r,placeholder:s="",title:a="",tooltip:l,disabled:i=!1,error:u=!1,clear:o=!1,css:c="",onChange:x,dropdown:f={}}){const v=q(r);let[w,h]=H.useWritableProp(e);const[g,b]=n.useState(!1);function d(){if(i)return!1;b(!0)}function m(j){if(j.input)return;b(!1);const M=j.value;h(M),x&&x({value:M})}function p(j){j.stopPropagation(),h(""),x&&x({value:""})}return t.jsxs("div",{className:"wx-mmT8WH wx-colorpicker "+c,onClick:d,"data-tooltip-text":l,children:[t.jsx("input",{className:"wx-mmT8WH wx-input"+(u?" wx-error":"")+(g?" wx-focus":""),title:a,value:w,readOnly:!0,id:v,placeholder:s,disabled:i}),t.jsx("div",{className:"wx-mmT8WH wx-color",style:{background:w}}),o&&!i&&w&&t.jsx("i",{className:"wx-mmT8WH wxi-close",onClick:p}),g&&t.jsx(K,{onCancel:()=>b(!1),...f,children:t.jsx(Pe,{value:w,button:"true",onChange:m})})]})}function Xe(){let e=null,r=!1,s=!1,a,l,i,u;const o=(h,g,b,d,m)=>{a=h,l=g,i=b,u=d,s=m},c=h=>{e=h,r=e!==null,i(e)},x=(h,g)=>{if(!s&&h!==null&&a){const b=a.querySelectorAll(".wx-list > .wx-item")[h];b&&(b.scrollIntoView({block:"nearest"}),g&&g.preventDefault())}},f=(h,g)=>{const b=h===null?null:Math.max(0,Math.min(e+h,l.length-1));b!==e&&(c(b),a?x(b,g):requestAnimationFrame(()=>x(b,g)))};return{move:h=>{const g=O.locateID(h),b=l.findIndex(d=>d.id===g);b!==e&&c(b)},keydown:(h,g)=>{switch(h.code){case"Enter":r?u():c(0);break;case"Space":r||c(0);break;case"Escape":i(e=null);break;case"Tab":i(e=null);break;case"ArrowDown":f(r?1:g||0,h);break;case"ArrowUp":f(r?-1:g||0,h);break}},init:o,navigate:f}}const be=10,et=n.memo(function({data:r,checkboxes:s,itemTemplate:a,value:l}){return t.jsxs(t.Fragment,{children:[s&&t.jsx(de,{id:r.id,css:"wx-list-checkbox",value:l&&l.includes(r.id)}),a?H.snippet(a,{option:r}):r.label]})});function ke({visibleItems:e,visibleRange:r,navIndex:s,checkboxes:a,itemTemplate:l,value:i,measureRefCallback:u}){return e.map((o,c)=>{const x=r.start+c;return t.jsx("div",{ref:c===0?u:void 0,className:`wx-233fr7 wx-item ${x===s?"wx-focus":""}`,"data-id":o.id,children:t.jsx(et,{data:o,checkboxes:a,itemTemplate:l,value:i})},o.id)})}function re({items:e=[],children:r,onSelect:s,onReady:a,virtualized:l=!1,checkboxes:i,multiselect:u,value:o,...c}){const x=n.useRef(),f=n.useRef(!1),v=n.useRef(Xe()),[w,h]=n.useState(null),g=n.useRef(w),[b,d]=n.useState(0),[m,p]=n.useState(24),j=n.useRef(!1),M=(n.useContext(U)||Q()).getGroup("core"),k=n.useRef(e);n.useEffect(()=>{k.current=e},[e]);const C=n.useRef(o);n.useEffect(()=>{C.current=o},[o]);const N=n.useRef(0);n.useEffect(()=>{N.current=m},[m]);const F=n.useCallback(D=>{D&&D.stopPropagation();const y=k.current,E=C.current,Z=g.current;let G;const _=y[Z]?.id;u?E&&E.includes(_)?G=E.filter(ae=>ae!==_):G=[...E||[],_]:G=_,s&&s({id:G})},[u,s]),P=n.useRef(F);n.useEffect(()=>{P.current=F},[F]);const S=n.useCallback(D=>{if(x.current){let y=D*N.current-x.current.clientHeight+N.current;d(y),x.current.scrollTop=y}},[N.current]),A=n.useCallback(D=>{x.current=D,l&&(D&&!f.current&&g.current!==null&&requestAnimationFrame(()=>{x.current&&(S(g.current),f.current=!0)}),D||(f.current=!1))},[S]),B=n.useCallback(D=>{if(!D||j.current)return;const y=D.getBoundingClientRect().height;y&&(p(y),N.current=y,j.current=!0)},[]);n.useEffect(()=>{v.current.init(x.current,e,D=>{h(D),g.current=D},D=>P.current(D),l)},[e,x.current,l]),n.useEffect(()=>{const D=(E,Z)=>{v.current.navigate(E,Z),S(g.current)},y=(E,Z)=>{const G=g.current,_=k.current;if(G!==0&&G!==_.length-1&&(E.key==="ArrowDown"||E.key==="ArrowUp")&&E.preventDefault(),v.current.keydown(E,Z),x.current){const ae=x.current.scrollTop<=g.current*N.current,Oe=x.current.scrollTop+x.current.clientHeight>=g.current*N.current+N.current;ae?Oe||S(g.current):(x.current.scrollTop=g.current*N.current,d(x.current.scrollTop))}};a&&a({navigate:l?D:v.current.navigate,keydown:l?y:v.current.keydown,move:v.current.move})},[]);const L=n.useRef(0),$=n.useRef(e);$.current!==e&&($.current=e,L.current+=1);const I=n.useCallback(()=>{v.current.navigate(null)},[v]),Y=n.useCallback(D=>{l&&d(D.target.scrollTop)},[l]),J=n.useMemo(()=>Math.ceil((x.current?.clientHeight||0)/m),[m,b]),V=n.useMemo(()=>{if(!l)return{start:0,end:e.length};if(!e.length)return{start:0,end:0};const D=Math.floor(b/m),y=D+J;return{start:Math.max(0,D-be),end:Math.min(e.length,y+be)}},[l,e,b,m,J]),W=n.useMemo(()=>{if(!l)return e;const{start:D,end:y}=V;return e.slice(D,y).map(E=>({...E}))},[l,e,V]),T=V.start*m,R=e.length*m;return n.useEffect(()=>{l&&d(0)},[e,l]),n.useEffect(()=>{w===null&&(f.current=!1)},[w]),w===null?null:t.jsx(K,{onCancel:I,...c,children:t.jsx("div",{className:"wx-233fr7 wx-list",ref:A,onClick:F,onMouseMove:v.current.move,onScroll:Y,children:e.length?l?t.jsx("div",{className:"wx-233fr7 wx-list-wrapper",style:{height:`${R}px`},children:t.jsx("div",{className:"wx-233fr7 wx-list-content",style:{transform:`translateY(${T}px)`},children:t.jsx(ke,{visibleRange:V,visibleItems:W,navIndex:w,measureRefCallback:B,checkboxes:i,itemTemplate:r,value:o})})}):t.jsx(ke,{visibleRange:V,visibleItems:W,navIndex:w,measureRefCallback:B,checkboxes:i,itemTemplate:r,value:o}):t.jsx("div",{className:"wx-233fr7 wx-no-data",children:M("No data")})})},L.current)}function tt({value:e="",id:r,options:s=[],textOptions:a=null,textField:l="label",placeholder:i="",title:u="",tooltip:o,disabled:c=!1,error:x=!1,clear:f=!1,css:v="",children:w,onChange:h,dropdown:g={}}){const b=q(r),d=n.useRef(null),m=n.useRef(null),[p,j]=H.useWritableProp(e),[M,k]=n.useState(!1),[C,N]=n.useState(""),F=n.useRef(null),P=n.useRef(!1),S=n.useMemo(()=>{if(M)return C;if(p||p===0){const R=(a||s).find(D=>D.id===p);if(R)return R[l]}return""},[M,C,p,a,s,l]),A=n.useMemo(()=>!S||!M?s:s.filter(R=>R[l].toLowerCase().includes(S.toLowerCase())),[S,M,s,l]),B=n.useCallback(()=>A.findIndex(R=>R.id===p),[A,p]),L=n.useCallback(R=>{d.current=R.navigate,m.current=R.keydown},[]),$=n.useCallback((R,D)=>{if(R||R===0){let y=s.find(E=>E.id===R);if(k(!1),D&&d.current(null),y&&p!==y.id){const E=y.id;j(E),h&&h({value:E})}}!P.current&&D&&F.current.focus()},[s,p,h]),I=n.useCallback(({id:R})=>{$(R,!0)},[$]),Y=n.useCallback(R=>{R&&R.stopPropagation(),j(""),k(!1),h&&h({value:""})},[h]),J=n.useCallback(R=>{if(!s.length)return;if(R===""&&f){Y();return}let D=s.find(E=>E[l]===R);D||(D=s.find(E=>E[l].toLowerCase().includes(R.toLowerCase())));const y=D?D.id:p||s[0].id;$(y,!1)},[s,l,f,p,$,Y]),V=n.useCallback(()=>{N(F.current.value),k(!0),A.length&&d.current(0)},[A.length,d]),W=n.useCallback(()=>{P.current=!0},[]),T=n.useCallback(()=>{P.current=!1,setTimeout(()=>{P.current||J(S)},200)},[J,S]);return t.jsxs("div",{className:"wx-1j11Jk wx-combo "+v,onClick:()=>d.current(B()),onKeyDown:R=>m.current(R,B()),title:u,"data-tooltip-text":o,children:[t.jsx("input",{className:"wx-1j11Jk wx-input "+(x?"wx-error":""),id:b,ref:F,value:S,disabled:c,placeholder:i,onFocus:W,onBlur:T,onInput:V}),f&&!c&&p?t.jsx("i",{className:"wx-1j11Jk wx-icon wxi-close",onClick:Y}):t.jsx("i",{className:"wx-1j11Jk wx-icon wxi-angle-down"}),!c&&t.jsx(re,{items:A,onReady:L,onSelect:I,...g,children:({option:R})=>t.jsx(t.Fragment,{children:w?w({option:R}):R[l]})})]})}function le({value:e="",id:r,readonly:s=!1,focus:a=!1,select:l=!1,type:i="text",placeholder:u="",disabled:o=!1,error:c=!1,title:x="",tooltip:f,css:v="",icon:w="",clear:h=!1,onChange:g}){const b=q(r),[d,m]=H.useWritableProp(e),p=n.useRef(null),j=n.useMemo(()=>w&&v.indexOf("wx-icon-left")===-1?"wx-icon-right "+v:v,[w,v]),M=n.useMemo(()=>w&&v.indexOf("wx-icon-left")!==-1,[w,v]);n.useEffect(()=>{const P=setTimeout(()=>{a&&p.current&&p.current.focus(),l&&p.current&&p.current.select()},1);return()=>clearTimeout(P)},[a,l]);const k=n.useCallback(P=>{const S=P.target.value;m(S),g&&g({value:S,input:!0})},[g]),C=n.useCallback(P=>g&&g({value:P.target.value}),[g]);function N(P){P.stopPropagation(),m(""),g&&g({value:""})}let F=i;return i!=="password"&&i!=="number"&&(F="text"),n.useEffect(()=>{const P=C,S=p.current;return S.addEventListener("change",P),()=>{S&&S.removeEventListener("change",P)}},[C]),t.jsxs("div",{className:`wx-hQ64J4 wx-text ${j} ${c?"wx-error":""} ${o?"wx-disabled":""} ${h?"wx-clear":""}`,"data-tooltip-text":f,children:[t.jsx("input",{className:"wx-hQ64J4 wx-input",ref:p,id:b,readOnly:s,disabled:o,placeholder:u,type:F,title:x,value:d,onInput:k}),h&&!o&&d?t.jsxs(t.Fragment,{children:[t.jsx("i",{className:"wx-hQ64J4 wx-icon wxi-close",onClick:N}),M&&t.jsx("i",{className:`wx-hQ64J4 wx-icon ${w}`})]}):w?t.jsx("i",{className:`wx-hQ64J4 wx-icon ${w}`}):null]})}function nt({date:e,type:r,part:s,onShift:a}){const{calendar:l,formats:i}=n.useContext(U).getRaw(),u=e.getFullYear(),o=n.useMemo(()=>{switch(r){case"month":return O.dateToString(i.monthYearFormat,l)(e);case"year":return O.dateToString(i.yearFormat,l)(e);case"duodecade":{const{start:x,end:f}=O.getDuodecade(u),v=O.dateToString(i.yearFormat,l);return`${v(new Date(x,0,1))} - ${v(new Date(f,11,31))}`}default:return""}},[e,r,u,l,i]);function c(){a&&a({diff:0,type:r})}return t.jsxs("div",{className:"wx-8HQVQV wx-header",children:[s!=="right"?t.jsx("i",{className:"wx-8HQVQV wx-pager wxi-angle-left",onClick:()=>a&&a({diff:-1,type:r})}):t.jsx("span",{className:"wx-8HQVQV wx-spacer"}),t.jsx("span",{className:"wx-8HQVQV wx-label",onClick:c,children:o}),s!=="left"?t.jsx("i",{className:"wx-8HQVQV wx-pager wxi-angle-right",onClick:()=>a&&a({diff:1,type:r})}):t.jsx("span",{className:"wx-8HQVQV wx-spacer"})]})}function me({onClick:e,children:r}){return t.jsx("button",{className:"wx-3s8W4d wx-button",onClick:e,children:r})}function Ee({value:e,current:r,part:s="",markers:a=null,css:l="",onCancel:i,onChange:u}){const o=(n.useContext(U)||Q()).getRaw().calendar,c=(o.weekStart||7)%7,x=o.dayShort.slice(c).concat(o.dayShort.slice(0,c)),f=(k,C,N)=>new Date(k.getFullYear(),k.getMonth()+(C||0),k.getDate()+(N||0));let v=s!=="normal";function w(k){const C=k.getDay();return C===0||C===6}function h(){const k=f(r,0,1-r.getDate());return k.setDate(k.getDate()-(k.getDay()-(c-7))%7),k}function g(){const k=f(r,1,-r.getDate());return k.setDate(k.getDate()+(6-k.getDay()+c)%7),k}const b=n.useRef(0);function d(k,C){C.timeStamp!==b.current&&(b.current=C.timeStamp,C.stopPropagation(),u&&u(new Date(k)),i&&i())}const m=n.useMemo(()=>s=="normal"?[e?f(e).valueOf():0]:e?[e.start?f(e.start).valueOf():0,e.end?f(e.end).valueOf():0]:[0,0],[s,e]),p=n.useMemo(()=>{const k=h(),C=g(),N=r.getMonth();let F=[];for(let P=k;P<=C;P.setDate(P.getDate()+1)){const S={day:P.getDate(),in:P.getMonth()===N,date:P.valueOf()};let A="";if(A+=S.in?"":" wx-inactive",A+=m.indexOf(S.date)>-1?" wx-selected":"",v){const B=S.date==m[0],L=S.date==m[1];B&&!L?A+=" wx-left":L&&!B&&(A+=" wx-right"),S.date>m[0]&&S.date<m[1]&&(A+=" wx-inrange")}if(A+=w(P)?" wx-weekend":"",a){const B=a(P);B&&(A+=" "+B)}F.push({...S,css:A})}return F},[r,m,v,a]),j=n.useRef(null);let M=n.useRef({});return M.current.click=d,n.useEffect(()=>{O.delegateClick(j.current,M.current)},[]),t.jsxs("div",{className:`wx-398RBS wx-month ${l}`,children:[t.jsx("div",{className:"wx-398RBS wx-weekdays",children:x.map(k=>t.jsx("div",{className:"wx-398RBS wx-weekday",children:k},k))}),t.jsx("div",{className:"wx-398RBS wx-days",ref:j,children:p.map(k=>t.jsx("div",{className:`wx-398RBS wx-day ${k.css} ${k.in?"":"wx-out"}`,"data-id":k.date,children:k.day},k.date))})]})}function st({value:e,current:r,part:s,onCancel:a,onChange:l,onShift:i}){const u=n.useRef(new Date),[o,c]=H.useWritableProp(e||u.current),[x,f]=H.useWritableProp(r||u.current),v=n.useContext(U).getRaw().calendar,w=v.monthShort||[],h=n.useMemo(()=>x.getMonth(),[x]),g=n.useCallback((m,p)=>{if(m!=null){p.stopPropagation();const j=new Date(x);j.setMonth(m),f(j),i&&i({current:j})}s==="normal"&&c(new Date(x)),a&&a()},[x,s,i,a]),b=n.useCallback(()=>{const m=new Date(Fe(o,s)||x);m.setMonth(x.getMonth()),m.setFullYear(x.getFullYear()),l&&l(m)},[o,x,s,l]),d=n.useCallback(m=>{const p=m.target.closest("[data-id]");if(p){const j=parseInt(p.getAttribute("data-id"),10);g(j,m)}},[g]);return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"wx-34U8T8 wx-months",onClick:d,children:w.map((m,p)=>t.jsx("div",{className:"wx-34U8T8 wx-month"+(h===p?" wx-current":""),"data-id":p,children:m},p))}),t.jsx("div",{className:"wx-34U8T8 wx-buttons",children:t.jsx(me,{onClick:b,children:v.done})})]})}const ce="wx-1XEF33",rt=({value:e,current:r,onCancel:s,onChange:a,onShift:l,part:i})=>{const u=n.useContext(U).getRaw().calendar,[o,c]=H.useWritableProp(r),[x,f]=H.useWritableProp(e),v=n.useMemo(()=>o.getFullYear(),[o]),w=n.useMemo(()=>{const{start:m,end:p}=O.getDuodecade(v),j=[];for(let M=m;M<=p;++M)j.push(M);return j},[v]),h={click:g};function g(m,p){if(m){p.stopPropagation();const j=new Date(o);j.setFullYear(m),c(j),l&&l({current:j})}i==="normal"&&f(new Date(o)),s&&s()}function b(){const m=new Date(Fe(x,i)||o);m.setFullYear(o.getFullYear()),a&&a(m)}const d=n.useRef(null);return n.useEffect(()=>{d.current&&O.delegateClick(d.current,h)},[]),t.jsxs(t.Fragment,{children:[t.jsx("div",{className:ce+" wx-years",ref:d,children:w.map((m,p)=>t.jsx("div",{className:ce+` wx-year ${v==m?"wx-current":""} ${p===0?"wx-prev-decade":""} ${p===11?"wx-next-decade":""}`,"data-id":m,children:m},p))}),t.jsx("div",{className:ce+" wx-buttons",children:t.jsx(me,{onClick:b,children:u.done})})]})},Ne={month:{component:Ee,next:at,prev:lt},year:{component:st,next:ot,prev:ct},duodecade:{component:rt,next:it,prev:ut}};function lt(e){return e=new Date(e),e.setMonth(e.getMonth()-1),e}function at(e){return e=new Date(e),e.setMonth(e.getMonth()+1),e}function ct(e){return e=new Date(e),e.setFullYear(e.getFullYear()-1),e}function ot(e){return e=new Date(e),e.setFullYear(e.getFullYear()+1),e}function ut(e){return e=new Date(e),e.setFullYear(e.getFullYear()-10),e}function it(e){return e=new Date(e),e.setFullYear(e.getFullYear()+10),e}function Fe(e,r){let s;if(r==="normal")s=e;else{const{start:a,end:l}=e;r==="left"?s=a:r=="right"?s=l:s=a&&l}return s}const xt=["clear","today"];function ft(e){if(e==="done")return-1;if(e==="clear")return null;if(e==="today")return new Date}function ne({value:e,current:r,onCurrentChange:s,part:a="normal",markers:l=null,buttons:i,css:u="",onShift:o,onChange:c}){const x=n.useContext(U).getGroup("calendar"),[f,v]=n.useState("month"),w=Array.isArray(i)?i:i?xt:[],h=(p,j)=>{p.preventDefault(),c&&c({value:j})},g=()=>{f==="duodecade"?v("year"):f==="year"&&v("month")},b=p=>{const{diff:j,current:M}=p;if(j===0){f==="month"?v("year"):f==="year"&&v("duodecade");return}if(j){const k=Ne[f];s(j>0?k.next(r):k.prev(r))}else M&&s(M);o&&o()},d=p=>{v("month"),c&&c({select:!0,value:p})},m=n.useMemo(()=>Ne[f].component,[f]);return t.jsx("div",{className:`wx-2Gr4AS wx-calendar ${a!=="normal"&&a!=="both"?"wx-part":""} ${u}`,children:t.jsxs("div",{className:"wx-2Gr4AS wx-wrap",children:[t.jsx(nt,{date:r,part:a,type:f,onShift:b}),t.jsxs("div",{children:[t.jsx(m,{value:e,current:r,onCurrentChange:s,part:a,markers:l,onCancel:g,onChange:d,onShift:b}),f==="month"&&w.length>0&&t.jsx("div",{className:"wx-2Gr4AS wx-buttons",children:w.map(p=>t.jsx("div",{className:"wx-2Gr4AS wx-button-item",children:t.jsx(me,{onClick:j=>h(j,ft(p)),children:x(p)})},p))})]})]})})}function se(e){let{words:r=null,optional:s=!1,children:a}=e,l=n.useContext(U);const i=n.useMemo(()=>{let u=l;return(!u||!u.extend)&&(u=O.locale(fe.en)),r!==null&&(u=u.extend(r,s)),u},[r,s,l]);return t.jsx(U.Provider,{value:i,children:a})}function Ce(e,r,s,a){if(!e||a){const l=r?new Date(r):new Date;l.setDate(1),s(l)}else if(e.getDate()!==1){const l=new Date(e);l.setDate(1),s(l)}}const dt=["clear","today"];function Ie({value:e,current:r,markers:s=null,buttons:a=dt,css:l="",onChange:i}){const[u,o]=H.useWritableProp(e),[c,x]=H.useWritableProp(r);n.useEffect(()=>{Ce(c,u,x,!1)},[u,c]);const f=n.useCallback(w=>{const h=w.value;h?(o(new Date(h)),Ce(c,new Date(h),x,!0)):o(null),i&&i({value:h?new Date(h):null})},[i,c]),v=n.useCallback(w=>{x(w)},[x]);return c?t.jsx(se,{children:t.jsx(ne,{value:u,current:c,markers:s,buttons:a,css:l,onChange:f,onCurrentChange:v})}):null}function pe(e){return e||(e={}),e.width||(e.width="unset"),e}const wt=["clear","today"];function mt({value:e,id:r,disabled:s=!1,error:a=!1,placeholder:l="",format:i="",buttons:u=wt,css:o="",title:c="",tooltip:x,editable:f=!1,clear:v=!1,onChange:w,dropdown:h={}}){const{calendar:g,formats:b}=(n.useContext(U)||Q()).getRaw(),d=i||b?.dateFormat;let m=typeof d=="function"?d:O.dateToString(d,g);const[p,j]=n.useState(e),[M,k]=n.useState(!1);n.useEffect(()=>{j(e)},[e]);function C(){k(!1)}function N(S){const A=S===p||S&&p&&S.valueOf()===p.valueOf()||!S&&!p;j(S),A||w&&w({value:S}),setTimeout(C,1)}const F=n.useMemo(()=>p?m(p):"",[p,m]);function P({value:S,input:A}){if(!f&&!v||A)return;let B=typeof f=="function"?f(S):S?new Date(S):null;B=isNaN(B)?p||null:B||null,N(B)}return n.useEffect(()=>{const S=C;return window.addEventListener("scroll",S),()=>window.removeEventListener("scroll",S)},[]),t.jsxs("div",{className:"wx-1lKOFG wx-datepicker",onClick:()=>k(!0),children:[t.jsx(le,{css:`wx-date-input ${o}`,title:c,tooltip:x,value:F,id:r,readonly:!f,disabled:s,error:a,placeholder:l,onInput:C,onChange:P,icon:"wxi-calendar",clear:v}),M&&!s&&t.jsx(K,{onCancel:C,...pe(h),children:t.jsx(Ie,{buttons:u,value:p,onChange:S=>N(S.value)})})]})}const pt=["clear","today"],oe=(e,r,s)=>{const a=new Date(e);return a.setMonth(a.getMonth()+r),a},ye=(e,r)=>{const s=new Date(e||r||new Date);return s.setDate(1),s},Le=({start:e,end:r,current:s,months:a=2,markers:l=null,buttons:i=pt,css:u="",onChange:o})=>{const[c,x]=H.useWritableProp(e),[f,v]=H.useWritableProp(r),[w,h]=n.useState(()=>ye(c,s)),[g,b]=n.useState(()=>oe(ye(c,s),1)),d=n.useCallback(k=>{h(()=>{const C=new Date(k);return C.setDate(1),b(oe(C,1)),C})},[]),m=n.useCallback(k=>{b(()=>{const C=new Date(k);return C.setDate(1),h(oe(C,-1)),C})},[]);n.useEffect(()=>{d(c?new Date(c):s||new Date)},[c,s,d]);const p=n.useCallback(k=>{const C=k.value;let N=c,F=f;const P=C===-1;return P||(k.select?!c||f?(x(N=C),v(F=null)):c>C?(v(F=c),x(N=C)):v(F=C):C?(x(N=new Date(C)),v(F=new Date(C))):(x(N=null),v(F=null))),(P||!i.includes("done"))&&o&&o({start:N,end:F}),[N,F]},[c,f,i,o]),j=n.useCallback(k=>{const[C]=p(k);C&&d(new Date(C))},[d,c,f]),M=n.useCallback(k=>{const[,C]=p(k);C&&m(new Date(C))},[m,c,f]);return a===1?t.jsx(se,{children:t.jsx(ne,{value:{start:c,end:f},current:w,markers:l,buttons:i,css:u,part:"both",onChange:j,onCurrentChange:d})}):t.jsx(se,{children:t.jsxs("div",{className:`wx-p2jCaW wx-rangecalendar ${u}`,children:[t.jsx("div",{className:"wx-p2jCaW wx-half",children:t.jsx(ne,{value:{start:c,end:f},current:w,markers:l,buttons:!1,part:"left",onChange:j,onCurrentChange:d})}),t.jsx("div",{className:"wx-p2jCaW wx-half",children:t.jsx(ne,{value:{start:c,end:f},current:g,markers:l,buttons:i,part:"right",onChange:M,onCurrentChange:m})})]})})},ht=["clear","today"],vt=({value:e,onChange:r,id:s,disabled:a=!1,error:l=!1,placeholder:i="",css:u="",title:o="",tooltip:c,format:x="",months:f=2,buttons:v=ht,editable:w=!1,clear:h=!1,dropdown:g})=>{const[b,d]=H.useWritableProp(e),{calendar:m,formats:p}=(n.useContext(U)||Q()).getRaw(),j=x||p?.dateFormat,M=typeof j=="function"?j:O.dateToString(j,m),[k,C]=n.useState(!1),N=n.useCallback(()=>{C(!1)},[]),F=n.useMemo(()=>b?b.start?M(b.start)+(b.end?` - ${M(b.end)}`:""):M(b):"",[b,M]),P=n.useMemo(()=>b&&b.start||null,[b]),S=n.useMemo(()=>b&&b.end||null,[b]),A=n.useCallback(L=>{const $=L.start||L.end?{start:L.start,end:L.end}:null;d&&d($),(L.start&&L.end||!L.start&&!L.end)&&(r&&r({value:$}),setTimeout(N,1))},[r,N,d]),B=n.useCallback(L=>{if(!w&&!h)return;const{value:$,input:I}=L;if(I)return;const[Y,J]=$.split(" -").map((V,W)=>{const T=V.trim();let R=typeof w=="function"?w(T):T?new Date(T):null,D=W===0?P:S;return isNaN(R)?D||null:R||null});A({start:Y,end:J})},[w,h,P,S,A]);return n.useEffect(()=>{const L=()=>{N()};return window.addEventListener("scroll",L),()=>{window.removeEventListener("scroll",L)}},[N]),t.jsxs("div",{className:`wx-1b0WDQ wx-daterangepicker ${a?"wx-disabled":""} ${l?"wx-error":""}`,onClick:()=>C(!0),children:[t.jsx(le,{css:`wx-date-input ${u}`,title:o,tooltip:c,value:F,id:s,readonly:!w,disabled:a,placeholder:i,error:l,onChange:B,icon:"wxi-calendar",clear:h}),k&&!a&&t.jsx(K,{onCancel:N,...pe(g),children:t.jsx(Le,{onCancel:N,buttons:v,start:P,end:S,months:f,onChange:A})})]})};function gt({hotkey:e=null,toggleButton:r,children:s}){const a=n.useRef(null),[l,i]=n.useState(!1),u=n.useMemo(()=>`wxi-${l?"collapse":"expand"}`,[l]),o=n.useRef(null);return o.current=()=>{const c=a.current;!l&&c?c.requestFullscreen():l&&document.exitFullscreen(),i(x=>!x)},H.useHotkeys({[e]:()=>o.current()},a),n.useEffect(()=>{const c=()=>{i(document.fullscreenElement===a.current)};return document.addEventListener("fullscreenchange",c),()=>{document.removeEventListener("fullscreenchange",c)}},[]),t.jsxs("div",{className:"wx-13aa5W wx-fullscreen",ref:a,tabIndex:-1,children:[s,r?r(o.current,l):t.jsx(z,{css:"wx-13aa5W wx-fullscreen-button",onClick:o.current,children:t.jsx("i",{className:`wx-13aa5W ${u} wx-fullscreen-icon`,children:" "})})]})}function jt({css:e="",title:r="",tooltip:s,children:a,onClick:l}){return a?t.jsx("i",{title:r,role:"img",className:`wx-mdnST1 wx-icon ${e}`,onClick:l,"data-tooltip-text":s,children:a}):t.jsx("i",{title:r,className:`wx-mdnST1 wx-icon ${e}`,onClick:l,"data-tooltip-text":s})}const bt=[];function kt({id:e,value:r=bt,options:s=[],textOptions:a=null,textField:l="label",keepText:i=!1,placeholder:u="",title:o="",tooltip:c,disabled:x=!1,error:f=!1,checkboxes:v=!1,css:w="",onChange:h,children:g,dropdown:b={}}){const d=q(e),m=n.useRef(null),p=n.useRef(null),[j,M]=H.useWritableProp(r),[k,C]=n.useState(""),[N,F]=n.useState(!1),P=n.useRef(null),S=n.useMemo(()=>j?(a||s).filter(V=>j.includes(V.id)):[],[j,a,s]),A=n.useMemo(()=>{const V=s;return k?V.filter(W=>W[l].toLowerCase().includes(k.toLowerCase())):V},[k,s,l]),B=n.useCallback(V=>{m.current=V.navigate,p.current=V.keydown},[]),L=n.useCallback(()=>{A.length?m.current(0):m.current(null)},[A]),$=n.useCallback(V=>{const{id:W}=V;W&&(M(W),i||C(""),h&&h({value:W}),P.current.focus())},[h,i]),I=n.useCallback((V,W)=>{W&&W.stopPropagation();const T=j.filter(R=>R!==V);M(T),h&&h({value:T})},[j,h]),Y=n.useCallback(()=>j&&j.length?A.findIndex(V=>V.id===j[0]):0,[j,A]),J=n.useCallback(()=>{x||(P.current.focus(),m.current(Y()))},[x,Y]);return t.jsxs("div",{title:o,className:`wx-12Wj21 wx-multicombo ${w} ${f?"wx-error":""} ${x?"wx-disabled":""} ${S.length?"wx-not-empty":""} ${N&&!x?"wx-focus":""}`,onClick:J,onKeyDown:V=>p.current(V,Y()),"data-tooltip-text":c,children:[t.jsxs("div",{className:"wx-12Wj21 wx-wrapper",children:[t.jsx("div",{className:"wx-12Wj21 wx-tags",children:S.map(V=>t.jsxs("div",{className:"wx-12Wj21 wx-tag",children:[g?H.snippet(g,{option:V}):V[l],!x&&t.jsx("i",{className:"wx-12Wj21 wx-icon wxi-close",onClick:W=>I(V.id,W)})]},V.id))}),t.jsxs("div",{className:"wx-12Wj21 wx-select",children:[t.jsx("input",{className:"wx-12Wj21 wx-input",id:d,type:"text",value:k,onChange:V=>C(V.target.value),onInput:L,placeholder:u,disabled:x,onFocus:()=>F(!0),onBlur:()=>F(!1),ref:P}),t.jsx("i",{className:"wx-12Wj21 wx-icon wxi-angle-down"})]})]}),!x&&t.jsx(re,{items:A,multiselect:!0,onReady:B,onSelect:$,checkboxes:v,value:j,...b,children:({option:V})=>t.jsx(t.Fragment,{children:g?H.snippet(g,{option:V}):V[l]})})]})}const Nt=({total:e=0,pageSize:r=20,value:s=1,css:a="",onChange:l})=>{const[i,u]=H.useWritableProp(r),[o,c]=H.useWritableProp(s),x=(n.useContext(U)||Q()).getGroup("core"),f=Math.ceil(e/i),v=(o-1)*i,w=Math.min(o*i,e),h=(d,m)=>{Number.isNaN(d)||(m||c(d),d=Math.max(1,Math.min(d,f)),m&&c(d),d!==o&&setTimeout(()=>{l&&l({value:d,from:(d-1)*i,to:Math.min(d*i,e),pageSize:i})}))};function g(d){switch(d){case"first":h(1);break;case"prev":h(o-1);break;case"next":h(o+1);break;case"last":h(f);break}}const b=d=>{const m=d.target.value*1;Number.isNaN(m)||(u(m),l&&l({value:o,from:v,to:w,pageSize:m}))};return t.jsxs("div",{className:`wx-35Np0p wx-pager ${a}`,children:[t.jsxs("div",{className:"wx-35Np0p wx-left",children:[t.jsxs("span",{children:[x("Rows per page"),": "]}),t.jsx("input",{type:"number",min:1,className:"wx-35Np0p wx-input",value:i,onChange:b})]}),t.jsxs("div",{className:"wx-35Np0p wx-center",children:[t.jsx("i",{className:"wx-35Np0p wx-icon wxi-angle-dbl-left"+(o===1?" wx-disabled":""),onClick:()=>g("first")}),t.jsx("i",{className:"wx-35Np0p wx-icon wxi-angle-left"+(o===1?" wx-disabled":""),onClick:()=>g("prev")}),t.jsx("input",{type:"text",value:o,className:"wx-35Np0p wx-input",onChange:d=>h(d.target.value*1),onBlur:d=>h(d.target.value*1,!0)}),t.jsx("i",{className:"wx-35Np0p wx-icon wxi-angle-right"+(o===f?" wx-disabled":""),onClick:()=>g("next")}),t.jsx("i",{className:"wx-35Np0p wx-icon wxi-angle-dbl-right"+(o===f?" wx-disabled":""),onClick:()=>g("last")})]}),t.jsxs("div",{className:"wx-35Np0p wx-right",children:[x("Total pages"),": ",f]})]})};function Ae({id:e,label:r="",value:s,name:a="",inputValue:l="",disabled:i=!1,css:u="",onChange:o}){const c=n.useId(),x=q(e)||c,[f,v]=n.useState(!1),w=s!==void 0,h=w?s:f;function g(b){const d=b.target.checked;w||v(d),d&&o&&o({value:!0,inputValue:l})}return t.jsxs("div",{className:`wx-3lDF1s wx-radio ${u}`,children:[t.jsx("input",{type:"radio",className:"wx-3lDF1s wx-input",id:x,disabled:i,name:a,value:l,checked:h,onChange:g}),t.jsxs("label",{htmlFor:x,className:"wx-3lDF1s wx-label",children:[t.jsx("span",{className:"wx-3lDF1s wx-circle"}),r&&t.jsx("span",{className:"wx-3lDF1s wx-radio-text",children:r})]})]})}function Ct({options:e=[{}],value:r="",onChange:s,type:a="",css:l=""}){const i=O.uid(),[u,o]=n.useState(r);n.useEffect(()=>{o(r)},[r]);function c(x){const f=x.inputValue;o(f),s&&s({value:f})}return t.jsx(te.Provider,{value:null,children:t.jsx("div",{className:`wx-38w70j wx-radiogroup ${a&&`wx-${a}`} ${l}`,children:e.map(x=>t.jsx("div",{className:"wx-38w70j wx-item",children:t.jsx(Ae,{label:x.label,inputValue:x.id,value:u===x.id,name:i,onChange:c})},x.id))})})}function yt({value:e="",options:r=[],textOptions:s=null,placeholder:a="",disabled:l=!1,error:i=!1,title:u="",tooltip:o,textField:c="label",clear:x=!1,css:f="",children:v,onChange:w,dropdown:h={}}){const g=n.useRef(null),b=n.useRef(null);let[d,m]=H.useWritableProp(e);function p(N){g.current=N.navigate,b.current=N.keydown}const j=n.useMemo(()=>d||d===0?(s||r).find(N=>N.id===d):null,[d,s,r]),M=n.useCallback(({id:N})=>{(N||N===0)&&(m(N),g.current(null),w&&w({value:N}))},[m,w]),k=n.useCallback(N=>{N.stopPropagation(),m(""),w&&w({value:""})},[m,w]),C=n.useCallback(()=>r.findIndex(N=>N.id===d),[r,d]);return t.jsxs("div",{className:`wx-2YgblL wx-richselect ${f} ${i?"wx-2YgblL wx-error":""} ${l?"wx-2YgblL wx-disabled":""} ${v?"":"wx-2YgblL wx-nowrap"}`,title:u,onClick:()=>g.current(C()),onKeyDown:N=>b.current(N,C()),tabIndex:0,"data-tooltip-text":o,children:[t.jsx("div",{className:"wx-2YgblL wx-label",children:j?v?v(j):j[c]:a?t.jsx("span",{className:"wx-2YgblL wx-placeholder",children:a}):" "}),x&&!l&&d?t.jsx("i",{className:"wx-2YgblL wx-icon wxi-close",onClick:k}):t.jsx("i",{className:"wx-2YgblL wx-icon wxi-angle-down"}),!l&&t.jsx(re,{items:r,onReady:p,onSelect:M,...h,children:({option:N})=>v?v(N):N[c]})]})}const Rt=({options:e=[],value:r="",css:s="",children:a,onChange:l})=>{const[i,u]=n.useState(r),o=c=>{u(c),l&&l({value:c})};return n.useEffect(()=>{u(r)},[r]),t.jsx("div",{className:`wx-0hMO7P wx-segmented ${s}`,children:e.map(c=>t.jsx("button",{className:`wx-0hMO7P wx-segment ${c.css} ${c.id===i?"wx-selected":""}`,title:c.title,onClick:()=>o(c.id),"data-tooltip-text":c.tooltip,children:a?H.snippet(a,{option:c}):t.jsxs(t.Fragment,{children:[c.icon&&t.jsx("i",{className:`wx-0hMO7P wx-icon ${c.icon} ${c.label?"":"wx-only"}`}),c.label&&t.jsx("span",{className:"wx-0hMO7P wx-label",children:c.label})]})},c.id))})};function Mt({value:e,options:r=[],placeholder:s="",title:a="",tooltip:l,disabled:i=!1,error:u=!1,textField:o="label",clear:c=!1,id:x,css:f="",onChange:v}){const w=q(x),[h,g]=n.useState(e||""),b=n.useCallback(m=>{const p=m.target.value;g(p),v&&v({value:p})},[v]),d=n.useCallback(()=>{g(""),v&&v({value:""})},[v]);return t.jsxs("div",{className:"wx-2yx1Fo wx-select-box "+f,"data-tooltip-text":l,children:[t.jsxs("select",{id:w,value:h,disabled:i,className:`wx-2yx1Fo wx-select ${u?"wx-2yx1Fo wx-error":""}`,title:a,onChange:b,children:[t.jsx("option",{value:"",children:s}),r.map(m=>t.jsx("option",{value:m.id,children:m[o]},m.id))]}),c&&!i&&h?t.jsx("i",{className:"wx-2yx1Fo wx-icon wxi-close",onClick:d}):t.jsx("i",{className:"wx-2yx1Fo wx-icon wxi-angle-down"})]})}function ie({id:e,label:r="",css:s="",min:a=0,max:l=100,value:i=0,step:u=1,title:o="",tooltip:c,disabled:x=!1,onChange:f,width:v=""}){const w=q(e),[h,g]=H.useWritableProp(i),b=n.useRef({value:h,input:h}),d=n.useMemo(()=>(h-a)/(l-a)*100+"%",[h,a,l]),m=n.useMemo(()=>x?"":`linear-gradient(90deg, var(--wx-slider-primary) 0% ${d}, var(--wx-slider-background) ${d} 100%)`,[x,d]);function p({target:C}){const N=C.value*1;g(N),f&&f({value:N,previous:b.current.input,input:!0}),b.current.input=N}function j({target:C}){const N=C.value*1;g(N),f&&f({value:N,previous:b.current.value}),b.current.value=N}n.useEffect(()=>{g(i)},[i]);const M=n.useRef(null);n.useEffect(()=>{if(M.current)return M.current.addEventListener("change",j),()=>{M.current&&M.current.removeEventListener("change",j)}},[M,j]);const k={...v&&{width:v}};return t.jsxs("div",{className:`wx-2EDJ8G wx-slider ${s}`,style:k,title:o,"data-tooltip-text":c,children:[r&&t.jsx("label",{className:"wx-2EDJ8G wx-label",htmlFor:w,children:r}),t.jsx("div",{className:"wx-2EDJ8G wx-inner",children:t.jsx("input",{id:w,className:"wx-2EDJ8G wx-input",type:"range",min:a,max:l,step:u,disabled:x,value:h,onInput:p,style:{background:m},ref:M})})]})}function St({id:e,value:r=!1,disabled:s=!1,css:a="",onChange:l}){const i=q(e),[u,o]=H.useWritableProp(r),c=n.useCallback(x=>{const f=x.target.checked;o(f),l&&l({value:f})},[l]);return t.jsxs("label",{className:`wx-2dAR5c wx-switch ${a}`,children:[t.jsx("input",{className:"wx-2dAR5c wx-input",type:"checkbox",checked:u,onChange:c,disabled:s,id:i}),t.jsx("span",{className:"wx-2dAR5c wx-box"})]})}const Dt=({options:e=[],value:r="",type:s="top",css:a="",onChange:l})=>{const[i,u]=H.useWritableProp(r),o=c=>{u(c),l&&l({value:c})};return t.jsx("div",{className:`wx-138fWJ wx-tabs wx-${s} ${a}`,children:e.map(c=>t.jsxs("button",{className:`wx-138fWJ wx-tab ${c.css} ${c.id===i?"wx-active":""}`,title:c.title,onClick:()=>o(c.id),"data-tooltip-text":c.tooltip,children:[c.icon&&t.jsx("i",{className:`wx-138fWJ wx-icon ${c.icon} ${c.label?"":"wx-only"}`}),c.label&&t.jsx("span",{className:"wx-138fWJ wx-label",children:c.label})]},c.id))})},Tt=({id:e,value:r=0,step:s=1,min:a=0,max:l=1/0,error:i=!1,disabled:u=!1,readonly:o=!1,css:c="",tooltip:x,onChange:f})=>{const v=q(e),[w,h]=H.useWritableProp(r),g=n.useCallback(()=>{if(o||w<=a)return;const p=w-s;h(p),f&&f({value:p})},[w,o,a,s,f]),b=n.useCallback(()=>{if(o||w>=l)return;const p=w+s;h(p),f&&f({value:p})},[w,o,l,s,f]),d=n.useCallback(()=>{if(!o){const p=Math.round(Math.min(l,Math.max(w,a))/s)*s,j=isNaN(p)?Math.max(a,0):p;h(j),f&&f({value:j})}},[o,w,l,a,s,f]),m=n.useCallback(p=>{const j=p.target.value*1;h(j),f&&f({value:j,input:!0})},[f]);return t.jsxs("div",{className:`wx-22t21n wx-counter ${c} ${u?"wx-disabled":""} ${o?"wx-readonly":""} ${i?"wx-error":""}`,"data-tooltip-text":x,children:[t.jsx("button",{"aria-label":"-",className:"wx-22t21n wx-btn wx-btn-dec",disabled:u,onClick:g,children:t.jsx("svg",{className:"wx-22t21n wx-dec",width:"12",height:"2",viewBox:"0 0 12 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M11.2501 1.74994H0.750092V0.249939H11.2501V1.74994Z"})})}),t.jsx("input",{id:v,type:"text",className:"wx-22t21n wx-input",disabled:u,readOnly:o,required:!0,value:w,onBlur:d,onInput:m}),t.jsx("button",{"aria-label":"-",className:"wx-22t21n wx-btn wx-btn-inc",disabled:u,onClick:b,children:t.jsx("svg",{className:"wx-22t21n wx-inc",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:`M11.2501
+								6.74994H6.75009V11.2499H5.25009V6.74994H0.750092V5.24994H5.25009V0.749939H6.75009V5.24994H11.2501V6.74994Z`})})})]})};function $t({notice:e={}}){function r(){e.remove&&e.remove()}return t.jsxs("div",{className:`wx-11sNg5 wx-notice wx-${e.type?e.type:""}`,role:"status","aria-live":"polite",children:[t.jsx("div",{className:"wx-11sNg5 wx-text",children:e.text}),t.jsx("div",{className:"wx-11sNg5 wx-button",children:t.jsx("i",{className:"wx-11sNg5 wxi-close",onClick:r})})]})}function Vt({data:e=[]}){return t.jsx("div",{className:"wx-3nwoO9 wx-notices",children:e.map(r=>t.jsx($t,{notice:r},r.id))})}function We({title:e="",buttons:r=["cancel","ok"],header:s,children:a,footer:l,css:i="",onConfirm:u,onCancel:o}){const c=(n.useContext(U)||Q()).getGroup("core"),x=n.useRef(null);n.useEffect(()=>{x.current?.focus()},[]);function f(w){switch(w.code){case"Enter":{const h=w.target.tagName;if(h==="TEXTAREA"||h==="BUTTON")return;u&&u({event:w});break}case"Escape":o&&o({event:w});break}}function v(w,h){const g={event:w,button:h};h==="cancel"?o&&o(g):u&&u(g)}return t.jsx("div",{className:`wx-1FxkZa wx-modal ${i}`,ref:x,tabIndex:0,onKeyDown:f,children:t.jsxs("div",{className:"wx-1FxkZa wx-window",children:[s||(e?t.jsx("div",{className:"wx-1FxkZa wx-header",children:e}):null),t.jsx("div",{children:a}),l||r&&t.jsx("div",{className:"wx-1FxkZa wx-buttons",children:r.map(w=>t.jsx("div",{className:"wx-1FxkZa wx-button",children:t.jsx(z,{type:`block ${w==="ok"?"primary":"secondary"}`,onClick:h=>v(h,w),children:c(w)})},w))})]})})}function Pt({children:e},r){const[s,a]=n.useState(null),[l,i]=n.useState([]);return n.useImperativeHandle(r,()=>({showModal:u=>{const o={...u};return a(o),new Promise((c,x)=>{o.resolve=f=>{a(null),c(f)},o.reject=f=>{a(null),x(f)}})},showNotice:u=>{u={...u},u.id=u.id||O.uid(),u.remove=()=>i(o=>o.filter(c=>c.id!==u.id)),u.expire!=-1&&setTimeout(u.remove,u.expire||5100),i(o=>[...o,u])}}),[]),t.jsxs(t.Fragment,{children:[e,s&&t.jsx(We,{title:s.title,buttons:s.buttons,onConfirm:s.resolve,onCancel:s.reject,children:s.message}),t.jsx(Vt,{data:l})]})}const Et=n.forwardRef(Pt);function Ft(e){let{children:r}=e,s=n.useRef();const a=n.useMemo(()=>({showNotice:l=>s.current.showNotice(l),showModal:l=>s.current.showModal(l)}),[]);return t.jsx($e.Provider,{value:a,children:t.jsx(Et,{ref:s,children:r})})}function xe({label:e="",position:r="",error:s=!1,type:a="",required:l=!1,id:i,css:u="",children:o,width:c=""}){const x=n.useMemo(()=>i===void 0?O.uid():i,[i]),f={...c&&{width:c}};return t.jsx(te.Provider,{value:x,children:t.jsxs("div",{style:f,className:`wx-2oVUvC wx-field wx-${r} ${u} ${s?"wx-error":""} ${l?"wx-required":""}`.trim(),children:[e&&(x?t.jsx("label",{className:"wx-2oVUvC wx-label",htmlFor:x,children:e}):t.jsx("div",{className:"wx-2oVUvC wx-label",children:e})),t.jsx("div",{className:`wx-2oVUvC wx-field-control wx-${a}`,children:o})]})})}const He=({value:e=!1,type:r="",icon:s="",disabled:a=!1,iconActive:l="",onClick:i,title:u="",tooltip:o,css:c="",text:x="",textActive:f="",children:v,active:w,onChange:h})=>{const[g,b]=H.useWritableProp(e),d=n.useMemo(()=>(g?"pressed":"")+(r?" "+r:""),[g,r]),m=n.useCallback(p=>{let j=!g;i&&i(p),p.defaultPrevented||(b(j),h&&h({value:j}))},[g,i,h]);return g&&w?t.jsx(z,{title:u,tooltip:o,text:g&&f||x,css:c,type:d,icon:g&&l||s,onClick:m,disabled:a,children:H.snippet(w,{value:g})}):v?t.jsx(z,{title:u,tooltip:o,text:g&&f||x,css:c,type:d,icon:g&&l||s,onClick:m,disabled:a,children:v}):t.jsx(z,{title:u,tooltip:o,text:g&&f||x,css:c,type:d,icon:g&&l||s,onClick:m,disabled:a})},Re=new Date(0,0,0,0,0);function It({value:e=Re,id:r,title:s="",tooltip:a,css:l="",disabled:i=!1,error:u=!1,format:o="",onChange:c,dropdown:x}){let[f,v]=H.useWritableProp(e);const{calendar:w,formats:h}=(n.useContext(U)||Q()).getRaw(),g=w.clockFormat==12,b=23,d=59,m=n.useMemo(()=>{const y=o||h?.timeFormat;return typeof y=="function"?y:O.dateToString(y,w)},[o,h,w]),p=n.useMemo(()=>m(new Date(0,0,0,1)).indexOf("01")!=-1,[m]),j=(y,E)=>(y<10&&E?`0${y}`:`${y}`).slice(-2),M=y=>j(y,!0),k=y=>`${y}`.replace(/[^\d]/g,"")||0,C=y=>g&&(y=y%12,y===0)?"12":j(y,p),N=n.useCallback((y,E)=>(y=k(y),Math.min(y,E)),[]),[F,P]=n.useState(null),S=f||Re,A=N(S.getHours(),b),B=N(S.getMinutes(),d),L=A>12,$=C(A),I=M(B),Y=n.useMemo(()=>m(new Date(0,0,0,A,B)),[A,B,m]),J=n.useCallback(()=>{P(!0)},[]),V=n.useCallback(()=>{const y=new Date(S);y.setHours(y.getHours()+(L?-12:12)),v(y),c&&c({value:y})},[S,L,c]),W=n.useCallback(({value:y})=>{if(S.getHours()===y)return;const E=new Date(S);E.setHours(y),v(E),c&&c({value:E})},[S,c]),T=n.useCallback(({value:y})=>{if(S.getMinutes()===y)return;const E=new Date(S);E.setMinutes(y),v(E),c&&c({value:E})},[S,c]),R=n.useCallback(y=>(y=N(y,b),g&&(y=y*1,y===12&&(y=0),L&&(y+=12)),y),[N,g,L]),D=n.useCallback(()=>{P(null)},[]);return t.jsxs("div",{className:`wx-7f497i wx-timepicker ${u?"wx-7f497i wx-error":""} ${i?"wx-7f497i wx-disabled":""}`,onClick:i?void 0:J,style:{cursor:i?"default":"pointer"},children:[t.jsx(le,{id:r,css:`wx-date-input ${l}`,title:s,tooltip:a,value:Y,readonly:!0,disabled:i,error:u,icon:"wxi-clock"}),F&&!i&&t.jsx(K,{onCancel:D,...pe(x),children:t.jsxs("div",{className:"wx-7f497i wx-wrapper",children:[t.jsxs("div",{className:"wx-7f497i wx-timer",children:[t.jsx("input",{className:"wx-7f497i wx-digit",value:$,onChange:y=>{const E=R(y.target.value);W({value:E})}}),t.jsx("div",{className:"wx-7f497i wx-separator",children:":"}),t.jsx("input",{className:"wx-7f497i wx-digit",value:I,onChange:y=>{const E=N(y.target.value,d);T({value:E})}}),g&&t.jsx(He,{value:L,onClick:V,active:()=>t.jsx("span",{children:"pm"}),children:t.jsx("span",{children:"am"})})]}),t.jsx(xe,{width:"unset",children:t.jsx(ie,{label:w.hours,value:A,width:"unset",onChange:W,max:b})}),t.jsx(xe,{width:"unset",children:t.jsx(ie,{label:w.minutes,value:B,width:"unset",onChange:T,max:d})})]})})]})}function Me(e){return e==="point"?"point":e.split("-")[0]}function Lt(e){if(e==="point")return"center";const r=e.split("-");return r.length===1?"center":r[1]}function ue(e,r,s){const a=getComputedStyle(e).getPropertyValue(r);return parseInt(a)||s}function At(e){const{at:r="top-center",arrow:s=!1,touch:a=!1,overflow:l=!1,delay:i=300,content:u=null,children:o,css:c=""}=e;function x(T){if(l&&T.scrollWidth<=T.clientWidth)return null;const R=T.getAttribute?.("data-tooltip-text");return R||null}const f=e.resolver||x,v=n.useMemo(()=>Me(r),[r]),w=n.useMemo(()=>Lt(r),[r]),h=n.useMemo(()=>r==="point"?"point":`${v}-${w}`,[r,v,w]),g=n.useRef(null),b=n.useRef(!1),[d,m]=n.useState(null),[p,j]=n.useState(null),[M,k]=n.useState(null),[C,N]=n.useState(!1),F=n.useRef(p);n.useEffect(()=>{F.current=p},[p]);const P=n.useMemo(()=>p!==null&&(!!p.result||u!=null),[p,u]);function S(){return ue(d,"--wx-tooltip-point-offset",14)}function A(){return ue(d,"--wx-tooltip-arrow-size",6)}function B(T,R,D,y){if(v==="point")return"50%";const E=y?.getBoundingClientRect()??{top:0,left:0},Z=T/2;let G,_;return v==="top"||v==="bottom"?(_=R.x-(y?.scrollLeft??0)+E.left,w==="start"?G=D.left+T+Z:w==="end"?G=D.right-T-Z:G=D.left+D.width/2):(_=R.y-(y?.scrollTop??0)+E.top,w==="start"?G=D.top+T+Z:w==="end"?G=D.bottom-T-Z:G=D.top+D.height/2),`${G-_}px`}n.useEffect(()=>{if(!d||!p)return void k(null);const T=r==="point"?S():0,R=O.calculatePosition(d,p.anchor,h,p.mouseX+T,p.mouseY+T);if(R===null)return void k(null);const D=p.anchor.getBoundingClientRect(),y=O.getAbsParent(d),E=Me(R.at);let Z="50%";if(R&&s&&r!=="point"){const _=A();E==="top"?R.y-=_:E==="bottom"?R.y+=_:E==="left"?R.x-=_:E==="right"&&(R.x+=_),Z=B(_,R,D,y)}const G=ue(d,"--wx-tooltip-z-index",1002);k({x:Math.round(R.x),y:Math.round(R.y),z:Math.max(R.z,G),side:E,arrowOffset:Z})},[d,p,r,s,v,w,h]);function L(T,R){if(!b.current||("ontouchstart"in window||window.navigator.maxTouchPoints>0)&&!a)return null;for(;T&&T!==g.current;T=T.parentNode){if(T.nodeType!==window.Node.ELEMENT_NODE)continue;const y=f(T,R);if(y!=null)return{result:y,anchor:T,mouseX:R.clientX,mouseY:R.clientY}}return null}const $=n.useRef(void 0),I=n.useRef(!1);function Y(T,...R){clearTimeout($.current),$.current=setTimeout(T,i,...R)}function J(T){if(T.target.closest(".wx-tooltip-area")!==g.current){b.current=!1,j(null),clearTimeout($.current);return}b.current=!0;const R=F.current;if(R?.anchor?.contains(T.target)){clearTimeout($.current),I.current=!1;const D=f(T.target,T);if(D!=null){j({result:D,anchor:T.target,mouseX:T.clientX,mouseY:T.clientY});return}}if(R!==null){const D=L(T.target,T);D?(clearTimeout($.current),I.current=!1,j(D),N(!1)):I.current||(I.current=!0,Y(()=>{I.current=!1,j(null)}))}else Y(()=>{j(L(T.target,T)),N(!0)})}function V(){Y(()=>{I.current=!1,b.current=!1,j(null)})}n.useEffect(()=>{function T(){clearTimeout($.current),j(null)}return window.addEventListener("scroll",T,{capture:!0,passive:!0}),()=>{clearTimeout($.current),window.removeEventListener("scroll",T,{capture:!0})}},[]);const W=["wx-tooltip",c,s&&M?.side==="top"?"wx-arrow-top":"",s&&M?.side==="bottom"?"wx-arrow-bottom":"",s&&M?.side==="left"?"wx-arrow-left":"",s&&M?.side==="right"?"wx-arrow-right":"",C?"":"wx-tooltip-transition","wx-aab5ZNfz"].filter(Boolean).join(" ");return t.jsxs("div",{ref:g,className:"wx-tooltip-area wx-aab5ZNfz",role:"none",onMouseMove:J,onMouseLeave:V,children:[P?t.jsx(we,{children:t.jsx("div",{className:W,role:"tooltip",ref:m,style:{translate:`${M?.x??0}px ${M?.y??0}px`,zIndex:M?.z??20,visibility:M?void 0:"hidden","--wx-arrow-offset":M?.arrowOffset??"50%"},children:t.jsx("div",{className:"wx-tooltip-wrapper wx-aab5ZNfz",children:t.jsx("div",{className:"wx-tooltip-inner wx-aab5ZNfz",children:typeof p.result=="string"?u?t.jsx(u,{data:p.result}):t.jsx("div",{className:"wx-tooltip-text wx-aab5ZNfz",children:p.result}):u?t.jsx(u,{...p.result}):t.jsx("div",{className:"wx-tooltip-text wx-aab5ZNfz",children:p.result?.data})})})})}):null,o]})}function Wt({children:e}){return t.jsx("div",{className:"wx-KgpO9N wx-modal",children:t.jsx("div",{className:"wx-KgpO9N wx-window",children:e})})}function Ht({position:e="right",css:r="",children:s,onCancel:a}){const l=n.useRef(null);return n.useEffect(()=>O.clickOutside(l.current,a).destroy,[]),t.jsx("div",{ref:l,className:`wx-2L733M wx-sidearea wx-pos-${e} ${r}`,children:s})}const Se="#dfe2e6",De="#2c2f3c",Bt=.75;function Te(e){if(e=e?.trim()||"",!e)return"";const r=e.split(/\s+/);return(r[0][0]+(r[1]?.[0]||"")).toUpperCase().slice(0,2)}function Ot(e){let r=e.replace("#","");if(r.length===3&&(r=r[0]+r[0]+r[1]+r[1]+r[2]+r[2]),r.length!==6)return De;const s=parseInt(r.slice(0,2),16)/255,a=parseInt(r.slice(2,4),16)/255,l=parseInt(r.slice(4,6),16)/255;return .299*s+.587*a+.114*l>.5?De:"#ffffff"}function Yt(e){const{value:r,size:s=32,limit:a,css:l=""}=e,i=n.useRef(null),[u,o]=n.useState(null),c=n.useMemo(()=>r?Array.isArray(r)?r:[r]:[],[r]),x=n.useMemo(()=>{if(u==null||u<=0)return null;const d=1+(u/s-1)/Bt;return Math.max(1,Math.floor(d))},[u,s]),f=n.useMemo(()=>{const d=a!=null?Math.min(c.length,a):c.length;return x!=null?Math.min(d,x):d},[c,a,x]),v=n.useMemo(()=>c.slice(0,f),[c,f]),w=n.useMemo(()=>Math.max(0,c.length-f),[c,f]);n.useEffect(()=>{const d=i.current;if(!d)return;const m=new ResizeObserver(p=>{const j=p[0];j&&o(j.contentRect.width)});return m.observe(d),()=>m.disconnect()},[]);const h=Math.round(s*.4),g={width:s+"px",height:s+"px",minWidth:s+"px",minHeight:s+"px",fontSize:h+"px"};function b(d,m){const p=m===0?"0":`${s*-.25}px`,j=d.avatar?"transparent":d.color||Se,M=d.avatar?"transparent":Ot(d.color||Se);return{marginLeft:p,backgroundColor:j,color:M}}return t.jsx("div",{className:`wx-avatar-root wx-aadkRiRf ${l}`,ref:i,children:v.length>0&&t.jsx("div",{className:"wx-avatar-stack wx-aadkRiRf",children:v.map((d,m)=>t.jsxs("div",{className:["wx-avatar","wx-avatar-item",m===v.length-1&&w>0?"wx-avatar-overflow":"","wx-aadkRiRf"].filter(Boolean).join(" "),style:{...g,...b(d,m)},children:[d.avatar?t.jsx("img",{src:d.avatar,alt:"",loading:"lazy"}):Te(d.name)?t.jsx("span",{className:"wx-aadkRiRf",children:Te(d.name)}):null,m===v.length-1&&w>0&&t.jsxs("span",{className:"wx-avatar-overflow-badge wx-aadkRiRf",children:["+",w]})]},d.id))})})}function Jt(){return t.jsx(t.Fragment,{})}function Gt(e){const{fonts:r=!0,children:s}=e;return t.jsx(ee.Provider,{value:"material",children:t.jsxs(t.Fragment,{children:[s&&t.jsx("div",{className:"wx-theme wx-material-theme",children:s}),r&&t.jsxs(t.Fragment,{children:[t.jsx("link",{rel:"preconnect",href:"https://cdn.svar.dev",crossOrigin:"true"}),t.jsx(Jt,{}),t.jsx("link",{rel:"stylesheet",href:"https://cdn.svar.dev/fonts/wxi/wx-icons.css"})]})]})})}function Be(){return t.jsx(t.Fragment,{})}function _t(e){const{fonts:r=!0,children:s}=e;return t.jsx(ee.Provider,{value:"willow",children:t.jsxs(t.Fragment,{children:[s&&s&&t.jsx("div",{className:"wx-theme wx-willow-theme",children:s}),r&&t.jsxs(t.Fragment,{children:[t.jsx("link",{rel:"preconnect",href:"https://cdn.svar.dev",crossOrigin:"true"}),t.jsx(Be,{}),t.jsx("link",{rel:"stylesheet",href:"https://cdn.svar.dev/fonts/wxi/wx-icons.css"})]})]})})}function Ut(e){const{fonts:r=!0,children:s}=e;return t.jsx(ee.Provider,{value:"willow-dark",children:t.jsxs(t.Fragment,{children:[s&&s&&t.jsx("div",{className:"wx-theme wx-willow-dark-theme",children:s}),r&&t.jsxs(t.Fragment,{children:[t.jsx("link",{rel:"preconnect",href:"https://cdn.svar.dev",crossOrigin:"true"}),t.jsx(Be,{}),t.jsx("link",{rel:"stylesheet",href:"https://cdn.svar.dev/fonts/wxi/wx-icons.css"})]})]})})}function Zt(e){const r=O.uid();e.setAttribute("data-wx-portal-root",r)}O.setEnv(O.env);Object.defineProperty(exports,"locale",{enumerable:!0,get:()=>O.locale});Object.defineProperty(exports,"en",{enumerable:!0,get:()=>fe.en});exports.Avatar=Yt;exports.Button=z;exports.Calendar=Ie;exports.Checkbox=de;exports.CheckboxGroup=_e;exports.ColorBoard=Pe;exports.ColorPicker=Ke;exports.ColorSelect=Qe;exports.Combo=tt;exports.Counter=Tt;exports.DatePicker=mt;exports.DateRangePicker=vt;exports.Dropdown=K;exports.Field=xe;exports.Fullscreen=gt;exports.Globals=Ft;exports.Icon=jt;exports.Locale=se;exports.Material=Gt;exports.Modal=We;exports.ModalArea=Wt;exports.Month=Ee;exports.MultiCombo=kt;exports.Pager=Nt;exports.Popup=Ve;exports.Portal=we;exports.RadioButton=Ae;exports.RadioButtonGroup=Ct;exports.RangeCalendar=Le;exports.RichSelect=yt;exports.Segmented=Rt;exports.Select=Mt;exports.SideArea=Ht;exports.Slider=ie;exports.SuggestDropdown=re;exports.Switch=St;exports.Tabs=Dt;exports.Text=le;exports.TextArea=Ge;exports.TimePicker=It;exports.Tooltip=At;exports.TwoState=He;exports.Willow=_t;exports.WillowDark=Ut;exports.context=Je;exports.popupContainer=Zt;
 //# sourceMappingURL=index.cjs.map