@svar-ui/react-core 2.3.0 → 2.4.0

package/README.md

@@ -18,7 +18,9 @@
 
 </div>
 
-**SVAR React Core** is a lightweight, fast, and mobile-friendly React component library that offers 20+ reusable, pre-styled UI components. It includes form controls, popups, date & time pickers, toast notifications, and more. The components are easily customizable and come with built-in light and dark themes.
+**SVAR React Core** is a lightweight, fast, and mobile-friendly React component library that offers 20+ reusable, pre-styled UI components. It includes form controls, popups, date & time pickers, toast notifications, and more. All components are customizable, support light and dark themes, and come with full TypeScript support. 
+
+The library is fully compatible with React 18 and 19.
 
 <div align="center">
 

package/dist/index.cjs

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