@inntechcorp/it-design 2.1.20 → 2.1.21

package/dist/index.cjs.js

@@ -4301,7 +4301,7 @@ function pu(e,t){if(fu(e))for(let o=0;o<e.length&&!1!==t(e[o],o,e);o++);else e&&
     background-color: #f8285a;
   }
 
-`;var Ig=[],Fg=[];function $g(e,t){if(e&&"undefined"!=typeof document){var o,p=!0===t.prepend?"prepend":"append",b=!0===t.singleTag,n="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(b){var M=Ig.indexOf(n);-1===M&&(M=Ig.push(n)-1,Fg[M]={}),o=Fg[M]&&Fg[M][p]?Fg[M][p]:Fg[M][p]=r()}else o=r();65279===e.charCodeAt(0)&&(e=e.substring(1)),o.styleSheet?o.styleSheet.cssText+=e:o.appendChild(document.createTextNode(e))}function r(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var o=Object.keys(t.attributes),b=0;b<o.length;b++)e.setAttribute(o[b],t.attributes[o[b]]);var M="prepend"===p?"afterbegin":"beforeend";return n.insertAdjacentElement(M,e),e}}var Ug,Vg="itd__floatingLabel__01e577ff";$g(".itd__defaultInput__01e577ff{height:100%}.itd__floatingInput__01e577ff{caret-color:rgba(0,0,0,.851);color:rgba(0,0,0,.851);font-size:13px}.itd__floatingInput__01e577ff::placeholder{color:#0000}.itd__floatingInput__01e577ff:disabled :not(.itd__floatingInput__01e577ff[data-locked=true]),.itd__floatingInput__01e577ff:disabled:not(.itd__floatingInput__01e577ff[data-locked=true]){opacity:.5}.itd__floatingLabel__01e577ff{display:block;font-size:16px;font-weight:500;max-height:0;pointer-events:none;position:relative}.itd__floatingLabel__01e577ff:before{backface-visibility:hidden;color:#0009;content:attr(data-content);display:inline-block;filter:blur(0);position:relative;transform-origin:left top;transition:transform .2s ease-out}.itd__floatingInput__01e577ff:placeholder-shown+.itd__floatingLabel__01e577ff:before{font-smooth:always;-webkit-font-smoothing:antialiased;transform:translate3d(0,-32px,0) scale3d(.8,.8,1)}.itd__floatingInput__01e577ff:focus+.itd__floatingLabel__01e577ff:before,.itd__floatingLabel__01e577ff:before{transform:translate3d(0,-40px,0) scale3d(.8,.8,1)}.itd__floatingInput__01e577ff:focus+.itd__floatingLabel__01e577ff:before{color:#0009}.itd__floatingInputinput__01e577ff:-webkit-autofill,.itd__floatingInputinput__01e577ff:-webkit-autofill:focus,.itd__floatingInputinput__01e577ff:-webkit-autofill:hover{-webkit-text-fill-color:#3496fa!important;-webkit-box-shadow:inset 0 0 0 30px #151d3d!important}",{}),function(e){e.TEXT="text",e.NUMBER="number",e.CURRENCY="currency",e.PASSWORD="password"}(Ug||(Ug={}));const Hg=t.forwardRef((({id:o="itd-input-"+sa(),placeholder:p="",value:b="",defaultValue:n="",type:M=Ug.TEXT,className:r="",size:c="default",variant:z="default",prefix:i=null,suffix:a=null,addonBefore:O=null,addonAfter:s=null,status:d=null,locked:A=null,minValue:l=0,maxValue:u=-1,maxLength:f=-1,disabled:q=!1,floating:h=!1,autoComplete:W=!1,keepFocus:g=!1,focusRef:m=null,mask:R=null,allowEmptyFormatting:v=!1,allowLeadingZeros:L=!1,decimalSeparator:y=".",thousandSeparator:N=",",decimalScale:x=2,onChange:B=null,onUpdate:w=null,onFocus:X=null,onBlur:S=null,onPressEnter:k=null,onKeyDown:T=null,children:E=null},_)=>{const C=t.useRef(null),[P,D]=t.useState(M===Ug.NUMBER?0:""),[j,I]=t.useState(""),[F,$]=t.useState(!1),[U,V]=t.useState(!1),[H,Y]=t.useState(!1),[G,K]=t.useState(!1),[Q,J]=t.useState(!1),[Z,ee]=t.useState(!0);t.useEffect((()=>(pe(),n&&be(n),document.addEventListener("pointerdown",oe,!1),document.addEventListener("mousedown",(()=>{$(!0)})),document.addEventListener("mouseup",(()=>{$(!1)})),()=>{m&&te(!1),document.removeEventListener("pointerdown",oe,!1),document.removeEventListener("mousedown",(()=>{$(!0)})),document.removeEventListener("mouseup",(()=>{$(!1)}))})),[]),t.useEffect((()=>{be(M===Ug.NUMBER?Number(b):String(b),!0,""!==b)}),[b]);const te=e=>{document[e?"addEventListener":"removeEventListener"]("pointerdown",oe,!1)},oe=e=>{V(!1),m?.current&&K(m.current.contains(e.target))},pe=()=>{C.current&&g&&C.current&&(C.current?.focus(),Y(!0),m&&te(!0))},be=(e,t=!0,o=!0)=>{D(e),w&&w(e,t,o)};t.useImperativeHandle(_,(()=>({setFocus(){C.current&&(Y(!0),C.current.focus()),K(!0)},reset(e=!0,t=!0){D(n||""),I(""),be(M===Ug.NUMBER?0:"",e,t)},setValue(e,t=!0,o=!0){D(e),be(e,t,o)},getValue:()=>P,setError(e){I(e)},forceUpdate(){be(P)},clear(){D("")}})));const ne=e=>{const t="string"==typeof e&&R&&e.replace(/\D+/g,"").length<R.replace(/\D+/g,"").length;be(e,!0,!t),B&&B(e)},Me=e=>{ne(e.value)},re=e=>{C.current?.focus(),F||V(!0),Y(!0),!W&&Z&&ee(!1),X&&X(e)},ce=e=>{Y(!1),g&&G&&C.current&&(Y(!0),C.current.focus()),R&&"string"==typeof P&&P.replace(/\D+/g,"").length<R.replace(/\D+/g,"").length&&n&&be(n,!0,!1),S?S(e):e.target.blur()},ze=e=>{Y(!1),"Tab"===e.key&&V(!1),13===e.keyCode&&k&&k(e),T&&T(e)},ie=()=>{let t={id:o,placeholder:p,value:P,type:M,className:h?he():qe(),onFocus:re,onBlur:ce,onKeyDown:ze,disabled:q||A};return A&&(t["data-locked"]=!0),t=W?{...t,autoComplete:"on"}:{...t,autoComplete:"off"},R?(t={...t,format:R,mask:"_",allowEmptyFormatting:v,onChange:e=>ne(e.target.value)},e.jsx(vg,{...t})):M===Ug.CURRENCY?(t={...t,maxLength:f,type:Ug.TEXT,allowLeadingZeros:L,decimalSeparator:y,thousandSeparator:N,decimalScale:x,getInputRef:C,onValueChange:Me,isAllowed:e=>{const{floatValue:t}=e;return t>=l&&(t<=u||-1===u)||void 0===t}},e.jsx(mg,{...t})):M===Ug.NUMBER?(t={...t,type:Ug.NUMBER,maxLength:f,onChange:e=>{const t=Number(e.target.value.replace(/,/g,"."));t>=l&&t<=u?ne(t):t<l?ne(l):t>u&&ne(u)},ref:C},e.jsx("input",{...t})):(t={...t,maxLength:f,onChange:e=>ne(e.target.value),ref:C},e.jsx("input",{...t}))},ae=()=>{if(O)return e.jsx(kg,{className:"itd-input-addon-before",children:O})},Oe=()=>{if(s)return e.jsx(Tg,{className:"itd-input-addon-after",children:s})},se=()=>{if(i)return e.jsx(Bg,{className:"itd-input-prefix",children:i})},de=()=>{if(a)return e.jsx(wg,{className:"itd-input-suffix",children:a})},Ae=()=>{if(A)return e.jsx(Xg,{className:"itd-input-locked",children:"boolean"!=typeof A?A:e.jsx(Eg,{className:"itd-svg",width:"18",height:"18"})})},le=()=>{if(""!==j&&!q)return e.jsx(Cg,{className:"itd-error-border"})},ue=e.jsx("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("g",{id:"Error",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:e.jsxs("g",{id:"ErrorGroup",fillRule:"nonzero",children:[e.jsx("circle",{id:"ErrorBackground",fill:"#F8285A",cx:"10",cy:"10",r:"10"}),e.jsx("path",{d:"M10.0355339,8.6213203 L12.863961,5.79289322 C13.2544853,5.40236893 13.8876503,5.40236893 14.2781746,5.79289322 C14.6686989,6.18341751 14.6686989,6.81658249 14.2781746,7.20710678 L11.4497475,10.0355339 \n            L14.2781746,12.863961 C14.6686989,13.2544853 14.6686989,13.8876503 14.2781746,14.2781746 C13.8876503,14.6686989 13.2544853,14.6686989 12.863961,14.2781746 L10.0355339,11.4497475 L7.20710678,14.2781746\n            C6.81658249,14.6686989 6.18341751,14.6686989 5.79289322,14.2781746 C5.40236893,13.8876503 5.40236893,13.2544853 5.79289322,12.863961 L8.6213203,10.0355339 L5.79289322,7.20710678 C5.40236893,6.81658249\n            5.40236893,6.18341751 5.79289322,5.79289322 C6.18341751,5.40236893 6.81658249,5.40236893 7.20710678,5.79289322 L10.0355339,8.6213203 Z",id:"ErrorIcon",fill:"#FFFFFF"})]})})}),fe=()=>{if(""===j||q)return;let t={className:"itd-input-failed itd-failed-status",onPointerOver:()=>J(!0),onPointerOut:()=>J(!1)};return e.jsxs(jg,{...t,children:[Q?e.jsx(_g,{className:"itd-input-error-tooltip itd-error-tooltip",children:j}):null,d||ue]})},qe=()=>"itd-input-default-input",he=()=>"itd-input-floating-input",We=()=>{let e="itd-input itd-input-"+M;return e+=" itd-input-"+Ma(c),e+=" itd-input-"+z,R&&(e+=" itd-input-masked"),q&&(e+=" itd-input-disabled"),A&&(e+=" itd-input-locked"),""!==r&&(e+=" "+r),U&&(e+=" keyboard-focus"),H&&(e+=" focused"),e};return(()=>{if(E)throw new Error("ITD Input Error: Remove the children!");return e.jsxs(Lg,{className:We(),children:[ae(),e.jsxs(yg,{$hasPrefix:null!==i,$hasSuffix:null!==a,$hasError:""!==j&&!q,children:[se(),e.jsxs(Ng,{className:"itd-input-middle",children:[ie(),h?e.jsx("label",{htmlFor:o,className:"itd-input-floating-label "+Vg+" "+p,"data-content":p,children:e.jsx(Pg,{children:p})}):null,le()]}),e.jsxs(xg,{children:[de(),Ae(),fe()]})]}),Oe()]})})()}));Hg.displayName="ITD-Input";const Yg=Di.div`
+`;var Ig=[],Fg=[];function $g(e,t){if(e&&"undefined"!=typeof document){var o,p=!0===t.prepend?"prepend":"append",b=!0===t.singleTag,n="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(b){var M=Ig.indexOf(n);-1===M&&(M=Ig.push(n)-1,Fg[M]={}),o=Fg[M]&&Fg[M][p]?Fg[M][p]:Fg[M][p]=r()}else o=r();65279===e.charCodeAt(0)&&(e=e.substring(1)),o.styleSheet?o.styleSheet.cssText+=e:o.appendChild(document.createTextNode(e))}function r(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var o=Object.keys(t.attributes),b=0;b<o.length;b++)e.setAttribute(o[b],t.attributes[o[b]]);var M="prepend"===p?"afterbegin":"beforeend";return n.insertAdjacentElement(M,e),e}}var Ug,Vg="itd__floatingLabel__01e577ff";$g(".itd__defaultInput__01e577ff{height:100%}.itd__floatingInput__01e577ff{caret-color:rgba(0,0,0,.851);color:rgba(0,0,0,.851);font-size:13px}.itd__floatingInput__01e577ff::placeholder{color:#0000}.itd__floatingInput__01e577ff:disabled :not(.itd__floatingInput__01e577ff[data-locked=true]),.itd__floatingInput__01e577ff:disabled:not(.itd__floatingInput__01e577ff[data-locked=true]){opacity:.5}.itd__floatingLabel__01e577ff{display:block;font-size:16px;font-weight:500;max-height:0;pointer-events:none;position:relative}.itd__floatingLabel__01e577ff:before{backface-visibility:hidden;color:#0009;content:attr(data-content);display:inline-block;filter:blur(0);position:relative;transform-origin:left top;transition:transform .2s ease-out}.itd__floatingInput__01e577ff:placeholder-shown+.itd__floatingLabel__01e577ff:before{font-smooth:always;-webkit-font-smoothing:antialiased;transform:translate3d(0,-32px,0) scale3d(.8,.8,1)}.itd__floatingInput__01e577ff:focus+.itd__floatingLabel__01e577ff:before,.itd__floatingLabel__01e577ff:before{transform:translate3d(0,-40px,0) scale3d(.8,.8,1)}.itd__floatingInput__01e577ff:focus+.itd__floatingLabel__01e577ff:before{color:#0009}.itd__floatingInputinput__01e577ff:-webkit-autofill,.itd__floatingInputinput__01e577ff:-webkit-autofill:focus,.itd__floatingInputinput__01e577ff:-webkit-autofill:hover{-webkit-text-fill-color:#3496fa!important;-webkit-box-shadow:inset 0 0 0 30px #151d3d!important}",{}),function(e){e.TEXT="text",e.NUMBER="number",e.CURRENCY="currency",e.PASSWORD="password"}(Ug||(Ug={}));const Hg=t.forwardRef((({id:o="itd-input-"+sa(),placeholder:p="",value:b="",defaultValue:n="",type:M=Ug.TEXT,className:r="",size:c="default",variant:z="default",prefix:i=null,suffix:a=null,addonBefore:O=null,addonAfter:s=null,status:d=null,locked:A=null,minValue:l=0,maxValue:u=-1,maxLength:f=-1,disabled:q=!1,floating:h=!1,autoComplete:W=!1,keepFocus:g=!1,focusRef:m=null,mask:R=null,allowEmptyFormatting:v=!1,allowLeadingZeros:L=!1,decimalSeparator:y=".",thousandSeparator:N=",",decimalScale:x=2,onChange:B=null,onUpdate:w=null,onFocus:X=null,onBlur:S=null,onPressEnter:k=null,onKeyDown:T=null,children:E=null},_)=>{const C=t.useRef(null),[P,D]=t.useState(M===Ug.NUMBER?0:""),[j,I]=t.useState(""),[F,$]=t.useState(!1),[U,V]=t.useState(!1),[H,Y]=t.useState(!1),[G,K]=t.useState(!1),[Q,J]=t.useState(!1),[Z,ee]=t.useState(!0);t.useEffect((()=>(pe(),n&&be(n),document.addEventListener("pointerdown",oe,!1),document.addEventListener("mousedown",(()=>{$(!0)})),document.addEventListener("mouseup",(()=>{$(!1)})),()=>{m&&te(!1),document.removeEventListener("pointerdown",oe,!1),document.removeEventListener("mousedown",(()=>{$(!0)})),document.removeEventListener("mouseup",(()=>{$(!1)}))})),[]),t.useEffect((()=>{be(M===Ug.NUMBER?Number(b):String(b),!0,""!==b)}),[b]);const te=e=>{document[e?"addEventListener":"removeEventListener"]("pointerdown",oe,!1)},oe=e=>{V(!1),m?.current&&K(m.current.contains(e.target))},pe=()=>{C.current&&g&&C.current&&(C.current?.focus(),Y(!0),m&&te(!0))},be=(e,t=!0,o=!0)=>{D(e),w&&w(e,t,o)};t.useImperativeHandle(_,(()=>({setFocus(){C.current&&(Y(!0),C.current.focus()),K(!0)},reset(e=!0,t=!0){D(n||""),I(""),be(M===Ug.NUMBER?0:"",e,t)},setValue(e,t=!0,o=!0){D(e),be(e,t,o)},getValue:()=>P,setError(e){I(e)},forceUpdate(){be(P)},clear(){D("")}})));const ne=e=>{const t="string"==typeof e&&R&&e.replace(/\D+/g,"").length<R.replace(/\D+/g,"").length;be(e,!0,!t),B&&B(e)},Me=e=>{ne(e.value)},re=e=>{C.current?.focus(),F||V(!0),Y(!0),!W&&Z&&ee(!1),X&&X(e)},ce=e=>{Y(!1),g&&G&&C.current&&(Y(!0),C.current.focus()),R&&"string"==typeof P&&P.replace(/\D+/g,"").length<R.replace(/\D+/g,"").length&&n&&be(n,!0,!1),S?S(e):e.target.blur()},ze=e=>{Y(!1),"Tab"===e.key&&V(!1),13===e.keyCode&&k&&k(e),T&&T(e)},ie=()=>{let t={id:o,placeholder:p,value:P,type:M,className:h?he():qe(),onFocus:re,onBlur:ce,onKeyDown:ze,disabled:q||A};return A&&(t["data-locked"]=!0),t=W?{...t,autoComplete:"on"}:{...t,autoComplete:"off"},R?(t={...t,format:R,mask:"_",allowEmptyFormatting:v,onChange:e=>ne(e.target.value)},e.jsx(vg,{...t})):M===Ug.CURRENCY?(t={...t,maxLength:f,type:Ug.TEXT,allowLeadingZeros:L,decimalSeparator:y,thousandSeparator:N,decimalScale:x,getInputRef:C,onValueChange:Me,isAllowed:e=>{const{floatValue:t}=e;return t>=l&&(t<=u||-1===u)||void 0===t}},e.jsx(mg,{...t})):M===Ug.NUMBER?(t={...t,type:Ug.NUMBER,maxLength:f,onChange:e=>{const t=Number(e.target.value.replace(/,/g,"."));t>=l&&-1===u||t>=l&&t<=u?ne(t):t<l?ne(l):t>u&&ne(u)},ref:C},e.jsx("input",{...t})):(t={...t,maxLength:f,onChange:e=>ne(e.target.value),ref:C},e.jsx("input",{...t}))},ae=()=>{if(O)return e.jsx(kg,{className:"itd-input-addon-before",children:O})},Oe=()=>{if(s)return e.jsx(Tg,{className:"itd-input-addon-after",children:s})},se=()=>{if(i)return e.jsx(Bg,{className:"itd-input-prefix",children:i})},de=()=>{if(a)return e.jsx(wg,{className:"itd-input-suffix",children:a})},Ae=()=>{if(A)return e.jsx(Xg,{className:"itd-input-locked",children:"boolean"!=typeof A?A:e.jsx(Eg,{className:"itd-svg",width:"18",height:"18"})})},le=()=>{if(""!==j&&!q)return e.jsx(Cg,{className:"itd-error-border"})},ue=e.jsx("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("g",{id:"Error",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:e.jsxs("g",{id:"ErrorGroup",fillRule:"nonzero",children:[e.jsx("circle",{id:"ErrorBackground",fill:"#F8285A",cx:"10",cy:"10",r:"10"}),e.jsx("path",{d:"M10.0355339,8.6213203 L12.863961,5.79289322 C13.2544853,5.40236893 13.8876503,5.40236893 14.2781746,5.79289322 C14.6686989,6.18341751 14.6686989,6.81658249 14.2781746,7.20710678 L11.4497475,10.0355339 \n            L14.2781746,12.863961 C14.6686989,13.2544853 14.6686989,13.8876503 14.2781746,14.2781746 C13.8876503,14.6686989 13.2544853,14.6686989 12.863961,14.2781746 L10.0355339,11.4497475 L7.20710678,14.2781746\n            C6.81658249,14.6686989 6.18341751,14.6686989 5.79289322,14.2781746 C5.40236893,13.8876503 5.40236893,13.2544853 5.79289322,12.863961 L8.6213203,10.0355339 L5.79289322,7.20710678 C5.40236893,6.81658249\n            5.40236893,6.18341751 5.79289322,5.79289322 C6.18341751,5.40236893 6.81658249,5.40236893 7.20710678,5.79289322 L10.0355339,8.6213203 Z",id:"ErrorIcon",fill:"#FFFFFF"})]})})}),fe=()=>{if(""===j||q)return;let t={className:"itd-input-failed itd-failed-status",onPointerOver:()=>J(!0),onPointerOut:()=>J(!1)};return e.jsxs(jg,{...t,children:[Q?e.jsx(_g,{className:"itd-input-error-tooltip itd-error-tooltip",children:j}):null,d||ue]})},qe=()=>"itd-input-default-input",he=()=>"itd-input-floating-input",We=()=>{let e="itd-input itd-input-"+M;return e+=" itd-input-"+Ma(c),e+=" itd-input-"+z,R&&(e+=" itd-input-masked"),q&&(e+=" itd-input-disabled"),A&&(e+=" itd-input-locked"),""!==r&&(e+=" "+r),U&&(e+=" keyboard-focus"),H&&(e+=" focused"),e};return(()=>{if(E)throw new Error("ITD Input Error: Remove the children!");return e.jsxs(Lg,{className:We(),children:[ae(),e.jsxs(yg,{$hasPrefix:null!==i,$hasSuffix:null!==a,$hasError:""!==j&&!q,children:[se(),e.jsxs(Ng,{className:"itd-input-middle",children:[ie(),h?e.jsx("label",{htmlFor:o,className:"itd-input-floating-label "+Vg+" "+p,"data-content":p,children:e.jsx(Pg,{children:p})}):null,le()]}),e.jsxs(xg,{children:[de(),Ae(),fe()]})]}),Oe()]})})()}));Hg.displayName="ITD-Input";const Yg=Di.div`
   
   transition: background-color 0.2s ease;
   border-radius: 6px;

