@svar-ui/react-core 2.2.0

package/README.md

@@ -0,0 +1,53 @@
+<div align="center">
+	
+# SVAR React Core | UI Component Library
+
+</div>
+
+<div align="center">
+
+[Website](https://svar.dev/react/core/) • [Getting Started](https://docs.svar.dev/react/core/getting_started/) • [Demos](https://docs.svar.dev/react/core/samples/#/calendar/willow)
+
+</div>
+
+<div align="center">
+
+[![npm](https://img.shields.io/npm/v/@svar-ui/react-core.svg)](https://www.npmjs.com/package/@svar-ui/react-core)
+[![License](https://img.shields.io/github/license/svar-widgets/core)](https://github.com/svar-widgets/core/blob/main/license.txt)
+[![npm downloads](https://img.shields.io/npm/dm/@svar-ui/react-core.svg)](https://www.npmjs.com/package/@svar-ui/react-core)
+
+</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.
+
+<div align="center">
+	
+<img src="https://svar.dev/images/github/github-core.png" alt="SVAR Core - React UI Library" style="width: 752px;">
+
+</div>
+
+</br>
+
+Along with the **Core** library, you can use the following SVAR React components to build a unified app interface:
+
+- [Menu](https://github.com/svar-widgets/react-menu) - create basic menu bar, actions or context menu;
+- [Toolbar](https://github.com/svar-widgets/react-toolbar) - create button and icon panels with configurable, responsive layouts;
+- [Tasklist](https://github.com/svar-widgets/react-tasklist) - basic to-do list component to add, edit, check or delete tasks;
+- [Comments](https://github.com/svar-widgets/react-comments) - nice-looking comments section with bubbles or flow views;
+- [File uploader](https://github.com/svar-widgets/react-uploader) - simple file uploader component.
+
+### :hammer_and_wrench: How to Use
+
+To start using the components from the **Core** package, simply import the package and include the desired component in your React file:
+
+```jsx
+import { Button } from "@svar-ui/react-core";
+
+const myComponent => (<Button>Click me</Button>);
+```
+
+See the [getting started guide](https://docs.svar.dev/react/core/getting_started/) to quickly set up and begin using SVAR Core components in your React projects.
+
+### :speech_balloon: Need Help?
+
+[Post an Issue](https://github.com/svar-widgets/react-core/issues/) or use our [community forum](https://forum.svar.dev).

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),W=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:r=!1,error:i=!1,readonly:u=!1,onChange:a}){const[o,x]=W.useWritableProp(t),f=n.useCallback(p=>{const v=p.target.value;x(v),a&&a({value:v,input:!0})},[a]),d=n.useCallback(p=>{const v=p.target.value;x(v),a&&a({value:v})},[a]),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:r,placeholder:s,readOnly:u,title:c,value:o,onInput:f,ref:m})}function _({type:t="",css:l="",icon:s="",disabled:c=!1,title:r="",text:i="",children:u,onClick:a}){const o=n.useMemo(()=>{let f=t?t.split(" ").filter(d=>d!=="").map(d=>"wx-"+d).join(" "):"";return l+(l?" ":"")+f},[t,l]),x=f=>{a&&a(f)};return e.jsxs("button",{title:r,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:r,disabled:i=!1}){const[u,a]=W.useWritableProp(c),o=({target:x})=>{const f=x.checked;a(f),r&&r({value:f,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 r=n.useCallback(i=>{let u;i.value?u=[...l,i.inputValue]:u=l.filter(a=>a!==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:r})},i.id))})}function J({position:t="bottom",align:l="start",autoFit:s=!0,onCancel:c=null,width:r="100%",children:i}){const u=n.useRef(null),[a,o]=n.useState(t),[x,f]=n.useState(l);return n.useEffect(()=>{o(t)},[t]),n.useEffect(()=>{f(l)},[l]),n.useEffect(()=>{if(s){const d=u.current;if(d){const m=d.getBoundingClientRect(),p=document.body.getBoundingClientRect();m.right>=p.right&&f("end"),m.bottom>=p.bottom&&o("top")}}},[s,x,a]),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-${a}-${x}`,style:{width:r},children:i})}const ye=["#00a037","#37a9ef","#f5a623","#ff4c3b","#a0a0a0","#000000","#ffffff"];function Se({colors:t=ye,value:l="",onChange:s,id:c=T.uid(),clear:r=!1,placeholder:i="",title:u="",disabled:a=!1,error:o=!1}){const[x,f]=n.useState(l),[d,m]=n.useState(!1),p=n.useCallback((h,j)=>{h.stopPropagation(),f(j),m(!1),s&&s({value:j})},[s]),v=n.useCallback(h=>{h.stopPropagation(),f(""),s&&s({value:""})},[s]),w=n.useCallback(()=>{if(a)return!1;m(!0)},[a]);return e.jsxs("div",{className:"wx-121TgJ wx-colorselect",onClick:w,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:a}),r&&x&&!a&&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:r}=l||{};function i(o){u(o),s.focus(),window.addEventListener("mousemove",u),window.addEventListener("mouseup",a)}function u(o){let x,f,d,m;const p=t.getBoundingClientRect();x=p.left,f=p.top,d=o.clientX-x,m=o.clientY-f,c&&l.moveBlockSlider(d,m),r&&l.moveLineSlider(d)}function a(){s.blur(),window.removeEventListener("mousemove",u),window.removeEventListener("mouseup",a)}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,r]=l;return s=this.hexToDec(s),c=this.hexToDec(c),r=this.hexToDec(r),[s,c,r]},hsvToRgb(t,l,s){let c,r,i,u,a,o,x,f;switch(c=Math.floor(t/60)%6,r=t/60-c,i=s*(1-l),u=s*(1-r*l),a=s*(1-(1-r)*l),o=0,x=0,f=0,c){case 0:o=s,x=a,f=i;break;case 1:o=u,x=s,f=i;break;case 2:o=i,x=s,f=a;break;case 3:o=i,x=u,f=s;break;case 4:o=a,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,r,i;t/=255,l/=255,s/=255;let u=Math.min(t,l,s),a=Math.max(t,l,s);return r=0,c=a===0?0:1-u/a,i=a,a===u?r=0:a===t&&l>=s?r=60*(l-s)/(a-u)+0:a===t&&l<s?r=60*(l-s)/(a-u)+360:a===l?r=60*(s-t)/(a-u)+120:a===s&&(r=60*(t-l)/(a-u)+240),[r,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()}},De=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)),De(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 we({value:t="#65D3B3",button:l=!1,onChange:s}){const c=(n.useContext(A)||Y()).getGroup("core"),r=n.useRef(null),i=n.useRef(null),[u,a]=n.useState(),[o,x]=n.useState(),[f,d]=n.useState(),[m,p]=n.useState(),[v,w]=W.useWritableProp(t),h=n.useMemo(()=>re(v)||"#65D3B3",[v]),j=n.useMemo(()=>Q.hvsToHex(f||0,1,1),[f]),k=n.useCallback((N,C)=>{const{width:V,height:$}=r.current.getBoundingClientRect();C<0?C=0:C>$&&(C=$),N<0?N=0:N>V&&(N=V),a(C),x(N);let E,M;Q.hexToHvs(h);const L=V/100,B=$/100;E=Math.ceil(N/L)/100,M=Math.ceil(Math.abs(C/B-100))/100;const O=Q.hvsToHex(f||0,E,M);w(O),s&&s({value:O,input:!0})},[h,f,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 E,M;[,E,M]=Q.hexToHvs(h);const L=Q.hvsToHex($,E,M);w(L),s&&s({value:L,input:!0})},[h,s]),b=n.useCallback(()=>{const[N,C,V]=Q.hexToHvs(h);if(d(N),r.current){const{width:$,height:E}=r.current.getBoundingClientRect();i.current&&p(N*i.current.getBoundingClientRect().width/359),x(C*$),a(Math.abs(E*(V-1)))}},[h]),y=n.useCallback(({target:N})=>{const C=re(N.value);w(C),s&&s({value:C,input:!0}),C&&b()},[s,b]),D=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 E=window.getComputedStyle(C),M=parseFloat(E.left),L=parseFloat(E.top);const B=N.code;if(V){switch(B){case"ArrowLeft":{M--;break}case"ArrowRight":{M++;break}case"ArrowDown":{L++;break}case"ArrowUp":{L--;break}default:return}k(M,L)}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&&(w(v),b())},[v,v,b]),n.useEffect(()=>{r.current&&ae(r.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&&r.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:r,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:D,type:"secondary",children:c("select")})]})}function Re({value:t="",id:l=void 0,placeholder:s="",title:c="",disabled:r=!1,error:i=!1,clear:u=!1,onChange:a}){let[o,x]=W.useWritableProp(t);const[f,d]=n.useState(!1),m=l||T.uid();function p(){if(r)return!1;d(!0)}function v(h){if(h.input)return;d(!1);const j=h.value;x(j),a&&a({value:j})}function w(h){h.stopPropagation(),x(""),a&&a({value:""})}return e.jsxs("div",{className:"wx-mmT8WH wx-colorpicker",onClick:p,children:[e.jsx("input",{className:"wx-mmT8WH wx-input"+(i?" wx-error":"")+(f?" wx-focus":""),title:c,value:o,readOnly:!0,id:m,placeholder:s,disabled:r}),e.jsx("div",{className:"wx-mmT8WH wx-color",style:{background:o}}),u&&!r&&o&&e.jsx("i",{className:"wx-mmT8WH wxi-close",onClick:w}),f&&e.jsx(J,{onCancel:()=>d(!1),children:e.jsx(we,{value:o,button:"true",onChange:v})})]})}function Pe(){let t=null,l=!1,s,c,r,i;const u=(m,p,v,w)=>{s=m,c=p,r=v,i=w},a=m=>{t=m,l=t!==null,r(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&&(a(v),s?o(v,p):requestAnimationFrame(()=>o(v,p)))};return{move:m=>{const p=T.locateID(m),v=c.findIndex(w=>w.id==p);v!==t&&a(v)},keydown:(m,p)=>{switch(m.code){case"Enter":l?i():a(0);break;case"Space":l||a(0);break;case"Escape":r(t=null);break;case"Tab":r(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 r=n.useRef(),i=n.useRef(Pe()),[u,a]=n.useState(null),o=n.useRef(u),x=(n.useContext(A)||Y()).getGroup("core"),f=d=>{d&&d.stopPropagation(),s&&s({id:t[o.current]?.id})};return n.useEffect(()=>{i.current.init(r.current,t,d=>{a(d),o.current=d},f)},[t,!!r.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:r,onClick:f,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?W.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:r=null,textField:i="label",placeholder:u="",title:a="",disabled:o=!1,error:x=!1,clear:f=!1,children:d,onChange:m}){const p=n.useRef(null),v=n.useRef(null),[w,h]=W.useWritableProp(t),[j,k]=n.useState(!1),[R,b]=n.useState(""),y=n.useRef(null),[D,P]=n.useState(!1),g=n.useMemo(()=>{if(j)return R;if(w||w===0){const F=(r||c).find(I=>I.id===w);if(F)return F[i]}return""},[j,R,w,r,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===w),[N,w]),V=n.useCallback(F=>{p.current=F.navigate,v.current=F.keydown},[]),$=n.useCallback((F,I)=>{if(F||F===0){let S=c.find(H=>H.id===F);if(k(!1),I&&p.current(null),S&&w!==S.id){const H=S.id;h(H),l&&l(H),m&&m({value:H})}}!D&&I&&y.current.focus()},[c,w,D,l,m]),E=n.useCallback(({id:F})=>{$(F,!0)},[$]),M=n.useCallback(F=>{F&&F.stopPropagation(),h(""),k(!1),l&&l(""),m&&m({value:""})},[l,m]),L=n.useCallback(F=>{if(!c.length)return;if(F===""&&f){M();return}let I=c.find(H=>H[i]===F);I||(I=c.find(H=>H[i].toLowerCase().includes(F.toLowerCase())));const S=I?I.id:w||c[0].id;$(S,!1)},[c,i,f,w,$,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(()=>{D||L(g)},200)},[D,L,g]);return e.jsxs("div",{className:"wx-1j11Jk wx-combo",onClick:()=>p.current(C()),onKeyDown:F=>v.current(F,C()),title:a,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}),f&&!o&&w?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:E,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:r=!1,type:i="text",placeholder:u="",disabled:a=!1,error:o=!1,inputStyle:x={},title:f="",css:d="",icon:m,clear:p=!1,onChange:v}){const[w,h]=W.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(),r&&j.current&&j.current.select()},1);return()=>clearTimeout(g)},[c,r]);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 D(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":""} ${a?"wx-disabled":""} ${p?"wx-clear":""}`,children:[e.jsx("input",{className:"wx-hQ64J4 wx-input",ref:j,id:l,readOnly:s,disabled:a,placeholder:u,type:P,style:x,title:f,value:w,onInput:b}),p&&!a&&w?e.jsxs(e.Fragment,{children:[e.jsx("i",{className:"wx-hQ64J4 wx-icon wxi-close",onClick:D}),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:r,formats:i}=n.useContext(A).getRaw(),u=t.getFullYear(),a=n.useMemo(()=>{switch(l){case"month":return T.dateToString(i.monthYearFormat,r)(t);case"year":return T.dateToString(i.yearFormat,r)(t);case"duodecade":{const{start:x,end:f}=T.getDuodecade(u),d=T.dateToString(i.yearFormat,r);return`${d(new Date(x,0,1))} - ${d(new Date(f,11,31))}`}default:return""}},[t,l,u,r,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:a}),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 fe({value:t,current:l,part:s="",markers:c=null,onCancel:r,onChange:i}){const u=(n.useContext(A)||Y()).getRaw().calendar,a=(u.weekStart||7)%7,o=u.dayShort.slice(a).concat(u.dayShort.slice(0,a)),x=(b,y,D)=>new Date(b.getFullYear(),b.getMonth()+(y||0),b.getDate()+(D||0));let f=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()-(a-7))%7),b}function p(){const b=x(l,1,-l.getDate());return b.setDate(b.getDate()+(6-b.getDay()+a)%7),b}const v=n.useRef(0);function w(b,y){y.timeStamp!==v.current&&(v.current=y.timeStamp,y.stopPropagation(),i&&i(new Date(new Date(b))),r&&r())}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(),D=l.getMonth();let P=[];for(let g=b;g<=y;g.setDate(g.getDate()+1)){const N={day:g.getDate(),in:g.getMonth()===D,date:g.valueOf()};let C="";if(C+=N.in?"":" wx-inactive",C+=h.indexOf(N.date)>-1?" wx-selected":"",f){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,f,c]),k=n.useRef(null);let R=n.useRef({});return R.current.click=w,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:r,onShift:i}){const[u,a]=W.useWritableProp(t||new Date),[o,x]=W.useWritableProp(l||new Date),f=n.useContext(A).getRaw().calendar,d=f.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"&&a(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()),r&&r(h)},[u,o,s,r]),w=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:w,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:f.done})})]})}const X="wx-1XEF33",Fe=({value:t,current:l,onCancel:s,onChange:c,onShift:r,part:i})=>{const u=n.useContext(A).getRaw().calendar,[a,o]=W.useWritableProp(l),[x,f]=W.useWritableProp(t),d=n.useMemo(()=>a.getFullYear(),[a]),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(a);R.setFullYear(j),o(R),r&&r({current:R})}i==="normal"&&f(new Date(a)),s&&s()}function w(){const j=new Date(me(x,i)||a);j.setFullYear(a.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:w,children:u.done})})]})},ue={month:{component:fe,next:Le,prev:Ee},year:{component:$e,next:We,prev:He},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 He(t){return t=new Date(t),t.setFullYear(t.getFullYear()-1),t}function We(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:r}=t;l==="left"?s=c:l=="right"?s=r:s=c&&r}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:r=null,buttons:i,onShift:u,onChange:a}){const o=n.useContext(A).getGroup("calendar"),[x,f]=n.useState("month"),d=Array.isArray(i)?i:i?Ae:[],m=(j,k)=>{j.preventDefault(),a&&a({value:k})},p=()=>{x==="duodecade"?f("year"):x==="year"&&f("month")},v=j=>{const{diff:k,current:R}=j;if(k===0){x==="month"?f("year"):x==="year"&&f("duodecade");return}if(k){const b=ue[x];s(k>0?b.next(l):b.prev(l))}else R&&s(R);u&&u()},w=j=>{f("month"),a&&a({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:r,onCancel:p,onChange:w,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,r=n.useContext(A);const i=n.useMemo(()=>{let u=r;return(!u||!u.extend)&&(u=T.locale(se.en)),u=u.extend(l,s),u},[l,s,r]);return e.jsx(A.Provider,{value:i,children:c})}function ie(t,l,s,c){if(!t||c){const r=l?new Date(l):new Date;r.setDate(1),s(r)}else if(t.getDate()!==1){const r=new Date(t);r.setDate(1),s(r)}}const Ye=["clear","today"];function pe({value:t,current:l,markers:s=null,buttons:c=Ye,onChange:r}){const[i,u]=W.useWritableProp(t),[a,o]=W.useWritableProp(l);n.useEffect(()=>{ie(a,i,o,!1)},[i,a]);const x=n.useCallback(d=>{const m=d.value;m?(u(new Date(m)),ie(a,new Date(m),o,!0)):u(null),r&&r({value:m?new Date(m):null})},[r,a]),f=n.useCallback(d=>{o(d)},[o]);return a?e.jsx(z,{children:e.jsx(U,{value:i,current:a,markers:s,buttons:c,onChange:x,onCurrentChange:f})}):null}const Je=["clear","today"];function Ge({value:t,id:l=T.uid(),disabled:s=!1,error:c=!1,width:r="unset",align:i="start",placeholder:u="",format:a="",buttons:o=Je,css:x="",title:f="",editable:d=!1,clear:m=!1,onChange:p}){const{calendar:v,formats:w}=(n.useContext(A)||Y()).getRaw(),h=a||w?.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 D(){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(D,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=D;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:f,value:g,id:l,readonly:!d,disabled:s,error:c,placeholder:u,onInput:D,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:D,width:r,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:r=null,buttons:i=Qe,onChange:u})=>{const[a,o]=W.useWritableProp(t),[x,f]=W.useWritableProp(l),[d,m]=n.useState(),[p,v]=n.useState(),w=n.useCallback((y,D,P)=>{const g=new Date(y);return g.setMonth(g.getMonth()+D),P&&g.valueOf()===P.valueOf()?P:g},[]),h=n.useCallback(y=>{m(()=>{const D=new Date(y);return D.setDate(1),v(w(D,1)),D})},[w]),j=n.useCallback(y=>{v(()=>{const D=new Date(y);return D.setDate(1),m(w(D,-1)),D})},[w]);n.useEffect(()=>{const y=a;d||h(y?new Date(y):s||new Date)},[a,s,d,h]);const k=n.useCallback(y=>{const D=y.value;let P=a,g=x;const N=D===-1;return N||(y.select?!a||x?(o(P=D),f(g=null)):a>D?(f(g=a),o(P=D)):f(g=D):D?(o(P=new Date(D)),f(g=new Date(D))):(o(P=null),f(g=null))),(N||!i.includes("done"))&&u&&u({start:P,end:g}),[P,g]},[a,x,i,u]),R=n.useCallback(y=>{const[D]=k(y);D&&h(new Date(D))},[h,a,x]),b=n.useCallback(y=>{const[,D]=k(y);D&&j(new Date(D))},[j,a,x]);return!d||!p?null:c===1?e.jsx(z,{children:e.jsx(U,{value:{start:a,end:x},current:d,setCurrent:h,markers:r,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:a,end:x},current:d,setCurrent:h,markers:r,buttons:!1,part:"left",onChange:R,onCurrentChange:y=>h(y)})}),e.jsx("div",{className:"wx-p2jCaW wx-half",children:e.jsx(U,{value:{start:a,end:x},current:p,setCurrent:j,markers:r,buttons:i,part:"right",onChange:b,onCurrentChange:y=>j(y)})})]})})},_e=["clear","today"],qe=({value:t,onChange:l,id:s,disabled:c=!1,error:r=!1,width:i="unset",align:u="start",placeholder:a="",css:o="",title:x="",format:f="",months:d=2,buttons:m=_e,editable:p=!1,clear:v=!1})=>{const[w,h]=W.useWritableProp(t),{calendar:j,formats:k}=(n.useContext(A)||Y()).getRaw(),R=f||k?.dateFormat,b=typeof R=="function"?R:T.dateToString(R,j),[y,D]=n.useState(!1),P=n.useCallback(()=>{D(!1)},[]),g=n.useMemo(()=>w?w.start?b(w.start)+(w.end?` - ${b(w.end)}`:""):b(w):"",[w,b]),N=n.useMemo(()=>w&&w.start||null,[w]),C=n.useMemo(()=>w&&w.end||null,[w]),V=n.useCallback(E=>{const M=E.start||E.end?{start:E.start,end:E.end}:null;h&&h(M),(E.start&&E.end||!E.start&&!E.end)&&(l&&l({value:M}),setTimeout(P,1))},[l,P,h]),$=n.useCallback(E=>{if(!p&&!v)return;const{value:M,input:L}=E;if(L)return;const[B,O]=M.split(" -").map((G,F)=>{const I=G.trim();let S=typeof p=="function"?p(I):I?new Date(I):null,H=F===0?N:C;return isNaN(S)?H||null:S||null});V({start:B,end:O})},[p,v,N,C,V]);return n.useEffect(()=>{const E=()=>{P()};return window.addEventListener("scroll",E),()=>{window.removeEventListener("scroll",E)}},[P]),e.jsxs("div",{className:`wx-1b0WDQ wx-daterangepicker ${c?"wx-disabled":""} ${r?"wx-error":""}`,onClick:()=>D(!0),children:[e.jsx(Z,{css:o,title:x,value:g,id:s,readonly:!p,disabled:c,placeholder:a,error:r,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:r=null,textField:i="label",placeholder:u="",title:a="",disabled:o=!1,error:x=!1,checkboxes:f=!1,onChange:d,children:m}){const p=n.useRef(null),v=n.useRef(null),[w,h]=W.useWritableProp(l),[j,k]=n.useState(""),[R,b]=n.useState(!1),y=n.useRef(null),D=n.useMemo(()=>w?(r||c).filter(M=>w.includes(M.id)):[],[w,r,c]),P=n.useMemo(()=>{const M=c;return j?M.filter(L=>L[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:L}=M;if(L){let B;w?w.includes(L)?B=w.filter(O=>O!==L):B=[...w,L]:B=[L],h(B),s&&s(B),d&&d({value:B})}},[w,s,d]),V=n.useCallback((M,L)=>{L&&L.stopPropagation();const B=w.filter(O=>O!==M);h(B),s&&s(B),d&&d({value:B}),b(!0)},[w,s,d]),$=n.useCallback(()=>w&&w.length?P.findIndex(M=>M.id===w[0]):0,[w,P]),E=n.useCallback(()=>{o||(y.current.focus(),p.current($()))},[o,$]);return e.jsxs("div",{title:a,className:`wx-12Wj21 wx-multicombo ${x?"wx-error":""} ${o?"wx-disabled":""} ${D.length?"wx-not-empty":""} ${R&&!o?"wx-focus":""}`,onClick:E,onKeyDown:M=>v.current(M,$()),children:[e.jsxs("div",{className:"wx-12Wj21 wx-wrapper",children:[e.jsx("div",{className:"wx-12Wj21 wx-tags",children:D.map(M=>e.jsxs("div",{className:"wx-12Wj21 wx-tag",children:[m?W.snippet(m,{option:M}):M[i],!o&&e.jsx("i",{className:"wx-12Wj21 wx-icon wxi-close",onClick:L=>V(M.id,L)})]},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:[f&&e.jsx(ne,{style:{marginRight:"8px",pointerEvents:"none"},name:M.id,value:w&&w.includes(M.id)}),m?W.snippet(m,{option:M}):M[i]]})})]})}function Ze({left:t=0,top:l=0,at:s="bottom",parent:c=null,onCancel:r,children:i}){const[u,a]=n.useState(0),[o,x]=n.useState(0),[f,d]=n.useState("auto"),[m,p]=n.useState(!1),v=n.useRef(null),w=n.useCallback(()=>{if(!v.current)return;const h=T.calculatePosition(v.current,c,s,t,l);h&&(a(h.x),x(h.y),d(h.width),p(!0))},[v,c,s,t,l]);return n.useEffect(()=>{requestAnimationFrame(w)},[]),n.useEffect(()=>{w(c)},[c,s,t,l]),n.useEffect(()=>{const h=j=>{r&&r(j)};if(v.current)return T.clickOutside(v.current,h).destroy},[r]),e.jsx("div",{ref:v,className:"wx-37M6Fj wx-popup",style:{position:"absolute",visibility:m?"visible":"hidden",top:o+"px",left:u+"px",width:f},children:i})}const Xe=({total:t=0,pageSize:l=20,value:s=1,onChange:c})=>{const[r,i]=W.useWritableProp(l),[u,a]=W.useWritableProp(s),o=(n.useContext(A)||Y()).getGroup("core"),x=Math.ceil(t/r),f=(u-1)*r,d=Math.min(u*r,t),m=(w,h)=>{Number.isNaN(w)||(h||a(w),w=Math.max(1,Math.min(w,x)),h&&a(w),w!==u&&setTimeout(()=>{c&&c({value:w,from:(w-1)*r,to:Math.min(w*r,t),pageSize:r})}))};function p(w){switch(w){case"first":m(1);break;case"prev":m(u-1);break;case"next":m(u+1);break;case"last":m(x);break}}const v=w=>{const h=w.target.value*1;Number.isNaN(h)||(i(h),c&&c({value:u,from:f,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:r,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:w=>m(w.target.value*1),onBlur:w=>m(w.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:r="",disabled:i=!1,onChange:u}){const[a,o]=n.useState(!1),x=s!==void 0,f=x?s:a;function d(m){const p=m.target.checked;x||o(p),p&&u&&u({value:!0,inputValue:r})}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:r,checked:f,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 r=T.uid(),[i,u]=n.useState(l);n.useEffect(()=>{u(l)},[l]);function a(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:r,onChange:a})},o.id))})}function tt({value:t="",options:l=[],textOptions:s=null,placeholder:c="",disabled:r=!1,error:i=!1,title:u="",textField:a="label",clear:o=!1,children:x,onChange:f}){const d=n.useRef(null),m=n.useRef(null);let[p,v]=W.useWritableProp(t);function w(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),f&&f({value:b}))},[v,f]),k=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":""} ${r?"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[a]:c?e.jsx("span",{className:"wx-2YgblL wx-placeholder",children:c}):" "}),o&&!r&&p?e.jsx("i",{className:"wx-2YgblL wx-icon wxi-close",onClick:k}):e.jsx("i",{className:"wx-2YgblL wx-icon wxi-angle-down"}),!r&&e.jsx(K,{items:l,onReady:w,onSelect:j,children:({option:b})=>x?x(b):b[a]})]})}const st=({options:t=[],value:l="",css:s="",children:c,onChange:r})=>{const[i,u]=n.useState(l),a=o=>{u(o),r&&r({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||o.label,onClick:()=>a(o.id),children:c?W.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:r=!1,error:i=!1,textField:u="label",clear:a=!1,id:o=T.uid(),onChange:x}){const[f,d]=n.useState(t||""),m=n.useCallback(v=>{const w=v.target.value;d(w),x&&x({value:w})},[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:f,disabled:r,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))]}),a&&!r&&f?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:r=100,value:i=0,step:u=1,title:a="",disabled:o=!1,onChange:x}){const[f,d]=n.useState(i),[m,p]=n.useState(f),v=n.useMemo(()=>(f-c)/(r-c)*100+"%",[f,c,r]),w=n.useMemo(()=>o?"":`linear-gradient(90deg, var(--wx-slider-primary) 0% ${v}, var(--wx-slider-background) ${v} 100%)`,[o,v]);function h({target:k}){const R=k.value||0;d(R),m!==R&&(x&&x({value:R,previous:m,input:!0}),p(R))}function j({target:k}){const R=k.value*1;d(R),x&&x({value:R})}return n.useEffect(()=>{d(i)},[i]),e.jsxs("div",{className:`wx-2EDJ8G wx-slider ${s}`,title:a,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:r,step:u,disabled:o,value:f,onInput:h,onChange:j,style:{background:w}})})]})}function lt({id:t=T.uid(),value:l=!1,disabled:s=!1,onChange:c}){const[r,i]=n.useState(l),u=n.useCallback(a=>{const o=a.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:r,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:r})=>{const[i,u]=W.useWritableProp(l),a=o=>{u(o),r&&r({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":""}`,onClick:()=>a(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:r=1/0,error:i=!1,disabled:u=!1,readonly:a=!1,onChange:o})=>{const[x,f]=n.useState(l),d=n.useCallback(()=>{if(a||x<=c)return;const w=x-s;f(w),o&&o({value:w})},[x,a,c,s,o]),m=n.useCallback(()=>{if(a||x>=r)return;const w=x+s;f(w),o&&o({value:w})},[x,a,r,s,o]),p=n.useCallback(()=>{if(!a){const w=Math.round(Math.min(r,Math.max(x,c))/s)*s,h=isNaN(w)?Math.max(c,0):w;f(h),o&&o({value:h})}},[a,x,r,c,s,o]),v=n.useCallback(w=>{const h=w.target.value*1;f(h),o&&o({value:h,input:!0})},[o]);return e.jsxs("div",{className:`wx-22t21n wx-counter ${u?"wx-disabled":""} ${a?"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:a,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:r,onConfirm:i,onCancel:u}){const a=(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({ev:d});break}case"Escape":u&&u({ev:d});break}}function f(d,m){const p={ev: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}),r||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=>f(m,d),children:a(d)})},d))})]})})}function ut({children:t},l){const[s,c]=n.useState(null),[r,i]=n.useState([]);return n.useImperativeHandle(l,()=>({showModal:u=>{const a={...u};return c(a),new Promise((o,x)=>{a.resolve=f=>{c(null),o(f)},a.reject=f=>{c(null),x(f)}})},showNotice:u=>{u={...u},u.id=u.id||T.uid(),u.remove=()=>i(a=>a.filter(o=>o.id!==u.id)),u.expire!=-1&&setTimeout(u.remove,u.expire||5100),i(a=>[...a,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:r})]})}const it=n.forwardRef(ut);function xt(t){let{children:l}=t,s=n.useRef();const c=n.useMemo(()=>({showNotice:r=>s.current.showNotice(r),showModal:r=>s.current.showModal(r)}),[]);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:r="",required:i=!1,children:u}){const a=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:a,children:t}),e.jsx("div",{className:`wx-2oVUvC wx-field-control wx-${r}`,children:W.snippet(u,{id:a})})]})}const be=({value:t=!1,type:l="",icon:s=null,disabled:c=null,iconActive:r=null,onClick:i,title:u="",css:a="",text:o="",textActive:x="",children:f,active:d,onChange:m})=>{const[p,v]=W.useWritableProp(t),w=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:a,type:w,icon:p&&r||s,onClick:h,disabled:c,children:W.snippet(d,{value:p})}):f?e.jsx(_,{title:u,text:p&&x||o,css:a,type:w,icon:p&&r||s,onClick:h,disabled:c,children:f}):e.jsx(_,{title:u,text:p&&x||o,css:a,type:w,icon:p&&r||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:r=!1,error:i=!1,format:u="",onChange:a}){let[o,x]=W.useWritableProp(t);const{calendar:f,formats:d}=(n.useContext(A)||Y()).getRaw(),m=f.clockFormat==12,p=23,v=59,w=n.useMemo(()=>{const S=u||d?.timeFormat;return typeof S=="function"?S:T.dateToString(S,f)},[u,d,f]),h=n.useMemo(()=>w(new Date(0,0,0,1)).indexOf("01")!=-1,[w]),j=(S,H)=>(S<10&&H?`0${S}`:`${S}`).slice(-2),k=S=>j(S,!0),R=S=>`${S}`.replace(/[^\d]/g,"")||0,b=S=>m&&(S=S%12,S===0)?"12":j(S,h),y=n.useCallback((S,H)=>(S=R(S),Math.min(S,H)),[]),[D,P]=n.useState(null),g=o||xe,N=y(g.getHours(),p),C=y(g.getMinutes(),v),V=N>12,$=b(N),E=k(C),M=n.useMemo(()=>w(new Date(0,0,0,N,C)),[N,C,w]),L=n.useCallback(()=>{P(!0)},[]),B=n.useCallback(()=>{const S=new Date(g);S.setHours(S.getHours()+(V?-12:12)),x(S),a&&a({value:S})},[g,V,a]),O=n.useCallback(({value:S})=>{if(g.getHours()===S)return;const H=new Date(g);H.setHours(S),x(H),a&&a({value:H})},[g,a]),G=n.useCallback(({value:S})=>{if(g.getMinutes()===S)return;const H=new Date(g);H.setMinutes(S),x(H),a&&a({value:H})},[g,a]),F=n.useCallback(S=>(S=y(S,p),m&&(S=S*1,S===12&&(S=0),V&&(S+=12)),S),[y,m,V]),I=n.useCallback(()=>{P(null)},[]);return e.jsxs("div",{className:`wx-7f497i wx-timepicker ${i?"wx-7f497i wx-error":""} ${r?"wx-7f497i wx-disabled":""}`,onClick:r?void 0:L,style:{cursor:r?"default":"pointer"},children:[e.jsx(Z,{id:l,css:c,title:s,value:M,readonly:!0,disabled:r,error:i,icon:"wxi-clock",inputStyle:{cursor:"pointer",width:"100%",paddingRight:"calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)"}}),D&&!r&&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:S=>{const H=F(S.target.value);O({value:H})}}),e.jsx("div",{className:"wx-7f497i wx-separator",children:":"}),e.jsx("input",{className:"wx-7f497i wx-digit",value:E,onChange:S=>{const H=y(S.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:f.hours,value:N,onChange:O,max:p})}),e.jsx(te,{width:"unset",children:e.jsx(ee,{label:f.minutes,value:C,onChange:G,max:v})})]})})]})}function wt({children:t}){return e.jsx("div",{className:"wx-KgpO9N wx-modal",children:e.jsx("div",{className:"wx-KgpO9N wx-window",children:t})})}function ft({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),r=n.useRef(null),[i,u]=n.useState(null);c.current||(c.current=document.createElement("div"));const a=n.useContext(q);return n.useEffect(()=>{u(l||pt(r.current)||document.body)},[r.current]),e.jsxs(e.Fragment,{children:[e.jsx("span",{ref:r,style:{display:"none"}}),r.current&&i?ge.createPortal(e.jsx("div",{className:`wx-3ZWsT0 wx-${t||a}-theme`,children:s}),i):null]})}function pt(t){for(;t&&t!==document.body&&!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=we;exports.ColorPicker=Re;exports.ColorSelect=Se;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=wt;exports.Month=fe;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=ft;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;

package/dist/index.css

@@ -0,0 +1 @@
+.wx-textarea.wx-3yFVAC{display:block;resize:vertical;width:var(--wx-input-width);max-width:100%;padding:var(--wx-input-padding);outline:none;min-height:100px;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);background:var(--wx-input-background)}.wx-textarea.wx-3yFVAC:focus{border:var(--wx-input-border-focus)}.wx-textarea.wx-3yFVAC::placeholder{color:var(--wx-input-placeholder-color)}.wx-textarea[disabled].wx-3yFVAC{cursor:not-allowed;border:var(--wx-input-border-disabled);color:var(--wx-color-font-disabled);background:var(--wx-input-background-disabled);resize:none}.wx-textarea[disabled].wx-3yFVAC::placeholder{color:var(--wx-color-font-disabled)}.wx-textarea.wx-error.wx-3yFVAC{border-color:var(--wx-color-danger);color:var(--wx-color-danger)}.wx-button.wx-2ZWgb4{display:inline-block;vertical-align:top;text-decoration:none;text-align:center;letter-spacing:normal;text-transform:var(--wx-button-text-transform);font-family:var(--wx-button-font-family);font-size:var(--wx-button-font-size);line-height:var(--wx-button-line-height);font-weight:var(--wx-button-font-weight);padding:var(--wx-button-padding);border:var(--wx-button-border);border-radius:var(--wx-button-border-radius);background-color:var(--wx-button-background);color:var(--wx-button-font-color);cursor:pointer;box-shadow:none;transition:none;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;min-width:var(--wx-button-width)}.wx-button.wx-2ZWgb4:hover{background-image:linear-gradient(#0000001a 0% 100%)}.wx-button.wx-2ZWgb4,.wx-button.wx-2ZWgb4:focus,.wx-button.wx-2ZWgb4:active{outline:none}.wx-button[disabled].wx-2ZWgb4{cursor:not-allowed;background:var(--wx-color-disabled);border-color:transparent;color:var(--wx-color-font-disabled)}.wx-block.wx-2ZWgb4{display:block;width:100%}.wx-square.wx-2ZWgb4{border-radius:0}i.wx-2ZWgb4{position:relative;display:inline-block;vertical-align:top;font-size:var(--wx-button-icon-size);line-height:1;height:var(--wx-button-line-height);margin-right:2px;opacity:.7}i.wx-2ZWgb4:before{display:block;position:relative;top:50%;transform:translateY(-50%)}.wx-icon.wx-2ZWgb4{padding-left:var(--wx-button-icon-indent);padding-right:var(--wx-button-icon-indent);min-width:auto}.wx-icon.wx-2ZWgb4 i.wx-2ZWgb4{margin:0;opacity:1}.wx-primary.wx-2ZWgb4{background-color:var(--wx-color-primary);color:var(--wx-color-primary-font)}.wx-2ZWgb4.wx-pressed,.wx-2ZWgb4.wx-pressed:hover,.wx-2ZWgb4.wx-pressed:active,.wx-2ZWgb4.wx-pressed[disabled]{background-color:var(--wx-button-pressed);box-shadow:var(--wx-button-box-shadow)}.wx-2ZWgb4.wx-primary.wx-pressed:not(:global([disabled])),.wx-2ZWgb4.wx-primary.wx-pressed:hover:not(:global([disabled])),.wx-2ZWgb4.wx-primary.wx-pressed:active:not(:global([disabled])){background-color:var(--wx-button-primary-pressed);box-shadow:var(--wx-button-primary-box-shadow)}.wx-2ZWgb4.wx-danger.wx-pressed:not(:global([disabled])),.wx-2ZWgb4.wx-danger.wx-pressed:hover:not(:global([disabled])),.wx-2ZWgb4.wx-danger.wx-pressed:active:not(:global([disabled])){background-color:var(--wx-button-danger-pressed);box-shadow:var(--wx-button-primary-box-shadow)}.wx-secondary.wx-2ZWgb4{background:var(--wx-color-secondary);color:var(--wx-color-secondary-font);border-color:var(--wx-color-secondary-border)}.wx-secondary.wx-2ZWgb4:hover:not([disabled]){background:var(--wx-color-secondary-hover)}.wx-secondary.wx-pressed:not([disabled]).wx-2ZWgb4,.wx-secondary.wx-pressed:hover:not([disabled]).wx-2ZWgb4,.wx-secondary.wx-pressed:active:not([disabled]).wx-2ZWgb4{background:var(--wx-color-secondary-hover);box-shadow:var(--wx-button-primary-box-shadow)}.wx-secondary[disabled].wx-2ZWgb4{border-color:var(--wx-color-secondary-border-disabled)}.wx-danger.wx-2ZWgb4{background-color:var(--wx-color-danger);color:var(--wx-button-danger-font-color)}.wx-link.wx-2ZWgb4{color:var(--wx-color-link);padding:0;border:none;vertical-align:baseline}.wx-link.wx-2ZWgb4,.wx-link.wx-2ZWgb4:hover,.wx-link[disabled].wx-2ZWgb4{background:transparent}.wx-link[disabled].wx-2ZWgb4{color:var(--wx-color-font-disabled)}.wx-checkbox.wx-2IvefP{position:relative;display:inline-block;vertical-align:top;max-width:var(--wx-input-width)}.wx-check.wx-2IvefP{appearance:none;width:0;height:0;opacity:0;position:absolute;left:0;top:0;margin:0;padding:0}.wx-label.wx-2IvefP{display:flex;flex-wrap:nowrap;align-items:flex-start;font-family:var(--wx-checkbox-font-family);font-size:var(--wx-checkbox-font-size);line-height:var(--wx-checkbox-line-height);font-weight:var(--wx-checkbox-font-weight);color:var(--wx-checkbox-font-color);cursor:pointer}.wx-before.wx-2IvefP,.wx-after.wx-2IvefP{display:block}.wx-after.wx-2IvefP{margin-left:8px;padding-top:calc((var(--wx-checkbox-height) - var(--wx-checkbox-line-height)) / 2);padding-bottom:calc((var(--wx-checkbox-height) - var(--wx-checkbox-line-height)) / 2)}.wx-before.wx-2IvefP{position:relative;flex-shrink:0;padding-top:calc((var(--wx-checkbox-height) - var(--wx-checkbox-size)) / 2);padding-bottom:calc((var(--wx-checkbox-height) - var(--wx-checkbox-size)) / 2)}.wx-before.wx-2IvefP:before{content:"";display:block;width:var(--wx-checkbox-size);height:var(--wx-checkbox-size);border:var(--wx-checkbox-border-width) solid var(--wx-checkbox-border-color);border-radius:var(--wx-checkbox-border-radius);background:var(--wx-input-background)}.wx-before.wx-2IvefP:after{content:"";position:absolute;display:none;left:50%;top:50%;width:calc(var(--wx-checkbox-size) * .56);height:calc(var(--wx-checkbox-size) * .32);border-style:solid;border-color:var(--wx-color-primary-font);border-width:0 0 calc(var(--wx-checkbox-size) * .12) calc(var(--wx-checkbox-size) * .12);transform:rotate(-45deg);margin-left:calc(var(--wx-checkbox-size) * -.26);margin-top:calc(var(--wx-checkbox-size) * -.24)}.wx-check.wx-2IvefP:checked~.wx-label.wx-2IvefP .wx-before.wx-2IvefP:before{background:var(--wx-color-primary);border-color:transparent}.wx-check.wx-2IvefP:checked~.wx-label.wx-2IvefP .wx-before.wx-2IvefP:after{display:block}.wx-check.wx-2IvefP[disabled]~.wx-label.wx-2IvefP{color:var(--wx-checkbox-border-color-disabled);cursor:not-allowed}.wx-check.wx-2IvefP[disabled]:not(:checked)~.wx-label.wx-2IvefP .wx-before.wx-2IvefP:before{border-color:var(--wx-checkbox-border-color-disabled)}.wx-check.wx-2IvefP[disabled]:checked~.wx-label.wx-2IvefP .wx-before.wx-2IvefP:before{background:var(--wx-checkbox-border-color-disabled)}.wx-check.wx-2IvefP[disabled]~.wx-label.wx-2IvefP .wx-before.wx-2IvefP:after{border-color:var(--wx-input-background)}.wx-checkboxgroup.wx-q8xwRD{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;margin-top:calc(var(--wx-field-gutter) * -1)}.wx-item.wx-q8xwRD{flex:0 0 100%;max-width:100%;margin-top:var(--wx-field-gutter)}.wx-checkboxgroup.wx-inline.wx-q8xwRD .wx-item.wx-q8xwRD{flex:none;padding-right:var(--wx-field-gutter)}.wx-checkboxgroup.wx-grid.wx-q8xwRD .wx-item.wx-q8xwRD{flex:0 0 50%;max-width:50%;padding-right:var(--wx-field-gutter)}.wx-dropdown.wx-32GZ52{position:absolute;z-index:5;background:var(--wx-popup-background);box-shadow:var(--wx-popup-shadow);border:var(--wx-popup-border);border-radius:var(--wx-popup-border-radius);overflow:hidden}.wx-top-center.wx-32GZ52{top:0;left:50%;transform:translate(-50%,-100%) translateY(-2px)}.wx-top-start.wx-32GZ52{top:0;left:0;transform:translateY(-100%) translateY(-2px)}.wx-top-end.wx-32GZ52{top:0;right:0;transform:translateY(-100%) translateY(-2px)}.wx-bottom-center.wx-32GZ52{bottom:0;left:50%;transform:translate(-50%,100%) translateY(2px)}.wx-bottom-start.wx-32GZ52{bottom:0;left:0;transform:translateY(100%) translateY(2px)}.wx-bottom-end.wx-32GZ52{bottom:0;right:0;transform:translateY(100%) translateY(2px)}.wx-left-center.wx-32GZ52{bottom:50%;left:0;transform:translate(-100%,50%) translate(-2px)}.wx-left-start.wx-32GZ52{top:0;left:0;transform:translate(-100%) translate(-2px)}.wx-left-end.wx-32GZ52{bottom:0;left:0;transform:translate(-100%) translate(-2px)}.wx-right-center.wx-32GZ52{bottom:50%;right:0;transform:translate(100%,50%) translate(2px)}.wx-right-start.wx-32GZ52{top:0;right:0;transform:translate(100%) translate(2px)}.wx-right-end.wx-32GZ52{bottom:0;right:0;transform:translate(100%) translate(2px)}.wx-colorselect.wx-121TgJ{position:relative;width:var(--wx-input-width)}.wx-selected.wx-121TgJ{position:absolute;left:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%)}.wx-colors.wx-121TgJ{display:flex;flex-wrap:wrap;gap:8px;padding:8px}.wx-color.wx-121TgJ{width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);border-radius:var(--wx-input-border-radius);cursor:pointer}.wx-input.wx-121TgJ{display:block;width:100%;height:var(--wx-input-height);outline:none;background:var(--wx-input-background);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);padding-left:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);overflow:hidden;text-overflow:ellipsis}.wx-input.wx-121TgJ.wx-focus{border:var(--wx-input-border-focus)}.wx-input.wx-121TgJ::placeholder{color:var(--wx-input-placeholder-color)}.wx-input.wx-121TgJ[disabled]{cursor:not-allowed;border:var(--wx-input-border-disabled);color:var(--wx-color-font-disabled);background:var(--wx-input-background-disabled)}.wx-input.wx-121TgJ[disabled]::placeholder{color:var(--wx-color-font-disabled)}.wx-input.wx-121TgJ[disabled]~.wx-color,.wx-input.wx-121TgJ[disabled]~.wx-empty{cursor:not-allowed}.wx-input.wx-121TgJ.wx-error{border-color:var(--wx-color-danger);color:var(--wx-color-danger)}.wx-empty.wx-121TgJ{width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);background:linear-gradient(to top left,#0000 0% calc(50% - 1px),red 50%,#0000 calc(50% + 1px) 100%);cursor:pointer;-webkit-user-select:none;user-select:none}.wxi-close.wx-121TgJ{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;display:flex;justify-content:center;align-items:center;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);border-radius:var(--wx-input-border-radius);color:var(--wx-input-icon-color);cursor:pointer}.wxi-close.wx-121TgJ:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}.wx-colorboard.wx-1yoKzq{display:flex;flex-direction:column;gap:12px;padding:8px;width:100%}.wx-color-block.wx-1yoKzq{height:140px;width:100%;position:relative;box-shadow:0 1px 3px #0003}.wx-color-block.wx-1yoKzq:before,.wx-color-block.wx-1yoKzq:after{content:"";width:100%;height:100%;position:absolute}.wx-color-block.wx-1yoKzq:before{background-image:linear-gradient(0deg,#000,#fff0);z-index:2}.wx-color-block.wx-1yoKzq:after{background-image:linear-gradient(90deg,#fff,#cb998000);z-index:1}.wx-color-block-slider.wx-1yoKzq{height:16px;width:16px;margin:-8px 0 0 -8px}.wx-slider.wx-1yoKzq{border:2px solid white;border-radius:50%;position:absolute;z-index:3;box-shadow:0 1px 3px #0003}.wx-slider.wx-1yoKzq:focus,.wx-slider.wx-1yoKzq:hover{outline:none;box-shadow:0 1px 3px #0003,inset 0 0 4px #fff}.wx-color-line.wx-1yoKzq{width:100%;height:8px;background-image:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);position:relative;border-radius:6px}.wx-color-line-slider.wx-1yoKzq{height:14px;width:14px;margin:0 0 0 -7px;top:-4px}.wx-color-controls.wx-1yoKzq{display:flex;flex-wrap:wrap;justify-content:space-between}.wx-color.wx-1yoKzq,.wx-text.wx-1yoKzq{width:calc(50% - 4px)}.wx-color.wx-1yoKzq{height:32px}.wx-text.wx-1yoKzq{outline:none;background:var(--wx-input-background);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding)}.wx-text.wx-1yoKzq:focus{border:var(--wx-input-border-focus)}.wx-colorpicker.wx-mmT8WH{position:relative;width:var(--wx-input-width)}.wx-color.wx-mmT8WH{width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);border-radius:var(--wx-input-border-radius);cursor:pointer;position:absolute;left:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%)}.wx-input.wx-mmT8WH{display:block;width:100%;height:var(--wx-input-height);outline:none;background:var(--wx-input-background);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);padding-left:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);overflow:hidden;text-overflow:ellipsis}.wx-input.wx-focus.wx-mmT8WH{border:var(--wx-input-border-focus)}.wx-input.wx-mmT8WH::placeholder{color:var(--wx-input-placeholder-color)}.wx-input.wx-mmT8WH[disabled]{cursor:not-allowed;border:var(--wx-input-border-disabled);color:var(--wx-color-font-disabled);background:var(--wx-input-background-disabled)}.wx-input.wx-mmT8WH[disabled]::placeholder{color:var(--wx-color-font-disabled)}.wx-input.wx-mmT8WH[disabled]~.wx-color.wx-mmT8WH{cursor:not-allowed}.wx-input.wx-error.wx-mmT8WH{border-color:var(--wx-color-danger);color:var(--wx-color-danger)}.wxi-close.wx-mmT8WH{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;color:var(--wx-input-icon-color);cursor:pointer}.wxi-close.wx-mmT8WH:before{display:block}.wxi-close.wx-mmT8WH:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}.wx-list.wx-233fr7{max-height:250px;overflow-y:auto}.wx-item.wx-233fr7{display:flex;flex-wrap:nowrap;align-items:center;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);color:var(--wx-input-font-color);padding:var(--wx-input-padding);cursor:pointer}.wx-item.wx-focus.wx-233fr7{background:var(--wx-background-hover)}.wx-no-data.wx-233fr7{padding:var(--wx-input-padding)}.wx-combo.wx-1j11Jk{position:relative;width:var(--wx-input-width)}.wx-input.wx-1j11Jk{display:block;width:100%;height:var(--wx-input-height);outline:none;background:var(--wx-input-background);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);overflow:hidden;text-overflow:ellipsis;cursor:pointer}.wx-input.wx-1j11Jk:focus{border:var(--wx-input-border-focus)}.wx-input.wx-1j11Jk::placeholder{color:var(--wx-input-placeholder-color)}.wx-input.wx-1j11Jk[disabled]{cursor:not-allowed;border:var(--wx-input-border-disabled);color:var(--wx-color-font-disabled);background:var(--wx-input-background-disabled)}.wx-input.wx-1j11Jk[disabled]::placeholder{color:var(--wx-color-font-disabled)}.wx-input.wx-1j11Jk[disabled]~.wx-icon.wx-1j11Jk{color:var(--wx-color-font-disabled)}.wx-input.wx-error.wx-1j11Jk{border-color:var(--wx-color-danger);color:var(--wx-color-danger)}.wx-input.wx-error.wx-1j11Jk~.wx-icon.wx-1j11Jk{color:var(--wx-color-danger)}.wx-icon.wx-1j11Jk{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);display:flex;justify-content:center;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--wx-input-icon-color)}.wx-icon.wx-1j11Jk:before{display:block}.wx-icon.wxi-close.wx-1j11Jk{pointer-events:all;cursor:pointer}.wx-icon.wxi-close.wx-1j11Jk:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}.wx-text.wx-hQ64J4{position:relative;width:var(--wx-input-width)}.wx-text.wx-disabled.wx-hQ64J4 .wx-icon.wx-hQ64J4{color:var(--wx-color-font-disabled)}.wx-text.wx-error.wx-hQ64J4 .wx-icon.wx-hQ64J4{color:var(--wx-color-danger)}.wx-icon.wx-hQ64J4{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);display:flex;justify-content:center;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--wx-input-icon-color)}.wx-icon.wx-hQ64J4:before{display:block}.wx-icon-left.wx-hQ64J4 .wx-icon.wx-hQ64J4:not(.wxi-close){right:auto;left:var(--wx-input-icon-indent)}.wx-icon.wxi-close.wx-hQ64J4{pointer-events:all;cursor:pointer}.wx-icon.wxi-close.wx-hQ64J4:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}.wx-input.wx-hQ64J4{display:block;width:var(--wx-input-width);height:var(--wx-input-height);max-width:100%;padding:var(--wx-input-padding);outline:none;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);background:var(--wx-input-background);overflow:hidden;text-overflow:ellipsis}.wx-input.wx-hQ64J4:focus{border:var(--wx-input-border-focus)}.wx-input.wx-hQ64J4::placeholder{color:var(--wx-input-placeholder-color)}.wx-icon-left.wx-hQ64J4 .wx-input.wx-hQ64J4{padding-left:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)}.wx-icon-right.wx-hQ64J4 .wx-input.wx-hQ64J4,.wx-text.wx-clear.wx-hQ64J4 .wx-input.wx-hQ64J4{padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)}.wx-input.wx-hQ64J4[disabled]{cursor:not-allowed!important;border:var(--wx-input-border-disabled);color:var(--wx-color-font-disabled);background:var(--wx-input-background-disabled);pointer-events:none}.wx-input.wx-hQ64J4[disabled]::placeholder{color:var(--wx-color-font-disabled)}.wx-error.wx-hQ64J4 .wx-input.wx-hQ64J4{border-color:var(--wx-color-danger);color:var(--wx-color-danger)}.wx-header.wx-8HQVQV{display:flex;flex-wrap:nowrap;align-items:center;margin-bottom:calc(var(--wx-calendar-gap) * 2);font-size:var(--wx-calendar-header-font-size);line-height:var(--wx-calendar-header-line-height);font-weight:var(--wx-calendar-header-font-weight)}.wx-spacer.wx-8HQVQV,.wx-pager.wx-8HQVQV{width:var(--wx-calendar-cell-size);height:var(--wx-calendar-cell-size);flex-shrink:0}.wx-pager.wx-8HQVQV{cursor:pointer;border-radius:50%;line-height:1;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;color:var(--wx-calendar-icon-color);font-size:var(--wx-calendar-icon-size)}.wx-pager.wx-8HQVQV:before{display:block}.wx-pager.wx-8HQVQV:hover{background-color:var(--wx-background-hover)}.wx-label.wx-8HQVQV{flex:0 0 calc(100% - var(--wx-calendar-cell-size) * 2);max-width:calc(100% - var(--wx-calendar-cell-size) * 2);text-align:center;color:var(--wx-color-link);cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wx-button.wx-3s8W4d{display:inline-block;vertical-align:top;text-decoration:none;text-align:center;letter-spacing:normal;font-family:var(--wx-calendar-controls-font-family);font-size:var(--wx-calendar-controls-font-size);line-height:var(--wx-calendar-controls-line-height);font-weight:var(--wx-calendar-controls-font-weight);text-transform:none;padding:0;border:none;border-radius:0;background:transparent;color:var(--wx-calendar-controls-font-color);cursor:pointer;box-shadow:none;transition:none;max-width:100%;-webkit-user-select:none;user-select:none}.wx-button.wx-3s8W4d,.wx-button.wx-3s8W4d:focus,.wx-button.wx-3s8W4d:active{outline:none}.wx-button.wx-3s8W4d:active{opacity:.8}.wx-398RBS.wx-weekdays{display:flex;flex-wrap:nowrap;margin-bottom:calc(var(--wx-calendar-gap) * 1.5)}.wx-398RBS.wx-weekday{flex:0 0 calc(100% / 7);max-width:calc(100% / 7);font-size:var(--wx-font-size-sm);line-height:var(--wx-line-height-sm);color:var(--wx-color-font-alt);text-align:center}.wx-398RBS.wx-days{display:flex;flex-wrap:wrap}.wx-398RBS.wx-day{border-radius:var(--wx-calendar-border-radius);flex:0 0 calc(100% / 7);max-width:calc(100% / 7);height:calc(var(--wx-calendar-cell-size) - var(--wx-calendar-line-gap) * 2);margin:calc(var(--wx-calendar-line-gap) / 2) 0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;text-align:center}.wx-398RBS.wx-day:not(.wx-out):not(.wx-selected){cursor:pointer}.wx-398RBS.wx-day:not(.wx-out):not(.wx-selected):hover{background:var(--wx-background-hover)}.wx-398RBS.wx-day.wx-out{color:var(--wx-color-font-disabled)}.wx-398RBS.wx-day.wx-selected:not(.wx-out){background:var(--wx-color-primary);color:var(--wx-color-primary-font)}.wx-398RBS.wx-day.wx-selected.wx-left:not(.wx-out){border-radius:calc(var(--wx-calendar-border-radius)) 0 0 calc(var(--wx-calendar-border-radius))}.wx-398RBS.wx-day.wx-selected.wx-right:not(.wx-out){border-radius:0 calc(var(--wx-calendar-border-radius)) calc(var(--wx-calendar-border-radius)) 0}.wx-398RBS.wx-day.wx-inrange:not(.wx-out){border-radius:0;background:var(--wx-color-primary-selected)}.wx-398RBS.wx-day.wx-weekend:not(.wx-selected):not(.wx-out){color:var(--wx-color-primary)}.wx-398RBS.wx-day.wx-inactive{pointer-events:none}.wx-months.wx-34U8T8{display:flex;flex-wrap:wrap;margin:var(--wx-calendar-gap)}.wx-month.wx-34U8T8{flex:0 0 calc(100% / 4 - var(--wx-calendar-gap) * 2);max-width:calc(100% / 4 - var(--wx-calendar-gap) * 2);margin:calc(var(--wx-calendar-gap) * 2) var(--wx-calendar-gap);text-align:center;cursor:pointer;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;height:var(--wx-calendar-cell-size);border-radius:var(--wx-calendar-border-radius)}.wx-month.wx-current.wx-34U8T8{background:var(--wx-color-primary);color:var(--wx-color-primary-font)}.wx-month:not(.wx-current):hover{background-color:var(--wx-background-hover)}.wx-buttons.wx-34U8T8{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;margin-top:var(--wx-calendar-gap)}.wx-years.wx-1XEF33{display:flex;flex-wrap:wrap;margin:var(--wx-calendar-gap)}.wx-year.wx-1XEF33{flex:0 0 calc(100% / 4 - var(--wx-calendar-gap) * 2);max-width:calc(100% / 4 - var(--wx-calendar-gap) * 2);margin:calc(var(--wx-calendar-gap) * 2) var(--wx-calendar-gap);text-align:center;cursor:pointer;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;height:var(--wx-calendar-cell-size);border-radius:var(--wx-calendar-border-radius)}.wx-year.wx-current.wx-1XEF33{background:var(--wx-color-primary);color:var(--wx-color-primary-font)}.wx-year:not(.wx-current):hover.wx-1XEF33{background-color:var(--wx-background-hover)}.wx-prev-decade.wx-1XEF33,.wx-next-decade.wx-1XEF33{color:var(--wx-color-font-disabled)}.wx-buttons.wx-1XEF33{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;margin-top:var(--wx-calendar-gap)}.wx-calendar.wx-2Gr4AS{height:auto;width:100%;padding:var(--wx-calendar-padding);cursor:default;font-family:var(--wx-calendar-font-family);font-size:var(--wx-calendar-font-size);line-height:var(--wx-calendar-line-height);font-weight:var(--wx-calendar-font-weight);color:var(--wx-calendar-font-color)}.wx-calendar.wx-2Gr4AS.wx-part{padding-bottom:0}.wx-wrap.wx-2Gr4AS{width:calc(var(--wx-calendar-cell-size) * 7);margin:0 auto}.wx-buttons.wx-2Gr4AS{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;margin-top:calc(var(--wx-calendar-gap) * 2)}.wx-button-item.wx-2Gr4AS+.wx-button-item.wx-2Gr4AS{margin-left:calc(var(--wx-calendar-gap) * 3)}.wx-datepicker.wx-1lKOFG{position:relative;width:var(--wx-input-width)}.wx-rangecalendar.wx-p2jCaW{display:flex;padding-bottom:var(--wx-calendar-padding)}.wx-half.wx-p2jCaW{flex:1}.wx-daterangepicker.wx-1b0WDQ{position:relative;width:var(--wx-input-width)}.wx-icon.wx-mdnST1{color:var(--wx-color-font-alt);cursor:pointer;font-size:var(--wx-button-icon-size);padding:var(--wx-button-icon-indent);line-height:var(--wx-button-line-height);display:inline-block}.wx-icon.wx-mdnST1:hover{background-color:var(--wx-background-hover)}.wx-multicombo.wx-12Wj21{position:relative;width:var(--wx-input-width)}.wx-multicombo.wx-12Wj21.wx-focus .wx-wrapper.wx-12Wj21{border:var(--wx-input-border-focus)}.wx-multicombo.wx-12Wj21.wx-disabled .wx-wrapper.wx-12Wj21{border:var(--wx-input-border-disabled);background:var(--wx-input-background-disabled)}.wx-multicombo.wx-12Wj21.wx-disabled .wx-tag.wx-12Wj21{background:var(--wx-color-disabled);color:var(--wx-color-font-disabled)}.wx-multicombo.wx-12Wj21:not(.wx-disabled) .wx-tag.wx-12Wj21{padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)}.wx-multicombo.wx-12Wj21.wx-disabled .wx-input.wx-12Wj21{cursor:not-allowed;color:var(--wx-color-font-disabled)}.wx-multicombo.wx-12Wj21.wx-disabled .wx-icon.wxi-angle-down.wx-12Wj21{color:var(--wx-color-font-disabled)}.wx-multicombo.wx-12Wj21.wx-error .wx-wrapper.wx-12Wj21{border-color:var(--wx-color-danger)}.wx-multicombo.wx-12Wj21.wx-error .wx-input.wx-12Wj21,.wx-multicombo.wx-12Wj21.wx-error .wx-icon.wxi-angle-down.wx-12Wj21{color:var(--wx-color-danger)}.wx-multicombo.wx-12Wj21.wx-not-empty .wx-tags.wx-12Wj21{gap:var(--wx-multicombo-tag-gap);padding:var(--wx-multicombo-tag-gap)}.wx-multicombo.wx-12Wj21.wx-not-empty .wx-input.wx-12Wj21{border-top:var(--wx-input-border)}.wx-multicombo.wx-12Wj21.wx-not-empty.wx-focus .wx-input.wx-12Wj21{border-top:var(--wx-input-border-focus)}.wx-multicombo.wx-12Wj21.wx-not-empty.wx-disabled .wx-input.wx-12Wj21{border-top:var(--wx-input-border-disabled)}.wx-multicombo.wx-12Wj21.wx-not-empty.wx-error .wx-input.wx-12Wj21{border-top-color:var(--wx-color-danger)}.wx-wrapper.wx-12Wj21{border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);background:var(--wx-input-background)}.wx-tags.wx-12Wj21{display:flex;flex-wrap:wrap;align-items:flex-start;overflow:hidden}.wx-tag.wx-12Wj21{position:relative;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);border:var(--wx-multicombo-tag-border);border-radius:var(--wx-multicombo-tag-border-radius);background:var(--wx-multicombo-tag-background);padding:var(--wx-multicombo-tag-pading)}.wx-icon.wx-12Wj21{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;display:flex;justify-content:center;align-items:center;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--wx-input-icon-color)}.wx-icon.wx-12Wj21:before{display:block}.wxi-close.wx-12Wj21{pointer-events:all;cursor:pointer}.wxi-close.wx-12Wj21:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}.wx-select.wx-12Wj21{position:relative}.wx-input.wx-12Wj21{display:block;width:100%;height:var(--wx-input-height);outline:none;background:transparent;border:none;border-radius:0;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);overflow:hidden;text-overflow:ellipsis;cursor:pointer}.wx-popup.wx-37M6Fj{z-index:var(--wx-popup-z-index);background:var(--wx-popup-background);box-shadow:var(--wx-popup-shadow);border:var(--wx-popup-border);border-radius:var(--wx-popup-border-radius);overflow:hidden}.wx-pager.wx-35Np0p{display:flex;gap:var(--wx-padding);align-items:center;padding:var(--wx-padding)}.wx-input.wx-35Np0p{display:block;width:50px;height:var(--wx-input-height);padding:var(--wx-input-padding);outline:none;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);background:var(--wx-input-background)}.wx-input.wx-35Np0p:focus{border:var(--wx-input-border-focus)}.wx-input.wx-35Np0p::placeholder{color:var(--wx-input-placeholder-color)}.wx-icon.wx-35Np0p{cursor:pointer;padding:var(--wx-input-padding);border-radius:var(--wx-input-border-radius);font-size:var(--wx-icon-size);line-height:1;color:var(--wx-color-link)}.wx-icon.wx-35Np0p:before{display:block}.wx-icon.wx-35Np0p:hover{background-color:var(--wx-background-hover)}.wx-icon.wx-35Np0p.wx-disabled{cursor:default;pointer-events:none;color:var(--wx-color-font-disabled)}.wx-left.wx-35Np0p,.wx-center.wx-35Np0p,.wx-right.wx-35Np0p{display:flex;align-items:center;gap:var(--wx-padding)}.wx-radio.wx-3lDF1s{position:relative;display:inline-block;vertical-align:top;max-width:var(--wx-input-width)}.wx-input.wx-3lDF1s{appearance:none;width:0;height:0;opacity:0;position:absolute;left:0;top:0;margin:0;padding:0}.wx-label.wx-3lDF1s{display:flex;flex-wrap:nowrap;align-items:flex-start;font-family:var(--wx-checkbox-font-family);font-size:var(--wx-checkbox-font-size);line-height:var(--wx-checkbox-line-height);font-weight:var(--wx-checkbox-font-weight);color:var(--wx-checkbox-font-color);cursor:pointer}.wx-circle.wx-3lDF1s{display:block}.wx-radio-text.wx-3lDF1s{margin-left:8px;padding-top:calc((var(--wx-checkbox-height) - var(--wx-checkbox-line-height)) / 2);padding-bottom:calc((var(--wx-checkbox-height) - var(--wx-checkbox-line-height)) / 2)}.wx-circle.wx-3lDF1s{position:relative;flex-shrink:0;padding-top:calc((var(--wx-checkbox-height) - var(--wx-checkbox-size)) / 2);padding-bottom:calc((var(--wx-checkbox-height) - var(--wx-checkbox-size)) / 2)}.wx-circle.wx-3lDF1s:before{content:"";display:block;width:var(--wx-checkbox-size);height:var(--wx-checkbox-size);border:var(--wx-checkbox-border-width) solid var(--wx-checkbox-border-color);border-radius:50%;background:var(--wx-input-background)}.wx-circle.wx-3lDF1s:after{content:"";position:absolute;display:none;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--wx-checkbox-size) - var(--wx-checkbox-border-width) * 2);height:calc(var(--wx-checkbox-size) - var(--wx-checkbox-border-width) * 2);border-style:solid;border-color:var(--wx-input-background);border-width:calc(var(--wx-checkbox-size) * .2);border-radius:50%}.wx-input.wx-3lDF1s:checked~.wx-label.wx-3lDF1s .wx-circle.wx-3lDF1s:before{background:var(--wx-color-primary);border-color:transparent}.wx-input.wx-3lDF1s:checked~.wx-label.wx-3lDF1s .wx-circle.wx-3lDF1s:after{display:block}.wx-input.wx-3lDF1s[disabled]~.wx-label.wx-3lDF1s{color:var(--wx-checkbox-border-color-disabled);cursor:not-allowed}.wx-input.wx-3lDF1s[disabled]:not(:checked)~.wx-label.wx-3lDF1s .wx-circle.wx-3lDF1s:before{border-color:var(--wx-checkbox-border-color-disabled)}.wx-input.wx-3lDF1s[disabled]:checked~.wx-label.wx-3lDF1s .wx-circle.wx-3lDF1s:before{background:var(--wx-checkbox-border-color-disabled)}.wx-radiogroup.wx-38w70j{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;margin-top:calc(var(--wx-field-gutter) * -1)}.wx-item.wx-38w70j{flex:0 0 100%;max-width:100%;margin-top:var(--wx-field-gutter)}.wx-radiogroup.wx-inline.wx-38w70j .wx-item.wx-38w70j{flex:none;padding-right:var(--wx-field-gutter)}.wx-radiogroup.wx-grid.wx-38w70j .wx-item.wx-38w70j{flex:0 0 50%;max-width:50%;padding-right:var(--wx-field-gutter)}.wx-richselect.wx-2YgblL{position:relative;outline:none;width:var(--wx-input-width);min-height:var(--wx-input-height);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);background:var(--wx-input-background);cursor:pointer}.wx-richselect.wx-2YgblL:focus{border:var(--wx-input-border-focus)}.wx-richselect.wx-disabled.wx-2YgblL{cursor:not-allowed;border:var(--wx-input-border-disabled);background:var(--wx-input-background-disabled)}.wx-richselect.wx-disabled.wx-2YgblL .wx-label.wx-2YgblL,.wx-richselect.wx-disabled.wx-2YgblL .wx-icon.wx-2YgblL{color:var(--wx-color-font-disabled)}.wx-richselect.wx-error.wx-2YgblL{border-color:var(--wx-color-danger)}.wx-richselect.wx-error.wx-2YgblL .wx-label.wx-2YgblL,.wx-richselect.wx-error.wx-2YgblL .wx-icon.wx-2YgblL{color:var(--wx-color-danger)}.wx-label.wx-2YgblL{display:block;width:100%;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);overflow:hidden}.wx-placeholder.wx-2YgblL{color:var(--wx-input-placeholder-color)}.wx-icon.wx-2YgblL{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);display:flex;justify-content:center;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--wx-input-icon-color)}.wx-icon.wx-2YgblL:before{display:block}.wx-icon.wxi-close.wx-2YgblL{pointer-events:all}.wx-icon.wxi-close.wx-2YgblL:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}.wx-nowrap.wx-2YgblL .wx-label.wx-2YgblL{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wx-segmented.wx-0hMO7P{display:inline-flex;flex-wrap:nowrap;background:var(--wx-segmented-background);border:var(--wx-segmented-border);border-radius:var(--wx-segmented-border-radius);padding:var(--wx-segmented-padding);max-width:100%}.wx-segment.wx-0hMO7P{display:flex;text-decoration:none;flex-wrap:nowrap;align-items:center;text-align:center;letter-spacing:normal;text-transform:var(--wx-button-text-transform);font-family:var(--wx-button-font-family);font-size:var(--wx-button-font-size);line-height:var(--wx-button-line-height);font-weight:var(--wx-button-font-weight);padding:var(--wx-button-padding);border:var(--wx-button-border);border-radius:var(--wx-segmented-border-radius);background:transparent;color:var(--wx-button-font-color);cursor:pointer;box-shadow:none;transition:none;max-width:100%;-webkit-user-select:none;user-select:none}.wx-segment.wx-0hMO7P,.wx-segment.wx-0hMO7P:focus,.wx-segment.wx-0hMO7P:active{outline:none}.wx-segment.wx-0hMO7P+.wx-segment.wx-0hMO7P{margin-left:var(--wx-segmented-padding)}.wx-segment.wx-0hMO7P:hover{background:var(--wx-segmented-background-hover)}.wx-segment.wx-selected.wx-0hMO7P,.wx-segment.wx-selected.wx-0hMO7P:hover,.wx-segment.wx-selected.wx-0hMO7P:focus{background:var(--wx-color-primary);color:var(--wx-color-primary-font);cursor:default}.wx-icon.wx-0hMO7P{position:relative;font-size:var(--wx-button-icon-size);line-height:1;height:var(--wx-button-line-height);opacity:.7}.wx-icon.wx-0hMO7P:before{display:block;position:relative;top:50%;transform:translateY(-50%)}.wx-icon.wx-only.wx-0hMO7P{opacity:1}.wx-icon.wx-0hMO7P+.wx-label.wx-0hMO7P{margin-left:4px}.wx-select-box.wx-2yx1Fo{position:relative;width:var(--wx-input-width)}.wx-select.wx-2yx1Fo{appearance:none;display:block;width:100%;height:var(--wx-input-height);outline:none;background:var(--wx-input-background);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);overflow:hidden!important;text-overflow:ellipsis;cursor:pointer}.wx-select.wx-2yx1Fo:focus{border:var(--wx-input-border-focus)}.wx-select[disabled].wx-2yx1Fo{cursor:not-allowed;border:var(--wx-input-border-disabled);color:var(--wx-color-font-disabled);background:var(--wx-input-background-disabled)}.wx-select[disabled].wx-2yx1Fo~.wx-placeholder.wx-2yx1Fo{color:var(--wx-color-font-disabled)}.wx-select[disabled].wx-2yx1Fo~.wx-icon.wx-2yx1Fo{color:var(--wx-color-font-disabled)}.wx-select.wx-error.wx-2yx1Fo{border-color:var(--wx-color-danger);color:var(--wx-color-danger)}.wx-select.wx-error.wx-2yx1Fo option{color:var(--wx-input-font-color)}.wx-select.wx-error.wx-2yx1Fo~.wx-icon.wx-2yx1Fo{color:var(--wx-color-danger)}.wx-placeholder.wx-2yx1Fo{position:absolute;left:0;top:0;width:100%;border:var(--wx-input-border);border-color:transparent;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-placeholder-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;cursor:pointer;pointer-events:none}.wx-icon.wx-2yx1Fo{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);display:flex;justify-content:center;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--wx-input-icon-color)}.wx-icon.wx-2yx1Fo:before{display:block}.wx-icon.wx-2yx1Fo.wxi-close{pointer-events:all;cursor:pointer}.wx-icon.wxi-close:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}.wx-slider.wx-2EDJ8G{width:var(--wx-input-width)}.wx-label.wx-2EDJ8G{display:block;margin:var(--wx-slider-label-margin);font-family:var(--wx-slider-label-font-family);font-size:var(--wx-slider-label-font-size);line-height:var(--wx-slider-label-line-height);font-weight:var(--wx-slider-label-font-weight);color:var(--wx-slider-label-font-color)}.wx-inner.wx-2EDJ8G{padding:calc((var(--wx-slider-height) - var(--wx-slider-track-height)) / 2) 0}.wx-input.wx-2EDJ8G{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:var(--wx-slider-track-height);background:var(--wx-slider-background);border:none;border-radius:var(--wx-slider-track-border-radius);margin:0}.wx-input.wx-2EDJ8G:focus{outline:none}.wx-input.wx-2EDJ8G::-webkit-slider-runnable-track{margin:0;width:100%;height:var(--wx-slider-track-height);border:none;border-radius:var(--wx-slider-track-border-radius);cursor:pointer;background:transparent}.wx-input.wx-2EDJ8G::-webkit-slider-thumb{margin-top:calc((var(--wx-slider-track-height) - var(--wx-slider-thumb-size)) / 2);width:var(--wx-slider-thumb-size);height:var(--wx-slider-thumb-size);background:var(--wx-slider-primary);border:var(--wx-slider-thumb-border);box-shadow:var(--wx-slider-thumb-shadow);border-radius:50%;cursor:pointer;appearance:none}.wx-input.wx-2EDJ8G::-moz-range-track{margin:0;width:100%;height:var(--wx-slider-track-height);border:none;border-radius:var(--wx-slider-track-border-radius);cursor:pointer;background:transparent}.wx-input.wx-2EDJ8G::-moz-range-thumb{margin-top:calc((var(--wx-slider-track-height) - var(--wx-slider-thumb-size)) / 2);width:var(--wx-slider-thumb-size);height:var(--wx-slider-thumb-size);background:var(--wx-slider-primary);border:var(--wx-slider-thumb-border);border-radius:50%;cursor:pointer;appearance:none}.wx-input.wx-2EDJ8G::-moz-range-progress{background-color:var(--wx-slider-primary);height:var(--wx-slider-track-height);border-top-left-radius:var(--wx-slider-track-border-radius);border-bottom-left-radius:var(--wx-slider-track-border-radius)}.wx-input.wx-2EDJ8G::-ms-track{color:transparent;margin:0;width:100%;height:var(--wx-slider-track-height);border:none;border-radius:var(--wx-slider-track-border-radius);cursor:pointer;background:transparent}.wx-input.wx-2EDJ8G::-ms-fill-lower{background:var(--wx-slider-primary);border:.2px solid var(--wx-slider-primary);border-radius:var(--wx-slider-track-border-radius)}.wx-input.wx-2EDJ8G::-ms-fill-upper{background:var(--wx-slider-background);border:.2px solid var(--wx-slider-background);border-radius:var(--wx-slider-track-border-radius)}.wx-input.wx-2EDJ8G::-ms-thumb{margin-top:calc((var(--wx-slider-track-height) - var(--wx-slider-thumb-size)) / 2);width:var(--wx-slider-thumb-size);height:var(--wx-slider-thumb-size);background:var(--wx-slider-primary);border:var(--wx-slider-thumb-border);border-radius:50%;cursor:pointer;appearance:none}.wx-input.wx-2EDJ8G:focus::-ms-fill-lower{background:var(--wx-slider-primary)}.wx-input.wx-2EDJ8G:focus::-ms-fill-upper{background:var(--wx-slider-background)}.wx-input.wx-2EDJ8G[disabled]{cursor:not-allowed;background:var(--wx-color-disabled)}.wx-input.wx-2EDJ8G[disabled]::-webkit-slider-runnable-track{cursor:not-allowed}.wx-input.wx-2EDJ8G[disabled]::-webkit-slider-thumb{cursor:not-allowed;background:var(--wx-background);border:var(--wx-slider-thumb-border-disabled)}.wx-input.wx-2EDJ8G[disabled]::-moz-range-track{cursor:not-allowed}.wx-input.wx-2EDJ8G[disabled]::-moz-range-thumb{cursor:not-allowed;background:var(--wx-background);border:var(--wx-slider-thumb-border-disabled)}.wx-input.wx-2EDJ8G[disabled]::-moz-range-progress{cursor:not-allowed;background:var(--wx-color-disabled)}.wx-input.wx-2EDJ8G[disabled]::-ms-track{cursor:not-allowed}.wx-input.wx-2EDJ8G[disabled]::-ms-fill-lower{background:var(--wx-color-disabled);border-color:var(--wx-color-disabled)}.wx-input.wx-2EDJ8G[disabled]::-ms-fill-upper{background:var(--wx-color-disabled);border-color:var(--wx-color-disabled)}.wx-input.wx-2EDJ8G[disabled]::-ms-thumb{cursor:not-allowed;background:var(--wx-background);border:var(--wx-slider-thumb-border-disabled)}.wx-input.wx-2EDJ8G[disabled]:focus::-ms-fill-lower{background:var(--wx-color-disabled)}.wx-input.wx-2EDJ8G[disabled]:focus::-ms-fill-upper{background:var(--wx-color-disabled)}.wx-switch.wx-2dAR5c{position:relative;display:inline-block;vertical-align:top;margin:0;cursor:default}.wx-input.wx-2dAR5c{appearance:none;width:0;height:0;opacity:0;position:absolute;left:0;top:0;margin:0;padding:0}.wx-box.wx-2dAR5c{display:block;position:relative;width:var(--wx-switch-width);height:var(--wx-switch-height);border:var(--wx-switch-border-width) solid var(--wx-switch-border-color);border-radius:calc(var(--wx-switch-height) / 2);background-color:var(--wx-switch-background);transition:background-color .4s ease;cursor:pointer;overflow:hidden}.wx-box.wx-2dAR5c:before{content:"";position:absolute;left:var(--wx-switch-thumb-offset);top:var(--wx-switch-thumb-offset);height:calc(var(--wx-switch-height) - var(--wx-switch-thumb-offset) * 2 - var(--wx-switch-border-width) * 2);width:calc(var(--wx-switch-height) - var(--wx-switch-thumb-offset) * 2 - var(--wx-switch-border-width) * 2);border:var(--wx-switch-thumb-border);border-radius:50%;background:var(--wx-switch-thumb-background);box-shadow:var(--wx-switch-thumb-shadow);transition:transform .4s ease}.wx-input.wx-2dAR5c:checked~.wx-box.wx-2dAR5c{background-color:var(--wx-switch-primary)}.wx-input.wx-2dAR5c:checked~.wx-box.wx-2dAR5c:before{transform:translate(calc(var(--wx-switch-width) - var(--wx-switch-height)))}.wx-input.wx-2dAR5c[disabled]~.wx-box.wx-2dAR5c{background-color:var(--wx-color-disabled);border-color:var(--wx-switch-border-color-disabled);cursor:not-allowed}.wx-input.wx-2dAR5c[disabled]~.wx-box.wx-2dAR5c:before{border:var(--wx-switch-thumb-border-disabled);background:var(--wx-switch-thumb-background-disabled)}.wx-tabs.wx-138fWJ{display:inline-flex;flex-wrap:nowrap}.wx-tab.wx-138fWJ{position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;text-decoration:none;text-align:center;letter-spacing:normal;text-transform:var(--wx-button-text-transform);font-family:var(--wx-button-font-family);font-size:var(--wx-button-font-size);line-height:var(--wx-button-line-height);font-weight:var(--wx-button-font-weight);padding:var(--wx-button-padding);border:var(--wx-button-border);border-width:var(--wx-tabs-border-width);border-radius:0;background:var(--wx-tabs-background);color:var(--wx-button-font-color);cursor:pointer;box-shadow:none;transition:none;max-width:100%;min-width:var(--wx-tabs-cell-min-width);-webkit-user-select:none;user-select:none}.wx-tab.wx-138fWJ+.wx-tab.wx-138fWJ:before{content:"";display:block;position:absolute;left:calc(var(--wx-tabs-border-width) * -1 - var(--wx-tabs-divider-width) / 2);top:50%;transform:translateY(-50%);width:0;height:calc(var(--wx-tabs-border-width) * 2 + var(--wx-tabs-divider-height));border-left:var(--wx-tabs-divider-width) solid var(--wx-tabs-divider-color)}.wx-tab.wx-138fWJ:first-child{border-top-left-radius:var(--wx-tabs-border-radius);border-bottom-left-radius:var(--wx-tabs-border-radius)}.wx-tab.wx-138fWJ:last-child{border-top-right-radius:var(--wx-tabs-border-radius);border-bottom-right-radius:var(--wx-tabs-border-radius)}.wx-tab.wx-138fWJ,.wx-tab.wx-138fWJ:focus,.wx-tab.wx-138fWJ:active{outline:none}.wx-tab.wx-138fWJ:hover{background:var(--wx-tabs-background-hover)}.wx-tab.wx-active.wx-138fWJ,.wx-tab.wx-active.wx-138fWJ:hover,.wx-tab.wx-active.wx-138fWJ:focus{background:var(--wx-tabs-active-background);color:var(--wx-tabs-active-color);cursor:default}.wx-tab.wx-active.wx-138fWJ:before{display:none}.wx-tab.wx-active.wx-138fWJ+.wx-tab.wx-138fWJ:before{display:none}.wx-tab.wx-active.wx-138fWJ:after,.wx-tab.wx-138fWJ:hover:after{content:"";display:block;position:absolute;left:13px;height:0;width:calc(100% - 26px)}.wx-tab.wx-active.wx-138fWJ:after{border-bottom:2px solid var(--wx-tabs-active-border)}.wx-tab:not(.wx-active):hover:after{border-bottom:2px solid var(--wx-tabs-hover-border)}.wx-top.wx-138fWJ .wx-tab.wx-active.wx-138fWJ:after,.wx-top.wx-138fWJ .wx-tab.wx-138fWJ:hover:after{top:100%}.wx-bottom.wx-138fWJ .wx-tab.wx-active.wx-138fWJ:after,.wx-bottom.wx-138fWJ .wx-tab.wx-138fWJ:hover:after{top:0}.wx-icon.wx-138fWJ{position:relative;font-size:var(--wx-button-icon-size);line-height:1;height:var(--wx-button-line-height);opacity:.7}.wx-icon.wx-138fWJ:before{display:block;position:relative;top:50%;transform:translateY(-50%)}.wx-icon.wx-only.wx-138fWJ{opacity:1}.wx-icon.wx-138fWJ+.wx-label.wx-138fWJ{margin-left:4px}.wx-counter.wx-22t21n{display:flex;border:var(--wx-input-border);width:max-content;border-radius:var(--wx-input-border-radius)}.wx-counter.wx-22t21n:not(.wx-readonly):has(.wx-input:focus){border:var(--wx-input-border-focus)}.wx-input.wx-22t21n{box-sizing:border-box;background:var(--wx-background);width:40px;height:30px;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);color:var(--wx-input-font-color);padding-left:8px;padding-right:8px;outline:none;border:none;border-left:var(--wx-input-border);border-right:var(--wx-input-border)}.wx-btn.wx-22t21n{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:32px;height:30px;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);color:var(--wx-input-font-color);background-color:var(--wx-background-alt);outline:none;border:none;cursor:pointer}.wx-counter.wx-22t21n:not(.wx-readonly):not(.wx-disabled) .wx-btn:active{background-color:var(--wx-background-hover)}.wx-dec.wx-22t21n,.wx-inc.wx-22t21n{fill:var(--wx-color-primary)}.wx-btn-dec.wx-22t21n{border-radius:2px 0 0 2px}.wx-btn-inc.wx-22t21n{border-radius:0 2px 2px 0}.wx-error.wx-22t21n,.wx-counter.wx-error.wx-22t21n:has(.wx-input:focus){border:1px solid var(--wx-color-danger)}.wx-error.wx-22t21n .wx-input.wx-22t21n{color:var(--wx-color-danger)}.wx-disabled.wx-22t21n .wx-input.wx-22t21n,.wx-disabled.wx-22t21n .wx-btn.wx-22t21n{cursor:not-allowed;color:var(--wx-color-font-disabled)}.wx-disabled.wx-22t21n .wx-btn.wx-22t21n{background:var(--wx-color-disabled-alt)}.wx-disabled.wx-22t21n .wx-btn.wx-22t21n .wx-dec.wx-22t21n,.wx-disabled.wx-22t21n .wx-btn.wx-22t21n .wx-inc.wx-22t21n,.wx-readonly.wx-22t21n .wx-btn.wx-22t21n .wx-dec.wx-22t21n,.wx-readonly.wx-22t21n .wx-btn.wx-22t21n .wx-inc.wx-22t21n{fill:var(--wx-color-font-disabled)}.wx-readonly.wx-22t21n .wx-btn.wx-22t21n{cursor:default}.wx-notice.wx-11sNg5{position:relative;background:var(--wx-notice-background);box-shadow:var(--wx-notice-shadow);border:var(--wx-notice-border);border-radius:var(--wx-notice-border-radius);margin:var(--wx-notice-margin);display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;overflow:hidden;font-family:var(--wx-notice-font-family);font-size:var(--wx-notice-font-size);line-height:var(--wx-notice-line-height);font-weight:var(--wx-notice-font-weight);color:var(--wx-notice-font-color);width:var(--wx-notice-width)}.wx-notice.wx-11sNg5:before{content:"";display:block;position:absolute;z-index:1;left:0;top:0;width:var(--wx-notice-type-border-width);height:100%;border-top-right-radius:var(--wx-notice-type-border-width);border-bottom-right-radius:var(--wx-notice-type-border-width);background:var(--wx-notice-type-border-color)}.wx-notice.wx-11sNg5:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:var(--wx-notice-type-background-opacity);background:transparent}.wx-text.wx-11sNg5,.wx-button.wx-11sNg5{position:relative;z-index:2;padding:var(--wx-notice-padding)}.wx-text.wx-11sNg5{flex-shrink:0;word-wrap:break-word;max-width:calc(var(--wx-notice-width) - var(--wx-notice-padding) * 2 - var(--wx-notice-icon-size))}.wxi-close.wx-11sNg5{position:relative;display:flex;justify-content:center;align-items:center;font-size:var(--wx-notice-icon-size);line-height:1;width:var(--wx-notice-icon-size);height:var(--wx-notice-icon-size);color:var(--wx-notice-type-icon-color);cursor:pointer}.wxi-close.wx-11sNg5:before{display:block;z-index:1}.wxi-close.wx-11sNg5:after{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% + 4px);height:calc(100% + 4px);border-radius:var(--wx-icon-border-radius)}.wxi-close.wx-11sNg5:hover:after{background:var(--wx-background-hover)}.wx-notice.wx-info.wx-11sNg5,.wx-notice.wx-warning.wx-11sNg5,.wx-notice.wx-success.wx-11sNg5,.wx-notice.wx-danger.wx-11sNg5{color:var(--wx-notice-type-font-color)}.wx-notice.wx-info.wx-11sNg5:before,.wx-notice.wx-info.wx-11sNg5:after{background:var(--wx-color-info)}.wx-notice.wx-warning.wx-11sNg5:before,.wx-notice.wx-warning.wx-11sNg5:after{background:var(--wx-color-warning)}.wx-notice.wx-success.wx-11sNg5:before,.wx-notice.wx-success.wx-11sNg5:after{background:var(--wx-color-success)}.wx-notice.wx-danger.wx-11sNg5:before,.wx-notice.wx-danger.wx-11sNg5:after{background:var(--wx-color-danger)}.wx-notice.wx-info.wx-11sNg5 .wxi-close.wx-11sNg5:after,.wx-notice.wx-warning.wx-11sNg5 .wxi-close.wx-11sNg5:after,.wx-notice.wx-success.wx-11sNg5 .wxi-close.wx-11sNg5:after,.wx-notice.wx-danger.wx-11sNg5 .wxi-close.wx-11sNg5:after{opacity:var(--wx-notice-type-close-hover-opacity)}.wx-notices.wx-3nwoO9{position:fixed;z-index:var(--wx-notice-z-index);top:0;right:0}.wx-modal.wx-1FxkZa{position:fixed;z-index:var(--wx-modal-z-index);top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--wx-modal-backdrop);text-align:center}.wx-window.wx-1FxkZa{background:var(--wx-modal-background);box-shadow:var(--wx-modal-shadow);border:var(--wx-modal-border);border-radius:var(--wx-modal-border-radius);padding:var(--wx-modal-padding);min-width:var(--wx-modal-width)}.wx-header.wx-1FxkZa{font-family:var(--wx-modal-header-font-family);font-size:var(--wx-modal-header-font-size);line-height:var(--wx-modal-header-line-height);font-weight:var(--wx-modal-header-font-weight);color:var(--wx-modal-header-font-color);margin-bottom:var(--wx-modal-gutter)}.wx-buttons.wx-1FxkZa{margin-top:var(--wx-modal-gutter);display:flex;justify-content:center;margin-left:calc(var(--wx-modal-gutter) / -2);margin-right:calc(var(--wx-modal-gutter) / -2)}.wx-button.wx-1FxkZa{flex:1;max-width:50%;padding:0 calc(var(--wx-modal-gutter) / 2)}.wx-field.wx-2oVUvC{width:var(--wx-field-width);max-width:100%;margin-bottom:var(--wx-field-gutter)}.wx-field.wx-left.wx-2oVUvC{display:flex;flex-wrap:nowrap;align-items:flex-start}.wx-field.wx-left.wx-2oVUvC>.wx-label.wx-2oVUvC{width:var(--wx-label-width);flex-shrink:0;margin:0 var(--wx-field-gutter) 0 0;padding-top:calc((var(--wx-input-height) - var(--wx-label-line-height)) / 2);text-align:right}.wx-field.wx-left.wx-2oVUvC>.wx-field-control.wx-2oVUvC{max-width:calc(100% - var(--wx-label-width) - var(--wx-field-gutter))}.wx-field.wx-error.wx-2oVUvC .wx-label.wx-2oVUvC{color:var(--wx-color-danger)}.wx-field.wx-left.wx-2oVUvC .wx-field-control.wx-checkbox.wx-2oVUvC{padding-top:calc((var(--wx-input-height) - var(--wx-checkbox-height)) / 2);padding-bottom:calc((var(--wx-input-height) - var(--wx-checkbox-height)) / 2)}.wx-field.wx-left.wx-2oVUvC .wx-field-control.wx-slider.wx-2oVUvC{padding-top:calc((var(--wx-input-height) - var(--wx-slider-height)) / 2);padding-bottom:calc((var(--wx-input-height) - var(--wx-slider-height)) / 2)}.wx-field.wx-left.wx-2oVUvC .wx-field-control.wx-switch.wx-2oVUvC{padding-top:calc((var(--wx-input-height) - var(--wx-switch-height)) / 2);padding-bottom:calc((var(--wx-input-height) - var(--wx-switch-height)) / 2)}.wx-label.wx-2oVUvC{display:block;margin:var(--wx-label-margin);padding:var(--wx-label-padding);font-family:var(--wx-label-font-family);font-size:var(--wx-label-font-size);line-height:var(--wx-label-line-height);font-weight:var(--wx-label-font-weight);color:var(--wx-label-font-color)}.wx-required.wx-2oVUvC .wx-label.wx-2oVUvC:after{content:" *";color:var(--wx-color-danger)}.wx-field-control.wx-2oVUvC{position:relative;width:100%}.wx-timepicker.wx-7f497i{position:relative;width:var(--wx-input-width)}.wx-wrapper.wx-7f497i{padding:10px 20px}.wx-timer.wx-7f497i{display:flex;text-align:center;justify-content:center;margin-bottom:10px}.wx-digit.wx-7f497i{display:block;width:50px;height:38px;border:none;border-bottom:var(--wx-input-border);font-family:var(--wx-input-font-family);font-size:24px;line-height:28px;padding:5px;text-align:center;color:var(--wx-input-font-color);background-color:transparent;outline:none}.wx-digit.wx-7f497i:focus{border-bottom:var(--wx-input-border-focus)}.wx-separator.wx-7f497i{font-size:24px;line-height:38px}.wx-modal.wx-KgpO9N{position:absolute;z-index:var(--wx-modal-z-index);top:0;left:0;width:100%;height:100%;background:var(--wx-modal-backdrop);display:flex;align-items:center;justify-content:center}.wx-window.wx-KgpO9N{background:var(--wx-modal-background);box-shadow:var(--wx-modal-shadow);border:var(--wx-modal-border);border-radius:var(--wx-modal-border-radius);min-width:var(--wx-modal-width)}.wx-sidearea.wx-2L733M{position:absolute;z-index:var(--wx-popup-z-index);background:var(--wx-modal-background);box-shadow:var(--wx-modal-shadow);border:var(--wx-modal-border);border-radius:var(--wx-modal-border-radius);min-width:var(--wx-modal-width);height:100vh}.wx-sidearea.wx-pos-right.wx-2L733M{right:0;top:0}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local(""),url(https://cdn.webix.com/fonts/roboto/regular.woff2) format("woff2"),url(https://cdn.webix.com/fonts/roboto/regular.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local(""),url(https://cdn.webix.com/fonts/roboto/500.woff2) format("woff2"),url(https://cdn.webix.com/fonts/roboto/500.woff) format("woff")}.wx-material-theme{--wx-color-primary: #2f77e3;--wx-color-primary-selected: #d5e6ff;--wx-color-primary-font: #fff;--wx-color-secondary: rgba(0, 0, 0, .04);--wx-color-secondary-hover: rgba(0, 0, 0, .1);--wx-color-secondary-font: rgba(0, 0, 0, .7);--wx-color-secondary-font-hover: rgba(0, 0, 0, .7);--wx-color-secondary-border: transparent;--wx-color-secondary-border-disabled: transparent;--wx-color-success: #00d19a;--wx-color-warning: #ffc975;--wx-color-info: #37a9ef;--wx-color-danger: #ff5252;--wx-color-disabled: #ededed;--wx-color-disabled-alt: #e9e9e9;--wx-color-font: rgba(0, 0, 0, .7);--wx-color-font-alt: rgba(0, 0, 0, .5);--wx-color-font-disabled: rgba(0, 0, 0, .3);--wx-color-link: var(--wx-color-primary);--wx-background: #fff;--wx-background-alt: #f7f7f7;--wx-background-hover: linear-gradient( rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .15) 100% );--wx-font-family: Roboto, Arial, Helvetica, sans-serif;--wx-font-size: 14px;--wx-line-height: 20px;--wx-font-size-md: 16px;--wx-line-height-md: 24px;--wx-font-size-hd: 16px;--wx-line-height-hd: 30px;--wx-font-size-sm: 12px;--wx-line-height-sm: 16px;--wx-font-weight: 400;--wx-font-weight-md: 500;--wx-font-weight-b: 700;--wx-icon-color: var(--wx-color-font-alt);--wx-icon-size: var(--wx-line-height);--wx-border: 1px solid #dfdfdf;--wx-border-radius: 2px;--wx-radius-medium: var(--wx-border-radius);--wx-border-light: none;--wx-border-medium: 1px solid #eaedf5;--wx-shadow-light: 0px 4px 20px rgba(44, 47, 60, .12);--wx-shadow-medium: 0px 2px 4px rgba(0, 0, 0, .15);--wx-box-shadow: 0px 2px 4px rgba(0, 0, 0, .15);--wx-box-shadow-strong: 0px 2px 5px rgba(0, 0, 0, .3);--wx-padding: 8px;--wx-field-gutter: 16px;--wx-field-width: 400px;--wx-input-font-family: var(--wx-font-family);--wx-input-font-size: var(--wx-font-size);--wx-input-line-height: var(--wx-line-height);--wx-input-font-weight: var(--wx-font-weight);--wx-input-text-align: left;--wx-input-font-color: var(--wx-color-font);--wx-input-background: var(--wx-background);--wx-input-background-disabled: var(--wx-background);--wx-input-placeholder-color: var(--wx-color-font-alt);--wx-input-border: var(--wx-border);--wx-input-border-focus: 1px solid rgba(0, 0, 0, .5);--wx-input-border-disabled: 1px solid var(--wx-color-disabled);--wx-input-border-radius: var(--wx-border-radius);--wx-input-height: 32px;--wx-input-width: 100%;--wx-input-padding: 5px 8px;--wx-input-icon-indent: 6px;--wx-input-icon-color: var(--wx-icon-color);--wx-input-icon-size: var(--wx-icon-size);--wx-multicombo-tag-gap: 4px;--wx-multicombo-tag-border: none;--wx-multicombo-tag-border-radius: var(--wx-input-border-radius);--wx-multicombo-tag-pading: 2px 8px;--wx-multicombo-tag-background: var(--wx-background-alt);--wx-checkbox-height: var(--wx-line-height);--wx-checkbox-size: 18px;--wx-checkbox-border-width: 2px;--wx-checkbox-border-color: var(--wx-color-font-alt);--wx-checkbox-border-color-disabled: var(--wx-color-font-disabled);--wx-checkbox-border-radius: var(--wx-input-border-radius);--wx-checkbox-font-family: var(--wx-font-family);--wx-checkbox-font-size: var(--wx-font-size);--wx-checkbox-line-height: var(--wx-line-height);--wx-checkbox-font-weight: var(--wx-font-weight);--wx-checkbox-font-color: var(--wx-color-font);--wx-label-width: 80px;--wx-label-margin: 0 0 8px;--wx-label-padding: 0;--wx-label-font-family: var(--wx-font-family);--wx-label-font-size: var(--wx-font-size);--wx-label-line-height: var(--wx-line-height);--wx-label-font-weight: var(--wx-font-weight-md);--wx-label-font-color: var(--wx-color-font);--wx-button-font-family: var(--wx-font-family);--wx-button-font-size: var(--wx-font-size);--wx-button-line-height: var(--wx-line-height);--wx-button-font-weight: var(--wx-font-weight-md);--wx-button-text-transform: none;--wx-button-font-color: var(--wx-color-font);--wx-button-danger-font-color: #fff;--wx-button-background: var(--wx-background-alt);--wx-button-border: 1px solid transparent;--wx-button-border-radius: var(--wx-border-radius);--wx-button-height: 32px;--wx-button-padding: 5px 20px;--wx-button-icon-indent: 7px;--wx-button-icon-size: 16px;--wx-button-pressed: rgba(0, 0, 0, .16);--wx-button-danger-pressed: #cc4242;--wx-button-primary-pressed: #265fb6;--wx-button-box-shadow: -2px -2px 4px 0px rgba(255, 255, 255, .56) inset, 2px 2px 3px 1px rgba(0, 0, 0, .12) inset;--wx-button-primary-box-shadow: -2px -2px 4px 0px rgba(255, 255, 255, .26) inset, 2px 2px 3px 1px rgba(0, 0, 0, .16) inset;--wx-segmented-background: var(--wx-background-alt);--wx-segmented-background-hover: var(--wx-background-hover);--wx-segmented-border: var(--wx-border);--wx-segmented-border-radius: var(--wx-border-radius);--wx-segmented-padding: 3px;--wx-tabs-background: var(--wx-background-alt);--wx-tabs-background-hover: var(--wx-background-hover);--wx-tabs-hover-border: transparent;--wx-tabs-border-width: 1px;--wx-tabs-border-radius: var(--wx-border-radius);--wx-tabs-divider-width: 1px;--wx-tabs-divider-height: 100%;--wx-tabs-divider-color: #dfdfdf;--wx-tabs-cell-min-width: 100px;--wx-tabs-active-background: var(--wx-color-primary);--wx-tabs-active-color: var(--wx-color-primary-font);--wx-tabs-active-border: transparent;--wx-slider-height: 16px;--wx-slider-primary: var(--wx-color-primary);--wx-slider-background: #dfdfdf;--wx-slider-track-height: 4px;--wx-slider-track-border-radius: 2px;--wx-slider-thumb-size: var(--wx-slider-height);--wx-slider-thumb-border: 2px solid var(--wx-background);--wx-slider-thumb-border-disabled: none;--wx-slider-thumb-shadow: var(--wx-box-shadow-strong);--wx-slider-label-margin: 0 0 5px;--wx-slider-label-font-family: var(--wx-font-family);--wx-slider-label-font-size: var(--wx-font-size);--wx-slider-label-line-height: var(--wx-line-height);--wx-slider-label-font-weight: var(--wx-font-weight-md);--wx-slider-label-font-color: var(--wx-color-font);--wx-switch-primary: var(--wx-color-primary);--wx-switch-background: rgba(0, 0, 0, .3);--wx-switch-width: 44px;--wx-switch-height: 22px;--wx-switch-border-width: 1px;--wx-switch-border-color: transparent;--wx-switch-border-color-disabled: #dfdfdf;--wx-switch-thumb-offset: 1px;--wx-switch-thumb-border: none;--wx-switch-thumb-border-disabled: none;--wx-switch-thumb-background: var(--wx-background);--wx-switch-thumb-background-disabled: var(--wx-background);--wx-switch-thumb-shadow: var(--wx-box-shadow-strong);--wx-popup-z-index: 100;--wx-popup-background: var(--wx-background);--wx-popup-shadow: var(--wx-shadow-light);--wx-popup-border: none;--wx-popup-border-radius: var(--wx-border-radius);--wx-modal-z-index: 1000;--wx-modal-background: var(--wx-background);--wx-modal-shadow: var(--wx-shadow-medium);--wx-modal-border: none;--wx-modal-border-radius: var(--wx-border-radius);--wx-modal-width: 280px;--wx-modal-padding: 16px 20px;--wx-modal-gutter: 14px;--wx-modal-backdrop: rgba(0, 0, 0, .5);--wx-modal-header-font-family: var(--wx-font-family);--wx-modal-header-font-size: var(--wx-font-size-hd);--wx-modal-header-line-height: var(--wx-line-height-hd);--wx-modal-header-font-weight: var(--wx-font-weight);--wx-modal-header-font-color: #000;--wx-notice-z-index: 1010;--wx-notice-background: var(--wx-background);--wx-notice-shadow: var(--wx-shadow-medium);--wx-notice-border: none;--wx-notice-border-radius: var(--wx-border-radius);--wx-notice-margin: 6px 12px;--wx-notice-font-family: var(--wx-font-family);--wx-notice-font-size: var(--wx-font-size);--wx-notice-line-height: var(--wx-line-height);--wx-notice-font-weight: var(--wx-font-weight);--wx-notice-font-color: var(--wx-color-font);--wx-notice-padding: var(--wx-padding);--wx-notice-width: 240px;--wx-notice-icon-size: var(--wx-icon-size);--wx-notice-icon-color: var(--wx-icon-color);--wx-notice-type-border-width: 0px;--wx-notice-type-border-color: transparent;--wx-notice-type-font-color: #fff;--wx-notice-type-icon-color: rgba(255, 255, 255, .8);--wx-notice-type-background-opacity: 1;--wx-notice-type-close-hover-opacity: .3;--wx-calendar-padding: 16px;--wx-calendar-cell-size: 32px;--wx-calendar-gap: 4px;--wx-calendar-line-gap: 0px;--wx-calendar-border-radius: var(--wx-calendar-cell-size);--wx-calendar-font-family: var(--wx-font-family);--wx-calendar-font-size: var(--wx-font-size);--wx-calendar-line-height: var(--wx-line-height);--wx-calendar-font-weight: var(--wx-font-weight);--wx-calendar-font-color: var(--wx-color-font);--wx-calendar-icon-color: var(--wx-icon-color);--wx-calendar-icon-size: var(--wx-icon-size);--wx-calendar-header-font-size: var(--wx-font-size);--wx-calendar-header-line-height: var(--wx-line-height);--wx-calendar-header-font-weight: var(--wx-font-weight-md);--wx-calendar-controls-font-family: var(--wx-button-font-family);--wx-calendar-controls-font-size: var(--wx-button-font-size);--wx-calendar-controls-line-height: var(--wx-button-line-height);--wx-calendar-controls-font-weight: var(--wx-button-font-weight);--wx-calendar-controls-font-color: var(--wx-color-link)}.wx-material-theme{font-family:var(--wx-font-family);font-size:var(--wx-font-size);line-height:var(--wx-line-height);font-weight:var(--wx-font-weight);font-style:normal;letter-spacing:normal;text-align:left;color:var(--wx-color-font);background:var(--wx-background)}.wx-material-theme *,.wx-material-theme *:before,.wx-material-theme *:after{box-sizing:border-box}@font-face{font-family:Open Sans;font-style:normal;font-weight:500;src:local(""),url(https://cdn.webix.com/fonts/open-sans/500.woff2) format("woff2"),url(https://cdn.webix.com/fonts/open-sans/500.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:local(""),url(https://cdn.webix.com/fonts/open-sans/regular.woff2) format("woff2"),url(https://cdn.webix.com/fonts/open-sans/regular.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:600;src:local(""),url(https://cdn.webix.com/fonts/open-sans/600.woff2) format("woff2"),url(https://cdn.webix.com/fonts/open-sans/600.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:700;src:local(""),url(https://cdn.webix.com/fonts/open-sans/700.woff2) format("woff2"),url(https://cdn.webix.com/fonts/open-sans/700.woff) format("woff")}.wx-willow-theme{--wx-color-primary: #37a9ef;--wx-color-primary-selected: #d5eaf7;--wx-color-primary-font: #fff;--wx-color-secondary: transparent;--wx-color-secondary-hover: rgba(55, 169, 239, .12);--wx-color-secondary-font: var(--wx-color-primary);--wx-color-secondary-font-hover: var(--wx-color-primary);--wx-color-secondary-border: var(--wx-color-primary);--wx-color-secondary-border-disabled: #c0c3ce;--wx-color-success: #77d257;--wx-color-warning: #fcba2e;--wx-color-info: #37a9ef;--wx-color-danger: #fe6158;--wx-color-disabled: #f2f3f7;--wx-color-disabled-alt: #e9e9e9;--wx-color-font: #2c2f3c;--wx-color-font-alt: #9fa1ae;--wx-color-font-disabled: #c0c3ce;--wx-color-link: var(--wx-color-primary);--wx-background: #ffffff;--wx-background-alt: #f2f3f7;--wx-background-hover: #eaedf5;--wx-font-family: "Open Sans", Arial, Helvetica, sans-serif;--wx-font-size: 14px;--wx-line-height: 20px;--wx-font-size-md: 14px;--wx-line-height-md: 24px;--wx-font-size-hd: 16px;--wx-line-height-hd: 30px;--wx-font-size-sm: 12px;--wx-line-height-sm: 16px;--wx-font-weight: 400;--wx-font-weight-md: 600;--wx-font-weight-b: 700;--wx-icon-color: #9fa1ae;--wx-icon-size: var(--wx-line-height);--wx-button-pressed: #d7dde3;--wx-button-danger-pressed: #cb4e46;--wx-button-primary-pressed: #098cdc;--wx-button-box-shadow: -2px -2px 4px 0px rgba(255, 255, 255, .56) inset, 2px 2px 3px 1px rgba(0, 0, 0, .12) inset;--wx-button-primary-box-shadow: -2px -2px 4px 0px rgba(255, 255, 255, .26) inset, 2px 2px 3px 1px rgba(0, 0, 0, .16) inset;--wx-border: 1px solid #e6e6e6;--wx-border-radius: 3px;--wx-radius-major: 6px;--wx-border-light: none;--wx-border-medium: 1px solid #eaedf5;--wx-shadow-light: 0px 3px 10px 0px rgba(44, 47, 60, .12), 0px 1px 2px 0px rgba(44, 47, 60, .06);--wx-shadow-medium: 0px 4px 20px 0px rgba(44, 47, 60, .12);--wx-box-shadow: 0px 1px 2px rgba(44, 47, 60, .06), 0px 3px 10px rgba(44, 47, 60, .12);--wx-box-shadow-strong: 0px 4px 20px rgba(44, 47, 60, .16);--wx-padding: 8px;--wx-field-gutter: 16px;--wx-field-width: 400px;--wx-input-font-family: var(--wx-font-family);--wx-input-font-size: var(--wx-font-size);--wx-input-line-height: var(--wx-line-height);--wx-input-font-weight: var(--wx-font-weight);--wx-input-text-align: left;--wx-input-font-color: var(--wx-color-font);--wx-input-background: var(--wx-background);--wx-input-background-disabled: var(--wx-color-disabled);--wx-input-placeholder-color: var(--wx-color-font-alt);--wx-input-border: var(--wx-border);--wx-input-border-focus: 1px solid var(--wx-color-primary);--wx-input-border-disabled: var(--wx-border);--wx-input-border-radius: 3px;--wx-input-height: 32px;--wx-input-width: 100%;--wx-input-padding: 5px 8px;--wx-input-icon-indent: 6px;--wx-input-icon-color: var(--wx-icon-color);--wx-input-icon-size: var(--wx-icon-size);--wx-multicombo-tag-gap: 3px;--wx-multicombo-tag-border: none;--wx-multicombo-tag-border-radius: var(--wx-input-border-radius);--wx-multicombo-tag-pading: 2px 8px;--wx-multicombo-tag-background: var(--wx-background-alt);--wx-checkbox-height: var(--wx-line-height);--wx-checkbox-size: var(--wx-checkbox-height);--wx-checkbox-border-width: 2px;--wx-checkbox-border-color: var(--wx-color-font-alt);--wx-checkbox-border-color-disabled: var(--wx-color-disabled);--wx-checkbox-border-radius: var(--wx-input-border-radius);--wx-checkbox-font-family: var(--wx-font-family);--wx-checkbox-font-size: var(--wx-font-size);--wx-checkbox-line-height: var(--wx-line-height);--wx-checkbox-font-weight: var(--wx-font-weight);--wx-checkbox-font-color: var(--wx-color-font);--wx-label-width: 100px;--wx-label-margin: 0 0 4px;--wx-label-padding: 0;--wx-label-font-family: var(--wx-font-family);--wx-label-font-size: var(--wx-font-size);--wx-label-line-height: var(--wx-line-height);--wx-label-font-weight: var(--wx-font-weight-md);--wx-label-font-color: var(--wx-color-font);--wx-button-font-family: var(--wx-font-family);--wx-button-font-size: var(--wx-font-size-md);--wx-button-line-height: var(--wx-line-height);--wx-button-font-weight: var(--wx-font-weight-md);--wx-button-text-transform: none;--wx-button-font-color: var(--wx-color-font);--wx-button-danger-font-color: #fff;--wx-button-background: var(--wx-background-alt);--wx-button-border: 1px solid transparent;--wx-button-border-radius: var(--wx-border-radius);--wx-button-height: 32px;--wx-button-padding: 5px 16px;--wx-button-icon-indent: 5px;--wx-button-icon-size: 20px;--wx-segmented-background: var(--wx-background-alt);--wx-segmented-background-hover: var(--wx-background-hover);--wx-segmented-border: none;--wx-segmented-border-radius: 6px;--wx-segmented-padding: 0px;--wx-tabs-background: var(--wx-background);--wx-tabs-background-hover: transparent;--wx-tabs-hover-border: #9fa1ae;--wx-tabs-border-width: 1px;--wx-tabs-border-radius: var(--wx-border-radius);--wx-tabs-divider-width: 1px;--wx-tabs-divider-height: 60%;--wx-tabs-divider-color: transparent;--wx-tabs-cell-min-width: 100px;--wx-tabs-active-background: transparent;--wx-tabs-active-color: var(--wx-color-primary);--wx-tabs-active-border: var(--wx-tabs-active-color);--wx-slider-height: 14px;--wx-slider-primary: var(--wx-color-primary);--wx-slider-background: var(--wx-background-alt);--wx-slider-track-height: 4px;--wx-slider-track-border-radius: 2px;--wx-slider-thumb-size: var(--wx-slider-height);--wx-slider-thumb-border: none;--wx-slider-thumb-border-disabled: none;--wx-slider-thumb-shadow: var(--wx-box-shadow-strong);--wx-slider-label-margin: 0 0 5px;--wx-slider-label-font-family: var(--wx-font-family);--wx-slider-label-font-size: var(--wx-font-size);--wx-slider-label-line-height: var(--wx-line-height);--wx-slider-label-font-weight: var(--wx-font-weight-md);--wx-slider-label-font-color: var(--wx-color-font);--wx-switch-primary: var(--wx-color-primary);--wx-switch-background: #9fa1ae;--wx-switch-width: 48px;--wx-switch-height: 24px;--wx-switch-border-width: 0px;--wx-switch-border-color: transparent;--wx-switch-border-color-disabled: transparent;--wx-switch-thumb-offset: 1px;--wx-switch-thumb-border: none;--wx-switch-thumb-border-disabled: 1px solid #c0c3ce;--wx-switch-thumb-background: var(--wx-background);--wx-switch-thumb-background-disabled: var(--wx-color-disabled);--wx-switch-thumb-shadow: none;--wx-popup-z-index: 100;--wx-popup-background: var(--wx-background);--wx-popup-shadow: var(--wx-shadow-light);--wx-popup-border: 1px solid transparent;--wx-popup-border-radius: var(--wx-border-radius);--wx-modal-z-index: 1000;--wx-modal-background: var(--wx-background);--wx-modal-shadow: var(--wx-shadow-medium);--wx-modal-border: none;--wx-modal-border-radius: var(--wx-border-radius);--wx-modal-width: 280px;--wx-modal-padding: 16px 20px;--wx-modal-gutter: 14px;--wx-modal-backdrop: rgba(108, 114, 131, .2);--wx-modal-header-font-family: var(--wx-font-family);--wx-modal-header-font-size: var(--wx-font-size-hd);--wx-modal-header-line-height: var(--wx-line-height-hd);--wx-modal-header-font-weight: var(--wx-font-weight-b);--wx-modal-header-font-color: #000;--wx-notice-z-index: 1010;--wx-notice-background: var(--wx-background);--wx-notice-shadow: var(--wx-shadow-medium);--wx-notice-border: none;--wx-notice-border-radius: 0 var(--wx-border-radius) var(--wx-border-radius) 0;--wx-notice-margin: 6px 12px;--wx-notice-font-family: var(--wx-font-family);--wx-notice-font-size: var(--wx-font-size);--wx-notice-line-height: var(--wx-line-height);--wx-notice-font-weight: var(--wx-font-weight);--wx-notice-font-color: var(--wx-color-font);--wx-notice-padding: 14px;--wx-notice-width: 240px;--wx-notice-icon-size: var(--wx-icon-size);--wx-notice-icon-color: var(--wx-icon-color);--wx-notice-type-border-width: 4px;--wx-notice-type-border-color: var(--wx-icon-color);--wx-notice-type-font-color: var(--wx-color-font);--wx-notice-type-icon-color: var(--wx-icon-color);--wx-notice-type-background-opacity: 0;--wx-notice-type-close-hover-opacity: 1;--wx-calendar-padding: 16px;--wx-calendar-cell-size: 32px;--wx-calendar-gap: 4px;--wx-calendar-line-gap: 4px;--wx-calendar-border-radius: var(--wx-border-radius);--wx-calendar-font-family: var(--wx-font-family);--wx-calendar-font-size: var(--wx-font-size);--wx-calendar-line-height: var(--wx-line-height);--wx-calendar-font-weight: var(--wx-font-weight);--wx-calendar-font-color: var(--wx-color-font);--wx-calendar-icon-color: var(--wx-icon-color);--wx-calendar-icon-size: var(--wx-icon-size);--wx-calendar-header-font-size: var(--wx-font-size);--wx-calendar-header-line-height: var(--wx-line-height);--wx-calendar-header-font-weight: var(--wx-font-weight-md);--wx-calendar-controls-font-family: var(--wx-button-font-family);--wx-calendar-controls-font-size: var(--wx-font-size);--wx-calendar-controls-line-height: var(--wx-line-height);--wx-calendar-controls-font-weight: var(--wx-font-weight);--wx-calendar-controls-font-color: var(--wx-color-font)}.wx-willow-theme{font-family:var(--wx-font-family);font-size:var(--wx-font-size);line-height:var(--wx-line-height);font-weight:var(--wx-font-weight);font-style:normal;letter-spacing:normal;text-align:left;color:var(--wx-color-font);background:var(--wx-background)}.wx-willow-theme *,.wx-willow-theme *:before,.wx-willow-theme *:after{box-sizing:border-box}.wx-willow-dark-theme{--wx-color-primary: #7a67eb;--wx-color-primary-selected: rgba(122, 103, 235, .3);--wx-color-primary-font: #fff;--wx-color-secondary: transparent;--wx-color-secondary-hover: rgba(122, 103, 235, .12);--wx-color-secondary-font: var(--wx-color-primary);--wx-color-secondary-font-hover: var(--wx-color-primary);--wx-color-secondary-border: var(--wx-color-primary);--wx-color-secondary-border-disabled: #9fa1ae;--wx-color-success: #77d257;--wx-color-warning: #fcba2e;--wx-color-info: var(--wx-color-primary);--wx-color-danger: #fe6158;--wx-color-disabled: #384047;--wx-color-disabled-alt: #44474a;--wx-color-font: rgba(255, 255, 255, .9);--wx-color-font-alt: #9fa1ae;--wx-color-font-disabled: #9fa1ae;--wx-color-link: var(--wx-color-primary);--wx-background: #2a2b2d;--wx-background-alt: #384047;--wx-background-hover: #20262b;--wx-font-family: "Open Sans", Arial, Helvetica, sans-serif;--wx-font-size: 14px;--wx-line-height: 20px;--wx-font-size-md: 14px;--wx-line-height-md: 24px;--wx-font-size-hd: 16px;--wx-line-height-hd: 30px;--wx-font-size-sm: 12px;--wx-line-height-sm: 16px;--wx-font-weight: 400;--wx-font-weight-md: 600;--wx-font-weight-b: 700;--wx-icon-color: #c0c3ce;--wx-icon-size: var(--wx-line-height);--wx-border: 1px solid #384047;--wx-border-radius: 3px;--wx-radius-major: 6px;--wx-border-light: 1px solid #384047;--wx-border-medium: 1px solid #384047;--wx-shadow-light: 0px 4px 20px 0px rgba(44, 47, 60, .12);--wx-shadow-medium: none;--wx-box-shadow: 0px 4px 48px rgba(44, 47, 60, .18);--wx-box-shadow-strong: 0px 4px 48px rgba(44, 47, 60, .18), 0px 4px 8px rgba(14, 14, 15, .3);--wx-padding: 8px;--wx-field-gutter: 16px;--wx-field-width: 400px;--wx-input-font-family: var(--wx-font-family);--wx-input-font-size: var(--wx-font-size);--wx-input-line-height: var(--wx-line-height);--wx-input-font-weight: var(--wx-font-weight);--wx-input-text-align: left;--wx-input-font-color: var(--wx-color-font);--wx-input-background: var(--wx-background);--wx-input-background-disabled: var(--wx-color-disabled);--wx-input-placeholder-color: var(--wx-color-font-alt);--wx-input-border: var(--wx-border);--wx-input-border-focus: 1px solid var(--wx-color-primary);--wx-input-border-disabled: var(--wx-border);--wx-input-border-radius: 3px;--wx-input-height: 32px;--wx-input-width: 100%;--wx-input-padding: 5px 8px;--wx-input-icon-indent: 6px;--wx-input-icon-color: var(--wx-icon-color);--wx-input-icon-size: var(--wx-icon-size);--wx-multicombo-tag-gap: 3px;--wx-multicombo-tag-border: none;--wx-multicombo-tag-border-radius: var(--wx-input-border-radius);--wx-multicombo-tag-pading: 2px 8px;--wx-multicombo-tag-background: var(--wx-background-alt);--wx-checkbox-height: var(--wx-line-height);--wx-checkbox-size: var(--wx-checkbox-height);--wx-checkbox-border-width: 2px;--wx-checkbox-border-color: var(--wx-color-font-alt);--wx-checkbox-border-color-disabled: var(--wx-color-disabled);--wx-checkbox-border-radius: var(--wx-input-border-radius);--wx-checkbox-font-family: var(--wx-font-family);--wx-checkbox-font-size: var(--wx-font-size);--wx-checkbox-line-height: var(--wx-line-height);--wx-checkbox-font-weight: var(--wx-font-weight);--wx-checkbox-font-color: var(--wx-color-font);--wx-label-width: 100px;--wx-label-margin: 0 0 4px;--wx-label-padding: 0;--wx-label-font-family: var(--wx-font-family);--wx-label-font-size: var(--wx-font-size);--wx-label-line-height: var(--wx-line-height);--wx-label-font-weight: var(--wx-font-weight-md);--wx-label-font-color: var(--wx-color-font);--wx-button-font-family: var(--wx-font-family);--wx-button-font-size: var(--wx-font-size-md);--wx-button-line-height: var(--wx-line-height);--wx-button-font-weight: var(--wx-font-weight-md);--wx-button-text-transform: none;--wx-button-background: var(--wx-background-alt);--wx-button-font-color: var(--wx-color-font);--wx-button-danger-font-color: #fff;--wx-button-border: 1px solid transparent;--wx-button-border-radius: var(--wx-border-radius);--wx-button-height: 32px;--wx-button-padding: 5px 16px;--wx-button-icon-indent: 5px;--wx-button-icon-size: 20px;--wx-button-pressed: #353d44;--wx-button-danger-pressed: #cb4e46;--wx-button-primary-pressed: #5643c7;--wx-button-box-shadow: -2px -2px 4px 0px rgba(255, 255, 255, .06) inset, 2px 2px 3px 1px rgba(0, 0, 0, .16) inset;--wx-button-primary-box-shadow: -2px -2px 4px 0px rgba(255, 255, 255, .12) inset, 2px 2px 3px 1px rgba(0, 0, 0, .2) inset;--wx-segmented-background: var(--wx-background-alt);--wx-segmented-background-hover: var(--wx-background-hover);--wx-segmented-border: none;--wx-segmented-border-radius: 6px;--wx-segmented-padding: 0px;--wx-tabs-background: var(--wx-background);--wx-tabs-background-hover: transparent;--wx-tabs-hover-border: #9fa1ae;--wx-tabs-border-width: 1px;--wx-tabs-border-radius: var(--wx-border-radius);--wx-tabs-divider-width: 1px;--wx-tabs-divider-height: 60%;--wx-tabs-divider-color: transparent;--wx-tabs-cell-min-width: 100px;--wx-tabs-active-background: transparent;--wx-tabs-active-color: var(--wx-color-primary);--wx-tabs-active-border: var(--wx-tabs-active-color);--wx-slider-height: 14px;--wx-slider-primary: var(--wx-color-primary);--wx-slider-background: var(--wx-background-alt);--wx-slider-track-height: 4px;--wx-slider-track-border-radius: 2px;--wx-slider-thumb-size: var(--wx-slider-height);--wx-slider-thumb-border: none;--wx-slider-thumb-border-disabled: 1px solid var(--wx-color-disabled);--wx-slider-thumb-shadow: none;--wx-slider-label-margin: 0 0 5px;--wx-slider-label-font-family: var(--wx-font-family);--wx-slider-label-font-size: var(--wx-font-size);--wx-slider-label-line-height: var(--wx-line-height);--wx-slider-label-font-weight: var(--wx-font-weight-md);--wx-slider-label-font-color: var(--wx-color-font);--wx-switch-primary: var(--wx-color-primary);--wx-switch-background: #384047;--wx-switch-width: 48px;--wx-switch-height: 24px;--wx-switch-border-width: 0px;--wx-switch-border-color: transparent;--wx-switch-border-color-disabled: transparent;--wx-switch-thumb-offset: 1px;--wx-switch-thumb-border: none;--wx-switch-thumb-border-disabled: 1px solid rgba(255, 255, 255, .7);--wx-switch-thumb-background: rgba(255, 255, 255, .9);--wx-switch-thumb-background-disabled: var(--wx-color-disabled);--wx-switch-thumb-shadow: none;--wx-popup-z-index: 100;--wx-popup-background: var(--wx-background);--wx-popup-shadow: var(--wx-shadow-light);--wx-popup-border: 1px solid rgba(255, 255, 255, .26);--wx-popup-border-radius: var(--wx-border-radius);--wx-modal-z-index: 1000;--wx-modal-background: var(--wx-background);--wx-modal-shadow: var(--wx-shadow-medium);--wx-modal-border: 1px solid #ffffff42;--wx-modal-border-radius: var(--wx-border-radius);--wx-modal-width: 280px;--wx-modal-padding: 16px 20px;--wx-modal-gutter: 14px;--wx-modal-backdrop: rgba(108, 114, 131, .2);--wx-modal-header-font-family: var(--wx-font-family);--wx-modal-header-font-size: var(--wx-font-size-hd);--wx-modal-header-line-height: var(--wx-line-height-hd);--wx-modal-header-font-weight: var(--wx-font-weight-b);--wx-modal-header-font-color: #fff;--wx-notice-z-index: 1010;--wx-notice-background: var(--wx-background-alt);--wx-notice-shadow: var(--wx-shadow-medium);--wx-notice-border: none;--wx-notice-border-radius: 0 var(--wx-border-radius) var(--wx-border-radius) 0;--wx-notice-margin: 6px 12px;--wx-notice-font-family: var(--wx-font-family);--wx-notice-font-size: var(--wx-font-size);--wx-notice-line-height: var(--wx-line-height);--wx-notice-font-weight: var(--wx-font-weight);--wx-notice-font-color: var(--wx-color-font);--wx-notice-padding: 14px;--wx-notice-width: 240px;--wx-notice-icon-size: var(--wx-icon-size);--wx-notice-icon-color: var(--wx-icon-color);--wx-notice-type-border-width: 4px;--wx-notice-type-border-color: var(--wx-icon-color);--wx-notice-type-font-color: var(--wx-color-font);--wx-notice-type-icon-color: #9fa1ae;--wx-notice-type-background-opacity: 0;--wx-notice-type-close-hover-opacity: 1;--wx-calendar-padding: 16px;--wx-calendar-cell-size: 32px;--wx-calendar-gap: 4px;--wx-calendar-line-gap: 4px;--wx-calendar-border-radius: var(--wx-border-radius);--wx-calendar-font-family: var(--wx-font-family);--wx-calendar-font-size: var(--wx-font-size);--wx-calendar-line-height: var(--wx-line-height);--wx-calendar-font-weight: var(--wx-font-weight);--wx-calendar-font-color: var(--wx-color-font);--wx-calendar-icon-color: var(--wx-icon-color);--wx-calendar-icon-size: var(--wx-icon-size);--wx-calendar-header-font-size: var(--wx-font-size);--wx-calendar-header-line-height: var(--wx-line-height);--wx-calendar-header-font-weight: var(--wx-font-weight-md);--wx-calendar-controls-font-family: var(--wx-button-font-family);--wx-calendar-controls-font-size: var(--wx-font-size);--wx-calendar-controls-line-height: var(--wx-line-height);--wx-calendar-controls-font-weight: var(--wx-font-weight);--wx-calendar-controls-font-color: var(--wx-color-font)}.wx-willow-dark-theme{font-family:var(--wx-font-family);font-size:var(--wx-font-size);line-height:var(--wx-line-height);font-weight:var(--wx-font-weight);font-style:normal;letter-spacing:normal;text-align:left;color:var(--wx-color-font);background:var(--wx-background)}.wx-willow-dark-theme *,.wx-willow-dark-theme *:before,.wx-willow-dark-theme *:after{box-sizing:border-box}