npm - @progress/kendo-react-inputs - Versions diffs - 7.0.0-develop.8 → 7.0.0 - Mend

@progress/kendo-react-inputs 7.0.0-develop.8 → 7.0.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 (7) hide show

package/colors/ColorPalette.d.ts +1 -1
package/dist/cdn/js/kendo-react-inputs.js +3 -3
package/index.js +3 -3
package/index.mjs +1286 -1277
package/input/Input.d.ts +1 -1
package/package.json +10 -9
package/radiobutton/interfaces/RadioGroupProps.d.ts +4 -0

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

@@ -2,7 +2,7 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------*/
-(function(m,$e){typeof exports=="object"&&typeof module<"u"?$e(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")):typeof define=="function"&&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"],$e):(m=typeof globalThis<"u"?globalThis:m||self,$e(m.KendoReactInputs={},m.React,m.PropTypes,m.KendoReactIntl,m.KendoReactCommon,m.KendoSvgIcons,m.KendoReactLabels,m.KendoReactButtons,m.KendoDrawing,m.KendoReactPopup,m.KendoInputsCommon,m.KendoReactDialogs))})(this,function(m,$e,Es,se,i,W,Se,le,Oe,Ss,Is,ws){"use strict";function oa(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,r.get?r:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const s=oa($e),n=oa(Es),oe={name:"@progress/kendo-react-inputs",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},Fe="numerictextbox.increment",ze="numerictextbox.decrement",It="slider.increment",wt="slider.decrement",Me="slider.dragTitle",Ne="colorGradient.r",ca="colorGradient.g",ua="colorGradient.b",da="colorGradient.a",fa="colorGradient.hex",Pt="colorGradient.contrastRatio",Lt="colorGradient.colorGradientAALevel",Mt="colorGradient.colorGradientAAALevel",Nt="colorGradient.colorGradientPass",Vt="colorGradient.colorGradientFail",Tt="colorGradient.hueSliderLabel",Dt="colorGradient.alphaSliderLabel",Bt="colorGradient.toggleInputsButton",ha="flatColorPicker.cancelBtn",pa="flatColorPicker.applyBtn",Ot="flatColorPicker.colorGradientBtn",Ft="flatColorPicker.colorPaletteBtn",zt="flatColorPicker.clearBtn",ga="checkbox.validation",ba="checkbox.optionalText",Ps="radioButton.validation",_t="switch.validation",At="colorPicker.dropdownButtonAriaLabel",Kt="rating.ariaLabel",$t="signature.clear",Ht="signature.maximize",Gt="signature.minimize",H={[Fe]:"Increase value",[ze]:"Decrease value",[It]:"Increase",[wt]:"Decrease",[Me]:"Drag",[Ne]:"r",[ca]:"g",[ua]:"b",[da]:"a",[fa]:"hex",[Pt]:"Contrast ratio",[Lt]:"AA",[Mt]:"AAA",[Nt]:"Pass",[Vt]:"Fail",[Tt]:"Hue slider",[Dt]:"Alpha slider",[Bt]:"Toggle colorgradient inputs",[ha]:"Cancel",[pa]:"Apply",[Ot]:"Color Gradient view",[Ft]:"Color Palette view",[zt]:"Clear color value",[ga]:"Please check this box if you want to proceed!",[ba]:"(Optional)",[Ps]:"Please select option if you want to proceed!",[_t]:"Please turn on if you want to proceed!",[At]:"Select",[Kt]:"Rating",[$t]:"Clear",[Ht]:"Maximize",[Gt]:"Minimize"},Qe=11111111111111e-7,Ls=.31111111111111117,Ms=1,va=1,ma=0,be=/\d/,ya=15,ka=()=>({eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1}),qt=(a,t)=>a!==void 0?a:t,ce=(a,t,e)=>a===null&&a===void 0?"":typeof a=="string"?a:e.formatNumber(a,t),Ca=a=>(String(a).split(".")[1]||"").length,xa=(a,t)=>Math.max(Ca(a),Ca(t)),Ns=a=>Math.min(a,ya),Ea=(a,t)=>{const e=Ns(t);return parseFloat(a.toFixed(e))},Sa=(a,t,e,r,o,l,u)=>{const c=xa(a||0,e||0),p=_e(Ea((a||0)+(e||0),c),r,o);t.eventValue=p,t.currentLooseValue=ce(p,l,u),t.selectionStart=t.selectionEnd=He(t.currentLooseValue,be)},Ia=(a,t,e,r,o,l,u)=>{const c=xa(a||0,e||0),p=_e(Ea((a||0)-(e||0),c),r,o);t.eventValue=p,t.currentLooseValue=ce(p,l,u),t.selectionStart=t.selectionEnd=He(t.currentLooseValue,be)},_e=(a,t,e)=>a==null?a:!(a>1||a<1||a===1)||e!==void 0&&t!==void 0&&e<t?null:(e!==void 0&&a>e&&(a=e),t!==void 0&&a<t&&(a=t),a),Vs=(a,t)=>{const e=t.findIndex(([o,l])=>!!l&&a.indexOf(l)===a.length-l.length);if(e===-1)return-1;const r=t[e][1];return a.length-r.length},Ts=(a,t)=>{const e=t.findIndex(([o,l])=>!!o&&a.indexOf(o)===0);return e===-1?-1:t[e][0].length},Ds=(a,t,e)=>{const r=Vs(a,t);if(r!==-1&&e.selectionStart>r){e.selectionStart=e.selectionEnd=r;return}e.selectionStart>a.length&&(e.selectionStart=e.selectionEnd=a.length);const o=Ts(a,t);o!==-1&&e.selectionStart<o&&(e.selectionStart=e.selectionEnd=o),e.selectionStart===-1&&(e.selectionStart=e.selectionEnd=0)},Ee=(a,t,e,r)=>{a.selectionStart=a.selectionEnd=t,Ds(e,r,a)},Wt=(a,t,e,r)=>{a.eventValue=r.parseNumber(a.prevLooseValue,t),a.currentLooseValue=a.prevLooseValue,a.valueIsCorrected=!0,Ee(a,a.selectionStart,a.currentLooseValue,e)},Bs=(a,t)=>{const e=String(a.currentLooseValue),r=String(a.prevLooseValue);return e.split(t.minusSign).length!==r.split(t.minusSign).length&&e.length===r.length+t.minusSign.length},Os=(a,t)=>{const e=String(a.currentLooseValue),r=String(a.prevLooseValue);return e.indexOf(t.minusSign)===-1&&r.indexOf(t.minusSign)!==-1},Fs=(a,t)=>String(a.currentLooseValue).split(t.decimal).length>2,zs=(a,t)=>{const e=t.formatNumber(Qe,a),r=t.formatNumber(-Qe,a),o=t.formatNumber(ma,a),l=t.formatNumber(va,a),u=et(e),c=et(r),p=et(o),d=et(l),g=tt(e),h=tt(r),b=tt(o),C=tt(l);return{positiveInfo:[u,g],negativeInfo:[c,h],zeroInfo:[p,b],oneInfo:[d,C]}},_s=(a,t)=>{const e=t.formatNumber(Qe,a),r=t.formatNumber(-Qe,a),o=t.formatNumber(ma,a),l=t.formatNumber(va,a),u=t.numberSymbols(),c=new RegExp(`[\\d\\${u.decimal}${u.group}]`,"g");return[e,r,o,l].map(d=>d.replace(c,"")).join("").split("").filter((d,g,h)=>h.indexOf(d)===g).join("")},Ut=(a,t)=>{const e=a.indexOf(t.decimal);return e>-1?e:He(a,be)},jt=a=>a.split("").reverse().join(""),He=(a,t)=>a.length-jt(a).search(t),et=a=>a.split(a[a.search(be)])[0],tt=a=>{const t=jt(a);return jt(t.split(t[t.search(be)])[0])},Rt=(a,t)=>a.search(t),wa=(a,t)=>{const e=a.indexOf(t);return e>-1?a.length-e-1:0},Pa=(a,t,e,r,o)=>{const l=a.replace(o,"")[0]==="0",u=t.replace(o,"")[0]==="0";if(l&&!u)return e-1;if(u&&r)return e+1;let c=0;for(let d=0;d<e;d++)be.test(a.charAt(d))&&c++;let p=0;for(;c>0&&t.length>p;)be.test(t.charAt(p))&&c--,p++;return p},Xt=(a,t,e)=>{const r={...a},{prevLooseValue:o}=r,l=e.numberSymbols(),u=_s(t,e),c=String(r.currentLooseValue),p=String(o),d=new RegExp(`[^\\d\\${l.decimal}]`,"g"),g=new RegExp(`[^\\d\\${l.decimal}\\${l.group}]`,"g"),h=new RegExp(`[\\d\\${l.decimal}\\${l.group}]`),b=c.replace(d,""),C=Rt(c,be),D=C===-1?-1:He(c,be),O=c.indexOf(l.decimal),M=(c.substring(0,C)+c.substring(C,D).replace(g,"")+c.substring(D,c.length)).split("").filter(f=>u.indexOf(f)!==-1||f.search(h)!==-1).join(""),L=e.formatNumber(Ls,t).replace(d,""),w=L.indexOf(l.decimal),N=w>-1?L.length-w-1:0,B=e.formatNumber(Ms,t).replace(d,""),z=B.indexOf(l.decimal),P=z>-1?B.length-z-1:0,{positiveInfo:_,negativeInfo:A,zeroInfo:K,oneInfo:I}=zs(t,e),T=[_,A,K,I],G=T.findIndex(f=>f.findIndex(k=>!!k)!==-1)!==1,j=c.length>0&&c.length<p.length,J=typeof t=="string"&&t[0]==="p"&&c&&c.indexOf(l.percentSign)===-1;if(!r.isPaste){if(c==="")return r.eventValue=null,r.currentLooseValue="",r;if(r.currentLooseValue===l.minusSign&&e.formatNumber(-0,t)!==p)return r.eventValue=-0,r.currentLooseValue=ce(r.eventValue,t,e),Ee(r,Ut(r.currentLooseValue,l),r.currentLooseValue,T),r;if(r.currentLooseValue===l.decimal){r.eventValue=0;const x=ce(r.eventValue,t,e);if(P===0&&N>0){const E=He(x,be);r.currentLooseValue=x.substring(0,E)+l.decimal+x.substring(E)}else r.currentLooseValue=x;return Ee(r,Ut(r.currentLooseValue,l)+1,r.currentLooseValue,T),r}if(Bs(r,l)){const x=e.parseNumber(o,t);r.eventValue=-(x!==null?x:0),r.currentLooseValue=ce(r.eventValue,t,e);const E=Rt(r.currentLooseValue,be),F=Rt(p,be);return Ee(r,r.selectionEnd-1+(E-F),r.currentLooseValue,T),r}if(Os(r,l))return r.eventValue=e.parseNumber(r.currentLooseValue,t),Ee(r,r.selectionStart,r.currentLooseValue,T),r;if(Fs(r,l))return Wt(r,t,T,e),r;if(J)return r.eventValue=e.parseNumber(c,t)/100,r.currentLooseValue=ce(r.eventValue,t,e),r;if(String(r.currentLooseValue).replace(/[^\d]/g,"").length>ya||b!==c&&c&&G&&T.findIndex(([E,F])=>{const X=c.indexOf(E),Q=c.indexOf(F),V=X===0,y=Q===c.length-F.length,Y=X+E.length!==C&&C!==-1&&c[X+E.length]!==l.decimal,q=Q!==D&&D!==-1&&c[Q-1]!==l.decimal;return E&&F?Y||q?!1:V&&y:E?Y?!1:V:F?q?!1:y:!1})===-1)return Wt(r,t,T,e),r;if(b[b.length-1]===l.decimal&&N>0)return r.eventValue=e.parseNumber(c,t),r.currentLooseValue=M,r;if(r.currentLooseValue&&o&&(u+l.decimal+l.group).split("").findIndex(E=>c.split("").filter(F=>F===E).length<p.split("").filter(F=>F===E).length&&c.length+1===p.length?!(E===l.decimal&&wa(p.replace(d,""),l.decimal)===0):!1)>-1)return r.eventValue=e.parseNumber(a.prevLooseValue,t),r.currentLooseValue=a.prevLooseValue,r;const k=wa(b,l.decimal),v=b[b.length-1]==="0";if(j&&v&&k<P)return r.eventValue=e.parseNumber(r.currentLooseValue,t),r.currentLooseValue=ce(r.eventValue,t,e),r;if(k>0){const x=c.substring(0,O);if(v&&(!x||p.indexOf(x)!==0)){r.eventValue=e.parseNumber(r.currentLooseValue,t);const E=ce(r.eventValue,t,e);return Ee(r,Pa(c,E,r.selectionEnd,j,d),E,T),r.currentLooseValue=E,r}if(k>N){const E=c.indexOf(l.decimal),F=c.substring(0,E)+c.substring(E,E+1+N)+c.substring(D,String(r.currentLooseValue).length);return r.eventValue=e.parseNumber(F,t),r.currentLooseValue=F,Ee(r,r.selectionStart,F,T),r}if(P!==N&&k<=N&&v)return r.eventValue=e.parseNumber(r.currentLooseValue,t),r.currentLooseValue=M,r;if(k<P)return r.eventValue=e.parseNumber(r.currentLooseValue,t),r.currentLooseValue=ce(r.eventValue,t,e),r}}if(r.eventValue=e.parseNumber(r.currentLooseValue,t),J&&(r.eventValue=r.eventValue/100),typeof r.eventValue=="number"){const f=ce(r.eventValue,t,e);c.length===1?Ee(r,Ut(f,l),f,T):Ee(r,Pa(c,f,r.selectionEnd,j,d),f,T),r.currentLooseValue=f}else r.currentLooseValue=ce(e.parseNumber(b),t,e);return r},As="Please enter a valid value!",La=i.createPropsContext(),Ie=s.forwardRef((a,t)=>{i.validatePackage(oe);const e=i.usePropsContext(La,a),r=s.useMemo(()=>i.guid(),[]),o=e.id||r,l=se.useInternationalization(),u=se.useLocalization(),c=s.useRef(null),p=s.useRef(),[d,g]=s.useState(!1),h=s.useRef(ka()),b=s.useRef(!1),C=s.useRef(),D=s.useRef(e.defaultValue),O=ce(h.current.focused&&!e.disabled?h.current.currentLooseValue:qt(e.value,D.current),e.format,l);C.current=O;const[M]=i.useCustomComponent(e.prefix),[L]=i.useCustomComponent(e.suffix);s.useEffect(()=>{c.current&&c.current.setCustomValidity&&c.current.setCustomValidity(P().valid?"":e.validationMessage||As)});const w=s.useCallback(()=>{c.current&&c.current.focus()},[]),N=s.useCallback(()=>p.current!==void 0?p.current:qt(e.value,D.current),[e.value]),B=s.useCallback(()=>e.name,[e.name]),z=s.useCallback(()=>e.required,[e.required]),P=s.useCallback(()=>{const V=e.validationMessage!==void 0,y=N(),Y=e.valid!==void 0?e.valid:!h.current.valueIsOutOfRange&&(!z()||y!=null);return{customError:V,valid:Y,valueMissing:y==null}},[e.validationMessage,e.valid,N,z]),_=s.useCallback(()=>e.validityStyles,[e.validityStyles]),A=s.useCallback(()=>e,[e]),K=s.useCallback(()=>{const V={element:c.current,focus:w};return Object.defineProperty(V,"name",{get:B}),Object.defineProperty(V,"value",{get:N}),Object.defineProperty(V,"validity",{get:P}),Object.defineProperty(V,"validityStyles",{get:_}),Object.defineProperty(V,"required",{get:z}),Object.defineProperty(V,"props",{get:A}),V},[B,N,P,_,z,w,A]);s.useImperativeHandle(t,K);const I=s.useCallback(()=>({eventValue:qt(e.value,D.current),prevLooseValue:C.current,currentLooseValue:c.current.value,selectionStart:c.current.selectionStart,selectionEnd:c.current.selectionEnd,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1,isPaste:b.current,focused:h.current.focused}),[e.value]),T=s.useCallback((V,y)=>{if(e.disabled)return;p.current=y.eventValue,D.current=y.eventValue;const Y=ce(_e(y.eventValue,e.min,e.max),e.format,l),q=_e(l.parseNumber(Y,e.format),e.min,e.max);q!==y.eventValue&&(y.valueIsOutOfRange=!0,y.eventValue=q,D.current=q),e.value!==y.eventValue&&i.dispatchEvent(e.onChange,V,K(),{value:y.eventValue}),p.current=void 0,h.current=y,g(ue=>!ue)},[e.value,e.onChange,e.disabled,g,K]),G=s.useCallback(V=>{const y=I();b.current=!1,T(V,Xt(y,e.format,l))},[e.format,e.onChange,l,T,I]),j=s.useCallback(V=>{let y=I();const Y=l.parseNumber(String(y.currentLooseValue),e.format);if(y.selectionEnd>y.selectionStart&&y.selectionEnd-y.selectionStart===String(y.currentLooseValue).length){const q=l.numberSymbols(),ee=q&&V.key===q.minusSign,ue=q&&V.key===q.decimal;b.current=!ee&&!ue;return}switch(V.keyCode){case 38:Sa(Y,y,e.step,e.min,e.max,e.format,l);break;case 40:Ia(Y,y,e.step,e.min,e.max,e.format,l);break;case 13:{if(e.rangeOnEnter===!1)return;const q=ce(_e(Y,e.min,e.max),e.format,l),ee=_e(l.parseNumber(q,e.format),e.min,e.max);y.eventValue=ee,y.currentLooseValue=ce(ee,e.format,l),y.selectionStart=y.selectionEnd=y.currentLooseValue.length;break}case 110:{const q=c.current,ee=l.numberSymbols();q&&(y.currentLooseValue=y.currentLooseValue.slice(0,y.selectionStart)+ee.decimal+y.currentLooseValue.slice(y.selectionEnd),y.selectionStart=y.selectionEnd=y.selectionStart+1,y=Xt(y,e.format,l));break}default:return}V.preventDefault(),T(V,y)},[e.format,e.min,e.max,e.step,e.onChange,e.rangeOnEnter,T,I]),J=s.useCallback(()=>{b.current=!0},[]),f=s.useCallback(V=>{if(e.readOnly||e.disabled)return;const y=I();Sa(l.parseNumber(String(y.currentLooseValue),e.format),y,e.step,e.min,e.max,e.format,l),T(V,y)},[e.format,e.min,e.max,e.step,e.onChange,e.readOnly,e.disabled,T,I]),k=s.useCallback(V=>{if(e.readOnly||e.disabled)return;const y=I();Ia(l.parseNumber(String(y.currentLooseValue),e.format),y,e.step,e.min,e.max,e.format,l),T(V,y)},[e.format,e.min,e.max,e.step,e.onChange,e.readOnly,e.disabled,T,I]),v=s.useCallback(V=>{const y=i.getActiveElement(document);!document||y!==c.current||!c.current||e.readOnly||e.disabled||(V.nativeEvent.deltaY<0&&f(V),V.nativeEvent.deltaY>0&&k(V))},[f,k,e.disabled,e.readOnly]),x=s.useCallback(V=>{h.current.currentLooseValue=C.current,h.current.focused=!0,i.dispatchEvent(e.onFocus,V,K(),{}),g(y=>!y)},[e.onFocus,g,K]),E=s.useCallback(V=>{h.current=ka(),i.dispatchEvent(e.onBlur,V,K(),{}),g(y=>!y)},[e.onBlur,g,K]),F=s.useCallback(V=>{if(document&&c.current){const y=i.getActiveElement(document);V.preventDefault(),y!==c.current&&c.current.focus()}},[]);s.useLayoutEffect(()=>{c.current&&c.current.type!=="number"&&h.current.selectionStart!==void 0&&h.current.selectionEnd!==void 0&&(c.current.selectionStart=h.current.selectionStart,c.current.selectionEnd=h.current.selectionEnd,h.current.selectionStart=void 0,h.current.selectionEnd=void 0)},[d]);const X=!_()||P().valid,Q=s.createElement("span",{dir:e.dir,style:e.label?e.style:{width:e.width,...e.style},className:i.classNames("k-input","k-numerictextbox",{[`k-input-${i.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-input-${e.fillMode}`]:e.fillMode,[`k-rounded-${i.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,"k-invalid":!X,"k-required":e.required,"k-disabled":e.disabled},e.className),"aria-disabled":e.disabled?"true":void 0},s.createElement(M,null),s.createElement("input",{role:"spinbutton",value:O===null?"":O,tabIndex:i.getTabIndex(e.tabIndex,e.disabled),accessKey:e.accessKey,disabled:e.disabled,title:e.title,"aria-disabled":e.disabled?"true":void 0,"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,placeholder:e.placeholder,spellCheck:!1,autoComplete:"off",autoCorrect:"off",type:e.inputType||"tel",className:"k-input-inner",id:o,name:e.name,readOnly:e.readOnly,style:e.inputStyle,onChange:G,onFocus:x,onBlur:E,onKeyDown:j,onPaste:J,onWheel:v,ref:c}),s.createElement(L,null),e.children,e.spinners&&s.createElement("span",{className:"k-input-spinner k-spin-button",onMouseDown:F},s.createElement(le.Button,{tabIndex:-1,type:"button",icon:"caret-alt-up",svgIcon:W.caretAltUpIcon,rounded:null,className:"k-spinner-increase","aria-label":u.toLanguageString(Fe,H[Fe]),title:u.toLanguageString(Fe,H[Fe]),onClick:f}),s.createElement(le.Button,{tabIndex:-1,type:"button",icon:"caret-alt-down",svgIcon:W.caretAltDownIcon,rounded:null,className:"k-spinner-decrease","aria-label":u.toLanguageString(ze,H[ze]),title:u.toLanguageString(ze,H[ze]),onClick:k})));return e.label?s.createElement(Se.FloatingLabel,{label:e.label,editorId:o,editorValue:O===null?"":O,editorValid:X,editorDisabled:e.disabled,editorPlaceholder:e.placeholder,children:Q,style:{width:e.width},dir:e.dir}):Q});Ie.propTypes={value:n.number,defaultValue:n.number,step:n.number,format:n.oneOfType([n.string,n.shape({style:n.oneOf(["decimal","currency","percent","scientific","accounting"]),currency:n.string,currencyDisplay:n.oneOf(["symbol","code","name"]),useGrouping:n.bool,minimumIntegerDigits:n.number,minimumFractionDigits:n.number,maximumFractionDigits:n.number})]),width:n.oneOfType([n.string,n.number]),tabIndex:n.number,accessKey:n.string,title:n.string,placeholder:n.string,min:n.number,max:n.number,spinners:n.bool,disabled:n.bool,readOnly:n.bool,dir:n.string,name:n.string,label:n.string,validationMessage:n.string,required:n.bool,id:n.string,rangeOnEnter:n.bool,ariaLabelledBy:n.string,ariaDescribedBy:n.string,ariaLabel:n.string,onChange:n.func,onFocus:n.func,onBlur:n.func,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),fillMode:n.oneOf([null,"solid","flat","outline"])},Ie.displayName="KendoNumericTextBox",Ie.defaultProps={prefix:a=>null,suffix:a=>null,step:1,spinners:!0,disabled:!1,required:!1,validityStyles:!0,rangeOnEnter:!0,onChange:a=>{},onFocus:a=>{},onBlur:a=>{},size:"medium",rounded:"medium",fillMode:"solid"};const ae=a=>a!=null,re=(a,t,e)=>!ae(a)||isNaN(a)||a<=t?t:a>=e?e:a,we=(a,t,e=!0)=>{if(["hex","rgba"].indexOf(t)===-1)throw new Error(`Unsupported color output format '${t}'. The available options are 'hex' or 'rgba'.`);if(!ae(a))return;const o=Oe.parseColor(a.trim(),e);if(ae(o))return t==="hex"?o.toCss():o.toCssRgba()},Yt=(a,t=!0)=>{const e=Oe.parseColor(a,t);return ae(e)?e.toHSV():{}},Ae=(a,t=!0)=>{const e=Oe.parseColor(a,t);return ae(e)?e.toBytes():{}},Zt=a=>{const t=re(a.h,0,359.9),e=re(a.s,0,1),r=re(a.v,0,1),o=re(a.a,0,1);return Oe.Color.fromHSV(t,e,r,o).toCssRgba()},at=a=>Zt({h:a,s:1,v:1,a:1}),Ks=a=>{const t=re(a.r,0,255),e=re(a.g,0,255),r=re(a.b,0,255),o=re(a.a,0,1);return Oe.Color.fromBytes(t,e,r,o).toCssRgba()},Ma=(a,t)=>{const e=re(a.r,0,255),r=re(a.g,0,255),o=re(a.b,0,255),l=re(a.a,0,1),u=re(t.r,0,255),c=re(t.g,0,255),p=re(t.b,0,255);return{r:Math.round((1-l)*u+l*e),g:Math.round((1-l)*c+l*r),b:Math.round((1-l)*p+l*o)}},Na=a=>{let t=[a.r||0,a.g||0,a.b||0].map(function(e){return e/=255,e<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)});return t[0]*.2126+t[1]*.7152+t[2]*.0722},$s=(a,t)=>{const e=Math.max(a,t),r=Math.min(a,t);return(e+.05)/(r+.05)},Va=(a,t)=>$s(Na(Ma(a,t)),Na(Ma(t,{r:0,g:0,b:0,a:1}))),Jt=class extends s.Component{constructor(a){super(a),this._input=null,this._inputId=i.guid(),this.focus=()=>{this._input&&this._input.focus()},this.isInvalid=t=>{let e=!1;for(let r in t)t.hasOwnProperty(r)&&(e=e||!!t[r]);return e},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=t=>{this.setState({value:t.target.value}),this.valueDuringOnChange=t.target.value,this.props.onChange&&this.props.onChange.call(void 0,{syntheticEvent:t,nativeEvent:t.nativeEvent,value:t.target.value,target:this}),this.valueDuringOnChange=void 0},this.handleAutoFill=t=>{if(t.animationName==="autoFillStart"){let e=t.target.parentNode;e&&e.classList.contains("k-empty")&&e.classList.remove("k-empty")}},i.validatePackage(oe),this.state={value:this.props.defaultValue||Jt.defaultProps.defaultValue}}get element(){return this._input}get value(){return this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.props.value!==void 0?this.props.value:this.state.value}get name(){return this.props.name}get validity(){const a={badInput:this._input?this._input.validity.badInput:!1,patternMismatch:this._input?this._input.validity.patternMismatch:!1,rangeOverflow:this._input?this._input.validity.rangeOverflow:!1,rangeUnderflow:this._input?this._input.validity.rangeUnderflow:!1,stepMismatch:this._input?this._input.validity.stepMismatch:!1,tooLong:this._input?this._input.validity.tooLong:!1,typeMismatch:this._input?this._input.validity.typeMismatch:!1,valueMissing:this._input?this._input.validity.valueMissing:!1};return{...a,customError:this.props.validationMessage!==void 0,valid:this.props.valid!==void 0?this.props.valid:this._input?!this.isInvalid(a):!0}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:Jt.defaultProps.validityStyles}componentDidMount(){this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{className:a,label:t,labelClassName:e,id:r,validationMessage:o,defaultValue:l,valid:u,visited:c,touched:p,modified:d,ariaLabelledBy:g,ariaDescribedBy:h,validityStyles:b,style:C,ariaLabel:D,...O}=this.props,M=r||this._inputId,L=!this.validityStyles||this.validity.valid,w=i.classNames(a,"k-input k-input-md k-rounded-md k-input-solid"),N=s.createElement("input",{"aria-labelledby":g,"aria-describedby":h,"aria-disabled":this.props.disabled||void 0,"aria-invalid":!L||void 0,"aria-label":D||void 0,...O,style:t?void 0:C,value:this.value,id:M,className:w,onChange:this.handleChange,onAnimationStart:this.handleAutoFill,ref:B=>{this._input=B}});return t?s.createElement(Se.FloatingLabel,{label:t,labelClassName:e,editorId:M,editorValue:String(this.value),editorValid:L,editorDisabled:O.disabled,editorPlaceholder:O.placeholder,children:N,style:C,dir:O.dir}):N}};let Ge=Jt;Ge.displayName="Input",Ge.propTypes={label:n.string,labelClassName:n.string,validationMessage:n.string,required:n.bool,validate:n.bool,id:n.string,ariaLabelledBy:n.string,ariaDescribedBy:n.string,ariaLabel:n.string},Ge.defaultProps={defaultValue:"",required:!1,validityStyles:!0};const Ta=i.createPropsContext(),Qt=i.withPropsContext(Ta,Ge);Qt.displayName="KendoReactInput";class Hs extends s.Component{constructor(t){super(t),this.onChange=e=>{const r=e.target.value,o=we(r,"rgba");this.setState({hex:r}),ae(o)&&this.props.onHexChange(r,o,e)},this.onBlur=()=>{ae(we(this.state.hex,"rgba"))||this.setState({hex:this.state.originalHex})},this.state={hex:this.props.hex,originalHex:this.props.hex}}render(){return s.createElement(Qt,{value:this.state.hex,onChange:this.onChange,onBlur:this.onBlur,disabled:this.props.disabled})}static getDerivedStateFromProps(t,e){return t.hex!==e.originalHex?{hex:t.hex,originalHex:t.hex}:null}}const Ve=["rgba","rgb","hex"];class st extends s.Component{constructor(t){super(t),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:t.defaultInputMode||Ve[1]}}render(){const t=se.provideLocalizationService(this),e=t.toLanguageString(Ne,H[fa]),r=t.toLanguageString(Ne,H[Ne]),o=t.toLanguageString(Ne,H[ca]),l=t.toLanguageString(Ne,H[ua]),u=t.toLanguageString(Ne,H[da]),c=t.toLanguageString(Bt,H[Bt]);return s.createElement("div",{className:"k-colorgradient-inputs k-hstack"},s.createElement("div",{className:"k-vstack"},s.createElement(le.Button,{"aria-label":c,fillMode:"flat",icon:"caret-alt-expand",svgIcon:W.caretAltExpandIcon,className:"k-colorgradient-toggle-mode k-icon-button",onClick:this.onToggleModeChange.bind(this)})),this.state.inputMode==="hex"&&s.createElement("div",{className:"k-vstack k-flex-1"},s.createElement("span",{className:"k-hex-value k-textbox k-input"},s.createElement(Hs,{hex:this.props.hex,onHexChange:this.props.onHexChange,disabled:this.props.disabled})),s.createElement(Se.Label,{className:"k-colorgradient-input-label"},e)),(this.state.inputMode==="rgb"||this.state.inputMode==="rgba")&&s.createElement(s.Fragment,null,s.createElement("div",{className:"k-vstack"},s.createElement(Ie,{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}),s.createElement(Se.Label,{className:"k-colorgradient-input-label"},r)),s.createElement("div",{className:"k-vstack"},s.createElement(Ie,{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}),s.createElement(Se.Label,{className:"k-colorgradient-input-label"},o)),s.createElement("div",{className:"k-vstack"},s.createElement(Ie,{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}),s.createElement(Se.Label,{className:"k-colorgradient-input-label"},l))),this.state.inputMode==="rgba"&&s.createElement("div",{className:"k-vstack"},this.props.opacity&&s.createElement(Ie,{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&&s.createElement(Se.Label,{className:"k-colorgradient-input-label"},u)))}dispatchRgbaChange(t,e){let r={...this.props.rgba};t.r!==void 0&&(r.r=t.r),t.g!==void 0&&(r.g=t.g),t.b!==void 0&&(r.b=t.b),t.a!==void 0&&(r.a=t.a),this.props.onRgbaChange(r,e)}onToggleModeChange(){const t=Ve.length-1===Ve.indexOf(this.state.inputMode)?0:Ve.indexOf(this.state.inputMode)+1;if(this.props.opacity)this.setState({inputMode:Ve[t]});else{const e=Ve[t]==="rgba"?t+1:t;this.setState({inputMode:Ve[e]})}}}se.registerForIntl(st),se.registerForLocalization(st);const ea="data-slider-label",Gs=a=>{const t=s.useRef(null),e=i.useDir(t),r=a.vertical?{bottom:`${a.position}%`}:{[e==="rtl"?"right":"left"]:`${a.position}%`},o=a.vertical?"k-tick-vertical":"k-tick-horizontal";return s.createElement("li",{ref:t,className:`k-tick k-tick-large ${o}`,title:a.title,style:{zIndex:1,position:"absolute",...r}},a.children&&s.createElement("span",{[ea]:!0,className:"k-label",onClick:a.onClick},a.children))};class qe extends s.Component{constructor(t){super(t),this.state={value:this.props.defaultValue===void 0?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 r=this.state.dir==="rtl"?this.props.vertical?W.caretAltUpIcon:W.caretAltLeftIcon:this.props.vertical?W.caretAltUpIcon:W.caretAltRightIcon,o=this.state.dir==="rtl"?this.props.vertical?W.caretAltDownIcon:W.caretAltRightIcon:this.props.vertical?W.caretAltDownIcon:W.caretAltLeftIcon,l=this.state.dir==="rtl"?this.props.vertical?"caret-alt-up":"caret-alt-left":this.props.vertical?"caret-alt-up":"caret-alt-right",u=this.state.dir==="rtl"?this.props.vertical?"caret-alt-down":"caret-alt-right":this.props.vertical?"caret-alt-down":"caret-alt-left";return s.createElement(s.Fragment,null,s.createElement(le.Button,{className:"k-button-decrease",rounded:"full",icon:u,svgIcon:o,title:e.decrementTitle,onClick:e.decrement}),e.children,s.createElement(le.Button,{className:"k-button-increase",rounded:"full",icon:l,svgIcon:r,title:e.incrementTitle,onClick:e.increment}))},this.focus=()=>{this._element&&this._element.focus()},this.isLabel=e=>{let r=e;for(;r;){if(r.getAttribute(ea))return!0;r=r.parentElement}return!1},this.onFocus=()=>{this.setState({focused:!0})},this.onBlur=()=>{this.setState({focused:!1})},this.onKeyDown=e=>{let r;e.keyCode===i.Keys.left||e.keyCode===i.Keys.down?r=this.state.value-(this.props.step||0):e.keyCode===i.Keys.right||e.keyCode===i.Keys.up?r=this.state.value+(this.props.step||0):e.keyCode===i.Keys.home?r=this.props.min:e.keyCode===i.Keys.end&&(r=this.props.max),r!==void 0&&(e.preventDefault(),this.change(e,r))},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 r=e.element.getBoundingClientRect(),o=this.props.vertical?r.bottom-e.event.clientY:this.state.dir==="rtl"?r.right-e.event.clientX:e.event.clientX-r.left,l=this.props.vertical?r.height:r.width,u=o/l;this.change(e,this.props.min+u*(this.props.max-this.props.min))},i.validatePackage(oe)}static getDerivedStateFromProps(t,e){const r=t.value!==void 0?t.value:e.value,{min:o,max:l}=t;return r===void 0?null:{value:Math.min(Math.max(r,o),l)}}componentDidMount(){if(!this.state.dir&&window&&this._element){const t=window.getComputedStyle(this._element).direction;t&&this.setState({dir:t})}}render(){const t=se.provideLocalizationService(this),e=(this.state.value-this.props.min)/(this.props.max-this.props.min)*100,r=this.props.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},o=this.props.vertical?{paddingTop:0,height:"100%"}:{};return s.createElement("div",{ref:l=>this._element=l,dir:this.state.dir,id:this.props.id,style:{gap:0,...this.props.style},onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,className:i.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)},s.createElement(this.buttons,{enabled:this.props.buttons,decrement:this.decrement,increment:this.increment,incrementTitle:t.toLanguageString(It,H[It]),decrementTitle:t.toLanguageString(wt,H[wt])},s.createElement(i.Draggable,{onDrag:this.dragOver,onPress:this.dragStart},s.createElement("div",{className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...r}},this.props.children&&s.createElement("ul",{className:"k-reset k-slider-items",style:{margin:0,...o}},s.Children.map(this.props.children,l=>l&&s.cloneElement(l,{position:100*(l.props.position-this.props.min)/(this.props.max-this.props.min),vertical:this.props.vertical},l.props.children))),s.createElement("div",{className:"k-slider-track",style:this.props.vertical?{bottom:0,height:"100%"}:{[this.state.dir==="rtl"?"right":"left"]:0,width:"100%"},ref:l=>this._sliderTrack=l},s.createElement("div",{className:"k-slider-selection",style:this.props.vertical?{height:e+"%"}:{width:e+"%"}}),s.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:i.getTabIndex(this.props.tabIndex,this.props.disabled,void 0),className:"k-draghandle",title:t.toLanguageString(Me,H[Me]),style:this.props.vertical?{bottom:"calc("+e+"%)",zIndex:1}:this.state.dir==="rtl"?{right:"calc("+e+"% - 13px)",zIndex:1}:{left:"calc("+e+"%)",zIndex:1}}))))))}get sliderTrack(){return this._sliderTrack}change(t,e){e=Math.min(Math.max(e,this.props.min),this.props.max),this.setState({value:e}),i.dispatchEvent(this.props.onChange,t,this,{value:e})}}qe.displayName="Slider",qe.propTypes={min:n.number.isRequired,max:n.number.isRequired,value:n.number,vertical:n.bool,id:n.string,ariaLabelledBy:n.string,ariaDescribedBy:n.string,ariaLabel:n.string};const qs=i.createPropsContext(),rt=i.withPropsContext(qs,qe);rt.displayName="KendoReactSlider",se.registerForLocalization(qe);const Te={};function Ws(a,t,e){Te[a]={value:t,hsva:e}}function Us(a,t,e){Te[a]={value:t,rgba:e}}function js(a,t,e){Te[a]={value:t,hex:e}}function Rs(a){delete Te[a]}function Xs(a,t){if(a){const e=Te[a];return e&&e.value===t?e.hex:void 0}else return}function Ys(a,t){if(a){const e=Te[a];return e&&e.value===t?e.hsva:void 0}else return}function Zs(a,t){if(a){const e=Te[a];return e&&e.value===t?e.rgba:void 0}else return}class Da extends s.Component{render(){const t=se.provideLocalizationService(this),e=t.toLanguageString(Pt,H[Pt]),r=t.toLanguageString(Lt,H[Lt]),o=t.toLanguageString(Mt,H[Mt]),l=t.toLanguageString(Nt,H[Nt]),u=t.toLanguageString(Vt,H[Vt]),c=Va(this.props.rgba,this.props.bgColor),p=4.5.toFixed(1),d=7 .toFixed(1),g=`${e}: ${c.toFixed(2)}`,h=`${r}: ${p}`,b=`${o}: ${d}`,C=s.createElement("span",{className:"k-contrast-validation k-text-success"},l," ",s.createElement(i.IconWrap,{name:"check",icon:W.checkIcon})),D=s.createElement("span",{className:"k-contrast-validation k-text-error"},u," ",s.createElement(i.IconWrap,{name:"x",icon:W.xIcon}));return s.createElement("div",{className:"k-vbox k-colorgradient-color-contrast"},s.createElement("div",{className:"k-contrast-ratio"},s.createElement("span",{className:"k-contrast-ratio-text"},g),c>=4.5?s.createElement("span",{className:"k-contrast-validation k-text-success"},s.createElement(i.IconWrap,{name:"check",icon:W.checkIcon}),c>=7&&s.createElement(i.IconWrap,{name:"check",icon:W.checkIcon})):s.createElement("span",{className:"k-contrast-validation k-text-error"},s.createElement(i.IconWrap,{name:"x",icon:W.xIcon}))),s.createElement("div",null,s.createElement("span",null,h),c>=4.5?C:D),s.createElement("div",null,s.createElement("span",null,b),c>=7?C:D))}}se.registerForLocalization(Da);const nt=(a,t)=>a.length===0?"":`<path d="${a.reduce((r,o,l,u)=>l===0?`M ${o[0]},${o[1]}`:`${r} ${t(o,l,u)}`,"")}" fill="none" stroke="white" stroke-width="1"/>`,Js=(a,t)=>{const e=t[0]-a[0],r=t[1]-a[1];return{length:Math.sqrt(Math.pow(e,2)+Math.pow(r,2)),angle:Math.atan2(r,e)}},Qs=a=>(t,e,r,o)=>{const l=e||t,u=r||t,c=.1,p=a(l,u),d=p.angle+(o?Math.PI:0),g=p.length*c,h=t[0]+Math.cos(d)*g,b=t[1]+Math.sin(d)*g;return[h,b]},er=a=>(t,e,r)=>{const[o,l]=a(r[e-1],r[e-2],t),[u,c]=a(t,r[e-1],r[e+1],!0);return`C ${o},${l} ${u},${c} ${t[0]},${t[1]}`},Ba=4.5,Oa=7,it=16;class tr extends s.Component{renderSvgCurveLine(){const t=this.props.metrics,e=(l,u,c,p,d)=>{const g=(c+p)/2,h=Object.assign({},this.props.hsva,{s:u/t.width,v:1-g/t.height}),b=Va(Ae(Zt(h)),Ae(this.props.backgroundColor||""));return c+.5>p?b<l+1&&b>l-1?g:null:d(b,l)?e(l,u,c,p-(p-c)/2,d):e(l,u,c+(p-c)/2,p,d)},r=(l,u,c=!1)=>{const p=[];for(let d=0;d<=t.width;d+=t.width/u){const g=e(l,d,0,t.height,c?(h,b)=>h<b:(h,b)=>h>b);g!==null&&p.push([d,g])}return p},o=er(Qs(Js));return nt(r(Ba,it),o)+nt(r(Ba,it,!0),o)+nt(r(Oa,it),o)+nt(r(Oa,it,!0),o)}shouldComponentUpdate(t){return!(t.hsva.h===this.props.hsva.h&&t.hsva.a===this.props.hsva.a&&this.props.backgroundColor===t.backgroundColor)}render(){return s.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 ar="rgba",Fa="rgba(255, 255, 255, 1)",ta=class extends s.Component{constructor(a){super(a),this.wrapper=null,this.onHexChange=(e,r,o)=>{if(this.isUncontrolled){const l=Yt(r);this.setState({hsva:l,backgroundColor:at(l.h),rgba:Ae(r),hex:e})}else js(this.state.guid,r,e);this.dispatchChangeEvent(r,o,o.nativeEvent)},this.onRgbaChange=(e,r)=>{const o=Ks(e);if(this.isUncontrolled){const l=Yt(o),u=we(o,"hex");this.setState({hsva:l,backgroundColor:at(l.h),rgba:e,hex:u})}else Us(this.state.guid,o,e);this.dispatchChangeEvent(o,r.syntheticEvent,r.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 r=this.getGradientRectMetrics(),o=e.clientX-r.left,l=e.clientY-r.top,u=re(o,0,r.width),c=re(l,0,r.height),p=Object.assign({},this.state.hsva,{s:u/r.width,v:1-c/r.height});this.handleHsvaChange(p,e,e.nativeEvent)},this.onFocus=e=>{this.props.onFocus&&this.props.onFocus.call(void 0,{nativeEvent:e,target:this})},this.focus=()=>{i.focusFirstFocusableChild(this.wrapper)},i.validatePackage(oe);const t=a.value||a.defaultValue||we(Fa,ar);this.state=Object.assign({},ta.getStateFromValue(t),{isFirstRender:!0,guid:i.guid()})}static getDerivedStateFromProps(a,t){return a.value&&!t.isFirstRender?ta.getStateFromValue(a.value,t.guid):null}componentDidMount(){this.setAlphaSliderBackground(this.state.backgroundColor),this.state.isFirstRender&&this.setState({isFirstRender:!1})}componentWillUnmount(){Rs(this.state.guid)}componentDidUpdate(a,t){t.backgroundColor!==this.state.backgroundColor&&this.setAlphaSliderBackground(this.state.backgroundColor)}renderRectangleDragHandle(){let a={};if(!this.state.isFirstRender){const t=this.getGradientRectMetrics(),e=(1-this.state.hsva.v)*t.height,r=this.state.hsva.s*t.width;a.top=`${e}px`,a.left=`${r}px`}return s.createElement("div",{role:"slider",tabIndex:i.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:a})}handleHsvaChange(a,t,e){const r=Zt(a);if(this.isUncontrolled){const o=we(r,"hex");this.setState({hsva:a,backgroundColor:at(a.h),rgba:Ae(r),hex:o})}else Ws(this.state.guid,r,a);this.dispatchChangeEvent(r,t,e)}dispatchChangeEvent(a,t,e){this.props.onChange&&this.props.onChange.call(void 0,{syntheticEvent:t,nativeEvent:e,target:this,value:a})}static getStateFromValue(a,t){ae(we(a,"hex"))||(a=Fa);const e=Ys(t,a)||Yt(a),r=Zs(t,a)||Ae(a),o=Xs(t,a)||we(a,"hex"),l=at(e.h);return{hsva:e,backgroundColor:l,rgba:r,hex:o}}setAlphaSliderBackground(a){this.props.opacity&&this.alphaSlider&&this.alphaSlider.sliderTrack&&(this.alphaSlider.sliderTrack.style.background=`linear-gradient(to top, transparent, ${a})`)}get isUncontrolled(){return this.props.value===void 0}getGradientRectMetrics(){return this.gradientWrapper.getBoundingClientRect()}render(){const a=se.provideLocalizationService(this),t=i.classNames("k-colorgradient",{"k-disabled":this.props.disabled},this.props.className);return s.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:i.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},s.createElement("div",{className:"k-colorgradient-canvas k-hstack"},s.createElement("div",{className:"k-hsv-rectangle",style:{background:this.state.backgroundColor}},s.createElement(i.Draggable,{onDrag:this.onDrag,onRelease:this.onRelease,ref:e=>this.gradientWrapper=e?e.element:void 0},s.createElement("div",{className:"k-hsv-gradient",style:{touchAction:"none"},onClick:this.onGradientWrapperClick},this.renderRectangleDragHandle())),this.props.backgroundColor&&!this.state.isFirstRender&&s.createElement(tr,{metrics:this.gradientWrapper?this.getGradientRectMetrics():void 0,hsva:this.state.hsva,backgroundColor:this.props.backgroundColor})),s.createElement("div",{className:"k-hsv-controls k-hstack"},s.createElement(rt,{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:a.toLanguageString(Tt,H[Tt])}),this.props.opacity&&s.createElement(rt,{value:ae(this.state.hsva.a)?this.state.hsva.a*100:100,buttons:!1,vertical:!0,min:0,max:100,step:1,ariaLabel:a.toLanguageString(Dt,H[Dt]),onChange:this.onAlphaSliderChange,className:"k-alpha-slider k-colorgradient-slider",disabled:this.props.disabled,ref:e=>this.alphaSlider=e}))),s.createElement(st,{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&&s.createElement(Da,{bgColor:Ae(this.props.backgroundColor),rgba:this.state.rgba}))}};let We=ta;We.displayName="ColorGradient",We.propTypes={defaultValue:n.string,value:n.string,onChange:n.func,onFocus:n.func,opacity:n.bool,backgroundColor:n.string,format:n.any,disabled:n.bool,style:n.any,id:n.string,role:n.string,ariaLabel:n.string,ariaLabelledBy:n.string,ariaDescribedBy:n.string,className:n.string},We.defaultProps={opacity:!0,role:"textbox",format:"rgb"};const za=i.createPropsContext(),lt=i.withPropsContext(za,We);lt.displayName="KendoReactColorGradient";class sr{constructor(){this.colorRows=[]}setColorMatrix(t,e){if(this.colorRows=[],!!(ae(t)&&t.length)){e=e||t.length;for(let r=0;r<t.length;r+=e){const o=t.slice(r,e+r);this.colorRows.push(o)}}}getCellCoordsFor(t){if(!ae(t))return;const e=t&&Oe.parseColor(t,!0),r=[t];ae(e)&&r.push(e.toCss(),e.toCssRgba());for(let o=0;o<this.colorRows.length;o++)for(let l=0;l<this.colorRows[o].length;l++)if(r.some(u=>u===this.colorRows[o][l]))return{row:o,col:l}}getColorAt(t){if(ae(t)&&ae(this.colorRows[t.row]))return this.colorRows[t.row][t.col]}getNextCell(t,e,r){if(!(ae(t)&&ae(t.row)&&ae(t.col)))return{row:0,col:0};const o=this.clampIndex(t.row+r,this.colorRows.length-1),l=this.clampIndex(t.col+e,this.colorRows[o].length-1);return{row:o,col:l}}clampIndex(t,e){return t<0?0:t>e?e:t}}const _a={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}},Aa=24,Ka=10,$a="office";class Ue extends s.Component{constructor(t){super(t),this.wrapper=null,this.paletteService=null,this.guid=i.guid(),this.focus=()=>{this.wrapper&&this.wrapper.focus()},this.onKeyDown=e=>{switch(e.keyCode){case i.Keys.down:this.handleCellNavigation(0,1);break;case i.Keys.up:this.handleCellNavigation(0,-1);break;case i.Keys.right:this.handleCellNavigation(1,0);break;case i.Keys.left:this.handleCellNavigation(-1,0);break;case i.Keys.enter:this.handleEnter(e);break;default:return}e.preventDefault()},this.onColorClick=(e,r)=>{this.isUncontrolled?this.setState({selectedColor:e,focusedColor:e}):this.setState({focusedColor:e}),this.dispatchChangeEvent(e,r)},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})},i.validatePackage(oe),this.state={selectedColor:this.props.value!==void 0?this.props.value:this.props.defaultValue,isFirstRender:!0}}render(){const t=this.getPaletteInfo(),e=this.paletteService=new sr;e.setColorMatrix(t.colors,t.columns);const r=e.getCellCoordsFor(this.state.selectedColor),o=e.getCellCoordsFor(this.state.focusedColor),l=i.classNames("k-colorpalette",{"k-disabled":this.props.disabled},this.props.className);return t.colors.length?s.createElement("div",{id:this.props.id,role:"grid",className:l,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:i.getTabIndex(this.props.tabIndex,this.props.disabled),ref:u=>this.wrapper=u},s.createElement("table",{className:"k-colorpalette-table",role:"presentation"},s.createElement("tbody",{role:"rowgroup"},this.renderRows(e.colorRows,r,o)))):""}static getDerivedStateFromProps(t,e){if(!e.isFirstRender&&t.value!==void 0){if(t.value===""&&e.selectedColor!==void 0)return{selectedColor:void 0};if(t.value!==""&&t.value!==e.selectedColor)return{selectedColor:t.value}}else if(e.isFirstRender)return{isFirstRender:!1};return null}handleCellNavigation(t,e){if(this.paletteService)if(this.focusedColorCooridanates){const r=this.paletteService.getNextCell(this.focusedColorCooridanates,t,e);this.setState({focusedColor:this.paletteService.getColorAt(r)})}else this.setState({focusedColor:this.paletteService.colorRows[0][0]})}handleEnter(t){this.isUncontrolled&&this.setState({selectedColor:this.state.focusedColor}),this.dispatchChangeEvent(this.state.focusedColor,t)}dispatchChangeEvent(t,e){i.dispatchEvent(this.props.onChange,e,this,{value:t,rgbaValue:we(t,"rgba")})}get focusedColorCooridanates(){return this.state.focusedColor&&this.paletteService?this.paletteService.getCellCoordsFor(this.state.focusedColor):void 0}get isUncontrolled(){return this.props.value===void 0}getPaletteInfo(){if(typeof this.props.palette=="string"){const t=_a[this.props.palette];return ae(t)?{colors:t.colors,columns:this.props.columns||t.columns||Ka}:{colors:[],columns:0}}else return{colors:this.props.palette||[],columns:this.props.columns||Ka}}renderRows(t,e,r){return t.map((o,l)=>s.createElement("tr",{role:"row",key:l},this.renderColumns(o,l,e,r)))}renderColumns(t,e,r,o){const l=r!==void 0&&r.row===e,u=r&&r.col,c=o!==void 0&&o.row===e,p=o&&o.col,d=typeof this.props.tileSize!="number"?this.props.tileSize:{width:this.props.tileSize,height:this.props.tileSize},g=d.width+"px",h=d.height+"px";return t.map((b,C)=>{const D=l&&u===C,O=i.classNames("k-colorpalette-tile",{"k-selected":D,"k-focus":c&&p===C});return s.createElement("td",{role:"gridcell",className:O,"aria-label":b,"aria-selected":D?!0:this.props.disabled?void 0:!1,style:{backgroundColor:b,width:g,height:h,minWidth:g},onClick:M=>this.onColorClick(b,M),id:this.createCellId({row:e,col:C}),key:C})})}createCellId(t){return`${this.guid}_${t.row}_${t.col}`}}Ue.displayName="ColorPalette",Ue.propTypes={palette:n.oneOfType([n.arrayOf(n.string.isRequired),n.string]),columns:n.number,tileSize:n.any,defaultValue:n.string,value:n.string,disabled:n.bool,tabIndex:n.number,onChange:n.func,onFocus:n.func,id:n.string,ariaLabelledBy:n.string,ariaDescribedBy:n.string,className:n.string},Ue.defaultProps={palette:$a,tileSize:Aa};const Ha=i.createPropsContext(),ot=i.withPropsContext(Ha,Ue);ot.displayName="KendoReactColorPalette";const rr="bottom",nr="top",Ga=a=>{const t=a.popupSettings||{},e=a.dir==="rtl"?"right":"left",r=s.useMemo(()=>({horizontal:e,vertical:rr}),[e]),o=s.useMemo(()=>({horizontal:e,vertical:nr}),[e]);return s.createElement(s.Fragment,null,a.input,a.button,s.createElement(Ss.Popup,{style:{...(t||{}).style,direction:a.dir},...t,anchor:a.popupAnchor,anchorAlign:r,popupAlign:o,show:a.open,onOpen:a.onOpen,onClose:a.onClose,className:i.classNames("k-reset",t.className)},a.content))};Ga.displayName="KendoPickerComponent";const ir={opacity:!0},lr={palette:$a,tileSize:Aa},aa=a=>a!==void 0,qa=i.createPropsContext(),ct=s.forwardRef((a,t)=>{i.validatePackage(oe);const e=i.usePropsContext(qa,a),r=se.useLocalization(),{size:o=ut.size,rounded:l=ut.rounded,fillMode:u=ut.fillMode,popupSettings:c,gradientSettings:p,paletteSettings:d,valid:g,disabled:h,tabIndex:b,view:C,icon:D,svgIcon:O,iconClassName:M,onChange:L,onFocus:w,onBlur:N,onActiveColorClick:B,className:z}=e,P=s.useRef(null),_=s.useRef(null),A=s.useRef(null),K=s.useRef(),I=s.useRef(null),[T,G]=s.useState(!1),[j,J]=s.useState(e.defaultValue),[f,k]=s.useState(!1),v=aa(e.value),x=aa(e.open),E=v?e.value:j,F=x?e.open:f,X=s.useCallback(()=>{P.current&&P.current.focus()},[]);s.useImperativeHandle(t,()=>({element:P.current,actionElement:I.current,value:E,focus:X}),[E,X]);const Q=s.useCallback(($,me)=>{x||(!$&&!me&&P&&P.current&&P.current.focus(),k($))},[x]),V=s.useCallback($=>{const{altKey:me,keyCode:ge}=$;if(ge===i.Keys.esc){Q(!1);return}if(ge===i.Keys.enter&&!x){$.preventDefault(),$.stopPropagation(),Q(!F);return}me&&(ge===i.Keys.up||ge===i.Keys.down)&&($.preventDefault(),$.stopPropagation(),ge===i.Keys.up&&P&&P.current&&(P.current.focus(),Q(!1)),ge===i.Keys.down&&Q(!0))},[F,x]),y=s.useCallback(()=>{x||(_.current?_.current.focus():A.current&&A.current.focus())},[x]),Y=s.useCallback(()=>{Q(!F,!0)},[F]),q=s.useCallback($=>{B&&B.call(void 0,{syntheticEvent:$,nativeEvent:$.nativeEvent,value:E})},[B,E]),ee=s.useCallback($=>{K.current?(clearTimeout(K.current),K.current=void 0):G(!0),w&&w.call(void 0,{nativeEvent:$.nativeEvent,syntheticEvent:$})},[w]),ue=s.useCallback(()=>{Q(!1,!0),G(!1),K.current=void 0},[]),ke=s.useCallback($=>{clearTimeout(K.current),K.current=window.setTimeout(ue),N&&N.call(void 0,{nativeEvent:$.nativeEvent,syntheticEvent:$})},[N]),de=s.useCallback(($,me)=>{const ge=me?$.rgbaValue:$.value;v||J(ge),me&&Q(!1),L&&L.call(void 0,{value:ge,nativeEvent:$.nativeEvent,syntheticEvent:$.syntheticEvent})},[v,L]),fe=s.useCallback($=>de($,!0),[aa,de]),pe=i.useDir(P,e.dir),Ke=g!==!1;return s.createElement("span",{id:e.id,role:"combobox","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-haspopup":"dialog","aria-expanded":F,"aria-disabled":h?"true":void 0,className:i.classNames("k-colorpicker","k-picker","k-icon-picker",{[`k-picker-${i.kendoThemeMaps.sizeMap[o]||o}`]:o,[`k-picker-${u}`]:u,[`k-rounded-${i.kendoThemeMaps.roundedMap[l]||l}`]:l,"k-invalid":!Ke,"k-disabled":h,"k-focus":T,className:z}),ref:P,tabIndex:i.getTabIndex(b,h),title:e.title,onKeyDown:V,onFocus:ee,onBlur:ke,dir:pe},s.createElement(Ga,{dir:pe,open:F,onOpen:y,popupAnchor:P.current||void 0,popupSettings:{...c},input:s.createElement("span",{onClick:q,className:"k-input-inner"},s.createElement("span",{className:i.classNames("k-value-icon","k-color-preview",{"k-no-color":!E,"k-icon-color-preview":D||O||M})},M&&s.createElement("span",{className:i.classNames("k-color-preview-icon",M)}),!M&&(D||O)&&s.createElement(i.IconWrap,{name:D,icon:O}),s.createElement("span",{className:"k-color-preview-mask",style:{backgroundColor:E}}))),button:s.createElement(le.Button,{tabIndex:-1,type:"button",onClick:Y,className:"k-input-button",rounded:null,icon:"caret-alt-down",svgIcon:W.caretAltDownIcon,"aria-label":r.toLanguageString(At,H[At])}),content:s.createElement(s.Fragment,null,(C==="combo"||C==="gradient")&&s.createElement(lt,{...p,tabIndex:0,ref:_,value:E,onChange:de}),(C==="combo"||C==="palette")&&s.createElement(ot,{...d,ref:A,value:E,onChange:fe}))}))});ct.propTypes={value:n.string,defaultValue:n.string,disabled:n.bool,view:n.oneOf(["gradient","palette","combo"]),dir:n.string,id:n.string,icon:n.string,svgIcon:i.svgIconPropType,ariaLabelledBy:n.string,ariaDescribedBy:n.string,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),fillMode:n.oneOf([null,"solid","flat","outline"]),className:n.string};const ut={size:"medium",rounded:"medium",fillMode:"solid",view:"palette",gradientSettings:ir,paletteSettings:lr};ct.defaultProps=ut,ct.displayName="KendoColorPicker";const Wa="rgba(255, 255, 255, 1)",sa=s.forwardRef((a,t)=>{i.validatePackage(oe);const e=s.useRef(null),r=s.useRef(null),o=s.useRef(null),{defaultValue:l=Wa,showButtons:u=!0,showPreview:c=!0,showClearButton:p=!0}=a,[d,g]=s.useState((a.view||"ColorGradient")==="ColorGradient"),[h,b]=s.useState(a.value||l),[C,D]=s.useState(a.value||l),O=a.value!==void 0?a.value:C;s.useEffect(()=>{b(a.value||l)},[a.value,l]);const M=se.useLocalization(),L=s.useCallback(()=>{e.current&&e.current.focus()},[e]);s.useImperativeHandle(e,()=>({element:r.current,focus:L,props:a,value:O}),[O,L,a]),s.useImperativeHandle(t,()=>e.current);const w=s.useCallback(I=>{(I==="ColorGradient"&&!d||I==="ColorPalette"&&d)&&g(!d)},[d]),N=s.useCallback(I=>{if(b(l),a.onPreviewChange){const T={value:l,nativeEvent:I.nativeEvent,syntheticEvent:I};a.onPreviewChange.call(void 0,T)}},[l,a.onPreviewChange]),B=s.useCallback(I=>{if(b(I.value),a.onPreviewChange){const T={value:I.value,nativeEvent:I.nativeEvent,syntheticEvent:I.syntheticEvent};a.onPreviewChange.call(void 0,T)}},[a.onPreviewChange]),z=s.useCallback(I=>{if(D(h),a.onChange){const T={value:h,nativeEvent:I.nativeEvent,syntheticEvent:I};a.onChange.call(void 0,T)}},[h,a.onChange]),P=s.useCallback(()=>{D(Wa)},[]),_=s.useCallback(I=>{if(b(C),a.onPreviewChange){const T={value:C,nativeEvent:I.nativeEvent,syntheticEvent:I};a.onPreviewChange.call(void 0,T)}},[C,a.onPreviewChange]),A=s.useCallback(I=>{r.current&&!(I.nativeEvent.target instanceof HTMLInputElement)&&r.current.focus()},[r]),K=s.useCallback(I=>{var G;if((!I.relatedTarget||!((G=r.current)!=null&&G.contains(I.relatedTarget)))&&(u||D(h),!u&&a.onChange)){const j={value:h,nativeEvent:I.nativeEvent,syntheticEvent:I};a.onChange.call(void 0,j)}},[h,u,a.onChange]);return s.createElement("div",{id:a.id,role:"textbox","aria-label":a.ariaLabel,"aria-labelledby":a.ariaLabelledBy,"aria-disabled":a.disabled?"true":void 0,style:a.style,ref:r,tabIndex:i.getTabIndex(a.tabIndex,a.disabled),className:i.classNames("k-flatcolorpicker k-coloreditor",{"k-disabled":a.disabled},a.className),onBlur:K},s.createElement(s.Fragment,null,a.header||s.createElement("div",{className:"k-coloreditor-header k-hstack"},s.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},s.createElement(le.ButtonGroup,{className:"k-button-group-flat"},s.createElement(le.Button,{type:"button","aria-label":M.toLanguageString(Ot,H[Ot]),togglable:!0,fillMode:"flat",selected:d,onClick:()=>w("ColorGradient"),icon:"droplet-slider",svgIcon:W.dropletSliderIcon}),s.createElement(le.Button,{type:"button","aria-label":M.toLanguageString(Ft,H[Ft]),togglable:!0,fillMode:"flat",selected:!d,onClick:()=>w("ColorPalette"),icon:"palette",svgIcon:W.paletteIcon}))),s.createElement("div",{className:"k-spacer"}),s.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},p&&s.createElement(le.Button,{type:"button",fillMode:"flat",onClick:N,"aria-label":M.toLanguageString(zt,H[zt]),icon:"droplet-slash",svgIcon:W.dropletSlashIcon}),c&&s.createElement("div",{className:"k-coloreditor-preview k-vstack"},s.createElement("span",{className:"k-coloreditor-preview-color k-color-preview",style:{background:h}}),s.createElement("span",{className:"k-coloreditor-current-color k-color-preview",style:{background:C},onClick:_})))),s.createElement("div",{className:"k-coloreditor-views k-vstack"},d?s.createElement(lt,{ref:o,role:"none",tabIndex:-1,ariaLabel:void 0,value:h,onChange:B,onFocus:A,opacity:a.opacity,format:a.format}):s.createElement(ot,{ariaDisabled:!0,ariaLabelledBy:"required_label",value:h,onChange:B,onFocus:A})),u&&s.createElement("div",{className:"k-coloreditor-footer k-actions k-actions-end"},s.createElement(le.Button,{type:"button",className:"k-coloreditor-cancel",onClick:P},H[ha]),s.createElement(le.Button,{type:"button",className:"k-coloreditor-apply k-primary",onClick:z},H[pa]))))}),or={id:n.string,style:n.any,className:n.string,value:n.string,defaultValue:n.string,onPreviewChange:n.func,onChange:n.func,opacity:n.bool,format:n.any,tabIndex:n.number,ariaLabel:n.string,ariaLabelledBy:n.string,disabled:n.bool,view:n.any,header:n.any,showClearButton:n.bool,showPreview:n.bool,showButtons:n.bool};sa.displayName="KendoFlatColorPicker",sa.propTypes=or;var Pe=(a=>(a[a.Literal=0]="Literal",a[a.Mask=1]="Mask",a[a.Undefined=2]="Undefined",a))(Pe||{});class Z{constructor(t,e,r=2){this.value=t,this.rest=e,this.type=r}map(t){return new Z(t(this.value),this.rest)}chain(t){return t(this.value,this.rest)}fold(t,e){return t(this.value,this.rest)}concat(t){return this.map((e,r)=>t.chain((o,l)=>e.concat([o])))}toString(){return`Result({ value: '${this.value}', rest: ${this.rest} })`}}class Ua{constructor(t=[],e=[]){this.input=t,this.control=e,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 ja=a=>(a||"").split(""),cr="\\";class ve{constructor(t){this.parse=t}run(t,e=""){return t instanceof Ua?this.parse(t):this.parse(new Ua(ja(t),ja(e)))}map(t){return new ve(e=>this.parse(e).map(t))}chain(t){return new ve(e=>this.parse(e).chain((r,o)=>t(r).run(o)))}isLiteral(t){return this.run(t).type===Pe.Literal}}const ur=a=>t=>new ve(e=>{const{prompt:r,promptPlaceholder:o}=a;for(;!e.eof();){const{char:l,control:u}=e.peek();if(l===u&&u===r)return e.eat(),new Z(r,e,Pe.Mask);if(t.test(l))return e.eat(),new Z(l,e,Pe.Mask);if(l===o)return e.eat(),new Z(r,e,Pe.Mask);e.eat_input()}return e.eat(),new Z(r,e,Pe.Mask)}),dr=a=>new ve(t=>t.peek().char===a?(t.eat(),new Z(a,t,Pe.Literal)):new Z(a,t,Pe.Literal)),fr=a=>t=>new ve(e=>{for(;!e.eof();){const{char:r,control:o}=e.peek();if(r===a&&o===a)return e.eat(),new Z(r,e);if(t.test(r))return e.eat(),new Z(r,e);e.eat_input()}return e.eat(),new Z("",e)}),hr=a=>new ve(t=>{if(t.eof())return new Z("",t);const{char:e}=t.peek();return e===a&&t.eat(),new Z(a,t)}),dt=(a,t)=>new ve(e=>{let{char:r}=e.next();const o=a[r];return r===cr?(r=e.next().char,new Z(t.literal(r),e)):o?new Z(t.mask(o),e):new Z(t.literal(r),e)}),Ra=a=>new ve(t=>{const{prompt:e,promptPlaceholder:r}=a;let{char:o}=t.next();return o===e?new Z(r,t):new Z(o,t)}),Xa=a=>new ve(t=>{let{char:e}=t.next();return a?new Z(e,t):new Z("",t)}),pr=a=>new ve(t=>new Z(a,t)),gr=(a,t)=>a.chain(e=>t.map(r=>e.concat([r]))),De=a=>a.reduce((t,e)=>gr(t,e),pr([])),ft=a=>new ve(t=>{let e=new Z([],t);for(;!t.eof();)e=e.concat(a.run(t));return e});class br{constructor(){this.rules={},this.prompt="_",this.mask="",this.promptPlaceholder=" ",this.includeLiterals=!1,this.maskTokens=[],this.unmaskTokens=[],this.rawTokens=[],this.validationTokens=[]}update({mask:t="",prompt:e="",promptPlaceholder:r=" ",rules:o={},includeLiterals:l=!1}){this.mask=t,this.prompt=e,this.promptPlaceholder=r,this.rules=o,this.includeLiterals=l,this.tokenize()}validationValue(t=""){let e=t;return De(this.validationTokens).run(t).fold(r=>{e=r.join("")}),e}rawValue(t=""){let e=t;return this.rawTokens.length&&De(this.rawTokens).run(t).fold(r=>{e=r.join("")}),e}maskRaw(t=""){let e=t;return this.maskTokens.length&&De(this.maskTokens).run(t).fold(r=>{e=r.join("")}),e}maskInput(t,e,r){return t.length<e.length?this.maskRemoved(t,e,r):this.maskInserted(t,e,r)}maskInRange(t,e,r,o){let l="",u=o;const c=e.split("").slice(0,r),p=e.split("").slice(o);return De(this.maskTokens.slice(r,o)).run(t).fold(d=>{l=c.concat(d).concat(p).join("")}),{selection:u,value:l}}maskRemoved(t,e,r){let o="",l=r;const u=t.split("").slice(r),c=t.split("").slice(0,r).join(""),p=this.maskTokens.length-(t.length-r);return De(this.maskTokens.slice(0,p)).run(c,e).fold(d=>{l=this.adjustPosition(d,l),o=d.concat(u).join("")}),{selection:l,value:o}}adjustPosition(t,e){const r=t[e];return!this.maskTokens[e].isLiteral(r)&&r!==this.prompt?e+1:e}maskInserted(t,e,r){let o="",l=r;const u=t.slice(0,r);return De(this.unmaskTokens).run(u,e).chain(c=>{l=c.join("").length;const p=e.slice(l);return De(this.maskTokens).run(c.join("")+p,e)}).fold(c=>{o=c.join("")}),{selection:l,value:o}}get maskTokenCreator(){const{prompt:t,promptPlaceholder:e}=this;return{literal:r=>dr(r),mask:r=>ur({prompt:t,promptPlaceholder:e})(r)}}get unmaskTokenCreator(){return{literal:t=>hr(t),mask:t=>fr(this.prompt)(t)}}get rawTokenCreator(){const{prompt:t,promptPlaceholder:e,includeLiterals:r}=this;return{literal:o=>Xa(r),mask:o=>Ra({prompt:t,promptPlaceholder:e})}}get validationTokenCreator(){const{prompt:t}=this;return{literal:e=>Xa(!1),mask:e=>Ra({prompt:t,promptPlaceholder:""})}}tokenize(){ft(dt(this.rules,this.maskTokenCreator)).run(this.mask).fold((t,e)=>{this.maskTokens=t}),ft(dt(this.rules,this.unmaskTokenCreator)).run(this.mask).fold((t,e)=>{this.unmaskTokens=t}),ft(dt(this.rules,this.rawTokenCreator)).run(this.mask).fold((t,e)=>{this.rawTokens=t}),ft(dt(this.rules,this.validationTokenCreator)).run(this.mask).fold((t,e)=>{this.validationTokens=t})}}const Ya={"#":/[\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]/},Za=()=>!1,Ja=(a,t)=>a.includeLiterals!==t.includeLiterals||a.mask!==t.mask||a.prompt!==t.prompt||a.promptPlaceholder!==t.promptPlaceholder||!vr(a.rules,t.rules),vr=(a,t)=>{if(!!a!=!!t)return!1;if(a===t||!a||!t)return!0;let e=!0;for(const r in a)if(a[r]!==t[r]){e=!1;break}if(e){for(const r in t)if(!a.hasOwnProperty(r)){e=!1;break}}return e},Le=class extends s.Component{constructor(a){super(a),this.state={},this._inputId=`k-${i.guid()}`,this._service=new br,this._isPasted=!1,this._selection=[null,null],this._input=null,this.focus=()=>{this._input&&this._input.focus()},this.pasteHandler=t=>{const{selectionStart:e,selectionEnd:r}=t.target;r!==e&&(this._isPasted=!0,this._selection=[e||0,r||0])},this.onChangeHandler=t=>{const e=t.currentTarget,r=e.value,o=this._selection[0]||0,l=this._selection[1]||0;if(!this.props.mask){this._isPasted=!1,this._selection=[null,null],this.triggerOnChange(r,t);return}const u=this.value;let c;if(this._isPasted){this._isPasted=!1;const p=u.length-l,d=r.length-p;c=this._service.maskInRange(r.slice(o,d),u,o,l)}else c=this._service.maskInput(r,u,e.selectionStart||0);this._selection=[c.selection,c.selection],this.triggerOnChange(c.value,t)},this.focusHandler=t=>{this.state.focused||(this.setState({focused:!0}),this.props.onFocus&&this.props.onFocus.call(void 0,{target:this,syntheticEvent:t,nativeEvent:t.nativeEvent}))},this.blurHandler=t=>{this.state.focused&&(this.setState({focused:!1}),this.props.onBlur&&this.props.onBlur.call(void 0,{target:this,syntheticEvent:t,nativeEvent:t.nativeEvent}))},this.setValidity=()=>{this.element&&this.element.setCustomValidity(this.validity.valid?"":this.props.validationMessage||"")},i.validatePackage(oe)}get element(){return this._input}get value(){return this._valueDuringOnChange!==void 0?this._valueDuringOnChange:this.props.value!==void 0?this.props.value:this.state.value!==void 0?this.state.value:this.props.defaultValue!==void 0?this.props.defaultValue:""}get rawValue(){return this._service.rawValue(this.value)}get validity(){const a=this.value,t=this._service.validationValue(a),e=this.props.validationMessage!==void 0,r=this.props.valid!==void 0?this.props.valid:(!this.required||!!t)&&(!this.props.maskValidation||!this.props.prompt||a.indexOf(this.props.prompt)===-1);return{customError:e,valid:r,valueMissing:!t}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:Le.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:Le.defaultProps.required}get name(){return this.props.name}componentDidUpdate(a,t){if(this.element&&this.state.focused&&t.focused){let[e,r]=this._selection;const o=a.selection,l=this.props.selection;(!o&&l||o&&l&&(o.start!==l.start||o.end!==l.end))&&(e=l.start,r=l.end),e!==null&&r!==null&&this.element.setSelectionRange(e,r)}Ja(a,this.props)&&this.updateService(),this.setValidity()}componentDidMount(){this.updateService(),this.setValidity()}render(){const{size:a=Le.defaultProps.size,fillMode:t=Le.defaultProps.fillMode,rounded:e=Le.defaultProps.rounded}=this.props,r=this.props.id||this._inputId,o=!this.validityStyles||this.validity.valid,l=this.props.style||{},{prefix:u=Le.defaultProps.prefix,suffix:c=Le.defaultProps.suffix}=this.props,[p]=i.useCustomComponent(u),[d]=i.useCustomComponent(c),g=s.createElement("span",{dir:this.props.dir,className:i.classNames("k-maskedtextbox k-input",{[`k-input-${i.kendoThemeMaps.sizeMap[a]||a}`]:a,[`k-input-${t}`]:t,[`k-rounded-${i.kendoThemeMaps.roundedMap[e]||e}`]:e,"k-invalid":!o,"k-required":this.required,"k-disabled":this.props.disabled},this.props.className),style:this.props.label?l:{width:this.props.width,...l}},s.createElement(p,null),s.createElement("input",{type:"text",autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:!1,className:"k-input-inner",value:this.value,id:r,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-placeholder":this.props.mask,name:this.props.name,tabIndex:i.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:h=>this._input=h,onChange:this.onChangeHandler,onPaste:this.pasteHandler,onFocus:this.focusHandler,onBlur:this.blurHandler,onDragStart:Za,onDrop:Za}),s.createElement(d,null));return this.props.label?s.createElement(Se.FloatingLabel,{label:this.props.label,editorId:r,editorValue:this.value,editorValid:o,editorDisabled:this.props.disabled,editorPlaceholder:this.props.placeholder,children:g,style:{width:this.props.width},dir:this.props.dir}):g}triggerOnChange(a,t){if(this.setState({value:a}),this.props.onChange){this._valueDuringOnChange=a;const e={syntheticEvent:t,nativeEvent:t.nativeEvent,selectionStart:this._selection[0],selectionEnd:this._selection[1],target:this,value:this.value};this.props.onChange.call(void 0,e),this._valueDuringOnChange=void 0}}updateService(a){const t=Object.assign({includeLiterals:this.props.includeLiterals,mask:this.props.mask,prompt:this.props.prompt,promptPlaceholder:this.props.promptPlaceholder,rules:this.rules},a);this._service.update(t)}get rules(){return Object.assign({},Ya,this.props.rules)}};let je=Le;je.displayName="MaskedTextBox",je.propTypes={value:n.string,defaultValue:n.string,placeholder:n.string,title:n.string,dir:n.string,id:n.string,style:n.object,className:n.string,prefix:n.any,suffix:n.any,ariaLabelledBy:n.string,ariaDescribedBy:n.string,width:n.oneOfType([n.string,n.number]),tabIndex:n.number,accessKey:n.string,disabled:n.bool,readonly:n.bool,prompt:n.string,promptPlaceholder:n.string,includeLiterals:n.bool,maskValidation:n.bool,mask:n.string,rules:function(a,t,e){const r=a.rules;return r!==void 0&&!Object.entries(r).some(l=>typeof l!="string"||!(r[l]instanceof RegExp))?new Error("Invalid prop `"+t+"` supplied to `"+e+"`. Validation failed."):null},selection:n.shape({start:n.number.isRequired,end:n.number.isRequired}),name:n.string,label:n.string,validationMessage:n.string,required:n.bool,valid:n.bool,validityStyles:n.bool,onChange:n.func,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),fillMode:n.oneOf([null,"solid","flat","outline"])},je.defaultProps={prompt:"_",promptPlaceholder:" ",includeLiterals:!1,maskValidation:!0,rules:Ya,required:!1,validityStyles:!0,prefix:a=>null,suffix:a=>null,size:"medium",rounded:"medium",fillMode:"solid"};const mr=i.createPropsContext(),Qa=i.withPropsContext(mr,je);Qa.displayName="KendoReactMaskedTextBox";var U=(a=>(a.start="start",a.end="end",a.min="min",a.max="max",a.increase="increase",a.decrease="decrease",a))(U||{});const es=(a,t)=>{let e,r;switch(t.type){case"start":if(t.payload===void 0)return a;e={start:t.payload>a.end?a.end:Math.max(t.payload,t.min),end:a.end};break;case"end":if(t.payload===void 0)return a;e={start:a.start,end:t.payload<a.start?a.start:Math.min(t.payload,t.max)};break;case"min":t.key==="start"?e={...a,start:t.min}:e={...a,end:Math.max(t.min,a.start)};break;case"max":t.key==="start"?e={...a,start:Math.min(t.max,a.end)}:e={...a,end:t.max};break;case"increase":if(t.step===void 0||t.key===void 0)return a;r=a[t.key]+t.step,t.key==="start"?r<t.min?e={...a,start:t.min}:e={...a,start:Math.min(r,a.end)}:r>t.max?e={...a,end:t.max}:e={...a,end:Math.max(r,a.start)};break;case"decrease":if(t.step===void 0||t.key===void 0)return a;r=a[t.key]-t.step,t.key==="start"?r<t.min?e={...a,start:t.min}:e={...a,start:Math.min(r,a.end)}:r>t.max?e={...a,end:t.max}:e={...a,end:Math.max(r,a.start)};break;default:e=a;break}return e},yr=(a,t,e)=>{const[r,o]=s.useState(a),l=s.useCallback(u=>{const c=es(t.state||r,{...u,...t});e&&e(c,u.event),o(c)},[t,e]);return[r,l]},ts=i.createPropsContext(),ht=s.forwardRef((a,t)=>{i.validatePackage(oe);const e=i.usePropsContext(ts,a),r=s.useRef(null),o=s.useRef(null),l=s.useRef(null),u=s.useRef(null),c=s.useRef(null),p=s.useCallback(()=>{u.current&&u.current.focus()},[u]);s.useImperativeHandle(r,()=>({element:o.current,focus:p,props:e})),s.useImperativeHandle(t,()=>r.current);const d=s.useMemo(()=>e.min,[e.min]),g=s.useMemo(()=>e.max,[e.max]),h=s.useMemo(()=>e.step!==void 0?e.step:pt.step,[e.step,pt.step]),b=i.useDir(o,e.dir),C=(v,x)=>{e.onChange&&r.current&&e.onChange.call(void 0,{value:v,target:r.current,syntheticEvent:x})},[D,O]=s.useState(""),[M,L]=yr(e.defaultValue||pt.defaultValue,{min:d,max:g,step:h,state:e.value},C),w=s.useMemo(()=>e.value||M,[e.value,M]),N=s.useRef(null),B=s.useRef(null),z=s.useMemo(()=>(w.start-d)/(g-d)*100,[w.start,d,g]),P=s.useMemo(()=>(w.end-d)/(g-d)*100,[w.end,d,g]),_=s.useMemo(()=>e.vertical?{paddingTop:0,height:"100%"}:{},[e.vertical]),A=s.useMemo(()=>e.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},[e.vertical]),K=se.useLocalization(),I=s.useCallback(v=>{if(!B.current)return;const x=B.current.getBoundingClientRect(),E=e.vertical?x.bottom-v.clientY:b==="rtl"?x.right-v.clientX:v.clientX-x.left,F=e.vertical?x.height:x.width,X=E/F;return d+X*(g-d)},[B,e.vertical,b,d,g,M.start,M.end,e.value&&e.value.start,e.value&&e.value.end]),T=s.useCallback(v=>v<=w.start?"start":v>=w.end?"end":2*v<w.end+w.start?"start":"end",[M.start,M.end,e.value&&e.value.start,e.value&&e.value.end]),G=s.useCallback(v=>{switch(v.keyCode){case i.Keys.right:v.preventDefault(),L({type:b==="rtl"?U.decrease:U.increase,key:"start",event:v});break;case i.Keys.up:v.preventDefault(),L({type:U.increase,key:"start",event:v});break;case i.Keys.left:v.preventDefault(),L({type:b==="rtl"?U.increase:U.decrease,key:"start",event:v});break;case i.Keys.down:v.preventDefault(),L({type:U.decrease,key:"start",event:v});break;case i.Keys.home:v.preventDefault(),L({type:U.min,key:"start",event:v});break;case i.Keys.end:v.preventDefault(),L({type:U.max,key:"start",event:v});break}},[L]),j=s.useCallback(v=>{switch(v.keyCode){case i.Keys.right:v.preventDefault(),L({type:b==="rtl"?U.decrease:U.increase,key:"end",event:v});break;case i.Keys.up:v.preventDefault(),L({type:U.increase,key:"end",event:v});break;case i.Keys.left:v.preventDefault(),L({type:b==="rtl"?U.increase:U.decrease,key:"end",event:v});break;case i.Keys.down:v.preventDefault(),L({type:U.decrease,key:"end",event:v});break;case i.Keys.home:v.preventDefault(),L({type:U.min,key:"end",event:v});break;case i.Keys.end:v.preventDefault(),L({type:U.max,key:"end",event:v});break}},[L,b]),J=s.useCallback(v=>{const x=I(v),E=T(x);O(E),E==="end"?c.current.focus():u.current.focus();const F=E==="end"?U.end:U.start;L({type:F,payload:x,event:v})},[e.vertical,d,g,L]),f=v=>{const x=I(v),E=D==="end"?U.end:U.start;L({type:E,payload:x,event:v})},k=v=>{const x=I(v),E=D==="end"?U.end:U.start;L({type:E,payload:x,event:v}),O("")};return i.useDraggable(B,{onPress:J,onDrag:f,onRelease:k}),s.createElement("div",{id:e.id,style:e.style,ref:o,dir:b,className:i.classNames("k-slider",{"k-rtl":b==="rtl","k-disabled":e.disabled,"k-slider-vertical":e.vertical,"k-slider-horizontal":!e.vertical},e.className)},s.createElement("div",{ref:B,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...A}},e.children&&s.createElement("ul",{className:"k-reset k-slider-items",style:{..._}},s.Children.map(e.children,v=>v&&s.cloneElement(v,{position:100*(v.props.position-e.min)/(e.max-e.min),vertical:e.vertical},v.props.children))),s.createElement("div",{ref:N,className:"k-slider-track",style:e.vertical?{bottom:0,height:"100%"}:{[b==="rtl"?"right":"left"]:0,width:"100%"}},z!==null&&P!==null&&s.createElement("div",{"data-selection":!0,ref:l,title:`${w.start} - ${w.end}`,className:"k-slider-selection",style:e.vertical?{height:P-z+"%",bottom:z+"%"}:{[b==="rtl"?"right":"left"]:z+"%",width:P-z+"%"}}),s.createElement("span",{ref:u,role:"slider",tabIndex:i.getTabIndex(e.startTabIndex,e.disabled,void 0),"aria-valuemin":d,"aria-valuemax":Math.max(g,w.end),"aria-valuenow":w.start,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${w.start} - ${w.end}`,className:"k-draghandle",title:K.toLanguageString(Me,H[Me]),style:e.vertical?{bottom:"calc("+z+"%)",zIndex:1}:b==="rtl"?{right:"calc("+z+"% - 13px)",zIndex:1}:{left:"calc("+z+"%)",zIndex:1},onKeyDown:G}),s.createElement("span",{ref:c,role:"slider",tabIndex:i.getTabIndex(e.endTabIndex,e.disabled,void 0),"aria-valuemin":Math.min(d,w.start),"aria-valuemax":g,"aria-valuenow":w.end,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${w.start} - ${w.end}`,className:"k-draghandle",title:K.toLanguageString(Me,H[Me]),style:e.vertical?{bottom:"calc("+P+"%)",zIndex:1}:b==="rtl"?{right:"calc("+P+"% - 13px)",zIndex:1}:{left:"calc("+P+"%)",zIndex:1},onKeyDown:j}))))}),kr={value:(a,t,e)=>{if(a.value){const r=a.value.start,o=a.value.end,l=a.min,u=a.max;if(r>o||r>u||r<l||o>u||o<l||o<r)return new Error(`Invalid prop + ${t} supplied to ${e}.
+(function(m,He){typeof exports=="object"&&typeof module<"u"?He(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")):typeof define=="function"&&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"],He):(m=typeof globalThis<"u"?globalThis:m||self,He(m.KendoReactInputs={},m.React,m.PropTypes,m.KendoReactIntl,m.KendoReactCommon,m.KendoSvgIcons,m.KendoReactLabels,m.KendoReactButtons,m.KendoDrawing,m.KendoReactPopup,m.KendoInputsCommon,m.KendoReactDialogs))})(this,function(m,He,Es,se,i,W,Se,le,Oe,Ss,Is,ws){"use strict";"use client";function oa(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,r.get?r:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const s=oa(He),n=oa(Es),oe={name:"@progress/kendo-react-inputs",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},Fe="numerictextbox.increment",ze="numerictextbox.decrement",It="slider.increment",wt="slider.decrement",Ne="slider.dragTitle",Me="colorGradient.r",ca="colorGradient.g",ua="colorGradient.b",da="colorGradient.a",fa="colorGradient.hex",Pt="colorGradient.contrastRatio",Lt="colorGradient.colorGradientAALevel",Nt="colorGradient.colorGradientAAALevel",Mt="colorGradient.colorGradientPass",Vt="colorGradient.colorGradientFail",Tt="colorGradient.hueSliderLabel",Dt="colorGradient.alphaSliderLabel",Bt="colorGradient.toggleInputsButton",ha="flatColorPicker.cancelBtn",pa="flatColorPicker.applyBtn",Ot="flatColorPicker.colorGradientBtn",Ft="flatColorPicker.colorPaletteBtn",zt="flatColorPicker.clearBtn",ga="checkbox.validation",ba="checkbox.optionalText",Ps="radioButton.validation",_t="switch.validation",At="colorPicker.dropdownButtonAriaLabel",Kt="rating.ariaLabel",Ht="signature.clear",$t="signature.maximize",Gt="signature.minimize",$={[Fe]:"Increase value",[ze]:"Decrease value",[It]:"Increase",[wt]:"Decrease",[Ne]:"Drag",[Me]:"r",[ca]:"g",[ua]:"b",[da]:"a",[fa]:"hex",[Pt]:"Contrast ratio",[Lt]:"AA",[Nt]:"AAA",[Mt]:"Pass",[Vt]:"Fail",[Tt]:"Hue slider",[Dt]:"Alpha slider",[Bt]:"Toggle colorgradient inputs",[ha]:"Cancel",[pa]:"Apply",[Ot]:"Color Gradient view",[Ft]:"Color Palette view",[zt]:"Clear color value",[ga]:"Please check this box if you want to proceed!",[ba]:"(Optional)",[Ps]:"Please select option if you want to proceed!",[_t]:"Please turn on if you want to proceed!",[At]:"Select",[Kt]:"Rating",[Ht]:"Clear",[$t]:"Maximize",[Gt]:"Minimize"},Qe=11111111111111e-7,Ls=.31111111111111117,Ns=1,va=1,ma=0,be=/\d/,ya=15,ka=()=>({eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1}),qt=(a,t)=>a!==void 0?a:t,ce=(a,t,e)=>a===null&&a===void 0?"":typeof a=="string"?a:e.formatNumber(a,t),Ca=a=>(String(a).split(".")[1]||"").length,xa=(a,t)=>Math.max(Ca(a),Ca(t)),Ms=a=>Math.min(a,ya),Ea=(a,t)=>{const e=Ms(t);return parseFloat(a.toFixed(e))},Sa=(a,t,e,r,o,l,u)=>{const c=xa(a||0,e||0),p=_e(Ea((a||0)+(e||0),c),r,o);t.eventValue=p,t.currentLooseValue=ce(p,l,u),t.selectionStart=t.selectionEnd=$e(t.currentLooseValue,be)},Ia=(a,t,e,r,o,l,u)=>{const c=xa(a||0,e||0),p=_e(Ea((a||0)-(e||0),c),r,o);t.eventValue=p,t.currentLooseValue=ce(p,l,u),t.selectionStart=t.selectionEnd=$e(t.currentLooseValue,be)},_e=(a,t,e)=>a==null?a:!(a>1||a<1||a===1)||e!==void 0&&t!==void 0&&e<t?null:(e!==void 0&&a>e&&(a=e),t!==void 0&&a<t&&(a=t),a),Vs=(a,t)=>{const e=t.findIndex(([o,l])=>!!l&&a.indexOf(l)===a.length-l.length);if(e===-1)return-1;const r=t[e][1];return a.length-r.length},Ts=(a,t)=>{const e=t.findIndex(([o,l])=>!!o&&a.indexOf(o)===0);return e===-1?-1:t[e][0].length},Ds=(a,t,e)=>{const r=Vs(a,t);if(r!==-1&&e.selectionStart>r){e.selectionStart=e.selectionEnd=r;return}e.selectionStart>a.length&&(e.selectionStart=e.selectionEnd=a.length);const o=Ts(a,t);o!==-1&&e.selectionStart<o&&(e.selectionStart=e.selectionEnd=o),e.selectionStart===-1&&(e.selectionStart=e.selectionEnd=0)},Ee=(a,t,e,r)=>{a.selectionStart=a.selectionEnd=t,Ds(e,r,a)},Wt=(a,t,e,r)=>{a.eventValue=r.parseNumber(a.prevLooseValue,t),a.currentLooseValue=a.prevLooseValue,a.valueIsCorrected=!0,Ee(a,a.selectionStart,a.currentLooseValue,e)},Bs=(a,t)=>{const e=String(a.currentLooseValue),r=String(a.prevLooseValue);return e.split(t.minusSign).length!==r.split(t.minusSign).length&&e.length===r.length+t.minusSign.length},Os=(a,t)=>{const e=String(a.currentLooseValue),r=String(a.prevLooseValue);return e.indexOf(t.minusSign)===-1&&r.indexOf(t.minusSign)!==-1},Fs=(a,t)=>String(a.currentLooseValue).split(t.decimal).length>2,zs=(a,t)=>{const e=t.formatNumber(Qe,a),r=t.formatNumber(-Qe,a),o=t.formatNumber(ma,a),l=t.formatNumber(va,a),u=et(e),c=et(r),p=et(o),d=et(l),b=tt(e),f=tt(r),g=tt(o),x=tt(l);return{positiveInfo:[u,b],negativeInfo:[c,f],zeroInfo:[p,g],oneInfo:[d,x]}},_s=(a,t)=>{const e=t.formatNumber(Qe,a),r=t.formatNumber(-Qe,a),o=t.formatNumber(ma,a),l=t.formatNumber(va,a),u=t.numberSymbols(),c=new RegExp(`[\\d\\${u.decimal}${u.group}]`,"g");return[e,r,o,l].map(d=>d.replace(c,"")).join("").split("").filter((d,b,f)=>f.indexOf(d)===b).join("")},Ut=(a,t)=>{const e=a.indexOf(t.decimal);return e>-1?e:$e(a,be)},jt=a=>a.split("").reverse().join(""),$e=(a,t)=>a.length-jt(a).search(t),et=a=>a.split(a[a.search(be)])[0],tt=a=>{const t=jt(a);return jt(t.split(t[t.search(be)])[0])},Rt=(a,t)=>a.search(t),wa=(a,t)=>{const e=a.indexOf(t);return e>-1?a.length-e-1:0},Pa=(a,t,e,r,o)=>{const l=a.replace(o,"")[0]==="0",u=t.replace(o,"")[0]==="0";if(l&&!u)return e-1;if(u&&r)return e+1;let c=0;for(let d=0;d<e;d++)be.test(a.charAt(d))&&c++;let p=0;for(;c>0&&t.length>p;)be.test(t.charAt(p))&&c--,p++;return p},Xt=(a,t,e)=>{const r={...a},{prevLooseValue:o}=r,l=e.numberSymbols(),u=_s(t,e),c=String(r.currentLooseValue),p=String(o),d=new RegExp(`[^\\d\\${l.decimal}]`,"g"),b=new RegExp(`[^\\d\\${l.decimal}\\${l.group}]`,"g"),f=new RegExp(`[\\d\\${l.decimal}\\${l.group}]`),g=c.replace(d,""),x=Rt(c,be),T=x===-1?-1:$e(c,be),O=c.indexOf(l.decimal),D=(c.substring(0,x)+c.substring(x,T).replace(b,"")+c.substring(T,c.length)).split("").filter(h=>u.indexOf(h)!==-1||h.search(f)!==-1).join(""),N=e.formatNumber(Ls,t).replace(d,""),w=N.indexOf(l.decimal),P=w>-1?N.length-w-1:0,F=e.formatNumber(Ns,t).replace(d,""),z=F.indexOf(l.decimal),L=z>-1?F.length-z-1:0,{positiveInfo:_,negativeInfo:K,zeroInfo:A,oneInfo:I}=zs(t,e),V=[_,K,A,I],G=V.findIndex(h=>h.findIndex(k=>!!k)!==-1)!==1,j=c.length>0&&c.length<p.length,J=typeof t=="string"&&t[0]==="p"&&c&&c.indexOf(l.percentSign)===-1;if(!r.isPaste){if(c==="")return r.eventValue=null,r.currentLooseValue="",r;if(r.currentLooseValue===l.minusSign&&e.formatNumber(-0,t)!==p)return r.eventValue=-0,r.currentLooseValue=ce(r.eventValue,t,e),Ee(r,Ut(r.currentLooseValue,l),r.currentLooseValue,V),r;if(r.currentLooseValue===l.decimal){r.eventValue=0;const C=ce(r.eventValue,t,e);if(L===0&&P>0){const E=$e(C,be);r.currentLooseValue=C.substring(0,E)+l.decimal+C.substring(E)}else r.currentLooseValue=C;return Ee(r,Ut(r.currentLooseValue,l)+1,r.currentLooseValue,V),r}if(Bs(r,l)){const C=e.parseNumber(o,t);r.eventValue=-(C!==null?C:0),r.currentLooseValue=ce(r.eventValue,t,e);const E=Rt(r.currentLooseValue,be),B=Rt(p,be);return Ee(r,r.selectionEnd-1+(E-B),r.currentLooseValue,V),r}if(Os(r,l))return r.eventValue=e.parseNumber(r.currentLooseValue,t),Ee(r,r.selectionStart,r.currentLooseValue,V),r;if(Fs(r,l))return Wt(r,t,V,e),r;if(J)return r.eventValue=e.parseNumber(c,t)/100,r.currentLooseValue=ce(r.eventValue,t,e),r;if(String(r.currentLooseValue).replace(/[^\d]/g,"").length>ya||g!==c&&c&&G&&V.findIndex(([E,B])=>{const X=c.indexOf(E),Q=c.indexOf(B),M=X===0,y=Q===c.length-B.length,Y=X+E.length!==x&&x!==-1&&c[X+E.length]!==l.decimal,q=Q!==T&&T!==-1&&c[Q-1]!==l.decimal;return E&&B?Y||q?!1:M&&y:E?Y?!1:M:B?q?!1:y:!1})===-1)return Wt(r,t,V,e),r;if(g[g.length-1]===l.decimal&&P>0)return r.eventValue=e.parseNumber(c,t),r.currentLooseValue=D,r;if(r.currentLooseValue&&o&&(u+l.decimal+l.group).split("").findIndex(E=>c.split("").filter(B=>B===E).length<p.split("").filter(B=>B===E).length&&c.length+1===p.length?!(E===l.decimal&&wa(p.replace(d,""),l.decimal)===0):!1)>-1)return r.eventValue=e.parseNumber(a.prevLooseValue,t),r.currentLooseValue=a.prevLooseValue,r;const k=wa(g,l.decimal),v=g[g.length-1]==="0";if(j&&v&&k<L)return r.eventValue=e.parseNumber(r.currentLooseValue,t),r.currentLooseValue=ce(r.eventValue,t,e),r;if(k>0){const C=c.substring(0,O);if(v&&(!C||p.indexOf(C)!==0)){r.eventValue=e.parseNumber(r.currentLooseValue,t);const E=ce(r.eventValue,t,e);return Ee(r,Pa(c,E,r.selectionEnd,j,d),E,V),r.currentLooseValue=E,r}if(k>P){const E=c.indexOf(l.decimal),B=c.substring(0,E)+c.substring(E,E+1+P)+c.substring(T,String(r.currentLooseValue).length);return r.eventValue=e.parseNumber(B,t),r.currentLooseValue=B,Ee(r,r.selectionStart,B,V),r}if(L!==P&&k<=P&&v)return r.eventValue=e.parseNumber(r.currentLooseValue,t),r.currentLooseValue=D,r;if(k<L)return r.eventValue=e.parseNumber(r.currentLooseValue,t),r.currentLooseValue=ce(r.eventValue,t,e),r}}if(r.eventValue=e.parseNumber(r.currentLooseValue,t),J&&(r.eventValue=r.eventValue/100),typeof r.eventValue=="number"){const h=ce(r.eventValue,t,e);c.length===1?Ee(r,Ut(h,l),h,V):Ee(r,Pa(c,h,r.selectionEnd,j,d),h,V),r.currentLooseValue=h}else r.currentLooseValue=ce(e.parseNumber(g),t,e);return r},As="Please enter a valid value!",La=i.createPropsContext(),Ie=s.forwardRef((a,t)=>{i.validatePackage(oe);const e=i.usePropsContext(La,a),r=i.useId(),o=e.id||r,l=se.useInternationalization(),u=se.useLocalization(),c=s.useRef(null),p=s.useRef(),[d,b]=s.useState(!1),f=s.useRef(ka()),g=s.useRef(!1),x=s.useRef(),T=s.useRef(e.defaultValue),O=ce(f.current.focused&&!e.disabled?f.current.currentLooseValue:qt(e.value,T.current),e.format,l);x.current=O;const[D]=i.useCustomComponent(e.prefix),[N]=i.useCustomComponent(e.suffix);s.useEffect(()=>{c.current&&c.current.setCustomValidity&&c.current.setCustomValidity(L().valid?"":e.validationMessage||As)});const w=s.useCallback(()=>{c.current&&c.current.focus()},[]),P=s.useCallback(()=>p.current!==void 0?p.current:qt(e.value,T.current),[e.value]),F=s.useCallback(()=>e.name,[e.name]),z=s.useCallback(()=>e.required,[e.required]),L=s.useCallback(()=>{const M=e.validationMessage!==void 0,y=P(),Y=e.valid!==void 0?e.valid:!f.current.valueIsOutOfRange&&(!z()||y!=null);return{customError:M,valid:Y,valueMissing:y==null}},[e.validationMessage,e.valid,P,z]),_=s.useCallback(()=>e.validityStyles,[e.validityStyles]),K=s.useCallback(()=>e,[e]),A=s.useCallback(()=>{const M={element:c.current,focus:w};return Object.defineProperty(M,"name",{get:F}),Object.defineProperty(M,"value",{get:P}),Object.defineProperty(M,"validity",{get:L}),Object.defineProperty(M,"validityStyles",{get:_}),Object.defineProperty(M,"required",{get:z}),Object.defineProperty(M,"props",{get:K}),M},[F,P,L,_,z,w,K]);s.useImperativeHandle(t,A);const I=s.useCallback(()=>({eventValue:qt(e.value,T.current),prevLooseValue:x.current,currentLooseValue:c.current.value,selectionStart:c.current.selectionStart,selectionEnd:c.current.selectionEnd,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1,isPaste:g.current,focused:f.current.focused}),[e.value]),V=s.useCallback((M,y)=>{if(e.disabled)return;p.current=y.eventValue,T.current=y.eventValue;const Y=ce(_e(y.eventValue,e.min,e.max),e.format,l),q=_e(l.parseNumber(Y,e.format),e.min,e.max);q!==y.eventValue&&(y.valueIsOutOfRange=!0,y.eventValue=q,T.current=q),e.value!==y.eventValue&&i.dispatchEvent(e.onChange,M,A(),{value:y.eventValue}),p.current=void 0,f.current=y,b(ue=>!ue)},[e.value,e.onChange,e.disabled,b,A]),G=s.useCallback(M=>{const y=I();g.current=!1,V(M,Xt(y,e.format,l))},[e.format,e.onChange,l,V,I]),j=s.useCallback(M=>{let y=I();const Y=l.parseNumber(String(y.currentLooseValue),e.format);if(y.selectionEnd>y.selectionStart&&y.selectionEnd-y.selectionStart===String(y.currentLooseValue).length){const q=l.numberSymbols(),ee=q&&M.key===q.minusSign,ue=q&&M.key===q.decimal;g.current=!ee&&!ue;return}switch(M.keyCode){case 38:Sa(Y,y,e.step,e.min,e.max,e.format,l);break;case 40:Ia(Y,y,e.step,e.min,e.max,e.format,l);break;case 13:{if(e.rangeOnEnter===!1)return;const q=ce(_e(Y,e.min,e.max),e.format,l),ee=_e(l.parseNumber(q,e.format),e.min,e.max);y.eventValue=ee,y.currentLooseValue=ce(ee,e.format,l),y.selectionStart=y.selectionEnd=y.currentLooseValue.length;break}case 110:{const q=c.current,ee=l.numberSymbols();q&&(y.currentLooseValue=y.currentLooseValue.slice(0,y.selectionStart)+ee.decimal+y.currentLooseValue.slice(y.selectionEnd),y.selectionStart=y.selectionEnd=y.selectionStart+1,y=Xt(y,e.format,l));break}default:return}M.preventDefault(),V(M,y)},[e.format,e.min,e.max,e.step,e.onChange,e.rangeOnEnter,V,I]),J=s.useCallback(()=>{g.current=!0},[]),h=s.useCallback(M=>{if(e.readOnly||e.disabled)return;const y=I();Sa(l.parseNumber(String(y.currentLooseValue),e.format),y,e.step,e.min,e.max,e.format,l),V(M,y)},[e.format,e.min,e.max,e.step,e.onChange,e.readOnly,e.disabled,V,I]),k=s.useCallback(M=>{if(e.readOnly||e.disabled)return;const y=I();Ia(l.parseNumber(String(y.currentLooseValue),e.format),y,e.step,e.min,e.max,e.format,l),V(M,y)},[e.format,e.min,e.max,e.step,e.onChange,e.readOnly,e.disabled,V,I]),v=s.useCallback(M=>{const y=i.getActiveElement(document);!document||y!==c.current||!c.current||e.readOnly||e.disabled||(M.nativeEvent.deltaY<0&&h(M),M.nativeEvent.deltaY>0&&k(M))},[h,k,e.disabled,e.readOnly]),C=s.useCallback(M=>{f.current.currentLooseValue=x.current,f.current.focused=!0,i.dispatchEvent(e.onFocus,M,A(),{}),b(y=>!y)},[e.onFocus,b,A]),E=s.useCallback(M=>{f.current=ka(),i.dispatchEvent(e.onBlur,M,A(),{}),b(y=>!y)},[e.onBlur,b,A]),B=s.useCallback(M=>{if(document&&c.current){const y=i.getActiveElement(document);M.preventDefault(),y!==c.current&&c.current.focus()}},[]);s.useLayoutEffect(()=>{c.current&&c.current.type!=="number"&&f.current.selectionStart!==void 0&&f.current.selectionEnd!==void 0&&(c.current.selectionStart=f.current.selectionStart,c.current.selectionEnd=f.current.selectionEnd,f.current.selectionStart=void 0,f.current.selectionEnd=void 0)},[d]);const X=!_()||L().valid,Q=s.createElement("span",{dir:e.dir,style:e.label?e.style:{width:e.width,...e.style},className:i.classNames("k-input","k-numerictextbox",{[`k-input-${i.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-input-${e.fillMode}`]:e.fillMode,[`k-rounded-${i.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,"k-invalid":!X,"k-required":e.required,"k-disabled":e.disabled},e.className),"aria-disabled":e.disabled?"true":void 0},s.createElement(D,null),s.createElement("input",{role:"spinbutton",value:O===null?"":O,tabIndex:i.getTabIndex(e.tabIndex,e.disabled),accessKey:e.accessKey,disabled:e.disabled,title:e.title,"aria-disabled":e.disabled?"true":void 0,"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,placeholder:e.placeholder,spellCheck:!1,autoComplete:"off",autoCorrect:"off",type:e.inputType||"tel",className:"k-input-inner",id:o,name:e.name,readOnly:e.readOnly,style:e.inputStyle,onChange:G,onFocus:C,onBlur:E,onKeyDown:j,onPaste:J,onWheel:v,ref:c}),s.createElement(N,null),e.children,e.spinners&&s.createElement("span",{className:"k-input-spinner k-spin-button",onMouseDown:B},s.createElement(le.Button,{tabIndex:-1,type:"button",icon:"caret-alt-up",svgIcon:W.caretAltUpIcon,rounded:null,className:"k-spinner-increase","aria-label":u.toLanguageString(Fe,$[Fe]),title:u.toLanguageString(Fe,$[Fe]),onClick:h}),s.createElement(le.Button,{tabIndex:-1,type:"button",icon:"caret-alt-down",svgIcon:W.caretAltDownIcon,rounded:null,className:"k-spinner-decrease","aria-label":u.toLanguageString(ze,$[ze]),title:u.toLanguageString(ze,$[ze]),onClick:k})));return e.label?s.createElement(Se.FloatingLabel,{label:e.label,editorId:o,editorValue:O===null?"":O,editorValid:X,editorDisabled:e.disabled,editorPlaceholder:e.placeholder,children:Q,style:{width:e.width},dir:e.dir}):Q});Ie.propTypes={value:n.number,defaultValue:n.number,step:n.number,format:n.oneOfType([n.string,n.shape({style:n.oneOf(["decimal","currency","percent","scientific","accounting"]),currency:n.string,currencyDisplay:n.oneOf(["symbol","code","name"]),useGrouping:n.bool,minimumIntegerDigits:n.number,minimumFractionDigits:n.number,maximumFractionDigits:n.number})]),width:n.oneOfType([n.string,n.number]),tabIndex:n.number,accessKey:n.string,title:n.string,placeholder:n.string,min:n.number,max:n.number,spinners:n.bool,disabled:n.bool,readOnly:n.bool,dir:n.string,name:n.string,label:n.string,validationMessage:n.string,required:n.bool,id:n.string,rangeOnEnter:n.bool,ariaLabelledBy:n.string,ariaDescribedBy:n.string,ariaLabel:n.string,onChange:n.func,onFocus:n.func,onBlur:n.func,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),fillMode:n.oneOf([null,"solid","flat","outline"])},Ie.displayName="KendoNumericTextBox",Ie.defaultProps={prefix:a=>null,suffix:a=>null,step:1,spinners:!0,disabled:!1,required:!1,validityStyles:!0,rangeOnEnter:!0,onChange:a=>{},onFocus:a=>{},onBlur:a=>{},size:"medium",rounded:"medium",fillMode:"solid"};const ae=a=>a!=null,re=(a,t,e)=>!ae(a)||isNaN(a)||a<=t?t:a>=e?e:a,we=(a,t,e=!0)=>{if(["hex","rgba"].indexOf(t)===-1)throw new Error(`Unsupported color output format '${t}'. The available options are 'hex' or 'rgba'.`);if(!ae(a))return;const o=Oe.parseColor(a.trim(),e);if(ae(o))return t==="hex"?o.toCss():o.toCssRgba()},Yt=(a,t=!0)=>{const e=Oe.parseColor(a,t);return ae(e)?e.toHSV():{}},Ae=(a,t=!0)=>{const e=Oe.parseColor(a,t);return ae(e)?e.toBytes():{}},Zt=a=>{const t=re(a.h,0,359.9),e=re(a.s,0,1),r=re(a.v,0,1),o=re(a.a,0,1);return Oe.Color.fromHSV(t,e,r,o).toCssRgba()},at=a=>Zt({h:a,s:1,v:1,a:1}),Ks=a=>{const t=re(a.r,0,255),e=re(a.g,0,255),r=re(a.b,0,255),o=re(a.a,0,1);return Oe.Color.fromBytes(t,e,r,o).toCssRgba()},Na=(a,t)=>{const e=re(a.r,0,255),r=re(a.g,0,255),o=re(a.b,0,255),l=re(a.a,0,1),u=re(t.r,0,255),c=re(t.g,0,255),p=re(t.b,0,255);return{r:Math.round((1-l)*u+l*e),g:Math.round((1-l)*c+l*r),b:Math.round((1-l)*p+l*o)}},Ma=a=>{let t=[a.r||0,a.g||0,a.b||0].map(function(e){return e/=255,e<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)});return t[0]*.2126+t[1]*.7152+t[2]*.0722},Hs=(a,t)=>{const e=Math.max(a,t),r=Math.min(a,t);return(e+.05)/(r+.05)},Va=(a,t)=>Hs(Ma(Na(a,t)),Ma(Na(t,{r:0,g:0,b:0,a:1}))),Jt=class extends s.Component{constructor(a){super(a),this._input=null,this.focus=()=>{this._input&&this._input.focus()},this.isInvalid=t=>{let e=!1;for(let r in t)t.hasOwnProperty(r)&&(e=e||!!t[r]);return e},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=t=>{this.setState({value:t.target.value}),this.valueDuringOnChange=t.target.value,this.props.onChange&&this.props.onChange.call(void 0,{syntheticEvent:t,nativeEvent:t.nativeEvent,value:t.target.value,target:this}),this.valueDuringOnChange=void 0},this.handleAutoFill=t=>{if(t.animationName==="autoFillStart"){let e=t.target.parentNode;e&&e.classList.contains("k-empty")&&e.classList.remove("k-empty")}},i.validatePackage(oe),this.state={value:this.props.defaultValue||Jt.defaultProps.defaultValue}}get _inputId(){return this.props.id}get element(){return this._input}get value(){return this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.props.value!==void 0?this.props.value:this.state.value}get name(){return this.props.name}get validity(){const a={badInput:this._input?this._input.validity.badInput:!1,patternMismatch:this._input?this._input.validity.patternMismatch:!1,rangeOverflow:this._input?this._input.validity.rangeOverflow:!1,rangeUnderflow:this._input?this._input.validity.rangeUnderflow:!1,stepMismatch:this._input?this._input.validity.stepMismatch:!1,tooLong:this._input?this._input.validity.tooLong:!1,typeMismatch:this._input?this._input.validity.typeMismatch:!1,valueMissing:this._input?this._input.validity.valueMissing:!1};return{...a,customError:this.props.validationMessage!==void 0,valid:this.props.valid!==void 0?this.props.valid:this._input?!this.isInvalid(a):!0}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:Jt.defaultProps.validityStyles}componentDidMount(){this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{className:a,label:t,labelClassName:e,id:r,validationMessage:o,defaultValue:l,valid:u,visited:c,touched:p,modified:d,ariaLabelledBy:b,ariaDescribedBy:f,validityStyles:g,style:x,ariaLabel:T,...O}=this.props,D=r||this._inputId,N=!this.validityStyles||this.validity.valid,w=i.classNames(a,"k-input k-input-md k-rounded-md k-input-solid"),P=s.createElement("input",{"aria-labelledby":b,"aria-describedby":f,"aria-disabled":this.props.disabled||void 0,"aria-invalid":!N||void 0,"aria-label":T||void 0,...O,style:t?void 0:x,value:this.value,id:D,className:w,onChange:this.handleChange,onAnimationStart:this.handleAutoFill,ref:F=>{this._input=F}});return t?s.createElement(Se.FloatingLabel,{label:t,labelClassName:e,editorId:D,editorValue:String(this.value),editorValid:N,editorDisabled:O.disabled,editorPlaceholder:O.placeholder,children:P,style:x,dir:O.dir}):P}};let Ge=Jt;Ge.displayName="Input",Ge.propTypes={label:n.string,labelClassName:n.string,validationMessage:n.string,required:n.bool,validate:n.bool,id:n.string,ariaLabelledBy:n.string,ariaDescribedBy:n.string,ariaLabel:n.string},Ge.defaultProps={defaultValue:"",required:!1,validityStyles:!0};const Ta=i.createPropsContext(),Qt=i.withIdHOC(i.withPropsContext(Ta,Ge));Qt.displayName="KendoReactInput";class $s extends s.Component{constructor(t){super(t),this.onChange=e=>{const r=e.target.value,o=we(r,"rgba");this.setState({hex:r}),ae(o)&&this.props.onHexChange(r,o,e)},this.onBlur=()=>{ae(we(this.state.hex,"rgba"))||this.setState({hex:this.state.originalHex})},this.state={hex:this.props.hex,originalHex:this.props.hex}}render(){return s.createElement(Qt,{value:this.state.hex,onChange:this.onChange,onBlur:this.onBlur,disabled:this.props.disabled})}static getDerivedStateFromProps(t,e){return t.hex!==e.originalHex?{hex:t.hex,originalHex:t.hex}:null}}const Ve=["rgba","rgb","hex"];class st extends s.Component{constructor(t){super(t),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:t.defaultInputMode||Ve[1]}}render(){const t=se.provideLocalizationService(this),e=t.toLanguageString(Me,$[fa]),r=t.toLanguageString(Me,$[Me]),o=t.toLanguageString(Me,$[ca]),l=t.toLanguageString(Me,$[ua]),u=t.toLanguageString(Me,$[da]),c=t.toLanguageString(Bt,$[Bt]);return s.createElement("div",{className:"k-colorgradient-inputs k-hstack"},s.createElement("div",{className:"k-vstack"},s.createElement(le.Button,{"aria-label":c,fillMode:"flat",icon:"caret-alt-expand",svgIcon:W.caretAltExpandIcon,className:"k-colorgradient-toggle-mode k-icon-button",onClick:this.onToggleModeChange.bind(this)})),this.state.inputMode==="hex"&&s.createElement("div",{className:"k-vstack k-flex-1"},s.createElement("span",{className:"k-hex-value k-textbox k-input"},s.createElement($s,{hex:this.props.hex,onHexChange:this.props.onHexChange,disabled:this.props.disabled})),s.createElement(Se.Label,{className:"k-colorgradient-input-label"},e)),(this.state.inputMode==="rgb"||this.state.inputMode==="rgba")&&s.createElement(s.Fragment,null,s.createElement("div",{className:"k-vstack"},s.createElement(Ie,{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}),s.createElement(Se.Label,{className:"k-colorgradient-input-label"},r)),s.createElement("div",{className:"k-vstack"},s.createElement(Ie,{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}),s.createElement(Se.Label,{className:"k-colorgradient-input-label"},o)),s.createElement("div",{className:"k-vstack"},s.createElement(Ie,{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}),s.createElement(Se.Label,{className:"k-colorgradient-input-label"},l))),this.state.inputMode==="rgba"&&s.createElement("div",{className:"k-vstack"},this.props.opacity&&s.createElement(Ie,{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&&s.createElement(Se.Label,{className:"k-colorgradient-input-label"},u)))}dispatchRgbaChange(t,e){let r={...this.props.rgba};t.r!==void 0&&(r.r=t.r),t.g!==void 0&&(r.g=t.g),t.b!==void 0&&(r.b=t.b),t.a!==void 0&&(r.a=t.a),this.props.onRgbaChange(r,e)}onToggleModeChange(){const t=Ve.length-1===Ve.indexOf(this.state.inputMode)?0:Ve.indexOf(this.state.inputMode)+1;if(this.props.opacity)this.setState({inputMode:Ve[t]});else{const e=Ve[t]==="rgba"?t+1:t;this.setState({inputMode:Ve[e]})}}}se.registerForIntl(st),se.registerForLocalization(st);const ea="data-slider-label",Gs=a=>{const t=s.useRef(null),e=i.useDir(t),r=a.vertical?{bottom:`${a.position}%`}:{[e==="rtl"?"right":"left"]:`${a.position}%`},o=a.vertical?"k-tick-vertical":"k-tick-horizontal";return s.createElement("li",{ref:t,className:`k-tick k-tick-large ${o}`,title:a.title,style:{zIndex:1,position:"absolute",...r}},a.children&&s.createElement("span",{[ea]:!0,className:"k-label",onClick:a.onClick},a.children))};class qe extends s.Component{constructor(t){super(t),this.state={value:this.props.defaultValue===void 0?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 r=this.state.dir==="rtl"?this.props.vertical?W.caretAltUpIcon:W.caretAltLeftIcon:this.props.vertical?W.caretAltUpIcon:W.caretAltRightIcon,o=this.state.dir==="rtl"?this.props.vertical?W.caretAltDownIcon:W.caretAltRightIcon:this.props.vertical?W.caretAltDownIcon:W.caretAltLeftIcon,l=this.state.dir==="rtl"?this.props.vertical?"caret-alt-up":"caret-alt-left":this.props.vertical?"caret-alt-up":"caret-alt-right",u=this.state.dir==="rtl"?this.props.vertical?"caret-alt-down":"caret-alt-right":this.props.vertical?"caret-alt-down":"caret-alt-left";return s.createElement(s.Fragment,null,s.createElement(le.Button,{className:"k-button-decrease",rounded:"full",icon:u,svgIcon:o,title:e.decrementTitle,onClick:e.decrement}),e.children,s.createElement(le.Button,{className:"k-button-increase",rounded:"full",icon:l,svgIcon:r,title:e.incrementTitle,onClick:e.increment}))},this.focus=()=>{this._element&&this._element.focus()},this.isLabel=e=>{let r=e;for(;r;){if(r.getAttribute(ea))return!0;r=r.parentElement}return!1},this.onFocus=()=>{this.setState({focused:!0})},this.onBlur=()=>{this.setState({focused:!1})},this.onKeyDown=e=>{let r;e.keyCode===i.Keys.left||e.keyCode===i.Keys.down?r=this.state.value-(this.props.step||0):e.keyCode===i.Keys.right||e.keyCode===i.Keys.up?r=this.state.value+(this.props.step||0):e.keyCode===i.Keys.home?r=this.props.min:e.keyCode===i.Keys.end&&(r=this.props.max),r!==void 0&&(e.preventDefault(),this.change(e,r))},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 r=e.element.getBoundingClientRect(),o=this.props.vertical?r.bottom-e.event.clientY:this.state.dir==="rtl"?r.right-e.event.clientX:e.event.clientX-r.left,l=this.props.vertical?r.height:r.width,u=o/l;this.change(e,this.props.min+u*(this.props.max-this.props.min))},i.validatePackage(oe)}static getDerivedStateFromProps(t,e){const r=t.value!==void 0?t.value:e.value,{min:o,max:l}=t;return r===void 0?null:{value:Math.min(Math.max(r,o),l)}}componentDidMount(){if(!this.state.dir&&window&&this._element){const t=window.getComputedStyle(this._element).direction;t&&this.setState({dir:t})}}render(){const t=se.provideLocalizationService(this),e=(this.state.value-this.props.min)/(this.props.max-this.props.min)*100,r=this.props.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},o=this.props.vertical?{paddingTop:0,height:"100%"}:{};return s.createElement("div",{ref:l=>this._element=l,dir:this.state.dir,id:this.props.id,style:{gap:0,...this.props.style},onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,className:i.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)},s.createElement(this.buttons,{enabled:this.props.buttons,decrement:this.decrement,increment:this.increment,incrementTitle:t.toLanguageString(It,$[It]),decrementTitle:t.toLanguageString(wt,$[wt])},s.createElement(i.Draggable,{onDrag:this.dragOver,onPress:this.dragStart},s.createElement("div",{className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...r}},this.props.children&&s.createElement("ul",{className:"k-reset k-slider-items",style:{margin:0,...o}},s.Children.map(this.props.children,l=>l&&s.cloneElement(l,{position:100*(l.props.position-this.props.min)/(this.props.max-this.props.min),vertical:this.props.vertical},l.props.children))),s.createElement("div",{className:"k-slider-track",style:this.props.vertical?{bottom:0,height:"100%"}:{[this.state.dir==="rtl"?"right":"left"]:0,width:"100%"},ref:l=>this._sliderTrack=l},s.createElement("div",{className:"k-slider-selection",style:this.props.vertical?{height:e+"%"}:{width:e+"%"}}),s.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:i.getTabIndex(this.props.tabIndex,this.props.disabled,void 0),className:"k-draghandle",title:t.toLanguageString(Ne,$[Ne]),style:this.props.vertical?{bottom:"calc("+e+"%)",zIndex:1}:this.state.dir==="rtl"?{right:"calc("+e+"% - 13px)",zIndex:1}:{left:"calc("+e+"%)",zIndex:1}}))))))}get sliderTrack(){return this._sliderTrack}change(t,e){e=Math.min(Math.max(e,this.props.min),this.props.max),this.setState({value:e}),i.dispatchEvent(this.props.onChange,t,this,{value:e})}}qe.displayName="Slider",qe.propTypes={min:n.number.isRequired,max:n.number.isRequired,value:n.number,vertical:n.bool,id:n.string,ariaLabelledBy:n.string,ariaDescribedBy:n.string,ariaLabel:n.string};const qs=i.createPropsContext(),rt=i.withPropsContext(qs,qe);rt.displayName="KendoReactSlider",se.registerForLocalization(qe);const Te={};function Ws(a,t,e){Te[a]={value:t,hsva:e}}function Us(a,t,e){Te[a]={value:t,rgba:e}}function js(a,t,e){Te[a]={value:t,hex:e}}function Rs(a){delete Te[a]}function Xs(a,t){if(a){const e=Te[a];return e&&e.value===t?e.hex:void 0}else return}function Ys(a,t){if(a){const e=Te[a];return e&&e.value===t?e.hsva:void 0}else return}function Zs(a,t){if(a){const e=Te[a];return e&&e.value===t?e.rgba:void 0}else return}class Da extends s.Component{render(){const t=se.provideLocalizationService(this),e=t.toLanguageString(Pt,$[Pt]),r=t.toLanguageString(Lt,$[Lt]),o=t.toLanguageString(Nt,$[Nt]),l=t.toLanguageString(Mt,$[Mt]),u=t.toLanguageString(Vt,$[Vt]),c=Va(this.props.rgba,this.props.bgColor),p=4.5.toFixed(1),d=7 .toFixed(1),b=`${e}: ${c.toFixed(2)}`,f=`${r}: ${p}`,g=`${o}: ${d}`,x=s.createElement("span",{className:"k-contrast-validation k-text-success"},l," ",s.createElement(i.IconWrap,{name:"check",icon:W.checkIcon})),T=s.createElement("span",{className:"k-contrast-validation k-text-error"},u," ",s.createElement(i.IconWrap,{name:"x",icon:W.xIcon}));return s.createElement("div",{className:"k-vbox k-colorgradient-color-contrast"},s.createElement("div",{className:"k-contrast-ratio"},s.createElement("span",{className:"k-contrast-ratio-text"},b),c>=4.5?s.createElement("span",{className:"k-contrast-validation k-text-success"},s.createElement(i.IconWrap,{name:"check",icon:W.checkIcon}),c>=7&&s.createElement(i.IconWrap,{name:"check",icon:W.checkIcon})):s.createElement("span",{className:"k-contrast-validation k-text-error"},s.createElement(i.IconWrap,{name:"x",icon:W.xIcon}))),s.createElement("div",null,s.createElement("span",null,f),c>=4.5?x:T),s.createElement("div",null,s.createElement("span",null,g),c>=7?x:T))}}se.registerForLocalization(Da);const nt=(a,t)=>a.length===0?"":`<path d="${a.reduce((r,o,l,u)=>l===0?`M ${o[0]},${o[1]}`:`${r} ${t(o,l,u)}`,"")}" fill="none" stroke="white" stroke-width="1"/>`,Js=(a,t)=>{const e=t[0]-a[0],r=t[1]-a[1];return{length:Math.sqrt(Math.pow(e,2)+Math.pow(r,2)),angle:Math.atan2(r,e)}},Qs=a=>(t,e,r,o)=>{const l=e||t,u=r||t,c=.1,p=a(l,u),d=p.angle+(o?Math.PI:0),b=p.length*c,f=t[0]+Math.cos(d)*b,g=t[1]+Math.sin(d)*b;return[f,g]},er=a=>(t,e,r)=>{const[o,l]=a(r[e-1],r[e-2],t),[u,c]=a(t,r[e-1],r[e+1],!0);return`C ${o},${l} ${u},${c} ${t[0]},${t[1]}`},Ba=4.5,Oa=7,it=16;class tr extends s.Component{renderSvgCurveLine(){const t=this.props.metrics,e=(l,u,c,p,d)=>{const b=(c+p)/2,f=Object.assign({},this.props.hsva,{s:u/t.width,v:1-b/t.height}),g=Va(Ae(Zt(f)),Ae(this.props.backgroundColor||""));return c+.5>p?g<l+1&&g>l-1?b:null:d(g,l)?e(l,u,c,p-(p-c)/2,d):e(l,u,c+(p-c)/2,p,d)},r=(l,u,c=!1)=>{const p=[];for(let d=0;d<=t.width;d+=t.width/u){const b=e(l,d,0,t.height,c?(f,g)=>f<g:(f,g)=>f>g);b!==null&&p.push([d,b])}return p},o=er(Qs(Js));return nt(r(Ba,it),o)+nt(r(Ba,it,!0),o)+nt(r(Oa,it),o)+nt(r(Oa,it,!0),o)}shouldComponentUpdate(t){return!(t.hsva.h===this.props.hsva.h&&t.hsva.a===this.props.hsva.a&&this.props.backgroundColor===t.backgroundColor)}render(){return s.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 ar="rgba",Fa="rgba(255, 255, 255, 1)",ta=class extends s.Component{constructor(a){super(a),this.wrapper=null,this.onHexChange=(e,r,o)=>{if(this.isUncontrolled){const l=Yt(r);this.setState({hsva:l,backgroundColor:at(l.h),rgba:Ae(r),hex:e})}else js(this.state.guid,r,e);this.dispatchChangeEvent(r,o,o.nativeEvent)},this.onRgbaChange=(e,r)=>{const o=Ks(e);if(this.isUncontrolled){const l=Yt(o),u=we(o,"hex");this.setState({hsva:l,backgroundColor:at(l.h),rgba:e,hex:u})}else Us(this.state.guid,o,e);this.dispatchChangeEvent(o,r.syntheticEvent,r.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 r=this.getGradientRectMetrics(),o=e.clientX-r.left,l=e.clientY-r.top,u=re(o,0,r.width),c=re(l,0,r.height),p=Object.assign({},this.state.hsva,{s:u/r.width,v:1-c/r.height});this.handleHsvaChange(p,e,e.nativeEvent)},this.onFocus=e=>{this.props.onFocus&&this.props.onFocus.call(void 0,{nativeEvent:e,target:this})},this.focus=()=>{i.focusFirstFocusableChild(this.wrapper)},i.validatePackage(oe);const t=a.value||a.defaultValue||we(Fa,ar);this.state=Object.assign({},ta.getStateFromValue(t),{isFirstRender:!0,guid:this.props.id})}static getDerivedStateFromProps(a,t){return a.value&&!t.isFirstRender?ta.getStateFromValue(a.value,t.guid):null}componentDidMount(){this.setAlphaSliderBackground(this.state.backgroundColor),this.state.isFirstRender&&this.setState({isFirstRender:!1})}componentWillUnmount(){Rs(this.state.guid)}componentDidUpdate(a,t){t.backgroundColor!==this.state.backgroundColor&&this.setAlphaSliderBackground(this.state.backgroundColor)}renderRectangleDragHandle(){let a={};if(!this.state.isFirstRender){const t=this.getGradientRectMetrics(),e=(1-this.state.hsva.v)*t.height,r=this.state.hsva.s*t.width;a.top=`${e}px`,a.left=`${r}px`}return s.createElement("div",{role:"slider",tabIndex:i.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:a})}handleHsvaChange(a,t,e){const r=Zt(a);if(this.isUncontrolled){const o=we(r,"hex");this.setState({hsva:a,backgroundColor:at(a.h),rgba:Ae(r),hex:o})}else Ws(this.state.guid,r,a);this.dispatchChangeEvent(r,t,e)}dispatchChangeEvent(a,t,e){this.props.onChange&&this.props.onChange.call(void 0,{syntheticEvent:t,nativeEvent:e,target:this,value:a})}static getStateFromValue(a,t){ae(we(a,"hex"))||(a=Fa);const e=Ys(t,a)||Yt(a),r=Zs(t,a)||Ae(a),o=Xs(t,a)||we(a,"hex"),l=at(e.h);return{hsva:e,backgroundColor:l,rgba:r,hex:o}}setAlphaSliderBackground(a){this.props.opacity&&this.alphaSlider&&this.alphaSlider.sliderTrack&&(this.alphaSlider.sliderTrack.style.background=`linear-gradient(to top, transparent, ${a})`)}get isUncontrolled(){return this.props.value===void 0}getGradientRectMetrics(){return this.gradientWrapper.getBoundingClientRect()}render(){const a=se.provideLocalizationService(this),t=i.classNames("k-colorgradient",{"k-disabled":this.props.disabled},this.props.className);return s.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:i.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},s.createElement("div",{className:"k-colorgradient-canvas k-hstack"},s.createElement("div",{className:"k-hsv-rectangle",style:{background:this.state.backgroundColor}},s.createElement(i.Draggable,{onDrag:this.onDrag,onRelease:this.onRelease,ref:e=>this.gradientWrapper=e?e.element:void 0},s.createElement("div",{className:"k-hsv-gradient",style:{touchAction:"none"},onClick:this.onGradientWrapperClick},this.renderRectangleDragHandle())),this.props.backgroundColor&&!this.state.isFirstRender&&s.createElement(tr,{metrics:this.gradientWrapper?this.getGradientRectMetrics():void 0,hsva:this.state.hsva,backgroundColor:this.props.backgroundColor})),s.createElement("div",{className:"k-hsv-controls k-hstack"},s.createElement(rt,{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:a.toLanguageString(Tt,$[Tt])}),this.props.opacity&&s.createElement(rt,{value:ae(this.state.hsva.a)?this.state.hsva.a*100:100,buttons:!1,vertical:!0,min:0,max:100,step:1,ariaLabel:a.toLanguageString(Dt,$[Dt]),onChange:this.onAlphaSliderChange,className:"k-alpha-slider k-colorgradient-slider",disabled:this.props.disabled,ref:e=>this.alphaSlider=e}))),s.createElement(st,{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&&s.createElement(Da,{bgColor:Ae(this.props.backgroundColor),rgba:this.state.rgba}))}};let We=ta;We.displayName="ColorGradient",We.propTypes={defaultValue:n.string,value:n.string,onChange:n.func,onFocus:n.func,opacity:n.bool,backgroundColor:n.string,format:n.any,disabled:n.bool,style:n.any,id:n.string,role:n.string,ariaLabel:n.string,ariaLabelledBy:n.string,ariaDescribedBy:n.string,className:n.string},We.defaultProps={opacity:!0,role:"textbox",format:"rgb"};const za=i.createPropsContext(),lt=i.withIdHOC(i.withPropsContext(za,We));lt.displayName="KendoReactColorGradient";class sr{constructor(){this.colorRows=[]}setColorMatrix(t,e){if(this.colorRows=[],!!(ae(t)&&t.length)){e=e||t.length;for(let r=0;r<t.length;r+=e){const o=t.slice(r,e+r);this.colorRows.push(o)}}}getCellCoordsFor(t){if(!ae(t))return;const e=t&&Oe.parseColor(t,!0),r=[t];ae(e)&&r.push(e.toCss(),e.toCssRgba());for(let o=0;o<this.colorRows.length;o++)for(let l=0;l<this.colorRows[o].length;l++)if(r.some(u=>u===this.colorRows[o][l]))return{row:o,col:l}}getColorAt(t){if(ae(t)&&ae(this.colorRows[t.row]))return this.colorRows[t.row][t.col]}getNextCell(t,e,r){if(!(ae(t)&&ae(t.row)&&ae(t.col)))return{row:0,col:0};const o=this.clampIndex(t.row+r,this.colorRows.length-1),l=this.clampIndex(t.col+e,this.colorRows[o].length-1);return{row:o,col:l}}clampIndex(t,e){return t<0?0:t>e?e:t}}const _a={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}},Aa=24,Ka=10,Ha="office";class Ue extends s.Component{constructor(t){super(t),this.wrapper=null,this.paletteService=null,this.focus=()=>{this.wrapper&&this.wrapper.focus()},this.onKeyDown=e=>{switch(e.keyCode){case i.Keys.down:this.handleCellNavigation(0,1);break;case i.Keys.up:this.handleCellNavigation(0,-1);break;case i.Keys.right:this.handleCellNavigation(1,0);break;case i.Keys.left:this.handleCellNavigation(-1,0);break;case i.Keys.enter:this.handleEnter(e);break;default:return}e.preventDefault()},this.onColorClick=(e,r)=>{this.isUncontrolled?this.setState({selectedColor:e,focusedColor:e}):this.setState({focusedColor:e}),this.dispatchChangeEvent(e,r)},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})},i.validatePackage(oe),this.state={selectedColor:this.props.value!==void 0?this.props.value:this.props.defaultValue,isFirstRender:!0}}get guid(){return this.props.id}render(){const t=this.getPaletteInfo(),e=this.paletteService=new sr;e.setColorMatrix(t.colors,t.columns);const r=e.getCellCoordsFor(this.state.selectedColor),o=e.getCellCoordsFor(this.state.focusedColor),l=i.classNames("k-colorpalette",{"k-disabled":this.props.disabled},this.props.className);return t.colors.length?s.createElement("div",{id:this.props.id,role:"grid",className:l,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:i.getTabIndex(this.props.tabIndex,this.props.disabled),ref:u=>this.wrapper=u},s.createElement("table",{className:"k-colorpalette-table",role:"presentation"},s.createElement("tbody",{role:"rowgroup"},this.renderRows(e.colorRows,r,o)))):""}static getDerivedStateFromProps(t,e){if(!e.isFirstRender&&t.value!==void 0){if(t.value===""&&e.selectedColor!==void 0)return{selectedColor:void 0};if(t.value!==""&&t.value!==e.selectedColor)return{selectedColor:t.value}}else if(e.isFirstRender)return{isFirstRender:!1};return null}handleCellNavigation(t,e){if(this.paletteService)if(this.focusedColorCooridanates){const r=this.paletteService.getNextCell(this.focusedColorCooridanates,t,e);this.setState({focusedColor:this.paletteService.getColorAt(r)})}else this.setState({focusedColor:this.paletteService.colorRows[0][0]})}handleEnter(t){this.isUncontrolled&&this.setState({selectedColor:this.state.focusedColor}),this.dispatchChangeEvent(this.state.focusedColor,t)}dispatchChangeEvent(t,e){i.dispatchEvent(this.props.onChange,e,this,{value:t,rgbaValue:we(t,"rgba")})}get focusedColorCooridanates(){return this.state.focusedColor&&this.paletteService?this.paletteService.getCellCoordsFor(this.state.focusedColor):void 0}get isUncontrolled(){return this.props.value===void 0}getPaletteInfo(){if(typeof this.props.palette=="string"){const t=_a[this.props.palette];return ae(t)?{colors:t.colors,columns:this.props.columns||t.columns||Ka}:{colors:[],columns:0}}else return{colors:this.props.palette||[],columns:this.props.columns||Ka}}renderRows(t,e,r){return t.map((o,l)=>s.createElement("tr",{role:"row",key:l},this.renderColumns(o,l,e,r)))}renderColumns(t,e,r,o){const l=r!==void 0&&r.row===e,u=r&&r.col,c=o!==void 0&&o.row===e,p=o&&o.col,d=typeof this.props.tileSize!="number"?this.props.tileSize:{width:this.props.tileSize,height:this.props.tileSize},b=d.width+"px",f=d.height+"px";return t.map((g,x)=>{const T=l&&u===x,O=i.classNames("k-colorpalette-tile",{"k-selected":T,"k-focus":c&&p===x});return s.createElement("td",{role:"gridcell",className:O,"aria-label":g,"aria-selected":T?!0:this.props.disabled?void 0:!1,style:{backgroundColor:g,width:b,height:f,minWidth:b},onClick:D=>this.onColorClick(g,D),id:this.createCellId({row:e,col:x}),key:x})})}createCellId(t){return`${this.guid}_${t.row}_${t.col}`}}Ue.displayName="ColorPalette",Ue.propTypes={palette:n.oneOfType([n.arrayOf(n.string.isRequired),n.string]),columns:n.number,tileSize:n.any,defaultValue:n.string,value:n.string,disabled:n.bool,tabIndex:n.number,onChange:n.func,onFocus:n.func,id:n.string,ariaLabelledBy:n.string,ariaDescribedBy:n.string,className:n.string},Ue.defaultProps={palette:Ha,tileSize:Aa};const $a=i.createPropsContext(),ot=i.withIdHOC(i.withPropsContext($a,Ue));ot.displayName="KendoReactColorPalette";const rr="bottom",nr="top",Ga=a=>{const t=a.popupSettings||{},e=a.dir==="rtl"?"right":"left",r=s.useMemo(()=>({horizontal:e,vertical:rr}),[e]),o=s.useMemo(()=>({horizontal:e,vertical:nr}),[e]);return s.createElement(s.Fragment,null,a.input,a.button,s.createElement(Ss.Popup,{style:{...(t||{}).style,direction:a.dir},...t,anchor:a.popupAnchor,anchorAlign:r,popupAlign:o,show:a.open,onOpen:a.onOpen,onClose:a.onClose,className:i.classNames("k-reset",t.className)},a.content))};Ga.displayName="KendoPickerComponent";const ir={opacity:!0},lr={palette:Ha,tileSize:Aa},aa=a=>a!==void 0,qa=i.createPropsContext(),ct=s.forwardRef((a,t)=>{i.validatePackage(oe);const e=i.usePropsContext(qa,a),r=se.useLocalization(),{size:o=ut.size,rounded:l=ut.rounded,fillMode:u=ut.fillMode,popupSettings:c,gradientSettings:p,paletteSettings:d,valid:b,disabled:f,tabIndex:g,view:x,icon:T,svgIcon:O,iconClassName:D,onChange:N,onFocus:w,onBlur:P,onActiveColorClick:F,className:z}=e,L=s.useRef(null),_=s.useRef(null),K=s.useRef(null),A=s.useRef(),I=s.useRef(null),[V,G]=s.useState(!1),[j,J]=s.useState(e.defaultValue),[h,k]=s.useState(!1),v=aa(e.value),C=aa(e.open),E=v?e.value:j,B=C?e.open:h,X=s.useCallback(()=>{L.current&&L.current.focus()},[]);s.useImperativeHandle(t,()=>({element:L.current,actionElement:I.current,value:E,focus:X}),[E,X]);const Q=s.useCallback((H,me)=>{C||(!H&&!me&&L&&L.current&&L.current.focus(),k(H))},[C]),M=s.useCallback(H=>{const{altKey:me,keyCode:ge}=H;if(ge===i.Keys.esc){Q(!1);return}if(ge===i.Keys.enter&&!C){H.preventDefault(),H.stopPropagation(),Q(!B);return}me&&(ge===i.Keys.up||ge===i.Keys.down)&&(H.preventDefault(),H.stopPropagation(),ge===i.Keys.up&&L&&L.current&&(L.current.focus(),Q(!1)),ge===i.Keys.down&&Q(!0))},[B,C]),y=s.useCallback(()=>{C||(_.current?_.current.focus():K.current&&K.current.focus())},[C]),Y=s.useCallback(()=>{Q(!B,!0)},[B]),q=s.useCallback(H=>{F&&F.call(void 0,{syntheticEvent:H,nativeEvent:H.nativeEvent,value:E})},[F,E]),ee=s.useCallback(H=>{A.current?(clearTimeout(A.current),A.current=void 0):G(!0),w&&w.call(void 0,{nativeEvent:H.nativeEvent,syntheticEvent:H})},[w]),ue=s.useCallback(()=>{Q(!1,!0),G(!1),A.current=void 0},[]),ke=s.useCallback(H=>{clearTimeout(A.current),A.current=window.setTimeout(ue),P&&P.call(void 0,{nativeEvent:H.nativeEvent,syntheticEvent:H})},[P]),de=s.useCallback((H,me)=>{const ge=me?H.rgbaValue:H.value;v||J(ge),me&&Q(!1),N&&N.call(void 0,{value:ge,nativeEvent:H.nativeEvent,syntheticEvent:H.syntheticEvent})},[v,N]),fe=s.useCallback(H=>de(H,!0),[aa,de]),pe=i.useDir(L,e.dir),Ke=b!==!1;return s.createElement("span",{id:e.id,role:"combobox","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-haspopup":"dialog","aria-expanded":B,"aria-disabled":f?"true":void 0,className:i.classNames("k-colorpicker","k-picker","k-icon-picker",{[`k-picker-${i.kendoThemeMaps.sizeMap[o]||o}`]:o,[`k-picker-${u}`]:u,[`k-rounded-${i.kendoThemeMaps.roundedMap[l]||l}`]:l,"k-invalid":!Ke,"k-disabled":f,"k-focus":V,className:z}),ref:L,tabIndex:i.getTabIndex(g,f),title:e.title,onKeyDown:M,onFocus:ee,onBlur:ke,dir:pe},s.createElement(Ga,{dir:pe,open:B,onOpen:y,popupAnchor:L.current||void 0,popupSettings:{...c},input:s.createElement("span",{onClick:q,className:"k-input-inner"},s.createElement("span",{className:i.classNames("k-value-icon","k-color-preview",{"k-no-color":!E,"k-icon-color-preview":T||O||D})},D&&s.createElement("span",{className:i.classNames("k-color-preview-icon",D)}),!D&&(T||O)&&s.createElement(i.IconWrap,{name:T,icon:O}),s.createElement("span",{className:"k-color-preview-mask",style:{backgroundColor:E}}))),button:s.createElement(le.Button,{tabIndex:-1,type:"button",onClick:Y,className:"k-input-button",rounded:null,icon:"caret-alt-down",svgIcon:W.caretAltDownIcon,"aria-label":r.toLanguageString(At,$[At])}),content:s.createElement(s.Fragment,null,(x==="combo"||x==="gradient")&&s.createElement(lt,{...p,tabIndex:0,ref:_,value:E,onChange:de}),(x==="combo"||x==="palette")&&s.createElement(ot,{...d,ref:K,value:E,onChange:fe}))}))});ct.propTypes={value:n.string,defaultValue:n.string,disabled:n.bool,view:n.oneOf(["gradient","palette","combo"]),dir:n.string,id:n.string,icon:n.string,svgIcon:i.svgIconPropType,ariaLabelledBy:n.string,ariaDescribedBy:n.string,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),fillMode:n.oneOf([null,"solid","flat","outline"]),className:n.string};const ut={size:"medium",rounded:"medium",fillMode:"solid",view:"palette",gradientSettings:ir,paletteSettings:lr};ct.defaultProps=ut,ct.displayName="KendoColorPicker";const Wa="rgba(255, 255, 255, 1)",sa=s.forwardRef((a,t)=>{i.validatePackage(oe);const e=s.useRef(null),r=s.useRef(null),o=s.useRef(null),{defaultValue:l=Wa,showButtons:u=!0,showPreview:c=!0,showClearButton:p=!0}=a,[d,b]=s.useState((a.view||"ColorGradient")==="ColorGradient"),[f,g]=s.useState(a.value||l),[x,T]=s.useState(a.value||l),O=a.value!==void 0?a.value:x;s.useEffect(()=>{g(a.value||l)},[a.value,l]);const D=se.useLocalization(),N=s.useCallback(()=>{e.current&&e.current.focus()},[e]);s.useImperativeHandle(e,()=>({element:r.current,focus:N,props:a,value:O}),[O,N,a]),s.useImperativeHandle(t,()=>e.current);const w=s.useCallback(I=>{(I==="ColorGradient"&&!d||I==="ColorPalette"&&d)&&b(!d)},[d]),P=s.useCallback(I=>{if(g(l),a.onPreviewChange){const V={value:l,nativeEvent:I.nativeEvent,syntheticEvent:I};a.onPreviewChange.call(void 0,V)}},[l,a.onPreviewChange]),F=s.useCallback(I=>{if(g(I.value),a.onPreviewChange){const V={value:I.value,nativeEvent:I.nativeEvent,syntheticEvent:I.syntheticEvent};a.onPreviewChange.call(void 0,V)}},[a.onPreviewChange]),z=s.useCallback(I=>{if(T(f),a.onChange){const V={value:f,nativeEvent:I.nativeEvent,syntheticEvent:I};a.onChange.call(void 0,V)}},[f,a.onChange]),L=s.useCallback(()=>{T(Wa)},[]),_=s.useCallback(I=>{if(g(x),a.onPreviewChange){const V={value:x,nativeEvent:I.nativeEvent,syntheticEvent:I};a.onPreviewChange.call(void 0,V)}},[x,a.onPreviewChange]),K=s.useCallback(I=>{r.current&&!(I.nativeEvent.target instanceof HTMLInputElement)&&r.current.focus()},[r]),A=s.useCallback(I=>{var G;if((!I.relatedTarget||!((G=r.current)!=null&&G.contains(I.relatedTarget)))&&(u||T(f),!u&&a.onChange)){const j={value:f,nativeEvent:I.nativeEvent,syntheticEvent:I};a.onChange.call(void 0,j)}},[f,u,a.onChange]);return s.createElement("div",{id:a.id,role:"textbox","aria-label":a.ariaLabel,"aria-labelledby":a.ariaLabelledBy,"aria-disabled":a.disabled?"true":void 0,style:a.style,ref:r,tabIndex:i.getTabIndex(a.tabIndex,a.disabled),className:i.classNames("k-flatcolorpicker k-coloreditor",{"k-disabled":a.disabled},a.className),onBlur:A},s.createElement(s.Fragment,null,a.header||s.createElement("div",{className:"k-coloreditor-header k-hstack"},s.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},s.createElement(le.ButtonGroup,{className:"k-button-group-flat"},s.createElement(le.Button,{type:"button","aria-label":D.toLanguageString(Ot,$[Ot]),togglable:!0,fillMode:"flat",selected:d,onClick:()=>w("ColorGradient"),icon:"droplet-slider",svgIcon:W.dropletSliderIcon}),s.createElement(le.Button,{type:"button","aria-label":D.toLanguageString(Ft,$[Ft]),togglable:!0,fillMode:"flat",selected:!d,onClick:()=>w("ColorPalette"),icon:"palette",svgIcon:W.paletteIcon}))),s.createElement("div",{className:"k-spacer"}),s.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},p&&s.createElement(le.Button,{type:"button",fillMode:"flat",onClick:P,"aria-label":D.toLanguageString(zt,$[zt]),icon:"droplet-slash",svgIcon:W.dropletSlashIcon}),c&&s.createElement("div",{className:"k-coloreditor-preview k-vstack"},s.createElement("span",{className:"k-coloreditor-preview-color k-color-preview",style:{background:f}}),s.createElement("span",{className:"k-coloreditor-current-color k-color-preview",style:{background:x},onClick:_})))),s.createElement("div",{className:"k-coloreditor-views k-vstack"},d?s.createElement(lt,{ref:o,role:"none",tabIndex:-1,ariaLabel:void 0,value:f,onChange:F,onFocus:K,opacity:a.opacity,format:a.format}):s.createElement(ot,{ariaDisabled:!0,ariaLabelledBy:"required_label",value:f,onChange:F,onFocus:K})),u&&s.createElement("div",{className:"k-coloreditor-footer k-actions k-actions-end"},s.createElement(le.Button,{type:"button",className:"k-coloreditor-cancel",onClick:L},$[ha]),s.createElement(le.Button,{type:"button",className:"k-coloreditor-apply k-primary",onClick:z},$[pa]))))}),or={id:n.string,style:n.any,className:n.string,value:n.string,defaultValue:n.string,onPreviewChange:n.func,onChange:n.func,opacity:n.bool,format:n.any,tabIndex:n.number,ariaLabel:n.string,ariaLabelledBy:n.string,disabled:n.bool,view:n.any,header:n.any,showClearButton:n.bool,showPreview:n.bool,showButtons:n.bool};sa.displayName="KendoFlatColorPicker",sa.propTypes=or;var Pe=(a=>(a[a.Literal=0]="Literal",a[a.Mask=1]="Mask",a[a.Undefined=2]="Undefined",a))(Pe||{});class Z{constructor(t,e,r=2){this.value=t,this.rest=e,this.type=r}map(t){return new Z(t(this.value),this.rest)}chain(t){return t(this.value,this.rest)}fold(t,e){return t(this.value,this.rest)}concat(t){return this.map((e,r)=>t.chain((o,l)=>e.concat([o])))}toString(){return`Result({ value: '${this.value}', rest: ${this.rest} })`}}class Ua{constructor(t=[],e=[]){this.input=t,this.control=e,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 ja=a=>(a||"").split(""),cr="\\";class ve{constructor(t){this.parse=t}run(t,e=""){return t instanceof Ua?this.parse(t):this.parse(new Ua(ja(t),ja(e)))}map(t){return new ve(e=>this.parse(e).map(t))}chain(t){return new ve(e=>this.parse(e).chain((r,o)=>t(r).run(o)))}isLiteral(t){return this.run(t).type===Pe.Literal}}const ur=a=>t=>new ve(e=>{const{prompt:r,promptPlaceholder:o}=a;for(;!e.eof();){const{char:l,control:u}=e.peek();if(l===u&&u===r)return e.eat(),new Z(r,e,Pe.Mask);if(t.test(l))return e.eat(),new Z(l,e,Pe.Mask);if(l===o)return e.eat(),new Z(r,e,Pe.Mask);e.eat_input()}return e.eat(),new Z(r,e,Pe.Mask)}),dr=a=>new ve(t=>t.peek().char===a?(t.eat(),new Z(a,t,Pe.Literal)):new Z(a,t,Pe.Literal)),fr=a=>t=>new ve(e=>{for(;!e.eof();){const{char:r,control:o}=e.peek();if(r===a&&o===a)return e.eat(),new Z(r,e);if(t.test(r))return e.eat(),new Z(r,e);e.eat_input()}return e.eat(),new Z("",e)}),hr=a=>new ve(t=>{if(t.eof())return new Z("",t);const{char:e}=t.peek();return e===a&&t.eat(),new Z(a,t)}),dt=(a,t)=>new ve(e=>{let{char:r}=e.next();const o=a[r];return r===cr?(r=e.next().char,new Z(t.literal(r),e)):o?new Z(t.mask(o),e):new Z(t.literal(r),e)}),Ra=a=>new ve(t=>{const{prompt:e,promptPlaceholder:r}=a;let{char:o}=t.next();return o===e?new Z(r,t):new Z(o,t)}),Xa=a=>new ve(t=>{let{char:e}=t.next();return a?new Z(e,t):new Z("",t)}),pr=a=>new ve(t=>new Z(a,t)),gr=(a,t)=>a.chain(e=>t.map(r=>e.concat([r]))),De=a=>a.reduce((t,e)=>gr(t,e),pr([])),ft=a=>new ve(t=>{let e=new Z([],t);for(;!t.eof();)e=e.concat(a.run(t));return e});class br{constructor(){this.rules={},this.prompt="_",this.mask="",this.promptPlaceholder=" ",this.includeLiterals=!1,this.maskTokens=[],this.unmaskTokens=[],this.rawTokens=[],this.validationTokens=[]}update({mask:t="",prompt:e="",promptPlaceholder:r=" ",rules:o={},includeLiterals:l=!1}){this.mask=t,this.prompt=e,this.promptPlaceholder=r,this.rules=o,this.includeLiterals=l,this.tokenize()}validationValue(t=""){let e=t;return De(this.validationTokens).run(t).fold(r=>{e=r.join("")}),e}rawValue(t=""){let e=t;return this.rawTokens.length&&De(this.rawTokens).run(t).fold(r=>{e=r.join("")}),e}maskRaw(t=""){let e=t;return this.maskTokens.length&&De(this.maskTokens).run(t).fold(r=>{e=r.join("")}),e}maskInput(t,e,r){return t.length<e.length?this.maskRemoved(t,e,r):this.maskInserted(t,e,r)}maskInRange(t,e,r,o){let l="",u=o;const c=e.split("").slice(0,r),p=e.split("").slice(o);return De(this.maskTokens.slice(r,o)).run(t).fold(d=>{l=c.concat(d).concat(p).join("")}),{selection:u,value:l}}maskRemoved(t,e,r){let o="",l=r;const u=t.split("").slice(r),c=t.split("").slice(0,r).join(""),p=this.maskTokens.length-(t.length-r);return De(this.maskTokens.slice(0,p)).run(c,e).fold(d=>{l=this.adjustPosition(d,l),o=d.concat(u).join("")}),{selection:l,value:o}}adjustPosition(t,e){const r=t[e];return!this.maskTokens[e].isLiteral(r)&&r!==this.prompt?e+1:e}maskInserted(t,e,r){let o="",l=r;const u=t.slice(0,r);return De(this.unmaskTokens).run(u,e).chain(c=>{l=c.join("").length;const p=e.slice(l);return De(this.maskTokens).run(c.join("")+p,e)}).fold(c=>{o=c.join("")}),{selection:l,value:o}}get maskTokenCreator(){const{prompt:t,promptPlaceholder:e}=this;return{literal:r=>dr(r),mask:r=>ur({prompt:t,promptPlaceholder:e})(r)}}get unmaskTokenCreator(){return{literal:t=>hr(t),mask:t=>fr(this.prompt)(t)}}get rawTokenCreator(){const{prompt:t,promptPlaceholder:e,includeLiterals:r}=this;return{literal:o=>Xa(r),mask:o=>Ra({prompt:t,promptPlaceholder:e})}}get validationTokenCreator(){const{prompt:t}=this;return{literal:e=>Xa(!1),mask:e=>Ra({prompt:t,promptPlaceholder:""})}}tokenize(){ft(dt(this.rules,this.maskTokenCreator)).run(this.mask).fold((t,e)=>{this.maskTokens=t}),ft(dt(this.rules,this.unmaskTokenCreator)).run(this.mask).fold((t,e)=>{this.unmaskTokens=t}),ft(dt(this.rules,this.rawTokenCreator)).run(this.mask).fold((t,e)=>{this.rawTokens=t}),ft(dt(this.rules,this.validationTokenCreator)).run(this.mask).fold((t,e)=>{this.validationTokens=t})}}const Ya={"#":/[\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]/},Za=()=>!1,Ja=(a,t)=>a.includeLiterals!==t.includeLiterals||a.mask!==t.mask||a.prompt!==t.prompt||a.promptPlaceholder!==t.promptPlaceholder||!vr(a.rules,t.rules),vr=(a,t)=>{if(!!a!=!!t)return!1;if(a===t||!a||!t)return!0;let e=!0;for(const r in a)if(a[r]!==t[r]){e=!1;break}if(e){for(const r in t)if(!a.hasOwnProperty(r)){e=!1;break}}return e},Le=class extends s.Component{constructor(a){super(a),this.state={},this._inputId=`k-${this.props.id}`,this._service=new br,this._isPasted=!1,this._selection=[null,null],this._input=null,this.focus=()=>{this._input&&this._input.focus()},this.pasteHandler=t=>{const{selectionStart:e,selectionEnd:r}=t.target;r!==e&&(this._isPasted=!0,this._selection=[e||0,r||0])},this.onChangeHandler=t=>{const e=t.currentTarget,r=e.value,o=this._selection[0]||0,l=this._selection[1]||0;if(!this.props.mask){this._isPasted=!1,this._selection=[null,null],this.triggerOnChange(r,t);return}const u=this.value;let c;if(this._isPasted){this._isPasted=!1;const p=u.length-l,d=r.length-p;c=this._service.maskInRange(r.slice(o,d),u,o,l)}else c=this._service.maskInput(r,u,e.selectionStart||0);this._selection=[c.selection,c.selection],this.triggerOnChange(c.value,t)},this.focusHandler=t=>{this.state.focused||(this.setState({focused:!0}),this.props.onFocus&&this.props.onFocus.call(void 0,{target:this,syntheticEvent:t,nativeEvent:t.nativeEvent}))},this.blurHandler=t=>{this.state.focused&&(this.setState({focused:!1}),this.props.onBlur&&this.props.onBlur.call(void 0,{target:this,syntheticEvent:t,nativeEvent:t.nativeEvent}))},this.setValidity=()=>{this.element&&this.element.setCustomValidity(this.validity.valid?"":this.props.validationMessage||"")},i.validatePackage(oe)}get element(){return this._input}get value(){return this._valueDuringOnChange!==void 0?this._valueDuringOnChange:this.props.value!==void 0?this.props.value:this.state.value!==void 0?this.state.value:this.props.defaultValue!==void 0?this.props.defaultValue:""}get rawValue(){return this._service.rawValue(this.value)}get validity(){const a=this.value,t=this._service.validationValue(a),e=this.props.validationMessage!==void 0,r=this.props.valid!==void 0?this.props.valid:(!this.required||!!t)&&(!this.props.maskValidation||!this.props.prompt||a.indexOf(this.props.prompt)===-1);return{customError:e,valid:r,valueMissing:!t}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:Le.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:Le.defaultProps.required}get name(){return this.props.name}componentDidUpdate(a,t){if(this.element&&this.state.focused&&t.focused){let[e,r]=this._selection;const o=a.selection,l=this.props.selection;(!o&&l||o&&l&&(o.start!==l.start||o.end!==l.end))&&(e=l.start,r=l.end),e!==null&&r!==null&&this.element.setSelectionRange(e,r)}Ja(a,this.props)&&this.updateService(),this.setValidity()}componentDidMount(){this.updateService(),this.setValidity()}render(){const{size:a=Le.defaultProps.size,fillMode:t=Le.defaultProps.fillMode,rounded:e=Le.defaultProps.rounded}=this.props,r=this.props.id||this._inputId,o=!this.validityStyles||this.validity.valid,l=this.props.style||{},{prefix:u=Le.defaultProps.prefix,suffix:c=Le.defaultProps.suffix}=this.props,[p]=i.useCustomComponent(u),[d]=i.useCustomComponent(c),b=s.createElement("span",{dir:this.props.dir,className:i.classNames("k-maskedtextbox k-input",{[`k-input-${i.kendoThemeMaps.sizeMap[a]||a}`]:a,[`k-input-${t}`]:t,[`k-rounded-${i.kendoThemeMaps.roundedMap[e]||e}`]:e,"k-invalid":!o,"k-required":this.required,"k-disabled":this.props.disabled},this.props.className),style:this.props.label?l:{width:this.props.width,...l}},s.createElement(p,null),s.createElement("input",{type:"text",autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:!1,className:"k-input-inner",value:this.value,id:r,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-placeholder":this.props.mask,name:this.props.name,tabIndex:i.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:f=>this._input=f,onChange:this.onChangeHandler,onPaste:this.pasteHandler,onFocus:this.focusHandler,onBlur:this.blurHandler,onDragStart:Za,onDrop:Za}),s.createElement(d,null));return this.props.label?s.createElement(Se.FloatingLabel,{label:this.props.label,editorId:r,editorValue:this.value,editorValid:o,editorDisabled:this.props.disabled,editorPlaceholder:this.props.placeholder,children:b,style:{width:this.props.width},dir:this.props.dir}):b}triggerOnChange(a,t){if(this.setState({value:a}),this.props.onChange){this._valueDuringOnChange=a;const e={syntheticEvent:t,nativeEvent:t.nativeEvent,selectionStart:this._selection[0],selectionEnd:this._selection[1],target:this,value:this.value};this.props.onChange.call(void 0,e),this._valueDuringOnChange=void 0}}updateService(a){const t=Object.assign({includeLiterals:this.props.includeLiterals,mask:this.props.mask,prompt:this.props.prompt,promptPlaceholder:this.props.promptPlaceholder,rules:this.rules},a);this._service.update(t)}get rules(){return Object.assign({},Ya,this.props.rules)}};let je=Le;je.displayName="MaskedTextBox",je.propTypes={value:n.string,defaultValue:n.string,placeholder:n.string,title:n.string,dir:n.string,id:n.string,style:n.object,className:n.string,prefix:n.any,suffix:n.any,ariaLabelledBy:n.string,ariaDescribedBy:n.string,width:n.oneOfType([n.string,n.number]),tabIndex:n.number,accessKey:n.string,disabled:n.bool,readonly:n.bool,prompt:n.string,promptPlaceholder:n.string,includeLiterals:n.bool,maskValidation:n.bool,mask:n.string,rules:function(a,t,e){const r=a.rules;return r!==void 0&&!Object.entries(r).some(l=>typeof l!="string"||!(r[l]instanceof RegExp))?new Error("Invalid prop `"+t+"` supplied to `"+e+"`. Validation failed."):null},selection:n.shape({start:n.number.isRequired,end:n.number.isRequired}),name:n.string,label:n.string,validationMessage:n.string,required:n.bool,valid:n.bool,validityStyles:n.bool,onChange:n.func,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),fillMode:n.oneOf([null,"solid","flat","outline"])},je.defaultProps={prompt:"_",promptPlaceholder:" ",includeLiterals:!1,maskValidation:!0,rules:Ya,required:!1,validityStyles:!0,prefix:a=>null,suffix:a=>null,size:"medium",rounded:"medium",fillMode:"solid"};const mr=i.createPropsContext(),Qa=i.withIdHOC(i.withPropsContext(mr,je));Qa.displayName="KendoReactMaskedTextBox";var U=(a=>(a.start="start",a.end="end",a.min="min",a.max="max",a.increase="increase",a.decrease="decrease",a))(U||{});const es=(a,t)=>{let e,r;switch(t.type){case"start":if(t.payload===void 0)return a;e={start:t.payload>a.end?a.end:Math.max(t.payload,t.min),end:a.end};break;case"end":if(t.payload===void 0)return a;e={start:a.start,end:t.payload<a.start?a.start:Math.min(t.payload,t.max)};break;case"min":t.key==="start"?e={...a,start:t.min}:e={...a,end:Math.max(t.min,a.start)};break;case"max":t.key==="start"?e={...a,start:Math.min(t.max,a.end)}:e={...a,end:t.max};break;case"increase":if(t.step===void 0||t.key===void 0)return a;r=a[t.key]+t.step,t.key==="start"?r<t.min?e={...a,start:t.min}:e={...a,start:Math.min(r,a.end)}:r>t.max?e={...a,end:t.max}:e={...a,end:Math.max(r,a.start)};break;case"decrease":if(t.step===void 0||t.key===void 0)return a;r=a[t.key]-t.step,t.key==="start"?r<t.min?e={...a,start:t.min}:e={...a,start:Math.min(r,a.end)}:r>t.max?e={...a,end:t.max}:e={...a,end:Math.max(r,a.start)};break;default:e=a;break}return e},yr=(a,t,e)=>{const[r,o]=s.useState(a),l=s.useCallback(u=>{const c=es(t.state||r,{...u,...t});e&&e(c,u.event),o(c)},[t,e]);return[r,l]},ts=i.createPropsContext(),ht=s.forwardRef((a,t)=>{i.validatePackage(oe);const e=i.usePropsContext(ts,a),r=s.useRef(null),o=s.useRef(null),l=s.useRef(null),u=s.useRef(null),c=s.useRef(null),p=s.useCallback(()=>{u.current&&u.current.focus()},[u]);s.useImperativeHandle(r,()=>({element:o.current,focus:p,props:e})),s.useImperativeHandle(t,()=>r.current);const d=s.useMemo(()=>e.min,[e.min]),b=s.useMemo(()=>e.max,[e.max]),f=s.useMemo(()=>e.step!==void 0?e.step:pt.step,[e.step,pt.step]),g=i.useDir(o,e.dir),x=(v,C)=>{e.onChange&&r.current&&e.onChange.call(void 0,{value:v,target:r.current,syntheticEvent:C})},[T,O]=s.useState(""),[D,N]=yr(e.defaultValue||pt.defaultValue,{min:d,max:b,step:f,state:e.value},x),w=s.useMemo(()=>e.value||D,[e.value,D]),P=s.useRef(null),F=s.useRef(null),z=s.useMemo(()=>(w.start-d)/(b-d)*100,[w.start,d,b]),L=s.useMemo(()=>(w.end-d)/(b-d)*100,[w.end,d,b]),_=s.useMemo(()=>e.vertical?{paddingTop:0,height:"100%"}:{},[e.vertical]),K=s.useMemo(()=>e.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},[e.vertical]),A=se.useLocalization(),I=s.useCallback(v=>{if(!F.current)return;const C=F.current.getBoundingClientRect(),E=e.vertical?C.bottom-v.clientY:g==="rtl"?C.right-v.clientX:v.clientX-C.left,B=e.vertical?C.height:C.width,X=E/B;return d+X*(b-d)},[F,e.vertical,g,d,b,D.start,D.end,e.value&&e.value.start,e.value&&e.value.end]),V=s.useCallback(v=>v<=w.start?"start":v>=w.end?"end":2*v<w.end+w.start?"start":"end",[D.start,D.end,e.value&&e.value.start,e.value&&e.value.end]),G=s.useCallback(v=>{switch(v.keyCode){case i.Keys.right:v.preventDefault(),N({type:g==="rtl"?U.decrease:U.increase,key:"start",event:v});break;case i.Keys.up:v.preventDefault(),N({type:U.increase,key:"start",event:v});break;case i.Keys.left:v.preventDefault(),N({type:g==="rtl"?U.increase:U.decrease,key:"start",event:v});break;case i.Keys.down:v.preventDefault(),N({type:U.decrease,key:"start",event:v});break;case i.Keys.home:v.preventDefault(),N({type:U.min,key:"start",event:v});break;case i.Keys.end:v.preventDefault(),N({type:U.max,key:"start",event:v});break}},[N]),j=s.useCallback(v=>{switch(v.keyCode){case i.Keys.right:v.preventDefault(),N({type:g==="rtl"?U.decrease:U.increase,key:"end",event:v});break;case i.Keys.up:v.preventDefault(),N({type:U.increase,key:"end",event:v});break;case i.Keys.left:v.preventDefault(),N({type:g==="rtl"?U.increase:U.decrease,key:"end",event:v});break;case i.Keys.down:v.preventDefault(),N({type:U.decrease,key:"end",event:v});break;case i.Keys.home:v.preventDefault(),N({type:U.min,key:"end",event:v});break;case i.Keys.end:v.preventDefault(),N({type:U.max,key:"end",event:v});break}},[N,g]),J=s.useCallback(v=>{const C=I(v),E=V(C);O(E),E==="end"?c.current.focus():u.current.focus();const B=E==="end"?U.end:U.start;N({type:B,payload:C,event:v})},[e.vertical,d,b,N]),h=v=>{const C=I(v),E=T==="end"?U.end:U.start;N({type:E,payload:C,event:v})},k=v=>{const C=I(v),E=T==="end"?U.end:U.start;N({type:E,payload:C,event:v}),O("")};return i.useDraggable(F,{onPress:J,onDrag:h,onRelease:k}),s.createElement("div",{id:e.id,style:e.style,ref:o,dir:g,className:i.classNames("k-slider",{"k-rtl":g==="rtl","k-disabled":e.disabled,"k-slider-vertical":e.vertical,"k-slider-horizontal":!e.vertical},e.className)},s.createElement("div",{ref:F,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...K}},e.children&&s.createElement("ul",{className:"k-reset k-slider-items",style:{..._}},s.Children.map(e.children,v=>v&&s.cloneElement(v,{position:100*(v.props.position-e.min)/(e.max-e.min),vertical:e.vertical},v.props.children))),s.createElement("div",{ref:P,className:"k-slider-track",style:e.vertical?{bottom:0,height:"100%"}:{[g==="rtl"?"right":"left"]:0,width:"100%"}},z!==null&&L!==null&&s.createElement("div",{"data-selection":!0,ref:l,title:`${w.start} - ${w.end}`,className:"k-slider-selection",style:e.vertical?{height:L-z+"%",bottom:z+"%"}:{[g==="rtl"?"right":"left"]:z+"%",width:L-z+"%"}}),s.createElement("span",{ref:u,role:"slider",tabIndex:i.getTabIndex(e.startTabIndex,e.disabled,void 0),"aria-valuemin":d,"aria-valuemax":Math.max(b,w.end),"aria-valuenow":w.start,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${w.start} - ${w.end}`,className:"k-draghandle",title:A.toLanguageString(Ne,$[Ne]),style:e.vertical?{bottom:"calc("+z+"%)",zIndex:1}:g==="rtl"?{right:"calc("+z+"% - 13px)",zIndex:1}:{left:"calc("+z+"%)",zIndex:1},onKeyDown:G}),s.createElement("span",{ref:c,role:"slider",tabIndex:i.getTabIndex(e.endTabIndex,e.disabled,void 0),"aria-valuemin":Math.min(d,w.start),"aria-valuemax":b,"aria-valuenow":w.end,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${w.start} - ${w.end}`,className:"k-draghandle",title:A.toLanguageString(Ne,$[Ne]),style:e.vertical?{bottom:"calc("+L+"%)",zIndex:1}:g==="rtl"?{right:"calc("+L+"% - 13px)",zIndex:1}:{left:"calc("+L+"%)",zIndex:1},onKeyDown:j}))))}),kr={value:(a,t,e)=>{if(a.value){const r=a.value.start,o=a.value.end,l=a.min,u=a.max;if(r>o||r>u||r<l||o>u||o<l||o<r)return new Error(`Invalid prop + ${t} supplied to ${e}.
                     The { start, end } value must be between the min & max value and { start, end } must be start < end.
                     `)}return null},defaultValue:(a,t,e)=>{if(a.defaultValue){const r=a.defaultValue.start,o=a.defaultValue.end,l=a.min,u=a.max;if(r>o||r>u||r<l||o>u||o<l||o<r)return new Error(`Invalid prop + ${t} supplied to ${e}.
                     The { start, end } value must be between the min & max value and { start, end } must be start < end.
@@ -14,8 +14,8 @@
                 ${t} value can not be undefined.
                 `):r&&l<=o?new Error(`Invalid prop + ${t} supplied to ${e}.
                 ${t} value can not be equal to or smaller than the min value.
-                `):null},vertical:n.bool,disabled:n.bool,dir:n.oneOf(["ltr","rtl"])},pt={step:1,defaultValue:{start:0,end:0},vertical:!1,disabled:!1};ht.displayName="KendoReactRangeSlider",ht.propTypes=kr,ht.defaultProps=pt;const gt=class extends s.Component{constructor(a){super(a),this.setValidity=()=>{this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity.valid?"":this.props.validationMessage||this.defaultValidationMessage.toLanguageString(_t,H[_t]))},this.limit=(t,e,r)=>{const o=r.offsetWidth,l=e.offsetWidth;return t<0?0:t>o-l?o-l:t},this.toggle=(t,e)=>{this.setState({checked:t}),this.valueDuringOnChange=t,i.dispatchEvent(this.props.onChange,e,this,{value:t}),this.valueDuringOnChange=void 0},this._element=null,this._wrapper=null,this._input=null,this._id=i.guid(),this.defaultValidationMessage=se.provideLocalizationService(this),this.focus=()=>{this.actionElement&&this.actionElement.focus()},this.dummyInput=t=>s.createElement("input",{type:"checkbox",checked:this.props.checked,ref:e=>{this._input=e},tabIndex:-1,"aria-hidden":!0,value:t,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:i.noop,name:this.name||void 0}),this.handleClick=t=>{this.eventTimeStamp!==t.timeStamp&&(this.eventTimeStamp=t.timeStamp,this.toggle(!this.value,t))},this.handleKeyDown=t=>{if(this.props.disabled)return;const{keyCode:e}=t;(e===i.Keys.space||e===i.Keys.enter)&&(this.toggle(!this.value,t),t.preventDefault())},this.handleWrapperFocus=t=>{if(this.props.disabled)return;this.setState({focused:!0});const{onFocus:e}=this.props;e&&e.call(void 0,t)},this.handleWrapperBlur=t=>{if(this.props.disabled)return;this.setState({focused:!1});const{onBlur:e}=this.props;e&&e.call(void 0,t)},i.validatePackage(oe),this.state={checked:a.defaultChecked||gt.defaultProps.defaultChecked,focused:!1}}get value(){return this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.props.checked!==void 0?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 a=this.props.validationMessage!==void 0,t=this.props.valid!==void 0?this.props.valid:this.props.required?!!this.value:!0,e=this.props.valid!==void 0?this.props.valid:t;return{customError:a,valid:e,valueMissing:this.value===null}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:gt.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:gt.defaultProps.required}componentDidMount(){this.setValidity(),this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{focused:a}=this.state,{dir:t,disabled:e,trackRounded:r,thumbRounded:o,size:l,offLabel:u,onLabel:c,tabIndex:p}=this.props;this.dir=t||this.element&&getComputedStyle(this.element).direction||void 0;const d=!this.validityStyles||this.validity.valid,g=i.classNames("k-switch",{[`k-switch-${i.kendoThemeMaps.sizeMap[l]||l}`]:l,[`k-rounded-${i.kendoThemeMaps.roundedMap[r]||r}`]:r,"k-switch-on":this.value,"k-switch-off":!this.value,"k-focus":a,"k-disabled":e,"k-invalid":!d},this.props.className),h={"aria-checked":this.value,"aria-disabled":e||void 0,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel};return s.createElement("span",{ref:b=>{this._wrapper=b},role:"switch",...h,className:g,dir:this.dir,onKeyDown:this.handleKeyDown,onClick:this.handleClick,onBlur:this.handleWrapperBlur,onFocus:this.handleWrapperFocus,tabIndex:i.getTabIndex(p,e,void 0),accessKey:this.props.accessKey,id:this.props.id||this._id},s.createElement("span",{className:i.classNames("k-switch-track",{[`k-rounded-${i.kendoThemeMaps.roundedMap[r]||r}`]:r}),ref:b=>{this._element=b}},this.dummyInput(this.value),s.createElement("span",{className:"k-switch-label-on"},c),s.createElement("span",{className:"k-switch-label-off"},u)),s.createElement("span",{className:"k-switch-thumb-wrap"},s.createElement("span",{className:i.classNames("k-switch-thumb",{[`k-rounded-${o}`]:o})})))}};let Re=gt;Re.displayName="Switch",Re.propTypes={accessKey:n.string,checked:n.bool,className:n.string,disabled:n.bool,defaultChecked:n.bool,size:n.oneOf([null,"small","medium","large"]),trackRounded:n.oneOf([null,"small","medium","large","full"]),thumbRounded:n.oneOf([null,"small","medium","large","full"]),dir:n.string,id:n.string,ariaLabelledBy:n.string,ariaDescribedBy:n.string,offLabel:n.string,required:n.bool,tabIndex:n.number,valid:n.bool,validate:n.bool,validationMessage:n.string,onBlur:n.any,onChange:n.any,onFocus:n.any,onLabel:n.string},Re.defaultProps={disabled:!1,defaultChecked:!1,size:"medium",trackRounded:"full",thumbRounded:"full",offLabel:"OFF",onBlur:i.noop,onFocus:i.noop,onLabel:"ON",required:!1,validityStyles:!0};const Cr=i.createPropsContext(),as=i.withPropsContext(Cr,Re);as.displayName="KendoReactSwitch";const ss=i.createPropsContext(),bt=s.forwardRef((a,t)=>{i.validatePackage(oe);const e=i.usePropsContext(ss,a),{ariaDescribedBy:r,ariaLabelledBy:o,checked:l,className:u,labelClassName:c,children:p,defaultChecked:d,disabled:g,defaultValue:h,id:b,size:C,rounded:D,label:O,labelPlacement:M,name:L,labelOptional:w,onChange:N,onFocus:B,onBlur:z,tabIndex:P,value:_,required:A,valid:K,validationMessage:I,validityStyles:T,visited:G,touched:j,modified:J,...f}=e,k=s.useRef(null),v=s.useCallback(()=>{k.current&&k.current.focus()},[]),x=s.useCallback(()=>({element:k.current,focus:v,get name(){return k.current&&k.current.name}}),[v]);s.useImperativeHandle(t,x);const[E,F]=s.useState(d),[X,Q]=s.useState(h),V=typeof _=="boolean"||_===null,y=l!==void 0,Y=V,q=Y?_:X,ee=y?l:Y?void 0:E,ue=ee===void 0&&q,ke=ue?q:ee,de=ue||Y?_===null?_:void 0:_||q,fe=ke===null||de===null,pe=s.useMemo(()=>i.guid(),[]),Ke=se.useLocalization(),$=te=>Ke.toLanguageString(te,H[te]),me=$(ga),ge=$(ba),Je=K!==void 0?K:A?!!ee:!0;s.useEffect(()=>{k.current&&k.current.setCustomValidity&&k.current.setCustomValidity(Je?"":I||me)},[Je,I,me]);const Be=s.useCallback((te,xe)=>{!Y&&!g&&(Q(xe),!y&&!g&&F(xe)),N&&!g&&i.dispatchEvent(N,te,{...x(),value:xe},{value:xe})},[y,g,N,Y,x]),ia=s.useCallback(te=>{let xe=te.target.checked;Be(te,xe)},[Be,_]),Et=s.useCallback(te=>{if(g)return;const{keyCode:xe}=te;let Br=te.currentTarget.checked;xe===i.Keys.space&&(te.preventDefault(),te.stopPropagation(),Be(te,!Br))},[g,Be]),St=s.useCallback(te=>{if(g)return;const{keyCode:xe}=te;xe===i.Keys.space&&te.preventDefault()},[g]),la=s.useCallback(te=>{B&&!g&&i.dispatchEvent(B,te,x(),void 0)},[B,g,x]),S=s.useCallback(te=>{z&&!g&&i.dispatchEvent(z,te,x(),void 0)},[z,g,x]),R=i.useDir(k,e.dir),ie=i.classNames("k-checkbox-wrap",u),Ce={type:"checkbox",className:i.classNames("k-checkbox",{[`k-checkbox-${i.kendoThemeMaps.sizeMap[C]||C}`]:C,[`k-rounded-${i.kendoThemeMaps.roundedMap[D]||D}`]:D,"k-indeterminate":fe,"k-disabled":g,"k-invalid k-invalid":!(Je||T!==void 0||T===!0)}),ref:k,name:L,id:b||pe,"aria-labelledby":o,"aria-describedby":r,checked:!!ke,disabled:g,tabIndex:i.getTabIndex(P,g),role:"checkbox",required:A!==void 0?A:!1,"aria-checked":ee||ke?!0:fe?"mixed":!1,"aria-disabled":g||void 0,...f,onChange:ia,onKeyDown:Et,onKeyUp:St,onFocus:la,onBlur:S},Cs=s.createElement(s.Fragment,null,de===void 0?s.createElement("input",{...Ce}):s.createElement("input",{...Ce,value:V?void 0:de===null?"":de})),xs=s.createElement(s.Fragment,null,O!==void 0?s.createElement("label",{className:i.classNames("k-checkbox-label",c),htmlFor:b||pe,style:{userSelect:"none"}},O,w&&s.createElement("span",{className:"k-label-optional"},ge)):null);return s.createElement(s.Fragment,null,M==="before"?s.createElement("span",{className:ie,dir:"rtl"},Cs,xs,p):s.createElement("span",{className:ie,dir:R},Cs,xs,p))});bt.propTypes={checked:n.bool,className:n.string,defaultChecked:n.bool,defaultValue:n.any,dir:n.string,disabled:n.bool,id:n.string,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large"]),ariaLabelledBy:n.string,ariaDescribedBy:n.string,label:n.any,labelPlacement:n.string,labelOptional:n.bool,name:n.string,tabIndex:n.number,value:n.any,validationMessage:n.string,required:n.bool,validate:n.bool,valid:n.bool,onChange:n.func,onFocus:n.func,onBlur:n.func};const xr={size:"medium",rounded:"medium"};bt.defaultProps=xr,bt.displayName="KendoCheckbox";const rs=i.createPropsContext(),Xe=s.forwardRef((a,t)=>{i.validatePackage(oe);const e=i.usePropsContext(rs,a),{ariaDescribedBy:r,checked:o,children:l,className:u,disabled:c,id:p,size:d,label:g,labelPlacement:h,name:b,style:C,tabIndex:D,value:O,valid:M,onChange:L,onFocus:w,onBlur:N,...B}=e,z=s.useRef(null),P=s.useCallback(()=>{z.current&&z.current.focus()},[]),_=s.useCallback(()=>({element:z.current,focus:P}),[P]);s.useImperativeHandle(t,_);const A=s.useMemo(()=>i.guid(),[]),K=s.useCallback(f=>{i.dispatchEvent(L,f,_(),{value:O})},[L,O,c]),I=s.useCallback(f=>{w&&!c&&i.dispatchEvent(w,f,_(),void 0)},[w,c]),T=s.useCallback(f=>{N&&!c&&i.dispatchEvent(N,f,_(),void 0)},[N,c]),G={type:"radio",id:p||A,name:b,className:i.classNames("k-radio",{[`k-radio-${i.kendoThemeMaps.sizeMap[d]||d}`]:d,"k-invalid":M===!1},u),ref:z,disabled:c,tabIndex:i.getTabIndex(D,c),checked:o,style:C,"aria-describedby":r,value:O,onChange:K,onFocus:I,onBlur:T,...B},j=s.createElement(s.Fragment,null,g!==void 0?s.createElement("label",{className:"k-radio-label",htmlFor:p||A,style:{userSelect:"none"},"aria-label":g},g):null),J=s.createElement("input",{...G});return h==="before"?s.createElement(s.Fragment,null,j,J,l):s.createElement(s.Fragment,null,J,j,l)});Xe.propTypes={ariaDescribedBy:n.string,checked:n.bool,className:n.string,disabled:n.bool,id:n.string,size:n.oneOf([null,"small","medium","large"]),label:n.string,labelPlacement:n.string,name:n.string,style:n.object,tabIndex:n.number,value:n.any,valid:n.bool,onChange:n.func,onFocus:n.func,onBlur:n.func};const Er={size:"medium"};Xe.displayName="KendoRadioButton",Xe.defaultProps=Er;const ns=i.createPropsContext(),vt=s.forwardRef((a,t)=>{i.validatePackage(oe);const e=i.usePropsContext(ns,a),{ariaLabelledBy:r,ariaDescribedBy:o,className:l,data:u,defaultValue:c,disabled:p,name:d,labelPlacement:g,layout:h,style:b,value:C,valid:D,item:O=is.item,onChange:M,onFocus:L}=e,w=s.useRef(null),N=s.useCallback(()=>{w.current&&i.focusFirstFocusableChild(w.current)},[]),B=s.useCallback(()=>({element:w.current,focus:N}),[N]);s.useImperativeHandle(t,B);const[z,P]=s.useState(c),_=C!==void 0,A=_?C:z,K=s.useCallback(f=>{let k=f.value;!_&&!p&&P(k),M&&!p&&i.dispatchEvent(M,f.syntheticEvent,B(),{value:k})},[P,M,p]),I=s.useCallback(f=>{L&&!p&&i.dispatchEvent(L,f.syntheticEvent,B(),void 0)},[L,p]),T=s.useMemo(()=>i.guid(),[]),G=i.classNames("k-radio-list",{"k-list-horizontal":h==="horizontal","k-list-vertical":h==="vertical"||h===void 0},l),j=i.useRtl(w,e.dir),J=u&&u.map((f,k)=>{const v=A===f.value,x=A==null,E={...f,valid:D,checked:v,disabled:!!(f.disabled||p),labelPlacement:f.labelPlacement?f.labelPlacement:g,tabIndex:f.tabIndex?f.tabIndex:x&&k===0||v?0:-1,index:k,name:d||T,onChange:K,onFocus:I};return s.createElement(O,{className:i.classNames("k-radio-item",{"k-disabled":E.disabled||p}),key:k,role:"none"},s.createElement(Xe,{...E}))});return s.createElement("ul",{role:"radiogroup",className:G,ref:w,dir:j,style:b,"aria-labelledby":r,"aria-describedby":o},J)}),is={item:a=>s.createElement("li",{...a})};vt.propTypes={ariaLabelledBy:n.string,ariaDescribedBy:n.string,className:n.string,data:n.arrayOf(n.object),defaultValue:n.any,dir:n.string,disabled:n.bool,labelPlacement:n.string,layout:n.string,name:n.string,style:n.object,value:n.any,onChange:n.func,onFocus:n.func},vt.defaultProps=is,vt.displayName="KendoRadioGroup";const ls=i.createPropsContext(),mt=s.forwardRef((a,t)=>{const e=i.usePropsContext(ls,a),{size:r,rounded:o,fillMode:l,ariaDescribedBy:u,ariaLabelledBy:c,autoSize:p,className:d,defaultValue:g,disabled:h,readOnly:b,required:C,rows:D,id:O,name:M,placeholder:L,style:w,tabIndex:N,value:B,valid:z,validationMessage:P,validityStyles:_,onChange:A,onFocus:K,onBlur:I,visited:T,touched:G,modified:j,...J}=e,f=s.useRef(null),k=s.useCallback(()=>{f.current&&f.current.focus()},[]),[v,x]=s.useState(g),E=B!==void 0,F=E?B:v,X=s.useCallback(()=>({element:f,focus:k,get value(){return F},get name(){return f.current&&f.current.name}}),[k,F]);s.useImperativeHandle(t,X);const[Q,V]=s.useState("auto"),y=s.useMemo(()=>i.guid(),[]),Y=i.useDir(f,e.dir),q=z!==void 0?z:C?!!F:!0;s.useEffect(()=>{f.current&&f.current.setCustomValidity&&f.current.setCustomValidity(q?"":P||"")},[q,P]),s.useLayoutEffect(()=>{f.current&&V(`${f.current.scrollHeight}px`)},[F]);const ee=s.useCallback(fe=>{const pe=fe.target.value;V("auto"),!E&&!h&&x(pe),A&&!h&&i.dispatchEvent(A,fe,{...X(),value:pe},{value:pe})},[x,A,h,E]),ue=s.useCallback(fe=>{K&&!h&&i.dispatchEvent(K,fe,X(),void 0)},[K,h]),ke=s.useCallback(fe=>{I&&!h&&i.dispatchEvent(I,fe,X(),void 0)},[I,h]),de={id:O||y,role:"textbox",name:M,className:"k-input-inner !k-overflow-auto",ref:f,disabled:h,rows:D,placeholder:L,readOnly:b,required:C,tabIndex:i.getTabIndex(N,h),style:p?{resize:"none",overflow:"hidden",height:Q}:{},"aria-labelledby":c,"aria-describedby":u,"aria-multiline":!0,"aria-disabled":h||void 0,value:E?B:v,...J,onChange:ee,onFocus:ue,onBlur:ke};return s.createElement("span",{className:i.classNames("k-input","k-textarea",{[`k-input-${i.kendoThemeMaps.sizeMap[r]||r}`]:r,[`k-input-${l}`]:l,[`k-rounded-${i.kendoThemeMaps.roundedMap[o]||o}`]:o,"k-invalid":!(q||_!==void 0||_===!0),"k-required":C,"k-disabled":h},d),style:w,dir:Y},s.createElement("textarea",{...de}))});mt.propTypes={ariaDescribedBy:n.string,ariaLabelledBy:n.string,autoSize:n.bool,className:n.string,defaultValue:n.string,dir:n.string,disabled:n.bool,readOnly:n.bool,rows:n.number,id:n.string,name:n.string,placeholder:n.string,style:n.object,tabIndex:n.number,value:n.oneOfType([n.string,n.arrayOf(n.string),n.number]),onChange:n.func,onFocus:n.func,onBlur:n.func,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),fillMode:n.oneOf([null,"solid","flat","outline"])};const Sr={size:"medium",rounded:"medium",fillMode:"solid"};mt.displayName="KendoTextArea",mt.defaultProps=Sr;const Ye=s.forwardRef((a,t)=>{const e=s.useRef(null),r=s.useRef(null),o=i.useDir(r,a.dir);s.useImperativeHandle(e,()=>({element:r.current,props:a,value:a.value})),s.useImperativeHandle(t,()=>e.current);const l=s.useCallback(b=>{a.onClick&&a.onClick.call(void 0,{value:a.value,target:e.current,syntheticEvent:b})},[a.onClick,a.value]),u=s.useCallback(b=>{a.onKeyDown&&a.onKeyDown.call(void 0,{target:e.current,syntheticEvent:b})},[a.onKeyDown]),c=s.useCallback(b=>{a.onFocus&&a.onFocus.call(void 0,{target:e.current,syntheticEvent:b})},[a.onFocus]),p=s.useCallback(b=>{a.onBlur&&a.onBlur.call(void 0,{target:e.current,syntheticEvent:b})},[a.onBlur]),d=s.useCallback(b=>{a.onMouseMove&&a.onMouseMove.call(void 0,{target:e.current,syntheticEvent:b})},[a.onMouseMove]),g=s.useCallback(b=>{a.onMouseEnter&&a.onMouseEnter.call(void 0,{target:e.current,syntheticEvent:b})},[a.onMouseEnter]),h=s.useCallback(b=>{a.onMouseLeave&&a.onMouseLeave.call(void 0,{target:e.current,syntheticEvent:b})},[a.onMouseLeave]);return s.createElement("span",{id:a.id,ref:r,dir:o,"data-half":a.half,tabIndex:a.tabIndex,title:a.title,style:a.style,className:i.classNames("k-rating-item",{"k-rtl":o==="rtl","k-selected":a.selected,"k-hover":a.hovered},a.className),onClick:l,onKeyDown:u,onFocus:c,onBlur:p,onMouseEnter:g,onMouseLeave:h,onMouseMove:d},a.children)}),Ir={id:n.string,icon:n.any,dir:n.oneOf(["ltr","rtl"]),title:n.string,value:n.number,half:n.bool,selected:n.bool,hovered:n.bool},wr={dir:"ltr"};Ye.displayName="KendoReactRatingItem",Ye.propTypes=Ir,Ye.defaultProps=wr;const he=(a,t)=>{if(a%1){const e=Math.pow(10,(t.toString().split(".")[1]||t.toString().split(".")[0]).length);return Math.round(a*e)/e}return a},Pr=(a,t)=>a-t*Math.floor(a/t),yt=(a,t,e)=>he(a-e,e)<t&&t<a,kt=(a,t,e,r)=>t===null?!1:r==="continues"?yt(a,t,e)?he(a-e/2,e/2)<=t:a<=t:r==="single"?yt(a,t,e)?he(a-e/2,e/2)===t:a===t:!1,os=(a,t,e)=>a==="ltr"?e<t.x+t.width/2:e>t.x+t.width/2,ra=(a,t,e,r)=>{for(let o=a;o<=t;o+=e)if(r===o)return!0;return!1};var ne=(a=>(a.select="select",a.deselect="deselect",a.increase="increase",a.decrease="decrease",a.min="min",a.max="max",a.reset="reset",a))(ne||{});const cs=(a,t)=>{switch(t.type){case"select":return t.payload===void 0||t.step===void 0?a:t.payload===a?null:t.payload>=t.min?t.payload<t.max?he(t.payload,t.step):t.max:t.min;case"deselect":return null;case"increase":return t.step===void 0?a:a<t.min?t.min:a+t.step<t.max?he(a+t.step,t.step):t.max;case"decrease":return t.step===void 0?a:he(a-t.step,t.step)>=t.min?he(a-t.step,t.step):t.min;case"min":return t.step===void 0?a:t.min;case"max":return t.max;case"reset":return null;default:return a}},us=(a,t,e)=>{const[r,o]=s.useState(a);return[r,u=>{const c=cs(t.state||r,{...u,...t});e&&e(c,u.event),o(c)}]},ds=i.createPropsContext(),Ct=s.forwardRef((a,t)=>{const e=i.usePropsContext(ds,a),r=se.useLocalization(),o=s.useRef(null),l=s.useRef(null),u=i.useDir(l,e.dir);s.useImperativeHandle(o,()=>({element:l.current,props:e})),s.useImperativeHandle(t,()=>o.current);const c=s.useCallback((f,k)=>{e.onChange&&o.current&&e.onChange.call(void 0,{value:f,target:o.current,syntheticEvent:k})},[e.onChange]),p=s.useMemo(()=>e.min!==void 0?e.min:ye.min,[e.min]),d=s.useMemo(()=>e.max!==void 0?e.max:ye.max,[e.max]),g=s.useMemo(()=>e.precision||ye.precision,[e.precision]),h=s.useMemo(()=>e.step!==void 0?e.step:ye.step,[e.step]),b=s.useMemo(()=>e.readonly||ye.readonly,[e.readonly]),C=s.useMemo(()=>e.disabled||ye.disabled,[e.disabled]),D=s.useMemo(()=>e.item||ye.item,[e.item]),[O,M]=us(e.defaultValue!==void 0?e.defaultValue:ye.defaultValue,{state:e.value,min:p,max:d,step:g==="half"?h/2:h},c),[L,w]=us(null,{state:e.value,min:p,max:d,step:g==="half"?h/2:h,precision:g}),N=s.useMemo(()=>e.value!==void 0?e.value:O,[e.value,O]),B=s.useMemo(()=>L,[L]),z=s.useMemo(()=>e.selection||ye.selection,[e.selection]),P=s.useMemo(()=>h/(g==="half"?2:1),[h,g]),_=s.useCallback(f=>{if(!(!f.target||!f.target.element||b||C)){if(g==="half"){const k=f.target.element.getBoundingClientRect(),x=os(u||"ltr",k,f.syntheticEvent.clientX)?he(f.target.value-h/2,P):f.target.value;M({type:ne.select,payload:x,event:f.syntheticEvent})}else M({type:ne.select,payload:f.target.value,event:f.syntheticEvent});if(e.onClick){const k={value:N,target:o.current,syntheticEvent:f.syntheticEvent};e.onClick.call(void 0,k)}}},[e.onClick,M,N]),A=s.useCallback(f=>{if(!(b||C)){switch(f.keyCode){case i.Keys.right:f.preventDefault(),M({type:u==="rtl"?ne.decrease:ne.increase,event:f});break;case i.Keys.left:f.preventDefault(),M({type:u==="rtl"?ne.increase:ne.decrease,event:f});break;case i.Keys.home:f.preventDefault(),M({type:u==="rtl"?ne.min:ne.max,event:f});break;case i.Keys.end:f.preventDefault(),M({type:u==="rtl"?ne.max:ne.min,event:f});break;case i.Keys.esc:f.preventDefault(),M({type:ne.deselect,event:f});break}e.onKeyDown&&e.onKeyDown.call(void 0,{value:N,target:o.current,syntheticEvent:f})}},[e.onKeyDown,M,N]),K=s.useCallback(f=>{if(e.onFocus){const k={target:o.current,syntheticEvent:f};e.onFocus.call(void 0,k)}},[e.onFocus]),I=s.useCallback(f=>{if(e.onBlur){const k={target:o.current,syntheticEvent:f};e.onBlur.call(void 0,k)}},[e.onBlur]),T=s.useCallback(f=>{if(!(!f.target||!f.target.element))if(g==="half"){const k=f.target.element.getBoundingClientRect(),x=os(u||"ltr",k,f.syntheticEvent.clientX)?f.target.value-h/2:f.target.value;w({type:ne.select,payload:x,event:f.syntheticEvent})}else w({type:ne.select,payload:f.target.value,event:f.syntheticEvent})},[g,h,u]),G=s.useCallback(f=>{w({type:ne.reset,event:f.syntheticEvent})},[]),j=[],J=Pr(he(d-p,P),h);for(let f=p;f<=d;f=he(f+h,P)){const k=he(f+J,P),v=g==="half"?yt(k,B!==null?B:N!==null?N:0,h):!1,x=kt(k,N,h,z),E=kt(k,B!==null?B:N,h,z),F=kt(k,B,h,z);j.push(s.createElement(D,{key:k,value:k,dir:u,title:String(v?he(k-h/2,P):k),icon:e.icon,svgIcon:e.svgIcon,half:v,selected:x||E,hovered:F,onClick:_,onMouseMove:T,onMouseLeave:G},v&&s.createElement("span",{className:"k-rating-precision-complement"},!(e.icon||e.svgIconOutline)&&s.createElement(i.IconWrap,{name:"star-outline",icon:W.starOutlineIcon,style:{clipPath:`${u==="rtl"?"inset(0 50% 0 0)":"inset(0 0 0 50%)"}`},size:"xlarge"}),(e.icon||e.svgIconOutline)&&s.createElement(i.IconWrap,{name:i.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})),v&&s.createElement("span",{className:"k-rating-precision-part"},!(e.icon||e.svgIcon)&&s.createElement(i.IconWrap,{name:"star",icon:W.starIcon,style:{clipPath:`${u==="rtl"?"inset(0 0 0 50%)":"inset(0 50% 0 0)"}`},size:"xlarge"}),(e.icon||e.svgIcon)&&s.createElement(i.IconWrap,{name:e.icon?i.toIconName(e.icon):void 0,icon:e.svgIcon,size:"xlarge"})),v&&s.createElement("span",{style:{width:"24px",height:"24px",display:"block"}}),!v&&!(e.icon||e.svgIcon)&&(F||E&&!F)&&s.createElement(i.IconWrap,{name:"star",icon:W.starIcon,size:"xlarge"})||!(e.icon||e.svgIcon)&&!F&&!E&&s.createElement(i.IconWrap,{name:"star-outline",icon:W.starOutlineIcon,size:"xlarge"})||(e.icon||e.svgIcon)&&(F||E&&!F)&&s.createElement(i.IconWrap,{name:e.icon,icon:e.svgIcon,size:"xlarge"})||(e.icon||e.svgIcon)&&!F&&s.createElement(i.IconWrap,{name:i.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})))}return s.createElement("span",{id:e.id,style:e.style,ref:l,role:"slider",dir:u,tabIndex:i.getTabIndex(e.tabIndex,e.disabled,void 0),className:i.classNames("k-rating",{"k-rtl":u==="rtl","k-readonly":b,"k-disabled":C},e.className),onKeyDown:A,onFocus:K,onBlur:I,"aria-valuemin":p,"aria-valuemax":d,"aria-valuenow":N!==null?N:void 0,"aria-disabled":C?"true":void 0,"aria-label":r.toLanguageString(Kt,H[Kt]),"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy},s.createElement("input",{id:"rating",className:"k-hidden",readOnly:b,disabled:C}),s.createElement("span",{className:"k-rating-container"},j),e.label&&s.createElement("span",{className:"k-rating-label"},e.label))}),Lr={id:n.string,dir:n.oneOf(["ltr","rtl"]),selection:n.oneOf(["continues","single"]),precision:n.oneOf(["item","half"]),value:(a,t,e)=>a.value&&a.min&&a.max&&a.step&&!(a.precision==="half"?ra(a.min,a.max,a.step/2,a.value):ra(a.min,a.max,a.step,a.value))&&a.precision==="half"?new Error(`Invalid prop + ${t} supplied to ${e}.
+                `):null},vertical:n.bool,disabled:n.bool,dir:n.oneOf(["ltr","rtl"])},pt={step:1,defaultValue:{start:0,end:0},vertical:!1,disabled:!1};ht.displayName="KendoReactRangeSlider",ht.propTypes=kr,ht.defaultProps=pt;const gt=class extends s.Component{constructor(a){super(a),this.setValidity=()=>{this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity.valid?"":this.props.validationMessage||this.defaultValidationMessage.toLanguageString(_t,$[_t]))},this.limit=(t,e,r)=>{const o=r.offsetWidth,l=e.offsetWidth;return t<0?0:t>o-l?o-l:t},this.toggle=(t,e)=>{this.setState({checked:t}),this.valueDuringOnChange=t,i.dispatchEvent(this.props.onChange,e,this,{value:t}),this.valueDuringOnChange=void 0},this._element=null,this._wrapper=null,this._input=null,this._id=this.props.id,this.defaultValidationMessage=se.provideLocalizationService(this),this.focus=()=>{this.actionElement&&this.actionElement.focus()},this.dummyInput=t=>s.createElement("input",{type:"checkbox",checked:this.props.checked,ref:e=>{this._input=e},tabIndex:-1,"aria-hidden":!0,value:t,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:i.noop,name:this.name||void 0}),this.handleClick=t=>{this.eventTimeStamp!==t.timeStamp&&(this.eventTimeStamp=t.timeStamp,this.toggle(!this.value,t))},this.handleKeyDown=t=>{if(this.props.disabled)return;const{keyCode:e}=t;(e===i.Keys.space||e===i.Keys.enter)&&(this.toggle(!this.value,t),t.preventDefault())},this.handleWrapperFocus=t=>{if(this.props.disabled)return;this.setState({focused:!0});const{onFocus:e}=this.props;e&&e.call(void 0,t)},this.handleWrapperBlur=t=>{if(this.props.disabled)return;this.setState({focused:!1});const{onBlur:e}=this.props;e&&e.call(void 0,t)},i.validatePackage(oe),this.state={checked:a.defaultChecked||gt.defaultProps.defaultChecked,focused:!1}}get value(){return this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.props.checked!==void 0?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 a=this.props.validationMessage!==void 0,t=this.props.valid!==void 0?this.props.valid:this.props.required?!!this.value:!0,e=this.props.valid!==void 0?this.props.valid:t;return{customError:a,valid:e,valueMissing:this.value===null}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:gt.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:gt.defaultProps.required}componentDidMount(){this.setValidity(),this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{focused:a}=this.state,{dir:t,disabled:e,trackRounded:r,thumbRounded:o,size:l,offLabel:u,onLabel:c,tabIndex:p}=this.props;this.dir=t||this.element&&getComputedStyle(this.element).direction||void 0;const d=!this.validityStyles||this.validity.valid,b=i.classNames("k-switch",{[`k-switch-${i.kendoThemeMaps.sizeMap[l]||l}`]:l,[`k-rounded-${i.kendoThemeMaps.roundedMap[r]||r}`]:r,"k-switch-on":this.value,"k-switch-off":!this.value,"k-focus":a,"k-disabled":e,"k-invalid":!d},this.props.className),f={"aria-checked":this.value,"aria-disabled":e||void 0,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel};return s.createElement("span",{ref:g=>{this._wrapper=g},role:"switch",...f,className:b,dir:this.dir,onKeyDown:this.handleKeyDown,onClick:this.handleClick,onBlur:this.handleWrapperBlur,onFocus:this.handleWrapperFocus,tabIndex:i.getTabIndex(p,e,void 0),accessKey:this.props.accessKey,id:this.props.id||this._id},s.createElement("span",{className:i.classNames("k-switch-track",{[`k-rounded-${i.kendoThemeMaps.roundedMap[r]||r}`]:r}),ref:g=>{this._element=g}},this.dummyInput(this.value),s.createElement("span",{className:"k-switch-label-on"},c),s.createElement("span",{className:"k-switch-label-off"},u)),s.createElement("span",{className:"k-switch-thumb-wrap"},s.createElement("span",{className:i.classNames("k-switch-thumb",{[`k-rounded-${o}`]:o})})))}};let Re=gt;Re.displayName="Switch",Re.propTypes={accessKey:n.string,checked:n.bool,className:n.string,disabled:n.bool,defaultChecked:n.bool,size:n.oneOf([null,"small","medium","large"]),trackRounded:n.oneOf([null,"small","medium","large","full"]),thumbRounded:n.oneOf([null,"small","medium","large","full"]),dir:n.string,id:n.string,ariaLabelledBy:n.string,ariaDescribedBy:n.string,offLabel:n.string,required:n.bool,tabIndex:n.number,valid:n.bool,validate:n.bool,validationMessage:n.string,onBlur:n.any,onChange:n.any,onFocus:n.any,onLabel:n.string},Re.defaultProps={disabled:!1,defaultChecked:!1,size:"medium",trackRounded:"full",thumbRounded:"full",offLabel:"OFF",onBlur:i.noop,onFocus:i.noop,onLabel:"ON",required:!1,validityStyles:!0};const Cr=i.createPropsContext(),as=i.withIdHOC(i.withPropsContext(Cr,Re));as.displayName="KendoReactSwitch";const ss=i.createPropsContext(),bt=s.forwardRef((a,t)=>{i.validatePackage(oe);const e=i.usePropsContext(ss,a),{ariaDescribedBy:r,ariaLabelledBy:o,checked:l,className:u,labelClassName:c,children:p,defaultChecked:d,disabled:b,defaultValue:f,id:g,size:x,rounded:T,label:O,labelPlacement:D,name:N,labelOptional:w,onChange:P,onFocus:F,onBlur:z,tabIndex:L,value:_,required:K,valid:A,validationMessage:I,validityStyles:V,visited:G,touched:j,modified:J,...h}=e,k=s.useRef(null),v=s.useCallback(()=>{k.current&&k.current.focus()},[]),C=s.useCallback(()=>({element:k.current,focus:v,get name(){return k.current&&k.current.name}}),[v]);s.useImperativeHandle(t,C);const[E,B]=s.useState(d),[X,Q]=s.useState(f),M=typeof _=="boolean"||_===null,y=l!==void 0,Y=M,q=Y?_:X,ee=y?l:Y?void 0:E,ue=ee===void 0&&q,ke=ue?q:ee,de=ue||Y?_===null?_:void 0:_||q,fe=ke===null||de===null,pe=i.useId(),Ke=se.useLocalization(),H=te=>Ke.toLanguageString(te,$[te]),me=H(ga),ge=H(ba),Je=A!==void 0?A:K?!!ee:!0;s.useEffect(()=>{k.current&&k.current.setCustomValidity&&k.current.setCustomValidity(Je?"":I||me)},[Je,I,me]);const Be=s.useCallback((te,xe)=>{!Y&&!b&&(Q(xe),!y&&!b&&B(xe)),P&&!b&&i.dispatchEvent(P,te,{...C(),value:xe},{value:xe})},[y,b,P,Y,C]),ia=s.useCallback(te=>{let xe=te.target.checked;Be(te,xe)},[Be,_]),Et=s.useCallback(te=>{if(b)return;const{keyCode:xe}=te;let Br=te.currentTarget.checked;xe===i.Keys.space&&(te.preventDefault(),te.stopPropagation(),Be(te,!Br))},[b,Be]),St=s.useCallback(te=>{if(b)return;const{keyCode:xe}=te;xe===i.Keys.space&&te.preventDefault()},[b]),la=s.useCallback(te=>{F&&!b&&i.dispatchEvent(F,te,C(),void 0)},[F,b,C]),S=s.useCallback(te=>{z&&!b&&i.dispatchEvent(z,te,C(),void 0)},[z,b,C]),R=i.useDir(k,e.dir),ie=i.classNames("k-checkbox-wrap",u),Ce={type:"checkbox",className:i.classNames("k-checkbox",{[`k-checkbox-${i.kendoThemeMaps.sizeMap[x]||x}`]:x,[`k-rounded-${i.kendoThemeMaps.roundedMap[T]||T}`]:T,"k-indeterminate":fe,"k-disabled":b,"k-invalid k-invalid":!(Je||V!==void 0||V===!0)}),ref:k,name:N,id:g||pe,"aria-labelledby":o,"aria-describedby":r,checked:!!ke,disabled:b,tabIndex:i.getTabIndex(L,b),role:"checkbox",required:K!==void 0?K:!1,"aria-checked":ee||ke?!0:fe?"mixed":!1,"aria-disabled":b||void 0,...h,onChange:ia,onKeyDown:Et,onKeyUp:St,onFocus:la,onBlur:S},Cs=s.createElement(s.Fragment,null,de===void 0?s.createElement("input",{...Ce}):s.createElement("input",{...Ce,value:M?void 0:de===null?"":de})),xs=s.createElement(s.Fragment,null,O!==void 0?s.createElement("label",{className:i.classNames("k-checkbox-label",c),htmlFor:g||pe,style:{userSelect:"none"}},O,w&&s.createElement("span",{className:"k-label-optional"},ge)):null);return s.createElement(s.Fragment,null,D==="before"?s.createElement("span",{className:ie,dir:"rtl"},Cs,xs,p):s.createElement("span",{className:ie,dir:R},Cs,xs,p))});bt.propTypes={checked:n.bool,className:n.string,defaultChecked:n.bool,defaultValue:n.any,dir:n.string,disabled:n.bool,id:n.string,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large"]),ariaLabelledBy:n.string,ariaDescribedBy:n.string,label:n.any,labelPlacement:n.string,labelOptional:n.bool,name:n.string,tabIndex:n.number,value:n.any,validationMessage:n.string,required:n.bool,validate:n.bool,valid:n.bool,onChange:n.func,onFocus:n.func,onBlur:n.func};const xr={size:"medium",rounded:"medium"};bt.defaultProps=xr,bt.displayName="KendoCheckbox";const rs=i.createPropsContext(),Xe=s.forwardRef((a,t)=>{i.validatePackage(oe);const e=i.usePropsContext(rs,a),{ariaDescribedBy:r,checked:o,children:l,className:u,disabled:c,id:p,size:d,label:b,labelPlacement:f,name:g,style:x,tabIndex:T,value:O,valid:D,onChange:N,onFocus:w,onBlur:P,...F}=e,z=s.useRef(null),L=s.useCallback(()=>{z.current&&z.current.focus()},[]),_=s.useCallback(()=>({element:z.current,focus:L}),[L]);s.useImperativeHandle(t,_);const K=i.useId(),A=s.useCallback(h=>{i.dispatchEvent(N,h,_(),{value:O})},[N,O,c]),I=s.useCallback(h=>{w&&!c&&i.dispatchEvent(w,h,_(),void 0)},[w,c]),V=s.useCallback(h=>{P&&!c&&i.dispatchEvent(P,h,_(),void 0)},[P,c]),G={type:"radio",id:p||K,name:g,className:i.classNames("k-radio",{[`k-radio-${i.kendoThemeMaps.sizeMap[d]||d}`]:d,"k-invalid":D===!1},u),ref:z,disabled:c,tabIndex:i.getTabIndex(T,c),checked:o,style:x,"aria-describedby":r,value:O,onChange:A,onFocus:I,onBlur:V,...F},j=s.createElement(s.Fragment,null,b!==void 0?s.createElement("label",{className:"k-radio-label",htmlFor:p||K,style:{userSelect:"none"},"aria-label":b},b):null),J=s.createElement("input",{...G});return f==="before"?s.createElement(s.Fragment,null,j,J,l):s.createElement(s.Fragment,null,J,j,l)});Xe.propTypes={ariaDescribedBy:n.string,checked:n.bool,className:n.string,disabled:n.bool,id:n.string,size:n.oneOf([null,"small","medium","large"]),label:n.string,labelPlacement:n.string,name:n.string,style:n.object,tabIndex:n.number,value:n.any,valid:n.bool,onChange:n.func,onFocus:n.func,onBlur:n.func};const Er={size:"medium"};Xe.displayName="KendoRadioButton",Xe.defaultProps=Er;const ns=i.createPropsContext(),vt=s.forwardRef((a,t)=>{i.validatePackage(oe);const e=i.usePropsContext(ns,a),{id:r,ariaLabelledBy:o,ariaDescribedBy:l,className:u,data:c,defaultValue:p,disabled:d,name:b,labelPlacement:f,layout:g,style:x,value:T,valid:O,item:D=is.item,onChange:N,onFocus:w}=e,P=s.useRef(null),F=s.useCallback(()=>{P.current&&i.focusFirstFocusableChild(P.current)},[]),z=s.useCallback(()=>({element:P.current,focus:F}),[F]);s.useImperativeHandle(t,z);const[L,_]=s.useState(p),K=T!==void 0,A=K?T:L,I=s.useCallback(k=>{let v=k.value;!K&&!d&&_(v),N&&!d&&i.dispatchEvent(N,k.syntheticEvent,z(),{value:v})},[_,N,d]),V=s.useCallback(k=>{w&&!d&&i.dispatchEvent(w,k.syntheticEvent,z(),void 0)},[w,d]),G=i.useId(),j=i.classNames("k-radio-list",{"k-list-horizontal":g==="horizontal","k-list-vertical":g==="vertical"||g===void 0},u),J=i.useRtl(P,e.dir),h=c&&c.map((k,v)=>{const C=A===k.value,E=A==null,B={...k,valid:O,checked:C,disabled:!!(k.disabled||d),labelPlacement:k.labelPlacement?k.labelPlacement:f,tabIndex:k.tabIndex?k.tabIndex:E&&v===0||C?0:-1,index:v,name:b||G,onChange:I,onFocus:V};return s.createElement(D,{className:i.classNames("k-radio-item",{"k-disabled":B.disabled||d}),key:v,role:"none"},s.createElement(Xe,{...B}))});return s.createElement("ul",{id:r,role:"radiogroup",className:j,ref:P,dir:J,style:x,"aria-labelledby":o,"aria-describedby":l},h)}),is={item:a=>s.createElement("li",{...a})};vt.propTypes={ariaLabelledBy:n.string,ariaDescribedBy:n.string,className:n.string,data:n.arrayOf(n.object),defaultValue:n.any,dir:n.string,disabled:n.bool,labelPlacement:n.string,layout:n.string,name:n.string,style:n.object,value:n.any,onChange:n.func,onFocus:n.func},vt.defaultProps=is,vt.displayName="KendoRadioGroup";const ls=i.createPropsContext(),mt=s.forwardRef((a,t)=>{const e=i.usePropsContext(ls,a),{size:r,rounded:o,fillMode:l,ariaDescribedBy:u,ariaLabelledBy:c,autoSize:p,className:d,defaultValue:b,disabled:f,readOnly:g,required:x,rows:T,id:O,name:D,placeholder:N,style:w,tabIndex:P,value:F,valid:z,validationMessage:L,validityStyles:_,onChange:K,onFocus:A,onBlur:I,visited:V,touched:G,modified:j,...J}=e,h=s.useRef(null),k=s.useCallback(()=>{h.current&&h.current.focus()},[]),[v,C]=s.useState(b),E=F!==void 0,B=E?F:v,X=s.useCallback(()=>({element:h,focus:k,get value(){return B},get name(){return h.current&&h.current.name}}),[k,B]);s.useImperativeHandle(t,X);const[Q,M]=s.useState("auto"),y=i.useId(),Y=i.useDir(h,e.dir),q=z!==void 0?z:x?!!B:!0;s.useEffect(()=>{h.current&&h.current.setCustomValidity&&h.current.setCustomValidity(q?"":L||"")},[q,L]),s.useLayoutEffect(()=>{h.current&&M(`${h.current.scrollHeight}px`)},[B]);const ee=s.useCallback(fe=>{const pe=fe.target.value;M("auto"),!E&&!f&&C(pe),K&&!f&&i.dispatchEvent(K,fe,{...X(),value:pe},{value:pe})},[C,K,f,E]),ue=s.useCallback(fe=>{A&&!f&&i.dispatchEvent(A,fe,X(),void 0)},[A,f]),ke=s.useCallback(fe=>{I&&!f&&i.dispatchEvent(I,fe,X(),void 0)},[I,f]),de={id:O||y,role:"textbox",name:D,className:"k-input-inner !k-overflow-auto",ref:h,disabled:f,rows:T,placeholder:N,readOnly:g,required:x,tabIndex:i.getTabIndex(P,f),style:p?{resize:"none",overflow:"hidden",height:Q}:{},"aria-labelledby":c,"aria-describedby":u,"aria-multiline":!0,"aria-disabled":f||void 0,value:E?F:v,...J,onChange:ee,onFocus:ue,onBlur:ke};return s.createElement("span",{className:i.classNames("k-input","k-textarea",{[`k-input-${i.kendoThemeMaps.sizeMap[r]||r}`]:r,[`k-input-${l}`]:l,[`k-rounded-${i.kendoThemeMaps.roundedMap[o]||o}`]:o,"k-invalid":!(q||_!==void 0||_===!0),"k-required":x,"k-disabled":f},d),style:w,dir:Y},s.createElement("textarea",{...de}))});mt.propTypes={ariaDescribedBy:n.string,ariaLabelledBy:n.string,autoSize:n.bool,className:n.string,defaultValue:n.string,dir:n.string,disabled:n.bool,readOnly:n.bool,rows:n.number,id:n.string,name:n.string,placeholder:n.string,style:n.object,tabIndex:n.number,value:n.oneOfType([n.string,n.arrayOf(n.string),n.number]),onChange:n.func,onFocus:n.func,onBlur:n.func,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),fillMode:n.oneOf([null,"solid","flat","outline"])};const Sr={size:"medium",rounded:"medium",fillMode:"solid"};mt.displayName="KendoTextArea",mt.defaultProps=Sr;const Ye=s.forwardRef((a,t)=>{const e=s.useRef(null),r=s.useRef(null),o=i.useDir(r,a.dir);s.useImperativeHandle(e,()=>({element:r.current,props:a,value:a.value})),s.useImperativeHandle(t,()=>e.current);const l=s.useCallback(g=>{a.onClick&&a.onClick.call(void 0,{value:a.value,target:e.current,syntheticEvent:g})},[a.onClick,a.value]),u=s.useCallback(g=>{a.onKeyDown&&a.onKeyDown.call(void 0,{target:e.current,syntheticEvent:g})},[a.onKeyDown]),c=s.useCallback(g=>{a.onFocus&&a.onFocus.call(void 0,{target:e.current,syntheticEvent:g})},[a.onFocus]),p=s.useCallback(g=>{a.onBlur&&a.onBlur.call(void 0,{target:e.current,syntheticEvent:g})},[a.onBlur]),d=s.useCallback(g=>{a.onMouseMove&&a.onMouseMove.call(void 0,{target:e.current,syntheticEvent:g})},[a.onMouseMove]),b=s.useCallback(g=>{a.onMouseEnter&&a.onMouseEnter.call(void 0,{target:e.current,syntheticEvent:g})},[a.onMouseEnter]),f=s.useCallback(g=>{a.onMouseLeave&&a.onMouseLeave.call(void 0,{target:e.current,syntheticEvent:g})},[a.onMouseLeave]);return s.createElement("span",{id:a.id,ref:r,dir:o,"data-half":a.half,tabIndex:a.tabIndex,title:a.title,style:a.style,className:i.classNames("k-rating-item",{"k-rtl":o==="rtl","k-selected":a.selected,"k-hover":a.hovered},a.className),onClick:l,onKeyDown:u,onFocus:c,onBlur:p,onMouseEnter:b,onMouseLeave:f,onMouseMove:d},a.children)}),Ir={id:n.string,icon:n.any,dir:n.oneOf(["ltr","rtl"]),title:n.string,value:n.number,half:n.bool,selected:n.bool,hovered:n.bool},wr={dir:"ltr"};Ye.displayName="KendoReactRatingItem",Ye.propTypes=Ir,Ye.defaultProps=wr;const he=(a,t)=>{if(a%1){const e=Math.pow(10,(t.toString().split(".")[1]||t.toString().split(".")[0]).length);return Math.round(a*e)/e}return a},Pr=(a,t)=>a-t*Math.floor(a/t),yt=(a,t,e)=>he(a-e,e)<t&&t<a,kt=(a,t,e,r)=>t===null?!1:r==="continues"?yt(a,t,e)?he(a-e/2,e/2)<=t:a<=t:r==="single"?yt(a,t,e)?he(a-e/2,e/2)===t:a===t:!1,os=(a,t,e)=>a==="ltr"?e<t.x+t.width/2:e>t.x+t.width/2,ra=(a,t,e,r)=>{for(let o=a;o<=t;o+=e)if(r===o)return!0;return!1};var ne=(a=>(a.select="select",a.deselect="deselect",a.increase="increase",a.decrease="decrease",a.min="min",a.max="max",a.reset="reset",a))(ne||{});const cs=(a,t)=>{switch(t.type){case"select":return t.payload===void 0||t.step===void 0?a:t.payload===a?null:t.payload>=t.min?t.payload<t.max?he(t.payload,t.step):t.max:t.min;case"deselect":return null;case"increase":return t.step===void 0?a:a<t.min?t.min:a+t.step<t.max?he(a+t.step,t.step):t.max;case"decrease":return t.step===void 0?a:he(a-t.step,t.step)>=t.min?he(a-t.step,t.step):t.min;case"min":return t.step===void 0?a:t.min;case"max":return t.max;case"reset":return null;default:return a}},us=(a,t,e)=>{const[r,o]=s.useState(a);return[r,u=>{const c=cs(t.state||r,{...u,...t});e&&e(c,u.event),o(c)}]},ds=i.createPropsContext(),Ct=s.forwardRef((a,t)=>{const e=i.usePropsContext(ds,a),r=se.useLocalization(),o=s.useRef(null),l=s.useRef(null),u=i.useDir(l,e.dir);s.useImperativeHandle(o,()=>({element:l.current,props:e})),s.useImperativeHandle(t,()=>o.current);const c=s.useCallback((h,k)=>{e.onChange&&o.current&&e.onChange.call(void 0,{value:h,target:o.current,syntheticEvent:k})},[e.onChange]),p=s.useMemo(()=>e.min!==void 0?e.min:ye.min,[e.min]),d=s.useMemo(()=>e.max!==void 0?e.max:ye.max,[e.max]),b=s.useMemo(()=>e.precision||ye.precision,[e.precision]),f=s.useMemo(()=>e.step!==void 0?e.step:ye.step,[e.step]),g=s.useMemo(()=>e.readonly||ye.readonly,[e.readonly]),x=s.useMemo(()=>e.disabled||ye.disabled,[e.disabled]),T=s.useMemo(()=>e.item||ye.item,[e.item]),[O,D]=us(e.defaultValue!==void 0?e.defaultValue:ye.defaultValue,{state:e.value,min:p,max:d,step:b==="half"?f/2:f},c),[N,w]=us(null,{state:e.value,min:p,max:d,step:b==="half"?f/2:f,precision:b}),P=s.useMemo(()=>e.value!==void 0?e.value:O,[e.value,O]),F=s.useMemo(()=>N,[N]),z=s.useMemo(()=>e.selection||ye.selection,[e.selection]),L=s.useMemo(()=>f/(b==="half"?2:1),[f,b]),_=s.useCallback(h=>{if(!(!h.target||!h.target.element||g||x)){if(b==="half"){const k=h.target.element.getBoundingClientRect(),C=os(u||"ltr",k,h.syntheticEvent.clientX)?he(h.target.value-f/2,L):h.target.value;D({type:ne.select,payload:C,event:h.syntheticEvent})}else D({type:ne.select,payload:h.target.value,event:h.syntheticEvent});if(e.onClick){const k={value:P,target:o.current,syntheticEvent:h.syntheticEvent};e.onClick.call(void 0,k)}}},[e.onClick,D,P]),K=s.useCallback(h=>{if(!(g||x)){switch(h.keyCode){case i.Keys.right:h.preventDefault(),D({type:u==="rtl"?ne.decrease:ne.increase,event:h});break;case i.Keys.left:h.preventDefault(),D({type:u==="rtl"?ne.increase:ne.decrease,event:h});break;case i.Keys.home:h.preventDefault(),D({type:u==="rtl"?ne.min:ne.max,event:h});break;case i.Keys.end:h.preventDefault(),D({type:u==="rtl"?ne.max:ne.min,event:h});break;case i.Keys.esc:h.preventDefault(),D({type:ne.deselect,event:h});break}e.onKeyDown&&e.onKeyDown.call(void 0,{value:P,target:o.current,syntheticEvent:h})}},[e.onKeyDown,D,P]),A=s.useCallback(h=>{if(e.onFocus){const k={target:o.current,syntheticEvent:h};e.onFocus.call(void 0,k)}},[e.onFocus]),I=s.useCallback(h=>{if(e.onBlur){const k={target:o.current,syntheticEvent:h};e.onBlur.call(void 0,k)}},[e.onBlur]),V=s.useCallback(h=>{if(!(!h.target||!h.target.element))if(b==="half"){const k=h.target.element.getBoundingClientRect(),C=os(u||"ltr",k,h.syntheticEvent.clientX)?h.target.value-f/2:h.target.value;w({type:ne.select,payload:C,event:h.syntheticEvent})}else w({type:ne.select,payload:h.target.value,event:h.syntheticEvent})},[b,f,u]),G=s.useCallback(h=>{w({type:ne.reset,event:h.syntheticEvent})},[]),j=[],J=Pr(he(d-p,L),f);for(let h=p;h<=d;h=he(h+f,L)){const k=he(h+J,L),v=b==="half"?yt(k,F!==null?F:P!==null?P:0,f):!1,C=kt(k,P,f,z),E=kt(k,F!==null?F:P,f,z),B=kt(k,F,f,z);j.push(s.createElement(T,{key:k,value:k,dir:u,title:String(v?he(k-f/2,L):k),icon:e.icon,svgIcon:e.svgIcon,half:v,selected:C||E,hovered:B,onClick:_,onMouseMove:V,onMouseLeave:G},v&&s.createElement("span",{className:"k-rating-precision-complement"},!(e.icon||e.svgIconOutline)&&s.createElement(i.IconWrap,{name:"star-outline",icon:W.starOutlineIcon,style:{clipPath:`${u==="rtl"?"inset(0 50% 0 0)":"inset(0 0 0 50%)"}`},size:"xlarge"}),(e.icon||e.svgIconOutline)&&s.createElement(i.IconWrap,{name:i.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})),v&&s.createElement("span",{className:"k-rating-precision-part"},!(e.icon||e.svgIcon)&&s.createElement(i.IconWrap,{name:"star",icon:W.starIcon,style:{clipPath:`${u==="rtl"?"inset(0 0 0 50%)":"inset(0 50% 0 0)"}`},size:"xlarge"}),(e.icon||e.svgIcon)&&s.createElement(i.IconWrap,{name:e.icon?i.toIconName(e.icon):void 0,icon:e.svgIcon,size:"xlarge"})),v&&s.createElement("span",{style:{width:"24px",height:"24px",display:"block"}}),!v&&!(e.icon||e.svgIcon)&&(B||E&&!B)&&s.createElement(i.IconWrap,{name:"star",icon:W.starIcon,size:"xlarge"})||!(e.icon||e.svgIcon)&&!B&&!E&&s.createElement(i.IconWrap,{name:"star-outline",icon:W.starOutlineIcon,size:"xlarge"})||(e.icon||e.svgIcon)&&(B||E&&!B)&&s.createElement(i.IconWrap,{name:e.icon,icon:e.svgIcon,size:"xlarge"})||(e.icon||e.svgIcon)&&!B&&s.createElement(i.IconWrap,{name:i.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})))}return s.createElement("span",{id:e.id,style:e.style,ref:l,role:"slider",dir:u,tabIndex:i.getTabIndex(e.tabIndex,e.disabled,void 0),className:i.classNames("k-rating",{"k-rtl":u==="rtl","k-readonly":g,"k-disabled":x},e.className),onKeyDown:K,onFocus:A,onBlur:I,"aria-valuemin":p,"aria-valuemax":d,"aria-valuenow":P!==null?P:void 0,"aria-disabled":x?"true":void 0,"aria-label":r.toLanguageString(Kt,$[Kt]),"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy},s.createElement("input",{id:"rating",className:"k-hidden",readOnly:g,disabled:x}),s.createElement("span",{className:"k-rating-container"},j),e.label&&s.createElement("span",{className:"k-rating-label"},e.label))}),Lr={id:n.string,dir:n.oneOf(["ltr","rtl"]),selection:n.oneOf(["continues","single"]),precision:n.oneOf(["item","half"]),value:(a,t,e)=>a.value&&a.min&&a.max&&a.step&&!(a.precision==="half"?ra(a.min,a.max,a.step/2,a.value):ra(a.min,a.max,a.step,a.value))&&a.precision==="half"?new Error(`Invalid prop + ${t} supplied to ${e}.
                     The value of the { value } property is not correct, please check your values.
                     `):null,defaultValue:n.number,min:n.number,max:n.number,step:(a,t,e)=>a.step!==void 0&&a.step<=0?new Error(`Invalid prop + ${t} supplied to ${e}.
                 The value of the { step } property is cannot be equal or less than "0", please check your values.
-                `):null,hovered:n.number,label:n.string,readonly:n.bool,disabled:n.bool,half:n.bool,icon:n.string,svgIcon:i.svgIconPropType,svgIconOutline:i.svgIconPropType,ariaDescribedBy:n.string},ye={dir:"ltr",min:1,max:5,step:1,item:Ye,defaultValue:null,readonly:!1,disabled:!1,selection:"continues",precision:"item"};Ct.displayName="KendoReactRating",Ct.propTypes=Lr,Ct.defaultProps=ye;function Mr(a,t){let e=a;for(;e&&e!==t;)e=e.parentNode;return!!e}const Nr=250,Vr=84,fs=3,hs=2,Tr="#000000",Dr="#ffffff",ps=a=>a!==void 0,gs=i.createPropsContext(),Ze=s.forwardRef((a,t)=>{i.validatePackage(oe);const e=i.usePropsContext(gs,a),r=se.useLocalization(),o=s.useRef(null),l=s.useRef(null),u=s.useRef(null),c=s.useRef(null),p=s.useRef(null),[d,g]=s.useState(),[h,b]=s.useState(!1),[C,D]=s.useState(!1),[O,M]=s.useState(),[L,w]=s.useState(),B=ps(e.value)?e.value:O,[z,P]=s.useState(!1),_=ps(e.open),A=_?e.open:z,K=!(e.maximized||C||!e.maximizable||e.disabled),I=e.maximized&&!C,G=!(!(e.value||O)||C||e.readOnly||e.disabled),j=r.toLanguageString(Ht,H[Ht]),J=r.toLanguageString(Gt,H[Gt]),f=r.toLanguageString($t,H[$t]),k=e.popupScale||fs,v=e.exportScale||hs,x=S=>{M(S),e.onChange&&e.onChange({value:S})},E=S=>{d==null||d.loadImage(S.value),x(S.value)};s.useEffect(()=>{e.value!==O&&(M(e.value),d==null||d.loadImage(e.value))},[e.value]);const F=()=>{d==null||d.clear(),x()},X=s.useCallback(S=>{_||P(S)},[_]),Q=S=>{var R,ie;Be(S),(ie=((R=p.current)==null?void 0:R.element)||l.current)==null||ie.focus()},V=s.useCallback(()=>{let S=Tr;return!e.color&&typeof document<"u"&&o.current&&(S=getComputedStyle(o.current).color),e.color||S},[e.color]),y=s.useCallback(()=>{let S=Dr;return!e.backgroundColor&&typeof document<"u"&&o.current&&(S=getComputedStyle(o.current).backgroundColor),e.backgroundColor||S},[e.backgroundColor]),Y=()=>({scale:e.maximized?e.popupScale:1,color:V(),backgroundColor:y(),strokeWidth:e.strokeWidth,smooth:e.smooth,readonly:e.readOnly}),q=async S=>{const{width:R,height:ie}=S;return await(d==null?void 0:d.exportImage({width:R*v,height:ie*v}))};s.useEffect(()=>{const S=l.current,R=new Is.SignaturePad(S,Y());return B&&R.loadImage(B),g(R),()=>R.destroy()},[]),s.useEffect(()=>{d==null||d.setOptions({onChange:async()=>x(await q(Et())),onDraw:()=>D(!0),onDrawEnd:()=>D(!1)})},[d]),s.useLayoutEffect(()=>d==null?void 0:d.setOptions(Y()),[e.readOnly,e.color,e.backgroundColor,e.strokeWidth,e.smooth]),s.useEffect(()=>{var ie,Ce;const S=(Ce=(ie=u.current)==null?void 0:ie.element)==null?void 0:Ce.querySelector(".k-overlay");if(!S)return;const R=()=>X(!1);return S.addEventListener("click",R),()=>S.removeEventListener("click",R)},[A]),s.useEffect(()=>{if(!A||typeof document>"u")return;const S=R=>{R.keyCode===i.Keys.esc&&X(!1)};return document.addEventListener("keydown",S),()=>document.removeEventListener("keydown",S)},[A]),s.useEffect(()=>{var S,R;e.maximized&&((R=(S=c.current)==null?void 0:S.element)==null||R.focus())},[]);const ee=s.useCallback(()=>{var S;return(S=l.current)==null?void 0:S.focus()},[]),ue=s.useCallback(()=>e.value,[e.value]),ke=s.useCallback(()=>e.name,[e.name]),de=s.useCallback(()=>e.required,[e.required]),fe=s.useCallback(()=>{const S=e.validationMessage!==void 0,ie=!ue(),Ce=e.valid!==void 0?e.valid:!de()||!ie;return{customError:S,valid:Ce,valueMissing:ie}},[e.validationMessage,e.valid,ue,de]),pe=s.useCallback(()=>e.validityStyles,[e.validityStyles]),Ke=s.useCallback(()=>e,[e]),$=s.useCallback(()=>{const S={element:o.current,focus:ee};return Object.defineProperty(S,"name",{get:ke}),Object.defineProperty(S,"value",{get:ue}),Object.defineProperty(S,"validity",{get:fe}),Object.defineProperty(S,"validityStyles",{get:pe}),Object.defineProperty(S,"required",{get:de}),Object.defineProperty(S,"props",{get:Ke}),Object.defineProperty(S,"color",{get:V}),Object.defineProperty(S,"backgroundColor",{get:y}),S},[ke,ue,fe,pe,de,ee,Ke,V,y]);s.useImperativeHandle(t,$);const me=s.useCallback(S=>{h||e.maximized||(b(!0),i.dispatchEvent(e.onFocus,S,$(),{}))},[h,e.onFocus,$]),ge=s.useCallback(S=>{Mr(S.relatedTarget,o.current)||(b(!1),i.dispatchEvent(e.onBlur,S,$(),{}))},[h,e.onBlur,$]),Je=s.useCallback(async S=>{w(await q(St())),X(!0),i.dispatchEvent(e.onOpen,S,$(),{})},[A,_,e.onOpen,e.value,O,$]),Be=s.useCallback(S=>{X(!1),i.dispatchEvent(e.onClose,S,$(),{})},[A,_,e.onClose,$]),ia=()=>{F(),ee()},Et=()=>{var ie,Ce;const S=e.width||((ie=o.current)==null?void 0:ie.offsetWidth)||Nr,R=e.height||((Ce=o.current)==null?void 0:Ce.offsetHeight)||Vr;return{width:S,height:R}},St=()=>{const{width:S,height:R}=Et();return{width:S*k,height:R*k}},la=!pe()||fe().valid;return s.createElement("div",{ref:o,dir:e.dir,style:{width:e.width,height:e.height,...e.style},className:i.classNames("k-input","k-signature",{"k-signature-maximized":e.maximized,[`k-signature-${i.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-input-${e.fillMode}`]:e.fillMode,[`k-rounded-${i.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,"k-invalid":!la,"k-required":e.required,"k-disabled":e.disabled,"k-focus":h},e.className),onFocus:me,onBlur:ge},s.createElement("div",{className:"k-signature-canvas",ref:l,tabIndex:i.getTabIndex(e.tabIndex,e.disabled),role:"img",id:e.id,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-disabled":e.disabled?"true":void 0}),s.createElement("div",{className:"k-signature-actions k-signature-actions-top"},K&&s.createElement(le.Button,{className:"k-signature-action k-signature-maximize",ref:p,icon:"hyperlink-open",svgIcon:W.hyperlinkOpenIcon,fillMode:"flat",size:e.size,onClick:Je,"aria-label":j,title:j}),I&&s.createElement(le.Button,{className:"k-signature-action k-signature-minimize k-rotate-180",ref:c,icon:"hyperlink-open",svgIcon:W.hyperlinkOpenIcon,fillMode:"flat",size:e.size,onClick:Be,"aria-label":J,title:J})),!e.hideLine&&s.createElement("div",{className:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}}),s.createElement("div",{className:"k-signature-actions k-signature-actions-bottom"},G&&s.createElement(le.Button,{className:"k-signature-action k-signature-clear",icon:"x",svgIcon:W.xIcon,fillMode:"flat",size:e.size,onClick:ia,"aria-label":f,title:f})),A&&s.createElement(ws.Dialog,{ref:u},s.createElement(Ze,{...e,...St(),value:L,maximized:!0,exportScale:1/k*v,open:!1,onChange:E,onClose:Q})))});Ze.propTypes={value:n.string,width:n.number,height:n.number,tabIndex:n.number,dir:n.string,ariaDescribedBy:n.string,ariaLabelledBy:n.string,ariaLabel:n.string,readOnly:n.bool,disabled:n.bool,validationMessage:n.string,required:n.bool,onChange:n.func,onFocus:n.func,onBlur:n.func,onOpen:n.func,onClose:n.func,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large"]),fillMode:n.oneOf([null,"solid","flat","outline"])},Ze.displayName="KendoSignature",Ze.defaultProps={strokeWidth:1,smooth:!1,popupScale:fs,exportScale:hs,maximizable:!0,disabled:!1,required:!1,validityStyles:!0,onChange:a=>i.noop,onFocus:a=>i.noop,onBlur:a=>i.noop,onOpen:a=>i.noop,onClose:a=>i.noop,size:"medium",rounded:"medium",fillMode:"solid"};const xt=s.forwardRef((a,t)=>{i.validatePackage(oe);const e=s.useRef(null),r=s.useRef(null),o=s.useRef(),l=s.useCallback(()=>{var G;return o.current!==void 0?o.current:(G=e.current)==null?void 0:G.value},[]);s.useImperativeHandle(r,()=>({get element(){return e.current},get name(){return e.current&&e.current.name},get value(){return l()}})),s.useImperativeHandle(t,()=>r.current);const{size:u,fillMode:c,rounded:p,className:d,dir:g,style:h,prefix:b=na.prefix,suffix:C=na.suffix,valid:D,modified:O,touched:M,visited:L,...w}=a,[N]=i.useCustomComponent(b),[B]=i.useCustomComponent(C),[z,P]=s.useState(!1),_=G=>{P(!0)},A=G=>{P(!1)},K=s.useCallback(G=>{o.current=G.target.value,a.onChange&&a.onChange.call(void 0,{syntheticEvent:G,nativeEvent:G.nativeEvent,value:G.target.value,target:r.current}),o.current=void 0},[a.onChange]),{onFocus:I,onBlur:T}=i.useAsyncFocusBlur({onFocus:_,onBlur:A,onSyncFocus:a.onFocus,onSyncBlur:a.onBlur});return s.createElement("span",{style:h,dir:g,className:i.classNames("k-textbox k-input",{[`k-input-${i.kendoThemeMaps.sizeMap[u]||u}`]:u,[`k-input-${c}`]:c,[`k-rounded-${i.kendoThemeMaps.roundedMap[p]||p}`]:p},{"k-focus":z,"k-required":a.required,"k-disabled":a.disabled,"k-invalid":a.valid===!1},d),onFocus:I,onBlur:T},s.createElement(N,null),s.createElement("input",{ref:e,className:"k-input-inner",...w,onChange:K}),s.createElement(B,null))}),na={prefix:a=>null,suffix:a=>null,size:"medium",rounded:"medium",fillMode:"solid"};xt.propTypes={size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),fillMode:n.oneOf([null,"solid","flat","outline"])},xt.displayName="KendoReactTextBoxComponent",xt.defaultProps=na;const bs=s.forwardRef((a,t)=>{const e=s.useRef(null),r=s.useRef(null);return s.useImperativeHandle(e,()=>({element:r.current})),s.useImperativeHandle(t,()=>e.current),s.createElement("span",{...a,className:i.classNames("k-clear-value",a.className)})});bs.displayName="KendoReactInputClearValue";const vs=s.forwardRef((a,t)=>{const e=s.useRef(null),r=s.useRef(null);return s.useImperativeHandle(e,()=>({element:r.current})),s.useImperativeHandle(t,()=>e.current),s.createElement("span",{...a,className:i.classNames("k-input-prefix",a.className)})});vs.displayName="KendoReactInputPrefix";const ms=s.forwardRef((a,t)=>{const e=s.useRef(null),r=s.useRef(null);return s.useImperativeHandle(e,()=>({element:r.current})),s.useImperativeHandle(t,()=>e.current),s.createElement("span",{...a,className:i.classNames("k-input-separator",a.className)})});ms.displayName="KendoReactInputSeparator";const ys=s.forwardRef((a,t)=>{const e=s.useRef(null),r=s.useRef(null);return s.useImperativeHandle(e,()=>({element:r.current})),s.useImperativeHandle(t,()=>e.current),s.createElement("span",{...a,className:i.classNames("k-input-suffix",a.className)})});ys.displayName="KendoReactInputSuffix";const ks=s.forwardRef((a,t)=>s.createElement(i.IconWrap,{ref:t,...a,className:i.classNames("k-input-validation-icon",a.className)}));ks.displayName="KendoReactInputValidationIcon",m.Checkbox=bt,m.CheckboxPropsContext=ss,m.ColorGradient=lt,m.ColorGradientPropsContext=za,m.ColorGradientWithoutContext=We,m.ColorInput=st,m.ColorPalette=ot,m.ColorPalettePropsContext=Ha,m.ColorPaletteWithoutContext=Ue,m.ColorPicker=ct,m.ColorPickerPropsContext=qa,m.FlatColorPicker=sa,m.Input=Qt,m.InputClearValue=bs,m.InputPrefix=vs,m.InputPropsContext=Ta,m.InputSeparator=ms,m.InputSuffix=ys,m.InputValidationIcon=ks,m.InputWithoutContext=Ge,m.MaskedTextBox=Qa,m.MaskedTextBoxWithoutContext=je,m.NumericTextBox=Ie,m.NumericTextBoxPropsContext=La,m.PALETTEPRESETS=_a,m.RANGE_ACTION=U,m.RATING_ACTION=ne,m.RadioButton=Xe,m.RadioButtonPropsContext=rs,m.RadioGroup=vt,m.RadioGroupPropsContext=ns,m.RangeSlider=ht,m.RangeSliderPropsContext=ts,m.Rating=Ct,m.RatingItem=Ye,m.RatingPropsContext=ds,m.SLIDER_LABEL_ATTRIBUTE=ea,m.Signature=Ze,m.SignaturePropsContext=gs,m.Slider=rt,m.SliderLabel=Gs,m.SliderWithoutContext=qe,m.Switch=as,m.SwitchWithoutContext=Re,m.TextArea=mt,m.TextAreaPropsContext=ls,m.TextBox=xt,m.inputsMessages=H,m.isCorrectValue=ra,m.isHalf=yt,m.isSelected=kt,m.maskingChanged=Ja,m.numericDecreaseValue=ze,m.numericIncreaseValue=Fe,m.rangeReducer=es,m.ratingReducer=cs,m.sanitizeNumber=Xt,m.toRound=he,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})});
+                `):null,hovered:n.number,label:n.string,readonly:n.bool,disabled:n.bool,half:n.bool,icon:n.string,svgIcon:i.svgIconPropType,svgIconOutline:i.svgIconPropType,ariaDescribedBy:n.string},ye={dir:"ltr",min:1,max:5,step:1,item:Ye,defaultValue:null,readonly:!1,disabled:!1,selection:"continues",precision:"item"};Ct.displayName="KendoReactRating",Ct.propTypes=Lr,Ct.defaultProps=ye;function Nr(a,t){let e=a;for(;e&&e!==t;)e=e.parentNode;return!!e}const Mr=250,Vr=84,fs=3,hs=2,Tr="#000000",Dr="#ffffff",ps=a=>a!==void 0,gs=i.createPropsContext(),Ze=s.forwardRef((a,t)=>{i.validatePackage(oe);const e=i.usePropsContext(gs,a),r=se.useLocalization(),o=s.useRef(null),l=s.useRef(null),u=s.useRef(null),c=s.useRef(null),p=s.useRef(null),[d,b]=s.useState(),[f,g]=s.useState(!1),[x,T]=s.useState(!1),[O,D]=s.useState(),[N,w]=s.useState(),F=ps(e.value)?e.value:O,[z,L]=s.useState(!1),_=ps(e.open),K=_?e.open:z,A=!(e.maximized||x||!e.maximizable||e.disabled),I=e.maximized&&!x,G=!(!(e.value||O)||x||e.readOnly||e.disabled),j=r.toLanguageString($t,$[$t]),J=r.toLanguageString(Gt,$[Gt]),h=r.toLanguageString(Ht,$[Ht]),k=e.popupScale||fs,v=e.exportScale||hs,C=S=>{D(S),e.onChange&&e.onChange({value:S})},E=S=>{d==null||d.loadImage(S.value),C(S.value)};s.useEffect(()=>{e.value!==O&&(D(e.value),d==null||d.loadImage(e.value))},[e.value]);const B=()=>{d==null||d.clear(),C()},X=s.useCallback(S=>{_||L(S)},[_]),Q=S=>{var R,ie;Be(S),(ie=((R=p.current)==null?void 0:R.element)||l.current)==null||ie.focus()},M=s.useCallback(()=>{let S=Tr;return!e.color&&typeof document<"u"&&o.current&&(S=getComputedStyle(o.current).color),e.color||S},[e.color]),y=s.useCallback(()=>{let S=Dr;return!e.backgroundColor&&typeof document<"u"&&o.current&&(S=getComputedStyle(o.current).backgroundColor),e.backgroundColor||S},[e.backgroundColor]),Y=()=>({scale:e.maximized?e.popupScale:1,color:M(),backgroundColor:y(),strokeWidth:e.strokeWidth,smooth:e.smooth,readonly:e.readOnly}),q=async S=>{const{width:R,height:ie}=S;return await(d==null?void 0:d.exportImage({width:R*v,height:ie*v}))};s.useEffect(()=>{const S=l.current,R=new Is.SignaturePad(S,Y());return F&&R.loadImage(F),b(R),()=>R.destroy()},[]),s.useEffect(()=>{d==null||d.setOptions({onChange:async()=>C(await q(Et())),onDraw:()=>T(!0),onDrawEnd:()=>T(!1)})},[d]),s.useLayoutEffect(()=>d==null?void 0:d.setOptions(Y()),[e.readOnly,e.color,e.backgroundColor,e.strokeWidth,e.smooth]),s.useEffect(()=>{var ie,Ce;const S=(Ce=(ie=u.current)==null?void 0:ie.element)==null?void 0:Ce.querySelector(".k-overlay");if(!S)return;const R=()=>X(!1);return S.addEventListener("click",R),()=>S.removeEventListener("click",R)},[K]),s.useEffect(()=>{if(!K||typeof document>"u")return;const S=R=>{R.keyCode===i.Keys.esc&&X(!1)};return document.addEventListener("keydown",S),()=>document.removeEventListener("keydown",S)},[K]),s.useEffect(()=>{var S,R;e.maximized&&((R=(S=c.current)==null?void 0:S.element)==null||R.focus())},[]);const ee=s.useCallback(()=>{var S;return(S=l.current)==null?void 0:S.focus()},[]),ue=s.useCallback(()=>e.value,[e.value]),ke=s.useCallback(()=>e.name,[e.name]),de=s.useCallback(()=>e.required,[e.required]),fe=s.useCallback(()=>{const S=e.validationMessage!==void 0,ie=!ue(),Ce=e.valid!==void 0?e.valid:!de()||!ie;return{customError:S,valid:Ce,valueMissing:ie}},[e.validationMessage,e.valid,ue,de]),pe=s.useCallback(()=>e.validityStyles,[e.validityStyles]),Ke=s.useCallback(()=>e,[e]),H=s.useCallback(()=>{const S={element:o.current,focus:ee};return Object.defineProperty(S,"name",{get:ke}),Object.defineProperty(S,"value",{get:ue}),Object.defineProperty(S,"validity",{get:fe}),Object.defineProperty(S,"validityStyles",{get:pe}),Object.defineProperty(S,"required",{get:de}),Object.defineProperty(S,"props",{get:Ke}),Object.defineProperty(S,"color",{get:M}),Object.defineProperty(S,"backgroundColor",{get:y}),S},[ke,ue,fe,pe,de,ee,Ke,M,y]);s.useImperativeHandle(t,H);const me=s.useCallback(S=>{f||e.maximized||(g(!0),i.dispatchEvent(e.onFocus,S,H(),{}))},[f,e.onFocus,H]),ge=s.useCallback(S=>{Nr(S.relatedTarget,o.current)||(g(!1),i.dispatchEvent(e.onBlur,S,H(),{}))},[f,e.onBlur,H]),Je=s.useCallback(async S=>{w(await q(St())),X(!0),i.dispatchEvent(e.onOpen,S,H(),{})},[K,_,e.onOpen,e.value,O,H]),Be=s.useCallback(S=>{X(!1),i.dispatchEvent(e.onClose,S,H(),{})},[K,_,e.onClose,H]),ia=()=>{B(),ee()},Et=()=>{var ie,Ce;const S=e.width||((ie=o.current)==null?void 0:ie.offsetWidth)||Mr,R=e.height||((Ce=o.current)==null?void 0:Ce.offsetHeight)||Vr;return{width:S,height:R}},St=()=>{const{width:S,height:R}=Et();return{width:S*k,height:R*k}},la=!pe()||fe().valid;return s.createElement("div",{ref:o,dir:e.dir,style:{width:e.width,height:e.height,...e.style},className:i.classNames("k-input","k-signature",{"k-signature-maximized":e.maximized,[`k-signature-${i.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-input-${e.fillMode}`]:e.fillMode,[`k-rounded-${i.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,"k-invalid":!la,"k-required":e.required,"k-disabled":e.disabled,"k-focus":f},e.className),onFocus:me,onBlur:ge},s.createElement("div",{className:"k-signature-canvas",ref:l,tabIndex:i.getTabIndex(e.tabIndex,e.disabled),role:"img",id:e.id,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-disabled":e.disabled?"true":void 0}),s.createElement("div",{className:"k-signature-actions k-signature-actions-top"},A&&s.createElement(le.Button,{className:"k-signature-action k-signature-maximize",ref:p,icon:"hyperlink-open",svgIcon:W.hyperlinkOpenIcon,fillMode:"flat",size:e.size,onClick:Je,"aria-label":j,title:j}),I&&s.createElement(le.Button,{className:"k-signature-action k-signature-minimize k-rotate-180",ref:c,icon:"hyperlink-open",svgIcon:W.hyperlinkOpenIcon,fillMode:"flat",size:e.size,onClick:Be,"aria-label":J,title:J})),!e.hideLine&&s.createElement("div",{className:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}}),s.createElement("div",{className:"k-signature-actions k-signature-actions-bottom"},G&&s.createElement(le.Button,{className:"k-signature-action k-signature-clear",icon:"x",svgIcon:W.xIcon,fillMode:"flat",size:e.size,onClick:ia,"aria-label":h,title:h})),K&&s.createElement(ws.Dialog,{ref:u},s.createElement(Ze,{...e,...St(),value:N,maximized:!0,exportScale:1/k*v,open:!1,onChange:E,onClose:Q})))});Ze.propTypes={value:n.string,width:n.number,height:n.number,tabIndex:n.number,dir:n.string,ariaDescribedBy:n.string,ariaLabelledBy:n.string,ariaLabel:n.string,readOnly:n.bool,disabled:n.bool,validationMessage:n.string,required:n.bool,onChange:n.func,onFocus:n.func,onBlur:n.func,onOpen:n.func,onClose:n.func,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large"]),fillMode:n.oneOf([null,"solid","flat","outline"])},Ze.displayName="KendoSignature",Ze.defaultProps={strokeWidth:1,smooth:!1,popupScale:fs,exportScale:hs,maximizable:!0,disabled:!1,required:!1,validityStyles:!0,onChange:a=>i.noop,onFocus:a=>i.noop,onBlur:a=>i.noop,onOpen:a=>i.noop,onClose:a=>i.noop,size:"medium",rounded:"medium",fillMode:"solid"};const xt=s.forwardRef((a,t)=>{i.validatePackage(oe);const e=s.useRef(null),r=s.useRef(null),o=s.useRef(),l=s.useCallback(()=>{var G;return o.current!==void 0?o.current:(G=e.current)==null?void 0:G.value},[]);s.useImperativeHandle(r,()=>({get element(){return e.current},get name(){return e.current&&e.current.name},get value(){return l()}})),s.useImperativeHandle(t,()=>r.current);const{size:u,fillMode:c,rounded:p,className:d,dir:b,style:f,prefix:g=na.prefix,suffix:x=na.suffix,valid:T,modified:O,touched:D,visited:N,...w}=a,[P]=i.useCustomComponent(g),[F]=i.useCustomComponent(x),[z,L]=s.useState(!1),_=G=>{L(!0)},K=G=>{L(!1)},A=s.useCallback(G=>{o.current=G.target.value,a.onChange&&a.onChange.call(void 0,{syntheticEvent:G,nativeEvent:G.nativeEvent,value:G.target.value,target:r.current}),o.current=void 0},[a.onChange]),{onFocus:I,onBlur:V}=i.useAsyncFocusBlur({onFocus:_,onBlur:K,onSyncFocus:a.onFocus,onSyncBlur:a.onBlur});return s.createElement("span",{style:f,dir:b,className:i.classNames("k-textbox k-input",{[`k-input-${i.kendoThemeMaps.sizeMap[u]||u}`]:u,[`k-input-${c}`]:c,[`k-rounded-${i.kendoThemeMaps.roundedMap[p]||p}`]:p},{"k-focus":z,"k-required":a.required,"k-disabled":a.disabled,"k-invalid":a.valid===!1},d),onFocus:I,onBlur:V},s.createElement(P,null),s.createElement("input",{ref:e,className:"k-input-inner",...w,onChange:A}),s.createElement(F,null))}),na={prefix:a=>null,suffix:a=>null,size:"medium",rounded:"medium",fillMode:"solid"};xt.propTypes={size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),fillMode:n.oneOf([null,"solid","flat","outline"])},xt.displayName="KendoReactTextBoxComponent",xt.defaultProps=na;const bs=s.forwardRef((a,t)=>{const e=s.useRef(null),r=s.useRef(null);return s.useImperativeHandle(e,()=>({element:r.current})),s.useImperativeHandle(t,()=>e.current),s.createElement("span",{...a,className:i.classNames("k-clear-value",a.className)})});bs.displayName="KendoReactInputClearValue";const vs=s.forwardRef((a,t)=>{const e=s.useRef(null),r=s.useRef(null);return s.useImperativeHandle(e,()=>({element:r.current})),s.useImperativeHandle(t,()=>e.current),s.createElement("span",{...a,className:i.classNames("k-input-prefix",a.className)})});vs.displayName="KendoReactInputPrefix";const ms=s.forwardRef((a,t)=>{const e=s.useRef(null),r=s.useRef(null);return s.useImperativeHandle(e,()=>({element:r.current})),s.useImperativeHandle(t,()=>e.current),s.createElement("span",{...a,className:i.classNames("k-input-separator",a.className)})});ms.displayName="KendoReactInputSeparator";const ys=s.forwardRef((a,t)=>{const e=s.useRef(null),r=s.useRef(null);return s.useImperativeHandle(e,()=>({element:r.current})),s.useImperativeHandle(t,()=>e.current),s.createElement("span",{...a,className:i.classNames("k-input-suffix",a.className)})});ys.displayName="KendoReactInputSuffix";const ks=s.forwardRef((a,t)=>s.createElement(i.IconWrap,{ref:t,...a,className:i.classNames("k-input-validation-icon",a.className)}));ks.displayName="KendoReactInputValidationIcon",m.Checkbox=bt,m.CheckboxPropsContext=ss,m.ColorGradient=lt,m.ColorGradientPropsContext=za,m.ColorGradientWithoutContext=We,m.ColorInput=st,m.ColorPalette=ot,m.ColorPalettePropsContext=$a,m.ColorPaletteWithoutContext=Ue,m.ColorPicker=ct,m.ColorPickerPropsContext=qa,m.FlatColorPicker=sa,m.Input=Qt,m.InputClearValue=bs,m.InputPrefix=vs,m.InputPropsContext=Ta,m.InputSeparator=ms,m.InputSuffix=ys,m.InputValidationIcon=ks,m.InputWithoutContext=Ge,m.MaskedTextBox=Qa,m.MaskedTextBoxWithoutContext=je,m.NumericTextBox=Ie,m.NumericTextBoxPropsContext=La,m.PALETTEPRESETS=_a,m.RANGE_ACTION=U,m.RATING_ACTION=ne,m.RadioButton=Xe,m.RadioButtonPropsContext=rs,m.RadioGroup=vt,m.RadioGroupPropsContext=ns,m.RangeSlider=ht,m.RangeSliderPropsContext=ts,m.Rating=Ct,m.RatingItem=Ye,m.RatingPropsContext=ds,m.SLIDER_LABEL_ATTRIBUTE=ea,m.Signature=Ze,m.SignaturePropsContext=gs,m.Slider=rt,m.SliderLabel=Gs,m.SliderWithoutContext=qe,m.Switch=as,m.SwitchWithoutContext=Re,m.TextArea=mt,m.TextAreaPropsContext=ls,m.TextBox=xt,m.inputsMessages=$,m.isCorrectValue=ra,m.isHalf=yt,m.isSelected=kt,m.maskingChanged=Ja,m.numericDecreaseValue=ze,m.numericIncreaseValue=Fe,m.rangeReducer=es,m.ratingReducer=cs,m.sanitizeNumber=Xt,m.toRound=he,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})});