npm - @progress/kendo-react-inputs - Versions diffs - 9.5.0-develop.5 → 9.5.0-develop.6 - Mend

@progress/kendo-react-inputs 9.5.0-develop.5 → 9.5.0-develop.6

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

Files changed (6) hide show

package/dist/cdn/js/kendo-react-inputs.js +1 -1
package/package-metadata.js +1 -1
package/package-metadata.mjs +2 -2
package/package.json +9 -9
package/textbox/Textbox.js +1 -1
package/textbox/Textbox.mjs +45 -43

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

@@ -12,4 +12,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-common"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-labels"),require("@progress/kendo-react-buttons"),require("@progress/kendo-drawing"),require("@progress/kendo-react-popup"),require("@progress/kendo-react-layout"),require("@progress/kendo-inputs-common"),require("@progress/kendo-react-dialogs")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-intl","@progress/kendo-react-common","@progress/kendo-svg-icons","@progress/kendo-react-labels","@progress/kendo-react-buttons","@progress/kendo-drawing","@progress/kendo-react-popup","@progress/kendo-react-layout","@progress/kendo-inputs-common","@progress/kendo-react-dialogs"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactInputs={},e.React,e.PropTypes,e.KendoReactIntl,e.KendoReactCommon,e.KendoSvgIcons,e.KendoReactLabels,e.KendoReactButtons,e.KendoDrawing,e.KendoReactPopup,e.KendoReactLayout,e.KendoInputsCommon,e.KendoReactDialogs)}(this,(function(e,t,a,n,r,s,i,l,o,c,d,u,p){"use strict";function h(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var m=h(t);const f={name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"$VERSION",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},v="numerictextbox.increment",g="numerictextbox.decrement",b="slider.increment",k="slider.decrement",y="slider.dragTitle",C="colorGradient.r",x="colorGradient.g",E="colorGradient.b",w="colorGradient.a",S="colorGradient.hex",I="colorGradient.contrastRatio",N="colorGradient.colorGradientAALevel",M="colorGradient.colorGradientAAALevel",L="colorGradient.colorGradientPass",R="colorGradient.colorGradientFail",V="colorGradient.hueSliderLabel",B="colorGradient.alphaSliderLabel",P="colorGradient.toggleInputsButton",z="flatColorPicker.cancelBtn",O="flatColorPicker.applyBtn",T="flatColorPicker.colorGradientBtn",D="flatColorPicker.colorPaletteBtn",F="flatColorPicker.clearBtn",K="colorPicker.adaptiveTitle",A="checkbox.validation",_="checkbox.optionalText",$="switch.validation",H="colorPicker.dropdownButtonAriaLabel",q="rating.ariaLabel",G="signature.clear",j="signature.maximize",W="signature.minimize",U={[v]:"Increase value",[g]:"Decrease value",[b]:"Increase",[k]:"Decrease",[y]:"Drag",[C]:"r",[x]:"g",[E]:"b",[w]:"a",[S]:"hex",[I]:"Contrast ratio",[N]:"AA",[M]:"AAA",[L]:"Pass",[R]:"Fail",[V]:"Hue slider",[B]:"Alpha slider",[P]:"Toggle colorgradient inputs",[z]:"Cancel",[O]:"Apply",[T]:"Color Gradient view",[D]:"Color Palette view",[F]:"Clear color value",[K]:"Choose color",[A]:"Please check this box if you want to proceed!",[_]:"(Optional)","radioButton.validation":"Please select option if you want to proceed!",[$]:"Please turn on if you want to proceed!",[H]:"Select",[q]:"Rating",[G]:"Clear",[j]:"Maximize",[W]:"Minimize"},Y=1111111.1111111,X=/\d/,Z=(e,t)=>void 0!==e?e:t,J=(e,t,a)=>null===e&&void 0===e?"":"string"==typeof e?e:a.formatNumber(e,t),Q=e=>(String(e).split(".")[1]||"").length,ee=(e,t)=>Math.max(Q(e),Q(t)),te=(e,t)=>{const a=(e=>Math.min(e,15))(t);return parseFloat(e.toFixed(a))},ae=(e,t,a,n,r,s,i)=>{const l=ee(e||0,a||0),o=re(te((e||0)+(a||0),l),n,r);t.eventValue=o,t.currentLooseValue=J(o,s,i),t.selectionStart=t.selectionEnd=de(t.currentLooseValue,X)},ne=(e,t,a,n,r,s,i)=>{const l=ee(e||0,a||0),o=re(te((e||0)-(a||0),l),n,r);t.eventValue=o,t.currentLooseValue=J(o,s,i),t.selectionStart=t.selectionEnd=de(t.currentLooseValue,X)},re=(e,t,a)=>null==e?e:!(e>1||e<1||1===e)||void 0!==a&&void 0!==t&&a<t?null:(void 0!==a&&e>a&&(e=a),void 0!==t&&e<t&&(e=t),e),se=(e,t,a,n)=>{e.selectionStart=e.selectionEnd=t,((e,t,a)=>{const n=((e,t)=>{const a=t.findIndex((([t,a])=>!!a&&e.indexOf(a)===e.length-a.length));if(-1===a)return-1;const n=t[a][1];return e.length-n.length})(e,t);if(-1!==n&&a.selectionStart>n)return void(a.selectionStart=a.selectionEnd=n);a.selectionStart>e.length&&(a.selectionStart=a.selectionEnd=e.length);const r=((e,t)=>{const a=t.findIndex((([t,a])=>!!t&&0===e.indexOf(t)));return-1===a?-1:t[a][0].length})(e,t);-1!==r&&a.selectionStart<r&&(a.selectionStart=a.selectionEnd=r),-1===a.selectionStart&&(a.selectionStart=a.selectionEnd=0)})(a,n,e)},ie=(e,t,a,n)=>{e.eventValue=n.parseNumber(e.prevLooseValue,t),e.currentLooseValue=e.prevLooseValue,e.valueIsCorrected=!0,se(e,e.selectionStart,e.currentLooseValue,a)},le=(e,t,a)=>t.split(e).length!==a.split(e).length&&t.length===a.length+e.length,oe=(e,t)=>{const a=e.indexOf(t.decimal);return a>-1?a:de(e,X)},ce=e=>e.split("").reverse().join(""),de=(e,t)=>e.length-ce(e).search(t),ue=e=>e.split(e[e.search(X)])[0],pe=e=>{const t=ce(e);return ce(t.split(t[t.search(X)])[0])},he=(e,t)=>e.search(t),me=(e,t)=>{const a=e.indexOf(t);return a>-1?e.length-a-1:0},fe=(e,t,a,n,r)=>{const s="0"===e.replace(r,"")[0],i="0"===t.replace(r,"")[0];if(s&&!i)return a-1;if(i&&n)return a+1;let l=0;for(let t=0;t<a;t++)X.test(e.charAt(t))&&l++;let o=0;for(;l>0&&t.length>o;)X.test(t.charAt(o))&&l--,o++;return o},ve=(e,t,a)=>{const n={...e},{prevLooseValue:r}=n,s=a.numberSymbols(),i=((e,t)=>{const a=t.formatNumber(Y,e),n=t.formatNumber(-Y,e),r=t.formatNumber(0,e),s=t.formatNumber(1,e),i=t.numberSymbols(),l=new RegExp(`[\\d\\${i.decimal}${i.group}]`,"g");return[a,n,r,s].map((e=>e.replace(l,""))).join("").split("").filter(((e,t,a)=>a.indexOf(e)===t)).join("")})(t,a),l=String(n.currentLooseValue),o=String(r),c=new RegExp(`[^\\d\\${s.decimal}]`,"g"),d=new RegExp(`[^\\d\\${s.decimal}\\${s.group}]`,"g"),u=new RegExp(`[\\d\\${s.decimal}\\${s.group}]`),p=l.replace(c,""),h=he(l,X),m=-1===h?-1:de(l,X),f=l.indexOf(s.decimal),v=(l.substring(0,h)+l.substring(h,m).replace(d,"")+l.substring(m,l.length)).split("").filter((e=>-1!==i.indexOf(e)||-1!==e.search(u))).join(""),g=a.formatNumber(.31111111111111117,t).replace(c,""),b=g.indexOf(s.decimal),k=b>-1?g.length-b-1:0,y=a.formatNumber(1,t).replace(c,""),C=y.indexOf(s.decimal),x=C>-1?y.length-C-1:0,{positiveInfo:E,negativeInfo:w,zeroInfo:S,oneInfo:I}=((e,t)=>{const a=t.formatNumber(Y,e),n=t.formatNumber(-Y,e),r=t.formatNumber(0,e),s=t.formatNumber(1,e),i=ue(a),l=ue(n),o=ue(r),c=ue(s);return{positiveInfo:[i,pe(a)],negativeInfo:[l,pe(n)],zeroInfo:[o,pe(r)],oneInfo:[c,pe(s)]}})(t,a),N=[E,w,S,I],M=1!==N.findIndex((e=>-1!==e.findIndex((e=>!!e)))),L=l.length>0&&l.length<o.length,R="string"==typeof t&&"p"===t[0]&&l&&-1===l.indexOf(s.percentSign);if(!n.isPaste){if(""===l)return n.eventValue=null,n.currentLooseValue="",n;if(n.currentLooseValue===s.minusSign&&a.formatNumber(-0,t)!==o)return n.eventValue=-0,n.currentLooseValue=J(n.eventValue,t,a),se(n,oe(n.currentLooseValue,s),n.currentLooseValue,N),n;if(n.currentLooseValue===s.decimal){n.eventValue=0;const e=J(n.eventValue,t,a);if(0===x&&k>0){const t=de(e,X);n.currentLooseValue=e.substring(0,t)+s.decimal+e.substring(t)}else n.currentLooseValue=e;return se(n,oe(n.currentLooseValue,s)+1,n.currentLooseValue,N),n}if(((e,t)=>{const a=String(e.currentLooseValue),n=String(e.prevLooseValue);return le(t.minusSign,a,n)||le("-",a,n)||le("−",a,n)})(n,s)){const e=a.parseNumber(r,t);n.eventValue=-(null!==e?e:0),n.currentLooseValue=J(n.eventValue,t,a);const s=he(n.currentLooseValue,X),i=he(o,X);return se(n,n.selectionEnd-1+(s-i),n.currentLooseValue,N),n}if(((e,t)=>{const a=String(e.currentLooseValue),n=String(e.prevLooseValue);return-1===a.indexOf(t.minusSign)&&-1!==n.indexOf(t.minusSign)})(n,s))return n.eventValue=a.parseNumber(n.currentLooseValue,t),se(n,n.selectionStart,n.currentLooseValue,N),n;if(((e,t)=>String(e.currentLooseValue).split(t.decimal).length>2)(n,s))return ie(n,t,N,a),n;if(R)return n.eventValue=a.parseNumber(l,t)/100,n.currentLooseValue=J(n.eventValue,t,a),n;if(String(n.currentLooseValue).replace(/[^\d]/g,"").length>15||p!==l&&l&&M&&-1===N.findIndex((([e,t])=>{const a=l.indexOf(e),n=l.indexOf(t),r=0===a,i=n===l.length-t.length,o=a+e.length!==h&&-1!==h&&l[a+e.length]!==s.decimal,c=n!==m&&-1!==m&&l[n-1]!==s.decimal;return e&&t?!o&&!c&&(r&&i):e?!o&&r:!!t&&(!c&&i)})))return ie(n,t,N,a),n;if(p[p.length-1]===s.decimal&&k>0)return n.eventValue=a.parseNumber(l,t),n.currentLooseValue=v,n;if(n.currentLooseValue&&r&&(i+s.decimal+s.group).split("").findIndex((e=>l.split("").filter((t=>t===e)).length<o.split("").filter((t=>t===e)).length&&l.length+1===o.length&&!(e===s.decimal&&0===me(o.replace(c,""),s.decimal))))>-1)return n.eventValue=a.parseNumber(e.prevLooseValue,t),n.currentLooseValue=e.prevLooseValue,n;const d=me(p,s.decimal),u="0"===p[p.length-1];if(L&&u&&d<x)return n.eventValue=a.parseNumber(n.currentLooseValue,t),n.currentLooseValue=J(n.eventValue,t,a),n;if(d>0){const e=l.substring(0,f);if(u&&(!e||0!==o.indexOf(e))){n.eventValue=a.parseNumber(n.currentLooseValue,t);const e=J(n.eventValue,t,a);return se(n,fe(l,e,n.selectionEnd,L,c),e,N),n.currentLooseValue=e,n}if(d>k){const e=l.indexOf(s.decimal),r=l.substring(0,e)+l.substring(e,e+1+k)+l.substring(m,String(n.currentLooseValue).length);return n.eventValue=a.parseNumber(r,t),n.currentLooseValue=r,se(n,n.selectionStart,r,N),n}if(x!==k&&d<=k&&u)return n.eventValue=a.parseNumber(n.currentLooseValue,t),n.currentLooseValue=v,n;if(d<x)return n.eventValue=a.parseNumber(n.currentLooseValue,t),n.currentLooseValue=J(n.eventValue,t,a),n}}if(n.eventValue=a.parseNumber(n.currentLooseValue,t),R&&(n.eventValue=n.eventValue/100),"number"==typeof n.eventValue){const e=J(n.eventValue,t,a);1===l.length?se(n,oe(e,s),e,N):se(n,fe(l,e,n.selectionEnd,L,c),e,N),n.currentLooseValue=e}else n.currentLooseValue=J(a.parseNumber(p),t,a);return n},ge=r.createPropsContext(),be=m.forwardRef(((e,t)=>{r.validatePackage(f);const a=r.usePropsContext(ge,e),{className:o,value:c,defaultValue:d,format:u,width:p,tabIndex:h,accessKey:b,title:k,placeholder:y,min:C,max:x,dir:E,name:w,label:S,id:I,ariaDescribedBy:N,ariaLabelledBy:M,ariaLabel:L,inputType:R,readOnly:V,validationMessage:B,children:P,touched:z,visited:O,modified:T,style:D,inputStyle:F,valid:K,step:A=ke.step,spinners:_=ke.spinners,disabled:$=ke.disabled,required:H=ke.required,validityStyles:q=ke.validityStyles,prefix:G=ke.prefix,suffix:j=ke.suffix,onChange:W=ke.onChange,onFocus:Y=ke.onFocus,onBlur:X=ke.onBlur,rangeOnEnter:Q=ke.rangeOnEnter,size:ee=ke.size,rounded:te=ke.rounded,fillMode:se=ke.fillMode,autoFocus:ie=ke.autoFocus,inputAttributes:le,...oe}=a,ce=r.useId(),de=I||ce,ue=n.useInternationalization(),pe=n.useLocalization(),he=m.useRef(null),me=m.useRef(),[fe,be]=m.useState(!1),ye=m.useRef({eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1}),Ce=m.useRef(!1),xe=m.useRef(),Ee=m.useRef(d),we=J(ye.current.focused&&!$?ye.current.currentLooseValue:Z(c,Ee.current),u,ue);xe.current=we;const[Se]=r.useCustomComponent(G),[Ie]=r.useCustomComponent(j);m.useEffect((()=>{he.current&&he.current.setCustomValidity&&he.current.setCustomValidity(Ve().valid?"":B||"Please enter a valid value!")}));const Ne=m.useCallback((()=>{he.current&&he.current.focus()}),[]),Me=m.useCallback((()=>void 0!==me.current?me.current:Z(c,Ee.current)),[c]),Le=m.useCallback((()=>w),[w]),Re=m.useCallback((()=>H),[H]),Ve=m.useCallback((()=>{const e=void 0!==B,t=Me();return{customError:e,valid:void 0!==K?K:!(ye.current.valueIsOutOfRange||Re()&&null==t),valueMissing:null==t}}),[B,K,Me,Re]),Be=m.useCallback((()=>q),[q]),Pe=m.useCallback((()=>a),[a]),ze=m.useCallback((()=>{const e={element:he.current,focus:Ne};return Object.defineProperty(e,"name",{get:Le}),Object.defineProperty(e,"value",{get:Me}),Object.defineProperty(e,"validity",{get:Ve}),Object.defineProperty(e,"validityStyles",{get:Be}),Object.defineProperty(e,"required",{get:Re}),Object.defineProperty(e,"props",{get:Pe}),e}),[Le,Me,Ve,Be,Re,Ne,Pe]);m.useImperativeHandle(t,ze);const Oe=m.useCallback((()=>({eventValue:Z(c,Ee.current),prevLooseValue:xe.current,currentLooseValue:he.current.value,selectionStart:he.current.selectionStart,selectionEnd:he.current.selectionEnd,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1,isPaste:Ce.current,focused:ye.current.focused})),[c]),Te=m.useCallback(((e,t)=>{if($)return;me.current=t.eventValue,Ee.current=t.eventValue;const a=J(re(t.eventValue,C,x),u,ue),n=re(ue.parseNumber(a,u),C,x);n!==t.eventValue&&(t.valueIsOutOfRange=!0,t.eventValue=n,Ee.current=n),c!==t.eventValue&&r.dispatchEvent(W,e,ze(),{value:t.eventValue}),me.current=void 0,ye.current=t,be((e=>!e))}),[c,W,$,be,ze]),De=m.useCallback((e=>{const t=Oe();Ce.current=!1,Te(e,ve(t,u,ue))}),[u,W,ue,Te,Oe]),Fe=m.useCallback((e=>{let t=Oe();const a=ue.parseNumber(String(t.currentLooseValue),u);if(t.selectionEnd>t.selectionStart&&t.selectionEnd-t.selectionStart===String(t.currentLooseValue).length){const t=ue.numberSymbols(),a=t&&e.key===t.minusSign,n=t&&e.key===t.decimal;Ce.current=!a&&!n}else{switch(e.keyCode){case 38:ae(a,t,A,C,x,u,ue);break;case 40:ne(a,t,A,C,x,u,ue);break;case 13:{if(!1===Q)return;const e=J(re(a,C,x),u,ue),n=re(ue.parseNumber(e,u),C,x);t.eventValue=n,t.currentLooseValue=J(n,u,ue),t.selectionStart=t.selectionEnd=t.currentLooseValue.length;break}case 110:{const e=he.current,a=ue.numberSymbols();e&&(t.currentLooseValue=t.currentLooseValue.slice(0,t.selectionStart)+a.decimal+t.currentLooseValue.slice(t.selectionEnd),t.selectionStart=t.selectionEnd=t.selectionStart+1,t=ve(t,u,ue));break}default:return}e.preventDefault(),Te(e,t)}}),[u,C,x,A,W,Q,Te,Oe]),Ke=m.useCallback((()=>{Ce.current=!0}),[]),Ae=m.useCallback((e=>{if(V||$)return;const t=Oe();ae(ue.parseNumber(String(t.currentLooseValue),u),t,A,C,x,u,ue),Te(e,t)}),[u,C,x,A,W,V,$,Te,Oe]),_e=m.useCallback((e=>{if(V||$)return;const t=Oe();ne(ue.parseNumber(String(t.currentLooseValue),u),t,A,C,x,u,ue),Te(e,t)}),[u,C,x,A,W,V,$,Te,Oe]),$e=m.useCallback((e=>{const t=r.getActiveElement(document);!document||t!==he.current||!he.current||V||$||(e.nativeEvent.deltaY<0&&Ae(e),e.nativeEvent.deltaY>0&&_e(e))}),[Ae,_e,$,V]),He=m.useCallback((e=>{ye.current.currentLooseValue=xe.current,ye.current.focused=!0,r.dispatchEvent(Y,e,ze(),{}),be((e=>!e))}),[Y,be,ze]),qe=m.useCallback((e=>{ye.current={eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1},r.dispatchEvent(X,e,ze(),{}),be((e=>!e))}),[X,be,ze]),Ge=m.useCallback((e=>{if(document&&he.current){const t=r.getActiveElement(document);e.preventDefault(),t!==he.current&&he.current.focus()}}),[]);r.useIsomorphicLayoutEffect((()=>{he.current&&"number"!==he.current.type&&void 0!==ye.current.selectionStart&&void 0!==ye.current.selectionEnd&&(he.current.selectionStart=ye.current.selectionStart,he.current.selectionEnd=ye.current.selectionEnd,ye.current.selectionStart=void 0,ye.current.selectionEnd=void 0)}),[fe]);const je=!Be()||Ve().valid,We=m.createElement("span",{dir:E,style:S?D:{width:p,...D},className:r.classNames("k-input","k-numerictextbox",{[`k-input-${r.kendoThemeMaps.sizeMap[ee]||ee}`]:ee,[`k-input-${se}`]:se,[`k-rounded-${r.kendoThemeMaps.roundedMap[te]||te}`]:te,"k-invalid":!je,"k-required":H,"k-disabled":$},o),"aria-disabled":$?"true":void 0,...S?{}:oe},m.createElement(Se,null),m.createElement("input",{role:"spinbutton",value:null===we?"":we,tabIndex:r.getTabIndex(h,$),accessKey:b,disabled:$,title:k,"aria-disabled":$?"true":void 0,"aria-valuemin":C,"aria-valuemax":x,"aria-label":L,"aria-labelledby":M,"aria-describedby":N,"aria-required":H,placeholder:y,spellCheck:!1,autoComplete:"off",autoCorrect:"off",autoFocus:ie,type:R||"tel",className:"k-input-inner",id:de,name:w,readOnly:V,style:F,onChange:De,onFocus:He,onBlur:qe,onKeyDown:Fe,onPaste:Ke,onWheel:$e,ref:he,...le}),m.createElement(Ie,null),P,_&&m.createElement("span",{className:"k-input-spinner k-spin-button",onMouseDown:Ge},m.createElement(l.Button,{tabIndex:-1,type:"button",icon:"caret-alt-up",svgIcon:s.caretAltUpIcon,rounded:null,fillMode:se,className:"k-spinner-increase","aria-label":pe.toLanguageString(v,U[v]),title:pe.toLanguageString(v,U[v]),onClick:Ae}),m.createElement(l.Button,{tabIndex:-1,type:"button",icon:"caret-alt-down",svgIcon:s.caretAltDownIcon,rounded:null,fillMode:se,className:"k-spinner-decrease","aria-label":pe.toLanguageString(g,U[g]),title:pe.toLanguageString(g,U[g]),onClick:_e})));return S?m.createElement(i.FloatingLabel,{label:S,editorId:de,editorValue:null===we?"":we,editorValid:je,editorDisabled:$,editorPlaceholder:y,children:We,style:{width:p},dir:E,...oe}):We}));be.propTypes={value:a.number,defaultValue:a.number,step:a.number,format:a.oneOfType([a.string,a.shape({style:a.oneOf(["decimal","currency","percent","scientific","accounting"]),currency:a.string,currencyDisplay:a.oneOf(["symbol","code","name"]),useGrouping:a.bool,minimumIntegerDigits:a.number,minimumFractionDigits:a.number,maximumFractionDigits:a.number})]),width:a.oneOfType([a.string,a.number]),tabIndex:a.number,accessKey:a.string,title:a.string,placeholder:a.string,min:a.number,max:a.number,spinners:a.bool,disabled:a.bool,readOnly:a.bool,dir:a.string,name:a.string,label:a.string,validationMessage:a.string,required:a.bool,id:a.string,rangeOnEnter:a.bool,ariaLabelledBy:a.string,ariaDescribedBy:a.string,ariaLabel:a.string,onChange:a.func,onFocus:a.func,onBlur:a.func,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","flat","outline"]),inputAttributes:a.object};const ke={prefix:e=>null,suffix:e=>null,step:1,spinners:!0,disabled:!1,required:!1,validityStyles:!0,rangeOnEnter:!0,autoFocus:!1,onChange:e=>{},onFocus:e=>{},onBlur:e=>{},size:"medium",rounded:"medium",fillMode:"solid"};be.displayName="KendoNumericTextBox";const ye=e=>null!=e,Ce=(e,t,a)=>!ye(e)||isNaN(e)||e<=t?t:e>=a?a:e,xe=(e,t,a=!0)=>{if(-1===["hex","rgba"].indexOf(t))throw new Error(`Unsupported color output format '${t}'. The available options are 'hex' or 'rgba'.`);if(!ye(e))return;const n=o.parseColor(e.trim(),a);return ye(n)?"hex"===t?n.toCss():n.toCssRgba():void 0},Ee=(e,t=!0)=>{const a=o.parseColor(e,t);return ye(a)?a.toHSV():{}},we=(e,t=!0)=>{const a=o.parseColor(e,t);return ye(a)?a.toBytes():{}},Se=e=>{const t=Ce(e.h,0,359.9),a=Ce(e.s,0,1),n=Ce(e.v,0,1),r=Ce(e.a,0,1);return o.Color.fromHSV(t,a,n,r).toCssRgba()},Ie=e=>Se({h:e,s:1,v:1,a:1}),Ne=(e,t)=>{const a=Ce(e.r,0,255),n=Ce(e.g,0,255),r=Ce(e.b,0,255),s=Ce(e.a,0,1),i=Ce(t.r,0,255),l=Ce(t.g,0,255),o=Ce(t.b,0,255);return{r:Math.round((1-s)*i+s*a),g:Math.round((1-s)*l+s*n),b:Math.round((1-s)*o+s*r)}},Me=e=>{const t=[e.r||0,e.g||0,e.b||0].map((function(e){return(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)}));return.2126*t[0]+.7152*t[1]+.0722*t[2]},Le=(e,t)=>((e,t)=>(Math.max(e,t)+.05)/(Math.min(e,t)+.05))(Me(Ne(e,t)),Me(Ne(t,{r:0,g:0,b:0,a:1}))),Re=m.forwardRef(((e,t)=>{r.validatePackage(f);const a=m.useRef(null),n=m.useRef(null),s=m.useRef(),i=r.useUnstyled(),l=i&&i.uTextBox,o=m.useCallback((()=>{var e;return void 0!==s.current?s.current:null==(e=a.current)?void 0:e.value}),[]);m.useImperativeHandle(n,(()=>({get element(){return a.current},get name(){return a.current&&a.current.name},get value(){return o()}}))),m.useImperativeHandle(t,(()=>n.current));const{size:c=Ve.size,fillMode:d=Ve.fillMode,rounded:u=Ve.rounded,autoFocus:p=Ve.autoFocus,inputAttributes:h,className:v,dir:g,style:b,prefix:k=Ve.prefix,suffix:y=Ve.suffix,valid:C,modified:x,touched:E,visited:w,...S}=e,[I]=r.useCustomComponent(k),[N]=r.useCustomComponent(y),[M,L]=m.useState(!1),R=m.useCallback((t=>{s.current=t.target.value,e.onChange&&e.onChange.call(void 0,{syntheticEvent:t,nativeEvent:t.nativeEvent,value:t.target.value,target:n.current}),s.current=void 0}),[e.onChange]),{onFocus:V,onBlur:B}=r.useAsyncFocusBlur({onFocus:e=>{L(!0)},onBlur:e=>{L(!1)},onSyncFocus:e.onFocus,onSyncBlur:e.onBlur}),P=m.useMemo((()=>r.classNames(r.uTextBox.wrapper({c:l,rounded:u,fillMode:d,size:c,focused:M,required:e.required,disabled:e.disabled,invalid:!1===e.valid}),v)),[v,d,M,e.disabled,e.required,e.valid,u,c,l]);return m.createElement("span",{style:b,dir:g,className:P,onFocus:V,onBlur:B},m.createElement(I,null),m.createElement("input",{ref:a,className:r.classNames(r.uTextBox.inputInner({c:l})),autoFocus:p,...Object.assign({},S,h),"aria-required":e.required,onChange:R}),m.createElement(N,null))})),Ve={prefix:e=>null,suffix:e=>null,size:"medium",rounded:"medium",fillMode:"solid",autoFocus:!1};Re.propTypes={size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","flat","outline"]),autoFocus:a.bool,inputAttributes:a.object},Re.displayName="KendoReactTextBoxComponent";let Be=class extends m.Component{constructor(e){super(e),this.onChange=e=>{const t=e.target.value,a=xe(t,"rgba");this.setState({hex:t}),ye(a)&&this.props.onHexChange(t,a,e)},this.onBlur=()=>{ye(xe(this.state.hex,"rgba"))||this.setState({hex:this.state.originalHex})},this.state={hex:this.props.hex,originalHex:this.props.hex}}render(){return m.createElement(Re,{value:this.state.hex,onChange:this.onChange,onBlur:this.onBlur,disabled:this.props.disabled,className:"k-hex-value",size:this.props.size,fillMode:this.props.fillMode})}static getDerivedStateFromProps(e,t){return e.hex!==t.originalHex?{hex:e.hex,originalHex:e.hex}:null}};const Pe=["rgba","rgb","hex"];let ze=class extends m.Component{constructor(e){super(e),this.onRgbaRChange=e=>{this.dispatchRgbaChange({r:e.value},e)},this.onRgbaGChange=e=>{this.dispatchRgbaChange({g:e.value},e)},this.onRgbaBChange=e=>{this.dispatchRgbaChange({b:e.value},e)},this.onRgbaAChange=e=>{this.dispatchRgbaChange({a:e.value},e)},this.state={inputMode:e.defaultInputMode||Pe[1]}}render(){const e=n.provideLocalizationService(this),t=e.toLanguageString(S,U[S]),a=e.toLanguageString(C,U[C]),r=e.toLanguageString(x,U[x]),i=e.toLanguageString(E,U[E]),o=e.toLanguageString(w,U[w]),c=e.toLanguageString(P,U[P]);return m.createElement("div",{className:"k-colorgradient-inputs k-hstack"},m.createElement("div",{className:"k-vstack"},m.createElement(l.Button,{"aria-label":c,fillMode:"flat",icon:"caret-alt-expand",svgIcon:s.caretAltExpandIcon,className:"k-colorgradient-toggle-mode",size:this.props.size,onClick:this.onToggleModeChange.bind(this)})),"hex"===this.state.inputMode&&m.createElement("div",{className:"k-vstack k-flex-1"},m.createElement(Be,{hex:this.props.hex,onHexChange:this.props.onHexChange,disabled:this.props.disabled,size:this.props.size,fillMode:this.props.fillMode}),m.createElement("label",{className:"k-colorgradient-input-label"},t)),("rgb"===this.state.inputMode||"rgba"===this.state.inputMode)&&m.createElement(m.Fragment,null,m.createElement("div",{className:"k-vstack"},m.createElement(be,{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,size:this.props.size,fillMode:this.props.fillMode}),m.createElement("label",{className:"k-colorgradient-input-label"},a)),m.createElement("div",{className:"k-vstack"},m.createElement(be,{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,size:this.props.size,fillMode:this.props.fillMode}),m.createElement("label",{className:"k-colorgradient-input-label"},r)),m.createElement("div",{className:"k-vstack"},m.createElement(be,{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,size:this.props.size,fillMode:this.props.fillMode}),m.createElement("label",{className:"k-colorgradient-input-label"},i))),"rgba"===this.state.inputMode&&m.createElement("div",{className:"k-vstack"},this.props.opacity&&m.createElement(be,{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,size:this.props.size,fillMode:this.props.fillMode}),this.props.opacity&&m.createElement("label",{className:"k-colorgradient-input-label"},o)))}dispatchRgbaChange(e,t){const a={...this.props.rgba};void 0!==e.r&&(a.r=e.r),void 0!==e.g&&(a.g=e.g),void 0!==e.b&&(a.b=e.b),void 0!==e.a&&(a.a=e.a),this.props.onRgbaChange(a,t)}onToggleModeChange(){const e=Pe.length-1===Pe.indexOf(this.state.inputMode)?0:Pe.indexOf(this.state.inputMode)+1;if(this.props.opacity)this.setState({inputMode:Pe[e]});else{const t="rgba"===Pe[e]?e+1:e;this.setState({inputMode:Pe[t]})}}};n.registerForIntl(ze),n.registerForLocalization(ze);const Oe="data-slider-label",Te=class extends m.Component{constructor(e){super(e),this.state={value:void 0===this.props.defaultValue?this.props.min:this.props.defaultValue,focused:!1,dir:this.props.dir},this._sliderTrack=null,this._element=null,this.buttons=e=>{if(!e.enabled)return e.children;const t="rtl"===this.state.dir?this.props.vertical?s.caretAltUpIcon:s.caretAltLeftIcon:this.props.vertical?s.caretAltUpIcon:s.caretAltRightIcon,a="rtl"===this.state.dir?this.props.vertical?s.caretAltDownIcon:s.caretAltRightIcon:this.props.vertical?s.caretAltDownIcon:s.caretAltLeftIcon,n="rtl"===this.state.dir?this.props.vertical?"caret-alt-up":"caret-alt-left":this.props.vertical?"caret-alt-up":"caret-alt-right",r="rtl"===this.state.dir?this.props.vertical?"caret-alt-down":"caret-alt-right":this.props.vertical?"caret-alt-down":"caret-alt-left";return m.createElement(m.Fragment,null,m.createElement(l.Button,{className:"k-button-decrease",rounded:"full",icon:r,svgIcon:a,title:e.decrementTitle,onClick:e.decrement}),e.children,m.createElement(l.Button,{className:"k-button-increase",rounded:"full",icon:n,svgIcon:t,title:e.incrementTitle,onClick:e.increment}))},this.focus=()=>{this._element&&this._element.focus()},this.isLabel=e=>{let t=e;for(;t;){if(t.getAttribute(Oe))return!0;t=t.parentElement}return!1},this.onFocus=()=>{this.setState({focused:!0})},this.onBlur=()=>{this.setState({focused:!1})},this.onKeyDown=e=>{let t;e.keyCode===r.Keys.left||e.keyCode===r.Keys.down?t=this.state.value-(this.props.step||0):e.keyCode===r.Keys.right||e.keyCode===r.Keys.up?t=this.state.value+(this.props.step||0):e.keyCode===r.Keys.pageDown?t=this.state.value-(this.props.largeStep||0):e.keyCode===r.Keys.pageUp?t=this.state.value+(this.props.largeStep||0):e.keyCode===r.Keys.home?t=this.props.min:e.keyCode===r.Keys.end&&(t=this.props.max),void 0!==t&&(e.preventDefault(),this.change(e,t))},this.decrement=e=>{e.preventDefault(),this.change(e,this.state.value-(this.props.step||0))},this.increment=e=>{e.preventDefault(),this.change(e,this.state.value+(this.props.step||0))},this.dragStart=e=>{this.isLabel(e.event.originalEvent.target)||(e.event.isTouch&&e.event.originalEvent.preventDefault(),this.drag(e))},this.dragOver=e=>{e.event.originalEvent.preventDefault(),this.drag(e)},this.drag=e=>{const t=e.element.getBoundingClientRect(),a=(this.props.vertical?t.bottom-e.event.clientY:"rtl"===this.state.dir?t.right-e.event.clientX:e.event.clientX-t.left)/(this.props.vertical?t.height:t.width);this.change(e,this.props.min+a*(this.props.max-this.props.min))},r.validatePackage(f)}static getDerivedStateFromProps(e,t){const a=void 0!==e.value?e.value:t.value,{min:n,max:r}=e;return void 0===a?null:{value:Math.min(Math.max(a,n),r)}}componentDidMount(){if(!this.state.dir&&window&&this._element){const e=window.getComputedStyle(this._element).direction;e&&this.setState({dir:e})}}render(){const e=n.provideLocalizationService(this),t=(this.state.value-this.props.min)/(this.props.max-this.props.min)*100,a=this.props.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},s=this.props.vertical?{paddingTop:0,height:"100%"}:{};return m.createElement("div",{ref:e=>this._element=e,dir:this.state.dir,id:this.props.id,style:{gap:0,...this.props.style},onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,className:r.classNames("k-slider",{"k-focus":this.state.focused,"k-disabled":this.props.disabled,"k-slider-horizontal":!this.props.vertical,"k-slider-vertical":this.props.vertical},this.props.className)},m.createElement(this.buttons,{enabled:this.props.buttons,decrement:this.decrement,increment:this.increment,incrementTitle:e.toLanguageString(b,U[b]),decrementTitle:e.toLanguageString(k,U[k])},m.createElement(r.Draggable,{onDrag:this.dragOver,onPress:this.dragStart,autoScroll:!1},m.createElement("div",{className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...a}},this.props.children&&m.createElement("ul",{className:"k-reset k-slider-items",style:{margin:0,...s}},m.Children.map(this.props.children,((e,t)=>e&&m.cloneElement(e,{position:100*(e.props.position-this.props.min)/(this.props.max-this.props.min),vertical:this.props.vertical,firstTick:0===t,lastTick:t===m.Children.count(this.props.children)-1},e.props.children)))),m.createElement("div",{className:"k-slider-track",style:this.props.vertical?{bottom:0,height:"100%"}:{["rtl"===this.state.dir?"right":"left"]:0,width:"100%"},ref:e=>this._sliderTrack=e},m.createElement("div",{className:"k-slider-selection",style:this.props.vertical?{height:t+"%"}:{width:t+"%"}}),m.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 k-draghandle-end",title:e.toLanguageString(y,U[y]),style:this.props.vertical?{bottom:"calc("+t+"%)",zIndex:1}:"rtl"===this.state.dir?{right:"calc("+t+"% - 13px)",zIndex:1}:{left:"calc("+t+"%)",zIndex:1}}))))))}get sliderTrack(){return this._sliderTrack}change(e,t){t=Math.min(Math.max(t,this.props.min),this.props.max),this.setState({value:t}),r.dispatchEvent(this.props.onChange,e,this,{value:t})}};Te.displayName="Slider",Te.propTypes={min:a.number.isRequired,max:a.number.isRequired,value:a.number,vertical:a.bool,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,ariaLabel:a.string};let De=Te;const Fe=r.createPropsContext(),Ke=r.withPropsContext(Fe,De);Ke.displayName="KendoReactSlider",n.registerForLocalization(De);const Ae={};let _e=class extends m.Component{render(){const e=n.provideLocalizationService(this),t=e.toLanguageString(I,U[I]),a=e.toLanguageString(N,U[N]),i=e.toLanguageString(M,U[M]),l=e.toLanguageString(L,U[L]),o=e.toLanguageString(R,U[R]),c=Le(this.props.rgba,this.props.bgColor),d=4.5.toFixed(1),u=7..toFixed(1),p=`${t}: ${c.toFixed(2)}`,h=`${a}: ${d}`,f=`${i}: ${u}`,v=m.createElement("span",{className:"k-contrast-validation k-text-success"},l," ",m.createElement(r.IconWrap,{name:"check",icon:s.checkIcon})),g=m.createElement("span",{className:"k-contrast-validation k-text-error"},o," ",m.createElement(r.IconWrap,{name:"x",icon:s.xIcon}));return m.createElement("div",{className:"k-vbox k-colorgradient-color-contrast"},m.createElement("div",{className:"k-contrast-ratio"},m.createElement("span",{className:"k-contrast-ratio-text"},p),c>=4.5?m.createElement("span",{className:"k-contrast-validation k-text-success"},m.createElement(r.IconWrap,{name:"check",icon:s.checkIcon}),c>=7&&m.createElement(r.IconWrap,{name:"check",icon:s.checkIcon})):m.createElement("span",{className:"k-contrast-validation k-text-error"},m.createElement(r.IconWrap,{name:"x",icon:s.xIcon}))),m.createElement("div",null,m.createElement("span",null,h),c>=4.5?v:g),m.createElement("div",null,m.createElement("span",null,f),c>=7?v:g))}};n.registerForLocalization(_e);const $e=(e,t)=>0===e.length?"":`<path d="${e.reduce(((e,a,n,r)=>0===n?`M ${a[0]},${a[1]}`:`${e} ${t(a,n,r)}`),"")}" fill="none" stroke="white" stroke-width="1"/>`,He=(e,t)=>{const a=t[0]-e[0],n=t[1]-e[1];return{length:Math.sqrt(Math.pow(a,2)+Math.pow(n,2)),angle:Math.atan2(n,a)}};let qe=class extends m.Component{renderSvgCurveLine(){const e=this.props.metrics,t=(a,n,r,s,i)=>{const l=(r+s)/2,o=Object.assign({},this.props.hsva,{s:n/e.width,v:1-l/e.height}),c=Le(we(Se(o)),we(this.props.backgroundColor||""));return r+.5>s?c<a+1&&c>a-1?l:null:i(c,a)?t(a,n,r,s-(s-r)/2,i):t(a,n,r+(s-r)/2,s,i)},a=(a,n,r=!1)=>{const s=[];for(let i=0;i<=e.width;i+=e.width/n){const n=t(a,i,0,e.height,r?(e,t)=>e<t:(e,t)=>e>t);null!==n&&s.push([i,n])}return s},n=(e=>(t,a,n)=>{const[r,s]=e(n[a-1],n[a-2],t),[i,l]=e(t,n[a-1],n[a+1],!0);return`C ${r},${s} ${i},${l} ${t[0]},${t[1]}`})((e=>(t,a,n,r)=>{const s=e(a||t,n||t),i=s.angle+(r?Math.PI:0),l=.1*s.length;return[t[0]+Math.cos(i)*l,t[1]+Math.sin(i)*l]})(He));return $e(a(4.5,16),n)+$e(a(4.5,16,!0),n)+$e(a(7,16),n)+$e(a(7,16,!0),n)}shouldComponentUpdate(e){return!(e.hsva.h===this.props.hsva.h&&e.hsva.a===this.props.hsva.a&&this.props.backgroundColor===e.backgroundColor)}render(){return m.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 Ge="rgba(255, 255, 255, 1)",je=class e extends m.Component{constructor(t){super(t),this.wrapperRef=m.createRef(),this.hsvGradientRef=m.createRef(),this.focus=()=>{this.wrapperRef&&this.wrapperRef.current&&this.wrapperRef.current.focus()},this.onHexChange=(e,t,a)=>{if(this.isUncontrolled){const a=Ee(t);this.setState({hsva:a,backgroundColor:Ie(a.h),rgba:we(t),hex:e})}else!function(e,t,a){Ae[e]={value:t,hex:a}}(this.state.guid,t,e);this.dispatchChangeEvent(t,a,a.nativeEvent)},this.onRgbaChange=(e,t)=>{const a=(e=>{const t=Ce(e.r,0,255),a=Ce(e.g,0,255),n=Ce(e.b,0,255),r=Ce(e.a,0,1);return o.Color.fromBytes(t,a,n,r).toCssRgba()})(e);if(this.isUncontrolled){const t=Ee(a),n=xe(a,"hex");this.setState({hsva:t,backgroundColor:Ie(t.h),rgba:e,hex:n})}else!function(e,t,a){Ae[e]={value:t,rgba:a}}(this.state.guid,a,e);this.dispatchChangeEvent(a,t.syntheticEvent,t.nativeEvent)},this.onAlphaSliderChange=e=>{this.handleHsvaChange(Object.assign({},this.state.hsva,{a:e.value/100}),e.syntheticEvent,e.nativeEvent)},this.onHueSliderChange=e=>{this.handleHsvaChange(Object.assign({},this.state.hsva,{h:e.value}),e.syntheticEvent,e.nativeEvent)},this.onDrag=e=>{this.gradientWrapper.classList.add("k-dragging"),this.changePosition(e.event)},this.onRelease=()=>{this.gradientWrapper.classList.remove("k-dragging")},this.onGradientWrapperClick=e=>{this.changePosition(e)},this.onHsvGradientKeyDown=e=>{var t;null==(t=this.hsvNavigation)||t.triggerKeyboardEvent(e)},this.onHsvGradientValueChange=(e,t,a)=>{const n=parseInt(e.style.top,10)+a,r=parseInt(e.style.left,10)+t;e.style.top=`${n}px`,e.style.left=`${r}px`,this.moveDragHandle(r,n)},this.changePosition=e=>{const t=this.getGradientRectMetrics(),a=e.clientX-t.left,n=e.clientY-t.top;this.moveDragHandle(a,n)},this.onFocus=e=>{this.props.onFocus&&this.props.onFocus.call(void 0,{nativeEvent:e,target:this})},this.onKeyDown=e=>{var t;null==(t=this.navigation)||t.triggerKeyboardEvent(e)},r.validatePackage(f);const a=t.value||t.defaultValue||xe(Ge,"rgba");this.state=Object.assign({},e.getStateFromValue(a),{isFirstRender:!0,guid:this.props.id})}static getDerivedStateFromProps(t,a){return t.value&&!a.isFirstRender?e.getStateFromValue(t.value,a.guid):null}componentDidMount(){if(this.setAlphaSliderBackground(this.state.backgroundColor),this.state.isFirstRender&&this.setState({isFirstRender:!1}),this.wrapperRef&&this.hsvGradientRef){let e=0,t=0;this.hsvNavigation=new r.Navigation({tabIndex:0,root:this.hsvGradientRef,selectors:[".k-hsv-rectangle .k-hsv-draghandle"],keyboardEvents:{keydown:{ArrowDown:(e,a,n)=>{t=n.shiftKey?this.props.gradientSliderSmallStep||2:this.props.gradientSliderStep||5,this.onHsvGradientValueChange(e,0,t)},ArrowUp:(e,a,n)=>{t=n.shiftKey?-(this.props.gradientSliderSmallStep||2):-(this.props.gradientSliderStep||5),this.onHsvGradientValueChange(e,0,t)},ArrowLeft:(t,a,n)=>{e=n.shiftKey?-(this.props.gradientSliderSmallStep||2):-(this.props.gradientSliderStep||5),this.onHsvGradientValueChange(t,e,0)},ArrowRight:(t,a,n)=>{e=n.shiftKey?this.props.gradientSliderSmallStep||2:this.props.gradientSliderStep||5,this.onHsvGradientValueChange(t,e,0)}}}})}this.wrapperRef&&this.wrapperRef.current&&(this.props.isInsidePopup?this.hsvGradientRef.current&&this.hsvGradientRef.current.focus():this.navigation=new r.Navigation({tabIndex:0,root:this.wrapperRef,selectors:[".k-colorgradient"],keyboardEvents:{keydown:{Tab:(e,t,a)=>{r.getActiveElement(document)===e?r.disableNavigatableContainer(e):r.keepFocusInContainer(a,e,r.TABBABLE_ELEMENTS)},Enter:(e,t,a)=>{r.getActiveElement(document)===e&&(r.focusFirstFocusableChild(e),r.enableNavigatableContainer(e))},Escape:(e,t,a)=>{r.getActiveElement(document)!==e&&(e.focus(),r.disableNavigatableContainer(e))}}}}))}componentWillUnmount(){!function(e){delete Ae[e]}(this.state.guid)}componentDidUpdate(e,t){t.backgroundColor!==this.state.backgroundColor&&this.setAlphaSliderBackground(this.state.backgroundColor)}renderRectangleDragHandle(){const e={};if(!this.state.isFirstRender){const t=this.getGradientRectMetrics(),a=(1-this.state.hsva.v)*t.height,n=this.state.hsva.s*t.width;e.top=`${a}px`,e.left=`${n}px`}return m.createElement("div",{ref:this.hsvGradientRef,role:"slider",tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled),"aria-valuetext":this.props.ariaValueText,"aria-valuenow":parseInt(this.state.hex.substring(1),16),"aria-label":this.props.ariaLabelHSV,"aria-orientation":void 0,"aria-disabled":this.props.disabled?"true":void 0,className:"k-hsv-draghandle k-draghandle",style:e,onKeyDown:this.onHsvGradientKeyDown})}moveDragHandle(e,t){const a=this.getGradientRectMetrics(),n=a.width,r=a.height,s=Ce(t,0,r),i=Ce(e,0,n),l=Object.assign({},this.state.hsva,{s:i/n,v:1-s/r});this.handleHsvaChange(l,{},{})}handleHsvaChange(e,t,a){const n=Se(e),r=xe(n,"hex");this.isUncontrolled||function(e,t,a){Ae[e]={value:t,hsva:a}}(this.state.guid,n,e),this.setState({hsva:e,backgroundColor:Ie(e.h),rgba:we(n),hex:r}),this.dispatchChangeEvent(n,t,a)}dispatchChangeEvent(e,t,a){this.props.onChange&&this.props.onChange.call(void 0,{syntheticEvent:t,nativeEvent:a,target:this,value:e})}static getStateFromValue(e,t){ye(xe(e,"hex"))||(e=Ge);const a=function(e,t){if(e){const a=Ae[e];return a&&a.value===t?a.hsva:void 0}}(t,e)||Ee(e),n=function(e,t){if(e){const a=Ae[e];return a&&a.value===t?a.rgba:void 0}}(t,e)||we(e),r=function(e,t){if(e){const a=Ae[e];return a&&a.value===t?a.hex:void 0}}(t,e)||xe(e,"hex");return{hsva:a,backgroundColor:Ie(a.h),rgba:n,hex:r}}setAlphaSliderBackground(e){this.props.opacity&&this.alphaSlider&&this.alphaSlider.sliderTrack&&(this.alphaSlider.sliderTrack.style.background=`linear-gradient(to ${this.props._adaptive?"right":"top"}, transparent, ${e})`)}get isUncontrolled(){return void 0===this.props.value}getGradientRectMetrics(){return this.gradientWrapper.getBoundingClientRect()}render(){const e=n.provideLocalizationService(this);return m.createElement("div",{id:this.props.id,role:this.props.role,className:r.classNames("k-colorgradient",{[`k-colorgradient-${r.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size,"k-disabled":this.props.disabled},this.props.className),"aria-disabled":this.props.disabled?"true":void 0,style:this.props.style,ref:this.wrapperRef,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,onKeyDown:this.onKeyDown},m.createElement("div",{className:"k-colorgradient-canvas "+(this.props._adaptive?"k-vstack":"k-hstack")},m.createElement("div",{className:"k-hsv-rectangle",style:{background:this.state.backgroundColor}},m.createElement(r.Draggable,{onDrag:this.onDrag,onRelease:this.onRelease,ref:e=>this.gradientWrapper=e?e.element:void 0},m.createElement("div",{className:"k-hsv-gradient",style:{touchAction:"none"},onClick:this.onGradientWrapperClick},this.renderRectangleDragHandle())),this.props.backgroundColor&&!this.state.isFirstRender&&m.createElement(qe,{metrics:this.gradientWrapper?this.getGradientRectMetrics():void 0,hsva:this.state.hsva,backgroundColor:this.props.backgroundColor})),m.createElement("div",{className:"k-hsv-controls "+(this.props._adaptive?"k-vstack":"k-hstack")},m.createElement(Ke,{value:this.state.hsva.h,buttons:!1,vertical:!this.props._adaptive,min:0,max:360,step:5,onChange:this.onHueSliderChange,className:"k-hue-slider k-colorgradient-slider",disabled:this.props.disabled,ariaLabel:e.toLanguageString(V,U[V])}),this.props.opacity&&m.createElement(Ke,{value:ye(this.state.hsva.a)?100*this.state.hsva.a:100,buttons:!1,vertical:!this.props._adaptive,min:0,max:100,step:1,ariaLabel:e.toLanguageString(B,U[B]),onChange:this.onAlphaSliderChange,className:"k-alpha-slider k-colorgradient-slider",disabled:this.props.disabled,ref:e=>this.alphaSlider=e}))),m.createElement(ze,{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,size:this.props.size,fillMode:this.props.fillMode}),this.props.backgroundColor&&m.createElement(_e,{bgColor:we(this.props.backgroundColor),rgba:this.state.rgba}))}};je.displayName="ColorGradient",je.propTypes={defaultValue:a.string,value:a.string,onChange:a.func,onFocus:a.func,opacity:a.bool,backgroundColor:a.string,format:a.any,disabled:a.bool,style:a.any,id:a.string,role:a.string,ariaLabel:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,className:a.string,size:a.oneOf(["small","medium","large",null])},je.defaultProps={opacity:!0,role:"textbox",format:"rgb",size:"medium"};let We=je;const Ue=r.createPropsContext(),Ye=r.withIdHOC(r.withPropsContext(Ue,We));Ye.displayName="KendoReactColorGradient";let Xe=class{constructor(){this.colorRows=[]}setColorMatrix(e,t){if(this.colorRows=[],ye(e)&&e.length){t=t||e.length;for(let a=0;a<e.length;a+=t){const n=e.slice(a,t+a);this.colorRows.push(n)}}}getCellCoordsFor(e){if(!ye(e))return;const t=e&&o.parseColor(e,!0),a=[e];ye(t)&&a.push(t.toCss(),t.toCssRgba());for(let e=0;e<this.colorRows.length;e++)for(let t=0;t<this.colorRows[e].length;t++)if(a.some((a=>a===this.colorRows[e][t])))return{row:e,col:t}}getColorAt(e){if(ye(e)&&ye(this.colorRows[e.row]))return this.colorRows[e.row][e.col]}getNextCell(e,t,a){if(!(ye(e)&&ye(e.row)&&ye(e.col)))return{row:0,col:0};const n=this.clampIndex(e.row+a,this.colorRows.length-1);return{row:n,col:this.clampIndex(e.col+t,this.colorRows[n].length-1)}}clampIndex(e,t){return e<0?0:e>t?t:e}};const Ze={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}},Je="office",Qe=class extends m.Component{constructor(e){super(e),this.wrapperRef=m.createRef(),this.paletteService=null,this.focus=()=>{this.wrapperRef&&this.wrapperRef.current&&this.wrapperRef.current.focus()},this.onKeyDown=e=>{switch(e.key){case r.KEYS.down:this.handleCellNavigation(0,1);break;case r.KEYS.up:this.handleCellNavigation(0,-1);break;case r.KEYS.right:this.handleCellNavigation(1,0);break;case r.KEYS.left:this.handleCellNavigation(-1,0);break;case r.KEYS.enter:this.handleEnter(e);break;default:return}e.preventDefault()},this.onColorClick=(e,t)=>{this.isUncontrolled?this.setState({selectedColor:e,focusedColor:e}):this.setState({focusedColor:e}),this.dispatchChangeEvent(e,t)},this.onFocus=e=>{this.paletteService&&(this.setState({focusedColor:this.state.selectedColor||this.paletteService.colorRows[0][0]}),this.props.onFocus&&this.props.onFocus.call(void 0,e))},this.onBlur=()=>{this.setState({focusedColor:void 0})},r.validatePackage(f),this.state={selectedColor:void 0!==this.props.value?this.props.value:this.props.defaultValue?this.props.defaultValue:void 0,isFirstRender:!0}}get guid(){return this.props.id}render(){const e=this.getPaletteInfo(),t=this.paletteService=new Xe;t.setColorMatrix(e.colors,e.columns);const a=t.getCellCoordsFor(this.state.selectedColor),n=t.getCellCoordsFor(this.state.focusedColor);return e.colors.length?m.createElement("div",{id:this.props.id,role:"grid",className:r.classNames("k-colorpalette",{[`k-colorpalette-${r.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size,"k-disabled":this.props.disabled},this.props.className),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:this.wrapperRef},m.createElement("table",{className:"k-colorpalette-table",role:"presentation"},m.createElement("tbody",{role:"rowgroup"},this.renderRows(t.colorRows,a,n)))):""}static getDerivedStateFromProps(e,t){if(t.isFirstRender||void 0===e.value){if(t.isFirstRender)return{isFirstRender:!1}}else{if(""===e.value&&void 0!==t.selectedColor)return{selectedColor:void 0};if(""!==e.value&&e.value!==t.selectedColor)return{selectedColor:e.value}}return null}handleCellNavigation(e,t){if(this.paletteService)if(this.focusedColorCooridanates){const a=this.paletteService.getNextCell(this.focusedColorCooridanates,e,t);this.setState({focusedColor:this.paletteService.getColorAt(a)})}else this.setState({focusedColor:this.paletteService.colorRows[0][0]})}handleEnter(e){this.isUncontrolled&&this.setState({selectedColor:this.state.focusedColor}),this.dispatchChangeEvent(this.state.focusedColor,e)}dispatchChangeEvent(e,t){r.dispatchEvent(this.props.onChange,t,this,{value:e,rgbaValue:xe(e,"rgba")})}get focusedColorCooridanates(){return this.state.focusedColor&&this.paletteService?this.paletteService.getCellCoordsFor(this.state.focusedColor):void 0}get isUncontrolled(){return void 0===this.props.value}getPaletteInfo(){if("string"==typeof this.props.palette){const e=Ze[this.props.palette];return ye(e)?{colors:e.colors,columns:this.props.columns||e.columns||10}:{colors:[],columns:0}}return{colors:this.props.palette||[],columns:this.props.columns||10}}renderRows(e,t,a){return e.map(((e,n)=>m.createElement("tr",{role:"row",key:n},this.renderColumns(e,n,t,a))))}renderColumns(e,t,a,n){const s=void 0!==a&&a.row===t,i=a&&a.col,l=void 0!==n&&n.row===t,o=n&&n.col;return e.map(((e,a)=>{const n=s&&i===a,c=r.classNames("k-colorpalette-tile",{"k-selected":n,"k-focus":l&&o===a});return m.createElement("td",{role:"gridcell",className:c,"aria-label":e,"aria-selected":!!n||!!this.props.disabled&&void 0,style:{backgroundColor:e},onClick:t=>this.onColorClick(e,t),id:this.createCellId({row:t,col:a}),key:a})}))}createCellId(e){return`${this.guid}_${e.row}_${e.col}`}};Qe.displayName="ColorPalette",Qe.propTypes={palette:a.oneOfType([a.arrayOf(a.string.isRequired),a.string]),columns:a.number,tileSize:a.any,defaultValue:a.string,value:a.string,disabled:a.bool,tabIndex:a.number,onChange:a.func,onFocus:a.func,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,className:a.string,size:a.oneOf(["small","medium","large",null])},Qe.defaultProps={palette:Je,tileSize:24,size:"medium"};let et=Qe;const tt=r.createPropsContext(),at=r.withIdHOC(r.withPropsContext(tt,et));at.displayName="KendoReactColorPalette";const nt=e=>{const t=e.popupSettings||{},a="rtl"===e.dir?"right":"left",n=m.useMemo((()=>({horizontal:a,vertical:"bottom"})),[a]),s=m.useMemo((()=>({horizontal:a,vertical:"top"})),[a]);return m.createElement(m.Fragment,null,e.input,e.button,!e._mobileMode&&m.createElement(c.Popup,{style:{...(t||{}).style,direction:e.dir},...t,anchor:e.popupAnchor,anchorAlign:n,popupAlign:s,show:e.open,onOpen:e.onOpen,onClose:e.onClose,className:r.classNames(t.className),popupClass:"k-colorpicker-popup"},e.content),e._mobileMode&&e._actionSheet)};nt.displayName="KendoPickerComponent";const rt=m.forwardRef(((e,t)=>{r.validatePackage(f);const a=m.useRef(null),i=m.useRef(null),o=m.useRef(null),{defaultValue:c,showButtons:d=!0,showPreview:u=!0,showClearButton:p=!0,view:h=(e.views?void 0:"ColorGradient"),views:v=(h?void 0:["gradient","palette"]),activeView:g="gradient",size:b="medium"}=e,[k,y]=m.useState("ColorGradient"===(h||"ColorGradient")),[C,x]=m.useState("gradient"===(null!=v?v:[])[0]&&"gradient"===g),[E,w]=m.useState(e.value||c||void 0),[S,I]=m.useState(e.value||c||void 0),N=void 0!==e.value?e.value:void 0;m.useEffect((()=>{w(e.value)}),[e.value]);const M=n.useLocalization(),L=m.useCallback((()=>{a.current&&a.current.focus()}),[a]);m.useImperativeHandle(a,(()=>({element:i.current,focus:L,props:e,value:N})),[N,L,e]),m.useImperativeHandle(t,(()=>a.current));const R=m.useCallback((e=>{("ColorGradient"===e&&!k||"ColorPalette"===e&&k)&&y(!k)}),[k]),V=m.useCallback((e=>{"gradient"===e&&!C||"palette"===e&&C||"palette"===e&&"gradient"===g?x(!C):"gradient"===e&&"palette"===g&&x(!0)}),[g,C]),B=m.useCallback((t=>{var a;const n=c||void 0;if(w(n),I(n),null!=(a=e._gradientSettings)&&a._adaptive&&e.setAdaptiveModeValue&&e.setAdaptiveModeValue(n),e.onPreviewChange){const a={value:n,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onPreviewChange.call(void 0,a)}}),[c,e.onPreviewChange]),P=m.useCallback((t=>{var a;if(w(t.value),e.onPreviewChange){const a={value:t.value,nativeEvent:t.nativeEvent,syntheticEvent:t.syntheticEvent};e.onPreviewChange.call(void 0,a)}null!=(a=e._gradientSettings)&&a._adaptive&&e.setAdaptiveModeValue&&e.setAdaptiveModeValue(t.value)}),[e.onPreviewChange]),K=m.useCallback((t=>{if(void 0!==E&&I(E),e.onChange){const a={value:E,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onChange.call(void 0,a)}}),[E,e.onChange]),A=m.useCallback((()=>{w(S),e.setOpen&&e.setOpen(!1)}),[S]),_=m.useCallback((t=>{if(w(S),e.onPreviewChange){const a={value:S,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onPreviewChange.call(void 0,a)}}),[S,e.onPreviewChange]),$=m.useCallback((t=>{var a,n;if((!t.relatedTarget||null==(a=i.current)||!a.contains(t.relatedTarget))&&(null==(n=e._gradientSettings)||!n._adaptive)&&(!d&&void 0!==E&&I(E),!d&&e.onChange)){const a={value:E,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onChange.call(void 0,a)}}),[E,d,e.onChange]),H=m.useMemo((()=>new r.Navigation({root:i,selectors:[".k-coloreditor"],tabIndex:0,keyboardEvents:{keydown:{Tab:(e,t,a)=>{r.getActiveElement(document)===e?r.disableNavigatableContainer(e):r.keepFocusInContainer(a,e)},Enter:(e,t,a)=>{r.getActiveElement(document)===e&&(r.focusFirstFocusableChild(e),r.enableNavigatableContainer(e))},Escape:(e,t,a)=>{r.getActiveElement(document)!==e&&(e.focus(),r.disableNavigatableContainer(e))}}}})),[]),q=m.useCallback(H.triggerKeyboardEvent.bind(H),[]);return m.createElement("div",{id:e.id,role:"textbox","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-disabled":e.disabled?"true":void 0,style:e.style,ref:i,tabIndex:r.getTabIndex(e.tabIndex,e.disabled),className:r.classNames("k-flatcolorpicker k-coloreditor",{[`k-coloreditor-${r.kendoThemeMaps.sizeMap[b]||b}`]:b,"k-disabled":e.disabled},e.className),onBlur:$,onKeyDown:q},e.header||m.createElement("div",{className:"k-coloreditor-header k-hstack"},m.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},v&&"gradient"===v[0]&&"palette"===v[1]&&m.createElement(l.ButtonGroup,{className:"k-button-group-flat"},m.createElement(l.Button,{type:"button","aria-label":M.toLanguageString(T,U[T]),togglable:!0,fillMode:"flat",size:b,svgIcon:s.dropletSliderIcon,selected:C,onClick:()=>V("gradient")}),m.createElement(l.Button,{type:"button","aria-label":M.toLanguageString(D,U[D]),togglable:!0,fillMode:"flat",size:b,svgIcon:s.paletteIcon,selected:!C,onClick:()=>V("palette")})),v&&"palette"===v[0]&&"gradient"===v[1]&&m.createElement(l.ButtonGroup,{className:"k-button-group-flat"},m.createElement(l.Button,{type:"button","aria-label":M.toLanguageString(D,U[D]),togglable:!0,fillMode:"flat",size:b,svgIcon:s.paletteIcon,selected:!C,onClick:()=>V("palette")}),m.createElement(l.Button,{type:"button","aria-label":M.toLanguageString(T,U[T]),togglable:!0,fillMode:"flat",size:b,svgIcon:s.dropletSliderIcon,selected:C,onClick:()=>V("gradient")})),h&&m.createElement(l.ButtonGroup,{className:"k-button-group-flat"},m.createElement(l.Button,{type:"button","aria-label":M.toLanguageString(T,U[T]),togglable:!0,fillMode:"flat",size:b,selected:k,onClick:()=>R("ColorGradient"),icon:"droplet-slider",svgIcon:s.dropletSliderIcon}),m.createElement(l.Button,{type:"button","aria-label":M.toLanguageString(D,U[D]),togglable:!0,fillMode:"flat",size:b,selected:!k,onClick:()=>R("ColorPalette"),icon:"palette",svgIcon:s.paletteIcon}))),m.createElement("div",{className:"k-spacer"}),m.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},p&&m.createElement(l.Button,{type:"button",fillMode:"flat",size:b,onClick:B,"aria-label":M.toLanguageString(F,U[F]),icon:"droplet-slash",svgIcon:s.dropletSlashIcon}),u&&m.createElement("div",{className:"k-coloreditor-preview k-vstack"},m.createElement("span",{className:r.classNames("k-coloreditor-preview-color","k-color-preview",{"k-no-color":void 0===N})},m.createElement("span",{className:"k-color-preview-mask",style:{background:E||void 0}})),m.createElement("span",{className:r.classNames("k-coloreditor-current-color","k-color-preview",{"k-no-color":void 0===S}),onClick:_},m.createElement("span",{className:"k-color-preview-mask",style:{background:S||void 0}}))))),m.createElement("div",{className:"k-coloreditor-views k-vstack"},(h&&k||v&&C)&&m.createElement(Ye,{ref:o,role:"none",ariaLabel:void 0,value:E,onChange:P,opacity:e.opacity,format:e.format,size:b,_adaptive:e._gradientSettings?e._gradientSettings._adaptive:void 0,...e._gradientSettings}),(h&&!k||v&&!C)&&m.createElement(at,{ariaDisabled:!0,ariaLabelledBy:"required_label",value:E,onChange:P,size:b})),d&&m.createElement("div",{className:"k-coloreditor-footer k-actions k-actions-end k-actions-horizontal"},m.createElement(l.Button,{type:"button",className:"k-coloreditor-cancel",size:b,onClick:A},U[z]),m.createElement(l.Button,{type:"button",themeColor:"primary",className:"k-coloreditor-apply",size:b,onClick:K},U[O])))})),st={id:a.string,style:a.any,className:a.string,value:a.string,defaultValue:a.string,onPreviewChange:a.func,onChange:a.func,opacity:a.bool,format:a.any,tabIndex:a.number,ariaLabel:a.string,ariaLabelledBy:a.string,disabled:a.bool,view:a.any,header:a.any,showClearButton:a.bool,showPreview:a.bool,showButtons:a.bool,views:a.array,size:a.oneOf([null,"small","medium","large"])};rt.displayName="KendoFlatColorPicker",rt.propTypes=st;const it=e=>{const{windowWidth:t=0,children:a,navigatable:n,navigatableElements:i,expand:o,animation:c,title:u,subTitle:p,footer:h,onClose:f}=e,v=r.useAdaptiveModeContext(),g={navigatable:n||!1,navigatableElements:i||[],expand:o,animation:c,actions:m.createElement(l.Button,{tabIndex:0,"aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",icon:"x",svgIcon:s.xIcon,onClick:f}),onClose:f,animationStyles:v&&t<=v.small?{top:0,width:"100%",height:"100%"}:void 0,title:u,subTitle:p,className:"k-adaptive-actionsheet",position:v&&t<=v.small?"fullscreen":void 0};return m.createElement(d.ActionSheet,{...g},a,m.createElement(d.ActionSheetFooter,{className:"k-actions k-actions-stretched"},m.createElement(l.Button,{size:"large",className:"k-coloreditor-cancel","aria-label":h.cancelText,onClick:h.onCancel},h.cancelText),m.createElement(l.Button,{themeColor:"primary",size:"large",className:"k-coloreditor-apply","aria-label":h.applyText,onClick:h.onApply},h.applyText)))},lt={palette:Je,tileSize:24},ot=e=>void 0!==e,ct=r.createPropsContext(),dt=m.forwardRef(((e,t)=>{var a,i;r.validatePackage(f);const o=r.usePropsContext(ct,e),c=n.useLocalization(),u=r.useAdaptiveModeContext(),{size:p=ut.size,rounded:h=ut.rounded,fillMode:v=ut.fillMode,gradientSettings:g=ut.gradientSettings,paletteSettings:b=ut.paletteSettings,flatColorPickerSettings:k,view:y=(o.views?void 0:ut.view),views:C=(y?void 0:ut.views),activeView:x,popupSettings:E,valid:w,disabled:S,tabIndex:I,icon:N,svgIcon:M,iconClassName:L,onChange:R,onFocus:V,onBlur:B,onActiveColorClick:P,className:T,adaptive:D,adaptiveTitle:F=c.toLanguageString(K,U[K])}=o,A=m.useRef(null),_=m.useRef(null),$=m.useRef(null),q=m.useRef(null),G=m.useRef(),j=m.useRef(null),[W,Y]=m.useState(!1),[X,Z]=m.useState(o.defaultValue),[J,Q]=m.useState(!1),[ee,te]=m.useState(),ae=ot(o.value),ne=ot(o.open),re=ae?o.value:X,se=ne?o.open:J,ie=m.useRef(re),le=m.useCallback((()=>{A.current&&A.current.focus()}),[]);m.useImperativeHandle(t,(()=>({element:A.current,actionElement:j.current,value:re,focus:le})),[re,le]);const oe=!!(ee&&u&&ee<=u.medium&&D);m.useEffect((()=>{const e=r.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(we.bind(void 0));return null!=document&&document.body&&e&&e.observe(document.body),()=>{null!=document&&document.body&&e&&e.disconnect()}}),[]);const ce=m.useCallback(((e,t)=>{ne||(!e&&!t&&A&&A.current&&A.current.focus(),Q(e))}),[ne]),de=m.useMemo((()=>new r.Navigation({root:A,selectors:[".k-colorpicker",".k-color-picker-popup"],tabIndex:0,keyboardEvents:{keydown:{Escape:(e,t,a)=>{ce(!1)},Enter:(e,t,a)=>{!ne&&e===A.current&&(a.preventDefault(),a.stopPropagation(),ce(!0))},ArrowDown:(e,t,a)=>{a.altKey&&(a.preventDefault(),a.stopPropagation(),ce(!0))},ArrowUp:(e,t,a)=>{a.altKey&&(a.preventDefault(),a.stopPropagation(),ce(!1))},Tab:(e,t,a)=>{var n,s,i;if(r.getActiveElement(document)!==A.current){const e=null==(n=$.current)?void 0:n.wrapperRef.current,t=null==(s=_.current)?void 0:s.wrapperRef.current,l=null==(i=q.current)?void 0:i.element;"palette"===y&&e?r.keepFocusInContainer(a,e):"gradient"===y&&t?r.keepFocusInContainer(a,t):"combo"===y&&t?r.keepFocusInContainer(a,t.parentElement):C&&l&&r.keepFocusInContainer(a,l)}}}}})),[ce,ne]),ue=m.useCallback(de.triggerKeyboardEvent.bind(de),[]),pe=m.useCallback((()=>{ne||(_.current&&_.current.wrapperRef.current?r.focusFirstFocusableChild(_.current.wrapperRef.current):$.current?$.current.focus():q.current&&q.current.element&&r.focusFirstFocusableChild(q.current.element))}),[ne]),he=e=>ie.current=e,me=m.useCallback((e=>{const t={value:ie.current,nativeEvent:e.nativeEvent,syntheticEvent:e};ye(t),ce(!se,!0)}),[se]),fe=m.useCallback((()=>{ce(!1,!0)}),[ce]),ve=m.useCallback((e=>{P&&P.call(void 0,{syntheticEvent:e,nativeEvent:e.nativeEvent,value:re,target:{element:A.current,value:re}})}),[P,re]),ge=m.useCallback((e=>{G.current?(clearTimeout(G.current),G.current=void 0):Y(!0),V&&V.call(void 0,{nativeEvent:e.nativeEvent,syntheticEvent:e})}),[V]),be=m.useCallback((()=>{ce(!1,!0),Y(!1),G.current=void 0}),[]),ke=m.useCallback((e=>{clearTimeout(G.current),G.current=window.setTimeout(be),B&&B.call(void 0,{nativeEvent:e.nativeEvent,syntheticEvent:e})}),[B]),ye=m.useCallback(((e,t)=>{var a;const n=t?e.rgbaValue||"":null!=(a=e.value)?a:"";ae||Z(n),R&&R.call(void 0,{value:n,nativeEvent:e.nativeEvent,syntheticEvent:e.syntheticEvent,target:{element:A.current,value:n}}),ce(!1)}),[ae,R]),Ce=m.useCallback((e=>ye(e,!0)),[ot,ye]),xe=m.useCallback((e=>m.createElement(m.Fragment,null,("combo"===y||"gradient"===y)&&m.createElement(Ye,{...g,_adaptive:e,ref:_,isInsidePopup:!0,size:e?"large":p,fillMode:v,value:re,onChange:ye}),("combo"===y||"palette"===y)&&m.createElement(at,{...b,ref:$,size:e?"large":p,value:re,onChange:Ce}),C&&"gradient"===C[0]&&"palette"===C[1]&&m.createElement(rt,{...k,_gradientSettings:{_adaptive:e,...g},ref:q,size:e?"large":p,views:["gradient","palette"],activeView:x,setOpen:ce,showButtons:!e,value:re,onChange:ye,setAdaptiveModeValue:he}),C&&"palette"===C[0]&&"gradient"===C[1]&&m.createElement(rt,{...k,_gradientSettings:{_adaptive:e,...g},ref:q,size:e?"large":p,views:["palette","gradient"],setOpen:ce,showButtons:!e,value:re,onChange:ye,setAdaptiveModeValue:he}),C&&C.includes("gradient")&&!C.includes("palette")&&m.createElement(rt,{...k,_gradientSettings:{_adaptive:e,...g},ref:q,size:e?"large":p,views:["gradient"],showButtons:!e,setOpen:ce,value:re,onChange:ye,setAdaptiveModeValue:he}),C&&C.includes("palette")&&!C.includes("gradient")&&m.createElement(rt,{...k,_gradientSettings:{_adaptive:e,...g},ref:q,size:e?"large":p,views:["palette"],showButtons:!e,setOpen:ce,value:re,onChange:ye,setAdaptiveModeValue:he}))),[x,v,k,g,ye,Ce,b,ce,p,re,y,C]),Ee=m.useCallback((()=>{var e;const t={animation:!(null!=(e=null==E?void 0:E.animate)&&!e),title:F,expand:se,onClose:fe,windowWidth:ee,footer:{cancelText:c.toLanguageString(z,U[z]),onCancel:fe,applyText:c.toLanguageString(O,U[O]),onApply:me}};return m.createElement(it,{...t},m.createElement(d.ActionSheetContent,{overflowHidden:!0},xe(!0)))}),[null==E?void 0:E.animate,F,se,fe,ee,c,me,xe]),we=m.useCallback((e=>{for(const t of e)te(t.target.clientWidth)}),[]),Se=r.useDir(A,o.dir),Ie=!1!==w;return m.createElement("span",{id:o.id,role:"combobox","aria-label":o.ariaLabel,"aria-labelledby":o.ariaLabelledBy,"aria-describedby":o.ariaDescribedBy,"aria-haspopup":"dialog","aria-expanded":se,"aria-controls":`k-colorpicker-popup-${null!=(a=o.id)?a:0}`,"aria-disabled":S?"true":void 0,className:r.classNames("k-colorpicker","k-picker","k-icon-picker",{[`k-picker-${r.kendoThemeMaps.sizeMap[p]||p}`]:p,[`k-picker-${v}`]:v,[`k-rounded-${r.kendoThemeMaps.roundedMap[h]||h}`]:h,"k-invalid":!Ie,"k-disabled":S,"k-focus":W,className:T}),ref:A,tabIndex:r.getTabIndex(I,S),title:o.title,onKeyDown:ue,onFocus:ge,onBlur:ke,dir:Se},m.createElement(nt,{dir:Se,open:se,onOpen:pe,popupAnchor:A.current||void 0,popupSettings:{id:`k-colorpicker-popup-${null!=(i=o.id)?i:0}`,...E},input:m.createElement("span",{onClick:ve,className:"k-input-inner"},m.createElement("span",{className:r.classNames("k-value-icon","k-color-preview",{"k-no-color":!re,"k-icon-color-preview":N||M||L})},L&&m.createElement("span",{className:r.classNames("k-color-preview-icon",L)}),!L&&(N||M)&&m.createElement(r.IconWrap,{name:N,icon:M}),m.createElement("span",{className:"k-color-preview-mask",style:{backgroundColor:re}}))),button:m.createElement(l.Button,{tabIndex:-1,type:"button",onClick:()=>ce(!se),className:"k-input-button",rounded:null,icon:"caret-alt-down",svgIcon:s.caretAltDownIcon,"aria-label":c.toLanguageString(H,U[H])}),content:xe(!1),_mobileMode:oe,_actionSheet:Ee()}))}));dt.propTypes={value:a.string,defaultValue:a.string,disabled:a.bool,view:a.oneOf(["gradient","palette","combo"]),views:a.arrayOf(a.oneOf(["gradient","palette"])),dir:a.string,id:a.string,icon:a.string,svgIcon:r.svgIconPropType,ariaLabelledBy:a.string,ariaDescribedBy:a.string,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","flat","outline"]),className:a.string,adaptive:a.bool,adaptiveTitle:a.string};const ut={size:"medium",rounded:"medium",fillMode:"solid",view:"palette",views:["gradient","palette"],gradientSettings:{opacity:!0},paletteSettings:lt};dt.displayName="KendoColorPicker";const pt=m.forwardRef(((e,t)=>{const a=m.useContext(ht).call(void 0,e);r.validatePackage(f);const[,n]=m.useReducer((e=>e),!0),s=r.applyDefaultProps(a,mt),{className:l,label:o,labelClassName:c,id:d,validationMessage:u,defaultValue:p,valid:h,unstyled:v,visited:g,touched:b,modified:k,autoFocus:y,ariaLabelledBy:C,ariaDescribedBy:x,validityStyles:E,style:w,ariaLabel:S,...I}=s,N=r.useUnstyled(),M=v||N,L=M&&M.uInput,R=r.useId(),[V,B]=m.useState({value:p}),P=d||R,z=m.useRef(null),O=m.useRef(void 0),T=m.useRef(null),D=()=>{z.current&&z.current.focus()},F=()=>void 0!==O.current?O.current:void 0!==s.value?s.value:V.value,K=()=>{const e={badInput:!!z.current&&z.current.validity.badInput,patternMismatch:!!z.current&&z.current.validity.patternMismatch,rangeOverflow:!!z.current&&z.current.validity.rangeOverflow,rangeUnderflow:!!z.current&&z.current.validity.rangeUnderflow,stepMismatch:!!z.current&&z.current.validity.stepMismatch,tooLong:!!z.current&&z.current.validity.tooLong,typeMismatch:!!z.current&&z.current.validity.typeMismatch,valueMissing:!!z.current&&z.current.validity.valueMissing};return{...e,customError:void 0!==u,valid:void 0!==h?h:!z.current||!A(e)}};m.useImperativeHandle(T,(()=>({element:z.current,props:s,get value(){return F()},name:s.name,get validity(){return K()},focus:D}))),m.useImperativeHandle(t,(()=>T.current));const A=e=>{let t=!1;for(const a in e)e.hasOwnProperty(a)&&(t=t||!!e[a]);return t},_=!E||K().valid,$=r.classNames(l,r.uInput.input({c:L,invalid:!_,disabled:s.disabled}));m.useEffect((()=>{n()}),[]),m.useEffect((()=>{z.current&&z.current.setCustomValidity&&(K().valid||!E?z.current.classList.remove("k-invalid"):z.current.classList.add("k-invalid"),z.current.setCustomValidity(K().valid?"":u||""))}));const H=m.createElement("input",{"aria-labelledby":C,"aria-describedby":x,"aria-disabled":s.disabled||void 0,"aria-invalid":!_||void 0,"aria-label":S||void 0,...I,style:o?void 0:w,value:F(),id:P,autoFocus:y,className:$,onChange:e=>{B({value:e.target.value}),O.current=e.target.value,s.onChange&&s.onChange.call(void 0,{syntheticEvent:e,nativeEvent:e.nativeEvent,value:e.target.value,target:T.current}),O.current=void 0},onAnimationStart:e=>{if("autoFillStart"===e.animationName){const t=e.target.parentNode;t&&t.classList.contains("k-empty")&&t.classList.remove("k-empty")}},ref:z});return o?m.createElement(i.FloatingLabel,{label:o,labelClassName:c,editorId:P,editorValue:String(F()),editorValid:_,editorDisabled:s.disabled,editorPlaceholder:s.placeholder,children:H,style:w,dir:s.dir,unstyled:M}):H})),ht=r.createPropsContext(),mt={defaultValue:"",required:!1,validityStyles:!0,autoFocus:!1};pt.displayName="KendoReactInput",pt.propTypes={label:a.string,labelClassName:a.string,validationMessage:a.string,required:a.bool,validate:a.bool,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,ariaLabel:a.string,autoFocus:a.bool,value:a.oneOfType([a.string,a.number,a.array])};var ft=(e=>(e[e.Literal=0]="Literal",e[e.Mask=1]="Mask",e[e.Undefined=2]="Undefined",e))(ft||{});let vt=class e{constructor(e,t,a=2){this.value=e,this.rest=t,this.type=a}map(t){return new e(t(this.value),this.rest)}chain(e){return e(this.value,this.rest)}fold(e,t){return e(this.value,this.rest)}concat(e){return this.map(((t,a)=>e.chain(((e,a)=>t.concat([e])))))}toString(){return`Result({ value: '${this.value}', rest: ${this.rest} })`}},gt=class{constructor(e=[],t=[]){this.input=e,this.control=t,this.inputCursor=0,this.controlCursor=0}eof(){return this.inputCursor>=this.input.length}next(){return{char:this.input[this.inputCursor++],control:this.control[this.controlCursor++]}}peek(){return{char:this.input[this.inputCursor],control:this.control[this.controlCursor]}}eat_input(){this.inputCursor++}eat_control(){this.controlCursor++}eat(){this.inputCursor++,this.controlCursor++}};const bt=e=>(e||"").split("");let kt=class e{constructor(e){this.parse=e}run(e,t=""){return e instanceof gt?this.parse(e):this.parse(new gt(bt(e),bt(t)))}map(t){return new e((e=>this.parse(e).map(t)))}chain(t){return new e((e=>this.parse(e).chain(((e,a)=>t(e).run(a)))))}isLiteral(e){return this.run(e).type===ft.Literal}};const yt=(e,t)=>new kt((a=>{let{char:n}=a.next();const r=e[n];return"\\"===n?(n=a.next().char,new vt(t.literal(n),a)):new vt(r?t.mask(r):t.literal(n),a)})),Ct=e=>new kt((t=>{const{prompt:a,promptPlaceholder:n}=e,{char:r}=t.next();return new vt(r===a?n:r,t)})),xt=e=>new kt((t=>{const{char:a}=t.next();return new vt(e?a:"",t)})),Et=e=>e.reduce(((e,t)=>((e,t)=>e.chain((e=>t.map((t=>e.concat([t]))))))(e,t)),(e=>new kt((t=>new vt(e,t))))([])),wt=e=>new kt((t=>{let a=new vt([],t);for(;!t.eof();)a=a.concat(e.run(t));return a}));class St{constructor(){this.rules={},this.prompt="_",this.mask="",this.promptPlaceholder=" ",this.includeLiterals=!1,this.maskTokens=[],this.unmaskTokens=[],this.rawTokens=[],this.validationTokens=[]}update({mask:e="",prompt:t="",promptPlaceholder:a=" ",rules:n={},includeLiterals:r=!1}){this.mask=e,this.prompt=t,this.promptPlaceholder=a,this.rules=n,this.includeLiterals=r,this.tokenize()}validationValue(e=""){let t=e;return Et(this.validationTokens).run(e).fold((e=>{t=e.join("")})),t}rawValue(e=""){let t=e;return this.rawTokens.length&&Et(this.rawTokens).run(e).fold((e=>{t=e.join("")})),t}maskRaw(e=""){let t=e;return this.maskTokens.length&&Et(this.maskTokens).run(e).fold((e=>{t=e.join("")})),t}maskInput(e,t,a){return e.length<t.length?this.maskRemoved(e,t,a):this.maskInserted(e,t,a)}maskInRange(e,t,a,n){let r="";const s=n,i=t.split("").slice(0,a),l=t.split("").slice(n);return Et(this.maskTokens.slice(a,n)).run(e).fold((e=>{r=i.concat(e).concat(l).join("")})),{selection:s,value:r}}maskRemoved(e,t,a){let n="",r=a;const s=e.split("").slice(a),i=e.split("").slice(0,a).join(""),l=this.maskTokens.length-(e.length-a);return Et(this.maskTokens.slice(0,l)).run(i,t).fold((e=>{r=this.adjustPosition(e,r),n=e.concat(s).join("")})),{selection:r,value:n}}adjustPosition(e,t){const a=e[t];return this.maskTokens[t].isLiteral(a)||a===this.prompt?t:t+1}maskInserted(e,t,a){let n="",r=a;const s=e.slice(0,a);return Et(this.unmaskTokens).run(s,t).chain((e=>{r=e.join("").length;const a=t.slice(r);return Et(this.maskTokens).run(e.join("")+a,t)})).fold((e=>{n=e.join("")})),{selection:r,value:n}}get maskTokenCreator(){const{prompt:e,promptPlaceholder:t}=this;return{literal:e=>(e=>new kt((t=>t.peek().char===e?(t.eat(),new vt(e,t,ft.Literal)):new vt(e,t,ft.Literal))))(e),mask:a=>(e=>t=>new kt((a=>{const{prompt:n,promptPlaceholder:r}=e;for(;!a.eof();){const{char:e,control:s}=a.peek();if(e===s&&s===n)return a.eat(),new vt(n,a,ft.Mask);if(t.test(e))return a.eat(),new vt(e,a,ft.Mask);if(e===r)return a.eat(),new vt(n,a,ft.Mask);a.eat_input()}return a.eat(),new vt(n,a,ft.Mask)})))({prompt:e,promptPlaceholder:t})(a)}}get unmaskTokenCreator(){return{literal:e=>(e=>new kt((t=>{if(t.eof())return new vt("",t);const{char:a}=t.peek();return a===e&&t.eat(),new vt(e,t)})))(e),mask:e=>(e=>t=>new kt((a=>{for(;!a.eof();){const{char:n,control:r}=a.peek();if(n===e&&r===e)return a.eat(),new vt(n,a);if(t.test(n))return a.eat(),new vt(n,a);a.eat_input()}return a.eat(),new vt("",a)})))(this.prompt)(e)}}get rawTokenCreator(){const{prompt:e,promptPlaceholder:t,includeLiterals:a}=this;return{literal:e=>xt(a),mask:a=>Ct({prompt:e,promptPlaceholder:t})}}get validationTokenCreator(){const{prompt:e}=this;return{literal:e=>xt(!1),mask:t=>Ct({prompt:e,promptPlaceholder:""})}}tokenize(){wt(yt(this.rules,this.maskTokenCreator)).run(this.mask).fold(((e,t)=>{this.maskTokens=e})),wt(yt(this.rules,this.unmaskTokenCreator)).run(this.mask).fold(((e,t)=>{this.unmaskTokens=e})),wt(yt(this.rules,this.rawTokenCreator)).run(this.mask).fold(((e,t)=>{this.rawTokens=e})),wt(yt(this.rules,this.validationTokenCreator)).run(this.mask).fold(((e,t)=>{this.validationTokens=e}))}}const It={"#":/[\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]/},Nt=()=>!1,Mt=(e,t)=>e.includeLiterals!==t.includeLiterals||e.mask!==t.mask||e.prompt!==t.prompt||e.promptPlaceholder!==t.promptPlaceholder||!Lt(e.rules,t.rules),Lt=(e,t)=>{if(!!e!=!!t)return!1;if(e===t||!e||!t)return!0;let a=!0;for(const n in e)if(e[n]!==t[n]){a=!1;break}if(a)for(const n in t)if(!e.hasOwnProperty(n)){a=!1;break}return a},Rt=class e extends m.Component{constructor(e){super(e),this.state={},this._inputId=`k_${this.props.id}`,this._service=new St,this._isPasted=!1,this._selection=[null,null],this._input=null,this.focus=()=>{this._input&&this._input.focus()},this.pasteHandler=e=>{const{selectionStart:t,selectionEnd:a}=e.target;a!==t&&(this._isPasted=!0,this._selection=[t||0,a||0])},this.onChangeHandler=e=>{const t=e.currentTarget,a=t.value,n=this._selection[0]||0,r=this._selection[1]||0;if(!this.props.mask)return this._isPasted=!1,this._selection=[null,null],void this.triggerOnChange(a,e);const s=this.value;let i;if(this._isPasted){this._isPasted=!1;const e=s.length-r,t=a.length-e;i=this._service.maskInRange(a.slice(n,t),s,n,r)}else i=this._service.maskInput(a,s,t.selectionStart||0);this._selection=[i.selection,i.selection],this.triggerOnChange(i.value,e)},this.focusHandler=e=>{this.state.focused||(this.setState({focused:!0}),this.props.onFocus&&this.props.onFocus.call(void 0,{target:this,syntheticEvent:e,nativeEvent:e.nativeEvent}))},this.blurHandler=e=>{this.state.focused&&(this.setState({focused:!1}),this.props.onBlur&&this.props.onBlur.call(void 0,{target:this,syntheticEvent:e,nativeEvent:e.nativeEvent}))},this.setValidity=()=>{this.element&&this.element.setCustomValidity(this.validity.valid?"":this.props.validationMessage||"")},r.validatePackage(f)}get element(){return this._input}get value(){return void 0!==this._valueDuringOnChange?this._valueDuringOnChange:void 0!==this.props.value?this.props.value:void 0!==this.state.value?this.state.value:void 0!==this.props.defaultValue?this.props.defaultValue:""}get rawValue(){return this._service.rawValue(this.value)}get validity(){const e=this.value,t=this._service.validationValue(e);return{customError:void 0!==this.props.validationMessage,valid:void 0!==this.props.valid?this.props.valid:!(this.required&&!t||this.props.maskValidation&&this.props.prompt&&-1!==e.indexOf(this.props.prompt)),valueMissing:!t}}get validityStyles(){return void 0!==this.props.validityStyles?this.props.validityStyles:e.defaultProps.validityStyles}get required(){return void 0!==this.props.required&&this.props.required}get name(){return this.props.name}componentDidUpdate(e,t){if(this.element&&this.state.focused&&t.focused){let[t,a]=this._selection;const n=e.selection,r=this.props.selection;(!n&&r||n&&r&&(n.start!==r.start||n.end!==r.end))&&(t=r.start,a=r.end),null!==t&&null!==a&&this.element.setSelectionRange(t,a)}Mt(e,this.props)&&this.updateService(),this.setValidity()}componentDidMount(){this.updateService(),this.setValidity()}render(){const{size:t=e.defaultProps.size,fillMode:a=e.defaultProps.fillMode,rounded:n=e.defaultProps.rounded,autoFocus:s=e.defaultProps.autoFocus,prefix:l=e.defaultProps.prefix,suffix:o=e.defaultProps.suffix,inputAttributes:c,unstyled:d,className:u}=this.props,p=this.props.id||this._inputId,h=!this.validityStyles||this.validity.valid,f=this.props.style||{},v=d&&d.uMaskedTextBox,[g]=r.useCustomComponent(l),[b]=r.useCustomComponent(o),k=m.createElement("span",{dir:this.props.dir,className:r.classNames(r.uMaskedTextBox.wrapper({c:v,invalid:!h,disabled:this.props.disabled,size:t,fillMode:a,rounded:n}),u),style:this.props.label?f:{width:this.props.width,...f}},m.createElement(g,null),m.createElement("input",{type:"text",autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",autoFocus:s,spellCheck:!1,className:r.classNames(r.uMaskedTextBox.inputInner({c:v})),value:this.value,id:p,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-placeholder":this.props.mask,"aria-required":this.props.required,name:this.props.name,tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled,!0),accessKey:this.props.accessKey,title:this.props.title,disabled:this.props.disabled||void 0,readOnly:this.props.readonly||void 0,placeholder:this.props.placeholder,ref:e=>this._input=e,onChange:this.onChangeHandler,onPaste:this.pasteHandler,onFocus:this.focusHandler,onBlur:this.blurHandler,onDragStart:Nt,onDrop:Nt,...c}),m.createElement(b,null));return this.props.label?m.createElement(i.FloatingLabel,{label:this.props.label,editorId:p,editorValue:this.value,editorValid:h,editorDisabled:this.props.disabled,editorPlaceholder:this.props.placeholder,children:k,style:{width:this.props.width},dir:this.props.dir}):k}triggerOnChange(e,t){if(this.setState({value:e}),this.props.onChange){this._valueDuringOnChange=e;const a={syntheticEvent:t,nativeEvent:t.nativeEvent,selectionStart:this._selection[0],selectionEnd:this._selection[1],target:this,value:this.value};this.props.onChange.call(void 0,a),this._valueDuringOnChange=void 0}}updateService(e){const t=Object.assign({includeLiterals:this.props.includeLiterals,mask:this.props.mask,prompt:this.props.prompt,promptPlaceholder:this.props.promptPlaceholder,rules:this.rules},e);this._service.update(t)}get rules(){return Object.assign({},It,this.props.rules)}};Rt.displayName="MaskedTextBox",Rt.propTypes={value:a.string,defaultValue:a.string,placeholder:a.string,title:a.string,dir:a.string,id:a.string,style:a.object,className:a.string,prefix:a.any,suffix:a.any,ariaLabelledBy:a.string,ariaDescribedBy:a.string,width:a.oneOfType([a.string,a.number]),tabIndex:a.number,accessKey:a.string,disabled:a.bool,readonly:a.bool,prompt:a.string,promptPlaceholder:a.string,includeLiterals:a.bool,maskValidation:a.bool,mask:a.string,rules:function(e,t,a){const n=e.rules;return void 0===n||Object.entries(n).some((e=>"string"!=typeof e||!(n[e]instanceof RegExp)))?null:new Error("Invalid prop `"+t+"` supplied to `"+a+"`. Validation failed.")},selection:a.shape({start:a.number.isRequired,end:a.number.isRequired}),name:a.string,label:a.string,validationMessage:a.string,required:a.bool,valid:a.bool,validityStyles:a.bool,onChange:a.func,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","flat","outline"]),autoFocus:a.bool,inputAttributes:a.object},Rt.defaultProps={prompt:"_",promptPlaceholder:" ",includeLiterals:!1,maskValidation:!0,rules:It,validityStyles:!0,prefix:e=>null,suffix:e=>null,size:"medium",rounded:"medium",fillMode:"solid",autoFocus:!1};let Vt=Rt;const Bt=r.createPropsContext(),Pt=r.withIdHOC(r.withPropsContext(Bt,r.withUnstyledHOC(Vt)));Pt.displayName="KendoReactMaskedTextBox";var zt=(e=>(e.start="start",e.end="end",e.min="min",e.max="max",e.increase="increase",e.decrease="decrease",e.increaseLarge="increaseLarge",e.decreaseLarge="decreaseLarge",e))(zt||{});const Ot=(e,t)=>{let a,n;switch(t.type){case"start":if(void 0===t.payload)return e;a={start:t.payload>e.end?e.end:Math.max(t.payload,t.min),end:e.end};break;case"end":if(void 0===t.payload)return e;a={start:e.start,end:t.payload<e.start?e.start:Math.min(t.payload,t.max)};break;case"min":a="start"===t.key?{...e,start:t.min}:{...e,end:Math.max(t.min,e.start)};break;case"max":a="start"===t.key?{...e,start:Math.min(t.max,e.end)}:{...e,end:t.max};break;case"increase":if(void 0===t.step||void 0===t.key)return e;n=e[t.key]+t.step,a="start"===t.key?n<t.min?{...e,start:t.min}:{...e,start:Math.min(n,e.end)}:n>t.max?{...e,end:t.max}:{...e,end:Math.max(n,e.start)};break;case"decrease":if(void 0===t.step||void 0===t.key)return e;n=e[t.key]-t.step,a="start"===t.key?n<t.min?{...e,start:t.min}:{...e,start:Math.min(n,e.end)}:n>t.max?{...e,end:t.max}:{...e,end:Math.max(n,e.start)};break;case"increaseLarge":if(void 0===t.largeStep||void 0===t.key)return e;n=e[t.key]+t.largeStep,a="start"===t.key?n<t.min?{...e,start:t.min}:{...e,start:Math.min(n,e.end)}:n>t.max?{...e,end:t.max}:{...e,end:Math.max(n,e.start)};break;case"decreaseLarge":if(void 0===t.largeStep||void 0===t.key)return e;n=e[t.key]-t.largeStep,a="start"===t.key?n<t.min?{...e,start:t.min}:{...e,start:Math.min(n,e.end)}:n>t.max?{...e,end:t.max}:{...e,end:Math.max(n,e.start)};break;default:a=e}return a},Tt=r.createPropsContext(),Dt=m.forwardRef(((e,t)=>{r.validatePackage(f);const a=r.usePropsContext(Tt,e),s={step:Kt.step,largeStep:Kt.largeStep,defaultValue:Kt.defaultValue,vertical:Kt.vertical,disabled:Kt.disabled,...a},i=m.useRef(null),l=m.useRef(null),o=m.useRef(null),c=m.useRef(null),d=m.useRef(null),u=m.useCallback((()=>{c.current&&c.current.focus()}),[c]);m.useImperativeHandle(i,(()=>({element:l.current,focus:u,props:s}))),m.useImperativeHandle(t,(()=>i.current));const p=m.useMemo((()=>s.min),[s.min]),h=m.useMemo((()=>s.max),[s.max]),v=m.useMemo((()=>void 0!==s.step?s.step:Kt.step),[s.step,Kt.step]),g=m.useMemo((()=>void 0!==s.largeStep?s.largeStep:Kt.largeStep),[s.largeStep,Kt.largeStep]),b=r.useDir(l,s.dir),[k,C]=m.useState(""),[x,E]=((e,t,a)=>{const[n,r]=m.useState(e),s=m.useCallback((e=>{const s=Ot(t.state||n,{...e,...t});a&&a(s,e.event),r(s)}),[t,a]);return[n,s]})(s.defaultValue||Kt.defaultValue,{min:p,max:h,step:v,largeStep:g,state:s.value},((e,t)=>{s.onChange&&i.current&&s.onChange.call(void 0,{value:e,target:i.current,syntheticEvent:t})})),w=m.useMemo((()=>s.value||x),[s.value,x]),S=m.useRef(null),I=m.useRef(null),N=m.useMemo((()=>(w.start-p)/(h-p)*100),[w.start,p,h]),M=m.useMemo((()=>(w.end-p)/(h-p)*100),[w.end,p,h]),L=m.useMemo((()=>s.vertical?{paddingTop:0,height:"100%"}:{}),[s.vertical]),R=m.useMemo((()=>s.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"}),[s.vertical]),V=n.useLocalization(),B=m.useCallback((e=>{if(!I.current)return;const t=I.current.getBoundingClientRect(),a=s.vertical?t.bottom-e.clientY:"rtl"===b?t.right-e.clientX:e.clientX-t.left,n=s.vertical?t.height:t.width;return p+a/n*(h-p)}),[I,s.vertical,b,p,h,x.start,x.end,s.value&&s.value.start,s.value&&s.value.end]),P=m.useCallback((e=>e<=w.start?"start":e>=w.end?"end":2*e<w.end+w.start?"start":"end"),[x.start,x.end,s.value&&s.value.start,s.value&&s.value.end]),z=m.useCallback((e=>{switch(e.keyCode){case r.Keys.right:e.preventDefault(),E({type:"rtl"===b?zt.decrease:zt.increase,key:"start",event:e});break;case r.Keys.up:e.preventDefault(),E({type:zt.increase,key:"start",event:e});break;case r.Keys.left:e.preventDefault(),E({type:"rtl"===b?zt.increase:zt.decrease,key:"start",event:e});break;case r.Keys.down:e.preventDefault(),E({type:zt.decrease,key:"start",event:e});break;case r.Keys.home:e.preventDefault(),E({type:zt.min,key:"start",event:e});break;case r.Keys.end:e.preventDefault(),E({type:zt.max,key:"start",event:e});break;case r.Keys.pageDown:e.preventDefault(),E({type:"rtl"===b?zt.increaseLarge:zt.decreaseLarge,key:"start",event:e});break;case r.Keys.pageUp:e.preventDefault(),E({type:"rtl"===b?zt.decreaseLarge:zt.increaseLarge,key:"start",event:e})}}),[E]),O=m.useCallback((e=>{switch(e.keyCode){case r.Keys.right:e.preventDefault(),E({type:"rtl"===b?zt.decrease:zt.increase,key:"end",event:e});break;case r.Keys.up:e.preventDefault(),E({type:zt.increase,key:"end",event:e});break;case r.Keys.left:e.preventDefault(),E({type:"rtl"===b?zt.increase:zt.decrease,key:"end",event:e});break;case r.Keys.down:e.preventDefault(),E({type:zt.decrease,key:"end",event:e});break;case r.Keys.home:e.preventDefault(),E({type:zt.min,key:"end",event:e});break;case r.Keys.end:e.preventDefault(),E({type:zt.max,key:"end",event:e});break;case r.Keys.pageDown:e.preventDefault(),E({type:"rtl"===b?zt.increaseLarge:zt.decreaseLarge,key:"end",event:e});break;case r.Keys.pageUp:e.preventDefault(),E({type:"rtl"===b?zt.decreaseLarge:zt.increaseLarge,key:"end",event:e})}}),[E,b]),T=m.useCallback((e=>{const t=B(e),a=P(t);C(a),"end"===a?d.current.focus():c.current.focus();const n="end"===a?zt.end:zt.start;E({type:n,payload:t,event:e})}),[s.vertical,p,h,E]);return r.useDraggable(I,{onPress:T,onDrag:e=>{const t=B(e),a="end"===k?zt.end:zt.start;E({type:a,payload:t,event:e})},onRelease:e=>{const t=B(e),a="end"===k?zt.end:zt.start;E({type:a,payload:t,event:e}),C("")}},{autoScroll:!1}),m.createElement("div",{id:s.id,style:s.style,ref:l,dir:b,className:r.classNames("k-slider",{"k-rtl":"rtl"===b,"k-disabled":s.disabled,"k-slider-vertical":s.vertical,"k-slider-horizontal":!s.vertical},s.className)},m.createElement("div",{ref:I,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...R}},s.children&&m.createElement("ul",{className:"k-reset k-slider-items",style:{...L}},m.Children.map(s.children,((e,t)=>e&&m.cloneElement(e,{position:100*(e.props.position-s.min)/(s.max-s.min),vertical:s.vertical,firstTick:0===t,lastTick:t===m.Children.count(s.children)-1},e.props.children)))),m.createElement("div",{ref:S,className:"k-slider-track",style:s.vertical?{bottom:0,height:"100%"}:{["rtl"===b?"right":"left"]:0,width:"100%"}},null!==N&&null!==M&&m.createElement("div",{"data-selection":!0,ref:o,title:`${w.start} - ${w.end}`,className:"k-slider-selection",style:s.vertical?{height:M-N+"%",bottom:N+"%"}:{["rtl"===b?"right":"left"]:N+"%",width:M-N+"%"}}),m.createElement("span",{ref:c,role:"slider",tabIndex:r.getTabIndex(s.startTabIndex,s.disabled,void 0),"aria-valuemin":p,"aria-valuemax":Math.max(h,w.end),"aria-valuenow":w.start,"aria-disabled":s.disabled?"true":void 0,"aria-valuetext":`${w.start} - ${w.end}`,className:"k-draghandle k-draghandle-start",title:V.toLanguageString(y,U[y]),style:s.vertical?{bottom:"calc("+N+"%)",zIndex:1}:"rtl"===b?{right:"calc("+N+"% - 13px)",zIndex:1}:{left:"calc("+N+"%)",zIndex:1},onKeyDown:z}),m.createElement("span",{ref:d,role:"slider",tabIndex:r.getTabIndex(s.endTabIndex,s.disabled,void 0),"aria-valuemin":Math.min(p,w.start),"aria-valuemax":h,"aria-valuenow":w.end,"aria-disabled":s.disabled?"true":void 0,"aria-valuetext":`${w.start} - ${w.end}`,className:"k-draghandle k-draghandle-end",title:V.toLanguageString(y,U[y]),style:s.vertical?{bottom:"calc("+M+"%)",zIndex:1}:"rtl"===b?{right:"calc("+M+"% - 13px)",zIndex:1}:{left:"calc("+M+"%)",zIndex:1},onKeyDown:O}))))})),Ft={value:(e,t,a)=>{if(e.value){const n=e.value.start,r=e.value.end,s=e.min,i=e.max;if(n>r||n>i||n<s||r>i||r<s||r<n)return new Error(`Invalid prop + ${t} supplied to ${a}.\n                    The { start, end } value must be between the min & max value and { start, end } must be start < end.\n                    `)}return null},defaultValue:(e,t,a)=>{if(e.defaultValue){const n=e.defaultValue.start,r=e.defaultValue.end,s=e.min,i=e.max;if(n>r||n>i||n<s||r>i||r<s||r<n)return new Error(`Invalid prop + ${t} supplied to ${a}.\n                    The { start, end } value must be between the min & max value and { start, end } must be start < end.\n                    `)}return null},onChange:a.func,step:a.number,min:(e,t,a)=>{const n=e[t],r=e.min,s=e.max;return void 0===r?new Error(`Invalid prop + ${t} supplied to ${a}.\n                ${t} value can not be undefined.\n                `):n&&r>=s?new Error(`Invalid prop + ${t} supplied to ${a}.\n                ${t} value can not be equal to or bigger than the max value.\n                `):null},max:(e,t,a)=>{const n=e[t],r=e.min,s=e.max;return void 0===s?new Error(`Invalid prop + ${t} supplied to ${a}.\n                ${t} value can not be undefined.\n                `):n&&s<=r?new Error(`Invalid prop + ${t} supplied to ${a}.\n                ${t} value can not be equal to or smaller than the min value.\n                `):null},vertical:a.bool,disabled:a.bool,dir:a.oneOf(["ltr","rtl"])},Kt={step:1,largeStep:10,defaultValue:{start:0,end:0},vertical:!1,disabled:!1};Dt.displayName="KendoReactRangeSlider",Dt.propTypes=Ft;const At=class e extends m.Component{constructor(t){super(t),this.setValidity=()=>{this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity.valid?"":this.props.validationMessage||this.defaultValidationMessage.toLanguageString($,U[$]))},this.limit=(e,t,a)=>{const n=a.offsetWidth,r=t.offsetWidth;return e<0?0:e>n-r?n-r:e},this.toggle=(e,t)=>{this.setState({checked:e}),this.valueDuringOnChange=e,r.dispatchEvent(this.props.onChange,t,this,{value:e}),this.valueDuringOnChange=void 0},this._element=null,this._wrapper=null,this._input=null,this._id=this.props.id,this.defaultValidationMessage=n.provideLocalizationService(this),this.focus=()=>{this.actionElement&&this.actionElement.focus()},this.dummyInput=e=>m.createElement("input",{type:"checkbox",checked:this.props.checked,ref:e=>{this._input=e},tabIndex:-1,"aria-hidden":!0,value:e,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:r.noop,name:this.name||void 0}),this.handleClick=e=>{this.eventTimeStamp!==e.timeStamp&&(this.eventTimeStamp=e.timeStamp,this.toggle(!this.value,e))},this.handleKeyDown=e=>{if(this.props.disabled)return;const{keyCode:t}=e;(t===r.Keys.space||t===r.Keys.enter)&&(this.toggle(!this.value,e),e.preventDefault())},this.handleWrapperFocus=e=>{if(this.props.disabled)return;this.setState({focused:!0});const{onFocus:t}=this.props;t&&t.call(void 0,e)},this.handleWrapperBlur=e=>{if(this.props.disabled)return;this.setState({focused:!1});const{onBlur:t}=this.props;t&&t.call(void 0,e)},r.validatePackage(f),this.state={checked:t.defaultChecked||e.defaultProps.defaultChecked,focused:!1}}get value(){return void 0!==this.valueDuringOnChange?this.valueDuringOnChange:void 0!==this.props.checked?this.props.checked:this.state.checked}get element(){return this._element}get actionElement(){return this._wrapper}get name(){return this.props.name}get validity(){const e=void 0!==this.props.validationMessage,t=void 0!==this.props.valid?this.props.valid:!this.props.required||!!this.value;return{customError:e,valid:void 0!==this.props.valid?this.props.valid:t,valueMissing:null===this.value}}get validityStyles(){return void 0!==this.props.validityStyles?this.props.validityStyles:e.defaultProps.validityStyles}get required(){return void 0!==this.props.required&&this.props.required}componentDidMount(){this.setValidity(),this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{focused:e}=this.state,{dir:t,disabled:a,trackRounded:n,thumbRounded:s,size:i,offLabel:l,onLabel:o,tabIndex:c}=this.props;this.dir=t||this.element&&getComputedStyle(this.element).direction||void 0;const d=!this.validityStyles||this.validity.valid,u=r.classNames("k-switch",{[`k-switch-${r.kendoThemeMaps.sizeMap[i]||i}`]:i,"k-switch-on":this.value,"k-switch-off":!this.value,"k-focus":e,"k-disabled":a,"k-invalid":!d},this.props.className),p={"aria-checked":this.value,"aria-disabled":a||void 0,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel,"aria-required":this.props.required};return m.createElement("span",{ref:e=>{this._wrapper=e},role:"switch",...p,className:u,dir:this.dir,onKeyDown:this.handleKeyDown,onClick:this.handleClick,onBlur:this.handleWrapperBlur,onFocus:this.handleWrapperFocus,tabIndex:r.getTabIndex(c,a,void 0),accessKey:this.props.accessKey,id:this.props.id||this._id},m.createElement("span",{className:r.classNames("k-switch-track",{[`k-rounded-${r.kendoThemeMaps.roundedMap[n]||n}`]:n}),ref:e=>{this._element=e}},this.dummyInput(this.value),o?m.createElement("span",{className:"k-switch-label-on"},o):"",l?m.createElement("span",{className:"k-switch-label-off"},l):""),m.createElement("span",{className:"k-switch-thumb-wrap"},m.createElement("span",{className:r.classNames("k-switch-thumb",{[`k-rounded-${s}`]:s})})))}};At.displayName="Switch",At.propTypes={accessKey:a.string,checked:a.bool,className:a.string,disabled:a.bool,defaultChecked:a.bool,size:a.oneOf([null,"small","medium","large"]),trackRounded:a.oneOf([null,"small","medium","large","full"]),thumbRounded:a.oneOf([null,"small","medium","large","full"]),dir:a.string,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,offLabel:a.string,required:a.bool,tabIndex:a.number,valid:a.bool,validate:a.bool,validationMessage:a.string,onBlur:a.any,onChange:a.any,onFocus:a.any,onLabel:a.string},At.defaultProps={disabled:!1,defaultChecked:!1,size:"medium",trackRounded:"full",thumbRounded:"full",offLabel:"OFF",onBlur:r.noop,onFocus:r.noop,onLabel:"ON",validityStyles:!0};let _t=At;const $t=r.createPropsContext(),Ht=r.withIdHOC(r.withPropsContext($t,_t));Ht.displayName="KendoReactSwitch";const qt=r.createPropsContext(),Gt=m.forwardRef(((e,t)=>{r.validatePackage(f);const a=r.usePropsContext(qt,e),{ariaDescribedBy:s,ariaLabelledBy:i,checked:l,className:o,labelClassName:c,children:d,defaultChecked:u,disabled:p,defaultValue:h,id:v,size:g=jt.size,rounded:b=jt.rounded,label:k,labelPlacement:y,name:C,labelOptional:x,onChange:E,onFocus:w,onBlur:S,tabIndex:I,value:N,required:M,valid:L,validationMessage:R,validityStyles:V,autoFocus:B,visited:P,touched:z,modified:O,...T}=a,D=m.useRef(null),F=m.useCallback((()=>{D.current&&D.current.focus()}),[]),K=m.useCallback((()=>({element:D.current,focus:F,get name(){return D.current&&D.current.name}})),[F]);m.useImperativeHandle(t,K);const[$,H]=m.useState(u),[q,G]=m.useState(h),j="boolean"==typeof N||null===N,W=void 0!==l,Y=j,X=Y?N:q,Z=W?l:Y?void 0:$,J=void 0===Z&&X,Q=J?X:Z,ee=J||Y?null===N?N:void 0:N||X,te=null===Q||null===ee,ae=r.useId(),ne=n.useLocalization(),re=e=>ne.toLanguageString(e,U[e]),se=re(A),ie=re(_),le=void 0!==L?L:!M||!!Z;m.useEffect((()=>{D.current&&D.current.setCustomValidity&&D.current.setCustomValidity(le?"":R||se)}),[le,R,se]);const oe=m.useCallback(((e,t)=>{!Y&&!p&&(G(t),!W&&!p&&H(t)),E&&!p&&r.dispatchEvent(E,e,{...K(),value:t},{value:t})}),[W,p,E,Y,K]),ce=m.useCallback((e=>{const t=e.target.checked;oe(e,t)}),[oe,N]),de=m.useCallback((e=>{if(p)return;const{keyCode:t}=e,a=e.currentTarget.checked;t===r.Keys.space&&(e.preventDefault(),e.stopPropagation(),oe(e,!a))}),[p,oe]),ue=m.useCallback((e=>{if(p)return;const{keyCode:t}=e;t===r.Keys.space&&e.preventDefault()}),[p]),pe=m.useCallback((e=>{w&&!p&&r.dispatchEvent(w,e,K(),void 0)}),[w,p,K]),he=m.useCallback((e=>{S&&!p&&r.dispatchEvent(S,e,K(),void 0)}),[S,p,K]),me=r.useDir(D,a.dir),fe=r.classNames("k-checkbox-wrap",o),ve={type:"checkbox",className:r.classNames("k-checkbox",{[`k-checkbox-${r.kendoThemeMaps.sizeMap[g]||g}`]:g,[`k-rounded-${r.kendoThemeMaps.roundedMap[b]||b}`]:b,"k-indeterminate":te,"k-disabled":p,"k-invalid k-invalid":!(le||void 0!==V||!0===V)}),ref:D,name:C,id:v||ae,disabled:p,required:void 0!==M&&M,tabIndex:r.getTabIndex(I,p),role:"checkbox",checked:!!Q,"aria-describedby":s,"aria-labelledby":i,"aria-disabled":p||void 0,"aria-required":M,autoFocus:B,...T,onChange:ce,onKeyDown:de,onKeyUp:ue,onFocus:pe,onBlur:he},ge=void 0===ee?m.createElement("input",{...ve}):m.createElement("input",{...ve,value:j?void 0:null===ee?"":ee}),be=void 0!==k?m.createElement("label",{className:r.classNames("k-checkbox-label",c),htmlFor:v||ae,style:{userSelect:"none"}},k,x&&m.createElement("span",{className:"k-label-optional"},ie)):null,ke=m.createElement("span",{className:fe},ge,d);return m.createElement(m.Fragment,null,"before"===y?m.createElement("div",{dir:"rtl"},ke,be):"after"===y?m.createElement("div",{dir:"ltr"},ke,be):m.createElement("div",{dir:me},ke,be))}));Gt.propTypes={checked:a.bool,className:a.string,defaultChecked:a.bool,defaultValue:a.any,dir:a.string,disabled:a.bool,id:a.string,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large"]),ariaLabelledBy:a.string,ariaDescribedBy:a.string,label:a.any,labelPlacement:a.string,labelOptional:a.bool,name:a.string,tabIndex:a.number,value:a.any,validationMessage:a.string,required:a.bool,validate:a.bool,valid:a.bool,autoFocus:a.bool,onChange:a.func,onFocus:a.func,onBlur:a.func};const jt={size:"medium",rounded:"medium",autoFocus:!1};Gt.displayName="KendoCheckbox";const Wt=r.createPropsContext(),Ut=m.forwardRef(((e,t)=>{r.validatePackage(f);const a=r.usePropsContext(Wt,e),{ariaDescribedBy:n,checked:s,children:i,className:l,disabled:o,id:c,size:d=Yt.size,label:u,labelPlacement:p,name:h,style:v,tabIndex:g,value:b,valid:k,onChange:y,onFocus:C,onBlur:x,required:E,...w}=a,S=r.useUnstyled(),I=S&&S.uRadioButton,N=m.useRef(null),M=m.useCallback((()=>{N.current&&N.current.focus()}),[]),L=m.useCallback((()=>({element:N.current,focus:M})),[M]);m.useImperativeHandle(t,L);const R=r.useId(),V=m.useCallback((e=>{r.dispatchEvent(y,e,L(),{value:b})}),[y,b,o]),B=m.useCallback((e=>{C&&!o&&r.dispatchEvent(C,e,L(),void 0)}),[C,o]),P=m.useCallback((e=>{x&&!o&&r.dispatchEvent(x,e,L(),void 0)}),[x,o]),z={type:"radio",id:c||R,name:h,className:r.classNames(r.uRadioButton.input({c:I,size:d,invalid:!1===k,checked:s}),l),ref:N,disabled:o,tabIndex:r.getTabIndex(g,o),checked:s,style:v,"aria-describedby":n,"aria-required":E,value:b,onChange:V,onFocus:B,onBlur:P,...w},O=m.createElement(m.Fragment,null,void 0!==u?m.createElement("label",{className:r.classNames(r.uRadioButton.label({c:I})),htmlFor:c||R,style:{userSelect:"none"},"aria-label":u},u):null),T=m.createElement("span",{className:r.classNames(r.uRadioButton.wrap({c:I}))},m.createElement("input",{...z}));return"before"===p?m.createElement(m.Fragment,null,O,T,i):m.createElement(m.Fragment,null,T,O,i)}));Ut.propTypes={ariaDescribedBy:a.string,checked:a.bool,className:a.string,disabled:a.bool,id:a.string,size:a.oneOf([null,"small","medium","large"]),label:a.string,labelPlacement:a.string,name:a.string,style:a.object,tabIndex:a.number,value:a.any,valid:a.bool,onChange:a.func,onFocus:a.func,onBlur:a.func};const Yt={size:"medium"};Ut.displayName="KendoRadioButton";const Xt=r.createPropsContext(),Zt=m.forwardRef(((e,t)=>{r.validatePackage(f);const a=r.usePropsContext(Xt,e),{id:n,ariaLabelledBy:s,ariaDescribedBy:i,className:l,data:o,defaultValue:c,disabled:d,name:u,labelPlacement:p,layout:h,style:v,value:g,valid:b,item:k=Jt.item,onChange:y,onFocus:C}=a,x=r.useUnstyled(),E=x&&x.uRadioGroup,w=m.useRef(null),S=m.useCallback((()=>{w.current&&r.focusFirstFocusableChild(w.current)}),[]),I=m.useCallback((()=>({element:w.current,focus:S})),[S]);m.useImperativeHandle(t,I);const[N,M]=m.useState(c),L=void 0!==g,R=L?g:N,V=m.useCallback((e=>{const t=e.value;!L&&!d&&M(t),y&&!d&&r.dispatchEvent(y,e.syntheticEvent,I(),{value:t})}),[M,y,d]),B=m.useCallback((e=>{C&&!d&&r.dispatchEvent(C,e.syntheticEvent,I(),void 0)}),[C,d]),P=r.useId(),z=r.classNames(r.uRadioGroup.ul({c:E,horizontal:"horizontal"===h,vertical:"vertical"===h||void 0===h}),l),O=r.useRtl(w,a.dir),T=o&&o.map(((e,t)=>{const a=R===e.value,n=null==R,s={...e,valid:b,checked:a,disabled:!(!e.disabled&&!d),labelPlacement:e.labelPlacement?e.labelPlacement:p,tabIndex:e.tabIndex?e.tabIndex:n&&0===t||a?0:-1,index:t,name:u||P,required:e.required,onChange:V,onFocus:B};return m.createElement(k,{className:r.classNames(r.uRadioGroup.item({c:E,disabled:s.disabled||d})),key:t,role:"none"},m.createElement(Ut,{...s}))}));return m.createElement("ul",{id:n,role:"radiogroup",className:z,ref:w,dir:O,style:v,"aria-labelledby":s,"aria-describedby":i},T)})),Jt={item:e=>m.createElement("li",{...e})};Zt.propTypes={ariaLabelledBy:a.string,ariaDescribedBy:a.string,className:a.string,data:a.arrayOf(a.object),defaultValue:a.any,dir:a.string,disabled:a.bool,labelPlacement:a.string,layout:a.string,name:a.string,style:a.object,value:a.any,onChange:a.func,onFocus:a.func},Zt.displayName="KendoRadioGroup";const Qt=r.createPropsContext(),ea=m.forwardRef(((e,t)=>{const a=r.usePropsContext(Qt,e),{size:n=ta.size,rounded:s=ta.rounded,fillMode:i=ta.fillMode,autoFocus:l=ta.autoFocus,prefix:o=null,suffix:c=null,ariaDescribedBy:d,ariaLabelledBy:u,autoSize:p,className:h,defaultValue:f,disabled:v,readOnly:g,required:b,rows:k,id:y,name:C,placeholder:x,style:E,tabIndex:w,value:S,valid:I,validationMessage:N,validityStyles:M,onChange:L,onFocus:R,onBlur:V,visited:B,touched:P,modified:z,resizable:O,inputAttributes:T,...D}=a,F=m.useRef(null),K=m.useCallback((()=>{F.current&&F.current.focus()}),[]),[A,_]=m.useState(f),[$,H]=r.useCustomComponent(o),[q,G]=r.useCustomComponent(c),j=void 0!==S,W=j?S:A,U=m.useCallback((()=>({element:F,focus:K,get value(){return W},get name(){return F.current&&F.current.name}})),[K,W]);m.useImperativeHandle(t,U);const[Y,X]=m.useState("auto"),Z=r.useId(),J=r.useDir(F,a.dir),Q=void 0!==I?I:!b||!!W;m.useEffect((()=>{F.current&&F.current.setCustomValidity&&F.current.setCustomValidity(Q?"":N||"")}),[Q,N]),r.useIsomorphicLayoutEffect((()=>{F.current&&X(`${F.current.scrollHeight}px`)}),[W]);const ee=m.useCallback((e=>{const t=e.target.value;X("auto"),!j&&!v&&_(t),L&&!v&&r.dispatchEvent(L,e,{...U(),value:t},{value:t})}),[_,L,v,j]),te=m.useCallback((e=>{R&&!v&&r.dispatchEvent(R,e,U(),void 0)}),[R,v]),ae=m.useCallback((e=>{V&&!v&&r.dispatchEvent(V,e,U(),void 0)}),[V,v]),ne={id:y||Z,role:"textbox",name:C,className:r.classNames("k-input-inner","!k-overflow-auto",{"k-resize":!p&&"none"!==O}),ref:F,disabled:v,rows:k,placeholder:x,readOnly:g,required:b,tabIndex:r.getTabIndex(w,v),autoFocus:l,style:p?{resize:"none",overflow:"hidden",height:Y}:O?{resize:O}:{},"aria-labelledby":u,"aria-describedby":d,"aria-multiline":!0,"aria-disabled":v||void 0,"aria-required":b,value:j?S:A,...Object.assign({},D,T),onChange:ee,onFocus:te,onBlur:ae};return m.createElement("span",{className:r.classNames("k-input","k-textarea",{[`k-input-${r.kendoThemeMaps.sizeMap[n]||n}`]:n,[`k-input-${i}`]:i,[`k-rounded-${r.kendoThemeMaps.roundedMap[s]||s}`]:s,"k-invalid":!(Q||void 0!==M||!0===M),"k-required":b,"k-disabled":v},h),style:E,dir:J},a.prefix&&m.createElement($,{...H}),m.createElement("textarea",{...ne}),a.suffix&&m.createElement(q,{...G}))}));ea.propTypes={ariaDescribedBy:a.string,ariaLabelledBy:a.string,autoSize:a.bool,className:a.string,defaultValue:a.string,dir:a.string,disabled:a.bool,readOnly:a.bool,rows:a.number,id:a.string,name:a.string,placeholder:a.string,style:a.object,tabIndex:a.number,value:a.oneOfType([a.string,a.arrayOf(a.string),a.number]),onChange:a.func,onFocus:a.func,onBlur:a.func,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","flat","outline"]),resizable:a.oneOf(["none","both","horizontal","vertical"]),autoFocus:a.bool};const ta={size:"medium",rounded:"medium",fillMode:"solid",autoFocus:!1};ea.displayName="KendoTextArea";const aa=m.forwardRef(((e,t)=>{const a=m.useRef(null),n=m.useRef(null),s={dir:ra.dir,...e},i=r.useDir(n,s.dir);m.useImperativeHandle(a,(()=>({element:n.current,props:s,value:s.value}))),m.useImperativeHandle(t,(()=>a.current));const l=m.useCallback((e=>{s.onClick&&s.onClick.call(void 0,{value:s.value,target:a.current,syntheticEvent:e})}),[s.onClick,s.value]),o=m.useCallback((e=>{s.onKeyDown&&s.onKeyDown.call(void 0,{target:a.current,syntheticEvent:e})}),[s.onKeyDown]),c=m.useCallback((e=>{s.onFocus&&s.onFocus.call(void 0,{target:a.current,syntheticEvent:e})}),[s.onFocus]),d=m.useCallback((e=>{s.onBlur&&s.onBlur.call(void 0,{target:a.current,syntheticEvent:e})}),[s.onBlur]),u=m.useCallback((e=>{s.onMouseMove&&s.onMouseMove.call(void 0,{target:a.current,syntheticEvent:e})}),[s.onMouseMove]),p=m.useCallback((e=>{s.onMouseEnter&&s.onMouseEnter.call(void 0,{target:a.current,syntheticEvent:e})}),[s.onMouseEnter]),h=m.useCallback((e=>{s.onMouseLeave&&s.onMouseLeave.call(void 0,{target:a.current,syntheticEvent:e})}),[s.onMouseLeave]);return m.createElement("span",{id:s.id,ref:n,dir:i,"data-half":s.half,tabIndex:s.tabIndex,title:s.title,style:s.style,className:r.classNames("k-rating-item",{"k-rtl":"rtl"===i,"k-selected":s.selected,"k-hover":s.hovered},s.className),onClick:l,onKeyDown:o,onFocus:c,onBlur:d,onMouseEnter:p,onMouseLeave:h,onMouseMove:u},s.children)})),na={id:a.string,icon:a.any,dir:a.oneOf(["ltr","rtl"]),title:a.string,value:a.number.isRequired,half:a.bool,selected:a.bool,hovered:a.bool},ra={dir:"ltr"};aa.displayName="KendoReactRatingItem",aa.propTypes=na;const sa=(e,t)=>{if(e%1){const a=Math.pow(10,(t.toString().split(".")[1]||t.toString().split(".")[0]).length);return Math.round(e*a)/a}return e},ia=(e,t,a)=>sa(e-a,a)<t&&t<e,la=(e,t,a,n)=>null!==t&&("continues"===n?ia(e,t,a)?sa(e-a/2,a/2)<=t:e<=t:"single"===n&&(ia(e,t,a)?sa(e-a/2,a/2)===t:e===t)),oa=(e,t,a)=>"ltr"===e?a<t.x+t.width/2:a>t.x+t.width/2,ca=(e,t,a,n)=>{for(let r=e;r<=t;r+=a)if(n===r)return!0;return!1};var da=(e=>(e.select="select",e.deselect="deselect",e.increase="increase",e.decrease="decrease",e.min="min",e.max="max",e.reset="reset",e))(da||{});const ua=(e,t)=>{switch(t.type){case"select":return void 0===t.payload||void 0===t.step?e:t.payload===e?null:t.payload>=t.min?t.payload<t.max?sa(t.payload,t.step):t.max:t.min;case"deselect":case"reset":return null;case"increase":return void 0===t.step?e:e<t.min?t.min:e+t.step<t.max?sa(e+t.step,t.step):t.max;case"decrease":return void 0===t.step?e:sa(e-t.step,t.step)>=t.min?sa(e-t.step,t.step):t.min;case"min":return void 0===t.step?e:t.min;case"max":return t.max;default:return e}},pa=(e,t,a)=>{const[n,r]=m.useState(e);return[n,e=>{const s=ua(t.state||n,{...e,...t});a&&a(s,e.event),r(s)}]},ha=r.createPropsContext(),ma=m.forwardRef(((e,t)=>{const a=r.usePropsContext(ha,e),i={dir:va.dir,min:va.min,max:va.max,step:va.step,item:va.item,defaultValue:va.defaultValue,readonly:va.readonly,disabled:va.disabled,selection:va.selection,precision:va.precision,...a},l=n.useLocalization(),o=m.useRef(null),c=m.useRef(null),d=r.useDir(c,i.dir);m.useImperativeHandle(o,(()=>({element:c.current,props:i}))),m.useImperativeHandle(t,(()=>o.current));const u=m.useCallback(((e,t)=>{i.onChange&&o.current&&i.onChange.call(void 0,{value:e,target:o.current,syntheticEvent:t})}),[i.onChange]),p=m.useMemo((()=>void 0!==i.min?i.min:va.min),[i.min]),h=m.useMemo((()=>void 0!==i.max?i.max:va.max),[i.max]),f=m.useMemo((()=>i.precision||va.precision),[i.precision]),v=m.useMemo((()=>void 0!==i.step?i.step:va.step),[i.step]),g=m.useMemo((()=>i.readonly||va.readonly),[i.readonly]),b=m.useMemo((()=>i.disabled||va.disabled),[i.disabled]),k=m.useMemo((()=>i.item||va.item),[i.item]),[y,C]=pa(void 0!==i.defaultValue?i.defaultValue:va.defaultValue,{state:i.value,min:p,max:h,step:"half"===f?v/2:v},u),[x,E]=pa(null,{state:i.value,min:p,max:h,step:"half"===f?v/2:v,precision:f}),w=m.useMemo((()=>void 0!==i.value?i.value:y),[i.value,y]),S=m.useMemo((()=>x),[x]),I=m.useMemo((()=>i.selection||va.selection),[i.selection]),N=m.useMemo((()=>v/("half"===f?2:1)),[v,f]),M=m.useCallback((e=>{if(e.target&&e.target.element&&!g&&!b){if("half"===f){const t=e.target.element.getBoundingClientRect(),a=oa(d||"ltr",t,e.syntheticEvent.clientX)?sa(e.target.value-v/2,N):e.target.value;C({type:da.select,payload:a,event:e.syntheticEvent})}else C({type:da.select,payload:e.target.value,event:e.syntheticEvent});if(i.onClick){const t={value:w,target:o.current,syntheticEvent:e.syntheticEvent};i.onClick.call(void 0,t)}}}),[i.onClick,C,w]),L=m.useCallback((e=>{if(!g&&!b){switch(e.keyCode){case r.Keys.right:e.preventDefault(),C({type:"rtl"===d?da.decrease:da.increase,event:e});break;case r.Keys.left:e.preventDefault(),C({type:"rtl"===d?da.increase:da.decrease,event:e});break;case r.Keys.home:e.preventDefault(),C({type:"rtl"===d?da.min:da.max,event:e});break;case r.Keys.end:e.preventDefault(),C({type:"rtl"===d?da.max:da.min,event:e});break;case r.Keys.esc:e.preventDefault(),C({type:da.deselect,event:e})}i.onKeyDown&&i.onKeyDown.call(void 0,{value:w,target:o.current,syntheticEvent:e})}}),[i.onKeyDown,C,w]),R=m.useCallback((e=>{if(i.onFocus){const t={target:o.current,syntheticEvent:e};i.onFocus.call(void 0,t)}}),[i.onFocus]),V=m.useCallback((e=>{if(i.onBlur){const t={target:o.current,syntheticEvent:e};i.onBlur.call(void 0,t)}}),[i.onBlur]),B=m.useCallback((e=>{if(e.target&&e.target.element)if("half"===f){const t=e.target.element.getBoundingClientRect(),a=oa(d||"ltr",t,e.syntheticEvent.clientX)?e.target.value-v/2:e.target.value;E({type:da.select,payload:a,event:e.syntheticEvent})}else E({type:da.select,payload:e.target.value,event:e.syntheticEvent})}),[f,v,d]),P=m.useCallback((e=>{E({type:da.reset,event:e.syntheticEvent})}),[]),z=[],O=((e,t)=>e-t*Math.floor(e/t))(sa(h-p,N),v);for(let e=p;e<=h;e=sa(e+v,N)){const t=sa(e+O,N),a="half"===f&&ia(t,null!==S?S:null!==w?w:0,v),n=la(t,w,v,I),l=la(t,null!==S?S:w,v,I),o=la(t,S,v,I);z.push(m.createElement(k,{key:t,value:t,dir:d,title:String(a?sa(t-v/2,N):t),icon:i.icon,svgIcon:i.svgIcon,half:a,selected:n||l,hovered:o,onClick:M,onMouseMove:B,onMouseLeave:P},a&&m.createElement("span",{className:"k-rating-precision-complement"},!(i.icon||i.svgIconOutline)&&m.createElement(r.IconWrap,{name:"star-outline",icon:s.starOutlineIcon,style:{clipPath:""+("rtl"===d?"inset(0 50% 0 0)":"inset(0 0 0 50%)")},size:"xlarge"}),(i.icon||i.svgIconOutline)&&m.createElement(r.IconWrap,{name:r.toIconName(`${i.icon}-outline`),icon:i.svgIconOutline,size:"xlarge"})),a&&m.createElement("span",{className:"k-rating-precision-part"},!(i.icon||i.svgIcon)&&m.createElement(r.IconWrap,{name:"star",icon:s.starIcon,style:{clipPath:""+("rtl"===d?"inset(0 0 0 50%)":"inset(0 50% 0 0)")},size:"xlarge"}),(i.icon||i.svgIcon)&&m.createElement(r.IconWrap,{name:i.icon?r.toIconName(i.icon):void 0,icon:i.svgIcon,size:"xlarge"})),a&&m.createElement("span",{style:{width:"24px",height:"24px",display:"block"}}),!a&&!(i.icon||i.svgIcon)&&(o||l&&!o)&&m.createElement(r.IconWrap,{name:"star",icon:s.starIcon,size:"xlarge"})||!(i.icon||i.svgIcon)&&!o&&!l&&m.createElement(r.IconWrap,{name:"star-outline",icon:s.starOutlineIcon,size:"xlarge"})||(i.icon||i.svgIcon)&&(o||l&&!o)&&m.createElement(r.IconWrap,{name:i.icon,icon:i.svgIcon,size:"xlarge"})||(i.icon||i.svgIcon)&&!o&&m.createElement(r.IconWrap,{name:r.toIconName(`${i.icon}-outline`),icon:i.svgIconOutline,size:"xlarge"})))}return m.createElement("span",{id:i.id,style:i.style,ref:c,role:"slider",dir:d,tabIndex:r.getTabIndex(i.tabIndex,i.disabled,void 0),className:r.classNames("k-rating",{"k-rtl":"rtl"===d,"k-readonly":g,"k-disabled":b},i.className),onKeyDown:L,onFocus:R,onBlur:V,"aria-valuemin":p,"aria-valuemax":h,"aria-valuenow":null!==w?w:void 0,"aria-disabled":b?"true":void 0,"aria-label":l.toLanguageString(q,U[q]),"aria-labelledby":i.ariaLabelledBy,"aria-describedby":i.ariaDescribedBy},m.createElement("input",{id:"rating",className:"k-hidden",readOnly:g,disabled:b}),m.createElement("span",{className:"k-rating-container"},z),i.label&&m.createElement("span",{className:"k-rating-label"},i.label))})),fa={id:a.string,dir:a.oneOf(["ltr","rtl"]),selection:a.oneOf(["continues","single"]),precision:a.oneOf(["item","half"]),value:(e,t,a)=>e.value&&e.min&&e.max&&e.step&&!("half"===e.precision?ca(e.min,e.max,e.step/2,e.value):ca(e.min,e.max,e.step,e.value))&&"half"===e.precision?new Error(`Invalid prop + ${t} supplied to ${a}.\n                    The value of the { value } property is not correct, please check your values.\n                    `):null,defaultValue:a.number,min:a.number,max:a.number,step:(e,t,a)=>void 0!==e.step&&e.step<=0?new Error(`Invalid prop + ${t} supplied to ${a}.\n                The value of the { step } property is cannot be equal or less than "0", please check your values.\n                `):null,hovered:a.number,label:a.string,readonly:a.bool,disabled:a.bool,half:a.bool,icon:a.string,svgIcon:r.svgIconPropType,svgIconOutline:r.svgIconPropType,ariaDescribedBy:a.string},va={dir:"ltr",min:1,max:5,step:1,item:aa,defaultValue:null,readonly:!1,disabled:!1,selection:"continues",precision:"item"};ma.displayName="KendoReactRating",ma.propTypes=fa;const ga=e=>void 0!==e,ba=r.createPropsContext(),ka=m.forwardRef(((e,t)=>{r.validatePackage(f);const a=r.usePropsContext(ba,e),i=m.useMemo((()=>({strokeWidth:ya.strokeWidth,smooth:ya.smooth,popupScale:ya.popupScale,exportScale:ya.exportScale,maximizable:ya.maximizable,disabled:ya.disabled,required:ya.required,validityStyles:ya.validityStyles,onChange:ya.onChange,onFocus:ya.onFocus,onBlur:ya.onBlur,onOpen:ya.onOpen,onClose:ya.onClose,size:ya.size,rounded:ya.rounded,fillMode:ya.fillMode,...a})),[a]),o=n.useLocalization(),c=m.useRef(null),d=m.useRef(null),h=m.useRef(null),v=m.useRef(null),g=m.useRef(null),[b,k]=m.useState(),[y,C]=m.useState(!1),[x,E]=m.useState(!1),[w,S]=m.useState(),[I,N]=m.useState(),M=ga(i.value)?i.value:w,[L,R]=m.useState(!1),V=ga(i.open),B=V?i.open:L,P=i.maximized||x||!i.maximizable||i.disabled,z=!(i.maximized&&!x),O=!(!i.value&&!w||x||i.readOnly||i.disabled),T=o.toLanguageString(j,U[j]),D=o.toLanguageString(W,U[W]),F=o.toLanguageString(G,U[G]),K=i.popupScale||3,A=i.exportScale||2,_=e=>{S(e),i.onChange&&i.onChange({value:e})};m.useEffect((()=>{i.value!==w&&(S(i.value),null==b||b.loadImage(i.value))}),[i.value]);const $=m.useCallback((e=>{V||R(e)}),[V]),H=m.useCallback((()=>{let e="#000000";return!i.color&&"undefined"!=typeof document&&c.current&&(e=getComputedStyle(c.current).color),i.color||e}),[i.color]),q=m.useCallback((()=>{let e="#ffffff";return!i.backgroundColor&&"undefined"!=typeof document&&c.current&&(e=getComputedStyle(c.current).backgroundColor),i.backgroundColor||e}),[i.backgroundColor]),Y=()=>({scale:i.maximized?i.popupScale:1,color:H(),backgroundColor:q(),strokeWidth:i.strokeWidth,smooth:i.smooth,readonly:i.readOnly}),X=async e=>{const{width:t,height:a}=e;return await(null==b?void 0:b.exportImage({width:t*A,height:a*A}))};m.useEffect((()=>{const e=d.current,t=new u.SignaturePad(e,Y());return M&&t.loadImage(M),k(t),()=>t.destroy()}),[]),m.useEffect((()=>{null==b||b.setOptions({onChange:async()=>_(await X(ce())),onDraw:()=>E(!0),onDrawEnd:()=>E(!1)})}),[b]),r.useIsomorphicLayoutEffect((()=>null==b?void 0:b.setOptions(Y())),[i.readOnly,i.color,i.backgroundColor,i.strokeWidth,i.smooth]),m.useEffect((()=>{var e,t;const a=null==(t=null==(e=h.current)?void 0:e.element)?void 0:t.querySelector(".k-overlay");if(!a)return;const n=()=>$(!1);return a.addEventListener("click",n),()=>a.removeEventListener("click",n)}),[B]),m.useEffect((()=>{if(!B||"undefined"==typeof document)return;const e=e=>{var t,a;"Escape"===e.key&&($(!1),null==(a=null==(t=g.current)?void 0:t.element)||a.focus())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)}),[B]),m.useEffect((()=>{var e,t;i.maximized&&(null==(t=null==(e=v.current)?void 0:e.element)||t.focus())}),[]);const Z=m.useCallback((()=>{var e;return null==(e=d.current)?void 0:e.focus()}),[]),J=m.useCallback((()=>i.value),[i.value]),Q=m.useCallback((()=>i.name),[i.name]),ee=m.useCallback((()=>i.required),[i.required]),te=m.useCallback((()=>{const e=void 0!==i.validationMessage,t=!J();return{customError:e,valid:void 0!==i.valid?i.valid:!ee()||!t,valueMissing:t}}),[i.validationMessage,i.valid,J,ee]),ae=m.useCallback((()=>i.validityStyles),[i.validityStyles]),ne=m.useCallback((()=>i),[i]),re=m.useCallback((()=>{const e={element:c.current,focus:Z};return Object.defineProperty(e,"name",{get:Q}),Object.defineProperty(e,"value",{get:J}),Object.defineProperty(e,"validity",{get:te}),Object.defineProperty(e,"validityStyles",{get:ae}),Object.defineProperty(e,"required",{get:ee}),Object.defineProperty(e,"props",{get:ne}),Object.defineProperty(e,"color",{get:H}),Object.defineProperty(e,"backgroundColor",{get:q}),e}),[Q,J,te,ae,ee,Z,ne,H,q]);m.useImperativeHandle(t,re);const se=m.useCallback((e=>{y||i.maximized||(C(!0),r.dispatchEvent(i.onFocus,e,re(),{}))}),[y,i.onFocus,re]),ie=m.useCallback((e=>{(function(e,t){let a=e;for(;a&&a!==t;)a=a.parentNode;return!!a})(e.relatedTarget,c.current)||(C(!1),r.dispatchEvent(i.onBlur,e,re(),{}))}),[y,i.onBlur,re]),le=m.useCallback((async e=>{N(await X(de())),$(!0),r.dispatchEvent(i.onOpen,e,re(),{})}),[B,V,i.onOpen,i.value,w,re]),oe=m.useCallback((e=>{$(!1),r.dispatchEvent(i.onClose,e,re(),{})}),[B,V,i.onClose,re]),ce=()=>{var e,t;return{width:i.width||(null==(e=c.current)?void 0:e.offsetWidth)||250,height:i.height||(null==(t=c.current)?void 0:t.offsetHeight)||84}},de=()=>{const{width:e,height:t}=ce();return{width:e*K,height:t*K}},ue=!ae()||te().valid;return m.createElement("div",{ref:c,dir:i.dir,style:{width:i.width,height:i.height,...i.style},className:r.classNames("k-input","k-signature",{"k-signature-maximized":i.maximized,[`k-signature-${r.kendoThemeMaps.sizeMap[i.size]||i.size}`]:i.size,[`k-signature-${i.fillMode}`]:i.fillMode,[`k-input-${i.fillMode}`]:i.fillMode,[`k-rounded-${r.kendoThemeMaps.roundedMap[i.rounded]||i.rounded}`]:i.rounded,"k-invalid":!ue,"k-required":i.required,"k-disabled":i.disabled,"k-focus":y},i.className),onFocus:se,onBlur:ie},m.createElement("div",{className:"k-signature-canvas",ref:d,tabIndex:r.getTabIndex(i.tabIndex,i.disabled),role:"img",id:i.id,"aria-label":i.ariaLabel,"aria-labelledby":i.ariaLabelledBy,"aria-describedby":i.ariaDescribedBy,"aria-disabled":i.disabled?"true":void 0}),m.createElement("div",{className:"k-signature-actions k-signature-actions-top"},m.createElement(l.Button,{type:"button",className:r.classNames("k-signature-action","k-signature-maximize",{"k-hidden":i.disabled||P}),ref:g,icon:"hyperlink-open",svgIcon:s.hyperlinkOpenIcon,fillMode:"flat",size:i.size,onClick:le,"aria-label":T,title:T}),m.createElement(l.Button,{type:"button",className:r.classNames("k-signature-action","k-signature-minimize","k-rotate-180",{"k-hidden":i.disabled||z}),ref:v,icon:"hyperlink-open",svgIcon:s.hyperlinkOpenIcon,fillMode:"flat",size:i.size,onClick:oe,"aria-label":D,title:D})),!i.hideLine&&m.createElement("div",{className:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}}),m.createElement("div",{className:"k-signature-actions k-signature-actions-bottom"},O&&m.createElement(l.Button,{type:"button",className:"k-signature-action k-signature-clear",icon:"x",svgIcon:s.xIcon,fillMode:"flat",size:i.size,onClick:()=>{null==b||b.clear(),_(),Z()},"aria-label":F,title:F})),B&&m.createElement(p.Dialog,{ref:h},m.createElement(ka,{...i,...de(),value:I,maximized:!0,exportScale:1/K*A,open:!1,onChange:e=>{null==b||b.loadImage(e.value),_(e.value)},onClose:e=>{var t,a;oe(e),null==(a=(null==(t=g.current)?void 0:t.element)||d.current)||a.focus()}})))}));ka.propTypes={value:a.string,width:a.number,height:a.number,tabIndex:a.number,dir:a.string,ariaDescribedBy:a.string,ariaLabelledBy:a.string,ariaLabel:a.string,readOnly:a.bool,disabled:a.bool,validationMessage:a.string,required:a.bool,onChange:a.func,onFocus:a.func,onBlur:a.func,onOpen:a.func,onClose:a.func,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large"]),fillMode:a.oneOf([null,"solid","flat","outline"])};const ya={strokeWidth:1,smooth:!1,popupScale:3,exportScale:2,maximizable:!0,disabled:!1,required:!1,validityStyles:!0,onChange:e=>r.noop,onFocus:e=>r.noop,onBlur:e=>r.noop,onOpen:e=>r.noop,onClose:e=>r.noop,size:"medium",rounded:"medium",fillMode:"solid"};ka.displayName="KendoSignature";const Ca=m.forwardRef(((e,t)=>{const a=m.useRef(null),n=m.useRef(null),s=r.useUnstyled(),i=s&&s.uInput,l=r.classNames(r.uInput.clearButton({c:i}),e.className);return m.useImperativeHandle(a,(()=>({element:n.current}))),m.useImperativeHandle(t,(()=>a.current)),m.createElement("span",{...e,className:l})}));Ca.displayName="KendoReactInputClearValue";const xa=m.forwardRef((({orientation:e="horizontal",...t},a)=>{const n=m.useRef(null),s=m.useRef(null),i=r.useUnstyled(),l=i&&i.uTextBox;m.useImperativeHandle(n,(()=>({element:s.current}))),m.useImperativeHandle(a,(()=>n.current));const o=m.useMemo((()=>r.classNames(r.uTextBox.prefix({c:l,orientation:e}),t.className)),[t.className,l,e]);return m.createElement("span",{...t,className:o})}));xa.displayName="KendoReactInputPrefix";const Ea=m.forwardRef((({orientation:e="vertical",...t},a)=>{const n=m.useRef(null),s=m.useRef(null);return m.useImperativeHandle(n,(()=>({element:s.current}))),m.useImperativeHandle(a,(()=>n.current)),m.createElement("span",{...t,className:r.classNames("k-input-separator",t.className,`k-input-separator-${e}`)})}));Ea.displayName="KendoReactInputSeparator";const wa=m.forwardRef((({orientation:e="horizontal",...t},a)=>{const n=m.useRef(null),s=m.useRef(null),i=r.useUnstyled(),l=i&&i.uTextBox;m.useImperativeHandle(n,(()=>({element:s.current}))),m.useImperativeHandle(a,(()=>n.current));const o=m.useMemo((()=>r.classNames(r.uTextBox.suffix({c:l,orientation:e}),t.className)),[t.className,l,e]);return m.createElement("span",{...t,className:o})}));wa.displayName="KendoReactInputSuffix";const Sa=m.forwardRef(((e,t)=>m.createElement(r.IconWrap,{ref:t,...e,className:r.classNames("k-input-validation-icon",e.className)})));Sa.displayName="KendoReactInputValidationIcon",e.Checkbox=Gt,e.CheckboxPropsContext=qt,e.ColorGradient=Ye,e.ColorGradientPropsContext=Ue,e.ColorGradientWithoutContext=We,e.ColorInput=ze,e.ColorPalette=at,e.ColorPalettePropsContext=tt,e.ColorPaletteWithoutContext=et,e.ColorPicker=dt,e.ColorPickerPropsContext=ct,e.FlatColorPicker=rt,e.Input=pt,e.InputClearValue=Ca,e.InputPrefix=xa,e.InputPropsContext=ht,e.InputSeparator=Ea,e.InputSuffix=wa,e.InputValidationIcon=Sa,e.MaskedTextBox=Pt,e.MaskedTextBoxWithoutContext=Vt,e.NumericTextBox=be,e.NumericTextBoxPropsContext=ge,e.PALETTEPRESETS=Ze,e.RANGE_ACTION=zt,e.RATING_ACTION=da,e.RadioButton=Ut,e.RadioButtonPropsContext=Wt,e.RadioGroup=Zt,e.RadioGroupPropsContext=Xt,e.RangeSlider=Dt,e.RangeSliderPropsContext=Tt,e.Rating=ma,e.RatingItem=aa,e.RatingPropsContext=ha,e.SLIDER_LABEL_ATTRIBUTE=Oe,e.Signature=ka,e.SignaturePropsContext=ba,e.Slider=Ke,e.SliderLabel=e=>{const t=m.useRef(null);return r.useDir(t),m.createElement("li",{ref:t,className:r.classNames("k-tick",{"k-tick-large":e.children,"k-first":e.firstTick,"k-last":e.lastTick}),title:e.title},e.children&&m.createElement("span",{[Oe]:!0,className:"k-label",onClick:e.onClick},e.children))},e.SliderWithoutContext=De,e.Switch=Ht,e.SwitchWithoutContext=_t,e.TextArea=ea,e.TextAreaPropsContext=Qt,e.TextBox=Re,e.inputsMessages=U,e.isCorrectValue=ca,e.isHalf=ia,e.isSelected=la,e.maskingChanged=Mt,e.numericDecreaseValue=g,e.numericIncreaseValue=v,e.rangeReducer=Ot,e.ratingReducer=ua,e.sanitizeNumber=ve,e.toRound=sa}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-common"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-labels"),require("@progress/kendo-react-buttons"),require("@progress/kendo-drawing"),require("@progress/kendo-react-popup"),require("@progress/kendo-react-layout"),require("@progress/kendo-inputs-common"),require("@progress/kendo-react-dialogs")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-intl","@progress/kendo-react-common","@progress/kendo-svg-icons","@progress/kendo-react-labels","@progress/kendo-react-buttons","@progress/kendo-drawing","@progress/kendo-react-popup","@progress/kendo-react-layout","@progress/kendo-inputs-common","@progress/kendo-react-dialogs"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactInputs={},e.React,e.PropTypes,e.KendoReactIntl,e.KendoReactCommon,e.KendoSvgIcons,e.KendoReactLabels,e.KendoReactButtons,e.KendoDrawing,e.KendoReactPopup,e.KendoReactLayout,e.KendoInputsCommon,e.KendoReactDialogs)}(this,(function(e,t,a,n,r,s,i,l,o,c,d,u,p){"use strict";function h(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var m=h(t);const f={name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"$VERSION",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},v="numerictextbox.increment",g="numerictextbox.decrement",b="slider.increment",k="slider.decrement",y="slider.dragTitle",C="colorGradient.r",x="colorGradient.g",E="colorGradient.b",w="colorGradient.a",S="colorGradient.hex",I="colorGradient.contrastRatio",N="colorGradient.colorGradientAALevel",M="colorGradient.colorGradientAAALevel",L="colorGradient.colorGradientPass",R="colorGradient.colorGradientFail",V="colorGradient.hueSliderLabel",B="colorGradient.alphaSliderLabel",P="colorGradient.toggleInputsButton",z="flatColorPicker.cancelBtn",O="flatColorPicker.applyBtn",T="flatColorPicker.colorGradientBtn",D="flatColorPicker.colorPaletteBtn",F="flatColorPicker.clearBtn",K="colorPicker.adaptiveTitle",A="checkbox.validation",_="checkbox.optionalText",$="switch.validation",H="colorPicker.dropdownButtonAriaLabel",q="rating.ariaLabel",G="signature.clear",j="signature.maximize",W="signature.minimize",U={[v]:"Increase value",[g]:"Decrease value",[b]:"Increase",[k]:"Decrease",[y]:"Drag",[C]:"r",[x]:"g",[E]:"b",[w]:"a",[S]:"hex",[I]:"Contrast ratio",[N]:"AA",[M]:"AAA",[L]:"Pass",[R]:"Fail",[V]:"Hue slider",[B]:"Alpha slider",[P]:"Toggle colorgradient inputs",[z]:"Cancel",[O]:"Apply",[T]:"Color Gradient view",[D]:"Color Palette view",[F]:"Clear color value",[K]:"Choose color",[A]:"Please check this box if you want to proceed!",[_]:"(Optional)","radioButton.validation":"Please select option if you want to proceed!",[$]:"Please turn on if you want to proceed!",[H]:"Select",[q]:"Rating",[G]:"Clear",[j]:"Maximize",[W]:"Minimize"},Y=1111111.1111111,X=/\d/,Z=(e,t)=>void 0!==e?e:t,J=(e,t,a)=>null===e&&void 0===e?"":"string"==typeof e?e:a.formatNumber(e,t),Q=e=>(String(e).split(".")[1]||"").length,ee=(e,t)=>Math.max(Q(e),Q(t)),te=(e,t)=>{const a=(e=>Math.min(e,15))(t);return parseFloat(e.toFixed(a))},ae=(e,t,a,n,r,s,i)=>{const l=ee(e||0,a||0),o=re(te((e||0)+(a||0),l),n,r);t.eventValue=o,t.currentLooseValue=J(o,s,i),t.selectionStart=t.selectionEnd=de(t.currentLooseValue,X)},ne=(e,t,a,n,r,s,i)=>{const l=ee(e||0,a||0),o=re(te((e||0)-(a||0),l),n,r);t.eventValue=o,t.currentLooseValue=J(o,s,i),t.selectionStart=t.selectionEnd=de(t.currentLooseValue,X)},re=(e,t,a)=>null==e?e:!(e>1||e<1||1===e)||void 0!==a&&void 0!==t&&a<t?null:(void 0!==a&&e>a&&(e=a),void 0!==t&&e<t&&(e=t),e),se=(e,t,a,n)=>{e.selectionStart=e.selectionEnd=t,((e,t,a)=>{const n=((e,t)=>{const a=t.findIndex((([t,a])=>!!a&&e.indexOf(a)===e.length-a.length));if(-1===a)return-1;const n=t[a][1];return e.length-n.length})(e,t);if(-1!==n&&a.selectionStart>n)return void(a.selectionStart=a.selectionEnd=n);a.selectionStart>e.length&&(a.selectionStart=a.selectionEnd=e.length);const r=((e,t)=>{const a=t.findIndex((([t,a])=>!!t&&0===e.indexOf(t)));return-1===a?-1:t[a][0].length})(e,t);-1!==r&&a.selectionStart<r&&(a.selectionStart=a.selectionEnd=r),-1===a.selectionStart&&(a.selectionStart=a.selectionEnd=0)})(a,n,e)},ie=(e,t,a,n)=>{e.eventValue=n.parseNumber(e.prevLooseValue,t),e.currentLooseValue=e.prevLooseValue,e.valueIsCorrected=!0,se(e,e.selectionStart,e.currentLooseValue,a)},le=(e,t,a)=>t.split(e).length!==a.split(e).length&&t.length===a.length+e.length,oe=(e,t)=>{const a=e.indexOf(t.decimal);return a>-1?a:de(e,X)},ce=e=>e.split("").reverse().join(""),de=(e,t)=>e.length-ce(e).search(t),ue=e=>e.split(e[e.search(X)])[0],pe=e=>{const t=ce(e);return ce(t.split(t[t.search(X)])[0])},he=(e,t)=>e.search(t),me=(e,t)=>{const a=e.indexOf(t);return a>-1?e.length-a-1:0},fe=(e,t,a,n,r)=>{const s="0"===e.replace(r,"")[0],i="0"===t.replace(r,"")[0];if(s&&!i)return a-1;if(i&&n)return a+1;let l=0;for(let t=0;t<a;t++)X.test(e.charAt(t))&&l++;let o=0;for(;l>0&&t.length>o;)X.test(t.charAt(o))&&l--,o++;return o},ve=(e,t,a)=>{const n={...e},{prevLooseValue:r}=n,s=a.numberSymbols(),i=((e,t)=>{const a=t.formatNumber(Y,e),n=t.formatNumber(-Y,e),r=t.formatNumber(0,e),s=t.formatNumber(1,e),i=t.numberSymbols(),l=new RegExp(`[\\d\\${i.decimal}${i.group}]`,"g");return[a,n,r,s].map((e=>e.replace(l,""))).join("").split("").filter(((e,t,a)=>a.indexOf(e)===t)).join("")})(t,a),l=String(n.currentLooseValue),o=String(r),c=new RegExp(`[^\\d\\${s.decimal}]`,"g"),d=new RegExp(`[^\\d\\${s.decimal}\\${s.group}]`,"g"),u=new RegExp(`[\\d\\${s.decimal}\\${s.group}]`),p=l.replace(c,""),h=he(l,X),m=-1===h?-1:de(l,X),f=l.indexOf(s.decimal),v=(l.substring(0,h)+l.substring(h,m).replace(d,"")+l.substring(m,l.length)).split("").filter((e=>-1!==i.indexOf(e)||-1!==e.search(u))).join(""),g=a.formatNumber(.31111111111111117,t).replace(c,""),b=g.indexOf(s.decimal),k=b>-1?g.length-b-1:0,y=a.formatNumber(1,t).replace(c,""),C=y.indexOf(s.decimal),x=C>-1?y.length-C-1:0,{positiveInfo:E,negativeInfo:w,zeroInfo:S,oneInfo:I}=((e,t)=>{const a=t.formatNumber(Y,e),n=t.formatNumber(-Y,e),r=t.formatNumber(0,e),s=t.formatNumber(1,e),i=ue(a),l=ue(n),o=ue(r),c=ue(s);return{positiveInfo:[i,pe(a)],negativeInfo:[l,pe(n)],zeroInfo:[o,pe(r)],oneInfo:[c,pe(s)]}})(t,a),N=[E,w,S,I],M=1!==N.findIndex((e=>-1!==e.findIndex((e=>!!e)))),L=l.length>0&&l.length<o.length,R="string"==typeof t&&"p"===t[0]&&l&&-1===l.indexOf(s.percentSign);if(!n.isPaste){if(""===l)return n.eventValue=null,n.currentLooseValue="",n;if(n.currentLooseValue===s.minusSign&&a.formatNumber(-0,t)!==o)return n.eventValue=-0,n.currentLooseValue=J(n.eventValue,t,a),se(n,oe(n.currentLooseValue,s),n.currentLooseValue,N),n;if(n.currentLooseValue===s.decimal){n.eventValue=0;const e=J(n.eventValue,t,a);if(0===x&&k>0){const t=de(e,X);n.currentLooseValue=e.substring(0,t)+s.decimal+e.substring(t)}else n.currentLooseValue=e;return se(n,oe(n.currentLooseValue,s)+1,n.currentLooseValue,N),n}if(((e,t)=>{const a=String(e.currentLooseValue),n=String(e.prevLooseValue);return le(t.minusSign,a,n)||le("-",a,n)||le("−",a,n)})(n,s)){const e=a.parseNumber(r,t);n.eventValue=-(null!==e?e:0),n.currentLooseValue=J(n.eventValue,t,a);const s=he(n.currentLooseValue,X),i=he(o,X);return se(n,n.selectionEnd-1+(s-i),n.currentLooseValue,N),n}if(((e,t)=>{const a=String(e.currentLooseValue),n=String(e.prevLooseValue);return-1===a.indexOf(t.minusSign)&&-1!==n.indexOf(t.minusSign)})(n,s))return n.eventValue=a.parseNumber(n.currentLooseValue,t),se(n,n.selectionStart,n.currentLooseValue,N),n;if(((e,t)=>String(e.currentLooseValue).split(t.decimal).length>2)(n,s))return ie(n,t,N,a),n;if(R)return n.eventValue=a.parseNumber(l,t)/100,n.currentLooseValue=J(n.eventValue,t,a),n;if(String(n.currentLooseValue).replace(/[^\d]/g,"").length>15||p!==l&&l&&M&&-1===N.findIndex((([e,t])=>{const a=l.indexOf(e),n=l.indexOf(t),r=0===a,i=n===l.length-t.length,o=a+e.length!==h&&-1!==h&&l[a+e.length]!==s.decimal,c=n!==m&&-1!==m&&l[n-1]!==s.decimal;return e&&t?!o&&!c&&(r&&i):e?!o&&r:!!t&&(!c&&i)})))return ie(n,t,N,a),n;if(p[p.length-1]===s.decimal&&k>0)return n.eventValue=a.parseNumber(l,t),n.currentLooseValue=v,n;if(n.currentLooseValue&&r&&(i+s.decimal+s.group).split("").findIndex((e=>l.split("").filter((t=>t===e)).length<o.split("").filter((t=>t===e)).length&&l.length+1===o.length&&!(e===s.decimal&&0===me(o.replace(c,""),s.decimal))))>-1)return n.eventValue=a.parseNumber(e.prevLooseValue,t),n.currentLooseValue=e.prevLooseValue,n;const d=me(p,s.decimal),u="0"===p[p.length-1];if(L&&u&&d<x)return n.eventValue=a.parseNumber(n.currentLooseValue,t),n.currentLooseValue=J(n.eventValue,t,a),n;if(d>0){const e=l.substring(0,f);if(u&&(!e||0!==o.indexOf(e))){n.eventValue=a.parseNumber(n.currentLooseValue,t);const e=J(n.eventValue,t,a);return se(n,fe(l,e,n.selectionEnd,L,c),e,N),n.currentLooseValue=e,n}if(d>k){const e=l.indexOf(s.decimal),r=l.substring(0,e)+l.substring(e,e+1+k)+l.substring(m,String(n.currentLooseValue).length);return n.eventValue=a.parseNumber(r,t),n.currentLooseValue=r,se(n,n.selectionStart,r,N),n}if(x!==k&&d<=k&&u)return n.eventValue=a.parseNumber(n.currentLooseValue,t),n.currentLooseValue=v,n;if(d<x)return n.eventValue=a.parseNumber(n.currentLooseValue,t),n.currentLooseValue=J(n.eventValue,t,a),n}}if(n.eventValue=a.parseNumber(n.currentLooseValue,t),R&&(n.eventValue=n.eventValue/100),"number"==typeof n.eventValue){const e=J(n.eventValue,t,a);1===l.length?se(n,oe(e,s),e,N):se(n,fe(l,e,n.selectionEnd,L,c),e,N),n.currentLooseValue=e}else n.currentLooseValue=J(a.parseNumber(p),t,a);return n},ge=r.createPropsContext(),be=m.forwardRef(((e,t)=>{r.validatePackage(f);const a=r.usePropsContext(ge,e),{className:o,value:c,defaultValue:d,format:u,width:p,tabIndex:h,accessKey:b,title:k,placeholder:y,min:C,max:x,dir:E,name:w,label:S,id:I,ariaDescribedBy:N,ariaLabelledBy:M,ariaLabel:L,inputType:R,readOnly:V,validationMessage:B,children:P,touched:z,visited:O,modified:T,style:D,inputStyle:F,valid:K,step:A=ke.step,spinners:_=ke.spinners,disabled:$=ke.disabled,required:H=ke.required,validityStyles:q=ke.validityStyles,prefix:G=ke.prefix,suffix:j=ke.suffix,onChange:W=ke.onChange,onFocus:Y=ke.onFocus,onBlur:X=ke.onBlur,rangeOnEnter:Q=ke.rangeOnEnter,size:ee=ke.size,rounded:te=ke.rounded,fillMode:se=ke.fillMode,autoFocus:ie=ke.autoFocus,inputAttributes:le,...oe}=a,ce=r.useId(),de=I||ce,ue=n.useInternationalization(),pe=n.useLocalization(),he=m.useRef(null),me=m.useRef(),[fe,be]=m.useState(!1),ye=m.useRef({eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1}),Ce=m.useRef(!1),xe=m.useRef(),Ee=m.useRef(d),we=J(ye.current.focused&&!$?ye.current.currentLooseValue:Z(c,Ee.current),u,ue);xe.current=we;const[Se]=r.useCustomComponent(G),[Ie]=r.useCustomComponent(j);m.useEffect((()=>{he.current&&he.current.setCustomValidity&&he.current.setCustomValidity(Ve().valid?"":B||"Please enter a valid value!")}));const Ne=m.useCallback((()=>{he.current&&he.current.focus()}),[]),Me=m.useCallback((()=>void 0!==me.current?me.current:Z(c,Ee.current)),[c]),Le=m.useCallback((()=>w),[w]),Re=m.useCallback((()=>H),[H]),Ve=m.useCallback((()=>{const e=void 0!==B,t=Me();return{customError:e,valid:void 0!==K?K:!(ye.current.valueIsOutOfRange||Re()&&null==t),valueMissing:null==t}}),[B,K,Me,Re]),Be=m.useCallback((()=>q),[q]),Pe=m.useCallback((()=>a),[a]),ze=m.useCallback((()=>{const e={element:he.current,focus:Ne};return Object.defineProperty(e,"name",{get:Le}),Object.defineProperty(e,"value",{get:Me}),Object.defineProperty(e,"validity",{get:Ve}),Object.defineProperty(e,"validityStyles",{get:Be}),Object.defineProperty(e,"required",{get:Re}),Object.defineProperty(e,"props",{get:Pe}),e}),[Le,Me,Ve,Be,Re,Ne,Pe]);m.useImperativeHandle(t,ze);const Oe=m.useCallback((()=>({eventValue:Z(c,Ee.current),prevLooseValue:xe.current,currentLooseValue:he.current.value,selectionStart:he.current.selectionStart,selectionEnd:he.current.selectionEnd,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1,isPaste:Ce.current,focused:ye.current.focused})),[c]),Te=m.useCallback(((e,t)=>{if($)return;me.current=t.eventValue,Ee.current=t.eventValue;const a=J(re(t.eventValue,C,x),u,ue),n=re(ue.parseNumber(a,u),C,x);n!==t.eventValue&&(t.valueIsOutOfRange=!0,t.eventValue=n,Ee.current=n),c!==t.eventValue&&r.dispatchEvent(W,e,ze(),{value:t.eventValue}),me.current=void 0,ye.current=t,be((e=>!e))}),[c,W,$,be,ze]),De=m.useCallback((e=>{const t=Oe();Ce.current=!1,Te(e,ve(t,u,ue))}),[u,W,ue,Te,Oe]),Fe=m.useCallback((e=>{let t=Oe();const a=ue.parseNumber(String(t.currentLooseValue),u);if(t.selectionEnd>t.selectionStart&&t.selectionEnd-t.selectionStart===String(t.currentLooseValue).length){const t=ue.numberSymbols(),a=t&&e.key===t.minusSign,n=t&&e.key===t.decimal;Ce.current=!a&&!n}else{switch(e.keyCode){case 38:ae(a,t,A,C,x,u,ue);break;case 40:ne(a,t,A,C,x,u,ue);break;case 13:{if(!1===Q)return;const e=J(re(a,C,x),u,ue),n=re(ue.parseNumber(e,u),C,x);t.eventValue=n,t.currentLooseValue=J(n,u,ue),t.selectionStart=t.selectionEnd=t.currentLooseValue.length;break}case 110:{const e=he.current,a=ue.numberSymbols();e&&(t.currentLooseValue=t.currentLooseValue.slice(0,t.selectionStart)+a.decimal+t.currentLooseValue.slice(t.selectionEnd),t.selectionStart=t.selectionEnd=t.selectionStart+1,t=ve(t,u,ue));break}default:return}e.preventDefault(),Te(e,t)}}),[u,C,x,A,W,Q,Te,Oe]),Ke=m.useCallback((()=>{Ce.current=!0}),[]),Ae=m.useCallback((e=>{if(V||$)return;const t=Oe();ae(ue.parseNumber(String(t.currentLooseValue),u),t,A,C,x,u,ue),Te(e,t)}),[u,C,x,A,W,V,$,Te,Oe]),_e=m.useCallback((e=>{if(V||$)return;const t=Oe();ne(ue.parseNumber(String(t.currentLooseValue),u),t,A,C,x,u,ue),Te(e,t)}),[u,C,x,A,W,V,$,Te,Oe]),$e=m.useCallback((e=>{const t=r.getActiveElement(document);!document||t!==he.current||!he.current||V||$||(e.nativeEvent.deltaY<0&&Ae(e),e.nativeEvent.deltaY>0&&_e(e))}),[Ae,_e,$,V]),He=m.useCallback((e=>{ye.current.currentLooseValue=xe.current,ye.current.focused=!0,r.dispatchEvent(Y,e,ze(),{}),be((e=>!e))}),[Y,be,ze]),qe=m.useCallback((e=>{ye.current={eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1},r.dispatchEvent(X,e,ze(),{}),be((e=>!e))}),[X,be,ze]),Ge=m.useCallback((e=>{if(document&&he.current){const t=r.getActiveElement(document);e.preventDefault(),t!==he.current&&he.current.focus()}}),[]);r.useIsomorphicLayoutEffect((()=>{he.current&&"number"!==he.current.type&&void 0!==ye.current.selectionStart&&void 0!==ye.current.selectionEnd&&(he.current.selectionStart=ye.current.selectionStart,he.current.selectionEnd=ye.current.selectionEnd,ye.current.selectionStart=void 0,ye.current.selectionEnd=void 0)}),[fe]);const je=!Be()||Ve().valid,We=m.createElement("span",{dir:E,style:S?D:{width:p,...D},className:r.classNames("k-input","k-numerictextbox",{[`k-input-${r.kendoThemeMaps.sizeMap[ee]||ee}`]:ee,[`k-input-${se}`]:se,[`k-rounded-${r.kendoThemeMaps.roundedMap[te]||te}`]:te,"k-invalid":!je,"k-required":H,"k-disabled":$},o),"aria-disabled":$?"true":void 0,...S?{}:oe},m.createElement(Se,null),m.createElement("input",{role:"spinbutton",value:null===we?"":we,tabIndex:r.getTabIndex(h,$),accessKey:b,disabled:$,title:k,"aria-disabled":$?"true":void 0,"aria-valuemin":C,"aria-valuemax":x,"aria-label":L,"aria-labelledby":M,"aria-describedby":N,"aria-required":H,placeholder:y,spellCheck:!1,autoComplete:"off",autoCorrect:"off",autoFocus:ie,type:R||"tel",className:"k-input-inner",id:de,name:w,readOnly:V,style:F,onChange:De,onFocus:He,onBlur:qe,onKeyDown:Fe,onPaste:Ke,onWheel:$e,ref:he,...le}),m.createElement(Ie,null),P,_&&m.createElement("span",{className:"k-input-spinner k-spin-button",onMouseDown:Ge},m.createElement(l.Button,{tabIndex:-1,type:"button",icon:"caret-alt-up",svgIcon:s.caretAltUpIcon,rounded:null,fillMode:se,className:"k-spinner-increase","aria-label":pe.toLanguageString(v,U[v]),title:pe.toLanguageString(v,U[v]),onClick:Ae}),m.createElement(l.Button,{tabIndex:-1,type:"button",icon:"caret-alt-down",svgIcon:s.caretAltDownIcon,rounded:null,fillMode:se,className:"k-spinner-decrease","aria-label":pe.toLanguageString(g,U[g]),title:pe.toLanguageString(g,U[g]),onClick:_e})));return S?m.createElement(i.FloatingLabel,{label:S,editorId:de,editorValue:null===we?"":we,editorValid:je,editorDisabled:$,editorPlaceholder:y,children:We,style:{width:p},dir:E,...oe}):We}));be.propTypes={value:a.number,defaultValue:a.number,step:a.number,format:a.oneOfType([a.string,a.shape({style:a.oneOf(["decimal","currency","percent","scientific","accounting"]),currency:a.string,currencyDisplay:a.oneOf(["symbol","code","name"]),useGrouping:a.bool,minimumIntegerDigits:a.number,minimumFractionDigits:a.number,maximumFractionDigits:a.number})]),width:a.oneOfType([a.string,a.number]),tabIndex:a.number,accessKey:a.string,title:a.string,placeholder:a.string,min:a.number,max:a.number,spinners:a.bool,disabled:a.bool,readOnly:a.bool,dir:a.string,name:a.string,label:a.string,validationMessage:a.string,required:a.bool,id:a.string,rangeOnEnter:a.bool,ariaLabelledBy:a.string,ariaDescribedBy:a.string,ariaLabel:a.string,onChange:a.func,onFocus:a.func,onBlur:a.func,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","flat","outline"]),inputAttributes:a.object};const ke={prefix:e=>null,suffix:e=>null,step:1,spinners:!0,disabled:!1,required:!1,validityStyles:!0,rangeOnEnter:!0,autoFocus:!1,onChange:e=>{},onFocus:e=>{},onBlur:e=>{},size:"medium",rounded:"medium",fillMode:"solid"};be.displayName="KendoNumericTextBox";const ye=e=>null!=e,Ce=(e,t,a)=>!ye(e)||isNaN(e)||e<=t?t:e>=a?a:e,xe=(e,t,a=!0)=>{if(-1===["hex","rgba"].indexOf(t))throw new Error(`Unsupported color output format '${t}'. The available options are 'hex' or 'rgba'.`);if(!ye(e))return;const n=o.parseColor(e.trim(),a);return ye(n)?"hex"===t?n.toCss():n.toCssRgba():void 0},Ee=(e,t=!0)=>{const a=o.parseColor(e,t);return ye(a)?a.toHSV():{}},we=(e,t=!0)=>{const a=o.parseColor(e,t);return ye(a)?a.toBytes():{}},Se=e=>{const t=Ce(e.h,0,359.9),a=Ce(e.s,0,1),n=Ce(e.v,0,1),r=Ce(e.a,0,1);return o.Color.fromHSV(t,a,n,r).toCssRgba()},Ie=e=>Se({h:e,s:1,v:1,a:1}),Ne=(e,t)=>{const a=Ce(e.r,0,255),n=Ce(e.g,0,255),r=Ce(e.b,0,255),s=Ce(e.a,0,1),i=Ce(t.r,0,255),l=Ce(t.g,0,255),o=Ce(t.b,0,255);return{r:Math.round((1-s)*i+s*a),g:Math.round((1-s)*l+s*n),b:Math.round((1-s)*o+s*r)}},Me=e=>{const t=[e.r||0,e.g||0,e.b||0].map((function(e){return(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)}));return.2126*t[0]+.7152*t[1]+.0722*t[2]},Le=(e,t)=>((e,t)=>(Math.max(e,t)+.05)/(Math.min(e,t)+.05))(Me(Ne(e,t)),Me(Ne(t,{r:0,g:0,b:0,a:1}))),Re=m.forwardRef(((e,t)=>{r.validatePackage(f);const a=m.useRef(null),n=m.useRef(null),s=m.useRef(),i=r.useUnstyled(),l=i&&i.uTextBox,o=m.useCallback((()=>{var e;return void 0!==s.current?s.current:null==(e=a.current)?void 0:e.value}),[]);m.useImperativeHandle(n,(()=>({get element(){return a.current},get name(){return a.current&&a.current.name},get value(){return o()}}))),m.useImperativeHandle(t,(()=>n.current));const{size:c=Ve.size,fillMode:d=Ve.fillMode,rounded:u=Ve.rounded,autoFocus:p=Ve.autoFocus,inputAttributes:h,className:v,dir:g,style:b,prefix:k=Ve.prefix,suffix:y=Ve.suffix,valid:C,onFocus:x,onBlur:E,modified:w,touched:S,visited:I,...N}=e,[M]=r.useCustomComponent(k),[L]=r.useCustomComponent(y),[R,V]=m.useState(!1),B=m.useCallback((t=>{s.current=t.target.value,e.onChange&&e.onChange.call(void 0,{syntheticEvent:t,nativeEvent:t.nativeEvent,value:t.target.value,target:n.current}),s.current=void 0}),[e.onChange]),{onFocus:P,onBlur:z}=r.useAsyncFocusBlur({onFocus:e=>{V(!0)},onBlur:e=>{V(!1)},onSyncFocus:x,onSyncBlur:E}),O=m.useMemo((()=>r.classNames(r.uTextBox.wrapper({c:l,rounded:u,fillMode:d,size:c,focused:R,required:e.required,disabled:e.disabled,invalid:!1===e.valid}),v)),[v,d,R,e.disabled,e.required,e.valid,u,c,l]);return m.createElement("span",{style:b,dir:g,className:O,onFocus:P,onBlur:z},m.createElement(M,null),m.createElement("input",{ref:a,className:r.classNames(r.uTextBox.inputInner({c:l})),autoFocus:p,...Object.assign({},N,h),"aria-required":e.required,onChange:B}),m.createElement(L,null))})),Ve={prefix:e=>null,suffix:e=>null,size:"medium",rounded:"medium",fillMode:"solid",autoFocus:!1};Re.propTypes={size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","flat","outline"]),autoFocus:a.bool,inputAttributes:a.object},Re.displayName="KendoReactTextBoxComponent";let Be=class extends m.Component{constructor(e){super(e),this.onChange=e=>{const t=e.target.value,a=xe(t,"rgba");this.setState({hex:t}),ye(a)&&this.props.onHexChange(t,a,e)},this.onBlur=()=>{ye(xe(this.state.hex,"rgba"))||this.setState({hex:this.state.originalHex})},this.state={hex:this.props.hex,originalHex:this.props.hex}}render(){return m.createElement(Re,{value:this.state.hex,onChange:this.onChange,onBlur:this.onBlur,disabled:this.props.disabled,className:"k-hex-value",size:this.props.size,fillMode:this.props.fillMode})}static getDerivedStateFromProps(e,t){return e.hex!==t.originalHex?{hex:e.hex,originalHex:e.hex}:null}};const Pe=["rgba","rgb","hex"];let ze=class extends m.Component{constructor(e){super(e),this.onRgbaRChange=e=>{this.dispatchRgbaChange({r:e.value},e)},this.onRgbaGChange=e=>{this.dispatchRgbaChange({g:e.value},e)},this.onRgbaBChange=e=>{this.dispatchRgbaChange({b:e.value},e)},this.onRgbaAChange=e=>{this.dispatchRgbaChange({a:e.value},e)},this.state={inputMode:e.defaultInputMode||Pe[1]}}render(){const e=n.provideLocalizationService(this),t=e.toLanguageString(S,U[S]),a=e.toLanguageString(C,U[C]),r=e.toLanguageString(x,U[x]),i=e.toLanguageString(E,U[E]),o=e.toLanguageString(w,U[w]),c=e.toLanguageString(P,U[P]);return m.createElement("div",{className:"k-colorgradient-inputs k-hstack"},m.createElement("div",{className:"k-vstack"},m.createElement(l.Button,{"aria-label":c,fillMode:"flat",icon:"caret-alt-expand",svgIcon:s.caretAltExpandIcon,className:"k-colorgradient-toggle-mode",size:this.props.size,onClick:this.onToggleModeChange.bind(this)})),"hex"===this.state.inputMode&&m.createElement("div",{className:"k-vstack k-flex-1"},m.createElement(Be,{hex:this.props.hex,onHexChange:this.props.onHexChange,disabled:this.props.disabled,size:this.props.size,fillMode:this.props.fillMode}),m.createElement("label",{className:"k-colorgradient-input-label"},t)),("rgb"===this.state.inputMode||"rgba"===this.state.inputMode)&&m.createElement(m.Fragment,null,m.createElement("div",{className:"k-vstack"},m.createElement(be,{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,size:this.props.size,fillMode:this.props.fillMode}),m.createElement("label",{className:"k-colorgradient-input-label"},a)),m.createElement("div",{className:"k-vstack"},m.createElement(be,{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,size:this.props.size,fillMode:this.props.fillMode}),m.createElement("label",{className:"k-colorgradient-input-label"},r)),m.createElement("div",{className:"k-vstack"},m.createElement(be,{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,size:this.props.size,fillMode:this.props.fillMode}),m.createElement("label",{className:"k-colorgradient-input-label"},i))),"rgba"===this.state.inputMode&&m.createElement("div",{className:"k-vstack"},this.props.opacity&&m.createElement(be,{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,size:this.props.size,fillMode:this.props.fillMode}),this.props.opacity&&m.createElement("label",{className:"k-colorgradient-input-label"},o)))}dispatchRgbaChange(e,t){const a={...this.props.rgba};void 0!==e.r&&(a.r=e.r),void 0!==e.g&&(a.g=e.g),void 0!==e.b&&(a.b=e.b),void 0!==e.a&&(a.a=e.a),this.props.onRgbaChange(a,t)}onToggleModeChange(){const e=Pe.length-1===Pe.indexOf(this.state.inputMode)?0:Pe.indexOf(this.state.inputMode)+1;if(this.props.opacity)this.setState({inputMode:Pe[e]});else{const t="rgba"===Pe[e]?e+1:e;this.setState({inputMode:Pe[t]})}}};n.registerForIntl(ze),n.registerForLocalization(ze);const Oe="data-slider-label",Te=class extends m.Component{constructor(e){super(e),this.state={value:void 0===this.props.defaultValue?this.props.min:this.props.defaultValue,focused:!1,dir:this.props.dir},this._sliderTrack=null,this._element=null,this.buttons=e=>{if(!e.enabled)return e.children;const t="rtl"===this.state.dir?this.props.vertical?s.caretAltUpIcon:s.caretAltLeftIcon:this.props.vertical?s.caretAltUpIcon:s.caretAltRightIcon,a="rtl"===this.state.dir?this.props.vertical?s.caretAltDownIcon:s.caretAltRightIcon:this.props.vertical?s.caretAltDownIcon:s.caretAltLeftIcon,n="rtl"===this.state.dir?this.props.vertical?"caret-alt-up":"caret-alt-left":this.props.vertical?"caret-alt-up":"caret-alt-right",r="rtl"===this.state.dir?this.props.vertical?"caret-alt-down":"caret-alt-right":this.props.vertical?"caret-alt-down":"caret-alt-left";return m.createElement(m.Fragment,null,m.createElement(l.Button,{className:"k-button-decrease",rounded:"full",icon:r,svgIcon:a,title:e.decrementTitle,onClick:e.decrement}),e.children,m.createElement(l.Button,{className:"k-button-increase",rounded:"full",icon:n,svgIcon:t,title:e.incrementTitle,onClick:e.increment}))},this.focus=()=>{this._element&&this._element.focus()},this.isLabel=e=>{let t=e;for(;t;){if(t.getAttribute(Oe))return!0;t=t.parentElement}return!1},this.onFocus=()=>{this.setState({focused:!0})},this.onBlur=()=>{this.setState({focused:!1})},this.onKeyDown=e=>{let t;e.keyCode===r.Keys.left||e.keyCode===r.Keys.down?t=this.state.value-(this.props.step||0):e.keyCode===r.Keys.right||e.keyCode===r.Keys.up?t=this.state.value+(this.props.step||0):e.keyCode===r.Keys.pageDown?t=this.state.value-(this.props.largeStep||0):e.keyCode===r.Keys.pageUp?t=this.state.value+(this.props.largeStep||0):e.keyCode===r.Keys.home?t=this.props.min:e.keyCode===r.Keys.end&&(t=this.props.max),void 0!==t&&(e.preventDefault(),this.change(e,t))},this.decrement=e=>{e.preventDefault(),this.change(e,this.state.value-(this.props.step||0))},this.increment=e=>{e.preventDefault(),this.change(e,this.state.value+(this.props.step||0))},this.dragStart=e=>{this.isLabel(e.event.originalEvent.target)||(e.event.isTouch&&e.event.originalEvent.preventDefault(),this.drag(e))},this.dragOver=e=>{e.event.originalEvent.preventDefault(),this.drag(e)},this.drag=e=>{const t=e.element.getBoundingClientRect(),a=(this.props.vertical?t.bottom-e.event.clientY:"rtl"===this.state.dir?t.right-e.event.clientX:e.event.clientX-t.left)/(this.props.vertical?t.height:t.width);this.change(e,this.props.min+a*(this.props.max-this.props.min))},r.validatePackage(f)}static getDerivedStateFromProps(e,t){const a=void 0!==e.value?e.value:t.value,{min:n,max:r}=e;return void 0===a?null:{value:Math.min(Math.max(a,n),r)}}componentDidMount(){if(!this.state.dir&&window&&this._element){const e=window.getComputedStyle(this._element).direction;e&&this.setState({dir:e})}}render(){const e=n.provideLocalizationService(this),t=(this.state.value-this.props.min)/(this.props.max-this.props.min)*100,a=this.props.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},s=this.props.vertical?{paddingTop:0,height:"100%"}:{};return m.createElement("div",{ref:e=>this._element=e,dir:this.state.dir,id:this.props.id,style:{gap:0,...this.props.style},onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,className:r.classNames("k-slider",{"k-focus":this.state.focused,"k-disabled":this.props.disabled,"k-slider-horizontal":!this.props.vertical,"k-slider-vertical":this.props.vertical},this.props.className)},m.createElement(this.buttons,{enabled:this.props.buttons,decrement:this.decrement,increment:this.increment,incrementTitle:e.toLanguageString(b,U[b]),decrementTitle:e.toLanguageString(k,U[k])},m.createElement(r.Draggable,{onDrag:this.dragOver,onPress:this.dragStart,autoScroll:!1},m.createElement("div",{className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...a}},this.props.children&&m.createElement("ul",{className:"k-reset k-slider-items",style:{margin:0,...s}},m.Children.map(this.props.children,((e,t)=>e&&m.cloneElement(e,{position:100*(e.props.position-this.props.min)/(this.props.max-this.props.min),vertical:this.props.vertical,firstTick:0===t,lastTick:t===m.Children.count(this.props.children)-1},e.props.children)))),m.createElement("div",{className:"k-slider-track",style:this.props.vertical?{bottom:0,height:"100%"}:{["rtl"===this.state.dir?"right":"left"]:0,width:"100%"},ref:e=>this._sliderTrack=e},m.createElement("div",{className:"k-slider-selection",style:this.props.vertical?{height:t+"%"}:{width:t+"%"}}),m.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 k-draghandle-end",title:e.toLanguageString(y,U[y]),style:this.props.vertical?{bottom:"calc("+t+"%)",zIndex:1}:"rtl"===this.state.dir?{right:"calc("+t+"% - 13px)",zIndex:1}:{left:"calc("+t+"%)",zIndex:1}}))))))}get sliderTrack(){return this._sliderTrack}change(e,t){t=Math.min(Math.max(t,this.props.min),this.props.max),this.setState({value:t}),r.dispatchEvent(this.props.onChange,e,this,{value:t})}};Te.displayName="Slider",Te.propTypes={min:a.number.isRequired,max:a.number.isRequired,value:a.number,vertical:a.bool,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,ariaLabel:a.string};let De=Te;const Fe=r.createPropsContext(),Ke=r.withPropsContext(Fe,De);Ke.displayName="KendoReactSlider",n.registerForLocalization(De);const Ae={};let _e=class extends m.Component{render(){const e=n.provideLocalizationService(this),t=e.toLanguageString(I,U[I]),a=e.toLanguageString(N,U[N]),i=e.toLanguageString(M,U[M]),l=e.toLanguageString(L,U[L]),o=e.toLanguageString(R,U[R]),c=Le(this.props.rgba,this.props.bgColor),d=4.5.toFixed(1),u=7..toFixed(1),p=`${t}: ${c.toFixed(2)}`,h=`${a}: ${d}`,f=`${i}: ${u}`,v=m.createElement("span",{className:"k-contrast-validation k-text-success"},l," ",m.createElement(r.IconWrap,{name:"check",icon:s.checkIcon})),g=m.createElement("span",{className:"k-contrast-validation k-text-error"},o," ",m.createElement(r.IconWrap,{name:"x",icon:s.xIcon}));return m.createElement("div",{className:"k-vbox k-colorgradient-color-contrast"},m.createElement("div",{className:"k-contrast-ratio"},m.createElement("span",{className:"k-contrast-ratio-text"},p),c>=4.5?m.createElement("span",{className:"k-contrast-validation k-text-success"},m.createElement(r.IconWrap,{name:"check",icon:s.checkIcon}),c>=7&&m.createElement(r.IconWrap,{name:"check",icon:s.checkIcon})):m.createElement("span",{className:"k-contrast-validation k-text-error"},m.createElement(r.IconWrap,{name:"x",icon:s.xIcon}))),m.createElement("div",null,m.createElement("span",null,h),c>=4.5?v:g),m.createElement("div",null,m.createElement("span",null,f),c>=7?v:g))}};n.registerForLocalization(_e);const $e=(e,t)=>0===e.length?"":`<path d="${e.reduce(((e,a,n,r)=>0===n?`M ${a[0]},${a[1]}`:`${e} ${t(a,n,r)}`),"")}" fill="none" stroke="white" stroke-width="1"/>`,He=(e,t)=>{const a=t[0]-e[0],n=t[1]-e[1];return{length:Math.sqrt(Math.pow(a,2)+Math.pow(n,2)),angle:Math.atan2(n,a)}};let qe=class extends m.Component{renderSvgCurveLine(){const e=this.props.metrics,t=(a,n,r,s,i)=>{const l=(r+s)/2,o=Object.assign({},this.props.hsva,{s:n/e.width,v:1-l/e.height}),c=Le(we(Se(o)),we(this.props.backgroundColor||""));return r+.5>s?c<a+1&&c>a-1?l:null:i(c,a)?t(a,n,r,s-(s-r)/2,i):t(a,n,r+(s-r)/2,s,i)},a=(a,n,r=!1)=>{const s=[];for(let i=0;i<=e.width;i+=e.width/n){const n=t(a,i,0,e.height,r?(e,t)=>e<t:(e,t)=>e>t);null!==n&&s.push([i,n])}return s},n=(e=>(t,a,n)=>{const[r,s]=e(n[a-1],n[a-2],t),[i,l]=e(t,n[a-1],n[a+1],!0);return`C ${r},${s} ${i},${l} ${t[0]},${t[1]}`})((e=>(t,a,n,r)=>{const s=e(a||t,n||t),i=s.angle+(r?Math.PI:0),l=.1*s.length;return[t[0]+Math.cos(i)*l,t[1]+Math.sin(i)*l]})(He));return $e(a(4.5,16),n)+$e(a(4.5,16,!0),n)+$e(a(7,16),n)+$e(a(7,16,!0),n)}shouldComponentUpdate(e){return!(e.hsva.h===this.props.hsva.h&&e.hsva.a===this.props.hsva.a&&this.props.backgroundColor===e.backgroundColor)}render(){return m.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 Ge="rgba(255, 255, 255, 1)",je=class e extends m.Component{constructor(t){super(t),this.wrapperRef=m.createRef(),this.hsvGradientRef=m.createRef(),this.focus=()=>{this.wrapperRef&&this.wrapperRef.current&&this.wrapperRef.current.focus()},this.onHexChange=(e,t,a)=>{if(this.isUncontrolled){const a=Ee(t);this.setState({hsva:a,backgroundColor:Ie(a.h),rgba:we(t),hex:e})}else!function(e,t,a){Ae[e]={value:t,hex:a}}(this.state.guid,t,e);this.dispatchChangeEvent(t,a,a.nativeEvent)},this.onRgbaChange=(e,t)=>{const a=(e=>{const t=Ce(e.r,0,255),a=Ce(e.g,0,255),n=Ce(e.b,0,255),r=Ce(e.a,0,1);return o.Color.fromBytes(t,a,n,r).toCssRgba()})(e);if(this.isUncontrolled){const t=Ee(a),n=xe(a,"hex");this.setState({hsva:t,backgroundColor:Ie(t.h),rgba:e,hex:n})}else!function(e,t,a){Ae[e]={value:t,rgba:a}}(this.state.guid,a,e);this.dispatchChangeEvent(a,t.syntheticEvent,t.nativeEvent)},this.onAlphaSliderChange=e=>{this.handleHsvaChange(Object.assign({},this.state.hsva,{a:e.value/100}),e.syntheticEvent,e.nativeEvent)},this.onHueSliderChange=e=>{this.handleHsvaChange(Object.assign({},this.state.hsva,{h:e.value}),e.syntheticEvent,e.nativeEvent)},this.onDrag=e=>{this.gradientWrapper.classList.add("k-dragging"),this.changePosition(e.event)},this.onRelease=()=>{this.gradientWrapper.classList.remove("k-dragging")},this.onGradientWrapperClick=e=>{this.changePosition(e)},this.onHsvGradientKeyDown=e=>{var t;null==(t=this.hsvNavigation)||t.triggerKeyboardEvent(e)},this.onHsvGradientValueChange=(e,t,a)=>{const n=parseInt(e.style.top,10)+a,r=parseInt(e.style.left,10)+t;e.style.top=`${n}px`,e.style.left=`${r}px`,this.moveDragHandle(r,n)},this.changePosition=e=>{const t=this.getGradientRectMetrics(),a=e.clientX-t.left,n=e.clientY-t.top;this.moveDragHandle(a,n)},this.onFocus=e=>{this.props.onFocus&&this.props.onFocus.call(void 0,{nativeEvent:e,target:this})},this.onKeyDown=e=>{var t;null==(t=this.navigation)||t.triggerKeyboardEvent(e)},r.validatePackage(f);const a=t.value||t.defaultValue||xe(Ge,"rgba");this.state=Object.assign({},e.getStateFromValue(a),{isFirstRender:!0,guid:this.props.id})}static getDerivedStateFromProps(t,a){return t.value&&!a.isFirstRender?e.getStateFromValue(t.value,a.guid):null}componentDidMount(){if(this.setAlphaSliderBackground(this.state.backgroundColor),this.state.isFirstRender&&this.setState({isFirstRender:!1}),this.wrapperRef&&this.hsvGradientRef){let e=0,t=0;this.hsvNavigation=new r.Navigation({tabIndex:0,root:this.hsvGradientRef,selectors:[".k-hsv-rectangle .k-hsv-draghandle"],keyboardEvents:{keydown:{ArrowDown:(e,a,n)=>{t=n.shiftKey?this.props.gradientSliderSmallStep||2:this.props.gradientSliderStep||5,this.onHsvGradientValueChange(e,0,t)},ArrowUp:(e,a,n)=>{t=n.shiftKey?-(this.props.gradientSliderSmallStep||2):-(this.props.gradientSliderStep||5),this.onHsvGradientValueChange(e,0,t)},ArrowLeft:(t,a,n)=>{e=n.shiftKey?-(this.props.gradientSliderSmallStep||2):-(this.props.gradientSliderStep||5),this.onHsvGradientValueChange(t,e,0)},ArrowRight:(t,a,n)=>{e=n.shiftKey?this.props.gradientSliderSmallStep||2:this.props.gradientSliderStep||5,this.onHsvGradientValueChange(t,e,0)}}}})}this.wrapperRef&&this.wrapperRef.current&&(this.props.isInsidePopup?this.hsvGradientRef.current&&this.hsvGradientRef.current.focus():this.navigation=new r.Navigation({tabIndex:0,root:this.wrapperRef,selectors:[".k-colorgradient"],keyboardEvents:{keydown:{Tab:(e,t,a)=>{r.getActiveElement(document)===e?r.disableNavigatableContainer(e):r.keepFocusInContainer(a,e,r.TABBABLE_ELEMENTS)},Enter:(e,t,a)=>{r.getActiveElement(document)===e&&(r.focusFirstFocusableChild(e),r.enableNavigatableContainer(e))},Escape:(e,t,a)=>{r.getActiveElement(document)!==e&&(e.focus(),r.disableNavigatableContainer(e))}}}}))}componentWillUnmount(){!function(e){delete Ae[e]}(this.state.guid)}componentDidUpdate(e,t){t.backgroundColor!==this.state.backgroundColor&&this.setAlphaSliderBackground(this.state.backgroundColor)}renderRectangleDragHandle(){const e={};if(!this.state.isFirstRender){const t=this.getGradientRectMetrics(),a=(1-this.state.hsva.v)*t.height,n=this.state.hsva.s*t.width;e.top=`${a}px`,e.left=`${n}px`}return m.createElement("div",{ref:this.hsvGradientRef,role:"slider",tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled),"aria-valuetext":this.props.ariaValueText,"aria-valuenow":parseInt(this.state.hex.substring(1),16),"aria-label":this.props.ariaLabelHSV,"aria-orientation":void 0,"aria-disabled":this.props.disabled?"true":void 0,className:"k-hsv-draghandle k-draghandle",style:e,onKeyDown:this.onHsvGradientKeyDown})}moveDragHandle(e,t){const a=this.getGradientRectMetrics(),n=a.width,r=a.height,s=Ce(t,0,r),i=Ce(e,0,n),l=Object.assign({},this.state.hsva,{s:i/n,v:1-s/r});this.handleHsvaChange(l,{},{})}handleHsvaChange(e,t,a){const n=Se(e),r=xe(n,"hex");this.isUncontrolled||function(e,t,a){Ae[e]={value:t,hsva:a}}(this.state.guid,n,e),this.setState({hsva:e,backgroundColor:Ie(e.h),rgba:we(n),hex:r}),this.dispatchChangeEvent(n,t,a)}dispatchChangeEvent(e,t,a){this.props.onChange&&this.props.onChange.call(void 0,{syntheticEvent:t,nativeEvent:a,target:this,value:e})}static getStateFromValue(e,t){ye(xe(e,"hex"))||(e=Ge);const a=function(e,t){if(e){const a=Ae[e];return a&&a.value===t?a.hsva:void 0}}(t,e)||Ee(e),n=function(e,t){if(e){const a=Ae[e];return a&&a.value===t?a.rgba:void 0}}(t,e)||we(e),r=function(e,t){if(e){const a=Ae[e];return a&&a.value===t?a.hex:void 0}}(t,e)||xe(e,"hex");return{hsva:a,backgroundColor:Ie(a.h),rgba:n,hex:r}}setAlphaSliderBackground(e){this.props.opacity&&this.alphaSlider&&this.alphaSlider.sliderTrack&&(this.alphaSlider.sliderTrack.style.background=`linear-gradient(to ${this.props._adaptive?"right":"top"}, transparent, ${e})`)}get isUncontrolled(){return void 0===this.props.value}getGradientRectMetrics(){return this.gradientWrapper.getBoundingClientRect()}render(){const e=n.provideLocalizationService(this);return m.createElement("div",{id:this.props.id,role:this.props.role,className:r.classNames("k-colorgradient",{[`k-colorgradient-${r.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size,"k-disabled":this.props.disabled},this.props.className),"aria-disabled":this.props.disabled?"true":void 0,style:this.props.style,ref:this.wrapperRef,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,onKeyDown:this.onKeyDown},m.createElement("div",{className:"k-colorgradient-canvas "+(this.props._adaptive?"k-vstack":"k-hstack")},m.createElement("div",{className:"k-hsv-rectangle",style:{background:this.state.backgroundColor}},m.createElement(r.Draggable,{onDrag:this.onDrag,onRelease:this.onRelease,ref:e=>this.gradientWrapper=e?e.element:void 0},m.createElement("div",{className:"k-hsv-gradient",style:{touchAction:"none"},onClick:this.onGradientWrapperClick},this.renderRectangleDragHandle())),this.props.backgroundColor&&!this.state.isFirstRender&&m.createElement(qe,{metrics:this.gradientWrapper?this.getGradientRectMetrics():void 0,hsva:this.state.hsva,backgroundColor:this.props.backgroundColor})),m.createElement("div",{className:"k-hsv-controls "+(this.props._adaptive?"k-vstack":"k-hstack")},m.createElement(Ke,{value:this.state.hsva.h,buttons:!1,vertical:!this.props._adaptive,min:0,max:360,step:5,onChange:this.onHueSliderChange,className:"k-hue-slider k-colorgradient-slider",disabled:this.props.disabled,ariaLabel:e.toLanguageString(V,U[V])}),this.props.opacity&&m.createElement(Ke,{value:ye(this.state.hsva.a)?100*this.state.hsva.a:100,buttons:!1,vertical:!this.props._adaptive,min:0,max:100,step:1,ariaLabel:e.toLanguageString(B,U[B]),onChange:this.onAlphaSliderChange,className:"k-alpha-slider k-colorgradient-slider",disabled:this.props.disabled,ref:e=>this.alphaSlider=e}))),m.createElement(ze,{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,size:this.props.size,fillMode:this.props.fillMode}),this.props.backgroundColor&&m.createElement(_e,{bgColor:we(this.props.backgroundColor),rgba:this.state.rgba}))}};je.displayName="ColorGradient",je.propTypes={defaultValue:a.string,value:a.string,onChange:a.func,onFocus:a.func,opacity:a.bool,backgroundColor:a.string,format:a.any,disabled:a.bool,style:a.any,id:a.string,role:a.string,ariaLabel:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,className:a.string,size:a.oneOf(["small","medium","large",null])},je.defaultProps={opacity:!0,role:"textbox",format:"rgb",size:"medium"};let We=je;const Ue=r.createPropsContext(),Ye=r.withIdHOC(r.withPropsContext(Ue,We));Ye.displayName="KendoReactColorGradient";let Xe=class{constructor(){this.colorRows=[]}setColorMatrix(e,t){if(this.colorRows=[],ye(e)&&e.length){t=t||e.length;for(let a=0;a<e.length;a+=t){const n=e.slice(a,t+a);this.colorRows.push(n)}}}getCellCoordsFor(e){if(!ye(e))return;const t=e&&o.parseColor(e,!0),a=[e];ye(t)&&a.push(t.toCss(),t.toCssRgba());for(let e=0;e<this.colorRows.length;e++)for(let t=0;t<this.colorRows[e].length;t++)if(a.some((a=>a===this.colorRows[e][t])))return{row:e,col:t}}getColorAt(e){if(ye(e)&&ye(this.colorRows[e.row]))return this.colorRows[e.row][e.col]}getNextCell(e,t,a){if(!(ye(e)&&ye(e.row)&&ye(e.col)))return{row:0,col:0};const n=this.clampIndex(e.row+a,this.colorRows.length-1);return{row:n,col:this.clampIndex(e.col+t,this.colorRows[n].length-1)}}clampIndex(e,t){return e<0?0:e>t?t:e}};const Ze={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}},Je="office",Qe=class extends m.Component{constructor(e){super(e),this.wrapperRef=m.createRef(),this.paletteService=null,this.focus=()=>{this.wrapperRef&&this.wrapperRef.current&&this.wrapperRef.current.focus()},this.onKeyDown=e=>{switch(e.key){case r.KEYS.down:this.handleCellNavigation(0,1);break;case r.KEYS.up:this.handleCellNavigation(0,-1);break;case r.KEYS.right:this.handleCellNavigation(1,0);break;case r.KEYS.left:this.handleCellNavigation(-1,0);break;case r.KEYS.enter:this.handleEnter(e);break;default:return}e.preventDefault()},this.onColorClick=(e,t)=>{this.isUncontrolled?this.setState({selectedColor:e,focusedColor:e}):this.setState({focusedColor:e}),this.dispatchChangeEvent(e,t)},this.onFocus=e=>{this.paletteService&&(this.setState({focusedColor:this.state.selectedColor||this.paletteService.colorRows[0][0]}),this.props.onFocus&&this.props.onFocus.call(void 0,e))},this.onBlur=()=>{this.setState({focusedColor:void 0})},r.validatePackage(f),this.state={selectedColor:void 0!==this.props.value?this.props.value:this.props.defaultValue?this.props.defaultValue:void 0,isFirstRender:!0}}get guid(){return this.props.id}render(){const e=this.getPaletteInfo(),t=this.paletteService=new Xe;t.setColorMatrix(e.colors,e.columns);const a=t.getCellCoordsFor(this.state.selectedColor),n=t.getCellCoordsFor(this.state.focusedColor);return e.colors.length?m.createElement("div",{id:this.props.id,role:"grid",className:r.classNames("k-colorpalette",{[`k-colorpalette-${r.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size,"k-disabled":this.props.disabled},this.props.className),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:this.wrapperRef},m.createElement("table",{className:"k-colorpalette-table",role:"presentation"},m.createElement("tbody",{role:"rowgroup"},this.renderRows(t.colorRows,a,n)))):""}static getDerivedStateFromProps(e,t){if(t.isFirstRender||void 0===e.value){if(t.isFirstRender)return{isFirstRender:!1}}else{if(""===e.value&&void 0!==t.selectedColor)return{selectedColor:void 0};if(""!==e.value&&e.value!==t.selectedColor)return{selectedColor:e.value}}return null}handleCellNavigation(e,t){if(this.paletteService)if(this.focusedColorCooridanates){const a=this.paletteService.getNextCell(this.focusedColorCooridanates,e,t);this.setState({focusedColor:this.paletteService.getColorAt(a)})}else this.setState({focusedColor:this.paletteService.colorRows[0][0]})}handleEnter(e){this.isUncontrolled&&this.setState({selectedColor:this.state.focusedColor}),this.dispatchChangeEvent(this.state.focusedColor,e)}dispatchChangeEvent(e,t){r.dispatchEvent(this.props.onChange,t,this,{value:e,rgbaValue:xe(e,"rgba")})}get focusedColorCooridanates(){return this.state.focusedColor&&this.paletteService?this.paletteService.getCellCoordsFor(this.state.focusedColor):void 0}get isUncontrolled(){return void 0===this.props.value}getPaletteInfo(){if("string"==typeof this.props.palette){const e=Ze[this.props.palette];return ye(e)?{colors:e.colors,columns:this.props.columns||e.columns||10}:{colors:[],columns:0}}return{colors:this.props.palette||[],columns:this.props.columns||10}}renderRows(e,t,a){return e.map(((e,n)=>m.createElement("tr",{role:"row",key:n},this.renderColumns(e,n,t,a))))}renderColumns(e,t,a,n){const s=void 0!==a&&a.row===t,i=a&&a.col,l=void 0!==n&&n.row===t,o=n&&n.col;return e.map(((e,a)=>{const n=s&&i===a,c=r.classNames("k-colorpalette-tile",{"k-selected":n,"k-focus":l&&o===a});return m.createElement("td",{role:"gridcell",className:c,"aria-label":e,"aria-selected":!!n||!!this.props.disabled&&void 0,style:{backgroundColor:e},onClick:t=>this.onColorClick(e,t),id:this.createCellId({row:t,col:a}),key:a})}))}createCellId(e){return`${this.guid}_${e.row}_${e.col}`}};Qe.displayName="ColorPalette",Qe.propTypes={palette:a.oneOfType([a.arrayOf(a.string.isRequired),a.string]),columns:a.number,tileSize:a.any,defaultValue:a.string,value:a.string,disabled:a.bool,tabIndex:a.number,onChange:a.func,onFocus:a.func,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,className:a.string,size:a.oneOf(["small","medium","large",null])},Qe.defaultProps={palette:Je,tileSize:24,size:"medium"};let et=Qe;const tt=r.createPropsContext(),at=r.withIdHOC(r.withPropsContext(tt,et));at.displayName="KendoReactColorPalette";const nt=e=>{const t=e.popupSettings||{},a="rtl"===e.dir?"right":"left",n=m.useMemo((()=>({horizontal:a,vertical:"bottom"})),[a]),s=m.useMemo((()=>({horizontal:a,vertical:"top"})),[a]);return m.createElement(m.Fragment,null,e.input,e.button,!e._mobileMode&&m.createElement(c.Popup,{style:{...(t||{}).style,direction:e.dir},...t,anchor:e.popupAnchor,anchorAlign:n,popupAlign:s,show:e.open,onOpen:e.onOpen,onClose:e.onClose,className:r.classNames(t.className),popupClass:"k-colorpicker-popup"},e.content),e._mobileMode&&e._actionSheet)};nt.displayName="KendoPickerComponent";const rt=m.forwardRef(((e,t)=>{r.validatePackage(f);const a=m.useRef(null),i=m.useRef(null),o=m.useRef(null),{defaultValue:c,showButtons:d=!0,showPreview:u=!0,showClearButton:p=!0,view:h=(e.views?void 0:"ColorGradient"),views:v=(h?void 0:["gradient","palette"]),activeView:g="gradient",size:b="medium"}=e,[k,y]=m.useState("ColorGradient"===(h||"ColorGradient")),[C,x]=m.useState("gradient"===(null!=v?v:[])[0]&&"gradient"===g),[E,w]=m.useState(e.value||c||void 0),[S,I]=m.useState(e.value||c||void 0),N=void 0!==e.value?e.value:void 0;m.useEffect((()=>{w(e.value)}),[e.value]);const M=n.useLocalization(),L=m.useCallback((()=>{a.current&&a.current.focus()}),[a]);m.useImperativeHandle(a,(()=>({element:i.current,focus:L,props:e,value:N})),[N,L,e]),m.useImperativeHandle(t,(()=>a.current));const R=m.useCallback((e=>{("ColorGradient"===e&&!k||"ColorPalette"===e&&k)&&y(!k)}),[k]),V=m.useCallback((e=>{"gradient"===e&&!C||"palette"===e&&C||"palette"===e&&"gradient"===g?x(!C):"gradient"===e&&"palette"===g&&x(!0)}),[g,C]),B=m.useCallback((t=>{var a;const n=c||void 0;if(w(n),I(n),null!=(a=e._gradientSettings)&&a._adaptive&&e.setAdaptiveModeValue&&e.setAdaptiveModeValue(n),e.onPreviewChange){const a={value:n,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onPreviewChange.call(void 0,a)}}),[c,e.onPreviewChange]),P=m.useCallback((t=>{var a;if(w(t.value),e.onPreviewChange){const a={value:t.value,nativeEvent:t.nativeEvent,syntheticEvent:t.syntheticEvent};e.onPreviewChange.call(void 0,a)}null!=(a=e._gradientSettings)&&a._adaptive&&e.setAdaptiveModeValue&&e.setAdaptiveModeValue(t.value)}),[e.onPreviewChange]),K=m.useCallback((t=>{if(void 0!==E&&I(E),e.onChange){const a={value:E,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onChange.call(void 0,a)}}),[E,e.onChange]),A=m.useCallback((()=>{w(S),e.setOpen&&e.setOpen(!1)}),[S]),_=m.useCallback((t=>{if(w(S),e.onPreviewChange){const a={value:S,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onPreviewChange.call(void 0,a)}}),[S,e.onPreviewChange]),$=m.useCallback((t=>{var a,n;if((!t.relatedTarget||null==(a=i.current)||!a.contains(t.relatedTarget))&&(null==(n=e._gradientSettings)||!n._adaptive)&&(!d&&void 0!==E&&I(E),!d&&e.onChange)){const a={value:E,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onChange.call(void 0,a)}}),[E,d,e.onChange]),H=m.useMemo((()=>new r.Navigation({root:i,selectors:[".k-coloreditor"],tabIndex:0,keyboardEvents:{keydown:{Tab:(e,t,a)=>{r.getActiveElement(document)===e?r.disableNavigatableContainer(e):r.keepFocusInContainer(a,e)},Enter:(e,t,a)=>{r.getActiveElement(document)===e&&(r.focusFirstFocusableChild(e),r.enableNavigatableContainer(e))},Escape:(e,t,a)=>{r.getActiveElement(document)!==e&&(e.focus(),r.disableNavigatableContainer(e))}}}})),[]),q=m.useCallback(H.triggerKeyboardEvent.bind(H),[]);return m.createElement("div",{id:e.id,role:"textbox","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-disabled":e.disabled?"true":void 0,style:e.style,ref:i,tabIndex:r.getTabIndex(e.tabIndex,e.disabled),className:r.classNames("k-flatcolorpicker k-coloreditor",{[`k-coloreditor-${r.kendoThemeMaps.sizeMap[b]||b}`]:b,"k-disabled":e.disabled},e.className),onBlur:$,onKeyDown:q},e.header||m.createElement("div",{className:"k-coloreditor-header k-hstack"},m.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},v&&"gradient"===v[0]&&"palette"===v[1]&&m.createElement(l.ButtonGroup,{className:"k-button-group-flat"},m.createElement(l.Button,{type:"button","aria-label":M.toLanguageString(T,U[T]),togglable:!0,fillMode:"flat",size:b,svgIcon:s.dropletSliderIcon,selected:C,onClick:()=>V("gradient")}),m.createElement(l.Button,{type:"button","aria-label":M.toLanguageString(D,U[D]),togglable:!0,fillMode:"flat",size:b,svgIcon:s.paletteIcon,selected:!C,onClick:()=>V("palette")})),v&&"palette"===v[0]&&"gradient"===v[1]&&m.createElement(l.ButtonGroup,{className:"k-button-group-flat"},m.createElement(l.Button,{type:"button","aria-label":M.toLanguageString(D,U[D]),togglable:!0,fillMode:"flat",size:b,svgIcon:s.paletteIcon,selected:!C,onClick:()=>V("palette")}),m.createElement(l.Button,{type:"button","aria-label":M.toLanguageString(T,U[T]),togglable:!0,fillMode:"flat",size:b,svgIcon:s.dropletSliderIcon,selected:C,onClick:()=>V("gradient")})),h&&m.createElement(l.ButtonGroup,{className:"k-button-group-flat"},m.createElement(l.Button,{type:"button","aria-label":M.toLanguageString(T,U[T]),togglable:!0,fillMode:"flat",size:b,selected:k,onClick:()=>R("ColorGradient"),icon:"droplet-slider",svgIcon:s.dropletSliderIcon}),m.createElement(l.Button,{type:"button","aria-label":M.toLanguageString(D,U[D]),togglable:!0,fillMode:"flat",size:b,selected:!k,onClick:()=>R("ColorPalette"),icon:"palette",svgIcon:s.paletteIcon}))),m.createElement("div",{className:"k-spacer"}),m.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},p&&m.createElement(l.Button,{type:"button",fillMode:"flat",size:b,onClick:B,"aria-label":M.toLanguageString(F,U[F]),icon:"droplet-slash",svgIcon:s.dropletSlashIcon}),u&&m.createElement("div",{className:"k-coloreditor-preview k-vstack"},m.createElement("span",{className:r.classNames("k-coloreditor-preview-color","k-color-preview",{"k-no-color":void 0===N})},m.createElement("span",{className:"k-color-preview-mask",style:{background:E||void 0}})),m.createElement("span",{className:r.classNames("k-coloreditor-current-color","k-color-preview",{"k-no-color":void 0===S}),onClick:_},m.createElement("span",{className:"k-color-preview-mask",style:{background:S||void 0}}))))),m.createElement("div",{className:"k-coloreditor-views k-vstack"},(h&&k||v&&C)&&m.createElement(Ye,{ref:o,role:"none",ariaLabel:void 0,value:E,onChange:P,opacity:e.opacity,format:e.format,size:b,_adaptive:e._gradientSettings?e._gradientSettings._adaptive:void 0,...e._gradientSettings}),(h&&!k||v&&!C)&&m.createElement(at,{ariaDisabled:!0,ariaLabelledBy:"required_label",value:E,onChange:P,size:b})),d&&m.createElement("div",{className:"k-coloreditor-footer k-actions k-actions-end k-actions-horizontal"},m.createElement(l.Button,{type:"button",className:"k-coloreditor-cancel",size:b,onClick:A},U[z]),m.createElement(l.Button,{type:"button",themeColor:"primary",className:"k-coloreditor-apply",size:b,onClick:K},U[O])))})),st={id:a.string,style:a.any,className:a.string,value:a.string,defaultValue:a.string,onPreviewChange:a.func,onChange:a.func,opacity:a.bool,format:a.any,tabIndex:a.number,ariaLabel:a.string,ariaLabelledBy:a.string,disabled:a.bool,view:a.any,header:a.any,showClearButton:a.bool,showPreview:a.bool,showButtons:a.bool,views:a.array,size:a.oneOf([null,"small","medium","large"])};rt.displayName="KendoFlatColorPicker",rt.propTypes=st;const it=e=>{const{windowWidth:t=0,children:a,navigatable:n,navigatableElements:i,expand:o,animation:c,title:u,subTitle:p,footer:h,onClose:f}=e,v=r.useAdaptiveModeContext(),g={navigatable:n||!1,navigatableElements:i||[],expand:o,animation:c,actions:m.createElement(l.Button,{tabIndex:0,"aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",icon:"x",svgIcon:s.xIcon,onClick:f}),onClose:f,animationStyles:v&&t<=v.small?{top:0,width:"100%",height:"100%"}:void 0,title:u,subTitle:p,className:"k-adaptive-actionsheet",position:v&&t<=v.small?"fullscreen":void 0};return m.createElement(d.ActionSheet,{...g},a,m.createElement(d.ActionSheetFooter,{className:"k-actions k-actions-stretched"},m.createElement(l.Button,{size:"large",className:"k-coloreditor-cancel","aria-label":h.cancelText,onClick:h.onCancel},h.cancelText),m.createElement(l.Button,{themeColor:"primary",size:"large",className:"k-coloreditor-apply","aria-label":h.applyText,onClick:h.onApply},h.applyText)))},lt={palette:Je,tileSize:24},ot=e=>void 0!==e,ct=r.createPropsContext(),dt=m.forwardRef(((e,t)=>{var a,i;r.validatePackage(f);const o=r.usePropsContext(ct,e),c=n.useLocalization(),u=r.useAdaptiveModeContext(),{size:p=ut.size,rounded:h=ut.rounded,fillMode:v=ut.fillMode,gradientSettings:g=ut.gradientSettings,paletteSettings:b=ut.paletteSettings,flatColorPickerSettings:k,view:y=(o.views?void 0:ut.view),views:C=(y?void 0:ut.views),activeView:x,popupSettings:E,valid:w,disabled:S,tabIndex:I,icon:N,svgIcon:M,iconClassName:L,onChange:R,onFocus:V,onBlur:B,onActiveColorClick:P,className:T,adaptive:D,adaptiveTitle:F=c.toLanguageString(K,U[K])}=o,A=m.useRef(null),_=m.useRef(null),$=m.useRef(null),q=m.useRef(null),G=m.useRef(),j=m.useRef(null),[W,Y]=m.useState(!1),[X,Z]=m.useState(o.defaultValue),[J,Q]=m.useState(!1),[ee,te]=m.useState(),ae=ot(o.value),ne=ot(o.open),re=ae?o.value:X,se=ne?o.open:J,ie=m.useRef(re),le=m.useCallback((()=>{A.current&&A.current.focus()}),[]);m.useImperativeHandle(t,(()=>({element:A.current,actionElement:j.current,value:re,focus:le})),[re,le]);const oe=!!(ee&&u&&ee<=u.medium&&D);m.useEffect((()=>{const e=r.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(we.bind(void 0));return null!=document&&document.body&&e&&e.observe(document.body),()=>{null!=document&&document.body&&e&&e.disconnect()}}),[]);const ce=m.useCallback(((e,t)=>{ne||(!e&&!t&&A&&A.current&&A.current.focus(),Q(e))}),[ne]),de=m.useMemo((()=>new r.Navigation({root:A,selectors:[".k-colorpicker",".k-color-picker-popup"],tabIndex:0,keyboardEvents:{keydown:{Escape:(e,t,a)=>{ce(!1)},Enter:(e,t,a)=>{!ne&&e===A.current&&(a.preventDefault(),a.stopPropagation(),ce(!0))},ArrowDown:(e,t,a)=>{a.altKey&&(a.preventDefault(),a.stopPropagation(),ce(!0))},ArrowUp:(e,t,a)=>{a.altKey&&(a.preventDefault(),a.stopPropagation(),ce(!1))},Tab:(e,t,a)=>{var n,s,i;if(r.getActiveElement(document)!==A.current){const e=null==(n=$.current)?void 0:n.wrapperRef.current,t=null==(s=_.current)?void 0:s.wrapperRef.current,l=null==(i=q.current)?void 0:i.element;"palette"===y&&e?r.keepFocusInContainer(a,e):"gradient"===y&&t?r.keepFocusInContainer(a,t):"combo"===y&&t?r.keepFocusInContainer(a,t.parentElement):C&&l&&r.keepFocusInContainer(a,l)}}}}})),[ce,ne]),ue=m.useCallback(de.triggerKeyboardEvent.bind(de),[]),pe=m.useCallback((()=>{ne||(_.current&&_.current.wrapperRef.current?r.focusFirstFocusableChild(_.current.wrapperRef.current):$.current?$.current.focus():q.current&&q.current.element&&r.focusFirstFocusableChild(q.current.element))}),[ne]),he=e=>ie.current=e,me=m.useCallback((e=>{const t={value:ie.current,nativeEvent:e.nativeEvent,syntheticEvent:e};ye(t),ce(!se,!0)}),[se]),fe=m.useCallback((()=>{ce(!1,!0)}),[ce]),ve=m.useCallback((e=>{P&&P.call(void 0,{syntheticEvent:e,nativeEvent:e.nativeEvent,value:re,target:{element:A.current,value:re}})}),[P,re]),ge=m.useCallback((e=>{G.current?(clearTimeout(G.current),G.current=void 0):Y(!0),V&&V.call(void 0,{nativeEvent:e.nativeEvent,syntheticEvent:e})}),[V]),be=m.useCallback((()=>{ce(!1,!0),Y(!1),G.current=void 0}),[]),ke=m.useCallback((e=>{clearTimeout(G.current),G.current=window.setTimeout(be),B&&B.call(void 0,{nativeEvent:e.nativeEvent,syntheticEvent:e})}),[B]),ye=m.useCallback(((e,t)=>{var a;const n=t?e.rgbaValue||"":null!=(a=e.value)?a:"";ae||Z(n),R&&R.call(void 0,{value:n,nativeEvent:e.nativeEvent,syntheticEvent:e.syntheticEvent,target:{element:A.current,value:n}}),ce(!1)}),[ae,R]),Ce=m.useCallback((e=>ye(e,!0)),[ot,ye]),xe=m.useCallback((e=>m.createElement(m.Fragment,null,("combo"===y||"gradient"===y)&&m.createElement(Ye,{...g,_adaptive:e,ref:_,isInsidePopup:!0,size:e?"large":p,fillMode:v,value:re,onChange:ye}),("combo"===y||"palette"===y)&&m.createElement(at,{...b,ref:$,size:e?"large":p,value:re,onChange:Ce}),C&&"gradient"===C[0]&&"palette"===C[1]&&m.createElement(rt,{...k,_gradientSettings:{_adaptive:e,...g},ref:q,size:e?"large":p,views:["gradient","palette"],activeView:x,setOpen:ce,showButtons:!e,value:re,onChange:ye,setAdaptiveModeValue:he}),C&&"palette"===C[0]&&"gradient"===C[1]&&m.createElement(rt,{...k,_gradientSettings:{_adaptive:e,...g},ref:q,size:e?"large":p,views:["palette","gradient"],setOpen:ce,showButtons:!e,value:re,onChange:ye,setAdaptiveModeValue:he}),C&&C.includes("gradient")&&!C.includes("palette")&&m.createElement(rt,{...k,_gradientSettings:{_adaptive:e,...g},ref:q,size:e?"large":p,views:["gradient"],showButtons:!e,setOpen:ce,value:re,onChange:ye,setAdaptiveModeValue:he}),C&&C.includes("palette")&&!C.includes("gradient")&&m.createElement(rt,{...k,_gradientSettings:{_adaptive:e,...g},ref:q,size:e?"large":p,views:["palette"],showButtons:!e,setOpen:ce,value:re,onChange:ye,setAdaptiveModeValue:he}))),[x,v,k,g,ye,Ce,b,ce,p,re,y,C]),Ee=m.useCallback((()=>{var e;const t={animation:!(null!=(e=null==E?void 0:E.animate)&&!e),title:F,expand:se,onClose:fe,windowWidth:ee,footer:{cancelText:c.toLanguageString(z,U[z]),onCancel:fe,applyText:c.toLanguageString(O,U[O]),onApply:me}};return m.createElement(it,{...t},m.createElement(d.ActionSheetContent,{overflowHidden:!0},xe(!0)))}),[null==E?void 0:E.animate,F,se,fe,ee,c,me,xe]),we=m.useCallback((e=>{for(const t of e)te(t.target.clientWidth)}),[]),Se=r.useDir(A,o.dir),Ie=!1!==w;return m.createElement("span",{id:o.id,role:"combobox","aria-label":o.ariaLabel,"aria-labelledby":o.ariaLabelledBy,"aria-describedby":o.ariaDescribedBy,"aria-haspopup":"dialog","aria-expanded":se,"aria-controls":`k-colorpicker-popup-${null!=(a=o.id)?a:0}`,"aria-disabled":S?"true":void 0,className:r.classNames("k-colorpicker","k-picker","k-icon-picker",{[`k-picker-${r.kendoThemeMaps.sizeMap[p]||p}`]:p,[`k-picker-${v}`]:v,[`k-rounded-${r.kendoThemeMaps.roundedMap[h]||h}`]:h,"k-invalid":!Ie,"k-disabled":S,"k-focus":W,className:T}),ref:A,tabIndex:r.getTabIndex(I,S),title:o.title,onKeyDown:ue,onFocus:ge,onBlur:ke,dir:Se},m.createElement(nt,{dir:Se,open:se,onOpen:pe,popupAnchor:A.current||void 0,popupSettings:{id:`k-colorpicker-popup-${null!=(i=o.id)?i:0}`,...E},input:m.createElement("span",{onClick:ve,className:"k-input-inner"},m.createElement("span",{className:r.classNames("k-value-icon","k-color-preview",{"k-no-color":!re,"k-icon-color-preview":N||M||L})},L&&m.createElement("span",{className:r.classNames("k-color-preview-icon",L)}),!L&&(N||M)&&m.createElement(r.IconWrap,{name:N,icon:M}),m.createElement("span",{className:"k-color-preview-mask",style:{backgroundColor:re}}))),button:m.createElement(l.Button,{tabIndex:-1,type:"button",onClick:()=>ce(!se),className:"k-input-button",rounded:null,icon:"caret-alt-down",svgIcon:s.caretAltDownIcon,"aria-label":c.toLanguageString(H,U[H])}),content:xe(!1),_mobileMode:oe,_actionSheet:Ee()}))}));dt.propTypes={value:a.string,defaultValue:a.string,disabled:a.bool,view:a.oneOf(["gradient","palette","combo"]),views:a.arrayOf(a.oneOf(["gradient","palette"])),dir:a.string,id:a.string,icon:a.string,svgIcon:r.svgIconPropType,ariaLabelledBy:a.string,ariaDescribedBy:a.string,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","flat","outline"]),className:a.string,adaptive:a.bool,adaptiveTitle:a.string};const ut={size:"medium",rounded:"medium",fillMode:"solid",view:"palette",views:["gradient","palette"],gradientSettings:{opacity:!0},paletteSettings:lt};dt.displayName="KendoColorPicker";const pt=m.forwardRef(((e,t)=>{const a=m.useContext(ht).call(void 0,e);r.validatePackage(f);const[,n]=m.useReducer((e=>e),!0),s=r.applyDefaultProps(a,mt),{className:l,label:o,labelClassName:c,id:d,validationMessage:u,defaultValue:p,valid:h,unstyled:v,visited:g,touched:b,modified:k,autoFocus:y,ariaLabelledBy:C,ariaDescribedBy:x,validityStyles:E,style:w,ariaLabel:S,...I}=s,N=r.useUnstyled(),M=v||N,L=M&&M.uInput,R=r.useId(),[V,B]=m.useState({value:p}),P=d||R,z=m.useRef(null),O=m.useRef(void 0),T=m.useRef(null),D=()=>{z.current&&z.current.focus()},F=()=>void 0!==O.current?O.current:void 0!==s.value?s.value:V.value,K=()=>{const e={badInput:!!z.current&&z.current.validity.badInput,patternMismatch:!!z.current&&z.current.validity.patternMismatch,rangeOverflow:!!z.current&&z.current.validity.rangeOverflow,rangeUnderflow:!!z.current&&z.current.validity.rangeUnderflow,stepMismatch:!!z.current&&z.current.validity.stepMismatch,tooLong:!!z.current&&z.current.validity.tooLong,typeMismatch:!!z.current&&z.current.validity.typeMismatch,valueMissing:!!z.current&&z.current.validity.valueMissing};return{...e,customError:void 0!==u,valid:void 0!==h?h:!z.current||!A(e)}};m.useImperativeHandle(T,(()=>({element:z.current,props:s,get value(){return F()},name:s.name,get validity(){return K()},focus:D}))),m.useImperativeHandle(t,(()=>T.current));const A=e=>{let t=!1;for(const a in e)e.hasOwnProperty(a)&&(t=t||!!e[a]);return t},_=!E||K().valid,$=r.classNames(l,r.uInput.input({c:L,invalid:!_,disabled:s.disabled}));m.useEffect((()=>{n()}),[]),m.useEffect((()=>{z.current&&z.current.setCustomValidity&&(K().valid||!E?z.current.classList.remove("k-invalid"):z.current.classList.add("k-invalid"),z.current.setCustomValidity(K().valid?"":u||""))}));const H=m.createElement("input",{"aria-labelledby":C,"aria-describedby":x,"aria-disabled":s.disabled||void 0,"aria-invalid":!_||void 0,"aria-label":S||void 0,...I,style:o?void 0:w,value:F(),id:P,autoFocus:y,className:$,onChange:e=>{B({value:e.target.value}),O.current=e.target.value,s.onChange&&s.onChange.call(void 0,{syntheticEvent:e,nativeEvent:e.nativeEvent,value:e.target.value,target:T.current}),O.current=void 0},onAnimationStart:e=>{if("autoFillStart"===e.animationName){const t=e.target.parentNode;t&&t.classList.contains("k-empty")&&t.classList.remove("k-empty")}},ref:z});return o?m.createElement(i.FloatingLabel,{label:o,labelClassName:c,editorId:P,editorValue:String(F()),editorValid:_,editorDisabled:s.disabled,editorPlaceholder:s.placeholder,children:H,style:w,dir:s.dir,unstyled:M}):H})),ht=r.createPropsContext(),mt={defaultValue:"",required:!1,validityStyles:!0,autoFocus:!1};pt.displayName="KendoReactInput",pt.propTypes={label:a.string,labelClassName:a.string,validationMessage:a.string,required:a.bool,validate:a.bool,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,ariaLabel:a.string,autoFocus:a.bool,value:a.oneOfType([a.string,a.number,a.array])};var ft=(e=>(e[e.Literal=0]="Literal",e[e.Mask=1]="Mask",e[e.Undefined=2]="Undefined",e))(ft||{});let vt=class e{constructor(e,t,a=2){this.value=e,this.rest=t,this.type=a}map(t){return new e(t(this.value),this.rest)}chain(e){return e(this.value,this.rest)}fold(e,t){return e(this.value,this.rest)}concat(e){return this.map(((t,a)=>e.chain(((e,a)=>t.concat([e])))))}toString(){return`Result({ value: '${this.value}', rest: ${this.rest} })`}},gt=class{constructor(e=[],t=[]){this.input=e,this.control=t,this.inputCursor=0,this.controlCursor=0}eof(){return this.inputCursor>=this.input.length}next(){return{char:this.input[this.inputCursor++],control:this.control[this.controlCursor++]}}peek(){return{char:this.input[this.inputCursor],control:this.control[this.controlCursor]}}eat_input(){this.inputCursor++}eat_control(){this.controlCursor++}eat(){this.inputCursor++,this.controlCursor++}};const bt=e=>(e||"").split("");let kt=class e{constructor(e){this.parse=e}run(e,t=""){return e instanceof gt?this.parse(e):this.parse(new gt(bt(e),bt(t)))}map(t){return new e((e=>this.parse(e).map(t)))}chain(t){return new e((e=>this.parse(e).chain(((e,a)=>t(e).run(a)))))}isLiteral(e){return this.run(e).type===ft.Literal}};const yt=(e,t)=>new kt((a=>{let{char:n}=a.next();const r=e[n];return"\\"===n?(n=a.next().char,new vt(t.literal(n),a)):new vt(r?t.mask(r):t.literal(n),a)})),Ct=e=>new kt((t=>{const{prompt:a,promptPlaceholder:n}=e,{char:r}=t.next();return new vt(r===a?n:r,t)})),xt=e=>new kt((t=>{const{char:a}=t.next();return new vt(e?a:"",t)})),Et=e=>e.reduce(((e,t)=>((e,t)=>e.chain((e=>t.map((t=>e.concat([t]))))))(e,t)),(e=>new kt((t=>new vt(e,t))))([])),wt=e=>new kt((t=>{let a=new vt([],t);for(;!t.eof();)a=a.concat(e.run(t));return a}));class St{constructor(){this.rules={},this.prompt="_",this.mask="",this.promptPlaceholder=" ",this.includeLiterals=!1,this.maskTokens=[],this.unmaskTokens=[],this.rawTokens=[],this.validationTokens=[]}update({mask:e="",prompt:t="",promptPlaceholder:a=" ",rules:n={},includeLiterals:r=!1}){this.mask=e,this.prompt=t,this.promptPlaceholder=a,this.rules=n,this.includeLiterals=r,this.tokenize()}validationValue(e=""){let t=e;return Et(this.validationTokens).run(e).fold((e=>{t=e.join("")})),t}rawValue(e=""){let t=e;return this.rawTokens.length&&Et(this.rawTokens).run(e).fold((e=>{t=e.join("")})),t}maskRaw(e=""){let t=e;return this.maskTokens.length&&Et(this.maskTokens).run(e).fold((e=>{t=e.join("")})),t}maskInput(e,t,a){return e.length<t.length?this.maskRemoved(e,t,a):this.maskInserted(e,t,a)}maskInRange(e,t,a,n){let r="";const s=n,i=t.split("").slice(0,a),l=t.split("").slice(n);return Et(this.maskTokens.slice(a,n)).run(e).fold((e=>{r=i.concat(e).concat(l).join("")})),{selection:s,value:r}}maskRemoved(e,t,a){let n="",r=a;const s=e.split("").slice(a),i=e.split("").slice(0,a).join(""),l=this.maskTokens.length-(e.length-a);return Et(this.maskTokens.slice(0,l)).run(i,t).fold((e=>{r=this.adjustPosition(e,r),n=e.concat(s).join("")})),{selection:r,value:n}}adjustPosition(e,t){const a=e[t];return this.maskTokens[t].isLiteral(a)||a===this.prompt?t:t+1}maskInserted(e,t,a){let n="",r=a;const s=e.slice(0,a);return Et(this.unmaskTokens).run(s,t).chain((e=>{r=e.join("").length;const a=t.slice(r);return Et(this.maskTokens).run(e.join("")+a,t)})).fold((e=>{n=e.join("")})),{selection:r,value:n}}get maskTokenCreator(){const{prompt:e,promptPlaceholder:t}=this;return{literal:e=>(e=>new kt((t=>t.peek().char===e?(t.eat(),new vt(e,t,ft.Literal)):new vt(e,t,ft.Literal))))(e),mask:a=>(e=>t=>new kt((a=>{const{prompt:n,promptPlaceholder:r}=e;for(;!a.eof();){const{char:e,control:s}=a.peek();if(e===s&&s===n)return a.eat(),new vt(n,a,ft.Mask);if(t.test(e))return a.eat(),new vt(e,a,ft.Mask);if(e===r)return a.eat(),new vt(n,a,ft.Mask);a.eat_input()}return a.eat(),new vt(n,a,ft.Mask)})))({prompt:e,promptPlaceholder:t})(a)}}get unmaskTokenCreator(){return{literal:e=>(e=>new kt((t=>{if(t.eof())return new vt("",t);const{char:a}=t.peek();return a===e&&t.eat(),new vt(e,t)})))(e),mask:e=>(e=>t=>new kt((a=>{for(;!a.eof();){const{char:n,control:r}=a.peek();if(n===e&&r===e)return a.eat(),new vt(n,a);if(t.test(n))return a.eat(),new vt(n,a);a.eat_input()}return a.eat(),new vt("",a)})))(this.prompt)(e)}}get rawTokenCreator(){const{prompt:e,promptPlaceholder:t,includeLiterals:a}=this;return{literal:e=>xt(a),mask:a=>Ct({prompt:e,promptPlaceholder:t})}}get validationTokenCreator(){const{prompt:e}=this;return{literal:e=>xt(!1),mask:t=>Ct({prompt:e,promptPlaceholder:""})}}tokenize(){wt(yt(this.rules,this.maskTokenCreator)).run(this.mask).fold(((e,t)=>{this.maskTokens=e})),wt(yt(this.rules,this.unmaskTokenCreator)).run(this.mask).fold(((e,t)=>{this.unmaskTokens=e})),wt(yt(this.rules,this.rawTokenCreator)).run(this.mask).fold(((e,t)=>{this.rawTokens=e})),wt(yt(this.rules,this.validationTokenCreator)).run(this.mask).fold(((e,t)=>{this.validationTokens=e}))}}const It={"#":/[\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]/},Nt=()=>!1,Mt=(e,t)=>e.includeLiterals!==t.includeLiterals||e.mask!==t.mask||e.prompt!==t.prompt||e.promptPlaceholder!==t.promptPlaceholder||!Lt(e.rules,t.rules),Lt=(e,t)=>{if(!!e!=!!t)return!1;if(e===t||!e||!t)return!0;let a=!0;for(const n in e)if(e[n]!==t[n]){a=!1;break}if(a)for(const n in t)if(!e.hasOwnProperty(n)){a=!1;break}return a},Rt=class e extends m.Component{constructor(e){super(e),this.state={},this._inputId=`k_${this.props.id}`,this._service=new St,this._isPasted=!1,this._selection=[null,null],this._input=null,this.focus=()=>{this._input&&this._input.focus()},this.pasteHandler=e=>{const{selectionStart:t,selectionEnd:a}=e.target;a!==t&&(this._isPasted=!0,this._selection=[t||0,a||0])},this.onChangeHandler=e=>{const t=e.currentTarget,a=t.value,n=this._selection[0]||0,r=this._selection[1]||0;if(!this.props.mask)return this._isPasted=!1,this._selection=[null,null],void this.triggerOnChange(a,e);const s=this.value;let i;if(this._isPasted){this._isPasted=!1;const e=s.length-r,t=a.length-e;i=this._service.maskInRange(a.slice(n,t),s,n,r)}else i=this._service.maskInput(a,s,t.selectionStart||0);this._selection=[i.selection,i.selection],this.triggerOnChange(i.value,e)},this.focusHandler=e=>{this.state.focused||(this.setState({focused:!0}),this.props.onFocus&&this.props.onFocus.call(void 0,{target:this,syntheticEvent:e,nativeEvent:e.nativeEvent}))},this.blurHandler=e=>{this.state.focused&&(this.setState({focused:!1}),this.props.onBlur&&this.props.onBlur.call(void 0,{target:this,syntheticEvent:e,nativeEvent:e.nativeEvent}))},this.setValidity=()=>{this.element&&this.element.setCustomValidity(this.validity.valid?"":this.props.validationMessage||"")},r.validatePackage(f)}get element(){return this._input}get value(){return void 0!==this._valueDuringOnChange?this._valueDuringOnChange:void 0!==this.props.value?this.props.value:void 0!==this.state.value?this.state.value:void 0!==this.props.defaultValue?this.props.defaultValue:""}get rawValue(){return this._service.rawValue(this.value)}get validity(){const e=this.value,t=this._service.validationValue(e);return{customError:void 0!==this.props.validationMessage,valid:void 0!==this.props.valid?this.props.valid:!(this.required&&!t||this.props.maskValidation&&this.props.prompt&&-1!==e.indexOf(this.props.prompt)),valueMissing:!t}}get validityStyles(){return void 0!==this.props.validityStyles?this.props.validityStyles:e.defaultProps.validityStyles}get required(){return void 0!==this.props.required&&this.props.required}get name(){return this.props.name}componentDidUpdate(e,t){if(this.element&&this.state.focused&&t.focused){let[t,a]=this._selection;const n=e.selection,r=this.props.selection;(!n&&r||n&&r&&(n.start!==r.start||n.end!==r.end))&&(t=r.start,a=r.end),null!==t&&null!==a&&this.element.setSelectionRange(t,a)}Mt(e,this.props)&&this.updateService(),this.setValidity()}componentDidMount(){this.updateService(),this.setValidity()}render(){const{size:t=e.defaultProps.size,fillMode:a=e.defaultProps.fillMode,rounded:n=e.defaultProps.rounded,autoFocus:s=e.defaultProps.autoFocus,prefix:l=e.defaultProps.prefix,suffix:o=e.defaultProps.suffix,inputAttributes:c,unstyled:d,className:u}=this.props,p=this.props.id||this._inputId,h=!this.validityStyles||this.validity.valid,f=this.props.style||{},v=d&&d.uMaskedTextBox,[g]=r.useCustomComponent(l),[b]=r.useCustomComponent(o),k=m.createElement("span",{dir:this.props.dir,className:r.classNames(r.uMaskedTextBox.wrapper({c:v,invalid:!h,disabled:this.props.disabled,size:t,fillMode:a,rounded:n}),u),style:this.props.label?f:{width:this.props.width,...f}},m.createElement(g,null),m.createElement("input",{type:"text",autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",autoFocus:s,spellCheck:!1,className:r.classNames(r.uMaskedTextBox.inputInner({c:v})),value:this.value,id:p,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-placeholder":this.props.mask,"aria-required":this.props.required,name:this.props.name,tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled,!0),accessKey:this.props.accessKey,title:this.props.title,disabled:this.props.disabled||void 0,readOnly:this.props.readonly||void 0,placeholder:this.props.placeholder,ref:e=>this._input=e,onChange:this.onChangeHandler,onPaste:this.pasteHandler,onFocus:this.focusHandler,onBlur:this.blurHandler,onDragStart:Nt,onDrop:Nt,...c}),m.createElement(b,null));return this.props.label?m.createElement(i.FloatingLabel,{label:this.props.label,editorId:p,editorValue:this.value,editorValid:h,editorDisabled:this.props.disabled,editorPlaceholder:this.props.placeholder,children:k,style:{width:this.props.width},dir:this.props.dir}):k}triggerOnChange(e,t){if(this.setState({value:e}),this.props.onChange){this._valueDuringOnChange=e;const a={syntheticEvent:t,nativeEvent:t.nativeEvent,selectionStart:this._selection[0],selectionEnd:this._selection[1],target:this,value:this.value};this.props.onChange.call(void 0,a),this._valueDuringOnChange=void 0}}updateService(e){const t=Object.assign({includeLiterals:this.props.includeLiterals,mask:this.props.mask,prompt:this.props.prompt,promptPlaceholder:this.props.promptPlaceholder,rules:this.rules},e);this._service.update(t)}get rules(){return Object.assign({},It,this.props.rules)}};Rt.displayName="MaskedTextBox",Rt.propTypes={value:a.string,defaultValue:a.string,placeholder:a.string,title:a.string,dir:a.string,id:a.string,style:a.object,className:a.string,prefix:a.any,suffix:a.any,ariaLabelledBy:a.string,ariaDescribedBy:a.string,width:a.oneOfType([a.string,a.number]),tabIndex:a.number,accessKey:a.string,disabled:a.bool,readonly:a.bool,prompt:a.string,promptPlaceholder:a.string,includeLiterals:a.bool,maskValidation:a.bool,mask:a.string,rules:function(e,t,a){const n=e.rules;return void 0===n||Object.entries(n).some((e=>"string"!=typeof e||!(n[e]instanceof RegExp)))?null:new Error("Invalid prop `"+t+"` supplied to `"+a+"`. Validation failed.")},selection:a.shape({start:a.number.isRequired,end:a.number.isRequired}),name:a.string,label:a.string,validationMessage:a.string,required:a.bool,valid:a.bool,validityStyles:a.bool,onChange:a.func,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","flat","outline"]),autoFocus:a.bool,inputAttributes:a.object},Rt.defaultProps={prompt:"_",promptPlaceholder:" ",includeLiterals:!1,maskValidation:!0,rules:It,validityStyles:!0,prefix:e=>null,suffix:e=>null,size:"medium",rounded:"medium",fillMode:"solid",autoFocus:!1};let Vt=Rt;const Bt=r.createPropsContext(),Pt=r.withIdHOC(r.withPropsContext(Bt,r.withUnstyledHOC(Vt)));Pt.displayName="KendoReactMaskedTextBox";var zt=(e=>(e.start="start",e.end="end",e.min="min",e.max="max",e.increase="increase",e.decrease="decrease",e.increaseLarge="increaseLarge",e.decreaseLarge="decreaseLarge",e))(zt||{});const Ot=(e,t)=>{let a,n;switch(t.type){case"start":if(void 0===t.payload)return e;a={start:t.payload>e.end?e.end:Math.max(t.payload,t.min),end:e.end};break;case"end":if(void 0===t.payload)return e;a={start:e.start,end:t.payload<e.start?e.start:Math.min(t.payload,t.max)};break;case"min":a="start"===t.key?{...e,start:t.min}:{...e,end:Math.max(t.min,e.start)};break;case"max":a="start"===t.key?{...e,start:Math.min(t.max,e.end)}:{...e,end:t.max};break;case"increase":if(void 0===t.step||void 0===t.key)return e;n=e[t.key]+t.step,a="start"===t.key?n<t.min?{...e,start:t.min}:{...e,start:Math.min(n,e.end)}:n>t.max?{...e,end:t.max}:{...e,end:Math.max(n,e.start)};break;case"decrease":if(void 0===t.step||void 0===t.key)return e;n=e[t.key]-t.step,a="start"===t.key?n<t.min?{...e,start:t.min}:{...e,start:Math.min(n,e.end)}:n>t.max?{...e,end:t.max}:{...e,end:Math.max(n,e.start)};break;case"increaseLarge":if(void 0===t.largeStep||void 0===t.key)return e;n=e[t.key]+t.largeStep,a="start"===t.key?n<t.min?{...e,start:t.min}:{...e,start:Math.min(n,e.end)}:n>t.max?{...e,end:t.max}:{...e,end:Math.max(n,e.start)};break;case"decreaseLarge":if(void 0===t.largeStep||void 0===t.key)return e;n=e[t.key]-t.largeStep,a="start"===t.key?n<t.min?{...e,start:t.min}:{...e,start:Math.min(n,e.end)}:n>t.max?{...e,end:t.max}:{...e,end:Math.max(n,e.start)};break;default:a=e}return a},Tt=r.createPropsContext(),Dt=m.forwardRef(((e,t)=>{r.validatePackage(f);const a=r.usePropsContext(Tt,e),s={step:Kt.step,largeStep:Kt.largeStep,defaultValue:Kt.defaultValue,vertical:Kt.vertical,disabled:Kt.disabled,...a},i=m.useRef(null),l=m.useRef(null),o=m.useRef(null),c=m.useRef(null),d=m.useRef(null),u=m.useCallback((()=>{c.current&&c.current.focus()}),[c]);m.useImperativeHandle(i,(()=>({element:l.current,focus:u,props:s}))),m.useImperativeHandle(t,(()=>i.current));const p=m.useMemo((()=>s.min),[s.min]),h=m.useMemo((()=>s.max),[s.max]),v=m.useMemo((()=>void 0!==s.step?s.step:Kt.step),[s.step,Kt.step]),g=m.useMemo((()=>void 0!==s.largeStep?s.largeStep:Kt.largeStep),[s.largeStep,Kt.largeStep]),b=r.useDir(l,s.dir),[k,C]=m.useState(""),[x,E]=((e,t,a)=>{const[n,r]=m.useState(e),s=m.useCallback((e=>{const s=Ot(t.state||n,{...e,...t});a&&a(s,e.event),r(s)}),[t,a]);return[n,s]})(s.defaultValue||Kt.defaultValue,{min:p,max:h,step:v,largeStep:g,state:s.value},((e,t)=>{s.onChange&&i.current&&s.onChange.call(void 0,{value:e,target:i.current,syntheticEvent:t})})),w=m.useMemo((()=>s.value||x),[s.value,x]),S=m.useRef(null),I=m.useRef(null),N=m.useMemo((()=>(w.start-p)/(h-p)*100),[w.start,p,h]),M=m.useMemo((()=>(w.end-p)/(h-p)*100),[w.end,p,h]),L=m.useMemo((()=>s.vertical?{paddingTop:0,height:"100%"}:{}),[s.vertical]),R=m.useMemo((()=>s.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"}),[s.vertical]),V=n.useLocalization(),B=m.useCallback((e=>{if(!I.current)return;const t=I.current.getBoundingClientRect(),a=s.vertical?t.bottom-e.clientY:"rtl"===b?t.right-e.clientX:e.clientX-t.left,n=s.vertical?t.height:t.width;return p+a/n*(h-p)}),[I,s.vertical,b,p,h,x.start,x.end,s.value&&s.value.start,s.value&&s.value.end]),P=m.useCallback((e=>e<=w.start?"start":e>=w.end?"end":2*e<w.end+w.start?"start":"end"),[x.start,x.end,s.value&&s.value.start,s.value&&s.value.end]),z=m.useCallback((e=>{switch(e.keyCode){case r.Keys.right:e.preventDefault(),E({type:"rtl"===b?zt.decrease:zt.increase,key:"start",event:e});break;case r.Keys.up:e.preventDefault(),E({type:zt.increase,key:"start",event:e});break;case r.Keys.left:e.preventDefault(),E({type:"rtl"===b?zt.increase:zt.decrease,key:"start",event:e});break;case r.Keys.down:e.preventDefault(),E({type:zt.decrease,key:"start",event:e});break;case r.Keys.home:e.preventDefault(),E({type:zt.min,key:"start",event:e});break;case r.Keys.end:e.preventDefault(),E({type:zt.max,key:"start",event:e});break;case r.Keys.pageDown:e.preventDefault(),E({type:"rtl"===b?zt.increaseLarge:zt.decreaseLarge,key:"start",event:e});break;case r.Keys.pageUp:e.preventDefault(),E({type:"rtl"===b?zt.decreaseLarge:zt.increaseLarge,key:"start",event:e})}}),[E]),O=m.useCallback((e=>{switch(e.keyCode){case r.Keys.right:e.preventDefault(),E({type:"rtl"===b?zt.decrease:zt.increase,key:"end",event:e});break;case r.Keys.up:e.preventDefault(),E({type:zt.increase,key:"end",event:e});break;case r.Keys.left:e.preventDefault(),E({type:"rtl"===b?zt.increase:zt.decrease,key:"end",event:e});break;case r.Keys.down:e.preventDefault(),E({type:zt.decrease,key:"end",event:e});break;case r.Keys.home:e.preventDefault(),E({type:zt.min,key:"end",event:e});break;case r.Keys.end:e.preventDefault(),E({type:zt.max,key:"end",event:e});break;case r.Keys.pageDown:e.preventDefault(),E({type:"rtl"===b?zt.increaseLarge:zt.decreaseLarge,key:"end",event:e});break;case r.Keys.pageUp:e.preventDefault(),E({type:"rtl"===b?zt.decreaseLarge:zt.increaseLarge,key:"end",event:e})}}),[E,b]),T=m.useCallback((e=>{const t=B(e),a=P(t);C(a),"end"===a?d.current.focus():c.current.focus();const n="end"===a?zt.end:zt.start;E({type:n,payload:t,event:e})}),[s.vertical,p,h,E]);return r.useDraggable(I,{onPress:T,onDrag:e=>{const t=B(e),a="end"===k?zt.end:zt.start;E({type:a,payload:t,event:e})},onRelease:e=>{const t=B(e),a="end"===k?zt.end:zt.start;E({type:a,payload:t,event:e}),C("")}},{autoScroll:!1}),m.createElement("div",{id:s.id,style:s.style,ref:l,dir:b,className:r.classNames("k-slider",{"k-rtl":"rtl"===b,"k-disabled":s.disabled,"k-slider-vertical":s.vertical,"k-slider-horizontal":!s.vertical},s.className)},m.createElement("div",{ref:I,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...R}},s.children&&m.createElement("ul",{className:"k-reset k-slider-items",style:{...L}},m.Children.map(s.children,((e,t)=>e&&m.cloneElement(e,{position:100*(e.props.position-s.min)/(s.max-s.min),vertical:s.vertical,firstTick:0===t,lastTick:t===m.Children.count(s.children)-1},e.props.children)))),m.createElement("div",{ref:S,className:"k-slider-track",style:s.vertical?{bottom:0,height:"100%"}:{["rtl"===b?"right":"left"]:0,width:"100%"}},null!==N&&null!==M&&m.createElement("div",{"data-selection":!0,ref:o,title:`${w.start} - ${w.end}`,className:"k-slider-selection",style:s.vertical?{height:M-N+"%",bottom:N+"%"}:{["rtl"===b?"right":"left"]:N+"%",width:M-N+"%"}}),m.createElement("span",{ref:c,role:"slider",tabIndex:r.getTabIndex(s.startTabIndex,s.disabled,void 0),"aria-valuemin":p,"aria-valuemax":Math.max(h,w.end),"aria-valuenow":w.start,"aria-disabled":s.disabled?"true":void 0,"aria-valuetext":`${w.start} - ${w.end}`,className:"k-draghandle k-draghandle-start",title:V.toLanguageString(y,U[y]),style:s.vertical?{bottom:"calc("+N+"%)",zIndex:1}:"rtl"===b?{right:"calc("+N+"% - 13px)",zIndex:1}:{left:"calc("+N+"%)",zIndex:1},onKeyDown:z}),m.createElement("span",{ref:d,role:"slider",tabIndex:r.getTabIndex(s.endTabIndex,s.disabled,void 0),"aria-valuemin":Math.min(p,w.start),"aria-valuemax":h,"aria-valuenow":w.end,"aria-disabled":s.disabled?"true":void 0,"aria-valuetext":`${w.start} - ${w.end}`,className:"k-draghandle k-draghandle-end",title:V.toLanguageString(y,U[y]),style:s.vertical?{bottom:"calc("+M+"%)",zIndex:1}:"rtl"===b?{right:"calc("+M+"% - 13px)",zIndex:1}:{left:"calc("+M+"%)",zIndex:1},onKeyDown:O}))))})),Ft={value:(e,t,a)=>{if(e.value){const n=e.value.start,r=e.value.end,s=e.min,i=e.max;if(n>r||n>i||n<s||r>i||r<s||r<n)return new Error(`Invalid prop + ${t} supplied to ${a}.\n                    The { start, end } value must be between the min & max value and { start, end } must be start < end.\n                    `)}return null},defaultValue:(e,t,a)=>{if(e.defaultValue){const n=e.defaultValue.start,r=e.defaultValue.end,s=e.min,i=e.max;if(n>r||n>i||n<s||r>i||r<s||r<n)return new Error(`Invalid prop + ${t} supplied to ${a}.\n                    The { start, end } value must be between the min & max value and { start, end } must be start < end.\n                    `)}return null},onChange:a.func,step:a.number,min:(e,t,a)=>{const n=e[t],r=e.min,s=e.max;return void 0===r?new Error(`Invalid prop + ${t} supplied to ${a}.\n                ${t} value can not be undefined.\n                `):n&&r>=s?new Error(`Invalid prop + ${t} supplied to ${a}.\n                ${t} value can not be equal to or bigger than the max value.\n                `):null},max:(e,t,a)=>{const n=e[t],r=e.min,s=e.max;return void 0===s?new Error(`Invalid prop + ${t} supplied to ${a}.\n                ${t} value can not be undefined.\n                `):n&&s<=r?new Error(`Invalid prop + ${t} supplied to ${a}.\n                ${t} value can not be equal to or smaller than the min value.\n                `):null},vertical:a.bool,disabled:a.bool,dir:a.oneOf(["ltr","rtl"])},Kt={step:1,largeStep:10,defaultValue:{start:0,end:0},vertical:!1,disabled:!1};Dt.displayName="KendoReactRangeSlider",Dt.propTypes=Ft;const At=class e extends m.Component{constructor(t){super(t),this.setValidity=()=>{this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity.valid?"":this.props.validationMessage||this.defaultValidationMessage.toLanguageString($,U[$]))},this.limit=(e,t,a)=>{const n=a.offsetWidth,r=t.offsetWidth;return e<0?0:e>n-r?n-r:e},this.toggle=(e,t)=>{this.setState({checked:e}),this.valueDuringOnChange=e,r.dispatchEvent(this.props.onChange,t,this,{value:e}),this.valueDuringOnChange=void 0},this._element=null,this._wrapper=null,this._input=null,this._id=this.props.id,this.defaultValidationMessage=n.provideLocalizationService(this),this.focus=()=>{this.actionElement&&this.actionElement.focus()},this.dummyInput=e=>m.createElement("input",{type:"checkbox",checked:this.props.checked,ref:e=>{this._input=e},tabIndex:-1,"aria-hidden":!0,value:e,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:r.noop,name:this.name||void 0}),this.handleClick=e=>{this.eventTimeStamp!==e.timeStamp&&(this.eventTimeStamp=e.timeStamp,this.toggle(!this.value,e))},this.handleKeyDown=e=>{if(this.props.disabled)return;const{keyCode:t}=e;(t===r.Keys.space||t===r.Keys.enter)&&(this.toggle(!this.value,e),e.preventDefault())},this.handleWrapperFocus=e=>{if(this.props.disabled)return;this.setState({focused:!0});const{onFocus:t}=this.props;t&&t.call(void 0,e)},this.handleWrapperBlur=e=>{if(this.props.disabled)return;this.setState({focused:!1});const{onBlur:t}=this.props;t&&t.call(void 0,e)},r.validatePackage(f),this.state={checked:t.defaultChecked||e.defaultProps.defaultChecked,focused:!1}}get value(){return void 0!==this.valueDuringOnChange?this.valueDuringOnChange:void 0!==this.props.checked?this.props.checked:this.state.checked}get element(){return this._element}get actionElement(){return this._wrapper}get name(){return this.props.name}get validity(){const e=void 0!==this.props.validationMessage,t=void 0!==this.props.valid?this.props.valid:!this.props.required||!!this.value;return{customError:e,valid:void 0!==this.props.valid?this.props.valid:t,valueMissing:null===this.value}}get validityStyles(){return void 0!==this.props.validityStyles?this.props.validityStyles:e.defaultProps.validityStyles}get required(){return void 0!==this.props.required&&this.props.required}componentDidMount(){this.setValidity(),this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{focused:e}=this.state,{dir:t,disabled:a,trackRounded:n,thumbRounded:s,size:i,offLabel:l,onLabel:o,tabIndex:c}=this.props;this.dir=t||this.element&&getComputedStyle(this.element).direction||void 0;const d=!this.validityStyles||this.validity.valid,u=r.classNames("k-switch",{[`k-switch-${r.kendoThemeMaps.sizeMap[i]||i}`]:i,"k-switch-on":this.value,"k-switch-off":!this.value,"k-focus":e,"k-disabled":a,"k-invalid":!d},this.props.className),p={"aria-checked":this.value,"aria-disabled":a||void 0,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel,"aria-required":this.props.required};return m.createElement("span",{ref:e=>{this._wrapper=e},role:"switch",...p,className:u,dir:this.dir,onKeyDown:this.handleKeyDown,onClick:this.handleClick,onBlur:this.handleWrapperBlur,onFocus:this.handleWrapperFocus,tabIndex:r.getTabIndex(c,a,void 0),accessKey:this.props.accessKey,id:this.props.id||this._id},m.createElement("span",{className:r.classNames("k-switch-track",{[`k-rounded-${r.kendoThemeMaps.roundedMap[n]||n}`]:n}),ref:e=>{this._element=e}},this.dummyInput(this.value),o?m.createElement("span",{className:"k-switch-label-on"},o):"",l?m.createElement("span",{className:"k-switch-label-off"},l):""),m.createElement("span",{className:"k-switch-thumb-wrap"},m.createElement("span",{className:r.classNames("k-switch-thumb",{[`k-rounded-${s}`]:s})})))}};At.displayName="Switch",At.propTypes={accessKey:a.string,checked:a.bool,className:a.string,disabled:a.bool,defaultChecked:a.bool,size:a.oneOf([null,"small","medium","large"]),trackRounded:a.oneOf([null,"small","medium","large","full"]),thumbRounded:a.oneOf([null,"small","medium","large","full"]),dir:a.string,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,offLabel:a.string,required:a.bool,tabIndex:a.number,valid:a.bool,validate:a.bool,validationMessage:a.string,onBlur:a.any,onChange:a.any,onFocus:a.any,onLabel:a.string},At.defaultProps={disabled:!1,defaultChecked:!1,size:"medium",trackRounded:"full",thumbRounded:"full",offLabel:"OFF",onBlur:r.noop,onFocus:r.noop,onLabel:"ON",validityStyles:!0};let _t=At;const $t=r.createPropsContext(),Ht=r.withIdHOC(r.withPropsContext($t,_t));Ht.displayName="KendoReactSwitch";const qt=r.createPropsContext(),Gt=m.forwardRef(((e,t)=>{r.validatePackage(f);const a=r.usePropsContext(qt,e),{ariaDescribedBy:s,ariaLabelledBy:i,checked:l,className:o,labelClassName:c,children:d,defaultChecked:u,disabled:p,defaultValue:h,id:v,size:g=jt.size,rounded:b=jt.rounded,label:k,labelPlacement:y,name:C,labelOptional:x,onChange:E,onFocus:w,onBlur:S,tabIndex:I,value:N,required:M,valid:L,validationMessage:R,validityStyles:V,autoFocus:B,visited:P,touched:z,modified:O,...T}=a,D=m.useRef(null),F=m.useCallback((()=>{D.current&&D.current.focus()}),[]),K=m.useCallback((()=>({element:D.current,focus:F,get name(){return D.current&&D.current.name}})),[F]);m.useImperativeHandle(t,K);const[$,H]=m.useState(u),[q,G]=m.useState(h),j="boolean"==typeof N||null===N,W=void 0!==l,Y=j,X=Y?N:q,Z=W?l:Y?void 0:$,J=void 0===Z&&X,Q=J?X:Z,ee=J||Y?null===N?N:void 0:N||X,te=null===Q||null===ee,ae=r.useId(),ne=n.useLocalization(),re=e=>ne.toLanguageString(e,U[e]),se=re(A),ie=re(_),le=void 0!==L?L:!M||!!Z;m.useEffect((()=>{D.current&&D.current.setCustomValidity&&D.current.setCustomValidity(le?"":R||se)}),[le,R,se]);const oe=m.useCallback(((e,t)=>{!Y&&!p&&(G(t),!W&&!p&&H(t)),E&&!p&&r.dispatchEvent(E,e,{...K(),value:t},{value:t})}),[W,p,E,Y,K]),ce=m.useCallback((e=>{const t=e.target.checked;oe(e,t)}),[oe,N]),de=m.useCallback((e=>{if(p)return;const{keyCode:t}=e,a=e.currentTarget.checked;t===r.Keys.space&&(e.preventDefault(),e.stopPropagation(),oe(e,!a))}),[p,oe]),ue=m.useCallback((e=>{if(p)return;const{keyCode:t}=e;t===r.Keys.space&&e.preventDefault()}),[p]),pe=m.useCallback((e=>{w&&!p&&r.dispatchEvent(w,e,K(),void 0)}),[w,p,K]),he=m.useCallback((e=>{S&&!p&&r.dispatchEvent(S,e,K(),void 0)}),[S,p,K]),me=r.useDir(D,a.dir),fe=r.classNames("k-checkbox-wrap",o),ve={type:"checkbox",className:r.classNames("k-checkbox",{[`k-checkbox-${r.kendoThemeMaps.sizeMap[g]||g}`]:g,[`k-rounded-${r.kendoThemeMaps.roundedMap[b]||b}`]:b,"k-indeterminate":te,"k-disabled":p,"k-invalid k-invalid":!(le||void 0!==V||!0===V)}),ref:D,name:C,id:v||ae,disabled:p,required:void 0!==M&&M,tabIndex:r.getTabIndex(I,p),role:"checkbox",checked:!!Q,"aria-describedby":s,"aria-labelledby":i,"aria-disabled":p||void 0,"aria-required":M,autoFocus:B,...T,onChange:ce,onKeyDown:de,onKeyUp:ue,onFocus:pe,onBlur:he},ge=void 0===ee?m.createElement("input",{...ve}):m.createElement("input",{...ve,value:j?void 0:null===ee?"":ee}),be=void 0!==k?m.createElement("label",{className:r.classNames("k-checkbox-label",c),htmlFor:v||ae,style:{userSelect:"none"}},k,x&&m.createElement("span",{className:"k-label-optional"},ie)):null,ke=m.createElement("span",{className:fe},ge,d);return m.createElement(m.Fragment,null,"before"===y?m.createElement("div",{dir:"rtl"},ke,be):"after"===y?m.createElement("div",{dir:"ltr"},ke,be):m.createElement("div",{dir:me},ke,be))}));Gt.propTypes={checked:a.bool,className:a.string,defaultChecked:a.bool,defaultValue:a.any,dir:a.string,disabled:a.bool,id:a.string,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large"]),ariaLabelledBy:a.string,ariaDescribedBy:a.string,label:a.any,labelPlacement:a.string,labelOptional:a.bool,name:a.string,tabIndex:a.number,value:a.any,validationMessage:a.string,required:a.bool,validate:a.bool,valid:a.bool,autoFocus:a.bool,onChange:a.func,onFocus:a.func,onBlur:a.func};const jt={size:"medium",rounded:"medium",autoFocus:!1};Gt.displayName="KendoCheckbox";const Wt=r.createPropsContext(),Ut=m.forwardRef(((e,t)=>{r.validatePackage(f);const a=r.usePropsContext(Wt,e),{ariaDescribedBy:n,checked:s,children:i,className:l,disabled:o,id:c,size:d=Yt.size,label:u,labelPlacement:p,name:h,style:v,tabIndex:g,value:b,valid:k,onChange:y,onFocus:C,onBlur:x,required:E,...w}=a,S=r.useUnstyled(),I=S&&S.uRadioButton,N=m.useRef(null),M=m.useCallback((()=>{N.current&&N.current.focus()}),[]),L=m.useCallback((()=>({element:N.current,focus:M})),[M]);m.useImperativeHandle(t,L);const R=r.useId(),V=m.useCallback((e=>{r.dispatchEvent(y,e,L(),{value:b})}),[y,b,o]),B=m.useCallback((e=>{C&&!o&&r.dispatchEvent(C,e,L(),void 0)}),[C,o]),P=m.useCallback((e=>{x&&!o&&r.dispatchEvent(x,e,L(),void 0)}),[x,o]),z={type:"radio",id:c||R,name:h,className:r.classNames(r.uRadioButton.input({c:I,size:d,invalid:!1===k,checked:s}),l),ref:N,disabled:o,tabIndex:r.getTabIndex(g,o),checked:s,style:v,"aria-describedby":n,"aria-required":E,value:b,onChange:V,onFocus:B,onBlur:P,...w},O=m.createElement(m.Fragment,null,void 0!==u?m.createElement("label",{className:r.classNames(r.uRadioButton.label({c:I})),htmlFor:c||R,style:{userSelect:"none"},"aria-label":u},u):null),T=m.createElement("span",{className:r.classNames(r.uRadioButton.wrap({c:I}))},m.createElement("input",{...z}));return"before"===p?m.createElement(m.Fragment,null,O,T,i):m.createElement(m.Fragment,null,T,O,i)}));Ut.propTypes={ariaDescribedBy:a.string,checked:a.bool,className:a.string,disabled:a.bool,id:a.string,size:a.oneOf([null,"small","medium","large"]),label:a.string,labelPlacement:a.string,name:a.string,style:a.object,tabIndex:a.number,value:a.any,valid:a.bool,onChange:a.func,onFocus:a.func,onBlur:a.func};const Yt={size:"medium"};Ut.displayName="KendoRadioButton";const Xt=r.createPropsContext(),Zt=m.forwardRef(((e,t)=>{r.validatePackage(f);const a=r.usePropsContext(Xt,e),{id:n,ariaLabelledBy:s,ariaDescribedBy:i,className:l,data:o,defaultValue:c,disabled:d,name:u,labelPlacement:p,layout:h,style:v,value:g,valid:b,item:k=Jt.item,onChange:y,onFocus:C}=a,x=r.useUnstyled(),E=x&&x.uRadioGroup,w=m.useRef(null),S=m.useCallback((()=>{w.current&&r.focusFirstFocusableChild(w.current)}),[]),I=m.useCallback((()=>({element:w.current,focus:S})),[S]);m.useImperativeHandle(t,I);const[N,M]=m.useState(c),L=void 0!==g,R=L?g:N,V=m.useCallback((e=>{const t=e.value;!L&&!d&&M(t),y&&!d&&r.dispatchEvent(y,e.syntheticEvent,I(),{value:t})}),[M,y,d]),B=m.useCallback((e=>{C&&!d&&r.dispatchEvent(C,e.syntheticEvent,I(),void 0)}),[C,d]),P=r.useId(),z=r.classNames(r.uRadioGroup.ul({c:E,horizontal:"horizontal"===h,vertical:"vertical"===h||void 0===h}),l),O=r.useRtl(w,a.dir),T=o&&o.map(((e,t)=>{const a=R===e.value,n=null==R,s={...e,valid:b,checked:a,disabled:!(!e.disabled&&!d),labelPlacement:e.labelPlacement?e.labelPlacement:p,tabIndex:e.tabIndex?e.tabIndex:n&&0===t||a?0:-1,index:t,name:u||P,required:e.required,onChange:V,onFocus:B};return m.createElement(k,{className:r.classNames(r.uRadioGroup.item({c:E,disabled:s.disabled||d})),key:t,role:"none"},m.createElement(Ut,{...s}))}));return m.createElement("ul",{id:n,role:"radiogroup",className:z,ref:w,dir:O,style:v,"aria-labelledby":s,"aria-describedby":i},T)})),Jt={item:e=>m.createElement("li",{...e})};Zt.propTypes={ariaLabelledBy:a.string,ariaDescribedBy:a.string,className:a.string,data:a.arrayOf(a.object),defaultValue:a.any,dir:a.string,disabled:a.bool,labelPlacement:a.string,layout:a.string,name:a.string,style:a.object,value:a.any,onChange:a.func,onFocus:a.func},Zt.displayName="KendoRadioGroup";const Qt=r.createPropsContext(),ea=m.forwardRef(((e,t)=>{const a=r.usePropsContext(Qt,e),{size:n=ta.size,rounded:s=ta.rounded,fillMode:i=ta.fillMode,autoFocus:l=ta.autoFocus,prefix:o=null,suffix:c=null,ariaDescribedBy:d,ariaLabelledBy:u,autoSize:p,className:h,defaultValue:f,disabled:v,readOnly:g,required:b,rows:k,id:y,name:C,placeholder:x,style:E,tabIndex:w,value:S,valid:I,validationMessage:N,validityStyles:M,onChange:L,onFocus:R,onBlur:V,visited:B,touched:P,modified:z,resizable:O,inputAttributes:T,...D}=a,F=m.useRef(null),K=m.useCallback((()=>{F.current&&F.current.focus()}),[]),[A,_]=m.useState(f),[$,H]=r.useCustomComponent(o),[q,G]=r.useCustomComponent(c),j=void 0!==S,W=j?S:A,U=m.useCallback((()=>({element:F,focus:K,get value(){return W},get name(){return F.current&&F.current.name}})),[K,W]);m.useImperativeHandle(t,U);const[Y,X]=m.useState("auto"),Z=r.useId(),J=r.useDir(F,a.dir),Q=void 0!==I?I:!b||!!W;m.useEffect((()=>{F.current&&F.current.setCustomValidity&&F.current.setCustomValidity(Q?"":N||"")}),[Q,N]),r.useIsomorphicLayoutEffect((()=>{F.current&&X(`${F.current.scrollHeight}px`)}),[W]);const ee=m.useCallback((e=>{const t=e.target.value;X("auto"),!j&&!v&&_(t),L&&!v&&r.dispatchEvent(L,e,{...U(),value:t},{value:t})}),[_,L,v,j]),te=m.useCallback((e=>{R&&!v&&r.dispatchEvent(R,e,U(),void 0)}),[R,v]),ae=m.useCallback((e=>{V&&!v&&r.dispatchEvent(V,e,U(),void 0)}),[V,v]),ne={id:y||Z,role:"textbox",name:C,className:r.classNames("k-input-inner","!k-overflow-auto",{"k-resize":!p&&"none"!==O}),ref:F,disabled:v,rows:k,placeholder:x,readOnly:g,required:b,tabIndex:r.getTabIndex(w,v),autoFocus:l,style:p?{resize:"none",overflow:"hidden",height:Y}:O?{resize:O}:{},"aria-labelledby":u,"aria-describedby":d,"aria-multiline":!0,"aria-disabled":v||void 0,"aria-required":b,value:j?S:A,...Object.assign({},D,T),onChange:ee,onFocus:te,onBlur:ae};return m.createElement("span",{className:r.classNames("k-input","k-textarea",{[`k-input-${r.kendoThemeMaps.sizeMap[n]||n}`]:n,[`k-input-${i}`]:i,[`k-rounded-${r.kendoThemeMaps.roundedMap[s]||s}`]:s,"k-invalid":!(Q||void 0!==M||!0===M),"k-required":b,"k-disabled":v},h),style:E,dir:J},a.prefix&&m.createElement($,{...H}),m.createElement("textarea",{...ne}),a.suffix&&m.createElement(q,{...G}))}));ea.propTypes={ariaDescribedBy:a.string,ariaLabelledBy:a.string,autoSize:a.bool,className:a.string,defaultValue:a.string,dir:a.string,disabled:a.bool,readOnly:a.bool,rows:a.number,id:a.string,name:a.string,placeholder:a.string,style:a.object,tabIndex:a.number,value:a.oneOfType([a.string,a.arrayOf(a.string),a.number]),onChange:a.func,onFocus:a.func,onBlur:a.func,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","flat","outline"]),resizable:a.oneOf(["none","both","horizontal","vertical"]),autoFocus:a.bool};const ta={size:"medium",rounded:"medium",fillMode:"solid",autoFocus:!1};ea.displayName="KendoTextArea";const aa=m.forwardRef(((e,t)=>{const a=m.useRef(null),n=m.useRef(null),s={dir:ra.dir,...e},i=r.useDir(n,s.dir);m.useImperativeHandle(a,(()=>({element:n.current,props:s,value:s.value}))),m.useImperativeHandle(t,(()=>a.current));const l=m.useCallback((e=>{s.onClick&&s.onClick.call(void 0,{value:s.value,target:a.current,syntheticEvent:e})}),[s.onClick,s.value]),o=m.useCallback((e=>{s.onKeyDown&&s.onKeyDown.call(void 0,{target:a.current,syntheticEvent:e})}),[s.onKeyDown]),c=m.useCallback((e=>{s.onFocus&&s.onFocus.call(void 0,{target:a.current,syntheticEvent:e})}),[s.onFocus]),d=m.useCallback((e=>{s.onBlur&&s.onBlur.call(void 0,{target:a.current,syntheticEvent:e})}),[s.onBlur]),u=m.useCallback((e=>{s.onMouseMove&&s.onMouseMove.call(void 0,{target:a.current,syntheticEvent:e})}),[s.onMouseMove]),p=m.useCallback((e=>{s.onMouseEnter&&s.onMouseEnter.call(void 0,{target:a.current,syntheticEvent:e})}),[s.onMouseEnter]),h=m.useCallback((e=>{s.onMouseLeave&&s.onMouseLeave.call(void 0,{target:a.current,syntheticEvent:e})}),[s.onMouseLeave]);return m.createElement("span",{id:s.id,ref:n,dir:i,"data-half":s.half,tabIndex:s.tabIndex,title:s.title,style:s.style,className:r.classNames("k-rating-item",{"k-rtl":"rtl"===i,"k-selected":s.selected,"k-hover":s.hovered},s.className),onClick:l,onKeyDown:o,onFocus:c,onBlur:d,onMouseEnter:p,onMouseLeave:h,onMouseMove:u},s.children)})),na={id:a.string,icon:a.any,dir:a.oneOf(["ltr","rtl"]),title:a.string,value:a.number.isRequired,half:a.bool,selected:a.bool,hovered:a.bool},ra={dir:"ltr"};aa.displayName="KendoReactRatingItem",aa.propTypes=na;const sa=(e,t)=>{if(e%1){const a=Math.pow(10,(t.toString().split(".")[1]||t.toString().split(".")[0]).length);return Math.round(e*a)/a}return e},ia=(e,t,a)=>sa(e-a,a)<t&&t<e,la=(e,t,a,n)=>null!==t&&("continues"===n?ia(e,t,a)?sa(e-a/2,a/2)<=t:e<=t:"single"===n&&(ia(e,t,a)?sa(e-a/2,a/2)===t:e===t)),oa=(e,t,a)=>"ltr"===e?a<t.x+t.width/2:a>t.x+t.width/2,ca=(e,t,a,n)=>{for(let r=e;r<=t;r+=a)if(n===r)return!0;return!1};var da=(e=>(e.select="select",e.deselect="deselect",e.increase="increase",e.decrease="decrease",e.min="min",e.max="max",e.reset="reset",e))(da||{});const ua=(e,t)=>{switch(t.type){case"select":return void 0===t.payload||void 0===t.step?e:t.payload===e?null:t.payload>=t.min?t.payload<t.max?sa(t.payload,t.step):t.max:t.min;case"deselect":case"reset":return null;case"increase":return void 0===t.step?e:e<t.min?t.min:e+t.step<t.max?sa(e+t.step,t.step):t.max;case"decrease":return void 0===t.step?e:sa(e-t.step,t.step)>=t.min?sa(e-t.step,t.step):t.min;case"min":return void 0===t.step?e:t.min;case"max":return t.max;default:return e}},pa=(e,t,a)=>{const[n,r]=m.useState(e);return[n,e=>{const s=ua(t.state||n,{...e,...t});a&&a(s,e.event),r(s)}]},ha=r.createPropsContext(),ma=m.forwardRef(((e,t)=>{const a=r.usePropsContext(ha,e),i={dir:va.dir,min:va.min,max:va.max,step:va.step,item:va.item,defaultValue:va.defaultValue,readonly:va.readonly,disabled:va.disabled,selection:va.selection,precision:va.precision,...a},l=n.useLocalization(),o=m.useRef(null),c=m.useRef(null),d=r.useDir(c,i.dir);m.useImperativeHandle(o,(()=>({element:c.current,props:i}))),m.useImperativeHandle(t,(()=>o.current));const u=m.useCallback(((e,t)=>{i.onChange&&o.current&&i.onChange.call(void 0,{value:e,target:o.current,syntheticEvent:t})}),[i.onChange]),p=m.useMemo((()=>void 0!==i.min?i.min:va.min),[i.min]),h=m.useMemo((()=>void 0!==i.max?i.max:va.max),[i.max]),f=m.useMemo((()=>i.precision||va.precision),[i.precision]),v=m.useMemo((()=>void 0!==i.step?i.step:va.step),[i.step]),g=m.useMemo((()=>i.readonly||va.readonly),[i.readonly]),b=m.useMemo((()=>i.disabled||va.disabled),[i.disabled]),k=m.useMemo((()=>i.item||va.item),[i.item]),[y,C]=pa(void 0!==i.defaultValue?i.defaultValue:va.defaultValue,{state:i.value,min:p,max:h,step:"half"===f?v/2:v},u),[x,E]=pa(null,{state:i.value,min:p,max:h,step:"half"===f?v/2:v,precision:f}),w=m.useMemo((()=>void 0!==i.value?i.value:y),[i.value,y]),S=m.useMemo((()=>x),[x]),I=m.useMemo((()=>i.selection||va.selection),[i.selection]),N=m.useMemo((()=>v/("half"===f?2:1)),[v,f]),M=m.useCallback((e=>{if(e.target&&e.target.element&&!g&&!b){if("half"===f){const t=e.target.element.getBoundingClientRect(),a=oa(d||"ltr",t,e.syntheticEvent.clientX)?sa(e.target.value-v/2,N):e.target.value;C({type:da.select,payload:a,event:e.syntheticEvent})}else C({type:da.select,payload:e.target.value,event:e.syntheticEvent});if(i.onClick){const t={value:w,target:o.current,syntheticEvent:e.syntheticEvent};i.onClick.call(void 0,t)}}}),[i.onClick,C,w]),L=m.useCallback((e=>{if(!g&&!b){switch(e.keyCode){case r.Keys.right:e.preventDefault(),C({type:"rtl"===d?da.decrease:da.increase,event:e});break;case r.Keys.left:e.preventDefault(),C({type:"rtl"===d?da.increase:da.decrease,event:e});break;case r.Keys.home:e.preventDefault(),C({type:"rtl"===d?da.min:da.max,event:e});break;case r.Keys.end:e.preventDefault(),C({type:"rtl"===d?da.max:da.min,event:e});break;case r.Keys.esc:e.preventDefault(),C({type:da.deselect,event:e})}i.onKeyDown&&i.onKeyDown.call(void 0,{value:w,target:o.current,syntheticEvent:e})}}),[i.onKeyDown,C,w]),R=m.useCallback((e=>{if(i.onFocus){const t={target:o.current,syntheticEvent:e};i.onFocus.call(void 0,t)}}),[i.onFocus]),V=m.useCallback((e=>{if(i.onBlur){const t={target:o.current,syntheticEvent:e};i.onBlur.call(void 0,t)}}),[i.onBlur]),B=m.useCallback((e=>{if(e.target&&e.target.element)if("half"===f){const t=e.target.element.getBoundingClientRect(),a=oa(d||"ltr",t,e.syntheticEvent.clientX)?e.target.value-v/2:e.target.value;E({type:da.select,payload:a,event:e.syntheticEvent})}else E({type:da.select,payload:e.target.value,event:e.syntheticEvent})}),[f,v,d]),P=m.useCallback((e=>{E({type:da.reset,event:e.syntheticEvent})}),[]),z=[],O=((e,t)=>e-t*Math.floor(e/t))(sa(h-p,N),v);for(let e=p;e<=h;e=sa(e+v,N)){const t=sa(e+O,N),a="half"===f&&ia(t,null!==S?S:null!==w?w:0,v),n=la(t,w,v,I),l=la(t,null!==S?S:w,v,I),o=la(t,S,v,I);z.push(m.createElement(k,{key:t,value:t,dir:d,title:String(a?sa(t-v/2,N):t),icon:i.icon,svgIcon:i.svgIcon,half:a,selected:n||l,hovered:o,onClick:M,onMouseMove:B,onMouseLeave:P},a&&m.createElement("span",{className:"k-rating-precision-complement"},!(i.icon||i.svgIconOutline)&&m.createElement(r.IconWrap,{name:"star-outline",icon:s.starOutlineIcon,style:{clipPath:""+("rtl"===d?"inset(0 50% 0 0)":"inset(0 0 0 50%)")},size:"xlarge"}),(i.icon||i.svgIconOutline)&&m.createElement(r.IconWrap,{name:r.toIconName(`${i.icon}-outline`),icon:i.svgIconOutline,size:"xlarge"})),a&&m.createElement("span",{className:"k-rating-precision-part"},!(i.icon||i.svgIcon)&&m.createElement(r.IconWrap,{name:"star",icon:s.starIcon,style:{clipPath:""+("rtl"===d?"inset(0 0 0 50%)":"inset(0 50% 0 0)")},size:"xlarge"}),(i.icon||i.svgIcon)&&m.createElement(r.IconWrap,{name:i.icon?r.toIconName(i.icon):void 0,icon:i.svgIcon,size:"xlarge"})),a&&m.createElement("span",{style:{width:"24px",height:"24px",display:"block"}}),!a&&!(i.icon||i.svgIcon)&&(o||l&&!o)&&m.createElement(r.IconWrap,{name:"star",icon:s.starIcon,size:"xlarge"})||!(i.icon||i.svgIcon)&&!o&&!l&&m.createElement(r.IconWrap,{name:"star-outline",icon:s.starOutlineIcon,size:"xlarge"})||(i.icon||i.svgIcon)&&(o||l&&!o)&&m.createElement(r.IconWrap,{name:i.icon,icon:i.svgIcon,size:"xlarge"})||(i.icon||i.svgIcon)&&!o&&m.createElement(r.IconWrap,{name:r.toIconName(`${i.icon}-outline`),icon:i.svgIconOutline,size:"xlarge"})))}return m.createElement("span",{id:i.id,style:i.style,ref:c,role:"slider",dir:d,tabIndex:r.getTabIndex(i.tabIndex,i.disabled,void 0),className:r.classNames("k-rating",{"k-rtl":"rtl"===d,"k-readonly":g,"k-disabled":b},i.className),onKeyDown:L,onFocus:R,onBlur:V,"aria-valuemin":p,"aria-valuemax":h,"aria-valuenow":null!==w?w:void 0,"aria-disabled":b?"true":void 0,"aria-label":l.toLanguageString(q,U[q]),"aria-labelledby":i.ariaLabelledBy,"aria-describedby":i.ariaDescribedBy},m.createElement("input",{id:"rating",className:"k-hidden",readOnly:g,disabled:b}),m.createElement("span",{className:"k-rating-container"},z),i.label&&m.createElement("span",{className:"k-rating-label"},i.label))})),fa={id:a.string,dir:a.oneOf(["ltr","rtl"]),selection:a.oneOf(["continues","single"]),precision:a.oneOf(["item","half"]),value:(e,t,a)=>e.value&&e.min&&e.max&&e.step&&!("half"===e.precision?ca(e.min,e.max,e.step/2,e.value):ca(e.min,e.max,e.step,e.value))&&"half"===e.precision?new Error(`Invalid prop + ${t} supplied to ${a}.\n                    The value of the { value } property is not correct, please check your values.\n                    `):null,defaultValue:a.number,min:a.number,max:a.number,step:(e,t,a)=>void 0!==e.step&&e.step<=0?new Error(`Invalid prop + ${t} supplied to ${a}.\n                The value of the { step } property is cannot be equal or less than "0", please check your values.\n                `):null,hovered:a.number,label:a.string,readonly:a.bool,disabled:a.bool,half:a.bool,icon:a.string,svgIcon:r.svgIconPropType,svgIconOutline:r.svgIconPropType,ariaDescribedBy:a.string},va={dir:"ltr",min:1,max:5,step:1,item:aa,defaultValue:null,readonly:!1,disabled:!1,selection:"continues",precision:"item"};ma.displayName="KendoReactRating",ma.propTypes=fa;const ga=e=>void 0!==e,ba=r.createPropsContext(),ka=m.forwardRef(((e,t)=>{r.validatePackage(f);const a=r.usePropsContext(ba,e),i=m.useMemo((()=>({strokeWidth:ya.strokeWidth,smooth:ya.smooth,popupScale:ya.popupScale,exportScale:ya.exportScale,maximizable:ya.maximizable,disabled:ya.disabled,required:ya.required,validityStyles:ya.validityStyles,onChange:ya.onChange,onFocus:ya.onFocus,onBlur:ya.onBlur,onOpen:ya.onOpen,onClose:ya.onClose,size:ya.size,rounded:ya.rounded,fillMode:ya.fillMode,...a})),[a]),o=n.useLocalization(),c=m.useRef(null),d=m.useRef(null),h=m.useRef(null),v=m.useRef(null),g=m.useRef(null),[b,k]=m.useState(),[y,C]=m.useState(!1),[x,E]=m.useState(!1),[w,S]=m.useState(),[I,N]=m.useState(),M=ga(i.value)?i.value:w,[L,R]=m.useState(!1),V=ga(i.open),B=V?i.open:L,P=i.maximized||x||!i.maximizable||i.disabled,z=!(i.maximized&&!x),O=!(!i.value&&!w||x||i.readOnly||i.disabled),T=o.toLanguageString(j,U[j]),D=o.toLanguageString(W,U[W]),F=o.toLanguageString(G,U[G]),K=i.popupScale||3,A=i.exportScale||2,_=e=>{S(e),i.onChange&&i.onChange({value:e})};m.useEffect((()=>{i.value!==w&&(S(i.value),null==b||b.loadImage(i.value))}),[i.value]);const $=m.useCallback((e=>{V||R(e)}),[V]),H=m.useCallback((()=>{let e="#000000";return!i.color&&"undefined"!=typeof document&&c.current&&(e=getComputedStyle(c.current).color),i.color||e}),[i.color]),q=m.useCallback((()=>{let e="#ffffff";return!i.backgroundColor&&"undefined"!=typeof document&&c.current&&(e=getComputedStyle(c.current).backgroundColor),i.backgroundColor||e}),[i.backgroundColor]),Y=()=>({scale:i.maximized?i.popupScale:1,color:H(),backgroundColor:q(),strokeWidth:i.strokeWidth,smooth:i.smooth,readonly:i.readOnly}),X=async e=>{const{width:t,height:a}=e;return await(null==b?void 0:b.exportImage({width:t*A,height:a*A}))};m.useEffect((()=>{const e=d.current,t=new u.SignaturePad(e,Y());return M&&t.loadImage(M),k(t),()=>t.destroy()}),[]),m.useEffect((()=>{null==b||b.setOptions({onChange:async()=>_(await X(ce())),onDraw:()=>E(!0),onDrawEnd:()=>E(!1)})}),[b]),r.useIsomorphicLayoutEffect((()=>null==b?void 0:b.setOptions(Y())),[i.readOnly,i.color,i.backgroundColor,i.strokeWidth,i.smooth]),m.useEffect((()=>{var e,t;const a=null==(t=null==(e=h.current)?void 0:e.element)?void 0:t.querySelector(".k-overlay");if(!a)return;const n=()=>$(!1);return a.addEventListener("click",n),()=>a.removeEventListener("click",n)}),[B]),m.useEffect((()=>{if(!B||"undefined"==typeof document)return;const e=e=>{var t,a;"Escape"===e.key&&($(!1),null==(a=null==(t=g.current)?void 0:t.element)||a.focus())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)}),[B]),m.useEffect((()=>{var e,t;i.maximized&&(null==(t=null==(e=v.current)?void 0:e.element)||t.focus())}),[]);const Z=m.useCallback((()=>{var e;return null==(e=d.current)?void 0:e.focus()}),[]),J=m.useCallback((()=>i.value),[i.value]),Q=m.useCallback((()=>i.name),[i.name]),ee=m.useCallback((()=>i.required),[i.required]),te=m.useCallback((()=>{const e=void 0!==i.validationMessage,t=!J();return{customError:e,valid:void 0!==i.valid?i.valid:!ee()||!t,valueMissing:t}}),[i.validationMessage,i.valid,J,ee]),ae=m.useCallback((()=>i.validityStyles),[i.validityStyles]),ne=m.useCallback((()=>i),[i]),re=m.useCallback((()=>{const e={element:c.current,focus:Z};return Object.defineProperty(e,"name",{get:Q}),Object.defineProperty(e,"value",{get:J}),Object.defineProperty(e,"validity",{get:te}),Object.defineProperty(e,"validityStyles",{get:ae}),Object.defineProperty(e,"required",{get:ee}),Object.defineProperty(e,"props",{get:ne}),Object.defineProperty(e,"color",{get:H}),Object.defineProperty(e,"backgroundColor",{get:q}),e}),[Q,J,te,ae,ee,Z,ne,H,q]);m.useImperativeHandle(t,re);const se=m.useCallback((e=>{y||i.maximized||(C(!0),r.dispatchEvent(i.onFocus,e,re(),{}))}),[y,i.onFocus,re]),ie=m.useCallback((e=>{(function(e,t){let a=e;for(;a&&a!==t;)a=a.parentNode;return!!a})(e.relatedTarget,c.current)||(C(!1),r.dispatchEvent(i.onBlur,e,re(),{}))}),[y,i.onBlur,re]),le=m.useCallback((async e=>{N(await X(de())),$(!0),r.dispatchEvent(i.onOpen,e,re(),{})}),[B,V,i.onOpen,i.value,w,re]),oe=m.useCallback((e=>{$(!1),r.dispatchEvent(i.onClose,e,re(),{})}),[B,V,i.onClose,re]),ce=()=>{var e,t;return{width:i.width||(null==(e=c.current)?void 0:e.offsetWidth)||250,height:i.height||(null==(t=c.current)?void 0:t.offsetHeight)||84}},de=()=>{const{width:e,height:t}=ce();return{width:e*K,height:t*K}},ue=!ae()||te().valid;return m.createElement("div",{ref:c,dir:i.dir,style:{width:i.width,height:i.height,...i.style},className:r.classNames("k-input","k-signature",{"k-signature-maximized":i.maximized,[`k-signature-${r.kendoThemeMaps.sizeMap[i.size]||i.size}`]:i.size,[`k-signature-${i.fillMode}`]:i.fillMode,[`k-input-${i.fillMode}`]:i.fillMode,[`k-rounded-${r.kendoThemeMaps.roundedMap[i.rounded]||i.rounded}`]:i.rounded,"k-invalid":!ue,"k-required":i.required,"k-disabled":i.disabled,"k-focus":y},i.className),onFocus:se,onBlur:ie},m.createElement("div",{className:"k-signature-canvas",ref:d,tabIndex:r.getTabIndex(i.tabIndex,i.disabled),role:"img",id:i.id,"aria-label":i.ariaLabel,"aria-labelledby":i.ariaLabelledBy,"aria-describedby":i.ariaDescribedBy,"aria-disabled":i.disabled?"true":void 0}),m.createElement("div",{className:"k-signature-actions k-signature-actions-top"},m.createElement(l.Button,{type:"button",className:r.classNames("k-signature-action","k-signature-maximize",{"k-hidden":i.disabled||P}),ref:g,icon:"hyperlink-open",svgIcon:s.hyperlinkOpenIcon,fillMode:"flat",size:i.size,onClick:le,"aria-label":T,title:T}),m.createElement(l.Button,{type:"button",className:r.classNames("k-signature-action","k-signature-minimize","k-rotate-180",{"k-hidden":i.disabled||z}),ref:v,icon:"hyperlink-open",svgIcon:s.hyperlinkOpenIcon,fillMode:"flat",size:i.size,onClick:oe,"aria-label":D,title:D})),!i.hideLine&&m.createElement("div",{className:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}}),m.createElement("div",{className:"k-signature-actions k-signature-actions-bottom"},O&&m.createElement(l.Button,{type:"button",className:"k-signature-action k-signature-clear",icon:"x",svgIcon:s.xIcon,fillMode:"flat",size:i.size,onClick:()=>{null==b||b.clear(),_(),Z()},"aria-label":F,title:F})),B&&m.createElement(p.Dialog,{ref:h},m.createElement(ka,{...i,...de(),value:I,maximized:!0,exportScale:1/K*A,open:!1,onChange:e=>{null==b||b.loadImage(e.value),_(e.value)},onClose:e=>{var t,a;oe(e),null==(a=(null==(t=g.current)?void 0:t.element)||d.current)||a.focus()}})))}));ka.propTypes={value:a.string,width:a.number,height:a.number,tabIndex:a.number,dir:a.string,ariaDescribedBy:a.string,ariaLabelledBy:a.string,ariaLabel:a.string,readOnly:a.bool,disabled:a.bool,validationMessage:a.string,required:a.bool,onChange:a.func,onFocus:a.func,onBlur:a.func,onOpen:a.func,onClose:a.func,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large"]),fillMode:a.oneOf([null,"solid","flat","outline"])};const ya={strokeWidth:1,smooth:!1,popupScale:3,exportScale:2,maximizable:!0,disabled:!1,required:!1,validityStyles:!0,onChange:e=>r.noop,onFocus:e=>r.noop,onBlur:e=>r.noop,onOpen:e=>r.noop,onClose:e=>r.noop,size:"medium",rounded:"medium",fillMode:"solid"};ka.displayName="KendoSignature";const Ca=m.forwardRef(((e,t)=>{const a=m.useRef(null),n=m.useRef(null),s=r.useUnstyled(),i=s&&s.uInput,l=r.classNames(r.uInput.clearButton({c:i}),e.className);return m.useImperativeHandle(a,(()=>({element:n.current}))),m.useImperativeHandle(t,(()=>a.current)),m.createElement("span",{...e,className:l})}));Ca.displayName="KendoReactInputClearValue";const xa=m.forwardRef((({orientation:e="horizontal",...t},a)=>{const n=m.useRef(null),s=m.useRef(null),i=r.useUnstyled(),l=i&&i.uTextBox;m.useImperativeHandle(n,(()=>({element:s.current}))),m.useImperativeHandle(a,(()=>n.current));const o=m.useMemo((()=>r.classNames(r.uTextBox.prefix({c:l,orientation:e}),t.className)),[t.className,l,e]);return m.createElement("span",{...t,className:o})}));xa.displayName="KendoReactInputPrefix";const Ea=m.forwardRef((({orientation:e="vertical",...t},a)=>{const n=m.useRef(null),s=m.useRef(null);return m.useImperativeHandle(n,(()=>({element:s.current}))),m.useImperativeHandle(a,(()=>n.current)),m.createElement("span",{...t,className:r.classNames("k-input-separator",t.className,`k-input-separator-${e}`)})}));Ea.displayName="KendoReactInputSeparator";const wa=m.forwardRef((({orientation:e="horizontal",...t},a)=>{const n=m.useRef(null),s=m.useRef(null),i=r.useUnstyled(),l=i&&i.uTextBox;m.useImperativeHandle(n,(()=>({element:s.current}))),m.useImperativeHandle(a,(()=>n.current));const o=m.useMemo((()=>r.classNames(r.uTextBox.suffix({c:l,orientation:e}),t.className)),[t.className,l,e]);return m.createElement("span",{...t,className:o})}));wa.displayName="KendoReactInputSuffix";const Sa=m.forwardRef(((e,t)=>m.createElement(r.IconWrap,{ref:t,...e,className:r.classNames("k-input-validation-icon",e.className)})));Sa.displayName="KendoReactInputValidationIcon",e.Checkbox=Gt,e.CheckboxPropsContext=qt,e.ColorGradient=Ye,e.ColorGradientPropsContext=Ue,e.ColorGradientWithoutContext=We,e.ColorInput=ze,e.ColorPalette=at,e.ColorPalettePropsContext=tt,e.ColorPaletteWithoutContext=et,e.ColorPicker=dt,e.ColorPickerPropsContext=ct,e.FlatColorPicker=rt,e.Input=pt,e.InputClearValue=Ca,e.InputPrefix=xa,e.InputPropsContext=ht,e.InputSeparator=Ea,e.InputSuffix=wa,e.InputValidationIcon=Sa,e.MaskedTextBox=Pt,e.MaskedTextBoxWithoutContext=Vt,e.NumericTextBox=be,e.NumericTextBoxPropsContext=ge,e.PALETTEPRESETS=Ze,e.RANGE_ACTION=zt,e.RATING_ACTION=da,e.RadioButton=Ut,e.RadioButtonPropsContext=Wt,e.RadioGroup=Zt,e.RadioGroupPropsContext=Xt,e.RangeSlider=Dt,e.RangeSliderPropsContext=Tt,e.Rating=ma,e.RatingItem=aa,e.RatingPropsContext=ha,e.SLIDER_LABEL_ATTRIBUTE=Oe,e.Signature=ka,e.SignaturePropsContext=ba,e.Slider=Ke,e.SliderLabel=e=>{const t=m.useRef(null);return r.useDir(t),m.createElement("li",{ref:t,className:r.classNames("k-tick",{"k-tick-large":e.children,"k-first":e.firstTick,"k-last":e.lastTick}),title:e.title},e.children&&m.createElement("span",{[Oe]:!0,className:"k-label",onClick:e.onClick},e.children))},e.SliderWithoutContext=De,e.Switch=Ht,e.SwitchWithoutContext=_t,e.TextArea=ea,e.TextAreaPropsContext=Qt,e.TextBox=Re,e.inputsMessages=U,e.isCorrectValue=ca,e.isHalf=ia,e.isSelected=la,e.maskingChanged=Mt,e.numericDecreaseValue=g,e.numericIncreaseValue=v,e.rangeReducer=Ot,e.ratingReducer=ua,e.sanitizeNumber=ve,e.toRound=sa}));

package/package-metadata.js CHANGED Viewed

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1741083933,version:"9.5.0-develop.5",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1741087583,version:"9.5.0-develop.6",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs CHANGED Viewed

@@ -10,8 +10,8 @@ const e = {
   productName: "KendoReact",
   productCode: "KENDOUIREACT",
   productCodes: ["KENDOUIREACT"],
-  publishDate: 1741083933,
-  version: "9.5.0-develop.5",
+  publishDate: 1741087583,
+  version: "9.5.0-develop.6",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };
 export {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-inputs",
-  "version": "9.5.0-develop.5",
+  "version": "9.5.0-develop.6",
   "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",
@@ -28,13 +28,13 @@
     "@progress/kendo-drawing": "^1.21.2",
     "@progress/kendo-inputs-common": "^3.1.0",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-react-animation": "9.5.0-develop.5",
-    "@progress/kendo-react-buttons": "9.5.0-develop.5",
-    "@progress/kendo-react-common": "9.5.0-develop.5",
-    "@progress/kendo-react-dialogs": "9.5.0-develop.5",
-    "@progress/kendo-react-intl": "9.5.0-develop.5",
-    "@progress/kendo-react-labels": "9.5.0-develop.5",
-    "@progress/kendo-react-popup": "9.5.0-develop.5",
+    "@progress/kendo-react-animation": "9.5.0-develop.6",
+    "@progress/kendo-react-buttons": "9.5.0-develop.6",
+    "@progress/kendo-react-common": "9.5.0-develop.6",
+    "@progress/kendo-react-dialogs": "9.5.0-develop.6",
+    "@progress/kendo-react-intl": "9.5.0-develop.6",
+    "@progress/kendo-react-labels": "9.5.0-develop.6",
+    "@progress/kendo-react-popup": "9.5.0-develop.6",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -60,7 +60,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1741083933,
+      "publishDate": 1741087583,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

package/textbox/Textbox.js CHANGED Viewed

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),s=require("prop-types"),a=require("@progress/kendo-react-common"),z=require("../package-metadata.js");function w(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const t=w(P),d=t.forwardRef((e,r)=>{a.validatePackage(z.packageMetadata);const n=t.useRef(null),l=t.useRef(null),c=t.useRef(),f=a.useUnstyled(),i=f&&f.uTextBox,y=t.useCallback(()=>{var u;return c.current!==void 0?c.current:(u=n.current)==null?void 0:u.value},[]);t.useImperativeHandle(l,()=>({get element(){return n.current},get name(){return n.current&&n.current.name},get value(){return y()}})),t.useImperativeHandle(r,()=>l.current);const{size:m=o.size,fillMode:g=o.fillMode,rounded:v=o.rounded,autoFocus:h=o.autoFocus,inputAttributes:B,className:x,dir:F,style:O,prefix:T=o.prefix,suffix:_=o.suffix,valid:A,modified:D,touched:I,visited:H,...q}=e,[M]=a.useCustomComponent(T),[R]=a.useCustomComponent(_),[b,C]=t.useState(!1),N=u=>{C(!0)},S=u=>{C(!1)},j=t.useCallback(u=>{c.current=u.target.value,e.onChange&&e.onChange.call(void 0,{syntheticEvent:u,nativeEvent:u.nativeEvent,value:u.target.value,target:l.current}),c.current=void 0},[e.onChange]),{onFocus:k,onBlur:p}=a.useAsyncFocusBlur({onFocus:N,onBlur:S,onSyncFocus:e.onFocus,onSyncBlur:e.onBlur}),E=t.useMemo(()=>a.classNames(a.uTextBox.wrapper({c:i,rounded:v,fillMode:g,size:m,focused:b,required:e.required,disabled:e.disabled,invalid:e.valid===!1}),x),[x,g,b,e.disabled,e.required,e.valid,v,m,i]);return t.createElement("span",{style:O,dir:F,className:E,onFocus:k,onBlur:p},t.createElement(M,null),t.createElement("input",{ref:n,className:a.classNames(a.uTextBox.inputInner({c:i})),autoFocus:h,...Object.assign({},q,B),"aria-required":e.required,onChange:j}),t.createElement(R,null))}),o={prefix:e=>null,suffix:e=>null,size:"medium",rounded:"medium",fillMode:"solid",autoFocus:!1};d.propTypes={size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),fillMode:s.oneOf([null,"solid","flat","outline"]),autoFocus:s.bool,inputAttributes:s.object};d.displayName="KendoReactTextBoxComponent";exports.TextBox=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),s=require("prop-types"),a=require("@progress/kendo-react-common"),A=require("../package-metadata.js");function D(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const t=D(w),d=t.forwardRef((e,r)=>{a.validatePackage(A.packageMetadata);const n=t.useRef(null),l=t.useRef(null),c=t.useRef(),f=a.useUnstyled(),i=f&&f.uTextBox,y=t.useCallback(()=>{var u;return c.current!==void 0?c.current:(u=n.current)==null?void 0:u.value},[]);t.useImperativeHandle(l,()=>({get element(){return n.current},get name(){return n.current&&n.current.name},get value(){return y()}})),t.useImperativeHandle(r,()=>l.current);const{size:m=o.size,fillMode:g=o.fillMode,rounded:v=o.rounded,autoFocus:B=o.autoFocus,inputAttributes:h,className:x,dir:F,style:_,prefix:p=o.prefix,suffix:O=o.suffix,valid:I,onFocus:T,onBlur:q,modified:H,touched:G,visited:K,...M}=e,[R]=a.useCustomComponent(p),[N]=a.useCustomComponent(O),[b,C]=t.useState(!1),S=u=>{C(!0)},j=u=>{C(!1)},k=t.useCallback(u=>{c.current=u.target.value,e.onChange&&e.onChange.call(void 0,{syntheticEvent:u,nativeEvent:u.nativeEvent,value:u.target.value,target:l.current}),c.current=void 0},[e.onChange]),{onFocus:E,onBlur:P}=a.useAsyncFocusBlur({onFocus:S,onBlur:j,onSyncFocus:T,onSyncBlur:q}),z=t.useMemo(()=>a.classNames(a.uTextBox.wrapper({c:i,rounded:v,fillMode:g,size:m,focused:b,required:e.required,disabled:e.disabled,invalid:e.valid===!1}),x),[x,g,b,e.disabled,e.required,e.valid,v,m,i]);return t.createElement("span",{style:_,dir:F,className:z,onFocus:E,onBlur:P},t.createElement(R,null),t.createElement("input",{ref:n,className:a.classNames(a.uTextBox.inputInner({c:i})),autoFocus:B,...Object.assign({},M,h),"aria-required":e.required,onChange:k}),t.createElement(N,null))}),o={prefix:e=>null,suffix:e=>null,size:"medium",rounded:"medium",fillMode:"solid",autoFocus:!1};d.propTypes={size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),fillMode:s.oneOf([null,"solid","flat","outline"]),autoFocus:s.bool,inputAttributes:s.object};d.displayName="KendoReactTextBoxComponent";exports.TextBox=d;

package/textbox/Textbox.mjs CHANGED Viewed

@@ -5,17 +5,17 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as t from "react";
+import * as e from "react";
 import a from "prop-types";
-import { validatePackage as I, useUnstyled as j, useCustomComponent as x, useAsyncFocusBlur as w, classNames as h, uTextBox as C } from "@progress/kendo-react-common";
-import { packageMetadata as H } from "../package-metadata.mjs";
-const B = t.forwardRef((e, F) => {
-  I(H);
-  const l = t.useRef(null), o = t.useRef(null), r = t.useRef(), i = j(), s = i && i.uTextBox, b = t.useCallback(() => {
+import { validatePackage as w, useUnstyled as H, useCustomComponent as x, useAsyncFocusBlur as D, classNames as h, uTextBox as C } from "@progress/kendo-react-common";
+import { packageMetadata as G } from "../package-metadata.mjs";
+const B = e.forwardRef((t, F) => {
+  w(G);
+  const l = e.useRef(null), r = e.useRef(null), o = e.useRef(), i = H(), s = i && i.uTextBox, b = e.useCallback(() => {
     var n;
-    return r.current !== void 0 ? r.current : (n = l.current) == null ? void 0 : n.value;
+    return o.current !== void 0 ? o.current : (n = l.current) == null ? void 0 : n.value;
   }, []);
-  t.useImperativeHandle(o, () => ({
+  e.useImperativeHandle(r, () => ({
     get element() {
       return l.current;
     },
@@ -25,44 +25,46 @@ const B = t.forwardRef((e, F) => {
     get value() {
       return b();
     }
-  })), t.useImperativeHandle(F, () => o.current);
+  })), e.useImperativeHandle(F, () => r.current);
   const {
     size: c = u.size,
     fillMode: d = u.fillMode,
     rounded: f = u.rounded,
     autoFocus: y = u.autoFocus,
-    inputAttributes: E,
+    inputAttributes: _,
     className: m,
-    dir: R,
-    style: _,
-    prefix: M = u.prefix,
-    suffix: N = u.suffix,
-    valid: D,
+    dir: p,
+    style: E,
+    prefix: R = u.prefix,
+    suffix: M = u.suffix,
+    valid: K,
+    onFocus: N,
+    onBlur: T,
     // Destruct to avoid warning when used inside a form field
-    modified: G,
-    touched: K,
-    visited: U,
-    ...T
-  } = e, [q] = x(M), [k] = x(N), [v, g] = t.useState(!1), z = (n) => {
+    modified: U,
+    touched: J,
+    visited: L,
+    ...q
+  } = t, [k] = x(R), [z] = x(M), [v, g] = e.useState(!1), O = (n) => {
     g(!0);
-  }, O = (n) => {
+  }, P = (n) => {
     g(!1);
-  }, P = t.useCallback(
+  }, S = e.useCallback(
     (n) => {
-      r.current = n.target.value, e.onChange && e.onChange.call(void 0, {
+      o.current = n.target.value, t.onChange && t.onChange.call(void 0, {
         syntheticEvent: n,
         nativeEvent: n.nativeEvent,
         value: n.target.value,
-        target: o.current
-      }), r.current = void 0;
+        target: r.current
+      }), o.current = void 0;
     },
-    [e.onChange]
-  ), { onFocus: S, onBlur: p } = w({
-    onFocus: z,
-    onBlur: O,
-    onSyncFocus: e.onFocus,
-    onSyncBlur: e.onBlur
-  }), A = t.useMemo(
+    [t.onChange]
+  ), { onFocus: A, onBlur: I } = D({
+    onFocus: O,
+    onBlur: P,
+    onSyncFocus: N,
+    onSyncBlur: T
+  }), j = e.useMemo(
     () => h(
       C.wrapper({
         c: s,
@@ -70,28 +72,28 @@ const B = t.forwardRef((e, F) => {
         fillMode: d,
         size: c,
         focused: v,
-        required: e.required,
-        disabled: e.disabled,
-        invalid: e.valid === !1
+        required: t.required,
+        disabled: t.disabled,
+        invalid: t.valid === !1
       }),
       m
     ),
-    [m, d, v, e.disabled, e.required, e.valid, f, c, s]
+    [m, d, v, t.disabled, t.required, t.valid, f, c, s]
   );
-  return /* @__PURE__ */ t.createElement("span", { style: _, dir: R, className: A, onFocus: S, onBlur: p }, /* @__PURE__ */ t.createElement(q, null), /* @__PURE__ */ t.createElement(
+  return /* @__PURE__ */ e.createElement("span", { style: E, dir: p, className: j, onFocus: A, onBlur: I }, /* @__PURE__ */ e.createElement(k, null), /* @__PURE__ */ e.createElement(
     "input",
     {
       ref: l,
       className: h(C.inputInner({ c: s })),
       autoFocus: y,
-      ...Object.assign({}, T, E),
-      "aria-required": e.required,
-      onChange: P
+      ...Object.assign({}, q, _),
+      "aria-required": t.required,
+      onChange: S
     }
-  ), /* @__PURE__ */ t.createElement(k, null));
+  ), /* @__PURE__ */ e.createElement(z, null));
 }), u = {
-  prefix: (e) => null,
-  suffix: (e) => null,
+  prefix: (t) => null,
+  suffix: (t) => null,
   size: "medium",
   rounded: "medium",
   fillMode: "solid",