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

@progress/kendo-react-inputs 15.2.0-develop.5 → 15.2.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 (4) 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 +10 -10

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,l,s,o,i,c,u,d,p){"use strict";function m(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 f=m(t);const v="numerictextbox.increment",h="numerictextbox.decrement",g="slider.increment",b="slider.decrement",k="slider.dragTitle",y="colorGradient.r",C="colorGradient.g",x="colorGradient.b",E="colorGradient.a",w="colorGradient.hex",S="colorGradient.contrastRatio",I="colorGradient.colorGradientAALevel",L="colorGradient.colorGradientAAALevel",N="colorGradient.colorGradientPass",M="colorGradient.colorGradientFail",R="colorGradient.hueSliderLabel",V="colorGradient.alphaSliderLabel",O="colorGradient.toggleInputsButton",z="flatColorPicker.cancelBtn",B="flatColorPicker.applyBtn",T="flatColorPicker.colorGradientBtn",P="flatColorPicker.colorPaletteBtn",D="flatColorPicker.clearBtn",F="colorPicker.adaptiveTitle",K="checkbox.validation",A="checkbox.optionalText",$="radioButton.validation",H="switch.validation",q="colorPicker.dropdownButtonAriaLabel",G="rating.ariaLabel",_="signature.canvas",W="signature.clear",j="signature.maximize",U="signature.minimize",X="switch.ariaLabel",Y="slider.ariaLabel",Z="otpInput.ariaLabel",J="otpInput.cellAriaLabel",Q="rangeSlider.ariaLabel",ee="colorGradient.ariaLabel",te="colorGradient.hsvAreaAriaLabel",ae="colorPicker.ariaLabel",ne="flatColorPicker.ariaLabel",re="colorPalette.ariaLabel",le="colorGradient.redChannelLabel",se="colorGradient.greenChannelLabel",oe="colorGradient.blueChannelLabel",ie="colorGradient.alphaChannelLabel",ce={[v]:"Increase value",[h]:"Decrease value",[g]:"Increase",[b]:"Decrease",[k]:"Drag",[y]:"r",[C]:"g",[x]:"b",[E]:"a",[w]:"hex",[S]:"Contrast ratio",[I]:"AA",[L]:"AAA",[N]:"Pass",[M]:"Fail",[R]:"Hue slider",[V]:"Alpha slider",[O]:"Toggle colorgradient inputs",[z]:"Cancel",[B]:"Apply",[T]:"Color Gradient view",[P]:"Color Palette view",[D]:"Clear color value",[F]:"Choose color",[K]:"Please check this box if you want to proceed!",[A]:"(Optional)",[$]:"Please select option if you want to proceed!",[H]:"Please turn on if you want to proceed!",[q]:"Select",[G]:"Rating",[_]:"Signature",[W]:"Clear",[j]:"Maximize",[U]:"Minimize",[X]:"Toggle switch value",[Y]:"Slider",[Q]:"Range slider",[ee]:"Color gradient",[te]:"Color well with two-dimensional slider for selecting saturation and lightness",[ae]:"Color picker",[ne]:"Color editor",[re]:"Color palette",[le]:"Red channel",[se]:"Green channel",[oe]:"Blue channel",[ie]:"Alpha channel",[Z]:"One-time password",[J]:"Digit {index} of {total}"},ue=1111111.1111111,de=/\d/,pe=(e,t)=>void 0!==e?e:t,me=(e,t,a)=>null==e?"":"string"==typeof e?e:a.formatNumber(e,t),fe=e=>(String(e).split(".")[1]||"").length,ve=(e,t)=>Math.max(fe(e),fe(t)),he=(e,t)=>{const a=(e=>Math.min(e,15))(t);return parseFloat(e.toFixed(a))},ge=(e,t,a,n,r,l,s)=>{const o=ve(e||0,a||0),i=ke(he((e||0)+(a||0),o),n,r);t.eventValue=i,t.currentLooseValue=me(i,l,s),t.selectionStart=t.selectionEnd=Se(t.currentLooseValue,de)},be=(e,t,a,n,r,l,s)=>{const o=ve(e||0,a||0),i=ke(he((e||0)-(a||0),o),n,r);t.eventValue=i,t.currentLooseValue=me(i,l,s),t.selectionStart=t.selectionEnd=Se(t.currentLooseValue,de)},ke=(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),ye=(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)},Ce=(e,t,a,n)=>{e.eventValue=n.parseNumber(e.prevLooseValue,t),e.currentLooseValue=e.prevLooseValue,e.valueIsCorrected=!0,ye(e,e.selectionStart,e.currentLooseValue,a)},xe=(e,t,a)=>t.split(e).length!==a.split(e).length&&t.length===a.length+e.length,Ee=(e,t)=>{const a=e.indexOf(t.decimal);return a>-1?a:Se(e,de)},we=e=>e.split("").reverse().join(""),Se=(e,t)=>e.length-we(e).search(t),Ie=e=>e.split(e[e.search(de)])[0],Le=e=>{const t=we(e);return we(t.split(t[t.search(de)])[0])},Ne=(e,t)=>e.search(t),Me=(e,t)=>{const a=e.indexOf(t);return a>-1?e.length-a-1:0},Re=(e,t,a,n,r)=>{const l="0"===e.replace(r,"")[0],s="0"===t.replace(r,"")[0];if(l&&!s)return a-1;if(s&&n)return a+1;let o=0;for(let t=0;t<a;t++)de.test(e.charAt(t))&&o++;let i=0;for(;o>0&&t.length>i;)de.test(t.charAt(i))&&o--,i++;return i},Ve=(e,t,a)=>{const n={...e},{prevLooseValue:r}=n,l=a.numberSymbols(),s=((e,t)=>{const a=t.formatNumber(ue,e),n=t.formatNumber(-ue,e),r=t.formatNumber(0,e),l=t.formatNumber(1,e),s=t.numberSymbols(),o=new RegExp(`[\\d\\${s.decimal}${s.group}]`,"g");return[a,n,r,l].map(e=>e.replace(o,"")).join("").split("").filter((e,t,a)=>a.indexOf(e)===t).join("")})(t,a),o=String(n.currentLooseValue),i=String(r),c=new RegExp(`[^\\d\\${l.decimal}]`,"g"),u=new RegExp(`[^\\d\\${l.decimal}\\${l.group}]`,"g"),d=new RegExp(`[\\d\\${l.decimal}\\${l.group}]`),p=o.replace(c,""),m=Ne(o,de),f=-1===m?-1:Se(o,de),v=o.indexOf(l.decimal),h=(o.substring(0,m)+o.substring(m,f).replace(u,"")+o.substring(f,o.length)).split("").filter(e=>-1!==s.indexOf(e)||-1!==e.search(d)).join(""),g=a.formatNumber(.31111111111111117,t).replace(c,""),b=g.indexOf(l.decimal),k=b>-1?g.length-b-1:0,y=a.formatNumber(1,t).replace(c,""),C=y.indexOf(l.decimal),x=C>-1?y.length-C-1:0,{positiveInfo:E,negativeInfo:w,zeroInfo:S,oneInfo:I}=((e,t)=>{const a=t.formatNumber(ue,e),n=t.formatNumber(-ue,e),r=t.formatNumber(0,e),l=t.formatNumber(1,e),s=Ie(a),o=Ie(n),i=Ie(r),c=Ie(l);return{positiveInfo:[s,Le(a)],negativeInfo:[o,Le(n)],zeroInfo:[i,Le(r)],oneInfo:[c,Le(l)]}})(t,a),L=[E,w,S,I],N=1!==L.findIndex(e=>-1!==e.findIndex(e=>!!e)),M=o.length>0&&o.length<i.length,R="string"==typeof t&&"p"===t[0]&&o&&-1===o.indexOf(l.percentSign);if(!n.isPaste){if(""===o)return n.eventValue=null,n.currentLooseValue="",n;if(n.currentLooseValue===l.minusSign&&a.formatNumber(-0,t)!==i)return n.eventValue=null,n.currentLooseValue=l.minusSign,ye(n,n.selectionStart,n.currentLooseValue,L),n;if(n.currentLooseValue===l.decimal){n.eventValue=0;const e=me(n.eventValue,t,a);if(0===x&&k>0){const t=Se(e,de);n.currentLooseValue=e.substring(0,t)+l.decimal+e.substring(t)}else n.currentLooseValue=e;return ye(n,Ee(n.currentLooseValue,l)+1,n.currentLooseValue,L),n}if(((e,t)=>{const a=String(e.currentLooseValue),n=String(e.prevLooseValue);return xe(t.minusSign,a,n)||xe("-",a,n)||xe("−",a,n)})(n,l)){const e=a.parseNumber(r,t);if(null===e)return n.eventValue=null,n.currentLooseValue=l.minusSign,ye(n,n.selectionStart,n.currentLooseValue,L),n;n.eventValue=-e,n.currentLooseValue=me(n.eventValue,t,a);const s=Ne(n.currentLooseValue,de),o=Ne(i,de);return ye(n,n.selectionEnd-1+(s-o),n.currentLooseValue,L),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,l))return n.eventValue=a.parseNumber(n.currentLooseValue,t),ye(n,n.selectionStart,n.currentLooseValue,L),n;if(((e,t)=>String(e.currentLooseValue).split(t.decimal).length>2)(n,l))return Ce(n,t,L,a),n;if(R)return n.eventValue=a.parseNumber(o,t)/100,n.currentLooseValue=me(n.eventValue,t,a),n;if(String(n.currentLooseValue).replace(/[^\d]/g,"").length>15||p!==o&&o&&N&&-1===L.findIndex(([e,t])=>{const a=o.indexOf(e),n=o.indexOf(t),r=0===a,s=n===o.length-t.length,i=a+e.length!==m&&-1!==m&&o[a+e.length]!==l.decimal,c=n!==f&&-1!==f&&o[n-1]!==l.decimal;return e&&t?!i&&!c&&(r&&s):e?!i&&r:!!t&&(!c&&s)})||o.indexOf(l.percentSign)>-1&&("string"!=typeof t||!t.startsWith("p")))return Ce(n,t,L,a),n;if(p[p.length-1]===l.decimal&&k>0)return n.eventValue=a.parseNumber(o,t),n.currentLooseValue=h,n;if(n.currentLooseValue&&r&&(s+l.decimal+l.group).split("").findIndex(e=>o.split("").filter(t=>t===e).length<i.split("").filter(t=>t===e).length&&o.length+1===i.length&&!(e===l.decimal&&0===Me(i.replace(c,""),l.decimal)))>-1)return n.eventValue=a.parseNumber(e.prevLooseValue,t),n.currentLooseValue=e.prevLooseValue,n;const u=Me(p,l.decimal),d="0"===p[p.length-1];if(M&&d&&u<x)return n.eventValue=a.parseNumber(n.currentLooseValue,t),n.currentLooseValue=me(n.eventValue,t,a),n;if(u>0){const e=o.substring(0,v);if(d&&(!e||0!==i.indexOf(e))){n.eventValue=a.parseNumber(n.currentLooseValue,t);const e=me(n.eventValue,t,a);return ye(n,Re(o,e,n.selectionEnd,M,c),e,L),n.currentLooseValue=e,n}if(u>k){const e=o.indexOf(l.decimal),r=o.substring(0,e)+o.substring(e,e+1+k)+o.substring(f,String(n.currentLooseValue).length);return n.eventValue=a.parseNumber(r,t),n.currentLooseValue=r,ye(n,n.selectionStart,r,L),n}if(x!==k&&u<=k&&d)return n.eventValue=a.parseNumber(n.currentLooseValue,t),n.currentLooseValue=h,n;if(u<x)return n.eventValue=a.parseNumber(n.currentLooseValue,t),n.currentLooseValue=me(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=me(n.eventValue,t,a);1===o.length?ye(n,Ee(e,l),e,L):ye(n,Re(o,e,n.selectionEnd,M,c),e,L),n.currentLooseValue=e}else n.currentLooseValue=me(a.parseNumber(p),t,a);return n},Oe=r.createPropsContext(),ze=f.forwardRef((e,t)=>{const a=r.usePropsContext(Oe,e),{className:i,value:c,defaultValue:u,format:d,width:p,tabIndex:m,accessKey:g,title:b,placeholder:k,min:y,max:C,dir:x,name:E,label:w,id:S,ariaDescribedBy:I,ariaLabelledBy:L,ariaLabel:N,inputType:M,readOnly:R,validationMessage:V,children:O,touched:z,visited:B,modified:T,style:P,inputStyle:D,valid:F,step:K=Be.step,spinners:A=Be.spinners,disabled:$=Be.disabled,required:H=Be.required,validityStyles:q=Be.validityStyles,prefix:G=Be.prefix,suffix:_=Be.suffix,onChange:W=Be.onChange,onFocus:j=Be.onFocus,onBlur:U=Be.onBlur,rangeOnEnter:X=Be.rangeOnEnter,size:Y=Be.size,rounded:Z=Be.rounded,fillMode:J=Be.fillMode,autoFocus:Q=Be.autoFocus,inputAttributes:ee,...te}=a,ae=r.useId(),ne=S||ae,re=n.useInternationalization(),le=n.useLocalization(),se=f.useRef(null),oe=f.useRef(void 0),[ie,ue]=f.useState(!1),de=f.useRef({eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1}),fe=f.useRef(!1),ve=f.useRef(void 0),he=f.useRef(u),ye=E||S,Ce=me(de.current.focused&&!$?de.current.currentLooseValue:pe(c,he.current),d,re);ve.current=Ce;const[xe]=r.useCustomComponent(G),[Ee]=r.useCustomComponent(_);f.useEffect(()=>{se.current&&se.current.setCustomValidity&&se.current.setCustomValidity(Ne().valid?"":V||"Please enter a valid value!")});const we=f.useCallback(()=>{se.current&&se.current.focus()},[]),Se=f.useCallback(()=>void 0!==oe.current?oe.current:pe(c,he.current),[c]),Ie=f.useCallback(()=>E,[E]),Le=f.useCallback(()=>H,[H]),Ne=f.useCallback(()=>{const e=void 0!==V,t=Se();return{customError:e,valid:void 0!==F?F:!(de.current.valueIsOutOfRange||Le()&&null==t),valueMissing:null==t}},[V,F,Se,Le]),Me=f.useCallback(()=>q,[q]),Re=f.useCallback(()=>a,[a]),ze=f.useCallback(()=>{const e={element:se.current,focus:we};return Object.defineProperty(e,"name",{get:Ie}),Object.defineProperty(e,"value",{get:Se}),Object.defineProperty(e,"validity",{get:Ne}),Object.defineProperty(e,"validityStyles",{get:Me}),Object.defineProperty(e,"required",{get:Le}),Object.defineProperty(e,"props",{get:Re}),e},[Ie,Se,Ne,Me,Le,we,Re]);f.useImperativeHandle(t,ze);const Te=f.useRef(null);f.useImperativeHandle(Te,ze),r.useWebMcpRegister("numerictextbox",Te,a,a.webMcp);const Pe=f.useCallback(()=>({eventValue:pe(c,he.current),prevLooseValue:ve.current,currentLooseValue:se.current.value,selectionStart:se.current.selectionStart,selectionEnd:se.current.selectionEnd,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1,isPaste:fe.current,focused:de.current.focused}),[c]),De=f.useCallback((e,t)=>{if($)return;oe.current=t.eventValue,he.current=t.eventValue;const a=me(ke(t.eventValue,y,C),d,re),n=ke(re.parseNumber(a,d),y,C);n!==t.eventValue&&(t.valueIsOutOfRange=!0,t.eventValue=n,he.current=n),c!==t.eventValue&&r.dispatchEvent(W,e,ze(),{value:t.eventValue}),oe.current=void 0,de.current=t,ue(e=>!e)},[c,W,$,ue,ze]),Fe=f.useCallback(e=>{const t=Number(e);if(isNaN(t))return;const a=ke(t,y,C),n=me(a,d,re),r={...de.current,eventValue:a,currentLooseValue:n,selectionStart:n.length,selectionEnd:n.length},l={target:se.current,currentTarget:se.current};De(l,r)},[y,C,d,re,De]);r.useKendoPaste(se,{fieldName:ye,onValueChange:Fe,enabled:!!ye});const Ke=f.useCallback(e=>{const t=Pe();fe.current=!1,De(e,Ve(t,d,re))},[d,W,re,De,Pe]),Ae=f.useCallback(e=>{if(R||$)return;let t=Pe();const a=re.parseNumber(String(t.currentLooseValue),d);if(t.selectionEnd>t.selectionStart&&t.selectionEnd-t.selectionStart===String(t.currentLooseValue).length){const t=re.numberSymbols(),a=t&&e.key===t.minusSign,n=t&&e.key===t.decimal;return void(fe.current=!a&&!n)}switch(e.keyCode){case 38:ge(a,t,K,y,C,d,re);break;case 40:be(a,t,K,y,C,d,re);break;case 13:{if(!1===X)return;const e=me(ke(a,y,C),d,re),n=ke(re.parseNumber(e,d),y,C);t.eventValue=n,t.currentLooseValue=me(n,d,re),t.selectionStart=t.selectionEnd=t.currentLooseValue.length;break}case 110:{const e=se.current,a=re.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,d,re));break}default:return}e.preventDefault(),De(e,t)},[d,y,C,K,W,X,De,Pe]),$e=f.useCallback(()=>{fe.current=!0},[]),He=f.useCallback(e=>{if(R||$)return;const t=Pe();ge(re.parseNumber(String(t.currentLooseValue),d),t,K,y,C,d,re),De(e,t)},[d,y,C,K,W,R,$,De,Pe]),qe=f.useCallback(e=>{if(R||$)return;const t=Pe();be(re.parseNumber(String(t.currentLooseValue),d),t,K,y,C,d,re),De(e,t)},[d,y,C,K,W,R,$,De,Pe]),Ge=f.useCallback(e=>{const t=r.getActiveElement(document);!document||t!==se.current||!se.current||R||$||(e.nativeEvent.deltaY<0&&He(e),e.nativeEvent.deltaY>0&&qe(e))},[He,qe,$,R]),_e=f.useCallback(e=>{de.current.currentLooseValue=ve.current,de.current.focused=!0,r.dispatchEvent(j,e,ze(),{}),ue(e=>!e)},[j,ue,ze]),We=f.useCallback(e=>{de.current={eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1},r.dispatchEvent(U,e,ze(),{}),ue(e=>!e)},[U,ue,ze]),je=f.useCallback(e=>{if(document&&se.current){const t=r.getActiveElement(document);e.preventDefault(),t!==se.current&&se.current.focus()}},[]);r.useIsomorphicLayoutEffect(()=>{se.current&&"number"!==se.current.type&&void 0!==de.current.selectionStart&&void 0!==de.current.selectionEnd&&(se.current.selectionStart=de.current.selectionStart,se.current.selectionEnd=de.current.selectionEnd,de.current.selectionStart=void 0,de.current.selectionEnd=void 0)},[ie]);const[Ue,Xe]=f.useState(x);r.useIsomorphicLayoutEffect(()=>{if(void 0!==x)Xe(x);else if(se.current&&se.current.parentElement){const e=getComputedStyle(se.current.parentElement).direction;Xe("rtl"===e?"rtl":void 0)}},[x]);const Ye=!Me()||Ne().valid,Ze=f.createElement("span",{dir:x,style:w?P:{width:p,...P},className:r.classNames("k-input","k-numerictextbox",{[`k-input-${r.kendoThemeMaps.sizeMap[Y]||Y}`]:Y,[`k-input-${J}`]:J,[`k-rounded-${r.kendoThemeMaps.roundedMap[Z]||Z}`]:Z,"k-invalid":!Ye,"k-required":H,"k-disabled":$},i),...w?{}:te},f.createElement(xe,null),f.createElement("input",{role:"spinbutton",value:null===Ce?"":Ce,tabIndex:r.getTabIndex(m,$),accessKey:g,disabled:$,title:b,"aria-valuemin":A?y:void 0,"aria-valuemax":A?C:void 0,"aria-label":N,"aria-labelledby":L,"aria-describedby":I,"aria-required":H||void 0,placeholder:k,spellCheck:!1,autoComplete:"off",autoCorrect:"off",autoFocus:Q,type:M||"tel",className:"k-input-inner",id:ne,name:E,readOnly:R,style:D,dir:Ue,onChange:Ke,onFocus:_e,onBlur:We,onKeyDown:Ae,onPaste:$e,onWheel:Ge,ref:se,...ee}),f.createElement(Ee,null),O,A&&f.createElement("span",{className:"k-input-spinner k-spin-button",onMouseDown:je},f.createElement(o.Button,{tabIndex:-1,type:"button",icon:"chevron-up",svgIcon:l.chevronUpIcon,fillMode:J,size:Y,disabled:$,className:"k-spinner-increase","aria-label":le.toLanguageString(v,ce[v]),title:le.toLanguageString(v,ce[v]),onClick:He}),f.createElement(o.Button,{tabIndex:-1,type:"button",icon:"chevron-down",svgIcon:l.chevronDownIcon,fillMode:J,size:Y,disabled:$,className:"k-spinner-decrease","aria-label":le.toLanguageString(h,ce[h]),title:le.toLanguageString(h,ce[h]),onClick:qe})));return w?f.createElement(s.FloatingLabel,{label:w,editorId:ne,editorValue:null===Ce?"":Ce,editorValid:Ye,editorDisabled:$,editorPlaceholder:k,children:Ze,style:{width:p},dir:x,...te}):Ze});ze.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(["small","medium","large"]),rounded:a.oneOf(["small","medium","large","full","none"]),fillMode:a.oneOf(["solid","flat","outline"]),inputAttributes:a.object};const Be={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:void 0,rounded:void 0,fillMode:void 0};ze.displayName="KendoNumericTextBox";const Te=e=>null!=e&&""!==e,Pe=(e,t,a)=>!Te(e)||isNaN(e)||e<=t?t:e>=a?a:e,De=(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(!Te(e))return;const n=i.parseColor(e.trim(),a);return Te(n)?"hex"===t?n.toCss():n.toCssRgba():void 0},Fe=(e,t=!0)=>{const a=i.parseColor(e,t);return Te(a)?a.toHSV():{}},Ke=(e,t=!0)=>{const a=i.parseColor(e,t);return Te(a)?a.toBytes():{}},Ae=e=>{const t=Pe(e.h,0,359.9),a=Pe(e.s,0,1),n=Pe(e.v,0,1),r=Pe(e.a,0,1);return i.Color.fromHSV(t,a,n,r).toCssRgba()},$e=e=>Ae({h:e,s:1,v:1,a:1}),He=(e,t)=>{const a=Pe(e.r,0,255),n=Pe(e.g,0,255),r=Pe(e.b,0,255),l=Pe(e.a,0,1),s=Pe(t.r,0,255),o=Pe(t.g,0,255),i=Pe(t.b,0,255);return{r:Math.round((1-l)*s+l*a),g:Math.round((1-l)*o+l*n),b:Math.round((1-l)*i+l*r)}},qe=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]},Ge=(e,t)=>((e,t)=>(Math.max(e,t)+.05)/(Math.min(e,t)+.05))(qe(He(e,t)),qe(He(t,{r:0,g:0,b:0}))),_e=f.forwardRef((e,t)=>{const a=f.useRef(null),n=f.useRef(null),l=f.useRef(void 0),s=r.useUnstyled(),o=s&&s.uTextBox,i=f.useCallback(()=>{var e;return void 0!==l.current?l.current:null==(e=a.current)?void 0:e.value},[]),c=f.useRef(null);f.useImperativeHandle(n,()=>({get element(){return a.current},get name(){return a.current&&a.current.name},get value(){return i()},setValue(e){var t;a.current&&(a.current.value=e);const n={target:a.current,currentTarget:a.current};null==(t=c.current)||t.call(c,n)}})),f.useImperativeHandle(t,()=>n.current),r.useWebMcpRegister("textbox",n,e,e.webMcp);const{size:u=We.size,fillMode:d=We.fillMode,rounded:p=We.rounded,autoFocus:m=We.autoFocus,inputAttributes:v,className:h,dir:g,style:b,prefix:k=We.prefix,suffix:y=We.suffix,valid:C,onFocus:x,onBlur:E,modified:w,touched:S,visited:I,validationMessage:L,autoSize:N,textareaStyle:M,...R}=e,[V]=r.useCustomComponent(k),[O]=r.useCustomComponent(y),[z,B]=f.useState(!1),T=f.useCallback(t=>{l.current=t.target.value,e.onChange&&e.onChange.call(void 0,{syntheticEvent:t,nativeEvent:t.nativeEvent,value:t.target.value,target:n.current}),l.current=void 0},[e.onChange]);c.current=T;const P=e.name||e.id,D=f.useCallback(e=>{a.current&&(a.current.value=e);const t={target:a.current,currentTarget:a.current};T(t)},[T]);r.useKendoPaste(a,{fieldName:P,onValueChange:D});const{onFocus:F,onBlur:K}=r.useAsyncFocusBlur({onFocus:e=>{B(!0)},onBlur:e=>{B(!1)},onSyncFocus:x,onSyncBlur:E}),A=f.useMemo(()=>r.classNames("k-input","k-textbox",{[`k-input-${r.kendoThemeMaps.sizeMap[u]||u}`]:u,[`k-input-${d}`]:d,[`k-rounded-${r.kendoThemeMaps.roundedMap[p]||p}`]:p,"k-focus":z,"k-required":e.required,"k-disabled":e.disabled,"k-invalid":!1===e.valid},h),[h,d,z,e.disabled,e.required,e.valid,p,u]);return f.createElement("span",{style:b,dir:g,className:A,onFocus:F,onBlur:K},f.createElement(V,null),f.createElement("input",{ref:a,className:r.classNames(r.uTextBox.inputInner({c:o})),autoFocus:m,...Object.assign({},R,v),"aria-required":e.required,onChange:T}),f.createElement(O,null))}),We={prefix:e=>null,suffix:e=>null,size:void 0,rounded:void 0,fillMode:void 0,autoFocus:!1};_e.propTypes={size:a.oneOf(["small","medium","large"]),rounded:a.oneOf(["small","medium","large","full","none"]),fillMode:a.oneOf(["solid","flat","outline"]),autoFocus:a.bool,inputAttributes:a.object},_e.displayName="KendoReactTextBoxComponent";let je=class extends f.Component{constructor(e){super(e),this.onChange=e=>{const t=e.target.value,a=De(t,"rgba");this.setState({hex:t}),Te(a)&&this.props.onHexChange(t,a,e)},this.onBlur=()=>{Te(De(this.state.hex,"rgba"))||this.setState({hex:this.state.originalHex})},this.state={hex:this.props.hex,originalHex:this.props.hex}}render(){return f.createElement(_e,{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,rounded:this.props.rounded})}static getDerivedStateFromProps(e,t){return e.hex!==t.originalHex?{hex:e.hex,originalHex:e.hex}:null}};const Ue=["rgba","rgb","hex"];let Xe=class extends f.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||Ue[1]}}render(){const e=n.provideLocalizationService(this),t=e.toLanguageString(w,ce[w]),a=e.toLanguageString(y,ce[y]),r=e.toLanguageString(C,ce[C]),s=e.toLanguageString(x,ce[x]),i=e.toLanguageString(E,ce[E]),c=e.toLanguageString(O,ce[O]),u=e.toLanguageString(le,ce[le]),d=e.toLanguageString(se,ce[se]),p=e.toLanguageString(oe,ce[oe]),m=e.toLanguageString(ie,ce[ie]);return f.createElement("div",{className:"k-colorgradient-inputs k-hstack"},f.createElement("div",{className:"k-vstack"},f.createElement(o.Button,{"aria-label":c,fillMode:"flat",icon:"caret-alt-expand",svgIcon:l.caretAltExpandIcon,className:"k-colorgradient-toggle-mode",onClick:this.onToggleModeChange.bind(this)})),"hex"===this.state.inputMode&&f.createElement("div",{className:"k-vstack k-flex-1"},f.createElement(je,{hex:this.props.hex,onHexChange:this.props.onHexChange,disabled:this.props.disabled,size:this.props.size,fillMode:this.props.fillMode,rounded:this.props.rounded}),f.createElement("label",{className:"k-colorgradient-input-label"},t)),("rgb"===this.state.inputMode||"rgba"===this.state.inputMode)&&f.createElement(f.Fragment,null,f.createElement("div",{className:"k-vstack"},f.createElement(ze,{value:this.props.rgba.r,ariaLabel:u,min:0,max:255,spinners:!1,format:"n",onChange:this.onRgbaRChange,disabled:this.props.disabled,size:this.props.size,fillMode:this.props.fillMode,rounded:this.props.rounded}),f.createElement("label",{className:"k-colorgradient-input-label"},a)),f.createElement("div",{className:"k-vstack"},f.createElement(ze,{value:this.props.rgba.g,ariaLabel:d,min:0,max:255,spinners:!1,format:"n",onChange:this.onRgbaGChange,disabled:this.props.disabled,size:this.props.size,fillMode:this.props.fillMode,rounded:this.props.rounded}),f.createElement("label",{className:"k-colorgradient-input-label"},r)),f.createElement("div",{className:"k-vstack"},f.createElement(ze,{value:this.props.rgba.b,ariaLabel:p,min:0,max:255,spinners:!1,format:"n",onChange:this.onRgbaBChange,disabled:this.props.disabled,size:this.props.size,fillMode:this.props.fillMode,rounded:this.props.rounded}),f.createElement("label",{className:"k-colorgradient-input-label"},s))),"rgba"===this.state.inputMode&&f.createElement("div",{className:"k-vstack"},this.props.opacity&&f.createElement(ze,{value:this.props.rgba.a,ariaLabel:m,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,rounded:this.props.rounded}),this.props.opacity&&f.createElement("label",{className:"k-colorgradient-input-label"},i)))}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=Ue.length-1===Ue.indexOf(this.state.inputMode)?0:Ue.indexOf(this.state.inputMode)+1;if(this.props.opacity)this.setState({inputMode:Ue[e]});else{const t="rgba"===Ue[e]?e+1:e;this.setState({inputMode:Ue[t]})}}};n.registerForIntl(Xe),n.registerForLocalization(Xe);var Ye=(e=>(e[e.Literal=0]="Literal",e[e.Mask=1]="Mask",e[e.Undefined=2]="Undefined",e))(Ye||{});let Ze=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} })`}},Je=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 Qe=e=>(e||"").split("");let et=class e{constructor(e){this.parse=e}run(e,t=""){return e instanceof Je?this.parse(e):this.parse(new Je(Qe(e),Qe(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===Ye.Literal}};const tt=(e,t)=>new et(a=>{let{char:n}=a.next();const r=e[n];return"\\"===n?(n=a.next().char,new Ze(t.literal(n),a)):new Ze(r?t.mask(r):t.literal(n),a)}),at=e=>new et(t=>{const{prompt:a,promptPlaceholder:n}=e,{char:r}=t.next();return new Ze(r===a?n:r,t)}),nt=e=>new et(t=>{const{char:a}=t.next();return new Ze(e?a:"",t)}),rt=e=>e.reduce((e,t)=>((e,t)=>e.chain(e=>t.map(t=>e.concat([t]))))(e,t),(e=>new et(t=>new Ze(e,t)))([])),lt=e=>new et(t=>{let a=new Ze([],t);for(;!t.eof();)a=a.concat(e.run(t));return a});let st=class{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 rt(this.validationTokens).run(e).fold(e=>{t=e.join("")}),t}rawValue(e=""){let t=e;return this.rawTokens.length&&rt(this.rawTokens).run(e).fold(e=>{t=e.join("")}),t}maskRaw(e=""){let t=e;return this.maskTokens.length&&rt(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 l=n,s=t.split("").slice(0,a),o=t.split("").slice(n);return rt(this.maskTokens.slice(a,n)).run(e).fold(e=>{r=s.concat(e).concat(o).join("")}),{selection:l,value:r}}maskRemoved(e,t,a){let n="",r=a;const l=e.split("").slice(a),s=e.split("").slice(0,a).join(""),o=this.maskTokens.length-(e.length-a);return rt(this.maskTokens.slice(0,o)).run(s,t).fold(e=>{r=this.adjustPosition(e,r),n=e.concat(l).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 l=e.slice(0,a);return rt(this.unmaskTokens).run(l,t).chain(e=>{r=e.join("").length;const a=t.slice(r);return rt(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 et(t=>t.peek().char===e?(t.eat(),new Ze(e,t,Ye.Literal)):new Ze(e,t,Ye.Literal)))(e),mask:a=>(e=>t=>new et(a=>{const{prompt:n,promptPlaceholder:r}=e;for(;!a.eof();){const{char:e,control:l}=a.peek();if(e===l&&l===n)return a.eat(),new Ze(n,a,Ye.Mask);if(t.test(e))return a.eat(),new Ze(e,a,Ye.Mask);if(e===r)return a.eat(),new Ze(n,a,Ye.Mask);a.eat_input()}return a.eat(),new Ze(n,a,Ye.Mask)}))({prompt:e,promptPlaceholder:t})(a)}}get unmaskTokenCreator(){return{literal:e=>(e=>new et(t=>{if(t.eof())return new Ze("",t);const{char:a}=t.peek();return a===e&&t.eat(),new Ze(e,t)}))(e),mask:e=>(e=>t=>new et(a=>{for(;!a.eof();){const{char:n,control:r}=a.peek();if(n===e&&r===e)return a.eat(),new Ze(n,a);if(t.test(n))return a.eat(),new Ze(n,a);a.eat_input()}return a.eat(),new Ze("",a)}))(this.prompt)(e)}}get rawTokenCreator(){const{prompt:e,promptPlaceholder:t,includeLiterals:a}=this;return{literal:e=>nt(a),mask:a=>at({prompt:e,promptPlaceholder:t})}}get validationTokenCreator(){const{prompt:e}=this;return{literal:e=>nt(!1),mask:t=>at({prompt:e,promptPlaceholder:""})}}tokenize(){lt(tt(this.rules,this.maskTokenCreator)).run(this.mask).fold((e,t)=>{this.maskTokens=e}),lt(tt(this.rules,this.unmaskTokenCreator)).run(this.mask).fold((e,t)=>{this.unmaskTokens=e}),lt(tt(this.rules,this.rawTokenCreator)).run(this.mask).fold((e,t)=>{this.rawTokens=e}),lt(tt(this.rules,this.validationTokenCreator)).run(this.mask).fold((e,t)=>{this.validationTokens=e})}};const ot={"#":/[\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]/},it=()=>!1,ct=(e,t)=>e.includeLiterals!==t.includeLiterals||e.mask!==t.mask||e.prompt!==t.prompt||e.promptPlaceholder!==t.promptPlaceholder||!ut(e.rules,t.rules),ut=(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},dt=class e extends f.Component{constructor(){super(...arguments),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.handleKendoPasteValue=e=>{const t=null!=e?String(e):"",a={target:this._input,currentTarget:this._input,nativeEvent:new Event("change",{bubbles:!0})};this.triggerOnChange(t,a)},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 l=this.value;let s;if(this._isPasted){this._isPasted=!1;const e=l.length-r,t=a.length-e;s=this._service.maskInRange(a.slice(n,t),l,n,r)}else s=this._service.maskInput(a,l,t.selectionStart||0);this._selection=[s.selection,s.selection],this.triggerOnChange(s.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||"")}}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)}ct(e,this.props)&&this.updateService(),this.setValidity()}componentDidMount(){this.updateService(),this.setValidity();const e=this.props.name||this.props.id;this.KendoPasteSubscription=r.subscribeToKendoPaste(this._input,{fieldName:e,onValueChange:e=>{this.handleKendoPasteValue(e)}})}componentWillUnmount(){var e;null==(e=this.KendoPasteSubscription)||e.unsubscribe()}render(){const{size:t=e.defaultProps.size,fillMode:a=e.defaultProps.fillMode,rounded:n=e.defaultProps.rounded,autoFocus:l=e.defaultProps.autoFocus,prefix:o=e.defaultProps.prefix,suffix:i=e.defaultProps.suffix,inputAttributes:c,unstyled:u,className:d}=this.props,p=this.props.id||this._inputId,m=!this.validityStyles||this.validity.valid,v=this.props.style||{},h=u&&u.uMaskedTextBox,[g]=r.useCustomComponent(o),[b]=r.useCustomComponent(i),k=f.createElement("span",{dir:this.props.dir,className:r.classNames("k-input","k-maskedtextbox",{[`k-input-${r.kendoThemeMaps.sizeMap[t]||t}`]:t,[`k-input-${a}`]:a,[`k-rounded-${r.kendoThemeMaps.roundedMap[n]||n}`]:n,"k-invalid":!m,"k-disabled":this.props.disabled},d),style:this.props.label?v:{width:this.props.width,...v}},f.createElement(g,null),f.createElement("input",{type:"text",autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",autoFocus:l,spellCheck:!1,className:r.classNames(r.uMaskedTextBox.inputInner({c:h})),value:this.value,id:p,"aria-label":this.props.ariaLabel,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-placeholder":this.props.mask,"aria-required":this.props.required,"aria-invalid":m?void 0:"true",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:it,onDrop:it,...c}),f.createElement(b,null));return this.props.label?f.createElement(s.FloatingLabel,{label:this.props.label,editorId:p,editorValue:this.value,editorValid:m,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({},ot,this.props.rules)}};dt.displayName="MaskedTextBox",dt.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,ariaLabel:a.string,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.node,validationMessage:a.string,required:a.bool,valid:a.bool,validityStyles:a.bool,onChange:a.func,size:a.oneOf(["small","medium","large"]),rounded:a.oneOf(["small","medium","large","full","none"]),fillMode:a.oneOf(["solid","flat","outline"]),autoFocus:a.bool,inputAttributes:a.object},dt.defaultProps={prompt:"_",promptPlaceholder:" ",includeLiterals:!1,maskValidation:!0,rules:ot,validityStyles:!0,prefix:e=>null,suffix:e=>null,size:void 0,rounded:void 0,fillMode:void 0,autoFocus:!1};let pt=dt;const mt=r.createPropsContext(),ft=r.withIdHOC(r.withPropsContext(mt,r.withUnstyledHOC(pt)));ft.displayName="KendoReactMaskedTextBox";const vt=f.forwardRef((e,t)=>{const[a,n]=r.useMergedRef(t);return r.useWebMcpRegister("maskedtextbox",a,e,e.webMcp),f.createElement(ft,{...e,ref:n})});vt.displayName="KendoReactMaskedTextBox";const ht=Object.freeze({name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"15.2.0-develop.5",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"}),gt="data-slider-label",bt={step:1,largeStep:10,buttons:!1,vertical:!1,disabled:!1,readOnly:!1,tabIndex:0},kt=f.forwardRef((e,a)=>{var s,i,c;const{step:u=bt.step,largeStep:d=bt.largeStep,vertical:p=bt.vertical,disabled:m=bt.disabled,tabIndex:v=bt.tabIndex,readOnly:h=bt.readOnly}=e,[y,C]=t.useState(null!=(s=e.defaultValue)?s:e.min),[x,E]=t.useState(!1),[w,S]=t.useState(e.dir),I=t.useRef(null),L=t.useRef(null),N=t.useMemo(()=>new n.LocalizationService,[]),M=t.useRef(null),R=void 0!==e.value,V=R&&void 0!==e.value?e.value:y,O=t.useMemo(()=>V<e.min?e.min:V>e.max?e.max:V,[V,e.min,e.max]),z=t.useMemo(()=>{const t=e.max-e.min;return 0===t?0:(O-e.min)/t*100},[O,e.min,e.max]),B=null!=(i=e.dir)?i:w;t.useEffect(()=>{if(void 0===e.dir&&L.current){const e=window.getComputedStyle(L.current).direction;e!==w&&S(e)}},[e.dir,w]);const T=t.useCallback(e=>{let t=e;for(;t;){if(t.getAttribute(gt))return!0;t=t.parentElement}return!1},[]),P=t.useCallback((t,a)=>{const n=Math.min(Math.max(a,e.min),e.max);R||C(n),r.dispatchEvent(e.onChange,t,M.current,{value:n})},[e.min,e.max,e.onChange,R]),D=t.useCallback(()=>{E(!0)},[]),F=t.useCallback(()=>{E(!1)},[]),K=t.useCallback(t=>{if(m)return;let a;t.keyCode===r.Keys.left||t.keyCode===r.Keys.down?a=O-(u||0):t.keyCode===r.Keys.right||t.keyCode===r.Keys.up?a=O+(u||0):t.keyCode===r.Keys.pageDown?a=O-(d||0):t.keyCode===r.Keys.pageUp?a=O+(d||0):t.keyCode===r.Keys.home?a=e.min:t.keyCode===r.Keys.end&&(a=e.max),void 0!==a&&(t.preventDefault(),P(t,a))},[O,u,d,e.min,e.max,P,m]),A=t.useCallback(e=>{e.preventDefault(),!m&&P(e,O-(u||0))},[O,u,P,m]),$=t.useCallback(e=>{e.preventDefault(),!m&&P(e,O+(u||0))},[O,u,P,m]),H=t.useCallback(t=>{const a=t.element.getBoundingClientRect();let n;n=p?a.bottom-t.event.clientY:"rtl"===B?a.right-t.event.clientX:t.event.clientX-a.left;const r=n/(p?a.height:a.width);P(t,e.min+r*(e.max-e.min))},[p,e.min,e.max,B,P]),q=t.useCallback(e=>{T(e.event.originalEvent.target)||(e.event.isTouch&&e.event.originalEvent.preventDefault(),H(e))},[T,H]),G=t.useCallback(e=>{e.event.originalEvent.preventDefault(),H(e)},[H]),_=t.useCallback(()=>{L.current&&L.current.focus()},[]),W=t.useCallback(e=>{if(!e.enabled)return e.children;let t,a,n,r;return"rtl"===B?(t=p?l.chevronUpIcon:l.chevronLeftIcon,a=p?l.chevronDownIcon:l.chevronRightIcon,n=p?"chevron-up":"chevron-left",r=p?"chevron-down":"chevron-right"):(t=p?l.chevronUpIcon:l.chevronRightIcon,a=p?l.chevronDownIcon:l.chevronLeftIcon,n=p?"chevron-up":"chevron-right",r=p?"chevron-down":"chevron-left"),f.createElement(f.Fragment,null,f.createElement(o.Button,{className:"k-button-decrease",rounded:"full",icon:r,svgIcon:a,title:e.decrementTitle,onClick:e.decrement}),e.children,f.createElement(o.Button,{className:"k-button-increase",rounded:"full",icon:n,svgIcon:t,title:e.incrementTitle,onClick:e.increment}))},[B,p]);t.useImperativeHandle(a,()=>({props:e,sliderTrack:I.current,focus:_}),[e,_]),r.useWebMcpRegister("slider",M,e,e.webMcp),t.useEffect(()=>{M.current={props:e,sliderTrack:I.current,focus:_}},[e,_]);const j=p?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},U=p?{paddingTop:0,height:"100%"}:{};let X;return X=p?{bottom:"calc("+z+"%)",zIndex:1}:"rtl"===B?{right:"calc("+z+"%)",zIndex:1}:{left:"calc("+z+"%)",zIndex:1},f.createElement("div",{ref:L,dir:B,id:e.id,"aria-label":e.ariaLabel,style:{gap:0,...e.style},onFocus:D,onBlur:F,onKeyDown:K,className:r.classNames("k-slider",{"k-focus":x,"k-disabled":m,"k-readonly":h,"k-slider-horizontal":!p,"k-slider-vertical":p},e.className)},W({enabled:null!=(c=e.buttons)?c:bt.buttons,decrement:A,increment:$,incrementTitle:N.toLanguageString(g,ce[g]),decrementTitle:N.toLanguageString(b,ce[b]),children:f.createElement(r.Draggable,{onDrag:G,onPress:q,autoScroll:!1},f.createElement("div",{className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...j}},e.children&&f.createElement("ul",{className:"k-reset k-slider-items","aria-hidden":"true",style:{margin:0,...U}},f.Children.map(e.children,(t,a)=>t&&f.cloneElement(t,{position:100*(t.props.position-e.min)/(e.max-e.min),vertical:p,firstTick:0===a,lastTick:a===f.Children.count(e.children)-1},t.props.children))),f.createElement("div",{className:"k-slider-track",style:p?{bottom:0,height:"100%"}:{["rtl"===B?"right":"left"]:0,width:"100%"},ref:I},f.createElement("div",{className:"k-slider-selection",style:p?{height:z+"%"}:{width:z+"%"}}),f.createElement("span",{role:"slider","aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":O,"aria-orientation":p?"vertical":void 0,"aria-disabled":m?"true":void 0,"aria-readonly":h?"true":void 0,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-label":e.ariaLabel,tabIndex:r.getTabIndex(v,m,void 0),className:"k-draghandle k-draghandle-end",title:N.toLanguageString(k,ce[k]),style:X}))))}))});kt.displayName="Slider";const yt=r.createPropsContext(),Ct=r.withPropsContext(yt,kt);Ct.displayName="KendoReactSlider",Ct.propTypes={value:a.number,defaultValue:a.number,min:a.number.isRequired,max:a.number.isRequired,step:a.number,largeStep:a.number,onChange:a.func,style:a.object,className:a.string,buttons:a.bool,tabIndex:a.number,disabled:a.bool,readOnly:a.bool,vertical:a.bool,id:a.string,ariaDescribedBy:a.string,ariaLabelledBy:a.string,ariaLabel:a.string,dir:a.oneOf(["ltr","rtl"]),children:a.node},n.registerForLocalization(kt);const xt={};function Et(e,t,a){xt[e]={value:t,hsva:a}}function wt(e,t,a){xt[e]={value:t,rgba:a}}function St(e,t,a){xt[e]={value:t,hex:a}}function It(e,t){if(e){const a=xt[e];return a&&a.value===t?a.hex:void 0}}function Lt(e,t){if(e){const a=xt[e];return a&&a.value===t?a.hsva:void 0}}function Nt(e,t){if(e){const a=xt[e];return a&&a.value===t?a.rgba:void 0}}let Mt=class extends f.Component{render(){const e=n.provideLocalizationService(this),t=e.toLanguageString(S,ce[S]),a=e.toLanguageString(I,ce[I]),s=e.toLanguageString(L,ce[L]),o=e.toLanguageString(N,ce[N]),i=e.toLanguageString(M,ce[M]),c=Ge(this.props.rgba,this.props.bgColor),u=4.5.toFixed(1),d=7..toFixed(1),p=`${t}: ${c.toFixed(2)}`,m=`${a}: ${u}`,v=`${s}: ${d}`,h=f.createElement("span",{className:"k-contrast-validation !k-text-success"},o," ",f.createElement(r.IconWrap,{name:"check",icon:l.checkIcon})),g=f.createElement("span",{className:"k-contrast-validation !k-text-error"},i," ",f.createElement(r.IconWrap,{name:"x",icon:l.xIcon}));return f.createElement("div",{className:"k-vbox k-colorgradient-color-contrast"},f.createElement("div",{className:"k-contrast-ratio"},f.createElement("span",{className:"k-contrast-ratio-text"},p),c>=4.5?f.createElement("span",{className:"k-contrast-validation !k-text-success"},f.createElement(r.IconWrap,{name:"check",icon:l.checkIcon}),c>=7&&f.createElement(r.IconWrap,{name:"check",icon:l.checkIcon})):f.createElement("span",{className:"k-contrast-validation !k-text-error"},f.createElement(r.IconWrap,{name:"x",icon:l.xIcon}))),f.createElement("div",null,f.createElement("span",null,m),c>=4.5?h:g),f.createElement("div",null,f.createElement("span",null,v),c>=7?h:g))}};n.registerForLocalization(Mt);const Rt=(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"/>`,Vt=(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 Ot=class extends f.Component{renderSvgCurveLine(){const e=this.props.metrics,t=(a,n,r,l,s)=>{const o=(r+l)/2,i=Object.assign({},this.props.hsva,{s:n/e.width,v:1-o/e.height}),c=Ge(Ke(Ae(i)),Ke(this.props.backgroundColor||""));return r+.5>l?c<a+1&&c>a-1?o:null:s(c,a)?t(a,n,r,l-(l-r)/2,s):t(a,n,r+(l-r)/2,l,s)},a=(a,n,r=!1)=>{const l=[];for(let s=0;s<=e.width;s+=e.width/n){const n=t(a,s,0,e.height,r?(e,t)=>e<t:(e,t)=>e>t);null!==n&&l.push([s,n])}return l},n=(e=>(t,a,n)=>{const[r,l]=e(n[a-1],n[a-2],t),[s,o]=e(t,n[a-1],n[a+1],!0);return`C ${r},${l} ${s},${o} ${t[0]},${t[1]}`})((e=>(t,a,n,r)=>{const l=e(a||t,n||t),s=l.angle+(r?Math.PI:0),o=.1*l.length;return[t[0]+Math.cos(s)*o,t[1]+Math.sin(s)*o]})(Vt));return Rt(a(4.5,16),n)+Rt(a(4.5,16,!0),n)+Rt(a(7,16),n)+Rt(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&&e.metrics===this.props.metrics)}render(){return f.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 zt="rgba(255, 255, 255, 1)",Bt=class e extends f.Component{constructor(t){super(t),this.wrapperRef=f.createRef(),this.hsvGradientRef=f.createRef(),this.showLicenseWatermark=!1,this.focus=()=>{this.wrapperRef&&this.wrapperRef.current&&this.wrapperRef.current.focus()},this.onHexChange=(e,t,a)=>{if(this.isUncontrolled){const a=Fe(t);this.setState({hsva:a,backgroundColor:$e(a.h),rgba:Ke(t),hex:e})}else St(this.state.guid,t,e);this.dispatchChangeEvent(t,a,a.nativeEvent)},this.onRgbaChange=(e,t)=>{const a=(e=>{const t=Pe(e.r,0,255),a=Pe(e.g,0,255),n=Pe(e.b,0,255),r=Pe(e.a,0,1);return i.Color.fromBytes(t,a,n,r).toCssRgba()})(e);if(this.isUncontrolled){const t=Fe(a),n=De(a,"hex");this.setState({hsva:t,backgroundColor:$e(t.h),rgba:e,hex:n})}else wt(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)},this.showLicenseWatermark=!r.validatePackage(ht,{component:"ColorGradient"}),this.licenseMessage=r.getLicenseMessage(ht);const a=t.value||t.defaultValue||De(zt,"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.gradientWrapper&&(this.resizeObserver=r.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(()=>{this.forceUpdate()}),this.resizeObserver&&this.resizeObserver.observe(this.gradientWrapper)),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 xt[e]})(this.state.guid),this.resizeObserver&&this.resizeObserver.disconnect()}componentDidUpdate(e,t){t.backgroundColor!==this.state.backgroundColor&&this.setAlphaSliderBackground(this.state.backgroundColor)}renderRectangleDragHandle(){const e=n.provideLocalizationService(this),t={};if(!this.state.isFirstRender){const e=this.getGradientRectMetrics(),a=(1-this.state.hsva.v)*e.height,n=this.state.hsva.s*e.width;t.top=`${a}px`,t.left=`${n}px`}return f.createElement("div",{ref:this.hsvGradientRef,role:"slider",tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled),"aria-valuetext":this.props.ariaValueText||`X: ${Math.round(100*this.state.hsva.s)}, Y: ${Math.round(100*(1-this.state.hsva.v))}`,"aria-valuenow":Math.round(100*(1-this.state.hsva.v)),"aria-valuemin":0,"aria-valuemax":100,"aria-label":this.props.ariaLabelHSV||e.toLanguageString(te,ce[te]),"aria-orientation":"undefined",className:"k-hsv-draghandle k-draghandle",style:t,onKeyDown:this.onHsvGradientKeyDown})}moveDragHandle(e,t){const a=this.getGradientRectMetrics(),n=a.width,r=a.height,l=Pe(t,0,r),s=Pe(e,0,n),o=Object.assign({},this.state.hsva,{s:s/n,v:1-l/r});this.handleHsvaChange(o,{},{})}handleHsvaChange(e,t,a){const n=Ae(e),r=De(n,"hex");this.isUncontrolled||Et(this.state.guid,n,e),this.setState({hsva:e,backgroundColor:$e(e.h),rgba:Ke(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){Te(De(e,"hex"))||(e=zt);const a=Lt(t,e)||Fe(e),n=Nt(t,e)||Ke(e),r=It(t,e)||De(e,"hex");return{hsva:a,backgroundColor:$e(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 f.createElement("div",{id:this.props.id,role:this.props.role||"textbox",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:{position:"relative",...this.props.style},ref:this.wrapperRef,tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled),"aria-label":"none"===this.props.role?void 0:this.props.ariaLabel,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,onFocus:this.onFocus,onKeyDown:this.onKeyDown},f.createElement("div",{className:"k-colorgradient-canvas "+(this.props._adaptive?"k-vstack":"k-hstack")},f.createElement("div",{className:"k-hsv-rectangle",style:{background:this.state.backgroundColor}},f.createElement(r.Draggable,{onDrag:this.onDrag,onRelease:this.onRelease,ref:e=>{this.gradientWrapper=e?e.element:void 0}},f.createElement("div",{className:"k-hsv-gradient",style:{touchAction:"none"},onClick:this.onGradientWrapperClick},this.renderRectangleDragHandle())),this.props.backgroundColor&&!this.state.isFirstRender&&f.createElement(Ot,{metrics:this.gradientWrapper?this.getGradientRectMetrics():void 0,hsva:this.state.hsva,backgroundColor:this.props.backgroundColor})),f.createElement("div",{className:"k-hsv-controls "+(this.props._adaptive?"k-vstack":"k-hstack")},f.createElement(Ct,{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(R,ce[R])}),this.props.opacity&&f.createElement(Ct,{value:Te(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(V,ce[V]),onChange:this.onAlphaSliderChange,className:"k-alpha-slider k-colorgradient-slider",disabled:this.props.disabled,ref:e=>{this.alphaSlider=e}}))),f.createElement(Xe,{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,rounded:this.props.rounded}),this.props.backgroundColor&&f.createElement(Mt,{bgColor:Ke(this.props.backgroundColor),rgba:this.state.rgba}),this.showLicenseWatermark&&f.createElement(r.WatermarkOverlay,{message:this.licenseMessage}))}};Bt.displayName="ColorGradient",Bt.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])},Bt.defaultProps={opacity:!0,role:"textbox",format:"rgba",size:void 0};let Tt=Bt;const Pt=r.createPropsContext(),Dt=r.withIdHOC(r.withPropsContext(Pt,Tt));Dt.displayName="KendoReactColorGradient";let Ft=class{constructor(){this.colorRows=[]}setColorMatrix(e,t){if(this.colorRows=[],Te(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(!Te(e))return;const t=e&&i.parseColor(e,!0),a=[e];Te(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(Te(e)&&Te(this.colorRows[e.row]))return this.colorRows[e.row][e.col]}getNextCell(e,t,a){if(!(Te(e)&&Te(e.row)&&Te(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 Kt={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}},At="office",$t={palette:At,columns:10,tileSize:24},Ht=r.createPropsContext(),qt=f.forwardRef((e,a)=>{const n=r.usePropsContext(Ht,e),{palette:l=$t.palette,columns:s=$t.columns,tileSize:o=$t.tileSize,value:i,defaultValue:c,disabled:u=!1,tabIndex:d,onChange:p,onFocus:m,className:v,size:h,id:g,ariaLabelledBy:b,ariaDescribedBy:k,ariaLabel:y}=n,C=t.useRef(null),x=t.useRef({focus:()=>{var e;null==(e=C.current)||e.focus()},wrapperRef:C}),E=null!=s?s:$t.columns,w=t.useMemo(()=>(e=>{if(Array.isArray(e))return e;if("string"==typeof e){const t=Kt[e];if(t)return t.colors}return[]})(l),[l]),S=t.useMemo(()=>{const e=new Ft;return e.setColorMatrix(w,E),e},[w,E]),[I,L]=t.useState(()=>void 0!==i?i:c||""),[N,M]=t.useState(""),R=void 0!==i;t.useEffect(()=>{R&&L(i)},[i,R]);const V=t.useCallback(e=>{if(u||0===w.length)return;const t=I||w[0];M(t),m&&m(e)},[u,w,I,m]),O=t.useCallback(()=>{M("")},[]),z=t.useCallback(e=>{if(u)return;const{key:t}=e,a=()=>N||I||w[0],n=(e,t)=>e<0?t:e>t?0:e;switch(t){case"ArrowRight":e.preventDefault();{const e=a(),t=S.getCellCoordsFor(e);if(t&&S.colorRows[t.row]){const e=S.colorRows[t.row].length-1,a=n(t.col+1,e),r=S.colorRows[t.row][a];r&&M(r)}}break;case"ArrowLeft":e.preventDefault();{const e=a(),t=S.getCellCoordsFor(e);if(t&&S.colorRows[t.row]){const e=S.colorRows[t.row].length-1,a=n(t.col-1,e),r=S.colorRows[t.row][a];r&&M(r)}}break;case"ArrowDown":e.preventDefault();{const e=a(),t=S.getCellCoordsFor(e);if(t){const e=S.colorRows.length-1,a=n(t.row+1,e),r=Math.min(t.col,S.colorRows[a].length-1),l=S.colorRows[a][r];l&&M(l)}}break;case"ArrowUp":e.preventDefault();{const e=a(),t=S.getCellCoordsFor(e);if(t){const e=S.colorRows.length-1,a=n(t.row-1,e),r=Math.min(t.col,S.colorRows[a].length-1),l=S.colorRows[a][r];l&&M(l)}}break;case"Enter":e.preventDefault();{const t=a();if(t&&(R||L(t),p)){const a=De(t,"rgba");r.dispatchEvent(p,e,null,{value:t,rgbaValue:a||""})}}}},[u,N,I,w,S,R,p]),B=t.useCallback((e,t)=>{if(u)return;const a=e;if(R||L(a),p){const e=De(a,"rgba");r.dispatchEvent(p,t,null,{value:a,rgbaValue:e||""})}},[u,p,R]),T=t.useCallback((e,t)=>e.map((e,t)=>{const a=I&&e.toLowerCase()===I.toLowerCase(),n=N&&e.toLowerCase()===N.toLowerCase(),l=r.classNames("k-colorpalette-tile",{"k-selected":a,"k-focus":n}),s={backgroundColor:e};return"number"==typeof o?(s.width=`${o}px`,s.height=`${o}px`):o&&"object"==typeof o&&("width"in o&&(s.width=`${o.width}px`),"height"in o&&(s.height=`${o.height}px`)),f.createElement("td",{key:e,role:"gridcell",className:l,style:s,"aria-label":e,"aria-selected":a?"true":void 0,onClick:t=>B(e,t)})}),[I,N,o,B]),P=t.useCallback(()=>S.colorRows.map((e,t)=>f.createElement("tr",{key:e[0]||t,role:"row"},T(e,t))),[S,T]),D=t.useCallback(()=>({focus:()=>{var e;null==(e=C.current)||e.focus()},wrapperRef:C}),[]);t.useImperativeHandle(x,D),t.useImperativeHandle(a,D);const F=r.classNames("k-colorpalette",v,{"k-disabled":u,"k-colorpalette-sm":"small"===h,"k-colorpalette-md":"medium"===h,"k-colorpalette-lg":"large"===h});return f.createElement("div",{ref:C,role:"grid",className:F,tabIndex:r.getTabIndex(d,u),id:g,"aria-label":y,"aria-labelledby":b,"aria-describedby":k,"aria-disabled":u?"true":void 0,onFocus:V,onBlur:O,onKeyDown:z},f.createElement("table",{className:"k-colorpalette-table",role:"none"},f.createElement("tbody",null,P())))});qt.displayName="ColorPalette",qt.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"])};const Gt=r.withIdHOC(qt);Gt.displayName="KendoReactColorPalette";const _t=qt,Wt=e=>{const t=e.popupSettings||{},a="rtl"===e.dir?"right":"left",n=f.useMemo(()=>({horizontal:a,vertical:"bottom"}),[a]),l=f.useMemo(()=>({horizontal:a,vertical:"top"}),[a]);return f.createElement(f.Fragment,null,e.input,e.button,!e._mobileMode&&f.createElement(c.Popup,{style:{...(t||{}).style,direction:e.dir},...t,anchor:e.popupAnchor,anchorAlign:n,popupAlign:l,show:e.open,onOpen:e.onOpen,onClose:e.onClose,className:r.classNames(t.className),popupClass:"k-colorpicker-popup"},e.content),e._mobileMode&&e._actionSheet)};Wt.displayName="KendoPickerComponent";const jt=f.forwardRef((e,t)=>{const a=!r.validatePackage(ht,{component:"FlatColorPicker"}),s=r.getLicenseMessage(ht),i=f.useRef(null),c=f.useRef(null),u=f.useRef(null),{defaultValue:d,showButtons:p=!0,showPreview:m=!0,showClearButton:v=!0,view:h=(e.views?void 0:"ColorGradient"),views:g=(h?void 0:["gradient","palette"]),activeView:b="gradient",size:k,rounded:y}=e,[C,x]=f.useState("ColorGradient"===(h||"ColorGradient")),[E,w]=f.useState("gradient"===(null!=g?g:[])[0]&&"gradient"===b),[S,I]=f.useState(e.value||d||void 0),[L,N]=f.useState(e.value||d||void 0),M=void 0!==e.value?e.value:void 0;f.useEffect(()=>{I(e.value)},[e.value]);const R=n.useLocalization(),V=f.useCallback(()=>{i.current&&i.current.focus()},[i]);f.useImperativeHandle(i,()=>({element:c.current,focus:V,props:e,value:M}),[M,V,e]),f.useImperativeHandle(t,()=>i.current);const O=f.useCallback(e=>{("ColorGradient"===e&&!C||"ColorPalette"===e&&C)&&x(!C)},[C]),F=f.useCallback(e=>{"gradient"===e&&!E||"palette"===e&&E||"palette"===e&&"gradient"===b?w(!E):"gradient"===e&&"palette"===b&&w(!0)},[b,E]),K=f.useCallback(t=>{var a;const n=d||void 0;if(I(n),N(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)}},[d,e.onPreviewChange]),A=f.useCallback(t=>{var a;if(I(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]),$=f.useCallback(t=>{if(void 0!==S&&N(S),e.onChange){const a={value:S,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onChange.call(void 0,a)}},[S,e.onChange]),H=f.useCallback(()=>{I(L),e.setOpen&&e.setOpen(!1)},[L]),q=f.useCallback(t=>{if(I(L),e.onPreviewChange){const a={value:L,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onPreviewChange.call(void 0,a)}},[L,e.onPreviewChange]),G=f.useCallback(t=>{var a,n;if((!t.relatedTarget||null==(a=c.current)||!a.contains(t.relatedTarget))&&(null==(n=e.gradientSettings)||!n._adaptive)&&(!p&&void 0!==S&&N(S),!p&&e.onChange)){const a={value:S,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onChange.call(void 0,a)}},[S,p,e.onChange]),_=f.useMemo(()=>new r.Navigation({root:c,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))}}}}),[]),W=f.useCallback(_.triggerKeyboardEvent.bind(_),[]);return f.createElement("div",{id:e.id,role:"textbox","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-disabled":e.disabled?"true":void 0,style:{position:"relative",...e.style},ref:c,tabIndex:r.getTabIndex(e.tabIndex,e.disabled),className:r.classNames("k-flatcolorpicker k-coloreditor",{[`k-coloreditor-${r.kendoThemeMaps.sizeMap[k]||k}`]:k,"k-disabled":e.disabled},e.className),onBlur:G,onKeyDown:W},e.header||f.createElement("div",{className:"k-coloreditor-header k-hstack"},f.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},g&&"gradient"===g[0]&&"palette"===g[1]&&f.createElement(o.ButtonGroup,{className:"k-button-group-flat"},f.createElement(o.Button,{type:"button","aria-label":R.toLanguageString(T,ce[T]),size:k,fillMode:"flat",svgIcon:l.dropletSliderIcon,className:E?"k-selected":void 0,onClick:()=>F("gradient")}),f.createElement(o.Button,{type:"button","aria-label":R.toLanguageString(P,ce[P]),size:k,fillMode:"flat",svgIcon:l.paletteIcon,className:E?void 0:"k-selected",onClick:()=>F("palette")})),g&&"palette"===g[0]&&"gradient"===g[1]&&f.createElement(o.ButtonGroup,{className:"k-button-group-flat"},f.createElement(o.Button,{type:"button","aria-label":R.toLanguageString(P,ce[P]),fillMode:"flat",size:k,svgIcon:l.paletteIcon,className:E?void 0:"k-selected",onClick:()=>F("palette")}),f.createElement(o.Button,{type:"button","aria-label":R.toLanguageString(T,ce[T]),fillMode:"flat",size:k,svgIcon:l.dropletSliderIcon,className:E?"k-selected":void 0,onClick:()=>F("gradient")})),h&&f.createElement(o.ButtonGroup,{className:"k-button-group-flat"},f.createElement(o.Button,{type:"button","aria-label":R.toLanguageString(T,ce[T]),fillMode:"flat",size:k,className:C?"k-selected":void 0,onClick:()=>O("ColorGradient"),icon:"droplet-slider",svgIcon:l.dropletSliderIcon}),f.createElement(o.Button,{type:"button","aria-label":R.toLanguageString(P,ce[P]),fillMode:"flat",size:k,className:C?void 0:"k-selected",onClick:()=>O("ColorPalette"),icon:"palette",svgIcon:l.paletteIcon}))),f.createElement("div",{className:"k-spacer"}),f.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},v&&f.createElement(o.Button,{type:"button",fillMode:"flat",size:k,onClick:K,"aria-label":R.toLanguageString(D,ce[D]),icon:"droplet-slash",svgIcon:l.dropletSlashIcon}),m&&f.createElement("div",{className:"k-coloreditor-preview k-vstack"},f.createElement("span",{className:r.classNames("k-coloreditor-preview-color","k-color-preview",{"k-no-color":void 0===M})},f.createElement("span",{className:"k-color-preview-mask",style:{background:S||void 0}})),f.createElement("span",{className:r.classNames("k-coloreditor-current-color","k-color-preview",{"k-no-color":void 0===L}),onClick:q},f.createElement("span",{className:"k-color-preview-mask",style:{background:L||void 0}})))),a&&f.createElement(r.WatermarkOverlay,{message:s})),f.createElement("div",{className:"k-coloreditor-views k-vstack"},(h&&C||g&&E)&&f.createElement(Dt,{ref:u,role:"none",ariaLabel:void 0,value:S,onChange:A,opacity:e.opacity,format:e.format,size:k,rounded:y,_adaptive:e.gradientSettings?e.gradientSettings._adaptive:void 0,...e.gradientSettings}),(h&&!C||g&&!E)&&f.createElement(Gt,{value:S,onChange:A,size:k,ariaLabel:R.toLanguageString(re,ce[re]),...e.paletteSettings})),p&&f.createElement("div",{className:"k-coloreditor-footer k-actions k-actions-start k-actions-horizontal"},f.createElement(o.Button,{type:"button",themeColor:"primary",className:"k-coloreditor-apply",onClick:$},R.toLanguageString(B,ce[B])),f.createElement(o.Button,{type:"button",className:"k-coloreditor-cancel",onClick:H},R.toLanguageString(z,ce[z]))))}),Ut={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(["small","medium","large"])};jt.displayName="KendoFlatColorPicker",jt.propTypes=Ut;const Xt=e=>{const{windowWidth:t=0,children:a,navigatable:n,navigatableElements:s,expand:i,animation:c,title:d,subTitle:p,footer:m,onClose:v}=e,h=r.useAdaptiveModeContext(),g={navigatable:n||!1,navigatableElements:s||[],expand:i,animation:c,suffixActions:f.createElement(o.Button,{tabIndex:0,"aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",size:"large",themeColor:"primary",svgIcon:l.checkIcon,onClick:v}),onClose:v,animationStyles:h&&t<=h.small?{top:0,width:"100%",height:"100%"}:void 0,title:d,subTitle:p,className:"k-adaptive-actionsheet",position:h&&t<=h.small?"fullscreen":void 0};return f.createElement(u.ActionSheet,{...g},a,m&&f.createElement(u.ActionSheetFooter,{className:"k-actions k-actions-stretched"},f.createElement(o.Button,{size:"large",className:"k-coloreditor-cancel","aria-label":m.cancelText,onClick:m.onCancel},m.cancelText),f.createElement(o.Button,{themeColor:"primary",size:"large",className:"k-coloreditor-apply","aria-label":m.applyText,onClick:m.onApply},m.applyText)))},Yt={palette:At,tileSize:24},Zt=e=>void 0!==e,Jt=r.createPropsContext(),Qt=f.forwardRef((e,t)=>{var a,s;const i=!r.validatePackage(ht,{component:"ColorPicker"}),c=r.getLicenseMessage(ht),d=r.usePropsContext(Jt,e),p=n.useLocalization(),m=r.useAdaptiveModeContext(),{size:v=ea.size,rounded:h=ea.rounded,fillMode:g=ea.fillMode,gradientSettings:b=ea.gradientSettings,paletteSettings:k=ea.paletteSettings,flatColorPickerSettings:y,view:C=(d.views?void 0:ea.view),views:x=(C?void 0:ea.views),activeView:E,popupSettings:w,valid:S,disabled:I,tabIndex:L,icon:N,svgIcon:M,iconClassName:R,onChange:V,onFocus:O,onBlur:T,onActiveColorClick:P,className:D,adaptive:K,adaptiveTitle:A=p.toLanguageString(F,ce[F]),adaptiveSubtitle:$,showButtons:H=!0}=d,G=f.useRef(null),_=f.useRef(null),W=f.useRef(null),j=f.useRef(null),U=f.useRef(void 0),X=f.useRef(null),[Y,Z]=f.useState(!1),[J,Q]=f.useState(d.defaultValue||void 0),[ee,te]=f.useState(!1),[ae,re]=f.useState(),le=Zt(d.value),se=Zt(d.open),oe=le?d.value:J,ie=se?d.open:ee,ue=f.useRef(oe),de=f.useCallback(()=>{G.current&&G.current.focus()},[]);f.useImperativeHandle(t,()=>({element:G.current,actionElement:X.current,value:oe,focus:de}),[oe,de]);const pe=f.useRef(null);f.useImperativeHandle(pe,()=>({element:G.current,actionElement:X.current,value:oe,focus:de}),[oe,de]),r.useWebMcpRegister("colorpicker",pe,d,d.webMcp);const me=!!(ae&&m&&ae<=m.medium&&K);f.useEffect(()=>{const e=r.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(Me.bind(void 0));return null!=document&&document.body&&e&&e.observe(document.body),()=>{null!=document&&document.body&&e&&e.disconnect()}},[]);const fe=f.useCallback((e,t)=>{se||(!e&&!t&&G&&G.current&&G.current.focus(),te(e))},[se]),ve=f.useMemo(()=>new r.Navigation({root:G,selectors:[".k-colorpicker",".k-color-picker-popup"],tabIndex:0,keyboardEvents:{keydown:{Escape:(e,t,a)=>{fe(!1)},Enter:(e,t,a)=>{!se&&e===G.current&&(a.preventDefault(),a.stopPropagation(),fe(!0))},ArrowDown:(e,t,a)=>{a.altKey&&(a.preventDefault(),a.stopPropagation(),fe(!0))},ArrowUp:(e,t,a)=>{a.altKey&&(a.preventDefault(),a.stopPropagation(),fe(!1))},Tab:(e,t,a)=>{var n,l,s;if(r.getActiveElement(document)!==G.current){const e=null==(n=W.current)?void 0:n.wrapperRef.current,t=null==(l=_.current)?void 0:l.wrapperRef.current,o=null==(s=j.current)?void 0:s.element;"palette"===C&&e?r.keepFocusInContainer(a,e):"gradient"===C&&t?r.keepFocusInContainer(a,t):"combo"===C&&t?r.keepFocusInContainer(a,t.parentElement):x&&o&&r.keepFocusInContainer(a,o)}}}}}),[fe,se]),he=f.useCallback(ve.triggerKeyboardEvent.bind(ve),[]),ge=f.useCallback(()=>{se||(_.current&&_.current.wrapperRef.current?r.focusFirstFocusableChild(_.current.wrapperRef.current):W.current?W.current.focus():j.current&&j.current.element&&r.focusFirstFocusableChild(j.current.element))},[se]),be=e=>ue.current=e,ke=f.useCallback(e=>{const t={value:ue.current,nativeEvent:e.nativeEvent,syntheticEvent:e};Se(t),fe(!ie,!0)},[ie]),ye=f.useCallback(()=>{fe(!1,!0)},[fe]),Ce=f.useCallback(e=>{P&&P.call(void 0,{syntheticEvent:e,nativeEvent:e.nativeEvent,value:oe,target:{element:G.current,value:oe}})},[P,oe]),xe=f.useCallback(e=>{U.current?(clearTimeout(U.current),U.current=void 0):(Z(!0),me&&!ie&&fe(!0)),O&&O.call(void 0,{nativeEvent:e.nativeEvent,syntheticEvent:e})},[me,O,ie,fe]),Ee=f.useCallback(()=>{fe(!1,!0),Z(!1),U.current=void 0},[]),we=f.useCallback(e=>{clearTimeout(U.current),U.current=window.setTimeout(Ee),T&&T.call(void 0,{nativeEvent:e.nativeEvent,syntheticEvent:e})},[T]),Se=f.useCallback((e,t)=>{var a;const n=t?e.rgbaValue||"":null!=(a=e.value)?a:"";le||Q(n),V&&V.call(void 0,{value:n,nativeEvent:e.nativeEvent,syntheticEvent:e.syntheticEvent,target:{element:G.current,value:n}}),fe(!1)},[le,V]),Ie=f.useCallback(e=>Se(e,!0),[Zt,Se]),Le=f.useCallback(e=>f.createElement(f.Fragment,null,("combo"===C||"gradient"===C)&&f.createElement(Dt,{...b,_adaptive:e,ref:_,isInsidePopup:!0,role:"none",ariaLabel:void 0,size:e?"large":v,value:oe,onChange:Se}),("combo"===C||"palette"===C)&&f.createElement(Gt,{...k,ref:W,size:e?"large":v,value:oe,onChange:Ie}),x&&"gradient"===x[0]&&"palette"===x[1]&&f.createElement(jt,{ariaLabel:p.toLanguageString(ne,ce[ne]),...y,paletteSettings:k,gradientSettings:{_adaptive:e,...b},ref:j,size:e?"large":v,rounded:h,views:["gradient","palette"],activeView:E,setOpen:fe,showButtons:!e&&H,value:oe,onChange:Se,setAdaptiveModeValue:be}),x&&"palette"===x[0]&&"gradient"===x[1]&&f.createElement(jt,{ariaLabel:p.toLanguageString(ne,ce[ne]),...y,paletteSettings:k,gradientSettings:{_adaptive:e,...b},ref:j,size:e?"large":v,rounded:h,views:["palette","gradient"],setOpen:fe,showButtons:!e&&H,value:oe,onChange:Se,setAdaptiveModeValue:be}),x&&x.includes("gradient")&&!x.includes("palette")&&f.createElement(jt,{ariaLabel:p.toLanguageString(ne,ce[ne]),...y,gradientSettings:{_adaptive:e,...b},ref:j,size:e?"large":v,rounded:h,views:["gradient"],showButtons:!e&&H,setOpen:fe,value:oe,onChange:Se,setAdaptiveModeValue:be}),x&&x.includes("palette")&&!x.includes("gradient")&&f.createElement(jt,{ariaLabel:p.toLanguageString(ne,ce[ne]),...y,paletteSettings:k,gradientSettings:{_adaptive:e,...b},ref:j,size:e?"large":v,rounded:h,views:["palette"],showButtons:!e&&H,setOpen:fe,value:oe,onChange:Se,setAdaptiveModeValue:be}),i&&f.createElement(r.WatermarkOverlay,{message:c})),[E,g,y,b,Se,Ie,k,fe,v,oe,C,x]),Ne=f.useCallback(()=>{var e;const t={animation:!(null!=(e=null==w?void 0:w.animate)&&!e),title:A,subTitle:$,expand:ie,onClose:ye,windowWidth:ae,footer:H?{cancelText:p.toLanguageString(z,ce[z]),onCancel:ye,applyText:p.toLanguageString(B,ce[B]),onApply:ke}:void 0};return f.createElement(Xt,{...t},f.createElement(u.ActionSheetContent,null,Le(!0)))},[null==w?void 0:w.animate,A,$,ie,ye,ae,H,p,ke,Le]),Me=f.useCallback(e=>{for(const t of e)re(t.target.clientWidth)},[]),Re=r.useDir(G,d.dir),Ve=!1!==S;return f.createElement("span",{id:d.id,role:"combobox","aria-label":d.ariaLabel,"aria-labelledby":d.ariaLabelledBy,"aria-describedby":d.ariaDescribedBy,"aria-haspopup":"dialog","aria-expanded":ie,"aria-controls":ie?`k-colorpicker-popup-${null!=(a=d.id)?a:0}`:void 0,"aria-disabled":I?"true":void 0,className:r.classNames("k-colorpicker","k-picker","k-icon-picker",{[`k-picker-${r.kendoThemeMaps.sizeMap[v]||v}`]:v,[`k-picker-${g}`]:g,[`k-rounded-${r.kendoThemeMaps.roundedMap[h]||h}`]:h,"k-invalid":!Ve,"k-disabled":I,"k-focus":Y,className:D}),ref:G,tabIndex:r.getTabIndex(L,I),title:d.title,onKeyDown:he,onFocus:xe,onBlur:we,dir:Re},f.createElement(Wt,{dir:Re,open:ie,onOpen:ge,popupAnchor:G.current||void 0,popupSettings:{id:`k-colorpicker-popup-${null!=(s=d.id)?s:0}`,...w},input:f.createElement("span",{onClick:Ce,className:"k-input-inner"},f.createElement("span",{className:r.classNames("k-value-icon","k-color-preview",{"k-no-color":!oe,"k-icon-color-preview":N||M||R})},R&&f.createElement("span",{className:r.classNames("k-color-preview-icon",R)}),!R&&(N||M)&&f.createElement(r.IconWrap,{name:N,icon:M}),f.createElement("span",{className:"k-color-preview-mask",style:{backgroundColor:oe}}))),button:f.createElement(o.Button,{tabIndex:-1,type:"button",onClick:()=>fe(!ie),className:"k-input-button",disabled:I,icon:"chevron-down",svgIcon:l.chevronDownIcon,size:v,"aria-label":p.toLanguageString(q,ce[q])}),content:Le(!1),_mobileMode:me,_actionSheet:Ne()}))});Qt.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(["small","medium","large"]),rounded:a.oneOf(["small","medium","large","full","none"]),fillMode:a.oneOf(["solid","flat","outline"]),className:a.string,adaptive:a.bool,adaptiveTitle:a.string,adaptiveSubtitle:a.string};const ea={size:void 0,rounded:void 0,fillMode:void 0,view:"palette",views:["gradient","palette"],gradientSettings:{opacity:!0},paletteSettings:Yt};Qt.displayName="KendoColorPicker";const ta=f.forwardRef((e,t)=>{const a=f.useContext(aa).call(void 0,e),[,n]=f.useReducer(e=>e,!0),l=r.applyDefaultProps(a,na),{className:o,label:i,labelClassName:c,id:u,validationMessage:d,defaultValue:p,valid:m,unstyled:v,visited:h,touched:g,modified:b,autoFocus:k,ariaLabelledBy:y,ariaDescribedBy:C,validityStyles:x,style:E,ariaLabel:w,...S}=l,I=r.useUnstyled(),L=v||I,N=r.useId(),[M,R]=f.useState({value:p}),V=u||N,O=f.useRef(null),z=f.useRef(void 0),B=f.useRef(null),T=l.name||l.id,P=()=>{O.current&&O.current.focus()},D=()=>void 0!==z.current?z.current:void 0!==l.value?l.value:M.value,F=()=>{const e={badInput:!!O.current&&O.current.validity.badInput,patternMismatch:!!O.current&&O.current.validity.patternMismatch,rangeOverflow:!!O.current&&O.current.validity.rangeOverflow,rangeUnderflow:!!O.current&&O.current.validity.rangeUnderflow,stepMismatch:!!O.current&&O.current.validity.stepMismatch,tooLong:!!O.current&&O.current.validity.tooLong,typeMismatch:!!O.current&&O.current.validity.typeMismatch,valueMissing:!!O.current&&O.current.validity.valueMissing};return{...e,customError:void 0!==d,valid:void 0!==m?m:!O.current||!K(e)}};f.useImperativeHandle(B,()=>({element:O.current,props:l,get value(){return D()},name:l.name,get validity(){return F()},focus:P})),f.useImperativeHandle(t,()=>B.current);const K=e=>{let t=!1;for(const a in e)e.hasOwnProperty(a)&&(t=t||!!e[a]);return t},A=!x||F().valid,$=r.classNames("k-input",{"k-invalid":!A,"k-disabled":l.disabled},o),{onChange:H}=l,q=f.useCallback(e=>{R({value:e.target.value}),z.current=e.target.value,H&&H({syntheticEvent:e,nativeEvent:e.nativeEvent,value:e.target.value,target:B.current}),z.current=void 0},[H]),G=f.useCallback(e=>{const t=null!=e?String(e):"",a={target:O.current,currentTarget:O.current,nativeEvent:new Event("change")};O.current&&(O.current.value=t),q(a)},[q]);r.useKendoPaste(O,{fieldName:T||"",onValueChange:G,enabled:!!T});f.useEffect(()=>{n()},[]),f.useEffect(()=>{O.current&&O.current.setCustomValidity&&(F().valid||!x?O.current.classList.remove("k-invalid"):O.current.classList.add("k-invalid"),O.current.setCustomValidity(F().valid?"":d||""))});const _=f.createElement("input",{"aria-labelledby":y,"aria-describedby":C,"aria-disabled":l.disabled||void 0,"aria-invalid":!A||void 0,"aria-label":w||void 0,...S,style:i?void 0:E,value:D(),id:V,autoFocus:k,className:$,onChange:q,onAnimationStart:e=>{if("autoFillStart"===e.animationName){const t=e.target.parentNode;t&&t.classList.contains("k-empty")&&t.classList.remove("k-empty")}},ref:O});return i?f.createElement(s.FloatingLabel,{label:i,labelClassName:c,editorId:V,editorValue:String(D()),editorValid:A,editorDisabled:l.disabled,editorPlaceholder:l.placeholder,children:_,style:E,dir:l.dir,unstyled:L}):_}),aa=r.createPropsContext(),na={defaultValue:"",required:!1,validityStyles:!0,autoFocus:!1};ta.displayName="KendoReactInput",ta.propTypes={label:a.node,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 ra=(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))(ra||{});const la=(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},sa=r.createPropsContext(),oa=f.forwardRef((e,t)=>{const a=!r.validatePackage(ht,{component:"RangeSlider"}),l=r.getLicenseMessage(ht),s=r.usePropsContext(sa,e),o={step:ca.step,largeStep:ca.largeStep,defaultValue:ca.defaultValue,vertical:ca.vertical,disabled:ca.disabled,...s},i=f.useRef(null),c=f.useRef(null),u=f.useRef(null),d=f.useRef(null),p=f.useRef(null),m=f.useCallback(()=>{d.current&&d.current.focus()},[d]);f.useImperativeHandle(i,()=>({element:c.current,focus:m,props:o})),f.useImperativeHandle(t,()=>i.current),r.useWebMcpRegister("rangeslider",i,o,o.webMcp);const v=f.useMemo(()=>o.min,[o.min]),h=f.useMemo(()=>o.max,[o.max]),g=f.useMemo(()=>void 0!==o.step?o.step:ca.step,[o.step,ca.step]),b=f.useMemo(()=>void 0!==o.largeStep?o.largeStep:ca.largeStep,[o.largeStep,ca.largeStep]),y=r.useDir(c,o.dir),[C,x]=f.useState(""),[E,w]=((e,t,a)=>{const[n,r]=f.useState(e),l=f.useCallback(e=>{const l=la(t.state||n,{...e,...t});a&&a(l,e.event),r(l)},[t,a]);return[n,l]})(o.defaultValue||ca.defaultValue,{min:v,max:h,step:g,largeStep:b,state:o.value},(e,t)=>{o.onChange&&i.current&&o.onChange.call(void 0,{value:e,target:i.current,syntheticEvent:t})}),S=f.useMemo(()=>o.value||E,[o.value,E]),I=f.useRef(null),L=f.useRef(null),N=f.useMemo(()=>(S.start-v)/(h-v)*100,[S.start,v,h]),M=f.useMemo(()=>(S.end-v)/(h-v)*100,[S.end,v,h]),R=f.useMemo(()=>o.vertical?{paddingTop:0,height:"100%"}:{},[o.vertical]),V=f.useMemo(()=>o.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},[o.vertical]),O=n.useLocalization(),z=f.useCallback(e=>{if(!L.current)return;const t=L.current.getBoundingClientRect(),a=o.vertical?t.bottom-e.clientY:"rtl"===y?t.right-e.clientX:e.clientX-t.left,n=o.vertical?t.height:t.width;return v+a/n*(h-v)},[L,o.vertical,y,v,h,E.start,E.end,o.value&&o.value.start,o.value&&o.value.end]),B=f.useCallback(e=>e<=S.start?"start":e>=S.end?"end":2*e<S.end+S.start?"start":"end",[E.start,E.end,o.value&&o.value.start,o.value&&o.value.end]),T=f.useCallback(e=>{if(!o.disabled)switch(e.keyCode){case r.Keys.right:e.preventDefault(),w({type:"rtl"===y?ra.decrease:ra.increase,key:"start",event:e});break;case r.Keys.up:e.preventDefault(),w({type:ra.increase,key:"start",event:e});break;case r.Keys.left:e.preventDefault(),w({type:"rtl"===y?ra.increase:ra.decrease,key:"start",event:e});break;case r.Keys.down:e.preventDefault(),w({type:ra.decrease,key:"start",event:e});break;case r.Keys.home:e.preventDefault(),w({type:ra.min,key:"start",event:e});break;case r.Keys.end:e.preventDefault(),w({type:ra.max,key:"start",event:e});break;case r.Keys.pageDown:e.preventDefault(),w({type:"rtl"===y?ra.increaseLarge:ra.decreaseLarge,key:"start",event:e});break;case r.Keys.pageUp:e.preventDefault(),w({type:"rtl"===y?ra.decreaseLarge:ra.increaseLarge,key:"start",event:e})}},[w,o.disabled]),P=f.useCallback(e=>{if(!o.disabled)switch(e.keyCode){case r.Keys.right:e.preventDefault(),w({type:"rtl"===y?ra.decrease:ra.increase,key:"end",event:e});break;case r.Keys.up:e.preventDefault(),w({type:ra.increase,key:"end",event:e});break;case r.Keys.left:e.preventDefault(),w({type:"rtl"===y?ra.increase:ra.decrease,key:"end",event:e});break;case r.Keys.down:e.preventDefault(),w({type:ra.decrease,key:"end",event:e});break;case r.Keys.home:e.preventDefault(),w({type:ra.min,key:"end",event:e});break;case r.Keys.end:e.preventDefault(),w({type:ra.max,key:"end",event:e});break;case r.Keys.pageDown:e.preventDefault(),w({type:"rtl"===y?ra.increaseLarge:ra.decreaseLarge,key:"end",event:e});break;case r.Keys.pageUp:e.preventDefault(),w({type:"rtl"===y?ra.decreaseLarge:ra.increaseLarge,key:"end",event:e})}},[w,y,o.disabled]),D=f.useCallback(e=>{const t=z(e),a=B(t);x(a),"end"===a?p.current.focus():d.current.focus();const n="end"===a?ra.end:ra.start;w({type:n,payload:t,event:e})},[o.vertical,v,h,w]);return r.useDraggable(L,{onPress:D,onDrag:e=>{const t=z(e),a="end"===C?ra.end:ra.start;w({type:a,payload:t,event:e})},onRelease:e=>{const t=z(e),a="end"===C?ra.end:ra.start;w({type:a,payload:t,event:e}),x("")}},{autoScroll:!1}),f.createElement(f.Fragment,null,f.createElement("div",{id:o.id,style:o.style,ref:c,dir:y,"aria-label":o.ariaLabel,className:r.classNames("k-slider",{"k-rtl":"rtl"===y,"k-disabled":o.disabled,"k-slider-vertical":o.vertical,"k-slider-horizontal":!o.vertical},o.className)},f.createElement("div",{ref:L,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...V}},o.children&&f.createElement("ul",{className:"k-reset k-slider-items","aria-hidden":"true",style:{...R}},f.Children.map(o.children,(e,t)=>e&&f.cloneElement(e,{position:100*(e.props.position-o.min)/(o.max-o.min),vertical:o.vertical,firstTick:0===t,lastTick:t===f.Children.count(o.children)-1},e.props.children))),f.createElement("div",{ref:I,className:"k-slider-track",style:o.vertical?{bottom:0,height:"100%"}:{["rtl"===y?"right":"left"]:0,width:"100%"}},null!==N&&null!==M&&f.createElement("div",{"data-selection":!0,ref:u,title:`${S.start} - ${S.end}`,className:"k-slider-selection",style:o.vertical?{height:M-N+"%",bottom:N+"%"}:{["rtl"===y?"right":"left"]:N+"%",width:M-N+"%"}}),f.createElement("span",{ref:d,role:"slider",tabIndex:r.getTabIndex(o.startTabIndex,o.disabled,void 0),"aria-valuemin":v,"aria-valuemax":Math.max(h,S.end),"aria-valuenow":S.start,"aria-disabled":o.disabled?"true":void 0,"aria-orientation":o.vertical?"vertical":void 0,"aria-label":o.ariaLabel?`${o.ariaLabel} start`:"Range start",className:"k-draghandle k-draghandle-start",title:O.toLanguageString(k,ce[k]),style:o.vertical?{bottom:"calc("+N+"%)",zIndex:1}:"rtl"===y?{right:"calc("+N+"% - 13px)",zIndex:1}:{left:"calc("+N+"%)",zIndex:1},onKeyDown:T}),f.createElement("span",{ref:p,role:"slider",tabIndex:r.getTabIndex(o.endTabIndex,o.disabled,void 0),"aria-valuemin":Math.min(v,S.start),"aria-valuemax":h,"aria-valuenow":S.end,"aria-disabled":o.disabled?"true":void 0,"aria-orientation":o.vertical?"vertical":void 0,"aria-label":o.ariaLabel?`${o.ariaLabel} end`:"Range end",className:"k-draghandle k-draghandle-end",title:O.toLanguageString(k,ce[k]),style:o.vertical?{bottom:"calc("+M+"%)",zIndex:1}:"rtl"===y?{right:"calc("+M+"% - 13px)",zIndex:1}:{left:"calc("+M+"%)",zIndex:1},onKeyDown:P})))),a&&f.createElement(r.WatermarkOverlay,{message:l}))}),ia={value:(e,t,a)=>{if(e.value){const n=e.value.start,r=e.value.end,l=e.min,s=e.max;if(n>r||n>s||n<l||r>s||r<l||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,l=e.min,s=e.max;if(n>r||n>s||n<l||r>s||r<l||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,l=e.max;return void 0===r?new Error(`Invalid prop + ${t} supplied to ${a}.\n                ${t} value can not be undefined.\n                `):n&&r>=l?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,l=e.max;return void 0===l?new Error(`Invalid prop + ${t} supplied to ${a}.\n                ${t} value can not be undefined.\n                `):n&&l<=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"])},ca={step:1,largeStep:10,defaultValue:{start:0,end:0},vertical:!1,disabled:!1};oa.displayName="KendoReactRangeSlider",oa.propTypes=ia;const ua={disabled:!1,defaultChecked:!1,size:void 0,trackRounded:void 0,thumbRounded:void 0,offLabel:"OFF",onBlur:r.noop,onFocus:r.noop,onLabel:"ON",readOnly:!1,validityStyles:!0},da=f.forwardRef((e,a)=>{var l;const{disabled:s=ua.disabled,defaultChecked:o=ua.defaultChecked,size:i=ua.size,trackRounded:c=ua.trackRounded,thumbRounded:u=ua.thumbRounded,offLabel:d=ua.offLabel,onBlur:p=ua.onBlur,onFocus:m=ua.onFocus,onLabel:v=ua.onLabel,readOnly:h=ua.readOnly}=e,[g,b]=t.useState(o||!1),[k,y]=t.useState(!1),C=t.useRef(null),x=t.useRef(null),E=t.useRef(null),w=t.useRef(void 0),S=t.useRef(!1),I=t.useRef(void 0),L=t.useMemo(()=>new n.LocalizationService,[]),N=t.useMemo(()=>void 0!==w.current?w.current:void 0!==e.checked?e.checked:g,[e.checked,g]),M=t.useMemo(()=>{var t,a;const n=void 0!==e.validationMessage,r=null!=(t=e.valid)?t:!e.required||!!N;return{customError:n,valid:null!=(a=e.valid)?a:r,valueMissing:null===N}},[e.valid,e.validationMessage,e.required,N]),R=null!=(l=e.validityStyles)?l:ua.validityStyles;t.useEffect(()=>{var t;null!=(t=E.current)&&t.setCustomValidity&&E.current.setCustomValidity(M.valid?"":e.validationMessage||L.toLanguageString(H,ce[H]))},[M,e.validationMessage,L]),t.useEffect(()=>{C.current&&(I.current=e.dir||getComputedStyle(C.current).direction||void 0)},[e.dir]);const V=t.useCallback(()=>({props:e,get element(){return C.current},get actionElement(){return x.current},focus:()=>{var e;null==(e=x.current)||e.focus()},get value(){return N},get name(){return e.name},get validity(){return M}}),[e,N,M]),O=t.useCallback((t,a)=>{b(t),w.current=t,r.dispatchEvent(e.onChange,a,{...V(),value:t},{value:t}),w.current=void 0},[e.onChange,V]);t.useEffect(()=>{const t=e.name||e.id,a=r.subscribeToKendoPaste(x.current,{fieldName:t,onValueChange:e=>{if(e!==N){const t={target:x.current,currentTarget:x.current,nativeEvent:new Event("change",{bubbles:!0})};O(e,t)}}});return()=>{null==a||a.unsubscribe()}},[e.name,e.id,N,O]);const z=t.useCallback(e=>{if(e.target===E.current){if(S.current)return void(S.current=!1)}else S.current=!0;O(!N,e)},[N,O]),B=t.useCallback(e=>{if(s)return;const{keyCode:t}=e;(t===r.Keys.space||t===r.Keys.enter)&&(O(!N,e),e.preventDefault())},[s,N,O]),T=t.useCallback(e=>{s||(y(!0),m&&m(e))},[s,m]),P=t.useCallback(e=>{s||(y(!1),p&&p(e))},[s,p]);t.useImperativeHandle(a,V,[V]);const D=t.useRef(null);t.useImperativeHandle(D,V,[V]),r.useWebMcpRegister("switch",D,e,e.webMcp);const F=I.current||e.dir||C.current&&getComputedStyle(C.current).direction||void 0,K=!R||M.valid,A=r.classNames("k-switch",{[`k-switch-${r.kendoThemeMaps.sizeMap[i]||i}`]:i,"k-switch-on":N,"k-switch-off":!N,"k-focus":k,"k-disabled":s,"k-readonly":h,"k-invalid":!K},e.className),$=f.createElement("input",{type:"checkbox",checked:e.checked,ref:E,tabIndex:-1,value:N,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:r.noop,name:e.name||void 0});return f.createElement("span",{ref:x,role:"switch","aria-checked":N,"aria-disabled":s||void 0,"aria-readonly":h?"true":void 0,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-label":e.ariaLabel,"aria-required":e.required,className:A,dir:F,onKeyDown:B,onClick:z,onBlur:P,onFocus:T,tabIndex:r.getTabIndex(e.tabIndex,s,void 0),accessKey:e.accessKey,id:e.id},f.createElement("span",{className:r.classNames("k-switch-track",{[`k-rounded-${r.kendoThemeMaps.roundedMap[c]||c}`]:c}),ref:C},$,v?f.createElement("span",{className:"k-switch-label-on"},v):"",d?f.createElement("span",{className:"k-switch-label-off"},d):""),f.createElement("span",{className:"k-switch-thumb-wrap"},f.createElement("span",{className:r.classNames("k-switch-thumb",{[`k-rounded-${r.kendoThemeMaps.roundedMap[u]||u}`]:u})})))});da.displayName="Switch";const pa=r.createPropsContext(),ma=r.withIdHOC(r.withPropsContext(pa,da));ma.displayName="KendoReactSwitch",ma.propTypes={accessKey:a.string,checked:a.bool,className:a.string,defaultChecked:a.bool,defaultValue:a.any,disabled:a.bool,readOnly:a.bool,dir:a.string,id:a.string,size:a.oneOf(["small","medium","large"]),trackRounded:a.oneOf(["small","medium","large","full"]),thumbRounded:a.oneOf(["small","medium","large","full"]),ariaDescribedBy:a.string,ariaLabelledBy:a.string,ariaLabel:a.string,offLabel:a.node,onBlur:a.func,onChange:a.func,onFocus:a.func,onLabel:a.node,tabIndex:a.number,value:a.any,name:a.string,required:a.bool,valid:a.bool,validationMessage:a.string,validityStyles:a.bool};const fa=r.createPropsContext(),va=f.forwardRef((e,t)=>{const a=r.usePropsContext(fa,e),{ariaDescribedBy:l,ariaLabelledBy:s,checked:o,className:i,labelClassName:c,children:u,defaultChecked:d,disabled:p,defaultValue:m,id:v,size:h=ha.size,rounded:g=ha.rounded,label:b,labelPlacement:k,name:y,labelOptional:C,onChange:x,onFocus:E,onBlur:w,tabIndex:S,value:I,required:L,valid:N,validationMessage:M,validityStyles:R,autoFocus:V,visited:O,touched:z,modified:B,webMcp:T,...P}=a,D=f.useRef(null),F=f.useCallback(()=>{D.current&&D.current.focus()},[]),$=f.useCallback(()=>({element:D.current,focus:F,get name(){return D.current&&D.current.name}}),[F]);f.useImperativeHandle(t,$);const H=f.useRef(null);f.useImperativeHandle(H,$),r.useWebMcpRegister("checkbox",H,a,a.webMcp);const[q,G]=f.useState(d),[_,W]=f.useState(m),j="boolean"==typeof I||null===I,U=void 0!==o,X=j,Y=X?I:_,Z=U?o:X?void 0:q,J=y||v,Q=void 0===Z&&Y,ee=Q?Y:Z,te=Q||X?null===I?I:void 0:I||Y,ae=null===ee||null===te,ne=r.useId(),re=n.useLocalization(),le=e=>re.toLanguageString(e,ce[e]),se=le(K),oe=le(A),ie=void 0!==N?N:!L||!!Z;f.useEffect(()=>{D.current&&D.current.setCustomValidity&&D.current.setCustomValidity(ie?"":M||se)},[ie,M,se]);const ue=f.useCallback((e,t)=>{!X&&!p&&(W(t),!U&&!p&&G(t)),x&&!p&&r.dispatchEvent(x,e,{...$(),value:t},{value:t})},[U,p,x,X,$]),de=f.useCallback(e=>{const t={target:D.current,currentTarget:D.current};ue(t,e)},[ue]);r.useKendoPaste(D,{fieldName:J,onValueChange:de,enabled:!!J});const pe=f.useCallback(e=>{const t=e.target.checked;ue(e,t)},[ue]),me=f.useCallback(e=>{},[p]),fe=f.useCallback(e=>{},[p]),ve=f.useCallback(e=>{E&&!p&&r.dispatchEvent(E,e,$(),void 0)},[E,p,$]),he=f.useCallback(e=>{w&&!p&&r.dispatchEvent(w,e,$(),void 0)},[w,p,$]),ge=r.useDir(D,a.dir),be=r.classNames("k-checkbox-wrap",i),ke={type:"checkbox",className:r.classNames("k-checkbox",{[`k-checkbox-${r.kendoThemeMaps.sizeMap[h]||h}`]:h,[`k-rounded-${r.kendoThemeMaps.roundedMap[g]||g}`]:g,"k-indeterminate":ae,"k-checked":!!ee&&!ae,"k-disabled":p,"k-invalid":!(ie||void 0!==R||!0===R)}),ref:D,name:y,id:v||ne,disabled:p,required:void 0!==L&&L,tabIndex:r.getTabIndex(S,p),checked:!!ee,"aria-describedby":l,"aria-labelledby":s,"aria-label":P["aria-label"],"aria-invalid":!ie||void 0,"aria-disabled":p||void 0,"aria-required":L,autoFocus:V,...P,onChange:pe,onKeyDown:me,onKeyUp:fe,onFocus:ve,onBlur:he},ye=void 0===te?f.createElement("input",{...ke}):f.createElement("input",{...ke,value:j?void 0:null===te?"":te}),Ce=void 0!==b?f.createElement("label",{className:r.classNames("k-checkbox-label",c),htmlFor:v||ne,style:{userSelect:"none"}},b,C&&f.createElement("span",{className:"k-label-optional"},oe)):null,xe=f.createElement("span",{className:be},ye,u);return"before"===k?f.createElement("div",{dir:"rtl"},xe,Ce):"after"===k?f.createElement("div",{dir:"ltr"},xe,Ce):f.createElement("div",{dir:ge},xe,Ce)});va.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(["small","medium","large"]),rounded:a.oneOf(["small","medium","large","none"]),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 ha={size:void 0,rounded:void 0};va.displayName="KendoCheckbox";const ga=r.createPropsContext(),ba=f.forwardRef((e,t)=>{const a=r.usePropsContext(ga,e),{ariaDescribedBy:n,ariaLabel:l,checked:s,children:o,className:i,disabled:c,id:u,size:d=ka.size,label:p,labelPlacement:m,name:v,style:h,tabIndex:g,value:b,valid:k,onChange:y,onFocus:C,onBlur:x,required:E,...w}=a,S=r.useUnstyled(),I=S&&S.uRadioButton,L=f.useRef(null),N=f.useCallback(()=>{L.current&&L.current.focus()},[]),M=f.useCallback(()=>({element:L.current,focus:N}),[N]);f.useImperativeHandle(t,M);const R=r.useId(),V=f.useCallback(e=>{r.dispatchEvent(y,e,M(),{value:b})},[y,b,c]),O=f.useCallback(e=>{C&&!c&&r.dispatchEvent(C,e,M(),void 0)},[C,c]),z=f.useCallback(e=>{x&&!c&&r.dispatchEvent(x,e,M(),void 0)},[x,c]),B={type:"radio",id:u||R,name:v,className:r.classNames(r.uRadioButton.input({c:I,size:d,disabled:c,invalid:!1===k,checked:s}),i),ref:L,disabled:c,tabIndex:r.getTabIndex(g,c),checked:s,style:h,"aria-describedby":n,"aria-label":l,"aria-required":E,"aria-invalid":!1===k?"true":void 0,value:b,onChange:V,onFocus:O,onBlur:z,...w},T=f.createElement(f.Fragment,null,void 0!==p?f.createElement("label",{className:r.classNames(r.uRadioButton.label({c:I})),htmlFor:u||R,style:{userSelect:"none"},"aria-label":p},p):null),P=f.createElement("span",{className:r.classNames(r.uRadioButton.wrap({c:I}))},f.createElement("input",{...B}));return"before"===m?f.createElement(f.Fragment,null,T,P,o):f.createElement(f.Fragment,null,P,T,o)});ba.propTypes={ariaDescribedBy:a.string,ariaLabel:a.string,checked:a.bool,className:a.string,disabled:a.bool,id:a.string,size:a.oneOf(["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 ka={size:void 0};ba.displayName="KendoRadioButton";const ya=r.createPropsContext(),Ca=f.forwardRef((e,t)=>{const a=r.usePropsContext(ya,e),{id:n,ariaLabelledBy:l,ariaDescribedBy:s,className:o,data:i,defaultValue:c,disabled:u,name:d,labelPlacement:p,layout:m,style:v,value:h,valid:g,item:b=xa.item,onChange:k,onFocus:y}=a,C=r.useUnstyled(),x=C&&C.uRadioGroup,E=f.useRef(null),w=f.useCallback(()=>{E.current&&r.focusFirstFocusableChild(E.current)},[]),S=f.useCallback(()=>({element:E.current,focus:w}),[w]);f.useImperativeHandle(t,S);const[I,L]=f.useState(c),N=void 0!==h,M=N?h:I,R=f.useCallback(e=>{const t=e.value;!N&&!u&&L(t),k&&!u&&r.dispatchEvent(k,e.syntheticEvent,S(),{value:t})},[L,k,u]),V=f.useCallback(e=>{y&&!u&&r.dispatchEvent(y,e.syntheticEvent,S(),void 0)},[y,u]),O=r.useId(),z=r.classNames(r.uRadioGroup.ul({c:x,horizontal:"horizontal"===m,vertical:"vertical"===m||void 0===m}),o),B=r.useRtl(E,a.dir),T=i&&i.map((e,t)=>{const a=M===e.value,n=null==M,l={...e,valid:g,checked:a,disabled:!(!e.disabled&&!u),labelPlacement:e.labelPlacement?e.labelPlacement:p,tabIndex:e.tabIndex?e.tabIndex:n&&0===t||a?0:-1,index:t,name:d||O,required:e.required,onChange:R,onFocus:V};return f.createElement(b,{className:r.classNames(r.uRadioGroup.item({c:x,disabled:l.disabled||u})),key:t,role:"none"},f.createElement(ba,{...l}))});return f.createElement("ul",{id:n,role:"radiogroup",className:z,ref:E,dir:B,style:v,"aria-labelledby":l,"aria-describedby":s},T)}),xa={item:e=>f.createElement("li",{...e})};Ca.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},Ca.displayName="KendoRadioGroup";const Ea=r.createPropsContext(),wa=f.forwardRef((e,t)=>{const a=r.usePropsContext(Ea,e),{size:n=Sa.size,rounded:l=Sa.rounded,fillMode:s=Sa.fillMode,autoFocus:o=Sa.autoFocus,flow:i=Sa.flow,prefix:c=null,suffix:u=null,ariaDescribedBy:d,ariaLabelledBy:p,autoSize:m,className:v,defaultValue:h,disabled:g,readOnly:b,required:k,rows:y,id:C,name:x,placeholder:E,style:w,tabIndex:S,value:I,valid:L,validationMessage:N,validityStyles:M,onChange:R,onFocus:V,onBlur:O,visited:z,touched:B,modified:T,resizable:P,inputAttributes:D,textareaStyle:F,...K}=a,A=f.useRef(null),$=f.useCallback(()=>{A.current&&A.current.focus()},[]),H=f.useCallback(()=>{A.current&&A.current.blur()},[]),[q,G]=f.useState(h),[_,W]=f.useState(!1),[j,U]=r.useCustomComponent(c),[X,Y]=r.useCustomComponent(u),Z=void 0!==I,J=Z?I:q,Q=x||C,ee=f.useCallback(()=>({element:A,focus:$,blur:H,get value(){return J},get name(){return A.current&&A.current.name}}),[H,$,J]);f.useImperativeHandle(t,ee);const te=f.useRef(null);f.useImperativeHandle(te,ee),r.useWebMcpRegister("textarea",te,a,a.webMcp);const[ae,ne]=f.useState("auto"),re=r.useId(),le=r.useDir(A,a.dir),se=void 0!==L?L:!k||!!J;f.useEffect(()=>{A.current&&A.current.setCustomValidity&&A.current.setCustomValidity(se?"":N||"")},[se,N]),r.useIsomorphicLayoutEffect(()=>{A.current&&ne(`${A.current.scrollHeight}px`)},[J]);const oe=f.useCallback(e=>{const t=e.target.value;ne("auto"),!Z&&!g&&G(t),R&&!g&&r.dispatchEvent(R,e,{...ee(),value:t},{value:t})},[G,R,g,Z]),ie=f.useCallback(e=>{W(!0),V&&!g&&r.dispatchEvent(V,e,ee(),void 0)},[V,g,ee]),ce=f.useCallback(e=>{W(!1),O&&!g&&r.dispatchEvent(O,e,ee(),void 0)},[O,g,ee]),ue=f.useCallback(e=>{A.current&&(A.current.value=e);const t={target:A.current,currentTarget:A.current};oe(t)},[oe]);r.useKendoPaste(A,{fieldName:Q,onValueChange:ue,enabled:!!Q});const de=f.useMemo(()=>{let e={};return m?e={resize:"none",overflow:"hidden",height:ae}:P&&(e={resize:P}),{...e,...F}},[m,P,ae,F]),pe={id:C||re,name:x,className:r.classNames("k-input-inner","!k-overflow-auto",{"k-resize":!m&&"none"!==P,"k-resize-none":m||"none"===P,"!k-flex-none":"vertical"===i}),ref:A,disabled:g,rows:y,placeholder:E,readOnly:b,required:k,tabIndex:r.getTabIndex(S,g),autoFocus:o,style:de,"aria-labelledby":p,"aria-describedby":d,"aria-required":k,value:Z?I:q,...Object.assign({},K,D),onChange:oe,onFocus:ie,onBlur:ce};return f.createElement("span",{className:r.classNames("k-input","k-textarea",{[`k-input-${r.kendoThemeMaps.sizeMap[n]||n}`]:n,[`k-input-${s}`]:s,[`k-rounded-${r.kendoThemeMaps.roundedMap[l]||l}`]:l,"k-invalid":!(se||void 0!==M||!0===M),"k-required":k,"k-disabled":g,"k-focus":_,"!k-flex-col":"vertical"===i,"!k-flex-row":"horizontal"===i},v),style:w,dir:le},a.prefix&&f.createElement(j,{...U}),f.createElement("textarea",{...pe}),a.suffix&&f.createElement(X,{...Y}))});wa.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(["small","medium","large"]),rounded:a.oneOf(["small","medium","large","full","none"]),fillMode:a.oneOf(["solid","flat","outline"]),resizable:a.oneOf(["none","both","horizontal","vertical"]),autoFocus:a.bool,flow:a.oneOf(["vertical","horizontal"])};const Sa={size:void 0,rounded:void 0,fillMode:void 0,autoFocus:!1,flow:"horizontal"};wa.displayName="KendoTextArea";const Ia=f.forwardRef((e,t)=>{const a=f.useRef(null),n=f.useRef(null),l={dir:Na.dir,...e},s=r.useDir(n,l.dir);f.useImperativeHandle(a,()=>({element:n.current,props:l,value:l.value})),f.useImperativeHandle(t,()=>a.current);const o=f.useCallback(e=>{l.onClick&&l.onClick.call(void 0,{value:l.value,target:a.current,syntheticEvent:e})},[l.onClick,l.value]),i=f.useCallback(e=>{l.onKeyDown&&l.onKeyDown.call(void 0,{target:a.current,syntheticEvent:e})},[l.onKeyDown]),c=f.useCallback(e=>{l.onFocus&&l.onFocus.call(void 0,{target:a.current,syntheticEvent:e})},[l.onFocus]),u=f.useCallback(e=>{l.onBlur&&l.onBlur.call(void 0,{target:a.current,syntheticEvent:e})},[l.onBlur]),d=f.useCallback(e=>{l.onMouseMove&&l.onMouseMove.call(void 0,{target:a.current,syntheticEvent:e})},[l.onMouseMove]),p=f.useCallback(e=>{l.onMouseEnter&&l.onMouseEnter.call(void 0,{target:a.current,syntheticEvent:e})},[l.onMouseEnter]),m=f.useCallback(e=>{l.onMouseLeave&&l.onMouseLeave.call(void 0,{target:a.current,syntheticEvent:e})},[l.onMouseLeave]);return f.createElement("span",{id:l.id,ref:n,dir:s,"data-half":l.half,tabIndex:l.tabIndex,title:l.title,style:l.style,className:r.classNames("k-rating-item",{"k-rtl":"rtl"===s,"k-selected":l.selected,"k-hover":l.hovered},l.className),onClick:o,onKeyDown:i,onFocus:c,onBlur:u,onMouseEnter:p,onMouseLeave:m,onMouseMove:d},l.children)}),La={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},Na={dir:"ltr"};Ia.displayName="KendoReactRatingItem",Ia.propTypes=La;const Ma=(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},Ra=(e,t,a)=>Ma(e-a,a)<t&&t<e,Va=(e,t,a,n)=>null!==t&&("continues"===n?Ra(e,t,a)?Ma(e-a/2,a/2)<=t:e<=t:"single"===n&&(Ra(e,t,a)?Ma(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,za=(e,t,a,n)=>{for(let r=e;r<=t;r+=a)if(n===r)return!0;return!1};var Ba=(e=>(e.select="select",e.deselect="deselect",e.increase="increase",e.decrease="decrease",e.min="min",e.max="max",e.reset="reset",e))(Ba||{});const Ta=(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?Ma(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?Ma(e+t.step,t.step):t.max;case"decrease":return void 0===t.step?e:Ma(e-t.step,t.step)>=t.min?Ma(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={name:"star",content:'<path d="m22.762 10.668-4.557 3.931 1.389 5.88a1.661 1.661 0 0 1-2.481 1.805L12 19.138l-5.116 3.146a1.661 1.661 0 0 1-2.478-1.805l1.394-5.88-4.557-3.931a1.667 1.667 0 0 1 .943-2.921l5.974-.482 2.304-5.577a1.656 1.656 0 0 1 3.065 0l2.304 5.577 5.973.482a1.667 1.667 0 0 1 .95 2.922z" />',viewBox:"0 0 24 24"},Da={name:"star-outline",content:'<path d="M23.065 8.95a1.44 1.44 0 0 0-1.267-1l-6.101-.493-2.351-5.691a1.454 1.454 0 0 0-2.691 0L8.304 7.454l-6.101.496A1.44 1.44 0 0 0 .936 8.951a1.46 1.46 0 0 0 .433 1.562l4.657 4.011-1.417 5.998a1.46 1.46 0 0 0 .567 1.52 1.43 1.43 0 0 0 1.61.061L12 18.898l5.222 3.211a1.43 1.43 0 0 0 1.611-.061 1.46 1.46 0 0 0 .566-1.52l-1.417-5.998 4.65-4.016a1.46 1.46 0 0 0 .433-1.564m-1.229.644-4.929 4.253a.61.61 0 0 0-.195.599l1.506 6.357a.24.24 0 0 1-.096.261.23.23 0 0 1-.262.009l-5.541-3.404a.61.61 0 0 0-.636 0l-5.54 3.403a.23.23 0 0 1-.263-.01.24.24 0 0 1-.101-.26l1.506-6.358a.61.61 0 0 0-.194-.598l-4.93-4.253a.24.24 0 0 1-.074-.269.23.23 0 0 1 .21-.167l6.471-.522a.61.61 0 0 0 .513-.373l2.493-6.035a.238.238 0 0 1 .444 0l2.494 6.035a.61.61 0 0 0 .512.373l6.472.522a.23.23 0 0 1 .21.167.24.24 0 0 1-.068.269z" />',viewBox:"0 0 24 24"},Fa=(e,t,a)=>{const[n,r]=f.useState(e);return[n,e=>{const l=Ta(t.state||n,{...e,...t});a&&a(l,e.event),r(l)}]},Ka=r.createPropsContext(),Aa=f.forwardRef((e,t)=>{const a=r.usePropsContext(Ka,e),n={dir:Ha.dir,min:Ha.min,max:Ha.max,step:Ha.step,item:Ha.item,defaultValue:Ha.defaultValue,readonly:Ha.readonly,disabled:Ha.disabled,selection:Ha.selection,precision:Ha.precision,...a},l=f.useRef(null),s=f.useRef(null),o=r.useDir(s,n.dir);f.useImperativeHandle(l,()=>({element:s.current,props:n})),f.useImperativeHandle(t,()=>l.current),r.useWebMcpRegister("rating",l,n,n.webMcp);const i=f.useCallback((e,t)=>{n.onChange&&l.current&&n.onChange.call(void 0,{value:e,target:l.current,syntheticEvent:t})},[n.onChange]),c=f.useMemo(()=>void 0!==n.min?n.min:Ha.min,[n.min]),u=f.useMemo(()=>void 0!==n.max?n.max:Ha.max,[n.max]),d=f.useMemo(()=>n.precision||Ha.precision,[n.precision]),p=f.useMemo(()=>void 0!==n.step?n.step:Ha.step,[n.step]),m=f.useMemo(()=>n.readonly||Ha.readonly,[n.readonly]),v=f.useMemo(()=>n.disabled||Ha.disabled,[n.disabled]),h=f.useMemo(()=>n.item||Ha.item,[n.item]),[g,b]=Fa(void 0!==n.defaultValue?n.defaultValue:Ha.defaultValue,{state:n.value,min:c,max:u,step:"half"===d?p/2:p},i),[k,y]=Fa(null,{state:n.value,min:c,max:u,step:"half"===d?p/2:p,precision:d}),C=f.useMemo(()=>void 0!==n.value?n.value:g,[n.value,g]),x=f.useMemo(()=>k,[k]),E=f.useMemo(()=>n.selection||Ha.selection,[n.selection]),w=f.useMemo(()=>p/("half"===d?2:1),[p,d]),S=f.useCallback(e=>{if(e.target&&e.target.element&&!m&&!v){if("half"===d){const t=e.target.element.getBoundingClientRect(),a=Oa(o||"ltr",t,e.syntheticEvent.clientX)?Ma(e.target.value-p/2,w):e.target.value;b({type:Ba.select,payload:a,event:e.syntheticEvent})}else b({type:Ba.select,payload:e.target.value,event:e.syntheticEvent});if(n.onClick){const t={value:C,target:l.current,syntheticEvent:e.syntheticEvent};n.onClick.call(void 0,t)}}},[n.onClick,b,C]),I=f.useCallback(e=>{if(!m&&!v){switch(e.keyCode){case r.Keys.right:e.preventDefault(),b({type:"rtl"===o?Ba.decrease:Ba.increase,event:e});break;case r.Keys.left:e.preventDefault(),b({type:"rtl"===o?Ba.increase:Ba.decrease,event:e});break;case r.Keys.home:e.preventDefault(),b({type:"rtl"===o?Ba.min:Ba.max,event:e});break;case r.Keys.end:e.preventDefault(),b({type:"rtl"===o?Ba.max:Ba.min,event:e});break;case r.Keys.esc:e.preventDefault(),b({type:Ba.deselect,event:e})}n.onKeyDown&&n.onKeyDown.call(void 0,{value:C,target:l.current,syntheticEvent:e})}},[n.onKeyDown,b,C]),L=f.useCallback(e=>{if(n.onFocus){const t={target:l.current,syntheticEvent:e};n.onFocus.call(void 0,t)}},[n.onFocus]),N=f.useCallback(e=>{if(n.onBlur){const t={target:l.current,syntheticEvent:e};n.onBlur.call(void 0,t)}},[n.onBlur]),M=f.useCallback(e=>{if(e.target&&e.target.element)if("half"===d){const t=e.target.element.getBoundingClientRect(),a=Oa(o||"ltr",t,e.syntheticEvent.clientX)?e.target.value-p/2:e.target.value;y({type:Ba.select,payload:a,event:e.syntheticEvent})}else y({type:Ba.select,payload:e.target.value,event:e.syntheticEvent})},[d,p,o]),R=f.useCallback(e=>{y({type:Ba.reset,event:e.syntheticEvent})},[]),V=[],O=((e,t)=>e-t*Math.floor(e/t))(Ma(u-c,w),p);for(let e=c||p;e<=u;e=Ma(e+p,w)){const t=Ma(e+O,w),a="half"===d&&Ra(t,null!==x?x:null!==C?C:0,p),l=Va(t,C,p,E),s=Va(t,null!==x?x:C,p,E),i=Va(t,x,p,E);V.push(f.createElement(h,{key:t,value:t,dir:o,title:String(a?Ma(t-p/2,w):t),icon:n.icon,svgIcon:n.svgIcon,half:a,selected:l||s,hovered:i,onClick:S,onMouseMove:M,onMouseLeave:R},a&&f.createElement("span",{className:"k-rating-precision-complement"},!(n.icon||n.svgIconOutline)&&f.createElement(r.IconWrap,{name:"star",icon:Da,style:{clipPath:""+("rtl"===o?"inset(0 50% 0 0)":"inset(0 0 0 50%)")},size:"xlarge"}),(n.icon||n.svgIconOutline)&&f.createElement(r.IconWrap,{name:r.toIconName(`${n.icon}-outline`),icon:n.svgIconOutline,size:"xlarge"})),a&&f.createElement("span",{className:"k-rating-precision-part"},!(n.icon||n.svgIcon)&&f.createElement(r.IconWrap,{name:"star",icon:Pa,style:{clipPath:""+("rtl"===o?"inset(0 0 0 50%)":"inset(0 50% 0 0)")},size:"xlarge"}),(n.icon||n.svgIcon)&&f.createElement(r.IconWrap,{name:n.icon?r.toIconName(n.icon):void 0,icon:n.svgIcon,size:"xlarge"})),a&&f.createElement("span",{style:{width:"24px",height:"24px",display:"block"}}),!a&&!(n.icon||n.svgIcon)&&(i||s&&!i)&&f.createElement(r.IconWrap,{name:"star",icon:Pa,size:"xlarge"})||!(n.icon||n.svgIcon)&&!i&&!s&&f.createElement(r.IconWrap,{name:"star",icon:Da,size:"xlarge"})||(n.icon||n.svgIcon)&&(i||s&&!i)&&f.createElement(r.IconWrap,{name:n.icon,icon:n.svgIcon,size:"xlarge"})||(n.icon||n.svgIcon)&&!i&&f.createElement(r.IconWrap,{name:r.toIconName(`${n.icon}-outline`),icon:n.svgIconOutline,size:"xlarge"})))}return f.createElement("span",{id:n.id,style:n.style,ref:s,role:"slider",dir:o,tabIndex:r.getTabIndex(n.tabIndex,n.disabled,void 0),className:r.classNames("k-rating",{"k-rtl":"rtl"===o,"k-readonly":m,"k-disabled":v},n.className),onKeyDown:I,onFocus:L,onBlur:N,"aria-valuemin":c,"aria-valuemax":u,"aria-valuenow":null!==C?C:void 0,"aria-disabled":v?"true":void 0,"aria-readonly":m?"true":void 0,"aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledBy,"aria-describedby":n.ariaDescribedBy},f.createElement("input",{type:"hidden",id:"rating",readOnly:m,disabled:v}),f.createElement("span",{className:"k-rating-container"},V),n.label&&f.createElement("span",{className:"k-rating-label"},n.label))}),$a={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?za(e.min,e.max,e.step/2,e.value):za(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.node,readonly:a.bool,disabled:a.bool,icon:a.string,svgIcon:r.svgIconPropType,svgIconOutline:r.svgIconPropType,ariaDescribedBy:a.string},Ha={dir:"ltr",min:0,max:5,step:1,item:Ia,defaultValue:null,readonly:!1,disabled:!1,selection:"continues",precision:"item"};Aa.displayName="KendoReactRating",Aa.propTypes=$a;const qa=e=>void 0!==e,Ga=r.createPropsContext(),_a=f.forwardRef((e,t)=>{const a=!r.validatePackage(ht,{component:"Signature"}),s=r.getLicenseMessage(ht),i=r.usePropsContext(Ga,e),c=f.useMemo(()=>({strokeWidth:Wa.strokeWidth,smooth:Wa.smooth,popupScale:Wa.popupScale,exportScale:Wa.exportScale,maximizable:Wa.maximizable,disabled:Wa.disabled,required:Wa.required,validityStyles:Wa.validityStyles,onChange:Wa.onChange,onFocus:Wa.onFocus,onBlur:Wa.onBlur,onOpen:Wa.onOpen,onClose:Wa.onClose,size:Wa.size,rounded:Wa.rounded,fillMode:Wa.fillMode,...i}),[i]),u=n.useLocalization(),m=f.useRef(null),v=f.useRef(null),h=f.useRef(null),g=f.useRef(null),b=f.useRef(null),[k,y]=f.useState(),[C,x]=f.useState(!1),[E,w]=f.useState(),[S,I]=f.useState(),L=qa(c.value)?c.value:E,[N,M]=f.useState(!1),R=qa(c.open),V=R?c.open:N,O=c.disabled||c.maximized||!c.maximizable,z=c.disabled||!c.maximized,B=!(!c.value&&!E||c.disabled||c.readOnly),T=u.toLanguageString(j,ce[j]),P=u.toLanguageString(U,ce[U]),D=u.toLanguageString(W,ce[W]),F=u.toLanguageString(_,ce[_]),K=c.popupScale||3,A=c.exportScale||2,$=e=>{w(e),c.onChange&&c.onChange({value:e})};f.useEffect(()=>{c.value!==E&&(w(c.value),null==k||k.loadImage(c.value))},[c.value]);const H=f.useCallback(e=>{R||M(e)},[R]),q=f.useCallback(()=>{let e="#000000";return!c.color&&"undefined"!=typeof document&&m.current&&(e=getComputedStyle(m.current).color),c.color||e},[c.color]),G=f.useCallback(()=>{let e="#ffffff";return!c.backgroundColor&&"undefined"!=typeof document&&m.current&&(e=getComputedStyle(m.current).backgroundColor),c.backgroundColor||e},[c.backgroundColor]),X=()=>({scale:c.maximized?c.popupScale:1,color:q(),backgroundColor:G(),strokeWidth:c.strokeWidth,smooth:c.smooth,readonly:c.readOnly||c.disabled}),Y=async e=>{const{width:t,height:a}=e;return await(null==k?void 0:k.exportImage({width:t*A,height:a*A}))};f.useEffect(()=>{const e=v.current,t=new d.SignaturePad(e,X());return L&&t.loadImage(L),y(t),()=>t.destroy()},[]),f.useEffect(()=>{null==k||k.setOptions({onChange:async()=>$(await Y(de()))})},[k]),r.useIsomorphicLayoutEffect(()=>null==k?void 0:k.setOptions(X()),[c.readOnly,c.disabled,c.color,c.backgroundColor,c.strokeWidth,c.smooth]),f.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=()=>H(!1);return a.addEventListener("click",n),()=>a.removeEventListener("click",n)},[V]),f.useEffect(()=>{if(!V||"undefined"==typeof document)return;const e=e=>{var t,a;"Escape"===e.key&&(H(!1),null==(a=null==(t=b.current)?void 0:t.element)||a.focus())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[V]),f.useEffect(()=>{var e,t;c.maximized&&(null==(t=null==(e=g.current)?void 0:e.element)||t.focus())},[]);const Z=f.useCallback(()=>{var e;return null==(e=v.current)?void 0:e.focus()},[]),J=f.useCallback(()=>c.value,[c.value]),Q=f.useCallback(()=>c.name,[c.name]),ee=f.useCallback(()=>c.required,[c.required]),te=f.useCallback(()=>{const e=void 0!==c.validationMessage,t=!J();return{customError:e,valid:void 0!==c.valid?c.valid:!ee()||!t,valueMissing:t}},[c.validationMessage,c.valid,J,ee]),ae=f.useCallback(()=>c.validityStyles,[c.validityStyles]),ne=f.useCallback(()=>c,[c]),re=f.useCallback(()=>{const e={element:m.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:q}),Object.defineProperty(e,"backgroundColor",{get:G}),e},[Q,J,te,ae,ee,Z,ne,q,G]);f.useImperativeHandle(t,re);const le=f.useRef(null);f.useImperativeHandle(le,re),r.useWebMcpRegister("signature",le,c,c.webMcp);const se=f.useCallback(e=>{C||c.maximized||(x(!0),r.dispatchEvent(c.onFocus,e,re(),{}))},[C,c.onFocus,re]),oe=f.useCallback(e=>{(function(e,t){let a=e;for(;a&&a!==t;)a=a.parentNode;return!!a})(e.relatedTarget,m.current)||(x(!1),r.dispatchEvent(c.onBlur,e,re(),{}))},[C,c.onBlur,re]),ie=f.useCallback(async e=>{I(await Y(pe())),H(!0),r.dispatchEvent(c.onOpen,e,re(),{})},[V,R,c.onOpen,c.value,E,re]),ue=f.useCallback(e=>{H(!1),r.dispatchEvent(c.onClose,e,re(),{})},[V,R,c.onClose,re]),de=()=>{var e,t;return{width:c.width||(null==(e=m.current)?void 0:e.offsetWidth)||250,height:c.height||(null==(t=m.current)?void 0:t.offsetHeight)||84}},pe=()=>{const{width:e,height:t}=de();return{width:e*K,height:t*K}},me=!ae()||te().valid;return f.createElement("div",{ref:m,dir:c.dir,style:{width:c.width,height:c.height,...c.style},className:r.classNames("k-input","k-signature",{"k-signature-maximized":c.maximized,[`k-signature-${r.kendoThemeMaps.sizeMap[c.size]||c.size}`]:c.size,[`k-signature-${c.fillMode}`]:c.fillMode,[`k-input-${c.fillMode}`]:c.fillMode,[`k-rounded-${r.kendoThemeMaps.roundedMap[c.rounded]||c.rounded}`]:c.rounded,"k-invalid":!me,"k-required":c.required,"k-disabled":c.disabled,"k-focus":C},c.className),onFocus:se,onBlur:oe},f.createElement("div",{className:"k-signature-canvas",ref:v,role:"img",tabIndex:r.getTabIndex(c.tabIndex,c.disabled),id:c.id,"aria-label":c.ariaLabel||F,"aria-labelledby":c.ariaLabelledBy,"aria-describedby":c.ariaDescribedBy,style:c.inputStyle}),f.createElement("div",{className:"k-signature-actions k-signature-actions-top"},f.createElement(o.Button,{type:"button",className:r.classNames("k-signature-action","k-signature-maximize",{"k-hidden":O}),ref:b,icon:"hyperlink-open",svgIcon:l.hyperlinkOpenIcon,size:c.size,rounded:c.rounded,fillMode:"flat",onClick:ie,"aria-label":T,title:T}),f.createElement(o.Button,{type:"button",className:r.classNames("k-signature-action","k-signature-minimize k-flip-h k-flip-v",{"k-hidden":z}),ref:g,icon:"hyperlink-open",svgIcon:l.hyperlinkOpenIcon,size:c.size,rounded:c.rounded,fillMode:"flat",onClick:ue,"aria-label":P,title:P})),!c.hideLine&&f.createElement("div",{className:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}}),f.createElement("div",{className:"k-signature-actions k-signature-actions-bottom"},B&&f.createElement(o.Button,{type:"button",className:"k-signature-action k-signature-clear",icon:"x",svgIcon:l.xIcon,size:c.size,rounded:c.rounded,fillMode:"flat",onClick:()=>{null==k||k.clear(),$(),Z()},"aria-label":D,title:D})),V&&f.createElement(p.Dialog,{ref:h},f.createElement(_a,{...c,...pe(),value:S,maximized:!0,exportScale:1/K*A,open:!1,onChange:e=>{null==k||k.loadImage(e.value),$(e.value)},onClose:e=>{var t,a;ue(e),null==(a=(null==(t=b.current)?void 0:t.element)||v.current)||a.focus()}})),a&&f.createElement(r.WatermarkOverlay,{message:s}))});_a.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(["small","medium","large"]),rounded:a.oneOf(["small","medium","large","none"]),fillMode:a.oneOf(["solid","flat","outline"])};const Wa={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:void 0,rounded:void 0,fillMode:void 0};_a.displayName="KendoSignature";const ja=f.forwardRef((e,t)=>{const a=f.useRef(null),n=f.useRef(null),l=r.useUnstyled(),s=l&&l.uInput,o=r.classNames(r.uInput.clearButton({c:s}),e.className);return f.useImperativeHandle(a,()=>({element:n.current})),f.useImperativeHandle(t,()=>a.current),f.createElement("span",{...e,className:o})});ja.displayName="KendoReactInputClearValue";const Ua=f.forwardRef(({orientation:e="horizontal",...t},a)=>{const n=f.useRef(null),l=f.useRef(null),s=r.useUnstyled(),o=s&&s.uTextBox;f.useImperativeHandle(n,()=>({element:l.current})),f.useImperativeHandle(a,()=>n.current);const i=f.useMemo(()=>r.classNames(r.uTextBox.prefix({c:o,orientation:e}),t.className),[t.className,o,e]);return f.createElement("span",{...t,className:i})});Ua.displayName="KendoReactInputPrefix";const Xa=f.forwardRef(({orientation:e="vertical",...t},a)=>{const n=f.useRef(null),l=f.useRef(null);return f.useImperativeHandle(n,()=>({element:l.current})),f.useImperativeHandle(a,()=>n.current),f.createElement("span",{...t,className:r.classNames("k-input-separator",t.className,`k-input-separator-${e}`)})});Xa.displayName="KendoReactInputSeparator";const Ya=f.forwardRef(({orientation:e="horizontal",...t},a)=>{const n=f.useRef(null),l=f.useRef(null),s=r.useUnstyled(),o=s&&s.uTextBox;f.useImperativeHandle(n,()=>({element:l.current})),f.useImperativeHandle(a,()=>n.current);const i=f.useMemo(()=>r.classNames(r.uTextBox.suffix({c:o,orientation:e}),t.className),[t.className,o,e]);return f.createElement("span",{...t,className:i})});Ya.displayName="KendoReactInputSuffix";const Za=f.forwardRef((e,t)=>f.createElement(r.IconWrap,{ref:t,...e,className:r.classNames("k-input-validation-icon",e.className)}));Za.displayName="KendoReactInputValidationIcon";const Ja=f.forwardRef((e,t)=>{const{index:a,totalLength:l,char:s,type:o,placeholder:i,disabled:c,readOnly:u,required:d,size:p,fillMode:m,rounded:v,inputAttributes:h,id:g,name:b,valid:k,onCellChange:y,onCellKeyDown:C,onCellFocus:x,onCellBlur:E}=e,w=f.useRef(null),S=n.useLocalization();f.useImperativeHandle(t,()=>{var e,t;return null!=(t=null==(e=w.current)?void 0:e.element)?t:null});const I={autoComplete:"off","aria-label":S.toLanguageString(J,ce[J]).replace("{index}",String(a+1)).replace("{total}",String(l)),...h,maxLength:1,...!1===k&&{"aria-invalid":!0},onKeyDown:C?e=>C(a,e):void 0},L=f.useCallback(e=>{y&&y(a,e.syntheticEvent.target.value,e.syntheticEvent)},[a,y]),N=f.useCallback(e=>{var t;const n=null==(t=w.current)?void 0:t.element;n&&n.select(),x&&x(a,e)},[a,x]),M=f.useCallback(e=>{E&&E(a,e)},[a,E]);return f.createElement(_e,{id:g,name:b,ref:w,className:r.classNames("k-otp-input",{"k-readonly":u}),value:" "===s?"":s,size:p,fillMode:m,rounded:v,disabled:c,readOnly:u,required:d,valid:k,placeholder:i,onChange:y?L:void 0,onFocus:N,onBlur:E?M:void 0,inputAttributes:I,type:"number"===o?"text":o})});Ja.displayName="OTPInputCell";const Qa=f.memo(Ja),en=e=>{const{separator:t}=e;let a;return a="string"==typeof t?t:"svgIcon"===t.type?f.createElement(r.IconWrap,{icon:t.value}):"iconClass"===t.type?f.createElement("span",{className:t.value}):f.createElement(r.IconWrap,{name:t.value}),f.createElement("div",{className:"k-otp-separator"},a)};const tn=f.forwardRef((e,t)=>{const{value:a,defaultValue:n,length:l,groupLength:s,separator:o,type:i,placeholder:c,spacing:u,disabled:d,readOnly:p,inputAttributes:m,name:v,required:h,valid:g,size:b,fillMode:k,rounded:y,onChange:C,onFocus:x,onBlur:E,ariaLabel:w,ariaLabelledBy:S,ariaDescribedBy:I,id:L,style:N,dir:M,className:R,touched:V,visited:O,modified:z,validationMessage:B,...T}=e,P=null!=l?l:4,D=void 0!==a,[F,K]=f.useState(()=>(null!=n?n:"").padEnd(P," ").slice(0,P)),A=(D?a:F).padEnd(P," ").slice(0,P),$=f.useRef(A);$.current=A;const[H,q]=f.useState(null),G=f.useRef(null),_=f.useCallback(e=>{null!==G.current&&clearTimeout(G.current),q(e),G.current=setTimeout(()=>{q(null),G.current=null},300)},[]);f.useEffect(()=>()=>{null!==G.current&&clearTimeout(G.current)},[]);const W=f.useRef(null),j=f.useRef([]),U=f.useRef(null),X=f.useCallback(e=>{var t;const a=Math.max(0,Math.min(e,P-1));null==(t=j.current[a])||t.focus()},[P]),Y=f.useCallback((e,t)=>{const a=e.padEnd(P," ").slice(0,P);a!==A&&($.current=a,D||K(a),C&&C({syntheticEvent:t,nativeEvent:t.nativeEvent,target:U.current,value:a}))},[D,P,C,A]),Z=f.useCallback((e,t,a)=>{const n=a.target.value.slice(-1);if(!n)return;if("number"===i&&!/^\d$/.test(n)){_(e);const t=" "===A[e]?"":A[e];return a.target.value=t,void a.target.select()}const r=$.current.split("");r[e]=n;const l=r.join("");Y(l,a),X(e+1)},[A,Y,X,i,_]),J=f.useCallback((e,t,a)=>{if(a.preventDefault(),"number"===i&&!/^\d$/.test(t))return _(e),void a.target.select();const n=A.split("");n[e]=t,Y(n.join(""),a),X(e+1)},[i,_,A,Y,X]),Q=f.useCallback((e,t)=>{var a;if(p)return;const n="rtl"===M;switch(t.key){case"ArrowLeft":t.preventDefault(),X(n?e+1:e-1);break;case"ArrowRight":t.preventDefault(),X(n?e-1:e+1);break;case"ArrowUp":case"ArrowDown":t.preventDefault();break;case"Backspace":{t.preventDefault();const a=A.split("");a[e]=" ",Y(a.join(""),t),X(e-1);break}case"Delete":{t.preventDefault();const a=A.split("");a[e]=" ",Y(a.join(""),t);break}default:{const{key:n,ctrlKey:r,altKey:l,metaKey:s}=t,o=null!=(a=A[e])?a:" ";1===n.length&&!r&&!l&&!s&&" "!==o&&J(e,n,t);break}}},[A,Y,X,M,p,J]),ee=f.useCallback((e,t)=>{x&&x({syntheticEvent:t,nativeEvent:t.nativeEvent,target:U.current,cellIndex:e})},[x]),te=f.useCallback((e,t)=>{},[]),{onFocus:ae,onBlur:ne}=r.useAsyncFocusBlur({onFocus:e=>{},onBlur:e=>{E&&E({syntheticEvent:e,nativeEvent:e.nativeEvent,target:U.current})}}),re=f.useCallback(e=>{if(e.preventDefault(),p)return;const t=e.clipboardData.getData("text");if(!t)return;const a=j.current.findIndex(e=>e===document.activeElement),n=a>=0?a:0;if("number"===i&&!/^\d+$/.test(t.trim()))return void _(n);const r=A.split("");for(let e=0;e<t.length&&n+e<P;e++)r[n+e]=t[e];Y(r.join(""),e);const l=Math.min(n+t.length,P-1);X(l)},[A,Y,X,P,i,_,p]);f.useImperativeHandle(U,()=>({get element(){return W.current},get value(){return A},focus(e){if(void 0!==e)X(e);else{const e=A.indexOf(" ");X(e>=0?e:P-1)}},blur(){j.current.forEach(e=>null==e?void 0:e.blur())}})),f.useImperativeHandle(t,()=>U.current),r.useWebMcpRegister("otpinput",U,e,e.webMcp);const le=r.classNames("k-otp",{"k-disabled":d,"k-invalid":!1===g,[`k-otp-${r.kendoThemeMaps.sizeMap[b]||b}`]:b},R);return f.createElement("div",{ref:W,className:le,role:"group","aria-label":w,"aria-labelledby":S,"aria-describedby":I,id:L,style:N,dir:M,onFocus:ae,onBlur:ne,onPaste:re,...T},v&&f.createElement("input",{"aria-hidden":!0,type:"hidden",name:v,value:A.replace(/ /g,"")}),(()=>{const e=e=>{var t;return f.createElement(Qa,{key:e,ref:t=>{j.current[e]=t},index:e,totalLength:P,char:null!=(t=A[e])?t:" ",type:i,placeholder:c,disabled:d,readOnly:p,required:h,size:b,fillMode:k,rounded:y,inputAttributes:m,valid:!1!==g&&H!==e&&g,onCellChange:Z,onCellKeyDown:Q,onCellFocus:ee,onCellBlur:te,name:v?`${v}-cell-${e}`:`otp-cell-${e}`,id:L?`${L}-cell-${e}`:`otp-cell-${e}`})};if(!s){const t=Array.from({length:P},(t,a)=>e(a));return!1===u?[f.createElement("div",{key:"group",className:"k-input-group"},t)]:t}const t=function(e,t){if(Array.isArray(t)){const a=t.reduce((e,t)=>e+t,0);return a!==e&&console.warn(`[OTPInput] The sum of groupLength values (${a}) must equal length (${e}).`),t}const a=[];let n=e;for(;n>0;)a.push(Math.min(t,n)),n-=t;return a}(P,s);let a=0;const n=[];return t.forEach((t,r)=>{const l=a;r>0&&void 0!==o&&n.push(f.createElement(en,{key:`sep-${l}`,separator:o}));const s=[];for(let n=0;n<t;n++)s.push(e(a++));!1===u?n.push(f.createElement("div",{key:`group-${l}`,className:"k-input-group"},s)):n.push(...s)}),n})())});tn.displayName="KendoReactOTPInput",e.Checkbox=va,e.CheckboxPropsContext=fa,e.ColorGradient=Dt,e.ColorGradientPropsContext=Pt,e.ColorGradientWithoutContext=Tt,e.ColorInput=Xe,e.ColorPalette=Gt,e.ColorPalettePropsContext=Ht,e.ColorPaletteWithoutContext=_t,e.ColorPicker=Qt,e.ColorPickerPropsContext=Jt,e.FlatColorPicker=jt,e.Input=ta,e.InputClearValue=ja,e.InputPrefix=Ua,e.InputPropsContext=aa,e.InputSeparator=Xa,e.InputSuffix=Ya,e.InputValidationIcon=Za,e.MaskedTextBox=vt,e.MaskedTextBoxClassComponent=ft,e.MaskedTextBoxWithoutContext=pt,e.NumericTextBox=ze,e.NumericTextBoxPropsContext=Oe,e.OTPInput=tn,e.PALETTEPRESETS=Kt,e.RANGE_ACTION=ra,e.RATING_ACTION=Ba,e.RadioButton=ba,e.RadioButtonPropsContext=ga,e.RadioGroup=Ca,e.RadioGroupPropsContext=ya,e.RangeSlider=oa,e.RangeSliderPropsContext=sa,e.Rating=Aa,e.RatingItem=Ia,e.RatingPropsContext=Ka,e.SLIDER_LABEL_ATTRIBUTE=gt,e.Signature=_a,e.SignaturePropsContext=Ga,e.Slider=Ct,e.SliderLabel=e=>{const t=f.useRef(null);return r.useDir(t),f.createElement("li",{ref:t,role:"presentation",className:r.classNames("k-tick",{"k-tick-large":e.children,"k-first":e.firstTick,"k-last":e.lastTick}),title:e.title},e.children&&f.createElement("span",{[gt]:!0,className:"k-label",onClick:e.onClick},e.children))},e.SliderWithoutContext=kt,e.Switch=ma,e.SwitchWithoutContext=da,e.TextArea=wa,e.TextAreaPropsContext=Ea,e.TextBox=_e,e.inputsMessages=ce,e.isCorrectValue=za,e.isHalf=Ra,e.isSelected=Va,e.maskingChanged=ct,e.numericDecreaseValue=h,e.numericIncreaseValue=v,e.otpInputCellAriaLabel=J,e.rangeReducer=la,e.ratingReducer=Ta,e.sanitizeNumber=Ve,e.toRound=Ma});
+!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,l,s,o,i,c,u,d,p){"use strict";function m(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 f=m(t);const v="numerictextbox.increment",h="numerictextbox.decrement",g="slider.increment",b="slider.decrement",k="slider.dragTitle",y="colorGradient.r",C="colorGradient.g",x="colorGradient.b",E="colorGradient.a",w="colorGradient.hex",S="colorGradient.contrastRatio",I="colorGradient.colorGradientAALevel",L="colorGradient.colorGradientAAALevel",N="colorGradient.colorGradientPass",M="colorGradient.colorGradientFail",R="colorGradient.hueSliderLabel",V="colorGradient.alphaSliderLabel",O="colorGradient.toggleInputsButton",z="flatColorPicker.cancelBtn",B="flatColorPicker.applyBtn",T="flatColorPicker.colorGradientBtn",P="flatColorPicker.colorPaletteBtn",D="flatColorPicker.clearBtn",F="colorPicker.adaptiveTitle",K="checkbox.validation",A="checkbox.optionalText",$="radioButton.validation",H="switch.validation",q="colorPicker.dropdownButtonAriaLabel",G="rating.ariaLabel",_="signature.canvas",W="signature.clear",j="signature.maximize",U="signature.minimize",X="switch.ariaLabel",Y="slider.ariaLabel",Z="otpInput.ariaLabel",J="otpInput.cellAriaLabel",Q="rangeSlider.ariaLabel",ee="colorGradient.ariaLabel",te="colorGradient.hsvAreaAriaLabel",ae="colorPicker.ariaLabel",ne="flatColorPicker.ariaLabel",re="colorPalette.ariaLabel",le="colorGradient.redChannelLabel",se="colorGradient.greenChannelLabel",oe="colorGradient.blueChannelLabel",ie="colorGradient.alphaChannelLabel",ce={[v]:"Increase value",[h]:"Decrease value",[g]:"Increase",[b]:"Decrease",[k]:"Drag",[y]:"r",[C]:"g",[x]:"b",[E]:"a",[w]:"hex",[S]:"Contrast ratio",[I]:"AA",[L]:"AAA",[N]:"Pass",[M]:"Fail",[R]:"Hue slider",[V]:"Alpha slider",[O]:"Toggle colorgradient inputs",[z]:"Cancel",[B]:"Apply",[T]:"Color Gradient view",[P]:"Color Palette view",[D]:"Clear color value",[F]:"Choose color",[K]:"Please check this box if you want to proceed!",[A]:"(Optional)",[$]:"Please select option if you want to proceed!",[H]:"Please turn on if you want to proceed!",[q]:"Select",[G]:"Rating",[_]:"Signature",[W]:"Clear",[j]:"Maximize",[U]:"Minimize",[X]:"Toggle switch value",[Y]:"Slider",[Q]:"Range slider",[ee]:"Color gradient",[te]:"Color well with two-dimensional slider for selecting saturation and lightness",[ae]:"Color picker",[ne]:"Color editor",[re]:"Color palette",[le]:"Red channel",[se]:"Green channel",[oe]:"Blue channel",[ie]:"Alpha channel",[Z]:"One-time password",[J]:"Digit {index} of {total}"},ue=1111111.1111111,de=/\d/,pe=(e,t)=>void 0!==e?e:t,me=(e,t,a)=>null==e?"":"string"==typeof e?e:a.formatNumber(e,t),fe=e=>(String(e).split(".")[1]||"").length,ve=(e,t)=>Math.max(fe(e),fe(t)),he=(e,t)=>{const a=(e=>Math.min(e,15))(t);return parseFloat(e.toFixed(a))},ge=(e,t,a,n,r,l,s)=>{const o=ve(e||0,a||0),i=ke(he((e||0)+(a||0),o),n,r);t.eventValue=i,t.currentLooseValue=me(i,l,s),t.selectionStart=t.selectionEnd=Se(t.currentLooseValue,de)},be=(e,t,a,n,r,l,s)=>{const o=ve(e||0,a||0),i=ke(he((e||0)-(a||0),o),n,r);t.eventValue=i,t.currentLooseValue=me(i,l,s),t.selectionStart=t.selectionEnd=Se(t.currentLooseValue,de)},ke=(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),ye=(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)},Ce=(e,t,a,n)=>{e.eventValue=n.parseNumber(e.prevLooseValue,t),e.currentLooseValue=e.prevLooseValue,e.valueIsCorrected=!0,ye(e,e.selectionStart,e.currentLooseValue,a)},xe=(e,t,a)=>t.split(e).length!==a.split(e).length&&t.length===a.length+e.length,Ee=(e,t)=>{const a=e.indexOf(t.decimal);return a>-1?a:Se(e,de)},we=e=>e.split("").reverse().join(""),Se=(e,t)=>e.length-we(e).search(t),Ie=e=>e.split(e[e.search(de)])[0],Le=e=>{const t=we(e);return we(t.split(t[t.search(de)])[0])},Ne=(e,t)=>e.search(t),Me=(e,t)=>{const a=e.indexOf(t);return a>-1?e.length-a-1:0},Re=(e,t,a,n,r)=>{const l="0"===e.replace(r,"")[0],s="0"===t.replace(r,"")[0];if(l&&!s)return a-1;if(s&&n)return a+1;let o=0;for(let t=0;t<a;t++)de.test(e.charAt(t))&&o++;let i=0;for(;o>0&&t.length>i;)de.test(t.charAt(i))&&o--,i++;return i},Ve=(e,t,a)=>{const n={...e},{prevLooseValue:r}=n,l=a.numberSymbols(),s=((e,t)=>{const a=t.formatNumber(ue,e),n=t.formatNumber(-ue,e),r=t.formatNumber(0,e),l=t.formatNumber(1,e),s=t.numberSymbols(),o=new RegExp(`[\\d\\${s.decimal}${s.group}]`,"g");return[a,n,r,l].map(e=>e.replace(o,"")).join("").split("").filter((e,t,a)=>a.indexOf(e)===t).join("")})(t,a),o=String(n.currentLooseValue),i=String(r),c=new RegExp(`[^\\d\\${l.decimal}]`,"g"),u=new RegExp(`[^\\d\\${l.decimal}\\${l.group}]`,"g"),d=new RegExp(`[\\d\\${l.decimal}\\${l.group}]`),p=o.replace(c,""),m=Ne(o,de),f=-1===m?-1:Se(o,de),v=o.indexOf(l.decimal),h=(o.substring(0,m)+o.substring(m,f).replace(u,"")+o.substring(f,o.length)).split("").filter(e=>-1!==s.indexOf(e)||-1!==e.search(d)).join(""),g=a.formatNumber(.31111111111111117,t).replace(c,""),b=g.indexOf(l.decimal),k=b>-1?g.length-b-1:0,y=a.formatNumber(1,t).replace(c,""),C=y.indexOf(l.decimal),x=C>-1?y.length-C-1:0,{positiveInfo:E,negativeInfo:w,zeroInfo:S,oneInfo:I}=((e,t)=>{const a=t.formatNumber(ue,e),n=t.formatNumber(-ue,e),r=t.formatNumber(0,e),l=t.formatNumber(1,e),s=Ie(a),o=Ie(n),i=Ie(r),c=Ie(l);return{positiveInfo:[s,Le(a)],negativeInfo:[o,Le(n)],zeroInfo:[i,Le(r)],oneInfo:[c,Le(l)]}})(t,a),L=[E,w,S,I],N=1!==L.findIndex(e=>-1!==e.findIndex(e=>!!e)),M=o.length>0&&o.length<i.length,R="string"==typeof t&&"p"===t[0]&&o&&-1===o.indexOf(l.percentSign);if(!n.isPaste){if(""===o)return n.eventValue=null,n.currentLooseValue="",n;if(n.currentLooseValue===l.minusSign&&a.formatNumber(-0,t)!==i)return n.eventValue=null,n.currentLooseValue=l.minusSign,ye(n,n.selectionStart,n.currentLooseValue,L),n;if(n.currentLooseValue===l.decimal){n.eventValue=0;const e=me(n.eventValue,t,a);if(0===x&&k>0){const t=Se(e,de);n.currentLooseValue=e.substring(0,t)+l.decimal+e.substring(t)}else n.currentLooseValue=e;return ye(n,Ee(n.currentLooseValue,l)+1,n.currentLooseValue,L),n}if(((e,t)=>{const a=String(e.currentLooseValue),n=String(e.prevLooseValue);return xe(t.minusSign,a,n)||xe("-",a,n)||xe("−",a,n)})(n,l)){const e=a.parseNumber(r,t);if(null===e)return n.eventValue=null,n.currentLooseValue=l.minusSign,ye(n,n.selectionStart,n.currentLooseValue,L),n;n.eventValue=-e,n.currentLooseValue=me(n.eventValue,t,a);const s=Ne(n.currentLooseValue,de),o=Ne(i,de);return ye(n,n.selectionEnd-1+(s-o),n.currentLooseValue,L),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,l))return n.eventValue=a.parseNumber(n.currentLooseValue,t),ye(n,n.selectionStart,n.currentLooseValue,L),n;if(((e,t)=>String(e.currentLooseValue).split(t.decimal).length>2)(n,l))return Ce(n,t,L,a),n;if(R)return n.eventValue=a.parseNumber(o,t)/100,n.currentLooseValue=me(n.eventValue,t,a),n;if(String(n.currentLooseValue).replace(/[^\d]/g,"").length>15||p!==o&&o&&N&&-1===L.findIndex(([e,t])=>{const a=o.indexOf(e),n=o.indexOf(t),r=0===a,s=n===o.length-t.length,i=a+e.length!==m&&-1!==m&&o[a+e.length]!==l.decimal,c=n!==f&&-1!==f&&o[n-1]!==l.decimal;return e&&t?!i&&!c&&(r&&s):e?!i&&r:!!t&&(!c&&s)})||o.indexOf(l.percentSign)>-1&&("string"!=typeof t||!t.startsWith("p")))return Ce(n,t,L,a),n;if(p[p.length-1]===l.decimal&&k>0)return n.eventValue=a.parseNumber(o,t),n.currentLooseValue=h,n;if(n.currentLooseValue&&r&&(s+l.decimal+l.group).split("").findIndex(e=>o.split("").filter(t=>t===e).length<i.split("").filter(t=>t===e).length&&o.length+1===i.length&&!(e===l.decimal&&0===Me(i.replace(c,""),l.decimal)))>-1)return n.eventValue=a.parseNumber(e.prevLooseValue,t),n.currentLooseValue=e.prevLooseValue,n;const u=Me(p,l.decimal),d="0"===p[p.length-1];if(M&&d&&u<x)return n.eventValue=a.parseNumber(n.currentLooseValue,t),n.currentLooseValue=me(n.eventValue,t,a),n;if(u>0){const e=o.substring(0,v);if(d&&(!e||0!==i.indexOf(e))){n.eventValue=a.parseNumber(n.currentLooseValue,t);const e=me(n.eventValue,t,a);return ye(n,Re(o,e,n.selectionEnd,M,c),e,L),n.currentLooseValue=e,n}if(u>k){const e=o.indexOf(l.decimal),r=o.substring(0,e)+o.substring(e,e+1+k)+o.substring(f,String(n.currentLooseValue).length);return n.eventValue=a.parseNumber(r,t),n.currentLooseValue=r,ye(n,n.selectionStart,r,L),n}if(x!==k&&u<=k&&d)return n.eventValue=a.parseNumber(n.currentLooseValue,t),n.currentLooseValue=h,n;if(u<x)return n.eventValue=a.parseNumber(n.currentLooseValue,t),n.currentLooseValue=me(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=me(n.eventValue,t,a);1===o.length?ye(n,Ee(e,l),e,L):ye(n,Re(o,e,n.selectionEnd,M,c),e,L),n.currentLooseValue=e}else n.currentLooseValue=me(a.parseNumber(p),t,a);return n},Oe=r.createPropsContext(),ze=f.forwardRef((e,t)=>{const a=r.usePropsContext(Oe,e),{className:i,value:c,defaultValue:u,format:d,width:p,tabIndex:m,accessKey:g,title:b,placeholder:k,min:y,max:C,dir:x,name:E,label:w,id:S,ariaDescribedBy:I,ariaLabelledBy:L,ariaLabel:N,inputType:M,readOnly:R,validationMessage:V,children:O,touched:z,visited:B,modified:T,style:P,inputStyle:D,valid:F,step:K=Be.step,spinners:A=Be.spinners,disabled:$=Be.disabled,required:H=Be.required,validityStyles:q=Be.validityStyles,prefix:G=Be.prefix,suffix:_=Be.suffix,onChange:W=Be.onChange,onFocus:j=Be.onFocus,onBlur:U=Be.onBlur,rangeOnEnter:X=Be.rangeOnEnter,size:Y=Be.size,rounded:Z=Be.rounded,fillMode:J=Be.fillMode,autoFocus:Q=Be.autoFocus,inputAttributes:ee,...te}=a,ae=r.useId(),ne=S||ae,re=n.useInternationalization(),le=n.useLocalization(),se=f.useRef(null),oe=f.useRef(void 0),[ie,ue]=f.useState(!1),de=f.useRef({eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1}),fe=f.useRef(!1),ve=f.useRef(void 0),he=f.useRef(u),ye=E||S,Ce=me(de.current.focused&&!$?de.current.currentLooseValue:pe(c,he.current),d,re);ve.current=Ce;const[xe]=r.useCustomComponent(G),[Ee]=r.useCustomComponent(_);f.useEffect(()=>{se.current&&se.current.setCustomValidity&&se.current.setCustomValidity(Ne().valid?"":V||"Please enter a valid value!")});const we=f.useCallback(()=>{se.current&&se.current.focus()},[]),Se=f.useCallback(()=>void 0!==oe.current?oe.current:pe(c,he.current),[c]),Ie=f.useCallback(()=>E,[E]),Le=f.useCallback(()=>H,[H]),Ne=f.useCallback(()=>{const e=void 0!==V,t=Se();return{customError:e,valid:void 0!==F?F:!(de.current.valueIsOutOfRange||Le()&&null==t),valueMissing:null==t}},[V,F,Se,Le]),Me=f.useCallback(()=>q,[q]),Re=f.useCallback(()=>a,[a]),ze=f.useCallback(()=>{const e={element:se.current,focus:we};return Object.defineProperty(e,"name",{get:Ie}),Object.defineProperty(e,"value",{get:Se}),Object.defineProperty(e,"validity",{get:Ne}),Object.defineProperty(e,"validityStyles",{get:Me}),Object.defineProperty(e,"required",{get:Le}),Object.defineProperty(e,"props",{get:Re}),e},[Ie,Se,Ne,Me,Le,we,Re]);f.useImperativeHandle(t,ze);const Te=f.useRef(null);f.useImperativeHandle(Te,ze),r.useWebMcpRegister("numerictextbox",Te,a,a.webMcp);const Pe=f.useCallback(()=>({eventValue:pe(c,he.current),prevLooseValue:ve.current,currentLooseValue:se.current.value,selectionStart:se.current.selectionStart,selectionEnd:se.current.selectionEnd,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1,isPaste:fe.current,focused:de.current.focused}),[c]),De=f.useCallback((e,t)=>{if($)return;oe.current=t.eventValue,he.current=t.eventValue;const a=me(ke(t.eventValue,y,C),d,re),n=ke(re.parseNumber(a,d),y,C);n!==t.eventValue&&(t.valueIsOutOfRange=!0,t.eventValue=n,he.current=n),c!==t.eventValue&&r.dispatchEvent(W,e,ze(),{value:t.eventValue}),oe.current=void 0,de.current=t,ue(e=>!e)},[c,W,$,ue,ze]),Fe=f.useCallback(e=>{const t=Number(e);if(isNaN(t))return;const a=ke(t,y,C),n=me(a,d,re),r={...de.current,eventValue:a,currentLooseValue:n,selectionStart:n.length,selectionEnd:n.length},l={target:se.current,currentTarget:se.current};De(l,r)},[y,C,d,re,De]);r.useKendoPaste(se,{fieldName:ye,onValueChange:Fe,enabled:!!ye});const Ke=f.useCallback(e=>{const t=Pe();fe.current=!1,De(e,Ve(t,d,re))},[d,W,re,De,Pe]),Ae=f.useCallback(e=>{if(R||$)return;let t=Pe();const a=re.parseNumber(String(t.currentLooseValue),d);if(t.selectionEnd>t.selectionStart&&t.selectionEnd-t.selectionStart===String(t.currentLooseValue).length){const t=re.numberSymbols(),a=t&&e.key===t.minusSign,n=t&&e.key===t.decimal;return void(fe.current=!a&&!n)}switch(e.keyCode){case 38:ge(a,t,K,y,C,d,re);break;case 40:be(a,t,K,y,C,d,re);break;case 13:{if(!1===X)return;const e=me(ke(a,y,C),d,re),n=ke(re.parseNumber(e,d),y,C);t.eventValue=n,t.currentLooseValue=me(n,d,re),t.selectionStart=t.selectionEnd=t.currentLooseValue.length;break}case 110:{const e=se.current,a=re.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,d,re));break}default:return}e.preventDefault(),De(e,t)},[d,y,C,K,W,X,De,Pe]),$e=f.useCallback(()=>{fe.current=!0},[]),He=f.useCallback(e=>{if(R||$)return;const t=Pe();ge(re.parseNumber(String(t.currentLooseValue),d),t,K,y,C,d,re),De(e,t)},[d,y,C,K,W,R,$,De,Pe]),qe=f.useCallback(e=>{if(R||$)return;const t=Pe();be(re.parseNumber(String(t.currentLooseValue),d),t,K,y,C,d,re),De(e,t)},[d,y,C,K,W,R,$,De,Pe]),Ge=f.useCallback(e=>{const t=r.getActiveElement(document);!document||t!==se.current||!se.current||R||$||(e.nativeEvent.deltaY<0&&He(e),e.nativeEvent.deltaY>0&&qe(e))},[He,qe,$,R]),_e=f.useCallback(e=>{de.current.currentLooseValue=ve.current,de.current.focused=!0,r.dispatchEvent(j,e,ze(),{}),ue(e=>!e)},[j,ue,ze]),We=f.useCallback(e=>{de.current={eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1},r.dispatchEvent(U,e,ze(),{}),ue(e=>!e)},[U,ue,ze]),je=f.useCallback(e=>{if(document&&se.current){const t=r.getActiveElement(document);e.preventDefault(),t!==se.current&&se.current.focus()}},[]);r.useIsomorphicLayoutEffect(()=>{se.current&&"number"!==se.current.type&&void 0!==de.current.selectionStart&&void 0!==de.current.selectionEnd&&(se.current.selectionStart=de.current.selectionStart,se.current.selectionEnd=de.current.selectionEnd,de.current.selectionStart=void 0,de.current.selectionEnd=void 0)},[ie]);const[Ue,Xe]=f.useState(x);r.useIsomorphicLayoutEffect(()=>{if(void 0!==x)Xe(x);else if(se.current&&se.current.parentElement){const e=getComputedStyle(se.current.parentElement).direction;Xe("rtl"===e?"rtl":void 0)}},[x]);const Ye=!Me()||Ne().valid,Ze=f.createElement("span",{dir:x,style:w?P:{width:p,...P},className:r.classNames("k-input","k-numerictextbox",{[`k-input-${r.kendoThemeMaps.sizeMap[Y]||Y}`]:Y,[`k-input-${J}`]:J,[`k-rounded-${r.kendoThemeMaps.roundedMap[Z]||Z}`]:Z,"k-invalid":!Ye,"k-required":H,"k-disabled":$},i),...w?{}:te},f.createElement(xe,null),f.createElement("input",{role:"spinbutton",value:null===Ce?"":Ce,tabIndex:r.getTabIndex(m,$),accessKey:g,disabled:$,title:b,"aria-valuemin":A?y:void 0,"aria-valuemax":A?C:void 0,"aria-label":N,"aria-labelledby":L,"aria-describedby":I,"aria-required":H||void 0,placeholder:k,spellCheck:!1,autoComplete:"off",autoCorrect:"off",autoFocus:Q,type:M||"tel",className:"k-input-inner",id:ne,name:E,readOnly:R,style:D,dir:Ue,onChange:Ke,onFocus:_e,onBlur:We,onKeyDown:Ae,onPaste:$e,onWheel:Ge,ref:se,...ee}),f.createElement(Ee,null),O,A&&f.createElement("span",{className:"k-input-spinner k-spin-button",onMouseDown:je},f.createElement(o.Button,{tabIndex:-1,type:"button",icon:"chevron-up",svgIcon:l.chevronUpIcon,fillMode:J,size:Y,disabled:$,className:"k-spinner-increase","aria-label":le.toLanguageString(v,ce[v]),title:le.toLanguageString(v,ce[v]),onClick:He}),f.createElement(o.Button,{tabIndex:-1,type:"button",icon:"chevron-down",svgIcon:l.chevronDownIcon,fillMode:J,size:Y,disabled:$,className:"k-spinner-decrease","aria-label":le.toLanguageString(h,ce[h]),title:le.toLanguageString(h,ce[h]),onClick:qe})));return w?f.createElement(s.FloatingLabel,{label:w,editorId:ne,editorValue:null===Ce?"":Ce,editorValid:Ye,editorDisabled:$,editorPlaceholder:k,children:Ze,style:{width:p},dir:x,...te}):Ze});ze.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(["small","medium","large"]),rounded:a.oneOf(["small","medium","large","full","none"]),fillMode:a.oneOf(["solid","flat","outline"]),inputAttributes:a.object};const Be={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:void 0,rounded:void 0,fillMode:void 0};ze.displayName="KendoNumericTextBox";const Te=e=>null!=e&&""!==e,Pe=(e,t,a)=>!Te(e)||isNaN(e)||e<=t?t:e>=a?a:e,De=(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(!Te(e))return;const n=i.parseColor(e.trim(),a);return Te(n)?"hex"===t?n.toCss():n.toCssRgba():void 0},Fe=(e,t=!0)=>{const a=i.parseColor(e,t);return Te(a)?a.toHSV():{}},Ke=(e,t=!0)=>{const a=i.parseColor(e,t);return Te(a)?a.toBytes():{}},Ae=e=>{const t=Pe(e.h,0,359.9),a=Pe(e.s,0,1),n=Pe(e.v,0,1),r=Pe(e.a,0,1);return i.Color.fromHSV(t,a,n,r).toCssRgba()},$e=e=>Ae({h:e,s:1,v:1,a:1}),He=(e,t)=>{const a=Pe(e.r,0,255),n=Pe(e.g,0,255),r=Pe(e.b,0,255),l=Pe(e.a,0,1),s=Pe(t.r,0,255),o=Pe(t.g,0,255),i=Pe(t.b,0,255);return{r:Math.round((1-l)*s+l*a),g:Math.round((1-l)*o+l*n),b:Math.round((1-l)*i+l*r)}},qe=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]},Ge=(e,t)=>((e,t)=>(Math.max(e,t)+.05)/(Math.min(e,t)+.05))(qe(He(e,t)),qe(He(t,{r:0,g:0,b:0}))),_e=f.forwardRef((e,t)=>{const a=f.useRef(null),n=f.useRef(null),l=f.useRef(void 0),s=r.useUnstyled(),o=s&&s.uTextBox,i=f.useCallback(()=>{var e;return void 0!==l.current?l.current:null==(e=a.current)?void 0:e.value},[]),c=f.useRef(null);f.useImperativeHandle(n,()=>({get element(){return a.current},get name(){return a.current&&a.current.name},get value(){return i()},setValue(e){var t;a.current&&(a.current.value=e);const n={target:a.current,currentTarget:a.current};null==(t=c.current)||t.call(c,n)}})),f.useImperativeHandle(t,()=>n.current),r.useWebMcpRegister("textbox",n,e,e.webMcp);const{size:u=We.size,fillMode:d=We.fillMode,rounded:p=We.rounded,autoFocus:m=We.autoFocus,inputAttributes:v,className:h,dir:g,style:b,prefix:k=We.prefix,suffix:y=We.suffix,valid:C,onFocus:x,onBlur:E,modified:w,touched:S,visited:I,validationMessage:L,autoSize:N,textareaStyle:M,...R}=e,[V]=r.useCustomComponent(k),[O]=r.useCustomComponent(y),[z,B]=f.useState(!1),T=f.useCallback(t=>{l.current=t.target.value,e.onChange&&e.onChange.call(void 0,{syntheticEvent:t,nativeEvent:t.nativeEvent,value:t.target.value,target:n.current}),l.current=void 0},[e.onChange]);c.current=T;const P=e.name||e.id,D=f.useCallback(e=>{a.current&&(a.current.value=e);const t={target:a.current,currentTarget:a.current};T(t)},[T]);r.useKendoPaste(a,{fieldName:P,onValueChange:D});const{onFocus:F,onBlur:K}=r.useAsyncFocusBlur({onFocus:e=>{B(!0)},onBlur:e=>{B(!1)},onSyncFocus:x,onSyncBlur:E}),A=f.useMemo(()=>r.classNames("k-input","k-textbox",{[`k-input-${r.kendoThemeMaps.sizeMap[u]||u}`]:u,[`k-input-${d}`]:d,[`k-rounded-${r.kendoThemeMaps.roundedMap[p]||p}`]:p,"k-focus":z,"k-required":e.required,"k-disabled":e.disabled,"k-invalid":!1===e.valid},h),[h,d,z,e.disabled,e.required,e.valid,p,u]);return f.createElement("span",{style:b,dir:g,className:A,onFocus:F,onBlur:K},f.createElement(V,null),f.createElement("input",{ref:a,className:r.classNames(r.uTextBox.inputInner({c:o})),autoFocus:m,...Object.assign({},R,v),"aria-required":e.required,onChange:T}),f.createElement(O,null))}),We={prefix:e=>null,suffix:e=>null,size:void 0,rounded:void 0,fillMode:void 0,autoFocus:!1};_e.propTypes={size:a.oneOf(["small","medium","large"]),rounded:a.oneOf(["small","medium","large","full","none"]),fillMode:a.oneOf(["solid","flat","outline"]),autoFocus:a.bool,inputAttributes:a.object},_e.displayName="KendoReactTextBoxComponent";let je=class extends f.Component{constructor(e){super(e),this.onChange=e=>{const t=e.target.value,a=De(t,"rgba");this.setState({hex:t}),Te(a)&&this.props.onHexChange(t,a,e)},this.onBlur=()=>{Te(De(this.state.hex,"rgba"))||this.setState({hex:this.state.originalHex})},this.state={hex:this.props.hex,originalHex:this.props.hex}}render(){return f.createElement(_e,{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,rounded:this.props.rounded})}static getDerivedStateFromProps(e,t){return e.hex!==t.originalHex?{hex:e.hex,originalHex:e.hex}:null}};const Ue=["rgba","rgb","hex"];let Xe=class extends f.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||Ue[1]}}render(){const e=n.provideLocalizationService(this),t=e.toLanguageString(w,ce[w]),a=e.toLanguageString(y,ce[y]),r=e.toLanguageString(C,ce[C]),s=e.toLanguageString(x,ce[x]),i=e.toLanguageString(E,ce[E]),c=e.toLanguageString(O,ce[O]),u=e.toLanguageString(le,ce[le]),d=e.toLanguageString(se,ce[se]),p=e.toLanguageString(oe,ce[oe]),m=e.toLanguageString(ie,ce[ie]);return f.createElement("div",{className:"k-colorgradient-inputs k-hstack"},f.createElement("div",{className:"k-vstack"},f.createElement(o.Button,{"aria-label":c,fillMode:"flat",icon:"caret-alt-expand",svgIcon:l.caretAltExpandIcon,className:"k-colorgradient-toggle-mode",onClick:this.onToggleModeChange.bind(this)})),"hex"===this.state.inputMode&&f.createElement("div",{className:"k-vstack k-flex-1"},f.createElement(je,{hex:this.props.hex,onHexChange:this.props.onHexChange,disabled:this.props.disabled,size:this.props.size,fillMode:this.props.fillMode,rounded:this.props.rounded}),f.createElement("label",{className:"k-colorgradient-input-label"},t)),("rgb"===this.state.inputMode||"rgba"===this.state.inputMode)&&f.createElement(f.Fragment,null,f.createElement("div",{className:"k-vstack"},f.createElement(ze,{value:this.props.rgba.r,ariaLabel:u,min:0,max:255,spinners:!1,format:"n",onChange:this.onRgbaRChange,disabled:this.props.disabled,size:this.props.size,fillMode:this.props.fillMode,rounded:this.props.rounded}),f.createElement("label",{className:"k-colorgradient-input-label"},a)),f.createElement("div",{className:"k-vstack"},f.createElement(ze,{value:this.props.rgba.g,ariaLabel:d,min:0,max:255,spinners:!1,format:"n",onChange:this.onRgbaGChange,disabled:this.props.disabled,size:this.props.size,fillMode:this.props.fillMode,rounded:this.props.rounded}),f.createElement("label",{className:"k-colorgradient-input-label"},r)),f.createElement("div",{className:"k-vstack"},f.createElement(ze,{value:this.props.rgba.b,ariaLabel:p,min:0,max:255,spinners:!1,format:"n",onChange:this.onRgbaBChange,disabled:this.props.disabled,size:this.props.size,fillMode:this.props.fillMode,rounded:this.props.rounded}),f.createElement("label",{className:"k-colorgradient-input-label"},s))),"rgba"===this.state.inputMode&&f.createElement("div",{className:"k-vstack"},this.props.opacity&&f.createElement(ze,{value:this.props.rgba.a,ariaLabel:m,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,rounded:this.props.rounded}),this.props.opacity&&f.createElement("label",{className:"k-colorgradient-input-label"},i)))}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=Ue.length-1===Ue.indexOf(this.state.inputMode)?0:Ue.indexOf(this.state.inputMode)+1;if(this.props.opacity)this.setState({inputMode:Ue[e]});else{const t="rgba"===Ue[e]?e+1:e;this.setState({inputMode:Ue[t]})}}};n.registerForIntl(Xe),n.registerForLocalization(Xe);var Ye=(e=>(e[e.Literal=0]="Literal",e[e.Mask=1]="Mask",e[e.Undefined=2]="Undefined",e))(Ye||{});let Ze=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} })`}},Je=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 Qe=e=>(e||"").split("");let et=class e{constructor(e){this.parse=e}run(e,t=""){return e instanceof Je?this.parse(e):this.parse(new Je(Qe(e),Qe(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===Ye.Literal}};const tt=(e,t)=>new et(a=>{let{char:n}=a.next();const r=e[n];return"\\"===n?(n=a.next().char,new Ze(t.literal(n),a)):new Ze(r?t.mask(r):t.literal(n),a)}),at=e=>new et(t=>{const{prompt:a,promptPlaceholder:n}=e,{char:r}=t.next();return new Ze(r===a?n:r,t)}),nt=e=>new et(t=>{const{char:a}=t.next();return new Ze(e?a:"",t)}),rt=e=>e.reduce((e,t)=>((e,t)=>e.chain(e=>t.map(t=>e.concat([t]))))(e,t),(e=>new et(t=>new Ze(e,t)))([])),lt=e=>new et(t=>{let a=new Ze([],t);for(;!t.eof();)a=a.concat(e.run(t));return a});let st=class{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 rt(this.validationTokens).run(e).fold(e=>{t=e.join("")}),t}rawValue(e=""){let t=e;return this.rawTokens.length&&rt(this.rawTokens).run(e).fold(e=>{t=e.join("")}),t}maskRaw(e=""){let t=e;return this.maskTokens.length&&rt(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 l=n,s=t.split("").slice(0,a),o=t.split("").slice(n);return rt(this.maskTokens.slice(a,n)).run(e).fold(e=>{r=s.concat(e).concat(o).join("")}),{selection:l,value:r}}maskRemoved(e,t,a){let n="",r=a;const l=e.split("").slice(a),s=e.split("").slice(0,a).join(""),o=this.maskTokens.length-(e.length-a);return rt(this.maskTokens.slice(0,o)).run(s,t).fold(e=>{r=this.adjustPosition(e,r),n=e.concat(l).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 l=e.slice(0,a);return rt(this.unmaskTokens).run(l,t).chain(e=>{r=e.join("").length;const a=t.slice(r);return rt(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 et(t=>t.peek().char===e?(t.eat(),new Ze(e,t,Ye.Literal)):new Ze(e,t,Ye.Literal)))(e),mask:a=>(e=>t=>new et(a=>{const{prompt:n,promptPlaceholder:r}=e;for(;!a.eof();){const{char:e,control:l}=a.peek();if(e===l&&l===n)return a.eat(),new Ze(n,a,Ye.Mask);if(t.test(e))return a.eat(),new Ze(e,a,Ye.Mask);if(e===r)return a.eat(),new Ze(n,a,Ye.Mask);a.eat_input()}return a.eat(),new Ze(n,a,Ye.Mask)}))({prompt:e,promptPlaceholder:t})(a)}}get unmaskTokenCreator(){return{literal:e=>(e=>new et(t=>{if(t.eof())return new Ze("",t);const{char:a}=t.peek();return a===e&&t.eat(),new Ze(e,t)}))(e),mask:e=>(e=>t=>new et(a=>{for(;!a.eof();){const{char:n,control:r}=a.peek();if(n===e&&r===e)return a.eat(),new Ze(n,a);if(t.test(n))return a.eat(),new Ze(n,a);a.eat_input()}return a.eat(),new Ze("",a)}))(this.prompt)(e)}}get rawTokenCreator(){const{prompt:e,promptPlaceholder:t,includeLiterals:a}=this;return{literal:e=>nt(a),mask:a=>at({prompt:e,promptPlaceholder:t})}}get validationTokenCreator(){const{prompt:e}=this;return{literal:e=>nt(!1),mask:t=>at({prompt:e,promptPlaceholder:""})}}tokenize(){lt(tt(this.rules,this.maskTokenCreator)).run(this.mask).fold((e,t)=>{this.maskTokens=e}),lt(tt(this.rules,this.unmaskTokenCreator)).run(this.mask).fold((e,t)=>{this.unmaskTokens=e}),lt(tt(this.rules,this.rawTokenCreator)).run(this.mask).fold((e,t)=>{this.rawTokens=e}),lt(tt(this.rules,this.validationTokenCreator)).run(this.mask).fold((e,t)=>{this.validationTokens=e})}};const ot={"#":/[\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]/},it=()=>!1,ct=(e,t)=>e.includeLiterals!==t.includeLiterals||e.mask!==t.mask||e.prompt!==t.prompt||e.promptPlaceholder!==t.promptPlaceholder||!ut(e.rules,t.rules),ut=(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},dt=class e extends f.Component{constructor(){super(...arguments),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.handleKendoPasteValue=e=>{const t=null!=e?String(e):"",a={target:this._input,currentTarget:this._input,nativeEvent:new Event("change",{bubbles:!0})};this.triggerOnChange(t,a)},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 l=this.value;let s;if(this._isPasted){this._isPasted=!1;const e=l.length-r,t=a.length-e;s=this._service.maskInRange(a.slice(n,t),l,n,r)}else s=this._service.maskInput(a,l,t.selectionStart||0);this._selection=[s.selection,s.selection],this.triggerOnChange(s.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||"")}}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)}ct(e,this.props)&&this.updateService(),this.setValidity()}componentDidMount(){this.updateService(),this.setValidity();const e=this.props.name||this.props.id;this.KendoPasteSubscription=r.subscribeToKendoPaste(this._input,{fieldName:e,onValueChange:e=>{this.handleKendoPasteValue(e)}})}componentWillUnmount(){var e;null==(e=this.KendoPasteSubscription)||e.unsubscribe()}render(){const{size:t=e.defaultProps.size,fillMode:a=e.defaultProps.fillMode,rounded:n=e.defaultProps.rounded,autoFocus:l=e.defaultProps.autoFocus,prefix:o=e.defaultProps.prefix,suffix:i=e.defaultProps.suffix,inputAttributes:c,unstyled:u,className:d}=this.props,p=this.props.id||this._inputId,m=!this.validityStyles||this.validity.valid,v=this.props.style||{},h=u&&u.uMaskedTextBox,[g]=r.useCustomComponent(o),[b]=r.useCustomComponent(i),k=f.createElement("span",{dir:this.props.dir,className:r.classNames("k-input","k-maskedtextbox",{[`k-input-${r.kendoThemeMaps.sizeMap[t]||t}`]:t,[`k-input-${a}`]:a,[`k-rounded-${r.kendoThemeMaps.roundedMap[n]||n}`]:n,"k-invalid":!m,"k-disabled":this.props.disabled},d),style:this.props.label?v:{width:this.props.width,...v}},f.createElement(g,null),f.createElement("input",{type:"text",autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",autoFocus:l,spellCheck:!1,className:r.classNames(r.uMaskedTextBox.inputInner({c:h})),value:this.value,id:p,"aria-label":this.props.ariaLabel,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-placeholder":this.props.mask,"aria-required":this.props.required,"aria-invalid":m?void 0:"true",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:it,onDrop:it,...c}),f.createElement(b,null));return this.props.label?f.createElement(s.FloatingLabel,{label:this.props.label,editorId:p,editorValue:this.value,editorValid:m,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({},ot,this.props.rules)}};dt.displayName="MaskedTextBox",dt.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,ariaLabel:a.string,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.node,validationMessage:a.string,required:a.bool,valid:a.bool,validityStyles:a.bool,onChange:a.func,size:a.oneOf(["small","medium","large"]),rounded:a.oneOf(["small","medium","large","full","none"]),fillMode:a.oneOf(["solid","flat","outline"]),autoFocus:a.bool,inputAttributes:a.object},dt.defaultProps={prompt:"_",promptPlaceholder:" ",includeLiterals:!1,maskValidation:!0,rules:ot,validityStyles:!0,prefix:e=>null,suffix:e=>null,size:void 0,rounded:void 0,fillMode:void 0,autoFocus:!1};let pt=dt;const mt=r.createPropsContext(),ft=r.withIdHOC(r.withPropsContext(mt,r.withUnstyledHOC(pt)));ft.displayName="KendoReactMaskedTextBox";const vt=f.forwardRef((e,t)=>{const[a,n]=r.useMergedRef(t);return r.useWebMcpRegister("maskedtextbox",a,e,e.webMcp),f.createElement(ft,{...e,ref:n})});vt.displayName="KendoReactMaskedTextBox";const ht=Object.freeze({name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"15.2.0-develop.6",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"}),gt="data-slider-label",bt={step:1,largeStep:10,buttons:!1,vertical:!1,disabled:!1,readOnly:!1,tabIndex:0},kt=f.forwardRef((e,a)=>{var s,i,c;const{step:u=bt.step,largeStep:d=bt.largeStep,vertical:p=bt.vertical,disabled:m=bt.disabled,tabIndex:v=bt.tabIndex,readOnly:h=bt.readOnly}=e,[y,C]=t.useState(null!=(s=e.defaultValue)?s:e.min),[x,E]=t.useState(!1),[w,S]=t.useState(e.dir),I=t.useRef(null),L=t.useRef(null),N=t.useMemo(()=>new n.LocalizationService,[]),M=t.useRef(null),R=void 0!==e.value,V=R&&void 0!==e.value?e.value:y,O=t.useMemo(()=>V<e.min?e.min:V>e.max?e.max:V,[V,e.min,e.max]),z=t.useMemo(()=>{const t=e.max-e.min;return 0===t?0:(O-e.min)/t*100},[O,e.min,e.max]),B=null!=(i=e.dir)?i:w;t.useEffect(()=>{if(void 0===e.dir&&L.current){const e=window.getComputedStyle(L.current).direction;e!==w&&S(e)}},[e.dir,w]);const T=t.useCallback(e=>{let t=e;for(;t;){if(t.getAttribute(gt))return!0;t=t.parentElement}return!1},[]),P=t.useCallback((t,a)=>{const n=Math.min(Math.max(a,e.min),e.max);R||C(n),r.dispatchEvent(e.onChange,t,M.current,{value:n})},[e.min,e.max,e.onChange,R]),D=t.useCallback(()=>{E(!0)},[]),F=t.useCallback(()=>{E(!1)},[]),K=t.useCallback(t=>{if(m)return;let a;t.keyCode===r.Keys.left||t.keyCode===r.Keys.down?a=O-(u||0):t.keyCode===r.Keys.right||t.keyCode===r.Keys.up?a=O+(u||0):t.keyCode===r.Keys.pageDown?a=O-(d||0):t.keyCode===r.Keys.pageUp?a=O+(d||0):t.keyCode===r.Keys.home?a=e.min:t.keyCode===r.Keys.end&&(a=e.max),void 0!==a&&(t.preventDefault(),P(t,a))},[O,u,d,e.min,e.max,P,m]),A=t.useCallback(e=>{e.preventDefault(),!m&&P(e,O-(u||0))},[O,u,P,m]),$=t.useCallback(e=>{e.preventDefault(),!m&&P(e,O+(u||0))},[O,u,P,m]),H=t.useCallback(t=>{const a=t.element.getBoundingClientRect();let n;n=p?a.bottom-t.event.clientY:"rtl"===B?a.right-t.event.clientX:t.event.clientX-a.left;const r=n/(p?a.height:a.width);P(t,e.min+r*(e.max-e.min))},[p,e.min,e.max,B,P]),q=t.useCallback(e=>{T(e.event.originalEvent.target)||(e.event.isTouch&&e.event.originalEvent.preventDefault(),H(e))},[T,H]),G=t.useCallback(e=>{e.event.originalEvent.preventDefault(),H(e)},[H]),_=t.useCallback(()=>{L.current&&L.current.focus()},[]),W=t.useCallback(e=>{if(!e.enabled)return e.children;let t,a,n,r;return"rtl"===B?(t=p?l.chevronUpIcon:l.chevronLeftIcon,a=p?l.chevronDownIcon:l.chevronRightIcon,n=p?"chevron-up":"chevron-left",r=p?"chevron-down":"chevron-right"):(t=p?l.chevronUpIcon:l.chevronRightIcon,a=p?l.chevronDownIcon:l.chevronLeftIcon,n=p?"chevron-up":"chevron-right",r=p?"chevron-down":"chevron-left"),f.createElement(f.Fragment,null,f.createElement(o.Button,{className:"k-button-decrease",rounded:"full",icon:r,svgIcon:a,title:e.decrementTitle,onClick:e.decrement}),e.children,f.createElement(o.Button,{className:"k-button-increase",rounded:"full",icon:n,svgIcon:t,title:e.incrementTitle,onClick:e.increment}))},[B,p]);t.useImperativeHandle(a,()=>({props:e,sliderTrack:I.current,focus:_}),[e,_]),r.useWebMcpRegister("slider",M,e,e.webMcp),t.useEffect(()=>{M.current={props:e,sliderTrack:I.current,focus:_}},[e,_]);const j=p?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},U=p?{paddingTop:0,height:"100%"}:{};let X;return X=p?{bottom:"calc("+z+"%)",zIndex:1}:"rtl"===B?{right:"calc("+z+"%)",zIndex:1}:{left:"calc("+z+"%)",zIndex:1},f.createElement("div",{ref:L,dir:B,id:e.id,"aria-label":e.ariaLabel,style:{gap:0,...e.style},onFocus:D,onBlur:F,onKeyDown:K,className:r.classNames("k-slider",{"k-focus":x,"k-disabled":m,"k-readonly":h,"k-slider-horizontal":!p,"k-slider-vertical":p},e.className)},W({enabled:null!=(c=e.buttons)?c:bt.buttons,decrement:A,increment:$,incrementTitle:N.toLanguageString(g,ce[g]),decrementTitle:N.toLanguageString(b,ce[b]),children:f.createElement(r.Draggable,{onDrag:G,onPress:q,autoScroll:!1},f.createElement("div",{className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...j}},e.children&&f.createElement("ul",{className:"k-reset k-slider-items","aria-hidden":"true",style:{margin:0,...U}},f.Children.map(e.children,(t,a)=>t&&f.cloneElement(t,{position:100*(t.props.position-e.min)/(e.max-e.min),vertical:p,firstTick:0===a,lastTick:a===f.Children.count(e.children)-1},t.props.children))),f.createElement("div",{className:"k-slider-track",style:p?{bottom:0,height:"100%"}:{["rtl"===B?"right":"left"]:0,width:"100%"},ref:I},f.createElement("div",{className:"k-slider-selection",style:p?{height:z+"%"}:{width:z+"%"}}),f.createElement("span",{role:"slider","aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":O,"aria-orientation":p?"vertical":void 0,"aria-disabled":m?"true":void 0,"aria-readonly":h?"true":void 0,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-label":e.ariaLabel,tabIndex:r.getTabIndex(v,m,void 0),className:"k-draghandle k-draghandle-end",title:N.toLanguageString(k,ce[k]),style:X}))))}))});kt.displayName="Slider";const yt=r.createPropsContext(),Ct=r.withPropsContext(yt,kt);Ct.displayName="KendoReactSlider",Ct.propTypes={value:a.number,defaultValue:a.number,min:a.number.isRequired,max:a.number.isRequired,step:a.number,largeStep:a.number,onChange:a.func,style:a.object,className:a.string,buttons:a.bool,tabIndex:a.number,disabled:a.bool,readOnly:a.bool,vertical:a.bool,id:a.string,ariaDescribedBy:a.string,ariaLabelledBy:a.string,ariaLabel:a.string,dir:a.oneOf(["ltr","rtl"]),children:a.node},n.registerForLocalization(kt);const xt={};function Et(e,t,a){xt[e]={value:t,hsva:a}}function wt(e,t,a){xt[e]={value:t,rgba:a}}function St(e,t,a){xt[e]={value:t,hex:a}}function It(e,t){if(e){const a=xt[e];return a&&a.value===t?a.hex:void 0}}function Lt(e,t){if(e){const a=xt[e];return a&&a.value===t?a.hsva:void 0}}function Nt(e,t){if(e){const a=xt[e];return a&&a.value===t?a.rgba:void 0}}let Mt=class extends f.Component{render(){const e=n.provideLocalizationService(this),t=e.toLanguageString(S,ce[S]),a=e.toLanguageString(I,ce[I]),s=e.toLanguageString(L,ce[L]),o=e.toLanguageString(N,ce[N]),i=e.toLanguageString(M,ce[M]),c=Ge(this.props.rgba,this.props.bgColor),u=4.5.toFixed(1),d=7..toFixed(1),p=`${t}: ${c.toFixed(2)}`,m=`${a}: ${u}`,v=`${s}: ${d}`,h=f.createElement("span",{className:"k-contrast-validation !k-text-success"},o," ",f.createElement(r.IconWrap,{name:"check",icon:l.checkIcon})),g=f.createElement("span",{className:"k-contrast-validation !k-text-error"},i," ",f.createElement(r.IconWrap,{name:"x",icon:l.xIcon}));return f.createElement("div",{className:"k-vbox k-colorgradient-color-contrast"},f.createElement("div",{className:"k-contrast-ratio"},f.createElement("span",{className:"k-contrast-ratio-text"},p),c>=4.5?f.createElement("span",{className:"k-contrast-validation !k-text-success"},f.createElement(r.IconWrap,{name:"check",icon:l.checkIcon}),c>=7&&f.createElement(r.IconWrap,{name:"check",icon:l.checkIcon})):f.createElement("span",{className:"k-contrast-validation !k-text-error"},f.createElement(r.IconWrap,{name:"x",icon:l.xIcon}))),f.createElement("div",null,f.createElement("span",null,m),c>=4.5?h:g),f.createElement("div",null,f.createElement("span",null,v),c>=7?h:g))}};n.registerForLocalization(Mt);const Rt=(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"/>`,Vt=(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 Ot=class extends f.Component{renderSvgCurveLine(){const e=this.props.metrics,t=(a,n,r,l,s)=>{const o=(r+l)/2,i=Object.assign({},this.props.hsva,{s:n/e.width,v:1-o/e.height}),c=Ge(Ke(Ae(i)),Ke(this.props.backgroundColor||""));return r+.5>l?c<a+1&&c>a-1?o:null:s(c,a)?t(a,n,r,l-(l-r)/2,s):t(a,n,r+(l-r)/2,l,s)},a=(a,n,r=!1)=>{const l=[];for(let s=0;s<=e.width;s+=e.width/n){const n=t(a,s,0,e.height,r?(e,t)=>e<t:(e,t)=>e>t);null!==n&&l.push([s,n])}return l},n=(e=>(t,a,n)=>{const[r,l]=e(n[a-1],n[a-2],t),[s,o]=e(t,n[a-1],n[a+1],!0);return`C ${r},${l} ${s},${o} ${t[0]},${t[1]}`})((e=>(t,a,n,r)=>{const l=e(a||t,n||t),s=l.angle+(r?Math.PI:0),o=.1*l.length;return[t[0]+Math.cos(s)*o,t[1]+Math.sin(s)*o]})(Vt));return Rt(a(4.5,16),n)+Rt(a(4.5,16,!0),n)+Rt(a(7,16),n)+Rt(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&&e.metrics===this.props.metrics)}render(){return f.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 zt="rgba(255, 255, 255, 1)",Bt=class e extends f.Component{constructor(t){super(t),this.wrapperRef=f.createRef(),this.hsvGradientRef=f.createRef(),this.showLicenseWatermark=!1,this.focus=()=>{this.wrapperRef&&this.wrapperRef.current&&this.wrapperRef.current.focus()},this.onHexChange=(e,t,a)=>{if(this.isUncontrolled){const a=Fe(t);this.setState({hsva:a,backgroundColor:$e(a.h),rgba:Ke(t),hex:e})}else St(this.state.guid,t,e);this.dispatchChangeEvent(t,a,a.nativeEvent)},this.onRgbaChange=(e,t)=>{const a=(e=>{const t=Pe(e.r,0,255),a=Pe(e.g,0,255),n=Pe(e.b,0,255),r=Pe(e.a,0,1);return i.Color.fromBytes(t,a,n,r).toCssRgba()})(e);if(this.isUncontrolled){const t=Fe(a),n=De(a,"hex");this.setState({hsva:t,backgroundColor:$e(t.h),rgba:e,hex:n})}else wt(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)},this.showLicenseWatermark=!r.validatePackage(ht,{component:"ColorGradient"}),this.licenseMessage=r.getLicenseMessage(ht);const a=t.value||t.defaultValue||De(zt,"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.gradientWrapper&&(this.resizeObserver=r.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(()=>{this.forceUpdate()}),this.resizeObserver&&this.resizeObserver.observe(this.gradientWrapper)),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 xt[e]})(this.state.guid),this.resizeObserver&&this.resizeObserver.disconnect()}componentDidUpdate(e,t){t.backgroundColor!==this.state.backgroundColor&&this.setAlphaSliderBackground(this.state.backgroundColor)}renderRectangleDragHandle(){const e=n.provideLocalizationService(this),t={};if(!this.state.isFirstRender){const e=this.getGradientRectMetrics(),a=(1-this.state.hsva.v)*e.height,n=this.state.hsva.s*e.width;t.top=`${a}px`,t.left=`${n}px`}return f.createElement("div",{ref:this.hsvGradientRef,role:"slider",tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled),"aria-valuetext":this.props.ariaValueText||`X: ${Math.round(100*this.state.hsva.s)}, Y: ${Math.round(100*(1-this.state.hsva.v))}`,"aria-valuenow":Math.round(100*(1-this.state.hsva.v)),"aria-valuemin":0,"aria-valuemax":100,"aria-label":this.props.ariaLabelHSV||e.toLanguageString(te,ce[te]),"aria-orientation":"undefined",className:"k-hsv-draghandle k-draghandle",style:t,onKeyDown:this.onHsvGradientKeyDown})}moveDragHandle(e,t){const a=this.getGradientRectMetrics(),n=a.width,r=a.height,l=Pe(t,0,r),s=Pe(e,0,n),o=Object.assign({},this.state.hsva,{s:s/n,v:1-l/r});this.handleHsvaChange(o,{},{})}handleHsvaChange(e,t,a){const n=Ae(e),r=De(n,"hex");this.isUncontrolled||Et(this.state.guid,n,e),this.setState({hsva:e,backgroundColor:$e(e.h),rgba:Ke(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){Te(De(e,"hex"))||(e=zt);const a=Lt(t,e)||Fe(e),n=Nt(t,e)||Ke(e),r=It(t,e)||De(e,"hex");return{hsva:a,backgroundColor:$e(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 f.createElement("div",{id:this.props.id,role:this.props.role||"textbox",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:{position:"relative",...this.props.style},ref:this.wrapperRef,tabIndex:r.getTabIndex(this.props.tabIndex,this.props.disabled),"aria-label":"none"===this.props.role?void 0:this.props.ariaLabel,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,onFocus:this.onFocus,onKeyDown:this.onKeyDown},f.createElement("div",{className:"k-colorgradient-canvas "+(this.props._adaptive?"k-vstack":"k-hstack")},f.createElement("div",{className:"k-hsv-rectangle",style:{background:this.state.backgroundColor}},f.createElement(r.Draggable,{onDrag:this.onDrag,onRelease:this.onRelease,ref:e=>{this.gradientWrapper=e?e.element:void 0}},f.createElement("div",{className:"k-hsv-gradient",style:{touchAction:"none"},onClick:this.onGradientWrapperClick},this.renderRectangleDragHandle())),this.props.backgroundColor&&!this.state.isFirstRender&&f.createElement(Ot,{metrics:this.gradientWrapper?this.getGradientRectMetrics():void 0,hsva:this.state.hsva,backgroundColor:this.props.backgroundColor})),f.createElement("div",{className:"k-hsv-controls "+(this.props._adaptive?"k-vstack":"k-hstack")},f.createElement(Ct,{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(R,ce[R])}),this.props.opacity&&f.createElement(Ct,{value:Te(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(V,ce[V]),onChange:this.onAlphaSliderChange,className:"k-alpha-slider k-colorgradient-slider",disabled:this.props.disabled,ref:e=>{this.alphaSlider=e}}))),f.createElement(Xe,{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,rounded:this.props.rounded}),this.props.backgroundColor&&f.createElement(Mt,{bgColor:Ke(this.props.backgroundColor),rgba:this.state.rgba}),this.showLicenseWatermark&&f.createElement(r.WatermarkOverlay,{message:this.licenseMessage}))}};Bt.displayName="ColorGradient",Bt.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])},Bt.defaultProps={opacity:!0,role:"textbox",format:"rgba",size:void 0};let Tt=Bt;const Pt=r.createPropsContext(),Dt=r.withIdHOC(r.withPropsContext(Pt,Tt));Dt.displayName="KendoReactColorGradient";let Ft=class{constructor(){this.colorRows=[]}setColorMatrix(e,t){if(this.colorRows=[],Te(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(!Te(e))return;const t=e&&i.parseColor(e,!0),a=[e];Te(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(Te(e)&&Te(this.colorRows[e.row]))return this.colorRows[e.row][e.col]}getNextCell(e,t,a){if(!(Te(e)&&Te(e.row)&&Te(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 Kt={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}},At="office",$t={palette:At,columns:10,tileSize:24},Ht=r.createPropsContext(),qt=f.forwardRef((e,a)=>{const n=r.usePropsContext(Ht,e),{palette:l=$t.palette,columns:s=$t.columns,tileSize:o=$t.tileSize,value:i,defaultValue:c,disabled:u=!1,tabIndex:d,onChange:p,onFocus:m,className:v,size:h,id:g,ariaLabelledBy:b,ariaDescribedBy:k,ariaLabel:y}=n,C=t.useRef(null),x=t.useRef({focus:()=>{var e;null==(e=C.current)||e.focus()},wrapperRef:C}),E=null!=s?s:$t.columns,w=t.useMemo(()=>(e=>{if(Array.isArray(e))return e;if("string"==typeof e){const t=Kt[e];if(t)return t.colors}return[]})(l),[l]),S=t.useMemo(()=>{const e=new Ft;return e.setColorMatrix(w,E),e},[w,E]),[I,L]=t.useState(()=>void 0!==i?i:c||""),[N,M]=t.useState(""),R=void 0!==i;t.useEffect(()=>{R&&L(i)},[i,R]);const V=t.useCallback(e=>{if(u||0===w.length)return;const t=I||w[0];M(t),m&&m(e)},[u,w,I,m]),O=t.useCallback(()=>{M("")},[]),z=t.useCallback(e=>{if(u)return;const{key:t}=e,a=()=>N||I||w[0],n=(e,t)=>e<0?t:e>t?0:e;switch(t){case"ArrowRight":e.preventDefault();{const e=a(),t=S.getCellCoordsFor(e);if(t&&S.colorRows[t.row]){const e=S.colorRows[t.row].length-1,a=n(t.col+1,e),r=S.colorRows[t.row][a];r&&M(r)}}break;case"ArrowLeft":e.preventDefault();{const e=a(),t=S.getCellCoordsFor(e);if(t&&S.colorRows[t.row]){const e=S.colorRows[t.row].length-1,a=n(t.col-1,e),r=S.colorRows[t.row][a];r&&M(r)}}break;case"ArrowDown":e.preventDefault();{const e=a(),t=S.getCellCoordsFor(e);if(t){const e=S.colorRows.length-1,a=n(t.row+1,e),r=Math.min(t.col,S.colorRows[a].length-1),l=S.colorRows[a][r];l&&M(l)}}break;case"ArrowUp":e.preventDefault();{const e=a(),t=S.getCellCoordsFor(e);if(t){const e=S.colorRows.length-1,a=n(t.row-1,e),r=Math.min(t.col,S.colorRows[a].length-1),l=S.colorRows[a][r];l&&M(l)}}break;case"Enter":e.preventDefault();{const t=a();if(t&&(R||L(t),p)){const a=De(t,"rgba");r.dispatchEvent(p,e,null,{value:t,rgbaValue:a||""})}}}},[u,N,I,w,S,R,p]),B=t.useCallback((e,t)=>{if(u)return;const a=e;if(R||L(a),p){const e=De(a,"rgba");r.dispatchEvent(p,t,null,{value:a,rgbaValue:e||""})}},[u,p,R]),T=t.useCallback((e,t)=>e.map((e,t)=>{const a=I&&e.toLowerCase()===I.toLowerCase(),n=N&&e.toLowerCase()===N.toLowerCase(),l=r.classNames("k-colorpalette-tile",{"k-selected":a,"k-focus":n}),s={backgroundColor:e};return"number"==typeof o?(s.width=`${o}px`,s.height=`${o}px`):o&&"object"==typeof o&&("width"in o&&(s.width=`${o.width}px`),"height"in o&&(s.height=`${o.height}px`)),f.createElement("td",{key:e,role:"gridcell",className:l,style:s,"aria-label":e,"aria-selected":a?"true":void 0,onClick:t=>B(e,t)})}),[I,N,o,B]),P=t.useCallback(()=>S.colorRows.map((e,t)=>f.createElement("tr",{key:e[0]||t,role:"row"},T(e,t))),[S,T]),D=t.useCallback(()=>({focus:()=>{var e;null==(e=C.current)||e.focus()},wrapperRef:C}),[]);t.useImperativeHandle(x,D),t.useImperativeHandle(a,D);const F=r.classNames("k-colorpalette",v,{"k-disabled":u,"k-colorpalette-sm":"small"===h,"k-colorpalette-md":"medium"===h,"k-colorpalette-lg":"large"===h});return f.createElement("div",{ref:C,role:"grid",className:F,tabIndex:r.getTabIndex(d,u),id:g,"aria-label":y,"aria-labelledby":b,"aria-describedby":k,"aria-disabled":u?"true":void 0,onFocus:V,onBlur:O,onKeyDown:z},f.createElement("table",{className:"k-colorpalette-table",role:"none"},f.createElement("tbody",null,P())))});qt.displayName="ColorPalette",qt.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"])};const Gt=r.withIdHOC(qt);Gt.displayName="KendoReactColorPalette";const _t=qt,Wt=e=>{const t=e.popupSettings||{},a="rtl"===e.dir?"right":"left",n=f.useMemo(()=>({horizontal:a,vertical:"bottom"}),[a]),l=f.useMemo(()=>({horizontal:a,vertical:"top"}),[a]);return f.createElement(f.Fragment,null,e.input,e.button,!e._mobileMode&&f.createElement(c.Popup,{style:{...(t||{}).style,direction:e.dir},...t,anchor:e.popupAnchor,anchorAlign:n,popupAlign:l,show:e.open,onOpen:e.onOpen,onClose:e.onClose,className:r.classNames(t.className),popupClass:"k-colorpicker-popup"},e.content),e._mobileMode&&e._actionSheet)};Wt.displayName="KendoPickerComponent";const jt=f.forwardRef((e,t)=>{const a=!r.validatePackage(ht,{component:"FlatColorPicker"}),s=r.getLicenseMessage(ht),i=f.useRef(null),c=f.useRef(null),u=f.useRef(null),{defaultValue:d,showButtons:p=!0,showPreview:m=!0,showClearButton:v=!0,view:h=(e.views?void 0:"ColorGradient"),views:g=(h?void 0:["gradient","palette"]),activeView:b="gradient",size:k,rounded:y}=e,[C,x]=f.useState("ColorGradient"===(h||"ColorGradient")),[E,w]=f.useState("gradient"===(null!=g?g:[])[0]&&"gradient"===b),[S,I]=f.useState(e.value||d||void 0),[L,N]=f.useState(e.value||d||void 0),M=void 0!==e.value?e.value:void 0;f.useEffect(()=>{I(e.value)},[e.value]);const R=n.useLocalization(),V=f.useCallback(()=>{i.current&&i.current.focus()},[i]);f.useImperativeHandle(i,()=>({element:c.current,focus:V,props:e,value:M}),[M,V,e]),f.useImperativeHandle(t,()=>i.current);const O=f.useCallback(e=>{("ColorGradient"===e&&!C||"ColorPalette"===e&&C)&&x(!C)},[C]),F=f.useCallback(e=>{"gradient"===e&&!E||"palette"===e&&E||"palette"===e&&"gradient"===b?w(!E):"gradient"===e&&"palette"===b&&w(!0)},[b,E]),K=f.useCallback(t=>{var a;const n=d||void 0;if(I(n),N(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)}},[d,e.onPreviewChange]),A=f.useCallback(t=>{var a;if(I(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]),$=f.useCallback(t=>{if(void 0!==S&&N(S),e.onChange){const a={value:S,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onChange.call(void 0,a)}},[S,e.onChange]),H=f.useCallback(()=>{I(L),e.setOpen&&e.setOpen(!1)},[L]),q=f.useCallback(t=>{if(I(L),e.onPreviewChange){const a={value:L,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onPreviewChange.call(void 0,a)}},[L,e.onPreviewChange]),G=f.useCallback(t=>{var a,n;if((!t.relatedTarget||null==(a=c.current)||!a.contains(t.relatedTarget))&&(null==(n=e.gradientSettings)||!n._adaptive)&&(!p&&void 0!==S&&N(S),!p&&e.onChange)){const a={value:S,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onChange.call(void 0,a)}},[S,p,e.onChange]),_=f.useMemo(()=>new r.Navigation({root:c,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))}}}}),[]),W=f.useCallback(_.triggerKeyboardEvent.bind(_),[]);return f.createElement("div",{id:e.id,role:"textbox","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-disabled":e.disabled?"true":void 0,style:{position:"relative",...e.style},ref:c,tabIndex:r.getTabIndex(e.tabIndex,e.disabled),className:r.classNames("k-flatcolorpicker k-coloreditor",{[`k-coloreditor-${r.kendoThemeMaps.sizeMap[k]||k}`]:k,"k-disabled":e.disabled},e.className),onBlur:G,onKeyDown:W},e.header||f.createElement("div",{className:"k-coloreditor-header k-hstack"},f.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},g&&"gradient"===g[0]&&"palette"===g[1]&&f.createElement(o.ButtonGroup,{className:"k-button-group-flat"},f.createElement(o.Button,{type:"button","aria-label":R.toLanguageString(T,ce[T]),size:k,fillMode:"flat",svgIcon:l.dropletSliderIcon,className:E?"k-selected":void 0,onClick:()=>F("gradient")}),f.createElement(o.Button,{type:"button","aria-label":R.toLanguageString(P,ce[P]),size:k,fillMode:"flat",svgIcon:l.paletteIcon,className:E?void 0:"k-selected",onClick:()=>F("palette")})),g&&"palette"===g[0]&&"gradient"===g[1]&&f.createElement(o.ButtonGroup,{className:"k-button-group-flat"},f.createElement(o.Button,{type:"button","aria-label":R.toLanguageString(P,ce[P]),fillMode:"flat",size:k,svgIcon:l.paletteIcon,className:E?void 0:"k-selected",onClick:()=>F("palette")}),f.createElement(o.Button,{type:"button","aria-label":R.toLanguageString(T,ce[T]),fillMode:"flat",size:k,svgIcon:l.dropletSliderIcon,className:E?"k-selected":void 0,onClick:()=>F("gradient")})),h&&f.createElement(o.ButtonGroup,{className:"k-button-group-flat"},f.createElement(o.Button,{type:"button","aria-label":R.toLanguageString(T,ce[T]),fillMode:"flat",size:k,className:C?"k-selected":void 0,onClick:()=>O("ColorGradient"),icon:"droplet-slider",svgIcon:l.dropletSliderIcon}),f.createElement(o.Button,{type:"button","aria-label":R.toLanguageString(P,ce[P]),fillMode:"flat",size:k,className:C?void 0:"k-selected",onClick:()=>O("ColorPalette"),icon:"palette",svgIcon:l.paletteIcon}))),f.createElement("div",{className:"k-spacer"}),f.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},v&&f.createElement(o.Button,{type:"button",fillMode:"flat",size:k,onClick:K,"aria-label":R.toLanguageString(D,ce[D]),icon:"droplet-slash",svgIcon:l.dropletSlashIcon}),m&&f.createElement("div",{className:"k-coloreditor-preview k-vstack"},f.createElement("span",{className:r.classNames("k-coloreditor-preview-color","k-color-preview",{"k-no-color":void 0===M})},f.createElement("span",{className:"k-color-preview-mask",style:{background:S||void 0}})),f.createElement("span",{className:r.classNames("k-coloreditor-current-color","k-color-preview",{"k-no-color":void 0===L}),onClick:q},f.createElement("span",{className:"k-color-preview-mask",style:{background:L||void 0}})))),a&&f.createElement(r.WatermarkOverlay,{message:s})),f.createElement("div",{className:"k-coloreditor-views k-vstack"},(h&&C||g&&E)&&f.createElement(Dt,{ref:u,role:"none",ariaLabel:void 0,value:S,onChange:A,opacity:e.opacity,format:e.format,size:k,rounded:y,_adaptive:e.gradientSettings?e.gradientSettings._adaptive:void 0,...e.gradientSettings}),(h&&!C||g&&!E)&&f.createElement(Gt,{value:S,onChange:A,size:k,ariaLabel:R.toLanguageString(re,ce[re]),...e.paletteSettings})),p&&f.createElement("div",{className:"k-coloreditor-footer k-actions k-actions-start k-actions-horizontal"},f.createElement(o.Button,{type:"button",themeColor:"primary",className:"k-coloreditor-apply",onClick:$},R.toLanguageString(B,ce[B])),f.createElement(o.Button,{type:"button",className:"k-coloreditor-cancel",onClick:H},R.toLanguageString(z,ce[z]))))}),Ut={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(["small","medium","large"])};jt.displayName="KendoFlatColorPicker",jt.propTypes=Ut;const Xt=e=>{const{windowWidth:t=0,children:a,navigatable:n,navigatableElements:s,expand:i,animation:c,title:d,subTitle:p,footer:m,onClose:v}=e,h=r.useAdaptiveModeContext(),g={navigatable:n||!1,navigatableElements:s||[],expand:i,animation:c,suffixActions:f.createElement(o.Button,{tabIndex:0,"aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",size:"large",themeColor:"primary",svgIcon:l.checkIcon,onClick:v}),onClose:v,animationStyles:h&&t<=h.small?{top:0,width:"100%",height:"100%"}:void 0,title:d,subTitle:p,className:"k-adaptive-actionsheet",position:h&&t<=h.small?"fullscreen":void 0};return f.createElement(u.ActionSheet,{...g},a,m&&f.createElement(u.ActionSheetFooter,{className:"k-actions k-actions-stretched"},f.createElement(o.Button,{size:"large",className:"k-coloreditor-cancel","aria-label":m.cancelText,onClick:m.onCancel},m.cancelText),f.createElement(o.Button,{themeColor:"primary",size:"large",className:"k-coloreditor-apply","aria-label":m.applyText,onClick:m.onApply},m.applyText)))},Yt={palette:At,tileSize:24},Zt=e=>void 0!==e,Jt=r.createPropsContext(),Qt=f.forwardRef((e,t)=>{var a,s;const i=!r.validatePackage(ht,{component:"ColorPicker"}),c=r.getLicenseMessage(ht),d=r.usePropsContext(Jt,e),p=n.useLocalization(),m=r.useAdaptiveModeContext(),{size:v=ea.size,rounded:h=ea.rounded,fillMode:g=ea.fillMode,gradientSettings:b=ea.gradientSettings,paletteSettings:k=ea.paletteSettings,flatColorPickerSettings:y,view:C=(d.views?void 0:ea.view),views:x=(C?void 0:ea.views),activeView:E,popupSettings:w,valid:S,disabled:I,tabIndex:L,icon:N,svgIcon:M,iconClassName:R,onChange:V,onFocus:O,onBlur:T,onActiveColorClick:P,className:D,adaptive:K,adaptiveTitle:A=p.toLanguageString(F,ce[F]),adaptiveSubtitle:$,showButtons:H=!0}=d,G=f.useRef(null),_=f.useRef(null),W=f.useRef(null),j=f.useRef(null),U=f.useRef(void 0),X=f.useRef(null),[Y,Z]=f.useState(!1),[J,Q]=f.useState(d.defaultValue||void 0),[ee,te]=f.useState(!1),[ae,re]=f.useState(),le=Zt(d.value),se=Zt(d.open),oe=le?d.value:J,ie=se?d.open:ee,ue=f.useRef(oe),de=f.useCallback(()=>{G.current&&G.current.focus()},[]);f.useImperativeHandle(t,()=>({element:G.current,actionElement:X.current,value:oe,focus:de}),[oe,de]);const pe=f.useRef(null);f.useImperativeHandle(pe,()=>({element:G.current,actionElement:X.current,value:oe,focus:de}),[oe,de]),r.useWebMcpRegister("colorpicker",pe,d,d.webMcp);const me=!!(ae&&m&&ae<=m.medium&&K);f.useEffect(()=>{const e=r.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(Me.bind(void 0));return null!=document&&document.body&&e&&e.observe(document.body),()=>{null!=document&&document.body&&e&&e.disconnect()}},[]);const fe=f.useCallback((e,t)=>{se||(!e&&!t&&G&&G.current&&G.current.focus(),te(e))},[se]),ve=f.useMemo(()=>new r.Navigation({root:G,selectors:[".k-colorpicker",".k-color-picker-popup"],tabIndex:0,keyboardEvents:{keydown:{Escape:(e,t,a)=>{fe(!1)},Enter:(e,t,a)=>{!se&&e===G.current&&(a.preventDefault(),a.stopPropagation(),fe(!0))},ArrowDown:(e,t,a)=>{a.altKey&&(a.preventDefault(),a.stopPropagation(),fe(!0))},ArrowUp:(e,t,a)=>{a.altKey&&(a.preventDefault(),a.stopPropagation(),fe(!1))},Tab:(e,t,a)=>{var n,l,s;if(r.getActiveElement(document)!==G.current){const e=null==(n=W.current)?void 0:n.wrapperRef.current,t=null==(l=_.current)?void 0:l.wrapperRef.current,o=null==(s=j.current)?void 0:s.element;"palette"===C&&e?r.keepFocusInContainer(a,e):"gradient"===C&&t?r.keepFocusInContainer(a,t):"combo"===C&&t?r.keepFocusInContainer(a,t.parentElement):x&&o&&r.keepFocusInContainer(a,o)}}}}}),[fe,se]),he=f.useCallback(ve.triggerKeyboardEvent.bind(ve),[]),ge=f.useCallback(()=>{se||(_.current&&_.current.wrapperRef.current?r.focusFirstFocusableChild(_.current.wrapperRef.current):W.current?W.current.focus():j.current&&j.current.element&&r.focusFirstFocusableChild(j.current.element))},[se]),be=e=>ue.current=e,ke=f.useCallback(e=>{const t={value:ue.current,nativeEvent:e.nativeEvent,syntheticEvent:e};Se(t),fe(!ie,!0)},[ie]),ye=f.useCallback(()=>{fe(!1,!0)},[fe]),Ce=f.useCallback(e=>{P&&P.call(void 0,{syntheticEvent:e,nativeEvent:e.nativeEvent,value:oe,target:{element:G.current,value:oe}})},[P,oe]),xe=f.useCallback(e=>{U.current?(clearTimeout(U.current),U.current=void 0):(Z(!0),me&&!ie&&fe(!0)),O&&O.call(void 0,{nativeEvent:e.nativeEvent,syntheticEvent:e})},[me,O,ie,fe]),Ee=f.useCallback(()=>{fe(!1,!0),Z(!1),U.current=void 0},[]),we=f.useCallback(e=>{clearTimeout(U.current),U.current=window.setTimeout(Ee),T&&T.call(void 0,{nativeEvent:e.nativeEvent,syntheticEvent:e})},[T]),Se=f.useCallback((e,t)=>{var a;const n=t?e.rgbaValue||"":null!=(a=e.value)?a:"";le||Q(n),V&&V.call(void 0,{value:n,nativeEvent:e.nativeEvent,syntheticEvent:e.syntheticEvent,target:{element:G.current,value:n}}),fe(!1)},[le,V]),Ie=f.useCallback(e=>Se(e,!0),[Zt,Se]),Le=f.useCallback(e=>f.createElement(f.Fragment,null,("combo"===C||"gradient"===C)&&f.createElement(Dt,{...b,_adaptive:e,ref:_,isInsidePopup:!0,role:"none",ariaLabel:void 0,size:e?"large":v,value:oe,onChange:Se}),("combo"===C||"palette"===C)&&f.createElement(Gt,{...k,ref:W,size:e?"large":v,value:oe,onChange:Ie}),x&&"gradient"===x[0]&&"palette"===x[1]&&f.createElement(jt,{ariaLabel:p.toLanguageString(ne,ce[ne]),...y,paletteSettings:k,gradientSettings:{_adaptive:e,...b},ref:j,size:e?"large":v,rounded:h,views:["gradient","palette"],activeView:E,setOpen:fe,showButtons:!e&&H,value:oe,onChange:Se,setAdaptiveModeValue:be}),x&&"palette"===x[0]&&"gradient"===x[1]&&f.createElement(jt,{ariaLabel:p.toLanguageString(ne,ce[ne]),...y,paletteSettings:k,gradientSettings:{_adaptive:e,...b},ref:j,size:e?"large":v,rounded:h,views:["palette","gradient"],setOpen:fe,showButtons:!e&&H,value:oe,onChange:Se,setAdaptiveModeValue:be}),x&&x.includes("gradient")&&!x.includes("palette")&&f.createElement(jt,{ariaLabel:p.toLanguageString(ne,ce[ne]),...y,gradientSettings:{_adaptive:e,...b},ref:j,size:e?"large":v,rounded:h,views:["gradient"],showButtons:!e&&H,setOpen:fe,value:oe,onChange:Se,setAdaptiveModeValue:be}),x&&x.includes("palette")&&!x.includes("gradient")&&f.createElement(jt,{ariaLabel:p.toLanguageString(ne,ce[ne]),...y,paletteSettings:k,gradientSettings:{_adaptive:e,...b},ref:j,size:e?"large":v,rounded:h,views:["palette"],showButtons:!e&&H,setOpen:fe,value:oe,onChange:Se,setAdaptiveModeValue:be}),i&&f.createElement(r.WatermarkOverlay,{message:c})),[E,g,y,b,Se,Ie,k,fe,v,oe,C,x]),Ne=f.useCallback(()=>{var e;const t={animation:!(null!=(e=null==w?void 0:w.animate)&&!e),title:A,subTitle:$,expand:ie,onClose:ye,windowWidth:ae,footer:H?{cancelText:p.toLanguageString(z,ce[z]),onCancel:ye,applyText:p.toLanguageString(B,ce[B]),onApply:ke}:void 0};return f.createElement(Xt,{...t},f.createElement(u.ActionSheetContent,null,Le(!0)))},[null==w?void 0:w.animate,A,$,ie,ye,ae,H,p,ke,Le]),Me=f.useCallback(e=>{for(const t of e)re(t.target.clientWidth)},[]),Re=r.useDir(G,d.dir),Ve=!1!==S;return f.createElement("span",{id:d.id,role:"combobox","aria-label":d.ariaLabel,"aria-labelledby":d.ariaLabelledBy,"aria-describedby":d.ariaDescribedBy,"aria-haspopup":"dialog","aria-expanded":ie,"aria-controls":ie?`k-colorpicker-popup-${null!=(a=d.id)?a:0}`:void 0,"aria-disabled":I?"true":void 0,className:r.classNames("k-colorpicker","k-picker","k-icon-picker",{[`k-picker-${r.kendoThemeMaps.sizeMap[v]||v}`]:v,[`k-picker-${g}`]:g,[`k-rounded-${r.kendoThemeMaps.roundedMap[h]||h}`]:h,"k-invalid":!Ve,"k-disabled":I,"k-focus":Y,className:D}),ref:G,tabIndex:r.getTabIndex(L,I),title:d.title,onKeyDown:he,onFocus:xe,onBlur:we,dir:Re},f.createElement(Wt,{dir:Re,open:ie,onOpen:ge,popupAnchor:G.current||void 0,popupSettings:{id:`k-colorpicker-popup-${null!=(s=d.id)?s:0}`,...w},input:f.createElement("span",{onClick:Ce,className:"k-input-inner"},f.createElement("span",{className:r.classNames("k-value-icon","k-color-preview",{"k-no-color":!oe,"k-icon-color-preview":N||M||R})},R&&f.createElement("span",{className:r.classNames("k-color-preview-icon",R)}),!R&&(N||M)&&f.createElement(r.IconWrap,{name:N,icon:M}),f.createElement("span",{className:"k-color-preview-mask",style:{backgroundColor:oe}}))),button:f.createElement(o.Button,{tabIndex:-1,type:"button",onClick:()=>fe(!ie),className:"k-input-button",disabled:I,icon:"chevron-down",svgIcon:l.chevronDownIcon,size:v,"aria-label":p.toLanguageString(q,ce[q])}),content:Le(!1),_mobileMode:me,_actionSheet:Ne()}))});Qt.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(["small","medium","large"]),rounded:a.oneOf(["small","medium","large","full","none"]),fillMode:a.oneOf(["solid","flat","outline"]),className:a.string,adaptive:a.bool,adaptiveTitle:a.string,adaptiveSubtitle:a.string};const ea={size:void 0,rounded:void 0,fillMode:void 0,view:"palette",views:["gradient","palette"],gradientSettings:{opacity:!0},paletteSettings:Yt};Qt.displayName="KendoColorPicker";const ta=f.forwardRef((e,t)=>{const a=f.useContext(aa).call(void 0,e),[,n]=f.useReducer(e=>e,!0),l=r.applyDefaultProps(a,na),{className:o,label:i,labelClassName:c,id:u,validationMessage:d,defaultValue:p,valid:m,unstyled:v,visited:h,touched:g,modified:b,autoFocus:k,ariaLabelledBy:y,ariaDescribedBy:C,validityStyles:x,style:E,ariaLabel:w,...S}=l,I=r.useUnstyled(),L=v||I,N=r.useId(),[M,R]=f.useState({value:p}),V=u||N,O=f.useRef(null),z=f.useRef(void 0),B=f.useRef(null),T=l.name||l.id,P=()=>{O.current&&O.current.focus()},D=()=>void 0!==z.current?z.current:void 0!==l.value?l.value:M.value,F=()=>{const e={badInput:!!O.current&&O.current.validity.badInput,patternMismatch:!!O.current&&O.current.validity.patternMismatch,rangeOverflow:!!O.current&&O.current.validity.rangeOverflow,rangeUnderflow:!!O.current&&O.current.validity.rangeUnderflow,stepMismatch:!!O.current&&O.current.validity.stepMismatch,tooLong:!!O.current&&O.current.validity.tooLong,typeMismatch:!!O.current&&O.current.validity.typeMismatch,valueMissing:!!O.current&&O.current.validity.valueMissing};return{...e,customError:void 0!==d,valid:void 0!==m?m:!O.current||!K(e)}};f.useImperativeHandle(B,()=>({element:O.current,props:l,get value(){return D()},name:l.name,get validity(){return F()},focus:P})),f.useImperativeHandle(t,()=>B.current);const K=e=>{let t=!1;for(const a in e)e.hasOwnProperty(a)&&(t=t||!!e[a]);return t},A=!x||F().valid,$=r.classNames("k-input",{"k-invalid":!A,"k-disabled":l.disabled},o),{onChange:H}=l,q=f.useCallback(e=>{R({value:e.target.value}),z.current=e.target.value,H&&H({syntheticEvent:e,nativeEvent:e.nativeEvent,value:e.target.value,target:B.current}),z.current=void 0},[H]),G=f.useCallback(e=>{const t=null!=e?String(e):"",a={target:O.current,currentTarget:O.current,nativeEvent:new Event("change")};O.current&&(O.current.value=t),q(a)},[q]);r.useKendoPaste(O,{fieldName:T||"",onValueChange:G,enabled:!!T});f.useEffect(()=>{n()},[]),f.useEffect(()=>{O.current&&O.current.setCustomValidity&&(F().valid||!x?O.current.classList.remove("k-invalid"):O.current.classList.add("k-invalid"),O.current.setCustomValidity(F().valid?"":d||""))});const _=f.createElement("input",{"aria-labelledby":y,"aria-describedby":C,"aria-disabled":l.disabled||void 0,"aria-invalid":!A||void 0,"aria-label":w||void 0,...S,style:i?void 0:E,value:D(),id:V,autoFocus:k,className:$,onChange:q,onAnimationStart:e=>{if("autoFillStart"===e.animationName){const t=e.target.parentNode;t&&t.classList.contains("k-empty")&&t.classList.remove("k-empty")}},ref:O});return i?f.createElement(s.FloatingLabel,{label:i,labelClassName:c,editorId:V,editorValue:String(D()),editorValid:A,editorDisabled:l.disabled,editorPlaceholder:l.placeholder,children:_,style:E,dir:l.dir,unstyled:L}):_}),aa=r.createPropsContext(),na={defaultValue:"",required:!1,validityStyles:!0,autoFocus:!1};ta.displayName="KendoReactInput",ta.propTypes={label:a.node,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 ra=(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))(ra||{});const la=(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},sa=r.createPropsContext(),oa=f.forwardRef((e,t)=>{const a=!r.validatePackage(ht,{component:"RangeSlider"}),l=r.getLicenseMessage(ht),s=r.usePropsContext(sa,e),o={step:ca.step,largeStep:ca.largeStep,defaultValue:ca.defaultValue,vertical:ca.vertical,disabled:ca.disabled,...s},i=f.useRef(null),c=f.useRef(null),u=f.useRef(null),d=f.useRef(null),p=f.useRef(null),m=f.useCallback(()=>{d.current&&d.current.focus()},[d]);f.useImperativeHandle(i,()=>({element:c.current,focus:m,props:o})),f.useImperativeHandle(t,()=>i.current),r.useWebMcpRegister("rangeslider",i,o,o.webMcp);const v=f.useMemo(()=>o.min,[o.min]),h=f.useMemo(()=>o.max,[o.max]),g=f.useMemo(()=>void 0!==o.step?o.step:ca.step,[o.step,ca.step]),b=f.useMemo(()=>void 0!==o.largeStep?o.largeStep:ca.largeStep,[o.largeStep,ca.largeStep]),y=r.useDir(c,o.dir),[C,x]=f.useState(""),[E,w]=((e,t,a)=>{const[n,r]=f.useState(e),l=f.useCallback(e=>{const l=la(t.state||n,{...e,...t});a&&a(l,e.event),r(l)},[t,a]);return[n,l]})(o.defaultValue||ca.defaultValue,{min:v,max:h,step:g,largeStep:b,state:o.value},(e,t)=>{o.onChange&&i.current&&o.onChange.call(void 0,{value:e,target:i.current,syntheticEvent:t})}),S=f.useMemo(()=>o.value||E,[o.value,E]),I=f.useRef(null),L=f.useRef(null),N=f.useMemo(()=>(S.start-v)/(h-v)*100,[S.start,v,h]),M=f.useMemo(()=>(S.end-v)/(h-v)*100,[S.end,v,h]),R=f.useMemo(()=>o.vertical?{paddingTop:0,height:"100%"}:{},[o.vertical]),V=f.useMemo(()=>o.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},[o.vertical]),O=n.useLocalization(),z=f.useCallback(e=>{if(!L.current)return;const t=L.current.getBoundingClientRect(),a=o.vertical?t.bottom-e.clientY:"rtl"===y?t.right-e.clientX:e.clientX-t.left,n=o.vertical?t.height:t.width;return v+a/n*(h-v)},[L,o.vertical,y,v,h,E.start,E.end,o.value&&o.value.start,o.value&&o.value.end]),B=f.useCallback(e=>e<=S.start?"start":e>=S.end?"end":2*e<S.end+S.start?"start":"end",[E.start,E.end,o.value&&o.value.start,o.value&&o.value.end]),T=f.useCallback(e=>{if(!o.disabled)switch(e.keyCode){case r.Keys.right:e.preventDefault(),w({type:"rtl"===y?ra.decrease:ra.increase,key:"start",event:e});break;case r.Keys.up:e.preventDefault(),w({type:ra.increase,key:"start",event:e});break;case r.Keys.left:e.preventDefault(),w({type:"rtl"===y?ra.increase:ra.decrease,key:"start",event:e});break;case r.Keys.down:e.preventDefault(),w({type:ra.decrease,key:"start",event:e});break;case r.Keys.home:e.preventDefault(),w({type:ra.min,key:"start",event:e});break;case r.Keys.end:e.preventDefault(),w({type:ra.max,key:"start",event:e});break;case r.Keys.pageDown:e.preventDefault(),w({type:"rtl"===y?ra.increaseLarge:ra.decreaseLarge,key:"start",event:e});break;case r.Keys.pageUp:e.preventDefault(),w({type:"rtl"===y?ra.decreaseLarge:ra.increaseLarge,key:"start",event:e})}},[w,o.disabled]),P=f.useCallback(e=>{if(!o.disabled)switch(e.keyCode){case r.Keys.right:e.preventDefault(),w({type:"rtl"===y?ra.decrease:ra.increase,key:"end",event:e});break;case r.Keys.up:e.preventDefault(),w({type:ra.increase,key:"end",event:e});break;case r.Keys.left:e.preventDefault(),w({type:"rtl"===y?ra.increase:ra.decrease,key:"end",event:e});break;case r.Keys.down:e.preventDefault(),w({type:ra.decrease,key:"end",event:e});break;case r.Keys.home:e.preventDefault(),w({type:ra.min,key:"end",event:e});break;case r.Keys.end:e.preventDefault(),w({type:ra.max,key:"end",event:e});break;case r.Keys.pageDown:e.preventDefault(),w({type:"rtl"===y?ra.increaseLarge:ra.decreaseLarge,key:"end",event:e});break;case r.Keys.pageUp:e.preventDefault(),w({type:"rtl"===y?ra.decreaseLarge:ra.increaseLarge,key:"end",event:e})}},[w,y,o.disabled]),D=f.useCallback(e=>{const t=z(e),a=B(t);x(a),"end"===a?p.current.focus():d.current.focus();const n="end"===a?ra.end:ra.start;w({type:n,payload:t,event:e})},[o.vertical,v,h,w]);return r.useDraggable(L,{onPress:D,onDrag:e=>{const t=z(e),a="end"===C?ra.end:ra.start;w({type:a,payload:t,event:e})},onRelease:e=>{const t=z(e),a="end"===C?ra.end:ra.start;w({type:a,payload:t,event:e}),x("")}},{autoScroll:!1}),f.createElement(f.Fragment,null,f.createElement("div",{id:o.id,style:o.style,ref:c,dir:y,"aria-label":o.ariaLabel,className:r.classNames("k-slider",{"k-rtl":"rtl"===y,"k-disabled":o.disabled,"k-slider-vertical":o.vertical,"k-slider-horizontal":!o.vertical},o.className)},f.createElement("div",{ref:L,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...V}},o.children&&f.createElement("ul",{className:"k-reset k-slider-items","aria-hidden":"true",style:{...R}},f.Children.map(o.children,(e,t)=>e&&f.cloneElement(e,{position:100*(e.props.position-o.min)/(o.max-o.min),vertical:o.vertical,firstTick:0===t,lastTick:t===f.Children.count(o.children)-1},e.props.children))),f.createElement("div",{ref:I,className:"k-slider-track",style:o.vertical?{bottom:0,height:"100%"}:{["rtl"===y?"right":"left"]:0,width:"100%"}},null!==N&&null!==M&&f.createElement("div",{"data-selection":!0,ref:u,title:`${S.start} - ${S.end}`,className:"k-slider-selection",style:o.vertical?{height:M-N+"%",bottom:N+"%"}:{["rtl"===y?"right":"left"]:N+"%",width:M-N+"%"}}),f.createElement("span",{ref:d,role:"slider",tabIndex:r.getTabIndex(o.startTabIndex,o.disabled,void 0),"aria-valuemin":v,"aria-valuemax":Math.max(h,S.end),"aria-valuenow":S.start,"aria-disabled":o.disabled?"true":void 0,"aria-orientation":o.vertical?"vertical":void 0,"aria-label":o.ariaLabel?`${o.ariaLabel} start`:"Range start",className:"k-draghandle k-draghandle-start",title:O.toLanguageString(k,ce[k]),style:o.vertical?{bottom:"calc("+N+"%)",zIndex:1}:"rtl"===y?{right:"calc("+N+"% - 13px)",zIndex:1}:{left:"calc("+N+"%)",zIndex:1},onKeyDown:T}),f.createElement("span",{ref:p,role:"slider",tabIndex:r.getTabIndex(o.endTabIndex,o.disabled,void 0),"aria-valuemin":Math.min(v,S.start),"aria-valuemax":h,"aria-valuenow":S.end,"aria-disabled":o.disabled?"true":void 0,"aria-orientation":o.vertical?"vertical":void 0,"aria-label":o.ariaLabel?`${o.ariaLabel} end`:"Range end",className:"k-draghandle k-draghandle-end",title:O.toLanguageString(k,ce[k]),style:o.vertical?{bottom:"calc("+M+"%)",zIndex:1}:"rtl"===y?{right:"calc("+M+"% - 13px)",zIndex:1}:{left:"calc("+M+"%)",zIndex:1},onKeyDown:P})))),a&&f.createElement(r.WatermarkOverlay,{message:l}))}),ia={value:(e,t,a)=>{if(e.value){const n=e.value.start,r=e.value.end,l=e.min,s=e.max;if(n>r||n>s||n<l||r>s||r<l||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,l=e.min,s=e.max;if(n>r||n>s||n<l||r>s||r<l||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,l=e.max;return void 0===r?new Error(`Invalid prop + ${t} supplied to ${a}.\n                ${t} value can not be undefined.\n                `):n&&r>=l?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,l=e.max;return void 0===l?new Error(`Invalid prop + ${t} supplied to ${a}.\n                ${t} value can not be undefined.\n                `):n&&l<=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"])},ca={step:1,largeStep:10,defaultValue:{start:0,end:0},vertical:!1,disabled:!1};oa.displayName="KendoReactRangeSlider",oa.propTypes=ia;const ua={disabled:!1,defaultChecked:!1,size:void 0,trackRounded:void 0,thumbRounded:void 0,offLabel:"OFF",onBlur:r.noop,onFocus:r.noop,onLabel:"ON",readOnly:!1,validityStyles:!0},da=f.forwardRef((e,a)=>{var l;const{disabled:s=ua.disabled,defaultChecked:o=ua.defaultChecked,size:i=ua.size,trackRounded:c=ua.trackRounded,thumbRounded:u=ua.thumbRounded,offLabel:d=ua.offLabel,onBlur:p=ua.onBlur,onFocus:m=ua.onFocus,onLabel:v=ua.onLabel,readOnly:h=ua.readOnly}=e,[g,b]=t.useState(o||!1),[k,y]=t.useState(!1),C=t.useRef(null),x=t.useRef(null),E=t.useRef(null),w=t.useRef(void 0),S=t.useRef(!1),I=t.useRef(void 0),L=t.useMemo(()=>new n.LocalizationService,[]),N=t.useMemo(()=>void 0!==w.current?w.current:void 0!==e.checked?e.checked:g,[e.checked,g]),M=t.useMemo(()=>{var t,a;const n=void 0!==e.validationMessage,r=null!=(t=e.valid)?t:!e.required||!!N;return{customError:n,valid:null!=(a=e.valid)?a:r,valueMissing:null===N}},[e.valid,e.validationMessage,e.required,N]),R=null!=(l=e.validityStyles)?l:ua.validityStyles;t.useEffect(()=>{var t;null!=(t=E.current)&&t.setCustomValidity&&E.current.setCustomValidity(M.valid?"":e.validationMessage||L.toLanguageString(H,ce[H]))},[M,e.validationMessage,L]),t.useEffect(()=>{C.current&&(I.current=e.dir||getComputedStyle(C.current).direction||void 0)},[e.dir]);const V=t.useCallback(()=>({props:e,get element(){return C.current},get actionElement(){return x.current},focus:()=>{var e;null==(e=x.current)||e.focus()},get value(){return N},get name(){return e.name},get validity(){return M}}),[e,N,M]),O=t.useCallback((t,a)=>{b(t),w.current=t,r.dispatchEvent(e.onChange,a,{...V(),value:t},{value:t}),w.current=void 0},[e.onChange,V]);t.useEffect(()=>{const t=e.name||e.id,a=r.subscribeToKendoPaste(x.current,{fieldName:t,onValueChange:e=>{if(e!==N){const t={target:x.current,currentTarget:x.current,nativeEvent:new Event("change",{bubbles:!0})};O(e,t)}}});return()=>{null==a||a.unsubscribe()}},[e.name,e.id,N,O]);const z=t.useCallback(e=>{if(e.target===E.current){if(S.current)return void(S.current=!1)}else S.current=!0;O(!N,e)},[N,O]),B=t.useCallback(e=>{if(s)return;const{keyCode:t}=e;(t===r.Keys.space||t===r.Keys.enter)&&(O(!N,e),e.preventDefault())},[s,N,O]),T=t.useCallback(e=>{s||(y(!0),m&&m(e))},[s,m]),P=t.useCallback(e=>{s||(y(!1),p&&p(e))},[s,p]);t.useImperativeHandle(a,V,[V]);const D=t.useRef(null);t.useImperativeHandle(D,V,[V]),r.useWebMcpRegister("switch",D,e,e.webMcp);const F=I.current||e.dir||C.current&&getComputedStyle(C.current).direction||void 0,K=!R||M.valid,A=r.classNames("k-switch",{[`k-switch-${r.kendoThemeMaps.sizeMap[i]||i}`]:i,"k-switch-on":N,"k-switch-off":!N,"k-focus":k,"k-disabled":s,"k-readonly":h,"k-invalid":!K},e.className),$=f.createElement("input",{type:"checkbox",checked:e.checked,ref:E,tabIndex:-1,value:N,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:r.noop,name:e.name||void 0});return f.createElement("span",{ref:x,role:"switch","aria-checked":N,"aria-disabled":s||void 0,"aria-readonly":h?"true":void 0,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-label":e.ariaLabel,"aria-required":e.required,className:A,dir:F,onKeyDown:B,onClick:z,onBlur:P,onFocus:T,tabIndex:r.getTabIndex(e.tabIndex,s,void 0),accessKey:e.accessKey,id:e.id},f.createElement("span",{className:r.classNames("k-switch-track",{[`k-rounded-${r.kendoThemeMaps.roundedMap[c]||c}`]:c}),ref:C},$,v?f.createElement("span",{className:"k-switch-label-on"},v):"",d?f.createElement("span",{className:"k-switch-label-off"},d):""),f.createElement("span",{className:"k-switch-thumb-wrap"},f.createElement("span",{className:r.classNames("k-switch-thumb",{[`k-rounded-${r.kendoThemeMaps.roundedMap[u]||u}`]:u})})))});da.displayName="Switch";const pa=r.createPropsContext(),ma=r.withIdHOC(r.withPropsContext(pa,da));ma.displayName="KendoReactSwitch",ma.propTypes={accessKey:a.string,checked:a.bool,className:a.string,defaultChecked:a.bool,defaultValue:a.any,disabled:a.bool,readOnly:a.bool,dir:a.string,id:a.string,size:a.oneOf(["small","medium","large"]),trackRounded:a.oneOf(["small","medium","large","full"]),thumbRounded:a.oneOf(["small","medium","large","full"]),ariaDescribedBy:a.string,ariaLabelledBy:a.string,ariaLabel:a.string,offLabel:a.node,onBlur:a.func,onChange:a.func,onFocus:a.func,onLabel:a.node,tabIndex:a.number,value:a.any,name:a.string,required:a.bool,valid:a.bool,validationMessage:a.string,validityStyles:a.bool};const fa=r.createPropsContext(),va=f.forwardRef((e,t)=>{const a=r.usePropsContext(fa,e),{ariaDescribedBy:l,ariaLabelledBy:s,checked:o,className:i,labelClassName:c,children:u,defaultChecked:d,disabled:p,defaultValue:m,id:v,size:h=ha.size,rounded:g=ha.rounded,label:b,labelPlacement:k,name:y,labelOptional:C,onChange:x,onFocus:E,onBlur:w,tabIndex:S,value:I,required:L,valid:N,validationMessage:M,validityStyles:R,autoFocus:V,visited:O,touched:z,modified:B,webMcp:T,...P}=a,D=f.useRef(null),F=f.useCallback(()=>{D.current&&D.current.focus()},[]),$=f.useCallback(()=>({element:D.current,focus:F,get name(){return D.current&&D.current.name}}),[F]);f.useImperativeHandle(t,$);const H=f.useRef(null);f.useImperativeHandle(H,$),r.useWebMcpRegister("checkbox",H,a,a.webMcp);const[q,G]=f.useState(d),[_,W]=f.useState(m),j="boolean"==typeof I||null===I,U=void 0!==o,X=j,Y=X?I:_,Z=U?o:X?void 0:q,J=y||v,Q=void 0===Z&&Y,ee=Q?Y:Z,te=Q||X?null===I?I:void 0:I||Y,ae=null===ee||null===te,ne=r.useId(),re=n.useLocalization(),le=e=>re.toLanguageString(e,ce[e]),se=le(K),oe=le(A),ie=void 0!==N?N:!L||!!Z;f.useEffect(()=>{D.current&&D.current.setCustomValidity&&D.current.setCustomValidity(ie?"":M||se)},[ie,M,se]);const ue=f.useCallback((e,t)=>{!X&&!p&&(W(t),!U&&!p&&G(t)),x&&!p&&r.dispatchEvent(x,e,{...$(),value:t},{value:t})},[U,p,x,X,$]),de=f.useCallback(e=>{const t={target:D.current,currentTarget:D.current};ue(t,e)},[ue]);r.useKendoPaste(D,{fieldName:J,onValueChange:de,enabled:!!J});const pe=f.useCallback(e=>{const t=e.target.checked;ue(e,t)},[ue]),me=f.useCallback(e=>{},[p]),fe=f.useCallback(e=>{},[p]),ve=f.useCallback(e=>{E&&!p&&r.dispatchEvent(E,e,$(),void 0)},[E,p,$]),he=f.useCallback(e=>{w&&!p&&r.dispatchEvent(w,e,$(),void 0)},[w,p,$]),ge=r.useDir(D,a.dir),be=r.classNames("k-checkbox-wrap",i),ke={type:"checkbox",className:r.classNames("k-checkbox",{[`k-checkbox-${r.kendoThemeMaps.sizeMap[h]||h}`]:h,[`k-rounded-${r.kendoThemeMaps.roundedMap[g]||g}`]:g,"k-indeterminate":ae,"k-checked":!!ee&&!ae,"k-disabled":p,"k-invalid":!(ie||void 0!==R||!0===R)}),ref:D,name:y,id:v||ne,disabled:p,required:void 0!==L&&L,tabIndex:r.getTabIndex(S,p),checked:!!ee,"aria-describedby":l,"aria-labelledby":s,"aria-label":P["aria-label"],"aria-invalid":!ie||void 0,"aria-disabled":p||void 0,"aria-required":L,autoFocus:V,...P,onChange:pe,onKeyDown:me,onKeyUp:fe,onFocus:ve,onBlur:he},ye=void 0===te?f.createElement("input",{...ke}):f.createElement("input",{...ke,value:j?void 0:null===te?"":te}),Ce=void 0!==b?f.createElement("label",{className:r.classNames("k-checkbox-label",c),htmlFor:v||ne,style:{userSelect:"none"}},b,C&&f.createElement("span",{className:"k-label-optional"},oe)):null,xe=f.createElement("span",{className:be},ye,u);return"before"===k?f.createElement("div",{dir:"rtl"},xe,Ce):"after"===k?f.createElement("div",{dir:"ltr"},xe,Ce):f.createElement("div",{dir:ge},xe,Ce)});va.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(["small","medium","large"]),rounded:a.oneOf(["small","medium","large","none"]),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 ha={size:void 0,rounded:void 0};va.displayName="KendoCheckbox";const ga=r.createPropsContext(),ba=f.forwardRef((e,t)=>{const a=r.usePropsContext(ga,e),{ariaDescribedBy:n,ariaLabel:l,checked:s,children:o,className:i,disabled:c,id:u,size:d=ka.size,label:p,labelPlacement:m,name:v,style:h,tabIndex:g,value:b,valid:k,onChange:y,onFocus:C,onBlur:x,required:E,...w}=a,S=r.useUnstyled(),I=S&&S.uRadioButton,L=f.useRef(null),N=f.useCallback(()=>{L.current&&L.current.focus()},[]),M=f.useCallback(()=>({element:L.current,focus:N}),[N]);f.useImperativeHandle(t,M);const R=r.useId(),V=f.useCallback(e=>{r.dispatchEvent(y,e,M(),{value:b})},[y,b,c]),O=f.useCallback(e=>{C&&!c&&r.dispatchEvent(C,e,M(),void 0)},[C,c]),z=f.useCallback(e=>{x&&!c&&r.dispatchEvent(x,e,M(),void 0)},[x,c]),B={type:"radio",id:u||R,name:v,className:r.classNames(r.uRadioButton.input({c:I,size:d,disabled:c,invalid:!1===k,checked:s}),i),ref:L,disabled:c,tabIndex:r.getTabIndex(g,c),checked:s,style:h,"aria-describedby":n,"aria-label":l,"aria-required":E,"aria-invalid":!1===k?"true":void 0,value:b,onChange:V,onFocus:O,onBlur:z,...w},T=f.createElement(f.Fragment,null,void 0!==p?f.createElement("label",{className:r.classNames(r.uRadioButton.label({c:I})),htmlFor:u||R,style:{userSelect:"none"},"aria-label":p},p):null),P=f.createElement("span",{className:r.classNames(r.uRadioButton.wrap({c:I}))},f.createElement("input",{...B}));return"before"===m?f.createElement(f.Fragment,null,T,P,o):f.createElement(f.Fragment,null,P,T,o)});ba.propTypes={ariaDescribedBy:a.string,ariaLabel:a.string,checked:a.bool,className:a.string,disabled:a.bool,id:a.string,size:a.oneOf(["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 ka={size:void 0};ba.displayName="KendoRadioButton";const ya=r.createPropsContext(),Ca=f.forwardRef((e,t)=>{const a=r.usePropsContext(ya,e),{id:n,ariaLabelledBy:l,ariaDescribedBy:s,className:o,data:i,defaultValue:c,disabled:u,name:d,labelPlacement:p,layout:m,style:v,value:h,valid:g,item:b=xa.item,onChange:k,onFocus:y}=a,C=r.useUnstyled(),x=C&&C.uRadioGroup,E=f.useRef(null),w=f.useCallback(()=>{E.current&&r.focusFirstFocusableChild(E.current)},[]),S=f.useCallback(()=>({element:E.current,focus:w}),[w]);f.useImperativeHandle(t,S);const[I,L]=f.useState(c),N=void 0!==h,M=N?h:I,R=f.useCallback(e=>{const t=e.value;!N&&!u&&L(t),k&&!u&&r.dispatchEvent(k,e.syntheticEvent,S(),{value:t})},[L,k,u]),V=f.useCallback(e=>{y&&!u&&r.dispatchEvent(y,e.syntheticEvent,S(),void 0)},[y,u]),O=r.useId(),z=r.classNames(r.uRadioGroup.ul({c:x,horizontal:"horizontal"===m,vertical:"vertical"===m||void 0===m}),o),B=r.useRtl(E,a.dir),T=i&&i.map((e,t)=>{const a=M===e.value,n=null==M,l={...e,valid:g,checked:a,disabled:!(!e.disabled&&!u),labelPlacement:e.labelPlacement?e.labelPlacement:p,tabIndex:e.tabIndex?e.tabIndex:n&&0===t||a?0:-1,index:t,name:d||O,required:e.required,onChange:R,onFocus:V};return f.createElement(b,{className:r.classNames(r.uRadioGroup.item({c:x,disabled:l.disabled||u})),key:t,role:"none"},f.createElement(ba,{...l}))});return f.createElement("ul",{id:n,role:"radiogroup",className:z,ref:E,dir:B,style:v,"aria-labelledby":l,"aria-describedby":s},T)}),xa={item:e=>f.createElement("li",{...e})};Ca.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},Ca.displayName="KendoRadioGroup";const Ea=r.createPropsContext(),wa=f.forwardRef((e,t)=>{const a=r.usePropsContext(Ea,e),{size:n=Sa.size,rounded:l=Sa.rounded,fillMode:s=Sa.fillMode,autoFocus:o=Sa.autoFocus,flow:i=Sa.flow,prefix:c=null,suffix:u=null,ariaDescribedBy:d,ariaLabelledBy:p,autoSize:m,className:v,defaultValue:h,disabled:g,readOnly:b,required:k,rows:y,id:C,name:x,placeholder:E,style:w,tabIndex:S,value:I,valid:L,validationMessage:N,validityStyles:M,onChange:R,onFocus:V,onBlur:O,visited:z,touched:B,modified:T,resizable:P,inputAttributes:D,textareaStyle:F,...K}=a,A=f.useRef(null),$=f.useCallback(()=>{A.current&&A.current.focus()},[]),H=f.useCallback(()=>{A.current&&A.current.blur()},[]),[q,G]=f.useState(h),[_,W]=f.useState(!1),[j,U]=r.useCustomComponent(c),[X,Y]=r.useCustomComponent(u),Z=void 0!==I,J=Z?I:q,Q=x||C,ee=f.useCallback(()=>({element:A,focus:$,blur:H,get value(){return J},get name(){return A.current&&A.current.name}}),[H,$,J]);f.useImperativeHandle(t,ee);const te=f.useRef(null);f.useImperativeHandle(te,ee),r.useWebMcpRegister("textarea",te,a,a.webMcp);const[ae,ne]=f.useState("auto"),re=r.useId(),le=r.useDir(A,a.dir),se=void 0!==L?L:!k||!!J;f.useEffect(()=>{A.current&&A.current.setCustomValidity&&A.current.setCustomValidity(se?"":N||"")},[se,N]),r.useIsomorphicLayoutEffect(()=>{A.current&&ne(`${A.current.scrollHeight}px`)},[J]);const oe=f.useCallback(e=>{const t=e.target.value;ne("auto"),!Z&&!g&&G(t),R&&!g&&r.dispatchEvent(R,e,{...ee(),value:t},{value:t})},[G,R,g,Z]),ie=f.useCallback(e=>{W(!0),V&&!g&&r.dispatchEvent(V,e,ee(),void 0)},[V,g,ee]),ce=f.useCallback(e=>{W(!1),O&&!g&&r.dispatchEvent(O,e,ee(),void 0)},[O,g,ee]),ue=f.useCallback(e=>{A.current&&(A.current.value=e);const t={target:A.current,currentTarget:A.current};oe(t)},[oe]);r.useKendoPaste(A,{fieldName:Q,onValueChange:ue,enabled:!!Q});const de=f.useMemo(()=>{let e={};return m?e={resize:"none",overflow:"hidden",height:ae}:P&&(e={resize:P}),{...e,...F}},[m,P,ae,F]),pe={id:C||re,name:x,className:r.classNames("k-input-inner","!k-overflow-auto",{"k-resize":!m&&"none"!==P,"k-resize-none":m||"none"===P,"!k-flex-none":"vertical"===i}),ref:A,disabled:g,rows:y,placeholder:E,readOnly:b,required:k,tabIndex:r.getTabIndex(S,g),autoFocus:o,style:de,"aria-labelledby":p,"aria-describedby":d,"aria-required":k,value:Z?I:q,...Object.assign({},K,D),onChange:oe,onFocus:ie,onBlur:ce};return f.createElement("span",{className:r.classNames("k-input","k-textarea",{[`k-input-${r.kendoThemeMaps.sizeMap[n]||n}`]:n,[`k-input-${s}`]:s,[`k-rounded-${r.kendoThemeMaps.roundedMap[l]||l}`]:l,"k-invalid":!(se||void 0!==M||!0===M),"k-required":k,"k-disabled":g,"k-focus":_,"!k-flex-col":"vertical"===i,"!k-flex-row":"horizontal"===i},v),style:w,dir:le},a.prefix&&f.createElement(j,{...U}),f.createElement("textarea",{...pe}),a.suffix&&f.createElement(X,{...Y}))});wa.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(["small","medium","large"]),rounded:a.oneOf(["small","medium","large","full","none"]),fillMode:a.oneOf(["solid","flat","outline"]),resizable:a.oneOf(["none","both","horizontal","vertical"]),autoFocus:a.bool,flow:a.oneOf(["vertical","horizontal"])};const Sa={size:void 0,rounded:void 0,fillMode:void 0,autoFocus:!1,flow:"horizontal"};wa.displayName="KendoTextArea";const Ia=f.forwardRef((e,t)=>{const a=f.useRef(null),n=f.useRef(null),l={dir:Na.dir,...e},s=r.useDir(n,l.dir);f.useImperativeHandle(a,()=>({element:n.current,props:l,value:l.value})),f.useImperativeHandle(t,()=>a.current);const o=f.useCallback(e=>{l.onClick&&l.onClick.call(void 0,{value:l.value,target:a.current,syntheticEvent:e})},[l.onClick,l.value]),i=f.useCallback(e=>{l.onKeyDown&&l.onKeyDown.call(void 0,{target:a.current,syntheticEvent:e})},[l.onKeyDown]),c=f.useCallback(e=>{l.onFocus&&l.onFocus.call(void 0,{target:a.current,syntheticEvent:e})},[l.onFocus]),u=f.useCallback(e=>{l.onBlur&&l.onBlur.call(void 0,{target:a.current,syntheticEvent:e})},[l.onBlur]),d=f.useCallback(e=>{l.onMouseMove&&l.onMouseMove.call(void 0,{target:a.current,syntheticEvent:e})},[l.onMouseMove]),p=f.useCallback(e=>{l.onMouseEnter&&l.onMouseEnter.call(void 0,{target:a.current,syntheticEvent:e})},[l.onMouseEnter]),m=f.useCallback(e=>{l.onMouseLeave&&l.onMouseLeave.call(void 0,{target:a.current,syntheticEvent:e})},[l.onMouseLeave]);return f.createElement("span",{id:l.id,ref:n,dir:s,"data-half":l.half,tabIndex:l.tabIndex,title:l.title,style:l.style,className:r.classNames("k-rating-item",{"k-rtl":"rtl"===s,"k-selected":l.selected,"k-hover":l.hovered},l.className),onClick:o,onKeyDown:i,onFocus:c,onBlur:u,onMouseEnter:p,onMouseLeave:m,onMouseMove:d},l.children)}),La={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},Na={dir:"ltr"};Ia.displayName="KendoReactRatingItem",Ia.propTypes=La;const Ma=(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},Ra=(e,t,a)=>Ma(e-a,a)<t&&t<e,Va=(e,t,a,n)=>null!==t&&("continues"===n?Ra(e,t,a)?Ma(e-a/2,a/2)<=t:e<=t:"single"===n&&(Ra(e,t,a)?Ma(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,za=(e,t,a,n)=>{for(let r=e;r<=t;r+=a)if(n===r)return!0;return!1};var Ba=(e=>(e.select="select",e.deselect="deselect",e.increase="increase",e.decrease="decrease",e.min="min",e.max="max",e.reset="reset",e))(Ba||{});const Ta=(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?Ma(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?Ma(e+t.step,t.step):t.max;case"decrease":return void 0===t.step?e:Ma(e-t.step,t.step)>=t.min?Ma(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={name:"star",content:'<path d="m22.762 10.668-4.557 3.931 1.389 5.88a1.661 1.661 0 0 1-2.481 1.805L12 19.138l-5.116 3.146a1.661 1.661 0 0 1-2.478-1.805l1.394-5.88-4.557-3.931a1.667 1.667 0 0 1 .943-2.921l5.974-.482 2.304-5.577a1.656 1.656 0 0 1 3.065 0l2.304 5.577 5.973.482a1.667 1.667 0 0 1 .95 2.922z" />',viewBox:"0 0 24 24"},Da={name:"star-outline",content:'<path d="M23.065 8.95a1.44 1.44 0 0 0-1.267-1l-6.101-.493-2.351-5.691a1.454 1.454 0 0 0-2.691 0L8.304 7.454l-6.101.496A1.44 1.44 0 0 0 .936 8.951a1.46 1.46 0 0 0 .433 1.562l4.657 4.011-1.417 5.998a1.46 1.46 0 0 0 .567 1.52 1.43 1.43 0 0 0 1.61.061L12 18.898l5.222 3.211a1.43 1.43 0 0 0 1.611-.061 1.46 1.46 0 0 0 .566-1.52l-1.417-5.998 4.65-4.016a1.46 1.46 0 0 0 .433-1.564m-1.229.644-4.929 4.253a.61.61 0 0 0-.195.599l1.506 6.357a.24.24 0 0 1-.096.261.23.23 0 0 1-.262.009l-5.541-3.404a.61.61 0 0 0-.636 0l-5.54 3.403a.23.23 0 0 1-.263-.01.24.24 0 0 1-.101-.26l1.506-6.358a.61.61 0 0 0-.194-.598l-4.93-4.253a.24.24 0 0 1-.074-.269.23.23 0 0 1 .21-.167l6.471-.522a.61.61 0 0 0 .513-.373l2.493-6.035a.238.238 0 0 1 .444 0l2.494 6.035a.61.61 0 0 0 .512.373l6.472.522a.23.23 0 0 1 .21.167.24.24 0 0 1-.068.269z" />',viewBox:"0 0 24 24"},Fa=(e,t,a)=>{const[n,r]=f.useState(e);return[n,e=>{const l=Ta(t.state||n,{...e,...t});a&&a(l,e.event),r(l)}]},Ka=r.createPropsContext(),Aa=f.forwardRef((e,t)=>{const a=r.usePropsContext(Ka,e),n={dir:Ha.dir,min:Ha.min,max:Ha.max,step:Ha.step,item:Ha.item,defaultValue:Ha.defaultValue,readonly:Ha.readonly,disabled:Ha.disabled,selection:Ha.selection,precision:Ha.precision,...a},l=f.useRef(null),s=f.useRef(null),o=r.useDir(s,n.dir);f.useImperativeHandle(l,()=>({element:s.current,props:n})),f.useImperativeHandle(t,()=>l.current),r.useWebMcpRegister("rating",l,n,n.webMcp);const i=f.useCallback((e,t)=>{n.onChange&&l.current&&n.onChange.call(void 0,{value:e,target:l.current,syntheticEvent:t})},[n.onChange]),c=f.useMemo(()=>void 0!==n.min?n.min:Ha.min,[n.min]),u=f.useMemo(()=>void 0!==n.max?n.max:Ha.max,[n.max]),d=f.useMemo(()=>n.precision||Ha.precision,[n.precision]),p=f.useMemo(()=>void 0!==n.step?n.step:Ha.step,[n.step]),m=f.useMemo(()=>n.readonly||Ha.readonly,[n.readonly]),v=f.useMemo(()=>n.disabled||Ha.disabled,[n.disabled]),h=f.useMemo(()=>n.item||Ha.item,[n.item]),[g,b]=Fa(void 0!==n.defaultValue?n.defaultValue:Ha.defaultValue,{state:n.value,min:c,max:u,step:"half"===d?p/2:p},i),[k,y]=Fa(null,{state:n.value,min:c,max:u,step:"half"===d?p/2:p,precision:d}),C=f.useMemo(()=>void 0!==n.value?n.value:g,[n.value,g]),x=f.useMemo(()=>k,[k]),E=f.useMemo(()=>n.selection||Ha.selection,[n.selection]),w=f.useMemo(()=>p/("half"===d?2:1),[p,d]),S=f.useCallback(e=>{if(e.target&&e.target.element&&!m&&!v){if("half"===d){const t=e.target.element.getBoundingClientRect(),a=Oa(o||"ltr",t,e.syntheticEvent.clientX)?Ma(e.target.value-p/2,w):e.target.value;b({type:Ba.select,payload:a,event:e.syntheticEvent})}else b({type:Ba.select,payload:e.target.value,event:e.syntheticEvent});if(n.onClick){const t={value:C,target:l.current,syntheticEvent:e.syntheticEvent};n.onClick.call(void 0,t)}}},[n.onClick,b,C]),I=f.useCallback(e=>{if(!m&&!v){switch(e.keyCode){case r.Keys.right:e.preventDefault(),b({type:"rtl"===o?Ba.decrease:Ba.increase,event:e});break;case r.Keys.left:e.preventDefault(),b({type:"rtl"===o?Ba.increase:Ba.decrease,event:e});break;case r.Keys.home:e.preventDefault(),b({type:"rtl"===o?Ba.min:Ba.max,event:e});break;case r.Keys.end:e.preventDefault(),b({type:"rtl"===o?Ba.max:Ba.min,event:e});break;case r.Keys.esc:e.preventDefault(),b({type:Ba.deselect,event:e})}n.onKeyDown&&n.onKeyDown.call(void 0,{value:C,target:l.current,syntheticEvent:e})}},[n.onKeyDown,b,C]),L=f.useCallback(e=>{if(n.onFocus){const t={target:l.current,syntheticEvent:e};n.onFocus.call(void 0,t)}},[n.onFocus]),N=f.useCallback(e=>{if(n.onBlur){const t={target:l.current,syntheticEvent:e};n.onBlur.call(void 0,t)}},[n.onBlur]),M=f.useCallback(e=>{if(e.target&&e.target.element)if("half"===d){const t=e.target.element.getBoundingClientRect(),a=Oa(o||"ltr",t,e.syntheticEvent.clientX)?e.target.value-p/2:e.target.value;y({type:Ba.select,payload:a,event:e.syntheticEvent})}else y({type:Ba.select,payload:e.target.value,event:e.syntheticEvent})},[d,p,o]),R=f.useCallback(e=>{y({type:Ba.reset,event:e.syntheticEvent})},[]),V=[],O=((e,t)=>e-t*Math.floor(e/t))(Ma(u-c,w),p);for(let e=c||p;e<=u;e=Ma(e+p,w)){const t=Ma(e+O,w),a="half"===d&&Ra(t,null!==x?x:null!==C?C:0,p),l=Va(t,C,p,E),s=Va(t,null!==x?x:C,p,E),i=Va(t,x,p,E);V.push(f.createElement(h,{key:t,value:t,dir:o,title:String(a?Ma(t-p/2,w):t),icon:n.icon,svgIcon:n.svgIcon,half:a,selected:l||s,hovered:i,onClick:S,onMouseMove:M,onMouseLeave:R},a&&f.createElement("span",{className:"k-rating-precision-complement"},!(n.icon||n.svgIconOutline)&&f.createElement(r.IconWrap,{name:"star",icon:Da,style:{clipPath:""+("rtl"===o?"inset(0 50% 0 0)":"inset(0 0 0 50%)")},size:"xlarge"}),(n.icon||n.svgIconOutline)&&f.createElement(r.IconWrap,{name:r.toIconName(`${n.icon}-outline`),icon:n.svgIconOutline,size:"xlarge"})),a&&f.createElement("span",{className:"k-rating-precision-part"},!(n.icon||n.svgIcon)&&f.createElement(r.IconWrap,{name:"star",icon:Pa,style:{clipPath:""+("rtl"===o?"inset(0 0 0 50%)":"inset(0 50% 0 0)")},size:"xlarge"}),(n.icon||n.svgIcon)&&f.createElement(r.IconWrap,{name:n.icon?r.toIconName(n.icon):void 0,icon:n.svgIcon,size:"xlarge"})),a&&f.createElement("span",{style:{width:"24px",height:"24px",display:"block"}}),!a&&!(n.icon||n.svgIcon)&&(i||s&&!i)&&f.createElement(r.IconWrap,{name:"star",icon:Pa,size:"xlarge"})||!(n.icon||n.svgIcon)&&!i&&!s&&f.createElement(r.IconWrap,{name:"star",icon:Da,size:"xlarge"})||(n.icon||n.svgIcon)&&(i||s&&!i)&&f.createElement(r.IconWrap,{name:n.icon,icon:n.svgIcon,size:"xlarge"})||(n.icon||n.svgIcon)&&!i&&f.createElement(r.IconWrap,{name:r.toIconName(`${n.icon}-outline`),icon:n.svgIconOutline,size:"xlarge"})))}return f.createElement("span",{id:n.id,style:n.style,ref:s,role:"slider",dir:o,tabIndex:r.getTabIndex(n.tabIndex,n.disabled,void 0),className:r.classNames("k-rating",{"k-rtl":"rtl"===o,"k-readonly":m,"k-disabled":v},n.className),onKeyDown:I,onFocus:L,onBlur:N,"aria-valuemin":c,"aria-valuemax":u,"aria-valuenow":null!==C?C:void 0,"aria-disabled":v?"true":void 0,"aria-readonly":m?"true":void 0,"aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledBy,"aria-describedby":n.ariaDescribedBy},f.createElement("input",{type:"hidden",id:"rating",readOnly:m,disabled:v}),f.createElement("span",{className:"k-rating-container"},V),n.label&&f.createElement("span",{className:"k-rating-label"},n.label))}),$a={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?za(e.min,e.max,e.step/2,e.value):za(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.node,readonly:a.bool,disabled:a.bool,icon:a.string,svgIcon:r.svgIconPropType,svgIconOutline:r.svgIconPropType,ariaDescribedBy:a.string},Ha={dir:"ltr",min:0,max:5,step:1,item:Ia,defaultValue:null,readonly:!1,disabled:!1,selection:"continues",precision:"item"};Aa.displayName="KendoReactRating",Aa.propTypes=$a;const qa=e=>void 0!==e,Ga=r.createPropsContext(),_a=f.forwardRef((e,t)=>{const a=!r.validatePackage(ht,{component:"Signature"}),s=r.getLicenseMessage(ht),i=r.usePropsContext(Ga,e),c=f.useMemo(()=>({strokeWidth:Wa.strokeWidth,smooth:Wa.smooth,popupScale:Wa.popupScale,exportScale:Wa.exportScale,maximizable:Wa.maximizable,disabled:Wa.disabled,required:Wa.required,validityStyles:Wa.validityStyles,onChange:Wa.onChange,onFocus:Wa.onFocus,onBlur:Wa.onBlur,onOpen:Wa.onOpen,onClose:Wa.onClose,size:Wa.size,rounded:Wa.rounded,fillMode:Wa.fillMode,...i}),[i]),u=n.useLocalization(),m=f.useRef(null),v=f.useRef(null),h=f.useRef(null),g=f.useRef(null),b=f.useRef(null),[k,y]=f.useState(),[C,x]=f.useState(!1),[E,w]=f.useState(),[S,I]=f.useState(),L=qa(c.value)?c.value:E,[N,M]=f.useState(!1),R=qa(c.open),V=R?c.open:N,O=c.disabled||c.maximized||!c.maximizable,z=c.disabled||!c.maximized,B=!(!c.value&&!E||c.disabled||c.readOnly),T=u.toLanguageString(j,ce[j]),P=u.toLanguageString(U,ce[U]),D=u.toLanguageString(W,ce[W]),F=u.toLanguageString(_,ce[_]),K=c.popupScale||3,A=c.exportScale||2,$=e=>{w(e),c.onChange&&c.onChange({value:e})};f.useEffect(()=>{c.value!==E&&(w(c.value),null==k||k.loadImage(c.value))},[c.value]);const H=f.useCallback(e=>{R||M(e)},[R]),q=f.useCallback(()=>{let e="#000000";return!c.color&&"undefined"!=typeof document&&m.current&&(e=getComputedStyle(m.current).color),c.color||e},[c.color]),G=f.useCallback(()=>{let e="#ffffff";return!c.backgroundColor&&"undefined"!=typeof document&&m.current&&(e=getComputedStyle(m.current).backgroundColor),c.backgroundColor||e},[c.backgroundColor]),X=()=>({scale:c.maximized?c.popupScale:1,color:q(),backgroundColor:G(),strokeWidth:c.strokeWidth,smooth:c.smooth,readonly:c.readOnly||c.disabled}),Y=async e=>{const{width:t,height:a}=e;return await(null==k?void 0:k.exportImage({width:t*A,height:a*A}))};f.useEffect(()=>{const e=v.current,t=new d.SignaturePad(e,X());return L&&t.loadImage(L),y(t),()=>t.destroy()},[]),f.useEffect(()=>{null==k||k.setOptions({onChange:async()=>$(await Y(de()))})},[k]),r.useIsomorphicLayoutEffect(()=>null==k?void 0:k.setOptions(X()),[c.readOnly,c.disabled,c.color,c.backgroundColor,c.strokeWidth,c.smooth]),f.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=()=>H(!1);return a.addEventListener("click",n),()=>a.removeEventListener("click",n)},[V]),f.useEffect(()=>{if(!V||"undefined"==typeof document)return;const e=e=>{var t,a;"Escape"===e.key&&(H(!1),null==(a=null==(t=b.current)?void 0:t.element)||a.focus())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[V]),f.useEffect(()=>{var e,t;c.maximized&&(null==(t=null==(e=g.current)?void 0:e.element)||t.focus())},[]);const Z=f.useCallback(()=>{var e;return null==(e=v.current)?void 0:e.focus()},[]),J=f.useCallback(()=>c.value,[c.value]),Q=f.useCallback(()=>c.name,[c.name]),ee=f.useCallback(()=>c.required,[c.required]),te=f.useCallback(()=>{const e=void 0!==c.validationMessage,t=!J();return{customError:e,valid:void 0!==c.valid?c.valid:!ee()||!t,valueMissing:t}},[c.validationMessage,c.valid,J,ee]),ae=f.useCallback(()=>c.validityStyles,[c.validityStyles]),ne=f.useCallback(()=>c,[c]),re=f.useCallback(()=>{const e={element:m.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:q}),Object.defineProperty(e,"backgroundColor",{get:G}),e},[Q,J,te,ae,ee,Z,ne,q,G]);f.useImperativeHandle(t,re);const le=f.useRef(null);f.useImperativeHandle(le,re),r.useWebMcpRegister("signature",le,c,c.webMcp);const se=f.useCallback(e=>{C||c.maximized||(x(!0),r.dispatchEvent(c.onFocus,e,re(),{}))},[C,c.onFocus,re]),oe=f.useCallback(e=>{(function(e,t){let a=e;for(;a&&a!==t;)a=a.parentNode;return!!a})(e.relatedTarget,m.current)||(x(!1),r.dispatchEvent(c.onBlur,e,re(),{}))},[C,c.onBlur,re]),ie=f.useCallback(async e=>{I(await Y(pe())),H(!0),r.dispatchEvent(c.onOpen,e,re(),{})},[V,R,c.onOpen,c.value,E,re]),ue=f.useCallback(e=>{H(!1),r.dispatchEvent(c.onClose,e,re(),{})},[V,R,c.onClose,re]),de=()=>{var e,t;return{width:c.width||(null==(e=m.current)?void 0:e.offsetWidth)||250,height:c.height||(null==(t=m.current)?void 0:t.offsetHeight)||84}},pe=()=>{const{width:e,height:t}=de();return{width:e*K,height:t*K}},me=!ae()||te().valid;return f.createElement("div",{ref:m,dir:c.dir,style:{width:c.width,height:c.height,...c.style},className:r.classNames("k-input","k-signature",{"k-signature-maximized":c.maximized,[`k-signature-${r.kendoThemeMaps.sizeMap[c.size]||c.size}`]:c.size,[`k-signature-${c.fillMode}`]:c.fillMode,[`k-input-${c.fillMode}`]:c.fillMode,[`k-rounded-${r.kendoThemeMaps.roundedMap[c.rounded]||c.rounded}`]:c.rounded,"k-invalid":!me,"k-required":c.required,"k-disabled":c.disabled,"k-focus":C},c.className),onFocus:se,onBlur:oe},f.createElement("div",{className:"k-signature-canvas",ref:v,role:"img",tabIndex:r.getTabIndex(c.tabIndex,c.disabled),id:c.id,"aria-label":c.ariaLabel||F,"aria-labelledby":c.ariaLabelledBy,"aria-describedby":c.ariaDescribedBy,style:c.inputStyle}),f.createElement("div",{className:"k-signature-actions k-signature-actions-top"},f.createElement(o.Button,{type:"button",className:r.classNames("k-signature-action","k-signature-maximize",{"k-hidden":O}),ref:b,icon:"hyperlink-open",svgIcon:l.hyperlinkOpenIcon,size:c.size,rounded:c.rounded,fillMode:"flat",onClick:ie,"aria-label":T,title:T}),f.createElement(o.Button,{type:"button",className:r.classNames("k-signature-action","k-signature-minimize k-flip-h k-flip-v",{"k-hidden":z}),ref:g,icon:"hyperlink-open",svgIcon:l.hyperlinkOpenIcon,size:c.size,rounded:c.rounded,fillMode:"flat",onClick:ue,"aria-label":P,title:P})),!c.hideLine&&f.createElement("div",{className:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}}),f.createElement("div",{className:"k-signature-actions k-signature-actions-bottom"},B&&f.createElement(o.Button,{type:"button",className:"k-signature-action k-signature-clear",icon:"x",svgIcon:l.xIcon,size:c.size,rounded:c.rounded,fillMode:"flat",onClick:()=>{null==k||k.clear(),$(),Z()},"aria-label":D,title:D})),V&&f.createElement(p.Dialog,{ref:h},f.createElement(_a,{...c,...pe(),value:S,maximized:!0,exportScale:1/K*A,open:!1,onChange:e=>{null==k||k.loadImage(e.value),$(e.value)},onClose:e=>{var t,a;ue(e),null==(a=(null==(t=b.current)?void 0:t.element)||v.current)||a.focus()}})),a&&f.createElement(r.WatermarkOverlay,{message:s}))});_a.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(["small","medium","large"]),rounded:a.oneOf(["small","medium","large","none"]),fillMode:a.oneOf(["solid","flat","outline"])};const Wa={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:void 0,rounded:void 0,fillMode:void 0};_a.displayName="KendoSignature";const ja=f.forwardRef((e,t)=>{const a=f.useRef(null),n=f.useRef(null),l=r.useUnstyled(),s=l&&l.uInput,o=r.classNames(r.uInput.clearButton({c:s}),e.className);return f.useImperativeHandle(a,()=>({element:n.current})),f.useImperativeHandle(t,()=>a.current),f.createElement("span",{...e,className:o})});ja.displayName="KendoReactInputClearValue";const Ua=f.forwardRef(({orientation:e="horizontal",...t},a)=>{const n=f.useRef(null),l=f.useRef(null),s=r.useUnstyled(),o=s&&s.uTextBox;f.useImperativeHandle(n,()=>({element:l.current})),f.useImperativeHandle(a,()=>n.current);const i=f.useMemo(()=>r.classNames(r.uTextBox.prefix({c:o,orientation:e}),t.className),[t.className,o,e]);return f.createElement("span",{...t,className:i})});Ua.displayName="KendoReactInputPrefix";const Xa=f.forwardRef(({orientation:e="vertical",...t},a)=>{const n=f.useRef(null),l=f.useRef(null);return f.useImperativeHandle(n,()=>({element:l.current})),f.useImperativeHandle(a,()=>n.current),f.createElement("span",{...t,className:r.classNames("k-input-separator",t.className,`k-input-separator-${e}`)})});Xa.displayName="KendoReactInputSeparator";const Ya=f.forwardRef(({orientation:e="horizontal",...t},a)=>{const n=f.useRef(null),l=f.useRef(null),s=r.useUnstyled(),o=s&&s.uTextBox;f.useImperativeHandle(n,()=>({element:l.current})),f.useImperativeHandle(a,()=>n.current);const i=f.useMemo(()=>r.classNames(r.uTextBox.suffix({c:o,orientation:e}),t.className),[t.className,o,e]);return f.createElement("span",{...t,className:i})});Ya.displayName="KendoReactInputSuffix";const Za=f.forwardRef((e,t)=>f.createElement(r.IconWrap,{ref:t,...e,className:r.classNames("k-input-validation-icon",e.className)}));Za.displayName="KendoReactInputValidationIcon";const Ja=f.forwardRef((e,t)=>{const{index:a,totalLength:l,char:s,type:o,placeholder:i,disabled:c,readOnly:u,required:d,size:p,fillMode:m,rounded:v,inputAttributes:h,id:g,name:b,valid:k,onCellChange:y,onCellKeyDown:C,onCellFocus:x,onCellBlur:E}=e,w=f.useRef(null),S=n.useLocalization();f.useImperativeHandle(t,()=>{var e,t;return null!=(t=null==(e=w.current)?void 0:e.element)?t:null});const I={autoComplete:"off","aria-label":S.toLanguageString(J,ce[J]).replace("{index}",String(a+1)).replace("{total}",String(l)),...h,maxLength:1,...!1===k&&{"aria-invalid":!0},onKeyDown:C?e=>C(a,e):void 0},L=f.useCallback(e=>{y&&y(a,e.syntheticEvent.target.value,e.syntheticEvent)},[a,y]),N=f.useCallback(e=>{var t;const n=null==(t=w.current)?void 0:t.element;n&&n.select(),x&&x(a,e)},[a,x]),M=f.useCallback(e=>{E&&E(a,e)},[a,E]);return f.createElement(_e,{id:g,name:b,ref:w,className:r.classNames("k-otp-input",{"k-readonly":u}),value:" "===s?"":s,size:p,fillMode:m,rounded:v,disabled:c,readOnly:u,required:d,valid:k,placeholder:i,onChange:y?L:void 0,onFocus:N,onBlur:E?M:void 0,inputAttributes:I,type:"number"===o?"text":o})});Ja.displayName="OTPInputCell";const Qa=f.memo(Ja),en=e=>{const{separator:t}=e;let a;return a="string"==typeof t?t:"svgIcon"===t.type?f.createElement(r.IconWrap,{icon:t.value}):"iconClass"===t.type?f.createElement("span",{className:t.value}):f.createElement(r.IconWrap,{name:t.value}),f.createElement("div",{className:"k-otp-separator"},a)};const tn=f.forwardRef((e,t)=>{const{value:a,defaultValue:n,length:l,groupLength:s,separator:o,type:i,placeholder:c,spacing:u,disabled:d,readOnly:p,inputAttributes:m,name:v,required:h,valid:g,size:b,fillMode:k,rounded:y,onChange:C,onFocus:x,onBlur:E,ariaLabel:w,ariaLabelledBy:S,ariaDescribedBy:I,id:L,style:N,dir:M,className:R,touched:V,visited:O,modified:z,validationMessage:B,...T}=e,P=null!=l?l:4,D=void 0!==a,[F,K]=f.useState(()=>(null!=n?n:"").padEnd(P," ").slice(0,P)),A=(D?a:F).padEnd(P," ").slice(0,P),$=f.useRef(A);$.current=A;const[H,q]=f.useState(null),G=f.useRef(null),_=f.useCallback(e=>{null!==G.current&&clearTimeout(G.current),q(e),G.current=setTimeout(()=>{q(null),G.current=null},300)},[]);f.useEffect(()=>()=>{null!==G.current&&clearTimeout(G.current)},[]);const W=f.useRef(null),j=f.useRef([]),U=f.useRef(null),X=f.useCallback(e=>{var t;const a=Math.max(0,Math.min(e,P-1));null==(t=j.current[a])||t.focus()},[P]),Y=f.useCallback((e,t)=>{const a=e.padEnd(P," ").slice(0,P);a!==A&&($.current=a,D||K(a),C&&C({syntheticEvent:t,nativeEvent:t.nativeEvent,target:U.current,value:a}))},[D,P,C,A]),Z=f.useCallback((e,t,a)=>{const n=a.target.value.slice(-1);if(!n)return;if("number"===i&&!/^\d$/.test(n)){_(e);const t=" "===A[e]?"":A[e];return a.target.value=t,void a.target.select()}const r=$.current.split("");r[e]=n;const l=r.join("");Y(l,a),X(e+1)},[A,Y,X,i,_]),J=f.useCallback((e,t,a)=>{if(a.preventDefault(),"number"===i&&!/^\d$/.test(t))return _(e),void a.target.select();const n=A.split("");n[e]=t,Y(n.join(""),a),X(e+1)},[i,_,A,Y,X]),Q=f.useCallback((e,t)=>{var a;if(p)return;const n="rtl"===M;switch(t.key){case"ArrowLeft":t.preventDefault(),X(n?e+1:e-1);break;case"ArrowRight":t.preventDefault(),X(n?e-1:e+1);break;case"ArrowUp":case"ArrowDown":t.preventDefault();break;case"Backspace":{t.preventDefault();const a=A.split("");a[e]=" ",Y(a.join(""),t),X(e-1);break}case"Delete":{t.preventDefault();const a=A.split("");a[e]=" ",Y(a.join(""),t);break}default:{const{key:n,ctrlKey:r,altKey:l,metaKey:s}=t,o=null!=(a=A[e])?a:" ";1===n.length&&!r&&!l&&!s&&" "!==o&&J(e,n,t);break}}},[A,Y,X,M,p,J]),ee=f.useCallback((e,t)=>{x&&x({syntheticEvent:t,nativeEvent:t.nativeEvent,target:U.current,cellIndex:e})},[x]),te=f.useCallback((e,t)=>{},[]),{onFocus:ae,onBlur:ne}=r.useAsyncFocusBlur({onFocus:e=>{},onBlur:e=>{E&&E({syntheticEvent:e,nativeEvent:e.nativeEvent,target:U.current})}}),re=f.useCallback(e=>{if(e.preventDefault(),p)return;const t=e.clipboardData.getData("text");if(!t)return;const a=j.current.findIndex(e=>e===document.activeElement),n=a>=0?a:0;if("number"===i&&!/^\d+$/.test(t.trim()))return void _(n);const r=A.split("");for(let e=0;e<t.length&&n+e<P;e++)r[n+e]=t[e];Y(r.join(""),e);const l=Math.min(n+t.length,P-1);X(l)},[A,Y,X,P,i,_,p]);f.useImperativeHandle(U,()=>({get element(){return W.current},get value(){return A},focus(e){if(void 0!==e)X(e);else{const e=A.indexOf(" ");X(e>=0?e:P-1)}},blur(){j.current.forEach(e=>null==e?void 0:e.blur())}})),f.useImperativeHandle(t,()=>U.current),r.useWebMcpRegister("otpinput",U,e,e.webMcp);const le=r.classNames("k-otp",{"k-disabled":d,"k-invalid":!1===g,[`k-otp-${r.kendoThemeMaps.sizeMap[b]||b}`]:b},R);return f.createElement("div",{ref:W,className:le,role:"group","aria-label":w,"aria-labelledby":S,"aria-describedby":I,id:L,style:N,dir:M,onFocus:ae,onBlur:ne,onPaste:re,...T},v&&f.createElement("input",{"aria-hidden":!0,type:"hidden",name:v,value:A.replace(/ /g,"")}),(()=>{const e=e=>{var t;return f.createElement(Qa,{key:e,ref:t=>{j.current[e]=t},index:e,totalLength:P,char:null!=(t=A[e])?t:" ",type:i,placeholder:c,disabled:d,readOnly:p,required:h,size:b,fillMode:k,rounded:y,inputAttributes:m,valid:!1!==g&&H!==e&&g,onCellChange:Z,onCellKeyDown:Q,onCellFocus:ee,onCellBlur:te,name:v?`${v}-cell-${e}`:`otp-cell-${e}`,id:L?`${L}-cell-${e}`:`otp-cell-${e}`})};if(!s){const t=Array.from({length:P},(t,a)=>e(a));return!1===u?[f.createElement("div",{key:"group",className:"k-input-group"},t)]:t}const t=function(e,t){if(Array.isArray(t)){const a=t.reduce((e,t)=>e+t,0);return a!==e&&console.warn(`[OTPInput] The sum of groupLength values (${a}) must equal length (${e}).`),t}const a=[];let n=e;for(;n>0;)a.push(Math.min(t,n)),n-=t;return a}(P,s);let a=0;const n=[];return t.forEach((t,r)=>{const l=a;r>0&&void 0!==o&&n.push(f.createElement(en,{key:`sep-${l}`,separator:o}));const s=[];for(let n=0;n<t;n++)s.push(e(a++));!1===u?n.push(f.createElement("div",{key:`group-${l}`,className:"k-input-group"},s)):n.push(...s)}),n})())});tn.displayName="KendoReactOTPInput",e.Checkbox=va,e.CheckboxPropsContext=fa,e.ColorGradient=Dt,e.ColorGradientPropsContext=Pt,e.ColorGradientWithoutContext=Tt,e.ColorInput=Xe,e.ColorPalette=Gt,e.ColorPalettePropsContext=Ht,e.ColorPaletteWithoutContext=_t,e.ColorPicker=Qt,e.ColorPickerPropsContext=Jt,e.FlatColorPicker=jt,e.Input=ta,e.InputClearValue=ja,e.InputPrefix=Ua,e.InputPropsContext=aa,e.InputSeparator=Xa,e.InputSuffix=Ya,e.InputValidationIcon=Za,e.MaskedTextBox=vt,e.MaskedTextBoxClassComponent=ft,e.MaskedTextBoxWithoutContext=pt,e.NumericTextBox=ze,e.NumericTextBoxPropsContext=Oe,e.OTPInput=tn,e.PALETTEPRESETS=Kt,e.RANGE_ACTION=ra,e.RATING_ACTION=Ba,e.RadioButton=ba,e.RadioButtonPropsContext=ga,e.RadioGroup=Ca,e.RadioGroupPropsContext=ya,e.RangeSlider=oa,e.RangeSliderPropsContext=sa,e.Rating=Aa,e.RatingItem=Ia,e.RatingPropsContext=Ka,e.SLIDER_LABEL_ATTRIBUTE=gt,e.Signature=_a,e.SignaturePropsContext=Ga,e.Slider=Ct,e.SliderLabel=e=>{const t=f.useRef(null);return r.useDir(t),f.createElement("li",{ref:t,role:"presentation",className:r.classNames("k-tick",{"k-tick-large":e.children,"k-first":e.firstTick,"k-last":e.lastTick}),title:e.title},e.children&&f.createElement("span",{[gt]:!0,className:"k-label",onClick:e.onClick},e.children))},e.SliderWithoutContext=kt,e.Switch=ma,e.SwitchWithoutContext=da,e.TextArea=wa,e.TextAreaPropsContext=Ea,e.TextBox=_e,e.inputsMessages=ce,e.isCorrectValue=za,e.isHalf=Ra,e.isSelected=Va,e.maskingChanged=ct,e.numericDecreaseValue=h,e.numericIncreaseValue=v,e.otpInputCellAriaLabel=J,e.rangeReducer=la,e.ratingReducer=Ta,e.sanitizeNumber=Ve,e.toRound=Ma});

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=Object.freeze({name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1785925569,version:"15.2.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=Object.freeze({name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1786091129,version:"15.2.0-develop.6",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs CHANGED Viewed

@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
     productName: 'KendoReact',
     productCode: 'KENDOUIREACT',
     productCodes: ['KENDOUIREACT'],
-    publishDate: 1785925569,
-    version: '15.2.0-develop.5',
+    publishDate: 1786091129,
+    version: '15.2.0-develop.6',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-inputs",
-  "version": "15.2.0-develop.5",
+  "version": "15.2.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,14 +28,14 @@
     "@progress/kendo-drawing": "^1.21.2",
     "@progress/kendo-inputs-common": "^3.1.0",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-animation": "15.2.0-develop.5",
-    "@progress/kendo-react-buttons": "15.2.0-develop.5",
-    "@progress/kendo-react-common": "15.2.0-develop.5",
-    "@progress/kendo-react-dialogs": "15.2.0-develop.5",
-    "@progress/kendo-react-layout": "15.2.0-develop.5",
-    "@progress/kendo-react-intl": "15.2.0-develop.5",
-    "@progress/kendo-react-labels": "15.2.0-develop.5",
-    "@progress/kendo-react-popup": "15.2.0-develop.5",
+    "@progress/kendo-react-animation": "15.2.0-develop.6",
+    "@progress/kendo-react-buttons": "15.2.0-develop.6",
+    "@progress/kendo-react-common": "15.2.0-develop.6",
+    "@progress/kendo-react-dialogs": "15.2.0-develop.6",
+    "@progress/kendo-react-layout": "15.2.0-develop.6",
+    "@progress/kendo-react-intl": "15.2.0-develop.6",
+    "@progress/kendo-react-labels": "15.2.0-develop.6",
+    "@progress/kendo-react-popup": "15.2.0-develop.6",
     "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -82,7 +82,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1785925569,
+      "publishDate": 1786091129,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },