alex-evo-sh-ui-kit 1.0.39 → 1.0.40

package/dist/alex-evo-sh-ui-kit.es.js

@@ -2457,7 +2457,7 @@ const en = ({ readonly: n, name: t, data: r, onChange: s, onDelete: c, baseType:
     /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: j, children: "save" })
   ] });
 };
-const ws = ({ children: n }) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit alex-evo-sh-ui-kit-panel", children: n });
+const ws = ({ children: n, className: t, style: r }) => /* @__PURE__ */ e.jsx("div", { style: r, className: `alex-evo-sh-ui-kit alex-evo-sh-ui-kit-panel ${t}`, children: n });
 function Pr(n) {
   return n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }

package/dist/alex-evo-sh-ui-kit.umd.js

@@ -145,4 +145,4 @@ React keys must be passed directly to JSX without using spread:
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const Ne=W("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),No="",de=({children:t,container:n})=>n?ln.createPortal(t,n):e.jsx("p",{children:"container not found"}),Co="";function Nn(t,n,a){if(!(!t||!n)){t.clearRect(0,0,n.width,n.height),a||(a="#ff0000"),t.fillStyle=a,t.fillRect(0,0,n.width,n.height);var o=t.createLinearGradient(0,0,n.width,0);o.addColorStop(0,"#fff"),o.addColorStop(1,"transparent"),t.fillStyle=o,t.fillRect(0,0,n.width,n.height);var r=t.createLinearGradient(0,0,0,n.height);r.addColorStop(0,"transparent"),r.addColorStop(1,"#000"),t.fillStyle=r,t.fillRect(0,0,n.width,n.height)}}function Cn(t,n,a,o){!n||!t||t.addEventListener("mousedown",function(r){Sn(r,t,a,o)})}function pt(t,n,a,o){if(t.preventDefault(),!n)return;const r=n.getBoundingClientRect();let i=t.clientY-r.top;i>r.height&&(i=r.height),i<0&&(i=0);let d=t.clientX-r.left;d>r.width&&(d=r.width),d<0&&(d=0);const s=i/r.height,l=d/r.width,p=100-100*s,x=100*l;o(Math.round(x),Math.round(p)),ht(a,d,i)}function Sn(t,n,a,o){const r=d=>pt(d,n,a,o);pt(t,n,a,o),a.classList.add("dragging"),window.addEventListener("mousemove",r),window.addEventListener("mouseup",i);function i(){a.classList.remove("dragging"),window.removeEventListener("mousemove",r),window.removeEventListener("mouseup",i)}}function ht(t,n,a){t.style.top=a+"px",t.style.left=n+"px"}function _n(t,n){if(!t||!n)return;const a=t.createLinearGradient(0,0,0,n.height);a.addColorStop(0,"hsl(0, 100%, 50%)"),a.addColorStop(.17,"hsl(298.8, 100%, 50%)"),a.addColorStop(.33,"hsl(241.2, 100%, 50%)"),a.addColorStop(.5,"hsl(180, 100%, 50%)"),a.addColorStop(.67,"hsl(118.8, 100%, 50%)"),a.addColorStop(.83,"hsl(61.2, 100%, 50%)"),a.addColorStop(1,"hsl(360, 100%, 50%)"),t.fillStyle=a,t.fillRect(0,0,n.width,n.height)}function En(t,n,a,o){!t||!n||n.addEventListener("mousedown",function(r){On(r,a,n,o)})}function xt(t,n,a,o){if(t.preventDefault(),!n)return;const r=n.getBoundingClientRect();let i=t.clientY-r.top;i>r.height&&(i=r.height),i<0&&(i=0);const s=360-360*(i/r.height);o(s),ft(a,i)}function On(t,n,a,o){const r=d=>xt(d,a,n,o);xt(t,a,n,o),n.classList.add("dragging"),window.addEventListener("mousemove",r),window.addEventListener("mouseup",i);function i(){n.classList.remove("dragging"),window.removeEventListener("mousemove",r),window.removeEventListener("mouseup",i)}}function ft(t,n){t.style.top=n+"px"}function Tn(t,n,a){arguments.length===1&&(n=t.s,a=t.l,t=t.h);var o=t,r,i;return a*=2,n*=a<=1?a:2-a,i=(a+n)/2,r=2*n/(a+n),{h:o,s:r,v:i}}function Rn(t,n,a){arguments.length===1&&(n=t.s,a=t.v,t=t.h);var o=(2-n)*a/2;return o!=0&&(o==1?n=0:o<.5?n=n*a/(o*2):n=n*a/(2-o*2)),{h:t,s:n,l:o}}function ue(t,n,a){var o,r,i,d,s,l,p,x;switch(arguments.length===1&&(n=t.s,a=t.v,t=t.h),d=Math.floor(t*6),s=t*6-d,l=a*(1-n),p=a*(1-s*n),x=a*(1-(1-s)*n),d%6){case 0:o=a,r=x,i=l;break;case 1:o=p,r=a,i=l;break;case 2:o=l,r=a,i=x;break;case 3:o=l,r=p,i=a;break;case 4:o=x,r=l,i=a;break;case 5:o=a,r=l,i=p;break}return{r:Math.round(o*255),g:Math.round(r*255),b:Math.round(i*255)}}function Ae(t){let n=t.toString(16);return n.length===1&&(n="0"+n),n}function pe(t){return Ae(t.r)+Ae(t.g)+Ae(t.b)}function ke(t,n,a){arguments.length===1&&(n=t.g,a=t.b,t=t.r);var o=Math.max(t,n,a),r=Math.min(t,n,a),i=o-r,d,s=o===0?0:i/o,l=o/255;switch(o){case r:d=0;break;case t:d=n-a+i*(n<a?6:0),d/=6*i;break;case n:d=a-t+i*2,d/=6*i;break;case a:d=t-n+i*4,d/=6*i;break}return{h:d,s,v:l}}function he(t){var n=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;t=t.replace(n,function(o,r,i,d){return r+r+i+i+d+d});var a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return a?{r:parseInt(a[1],16),g:parseInt(a[2],16),b:parseInt(a[3],16)}:null}const mt=he,Fn=t=>{if(!t)return"linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))";const n=mt(t);return n?`linear-gradient(135deg, rgba(${n.r}, ${n.g}, ${n.b}, 0.1), rgba(${n.r}, ${n.g}, ${n.b}, 0))`:"linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))"},So="",Ce=({children:t,onHide:n,disableBackplate:a})=>{function o(){n&&n()}return e.jsxs("div",{className:"modal-container",style:{zIndex:a?"0":void 0},children:[e.jsx("div",{onClick:o,style:{display:a?"none":void 0},className:"backplate"}),t]})},oe=({className:t,children:n,header:a,action:o,onHide:r,style:i,clearStyle:d=!1,disableBackplate:s})=>{function l(){r&&r()}return e.jsx(Ce,{onHide:l,disableBackplate:s,children:e.jsxs("div",{style:i,className:`${d?"":"dialog-container"} dialog-container-base ${t}`,children:[a?e.jsx("div",{className:"dialog-header",children:e.jsx("h2",{className:"text-3xl",children:a})}):null,e.jsx("div",{className:"dialog-content",children:n}),o?e.jsx("div",{className:"dialog-action",children:o}):null]})})},Pn=["#FFFFFF","#FFFB0D","#0532FF","#FF9300","#00F91A","#FF2700","#000000","#686868","#EE5464","#D27AEE","#5BA8C4","#E64AA9"],Dn=({onHide:t,beginColor:n,onChange:a,onAddColor:o,userColor:r=[]})=>{const i=u.useRef(null),d=u.useRef(null),s=u.useRef(null),l=u.useRef(null),[p,x]=u.useState(n?ke(he(n)):{h:0,s:1,v:.5}),h=u.useMemo(()=>ue(p),[p]),m=u.useMemo(()=>"#"+pe(h),[h]),[b,f]=u.useState(!1),[v,C]=u.useState(m),j=u.useMemo(()=>v[0]!="#"?"#"+v:v,[v]);function y(_,A,U,B,G){if(!(!_||!U))try{const Y=_.getBoundingClientRect(),te=U.getBoundingClientRect(),ae=Math.round(G.s*Y.width),ce=Math.round((1-G.v)*Y.height),V=(360-G.h*360)/360*te.height;ht(A,ae,ce),ft(B,V)}catch{}}const S=_=>{x(ke(he(_))),C(_)},w=u.useCallback(()=>{o&&o([...r,m])},[o,r,m]),O=u.useCallback(()=>{a&&a(m)},[a,m]),T=u.useCallback((_,A)=>{x(ke({...h,[_]:A})),C(pe({...h,[_]:A}))},[h]),z=u.useCallback(_=>{C(_)},[]);return u.useEffect(()=>{(v.length===4||v.length===7)&&x(ke(he(v)))},[v]),u.useEffect(()=>{if(!s.current||!i.current||!d.current||!l.current)return;const _=s.current.getContext("2d");Nn(_,s.current,`#${pe(ue(p.h,1,1))}`),y(s.current,l.current,i.current,d.current,p)},[p]),u.useEffect(()=>{if(!s.current||!l.current)return;const _=s.current.getContext("2d");Cn(s.current,_,l.current,(A,U)=>{x(B=>{const G={...B,s:A/100,v:U/100};return C(pe(ue(G))),G})})},[]),u.useEffect(()=>{if(!i.current||!d.current)return;const _=i.current.getContext("2d");_n(_,i.current),En(_,i.current,d.current,A=>{x(U=>{const B={...U,h:A/360};return C(pe(ue(B))),B})})},[]),u.useEffect(()=>{console.log(p,h)},[p]),e.jsxs(oe,{className:"color-picker-panel",onHide:t,clearStyle:!0,children:[e.jsxs("div",{className:"panel-row",style:{padding:0},children:[e.jsx("div",{className:"swatches default-swatches",children:Pn.map((_,A)=>e.jsx("button",{onClick:()=>S(_),className:"swatch",style:{backgroundColor:_}},A))}),e.jsx("button",{className:"button-color-picker eyedropper",onClick:O,children:"Get Color"})]}),e.jsxs("div",{className:"panel-row",style:{padding:0},children:[e.jsxs("div",{className:"spectrum-map spectrum-cursor",children:[e.jsx("button",{ref:l,className:"color-cursor spectrum-cursor"}),e.jsx("canvas",{ref:s,className:"spectrum-canvas spectrum-canvas-color-picker"})]}),e.jsxs("div",{className:"hue-map",children:[e.jsx("button",{ref:d,className:"color-cursor hue-cursor"}),e.jsx("canvas",{ref:i,className:"hue-canvas hue-canvas-color-picker"})]})]}),e.jsxs("div",{className:"panel-row",style:{padding:0},children:[e.jsxs("div",{className:`field-group value-fields rgb-fields ${b?"":"active"}`,children:[e.jsxs("div",{className:"field-group",children:[e.jsx("label",{className:"field-label",children:"R:"}),e.jsx("input",{type:"number",max:"255",min:"0",value:h.r,onChange:_=>T("r",Number(_.target.value)),className:"field-input rgb-input"})]}),e.jsxs("div",{className:"field-group",children:[e.jsx("label",{className:"field-label",children:"G:"}),e.jsx("input",{type:"number",max:"255",min:"0",value:h.g,onChange:_=>T("g",Number(_.target.value)),className:"field-input rgb-input"})]}),e.jsxs("div",{className:"field-group",children:[e.jsx("label",{className:"field-label",children:"B:"}),e.jsx("input",{type:"number",max:"255",min:"0",value:h.b,onChange:_=>T("b",Number(_.target.value)),className:"field-input rgb-input"})]})]}),e.jsxs("div",{className:`field-group value-fields hex-field ${b?"active":""}`,children:[e.jsx("label",{className:"field-label",children:"Hex:"}),e.jsx("input",{type:"text",className:"field-input",value:j,onChange:_=>z(_.target.value)})]}),e.jsx("button",{className:"button-color-picker mode-toggle",onClick:()=>f(_=>!_),children:"Mode"})]}),e.jsxs("div",{className:"panel-row",style:{padding:0},children:[e.jsx("h2",{className:"panel-header",children:"User Colors"}),e.jsx("div",{id:"user-swatches",className:"swatches custom-swatches",children:r?r.map((_,A)=>e.jsx("button",{onClick:()=>S(_),className:"swatch",style:{backgroundColor:_}},A)):null}),e.jsxs("button",{onClick:w,className:"button-color-picker add-swatch",children:[e.jsx("span",{style:{backgroundColor:`#${pe(ue(p))}`},className:"color-indicator"}),e.jsx("span",{children:"Add to Swatches"})]})]})]})},Mn=({border:t,onChange:n,container:a,value:o,className:r,transparent:i,userColor:d,onAddColor:s})=>{const[l,p]=u.useState(!1),[x,h]=u.useState(o??"#f00"),m=()=>{p(!0)},b=u.useCallback(f=>{console.log(f),h(f),n&&n(f),p(!1)},[n]);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:`input-field color-field ${t?"border":""} ${i?"transparent":""} ${r??""}`,children:[e.jsx("div",{className:"color-field-label",onClick:m,children:e.jsx("span",{className:"data color-field-data",children:x})}),e.jsx("div",{className:" color-indicator-field",style:{backgroundColor:x},onClick:m}),e.jsx("div",{className:"color-icon-container icon-container",style:{marginRight:"12px",marginLeft:"0"},onClick:m,children:e.jsx(vn,{})})]}),l?e.jsx(de,{container:a,children:e.jsx(Dn,{userColor:d,onAddColor:s,onChange:b,beginColor:x,onHide:()=>p(!1)})}):null]})},_o="",bt=({children:t,className:n,maxHeight:a,scroll:o,transparent:r})=>e.jsx("ul",{style:{overflowY:a?o?"scroll":"hidden":void 0,maxHeight:a,backgroundColor:r?"transparent":void 0},className:`list-container ${n} ${o?"scroll":""}`,children:t});var q=(t=>(t.MOBILE="MOBILE",t.STANDART="STANDART",t.BIG_SCREEN="BIG_SCREEN",t))(q||{});const Eo="",gt={[q.MOBILE]:"small-screen",[q.STANDART]:"standart-screen",[q.BIG_SCREEN]:"big-screen"};function vt(t,n=q.STANDART){return`var(--${t}-${gt[n]})`}function kt(t,n="standart"){return`var(--${t}-${n})`}function yt(t,n="normal",a=q.STANDART){return`var(--${t}-heights-${gt[a]}-${n})`}const re=t=>{var n,a,o,r,i,d;return t.type==="heading"||t.type==="title"?e.jsx("h3",{...t,style:{...t.style,fontSize:((n=t.style)==null?void 0:n.fontSize)??vt(t.type,t.screensize),fontWeight:((a=t.style)==null?void 0:a.fontWeight)??kt(t.type,t.weight),lineHeight:((o=t.style)==null?void 0:o.lineHeight)??yt(t.type,t.density,t.screensize)},className:`alex-evo-ui-kit alex-evo-ui-kit-heading ${t.className}`}):e.jsx("span",{...t,style:{...t.style,fontSize:((r=t.style)==null?void 0:r.fontSize)??vt(t.type,t.screensize),fontWeight:((i=t.style)==null?void 0:i.fontWeight)??kt(t.type,t.weight),lineHeight:((d=t.style)==null?void 0:d.lineHeight)??yt(t.type,t.density,t.screensize)},className:`alex-evo-ui-kit alex-evo-ui-kit-text ${t.className}`})},jt=({icon:t,control:n,text:a,header:o,value:r,onClick:i,hovered:d,className:s})=>{const l=p=>{p.target.closest(".control-container")||i&&i(p)};return e.jsxs("li",{className:` ${s} list-item-container ${d?"hovered":""}`,onClick:l,children:[t?e.jsx("div",{className:"icon-container",children:t}):r?e.jsx("div",{className:"icon-container",children:r}):null,a?e.jsxs("div",{className:"text-container",children:[e.jsx("div",{className:"header",children:e.jsx(re,{type:"body",children:o})}),e.jsx("div",{className:"text",children:e.jsx(re,{type:"small",children:a})})]}):e.jsx("div",{className:"text-container",children:e.jsx("div",{className:"header",children:e.jsx(re,{type:"body",children:o})})}),n?e.jsx("div",{className:"control-container",children:n}):null]})},Oo="",xe=({transparent:t,icon:n,className:a,onClick:o,onContextMenu:r,disabled:i,classNameContainer:d,style:s})=>{const l=p=>{o&&o(p);let x=document.createElement("span");x.classList.add("btn-overlay");let h=p.pageX-p.currentTarget.offsetLeft,m=p.pageY-p.currentTarget.offsetTop;x.style.left=h+"px",x.style.top=m+"px",p.currentTarget.appendChild(x),setTimeout(()=>{x.remove()},500)};return e.jsx("button",{style:{backgroundColor:t?"transparent":void 0,...s},className:`iconbutton ${a}`,onClick:l,onContextMenu:r,disabled:i,children:e.jsx("div",{className:`${d} iconbutton-container`,children:n})})},To="",zn=({style:t,className:n,action:a,imgSrc:o,alt:r,header:i,subhead:d,text:s,children:l,iconButtonCell:p,onClick:x,screenSize:h})=>{const m=f=>!(f.target.className==="action-container"||f.target.closest(".action-container")||f.target.className==="icon-button-container"||f.target.closest(".icon-button-container")||f.target.className==="card-child-container"||f.target.closest(".card-child-container")),b=f=>{if(!m(f))return;x&&x(f);let v=f.currentTarget.closest(".card-container"),C=v==null?void 0:v.querySelector(".blick-container");if(!C)return;let j=document.createElement("span");j.classList.add("btn-overlay");let y=f.pageX-f.currentTarget.offsetLeft,S=f.pageY-f.currentTarget.offsetTop;j.style.left=y+"px",j.style.top=S+"px",C.appendChild(j),setTimeout(()=>{j.remove()},500)};return e.jsxs("div",{style:t,className:`card-container ${n}`,onClick:b,children:[e.jsx("div",{className:"blick-container"}),o?e.jsx("div",{className:"card-img-container",children:e.jsx("img",{src:o,alt:r})}):null,e.jsxs("div",{className:"card-content-container",children:[e.jsxs("div",{className:"card-Headline-container mb-1 font-bold",children:[e.jsx("div",{className:"headline",children:e.jsx(re,{type:"title",weight:"bold",screensize:h,className:"card-heading",children:i})}),p?e.jsx("div",{className:"icon-button-container",children:p}):null]}),d?e.jsx("div",{className:"card-subhead-container mb-1",children:e.jsx("div",{className:"subhead",children:e.jsx(re,{style:{display:"block"},type:"title-2",weight:"bold",screensize:h,className:"card-subhead",children:d})})}):null,s?e.jsx("div",{className:"card-text-container mb-1",children:e.jsx("div",{className:"text",children:e.jsx(re,{type:"body",screensize:h,className:"",children:s})})}):null,l?e.jsx("div",{className:"card-child-container mb-2",children:l}):null,e.jsx("div",{className:"action-container",children:a})]})]})},Ro="",wt=({children:t,className:n})=>e.jsx("div",{className:`base-action-card ${n??""}`,children:t}),Fo="",Bn=({children:t,className:n,id:a,height:o,width:r,pozMove:i})=>{const[d,s]=u.useState(!1),[l,p]=u.useState(null),[x,h]=u.useState({x:0,y:0}),m=v=>{v.button==1&&(s(!1),p(null),document.body.style.cursor="auto")},b=v=>{v.button==1&&(p({x:v.clientX,y:v.clientY}),s(!0),document.body.style.cursor="move")},f=u.useCallback(v=>{d&&(h(C=>{if(!l)return C;const j=v.clientX-l.x,y=v.clientY-l.y;let S=C.x+j,w=C.y+y;return{x:S,y:w}}),p({x:v.clientX,y:v.clientY}))},[d,l]);return u.useEffect(()=>{i&&h({...i})},[i]),e.jsx("div",{id:a,style:{height:o,width:r},className:`big-container ${n}`,onMouseDown:b,onMouseUp:m,onMouseMove:f,children:e.jsx("div",{className:"big-container-content",style:{left:x.x,top:x.y},children:t})})},Po="",Nt=t=>{const[n,a]=u.useState(!1),[o,r]=u.useState(!0),i=u.useRef(null),d=u.useCallback(()=>{a(!0),setTimeout(()=>{t.onHide(),a(!1),r(!0)},200)},[t.onHide]);u.useEffect(()=>{t.visible&&r(!1)},[t.visible]),u.useEffect(()=>{!t.visible&&!o&&d()},[t.visible,d,o]);const s=u.useCallback(h=>{window.screen.height-h.changedTouches[0].clientY<=150&&d(),i.current&&(i.current.style.height=`${window.screen.height-h.changedTouches[0].clientY}px`)},[d]),l=h=>{window.screen.height-h.clientY-120<=150&&d(),i.current&&(i.current.style.height=`${window.screen.height-h.clientY-120}px`)},p=()=>{document.body.removeEventListener("mousemove",l),document.body.removeEventListener("mouseup",p)},x=()=>{document.body.addEventListener("mousemove",l),document.body.addEventListener("mouseup",p)};return o&&!n||!t.children?null:e.jsx(Ce,{onHide:d,children:e.jsxs("div",{ref:i,className:`bottom-sheets ${n?"hide":""}`,children:[e.jsx("div",{className:"bottom-sheets-handle",onMouseDown:x,onTouchMove:s,children:e.jsx("span",{})}),e.jsx("div",{className:"bottom-sheets-content",children:t.children})]})})},Do="",An=({name:t,checked:n,onChange:a,readOnly:o,checkIcon:r})=>e.jsxs("label",{className:"checkbox-container",children:[e.jsx("input",{className:"checkbox",name:t,type:"checkbox",checked:n,onChange:a,readOnly:o}),e.jsx("span",{className:"checkbox-box",children:r||e.jsx("span",{className:"checkbox-ckeck-icon",children:"✓"})})]}),Mo="",Ct=({text:t,onDelete:n,big:a,onClick:o,screenSize:r})=>{const i=s=>!(s.target.className==="alex-evo-ui-kit-chips-btn"||s.target.closest(".alex-evo-ui-kit-chips-btn")),d=s=>{i(s)&&o&&o(s)};return e.jsxs("div",{className:`alex-evo-ui-kit-chips chips ${a?"big-chips":""} ${o?"hovered":""}`,onClick:d,children:[e.jsx(re,{type:"body",screensize:r,children:t}),n?e.jsx("div",{className:"alex-evo-ui-kit-chips-btn chips-btn",onClick:n,children:e.jsx(Ne,{size:18})}):null]})},zo="",Le=({styleContainer:t,type:n="text",transparent:a,readOnly:o,password:r,border:i,onClear:d,icon:s,onChange:l,name:p,value:x,placeholder:h,className:m,validEmptyValue:b,onFocus:f,onBlur:v,error:C,max:j,min:y})=>{const S=u.useRef(null),[w,O]=u.useState(!1),[T,z]=u.useState(!1),_=()=>{S.current&&S.current.focus()},A=G=>{f&&f(G),z(!0)},U=G=>{v&&v(G),z(!1)},B=u.useCallback((G,Y)=>O(!!(C||G&&(!Y||Y===""))),[]);return u.useEffect(()=>{B(b,x)},[x,b,B]),e.jsxs("div",{style:t,className:`input-field text-field ${i?"border":""} ${T?"active":""} ${a?"transparent":""} ${m}`,children:[s?e.jsx("div",{className:"icon-container",onClick:_,children:s}):null,e.jsxs("div",{className:"input-container",onClick:_,children:[e.jsx("input",{ref:S,max:j,min:y,readOnly:o,required:!0,type:r?"password":n,className:`${w?"error":""}`,name:p,value:x,onChange:l,onFocus:A,onBlur:U}),e.jsx("label",{children:h?e.jsx("span",{children:h}):null})]}),d?e.jsx("div",{className:"icon-container clear-btn",children:e.jsx(dt,{onClick:d})}):null]})},Bo="",Ln=({styleContainer:t,transparent:n,readOnly:a,border:o,onClear:r,icon:i,onChange:d,name:s,value:l,placeholder:p,className:x,validEmptyValue:h,onFocus:m,onBlur:b,error:f,max:v,min:C})=>{const j=u.useRef(null),y=u.useRef(null),S=u.useRef(null),w=u.useRef(null),[O,T]=u.useState(!1),[z,_]=u.useState(l??0),A=u.useCallback((V,L)=>T(!!(f||V&&(!L||L===""))),[]),U=()=>{w.current&&w.current.focus()},B=u.useCallback((V,L)=>{d&&(S.current&&clearTimeout(S.current),S.current=setTimeout(()=>{S.current&&clearTimeout(S.current),d(V,L)},100))},[d]),G=u.useCallback(()=>{_(V=>{let L=V?V+1:1;return typeof v=="number"&&L>v&&(L=v),B(L,s),L})},[B,s,v]),Y=u.useCallback(()=>{_(V=>{let L=V?V-1:-1;return typeof C=="number"&&L<C&&(L=C),B(L,s),L})},[B,s,C]),te=u.useCallback(V=>{let L=Number(V.target.value);typeof C=="number"&&L<C&&(L=C),typeof v=="number"&&L>v&&(L=v),_(Number(V.target.value)),B(L,s)},[s,B,z,v,C]),ae=u.useCallback(()=>{j.current&&clearTimeout(j.current),y.current&&clearInterval(y.current),document.removeEventListener("mouseup",ae)},[]),ce=u.useCallback(V=>{V==="p"?G():V==="m"&&Y(),j.current&&clearTimeout(j.current),y.current&&clearInterval(y.current),document.addEventListener("mouseup",ae),j.current=setTimeout(()=>{y.current=setInterval(()=>{V==="p"?G():V==="m"&&Y()},100)},500)},[G,Y]);return u.useEffect(()=>{A(h,l)},[l,h,A]),u.useEffect(()=>{l&&!S.current&&_(l)},[l]),e.jsxs("div",{style:t,className:`input-field number-field ${o?"border":""} ${n?"transparent":""} ${x}`,children:[i?e.jsx("div",{className:"icon-container",onClick:U,children:i}):null,e.jsxs("div",{className:"input-container",onClick:U,children:[e.jsx("input",{ref:w,max:v,min:C,readOnly:a,required:!0,type:"number",className:`alex-evo-number-field ${O?"error":""}`,name:s,value:z,onChange:te,onFocus:m,onBlur:b}),e.jsx("label",{children:p?e.jsx("span",{children:p}):null}),e.jsx("span",{className:"text-field-line"})]}),r?e.jsx("div",{className:"clear-container",children:e.jsx(dt,{onClick:r})}):null,e.jsxs("div",{className:"button-block",children:[e.jsx("div",{className:"minus number-field-btn",onMouseDown:()=>ce("m"),children:e.jsx(gn,{})}),e.jsx("div",{className:"plus number-field-btn",onMouseDown:()=>ce("p"),children:e.jsx(yn,{})})]})]})},Ao="",Vn=({styleContainer:t,transparent:n,readOnly:a,border:o,icon:r,onChange:i,name:d,value:s,placeholder:l,className:p,validEmptyValue:x,onFocus:h,onBlur:m,error:b})=>{const f=u.useRef(null),[v,C]=u.useState(!1),j=u.useCallback((S,w)=>C(!!(b||S&&(!w||w===""))),[]);u.useEffect(()=>{j(x,s)},[s,x,j]);const y=()=>{f.current&&f.current.focus()};return e.jsxs("div",{style:t,className:`input-field text-area ${v?"error":""} ${o?"border":""} ${n?"transparent":""} ${p}`,children:[r?e.jsx("div",{className:"icon-container",onClick:y,children:r}):null,e.jsx("div",{className:"input-container textarea-container",onClick:y,children:e.jsx("textarea",{ref:f,readOnly:a,required:!0,placeholder:l,className:`${v?"error":""}`,name:d,value:s,onChange:i,onFocus:h,onBlur:m})})]})},Lo="",$=({style:t,short:n,text:a})=>a?e.jsxs("div",{style:t,className:`divider-and-text ${n?"short":""}`,children:[e.jsx("div",{className:`divider ${n?"short":""}`}),a,e.jsx("div",{className:`divider ${n?"short":""}`})]}):e.jsx("div",{style:t,className:`divider ${n?"short":""}`}),Vo="",St=({name:t,checked:n})=>e.jsxs("label",{className:"radio-button-container",children:[e.jsx("input",{className:"radio-button",name:t,type:"radio",checked:n,readOnly:!0}),e.jsx("span",{})]}),In=({defaultChecked:t,name:n,currentValue:a,value:o,onChange:r,readOnly:i,checked:d})=>e.jsxs("label",{className:"radio-button-container",children:[e.jsx("input",{defaultChecked:t,className:"radio-button",name:n,type:"radio",checked:a&&o&&a===o||d,value:o,onChange:r,readOnly:i}),e.jsx("span",{})]}),Io="",Yn=({style:t,icon:n,className:a,onClick:o,onContextMenu:r,children:i})=>e.jsxs("button",{style:t,className:`${a} extendedFAB`,onClick:o,onContextMenu:r,children:[n,i?e.jsx("span",{children:i}):null]}),Yo="",ye=t=>t?{height:Number(window.getComputedStyle(t).getPropertyValue("height").replace("px","")),width:Number(window.getComputedStyle(t).getPropertyValue("width").replace("px","")),left:Number(t.getBoundingClientRect().left),top:Number(t.getBoundingClientRect().top)}:void 0,Ve=(t,n,a,o)=>{let r={x:t,y:n};if(!a)return r;let i=Number(window.getComputedStyle(a).getPropertyValue("height").replace("px","")),d=Number(window.getComputedStyle(a).getPropertyValue("width").replace("px","")),s=n+i-document.documentElement.scrollHeight,l=t+d-document.documentElement.clientWidth;return s>0&&(r.y=r.y-s-((o==null?void 0:o.marginBottom)??0)),l>0&&(r.x=r.x-l-((o==null?void 0:o.marginRight)??0)),r},Hn=10,_t=.002,Wn=({children:t,label:n,className:a,style:o,border:r,hiding:i,defaultVisible:d=!1,action:s})=>{const[l,p]=u.useState(i?d:!0),x=u.useRef(null),h=v=>{if(!v)return;const C=ye(v);if(C)return C.height+Hn},m=v=>{const C=h(v);return C?C*_t>1?1:C*_t:.4},b=v=>{const C=v.target;C.closest(".action-btn")||C.classList.contains("action-btn")||i&&p(y=>!y)};u.useEffect(()=>{!i&&!l&&p(!0)},[i,l]);const f=u.useMemo(()=>m(x.current),[x.current]);return console.log(f),e.jsxs("div",{style:o,className:`content-box ${r?"border":""} ${l?"active":""} ${a??""}`,children:[e.jsxs("div",{className:"content-box-label",onClick:b,children:[e.jsx(re,{type:"title",children:n}),e.jsx("div",{className:"content-box-action-container",children:s?e.jsx("div",{className:"content-box-status-container action-btn",onClick:s.onClick,children:s.icon}):i?e.jsx("div",{className:"content-box-status-container",children:e.jsx("span",{className:`content-box-status ${l?"active":""}`})}):null})]}),e.jsx("div",{className:"content-box-container-curtain",style:{transition:f+"s",height:l?"auto":"0px"},children:e.jsx("div",{className:"content-box-container",ref:x,children:t})})]})},Gn=t=>t===""?[]:t.split(",").map(n=>n.trim()),Et=t=>t.join(", "),Ho="",Xn=({minWidth:t,value:n,onChange:a,border:o})=>{const[r,i]=u.useState([]),[d,s]=u.useState("");u.useEffect(()=>{console.log("p0"),i(Gn(n))},[n]),u.useEffect(()=>{console.log(r)},[r]);const l=h=>{s(h.target.value)},p=u.useCallback(()=>{if(d===""||r.includes(d))return;const h=[...r,d.trim()];i(h),a&&a(Et(h)),s("")},[r,d]),x=h=>{const m=r.filter((b,f)=>f!==h);i(m),a&&a(Et(m))};return e.jsxs("div",{className:"more-text",style:{minWidth:t},children:[e.jsxs("div",{className:"add value",children:[e.jsx(Le,{onChange:l,value:d,border:o}),e.jsx(wt,{children:e.jsx(Me,{onClick:p,children:"add"})})]}),e.jsx("div",{className:"chips-container",children:r.map((h,m)=>e.jsx(Ct,{text:h,onDelete:()=>x(m)},m))})]})},Wo="",Un=({style:t,text:n,className:a,onClick:o,onContextMenu:r})=>{const i=u.useRef(null),d=u.useCallback(()=>{if(!i.current)return;let s=i.current.getElementsByTagName("p");s[0]&&i.current.clientWidth<=s[0].clientWidth?(s[0].className="runing",s[0].innerHTML=`| ${n} | ${n}`):s[0].className=""},[n]);return u.useEffect(()=>{d()},[d]),e.jsx("div",{style:t,ref:i,onClick:o,onContextMenu:r,className:`runing-text ${a}`,children:e.jsx("p",{children:n})})},Go="",Jn=({className:t,children:n,height:a})=>e.jsx("div",{className:`scroll-container ${t}`,style:{height:a},children:n}),Xo="",Kn=({onMenu:t,onSearch:n,placeholder:a,autoChenge:o})=>{const r=u.useRef(null),[i,d]=u.useState(""),[s,l]=u.useState(!1),p=()=>{r.current&&(r.current.focus(),l(!0))},x=()=>{r.current&&(r.current.focus(),r.current.value=""),d(""),l(!0),o&&n("")},h=()=>{x(),r.current&&(r.current.blur(),l(!1))},m=f=>{d(f.target.value),o&&n(f.target.value)},b=f=>{f.code==="Enter"&&n(i)};return e.jsx("div",{className:"search-container",children:e.jsxs("div",{className:"search-field",children:[s?e.jsx("span",{onClick:h,children:e.jsx(xn,{size:24})}):t?e.jsx("span",{onClick:t,children:e.jsx(ct,{size:24})}):null,e.jsx("input",{placeholder:a,type:"text",ref:r,onChange:m,onKeyDown:b,value:i,onFocus:()=>l(!0)}),s?e.jsx("span",{onClick:x,children:e.jsx(Ne,{size:24})}):e.jsx("span",{onClick:p,children:e.jsx(jn,{size:24})})]})})},Uo="",Zn=({visible:t,text:n,option:a})=>{const o=()=>{a!=null&&a.onHide&&a.onHide()};return t?e.jsxs("div",{className:`snackbar-container ${a==null?void 0:a.className}`,style:{backgroundColor:a==null?void 0:a.backgroundColor,color:a==null?void 0:a.color},children:[e.jsxs("div",{className:"snackbar-content-container",children:[e.jsx("div",{className:"snackbar-text",children:n}),a!=null&&a.onClick?e.jsx("div",{className:"snackbar-button-container",children:e.jsx(X,{className:"snackbar-btn",onClick:a.onClick,children:a.buttonText??"Action"})}):null]}),a!=null&&a.closeButton?e.jsx("div",{className:"snackbar-close",children:e.jsx("span",{onClick:o,children:e.jsx(Ne,{})})}):null]}):null},Jo="",Qn=({style:t,name:n,onChange:a,checked:o,className:r})=>e.jsx("div",{className:`swich-container ${r}`,style:t,children:e.jsx("input",{type:"checkbox",name:n,onChange:a,checked:o})}),Ko="",qn=t=>t===void 0?[]:Array.isArray(t)?t:[t],$n=({style:t,multiple:n,value:a,items:o,className:r,onClick:i,onContextMenu:d,onChange:s})=>{const[l,p]=u.useState(qn(a)),x=h=>{i&&i(h);const m=h.currentTarget;if(!n){if(!m.dataset.el)return;p([m.dataset.el]),s&&s([m.dataset.el],h);return}const b=l.filter(v=>v===m.dataset.el);let f=l.slice();b.length>0&&m.dataset.el?f=f.filter(v=>v!==m.dataset.el):m.dataset.el&&f.push(m.dataset.el),p(f),s&&s(f,h)};return e.jsx("div",{style:t,className:`sigmentedbutton-container ${r??""}`,children:o.map((h,m)=>e.jsx("div",{className:"sigmentedbutton-item-container",children:e.jsxs("button",{"data-el":h,onContextMenu:d,onClick:x,className:`sigmentedbutton-item-button ${l.includes(h)?"active":""}`,children:[l.includes(h)?e.jsx("div",{className:"icon-container",children:e.jsx(ve,{})}):null,e.jsx("div",{className:"text-container",children:h})]},m)},m))})},Zo="";function Ot(t,n,a,o,r){return o+(r-o)*((t-n)/(a-n))}const Ie=0,Ye=100,ea=t=>{const[n,a]=u.useState(0),[o,r]=u.useState(!1),i=u.useRef(null),d=u.useRef(null);u.useEffect(()=>{t.value?a(t.value):a(0)},[t.value]);const s=h=>{a(Number(h.target.value)),t.onChange&&t.onChange(h)},l=(h,m,b)=>{if(i.current&&d.current){let f=ye(d.current);if(f)return Ot(h,m,b,0,b-m)*(f.width-20)/(b-m)}return 0},p=u.useCallback(h=>{r(!0),t.onFocus&&t.onFocus(h)},[t.onFocus]),x=u.useCallback(h=>{r(!1),t.onBlur&&t.onBlur(h)},[t.onBlur]);return e.jsx("div",{className:"range",children:e.jsxs("div",{className:"field",style:t.style,children:[t.maxMinDisplay?e.jsx("div",{className:"value left",children:t.min??Ie}):null,e.jsxs("div",{className:"field-range-container",children:[e.jsx("div",{className:"slider-value",ref:i,style:{width:l(n,t.min??Ie,t.max??Ye)},children:e.jsxs("div",{className:"slider-tooltip",style:{display:o?"block":"none"},children:[e.jsx("span",{className:"slider-tooltip-container"}),e.jsx("span",{className:"slider-tooltip-value",children:n})]})}),e.jsx("input",{onMouseUp:t.onMouseUp,ref:d,step:t.step,type:"range",min:t.min??Ie,max:t.max??Ye,onChange:s,value:n,onFocus:p,onBlur:x})]}),t.maxMinDisplay?e.jsx("div",{className:"value right",children:t.max??Ye}):null]})})},ta=({onHide:t,onSave:n})=>e.jsxs("div",{className:"dialog-button-container",children:[e.jsx(X,{onClick:t,children:"cancel"}),n?e.jsx(X,{onClick:n,children:"save"}):null]}),na=({style:t,className:n,header:a,children:o,onSave:r,onHide:i,marginBottom:d,disableBackplate:s})=>{const[l,p]=u.useState(!1),x=u.useCallback(()=>{window.innerWidth<720?p(!0):p(!1)},[window.innerWidth]);u.useEffect(()=>{x()},[x]),u.useEffect(()=>(window.addEventListener("resize",x),()=>{window.removeEventListener("resize",x)}),[x]);const h=()=>{i&&i()},m=()=>{r&&r()};return l?e.jsxs("div",{style:{...t,height:`calc(100vh - ${d}px`},className:`full-screen-dialog-container ${n}`,children:[e.jsxs("div",{className:"full-screen-dialog-header",children:[e.jsx("div",{className:"dialog-icon-container",children:e.jsx(xe,{transparent:!0,onClick:h,icon:e.jsx(Ne,{})})}),e.jsx("div",{className:"header",children:a}),e.jsx("div",{className:"save-container",children:r?e.jsx(X,{onClick:m,children:"save"}):null})]}),e.jsx("div",{className:"full-screen-dialog-content",style:{overflowY:"auto"},children:o})]}):e.jsx(oe,{disableBackplate:s,style:t,header:a,className:`full-screen-dialog-base-format ${n}`,onHide:h,children:o,action:e.jsx(ta,{onHide:h,onSave:r?m:void 0})})},aa=({styleContainer:t,text:n,header:a,actionText:o,onSuccess:r,onHide:i,onCancel:d})=>{const s=u.useCallback(()=>{r&&r(),i&&i()},[r,i]),l=u.useCallback(()=>{d&&d(),i&&i()},[i,d]);return e.jsx(oe,{style:t,header:a,action:e.jsx(oa,{onHide:l,actionText:o,onSuccess:s}),children:e.jsx("p",{children:n})})};function oa({actionText:t,onSuccess:n,onHide:a}){return e.jsxs("div",{className:"dialog-button-container",children:[e.jsx(X,{onClick:a,children:"cancel"}),e.jsx(X,{onClick:n,children:t??"OK"})]})}function ra({onSuccess:t,items:n,header:a,onHide:o,noHide:r=!1,name:i="dailog_name"}){const[d,s]=u.useState(void 0),l=u.useCallback(()=>{t&&d&&t(d),s(void 0),!r&&o&&o()},[d]),p=u.useCallback(x=>{s(x)},[]);return e.jsxs(oe,{header:a,action:e.jsx(ia,{onHide:o,onSuccess:l,disabled:d===void 0}),children:[e.jsx($,{style:{padding:"0px"}}),e.jsx(bt,{className:"transparent",scroll:!0,maxHeight:"200px",children:n.map((x,h)=>e.jsx("label",{children:e.jsx(jt,{hovered:!0,header:x.title,onClick:()=>p(x.data),control:e.jsx(St,{name:i,checked:x.data===d})})},h))}),e.jsx($,{style:{padding:"0px"}})]})}function ia({onSuccess:t,onHide:n,disabled:a}){return e.jsxs("div",{className:"dialog-button-container",children:[e.jsx(X,{onClick:n,children:"cancel"}),e.jsx(X,{onClick:t,disabled:a,children:"OK"})]})}const ca=({styleContainer:t,text:n,header:a,onSuccess:o,onHide:r,placeholder:i,type:d="text",min:s=0,max:l=100})=>{const[p,x]=u.useState(""),h=u.useCallback(()=>{o&&o(p),r&&r()},[p]),m=b=>{d==="number"&&(Number(b)<s&&(b=String(s)),Number(b)>l&&(b=String(l))),x(b)};return e.jsxs(oe,{style:t,header:a,action:e.jsx(la,{onHide:r,onSuccess:h}),children:[e.jsx("p",{children:n}),e.jsx("div",{className:"dialog-input-container",children:e.jsx(Le,{max:l,min:s,type:d,border:!0,placeholder:i,value:p,onChange:b=>m(b.target.value)})})]})};function la({onSuccess:t,onHide:n}){return e.jsxs("div",{className:"dialog-button-container",children:[e.jsx(X,{onClick:n,children:"cancel"}),e.jsx(X,{onClick:t,children:"OK"})]})}const Qo="",qo="",sa=({setHours:t,setMinutes:n,switchMode:a,hours:o,minutes:r,onCancel:i,onOK:d})=>{const[s,l]=u.useState(!1),p=u.useCallback(m=>{t(m),l(!0)},[t]),x=u.useCallback(m=>{n(m),l(!1)},[n]),h=u.useCallback(()=>{l(!1),i()},[]);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"time-type",children:e.jsx("p",{className:"text-sm",children:"Select time"})}),e.jsxs("div",{className:"time-input-container",children:[e.jsxs("div",{className:"time-input hours",children:[e.jsx("div",{className:"input-container",children:e.jsx("input",{disabled:!0,type:"number",min:0,max:23,value:o})}),e.jsx("span",{className:"text-sm",children:"Hour"})]}),e.jsx("div",{className:"time-separator",children:":"}),e.jsxs("div",{className:"time-input minutes",children:[e.jsx("div",{className:"input-container",children:e.jsx("input",{disabled:!0,type:"number",value:r,min:0,max:60})}),e.jsx("span",{className:"text-sm",children:"Minute"})]})]}),e.jsx("div",{className:"clock-input-container",children:s?e.jsx(ua,{setMinutes:x}):e.jsx(da,{setHours:p})}),e.jsxs("div",{className:"enter-time-action",children:[e.jsx("div",{className:"enter-time-icon",onClick:()=>a(),children:e.jsx(bn,{})}),e.jsx(X,{className:"little",onClick:h,children:"Cancel"}),e.jsx(X,{className:"little",onClick:d,children:"OK"})]})]})};function da({setHours:t}){return e.jsxs("div",{className:"clock-input",children:[e.jsxs("div",{className:"clock-input-am",children:[e.jsx("span",{onClick:()=>t(1),children:"1"}),e.jsx("span",{onClick:()=>t(2),children:"2"}),e.jsx("span",{onClick:()=>t(3),children:"3"}),e.jsx("span",{onClick:()=>t(4),children:"4"}),e.jsx("span",{onClick:()=>t(5),children:"5"}),e.jsx("span",{onClick:()=>t(6),children:"6"}),e.jsx("span",{onClick:()=>t(7),children:"7"}),e.jsx("span",{onClick:()=>t(8),children:"8"}),e.jsx("span",{onClick:()=>t(9),children:"9"}),e.jsx("span",{onClick:()=>t(10),children:"10"}),e.jsx("span",{onClick:()=>t(11),children:"11"}),e.jsx("span",{onClick:()=>t(12),children:"12"})]}),e.jsxs("div",{className:"clock-input-pm",children:[e.jsx("span",{onClick:()=>t(13),children:"13"}),e.jsx("span",{onClick:()=>t(14),children:"14"}),e.jsx("span",{onClick:()=>t(15),children:"15"}),e.jsx("span",{onClick:()=>t(16),children:"16"}),e.jsx("span",{onClick:()=>t(17),children:"17"}),e.jsx("span",{onClick:()=>t(18),children:"18"}),e.jsx("span",{onClick:()=>t(19),children:"19"}),e.jsx("span",{onClick:()=>t(20),children:"20"}),e.jsx("span",{onClick:()=>t(21),children:"21"}),e.jsx("span",{onClick:()=>t(22),children:"22"}),e.jsx("span",{onClick:()=>t(23),children:"23"}),e.jsx("span",{onClick:()=>t(0),children:"0"})]}),e.jsx("span",{className:"center"})]})}function ua({setMinutes:t}){return e.jsxs("div",{className:"clock-input",children:[e.jsxs("div",{className:"clock-input-minute",children:[e.jsx("span",{onClick:()=>t(0),children:"00"}),e.jsx("span",{onClick:()=>t(5),children:"05"}),e.jsx("span",{onClick:()=>t(10),children:"10"}),e.jsx("span",{onClick:()=>t(15),children:"15"}),e.jsx("span",{onClick:()=>t(20),children:"20"}),e.jsx("span",{onClick:()=>t(25),children:"25"}),e.jsx("span",{onClick:()=>t(30),children:"30"}),e.jsx("span",{onClick:()=>t(35),children:"35"}),e.jsx("span",{onClick:()=>t(40),children:"40"}),e.jsx("span",{onClick:()=>t(45),children:"45"}),e.jsx("span",{onClick:()=>t(50),children:"50"}),e.jsx("span",{onClick:()=>t(55),children:"55"})]}),e.jsx("span",{className:"center"})]})}const pa=({setHours:t,setMinutes:n,switchMode:a,minutes:o,hours:r,onCancel:i,onOK:d})=>{const s=p=>{let x=Number(p.target.value);x<0&&(x=0),x>23&&(x=23),t(x)},l=p=>{let x=Number(p.target.value);x<0&&(x=0),x>59&&(x=59),n(x)};return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"time-type",children:e.jsx("p",{className:"text-sm",children:"Enter time"})}),e.jsxs("div",{className:"time-input-container",children:[e.jsxs("div",{className:"time-input hours",children:[e.jsx("div",{className:"input-container",children:e.jsx("input",{type:"number",min:0,max:23,value:r,onChange:s})}),e.jsx("span",{className:"text-sm",children:"Hour"})]}),e.jsx("div",{className:"time-separator",children:":"}),e.jsxs("div",{className:"time-input minutes",children:[e.jsx("div",{className:"input-container",children:e.jsx("input",{type:"number",value:o,min:0,max:59,onChange:l})}),e.jsx("span",{className:"text-sm",children:"Minute"})]})]}),e.jsxs("div",{className:"enter-time-action",children:[e.jsx("div",{className:"enter-time-icon",onClick:()=>a(),children:e.jsx(ut,{})}),e.jsx(X,{className:"little",onClick:i,children:"Cancel"}),e.jsx(X,{className:"little",onClick:d,children:"OK"})]})]})},Tt=t=>{const[n,a]=u.useState(t.minutes??0),[o,r]=u.useState(t.hours??0),[i,d]=u.useState(!0),s=()=>{t.onHide&&t.onHide(),a(0),r(0)},l=u.useCallback(x=>{a(x),t.onChange&&t.onChange(o,x),t.onHide&&t.onHide()},[o]),p=u.useCallback(()=>{t.onChange&&t.onChange(o,n),t.onHide&&t.onHide()},[o,n]);return i?e.jsx(oe,{className:"enter-time-container",children:e.jsx(sa,{setMinutes:l,setHours:r,minutes:n,hours:o,switchMode:()=>d(!1),onCancel:s,onOK:p})}):e.jsx(oe,{className:"enter-time-container",children:e.jsx(pa,{setMinutes:a,setHours:r,minutes:n,hours:o,switchMode:()=>d(!0),onCancel:s,onOK:p})})},ha=({border:t,onChange:n,name:a,value:o,className:r,validEmptyValue:i,error:d,container:s})=>{const[l,p]=u.useState(o??""),[x,h]=u.useState(!1),m=u.useCallback(v=>d||v&&(!l||l==="")?"error":"",[l]),b=(v,C)=>{let j=String(v),y=String(C);j.length<2&&(j="0"+j),y.length<2&&(y="0"+y),p(`${j}:${y}`),n&&n(`${j}:${y}`)},f=()=>{h(!0)};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:`input-field time-field ${t?"border":""}`,children:[e.jsx("div",{className:"icon-container",onClick:f,children:e.jsx(ut,{})}),e.jsxs("div",{className:"input-container",onClick:f,children:[e.jsx("input",{required:!0,type:"time",className:`${r} ${m(i)}`,name:a,value:l,readOnly:!0}),e.jsx("span",{className:"text-field-line"})]})]}),x?e.jsx(de,{container:s,children:e.jsx(Tt,{onHide:()=>h(!1),onChange:b,hours:0,minutes:0})}):null]})},$o="",er="",xa=2050,Rt=1900,ie=["January","February","March","April","May","June","July","August","September","October","November","December"],fa=()=>Array(xa-Rt).fill(0).map((t,n)=>Rt+n),Ft=({onChange:t,onHide:n})=>{const[a]=u.useState(ie[new Date().getMonth()]),[o]=u.useState(new Date().getFullYear()),[r]=u.useState(new Date().getDate()),[i,d]=u.useState(ie[new Date().getMonth()]),[s,l]=u.useState(new Date().getFullYear()),[p,x]=u.useState({day:new Date().getDate(),type:"NOW_MONTH"}),[h,m]=u.useState("DAYS"),b=(w,O)=>new Date(w,O+1,0).getDate(),f=(w,O,T)=>new Date(w,O,T).getDay(),v=(w,O)=>{let T=Array(b(w,O)).fill(0).map((U,B)=>({type:"NOW_MONTH",day:B+1})),z=f(w,O,b(w,O)),_=Array(7-z).fill(0).map((U,B)=>({type:"NEXT_MONTH",day:B+1}));return T=Array(f(w,O,0)).fill(0).map((U,B)=>({type:"PREV_MONTH",day:b(O?w:w-1,O?O-1:11)-B})).reverse().concat(T).concat(_),T},C=w=>{m("DAYS"),l(w)},j=w=>{m("DAYS"),d(w)},y=w=>{x(w)},S=u.useCallback(()=>{let w=new Date;w.setFullYear(s),p.type==="NEXT_MONTH"?i===ie[11]?(w.setMonth(0),w.setFullYear(s+1)):w.setMonth(ie.indexOf(i)+1):p.type==="PREV_MONTH"?i===ie[0]?(w.setMonth(11),w.setFullYear(s-1)):w.setMonth(ie.indexOf(i)-1):w.setMonth(ie.indexOf(i)),w.setDate(p.day),t&&t(w.getFullYear(),w.getMonth(),w.getDate()),n&&n()},[i,s,t,n,p]);return e.jsxs(oe,{className:"calendar-body-container",style:{maxWidth:"328px"},children:[e.jsxs("div",{className:"calendar-body-select-container",children:[e.jsx("div",{className:"month",children:e.jsxs("span",{className:h==="MONTHS"?"active":"",onClick:()=>m("MONTHS"),children:[i," ",e.jsx(lt,{})]})}),e.jsx("div",{className:"years",children:e.jsxs("span",{className:h==="YEARS"?"active":"",onClick:()=>m("YEARS"),children:[s," ",e.jsx(lt,{})]})})]}),h==="MONTHS"?e.jsx("div",{className:"calendar-body-months-container",children:ie.map((w,O)=>e.jsxs("div",{className:"calendar-body-months-item",onClick:()=>j(w),children:[e.jsx("div",{className:"status-container",children:i===w?e.jsx(ve,{}):null}),e.jsx("div",{className:"content",children:w})]},O))}):h==="YEARS"?e.jsx("div",{className:"calendar-body-years-container",children:fa().map((w,O)=>e.jsxs("div",{className:"calendar-body-year-item",onClick:()=>C(w),children:[e.jsx("div",{className:"status-container",children:s===w?e.jsx(ve,{}):null}),e.jsx("div",{className:"content",children:w})]},O))}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"calendar-body-dayofweek-container",children:[e.jsx("span",{children:"M"}),e.jsx("span",{children:"T"}),e.jsx("span",{children:"W"}),e.jsx("span",{children:"T"}),e.jsx("span",{children:"F"}),e.jsx("span",{children:"S"}),e.jsx("span",{children:"S"})]}),e.jsx("div",{className:"calendar-body-days-container",children:v(s,ie.indexOf(i)).map((w,O)=>e.jsx("div",{className:`day ${w.type!=="NOW_MONTH"?"other":""} ${r===w.day&&s===o&&i===a?"now":""} ${w.day===p.day&&w.type===p.type?"select":""}`,onClick:()=>y(w),children:w.day},O))})]}),e.jsxs("div",{className:"calendar-body-action-container",children:[e.jsx(X,{className:"little m-0",onClick:n,children:"Cancel"}),e.jsx(X,{className:"little m-0",onClick:S,children:"OK"})]})]})},ma=({border:t,onChange:n,name:a,value:o,className:r,validEmptyValue:i,error:d,container:s})=>{const[l,p]=u.useState(o??""),[x,h]=u.useState(!1),m=u.useCallback(j=>d||j&&(!l||l==="")?"error":"",[l]),b=()=>{h(!0)},f=j=>{let y=String(j+1);return y.length<2&&(y="0"+y),y},v=j=>{let y=String(j);return y.length<2&&(y="0"+y),y},C=u.useCallback((j,y,S)=>{p(`${j}-${f(y)}-${v(S)}`),n&&n(`${j}-${f(y)}-${v(S)}`)},[n]);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:`input-field date-field ${t?"border":""}`,children:[e.jsx("div",{className:"icon-container",onClick:b,children:e.jsx(fn,{})}),e.jsx("div",{className:"input-container",onClick:b,children:e.jsx("input",{required:!0,type:"date",className:`${r} ${m(i)}`,name:a,value:l,readOnly:!0})})]}),x?e.jsx(de,{container:s,children:e.jsx(Ft,{onChange:C,onHide:()=>h(!1)})}):null]})},tr="",ba=({onChange:t,value:n,className:a})=>{const[o,r]=u.useState(n||[]),i=u.useCallback(s=>{if(!s)return;let l=o.slice();const p=l.indexOf(s.target.name);p!==-1&&!s.target.checked?l=l.filter((x,h)=>h!==p):p===-1&&s.target.checked&&l.push(s.target.name),r(l),t&&t(l)},[o]),d=u.useCallback(s=>o.indexOf(s)!==-1,[o]);return e.jsx(e.Fragment,{children:e.jsxs("div",{className:`days-week-field-container ${a}`,children:[e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:i,name:"Mon",checked:d("Mon")}),e.jsx("span",{children:"Mon"})]}),e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:i,name:"Tue",checked:d("Tue")}),e.jsx("span",{children:"Tue"})]}),e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:i,name:"Wed",checked:d("Wed")}),e.jsx("span",{children:"Wed"})]}),e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:i,name:"Thu",checked:d("Thu")}),e.jsx("span",{children:"Thu"})]}),e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:i,name:"Fri",checked:d("Fri")}),e.jsx("span",{children:"Fri"})]}),e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:i,name:"Sat",checked:d("Sat")}),e.jsx("span",{children:"Sat"})]}),e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:i,name:"Sun",checked:d("Sun")}),e.jsx("span",{children:"Sun"})]})]})})},nr="",ga=({children:t})=>e.jsx("div",{className:"adaptiv-grid-item",children:e.jsx("div",{className:"adaptiv-grid-item-container",children:t})}),va=({minWith:t,children:n,className:a,gridRowGap:o="10px",gridColumnGap:r="5px",itemMinWith:i,itemMaxWith:d,itemWith:s="400px"})=>{const l=u.useRef(null),[p,x]=u.useState([]),h=u.useCallback(()=>{if(!l.current)return;l.current.style.display="grid",l.current.style.gridRowGap=o,l.current.style.gridColumnGap=r;let f=i??s,v=d??s;l.current.style.gridTemplateColumns="repeat(auto-fill, minmax("+f+", "+v+"))",l.current.style.gridAutoRows="0",p.forEach(C=>{C.style.gridAutoRows="0",C.style.gridAutoColumns="0"})},[l.current]),m=u.useCallback(()=>{if(!l.current)return;let f=parseInt(window.getComputedStyle(l.current).getPropertyValue("grid-row-gap")),v=parseInt(window.getComputedStyle(l.current).getPropertyValue("grid-auto-rows"));p.forEach(C=>{let j=0,y=C.querySelector(".adaptiv-grid-item-container");y&&(j=Math.ceil((y.getBoundingClientRect().height+f)/(v+f))),C.style.gridRowEnd="span "+j})},[p,l.current]),b=u.useCallback(()=>{if(l.current){let f=l.current.querySelectorAll(".adaptiv-grid-item");x(Array.prototype.slice.call(f,0))}},[l.current,n]);return u.useEffect(()=>{b()},[b]),u.useEffect(()=>{h()},[h]),u.useEffect(()=>{m()},[m,n]),u.useEffect(()=>(window.addEventListener("resize",m),()=>{window.addEventListener("resize",m)}),[m]),e.jsx("div",{style:{minWidth:t},ref:l,className:`adaptiv-grid-layout ${a}`,children:n})},ar="",ka=({onClick:t,onContextMenu:n,gap:a,className:o,style:r,countColumn:i,items:d,onClickColl:s,classNameColumn:l})=>{const p=(h,m)=>{let b=new Array(h).fill([]).map(f=>new Array);for(const f of m){if(f.indexCol>=b.length){console.error(`invalid index count. indexCol = ${f.indexCol}, column count = ${h}`);continue}b[f.indexCol].push(f.node)}return b},x=s||(()=>{});return e.jsx("div",{onClick:t,onContextMenu:n,style:{...r,gap:a?`${a}px`:"5px",gridTemplateColumns:`repeat(${i}, 1fr)`},className:`alex-evo-sh-ui-kit-column-layout ${o}`,children:p(i,d).map((h,m)=>e.jsx("div",{onClick:b=>x(m,b),className:`alex-evo-sh-ui-kit-column-layout-coll ${l}`,children:h.map((b,f)=>e.jsx("div",{className:"alex-evo-sh-ui-kit-column-layout-item",children:b},f))},m))})},or="",ya=({item:t,isIcon:n,globalClick:a})=>{const o=()=>{t.onClick&&t.onClick(),a&&a()};return e.jsxs("div",{className:"menu-sub-item",onClick:o,children:[n?e.jsx("div",{className:"menu-icon-container",children:t.icon}):null,e.jsx("div",{className:"menu-text-container",children:t.title}),e.jsx("div",{className:"menu-status-container",children:t.activated?e.jsx(ve,{}):null})]})},ja=({items:t,onHide:n,smallDisplay:a,globalClick:o})=>{const r=u.useRef(null),[i,d]=u.useState({left:"0px",top:"0px"});function s(l){for(let p of l)if(p.icon)return!0;return!1}return u.useEffect(()=>{if(!r.current)return;let l=ye(r.current.parentElement);if(!l)return;let p=Ve(l.left+l.width,l.top,r.current,{marginRight:l.width});d({left:p.x-l.left+"px",top:p.y-l.top+"px"})},[]),e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:r,className:"menu-sub-block",style:{...i},children:t.map((l,p)=>e.jsx(ya,{item:l,isIcon:s(t),globalClick:o},p))}),a?null:e.jsx("div",{style:{zIndex:4},className:"backplate",onClick:n})]})},wa=({onHide:t,autoHide:n,globalClick:a,item:o,isIcon:r,smallDisplay:i})=>{const[d,s]=u.useState(!1),l=u.useCallback(()=>{o.subItems?s(p=>!p):o.onClick&&o.onClick(),a&&a(),n&&t&&t()},[o.onClick]);return e.jsxs("div",{className:"menu-item-conatiner",children:[e.jsxs("div",{className:"menu-item",onClick:l,children:[r?e.jsx("div",{className:"menu-icon-container",children:o.icon}):null,e.jsx("div",{className:"menu-text-container",children:o.title}),e.jsx("div",{className:"menu-status-container",children:o.subItems?e.jsx("span",{className:`menu-status-submenu ${d?"active":""}`}):o.activated?e.jsx(ve,{}):e.jsx("span",{className:"none-status"})})]}),d&&o.subItems?e.jsx(ja,{items:o.subItems,onHide:()=>s(!1),smallDisplay:i}):null]})};function Pt({block:t,smallDisplay:n,onHide:a,globalClick:o,autoHide:r}){function i(d){for(let s of d.items)if(s.icon)return!0;return!1}return e.jsx("div",{className:"menu-block",children:t.items.map((d,s)=>e.jsx(wa,{globalClick:o,autoHide:r,onHide:a,item:d,isIcon:i(t),smallDisplay:n},s))})}const Na=100,Dt=t=>{const n=u.useRef(null),[a,o]=u.useState({left:"0px",top:"0px"}),r=()=>{t.onHide&&t.onHide()};return u.useEffect(()=>{let i=Ve(t.x,t.y,n.current,{marginBottom:Na});o({left:i.x+"px",top:i.y+"px"})},[t.x,t.y]),t.visible?e.jsx(Ce,{onHide:r,children:e.jsx("div",{ref:n,className:"menu-container",style:{...a,opacity:a.top!=="0px"?"100%":"0%",width:t.width,maxWidth:t.width?"100%":void 0},children:t.blocks.map((i,d)=>e.jsxs(u.Fragment,{children:[d!==0?e.jsx($,{}):null,e.jsx(Pt,{block:i,smallDisplay:!1,globalClick:t.onClick,autoHide:t.autoHide,onHide:r})]},d))})}):null},Mt=t=>{const n=()=>{};return e.jsx(Nt,{onHide:t.onHide||n,visible:t.visible,children:e.jsx("div",{className:"bottom-sheets-menu-container",children:t.blocks.map((a,o)=>e.jsxs(u.Fragment,{children:[o!==0?e.jsx($,{}):null,e.jsx(Pt,{block:a,smallDisplay:!0})]},o))})})},zt=t=>t.screensize===q.MOBILE?e.jsx(de,{container:t.container,children:e.jsx(Mt,{...t})}):e.jsx(de,{container:t.container,children:e.jsx(Dt,{...t})}),rr="";function Ca(t){let n=[];if(t.length>0)for(let a of t)for(let o in a){let r=!1;for(let i of n)i.field===o&&(r=!0);r||n.push({title:o,field:o})}return n}const Sa=({data:t,column:n,color:a,backgroundColor:o,H:r})=>{function i(l,p){for(let x in p)if(l===x)return p[x]}function d(l){return typeof l=="number"||typeof l=="string"?{content:l}:l}function s(l){return l?Array.isArray(l)?l.map(p=>d(p)):[d(l)]:[]}return e.jsx("td",{style:{backgroundColor:o,height:r},children:function(){const l=s(i(n.field,t));return n.template?n.template(l,t):l.map((p,x)=>e.jsx("p",{style:{color:p.color??a},className:p.onClick?"no-click":"",onClick:p.onClick,children:typeof p.content=="string"||typeof p.content=="number"?p.content:e.jsx(p.content,{})},x))}()})},_a=({actions:t,item:n,columns:a,onContextMenu:o,onDelete:r,onEdit:i,onClickRow:d,index:s,maxH:l})=>{const p=h=>!h.target.closest(".no-click"),x=u.useCallback(h=>{p(h)&&d&&d(n,s)},[s,d]);return e.jsxs("tr",{className:"table-row",onClick:x,children:[a.map((h,m)=>e.jsx(Sa,{H:l==null?void 0:l[m],color:h.color,backgroundColor:h.backgroundColor,column:h,data:n},m)),t?e.jsx("td",{className:"w-[180px] no-click",children:e.jsx("div",{className:"table-edit-button",children:t.map((h,m)=>e.jsx(xe,{transparent:!0,icon:h.icon,onClick:b=>h.onClick(b,n,s)},m))})}):null,o||r||i?e.jsx("td",{className:"w-[180px] table-edit-button no-click",children:e.jsxs("div",{className:"table-edit-button",children:[i?e.jsx(xe,{transparent:!0,icon:e.jsx(kn,{}),onClick:()=>i(n,s)}):null,r?e.jsx(xe,{transparent:!0,icon:e.jsx(wn,{className:"text-red-500"}),onClick:()=>r(n,s)}):null,o?e.jsx(xe,{transparent:!0,icon:e.jsx(mn,{}),onClick:h=>o(h,n,s)}):null]})}):null]})},Ea=({data:t,columns:n,onDelete:a,onContextMenu:o,onEdit:r,actions:i,onClickRow:d,adaptive:s})=>{const l=u.useMemo(()=>n??Ca(t),[t,n]),p=u.useRef(null),x=u.useCallback(()=>{var C,j;if(!p.current)return;const h=p.current,m=h.tBodies.item(0),b=(j=(C=h.tHead)==null?void 0:C.children.item(0))==null?void 0:j.children,f=(b==null?void 0:b.length)??1,v=new Array(f).fill(0);if(m){for(const y of m.children)for(let S=0;S<y.children.length;S++){const O=y.children[S].getBoundingClientRect().height;v[S]<O&&(v[S]=O)}return v}},[p]);return e.jsx("div",{className:`table-container mt-3 ${d?"clicked":""} ${s?"auto-rotate":""}`,children:e.jsxs("table",{ref:p,children:[e.jsx("thead",{children:e.jsxs("tr",{children:[l.map((h,m)=>{var b;return e.jsx("th",{style:{height:(b=x())==null?void 0:b[m]},className:"min-width",children:h.title},m)}),i?e.jsx("th",{className:"table-actions-header",children:"actions"}):null,a||o||r?e.jsx("th",{className:"table-actions-header"}):null]})}),e.jsx("tbody",{children:t.map((h,m)=>e.jsx(_a,{maxH:x(),onClickRow:d,actions:i,index:m,columns:l,item:h,onDelete:a,onContextMenu:o,onEdit:r},m))})]})})},ir="",Oa=({icon:t,title:n,to:a})=>e.jsxs(Pe.NavLink,{to:a,className:"navigation-item",children:[e.jsx("div",{className:"navigation-item-icon",children:t}),e.jsx("div",{className:"navigation-item-text",children:n})]}),Ta=({onClick:t,icon:n,title:a})=>e.jsxs("div",{onClick:t,className:"navigation-item",children:[e.jsx("div",{className:"navigation-item-icon",children:n}),e.jsx("div",{className:"navigation-item-text",children:a})]}),Ra=({btns:t})=>e.jsx("div",{className:"navigation-bar-container",children:e.jsx("div",{className:"block-content",children:t.map((n,a)=>n.type==="button"?e.jsx(Ta,{icon:n.icon,onClick:n.onClick,title:n.text},a):n.type==="link"?e.jsx(Oa,{icon:n.icon,to:n.to,title:n.text},a):null)})}),cr="",Bt=({onClick:t,icon:n,title:a,to:o})=>e.jsxs(Pe.NavLink,{onClick:t,to:o,className:"navigation-item",children:[e.jsx("div",{className:"navigation-item-icon",children:n}),e.jsx("div",{className:"navigation-item-text",children:a})]}),Se=({onClick:t,icon:n,title:a,active:o=!1})=>e.jsxs("div",{onClick:t,className:`navigation-item ${o?"active":""}`,children:[e.jsx("div",{className:"navigation-item-icon",children:n}),e.jsx("div",{className:"navigation-item-text",children:a})]}),Fa=({visible:t,firstBtn:n,mainBtn:a,onHide:o,otherBtn:r,backBtn:i,openAlways:d})=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:`navigation-drawer-container ${t||d?"show":"hide"}`,children:[n?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"navigation-block",children:[e.jsx("div",{className:"block-header"}),e.jsx("div",{className:"block-content",children:e.jsx(Se,{active:n.active,onClick:n.onClick,title:n.text,icon:n.icon??e.jsx(Be,{})})})]}),e.jsx("div",{className:"divider-container",children:e.jsx($,{})})]}):null,e.jsxs("div",{className:"navigation-block",children:[e.jsx("div",{className:"block-header"}),e.jsx("div",{className:"block-content",children:a&&a.map((s,l)=>s.type==="button"?e.jsx(Se,{active:s.active,onClick:s.onClick,title:s.text,icon:s.icon},l):s.type==="link"?e.jsx(Bt,{onClick:()=>o(),title:s.text,icon:s.icon,to:s.to},l):null)})]}),e.jsx("div",{className:"divider-container",children:e.jsx($,{})}),e.jsxs("div",{className:"navigation-block",children:[e.jsx("div",{className:"block-header"}),e.jsx("div",{className:"block-content",children:r&&r.map((s,l)=>s.type==="button"?e.jsx(Se,{active:s.active,onClick:s.onClick,title:s.text,icon:s.icon},l):s.type==="link"?e.jsx(Bt,{onClick:()=>o(),title:s.text,icon:s.icon,to:s.to},l):null)})]}),e.jsx("div",{className:"divider-container",children:e.jsx($,{})}),i?e.jsx("div",{className:"navigation-block",children:e.jsx(Se,{active:i.active,onClick:i.onClick,title:i.text,icon:i.icon})}):null]}),t&&!d?e.jsx("div",{className:"backplate",style:{zIndex:1100},onClick:()=>o()}):null]}),lr="",Pa=({icon:t,title:n,to:a})=>e.jsxs(Pe.NavLink,{to:a,className:"navigation-item",children:[e.jsx("div",{className:"navigation-item-icon",children:t}),e.jsx("div",{className:"navigation-item-text",children:n})]}),_e=({onClick:t,icon:n,title:a,active:o=!1})=>e.jsxs("div",{onClick:t,className:`navigation-item ${o?"active":""}`,children:[e.jsx("div",{className:"navigation-item-icon",children:n}),e.jsx("div",{className:"navigation-item-text",children:a})]}),Da=({onToggleMenu:t,firstBtn:n,mainBtn:a,backBtn:o})=>e.jsx("div",{className:"navigation-rail-container",children:e.jsx("div",{className:"navigation-block",children:e.jsxs("div",{className:"block-content",children:[t?e.jsx(_e,{icon:e.jsx(ct,{}),onClick:t}):null,n?e.jsxs(e.Fragment,{children:[e.jsx($,{}),e.jsx(_e,{active:n.active,title:n.text,icon:n.icon??e.jsx(Be,{}),onClick:r=>{n.onClick&&n.onClick(r)}}),e.jsx($,{})]}):null,a&&a.map((r,i)=>r.type==="button"?e.jsx(_e,{active:r.active,onClick:r.onClick,title:r.text,icon:r.icon},i):r.type==="link"?e.jsx(Pa,{title:r.text,icon:r.icon,to:r.to},i):null),o?e.jsxs(e.Fragment,{children:[e.jsx($,{}),e.jsx(_e,{active:o.active,title:o.text,icon:o.icon??e.jsx(Be,{}),onClick:r=>{o.onClick&&o.onClick(r)}}),e.jsx($,{})]}):null]})})}),sr="",Ma=({className:t,text:n,title:a,hexColor:o,hexBackground:r,style:i,btn:d})=>e.jsxs("div",{className:`alex-evo-sh-ui-kit-empty-page ${t??""}`,style:{background:Fn(r),color:o,...i},children:[e.jsx("h2",{children:a}),n?e.jsx("p",{children:n}):null,d?e.jsx(Me,{styleType:d.styleType??"filled",style:d.style,className:d.className,onClick:d.onClick,children:d.text}):null]}),dr="",za=({readonly:t,name:n,data:a,onChange:o,onDelete:r,initComponent:i,onlyStringValue:d})=>{const[s,l]=u.useState(""),[p,x]=u.useState(""),[h,m]=u.useState(!1),[b,f]=u.useState(!0),v=u.useCallback((S,w)=>{o({...a,[w]:S})},[o,a]),C=u.useCallback(()=>{x(""),l(""),m(!1)},[]),j=u.useCallback(()=>{let S=p;try{d||(S=JSON.parse(S))}catch{}C(),o({...a,[s]:S})},[a,o,s,p,C]),y=u.useCallback(S=>{let w={...a};delete w[S],o(w)},[a,o]);return e.jsx("div",{className:`json-card-container ${t?"":"changeable"}`,children:e.jsxs("div",{children:[e.jsxs("div",{className:"json-line json-object-header",children:[e.jsxs("span",{onClick:()=>f(S=>!S),className:"json-element json-object-name json-object-header",children:[n,":","{",b?null:e.jsx("span",{children:"..."})]}),t?null:e.jsx("span",{className:"json-element json-btn",onClick:()=>m(!0),children:e.jsx(st,{size:18})})]}),b?e.jsx("div",{className:"json-object-content",children:a?Object.keys(a).map((S,w)=>e.jsx("div",{className:"json-line",children:e.jsx(We,{readonly:t,onDelete:()=>y(S),onChange:O=>v(O,S),name:S,data:a[S]})},w)):null}):null,h&&!t?e.jsxs("div",{className:"json-object-content",children:[e.jsx("span",{className:"json-base-data border",children:e.jsx("input",{size:s.length||10,placeholder:"key",onChange:S=>l(S.target.value),className:"json-base-data-input",type:"text",value:s})}),":",e.jsx("span",{className:"json-base-data border",children:e.jsx("input",{size:p.length||10,placeholder:"value",onChange:S=>x(S.target.value),className:"json-base-data-input",type:"text",value:p})}),e.jsx("span",{className:"json-base-data-btn-save json-base-data-btn",onClick:j,children:"save"}),e.jsx("span",{className:"json-base-data-btn-cancel json-base-data-btn",onClick:C,children:"cancel"})]}):null,e.jsxs("div",{className:"json-line",children:["}",!t&&!i?e.jsx("span",{className:"json-element json-btn",onClick:r,children:e.jsx(ze,{size:18})}):null]})]})})},Ba=({readonly:t,name:n,data:a,onChange:o,onDelete:r,initComponent:i,onlyStringValue:d})=>{const[s,l]=u.useState(""),[p,x]=u.useState(!1),[h,m]=u.useState(!0),b=u.useCallback((j,y)=>{const S=a.slice();S[y]=j,o(S)},[o,a]),f=u.useCallback(()=>{l(""),x(!1)},[]),v=u.useCallback(()=>{let j=s;try{d||(j=JSON.parse(j))}catch{}f(),o([...a,j])},[a,o,s,f]),C=u.useCallback(j=>{o(a.filter((y,S)=>S!==j))},[a,o]);return e.jsx("div",{className:`json-card-container ${t?"":"changeable"}`,children:e.jsxs("div",{children:[e.jsxs("div",{className:"json-line json-object-header",children:[e.jsxs("span",{className:"json-object-name json-object-header",onClick:()=>m(j=>!j),children:[n,":","[",h?null:e.jsx("span",{children:"..."})]}),t?null:e.jsx("span",{className:"json-element json-btn",onClick:()=>x(!0),children:e.jsx(st,{size:18})})]}),h?e.jsx("div",{className:"json-object-content",children:a&&a.map((j,y)=>e.jsx("div",{className:"json-line",children:e.jsx(We,{readonly:t,onDelete:()=>C(y),onChange:S=>b(S,y),name:String(y),data:j})},y))}):null,p?e.jsxs("div",{className:"json-object-content",children:[e.jsx("span",{className:"json-base-data border",children:e.jsx("input",{size:s.length||10,placeholder:"value",onChange:j=>l(j.target.value),className:"json-base-data-input",type:"text",value:s})}),e.jsx("span",{className:"json-base-data-btn-save json-base-data-btn",onClick:v,children:"save"}),e.jsx("span",{className:"json-base-data-btn-cancel json-base-data-btn",onClick:f,children:"cancel"})]}):null,e.jsxs("div",{className:"json-line",children:["]",!t&&!i?e.jsx("span",{className:"json-element json-btn",onClick:r,children:e.jsx(ze,{size:18})}):null]})]})})},Aa=({readonly:t,name:n,data:a,onChange:o,onDelete:r})=>{const i=u.useCallback(d=>{o(d.target.value)},[o]);return e.jsx("div",{className:`json-card-container ${t?"":"changeable"}`,children:e.jsx("div",{children:e.jsxs("div",{className:"json-line",children:[e.jsx("span",{className:"json-object-name",children:n}),":",t?e.jsx("span",{className:"json-base-data",children:a}):e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"json-base-data",children:e.jsx("input",{size:(a==null?void 0:a.toString().length)||10,onChange:i,className:"json-base-data-input",type:"text",value:a!==void 0?String(a):""})}),e.jsx("span",{className:"json-element json-btn",onClick:r,children:e.jsx(ze,{size:18})})]})]})})})};var He=(t=>(t.NONE="NONE",t.ARRAY="ARRAY",t.OBJECT="OBJECT",t))(He||{});const We=({readonly:t,name:n,data:a,onChange:o,onDelete:r,baseType:i,onlyStringValue:d})=>typeof a=="boolean"||typeof a=="number"||typeof a=="string"?e.jsx(Aa,{readonly:t,onDelete:r,onChange:o,data:a,name:n}):a?Array.isArray(a)?e.jsx(Ba,{readonly:t,onDelete:r,onChange:o,data:a,name:n,initComponent:i==="ARRAY",onlyStringValue:d}):e.jsx(za,{readonly:t,onDelete:r,onChange:o,data:a,name:n,initComponent:i==="OBJECT",onlyStringValue:d}):null,La=({readonly:t,name:n,data:a,onChange:o,onDelete:r,baseType:i=He.NONE,onlyStringValue:d})=>{const[s,l]=u.useState(a||void 0),[p,x]=u.useState(""),h=u.useCallback(f=>{t||(l(f),o&&o(f))},[o]),m=u.useCallback(()=>{t||(l(void 0),r&&r())},[r]),b=u.useCallback(()=>{if(t)return;let f=p;try{f=JSON.parse(f)}catch{}l(f),o&&o(f)},[o,p]);return s?e.jsx(We,{readonly:t,onDelete:m,onChange:h,data:s,baseType:i,name:n,onlyStringValue:d}):e.jsxs("div",{className:`json-object-content ${t?"":"changeable"}`,children:[e.jsx("span",{className:"json-base-data border",children:e.jsx("input",{size:p.length||10,placeholder:"value",onChange:f=>x(f.target.value),className:"alex-evo-sh-ui-kit-json json-base-data-input",type:"text",value:p})}),e.jsx("span",{className:"json-base-data-btn-save json-base-data-btn",onClick:b,children:"save"})]})},ur="",pr="",Va=({children:t})=>e.jsx("div",{className:"alex-evo-sh-ui-kit alex-evo-sh-ui-kit-panel",children:t});function Ia(t){return t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function At(t,n,a){return t.replace(new RegExp(Ia(n),"g"),a)}const Z=(t,n,a="",o)=>{let r,i,d,s,l,p,x,h=Math.round,m=typeof a=="string";if(typeof t!="number"||t<-1||t>1||typeof n!="string"||n[0]!="r"&&n[0]!="#"||a&&!m||(x=n.length>9,x=m?typeof a=="string"&&a.length>9?!0:a=="c"?!x:!1:x,l=Z.pSBCr(n),s=t<0,p=a&&typeof a=="string"&&a!="c"?Z.pSBCr(a):s?{r:0,g:0,b:0,a:-1}:{r:255,g:255,b:255,a:-1},t=s?t*-1:t,s=1-t,!l||!p))return null;o?(r=h(s*(l.r??0)+t*(p.r??0)),i=h(s*(l.g??0)+t*(p.g??0)),d=h(s*(l.b??0)+t*(p.b??0))):(r=h((s*(l.r??0)**2+t*(p.r??0)**2)**.5),i=h((s*(l.g??0)**2+t*(p.g??0)**2)**.5),d=h((s*(l.b??0)**2+t*(p.b??0)**2)**.5));let b=l.a??1;return p=p.a??1,l=b>=0||p>=0,b=b>=0||p>=0?b<0?p:p<0?b:b*s+p*t:0,x?"rgb"+(l?"a(":"(")+r+","+i+","+d+(l?","+h(b*1e3)/1e3:"")+")":"#"+(4294967296+r*16777216+i*65536+d*256+(l?h(b*255):0)).toString(16).slice(1,l?void 0:-2)};Z.pSBCr=t=>{const n=parseInt;let a=t.length,o={};if(a>9){const r=t.split(","),[i,d,s,l]=r;if(a=r.length,a<3||a>4)return null;o.r=n(i[3]=="a"?i.slice(5):i.slice(4)),o.g=n(d),o.b=n(s),o.a=l?parseFloat(l):-1}else{if(a==8||a==6||a<4)return null;a<6&&(t="#"+t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+(a>4?t[4]+t[4]:""));let r=n(t.slice(1),16);a==9||a==5?(o.r=r>>24&255,o.g=r>>16&255,o.b=r>>8&255,o.a=Math.round((r&255)/.255)/1e3):(o.r=r>>16,o.g=r>>8&255,o.b=r&255,o.a=-1)}return o};function J(t){const n=he(t);return n?n.r*.299+n.g*.589+n.b*.114>186?"#000000":"#FFFFFF":"#fff"}function ne(t,n=!1){return Z(n?-.6:.3,t)??t}const Ya=t=>`--${At(t,"_","-")}`,Ha=t=>At(t,"-","_").slice(2),Wa=t=>({Primary_color:t.Primary_color_night,Secondary_color:t.Secondary_color_night,Tertiary_color:t.Tertiary_color_night,Surface_container_color:t.Surface_container_color_night,Background_color:t.Background_color_night,Error_color:t.Error_color_night,Outline_color:t.Outline_color_night,Shadow_color:t.Shadow_color_night}),Lt={Primary_color:{container:["Primary_container_color"],text:["On_primary_color"]},Primary_container_color:{text:["On_primary_container_color"]},Secondary_color:{container:["Secondary_container_color"],text:["On_secondary_color"]},Secondary_container_color:{text:["On_secondary_container_color"]},Tertiary_color:{container:["Tertiary_container_color"],text:["On_tertiary_color"]},Tertiary_container_color:{text:["On_tertiary_container_color"]},Surface_container_color:{text:["On_surface_color"],low:["Surface_container_low_color"],high:["Surface_container_high_color"]},Surface_container_low_color:{low:["Surface_container_lowest_color"]},Surface_container_high_color:{high:["Surface_container_highest_color"]},Background_color:{text:["On_background_color"]},Error_color:{container:["Error_container_color"],text:["On_error_color"]},Error_container_color:{text:["On_error_container_color"]},Outline_color:{low:["Outline_variant_color"]},On_surface_color:{variant:["On_surface_variant_color"]}},P={Primary_color:"#6750A4",Secondary_color:"#625B71",Tertiary_color:"#7D5260",Surface_container_color:"#F3EDF7",Background_color:"#FFFFFF",Error_color:"#B3261E",Outline_color:"#79747E",Shadow_color:"#000000"},Ee={Primary_color_night:Z(.9,J("#121212"),P.Primary_color)??P.Primary_color,Secondary_color_night:"#625B71",Tertiary_color_night:"#7D5260",Surface_container_color_night:"#121212",Background_color_night:"#101010",Error_color_night:"#B3261E",Outline_color_night:"#79747E",Shadow_color_night:"#000000"},Ga={...P,On_primary_color:J(P.Primary_color),On_secondary_color:J(P.Secondary_color),On_tertiary_color:J(P.Tertiary_color),Primary_container_color:ne(P.Primary_color),Secondary_container_color:ne(P.Secondary_color),Tertiary_container_color:ne(P.Tertiary_color),On_primary_container_color:J(ne(P.Primary_color)),On_secondary_container_color:J(ne(P.Secondary_color)),On_tertiary_container_color:J(ne(P.Tertiary_color)),On_background_color:J(P.Background_color),Outline_variant_color:Z(-.1,P.Outline_color)??P.Outline_color,Surface_container_high_color:Z(.1,P.Surface_container_color)??P.Surface_container_color,Surface_container_highest_color:Z(.2,P.Surface_container_color)??P.Surface_container_color,Surface_container_low_color:Z(-.1,P.Surface_container_color)??P.Surface_container_color,Surface_container_lowest_color:Z(-.2,P.Surface_container_color)??P.Surface_container_color,On_surface_color:J(P.Surface_container_color),On_error_color:J(P.Error_color),Error_container_color:ne(P.Error_color),On_error_container_color:J(ne(P.Error_color)),On_surface_variant_color:Z(-.1,J(P.Surface_container_color))??J(P.Surface_container_color)},Xa=()=>{const[t,n]=u.useState(Ga),[a,o]=u.useState(P),[r,i]=u.useState(Ee),[d,s]=u.useState(!1),l=(b,f)=>{f&&document.body.style.setProperty(Ya(b),f)},p=(b,f,v=!1)=>{var C,j,y,S,w;if(n(O=>({...O,[b]:f})),l(b,f),b in Lt){const O=Lt[b];(C=O.container)==null||C.forEach(T=>p(T,ne(f,v),v)),(j=O.text)==null||j.forEach(T=>p(T,J(f),v)),(y=O.low)==null||y.forEach(T=>p(T,Z(v?-.1:.1,f)??f,v)),(S=O.high)==null||S.forEach(T=>p(T,Z(v?.01:-.01,f)??f,v)),(w=O.variant)==null||w.forEach(T=>p(T,Z(v?-.3:.3,f)??f,v))}},x=u.useCallback(async b=>{console.log(b);for(let f in b){const v=b[f],C=Ha(f);(C in P||C in Ee)&&(f=C),!(!(f in P||f in Ee)||!v)&&(f in P?(r[f+"_night"]===a[f]&&i(j=>({...j,[f+"_night"]:v})),o(j=>({...j,[f]:v}))):f in Ee&&i(j=>({...j,[f]:v})))}},[a,r]),h=u.useCallback(b=>{const f=b?Wa(r):a;for(let v in f)p(v,f[v],b)},[r,a]),m=u.useCallback(b=>{s(b)},[]);return u.useEffect(()=>{h(d)},[d,h]),{colors:t,setColor:x,nightMode:d,setNightMode:m,reCalculateColor:h,lightColor:a,nightColor:r}},Vt=(t,n)=>{for(let a of t){if(typeof a=="string"&&a===n)return a;if(typeof a!="string"&&a.value===n)return a.title}return""},Ua=({style:t,screensize:n=q.STANDART,items:a,onChange:o,value:r,placeholder:i,className:d,border:s,name:l,error:p,onBlur:x,onFocus:h,container:m})=>{const[b,f]=u.useState(""),[v,C]=u.useState({x:0,y:0,width:100}),[j,y]=u.useState(!1);u.useEffect(()=>{f(Vt(a,r??""))},[r,a]);const S=u.useCallback(T=>{f(Vt(a,T)),o&&o(T),y(!1)},[a,o]),w=u.useCallback(T=>typeof T=="string"?{title:T,onClick:()=>S(T)}:{title:T.title,onClick:()=>S(T.value)},[S]),O=u.useCallback(T=>{T.preventDefault();let z=ye(T.currentTarget),_=(z==null?void 0:z.left)??T.pageX,A=z!=null&&z.top?z.top+z.height:T.pageY;C({x:_,y:A,width:(z==null?void 0:z.width)??150}),y(!0)},[a,w]);return e.jsxs(e.Fragment,{children:[e.jsx("div",{style:t,className:`input-field select-field ${d} ${s?"border":""}`,children:e.jsxs("div",{className:"input-container",onClick:O,children:[e.jsx("input",{required:!0,type:"text",className:`${p?"error":""}`,name:l,value:b,placeholder:i,onFocus:h,onBlur:x,readOnly:!0}),e.jsx("span",{className:"text-field-line"})]})}),e.jsx(zt,{width:v.width,screensize:n,x:v.x,y:v.y,onHide:()=>y(!1),container:m,blocks:[{items:a.map(w)}],visible:j})]})},It={mobileSize:720,bigSize:1400},Ja=(t=It)=>{(t.bigSize<=100||t.mobileSize<=100||t.bigSize<=100||t.mobileSize>=t.bigSize)&&(console.error("useScreenSize: invalid option"),t=It);const[n,a]=u.useState(q.STANDART),o=u.useCallback(()=>{window.innerWidth<t.mobileSize?a(q.MOBILE):window.innerWidth<t.bigSize?a(q.STANDART):a(q.BIG_SCREEN)},[window.innerWidth]);return u.useEffect(()=>{o()},[o]),u.useEffect(()=>(window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o)}),[o]),{screen:n}};k.BaseActionCard=wt,k.BaseButton=se,k.BaseDialog=aa,k.BaseMenu=Dt,k.BaseRadioButton=St,k.BaseType=He,k.BasicTemplateDialog=oe,k.BigContainer=Bn,k.BottomSheetsUi=Nt,k.Button=Me,k.Card=zn,k.Checkbox=An,k.Chips=Ct,k.ColorField=Mn,k.ColumnLayout=ka,k.ContentBox=Wn,k.DateField=ma,k.DayOfWeekField=ba,k.DialogModal=de,k.Divider=$,k.EmptyPage=Ma,k.FAB=Yn,k.FilledButton=rt,k.FilledTotalButton=ot,k.FullScrinTemplateDialog=na,k.GridLayout=va,k.GridLayoutItem=ga,k.HEXtoRGB=he,k.HSLtoHSV=Tn,k.HSVtoHSL=Rn,k.HSVtoRGB=ue,k.IconButton=xe,k.JsonContainer=La,k.ListContainer=bt,k.ListItem=jt,k.Menu=zt,k.ModalTemplate=Ce,k.MoreText=Xn,k.NavigationBar=Ra,k.NavigationDrawer=Fa,k.NavigationRail=Da,k.NumberField=Ln,k.OutlineButton=at,k.Panel=Va,k.RGBtoHSV=ke,k.RadioButton=In,k.RunningLine=Un,k.ScreenSize=q,k.ScrollContainer=Jn,k.Search=Kn,k.SelectField=Ua,k.SelectionDialog=ra,k.SigmentedButton=$n,k.Slider=ea,k.SmallWindowMenu=Mt,k.Snackbar=Zn,k.Switch=Qn,k.Table=Ea,k.TextArea=Vn,k.TextButton=X,k.TextDialog=ca,k.TextField=Le,k.TimeField=ha,k.TimePicker=Tt,k.Typography=re,k.getContainerColor=ne,k.getContainerData=ye,k.getModalWindowCord=Ve,k.getTextColor=J,k.hexToRgb=mt,k.map=Ot,k.useColor=Xa,k.useScreenSize=Ja,k.СalendarPickers=Ft,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})});
+ */const Ne=W("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),No="",de=({children:t,container:n})=>n?ln.createPortal(t,n):e.jsx("p",{children:"container not found"}),Co="";function Nn(t,n,a){if(!(!t||!n)){t.clearRect(0,0,n.width,n.height),a||(a="#ff0000"),t.fillStyle=a,t.fillRect(0,0,n.width,n.height);var o=t.createLinearGradient(0,0,n.width,0);o.addColorStop(0,"#fff"),o.addColorStop(1,"transparent"),t.fillStyle=o,t.fillRect(0,0,n.width,n.height);var r=t.createLinearGradient(0,0,0,n.height);r.addColorStop(0,"transparent"),r.addColorStop(1,"#000"),t.fillStyle=r,t.fillRect(0,0,n.width,n.height)}}function Cn(t,n,a,o){!n||!t||t.addEventListener("mousedown",function(r){Sn(r,t,a,o)})}function pt(t,n,a,o){if(t.preventDefault(),!n)return;const r=n.getBoundingClientRect();let i=t.clientY-r.top;i>r.height&&(i=r.height),i<0&&(i=0);let d=t.clientX-r.left;d>r.width&&(d=r.width),d<0&&(d=0);const s=i/r.height,l=d/r.width,p=100-100*s,x=100*l;o(Math.round(x),Math.round(p)),ht(a,d,i)}function Sn(t,n,a,o){const r=d=>pt(d,n,a,o);pt(t,n,a,o),a.classList.add("dragging"),window.addEventListener("mousemove",r),window.addEventListener("mouseup",i);function i(){a.classList.remove("dragging"),window.removeEventListener("mousemove",r),window.removeEventListener("mouseup",i)}}function ht(t,n,a){t.style.top=a+"px",t.style.left=n+"px"}function _n(t,n){if(!t||!n)return;const a=t.createLinearGradient(0,0,0,n.height);a.addColorStop(0,"hsl(0, 100%, 50%)"),a.addColorStop(.17,"hsl(298.8, 100%, 50%)"),a.addColorStop(.33,"hsl(241.2, 100%, 50%)"),a.addColorStop(.5,"hsl(180, 100%, 50%)"),a.addColorStop(.67,"hsl(118.8, 100%, 50%)"),a.addColorStop(.83,"hsl(61.2, 100%, 50%)"),a.addColorStop(1,"hsl(360, 100%, 50%)"),t.fillStyle=a,t.fillRect(0,0,n.width,n.height)}function En(t,n,a,o){!t||!n||n.addEventListener("mousedown",function(r){On(r,a,n,o)})}function xt(t,n,a,o){if(t.preventDefault(),!n)return;const r=n.getBoundingClientRect();let i=t.clientY-r.top;i>r.height&&(i=r.height),i<0&&(i=0);const s=360-360*(i/r.height);o(s),ft(a,i)}function On(t,n,a,o){const r=d=>xt(d,a,n,o);xt(t,a,n,o),n.classList.add("dragging"),window.addEventListener("mousemove",r),window.addEventListener("mouseup",i);function i(){n.classList.remove("dragging"),window.removeEventListener("mousemove",r),window.removeEventListener("mouseup",i)}}function ft(t,n){t.style.top=n+"px"}function Tn(t,n,a){arguments.length===1&&(n=t.s,a=t.l,t=t.h);var o=t,r,i;return a*=2,n*=a<=1?a:2-a,i=(a+n)/2,r=2*n/(a+n),{h:o,s:r,v:i}}function Rn(t,n,a){arguments.length===1&&(n=t.s,a=t.v,t=t.h);var o=(2-n)*a/2;return o!=0&&(o==1?n=0:o<.5?n=n*a/(o*2):n=n*a/(2-o*2)),{h:t,s:n,l:o}}function ue(t,n,a){var o,r,i,d,s,l,p,x;switch(arguments.length===1&&(n=t.s,a=t.v,t=t.h),d=Math.floor(t*6),s=t*6-d,l=a*(1-n),p=a*(1-s*n),x=a*(1-(1-s)*n),d%6){case 0:o=a,r=x,i=l;break;case 1:o=p,r=a,i=l;break;case 2:o=l,r=a,i=x;break;case 3:o=l,r=p,i=a;break;case 4:o=x,r=l,i=a;break;case 5:o=a,r=l,i=p;break}return{r:Math.round(o*255),g:Math.round(r*255),b:Math.round(i*255)}}function Ae(t){let n=t.toString(16);return n.length===1&&(n="0"+n),n}function pe(t){return Ae(t.r)+Ae(t.g)+Ae(t.b)}function ke(t,n,a){arguments.length===1&&(n=t.g,a=t.b,t=t.r);var o=Math.max(t,n,a),r=Math.min(t,n,a),i=o-r,d,s=o===0?0:i/o,l=o/255;switch(o){case r:d=0;break;case t:d=n-a+i*(n<a?6:0),d/=6*i;break;case n:d=a-t+i*2,d/=6*i;break;case a:d=t-n+i*4,d/=6*i;break}return{h:d,s,v:l}}function he(t){var n=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;t=t.replace(n,function(o,r,i,d){return r+r+i+i+d+d});var a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return a?{r:parseInt(a[1],16),g:parseInt(a[2],16),b:parseInt(a[3],16)}:null}const mt=he,Fn=t=>{if(!t)return"linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))";const n=mt(t);return n?`linear-gradient(135deg, rgba(${n.r}, ${n.g}, ${n.b}, 0.1), rgba(${n.r}, ${n.g}, ${n.b}, 0))`:"linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))"},So="",Ce=({children:t,onHide:n,disableBackplate:a})=>{function o(){n&&n()}return e.jsxs("div",{className:"modal-container",style:{zIndex:a?"0":void 0},children:[e.jsx("div",{onClick:o,style:{display:a?"none":void 0},className:"backplate"}),t]})},oe=({className:t,children:n,header:a,action:o,onHide:r,style:i,clearStyle:d=!1,disableBackplate:s})=>{function l(){r&&r()}return e.jsx(Ce,{onHide:l,disableBackplate:s,children:e.jsxs("div",{style:i,className:`${d?"":"dialog-container"} dialog-container-base ${t}`,children:[a?e.jsx("div",{className:"dialog-header",children:e.jsx("h2",{className:"text-3xl",children:a})}):null,e.jsx("div",{className:"dialog-content",children:n}),o?e.jsx("div",{className:"dialog-action",children:o}):null]})})},Pn=["#FFFFFF","#FFFB0D","#0532FF","#FF9300","#00F91A","#FF2700","#000000","#686868","#EE5464","#D27AEE","#5BA8C4","#E64AA9"],Dn=({onHide:t,beginColor:n,onChange:a,onAddColor:o,userColor:r=[]})=>{const i=u.useRef(null),d=u.useRef(null),s=u.useRef(null),l=u.useRef(null),[p,x]=u.useState(n?ke(he(n)):{h:0,s:1,v:.5}),h=u.useMemo(()=>ue(p),[p]),m=u.useMemo(()=>"#"+pe(h),[h]),[b,f]=u.useState(!1),[v,C]=u.useState(m),j=u.useMemo(()=>v[0]!="#"?"#"+v:v,[v]);function y(_,A,U,B,G){if(!(!_||!U))try{const Y=_.getBoundingClientRect(),te=U.getBoundingClientRect(),ae=Math.round(G.s*Y.width),ce=Math.round((1-G.v)*Y.height),V=(360-G.h*360)/360*te.height;ht(A,ae,ce),ft(B,V)}catch{}}const S=_=>{x(ke(he(_))),C(_)},w=u.useCallback(()=>{o&&o([...r,m])},[o,r,m]),O=u.useCallback(()=>{a&&a(m)},[a,m]),T=u.useCallback((_,A)=>{x(ke({...h,[_]:A})),C(pe({...h,[_]:A}))},[h]),z=u.useCallback(_=>{C(_)},[]);return u.useEffect(()=>{(v.length===4||v.length===7)&&x(ke(he(v)))},[v]),u.useEffect(()=>{if(!s.current||!i.current||!d.current||!l.current)return;const _=s.current.getContext("2d");Nn(_,s.current,`#${pe(ue(p.h,1,1))}`),y(s.current,l.current,i.current,d.current,p)},[p]),u.useEffect(()=>{if(!s.current||!l.current)return;const _=s.current.getContext("2d");Cn(s.current,_,l.current,(A,U)=>{x(B=>{const G={...B,s:A/100,v:U/100};return C(pe(ue(G))),G})})},[]),u.useEffect(()=>{if(!i.current||!d.current)return;const _=i.current.getContext("2d");_n(_,i.current),En(_,i.current,d.current,A=>{x(U=>{const B={...U,h:A/360};return C(pe(ue(B))),B})})},[]),u.useEffect(()=>{console.log(p,h)},[p]),e.jsxs(oe,{className:"color-picker-panel",onHide:t,clearStyle:!0,children:[e.jsxs("div",{className:"panel-row",style:{padding:0},children:[e.jsx("div",{className:"swatches default-swatches",children:Pn.map((_,A)=>e.jsx("button",{onClick:()=>S(_),className:"swatch",style:{backgroundColor:_}},A))}),e.jsx("button",{className:"button-color-picker eyedropper",onClick:O,children:"Get Color"})]}),e.jsxs("div",{className:"panel-row",style:{padding:0},children:[e.jsxs("div",{className:"spectrum-map spectrum-cursor",children:[e.jsx("button",{ref:l,className:"color-cursor spectrum-cursor"}),e.jsx("canvas",{ref:s,className:"spectrum-canvas spectrum-canvas-color-picker"})]}),e.jsxs("div",{className:"hue-map",children:[e.jsx("button",{ref:d,className:"color-cursor hue-cursor"}),e.jsx("canvas",{ref:i,className:"hue-canvas hue-canvas-color-picker"})]})]}),e.jsxs("div",{className:"panel-row",style:{padding:0},children:[e.jsxs("div",{className:`field-group value-fields rgb-fields ${b?"":"active"}`,children:[e.jsxs("div",{className:"field-group",children:[e.jsx("label",{className:"field-label",children:"R:"}),e.jsx("input",{type:"number",max:"255",min:"0",value:h.r,onChange:_=>T("r",Number(_.target.value)),className:"field-input rgb-input"})]}),e.jsxs("div",{className:"field-group",children:[e.jsx("label",{className:"field-label",children:"G:"}),e.jsx("input",{type:"number",max:"255",min:"0",value:h.g,onChange:_=>T("g",Number(_.target.value)),className:"field-input rgb-input"})]}),e.jsxs("div",{className:"field-group",children:[e.jsx("label",{className:"field-label",children:"B:"}),e.jsx("input",{type:"number",max:"255",min:"0",value:h.b,onChange:_=>T("b",Number(_.target.value)),className:"field-input rgb-input"})]})]}),e.jsxs("div",{className:`field-group value-fields hex-field ${b?"active":""}`,children:[e.jsx("label",{className:"field-label",children:"Hex:"}),e.jsx("input",{type:"text",className:"field-input",value:j,onChange:_=>z(_.target.value)})]}),e.jsx("button",{className:"button-color-picker mode-toggle",onClick:()=>f(_=>!_),children:"Mode"})]}),e.jsxs("div",{className:"panel-row",style:{padding:0},children:[e.jsx("h2",{className:"panel-header",children:"User Colors"}),e.jsx("div",{id:"user-swatches",className:"swatches custom-swatches",children:r?r.map((_,A)=>e.jsx("button",{onClick:()=>S(_),className:"swatch",style:{backgroundColor:_}},A)):null}),e.jsxs("button",{onClick:w,className:"button-color-picker add-swatch",children:[e.jsx("span",{style:{backgroundColor:`#${pe(ue(p))}`},className:"color-indicator"}),e.jsx("span",{children:"Add to Swatches"})]})]})]})},Mn=({border:t,onChange:n,container:a,value:o,className:r,transparent:i,userColor:d,onAddColor:s})=>{const[l,p]=u.useState(!1),[x,h]=u.useState(o??"#f00"),m=()=>{p(!0)},b=u.useCallback(f=>{console.log(f),h(f),n&&n(f),p(!1)},[n]);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:`input-field color-field ${t?"border":""} ${i?"transparent":""} ${r??""}`,children:[e.jsx("div",{className:"color-field-label",onClick:m,children:e.jsx("span",{className:"data color-field-data",children:x})}),e.jsx("div",{className:" color-indicator-field",style:{backgroundColor:x},onClick:m}),e.jsx("div",{className:"color-icon-container icon-container",style:{marginRight:"12px",marginLeft:"0"},onClick:m,children:e.jsx(vn,{})})]}),l?e.jsx(de,{container:a,children:e.jsx(Dn,{userColor:d,onAddColor:s,onChange:b,beginColor:x,onHide:()=>p(!1)})}):null]})},_o="",bt=({children:t,className:n,maxHeight:a,scroll:o,transparent:r})=>e.jsx("ul",{style:{overflowY:a?o?"scroll":"hidden":void 0,maxHeight:a,backgroundColor:r?"transparent":void 0},className:`list-container ${n} ${o?"scroll":""}`,children:t});var q=(t=>(t.MOBILE="MOBILE",t.STANDART="STANDART",t.BIG_SCREEN="BIG_SCREEN",t))(q||{});const Eo="",gt={[q.MOBILE]:"small-screen",[q.STANDART]:"standart-screen",[q.BIG_SCREEN]:"big-screen"};function vt(t,n=q.STANDART){return`var(--${t}-${gt[n]})`}function kt(t,n="standart"){return`var(--${t}-${n})`}function yt(t,n="normal",a=q.STANDART){return`var(--${t}-heights-${gt[a]}-${n})`}const re=t=>{var n,a,o,r,i,d;return t.type==="heading"||t.type==="title"?e.jsx("h3",{...t,style:{...t.style,fontSize:((n=t.style)==null?void 0:n.fontSize)??vt(t.type,t.screensize),fontWeight:((a=t.style)==null?void 0:a.fontWeight)??kt(t.type,t.weight),lineHeight:((o=t.style)==null?void 0:o.lineHeight)??yt(t.type,t.density,t.screensize)},className:`alex-evo-ui-kit alex-evo-ui-kit-heading ${t.className}`}):e.jsx("span",{...t,style:{...t.style,fontSize:((r=t.style)==null?void 0:r.fontSize)??vt(t.type,t.screensize),fontWeight:((i=t.style)==null?void 0:i.fontWeight)??kt(t.type,t.weight),lineHeight:((d=t.style)==null?void 0:d.lineHeight)??yt(t.type,t.density,t.screensize)},className:`alex-evo-ui-kit alex-evo-ui-kit-text ${t.className}`})},jt=({icon:t,control:n,text:a,header:o,value:r,onClick:i,hovered:d,className:s})=>{const l=p=>{p.target.closest(".control-container")||i&&i(p)};return e.jsxs("li",{className:` ${s} list-item-container ${d?"hovered":""}`,onClick:l,children:[t?e.jsx("div",{className:"icon-container",children:t}):r?e.jsx("div",{className:"icon-container",children:r}):null,a?e.jsxs("div",{className:"text-container",children:[e.jsx("div",{className:"header",children:e.jsx(re,{type:"body",children:o})}),e.jsx("div",{className:"text",children:e.jsx(re,{type:"small",children:a})})]}):e.jsx("div",{className:"text-container",children:e.jsx("div",{className:"header",children:e.jsx(re,{type:"body",children:o})})}),n?e.jsx("div",{className:"control-container",children:n}):null]})},Oo="",xe=({transparent:t,icon:n,className:a,onClick:o,onContextMenu:r,disabled:i,classNameContainer:d,style:s})=>{const l=p=>{o&&o(p);let x=document.createElement("span");x.classList.add("btn-overlay");let h=p.pageX-p.currentTarget.offsetLeft,m=p.pageY-p.currentTarget.offsetTop;x.style.left=h+"px",x.style.top=m+"px",p.currentTarget.appendChild(x),setTimeout(()=>{x.remove()},500)};return e.jsx("button",{style:{backgroundColor:t?"transparent":void 0,...s},className:`iconbutton ${a}`,onClick:l,onContextMenu:r,disabled:i,children:e.jsx("div",{className:`${d} iconbutton-container`,children:n})})},To="",zn=({style:t,className:n,action:a,imgSrc:o,alt:r,header:i,subhead:d,text:s,children:l,iconButtonCell:p,onClick:x,screenSize:h})=>{const m=f=>!(f.target.className==="action-container"||f.target.closest(".action-container")||f.target.className==="icon-button-container"||f.target.closest(".icon-button-container")||f.target.className==="card-child-container"||f.target.closest(".card-child-container")),b=f=>{if(!m(f))return;x&&x(f);let v=f.currentTarget.closest(".card-container"),C=v==null?void 0:v.querySelector(".blick-container");if(!C)return;let j=document.createElement("span");j.classList.add("btn-overlay");let y=f.pageX-f.currentTarget.offsetLeft,S=f.pageY-f.currentTarget.offsetTop;j.style.left=y+"px",j.style.top=S+"px",C.appendChild(j),setTimeout(()=>{j.remove()},500)};return e.jsxs("div",{style:t,className:`card-container ${n}`,onClick:b,children:[e.jsx("div",{className:"blick-container"}),o?e.jsx("div",{className:"card-img-container",children:e.jsx("img",{src:o,alt:r})}):null,e.jsxs("div",{className:"card-content-container",children:[e.jsxs("div",{className:"card-Headline-container mb-1 font-bold",children:[e.jsx("div",{className:"headline",children:e.jsx(re,{type:"title",weight:"bold",screensize:h,className:"card-heading",children:i})}),p?e.jsx("div",{className:"icon-button-container",children:p}):null]}),d?e.jsx("div",{className:"card-subhead-container mb-1",children:e.jsx("div",{className:"subhead",children:e.jsx(re,{style:{display:"block"},type:"title-2",weight:"bold",screensize:h,className:"card-subhead",children:d})})}):null,s?e.jsx("div",{className:"card-text-container mb-1",children:e.jsx("div",{className:"text",children:e.jsx(re,{type:"body",screensize:h,className:"",children:s})})}):null,l?e.jsx("div",{className:"card-child-container mb-2",children:l}):null,e.jsx("div",{className:"action-container",children:a})]})]})},Ro="",wt=({children:t,className:n})=>e.jsx("div",{className:`base-action-card ${n??""}`,children:t}),Fo="",Bn=({children:t,className:n,id:a,height:o,width:r,pozMove:i})=>{const[d,s]=u.useState(!1),[l,p]=u.useState(null),[x,h]=u.useState({x:0,y:0}),m=v=>{v.button==1&&(s(!1),p(null),document.body.style.cursor="auto")},b=v=>{v.button==1&&(p({x:v.clientX,y:v.clientY}),s(!0),document.body.style.cursor="move")},f=u.useCallback(v=>{d&&(h(C=>{if(!l)return C;const j=v.clientX-l.x,y=v.clientY-l.y;let S=C.x+j,w=C.y+y;return{x:S,y:w}}),p({x:v.clientX,y:v.clientY}))},[d,l]);return u.useEffect(()=>{i&&h({...i})},[i]),e.jsx("div",{id:a,style:{height:o,width:r},className:`big-container ${n}`,onMouseDown:b,onMouseUp:m,onMouseMove:f,children:e.jsx("div",{className:"big-container-content",style:{left:x.x,top:x.y},children:t})})},Po="",Nt=t=>{const[n,a]=u.useState(!1),[o,r]=u.useState(!0),i=u.useRef(null),d=u.useCallback(()=>{a(!0),setTimeout(()=>{t.onHide(),a(!1),r(!0)},200)},[t.onHide]);u.useEffect(()=>{t.visible&&r(!1)},[t.visible]),u.useEffect(()=>{!t.visible&&!o&&d()},[t.visible,d,o]);const s=u.useCallback(h=>{window.screen.height-h.changedTouches[0].clientY<=150&&d(),i.current&&(i.current.style.height=`${window.screen.height-h.changedTouches[0].clientY}px`)},[d]),l=h=>{window.screen.height-h.clientY-120<=150&&d(),i.current&&(i.current.style.height=`${window.screen.height-h.clientY-120}px`)},p=()=>{document.body.removeEventListener("mousemove",l),document.body.removeEventListener("mouseup",p)},x=()=>{document.body.addEventListener("mousemove",l),document.body.addEventListener("mouseup",p)};return o&&!n||!t.children?null:e.jsx(Ce,{onHide:d,children:e.jsxs("div",{ref:i,className:`bottom-sheets ${n?"hide":""}`,children:[e.jsx("div",{className:"bottom-sheets-handle",onMouseDown:x,onTouchMove:s,children:e.jsx("span",{})}),e.jsx("div",{className:"bottom-sheets-content",children:t.children})]})})},Do="",An=({name:t,checked:n,onChange:a,readOnly:o,checkIcon:r})=>e.jsxs("label",{className:"checkbox-container",children:[e.jsx("input",{className:"checkbox",name:t,type:"checkbox",checked:n,onChange:a,readOnly:o}),e.jsx("span",{className:"checkbox-box",children:r||e.jsx("span",{className:"checkbox-ckeck-icon",children:"✓"})})]}),Mo="",Ct=({text:t,onDelete:n,big:a,onClick:o,screenSize:r})=>{const i=s=>!(s.target.className==="alex-evo-ui-kit-chips-btn"||s.target.closest(".alex-evo-ui-kit-chips-btn")),d=s=>{i(s)&&o&&o(s)};return e.jsxs("div",{className:`alex-evo-ui-kit-chips chips ${a?"big-chips":""} ${o?"hovered":""}`,onClick:d,children:[e.jsx(re,{type:"body",screensize:r,children:t}),n?e.jsx("div",{className:"alex-evo-ui-kit-chips-btn chips-btn",onClick:n,children:e.jsx(Ne,{size:18})}):null]})},zo="",Le=({styleContainer:t,type:n="text",transparent:a,readOnly:o,password:r,border:i,onClear:d,icon:s,onChange:l,name:p,value:x,placeholder:h,className:m,validEmptyValue:b,onFocus:f,onBlur:v,error:C,max:j,min:y})=>{const S=u.useRef(null),[w,O]=u.useState(!1),[T,z]=u.useState(!1),_=()=>{S.current&&S.current.focus()},A=G=>{f&&f(G),z(!0)},U=G=>{v&&v(G),z(!1)},B=u.useCallback((G,Y)=>O(!!(C||G&&(!Y||Y===""))),[]);return u.useEffect(()=>{B(b,x)},[x,b,B]),e.jsxs("div",{style:t,className:`input-field text-field ${i?"border":""} ${T?"active":""} ${a?"transparent":""} ${m}`,children:[s?e.jsx("div",{className:"icon-container",onClick:_,children:s}):null,e.jsxs("div",{className:"input-container",onClick:_,children:[e.jsx("input",{ref:S,max:j,min:y,readOnly:o,required:!0,type:r?"password":n,className:`${w?"error":""}`,name:p,value:x,onChange:l,onFocus:A,onBlur:U}),e.jsx("label",{children:h?e.jsx("span",{children:h}):null})]}),d?e.jsx("div",{className:"icon-container clear-btn",children:e.jsx(dt,{onClick:d})}):null]})},Bo="",Ln=({styleContainer:t,transparent:n,readOnly:a,border:o,onClear:r,icon:i,onChange:d,name:s,value:l,placeholder:p,className:x,validEmptyValue:h,onFocus:m,onBlur:b,error:f,max:v,min:C})=>{const j=u.useRef(null),y=u.useRef(null),S=u.useRef(null),w=u.useRef(null),[O,T]=u.useState(!1),[z,_]=u.useState(l??0),A=u.useCallback((V,L)=>T(!!(f||V&&(!L||L===""))),[]),U=()=>{w.current&&w.current.focus()},B=u.useCallback((V,L)=>{d&&(S.current&&clearTimeout(S.current),S.current=setTimeout(()=>{S.current&&clearTimeout(S.current),d(V,L)},100))},[d]),G=u.useCallback(()=>{_(V=>{let L=V?V+1:1;return typeof v=="number"&&L>v&&(L=v),B(L,s),L})},[B,s,v]),Y=u.useCallback(()=>{_(V=>{let L=V?V-1:-1;return typeof C=="number"&&L<C&&(L=C),B(L,s),L})},[B,s,C]),te=u.useCallback(V=>{let L=Number(V.target.value);typeof C=="number"&&L<C&&(L=C),typeof v=="number"&&L>v&&(L=v),_(Number(V.target.value)),B(L,s)},[s,B,z,v,C]),ae=u.useCallback(()=>{j.current&&clearTimeout(j.current),y.current&&clearInterval(y.current),document.removeEventListener("mouseup",ae)},[]),ce=u.useCallback(V=>{V==="p"?G():V==="m"&&Y(),j.current&&clearTimeout(j.current),y.current&&clearInterval(y.current),document.addEventListener("mouseup",ae),j.current=setTimeout(()=>{y.current=setInterval(()=>{V==="p"?G():V==="m"&&Y()},100)},500)},[G,Y]);return u.useEffect(()=>{A(h,l)},[l,h,A]),u.useEffect(()=>{l&&!S.current&&_(l)},[l]),e.jsxs("div",{style:t,className:`input-field number-field ${o?"border":""} ${n?"transparent":""} ${x}`,children:[i?e.jsx("div",{className:"icon-container",onClick:U,children:i}):null,e.jsxs("div",{className:"input-container",onClick:U,children:[e.jsx("input",{ref:w,max:v,min:C,readOnly:a,required:!0,type:"number",className:`alex-evo-number-field ${O?"error":""}`,name:s,value:z,onChange:te,onFocus:m,onBlur:b}),e.jsx("label",{children:p?e.jsx("span",{children:p}):null}),e.jsx("span",{className:"text-field-line"})]}),r?e.jsx("div",{className:"clear-container",children:e.jsx(dt,{onClick:r})}):null,e.jsxs("div",{className:"button-block",children:[e.jsx("div",{className:"minus number-field-btn",onMouseDown:()=>ce("m"),children:e.jsx(gn,{})}),e.jsx("div",{className:"plus number-field-btn",onMouseDown:()=>ce("p"),children:e.jsx(yn,{})})]})]})},Ao="",Vn=({styleContainer:t,transparent:n,readOnly:a,border:o,icon:r,onChange:i,name:d,value:s,placeholder:l,className:p,validEmptyValue:x,onFocus:h,onBlur:m,error:b})=>{const f=u.useRef(null),[v,C]=u.useState(!1),j=u.useCallback((S,w)=>C(!!(b||S&&(!w||w===""))),[]);u.useEffect(()=>{j(x,s)},[s,x,j]);const y=()=>{f.current&&f.current.focus()};return e.jsxs("div",{style:t,className:`input-field text-area ${v?"error":""} ${o?"border":""} ${n?"transparent":""} ${p}`,children:[r?e.jsx("div",{className:"icon-container",onClick:y,children:r}):null,e.jsx("div",{className:"input-container textarea-container",onClick:y,children:e.jsx("textarea",{ref:f,readOnly:a,required:!0,placeholder:l,className:`${v?"error":""}`,name:d,value:s,onChange:i,onFocus:h,onBlur:m})})]})},Lo="",$=({style:t,short:n,text:a})=>a?e.jsxs("div",{style:t,className:`divider-and-text ${n?"short":""}`,children:[e.jsx("div",{className:`divider ${n?"short":""}`}),a,e.jsx("div",{className:`divider ${n?"short":""}`})]}):e.jsx("div",{style:t,className:`divider ${n?"short":""}`}),Vo="",St=({name:t,checked:n})=>e.jsxs("label",{className:"radio-button-container",children:[e.jsx("input",{className:"radio-button",name:t,type:"radio",checked:n,readOnly:!0}),e.jsx("span",{})]}),In=({defaultChecked:t,name:n,currentValue:a,value:o,onChange:r,readOnly:i,checked:d})=>e.jsxs("label",{className:"radio-button-container",children:[e.jsx("input",{defaultChecked:t,className:"radio-button",name:n,type:"radio",checked:a&&o&&a===o||d,value:o,onChange:r,readOnly:i}),e.jsx("span",{})]}),Io="",Yn=({style:t,icon:n,className:a,onClick:o,onContextMenu:r,children:i})=>e.jsxs("button",{style:t,className:`${a} extendedFAB`,onClick:o,onContextMenu:r,children:[n,i?e.jsx("span",{children:i}):null]}),Yo="",ye=t=>t?{height:Number(window.getComputedStyle(t).getPropertyValue("height").replace("px","")),width:Number(window.getComputedStyle(t).getPropertyValue("width").replace("px","")),left:Number(t.getBoundingClientRect().left),top:Number(t.getBoundingClientRect().top)}:void 0,Ve=(t,n,a,o)=>{let r={x:t,y:n};if(!a)return r;let i=Number(window.getComputedStyle(a).getPropertyValue("height").replace("px","")),d=Number(window.getComputedStyle(a).getPropertyValue("width").replace("px","")),s=n+i-document.documentElement.scrollHeight,l=t+d-document.documentElement.clientWidth;return s>0&&(r.y=r.y-s-((o==null?void 0:o.marginBottom)??0)),l>0&&(r.x=r.x-l-((o==null?void 0:o.marginRight)??0)),r},Hn=10,_t=.002,Wn=({children:t,label:n,className:a,style:o,border:r,hiding:i,defaultVisible:d=!1,action:s})=>{const[l,p]=u.useState(i?d:!0),x=u.useRef(null),h=v=>{if(!v)return;const C=ye(v);if(C)return C.height+Hn},m=v=>{const C=h(v);return C?C*_t>1?1:C*_t:.4},b=v=>{const C=v.target;C.closest(".action-btn")||C.classList.contains("action-btn")||i&&p(y=>!y)};u.useEffect(()=>{!i&&!l&&p(!0)},[i,l]);const f=u.useMemo(()=>m(x.current),[x.current]);return console.log(f),e.jsxs("div",{style:o,className:`content-box ${r?"border":""} ${l?"active":""} ${a??""}`,children:[e.jsxs("div",{className:"content-box-label",onClick:b,children:[e.jsx(re,{type:"title",children:n}),e.jsx("div",{className:"content-box-action-container",children:s?e.jsx("div",{className:"content-box-status-container action-btn",onClick:s.onClick,children:s.icon}):i?e.jsx("div",{className:"content-box-status-container",children:e.jsx("span",{className:`content-box-status ${l?"active":""}`})}):null})]}),e.jsx("div",{className:"content-box-container-curtain",style:{transition:f+"s",height:l?"auto":"0px"},children:e.jsx("div",{className:"content-box-container",ref:x,children:t})})]})},Gn=t=>t===""?[]:t.split(",").map(n=>n.trim()),Et=t=>t.join(", "),Ho="",Xn=({minWidth:t,value:n,onChange:a,border:o})=>{const[r,i]=u.useState([]),[d,s]=u.useState("");u.useEffect(()=>{console.log("p0"),i(Gn(n))},[n]),u.useEffect(()=>{console.log(r)},[r]);const l=h=>{s(h.target.value)},p=u.useCallback(()=>{if(d===""||r.includes(d))return;const h=[...r,d.trim()];i(h),a&&a(Et(h)),s("")},[r,d]),x=h=>{const m=r.filter((b,f)=>f!==h);i(m),a&&a(Et(m))};return e.jsxs("div",{className:"more-text",style:{minWidth:t},children:[e.jsxs("div",{className:"add value",children:[e.jsx(Le,{onChange:l,value:d,border:o}),e.jsx(wt,{children:e.jsx(Me,{onClick:p,children:"add"})})]}),e.jsx("div",{className:"chips-container",children:r.map((h,m)=>e.jsx(Ct,{text:h,onDelete:()=>x(m)},m))})]})},Wo="",Un=({style:t,text:n,className:a,onClick:o,onContextMenu:r})=>{const i=u.useRef(null),d=u.useCallback(()=>{if(!i.current)return;let s=i.current.getElementsByTagName("p");s[0]&&i.current.clientWidth<=s[0].clientWidth?(s[0].className="runing",s[0].innerHTML=`| ${n} | ${n}`):s[0].className=""},[n]);return u.useEffect(()=>{d()},[d]),e.jsx("div",{style:t,ref:i,onClick:o,onContextMenu:r,className:`runing-text ${a}`,children:e.jsx("p",{children:n})})},Go="",Jn=({className:t,children:n,height:a})=>e.jsx("div",{className:`scroll-container ${t}`,style:{height:a},children:n}),Xo="",Kn=({onMenu:t,onSearch:n,placeholder:a,autoChenge:o})=>{const r=u.useRef(null),[i,d]=u.useState(""),[s,l]=u.useState(!1),p=()=>{r.current&&(r.current.focus(),l(!0))},x=()=>{r.current&&(r.current.focus(),r.current.value=""),d(""),l(!0),o&&n("")},h=()=>{x(),r.current&&(r.current.blur(),l(!1))},m=f=>{d(f.target.value),o&&n(f.target.value)},b=f=>{f.code==="Enter"&&n(i)};return e.jsx("div",{className:"search-container",children:e.jsxs("div",{className:"search-field",children:[s?e.jsx("span",{onClick:h,children:e.jsx(xn,{size:24})}):t?e.jsx("span",{onClick:t,children:e.jsx(ct,{size:24})}):null,e.jsx("input",{placeholder:a,type:"text",ref:r,onChange:m,onKeyDown:b,value:i,onFocus:()=>l(!0)}),s?e.jsx("span",{onClick:x,children:e.jsx(Ne,{size:24})}):e.jsx("span",{onClick:p,children:e.jsx(jn,{size:24})})]})})},Uo="",Zn=({visible:t,text:n,option:a})=>{const o=()=>{a!=null&&a.onHide&&a.onHide()};return t?e.jsxs("div",{className:`snackbar-container ${a==null?void 0:a.className}`,style:{backgroundColor:a==null?void 0:a.backgroundColor,color:a==null?void 0:a.color},children:[e.jsxs("div",{className:"snackbar-content-container",children:[e.jsx("div",{className:"snackbar-text",children:n}),a!=null&&a.onClick?e.jsx("div",{className:"snackbar-button-container",children:e.jsx(X,{className:"snackbar-btn",onClick:a.onClick,children:a.buttonText??"Action"})}):null]}),a!=null&&a.closeButton?e.jsx("div",{className:"snackbar-close",children:e.jsx("span",{onClick:o,children:e.jsx(Ne,{})})}):null]}):null},Jo="",Qn=({style:t,name:n,onChange:a,checked:o,className:r})=>e.jsx("div",{className:`swich-container ${r}`,style:t,children:e.jsx("input",{type:"checkbox",name:n,onChange:a,checked:o})}),Ko="",qn=t=>t===void 0?[]:Array.isArray(t)?t:[t],$n=({style:t,multiple:n,value:a,items:o,className:r,onClick:i,onContextMenu:d,onChange:s})=>{const[l,p]=u.useState(qn(a)),x=h=>{i&&i(h);const m=h.currentTarget;if(!n){if(!m.dataset.el)return;p([m.dataset.el]),s&&s([m.dataset.el],h);return}const b=l.filter(v=>v===m.dataset.el);let f=l.slice();b.length>0&&m.dataset.el?f=f.filter(v=>v!==m.dataset.el):m.dataset.el&&f.push(m.dataset.el),p(f),s&&s(f,h)};return e.jsx("div",{style:t,className:`sigmentedbutton-container ${r??""}`,children:o.map((h,m)=>e.jsx("div",{className:"sigmentedbutton-item-container",children:e.jsxs("button",{"data-el":h,onContextMenu:d,onClick:x,className:`sigmentedbutton-item-button ${l.includes(h)?"active":""}`,children:[l.includes(h)?e.jsx("div",{className:"icon-container",children:e.jsx(ve,{})}):null,e.jsx("div",{className:"text-container",children:h})]},m)},m))})},Zo="";function Ot(t,n,a,o,r){return o+(r-o)*((t-n)/(a-n))}const Ie=0,Ye=100,ea=t=>{const[n,a]=u.useState(0),[o,r]=u.useState(!1),i=u.useRef(null),d=u.useRef(null);u.useEffect(()=>{t.value?a(t.value):a(0)},[t.value]);const s=h=>{a(Number(h.target.value)),t.onChange&&t.onChange(h)},l=(h,m,b)=>{if(i.current&&d.current){let f=ye(d.current);if(f)return Ot(h,m,b,0,b-m)*(f.width-20)/(b-m)}return 0},p=u.useCallback(h=>{r(!0),t.onFocus&&t.onFocus(h)},[t.onFocus]),x=u.useCallback(h=>{r(!1),t.onBlur&&t.onBlur(h)},[t.onBlur]);return e.jsx("div",{className:"range",children:e.jsxs("div",{className:"field",style:t.style,children:[t.maxMinDisplay?e.jsx("div",{className:"value left",children:t.min??Ie}):null,e.jsxs("div",{className:"field-range-container",children:[e.jsx("div",{className:"slider-value",ref:i,style:{width:l(n,t.min??Ie,t.max??Ye)},children:e.jsxs("div",{className:"slider-tooltip",style:{display:o?"block":"none"},children:[e.jsx("span",{className:"slider-tooltip-container"}),e.jsx("span",{className:"slider-tooltip-value",children:n})]})}),e.jsx("input",{onMouseUp:t.onMouseUp,ref:d,step:t.step,type:"range",min:t.min??Ie,max:t.max??Ye,onChange:s,value:n,onFocus:p,onBlur:x})]}),t.maxMinDisplay?e.jsx("div",{className:"value right",children:t.max??Ye}):null]})})},ta=({onHide:t,onSave:n})=>e.jsxs("div",{className:"dialog-button-container",children:[e.jsx(X,{onClick:t,children:"cancel"}),n?e.jsx(X,{onClick:n,children:"save"}):null]}),na=({style:t,className:n,header:a,children:o,onSave:r,onHide:i,marginBottom:d,disableBackplate:s})=>{const[l,p]=u.useState(!1),x=u.useCallback(()=>{window.innerWidth<720?p(!0):p(!1)},[window.innerWidth]);u.useEffect(()=>{x()},[x]),u.useEffect(()=>(window.addEventListener("resize",x),()=>{window.removeEventListener("resize",x)}),[x]);const h=()=>{i&&i()},m=()=>{r&&r()};return l?e.jsxs("div",{style:{...t,height:`calc(100vh - ${d}px`},className:`full-screen-dialog-container ${n}`,children:[e.jsxs("div",{className:"full-screen-dialog-header",children:[e.jsx("div",{className:"dialog-icon-container",children:e.jsx(xe,{transparent:!0,onClick:h,icon:e.jsx(Ne,{})})}),e.jsx("div",{className:"header",children:a}),e.jsx("div",{className:"save-container",children:r?e.jsx(X,{onClick:m,children:"save"}):null})]}),e.jsx("div",{className:"full-screen-dialog-content",style:{overflowY:"auto"},children:o})]}):e.jsx(oe,{disableBackplate:s,style:t,header:a,className:`full-screen-dialog-base-format ${n}`,onHide:h,children:o,action:e.jsx(ta,{onHide:h,onSave:r?m:void 0})})},aa=({styleContainer:t,text:n,header:a,actionText:o,onSuccess:r,onHide:i,onCancel:d})=>{const s=u.useCallback(()=>{r&&r(),i&&i()},[r,i]),l=u.useCallback(()=>{d&&d(),i&&i()},[i,d]);return e.jsx(oe,{style:t,header:a,action:e.jsx(oa,{onHide:l,actionText:o,onSuccess:s}),children:e.jsx("p",{children:n})})};function oa({actionText:t,onSuccess:n,onHide:a}){return e.jsxs("div",{className:"dialog-button-container",children:[e.jsx(X,{onClick:a,children:"cancel"}),e.jsx(X,{onClick:n,children:t??"OK"})]})}function ra({onSuccess:t,items:n,header:a,onHide:o,noHide:r=!1,name:i="dailog_name"}){const[d,s]=u.useState(void 0),l=u.useCallback(()=>{t&&d&&t(d),s(void 0),!r&&o&&o()},[d]),p=u.useCallback(x=>{s(x)},[]);return e.jsxs(oe,{header:a,action:e.jsx(ia,{onHide:o,onSuccess:l,disabled:d===void 0}),children:[e.jsx($,{style:{padding:"0px"}}),e.jsx(bt,{className:"transparent",scroll:!0,maxHeight:"200px",children:n.map((x,h)=>e.jsx("label",{children:e.jsx(jt,{hovered:!0,header:x.title,onClick:()=>p(x.data),control:e.jsx(St,{name:i,checked:x.data===d})})},h))}),e.jsx($,{style:{padding:"0px"}})]})}function ia({onSuccess:t,onHide:n,disabled:a}){return e.jsxs("div",{className:"dialog-button-container",children:[e.jsx(X,{onClick:n,children:"cancel"}),e.jsx(X,{onClick:t,disabled:a,children:"OK"})]})}const ca=({styleContainer:t,text:n,header:a,onSuccess:o,onHide:r,placeholder:i,type:d="text",min:s=0,max:l=100})=>{const[p,x]=u.useState(""),h=u.useCallback(()=>{o&&o(p),r&&r()},[p]),m=b=>{d==="number"&&(Number(b)<s&&(b=String(s)),Number(b)>l&&(b=String(l))),x(b)};return e.jsxs(oe,{style:t,header:a,action:e.jsx(la,{onHide:r,onSuccess:h}),children:[e.jsx("p",{children:n}),e.jsx("div",{className:"dialog-input-container",children:e.jsx(Le,{max:l,min:s,type:d,border:!0,placeholder:i,value:p,onChange:b=>m(b.target.value)})})]})};function la({onSuccess:t,onHide:n}){return e.jsxs("div",{className:"dialog-button-container",children:[e.jsx(X,{onClick:n,children:"cancel"}),e.jsx(X,{onClick:t,children:"OK"})]})}const Qo="",qo="",sa=({setHours:t,setMinutes:n,switchMode:a,hours:o,minutes:r,onCancel:i,onOK:d})=>{const[s,l]=u.useState(!1),p=u.useCallback(m=>{t(m),l(!0)},[t]),x=u.useCallback(m=>{n(m),l(!1)},[n]),h=u.useCallback(()=>{l(!1),i()},[]);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"time-type",children:e.jsx("p",{className:"text-sm",children:"Select time"})}),e.jsxs("div",{className:"time-input-container",children:[e.jsxs("div",{className:"time-input hours",children:[e.jsx("div",{className:"input-container",children:e.jsx("input",{disabled:!0,type:"number",min:0,max:23,value:o})}),e.jsx("span",{className:"text-sm",children:"Hour"})]}),e.jsx("div",{className:"time-separator",children:":"}),e.jsxs("div",{className:"time-input minutes",children:[e.jsx("div",{className:"input-container",children:e.jsx("input",{disabled:!0,type:"number",value:r,min:0,max:60})}),e.jsx("span",{className:"text-sm",children:"Minute"})]})]}),e.jsx("div",{className:"clock-input-container",children:s?e.jsx(ua,{setMinutes:x}):e.jsx(da,{setHours:p})}),e.jsxs("div",{className:"enter-time-action",children:[e.jsx("div",{className:"enter-time-icon",onClick:()=>a(),children:e.jsx(bn,{})}),e.jsx(X,{className:"little",onClick:h,children:"Cancel"}),e.jsx(X,{className:"little",onClick:d,children:"OK"})]})]})};function da({setHours:t}){return e.jsxs("div",{className:"clock-input",children:[e.jsxs("div",{className:"clock-input-am",children:[e.jsx("span",{onClick:()=>t(1),children:"1"}),e.jsx("span",{onClick:()=>t(2),children:"2"}),e.jsx("span",{onClick:()=>t(3),children:"3"}),e.jsx("span",{onClick:()=>t(4),children:"4"}),e.jsx("span",{onClick:()=>t(5),children:"5"}),e.jsx("span",{onClick:()=>t(6),children:"6"}),e.jsx("span",{onClick:()=>t(7),children:"7"}),e.jsx("span",{onClick:()=>t(8),children:"8"}),e.jsx("span",{onClick:()=>t(9),children:"9"}),e.jsx("span",{onClick:()=>t(10),children:"10"}),e.jsx("span",{onClick:()=>t(11),children:"11"}),e.jsx("span",{onClick:()=>t(12),children:"12"})]}),e.jsxs("div",{className:"clock-input-pm",children:[e.jsx("span",{onClick:()=>t(13),children:"13"}),e.jsx("span",{onClick:()=>t(14),children:"14"}),e.jsx("span",{onClick:()=>t(15),children:"15"}),e.jsx("span",{onClick:()=>t(16),children:"16"}),e.jsx("span",{onClick:()=>t(17),children:"17"}),e.jsx("span",{onClick:()=>t(18),children:"18"}),e.jsx("span",{onClick:()=>t(19),children:"19"}),e.jsx("span",{onClick:()=>t(20),children:"20"}),e.jsx("span",{onClick:()=>t(21),children:"21"}),e.jsx("span",{onClick:()=>t(22),children:"22"}),e.jsx("span",{onClick:()=>t(23),children:"23"}),e.jsx("span",{onClick:()=>t(0),children:"0"})]}),e.jsx("span",{className:"center"})]})}function ua({setMinutes:t}){return e.jsxs("div",{className:"clock-input",children:[e.jsxs("div",{className:"clock-input-minute",children:[e.jsx("span",{onClick:()=>t(0),children:"00"}),e.jsx("span",{onClick:()=>t(5),children:"05"}),e.jsx("span",{onClick:()=>t(10),children:"10"}),e.jsx("span",{onClick:()=>t(15),children:"15"}),e.jsx("span",{onClick:()=>t(20),children:"20"}),e.jsx("span",{onClick:()=>t(25),children:"25"}),e.jsx("span",{onClick:()=>t(30),children:"30"}),e.jsx("span",{onClick:()=>t(35),children:"35"}),e.jsx("span",{onClick:()=>t(40),children:"40"}),e.jsx("span",{onClick:()=>t(45),children:"45"}),e.jsx("span",{onClick:()=>t(50),children:"50"}),e.jsx("span",{onClick:()=>t(55),children:"55"})]}),e.jsx("span",{className:"center"})]})}const pa=({setHours:t,setMinutes:n,switchMode:a,minutes:o,hours:r,onCancel:i,onOK:d})=>{const s=p=>{let x=Number(p.target.value);x<0&&(x=0),x>23&&(x=23),t(x)},l=p=>{let x=Number(p.target.value);x<0&&(x=0),x>59&&(x=59),n(x)};return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"time-type",children:e.jsx("p",{className:"text-sm",children:"Enter time"})}),e.jsxs("div",{className:"time-input-container",children:[e.jsxs("div",{className:"time-input hours",children:[e.jsx("div",{className:"input-container",children:e.jsx("input",{type:"number",min:0,max:23,value:r,onChange:s})}),e.jsx("span",{className:"text-sm",children:"Hour"})]}),e.jsx("div",{className:"time-separator",children:":"}),e.jsxs("div",{className:"time-input minutes",children:[e.jsx("div",{className:"input-container",children:e.jsx("input",{type:"number",value:o,min:0,max:59,onChange:l})}),e.jsx("span",{className:"text-sm",children:"Minute"})]})]}),e.jsxs("div",{className:"enter-time-action",children:[e.jsx("div",{className:"enter-time-icon",onClick:()=>a(),children:e.jsx(ut,{})}),e.jsx(X,{className:"little",onClick:i,children:"Cancel"}),e.jsx(X,{className:"little",onClick:d,children:"OK"})]})]})},Tt=t=>{const[n,a]=u.useState(t.minutes??0),[o,r]=u.useState(t.hours??0),[i,d]=u.useState(!0),s=()=>{t.onHide&&t.onHide(),a(0),r(0)},l=u.useCallback(x=>{a(x),t.onChange&&t.onChange(o,x),t.onHide&&t.onHide()},[o]),p=u.useCallback(()=>{t.onChange&&t.onChange(o,n),t.onHide&&t.onHide()},[o,n]);return i?e.jsx(oe,{className:"enter-time-container",children:e.jsx(sa,{setMinutes:l,setHours:r,minutes:n,hours:o,switchMode:()=>d(!1),onCancel:s,onOK:p})}):e.jsx(oe,{className:"enter-time-container",children:e.jsx(pa,{setMinutes:a,setHours:r,minutes:n,hours:o,switchMode:()=>d(!0),onCancel:s,onOK:p})})},ha=({border:t,onChange:n,name:a,value:o,className:r,validEmptyValue:i,error:d,container:s})=>{const[l,p]=u.useState(o??""),[x,h]=u.useState(!1),m=u.useCallback(v=>d||v&&(!l||l==="")?"error":"",[l]),b=(v,C)=>{let j=String(v),y=String(C);j.length<2&&(j="0"+j),y.length<2&&(y="0"+y),p(`${j}:${y}`),n&&n(`${j}:${y}`)},f=()=>{h(!0)};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:`input-field time-field ${t?"border":""}`,children:[e.jsx("div",{className:"icon-container",onClick:f,children:e.jsx(ut,{})}),e.jsxs("div",{className:"input-container",onClick:f,children:[e.jsx("input",{required:!0,type:"time",className:`${r} ${m(i)}`,name:a,value:l,readOnly:!0}),e.jsx("span",{className:"text-field-line"})]})]}),x?e.jsx(de,{container:s,children:e.jsx(Tt,{onHide:()=>h(!1),onChange:b,hours:0,minutes:0})}):null]})},$o="",er="",xa=2050,Rt=1900,ie=["January","February","March","April","May","June","July","August","September","October","November","December"],fa=()=>Array(xa-Rt).fill(0).map((t,n)=>Rt+n),Ft=({onChange:t,onHide:n})=>{const[a]=u.useState(ie[new Date().getMonth()]),[o]=u.useState(new Date().getFullYear()),[r]=u.useState(new Date().getDate()),[i,d]=u.useState(ie[new Date().getMonth()]),[s,l]=u.useState(new Date().getFullYear()),[p,x]=u.useState({day:new Date().getDate(),type:"NOW_MONTH"}),[h,m]=u.useState("DAYS"),b=(w,O)=>new Date(w,O+1,0).getDate(),f=(w,O,T)=>new Date(w,O,T).getDay(),v=(w,O)=>{let T=Array(b(w,O)).fill(0).map((U,B)=>({type:"NOW_MONTH",day:B+1})),z=f(w,O,b(w,O)),_=Array(7-z).fill(0).map((U,B)=>({type:"NEXT_MONTH",day:B+1}));return T=Array(f(w,O,0)).fill(0).map((U,B)=>({type:"PREV_MONTH",day:b(O?w:w-1,O?O-1:11)-B})).reverse().concat(T).concat(_),T},C=w=>{m("DAYS"),l(w)},j=w=>{m("DAYS"),d(w)},y=w=>{x(w)},S=u.useCallback(()=>{let w=new Date;w.setFullYear(s),p.type==="NEXT_MONTH"?i===ie[11]?(w.setMonth(0),w.setFullYear(s+1)):w.setMonth(ie.indexOf(i)+1):p.type==="PREV_MONTH"?i===ie[0]?(w.setMonth(11),w.setFullYear(s-1)):w.setMonth(ie.indexOf(i)-1):w.setMonth(ie.indexOf(i)),w.setDate(p.day),t&&t(w.getFullYear(),w.getMonth(),w.getDate()),n&&n()},[i,s,t,n,p]);return e.jsxs(oe,{className:"calendar-body-container",style:{maxWidth:"328px"},children:[e.jsxs("div",{className:"calendar-body-select-container",children:[e.jsx("div",{className:"month",children:e.jsxs("span",{className:h==="MONTHS"?"active":"",onClick:()=>m("MONTHS"),children:[i," ",e.jsx(lt,{})]})}),e.jsx("div",{className:"years",children:e.jsxs("span",{className:h==="YEARS"?"active":"",onClick:()=>m("YEARS"),children:[s," ",e.jsx(lt,{})]})})]}),h==="MONTHS"?e.jsx("div",{className:"calendar-body-months-container",children:ie.map((w,O)=>e.jsxs("div",{className:"calendar-body-months-item",onClick:()=>j(w),children:[e.jsx("div",{className:"status-container",children:i===w?e.jsx(ve,{}):null}),e.jsx("div",{className:"content",children:w})]},O))}):h==="YEARS"?e.jsx("div",{className:"calendar-body-years-container",children:fa().map((w,O)=>e.jsxs("div",{className:"calendar-body-year-item",onClick:()=>C(w),children:[e.jsx("div",{className:"status-container",children:s===w?e.jsx(ve,{}):null}),e.jsx("div",{className:"content",children:w})]},O))}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"calendar-body-dayofweek-container",children:[e.jsx("span",{children:"M"}),e.jsx("span",{children:"T"}),e.jsx("span",{children:"W"}),e.jsx("span",{children:"T"}),e.jsx("span",{children:"F"}),e.jsx("span",{children:"S"}),e.jsx("span",{children:"S"})]}),e.jsx("div",{className:"calendar-body-days-container",children:v(s,ie.indexOf(i)).map((w,O)=>e.jsx("div",{className:`day ${w.type!=="NOW_MONTH"?"other":""} ${r===w.day&&s===o&&i===a?"now":""} ${w.day===p.day&&w.type===p.type?"select":""}`,onClick:()=>y(w),children:w.day},O))})]}),e.jsxs("div",{className:"calendar-body-action-container",children:[e.jsx(X,{className:"little m-0",onClick:n,children:"Cancel"}),e.jsx(X,{className:"little m-0",onClick:S,children:"OK"})]})]})},ma=({border:t,onChange:n,name:a,value:o,className:r,validEmptyValue:i,error:d,container:s})=>{const[l,p]=u.useState(o??""),[x,h]=u.useState(!1),m=u.useCallback(j=>d||j&&(!l||l==="")?"error":"",[l]),b=()=>{h(!0)},f=j=>{let y=String(j+1);return y.length<2&&(y="0"+y),y},v=j=>{let y=String(j);return y.length<2&&(y="0"+y),y},C=u.useCallback((j,y,S)=>{p(`${j}-${f(y)}-${v(S)}`),n&&n(`${j}-${f(y)}-${v(S)}`)},[n]);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:`input-field date-field ${t?"border":""}`,children:[e.jsx("div",{className:"icon-container",onClick:b,children:e.jsx(fn,{})}),e.jsx("div",{className:"input-container",onClick:b,children:e.jsx("input",{required:!0,type:"date",className:`${r} ${m(i)}`,name:a,value:l,readOnly:!0})})]}),x?e.jsx(de,{container:s,children:e.jsx(Ft,{onChange:C,onHide:()=>h(!1)})}):null]})},tr="",ba=({onChange:t,value:n,className:a})=>{const[o,r]=u.useState(n||[]),i=u.useCallback(s=>{if(!s)return;let l=o.slice();const p=l.indexOf(s.target.name);p!==-1&&!s.target.checked?l=l.filter((x,h)=>h!==p):p===-1&&s.target.checked&&l.push(s.target.name),r(l),t&&t(l)},[o]),d=u.useCallback(s=>o.indexOf(s)!==-1,[o]);return e.jsx(e.Fragment,{children:e.jsxs("div",{className:`days-week-field-container ${a}`,children:[e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:i,name:"Mon",checked:d("Mon")}),e.jsx("span",{children:"Mon"})]}),e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:i,name:"Tue",checked:d("Tue")}),e.jsx("span",{children:"Tue"})]}),e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:i,name:"Wed",checked:d("Wed")}),e.jsx("span",{children:"Wed"})]}),e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:i,name:"Thu",checked:d("Thu")}),e.jsx("span",{children:"Thu"})]}),e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:i,name:"Fri",checked:d("Fri")}),e.jsx("span",{children:"Fri"})]}),e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:i,name:"Sat",checked:d("Sat")}),e.jsx("span",{children:"Sat"})]}),e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:i,name:"Sun",checked:d("Sun")}),e.jsx("span",{children:"Sun"})]})]})})},nr="",ga=({children:t})=>e.jsx("div",{className:"adaptiv-grid-item",children:e.jsx("div",{className:"adaptiv-grid-item-container",children:t})}),va=({minWith:t,children:n,className:a,gridRowGap:o="10px",gridColumnGap:r="5px",itemMinWith:i,itemMaxWith:d,itemWith:s="400px"})=>{const l=u.useRef(null),[p,x]=u.useState([]),h=u.useCallback(()=>{if(!l.current)return;l.current.style.display="grid",l.current.style.gridRowGap=o,l.current.style.gridColumnGap=r;let f=i??s,v=d??s;l.current.style.gridTemplateColumns="repeat(auto-fill, minmax("+f+", "+v+"))",l.current.style.gridAutoRows="0",p.forEach(C=>{C.style.gridAutoRows="0",C.style.gridAutoColumns="0"})},[l.current]),m=u.useCallback(()=>{if(!l.current)return;let f=parseInt(window.getComputedStyle(l.current).getPropertyValue("grid-row-gap")),v=parseInt(window.getComputedStyle(l.current).getPropertyValue("grid-auto-rows"));p.forEach(C=>{let j=0,y=C.querySelector(".adaptiv-grid-item-container");y&&(j=Math.ceil((y.getBoundingClientRect().height+f)/(v+f))),C.style.gridRowEnd="span "+j})},[p,l.current]),b=u.useCallback(()=>{if(l.current){let f=l.current.querySelectorAll(".adaptiv-grid-item");x(Array.prototype.slice.call(f,0))}},[l.current,n]);return u.useEffect(()=>{b()},[b]),u.useEffect(()=>{h()},[h]),u.useEffect(()=>{m()},[m,n]),u.useEffect(()=>(window.addEventListener("resize",m),()=>{window.addEventListener("resize",m)}),[m]),e.jsx("div",{style:{minWidth:t},ref:l,className:`adaptiv-grid-layout ${a}`,children:n})},ar="",ka=({onClick:t,onContextMenu:n,gap:a,className:o,style:r,countColumn:i,items:d,onClickColl:s,classNameColumn:l})=>{const p=(h,m)=>{let b=new Array(h).fill([]).map(f=>new Array);for(const f of m){if(f.indexCol>=b.length){console.error(`invalid index count. indexCol = ${f.indexCol}, column count = ${h}`);continue}b[f.indexCol].push(f.node)}return b},x=s||(()=>{});return e.jsx("div",{onClick:t,onContextMenu:n,style:{...r,gap:a?`${a}px`:"5px",gridTemplateColumns:`repeat(${i}, 1fr)`},className:`alex-evo-sh-ui-kit-column-layout ${o}`,children:p(i,d).map((h,m)=>e.jsx("div",{onClick:b=>x(m,b),className:`alex-evo-sh-ui-kit-column-layout-coll ${l}`,children:h.map((b,f)=>e.jsx("div",{className:"alex-evo-sh-ui-kit-column-layout-item",children:b},f))},m))})},or="",ya=({item:t,isIcon:n,globalClick:a})=>{const o=()=>{t.onClick&&t.onClick(),a&&a()};return e.jsxs("div",{className:"menu-sub-item",onClick:o,children:[n?e.jsx("div",{className:"menu-icon-container",children:t.icon}):null,e.jsx("div",{className:"menu-text-container",children:t.title}),e.jsx("div",{className:"menu-status-container",children:t.activated?e.jsx(ve,{}):null})]})},ja=({items:t,onHide:n,smallDisplay:a,globalClick:o})=>{const r=u.useRef(null),[i,d]=u.useState({left:"0px",top:"0px"});function s(l){for(let p of l)if(p.icon)return!0;return!1}return u.useEffect(()=>{if(!r.current)return;let l=ye(r.current.parentElement);if(!l)return;let p=Ve(l.left+l.width,l.top,r.current,{marginRight:l.width});d({left:p.x-l.left+"px",top:p.y-l.top+"px"})},[]),e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:r,className:"menu-sub-block",style:{...i},children:t.map((l,p)=>e.jsx(ya,{item:l,isIcon:s(t),globalClick:o},p))}),a?null:e.jsx("div",{style:{zIndex:4},className:"backplate",onClick:n})]})},wa=({onHide:t,autoHide:n,globalClick:a,item:o,isIcon:r,smallDisplay:i})=>{const[d,s]=u.useState(!1),l=u.useCallback(()=>{o.subItems?s(p=>!p):o.onClick&&o.onClick(),a&&a(),n&&t&&t()},[o.onClick]);return e.jsxs("div",{className:"menu-item-conatiner",children:[e.jsxs("div",{className:"menu-item",onClick:l,children:[r?e.jsx("div",{className:"menu-icon-container",children:o.icon}):null,e.jsx("div",{className:"menu-text-container",children:o.title}),e.jsx("div",{className:"menu-status-container",children:o.subItems?e.jsx("span",{className:`menu-status-submenu ${d?"active":""}`}):o.activated?e.jsx(ve,{}):e.jsx("span",{className:"none-status"})})]}),d&&o.subItems?e.jsx(ja,{items:o.subItems,onHide:()=>s(!1),smallDisplay:i}):null]})};function Pt({block:t,smallDisplay:n,onHide:a,globalClick:o,autoHide:r}){function i(d){for(let s of d.items)if(s.icon)return!0;return!1}return e.jsx("div",{className:"menu-block",children:t.items.map((d,s)=>e.jsx(wa,{globalClick:o,autoHide:r,onHide:a,item:d,isIcon:i(t),smallDisplay:n},s))})}const Na=100,Dt=t=>{const n=u.useRef(null),[a,o]=u.useState({left:"0px",top:"0px"}),r=()=>{t.onHide&&t.onHide()};return u.useEffect(()=>{let i=Ve(t.x,t.y,n.current,{marginBottom:Na});o({left:i.x+"px",top:i.y+"px"})},[t.x,t.y]),t.visible?e.jsx(Ce,{onHide:r,children:e.jsx("div",{ref:n,className:"menu-container",style:{...a,opacity:a.top!=="0px"?"100%":"0%",width:t.width,maxWidth:t.width?"100%":void 0},children:t.blocks.map((i,d)=>e.jsxs(u.Fragment,{children:[d!==0?e.jsx($,{}):null,e.jsx(Pt,{block:i,smallDisplay:!1,globalClick:t.onClick,autoHide:t.autoHide,onHide:r})]},d))})}):null},Mt=t=>{const n=()=>{};return e.jsx(Nt,{onHide:t.onHide||n,visible:t.visible,children:e.jsx("div",{className:"bottom-sheets-menu-container",children:t.blocks.map((a,o)=>e.jsxs(u.Fragment,{children:[o!==0?e.jsx($,{}):null,e.jsx(Pt,{block:a,smallDisplay:!0})]},o))})})},zt=t=>t.screensize===q.MOBILE?e.jsx(de,{container:t.container,children:e.jsx(Mt,{...t})}):e.jsx(de,{container:t.container,children:e.jsx(Dt,{...t})}),rr="";function Ca(t){let n=[];if(t.length>0)for(let a of t)for(let o in a){let r=!1;for(let i of n)i.field===o&&(r=!0);r||n.push({title:o,field:o})}return n}const Sa=({data:t,column:n,color:a,backgroundColor:o,H:r})=>{function i(l,p){for(let x in p)if(l===x)return p[x]}function d(l){return typeof l=="number"||typeof l=="string"?{content:l}:l}function s(l){return l?Array.isArray(l)?l.map(p=>d(p)):[d(l)]:[]}return e.jsx("td",{style:{backgroundColor:o,height:r},children:function(){const l=s(i(n.field,t));return n.template?n.template(l,t):l.map((p,x)=>e.jsx("p",{style:{color:p.color??a},className:p.onClick?"no-click":"",onClick:p.onClick,children:typeof p.content=="string"||typeof p.content=="number"?p.content:e.jsx(p.content,{})},x))}()})},_a=({actions:t,item:n,columns:a,onContextMenu:o,onDelete:r,onEdit:i,onClickRow:d,index:s,maxH:l})=>{const p=h=>!h.target.closest(".no-click"),x=u.useCallback(h=>{p(h)&&d&&d(n,s)},[s,d]);return e.jsxs("tr",{className:"table-row",onClick:x,children:[a.map((h,m)=>e.jsx(Sa,{H:l==null?void 0:l[m],color:h.color,backgroundColor:h.backgroundColor,column:h,data:n},m)),t?e.jsx("td",{className:"w-[180px] no-click",children:e.jsx("div",{className:"table-edit-button",children:t.map((h,m)=>e.jsx(xe,{transparent:!0,icon:h.icon,onClick:b=>h.onClick(b,n,s)},m))})}):null,o||r||i?e.jsx("td",{className:"w-[180px] table-edit-button no-click",children:e.jsxs("div",{className:"table-edit-button",children:[i?e.jsx(xe,{transparent:!0,icon:e.jsx(kn,{}),onClick:()=>i(n,s)}):null,r?e.jsx(xe,{transparent:!0,icon:e.jsx(wn,{className:"text-red-500"}),onClick:()=>r(n,s)}):null,o?e.jsx(xe,{transparent:!0,icon:e.jsx(mn,{}),onClick:h=>o(h,n,s)}):null]})}):null]})},Ea=({data:t,columns:n,onDelete:a,onContextMenu:o,onEdit:r,actions:i,onClickRow:d,adaptive:s})=>{const l=u.useMemo(()=>n??Ca(t),[t,n]),p=u.useRef(null),x=u.useCallback(()=>{var C,j;if(!p.current)return;const h=p.current,m=h.tBodies.item(0),b=(j=(C=h.tHead)==null?void 0:C.children.item(0))==null?void 0:j.children,f=(b==null?void 0:b.length)??1,v=new Array(f).fill(0);if(m){for(const y of m.children)for(let S=0;S<y.children.length;S++){const O=y.children[S].getBoundingClientRect().height;v[S]<O&&(v[S]=O)}return v}},[p]);return e.jsx("div",{className:`table-container mt-3 ${d?"clicked":""} ${s?"auto-rotate":""}`,children:e.jsxs("table",{ref:p,children:[e.jsx("thead",{children:e.jsxs("tr",{children:[l.map((h,m)=>{var b;return e.jsx("th",{style:{height:(b=x())==null?void 0:b[m]},className:"min-width",children:h.title},m)}),i?e.jsx("th",{className:"table-actions-header",children:"actions"}):null,a||o||r?e.jsx("th",{className:"table-actions-header"}):null]})}),e.jsx("tbody",{children:t.map((h,m)=>e.jsx(_a,{maxH:x(),onClickRow:d,actions:i,index:m,columns:l,item:h,onDelete:a,onContextMenu:o,onEdit:r},m))})]})})},ir="",Oa=({icon:t,title:n,to:a})=>e.jsxs(Pe.NavLink,{to:a,className:"navigation-item",children:[e.jsx("div",{className:"navigation-item-icon",children:t}),e.jsx("div",{className:"navigation-item-text",children:n})]}),Ta=({onClick:t,icon:n,title:a})=>e.jsxs("div",{onClick:t,className:"navigation-item",children:[e.jsx("div",{className:"navigation-item-icon",children:n}),e.jsx("div",{className:"navigation-item-text",children:a})]}),Ra=({btns:t})=>e.jsx("div",{className:"navigation-bar-container",children:e.jsx("div",{className:"block-content",children:t.map((n,a)=>n.type==="button"?e.jsx(Ta,{icon:n.icon,onClick:n.onClick,title:n.text},a):n.type==="link"?e.jsx(Oa,{icon:n.icon,to:n.to,title:n.text},a):null)})}),cr="",Bt=({onClick:t,icon:n,title:a,to:o})=>e.jsxs(Pe.NavLink,{onClick:t,to:o,className:"navigation-item",children:[e.jsx("div",{className:"navigation-item-icon",children:n}),e.jsx("div",{className:"navigation-item-text",children:a})]}),Se=({onClick:t,icon:n,title:a,active:o=!1})=>e.jsxs("div",{onClick:t,className:`navigation-item ${o?"active":""}`,children:[e.jsx("div",{className:"navigation-item-icon",children:n}),e.jsx("div",{className:"navigation-item-text",children:a})]}),Fa=({visible:t,firstBtn:n,mainBtn:a,onHide:o,otherBtn:r,backBtn:i,openAlways:d})=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:`navigation-drawer-container ${t||d?"show":"hide"}`,children:[n?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"navigation-block",children:[e.jsx("div",{className:"block-header"}),e.jsx("div",{className:"block-content",children:e.jsx(Se,{active:n.active,onClick:n.onClick,title:n.text,icon:n.icon??e.jsx(Be,{})})})]}),e.jsx("div",{className:"divider-container",children:e.jsx($,{})})]}):null,e.jsxs("div",{className:"navigation-block",children:[e.jsx("div",{className:"block-header"}),e.jsx("div",{className:"block-content",children:a&&a.map((s,l)=>s.type==="button"?e.jsx(Se,{active:s.active,onClick:s.onClick,title:s.text,icon:s.icon},l):s.type==="link"?e.jsx(Bt,{onClick:()=>o(),title:s.text,icon:s.icon,to:s.to},l):null)})]}),e.jsx("div",{className:"divider-container",children:e.jsx($,{})}),e.jsxs("div",{className:"navigation-block",children:[e.jsx("div",{className:"block-header"}),e.jsx("div",{className:"block-content",children:r&&r.map((s,l)=>s.type==="button"?e.jsx(Se,{active:s.active,onClick:s.onClick,title:s.text,icon:s.icon},l):s.type==="link"?e.jsx(Bt,{onClick:()=>o(),title:s.text,icon:s.icon,to:s.to},l):null)})]}),e.jsx("div",{className:"divider-container",children:e.jsx($,{})}),i?e.jsx("div",{className:"navigation-block",children:e.jsx(Se,{active:i.active,onClick:i.onClick,title:i.text,icon:i.icon})}):null]}),t&&!d?e.jsx("div",{className:"backplate",style:{zIndex:1100},onClick:()=>o()}):null]}),lr="",Pa=({icon:t,title:n,to:a})=>e.jsxs(Pe.NavLink,{to:a,className:"navigation-item",children:[e.jsx("div",{className:"navigation-item-icon",children:t}),e.jsx("div",{className:"navigation-item-text",children:n})]}),_e=({onClick:t,icon:n,title:a,active:o=!1})=>e.jsxs("div",{onClick:t,className:`navigation-item ${o?"active":""}`,children:[e.jsx("div",{className:"navigation-item-icon",children:n}),e.jsx("div",{className:"navigation-item-text",children:a})]}),Da=({onToggleMenu:t,firstBtn:n,mainBtn:a,backBtn:o})=>e.jsx("div",{className:"navigation-rail-container",children:e.jsx("div",{className:"navigation-block",children:e.jsxs("div",{className:"block-content",children:[t?e.jsx(_e,{icon:e.jsx(ct,{}),onClick:t}):null,n?e.jsxs(e.Fragment,{children:[e.jsx($,{}),e.jsx(_e,{active:n.active,title:n.text,icon:n.icon??e.jsx(Be,{}),onClick:r=>{n.onClick&&n.onClick(r)}}),e.jsx($,{})]}):null,a&&a.map((r,i)=>r.type==="button"?e.jsx(_e,{active:r.active,onClick:r.onClick,title:r.text,icon:r.icon},i):r.type==="link"?e.jsx(Pa,{title:r.text,icon:r.icon,to:r.to},i):null),o?e.jsxs(e.Fragment,{children:[e.jsx($,{}),e.jsx(_e,{active:o.active,title:o.text,icon:o.icon??e.jsx(Be,{}),onClick:r=>{o.onClick&&o.onClick(r)}}),e.jsx($,{})]}):null]})})}),sr="",Ma=({className:t,text:n,title:a,hexColor:o,hexBackground:r,style:i,btn:d})=>e.jsxs("div",{className:`alex-evo-sh-ui-kit-empty-page ${t??""}`,style:{background:Fn(r),color:o,...i},children:[e.jsx("h2",{children:a}),n?e.jsx("p",{children:n}):null,d?e.jsx(Me,{styleType:d.styleType??"filled",style:d.style,className:d.className,onClick:d.onClick,children:d.text}):null]}),dr="",za=({readonly:t,name:n,data:a,onChange:o,onDelete:r,initComponent:i,onlyStringValue:d})=>{const[s,l]=u.useState(""),[p,x]=u.useState(""),[h,m]=u.useState(!1),[b,f]=u.useState(!0),v=u.useCallback((S,w)=>{o({...a,[w]:S})},[o,a]),C=u.useCallback(()=>{x(""),l(""),m(!1)},[]),j=u.useCallback(()=>{let S=p;try{d||(S=JSON.parse(S))}catch{}C(),o({...a,[s]:S})},[a,o,s,p,C]),y=u.useCallback(S=>{let w={...a};delete w[S],o(w)},[a,o]);return e.jsx("div",{className:`json-card-container ${t?"":"changeable"}`,children:e.jsxs("div",{children:[e.jsxs("div",{className:"json-line json-object-header",children:[e.jsxs("span",{onClick:()=>f(S=>!S),className:"json-element json-object-name json-object-header",children:[n,":","{",b?null:e.jsx("span",{children:"..."})]}),t?null:e.jsx("span",{className:"json-element json-btn",onClick:()=>m(!0),children:e.jsx(st,{size:18})})]}),b?e.jsx("div",{className:"json-object-content",children:a?Object.keys(a).map((S,w)=>e.jsx("div",{className:"json-line",children:e.jsx(We,{readonly:t,onDelete:()=>y(S),onChange:O=>v(O,S),name:S,data:a[S]})},w)):null}):null,h&&!t?e.jsxs("div",{className:"json-object-content",children:[e.jsx("span",{className:"json-base-data border",children:e.jsx("input",{size:s.length||10,placeholder:"key",onChange:S=>l(S.target.value),className:"json-base-data-input",type:"text",value:s})}),":",e.jsx("span",{className:"json-base-data border",children:e.jsx("input",{size:p.length||10,placeholder:"value",onChange:S=>x(S.target.value),className:"json-base-data-input",type:"text",value:p})}),e.jsx("span",{className:"json-base-data-btn-save json-base-data-btn",onClick:j,children:"save"}),e.jsx("span",{className:"json-base-data-btn-cancel json-base-data-btn",onClick:C,children:"cancel"})]}):null,e.jsxs("div",{className:"json-line",children:["}",!t&&!i?e.jsx("span",{className:"json-element json-btn",onClick:r,children:e.jsx(ze,{size:18})}):null]})]})})},Ba=({readonly:t,name:n,data:a,onChange:o,onDelete:r,initComponent:i,onlyStringValue:d})=>{const[s,l]=u.useState(""),[p,x]=u.useState(!1),[h,m]=u.useState(!0),b=u.useCallback((j,y)=>{const S=a.slice();S[y]=j,o(S)},[o,a]),f=u.useCallback(()=>{l(""),x(!1)},[]),v=u.useCallback(()=>{let j=s;try{d||(j=JSON.parse(j))}catch{}f(),o([...a,j])},[a,o,s,f]),C=u.useCallback(j=>{o(a.filter((y,S)=>S!==j))},[a,o]);return e.jsx("div",{className:`json-card-container ${t?"":"changeable"}`,children:e.jsxs("div",{children:[e.jsxs("div",{className:"json-line json-object-header",children:[e.jsxs("span",{className:"json-object-name json-object-header",onClick:()=>m(j=>!j),children:[n,":","[",h?null:e.jsx("span",{children:"..."})]}),t?null:e.jsx("span",{className:"json-element json-btn",onClick:()=>x(!0),children:e.jsx(st,{size:18})})]}),h?e.jsx("div",{className:"json-object-content",children:a&&a.map((j,y)=>e.jsx("div",{className:"json-line",children:e.jsx(We,{readonly:t,onDelete:()=>C(y),onChange:S=>b(S,y),name:String(y),data:j})},y))}):null,p?e.jsxs("div",{className:"json-object-content",children:[e.jsx("span",{className:"json-base-data border",children:e.jsx("input",{size:s.length||10,placeholder:"value",onChange:j=>l(j.target.value),className:"json-base-data-input",type:"text",value:s})}),e.jsx("span",{className:"json-base-data-btn-save json-base-data-btn",onClick:v,children:"save"}),e.jsx("span",{className:"json-base-data-btn-cancel json-base-data-btn",onClick:f,children:"cancel"})]}):null,e.jsxs("div",{className:"json-line",children:["]",!t&&!i?e.jsx("span",{className:"json-element json-btn",onClick:r,children:e.jsx(ze,{size:18})}):null]})]})})},Aa=({readonly:t,name:n,data:a,onChange:o,onDelete:r})=>{const i=u.useCallback(d=>{o(d.target.value)},[o]);return e.jsx("div",{className:`json-card-container ${t?"":"changeable"}`,children:e.jsx("div",{children:e.jsxs("div",{className:"json-line",children:[e.jsx("span",{className:"json-object-name",children:n}),":",t?e.jsx("span",{className:"json-base-data",children:a}):e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"json-base-data",children:e.jsx("input",{size:(a==null?void 0:a.toString().length)||10,onChange:i,className:"json-base-data-input",type:"text",value:a!==void 0?String(a):""})}),e.jsx("span",{className:"json-element json-btn",onClick:r,children:e.jsx(ze,{size:18})})]})]})})})};var He=(t=>(t.NONE="NONE",t.ARRAY="ARRAY",t.OBJECT="OBJECT",t))(He||{});const We=({readonly:t,name:n,data:a,onChange:o,onDelete:r,baseType:i,onlyStringValue:d})=>typeof a=="boolean"||typeof a=="number"||typeof a=="string"?e.jsx(Aa,{readonly:t,onDelete:r,onChange:o,data:a,name:n}):a?Array.isArray(a)?e.jsx(Ba,{readonly:t,onDelete:r,onChange:o,data:a,name:n,initComponent:i==="ARRAY",onlyStringValue:d}):e.jsx(za,{readonly:t,onDelete:r,onChange:o,data:a,name:n,initComponent:i==="OBJECT",onlyStringValue:d}):null,La=({readonly:t,name:n,data:a,onChange:o,onDelete:r,baseType:i=He.NONE,onlyStringValue:d})=>{const[s,l]=u.useState(a||void 0),[p,x]=u.useState(""),h=u.useCallback(f=>{t||(l(f),o&&o(f))},[o]),m=u.useCallback(()=>{t||(l(void 0),r&&r())},[r]),b=u.useCallback(()=>{if(t)return;let f=p;try{f=JSON.parse(f)}catch{}l(f),o&&o(f)},[o,p]);return s?e.jsx(We,{readonly:t,onDelete:m,onChange:h,data:s,baseType:i,name:n,onlyStringValue:d}):e.jsxs("div",{className:`json-object-content ${t?"":"changeable"}`,children:[e.jsx("span",{className:"json-base-data border",children:e.jsx("input",{size:p.length||10,placeholder:"value",onChange:f=>x(f.target.value),className:"alex-evo-sh-ui-kit-json json-base-data-input",type:"text",value:p})}),e.jsx("span",{className:"json-base-data-btn-save json-base-data-btn",onClick:b,children:"save"})]})},ur="",pr="",Va=({children:t,className:n,style:a})=>e.jsx("div",{style:a,className:`alex-evo-sh-ui-kit alex-evo-sh-ui-kit-panel ${n}`,children:t});function Ia(t){return t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function At(t,n,a){return t.replace(new RegExp(Ia(n),"g"),a)}const Z=(t,n,a="",o)=>{let r,i,d,s,l,p,x,h=Math.round,m=typeof a=="string";if(typeof t!="number"||t<-1||t>1||typeof n!="string"||n[0]!="r"&&n[0]!="#"||a&&!m||(x=n.length>9,x=m?typeof a=="string"&&a.length>9?!0:a=="c"?!x:!1:x,l=Z.pSBCr(n),s=t<0,p=a&&typeof a=="string"&&a!="c"?Z.pSBCr(a):s?{r:0,g:0,b:0,a:-1}:{r:255,g:255,b:255,a:-1},t=s?t*-1:t,s=1-t,!l||!p))return null;o?(r=h(s*(l.r??0)+t*(p.r??0)),i=h(s*(l.g??0)+t*(p.g??0)),d=h(s*(l.b??0)+t*(p.b??0))):(r=h((s*(l.r??0)**2+t*(p.r??0)**2)**.5),i=h((s*(l.g??0)**2+t*(p.g??0)**2)**.5),d=h((s*(l.b??0)**2+t*(p.b??0)**2)**.5));let b=l.a??1;return p=p.a??1,l=b>=0||p>=0,b=b>=0||p>=0?b<0?p:p<0?b:b*s+p*t:0,x?"rgb"+(l?"a(":"(")+r+","+i+","+d+(l?","+h(b*1e3)/1e3:"")+")":"#"+(4294967296+r*16777216+i*65536+d*256+(l?h(b*255):0)).toString(16).slice(1,l?void 0:-2)};Z.pSBCr=t=>{const n=parseInt;let a=t.length,o={};if(a>9){const r=t.split(","),[i,d,s,l]=r;if(a=r.length,a<3||a>4)return null;o.r=n(i[3]=="a"?i.slice(5):i.slice(4)),o.g=n(d),o.b=n(s),o.a=l?parseFloat(l):-1}else{if(a==8||a==6||a<4)return null;a<6&&(t="#"+t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+(a>4?t[4]+t[4]:""));let r=n(t.slice(1),16);a==9||a==5?(o.r=r>>24&255,o.g=r>>16&255,o.b=r>>8&255,o.a=Math.round((r&255)/.255)/1e3):(o.r=r>>16,o.g=r>>8&255,o.b=r&255,o.a=-1)}return o};function J(t){const n=he(t);return n?n.r*.299+n.g*.589+n.b*.114>186?"#000000":"#FFFFFF":"#fff"}function ne(t,n=!1){return Z(n?-.6:.3,t)??t}const Ya=t=>`--${At(t,"_","-")}`,Ha=t=>At(t,"-","_").slice(2),Wa=t=>({Primary_color:t.Primary_color_night,Secondary_color:t.Secondary_color_night,Tertiary_color:t.Tertiary_color_night,Surface_container_color:t.Surface_container_color_night,Background_color:t.Background_color_night,Error_color:t.Error_color_night,Outline_color:t.Outline_color_night,Shadow_color:t.Shadow_color_night}),Lt={Primary_color:{container:["Primary_container_color"],text:["On_primary_color"]},Primary_container_color:{text:["On_primary_container_color"]},Secondary_color:{container:["Secondary_container_color"],text:["On_secondary_color"]},Secondary_container_color:{text:["On_secondary_container_color"]},Tertiary_color:{container:["Tertiary_container_color"],text:["On_tertiary_color"]},Tertiary_container_color:{text:["On_tertiary_container_color"]},Surface_container_color:{text:["On_surface_color"],low:["Surface_container_low_color"],high:["Surface_container_high_color"]},Surface_container_low_color:{low:["Surface_container_lowest_color"]},Surface_container_high_color:{high:["Surface_container_highest_color"]},Background_color:{text:["On_background_color"]},Error_color:{container:["Error_container_color"],text:["On_error_color"]},Error_container_color:{text:["On_error_container_color"]},Outline_color:{low:["Outline_variant_color"]},On_surface_color:{variant:["On_surface_variant_color"]}},P={Primary_color:"#6750A4",Secondary_color:"#625B71",Tertiary_color:"#7D5260",Surface_container_color:"#F3EDF7",Background_color:"#FFFFFF",Error_color:"#B3261E",Outline_color:"#79747E",Shadow_color:"#000000"},Ee={Primary_color_night:Z(.9,J("#121212"),P.Primary_color)??P.Primary_color,Secondary_color_night:"#625B71",Tertiary_color_night:"#7D5260",Surface_container_color_night:"#121212",Background_color_night:"#101010",Error_color_night:"#B3261E",Outline_color_night:"#79747E",Shadow_color_night:"#000000"},Ga={...P,On_primary_color:J(P.Primary_color),On_secondary_color:J(P.Secondary_color),On_tertiary_color:J(P.Tertiary_color),Primary_container_color:ne(P.Primary_color),Secondary_container_color:ne(P.Secondary_color),Tertiary_container_color:ne(P.Tertiary_color),On_primary_container_color:J(ne(P.Primary_color)),On_secondary_container_color:J(ne(P.Secondary_color)),On_tertiary_container_color:J(ne(P.Tertiary_color)),On_background_color:J(P.Background_color),Outline_variant_color:Z(-.1,P.Outline_color)??P.Outline_color,Surface_container_high_color:Z(.1,P.Surface_container_color)??P.Surface_container_color,Surface_container_highest_color:Z(.2,P.Surface_container_color)??P.Surface_container_color,Surface_container_low_color:Z(-.1,P.Surface_container_color)??P.Surface_container_color,Surface_container_lowest_color:Z(-.2,P.Surface_container_color)??P.Surface_container_color,On_surface_color:J(P.Surface_container_color),On_error_color:J(P.Error_color),Error_container_color:ne(P.Error_color),On_error_container_color:J(ne(P.Error_color)),On_surface_variant_color:Z(-.1,J(P.Surface_container_color))??J(P.Surface_container_color)},Xa=()=>{const[t,n]=u.useState(Ga),[a,o]=u.useState(P),[r,i]=u.useState(Ee),[d,s]=u.useState(!1),l=(b,f)=>{f&&document.body.style.setProperty(Ya(b),f)},p=(b,f,v=!1)=>{var C,j,y,S,w;if(n(O=>({...O,[b]:f})),l(b,f),b in Lt){const O=Lt[b];(C=O.container)==null||C.forEach(T=>p(T,ne(f,v),v)),(j=O.text)==null||j.forEach(T=>p(T,J(f),v)),(y=O.low)==null||y.forEach(T=>p(T,Z(v?-.1:.1,f)??f,v)),(S=O.high)==null||S.forEach(T=>p(T,Z(v?.01:-.01,f)??f,v)),(w=O.variant)==null||w.forEach(T=>p(T,Z(v?-.3:.3,f)??f,v))}},x=u.useCallback(async b=>{console.log(b);for(let f in b){const v=b[f],C=Ha(f);(C in P||C in Ee)&&(f=C),!(!(f in P||f in Ee)||!v)&&(f in P?(r[f+"_night"]===a[f]&&i(j=>({...j,[f+"_night"]:v})),o(j=>({...j,[f]:v}))):f in Ee&&i(j=>({...j,[f]:v})))}},[a,r]),h=u.useCallback(b=>{const f=b?Wa(r):a;for(let v in f)p(v,f[v],b)},[r,a]),m=u.useCallback(b=>{s(b)},[]);return u.useEffect(()=>{h(d)},[d,h]),{colors:t,setColor:x,nightMode:d,setNightMode:m,reCalculateColor:h,lightColor:a,nightColor:r}},Vt=(t,n)=>{for(let a of t){if(typeof a=="string"&&a===n)return a;if(typeof a!="string"&&a.value===n)return a.title}return""},Ua=({style:t,screensize:n=q.STANDART,items:a,onChange:o,value:r,placeholder:i,className:d,border:s,name:l,error:p,onBlur:x,onFocus:h,container:m})=>{const[b,f]=u.useState(""),[v,C]=u.useState({x:0,y:0,width:100}),[j,y]=u.useState(!1);u.useEffect(()=>{f(Vt(a,r??""))},[r,a]);const S=u.useCallback(T=>{f(Vt(a,T)),o&&o(T),y(!1)},[a,o]),w=u.useCallback(T=>typeof T=="string"?{title:T,onClick:()=>S(T)}:{title:T.title,onClick:()=>S(T.value)},[S]),O=u.useCallback(T=>{T.preventDefault();let z=ye(T.currentTarget),_=(z==null?void 0:z.left)??T.pageX,A=z!=null&&z.top?z.top+z.height:T.pageY;C({x:_,y:A,width:(z==null?void 0:z.width)??150}),y(!0)},[a,w]);return e.jsxs(e.Fragment,{children:[e.jsx("div",{style:t,className:`input-field select-field ${d} ${s?"border":""}`,children:e.jsxs("div",{className:"input-container",onClick:O,children:[e.jsx("input",{required:!0,type:"text",className:`${p?"error":""}`,name:l,value:b,placeholder:i,onFocus:h,onBlur:x,readOnly:!0}),e.jsx("span",{className:"text-field-line"})]})}),e.jsx(zt,{width:v.width,screensize:n,x:v.x,y:v.y,onHide:()=>y(!1),container:m,blocks:[{items:a.map(w)}],visible:j})]})},It={mobileSize:720,bigSize:1400},Ja=(t=It)=>{(t.bigSize<=100||t.mobileSize<=100||t.bigSize<=100||t.mobileSize>=t.bigSize)&&(console.error("useScreenSize: invalid option"),t=It);const[n,a]=u.useState(q.STANDART),o=u.useCallback(()=>{window.innerWidth<t.mobileSize?a(q.MOBILE):window.innerWidth<t.bigSize?a(q.STANDART):a(q.BIG_SCREEN)},[window.innerWidth]);return u.useEffect(()=>{o()},[o]),u.useEffect(()=>(window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o)}),[o]),{screen:n}};k.BaseActionCard=wt,k.BaseButton=se,k.BaseDialog=aa,k.BaseMenu=Dt,k.BaseRadioButton=St,k.BaseType=He,k.BasicTemplateDialog=oe,k.BigContainer=Bn,k.BottomSheetsUi=Nt,k.Button=Me,k.Card=zn,k.Checkbox=An,k.Chips=Ct,k.ColorField=Mn,k.ColumnLayout=ka,k.ContentBox=Wn,k.DateField=ma,k.DayOfWeekField=ba,k.DialogModal=de,k.Divider=$,k.EmptyPage=Ma,k.FAB=Yn,k.FilledButton=rt,k.FilledTotalButton=ot,k.FullScrinTemplateDialog=na,k.GridLayout=va,k.GridLayoutItem=ga,k.HEXtoRGB=he,k.HSLtoHSV=Tn,k.HSVtoHSL=Rn,k.HSVtoRGB=ue,k.IconButton=xe,k.JsonContainer=La,k.ListContainer=bt,k.ListItem=jt,k.Menu=zt,k.ModalTemplate=Ce,k.MoreText=Xn,k.NavigationBar=Ra,k.NavigationDrawer=Fa,k.NavigationRail=Da,k.NumberField=Ln,k.OutlineButton=at,k.Panel=Va,k.RGBtoHSV=ke,k.RadioButton=In,k.RunningLine=Un,k.ScreenSize=q,k.ScrollContainer=Jn,k.Search=Kn,k.SelectField=Ua,k.SelectionDialog=ra,k.SigmentedButton=$n,k.Slider=ea,k.SmallWindowMenu=Mt,k.Snackbar=Zn,k.Switch=Qn,k.Table=Ea,k.TextArea=Vn,k.TextButton=X,k.TextDialog=ca,k.TextField=Le,k.TimeField=ha,k.TimePicker=Tt,k.Typography=re,k.getContainerColor=ne,k.getContainerData=ye,k.getModalWindowCord=Ve,k.getTextColor=J,k.hexToRgb=mt,k.map=Ot,k.useColor=Xa,k.useScreenSize=Ja,k.СalendarPickers=Ft,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})});

package/dist/ui/Layout/Panel/Panel.d.ts

@@ -1,6 +1,8 @@
 
 interface PanelProps {
-    children: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
 }
 export declare const Panel: React.FC<PanelProps>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "alex-evo-sh-ui-kit",
-  "version": "1.0.39",
+  "version": "1.0.40",
   "type": "module",
   "scripts": {
     "dev": "vite",