@progress/kendo-react-inputs 14.5.0-develop.13 → 14.5.0-develop.14

package/MaskedTextBoxMcpWrapper.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { MaskedTextBoxHandle } from './maskedtextbox/MaskedTextBox.js';
+import { MaskedTextBoxProps } from './maskedtextbox/MaskedTextBoxProps';
+/**
+ * MaskedTextBox wrapper that integrates the Web MCP hook.
+ *
+ * @hidden
+ */
+import * as React from 'react';
+/** @hidden */
+export declare const MaskedTextBoxWrapper: React.ForwardRefExoticComponent<MaskedTextBoxProps & React.RefAttributes<MaskedTextBoxHandle>>;

package/MaskedTextBoxMcpWrapper.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),d=require("./maskedtextbox/MaskedTextBox.js"),n=require("@progress/kendo-react-common");function u(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const a=u(s),c=a.forwardRef((e,r)=>{const[t,o]=n.useMergedRef(r);return n.useWebMcpRegister("maskedtextbox",t,e,e.webMcp),a.createElement(d.MaskedTextBox,{...e,ref:o})});c.displayName="KendoReactMaskedTextBox";exports.MaskedTextBoxWrapper=c;

package/MaskedTextBoxMcpWrapper.mjs

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as r from "react";
+import { MaskedTextBox as m } from "./maskedtextbox/MaskedTextBox.mjs";
+import { useMergedRef as d, useWebMcpRegister as f } from "@progress/kendo-react-common";
+const s = r.forwardRef((e, t) => {
+  const [o, a] = d(t);
+  return f("maskedtextbox", o, e, e.webMcp), /* @__PURE__ */ r.createElement(m, { ...e, ref: a });
+});
+s.displayName = "KendoReactMaskedTextBox";
+export {
+  s as MaskedTextBoxWrapper
+};

package/colors/ColorPicker.js

@@ -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 qe=require("react"),r=require("prop-types"),n=require("@progress/kendo-react-common"),me=require("../package-metadata.js"),Ve=require("./Picker.js"),Me=require("./ColorGradient.js"),X=require("./ColorPalette.js"),x=require("./FlatColorPicker.js"),He=require("@progress/kendo-react-buttons"),We=require("@progress/kendo-svg-icons"),d=require("../messages/index.js"),Ue=require("@progress/kendo-react-intl"),je=require("../common/AdaptiveMode.js"),Ge=require("@progress/kendo-react-layout");function Ke(f){const T=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(f){for(const P in f)if(P!=="default"){const F=Object.getOwnPropertyDescriptor(f,P);Object.defineProperty(T,P,F.get?F:{enumerable:!0,get:()=>f[P]})}}return T.default=f,Object.freeze(T)}const t=Ke(qe),$e={opacity:!0},Ze={palette:X.DEFAULT_PRESET,tileSize:X.DEFAULT_TILE_SIZE},Q=f=>f!==void 0,Ce=n.createPropsContext(),Y=t.forwardRef((f,T)=>{var de,pe;const P=!n.validatePackage(me.packageMetadata,{component:"ColorPicker"}),F=n.getLicenseMessage(me.packageMetadata),l=n.usePropsContext(Ce,f),_=Ue.useLocalization(),ee=n.useAdaptiveModeContext(),{size:p=w.size,rounded:C=w.rounded,fillMode:q=w.fillMode,gradientSettings:y=w.gradientSettings,paletteSettings:R=w.paletteSettings,flatColorPickerSettings:A,view:g=l.views?void 0:w.view,views:s=g?void 0:w.views,activeView:te,popupSettings:b,valid:be,disabled:V,tabIndex:Ee,icon:M,svgIcon:H,iconClassName:O,onChange:W,onFocus:U,onBlur:j,onActiveColorClick:G,className:we,adaptive:Pe,adaptiveTitle:ne=_.toLanguageString(d.colorPickerAdaptiveTitle,d.messages[d.colorPickerAdaptiveTitle]),adaptiveSubtitle:ae,showButtons:S=!0}=l,u=t.useRef(null),I=t.useRef(null),D=t.useRef(null),m=t.useRef(null),h=t.useRef(void 0),ye=t.useRef(null),[Se,oe]=t.useState(!1),[he,Te]=t.useState(l.defaultValue||void 0),[_e,Re]=t.useState(!1),[L,Ae]=t.useState(),K=Q(l.value),E=Q(l.open),i=K?l.value:he,v=E?l.open:_e,re=t.useRef(i),le=t.useCallback(()=>{u.current&&u.current.focus()},[]);t.useImperativeHandle(T,()=>({element:u.current,actionElement:ye.current,value:i,focus:le}),[i,le]);const $=!!(L&&ee&&L<=ee.medium&&Pe);t.useEffect(()=>{const e=n.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(Ne.bind(void 0));return document!=null&&document.body&&e&&e.observe(document.body),()=>{document!=null&&document.body&&e&&e.disconnect()}},[]);const o=t.useCallback((e,c)=>{E||(!e&&!c&&u&&u.current&&u.current.focus(),Re(e))},[E]),ie=t.useMemo(()=>new n.Navigation({root:u,selectors:[".k-colorpicker",".k-color-picker-popup"],tabIndex:0,keyboardEvents:{keydown:{Escape:(e,c,a)=>{o(!1)},Enter:(e,c,a)=>{!E&&e===u.current&&(a.preventDefault(),a.stopPropagation(),o(!0))},ArrowDown:(e,c,a)=>{a.altKey&&(a.preventDefault(),a.stopPropagation(),o(!0))},ArrowUp:(e,c,a)=>{a.altKey&&(a.preventDefault(),a.stopPropagation(),o(!1))},Tab:(e,c,a)=>{var B,fe,ge;if(n.getActiveElement(document)!==u.current){const ve=(B=D.current)==null?void 0:B.wrapperRef.current,N=(fe=I.current)==null?void 0:fe.wrapperRef.current,ke=(ge=m.current)==null?void 0:ge.element;g==="palette"&&ve?n.keepFocusInContainer(a,ve):g==="gradient"&&N?n.keepFocusInContainer(a,N):g==="combo"&&N?n.keepFocusInContainer(a,N.parentElement):s&&ke&&n.keepFocusInContainer(a,ke)}}}}}),[o,E]),Ie=t.useCallback(ie.triggerKeyboardEvent.bind(ie),[]),Be=t.useCallback(()=>{E||(I.current&&I.current.wrapperRef.current?n.focusFirstFocusableChild(I.current.wrapperRef.current):D.current?D.current.focus():m.current&&m.current.element&&n.focusFirstFocusableChild(m.current.element))},[E]),z=e=>re.current=e,ce=t.useCallback(e=>{const c={value:re.current,nativeEvent:e.nativeEvent,syntheticEvent:e};k(c),o(!v,!0)},[v]),Z=t.useCallback(()=>{o(!1,!0)},[o]),Fe=t.useCallback(e=>{G&&G.call(void 0,{syntheticEvent:e,nativeEvent:e.nativeEvent,value:i,target:{element:u.current,value:i}})},[G,i]),Oe=t.useCallback(e=>{h.current?(clearTimeout(h.current),h.current=void 0):(oe(!0),$&&!v&&o(!0)),U&&U.call(void 0,{nativeEvent:e.nativeEvent,syntheticEvent:e})},[$,U,v,o]),De=t.useCallback(()=>{o(!1,!0),oe(!1),h.current=void 0},[]),Le=t.useCallback(e=>{clearTimeout(h.current),h.current=window.setTimeout(De),j&&j.call(void 0,{nativeEvent:e.nativeEvent,syntheticEvent:e})},[j]),k=t.useCallback((e,c)=>{var B;const a=c?e.rgbaValue||"":(B=e.value)!=null?B:"";K||Te(a),W&&W.call(void 0,{value:a,nativeEvent:e.nativeEvent,syntheticEvent:e.syntheticEvent,target:{element:u.current,value:a}}),o(!1)},[K,W]),se=t.useCallback(e=>k(e,!0),[Q,k]),J=t.useCallback(e=>t.createElement(t.Fragment,null,(g==="combo"||g==="gradient")&&t.createElement(Me.ColorGradient,{...y,_adaptive:e,ref:I,isInsidePopup:!0,size:e?"large":p,value:i,onChange:k}),(g==="combo"||g==="palette")&&t.createElement(X.ColorPalette,{...R,ref:D,size:e?"large":p,value:i,onChange:se}),s&&s[0]==="gradient"&&s[1]==="palette"&&t.createElement(x.FlatColorPicker,{...A,_paletteSettings:R,_gradientSettings:{_adaptive:e,...y},ref:m,size:e?"large":p,rounded:C,views:["gradient","palette"],activeView:te,setOpen:o,showButtons:e?!1:S,value:i,onChange:k,setAdaptiveModeValue:z}),s&&s[0]==="palette"&&s[1]==="gradient"&&t.createElement(x.FlatColorPicker,{...A,_paletteSettings:R,_gradientSettings:{_adaptive:e,...y},ref:m,size:e?"large":p,rounded:C,views:["palette","gradient"],setOpen:o,showButtons:e?!1:S,value:i,onChange:k,setAdaptiveModeValue:z}),s&&s.includes("gradient")&&!s.includes("palette")&&t.createElement(x.FlatColorPicker,{...A,_gradientSettings:{_adaptive:e,...y},ref:m,size:e?"large":p,rounded:C,views:["gradient"],showButtons:e?!1:S,setOpen:o,value:i,onChange:k,setAdaptiveModeValue:z}),s&&s.includes("palette")&&!s.includes("gradient")&&t.createElement(x.FlatColorPicker,{...A,_paletteSettings:R,_gradientSettings:{_adaptive:e,...y},ref:m,size:e?"large":p,rounded:C,views:["palette"],showButtons:e?!1:S,setOpen:o,value:i,onChange:k,setAdaptiveModeValue:z}),P&&t.createElement(n.WatermarkOverlay,{message:F})),[te,q,A,y,k,se,R,o,p,i,g,s]),ze=t.useCallback(()=>{var c;const e={animation:!!((c=b==null?void 0:b.animate)==null||c),title:ne,subTitle:ae,expand:v,onClose:Z,windowWidth:L,footer:S?{cancelText:_.toLanguageString(d.flatColorPickerCancelBtn,d.messages[d.flatColorPickerCancelBtn]),onCancel:Z,applyText:_.toLanguageString(d.flatColorPickerApplyBtn,d.messages[d.flatColorPickerApplyBtn]),onApply:ce}:void 0};return t.createElement(je.AdaptiveMode,{...e},t.createElement(Ge.ActionSheetContent,null,J(!0)))},[b==null?void 0:b.animate,ne,ae,v,Z,L,S,_,ce,J]),Ne=t.useCallback(e=>{for(const c of e)Ae(c.target.clientWidth)},[]),ue=n.useDir(u,l.dir),xe=be!==!1;return t.createElement("span",{id:l.id,role:"combobox","aria-label":l.ariaLabel,"aria-labelledby":l.ariaLabelledBy,"aria-describedby":l.ariaDescribedBy,"aria-haspopup":"dialog","aria-expanded":v,"aria-controls":`k-colorpicker-popup-${(de=l.id)!=null?de:0}`,"aria-disabled":V?"true":void 0,className:n.classNames("k-colorpicker","k-picker","k-icon-picker",{[`k-picker-${n.kendoThemeMaps.sizeMap[p]||p}`]:p,[`k-picker-${q}`]:q,[`k-rounded-${n.kendoThemeMaps.roundedMap[C]||C}`]:C,"k-invalid":!xe,"k-disabled":V,"k-focus":Se,className:we}),ref:u,tabIndex:n.getTabIndex(Ee,V),title:l.title,onKeyDown:Ie,onFocus:Oe,onBlur:Le,dir:ue},t.createElement(Ve.Picker,{dir:ue,open:v,onOpen:Be,popupAnchor:u.current||void 0,popupSettings:{id:`k-colorpicker-popup-${(pe=l.id)!=null?pe:0}`,...b},input:t.createElement("span",{onClick:Fe,className:"k-input-inner"},t.createElement("span",{className:n.classNames("k-value-icon","k-color-preview",{"k-no-color":!i,"k-icon-color-preview":M||H||O})},O&&t.createElement("span",{className:n.classNames("k-color-preview-icon",O)}),!O&&(M||H)&&t.createElement(n.IconWrap,{name:M,icon:H}),t.createElement("span",{className:"k-color-preview-mask",style:{backgroundColor:i}}))),button:t.createElement(He.Button,{tabIndex:-1,type:"button",onClick:()=>o(!v),className:"k-input-button",icon:"chevron-down",svgIcon:We.chevronDownIcon,size:p,"aria-label":_.toLanguageString(d.colorPickerDropdownButtonAriaLabel,d.messages[d.colorPickerDropdownButtonAriaLabel])}),content:J(!1),_mobileMode:$,_actionSheet:ze()}))});Y.propTypes={value:r.string,defaultValue:r.string,disabled:r.bool,view:r.oneOf(["gradient","palette","combo"]),views:r.arrayOf(r.oneOf(["gradient","palette"])),dir:r.string,id:r.string,icon:r.string,svgIcon:n.svgIconPropType,ariaLabelledBy:r.string,ariaDescribedBy:r.string,size:r.oneOf(["small","medium","large"]),rounded:r.oneOf(["small","medium","large","full","none"]),fillMode:r.oneOf(["solid","flat","outline"]),className:r.string,adaptive:r.bool,adaptiveTitle:r.string,adaptiveSubtitle:r.string};const w={size:void 0,rounded:void 0,fillMode:void 0,view:"palette",views:["gradient","palette"],gradientSettings:$e,paletteSettings:Ze};Y.displayName="KendoColorPicker";exports.ColorPicker=Y;exports.ColorPickerPropsContext=Ce;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Me=require("react"),r=require("prop-types"),n=require("@progress/kendo-react-common"),be=require("../package-metadata.js"),Ve=require("./Picker.js"),He=require("./ColorGradient.js"),Y=require("./ColorPalette.js"),q=require("./FlatColorPicker.js"),We=require("@progress/kendo-react-buttons"),Ue=require("@progress/kendo-svg-icons"),d=require("../messages/index.js"),je=require("@progress/kendo-react-intl"),Ge=require("../common/AdaptiveMode.js"),Ke=require("@progress/kendo-react-layout");function $e(f){const T=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(f){for(const P in f)if(P!=="default"){const F=Object.getOwnPropertyDescriptor(f,P);Object.defineProperty(T,P,F.get?F:{enumerable:!0,get:()=>f[P]})}}return T.default=f,Object.freeze(T)}const t=$e(Me),Ze={opacity:!0},Je={palette:Y.DEFAULT_PRESET,tileSize:Y.DEFAULT_TILE_SIZE},X=f=>f!==void 0,Ee=n.createPropsContext(),ee=t.forwardRef((f,T)=>{var fe,ge;const P=!n.validatePackage(be.packageMetadata,{component:"ColorPicker"}),F=n.getLicenseMessage(be.packageMetadata),l=n.usePropsContext(Ee,f),_=je.useLocalization(),te=n.useAdaptiveModeContext(),{size:p=w.size,rounded:C=w.rounded,fillMode:M=w.fillMode,gradientSettings:y=w.gradientSettings,paletteSettings:R=w.paletteSettings,flatColorPickerSettings:A,view:g=l.views?void 0:w.view,views:u=g?void 0:w.views,activeView:ne,popupSettings:b,valid:we,disabled:V,tabIndex:Pe,icon:H,svgIcon:W,iconClassName:O,onChange:U,onFocus:j,onBlur:G,onActiveColorClick:K,className:ye,adaptive:Se,adaptiveTitle:ae=_.toLanguageString(d.colorPickerAdaptiveTitle,d.messages[d.colorPickerAdaptiveTitle]),adaptiveSubtitle:oe,showButtons:S=!0}=l,c=t.useRef(null),I=t.useRef(null),D=t.useRef(null),m=t.useRef(null),h=t.useRef(void 0),re=t.useRef(null),[he,le]=t.useState(!1),[Te,_e]=t.useState(l.defaultValue||void 0),[Re,Ae]=t.useState(!1),[L,Ie]=t.useState(),$=X(l.value),E=X(l.open),i=$?l.value:Te,v=E?l.open:Re,ie=t.useRef(i),z=t.useCallback(()=>{c.current&&c.current.focus()},[]);t.useImperativeHandle(T,()=>({element:c.current,actionElement:re.current,value:i,focus:z}),[i,z]);const ce=t.useRef(null);t.useImperativeHandle(ce,()=>({element:c.current,actionElement:re.current,value:i,focus:z}),[i,z]),n.useWebMcpRegister("colorpicker",ce,l,l.webMcp);const Z=!!(L&&te&&L<=te.medium&&Se);t.useEffect(()=>{const e=n.canUseDOM&&window.ResizeObserver&&new window.ResizeObserver(xe.bind(void 0));return document!=null&&document.body&&e&&e.observe(document.body),()=>{document!=null&&document.body&&e&&e.disconnect()}},[]);const o=t.useCallback((e,s)=>{E||(!e&&!s&&c&&c.current&&c.current.focus(),Ae(e))},[E]),se=t.useMemo(()=>new n.Navigation({root:c,selectors:[".k-colorpicker",".k-color-picker-popup"],tabIndex:0,keyboardEvents:{keydown:{Escape:(e,s,a)=>{o(!1)},Enter:(e,s,a)=>{!E&&e===c.current&&(a.preventDefault(),a.stopPropagation(),o(!0))},ArrowDown:(e,s,a)=>{a.altKey&&(a.preventDefault(),a.stopPropagation(),o(!0))},ArrowUp:(e,s,a)=>{a.altKey&&(a.preventDefault(),a.stopPropagation(),o(!1))},Tab:(e,s,a)=>{var B,ve,ke;if(n.getActiveElement(document)!==c.current){const me=(B=D.current)==null?void 0:B.wrapperRef.current,x=(ve=I.current)==null?void 0:ve.wrapperRef.current,Ce=(ke=m.current)==null?void 0:ke.element;g==="palette"&&me?n.keepFocusInContainer(a,me):g==="gradient"&&x?n.keepFocusInContainer(a,x):g==="combo"&&x?n.keepFocusInContainer(a,x.parentElement):u&&Ce&&n.keepFocusInContainer(a,Ce)}}}}}),[o,E]),Be=t.useCallback(se.triggerKeyboardEvent.bind(se),[]),Fe=t.useCallback(()=>{E||(I.current&&I.current.wrapperRef.current?n.focusFirstFocusableChild(I.current.wrapperRef.current):D.current?D.current.focus():m.current&&m.current.element&&n.focusFirstFocusableChild(m.current.element))},[E]),N=e=>ie.current=e,ue=t.useCallback(e=>{const s={value:ie.current,nativeEvent:e.nativeEvent,syntheticEvent:e};k(s),o(!v,!0)},[v]),J=t.useCallback(()=>{o(!1,!0)},[o]),Oe=t.useCallback(e=>{K&&K.call(void 0,{syntheticEvent:e,nativeEvent:e.nativeEvent,value:i,target:{element:c.current,value:i}})},[K,i]),De=t.useCallback(e=>{h.current?(clearTimeout(h.current),h.current=void 0):(le(!0),Z&&!v&&o(!0)),j&&j.call(void 0,{nativeEvent:e.nativeEvent,syntheticEvent:e})},[Z,j,v,o]),Le=t.useCallback(()=>{o(!1,!0),le(!1),h.current=void 0},[]),ze=t.useCallback(e=>{clearTimeout(h.current),h.current=window.setTimeout(Le),G&&G.call(void 0,{nativeEvent:e.nativeEvent,syntheticEvent:e})},[G]),k=t.useCallback((e,s)=>{var B;const a=s?e.rgbaValue||"":(B=e.value)!=null?B:"";$||_e(a),U&&U.call(void 0,{value:a,nativeEvent:e.nativeEvent,syntheticEvent:e.syntheticEvent,target:{element:c.current,value:a}}),o(!1)},[$,U]),de=t.useCallback(e=>k(e,!0),[X,k]),Q=t.useCallback(e=>t.createElement(t.Fragment,null,(g==="combo"||g==="gradient")&&t.createElement(He.ColorGradient,{...y,_adaptive:e,ref:I,isInsidePopup:!0,size:e?"large":p,value:i,onChange:k}),(g==="combo"||g==="palette")&&t.createElement(Y.ColorPalette,{...R,ref:D,size:e?"large":p,value:i,onChange:de}),u&&u[0]==="gradient"&&u[1]==="palette"&&t.createElement(q.FlatColorPicker,{...A,_paletteSettings:R,_gradientSettings:{_adaptive:e,...y},ref:m,size:e?"large":p,rounded:C,views:["gradient","palette"],activeView:ne,setOpen:o,showButtons:e?!1:S,value:i,onChange:k,setAdaptiveModeValue:N}),u&&u[0]==="palette"&&u[1]==="gradient"&&t.createElement(q.FlatColorPicker,{...A,_paletteSettings:R,_gradientSettings:{_adaptive:e,...y},ref:m,size:e?"large":p,rounded:C,views:["palette","gradient"],setOpen:o,showButtons:e?!1:S,value:i,onChange:k,setAdaptiveModeValue:N}),u&&u.includes("gradient")&&!u.includes("palette")&&t.createElement(q.FlatColorPicker,{...A,_gradientSettings:{_adaptive:e,...y},ref:m,size:e?"large":p,rounded:C,views:["gradient"],showButtons:e?!1:S,setOpen:o,value:i,onChange:k,setAdaptiveModeValue:N}),u&&u.includes("palette")&&!u.includes("gradient")&&t.createElement(q.FlatColorPicker,{...A,_paletteSettings:R,_gradientSettings:{_adaptive:e,...y},ref:m,size:e?"large":p,rounded:C,views:["palette"],showButtons:e?!1:S,setOpen:o,value:i,onChange:k,setAdaptiveModeValue:N}),P&&t.createElement(n.WatermarkOverlay,{message:F})),[ne,M,A,y,k,de,R,o,p,i,g,u]),Ne=t.useCallback(()=>{var s;const e={animation:!!((s=b==null?void 0:b.animate)==null||s),title:ae,subTitle:oe,expand:v,onClose:J,windowWidth:L,footer:S?{cancelText:_.toLanguageString(d.flatColorPickerCancelBtn,d.messages[d.flatColorPickerCancelBtn]),onCancel:J,applyText:_.toLanguageString(d.flatColorPickerApplyBtn,d.messages[d.flatColorPickerApplyBtn]),onApply:ue}:void 0};return t.createElement(Ge.AdaptiveMode,{...e},t.createElement(Ke.ActionSheetContent,null,Q(!0)))},[b==null?void 0:b.animate,ae,oe,v,J,L,S,_,ue,Q]),xe=t.useCallback(e=>{for(const s of e)Ie(s.target.clientWidth)},[]),pe=n.useDir(c,l.dir),qe=we!==!1;return t.createElement("span",{id:l.id,role:"combobox","aria-label":l.ariaLabel,"aria-labelledby":l.ariaLabelledBy,"aria-describedby":l.ariaDescribedBy,"aria-haspopup":"dialog","aria-expanded":v,"aria-controls":`k-colorpicker-popup-${(fe=l.id)!=null?fe:0}`,"aria-disabled":V?"true":void 0,className:n.classNames("k-colorpicker","k-picker","k-icon-picker",{[`k-picker-${n.kendoThemeMaps.sizeMap[p]||p}`]:p,[`k-picker-${M}`]:M,[`k-rounded-${n.kendoThemeMaps.roundedMap[C]||C}`]:C,"k-invalid":!qe,"k-disabled":V,"k-focus":he,className:ye}),ref:c,tabIndex:n.getTabIndex(Pe,V),title:l.title,onKeyDown:Be,onFocus:De,onBlur:ze,dir:pe},t.createElement(Ve.Picker,{dir:pe,open:v,onOpen:Fe,popupAnchor:c.current||void 0,popupSettings:{id:`k-colorpicker-popup-${(ge=l.id)!=null?ge:0}`,...b},input:t.createElement("span",{onClick:Oe,className:"k-input-inner"},t.createElement("span",{className:n.classNames("k-value-icon","k-color-preview",{"k-no-color":!i,"k-icon-color-preview":H||W||O})},O&&t.createElement("span",{className:n.classNames("k-color-preview-icon",O)}),!O&&(H||W)&&t.createElement(n.IconWrap,{name:H,icon:W}),t.createElement("span",{className:"k-color-preview-mask",style:{backgroundColor:i}}))),button:t.createElement(We.Button,{tabIndex:-1,type:"button",onClick:()=>o(!v),className:"k-input-button",icon:"chevron-down",svgIcon:Ue.chevronDownIcon,size:p,"aria-label":_.toLanguageString(d.colorPickerDropdownButtonAriaLabel,d.messages[d.colorPickerDropdownButtonAriaLabel])}),content:Q(!1),_mobileMode:Z,_actionSheet:Ne()}))});ee.propTypes={value:r.string,defaultValue:r.string,disabled:r.bool,view:r.oneOf(["gradient","palette","combo"]),views:r.arrayOf(r.oneOf(["gradient","palette"])),dir:r.string,id:r.string,icon:r.string,svgIcon:n.svgIconPropType,ariaLabelledBy:r.string,ariaDescribedBy:r.string,size:r.oneOf(["small","medium","large"]),rounded:r.oneOf(["small","medium","large","full","none"]),fillMode:r.oneOf(["solid","flat","outline"]),className:r.string,adaptive:r.bool,adaptiveTitle:r.string,adaptiveSubtitle:r.string};const w={size:void 0,rounded:void 0,fillMode:void 0,view:"palette",views:["gradient","palette"],gradientSettings:Ze,paletteSettings:Je};ee.displayName="KendoColorPicker";exports.ColorPicker=ee;exports.ColorPickerPropsContext=Ee;