@arthurzakharov/ui-kit 1.7.8 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import ze, { useRef as
|
|
1
|
+
import { jsxs as te, jsx as V } from "react/jsx-runtime";
|
|
2
|
+
import ze, { useRef as fe, useState as oe, useCallback as re, useEffect as de } from "react";
|
|
3
3
|
import { useResizeObserver as Ne } from "usehooks-ts";
|
|
4
4
|
import { RefreshCw as Fe, RotateCcw as qe, Check as Be } from "lucide-react";
|
|
5
|
-
import
|
|
5
|
+
import he from "clsx";
|
|
6
6
|
import { Button as we } from "../../controls/buttons/button/button.component.js";
|
|
7
7
|
import "../../controls/primitives/box/box.component.js";
|
|
8
8
|
import { baseProps as Ee } from "../../utils/functions/functions.util.js";
|
|
@@ -13,21 +13,21 @@ import '../../assets/signature-CYVRZH6h.css';function He(e) {
|
|
|
13
13
|
}
|
|
14
14
|
function Ye(e) {
|
|
15
15
|
if (Object.prototype.hasOwnProperty.call(e, "__esModule")) return e;
|
|
16
|
-
var
|
|
17
|
-
if (typeof
|
|
16
|
+
var n = e.default;
|
|
17
|
+
if (typeof n == "function") {
|
|
18
18
|
var r = function t() {
|
|
19
|
-
var
|
|
19
|
+
var a = !1;
|
|
20
20
|
try {
|
|
21
|
-
|
|
21
|
+
a = this instanceof t;
|
|
22
22
|
} catch {
|
|
23
23
|
}
|
|
24
|
-
return
|
|
24
|
+
return a ? Reflect.construct(n, arguments, this.constructor) : n.apply(this, arguments);
|
|
25
25
|
};
|
|
26
|
-
r.prototype =
|
|
26
|
+
r.prototype = n.prototype;
|
|
27
27
|
} else r = {};
|
|
28
28
|
return Object.defineProperty(r, "__esModule", { value: !0 }), Object.keys(e).forEach(function(t) {
|
|
29
|
-
var
|
|
30
|
-
Object.defineProperty(r, t,
|
|
29
|
+
var a = Object.getOwnPropertyDescriptor(e, t);
|
|
30
|
+
Object.defineProperty(r, t, a.get ? a : {
|
|
31
31
|
enumerable: !0,
|
|
32
32
|
get: function() {
|
|
33
33
|
return e[t];
|
|
@@ -40,28 +40,28 @@ var Te;
|
|
|
40
40
|
function Ve() {
|
|
41
41
|
if (Te) return I;
|
|
42
42
|
Te = 1;
|
|
43
|
-
var e = typeof Symbol == "function" && Symbol.for,
|
|
44
|
-
function
|
|
45
|
-
if (typeof
|
|
46
|
-
var Z =
|
|
43
|
+
var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, l = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, c = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, p = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, i = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, v = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, b = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, T = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, _ = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, z = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
|
|
44
|
+
function R(f) {
|
|
45
|
+
if (typeof f == "object" && f !== null) {
|
|
46
|
+
var Z = f.$$typeof;
|
|
47
47
|
switch (Z) {
|
|
48
|
-
case
|
|
49
|
-
switch (
|
|
50
|
-
case
|
|
51
|
-
case
|
|
48
|
+
case n:
|
|
49
|
+
switch (f = f.type, f) {
|
|
50
|
+
case p:
|
|
51
|
+
case i:
|
|
52
52
|
case t:
|
|
53
53
|
case o:
|
|
54
|
-
case
|
|
54
|
+
case a:
|
|
55
55
|
case v:
|
|
56
|
-
return
|
|
56
|
+
return f;
|
|
57
57
|
default:
|
|
58
|
-
switch (
|
|
59
|
-
case s:
|
|
60
|
-
case l:
|
|
61
|
-
case T:
|
|
62
|
-
case b:
|
|
58
|
+
switch (f = f && f.$$typeof, f) {
|
|
63
59
|
case c:
|
|
64
|
-
|
|
60
|
+
case u:
|
|
61
|
+
case x:
|
|
62
|
+
case b:
|
|
63
|
+
case l:
|
|
64
|
+
return f;
|
|
65
65
|
default:
|
|
66
66
|
return Z;
|
|
67
67
|
}
|
|
@@ -71,254 +71,254 @@ function Ve() {
|
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
|
-
function j(
|
|
75
|
-
return
|
|
74
|
+
function j(f) {
|
|
75
|
+
return R(f) === i;
|
|
76
76
|
}
|
|
77
|
-
return I.AsyncMode =
|
|
78
|
-
return j(
|
|
79
|
-
}, I.isConcurrentMode = j, I.isContextConsumer = function(
|
|
80
|
-
return
|
|
81
|
-
}, I.isContextProvider = function(
|
|
82
|
-
return
|
|
83
|
-
}, I.isElement = function(
|
|
84
|
-
return typeof
|
|
85
|
-
}, I.isForwardRef = function(
|
|
86
|
-
return
|
|
87
|
-
}, I.isFragment = function(
|
|
88
|
-
return
|
|
89
|
-
}, I.isLazy = function(
|
|
90
|
-
return
|
|
91
|
-
}, I.isMemo = function(
|
|
92
|
-
return
|
|
93
|
-
}, I.isPortal = function(
|
|
94
|
-
return
|
|
95
|
-
}, I.isProfiler = function(
|
|
96
|
-
return
|
|
97
|
-
}, I.isStrictMode = function(
|
|
98
|
-
return
|
|
99
|
-
}, I.isSuspense = function(
|
|
100
|
-
return
|
|
101
|
-
}, I.isValidElementType = function(
|
|
102
|
-
return typeof
|
|
103
|
-
}, I.typeOf =
|
|
77
|
+
return I.AsyncMode = p, I.ConcurrentMode = i, I.ContextConsumer = c, I.ContextProvider = l, I.Element = n, I.ForwardRef = u, I.Fragment = t, I.Lazy = x, I.Memo = b, I.Portal = r, I.Profiler = o, I.StrictMode = a, I.Suspense = v, I.isAsyncMode = function(f) {
|
|
78
|
+
return j(f) || R(f) === p;
|
|
79
|
+
}, I.isConcurrentMode = j, I.isContextConsumer = function(f) {
|
|
80
|
+
return R(f) === c;
|
|
81
|
+
}, I.isContextProvider = function(f) {
|
|
82
|
+
return R(f) === l;
|
|
83
|
+
}, I.isElement = function(f) {
|
|
84
|
+
return typeof f == "object" && f !== null && f.$$typeof === n;
|
|
85
|
+
}, I.isForwardRef = function(f) {
|
|
86
|
+
return R(f) === u;
|
|
87
|
+
}, I.isFragment = function(f) {
|
|
88
|
+
return R(f) === t;
|
|
89
|
+
}, I.isLazy = function(f) {
|
|
90
|
+
return R(f) === x;
|
|
91
|
+
}, I.isMemo = function(f) {
|
|
92
|
+
return R(f) === b;
|
|
93
|
+
}, I.isPortal = function(f) {
|
|
94
|
+
return R(f) === r;
|
|
95
|
+
}, I.isProfiler = function(f) {
|
|
96
|
+
return R(f) === o;
|
|
97
|
+
}, I.isStrictMode = function(f) {
|
|
98
|
+
return R(f) === a;
|
|
99
|
+
}, I.isSuspense = function(f) {
|
|
100
|
+
return R(f) === v;
|
|
101
|
+
}, I.isValidElementType = function(f) {
|
|
102
|
+
return typeof f == "string" || typeof f == "function" || f === t || f === i || f === o || f === a || f === v || f === y || typeof f == "object" && f !== null && (f.$$typeof === x || f.$$typeof === b || f.$$typeof === l || f.$$typeof === c || f.$$typeof === u || f.$$typeof === T || f.$$typeof === _ || f.$$typeof === z || f.$$typeof === g);
|
|
103
|
+
}, I.typeOf = R, I;
|
|
104
104
|
}
|
|
105
105
|
var L = {};
|
|
106
106
|
var Se;
|
|
107
107
|
function Xe() {
|
|
108
108
|
return Se || (Se = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
109
|
-
var e = typeof Symbol == "function" && Symbol.for,
|
|
110
|
-
function
|
|
111
|
-
return typeof
|
|
112
|
-
|
|
109
|
+
var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, t = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, l = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, c = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, p = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, i = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, v = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, b = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, T = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, _ = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, z = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
|
|
110
|
+
function R(h) {
|
|
111
|
+
return typeof h == "string" || typeof h == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
|
112
|
+
h === t || h === i || h === o || h === a || h === v || h === y || typeof h == "object" && h !== null && (h.$$typeof === x || h.$$typeof === b || h.$$typeof === l || h.$$typeof === c || h.$$typeof === u || h.$$typeof === T || h.$$typeof === _ || h.$$typeof === z || h.$$typeof === g);
|
|
113
113
|
}
|
|
114
|
-
function j(
|
|
115
|
-
if (typeof
|
|
116
|
-
var
|
|
117
|
-
switch (
|
|
118
|
-
case
|
|
119
|
-
var ae =
|
|
114
|
+
function j(h) {
|
|
115
|
+
if (typeof h == "object" && h !== null) {
|
|
116
|
+
var G = h.$$typeof;
|
|
117
|
+
switch (G) {
|
|
118
|
+
case n:
|
|
119
|
+
var ae = h.type;
|
|
120
120
|
switch (ae) {
|
|
121
|
-
case
|
|
122
|
-
case
|
|
121
|
+
case p:
|
|
122
|
+
case i:
|
|
123
123
|
case t:
|
|
124
124
|
case o:
|
|
125
|
-
case
|
|
125
|
+
case a:
|
|
126
126
|
case v:
|
|
127
127
|
return ae;
|
|
128
128
|
default:
|
|
129
|
-
var
|
|
130
|
-
switch (
|
|
131
|
-
case s:
|
|
132
|
-
case l:
|
|
133
|
-
case T:
|
|
134
|
-
case b:
|
|
129
|
+
var Pe = ae && ae.$$typeof;
|
|
130
|
+
switch (Pe) {
|
|
135
131
|
case c:
|
|
136
|
-
|
|
132
|
+
case u:
|
|
133
|
+
case x:
|
|
134
|
+
case b:
|
|
135
|
+
case l:
|
|
136
|
+
return Pe;
|
|
137
137
|
default:
|
|
138
|
-
return
|
|
138
|
+
return G;
|
|
139
139
|
}
|
|
140
140
|
}
|
|
141
141
|
case r:
|
|
142
|
-
return
|
|
142
|
+
return G;
|
|
143
143
|
}
|
|
144
144
|
}
|
|
145
145
|
}
|
|
146
|
-
var
|
|
147
|
-
function J(
|
|
148
|
-
return B || (B = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),
|
|
146
|
+
var f = p, Z = i, Q = c, K = l, A = n, P = u, q = t, F = x, m = b, H = r, ee = o, $ = a, Y = v, B = !1;
|
|
147
|
+
function J(h) {
|
|
148
|
+
return B || (B = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), s(h) || j(h) === p;
|
|
149
149
|
}
|
|
150
|
-
function
|
|
151
|
-
return j(
|
|
150
|
+
function s(h) {
|
|
151
|
+
return j(h) === i;
|
|
152
152
|
}
|
|
153
|
-
function h
|
|
154
|
-
return j(
|
|
153
|
+
function d(h) {
|
|
154
|
+
return j(h) === c;
|
|
155
155
|
}
|
|
156
|
-
function w(
|
|
157
|
-
return j(
|
|
156
|
+
function w(h) {
|
|
157
|
+
return j(h) === l;
|
|
158
158
|
}
|
|
159
|
-
function
|
|
160
|
-
return typeof
|
|
159
|
+
function O(h) {
|
|
160
|
+
return typeof h == "object" && h !== null && h.$$typeof === n;
|
|
161
161
|
}
|
|
162
|
-
function E(
|
|
163
|
-
return j(
|
|
162
|
+
function E(h) {
|
|
163
|
+
return j(h) === u;
|
|
164
164
|
}
|
|
165
|
-
function M(
|
|
166
|
-
return j(
|
|
165
|
+
function M(h) {
|
|
166
|
+
return j(h) === t;
|
|
167
167
|
}
|
|
168
|
-
function S(
|
|
169
|
-
return j(
|
|
168
|
+
function S(h) {
|
|
169
|
+
return j(h) === x;
|
|
170
170
|
}
|
|
171
|
-
function
|
|
172
|
-
return j(
|
|
171
|
+
function C(h) {
|
|
172
|
+
return j(h) === b;
|
|
173
173
|
}
|
|
174
|
-
function D(
|
|
175
|
-
return j(
|
|
174
|
+
function D(h) {
|
|
175
|
+
return j(h) === r;
|
|
176
176
|
}
|
|
177
|
-
function W(
|
|
178
|
-
return j(
|
|
177
|
+
function W(h) {
|
|
178
|
+
return j(h) === o;
|
|
179
179
|
}
|
|
180
|
-
function k(
|
|
181
|
-
return j(
|
|
180
|
+
function k(h) {
|
|
181
|
+
return j(h) === a;
|
|
182
182
|
}
|
|
183
|
-
function
|
|
184
|
-
return j(
|
|
183
|
+
function X(h) {
|
|
184
|
+
return j(h) === v;
|
|
185
185
|
}
|
|
186
|
-
L.AsyncMode =
|
|
186
|
+
L.AsyncMode = f, L.ConcurrentMode = Z, L.ContextConsumer = Q, L.ContextProvider = K, L.Element = A, L.ForwardRef = P, L.Fragment = q, L.Lazy = F, L.Memo = m, L.Portal = H, L.Profiler = ee, L.StrictMode = $, L.Suspense = Y, L.isAsyncMode = J, L.isConcurrentMode = s, L.isContextConsumer = d, L.isContextProvider = w, L.isElement = O, L.isForwardRef = E, L.isFragment = M, L.isLazy = S, L.isMemo = C, L.isPortal = D, L.isProfiler = W, L.isStrictMode = k, L.isSuspense = X, L.isValidElementType = R, L.typeOf = j;
|
|
187
187
|
})()), L;
|
|
188
188
|
}
|
|
189
|
-
var
|
|
189
|
+
var Oe;
|
|
190
190
|
function $e() {
|
|
191
|
-
return
|
|
191
|
+
return Oe || (Oe = 1, process.env.NODE_ENV === "production" ? ue.exports = Ve() : ue.exports = Xe()), ue.exports;
|
|
192
192
|
}
|
|
193
|
-
var
|
|
193
|
+
var pe, Ce;
|
|
194
194
|
function Je() {
|
|
195
|
-
if (
|
|
196
|
-
|
|
197
|
-
var e = Object.getOwnPropertySymbols,
|
|
195
|
+
if (Ce) return pe;
|
|
196
|
+
Ce = 1;
|
|
197
|
+
var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
|
|
198
198
|
function t(o) {
|
|
199
199
|
if (o == null)
|
|
200
200
|
throw new TypeError("Object.assign cannot be called with null or undefined");
|
|
201
201
|
return Object(o);
|
|
202
202
|
}
|
|
203
|
-
function
|
|
203
|
+
function a() {
|
|
204
204
|
try {
|
|
205
205
|
if (!Object.assign)
|
|
206
206
|
return !1;
|
|
207
207
|
var o = new String("abc");
|
|
208
208
|
if (o[5] = "de", Object.getOwnPropertyNames(o)[0] === "5")
|
|
209
209
|
return !1;
|
|
210
|
-
for (var
|
|
211
|
-
|
|
212
|
-
var
|
|
213
|
-
return
|
|
210
|
+
for (var l = {}, c = 0; c < 10; c++)
|
|
211
|
+
l["_" + String.fromCharCode(c)] = c;
|
|
212
|
+
var p = Object.getOwnPropertyNames(l).map(function(u) {
|
|
213
|
+
return l[u];
|
|
214
214
|
});
|
|
215
|
-
if (
|
|
215
|
+
if (p.join("") !== "0123456789")
|
|
216
216
|
return !1;
|
|
217
|
-
var
|
|
218
|
-
return "abcdefghijklmnopqrst".split("").forEach(function(
|
|
219
|
-
u
|
|
220
|
-
}), Object.keys(Object.assign({},
|
|
217
|
+
var i = {};
|
|
218
|
+
return "abcdefghijklmnopqrst".split("").forEach(function(u) {
|
|
219
|
+
i[u] = u;
|
|
220
|
+
}), Object.keys(Object.assign({}, i)).join("") === "abcdefghijklmnopqrst";
|
|
221
221
|
} catch {
|
|
222
222
|
return !1;
|
|
223
223
|
}
|
|
224
224
|
}
|
|
225
|
-
return
|
|
226
|
-
for (var
|
|
227
|
-
|
|
228
|
-
for (var v in
|
|
229
|
-
|
|
225
|
+
return pe = a() ? Object.assign : function(o, l) {
|
|
226
|
+
for (var c, p = t(o), i, u = 1; u < arguments.length; u++) {
|
|
227
|
+
c = Object(arguments[u]);
|
|
228
|
+
for (var v in c)
|
|
229
|
+
n.call(c, v) && (p[v] = c[v]);
|
|
230
230
|
if (e) {
|
|
231
|
-
|
|
232
|
-
for (var y = 0; y <
|
|
233
|
-
r.call(
|
|
231
|
+
i = e(c);
|
|
232
|
+
for (var y = 0; y < i.length; y++)
|
|
233
|
+
r.call(c, i[y]) && (p[i[y]] = c[i[y]]);
|
|
234
234
|
}
|
|
235
235
|
}
|
|
236
|
-
return
|
|
237
|
-
},
|
|
236
|
+
return p;
|
|
237
|
+
}, pe;
|
|
238
238
|
}
|
|
239
|
-
var
|
|
240
|
-
function
|
|
241
|
-
if (Re) return
|
|
239
|
+
var ve, Re;
|
|
240
|
+
function be() {
|
|
241
|
+
if (Re) return ve;
|
|
242
242
|
Re = 1;
|
|
243
243
|
var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
|
|
244
|
-
return
|
|
244
|
+
return ve = e, ve;
|
|
245
245
|
}
|
|
246
|
-
var
|
|
246
|
+
var ye, Ae;
|
|
247
247
|
function We() {
|
|
248
|
-
return Ae || (Ae = 1,
|
|
248
|
+
return Ae || (Ae = 1, ye = Function.call.bind(Object.prototype.hasOwnProperty)), ye;
|
|
249
249
|
}
|
|
250
|
-
var
|
|
250
|
+
var me, Me;
|
|
251
251
|
function Ze() {
|
|
252
|
-
if (Me) return
|
|
252
|
+
if (Me) return me;
|
|
253
253
|
Me = 1;
|
|
254
254
|
var e = function() {
|
|
255
255
|
};
|
|
256
256
|
if (process.env.NODE_ENV !== "production") {
|
|
257
|
-
var
|
|
257
|
+
var n = /* @__PURE__ */ be(), r = {}, t = /* @__PURE__ */ We();
|
|
258
258
|
e = function(o) {
|
|
259
|
-
var
|
|
260
|
-
typeof console < "u" && console.error(
|
|
259
|
+
var l = "Warning: " + o;
|
|
260
|
+
typeof console < "u" && console.error(l);
|
|
261
261
|
try {
|
|
262
|
-
throw new Error(
|
|
262
|
+
throw new Error(l);
|
|
263
263
|
} catch {
|
|
264
264
|
}
|
|
265
265
|
};
|
|
266
266
|
}
|
|
267
|
-
function
|
|
267
|
+
function a(o, l, c, p, i) {
|
|
268
268
|
if (process.env.NODE_ENV !== "production") {
|
|
269
|
-
for (var
|
|
270
|
-
if (t(o,
|
|
269
|
+
for (var u in o)
|
|
270
|
+
if (t(o, u)) {
|
|
271
271
|
var v;
|
|
272
272
|
try {
|
|
273
|
-
if (typeof o[
|
|
273
|
+
if (typeof o[u] != "function") {
|
|
274
274
|
var y = Error(
|
|
275
|
-
(
|
|
275
|
+
(p || "React class") + ": " + c + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[u] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
|
|
276
276
|
);
|
|
277
277
|
throw y.name = "Invariant Violation", y;
|
|
278
278
|
}
|
|
279
|
-
v = o[
|
|
280
|
-
} catch (
|
|
281
|
-
v =
|
|
279
|
+
v = o[u](l, u, p, c, null, n);
|
|
280
|
+
} catch (x) {
|
|
281
|
+
v = x;
|
|
282
282
|
}
|
|
283
283
|
if (v && !(v instanceof Error) && e(
|
|
284
|
-
(
|
|
284
|
+
(p || "React class") + ": type specification of " + c + " `" + u + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof v + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
|
|
285
285
|
), v instanceof Error && !(v.message in r)) {
|
|
286
286
|
r[v.message] = !0;
|
|
287
|
-
var b =
|
|
287
|
+
var b = i ? i() : "";
|
|
288
288
|
e(
|
|
289
|
-
"Failed " +
|
|
289
|
+
"Failed " + c + " type: " + v.message + (b ?? "")
|
|
290
290
|
);
|
|
291
291
|
}
|
|
292
292
|
}
|
|
293
293
|
}
|
|
294
294
|
}
|
|
295
|
-
return
|
|
295
|
+
return a.resetWarningCache = function() {
|
|
296
296
|
process.env.NODE_ENV !== "production" && (r = {});
|
|
297
|
-
},
|
|
297
|
+
}, me = a, me;
|
|
298
298
|
}
|
|
299
|
-
var
|
|
299
|
+
var _e, De;
|
|
300
300
|
function Ge() {
|
|
301
|
-
if (De) return
|
|
301
|
+
if (De) return _e;
|
|
302
302
|
De = 1;
|
|
303
|
-
var e = $e(),
|
|
303
|
+
var e = $e(), n = Je(), r = /* @__PURE__ */ be(), t = /* @__PURE__ */ We(), a = /* @__PURE__ */ Ze(), o = function() {
|
|
304
304
|
};
|
|
305
|
-
process.env.NODE_ENV !== "production" && (o = function(
|
|
306
|
-
var
|
|
307
|
-
typeof console < "u" && console.error(
|
|
305
|
+
process.env.NODE_ENV !== "production" && (o = function(c) {
|
|
306
|
+
var p = "Warning: " + c;
|
|
307
|
+
typeof console < "u" && console.error(p);
|
|
308
308
|
try {
|
|
309
|
-
throw new Error(
|
|
309
|
+
throw new Error(p);
|
|
310
310
|
} catch {
|
|
311
311
|
}
|
|
312
312
|
});
|
|
313
|
-
function
|
|
313
|
+
function l() {
|
|
314
314
|
return null;
|
|
315
315
|
}
|
|
316
|
-
return
|
|
317
|
-
var
|
|
318
|
-
function v(
|
|
319
|
-
var
|
|
320
|
-
if (typeof
|
|
321
|
-
return
|
|
316
|
+
return _e = function(c, p) {
|
|
317
|
+
var i = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
|
|
318
|
+
function v(s) {
|
|
319
|
+
var d = s && (i && s[i] || s[u]);
|
|
320
|
+
if (typeof d == "function")
|
|
321
|
+
return d;
|
|
322
322
|
}
|
|
323
323
|
var y = "<<anonymous>>", b = {
|
|
324
324
|
array: _("array"),
|
|
@@ -329,246 +329,246 @@ function Ge() {
|
|
|
329
329
|
object: _("object"),
|
|
330
330
|
string: _("string"),
|
|
331
331
|
symbol: _("symbol"),
|
|
332
|
-
any:
|
|
333
|
-
arrayOf:
|
|
332
|
+
any: z(),
|
|
333
|
+
arrayOf: R,
|
|
334
334
|
element: j(),
|
|
335
|
-
elementType:
|
|
335
|
+
elementType: f(),
|
|
336
336
|
instanceOf: Z,
|
|
337
337
|
node: P(),
|
|
338
|
-
objectOf:
|
|
339
|
-
oneOf:
|
|
338
|
+
objectOf: K,
|
|
339
|
+
oneOf: Q,
|
|
340
340
|
oneOfType: A,
|
|
341
|
-
shape:
|
|
341
|
+
shape: F,
|
|
342
342
|
exact: m
|
|
343
343
|
};
|
|
344
|
-
function
|
|
345
|
-
return
|
|
344
|
+
function x(s, d) {
|
|
345
|
+
return s === d ? s !== 0 || 1 / s === 1 / d : s !== s && d !== d;
|
|
346
346
|
}
|
|
347
|
-
function g(
|
|
348
|
-
this.message =
|
|
347
|
+
function g(s, d) {
|
|
348
|
+
this.message = s, this.data = d && typeof d == "object" ? d : {}, this.stack = "";
|
|
349
349
|
}
|
|
350
350
|
g.prototype = Error.prototype;
|
|
351
|
-
function
|
|
351
|
+
function T(s) {
|
|
352
352
|
if (process.env.NODE_ENV !== "production")
|
|
353
|
-
var
|
|
354
|
-
function
|
|
355
|
-
if (D = D || y, k = k ||
|
|
356
|
-
if (
|
|
357
|
-
var
|
|
353
|
+
var d = {}, w = 0;
|
|
354
|
+
function O(M, S, C, D, W, k, X) {
|
|
355
|
+
if (D = D || y, k = k || C, X !== r) {
|
|
356
|
+
if (p) {
|
|
357
|
+
var h = new Error(
|
|
358
358
|
"Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
|
|
359
359
|
);
|
|
360
|
-
throw
|
|
360
|
+
throw h.name = "Invariant Violation", h;
|
|
361
361
|
} else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
|
|
362
|
-
var
|
|
363
|
-
!
|
|
362
|
+
var G = D + ":" + C;
|
|
363
|
+
!d[G] && // Avoid spamming the console because they are often not actionable except for lib authors
|
|
364
364
|
w < 3 && (o(
|
|
365
365
|
"You are manually calling a React.PropTypes validation function for the `" + k + "` prop on `" + D + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
|
|
366
|
-
),
|
|
366
|
+
), d[G] = !0, w++);
|
|
367
367
|
}
|
|
368
368
|
}
|
|
369
|
-
return S[
|
|
369
|
+
return S[C] == null ? M ? S[C] === null ? new g("The " + W + " `" + k + "` is marked as required " + ("in `" + D + "`, but its value is `null`.")) : new g("The " + W + " `" + k + "` is marked as required in " + ("`" + D + "`, but its value is `undefined`.")) : null : s(S, C, D, W, k);
|
|
370
370
|
}
|
|
371
|
-
var E =
|
|
372
|
-
return E.isRequired =
|
|
371
|
+
var E = O.bind(null, !1);
|
|
372
|
+
return E.isRequired = O.bind(null, !0), E;
|
|
373
373
|
}
|
|
374
|
-
function _(
|
|
375
|
-
function
|
|
376
|
-
var D = w[
|
|
377
|
-
if (W !==
|
|
378
|
-
var k =
|
|
374
|
+
function _(s) {
|
|
375
|
+
function d(w, O, E, M, S, C) {
|
|
376
|
+
var D = w[O], W = $(D);
|
|
377
|
+
if (W !== s) {
|
|
378
|
+
var k = Y(D);
|
|
379
379
|
return new g(
|
|
380
|
-
"Invalid " + M + " `" + S + "` of type " + ("`" + k + "` supplied to `" + E + "`, expected ") + ("`" +
|
|
381
|
-
{ expectedType:
|
|
380
|
+
"Invalid " + M + " `" + S + "` of type " + ("`" + k + "` supplied to `" + E + "`, expected ") + ("`" + s + "`."),
|
|
381
|
+
{ expectedType: s }
|
|
382
382
|
);
|
|
383
383
|
}
|
|
384
384
|
return null;
|
|
385
385
|
}
|
|
386
|
-
return
|
|
386
|
+
return T(d);
|
|
387
387
|
}
|
|
388
|
-
function
|
|
389
|
-
return
|
|
388
|
+
function z() {
|
|
389
|
+
return T(l);
|
|
390
390
|
}
|
|
391
|
-
function
|
|
392
|
-
function
|
|
393
|
-
if (typeof
|
|
391
|
+
function R(s) {
|
|
392
|
+
function d(w, O, E, M, S) {
|
|
393
|
+
if (typeof s != "function")
|
|
394
394
|
return new g("Property `" + S + "` of component `" + E + "` has invalid PropType notation inside arrayOf.");
|
|
395
|
-
var
|
|
396
|
-
if (!Array.isArray(
|
|
397
|
-
var D =
|
|
395
|
+
var C = w[O];
|
|
396
|
+
if (!Array.isArray(C)) {
|
|
397
|
+
var D = $(C);
|
|
398
398
|
return new g("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected an array."));
|
|
399
399
|
}
|
|
400
|
-
for (var W = 0; W <
|
|
401
|
-
var k =
|
|
400
|
+
for (var W = 0; W < C.length; W++) {
|
|
401
|
+
var k = s(C, W, E, M, S + "[" + W + "]", r);
|
|
402
402
|
if (k instanceof Error)
|
|
403
403
|
return k;
|
|
404
404
|
}
|
|
405
405
|
return null;
|
|
406
406
|
}
|
|
407
|
-
return
|
|
407
|
+
return T(d);
|
|
408
408
|
}
|
|
409
409
|
function j() {
|
|
410
|
-
function
|
|
411
|
-
var S =
|
|
412
|
-
if (!
|
|
413
|
-
var
|
|
414
|
-
return new g("Invalid " + E + " `" + M + "` of type " + ("`" +
|
|
410
|
+
function s(d, w, O, E, M) {
|
|
411
|
+
var S = d[w];
|
|
412
|
+
if (!c(S)) {
|
|
413
|
+
var C = $(S);
|
|
414
|
+
return new g("Invalid " + E + " `" + M + "` of type " + ("`" + C + "` supplied to `" + O + "`, expected a single ReactElement."));
|
|
415
415
|
}
|
|
416
416
|
return null;
|
|
417
417
|
}
|
|
418
|
-
return
|
|
418
|
+
return T(s);
|
|
419
419
|
}
|
|
420
|
-
function
|
|
421
|
-
function
|
|
422
|
-
var S =
|
|
420
|
+
function f() {
|
|
421
|
+
function s(d, w, O, E, M) {
|
|
422
|
+
var S = d[w];
|
|
423
423
|
if (!e.isValidElementType(S)) {
|
|
424
|
-
var
|
|
425
|
-
return new g("Invalid " + E + " `" + M + "` of type " + ("`" +
|
|
424
|
+
var C = $(S);
|
|
425
|
+
return new g("Invalid " + E + " `" + M + "` of type " + ("`" + C + "` supplied to `" + O + "`, expected a single ReactElement type."));
|
|
426
426
|
}
|
|
427
427
|
return null;
|
|
428
428
|
}
|
|
429
|
-
return
|
|
429
|
+
return T(s);
|
|
430
430
|
}
|
|
431
|
-
function Z(
|
|
432
|
-
function
|
|
433
|
-
if (!(w[
|
|
434
|
-
var
|
|
435
|
-
return new g("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected ") + ("instance of `" +
|
|
431
|
+
function Z(s) {
|
|
432
|
+
function d(w, O, E, M, S) {
|
|
433
|
+
if (!(w[O] instanceof s)) {
|
|
434
|
+
var C = s.name || y, D = J(w[O]);
|
|
435
|
+
return new g("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected ") + ("instance of `" + C + "`."));
|
|
436
436
|
}
|
|
437
437
|
return null;
|
|
438
438
|
}
|
|
439
|
-
return
|
|
439
|
+
return T(d);
|
|
440
440
|
}
|
|
441
|
-
function
|
|
442
|
-
if (!Array.isArray(
|
|
441
|
+
function Q(s) {
|
|
442
|
+
if (!Array.isArray(s))
|
|
443
443
|
return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
|
|
444
444
|
"Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
|
|
445
|
-
) : o("Invalid argument supplied to oneOf, expected an array.")),
|
|
446
|
-
function
|
|
447
|
-
for (var
|
|
448
|
-
if (
|
|
445
|
+
) : o("Invalid argument supplied to oneOf, expected an array.")), l;
|
|
446
|
+
function d(w, O, E, M, S) {
|
|
447
|
+
for (var C = w[O], D = 0; D < s.length; D++)
|
|
448
|
+
if (x(C, s[D]))
|
|
449
449
|
return null;
|
|
450
|
-
var W = JSON.stringify(
|
|
451
|
-
var
|
|
452
|
-
return
|
|
450
|
+
var W = JSON.stringify(s, function(X, h) {
|
|
451
|
+
var G = Y(h);
|
|
452
|
+
return G === "symbol" ? String(h) : h;
|
|
453
453
|
});
|
|
454
|
-
return new g("Invalid " + M + " `" + S + "` of value `" + String(
|
|
454
|
+
return new g("Invalid " + M + " `" + S + "` of value `" + String(C) + "` " + ("supplied to `" + E + "`, expected one of " + W + "."));
|
|
455
455
|
}
|
|
456
|
-
return
|
|
456
|
+
return T(d);
|
|
457
457
|
}
|
|
458
|
-
function
|
|
459
|
-
function
|
|
460
|
-
if (typeof
|
|
458
|
+
function K(s) {
|
|
459
|
+
function d(w, O, E, M, S) {
|
|
460
|
+
if (typeof s != "function")
|
|
461
461
|
return new g("Property `" + S + "` of component `" + E + "` has invalid PropType notation inside objectOf.");
|
|
462
|
-
var
|
|
462
|
+
var C = w[O], D = $(C);
|
|
463
463
|
if (D !== "object")
|
|
464
464
|
return new g("Invalid " + M + " `" + S + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected an object."));
|
|
465
|
-
for (var W in
|
|
466
|
-
if (t(
|
|
467
|
-
var k =
|
|
465
|
+
for (var W in C)
|
|
466
|
+
if (t(C, W)) {
|
|
467
|
+
var k = s(C, W, E, M, S + "." + W, r);
|
|
468
468
|
if (k instanceof Error)
|
|
469
469
|
return k;
|
|
470
470
|
}
|
|
471
471
|
return null;
|
|
472
472
|
}
|
|
473
|
-
return
|
|
473
|
+
return T(d);
|
|
474
474
|
}
|
|
475
|
-
function A(
|
|
476
|
-
if (!Array.isArray(
|
|
477
|
-
return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."),
|
|
478
|
-
for (var
|
|
479
|
-
var w =
|
|
475
|
+
function A(s) {
|
|
476
|
+
if (!Array.isArray(s))
|
|
477
|
+
return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), l;
|
|
478
|
+
for (var d = 0; d < s.length; d++) {
|
|
479
|
+
var w = s[d];
|
|
480
480
|
if (typeof w != "function")
|
|
481
481
|
return o(
|
|
482
|
-
"Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + B(w) + " at index " +
|
|
483
|
-
),
|
|
482
|
+
"Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + B(w) + " at index " + d + "."
|
|
483
|
+
), l;
|
|
484
484
|
}
|
|
485
|
-
function
|
|
486
|
-
for (var W = [], k = 0; k <
|
|
487
|
-
var
|
|
488
|
-
if (
|
|
485
|
+
function O(E, M, S, C, D) {
|
|
486
|
+
for (var W = [], k = 0; k < s.length; k++) {
|
|
487
|
+
var X = s[k], h = X(E, M, S, C, D, r);
|
|
488
|
+
if (h == null)
|
|
489
489
|
return null;
|
|
490
|
-
|
|
490
|
+
h.data && t(h.data, "expectedType") && W.push(h.data.expectedType);
|
|
491
491
|
}
|
|
492
|
-
var
|
|
493
|
-
return new g("Invalid " +
|
|
492
|
+
var G = W.length > 0 ? ", expected one of type [" + W.join(", ") + "]" : "";
|
|
493
|
+
return new g("Invalid " + C + " `" + D + "` supplied to " + ("`" + S + "`" + G + "."));
|
|
494
494
|
}
|
|
495
|
-
return
|
|
495
|
+
return T(O);
|
|
496
496
|
}
|
|
497
497
|
function P() {
|
|
498
|
-
function
|
|
499
|
-
return
|
|
498
|
+
function s(d, w, O, E, M) {
|
|
499
|
+
return H(d[w]) ? null : new g("Invalid " + E + " `" + M + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
|
|
500
500
|
}
|
|
501
|
-
return
|
|
501
|
+
return T(s);
|
|
502
502
|
}
|
|
503
|
-
function
|
|
503
|
+
function q(s, d, w, O, E) {
|
|
504
504
|
return new g(
|
|
505
|
-
(
|
|
505
|
+
(s || "React class") + ": " + d + " type `" + w + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + E + "`."
|
|
506
506
|
);
|
|
507
507
|
}
|
|
508
|
-
function
|
|
509
|
-
function
|
|
510
|
-
var
|
|
508
|
+
function F(s) {
|
|
509
|
+
function d(w, O, E, M, S) {
|
|
510
|
+
var C = w[O], D = $(C);
|
|
511
511
|
if (D !== "object")
|
|
512
512
|
return new g("Invalid " + M + " `" + S + "` of type `" + D + "` " + ("supplied to `" + E + "`, expected `object`."));
|
|
513
|
-
for (var W in
|
|
514
|
-
var k =
|
|
513
|
+
for (var W in s) {
|
|
514
|
+
var k = s[W];
|
|
515
515
|
if (typeof k != "function")
|
|
516
|
-
return
|
|
517
|
-
var
|
|
518
|
-
if (
|
|
519
|
-
return
|
|
516
|
+
return q(E, M, S, W, Y(k));
|
|
517
|
+
var X = k(C, W, E, M, S + "." + W, r);
|
|
518
|
+
if (X)
|
|
519
|
+
return X;
|
|
520
520
|
}
|
|
521
521
|
return null;
|
|
522
522
|
}
|
|
523
|
-
return
|
|
523
|
+
return T(d);
|
|
524
524
|
}
|
|
525
|
-
function m(
|
|
526
|
-
function
|
|
527
|
-
var
|
|
525
|
+
function m(s) {
|
|
526
|
+
function d(w, O, E, M, S) {
|
|
527
|
+
var C = w[O], D = $(C);
|
|
528
528
|
if (D !== "object")
|
|
529
529
|
return new g("Invalid " + M + " `" + S + "` of type `" + D + "` " + ("supplied to `" + E + "`, expected `object`."));
|
|
530
|
-
var W =
|
|
530
|
+
var W = n({}, w[O], s);
|
|
531
531
|
for (var k in W) {
|
|
532
|
-
var
|
|
533
|
-
if (t(
|
|
534
|
-
return
|
|
535
|
-
if (!
|
|
532
|
+
var X = s[k];
|
|
533
|
+
if (t(s, k) && typeof X != "function")
|
|
534
|
+
return q(E, M, S, k, Y(X));
|
|
535
|
+
if (!X)
|
|
536
536
|
return new g(
|
|
537
|
-
"Invalid " + M + " `" + S + "` key `" + k + "` supplied to `" + E + "`.\nBad object: " + JSON.stringify(w[
|
|
538
|
-
Valid keys: ` + JSON.stringify(Object.keys(
|
|
537
|
+
"Invalid " + M + " `" + S + "` key `" + k + "` supplied to `" + E + "`.\nBad object: " + JSON.stringify(w[O], null, " ") + `
|
|
538
|
+
Valid keys: ` + JSON.stringify(Object.keys(s), null, " ")
|
|
539
539
|
);
|
|
540
|
-
var
|
|
541
|
-
if (
|
|
542
|
-
return
|
|
540
|
+
var h = X(C, k, E, M, S + "." + k, r);
|
|
541
|
+
if (h)
|
|
542
|
+
return h;
|
|
543
543
|
}
|
|
544
544
|
return null;
|
|
545
545
|
}
|
|
546
|
-
return
|
|
546
|
+
return T(d);
|
|
547
547
|
}
|
|
548
|
-
function
|
|
549
|
-
switch (typeof
|
|
548
|
+
function H(s) {
|
|
549
|
+
switch (typeof s) {
|
|
550
550
|
case "number":
|
|
551
551
|
case "string":
|
|
552
552
|
case "undefined":
|
|
553
553
|
return !0;
|
|
554
554
|
case "boolean":
|
|
555
|
-
return !
|
|
555
|
+
return !s;
|
|
556
556
|
case "object":
|
|
557
|
-
if (Array.isArray(
|
|
558
|
-
return
|
|
559
|
-
if (
|
|
557
|
+
if (Array.isArray(s))
|
|
558
|
+
return s.every(H);
|
|
559
|
+
if (s === null || c(s))
|
|
560
560
|
return !0;
|
|
561
|
-
var
|
|
562
|
-
if (
|
|
563
|
-
var w =
|
|
564
|
-
if (
|
|
565
|
-
for (; !(
|
|
566
|
-
if (!
|
|
561
|
+
var d = v(s);
|
|
562
|
+
if (d) {
|
|
563
|
+
var w = d.call(s), O;
|
|
564
|
+
if (d !== s.entries) {
|
|
565
|
+
for (; !(O = w.next()).done; )
|
|
566
|
+
if (!H(O.value))
|
|
567
567
|
return !1;
|
|
568
568
|
} else
|
|
569
|
-
for (; !(
|
|
570
|
-
var E =
|
|
571
|
-
if (E && !
|
|
569
|
+
for (; !(O = w.next()).done; ) {
|
|
570
|
+
var E = O.value;
|
|
571
|
+
if (E && !H(E[1]))
|
|
572
572
|
return !1;
|
|
573
573
|
}
|
|
574
574
|
} else
|
|
@@ -578,56 +578,56 @@ Valid keys: ` + JSON.stringify(Object.keys(i), null, " ")
|
|
|
578
578
|
return !1;
|
|
579
579
|
}
|
|
580
580
|
}
|
|
581
|
-
function
|
|
582
|
-
return
|
|
581
|
+
function ee(s, d) {
|
|
582
|
+
return s === "symbol" ? !0 : d ? d["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && d instanceof Symbol : !1;
|
|
583
583
|
}
|
|
584
|
-
function
|
|
585
|
-
var
|
|
586
|
-
return Array.isArray(
|
|
584
|
+
function $(s) {
|
|
585
|
+
var d = typeof s;
|
|
586
|
+
return Array.isArray(s) ? "array" : s instanceof RegExp ? "object" : ee(d, s) ? "symbol" : d;
|
|
587
587
|
}
|
|
588
|
-
function
|
|
589
|
-
if (typeof
|
|
590
|
-
return "" +
|
|
591
|
-
var
|
|
592
|
-
if (
|
|
593
|
-
if (
|
|
588
|
+
function Y(s) {
|
|
589
|
+
if (typeof s > "u" || s === null)
|
|
590
|
+
return "" + s;
|
|
591
|
+
var d = $(s);
|
|
592
|
+
if (d === "object") {
|
|
593
|
+
if (s instanceof Date)
|
|
594
594
|
return "date";
|
|
595
|
-
if (
|
|
595
|
+
if (s instanceof RegExp)
|
|
596
596
|
return "regexp";
|
|
597
597
|
}
|
|
598
|
-
return
|
|
598
|
+
return d;
|
|
599
599
|
}
|
|
600
|
-
function B(
|
|
601
|
-
var
|
|
602
|
-
switch (
|
|
600
|
+
function B(s) {
|
|
601
|
+
var d = Y(s);
|
|
602
|
+
switch (d) {
|
|
603
603
|
case "array":
|
|
604
604
|
case "object":
|
|
605
|
-
return "an " +
|
|
605
|
+
return "an " + d;
|
|
606
606
|
case "boolean":
|
|
607
607
|
case "date":
|
|
608
608
|
case "regexp":
|
|
609
|
-
return "a " +
|
|
609
|
+
return "a " + d;
|
|
610
610
|
default:
|
|
611
|
-
return
|
|
611
|
+
return d;
|
|
612
612
|
}
|
|
613
613
|
}
|
|
614
|
-
function J(
|
|
615
|
-
return !
|
|
614
|
+
function J(s) {
|
|
615
|
+
return !s.constructor || !s.constructor.name ? y : s.constructor.name;
|
|
616
616
|
}
|
|
617
|
-
return b.checkPropTypes =
|
|
618
|
-
},
|
|
617
|
+
return b.checkPropTypes = a, b.resetWarningCache = a.resetWarningCache, b.PropTypes = b, b;
|
|
618
|
+
}, _e;
|
|
619
619
|
}
|
|
620
|
-
var
|
|
620
|
+
var ge, ke;
|
|
621
621
|
function Ke() {
|
|
622
|
-
if (ke) return
|
|
622
|
+
if (ke) return ge;
|
|
623
623
|
ke = 1;
|
|
624
|
-
var e = /* @__PURE__ */
|
|
625
|
-
function
|
|
624
|
+
var e = /* @__PURE__ */ be();
|
|
625
|
+
function n() {
|
|
626
626
|
}
|
|
627
627
|
function r() {
|
|
628
628
|
}
|
|
629
|
-
return r.resetWarningCache =
|
|
630
|
-
function t(c,
|
|
629
|
+
return r.resetWarningCache = n, ge = function() {
|
|
630
|
+
function t(l, c, p, i, u, v) {
|
|
631
631
|
if (v !== e) {
|
|
632
632
|
var y = new Error(
|
|
633
633
|
"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
|
|
@@ -636,7 +636,7 @@ function Ke() {
|
|
|
636
636
|
}
|
|
637
637
|
}
|
|
638
638
|
t.isRequired = t;
|
|
639
|
-
function
|
|
639
|
+
function a() {
|
|
640
640
|
return t;
|
|
641
641
|
}
|
|
642
642
|
var o = {
|
|
@@ -649,34 +649,34 @@ function Ke() {
|
|
|
649
649
|
string: t,
|
|
650
650
|
symbol: t,
|
|
651
651
|
any: t,
|
|
652
|
-
arrayOf:
|
|
652
|
+
arrayOf: a,
|
|
653
653
|
element: t,
|
|
654
654
|
elementType: t,
|
|
655
|
-
instanceOf:
|
|
655
|
+
instanceOf: a,
|
|
656
656
|
node: t,
|
|
657
|
-
objectOf:
|
|
658
|
-
oneOf:
|
|
659
|
-
oneOfType:
|
|
660
|
-
shape:
|
|
661
|
-
exact:
|
|
657
|
+
objectOf: a,
|
|
658
|
+
oneOf: a,
|
|
659
|
+
oneOfType: a,
|
|
660
|
+
shape: a,
|
|
661
|
+
exact: a,
|
|
662
662
|
checkPropTypes: r,
|
|
663
|
-
resetWarningCache:
|
|
663
|
+
resetWarningCache: n
|
|
664
664
|
};
|
|
665
665
|
return o.PropTypes = o, o;
|
|
666
|
-
},
|
|
666
|
+
}, ge;
|
|
667
667
|
}
|
|
668
668
|
var je;
|
|
669
669
|
function Qe() {
|
|
670
670
|
if (je) return se.exports;
|
|
671
671
|
if (je = 1, process.env.NODE_ENV !== "production") {
|
|
672
|
-
var e = $e(),
|
|
673
|
-
se.exports = /* @__PURE__ */ Ge()(e.isElement,
|
|
672
|
+
var e = $e(), n = !0;
|
|
673
|
+
se.exports = /* @__PURE__ */ Ge()(e.isElement, n);
|
|
674
674
|
} else
|
|
675
675
|
se.exports = /* @__PURE__ */ Ke()();
|
|
676
676
|
return se.exports;
|
|
677
677
|
}
|
|
678
|
-
function ne(e,
|
|
679
|
-
this.x = e, this.y =
|
|
678
|
+
function ne(e, n, r) {
|
|
679
|
+
this.x = e, this.y = n, this.time = r || (/* @__PURE__ */ new Date()).getTime();
|
|
680
680
|
}
|
|
681
681
|
ne.prototype.velocityFrom = function(e) {
|
|
682
682
|
return this.time !== e.time ? this.distanceTo(e) / (this.time - e.time) : 1;
|
|
@@ -687,98 +687,98 @@ ne.prototype.distanceTo = function(e) {
|
|
|
687
687
|
ne.prototype.equals = function(e) {
|
|
688
688
|
return this.x === e.x && this.y === e.y && this.time === e.time;
|
|
689
689
|
};
|
|
690
|
-
function
|
|
691
|
-
this.startPoint = e, this.control1 =
|
|
690
|
+
function xe(e, n, r, t) {
|
|
691
|
+
this.startPoint = e, this.control1 = n, this.control2 = r, this.endPoint = t;
|
|
692
692
|
}
|
|
693
|
-
|
|
694
|
-
for (var e = 10,
|
|
695
|
-
var o =
|
|
696
|
-
if (
|
|
697
|
-
var
|
|
698
|
-
|
|
693
|
+
xe.prototype.length = function() {
|
|
694
|
+
for (var e = 10, n = 0, r = void 0, t = void 0, a = 0; a <= e; a += 1) {
|
|
695
|
+
var o = a / e, l = this._point(o, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x), c = this._point(o, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
|
|
696
|
+
if (a > 0) {
|
|
697
|
+
var p = l - r, i = c - t;
|
|
698
|
+
n += Math.sqrt(p * p + i * i);
|
|
699
699
|
}
|
|
700
|
-
r =
|
|
700
|
+
r = l, t = c;
|
|
701
701
|
}
|
|
702
|
-
return
|
|
702
|
+
return n;
|
|
703
703
|
};
|
|
704
|
-
|
|
705
|
-
return
|
|
704
|
+
xe.prototype._point = function(e, n, r, t, a) {
|
|
705
|
+
return n * (1 - e) * (1 - e) * (1 - e) + 3 * r * (1 - e) * (1 - e) * e + 3 * t * (1 - e) * e * e + a * e * e * e;
|
|
706
706
|
};
|
|
707
|
-
function et(e,
|
|
708
|
-
var t,
|
|
707
|
+
function et(e, n, r) {
|
|
708
|
+
var t, a, o, l = null, c = 0;
|
|
709
709
|
r || (r = {});
|
|
710
|
-
var
|
|
711
|
-
|
|
710
|
+
var p = function() {
|
|
711
|
+
c = r.leading === !1 ? 0 : Date.now(), l = null, o = e.apply(t, a), l || (t = a = null);
|
|
712
712
|
};
|
|
713
713
|
return function() {
|
|
714
|
-
var
|
|
715
|
-
!
|
|
716
|
-
var
|
|
717
|
-
return t = this,
|
|
714
|
+
var i = Date.now();
|
|
715
|
+
!c && r.leading === !1 && (c = i);
|
|
716
|
+
var u = n - (i - c);
|
|
717
|
+
return t = this, a = arguments, u <= 0 || u > n ? (l && (clearTimeout(l), l = null), c = i, o = e.apply(t, a), l || (t = a = null)) : !l && r.trailing !== !1 && (l = setTimeout(p, u)), o;
|
|
718
718
|
};
|
|
719
719
|
}
|
|
720
|
-
function
|
|
721
|
-
var r = this, t =
|
|
722
|
-
this.velocityFilterWeight = t.velocityFilterWeight || 0.7, this.minWidth = t.minWidth || 0.5, this.maxWidth = t.maxWidth || 2.5, this.throttle = "throttle" in t ? t.throttle : 16, this.minDistance = "minDistance" in t ? t.minDistance : 5, this.throttle ? this._strokeMoveUpdate = et(
|
|
720
|
+
function N(e, n) {
|
|
721
|
+
var r = this, t = n || {};
|
|
722
|
+
this.velocityFilterWeight = t.velocityFilterWeight || 0.7, this.minWidth = t.minWidth || 0.5, this.maxWidth = t.maxWidth || 2.5, this.throttle = "throttle" in t ? t.throttle : 16, this.minDistance = "minDistance" in t ? t.minDistance : 5, this.throttle ? this._strokeMoveUpdate = et(N.prototype._strokeUpdate, this.throttle) : this._strokeMoveUpdate = N.prototype._strokeUpdate, this.dotSize = t.dotSize || function() {
|
|
723
723
|
return (this.minWidth + this.maxWidth) / 2;
|
|
724
|
-
}, this.penColor = t.penColor || "black", this.backgroundColor = t.backgroundColor || "rgba(0,0,0,0)", this.onBegin = t.onBegin, this.onEnd = t.onEnd, this._canvas = e, this._ctx = e.getContext("2d"), this.clear(), this._handleMouseDown = function(
|
|
725
|
-
|
|
726
|
-
}, this._handleMouseMove = function(
|
|
727
|
-
r._mouseButtonDown && r._strokeMoveUpdate(
|
|
728
|
-
}, this._handleMouseUp = function(
|
|
729
|
-
|
|
730
|
-
}, this._handleTouchStart = function(
|
|
731
|
-
if (
|
|
732
|
-
var o =
|
|
724
|
+
}, this.penColor = t.penColor || "black", this.backgroundColor = t.backgroundColor || "rgba(0,0,0,0)", this.onBegin = t.onBegin, this.onEnd = t.onEnd, this._canvas = e, this._ctx = e.getContext("2d"), this.clear(), this._handleMouseDown = function(a) {
|
|
725
|
+
a.which === 1 && (r._mouseButtonDown = !0, r._strokeBegin(a));
|
|
726
|
+
}, this._handleMouseMove = function(a) {
|
|
727
|
+
r._mouseButtonDown && r._strokeMoveUpdate(a);
|
|
728
|
+
}, this._handleMouseUp = function(a) {
|
|
729
|
+
a.which === 1 && r._mouseButtonDown && (r._mouseButtonDown = !1, r._strokeEnd(a));
|
|
730
|
+
}, this._handleTouchStart = function(a) {
|
|
731
|
+
if (a.targetTouches.length === 1) {
|
|
732
|
+
var o = a.changedTouches[0];
|
|
733
733
|
r._strokeBegin(o);
|
|
734
734
|
}
|
|
735
|
-
}, this._handleTouchMove = function(
|
|
736
|
-
|
|
737
|
-
var o =
|
|
735
|
+
}, this._handleTouchMove = function(a) {
|
|
736
|
+
a.preventDefault();
|
|
737
|
+
var o = a.targetTouches[0];
|
|
738
738
|
r._strokeMoveUpdate(o);
|
|
739
|
-
}, this._handleTouchEnd = function(
|
|
740
|
-
var o =
|
|
741
|
-
o && (
|
|
739
|
+
}, this._handleTouchEnd = function(a) {
|
|
740
|
+
var o = a.target === r._canvas;
|
|
741
|
+
o && (a.preventDefault(), r._strokeEnd(a));
|
|
742
742
|
}, this.on();
|
|
743
743
|
}
|
|
744
|
-
|
|
745
|
-
var e = this._ctx,
|
|
746
|
-
e.fillStyle = this.backgroundColor, e.clearRect(0, 0,
|
|
744
|
+
N.prototype.clear = function() {
|
|
745
|
+
var e = this._ctx, n = this._canvas;
|
|
746
|
+
e.fillStyle = this.backgroundColor, e.clearRect(0, 0, n.width, n.height), e.fillRect(0, 0, n.width, n.height), this._data = [], this._reset(), this._isEmpty = !0;
|
|
747
747
|
};
|
|
748
|
-
|
|
749
|
-
var
|
|
748
|
+
N.prototype.fromDataURL = function(e) {
|
|
749
|
+
var n = this, r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = new Image(), a = r.ratio || window.devicePixelRatio || 1, o = r.width || this._canvas.width / a, l = r.height || this._canvas.height / a;
|
|
750
750
|
this._reset(), t.src = e, t.onload = function() {
|
|
751
|
-
|
|
751
|
+
n._ctx.drawImage(t, 0, 0, o, l);
|
|
752
752
|
}, this._isEmpty = !1;
|
|
753
753
|
};
|
|
754
|
-
|
|
755
|
-
var
|
|
754
|
+
N.prototype.toDataURL = function(e) {
|
|
755
|
+
var n;
|
|
756
756
|
switch (e) {
|
|
757
757
|
case "image/svg+xml":
|
|
758
758
|
return this._toSVG();
|
|
759
759
|
default:
|
|
760
|
-
for (var r = arguments.length, t = Array(r > 1 ? r - 1 : 0),
|
|
761
|
-
t[
|
|
762
|
-
return (
|
|
760
|
+
for (var r = arguments.length, t = Array(r > 1 ? r - 1 : 0), a = 1; a < r; a++)
|
|
761
|
+
t[a - 1] = arguments[a];
|
|
762
|
+
return (n = this._canvas).toDataURL.apply(n, [e].concat(t));
|
|
763
763
|
}
|
|
764
764
|
};
|
|
765
|
-
|
|
765
|
+
N.prototype.on = function() {
|
|
766
766
|
this._handleMouseEvents(), this._handleTouchEvents();
|
|
767
767
|
};
|
|
768
|
-
|
|
768
|
+
N.prototype.off = function() {
|
|
769
769
|
this._canvas.removeEventListener("mousedown", this._handleMouseDown), this._canvas.removeEventListener("mousemove", this._handleMouseMove), document.removeEventListener("mouseup", this._handleMouseUp), this._canvas.removeEventListener("touchstart", this._handleTouchStart), this._canvas.removeEventListener("touchmove", this._handleTouchMove), this._canvas.removeEventListener("touchend", this._handleTouchEnd);
|
|
770
770
|
};
|
|
771
|
-
|
|
771
|
+
N.prototype.isEmpty = function() {
|
|
772
772
|
return this._isEmpty;
|
|
773
773
|
};
|
|
774
|
-
|
|
774
|
+
N.prototype._strokeBegin = function(e) {
|
|
775
775
|
this._data.push([]), this._reset(), this._strokeUpdate(e), typeof this.onBegin == "function" && this.onBegin(e);
|
|
776
776
|
};
|
|
777
|
-
|
|
778
|
-
var
|
|
779
|
-
if (!(o &&
|
|
780
|
-
var
|
|
781
|
-
|
|
777
|
+
N.prototype._strokeUpdate = function(e) {
|
|
778
|
+
var n = e.clientX, r = e.clientY, t = this._createPoint(n, r), a = this._data[this._data.length - 1], o = a && a[a.length - 1], l = o && t.distanceTo(o) < this.minDistance;
|
|
779
|
+
if (!(o && l)) {
|
|
780
|
+
var c = this._addPoint(t), p = c.curve, i = c.widths;
|
|
781
|
+
p && i && this._drawCurve(p, i.start, i.end), this._data[this._data.length - 1].push({
|
|
782
782
|
x: t.x,
|
|
783
783
|
y: t.y,
|
|
784
784
|
time: t.time,
|
|
@@ -786,11 +786,11 @@ z.prototype._strokeUpdate = function(e) {
|
|
|
786
786
|
});
|
|
787
787
|
}
|
|
788
788
|
};
|
|
789
|
-
|
|
790
|
-
var
|
|
791
|
-
if (!
|
|
792
|
-
var t = this._data[this._data.length - 1],
|
|
793
|
-
r.equals(
|
|
789
|
+
N.prototype._strokeEnd = function(e) {
|
|
790
|
+
var n = this.points.length > 2, r = this.points[0];
|
|
791
|
+
if (!n && r && this._drawDot(r), r) {
|
|
792
|
+
var t = this._data[this._data.length - 1], a = t[t.length - 1];
|
|
793
|
+
r.equals(a) || t.push({
|
|
794
794
|
x: r.x,
|
|
795
795
|
y: r.y,
|
|
796
796
|
time: r.time,
|
|
@@ -799,183 +799,183 @@ z.prototype._strokeEnd = function(e) {
|
|
|
799
799
|
}
|
|
800
800
|
typeof this.onEnd == "function" && this.onEnd(e);
|
|
801
801
|
};
|
|
802
|
-
|
|
802
|
+
N.prototype._handleMouseEvents = function() {
|
|
803
803
|
this._mouseButtonDown = !1, this._canvas.addEventListener("mousedown", this._handleMouseDown), this._canvas.addEventListener("mousemove", this._handleMouseMove), document.addEventListener("mouseup", this._handleMouseUp);
|
|
804
804
|
};
|
|
805
|
-
|
|
805
|
+
N.prototype._handleTouchEvents = function() {
|
|
806
806
|
this._canvas.style.msTouchAction = "none", this._canvas.style.touchAction = "none", this._canvas.addEventListener("touchstart", this._handleTouchStart), this._canvas.addEventListener("touchmove", this._handleTouchMove), this._canvas.addEventListener("touchend", this._handleTouchEnd);
|
|
807
807
|
};
|
|
808
|
-
|
|
808
|
+
N.prototype._reset = function() {
|
|
809
809
|
this.points = [], this._lastVelocity = 0, this._lastWidth = (this.minWidth + this.maxWidth) / 2, this._ctx.fillStyle = this.penColor;
|
|
810
810
|
};
|
|
811
|
-
|
|
811
|
+
N.prototype._createPoint = function(e, n, r) {
|
|
812
812
|
var t = this._canvas.getBoundingClientRect();
|
|
813
|
-
return new ne(e - t.left,
|
|
813
|
+
return new ne(e - t.left, n - t.top, r || (/* @__PURE__ */ new Date()).getTime());
|
|
814
814
|
};
|
|
815
|
-
|
|
816
|
-
var
|
|
817
|
-
if (
|
|
818
|
-
|
|
815
|
+
N.prototype._addPoint = function(e) {
|
|
816
|
+
var n = this.points, r = void 0;
|
|
817
|
+
if (n.push(e), n.length > 2) {
|
|
818
|
+
n.length === 3 && n.unshift(n[0]), r = this._calculateCurveControlPoints(n[0], n[1], n[2]);
|
|
819
819
|
var t = r.c2;
|
|
820
|
-
r = this._calculateCurveControlPoints(
|
|
821
|
-
var
|
|
822
|
-
return
|
|
820
|
+
r = this._calculateCurveControlPoints(n[1], n[2], n[3]);
|
|
821
|
+
var a = r.c1, o = new xe(n[1], t, a, n[2]), l = this._calculateCurveWidths(o);
|
|
822
|
+
return n.shift(), { curve: o, widths: l };
|
|
823
823
|
}
|
|
824
824
|
return {};
|
|
825
825
|
};
|
|
826
|
-
|
|
827
|
-
var t = e.x -
|
|
826
|
+
N.prototype._calculateCurveControlPoints = function(e, n, r) {
|
|
827
|
+
var t = e.x - n.x, a = e.y - n.y, o = n.x - r.x, l = n.y - r.y, c = { x: (e.x + n.x) / 2, y: (e.y + n.y) / 2 }, p = { x: (n.x + r.x) / 2, y: (n.y + r.y) / 2 }, i = Math.sqrt(t * t + a * a), u = Math.sqrt(o * o + l * l), v = c.x - p.x, y = c.y - p.y, b = u / (i + u), x = { x: p.x + v * b, y: p.y + y * b }, g = n.x - x.x, T = n.y - x.y;
|
|
828
828
|
return {
|
|
829
|
-
c1: new ne(
|
|
830
|
-
c2: new ne(
|
|
829
|
+
c1: new ne(c.x + g, c.y + T),
|
|
830
|
+
c2: new ne(p.x + g, p.y + T)
|
|
831
831
|
};
|
|
832
832
|
};
|
|
833
|
-
|
|
834
|
-
var
|
|
835
|
-
return t.start = this._lastWidth, t.end = o, this._lastVelocity =
|
|
833
|
+
N.prototype._calculateCurveWidths = function(e) {
|
|
834
|
+
var n = e.startPoint, r = e.endPoint, t = { start: null, end: null }, a = this.velocityFilterWeight * r.velocityFrom(n) + (1 - this.velocityFilterWeight) * this._lastVelocity, o = this._strokeWidth(a);
|
|
835
|
+
return t.start = this._lastWidth, t.end = o, this._lastVelocity = a, this._lastWidth = o, t;
|
|
836
836
|
};
|
|
837
|
-
|
|
837
|
+
N.prototype._strokeWidth = function(e) {
|
|
838
838
|
return Math.max(this.maxWidth / (e + 1), this.minWidth);
|
|
839
839
|
};
|
|
840
|
-
|
|
840
|
+
N.prototype._drawPoint = function(e, n, r) {
|
|
841
841
|
var t = this._ctx;
|
|
842
|
-
t.moveTo(e,
|
|
842
|
+
t.moveTo(e, n), t.arc(e, n, r, 0, 2 * Math.PI, !1), this._isEmpty = !1;
|
|
843
843
|
};
|
|
844
|
-
|
|
845
|
-
var t = this._ctx,
|
|
844
|
+
N.prototype._drawCurve = function(e, n, r) {
|
|
845
|
+
var t = this._ctx, a = r - n, o = Math.floor(e.length());
|
|
846
846
|
t.beginPath();
|
|
847
|
-
for (var
|
|
848
|
-
var
|
|
849
|
-
b += 3 * v *
|
|
850
|
-
var
|
|
851
|
-
|
|
852
|
-
var g =
|
|
853
|
-
this._drawPoint(b,
|
|
847
|
+
for (var l = 0; l < o; l += 1) {
|
|
848
|
+
var c = l / o, p = c * c, i = p * c, u = 1 - c, v = u * u, y = v * u, b = y * e.startPoint.x;
|
|
849
|
+
b += 3 * v * c * e.control1.x, b += 3 * u * p * e.control2.x, b += i * e.endPoint.x;
|
|
850
|
+
var x = y * e.startPoint.y;
|
|
851
|
+
x += 3 * v * c * e.control1.y, x += 3 * u * p * e.control2.y, x += i * e.endPoint.y;
|
|
852
|
+
var g = n + i * a;
|
|
853
|
+
this._drawPoint(b, x, g);
|
|
854
854
|
}
|
|
855
855
|
t.closePath(), t.fill();
|
|
856
856
|
};
|
|
857
|
-
|
|
858
|
-
var
|
|
859
|
-
|
|
857
|
+
N.prototype._drawDot = function(e) {
|
|
858
|
+
var n = this._ctx, r = typeof this.dotSize == "function" ? this.dotSize() : this.dotSize;
|
|
859
|
+
n.beginPath(), this._drawPoint(e.x, e.y, r), n.closePath(), n.fill();
|
|
860
860
|
};
|
|
861
|
-
|
|
861
|
+
N.prototype._fromData = function(e, n, r) {
|
|
862
862
|
for (var t = 0; t < e.length; t += 1) {
|
|
863
|
-
var
|
|
864
|
-
if (
|
|
865
|
-
for (var o = 0; o <
|
|
866
|
-
var
|
|
863
|
+
var a = e[t];
|
|
864
|
+
if (a.length > 1)
|
|
865
|
+
for (var o = 0; o < a.length; o += 1) {
|
|
866
|
+
var l = a[o], c = new ne(l.x, l.y, l.time), p = l.color;
|
|
867
867
|
if (o === 0)
|
|
868
|
-
this.penColor =
|
|
869
|
-
else if (o !==
|
|
870
|
-
var
|
|
871
|
-
|
|
868
|
+
this.penColor = p, this._reset(), this._addPoint(c);
|
|
869
|
+
else if (o !== a.length - 1) {
|
|
870
|
+
var i = this._addPoint(c), u = i.curve, v = i.widths;
|
|
871
|
+
u && v && n(u, v, p);
|
|
872
872
|
}
|
|
873
873
|
}
|
|
874
874
|
else {
|
|
875
875
|
this._reset();
|
|
876
|
-
var y =
|
|
876
|
+
var y = a[0];
|
|
877
877
|
r(y);
|
|
878
878
|
}
|
|
879
879
|
}
|
|
880
880
|
};
|
|
881
|
-
|
|
882
|
-
var e = this,
|
|
883
|
-
|
|
881
|
+
N.prototype._toSVG = function() {
|
|
882
|
+
var e = this, n = this._data, r = this._canvas, t = Math.max(window.devicePixelRatio || 1, 1), a = 0, o = 0, l = r.width / t, c = r.height / t, p = document.createElementNS("http://www.w3.org/2000/svg", "svg");
|
|
883
|
+
p.setAttributeNS(null, "width", r.width), p.setAttributeNS(null, "height", r.height), this._fromData(n, function(_, z, R) {
|
|
884
884
|
var j = document.createElement("path");
|
|
885
885
|
if (!isNaN(_.control1.x) && !isNaN(_.control1.y) && !isNaN(_.control2.x) && !isNaN(_.control2.y)) {
|
|
886
|
-
var
|
|
887
|
-
j.setAttribute("d",
|
|
886
|
+
var f = "M " + _.startPoint.x.toFixed(3) + "," + _.startPoint.y.toFixed(3) + " " + ("C " + _.control1.x.toFixed(3) + "," + _.control1.y.toFixed(3) + " ") + (_.control2.x.toFixed(3) + "," + _.control2.y.toFixed(3) + " ") + (_.endPoint.x.toFixed(3) + "," + _.endPoint.y.toFixed(3));
|
|
887
|
+
j.setAttribute("d", f), j.setAttribute("stroke-width", (z.end * 2.25).toFixed(3)), j.setAttribute("stroke", R), j.setAttribute("fill", "none"), j.setAttribute("stroke-linecap", "round"), p.appendChild(j);
|
|
888
888
|
}
|
|
889
889
|
}, function(_) {
|
|
890
|
-
var
|
|
891
|
-
|
|
890
|
+
var z = document.createElement("circle"), R = typeof e.dotSize == "function" ? e.dotSize() : e.dotSize;
|
|
891
|
+
z.setAttribute("r", R), z.setAttribute("cx", _.x), z.setAttribute("cy", _.y), z.setAttribute("fill", _.color), p.appendChild(z);
|
|
892
892
|
});
|
|
893
|
-
var
|
|
893
|
+
var i = "data:image/svg+xml;base64,", u = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"' + (' viewBox="' + a + " " + o + " " + l + " " + c + '"') + (' width="' + l + '"') + (' height="' + c + '"') + ">", v = p.innerHTML;
|
|
894
894
|
if (v === void 0) {
|
|
895
|
-
var y = document.createElement("dummy"), b =
|
|
895
|
+
var y = document.createElement("dummy"), b = p.childNodes;
|
|
896
896
|
y.innerHTML = "";
|
|
897
|
-
for (var
|
|
898
|
-
y.appendChild(b[
|
|
897
|
+
for (var x = 0; x < b.length; x += 1)
|
|
898
|
+
y.appendChild(b[x].cloneNode(!0));
|
|
899
899
|
v = y.innerHTML;
|
|
900
900
|
}
|
|
901
|
-
var g = "</svg>",
|
|
902
|
-
return
|
|
901
|
+
var g = "</svg>", T = u + v + g;
|
|
902
|
+
return i + btoa(T);
|
|
903
903
|
};
|
|
904
|
-
|
|
905
|
-
var
|
|
904
|
+
N.prototype.fromData = function(e) {
|
|
905
|
+
var n = this;
|
|
906
906
|
this.clear(), this._fromData(e, function(r, t) {
|
|
907
|
-
return
|
|
907
|
+
return n._drawCurve(r, t.start, t.end);
|
|
908
908
|
}, function(r) {
|
|
909
|
-
return
|
|
909
|
+
return n._drawDot(r);
|
|
910
910
|
}), this._data = e;
|
|
911
911
|
};
|
|
912
|
-
|
|
912
|
+
N.prototype.toData = function() {
|
|
913
913
|
return this._data;
|
|
914
914
|
};
|
|
915
915
|
const tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
916
916
|
__proto__: null,
|
|
917
|
-
default:
|
|
917
|
+
default: N
|
|
918
918
|
}, Symbol.toStringTag, { value: "Module" })), rt = /* @__PURE__ */ Ye(tt);
|
|
919
919
|
var le = { exports: {} }, nt = le.exports, Ie;
|
|
920
920
|
function at() {
|
|
921
|
-
return Ie || (Ie = 1, (function(e,
|
|
921
|
+
return Ie || (Ie = 1, (function(e, n) {
|
|
922
922
|
(function(r, t) {
|
|
923
923
|
e.exports = t();
|
|
924
924
|
})(nt, function() {
|
|
925
925
|
return (function(r) {
|
|
926
926
|
function t(o) {
|
|
927
|
-
if (
|
|
928
|
-
var
|
|
929
|
-
return r[o].call(
|
|
927
|
+
if (a[o]) return a[o].exports;
|
|
928
|
+
var l = a[o] = { exports: {}, id: o, loaded: !1 };
|
|
929
|
+
return r[o].call(l.exports, l, l.exports, t), l.loaded = !0, l.exports;
|
|
930
930
|
}
|
|
931
|
-
var
|
|
932
|
-
return t.m = r, t.c =
|
|
931
|
+
var a = {};
|
|
932
|
+
return t.m = r, t.c = a, t.p = "", t(0);
|
|
933
933
|
})([function(r, t) {
|
|
934
|
-
function
|
|
935
|
-
var
|
|
936
|
-
return
|
|
934
|
+
function a(i) {
|
|
935
|
+
var u = i.getContext("2d"), v = i.width, y = i.height, b = u.getImageData(0, 0, v, y).data, x = c(!0, v, y, b), g = c(!1, v, y, b), T = p(!0, v, y, b), _ = p(!1, v, y, b), z = _ - T + 1, R = g - x + 1, j = u.getImageData(T, x, z, R);
|
|
936
|
+
return i.width = z, i.height = R, u.clearRect(0, 0, z, R), u.putImageData(j, 0, 0), i;
|
|
937
937
|
}
|
|
938
|
-
function o(
|
|
939
|
-
return { red: y[4 * (v *
|
|
938
|
+
function o(i, u, v, y) {
|
|
939
|
+
return { red: y[4 * (v * u + i)], green: y[4 * (v * u + i) + 1], blue: y[4 * (v * u + i) + 2], alpha: y[4 * (v * u + i) + 3] };
|
|
940
940
|
}
|
|
941
|
-
function
|
|
942
|
-
return o(
|
|
941
|
+
function l(i, u, v, y) {
|
|
942
|
+
return o(i, u, v, y).alpha;
|
|
943
943
|
}
|
|
944
|
-
function
|
|
945
|
-
for (var b =
|
|
944
|
+
function c(i, u, v, y) {
|
|
945
|
+
for (var b = i ? 1 : -1, x = i ? 0 : v - 1, g = x; i ? g < v : g > -1; g += b) for (var T = 0; T < u; T++) if (l(T, g, u, y)) return g;
|
|
946
946
|
return null;
|
|
947
947
|
}
|
|
948
|
-
function
|
|
949
|
-
for (var b =
|
|
948
|
+
function p(i, u, v, y) {
|
|
949
|
+
for (var b = i ? 1 : -1, x = i ? 0 : u - 1, g = x; i ? g < u : g > -1; g += b) for (var T = 0; T < v; T++) if (l(g, T, u, y)) return g;
|
|
950
950
|
return null;
|
|
951
951
|
}
|
|
952
|
-
Object.defineProperty(t, "__esModule", { value: !0 }), t.default =
|
|
952
|
+
Object.defineProperty(t, "__esModule", { value: !0 }), t.default = a;
|
|
953
953
|
}]);
|
|
954
954
|
});
|
|
955
955
|
})(le)), le.exports;
|
|
956
956
|
}
|
|
957
957
|
var ot = ce.exports, Le;
|
|
958
958
|
function it() {
|
|
959
|
-
return Le || (Le = 1, (function(e,
|
|
959
|
+
return Le || (Le = 1, (function(e, n) {
|
|
960
960
|
(function(r, t) {
|
|
961
961
|
e.exports = t(/* @__PURE__ */ Qe(), ze, rt, at());
|
|
962
|
-
})(ot, function(r, t,
|
|
963
|
-
return (function(
|
|
964
|
-
function
|
|
965
|
-
if (
|
|
966
|
-
var
|
|
967
|
-
return
|
|
962
|
+
})(ot, function(r, t, a, o) {
|
|
963
|
+
return (function(l) {
|
|
964
|
+
function c(i) {
|
|
965
|
+
if (p[i]) return p[i].exports;
|
|
966
|
+
var u = p[i] = { exports: {}, id: i, loaded: !1 };
|
|
967
|
+
return l[i].call(u.exports, u, u.exports, c), u.loaded = !0, u.exports;
|
|
968
968
|
}
|
|
969
|
-
var
|
|
970
|
-
return
|
|
971
|
-
})([function(
|
|
972
|
-
function
|
|
969
|
+
var p = {};
|
|
970
|
+
return c.m = l, c.c = p, c.p = "", c(0);
|
|
971
|
+
})([function(l, c, p) {
|
|
972
|
+
function i(A) {
|
|
973
973
|
return A && A.__esModule ? A : { default: A };
|
|
974
974
|
}
|
|
975
|
-
function
|
|
976
|
-
var
|
|
977
|
-
for (var
|
|
978
|
-
return
|
|
975
|
+
function u(A, P) {
|
|
976
|
+
var q = {};
|
|
977
|
+
for (var F in A) P.indexOf(F) >= 0 || Object.prototype.hasOwnProperty.call(A, F) && (q[F] = A[F]);
|
|
978
|
+
return q;
|
|
979
979
|
}
|
|
980
980
|
function v(A, P) {
|
|
981
981
|
if (!(A instanceof P)) throw new TypeError("Cannot call a class as a function");
|
|
@@ -988,45 +988,45 @@ function it() {
|
|
|
988
988
|
if (typeof P != "function" && P !== null) throw new TypeError("Super expression must either be null or a function, not " + typeof P);
|
|
989
989
|
A.prototype = Object.create(P && P.prototype, { constructor: { value: A, enumerable: !1, writable: !0, configurable: !0 } }), P && (Object.setPrototypeOf ? Object.setPrototypeOf(A, P) : A.__proto__ = P);
|
|
990
990
|
}
|
|
991
|
-
Object.defineProperty(
|
|
992
|
-
var
|
|
991
|
+
Object.defineProperty(c, "__esModule", { value: !0 });
|
|
992
|
+
var x = Object.assign || function(A) {
|
|
993
993
|
for (var P = 1; P < arguments.length; P++) {
|
|
994
|
-
var
|
|
995
|
-
for (var
|
|
994
|
+
var q = arguments[P];
|
|
995
|
+
for (var F in q) Object.prototype.hasOwnProperty.call(q, F) && (A[F] = q[F]);
|
|
996
996
|
}
|
|
997
997
|
return A;
|
|
998
998
|
}, g = /* @__PURE__ */ (function() {
|
|
999
|
-
function A(P,
|
|
1000
|
-
for (var
|
|
1001
|
-
var m =
|
|
999
|
+
function A(P, q) {
|
|
1000
|
+
for (var F = 0; F < q.length; F++) {
|
|
1001
|
+
var m = q[F];
|
|
1002
1002
|
m.enumerable = m.enumerable || !1, m.configurable = !0, "value" in m && (m.writable = !0), Object.defineProperty(P, m.key, m);
|
|
1003
1003
|
}
|
|
1004
1004
|
}
|
|
1005
|
-
return function(P,
|
|
1006
|
-
return
|
|
1005
|
+
return function(P, q, F) {
|
|
1006
|
+
return q && A(P.prototype, q), F && A(P, F), P;
|
|
1007
1007
|
};
|
|
1008
|
-
})(),
|
|
1008
|
+
})(), T = p(1), _ = i(T), z = p(2), R = i(z), j = p(3), f = i(j), Z = p(4), Q = i(Z), K = (function(A) {
|
|
1009
1009
|
function P() {
|
|
1010
|
-
var
|
|
1010
|
+
var q, F, m, H;
|
|
1011
1011
|
v(this, P);
|
|
1012
|
-
for (var
|
|
1013
|
-
return
|
|
1014
|
-
var B = m.props, J = (B.canvasProps, B.clearOnResize,
|
|
1012
|
+
for (var ee = arguments.length, $ = Array(ee), Y = 0; Y < ee; Y++) $[Y] = arguments[Y];
|
|
1013
|
+
return F = m = y(this, (q = P.__proto__ || Object.getPrototypeOf(P)).call.apply(q, [this].concat($))), m._sigPad = null, m._excludeOurProps = function() {
|
|
1014
|
+
var B = m.props, J = (B.canvasProps, B.clearOnResize, u(B, ["canvasProps", "clearOnResize"]));
|
|
1015
1015
|
return J;
|
|
1016
1016
|
}, m.getCanvas = function() {
|
|
1017
1017
|
return m._canvas;
|
|
1018
1018
|
}, m.getTrimmedCanvas = function() {
|
|
1019
1019
|
var B = document.createElement("canvas");
|
|
1020
|
-
return B.width = m._canvas.width, B.height = m._canvas.height, B.getContext("2d").drawImage(m._canvas, 0, 0), (0,
|
|
1020
|
+
return B.width = m._canvas.width, B.height = m._canvas.height, B.getContext("2d").drawImage(m._canvas, 0, 0), (0, Q.default)(B);
|
|
1021
1021
|
}, m.getSignaturePad = function() {
|
|
1022
1022
|
return m._sigPad;
|
|
1023
1023
|
}, m._checkClearOnResize = function() {
|
|
1024
1024
|
m.props.clearOnResize && m._resizeCanvas();
|
|
1025
1025
|
}, m._resizeCanvas = function() {
|
|
1026
|
-
var B = m.props.canvasProps || {}, J = B.width,
|
|
1027
|
-
if (!J || !
|
|
1028
|
-
var
|
|
1029
|
-
J || (
|
|
1026
|
+
var B = m.props.canvasProps || {}, J = B.width, s = B.height;
|
|
1027
|
+
if (!J || !s) {
|
|
1028
|
+
var d = m._canvas, w = Math.max(window.devicePixelRatio || 1, 1);
|
|
1029
|
+
J || (d.width = d.offsetWidth * w), s || (d.height = d.offsetHeight * w), d.getContext("2d").scale(w, w), m.clear();
|
|
1030
1030
|
}
|
|
1031
1031
|
}, m.on = function() {
|
|
1032
1032
|
return window.addEventListener("resize", m._checkClearOnResize), m._sigPad.on();
|
|
@@ -1044,36 +1044,36 @@ function it() {
|
|
|
1044
1044
|
return m._sigPad.fromData(B);
|
|
1045
1045
|
}, m.toData = function() {
|
|
1046
1046
|
return m._sigPad.toData();
|
|
1047
|
-
},
|
|
1047
|
+
}, H = F, y(m, H);
|
|
1048
1048
|
}
|
|
1049
1049
|
return b(P, A), g(P, [{ key: "componentDidMount", value: function() {
|
|
1050
|
-
this._sigPad = new
|
|
1050
|
+
this._sigPad = new f.default(this._canvas, this._excludeOurProps()), this._resizeCanvas(), this.on();
|
|
1051
1051
|
} }, { key: "componentWillUnmount", value: function() {
|
|
1052
1052
|
this.off();
|
|
1053
1053
|
} }, { key: "componentDidUpdate", value: function() {
|
|
1054
1054
|
Object.assign(this._sigPad, this._excludeOurProps());
|
|
1055
1055
|
} }, { key: "render", value: function() {
|
|
1056
|
-
var
|
|
1057
|
-
return
|
|
1058
|
-
|
|
1059
|
-
} },
|
|
1056
|
+
var q = this, F = this.props.canvasProps;
|
|
1057
|
+
return R.default.createElement("canvas", x({ ref: function(m) {
|
|
1058
|
+
q._canvas = m;
|
|
1059
|
+
} }, F));
|
|
1060
1060
|
} }]), P;
|
|
1061
|
-
})(
|
|
1062
|
-
|
|
1063
|
-
}, function(
|
|
1064
|
-
|
|
1065
|
-
}, function(
|
|
1066
|
-
|
|
1067
|
-
}, function(
|
|
1068
|
-
|
|
1069
|
-
}, function(
|
|
1070
|
-
|
|
1061
|
+
})(z.Component);
|
|
1062
|
+
K.propTypes = { velocityFilterWeight: _.default.number, minWidth: _.default.number, maxWidth: _.default.number, minDistance: _.default.number, dotSize: _.default.oneOfType([_.default.number, _.default.func]), penColor: _.default.string, throttle: _.default.number, onEnd: _.default.func, onBegin: _.default.func, canvasProps: _.default.object, clearOnResize: _.default.bool }, K.defaultProps = { clearOnResize: !0 }, c.default = K;
|
|
1063
|
+
}, function(l, c) {
|
|
1064
|
+
l.exports = r;
|
|
1065
|
+
}, function(l, c) {
|
|
1066
|
+
l.exports = t;
|
|
1067
|
+
}, function(l, c) {
|
|
1068
|
+
l.exports = a;
|
|
1069
|
+
}, function(l, c) {
|
|
1070
|
+
l.exports = o;
|
|
1071
1071
|
}]);
|
|
1072
1072
|
});
|
|
1073
1073
|
})(ce)), ce.exports;
|
|
1074
1074
|
}
|
|
1075
1075
|
var st = it();
|
|
1076
|
-
const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_7", ft = "_MainAuto_1sp4s_17", dt = "_MainManual_1sp4s_21", ht = "_Footer_1sp4s_27", pt = "_Header_1sp4s_37", vt = "_HeaderTitle_1sp4s_47", yt = "_HeaderManualDraw_1sp4s_52", mt = "_HeaderNotManualDraw_1sp4s_56", _t = "_HeaderReset_1sp4s_60", gt = "_ManualPanel_1sp4s_71", bt = "_ManualPanelButton_1sp4s_82", xt = "_AutoPanel_1sp4s_97", Pt = "_AutoPanelImage_1sp4s_104", wt = "_AutoPanelLoader_1sp4s_110", Et = "_AutoPanelButton_1sp4s_117", Tt = "_AutoPanelLabel_1sp4s_121", St = "_AutoPanelLabelIcon_1sp4s_129",
|
|
1076
|
+
const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_7", ft = "_MainAuto_1sp4s_17", dt = "_MainManual_1sp4s_21", ht = "_Footer_1sp4s_27", pt = "_Header_1sp4s_37", vt = "_HeaderTitle_1sp4s_47", yt = "_HeaderManualDraw_1sp4s_52", mt = "_HeaderNotManualDraw_1sp4s_56", _t = "_HeaderReset_1sp4s_60", gt = "_ManualPanel_1sp4s_71", bt = "_ManualPanelButton_1sp4s_82", xt = "_AutoPanel_1sp4s_97", Pt = "_AutoPanelImage_1sp4s_104", wt = "_AutoPanelLoader_1sp4s_110", Et = "_AutoPanelButton_1sp4s_117", Tt = "_AutoPanelLabel_1sp4s_121", St = "_AutoPanelLabelIcon_1sp4s_129", Ot = "_AutoPanelLabelText_1sp4s_135", Ct = "_AutoPanelError_1sp4s_142", Rt = "_AutoPanelErrorTitle_1sp4s_151", U = {
|
|
1077
1077
|
Signature: ct,
|
|
1078
1078
|
Main: lt,
|
|
1079
1079
|
MainAuto: ft,
|
|
@@ -1092,97 +1092,111 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
|
|
|
1092
1092
|
AutoPanelButton: Et,
|
|
1093
1093
|
AutoPanelLabel: Tt,
|
|
1094
1094
|
AutoPanelLabelIcon: St,
|
|
1095
|
-
AutoPanelLabelText:
|
|
1096
|
-
AutoPanelError:
|
|
1095
|
+
AutoPanelLabelText: Ot,
|
|
1096
|
+
AutoPanelError: Ct,
|
|
1097
1097
|
AutoPanelErrorTitle: Rt
|
|
1098
1098
|
}, Nt = ({
|
|
1099
1099
|
// Signature props
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1100
|
+
name: e,
|
|
1101
|
+
auto: n,
|
|
1102
|
+
manual: r,
|
|
1103
|
+
getSignature: t,
|
|
1104
|
+
onChangeManual: a,
|
|
1105
|
+
onChangeAuto: o,
|
|
1105
1106
|
// Base props
|
|
1106
|
-
...
|
|
1107
|
+
...l
|
|
1107
1108
|
}) => {
|
|
1108
|
-
const c =
|
|
1109
|
-
(
|
|
1110
|
-
!
|
|
1111
|
-
width: +
|
|
1112
|
-
height: +
|
|
1109
|
+
const c = fe(null), p = fe(e), i = fe(!1), [u, v] = oe(null), [y, b] = oe(r ? "manual" : "auto"), [x, g] = oe(""), [T, _] = oe(!1), { width: z = 0, height: R = 0 } = Ne({ ref: c, box: "border-box" }), j = y === "auto" ? n ? "auto-generated" : "auto-loading" : x ? "manual-drawn" : r ? "manual-stored" : "manual-blank", f = n !== "" || T, Z = r || x, Q = re(
|
|
1110
|
+
($) => {
|
|
1111
|
+
!u || !z || !R || !$ || u.fromDataURL($, {
|
|
1112
|
+
width: +z.toFixed(),
|
|
1113
|
+
height: +R.toFixed()
|
|
1113
1114
|
});
|
|
1114
1115
|
},
|
|
1115
|
-
[
|
|
1116
|
-
),
|
|
1117
|
-
if (!
|
|
1118
|
-
const
|
|
1119
|
-
|
|
1120
|
-
}, [
|
|
1121
|
-
|
|
1122
|
-
}, [
|
|
1123
|
-
|
|
1124
|
-
}, []),
|
|
1125
|
-
|
|
1126
|
-
}, []),
|
|
1127
|
-
|
|
1128
|
-
}, [
|
|
1129
|
-
|
|
1130
|
-
}, [
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
}, [
|
|
1134
|
-
if (e) {
|
|
1135
|
-
|
|
1116
|
+
[u, z, R]
|
|
1117
|
+
), K = re(() => {
|
|
1118
|
+
if (!u) return;
|
|
1119
|
+
const $ = u.getCanvas().toDataURL("image/png");
|
|
1120
|
+
g($), a($);
|
|
1121
|
+
}, [u, a]), A = re(() => {
|
|
1122
|
+
u && (u.clear(), g(""), a(""));
|
|
1123
|
+
}, [u, a]), P = re(() => {
|
|
1124
|
+
b("auto"), g("");
|
|
1125
|
+
}, []), q = re(() => {
|
|
1126
|
+
b("manual");
|
|
1127
|
+
}, []), F = re(() => {
|
|
1128
|
+
b("auto"), g(""), a("");
|
|
1129
|
+
}, [a]), m = re(() => {
|
|
1130
|
+
x && g("");
|
|
1131
|
+
}, [x]), H = ($) => $.includes(j);
|
|
1132
|
+
de(() => {
|
|
1133
|
+
y === "manual" && x && z && R && Q(x);
|
|
1134
|
+
}, [y, x, z, R, Q]), de(() => {
|
|
1135
|
+
if (p.current !== e) {
|
|
1136
|
+
if (n) {
|
|
1137
|
+
i.current = !1;
|
|
1138
|
+
return;
|
|
1139
|
+
}
|
|
1140
|
+
i.current = !0, t().then(($) => {
|
|
1141
|
+
const Y = `data:image/png;base64,${$.signature}`;
|
|
1142
|
+
_(!1), o(Y);
|
|
1143
|
+
}).catch(() => {
|
|
1144
|
+
_(!0);
|
|
1145
|
+
});
|
|
1146
|
+
}
|
|
1147
|
+
}, [e, o]), de(() => {
|
|
1148
|
+
if (n) {
|
|
1149
|
+
i.current = !1;
|
|
1136
1150
|
return;
|
|
1137
1151
|
}
|
|
1138
|
-
|
|
1139
|
-
const
|
|
1140
|
-
|
|
1152
|
+
i.current || (i.current = !0, t().then(($) => {
|
|
1153
|
+
const Y = `data:image/png;base64,${$.signature}`;
|
|
1154
|
+
_(!1), o(Y);
|
|
1141
1155
|
}).catch(() => {
|
|
1142
|
-
|
|
1156
|
+
_(!0);
|
|
1143
1157
|
}));
|
|
1144
|
-
}, [e,
|
|
1145
|
-
const
|
|
1146
|
-
|
|
1147
|
-
const
|
|
1148
|
-
|
|
1158
|
+
}, [n, e, t, o]);
|
|
1159
|
+
const ee = re(() => {
|
|
1160
|
+
_(!1), i.current = !0, t().then(($) => {
|
|
1161
|
+
const Y = `data:image/png;base64,${$.signature}`;
|
|
1162
|
+
_(!1), o(Y);
|
|
1149
1163
|
}).catch(() => {
|
|
1150
|
-
|
|
1164
|
+
_(!0);
|
|
1151
1165
|
});
|
|
1152
|
-
}, [
|
|
1153
|
-
return /* @__PURE__ */
|
|
1166
|
+
}, [t, o]);
|
|
1167
|
+
return /* @__PURE__ */ te(
|
|
1154
1168
|
"div",
|
|
1155
1169
|
{
|
|
1156
|
-
"data-testid": Ee(
|
|
1157
|
-
className:
|
|
1170
|
+
"data-testid": Ee(l, "data-testid", "signature"),
|
|
1171
|
+
className: he(U.Signature, Ee(l, "className")),
|
|
1158
1172
|
children: [
|
|
1159
|
-
/* @__PURE__ */
|
|
1173
|
+
/* @__PURE__ */ te(
|
|
1160
1174
|
"div",
|
|
1161
1175
|
{
|
|
1162
|
-
className:
|
|
1176
|
+
className: he(U.Main, H(["auto-generated", "auto-loading"]) ? U.MainAuto : U.MainManual),
|
|
1163
1177
|
ref: c,
|
|
1164
1178
|
children: [
|
|
1165
|
-
/* @__PURE__ */
|
|
1166
|
-
|
|
1167
|
-
|
|
1168
|
-
|
|
1179
|
+
/* @__PURE__ */ te("div", { className: he(U.Header, H(["manual-drawn"]) ? U.HeaderManualDraw : U.HeaderNotManualDraw), children: [
|
|
1180
|
+
H(["auto-generated", "auto-loading"]) && /* @__PURE__ */ V("span", { className: U.HeaderTitle, children: "Wir haben eine digitale Signature Sie generiert." }),
|
|
1181
|
+
H(["manual-blank", "manual-stored"]) && /* @__PURE__ */ V("span", { className: U.HeaderTitle, children: "Ihre Signatur:" }),
|
|
1182
|
+
H(["manual-drawn"]) && /* @__PURE__ */ V(
|
|
1169
1183
|
ie,
|
|
1170
1184
|
{
|
|
1171
1185
|
blurAfterClick: !0,
|
|
1172
1186
|
text: "Neu starten",
|
|
1173
1187
|
underlined: !0,
|
|
1174
|
-
icon: /* @__PURE__ */
|
|
1188
|
+
icon: /* @__PURE__ */ V(Fe, {}),
|
|
1175
1189
|
className: U.HeaderReset,
|
|
1176
|
-
onClick:
|
|
1190
|
+
onClick: A
|
|
1177
1191
|
}
|
|
1178
1192
|
)
|
|
1179
1193
|
] }),
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
/* @__PURE__ */
|
|
1185
|
-
/* @__PURE__ */
|
|
1194
|
+
H(["auto-generated", "auto-loading"]) ? /* @__PURE__ */ te("div", { className: U.AutoPanel, children: [
|
|
1195
|
+
n !== "" && /* @__PURE__ */ V("img", { className: U.AutoPanelImage, src: n, alt: "signature" }),
|
|
1196
|
+
n === "" && !T && /* @__PURE__ */ V(Ue, { size: "sm", color: "accent-primary", className: U.AutoPanelLoader }),
|
|
1197
|
+
n === "" && T && /* @__PURE__ */ te("div", { className: U.AutoPanelError, children: [
|
|
1198
|
+
/* @__PURE__ */ V("span", { className: U.AutoPanelErrorTitle, children: "Automatische Signatur konnte nicht geladen werden." }),
|
|
1199
|
+
/* @__PURE__ */ V(
|
|
1186
1200
|
ie,
|
|
1187
1201
|
{
|
|
1188
1202
|
blurAfterClick: !0,
|
|
@@ -1190,16 +1204,16 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
|
|
|
1190
1204
|
text: "Erneut versuchen",
|
|
1191
1205
|
size: "sm",
|
|
1192
1206
|
iconPosition: "right",
|
|
1193
|
-
icon: /* @__PURE__ */
|
|
1194
|
-
onClick:
|
|
1207
|
+
icon: /* @__PURE__ */ V(qe, {}),
|
|
1208
|
+
onClick: ee
|
|
1195
1209
|
}
|
|
1196
1210
|
)
|
|
1197
1211
|
] }),
|
|
1198
|
-
|
|
1199
|
-
/* @__PURE__ */
|
|
1200
|
-
/* @__PURE__ */
|
|
1212
|
+
n !== "" && /* @__PURE__ */ te("div", { className: U.AutoPanelLabel, children: [
|
|
1213
|
+
/* @__PURE__ */ V(Be, { className: U.AutoPanelLabelIcon }),
|
|
1214
|
+
/* @__PURE__ */ V("span", { className: U.AutoPanelLabelText, children: "Diese Unterschrift ist ausreichend" })
|
|
1201
1215
|
] }),
|
|
1202
|
-
|
|
1216
|
+
f && /* @__PURE__ */ V(
|
|
1203
1217
|
ie,
|
|
1204
1218
|
{
|
|
1205
1219
|
blurAfterClick: !0,
|
|
@@ -1207,11 +1221,11 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
|
|
|
1207
1221
|
text: "Per Hand/Maus unterschreiben",
|
|
1208
1222
|
underlined: !0,
|
|
1209
1223
|
className: U.AutoPanelButton,
|
|
1210
|
-
onClick:
|
|
1224
|
+
onClick: q
|
|
1211
1225
|
}
|
|
1212
1226
|
)
|
|
1213
|
-
] }) : /* @__PURE__ */
|
|
1214
|
-
|
|
1227
|
+
] }) : /* @__PURE__ */ te("div", { className: U.ManualPanel, children: [
|
|
1228
|
+
H(["manual-stored"]) ? /* @__PURE__ */ V("img", { width: z, height: R, alt: "signature", src: Z }) : /* @__PURE__ */ V(
|
|
1215
1229
|
ut,
|
|
1216
1230
|
{
|
|
1217
1231
|
penColor: "#262626",
|
|
@@ -1219,37 +1233,37 @@ const ut = /* @__PURE__ */ He(st), ct = "_Signature_1sp4s_1", lt = "_Main_1sp4s_
|
|
|
1219
1233
|
minWidth: 0.25,
|
|
1220
1234
|
maxWidth: 2.75,
|
|
1221
1235
|
throttle: 12,
|
|
1222
|
-
canvasProps: { width: +(
|
|
1223
|
-
ref: (
|
|
1236
|
+
canvasProps: { width: +(z || 0).toFixed(), height: +(R || 0).toFixed() },
|
|
1237
|
+
ref: ($) => v($),
|
|
1224
1238
|
clearOnResize: !0,
|
|
1225
|
-
onEnd:
|
|
1239
|
+
onEnd: K
|
|
1226
1240
|
}
|
|
1227
1241
|
),
|
|
1228
|
-
|
|
1242
|
+
H(["manual-stored"]) && /* @__PURE__ */ V(
|
|
1229
1243
|
ie,
|
|
1230
1244
|
{
|
|
1231
1245
|
blurAfterClick: !0,
|
|
1232
1246
|
underlined: !0,
|
|
1233
1247
|
text: "Zurücksetzen",
|
|
1234
1248
|
className: U.ManualPanelButton,
|
|
1235
|
-
onClick:
|
|
1249
|
+
onClick: F
|
|
1236
1250
|
}
|
|
1237
1251
|
)
|
|
1238
1252
|
] })
|
|
1239
1253
|
]
|
|
1240
1254
|
}
|
|
1241
1255
|
),
|
|
1242
|
-
|
|
1243
|
-
/* @__PURE__ */
|
|
1244
|
-
/* @__PURE__ */
|
|
1256
|
+
H(["manual-blank", "manual-drawn"]) && /* @__PURE__ */ te("div", { className: U.Footer, children: [
|
|
1257
|
+
/* @__PURE__ */ V(we, { fullWidth: !0, blurAfterClick: !0, text: "Abbrechen", color: "tertiary", onClick: P }),
|
|
1258
|
+
/* @__PURE__ */ V(
|
|
1245
1259
|
we,
|
|
1246
1260
|
{
|
|
1247
1261
|
fullWidth: !0,
|
|
1248
1262
|
blurAfterClick: !0,
|
|
1249
1263
|
text: "Speichern",
|
|
1250
1264
|
color: "primary",
|
|
1251
|
-
disabled: !
|
|
1252
|
-
onClick:
|
|
1265
|
+
disabled: !x,
|
|
1266
|
+
onClick: m
|
|
1253
1267
|
}
|
|
1254
1268
|
)
|
|
1255
1269
|
] })
|