@progress/kendo-react-inputs 15.2.0-develop.1 → 15.2.0-develop.3

package/rating/Rating.mjs

@@ -7,28 +7,26 @@
  */
 import * as a from "react";
 import c from "prop-types";
-import { usePropsContext as te, useDir as ae, useWebMcpRegister as ne, Keys as E, IconWrap as y, toIconName as O, classNames as le, getTabIndex as se, createPropsContext as oe, svgIconPropType as P } from "@progress/kendo-react-common";
-import { RatingItem as ie } from "./RatingItem.mjs";
-import { RATING_ACTION as r, ratingReducer as re } from "./rating-reducer.mjs";
-import { calcIsFirstHalf as S, toRound as D, getRemainder as ce, isHalf as ue, isSelected as F, isCorrectValue as $ } from "./utils/index.mjs";
-import { ratingAriaLabel as K, messages as me } from "../messages/index.mjs";
-import { useLocalization as de } from "@progress/kendo-react-intl";
-const A = {
+import { usePropsContext as Z, useDir as ee, useWebMcpRegister as te, Keys as E, IconWrap as y, toIconName as z, classNames as ae, getTabIndex as ne, createPropsContext as le, svgIconPropType as $ } from "@progress/kendo-react-common";
+import { RatingItem as se } from "./RatingItem.mjs";
+import { RATING_ACTION as r, ratingReducer as oe } from "./rating-reducer.mjs";
+import { calcIsFirstHalf as K, toRound as D, getRemainder as ie, isHalf as re, isSelected as F, isCorrectValue as L } from "./utils/index.mjs";
+const S = {
   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"
-}, W = {
+}, A = {
   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"
-}, X = (n, g, v) => {
-  const [e, z] = a.useState(n);
-  return [e, (h) => {
-    const o = re(g.state || e, { ...h, ...g });
-    v && v(o, h.event), z(o);
+}, W = (n, v, g) => {
+  const [e, u] = a.useState(n);
+  return [e, (o) => {
+    const V = oe(v.state || e, { ...o, ...v });
+    g && g(V, o.event), u(V);
   }];
-}, pe = oe(), q = a.forwardRef((n, g) => {
-  const v = te(pe, n), e = {
+}, ce = le(), X = a.forwardRef((n, v) => {
+  const g = Z(ce, n), e = {
     dir: s.dir,
     min: s.min,
     max: s.max,
@@ -39,13 +37,13 @@ const A = {
     disabled: s.disabled,
     selection: s.selection,
     precision: s.precision,
-    ...v
-  }, z = de(), u = a.useRef(null), h = a.useRef(null), o = ae(h, e.dir);
+    ...g
+  }, u = a.useRef(null), w = a.useRef(null), o = ee(w, e.dir);
   a.useImperativeHandle(u, () => ({
-    element: h.current,
+    element: w.current,
     props: e
-  })), a.useImperativeHandle(g, () => u.current), ne("rating", u, e, e.webMcp);
-  const G = a.useCallback(
+  })), a.useImperativeHandle(v, () => u.current), te("rating", u, e, e.webMcp);
+  const V = a.useCallback(
     (t, l) => {
       e.onChange && u.current && e.onChange.call(void 0, {
         value: t,
@@ -54,32 +52,32 @@ const A = {
       });
     },
     [e.onChange]
-  ), I = a.useMemo(() => e.min !== void 0 ? e.min : s.min, [e.min]), x = a.useMemo(() => e.max !== void 0 ? e.max : s.max, [e.max]), d = a.useMemo(() => e.precision || s.precision, [e.precision]), i = a.useMemo(() => e.step !== void 0 ? e.step : s.step, [e.step]), w = a.useMemo(() => e.readonly || s.readonly, [e.readonly]), k = a.useMemo(() => e.disabled || s.disabled, [e.disabled]), _ = a.useMemo(() => e.item || s.item, [e.item]), [H, p] = X(
+  ), h = a.useMemo(() => e.min !== void 0 ? e.min : s.min, [e.min]), I = a.useMemo(() => e.max !== void 0 ? e.max : s.max, [e.max]), m = a.useMemo(() => e.precision || s.precision, [e.precision]), i = a.useMemo(() => e.step !== void 0 ? e.step : s.step, [e.step]), x = a.useMemo(() => e.readonly || s.readonly, [e.readonly]), k = a.useMemo(() => e.disabled || s.disabled, [e.disabled]), q = a.useMemo(() => e.item || s.item, [e.item]), [H, p] = W(
     e.defaultValue !== void 0 ? e.defaultValue : s.defaultValue,
     {
       state: e.value,
-      min: I,
-      max: x,
-      step: d === "half" ? i / 2 : i
+      min: h,
+      max: I,
+      step: m === "half" ? i / 2 : i
     },
-    G
-  ), [L, B] = X(null, {
+    V
+  ), [T, N] = W(null, {
     state: e.value,
-    min: I,
-    max: x,
-    step: d === "half" ? i / 2 : i,
-    precision: d
-  }), m = a.useMemo(
+    min: h,
+    max: I,
+    step: m === "half" ? i / 2 : i,
+    precision: m
+  }), d = a.useMemo(
     () => e.value !== void 0 ? e.value : H,
     [e.value, H]
-  ), C = a.useMemo(() => L, [L]), N = a.useMemo(
+  ), C = a.useMemo(() => T, [T]), O = a.useMemo(
     () => e.selection || s.selection,
     [e.selection]
-  ), M = a.useMemo(() => i / (d === "half" ? 2 : 1), [i, d]), j = a.useCallback(
+  ), M = a.useMemo(() => i / (m === "half" ? 2 : 1), [i, m]), G = a.useCallback(
     (t) => {
-      if (!(!t.target || !t.target.element || w || k)) {
-        if (d === "half") {
-          const l = t.target.element.getBoundingClientRect(), R = S(o || "ltr", l, t.syntheticEvent.clientX) ? D(t.target.value - i / 2, M) : t.target.value;
+      if (!(!t.target || !t.target.element || x || k)) {
+        if (m === "half") {
+          const l = t.target.element.getBoundingClientRect(), R = K(o || "ltr", l, t.syntheticEvent.clientX) ? D(t.target.value - i / 2, M) : t.target.value;
           p({ type: r.select, payload: R, event: t.syntheticEvent });
         } else
           p({
@@ -89,7 +87,7 @@ const A = {
           });
         if (e.onClick) {
           const l = {
-            value: m,
+            value: d,
             target: u.current,
             syntheticEvent: t.syntheticEvent
           };
@@ -97,10 +95,10 @@ const A = {
         }
       }
     },
-    [e.onClick, p, m]
-  ), J = a.useCallback(
+    [e.onClick, p, d]
+  ), _ = a.useCallback(
     (t) => {
-      if (!(w || k)) {
+      if (!(x || k)) {
         switch (t.keyCode) {
           case E.right:
             t.preventDefault(), p({
@@ -134,14 +132,14 @@ const A = {
             break;
         }
         e.onKeyDown && e.onKeyDown.call(void 0, {
-          value: m,
+          value: d,
           target: u.current,
           syntheticEvent: t
         });
       }
     },
-    [e.onKeyDown, p, m]
-  ), Q = a.useCallback(
+    [e.onKeyDown, p, d]
+  ), j = a.useCallback(
     (t) => {
       if (e.onFocus) {
         const l = {
@@ -152,7 +150,7 @@ const A = {
       }
     },
     [e.onFocus]
-  ), U = a.useCallback(
+  ), J = a.useCallback(
     (t) => {
       if (e.onBlur) {
         const l = {
@@ -163,28 +161,28 @@ const A = {
       }
     },
     [e.onBlur]
-  ), Y = a.useCallback(
+  ), Q = a.useCallback(
     (t) => {
       if (!(!t.target || !t.target.element))
-        if (d === "half") {
-          const l = t.target.element.getBoundingClientRect(), R = S(o || "ltr", l, t.syntheticEvent.clientX) ? t.target.value - i / 2 : t.target.value;
-          B({ type: r.select, payload: R, event: t.syntheticEvent });
+        if (m === "half") {
+          const l = t.target.element.getBoundingClientRect(), R = K(o || "ltr", l, t.syntheticEvent.clientX) ? t.target.value - i / 2 : t.target.value;
+          N({ type: r.select, payload: R, event: t.syntheticEvent });
         } else
-          B({
+          N({
             type: r.select,
             payload: t.target.value,
             event: t.syntheticEvent
           });
     },
-    [d, i, o]
-  ), Z = a.useCallback((t) => {
-    B({ type: r.reset, event: t.syntheticEvent });
-  }, []), T = [], ee = ce(D(x - I, M), i);
-  for (let t = I || i; t <= x; t = D(t + i, M)) {
-    const l = D(t + ee, M), f = d === "half" ? ue(l, C !== null ? C : m !== null ? m : 0, i) : !1, R = F(l, m, i, N), V = F(l, C !== null ? C : m, i, N), b = F(l, C, i, N);
-    T.push(
+    [m, i, o]
+  ), U = a.useCallback((t) => {
+    N({ type: r.reset, event: t.syntheticEvent });
+  }, []), P = [], Y = ie(D(I - h, M), i);
+  for (let t = h || i; t <= I; t = D(t + i, M)) {
+    const l = D(t + Y, M), f = m === "half" ? re(l, C !== null ? C : d !== null ? d : 0, i) : !1, R = F(l, d, i, O), B = F(l, C !== null ? C : d, i, O), b = F(l, C, i, O);
+    P.push(
       /* @__PURE__ */ a.createElement(
-        _,
+        q,
         {
           key: l,
           value: l,
@@ -193,24 +191,24 @@ const A = {
           icon: e.icon,
           svgIcon: e.svgIcon,
           half: f,
-          selected: R || V,
+          selected: R || B,
           hovered: b,
-          onClick: j,
-          onMouseMove: Y,
-          onMouseLeave: Z
+          onClick: G,
+          onMouseMove: Q,
+          onMouseLeave: U
         },
         f && /* @__PURE__ */ a.createElement("span", { className: "k-rating-precision-complement" }, !(e.icon || e.svgIconOutline) && /* @__PURE__ */ a.createElement(
           y,
           {
             name: "star",
-            icon: W,
+            icon: A,
             style: { clipPath: `${o === "rtl" ? "inset(0 50% 0 0)" : "inset(0 0 0 50%)"}` },
             size: "xlarge"
           }
         ), (e.icon || e.svgIconOutline) && /* @__PURE__ */ a.createElement(
           y,
           {
-            name: O(`${e.icon}-outline`),
+            name: z(`${e.icon}-outline`),
             icon: e.svgIconOutline,
             size: "xlarge"
           }
@@ -219,23 +217,23 @@ const A = {
           y,
           {
             name: "star",
-            icon: A,
+            icon: S,
             style: { clipPath: `${o === "rtl" ? "inset(0 0 0 50%)" : "inset(0 50% 0 0)"}` },
             size: "xlarge"
           }
         ), (e.icon || e.svgIcon) && /* @__PURE__ */ a.createElement(
           y,
           {
-            name: e.icon ? O(e.icon) : void 0,
+            name: e.icon ? z(e.icon) : void 0,
             icon: e.svgIcon,
             size: "xlarge"
           }
         )),
         f && /* @__PURE__ */ a.createElement("span", { style: { width: "24px", height: "24px", display: "block" } }),
-        !f && !(e.icon || e.svgIcon) && (b || V && !b) && /* @__PURE__ */ a.createElement(y, { name: "star", icon: A, size: "xlarge" }) || !(e.icon || e.svgIcon) && !b && !V && /* @__PURE__ */ a.createElement(y, { name: "star", icon: W, size: "xlarge" }) || (e.icon || e.svgIcon) && (b || V && !b) && /* @__PURE__ */ a.createElement(y, { name: e.icon, icon: e.svgIcon, size: "xlarge" }) || (e.icon || e.svgIcon) && !b && /* @__PURE__ */ a.createElement(
+        !f && !(e.icon || e.svgIcon) && (b || B && !b) && /* @__PURE__ */ a.createElement(y, { name: "star", icon: S, size: "xlarge" }) || !(e.icon || e.svgIcon) && !b && !B && /* @__PURE__ */ a.createElement(y, { name: "star", icon: A, size: "xlarge" }) || (e.icon || e.svgIcon) && (b || B && !b) && /* @__PURE__ */ a.createElement(y, { name: e.icon, icon: e.svgIcon, size: "xlarge" }) || (e.icon || e.svgIcon) && !b && /* @__PURE__ */ a.createElement(
           y,
           {
-            name: O(`${e.icon}-outline`),
+            name: z(`${e.icon}-outline`),
             icon: e.svgIconOutline,
             size: "xlarge"
           }
@@ -248,49 +246,50 @@ const A = {
     {
       id: e.id,
       style: e.style,
-      ref: h,
+      ref: w,
       role: "slider",
       dir: o,
-      tabIndex: se(e.tabIndex, e.disabled, void 0),
-      className: le(
+      tabIndex: ne(e.tabIndex, e.disabled, void 0),
+      className: ae(
         "k-rating",
         {
           "k-rtl": o === "rtl",
-          "k-readonly": w,
+          "k-readonly": x,
           "k-disabled": k
         },
         e.className
       ),
-      onKeyDown: J,
-      onFocus: Q,
-      onBlur: U,
-      "aria-valuemin": I,
-      "aria-valuemax": x,
-      "aria-valuenow": m !== null ? m : void 0,
+      onKeyDown: _,
+      onFocus: j,
+      onBlur: J,
+      "aria-valuemin": h,
+      "aria-valuemax": I,
+      "aria-valuenow": d !== null ? d : void 0,
       "aria-disabled": k ? "true" : void 0,
-      "aria-label": z.toLanguageString(K, me[K]),
+      "aria-readonly": x ? "true" : void 0,
+      "aria-label": e.ariaLabel,
       "aria-labelledby": e.ariaLabelledBy,
       "aria-describedby": e.ariaDescribedBy
     },
-    /* @__PURE__ */ a.createElement("input", { type: "hidden", id: "rating", readOnly: w, disabled: k }),
-    /* @__PURE__ */ a.createElement("span", { className: "k-rating-container" }, T),
+    /* @__PURE__ */ a.createElement("input", { type: "hidden", id: "rating", readOnly: x, disabled: k }),
+    /* @__PURE__ */ a.createElement("span", { className: "k-rating-container" }, P),
     e.label && /* @__PURE__ */ a.createElement("span", { className: "k-rating-label" }, e.label)
   );
-}), ge = {
+}), ue = {
   id: c.string,
   dir: c.oneOf(["ltr", "rtl"]),
   selection: c.oneOf(["continues", "single"]),
   precision: c.oneOf(["item", "half"]),
-  value: (n, g, v) => n.value && n.min && n.max && n.step && !(n.precision === "half" ? $(n.min, n.max, n.step / 2, n.value) : $(n.min, n.max, n.step, n.value)) && n.precision === "half" ? new Error(
-    `Invalid prop + ${g} supplied to ${v}.
+  value: (n, v, g) => n.value && n.min && n.max && n.step && !(n.precision === "half" ? L(n.min, n.max, n.step / 2, n.value) : L(n.min, n.max, n.step, n.value)) && n.precision === "half" ? new Error(
+    `Invalid prop + ${v} supplied to ${g}.
                     The value of the { value } property is not correct, please check your values.
                     `
   ) : null,
   defaultValue: c.number,
   min: c.number,
   max: c.number,
-  step: (n, g, v) => n.step !== void 0 && n.step <= 0 ? new Error(
-    `Invalid prop + ${g} supplied to ${v}.
+  step: (n, v, g) => n.step !== void 0 && n.step <= 0 ? new Error(
+    `Invalid prop + ${v} supplied to ${g}.
                 The value of the { step } property is cannot be equal or less than "0", please check your values.
                 `
   ) : null,
@@ -299,24 +298,24 @@ const A = {
   readonly: c.bool,
   disabled: c.bool,
   icon: c.string,
-  svgIcon: P,
-  svgIconOutline: P,
+  svgIcon: $,
+  svgIconOutline: $,
   ariaDescribedBy: c.string
 }, s = {
   dir: "ltr",
   min: 0,
   max: 5,
   step: 1,
-  item: ie,
+  item: se,
   defaultValue: null,
   readonly: !1,
   disabled: !1,
   selection: "continues",
   precision: "item"
 };
-q.displayName = "KendoReactRating";
-q.propTypes = ge;
+X.displayName = "KendoReactRating";
+X.propTypes = ue;
 export {
-  q as Rating,
-  pe as RatingPropsContext
+  X as Rating,
+  ce as RatingPropsContext
 };

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