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

package/rating/Rating.mjs

@@ -0,0 +1,323 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as a from "react";
+import i from "prop-types";
+import { createPropsContext as ee, usePropsContext as te, useDir as ae, Keys as M, IconWrap as f, toIconName as B, getTabIndex as ne, classNames as le, svgIconPropType as $ } from "@progress/kendo-react-common";
+import { starOutlineIcon as K, starIcon as L } from "@progress/kendo-svg-icons";
+import { RatingItem as oe } from "./RatingItem.mjs";
+import { RATING_ACTION as r, ratingReducer as se } from "./rating-reducer.mjs";
+import { calcIsFirstHalf as A, toRound as R, getRemainder as ie, isHalf as re, isSelected as F, isCorrectValue as X } from "./utils/index.mjs";
+import { ratingAriaLabel as q, messages as ce } from "../messages/index.mjs";
+import { useLocalization as ue } from "@progress/kendo-react-intl";
+const G = (n, g, e) => {
+  const [h, c] = a.useState(n);
+  return [h, (o) => {
+    const V = se(g.state || h, { ...o, ...g });
+    e && e(V, o.event), c(V);
+  }];
+}, me = ee(), H = a.forwardRef((n, g) => {
+  const e = te(me, n), h = ue(), c = a.useRef(null), D = a.useRef(null), o = ae(D, e.dir);
+  a.useImperativeHandle(c, () => ({
+    element: D.current,
+    props: e
+  })), a.useImperativeHandle(g, () => c.current);
+  const V = a.useCallback(
+    (t, l) => {
+      e.onChange && c.current && e.onChange.call(void 0, {
+        value: t,
+        target: c.current,
+        syntheticEvent: l
+      });
+    },
+    [e.onChange]
+  ), b = a.useMemo(
+    () => e.min !== void 0 ? e.min : m.min,
+    [e.min]
+  ), I = a.useMemo(
+    () => e.max !== void 0 ? e.max : m.max,
+    [e.max]
+  ), d = a.useMemo(
+    () => e.precision || m.precision,
+    [e.precision]
+  ), s = a.useMemo(
+    () => e.step !== void 0 ? e.step : m.step,
+    [e.step]
+  ), w = a.useMemo(
+    () => e.readonly || m.readonly,
+    [e.readonly]
+  ), k = a.useMemo(
+    () => e.disabled || m.disabled,
+    [e.disabled]
+  ), W = a.useMemo(
+    () => e.item || m.item,
+    [e.item]
+  ), [P, p] = G(
+    e.defaultValue !== void 0 ? e.defaultValue : m.defaultValue,
+    {
+      state: e.value,
+      min: b,
+      max: I,
+      step: d === "half" ? s / 2 : s
+    },
+    V
+  ), [T, O] = G(
+    null,
+    {
+      state: e.value,
+      min: b,
+      max: I,
+      step: d === "half" ? s / 2 : s,
+      precision: d
+    }
+  ), u = a.useMemo(
+    () => e.value !== void 0 ? e.value : P,
+    [e.value, P]
+  ), x = a.useMemo(
+    () => T,
+    [T]
+  ), z = a.useMemo(
+    () => e.selection || m.selection,
+    [e.selection]
+  ), C = a.useMemo(
+    () => s / (d === "half" ? 2 : 1),
+    [s, d]
+  ), _ = a.useCallback(
+    (t) => {
+      if (!(!t.target || !t.target.element || w || k)) {
+        if (d === "half") {
+          const l = t.target.element.getBoundingClientRect(), E = A(o || "ltr", l, t.syntheticEvent.clientX) ? R(t.target.value - s / 2, C) : t.target.value;
+          p({ type: r.select, payload: E, event: t.syntheticEvent });
+        } else
+          p({ type: r.select, payload: t.target.value, event: t.syntheticEvent });
+        if (e.onClick) {
+          const l = {
+            value: u,
+            target: c.current,
+            syntheticEvent: t.syntheticEvent
+          };
+          e.onClick.call(void 0, l);
+        }
+      }
+    },
+    [e.onClick, p, u]
+  ), j = a.useCallback(
+    (t) => {
+      if (!(w || k)) {
+        switch (t.keyCode) {
+          case M.right:
+            t.preventDefault(), p({
+              type: o === "rtl" ? r.decrease : r.increase,
+              event: t
+            });
+            break;
+          case M.left:
+            t.preventDefault(), p({
+              type: o === "rtl" ? r.increase : r.decrease,
+              event: t
+            });
+            break;
+          case M.home:
+            t.preventDefault(), p({
+              type: o === "rtl" ? r.min : r.max,
+              event: t
+            });
+            break;
+          case M.end:
+            t.preventDefault(), p({
+              type: o === "rtl" ? r.max : r.min,
+              event: t
+            });
+            break;
+          case M.esc:
+            t.preventDefault(), p({
+              type: r.deselect,
+              event: t
+            });
+            break;
+        }
+        e.onKeyDown && e.onKeyDown.call(
+          void 0,
+          {
+            value: u,
+            target: c.current,
+            syntheticEvent: t
+          }
+        );
+      }
+    },
+    [e.onKeyDown, p, u]
+  ), J = a.useCallback(
+    (t) => {
+      if (e.onFocus) {
+        const l = {
+          target: c.current,
+          syntheticEvent: t
+        };
+        e.onFocus.call(
+          void 0,
+          l
+        );
+      }
+    },
+    [e.onFocus]
+  ), Q = a.useCallback(
+    (t) => {
+      if (e.onBlur) {
+        const l = {
+          target: c.current,
+          syntheticEvent: t
+        };
+        e.onBlur.call(
+          void 0,
+          l
+        );
+      }
+    },
+    [e.onBlur]
+  ), U = a.useCallback(
+    (t) => {
+      if (!(!t.target || !t.target.element))
+        if (d === "half") {
+          const l = t.target.element.getBoundingClientRect(), E = A(o || "ltr", l, t.syntheticEvent.clientX) ? t.target.value - s / 2 : t.target.value;
+          O({ type: r.select, payload: E, event: t.syntheticEvent });
+        } else
+          O({ type: r.select, payload: t.target.value, event: t.syntheticEvent });
+    },
+    [d, s, o]
+  ), Y = a.useCallback(
+    (t) => {
+      O({ type: r.reset, event: t.syntheticEvent });
+    },
+    []
+  ), S = [], Z = ie(R(I - b, C), s);
+  for (let t = b; t <= I; t = R(t + s, C)) {
+    const l = R(t + Z, C), v = d === "half" ? re(l, x !== null ? x : u !== null ? u : 0, s) : !1, E = F(l, u, s, z), N = F(l, x !== null ? x : u, s, z), y = F(l, x, s, z);
+    S.push(
+      /* @__PURE__ */ a.createElement(
+        W,
+        {
+          key: l,
+          value: l,
+          dir: o,
+          title: String(v ? R(l - s / 2, C) : l),
+          icon: e.icon,
+          svgIcon: e.svgIcon,
+          half: v,
+          selected: E || N,
+          hovered: y,
+          onClick: _,
+          onMouseMove: U,
+          onMouseLeave: Y
+        },
+        v && /* @__PURE__ */ a.createElement("span", { className: "k-rating-precision-complement" }, !(e.icon || e.svgIconOutline) && /* @__PURE__ */ a.createElement(f, { name: "star-outline", icon: K, style: { clipPath: `${o === "rtl" ? "inset(0 50% 0 0)" : "inset(0 0 0 50%)"}` }, size: "xlarge" }), (e.icon || e.svgIconOutline) && /* @__PURE__ */ a.createElement(f, { name: B(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })),
+        v && /* @__PURE__ */ a.createElement("span", { className: "k-rating-precision-part" }, !(e.icon || e.svgIcon) && /* @__PURE__ */ a.createElement(f, { name: "star", icon: L, style: { clipPath: `${o === "rtl" ? "inset(0 0 0 50%)" : "inset(0 50% 0 0)"}` }, size: "xlarge" }), (e.icon || e.svgIcon) && /* @__PURE__ */ a.createElement(f, { name: e.icon ? B(e.icon) : void 0, icon: e.svgIcon, size: "xlarge" })),
+        v && /* @__PURE__ */ a.createElement("span", { style: { width: "24px", height: "24px", display: "block" } }),
+        !v && !(e.icon || e.svgIcon) && (y || N && !y) && /* @__PURE__ */ a.createElement(f, { name: "star", icon: L, size: "xlarge" }) || !(e.icon || e.svgIcon) && !y && !N && /* @__PURE__ */ a.createElement(f, { name: "star-outline", icon: K, size: "xlarge" }) || (e.icon || e.svgIcon) && (y || N && !y) && /* @__PURE__ */ a.createElement(f, { name: e.icon, icon: e.svgIcon, size: "xlarge" }) || (e.icon || e.svgIcon) && !y && /* @__PURE__ */ a.createElement(f, { name: B(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })
+      )
+    );
+  }
+  return /* @__PURE__ */ a.createElement(
+    "span",
+    {
+      id: e.id,
+      style: e.style,
+      ref: D,
+      role: "slider",
+      dir: o,
+      tabIndex: ne(e.tabIndex, e.disabled, void 0),
+      className: le(
+        "k-rating",
+        {
+          "k-rtl": o === "rtl",
+          "k-readonly": w,
+          "k-disabled": k
+        },
+        e.className
+      ),
+      onKeyDown: j,
+      onFocus: J,
+      onBlur: Q,
+      "aria-valuemin": b,
+      "aria-valuemax": I,
+      "aria-valuenow": u !== null ? u : void 0,
+      "aria-disabled": k ? "true" : void 0,
+      "aria-label": h.toLanguageString(q, ce[q]),
+      "aria-labelledby": e.ariaLabelledBy,
+      "aria-describedby": e.ariaDescribedBy
+    },
+    /* @__PURE__ */ a.createElement(
+      "input",
+      {
+        id: "rating",
+        className: "k-hidden",
+        readOnly: w,
+        disabled: k
+      }
+    ),
+    /* @__PURE__ */ a.createElement(
+      "span",
+      {
+        className: "k-rating-container"
+      },
+      S
+    ),
+    e.label && /* @__PURE__ */ a.createElement(
+      "span",
+      {
+        className: "k-rating-label"
+      },
+      e.label
+    )
+  );
+}), de = {
+  id: i.string,
+  dir: i.oneOf(["ltr", "rtl"]),
+  selection: i.oneOf(["continues", "single"]),
+  precision: i.oneOf(["item", "half"]),
+  value: (n, g, e) => n.value && n.min && n.max && n.step && !(n.precision === "half" ? X(n.min, n.max, n.step / 2, n.value) : X(n.min, n.max, n.step, n.value)) && n.precision === "half" ? new Error(
+    `Invalid prop + ${g} supplied to ${e}.
+                    The value of the { value } property is not correct, please check your values.
+                    `
+  ) : null,
+  defaultValue: i.number,
+  min: i.number,
+  max: i.number,
+  step: (n, g, e) => n.step !== void 0 && n.step <= 0 ? new Error(
+    `Invalid prop + ${g} supplied to ${e}.
+                The value of the { step } property is cannot be equal or less than "0", please check your values.
+                `
+  ) : null,
+  hovered: i.number,
+  label: i.string,
+  readonly: i.bool,
+  disabled: i.bool,
+  half: i.bool,
+  icon: i.string,
+  svgIcon: $,
+  svgIconOutline: $,
+  ariaDescribedBy: i.string
+}, m = {
+  dir: "ltr",
+  min: 1,
+  max: 5,
+  step: 1,
+  item: oe,
+  defaultValue: null,
+  readonly: !1,
+  disabled: !1,
+  selection: "continues",
+  precision: "item"
+};
+H.displayName = "KendoReactRating";
+H.propTypes = de;
+H.defaultProps = m;
+export {
+  H as Rating,
+  me as RatingPropsContext
+};

package/rating/RatingItem.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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 g=require("react"),a=require("prop-types"),r=require("@progress/kendo-react-common");function h(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const l=h(g),u=l.forwardRef((e,o)=>{const t=l.useRef(null),c=l.useRef(null),i=r.useDir(c,e.dir);l.useImperativeHandle(t,()=>({element:c.current,props:e,value:e.value})),l.useImperativeHandle(o,()=>t.current);const s=l.useCallback(n=>{e.onClick&&e.onClick.call(void 0,{value:e.value,target:t.current,syntheticEvent:n})},[e.onClick,e.value]),d=l.useCallback(n=>{e.onKeyDown&&e.onKeyDown.call(void 0,{target:t.current,syntheticEvent:n})},[e.onKeyDown]),v=l.useCallback(n=>{e.onFocus&&e.onFocus.call(void 0,{target:t.current,syntheticEvent:n})},[e.onFocus]),f=l.useCallback(n=>{e.onBlur&&e.onBlur.call(void 0,{target:t.current,syntheticEvent:n})},[e.onBlur]),y=l.useCallback(n=>{e.onMouseMove&&e.onMouseMove.call(void 0,{target:t.current,syntheticEvent:n})},[e.onMouseMove]),M=l.useCallback(n=>{e.onMouseEnter&&e.onMouseEnter.call(void 0,{target:t.current,syntheticEvent:n})},[e.onMouseEnter]),b=l.useCallback(n=>{e.onMouseLeave&&e.onMouseLeave.call(void 0,{target:t.current,syntheticEvent:n})},[e.onMouseLeave]);return l.createElement("span",{id:e.id,ref:c,dir:i,"data-half":e.half,tabIndex:e.tabIndex,title:e.title,style:e.style,className:r.classNames("k-rating-item",{"k-rtl":i==="rtl","k-selected":e.selected,"k-hover":e.hovered},e.className),onClick:s,onKeyDown:d,onFocus:v,onBlur:f,onMouseEnter:M,onMouseLeave:b,onMouseMove:y},e.children)}),m={id:a.string,icon:a.any,dir:a.oneOf(["ltr","rtl"]),title:a.string,value:a.number,half:a.bool,selected:a.bool,hovered:a.bool},k={dir:"ltr"};u.displayName="KendoReactRatingItem";u.propTypes=m;u.defaultProps=k;exports.RatingItem=u;

package/rating/RatingItem.mjs

@@ -0,0 +1,144 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as n from "react";
+import a from "prop-types";
+import { useDir as m, classNames as y } from "@progress/kendo-react-common";
+const c = n.forwardRef((e, i) => {
+  const l = n.useRef(null), o = n.useRef(null), u = m(o, e.dir);
+  n.useImperativeHandle(l, () => ({
+    element: o.current,
+    props: e,
+    value: e.value
+  })), n.useImperativeHandle(i, () => l.current);
+  const s = n.useCallback(
+    (t) => {
+      e.onClick && e.onClick.call(
+        void 0,
+        {
+          value: e.value,
+          target: l.current,
+          syntheticEvent: t
+        }
+      );
+    },
+    [e.onClick, e.value]
+  ), r = n.useCallback(
+    (t) => {
+      e.onKeyDown && e.onKeyDown.call(
+        void 0,
+        {
+          target: l.current,
+          syntheticEvent: t
+        }
+      );
+    },
+    [e.onKeyDown]
+  ), d = n.useCallback(
+    (t) => {
+      e.onFocus && e.onFocus.call(
+        void 0,
+        {
+          target: l.current,
+          syntheticEvent: t
+        }
+      );
+    },
+    [e.onFocus]
+  ), v = n.useCallback(
+    (t) => {
+      e.onBlur && e.onBlur.call(
+        void 0,
+        {
+          target: l.current,
+          syntheticEvent: t
+        }
+      );
+    },
+    [e.onBlur]
+  ), f = n.useCallback(
+    (t) => {
+      e.onMouseMove && e.onMouseMove.call(
+        void 0,
+        {
+          target: l.current,
+          syntheticEvent: t
+        }
+      );
+    },
+    [e.onMouseMove]
+  ), h = n.useCallback(
+    (t) => {
+      e.onMouseEnter && e.onMouseEnter.call(
+        void 0,
+        {
+          target: l.current,
+          syntheticEvent: t
+        }
+      );
+    },
+    [e.onMouseEnter]
+  ), M = n.useCallback(
+    (t) => {
+      e.onMouseLeave && e.onMouseLeave.call(
+        void 0,
+        {
+          target: l.current,
+          syntheticEvent: t
+        }
+      );
+    },
+    [e.onMouseLeave]
+  );
+  return /* @__PURE__ */ n.createElement(
+    "span",
+    {
+      id: e.id,
+      ref: o,
+      dir: u,
+      "data-half": e.half,
+      tabIndex: e.tabIndex,
+      title: e.title,
+      style: e.style,
+      className: y(
+        "k-rating-item",
+        {
+          "k-rtl": u === "rtl",
+          "k-selected": e.selected,
+          "k-hover": e.hovered
+        },
+        e.className
+      ),
+      onClick: s,
+      onKeyDown: r,
+      onFocus: d,
+      onBlur: v,
+      onMouseEnter: h,
+      onMouseLeave: M,
+      onMouseMove: f
+    },
+    e.children
+  );
+}), k = {
+  id: a.string,
+  icon: a.any,
+  dir: a.oneOf(["ltr", "rtl"]),
+  title: a.string,
+  value: a.number,
+  half: a.bool,
+  selected: a.bool,
+  hovered: a.bool
+}, b = {
+  dir: "ltr"
+};
+c.displayName = "KendoReactRatingItem";
+c.propTypes = k;
+c.defaultProps = b;
+export {
+  c as RatingItem
+};

package/rating/rating-reducer.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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 s=require("./utils/index.js");var u=(r=>(r.select="select",r.deselect="deselect",r.increase="increase",r.decrease="decrease",r.min="min",r.max="max",r.reset="reset",r))(u||{});const d=(r,e)=>{switch(e.type){case"select":return e.payload===void 0||e.step===void 0?r:e.payload===r?null:e.payload>=e.min?e.payload<e.max?s.toRound(e.payload,e.step):e.max:e.min;case"deselect":return null;case"increase":return e.step===void 0?r:r<e.min?e.min:r+e.step<e.max?s.toRound(r+e.step,e.step):e.max;case"decrease":return e.step===void 0?r:s.toRound(r-e.step,e.step)>=e.min?s.toRound(r-e.step,e.step):e.min;case"min":return e.step===void 0?r:e.min;case"max":return e.max;case"reset":return null;default:return r}};exports.RATING_ACTION=u;exports.ratingReducer=d;

package/rating/rating-reducer.mjs

@@ -0,0 +1,34 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import { toRound as s } from "./utils/index.mjs";
+var u = /* @__PURE__ */ ((r) => (r.select = "select", r.deselect = "deselect", r.increase = "increase", r.decrease = "decrease", r.min = "min", r.max = "max", r.reset = "reset", r))(u || {});
+const p = (r, e) => {
+  switch (e.type) {
+    case "select":
+      return e.payload === void 0 || e.step === void 0 ? r : e.payload === r ? null : e.payload >= e.min ? e.payload < e.max ? s(e.payload, e.step) : e.max : e.min;
+    case "deselect":
+      return null;
+    case "increase":
+      return e.step === void 0 ? r : r < e.min ? e.min : r + e.step < e.max ? s(r + e.step, e.step) : e.max;
+    case "decrease":
+      return e.step === void 0 ? r : s(r - e.step, e.step) >= e.min ? s(r - e.step, e.step) : e.min;
+    case "min":
+      return e.step === void 0 ? r : e.min;
+    case "max":
+      return e.max;
+    case "reset":
+      return null;
+    default:
+      return r;
+  }
+};
+export {
+  u as RATING_ACTION,
+  p as ratingReducer
+};

package/rating/utils/index.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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 i=(r,t)=>{if(r%1){const o=Math.pow(10,(t.toString().split(".")[1]||t.toString().split(".")[0]).length);return Math.round(r*o)/o}return r},l=(r,t)=>r-t*Math.floor(r/t),s=(r,t,o)=>i(r-o,o)<t&&t<r,c=(r,t,o,n)=>t===null?!1:n==="continues"?s(r,t,o)?i(r-o/2,o/2)<=t:r<=t:n==="single"?s(r,t,o)?i(r-o/2,o/2)===t:r===t:!1,f=(r,t,o)=>r==="ltr"?o<t.x+t.width/2:o>t.x+t.width/2,u=(r,t,o,n)=>{for(let e=r;e<=t;e+=o)if(n===e)return!0;return!1};exports.calcIsFirstHalf=f;exports.getRemainder=l;exports.isCorrectValue=u;exports.isHalf=s;exports.isSelected=c;exports.toRound=i;

package/rating/utils/index.mjs

@@ -0,0 +1,28 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const i = (t, r) => {
+  if (t % 1) {
+    const n = Math.pow(10, (r.toString().split(".")[1] || r.toString().split(".")[0]).length);
+    return Math.round(t * n) / n;
+  }
+  return t;
+}, c = (t, r) => t - r * Math.floor(t / r), s = (t, r, n) => i(t - n, n) < r && r < t, l = (t, r, n, o) => r === null ? !1 : o === "continues" ? s(t, r, n) ? i(t - n / 2, n / 2) <= r : t <= r : o === "single" ? s(t, r, n) ? i(t - n / 2, n / 2) === r : t === r : !1, u = (t, r, n) => t === "ltr" ? n < r.x + r.width / 2 : n > r.x + r.width / 2, h = (t, r, n, o) => {
+  for (let f = t; f <= r; f += n)
+    if (o === f)
+      return !0;
+  return !1;
+};
+export {
+  u as calcIsFirstHalf,
+  c as getRemainder,
+  h as isCorrectValue,
+  s as isHalf,
+  l as isSelected,
+  i as toRound
+};

package/signature/Signature.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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;