@progress/kendo-react-inputs 7.1.0-develop.1 → 7.1.0-develop.2

package/index.js

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