@progress/kendo-react-inputs 7.4.0-develop.9 → 7.5.0-develop.1

package/radiobutton/RadioButton.mjs

@@ -8,30 +8,30 @@
 "use client";
 import * as e from "react";
 import a from "prop-types";
-import { createPropsContext as w, validatePackage as K, usePropsContext as L, useId as O, dispatchEvent as u, classNames as S, kendoThemeMaps as $, getTabIndex as q } from "@progress/kendo-react-common";
+import { createPropsContext as j, validatePackage as K, usePropsContext as L, useId as O, dispatchEvent as u, classNames as S, kendoThemeMaps as $, getTabIndex as q } from "@progress/kendo-react-common";
 import { packageMetadata as A } from "../package-metadata.mjs";
-const G = w(), m = e.forwardRef((C, y) => {
+const G = j(), m = e.forwardRef((y, B) => {
   K(A);
-  const B = L(G, C), {
-    ariaDescribedBy: P,
-    checked: x,
+  const P = L(G, y), {
+    ariaDescribedBy: x,
+    checked: p,
     children: b,
-    className: F,
+    className: E,
     disabled: n,
-    id: p,
+    id: f,
     size: s,
     label: r,
-    labelPlacement: I,
-    name: E,
-    style: R,
-    tabIndex: N,
+    labelPlacement: F,
+    name: I,
+    style: N,
+    tabIndex: R,
     value: c,
     valid: z,
-    onChange: f,
+    onChange: g,
     onFocus: i,
     onBlur: d,
     ...T
-  } = B, l = e.useRef(null), g = e.useCallback(
+  } = P, l = e.useRef(null), k = e.useCallback(
     () => {
       l.current && l.current.focus();
     },
@@ -39,22 +39,22 @@ const G = w(), m = e.forwardRef((C, y) => {
   ), o = e.useCallback(
     () => ({
       element: l.current,
-      focus: g
+      focus: k
     }),
-    [g]
+    [k]
   );
-  e.useImperativeHandle(y, o);
+  e.useImperativeHandle(B, o);
   const h = O(), M = e.useCallback(
     (t) => {
       u(
-        f,
+        g,
         t,
         o(),
         { value: c }
       );
     },
-    [f, c, n]
-  ), D = e.useCallback(
+    [g, c, n]
+  ), w = e.useCallback(
     (t) => {
       i && !n && u(
         i,
@@ -64,7 +64,7 @@ const G = w(), m = e.forwardRef((C, y) => {
       );
     },
     [i, n]
-  ), H = e.useCallback(
+  ), D = e.useCallback(
     (t) => {
       d && !n && u(
         d,
@@ -74,40 +74,41 @@ const G = w(), m = e.forwardRef((C, y) => {
       );
     },
     [d, n]
-  ), j = {
+  ), H = {
     type: "radio",
-    id: p || h,
-    name: E,
+    id: f || h,
+    name: I,
     className: S(
       "k-radio",
       {
         [`k-radio-${$.sizeMap[s] || s}`]: s,
-        "k-invalid": z === !1
+        "k-invalid": z === !1,
+        "k-checked": p
       },
-      F
+      E
     ),
     ref: l,
     disabled: n,
-    tabIndex: q(N, n),
-    checked: x,
-    style: R,
-    "aria-describedby": P,
+    tabIndex: q(R, n),
+    checked: p,
+    style: N,
+    "aria-describedby": x,
     value: c,
     onChange: M,
-    onFocus: D,
-    onBlur: H,
+    onFocus: w,
+    onBlur: D,
     ...T
-  }, k = /* @__PURE__ */ e.createElement(e.Fragment, null, r !== void 0 ? /* @__PURE__ */ e.createElement(
+  }, v = /* @__PURE__ */ e.createElement(e.Fragment, null, r !== void 0 ? /* @__PURE__ */ e.createElement(
     "label",
     {
       className: "k-radio-label",
-      htmlFor: p || h,
+      htmlFor: f || h,
       style: { userSelect: "none" },
       "aria-label": r
     },
     r
-  ) : null), v = /* @__PURE__ */ e.createElement("input", { ...j });
-  return I === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, k, v, b) : /* @__PURE__ */ e.createElement(e.Fragment, null, v, k, b);
+  ) : null), C = /* @__PURE__ */ e.createElement("span", { className: "k-radio-wrap" }, /* @__PURE__ */ e.createElement("input", { ...H }));
+  return F === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, v, C, b) : /* @__PURE__ */ e.createElement(e.Fragment, null, C, v, b);
 });
 m.propTypes = {
   ariaDescribedBy: a.string,

package/radiobutton/RadioGroup.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("react"),e=require("prop-types"),K=require("./RadioButton.js"),s=require("@progress/kendo-react-common"),A=require("../package-metadata.js");function J(l){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const n in l)if(n!=="default"){const d=Object.getOwnPropertyDescriptor(l,n);Object.defineProperty(c,n,d.get?d:{enumerable:!0,get:()=>l[n]})}}return c.default=l,Object.freeze(c)}const t=J(L),E=s.createPropsContext(),u=t.forwardRef((l,c)=>{s.validatePackage(A.packageMetadata);const n=s.usePropsContext(E,l),{id:d,ariaLabelledBy:O,ariaDescribedBy:j,className:B,data:g,defaultValue:G,disabled:o,name:I,labelPlacement:F,layout:b,style:S,value:k,valid:q,item:x=N.item,onChange:m,onFocus:p}=n,i=t.useRef(null),C=t.useCallback(()=>{i.current&&s.focusFirstFocusableChild(i.current)},[]),f=t.useCallback(()=>({element:i.current,focus:C}),[C]);t.useImperativeHandle(c,f);const[D,v]=t.useState(G),h=k!==void 0,y=h?k:D,M=t.useCallback(a=>{let r=a.value;!h&&!o&&v(r),m&&!o&&s.dispatchEvent(m,a.syntheticEvent,f(),{value:r})},[v,m,o]),T=t.useCallback(a=>{p&&!o&&s.dispatchEvent(p,a.syntheticEvent,f(),void 0)},[p,o]),V=s.useId(),z=s.classNames("k-radio-list",{"k-list-horizontal":b==="horizontal","k-list-vertical":b==="vertical"||b===void 0},B),_=s.useRtl(i,n.dir),w=g&&g.map((a,r)=>{const P=y===a.value,H=y==null,R={...a,valid:q,checked:P,disabled:!!(a.disabled||o),labelPlacement:a.labelPlacement?a.labelPlacement:F,tabIndex:a.tabIndex?a.tabIndex:H&&r===0||P?0:-1,index:r,name:I||V,onChange:M,onFocus:T};return t.createElement(x,{className:s.classNames("k-radio-item",{"k-disabled":R.disabled||o}),key:r,role:"none"},t.createElement(K.RadioButton,{...R}))});return t.createElement("ul",{id:d,role:"radiogroup",className:z,ref:i,dir:_,style:S,"aria-labelledby":O,"aria-describedby":j},w)}),N={item:l=>t.createElement("li",{...l})};u.propTypes={ariaLabelledBy:e.string,ariaDescribedBy:e.string,className:e.string,data:e.arrayOf(e.object),defaultValue:e.any,dir:e.string,disabled:e.bool,labelPlacement:e.string,layout:e.string,name:e.string,style:e.object,value:e.any,onChange:e.func,onFocus:e.func};u.defaultProps=N;u.displayName="KendoRadioGroup";exports.RadioGroup=u;exports.RadioGroupPropsContext=E;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("react"),e=require("prop-types"),K=require("./RadioButton.js"),s=require("@progress/kendo-react-common"),A=require("../package-metadata.js");function J(l){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const n in l)if(n!=="default"){const d=Object.getOwnPropertyDescriptor(l,n);Object.defineProperty(c,n,d.get?d:{enumerable:!0,get:()=>l[n]})}}return c.default=l,Object.freeze(c)}const t=J(L),E=s.createPropsContext(),u=t.forwardRef((l,c)=>{s.validatePackage(A.packageMetadata);const n=s.usePropsContext(E,l),{id:d,ariaLabelledBy:O,ariaDescribedBy:j,className:B,data:g,defaultValue:G,disabled:o,name:I,labelPlacement:F,layout:b,style:S,value:k,valid:q,item:x=N.item,onChange:m,onFocus:p}=n,i=t.useRef(null),C=t.useCallback(()=>{i.current&&s.focusFirstFocusableChild(i.current)},[]),f=t.useCallback(()=>({element:i.current,focus:C}),[C]);t.useImperativeHandle(c,f);const[D,v]=t.useState(G),h=k!==void 0,y=h?k:D,M=t.useCallback(a=>{let r=a.value;!h&&!o&&v(r),m&&!o&&s.dispatchEvent(m,a.syntheticEvent,f(),{value:r})},[v,m,o]),T=t.useCallback(a=>{p&&!o&&s.dispatchEvent(p,a.syntheticEvent,f(),void 0)},[p,o]),V=s.useId(),z=s.classNames("k-radio-list",{"k-list-horizontal":b==="horizontal","k-list-vertical":b==="vertical"||b===void 0},B),_=s.useRtl(i,n.dir),w=g&&g.map((a,r)=>{const P=y===a.value,H=y==null,R={...a,valid:q,checked:P,disabled:!!(a.disabled||o),labelPlacement:a.labelPlacement?a.labelPlacement:F,tabIndex:a.tabIndex?a.tabIndex:H&&r===0||P?0:-1,index:r,name:I||V,onChange:M,onFocus:T};return t.createElement(x,{className:s.classNames("k-radio-list-item",{"k-disabled":R.disabled||o}),key:r,role:"none"},t.createElement(K.RadioButton,{...R}))});return t.createElement("ul",{id:d,role:"radiogroup",className:z,ref:i,dir:_,style:S,"aria-labelledby":O,"aria-describedby":j},w)}),N={item:l=>t.createElement("li",{...l})};u.propTypes={ariaLabelledBy:e.string,ariaDescribedBy:e.string,className:e.string,data:e.arrayOf(e.object),defaultValue:e.any,dir:e.string,disabled:e.bool,labelPlacement:e.string,layout:e.string,name:e.string,style:e.object,value:e.any,onChange:e.func,onFocus:e.func};u.defaultProps=N;u.displayName="KendoRadioGroup";exports.RadioGroup=u;exports.RadioGroupPropsContext=E;

package/radiobutton/RadioGroup.mjs

@@ -87,7 +87,7 @@ const Z = A(), m = t.forwardRef((r, E) => {
     return /* @__PURE__ */ t.createElement(
       z,
       {
-        className: P("k-radio-item", { "k-disabled": v.disabled || l }),
+        className: P("k-radio-list-item", { "k-disabled": v.disabled || l }),
         key: s,
         role: "none"
       },

package/range-slider/RangeSlider.js

@@ -5,16 +5,16 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("react"),I=require("prop-types"),i=require("@progress/kendo-react-common"),R=require("../messages/index.js"),W=require("@progress/kendo-react-intl"),l=require("./range-raducer.js"),Y=require("../package-metadata.js");function F(r){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(n,e,s.get?s:{enumerable:!0,get:()=>r[e]})}}return n.default=r,Object.freeze(n)}const a=F(X),J=(r,n,e)=>{const[s,c]=a.useState(r),u=a.useCallback(m=>{const A=l.rangeReducer(n.state||s,{...m,...n});e&&e(A,m.event),c(A)},[n,e]);return[s,u]},_=i.createPropsContext(),x=a.forwardRef((r,n)=>{i.validatePackage(Y.packageMetadata);const e=i.usePropsContext(_,r),s=a.useRef(null),c=a.useRef(null),u=a.useRef(null),m=a.useRef(null),A=a.useRef(null),G=a.useCallback(()=>{m.current&&m.current.focus()},[m]);a.useImperativeHandle(s,()=>({element:c.current,focus:G,props:e})),a.useImperativeHandle(n,()=>s.current);const p=a.useMemo(()=>e.min,[e.min]),g=a.useMemo(()=>e.max,[e.max]),$=a.useMemo(()=>e.step!==void 0?e.step:T.step,[e.step,T.step]),y=i.useDir(c,e.dir),S=(t,f)=>{e.onChange&&s.current&&e.onChange.call(void 0,{value:t,target:s.current,syntheticEvent:f})},[D,O]=a.useState(""),[k,o]=J(e.defaultValue||T.defaultValue,{min:p,max:g,step:$,state:e.value},S),d=a.useMemo(()=>e.value||k,[e.value,k]),K=a.useRef(null),N=a.useRef(null),b=a.useMemo(()=>(d.start-p)/(g-p)*100,[d.start,p,g]),h=a.useMemo(()=>(d.end-p)/(g-p)*100,[d.end,p,g]),M=a.useMemo(()=>e.vertical?{paddingTop:0,height:"100%"}:{},[e.vertical]),P=a.useMemo(()=>e.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},[e.vertical]),w=W.useLocalization(),C=a.useCallback(t=>{if(!N.current)return;const f=N.current.getBoundingClientRect(),v=e.vertical?f.bottom-t.clientY:y==="rtl"?f.right-t.clientX:t.clientX-f.left,E=e.vertical?f.height:f.width,B=v/E;return p+B*(g-p)},[N,e.vertical,y,p,g,k.start,k.end,e.value&&e.value.start,e.value&&e.value.end]),z=a.useCallback(t=>t<=d.start?"start":t>=d.end?"end":2*t<d.end+d.start?"start":"end",[k.start,k.end,e.value&&e.value.start,e.value&&e.value.end]),q=a.useCallback(t=>{switch(t.keyCode){case i.Keys.right:t.preventDefault(),o({type:y==="rtl"?l.RANGE_ACTION.decrease:l.RANGE_ACTION.increase,key:"start",event:t});break;case i.Keys.up:t.preventDefault(),o({type:l.RANGE_ACTION.increase,key:"start",event:t});break;case i.Keys.left:t.preventDefault(),o({type:y==="rtl"?l.RANGE_ACTION.increase:l.RANGE_ACTION.decrease,key:"start",event:t});break;case i.Keys.down:t.preventDefault(),o({type:l.RANGE_ACTION.decrease,key:"start",event:t});break;case i.Keys.home:t.preventDefault(),o({type:l.RANGE_ACTION.min,key:"start",event:t});break;case i.Keys.end:t.preventDefault(),o({type:l.RANGE_ACTION.max,key:"start",event:t});break}},[o]),V=a.useCallback(t=>{switch(t.keyCode){case i.Keys.right:t.preventDefault(),o({type:y==="rtl"?l.RANGE_ACTION.decrease:l.RANGE_ACTION.increase,key:"end",event:t});break;case i.Keys.up:t.preventDefault(),o({type:l.RANGE_ACTION.increase,key:"end",event:t});break;case i.Keys.left:t.preventDefault(),o({type:y==="rtl"?l.RANGE_ACTION.increase:l.RANGE_ACTION.decrease,key:"end",event:t});break;case i.Keys.down:t.preventDefault(),o({type:l.RANGE_ACTION.decrease,key:"end",event:t});break;case i.Keys.home:t.preventDefault(),o({type:l.RANGE_ACTION.min,key:"end",event:t});break;case i.Keys.end:t.preventDefault(),o({type:l.RANGE_ACTION.max,key:"end",event:t});break}},[o,y]),j=a.useCallback(t=>{const f=C(t),v=z(f);O(v),v==="end"?A.current.focus():m.current.focus();const E=v==="end"?l.RANGE_ACTION.end:l.RANGE_ACTION.start;o({type:E,payload:f,event:t})},[e.vertical,p,g,o]),H=t=>{const f=C(t),v=D==="end"?l.RANGE_ACTION.end:l.RANGE_ACTION.start;o({type:v,payload:f,event:t})},L=t=>{const f=C(t),v=D==="end"?l.RANGE_ACTION.end:l.RANGE_ACTION.start;o({type:v,payload:f,event:t}),O("")};return i.useDraggable(N,{onPress:j,onDrag:H,onRelease:L}),a.createElement("div",{id:e.id,style:e.style,ref:c,dir:y,className:i.classNames("k-slider",{"k-rtl":y==="rtl","k-disabled":e.disabled,"k-slider-vertical":e.vertical,"k-slider-horizontal":!e.vertical},e.className)},a.createElement("div",{ref:N,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...P}},e.children&&a.createElement("ul",{className:"k-reset k-slider-items",style:{...M}},a.Children.map(e.children,t=>t&&a.cloneElement(t,{position:100*(t.props.position-e.min)/(e.max-e.min),vertical:e.vertical},t.props.children))),a.createElement("div",{ref:K,className:"k-slider-track",style:e.vertical?{bottom:0,height:"100%"}:{[y==="rtl"?"right":"left"]:0,width:"100%"}},b!==null&&h!==null&&a.createElement("div",{"data-selection":!0,ref:u,title:`${d.start} - ${d.end}`,className:"k-slider-selection",style:e.vertical?{height:h-b+"%",bottom:b+"%"}:{[y==="rtl"?"right":"left"]:b+"%",width:h-b+"%"}}),a.createElement("span",{ref:m,role:"slider",tabIndex:i.getTabIndex(e.startTabIndex,e.disabled,void 0),"aria-valuemin":p,"aria-valuemax":Math.max(g,d.end),"aria-valuenow":d.start,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${d.start} - ${d.end}`,className:"k-draghandle",title:w.toLanguageString(R.sliderDragTitle,R.messages[R.sliderDragTitle]),style:e.vertical?{bottom:"calc("+b+"%)",zIndex:1}:y==="rtl"?{right:"calc("+b+"% - 13px)",zIndex:1}:{left:"calc("+b+"%)",zIndex:1},onKeyDown:q}),a.createElement("span",{ref:A,role:"slider",tabIndex:i.getTabIndex(e.endTabIndex,e.disabled,void 0),"aria-valuemin":Math.min(p,d.start),"aria-valuemax":g,"aria-valuenow":d.end,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${d.start} - ${d.end}`,className:"k-draghandle",title:w.toLanguageString(R.sliderDragTitle,R.messages[R.sliderDragTitle]),style:e.vertical?{bottom:"calc("+h+"%)",zIndex:1}:y==="rtl"?{right:"calc("+h+"% - 13px)",zIndex:1}:{left:"calc("+h+"%)",zIndex:1},onKeyDown:V}))))}),Q={value:(r,n,e)=>{if(r.value){const s=r.value.start,c=r.value.end,u=r.min,m=r.max;if(s>c||s>m||s<u||c>m||c<u||c<s)return new Error(`Invalid prop + ${n} supplied to ${e}.
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("react"),T=require("prop-types"),i=require("@progress/kendo-react-common"),R=require("../messages/index.js"),W=require("@progress/kendo-react-intl"),l=require("./range-raducer.js"),Y=require("../package-metadata.js");function F(r){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(n,e,s.get?s:{enumerable:!0,get:()=>r[e]})}}return n.default=r,Object.freeze(n)}const a=F(X),J=(r,n,e)=>{const[s,c]=a.useState(r),m=a.useCallback(f=>{const A=l.rangeReducer(n.state||s,{...f,...n});e&&e(A,f.event),c(A)},[n,e]);return[s,m]},_=i.createPropsContext(),I=a.forwardRef((r,n)=>{i.validatePackage(Y.packageMetadata);const e=i.usePropsContext(_,r),s=a.useRef(null),c=a.useRef(null),m=a.useRef(null),f=a.useRef(null),A=a.useRef(null),G=a.useCallback(()=>{f.current&&f.current.focus()},[f]);a.useImperativeHandle(s,()=>({element:c.current,focus:G,props:e})),a.useImperativeHandle(n,()=>s.current);const p=a.useMemo(()=>e.min,[e.min]),g=a.useMemo(()=>e.max,[e.max]),$=a.useMemo(()=>e.step!==void 0?e.step:C.step,[e.step,C.step]),y=i.useDir(c,e.dir),S=(t,u)=>{e.onChange&&s.current&&e.onChange.call(void 0,{value:t,target:s.current,syntheticEvent:u})},[D,O]=a.useState(""),[b,d]=J(e.defaultValue||C.defaultValue,{min:p,max:g,step:$,state:e.value},S),o=a.useMemo(()=>e.value||b,[e.value,b]),K=a.useRef(null),N=a.useRef(null),k=a.useMemo(()=>(o.start-p)/(g-p)*100,[o.start,p,g]),h=a.useMemo(()=>(o.end-p)/(g-p)*100,[o.end,p,g]),M=a.useMemo(()=>e.vertical?{paddingTop:0,height:"100%"}:{},[e.vertical]),P=a.useMemo(()=>e.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},[e.vertical]),w=W.useLocalization(),x=a.useCallback(t=>{if(!N.current)return;const u=N.current.getBoundingClientRect(),v=e.vertical?u.bottom-t.clientY:y==="rtl"?u.right-t.clientX:t.clientX-u.left,E=e.vertical?u.height:u.width,B=v/E;return p+B*(g-p)},[N,e.vertical,y,p,g,b.start,b.end,e.value&&e.value.start,e.value&&e.value.end]),z=a.useCallback(t=>t<=o.start?"start":t>=o.end?"end":2*t<o.end+o.start?"start":"end",[b.start,b.end,e.value&&e.value.start,e.value&&e.value.end]),q=a.useCallback(t=>{switch(t.keyCode){case i.Keys.right:t.preventDefault(),d({type:y==="rtl"?l.RANGE_ACTION.decrease:l.RANGE_ACTION.increase,key:"start",event:t});break;case i.Keys.up:t.preventDefault(),d({type:l.RANGE_ACTION.increase,key:"start",event:t});break;case i.Keys.left:t.preventDefault(),d({type:y==="rtl"?l.RANGE_ACTION.increase:l.RANGE_ACTION.decrease,key:"start",event:t});break;case i.Keys.down:t.preventDefault(),d({type:l.RANGE_ACTION.decrease,key:"start",event:t});break;case i.Keys.home:t.preventDefault(),d({type:l.RANGE_ACTION.min,key:"start",event:t});break;case i.Keys.end:t.preventDefault(),d({type:l.RANGE_ACTION.max,key:"start",event:t});break}},[d]),V=a.useCallback(t=>{switch(t.keyCode){case i.Keys.right:t.preventDefault(),d({type:y==="rtl"?l.RANGE_ACTION.decrease:l.RANGE_ACTION.increase,key:"end",event:t});break;case i.Keys.up:t.preventDefault(),d({type:l.RANGE_ACTION.increase,key:"end",event:t});break;case i.Keys.left:t.preventDefault(),d({type:y==="rtl"?l.RANGE_ACTION.increase:l.RANGE_ACTION.decrease,key:"end",event:t});break;case i.Keys.down:t.preventDefault(),d({type:l.RANGE_ACTION.decrease,key:"end",event:t});break;case i.Keys.home:t.preventDefault(),d({type:l.RANGE_ACTION.min,key:"end",event:t});break;case i.Keys.end:t.preventDefault(),d({type:l.RANGE_ACTION.max,key:"end",event:t});break}},[d,y]),j=a.useCallback(t=>{const u=x(t),v=z(u);O(v),v==="end"?A.current.focus():f.current.focus();const E=v==="end"?l.RANGE_ACTION.end:l.RANGE_ACTION.start;d({type:E,payload:u,event:t})},[e.vertical,p,g,d]),H=t=>{const u=x(t),v=D==="end"?l.RANGE_ACTION.end:l.RANGE_ACTION.start;d({type:v,payload:u,event:t})},L=t=>{const u=x(t),v=D==="end"?l.RANGE_ACTION.end:l.RANGE_ACTION.start;d({type:v,payload:u,event:t}),O("")};return i.useDraggable(N,{onPress:j,onDrag:H,onRelease:L}),a.createElement("div",{id:e.id,style:e.style,ref:c,dir:y,className:i.classNames("k-slider",{"k-rtl":y==="rtl","k-disabled":e.disabled,"k-slider-vertical":e.vertical,"k-slider-horizontal":!e.vertical},e.className)},a.createElement("div",{ref:N,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...P}},e.children&&a.createElement("ul",{className:"k-reset k-slider-items",style:{...M}},a.Children.map(e.children,(t,u)=>t&&a.cloneElement(t,{position:100*(t.props.position-e.min)/(e.max-e.min),vertical:e.vertical,firstTick:u===0,lastTick:u===a.Children.count(e.children)-1},t.props.children))),a.createElement("div",{ref:K,className:"k-slider-track",style:e.vertical?{bottom:0,height:"100%"}:{[y==="rtl"?"right":"left"]:0,width:"100%"}},k!==null&&h!==null&&a.createElement("div",{"data-selection":!0,ref:m,title:`${o.start} - ${o.end}`,className:"k-slider-selection",style:e.vertical?{height:h-k+"%",bottom:k+"%"}:{[y==="rtl"?"right":"left"]:k+"%",width:h-k+"%"}}),a.createElement("span",{ref:f,role:"slider",tabIndex:i.getTabIndex(e.startTabIndex,e.disabled,void 0),"aria-valuemin":p,"aria-valuemax":Math.max(g,o.end),"aria-valuenow":o.start,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${o.start} - ${o.end}`,className:"k-draghandle k-draghandle-start",title:w.toLanguageString(R.sliderDragTitle,R.messages[R.sliderDragTitle]),style:e.vertical?{bottom:"calc("+k+"%)",zIndex:1}:y==="rtl"?{right:"calc("+k+"% - 13px)",zIndex:1}:{left:"calc("+k+"%)",zIndex:1},onKeyDown:q}),a.createElement("span",{ref:A,role:"slider",tabIndex:i.getTabIndex(e.endTabIndex,e.disabled,void 0),"aria-valuemin":Math.min(p,o.start),"aria-valuemax":g,"aria-valuenow":o.end,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${o.start} - ${o.end}`,className:"k-draghandle k-draghandle-end",title:w.toLanguageString(R.sliderDragTitle,R.messages[R.sliderDragTitle]),style:e.vertical?{bottom:"calc("+h+"%)",zIndex:1}:y==="rtl"?{right:"calc("+h+"% - 13px)",zIndex:1}:{left:"calc("+h+"%)",zIndex:1},onKeyDown:V}))))}),Q={value:(r,n,e)=>{if(r.value){const s=r.value.start,c=r.value.end,m=r.min,f=r.max;if(s>c||s>f||s<m||c>f||c<m||c<s)return new Error(`Invalid prop + ${n} supplied to ${e}.
                     The { start, end } value must be between the min & max value and { start, end } must be start < end.
-                    `)}return null},defaultValue:(r,n,e)=>{if(r.defaultValue){const s=r.defaultValue.start,c=r.defaultValue.end,u=r.min,m=r.max;if(s>c||s>m||s<u||c>m||c<u||c<s)return new Error(`Invalid prop + ${n} supplied to ${e}.
+                    `)}return null},defaultValue:(r,n,e)=>{if(r.defaultValue){const s=r.defaultValue.start,c=r.defaultValue.end,m=r.min,f=r.max;if(s>c||s>f||s<m||c>f||c<m||c<s)return new Error(`Invalid prop + ${n} supplied to ${e}.
                     The { start, end } value must be between the min & max value and { start, end } must be start < end.
-                    `)}return null},onChange:I.func,step:I.number,min:(r,n,e)=>{const s=r[n],c=r.min,u=r.max;return c===void 0?new Error(`Invalid prop + ${n} supplied to ${e}.
+                    `)}return null},onChange:T.func,step:T.number,min:(r,n,e)=>{const s=r[n],c=r.min,m=r.max;return c===void 0?new Error(`Invalid prop + ${n} supplied to ${e}.
                 ${n} value can not be undefined.
-                `):s&&c>=u?new Error(`Invalid prop + ${n} supplied to ${e}.
+                `):s&&c>=m?new Error(`Invalid prop + ${n} supplied to ${e}.
                 ${n} value can not be equal to or bigger than the max value.
-                `):null},max:(r,n,e)=>{const s=r[n],c=r.min,u=r.max;return u===void 0?new Error(`Invalid prop + ${n} supplied to ${e}.
+                `):null},max:(r,n,e)=>{const s=r[n],c=r.min,m=r.max;return m===void 0?new Error(`Invalid prop + ${n} supplied to ${e}.
                 ${n} value can not be undefined.
-                `):s&&u<=c?new Error(`Invalid prop + ${n} supplied to ${e}.
+                `):s&&m<=c?new Error(`Invalid prop + ${n} supplied to ${e}.
                 ${n} value can not be equal to or smaller than the min value.
-                `):null},vertical:I.bool,disabled:I.bool,dir:I.oneOf(["ltr","rtl"])},T={step:1,defaultValue:{start:0,end:0},vertical:!1,disabled:!1};x.displayName="KendoReactRangeSlider";x.propTypes=Q;x.defaultProps=T;exports.RangeSlider=x;exports.RangeSliderPropsContext=_;
+                `):null},vertical:T.bool,disabled:T.bool,dir:T.oneOf(["ltr","rtl"])},C={step:1,defaultValue:{start:0,end:0},vertical:!1,disabled:!1};I.displayName="KendoReactRangeSlider";I.propTypes=Q;I.defaultProps=C;exports.RangeSlider=I;exports.RangeSliderPropsContext=_;

package/range-slider/RangeSlider.mjs

@@ -14,21 +14,21 @@ import { useLocalization as Q } from "@progress/kendo-react-intl";
 import { RANGE_ACTION as n, rangeReducer as U } from "./range-raducer.mjs";
 import { packageMetadata as Z } from "../package-metadata.mjs";
 const ee = (r, l, e) => {
-  const [s, i] = a.useState(r), d = a.useCallback(
-    (u) => {
-      const x = U(l.state || s, { ...u, ...l });
-      e && e(x, u.event), i(x);
+  const [s, i] = a.useState(r), u = a.useCallback(
+    (m) => {
+      const x = U(l.state || s, { ...m, ...l });
+      e && e(x, m.event), i(x);
     },
     [l, e]
   );
-  return [s, d];
+  return [s, u];
 }, te = W(), T = a.forwardRef((r, l) => {
   Y(Z);
-  const e = _(te, r), s = a.useRef(null), i = a.useRef(null), d = a.useRef(null), u = a.useRef(null), x = a.useRef(null), V = a.useCallback(
+  const e = _(te, r), s = a.useRef(null), i = a.useRef(null), u = a.useRef(null), m = a.useRef(null), x = a.useRef(null), V = a.useCallback(
     () => {
-      u.current && u.current.focus();
+      m.current && m.current.focus();
     },
-    [u]
+    [m]
   );
   a.useImperativeHandle(s, () => ({
     element: i.current,
@@ -44,13 +44,13 @@ const ee = (r, l, e) => {
   ), K = a.useMemo(
     () => e.step !== void 0 ? e.step : $.step,
     [e.step, $.step]
-  ), p = j(i, e.dir), A = (t, m) => {
+  ), p = j(i, e.dir), A = (t, o) => {
     e.onChange && s.current && e.onChange.call(void 0, {
       value: t,
       target: s.current,
-      syntheticEvent: m
+      syntheticEvent: o
     });
-  }, [E, S] = a.useState(""), [b, c] = ee(
+  }, [E, S] = a.useState(""), [g, c] = ee(
     e.defaultValue || $.defaultValue,
     {
       min: f,
@@ -59,26 +59,26 @@ const ee = (r, l, e) => {
       state: e.value
     },
     A
-  ), o = a.useMemo(
-    () => e.value || b,
-    [e.value, b]
+  ), d = a.useMemo(
+    () => e.value || g,
+    [e.value, g]
   ), H = a.useRef(null), w = a.useRef(null), y = a.useMemo(
-    () => (o.start - f) / (k - f) * 100,
-    [o.start, f, k]
-  ), g = a.useMemo(
-    () => (o.end - f) / (k - f) * 100,
-    [o.end, f, k]
+    () => (d.start - f) / (k - f) * 100,
+    [d.start, f, k]
+  ), b = a.useMemo(
+    () => (d.end - f) / (k - f) * 100,
+    [d.end, f, k]
   ), L = a.useMemo(
     () => e.vertical ? { paddingTop: 0, height: "100%" } : {},
     [e.vertical]
   ), N = a.useMemo(
     () => e.vertical ? { marginTop: "0.5rem", marginBottom: "0.5rem" } : { marginLeft: "0.5rem", marginRight: "0.5rem" },
     [e.vertical]
-  ), M = Q(), I = a.useCallback(
+  ), M = Q(), C = a.useCallback(
     (t) => {
       if (!w.current)
         return;
-      const m = w.current.getBoundingClientRect(), h = e.vertical ? m.bottom - t.clientY : p === "rtl" ? m.right - t.clientX : t.clientX - m.left, C = e.vertical ? m.height : m.width, X = h / C;
+      const o = w.current.getBoundingClientRect(), h = e.vertical ? o.bottom - t.clientY : p === "rtl" ? o.right - t.clientX : t.clientX - o.left, I = e.vertical ? o.height : o.width, X = h / I;
       return f + X * (k - f);
     },
     [
@@ -87,16 +87,16 @@ const ee = (r, l, e) => {
       p,
       f,
       k,
-      b.start,
-      b.end,
+      g.start,
+      g.end,
       e.value && e.value.start,
       e.value && e.value.end
     ]
   ), q = a.useCallback(
-    (t) => t <= o.start ? "start" : t >= o.end ? "end" : 2 * t < o.end + o.start ? "start" : "end",
+    (t) => t <= d.start ? "start" : t >= d.end ? "end" : 2 * t < d.end + d.start ? "start" : "end",
     [
-      b.start,
-      b.end,
+      g.start,
+      g.end,
       e.value && e.value.start,
       e.value && e.value.end
     ]
@@ -150,19 +150,19 @@ const ee = (r, l, e) => {
     [c, p]
   ), O = a.useCallback(
     (t) => {
-      const m = I(t), h = q(m);
-      S(h), h === "end" ? x.current.focus() : u.current.focus();
-      const C = h === "end" ? n.end : n.start;
-      c({ type: C, payload: m, event: t });
+      const o = C(t), h = q(o);
+      S(h), h === "end" ? x.current.focus() : m.current.focus();
+      const I = h === "end" ? n.end : n.start;
+      c({ type: I, payload: o, event: t });
     },
     [e.vertical, f, k, c]
   );
   return F(w, { onPress: O, onDrag: (t) => {
-    const m = I(t), h = E === "end" ? n.end : n.start;
-    c({ type: h, payload: m, event: t });
+    const o = C(t), h = E === "end" ? n.end : n.start;
+    c({ type: h, payload: o, event: t });
   }, onRelease: (t) => {
-    const m = I(t), h = E === "end" ? n.end : n.start;
-    c({ type: h, payload: m, event: t }), S("");
+    const o = C(t), h = E === "end" ? n.end : n.start;
+    c({ type: h, payload: o, event: t }), S("");
   } }), /* @__PURE__ */ a.createElement(
     "div",
     {
@@ -199,11 +199,13 @@ const ee = (r, l, e) => {
           className: "k-reset k-slider-items",
           style: { ...L }
         },
-        a.Children.map(e.children, (t) => t && a.cloneElement(
+        a.Children.map(e.children, (t, o) => t && a.cloneElement(
           t,
           {
             position: 100 * (t.props.position - e.min) / (e.max - e.min),
-            vertical: e.vertical
+            vertical: e.vertical,
+            firstTick: o === 0,
+            lastTick: o === a.Children.count(e.children) - 1
           },
           t.props.children
         ))
@@ -215,31 +217,31 @@ const ee = (r, l, e) => {
           className: "k-slider-track",
           style: e.vertical ? { bottom: 0, height: "100%" } : { [p === "rtl" ? "right" : "left"]: 0, width: "100%" }
         },
-        y !== null && g !== null && /* @__PURE__ */ a.createElement(
+        y !== null && b !== null && /* @__PURE__ */ a.createElement(
           "div",
           {
             "data-selection": !0,
-            ref: d,
-            title: `${o.start} - ${o.end}`,
+            ref: u,
+            title: `${d.start} - ${d.end}`,
             className: "k-slider-selection",
-            style: e.vertical ? { height: g - y + "%", bottom: y + "%" } : {
+            style: e.vertical ? { height: b - y + "%", bottom: y + "%" } : {
               [p === "rtl" ? "right" : "left"]: y + "%",
-              width: g - y + "%"
+              width: b - y + "%"
             }
           }
         ),
         /* @__PURE__ */ a.createElement(
           "span",
           {
-            ref: u,
+            ref: m,
             role: "slider",
             tabIndex: z(e.startTabIndex, e.disabled, void 0),
             "aria-valuemin": f,
-            "aria-valuemax": Math.max(k, o.end),
-            "aria-valuenow": o.start,
+            "aria-valuemax": Math.max(k, d.end),
+            "aria-valuenow": d.start,
             "aria-disabled": e.disabled ? "true" : void 0,
-            "aria-valuetext": `${o.start} - ${o.end}`,
-            className: "k-draghandle",
+            "aria-valuetext": `${d.start} - ${d.end}`,
+            className: "k-draghandle k-draghandle-start",
             title: M.toLanguageString(R, P[R]),
             style: e.vertical ? { bottom: "calc(" + y + "%)", zIndex: 1 } : p === "rtl" ? { right: "calc(" + y + "% - 13px)", zIndex: 1 } : { left: "calc(" + y + "%)", zIndex: 1 },
             onKeyDown: B
@@ -251,14 +253,14 @@ const ee = (r, l, e) => {
             ref: x,
             role: "slider",
             tabIndex: z(e.endTabIndex, e.disabled, void 0),
-            "aria-valuemin": Math.min(f, o.start),
+            "aria-valuemin": Math.min(f, d.start),
             "aria-valuemax": k,
-            "aria-valuenow": o.end,
+            "aria-valuenow": d.end,
             "aria-disabled": e.disabled ? "true" : void 0,
-            "aria-valuetext": `${o.start} - ${o.end}`,
-            className: "k-draghandle",
+            "aria-valuetext": `${d.start} - ${d.end}`,
+            className: "k-draghandle k-draghandle-end",
             title: M.toLanguageString(R, P[R]),
-            style: e.vertical ? { bottom: "calc(" + g + "%)", zIndex: 1 } : p === "rtl" ? { right: "calc(" + g + "% - 13px)", zIndex: 1 } : { left: "calc(" + g + "%)", zIndex: 1 },
+            style: e.vertical ? { bottom: "calc(" + b + "%)", zIndex: 1 } : p === "rtl" ? { right: "calc(" + b + "% - 13px)", zIndex: 1 } : { left: "calc(" + b + "%)", zIndex: 1 },
             onKeyDown: G
           }
         )
@@ -268,8 +270,8 @@ const ee = (r, l, e) => {
 }), ae = {
   value: (r, l, e) => {
     if (r.value) {
-      const s = r.value.start, i = r.value.end, d = r.min, u = r.max;
-      if (s > i || s > u || s < d || i > u || i < d || i < s)
+      const s = r.value.start, i = r.value.end, u = r.min, m = r.max;
+      if (s > i || s > m || s < u || i > m || i < u || i < s)
         return new Error(
           `Invalid prop + ${l} supplied to ${e}.
                     The { start, end } value must be between the min & max value and { start, end } must be start < end.
@@ -280,8 +282,8 @@ const ee = (r, l, e) => {
   },
   defaultValue: (r, l, e) => {
     if (r.defaultValue) {
-      const s = r.defaultValue.start, i = r.defaultValue.end, d = r.min, u = r.max;
-      if (s > i || s > u || s < d || i > u || i < d || i < s)
+      const s = r.defaultValue.start, i = r.defaultValue.end, u = r.min, m = r.max;
+      if (s > i || s > m || s < u || i > m || i < u || i < s)
         return new Error(
           `Invalid prop + ${l} supplied to ${e}.
                     The { start, end } value must be between the min & max value and { start, end } must be start < end.
@@ -293,24 +295,24 @@ const ee = (r, l, e) => {
   onChange: D.func,
   step: D.number,
   min: (r, l, e) => {
-    const s = r[l], i = r.min, d = r.max;
+    const s = r[l], i = r.min, u = r.max;
     return i === void 0 ? new Error(
       `Invalid prop + ${l} supplied to ${e}.
                 ${l} value can not be undefined.
                 `
-    ) : s && i >= d ? new Error(
+    ) : s && i >= u ? new Error(
       `Invalid prop + ${l} supplied to ${e}.
                 ${l} value can not be equal to or bigger than the max value.
                 `
     ) : null;
   },
   max: (r, l, e) => {
-    const s = r[l], i = r.min, d = r.max;
-    return d === void 0 ? new Error(
+    const s = r[l], i = r.min, u = r.max;
+    return u === void 0 ? new Error(
       `Invalid prop + ${l} supplied to ${e}.
                 ${l} value can not be undefined.
                 `
-    ) : s && d <= i ? new Error(
+    ) : s && u <= i ? new Error(
       `Invalid prop + ${l} supplied to ${e}.
                 ${l} value can not be equal to or smaller than the min value.
                 `

package/signature/Signature.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ve=require("@progress/kendo-inputs-common"),R=require("@progress/kendo-react-buttons"),s=require("@progress/kendo-react-common"),ye=require("@progress/kendo-react-dialogs"),Ce=require("@progress/kendo-react-intl"),a=require("prop-types"),he=require("react"),d=require("../messages/index.js"),Se=require("../package-metadata.js"),ze=require("./utils/index.js"),q=require("@progress/kendo-svg-icons");function Oe(i){const f=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const e in i)if(e!=="default"){const p=Object.getOwnPropertyDescriptor(i,e);Object.defineProperty(f,e,p.get?p:{enumerable:!0,get:()=>i[e]})}}return f.default=i,Object.freeze(f)}const n=Oe(he),Ee=250,xe=84,Z=3,ee=2,Me="#000000",Ie="#ffffff",Y=i=>i!==void 0,te=s.createPropsContext(),b=n.forwardRef((i,f)=>{s.validatePackage(Se.packageMetadata);const e=s.usePropsContext(te,i),p=Ce.useLocalization(),c=n.useRef(null),v=n.useRef(null),T=n.useRef(null),B=n.useRef(null),_=n.useRef(null),[r,ne]=n.useState(),[y,j]=n.useState(!1),[O,N]=n.useState(!1),[C,F]=n.useState(),[oe,ae]=n.useState(),G=Y(e.value)?e.value:C,[re,se]=n.useState(!1),k=Y(e.open),g=k?e.open:re,ie=!(e.maximized||O||!e.maximizable||e.disabled),le=e.maximized&&!O,ce=!(!(e.value||C)||O||e.readOnly||e.disabled),A=p.toLanguageString(d.signatureMaximize,d.messages[d.signatureMaximize]),V=p.toLanguageString(d.signatureMinimize,d.messages[d.signatureMinimize]),U=p.toLanguageString(d.signatureClear,d.messages[d.signatureClear]),E=e.popupScale||Z,x=e.exportScale||ee,M=t=>{F(t),e.onChange&&e.onChange({value:t})},ue=t=>{r==null||r.loadImage(t.value),M(t.value)};n.useEffect(()=>{e.value!==C&&(F(e.value),r==null||r.loadImage(e.value))},[e.value]);const de=()=>{r==null||r.clear(),M()},h=n.useCallback(t=>{k||se(t)},[k]),me=t=>{var o,l;X(t),(l=((o=_.current)==null?void 0:o.element)||v.current)==null||l.focus()},I=n.useCallback(()=>{let t=Me;return!e.color&&typeof document!="undefined"&&c.current&&(t=getComputedStyle(c.current).color),e.color||t},[e.color]),w=n.useCallback(()=>{let t=Ie;return!e.backgroundColor&&typeof document!="undefined"&&c.current&&(t=getComputedStyle(c.current).backgroundColor),e.backgroundColor||t},[e.backgroundColor]),W=()=>({scale:e.maximized?e.popupScale:1,color:I(),backgroundColor:w(),strokeWidth:e.strokeWidth,smooth:e.smooth,readonly:e.readOnly}),H=async t=>{const{width:o,height:l}=t;return await(r==null?void 0:r.exportImage({width:o*x,height:l*x}))};n.useEffect(()=>{const t=v.current,o=new ve.SignaturePad(t,W());return G&&o.loadImage(G),ne(o),()=>o.destroy()},[]),n.useEffect(()=>{r==null||r.setOptions({onChange:async()=>M(await H(J())),onDraw:()=>N(!0),onDrawEnd:()=>N(!1)})},[r]),s.useIsomorphicLayoutEffect(()=>r==null?void 0:r.setOptions(W()),[e.readOnly,e.color,e.backgroundColor,e.strokeWidth,e.smooth]),n.useEffect(()=>{var l,m;const t=(m=(l=T.current)==null?void 0:l.element)==null?void 0:m.querySelector(".k-overlay");if(!t)return;const o=()=>h(!1);return t.addEventListener("click",o),()=>t.removeEventListener("click",o)},[g]),n.useEffect(()=>{if(!g||typeof document=="undefined")return;const t=o=>{o.keyCode===s.Keys.esc&&h(!1)};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[g]),n.useEffect(()=>{var t,o;e.maximized&&((o=(t=B.current)==null?void 0:t.element)==null||o.focus())},[]);const P=n.useCallback(()=>{var t;return(t=v.current)==null?void 0:t.focus()},[]),S=n.useCallback(()=>e.value,[e.value]),K=n.useCallback(()=>e.name,[e.name]),z=n.useCallback(()=>e.required,[e.required]),L=n.useCallback(()=>{const t=e.validationMessage!==void 0,l=!S(),m=e.valid!==void 0?e.valid:!z()||!l;return{customError:t,valid:m,valueMissing:l}},[e.validationMessage,e.valid,S,z]),D=n.useCallback(()=>e.validityStyles,[e.validityStyles]),$=n.useCallback(()=>e,[e]),u=n.useCallback(()=>{const t={element:c.current,focus:P};return Object.defineProperty(t,"name",{get:K}),Object.defineProperty(t,"value",{get:S}),Object.defineProperty(t,"validity",{get:L}),Object.defineProperty(t,"validityStyles",{get:D}),Object.defineProperty(t,"required",{get:z}),Object.defineProperty(t,"props",{get:$}),Object.defineProperty(t,"color",{get:I}),Object.defineProperty(t,"backgroundColor",{get:w}),t},[K,S,L,D,z,P,$,I,w]);n.useImperativeHandle(f,u);const pe=n.useCallback(t=>{y||e.maximized||(j(!0),s.dispatchEvent(e.onFocus,t,u(),{}))},[y,e.onFocus,u]),ge=n.useCallback(t=>{ze.hasParent(t.relatedTarget,c.current)||(j(!1),s.dispatchEvent(e.onBlur,t,u(),{}))},[y,e.onBlur,u]),fe=n.useCallback(async t=>{ae(await H(Q())),h(!0),s.dispatchEvent(e.onOpen,t,u(),{})},[g,k,e.onOpen,e.value,C,u]),X=n.useCallback(t=>{h(!1),s.dispatchEvent(e.onClose,t,u(),{})},[g,k,e.onClose,u]),ke=()=>{de(),P()},J=()=>{var l,m;const t=e.width||((l=c.current)==null?void 0:l.offsetWidth)||Ee,o=e.height||((m=c.current)==null?void 0:m.offsetHeight)||xe;return{width:t,height:o}},Q=()=>{const{width:t,height:o}=J();return{width:t*E,height:o*E}},be=!D()||L().valid;return n.createElement("div",{ref:c,dir:e.dir,style:{width:e.width,height:e.height,...e.style},className:s.classNames("k-input","k-signature",{"k-signature-maximized":e.maximized,[`k-signature-${s.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-input-${e.fillMode}`]:e.fillMode,[`k-rounded-${s.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,"k-invalid":!be,"k-required":e.required,"k-disabled":e.disabled,"k-focus":y},e.className),onFocus:pe,onBlur:ge},n.createElement("div",{className:"k-signature-canvas",ref:v,tabIndex:s.getTabIndex(e.tabIndex,e.disabled),role:"img",id:e.id,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-disabled":e.disabled?"true":void 0}),n.createElement("div",{className:"k-signature-actions k-signature-actions-top"},ie&&n.createElement(R.Button,{type:"button",className:"k-signature-action k-signature-maximize",ref:_,icon:"hyperlink-open",svgIcon:q.hyperlinkOpenIcon,fillMode:"flat",size:e.size,onClick:fe,"aria-label":A,title:A}),le&&n.createElement(R.Button,{type:"button",className:"k-signature-action k-signature-minimize k-rotate-180",ref:B,icon:"hyperlink-open",svgIcon:q.hyperlinkOpenIcon,fillMode:"flat",size:e.size,onClick:X,"aria-label":V,title:V})),!e.hideLine&&n.createElement("div",{className:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}}),n.createElement("div",{className:"k-signature-actions k-signature-actions-bottom"},ce&&n.createElement(R.Button,{type:"button",className:"k-signature-action k-signature-clear",icon:"x",svgIcon:q.xIcon,fillMode:"flat",size:e.size,onClick:ke,"aria-label":U,title:U})),g&&n.createElement(ye.Dialog,{ref:T},n.createElement(b,{...e,...Q(),value:oe,maximized:!0,exportScale:1/E*x,open:!1,onChange:ue,onClose:me})))});b.propTypes={value:a.string,width:a.number,height:a.number,tabIndex:a.number,dir:a.string,ariaDescribedBy:a.string,ariaLabelledBy:a.string,ariaLabel:a.string,readOnly:a.bool,disabled:a.bool,validationMessage:a.string,required:a.bool,onChange:a.func,onFocus:a.func,onBlur:a.func,onOpen:a.func,onClose:a.func,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large"]),fillMode:a.oneOf([null,"solid","flat","outline"])};b.displayName="KendoSignature";b.defaultProps={strokeWidth:1,smooth:!1,popupScale:Z,exportScale:ee,maximizable:!0,disabled:!1,required:!1,validityStyles:!0,onChange:i=>s.noop,onFocus:i=>s.noop,onBlur:i=>s.noop,onOpen:i=>s.noop,onClose:i=>s.noop,size:"medium",rounded:"medium",fillMode:"solid"};exports.Signature=b;exports.SignaturePropsContext=te;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ve=require("@progress/kendo-inputs-common"),R=require("@progress/kendo-react-buttons"),r=require("@progress/kendo-react-common"),ye=require("@progress/kendo-react-dialogs"),Ce=require("@progress/kendo-react-intl"),a=require("prop-types"),he=require("react"),d=require("../messages/index.js"),Se=require("../package-metadata.js"),ze=require("./utils/index.js"),q=require("@progress/kendo-svg-icons");function Oe(i){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const e in i)if(e!=="default"){const f=Object.getOwnPropertyDescriptor(i,e);Object.defineProperty(p,e,f.get?f:{enumerable:!0,get:()=>i[e]})}}return p.default=i,Object.freeze(p)}const n=Oe(he),Ee=250,xe=84,Z=3,ee=2,Me="#000000",Ie="#ffffff",Y=i=>i!==void 0,te=r.createPropsContext(),b=n.forwardRef((i,p)=>{r.validatePackage(Se.packageMetadata);const e=r.usePropsContext(te,i),f=Ce.useLocalization(),c=n.useRef(null),v=n.useRef(null),T=n.useRef(null),B=n.useRef(null),_=n.useRef(null),[s,ne]=n.useState(),[y,N]=n.useState(!1),[O,j]=n.useState(!1),[C,F]=n.useState(),[oe,ae]=n.useState(),G=Y(e.value)?e.value:C,[re,se]=n.useState(!1),k=Y(e.open),g=k?e.open:re,ie=e.maximized||O||!e.maximizable||e.disabled,le=!(e.maximized&&!O),ce=!(!(e.value||C)||O||e.readOnly||e.disabled),A=f.toLanguageString(d.signatureMaximize,d.messages[d.signatureMaximize]),V=f.toLanguageString(d.signatureMinimize,d.messages[d.signatureMinimize]),U=f.toLanguageString(d.signatureClear,d.messages[d.signatureClear]),E=e.popupScale||Z,x=e.exportScale||ee,M=t=>{F(t),e.onChange&&e.onChange({value:t})},ue=t=>{s==null||s.loadImage(t.value),M(t.value)};n.useEffect(()=>{e.value!==C&&(F(e.value),s==null||s.loadImage(e.value))},[e.value]);const de=()=>{s==null||s.clear(),M()},h=n.useCallback(t=>{k||se(t)},[k]),me=t=>{var o,l;X(t),(l=((o=_.current)==null?void 0:o.element)||v.current)==null||l.focus()},I=n.useCallback(()=>{let t=Me;return!e.color&&typeof document!="undefined"&&c.current&&(t=getComputedStyle(c.current).color),e.color||t},[e.color]),w=n.useCallback(()=>{let t=Ie;return!e.backgroundColor&&typeof document!="undefined"&&c.current&&(t=getComputedStyle(c.current).backgroundColor),e.backgroundColor||t},[e.backgroundColor]),W=()=>({scale:e.maximized?e.popupScale:1,color:I(),backgroundColor:w(),strokeWidth:e.strokeWidth,smooth:e.smooth,readonly:e.readOnly}),H=async t=>{const{width:o,height:l}=t;return await(s==null?void 0:s.exportImage({width:o*x,height:l*x}))};n.useEffect(()=>{const t=v.current,o=new ve.SignaturePad(t,W());return G&&o.loadImage(G),ne(o),()=>o.destroy()},[]),n.useEffect(()=>{s==null||s.setOptions({onChange:async()=>M(await H(J())),onDraw:()=>j(!0),onDrawEnd:()=>j(!1)})},[s]),r.useIsomorphicLayoutEffect(()=>s==null?void 0:s.setOptions(W()),[e.readOnly,e.color,e.backgroundColor,e.strokeWidth,e.smooth]),n.useEffect(()=>{var l,m;const t=(m=(l=T.current)==null?void 0:l.element)==null?void 0:m.querySelector(".k-overlay");if(!t)return;const o=()=>h(!1);return t.addEventListener("click",o),()=>t.removeEventListener("click",o)},[g]),n.useEffect(()=>{if(!g||typeof document=="undefined")return;const t=o=>{o.keyCode===r.Keys.esc&&h(!1)};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[g]),n.useEffect(()=>{var t,o;e.maximized&&((o=(t=B.current)==null?void 0:t.element)==null||o.focus())},[]);const P=n.useCallback(()=>{var t;return(t=v.current)==null?void 0:t.focus()},[]),S=n.useCallback(()=>e.value,[e.value]),$=n.useCallback(()=>e.name,[e.name]),z=n.useCallback(()=>e.required,[e.required]),L=n.useCallback(()=>{const t=e.validationMessage!==void 0,l=!S(),m=e.valid!==void 0?e.valid:!z()||!l;return{customError:t,valid:m,valueMissing:l}},[e.validationMessage,e.valid,S,z]),D=n.useCallback(()=>e.validityStyles,[e.validityStyles]),K=n.useCallback(()=>e,[e]),u=n.useCallback(()=>{const t={element:c.current,focus:P};return Object.defineProperty(t,"name",{get:$}),Object.defineProperty(t,"value",{get:S}),Object.defineProperty(t,"validity",{get:L}),Object.defineProperty(t,"validityStyles",{get:D}),Object.defineProperty(t,"required",{get:z}),Object.defineProperty(t,"props",{get:K}),Object.defineProperty(t,"color",{get:I}),Object.defineProperty(t,"backgroundColor",{get:w}),t},[$,S,L,D,z,P,K,I,w]);n.useImperativeHandle(p,u);const fe=n.useCallback(t=>{y||e.maximized||(N(!0),r.dispatchEvent(e.onFocus,t,u(),{}))},[y,e.onFocus,u]),ge=n.useCallback(t=>{ze.hasParent(t.relatedTarget,c.current)||(N(!1),r.dispatchEvent(e.onBlur,t,u(),{}))},[y,e.onBlur,u]),pe=n.useCallback(async t=>{ae(await H(Q())),h(!0),r.dispatchEvent(e.onOpen,t,u(),{})},[g,k,e.onOpen,e.value,C,u]),X=n.useCallback(t=>{h(!1),r.dispatchEvent(e.onClose,t,u(),{})},[g,k,e.onClose,u]),ke=()=>{de(),P()},J=()=>{var l,m;const t=e.width||((l=c.current)==null?void 0:l.offsetWidth)||Ee,o=e.height||((m=c.current)==null?void 0:m.offsetHeight)||xe;return{width:t,height:o}},Q=()=>{const{width:t,height:o}=J();return{width:t*E,height:o*E}},be=!D()||L().valid;return n.createElement("div",{ref:c,dir:e.dir,style:{width:e.width,height:e.height,...e.style},className:r.classNames("k-input","k-signature",{"k-signature-maximized":e.maximized,[`k-signature-${r.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-signature-${e.fillMode}`]:e.fillMode,[`k-input-${e.fillMode}`]:e.fillMode,[`k-rounded-${r.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,"k-invalid":!be,"k-required":e.required,"k-disabled":e.disabled,"k-focus":y},e.className),onFocus:fe,onBlur:ge},n.createElement("div",{className:"k-signature-canvas",ref:v,tabIndex:r.getTabIndex(e.tabIndex,e.disabled),role:"img",id:e.id,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-disabled":e.disabled?"true":void 0}),n.createElement("div",{className:"k-signature-actions k-signature-actions-top"},n.createElement(R.Button,{type:"button",className:r.classNames("k-signature-action","k-signature-maximize",{"k-hidden":e.disabled||ie}),ref:_,icon:"hyperlink-open",svgIcon:q.hyperlinkOpenIcon,fillMode:"flat",size:e.size,onClick:pe,"aria-label":A,title:A}),n.createElement(R.Button,{type:"button",className:r.classNames("k-signature-action","k-signature-minimize","k-rotate-180",{"k-hidden":e.disabled||le}),ref:B,icon:"hyperlink-open",svgIcon:q.hyperlinkOpenIcon,fillMode:"flat",size:e.size,onClick:X,"aria-label":V,title:V})),!e.hideLine&&n.createElement("div",{className:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}}),n.createElement("div",{className:"k-signature-actions k-signature-actions-bottom"},ce&&n.createElement(R.Button,{type:"button",className:"k-signature-action k-signature-clear",icon:"x",svgIcon:q.xIcon,fillMode:"flat",size:e.size,onClick:ke,"aria-label":U,title:U})),g&&n.createElement(ye.Dialog,{ref:T},n.createElement(b,{...e,...Q(),value:oe,maximized:!0,exportScale:1/E*x,open:!1,onChange:ue,onClose:me})))});b.propTypes={value:a.string,width:a.number,height:a.number,tabIndex:a.number,dir:a.string,ariaDescribedBy:a.string,ariaLabelledBy:a.string,ariaLabel:a.string,readOnly:a.bool,disabled:a.bool,validationMessage:a.string,required:a.bool,onChange:a.func,onFocus:a.func,onBlur:a.func,onOpen:a.func,onClose:a.func,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large"]),fillMode:a.oneOf([null,"solid","flat","outline"])};b.displayName="KendoSignature";b.defaultProps={strokeWidth:1,smooth:!1,popupScale:Z,exportScale:ee,maximizable:!0,disabled:!1,required:!1,validityStyles:!0,onChange:i=>r.noop,onFocus:i=>r.noop,onBlur:i=>r.noop,onOpen:i=>r.noop,onClose:i=>r.noop,size:"medium",rounded:"medium",fillMode:"solid"};exports.Signature=b;exports.SignaturePropsContext=te;