npm - @progress/kendo-react-inputs - Versions diffs - 7.4.0-develop.9 → 7.4.0 - Mend

@progress/kendo-react-inputs 7.4.0-develop.9 → 7.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/cdn/js/kendo-react-inputs.js +1 -1
package/numerictextbox/utils/index.js +1 -1
package/numerictextbox/utils/index.mjs +106 -106
package/package-metadata.mjs +1 -1
package/package.json +8 -8

package/dist/cdn/js/kendo-react-inputs.js CHANGED Viewed

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-common"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-labels"),require("@progress/kendo-react-buttons"),require("@progress/kendo-drawing"),require("@progress/kendo-react-popup"),require("@progress/kendo-inputs-common"),require("@progress/kendo-react-dialogs")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-intl","@progress/kendo-react-common","@progress/kendo-svg-icons","@progress/kendo-react-labels","@progress/kendo-react-buttons","@progress/kendo-drawing","@progress/kendo-react-popup","@progress/kendo-inputs-common","@progress/kendo-react-dialogs"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactInputs={},e.React,e.PropTypes,e.KendoReactIntl,e.KendoReactCommon,e.KendoSvgIcons,e.KendoReactLabels,e.KendoReactButtons,e.KendoDrawing,e.KendoReactPopup,e.KendoInputsCommon,e.KendoReactDialogs)}(this,(function(e,t,a,n,r,s,i,l,o,c,d,u){"use strict";function p(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var h=p(t);const m={name:"@progress/kendo-react-inputs",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},f="numerictextbox.increment",v="numerictextbox.decrement",g="slider.increment",b="slider.decrement",k="slider.dragTitle",y="colorGradient.r",C="colorGradient.g",x="colorGradient.b",E="colorGradient.a",w="colorGradient.hex",I="colorGradient.contrastRatio",S="colorGradient.colorGradientAALevel",N="colorGradient.colorGradientAAALevel",L="colorGradient.colorGradientPass",M="colorGradient.colorGradientFail",P="colorGradient.hueSliderLabel",R="colorGradient.alphaSliderLabel",V="colorGradient.toggleInputsButton",O="flatColorPicker.cancelBtn",B="flatColorPicker.applyBtn",T="flatColorPicker.colorGradientBtn",D="flatColorPicker.colorPaletteBtn",z="flatColorPicker.clearBtn",F="checkbox.validation",K="checkbox.optionalText",_="switch.validation",$="colorPicker.dropdownButtonAriaLabel",A="rating.ariaLabel",H="signature.clear",q="signature.maximize",j="signature.minimize",G={[f]:"Increase value",[v]:"Decrease value",[g]:"Increase",[b]:"Decrease",[k]:"Drag",[y]:"r",[C]:"g",[x]:"b",[E]:"a",[w]:"hex",[I]:"Contrast ratio",[S]:"AA",[N]:"AAA",[L]:"Pass",[M]:"Fail",[P]:"Hue slider",[R]:"Alpha slider",[V]:"Toggle colorgradient inputs",[O]:"Cancel",[B]:"Apply",[T]:"Color Gradient view",[D]:"Color Palette view",[z]:"Clear color value",[F]:"Please check this box if you want to proceed!",[K]:"(Optional)","radioButton.validation":"Please select option if you want to proceed!",[_]:"Please turn on if you want to proceed!",[$]:"Select",[A]:"Rating",[H]:"Clear",[q]:"Maximize",[j]:"Minimize"},W=1111111.1111111,U=/\d/,X=(e,t)=>void 0!==e?e:t,Y=(e,t,a)=>null===e&&void 0===e?"":"string"==typeof e?e:a.formatNumber(e,t),Z=e=>(String(e).split(".")[1]||"").length,J=(e,t)=>Math.max(Z(e),Z(t)),Q=(e,t)=>{const a=(e=>Math.min(e,15))(t);return parseFloat(e.toFixed(a))},ee=(e,t,a,n,r,s,i)=>{const l=J(e||0,a||0),o=ae(Q((e||0)+(a||0),l),n,r);t.eventValue=o,t.currentLooseValue=Y(o,s,i),t.selectionStart=t.selectionEnd=le(t.currentLooseValue,U)},te=(e,t,a,n,r,s,i)=>{const l=J(e||0,a||0),o=ae(Q((e||0)-(a||0),l),n,r);t.eventValue=o,t.currentLooseValue=Y(o,s,i),t.selectionStart=t.selectionEnd=le(t.currentLooseValue,U)},ae=(e,t,a)=>null==e?e:!(e>1||e<1||1===e)||void 0!==a&&void 0!==t&&a<t?null:(void 0!==a&&e>a&&(e=a),void 0!==t&&e<t&&(e=t),e),ne=(e,t,a,n)=>{e.selectionStart=e.selectionEnd=t,((e,t,a)=>{const n=((e,t)=>{const a=t.findIndex((([t,a])=>!!a&&e.indexOf(a)===e.length-a.length));if(-1===a)return-1;const n=t[a][1];return e.length-n.length})(e,t);if(-1!==n&&a.selectionStart>n)return void(a.selectionStart=a.selectionEnd=n);a.selectionStart>e.length&&(a.selectionStart=a.selectionEnd=e.length);const r=((e,t)=>{const a=t.findIndex((([t,a])=>!!t&&0===e.indexOf(t)));return-1===a?-1:t[a][0].length})(e,t);-1!==r&&a.selectionStart<r&&(a.selectionStart=a.selectionEnd=r),-1===a.selectionStart&&(a.selectionStart=a.selectionEnd=0)})(a,n,e)},re=(e,t,a,n)=>{e.eventValue=n.parseNumber(e.prevLooseValue,t),e.currentLooseValue=e.prevLooseValue,e.valueIsCorrected=!0,ne(e,e.selectionStart,e.currentLooseValue,a)},se=(e,t)=>{const a=e.indexOf(t.decimal);return a>-1?a:le(e,U)},ie=e=>e.split("").reverse().join(""),le=(e,t)=>e.length-ie(e).search(t),oe=e=>e.split(e[e.search(U)])[0],ce=e=>{const t=ie(e);return ie(t.split(t[t.search(U)])[0])},de=(e,t)=>e.search(t),ue=(e,t)=>{const a=e.indexOf(t);return a>-1?e.length-a-1:0},pe=(e,t,a,n,r)=>{const s="0"===e.replace(r,"")[0],i="0"===t.replace(r,"")[0];if(s&&!i)return a-1;if(i&&n)return a+1;let l=0;for(let t=0;t<a;t++)U.test(e.charAt(t))&&l++;let o=0;for(;l>0&&t.length>o;)U.test(t.charAt(o))&&l--,o++;return o},he=(e,t,a)=>{const n={...e},{prevLooseValue:r}=n,s=a.numberSymbols(),i=((e,t)=>{const a=t.formatNumber(W,e),n=t.formatNumber(-W,e),r=t.formatNumber(0,e),s=t.formatNumber(1,e),i=t.numberSymbols(),l=new RegExp(`[\\d\\${i.decimal}${i.group}]`,"g");return[a,n,r,s].map((e=>e.replace(l,""))).join("").split("").filter(((e,t,a)=>a.indexOf(e)===t)).join("")})(t,a),l=String(n.currentLooseValue),o=String(r),c=new RegExp(`[^\\d\\${s.decimal}]`,"g"),d=new RegExp(`[^\\d\\${s.decimal}\\${s.group}]`,"g"),u=new RegExp(`[\\d\\${s.decimal}\\${s.group}]`),p=l.replace(c,""),h=de(l,U),m=-1===h?-1:le(l,U),f=l.indexOf(s.decimal),v=(l.substring(0,h)+l.substring(h,m).replace(d,"")+l.substring(m,l.length)).split("").filter((e=>-1!==i.indexOf(e)||-1!==e.search(u))).join(""),g=a.formatNumber(.31111111111111117,t).replace(c,""),b=g.indexOf(s.decimal),k=b>-1?g.length-b-1:0,y=a.formatNumber(1,t).replace(c,""),C=y.indexOf(s.decimal),x=C>-1?y.length-C-1:0,{positiveInfo:E,negativeInfo:w,zeroInfo:I,oneInfo:S}=((e,t)=>{const a=t.formatNumber(W,e),n=t.formatNumber(-W,e),r=t.formatNumber(0,e),s=t.formatNumber(1,e),i=oe(a),l=oe(n),o=oe(r),c=oe(s);return{positiveInfo:[i,ce(a)],negativeInfo:[l,ce(n)],zeroInfo:[o,ce(r)],oneInfo:[c,ce(s)]}})(t,a),N=[E,w,I,S],L=1!==N.findIndex((e=>-1!==e.findIndex((e=>!!e)))),M=l.length>0&&l.length<o.length,P="string"==typeof t&&"p"===t[0]&&l&&-1===l.indexOf(s.percentSign);if(!n.isPaste){if(""===l)return n.eventValue=null,n.currentLooseValue="",n;if(n.currentLooseValue===s.minusSign&&a.formatNumber(-0,t)!==o)return n.eventValue=-0,n.currentLooseValue=Y(n.eventValue,t,a),ne(n,se(n.currentLooseValue,s),n.currentLooseValue,N),n;if(n.currentLooseValue===s.decimal){n.eventValue=0;const e=Y(n.eventValue,t,a);if(0===x&&k>0){const t=le(e,U);n.currentLooseValue=e.substring(0,t)+s.decimal+e.substring(t)}else n.currentLooseValue=e;return ne(n,se(n.currentLooseValue,s)+1,n.currentLooseValue,N),n}if(((e,t)=>{const a=String(e.currentLooseValue),n=String(e.prevLooseValue);return a.split(t.minusSign).length!==n.split(t.minusSign).length&&a.length===n.length+t.minusSign.length})(n,s)){const e=a.parseNumber(r,t);n.eventValue=-(null!==e?e:0),n.currentLooseValue=Y(n.eventValue,t,a);const s=de(n.currentLooseValue,U),i=de(o,U);return ne(n,n.selectionEnd-1+(s-i),n.currentLooseValue,N),n}if(((e,t)=>{const a=String(e.currentLooseValue),n=String(e.prevLooseValue);return-1===a.indexOf(t.minusSign)&&-1!==n.indexOf(t.minusSign)})(n,s))return n.eventValue=a.parseNumber(n.currentLooseValue,t),ne(n,n.selectionStart,n.currentLooseValue,N),n;if(((e,t)=>String(e.currentLooseValue).split(t.decimal).length>2)(n,s))return re(n,t,N,a),n;if(P)return n.eventValue=a.parseNumber(l,t)/100,n.currentLooseValue=Y(n.eventValue,t,a),n;if(String(n.currentLooseValue).replace(/[^\d]/g,"").length>15||p!==l&&l&&L&&-1===N.findIndex((([e,t])=>{const a=l.indexOf(e),n=l.indexOf(t),r=0===a,i=n===l.length-t.length,o=a+e.length!==h&&-1!==h&&l[a+e.length]!==s.decimal,c=n!==m&&-1!==m&&l[n-1]!==s.decimal;return e&&t?!o&&!c&&(r&&i):e?!o&&r:!!t&&(!c&&i)})))return re(n,t,N,a),n;if(p[p.length-1]===s.decimal&&k>0)return n.eventValue=a.parseNumber(l,t),n.currentLooseValue=v,n;if(n.currentLooseValue&&r&&(i+s.decimal+s.group).split("").findIndex((e=>l.split("").filter((t=>t===e)).length<o.split("").filter((t=>t===e)).length&&l.length+1===o.length&&!(e===s.decimal&&0===ue(o.replace(c,""),s.decimal))))>-1)return n.eventValue=a.parseNumber(e.prevLooseValue,t),n.currentLooseValue=e.prevLooseValue,n;const d=ue(p,s.decimal),u="0"===p[p.length-1];if(M&&u&&d<x)return n.eventValue=a.parseNumber(n.currentLooseValue,t),n.currentLooseValue=Y(n.eventValue,t,a),n;if(d>0){const e=l.substring(0,f);if(u&&(!e||0!==o.indexOf(e))){n.eventValue=a.parseNumber(n.currentLooseValue,t);const e=Y(n.eventValue,t,a);return ne(n,pe(l,e,n.selectionEnd,M,c),e,N),n.currentLooseValue=e,n}if(d>k){const e=l.indexOf(s.decimal),r=l.substring(0,e)+l.substring(e,e+1+k)+l.substring(m,String(n.currentLooseValue).length);return n.eventValue=a.parseNumber(r,t),n.currentLooseValue=r,ne(n,n.selectionStart,r,N),n}if(x!==k&&d<=k&&u)return n.eventValue=a.parseNumber(n.currentLooseValue,t),n.currentLooseValue=v,n;if(d<x)return n.eventValue=a.parseNumber(n.currentLooseValue,t),n.currentLooseValue=Y(n.eventValue,t,a),n}}if(n.eventValue=a.parseNumber(n.currentLooseValue,t),P&&(n.eventValue=n.eventValue/100),"number"==typeof n.eventValue){const e=Y(n.eventValue,t,a);1===l.length?ne(n,se(e,s),e,N):ne(n,pe(l,e,n.selectionEnd,M,c),e,N),n.currentLooseValue=e}else n.currentLooseValue=Y(a.parseNumber(p),t,a);return n},me=r.createPropsContext(),fe=h.forwardRef(((e,t)=>{r.validatePackage(m);const a=r.usePropsContext(me,e),{className:o,value:c,defaultValue:d,step:u,format:p,width:g,tabIndex:b,accessKey:k,title:y,placeholder:C,min:x,max:E,spinners:w,disabled:I,dir:S,name:N,label:L,id:M,prefix:P,suffix:R,ariaDescribedBy:V,validityStyles:O,ariaLabelledBy:B,required:T,ariaLabel:D,inputType:z,rangeOnEnter:F,readOnly:K,onChange:_,onFocus:$,onBlur:A,validationMessage:H,children:q,size:j,rounded:W,fillMode:U,style:Z,inputStyle:J,valid:Q,...ne}=a,re=r.useId(),se=M||re,ie=n.useInternationalization(),le=n.useLocalization(),oe=h.useRef(null),ce=h.useRef(),[de,ue]=h.useState(!1),pe=h.useRef({eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1}),fe=h.useRef(!1),ve=h.useRef(),ge=h.useRef(d),be=Y(pe.current.focused&&!I?pe.current.currentLooseValue:X(c,ge.current),p,ie);ve.current=be;const[ke]=r.useCustomComponent(P),[ye]=r.useCustomComponent(R);h.useEffect((()=>{oe.current&&oe.current.setCustomValidity&&oe.current.setCustomValidity(Ie().valid?"":H||"Please enter a valid value!")}));const Ce=h.useCallback((()=>{oe.current&&oe.current.focus()}),[]),xe=h.useCallback((()=>void 0!==ce.current?ce.current:X(c,ge.current)),[c]),Ee=h.useCallback((()=>N),[N]),we=h.useCallback((()=>T),[T]),Ie=h.useCallback((()=>{const e=void 0!==H,t=xe();return{customError:e,valid:void 0!==Q?Q:!(pe.current.valueIsOutOfRange||we()&&null==t),valueMissing:null==t}}),[H,Q,xe,we]),Se=h.useCallback((()=>O),[O]),Ne=h.useCallback((()=>a),[a]),Le=h.useCallback((()=>{const e={element:oe.current,focus:Ce};return Object.defineProperty(e,"name",{get:Ee}),Object.defineProperty(e,"value",{get:xe}),Object.defineProperty(e,"validity",{get:Ie}),Object.defineProperty(e,"validityStyles",{get:Se}),Object.defineProperty(e,"required",{get:we}),Object.defineProperty(e,"props",{get:Ne}),e}),[Ee,xe,Ie,Se,we,Ce,Ne]);h.useImperativeHandle(t,Le);const Me=h.useCallback((()=>({eventValue:X(c,ge.current),prevLooseValue:ve.current,currentLooseValue:oe.current.value,selectionStart:oe.current.selectionStart,selectionEnd:oe.current.selectionEnd,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1,isPaste:fe.current,focused:pe.current.focused})),[c]),Pe=h.useCallback(((e,t)=>{if(I)return;ce.current=t.eventValue,ge.current=t.eventValue;const a=Y(ae(t.eventValue,x,E),p,ie),n=ae(ie.parseNumber(a,p),x,E);n!==t.eventValue&&(t.valueIsOutOfRange=!0,t.eventValue=n,ge.current=n),c!==t.eventValue&&r.dispatchEvent(_,e,Le(),{value:t.eventValue}),ce.current=void 0,pe.current=t,ue((e=>!e))}),[c,_,I,ue,Le]),Re=h.useCallback((e=>{const t=Me();fe.current=!1,Pe(e,he(t,p,ie))}),[p,_,ie,Pe,Me]),Ve=h.useCallback((e=>{let t=Me();const a=ie.parseNumber(String(t.currentLooseValue),p);if(t.selectionEnd>t.selectionStart&&t.selectionEnd-t.selectionStart===String(t.currentLooseValue).length){const t=ie.numberSymbols(),a=t&&e.key===t.minusSign,n=t&&e.key===t.decimal;fe.current=!a&&!n}else{switch(e.keyCode){case 38:ee(a,t,u,x,E,p,ie);break;case 40:te(a,t,u,x,E,p,ie);break;case 13:{if(!1===F)return;const e=Y(ae(a,x,E),p,ie),n=ae(ie.parseNumber(e,p),x,E);t.eventValue=n,t.currentLooseValue=Y(n,p,ie),t.selectionStart=t.selectionEnd=t.currentLooseValue.length;break}case 110:{const e=oe.current,a=ie.numberSymbols();e&&(t.currentLooseValue=t.currentLooseValue.slice(0,t.selectionStart)+a.decimal+t.currentLooseValue.slice(t.selectionEnd),t.selectionStart=t.selectionEnd=t.selectionStart+1,t=he(t,p,ie));break}default:return}e.preventDefault(),Pe(e,t)}}),[p,x,E,u,_,F,Pe,Me]),Oe=h.useCallback((()=>{fe.current=!0}),[]),Be=h.useCallback((e=>{if(K||I)return;const t=Me();ee(ie.parseNumber(String(t.currentLooseValue),p),t,u,x,E,p,ie),Pe(e,t)}),[p,x,E,u,_,K,I,Pe,Me]),Te=h.useCallback((e=>{if(K||I)return;const t=Me();te(ie.parseNumber(String(t.currentLooseValue),p),t,u,x,E,p,ie),Pe(e,t)}),[p,x,E,u,_,K,I,Pe,Me]),De=h.useCallback((e=>{const t=r.getActiveElement(document);!document||t!==oe.current||!oe.current||K||I||(e.nativeEvent.deltaY<0&&Be(e),e.nativeEvent.deltaY>0&&Te(e))}),[Be,Te,I,K]),ze=h.useCallback((e=>{pe.current.currentLooseValue=ve.current,pe.current.focused=!0,r.dispatchEvent($,e,Le(),{}),ue((e=>!e))}),[$,ue,Le]),Fe=h.useCallback((e=>{pe.current={eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1},r.dispatchEvent(A,e,Le(),{}),ue((e=>!e))}),[A,ue,Le]),Ke=h.useCallback((e=>{if(document&&oe.current){const t=r.getActiveElement(document);e.preventDefault(),t!==oe.current&&oe.current.focus()}}),[]);r.useIsomorphicLayoutEffect((()=>{oe.current&&"number"!==oe.current.type&&void 0!==pe.current.selectionStart&&void 0!==pe.current.selectionEnd&&(oe.current.selectionStart=pe.current.selectionStart,oe.current.selectionEnd=pe.current.selectionEnd,pe.current.selectionStart=void 0,pe.current.selectionEnd=void 0)}),[de]);const _e=!Se()||Ie().valid,$e=h.createElement("span",{dir:S,style:L?Z:{width:g,...Z},className:r.classNames("k-input","k-numerictextbox",{[`k-input-${r.kendoThemeMaps.sizeMap[j]||j}`]:j,[`k-input-${U}`]:U,[`k-rounded-${r.kendoThemeMaps.roundedMap[W]||W}`]:W,"k-invalid":!_e,"k-required":T,"k-disabled":I},o),"aria-disabled":I?"true":void 0,...L?{}:ne},h.createElement(ke,null),h.createElement("input",{role:"spinbutton",value:null===be?"":be,tabIndex:r.getTabIndex(b,I),accessKey:k,disabled:I,title:y,"aria-disabled":I?"true":void 0,"aria-valuemin":x,"aria-valuemax":E,"aria-label":D,"aria-labelledby":B,"aria-describedby":V,placeholder:C,spellCheck:!1,autoComplete:"off",autoCorrect:"off",type:z||"tel",className:"k-input-inner",id:se,name:N,readOnly:K,style:J,onChange:Re,onFocus:ze,onBlur:Fe,onKeyDown:Ve,onPaste:Oe,onWheel:De,ref:oe}),h.createElement(ye,null),q,w&&h.createElement("span",{className:"k-input-spinner k-spin-button",onMouseDown:Ke},h.createElement(l.Button,{tabIndex:-1,type:"button",icon:"caret-alt-up",svgIcon:s.caretAltUpIcon,rounded:null,className:"k-spinner-increase","aria-label":le.toLanguageString(f,G[f]),title:le.toLanguageString(f,G[f]),onClick:Be}),h.createElement(l.Button,{tabIndex:-1,type:"button",icon:"caret-alt-down",svgIcon:s.caretAltDownIcon,rounded:null,className:"k-spinner-decrease","aria-label":le.toLanguageString(v,G[v]),title:le.toLanguageString(v,G[v]),onClick:Te})));return L?h.createElement(i.FloatingLabel,{label:L,editorId:se,editorValue:null===be?"":be,editorValid:_e,editorDisabled:I,editorPlaceholder:C,children:$e,style:{width:g},dir:S,...ne}):$e}));fe.propTypes={value:a.number,defaultValue:a.number,step:a.number,format:a.oneOfType([a.string,a.shape({style:a.oneOf(["decimal","currency","percent","scientific","accounting"]),currency:a.string,currencyDisplay:a.oneOf(["symbol","code","name"]),useGrouping:a.bool,minimumIntegerDigits:a.number,minimumFractionDigits:a.number,maximumFractionDigits:a.number})]),width:a.oneOfType([a.string,a.number]),tabIndex:a.number,accessKey:a.string,title:a.string,placeholder:a.string,min:a.number,max:a.number,spinners:a.bool,disabled:a.bool,readOnly:a.bool,dir:a.string,name:a.string,label:a.string,validationMessage:a.string,required:a.bool,id:a.string,rangeOnEnter:a.bool,ariaLabelledBy:a.string,ariaDescribedBy:a.string,ariaLabel:a.string,onChange:a.func,onFocus:a.func,onBlur:a.func,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","flat","outline"])},fe.displayName="KendoNumericTextBox",fe.defaultProps={prefix:e=>null,suffix:e=>null,step:1,spinners:!0,disabled:!1,required:!1,validityStyles:!0,rangeOnEnter:!0,onChange:e=>{},onFocus:e=>{},onBlur:e=>{},size:"medium",rounded:"medium",fillMode:"solid"};const ve=e=>null!=e,ge=(e,t,a)=>!ve(e)||isNaN(e)||e<=t?t:e>=a?a:e,be=(e,t,a=!0)=>{if(-1===["hex","rgba"].indexOf(t))throw new Error(`Unsupported color output format '${t}'. The available options are 'hex' or 'rgba'.`);if(!ve(e))return;const n=o.parseColor(e.trim(),a);return ve(n)?"hex"===t?n.toCss():n.toCssRgba():void 0},ke=(e,t=!0)=>{const a=o.parseColor(e,t);return ve(a)?a.toHSV():{}},ye=(e,t=!0)=>{const a=o.parseColor(e,t);return ve(a)?a.toBytes():{}},Ce=e=>{const t=ge(e.h,0,359.9),a=ge(e.s,0,1),n=ge(e.v,0,1),r=ge(e.a,0,1);return o.Color.fromHSV(t,a,n,r).toCssRgba()},xe=e=>Ce({h:e,s:1,v:1,a:1}),Ee=(e,t)=>{const a=ge(e.r,0,255),n=ge(e.g,0,255),r=ge(e.b,0,255),s=ge(e.a,0,1),i=ge(t.r,0,255),l=ge(t.g,0,255),o=ge(t.b,0,255);return{r:Math.round((1-s)*i+s*a),g:Math.round((1-s)*l+s*n),b:Math.round((1-s)*o+s*r)}},we=e=>{let t=[e.r||0,e.g||0,e.b||0].map((function(e){return(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)}));return.2126*t[0]+.7152*t[1]+.0722*t[2]},Ie=(e,t)=>((e,t)=>(Math.max(e,t)+.05)/(Math.min(e,t)+.05))(we(Ee(e,t)),we(Ee(t,{r:0,g:0,b:0,a:1}))),Se=class e extends h.Component{constructor(t){super(t),this._input=null,this.focus=()=>{this._input&&this._input.focus()},this.isInvalid=e=>{let t=!1;for(let a in e)e.hasOwnProperty(a)&&(t=t||!!e[a]);return t},this.setValidity=()=>{this._input&&this._input.setCustomValidity&&(this.validity.valid||!this.validityStyles?this._input.classList.remove("k-invalid"):this._input.classList.add("k-invalid"),this._input.setCustomValidity(this.validity.valid?"":this.props.validationMessage||""))},this.handleChange=e=>{this.setState({value:e.target.value}),this.valueDuringOnChange=e.target.value,this.props.onChange&&this.props.onChange.call(void 0,{syntheticEvent:e,nativeEvent:e.nativeEvent,value:e.target.value,target:this}),this.valueDuringOnChange=void 0},this.handleAutoFill=e=>{if("autoFillStart"===e.animationName){let t=e.target.parentNode;t&&t.classList.contains("k-empty")&&t.classList.remove("k-empty")}},r.validatePackage(m),this.state={value:this.props.defaultValue||e.defaultProps.defaultValue}}get _inputId(){return this.props.id}get element(){return this._input}get value(){return void 0!==this.valueDuringOnChange?this.valueDuringOnChange:void 0!==this.props.value?this.props.value:this.state.value}get name(){return this.props.name}get validity(){const e={badInput:!!this._input&&this._input.validity.badInput,patternMismatch:!!this._input&&this._input.validity.patternMismatch,rangeOverflow:!!this._input&&this._input.validity.rangeOverflow,rangeUnderflow:!!this._input&&this._input.validity.rangeUnderflow,stepMismatch:!!this._input&&this._input.validity.stepMismatch,tooLong:!!this._input&&this._input.validity.tooLong,typeMismatch:!!this._input&&this._input.validity.typeMismatch,valueMissing:!!this._input&&this._input.validity.valueMissing};return{...e,customError:void 0!==this.props.validationMessage,valid:void 0!==this.props.valid?this.props.valid:!this._input||!this.isInvalid(e)}}get validityStyles(){return void 0!==this.props.validityStyles?this.props.validityStyles:e.defaultProps.validityStyles}componentDidMount(){this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{className:e,label:t,labelClassName:a,id:n,validationMessage:s,defaultValue:l,valid:o,visited:c,touched:d,modified:u,ariaLabelledBy:p,ariaDescribedBy:m,validityStyles:f,style:v,ariaLabel:g,...b}=this.props,k=n||this._inputId,y=!this.validityStyles||this.validity.valid,C=r.classNames(e,"k-input k-input-md k-rounded-md k-input-solid"),x=h.createElement("input",{"aria-labelledby":p,"aria-describedby":m,"aria-disabled":this.props.disabled||void 0,"aria-invalid":!y||void 0,"aria-label":g||void 0,...b,style:t?void 0:v,value:this.value,id:k,className:C,onChange:this.handleChange,onAnimationStart:this.handleAutoFill,ref:e=>{this._input=e}});return t?h.createElement(i.FloatingLabel,{label:t,labelClassName:a,editorId:k,editorValue:String(this.value),editorValid:y,editorDisabled:b.disabled,editorPlaceholder:b.placeholder,children:x,style:v,dir:b.dir}):x}};Se.displayName="Input",Se.propTypes={label:a.string,labelClassName:a.string,validationMessage:a.string,required:a.bool,validate:a.bool,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,ariaLabel:a.string},Se.defaultProps={defaultValue:"",required:!1,validityStyles:!0};let Ne=Se;const Le=r.createPropsContext(),Me=r.withIdHOC(r.withPropsContext(Le,Ne));Me.displayName="KendoReactInput";let Pe=class extends h.Component{constructor(e){super(e),this.onChange=e=>{const t=e.target.value,a=be(t,"rgba");this.setState({hex:t}),ve(a)&&this.props.onHexChange(t,a,e)},this.onBlur=()=>{ve(be(this.state.hex,"rgba"))||this.setState({hex:this.state.originalHex})},this.state={hex:this.props.hex,originalHex:this.props.hex}}render(){return h.createElement(Me,{value:this.state.hex,onChange:this.onChange,onBlur:this.onBlur,disabled:this.props.disabled})}static getDerivedStateFromProps(e,t){return e.hex!==t.originalHex?{hex:e.hex,originalHex:e.hex}:null}};const Re=["rgba","rgb","hex"];let Ve=class extends h.Component{constructor(e){super(e),this.onRgbaRChange=e=>{this.dispatchRgbaChange({r:e.value},e)},this.onRgbaGChange=e=>{this.dispatchRgbaChange({g:e.value},e)},this.onRgbaBChange=e=>{this.dispatchRgbaChange({b:e.value},e)},this.onRgbaAChange=e=>{this.dispatchRgbaChange({a:e.value},e)},this.state={inputMode:e.defaultInputMode||Re[1]}}render(){const e=n.provideLocalizationService(this),t=e.toLanguageString(y,G[w]),a=e.toLanguageString(y,G[y]),r=e.toLanguageString(y,G[C]),o=e.toLanguageString(y,G[x]),c=e.toLanguageString(y,G[E]),d=e.toLanguageString(V,G[V]);return h.createElement("div",{className:"k-colorgradient-inputs k-hstack"},h.createElement("div",{className:"k-vstack"},h.createElement(l.Button,{"aria-label":d,fillMode:"flat",icon:"caret-alt-expand",svgIcon:s.caretAltExpandIcon,className:"k-colorgradient-toggle-mode k-icon-button",onClick:this.onToggleModeChange.bind(this)})),"hex"===this.state.inputMode&&h.createElement("div",{className:"k-vstack k-flex-1"},h.createElement("span",{className:"k-hex-value k-textbox k-input"},h.createElement(Pe,{hex:this.props.hex,onHexChange:this.props.onHexChange,disabled:this.props.disabled})),h.createElement(i.Label,{className:"k-colorgradient-input-label"},t)),("rgb"===this.state.inputMode||"rgba"===this.state.inputMode)&&h.createElement(h.Fragment,null,h.createElement("div",{className:"k-vstack"},h.createElement(fe,{inputType:"number",value:this.props.rgba.r,ariaLabel:String(this.props.rgba.r),min:0,max:255,spinners:!1,format:"n",onChange:this.onRgbaRChange,disabled:this.props.disabled}),h.createElement(i.Label,{className:"k-colorgradient-input-label"},a)),h.createElement("div",{className:"k-vstack"},h.createElement(fe,{inputType:"number",value:this.props.rgba.g,ariaLabel:String(this.props.rgba.g),min:0,max:255,spinners:!1,format:"n",onChange:this.onRgbaGChange,disabled:this.props.disabled}),h.createElement(i.Label,{className:"k-colorgradient-input-label"},r)),h.createElement("div",{className:"k-vstack"},h.createElement(fe,{inputType:"number",value:this.props.rgba.b,ariaLabel:String(this.props.rgba.b),min:0,max:255,spinners:!1,format:"n",onChange:this.onRgbaBChange,disabled:this.props.disabled}),h.createElement(i.Label,{className:"k-colorgradient-input-label"},o))),"rgba"===this.state.inputMode&&h.createElement("div",{className:"k-vstack"},this.props.opacity&&h.createElement(fe,{inputType:"number",value:this.props.rgba.a,ariaLabel:String(this.props.rgba.a),min:0,max:1,step:.01,spinners:!1,format:"n2",onChange:this.onRgbaAChange,disabled:this.props.disabled}),this.props.opacity&&h.createElement(i.Label,{className:"k-colorgradient-input-label"},c)))}dispatchRgbaChange(e,t){let a={...this.props.rgba};void 0!==e.r&&(a.r=e.r),void 0!==e.g&&(a.g=e.g),void 0!==e.b&&(a.b=e.b),void 0!==e.a&&(a.a=e.a),this.props.onRgbaChange(a,t)}onToggleModeChange(){const e=Re.length-1===Re.indexOf(this.state.inputMode)?0:Re.indexOf(this.state.inputMode)+1;if(this.props.opacity)this.setState({inputMode:Re[e]});else{const t="rgba"===Re[e]?e+1:e;this.setState({inputMode:Re[t]})}}};n.registerForIntl(Ve),n.registerForLocalization(Ve);const Oe="data-slider-label",Be=class extends h.Component{constructor(e){super(e),this.state={value:void 0===this.props.defaultValue?this.props.min:this.props.defaultValue,focused:!1,dir:this.props.dir},this._sliderTrack=null,this._element=null,this.buttons=e=>{if(!e.enabled)return e.children;const t="rtl"===this.state.dir?this.props.vertical?s.caretAltUpIcon:s.caretAltLeftIcon:this.props.vertical?s.caretAltUpIcon:s.caretAltRightIcon,a="rtl"===this.state.dir?this.props.vertical?s.caretAltDownIcon:s.caretAltRightIcon:this.props.vertical?s.caretAltDownIcon:s.caretAltLeftIcon,n="rtl"===this.state.dir?this.props.vertical?"caret-alt-up":"caret-alt-left":this.props.vertical?"caret-alt-up":"caret-alt-right",r="rtl"===this.state.dir?this.props.vertical?"caret-alt-down":"caret-alt-right":this.props.vertical?"caret-alt-down":"caret-alt-left";return h.createElement(h.Fragment,null,h.createElement(l.Button,{className:"k-button-decrease",rounded:"full",icon:r,svgIcon:a,title:e.decrementTitle,onClick:e.decrement}),e.children,h.createElement(l.Button,{className:"k-button-increase",rounded:"full",icon:n,svgIcon:t,title:e.incrementTitle,onClick:e.increment}))},this.focus=()=>{this._element&&this._element.focus()},this.isLabel=e=>{let t=e;for(;t;){if(t.getAttribute(Oe))return!0;t=t.parentElement}return!1},this.onFocus=()=>{this.setState({focused:!0})},this.onBlur=()=>{this.setState({focused:!1})},this.onKeyDown=e=>{let t;e.keyCode===r.Keys.left||e.keyCode===r.Keys.down?t=this.state.value-(this.props.step||0):e.keyCode===r.Keys.right||e.keyCode===r.Keys.up?t=this.state.value+(this.props.step||0):e.keyCode===r.Keys.home?t=this.props.min:e.keyCode===r.Keys.end&&(t=this.props.max),void 0!==t&&(e.preventDefault(),this.change(e,t))},this.decrement=e=>{e.preventDefault(),this.change(e,this.state.value-(this.props.step||0))},this.increment=e=>{e.preventDefault(),this.change(e,this.state.value+(this.props.step||0))},this.dragStart=e=>{this.isLabel(e.event.originalEvent.target)||(e.event.isTouch&&e.event.originalEvent.preventDefault(),this.drag(e))},this.dragOver=e=>{e.event.originalEvent.preventDefault(),this.drag(e)},this.drag=e=>{const t=e.element.getBoundingClientRect(),a=(this.props.vertical?t.bottom-e.event.clientY:"rtl"===this.state.dir?t.right-e.event.clientX:e.event.clientX-t.left)/(this.props.vertical?t.height:t.width);this.change(e,this.props.min+a*(this.props.max-this.props.min))},r.validatePackage(m)}static getDerivedStateFromProps(e,t){const a=void 0!==e.value?e.value:t.value,{min:n,max:r}=e;return void 0===a?null:{value:Math.min(Math.max(a,n),r)}}componentDidMount(){if(!this.state.dir&&window&&this._element){const e=window.getComputedStyle(this._element).direction;e&&this.setState({dir:e})}}render(){const e=n.provideLocalizationService(this),t=(this.state.value-this.props.min)/(this.props.max-this.props.min)*100,a=this.props.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},s=this.props.vertical?{paddingTop:0,height:"100%"}:{};return h.createElement("div",{ref:e=>this._element=e,dir:this.state.dir,id:this.props.id,style:{gap:0,...this.props.style},onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,className:r.classNames("k-slider",{"k-focus":this.state.focused,"k-disabled":this.props.disabled,"k-slider-horizontal":!this.props.vertical,"k-slider-vertical":this.props.vertical},this.props.className)},h.createElement(this.buttons,{enabled:this.props.buttons,decrement:this.decrement,increment:this.increment,incrementTitle:e.toLanguageString(g,G[g]),decrementTitle:e.toLanguageString(b,G[b])},h.createElement(r.Draggable,{onDrag:this.dragOver,onPress:this.dragStart},h.createElement("div",{className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...a}},this.props.children&&h.createElement("ul",{className:"k-reset k-slider-items",style:{margin:0,...s}},h.Children.map(this.props.children,(e=>e&&h.cloneElement(e,{position:100*(e.props.position-this.props.min)/(this.props.max-this.props.min),vertical:this.props.vertical},e.props.children)))),h.createElement("div",{className:"k-slider-track",style:this.props.vertical?{bottom:0,height:"100%"}:{["rtl"===this.state.dir?"right":"left"]:0,width:"100%"},ref:e=>this._sliderTrack=e},h.createElement("div",{className:"k-slider-selection",style:this.props.vertical?{height:t+"%"}:{width:t+"%"}}),h.createElement("span",{role:"slider","aria-valuemin":this.props.min,"aria-valuemax":this.props.max,"aria-valuenow":this.state.value,"aria-valuetext":String(this.state.value),"aria-orientation":this.props.vertical?"vertical":void 0,"aria-disabled":this.props.disabled?"true":void 0,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel,tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled,void 0),className:"k-draghandle",title:e.toLanguageString(k,G[k]),style:this.props.vertical?{bottom:"calc("+t+"%)",zIndex:1}:"rtl"===this.state.dir?{right:"calc("+t+"% - 13px)",zIndex:1}:{left:"calc("+t+"%)",zIndex:1}}))))))}get sliderTrack(){return this._sliderTrack}change(e,t){t=Math.min(Math.max(t,this.props.min),this.props.max),this.setState({value:t}),r.dispatchEvent(this.props.onChange,e,this,{value:t})}};Be.displayName="Slider",Be.propTypes={min:a.number.isRequired,max:a.number.isRequired,value:a.number,vertical:a.bool,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,ariaLabel:a.string};let Te=Be;const De=r.createPropsContext(),ze=r.withPropsContext(De,Te);ze.displayName="KendoReactSlider",n.registerForLocalization(Te);const Fe={};let Ke=class extends h.Component{render(){const e=n.provideLocalizationService(this),t=e.toLanguageString(I,G[I]),a=e.toLanguageString(S,G[S]),i=e.toLanguageString(N,G[N]),l=e.toLanguageString(L,G[L]),o=e.toLanguageString(M,G[M]),c=Ie(this.props.rgba,this.props.bgColor),d=4.5.toFixed(1),u=7..toFixed(1),p=`${t}: ${c.toFixed(2)}`,m=`${a}: ${d}`,f=`${i}: ${u}`,v=h.createElement("span",{className:"k-contrast-validation k-text-success"},l," ",h.createElement(r.IconWrap,{name:"check",icon:s.checkIcon})),g=h.createElement("span",{className:"k-contrast-validation k-text-error"},o," ",h.createElement(r.IconWrap,{name:"x",icon:s.xIcon}));return h.createElement("div",{className:"k-vbox k-colorgradient-color-contrast"},h.createElement("div",{className:"k-contrast-ratio"},h.createElement("span",{className:"k-contrast-ratio-text"},p),c>=4.5?h.createElement("span",{className:"k-contrast-validation k-text-success"},h.createElement(r.IconWrap,{name:"check",icon:s.checkIcon}),c>=7&&h.createElement(r.IconWrap,{name:"check",icon:s.checkIcon})):h.createElement("span",{className:"k-contrast-validation k-text-error"},h.createElement(r.IconWrap,{name:"x",icon:s.xIcon}))),h.createElement("div",null,h.createElement("span",null,m),c>=4.5?v:g),h.createElement("div",null,h.createElement("span",null,f),c>=7?v:g))}};n.registerForLocalization(Ke);const _e=(e,t)=>0===e.length?"":`<path d="${e.reduce(((e,a,n,r)=>0===n?`M ${a[0]},${a[1]}`:`${e} ${t(a,n,r)}`),"")}" fill="none" stroke="white" stroke-width="1"/>`,$e=(e,t)=>{const a=t[0]-e[0],n=t[1]-e[1];return{length:Math.sqrt(Math.pow(a,2)+Math.pow(n,2)),angle:Math.atan2(n,a)}};let Ae=class extends h.Component{renderSvgCurveLine(){const e=this.props.metrics,t=(a,n,r,s,i)=>{const l=(r+s)/2,o=Object.assign({},this.props.hsva,{s:n/e.width,v:1-l/e.height}),c=Ie(ye(Ce(o)),ye(this.props.backgroundColor||""));return r+.5>s?c<a+1&&c>a-1?l:null:i(c,a)?t(a,n,r,s-(s-r)/2,i):t(a,n,r+(s-r)/2,s,i)},a=(a,n,r=!1)=>{const s=[];for(let i=0;i<=e.width;i+=e.width/n){const n=t(a,i,0,e.height,r?(e,t)=>e<t:(e,t)=>e>t);null!==n&&s.push([i,n])}return s},n=(e=>(t,a,n)=>{const[r,s]=e(n[a-1],n[a-2],t),[i,l]=e(t,n[a-1],n[a+1],!0);return`C ${r},${s} ${i},${l} ${t[0]},${t[1]}`})((e=>(t,a,n,r)=>{const s=e(a||t,n||t),i=s.angle+(r?Math.PI:0),l=.1*s.length;return[t[0]+Math.cos(i)*l,t[1]+Math.sin(i)*l]})($e));return _e(a(4.5,16),n)+_e(a(4.5,16,!0),n)+_e(a(7,16),n)+_e(a(7,16,!0),n)}shouldComponentUpdate(e){return!(e.hsva.h===this.props.hsva.h&&e.hsva.a===this.props.hsva.a&&this.props.backgroundColor===e.backgroundColor)}render(){return h.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",className:"k-color-contrast-svg",dangerouslySetInnerHTML:{__html:this.renderSvgCurveLine()},style:{position:"absolute",overflow:"visible",pointerEvents:"none",left:0,top:0,zIndex:3}})}};const He="rgba(255, 255, 255, 1)",qe=class e extends h.Component{constructor(t){super(t),this.wrapper=null,this.onHexChange=(e,t,a)=>{if(this.isUncontrolled){const a=ke(t);this.setState({hsva:a,backgroundColor:xe(a.h),rgba:ye(t),hex:e})}else!function(e,t,a){Fe[e]={value:t,hex:a}}(this.state.guid,t,e);this.dispatchChangeEvent(t,a,a.nativeEvent)},this.onRgbaChange=(e,t)=>{const a=(e=>{const t=ge(e.r,0,255),a=ge(e.g,0,255),n=ge(e.b,0,255),r=ge(e.a,0,1);return o.Color.fromBytes(t,a,n,r).toCssRgba()})(e);if(this.isUncontrolled){const t=ke(a),n=be(a,"hex");this.setState({hsva:t,backgroundColor:xe(t.h),rgba:e,hex:n})}else!function(e,t,a){Fe[e]={value:t,rgba:a}}(this.state.guid,a,e);this.dispatchChangeEvent(a,t.syntheticEvent,t.nativeEvent)},this.onAlphaSliderChange=e=>{this.handleHsvaChange(Object.assign({},this.state.hsva,{a:e.value/100}),e.syntheticEvent,e.nativeEvent)},this.onHueSliderChange=e=>{this.handleHsvaChange(Object.assign({},this.state.hsva,{h:e.value}),e.syntheticEvent,e.nativeEvent)},this.onDrag=e=>{this.gradientWrapper.classList.add("k-dragging"),this.changePosition(e.event)},this.onRelease=()=>{this.gradientWrapper.classList.remove("k-dragging")},this.onGradientWrapperClick=e=>{this.changePosition(e)},this.changePosition=e=>{const t=this.getGradientRectMetrics(),a=e.clientX-t.left,n=e.clientY-t.top,r=ge(a,0,t.width),s=ge(n,0,t.height),i=Object.assign({},this.state.hsva,{s:r/t.width,v:1-s/t.height});this.handleHsvaChange(i,e,e.nativeEvent)},this.onFocus=e=>{this.props.onFocus&&this.props.onFocus.call(void 0,{nativeEvent:e,target:this})},this.focus=()=>{this.wrapper&&r.focusFirstFocusableChild(this.wrapper)},r.validatePackage(m);const a=t.value||t.defaultValue||be(He,"rgba");this.state=Object.assign({},e.getStateFromValue(a),{isFirstRender:!0,guid:this.props.id})}static getDerivedStateFromProps(t,a){return t.value&&!a.isFirstRender?e.getStateFromValue(t.value,a.guid):null}componentDidMount(){this.setAlphaSliderBackground(this.state.backgroundColor),this.state.isFirstRender&&this.setState({isFirstRender:!1})}componentWillUnmount(){!function(e){delete Fe[e]}(this.state.guid)}componentDidUpdate(e,t){t.backgroundColor!==this.state.backgroundColor&&this.setAlphaSliderBackground(this.state.backgroundColor)}renderRectangleDragHandle(){let e={};if(!this.state.isFirstRender){const t=this.getGradientRectMetrics(),a=(1-this.state.hsva.v)*t.height,n=this.state.hsva.s*t.width;e.top=`${a}px`,e.left=`${n}px`}return h.createElement("div",{role:"slider",tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled),"aria-valuetext":this.props.ariaValueText,"aria-valuenow":parseInt(this.state.hex.substring(1),16),"aria-label":this.props.ariaLabelHSV,"aria-orientation":void 0,"aria-disabled":this.props.disabled?"true":void 0,className:"k-hsv-draghandle k-draghandle",style:e})}handleHsvaChange(e,t,a){const n=Ce(e);if(this.isUncontrolled){const t=be(n,"hex");this.setState({hsva:e,backgroundColor:xe(e.h),rgba:ye(n),hex:t})}else!function(e,t,a){Fe[e]={value:t,hsva:a}}(this.state.guid,n,e);this.dispatchChangeEvent(n,t,a)}dispatchChangeEvent(e,t,a){this.props.onChange&&this.props.onChange.call(void 0,{syntheticEvent:t,nativeEvent:a,target:this,value:e})}static getStateFromValue(e,t){ve(be(e,"hex"))||(e=He);const a=function(e,t){if(e){const a=Fe[e];return a&&a.value===t?a.hsva:void 0}}(t,e)||ke(e),n=function(e,t){if(e){const a=Fe[e];return a&&a.value===t?a.rgba:void 0}}(t,e)||ye(e),r=function(e,t){if(e){const a=Fe[e];return a&&a.value===t?a.hex:void 0}}(t,e)||be(e,"hex");return{hsva:a,backgroundColor:xe(a.h),rgba:n,hex:r}}setAlphaSliderBackground(e){this.props.opacity&&this.alphaSlider&&this.alphaSlider.sliderTrack&&(this.alphaSlider.sliderTrack.style.background=`linear-gradient(to top, transparent, ${e})`)}get isUncontrolled(){return void 0===this.props.value}getGradientRectMetrics(){return this.gradientWrapper.getBoundingClientRect()}render(){const e=n.provideLocalizationService(this),t=r.classNames("k-colorgradient",{"k-disabled":this.props.disabled},this.props.className);return h.createElement("div",{id:this.props.id,role:this.props.role,className:t,"aria-disabled":this.props.disabled?"true":void 0,style:this.props.style,ref:e=>this.wrapper=e,tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled),"aria-label":this.props.ariaLabel,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,onFocus:this.onFocus},h.createElement("div",{className:"k-colorgradient-canvas k-hstack"},h.createElement("div",{className:"k-hsv-rectangle",style:{background:this.state.backgroundColor}},h.createElement(r.Draggable,{onDrag:this.onDrag,onRelease:this.onRelease,ref:e=>this.gradientWrapper=e?e.element:void 0},h.createElement("div",{className:"k-hsv-gradient",style:{touchAction:"none"},onClick:this.onGradientWrapperClick},this.renderRectangleDragHandle())),this.props.backgroundColor&&!this.state.isFirstRender&&h.createElement(Ae,{metrics:this.gradientWrapper?this.getGradientRectMetrics():void 0,hsva:this.state.hsva,backgroundColor:this.props.backgroundColor})),h.createElement("div",{className:"k-hsv-controls k-hstack"},h.createElement(ze,{value:this.state.hsva.h,buttons:!1,vertical:!0,min:0,max:360,step:5,onChange:this.onHueSliderChange,className:"k-hue-slider k-colorgradient-slider",disabled:this.props.disabled,ariaLabel:e.toLanguageString(P,G[P])}),this.props.opacity&&h.createElement(ze,{value:ve(this.state.hsva.a)?100*this.state.hsva.a:100,buttons:!1,vertical:!0,min:0,max:100,step:1,ariaLabel:e.toLanguageString(R,G[R]),onChange:this.onAlphaSliderChange,className:"k-alpha-slider k-colorgradient-slider",disabled:this.props.disabled,ref:e=>this.alphaSlider=e}))),h.createElement(Ve,{rgba:this.state.rgba,onRgbaChange:this.onRgbaChange,hex:this.state.hex,onHexChange:this.onHexChange,opacity:this.props.opacity,disabled:this.props.disabled,defaultInputMode:this.props.format}),this.props.backgroundColor&&h.createElement(Ke,{bgColor:ye(this.props.backgroundColor),rgba:this.state.rgba}))}};qe.displayName="ColorGradient",qe.propTypes={defaultValue:a.string,value:a.string,onChange:a.func,onFocus:a.func,opacity:a.bool,backgroundColor:a.string,format:a.any,disabled:a.bool,style:a.any,id:a.string,role:a.string,ariaLabel:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,className:a.string},qe.defaultProps={opacity:!0,role:"textbox",format:"rgb"};let je=qe;const Ge=r.createPropsContext(),We=r.withIdHOC(r.withPropsContext(Ge,je));We.displayName="KendoReactColorGradient";let Ue=class{constructor(){this.colorRows=[]}setColorMatrix(e,t){if(this.colorRows=[],ve(e)&&e.length){t=t||e.length;for(let a=0;a<e.length;a+=t){const n=e.slice(a,t+a);this.colorRows.push(n)}}}getCellCoordsFor(e){if(!ve(e))return;const t=e&&o.parseColor(e,!0),a=[e];ve(t)&&a.push(t.toCss(),t.toCssRgba());for(let e=0;e<this.colorRows.length;e++)for(let t=0;t<this.colorRows[e].length;t++)if(a.some((a=>a===this.colorRows[e][t])))return{row:e,col:t}}getColorAt(e){if(ve(e)&&ve(this.colorRows[e.row]))return this.colorRows[e.row][e.col]}getNextCell(e,t,a){if(!(ve(e)&&ve(e.row)&&ve(e.col)))return{row:0,col:0};const n=this.clampIndex(e.row+a,this.colorRows.length-1);return{row:n,col:this.clampIndex(e.col+t,this.colorRows[n].length-1)}}clampIndex(e,t){return e<0?0:e>t?t:e}};const Xe={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4"," ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Ye="office",Ze=class extends h.Component{constructor(e){super(e),this.wrapper=null,this.paletteService=null,this.focus=()=>{this.wrapper&&this.wrapper.focus()},this.onKeyDown=e=>{switch(e.keyCode){case r.Keys.down:this.handleCellNavigation(0,1);break;case r.Keys.up:this.handleCellNavigation(0,-1);break;case r.Keys.right:this.handleCellNavigation(1,0);break;case r.Keys.left:this.handleCellNavigation(-1,0);break;case r.Keys.enter:this.handleEnter(e);break;default:return}e.preventDefault()},this.onColorClick=(e,t)=>{this.isUncontrolled?this.setState({selectedColor:e,focusedColor:e}):this.setState({focusedColor:e}),this.dispatchChangeEvent(e,t)},this.onFocus=e=>{this.paletteService&&(this.setState({focusedColor:this.state.selectedColor||this.paletteService.colorRows[0][0]}),this.props.onFocus&&this.props.onFocus.call(void 0,e))},this.onBlur=()=>{this.setState({focusedColor:void 0})},r.validatePackage(m),this.state={selectedColor:void 0!==this.props.value?this.props.value:this.props.defaultValue,isFirstRender:!0}}get guid(){return this.props.id}render(){const e=this.getPaletteInfo(),t=this.paletteService=new Ue;t.setColorMatrix(e.colors,e.columns);const a=t.getCellCoordsFor(this.state.selectedColor),n=t.getCellCoordsFor(this.state.focusedColor),s=r.classNames("k-colorpalette",{"k-disabled":this.props.disabled},this.props.className);return e.colors.length?h.createElement("div",{id:this.props.id,role:"grid",className:s,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,"aria-disabled":this.props.ariaDisabled||(this.props.disabled?"true":void 0),"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled),ref:e=>this.wrapper=e},h.createElement("table",{className:"k-colorpalette-table",role:"presentation"},h.createElement("tbody",{role:"rowgroup"},this.renderRows(t.colorRows,a,n)))):""}static getDerivedStateFromProps(e,t){if(t.isFirstRender||void 0===e.value){if(t.isFirstRender)return{isFirstRender:!1}}else{if(""===e.value&&void 0!==t.selectedColor)return{selectedColor:void 0};if(""!==e.value&&e.value!==t.selectedColor)return{selectedColor:e.value}}return null}handleCellNavigation(e,t){if(this.paletteService)if(this.focusedColorCooridanates){const a=this.paletteService.getNextCell(this.focusedColorCooridanates,e,t);this.setState({focusedColor:this.paletteService.getColorAt(a)})}else this.setState({focusedColor:this.paletteService.colorRows[0][0]})}handleEnter(e){this.isUncontrolled&&this.setState({selectedColor:this.state.focusedColor}),this.dispatchChangeEvent(this.state.focusedColor,e)}dispatchChangeEvent(e,t){r.dispatchEvent(this.props.onChange,t,this,{value:e,rgbaValue:be(e,"rgba")})}get focusedColorCooridanates(){return this.state.focusedColor&&this.paletteService?this.paletteService.getCellCoordsFor(this.state.focusedColor):void 0}get isUncontrolled(){return void 0===this.props.value}getPaletteInfo(){if("string"==typeof this.props.palette){const e=Xe[this.props.palette];return ve(e)?{colors:e.colors,columns:this.props.columns||e.columns||10}:{colors:[],columns:0}}return{colors:this.props.palette||[],columns:this.props.columns||10}}renderRows(e,t,a){return e.map(((e,n)=>h.createElement("tr",{role:"row",key:n},this.renderColumns(e,n,t,a))))}renderColumns(e,t,a,n){const s=void 0!==a&&a.row===t,i=a&&a.col,l=void 0!==n&&n.row===t,o=n&&n.col,c="number"!=typeof this.props.tileSize?this.props.tileSize:{width:this.props.tileSize,height:this.props.tileSize},d=c.width+"px",u=c.height+"px";return e.map(((e,a)=>{const n=s&&i===a,c=r.classNames("k-colorpalette-tile",{"k-selected":n,"k-focus":l&&o===a});return h.createElement("td",{role:"gridcell",className:c,"aria-label":e,"aria-selected":!!n||!!this.props.disabled&&void 0,style:{backgroundColor:e,width:d,height:u,minWidth:d},onClick:t=>this.onColorClick(e,t),id:this.createCellId({row:t,col:a}),key:a})}))}createCellId(e){return`${this.guid}_${e.row}_${e.col}`}};Ze.displayName="ColorPalette",Ze.propTypes={palette:a.oneOfType([a.arrayOf(a.string.isRequired),a.string]),columns:a.number,tileSize:a.any,defaultValue:a.string,value:a.string,disabled:a.bool,tabIndex:a.number,onChange:a.func,onFocus:a.func,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,className:a.string},Ze.defaultProps={palette:Ye,tileSize:24};let Je=Ze;const Qe=r.createPropsContext(),et=r.withIdHOC(r.withPropsContext(Qe,Je));et.displayName="KendoReactColorPalette";const tt=e=>{const t=e.popupSettings||{},a="rtl"===e.dir?"right":"left",n=h.useMemo((()=>({horizontal:a,vertical:"bottom"})),[a]),s=h.useMemo((()=>({horizontal:a,vertical:"top"})),[a]);return h.createElement(h.Fragment,null,e.input,e.button,h.createElement(c.Popup,{style:{...(t||{}).style,direction:e.dir},...t,anchor:e.popupAnchor,anchorAlign:n,popupAlign:s,show:e.open,onOpen:e.onOpen,onClose:e.onClose,className:r.classNames("k-reset",t.className)},e.content))};tt.displayName="KendoPickerComponent";const at={palette:Ye,tileSize:24},nt=e=>void 0!==e,rt=r.createPropsContext(),st=h.forwardRef(((e,t)=>{r.validatePackage(m);const a=r.usePropsContext(rt,e),i=n.useLocalization(),{size:o=it.size,rounded:c=it.rounded,fillMode:d=it.fillMode,popupSettings:u,gradientSettings:p,paletteSettings:f,valid:v,disabled:g,tabIndex:b,view:k,icon:y,svgIcon:C,iconClassName:x,onChange:E,onFocus:w,onBlur:I,onActiveColorClick:S,className:N}=a,L=h.useRef(null),M=h.useRef(null),P=h.useRef(null),R=h.useRef(),V=h.useRef(null),[O,B]=h.useState(!1),[T,D]=h.useState(a.defaultValue),[z,F]=h.useState(!1),K=nt(a.value),_=nt(a.open),A=K?a.value:T,H=_?a.open:z,q=h.useCallback((()=>{L.current&&L.current.focus()}),[]);h.useImperativeHandle(t,(()=>({element:L.current,actionElement:V.current,value:A,focus:q})),[A,q]);const j=h.useCallback(((e,t)=>{_||(!e&&!t&&L&&L.current&&L.current.focus(),F(e))}),[_]),W=h.useCallback((e=>{const{altKey:t,keyCode:a}=e;if(a!==r.Keys.esc)return a!==r.Keys.enter||_?void(t&&(a===r.Keys.up||a===r.Keys.down)&&(e.preventDefault(),e.stopPropagation(),a===r.Keys.up&&L&&L.current&&(L.current.focus(),j(!1)),a===r.Keys.down&&j(!0))):(e.preventDefault(),e.stopPropagation(),void j(!H));j(!1)}),[H,_]),U=h.useCallback((()=>{_||(M.current?M.current.focus():P.current&&P.current.focus())}),[_]),X=h.useCallback((()=>{j(!H,!0)}),[H]),Y=h.useCallback((e=>{S&&S.call(void 0,{syntheticEvent:e,nativeEvent:e.nativeEvent,value:A})}),[S,A]),Z=h.useCallback((e=>{R.current?(clearTimeout(R.current),R.current=void 0):B(!0),w&&w.call(void 0,{nativeEvent:e.nativeEvent,syntheticEvent:e})}),[w]),J=h.useCallback((()=>{j(!1,!0),B(!1),R.current=void 0}),[]),Q=h.useCallback((e=>{clearTimeout(R.current),R.current=window.setTimeout(J),I&&I.call(void 0,{nativeEvent:e.nativeEvent,syntheticEvent:e})}),[I]),ee=h.useCallback(((e,t)=>{const a=t?e.rgbaValue:e.value;K||D(a),t&&j(!1),E&&E.call(void 0,{value:a,nativeEvent:e.nativeEvent,syntheticEvent:e.syntheticEvent})}),[K,E]),te=h.useCallback((e=>ee(e,!0)),[nt,ee]),ae=r.useDir(L,a.dir),ne=!1!==v;return h.createElement("span",{id:a.id,role:"combobox","aria-label":a.ariaLabel,"aria-labelledby":a.ariaLabelledBy,"aria-describedby":a.ariaDescribedBy,"aria-haspopup":"dialog","aria-expanded":H,"aria-disabled":g?"true":void 0,className:r.classNames("k-colorpicker","k-picker","k-icon-picker",{[`k-picker-${r.kendoThemeMaps.sizeMap[o]||o}`]:o,[`k-picker-${d}`]:d,[`k-rounded-${r.kendoThemeMaps.roundedMap[c]||c}`]:c,"k-invalid":!ne,"k-disabled":g,"k-focus":O,className:N}),ref:L,tabIndex:r.getTabIndex(b,g),title:a.title,onKeyDown:W,onFocus:Z,onBlur:Q,dir:ae},h.createElement(tt,{dir:ae,open:H,onOpen:U,popupAnchor:L.current||void 0,popupSettings:{...u},input:h.createElement("span",{onClick:Y,className:"k-input-inner"},h.createElement("span",{className:r.classNames("k-value-icon","k-color-preview",{"k-no-color":!A,"k-icon-color-preview":y||C||x})},x&&h.createElement("span",{className:r.classNames("k-color-preview-icon",x)}),!x&&(y||C)&&h.createElement(r.IconWrap,{name:y,icon:C}),h.createElement("span",{className:"k-color-preview-mask",style:{backgroundColor:A}}))),button:h.createElement(l.Button,{tabIndex:-1,type:"button",onClick:X,className:"k-input-button",rounded:null,icon:"caret-alt-down",svgIcon:s.caretAltDownIcon,"aria-label":i.toLanguageString($,G[$])}),content:h.createElement(h.Fragment,null,("combo"===k||"gradient"===k)&&h.createElement(We,{...p,tabIndex:0,ref:M,value:A,onChange:ee}),("combo"===k||"palette"===k)&&h.createElement(et,{...f,ref:P,value:A,onChange:te}))}))}));st.propTypes={value:a.string,defaultValue:a.string,disabled:a.bool,view:a.oneOf(["gradient","palette","combo"]),dir:a.string,id:a.string,icon:a.string,svgIcon:r.svgIconPropType,ariaLabelledBy:a.string,ariaDescribedBy:a.string,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","flat","outline"]),className:a.string};const it={size:"medium",rounded:"medium",fillMode:"solid",view:"palette",gradientSettings:{opacity:!0},paletteSettings:at};st.defaultProps=it,st.displayName="KendoColorPicker";const lt="rgba(255, 255, 255, 1)",ot=h.forwardRef(((e,t)=>{r.validatePackage(m);const a=h.useRef(null),i=h.useRef(null),o=h.useRef(null),{defaultValue:c=lt,showButtons:d=!0,showPreview:u=!0,showClearButton:p=!0}=e,[f,v]=h.useState("ColorGradient"===(e.view||"ColorGradient")),[g,b]=h.useState(e.value||c),[k,y]=h.useState(e.value||c),C=void 0!==e.value?e.value:k;h.useEffect((()=>{b(e.value||c)}),[e.value,c]);const x=n.useLocalization(),E=h.useCallback((()=>{a.current&&a.current.focus()}),[a]);h.useImperativeHandle(a,(()=>({element:i.current,focus:E,props:e,value:C})),[C,E,e]),h.useImperativeHandle(t,(()=>a.current));const w=h.useCallback((e=>{("ColorGradient"===e&&!f||"ColorPalette"===e&&f)&&v(!f)}),[f]),I=h.useCallback((t=>{if(b(c),e.onPreviewChange){const a={value:c,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onPreviewChange.call(void 0,a)}}),[c,e.onPreviewChange]),S=h.useCallback((t=>{if(b(t.value),e.onPreviewChange){const a={value:t.value,nativeEvent:t.nativeEvent,syntheticEvent:t.syntheticEvent};e.onPreviewChange.call(void 0,a)}}),[e.onPreviewChange]),N=h.useCallback((t=>{if(y(g),e.onChange){const a={value:g,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onChange.call(void 0,a)}}),[g,e.onChange]),L=h.useCallback((()=>{y(lt)}),[]),M=h.useCallback((t=>{if(b(k),e.onPreviewChange){const a={value:k,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onPreviewChange.call(void 0,a)}}),[k,e.onPreviewChange]),P=h.useCallback((e=>{i.current&&!(e.nativeEvent.target instanceof HTMLInputElement)&&i.current.focus()}),[i]),R=h.useCallback((t=>{var a;if((!t.relatedTarget||null==(a=i.current)||!a.contains(t.relatedTarget))&&(d||y(g),!d&&e.onChange)){const a={value:g,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onChange.call(void 0,a)}}),[g,d,e.onChange]);return h.createElement("div",{id:e.id,role:"textbox","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-disabled":e.disabled?"true":void 0,style:e.style,ref:i,tabIndex:r.getTabIndex(e.tabIndex,e.disabled),className:r.classNames("k-flatcolorpicker k-coloreditor",{"k-disabled":e.disabled},e.className),onBlur:R},h.createElement(h.Fragment,null,e.header||h.createElement("div",{className:"k-coloreditor-header k-hstack"},h.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},h.createElement(l.ButtonGroup,{className:"k-button-group-flat"},h.createElement(l.Button,{type:"button","aria-label":x.toLanguageString(T,G[T]),togglable:!0,fillMode:"flat",selected:f,onClick:()=>w("ColorGradient"),icon:"droplet-slider",svgIcon:s.dropletSliderIcon}),h.createElement(l.Button,{type:"button","aria-label":x.toLanguageString(D,G[D]),togglable:!0,fillMode:"flat",selected:!f,onClick:()=>w("ColorPalette"),icon:"palette",svgIcon:s.paletteIcon}))),h.createElement("div",{className:"k-spacer"}),h.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},p&&h.createElement(l.Button,{type:"button",fillMode:"flat",onClick:I,"aria-label":x.toLanguageString(z,G[z]),icon:"droplet-slash",svgIcon:s.dropletSlashIcon}),u&&h.createElement("div",{className:"k-coloreditor-preview k-vstack"},h.createElement("span",{className:"k-coloreditor-preview-color k-color-preview",style:{background:g}}),h.createElement("span",{className:"k-coloreditor-current-color k-color-preview",style:{background:k},onClick:M})))),h.createElement("div",{className:"k-coloreditor-views k-vstack"},f?h.createElement(We,{ref:o,role:"none",tabIndex:-1,ariaLabel:void 0,value:g,onChange:S,onFocus:P,opacity:e.opacity,format:e.format}):h.createElement(et,{ariaDisabled:!0,ariaLabelledBy:"required_label",value:g,onChange:S,onFocus:P})),d&&h.createElement("div",{className:"k-coloreditor-footer k-actions k-actions-end"},h.createElement(l.Button,{type:"button",className:"k-coloreditor-cancel",onClick:L},G[O]),h.createElement(l.Button,{type:"button",className:"k-coloreditor-apply k-primary",onClick:N},G[B]))))})),ct={id:a.string,style:a.any,className:a.string,value:a.string,defaultValue:a.string,onPreviewChange:a.func,onChange:a.func,opacity:a.bool,format:a.any,tabIndex:a.number,ariaLabel:a.string,ariaLabelledBy:a.string,disabled:a.bool,view:a.any,header:a.any,showClearButton:a.bool,showPreview:a.bool,showButtons:a.bool};ot.displayName="KendoFlatColorPicker",ot.propTypes=ct;var dt=(e=>(e[e.Literal=0]="Literal",e[e.Mask=1]="Mask",e[e.Undefined=2]="Undefined",e))(dt||{});let ut=class e{constructor(e,t,a=2){this.value=e,this.rest=t,this.type=a}map(t){return new e(t(this.value),this.rest)}chain(e){return e(this.value,this.rest)}fold(e,t){return e(this.value,this.rest)}concat(e){return this.map(((t,a)=>e.chain(((e,a)=>t.concat([e])))))}toString(){return`Result({ value: '${this.value}', rest: ${this.rest} })`}},pt=class{constructor(e=[],t=[]){this.input=e,this.control=t,this.inputCursor=0,this.controlCursor=0}eof(){return this.inputCursor>=this.input.length}next(){return{char:this.input[this.inputCursor++],control:this.control[this.controlCursor++]}}peek(){return{char:this.input[this.inputCursor],control:this.control[this.controlCursor]}}eat_input(){this.inputCursor++}eat_control(){this.controlCursor++}eat(){this.inputCursor++,this.controlCursor++}};const ht=e=>(e||"").split("");let mt=class e{constructor(e){this.parse=e}run(e,t=""){return e instanceof pt?this.parse(e):this.parse(new pt(ht(e),ht(t)))}map(t){return new e((e=>this.parse(e).map(t)))}chain(t){return new e((e=>this.parse(e).chain(((e,a)=>t(e).run(a)))))}isLiteral(e){return this.run(e).type===dt.Literal}};const ft=(e,t)=>new mt((a=>{let{char:n}=a.next();const r=e[n];return"\\"===n?(n=a.next().char,new ut(t.literal(n),a)):new ut(r?t.mask(r):t.literal(n),a)})),vt=e=>new mt((t=>{const{prompt:a,promptPlaceholder:n}=e;let{char:r}=t.next();return new ut(r===a?n:r,t)})),gt=e=>new mt((t=>{let{char:a}=t.next();return new ut(e?a:"",t)})),bt=e=>e.reduce(((e,t)=>((e,t)=>e.chain((e=>t.map((t=>e.concat([t]))))))(e,t)),(e=>new mt((t=>new ut(e,t))))([])),kt=e=>new mt((t=>{let a=new ut([],t);for(;!t.eof();)a=a.concat(e.run(t));return a}));class yt{constructor(){this.rules={},this.prompt="_",this.mask="",this.promptPlaceholder=" ",this.includeLiterals=!1,this.maskTokens=[],this.unmaskTokens=[],this.rawTokens=[],this.validationTokens=[]}update({mask:e="",prompt:t="",promptPlaceholder:a=" ",rules:n={},includeLiterals:r=!1}){this.mask=e,this.prompt=t,this.promptPlaceholder=a,this.rules=n,this.includeLiterals=r,this.tokenize()}validationValue(e=""){let t=e;return bt(this.validationTokens).run(e).fold((e=>{t=e.join("")})),t}rawValue(e=""){let t=e;return this.rawTokens.length&&bt(this.rawTokens).run(e).fold((e=>{t=e.join("")})),t}maskRaw(e=""){let t=e;return this.maskTokens.length&&bt(this.maskTokens).run(e).fold((e=>{t=e.join("")})),t}maskInput(e,t,a){return e.length<t.length?this.maskRemoved(e,t,a):this.maskInserted(e,t,a)}maskInRange(e,t,a,n){let r="",s=n;const i=t.split("").slice(0,a),l=t.split("").slice(n);return bt(this.maskTokens.slice(a,n)).run(e).fold((e=>{r=i.concat(e).concat(l).join("")})),{selection:s,value:r}}maskRemoved(e,t,a){let n="",r=a;const s=e.split("").slice(a),i=e.split("").slice(0,a).join(""),l=this.maskTokens.length-(e.length-a);return bt(this.maskTokens.slice(0,l)).run(i,t).fold((e=>{r=this.adjustPosition(e,r),n=e.concat(s).join("")})),{selection:r,value:n}}adjustPosition(e,t){const a=e[t];return this.maskTokens[t].isLiteral(a)||a===this.prompt?t:t+1}maskInserted(e,t,a){let n="",r=a;const s=e.slice(0,a);return bt(this.unmaskTokens).run(s,t).chain((e=>{r=e.join("").length;const a=t.slice(r);return bt(this.maskTokens).run(e.join("")+a,t)})).fold((e=>{n=e.join("")})),{selection:r,value:n}}get maskTokenCreator(){const{prompt:e,promptPlaceholder:t}=this;return{literal:e=>(e=>new mt((t=>t.peek().char===e?(t.eat(),new ut(e,t,dt.Literal)):new ut(e,t,dt.Literal))))(e),mask:a=>(e=>t=>new mt((a=>{const{prompt:n,promptPlaceholder:r}=e;for(;!a.eof();){const{char:e,control:s}=a.peek();if(e===s&&s===n)return a.eat(),new ut(n,a,dt.Mask);if(t.test(e))return a.eat(),new ut(e,a,dt.Mask);if(e===r)return a.eat(),new ut(n,a,dt.Mask);a.eat_input()}return a.eat(),new ut(n,a,dt.Mask)})))({prompt:e,promptPlaceholder:t})(a)}}get unmaskTokenCreator(){return{literal:e=>(e=>new mt((t=>{if(t.eof())return new ut("",t);const{char:a}=t.peek();return a===e&&t.eat(),new ut(e,t)})))(e),mask:e=>(e=>t=>new mt((a=>{for(;!a.eof();){const{char:n,control:r}=a.peek();if(n===e&&r===e)return a.eat(),new ut(n,a);if(t.test(n))return a.eat(),new ut(n,a);a.eat_input()}return a.eat(),new ut("",a)})))(this.prompt)(e)}}get rawTokenCreator(){const{prompt:e,promptPlaceholder:t,includeLiterals:a}=this;return{literal:e=>gt(a),mask:a=>vt({prompt:e,promptPlaceholder:t})}}get validationTokenCreator(){const{prompt:e}=this;return{literal:e=>gt(!1),mask:t=>vt({prompt:e,promptPlaceholder:""})}}tokenize(){kt(ft(this.rules,this.maskTokenCreator)).run(this.mask).fold(((e,t)=>{this.maskTokens=e})),kt(ft(this.rules,this.unmaskTokenCreator)).run(this.mask).fold(((e,t)=>{this.unmaskTokens=e})),kt(ft(this.rules,this.rawTokenCreator)).run(this.mask).fold(((e,t)=>{this.rawTokens=e})),kt(ft(this.rules,this.validationTokenCreator)).run(this.mask).fold(((e,t)=>{this.validationTokens=e}))}}const Ct={"#":/[\d\s\+\-]/,"&":/[\S]/,0:/[\d]/,9:/[\d\s]/,"?":/[a-zA-Z\s]/,A:/[a-zA-Z0-9]/,C:/./,L:/[a-zA-Z]/,a:/[a-zA-Z0-9\s]/},xt=()=>!1,Et=(e,t)=>e.includeLiterals!==t.includeLiterals||e.mask!==t.mask||e.prompt!==t.prompt||e.promptPlaceholder!==t.promptPlaceholder||!wt(e.rules,t.rules),wt=(e,t)=>{if(!!e!=!!t)return!1;if(e===t||!e||!t)return!0;let a=!0;for(const n in e)if(e[n]!==t[n]){a=!1;break}if(a)for(const n in t)if(!e.hasOwnProperty(n)){a=!1;break}return a},It=class e extends h.Component{constructor(e){super(e),this.state={},this._inputId=`k-${this.props.id}`,this._service=new yt,this._isPasted=!1,this._selection=[null,null],this._input=null,this.focus=()=>{this._input&&this._input.focus()},this.pasteHandler=e=>{const{selectionStart:t,selectionEnd:a}=e.target;a!==t&&(this._isPasted=!0,this._selection=[t||0,a||0])},this.onChangeHandler=e=>{const t=e.currentTarget,a=t.value,n=this._selection[0]||0,r=this._selection[1]||0;if(!this.props.mask)return this._isPasted=!1,this._selection=[null,null],void this.triggerOnChange(a,e);const s=this.value;let i;if(this._isPasted){this._isPasted=!1;const e=s.length-r,t=a.length-e;i=this._service.maskInRange(a.slice(n,t),s,n,r)}else i=this._service.maskInput(a,s,t.selectionStart||0);this._selection=[i.selection,i.selection],this.triggerOnChange(i.value,e)},this.focusHandler=e=>{this.state.focused||(this.setState({focused:!0}),this.props.onFocus&&this.props.onFocus.call(void 0,{target:this,syntheticEvent:e,nativeEvent:e.nativeEvent}))},this.blurHandler=e=>{this.state.focused&&(this.setState({focused:!1}),this.props.onBlur&&this.props.onBlur.call(void 0,{target:this,syntheticEvent:e,nativeEvent:e.nativeEvent}))},this.setValidity=()=>{this.element&&this.element.setCustomValidity(this.validity.valid?"":this.props.validationMessage||"")},r.validatePackage(m)}get element(){return this._input}get value(){return void 0!==this._valueDuringOnChange?this._valueDuringOnChange:void 0!==this.props.value?this.props.value:void 0!==this.state.value?this.state.value:void 0!==this.props.defaultValue?this.props.defaultValue:""}get rawValue(){return this._service.rawValue(this.value)}get validity(){const e=this.value,t=this._service.validationValue(e);return{customError:void 0!==this.props.validationMessage,valid:void 0!==this.props.valid?this.props.valid:!(this.required&&!t||this.props.maskValidation&&this.props.prompt&&-1!==e.indexOf(this.props.prompt)),valueMissing:!t}}get validityStyles(){return void 0!==this.props.validityStyles?this.props.validityStyles:e.defaultProps.validityStyles}get required(){return void 0!==this.props.required?this.props.required:e.defaultProps.required}get name(){return this.props.name}componentDidUpdate(e,t){if(this.element&&this.state.focused&&t.focused){let[t,a]=this._selection;const n=e.selection,r=this.props.selection;(!n&&r||n&&r&&(n.start!==r.start||n.end!==r.end))&&(t=r.start,a=r.end),null!==t&&null!==a&&this.element.setSelectionRange(t,a)}Et(e,this.props)&&this.updateService(),this.setValidity()}componentDidMount(){this.updateService(),this.setValidity()}render(){const{size:t=e.defaultProps.size,fillMode:a=e.defaultProps.fillMode,rounded:n=e.defaultProps.rounded}=this.props,s=this.props.id||this._inputId,l=!this.validityStyles||this.validity.valid,o=this.props.style||{},{prefix:c=e.defaultProps.prefix,suffix:d=e.defaultProps.suffix}=this.props,[u]=r.useCustomComponent(c),[p]=r.useCustomComponent(d),m=h.createElement("span",{dir:this.props.dir,className:r.classNames("k-maskedtextbox k-input",{[`k-input-${r.kendoThemeMaps.sizeMap[t]||t}`]:t,[`k-input-${a}`]:a,[`k-rounded-${r.kendoThemeMaps.roundedMap[n]||n}`]:n,"k-invalid":!l,"k-required":this.required,"k-disabled":this.props.disabled},this.props.className),style:this.props.label?o:{width:this.props.width,...o}},h.createElement(u,null),h.createElement("input",{type:"text",autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:!1,className:"k-input-inner",value:this.value,id:s,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-placeholder":this.props.mask,name:this.props.name,tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled,!0),accessKey:this.props.accessKey,title:this.props.title,disabled:this.props.disabled||void 0,readOnly:this.props.readonly||void 0,placeholder:this.props.placeholder,ref:e=>this._input=e,onChange:this.onChangeHandler,onPaste:this.pasteHandler,onFocus:this.focusHandler,onBlur:this.blurHandler,onDragStart:xt,onDrop:xt}),h.createElement(p,null));return this.props.label?h.createElement(i.FloatingLabel,{label:this.props.label,editorId:s,editorValue:this.value,editorValid:l,editorDisabled:this.props.disabled,editorPlaceholder:this.props.placeholder,children:m,style:{width:this.props.width},dir:this.props.dir}):m}triggerOnChange(e,t){if(this.setState({value:e}),this.props.onChange){this._valueDuringOnChange=e;const a={syntheticEvent:t,nativeEvent:t.nativeEvent,selectionStart:this._selection[0],selectionEnd:this._selection[1],target:this,value:this.value};this.props.onChange.call(void 0,a),this._valueDuringOnChange=void 0}}updateService(e){const t=Object.assign({includeLiterals:this.props.includeLiterals,mask:this.props.mask,prompt:this.props.prompt,promptPlaceholder:this.props.promptPlaceholder,rules:this.rules},e);this._service.update(t)}get rules(){return Object.assign({},Ct,this.props.rules)}};It.displayName="MaskedTextBox",It.propTypes={value:a.string,defaultValue:a.string,placeholder:a.string,title:a.string,dir:a.string,id:a.string,style:a.object,className:a.string,prefix:a.any,suffix:a.any,ariaLabelledBy:a.string,ariaDescribedBy:a.string,width:a.oneOfType([a.string,a.number]),tabIndex:a.number,accessKey:a.string,disabled:a.bool,readonly:a.bool,prompt:a.string,promptPlaceholder:a.string,includeLiterals:a.bool,maskValidation:a.bool,mask:a.string,rules:function(e,t,a){const n=e.rules;return void 0===n||Object.entries(n).some((e=>"string"!=typeof e||!(n[e]instanceof RegExp)))?null:new Error("Invalid prop `"+t+"` supplied to `"+a+"`. Validation failed.")},selection:a.shape({start:a.number.isRequired,end:a.number.isRequired}),name:a.string,label:a.string,validationMessage:a.string,required:a.bool,valid:a.bool,validityStyles:a.bool,onChange:a.func,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","flat","outline"])},It.defaultProps={prompt:"_",promptPlaceholder:" ",includeLiterals:!1,maskValidation:!0,rules:Ct,required:!1,validityStyles:!0,prefix:e=>null,suffix:e=>null,size:"medium",rounded:"medium",fillMode:"solid"};let St=It;const Nt=r.createPropsContext(),Lt=r.withIdHOC(r.withPropsContext(Nt,St));Lt.displayName="KendoReactMaskedTextBox";var Mt=(e=>(e.start="start",e.end="end",e.min="min",e.max="max",e.increase="increase",e.decrease="decrease",e))(Mt||{});const Pt=(e,t)=>{let a,n;switch(t.type){case"start":if(void 0===t.payload)return e;a={start:t.payload>e.end?e.end:Math.max(t.payload,t.min),end:e.end};break;case"end":if(void 0===t.payload)return e;a={start:e.start,end:t.payload<e.start?e.start:Math.min(t.payload,t.max)};break;case"min":a="start"===t.key?{...e,start:t.min}:{...e,end:Math.max(t.min,e.start)};break;case"max":a="start"===t.key?{...e,start:Math.min(t.max,e.end)}:{...e,end:t.max};break;case"increase":if(void 0===t.step||void 0===t.key)return e;n=e[t.key]+t.step,a="start"===t.key?n<t.min?{...e,start:t.min}:{...e,start:Math.min(n,e.end)}:n>t.max?{...e,end:t.max}:{...e,end:Math.max(n,e.start)};break;case"decrease":if(void 0===t.step||void 0===t.key)return e;n=e[t.key]-t.step,a="start"===t.key?n<t.min?{...e,start:t.min}:{...e,start:Math.min(n,e.end)}:n>t.max?{...e,end:t.max}:{...e,end:Math.max(n,e.start)};break;default:a=e}return a},Rt=r.createPropsContext(),Vt=h.forwardRef(((e,t)=>{r.validatePackage(m);const a=r.usePropsContext(Rt,e),s=h.useRef(null),i=h.useRef(null),l=h.useRef(null),o=h.useRef(null),c=h.useRef(null),d=h.useCallback((()=>{o.current&&o.current.focus()}),[o]);h.useImperativeHandle(s,(()=>({element:i.current,focus:d,props:a}))),h.useImperativeHandle(t,(()=>s.current));const u=h.useMemo((()=>a.min),[a.min]),p=h.useMemo((()=>a.max),[a.max]),f=h.useMemo((()=>void 0!==a.step?a.step:Bt.step),[a.step,Bt.step]),v=r.useDir(i,a.dir),[g,b]=h.useState(""),[y,C]=((e,t,a)=>{const[n,r]=h.useState(e),s=h.useCallback((e=>{const s=Pt(t.state||n,{...e,...t});a&&a(s,e.event),r(s)}),[t,a]);return[n,s]})(a.defaultValue||Bt.defaultValue,{min:u,max:p,step:f,state:a.value},((e,t)=>{a.onChange&&s.current&&a.onChange.call(void 0,{value:e,target:s.current,syntheticEvent:t})})),x=h.useMemo((()=>a.value||y),[a.value,y]),E=h.useRef(null),w=h.useRef(null),I=h.useMemo((()=>(x.start-u)/(p-u)*100),[x.start,u,p]),S=h.useMemo((()=>(x.end-u)/(p-u)*100),[x.end,u,p]),N=h.useMemo((()=>a.vertical?{paddingTop:0,height:"100%"}:{}),[a.vertical]),L=h.useMemo((()=>a.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"}),[a.vertical]),M=n.useLocalization(),P=h.useCallback((e=>{if(!w.current)return;const t=w.current.getBoundingClientRect(),n=a.vertical?t.bottom-e.clientY:"rtl"===v?t.right-e.clientX:e.clientX-t.left,r=a.vertical?t.height:t.width;return u+n/r*(p-u)}),[w,a.vertical,v,u,p,y.start,y.end,a.value&&a.value.start,a.value&&a.value.end]),R=h.useCallback((e=>e<=x.start?"start":e>=x.end?"end":2*e<x.end+x.start?"start":"end"),[y.start,y.end,a.value&&a.value.start,a.value&&a.value.end]),V=h.useCallback((e=>{switch(e.keyCode){case r.Keys.right:e.preventDefault(),C({type:"rtl"===v?Mt.decrease:Mt.increase,key:"start",event:e});break;case r.Keys.up:e.preventDefault(),C({type:Mt.increase,key:"start",event:e});break;case r.Keys.left:e.preventDefault(),C({type:"rtl"===v?Mt.increase:Mt.decrease,key:"start",event:e});break;case r.Keys.down:e.preventDefault(),C({type:Mt.decrease,key:"start",event:e});break;case r.Keys.home:e.preventDefault(),C({type:Mt.min,key:"start",event:e});break;case r.Keys.end:e.preventDefault(),C({type:Mt.max,key:"start",event:e})}}),[C]),O=h.useCallback((e=>{switch(e.keyCode){case r.Keys.right:e.preventDefault(),C({type:"rtl"===v?Mt.decrease:Mt.increase,key:"end",event:e});break;case r.Keys.up:e.preventDefault(),C({type:Mt.increase,key:"end",event:e});break;case r.Keys.left:e.preventDefault(),C({type:"rtl"===v?Mt.increase:Mt.decrease,key:"end",event:e});break;case r.Keys.down:e.preventDefault(),C({type:Mt.decrease,key:"end",event:e});break;case r.Keys.home:e.preventDefault(),C({type:Mt.min,key:"end",event:e});break;case r.Keys.end:e.preventDefault(),C({type:Mt.max,key:"end",event:e})}}),[C,v]),B=h.useCallback((e=>{const t=P(e),a=R(t);b(a),"end"===a?c.current.focus():o.current.focus();const n="end"===a?Mt.end:Mt.start;C({type:n,payload:t,event:e})}),[a.vertical,u,p,C]);return r.useDraggable(w,{onPress:B,onDrag:e=>{const t=P(e),a="end"===g?Mt.end:Mt.start;C({type:a,payload:t,event:e})},onRelease:e=>{const t=P(e),a="end"===g?Mt.end:Mt.start;C({type:a,payload:t,event:e}),b("")}}),h.createElement("div",{id:a.id,style:a.style,ref:i,dir:v,className:r.classNames("k-slider",{"k-rtl":"rtl"===v,"k-disabled":a.disabled,"k-slider-vertical":a.vertical,"k-slider-horizontal":!a.vertical},a.className)},h.createElement("div",{ref:w,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...L}},a.children&&h.createElement("ul",{className:"k-reset k-slider-items",style:{...N}},h.Children.map(a.children,(e=>e&&h.cloneElement(e,{position:100*(e.props.position-a.min)/(a.max-a.min),vertical:a.vertical},e.props.children)))),h.createElement("div",{ref:E,className:"k-slider-track",style:a.vertical?{bottom:0,height:"100%"}:{["rtl"===v?"right":"left"]:0,width:"100%"}},null!==I&&null!==S&&h.createElement("div",{"data-selection":!0,ref:l,title:`${x.start} - ${x.end}`,className:"k-slider-selection",style:a.vertical?{height:S-I+"%",bottom:I+"%"}:{["rtl"===v?"right":"left"]:I+"%",width:S-I+"%"}}),h.createElement("span",{ref:o,role:"slider",tabIndex:r.getTabIndex(a.startTabIndex,a.disabled,void 0),"aria-valuemin":u,"aria-valuemax":Math.max(p,x.end),"aria-valuenow":x.start,"aria-disabled":a.disabled?"true":void 0,"aria-valuetext":`${x.start} - ${x.end}`,className:"k-draghandle",title:M.toLanguageString(k,G[k]),style:a.vertical?{bottom:"calc("+I+"%)",zIndex:1}:"rtl"===v?{right:"calc("+I+"% - 13px)",zIndex:1}:{left:"calc("+I+"%)",zIndex:1},onKeyDown:V}),h.createElement("span",{ref:c,role:"slider",tabIndex:r.getTabIndex(a.endTabIndex,a.disabled,void 0),"aria-valuemin":Math.min(u,x.start),"aria-valuemax":p,"aria-valuenow":x.end,"aria-disabled":a.disabled?"true":void 0,"aria-valuetext":`${x.start} - ${x.end}`,className:"k-draghandle",title:M.toLanguageString(k,G[k]),style:a.vertical?{bottom:"calc("+S+"%)",zIndex:1}:"rtl"===v?{right:"calc("+S+"% - 13px)",zIndex:1}:{left:"calc("+S+"%)",zIndex:1},onKeyDown:O}))))})),Ot={value:(e,t,a)=>{if(e.value){const n=e.value.start,r=e.value.end,s=e.min,i=e.max;if(n>r||n>i||n<s||r>i||r<s||r<n)return new Error(`Invalid prop + ${t} supplied to ${a}.\n                    The { start, end } value must be between the min & max value and { start, end } must be start < end.\n                    `)}return null},defaultValue:(e,t,a)=>{if(e.defaultValue){const n=e.defaultValue.start,r=e.defaultValue.end,s=e.min,i=e.max;if(n>r||n>i||n<s||r>i||r<s||r<n)return new Error(`Invalid prop + ${t} supplied to ${a}.\n                    The { start, end } value must be between the min & max value and { start, end } must be start < end.\n                    `)}return null},onChange:a.func,step:a.number,min:(e,t,a)=>{const n=e[t],r=e.min,s=e.max;return void 0===r?new Error(`Invalid prop + ${t} supplied to ${a}.\n                ${t} value can not be undefined.\n                `):n&&r>=s?new Error(`Invalid prop + ${t} supplied to ${a}.\n                ${t} value can not be equal to or bigger than the max value.\n                `):null},max:(e,t,a)=>{const n=e[t],r=e.min,s=e.max;return void 0===s?new Error(`Invalid prop + ${t} supplied to ${a}.\n                ${t} value can not be undefined.\n                `):n&&s<=r?new Error(`Invalid prop + ${t} supplied to ${a}.\n                ${t} value can not be equal to or smaller than the min value.\n                `):null},vertical:a.bool,disabled:a.bool,dir:a.oneOf(["ltr","rtl"])},Bt={step:1,defaultValue:{start:0,end:0},vertical:!1,disabled:!1};Vt.displayName="KendoReactRangeSlider",Vt.propTypes=Ot,Vt.defaultProps=Bt;const Tt=class e extends h.Component{constructor(t){super(t),this.setValidity=()=>{this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity.valid?"":this.props.validationMessage||this.defaultValidationMessage.toLanguageString(_,G[_]))},this.limit=(e,t,a)=>{const n=a.offsetWidth,r=t.offsetWidth;return e<0?0:e>n-r?n-r:e},this.toggle=(e,t)=>{this.setState({checked:e}),this.valueDuringOnChange=e,r.dispatchEvent(this.props.onChange,t,this,{value:e}),this.valueDuringOnChange=void 0},this._element=null,this._wrapper=null,this._input=null,this._id=this.props.id,this.defaultValidationMessage=n.provideLocalizationService(this),this.focus=()=>{this.actionElement&&this.actionElement.focus()},this.dummyInput=e=>h.createElement("input",{type:"checkbox",checked:this.props.checked,ref:e=>{this._input=e},tabIndex:-1,"aria-hidden":!0,value:e,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:r.noop,name:this.name||void 0}),this.handleClick=e=>{this.eventTimeStamp!==e.timeStamp&&(this.eventTimeStamp=e.timeStamp,this.toggle(!this.value,e))},this.handleKeyDown=e=>{if(this.props.disabled)return;const{keyCode:t}=e;(t===r.Keys.space||t===r.Keys.enter)&&(this.toggle(!this.value,e),e.preventDefault())},this.handleWrapperFocus=e=>{if(this.props.disabled)return;this.setState({focused:!0});const{onFocus:t}=this.props;t&&t.call(void 0,e)},this.handleWrapperBlur=e=>{if(this.props.disabled)return;this.setState({focused:!1});const{onBlur:t}=this.props;t&&t.call(void 0,e)},r.validatePackage(m),this.state={checked:t.defaultChecked||e.defaultProps.defaultChecked,focused:!1}}get value(){return void 0!==this.valueDuringOnChange?this.valueDuringOnChange:void 0!==this.props.checked?this.props.checked:this.state.checked}get element(){return this._element}get actionElement(){return this._wrapper}get name(){return this.props.name}get validity(){const e=void 0!==this.props.validationMessage,t=void 0!==this.props.valid?this.props.valid:!this.props.required||!!this.value;return{customError:e,valid:void 0!==this.props.valid?this.props.valid:t,valueMissing:null===this.value}}get validityStyles(){return void 0!==this.props.validityStyles?this.props.validityStyles:e.defaultProps.validityStyles}get required(){return void 0!==this.props.required?this.props.required:e.defaultProps.required}componentDidMount(){this.setValidity(),this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{focused:e}=this.state,{dir:t,disabled:a,trackRounded:n,thumbRounded:s,size:i,offLabel:l,onLabel:o,tabIndex:c}=this.props;this.dir=t||this.element&&getComputedStyle(this.element).direction||void 0;const d=!this.validityStyles||this.validity.valid,u=r.classNames("k-switch",{[`k-switch-${r.kendoThemeMaps.sizeMap[i]||i}`]:i,[`k-rounded-${r.kendoThemeMaps.roundedMap[n]||n}`]:n,"k-switch-on":this.value,"k-switch-off":!this.value,"k-focus":e,"k-disabled":a,"k-invalid":!d},this.props.className),p={"aria-checked":this.value,"aria-disabled":a||void 0,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel};return h.createElement("span",{ref:e=>{this._wrapper=e},role:"switch",...p,className:u,dir:this.dir,onKeyDown:this.handleKeyDown,onClick:this.handleClick,onBlur:this.handleWrapperBlur,onFocus:this.handleWrapperFocus,tabIndex:r.getTabIndex(c,a,void 0),accessKey:this.props.accessKey,id:this.props.id||this._id},h.createElement("span",{className:r.classNames("k-switch-track",{[`k-rounded-${r.kendoThemeMaps.roundedMap[n]||n}`]:n}),ref:e=>{this._element=e}},this.dummyInput(this.value),h.createElement("span",{className:"k-switch-label-on"},o),h.createElement("span",{className:"k-switch-label-off"},l)),h.createElement("span",{className:"k-switch-thumb-wrap"},h.createElement("span",{className:r.classNames("k-switch-thumb",{[`k-rounded-${s}`]:s})})))}};Tt.displayName="Switch",Tt.propTypes={accessKey:a.string,checked:a.bool,className:a.string,disabled:a.bool,defaultChecked:a.bool,size:a.oneOf([null,"small","medium","large"]),trackRounded:a.oneOf([null,"small","medium","large","full"]),thumbRounded:a.oneOf([null,"small","medium","large","full"]),dir:a.string,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,offLabel:a.string,required:a.bool,tabIndex:a.number,valid:a.bool,validate:a.bool,validationMessage:a.string,onBlur:a.any,onChange:a.any,onFocus:a.any,onLabel:a.string},Tt.defaultProps={disabled:!1,defaultChecked:!1,size:"medium",trackRounded:"full",thumbRounded:"full",offLabel:"OFF",onBlur:r.noop,onFocus:r.noop,onLabel:"ON",required:!1,validityStyles:!0};let Dt=Tt;const zt=r.createPropsContext(),Ft=r.withIdHOC(r.withPropsContext(zt,Dt));Ft.displayName="KendoReactSwitch";const Kt=r.createPropsContext(),_t=h.forwardRef(((e,t)=>{r.validatePackage(m);const a=r.usePropsContext(Kt,e),{ariaDescribedBy:s,ariaLabelledBy:i,checked:l,className:o,labelClassName:c,children:d,defaultChecked:u,disabled:p,defaultValue:f,id:v,size:g,rounded:b,label:k,labelPlacement:y,name:C,labelOptional:x,onChange:E,onFocus:w,onBlur:I,tabIndex:S,value:N,required:L,valid:M,validationMessage:P,validityStyles:R,visited:V,touched:O,modified:B,...T}=a,D=h.useRef(null),z=h.useCallback((()=>{D.current&&D.current.focus()}),[]),_=h.useCallback((()=>({element:D.current,focus:z,get name(){return D.current&&D.current.name}})),[z]);h.useImperativeHandle(t,_);const[$,A]=h.useState(u),[H,q]=h.useState(f),j="boolean"==typeof N||null===N,W=void 0!==l,U=j,X=U?N:H,Y=W?l:U?void 0:$,Z=void 0===Y&&X,J=Z?X:Y,Q=Z||U?null===N?N:void 0:N||X,ee=null===J||null===Q,te=r.useId(),ae=n.useLocalization(),ne=e=>ae.toLanguageString(e,G[e]),re=ne(F),se=ne(K),ie=void 0!==M?M:!L||!!Y;h.useEffect((()=>{D.current&&D.current.setCustomValidity&&D.current.setCustomValidity(ie?"":P||re)}),[ie,P,re]);const le=h.useCallback(((e,t)=>{!U&&!p&&(q(t),!W&&!p&&A(t)),E&&!p&&r.dispatchEvent(E,e,{..._(),value:t},{value:t})}),[W,p,E,U,_]),oe=h.useCallback((e=>{const t=e.target.checked;le(e,t)}),[le,N]),ce=h.useCallback((e=>{if(p)return;const{keyCode:t}=e,a=e.currentTarget.checked;t===r.Keys.space&&(e.preventDefault(),e.stopPropagation(),le(e,!a))}),[p,le]),de=h.useCallback((e=>{if(p)return;const{keyCode:t}=e;t===r.Keys.space&&e.preventDefault()}),[p]),ue=h.useCallback((e=>{w&&!p&&r.dispatchEvent(w,e,_(),void 0)}),[w,p,_]),pe=h.useCallback((e=>{I&&!p&&r.dispatchEvent(I,e,_(),void 0)}),[I,p,_]),he=r.useDir(D,a.dir),me=r.classNames("k-checkbox-wrap",o),fe={type:"checkbox",className:r.classNames("k-checkbox",{[`k-checkbox-${r.kendoThemeMaps.sizeMap[g]||g}`]:g,[`k-rounded-${r.kendoThemeMaps.roundedMap[b]||b}`]:b,"k-indeterminate":ee,"k-disabled":p,"k-invalid k-invalid":!(ie||void 0!==R||!0===R)}),ref:D,name:C,id:v||te,"aria-labelledby":i,"aria-describedby":s,checked:!!J,disabled:p,tabIndex:r.getTabIndex(S,p),role:"checkbox",required:void 0!==L&&L,"aria-checked":!(!Y&&!J)||!!ee&&"mixed","aria-disabled":p||void 0,...T,onChange:oe,onKeyDown:ce,onKeyUp:de,onFocus:ue,onBlur:pe},ve=h.createElement(h.Fragment,null,void 0===Q?h.createElement("input",{...fe}):h.createElement("input",{...fe,value:j?void 0:null===Q?"":Q})),ge=h.createElement(h.Fragment,null,void 0!==k?h.createElement("label",{className:r.classNames("k-checkbox-label",c),htmlFor:v||te,style:{userSelect:"none"}},k,x&&h.createElement("span",{className:"k-label-optional"},se)):null),be=h.createElement("span",{className:me},ve,d);return h.createElement(h.Fragment,null,"before"===y?h.createElement("div",{dir:"rtl"},be,ge):"after"===y?h.createElement("div",{dir:"ltr"},be,ge):h.createElement("div",{dir:he},be,ge))}));_t.propTypes={checked:a.bool,className:a.string,defaultChecked:a.bool,defaultValue:a.any,dir:a.string,disabled:a.bool,id:a.string,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large"]),ariaLabelledBy:a.string,ariaDescribedBy:a.string,label:a.any,labelPlacement:a.string,labelOptional:a.bool,name:a.string,tabIndex:a.number,value:a.any,validationMessage:a.string,required:a.bool,validate:a.bool,valid:a.bool,onChange:a.func,onFocus:a.func,onBlur:a.func};_t.defaultProps={size:"medium",rounded:"medium"},_t.displayName="KendoCheckbox";const $t=r.createPropsContext(),At=h.forwardRef(((e,t)=>{r.validatePackage(m);const a=r.usePropsContext($t,e),{ariaDescribedBy:n,checked:s,children:i,className:l,disabled:o,id:c,size:d,label:u,labelPlacement:p,name:f,style:v,tabIndex:g,value:b,valid:k,onChange:y,onFocus:C,onBlur:x,...E}=a,w=h.useRef(null),I=h.useCallback((()=>{w.current&&w.current.focus()}),[]),S=h.useCallback((()=>({element:w.current,focus:I})),[I]);h.useImperativeHandle(t,S);const N=r.useId(),L=h.useCallback((e=>{r.dispatchEvent(y,e,S(),{value:b})}),[y,b,o]),M=h.useCallback((e=>{C&&!o&&r.dispatchEvent(C,e,S(),void 0)}),[C,o]),P=h.useCallback((e=>{x&&!o&&r.dispatchEvent(x,e,S(),void 0)}),[x,o]),R={type:"radio",id:c||N,name:f,className:r.classNames("k-radio",{[`k-radio-${r.kendoThemeMaps.sizeMap[d]||d}`]:d,"k-invalid":!1===k},l),ref:w,disabled:o,tabIndex:r.getTabIndex(g,o),checked:s,style:v,"aria-describedby":n,value:b,onChange:L,onFocus:M,onBlur:P,...E},V=h.createElement(h.Fragment,null,void 0!==u?h.createElement("label",{className:"k-radio-label",htmlFor:c||N,style:{userSelect:"none"},"aria-label":u},u):null),O=h.createElement("input",{...R});return"before"===p?h.createElement(h.Fragment,null,V,O,i):h.createElement(h.Fragment,null,O,V,i)}));At.propTypes={ariaDescribedBy:a.string,checked:a.bool,className:a.string,disabled:a.bool,id:a.string,size:a.oneOf([null,"small","medium","large"]),label:a.string,labelPlacement:a.string,name:a.string,style:a.object,tabIndex:a.number,value:a.any,valid:a.bool,onChange:a.func,onFocus:a.func,onBlur:a.func};At.displayName="KendoRadioButton",At.defaultProps={size:"medium"};const Ht=r.createPropsContext(),qt=h.forwardRef(((e,t)=>{r.validatePackage(m);const a=r.usePropsContext(Ht,e),{id:n,ariaLabelledBy:s,ariaDescribedBy:i,className:l,data:o,defaultValue:c,disabled:d,name:u,labelPlacement:p,layout:f,style:v,value:g,valid:b,item:k=jt.item,onChange:y,onFocus:C}=a,x=h.useRef(null),E=h.useCallback((()=>{x.current&&r.focusFirstFocusableChild(x.current)}),[]),w=h.useCallback((()=>({element:x.current,focus:E})),[E]);h.useImperativeHandle(t,w);const[I,S]=h.useState(c),N=void 0!==g,L=N?g:I,M=h.useCallback((e=>{let t=e.value;!N&&!d&&S(t),y&&!d&&r.dispatchEvent(y,e.syntheticEvent,w(),{value:t})}),[S,y,d]),P=h.useCallback((e=>{C&&!d&&r.dispatchEvent(C,e.syntheticEvent,w(),void 0)}),[C,d]),R=r.useId(),V=r.classNames("k-radio-list",{"k-list-horizontal":"horizontal"===f,"k-list-vertical":"vertical"===f||void 0===f},l),O=r.useRtl(x,a.dir),B=o&&o.map(((e,t)=>{const a=L===e.value,n=null==L,s={...e,valid:b,checked:a,disabled:!(!e.disabled&&!d),labelPlacement:e.labelPlacement?e.labelPlacement:p,tabIndex:e.tabIndex?e.tabIndex:n&&0===t||a?0:-1,index:t,name:u||R,onChange:M,onFocus:P};return h.createElement(k,{className:r.classNames("k-radio-item",{"k-disabled":s.disabled||d}),key:t,role:"none"},h.createElement(At,{...s}))}));return h.createElement("ul",{id:n,role:"radiogroup",className:V,ref:x,dir:O,style:v,"aria-labelledby":s,"aria-describedby":i},B)})),jt={item:e=>h.createElement("li",{...e})};qt.propTypes={ariaLabelledBy:a.string,ariaDescribedBy:a.string,className:a.string,data:a.arrayOf(a.object),defaultValue:a.any,dir:a.string,disabled:a.bool,labelPlacement:a.string,layout:a.string,name:a.string,style:a.object,value:a.any,onChange:a.func,onFocus:a.func},qt.defaultProps=jt,qt.displayName="KendoRadioGroup";const Gt=r.createPropsContext(),Wt=h.forwardRef(((e,t)=>{const a=r.usePropsContext(Gt,e),{size:n,rounded:s,fillMode:i,prefix:l,suffix:o,ariaDescribedBy:c,ariaLabelledBy:d,autoSize:u,className:p,defaultValue:m,disabled:f,readOnly:v,required:g,rows:b,id:k,name:y,placeholder:C,style:x,tabIndex:E,value:w,valid:I,validationMessage:S,validityStyles:N,onChange:L,onFocus:M,onBlur:P,visited:R,touched:V,modified:O,...B}=a,T=h.useRef(null),D=h.useCallback((()=>{T.current&&T.current.focus()}),[]),[z,F]=h.useState(m),[K,_]=r.useCustomComponent(l),[$,A]=r.useCustomComponent(o),H=void 0!==w,q=H?w:z,j=h.useCallback((()=>({element:T,focus:D,get value(){return q},get name(){return T.current&&T.current.name}})),[D,q]);h.useImperativeHandle(t,j);const[G,W]=h.useState("auto"),U=r.useId(),X=r.useDir(T,a.dir),Y=void 0!==I?I:!g||!!q;h.useEffect((()=>{T.current&&T.current.setCustomValidity&&T.current.setCustomValidity(Y?"":S||"")}),[Y,S]),r.useIsomorphicLayoutEffect((()=>{T.current&&W(`${T.current.scrollHeight}px`)}),[q]);const Z=h.useCallback((e=>{const t=e.target.value;W("auto"),!H&&!f&&F(t),L&&!f&&r.dispatchEvent(L,e,{...j(),value:t},{value:t})}),[F,L,f,H]),J=h.useCallback((e=>{M&&!f&&r.dispatchEvent(M,e,j(),void 0)}),[M,f]),Q=h.useCallback((e=>{P&&!f&&r.dispatchEvent(P,e,j(),void 0)}),[P,f]),ee={id:k||U,role:"textbox",name:y,className:"k-input-inner !k-overflow-auto",ref:T,disabled:f,rows:b,placeholder:C,readOnly:v,required:g,tabIndex:r.getTabIndex(E,f),style:u?{resize:"none",overflow:"hidden",height:G}:{},"aria-labelledby":d,"aria-describedby":c,"aria-multiline":!0,"aria-disabled":f||void 0,value:H?w:z,...B,onChange:Z,onFocus:J,onBlur:Q};return h.createElement("span",{className:r.classNames("k-input","k-textarea",{[`k-input-${r.kendoThemeMaps.sizeMap[n]||n}`]:n,[`k-input-${i}`]:i,[`k-rounded-${r.kendoThemeMaps.roundedMap[s]||s}`]:s,"k-invalid":!(Y||void 0!==N||!0===N),"k-required":g,"k-disabled":f},p),style:x,dir:X},a.prefix&&h.createElement(K,{..._}),h.createElement("textarea",{...ee}),a.suffix&&h.createElement($,{...A}))}));Wt.propTypes={ariaDescribedBy:a.string,ariaLabelledBy:a.string,autoSize:a.bool,className:a.string,defaultValue:a.string,dir:a.string,disabled:a.bool,readOnly:a.bool,rows:a.number,id:a.string,name:a.string,placeholder:a.string,style:a.object,tabIndex:a.number,value:a.oneOfType([a.string,a.arrayOf(a.string),a.number]),onChange:a.func,onFocus:a.func,onBlur:a.func,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","flat","outline"])};Wt.displayName="KendoTextArea",Wt.defaultProps={size:"medium",rounded:"medium",fillMode:"solid"};const Ut=h.forwardRef(((e,t)=>{const a=h.useRef(null),n=h.useRef(null),s=r.useDir(n,e.dir);h.useImperativeHandle(a,(()=>({element:n.current,props:e,value:e.value}))),h.useImperativeHandle(t,(()=>a.current));const i=h.useCallback((t=>{e.onClick&&e.onClick.call(void 0,{value:e.value,target:a.current,syntheticEvent:t})}),[e.onClick,e.value]),l=h.useCallback((t=>{e.onKeyDown&&e.onKeyDown.call(void 0,{target:a.current,syntheticEvent:t})}),[e.onKeyDown]),o=h.useCallback((t=>{e.onFocus&&e.onFocus.call(void 0,{target:a.current,syntheticEvent:t})}),[e.onFocus]),c=h.useCallback((t=>{e.onBlur&&e.onBlur.call(void 0,{target:a.current,syntheticEvent:t})}),[e.onBlur]),d=h.useCallback((t=>{e.onMouseMove&&e.onMouseMove.call(void 0,{target:a.current,syntheticEvent:t})}),[e.onMouseMove]),u=h.useCallback((t=>{e.onMouseEnter&&e.onMouseEnter.call(void 0,{target:a.current,syntheticEvent:t})}),[e.onMouseEnter]),p=h.useCallback((t=>{e.onMouseLeave&&e.onMouseLeave.call(void 0,{target:a.current,syntheticEvent:t})}),[e.onMouseLeave]);return h.createElement("span",{id:e.id,ref:n,dir:s,"data-half":e.half,tabIndex:e.tabIndex,title:e.title,style:e.style,className:r.classNames("k-rating-item",{"k-rtl":"rtl"===s,"k-selected":e.selected,"k-hover":e.hovered},e.className),onClick:i,onKeyDown:l,onFocus:o,onBlur:c,onMouseEnter:u,onMouseLeave:p,onMouseMove:d},e.children)})),Xt={id:a.string,icon:a.any,dir:a.oneOf(["ltr","rtl"]),title:a.string,value:a.number,half:a.bool,selected:a.bool,hovered:a.bool};Ut.displayName="KendoReactRatingItem",Ut.propTypes=Xt,Ut.defaultProps={dir:"ltr"};const Yt=(e,t)=>{if(e%1){const a=Math.pow(10,(t.toString().split(".")[1]||t.toString().split(".")[0]).length);return Math.round(e*a)/a}return e},Zt=(e,t,a)=>Yt(e-a,a)<t&&t<e,Jt=(e,t,a,n)=>null!==t&&("continues"===n?Zt(e,t,a)?Yt(e-a/2,a/2)<=t:e<=t:"single"===n&&(Zt(e,t,a)?Yt(e-a/2,a/2)===t:e===t)),Qt=(e,t,a)=>"ltr"===e?a<t.x+t.width/2:a>t.x+t.width/2,ea=(e,t,a,n)=>{for(let r=e;r<=t;r+=a)if(n===r)return!0;return!1};var ta=(e=>(e.select="select",e.deselect="deselect",e.increase="increase",e.decrease="decrease",e.min="min",e.max="max",e.reset="reset",e))(ta||{});const aa=(e,t)=>{switch(t.type){case"select":return void 0===t.payload||void 0===t.step?e:t.payload===e?null:t.payload>=t.min?t.payload<t.max?Yt(t.payload,t.step):t.max:t.min;case"deselect":case"reset":return null;case"increase":return void 0===t.step?e:e<t.min?t.min:e+t.step<t.max?Yt(e+t.step,t.step):t.max;case"decrease":return void 0===t.step?e:Yt(e-t.step,t.step)>=t.min?Yt(e-t.step,t.step):t.min;case"min":return void 0===t.step?e:t.min;case"max":return t.max;default:return e}},na=(e,t,a)=>{const[n,r]=h.useState(e);return[n,e=>{const s=aa(t.state||n,{...e,...t});a&&a(s,e.event),r(s)}]},ra=r.createPropsContext(),sa=h.forwardRef(((e,t)=>{const a=r.usePropsContext(ra,e),i=n.useLocalization(),l=h.useRef(null),o=h.useRef(null),c=r.useDir(o,a.dir);h.useImperativeHandle(l,(()=>({element:o.current,props:a}))),h.useImperativeHandle(t,(()=>l.current));const d=h.useCallback(((e,t)=>{a.onChange&&l.current&&a.onChange.call(void 0,{value:e,target:l.current,syntheticEvent:t})}),[a.onChange]),u=h.useMemo((()=>void 0!==a.min?a.min:la.min),[a.min]),p=h.useMemo((()=>void 0!==a.max?a.max:la.max),[a.max]),m=h.useMemo((()=>a.precision||la.precision),[a.precision]),f=h.useMemo((()=>void 0!==a.step?a.step:la.step),[a.step]),v=h.useMemo((()=>a.readonly||la.readonly),[a.readonly]),g=h.useMemo((()=>a.disabled||la.disabled),[a.disabled]),b=h.useMemo((()=>a.item||la.item),[a.item]),[k,y]=na(void 0!==a.defaultValue?a.defaultValue:la.defaultValue,{state:a.value,min:u,max:p,step:"half"===m?f/2:f},d),[C,x]=na(null,{state:a.value,min:u,max:p,step:"half"===m?f/2:f,precision:m}),E=h.useMemo((()=>void 0!==a.value?a.value:k),[a.value,k]),w=h.useMemo((()=>C),[C]),I=h.useMemo((()=>a.selection||la.selection),[a.selection]),S=h.useMemo((()=>f/("half"===m?2:1)),[f,m]),N=h.useCallback((e=>{if(e.target&&e.target.element&&!v&&!g){if("half"===m){const t=e.target.element.getBoundingClientRect(),a=Qt(c||"ltr",t,e.syntheticEvent.clientX)?Yt(e.target.value-f/2,S):e.target.value;y({type:ta.select,payload:a,event:e.syntheticEvent})}else y({type:ta.select,payload:e.target.value,event:e.syntheticEvent});if(a.onClick){const t={value:E,target:l.current,syntheticEvent:e.syntheticEvent};a.onClick.call(void 0,t)}}}),[a.onClick,y,E]),L=h.useCallback((e=>{if(!v&&!g){switch(e.keyCode){case r.Keys.right:e.preventDefault(),y({type:"rtl"===c?ta.decrease:ta.increase,event:e});break;case r.Keys.left:e.preventDefault(),y({type:"rtl"===c?ta.increase:ta.decrease,event:e});break;case r.Keys.home:e.preventDefault(),y({type:"rtl"===c?ta.min:ta.max,event:e});break;case r.Keys.end:e.preventDefault(),y({type:"rtl"===c?ta.max:ta.min,event:e});break;case r.Keys.esc:e.preventDefault(),y({type:ta.deselect,event:e})}a.onKeyDown&&a.onKeyDown.call(void 0,{value:E,target:l.current,syntheticEvent:e})}}),[a.onKeyDown,y,E]),M=h.useCallback((e=>{if(a.onFocus){const t={target:l.current,syntheticEvent:e};a.onFocus.call(void 0,t)}}),[a.onFocus]),P=h.useCallback((e=>{if(a.onBlur){const t={target:l.current,syntheticEvent:e};a.onBlur.call(void 0,t)}}),[a.onBlur]),R=h.useCallback((e=>{if(e.target&&e.target.element)if("half"===m){const t=e.target.element.getBoundingClientRect(),a=Qt(c||"ltr",t,e.syntheticEvent.clientX)?e.target.value-f/2:e.target.value;x({type:ta.select,payload:a,event:e.syntheticEvent})}else x({type:ta.select,payload:e.target.value,event:e.syntheticEvent})}),[m,f,c]),V=h.useCallback((e=>{x({type:ta.reset,event:e.syntheticEvent})}),[]),O=[],B=((e,t)=>e-t*Math.floor(e/t))(Yt(p-u,S),f);for(let e=u;e<=p;e=Yt(e+f,S)){const t=Yt(e+B,S),n="half"===m&&Zt(t,null!==w?w:null!==E?E:0,f),i=Jt(t,E,f,I),l=Jt(t,null!==w?w:E,f,I),o=Jt(t,w,f,I);O.push(h.createElement(b,{key:t,value:t,dir:c,title:String(n?Yt(t-f/2,S):t),icon:a.icon,svgIcon:a.svgIcon,half:n,selected:i||l,hovered:o,onClick:N,onMouseMove:R,onMouseLeave:V},n&&h.createElement("span",{className:"k-rating-precision-complement"},!(a.icon||a.svgIconOutline)&&h.createElement(r.IconWrap,{name:"star-outline",icon:s.starOutlineIcon,style:{clipPath:""+("rtl"===c?"inset(0 50% 0 0)":"inset(0 0 0 50%)")},size:"xlarge"}),(a.icon||a.svgIconOutline)&&h.createElement(r.IconWrap,{name:r.toIconName(`${a.icon}-outline`),icon:a.svgIconOutline,size:"xlarge"})),n&&h.createElement("span",{className:"k-rating-precision-part"},!(a.icon||a.svgIcon)&&h.createElement(r.IconWrap,{name:"star",icon:s.starIcon,style:{clipPath:""+("rtl"===c?"inset(0 0 0 50%)":"inset(0 50% 0 0)")},size:"xlarge"}),(a.icon||a.svgIcon)&&h.createElement(r.IconWrap,{name:a.icon?r.toIconName(a.icon):void 0,icon:a.svgIcon,size:"xlarge"})),n&&h.createElement("span",{style:{width:"24px",height:"24px",display:"block"}}),!n&&!(a.icon||a.svgIcon)&&(o||l&&!o)&&h.createElement(r.IconWrap,{name:"star",icon:s.starIcon,size:"xlarge"})||!(a.icon||a.svgIcon)&&!o&&!l&&h.createElement(r.IconWrap,{name:"star-outline",icon:s.starOutlineIcon,size:"xlarge"})||(a.icon||a.svgIcon)&&(o||l&&!o)&&h.createElement(r.IconWrap,{name:a.icon,icon:a.svgIcon,size:"xlarge"})||(a.icon||a.svgIcon)&&!o&&h.createElement(r.IconWrap,{name:r.toIconName(`${a.icon}-outline`),icon:a.svgIconOutline,size:"xlarge"})))}return h.createElement("span",{id:a.id,style:a.style,ref:o,role:"slider",dir:c,tabIndex:r.getTabIndex(a.tabIndex,a.disabled,void 0),className:r.classNames("k-rating",{"k-rtl":"rtl"===c,"k-readonly":v,"k-disabled":g},a.className),onKeyDown:L,onFocus:M,onBlur:P,"aria-valuemin":u,"aria-valuemax":p,"aria-valuenow":null!==E?E:void 0,"aria-disabled":g?"true":void 0,"aria-label":i.toLanguageString(A,G[A]),"aria-labelledby":a.ariaLabelledBy,"aria-describedby":a.ariaDescribedBy},h.createElement("input",{id:"rating",className:"k-hidden",readOnly:v,disabled:g}),h.createElement("span",{className:"k-rating-container"},O),a.label&&h.createElement("span",{className:"k-rating-label"},a.label))})),ia={id:a.string,dir:a.oneOf(["ltr","rtl"]),selection:a.oneOf(["continues","single"]),precision:a.oneOf(["item","half"]),value:(e,t,a)=>e.value&&e.min&&e.max&&e.step&&!("half"===e.precision?ea(e.min,e.max,e.step/2,e.value):ea(e.min,e.max,e.step,e.value))&&"half"===e.precision?new Error(`Invalid prop + ${t} supplied to ${a}.\n                    The value of the { value } property is not correct, please check your values.\n                    `):null,defaultValue:a.number,min:a.number,max:a.number,step:(e,t,a)=>void 0!==e.step&&e.step<=0?new Error(`Invalid prop + ${t} supplied to ${a}.\n                The value of the { step } property is cannot be equal or less than "0", please check your values.\n                `):null,hovered:a.number,label:a.string,readonly:a.bool,disabled:a.bool,half:a.bool,icon:a.string,svgIcon:r.svgIconPropType,svgIconOutline:r.svgIconPropType,ariaDescribedBy:a.string},la={dir:"ltr",min:1,max:5,step:1,item:Ut,defaultValue:null,readonly:!1,disabled:!1,selection:"continues",precision:"item"};sa.displayName="KendoReactRating",sa.propTypes=ia,sa.defaultProps=la;const oa=e=>void 0!==e,ca=r.createPropsContext(),da=h.forwardRef(((e,t)=>{r.validatePackage(m);const a=r.usePropsContext(ca,e),i=n.useLocalization(),o=h.useRef(null),c=h.useRef(null),p=h.useRef(null),f=h.useRef(null),v=h.useRef(null),[g,b]=h.useState(),[k,y]=h.useState(!1),[C,x]=h.useState(!1),[E,w]=h.useState(),[I,S]=h.useState(),N=oa(a.value)?a.value:E,[L,M]=h.useState(!1),P=oa(a.open),R=P?a.open:L,V=!(a.maximized||C||!a.maximizable||a.disabled),O=a.maximized&&!C,B=!(!a.value&&!E||C||a.readOnly||a.disabled),T=i.toLanguageString(q,G[q]),D=i.toLanguageString(j,G[j]),z=i.toLanguageString(H,G[H]),F=a.popupScale||3,K=a.exportScale||2,_=e=>{w(e),a.onChange&&a.onChange({value:e})};h.useEffect((()=>{a.value!==E&&(w(a.value),null==g||g.loadImage(a.value))}),[a.value]);const $=h.useCallback((e=>{P||M(e)}),[P]),A=h.useCallback((()=>{let e="#000000";return!a.color&&"undefined"!=typeof document&&o.current&&(e=getComputedStyle(o.current).color),a.color||e}),[a.color]),W=h.useCallback((()=>{let e="#ffffff";return!a.backgroundColor&&"undefined"!=typeof document&&o.current&&(e=getComputedStyle(o.current).backgroundColor),a.backgroundColor||e}),[a.backgroundColor]),U=()=>({scale:a.maximized?a.popupScale:1,color:A(),backgroundColor:W(),strokeWidth:a.strokeWidth,smooth:a.smooth,readonly:a.readOnly}),X=async e=>{const{width:t,height:a}=e;return await(null==g?void 0:g.exportImage({width:t*K,height:a*K}))};h.useEffect((()=>{const e=c.current,t=new d.SignaturePad(e,U());return N&&t.loadImage(N),b(t),()=>t.destroy()}),[]),h.useEffect((()=>{null==g||g.setOptions({onChange:async()=>_(await X(oe())),onDraw:()=>x(!0),onDrawEnd:()=>x(!1)})}),[g]),r.useIsomorphicLayoutEffect((()=>null==g?void 0:g.setOptions(U())),[a.readOnly,a.color,a.backgroundColor,a.strokeWidth,a.smooth]),h.useEffect((()=>{var e,t;const a=null==(t=null==(e=p.current)?void 0:e.element)?void 0:t.querySelector(".k-overlay");if(!a)return;const n=()=>$(!1);return a.addEventListener("click",n),()=>a.removeEventListener("click",n)}),[R]),h.useEffect((()=>{if(!R||"undefined"==typeof document)return;const e=e=>{e.keyCode===r.Keys.esc&&$(!1)};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)}),[R]),h.useEffect((()=>{var e,t;a.maximized&&(null==(t=null==(e=f.current)?void 0:e.element)||t.focus())}),[]);const Y=h.useCallback((()=>{var e;return null==(e=c.current)?void 0:e.focus()}),[]),Z=h.useCallback((()=>a.value),[a.value]),J=h.useCallback((()=>a.name),[a.name]),Q=h.useCallback((()=>a.required),[a.required]),ee=h.useCallback((()=>{const e=void 0!==a.validationMessage,t=!Z();return{customError:e,valid:void 0!==a.valid?a.valid:!Q()||!t,valueMissing:t}}),[a.validationMessage,a.valid,Z,Q]),te=h.useCallback((()=>a.validityStyles),[a.validityStyles]),ae=h.useCallback((()=>a),[a]),ne=h.useCallback((()=>{const e={element:o.current,focus:Y};return Object.defineProperty(e,"name",{get:J}),Object.defineProperty(e,"value",{get:Z}),Object.defineProperty(e,"validity",{get:ee}),Object.defineProperty(e,"validityStyles",{get:te}),Object.defineProperty(e,"required",{get:Q}),Object.defineProperty(e,"props",{get:ae}),Object.defineProperty(e,"color",{get:A}),Object.defineProperty(e,"backgroundColor",{get:W}),e}),[J,Z,ee,te,Q,Y,ae,A,W]);h.useImperativeHandle(t,ne);const re=h.useCallback((e=>{k||a.maximized||(y(!0),r.dispatchEvent(a.onFocus,e,ne(),{}))}),[k,a.onFocus,ne]),se=h.useCallback((e=>{(function(e,t){let a=e;for(;a&&a!==t;)a=a.parentNode;return!!a})(e.relatedTarget,o.current)||(y(!1),r.dispatchEvent(a.onBlur,e,ne(),{}))}),[k,a.onBlur,ne]),ie=h.useCallback((async e=>{S(await X(ce())),$(!0),r.dispatchEvent(a.onOpen,e,ne(),{})}),[R,P,a.onOpen,a.value,E,ne]),le=h.useCallback((e=>{$(!1),r.dispatchEvent(a.onClose,e,ne(),{})}),[R,P,a.onClose,ne]),oe=()=>{var e,t;return{width:a.width||(null==(e=o.current)?void 0:e.offsetWidth)||250,height:a.height||(null==(t=o.current)?void 0:t.offsetHeight)||84}},ce=()=>{const{width:e,height:t}=oe();return{width:e*F,height:t*F}},de=!te()||ee().valid;return h.createElement("div",{ref:o,dir:a.dir,style:{width:a.width,height:a.height,...a.style},className:r.classNames("k-input","k-signature",{"k-signature-maximized":a.maximized,[`k-signature-${r.kendoThemeMaps.sizeMap[a.size]||a.size}`]:a.size,[`k-input-${a.fillMode}`]:a.fillMode,[`k-rounded-${r.kendoThemeMaps.roundedMap[a.rounded]||a.rounded}`]:a.rounded,"k-invalid":!de,"k-required":a.required,"k-disabled":a.disabled,"k-focus":k},a.className),onFocus:re,onBlur:se},h.createElement("div",{className:"k-signature-canvas",ref:c,tabIndex:r.getTabIndex(a.tabIndex,a.disabled),role:"img",id:a.id,"aria-label":a.ariaLabel,"aria-labelledby":a.ariaLabelledBy,"aria-describedby":a.ariaDescribedBy,"aria-disabled":a.disabled?"true":void 0}),h.createElement("div",{className:"k-signature-actions k-signature-actions-top"},V&&h.createElement(l.Button,{type:"button",className:"k-signature-action k-signature-maximize",ref:v,icon:"hyperlink-open",svgIcon:s.hyperlinkOpenIcon,fillMode:"flat",size:a.size,onClick:ie,"aria-label":T,title:T}),O&&h.createElement(l.Button,{type:"button",className:"k-signature-action k-signature-minimize k-rotate-180",ref:f,icon:"hyperlink-open",svgIcon:s.hyperlinkOpenIcon,fillMode:"flat",size:a.size,onClick:le,"aria-label":D,title:D})),!a.hideLine&&h.createElement("div",{className:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}}),h.createElement("div",{className:"k-signature-actions k-signature-actions-bottom"},B&&h.createElement(l.Button,{type:"button",className:"k-signature-action k-signature-clear",icon:"x",svgIcon:s.xIcon,fillMode:"flat",size:a.size,onClick:()=>{null==g||g.clear(),_(),Y()},"aria-label":z,title:z})),R&&h.createElement(u.Dialog,{ref:p},h.createElement(da,{...a,...ce(),value:I,maximized:!0,exportScale:1/F*K,open:!1,onChange:e=>{null==g||g.loadImage(e.value),_(e.value)},onClose:e=>{var t,a;le(e),null==(a=(null==(t=v.current)?void 0:t.element)||c.current)||a.focus()}})))}));da.propTypes={value:a.string,width:a.number,height:a.number,tabIndex:a.number,dir:a.string,ariaDescribedBy:a.string,ariaLabelledBy:a.string,ariaLabel:a.string,readOnly:a.bool,disabled:a.bool,validationMessage:a.string,required:a.bool,onChange:a.func,onFocus:a.func,onBlur:a.func,onOpen:a.func,onClose:a.func,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large"]),fillMode:a.oneOf([null,"solid","flat","outline"])},da.displayName="KendoSignature",da.defaultProps={strokeWidth:1,smooth:!1,popupScale:3,exportScale:2,maximizable:!0,disabled:!1,required:!1,validityStyles:!0,onChange:e=>r.noop,onFocus:e=>r.noop,onBlur:e=>r.noop,onOpen:e=>r.noop,onClose:e=>r.noop,size:"medium",rounded:"medium",fillMode:"solid"};const ua=h.forwardRef(((e,t)=>{r.validatePackage(m);const a=h.useRef(null),n=h.useRef(null),s=h.useRef(),i=h.useCallback((()=>{var e;return void 0!==s.current?s.current:null==(e=a.current)?void 0:e.value}),[]);h.useImperativeHandle(n,(()=>({get element(){return a.current},get name(){return a.current&&a.current.name},get value(){return i()}}))),h.useImperativeHandle(t,(()=>n.current));const{size:l,fillMode:o,rounded:c,className:d,dir:u,style:p,prefix:f=pa.prefix,suffix:v=pa.suffix,valid:g,modified:b,touched:k,visited:y,...C}=e,[x]=r.useCustomComponent(f),[E]=r.useCustomComponent(v),[w,I]=h.useState(!1),S=h.useCallback((t=>{s.current=t.target.value,e.onChange&&e.onChange.call(void 0,{syntheticEvent:t,nativeEvent:t.nativeEvent,value:t.target.value,target:n.current}),s.current=void 0}),[e.onChange]),{onFocus:N,onBlur:L}=r.useAsyncFocusBlur({onFocus:e=>{I(!0)},onBlur:e=>{I(!1)},onSyncFocus:e.onFocus,onSyncBlur:e.onBlur});return h.createElement("span",{style:p,dir:u,className:r.classNames("k-textbox k-input",{[`k-input-${r.kendoThemeMaps.sizeMap[l]||l}`]:l,[`k-input-${o}`]:o,[`k-rounded-${r.kendoThemeMaps.roundedMap[c]||c}`]:c},{"k-focus":w,"k-required":e.required,"k-disabled":e.disabled,"k-invalid":!1===e.valid},d),onFocus:N,onBlur:L},h.createElement(x,null),h.createElement("input",{ref:a,className:"k-input-inner",...C,onChange:S}),h.createElement(E,null))})),pa={prefix:e=>null,suffix:e=>null,size:"medium",rounded:"medium",fillMode:"solid"};ua.propTypes={size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","flat","outline"])},ua.displayName="KendoReactTextBoxComponent",ua.defaultProps=pa;const ha=h.forwardRef(((e,t)=>{const a=h.useRef(null),n=h.useRef(null);return h.useImperativeHandle(a,(()=>({element:n.current}))),h.useImperativeHandle(t,(()=>a.current)),h.createElement("span",{...e,className:r.classNames("k-clear-value",e.className)})}));ha.displayName="KendoReactInputClearValue";const ma=h.forwardRef((({orientation:e="horizontal",...t},a)=>{const n=h.useRef(null),s=h.useRef(null);return h.useImperativeHandle(n,(()=>({element:s.current}))),h.useImperativeHandle(a,(()=>n.current)),h.createElement("span",{...t,className:r.classNames("k-input-prefix",t.className,`k-input-prefix-${e}`)})}));ma.displayName="KendoReactInputPrefix";const fa=h.forwardRef((({orientation:e="vertical",...t},a)=>{const n=h.useRef(null),s=h.useRef(null);return h.useImperativeHandle(n,(()=>({element:s.current}))),h.useImperativeHandle(a,(()=>n.current)),h.createElement("span",{...t,className:r.classNames("k-input-separator",t.className,`k-input-separator-${e}`)})}));fa.displayName="KendoReactInputSeparator";const va=h.forwardRef((({orientation:e="horizontal",...t},a)=>{const n=h.useRef(null),s=h.useRef(null);return h.useImperativeHandle(n,(()=>({element:s.current}))),h.useImperativeHandle(a,(()=>n.current)),h.createElement("span",{...t,className:r.classNames("k-input-suffix",t.className,`k-input-suffix-${e}`)})}));va.displayName="KendoReactInputSuffix";const ga=h.forwardRef(((e,t)=>h.createElement(r.IconWrap,{ref:t,...e,className:r.classNames("k-input-validation-icon",e.className)})));ga.displayName="KendoReactInputValidationIcon",e.Checkbox=_t,e.CheckboxPropsContext=Kt,e.ColorGradient=We,e.ColorGradientPropsContext=Ge,e.ColorGradientWithoutContext=je,e.ColorInput=Ve,e.ColorPalette=et,e.ColorPalettePropsContext=Qe,e.ColorPaletteWithoutContext=Je,e.ColorPicker=st,e.ColorPickerPropsContext=rt,e.FlatColorPicker=ot,e.Input=Me,e.InputClearValue=ha,e.InputPrefix=ma,e.InputPropsContext=Le,e.InputSeparator=fa,e.InputSuffix=va,e.InputValidationIcon=ga,e.InputWithoutContext=Ne,e.MaskedTextBox=Lt,e.MaskedTextBoxWithoutContext=St,e.NumericTextBox=fe,e.NumericTextBoxPropsContext=me,e.PALETTEPRESETS=Xe,e.RANGE_ACTION=Mt,e.RATING_ACTION=ta,e.RadioButton=At,e.RadioButtonPropsContext=$t,e.RadioGroup=qt,e.RadioGroupPropsContext=Ht,e.RangeSlider=Vt,e.RangeSliderPropsContext=Rt,e.Rating=sa,e.RatingItem=Ut,e.RatingPropsContext=ra,e.SLIDER_LABEL_ATTRIBUTE=Oe,e.Signature=da,e.SignaturePropsContext=ca,e.Slider=ze,e.SliderLabel=e=>{const t=h.useRef(null),a=r.useDir(t),n=e.vertical?{bottom:`${e.position}%`}:{["rtl"===a?"right":"left"]:`${e.position}%`},s=e.vertical?"k-tick-vertical":"k-tick-horizontal";return h.createElement("li",{ref:t,className:`k-tick k-tick-large ${s}`,title:e.title,style:{zIndex:1,position:"absolute",...n}},e.children&&h.createElement("span",{[Oe]:!0,className:"k-label",onClick:e.onClick},e.children))},e.SliderWithoutContext=Te,e.Switch=Ft,e.SwitchWithoutContext=Dt,e.TextArea=Wt,e.TextAreaPropsContext=Gt,e.TextBox=ua,e.inputsMessages=G,e.isCorrectValue=ea,e.isHalf=Zt,e.isSelected=Jt,e.maskingChanged=Et,e.numericDecreaseValue=v,e.numericIncreaseValue=f,e.rangeReducer=Pt,e.ratingReducer=aa,e.sanitizeNumber=he,e.toRound=Yt}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-common"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-labels"),require("@progress/kendo-react-buttons"),require("@progress/kendo-drawing"),require("@progress/kendo-react-popup"),require("@progress/kendo-inputs-common"),require("@progress/kendo-react-dialogs")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-intl","@progress/kendo-react-common","@progress/kendo-svg-icons","@progress/kendo-react-labels","@progress/kendo-react-buttons","@progress/kendo-drawing","@progress/kendo-react-popup","@progress/kendo-inputs-common","@progress/kendo-react-dialogs"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactInputs={},e.React,e.PropTypes,e.KendoReactIntl,e.KendoReactCommon,e.KendoSvgIcons,e.KendoReactLabels,e.KendoReactButtons,e.KendoDrawing,e.KendoReactPopup,e.KendoInputsCommon,e.KendoReactDialogs)}(this,(function(e,t,a,n,r,s,i,l,o,c,d,u){"use strict";function p(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var h=p(t);const m={name:"@progress/kendo-react-inputs",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},f="numerictextbox.increment",v="numerictextbox.decrement",g="slider.increment",b="slider.decrement",k="slider.dragTitle",y="colorGradient.r",C="colorGradient.g",x="colorGradient.b",E="colorGradient.a",w="colorGradient.hex",I="colorGradient.contrastRatio",S="colorGradient.colorGradientAALevel",N="colorGradient.colorGradientAAALevel",L="colorGradient.colorGradientPass",M="colorGradient.colorGradientFail",P="colorGradient.hueSliderLabel",R="colorGradient.alphaSliderLabel",V="colorGradient.toggleInputsButton",O="flatColorPicker.cancelBtn",B="flatColorPicker.applyBtn",T="flatColorPicker.colorGradientBtn",D="flatColorPicker.colorPaletteBtn",z="flatColorPicker.clearBtn",F="checkbox.validation",K="checkbox.optionalText",_="switch.validation",$="colorPicker.dropdownButtonAriaLabel",A="rating.ariaLabel",H="signature.clear",q="signature.maximize",j="signature.minimize",G={[f]:"Increase value",[v]:"Decrease value",[g]:"Increase",[b]:"Decrease",[k]:"Drag",[y]:"r",[C]:"g",[x]:"b",[E]:"a",[w]:"hex",[I]:"Contrast ratio",[S]:"AA",[N]:"AAA",[L]:"Pass",[M]:"Fail",[P]:"Hue slider",[R]:"Alpha slider",[V]:"Toggle colorgradient inputs",[O]:"Cancel",[B]:"Apply",[T]:"Color Gradient view",[D]:"Color Palette view",[z]:"Clear color value",[F]:"Please check this box if you want to proceed!",[K]:"(Optional)","radioButton.validation":"Please select option if you want to proceed!",[_]:"Please turn on if you want to proceed!",[$]:"Select",[A]:"Rating",[H]:"Clear",[q]:"Maximize",[j]:"Minimize"},W=1111111.1111111,U=/\d/,X=(e,t)=>void 0!==e?e:t,Y=(e,t,a)=>null===e&&void 0===e?"":"string"==typeof e?e:a.formatNumber(e,t),Z=e=>(String(e).split(".")[1]||"").length,J=(e,t)=>Math.max(Z(e),Z(t)),Q=(e,t)=>{const a=(e=>Math.min(e,15))(t);return parseFloat(e.toFixed(a))},ee=(e,t,a,n,r,s,i)=>{const l=J(e||0,a||0),o=ae(Q((e||0)+(a||0),l),n,r);t.eventValue=o,t.currentLooseValue=Y(o,s,i),t.selectionStart=t.selectionEnd=oe(t.currentLooseValue,U)},te=(e,t,a,n,r,s,i)=>{const l=J(e||0,a||0),o=ae(Q((e||0)-(a||0),l),n,r);t.eventValue=o,t.currentLooseValue=Y(o,s,i),t.selectionStart=t.selectionEnd=oe(t.currentLooseValue,U)},ae=(e,t,a)=>null==e?e:!(e>1||e<1||1===e)||void 0!==a&&void 0!==t&&a<t?null:(void 0!==a&&e>a&&(e=a),void 0!==t&&e<t&&(e=t),e),ne=(e,t,a,n)=>{e.selectionStart=e.selectionEnd=t,((e,t,a)=>{const n=((e,t)=>{const a=t.findIndex((([t,a])=>!!a&&e.indexOf(a)===e.length-a.length));if(-1===a)return-1;const n=t[a][1];return e.length-n.length})(e,t);if(-1!==n&&a.selectionStart>n)return void(a.selectionStart=a.selectionEnd=n);a.selectionStart>e.length&&(a.selectionStart=a.selectionEnd=e.length);const r=((e,t)=>{const a=t.findIndex((([t,a])=>!!t&&0===e.indexOf(t)));return-1===a?-1:t[a][0].length})(e,t);-1!==r&&a.selectionStart<r&&(a.selectionStart=a.selectionEnd=r),-1===a.selectionStart&&(a.selectionStart=a.selectionEnd=0)})(a,n,e)},re=(e,t,a,n)=>{e.eventValue=n.parseNumber(e.prevLooseValue,t),e.currentLooseValue=e.prevLooseValue,e.valueIsCorrected=!0,ne(e,e.selectionStart,e.currentLooseValue,a)},se=(e,t,a)=>t.split(e).length!==a.split(e).length&&t.length===a.length+e.length,ie=(e,t)=>{const a=e.indexOf(t.decimal);return a>-1?a:oe(e,U)},le=e=>e.split("").reverse().join(""),oe=(e,t)=>e.length-le(e).search(t),ce=e=>e.split(e[e.search(U)])[0],de=e=>{const t=le(e);return le(t.split(t[t.search(U)])[0])},ue=(e,t)=>e.search(t),pe=(e,t)=>{const a=e.indexOf(t);return a>-1?e.length-a-1:0},he=(e,t,a,n,r)=>{const s="0"===e.replace(r,"")[0],i="0"===t.replace(r,"")[0];if(s&&!i)return a-1;if(i&&n)return a+1;let l=0;for(let t=0;t<a;t++)U.test(e.charAt(t))&&l++;let o=0;for(;l>0&&t.length>o;)U.test(t.charAt(o))&&l--,o++;return o},me=(e,t,a)=>{const n={...e},{prevLooseValue:r}=n,s=a.numberSymbols(),i=((e,t)=>{const a=t.formatNumber(W,e),n=t.formatNumber(-W,e),r=t.formatNumber(0,e),s=t.formatNumber(1,e),i=t.numberSymbols(),l=new RegExp(`[\\d\\${i.decimal}${i.group}]`,"g");return[a,n,r,s].map((e=>e.replace(l,""))).join("").split("").filter(((e,t,a)=>a.indexOf(e)===t)).join("")})(t,a),l=String(n.currentLooseValue),o=String(r),c=new RegExp(`[^\\d\\${s.decimal}]`,"g"),d=new RegExp(`[^\\d\\${s.decimal}\\${s.group}]`,"g"),u=new RegExp(`[\\d\\${s.decimal}\\${s.group}]`),p=l.replace(c,""),h=ue(l,U),m=-1===h?-1:oe(l,U),f=l.indexOf(s.decimal),v=(l.substring(0,h)+l.substring(h,m).replace(d,"")+l.substring(m,l.length)).split("").filter((e=>-1!==i.indexOf(e)||-1!==e.search(u))).join(""),g=a.formatNumber(.31111111111111117,t).replace(c,""),b=g.indexOf(s.decimal),k=b>-1?g.length-b-1:0,y=a.formatNumber(1,t).replace(c,""),C=y.indexOf(s.decimal),x=C>-1?y.length-C-1:0,{positiveInfo:E,negativeInfo:w,zeroInfo:I,oneInfo:S}=((e,t)=>{const a=t.formatNumber(W,e),n=t.formatNumber(-W,e),r=t.formatNumber(0,e),s=t.formatNumber(1,e),i=ce(a),l=ce(n),o=ce(r),c=ce(s);return{positiveInfo:[i,de(a)],negativeInfo:[l,de(n)],zeroInfo:[o,de(r)],oneInfo:[c,de(s)]}})(t,a),N=[E,w,I,S],L=1!==N.findIndex((e=>-1!==e.findIndex((e=>!!e)))),M=l.length>0&&l.length<o.length,P="string"==typeof t&&"p"===t[0]&&l&&-1===l.indexOf(s.percentSign);if(!n.isPaste){if(""===l)return n.eventValue=null,n.currentLooseValue="",n;if(n.currentLooseValue===s.minusSign&&a.formatNumber(-0,t)!==o)return n.eventValue=-0,n.currentLooseValue=Y(n.eventValue,t,a),ne(n,ie(n.currentLooseValue,s),n.currentLooseValue,N),n;if(n.currentLooseValue===s.decimal){n.eventValue=0;const e=Y(n.eventValue,t,a);if(0===x&&k>0){const t=oe(e,U);n.currentLooseValue=e.substring(0,t)+s.decimal+e.substring(t)}else n.currentLooseValue=e;return ne(n,ie(n.currentLooseValue,s)+1,n.currentLooseValue,N),n}if(((e,t)=>{const a=String(e.currentLooseValue),n=String(e.prevLooseValue);return se(t.minusSign,a,n)||se("-",a,n)||se("−",a,n)})(n,s)){const e=a.parseNumber(r,t);n.eventValue=-(null!==e?e:0),n.currentLooseValue=Y(n.eventValue,t,a);const s=ue(n.currentLooseValue,U),i=ue(o,U);return ne(n,n.selectionEnd-1+(s-i),n.currentLooseValue,N),n}if(((e,t)=>{const a=String(e.currentLooseValue),n=String(e.prevLooseValue);return-1===a.indexOf(t.minusSign)&&-1!==n.indexOf(t.minusSign)})(n,s))return n.eventValue=a.parseNumber(n.currentLooseValue,t),ne(n,n.selectionStart,n.currentLooseValue,N),n;if(((e,t)=>String(e.currentLooseValue).split(t.decimal).length>2)(n,s))return re(n,t,N,a),n;if(P)return n.eventValue=a.parseNumber(l,t)/100,n.currentLooseValue=Y(n.eventValue,t,a),n;if(String(n.currentLooseValue).replace(/[^\d]/g,"").length>15||p!==l&&l&&L&&-1===N.findIndex((([e,t])=>{const a=l.indexOf(e),n=l.indexOf(t),r=0===a,i=n===l.length-t.length,o=a+e.length!==h&&-1!==h&&l[a+e.length]!==s.decimal,c=n!==m&&-1!==m&&l[n-1]!==s.decimal;return e&&t?!o&&!c&&(r&&i):e?!o&&r:!!t&&(!c&&i)})))return re(n,t,N,a),n;if(p[p.length-1]===s.decimal&&k>0)return n.eventValue=a.parseNumber(l,t),n.currentLooseValue=v,n;if(n.currentLooseValue&&r&&(i+s.decimal+s.group).split("").findIndex((e=>l.split("").filter((t=>t===e)).length<o.split("").filter((t=>t===e)).length&&l.length+1===o.length&&!(e===s.decimal&&0===pe(o.replace(c,""),s.decimal))))>-1)return n.eventValue=a.parseNumber(e.prevLooseValue,t),n.currentLooseValue=e.prevLooseValue,n;const d=pe(p,s.decimal),u="0"===p[p.length-1];if(M&&u&&d<x)return n.eventValue=a.parseNumber(n.currentLooseValue,t),n.currentLooseValue=Y(n.eventValue,t,a),n;if(d>0){const e=l.substring(0,f);if(u&&(!e||0!==o.indexOf(e))){n.eventValue=a.parseNumber(n.currentLooseValue,t);const e=Y(n.eventValue,t,a);return ne(n,he(l,e,n.selectionEnd,M,c),e,N),n.currentLooseValue=e,n}if(d>k){const e=l.indexOf(s.decimal),r=l.substring(0,e)+l.substring(e,e+1+k)+l.substring(m,String(n.currentLooseValue).length);return n.eventValue=a.parseNumber(r,t),n.currentLooseValue=r,ne(n,n.selectionStart,r,N),n}if(x!==k&&d<=k&&u)return n.eventValue=a.parseNumber(n.currentLooseValue,t),n.currentLooseValue=v,n;if(d<x)return n.eventValue=a.parseNumber(n.currentLooseValue,t),n.currentLooseValue=Y(n.eventValue,t,a),n}}if(n.eventValue=a.parseNumber(n.currentLooseValue,t),P&&(n.eventValue=n.eventValue/100),"number"==typeof n.eventValue){const e=Y(n.eventValue,t,a);1===l.length?ne(n,ie(e,s),e,N):ne(n,he(l,e,n.selectionEnd,M,c),e,N),n.currentLooseValue=e}else n.currentLooseValue=Y(a.parseNumber(p),t,a);return n},fe=r.createPropsContext(),ve=h.forwardRef(((e,t)=>{r.validatePackage(m);const a=r.usePropsContext(fe,e),{className:o,value:c,defaultValue:d,step:u,format:p,width:g,tabIndex:b,accessKey:k,title:y,placeholder:C,min:x,max:E,spinners:w,disabled:I,dir:S,name:N,label:L,id:M,prefix:P,suffix:R,ariaDescribedBy:V,validityStyles:O,ariaLabelledBy:B,required:T,ariaLabel:D,inputType:z,rangeOnEnter:F,readOnly:K,onChange:_,onFocus:$,onBlur:A,validationMessage:H,children:q,size:j,rounded:W,fillMode:U,style:Z,inputStyle:J,valid:Q,...ne}=a,re=r.useId(),se=M||re,ie=n.useInternationalization(),le=n.useLocalization(),oe=h.useRef(null),ce=h.useRef(),[de,ue]=h.useState(!1),pe=h.useRef({eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1}),he=h.useRef(!1),ve=h.useRef(),ge=h.useRef(d),be=Y(pe.current.focused&&!I?pe.current.currentLooseValue:X(c,ge.current),p,ie);ve.current=be;const[ke]=r.useCustomComponent(P),[ye]=r.useCustomComponent(R);h.useEffect((()=>{oe.current&&oe.current.setCustomValidity&&oe.current.setCustomValidity(Ie().valid?"":H||"Please enter a valid value!")}));const Ce=h.useCallback((()=>{oe.current&&oe.current.focus()}),[]),xe=h.useCallback((()=>void 0!==ce.current?ce.current:X(c,ge.current)),[c]),Ee=h.useCallback((()=>N),[N]),we=h.useCallback((()=>T),[T]),Ie=h.useCallback((()=>{const e=void 0!==H,t=xe();return{customError:e,valid:void 0!==Q?Q:!(pe.current.valueIsOutOfRange||we()&&null==t),valueMissing:null==t}}),[H,Q,xe,we]),Se=h.useCallback((()=>O),[O]),Ne=h.useCallback((()=>a),[a]),Le=h.useCallback((()=>{const e={element:oe.current,focus:Ce};return Object.defineProperty(e,"name",{get:Ee}),Object.defineProperty(e,"value",{get:xe}),Object.defineProperty(e,"validity",{get:Ie}),Object.defineProperty(e,"validityStyles",{get:Se}),Object.defineProperty(e,"required",{get:we}),Object.defineProperty(e,"props",{get:Ne}),e}),[Ee,xe,Ie,Se,we,Ce,Ne]);h.useImperativeHandle(t,Le);const Me=h.useCallback((()=>({eventValue:X(c,ge.current),prevLooseValue:ve.current,currentLooseValue:oe.current.value,selectionStart:oe.current.selectionStart,selectionEnd:oe.current.selectionEnd,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1,isPaste:he.current,focused:pe.current.focused})),[c]),Pe=h.useCallback(((e,t)=>{if(I)return;ce.current=t.eventValue,ge.current=t.eventValue;const a=Y(ae(t.eventValue,x,E),p,ie),n=ae(ie.parseNumber(a,p),x,E);n!==t.eventValue&&(t.valueIsOutOfRange=!0,t.eventValue=n,ge.current=n),c!==t.eventValue&&r.dispatchEvent(_,e,Le(),{value:t.eventValue}),ce.current=void 0,pe.current=t,ue((e=>!e))}),[c,_,I,ue,Le]),Re=h.useCallback((e=>{const t=Me();he.current=!1,Pe(e,me(t,p,ie))}),[p,_,ie,Pe,Me]),Ve=h.useCallback((e=>{let t=Me();const a=ie.parseNumber(String(t.currentLooseValue),p);if(t.selectionEnd>t.selectionStart&&t.selectionEnd-t.selectionStart===String(t.currentLooseValue).length){const t=ie.numberSymbols(),a=t&&e.key===t.minusSign,n=t&&e.key===t.decimal;he.current=!a&&!n}else{switch(e.keyCode){case 38:ee(a,t,u,x,E,p,ie);break;case 40:te(a,t,u,x,E,p,ie);break;case 13:{if(!1===F)return;const e=Y(ae(a,x,E),p,ie),n=ae(ie.parseNumber(e,p),x,E);t.eventValue=n,t.currentLooseValue=Y(n,p,ie),t.selectionStart=t.selectionEnd=t.currentLooseValue.length;break}case 110:{const e=oe.current,a=ie.numberSymbols();e&&(t.currentLooseValue=t.currentLooseValue.slice(0,t.selectionStart)+a.decimal+t.currentLooseValue.slice(t.selectionEnd),t.selectionStart=t.selectionEnd=t.selectionStart+1,t=me(t,p,ie));break}default:return}e.preventDefault(),Pe(e,t)}}),[p,x,E,u,_,F,Pe,Me]),Oe=h.useCallback((()=>{he.current=!0}),[]),Be=h.useCallback((e=>{if(K||I)return;const t=Me();ee(ie.parseNumber(String(t.currentLooseValue),p),t,u,x,E,p,ie),Pe(e,t)}),[p,x,E,u,_,K,I,Pe,Me]),Te=h.useCallback((e=>{if(K||I)return;const t=Me();te(ie.parseNumber(String(t.currentLooseValue),p),t,u,x,E,p,ie),Pe(e,t)}),[p,x,E,u,_,K,I,Pe,Me]),De=h.useCallback((e=>{const t=r.getActiveElement(document);!document||t!==oe.current||!oe.current||K||I||(e.nativeEvent.deltaY<0&&Be(e),e.nativeEvent.deltaY>0&&Te(e))}),[Be,Te,I,K]),ze=h.useCallback((e=>{pe.current.currentLooseValue=ve.current,pe.current.focused=!0,r.dispatchEvent($,e,Le(),{}),ue((e=>!e))}),[$,ue,Le]),Fe=h.useCallback((e=>{pe.current={eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1},r.dispatchEvent(A,e,Le(),{}),ue((e=>!e))}),[A,ue,Le]),Ke=h.useCallback((e=>{if(document&&oe.current){const t=r.getActiveElement(document);e.preventDefault(),t!==oe.current&&oe.current.focus()}}),[]);r.useIsomorphicLayoutEffect((()=>{oe.current&&"number"!==oe.current.type&&void 0!==pe.current.selectionStart&&void 0!==pe.current.selectionEnd&&(oe.current.selectionStart=pe.current.selectionStart,oe.current.selectionEnd=pe.current.selectionEnd,pe.current.selectionStart=void 0,pe.current.selectionEnd=void 0)}),[de]);const _e=!Se()||Ie().valid,$e=h.createElement("span",{dir:S,style:L?Z:{width:g,...Z},className:r.classNames("k-input","k-numerictextbox",{[`k-input-${r.kendoThemeMaps.sizeMap[j]||j}`]:j,[`k-input-${U}`]:U,[`k-rounded-${r.kendoThemeMaps.roundedMap[W]||W}`]:W,"k-invalid":!_e,"k-required":T,"k-disabled":I},o),"aria-disabled":I?"true":void 0,...L?{}:ne},h.createElement(ke,null),h.createElement("input",{role:"spinbutton",value:null===be?"":be,tabIndex:r.getTabIndex(b,I),accessKey:k,disabled:I,title:y,"aria-disabled":I?"true":void 0,"aria-valuemin":x,"aria-valuemax":E,"aria-label":D,"aria-labelledby":B,"aria-describedby":V,placeholder:C,spellCheck:!1,autoComplete:"off",autoCorrect:"off",type:z||"tel",className:"k-input-inner",id:se,name:N,readOnly:K,style:J,onChange:Re,onFocus:ze,onBlur:Fe,onKeyDown:Ve,onPaste:Oe,onWheel:De,ref:oe}),h.createElement(ye,null),q,w&&h.createElement("span",{className:"k-input-spinner k-spin-button",onMouseDown:Ke},h.createElement(l.Button,{tabIndex:-1,type:"button",icon:"caret-alt-up",svgIcon:s.caretAltUpIcon,rounded:null,className:"k-spinner-increase","aria-label":le.toLanguageString(f,G[f]),title:le.toLanguageString(f,G[f]),onClick:Be}),h.createElement(l.Button,{tabIndex:-1,type:"button",icon:"caret-alt-down",svgIcon:s.caretAltDownIcon,rounded:null,className:"k-spinner-decrease","aria-label":le.toLanguageString(v,G[v]),title:le.toLanguageString(v,G[v]),onClick:Te})));return L?h.createElement(i.FloatingLabel,{label:L,editorId:se,editorValue:null===be?"":be,editorValid:_e,editorDisabled:I,editorPlaceholder:C,children:$e,style:{width:g},dir:S,...ne}):$e}));ve.propTypes={value:a.number,defaultValue:a.number,step:a.number,format:a.oneOfType([a.string,a.shape({style:a.oneOf(["decimal","currency","percent","scientific","accounting"]),currency:a.string,currencyDisplay:a.oneOf(["symbol","code","name"]),useGrouping:a.bool,minimumIntegerDigits:a.number,minimumFractionDigits:a.number,maximumFractionDigits:a.number})]),width:a.oneOfType([a.string,a.number]),tabIndex:a.number,accessKey:a.string,title:a.string,placeholder:a.string,min:a.number,max:a.number,spinners:a.bool,disabled:a.bool,readOnly:a.bool,dir:a.string,name:a.string,label:a.string,validationMessage:a.string,required:a.bool,id:a.string,rangeOnEnter:a.bool,ariaLabelledBy:a.string,ariaDescribedBy:a.string,ariaLabel:a.string,onChange:a.func,onFocus:a.func,onBlur:a.func,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","flat","outline"])},ve.displayName="KendoNumericTextBox",ve.defaultProps={prefix:e=>null,suffix:e=>null,step:1,spinners:!0,disabled:!1,required:!1,validityStyles:!0,rangeOnEnter:!0,onChange:e=>{},onFocus:e=>{},onBlur:e=>{},size:"medium",rounded:"medium",fillMode:"solid"};const ge=e=>null!=e,be=(e,t,a)=>!ge(e)||isNaN(e)||e<=t?t:e>=a?a:e,ke=(e,t,a=!0)=>{if(-1===["hex","rgba"].indexOf(t))throw new Error(`Unsupported color output format '${t}'. The available options are 'hex' or 'rgba'.`);if(!ge(e))return;const n=o.parseColor(e.trim(),a);return ge(n)?"hex"===t?n.toCss():n.toCssRgba():void 0},ye=(e,t=!0)=>{const a=o.parseColor(e,t);return ge(a)?a.toHSV():{}},Ce=(e,t=!0)=>{const a=o.parseColor(e,t);return ge(a)?a.toBytes():{}},xe=e=>{const t=be(e.h,0,359.9),a=be(e.s,0,1),n=be(e.v,0,1),r=be(e.a,0,1);return o.Color.fromHSV(t,a,n,r).toCssRgba()},Ee=e=>xe({h:e,s:1,v:1,a:1}),we=(e,t)=>{const a=be(e.r,0,255),n=be(e.g,0,255),r=be(e.b,0,255),s=be(e.a,0,1),i=be(t.r,0,255),l=be(t.g,0,255),o=be(t.b,0,255);return{r:Math.round((1-s)*i+s*a),g:Math.round((1-s)*l+s*n),b:Math.round((1-s)*o+s*r)}},Ie=e=>{let t=[e.r||0,e.g||0,e.b||0].map((function(e){return(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)}));return.2126*t[0]+.7152*t[1]+.0722*t[2]},Se=(e,t)=>((e,t)=>(Math.max(e,t)+.05)/(Math.min(e,t)+.05))(Ie(we(e,t)),Ie(we(t,{r:0,g:0,b:0,a:1}))),Ne=class e extends h.Component{constructor(t){super(t),this._input=null,this.focus=()=>{this._input&&this._input.focus()},this.isInvalid=e=>{let t=!1;for(let a in e)e.hasOwnProperty(a)&&(t=t||!!e[a]);return t},this.setValidity=()=>{this._input&&this._input.setCustomValidity&&(this.validity.valid||!this.validityStyles?this._input.classList.remove("k-invalid"):this._input.classList.add("k-invalid"),this._input.setCustomValidity(this.validity.valid?"":this.props.validationMessage||""))},this.handleChange=e=>{this.setState({value:e.target.value}),this.valueDuringOnChange=e.target.value,this.props.onChange&&this.props.onChange.call(void 0,{syntheticEvent:e,nativeEvent:e.nativeEvent,value:e.target.value,target:this}),this.valueDuringOnChange=void 0},this.handleAutoFill=e=>{if("autoFillStart"===e.animationName){let t=e.target.parentNode;t&&t.classList.contains("k-empty")&&t.classList.remove("k-empty")}},r.validatePackage(m),this.state={value:this.props.defaultValue||e.defaultProps.defaultValue}}get _inputId(){return this.props.id}get element(){return this._input}get value(){return void 0!==this.valueDuringOnChange?this.valueDuringOnChange:void 0!==this.props.value?this.props.value:this.state.value}get name(){return this.props.name}get validity(){const e={badInput:!!this._input&&this._input.validity.badInput,patternMismatch:!!this._input&&this._input.validity.patternMismatch,rangeOverflow:!!this._input&&this._input.validity.rangeOverflow,rangeUnderflow:!!this._input&&this._input.validity.rangeUnderflow,stepMismatch:!!this._input&&this._input.validity.stepMismatch,tooLong:!!this._input&&this._input.validity.tooLong,typeMismatch:!!this._input&&this._input.validity.typeMismatch,valueMissing:!!this._input&&this._input.validity.valueMissing};return{...e,customError:void 0!==this.props.validationMessage,valid:void 0!==this.props.valid?this.props.valid:!this._input||!this.isInvalid(e)}}get validityStyles(){return void 0!==this.props.validityStyles?this.props.validityStyles:e.defaultProps.validityStyles}componentDidMount(){this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{className:e,label:t,labelClassName:a,id:n,validationMessage:s,defaultValue:l,valid:o,visited:c,touched:d,modified:u,ariaLabelledBy:p,ariaDescribedBy:m,validityStyles:f,style:v,ariaLabel:g,...b}=this.props,k=n||this._inputId,y=!this.validityStyles||this.validity.valid,C=r.classNames(e,"k-input k-input-md k-rounded-md k-input-solid"),x=h.createElement("input",{"aria-labelledby":p,"aria-describedby":m,"aria-disabled":this.props.disabled||void 0,"aria-invalid":!y||void 0,"aria-label":g||void 0,...b,style:t?void 0:v,value:this.value,id:k,className:C,onChange:this.handleChange,onAnimationStart:this.handleAutoFill,ref:e=>{this._input=e}});return t?h.createElement(i.FloatingLabel,{label:t,labelClassName:a,editorId:k,editorValue:String(this.value),editorValid:y,editorDisabled:b.disabled,editorPlaceholder:b.placeholder,children:x,style:v,dir:b.dir}):x}};Ne.displayName="Input",Ne.propTypes={label:a.string,labelClassName:a.string,validationMessage:a.string,required:a.bool,validate:a.bool,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,ariaLabel:a.string},Ne.defaultProps={defaultValue:"",required:!1,validityStyles:!0};let Le=Ne;const Me=r.createPropsContext(),Pe=r.withIdHOC(r.withPropsContext(Me,Le));Pe.displayName="KendoReactInput";let Re=class extends h.Component{constructor(e){super(e),this.onChange=e=>{const t=e.target.value,a=ke(t,"rgba");this.setState({hex:t}),ge(a)&&this.props.onHexChange(t,a,e)},this.onBlur=()=>{ge(ke(this.state.hex,"rgba"))||this.setState({hex:this.state.originalHex})},this.state={hex:this.props.hex,originalHex:this.props.hex}}render(){return h.createElement(Pe,{value:this.state.hex,onChange:this.onChange,onBlur:this.onBlur,disabled:this.props.disabled})}static getDerivedStateFromProps(e,t){return e.hex!==t.originalHex?{hex:e.hex,originalHex:e.hex}:null}};const Ve=["rgba","rgb","hex"];let Oe=class extends h.Component{constructor(e){super(e),this.onRgbaRChange=e=>{this.dispatchRgbaChange({r:e.value},e)},this.onRgbaGChange=e=>{this.dispatchRgbaChange({g:e.value},e)},this.onRgbaBChange=e=>{this.dispatchRgbaChange({b:e.value},e)},this.onRgbaAChange=e=>{this.dispatchRgbaChange({a:e.value},e)},this.state={inputMode:e.defaultInputMode||Ve[1]}}render(){const e=n.provideLocalizationService(this),t=e.toLanguageString(y,G[w]),a=e.toLanguageString(y,G[y]),r=e.toLanguageString(y,G[C]),o=e.toLanguageString(y,G[x]),c=e.toLanguageString(y,G[E]),d=e.toLanguageString(V,G[V]);return h.createElement("div",{className:"k-colorgradient-inputs k-hstack"},h.createElement("div",{className:"k-vstack"},h.createElement(l.Button,{"aria-label":d,fillMode:"flat",icon:"caret-alt-expand",svgIcon:s.caretAltExpandIcon,className:"k-colorgradient-toggle-mode k-icon-button",onClick:this.onToggleModeChange.bind(this)})),"hex"===this.state.inputMode&&h.createElement("div",{className:"k-vstack k-flex-1"},h.createElement("span",{className:"k-hex-value k-textbox k-input"},h.createElement(Re,{hex:this.props.hex,onHexChange:this.props.onHexChange,disabled:this.props.disabled})),h.createElement(i.Label,{className:"k-colorgradient-input-label"},t)),("rgb"===this.state.inputMode||"rgba"===this.state.inputMode)&&h.createElement(h.Fragment,null,h.createElement("div",{className:"k-vstack"},h.createElement(ve,{inputType:"number",value:this.props.rgba.r,ariaLabel:String(this.props.rgba.r),min:0,max:255,spinners:!1,format:"n",onChange:this.onRgbaRChange,disabled:this.props.disabled}),h.createElement(i.Label,{className:"k-colorgradient-input-label"},a)),h.createElement("div",{className:"k-vstack"},h.createElement(ve,{inputType:"number",value:this.props.rgba.g,ariaLabel:String(this.props.rgba.g),min:0,max:255,spinners:!1,format:"n",onChange:this.onRgbaGChange,disabled:this.props.disabled}),h.createElement(i.Label,{className:"k-colorgradient-input-label"},r)),h.createElement("div",{className:"k-vstack"},h.createElement(ve,{inputType:"number",value:this.props.rgba.b,ariaLabel:String(this.props.rgba.b),min:0,max:255,spinners:!1,format:"n",onChange:this.onRgbaBChange,disabled:this.props.disabled}),h.createElement(i.Label,{className:"k-colorgradient-input-label"},o))),"rgba"===this.state.inputMode&&h.createElement("div",{className:"k-vstack"},this.props.opacity&&h.createElement(ve,{inputType:"number",value:this.props.rgba.a,ariaLabel:String(this.props.rgba.a),min:0,max:1,step:.01,spinners:!1,format:"n2",onChange:this.onRgbaAChange,disabled:this.props.disabled}),this.props.opacity&&h.createElement(i.Label,{className:"k-colorgradient-input-label"},c)))}dispatchRgbaChange(e,t){let a={...this.props.rgba};void 0!==e.r&&(a.r=e.r),void 0!==e.g&&(a.g=e.g),void 0!==e.b&&(a.b=e.b),void 0!==e.a&&(a.a=e.a),this.props.onRgbaChange(a,t)}onToggleModeChange(){const e=Ve.length-1===Ve.indexOf(this.state.inputMode)?0:Ve.indexOf(this.state.inputMode)+1;if(this.props.opacity)this.setState({inputMode:Ve[e]});else{const t="rgba"===Ve[e]?e+1:e;this.setState({inputMode:Ve[t]})}}};n.registerForIntl(Oe),n.registerForLocalization(Oe);const Be="data-slider-label",Te=class extends h.Component{constructor(e){super(e),this.state={value:void 0===this.props.defaultValue?this.props.min:this.props.defaultValue,focused:!1,dir:this.props.dir},this._sliderTrack=null,this._element=null,this.buttons=e=>{if(!e.enabled)return e.children;const t="rtl"===this.state.dir?this.props.vertical?s.caretAltUpIcon:s.caretAltLeftIcon:this.props.vertical?s.caretAltUpIcon:s.caretAltRightIcon,a="rtl"===this.state.dir?this.props.vertical?s.caretAltDownIcon:s.caretAltRightIcon:this.props.vertical?s.caretAltDownIcon:s.caretAltLeftIcon,n="rtl"===this.state.dir?this.props.vertical?"caret-alt-up":"caret-alt-left":this.props.vertical?"caret-alt-up":"caret-alt-right",r="rtl"===this.state.dir?this.props.vertical?"caret-alt-down":"caret-alt-right":this.props.vertical?"caret-alt-down":"caret-alt-left";return h.createElement(h.Fragment,null,h.createElement(l.Button,{className:"k-button-decrease",rounded:"full",icon:r,svgIcon:a,title:e.decrementTitle,onClick:e.decrement}),e.children,h.createElement(l.Button,{className:"k-button-increase",rounded:"full",icon:n,svgIcon:t,title:e.incrementTitle,onClick:e.increment}))},this.focus=()=>{this._element&&this._element.focus()},this.isLabel=e=>{let t=e;for(;t;){if(t.getAttribute(Be))return!0;t=t.parentElement}return!1},this.onFocus=()=>{this.setState({focused:!0})},this.onBlur=()=>{this.setState({focused:!1})},this.onKeyDown=e=>{let t;e.keyCode===r.Keys.left||e.keyCode===r.Keys.down?t=this.state.value-(this.props.step||0):e.keyCode===r.Keys.right||e.keyCode===r.Keys.up?t=this.state.value+(this.props.step||0):e.keyCode===r.Keys.home?t=this.props.min:e.keyCode===r.Keys.end&&(t=this.props.max),void 0!==t&&(e.preventDefault(),this.change(e,t))},this.decrement=e=>{e.preventDefault(),this.change(e,this.state.value-(this.props.step||0))},this.increment=e=>{e.preventDefault(),this.change(e,this.state.value+(this.props.step||0))},this.dragStart=e=>{this.isLabel(e.event.originalEvent.target)||(e.event.isTouch&&e.event.originalEvent.preventDefault(),this.drag(e))},this.dragOver=e=>{e.event.originalEvent.preventDefault(),this.drag(e)},this.drag=e=>{const t=e.element.getBoundingClientRect(),a=(this.props.vertical?t.bottom-e.event.clientY:"rtl"===this.state.dir?t.right-e.event.clientX:e.event.clientX-t.left)/(this.props.vertical?t.height:t.width);this.change(e,this.props.min+a*(this.props.max-this.props.min))},r.validatePackage(m)}static getDerivedStateFromProps(e,t){const a=void 0!==e.value?e.value:t.value,{min:n,max:r}=e;return void 0===a?null:{value:Math.min(Math.max(a,n),r)}}componentDidMount(){if(!this.state.dir&&window&&this._element){const e=window.getComputedStyle(this._element).direction;e&&this.setState({dir:e})}}render(){const e=n.provideLocalizationService(this),t=(this.state.value-this.props.min)/(this.props.max-this.props.min)*100,a=this.props.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},s=this.props.vertical?{paddingTop:0,height:"100%"}:{};return h.createElement("div",{ref:e=>this._element=e,dir:this.state.dir,id:this.props.id,style:{gap:0,...this.props.style},onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,className:r.classNames("k-slider",{"k-focus":this.state.focused,"k-disabled":this.props.disabled,"k-slider-horizontal":!this.props.vertical,"k-slider-vertical":this.props.vertical},this.props.className)},h.createElement(this.buttons,{enabled:this.props.buttons,decrement:this.decrement,increment:this.increment,incrementTitle:e.toLanguageString(g,G[g]),decrementTitle:e.toLanguageString(b,G[b])},h.createElement(r.Draggable,{onDrag:this.dragOver,onPress:this.dragStart},h.createElement("div",{className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...a}},this.props.children&&h.createElement("ul",{className:"k-reset k-slider-items",style:{margin:0,...s}},h.Children.map(this.props.children,(e=>e&&h.cloneElement(e,{position:100*(e.props.position-this.props.min)/(this.props.max-this.props.min),vertical:this.props.vertical},e.props.children)))),h.createElement("div",{className:"k-slider-track",style:this.props.vertical?{bottom:0,height:"100%"}:{["rtl"===this.state.dir?"right":"left"]:0,width:"100%"},ref:e=>this._sliderTrack=e},h.createElement("div",{className:"k-slider-selection",style:this.props.vertical?{height:t+"%"}:{width:t+"%"}}),h.createElement("span",{role:"slider","aria-valuemin":this.props.min,"aria-valuemax":this.props.max,"aria-valuenow":this.state.value,"aria-valuetext":String(this.state.value),"aria-orientation":this.props.vertical?"vertical":void 0,"aria-disabled":this.props.disabled?"true":void 0,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel,tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled,void 0),className:"k-draghandle",title:e.toLanguageString(k,G[k]),style:this.props.vertical?{bottom:"calc("+t+"%)",zIndex:1}:"rtl"===this.state.dir?{right:"calc("+t+"% - 13px)",zIndex:1}:{left:"calc("+t+"%)",zIndex:1}}))))))}get sliderTrack(){return this._sliderTrack}change(e,t){t=Math.min(Math.max(t,this.props.min),this.props.max),this.setState({value:t}),r.dispatchEvent(this.props.onChange,e,this,{value:t})}};Te.displayName="Slider",Te.propTypes={min:a.number.isRequired,max:a.number.isRequired,value:a.number,vertical:a.bool,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,ariaLabel:a.string};let De=Te;const ze=r.createPropsContext(),Fe=r.withPropsContext(ze,De);Fe.displayName="KendoReactSlider",n.registerForLocalization(De);const Ke={};let _e=class extends h.Component{render(){const e=n.provideLocalizationService(this),t=e.toLanguageString(I,G[I]),a=e.toLanguageString(S,G[S]),i=e.toLanguageString(N,G[N]),l=e.toLanguageString(L,G[L]),o=e.toLanguageString(M,G[M]),c=Se(this.props.rgba,this.props.bgColor),d=4.5.toFixed(1),u=7..toFixed(1),p=`${t}: ${c.toFixed(2)}`,m=`${a}: ${d}`,f=`${i}: ${u}`,v=h.createElement("span",{className:"k-contrast-validation k-text-success"},l," ",h.createElement(r.IconWrap,{name:"check",icon:s.checkIcon})),g=h.createElement("span",{className:"k-contrast-validation k-text-error"},o," ",h.createElement(r.IconWrap,{name:"x",icon:s.xIcon}));return h.createElement("div",{className:"k-vbox k-colorgradient-color-contrast"},h.createElement("div",{className:"k-contrast-ratio"},h.createElement("span",{className:"k-contrast-ratio-text"},p),c>=4.5?h.createElement("span",{className:"k-contrast-validation k-text-success"},h.createElement(r.IconWrap,{name:"check",icon:s.checkIcon}),c>=7&&h.createElement(r.IconWrap,{name:"check",icon:s.checkIcon})):h.createElement("span",{className:"k-contrast-validation k-text-error"},h.createElement(r.IconWrap,{name:"x",icon:s.xIcon}))),h.createElement("div",null,h.createElement("span",null,m),c>=4.5?v:g),h.createElement("div",null,h.createElement("span",null,f),c>=7?v:g))}};n.registerForLocalization(_e);const $e=(e,t)=>0===e.length?"":`<path d="${e.reduce(((e,a,n,r)=>0===n?`M ${a[0]},${a[1]}`:`${e} ${t(a,n,r)}`),"")}" fill="none" stroke="white" stroke-width="1"/>`,Ae=(e,t)=>{const a=t[0]-e[0],n=t[1]-e[1];return{length:Math.sqrt(Math.pow(a,2)+Math.pow(n,2)),angle:Math.atan2(n,a)}};let He=class extends h.Component{renderSvgCurveLine(){const e=this.props.metrics,t=(a,n,r,s,i)=>{const l=(r+s)/2,o=Object.assign({},this.props.hsva,{s:n/e.width,v:1-l/e.height}),c=Se(Ce(xe(o)),Ce(this.props.backgroundColor||""));return r+.5>s?c<a+1&&c>a-1?l:null:i(c,a)?t(a,n,r,s-(s-r)/2,i):t(a,n,r+(s-r)/2,s,i)},a=(a,n,r=!1)=>{const s=[];for(let i=0;i<=e.width;i+=e.width/n){const n=t(a,i,0,e.height,r?(e,t)=>e<t:(e,t)=>e>t);null!==n&&s.push([i,n])}return s},n=(e=>(t,a,n)=>{const[r,s]=e(n[a-1],n[a-2],t),[i,l]=e(t,n[a-1],n[a+1],!0);return`C ${r},${s} ${i},${l} ${t[0]},${t[1]}`})((e=>(t,a,n,r)=>{const s=e(a||t,n||t),i=s.angle+(r?Math.PI:0),l=.1*s.length;return[t[0]+Math.cos(i)*l,t[1]+Math.sin(i)*l]})(Ae));return $e(a(4.5,16),n)+$e(a(4.5,16,!0),n)+$e(a(7,16),n)+$e(a(7,16,!0),n)}shouldComponentUpdate(e){return!(e.hsva.h===this.props.hsva.h&&e.hsva.a===this.props.hsva.a&&this.props.backgroundColor===e.backgroundColor)}render(){return h.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",className:"k-color-contrast-svg",dangerouslySetInnerHTML:{__html:this.renderSvgCurveLine()},style:{position:"absolute",overflow:"visible",pointerEvents:"none",left:0,top:0,zIndex:3}})}};const qe="rgba(255, 255, 255, 1)",je=class e extends h.Component{constructor(t){super(t),this.wrapper=null,this.onHexChange=(e,t,a)=>{if(this.isUncontrolled){const a=ye(t);this.setState({hsva:a,backgroundColor:Ee(a.h),rgba:Ce(t),hex:e})}else!function(e,t,a){Ke[e]={value:t,hex:a}}(this.state.guid,t,e);this.dispatchChangeEvent(t,a,a.nativeEvent)},this.onRgbaChange=(e,t)=>{const a=(e=>{const t=be(e.r,0,255),a=be(e.g,0,255),n=be(e.b,0,255),r=be(e.a,0,1);return o.Color.fromBytes(t,a,n,r).toCssRgba()})(e);if(this.isUncontrolled){const t=ye(a),n=ke(a,"hex");this.setState({hsva:t,backgroundColor:Ee(t.h),rgba:e,hex:n})}else!function(e,t,a){Ke[e]={value:t,rgba:a}}(this.state.guid,a,e);this.dispatchChangeEvent(a,t.syntheticEvent,t.nativeEvent)},this.onAlphaSliderChange=e=>{this.handleHsvaChange(Object.assign({},this.state.hsva,{a:e.value/100}),e.syntheticEvent,e.nativeEvent)},this.onHueSliderChange=e=>{this.handleHsvaChange(Object.assign({},this.state.hsva,{h:e.value}),e.syntheticEvent,e.nativeEvent)},this.onDrag=e=>{this.gradientWrapper.classList.add("k-dragging"),this.changePosition(e.event)},this.onRelease=()=>{this.gradientWrapper.classList.remove("k-dragging")},this.onGradientWrapperClick=e=>{this.changePosition(e)},this.changePosition=e=>{const t=this.getGradientRectMetrics(),a=e.clientX-t.left,n=e.clientY-t.top,r=be(a,0,t.width),s=be(n,0,t.height),i=Object.assign({},this.state.hsva,{s:r/t.width,v:1-s/t.height});this.handleHsvaChange(i,e,e.nativeEvent)},this.onFocus=e=>{this.props.onFocus&&this.props.onFocus.call(void 0,{nativeEvent:e,target:this})},this.focus=()=>{this.wrapper&&r.focusFirstFocusableChild(this.wrapper)},r.validatePackage(m);const a=t.value||t.defaultValue||ke(qe,"rgba");this.state=Object.assign({},e.getStateFromValue(a),{isFirstRender:!0,guid:this.props.id})}static getDerivedStateFromProps(t,a){return t.value&&!a.isFirstRender?e.getStateFromValue(t.value,a.guid):null}componentDidMount(){this.setAlphaSliderBackground(this.state.backgroundColor),this.state.isFirstRender&&this.setState({isFirstRender:!1})}componentWillUnmount(){!function(e){delete Ke[e]}(this.state.guid)}componentDidUpdate(e,t){t.backgroundColor!==this.state.backgroundColor&&this.setAlphaSliderBackground(this.state.backgroundColor)}renderRectangleDragHandle(){let e={};if(!this.state.isFirstRender){const t=this.getGradientRectMetrics(),a=(1-this.state.hsva.v)*t.height,n=this.state.hsva.s*t.width;e.top=`${a}px`,e.left=`${n}px`}return h.createElement("div",{role:"slider",tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled),"aria-valuetext":this.props.ariaValueText,"aria-valuenow":parseInt(this.state.hex.substring(1),16),"aria-label":this.props.ariaLabelHSV,"aria-orientation":void 0,"aria-disabled":this.props.disabled?"true":void 0,className:"k-hsv-draghandle k-draghandle",style:e})}handleHsvaChange(e,t,a){const n=xe(e);if(this.isUncontrolled){const t=ke(n,"hex");this.setState({hsva:e,backgroundColor:Ee(e.h),rgba:Ce(n),hex:t})}else!function(e,t,a){Ke[e]={value:t,hsva:a}}(this.state.guid,n,e);this.dispatchChangeEvent(n,t,a)}dispatchChangeEvent(e,t,a){this.props.onChange&&this.props.onChange.call(void 0,{syntheticEvent:t,nativeEvent:a,target:this,value:e})}static getStateFromValue(e,t){ge(ke(e,"hex"))||(e=qe);const a=function(e,t){if(e){const a=Ke[e];return a&&a.value===t?a.hsva:void 0}}(t,e)||ye(e),n=function(e,t){if(e){const a=Ke[e];return a&&a.value===t?a.rgba:void 0}}(t,e)||Ce(e),r=function(e,t){if(e){const a=Ke[e];return a&&a.value===t?a.hex:void 0}}(t,e)||ke(e,"hex");return{hsva:a,backgroundColor:Ee(a.h),rgba:n,hex:r}}setAlphaSliderBackground(e){this.props.opacity&&this.alphaSlider&&this.alphaSlider.sliderTrack&&(this.alphaSlider.sliderTrack.style.background=`linear-gradient(to top, transparent, ${e})`)}get isUncontrolled(){return void 0===this.props.value}getGradientRectMetrics(){return this.gradientWrapper.getBoundingClientRect()}render(){const e=n.provideLocalizationService(this),t=r.classNames("k-colorgradient",{"k-disabled":this.props.disabled},this.props.className);return h.createElement("div",{id:this.props.id,role:this.props.role,className:t,"aria-disabled":this.props.disabled?"true":void 0,style:this.props.style,ref:e=>this.wrapper=e,tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled),"aria-label":this.props.ariaLabel,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,onFocus:this.onFocus},h.createElement("div",{className:"k-colorgradient-canvas k-hstack"},h.createElement("div",{className:"k-hsv-rectangle",style:{background:this.state.backgroundColor}},h.createElement(r.Draggable,{onDrag:this.onDrag,onRelease:this.onRelease,ref:e=>this.gradientWrapper=e?e.element:void 0},h.createElement("div",{className:"k-hsv-gradient",style:{touchAction:"none"},onClick:this.onGradientWrapperClick},this.renderRectangleDragHandle())),this.props.backgroundColor&&!this.state.isFirstRender&&h.createElement(He,{metrics:this.gradientWrapper?this.getGradientRectMetrics():void 0,hsva:this.state.hsva,backgroundColor:this.props.backgroundColor})),h.createElement("div",{className:"k-hsv-controls k-hstack"},h.createElement(Fe,{value:this.state.hsva.h,buttons:!1,vertical:!0,min:0,max:360,step:5,onChange:this.onHueSliderChange,className:"k-hue-slider k-colorgradient-slider",disabled:this.props.disabled,ariaLabel:e.toLanguageString(P,G[P])}),this.props.opacity&&h.createElement(Fe,{value:ge(this.state.hsva.a)?100*this.state.hsva.a:100,buttons:!1,vertical:!0,min:0,max:100,step:1,ariaLabel:e.toLanguageString(R,G[R]),onChange:this.onAlphaSliderChange,className:"k-alpha-slider k-colorgradient-slider",disabled:this.props.disabled,ref:e=>this.alphaSlider=e}))),h.createElement(Oe,{rgba:this.state.rgba,onRgbaChange:this.onRgbaChange,hex:this.state.hex,onHexChange:this.onHexChange,opacity:this.props.opacity,disabled:this.props.disabled,defaultInputMode:this.props.format}),this.props.backgroundColor&&h.createElement(_e,{bgColor:Ce(this.props.backgroundColor),rgba:this.state.rgba}))}};je.displayName="ColorGradient",je.propTypes={defaultValue:a.string,value:a.string,onChange:a.func,onFocus:a.func,opacity:a.bool,backgroundColor:a.string,format:a.any,disabled:a.bool,style:a.any,id:a.string,role:a.string,ariaLabel:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,className:a.string},je.defaultProps={opacity:!0,role:"textbox",format:"rgb"};let Ge=je;const We=r.createPropsContext(),Ue=r.withIdHOC(r.withPropsContext(We,Ge));Ue.displayName="KendoReactColorGradient";let Xe=class{constructor(){this.colorRows=[]}setColorMatrix(e,t){if(this.colorRows=[],ge(e)&&e.length){t=t||e.length;for(let a=0;a<e.length;a+=t){const n=e.slice(a,t+a);this.colorRows.push(n)}}}getCellCoordsFor(e){if(!ge(e))return;const t=e&&o.parseColor(e,!0),a=[e];ge(t)&&a.push(t.toCss(),t.toCssRgba());for(let e=0;e<this.colorRows.length;e++)for(let t=0;t<this.colorRows[e].length;t++)if(a.some((a=>a===this.colorRows[e][t])))return{row:e,col:t}}getColorAt(e){if(ge(e)&&ge(this.colorRows[e.row]))return this.colorRows[e.row][e.col]}getNextCell(e,t,a){if(!(ge(e)&&ge(e.row)&&ge(e.col)))return{row:0,col:0};const n=this.clampIndex(e.row+a,this.colorRows.length-1);return{row:n,col:this.clampIndex(e.col+t,this.colorRows[n].length-1)}}clampIndex(e,t){return e<0?0:e>t?t:e}};const Ye={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4"," ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Ze="office",Je=class extends h.Component{constructor(e){super(e),this.wrapper=null,this.paletteService=null,this.focus=()=>{this.wrapper&&this.wrapper.focus()},this.onKeyDown=e=>{switch(e.keyCode){case r.Keys.down:this.handleCellNavigation(0,1);break;case r.Keys.up:this.handleCellNavigation(0,-1);break;case r.Keys.right:this.handleCellNavigation(1,0);break;case r.Keys.left:this.handleCellNavigation(-1,0);break;case r.Keys.enter:this.handleEnter(e);break;default:return}e.preventDefault()},this.onColorClick=(e,t)=>{this.isUncontrolled?this.setState({selectedColor:e,focusedColor:e}):this.setState({focusedColor:e}),this.dispatchChangeEvent(e,t)},this.onFocus=e=>{this.paletteService&&(this.setState({focusedColor:this.state.selectedColor||this.paletteService.colorRows[0][0]}),this.props.onFocus&&this.props.onFocus.call(void 0,e))},this.onBlur=()=>{this.setState({focusedColor:void 0})},r.validatePackage(m),this.state={selectedColor:void 0!==this.props.value?this.props.value:this.props.defaultValue,isFirstRender:!0}}get guid(){return this.props.id}render(){const e=this.getPaletteInfo(),t=this.paletteService=new Xe;t.setColorMatrix(e.colors,e.columns);const a=t.getCellCoordsFor(this.state.selectedColor),n=t.getCellCoordsFor(this.state.focusedColor),s=r.classNames("k-colorpalette",{"k-disabled":this.props.disabled},this.props.className);return e.colors.length?h.createElement("div",{id:this.props.id,role:"grid",className:s,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,"aria-disabled":this.props.ariaDisabled||(this.props.disabled?"true":void 0),"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled),ref:e=>this.wrapper=e},h.createElement("table",{className:"k-colorpalette-table",role:"presentation"},h.createElement("tbody",{role:"rowgroup"},this.renderRows(t.colorRows,a,n)))):""}static getDerivedStateFromProps(e,t){if(t.isFirstRender||void 0===e.value){if(t.isFirstRender)return{isFirstRender:!1}}else{if(""===e.value&&void 0!==t.selectedColor)return{selectedColor:void 0};if(""!==e.value&&e.value!==t.selectedColor)return{selectedColor:e.value}}return null}handleCellNavigation(e,t){if(this.paletteService)if(this.focusedColorCooridanates){const a=this.paletteService.getNextCell(this.focusedColorCooridanates,e,t);this.setState({focusedColor:this.paletteService.getColorAt(a)})}else this.setState({focusedColor:this.paletteService.colorRows[0][0]})}handleEnter(e){this.isUncontrolled&&this.setState({selectedColor:this.state.focusedColor}),this.dispatchChangeEvent(this.state.focusedColor,e)}dispatchChangeEvent(e,t){r.dispatchEvent(this.props.onChange,t,this,{value:e,rgbaValue:ke(e,"rgba")})}get focusedColorCooridanates(){return this.state.focusedColor&&this.paletteService?this.paletteService.getCellCoordsFor(this.state.focusedColor):void 0}get isUncontrolled(){return void 0===this.props.value}getPaletteInfo(){if("string"==typeof this.props.palette){const e=Ye[this.props.palette];return ge(e)?{colors:e.colors,columns:this.props.columns||e.columns||10}:{colors:[],columns:0}}return{colors:this.props.palette||[],columns:this.props.columns||10}}renderRows(e,t,a){return e.map(((e,n)=>h.createElement("tr",{role:"row",key:n},this.renderColumns(e,n,t,a))))}renderColumns(e,t,a,n){const s=void 0!==a&&a.row===t,i=a&&a.col,l=void 0!==n&&n.row===t,o=n&&n.col,c="number"!=typeof this.props.tileSize?this.props.tileSize:{width:this.props.tileSize,height:this.props.tileSize},d=c.width+"px",u=c.height+"px";return e.map(((e,a)=>{const n=s&&i===a,c=r.classNames("k-colorpalette-tile",{"k-selected":n,"k-focus":l&&o===a});return h.createElement("td",{role:"gridcell",className:c,"aria-label":e,"aria-selected":!!n||!!this.props.disabled&&void 0,style:{backgroundColor:e,width:d,height:u,minWidth:d},onClick:t=>this.onColorClick(e,t),id:this.createCellId({row:t,col:a}),key:a})}))}createCellId(e){return`${this.guid}_${e.row}_${e.col}`}};Je.displayName="ColorPalette",Je.propTypes={palette:a.oneOfType([a.arrayOf(a.string.isRequired),a.string]),columns:a.number,tileSize:a.any,defaultValue:a.string,value:a.string,disabled:a.bool,tabIndex:a.number,onChange:a.func,onFocus:a.func,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,className:a.string},Je.defaultProps={palette:Ze,tileSize:24};let Qe=Je;const et=r.createPropsContext(),tt=r.withIdHOC(r.withPropsContext(et,Qe));tt.displayName="KendoReactColorPalette";const at=e=>{const t=e.popupSettings||{},a="rtl"===e.dir?"right":"left",n=h.useMemo((()=>({horizontal:a,vertical:"bottom"})),[a]),s=h.useMemo((()=>({horizontal:a,vertical:"top"})),[a]);return h.createElement(h.Fragment,null,e.input,e.button,h.createElement(c.Popup,{style:{...(t||{}).style,direction:e.dir},...t,anchor:e.popupAnchor,anchorAlign:n,popupAlign:s,show:e.open,onOpen:e.onOpen,onClose:e.onClose,className:r.classNames("k-reset",t.className)},e.content))};at.displayName="KendoPickerComponent";const nt={palette:Ze,tileSize:24},rt=e=>void 0!==e,st=r.createPropsContext(),it=h.forwardRef(((e,t)=>{r.validatePackage(m);const a=r.usePropsContext(st,e),i=n.useLocalization(),{size:o=lt.size,rounded:c=lt.rounded,fillMode:d=lt.fillMode,popupSettings:u,gradientSettings:p,paletteSettings:f,valid:v,disabled:g,tabIndex:b,view:k,icon:y,svgIcon:C,iconClassName:x,onChange:E,onFocus:w,onBlur:I,onActiveColorClick:S,className:N}=a,L=h.useRef(null),M=h.useRef(null),P=h.useRef(null),R=h.useRef(),V=h.useRef(null),[O,B]=h.useState(!1),[T,D]=h.useState(a.defaultValue),[z,F]=h.useState(!1),K=rt(a.value),_=rt(a.open),A=K?a.value:T,H=_?a.open:z,q=h.useCallback((()=>{L.current&&L.current.focus()}),[]);h.useImperativeHandle(t,(()=>({element:L.current,actionElement:V.current,value:A,focus:q})),[A,q]);const j=h.useCallback(((e,t)=>{_||(!e&&!t&&L&&L.current&&L.current.focus(),F(e))}),[_]),W=h.useCallback((e=>{const{altKey:t,keyCode:a}=e;if(a!==r.Keys.esc)return a!==r.Keys.enter||_?void(t&&(a===r.Keys.up||a===r.Keys.down)&&(e.preventDefault(),e.stopPropagation(),a===r.Keys.up&&L&&L.current&&(L.current.focus(),j(!1)),a===r.Keys.down&&j(!0))):(e.preventDefault(),e.stopPropagation(),void j(!H));j(!1)}),[H,_]),U=h.useCallback((()=>{_||(M.current?M.current.focus():P.current&&P.current.focus())}),[_]),X=h.useCallback((()=>{j(!H,!0)}),[H]),Y=h.useCallback((e=>{S&&S.call(void 0,{syntheticEvent:e,nativeEvent:e.nativeEvent,value:A})}),[S,A]),Z=h.useCallback((e=>{R.current?(clearTimeout(R.current),R.current=void 0):B(!0),w&&w.call(void 0,{nativeEvent:e.nativeEvent,syntheticEvent:e})}),[w]),J=h.useCallback((()=>{j(!1,!0),B(!1),R.current=void 0}),[]),Q=h.useCallback((e=>{clearTimeout(R.current),R.current=window.setTimeout(J),I&&I.call(void 0,{nativeEvent:e.nativeEvent,syntheticEvent:e})}),[I]),ee=h.useCallback(((e,t)=>{const a=t?e.rgbaValue:e.value;K||D(a),t&&j(!1),E&&E.call(void 0,{value:a,nativeEvent:e.nativeEvent,syntheticEvent:e.syntheticEvent})}),[K,E]),te=h.useCallback((e=>ee(e,!0)),[rt,ee]),ae=r.useDir(L,a.dir),ne=!1!==v;return h.createElement("span",{id:a.id,role:"combobox","aria-label":a.ariaLabel,"aria-labelledby":a.ariaLabelledBy,"aria-describedby":a.ariaDescribedBy,"aria-haspopup":"dialog","aria-expanded":H,"aria-disabled":g?"true":void 0,className:r.classNames("k-colorpicker","k-picker","k-icon-picker",{[`k-picker-${r.kendoThemeMaps.sizeMap[o]||o}`]:o,[`k-picker-${d}`]:d,[`k-rounded-${r.kendoThemeMaps.roundedMap[c]||c}`]:c,"k-invalid":!ne,"k-disabled":g,"k-focus":O,className:N}),ref:L,tabIndex:r.getTabIndex(b,g),title:a.title,onKeyDown:W,onFocus:Z,onBlur:Q,dir:ae},h.createElement(at,{dir:ae,open:H,onOpen:U,popupAnchor:L.current||void 0,popupSettings:{...u},input:h.createElement("span",{onClick:Y,className:"k-input-inner"},h.createElement("span",{className:r.classNames("k-value-icon","k-color-preview",{"k-no-color":!A,"k-icon-color-preview":y||C||x})},x&&h.createElement("span",{className:r.classNames("k-color-preview-icon",x)}),!x&&(y||C)&&h.createElement(r.IconWrap,{name:y,icon:C}),h.createElement("span",{className:"k-color-preview-mask",style:{backgroundColor:A}}))),button:h.createElement(l.Button,{tabIndex:-1,type:"button",onClick:X,className:"k-input-button",rounded:null,icon:"caret-alt-down",svgIcon:s.caretAltDownIcon,"aria-label":i.toLanguageString($,G[$])}),content:h.createElement(h.Fragment,null,("combo"===k||"gradient"===k)&&h.createElement(Ue,{...p,tabIndex:0,ref:M,value:A,onChange:ee}),("combo"===k||"palette"===k)&&h.createElement(tt,{...f,ref:P,value:A,onChange:te}))}))}));it.propTypes={value:a.string,defaultValue:a.string,disabled:a.bool,view:a.oneOf(["gradient","palette","combo"]),dir:a.string,id:a.string,icon:a.string,svgIcon:r.svgIconPropType,ariaLabelledBy:a.string,ariaDescribedBy:a.string,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","flat","outline"]),className:a.string};const lt={size:"medium",rounded:"medium",fillMode:"solid",view:"palette",gradientSettings:{opacity:!0},paletteSettings:nt};it.defaultProps=lt,it.displayName="KendoColorPicker";const ot="rgba(255, 255, 255, 1)",ct=h.forwardRef(((e,t)=>{r.validatePackage(m);const a=h.useRef(null),i=h.useRef(null),o=h.useRef(null),{defaultValue:c=ot,showButtons:d=!0,showPreview:u=!0,showClearButton:p=!0}=e,[f,v]=h.useState("ColorGradient"===(e.view||"ColorGradient")),[g,b]=h.useState(e.value||c),[k,y]=h.useState(e.value||c),C=void 0!==e.value?e.value:k;h.useEffect((()=>{b(e.value||c)}),[e.value,c]);const x=n.useLocalization(),E=h.useCallback((()=>{a.current&&a.current.focus()}),[a]);h.useImperativeHandle(a,(()=>({element:i.current,focus:E,props:e,value:C})),[C,E,e]),h.useImperativeHandle(t,(()=>a.current));const w=h.useCallback((e=>{("ColorGradient"===e&&!f||"ColorPalette"===e&&f)&&v(!f)}),[f]),I=h.useCallback((t=>{if(b(c),e.onPreviewChange){const a={value:c,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onPreviewChange.call(void 0,a)}}),[c,e.onPreviewChange]),S=h.useCallback((t=>{if(b(t.value),e.onPreviewChange){const a={value:t.value,nativeEvent:t.nativeEvent,syntheticEvent:t.syntheticEvent};e.onPreviewChange.call(void 0,a)}}),[e.onPreviewChange]),N=h.useCallback((t=>{if(y(g),e.onChange){const a={value:g,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onChange.call(void 0,a)}}),[g,e.onChange]),L=h.useCallback((()=>{y(ot)}),[]),M=h.useCallback((t=>{if(b(k),e.onPreviewChange){const a={value:k,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onPreviewChange.call(void 0,a)}}),[k,e.onPreviewChange]),P=h.useCallback((e=>{i.current&&!(e.nativeEvent.target instanceof HTMLInputElement)&&i.current.focus()}),[i]),R=h.useCallback((t=>{var a;if((!t.relatedTarget||null==(a=i.current)||!a.contains(t.relatedTarget))&&(d||y(g),!d&&e.onChange)){const a={value:g,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onChange.call(void 0,a)}}),[g,d,e.onChange]);return h.createElement("div",{id:e.id,role:"textbox","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-disabled":e.disabled?"true":void 0,style:e.style,ref:i,tabIndex:r.getTabIndex(e.tabIndex,e.disabled),className:r.classNames("k-flatcolorpicker k-coloreditor",{"k-disabled":e.disabled},e.className),onBlur:R},h.createElement(h.Fragment,null,e.header||h.createElement("div",{className:"k-coloreditor-header k-hstack"},h.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},h.createElement(l.ButtonGroup,{className:"k-button-group-flat"},h.createElement(l.Button,{type:"button","aria-label":x.toLanguageString(T,G[T]),togglable:!0,fillMode:"flat",selected:f,onClick:()=>w("ColorGradient"),icon:"droplet-slider",svgIcon:s.dropletSliderIcon}),h.createElement(l.Button,{type:"button","aria-label":x.toLanguageString(D,G[D]),togglable:!0,fillMode:"flat",selected:!f,onClick:()=>w("ColorPalette"),icon:"palette",svgIcon:s.paletteIcon}))),h.createElement("div",{className:"k-spacer"}),h.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},p&&h.createElement(l.Button,{type:"button",fillMode:"flat",onClick:I,"aria-label":x.toLanguageString(z,G[z]),icon:"droplet-slash",svgIcon:s.dropletSlashIcon}),u&&h.createElement("div",{className:"k-coloreditor-preview k-vstack"},h.createElement("span",{className:"k-coloreditor-preview-color k-color-preview",style:{background:g}}),h.createElement("span",{className:"k-coloreditor-current-color k-color-preview",style:{background:k},onClick:M})))),h.createElement("div",{className:"k-coloreditor-views k-vstack"},f?h.createElement(Ue,{ref:o,role:"none",tabIndex:-1,ariaLabel:void 0,value:g,onChange:S,onFocus:P,opacity:e.opacity,format:e.format}):h.createElement(tt,{ariaDisabled:!0,ariaLabelledBy:"required_label",value:g,onChange:S,onFocus:P})),d&&h.createElement("div",{className:"k-coloreditor-footer k-actions k-actions-end"},h.createElement(l.Button,{type:"button",className:"k-coloreditor-cancel",onClick:L},G[O]),h.createElement(l.Button,{type:"button",className:"k-coloreditor-apply k-primary",onClick:N},G[B]))))})),dt={id:a.string,style:a.any,className:a.string,value:a.string,defaultValue:a.string,onPreviewChange:a.func,onChange:a.func,opacity:a.bool,format:a.any,tabIndex:a.number,ariaLabel:a.string,ariaLabelledBy:a.string,disabled:a.bool,view:a.any,header:a.any,showClearButton:a.bool,showPreview:a.bool,showButtons:a.bool};ct.displayName="KendoFlatColorPicker",ct.propTypes=dt;var ut=(e=>(e[e.Literal=0]="Literal",e[e.Mask=1]="Mask",e[e.Undefined=2]="Undefined",e))(ut||{});let pt=class e{constructor(e,t,a=2){this.value=e,this.rest=t,this.type=a}map(t){return new e(t(this.value),this.rest)}chain(e){return e(this.value,this.rest)}fold(e,t){return e(this.value,this.rest)}concat(e){return this.map(((t,a)=>e.chain(((e,a)=>t.concat([e])))))}toString(){return`Result({ value: '${this.value}', rest: ${this.rest} })`}},ht=class{constructor(e=[],t=[]){this.input=e,this.control=t,this.inputCursor=0,this.controlCursor=0}eof(){return this.inputCursor>=this.input.length}next(){return{char:this.input[this.inputCursor++],control:this.control[this.controlCursor++]}}peek(){return{char:this.input[this.inputCursor],control:this.control[this.controlCursor]}}eat_input(){this.inputCursor++}eat_control(){this.controlCursor++}eat(){this.inputCursor++,this.controlCursor++}};const mt=e=>(e||"").split("");let ft=class e{constructor(e){this.parse=e}run(e,t=""){return e instanceof ht?this.parse(e):this.parse(new ht(mt(e),mt(t)))}map(t){return new e((e=>this.parse(e).map(t)))}chain(t){return new e((e=>this.parse(e).chain(((e,a)=>t(e).run(a)))))}isLiteral(e){return this.run(e).type===ut.Literal}};const vt=(e,t)=>new ft((a=>{let{char:n}=a.next();const r=e[n];return"\\"===n?(n=a.next().char,new pt(t.literal(n),a)):new pt(r?t.mask(r):t.literal(n),a)})),gt=e=>new ft((t=>{const{prompt:a,promptPlaceholder:n}=e;let{char:r}=t.next();return new pt(r===a?n:r,t)})),bt=e=>new ft((t=>{let{char:a}=t.next();return new pt(e?a:"",t)})),kt=e=>e.reduce(((e,t)=>((e,t)=>e.chain((e=>t.map((t=>e.concat([t]))))))(e,t)),(e=>new ft((t=>new pt(e,t))))([])),yt=e=>new ft((t=>{let a=new pt([],t);for(;!t.eof();)a=a.concat(e.run(t));return a}));class Ct{constructor(){this.rules={},this.prompt="_",this.mask="",this.promptPlaceholder=" ",this.includeLiterals=!1,this.maskTokens=[],this.unmaskTokens=[],this.rawTokens=[],this.validationTokens=[]}update({mask:e="",prompt:t="",promptPlaceholder:a=" ",rules:n={},includeLiterals:r=!1}){this.mask=e,this.prompt=t,this.promptPlaceholder=a,this.rules=n,this.includeLiterals=r,this.tokenize()}validationValue(e=""){let t=e;return kt(this.validationTokens).run(e).fold((e=>{t=e.join("")})),t}rawValue(e=""){let t=e;return this.rawTokens.length&&kt(this.rawTokens).run(e).fold((e=>{t=e.join("")})),t}maskRaw(e=""){let t=e;return this.maskTokens.length&&kt(this.maskTokens).run(e).fold((e=>{t=e.join("")})),t}maskInput(e,t,a){return e.length<t.length?this.maskRemoved(e,t,a):this.maskInserted(e,t,a)}maskInRange(e,t,a,n){let r="",s=n;const i=t.split("").slice(0,a),l=t.split("").slice(n);return kt(this.maskTokens.slice(a,n)).run(e).fold((e=>{r=i.concat(e).concat(l).join("")})),{selection:s,value:r}}maskRemoved(e,t,a){let n="",r=a;const s=e.split("").slice(a),i=e.split("").slice(0,a).join(""),l=this.maskTokens.length-(e.length-a);return kt(this.maskTokens.slice(0,l)).run(i,t).fold((e=>{r=this.adjustPosition(e,r),n=e.concat(s).join("")})),{selection:r,value:n}}adjustPosition(e,t){const a=e[t];return this.maskTokens[t].isLiteral(a)||a===this.prompt?t:t+1}maskInserted(e,t,a){let n="",r=a;const s=e.slice(0,a);return kt(this.unmaskTokens).run(s,t).chain((e=>{r=e.join("").length;const a=t.slice(r);return kt(this.maskTokens).run(e.join("")+a,t)})).fold((e=>{n=e.join("")})),{selection:r,value:n}}get maskTokenCreator(){const{prompt:e,promptPlaceholder:t}=this;return{literal:e=>(e=>new ft((t=>t.peek().char===e?(t.eat(),new pt(e,t,ut.Literal)):new pt(e,t,ut.Literal))))(e),mask:a=>(e=>t=>new ft((a=>{const{prompt:n,promptPlaceholder:r}=e;for(;!a.eof();){const{char:e,control:s}=a.peek();if(e===s&&s===n)return a.eat(),new pt(n,a,ut.Mask);if(t.test(e))return a.eat(),new pt(e,a,ut.Mask);if(e===r)return a.eat(),new pt(n,a,ut.Mask);a.eat_input()}return a.eat(),new pt(n,a,ut.Mask)})))({prompt:e,promptPlaceholder:t})(a)}}get unmaskTokenCreator(){return{literal:e=>(e=>new ft((t=>{if(t.eof())return new pt("",t);const{char:a}=t.peek();return a===e&&t.eat(),new pt(e,t)})))(e),mask:e=>(e=>t=>new ft((a=>{for(;!a.eof();){const{char:n,control:r}=a.peek();if(n===e&&r===e)return a.eat(),new pt(n,a);if(t.test(n))return a.eat(),new pt(n,a);a.eat_input()}return a.eat(),new pt("",a)})))(this.prompt)(e)}}get rawTokenCreator(){const{prompt:e,promptPlaceholder:t,includeLiterals:a}=this;return{literal:e=>bt(a),mask:a=>gt({prompt:e,promptPlaceholder:t})}}get validationTokenCreator(){const{prompt:e}=this;return{literal:e=>bt(!1),mask:t=>gt({prompt:e,promptPlaceholder:""})}}tokenize(){yt(vt(this.rules,this.maskTokenCreator)).run(this.mask).fold(((e,t)=>{this.maskTokens=e})),yt(vt(this.rules,this.unmaskTokenCreator)).run(this.mask).fold(((e,t)=>{this.unmaskTokens=e})),yt(vt(this.rules,this.rawTokenCreator)).run(this.mask).fold(((e,t)=>{this.rawTokens=e})),yt(vt(this.rules,this.validationTokenCreator)).run(this.mask).fold(((e,t)=>{this.validationTokens=e}))}}const xt={"#":/[\d\s\+\-]/,"&":/[\S]/,0:/[\d]/,9:/[\d\s]/,"?":/[a-zA-Z\s]/,A:/[a-zA-Z0-9]/,C:/./,L:/[a-zA-Z]/,a:/[a-zA-Z0-9\s]/},Et=()=>!1,wt=(e,t)=>e.includeLiterals!==t.includeLiterals||e.mask!==t.mask||e.prompt!==t.prompt||e.promptPlaceholder!==t.promptPlaceholder||!It(e.rules,t.rules),It=(e,t)=>{if(!!e!=!!t)return!1;if(e===t||!e||!t)return!0;let a=!0;for(const n in e)if(e[n]!==t[n]){a=!1;break}if(a)for(const n in t)if(!e.hasOwnProperty(n)){a=!1;break}return a},St=class e extends h.Component{constructor(e){super(e),this.state={},this._inputId=`k-${this.props.id}`,this._service=new Ct,this._isPasted=!1,this._selection=[null,null],this._input=null,this.focus=()=>{this._input&&this._input.focus()},this.pasteHandler=e=>{const{selectionStart:t,selectionEnd:a}=e.target;a!==t&&(this._isPasted=!0,this._selection=[t||0,a||0])},this.onChangeHandler=e=>{const t=e.currentTarget,a=t.value,n=this._selection[0]||0,r=this._selection[1]||0;if(!this.props.mask)return this._isPasted=!1,this._selection=[null,null],void this.triggerOnChange(a,e);const s=this.value;let i;if(this._isPasted){this._isPasted=!1;const e=s.length-r,t=a.length-e;i=this._service.maskInRange(a.slice(n,t),s,n,r)}else i=this._service.maskInput(a,s,t.selectionStart||0);this._selection=[i.selection,i.selection],this.triggerOnChange(i.value,e)},this.focusHandler=e=>{this.state.focused||(this.setState({focused:!0}),this.props.onFocus&&this.props.onFocus.call(void 0,{target:this,syntheticEvent:e,nativeEvent:e.nativeEvent}))},this.blurHandler=e=>{this.state.focused&&(this.setState({focused:!1}),this.props.onBlur&&this.props.onBlur.call(void 0,{target:this,syntheticEvent:e,nativeEvent:e.nativeEvent}))},this.setValidity=()=>{this.element&&this.element.setCustomValidity(this.validity.valid?"":this.props.validationMessage||"")},r.validatePackage(m)}get element(){return this._input}get value(){return void 0!==this._valueDuringOnChange?this._valueDuringOnChange:void 0!==this.props.value?this.props.value:void 0!==this.state.value?this.state.value:void 0!==this.props.defaultValue?this.props.defaultValue:""}get rawValue(){return this._service.rawValue(this.value)}get validity(){const e=this.value,t=this._service.validationValue(e);return{customError:void 0!==this.props.validationMessage,valid:void 0!==this.props.valid?this.props.valid:!(this.required&&!t||this.props.maskValidation&&this.props.prompt&&-1!==e.indexOf(this.props.prompt)),valueMissing:!t}}get validityStyles(){return void 0!==this.props.validityStyles?this.props.validityStyles:e.defaultProps.validityStyles}get required(){return void 0!==this.props.required?this.props.required:e.defaultProps.required}get name(){return this.props.name}componentDidUpdate(e,t){if(this.element&&this.state.focused&&t.focused){let[t,a]=this._selection;const n=e.selection,r=this.props.selection;(!n&&r||n&&r&&(n.start!==r.start||n.end!==r.end))&&(t=r.start,a=r.end),null!==t&&null!==a&&this.element.setSelectionRange(t,a)}wt(e,this.props)&&this.updateService(),this.setValidity()}componentDidMount(){this.updateService(),this.setValidity()}render(){const{size:t=e.defaultProps.size,fillMode:a=e.defaultProps.fillMode,rounded:n=e.defaultProps.rounded}=this.props,s=this.props.id||this._inputId,l=!this.validityStyles||this.validity.valid,o=this.props.style||{},{prefix:c=e.defaultProps.prefix,suffix:d=e.defaultProps.suffix}=this.props,[u]=r.useCustomComponent(c),[p]=r.useCustomComponent(d),m=h.createElement("span",{dir:this.props.dir,className:r.classNames("k-maskedtextbox k-input",{[`k-input-${r.kendoThemeMaps.sizeMap[t]||t}`]:t,[`k-input-${a}`]:a,[`k-rounded-${r.kendoThemeMaps.roundedMap[n]||n}`]:n,"k-invalid":!l,"k-required":this.required,"k-disabled":this.props.disabled},this.props.className),style:this.props.label?o:{width:this.props.width,...o}},h.createElement(u,null),h.createElement("input",{type:"text",autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:!1,className:"k-input-inner",value:this.value,id:s,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-placeholder":this.props.mask,name:this.props.name,tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled,!0),accessKey:this.props.accessKey,title:this.props.title,disabled:this.props.disabled||void 0,readOnly:this.props.readonly||void 0,placeholder:this.props.placeholder,ref:e=>this._input=e,onChange:this.onChangeHandler,onPaste:this.pasteHandler,onFocus:this.focusHandler,onBlur:this.blurHandler,onDragStart:Et,onDrop:Et}),h.createElement(p,null));return this.props.label?h.createElement(i.FloatingLabel,{label:this.props.label,editorId:s,editorValue:this.value,editorValid:l,editorDisabled:this.props.disabled,editorPlaceholder:this.props.placeholder,children:m,style:{width:this.props.width},dir:this.props.dir}):m}triggerOnChange(e,t){if(this.setState({value:e}),this.props.onChange){this._valueDuringOnChange=e;const a={syntheticEvent:t,nativeEvent:t.nativeEvent,selectionStart:this._selection[0],selectionEnd:this._selection[1],target:this,value:this.value};this.props.onChange.call(void 0,a),this._valueDuringOnChange=void 0}}updateService(e){const t=Object.assign({includeLiterals:this.props.includeLiterals,mask:this.props.mask,prompt:this.props.prompt,promptPlaceholder:this.props.promptPlaceholder,rules:this.rules},e);this._service.update(t)}get rules(){return Object.assign({},xt,this.props.rules)}};St.displayName="MaskedTextBox",St.propTypes={value:a.string,defaultValue:a.string,placeholder:a.string,title:a.string,dir:a.string,id:a.string,style:a.object,className:a.string,prefix:a.any,suffix:a.any,ariaLabelledBy:a.string,ariaDescribedBy:a.string,width:a.oneOfType([a.string,a.number]),tabIndex:a.number,accessKey:a.string,disabled:a.bool,readonly:a.bool,prompt:a.string,promptPlaceholder:a.string,includeLiterals:a.bool,maskValidation:a.bool,mask:a.string,rules:function(e,t,a){const n=e.rules;return void 0===n||Object.entries(n).some((e=>"string"!=typeof e||!(n[e]instanceof RegExp)))?null:new Error("Invalid prop `"+t+"` supplied to `"+a+"`. Validation failed.")},selection:a.shape({start:a.number.isRequired,end:a.number.isRequired}),name:a.string,label:a.string,validationMessage:a.string,required:a.bool,valid:a.bool,validityStyles:a.bool,onChange:a.func,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","flat","outline"])},St.defaultProps={prompt:"_",promptPlaceholder:" ",includeLiterals:!1,maskValidation:!0,rules:xt,required:!1,validityStyles:!0,prefix:e=>null,suffix:e=>null,size:"medium",rounded:"medium",fillMode:"solid"};let Nt=St;const Lt=r.createPropsContext(),Mt=r.withIdHOC(r.withPropsContext(Lt,Nt));Mt.displayName="KendoReactMaskedTextBox";var Pt=(e=>(e.start="start",e.end="end",e.min="min",e.max="max",e.increase="increase",e.decrease="decrease",e))(Pt||{});const Rt=(e,t)=>{let a,n;switch(t.type){case"start":if(void 0===t.payload)return e;a={start:t.payload>e.end?e.end:Math.max(t.payload,t.min),end:e.end};break;case"end":if(void 0===t.payload)return e;a={start:e.start,end:t.payload<e.start?e.start:Math.min(t.payload,t.max)};break;case"min":a="start"===t.key?{...e,start:t.min}:{...e,end:Math.max(t.min,e.start)};break;case"max":a="start"===t.key?{...e,start:Math.min(t.max,e.end)}:{...e,end:t.max};break;case"increase":if(void 0===t.step||void 0===t.key)return e;n=e[t.key]+t.step,a="start"===t.key?n<t.min?{...e,start:t.min}:{...e,start:Math.min(n,e.end)}:n>t.max?{...e,end:t.max}:{...e,end:Math.max(n,e.start)};break;case"decrease":if(void 0===t.step||void 0===t.key)return e;n=e[t.key]-t.step,a="start"===t.key?n<t.min?{...e,start:t.min}:{...e,start:Math.min(n,e.end)}:n>t.max?{...e,end:t.max}:{...e,end:Math.max(n,e.start)};break;default:a=e}return a},Vt=r.createPropsContext(),Ot=h.forwardRef(((e,t)=>{r.validatePackage(m);const a=r.usePropsContext(Vt,e),s=h.useRef(null),i=h.useRef(null),l=h.useRef(null),o=h.useRef(null),c=h.useRef(null),d=h.useCallback((()=>{o.current&&o.current.focus()}),[o]);h.useImperativeHandle(s,(()=>({element:i.current,focus:d,props:a}))),h.useImperativeHandle(t,(()=>s.current));const u=h.useMemo((()=>a.min),[a.min]),p=h.useMemo((()=>a.max),[a.max]),f=h.useMemo((()=>void 0!==a.step?a.step:Tt.step),[a.step,Tt.step]),v=r.useDir(i,a.dir),[g,b]=h.useState(""),[y,C]=((e,t,a)=>{const[n,r]=h.useState(e),s=h.useCallback((e=>{const s=Rt(t.state||n,{...e,...t});a&&a(s,e.event),r(s)}),[t,a]);return[n,s]})(a.defaultValue||Tt.defaultValue,{min:u,max:p,step:f,state:a.value},((e,t)=>{a.onChange&&s.current&&a.onChange.call(void 0,{value:e,target:s.current,syntheticEvent:t})})),x=h.useMemo((()=>a.value||y),[a.value,y]),E=h.useRef(null),w=h.useRef(null),I=h.useMemo((()=>(x.start-u)/(p-u)*100),[x.start,u,p]),S=h.useMemo((()=>(x.end-u)/(p-u)*100),[x.end,u,p]),N=h.useMemo((()=>a.vertical?{paddingTop:0,height:"100%"}:{}),[a.vertical]),L=h.useMemo((()=>a.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"}),[a.vertical]),M=n.useLocalization(),P=h.useCallback((e=>{if(!w.current)return;const t=w.current.getBoundingClientRect(),n=a.vertical?t.bottom-e.clientY:"rtl"===v?t.right-e.clientX:e.clientX-t.left,r=a.vertical?t.height:t.width;return u+n/r*(p-u)}),[w,a.vertical,v,u,p,y.start,y.end,a.value&&a.value.start,a.value&&a.value.end]),R=h.useCallback((e=>e<=x.start?"start":e>=x.end?"end":2*e<x.end+x.start?"start":"end"),[y.start,y.end,a.value&&a.value.start,a.value&&a.value.end]),V=h.useCallback((e=>{switch(e.keyCode){case r.Keys.right:e.preventDefault(),C({type:"rtl"===v?Pt.decrease:Pt.increase,key:"start",event:e});break;case r.Keys.up:e.preventDefault(),C({type:Pt.increase,key:"start",event:e});break;case r.Keys.left:e.preventDefault(),C({type:"rtl"===v?Pt.increase:Pt.decrease,key:"start",event:e});break;case r.Keys.down:e.preventDefault(),C({type:Pt.decrease,key:"start",event:e});break;case r.Keys.home:e.preventDefault(),C({type:Pt.min,key:"start",event:e});break;case r.Keys.end:e.preventDefault(),C({type:Pt.max,key:"start",event:e})}}),[C]),O=h.useCallback((e=>{switch(e.keyCode){case r.Keys.right:e.preventDefault(),C({type:"rtl"===v?Pt.decrease:Pt.increase,key:"end",event:e});break;case r.Keys.up:e.preventDefault(),C({type:Pt.increase,key:"end",event:e});break;case r.Keys.left:e.preventDefault(),C({type:"rtl"===v?Pt.increase:Pt.decrease,key:"end",event:e});break;case r.Keys.down:e.preventDefault(),C({type:Pt.decrease,key:"end",event:e});break;case r.Keys.home:e.preventDefault(),C({type:Pt.min,key:"end",event:e});break;case r.Keys.end:e.preventDefault(),C({type:Pt.max,key:"end",event:e})}}),[C,v]),B=h.useCallback((e=>{const t=P(e),a=R(t);b(a),"end"===a?c.current.focus():o.current.focus();const n="end"===a?Pt.end:Pt.start;C({type:n,payload:t,event:e})}),[a.vertical,u,p,C]);return r.useDraggable(w,{onPress:B,onDrag:e=>{const t=P(e),a="end"===g?Pt.end:Pt.start;C({type:a,payload:t,event:e})},onRelease:e=>{const t=P(e),a="end"===g?Pt.end:Pt.start;C({type:a,payload:t,event:e}),b("")}}),h.createElement("div",{id:a.id,style:a.style,ref:i,dir:v,className:r.classNames("k-slider",{"k-rtl":"rtl"===v,"k-disabled":a.disabled,"k-slider-vertical":a.vertical,"k-slider-horizontal":!a.vertical},a.className)},h.createElement("div",{ref:w,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...L}},a.children&&h.createElement("ul",{className:"k-reset k-slider-items",style:{...N}},h.Children.map(a.children,(e=>e&&h.cloneElement(e,{position:100*(e.props.position-a.min)/(a.max-a.min),vertical:a.vertical},e.props.children)))),h.createElement("div",{ref:E,className:"k-slider-track",style:a.vertical?{bottom:0,height:"100%"}:{["rtl"===v?"right":"left"]:0,width:"100%"}},null!==I&&null!==S&&h.createElement("div",{"data-selection":!0,ref:l,title:`${x.start} - ${x.end}`,className:"k-slider-selection",style:a.vertical?{height:S-I+"%",bottom:I+"%"}:{["rtl"===v?"right":"left"]:I+"%",width:S-I+"%"}}),h.createElement("span",{ref:o,role:"slider",tabIndex:r.getTabIndex(a.startTabIndex,a.disabled,void 0),"aria-valuemin":u,"aria-valuemax":Math.max(p,x.end),"aria-valuenow":x.start,"aria-disabled":a.disabled?"true":void 0,"aria-valuetext":`${x.start} - ${x.end}`,className:"k-draghandle",title:M.toLanguageString(k,G[k]),style:a.vertical?{bottom:"calc("+I+"%)",zIndex:1}:"rtl"===v?{right:"calc("+I+"% - 13px)",zIndex:1}:{left:"calc("+I+"%)",zIndex:1},onKeyDown:V}),h.createElement("span",{ref:c,role:"slider",tabIndex:r.getTabIndex(a.endTabIndex,a.disabled,void 0),"aria-valuemin":Math.min(u,x.start),"aria-valuemax":p,"aria-valuenow":x.end,"aria-disabled":a.disabled?"true":void 0,"aria-valuetext":`${x.start} - ${x.end}`,className:"k-draghandle",title:M.toLanguageString(k,G[k]),style:a.vertical?{bottom:"calc("+S+"%)",zIndex:1}:"rtl"===v?{right:"calc("+S+"% - 13px)",zIndex:1}:{left:"calc("+S+"%)",zIndex:1},onKeyDown:O}))))})),Bt={value:(e,t,a)=>{if(e.value){const n=e.value.start,r=e.value.end,s=e.min,i=e.max;if(n>r||n>i||n<s||r>i||r<s||r<n)return new Error(`Invalid prop + ${t} supplied to ${a}.\n                    The { start, end } value must be between the min & max value and { start, end } must be start < end.\n                    `)}return null},defaultValue:(e,t,a)=>{if(e.defaultValue){const n=e.defaultValue.start,r=e.defaultValue.end,s=e.min,i=e.max;if(n>r||n>i||n<s||r>i||r<s||r<n)return new Error(`Invalid prop + ${t} supplied to ${a}.\n                    The { start, end } value must be between the min & max value and { start, end } must be start < end.\n                    `)}return null},onChange:a.func,step:a.number,min:(e,t,a)=>{const n=e[t],r=e.min,s=e.max;return void 0===r?new Error(`Invalid prop + ${t} supplied to ${a}.\n                ${t} value can not be undefined.\n                `):n&&r>=s?new Error(`Invalid prop + ${t} supplied to ${a}.\n                ${t} value can not be equal to or bigger than the max value.\n                `):null},max:(e,t,a)=>{const n=e[t],r=e.min,s=e.max;return void 0===s?new Error(`Invalid prop + ${t} supplied to ${a}.\n                ${t} value can not be undefined.\n                `):n&&s<=r?new Error(`Invalid prop + ${t} supplied to ${a}.\n                ${t} value can not be equal to or smaller than the min value.\n                `):null},vertical:a.bool,disabled:a.bool,dir:a.oneOf(["ltr","rtl"])},Tt={step:1,defaultValue:{start:0,end:0},vertical:!1,disabled:!1};Ot.displayName="KendoReactRangeSlider",Ot.propTypes=Bt,Ot.defaultProps=Tt;const Dt=class e extends h.Component{constructor(t){super(t),this.setValidity=()=>{this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity.valid?"":this.props.validationMessage||this.defaultValidationMessage.toLanguageString(_,G[_]))},this.limit=(e,t,a)=>{const n=a.offsetWidth,r=t.offsetWidth;return e<0?0:e>n-r?n-r:e},this.toggle=(e,t)=>{this.setState({checked:e}),this.valueDuringOnChange=e,r.dispatchEvent(this.props.onChange,t,this,{value:e}),this.valueDuringOnChange=void 0},this._element=null,this._wrapper=null,this._input=null,this._id=this.props.id,this.defaultValidationMessage=n.provideLocalizationService(this),this.focus=()=>{this.actionElement&&this.actionElement.focus()},this.dummyInput=e=>h.createElement("input",{type:"checkbox",checked:this.props.checked,ref:e=>{this._input=e},tabIndex:-1,"aria-hidden":!0,value:e,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:r.noop,name:this.name||void 0}),this.handleClick=e=>{this.eventTimeStamp!==e.timeStamp&&(this.eventTimeStamp=e.timeStamp,this.toggle(!this.value,e))},this.handleKeyDown=e=>{if(this.props.disabled)return;const{keyCode:t}=e;(t===r.Keys.space||t===r.Keys.enter)&&(this.toggle(!this.value,e),e.preventDefault())},this.handleWrapperFocus=e=>{if(this.props.disabled)return;this.setState({focused:!0});const{onFocus:t}=this.props;t&&t.call(void 0,e)},this.handleWrapperBlur=e=>{if(this.props.disabled)return;this.setState({focused:!1});const{onBlur:t}=this.props;t&&t.call(void 0,e)},r.validatePackage(m),this.state={checked:t.defaultChecked||e.defaultProps.defaultChecked,focused:!1}}get value(){return void 0!==this.valueDuringOnChange?this.valueDuringOnChange:void 0!==this.props.checked?this.props.checked:this.state.checked}get element(){return this._element}get actionElement(){return this._wrapper}get name(){return this.props.name}get validity(){const e=void 0!==this.props.validationMessage,t=void 0!==this.props.valid?this.props.valid:!this.props.required||!!this.value;return{customError:e,valid:void 0!==this.props.valid?this.props.valid:t,valueMissing:null===this.value}}get validityStyles(){return void 0!==this.props.validityStyles?this.props.validityStyles:e.defaultProps.validityStyles}get required(){return void 0!==this.props.required?this.props.required:e.defaultProps.required}componentDidMount(){this.setValidity(),this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{focused:e}=this.state,{dir:t,disabled:a,trackRounded:n,thumbRounded:s,size:i,offLabel:l,onLabel:o,tabIndex:c}=this.props;this.dir=t||this.element&&getComputedStyle(this.element).direction||void 0;const d=!this.validityStyles||this.validity.valid,u=r.classNames("k-switch",{[`k-switch-${r.kendoThemeMaps.sizeMap[i]||i}`]:i,[`k-rounded-${r.kendoThemeMaps.roundedMap[n]||n}`]:n,"k-switch-on":this.value,"k-switch-off":!this.value,"k-focus":e,"k-disabled":a,"k-invalid":!d},this.props.className),p={"aria-checked":this.value,"aria-disabled":a||void 0,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel};return h.createElement("span",{ref:e=>{this._wrapper=e},role:"switch",...p,className:u,dir:this.dir,onKeyDown:this.handleKeyDown,onClick:this.handleClick,onBlur:this.handleWrapperBlur,onFocus:this.handleWrapperFocus,tabIndex:r.getTabIndex(c,a,void 0),accessKey:this.props.accessKey,id:this.props.id||this._id},h.createElement("span",{className:r.classNames("k-switch-track",{[`k-rounded-${r.kendoThemeMaps.roundedMap[n]||n}`]:n}),ref:e=>{this._element=e}},this.dummyInput(this.value),h.createElement("span",{className:"k-switch-label-on"},o),h.createElement("span",{className:"k-switch-label-off"},l)),h.createElement("span",{className:"k-switch-thumb-wrap"},h.createElement("span",{className:r.classNames("k-switch-thumb",{[`k-rounded-${s}`]:s})})))}};Dt.displayName="Switch",Dt.propTypes={accessKey:a.string,checked:a.bool,className:a.string,disabled:a.bool,defaultChecked:a.bool,size:a.oneOf([null,"small","medium","large"]),trackRounded:a.oneOf([null,"small","medium","large","full"]),thumbRounded:a.oneOf([null,"small","medium","large","full"]),dir:a.string,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,offLabel:a.string,required:a.bool,tabIndex:a.number,valid:a.bool,validate:a.bool,validationMessage:a.string,onBlur:a.any,onChange:a.any,onFocus:a.any,onLabel:a.string},Dt.defaultProps={disabled:!1,defaultChecked:!1,size:"medium",trackRounded:"full",thumbRounded:"full",offLabel:"OFF",onBlur:r.noop,onFocus:r.noop,onLabel:"ON",required:!1,validityStyles:!0};let zt=Dt;const Ft=r.createPropsContext(),Kt=r.withIdHOC(r.withPropsContext(Ft,zt));Kt.displayName="KendoReactSwitch";const _t=r.createPropsContext(),$t=h.forwardRef(((e,t)=>{r.validatePackage(m);const a=r.usePropsContext(_t,e),{ariaDescribedBy:s,ariaLabelledBy:i,checked:l,className:o,labelClassName:c,children:d,defaultChecked:u,disabled:p,defaultValue:f,id:v,size:g,rounded:b,label:k,labelPlacement:y,name:C,labelOptional:x,onChange:E,onFocus:w,onBlur:I,tabIndex:S,value:N,required:L,valid:M,validationMessage:P,validityStyles:R,visited:V,touched:O,modified:B,...T}=a,D=h.useRef(null),z=h.useCallback((()=>{D.current&&D.current.focus()}),[]),_=h.useCallback((()=>({element:D.current,focus:z,get name(){return D.current&&D.current.name}})),[z]);h.useImperativeHandle(t,_);const[$,A]=h.useState(u),[H,q]=h.useState(f),j="boolean"==typeof N||null===N,W=void 0!==l,U=j,X=U?N:H,Y=W?l:U?void 0:$,Z=void 0===Y&&X,J=Z?X:Y,Q=Z||U?null===N?N:void 0:N||X,ee=null===J||null===Q,te=r.useId(),ae=n.useLocalization(),ne=e=>ae.toLanguageString(e,G[e]),re=ne(F),se=ne(K),ie=void 0!==M?M:!L||!!Y;h.useEffect((()=>{D.current&&D.current.setCustomValidity&&D.current.setCustomValidity(ie?"":P||re)}),[ie,P,re]);const le=h.useCallback(((e,t)=>{!U&&!p&&(q(t),!W&&!p&&A(t)),E&&!p&&r.dispatchEvent(E,e,{..._(),value:t},{value:t})}),[W,p,E,U,_]),oe=h.useCallback((e=>{const t=e.target.checked;le(e,t)}),[le,N]),ce=h.useCallback((e=>{if(p)return;const{keyCode:t}=e,a=e.currentTarget.checked;t===r.Keys.space&&(e.preventDefault(),e.stopPropagation(),le(e,!a))}),[p,le]),de=h.useCallback((e=>{if(p)return;const{keyCode:t}=e;t===r.Keys.space&&e.preventDefault()}),[p]),ue=h.useCallback((e=>{w&&!p&&r.dispatchEvent(w,e,_(),void 0)}),[w,p,_]),pe=h.useCallback((e=>{I&&!p&&r.dispatchEvent(I,e,_(),void 0)}),[I,p,_]),he=r.useDir(D,a.dir),me=r.classNames("k-checkbox-wrap",o),fe={type:"checkbox",className:r.classNames("k-checkbox",{[`k-checkbox-${r.kendoThemeMaps.sizeMap[g]||g}`]:g,[`k-rounded-${r.kendoThemeMaps.roundedMap[b]||b}`]:b,"k-indeterminate":ee,"k-disabled":p,"k-invalid k-invalid":!(ie||void 0!==R||!0===R)}),ref:D,name:C,id:v||te,"aria-labelledby":i,"aria-describedby":s,checked:!!J,disabled:p,tabIndex:r.getTabIndex(S,p),role:"checkbox",required:void 0!==L&&L,"aria-checked":!(!Y&&!J)||!!ee&&"mixed","aria-disabled":p||void 0,...T,onChange:oe,onKeyDown:ce,onKeyUp:de,onFocus:ue,onBlur:pe},ve=h.createElement(h.Fragment,null,void 0===Q?h.createElement("input",{...fe}):h.createElement("input",{...fe,value:j?void 0:null===Q?"":Q})),ge=h.createElement(h.Fragment,null,void 0!==k?h.createElement("label",{className:r.classNames("k-checkbox-label",c),htmlFor:v||te,style:{userSelect:"none"}},k,x&&h.createElement("span",{className:"k-label-optional"},se)):null),be=h.createElement("span",{className:me},ve,d);return h.createElement(h.Fragment,null,"before"===y?h.createElement("div",{dir:"rtl"},be,ge):"after"===y?h.createElement("div",{dir:"ltr"},be,ge):h.createElement("div",{dir:he},be,ge))}));$t.propTypes={checked:a.bool,className:a.string,defaultChecked:a.bool,defaultValue:a.any,dir:a.string,disabled:a.bool,id:a.string,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large"]),ariaLabelledBy:a.string,ariaDescribedBy:a.string,label:a.any,labelPlacement:a.string,labelOptional:a.bool,name:a.string,tabIndex:a.number,value:a.any,validationMessage:a.string,required:a.bool,validate:a.bool,valid:a.bool,onChange:a.func,onFocus:a.func,onBlur:a.func};$t.defaultProps={size:"medium",rounded:"medium"},$t.displayName="KendoCheckbox";const At=r.createPropsContext(),Ht=h.forwardRef(((e,t)=>{r.validatePackage(m);const a=r.usePropsContext(At,e),{ariaDescribedBy:n,checked:s,children:i,className:l,disabled:o,id:c,size:d,label:u,labelPlacement:p,name:f,style:v,tabIndex:g,value:b,valid:k,onChange:y,onFocus:C,onBlur:x,...E}=a,w=h.useRef(null),I=h.useCallback((()=>{w.current&&w.current.focus()}),[]),S=h.useCallback((()=>({element:w.current,focus:I})),[I]);h.useImperativeHandle(t,S);const N=r.useId(),L=h.useCallback((e=>{r.dispatchEvent(y,e,S(),{value:b})}),[y,b,o]),M=h.useCallback((e=>{C&&!o&&r.dispatchEvent(C,e,S(),void 0)}),[C,o]),P=h.useCallback((e=>{x&&!o&&r.dispatchEvent(x,e,S(),void 0)}),[x,o]),R={type:"radio",id:c||N,name:f,className:r.classNames("k-radio",{[`k-radio-${r.kendoThemeMaps.sizeMap[d]||d}`]:d,"k-invalid":!1===k},l),ref:w,disabled:o,tabIndex:r.getTabIndex(g,o),checked:s,style:v,"aria-describedby":n,value:b,onChange:L,onFocus:M,onBlur:P,...E},V=h.createElement(h.Fragment,null,void 0!==u?h.createElement("label",{className:"k-radio-label",htmlFor:c||N,style:{userSelect:"none"},"aria-label":u},u):null),O=h.createElement("input",{...R});return"before"===p?h.createElement(h.Fragment,null,V,O,i):h.createElement(h.Fragment,null,O,V,i)}));Ht.propTypes={ariaDescribedBy:a.string,checked:a.bool,className:a.string,disabled:a.bool,id:a.string,size:a.oneOf([null,"small","medium","large"]),label:a.string,labelPlacement:a.string,name:a.string,style:a.object,tabIndex:a.number,value:a.any,valid:a.bool,onChange:a.func,onFocus:a.func,onBlur:a.func};Ht.displayName="KendoRadioButton",Ht.defaultProps={size:"medium"};const qt=r.createPropsContext(),jt=h.forwardRef(((e,t)=>{r.validatePackage(m);const a=r.usePropsContext(qt,e),{id:n,ariaLabelledBy:s,ariaDescribedBy:i,className:l,data:o,defaultValue:c,disabled:d,name:u,labelPlacement:p,layout:f,style:v,value:g,valid:b,item:k=Gt.item,onChange:y,onFocus:C}=a,x=h.useRef(null),E=h.useCallback((()=>{x.current&&r.focusFirstFocusableChild(x.current)}),[]),w=h.useCallback((()=>({element:x.current,focus:E})),[E]);h.useImperativeHandle(t,w);const[I,S]=h.useState(c),N=void 0!==g,L=N?g:I,M=h.useCallback((e=>{let t=e.value;!N&&!d&&S(t),y&&!d&&r.dispatchEvent(y,e.syntheticEvent,w(),{value:t})}),[S,y,d]),P=h.useCallback((e=>{C&&!d&&r.dispatchEvent(C,e.syntheticEvent,w(),void 0)}),[C,d]),R=r.useId(),V=r.classNames("k-radio-list",{"k-list-horizontal":"horizontal"===f,"k-list-vertical":"vertical"===f||void 0===f},l),O=r.useRtl(x,a.dir),B=o&&o.map(((e,t)=>{const a=L===e.value,n=null==L,s={...e,valid:b,checked:a,disabled:!(!e.disabled&&!d),labelPlacement:e.labelPlacement?e.labelPlacement:p,tabIndex:e.tabIndex?e.tabIndex:n&&0===t||a?0:-1,index:t,name:u||R,onChange:M,onFocus:P};return h.createElement(k,{className:r.classNames("k-radio-item",{"k-disabled":s.disabled||d}),key:t,role:"none"},h.createElement(Ht,{...s}))}));return h.createElement("ul",{id:n,role:"radiogroup",className:V,ref:x,dir:O,style:v,"aria-labelledby":s,"aria-describedby":i},B)})),Gt={item:e=>h.createElement("li",{...e})};jt.propTypes={ariaLabelledBy:a.string,ariaDescribedBy:a.string,className:a.string,data:a.arrayOf(a.object),defaultValue:a.any,dir:a.string,disabled:a.bool,labelPlacement:a.string,layout:a.string,name:a.string,style:a.object,value:a.any,onChange:a.func,onFocus:a.func},jt.defaultProps=Gt,jt.displayName="KendoRadioGroup";const Wt=r.createPropsContext(),Ut=h.forwardRef(((e,t)=>{const a=r.usePropsContext(Wt,e),{size:n,rounded:s,fillMode:i,prefix:l,suffix:o,ariaDescribedBy:c,ariaLabelledBy:d,autoSize:u,className:p,defaultValue:m,disabled:f,readOnly:v,required:g,rows:b,id:k,name:y,placeholder:C,style:x,tabIndex:E,value:w,valid:I,validationMessage:S,validityStyles:N,onChange:L,onFocus:M,onBlur:P,visited:R,touched:V,modified:O,...B}=a,T=h.useRef(null),D=h.useCallback((()=>{T.current&&T.current.focus()}),[]),[z,F]=h.useState(m),[K,_]=r.useCustomComponent(l),[$,A]=r.useCustomComponent(o),H=void 0!==w,q=H?w:z,j=h.useCallback((()=>({element:T,focus:D,get value(){return q},get name(){return T.current&&T.current.name}})),[D,q]);h.useImperativeHandle(t,j);const[G,W]=h.useState("auto"),U=r.useId(),X=r.useDir(T,a.dir),Y=void 0!==I?I:!g||!!q;h.useEffect((()=>{T.current&&T.current.setCustomValidity&&T.current.setCustomValidity(Y?"":S||"")}),[Y,S]),r.useIsomorphicLayoutEffect((()=>{T.current&&W(`${T.current.scrollHeight}px`)}),[q]);const Z=h.useCallback((e=>{const t=e.target.value;W("auto"),!H&&!f&&F(t),L&&!f&&r.dispatchEvent(L,e,{...j(),value:t},{value:t})}),[F,L,f,H]),J=h.useCallback((e=>{M&&!f&&r.dispatchEvent(M,e,j(),void 0)}),[M,f]),Q=h.useCallback((e=>{P&&!f&&r.dispatchEvent(P,e,j(),void 0)}),[P,f]),ee={id:k||U,role:"textbox",name:y,className:"k-input-inner !k-overflow-auto",ref:T,disabled:f,rows:b,placeholder:C,readOnly:v,required:g,tabIndex:r.getTabIndex(E,f),style:u?{resize:"none",overflow:"hidden",height:G}:{},"aria-labelledby":d,"aria-describedby":c,"aria-multiline":!0,"aria-disabled":f||void 0,value:H?w:z,...B,onChange:Z,onFocus:J,onBlur:Q};return h.createElement("span",{className:r.classNames("k-input","k-textarea",{[`k-input-${r.kendoThemeMaps.sizeMap[n]||n}`]:n,[`k-input-${i}`]:i,[`k-rounded-${r.kendoThemeMaps.roundedMap[s]||s}`]:s,"k-invalid":!(Y||void 0!==N||!0===N),"k-required":g,"k-disabled":f},p),style:x,dir:X},a.prefix&&h.createElement(K,{..._}),h.createElement("textarea",{...ee}),a.suffix&&h.createElement($,{...A}))}));Ut.propTypes={ariaDescribedBy:a.string,ariaLabelledBy:a.string,autoSize:a.bool,className:a.string,defaultValue:a.string,dir:a.string,disabled:a.bool,readOnly:a.bool,rows:a.number,id:a.string,name:a.string,placeholder:a.string,style:a.object,tabIndex:a.number,value:a.oneOfType([a.string,a.arrayOf(a.string),a.number]),onChange:a.func,onFocus:a.func,onBlur:a.func,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","flat","outline"])};Ut.displayName="KendoTextArea",Ut.defaultProps={size:"medium",rounded:"medium",fillMode:"solid"};const Xt=h.forwardRef(((e,t)=>{const a=h.useRef(null),n=h.useRef(null),s=r.useDir(n,e.dir);h.useImperativeHandle(a,(()=>({element:n.current,props:e,value:e.value}))),h.useImperativeHandle(t,(()=>a.current));const i=h.useCallback((t=>{e.onClick&&e.onClick.call(void 0,{value:e.value,target:a.current,syntheticEvent:t})}),[e.onClick,e.value]),l=h.useCallback((t=>{e.onKeyDown&&e.onKeyDown.call(void 0,{target:a.current,syntheticEvent:t})}),[e.onKeyDown]),o=h.useCallback((t=>{e.onFocus&&e.onFocus.call(void 0,{target:a.current,syntheticEvent:t})}),[e.onFocus]),c=h.useCallback((t=>{e.onBlur&&e.onBlur.call(void 0,{target:a.current,syntheticEvent:t})}),[e.onBlur]),d=h.useCallback((t=>{e.onMouseMove&&e.onMouseMove.call(void 0,{target:a.current,syntheticEvent:t})}),[e.onMouseMove]),u=h.useCallback((t=>{e.onMouseEnter&&e.onMouseEnter.call(void 0,{target:a.current,syntheticEvent:t})}),[e.onMouseEnter]),p=h.useCallback((t=>{e.onMouseLeave&&e.onMouseLeave.call(void 0,{target:a.current,syntheticEvent:t})}),[e.onMouseLeave]);return h.createElement("span",{id:e.id,ref:n,dir:s,"data-half":e.half,tabIndex:e.tabIndex,title:e.title,style:e.style,className:r.classNames("k-rating-item",{"k-rtl":"rtl"===s,"k-selected":e.selected,"k-hover":e.hovered},e.className),onClick:i,onKeyDown:l,onFocus:o,onBlur:c,onMouseEnter:u,onMouseLeave:p,onMouseMove:d},e.children)})),Yt={id:a.string,icon:a.any,dir:a.oneOf(["ltr","rtl"]),title:a.string,value:a.number,half:a.bool,selected:a.bool,hovered:a.bool};Xt.displayName="KendoReactRatingItem",Xt.propTypes=Yt,Xt.defaultProps={dir:"ltr"};const Zt=(e,t)=>{if(e%1){const a=Math.pow(10,(t.toString().split(".")[1]||t.toString().split(".")[0]).length);return Math.round(e*a)/a}return e},Jt=(e,t,a)=>Zt(e-a,a)<t&&t<e,Qt=(e,t,a,n)=>null!==t&&("continues"===n?Jt(e,t,a)?Zt(e-a/2,a/2)<=t:e<=t:"single"===n&&(Jt(e,t,a)?Zt(e-a/2,a/2)===t:e===t)),ea=(e,t,a)=>"ltr"===e?a<t.x+t.width/2:a>t.x+t.width/2,ta=(e,t,a,n)=>{for(let r=e;r<=t;r+=a)if(n===r)return!0;return!1};var aa=(e=>(e.select="select",e.deselect="deselect",e.increase="increase",e.decrease="decrease",e.min="min",e.max="max",e.reset="reset",e))(aa||{});const na=(e,t)=>{switch(t.type){case"select":return void 0===t.payload||void 0===t.step?e:t.payload===e?null:t.payload>=t.min?t.payload<t.max?Zt(t.payload,t.step):t.max:t.min;case"deselect":case"reset":return null;case"increase":return void 0===t.step?e:e<t.min?t.min:e+t.step<t.max?Zt(e+t.step,t.step):t.max;case"decrease":return void 0===t.step?e:Zt(e-t.step,t.step)>=t.min?Zt(e-t.step,t.step):t.min;case"min":return void 0===t.step?e:t.min;case"max":return t.max;default:return e}},ra=(e,t,a)=>{const[n,r]=h.useState(e);return[n,e=>{const s=na(t.state||n,{...e,...t});a&&a(s,e.event),r(s)}]},sa=r.createPropsContext(),ia=h.forwardRef(((e,t)=>{const a=r.usePropsContext(sa,e),i=n.useLocalization(),l=h.useRef(null),o=h.useRef(null),c=r.useDir(o,a.dir);h.useImperativeHandle(l,(()=>({element:o.current,props:a}))),h.useImperativeHandle(t,(()=>l.current));const d=h.useCallback(((e,t)=>{a.onChange&&l.current&&a.onChange.call(void 0,{value:e,target:l.current,syntheticEvent:t})}),[a.onChange]),u=h.useMemo((()=>void 0!==a.min?a.min:oa.min),[a.min]),p=h.useMemo((()=>void 0!==a.max?a.max:oa.max),[a.max]),m=h.useMemo((()=>a.precision||oa.precision),[a.precision]),f=h.useMemo((()=>void 0!==a.step?a.step:oa.step),[a.step]),v=h.useMemo((()=>a.readonly||oa.readonly),[a.readonly]),g=h.useMemo((()=>a.disabled||oa.disabled),[a.disabled]),b=h.useMemo((()=>a.item||oa.item),[a.item]),[k,y]=ra(void 0!==a.defaultValue?a.defaultValue:oa.defaultValue,{state:a.value,min:u,max:p,step:"half"===m?f/2:f},d),[C,x]=ra(null,{state:a.value,min:u,max:p,step:"half"===m?f/2:f,precision:m}),E=h.useMemo((()=>void 0!==a.value?a.value:k),[a.value,k]),w=h.useMemo((()=>C),[C]),I=h.useMemo((()=>a.selection||oa.selection),[a.selection]),S=h.useMemo((()=>f/("half"===m?2:1)),[f,m]),N=h.useCallback((e=>{if(e.target&&e.target.element&&!v&&!g){if("half"===m){const t=e.target.element.getBoundingClientRect(),a=ea(c||"ltr",t,e.syntheticEvent.clientX)?Zt(e.target.value-f/2,S):e.target.value;y({type:aa.select,payload:a,event:e.syntheticEvent})}else y({type:aa.select,payload:e.target.value,event:e.syntheticEvent});if(a.onClick){const t={value:E,target:l.current,syntheticEvent:e.syntheticEvent};a.onClick.call(void 0,t)}}}),[a.onClick,y,E]),L=h.useCallback((e=>{if(!v&&!g){switch(e.keyCode){case r.Keys.right:e.preventDefault(),y({type:"rtl"===c?aa.decrease:aa.increase,event:e});break;case r.Keys.left:e.preventDefault(),y({type:"rtl"===c?aa.increase:aa.decrease,event:e});break;case r.Keys.home:e.preventDefault(),y({type:"rtl"===c?aa.min:aa.max,event:e});break;case r.Keys.end:e.preventDefault(),y({type:"rtl"===c?aa.max:aa.min,event:e});break;case r.Keys.esc:e.preventDefault(),y({type:aa.deselect,event:e})}a.onKeyDown&&a.onKeyDown.call(void 0,{value:E,target:l.current,syntheticEvent:e})}}),[a.onKeyDown,y,E]),M=h.useCallback((e=>{if(a.onFocus){const t={target:l.current,syntheticEvent:e};a.onFocus.call(void 0,t)}}),[a.onFocus]),P=h.useCallback((e=>{if(a.onBlur){const t={target:l.current,syntheticEvent:e};a.onBlur.call(void 0,t)}}),[a.onBlur]),R=h.useCallback((e=>{if(e.target&&e.target.element)if("half"===m){const t=e.target.element.getBoundingClientRect(),a=ea(c||"ltr",t,e.syntheticEvent.clientX)?e.target.value-f/2:e.target.value;x({type:aa.select,payload:a,event:e.syntheticEvent})}else x({type:aa.select,payload:e.target.value,event:e.syntheticEvent})}),[m,f,c]),V=h.useCallback((e=>{x({type:aa.reset,event:e.syntheticEvent})}),[]),O=[],B=((e,t)=>e-t*Math.floor(e/t))(Zt(p-u,S),f);for(let e=u;e<=p;e=Zt(e+f,S)){const t=Zt(e+B,S),n="half"===m&&Jt(t,null!==w?w:null!==E?E:0,f),i=Qt(t,E,f,I),l=Qt(t,null!==w?w:E,f,I),o=Qt(t,w,f,I);O.push(h.createElement(b,{key:t,value:t,dir:c,title:String(n?Zt(t-f/2,S):t),icon:a.icon,svgIcon:a.svgIcon,half:n,selected:i||l,hovered:o,onClick:N,onMouseMove:R,onMouseLeave:V},n&&h.createElement("span",{className:"k-rating-precision-complement"},!(a.icon||a.svgIconOutline)&&h.createElement(r.IconWrap,{name:"star-outline",icon:s.starOutlineIcon,style:{clipPath:""+("rtl"===c?"inset(0 50% 0 0)":"inset(0 0 0 50%)")},size:"xlarge"}),(a.icon||a.svgIconOutline)&&h.createElement(r.IconWrap,{name:r.toIconName(`${a.icon}-outline`),icon:a.svgIconOutline,size:"xlarge"})),n&&h.createElement("span",{className:"k-rating-precision-part"},!(a.icon||a.svgIcon)&&h.createElement(r.IconWrap,{name:"star",icon:s.starIcon,style:{clipPath:""+("rtl"===c?"inset(0 0 0 50%)":"inset(0 50% 0 0)")},size:"xlarge"}),(a.icon||a.svgIcon)&&h.createElement(r.IconWrap,{name:a.icon?r.toIconName(a.icon):void 0,icon:a.svgIcon,size:"xlarge"})),n&&h.createElement("span",{style:{width:"24px",height:"24px",display:"block"}}),!n&&!(a.icon||a.svgIcon)&&(o||l&&!o)&&h.createElement(r.IconWrap,{name:"star",icon:s.starIcon,size:"xlarge"})||!(a.icon||a.svgIcon)&&!o&&!l&&h.createElement(r.IconWrap,{name:"star-outline",icon:s.starOutlineIcon,size:"xlarge"})||(a.icon||a.svgIcon)&&(o||l&&!o)&&h.createElement(r.IconWrap,{name:a.icon,icon:a.svgIcon,size:"xlarge"})||(a.icon||a.svgIcon)&&!o&&h.createElement(r.IconWrap,{name:r.toIconName(`${a.icon}-outline`),icon:a.svgIconOutline,size:"xlarge"})))}return h.createElement("span",{id:a.id,style:a.style,ref:o,role:"slider",dir:c,tabIndex:r.getTabIndex(a.tabIndex,a.disabled,void 0),className:r.classNames("k-rating",{"k-rtl":"rtl"===c,"k-readonly":v,"k-disabled":g},a.className),onKeyDown:L,onFocus:M,onBlur:P,"aria-valuemin":u,"aria-valuemax":p,"aria-valuenow":null!==E?E:void 0,"aria-disabled":g?"true":void 0,"aria-label":i.toLanguageString(A,G[A]),"aria-labelledby":a.ariaLabelledBy,"aria-describedby":a.ariaDescribedBy},h.createElement("input",{id:"rating",className:"k-hidden",readOnly:v,disabled:g}),h.createElement("span",{className:"k-rating-container"},O),a.label&&h.createElement("span",{className:"k-rating-label"},a.label))})),la={id:a.string,dir:a.oneOf(["ltr","rtl"]),selection:a.oneOf(["continues","single"]),precision:a.oneOf(["item","half"]),value:(e,t,a)=>e.value&&e.min&&e.max&&e.step&&!("half"===e.precision?ta(e.min,e.max,e.step/2,e.value):ta(e.min,e.max,e.step,e.value))&&"half"===e.precision?new Error(`Invalid prop + ${t} supplied to ${a}.\n                    The value of the { value } property is not correct, please check your values.\n                    `):null,defaultValue:a.number,min:a.number,max:a.number,step:(e,t,a)=>void 0!==e.step&&e.step<=0?new Error(`Invalid prop + ${t} supplied to ${a}.\n                The value of the { step } property is cannot be equal or less than "0", please check your values.\n                `):null,hovered:a.number,label:a.string,readonly:a.bool,disabled:a.bool,half:a.bool,icon:a.string,svgIcon:r.svgIconPropType,svgIconOutline:r.svgIconPropType,ariaDescribedBy:a.string},oa={dir:"ltr",min:1,max:5,step:1,item:Xt,defaultValue:null,readonly:!1,disabled:!1,selection:"continues",precision:"item"};ia.displayName="KendoReactRating",ia.propTypes=la,ia.defaultProps=oa;const ca=e=>void 0!==e,da=r.createPropsContext(),ua=h.forwardRef(((e,t)=>{r.validatePackage(m);const a=r.usePropsContext(da,e),i=n.useLocalization(),o=h.useRef(null),c=h.useRef(null),p=h.useRef(null),f=h.useRef(null),v=h.useRef(null),[g,b]=h.useState(),[k,y]=h.useState(!1),[C,x]=h.useState(!1),[E,w]=h.useState(),[I,S]=h.useState(),N=ca(a.value)?a.value:E,[L,M]=h.useState(!1),P=ca(a.open),R=P?a.open:L,V=!(a.maximized||C||!a.maximizable||a.disabled),O=a.maximized&&!C,B=!(!a.value&&!E||C||a.readOnly||a.disabled),T=i.toLanguageString(q,G[q]),D=i.toLanguageString(j,G[j]),z=i.toLanguageString(H,G[H]),F=a.popupScale||3,K=a.exportScale||2,_=e=>{w(e),a.onChange&&a.onChange({value:e})};h.useEffect((()=>{a.value!==E&&(w(a.value),null==g||g.loadImage(a.value))}),[a.value]);const $=h.useCallback((e=>{P||M(e)}),[P]),A=h.useCallback((()=>{let e="#000000";return!a.color&&"undefined"!=typeof document&&o.current&&(e=getComputedStyle(o.current).color),a.color||e}),[a.color]),W=h.useCallback((()=>{let e="#ffffff";return!a.backgroundColor&&"undefined"!=typeof document&&o.current&&(e=getComputedStyle(o.current).backgroundColor),a.backgroundColor||e}),[a.backgroundColor]),U=()=>({scale:a.maximized?a.popupScale:1,color:A(),backgroundColor:W(),strokeWidth:a.strokeWidth,smooth:a.smooth,readonly:a.readOnly}),X=async e=>{const{width:t,height:a}=e;return await(null==g?void 0:g.exportImage({width:t*K,height:a*K}))};h.useEffect((()=>{const e=c.current,t=new d.SignaturePad(e,U());return N&&t.loadImage(N),b(t),()=>t.destroy()}),[]),h.useEffect((()=>{null==g||g.setOptions({onChange:async()=>_(await X(oe())),onDraw:()=>x(!0),onDrawEnd:()=>x(!1)})}),[g]),r.useIsomorphicLayoutEffect((()=>null==g?void 0:g.setOptions(U())),[a.readOnly,a.color,a.backgroundColor,a.strokeWidth,a.smooth]),h.useEffect((()=>{var e,t;const a=null==(t=null==(e=p.current)?void 0:e.element)?void 0:t.querySelector(".k-overlay");if(!a)return;const n=()=>$(!1);return a.addEventListener("click",n),()=>a.removeEventListener("click",n)}),[R]),h.useEffect((()=>{if(!R||"undefined"==typeof document)return;const e=e=>{e.keyCode===r.Keys.esc&&$(!1)};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)}),[R]),h.useEffect((()=>{var e,t;a.maximized&&(null==(t=null==(e=f.current)?void 0:e.element)||t.focus())}),[]);const Y=h.useCallback((()=>{var e;return null==(e=c.current)?void 0:e.focus()}),[]),Z=h.useCallback((()=>a.value),[a.value]),J=h.useCallback((()=>a.name),[a.name]),Q=h.useCallback((()=>a.required),[a.required]),ee=h.useCallback((()=>{const e=void 0!==a.validationMessage,t=!Z();return{customError:e,valid:void 0!==a.valid?a.valid:!Q()||!t,valueMissing:t}}),[a.validationMessage,a.valid,Z,Q]),te=h.useCallback((()=>a.validityStyles),[a.validityStyles]),ae=h.useCallback((()=>a),[a]),ne=h.useCallback((()=>{const e={element:o.current,focus:Y};return Object.defineProperty(e,"name",{get:J}),Object.defineProperty(e,"value",{get:Z}),Object.defineProperty(e,"validity",{get:ee}),Object.defineProperty(e,"validityStyles",{get:te}),Object.defineProperty(e,"required",{get:Q}),Object.defineProperty(e,"props",{get:ae}),Object.defineProperty(e,"color",{get:A}),Object.defineProperty(e,"backgroundColor",{get:W}),e}),[J,Z,ee,te,Q,Y,ae,A,W]);h.useImperativeHandle(t,ne);const re=h.useCallback((e=>{k||a.maximized||(y(!0),r.dispatchEvent(a.onFocus,e,ne(),{}))}),[k,a.onFocus,ne]),se=h.useCallback((e=>{(function(e,t){let a=e;for(;a&&a!==t;)a=a.parentNode;return!!a})(e.relatedTarget,o.current)||(y(!1),r.dispatchEvent(a.onBlur,e,ne(),{}))}),[k,a.onBlur,ne]),ie=h.useCallback((async e=>{S(await X(ce())),$(!0),r.dispatchEvent(a.onOpen,e,ne(),{})}),[R,P,a.onOpen,a.value,E,ne]),le=h.useCallback((e=>{$(!1),r.dispatchEvent(a.onClose,e,ne(),{})}),[R,P,a.onClose,ne]),oe=()=>{var e,t;return{width:a.width||(null==(e=o.current)?void 0:e.offsetWidth)||250,height:a.height||(null==(t=o.current)?void 0:t.offsetHeight)||84}},ce=()=>{const{width:e,height:t}=oe();return{width:e*F,height:t*F}},de=!te()||ee().valid;return h.createElement("div",{ref:o,dir:a.dir,style:{width:a.width,height:a.height,...a.style},className:r.classNames("k-input","k-signature",{"k-signature-maximized":a.maximized,[`k-signature-${r.kendoThemeMaps.sizeMap[a.size]||a.size}`]:a.size,[`k-input-${a.fillMode}`]:a.fillMode,[`k-rounded-${r.kendoThemeMaps.roundedMap[a.rounded]||a.rounded}`]:a.rounded,"k-invalid":!de,"k-required":a.required,"k-disabled":a.disabled,"k-focus":k},a.className),onFocus:re,onBlur:se},h.createElement("div",{className:"k-signature-canvas",ref:c,tabIndex:r.getTabIndex(a.tabIndex,a.disabled),role:"img",id:a.id,"aria-label":a.ariaLabel,"aria-labelledby":a.ariaLabelledBy,"aria-describedby":a.ariaDescribedBy,"aria-disabled":a.disabled?"true":void 0}),h.createElement("div",{className:"k-signature-actions k-signature-actions-top"},V&&h.createElement(l.Button,{type:"button",className:"k-signature-action k-signature-maximize",ref:v,icon:"hyperlink-open",svgIcon:s.hyperlinkOpenIcon,fillMode:"flat",size:a.size,onClick:ie,"aria-label":T,title:T}),O&&h.createElement(l.Button,{type:"button",className:"k-signature-action k-signature-minimize k-rotate-180",ref:f,icon:"hyperlink-open",svgIcon:s.hyperlinkOpenIcon,fillMode:"flat",size:a.size,onClick:le,"aria-label":D,title:D})),!a.hideLine&&h.createElement("div",{className:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}}),h.createElement("div",{className:"k-signature-actions k-signature-actions-bottom"},B&&h.createElement(l.Button,{type:"button",className:"k-signature-action k-signature-clear",icon:"x",svgIcon:s.xIcon,fillMode:"flat",size:a.size,onClick:()=>{null==g||g.clear(),_(),Y()},"aria-label":z,title:z})),R&&h.createElement(u.Dialog,{ref:p},h.createElement(ua,{...a,...ce(),value:I,maximized:!0,exportScale:1/F*K,open:!1,onChange:e=>{null==g||g.loadImage(e.value),_(e.value)},onClose:e=>{var t,a;le(e),null==(a=(null==(t=v.current)?void 0:t.element)||c.current)||a.focus()}})))}));ua.propTypes={value:a.string,width:a.number,height:a.number,tabIndex:a.number,dir:a.string,ariaDescribedBy:a.string,ariaLabelledBy:a.string,ariaLabel:a.string,readOnly:a.bool,disabled:a.bool,validationMessage:a.string,required:a.bool,onChange:a.func,onFocus:a.func,onBlur:a.func,onOpen:a.func,onClose:a.func,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large"]),fillMode:a.oneOf([null,"solid","flat","outline"])},ua.displayName="KendoSignature",ua.defaultProps={strokeWidth:1,smooth:!1,popupScale:3,exportScale:2,maximizable:!0,disabled:!1,required:!1,validityStyles:!0,onChange:e=>r.noop,onFocus:e=>r.noop,onBlur:e=>r.noop,onOpen:e=>r.noop,onClose:e=>r.noop,size:"medium",rounded:"medium",fillMode:"solid"};const pa=h.forwardRef(((e,t)=>{r.validatePackage(m);const a=h.useRef(null),n=h.useRef(null),s=h.useRef(),i=h.useCallback((()=>{var e;return void 0!==s.current?s.current:null==(e=a.current)?void 0:e.value}),[]);h.useImperativeHandle(n,(()=>({get element(){return a.current},get name(){return a.current&&a.current.name},get value(){return i()}}))),h.useImperativeHandle(t,(()=>n.current));const{size:l,fillMode:o,rounded:c,className:d,dir:u,style:p,prefix:f=ha.prefix,suffix:v=ha.suffix,valid:g,modified:b,touched:k,visited:y,...C}=e,[x]=r.useCustomComponent(f),[E]=r.useCustomComponent(v),[w,I]=h.useState(!1),S=h.useCallback((t=>{s.current=t.target.value,e.onChange&&e.onChange.call(void 0,{syntheticEvent:t,nativeEvent:t.nativeEvent,value:t.target.value,target:n.current}),s.current=void 0}),[e.onChange]),{onFocus:N,onBlur:L}=r.useAsyncFocusBlur({onFocus:e=>{I(!0)},onBlur:e=>{I(!1)},onSyncFocus:e.onFocus,onSyncBlur:e.onBlur});return h.createElement("span",{style:p,dir:u,className:r.classNames("k-textbox k-input",{[`k-input-${r.kendoThemeMaps.sizeMap[l]||l}`]:l,[`k-input-${o}`]:o,[`k-rounded-${r.kendoThemeMaps.roundedMap[c]||c}`]:c},{"k-focus":w,"k-required":e.required,"k-disabled":e.disabled,"k-invalid":!1===e.valid},d),onFocus:N,onBlur:L},h.createElement(x,null),h.createElement("input",{ref:a,className:"k-input-inner",...C,onChange:S}),h.createElement(E,null))})),ha={prefix:e=>null,suffix:e=>null,size:"medium",rounded:"medium",fillMode:"solid"};pa.propTypes={size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","flat","outline"])},pa.displayName="KendoReactTextBoxComponent",pa.defaultProps=ha;const ma=h.forwardRef(((e,t)=>{const a=h.useRef(null),n=h.useRef(null);return h.useImperativeHandle(a,(()=>({element:n.current}))),h.useImperativeHandle(t,(()=>a.current)),h.createElement("span",{...e,className:r.classNames("k-clear-value",e.className)})}));ma.displayName="KendoReactInputClearValue";const fa=h.forwardRef((({orientation:e="horizontal",...t},a)=>{const n=h.useRef(null),s=h.useRef(null);return h.useImperativeHandle(n,(()=>({element:s.current}))),h.useImperativeHandle(a,(()=>n.current)),h.createElement("span",{...t,className:r.classNames("k-input-prefix",t.className,`k-input-prefix-${e}`)})}));fa.displayName="KendoReactInputPrefix";const va=h.forwardRef((({orientation:e="vertical",...t},a)=>{const n=h.useRef(null),s=h.useRef(null);return h.useImperativeHandle(n,(()=>({element:s.current}))),h.useImperativeHandle(a,(()=>n.current)),h.createElement("span",{...t,className:r.classNames("k-input-separator",t.className,`k-input-separator-${e}`)})}));va.displayName="KendoReactInputSeparator";const ga=h.forwardRef((({orientation:e="horizontal",...t},a)=>{const n=h.useRef(null),s=h.useRef(null);return h.useImperativeHandle(n,(()=>({element:s.current}))),h.useImperativeHandle(a,(()=>n.current)),h.createElement("span",{...t,className:r.classNames("k-input-suffix",t.className,`k-input-suffix-${e}`)})}));ga.displayName="KendoReactInputSuffix";const ba=h.forwardRef(((e,t)=>h.createElement(r.IconWrap,{ref:t,...e,className:r.classNames("k-input-validation-icon",e.className)})));ba.displayName="KendoReactInputValidationIcon",e.Checkbox=$t,e.CheckboxPropsContext=_t,e.ColorGradient=Ue,e.ColorGradientPropsContext=We,e.ColorGradientWithoutContext=Ge,e.ColorInput=Oe,e.ColorPalette=tt,e.ColorPalettePropsContext=et,e.ColorPaletteWithoutContext=Qe,e.ColorPicker=it,e.ColorPickerPropsContext=st,e.FlatColorPicker=ct,e.Input=Pe,e.InputClearValue=ma,e.InputPrefix=fa,e.InputPropsContext=Me,e.InputSeparator=va,e.InputSuffix=ga,e.InputValidationIcon=ba,e.InputWithoutContext=Le,e.MaskedTextBox=Mt,e.MaskedTextBoxWithoutContext=Nt,e.NumericTextBox=ve,e.NumericTextBoxPropsContext=fe,e.PALETTEPRESETS=Ye,e.RANGE_ACTION=Pt,e.RATING_ACTION=aa,e.RadioButton=Ht,e.RadioButtonPropsContext=At,e.RadioGroup=jt,e.RadioGroupPropsContext=qt,e.RangeSlider=Ot,e.RangeSliderPropsContext=Vt,e.Rating=ia,e.RatingItem=Xt,e.RatingPropsContext=sa,e.SLIDER_LABEL_ATTRIBUTE=Be,e.Signature=ua,e.SignaturePropsContext=da,e.Slider=Fe,e.SliderLabel=e=>{const t=h.useRef(null),a=r.useDir(t),n=e.vertical?{bottom:`${e.position}%`}:{["rtl"===a?"right":"left"]:`${e.position}%`},s=e.vertical?"k-tick-vertical":"k-tick-horizontal";return h.createElement("li",{ref:t,className:`k-tick k-tick-large ${s}`,title:e.title,style:{zIndex:1,position:"absolute",...n}},e.children&&h.createElement("span",{[Be]:!0,className:"k-label",onClick:e.onClick},e.children))},e.SliderWithoutContext=De,e.Switch=Kt,e.SwitchWithoutContext=zt,e.TextArea=Ut,e.TextAreaPropsContext=Wt,e.TextBox=pa,e.inputsMessages=G,e.isCorrectValue=ta,e.isHalf=Jt,e.isSelected=Qt,e.maskingChanged=wt,e.numericDecreaseValue=v,e.numericIncreaseValue=f,e.rangeReducer=Rt,e.ratingReducer=na,e.sanitizeNumber=me,e.toRound=Zt}));

package/numerictextbox/utils/index.js CHANGED Viewed

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=11111111111111e-7,be=.31111111111111117,Le=1,w=1,ee=0,V=/\d/,ne=15,he=()=>({eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1}),Ie=(t,n)=>t!==void 0?t:n,m=(t,n,r)=>t===null&&t===void 0?"":typeof t=="string"?t:r.formatNumber(t,n),B=t=>(String(t).split(".")[1]||"").length,te=(t,n)=>Math.max(B(t),B(n)),re=t=>Math.min(t,ne),G=(t,n)=>{const r=re(n);return parseFloat(t.toFixed(r))},Ne=(t,n,r,e,u,s,a)=>{const o=te(t||0,r||0),l=U(G((t||0)+(r||0),o),e,u);n.eventValue=l,n.currentLooseValue=m(l,s,a),n.selectionStart=n.selectionEnd=N(n.currentLooseValue,V)},Pe=(t,n,r,e,u,s,a)=>{const o=te(t||0,r||0),l=U(G((t||0)-(r||0),o),e,u);n.eventValue=l,n.currentLooseValue=m(l,s,a),n.selectionStart=n.selectionEnd=N(n.currentLooseValue,V)},U=(t,n,r)=>t==null?t:!(t>1||t<1||t===1)||r!==void 0&&n!==void 0&&r<n?null:(r!==void 0&&t>r&&(t=r),n!==void 0&&t<n&&(t=n),t),oe=(t,n)=>{const r=n.findIndex(([u,s])=>!!s&&t.indexOf(s)===t.length-s.length);if(r===-1)return-1;const e=n[r][1];return t.length-e.length},se=(t,n)=>{const r=n.findIndex(([u,s])=>!!u&&t.indexOf(u)===0);return r===-1?-1:n[r][0].length},ue=(t,n,r)=>{const e=oe(t,n);if(e!==-1&&r.selectionStart>e){r.selectionStart=r.selectionEnd=e;return}r.selectionStart>t.length&&(r.selectionStart=r.selectionEnd=t.length);const u=se(t,n);u!==-1&&r.selectionStart<u&&(r.selectionStart=r.selectionEnd=u),r.selectionStart===-1&&(r.selectionStart=r.selectionEnd=0)},p=(t,n,r,e)=>{t.selectionStart=t.selectionEnd=n,ue(r,e,t)},v=(t,n,r,e)=>{t.eventValue=e.parseNumber(t.prevLooseValue,n),t.currentLooseValue=t.prevLooseValue,t.valueIsCorrected=!0,p(t,t.selectionStart,t.currentLooseValue,r)},ie=(t,n)=>{const r=String(t.currentLooseValue),e=String(t.prevLooseValue);return r.split(n.minusSign).length!==e.split(n.minusSign).length&&r.length===e.length+n.minusSign.length},le=(t,n)=>{const r=String(t.currentLooseValue),e=String(t.prevLooseValue);return r.indexOf(n.minusSign)===-1&&e.indexOf(n.minusSign)!==-1},ce=(t,n)=>String(t.currentLooseValue).split(n.decimal).length>2,ae=(t,n)=>{const r=n.formatNumber(F,t),e=n.formatNumber(-F,t),u=n.formatNumber(ee,t),s=n.formatNumber(w,t),a=D(r),o=D(e),l=D(u),c=D(s),P=R(r),E=R(e),b=R(u),L=R(s);return{positiveInfo:[a,P],negativeInfo:[o,E],zeroInfo:[l,b],oneInfo:[c,L]}},de=(t,n)=>{const r=n.formatNumber(F,t),e=n.formatNumber(-F,t),u=n.formatNumber(ee,t),s=n.formatNumber(w,t),a=n.numberSymbols(),o=new RegExp(`[\\d\\${a.decimal}${a.group}]`,"g");return[r,e,u,s].map(c=>c.replace(o,"")).join("").split("").filter((c,P,E)=>E.indexOf(c)===P).join("")},y=(t,n)=>{const r=t.indexOf(n.decimal);return r>-1?r:N(t,V)},S=t=>t.split("").reverse().join(""),N=(t,n)=>t.length-S(t).search(n),D=t=>t.split(t[t.search(V)])[0],R=t=>{const n=S(t);return S(n.split(n[n.search(V)])[0])},C=(t,n)=>t.search(n),$=(t,n)=>{const r=t.indexOf(n);return r>-1?t.length-r-1:0},j=(t,n,r,e,u)=>{const s=t.replace(u,"")[0]==="0",a=n.replace(u,"")[0]==="0";if(s&&!a)return r-1;if(a&&e)return r+1;let o=0;for(let c=0;c<r;c++)V.test(t.charAt(c))&&o++;let l=0;for(;o>0&&n.length>l;)V.test(n.charAt(l))&&o--,l++;return l},Ee=(t,n,r)=>{const e={...t},{prevLooseValue:u}=e,s=r.numberSymbols(),a=de(n,r),o=String(e.currentLooseValue),l=String(u),c=new RegExp(`[^\\d\\${s.decimal}]`,"g"),P=new RegExp(`[^\\d\\${s.decimal}\\${s.group}]`,"g"),E=new RegExp(`[\\d\\${s.decimal}\\${s.group}]`),b=o.replace(c,""),L=C(o,V),O=L===-1?-1:N(o,V),ge=o.indexOf(s.decimal),X=(o.substring(0,L)+o.substring(L,O).replace(P,"")+o.substring(O,o.length)).split("").filter(x=>a.indexOf(x)!==-1||x.search(E)!==-1).join(""),Z=r.formatNumber(be,n).replace(c,""),W=Z.indexOf(s.decimal),I=W>-1?Z.length-W-1:0,k=r.formatNumber(Le,n).replace(c,""),q=k.indexOf(s.decimal),M=q>-1?k.length-q-1:0,{positiveInfo:fe,negativeInfo:me,zeroInfo:Ve,oneInfo:xe}=ae(n,r),g=[fe,me,Ve,xe],pe=g.findIndex(x=>x.findIndex(h=>!!h)!==-1)!==1,z=o.length>0&&o.length<l.length,H=typeof n=="string"&&n[0]==="p"&&o&&o.indexOf(s.percentSign)===-1;if(!e.isPaste){if(o==="")return e.eventValue=null,e.currentLooseValue="",e;if(e.currentLooseValue===s.minusSign&&r.formatNumber(-0,n)!==l)return e.eventValue=-0,e.currentLooseValue=m(e.eventValue,n,r),p(e,y(e.currentLooseValue,s),e.currentLooseValue,g),e;if(e.currentLooseValue===s.decimal){e.eventValue=0;const f=m(e.eventValue,n,r);if(M===0&&I>0){const i=N(f,V);e.currentLooseValue=f.substring(0,i)+s.decimal+f.substring(i)}else e.currentLooseValue=f;return p(e,y(e.currentLooseValue,s)+1,e.currentLooseValue,g),e}if(ie(e,s)){const f=r.parseNumber(u,n);e.eventValue=-(f!==null?f:0),e.currentLooseValue=m(e.eventValue,n,r);const i=C(e.currentLooseValue,V),d=C(l,V);return p(e,e.selectionEnd-1+(i-d),e.currentLooseValue,g),e}if(le(e,s))return e.eventValue=r.parseNumber(e.currentLooseValue,n),p(e,e.selectionStart,e.currentLooseValue,g),e;if(ce(e,s))return v(e,n,g,r),e;if(H)return e.eventValue=r.parseNumber(o,n)/100,e.currentLooseValue=m(e.eventValue,n,r),e;if(String(e.currentLooseValue).replace(/[^\d]/g,"").length>ne||b!==o&&o&&pe&&g.findIndex(([i,d])=>{const T=o.indexOf(i),_=o.indexOf(d),J=T===0,K=_===o.length-d.length,Q=T+i.length!==L&&L!==-1&&o[T+i.length]!==s.decimal,Y=_!==O&&O!==-1&&o[_-1]!==s.decimal;return i&&d?Q||Y?!1:J&&K:i?Q?!1:J:d?Y?!1:K:!1})===-1)return v(e,n,g,r),e;if(b[b.length-1]===s.decimal&&I>0)return e.eventValue=r.parseNumber(o,n),e.currentLooseValue=X,e;if(e.currentLooseValue&&u&&(a+s.decimal+s.group).split("").findIndex(i=>o.split("").filter(d=>d===i).length<l.split("").filter(d=>d===i).length&&o.length+1===l.length?!(i===s.decimal&&$(l.replace(c,""),s.decimal)===0):!1)>-1)return e.eventValue=r.parseNumber(t.prevLooseValue,n),e.currentLooseValue=t.prevLooseValue,e;const h=$(b,s.decimal),A=b[b.length-1]==="0";if(z&&A&&h<M)return e.eventValue=r.parseNumber(e.currentLooseValue,n),e.currentLooseValue=m(e.eventValue,n,r),e;if(h>0){const f=o.substring(0,ge);if(A&&(!f||l.indexOf(f)!==0)){e.eventValue=r.parseNumber(e.currentLooseValue,n);const i=m(e.eventValue,n,r);return p(e,j(o,i,e.selectionEnd,z,c),i,g),e.currentLooseValue=i,e}if(h>I){const i=o.indexOf(s.decimal),d=o.substring(0,i)+o.substring(i,i+1+I)+o.substring(O,String(e.currentLooseValue).length);return e.eventValue=r.parseNumber(d,n),e.currentLooseValue=d,p(e,e.selectionStart,d,g),e}if(M!==I&&h<=I&&A)return e.eventValue=r.parseNumber(e.currentLooseValue,n),e.currentLooseValue=X,e;if(h<M)return e.eventValue=r.parseNumber(e.currentLooseValue,n),e.currentLooseValue=m(e.eventValue,n,r),e}}if(e.eventValue=r.parseNumber(e.currentLooseValue,n),H&&(e.eventValue=e.eventValue/100),typeof e.eventValue=="number"){const x=m(e.eventValue,n,r);o.length===1?p(e,y(x,s),x,g):p(e,j(o,x,e.selectionEnd,z,c),x,g),e.currentLooseValue=x}else e.currentLooseValue=m(r.parseNumber(b),n,r);return e};exports.changeBasedSelection=j;exports.decreaseValue=Pe;exports.formatValue=m;exports.fractionLength=B;exports.getDecimalCount=$;exports.getFirstNumberIndex=C;exports.getFormatPrefixSufix=ae;exports.getFormatSymbols=de;exports.getInitialPosition=y;exports.getInitialState=he;exports.getLastNumberIndex=N;exports.getMaxCursorPosition=oe;exports.getMinCursorPosition=se;exports.getPrefix=D;exports.getStateOrPropsValue=Ie;exports.getSuffix=R;exports.increaseValue=Ne;exports.isDecimalDuplicated=ce;exports.isMinusSymbolAdded=ie;exports.isMinusSymbolRemoved=le;exports.limitPrecision=re;exports.rangeSelection=ue;exports.rangeValue=U;exports.reverseString=S;exports.sanitizeNumber=Ee;exports.setInvalid=v;exports.setSelection=p;exports.toFixedPrecision=G;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=11111111111111e-7,Le=.31111111111111117,he=1,ee=1,ne=0,V=/\d/,te=15,Ie=()=>({eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1}),Ne=(t,n)=>t!==void 0?t:n,m=(t,n,r)=>t===null&&t===void 0?"":typeof t=="string"?t:r.formatNumber(t,n),$=t=>(String(t).split(".")[1]||"").length,re=(t,n)=>Math.max($(t),$(n)),oe=t=>Math.min(t,te),U=(t,n)=>{const r=oe(n);return parseFloat(t.toFixed(r))},Ce=(t,n,r,e,u,o,a)=>{const s=re(t||0,r||0),l=X(U((t||0)+(r||0),s),e,u);n.eventValue=l,n.currentLooseValue=m(l,o,a),n.selectionStart=n.selectionEnd=N(n.currentLooseValue,V)},Pe=(t,n,r,e,u,o,a)=>{const s=re(t||0,r||0),l=X(U((t||0)-(r||0),s),e,u);n.eventValue=l,n.currentLooseValue=m(l,o,a),n.selectionStart=n.selectionEnd=N(n.currentLooseValue,V)},X=(t,n,r)=>t==null?t:!(t>1||t<1||t===1)||r!==void 0&&n!==void 0&&r<n?null:(r!==void 0&&t>r&&(t=r),n!==void 0&&t<n&&(t=n),t),se=(t,n)=>{const r=n.findIndex(([u,o])=>!!o&&t.indexOf(o)===t.length-o.length);if(r===-1)return-1;const e=n[r][1];return t.length-e.length},ue=(t,n)=>{const r=n.findIndex(([u,o])=>!!u&&t.indexOf(u)===0);return r===-1?-1:n[r][0].length},ie=(t,n,r)=>{const e=se(t,n);if(e!==-1&&r.selectionStart>e){r.selectionStart=r.selectionEnd=e;return}r.selectionStart>t.length&&(r.selectionStart=r.selectionEnd=t.length);const u=ue(t,n);u!==-1&&r.selectionStart<u&&(r.selectionStart=r.selectionEnd=u),r.selectionStart===-1&&(r.selectionStart=r.selectionEnd=0)},x=(t,n,r,e)=>{t.selectionStart=t.selectionEnd=n,ie(r,e,t)},M=(t,n,r,e)=>{t.eventValue=e.parseNumber(t.prevLooseValue,n),t.currentLooseValue=t.prevLooseValue,t.valueIsCorrected=!0,x(t,t.selectionStart,t.currentLooseValue,r)},T=(t,n,r)=>n.split(t).length!==r.split(t).length&&n.length===r.length+t.length,le=(t,n)=>{const r=String(t.currentLooseValue),e=String(t.prevLooseValue);return T(n.minusSign,r,e)||T("-",r,e)||T("−",r,e)},ce=(t,n)=>{const r=String(t.currentLooseValue),e=String(t.prevLooseValue);return r.indexOf(n.minusSign)===-1&&e.indexOf(n.minusSign)!==-1},ae=(t,n)=>String(t.currentLooseValue).split(n.decimal).length>2,de=(t,n)=>{const r=n.formatNumber(S,t),e=n.formatNumber(-S,t),u=n.formatNumber(ne,t),o=n.formatNumber(ee,t),a=O(r),s=O(e),l=O(u),c=O(o),C=D(r),P=D(e),b=D(u),L=D(o);return{positiveInfo:[a,C],negativeInfo:[s,P],zeroInfo:[l,b],oneInfo:[c,L]}},ge=(t,n)=>{const r=n.formatNumber(S,t),e=n.formatNumber(-S,t),u=n.formatNumber(ne,t),o=n.formatNumber(ee,t),a=n.numberSymbols(),s=new RegExp(`[\\d\\${a.decimal}${a.group}]`,"g");return[r,e,u,o].map(c=>c.replace(s,"")).join("").split("").filter((c,C,P)=>P.indexOf(c)===C).join("")},y=(t,n)=>{const r=t.indexOf(n.decimal);return r>-1?r:N(t,V)},F=t=>t.split("").reverse().join(""),N=(t,n)=>t.length-F(t).search(n),O=t=>t.split(t[t.search(V)])[0],D=t=>{const n=F(t);return F(n.split(n[n.search(V)])[0])},v=(t,n)=>t.search(n),j=(t,n)=>{const r=t.indexOf(n);return r>-1?t.length-r-1:0},G=(t,n,r,e,u)=>{const o=t.replace(u,"")[0]==="0",a=n.replace(u,"")[0]==="0";if(o&&!a)return r-1;if(a&&e)return r+1;let s=0;for(let c=0;c<r;c++)V.test(t.charAt(c))&&s++;let l=0;for(;s>0&&n.length>l;)V.test(n.charAt(l))&&s--,l++;return l},Ee=(t,n,r)=>{const e={...t},{prevLooseValue:u}=e,o=r.numberSymbols(),a=ge(n,r),s=String(e.currentLooseValue),l=String(u),c=new RegExp(`[^\\d\\${o.decimal}]`,"g"),C=new RegExp(`[^\\d\\${o.decimal}\\${o.group}]`,"g"),P=new RegExp(`[\\d\\${o.decimal}\\${o.group}]`),b=s.replace(c,""),L=v(s,V),E=L===-1?-1:N(s,V),fe=s.indexOf(o.decimal),Z=(s.substring(0,L)+s.substring(L,E).replace(C,"")+s.substring(E,s.length)).split("").filter(p=>a.indexOf(p)!==-1||p.search(P)!==-1).join(""),W=r.formatNumber(Le,n).replace(c,""),k=W.indexOf(o.decimal),I=k>-1?W.length-k-1:0,q=r.formatNumber(he,n).replace(c,""),H=q.indexOf(o.decimal),R=H>-1?q.length-H-1:0,{positiveInfo:me,negativeInfo:Ve,zeroInfo:pe,oneInfo:xe}=de(n,r),g=[me,Ve,pe,xe],be=g.findIndex(p=>p.findIndex(h=>!!h)!==-1)!==1,z=s.length>0&&s.length<l.length,J=typeof n=="string"&&n[0]==="p"&&s&&s.indexOf(o.percentSign)===-1;if(!e.isPaste){if(s==="")return e.eventValue=null,e.currentLooseValue="",e;if(e.currentLooseValue===o.minusSign&&r.formatNumber(-0,n)!==l)return e.eventValue=-0,e.currentLooseValue=m(e.eventValue,n,r),x(e,y(e.currentLooseValue,o),e.currentLooseValue,g),e;if(e.currentLooseValue===o.decimal){e.eventValue=0;const f=m(e.eventValue,n,r);if(R===0&&I>0){const i=N(f,V);e.currentLooseValue=f.substring(0,i)+o.decimal+f.substring(i)}else e.currentLooseValue=f;return x(e,y(e.currentLooseValue,o)+1,e.currentLooseValue,g),e}if(le(e,o)){const f=r.parseNumber(u,n);e.eventValue=-(f!==null?f:0),e.currentLooseValue=m(e.eventValue,n,r);const i=v(e.currentLooseValue,V),d=v(l,V);return x(e,e.selectionEnd-1+(i-d),e.currentLooseValue,g),e}if(ce(e,o))return e.eventValue=r.parseNumber(e.currentLooseValue,n),x(e,e.selectionStart,e.currentLooseValue,g),e;if(ae(e,o))return M(e,n,g,r),e;if(J)return e.eventValue=r.parseNumber(s,n)/100,e.currentLooseValue=m(e.eventValue,n,r),e;if(String(e.currentLooseValue).replace(/[^\d]/g,"").length>te||b!==s&&s&&be&&g.findIndex(([i,d])=>{const _=s.indexOf(i),B=s.indexOf(d),K=_===0,Q=B===s.length-d.length,Y=_+i.length!==L&&L!==-1&&s[_+i.length]!==o.decimal,w=B!==E&&E!==-1&&s[B-1]!==o.decimal;return i&&d?Y||w?!1:K&&Q:i?Y?!1:K:d?w?!1:Q:!1})===-1)return M(e,n,g,r),e;if(b[b.length-1]===o.decimal&&I>0)return e.eventValue=r.parseNumber(s,n),e.currentLooseValue=Z,e;if(e.currentLooseValue&&u&&(a+o.decimal+o.group).split("").findIndex(i=>s.split("").filter(d=>d===i).length<l.split("").filter(d=>d===i).length&&s.length+1===l.length?!(i===o.decimal&&j(l.replace(c,""),o.decimal)===0):!1)>-1)return e.eventValue=r.parseNumber(t.prevLooseValue,n),e.currentLooseValue=t.prevLooseValue,e;const h=j(b,o.decimal),A=b[b.length-1]==="0";if(z&&A&&h<R)return e.eventValue=r.parseNumber(e.currentLooseValue,n),e.currentLooseValue=m(e.eventValue,n,r),e;if(h>0){const f=s.substring(0,fe);if(A&&(!f||l.indexOf(f)!==0)){e.eventValue=r.parseNumber(e.currentLooseValue,n);const i=m(e.eventValue,n,r);return x(e,G(s,i,e.selectionEnd,z,c),i,g),e.currentLooseValue=i,e}if(h>I){const i=s.indexOf(o.decimal),d=s.substring(0,i)+s.substring(i,i+1+I)+s.substring(E,String(e.currentLooseValue).length);return e.eventValue=r.parseNumber(d,n),e.currentLooseValue=d,x(e,e.selectionStart,d,g),e}if(R!==I&&h<=I&&A)return e.eventValue=r.parseNumber(e.currentLooseValue,n),e.currentLooseValue=Z,e;if(h<R)return e.eventValue=r.parseNumber(e.currentLooseValue,n),e.currentLooseValue=m(e.eventValue,n,r),e}}if(e.eventValue=r.parseNumber(e.currentLooseValue,n),J&&(e.eventValue=e.eventValue/100),typeof e.eventValue=="number"){const p=m(e.eventValue,n,r);s.length===1?x(e,y(p,o),p,g):x(e,G(s,p,e.selectionEnd,z,c),p,g),e.currentLooseValue=p}else e.currentLooseValue=m(r.parseNumber(b),n,r);return e};exports.changeBasedSelection=G;exports.decreaseValue=Pe;exports.formatValue=m;exports.fractionLength=$;exports.getDecimalCount=j;exports.getFirstNumberIndex=v;exports.getFormatPrefixSufix=de;exports.getFormatSymbols=ge;exports.getInitialPosition=y;exports.getInitialState=Ie;exports.getLastNumberIndex=N;exports.getMaxCursorPosition=se;exports.getMinCursorPosition=ue;exports.getPrefix=O;exports.getStateOrPropsValue=Ne;exports.getSuffix=D;exports.increaseValue=Ce;exports.isDecimalDuplicated=ae;exports.isMinusSymbolAdded=le;exports.isMinusSymbolRemoved=ce;exports.limitPrecision=oe;exports.rangeSelection=ie;exports.rangeValue=X;exports.reverseString=F;exports.sanitizeNumber=Ee;exports.setInvalid=M;exports.setSelection=x;exports.toFixedPrecision=U;

package/numerictextbox/utils/index.mjs CHANGED Viewed

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-const v = 11111111111111e-7, ie = 0.31111111111111117, ae = 1, Q = 1, Y = 0, V = /\d/, w = 15, he = () => ({
+const M = 11111111111111e-7, ae = 0.31111111111111117, de = 1, Y = 1, w = 0, m = /\d/, ee = 15, Ie = () => ({
   eventValue: null,
   prevLooseValue: "",
   currentLooseValue: "",
@@ -16,203 +16,203 @@ const v = 11111111111111e-7, ie = 0.31111111111111117, ae = 1, Q = 1, Y = 0, V =
   decimalSelect: !1,
   valueIsCorrected: !1,
   valueIsOutOfRange: !1
-}), Ie = (t, n) => t !== void 0 ? t : n, p = (t, n, r) => t === null && t === void 0 ? "" : typeof t == "string" ? t : r.formatNumber(t, n), H = (t) => (String(t).split(".")[1] || "").length, ee = (t, n) => Math.max(H(t), H(n)), de = (t) => Math.min(t, w), ne = (t, n) => {
-  const r = de(n);
+}), Ne = (t, n) => t !== void 0 ? t : n, p = (t, n, r) => t === null && t === void 0 ? "" : typeof t == "string" ? t : r.formatNumber(t, n), J = (t) => (String(t).split(".")[1] || "").length, ne = (t, n) => Math.max(J(t), J(n)), ge = (t) => Math.min(t, ee), te = (t, n) => {
+  const r = ge(n);
   return parseFloat(t.toFixed(r));
-}, Ne = (t, n, r, e, u, s, a) => {
-  const o = ee(t || 0, r || 0), c = te(ne((t || 0) + (r || 0), o), e, u);
-  n.eventValue = c, n.currentLooseValue = p(c, s, a), n.selectionStart = n.selectionEnd = R(n.currentLooseValue, V);
-}, Ee = (t, n, r, e, u, s, a) => {
-  const o = ee(t || 0, r || 0), c = te(ne((t || 0) - (r || 0), o), e, u);
-  n.eventValue = c, n.currentLooseValue = p(c, s, a), n.selectionStart = n.selectionEnd = R(n.currentLooseValue, V);
-}, te = (t, n, r) => t == null ? t : !(t > 1 || t < 1 || t === 1) || r !== void 0 && n !== void 0 && r < n ? null : (r !== void 0 && t > r && (t = r), n !== void 0 && t < n && (t = n), t), ge = (t, n) => {
-  const r = n.findIndex(([u, s]) => !!s && t.indexOf(s) === t.length - s.length);
+}, Ce = (t, n, r, e, u, o, a) => {
+  const s = ne(t || 0, r || 0), l = re(te((t || 0) + (r || 0), s), e, u);
+  n.eventValue = l, n.currentLooseValue = p(l, o, a), n.selectionStart = n.selectionEnd = O(n.currentLooseValue, m);
+}, Ee = (t, n, r, e, u, o, a) => {
+  const s = ne(t || 0, r || 0), l = re(te((t || 0) - (r || 0), s), e, u);
+  n.eventValue = l, n.currentLooseValue = p(l, o, a), n.selectionStart = n.selectionEnd = O(n.currentLooseValue, m);
+}, re = (t, n, r) => t == null ? t : !(t > 1 || t < 1 || t === 1) || r !== void 0 && n !== void 0 && r < n ? null : (r !== void 0 && t > r && (t = r), n !== void 0 && t < n && (t = n), t), fe = (t, n) => {
+  const r = n.findIndex(([u, o]) => !!o && t.indexOf(o) === t.length - o.length);
   if (r === -1)
     return -1;
   const e = n[r][1];
   return t.length - e.length;
-}, fe = (t, n) => {
-  const r = n.findIndex(([u, s]) => !!u && t.indexOf(u) === 0);
+}, me = (t, n) => {
+  const r = n.findIndex(([u, o]) => !!u && t.indexOf(u) === 0);
   return r === -1 ? -1 : n[r][0].length;
 }, Ve = (t, n, r) => {
-  const e = ge(t, n);
+  const e = fe(t, n);
   if (e !== -1 && r.selectionStart > e) {
     r.selectionStart = r.selectionEnd = e;
     return;
   }
   r.selectionStart > t.length && (r.selectionStart = r.selectionEnd = t.length);
-  const u = fe(t, n);
+  const u = me(t, n);
   u !== -1 && r.selectionStart < u && (r.selectionStart = r.selectionEnd = u), r.selectionStart === -1 && (r.selectionStart = r.selectionEnd = 0);
 }, L = (t, n, r, e) => {
   t.selectionStart = t.selectionEnd = n, Ve(r, e, t);
 }, A = (t, n, r, e) => {
   t.eventValue = e.parseNumber(t.prevLooseValue, n), t.currentLooseValue = t.prevLooseValue, t.valueIsCorrected = !0, L(t, t.selectionStart, t.currentLooseValue, r);
-}, me = (t, n) => {
+}, _ = (t, n, r) => n.split(t).length !== r.split(t).length && n.length === r.length + t.length, pe = (t, n) => {
   const r = String(t.currentLooseValue), e = String(t.prevLooseValue);
-  return r.split(n.minusSign).length !== e.split(n.minusSign).length && r.length === e.length + n.minusSign.length;
-}, pe = (t, n) => {
+  return _(n.minusSign, r, e) || _("-", r, e) || _("−", r, e);
+}, xe = (t, n) => {
   const r = String(t.currentLooseValue), e = String(t.prevLooseValue);
   return r.indexOf(n.minusSign) === -1 && e.indexOf(n.minusSign) !== -1;
-}, xe = (t, n) => String(t.currentLooseValue).split(n.decimal).length > 2, Le = (t, n) => {
-  const r = n.formatNumber(v, t), e = n.formatNumber(-v, t), u = n.formatNumber(Y, t), s = n.formatNumber(Q, t), a = P(r), o = P(e), c = P(u), i = P(s), N = M(r), E = M(e), x = M(u), b = M(s);
+}, Le = (t, n) => String(t.currentLooseValue).split(n.decimal).length > 2, be = (t, n) => {
+  const r = n.formatNumber(M, t), e = n.formatNumber(-M, t), u = n.formatNumber(w, t), o = n.formatNumber(Y, t), a = D(r), s = D(e), l = D(u), i = D(o), N = P(r), C = P(e), x = P(u), b = P(o);
   return {
     positiveInfo: [a, N],
-    negativeInfo: [o, E],
-    zeroInfo: [c, x],
+    negativeInfo: [s, C],
+    zeroInfo: [l, x],
     oneInfo: [i, b]
   };
-}, be = (t, n) => {
-  const r = n.formatNumber(v, t), e = n.formatNumber(-v, t), u = n.formatNumber(Y, t), s = n.formatNumber(Q, t), a = n.numberSymbols(), o = new RegExp(`[\\d\\${a.decimal}${a.group}]`, "g");
-  return [r, e, u, s].map((i) => i.replace(o, "")).join("").split("").filter((i, N, E) => E.indexOf(i) === N).join("");
-}, _ = (t, n) => {
+}, he = (t, n) => {
+  const r = n.formatNumber(M, t), e = n.formatNumber(-M, t), u = n.formatNumber(w, t), o = n.formatNumber(Y, t), a = n.numberSymbols(), s = new RegExp(`[\\d\\${a.decimal}${a.group}]`, "g");
+  return [r, e, u, o].map((i) => i.replace(s, "")).join("").split("").filter((i, N, C) => C.indexOf(i) === N).join("");
+}, B = (t, n) => {
   const r = t.indexOf(n.decimal);
-  return r > -1 ? r : R(t, V);
-}, B = (t) => t.split("").reverse().join(""), R = (t, n) => t.length - B(t).search(n), P = (t) => t.split(t[t.search(V)])[0], M = (t) => {
-  const n = B(t);
-  return B(n.split(n[n.search(V)])[0]);
-}, T = (t, n) => t.search(n), J = (t, n) => {
+  return r > -1 ? r : O(t, m);
+}, T = (t) => t.split("").reverse().join(""), O = (t, n) => t.length - T(t).search(n), D = (t) => t.split(t[t.search(m)])[0], P = (t) => {
+  const n = T(t);
+  return T(n.split(n[n.search(m)])[0]);
+}, $ = (t, n) => t.search(n), K = (t, n) => {
   const r = t.indexOf(n);
   return r > -1 ? t.length - r - 1 : 0;
-}, K = (t, n, r, e, u) => {
-  const s = t.replace(u, "")[0] === "0", a = n.replace(u, "")[0] === "0";
-  if (s && !a)
+}, Q = (t, n, r, e, u) => {
+  const o = t.replace(u, "")[0] === "0", a = n.replace(u, "")[0] === "0";
+  if (o && !a)
     return r - 1;
   if (a && e)
     return r + 1;
-  let o = 0;
+  let s = 0;
   for (let i = 0; i < r; i++)
-    V.test(t.charAt(i)) && o++;
-  let c = 0;
-  for (; o > 0 && n.length > c; )
-    V.test(n.charAt(c)) && o--, c++;
-  return c;
+    m.test(t.charAt(i)) && s++;
+  let l = 0;
+  for (; s > 0 && n.length > l; )
+    m.test(n.charAt(l)) && s--, l++;
+  return l;
 }, Oe = (t, n, r) => {
-  const e = { ...t }, { prevLooseValue: u } = e, s = r.numberSymbols(), a = be(n, r), o = String(e.currentLooseValue), c = String(u), i = new RegExp(`[^\\d\\${s.decimal}]`, "g"), N = new RegExp(`[^\\d\\${s.decimal}\\${s.group}]`, "g"), E = new RegExp(`[\\d\\${s.decimal}\\${s.group}]`), x = o.replace(i, ""), b = T(o, V), O = b === -1 ? -1 : R(o, V), re = o.indexOf(s.decimal), $ = (o.substring(0, b) + o.substring(b, O).replace(N, "") + o.substring(O, o.length)).split("").filter((m) => a.indexOf(m) !== -1 || m.search(E) !== -1).join(""), G = r.formatNumber(ie, n).replace(i, ""), U = G.indexOf(s.decimal), I = U > -1 ? G.length - U - 1 : 0, j = r.formatNumber(ae, n).replace(i, ""), S = j.indexOf(s.decimal), D = S > -1 ? j.length - S - 1 : 0, {
-    positiveInfo: oe,
-    negativeInfo: se,
-    zeroInfo: ue,
+  const e = { ...t }, { prevLooseValue: u } = e, o = r.numberSymbols(), a = he(n, r), s = String(e.currentLooseValue), l = String(u), i = new RegExp(`[^\\d\\${o.decimal}]`, "g"), N = new RegExp(`[^\\d\\${o.decimal}\\${o.group}]`, "g"), C = new RegExp(`[\\d\\${o.decimal}\\${o.group}]`), x = s.replace(i, ""), b = $(s, m), E = b === -1 ? -1 : O(s, m), oe = s.indexOf(o.decimal), G = (s.substring(0, b) + s.substring(b, E).replace(N, "") + s.substring(E, s.length)).split("").filter((V) => a.indexOf(V) !== -1 || V.search(C) !== -1).join(""), S = r.formatNumber(ae, n).replace(i, ""), U = S.indexOf(o.decimal), I = U > -1 ? S.length - U - 1 : 0, j = r.formatNumber(de, n).replace(i, ""), X = j.indexOf(o.decimal), R = X > -1 ? j.length - X - 1 : 0, {
+    positiveInfo: se,
+    negativeInfo: ue,
+    zeroInfo: ce,
     oneInfo: le
-  } = Le(n, r), g = [oe, se, ue, le], ce = g.findIndex((m) => m.findIndex((h) => !!h) !== -1) !== 1, C = o.length > 0 && o.length < c.length, X = typeof n == "string" && n[0] === "p" && o && o.indexOf(s.percentSign) === -1;
+  } = be(n, r), g = [se, ue, ce, le], ie = g.findIndex((V) => V.findIndex((h) => !!h) !== -1) !== 1, v = s.length > 0 && s.length < l.length, Z = typeof n == "string" && n[0] === "p" && s && s.indexOf(o.percentSign) === -1;
   if (!e.isPaste) {
-    if (o === "")
+    if (s === "")
       return e.eventValue = null, e.currentLooseValue = "", e;
-    if (e.currentLooseValue === s.minusSign && r.formatNumber(-0, n) !== c)
+    if (e.currentLooseValue === o.minusSign && r.formatNumber(-0, n) !== l)
       return e.eventValue = -0, e.currentLooseValue = p(e.eventValue, n, r), L(
         e,
-        _(e.currentLooseValue, s),
+        B(e.currentLooseValue, o),
         e.currentLooseValue,
         g
       ), e;
-    if (e.currentLooseValue === s.decimal) {
+    if (e.currentLooseValue === o.decimal) {
       e.eventValue = 0;
       const f = p(e.eventValue, n, r);
-      if (D === 0 && I > 0) {
-        const l = R(f, V);
-        e.currentLooseValue = f.substring(0, l) + s.decimal + f.substring(l);
+      if (R === 0 && I > 0) {
+        const c = O(f, m);
+        e.currentLooseValue = f.substring(0, c) + o.decimal + f.substring(c);
       } else
         e.currentLooseValue = f;
       return L(
         e,
-        _(e.currentLooseValue, s) + 1,
+        B(e.currentLooseValue, o) + 1,
         e.currentLooseValue,
         g
       ), e;
     }
-    if (me(e, s)) {
+    if (pe(e, o)) {
       const f = r.parseNumber(u, n);
       e.eventValue = -(f !== null ? f : 0), e.currentLooseValue = p(e.eventValue, n, r);
-      const l = T(e.currentLooseValue, V), d = T(c, V);
+      const c = $(e.currentLooseValue, m), d = $(l, m);
       return L(
         e,
-        e.selectionEnd - 1 + (l - d),
+        e.selectionEnd - 1 + (c - d),
         e.currentLooseValue,
         g
       ), e;
     }
-    if (pe(e, s))
+    if (xe(e, o))
       return e.eventValue = r.parseNumber(e.currentLooseValue, n), L(
         e,
         e.selectionStart,
         e.currentLooseValue,
         g
       ), e;
-    if (xe(e, s))
+    if (Le(e, o))
       return A(e, n, g, r), e;
-    if (X)
-      return e.eventValue = r.parseNumber(o, n) / 100, e.currentLooseValue = p(e.eventValue, n, r), e;
-    if (String(e.currentLooseValue).replace(/[^\d]/g, "").length > w || x !== o && o && ce && g.findIndex(([l, d]) => {
-      const F = o.indexOf(l), z = o.indexOf(d), Z = F === 0, W = z === o.length - d.length, k = F + l.length !== b && b !== -1 && o[F + l.length] !== s.decimal, q = z !== O && O !== -1 && o[z - 1] !== s.decimal;
-      return l && d ? k || q ? !1 : Z && W : l ? k ? !1 : Z : d ? q ? !1 : W : !1;
+    if (Z)
+      return e.eventValue = r.parseNumber(s, n) / 100, e.currentLooseValue = p(e.eventValue, n, r), e;
+    if (String(e.currentLooseValue).replace(/[^\d]/g, "").length > ee || x !== s && s && ie && g.findIndex(([c, d]) => {
+      const F = s.indexOf(c), z = s.indexOf(d), W = F === 0, k = z === s.length - d.length, q = F + c.length !== b && b !== -1 && s[F + c.length] !== o.decimal, H = z !== E && E !== -1 && s[z - 1] !== o.decimal;
+      return c && d ? q || H ? !1 : W && k : c ? q ? !1 : W : d ? H ? !1 : k : !1;
     }) === -1)
       return A(e, n, g, r), e;
-    if (x[x.length - 1] === s.decimal && I > 0)
-      return e.eventValue = r.parseNumber(o, n), e.currentLooseValue = $, e;
-    if (e.currentLooseValue && u && (a + s.decimal + s.group).split("").findIndex((l) => o.split("").filter((d) => d === l).length < c.split("").filter((d) => d === l).length && o.length + 1 === c.length ? !(l === s.decimal && J(c.replace(i, ""), s.decimal) === 0) : !1) > -1)
+    if (x[x.length - 1] === o.decimal && I > 0)
+      return e.eventValue = r.parseNumber(s, n), e.currentLooseValue = G, e;
+    if (e.currentLooseValue && u && (a + o.decimal + o.group).split("").findIndex((c) => s.split("").filter((d) => d === c).length < l.split("").filter((d) => d === c).length && s.length + 1 === l.length ? !(c === o.decimal && K(l.replace(i, ""), o.decimal) === 0) : !1) > -1)
       return e.eventValue = r.parseNumber(t.prevLooseValue, n), e.currentLooseValue = t.prevLooseValue, e;
-    const h = J(x, s.decimal), y = x[x.length - 1] === "0";
-    if (C && y && h < D)
+    const h = K(x, o.decimal), y = x[x.length - 1] === "0";
+    if (v && y && h < R)
       return e.eventValue = r.parseNumber(e.currentLooseValue, n), e.currentLooseValue = p(e.eventValue, n, r), e;
     if (h > 0) {
-      const f = o.substring(0, re);
-      if (y && (!f || c.indexOf(f) !== 0)) {
+      const f = s.substring(0, oe);
+      if (y && (!f || l.indexOf(f) !== 0)) {
         e.eventValue = r.parseNumber(e.currentLooseValue, n);
-        const l = p(e.eventValue, n, r);
+        const c = p(e.eventValue, n, r);
         return L(
           e,
-          K(o, l, e.selectionEnd, C, i),
-          l,
+          Q(s, c, e.selectionEnd, v, i),
+          c,
           g
-        ), e.currentLooseValue = l, e;
+        ), e.currentLooseValue = c, e;
       }
       if (h > I) {
-        const l = o.indexOf(s.decimal), d = o.substring(0, l) + o.substring(l, l + 1 + I) + o.substring(O, String(e.currentLooseValue).length);
+        const c = s.indexOf(o.decimal), d = s.substring(0, c) + s.substring(c, c + 1 + I) + s.substring(E, String(e.currentLooseValue).length);
         return e.eventValue = r.parseNumber(d, n), e.currentLooseValue = d, L(e, e.selectionStart, d, g), e;
       }
-      if (D !== I && h <= I && y)
-        return e.eventValue = r.parseNumber(e.currentLooseValue, n), e.currentLooseValue = $, e;
-      if (h < D)
+      if (R !== I && h <= I && y)
+        return e.eventValue = r.parseNumber(e.currentLooseValue, n), e.currentLooseValue = G, e;
+      if (h < R)
         return e.eventValue = r.parseNumber(e.currentLooseValue, n), e.currentLooseValue = p(e.eventValue, n, r), e;
     }
   }
-  if (e.eventValue = r.parseNumber(e.currentLooseValue, n), X && (e.eventValue = e.eventValue / 100), typeof e.eventValue == "number") {
-    const m = p(e.eventValue, n, r);
-    o.length === 1 ? L(e, _(m, s), m, g) : L(
+  if (e.eventValue = r.parseNumber(e.currentLooseValue, n), Z && (e.eventValue = e.eventValue / 100), typeof e.eventValue == "number") {
+    const V = p(e.eventValue, n, r);
+    s.length === 1 ? L(e, B(V, o), V, g) : L(
       e,
-      K(o, m, e.selectionEnd, C, i),
-      m,
+      Q(s, V, e.selectionEnd, v, i),
+      V,
       g
-    ), e.currentLooseValue = m;
+    ), e.currentLooseValue = V;
   } else
     e.currentLooseValue = p(r.parseNumber(x), n, r);
   return e;
 };
 export {
-  K as changeBasedSelection,
+  Q as changeBasedSelection,
   Ee as decreaseValue,
   p as formatValue,
-  H as fractionLength,
-  J as getDecimalCount,
-  T as getFirstNumberIndex,
-  Le as getFormatPrefixSufix,
-  be as getFormatSymbols,
-  _ as getInitialPosition,
-  he as getInitialState,
-  R as getLastNumberIndex,
-  ge as getMaxCursorPosition,
-  fe as getMinCursorPosition,
-  P as getPrefix,
-  Ie as getStateOrPropsValue,
-  M as getSuffix,
-  Ne as increaseValue,
-  xe as isDecimalDuplicated,
-  me as isMinusSymbolAdded,
-  pe as isMinusSymbolRemoved,
-  de as limitPrecision,
+  J as fractionLength,
+  K as getDecimalCount,
+  $ as getFirstNumberIndex,
+  be as getFormatPrefixSufix,
+  he as getFormatSymbols,
+  B as getInitialPosition,
+  Ie as getInitialState,
+  O as getLastNumberIndex,
+  fe as getMaxCursorPosition,
+  me as getMinCursorPosition,
+  D as getPrefix,
+  Ne as getStateOrPropsValue,
+  P as getSuffix,
+  Ce as increaseValue,
+  Le as isDecimalDuplicated,
+  pe as isMinusSymbolAdded,
+  xe as isMinusSymbolRemoved,
+  ge as limitPrecision,
   Ve as rangeSelection,
-  te as rangeValue,
-  B as reverseString,
+  re as rangeValue,
+  T as reverseString,
   Oe as sanitizeNumber,
   A as setInvalid,
   L as setSelection,
-  ne as toFixedPrecision
+  te as toFixedPrecision
 };

package/package-metadata.mjs CHANGED Viewed

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-inputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1711533107,
+  publishDate: 1712846610,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-inputs",
-  "version": "7.4.0-develop.9",
+  "version": "7.4.0",
   "description": "React Inputs offer a customizable interface for users to enter and pick different information. KendoReact Input package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -25,13 +25,13 @@
     "@progress/kendo-drawing": "^1.19.0",
     "@progress/kendo-inputs-common": "^3.1.0",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "7.4.0-develop.9",
-    "@progress/kendo-react-buttons": "7.4.0-develop.9",
-    "@progress/kendo-react-common": "7.4.0-develop.9",
-    "@progress/kendo-react-dialogs": "7.4.0-develop.9",
-    "@progress/kendo-react-intl": "7.4.0-develop.9",
-    "@progress/kendo-react-labels": "7.4.0-develop.9",
-    "@progress/kendo-react-popup": "7.4.0-develop.9",
+    "@progress/kendo-react-animation": "7.4.0",
+    "@progress/kendo-react-buttons": "7.4.0",
+    "@progress/kendo-react-common": "7.4.0",
+    "@progress/kendo-react-dialogs": "7.4.0",
+    "@progress/kendo-react-intl": "7.4.0",
+    "@progress/kendo-react-labels": "7.4.0",
+    "@progress/kendo-react-popup": "7.4.0",
     "@progress/kendo-svg-icons": "^2.1.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"