@progress/kendo-react-inputs 7.2.4-develop.2 → 7.2.4-develop.3

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

@@ -2,7 +2,7 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------*/
-(function(m,qe){typeof exports=="object"&&typeof module!="undefined"?qe(exports,require("react"),require("prop-types"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-common"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-labels"),require("@progress/kendo-react-buttons"),require("@progress/kendo-drawing"),require("@progress/kendo-react-popup"),require("@progress/kendo-inputs-common"),require("@progress/kendo-react-dialogs")):typeof define=="function"&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-intl","@progress/kendo-react-common","@progress/kendo-svg-icons","@progress/kendo-react-labels","@progress/kendo-react-buttons","@progress/kendo-drawing","@progress/kendo-react-popup","@progress/kendo-inputs-common","@progress/kendo-react-dialogs"],qe):(m=typeof globalThis!="undefined"?globalThis:m||self,qe(m.KendoReactInputs={},m.React,m.PropTypes,m.KendoReactIntl,m.KendoReactCommon,m.KendoSvgIcons,m.KendoReactLabels,m.KendoReactButtons,m.KendoDrawing,m.KendoReactPopup,m.KendoInputsCommon,m.KendoReactDialogs))})(this,function(m,qe,i,se,r,j,we,re,Ae,Es,ys,Ss){"use strict";"use client";function Is(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,n.get?n:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const s=Is(qe),le={name:"@progress/kendo-react-inputs",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},Ke="numerictextbox.increment",He="numerictextbox.decrement",It="slider.increment",wt="slider.decrement",Be="slider.dragTitle",Oe="colorGradient.r",ua="colorGradient.g",da="colorGradient.b",fa="colorGradient.a",ha="colorGradient.hex",Lt="colorGradient.contrastRatio",Nt="colorGradient.colorGradientAALevel",Mt="colorGradient.colorGradientAAALevel",Vt="colorGradient.colorGradientPass",Dt="colorGradient.colorGradientFail",Bt="colorGradient.hueSliderLabel",Ot="colorGradient.alphaSliderLabel",Ft="colorGradient.toggleInputsButton",ga="flatColorPicker.cancelBtn",ba="flatColorPicker.applyBtn",zt="flatColorPicker.colorGradientBtn",_t="flatColorPicker.colorPaletteBtn",At="flatColorPicker.clearBtn",va="checkbox.validation",pa="checkbox.optionalText",ws="radioButton.validation",Kt="switch.validation",Ht="colorPicker.dropdownButtonAriaLabel",$t="rating.ariaLabel",Gt="signature.clear",qt="signature.maximize",Wt="signature.minimize",q={[Ke]:"Increase value",[He]:"Decrease value",[It]:"Increase",[wt]:"Decrease",[Be]:"Drag",[Oe]:"r",[ua]:"g",[da]:"b",[fa]:"a",[ha]:"hex",[Lt]:"Contrast ratio",[Nt]:"AA",[Mt]:"AAA",[Vt]:"Pass",[Dt]:"Fail",[Bt]:"Hue slider",[Ot]:"Alpha slider",[Ft]:"Toggle colorgradient inputs",[ga]:"Cancel",[ba]:"Apply",[zt]:"Color Gradient view",[_t]:"Color Palette view",[At]:"Clear color value",[va]:"Please check this box if you want to proceed!",[pa]:"(Optional)",[ws]:"Please select option if you want to proceed!",[Kt]:"Please turn on if you want to proceed!",[Ht]:"Select",[$t]:"Rating",[Gt]:"Clear",[qt]:"Maximize",[Wt]:"Minimize"},Te=11111111111111e-7,Ls=.31111111111111117,Ns=1,ma=1,xa=0,ve=/\d/,ka=15,Ca=()=>({eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1}),Ut=(a,t)=>a!==void 0?a:t,oe=(a,t,e)=>a===null&&a===void 0?"":typeof a=="string"?a:e.formatNumber(a,t),Ea=a=>(String(a).split(".")[1]||"").length,ya=(a,t)=>Math.max(Ea(a),Ea(t)),Ms=a=>Math.min(a,ka),Sa=(a,t)=>{const e=Ms(t);return parseFloat(a.toFixed(e))},Ia=(a,t,e,n,l,o,u)=>{const c=ya(a||0,e||0),g=$e(Sa((a||0)+(e||0),c),n,l);t.eventValue=g,t.currentLooseValue=oe(g,o,u),t.selectionStart=t.selectionEnd=We(t.currentLooseValue,ve)},wa=(a,t,e,n,l,o,u)=>{const c=ya(a||0,e||0),g=$e(Sa((a||0)-(e||0),c),n,l);t.eventValue=g,t.currentLooseValue=oe(g,o,u),t.selectionStart=t.selectionEnd=We(t.currentLooseValue,ve)},$e=(a,t,e)=>a==null?a:!(a>1||a<1||a===1)||e!==void 0&&t!==void 0&&e<t?null:(e!==void 0&&a>e&&(a=e),t!==void 0&&a<t&&(a=t),a),Vs=(a,t)=>{const e=t.findIndex(([l,o])=>!!o&&a.indexOf(o)===a.length-o.length);if(e===-1)return-1;const n=t[e][1];return a.length-n.length},Ds=(a,t)=>{const e=t.findIndex(([l,o])=>!!l&&a.indexOf(l)===0);return e===-1?-1:t[e][0].length},Bs=(a,t,e)=>{const n=Vs(a,t);if(n!==-1&&e.selectionStart>n){e.selectionStart=e.selectionEnd=n;return}e.selectionStart>a.length&&(e.selectionStart=e.selectionEnd=a.length);const l=Ds(a,t);l!==-1&&e.selectionStart<l&&(e.selectionStart=e.selectionEnd=l),e.selectionStart===-1&&(e.selectionStart=e.selectionEnd=0)},Ie=(a,t,e,n)=>{a.selectionStart=a.selectionEnd=t,Bs(e,n,a)},jt=(a,t,e,n)=>{a.eventValue=n.parseNumber(a.prevLooseValue,t),a.currentLooseValue=a.prevLooseValue,a.valueIsCorrected=!0,Ie(a,a.selectionStart,a.currentLooseValue,e)},Os=(a,t)=>{const e=String(a.currentLooseValue),n=String(a.prevLooseValue);return e.split(t.minusSign).length!==n.split(t.minusSign).length&&e.length===n.length+t.minusSign.length},Fs=(a,t)=>{const e=String(a.currentLooseValue),n=String(a.prevLooseValue);return e.indexOf(t.minusSign)===-1&&n.indexOf(t.minusSign)!==-1},zs=(a,t)=>String(a.currentLooseValue).split(t.decimal).length>2,_s=(a,t)=>{const e=t.formatNumber(Te,a),n=t.formatNumber(-Te,a),l=t.formatNumber(xa,a),o=t.formatNumber(ma,a),u=et(e),c=et(n),g=et(l),d=et(o),b=tt(e),v=tt(n),h=tt(l),k=tt(o);return{positiveInfo:[u,b],negativeInfo:[c,v],zeroInfo:[g,h],oneInfo:[d,k]}},As=(a,t)=>{const e=t.formatNumber(Te,a),n=t.formatNumber(-Te,a),l=t.formatNumber(xa,a),o=t.formatNumber(ma,a),u=t.numberSymbols(),c=new RegExp(`[\\d\\${u.decimal}${u.group}]`,"g");return[e,n,l,o].map(d=>d.replace(c,"")).join("").split("").filter((d,b,v)=>v.indexOf(d)===b).join("")},Rt=(a,t)=>{const e=a.indexOf(t.decimal);return e>-1?e:We(a,ve)},Xt=a=>a.split("").reverse().join(""),We=(a,t)=>a.length-Xt(a).search(t),et=a=>a.split(a[a.search(ve)])[0],tt=a=>{const t=Xt(a);return Xt(t.split(t[t.search(ve)])[0])},Yt=(a,t)=>a.search(t),La=(a,t)=>{const e=a.indexOf(t);return e>-1?a.length-e-1:0},Na=(a,t,e,n,l)=>{const o=a.replace(l,"")[0]==="0",u=t.replace(l,"")[0]==="0";if(o&&!u)return e-1;if(u&&n)return e+1;let c=0;for(let d=0;d<e;d++)ve.test(a.charAt(d))&&c++;let g=0;for(;c>0&&t.length>g;)ve.test(t.charAt(g))&&c--,g++;return g},Zt=(a,t,e)=>{const n={...a},{prevLooseValue:l}=n,o=e.numberSymbols(),u=As(t,e),c=String(n.currentLooseValue),g=String(l),d=new RegExp(`[^\\d\\${o.decimal}]`,"g"),b=new RegExp(`[^\\d\\${o.decimal}\\${o.group}]`,"g"),v=new RegExp(`[\\d\\${o.decimal}\\${o.group}]`),h=c.replace(d,""),k=Yt(c,ve),O=k===-1?-1:We(c,ve),F=c.indexOf(o.decimal),D=(c.substring(0,k)+c.substring(k,O).replace(b,"")+c.substring(O,c.length)).split("").filter(p=>u.indexOf(p)!==-1||p.search(v)!==-1).join(""),V=e.formatNumber(Ls,t).replace(d,""),w=V.indexOf(o.decimal),N=w>-1?V.length-w-1:0,A=e.formatNumber(Ns,t).replace(d,""),_=A.indexOf(o.decimal),L=_>-1?A.length-_-1:0,{positiveInfo:K,negativeInfo:G,zeroInfo:H,oneInfo:S}=_s(t,e),M=[K,G,H,S],W=M.findIndex(p=>p.findIndex(C=>!!C)!==-1)!==1,Y=c.length>0&&c.length<g.length,T=typeof t=="string"&&t[0]==="p"&&c&&c.indexOf(o.percentSign)===-1;if(!n.isPaste){if(c==="")return n.eventValue=null,n.currentLooseValue="",n;if(n.currentLooseValue===o.minusSign&&e.formatNumber(-0,t)!==g)return n.eventValue=-0,n.currentLooseValue=oe(n.eventValue,t,e),Ie(n,Rt(n.currentLooseValue,o),n.currentLooseValue,M),n;if(n.currentLooseValue===o.decimal){n.eventValue=0;const E=oe(n.eventValue,t,e);if(L===0&&N>0){const I=We(E,ve);n.currentLooseValue=E.substring(0,I)+o.decimal+E.substring(I)}else n.currentLooseValue=E;return Ie(n,Rt(n.currentLooseValue,o)+1,n.currentLooseValue,M),n}if(Os(n,o)){const E=e.parseNumber(l,t);n.eventValue=-(E!==null?E:0),n.currentLooseValue=oe(n.eventValue,t,e);const I=Yt(n.currentLooseValue,ve),z=Yt(g,ve);return Ie(n,n.selectionEnd-1+(I-z),n.currentLooseValue,M),n}if(Fs(n,o))return n.eventValue=e.parseNumber(n.currentLooseValue,t),Ie(n,n.selectionStart,n.currentLooseValue,M),n;if(zs(n,o))return jt(n,t,M,e),n;if(T)return n.eventValue=e.parseNumber(c,t)/100,n.currentLooseValue=oe(n.eventValue,t,e),n;if(String(n.currentLooseValue).replace(/[^\d]/g,"").length>ka||h!==c&&c&&W&&M.findIndex(([I,z])=>{const ee=c.indexOf(I),P=c.indexOf(z),B=ee===0,x=P===c.length-z.length,R=ee+I.length!==k&&k!==-1&&c[ee+I.length]!==o.decimal,U=P!==O&&O!==-1&&c[P-1]!==o.decimal;return I&&z?R||U?!1:B&&x:I?R?!1:B:z?U?!1:x:!1})===-1)return jt(n,t,M,e),n;if(h[h.length-1]===o.decimal&&N>0)return n.eventValue=e.parseNumber(c,t),n.currentLooseValue=D,n;if(n.currentLooseValue&&l&&(u+o.decimal+o.group).split("").findIndex(I=>c.split("").filter(z=>z===I).length<g.split("").filter(z=>z===I).length&&c.length+1===g.length?!(I===o.decimal&&La(g.replace(d,""),o.decimal)===0):!1)>-1)return n.eventValue=e.parseNumber(a.prevLooseValue,t),n.currentLooseValue=a.prevLooseValue,n;const C=La(h,o.decimal),f=h[h.length-1]==="0";if(Y&&f&&C<L)return n.eventValue=e.parseNumber(n.currentLooseValue,t),n.currentLooseValue=oe(n.eventValue,t,e),n;if(C>0){const E=c.substring(0,F);if(f&&(!E||g.indexOf(E)!==0)){n.eventValue=e.parseNumber(n.currentLooseValue,t);const I=oe(n.eventValue,t,e);return Ie(n,Na(c,I,n.selectionEnd,Y,d),I,M),n.currentLooseValue=I,n}if(C>N){const I=c.indexOf(o.decimal),z=c.substring(0,I)+c.substring(I,I+1+N)+c.substring(O,String(n.currentLooseValue).length);return n.eventValue=e.parseNumber(z,t),n.currentLooseValue=z,Ie(n,n.selectionStart,z,M),n}if(L!==N&&C<=N&&f)return n.eventValue=e.parseNumber(n.currentLooseValue,t),n.currentLooseValue=D,n;if(C<L)return n.eventValue=e.parseNumber(n.currentLooseValue,t),n.currentLooseValue=oe(n.eventValue,t,e),n}}if(n.eventValue=e.parseNumber(n.currentLooseValue,t),T&&(n.eventValue=n.eventValue/100),typeof n.eventValue=="number"){const p=oe(n.eventValue,t,e);c.length===1?Ie(n,Rt(p,o),p,M):Ie(n,Na(c,p,n.selectionEnd,Y,d),p,M),n.currentLooseValue=p}else n.currentLooseValue=oe(e.parseNumber(h),t,e);return n},Ks="Please enter a valid value!",Ma=r.createPropsContext(),Le=s.forwardRef((a,t)=>{r.validatePackage(le);const e=r.usePropsContext(Ma,a),n=r.useId(),l=e.id||n,o=se.useInternationalization(),u=se.useLocalization(),c=s.useRef(null),g=s.useRef(),[d,b]=s.useState(!1),v=s.useRef(Ca()),h=s.useRef(!1),k=s.useRef(),O=s.useRef(e.defaultValue),F=oe(v.current.focused&&!e.disabled?v.current.currentLooseValue:Ut(e.value,O.current),e.format,o);k.current=F;const[D]=r.useCustomComponent(e.prefix),[V]=r.useCustomComponent(e.suffix);s.useEffect(()=>{c.current&&c.current.setCustomValidity&&c.current.setCustomValidity(L().valid?"":e.validationMessage||Ks)});const w=s.useCallback(()=>{c.current&&c.current.focus()},[]),N=s.useCallback(()=>g.current!==void 0?g.current:Ut(e.value,O.current),[e.value]),A=s.useCallback(()=>e.name,[e.name]),_=s.useCallback(()=>e.required,[e.required]),L=s.useCallback(()=>{const B=e.validationMessage!==void 0,x=N(),R=e.valid!==void 0?e.valid:!v.current.valueIsOutOfRange&&(!_()||x!=null);return{customError:B,valid:R,valueMissing:x==null}},[e.validationMessage,e.valid,N,_]),K=s.useCallback(()=>e.validityStyles,[e.validityStyles]),G=s.useCallback(()=>e,[e]),H=s.useCallback(()=>{const B={element:c.current,focus:w};return Object.defineProperty(B,"name",{get:A}),Object.defineProperty(B,"value",{get:N}),Object.defineProperty(B,"validity",{get:L}),Object.defineProperty(B,"validityStyles",{get:K}),Object.defineProperty(B,"required",{get:_}),Object.defineProperty(B,"props",{get:G}),B},[A,N,L,K,_,w,G]);s.useImperativeHandle(t,H);const S=s.useCallback(()=>({eventValue:Ut(e.value,O.current),prevLooseValue:k.current,currentLooseValue:c.current.value,selectionStart:c.current.selectionStart,selectionEnd:c.current.selectionEnd,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1,isPaste:h.current,focused:v.current.focused}),[e.value]),M=s.useCallback((B,x)=>{if(e.disabled)return;g.current=x.eventValue,O.current=x.eventValue;const R=oe($e(x.eventValue,e.min,e.max),e.format,o),U=$e(o.parseNumber(R,e.format),e.min,e.max);U!==x.eventValue&&(x.valueIsOutOfRange=!0,x.eventValue=U,O.current=U),e.value!==x.eventValue&&r.dispatchEvent(e.onChange,B,H(),{value:x.eventValue}),g.current=void 0,v.current=x,b(ce=>!ce)},[e.value,e.onChange,e.disabled,b,H]),W=s.useCallback(B=>{const x=S();h.current=!1,M(B,Zt(x,e.format,o))},[e.format,e.onChange,o,M,S]),Y=s.useCallback(B=>{let x=S();const R=o.parseNumber(String(x.currentLooseValue),e.format);if(x.selectionEnd>x.selectionStart&&x.selectionEnd-x.selectionStart===String(x.currentLooseValue).length){const U=o.numberSymbols(),J=U&&B.key===U.minusSign,ce=U&&B.key===U.decimal;h.current=!J&&!ce;return}switch(B.keyCode){case 38:Ia(R,x,e.step,e.min,e.max,e.format,o);break;case 40:wa(R,x,e.step,e.min,e.max,e.format,o);break;case 13:{if(e.rangeOnEnter===!1)return;const U=oe($e(R,e.min,e.max),e.format,o),J=$e(o.parseNumber(U,e.format),e.min,e.max);x.eventValue=J,x.currentLooseValue=oe(J,e.format,o),x.selectionStart=x.selectionEnd=x.currentLooseValue.length;break}case 110:{const U=c.current,J=o.numberSymbols();U&&(x.currentLooseValue=x.currentLooseValue.slice(0,x.selectionStart)+J.decimal+x.currentLooseValue.slice(x.selectionEnd),x.selectionStart=x.selectionEnd=x.selectionStart+1,x=Zt(x,e.format,o));break}default:return}B.preventDefault(),M(B,x)},[e.format,e.min,e.max,e.step,e.onChange,e.rangeOnEnter,M,S]),T=s.useCallback(()=>{h.current=!0},[]),p=s.useCallback(B=>{if(e.readOnly||e.disabled)return;const x=S();Ia(o.parseNumber(String(x.currentLooseValue),e.format),x,e.step,e.min,e.max,e.format,o),M(B,x)},[e.format,e.min,e.max,e.step,e.onChange,e.readOnly,e.disabled,M,S]),C=s.useCallback(B=>{if(e.readOnly||e.disabled)return;const x=S();wa(o.parseNumber(String(x.currentLooseValue),e.format),x,e.step,e.min,e.max,e.format,o),M(B,x)},[e.format,e.min,e.max,e.step,e.onChange,e.readOnly,e.disabled,M,S]),f=s.useCallback(B=>{const x=r.getActiveElement(document);!document||x!==c.current||!c.current||e.readOnly||e.disabled||(B.nativeEvent.deltaY<0&&p(B),B.nativeEvent.deltaY>0&&C(B))},[p,C,e.disabled,e.readOnly]),E=s.useCallback(B=>{v.current.currentLooseValue=k.current,v.current.focused=!0,r.dispatchEvent(e.onFocus,B,H(),{}),b(x=>!x)},[e.onFocus,b,H]),I=s.useCallback(B=>{v.current=Ca(),r.dispatchEvent(e.onBlur,B,H(),{}),b(x=>!x)},[e.onBlur,b,H]),z=s.useCallback(B=>{if(document&&c.current){const x=r.getActiveElement(document);B.preventDefault(),x!==c.current&&c.current.focus()}},[]);r.useIsomorphicLayoutEffect(()=>{c.current&&c.current.type!=="number"&&v.current.selectionStart!==void 0&&v.current.selectionEnd!==void 0&&(c.current.selectionStart=v.current.selectionStart,c.current.selectionEnd=v.current.selectionEnd,v.current.selectionStart=void 0,v.current.selectionEnd=void 0)},[d]);const ee=!K()||L().valid,P=s.createElement("span",{dir:e.dir,style:e.label?e.style:{width:e.width,...e.style},className:r.classNames("k-input","k-numerictextbox",{[`k-input-${r.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-input-${e.fillMode}`]:e.fillMode,[`k-rounded-${r.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,"k-invalid":!ee,"k-required":e.required,"k-disabled":e.disabled},e.className),"aria-disabled":e.disabled?"true":void 0},s.createElement(D,null),s.createElement("input",{role:"spinbutton",value:F===null?"":F,tabIndex:r.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:W,onFocus:E,onBlur:I,onKeyDown:Y,onPaste:T,onWheel:f,ref:c}),s.createElement(V,null),e.children,e.spinners&&s.createElement("span",{className:"k-input-spinner k-spin-button",onMouseDown:z},s.createElement(re.Button,{tabIndex:-1,type:"button",icon:"caret-alt-up",svgIcon:j.caretAltUpIcon,rounded:null,className:"k-spinner-increase","aria-label":u.toLanguageString(Ke,q[Ke]),title:u.toLanguageString(Ke,q[Ke]),onClick:p}),s.createElement(re.Button,{tabIndex:-1,type:"button",icon:"caret-alt-down",svgIcon:j.caretAltDownIcon,rounded:null,className:"k-spinner-decrease","aria-label":u.toLanguageString(He,q[He]),title:u.toLanguageString(He,q[He]),onClick:C})));return e.label?s.createElement(we.FloatingLabel,{label:e.label,editorId:l,editorValue:F===null?"":F,editorValid:ee,editorDisabled:e.disabled,editorPlaceholder:e.placeholder,children:P,style:{width:e.width},dir:e.dir}):P});Le.propTypes={value:i.number,defaultValue:i.number,step:i.number,format:i.oneOfType([i.string,i.shape({style:i.oneOf(["decimal","currency","percent","scientific","accounting"]),currency:i.string,currencyDisplay:i.oneOf(["symbol","code","name"]),useGrouping:i.bool,minimumIntegerDigits:i.number,minimumFractionDigits:i.number,maximumFractionDigits:i.number})]),width:i.oneOfType([i.string,i.number]),tabIndex:i.number,accessKey:i.string,title:i.string,placeholder:i.string,min:i.number,max:i.number,spinners:i.bool,disabled:i.bool,readOnly:i.bool,dir:i.string,name:i.string,label:i.string,validationMessage:i.string,required:i.bool,id:i.string,rangeOnEnter:i.bool,ariaLabelledBy:i.string,ariaDescribedBy:i.string,ariaLabel:i.string,onChange:i.func,onFocus:i.func,onBlur:i.func,size:i.oneOf([null,"small","medium","large"]),rounded:i.oneOf([null,"small","medium","large","full"]),fillMode:i.oneOf([null,"solid","flat","outline"])},Le.displayName="KendoNumericTextBox",Le.defaultProps={prefix:a=>null,suffix:a=>null,step:1,spinners:!0,disabled:!1,required:!1,validityStyles:!0,rangeOnEnter:!0,onChange:a=>{},onFocus:a=>{},onBlur:a=>{},size:"medium",rounded:"medium",fillMode:"solid"};const ae=a=>a!=null,ne=(a,t,e)=>!ae(a)||isNaN(a)||a<=t?t:a>=e?e:a,Ne=(a,t,e=!0)=>{if(["hex","rgba"].indexOf(t)===-1)throw new Error(`Unsupported color output format '${t}'. The available options are 'hex' or 'rgba'.`);if(!ae(a))return;const l=Ae.parseColor(a.trim(),e);if(ae(l))return t==="hex"?l.toCss():l.toCssRgba()},Jt=(a,t=!0)=>{const e=Ae.parseColor(a,t);return ae(e)?e.toHSV():{}},Ge=(a,t=!0)=>{const e=Ae.parseColor(a,t);return ae(e)?e.toBytes():{}},Qt=a=>{const t=ne(a.h,0,359.9),e=ne(a.s,0,1),n=ne(a.v,0,1),l=ne(a.a,0,1);return Ae.Color.fromHSV(t,e,n,l).toCssRgba()},at=a=>Qt({h:a,s:1,v:1,a:1}),Hs=a=>{const t=ne(a.r,0,255),e=ne(a.g,0,255),n=ne(a.b,0,255),l=ne(a.a,0,1);return Ae.Color.fromBytes(t,e,n,l).toCssRgba()},Va=(a,t)=>{const e=ne(a.r,0,255),n=ne(a.g,0,255),l=ne(a.b,0,255),o=ne(a.a,0,1),u=ne(t.r,0,255),c=ne(t.g,0,255),g=ne(t.b,0,255);return{r:Math.round((1-o)*u+o*e),g:Math.round((1-o)*c+o*n),b:Math.round((1-o)*g+o*l)}},Da=a=>{let t=[a.r||0,a.g||0,a.b||0].map(function(e){return e/=255,e<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)});return t[0]*.2126+t[1]*.7152+t[2]*.0722},$s=(a,t)=>{const e=Math.max(a,t),n=Math.min(a,t);return(e+.05)/(n+.05)},Ba=(a,t)=>$s(Da(Va(a,t)),Da(Va(t,{r:0,g:0,b:0,a:1}))),Pt=class extends s.Component{constructor(a){super(a),this._input=null,this.focus=()=>{this._input&&this._input.focus()},this.isInvalid=t=>{let e=!1;for(let n in t)t.hasOwnProperty(n)&&(e=e||!!t[n]);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")}},r.validatePackage(le),this.state={value:this.props.defaultValue||Pt.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:Pt.defaultProps.validityStyles}componentDidMount(){this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{className:a,label:t,labelClassName:e,id:n,validationMessage:l,defaultValue:o,valid:u,visited:c,touched:g,modified:d,ariaLabelledBy:b,ariaDescribedBy:v,validityStyles:h,style:k,ariaLabel:O,...F}=this.props,D=n||this._inputId,V=!this.validityStyles||this.validity.valid,w=r.classNames(a,"k-input k-input-md k-rounded-md k-input-solid"),N=s.createElement("input",{"aria-labelledby":b,"aria-describedby":v,"aria-disabled":this.props.disabled||void 0,"aria-invalid":!V||void 0,"aria-label":O||void 0,...F,style:t?void 0:k,value:this.value,id:D,className:w,onChange:this.handleChange,onAnimationStart:this.handleAutoFill,ref:A=>{this._input=A}});return t?s.createElement(we.FloatingLabel,{label:t,labelClassName:e,editorId:D,editorValue:String(this.value),editorValid:V,editorDisabled:F.disabled,editorPlaceholder:F.placeholder,children:N,style:k,dir:F.dir}):N}};let Ue=Pt;Ue.displayName="Input",Ue.propTypes={label:i.string,labelClassName:i.string,validationMessage:i.string,required:i.bool,validate:i.bool,id:i.string,ariaLabelledBy:i.string,ariaDescribedBy:i.string,ariaLabel:i.string},Ue.defaultProps={defaultValue:"",required:!1,validityStyles:!0};const Oa=r.createPropsContext(),Tt=r.withIdHOC(r.withPropsContext(Oa,Ue));Tt.displayName="KendoReactInput";class Gs extends s.Component{constructor(t){super(t),this.onChange=e=>{const n=e.target.value,l=Ne(n,"rgba");this.setState({hex:n}),ae(l)&&this.props.onHexChange(n,l,e)},this.onBlur=()=>{ae(Ne(this.state.hex,"rgba"))||this.setState({hex:this.state.originalHex})},this.state={hex:this.props.hex,originalHex:this.props.hex}}render(){return s.createElement(Tt,{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 Fe=["rgba","rgb","hex"];class st extends s.Component{constructor(t){super(t),this.onRgbaRChange=e=>{this.dispatchRgbaChange({r:e.value},e)},this.onRgbaGChange=e=>{this.dispatchRgbaChange({g:e.value},e)},this.onRgbaBChange=e=>{this.dispatchRgbaChange({b:e.value},e)},this.onRgbaAChange=e=>{this.dispatchRgbaChange({a:e.value},e)},this.state={inputMode:t.defaultInputMode||Fe[1]}}render(){const t=se.provideLocalizationService(this),e=t.toLanguageString(Oe,q[ha]),n=t.toLanguageString(Oe,q[Oe]),l=t.toLanguageString(Oe,q[ua]),o=t.toLanguageString(Oe,q[da]),u=t.toLanguageString(Oe,q[fa]),c=t.toLanguageString(Ft,q[Ft]);return s.createElement("div",{className:"k-colorgradient-inputs k-hstack"},s.createElement("div",{className:"k-vstack"},s.createElement(re.Button,{"aria-label":c,fillMode:"flat",icon:"caret-alt-expand",svgIcon:j.caretAltExpandIcon,className:"k-colorgradient-toggle-mode k-icon-button",onClick:this.onToggleModeChange.bind(this)})),this.state.inputMode==="hex"&&s.createElement("div",{className:"k-vstack k-flex-1"},s.createElement("span",{className:"k-hex-value k-textbox k-input"},s.createElement(Gs,{hex:this.props.hex,onHexChange:this.props.onHexChange,disabled:this.props.disabled})),s.createElement(we.Label,{className:"k-colorgradient-input-label"},e)),(this.state.inputMode==="rgb"||this.state.inputMode==="rgba")&&s.createElement(s.Fragment,null,s.createElement("div",{className:"k-vstack"},s.createElement(Le,{inputType:"number",value:this.props.rgba.r,ariaLabel:String(this.props.rgba.r),min:0,max:255,spinners:!1,format:"n",onChange:this.onRgbaRChange,disabled:this.props.disabled}),s.createElement(we.Label,{className:"k-colorgradient-input-label"},n)),s.createElement("div",{className:"k-vstack"},s.createElement(Le,{inputType:"number",value:this.props.rgba.g,ariaLabel:String(this.props.rgba.g),min:0,max:255,spinners:!1,format:"n",onChange:this.onRgbaGChange,disabled:this.props.disabled}),s.createElement(we.Label,{className:"k-colorgradient-input-label"},l)),s.createElement("div",{className:"k-vstack"},s.createElement(Le,{inputType:"number",value:this.props.rgba.b,ariaLabel:String(this.props.rgba.b),min:0,max:255,spinners:!1,format:"n",onChange:this.onRgbaBChange,disabled:this.props.disabled}),s.createElement(we.Label,{className:"k-colorgradient-input-label"},o))),this.state.inputMode==="rgba"&&s.createElement("div",{className:"k-vstack"},this.props.opacity&&s.createElement(Le,{inputType:"number",value:this.props.rgba.a,ariaLabel:String(this.props.rgba.a),min:0,max:1,step:.01,spinners:!1,format:"n2",onChange:this.onRgbaAChange,disabled:this.props.disabled}),this.props.opacity&&s.createElement(we.Label,{className:"k-colorgradient-input-label"},u)))}dispatchRgbaChange(t,e){let n={...this.props.rgba};t.r!==void 0&&(n.r=t.r),t.g!==void 0&&(n.g=t.g),t.b!==void 0&&(n.b=t.b),t.a!==void 0&&(n.a=t.a),this.props.onRgbaChange(n,e)}onToggleModeChange(){const t=Fe.length-1===Fe.indexOf(this.state.inputMode)?0:Fe.indexOf(this.state.inputMode)+1;if(this.props.opacity)this.setState({inputMode:Fe[t]});else{const e=Fe[t]==="rgba"?t+1:t;this.setState({inputMode:Fe[e]})}}}se.registerForIntl(st),se.registerForLocalization(st);const ea="data-slider-label",qs=a=>{const t=s.useRef(null),e=r.useDir(t),n=a.vertical?{bottom:`${a.position}%`}:{[e==="rtl"?"right":"left"]:`${a.position}%`},l=a.vertical?"k-tick-vertical":"k-tick-horizontal";return s.createElement("li",{ref:t,className:`k-tick k-tick-large ${l}`,title:a.title,style:{zIndex:1,position:"absolute",...n}},a.children&&s.createElement("span",{[ea]:!0,className:"k-label",onClick:a.onClick},a.children))};class je extends s.Component{constructor(t){super(t),this.state={value:this.props.defaultValue===void 0?this.props.min:this.props.defaultValue,focused:!1,dir:this.props.dir},this._sliderTrack=null,this._element=null,this.buttons=e=>{if(!e.enabled)return e.children;const n=this.state.dir==="rtl"?this.props.vertical?j.caretAltUpIcon:j.caretAltLeftIcon:this.props.vertical?j.caretAltUpIcon:j.caretAltRightIcon,l=this.state.dir==="rtl"?this.props.vertical?j.caretAltDownIcon:j.caretAltRightIcon:this.props.vertical?j.caretAltDownIcon:j.caretAltLeftIcon,o=this.state.dir==="rtl"?this.props.vertical?"caret-alt-up":"caret-alt-left":this.props.vertical?"caret-alt-up":"caret-alt-right",u=this.state.dir==="rtl"?this.props.vertical?"caret-alt-down":"caret-alt-right":this.props.vertical?"caret-alt-down":"caret-alt-left";return s.createElement(s.Fragment,null,s.createElement(re.Button,{className:"k-button-decrease",rounded:"full",icon:u,svgIcon:l,title:e.decrementTitle,onClick:e.decrement}),e.children,s.createElement(re.Button,{className:"k-button-increase",rounded:"full",icon:o,svgIcon:n,title:e.incrementTitle,onClick:e.increment}))},this.focus=()=>{this._element&&this._element.focus()},this.isLabel=e=>{let n=e;for(;n;){if(n.getAttribute(ea))return!0;n=n.parentElement}return!1},this.onFocus=()=>{this.setState({focused:!0})},this.onBlur=()=>{this.setState({focused:!1})},this.onKeyDown=e=>{let n;e.keyCode===r.Keys.left||e.keyCode===r.Keys.down?n=this.state.value-(this.props.step||0):e.keyCode===r.Keys.right||e.keyCode===r.Keys.up?n=this.state.value+(this.props.step||0):e.keyCode===r.Keys.home?n=this.props.min:e.keyCode===r.Keys.end&&(n=this.props.max),n!==void 0&&(e.preventDefault(),this.change(e,n))},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 n=e.element.getBoundingClientRect(),l=this.props.vertical?n.bottom-e.event.clientY:this.state.dir==="rtl"?n.right-e.event.clientX:e.event.clientX-n.left,o=this.props.vertical?n.height:n.width,u=l/o;this.change(e,this.props.min+u*(this.props.max-this.props.min))},r.validatePackage(le)}static getDerivedStateFromProps(t,e){const n=t.value!==void 0?t.value:e.value,{min:l,max:o}=t;return n===void 0?null:{value:Math.min(Math.max(n,l),o)}}componentDidMount(){if(!this.state.dir&&window&&this._element){const t=window.getComputedStyle(this._element).direction;t&&this.setState({dir:t})}}render(){const t=se.provideLocalizationService(this),e=(this.state.value-this.props.min)/(this.props.max-this.props.min)*100,n=this.props.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},l=this.props.vertical?{paddingTop:0,height:"100%"}:{};return s.createElement("div",{ref:o=>this._element=o,dir:this.state.dir,id:this.props.id,style:{gap:0,...this.props.style},onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,className:r.classNames("k-slider",{"k-focus":this.state.focused,"k-disabled":this.props.disabled,"k-slider-horizontal":!this.props.vertical,"k-slider-vertical":this.props.vertical},this.props.className)},s.createElement(this.buttons,{enabled:this.props.buttons,decrement:this.decrement,increment:this.increment,incrementTitle:t.toLanguageString(It,q[It]),decrementTitle:t.toLanguageString(wt,q[wt])},s.createElement(r.Draggable,{onDrag:this.dragOver,onPress:this.dragStart},s.createElement("div",{className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...n}},this.props.children&&s.createElement("ul",{className:"k-reset k-slider-items",style:{margin:0,...l}},s.Children.map(this.props.children,o=>o&&s.cloneElement(o,{position:100*(o.props.position-this.props.min)/(this.props.max-this.props.min),vertical:this.props.vertical},o.props.children))),s.createElement("div",{className:"k-slider-track",style:this.props.vertical?{bottom:0,height:"100%"}:{[this.state.dir==="rtl"?"right":"left"]:0,width:"100%"},ref:o=>this._sliderTrack=o},s.createElement("div",{className:"k-slider-selection",style:this.props.vertical?{height:e+"%"}:{width:e+"%"}}),s.createElement("span",{role:"slider","aria-valuemin":this.props.min,"aria-valuemax":this.props.max,"aria-valuenow":this.state.value,"aria-valuetext":String(this.state.value),"aria-orientation":this.props.vertical?"vertical":void 0,"aria-disabled":this.props.disabled?"true":void 0,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel,tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled,void 0),className:"k-draghandle",title:t.toLanguageString(Be,q[Be]),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}),r.dispatchEvent(this.props.onChange,t,this,{value:e})}}je.displayName="Slider",je.propTypes={min:i.number.isRequired,max:i.number.isRequired,value:i.number,vertical:i.bool,id:i.string,ariaLabelledBy:i.string,ariaDescribedBy:i.string,ariaLabel:i.string};const Ws=r.createPropsContext(),nt=r.withPropsContext(Ws,je);nt.displayName="KendoReactSlider",se.registerForLocalization(je);const ze={};function Us(a,t,e){ze[a]={value:t,hsva:e}}function js(a,t,e){ze[a]={value:t,rgba:e}}function Rs(a,t,e){ze[a]={value:t,hex:e}}function Xs(a){delete ze[a]}function Ys(a,t){if(a){const e=ze[a];return e&&e.value===t?e.hex:void 0}else return}function Zs(a,t){if(a){const e=ze[a];return e&&e.value===t?e.hsva:void 0}else return}function Js(a,t){if(a){const e=ze[a];return e&&e.value===t?e.rgba:void 0}else return}class Fa extends s.Component{render(){const t=se.provideLocalizationService(this),e=t.toLanguageString(Lt,q[Lt]),n=t.toLanguageString(Nt,q[Nt]),l=t.toLanguageString(Mt,q[Mt]),o=t.toLanguageString(Vt,q[Vt]),u=t.toLanguageString(Dt,q[Dt]),c=Ba(this.props.rgba,this.props.bgColor),g=4.5.toFixed(1),d=7 .toFixed(1),b=`${e}: ${c.toFixed(2)}`,v=`${n}: ${g}`,h=`${l}: ${d}`,k=s.createElement("span",{className:"k-contrast-validation k-text-success"},o," ",s.createElement(r.IconWrap,{name:"check",icon:j.checkIcon})),O=s.createElement("span",{className:"k-contrast-validation k-text-error"},u," ",s.createElement(r.IconWrap,{name:"x",icon:j.xIcon}));return s.createElement("div",{className:"k-vbox k-colorgradient-color-contrast"},s.createElement("div",{className:"k-contrast-ratio"},s.createElement("span",{className:"k-contrast-ratio-text"},b),c>=4.5?s.createElement("span",{className:"k-contrast-validation k-text-success"},s.createElement(r.IconWrap,{name:"check",icon:j.checkIcon}),c>=7&&s.createElement(r.IconWrap,{name:"check",icon:j.checkIcon})):s.createElement("span",{className:"k-contrast-validation k-text-error"},s.createElement(r.IconWrap,{name:"x",icon:j.xIcon}))),s.createElement("div",null,s.createElement("span",null,v),c>=4.5?k:O),s.createElement("div",null,s.createElement("span",null,h),c>=7?k:O))}}se.registerForLocalization(Fa);const it=(a,t)=>a.length===0?"":`<path d="${a.reduce((n,l,o,u)=>o===0?`M ${l[0]},${l[1]}`:`${n} ${t(l,o,u)}`,"")}" fill="none" stroke="white" stroke-width="1"/>`,Qs=(a,t)=>{const e=t[0]-a[0],n=t[1]-a[1];return{length:Math.sqrt(Math.pow(e,2)+Math.pow(n,2)),angle:Math.atan2(n,e)}},Ps=a=>(t,e,n,l)=>{const o=e||t,u=n||t,c=.1,g=a(o,u),d=g.angle+(l?Math.PI:0),b=g.length*c,v=t[0]+Math.cos(d)*b,h=t[1]+Math.sin(d)*b;return[v,h]},Ts=a=>(t,e,n)=>{const[l,o]=a(n[e-1],n[e-2],t),[u,c]=a(t,n[e-1],n[e+1],!0);return`C ${l},${o} ${u},${c} ${t[0]},${t[1]}`},za=4.5,_a=7,rt=16;class en extends s.Component{renderSvgCurveLine(){const t=this.props.metrics,e=(o,u,c,g,d)=>{const b=(c+g)/2,v=Object.assign({},this.props.hsva,{s:u/t.width,v:1-b/t.height}),h=Ba(Ge(Qt(v)),Ge(this.props.backgroundColor||""));return c+.5>g?h<o+1&&h>o-1?b:null:d(h,o)?e(o,u,c,g-(g-c)/2,d):e(o,u,c+(g-c)/2,g,d)},n=(o,u,c=!1)=>{const g=[];for(let d=0;d<=t.width;d+=t.width/u){const b=e(o,d,0,t.height,c?(v,h)=>v<h:(v,h)=>v>h);b!==null&&g.push([d,b])}return g},l=Ts(Ps(Qs));return it(n(za,rt),l)+it(n(za,rt,!0),l)+it(n(_a,rt),l)+it(n(_a,rt,!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 s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",className:"k-color-contrast-svg",dangerouslySetInnerHTML:{__html:this.renderSvgCurveLine()},style:{position:"absolute",overflow:"visible",pointerEvents:"none",left:0,top:0,zIndex:3}})}}const tn="rgba",Aa="rgba(255, 255, 255, 1)",ta=class extends s.Component{constructor(a){super(a),this.wrapper=null,this.onHexChange=(e,n,l)=>{if(this.isUncontrolled){const o=Jt(n);this.setState({hsva:o,backgroundColor:at(o.h),rgba:Ge(n),hex:e})}else Rs(this.state.guid,n,e);this.dispatchChangeEvent(n,l,l.nativeEvent)},this.onRgbaChange=(e,n)=>{const l=Hs(e);if(this.isUncontrolled){const o=Jt(l),u=Ne(l,"hex");this.setState({hsva:o,backgroundColor:at(o.h),rgba:e,hex:u})}else js(this.state.guid,l,e);this.dispatchChangeEvent(l,n.syntheticEvent,n.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 n=this.getGradientRectMetrics(),l=e.clientX-n.left,o=e.clientY-n.top,u=ne(l,0,n.width),c=ne(o,0,n.height),g=Object.assign({},this.state.hsva,{s:u/n.width,v:1-c/n.height});this.handleHsvaChange(g,e,e.nativeEvent)},this.onFocus=e=>{this.props.onFocus&&this.props.onFocus.call(void 0,{nativeEvent:e,target:this})},this.focus=()=>{r.focusFirstFocusableChild(this.wrapper)},r.validatePackage(le);const t=a.value||a.defaultValue||Ne(Aa,tn);this.state=Object.assign({},ta.getStateFromValue(t),{isFirstRender:!0,guid:this.props.id})}static getDerivedStateFromProps(a,t){return a.value&&!t.isFirstRender?ta.getStateFromValue(a.value,t.guid):null}componentDidMount(){this.setAlphaSliderBackground(this.state.backgroundColor),this.state.isFirstRender&&this.setState({isFirstRender:!1})}componentWillUnmount(){Xs(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,n=this.state.hsva.s*t.width;a.top=`${e}px`,a.left=`${n}px`}return s.createElement("div",{role:"slider",tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled),"aria-valuetext":this.props.ariaValueText,"aria-valuenow":parseInt(this.state.hex.substring(1),16),"aria-label":this.props.ariaLabelHSV,"aria-orientation":void 0,"aria-disabled":this.props.disabled?"true":void 0,className:"k-hsv-draghandle k-draghandle",style:a})}handleHsvaChange(a,t,e){const n=Qt(a);if(this.isUncontrolled){const l=Ne(n,"hex");this.setState({hsva:a,backgroundColor:at(a.h),rgba:Ge(n),hex:l})}else Us(this.state.guid,n,a);this.dispatchChangeEvent(n,t,e)}dispatchChangeEvent(a,t,e){this.props.onChange&&this.props.onChange.call(void 0,{syntheticEvent:t,nativeEvent:e,target:this,value:a})}static getStateFromValue(a,t){ae(Ne(a,"hex"))||(a=Aa);const e=Zs(t,a)||Jt(a),n=Js(t,a)||Ge(a),l=Ys(t,a)||Ne(a,"hex"),o=at(e.h);return{hsva:e,backgroundColor:o,rgba:n,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=se.provideLocalizationService(this),t=r.classNames("k-colorgradient",{"k-disabled":this.props.disabled},this.props.className);return s.createElement("div",{id:this.props.id,role:this.props.role,className:t,"aria-disabled":this.props.disabled?"true":void 0,style:this.props.style,ref:e=>this.wrapper=e,tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled),"aria-label":this.props.ariaLabel,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,onFocus:this.onFocus},s.createElement("div",{className:"k-colorgradient-canvas k-hstack"},s.createElement("div",{className:"k-hsv-rectangle",style:{background:this.state.backgroundColor}},s.createElement(r.Draggable,{onDrag:this.onDrag,onRelease:this.onRelease,ref:e=>this.gradientWrapper=e?e.element:void 0},s.createElement("div",{className:"k-hsv-gradient",style:{touchAction:"none"},onClick:this.onGradientWrapperClick},this.renderRectangleDragHandle())),this.props.backgroundColor&&!this.state.isFirstRender&&s.createElement(en,{metrics:this.gradientWrapper?this.getGradientRectMetrics():void 0,hsva:this.state.hsva,backgroundColor:this.props.backgroundColor})),s.createElement("div",{className:"k-hsv-controls k-hstack"},s.createElement(nt,{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(Bt,q[Bt])}),this.props.opacity&&s.createElement(nt,{value:ae(this.state.hsva.a)?this.state.hsva.a*100:100,buttons:!1,vertical:!0,min:0,max:100,step:1,ariaLabel:a.toLanguageString(Ot,q[Ot]),onChange:this.onAlphaSliderChange,className:"k-alpha-slider k-colorgradient-slider",disabled:this.props.disabled,ref:e=>this.alphaSlider=e}))),s.createElement(st,{rgba:this.state.rgba,onRgbaChange:this.onRgbaChange,hex:this.state.hex,onHexChange:this.onHexChange,opacity:this.props.opacity,disabled:this.props.disabled,defaultInputMode:this.props.format}),this.props.backgroundColor&&s.createElement(Fa,{bgColor:Ge(this.props.backgroundColor),rgba:this.state.rgba}))}};let Re=ta;Re.displayName="ColorGradient",Re.propTypes={defaultValue:i.string,value:i.string,onChange:i.func,onFocus:i.func,opacity:i.bool,backgroundColor:i.string,format:i.any,disabled:i.bool,style:i.any,id:i.string,role:i.string,ariaLabel:i.string,ariaLabelledBy:i.string,ariaDescribedBy:i.string,className:i.string},Re.defaultProps={opacity:!0,role:"textbox",format:"rgb"};const Ka=r.createPropsContext(),lt=r.withIdHOC(r.withPropsContext(Ka,Re));lt.displayName="KendoReactColorGradient";class an{constructor(){this.colorRows=[]}setColorMatrix(t,e){if(this.colorRows=[],!!(ae(t)&&t.length)){e=e||t.length;for(let n=0;n<t.length;n+=e){const l=t.slice(n,e+n);this.colorRows.push(l)}}}getCellCoordsFor(t){if(!ae(t))return;const e=t&&Ae.parseColor(t,!0),n=[t];ae(e)&&n.push(e.toCss(),e.toCssRgba());for(let l=0;l<this.colorRows.length;l++)for(let o=0;o<this.colorRows[l].length;o++)if(n.some(u=>u===this.colorRows[l][o]))return{row:l,col:o}}getColorAt(t){if(ae(t)&&ae(this.colorRows[t.row]))return this.colorRows[t.row][t.col]}getNextCell(t,e,n){if(!(ae(t)&&ae(t.row)&&ae(t.col)))return{row:0,col:0};const l=this.clampIndex(t.row+n,this.colorRows.length-1),o=this.clampIndex(t.col+e,this.colorRows[l].length-1);return{row:l,col:o}}clampIndex(t,e){return t<0?0:t>e?e:t}}const Ha={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}},$a=24,Ga=10,qa="office";class Xe extends s.Component{constructor(t){super(t),this.wrapper=null,this.paletteService=null,this.focus=()=>{this.wrapper&&this.wrapper.focus()},this.onKeyDown=e=>{switch(e.keyCode){case r.Keys.down:this.handleCellNavigation(0,1);break;case r.Keys.up:this.handleCellNavigation(0,-1);break;case r.Keys.right:this.handleCellNavigation(1,0);break;case r.Keys.left:this.handleCellNavigation(-1,0);break;case r.Keys.enter:this.handleEnter(e);break;default:return}e.preventDefault()},this.onColorClick=(e,n)=>{this.isUncontrolled?this.setState({selectedColor:e,focusedColor:e}):this.setState({focusedColor:e}),this.dispatchChangeEvent(e,n)},this.onFocus=e=>{this.paletteService&&(this.setState({focusedColor:this.state.selectedColor||this.paletteService.colorRows[0][0]}),this.props.onFocus&&this.props.onFocus.call(void 0,e))},this.onBlur=()=>{this.setState({focusedColor:void 0})},r.validatePackage(le),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 an;e.setColorMatrix(t.colors,t.columns);const n=e.getCellCoordsFor(this.state.selectedColor),l=e.getCellCoordsFor(this.state.focusedColor),o=r.classNames("k-colorpalette",{"k-disabled":this.props.disabled},this.props.className);return t.colors.length?s.createElement("div",{id:this.props.id,role:"grid",className:o,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,"aria-disabled":this.props.ariaDisabled||(this.props.disabled?"true":void 0),"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled),ref:u=>this.wrapper=u},s.createElement("table",{className:"k-colorpalette-table",role:"presentation"},s.createElement("tbody",{role:"rowgroup"},this.renderRows(e.colorRows,n,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 n=this.paletteService.getNextCell(this.focusedColorCooridanates,t,e);this.setState({focusedColor:this.paletteService.getColorAt(n)})}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){r.dispatchEvent(this.props.onChange,e,this,{value:t,rgbaValue:Ne(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=Ha[this.props.palette];return ae(t)?{colors:t.colors,columns:this.props.columns||t.columns||Ga}:{colors:[],columns:0}}else return{colors:this.props.palette||[],columns:this.props.columns||Ga}}renderRows(t,e,n){return t.map((l,o)=>s.createElement("tr",{role:"row",key:o},this.renderColumns(l,o,e,n)))}renderColumns(t,e,n,l){const o=n!==void 0&&n.row===e,u=n&&n.col,c=l!==void 0&&l.row===e,g=l&&l.col,d=typeof this.props.tileSize!="number"?this.props.tileSize:{width:this.props.tileSize,height:this.props.tileSize},b=d.width+"px",v=d.height+"px";return t.map((h,k)=>{const O=o&&u===k,F=r.classNames("k-colorpalette-tile",{"k-selected":O,"k-focus":c&&g===k});return s.createElement("td",{role:"gridcell",className:F,"aria-label":h,"aria-selected":O?!0:this.props.disabled?void 0:!1,style:{backgroundColor:h,width:b,height:v,minWidth:b},onClick:D=>this.onColorClick(h,D),id:this.createCellId({row:e,col:k}),key:k})})}createCellId(t){return`${this.guid}_${t.row}_${t.col}`}}Xe.displayName="ColorPalette",Xe.propTypes={palette:i.oneOfType([i.arrayOf(i.string.isRequired),i.string]),columns:i.number,tileSize:i.any,defaultValue:i.string,value:i.string,disabled:i.bool,tabIndex:i.number,onChange:i.func,onFocus:i.func,id:i.string,ariaLabelledBy:i.string,ariaDescribedBy:i.string,className:i.string},Xe.defaultProps={palette:qa,tileSize:$a};const Wa=r.createPropsContext(),ot=r.withIdHOC(r.withPropsContext(Wa,Xe));ot.displayName="KendoReactColorPalette";const sn="bottom",nn="top",Ua=a=>{const t=a.popupSettings||{},e=a.dir==="rtl"?"right":"left",n=s.useMemo(()=>({horizontal:e,vertical:sn}),[e]),l=s.useMemo(()=>({horizontal:e,vertical:nn}),[e]);return s.createElement(s.Fragment,null,a.input,a.button,s.createElement(Es.Popup,{style:{...(t||{}).style,direction:a.dir},...t,anchor:a.popupAnchor,anchorAlign:n,popupAlign:l,show:a.open,onOpen:a.onOpen,onClose:a.onClose,className:r.classNames("k-reset",t.className)},a.content))};Ua.displayName="KendoPickerComponent";const rn={opacity:!0},ln={palette:qa,tileSize:$a},aa=a=>a!==void 0,ja=r.createPropsContext(),ct=s.forwardRef((a,t)=>{r.validatePackage(le);const e=r.usePropsContext(ja,a),n=se.useLocalization(),{size:l=ut.size,rounded:o=ut.rounded,fillMode:u=ut.fillMode,popupSettings:c,gradientSettings:g,paletteSettings:d,valid:b,disabled:v,tabIndex:h,view:k,icon:O,svgIcon:F,iconClassName:D,onChange:V,onFocus:w,onBlur:N,onActiveColorClick:A,className:_}=e,L=s.useRef(null),K=s.useRef(null),G=s.useRef(null),H=s.useRef(),S=s.useRef(null),[M,W]=s.useState(!1),[Y,T]=s.useState(e.defaultValue),[p,C]=s.useState(!1),f=aa(e.value),E=aa(e.open),I=f?e.value:Y,z=E?e.open:p,ee=s.useCallback(()=>{L.current&&L.current.focus()},[]);s.useImperativeHandle(t,()=>({element:L.current,actionElement:S.current,value:I,focus:ee}),[I,ee]);const P=s.useCallback(($,be)=>{E||(!$&&!be&&L&&L.current&&L.current.focus(),C($))},[E]),B=s.useCallback($=>{const{altKey:be,keyCode:de}=$;if(de===r.Keys.esc){P(!1);return}if(de===r.Keys.enter&&!E){$.preventDefault(),$.stopPropagation(),P(!z);return}be&&(de===r.Keys.up||de===r.Keys.down)&&($.preventDefault(),$.stopPropagation(),de===r.Keys.up&&L&&L.current&&(L.current.focus(),P(!1)),de===r.Keys.down&&P(!0))},[z,E]),x=s.useCallback(()=>{E||(K.current?K.current.focus():G.current&&G.current.focus())},[E]),R=s.useCallback(()=>{P(!z,!0)},[z]),U=s.useCallback($=>{A&&A.call(void 0,{syntheticEvent:$,nativeEvent:$.nativeEvent,value:I})},[A,I]),J=s.useCallback($=>{H.current?(clearTimeout(H.current),H.current=void 0):W(!0),w&&w.call(void 0,{nativeEvent:$.nativeEvent,syntheticEvent:$})},[w]),ce=s.useCallback(()=>{P(!1,!0),W(!1),H.current=void 0},[]),xe=s.useCallback($=>{clearTimeout(H.current),H.current=window.setTimeout(ce),N&&N.call(void 0,{nativeEvent:$.nativeEvent,syntheticEvent:$})},[N]),ue=s.useCallback(($,be)=>{const de=be?$.rgbaValue:$.value;f||T(de),be&&P(!1),V&&V.call(void 0,{value:de,nativeEvent:$.nativeEvent,syntheticEvent:$.syntheticEvent})},[f,V]),Ee=s.useCallback($=>ue($,!0),[aa,ue]),ge=r.useDir(L,e.dir),De=b!==!1;return s.createElement("span",{id:e.id,role:"combobox","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-haspopup":"dialog","aria-expanded":z,"aria-disabled":v?"true":void 0,className:r.classNames("k-colorpicker","k-picker","k-icon-picker",{[`k-picker-${r.kendoThemeMaps.sizeMap[l]||l}`]:l,[`k-picker-${u}`]:u,[`k-rounded-${r.kendoThemeMaps.roundedMap[o]||o}`]:o,"k-invalid":!De,"k-disabled":v,"k-focus":M,className:_}),ref:L,tabIndex:r.getTabIndex(h,v),title:e.title,onKeyDown:B,onFocus:J,onBlur:xe,dir:ge},s.createElement(Ua,{dir:ge,open:z,onOpen:x,popupAnchor:L.current||void 0,popupSettings:{...c},input:s.createElement("span",{onClick:U,className:"k-input-inner"},s.createElement("span",{className:r.classNames("k-value-icon","k-color-preview",{"k-no-color":!I,"k-icon-color-preview":O||F||D})},D&&s.createElement("span",{className:r.classNames("k-color-preview-icon",D)}),!D&&(O||F)&&s.createElement(r.IconWrap,{name:O,icon:F}),s.createElement("span",{className:"k-color-preview-mask",style:{backgroundColor:I}}))),button:s.createElement(re.Button,{tabIndex:-1,type:"button",onClick:R,className:"k-input-button",rounded:null,icon:"caret-alt-down",svgIcon:j.caretAltDownIcon,"aria-label":n.toLanguageString(Ht,q[Ht])}),content:s.createElement(s.Fragment,null,(k==="combo"||k==="gradient")&&s.createElement(lt,{...g,tabIndex:0,ref:K,value:I,onChange:ue}),(k==="combo"||k==="palette")&&s.createElement(ot,{...d,ref:G,value:I,onChange:Ee}))}))});ct.propTypes={value:i.string,defaultValue:i.string,disabled:i.bool,view:i.oneOf(["gradient","palette","combo"]),dir:i.string,id:i.string,icon:i.string,svgIcon:r.svgIconPropType,ariaLabelledBy:i.string,ariaDescribedBy:i.string,size:i.oneOf([null,"small","medium","large"]),rounded:i.oneOf([null,"small","medium","large","full"]),fillMode:i.oneOf([null,"solid","flat","outline"]),className:i.string};const ut={size:"medium",rounded:"medium",fillMode:"solid",view:"palette",gradientSettings:rn,paletteSettings:ln};ct.defaultProps=ut,ct.displayName="KendoColorPicker";const Ra="rgba(255, 255, 255, 1)",sa=s.forwardRef((a,t)=>{r.validatePackage(le);const e=s.useRef(null),n=s.useRef(null),l=s.useRef(null),{defaultValue:o=Ra,showButtons:u=!0,showPreview:c=!0,showClearButton:g=!0}=a,[d,b]=s.useState((a.view||"ColorGradient")==="ColorGradient"),[v,h]=s.useState(a.value||o),[k,O]=s.useState(a.value||o),F=a.value!==void 0?a.value:k;s.useEffect(()=>{h(a.value||o)},[a.value,o]);const D=se.useLocalization(),V=s.useCallback(()=>{e.current&&e.current.focus()},[e]);s.useImperativeHandle(e,()=>({element:n.current,focus:V,props:a,value:F}),[F,V,a]),s.useImperativeHandle(t,()=>e.current);const w=s.useCallback(S=>{(S==="ColorGradient"&&!d||S==="ColorPalette"&&d)&&b(!d)},[d]),N=s.useCallback(S=>{if(h(o),a.onPreviewChange){const M={value:o,nativeEvent:S.nativeEvent,syntheticEvent:S};a.onPreviewChange.call(void 0,M)}},[o,a.onPreviewChange]),A=s.useCallback(S=>{if(h(S.value),a.onPreviewChange){const M={value:S.value,nativeEvent:S.nativeEvent,syntheticEvent:S.syntheticEvent};a.onPreviewChange.call(void 0,M)}},[a.onPreviewChange]),_=s.useCallback(S=>{if(O(v),a.onChange){const M={value:v,nativeEvent:S.nativeEvent,syntheticEvent:S};a.onChange.call(void 0,M)}},[v,a.onChange]),L=s.useCallback(()=>{O(Ra)},[]),K=s.useCallback(S=>{if(h(k),a.onPreviewChange){const M={value:k,nativeEvent:S.nativeEvent,syntheticEvent:S};a.onPreviewChange.call(void 0,M)}},[k,a.onPreviewChange]),G=s.useCallback(S=>{n.current&&!(S.nativeEvent.target instanceof HTMLInputElement)&&n.current.focus()},[n]),H=s.useCallback(S=>{var W;if((!S.relatedTarget||!((W=n.current)!=null&&W.contains(S.relatedTarget)))&&(u||O(v),!u&&a.onChange)){const Y={value:v,nativeEvent:S.nativeEvent,syntheticEvent:S};a.onChange.call(void 0,Y)}},[v,u,a.onChange]);return s.createElement("div",{id:a.id,role:"textbox","aria-label":a.ariaLabel,"aria-labelledby":a.ariaLabelledBy,"aria-disabled":a.disabled?"true":void 0,style:a.style,ref:n,tabIndex:r.getTabIndex(a.tabIndex,a.disabled),className:r.classNames("k-flatcolorpicker k-coloreditor",{"k-disabled":a.disabled},a.className),onBlur:H},s.createElement(s.Fragment,null,a.header||s.createElement("div",{className:"k-coloreditor-header k-hstack"},s.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},s.createElement(re.ButtonGroup,{className:"k-button-group-flat"},s.createElement(re.Button,{type:"button","aria-label":D.toLanguageString(zt,q[zt]),togglable:!0,fillMode:"flat",selected:d,onClick:()=>w("ColorGradient"),icon:"droplet-slider",svgIcon:j.dropletSliderIcon}),s.createElement(re.Button,{type:"button","aria-label":D.toLanguageString(_t,q[_t]),togglable:!0,fillMode:"flat",selected:!d,onClick:()=>w("ColorPalette"),icon:"palette",svgIcon:j.paletteIcon}))),s.createElement("div",{className:"k-spacer"}),s.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},g&&s.createElement(re.Button,{type:"button",fillMode:"flat",onClick:N,"aria-label":D.toLanguageString(At,q[At]),icon:"droplet-slash",svgIcon:j.dropletSlashIcon}),c&&s.createElement("div",{className:"k-coloreditor-preview k-vstack"},s.createElement("span",{className:"k-coloreditor-preview-color k-color-preview",style:{background:v}}),s.createElement("span",{className:"k-coloreditor-current-color k-color-preview",style:{background:k},onClick:K})))),s.createElement("div",{className:"k-coloreditor-views k-vstack"},d?s.createElement(lt,{ref:l,role:"none",tabIndex:-1,ariaLabel:void 0,value:v,onChange:A,onFocus:G,opacity:a.opacity,format:a.format}):s.createElement(ot,{ariaDisabled:!0,ariaLabelledBy:"required_label",value:v,onChange:A,onFocus:G})),u&&s.createElement("div",{className:"k-coloreditor-footer k-actions k-actions-end"},s.createElement(re.Button,{type:"button",className:"k-coloreditor-cancel",onClick:L},q[ga]),s.createElement(re.Button,{type:"button",className:"k-coloreditor-apply k-primary",onClick:_},q[ba]))))}),on={id:i.string,style:i.any,className:i.string,value:i.string,defaultValue:i.string,onPreviewChange:i.func,onChange:i.func,opacity:i.bool,format:i.any,tabIndex:i.number,ariaLabel:i.string,ariaLabelledBy:i.string,disabled:i.bool,view:i.any,header:i.any,showClearButton:i.bool,showPreview:i.bool,showButtons:i.bool};sa.displayName="KendoFlatColorPicker",sa.propTypes=on;var Me=(a=>(a[a.Literal=0]="Literal",a[a.Mask=1]="Mask",a[a.Undefined=2]="Undefined",a))(Me||{});class Q{constructor(t,e,n=2){this.value=t,this.rest=e,this.type=n}map(t){return new Q(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,n)=>t.chain((l,o)=>e.concat([l])))}toString(){return`Result({ value: '${this.value}', rest: ${this.rest} })`}}class Xa{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 Ya=a=>(a||"").split(""),cn="\\";class pe{constructor(t){this.parse=t}run(t,e=""){return t instanceof Xa?this.parse(t):this.parse(new Xa(Ya(t),Ya(e)))}map(t){return new pe(e=>this.parse(e).map(t))}chain(t){return new pe(e=>this.parse(e).chain((n,l)=>t(n).run(l)))}isLiteral(t){return this.run(t).type===Me.Literal}}const un=a=>t=>new pe(e=>{const{prompt:n,promptPlaceholder:l}=a;for(;!e.eof();){const{char:o,control:u}=e.peek();if(o===u&&u===n)return e.eat(),new Q(n,e,Me.Mask);if(t.test(o))return e.eat(),new Q(o,e,Me.Mask);if(o===l)return e.eat(),new Q(n,e,Me.Mask);e.eat_input()}return e.eat(),new Q(n,e,Me.Mask)}),dn=a=>new pe(t=>t.peek().char===a?(t.eat(),new Q(a,t,Me.Literal)):new Q(a,t,Me.Literal)),fn=a=>t=>new pe(e=>{for(;!e.eof();){const{char:n,control:l}=e.peek();if(n===a&&l===a)return e.eat(),new Q(n,e);if(t.test(n))return e.eat(),new Q(n,e);e.eat_input()}return e.eat(),new Q("",e)}),hn=a=>new pe(t=>{if(t.eof())return new Q("",t);const{char:e}=t.peek();return e===a&&t.eat(),new Q(a,t)}),dt=(a,t)=>new pe(e=>{let{char:n}=e.next();const l=a[n];return n===cn?(n=e.next().char,new Q(t.literal(n),e)):l?new Q(t.mask(l),e):new Q(t.literal(n),e)}),Za=a=>new pe(t=>{const{prompt:e,promptPlaceholder:n}=a;let{char:l}=t.next();return l===e?new Q(n,t):new Q(l,t)}),Ja=a=>new pe(t=>{let{char:e}=t.next();return a?new Q(e,t):new Q("",t)}),gn=a=>new pe(t=>new Q(a,t)),bn=(a,t)=>a.chain(e=>t.map(n=>e.concat([n]))),_e=a=>a.reduce((t,e)=>bn(t,e),gn([])),ft=a=>new pe(t=>{let e=new Q([],t);for(;!t.eof();)e=e.concat(a.run(t));return e});class vn{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:n=" ",rules:l={},includeLiterals:o=!1}){this.mask=t,this.prompt=e,this.promptPlaceholder=n,this.rules=l,this.includeLiterals=o,this.tokenize()}validationValue(t=""){let e=t;return _e(this.validationTokens).run(t).fold(n=>{e=n.join("")}),e}rawValue(t=""){let e=t;return this.rawTokens.length&&_e(this.rawTokens).run(t).fold(n=>{e=n.join("")}),e}maskRaw(t=""){let e=t;return this.maskTokens.length&&_e(this.maskTokens).run(t).fold(n=>{e=n.join("")}),e}maskInput(t,e,n){return t.length<e.length?this.maskRemoved(t,e,n):this.maskInserted(t,e,n)}maskInRange(t,e,n,l){let o="",u=l;const c=e.split("").slice(0,n),g=e.split("").slice(l);return _e(this.maskTokens.slice(n,l)).run(t).fold(d=>{o=c.concat(d).concat(g).join("")}),{selection:u,value:o}}maskRemoved(t,e,n){let l="",o=n;const u=t.split("").slice(n),c=t.split("").slice(0,n).join(""),g=this.maskTokens.length-(t.length-n);return _e(this.maskTokens.slice(0,g)).run(c,e).fold(d=>{o=this.adjustPosition(d,o),l=d.concat(u).join("")}),{selection:o,value:l}}adjustPosition(t,e){const n=t[e];return!this.maskTokens[e].isLiteral(n)&&n!==this.prompt?e+1:e}maskInserted(t,e,n){let l="",o=n;const u=t.slice(0,n);return _e(this.unmaskTokens).run(u,e).chain(c=>{o=c.join("").length;const g=e.slice(o);return _e(this.maskTokens).run(c.join("")+g,e)}).fold(c=>{l=c.join("")}),{selection:o,value:l}}get maskTokenCreator(){const{prompt:t,promptPlaceholder:e}=this;return{literal:n=>dn(n),mask:n=>un({prompt:t,promptPlaceholder:e})(n)}}get unmaskTokenCreator(){return{literal:t=>hn(t),mask:t=>fn(this.prompt)(t)}}get rawTokenCreator(){const{prompt:t,promptPlaceholder:e,includeLiterals:n}=this;return{literal:l=>Ja(n),mask:l=>Za({prompt:t,promptPlaceholder:e})}}get validationTokenCreator(){const{prompt:t}=this;return{literal:e=>Ja(!1),mask:e=>Za({prompt:t,promptPlaceholder:""})}}tokenize(){ft(dt(this.rules,this.maskTokenCreator)).run(this.mask).fold((t,e)=>{this.maskTokens=t}),ft(dt(this.rules,this.unmaskTokenCreator)).run(this.mask).fold((t,e)=>{this.unmaskTokens=t}),ft(dt(this.rules,this.rawTokenCreator)).run(this.mask).fold((t,e)=>{this.rawTokens=t}),ft(dt(this.rules,this.validationTokenCreator)).run(this.mask).fold((t,e)=>{this.validationTokens=t})}}const 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]/},Pa=()=>!1,Ta=(a,t)=>a.includeLiterals!==t.includeLiterals||a.mask!==t.mask||a.prompt!==t.prompt||a.promptPlaceholder!==t.promptPlaceholder||!pn(a.rules,t.rules),pn=(a,t)=>{if(!!a!=!!t)return!1;if(a===t||!a||!t)return!0;let e=!0;for(const n in a)if(a[n]!==t[n]){e=!1;break}if(e){for(const n in t)if(!a.hasOwnProperty(n)){e=!1;break}}return e},Ve=class extends s.Component{constructor(a){super(a),this.state={},this._inputId=`k-${this.props.id}`,this._service=new vn,this._isPasted=!1,this._selection=[null,null],this._input=null,this.focus=()=>{this._input&&this._input.focus()},this.pasteHandler=t=>{const{selectionStart:e,selectionEnd:n}=t.target;n!==e&&(this._isPasted=!0,this._selection=[e||0,n||0])},this.onChangeHandler=t=>{const e=t.currentTarget,n=e.value,l=this._selection[0]||0,o=this._selection[1]||0;if(!this.props.mask){this._isPasted=!1,this._selection=[null,null],this.triggerOnChange(n,t);return}const u=this.value;let c;if(this._isPasted){this._isPasted=!1;const g=u.length-o,d=n.length-g;c=this._service.maskInRange(n.slice(l,d),u,l,o)}else c=this._service.maskInput(n,u,e.selectionStart||0);this._selection=[c.selection,c.selection],this.triggerOnChange(c.value,t)},this.focusHandler=t=>{this.state.focused||(this.setState({focused:!0}),this.props.onFocus&&this.props.onFocus.call(void 0,{target:this,syntheticEvent:t,nativeEvent:t.nativeEvent}))},this.blurHandler=t=>{this.state.focused&&(this.setState({focused:!1}),this.props.onBlur&&this.props.onBlur.call(void 0,{target:this,syntheticEvent:t,nativeEvent:t.nativeEvent}))},this.setValidity=()=>{this.element&&this.element.setCustomValidity(this.validity.valid?"":this.props.validationMessage||"")},r.validatePackage(le)}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,n=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:n,valueMissing:!t}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:Ve.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:Ve.defaultProps.required}get name(){return this.props.name}componentDidUpdate(a,t){if(this.element&&this.state.focused&&t.focused){let[e,n]=this._selection;const l=a.selection,o=this.props.selection;(!l&&o||l&&o&&(l.start!==o.start||l.end!==o.end))&&(e=o.start,n=o.end),e!==null&&n!==null&&this.element.setSelectionRange(e,n)}Ta(a,this.props)&&this.updateService(),this.setValidity()}componentDidMount(){this.updateService(),this.setValidity()}render(){const{size:a=Ve.defaultProps.size,fillMode:t=Ve.defaultProps.fillMode,rounded:e=Ve.defaultProps.rounded}=this.props,n=this.props.id||this._inputId,l=!this.validityStyles||this.validity.valid,o=this.props.style||{},{prefix:u=Ve.defaultProps.prefix,suffix:c=Ve.defaultProps.suffix}=this.props,[g]=r.useCustomComponent(u),[d]=r.useCustomComponent(c),b=s.createElement("span",{dir:this.props.dir,className:r.classNames("k-maskedtextbox k-input",{[`k-input-${r.kendoThemeMaps.sizeMap[a]||a}`]:a,[`k-input-${t}`]:t,[`k-rounded-${r.kendoThemeMaps.roundedMap[e]||e}`]:e,"k-invalid":!l,"k-required":this.required,"k-disabled":this.props.disabled},this.props.className),style:this.props.label?o:{width:this.props.width,...o}},s.createElement(g,null),s.createElement("input",{type:"text",autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:!1,className:"k-input-inner",value:this.value,id:n,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-placeholder":this.props.mask,name:this.props.name,tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled,!0),accessKey:this.props.accessKey,title:this.props.title,disabled:this.props.disabled||void 0,readOnly:this.props.readonly||void 0,placeholder:this.props.placeholder,ref:v=>this._input=v,onChange:this.onChangeHandler,onPaste:this.pasteHandler,onFocus:this.focusHandler,onBlur:this.blurHandler,onDragStart:Pa,onDrop:Pa}),s.createElement(d,null));return this.props.label?s.createElement(we.FloatingLabel,{label:this.props.label,editorId:n,editorValue:this.value,editorValid:l,editorDisabled:this.props.disabled,editorPlaceholder:this.props.placeholder,children:b,style:{width:this.props.width},dir:this.props.dir}):b}triggerOnChange(a,t){if(this.setState({value:a}),this.props.onChange){this._valueDuringOnChange=a;const e={syntheticEvent:t,nativeEvent:t.nativeEvent,selectionStart:this._selection[0],selectionEnd:this._selection[1],target:this,value:this.value};this.props.onChange.call(void 0,e),this._valueDuringOnChange=void 0}}updateService(a){const t=Object.assign({includeLiterals:this.props.includeLiterals,mask:this.props.mask,prompt:this.props.prompt,promptPlaceholder:this.props.promptPlaceholder,rules:this.rules},a);this._service.update(t)}get rules(){return Object.assign({},Qa,this.props.rules)}};let Ye=Ve;Ye.displayName="MaskedTextBox",Ye.propTypes={value:i.string,defaultValue:i.string,placeholder:i.string,title:i.string,dir:i.string,id:i.string,style:i.object,className:i.string,prefix:i.any,suffix:i.any,ariaLabelledBy:i.string,ariaDescribedBy:i.string,width:i.oneOfType([i.string,i.number]),tabIndex:i.number,accessKey:i.string,disabled:i.bool,readonly:i.bool,prompt:i.string,promptPlaceholder:i.string,includeLiterals:i.bool,maskValidation:i.bool,mask:i.string,rules:function(a,t,e){const n=a.rules;return n!==void 0&&!Object.entries(n).some(o=>typeof o!="string"||!(n[o]instanceof RegExp))?new Error("Invalid prop `"+t+"` supplied to `"+e+"`. Validation failed."):null},selection:i.shape({start:i.number.isRequired,end:i.number.isRequired}),name:i.string,label:i.string,validationMessage:i.string,required:i.bool,valid:i.bool,validityStyles:i.bool,onChange:i.func,size:i.oneOf([null,"small","medium","large"]),rounded:i.oneOf([null,"small","medium","large","full"]),fillMode:i.oneOf([null,"solid","flat","outline"])},Ye.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 mn=r.createPropsContext(),es=r.withIdHOC(r.withPropsContext(mn,Ye));es.displayName="KendoReactMaskedTextBox";var X=(a=>(a.start="start",a.end="end",a.min="min",a.max="max",a.increase="increase",a.decrease="decrease",a))(X||{});const ts=(a,t)=>{let e,n;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;n=a[t.key]+t.step,t.key==="start"?n<t.min?e={...a,start:t.min}:e={...a,start:Math.min(n,a.end)}:n>t.max?e={...a,end:t.max}:e={...a,end:Math.max(n,a.start)};break;case"decrease":if(t.step===void 0||t.key===void 0)return a;n=a[t.key]-t.step,t.key==="start"?n<t.min?e={...a,start:t.min}:e={...a,start:Math.min(n,a.end)}:n>t.max?e={...a,end:t.max}:e={...a,end:Math.max(n,a.start)};break;default:e=a;break}return e},xn=(a,t,e)=>{const[n,l]=s.useState(a),o=s.useCallback(u=>{const c=ts(t.state||n,{...u,...t});e&&e(c,u.event),l(c)},[t,e]);return[n,o]},as=r.createPropsContext(),ht=s.forwardRef((a,t)=>{r.validatePackage(le);const e=r.usePropsContext(as,a),n=s.useRef(null),l=s.useRef(null),o=s.useRef(null),u=s.useRef(null),c=s.useRef(null),g=s.useCallback(()=>{u.current&&u.current.focus()},[u]);s.useImperativeHandle(n,()=>({element:l.current,focus:g,props:e})),s.useImperativeHandle(t,()=>n.current);const d=s.useMemo(()=>e.min,[e.min]),b=s.useMemo(()=>e.max,[e.max]),v=s.useMemo(()=>e.step!==void 0?e.step:gt.step,[e.step,gt.step]),h=r.useDir(l,e.dir),k=(f,E)=>{e.onChange&&n.current&&e.onChange.call(void 0,{value:f,target:n.current,syntheticEvent:E})},[O,F]=s.useState(""),[D,V]=xn(e.defaultValue||gt.defaultValue,{min:d,max:b,step:v,state:e.value},k),w=s.useMemo(()=>e.value||D,[e.value,D]),N=s.useRef(null),A=s.useRef(null),_=s.useMemo(()=>(w.start-d)/(b-d)*100,[w.start,d,b]),L=s.useMemo(()=>(w.end-d)/(b-d)*100,[w.end,d,b]),K=s.useMemo(()=>e.vertical?{paddingTop:0,height:"100%"}:{},[e.vertical]),G=s.useMemo(()=>e.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},[e.vertical]),H=se.useLocalization(),S=s.useCallback(f=>{if(!A.current)return;const E=A.current.getBoundingClientRect(),I=e.vertical?E.bottom-f.clientY:h==="rtl"?E.right-f.clientX:f.clientX-E.left,z=e.vertical?E.height:E.width,ee=I/z;return d+ee*(b-d)},[A,e.vertical,h,d,b,D.start,D.end,e.value&&e.value.start,e.value&&e.value.end]),M=s.useCallback(f=>f<=w.start?"start":f>=w.end?"end":2*f<w.end+w.start?"start":"end",[D.start,D.end,e.value&&e.value.start,e.value&&e.value.end]),W=s.useCallback(f=>{switch(f.keyCode){case r.Keys.right:f.preventDefault(),V({type:h==="rtl"?X.decrease:X.increase,key:"start",event:f});break;case r.Keys.up:f.preventDefault(),V({type:X.increase,key:"start",event:f});break;case r.Keys.left:f.preventDefault(),V({type:h==="rtl"?X.increase:X.decrease,key:"start",event:f});break;case r.Keys.down:f.preventDefault(),V({type:X.decrease,key:"start",event:f});break;case r.Keys.home:f.preventDefault(),V({type:X.min,key:"start",event:f});break;case r.Keys.end:f.preventDefault(),V({type:X.max,key:"start",event:f});break}},[V]),Y=s.useCallback(f=>{switch(f.keyCode){case r.Keys.right:f.preventDefault(),V({type:h==="rtl"?X.decrease:X.increase,key:"end",event:f});break;case r.Keys.up:f.preventDefault(),V({type:X.increase,key:"end",event:f});break;case r.Keys.left:f.preventDefault(),V({type:h==="rtl"?X.increase:X.decrease,key:"end",event:f});break;case r.Keys.down:f.preventDefault(),V({type:X.decrease,key:"end",event:f});break;case r.Keys.home:f.preventDefault(),V({type:X.min,key:"end",event:f});break;case r.Keys.end:f.preventDefault(),V({type:X.max,key:"end",event:f});break}},[V,h]),T=s.useCallback(f=>{const E=S(f),I=M(E);F(I),I==="end"?c.current.focus():u.current.focus();const z=I==="end"?X.end:X.start;V({type:z,payload:E,event:f})},[e.vertical,d,b,V]),p=f=>{const E=S(f),I=O==="end"?X.end:X.start;V({type:I,payload:E,event:f})},C=f=>{const E=S(f),I=O==="end"?X.end:X.start;V({type:I,payload:E,event:f}),F("")};return r.useDraggable(A,{onPress:T,onDrag:p,onRelease:C}),s.createElement("div",{id:e.id,style:e.style,ref:l,dir:h,className:r.classNames("k-slider",{"k-rtl":h==="rtl","k-disabled":e.disabled,"k-slider-vertical":e.vertical,"k-slider-horizontal":!e.vertical},e.className)},s.createElement("div",{ref:A,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...G}},e.children&&s.createElement("ul",{className:"k-reset k-slider-items",style:{...K}},s.Children.map(e.children,f=>f&&s.cloneElement(f,{position:100*(f.props.position-e.min)/(e.max-e.min),vertical:e.vertical},f.props.children))),s.createElement("div",{ref:N,className:"k-slider-track",style:e.vertical?{bottom:0,height:"100%"}:{[h==="rtl"?"right":"left"]:0,width:"100%"}},_!==null&&L!==null&&s.createElement("div",{"data-selection":!0,ref:o,title:`${w.start} - ${w.end}`,className:"k-slider-selection",style:e.vertical?{height:L-_+"%",bottom:_+"%"}:{[h==="rtl"?"right":"left"]:_+"%",width:L-_+"%"}}),s.createElement("span",{ref:u,role:"slider",tabIndex:r.getTabIndex(e.startTabIndex,e.disabled,void 0),"aria-valuemin":d,"aria-valuemax":Math.max(b,w.end),"aria-valuenow":w.start,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${w.start} - ${w.end}`,className:"k-draghandle",title:H.toLanguageString(Be,q[Be]),style:e.vertical?{bottom:"calc("+_+"%)",zIndex:1}:h==="rtl"?{right:"calc("+_+"% - 13px)",zIndex:1}:{left:"calc("+_+"%)",zIndex:1},onKeyDown:W}),s.createElement("span",{ref:c,role:"slider",tabIndex:r.getTabIndex(e.endTabIndex,e.disabled,void 0),"aria-valuemin":Math.min(d,w.start),"aria-valuemax":b,"aria-valuenow":w.end,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${w.start} - ${w.end}`,className:"k-draghandle",title:H.toLanguageString(Be,q[Be]),style:e.vertical?{bottom:"calc("+L+"%)",zIndex:1}:h==="rtl"?{right:"calc("+L+"% - 13px)",zIndex:1}:{left:"calc("+L+"%)",zIndex:1},onKeyDown:Y}))))}),kn={value:(a,t,e)=>{if(a.value){const n=a.value.start,l=a.value.end,o=a.min,u=a.max;if(n>l||n>u||n<o||l>u||l<o||l<n)return new Error(`Invalid prop + ${t} supplied to ${e}.
+(function(m,qe){typeof exports=="object"&&typeof module!="undefined"?qe(exports,require("react"),require("prop-types"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-common"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-labels"),require("@progress/kendo-react-buttons"),require("@progress/kendo-drawing"),require("@progress/kendo-react-popup"),require("@progress/kendo-inputs-common"),require("@progress/kendo-react-dialogs")):typeof define=="function"&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-intl","@progress/kendo-react-common","@progress/kendo-svg-icons","@progress/kendo-react-labels","@progress/kendo-react-buttons","@progress/kendo-drawing","@progress/kendo-react-popup","@progress/kendo-inputs-common","@progress/kendo-react-dialogs"],qe):(m=typeof globalThis!="undefined"?globalThis:m||self,qe(m.KendoReactInputs={},m.React,m.PropTypes,m.KendoReactIntl,m.KendoReactCommon,m.KendoSvgIcons,m.KendoReactLabels,m.KendoReactButtons,m.KendoDrawing,m.KendoReactPopup,m.KendoInputsCommon,m.KendoReactDialogs))})(this,function(m,qe,i,se,r,j,we,re,Ae,Es,ys,Ss){"use strict";"use client";function Is(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,n.get?n:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const s=Is(qe),le={name:"@progress/kendo-react-inputs",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},Ke="numerictextbox.increment",He="numerictextbox.decrement",It="slider.increment",wt="slider.decrement",Be="slider.dragTitle",Oe="colorGradient.r",ua="colorGradient.g",da="colorGradient.b",fa="colorGradient.a",ha="colorGradient.hex",Lt="colorGradient.contrastRatio",Nt="colorGradient.colorGradientAALevel",Mt="colorGradient.colorGradientAAALevel",Vt="colorGradient.colorGradientPass",Dt="colorGradient.colorGradientFail",Bt="colorGradient.hueSliderLabel",Ot="colorGradient.alphaSliderLabel",Ft="colorGradient.toggleInputsButton",ga="flatColorPicker.cancelBtn",ba="flatColorPicker.applyBtn",zt="flatColorPicker.colorGradientBtn",_t="flatColorPicker.colorPaletteBtn",At="flatColorPicker.clearBtn",va="checkbox.validation",pa="checkbox.optionalText",ws="radioButton.validation",Kt="switch.validation",Ht="colorPicker.dropdownButtonAriaLabel",$t="rating.ariaLabel",Gt="signature.clear",qt="signature.maximize",Wt="signature.minimize",q={[Ke]:"Increase value",[He]:"Decrease value",[It]:"Increase",[wt]:"Decrease",[Be]:"Drag",[Oe]:"r",[ua]:"g",[da]:"b",[fa]:"a",[ha]:"hex",[Lt]:"Contrast ratio",[Nt]:"AA",[Mt]:"AAA",[Vt]:"Pass",[Dt]:"Fail",[Bt]:"Hue slider",[Ot]:"Alpha slider",[Ft]:"Toggle colorgradient inputs",[ga]:"Cancel",[ba]:"Apply",[zt]:"Color Gradient view",[_t]:"Color Palette view",[At]:"Clear color value",[va]:"Please check this box if you want to proceed!",[pa]:"(Optional)",[ws]:"Please select option if you want to proceed!",[Kt]:"Please turn on if you want to proceed!",[Ht]:"Select",[$t]:"Rating",[Gt]:"Clear",[qt]:"Maximize",[Wt]:"Minimize"},Te=11111111111111e-7,Ls=.31111111111111117,Ns=1,ma=1,xa=0,ve=/\d/,ka=15,Ca=()=>({eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1}),Ut=(a,t)=>a!==void 0?a:t,oe=(a,t,e)=>a===null&&a===void 0?"":typeof a=="string"?a:e.formatNumber(a,t),Ea=a=>(String(a).split(".")[1]||"").length,ya=(a,t)=>Math.max(Ea(a),Ea(t)),Ms=a=>Math.min(a,ka),Sa=(a,t)=>{const e=Ms(t);return parseFloat(a.toFixed(e))},Ia=(a,t,e,n,l,o,u)=>{const c=ya(a||0,e||0),g=$e(Sa((a||0)+(e||0),c),n,l);t.eventValue=g,t.currentLooseValue=oe(g,o,u),t.selectionStart=t.selectionEnd=We(t.currentLooseValue,ve)},wa=(a,t,e,n,l,o,u)=>{const c=ya(a||0,e||0),g=$e(Sa((a||0)-(e||0),c),n,l);t.eventValue=g,t.currentLooseValue=oe(g,o,u),t.selectionStart=t.selectionEnd=We(t.currentLooseValue,ve)},$e=(a,t,e)=>a==null?a:!(a>1||a<1||a===1)||e!==void 0&&t!==void 0&&e<t?null:(e!==void 0&&a>e&&(a=e),t!==void 0&&a<t&&(a=t),a),Vs=(a,t)=>{const e=t.findIndex(([l,o])=>!!o&&a.indexOf(o)===a.length-o.length);if(e===-1)return-1;const n=t[e][1];return a.length-n.length},Ds=(a,t)=>{const e=t.findIndex(([l,o])=>!!l&&a.indexOf(l)===0);return e===-1?-1:t[e][0].length},Bs=(a,t,e)=>{const n=Vs(a,t);if(n!==-1&&e.selectionStart>n){e.selectionStart=e.selectionEnd=n;return}e.selectionStart>a.length&&(e.selectionStart=e.selectionEnd=a.length);const l=Ds(a,t);l!==-1&&e.selectionStart<l&&(e.selectionStart=e.selectionEnd=l),e.selectionStart===-1&&(e.selectionStart=e.selectionEnd=0)},Ie=(a,t,e,n)=>{a.selectionStart=a.selectionEnd=t,Bs(e,n,a)},jt=(a,t,e,n)=>{a.eventValue=n.parseNumber(a.prevLooseValue,t),a.currentLooseValue=a.prevLooseValue,a.valueIsCorrected=!0,Ie(a,a.selectionStart,a.currentLooseValue,e)},Os=(a,t)=>{const e=String(a.currentLooseValue),n=String(a.prevLooseValue);return e.split(t.minusSign).length!==n.split(t.minusSign).length&&e.length===n.length+t.minusSign.length},Fs=(a,t)=>{const e=String(a.currentLooseValue),n=String(a.prevLooseValue);return e.indexOf(t.minusSign)===-1&&n.indexOf(t.minusSign)!==-1},zs=(a,t)=>String(a.currentLooseValue).split(t.decimal).length>2,_s=(a,t)=>{const e=t.formatNumber(Te,a),n=t.formatNumber(-Te,a),l=t.formatNumber(xa,a),o=t.formatNumber(ma,a),u=et(e),c=et(n),g=et(l),d=et(o),b=tt(e),v=tt(n),h=tt(l),k=tt(o);return{positiveInfo:[u,b],negativeInfo:[c,v],zeroInfo:[g,h],oneInfo:[d,k]}},As=(a,t)=>{const e=t.formatNumber(Te,a),n=t.formatNumber(-Te,a),l=t.formatNumber(xa,a),o=t.formatNumber(ma,a),u=t.numberSymbols(),c=new RegExp(`[\\d\\${u.decimal}${u.group}]`,"g");return[e,n,l,o].map(d=>d.replace(c,"")).join("").split("").filter((d,b,v)=>v.indexOf(d)===b).join("")},Rt=(a,t)=>{const e=a.indexOf(t.decimal);return e>-1?e:We(a,ve)},Xt=a=>a.split("").reverse().join(""),We=(a,t)=>a.length-Xt(a).search(t),et=a=>a.split(a[a.search(ve)])[0],tt=a=>{const t=Xt(a);return Xt(t.split(t[t.search(ve)])[0])},Yt=(a,t)=>a.search(t),La=(a,t)=>{const e=a.indexOf(t);return e>-1?a.length-e-1:0},Na=(a,t,e,n,l)=>{const o=a.replace(l,"")[0]==="0",u=t.replace(l,"")[0]==="0";if(o&&!u)return e-1;if(u&&n)return e+1;let c=0;for(let d=0;d<e;d++)ve.test(a.charAt(d))&&c++;let g=0;for(;c>0&&t.length>g;)ve.test(t.charAt(g))&&c--,g++;return g},Zt=(a,t,e)=>{const n={...a},{prevLooseValue:l}=n,o=e.numberSymbols(),u=As(t,e),c=String(n.currentLooseValue),g=String(l),d=new RegExp(`[^\\d\\${o.decimal}]`,"g"),b=new RegExp(`[^\\d\\${o.decimal}\\${o.group}]`,"g"),v=new RegExp(`[\\d\\${o.decimal}\\${o.group}]`),h=c.replace(d,""),k=Yt(c,ve),O=k===-1?-1:We(c,ve),F=c.indexOf(o.decimal),D=(c.substring(0,k)+c.substring(k,O).replace(b,"")+c.substring(O,c.length)).split("").filter(p=>u.indexOf(p)!==-1||p.search(v)!==-1).join(""),V=e.formatNumber(Ls,t).replace(d,""),w=V.indexOf(o.decimal),N=w>-1?V.length-w-1:0,A=e.formatNumber(Ns,t).replace(d,""),_=A.indexOf(o.decimal),L=_>-1?A.length-_-1:0,{positiveInfo:K,negativeInfo:G,zeroInfo:H,oneInfo:S}=_s(t,e),M=[K,G,H,S],W=M.findIndex(p=>p.findIndex(C=>!!C)!==-1)!==1,Y=c.length>0&&c.length<g.length,T=typeof t=="string"&&t[0]==="p"&&c&&c.indexOf(o.percentSign)===-1;if(!n.isPaste){if(c==="")return n.eventValue=null,n.currentLooseValue="",n;if(n.currentLooseValue===o.minusSign&&e.formatNumber(-0,t)!==g)return n.eventValue=-0,n.currentLooseValue=oe(n.eventValue,t,e),Ie(n,Rt(n.currentLooseValue,o),n.currentLooseValue,M),n;if(n.currentLooseValue===o.decimal){n.eventValue=0;const E=oe(n.eventValue,t,e);if(L===0&&N>0){const I=We(E,ve);n.currentLooseValue=E.substring(0,I)+o.decimal+E.substring(I)}else n.currentLooseValue=E;return Ie(n,Rt(n.currentLooseValue,o)+1,n.currentLooseValue,M),n}if(Os(n,o)){const E=e.parseNumber(l,t);n.eventValue=-(E!==null?E:0),n.currentLooseValue=oe(n.eventValue,t,e);const I=Yt(n.currentLooseValue,ve),z=Yt(g,ve);return Ie(n,n.selectionEnd-1+(I-z),n.currentLooseValue,M),n}if(Fs(n,o))return n.eventValue=e.parseNumber(n.currentLooseValue,t),Ie(n,n.selectionStart,n.currentLooseValue,M),n;if(zs(n,o))return jt(n,t,M,e),n;if(T)return n.eventValue=e.parseNumber(c,t)/100,n.currentLooseValue=oe(n.eventValue,t,e),n;if(String(n.currentLooseValue).replace(/[^\d]/g,"").length>ka||h!==c&&c&&W&&M.findIndex(([I,z])=>{const ee=c.indexOf(I),P=c.indexOf(z),B=ee===0,x=P===c.length-z.length,R=ee+I.length!==k&&k!==-1&&c[ee+I.length]!==o.decimal,U=P!==O&&O!==-1&&c[P-1]!==o.decimal;return I&&z?R||U?!1:B&&x:I?R?!1:B:z?U?!1:x:!1})===-1)return jt(n,t,M,e),n;if(h[h.length-1]===o.decimal&&N>0)return n.eventValue=e.parseNumber(c,t),n.currentLooseValue=D,n;if(n.currentLooseValue&&l&&(u+o.decimal+o.group).split("").findIndex(I=>c.split("").filter(z=>z===I).length<g.split("").filter(z=>z===I).length&&c.length+1===g.length?!(I===o.decimal&&La(g.replace(d,""),o.decimal)===0):!1)>-1)return n.eventValue=e.parseNumber(a.prevLooseValue,t),n.currentLooseValue=a.prevLooseValue,n;const C=La(h,o.decimal),f=h[h.length-1]==="0";if(Y&&f&&C<L)return n.eventValue=e.parseNumber(n.currentLooseValue,t),n.currentLooseValue=oe(n.eventValue,t,e),n;if(C>0){const E=c.substring(0,F);if(f&&(!E||g.indexOf(E)!==0)){n.eventValue=e.parseNumber(n.currentLooseValue,t);const I=oe(n.eventValue,t,e);return Ie(n,Na(c,I,n.selectionEnd,Y,d),I,M),n.currentLooseValue=I,n}if(C>N){const I=c.indexOf(o.decimal),z=c.substring(0,I)+c.substring(I,I+1+N)+c.substring(O,String(n.currentLooseValue).length);return n.eventValue=e.parseNumber(z,t),n.currentLooseValue=z,Ie(n,n.selectionStart,z,M),n}if(L!==N&&C<=N&&f)return n.eventValue=e.parseNumber(n.currentLooseValue,t),n.currentLooseValue=D,n;if(C<L)return n.eventValue=e.parseNumber(n.currentLooseValue,t),n.currentLooseValue=oe(n.eventValue,t,e),n}}if(n.eventValue=e.parseNumber(n.currentLooseValue,t),T&&(n.eventValue=n.eventValue/100),typeof n.eventValue=="number"){const p=oe(n.eventValue,t,e);c.length===1?Ie(n,Rt(p,o),p,M):Ie(n,Na(c,p,n.selectionEnd,Y,d),p,M),n.currentLooseValue=p}else n.currentLooseValue=oe(e.parseNumber(h),t,e);return n},Ks="Please enter a valid value!",Ma=r.createPropsContext(),Le=s.forwardRef((a,t)=>{r.validatePackage(le);const e=r.usePropsContext(Ma,a),n=r.useId(),l=e.id||n,o=se.useInternationalization(),u=se.useLocalization(),c=s.useRef(null),g=s.useRef(),[d,b]=s.useState(!1),v=s.useRef(Ca()),h=s.useRef(!1),k=s.useRef(),O=s.useRef(e.defaultValue),F=oe(v.current.focused&&!e.disabled?v.current.currentLooseValue:Ut(e.value,O.current),e.format,o);k.current=F;const[D]=r.useCustomComponent(e.prefix),[V]=r.useCustomComponent(e.suffix);s.useEffect(()=>{c.current&&c.current.setCustomValidity&&c.current.setCustomValidity(L().valid?"":e.validationMessage||Ks)});const w=s.useCallback(()=>{c.current&&c.current.focus()},[]),N=s.useCallback(()=>g.current!==void 0?g.current:Ut(e.value,O.current),[e.value]),A=s.useCallback(()=>e.name,[e.name]),_=s.useCallback(()=>e.required,[e.required]),L=s.useCallback(()=>{const B=e.validationMessage!==void 0,x=N(),R=e.valid!==void 0?e.valid:!v.current.valueIsOutOfRange&&(!_()||x!=null);return{customError:B,valid:R,valueMissing:x==null}},[e.validationMessage,e.valid,N,_]),K=s.useCallback(()=>e.validityStyles,[e.validityStyles]),G=s.useCallback(()=>e,[e]),H=s.useCallback(()=>{const B={element:c.current,focus:w};return Object.defineProperty(B,"name",{get:A}),Object.defineProperty(B,"value",{get:N}),Object.defineProperty(B,"validity",{get:L}),Object.defineProperty(B,"validityStyles",{get:K}),Object.defineProperty(B,"required",{get:_}),Object.defineProperty(B,"props",{get:G}),B},[A,N,L,K,_,w,G]);s.useImperativeHandle(t,H);const S=s.useCallback(()=>({eventValue:Ut(e.value,O.current),prevLooseValue:k.current,currentLooseValue:c.current.value,selectionStart:c.current.selectionStart,selectionEnd:c.current.selectionEnd,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1,isPaste:h.current,focused:v.current.focused}),[e.value]),M=s.useCallback((B,x)=>{if(e.disabled)return;g.current=x.eventValue,O.current=x.eventValue;const R=oe($e(x.eventValue,e.min,e.max),e.format,o),U=$e(o.parseNumber(R,e.format),e.min,e.max);U!==x.eventValue&&(x.valueIsOutOfRange=!0,x.eventValue=U,O.current=U),e.value!==x.eventValue&&r.dispatchEvent(e.onChange,B,H(),{value:x.eventValue}),g.current=void 0,v.current=x,b(ce=>!ce)},[e.value,e.onChange,e.disabled,b,H]),W=s.useCallback(B=>{const x=S();h.current=!1,M(B,Zt(x,e.format,o))},[e.format,e.onChange,o,M,S]),Y=s.useCallback(B=>{let x=S();const R=o.parseNumber(String(x.currentLooseValue),e.format);if(x.selectionEnd>x.selectionStart&&x.selectionEnd-x.selectionStart===String(x.currentLooseValue).length){const U=o.numberSymbols(),J=U&&B.key===U.minusSign,ce=U&&B.key===U.decimal;h.current=!J&&!ce;return}switch(B.keyCode){case 38:Ia(R,x,e.step,e.min,e.max,e.format,o);break;case 40:wa(R,x,e.step,e.min,e.max,e.format,o);break;case 13:{if(e.rangeOnEnter===!1)return;const U=oe($e(R,e.min,e.max),e.format,o),J=$e(o.parseNumber(U,e.format),e.min,e.max);x.eventValue=J,x.currentLooseValue=oe(J,e.format,o),x.selectionStart=x.selectionEnd=x.currentLooseValue.length;break}case 110:{const U=c.current,J=o.numberSymbols();U&&(x.currentLooseValue=x.currentLooseValue.slice(0,x.selectionStart)+J.decimal+x.currentLooseValue.slice(x.selectionEnd),x.selectionStart=x.selectionEnd=x.selectionStart+1,x=Zt(x,e.format,o));break}default:return}B.preventDefault(),M(B,x)},[e.format,e.min,e.max,e.step,e.onChange,e.rangeOnEnter,M,S]),T=s.useCallback(()=>{h.current=!0},[]),p=s.useCallback(B=>{if(e.readOnly||e.disabled)return;const x=S();Ia(o.parseNumber(String(x.currentLooseValue),e.format),x,e.step,e.min,e.max,e.format,o),M(B,x)},[e.format,e.min,e.max,e.step,e.onChange,e.readOnly,e.disabled,M,S]),C=s.useCallback(B=>{if(e.readOnly||e.disabled)return;const x=S();wa(o.parseNumber(String(x.currentLooseValue),e.format),x,e.step,e.min,e.max,e.format,o),M(B,x)},[e.format,e.min,e.max,e.step,e.onChange,e.readOnly,e.disabled,M,S]),f=s.useCallback(B=>{const x=r.getActiveElement(document);!document||x!==c.current||!c.current||e.readOnly||e.disabled||(B.nativeEvent.deltaY<0&&p(B),B.nativeEvent.deltaY>0&&C(B))},[p,C,e.disabled,e.readOnly]),E=s.useCallback(B=>{v.current.currentLooseValue=k.current,v.current.focused=!0,r.dispatchEvent(e.onFocus,B,H(),{}),b(x=>!x)},[e.onFocus,b,H]),I=s.useCallback(B=>{v.current=Ca(),r.dispatchEvent(e.onBlur,B,H(),{}),b(x=>!x)},[e.onBlur,b,H]),z=s.useCallback(B=>{if(document&&c.current){const x=r.getActiveElement(document);B.preventDefault(),x!==c.current&&c.current.focus()}},[]);r.useIsomorphicLayoutEffect(()=>{c.current&&c.current.type!=="number"&&v.current.selectionStart!==void 0&&v.current.selectionEnd!==void 0&&(c.current.selectionStart=v.current.selectionStart,c.current.selectionEnd=v.current.selectionEnd,v.current.selectionStart=void 0,v.current.selectionEnd=void 0)},[d]);const ee=!K()||L().valid,P=s.createElement("span",{dir:e.dir,style:e.label?e.style:{width:e.width,...e.style},className:r.classNames("k-input","k-numerictextbox",{[`k-input-${r.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-input-${e.fillMode}`]:e.fillMode,[`k-rounded-${r.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,"k-invalid":!ee,"k-required":e.required,"k-disabled":e.disabled},e.className),"aria-disabled":e.disabled?"true":void 0},s.createElement(D,null),s.createElement("input",{role:"spinbutton",value:F===null?"":F,tabIndex:r.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:W,onFocus:E,onBlur:I,onKeyDown:Y,onPaste:T,onWheel:f,ref:c}),s.createElement(V,null),e.children,e.spinners&&s.createElement("span",{className:"k-input-spinner k-spin-button",onMouseDown:z},s.createElement(re.Button,{tabIndex:-1,type:"button",icon:"caret-alt-up",svgIcon:j.caretAltUpIcon,rounded:null,className:"k-spinner-increase","aria-label":u.toLanguageString(Ke,q[Ke]),title:u.toLanguageString(Ke,q[Ke]),onClick:p}),s.createElement(re.Button,{tabIndex:-1,type:"button",icon:"caret-alt-down",svgIcon:j.caretAltDownIcon,rounded:null,className:"k-spinner-decrease","aria-label":u.toLanguageString(He,q[He]),title:u.toLanguageString(He,q[He]),onClick:C})));return e.label?s.createElement(we.FloatingLabel,{label:e.label,editorId:l,editorValue:F===null?"":F,editorValid:ee,editorDisabled:e.disabled,editorPlaceholder:e.placeholder,children:P,style:{width:e.width},dir:e.dir}):P});Le.propTypes={value:i.number,defaultValue:i.number,step:i.number,format:i.oneOfType([i.string,i.shape({style:i.oneOf(["decimal","currency","percent","scientific","accounting"]),currency:i.string,currencyDisplay:i.oneOf(["symbol","code","name"]),useGrouping:i.bool,minimumIntegerDigits:i.number,minimumFractionDigits:i.number,maximumFractionDigits:i.number})]),width:i.oneOfType([i.string,i.number]),tabIndex:i.number,accessKey:i.string,title:i.string,placeholder:i.string,min:i.number,max:i.number,spinners:i.bool,disabled:i.bool,readOnly:i.bool,dir:i.string,name:i.string,label:i.string,validationMessage:i.string,required:i.bool,id:i.string,rangeOnEnter:i.bool,ariaLabelledBy:i.string,ariaDescribedBy:i.string,ariaLabel:i.string,onChange:i.func,onFocus:i.func,onBlur:i.func,size:i.oneOf([null,"small","medium","large"]),rounded:i.oneOf([null,"small","medium","large","full"]),fillMode:i.oneOf([null,"solid","flat","outline"])},Le.displayName="KendoNumericTextBox",Le.defaultProps={prefix:a=>null,suffix:a=>null,step:1,spinners:!0,disabled:!1,required:!1,validityStyles:!0,rangeOnEnter:!0,onChange:a=>{},onFocus:a=>{},onBlur:a=>{},size:"medium",rounded:"medium",fillMode:"solid"};const ae=a=>a!=null,ne=(a,t,e)=>!ae(a)||isNaN(a)||a<=t?t:a>=e?e:a,Ne=(a,t,e=!0)=>{if(["hex","rgba"].indexOf(t)===-1)throw new Error(`Unsupported color output format '${t}'. The available options are 'hex' or 'rgba'.`);if(!ae(a))return;const l=Ae.parseColor(a.trim(),e);if(ae(l))return t==="hex"?l.toCss():l.toCssRgba()},Jt=(a,t=!0)=>{const e=Ae.parseColor(a,t);return ae(e)?e.toHSV():{}},Ge=(a,t=!0)=>{const e=Ae.parseColor(a,t);return ae(e)?e.toBytes():{}},Qt=a=>{const t=ne(a.h,0,359.9),e=ne(a.s,0,1),n=ne(a.v,0,1),l=ne(a.a,0,1);return Ae.Color.fromHSV(t,e,n,l).toCssRgba()},at=a=>Qt({h:a,s:1,v:1,a:1}),Hs=a=>{const t=ne(a.r,0,255),e=ne(a.g,0,255),n=ne(a.b,0,255),l=ne(a.a,0,1);return Ae.Color.fromBytes(t,e,n,l).toCssRgba()},Va=(a,t)=>{const e=ne(a.r,0,255),n=ne(a.g,0,255),l=ne(a.b,0,255),o=ne(a.a,0,1),u=ne(t.r,0,255),c=ne(t.g,0,255),g=ne(t.b,0,255);return{r:Math.round((1-o)*u+o*e),g:Math.round((1-o)*c+o*n),b:Math.round((1-o)*g+o*l)}},Da=a=>{let t=[a.r||0,a.g||0,a.b||0].map(function(e){return e/=255,e<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)});return t[0]*.2126+t[1]*.7152+t[2]*.0722},$s=(a,t)=>{const e=Math.max(a,t),n=Math.min(a,t);return(e+.05)/(n+.05)},Ba=(a,t)=>$s(Da(Va(a,t)),Da(Va(t,{r:0,g:0,b:0,a:1}))),Pt=class extends s.Component{constructor(a){super(a),this._input=null,this.focus=()=>{this._input&&this._input.focus()},this.isInvalid=t=>{let e=!1;for(let n in t)t.hasOwnProperty(n)&&(e=e||!!t[n]);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")}},r.validatePackage(le),this.state={value:this.props.defaultValue||Pt.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:Pt.defaultProps.validityStyles}componentDidMount(){this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{className:a,label:t,labelClassName:e,id:n,validationMessage:l,defaultValue:o,valid:u,visited:c,touched:g,modified:d,ariaLabelledBy:b,ariaDescribedBy:v,validityStyles:h,style:k,ariaLabel:O,...F}=this.props,D=n||this._inputId,V=!this.validityStyles||this.validity.valid,w=r.classNames(a,"k-input k-input-md k-rounded-md k-input-solid"),N=s.createElement("input",{"aria-labelledby":b,"aria-describedby":v,"aria-disabled":this.props.disabled||void 0,"aria-invalid":!V||void 0,"aria-label":O||void 0,...F,style:t?void 0:k,value:this.value,id:D,className:w,onChange:this.handleChange,onAnimationStart:this.handleAutoFill,ref:A=>{this._input=A}});return t?s.createElement(we.FloatingLabel,{label:t,labelClassName:e,editorId:D,editorValue:String(this.value),editorValid:V,editorDisabled:F.disabled,editorPlaceholder:F.placeholder,children:N,style:k,dir:F.dir}):N}};let Ue=Pt;Ue.displayName="Input",Ue.propTypes={label:i.string,labelClassName:i.string,validationMessage:i.string,required:i.bool,validate:i.bool,id:i.string,ariaLabelledBy:i.string,ariaDescribedBy:i.string,ariaLabel:i.string},Ue.defaultProps={defaultValue:"",required:!1,validityStyles:!0};const Oa=r.createPropsContext(),Tt=r.withIdHOC(r.withPropsContext(Oa,Ue));Tt.displayName="KendoReactInput";class Gs extends s.Component{constructor(t){super(t),this.onChange=e=>{const n=e.target.value,l=Ne(n,"rgba");this.setState({hex:n}),ae(l)&&this.props.onHexChange(n,l,e)},this.onBlur=()=>{ae(Ne(this.state.hex,"rgba"))||this.setState({hex:this.state.originalHex})},this.state={hex:this.props.hex,originalHex:this.props.hex}}render(){return s.createElement(Tt,{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 Fe=["rgba","rgb","hex"];class st extends s.Component{constructor(t){super(t),this.onRgbaRChange=e=>{this.dispatchRgbaChange({r:e.value},e)},this.onRgbaGChange=e=>{this.dispatchRgbaChange({g:e.value},e)},this.onRgbaBChange=e=>{this.dispatchRgbaChange({b:e.value},e)},this.onRgbaAChange=e=>{this.dispatchRgbaChange({a:e.value},e)},this.state={inputMode:t.defaultInputMode||Fe[1]}}render(){const t=se.provideLocalizationService(this),e=t.toLanguageString(Oe,q[ha]),n=t.toLanguageString(Oe,q[Oe]),l=t.toLanguageString(Oe,q[ua]),o=t.toLanguageString(Oe,q[da]),u=t.toLanguageString(Oe,q[fa]),c=t.toLanguageString(Ft,q[Ft]);return s.createElement("div",{className:"k-colorgradient-inputs k-hstack"},s.createElement("div",{className:"k-vstack"},s.createElement(re.Button,{"aria-label":c,fillMode:"flat",icon:"caret-alt-expand",svgIcon:j.caretAltExpandIcon,className:"k-colorgradient-toggle-mode k-icon-button",onClick:this.onToggleModeChange.bind(this)})),this.state.inputMode==="hex"&&s.createElement("div",{className:"k-vstack k-flex-1"},s.createElement("span",{className:"k-hex-value k-textbox k-input"},s.createElement(Gs,{hex:this.props.hex,onHexChange:this.props.onHexChange,disabled:this.props.disabled})),s.createElement(we.Label,{className:"k-colorgradient-input-label"},e)),(this.state.inputMode==="rgb"||this.state.inputMode==="rgba")&&s.createElement(s.Fragment,null,s.createElement("div",{className:"k-vstack"},s.createElement(Le,{inputType:"number",value:this.props.rgba.r,ariaLabel:String(this.props.rgba.r),min:0,max:255,spinners:!1,format:"n",onChange:this.onRgbaRChange,disabled:this.props.disabled}),s.createElement(we.Label,{className:"k-colorgradient-input-label"},n)),s.createElement("div",{className:"k-vstack"},s.createElement(Le,{inputType:"number",value:this.props.rgba.g,ariaLabel:String(this.props.rgba.g),min:0,max:255,spinners:!1,format:"n",onChange:this.onRgbaGChange,disabled:this.props.disabled}),s.createElement(we.Label,{className:"k-colorgradient-input-label"},l)),s.createElement("div",{className:"k-vstack"},s.createElement(Le,{inputType:"number",value:this.props.rgba.b,ariaLabel:String(this.props.rgba.b),min:0,max:255,spinners:!1,format:"n",onChange:this.onRgbaBChange,disabled:this.props.disabled}),s.createElement(we.Label,{className:"k-colorgradient-input-label"},o))),this.state.inputMode==="rgba"&&s.createElement("div",{className:"k-vstack"},this.props.opacity&&s.createElement(Le,{inputType:"number",value:this.props.rgba.a,ariaLabel:String(this.props.rgba.a),min:0,max:1,step:.01,spinners:!1,format:"n2",onChange:this.onRgbaAChange,disabled:this.props.disabled}),this.props.opacity&&s.createElement(we.Label,{className:"k-colorgradient-input-label"},u)))}dispatchRgbaChange(t,e){let n={...this.props.rgba};t.r!==void 0&&(n.r=t.r),t.g!==void 0&&(n.g=t.g),t.b!==void 0&&(n.b=t.b),t.a!==void 0&&(n.a=t.a),this.props.onRgbaChange(n,e)}onToggleModeChange(){const t=Fe.length-1===Fe.indexOf(this.state.inputMode)?0:Fe.indexOf(this.state.inputMode)+1;if(this.props.opacity)this.setState({inputMode:Fe[t]});else{const e=Fe[t]==="rgba"?t+1:t;this.setState({inputMode:Fe[e]})}}}se.registerForIntl(st),se.registerForLocalization(st);const ea="data-slider-label",qs=a=>{const t=s.useRef(null),e=r.useDir(t),n=a.vertical?{bottom:`${a.position}%`}:{[e==="rtl"?"right":"left"]:`${a.position}%`},l=a.vertical?"k-tick-vertical":"k-tick-horizontal";return s.createElement("li",{ref:t,className:`k-tick k-tick-large ${l}`,title:a.title,style:{zIndex:1,position:"absolute",...n}},a.children&&s.createElement("span",{[ea]:!0,className:"k-label",onClick:a.onClick},a.children))};class je extends s.Component{constructor(t){super(t),this.state={value:this.props.defaultValue===void 0?this.props.min:this.props.defaultValue,focused:!1,dir:this.props.dir},this._sliderTrack=null,this._element=null,this.buttons=e=>{if(!e.enabled)return e.children;const n=this.state.dir==="rtl"?this.props.vertical?j.caretAltUpIcon:j.caretAltLeftIcon:this.props.vertical?j.caretAltUpIcon:j.caretAltRightIcon,l=this.state.dir==="rtl"?this.props.vertical?j.caretAltDownIcon:j.caretAltRightIcon:this.props.vertical?j.caretAltDownIcon:j.caretAltLeftIcon,o=this.state.dir==="rtl"?this.props.vertical?"caret-alt-up":"caret-alt-left":this.props.vertical?"caret-alt-up":"caret-alt-right",u=this.state.dir==="rtl"?this.props.vertical?"caret-alt-down":"caret-alt-right":this.props.vertical?"caret-alt-down":"caret-alt-left";return s.createElement(s.Fragment,null,s.createElement(re.Button,{className:"k-button-decrease",rounded:"full",icon:u,svgIcon:l,title:e.decrementTitle,onClick:e.decrement}),e.children,s.createElement(re.Button,{className:"k-button-increase",rounded:"full",icon:o,svgIcon:n,title:e.incrementTitle,onClick:e.increment}))},this.focus=()=>{this._element&&this._element.focus()},this.isLabel=e=>{let n=e;for(;n;){if(n.getAttribute(ea))return!0;n=n.parentElement}return!1},this.onFocus=()=>{this.setState({focused:!0})},this.onBlur=()=>{this.setState({focused:!1})},this.onKeyDown=e=>{let n;e.keyCode===r.Keys.left||e.keyCode===r.Keys.down?n=this.state.value-(this.props.step||0):e.keyCode===r.Keys.right||e.keyCode===r.Keys.up?n=this.state.value+(this.props.step||0):e.keyCode===r.Keys.home?n=this.props.min:e.keyCode===r.Keys.end&&(n=this.props.max),n!==void 0&&(e.preventDefault(),this.change(e,n))},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 n=e.element.getBoundingClientRect(),l=this.props.vertical?n.bottom-e.event.clientY:this.state.dir==="rtl"?n.right-e.event.clientX:e.event.clientX-n.left,o=this.props.vertical?n.height:n.width,u=l/o;this.change(e,this.props.min+u*(this.props.max-this.props.min))},r.validatePackage(le)}static getDerivedStateFromProps(t,e){const n=t.value!==void 0?t.value:e.value,{min:l,max:o}=t;return n===void 0?null:{value:Math.min(Math.max(n,l),o)}}componentDidMount(){if(!this.state.dir&&window&&this._element){const t=window.getComputedStyle(this._element).direction;t&&this.setState({dir:t})}}render(){const t=se.provideLocalizationService(this),e=(this.state.value-this.props.min)/(this.props.max-this.props.min)*100,n=this.props.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},l=this.props.vertical?{paddingTop:0,height:"100%"}:{};return s.createElement("div",{ref:o=>this._element=o,dir:this.state.dir,id:this.props.id,style:{gap:0,...this.props.style},onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,className:r.classNames("k-slider",{"k-focus":this.state.focused,"k-disabled":this.props.disabled,"k-slider-horizontal":!this.props.vertical,"k-slider-vertical":this.props.vertical},this.props.className)},s.createElement(this.buttons,{enabled:this.props.buttons,decrement:this.decrement,increment:this.increment,incrementTitle:t.toLanguageString(It,q[It]),decrementTitle:t.toLanguageString(wt,q[wt])},s.createElement(r.Draggable,{onDrag:this.dragOver,onPress:this.dragStart},s.createElement("div",{className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...n}},this.props.children&&s.createElement("ul",{className:"k-reset k-slider-items",style:{margin:0,...l}},s.Children.map(this.props.children,o=>o&&s.cloneElement(o,{position:100*(o.props.position-this.props.min)/(this.props.max-this.props.min),vertical:this.props.vertical},o.props.children))),s.createElement("div",{className:"k-slider-track",style:this.props.vertical?{bottom:0,height:"100%"}:{[this.state.dir==="rtl"?"right":"left"]:0,width:"100%"},ref:o=>this._sliderTrack=o},s.createElement("div",{className:"k-slider-selection",style:this.props.vertical?{height:e+"%"}:{width:e+"%"}}),s.createElement("span",{role:"slider","aria-valuemin":this.props.min,"aria-valuemax":this.props.max,"aria-valuenow":this.state.value,"aria-valuetext":String(this.state.value),"aria-orientation":this.props.vertical?"vertical":void 0,"aria-disabled":this.props.disabled?"true":void 0,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel,tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled,void 0),className:"k-draghandle",title:t.toLanguageString(Be,q[Be]),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}),r.dispatchEvent(this.props.onChange,t,this,{value:e})}}je.displayName="Slider",je.propTypes={min:i.number.isRequired,max:i.number.isRequired,value:i.number,vertical:i.bool,id:i.string,ariaLabelledBy:i.string,ariaDescribedBy:i.string,ariaLabel:i.string};const Ws=r.createPropsContext(),nt=r.withPropsContext(Ws,je);nt.displayName="KendoReactSlider",se.registerForLocalization(je);const ze={};function Us(a,t,e){ze[a]={value:t,hsva:e}}function js(a,t,e){ze[a]={value:t,rgba:e}}function Rs(a,t,e){ze[a]={value:t,hex:e}}function Xs(a){delete ze[a]}function Ys(a,t){if(a){const e=ze[a];return e&&e.value===t?e.hex:void 0}else return}function Zs(a,t){if(a){const e=ze[a];return e&&e.value===t?e.hsva:void 0}else return}function Js(a,t){if(a){const e=ze[a];return e&&e.value===t?e.rgba:void 0}else return}class Fa extends s.Component{render(){const t=se.provideLocalizationService(this),e=t.toLanguageString(Lt,q[Lt]),n=t.toLanguageString(Nt,q[Nt]),l=t.toLanguageString(Mt,q[Mt]),o=t.toLanguageString(Vt,q[Vt]),u=t.toLanguageString(Dt,q[Dt]),c=Ba(this.props.rgba,this.props.bgColor),g=4.5.toFixed(1),d=7 .toFixed(1),b=`${e}: ${c.toFixed(2)}`,v=`${n}: ${g}`,h=`${l}: ${d}`,k=s.createElement("span",{className:"k-contrast-validation k-text-success"},o," ",s.createElement(r.IconWrap,{name:"check",icon:j.checkIcon})),O=s.createElement("span",{className:"k-contrast-validation k-text-error"},u," ",s.createElement(r.IconWrap,{name:"x",icon:j.xIcon}));return s.createElement("div",{className:"k-vbox k-colorgradient-color-contrast"},s.createElement("div",{className:"k-contrast-ratio"},s.createElement("span",{className:"k-contrast-ratio-text"},b),c>=4.5?s.createElement("span",{className:"k-contrast-validation k-text-success"},s.createElement(r.IconWrap,{name:"check",icon:j.checkIcon}),c>=7&&s.createElement(r.IconWrap,{name:"check",icon:j.checkIcon})):s.createElement("span",{className:"k-contrast-validation k-text-error"},s.createElement(r.IconWrap,{name:"x",icon:j.xIcon}))),s.createElement("div",null,s.createElement("span",null,v),c>=4.5?k:O),s.createElement("div",null,s.createElement("span",null,h),c>=7?k:O))}}se.registerForLocalization(Fa);const it=(a,t)=>a.length===0?"":`<path d="${a.reduce((n,l,o,u)=>o===0?`M ${l[0]},${l[1]}`:`${n} ${t(l,o,u)}`,"")}" fill="none" stroke="white" stroke-width="1"/>`,Qs=(a,t)=>{const e=t[0]-a[0],n=t[1]-a[1];return{length:Math.sqrt(Math.pow(e,2)+Math.pow(n,2)),angle:Math.atan2(n,e)}},Ps=a=>(t,e,n,l)=>{const o=e||t,u=n||t,c=.1,g=a(o,u),d=g.angle+(l?Math.PI:0),b=g.length*c,v=t[0]+Math.cos(d)*b,h=t[1]+Math.sin(d)*b;return[v,h]},Ts=a=>(t,e,n)=>{const[l,o]=a(n[e-1],n[e-2],t),[u,c]=a(t,n[e-1],n[e+1],!0);return`C ${l},${o} ${u},${c} ${t[0]},${t[1]}`},za=4.5,_a=7,rt=16;class en extends s.Component{renderSvgCurveLine(){const t=this.props.metrics,e=(o,u,c,g,d)=>{const b=(c+g)/2,v=Object.assign({},this.props.hsva,{s:u/t.width,v:1-b/t.height}),h=Ba(Ge(Qt(v)),Ge(this.props.backgroundColor||""));return c+.5>g?h<o+1&&h>o-1?b:null:d(h,o)?e(o,u,c,g-(g-c)/2,d):e(o,u,c+(g-c)/2,g,d)},n=(o,u,c=!1)=>{const g=[];for(let d=0;d<=t.width;d+=t.width/u){const b=e(o,d,0,t.height,c?(v,h)=>v<h:(v,h)=>v>h);b!==null&&g.push([d,b])}return g},l=Ts(Ps(Qs));return it(n(za,rt),l)+it(n(za,rt,!0),l)+it(n(_a,rt),l)+it(n(_a,rt,!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 s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",className:"k-color-contrast-svg",dangerouslySetInnerHTML:{__html:this.renderSvgCurveLine()},style:{position:"absolute",overflow:"visible",pointerEvents:"none",left:0,top:0,zIndex:3}})}}const tn="rgba",Aa="rgba(255, 255, 255, 1)",ta=class extends s.Component{constructor(a){super(a),this.wrapper=null,this.onHexChange=(e,n,l)=>{if(this.isUncontrolled){const o=Jt(n);this.setState({hsva:o,backgroundColor:at(o.h),rgba:Ge(n),hex:e})}else Rs(this.state.guid,n,e);this.dispatchChangeEvent(n,l,l.nativeEvent)},this.onRgbaChange=(e,n)=>{const l=Hs(e);if(this.isUncontrolled){const o=Jt(l),u=Ne(l,"hex");this.setState({hsva:o,backgroundColor:at(o.h),rgba:e,hex:u})}else js(this.state.guid,l,e);this.dispatchChangeEvent(l,n.syntheticEvent,n.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 n=this.getGradientRectMetrics(),l=e.clientX-n.left,o=e.clientY-n.top,u=ne(l,0,n.width),c=ne(o,0,n.height),g=Object.assign({},this.state.hsva,{s:u/n.width,v:1-c/n.height});this.handleHsvaChange(g,e,e.nativeEvent)},this.onFocus=e=>{this.props.onFocus&&this.props.onFocus.call(void 0,{nativeEvent:e,target:this})},this.focus=()=>{this.wrapper&&r.focusFirstFocusableChild(this.wrapper)},r.validatePackage(le);const t=a.value||a.defaultValue||Ne(Aa,tn);this.state=Object.assign({},ta.getStateFromValue(t),{isFirstRender:!0,guid:this.props.id})}static getDerivedStateFromProps(a,t){return a.value&&!t.isFirstRender?ta.getStateFromValue(a.value,t.guid):null}componentDidMount(){this.setAlphaSliderBackground(this.state.backgroundColor),this.state.isFirstRender&&this.setState({isFirstRender:!1})}componentWillUnmount(){Xs(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,n=this.state.hsva.s*t.width;a.top=`${e}px`,a.left=`${n}px`}return s.createElement("div",{role:"slider",tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled),"aria-valuetext":this.props.ariaValueText,"aria-valuenow":parseInt(this.state.hex.substring(1),16),"aria-label":this.props.ariaLabelHSV,"aria-orientation":void 0,"aria-disabled":this.props.disabled?"true":void 0,className:"k-hsv-draghandle k-draghandle",style:a})}handleHsvaChange(a,t,e){const n=Qt(a);if(this.isUncontrolled){const l=Ne(n,"hex");this.setState({hsva:a,backgroundColor:at(a.h),rgba:Ge(n),hex:l})}else Us(this.state.guid,n,a);this.dispatchChangeEvent(n,t,e)}dispatchChangeEvent(a,t,e){this.props.onChange&&this.props.onChange.call(void 0,{syntheticEvent:t,nativeEvent:e,target:this,value:a})}static getStateFromValue(a,t){ae(Ne(a,"hex"))||(a=Aa);const e=Zs(t,a)||Jt(a),n=Js(t,a)||Ge(a),l=Ys(t,a)||Ne(a,"hex"),o=at(e.h);return{hsva:e,backgroundColor:o,rgba:n,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=se.provideLocalizationService(this),t=r.classNames("k-colorgradient",{"k-disabled":this.props.disabled},this.props.className);return s.createElement("div",{id:this.props.id,role:this.props.role,className:t,"aria-disabled":this.props.disabled?"true":void 0,style:this.props.style,ref:e=>this.wrapper=e,tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled),"aria-label":this.props.ariaLabel,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,onFocus:this.onFocus},s.createElement("div",{className:"k-colorgradient-canvas k-hstack"},s.createElement("div",{className:"k-hsv-rectangle",style:{background:this.state.backgroundColor}},s.createElement(r.Draggable,{onDrag:this.onDrag,onRelease:this.onRelease,ref:e=>this.gradientWrapper=e?e.element:void 0},s.createElement("div",{className:"k-hsv-gradient",style:{touchAction:"none"},onClick:this.onGradientWrapperClick},this.renderRectangleDragHandle())),this.props.backgroundColor&&!this.state.isFirstRender&&s.createElement(en,{metrics:this.gradientWrapper?this.getGradientRectMetrics():void 0,hsva:this.state.hsva,backgroundColor:this.props.backgroundColor})),s.createElement("div",{className:"k-hsv-controls k-hstack"},s.createElement(nt,{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(Bt,q[Bt])}),this.props.opacity&&s.createElement(nt,{value:ae(this.state.hsva.a)?this.state.hsva.a*100:100,buttons:!1,vertical:!0,min:0,max:100,step:1,ariaLabel:a.toLanguageString(Ot,q[Ot]),onChange:this.onAlphaSliderChange,className:"k-alpha-slider k-colorgradient-slider",disabled:this.props.disabled,ref:e=>this.alphaSlider=e}))),s.createElement(st,{rgba:this.state.rgba,onRgbaChange:this.onRgbaChange,hex:this.state.hex,onHexChange:this.onHexChange,opacity:this.props.opacity,disabled:this.props.disabled,defaultInputMode:this.props.format}),this.props.backgroundColor&&s.createElement(Fa,{bgColor:Ge(this.props.backgroundColor),rgba:this.state.rgba}))}};let Re=ta;Re.displayName="ColorGradient",Re.propTypes={defaultValue:i.string,value:i.string,onChange:i.func,onFocus:i.func,opacity:i.bool,backgroundColor:i.string,format:i.any,disabled:i.bool,style:i.any,id:i.string,role:i.string,ariaLabel:i.string,ariaLabelledBy:i.string,ariaDescribedBy:i.string,className:i.string},Re.defaultProps={opacity:!0,role:"textbox",format:"rgb"};const Ka=r.createPropsContext(),lt=r.withIdHOC(r.withPropsContext(Ka,Re));lt.displayName="KendoReactColorGradient";class an{constructor(){this.colorRows=[]}setColorMatrix(t,e){if(this.colorRows=[],!!(ae(t)&&t.length)){e=e||t.length;for(let n=0;n<t.length;n+=e){const l=t.slice(n,e+n);this.colorRows.push(l)}}}getCellCoordsFor(t){if(!ae(t))return;const e=t&&Ae.parseColor(t,!0),n=[t];ae(e)&&n.push(e.toCss(),e.toCssRgba());for(let l=0;l<this.colorRows.length;l++)for(let o=0;o<this.colorRows[l].length;o++)if(n.some(u=>u===this.colorRows[l][o]))return{row:l,col:o}}getColorAt(t){if(ae(t)&&ae(this.colorRows[t.row]))return this.colorRows[t.row][t.col]}getNextCell(t,e,n){if(!(ae(t)&&ae(t.row)&&ae(t.col)))return{row:0,col:0};const l=this.clampIndex(t.row+n,this.colorRows.length-1),o=this.clampIndex(t.col+e,this.colorRows[l].length-1);return{row:l,col:o}}clampIndex(t,e){return t<0?0:t>e?e:t}}const Ha={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}},$a=24,Ga=10,qa="office";class Xe extends s.Component{constructor(t){super(t),this.wrapper=null,this.paletteService=null,this.focus=()=>{this.wrapper&&this.wrapper.focus()},this.onKeyDown=e=>{switch(e.keyCode){case r.Keys.down:this.handleCellNavigation(0,1);break;case r.Keys.up:this.handleCellNavigation(0,-1);break;case r.Keys.right:this.handleCellNavigation(1,0);break;case r.Keys.left:this.handleCellNavigation(-1,0);break;case r.Keys.enter:this.handleEnter(e);break;default:return}e.preventDefault()},this.onColorClick=(e,n)=>{this.isUncontrolled?this.setState({selectedColor:e,focusedColor:e}):this.setState({focusedColor:e}),this.dispatchChangeEvent(e,n)},this.onFocus=e=>{this.paletteService&&(this.setState({focusedColor:this.state.selectedColor||this.paletteService.colorRows[0][0]}),this.props.onFocus&&this.props.onFocus.call(void 0,e))},this.onBlur=()=>{this.setState({focusedColor:void 0})},r.validatePackage(le),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 an;e.setColorMatrix(t.colors,t.columns);const n=e.getCellCoordsFor(this.state.selectedColor),l=e.getCellCoordsFor(this.state.focusedColor),o=r.classNames("k-colorpalette",{"k-disabled":this.props.disabled},this.props.className);return t.colors.length?s.createElement("div",{id:this.props.id,role:"grid",className:o,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,"aria-disabled":this.props.ariaDisabled||(this.props.disabled?"true":void 0),"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled),ref:u=>this.wrapper=u},s.createElement("table",{className:"k-colorpalette-table",role:"presentation"},s.createElement("tbody",{role:"rowgroup"},this.renderRows(e.colorRows,n,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 n=this.paletteService.getNextCell(this.focusedColorCooridanates,t,e);this.setState({focusedColor:this.paletteService.getColorAt(n)})}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){r.dispatchEvent(this.props.onChange,e,this,{value:t,rgbaValue:Ne(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=Ha[this.props.palette];return ae(t)?{colors:t.colors,columns:this.props.columns||t.columns||Ga}:{colors:[],columns:0}}else return{colors:this.props.palette||[],columns:this.props.columns||Ga}}renderRows(t,e,n){return t.map((l,o)=>s.createElement("tr",{role:"row",key:o},this.renderColumns(l,o,e,n)))}renderColumns(t,e,n,l){const o=n!==void 0&&n.row===e,u=n&&n.col,c=l!==void 0&&l.row===e,g=l&&l.col,d=typeof this.props.tileSize!="number"?this.props.tileSize:{width:this.props.tileSize,height:this.props.tileSize},b=d.width+"px",v=d.height+"px";return t.map((h,k)=>{const O=o&&u===k,F=r.classNames("k-colorpalette-tile",{"k-selected":O,"k-focus":c&&g===k});return s.createElement("td",{role:"gridcell",className:F,"aria-label":h,"aria-selected":O?!0:this.props.disabled?void 0:!1,style:{backgroundColor:h,width:b,height:v,minWidth:b},onClick:D=>this.onColorClick(h,D),id:this.createCellId({row:e,col:k}),key:k})})}createCellId(t){return`${this.guid}_${t.row}_${t.col}`}}Xe.displayName="ColorPalette",Xe.propTypes={palette:i.oneOfType([i.arrayOf(i.string.isRequired),i.string]),columns:i.number,tileSize:i.any,defaultValue:i.string,value:i.string,disabled:i.bool,tabIndex:i.number,onChange:i.func,onFocus:i.func,id:i.string,ariaLabelledBy:i.string,ariaDescribedBy:i.string,className:i.string},Xe.defaultProps={palette:qa,tileSize:$a};const Wa=r.createPropsContext(),ot=r.withIdHOC(r.withPropsContext(Wa,Xe));ot.displayName="KendoReactColorPalette";const sn="bottom",nn="top",Ua=a=>{const t=a.popupSettings||{},e=a.dir==="rtl"?"right":"left",n=s.useMemo(()=>({horizontal:e,vertical:sn}),[e]),l=s.useMemo(()=>({horizontal:e,vertical:nn}),[e]);return s.createElement(s.Fragment,null,a.input,a.button,s.createElement(Es.Popup,{style:{...(t||{}).style,direction:a.dir},...t,anchor:a.popupAnchor,anchorAlign:n,popupAlign:l,show:a.open,onOpen:a.onOpen,onClose:a.onClose,className:r.classNames("k-reset",t.className)},a.content))};Ua.displayName="KendoPickerComponent";const rn={opacity:!0},ln={palette:qa,tileSize:$a},aa=a=>a!==void 0,ja=r.createPropsContext(),ct=s.forwardRef((a,t)=>{r.validatePackage(le);const e=r.usePropsContext(ja,a),n=se.useLocalization(),{size:l=ut.size,rounded:o=ut.rounded,fillMode:u=ut.fillMode,popupSettings:c,gradientSettings:g,paletteSettings:d,valid:b,disabled:v,tabIndex:h,view:k,icon:O,svgIcon:F,iconClassName:D,onChange:V,onFocus:w,onBlur:N,onActiveColorClick:A,className:_}=e,L=s.useRef(null),K=s.useRef(null),G=s.useRef(null),H=s.useRef(),S=s.useRef(null),[M,W]=s.useState(!1),[Y,T]=s.useState(e.defaultValue),[p,C]=s.useState(!1),f=aa(e.value),E=aa(e.open),I=f?e.value:Y,z=E?e.open:p,ee=s.useCallback(()=>{L.current&&L.current.focus()},[]);s.useImperativeHandle(t,()=>({element:L.current,actionElement:S.current,value:I,focus:ee}),[I,ee]);const P=s.useCallback(($,be)=>{E||(!$&&!be&&L&&L.current&&L.current.focus(),C($))},[E]),B=s.useCallback($=>{const{altKey:be,keyCode:de}=$;if(de===r.Keys.esc){P(!1);return}if(de===r.Keys.enter&&!E){$.preventDefault(),$.stopPropagation(),P(!z);return}be&&(de===r.Keys.up||de===r.Keys.down)&&($.preventDefault(),$.stopPropagation(),de===r.Keys.up&&L&&L.current&&(L.current.focus(),P(!1)),de===r.Keys.down&&P(!0))},[z,E]),x=s.useCallback(()=>{E||(K.current?K.current.focus():G.current&&G.current.focus())},[E]),R=s.useCallback(()=>{P(!z,!0)},[z]),U=s.useCallback($=>{A&&A.call(void 0,{syntheticEvent:$,nativeEvent:$.nativeEvent,value:I})},[A,I]),J=s.useCallback($=>{H.current?(clearTimeout(H.current),H.current=void 0):W(!0),w&&w.call(void 0,{nativeEvent:$.nativeEvent,syntheticEvent:$})},[w]),ce=s.useCallback(()=>{P(!1,!0),W(!1),H.current=void 0},[]),xe=s.useCallback($=>{clearTimeout(H.current),H.current=window.setTimeout(ce),N&&N.call(void 0,{nativeEvent:$.nativeEvent,syntheticEvent:$})},[N]),ue=s.useCallback(($,be)=>{const de=be?$.rgbaValue:$.value;f||T(de),be&&P(!1),V&&V.call(void 0,{value:de,nativeEvent:$.nativeEvent,syntheticEvent:$.syntheticEvent})},[f,V]),Ee=s.useCallback($=>ue($,!0),[aa,ue]),ge=r.useDir(L,e.dir),De=b!==!1;return s.createElement("span",{id:e.id,role:"combobox","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-haspopup":"dialog","aria-expanded":z,"aria-disabled":v?"true":void 0,className:r.classNames("k-colorpicker","k-picker","k-icon-picker",{[`k-picker-${r.kendoThemeMaps.sizeMap[l]||l}`]:l,[`k-picker-${u}`]:u,[`k-rounded-${r.kendoThemeMaps.roundedMap[o]||o}`]:o,"k-invalid":!De,"k-disabled":v,"k-focus":M,className:_}),ref:L,tabIndex:r.getTabIndex(h,v),title:e.title,onKeyDown:B,onFocus:J,onBlur:xe,dir:ge},s.createElement(Ua,{dir:ge,open:z,onOpen:x,popupAnchor:L.current||void 0,popupSettings:{...c},input:s.createElement("span",{onClick:U,className:"k-input-inner"},s.createElement("span",{className:r.classNames("k-value-icon","k-color-preview",{"k-no-color":!I,"k-icon-color-preview":O||F||D})},D&&s.createElement("span",{className:r.classNames("k-color-preview-icon",D)}),!D&&(O||F)&&s.createElement(r.IconWrap,{name:O,icon:F}),s.createElement("span",{className:"k-color-preview-mask",style:{backgroundColor:I}}))),button:s.createElement(re.Button,{tabIndex:-1,type:"button",onClick:R,className:"k-input-button",rounded:null,icon:"caret-alt-down",svgIcon:j.caretAltDownIcon,"aria-label":n.toLanguageString(Ht,q[Ht])}),content:s.createElement(s.Fragment,null,(k==="combo"||k==="gradient")&&s.createElement(lt,{...g,tabIndex:0,ref:K,value:I,onChange:ue}),(k==="combo"||k==="palette")&&s.createElement(ot,{...d,ref:G,value:I,onChange:Ee}))}))});ct.propTypes={value:i.string,defaultValue:i.string,disabled:i.bool,view:i.oneOf(["gradient","palette","combo"]),dir:i.string,id:i.string,icon:i.string,svgIcon:r.svgIconPropType,ariaLabelledBy:i.string,ariaDescribedBy:i.string,size:i.oneOf([null,"small","medium","large"]),rounded:i.oneOf([null,"small","medium","large","full"]),fillMode:i.oneOf([null,"solid","flat","outline"]),className:i.string};const ut={size:"medium",rounded:"medium",fillMode:"solid",view:"palette",gradientSettings:rn,paletteSettings:ln};ct.defaultProps=ut,ct.displayName="KendoColorPicker";const Ra="rgba(255, 255, 255, 1)",sa=s.forwardRef((a,t)=>{r.validatePackage(le);const e=s.useRef(null),n=s.useRef(null),l=s.useRef(null),{defaultValue:o=Ra,showButtons:u=!0,showPreview:c=!0,showClearButton:g=!0}=a,[d,b]=s.useState((a.view||"ColorGradient")==="ColorGradient"),[v,h]=s.useState(a.value||o),[k,O]=s.useState(a.value||o),F=a.value!==void 0?a.value:k;s.useEffect(()=>{h(a.value||o)},[a.value,o]);const D=se.useLocalization(),V=s.useCallback(()=>{e.current&&e.current.focus()},[e]);s.useImperativeHandle(e,()=>({element:n.current,focus:V,props:a,value:F}),[F,V,a]),s.useImperativeHandle(t,()=>e.current);const w=s.useCallback(S=>{(S==="ColorGradient"&&!d||S==="ColorPalette"&&d)&&b(!d)},[d]),N=s.useCallback(S=>{if(h(o),a.onPreviewChange){const M={value:o,nativeEvent:S.nativeEvent,syntheticEvent:S};a.onPreviewChange.call(void 0,M)}},[o,a.onPreviewChange]),A=s.useCallback(S=>{if(h(S.value),a.onPreviewChange){const M={value:S.value,nativeEvent:S.nativeEvent,syntheticEvent:S.syntheticEvent};a.onPreviewChange.call(void 0,M)}},[a.onPreviewChange]),_=s.useCallback(S=>{if(O(v),a.onChange){const M={value:v,nativeEvent:S.nativeEvent,syntheticEvent:S};a.onChange.call(void 0,M)}},[v,a.onChange]),L=s.useCallback(()=>{O(Ra)},[]),K=s.useCallback(S=>{if(h(k),a.onPreviewChange){const M={value:k,nativeEvent:S.nativeEvent,syntheticEvent:S};a.onPreviewChange.call(void 0,M)}},[k,a.onPreviewChange]),G=s.useCallback(S=>{n.current&&!(S.nativeEvent.target instanceof HTMLInputElement)&&n.current.focus()},[n]),H=s.useCallback(S=>{var W;if((!S.relatedTarget||!((W=n.current)!=null&&W.contains(S.relatedTarget)))&&(u||O(v),!u&&a.onChange)){const Y={value:v,nativeEvent:S.nativeEvent,syntheticEvent:S};a.onChange.call(void 0,Y)}},[v,u,a.onChange]);return s.createElement("div",{id:a.id,role:"textbox","aria-label":a.ariaLabel,"aria-labelledby":a.ariaLabelledBy,"aria-disabled":a.disabled?"true":void 0,style:a.style,ref:n,tabIndex:r.getTabIndex(a.tabIndex,a.disabled),className:r.classNames("k-flatcolorpicker k-coloreditor",{"k-disabled":a.disabled},a.className),onBlur:H},s.createElement(s.Fragment,null,a.header||s.createElement("div",{className:"k-coloreditor-header k-hstack"},s.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},s.createElement(re.ButtonGroup,{className:"k-button-group-flat"},s.createElement(re.Button,{type:"button","aria-label":D.toLanguageString(zt,q[zt]),togglable:!0,fillMode:"flat",selected:d,onClick:()=>w("ColorGradient"),icon:"droplet-slider",svgIcon:j.dropletSliderIcon}),s.createElement(re.Button,{type:"button","aria-label":D.toLanguageString(_t,q[_t]),togglable:!0,fillMode:"flat",selected:!d,onClick:()=>w("ColorPalette"),icon:"palette",svgIcon:j.paletteIcon}))),s.createElement("div",{className:"k-spacer"}),s.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},g&&s.createElement(re.Button,{type:"button",fillMode:"flat",onClick:N,"aria-label":D.toLanguageString(At,q[At]),icon:"droplet-slash",svgIcon:j.dropletSlashIcon}),c&&s.createElement("div",{className:"k-coloreditor-preview k-vstack"},s.createElement("span",{className:"k-coloreditor-preview-color k-color-preview",style:{background:v}}),s.createElement("span",{className:"k-coloreditor-current-color k-color-preview",style:{background:k},onClick:K})))),s.createElement("div",{className:"k-coloreditor-views k-vstack"},d?s.createElement(lt,{ref:l,role:"none",tabIndex:-1,ariaLabel:void 0,value:v,onChange:A,onFocus:G,opacity:a.opacity,format:a.format}):s.createElement(ot,{ariaDisabled:!0,ariaLabelledBy:"required_label",value:v,onChange:A,onFocus:G})),u&&s.createElement("div",{className:"k-coloreditor-footer k-actions k-actions-end"},s.createElement(re.Button,{type:"button",className:"k-coloreditor-cancel",onClick:L},q[ga]),s.createElement(re.Button,{type:"button",className:"k-coloreditor-apply k-primary",onClick:_},q[ba]))))}),on={id:i.string,style:i.any,className:i.string,value:i.string,defaultValue:i.string,onPreviewChange:i.func,onChange:i.func,opacity:i.bool,format:i.any,tabIndex:i.number,ariaLabel:i.string,ariaLabelledBy:i.string,disabled:i.bool,view:i.any,header:i.any,showClearButton:i.bool,showPreview:i.bool,showButtons:i.bool};sa.displayName="KendoFlatColorPicker",sa.propTypes=on;var Me=(a=>(a[a.Literal=0]="Literal",a[a.Mask=1]="Mask",a[a.Undefined=2]="Undefined",a))(Me||{});class Q{constructor(t,e,n=2){this.value=t,this.rest=e,this.type=n}map(t){return new Q(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,n)=>t.chain((l,o)=>e.concat([l])))}toString(){return`Result({ value: '${this.value}', rest: ${this.rest} })`}}class Xa{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 Ya=a=>(a||"").split(""),cn="\\";class pe{constructor(t){this.parse=t}run(t,e=""){return t instanceof Xa?this.parse(t):this.parse(new Xa(Ya(t),Ya(e)))}map(t){return new pe(e=>this.parse(e).map(t))}chain(t){return new pe(e=>this.parse(e).chain((n,l)=>t(n).run(l)))}isLiteral(t){return this.run(t).type===Me.Literal}}const un=a=>t=>new pe(e=>{const{prompt:n,promptPlaceholder:l}=a;for(;!e.eof();){const{char:o,control:u}=e.peek();if(o===u&&u===n)return e.eat(),new Q(n,e,Me.Mask);if(t.test(o))return e.eat(),new Q(o,e,Me.Mask);if(o===l)return e.eat(),new Q(n,e,Me.Mask);e.eat_input()}return e.eat(),new Q(n,e,Me.Mask)}),dn=a=>new pe(t=>t.peek().char===a?(t.eat(),new Q(a,t,Me.Literal)):new Q(a,t,Me.Literal)),fn=a=>t=>new pe(e=>{for(;!e.eof();){const{char:n,control:l}=e.peek();if(n===a&&l===a)return e.eat(),new Q(n,e);if(t.test(n))return e.eat(),new Q(n,e);e.eat_input()}return e.eat(),new Q("",e)}),hn=a=>new pe(t=>{if(t.eof())return new Q("",t);const{char:e}=t.peek();return e===a&&t.eat(),new Q(a,t)}),dt=(a,t)=>new pe(e=>{let{char:n}=e.next();const l=a[n];return n===cn?(n=e.next().char,new Q(t.literal(n),e)):l?new Q(t.mask(l),e):new Q(t.literal(n),e)}),Za=a=>new pe(t=>{const{prompt:e,promptPlaceholder:n}=a;let{char:l}=t.next();return l===e?new Q(n,t):new Q(l,t)}),Ja=a=>new pe(t=>{let{char:e}=t.next();return a?new Q(e,t):new Q("",t)}),gn=a=>new pe(t=>new Q(a,t)),bn=(a,t)=>a.chain(e=>t.map(n=>e.concat([n]))),_e=a=>a.reduce((t,e)=>bn(t,e),gn([])),ft=a=>new pe(t=>{let e=new Q([],t);for(;!t.eof();)e=e.concat(a.run(t));return e});class vn{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:n=" ",rules:l={},includeLiterals:o=!1}){this.mask=t,this.prompt=e,this.promptPlaceholder=n,this.rules=l,this.includeLiterals=o,this.tokenize()}validationValue(t=""){let e=t;return _e(this.validationTokens).run(t).fold(n=>{e=n.join("")}),e}rawValue(t=""){let e=t;return this.rawTokens.length&&_e(this.rawTokens).run(t).fold(n=>{e=n.join("")}),e}maskRaw(t=""){let e=t;return this.maskTokens.length&&_e(this.maskTokens).run(t).fold(n=>{e=n.join("")}),e}maskInput(t,e,n){return t.length<e.length?this.maskRemoved(t,e,n):this.maskInserted(t,e,n)}maskInRange(t,e,n,l){let o="",u=l;const c=e.split("").slice(0,n),g=e.split("").slice(l);return _e(this.maskTokens.slice(n,l)).run(t).fold(d=>{o=c.concat(d).concat(g).join("")}),{selection:u,value:o}}maskRemoved(t,e,n){let l="",o=n;const u=t.split("").slice(n),c=t.split("").slice(0,n).join(""),g=this.maskTokens.length-(t.length-n);return _e(this.maskTokens.slice(0,g)).run(c,e).fold(d=>{o=this.adjustPosition(d,o),l=d.concat(u).join("")}),{selection:o,value:l}}adjustPosition(t,e){const n=t[e];return!this.maskTokens[e].isLiteral(n)&&n!==this.prompt?e+1:e}maskInserted(t,e,n){let l="",o=n;const u=t.slice(0,n);return _e(this.unmaskTokens).run(u,e).chain(c=>{o=c.join("").length;const g=e.slice(o);return _e(this.maskTokens).run(c.join("")+g,e)}).fold(c=>{l=c.join("")}),{selection:o,value:l}}get maskTokenCreator(){const{prompt:t,promptPlaceholder:e}=this;return{literal:n=>dn(n),mask:n=>un({prompt:t,promptPlaceholder:e})(n)}}get unmaskTokenCreator(){return{literal:t=>hn(t),mask:t=>fn(this.prompt)(t)}}get rawTokenCreator(){const{prompt:t,promptPlaceholder:e,includeLiterals:n}=this;return{literal:l=>Ja(n),mask:l=>Za({prompt:t,promptPlaceholder:e})}}get validationTokenCreator(){const{prompt:t}=this;return{literal:e=>Ja(!1),mask:e=>Za({prompt:t,promptPlaceholder:""})}}tokenize(){ft(dt(this.rules,this.maskTokenCreator)).run(this.mask).fold((t,e)=>{this.maskTokens=t}),ft(dt(this.rules,this.unmaskTokenCreator)).run(this.mask).fold((t,e)=>{this.unmaskTokens=t}),ft(dt(this.rules,this.rawTokenCreator)).run(this.mask).fold((t,e)=>{this.rawTokens=t}),ft(dt(this.rules,this.validationTokenCreator)).run(this.mask).fold((t,e)=>{this.validationTokens=t})}}const 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]/},Pa=()=>!1,Ta=(a,t)=>a.includeLiterals!==t.includeLiterals||a.mask!==t.mask||a.prompt!==t.prompt||a.promptPlaceholder!==t.promptPlaceholder||!pn(a.rules,t.rules),pn=(a,t)=>{if(!!a!=!!t)return!1;if(a===t||!a||!t)return!0;let e=!0;for(const n in a)if(a[n]!==t[n]){e=!1;break}if(e){for(const n in t)if(!a.hasOwnProperty(n)){e=!1;break}}return e},Ve=class extends s.Component{constructor(a){super(a),this.state={},this._inputId=`k-${this.props.id}`,this._service=new vn,this._isPasted=!1,this._selection=[null,null],this._input=null,this.focus=()=>{this._input&&this._input.focus()},this.pasteHandler=t=>{const{selectionStart:e,selectionEnd:n}=t.target;n!==e&&(this._isPasted=!0,this._selection=[e||0,n||0])},this.onChangeHandler=t=>{const e=t.currentTarget,n=e.value,l=this._selection[0]||0,o=this._selection[1]||0;if(!this.props.mask){this._isPasted=!1,this._selection=[null,null],this.triggerOnChange(n,t);return}const u=this.value;let c;if(this._isPasted){this._isPasted=!1;const g=u.length-o,d=n.length-g;c=this._service.maskInRange(n.slice(l,d),u,l,o)}else c=this._service.maskInput(n,u,e.selectionStart||0);this._selection=[c.selection,c.selection],this.triggerOnChange(c.value,t)},this.focusHandler=t=>{this.state.focused||(this.setState({focused:!0}),this.props.onFocus&&this.props.onFocus.call(void 0,{target:this,syntheticEvent:t,nativeEvent:t.nativeEvent}))},this.blurHandler=t=>{this.state.focused&&(this.setState({focused:!1}),this.props.onBlur&&this.props.onBlur.call(void 0,{target:this,syntheticEvent:t,nativeEvent:t.nativeEvent}))},this.setValidity=()=>{this.element&&this.element.setCustomValidity(this.validity.valid?"":this.props.validationMessage||"")},r.validatePackage(le)}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,n=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:n,valueMissing:!t}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:Ve.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:Ve.defaultProps.required}get name(){return this.props.name}componentDidUpdate(a,t){if(this.element&&this.state.focused&&t.focused){let[e,n]=this._selection;const l=a.selection,o=this.props.selection;(!l&&o||l&&o&&(l.start!==o.start||l.end!==o.end))&&(e=o.start,n=o.end),e!==null&&n!==null&&this.element.setSelectionRange(e,n)}Ta(a,this.props)&&this.updateService(),this.setValidity()}componentDidMount(){this.updateService(),this.setValidity()}render(){const{size:a=Ve.defaultProps.size,fillMode:t=Ve.defaultProps.fillMode,rounded:e=Ve.defaultProps.rounded}=this.props,n=this.props.id||this._inputId,l=!this.validityStyles||this.validity.valid,o=this.props.style||{},{prefix:u=Ve.defaultProps.prefix,suffix:c=Ve.defaultProps.suffix}=this.props,[g]=r.useCustomComponent(u),[d]=r.useCustomComponent(c),b=s.createElement("span",{dir:this.props.dir,className:r.classNames("k-maskedtextbox k-input",{[`k-input-${r.kendoThemeMaps.sizeMap[a]||a}`]:a,[`k-input-${t}`]:t,[`k-rounded-${r.kendoThemeMaps.roundedMap[e]||e}`]:e,"k-invalid":!l,"k-required":this.required,"k-disabled":this.props.disabled},this.props.className),style:this.props.label?o:{width:this.props.width,...o}},s.createElement(g,null),s.createElement("input",{type:"text",autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:!1,className:"k-input-inner",value:this.value,id:n,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-placeholder":this.props.mask,name:this.props.name,tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled,!0),accessKey:this.props.accessKey,title:this.props.title,disabled:this.props.disabled||void 0,readOnly:this.props.readonly||void 0,placeholder:this.props.placeholder,ref:v=>this._input=v,onChange:this.onChangeHandler,onPaste:this.pasteHandler,onFocus:this.focusHandler,onBlur:this.blurHandler,onDragStart:Pa,onDrop:Pa}),s.createElement(d,null));return this.props.label?s.createElement(we.FloatingLabel,{label:this.props.label,editorId:n,editorValue:this.value,editorValid:l,editorDisabled:this.props.disabled,editorPlaceholder:this.props.placeholder,children:b,style:{width:this.props.width},dir:this.props.dir}):b}triggerOnChange(a,t){if(this.setState({value:a}),this.props.onChange){this._valueDuringOnChange=a;const e={syntheticEvent:t,nativeEvent:t.nativeEvent,selectionStart:this._selection[0],selectionEnd:this._selection[1],target:this,value:this.value};this.props.onChange.call(void 0,e),this._valueDuringOnChange=void 0}}updateService(a){const t=Object.assign({includeLiterals:this.props.includeLiterals,mask:this.props.mask,prompt:this.props.prompt,promptPlaceholder:this.props.promptPlaceholder,rules:this.rules},a);this._service.update(t)}get rules(){return Object.assign({},Qa,this.props.rules)}};let Ye=Ve;Ye.displayName="MaskedTextBox",Ye.propTypes={value:i.string,defaultValue:i.string,placeholder:i.string,title:i.string,dir:i.string,id:i.string,style:i.object,className:i.string,prefix:i.any,suffix:i.any,ariaLabelledBy:i.string,ariaDescribedBy:i.string,width:i.oneOfType([i.string,i.number]),tabIndex:i.number,accessKey:i.string,disabled:i.bool,readonly:i.bool,prompt:i.string,promptPlaceholder:i.string,includeLiterals:i.bool,maskValidation:i.bool,mask:i.string,rules:function(a,t,e){const n=a.rules;return n!==void 0&&!Object.entries(n).some(o=>typeof o!="string"||!(n[o]instanceof RegExp))?new Error("Invalid prop `"+t+"` supplied to `"+e+"`. Validation failed."):null},selection:i.shape({start:i.number.isRequired,end:i.number.isRequired}),name:i.string,label:i.string,validationMessage:i.string,required:i.bool,valid:i.bool,validityStyles:i.bool,onChange:i.func,size:i.oneOf([null,"small","medium","large"]),rounded:i.oneOf([null,"small","medium","large","full"]),fillMode:i.oneOf([null,"solid","flat","outline"])},Ye.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 mn=r.createPropsContext(),es=r.withIdHOC(r.withPropsContext(mn,Ye));es.displayName="KendoReactMaskedTextBox";var X=(a=>(a.start="start",a.end="end",a.min="min",a.max="max",a.increase="increase",a.decrease="decrease",a))(X||{});const ts=(a,t)=>{let e,n;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;n=a[t.key]+t.step,t.key==="start"?n<t.min?e={...a,start:t.min}:e={...a,start:Math.min(n,a.end)}:n>t.max?e={...a,end:t.max}:e={...a,end:Math.max(n,a.start)};break;case"decrease":if(t.step===void 0||t.key===void 0)return a;n=a[t.key]-t.step,t.key==="start"?n<t.min?e={...a,start:t.min}:e={...a,start:Math.min(n,a.end)}:n>t.max?e={...a,end:t.max}:e={...a,end:Math.max(n,a.start)};break;default:e=a;break}return e},xn=(a,t,e)=>{const[n,l]=s.useState(a),o=s.useCallback(u=>{const c=ts(t.state||n,{...u,...t});e&&e(c,u.event),l(c)},[t,e]);return[n,o]},as=r.createPropsContext(),ht=s.forwardRef((a,t)=>{r.validatePackage(le);const e=r.usePropsContext(as,a),n=s.useRef(null),l=s.useRef(null),o=s.useRef(null),u=s.useRef(null),c=s.useRef(null),g=s.useCallback(()=>{u.current&&u.current.focus()},[u]);s.useImperativeHandle(n,()=>({element:l.current,focus:g,props:e})),s.useImperativeHandle(t,()=>n.current);const d=s.useMemo(()=>e.min,[e.min]),b=s.useMemo(()=>e.max,[e.max]),v=s.useMemo(()=>e.step!==void 0?e.step:gt.step,[e.step,gt.step]),h=r.useDir(l,e.dir),k=(f,E)=>{e.onChange&&n.current&&e.onChange.call(void 0,{value:f,target:n.current,syntheticEvent:E})},[O,F]=s.useState(""),[D,V]=xn(e.defaultValue||gt.defaultValue,{min:d,max:b,step:v,state:e.value},k),w=s.useMemo(()=>e.value||D,[e.value,D]),N=s.useRef(null),A=s.useRef(null),_=s.useMemo(()=>(w.start-d)/(b-d)*100,[w.start,d,b]),L=s.useMemo(()=>(w.end-d)/(b-d)*100,[w.end,d,b]),K=s.useMemo(()=>e.vertical?{paddingTop:0,height:"100%"}:{},[e.vertical]),G=s.useMemo(()=>e.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},[e.vertical]),H=se.useLocalization(),S=s.useCallback(f=>{if(!A.current)return;const E=A.current.getBoundingClientRect(),I=e.vertical?E.bottom-f.clientY:h==="rtl"?E.right-f.clientX:f.clientX-E.left,z=e.vertical?E.height:E.width,ee=I/z;return d+ee*(b-d)},[A,e.vertical,h,d,b,D.start,D.end,e.value&&e.value.start,e.value&&e.value.end]),M=s.useCallback(f=>f<=w.start?"start":f>=w.end?"end":2*f<w.end+w.start?"start":"end",[D.start,D.end,e.value&&e.value.start,e.value&&e.value.end]),W=s.useCallback(f=>{switch(f.keyCode){case r.Keys.right:f.preventDefault(),V({type:h==="rtl"?X.decrease:X.increase,key:"start",event:f});break;case r.Keys.up:f.preventDefault(),V({type:X.increase,key:"start",event:f});break;case r.Keys.left:f.preventDefault(),V({type:h==="rtl"?X.increase:X.decrease,key:"start",event:f});break;case r.Keys.down:f.preventDefault(),V({type:X.decrease,key:"start",event:f});break;case r.Keys.home:f.preventDefault(),V({type:X.min,key:"start",event:f});break;case r.Keys.end:f.preventDefault(),V({type:X.max,key:"start",event:f});break}},[V]),Y=s.useCallback(f=>{switch(f.keyCode){case r.Keys.right:f.preventDefault(),V({type:h==="rtl"?X.decrease:X.increase,key:"end",event:f});break;case r.Keys.up:f.preventDefault(),V({type:X.increase,key:"end",event:f});break;case r.Keys.left:f.preventDefault(),V({type:h==="rtl"?X.increase:X.decrease,key:"end",event:f});break;case r.Keys.down:f.preventDefault(),V({type:X.decrease,key:"end",event:f});break;case r.Keys.home:f.preventDefault(),V({type:X.min,key:"end",event:f});break;case r.Keys.end:f.preventDefault(),V({type:X.max,key:"end",event:f});break}},[V,h]),T=s.useCallback(f=>{const E=S(f),I=M(E);F(I),I==="end"?c.current.focus():u.current.focus();const z=I==="end"?X.end:X.start;V({type:z,payload:E,event:f})},[e.vertical,d,b,V]),p=f=>{const E=S(f),I=O==="end"?X.end:X.start;V({type:I,payload:E,event:f})},C=f=>{const E=S(f),I=O==="end"?X.end:X.start;V({type:I,payload:E,event:f}),F("")};return r.useDraggable(A,{onPress:T,onDrag:p,onRelease:C}),s.createElement("div",{id:e.id,style:e.style,ref:l,dir:h,className:r.classNames("k-slider",{"k-rtl":h==="rtl","k-disabled":e.disabled,"k-slider-vertical":e.vertical,"k-slider-horizontal":!e.vertical},e.className)},s.createElement("div",{ref:A,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...G}},e.children&&s.createElement("ul",{className:"k-reset k-slider-items",style:{...K}},s.Children.map(e.children,f=>f&&s.cloneElement(f,{position:100*(f.props.position-e.min)/(e.max-e.min),vertical:e.vertical},f.props.children))),s.createElement("div",{ref:N,className:"k-slider-track",style:e.vertical?{bottom:0,height:"100%"}:{[h==="rtl"?"right":"left"]:0,width:"100%"}},_!==null&&L!==null&&s.createElement("div",{"data-selection":!0,ref:o,title:`${w.start} - ${w.end}`,className:"k-slider-selection",style:e.vertical?{height:L-_+"%",bottom:_+"%"}:{[h==="rtl"?"right":"left"]:_+"%",width:L-_+"%"}}),s.createElement("span",{ref:u,role:"slider",tabIndex:r.getTabIndex(e.startTabIndex,e.disabled,void 0),"aria-valuemin":d,"aria-valuemax":Math.max(b,w.end),"aria-valuenow":w.start,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${w.start} - ${w.end}`,className:"k-draghandle",title:H.toLanguageString(Be,q[Be]),style:e.vertical?{bottom:"calc("+_+"%)",zIndex:1}:h==="rtl"?{right:"calc("+_+"% - 13px)",zIndex:1}:{left:"calc("+_+"%)",zIndex:1},onKeyDown:W}),s.createElement("span",{ref:c,role:"slider",tabIndex:r.getTabIndex(e.endTabIndex,e.disabled,void 0),"aria-valuemin":Math.min(d,w.start),"aria-valuemax":b,"aria-valuenow":w.end,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${w.start} - ${w.end}`,className:"k-draghandle",title:H.toLanguageString(Be,q[Be]),style:e.vertical?{bottom:"calc("+L+"%)",zIndex:1}:h==="rtl"?{right:"calc("+L+"% - 13px)",zIndex:1}:{left:"calc("+L+"%)",zIndex:1},onKeyDown:Y}))))}),kn={value:(a,t,e)=>{if(a.value){const n=a.value.start,l=a.value.end,o=a.min,u=a.max;if(n>l||n>u||n<o||l>u||l<o||l<n)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 n=a.defaultValue.start,l=a.defaultValue.end,o=a.min,u=a.max;if(n>l||n>u||n<o||l>u||l<o||l<n)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.

package/index.js

@@ -2,7 +2,7 @@
 * 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 En=require("react"),r=require("prop-types"),ne=require("@progress/kendo-react-intl"),o=require("@progress/kendo-react-common"),G=require("@progress/kendo-svg-icons"),Pe=require("@progress/kendo-react-labels"),de=require("@progress/kendo-react-buttons"),Ae=require("@progress/kendo-drawing"),In=require("@progress/kendo-react-popup"),Sn=require("@progress/kendo-inputs-common"),wn=require("@progress/kendo-react-dialogs");function Pn(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=Pn(En),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/"},Oe="numerictextbox.increment",Fe="numerictextbox.decrement",Bt="slider.increment",Dt="slider.decrement",De="slider.dragTitle",Be="colorGradient.r",Ra="colorGradient.g",Na="colorGradient.b",Ma="colorGradient.a",Va="colorGradient.hex",Tt="colorGradient.contrastRatio",Ot="colorGradient.colorGradientAALevel",Ft="colorGradient.colorGradientAAALevel",zt="colorGradient.colorGradientPass",_t="colorGradient.colorGradientFail",At="colorGradient.hueSliderLabel",Ht="colorGradient.alphaSliderLabel",Kt="colorGradient.toggleInputsButton",Ba="flatColorPicker.cancelBtn",Da="flatColorPicker.applyBtn",$t="flatColorPicker.colorGradientBtn",Gt="flatColorPicker.colorPaletteBtn",qt="flatColorPicker.clearBtn",Ta="checkbox.validation",Oa="checkbox.optionalText",Ln="radioButton.validation",Wt="switch.validation",Ut="colorPicker.dropdownButtonAriaLabel",jt="rating.ariaLabel",Xt="signature.clear",Yt="signature.maximize",Zt="signature.minimize",K={[Oe]:"Increase value",[Fe]:"Decrease value",[Bt]:"Increase",[Dt]:"Decrease",[De]:"Drag",[Be]:"r",[Ra]:"g",[Na]:"b",[Ma]:"a",[Va]:"hex",[Tt]:"Contrast ratio",[Ot]:"AA",[Ft]:"AAA",[zt]:"Pass",[_t]:"Fail",[At]:"Hue slider",[Ht]:"Alpha slider",[Kt]:"Toggle colorgradient inputs",[Ba]:"Cancel",[Da]:"Apply",[$t]:"Color Gradient view",[Gt]:"Color Palette view",[qt]:"Clear color value",[Ta]:"Please check this box if you want to proceed!",[Oa]:"(Optional)",[Ln]:"Please select option if you want to proceed!",[Wt]:"Please turn on if you want to proceed!",[Ut]:"Select",[jt]:"Rating",[Xt]:"Clear",[Yt]:"Maximize",[Zt]:"Minimize"},dt=11111111111111e-7,Rn=.31111111111111117,Nn=1,Fa=1,za=0,ge=/\d/,_a=15,la=()=>({eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1}),Pt=(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)),Mn=a=>Math.min(a,_a),Ha=(a,t)=>{const e=Mn(t);return parseFloat(a.toFixed(e))},da=(a,t,e,s,i,l,d)=>{const c=Aa(a||0,e||0),p=ze(Ha((a||0)+(e||0),c),s,i);t.eventValue=p,t.currentLooseValue=ce(p,l,d),t.selectionStart=t.selectionEnd=He(t.currentLooseValue,ge)},ua=(a,t,e,s,i,l,d)=>{const c=Aa(a||0,e||0),p=ze(Ha((a||0)-(e||0),c),s,i);t.eventValue=p,t.currentLooseValue=ce(p,l,d),t.selectionStart=t.selectionEnd=He(t.currentLooseValue,ge)},ze=(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),Vn=(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},Bn=(a,t)=>{const e=t.findIndex(([i,l])=>!!i&&a.indexOf(i)===0);return e===-1?-1:t[e][0].length},Dn=(a,t,e)=>{const s=Vn(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=Bn(a,t);i!==-1&&e.selectionStart<i&&(e.selectionStart=e.selectionEnd=i),e.selectionStart===-1&&(e.selectionStart=e.selectionEnd=0)},Ie=(a,t,e,s)=>{a.selectionStart=a.selectionEnd=t,Dn(e,s,a)},Lt=(a,t,e,s)=>{a.eventValue=s.parseNumber(a.prevLooseValue,t),a.currentLooseValue=a.prevLooseValue,a.valueIsCorrected=!0,Ie(a,a.selectionStart,a.currentLooseValue,e)},Tn=(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},On=(a,t)=>{const e=String(a.currentLooseValue),s=String(a.prevLooseValue);return e.indexOf(t.minusSign)===-1&&s.indexOf(t.minusSign)!==-1},Fn=(a,t)=>String(a.currentLooseValue).split(t.decimal).length>2,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=Qe(e),c=Qe(s),p=Qe(i),u=Qe(l),m=et(e),g=et(s),h=et(i),k=et(l);return{positiveInfo:[d,m],negativeInfo:[c,g],zeroInfo:[p,h],oneInfo:[u,k]}},_n=(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,m,g)=>g.indexOf(u)===m).join("")},Rt=(a,t)=>{const e=a.indexOf(t.decimal);return e>-1?e:He(a,ge)},Jt=a=>a.split("").reverse().join(""),He=(a,t)=>a.length-Jt(a).search(t),Qe=a=>a.split(a[a.search(ge)])[0],et=a=>{const t=Jt(a);return Jt(t.split(t[t.search(ge)])[0])},Nt=(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++)ge.test(a.charAt(u))&&c++;let p=0;for(;c>0&&t.length>p;)ge.test(t.charAt(p))&&c--,p++;return p},Qt=(a,t,e)=>{const s={...a},{prevLooseValue:i}=s,l=e.numberSymbols(),d=_n(t,e),c=String(s.currentLooseValue),p=String(i),u=new RegExp(`[^\\d\\${l.decimal}]`,"g"),m=new RegExp(`[^\\d\\${l.decimal}\\${l.group}]`,"g"),g=new RegExp(`[\\d\\${l.decimal}\\${l.group}]`),h=c.replace(u,""),k=Nt(c,ge),V=k===-1?-1:He(c,ge),B=c.indexOf(l.decimal),N=(c.substring(0,k)+c.substring(k,V).replace(m,"")+c.substring(V,c.length)).split("").filter(b=>d.indexOf(b)!==-1||b.search(g)!==-1).join(""),R=e.formatNumber(Rn,t).replace(u,""),S=R.indexOf(l.decimal),P=S>-1?R.length-S-1:0,O=e.formatNumber(Nn,t).replace(u,""),T=O.indexOf(l.decimal),w=T>-1?O.length-T-1:0,{positiveInfo:F,negativeInfo:A,zeroInfo:z,oneInfo:E}=zn(t,e),L=[F,A,z,E],H=L.findIndex(b=>b.findIndex(C=>!!C)!==-1)!==1,W=c.length>0&&c.length<p.length,J=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),Ie(s,Rt(s.currentLooseValue,l),s.currentLooseValue,L),s;if(s.currentLooseValue===l.decimal){s.eventValue=0;const y=ce(s.eventValue,t,e);if(w===0&&P>0){const I=He(y,ge);s.currentLooseValue=y.substring(0,I)+l.decimal+y.substring(I)}else s.currentLooseValue=y;return Ie(s,Rt(s.currentLooseValue,l)+1,s.currentLooseValue,L),s}if(Tn(s,l)){const y=e.parseNumber(i,t);s.eventValue=-(y!==null?y:0),s.currentLooseValue=ce(s.eventValue,t,e);const I=Nt(s.currentLooseValue,ge),D=Nt(p,ge);return Ie(s,s.selectionEnd-1+(I-D),s.currentLooseValue,L),s}if(On(s,l))return s.eventValue=e.parseNumber(s.currentLooseValue,t),Ie(s,s.selectionStart,s.currentLooseValue,L),s;if(Fn(s,l))return Lt(s,t,L,e),s;if(J)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||h!==c&&c&&H&&L.findIndex(([I,D])=>{const Q=c.indexOf(I),Z=c.indexOf(D),M=Q===0,v=Z===c.length-D.length,q=Q+I.length!==k&&k!==-1&&c[Q+I.length]!==l.decimal,$=Z!==V&&V!==-1&&c[Z-1]!==l.decimal;return I&&D?q||$?!1:M&&v:I?q?!1:M:D?$?!1:v:!1})===-1)return Lt(s,t,L,e),s;if(h[h.length-1]===l.decimal&&P>0)return s.eventValue=e.parseNumber(c,t),s.currentLooseValue=N,s;if(s.currentLooseValue&&i&&(d+l.decimal+l.group).split("").findIndex(I=>c.split("").filter(D=>D===I).length<p.split("").filter(D=>D===I).length&&c.length+1===p.length?!(I===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 C=fa(h,l.decimal),f=h[h.length-1]==="0";if(W&&f&&C<w)return s.eventValue=e.parseNumber(s.currentLooseValue,t),s.currentLooseValue=ce(s.eventValue,t,e),s;if(C>0){const y=c.substring(0,B);if(f&&(!y||p.indexOf(y)!==0)){s.eventValue=e.parseNumber(s.currentLooseValue,t);const I=ce(s.eventValue,t,e);return Ie(s,ha(c,I,s.selectionEnd,W,u),I,L),s.currentLooseValue=I,s}if(C>P){const I=c.indexOf(l.decimal),D=c.substring(0,I)+c.substring(I,I+1+P)+c.substring(V,String(s.currentLooseValue).length);return s.eventValue=e.parseNumber(D,t),s.currentLooseValue=D,Ie(s,s.selectionStart,D,L),s}if(w!==P&&C<=P&&f)return s.eventValue=e.parseNumber(s.currentLooseValue,t),s.currentLooseValue=N,s;if(C<w)return s.eventValue=e.parseNumber(s.currentLooseValue,t),s.currentLooseValue=ce(s.eventValue,t,e),s}}if(s.eventValue=e.parseNumber(s.currentLooseValue,t),J&&(s.eventValue=s.eventValue/100),typeof s.eventValue=="number"){const b=ce(s.eventValue,t,e);c.length===1?Ie(s,Rt(b,l),b,L):Ie(s,ha(c,b,s.selectionEnd,W,u),b,L),s.currentLooseValue=b}else s.currentLooseValue=ce(e.parseNumber(h),t,e);return s},An="Please enter a valid value!",Ka=o.createPropsContext(),Re=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,m]=n.useState(!1),g=n.useRef(la()),h=n.useRef(!1),k=n.useRef(),V=n.useRef(e.defaultValue),B=ce(g.current.focused&&!e.disabled?g.current.currentLooseValue:Pt(e.value,V.current),e.format,l);k.current=B;const[N]=o.useCustomComponent(e.prefix),[R]=o.useCustomComponent(e.suffix);n.useEffect(()=>{c.current&&c.current.setCustomValidity&&c.current.setCustomValidity(w().valid?"":e.validationMessage||An)});const S=n.useCallback(()=>{c.current&&c.current.focus()},[]),P=n.useCallback(()=>p.current!==void 0?p.current:Pt(e.value,V.current),[e.value]),O=n.useCallback(()=>e.name,[e.name]),T=n.useCallback(()=>e.required,[e.required]),w=n.useCallback(()=>{const M=e.validationMessage!==void 0,v=P(),q=e.valid!==void 0?e.valid:!g.current.valueIsOutOfRange&&(!T()||v!=null);return{customError:M,valid:q,valueMissing:v==null}},[e.validationMessage,e.valid,P,T]),F=n.useCallback(()=>e.validityStyles,[e.validityStyles]),A=n.useCallback(()=>e,[e]),z=n.useCallback(()=>{const M={element:c.current,focus:S};return Object.defineProperty(M,"name",{get:O}),Object.defineProperty(M,"value",{get:P}),Object.defineProperty(M,"validity",{get:w}),Object.defineProperty(M,"validityStyles",{get:F}),Object.defineProperty(M,"required",{get:T}),Object.defineProperty(M,"props",{get:A}),M},[O,P,w,F,T,S,A]);n.useImperativeHandle(t,z);const E=n.useCallback(()=>({eventValue:Pt(e.value,V.current),prevLooseValue:k.current,currentLooseValue:c.current.value,selectionStart:c.current.selectionStart,selectionEnd:c.current.selectionEnd,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1,isPaste:h.current,focused:g.current.focused}),[e.value]),L=n.useCallback((M,v)=>{if(e.disabled)return;p.current=v.eventValue,V.current=v.eventValue;const q=ce(ze(v.eventValue,e.min,e.max),e.format,l),$=ze(l.parseNumber(q,e.format),e.min,e.max);$!==v.eventValue&&(v.valueIsOutOfRange=!0,v.eventValue=$,V.current=$),e.value!==v.eventValue&&o.dispatchEvent(e.onChange,M,z(),{value:v.eventValue}),p.current=void 0,g.current=v,m(re=>!re)},[e.value,e.onChange,e.disabled,m,z]),H=n.useCallback(M=>{const v=E();h.current=!1,L(M,Qt(v,e.format,l))},[e.format,e.onChange,l,L,E]),W=n.useCallback(M=>{let v=E();const q=l.parseNumber(String(v.currentLooseValue),e.format);if(v.selectionEnd>v.selectionStart&&v.selectionEnd-v.selectionStart===String(v.currentLooseValue).length){const $=l.numberSymbols(),X=$&&M.key===$.minusSign,re=$&&M.key===$.decimal;h.current=!X&&!re;return}switch(M.keyCode){case 38:da(q,v,e.step,e.min,e.max,e.format,l);break;case 40:ua(q,v,e.step,e.min,e.max,e.format,l);break;case 13:{if(e.rangeOnEnter===!1)return;const $=ce(ze(q,e.min,e.max),e.format,l),X=ze(l.parseNumber($,e.format),e.min,e.max);v.eventValue=X,v.currentLooseValue=ce(X,e.format,l),v.selectionStart=v.selectionEnd=v.currentLooseValue.length;break}case 110:{const $=c.current,X=l.numberSymbols();$&&(v.currentLooseValue=v.currentLooseValue.slice(0,v.selectionStart)+X.decimal+v.currentLooseValue.slice(v.selectionEnd),v.selectionStart=v.selectionEnd=v.selectionStart+1,v=Qt(v,e.format,l));break}default:return}M.preventDefault(),L(M,v)},[e.format,e.min,e.max,e.step,e.onChange,e.rangeOnEnter,L,E]),J=n.useCallback(()=>{h.current=!0},[]),b=n.useCallback(M=>{if(e.readOnly||e.disabled)return;const v=E();da(l.parseNumber(String(v.currentLooseValue),e.format),v,e.step,e.min,e.max,e.format,l),L(M,v)},[e.format,e.min,e.max,e.step,e.onChange,e.readOnly,e.disabled,L,E]),C=n.useCallback(M=>{if(e.readOnly||e.disabled)return;const v=E();ua(l.parseNumber(String(v.currentLooseValue),e.format),v,e.step,e.min,e.max,e.format,l),L(M,v)},[e.format,e.min,e.max,e.step,e.onChange,e.readOnly,e.disabled,L,E]),f=n.useCallback(M=>{const v=o.getActiveElement(document);!document||v!==c.current||!c.current||e.readOnly||e.disabled||(M.nativeEvent.deltaY<0&&b(M),M.nativeEvent.deltaY>0&&C(M))},[b,C,e.disabled,e.readOnly]),y=n.useCallback(M=>{g.current.currentLooseValue=k.current,g.current.focused=!0,o.dispatchEvent(e.onFocus,M,z(),{}),m(v=>!v)},[e.onFocus,m,z]),I=n.useCallback(M=>{g.current=la(),o.dispatchEvent(e.onBlur,M,z(),{}),m(v=>!v)},[e.onBlur,m,z]),D=n.useCallback(M=>{if(document&&c.current){const v=o.getActiveElement(document);M.preventDefault(),v!==c.current&&c.current.focus()}},[]);o.useIsomorphicLayoutEffect(()=>{c.current&&c.current.type!=="number"&&g.current.selectionStart!==void 0&&g.current.selectionEnd!==void 0&&(c.current.selectionStart=g.current.selectionStart,c.current.selectionEnd=g.current.selectionEnd,g.current.selectionStart=void 0,g.current.selectionEnd=void 0)},[u]);const Q=!F()||w().valid,Z=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":!Q,"k-required":e.required,"k-disabled":e.disabled},e.className),"aria-disabled":e.disabled?"true":void 0},n.createElement(N,null),n.createElement("input",{role:"spinbutton",value:B===null?"":B,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:H,onFocus:y,onBlur:I,onKeyDown:W,onPaste:J,onWheel:f,ref:c}),n.createElement(R,null),e.children,e.spinners&&n.createElement("span",{className:"k-input-spinner k-spin-button",onMouseDown:D},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(Oe,K[Oe]),title:d.toLanguageString(Oe,K[Oe]),onClick:b}),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(Fe,K[Fe]),title:d.toLanguageString(Fe,K[Fe]),onClick:C})));return e.label?n.createElement(Pe.FloatingLabel,{label:e.label,editorId:i,editorValue:B===null?"":B,editorValid:Q,editorDisabled:e.disabled,editorPlaceholder:e.placeholder,children:Z,style:{width:e.width},dir:e.dir}):Z});Re.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"])};Re.displayName="KendoNumericTextBox";Re.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,Le=(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=Ae.parseColor(a.trim(),e);if(te(i))return t==="hex"?i.toCss():i.toCssRgba()},Mt=(a,t=!0)=>{const e=Ae.parseColor(a,t);return te(e)?e.toHSV():{}},_e=(a,t=!0)=>{const e=Ae.parseColor(a,t);return te(e)?e.toBytes():{}},sa=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 Ae.Color.fromHSV(t,e,s,i).toCssRgba()},tt=a=>sa({h:a,s:1,v:1,a:1}),Hn=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 Ae.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},Kn=(a,t)=>{const e=Math.max(a,t),s=Math.min(a,t);return(e+.05)/(s+.05)},$a=(a,t)=>Kn(ma(pa(a,t)),ma(pa(t,{r:0,g:0,b:0,a:1}))),ea=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||ea.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:ea.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:m,ariaDescribedBy:g,validityStyles:h,style:k,ariaLabel:V,...B}=this.props,N=s||this._inputId,R=!this.validityStyles||this.validity.valid,S=o.classNames(a,"k-input k-input-md k-rounded-md k-input-solid"),P=n.createElement("input",{"aria-labelledby":m,"aria-describedby":g,"aria-disabled":this.props.disabled||void 0,"aria-invalid":!R||void 0,"aria-label":V||void 0,...B,style:t?void 0:k,value:this.value,id:N,className:S,onChange:this.handleChange,onAnimationStart:this.handleAutoFill,ref:O=>{this._input=O}});return t?n.createElement(Pe.FloatingLabel,{label:t,labelClassName:e,editorId:N,editorValue:String(this.value),editorValid:R,editorDisabled:B.disabled,editorPlaceholder:B.placeholder,children:P,style:k,dir:B.dir}):P}};let Ke=ea;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(),ra=o.withIdHOC(o.withPropsContext(Ga,Ke));ra.displayName="KendoReactInput";class $n extends n.Component{constructor(t){super(t),this.onChange=e=>{const s=e.target.value,i=Le(s,"rgba");this.setState({hex:s}),te(i)&&this.props.onHexChange(s,i,e)},this.onBlur=()=>{te(Le(this.state.hex,"rgba"))||this.setState({hex:this.state.originalHex})},this.state={hex:this.props.hex,originalHex:this.props.hex}}render(){return n.createElement(ra,{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 Me=["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||Me[1]}}render(){const t=ne.provideLocalizationService(this),e=t.toLanguageString(Be,K[Va]),s=t.toLanguageString(Be,K[Be]),i=t.toLanguageString(Be,K[Ra]),l=t.toLanguageString(Be,K[Na]),d=t.toLanguageString(Be,K[Ma]),c=t.toLanguageString(Kt,K[Kt]);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($n,{hex:this.props.hex,onHexChange:this.props.onHexChange,disabled:this.props.disabled})),n.createElement(Pe.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(Re,{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(Pe.Label,{className:"k-colorgradient-input-label"},s)),n.createElement("div",{className:"k-vstack"},n.createElement(Re,{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(Pe.Label,{className:"k-colorgradient-input-label"},i)),n.createElement("div",{className:"k-vstack"},n.createElement(Re,{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(Pe.Label,{className:"k-colorgradient-input-label"},l))),this.state.inputMode==="rgba"&&n.createElement("div",{className:"k-vstack"},this.props.opacity&&n.createElement(Re,{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(Pe.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=Me.length-1===Me.indexOf(this.state.inputMode)?0:Me.indexOf(this.state.inputMode)+1;if(this.props.opacity)this.setState({inputMode:Me[t]});else{const e=Me[t]==="rgba"?t+1:t;this.setState({inputMode:Me[e]})}}}ne.registerForIntl(ht);ne.registerForLocalization(ht);const oa="data-slider-label",Gn=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",{[oa]:!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(oa))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(Bt,K[Bt]),decrementTitle:t.toLanguageString(Dt,K[Dt])},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(De,K[De]),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 qn=o.createPropsContext(),ut=o.withPropsContext(qn,$e);ut.displayName="KendoReactSlider";ne.registerForLocalization($e);const Te={};function Wn(a,t,e){Te[a]={value:t,hsva:e}}function Un(a,t,e){Te[a]={value:t,rgba:e}}function jn(a,t,e){Te[a]={value:t,hex:e}}function Xn(a){delete Te[a]}function Yn(a,t){if(a){const e=Te[a];return e&&e.value===t?e.hex:void 0}else return}function Zn(a,t){if(a){const e=Te[a];return e&&e.value===t?e.hsva:void 0}else return}function Jn(a,t){if(a){const e=Te[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(Tt,K[Tt]),s=t.toLanguageString(Ot,K[Ot]),i=t.toLanguageString(Ft,K[Ft]),l=t.toLanguageString(zt,K[zt]),d=t.toLanguageString(_t,K[_t]),c=$a(this.props.rgba,this.props.bgColor),p=4.5.toFixed(1),u=7 .toFixed(1),m=`${e}: ${c.toFixed(2)}`,g=`${s}: ${p}`,h=`${i}: ${u}`,k=n.createElement("span",{className:"k-contrast-validation k-text-success"},l," ",n.createElement(o.IconWrap,{name:"check",icon:G.checkIcon})),V=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"},m),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,g),c>=4.5?k:V),n.createElement("div",null,n.createElement("span",null,h),c>=7?k:V))}}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"/>`,Qn=(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)}},es=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),m=p.length*c,g=t[0]+Math.cos(u)*m,h=t[1]+Math.sin(u)*m;return[g,h]},ts=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 as extends n.Component{renderSvgCurveLine(){const t=this.props.metrics,e=(l,d,c,p,u)=>{const m=(c+p)/2,g=Object.assign({},this.props.hsva,{s:d/t.width,v:1-m/t.height}),h=$a(_e(sa(g)),_e(this.props.backgroundColor||""));return c+.5>p?h<l+1&&h>l-1?m:null:u(h,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 m=e(l,u,0,t.height,c?(g,h)=>g<h:(g,h)=>g>h);m!==null&&p.push([u,m])}return p},i=ts(es(Qn));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 ns="rgba",va="rgba(255, 255, 255, 1)",ta=class extends n.Component{constructor(a){super(a),this.wrapper=null,this.onHexChange=(e,s,i)=>{if(this.isUncontrolled){const l=Mt(s);this.setState({hsva:l,backgroundColor:tt(l.h),rgba:_e(s),hex:e})}else jn(this.state.guid,s,e);this.dispatchChangeEvent(s,i,i.nativeEvent)},this.onRgbaChange=(e,s)=>{const i=Hn(e);if(this.isUncontrolled){const l=Mt(i),d=Le(i,"hex");this.setState({hsva:l,backgroundColor:tt(l.h),rgba:e,hex:d})}else Un(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||Le(va,ns);this.state=Object.assign({},ta.getStateFromValue(t),{isFirstRender:!0,guid:this.props.id})}static getDerivedStateFromProps(a,t){return a.value&&!t.isFirstRender?ta.getStateFromValue(a.value,t.guid):null}componentDidMount(){this.setAlphaSliderBackground(this.state.backgroundColor),this.state.isFirstRender&&this.setState({isFirstRender:!1})}componentWillUnmount(){Xn(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=sa(a);if(this.isUncontrolled){const i=Le(s,"hex");this.setState({hsva:a,backgroundColor:tt(a.h),rgba:_e(s),hex:i})}else Wn(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(Le(a,"hex"))||(a=va);const e=Zn(t,a)||Mt(a),s=Jn(t,a)||_e(a),i=Yn(t,a)||Le(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(as,{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(At,K[At])}),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(Ht,K[Ht]),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:_e(this.props.backgroundColor),rgba:this.state.rgba}))}};let Ge=ta;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 ss{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&&Ae.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 ss;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:Le(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},m=u.width+"px",g=u.height+"px";return t.map((h,k)=>{const V=l&&d===k,B=o.classNames("k-colorpalette-tile",{"k-selected":V,"k-focus":c&&p===k});return n.createElement("td",{role:"gridcell",className:B,"aria-label":h,"aria-selected":V?!0:this.props.disabled?void 0:!1,style:{backgroundColor:h,width:m,height:g,minWidth:m},onClick:N=>this.onColorClick(h,N),id:this.createCellId({row:e,col:k}),key:k})})}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 rs="bottom",os="top",Za=a=>{const t=a.popupSettings||{},e=a.dir==="rtl"?"right":"left",s=n.useMemo(()=>({horizontal:e,vertical:rs}),[e]),i=n.useMemo(()=>({horizontal:e,vertical:os}),[e]);return n.createElement(n.Fragment,null,a.input,a.button,n.createElement(In.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 is={opacity:!0},ls={palette:Xa,tileSize:ja},Vt=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:m,disabled:g,tabIndex:h,view:k,icon:V,svgIcon:B,iconClassName:N,onChange:R,onFocus:S,onBlur:P,onActiveColorClick:O,className:T}=e,w=n.useRef(null),F=n.useRef(null),A=n.useRef(null),z=n.useRef(),E=n.useRef(null),[L,H]=n.useState(!1),[W,J]=n.useState(e.defaultValue),[b,C]=n.useState(!1),f=Vt(e.value),y=Vt(e.open),I=f?e.value:W,D=y?e.open:b,Q=n.useCallback(()=>{w.current&&w.current.focus()},[]);n.useImperativeHandle(t,()=>({element:w.current,actionElement:E.current,value:I,focus:Q}),[I,Q]);const Z=n.useCallback((_,he)=>{y||(!_&&!he&&w&&w.current&&w.current.focus(),C(_))},[y]),M=n.useCallback(_=>{const{altKey:he,keyCode:ie}=_;if(ie===o.Keys.esc){Z(!1);return}if(ie===o.Keys.enter&&!y){_.preventDefault(),_.stopPropagation(),Z(!D);return}he&&(ie===o.Keys.up||ie===o.Keys.down)&&(_.preventDefault(),_.stopPropagation(),ie===o.Keys.up&&w&&w.current&&(w.current.focus(),Z(!1)),ie===o.Keys.down&&Z(!0))},[D,y]),v=n.useCallback(()=>{y||(F.current?F.current.focus():A.current&&A.current.focus())},[y]),q=n.useCallback(()=>{Z(!D,!0)},[D]),$=n.useCallback(_=>{O&&O.call(void 0,{syntheticEvent:_,nativeEvent:_.nativeEvent,value:I})},[O,I]),X=n.useCallback(_=>{z.current?(clearTimeout(z.current),z.current=void 0):H(!0),S&&S.call(void 0,{nativeEvent:_.nativeEvent,syntheticEvent:_})},[S]),re=n.useCallback(()=>{Z(!1,!0),H(!1),z.current=void 0},[]),ve=n.useCallback(_=>{clearTimeout(z.current),z.current=window.setTimeout(re),P&&P.call(void 0,{nativeEvent:_.nativeEvent,syntheticEvent:_})},[P]),oe=n.useCallback((_,he)=>{const ie=he?_.rgbaValue:_.value;f||J(ie),he&&Z(!1),R&&R.call(void 0,{value:ie,nativeEvent:_.nativeEvent,syntheticEvent:_.syntheticEvent})},[f,R]),Ce=n.useCallback(_=>oe(_,!0),[Vt,oe]),fe=o.useDir(w,e.dir),Se=m!==!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":D,"aria-disabled":g?"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":!Se,"k-disabled":g,"k-focus":L,className:T}),ref:w,tabIndex:o.getTabIndex(h,g),title:e.title,onKeyDown:M,onFocus:X,onBlur:ve,dir:fe},n.createElement(Za,{dir:fe,open:D,onOpen:v,popupAnchor:w.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":!I,"k-icon-color-preview":V||B||N})},N&&n.createElement("span",{className:o.classNames("k-color-preview-icon",N)}),!N&&(V||B)&&n.createElement(o.IconWrap,{name:V,icon:B}),n.createElement("span",{className:"k-color-preview-mask",style:{backgroundColor:I}}))),button:n.createElement(de.Button,{tabIndex:-1,type:"button",onClick:q,className:"k-input-button",rounded:null,icon:"caret-alt-down",svgIcon:G.caretAltDownIcon,"aria-label":s.toLanguageString(Ut,K[Ut])}),content:n.createElement(n.Fragment,null,(k==="combo"||k==="gradient")&&n.createElement(pt,{...p,tabIndex:0,ref:F,value:I,onChange:oe}),(k==="combo"||k==="palette")&&n.createElement(mt,{...u,ref:A,value:I,onChange:Ce}))}))});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:is,paletteSettings:ls};gt.defaultProps=ot;gt.displayName="KendoColorPicker";const Ca="rgba(255, 255, 255, 1)",ia=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,m]=n.useState((a.view||"ColorGradient")==="ColorGradient"),[g,h]=n.useState(a.value||l),[k,V]=n.useState(a.value||l),B=a.value!==void 0?a.value:k;n.useEffect(()=>{h(a.value||l)},[a.value,l]);const N=ne.useLocalization(),R=n.useCallback(()=>{e.current&&e.current.focus()},[e]);n.useImperativeHandle(e,()=>({element:s.current,focus:R,props:a,value:B}),[B,R,a]),n.useImperativeHandle(t,()=>e.current);const S=n.useCallback(E=>{(E==="ColorGradient"&&!u||E==="ColorPalette"&&u)&&m(!u)},[u]),P=n.useCallback(E=>{if(h(l),a.onPreviewChange){const L={value:l,nativeEvent:E.nativeEvent,syntheticEvent:E};a.onPreviewChange.call(void 0,L)}},[l,a.onPreviewChange]),O=n.useCallback(E=>{if(h(E.value),a.onPreviewChange){const L={value:E.value,nativeEvent:E.nativeEvent,syntheticEvent:E.syntheticEvent};a.onPreviewChange.call(void 0,L)}},[a.onPreviewChange]),T=n.useCallback(E=>{if(V(g),a.onChange){const L={value:g,nativeEvent:E.nativeEvent,syntheticEvent:E};a.onChange.call(void 0,L)}},[g,a.onChange]),w=n.useCallback(()=>{V(Ca)},[]),F=n.useCallback(E=>{if(h(k),a.onPreviewChange){const L={value:k,nativeEvent:E.nativeEvent,syntheticEvent:E};a.onPreviewChange.call(void 0,L)}},[k,a.onPreviewChange]),A=n.useCallback(E=>{s.current&&!(E.nativeEvent.target instanceof HTMLInputElement)&&s.current.focus()},[s]),z=n.useCallback(E=>{var H;if((!E.relatedTarget||!((H=s.current)!=null&&H.contains(E.relatedTarget)))&&(d||V(g),!d&&a.onChange)){const W={value:g,nativeEvent:E.nativeEvent,syntheticEvent:E};a.onChange.call(void 0,W)}},[g,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":N.toLanguageString($t,K[$t]),togglable:!0,fillMode:"flat",selected:u,onClick:()=>S("ColorGradient"),icon:"droplet-slider",svgIcon:G.dropletSliderIcon}),n.createElement(de.Button,{type:"button","aria-label":N.toLanguageString(Gt,K[Gt]),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:P,"aria-label":N.toLanguageString(qt,K[qt]),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:g}}),n.createElement("span",{className:"k-coloreditor-current-color k-color-preview",style:{background:k},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:g,onChange:O,onFocus:A,opacity:a.opacity,format:a.format}):n.createElement(mt,{ariaDisabled:!0,ariaLabelledBy:"required_label",value:g,onChange:O,onFocus:A})),d&&n.createElement("div",{className:"k-coloreditor-footer k-actions k-actions-end"},n.createElement(de.Button,{type:"button",className:"k-coloreditor-cancel",onClick:w},K[Ba]),n.createElement(de.Button,{type:"button",className:"k-coloreditor-apply k-primary",onClick:T},K[Da]))))}),cs={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};ia.displayName="KendoFlatColorPicker";ia.propTypes=cs;var Ne=(a=>(a[a.Literal=0]="Literal",a[a.Mask=1]="Mask",a[a.Undefined=2]="Undefined",a))(Ne||{});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(""),ds="\\";class be{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 be(e=>this.parse(e).map(t))}chain(t){return new be(e=>this.parse(e).chain((s,i)=>t(s).run(i)))}isLiteral(t){return this.run(t).type===Ne.Literal}}const us=a=>t=>new be(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,Ne.Mask);if(t.test(l))return e.eat(),new Y(l,e,Ne.Mask);if(l===i)return e.eat(),new Y(s,e,Ne.Mask);e.eat_input()}return e.eat(),new Y(s,e,Ne.Mask)}),fs=a=>new be(t=>t.peek().char===a?(t.eat(),new Y(a,t,Ne.Literal)):new Y(a,t,Ne.Literal)),hs=a=>t=>new be(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)}),ps=a=>new be(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 be(e=>{let{char:s}=e.next();const i=a[s];return s===ds?(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 be(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 be(t=>{let{char:e}=t.next();return a?new Y(e,t):new Y("",t)}),ms=a=>new be(t=>new Y(a,t)),gs=(a,t)=>a.chain(e=>t.map(s=>e.concat([s]))),Ve=a=>a.reduce((t,e)=>gs(t,e),ms([])),rt=a=>new be(t=>{let e=new Y([],t);for(;!t.eof();)e=e.concat(a.run(t));return e});class bs{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 Ve(this.validationTokens).run(t).fold(s=>{e=s.join("")}),e}rawValue(t=""){let e=t;return this.rawTokens.length&&Ve(this.rawTokens).run(t).fold(s=>{e=s.join("")}),e}maskRaw(t=""){let e=t;return this.maskTokens.length&&Ve(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 Ve(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 Ve(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 Ve(this.unmaskTokens).run(d,e).chain(c=>{l=c.join("").length;const p=e.slice(l);return Ve(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=>fs(s),mask:s=>us({prompt:t,promptPlaceholder:e})(s)}}get unmaskTokenCreator(){return{literal:t=>ps(t),mask:t=>hs(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||!vs(a.rules,t.rules),vs=(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},we=class extends n.Component{constructor(a){super(a),this.state={},this._inputId=`k-${this.props.id}`,this._service=new bs,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:we.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:we.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=we.defaultProps.size,fillMode:t=we.defaultProps.fillMode,rounded:e=we.defaultProps.rounded}=this.props,s=this.props.id||this._inputId,i=!this.validityStyles||this.validity.valid,l=this.props.style||{},{prefix:d=we.defaultProps.prefix,suffix:c=we.defaultProps.suffix}=this.props,[p]=o.useCustomComponent(d),[u]=o.useCustomComponent(c),m=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:g=>this._input=g,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(Pe.FloatingLabel,{label:this.props.label,editorId:s,editorValue:this.value,editorValid:i,editorDisabled:this.props.disabled,editorPlaceholder:this.props.placeholder,children:m,style:{width:this.props.width},dir:this.props.dir}):m}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=we;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 ks=o.createPropsContext(),tn=o.withIdHOC(o.withPropsContext(ks,We));tn.displayName="KendoReactMaskedTextBox";var j=(a=>(a.start="start",a.end="end",a.min="min",a.max="max",a.increase="increase",a.decrease="decrease",a))(j||{});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},Cs=(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]),m=n.useMemo(()=>e.max,[e.max]),g=n.useMemo(()=>e.step!==void 0?e.step:it.step,[e.step,it.step]),h=o.useDir(i,e.dir),k=(f,y)=>{e.onChange&&s.current&&e.onChange.call(void 0,{value:f,target:s.current,syntheticEvent:y})},[V,B]=n.useState(""),[N,R]=Cs(e.defaultValue||it.defaultValue,{min:u,max:m,step:g,state:e.value},k),S=n.useMemo(()=>e.value||N,[e.value,N]),P=n.useRef(null),O=n.useRef(null),T=n.useMemo(()=>(S.start-u)/(m-u)*100,[S.start,u,m]),w=n.useMemo(()=>(S.end-u)/(m-u)*100,[S.end,u,m]),F=n.useMemo(()=>e.vertical?{paddingTop:0,height:"100%"}:{},[e.vertical]),A=n.useMemo(()=>e.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},[e.vertical]),z=ne.useLocalization(),E=n.useCallback(f=>{if(!O.current)return;const y=O.current.getBoundingClientRect(),I=e.vertical?y.bottom-f.clientY:h==="rtl"?y.right-f.clientX:f.clientX-y.left,D=e.vertical?y.height:y.width,Q=I/D;return u+Q*(m-u)},[O,e.vertical,h,u,m,N.start,N.end,e.value&&e.value.start,e.value&&e.value.end]),L=n.useCallback(f=>f<=S.start?"start":f>=S.end?"end":2*f<S.end+S.start?"start":"end",[N.start,N.end,e.value&&e.value.start,e.value&&e.value.end]),H=n.useCallback(f=>{switch(f.keyCode){case o.Keys.right:f.preventDefault(),R({type:h==="rtl"?j.decrease:j.increase,key:"start",event:f});break;case o.Keys.up:f.preventDefault(),R({type:j.increase,key:"start",event:f});break;case o.Keys.left:f.preventDefault(),R({type:h==="rtl"?j.increase:j.decrease,key:"start",event:f});break;case o.Keys.down:f.preventDefault(),R({type:j.decrease,key:"start",event:f});break;case o.Keys.home:f.preventDefault(),R({type:j.min,key:"start",event:f});break;case o.Keys.end:f.preventDefault(),R({type:j.max,key:"start",event:f});break}},[R]),W=n.useCallback(f=>{switch(f.keyCode){case o.Keys.right:f.preventDefault(),R({type:h==="rtl"?j.decrease:j.increase,key:"end",event:f});break;case o.Keys.up:f.preventDefault(),R({type:j.increase,key:"end",event:f});break;case o.Keys.left:f.preventDefault(),R({type:h==="rtl"?j.increase:j.decrease,key:"end",event:f});break;case o.Keys.down:f.preventDefault(),R({type:j.decrease,key:"end",event:f});break;case o.Keys.home:f.preventDefault(),R({type:j.min,key:"end",event:f});break;case o.Keys.end:f.preventDefault(),R({type:j.max,key:"end",event:f});break}},[R,h]),J=n.useCallback(f=>{const y=E(f),I=L(y);B(I),I==="end"?c.current.focus():d.current.focus();const D=I==="end"?j.end:j.start;R({type:D,payload:y,event:f})},[e.vertical,u,m,R]),b=f=>{const y=E(f),I=V==="end"?j.end:j.start;R({type:I,payload:y,event:f})},C=f=>{const y=E(f),I=V==="end"?j.end:j.start;R({type:I,payload:y,event:f}),B("")};return o.useDraggable(O,{onPress:J,onDrag:b,onRelease:C}),n.createElement("div",{id:e.id,style:e.style,ref:i,dir:h,className:o.classNames("k-slider",{"k-rtl":h==="rtl","k-disabled":e.disabled,"k-slider-vertical":e.vertical,"k-slider-horizontal":!e.vertical},e.className)},n.createElement("div",{ref:O,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...A}},e.children&&n.createElement("ul",{className:"k-reset k-slider-items",style:{...F}},n.Children.map(e.children,f=>f&&n.cloneElement(f,{position:100*(f.props.position-e.min)/(e.max-e.min),vertical:e.vertical},f.props.children))),n.createElement("div",{ref:P,className:"k-slider-track",style:e.vertical?{bottom:0,height:"100%"}:{[h==="rtl"?"right":"left"]:0,width:"100%"}},T!==null&&w!==null&&n.createElement("div",{"data-selection":!0,ref:l,title:`${S.start} - ${S.end}`,className:"k-slider-selection",style:e.vertical?{height:w-T+"%",bottom:T+"%"}:{[h==="rtl"?"right":"left"]:T+"%",width:w-T+"%"}}),n.createElement("span",{ref:d,role:"slider",tabIndex:o.getTabIndex(e.startTabIndex,e.disabled,void 0),"aria-valuemin":u,"aria-valuemax":Math.max(m,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(De,K[De]),style:e.vertical?{bottom:"calc("+T+"%)",zIndex:1}:h==="rtl"?{right:"calc("+T+"% - 13px)",zIndex:1}:{left:"calc("+T+"%)",zIndex:1},onKeyDown:H}),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":m,"aria-valuenow":S.end,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${S.start} - ${S.end}`,className:"k-draghandle",title:z.toLanguageString(De,K[De]),style:e.vertical?{bottom:"calc("+w+"%)",zIndex:1}:h==="rtl"?{right:"calc("+w+"% - 13px)",zIndex:1}:{left:"calc("+w+"%)",zIndex:1},onKeyDown:W}))))}),ys={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}.
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const En=require("react"),r=require("prop-types"),ne=require("@progress/kendo-react-intl"),o=require("@progress/kendo-react-common"),G=require("@progress/kendo-svg-icons"),Pe=require("@progress/kendo-react-labels"),de=require("@progress/kendo-react-buttons"),Ae=require("@progress/kendo-drawing"),In=require("@progress/kendo-react-popup"),Sn=require("@progress/kendo-inputs-common"),wn=require("@progress/kendo-react-dialogs");function Pn(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=Pn(En),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/"},Oe="numerictextbox.increment",Fe="numerictextbox.decrement",Bt="slider.increment",Dt="slider.decrement",De="slider.dragTitle",Be="colorGradient.r",Ra="colorGradient.g",Na="colorGradient.b",Ma="colorGradient.a",Va="colorGradient.hex",Tt="colorGradient.contrastRatio",Ot="colorGradient.colorGradientAALevel",Ft="colorGradient.colorGradientAAALevel",zt="colorGradient.colorGradientPass",_t="colorGradient.colorGradientFail",At="colorGradient.hueSliderLabel",Ht="colorGradient.alphaSliderLabel",Kt="colorGradient.toggleInputsButton",Ba="flatColorPicker.cancelBtn",Da="flatColorPicker.applyBtn",$t="flatColorPicker.colorGradientBtn",Gt="flatColorPicker.colorPaletteBtn",qt="flatColorPicker.clearBtn",Ta="checkbox.validation",Oa="checkbox.optionalText",Ln="radioButton.validation",Wt="switch.validation",Ut="colorPicker.dropdownButtonAriaLabel",jt="rating.ariaLabel",Xt="signature.clear",Yt="signature.maximize",Zt="signature.minimize",K={[Oe]:"Increase value",[Fe]:"Decrease value",[Bt]:"Increase",[Dt]:"Decrease",[De]:"Drag",[Be]:"r",[Ra]:"g",[Na]:"b",[Ma]:"a",[Va]:"hex",[Tt]:"Contrast ratio",[Ot]:"AA",[Ft]:"AAA",[zt]:"Pass",[_t]:"Fail",[At]:"Hue slider",[Ht]:"Alpha slider",[Kt]:"Toggle colorgradient inputs",[Ba]:"Cancel",[Da]:"Apply",[$t]:"Color Gradient view",[Gt]:"Color Palette view",[qt]:"Clear color value",[Ta]:"Please check this box if you want to proceed!",[Oa]:"(Optional)",[Ln]:"Please select option if you want to proceed!",[Wt]:"Please turn on if you want to proceed!",[Ut]:"Select",[jt]:"Rating",[Xt]:"Clear",[Yt]:"Maximize",[Zt]:"Minimize"},dt=11111111111111e-7,Rn=.31111111111111117,Nn=1,Fa=1,za=0,ge=/\d/,_a=15,la=()=>({eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1}),Pt=(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)),Mn=a=>Math.min(a,_a),Ha=(a,t)=>{const e=Mn(t);return parseFloat(a.toFixed(e))},da=(a,t,e,s,i,l,d)=>{const c=Aa(a||0,e||0),p=ze(Ha((a||0)+(e||0),c),s,i);t.eventValue=p,t.currentLooseValue=ce(p,l,d),t.selectionStart=t.selectionEnd=He(t.currentLooseValue,ge)},ua=(a,t,e,s,i,l,d)=>{const c=Aa(a||0,e||0),p=ze(Ha((a||0)-(e||0),c),s,i);t.eventValue=p,t.currentLooseValue=ce(p,l,d),t.selectionStart=t.selectionEnd=He(t.currentLooseValue,ge)},ze=(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),Vn=(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},Bn=(a,t)=>{const e=t.findIndex(([i,l])=>!!i&&a.indexOf(i)===0);return e===-1?-1:t[e][0].length},Dn=(a,t,e)=>{const s=Vn(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=Bn(a,t);i!==-1&&e.selectionStart<i&&(e.selectionStart=e.selectionEnd=i),e.selectionStart===-1&&(e.selectionStart=e.selectionEnd=0)},Ie=(a,t,e,s)=>{a.selectionStart=a.selectionEnd=t,Dn(e,s,a)},Lt=(a,t,e,s)=>{a.eventValue=s.parseNumber(a.prevLooseValue,t),a.currentLooseValue=a.prevLooseValue,a.valueIsCorrected=!0,Ie(a,a.selectionStart,a.currentLooseValue,e)},Tn=(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},On=(a,t)=>{const e=String(a.currentLooseValue),s=String(a.prevLooseValue);return e.indexOf(t.minusSign)===-1&&s.indexOf(t.minusSign)!==-1},Fn=(a,t)=>String(a.currentLooseValue).split(t.decimal).length>2,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=Qe(e),c=Qe(s),p=Qe(i),u=Qe(l),m=et(e),g=et(s),h=et(i),k=et(l);return{positiveInfo:[d,m],negativeInfo:[c,g],zeroInfo:[p,h],oneInfo:[u,k]}},_n=(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,m,g)=>g.indexOf(u)===m).join("")},Rt=(a,t)=>{const e=a.indexOf(t.decimal);return e>-1?e:He(a,ge)},Jt=a=>a.split("").reverse().join(""),He=(a,t)=>a.length-Jt(a).search(t),Qe=a=>a.split(a[a.search(ge)])[0],et=a=>{const t=Jt(a);return Jt(t.split(t[t.search(ge)])[0])},Nt=(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++)ge.test(a.charAt(u))&&c++;let p=0;for(;c>0&&t.length>p;)ge.test(t.charAt(p))&&c--,p++;return p},Qt=(a,t,e)=>{const s={...a},{prevLooseValue:i}=s,l=e.numberSymbols(),d=_n(t,e),c=String(s.currentLooseValue),p=String(i),u=new RegExp(`[^\\d\\${l.decimal}]`,"g"),m=new RegExp(`[^\\d\\${l.decimal}\\${l.group}]`,"g"),g=new RegExp(`[\\d\\${l.decimal}\\${l.group}]`),h=c.replace(u,""),k=Nt(c,ge),V=k===-1?-1:He(c,ge),B=c.indexOf(l.decimal),N=(c.substring(0,k)+c.substring(k,V).replace(m,"")+c.substring(V,c.length)).split("").filter(b=>d.indexOf(b)!==-1||b.search(g)!==-1).join(""),R=e.formatNumber(Rn,t).replace(u,""),S=R.indexOf(l.decimal),P=S>-1?R.length-S-1:0,O=e.formatNumber(Nn,t).replace(u,""),T=O.indexOf(l.decimal),w=T>-1?O.length-T-1:0,{positiveInfo:F,negativeInfo:A,zeroInfo:z,oneInfo:E}=zn(t,e),L=[F,A,z,E],H=L.findIndex(b=>b.findIndex(C=>!!C)!==-1)!==1,W=c.length>0&&c.length<p.length,J=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),Ie(s,Rt(s.currentLooseValue,l),s.currentLooseValue,L),s;if(s.currentLooseValue===l.decimal){s.eventValue=0;const y=ce(s.eventValue,t,e);if(w===0&&P>0){const I=He(y,ge);s.currentLooseValue=y.substring(0,I)+l.decimal+y.substring(I)}else s.currentLooseValue=y;return Ie(s,Rt(s.currentLooseValue,l)+1,s.currentLooseValue,L),s}if(Tn(s,l)){const y=e.parseNumber(i,t);s.eventValue=-(y!==null?y:0),s.currentLooseValue=ce(s.eventValue,t,e);const I=Nt(s.currentLooseValue,ge),D=Nt(p,ge);return Ie(s,s.selectionEnd-1+(I-D),s.currentLooseValue,L),s}if(On(s,l))return s.eventValue=e.parseNumber(s.currentLooseValue,t),Ie(s,s.selectionStart,s.currentLooseValue,L),s;if(Fn(s,l))return Lt(s,t,L,e),s;if(J)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||h!==c&&c&&H&&L.findIndex(([I,D])=>{const Q=c.indexOf(I),Z=c.indexOf(D),M=Q===0,v=Z===c.length-D.length,q=Q+I.length!==k&&k!==-1&&c[Q+I.length]!==l.decimal,$=Z!==V&&V!==-1&&c[Z-1]!==l.decimal;return I&&D?q||$?!1:M&&v:I?q?!1:M:D?$?!1:v:!1})===-1)return Lt(s,t,L,e),s;if(h[h.length-1]===l.decimal&&P>0)return s.eventValue=e.parseNumber(c,t),s.currentLooseValue=N,s;if(s.currentLooseValue&&i&&(d+l.decimal+l.group).split("").findIndex(I=>c.split("").filter(D=>D===I).length<p.split("").filter(D=>D===I).length&&c.length+1===p.length?!(I===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 C=fa(h,l.decimal),f=h[h.length-1]==="0";if(W&&f&&C<w)return s.eventValue=e.parseNumber(s.currentLooseValue,t),s.currentLooseValue=ce(s.eventValue,t,e),s;if(C>0){const y=c.substring(0,B);if(f&&(!y||p.indexOf(y)!==0)){s.eventValue=e.parseNumber(s.currentLooseValue,t);const I=ce(s.eventValue,t,e);return Ie(s,ha(c,I,s.selectionEnd,W,u),I,L),s.currentLooseValue=I,s}if(C>P){const I=c.indexOf(l.decimal),D=c.substring(0,I)+c.substring(I,I+1+P)+c.substring(V,String(s.currentLooseValue).length);return s.eventValue=e.parseNumber(D,t),s.currentLooseValue=D,Ie(s,s.selectionStart,D,L),s}if(w!==P&&C<=P&&f)return s.eventValue=e.parseNumber(s.currentLooseValue,t),s.currentLooseValue=N,s;if(C<w)return s.eventValue=e.parseNumber(s.currentLooseValue,t),s.currentLooseValue=ce(s.eventValue,t,e),s}}if(s.eventValue=e.parseNumber(s.currentLooseValue,t),J&&(s.eventValue=s.eventValue/100),typeof s.eventValue=="number"){const b=ce(s.eventValue,t,e);c.length===1?Ie(s,Rt(b,l),b,L):Ie(s,ha(c,b,s.selectionEnd,W,u),b,L),s.currentLooseValue=b}else s.currentLooseValue=ce(e.parseNumber(h),t,e);return s},An="Please enter a valid value!",Ka=o.createPropsContext(),Re=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,m]=n.useState(!1),g=n.useRef(la()),h=n.useRef(!1),k=n.useRef(),V=n.useRef(e.defaultValue),B=ce(g.current.focused&&!e.disabled?g.current.currentLooseValue:Pt(e.value,V.current),e.format,l);k.current=B;const[N]=o.useCustomComponent(e.prefix),[R]=o.useCustomComponent(e.suffix);n.useEffect(()=>{c.current&&c.current.setCustomValidity&&c.current.setCustomValidity(w().valid?"":e.validationMessage||An)});const S=n.useCallback(()=>{c.current&&c.current.focus()},[]),P=n.useCallback(()=>p.current!==void 0?p.current:Pt(e.value,V.current),[e.value]),O=n.useCallback(()=>e.name,[e.name]),T=n.useCallback(()=>e.required,[e.required]),w=n.useCallback(()=>{const M=e.validationMessage!==void 0,v=P(),q=e.valid!==void 0?e.valid:!g.current.valueIsOutOfRange&&(!T()||v!=null);return{customError:M,valid:q,valueMissing:v==null}},[e.validationMessage,e.valid,P,T]),F=n.useCallback(()=>e.validityStyles,[e.validityStyles]),A=n.useCallback(()=>e,[e]),z=n.useCallback(()=>{const M={element:c.current,focus:S};return Object.defineProperty(M,"name",{get:O}),Object.defineProperty(M,"value",{get:P}),Object.defineProperty(M,"validity",{get:w}),Object.defineProperty(M,"validityStyles",{get:F}),Object.defineProperty(M,"required",{get:T}),Object.defineProperty(M,"props",{get:A}),M},[O,P,w,F,T,S,A]);n.useImperativeHandle(t,z);const E=n.useCallback(()=>({eventValue:Pt(e.value,V.current),prevLooseValue:k.current,currentLooseValue:c.current.value,selectionStart:c.current.selectionStart,selectionEnd:c.current.selectionEnd,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1,isPaste:h.current,focused:g.current.focused}),[e.value]),L=n.useCallback((M,v)=>{if(e.disabled)return;p.current=v.eventValue,V.current=v.eventValue;const q=ce(ze(v.eventValue,e.min,e.max),e.format,l),$=ze(l.parseNumber(q,e.format),e.min,e.max);$!==v.eventValue&&(v.valueIsOutOfRange=!0,v.eventValue=$,V.current=$),e.value!==v.eventValue&&o.dispatchEvent(e.onChange,M,z(),{value:v.eventValue}),p.current=void 0,g.current=v,m(re=>!re)},[e.value,e.onChange,e.disabled,m,z]),H=n.useCallback(M=>{const v=E();h.current=!1,L(M,Qt(v,e.format,l))},[e.format,e.onChange,l,L,E]),W=n.useCallback(M=>{let v=E();const q=l.parseNumber(String(v.currentLooseValue),e.format);if(v.selectionEnd>v.selectionStart&&v.selectionEnd-v.selectionStart===String(v.currentLooseValue).length){const $=l.numberSymbols(),X=$&&M.key===$.minusSign,re=$&&M.key===$.decimal;h.current=!X&&!re;return}switch(M.keyCode){case 38:da(q,v,e.step,e.min,e.max,e.format,l);break;case 40:ua(q,v,e.step,e.min,e.max,e.format,l);break;case 13:{if(e.rangeOnEnter===!1)return;const $=ce(ze(q,e.min,e.max),e.format,l),X=ze(l.parseNumber($,e.format),e.min,e.max);v.eventValue=X,v.currentLooseValue=ce(X,e.format,l),v.selectionStart=v.selectionEnd=v.currentLooseValue.length;break}case 110:{const $=c.current,X=l.numberSymbols();$&&(v.currentLooseValue=v.currentLooseValue.slice(0,v.selectionStart)+X.decimal+v.currentLooseValue.slice(v.selectionEnd),v.selectionStart=v.selectionEnd=v.selectionStart+1,v=Qt(v,e.format,l));break}default:return}M.preventDefault(),L(M,v)},[e.format,e.min,e.max,e.step,e.onChange,e.rangeOnEnter,L,E]),J=n.useCallback(()=>{h.current=!0},[]),b=n.useCallback(M=>{if(e.readOnly||e.disabled)return;const v=E();da(l.parseNumber(String(v.currentLooseValue),e.format),v,e.step,e.min,e.max,e.format,l),L(M,v)},[e.format,e.min,e.max,e.step,e.onChange,e.readOnly,e.disabled,L,E]),C=n.useCallback(M=>{if(e.readOnly||e.disabled)return;const v=E();ua(l.parseNumber(String(v.currentLooseValue),e.format),v,e.step,e.min,e.max,e.format,l),L(M,v)},[e.format,e.min,e.max,e.step,e.onChange,e.readOnly,e.disabled,L,E]),f=n.useCallback(M=>{const v=o.getActiveElement(document);!document||v!==c.current||!c.current||e.readOnly||e.disabled||(M.nativeEvent.deltaY<0&&b(M),M.nativeEvent.deltaY>0&&C(M))},[b,C,e.disabled,e.readOnly]),y=n.useCallback(M=>{g.current.currentLooseValue=k.current,g.current.focused=!0,o.dispatchEvent(e.onFocus,M,z(),{}),m(v=>!v)},[e.onFocus,m,z]),I=n.useCallback(M=>{g.current=la(),o.dispatchEvent(e.onBlur,M,z(),{}),m(v=>!v)},[e.onBlur,m,z]),D=n.useCallback(M=>{if(document&&c.current){const v=o.getActiveElement(document);M.preventDefault(),v!==c.current&&c.current.focus()}},[]);o.useIsomorphicLayoutEffect(()=>{c.current&&c.current.type!=="number"&&g.current.selectionStart!==void 0&&g.current.selectionEnd!==void 0&&(c.current.selectionStart=g.current.selectionStart,c.current.selectionEnd=g.current.selectionEnd,g.current.selectionStart=void 0,g.current.selectionEnd=void 0)},[u]);const Q=!F()||w().valid,Z=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":!Q,"k-required":e.required,"k-disabled":e.disabled},e.className),"aria-disabled":e.disabled?"true":void 0},n.createElement(N,null),n.createElement("input",{role:"spinbutton",value:B===null?"":B,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:H,onFocus:y,onBlur:I,onKeyDown:W,onPaste:J,onWheel:f,ref:c}),n.createElement(R,null),e.children,e.spinners&&n.createElement("span",{className:"k-input-spinner k-spin-button",onMouseDown:D},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(Oe,K[Oe]),title:d.toLanguageString(Oe,K[Oe]),onClick:b}),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(Fe,K[Fe]),title:d.toLanguageString(Fe,K[Fe]),onClick:C})));return e.label?n.createElement(Pe.FloatingLabel,{label:e.label,editorId:i,editorValue:B===null?"":B,editorValid:Q,editorDisabled:e.disabled,editorPlaceholder:e.placeholder,children:Z,style:{width:e.width},dir:e.dir}):Z});Re.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"])};Re.displayName="KendoNumericTextBox";Re.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,Le=(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=Ae.parseColor(a.trim(),e);if(te(i))return t==="hex"?i.toCss():i.toCssRgba()},Mt=(a,t=!0)=>{const e=Ae.parseColor(a,t);return te(e)?e.toHSV():{}},_e=(a,t=!0)=>{const e=Ae.parseColor(a,t);return te(e)?e.toBytes():{}},sa=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 Ae.Color.fromHSV(t,e,s,i).toCssRgba()},tt=a=>sa({h:a,s:1,v:1,a:1}),Hn=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 Ae.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},Kn=(a,t)=>{const e=Math.max(a,t),s=Math.min(a,t);return(e+.05)/(s+.05)},$a=(a,t)=>Kn(ma(pa(a,t)),ma(pa(t,{r:0,g:0,b:0,a:1}))),ea=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||ea.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:ea.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:m,ariaDescribedBy:g,validityStyles:h,style:k,ariaLabel:V,...B}=this.props,N=s||this._inputId,R=!this.validityStyles||this.validity.valid,S=o.classNames(a,"k-input k-input-md k-rounded-md k-input-solid"),P=n.createElement("input",{"aria-labelledby":m,"aria-describedby":g,"aria-disabled":this.props.disabled||void 0,"aria-invalid":!R||void 0,"aria-label":V||void 0,...B,style:t?void 0:k,value:this.value,id:N,className:S,onChange:this.handleChange,onAnimationStart:this.handleAutoFill,ref:O=>{this._input=O}});return t?n.createElement(Pe.FloatingLabel,{label:t,labelClassName:e,editorId:N,editorValue:String(this.value),editorValid:R,editorDisabled:B.disabled,editorPlaceholder:B.placeholder,children:P,style:k,dir:B.dir}):P}};let Ke=ea;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(),ra=o.withIdHOC(o.withPropsContext(Ga,Ke));ra.displayName="KendoReactInput";class $n extends n.Component{constructor(t){super(t),this.onChange=e=>{const s=e.target.value,i=Le(s,"rgba");this.setState({hex:s}),te(i)&&this.props.onHexChange(s,i,e)},this.onBlur=()=>{te(Le(this.state.hex,"rgba"))||this.setState({hex:this.state.originalHex})},this.state={hex:this.props.hex,originalHex:this.props.hex}}render(){return n.createElement(ra,{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 Me=["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||Me[1]}}render(){const t=ne.provideLocalizationService(this),e=t.toLanguageString(Be,K[Va]),s=t.toLanguageString(Be,K[Be]),i=t.toLanguageString(Be,K[Ra]),l=t.toLanguageString(Be,K[Na]),d=t.toLanguageString(Be,K[Ma]),c=t.toLanguageString(Kt,K[Kt]);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($n,{hex:this.props.hex,onHexChange:this.props.onHexChange,disabled:this.props.disabled})),n.createElement(Pe.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(Re,{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(Pe.Label,{className:"k-colorgradient-input-label"},s)),n.createElement("div",{className:"k-vstack"},n.createElement(Re,{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(Pe.Label,{className:"k-colorgradient-input-label"},i)),n.createElement("div",{className:"k-vstack"},n.createElement(Re,{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(Pe.Label,{className:"k-colorgradient-input-label"},l))),this.state.inputMode==="rgba"&&n.createElement("div",{className:"k-vstack"},this.props.opacity&&n.createElement(Re,{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(Pe.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=Me.length-1===Me.indexOf(this.state.inputMode)?0:Me.indexOf(this.state.inputMode)+1;if(this.props.opacity)this.setState({inputMode:Me[t]});else{const e=Me[t]==="rgba"?t+1:t;this.setState({inputMode:Me[e]})}}}ne.registerForIntl(ht);ne.registerForLocalization(ht);const oa="data-slider-label",Gn=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",{[oa]:!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(oa))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(Bt,K[Bt]),decrementTitle:t.toLanguageString(Dt,K[Dt])},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(De,K[De]),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 qn=o.createPropsContext(),ut=o.withPropsContext(qn,$e);ut.displayName="KendoReactSlider";ne.registerForLocalization($e);const Te={};function Wn(a,t,e){Te[a]={value:t,hsva:e}}function Un(a,t,e){Te[a]={value:t,rgba:e}}function jn(a,t,e){Te[a]={value:t,hex:e}}function Xn(a){delete Te[a]}function Yn(a,t){if(a){const e=Te[a];return e&&e.value===t?e.hex:void 0}else return}function Zn(a,t){if(a){const e=Te[a];return e&&e.value===t?e.hsva:void 0}else return}function Jn(a,t){if(a){const e=Te[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(Tt,K[Tt]),s=t.toLanguageString(Ot,K[Ot]),i=t.toLanguageString(Ft,K[Ft]),l=t.toLanguageString(zt,K[zt]),d=t.toLanguageString(_t,K[_t]),c=$a(this.props.rgba,this.props.bgColor),p=4.5.toFixed(1),u=7 .toFixed(1),m=`${e}: ${c.toFixed(2)}`,g=`${s}: ${p}`,h=`${i}: ${u}`,k=n.createElement("span",{className:"k-contrast-validation k-text-success"},l," ",n.createElement(o.IconWrap,{name:"check",icon:G.checkIcon})),V=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"},m),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,g),c>=4.5?k:V),n.createElement("div",null,n.createElement("span",null,h),c>=7?k:V))}}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"/>`,Qn=(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)}},es=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),m=p.length*c,g=t[0]+Math.cos(u)*m,h=t[1]+Math.sin(u)*m;return[g,h]},ts=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 as extends n.Component{renderSvgCurveLine(){const t=this.props.metrics,e=(l,d,c,p,u)=>{const m=(c+p)/2,g=Object.assign({},this.props.hsva,{s:d/t.width,v:1-m/t.height}),h=$a(_e(sa(g)),_e(this.props.backgroundColor||""));return c+.5>p?h<l+1&&h>l-1?m:null:u(h,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 m=e(l,u,0,t.height,c?(g,h)=>g<h:(g,h)=>g>h);m!==null&&p.push([u,m])}return p},i=ts(es(Qn));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 ns="rgba",va="rgba(255, 255, 255, 1)",ta=class extends n.Component{constructor(a){super(a),this.wrapper=null,this.onHexChange=(e,s,i)=>{if(this.isUncontrolled){const l=Mt(s);this.setState({hsva:l,backgroundColor:tt(l.h),rgba:_e(s),hex:e})}else jn(this.state.guid,s,e);this.dispatchChangeEvent(s,i,i.nativeEvent)},this.onRgbaChange=(e,s)=>{const i=Hn(e);if(this.isUncontrolled){const l=Mt(i),d=Le(i,"hex");this.setState({hsva:l,backgroundColor:tt(l.h),rgba:e,hex:d})}else Un(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=()=>{this.wrapper&&o.focusFirstFocusableChild(this.wrapper)},o.validatePackage(ue);const t=a.value||a.defaultValue||Le(va,ns);this.state=Object.assign({},ta.getStateFromValue(t),{isFirstRender:!0,guid:this.props.id})}static getDerivedStateFromProps(a,t){return a.value&&!t.isFirstRender?ta.getStateFromValue(a.value,t.guid):null}componentDidMount(){this.setAlphaSliderBackground(this.state.backgroundColor),this.state.isFirstRender&&this.setState({isFirstRender:!1})}componentWillUnmount(){Xn(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=sa(a);if(this.isUncontrolled){const i=Le(s,"hex");this.setState({hsva:a,backgroundColor:tt(a.h),rgba:_e(s),hex:i})}else Wn(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(Le(a,"hex"))||(a=va);const e=Zn(t,a)||Mt(a),s=Jn(t,a)||_e(a),i=Yn(t,a)||Le(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(as,{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(At,K[At])}),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(Ht,K[Ht]),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:_e(this.props.backgroundColor),rgba:this.state.rgba}))}};let Ge=ta;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 ss{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&&Ae.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 ss;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:Le(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},m=u.width+"px",g=u.height+"px";return t.map((h,k)=>{const V=l&&d===k,B=o.classNames("k-colorpalette-tile",{"k-selected":V,"k-focus":c&&p===k});return n.createElement("td",{role:"gridcell",className:B,"aria-label":h,"aria-selected":V?!0:this.props.disabled?void 0:!1,style:{backgroundColor:h,width:m,height:g,minWidth:m},onClick:N=>this.onColorClick(h,N),id:this.createCellId({row:e,col:k}),key:k})})}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 rs="bottom",os="top",Za=a=>{const t=a.popupSettings||{},e=a.dir==="rtl"?"right":"left",s=n.useMemo(()=>({horizontal:e,vertical:rs}),[e]),i=n.useMemo(()=>({horizontal:e,vertical:os}),[e]);return n.createElement(n.Fragment,null,a.input,a.button,n.createElement(In.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 is={opacity:!0},ls={palette:Xa,tileSize:ja},Vt=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:m,disabled:g,tabIndex:h,view:k,icon:V,svgIcon:B,iconClassName:N,onChange:R,onFocus:S,onBlur:P,onActiveColorClick:O,className:T}=e,w=n.useRef(null),F=n.useRef(null),A=n.useRef(null),z=n.useRef(),E=n.useRef(null),[L,H]=n.useState(!1),[W,J]=n.useState(e.defaultValue),[b,C]=n.useState(!1),f=Vt(e.value),y=Vt(e.open),I=f?e.value:W,D=y?e.open:b,Q=n.useCallback(()=>{w.current&&w.current.focus()},[]);n.useImperativeHandle(t,()=>({element:w.current,actionElement:E.current,value:I,focus:Q}),[I,Q]);const Z=n.useCallback((_,he)=>{y||(!_&&!he&&w&&w.current&&w.current.focus(),C(_))},[y]),M=n.useCallback(_=>{const{altKey:he,keyCode:ie}=_;if(ie===o.Keys.esc){Z(!1);return}if(ie===o.Keys.enter&&!y){_.preventDefault(),_.stopPropagation(),Z(!D);return}he&&(ie===o.Keys.up||ie===o.Keys.down)&&(_.preventDefault(),_.stopPropagation(),ie===o.Keys.up&&w&&w.current&&(w.current.focus(),Z(!1)),ie===o.Keys.down&&Z(!0))},[D,y]),v=n.useCallback(()=>{y||(F.current?F.current.focus():A.current&&A.current.focus())},[y]),q=n.useCallback(()=>{Z(!D,!0)},[D]),$=n.useCallback(_=>{O&&O.call(void 0,{syntheticEvent:_,nativeEvent:_.nativeEvent,value:I})},[O,I]),X=n.useCallback(_=>{z.current?(clearTimeout(z.current),z.current=void 0):H(!0),S&&S.call(void 0,{nativeEvent:_.nativeEvent,syntheticEvent:_})},[S]),re=n.useCallback(()=>{Z(!1,!0),H(!1),z.current=void 0},[]),ve=n.useCallback(_=>{clearTimeout(z.current),z.current=window.setTimeout(re),P&&P.call(void 0,{nativeEvent:_.nativeEvent,syntheticEvent:_})},[P]),oe=n.useCallback((_,he)=>{const ie=he?_.rgbaValue:_.value;f||J(ie),he&&Z(!1),R&&R.call(void 0,{value:ie,nativeEvent:_.nativeEvent,syntheticEvent:_.syntheticEvent})},[f,R]),Ce=n.useCallback(_=>oe(_,!0),[Vt,oe]),fe=o.useDir(w,e.dir),Se=m!==!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":D,"aria-disabled":g?"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":!Se,"k-disabled":g,"k-focus":L,className:T}),ref:w,tabIndex:o.getTabIndex(h,g),title:e.title,onKeyDown:M,onFocus:X,onBlur:ve,dir:fe},n.createElement(Za,{dir:fe,open:D,onOpen:v,popupAnchor:w.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":!I,"k-icon-color-preview":V||B||N})},N&&n.createElement("span",{className:o.classNames("k-color-preview-icon",N)}),!N&&(V||B)&&n.createElement(o.IconWrap,{name:V,icon:B}),n.createElement("span",{className:"k-color-preview-mask",style:{backgroundColor:I}}))),button:n.createElement(de.Button,{tabIndex:-1,type:"button",onClick:q,className:"k-input-button",rounded:null,icon:"caret-alt-down",svgIcon:G.caretAltDownIcon,"aria-label":s.toLanguageString(Ut,K[Ut])}),content:n.createElement(n.Fragment,null,(k==="combo"||k==="gradient")&&n.createElement(pt,{...p,tabIndex:0,ref:F,value:I,onChange:oe}),(k==="combo"||k==="palette")&&n.createElement(mt,{...u,ref:A,value:I,onChange:Ce}))}))});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:is,paletteSettings:ls};gt.defaultProps=ot;gt.displayName="KendoColorPicker";const Ca="rgba(255, 255, 255, 1)",ia=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,m]=n.useState((a.view||"ColorGradient")==="ColorGradient"),[g,h]=n.useState(a.value||l),[k,V]=n.useState(a.value||l),B=a.value!==void 0?a.value:k;n.useEffect(()=>{h(a.value||l)},[a.value,l]);const N=ne.useLocalization(),R=n.useCallback(()=>{e.current&&e.current.focus()},[e]);n.useImperativeHandle(e,()=>({element:s.current,focus:R,props:a,value:B}),[B,R,a]),n.useImperativeHandle(t,()=>e.current);const S=n.useCallback(E=>{(E==="ColorGradient"&&!u||E==="ColorPalette"&&u)&&m(!u)},[u]),P=n.useCallback(E=>{if(h(l),a.onPreviewChange){const L={value:l,nativeEvent:E.nativeEvent,syntheticEvent:E};a.onPreviewChange.call(void 0,L)}},[l,a.onPreviewChange]),O=n.useCallback(E=>{if(h(E.value),a.onPreviewChange){const L={value:E.value,nativeEvent:E.nativeEvent,syntheticEvent:E.syntheticEvent};a.onPreviewChange.call(void 0,L)}},[a.onPreviewChange]),T=n.useCallback(E=>{if(V(g),a.onChange){const L={value:g,nativeEvent:E.nativeEvent,syntheticEvent:E};a.onChange.call(void 0,L)}},[g,a.onChange]),w=n.useCallback(()=>{V(Ca)},[]),F=n.useCallback(E=>{if(h(k),a.onPreviewChange){const L={value:k,nativeEvent:E.nativeEvent,syntheticEvent:E};a.onPreviewChange.call(void 0,L)}},[k,a.onPreviewChange]),A=n.useCallback(E=>{s.current&&!(E.nativeEvent.target instanceof HTMLInputElement)&&s.current.focus()},[s]),z=n.useCallback(E=>{var H;if((!E.relatedTarget||!((H=s.current)!=null&&H.contains(E.relatedTarget)))&&(d||V(g),!d&&a.onChange)){const W={value:g,nativeEvent:E.nativeEvent,syntheticEvent:E};a.onChange.call(void 0,W)}},[g,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":N.toLanguageString($t,K[$t]),togglable:!0,fillMode:"flat",selected:u,onClick:()=>S("ColorGradient"),icon:"droplet-slider",svgIcon:G.dropletSliderIcon}),n.createElement(de.Button,{type:"button","aria-label":N.toLanguageString(Gt,K[Gt]),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:P,"aria-label":N.toLanguageString(qt,K[qt]),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:g}}),n.createElement("span",{className:"k-coloreditor-current-color k-color-preview",style:{background:k},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:g,onChange:O,onFocus:A,opacity:a.opacity,format:a.format}):n.createElement(mt,{ariaDisabled:!0,ariaLabelledBy:"required_label",value:g,onChange:O,onFocus:A})),d&&n.createElement("div",{className:"k-coloreditor-footer k-actions k-actions-end"},n.createElement(de.Button,{type:"button",className:"k-coloreditor-cancel",onClick:w},K[Ba]),n.createElement(de.Button,{type:"button",className:"k-coloreditor-apply k-primary",onClick:T},K[Da]))))}),cs={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};ia.displayName="KendoFlatColorPicker";ia.propTypes=cs;var Ne=(a=>(a[a.Literal=0]="Literal",a[a.Mask=1]="Mask",a[a.Undefined=2]="Undefined",a))(Ne||{});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(""),ds="\\";class be{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 be(e=>this.parse(e).map(t))}chain(t){return new be(e=>this.parse(e).chain((s,i)=>t(s).run(i)))}isLiteral(t){return this.run(t).type===Ne.Literal}}const us=a=>t=>new be(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,Ne.Mask);if(t.test(l))return e.eat(),new Y(l,e,Ne.Mask);if(l===i)return e.eat(),new Y(s,e,Ne.Mask);e.eat_input()}return e.eat(),new Y(s,e,Ne.Mask)}),fs=a=>new be(t=>t.peek().char===a?(t.eat(),new Y(a,t,Ne.Literal)):new Y(a,t,Ne.Literal)),hs=a=>t=>new be(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)}),ps=a=>new be(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 be(e=>{let{char:s}=e.next();const i=a[s];return s===ds?(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 be(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 be(t=>{let{char:e}=t.next();return a?new Y(e,t):new Y("",t)}),ms=a=>new be(t=>new Y(a,t)),gs=(a,t)=>a.chain(e=>t.map(s=>e.concat([s]))),Ve=a=>a.reduce((t,e)=>gs(t,e),ms([])),rt=a=>new be(t=>{let e=new Y([],t);for(;!t.eof();)e=e.concat(a.run(t));return e});class bs{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 Ve(this.validationTokens).run(t).fold(s=>{e=s.join("")}),e}rawValue(t=""){let e=t;return this.rawTokens.length&&Ve(this.rawTokens).run(t).fold(s=>{e=s.join("")}),e}maskRaw(t=""){let e=t;return this.maskTokens.length&&Ve(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 Ve(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 Ve(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 Ve(this.unmaskTokens).run(d,e).chain(c=>{l=c.join("").length;const p=e.slice(l);return Ve(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=>fs(s),mask:s=>us({prompt:t,promptPlaceholder:e})(s)}}get unmaskTokenCreator(){return{literal:t=>ps(t),mask:t=>hs(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||!vs(a.rules,t.rules),vs=(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},we=class extends n.Component{constructor(a){super(a),this.state={},this._inputId=`k-${this.props.id}`,this._service=new bs,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:we.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:we.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=we.defaultProps.size,fillMode:t=we.defaultProps.fillMode,rounded:e=we.defaultProps.rounded}=this.props,s=this.props.id||this._inputId,i=!this.validityStyles||this.validity.valid,l=this.props.style||{},{prefix:d=we.defaultProps.prefix,suffix:c=we.defaultProps.suffix}=this.props,[p]=o.useCustomComponent(d),[u]=o.useCustomComponent(c),m=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:g=>this._input=g,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(Pe.FloatingLabel,{label:this.props.label,editorId:s,editorValue:this.value,editorValid:i,editorDisabled:this.props.disabled,editorPlaceholder:this.props.placeholder,children:m,style:{width:this.props.width},dir:this.props.dir}):m}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=we;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 ks=o.createPropsContext(),tn=o.withIdHOC(o.withPropsContext(ks,We));tn.displayName="KendoReactMaskedTextBox";var j=(a=>(a.start="start",a.end="end",a.min="min",a.max="max",a.increase="increase",a.decrease="decrease",a))(j||{});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},Cs=(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]),m=n.useMemo(()=>e.max,[e.max]),g=n.useMemo(()=>e.step!==void 0?e.step:it.step,[e.step,it.step]),h=o.useDir(i,e.dir),k=(f,y)=>{e.onChange&&s.current&&e.onChange.call(void 0,{value:f,target:s.current,syntheticEvent:y})},[V,B]=n.useState(""),[N,R]=Cs(e.defaultValue||it.defaultValue,{min:u,max:m,step:g,state:e.value},k),S=n.useMemo(()=>e.value||N,[e.value,N]),P=n.useRef(null),O=n.useRef(null),T=n.useMemo(()=>(S.start-u)/(m-u)*100,[S.start,u,m]),w=n.useMemo(()=>(S.end-u)/(m-u)*100,[S.end,u,m]),F=n.useMemo(()=>e.vertical?{paddingTop:0,height:"100%"}:{},[e.vertical]),A=n.useMemo(()=>e.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},[e.vertical]),z=ne.useLocalization(),E=n.useCallback(f=>{if(!O.current)return;const y=O.current.getBoundingClientRect(),I=e.vertical?y.bottom-f.clientY:h==="rtl"?y.right-f.clientX:f.clientX-y.left,D=e.vertical?y.height:y.width,Q=I/D;return u+Q*(m-u)},[O,e.vertical,h,u,m,N.start,N.end,e.value&&e.value.start,e.value&&e.value.end]),L=n.useCallback(f=>f<=S.start?"start":f>=S.end?"end":2*f<S.end+S.start?"start":"end",[N.start,N.end,e.value&&e.value.start,e.value&&e.value.end]),H=n.useCallback(f=>{switch(f.keyCode){case o.Keys.right:f.preventDefault(),R({type:h==="rtl"?j.decrease:j.increase,key:"start",event:f});break;case o.Keys.up:f.preventDefault(),R({type:j.increase,key:"start",event:f});break;case o.Keys.left:f.preventDefault(),R({type:h==="rtl"?j.increase:j.decrease,key:"start",event:f});break;case o.Keys.down:f.preventDefault(),R({type:j.decrease,key:"start",event:f});break;case o.Keys.home:f.preventDefault(),R({type:j.min,key:"start",event:f});break;case o.Keys.end:f.preventDefault(),R({type:j.max,key:"start",event:f});break}},[R]),W=n.useCallback(f=>{switch(f.keyCode){case o.Keys.right:f.preventDefault(),R({type:h==="rtl"?j.decrease:j.increase,key:"end",event:f});break;case o.Keys.up:f.preventDefault(),R({type:j.increase,key:"end",event:f});break;case o.Keys.left:f.preventDefault(),R({type:h==="rtl"?j.increase:j.decrease,key:"end",event:f});break;case o.Keys.down:f.preventDefault(),R({type:j.decrease,key:"end",event:f});break;case o.Keys.home:f.preventDefault(),R({type:j.min,key:"end",event:f});break;case o.Keys.end:f.preventDefault(),R({type:j.max,key:"end",event:f});break}},[R,h]),J=n.useCallback(f=>{const y=E(f),I=L(y);B(I),I==="end"?c.current.focus():d.current.focus();const D=I==="end"?j.end:j.start;R({type:D,payload:y,event:f})},[e.vertical,u,m,R]),b=f=>{const y=E(f),I=V==="end"?j.end:j.start;R({type:I,payload:y,event:f})},C=f=>{const y=E(f),I=V==="end"?j.end:j.start;R({type:I,payload:y,event:f}),B("")};return o.useDraggable(O,{onPress:J,onDrag:b,onRelease:C}),n.createElement("div",{id:e.id,style:e.style,ref:i,dir:h,className:o.classNames("k-slider",{"k-rtl":h==="rtl","k-disabled":e.disabled,"k-slider-vertical":e.vertical,"k-slider-horizontal":!e.vertical},e.className)},n.createElement("div",{ref:O,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...A}},e.children&&n.createElement("ul",{className:"k-reset k-slider-items",style:{...F}},n.Children.map(e.children,f=>f&&n.cloneElement(f,{position:100*(f.props.position-e.min)/(e.max-e.min),vertical:e.vertical},f.props.children))),n.createElement("div",{ref:P,className:"k-slider-track",style:e.vertical?{bottom:0,height:"100%"}:{[h==="rtl"?"right":"left"]:0,width:"100%"}},T!==null&&w!==null&&n.createElement("div",{"data-selection":!0,ref:l,title:`${S.start} - ${S.end}`,className:"k-slider-selection",style:e.vertical?{height:w-T+"%",bottom:T+"%"}:{[h==="rtl"?"right":"left"]:T+"%",width:w-T+"%"}}),n.createElement("span",{ref:d,role:"slider",tabIndex:o.getTabIndex(e.startTabIndex,e.disabled,void 0),"aria-valuemin":u,"aria-valuemax":Math.max(m,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(De,K[De]),style:e.vertical?{bottom:"calc("+T+"%)",zIndex:1}:h==="rtl"?{right:"calc("+T+"% - 13px)",zIndex:1}:{left:"calc("+T+"%)",zIndex:1},onKeyDown:H}),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":m,"aria-valuenow":S.end,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${S.start} - ${S.end}`,className:"k-draghandle",title:z.toLanguageString(De,K[De]),style:e.vertical?{bottom:"calc("+w+"%)",zIndex:1}:h==="rtl"?{right:"calc("+w+"% - 13px)",zIndex:1}:{left:"calc("+w+"%)",zIndex:1},onKeyDown:W}))))}),ys={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,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.

package/index.mjs

@@ -18,7 +18,7 @@ const me = {
   name: "@progress/kendo-react-inputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1709197976,
+  publishDate: 1709631826,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 }, Xe = "numerictextbox.increment", Ye = "numerictextbox.decrement", $t = "slider.increment", Ht = "slider.decrement", Ae = "slider.dragTitle", _e = "colorGradient.r", sn = "colorGradient.g", rn = "colorGradient.b", ln = "colorGradient.a", on = "colorGradient.hex", Gt = "colorGradient.contrastRatio", Kt = "colorGradient.colorGradientAALevel", qt = "colorGradient.colorGradientAAALevel", Ut = "colorGradient.colorGradientPass", jt = "colorGradient.colorGradientFail", Wt = "colorGradient.hueSliderLabel", Xt = "colorGradient.alphaSliderLabel", Yt = "colorGradient.toggleInputsButton", cn = "flatColorPicker.cancelBtn", dn = "flatColorPicker.applyBtn", Zt = "flatColorPicker.colorGradientBtn", Jt = "flatColorPicker.colorPaletteBtn", Qt = "flatColorPicker.clearBtn", un = "checkbox.validation", fn = "checkbox.optionalText", qn = "radioButton.validation", ea = "switch.validation", ta = "colorPicker.dropdownButtonAriaLabel", aa = "rating.ariaLabel", na = "signature.clear", sa = "signature.maximize", ra = "signature.minimize", H = {
@@ -1334,7 +1334,7 @@ const Cs = "rgba", Ga = "rgba(255, 255, 255, 1)", ca = class extends n.Component
         { nativeEvent: e, target: this }
       );
     }, this.focus = () => {
-      an(this.wrapper);
+      this.wrapper && an(this.wrapper);
     }, pe(me);
     const t = a.value || a.defaultValue || Be(Ga, Cs);
     this.state = Object.assign({}, ca.getStateFromValue(t), { isFirstRender: !0, guid: this.props.id });

package/package.json

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