package/dist/index.esm.js

@@ -4301,7 +4301,7 @@ function Of(e,t){if(yf(e))for(let o=0;o<e.length&&!1!==t(e[o],o,e);o++);else e&&
     background-color: #f8285a;
   }
 
-`;var Km=[],Qm=[];function Jm(e,t){if(e&&"undefined"!=typeof document){var o,p=!0===t.prepend?"prepend":"append",b=!0===t.singleTag,n="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(b){var M=Km.indexOf(n);-1===M&&(M=Km.push(n)-1,Qm[M]={}),o=Qm[M]&&Qm[M][p]?Qm[M][p]:Qm[M][p]=r()}else o=r();65279===e.charCodeAt(0)&&(e=e.substring(1)),o.styleSheet?o.styleSheet.cssText+=e:o.appendChild(document.createTextNode(e))}function r(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var o=Object.keys(t.attributes),b=0;b<o.length;b++)e.setAttribute(o[b],t.attributes[o[b]]);var M="prepend"===p?"afterbegin":"beforeend";return n.insertAdjacentElement(M,e),e}}var Zm,eR="itd__floatingLabel__01e577ff";Jm(".itd__defaultInput__01e577ff{height:100%}.itd__floatingInput__01e577ff{caret-color:rgba(0,0,0,.851);color:rgba(0,0,0,.851);font-size:13px}.itd__floatingInput__01e577ff::placeholder{color:#0000}.itd__floatingInput__01e577ff:disabled :not(.itd__floatingInput__01e577ff[data-locked=true]),.itd__floatingInput__01e577ff:disabled:not(.itd__floatingInput__01e577ff[data-locked=true]){opacity:.5}.itd__floatingLabel__01e577ff{display:block;font-size:16px;font-weight:500;max-height:0;pointer-events:none;position:relative}.itd__floatingLabel__01e577ff:before{backface-visibility:hidden;color:#0009;content:attr(data-content);display:inline-block;filter:blur(0);position:relative;transform-origin:left top;transition:transform .2s ease-out}.itd__floatingInput__01e577ff:placeholder-shown+.itd__floatingLabel__01e577ff:before{font-smooth:always;-webkit-font-smoothing:antialiased;transform:translate3d(0,-32px,0) scale3d(.8,.8,1)}.itd__floatingInput__01e577ff:focus+.itd__floatingLabel__01e577ff:before,.itd__floatingLabel__01e577ff:before{transform:translate3d(0,-40px,0) scale3d(.8,.8,1)}.itd__floatingInput__01e577ff:focus+.itd__floatingLabel__01e577ff:before{color:#0009}.itd__floatingInputinput__01e577ff:-webkit-autofill,.itd__floatingInputinput__01e577ff:-webkit-autofill:focus,.itd__floatingInputinput__01e577ff:-webkit-autofill:hover{-webkit-text-fill-color:#3496fa!important;-webkit-box-shadow:inset 0 0 0 30px #151d3d!important}",{}),function(e){e.TEXT="text",e.NUMBER="number",e.CURRENCY="currency",e.PASSWORD="password"}(Zm||(Zm={}));const tR=u((({id:t="itd-input-"+Ha(),placeholder:p="",value:b="",defaultValue:n="",type:M=Zm.TEXT,className:i="",size:a="default",variant:O="default",prefix:s=null,suffix:A=null,addonBefore:d=null,addonAfter:l=null,status:u=null,locked:f=null,minValue:h=0,maxValue:W=-1,maxLength:g=-1,disabled:m=!1,floating:R=!1,autoComplete:v=!1,keepFocus:L=!1,focusRef:y=null,mask:N=null,allowEmptyFormatting:B=!1,allowLeadingZeros:w=!1,decimalSeparator:x=".",thousandSeparator:X=",",decimalScale:k=2,onChange:S=null,onUpdate:T=null,onFocus:E=null,onBlur:_=null,onPressEnter:C=null,onKeyDown:P=null,children:D=null},I)=>{const F=c(null),[j,$]=r(M===Zm.NUMBER?0:""),[U,V]=r(""),[H,Y]=r(!1),[G,K]=r(!1),[Q,J]=r(!1),[Z,ee]=r(!1),[te,oe]=r(!1),[pe,be]=r(!0);z((()=>(re(),n&&ce(n),document.addEventListener("pointerdown",Me,!1),document.addEventListener("mousedown",(()=>{Y(!0)})),document.addEventListener("mouseup",(()=>{Y(!1)})),()=>{y&&ne(!1),document.removeEventListener("pointerdown",Me,!1),document.removeEventListener("mousedown",(()=>{Y(!0)})),document.removeEventListener("mouseup",(()=>{Y(!1)}))})),[]),z((()=>{ce(M===Zm.NUMBER?Number(b):String(b),!0,""!==b)}),[b]);const ne=e=>{document[e?"addEventListener":"removeEventListener"]("pointerdown",Me,!1)},Me=e=>{K(!1),y?.current&&ee(y.current.contains(e.target))},re=()=>{F.current&&L&&F.current&&(F.current?.focus(),J(!0),y&&ne(!0))},ce=(e,t=!0,o=!0)=>{$(e),T&&T(e,t,o)};q(I,(()=>({setFocus(){F.current&&(J(!0),F.current.focus()),ee(!0)},reset(e=!0,t=!0){$(n||""),V(""),ce(M===Zm.NUMBER?0:"",e,t)},setValue(e,t=!0,o=!0){$(e),ce(e,t,o)},getValue:()=>j,setError(e){V(e)},forceUpdate(){ce(j)},clear(){$("")}})));const ze=e=>{const t="string"==typeof e&&N&&e.replace(/\D+/g,"").length<N.replace(/\D+/g,"").length;ce(e,!0,!t),S&&S(e)},ie=e=>{ze(e.value)},ae=e=>{F.current?.focus(),H||K(!0),J(!0),!v&&pe&&be(!1),E&&E(e)},Oe=e=>{J(!1),L&&Z&&F.current&&(J(!0),F.current.focus()),N&&"string"==typeof j&&j.replace(/\D+/g,"").length<N.replace(/\D+/g,"").length&&n&&ce(n,!0,!1),_?_(e):e.target.blur()},se=e=>{J(!1),"Tab"===e.key&&K(!1),13===e.keyCode&&C&&C(e),P&&P(e)},Ae=()=>{let o={id:t,placeholder:p,value:j,type:M,className:R?Re():me(),onFocus:ae,onBlur:Oe,onKeyDown:se,disabled:m||f};return f&&(o["data-locked"]=!0),o=v?{...o,autoComplete:"on"}:{...o,autoComplete:"off"},N?(o={...o,format:N,mask:"_",allowEmptyFormatting:B,onChange:e=>ze(e.target.value)},e(km,{...o})):M===Zm.CURRENCY?(o={...o,maxLength:g,type:Zm.TEXT,allowLeadingZeros:w,decimalSeparator:x,thousandSeparator:X,decimalScale:k,getInputRef:F,onValueChange:ie,isAllowed:e=>{const{floatValue:t}=e;return t>=h&&(t<=W||-1===W)||void 0===t}},e(xm,{...o})):M===Zm.NUMBER?(o={...o,type:Zm.NUMBER,maxLength:g,onChange:e=>{const t=Number(e.target.value.replace(/,/g,"."));t>=h&&t<=W?ze(t):t<h?ze(h):t>W&&ze(W)},ref:F},e("input",{...o})):(o={...o,maxLength:g,onChange:e=>ze(e.target.value),ref:F},e("input",{...o}))},de=()=>{if(d)return e(Fm,{className:"itd-input-addon-before",children:d})},le=()=>{if(l)return e(jm,{className:"itd-input-addon-after",children:l})},ue=()=>{if(s)return e(Cm,{className:"itd-input-prefix",children:s})},fe=()=>{if(A)return e(Pm,{className:"itd-input-suffix",children:A})},qe=()=>{if(f)return e(Dm,{className:"itd-input-locked",children:"boolean"!=typeof f?f:e($m,{className:"itd-svg",width:"18",height:"18"})})},he=()=>{if(""!==U&&!m)return e(Vm,{className:"itd-error-border"})},We=e("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:e("g",{id:"Error",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:o("g",{id:"ErrorGroup",fillRule:"nonzero",children:[e("circle",{id:"ErrorBackground",fill:"#F8285A",cx:"10",cy:"10",r:"10"}),e("path",{d:"M10.0355339,8.6213203 L12.863961,5.79289322 C13.2544853,5.40236893 13.8876503,5.40236893 14.2781746,5.79289322 C14.6686989,6.18341751 14.6686989,6.81658249 14.2781746,7.20710678 L11.4497475,10.0355339 \n            L14.2781746,12.863961 C14.6686989,13.2544853 14.6686989,13.8876503 14.2781746,14.2781746 C13.8876503,14.6686989 13.2544853,14.6686989 12.863961,14.2781746 L10.0355339,11.4497475 L7.20710678,14.2781746\n            C6.81658249,14.6686989 6.18341751,14.6686989 5.79289322,14.2781746 C5.40236893,13.8876503 5.40236893,13.2544853 5.79289322,12.863961 L8.6213203,10.0355339 L5.79289322,7.20710678 C5.40236893,6.81658249\n            5.40236893,6.18341751 5.79289322,5.79289322 C6.18341751,5.40236893 6.81658249,5.40236893 7.20710678,5.79289322 L10.0355339,8.6213203 Z",id:"ErrorIcon",fill:"#FFFFFF"})]})})}),ge=()=>{if(""===U||m)return;return o(Gm,{...{className:"itd-input-failed itd-failed-status",onPointerOver:()=>oe(!0),onPointerOut:()=>oe(!1)},children:[te?e(Um,{className:"itd-input-error-tooltip itd-error-tooltip",children:U}):null,u||We]})},me=()=>"itd-input-default-input",Re=()=>"itd-input-floating-input",ve=()=>{let e="itd-input itd-input-"+M;return e+=" itd-input-"+Da(a),e+=" itd-input-"+O,N&&(e+=" itd-input-masked"),m&&(e+=" itd-input-disabled"),f&&(e+=" itd-input-locked"),""!==i&&(e+=" "+i),G&&(e+=" keyboard-focus"),Q&&(e+=" focused"),e};return(()=>{if(D)throw new Error("ITD Input Error: Remove the children!");return o(Sm,{className:ve(),children:[de(),o(Tm,{$hasPrefix:null!==s,$hasSuffix:null!==A,$hasError:""!==U&&!m,children:[ue(),o(Em,{className:"itd-input-middle",children:[Ae(),R?e("label",{htmlFor:t,className:"itd-input-floating-label "+eR+" "+p,"data-content":p,children:e(Hm,{children:p})}):null,he()]}),o(_m,{children:[fe(),qe(),ge()]})]}),le()]})})()}));tR.displayName="ITD-Input";const oR=ha.div`
+`;var Km=[],Qm=[];function Jm(e,t){if(e&&"undefined"!=typeof document){var o,p=!0===t.prepend?"prepend":"append",b=!0===t.singleTag,n="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(b){var M=Km.indexOf(n);-1===M&&(M=Km.push(n)-1,Qm[M]={}),o=Qm[M]&&Qm[M][p]?Qm[M][p]:Qm[M][p]=r()}else o=r();65279===e.charCodeAt(0)&&(e=e.substring(1)),o.styleSheet?o.styleSheet.cssText+=e:o.appendChild(document.createTextNode(e))}function r(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var o=Object.keys(t.attributes),b=0;b<o.length;b++)e.setAttribute(o[b],t.attributes[o[b]]);var M="prepend"===p?"afterbegin":"beforeend";return n.insertAdjacentElement(M,e),e}}var Zm,eR="itd__floatingLabel__01e577ff";Jm(".itd__defaultInput__01e577ff{height:100%}.itd__floatingInput__01e577ff{caret-color:rgba(0,0,0,.851);color:rgba(0,0,0,.851);font-size:13px}.itd__floatingInput__01e577ff::placeholder{color:#0000}.itd__floatingInput__01e577ff:disabled :not(.itd__floatingInput__01e577ff[data-locked=true]),.itd__floatingInput__01e577ff:disabled:not(.itd__floatingInput__01e577ff[data-locked=true]){opacity:.5}.itd__floatingLabel__01e577ff{display:block;font-size:16px;font-weight:500;max-height:0;pointer-events:none;position:relative}.itd__floatingLabel__01e577ff:before{backface-visibility:hidden;color:#0009;content:attr(data-content);display:inline-block;filter:blur(0);position:relative;transform-origin:left top;transition:transform .2s ease-out}.itd__floatingInput__01e577ff:placeholder-shown+.itd__floatingLabel__01e577ff:before{font-smooth:always;-webkit-font-smoothing:antialiased;transform:translate3d(0,-32px,0) scale3d(.8,.8,1)}.itd__floatingInput__01e577ff:focus+.itd__floatingLabel__01e577ff:before,.itd__floatingLabel__01e577ff:before{transform:translate3d(0,-40px,0) scale3d(.8,.8,1)}.itd__floatingInput__01e577ff:focus+.itd__floatingLabel__01e577ff:before{color:#0009}.itd__floatingInputinput__01e577ff:-webkit-autofill,.itd__floatingInputinput__01e577ff:-webkit-autofill:focus,.itd__floatingInputinput__01e577ff:-webkit-autofill:hover{-webkit-text-fill-color:#3496fa!important;-webkit-box-shadow:inset 0 0 0 30px #151d3d!important}",{}),function(e){e.TEXT="text",e.NUMBER="number",e.CURRENCY="currency",e.PASSWORD="password"}(Zm||(Zm={}));const tR=u((({id:t="itd-input-"+Ha(),placeholder:p="",value:b="",defaultValue:n="",type:M=Zm.TEXT,className:i="",size:a="default",variant:O="default",prefix:s=null,suffix:A=null,addonBefore:d=null,addonAfter:l=null,status:u=null,locked:f=null,minValue:h=0,maxValue:W=-1,maxLength:g=-1,disabled:m=!1,floating:R=!1,autoComplete:v=!1,keepFocus:L=!1,focusRef:y=null,mask:N=null,allowEmptyFormatting:B=!1,allowLeadingZeros:w=!1,decimalSeparator:x=".",thousandSeparator:X=",",decimalScale:k=2,onChange:S=null,onUpdate:T=null,onFocus:E=null,onBlur:_=null,onPressEnter:C=null,onKeyDown:P=null,children:D=null},I)=>{const F=c(null),[j,$]=r(M===Zm.NUMBER?0:""),[U,V]=r(""),[H,Y]=r(!1),[G,K]=r(!1),[Q,J]=r(!1),[Z,ee]=r(!1),[te,oe]=r(!1),[pe,be]=r(!0);z((()=>(re(),n&&ce(n),document.addEventListener("pointerdown",Me,!1),document.addEventListener("mousedown",(()=>{Y(!0)})),document.addEventListener("mouseup",(()=>{Y(!1)})),()=>{y&&ne(!1),document.removeEventListener("pointerdown",Me,!1),document.removeEventListener("mousedown",(()=>{Y(!0)})),document.removeEventListener("mouseup",(()=>{Y(!1)}))})),[]),z((()=>{ce(M===Zm.NUMBER?Number(b):String(b),!0,""!==b)}),[b]);const ne=e=>{document[e?"addEventListener":"removeEventListener"]("pointerdown",Me,!1)},Me=e=>{K(!1),y?.current&&ee(y.current.contains(e.target))},re=()=>{F.current&&L&&F.current&&(F.current?.focus(),J(!0),y&&ne(!0))},ce=(e,t=!0,o=!0)=>{$(e),T&&T(e,t,o)};q(I,(()=>({setFocus(){F.current&&(J(!0),F.current.focus()),ee(!0)},reset(e=!0,t=!0){$(n||""),V(""),ce(M===Zm.NUMBER?0:"",e,t)},setValue(e,t=!0,o=!0){$(e),ce(e,t,o)},getValue:()=>j,setError(e){V(e)},forceUpdate(){ce(j)},clear(){$("")}})));const ze=e=>{const t="string"==typeof e&&N&&e.replace(/\D+/g,"").length<N.replace(/\D+/g,"").length;ce(e,!0,!t),S&&S(e)},ie=e=>{ze(e.value)},ae=e=>{F.current?.focus(),H||K(!0),J(!0),!v&&pe&&be(!1),E&&E(e)},Oe=e=>{J(!1),L&&Z&&F.current&&(J(!0),F.current.focus()),N&&"string"==typeof j&&j.replace(/\D+/g,"").length<N.replace(/\D+/g,"").length&&n&&ce(n,!0,!1),_?_(e):e.target.blur()},se=e=>{J(!1),"Tab"===e.key&&K(!1),13===e.keyCode&&C&&C(e),P&&P(e)},Ae=()=>{let o={id:t,placeholder:p,value:j,type:M,className:R?Re():me(),onFocus:ae,onBlur:Oe,onKeyDown:se,disabled:m||f};return f&&(o["data-locked"]=!0),o=v?{...o,autoComplete:"on"}:{...o,autoComplete:"off"},N?(o={...o,format:N,mask:"_",allowEmptyFormatting:B,onChange:e=>ze(e.target.value)},e(km,{...o})):M===Zm.CURRENCY?(o={...o,maxLength:g,type:Zm.TEXT,allowLeadingZeros:w,decimalSeparator:x,thousandSeparator:X,decimalScale:k,getInputRef:F,onValueChange:ie,isAllowed:e=>{const{floatValue:t}=e;return t>=h&&(t<=W||-1===W)||void 0===t}},e(xm,{...o})):M===Zm.NUMBER?(o={...o,type:Zm.NUMBER,maxLength:g,onChange:e=>{const t=Number(e.target.value.replace(/,/g,"."));t>=h&&-1===W||t>=h&&t<=W?ze(t):t<h?ze(h):t>W&&ze(W)},ref:F},e("input",{...o})):(o={...o,maxLength:g,onChange:e=>ze(e.target.value),ref:F},e("input",{...o}))},de=()=>{if(d)return e(Fm,{className:"itd-input-addon-before",children:d})},le=()=>{if(l)return e(jm,{className:"itd-input-addon-after",children:l})},ue=()=>{if(s)return e(Cm,{className:"itd-input-prefix",children:s})},fe=()=>{if(A)return e(Pm,{className:"itd-input-suffix",children:A})},qe=()=>{if(f)return e(Dm,{className:"itd-input-locked",children:"boolean"!=typeof f?f:e($m,{className:"itd-svg",width:"18",height:"18"})})},he=()=>{if(""!==U&&!m)return e(Vm,{className:"itd-error-border"})},We=e("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:e("g",{id:"Error",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:o("g",{id:"ErrorGroup",fillRule:"nonzero",children:[e("circle",{id:"ErrorBackground",fill:"#F8285A",cx:"10",cy:"10",r:"10"}),e("path",{d:"M10.0355339,8.6213203 L12.863961,5.79289322 C13.2544853,5.40236893 13.8876503,5.40236893 14.2781746,5.79289322 C14.6686989,6.18341751 14.6686989,6.81658249 14.2781746,7.20710678 L11.4497475,10.0355339 \n            L14.2781746,12.863961 C14.6686989,13.2544853 14.6686989,13.8876503 14.2781746,14.2781746 C13.8876503,14.6686989 13.2544853,14.6686989 12.863961,14.2781746 L10.0355339,11.4497475 L7.20710678,14.2781746\n            C6.81658249,14.6686989 6.18341751,14.6686989 5.79289322,14.2781746 C5.40236893,13.8876503 5.40236893,13.2544853 5.79289322,12.863961 L8.6213203,10.0355339 L5.79289322,7.20710678 C5.40236893,6.81658249\n            5.40236893,6.18341751 5.79289322,5.79289322 C6.18341751,5.40236893 6.81658249,5.40236893 7.20710678,5.79289322 L10.0355339,8.6213203 Z",id:"ErrorIcon",fill:"#FFFFFF"})]})})}),ge=()=>{if(""===U||m)return;return o(Gm,{...{className:"itd-input-failed itd-failed-status",onPointerOver:()=>oe(!0),onPointerOut:()=>oe(!1)},children:[te?e(Um,{className:"itd-input-error-tooltip itd-error-tooltip",children:U}):null,u||We]})},me=()=>"itd-input-default-input",Re=()=>"itd-input-floating-input",ve=()=>{let e="itd-input itd-input-"+M;return e+=" itd-input-"+Da(a),e+=" itd-input-"+O,N&&(e+=" itd-input-masked"),m&&(e+=" itd-input-disabled"),f&&(e+=" itd-input-locked"),""!==i&&(e+=" "+i),G&&(e+=" keyboard-focus"),Q&&(e+=" focused"),e};return(()=>{if(D)throw new Error("ITD Input Error: Remove the children!");return o(Sm,{className:ve(),children:[de(),o(Tm,{$hasPrefix:null!==s,$hasSuffix:null!==A,$hasError:""!==U&&!m,children:[ue(),o(Em,{className:"itd-input-middle",children:[Ae(),R?e("label",{htmlFor:t,className:"itd-input-floating-label "+eR+" "+p,"data-content":p,children:e(Hm,{children:p})}):null,he()]}),o(_m,{children:[fe(),qe(),ge()]})]}),le()]})})()}));tR.displayName="ITD-Input";const oR=ha.div`
   
   transition: background-color 0.2s ease;
   border-radius: 6px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inntechcorp/it-design",
-  "version": "2.1.20",
+  "version": "2.1.21",
   "description": "All in one Design library for web applications.",
   "author": "Inn.Tech",
   "license": "ISC",