@archireport/react-native-svg-draw 2.2.0 → 2.3.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.
- package/lib/commonjs/components/DrawCore/CurrentAnimatedItem.js +284 -29
- package/lib/commonjs/components/DrawCore/CurrentAnimatedItem.js.map +1 -1
- package/lib/commonjs/components/DrawCore/CurrentAnimatedText.js +12 -11
- package/lib/commonjs/components/DrawCore/CurrentAnimatedText.js.map +1 -1
- package/lib/commonjs/components/DrawCore/DrawContext.js.map +1 -1
- package/lib/commonjs/components/DrawCore/DrawPad.js +21 -7
- package/lib/commonjs/components/DrawCore/DrawPad.js.map +1 -1
- package/lib/commonjs/components/DrawCore/DrawProvider.js +6 -2
- package/lib/commonjs/components/DrawCore/DrawProvider.js.map +1 -1
- package/lib/commonjs/components/DrawCore/Item.js +154 -7
- package/lib/commonjs/components/DrawCore/Item.js.map +1 -1
- package/lib/commonjs/components/DrawCore/index.js +175 -83
- package/lib/commonjs/components/DrawCore/index.js.map +1 -1
- package/lib/commonjs/components/DrawCore/useDrawHook.js +4 -2
- package/lib/commonjs/components/DrawCore/useDrawHook.js.map +1 -1
- package/lib/commonjs/components/DrawWithOptions/index.js +14 -0
- package/lib/commonjs/components/DrawWithOptions/index.js.map +1 -1
- package/lib/module/components/DrawCore/CurrentAnimatedItem.js +286 -31
- package/lib/module/components/DrawCore/CurrentAnimatedItem.js.map +1 -1
- package/lib/module/components/DrawCore/CurrentAnimatedText.js +12 -11
- package/lib/module/components/DrawCore/CurrentAnimatedText.js.map +1 -1
- package/lib/module/components/DrawCore/DrawContext.js.map +1 -1
- package/lib/module/components/DrawCore/DrawPad.js +21 -7
- package/lib/module/components/DrawCore/DrawPad.js.map +1 -1
- package/lib/module/components/DrawCore/DrawProvider.js +6 -2
- package/lib/module/components/DrawCore/DrawProvider.js.map +1 -1
- package/lib/module/components/DrawCore/Item.js +150 -9
- package/lib/module/components/DrawCore/Item.js.map +1 -1
- package/lib/module/components/DrawCore/index.js +176 -84
- package/lib/module/components/DrawCore/index.js.map +1 -1
- package/lib/module/components/DrawCore/useDrawHook.js +4 -2
- package/lib/module/components/DrawCore/useDrawHook.js.map +1 -1
- package/lib/module/components/DrawWithOptions/index.js +14 -0
- package/lib/module/components/DrawWithOptions/index.js.map +1 -1
- package/lib/typescript/components/DrawCore/CurrentAnimatedItem.d.ts +3 -5
- package/lib/typescript/components/DrawCore/CurrentAnimatedItem.d.ts.map +1 -1
- package/lib/typescript/components/DrawCore/CurrentAnimatedText.d.ts.map +1 -1
- package/lib/typescript/components/DrawCore/DrawContext.d.ts +2 -0
- package/lib/typescript/components/DrawCore/DrawContext.d.ts.map +1 -1
- package/lib/typescript/components/DrawCore/DrawPad.d.ts +2 -1
- package/lib/typescript/components/DrawCore/DrawPad.d.ts.map +1 -1
- package/lib/typescript/components/DrawCore/DrawProvider.d.ts.map +1 -1
- package/lib/typescript/components/DrawCore/Item.d.ts +27 -0
- package/lib/typescript/components/DrawCore/Item.d.ts.map +1 -1
- package/lib/typescript/components/DrawCore/index.d.ts.map +1 -1
- package/lib/typescript/components/DrawCore/useDrawHook.d.ts +1 -0
- package/lib/typescript/components/DrawCore/useDrawHook.d.ts.map +1 -1
- package/lib/typescript/components/DrawWithOptions/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/DrawCore/CurrentAnimatedItem.tsx +307 -7
- package/src/components/DrawCore/CurrentAnimatedText.tsx +5 -2
- package/src/components/DrawCore/DrawContext.tsx +2 -0
- package/src/components/DrawCore/DrawPad.tsx +20 -4
- package/src/components/DrawCore/DrawProvider.tsx +6 -0
- package/src/components/DrawCore/Item.tsx +188 -7
- package/src/components/DrawCore/index.tsx +243 -120
- package/src/components/DrawCore/useDrawHook.tsx +2 -0
- package/src/components/DrawWithOptions/index.tsx +18 -0
- package/src/types.d.ts +7 -0
|
@@ -1,11 +1,20 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import Animated, { createAnimatedPropAdapter, processColor, useAnimatedProps } from 'react-native-reanimated';
|
|
2
|
+
import Animated, { createAnimatedPropAdapter, processColor, runOnJS, useAnimatedProps, useAnimatedReaction } from 'react-native-reanimated';
|
|
3
3
|
import { Path, Ellipse, Rect, Line, G } from 'react-native-svg';
|
|
4
|
+
import { TextInput } from 'react-native';
|
|
5
|
+
import useDrawHook from './useDrawHook';
|
|
6
|
+
|
|
7
|
+
//import { TextInput } from 'react-native-gesture-handler';
|
|
8
|
+
|
|
4
9
|
const AnimatedPath = Animated.createAnimatedComponent(Path);
|
|
5
10
|
const AnimatedEllipse = Animated.createAnimatedComponent(Ellipse);
|
|
6
11
|
const AnimatedRectangle = Animated.createAnimatedComponent(Rect);
|
|
7
12
|
const AnimatedLine = Animated.createAnimatedComponent(Line);
|
|
8
13
|
|
|
14
|
+
//const AnimatedText = Animated.createAnimatedComponent(Text);
|
|
15
|
+
|
|
16
|
+
const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
|
|
17
|
+
|
|
9
18
|
// properties of a line
|
|
10
19
|
const line = (pointA, pointB) => {
|
|
11
20
|
'worklet';
|
|
@@ -86,7 +95,7 @@ function hue2rgb(p, q, t) {
|
|
|
86
95
|
}
|
|
87
96
|
|
|
88
97
|
// see https://github.com/software-mansion/react-native-reanimated/issues/1909
|
|
89
|
-
function hslToRgb(col) {
|
|
98
|
+
export function hslToRgb(col) {
|
|
90
99
|
'worklet';
|
|
91
100
|
|
|
92
101
|
const hslRegExp = new RegExp(/hsl\(([\d.]+),\s*(\d+)%,\s*([\d.]+)%\)/);
|
|
@@ -120,13 +129,23 @@ const propAdapter = createAnimatedPropAdapter(props => {
|
|
|
120
129
|
};
|
|
121
130
|
}
|
|
122
131
|
}, ['fill', 'stroke']);
|
|
123
|
-
export default function CurrentAnimatedItem(
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
132
|
+
export default function CurrentAnimatedItem() {
|
|
133
|
+
var _currentItem$value37;
|
|
134
|
+
const {
|
|
135
|
+
currentItem,
|
|
136
|
+
doubleArrowTextInput
|
|
137
|
+
} = useDrawHook();
|
|
138
|
+
const getTextLength = () => {
|
|
139
|
+
'worklet';
|
|
140
|
+
|
|
141
|
+
var _currentItem$value, _currentItem$value2;
|
|
142
|
+
const text = ((_currentItem$value = currentItem.value) === null || _currentItem$value === void 0 ? void 0 : _currentItem$value.type) === 'doubleArrows' ? (_currentItem$value2 = currentItem.value) === null || _currentItem$value2 === void 0 ? void 0 : _currentItem$value2.text : '';
|
|
143
|
+
const textLength = text && text.length > 5 ? text.length * 10 : 50;
|
|
144
|
+
return textLength;
|
|
145
|
+
};
|
|
127
146
|
const ellipseAnimatedProps = useAnimatedProps(() => {
|
|
128
|
-
var _currentItem$
|
|
129
|
-
const coordinates = ((_currentItem$
|
|
147
|
+
var _currentItem$value3, _currentItem$value4, _currentItem$value5, _currentItem$value6;
|
|
148
|
+
const coordinates = ((_currentItem$value3 = currentItem.value) === null || _currentItem$value3 === void 0 ? void 0 : _currentItem$value3.type) === 'ellipse' ? currentItem.value.data : {
|
|
130
149
|
cx: -10,
|
|
131
150
|
cy: -10,
|
|
132
151
|
rx: 0,
|
|
@@ -138,15 +157,15 @@ export default function CurrentAnimatedItem(_ref) {
|
|
|
138
157
|
rx: coordinates.rx,
|
|
139
158
|
ry: coordinates.ry,
|
|
140
159
|
fill: 'transparent',
|
|
141
|
-
stroke: hslToRgb(((_currentItem$
|
|
142
|
-
opacity: ((_currentItem$
|
|
143
|
-
strokeWidth: ((_currentItem$
|
|
160
|
+
stroke: hslToRgb(((_currentItem$value4 = currentItem.value) === null || _currentItem$value4 === void 0 ? void 0 : _currentItem$value4.color) || 'hsl(0, 0%, 0%)'),
|
|
161
|
+
opacity: ((_currentItem$value5 = currentItem.value) === null || _currentItem$value5 === void 0 ? void 0 : _currentItem$value5.type) === 'ellipse' ? 1 : 0,
|
|
162
|
+
strokeWidth: ((_currentItem$value6 = currentItem.value) === null || _currentItem$value6 === void 0 ? void 0 : _currentItem$value6.type) === 'ellipse' ? currentItem.value.strokeWidth : 0,
|
|
144
163
|
marker: 'url(#selection)'
|
|
145
164
|
};
|
|
146
165
|
}, null, propAdapter);
|
|
147
166
|
const singleHeadAnimatedProps = useAnimatedProps(() => {
|
|
148
|
-
var _currentItem$
|
|
149
|
-
const coordinates = ((_currentItem$
|
|
167
|
+
var _currentItem$value7, _currentItem$value8, _currentItem$value9, _currentItem$value10;
|
|
168
|
+
const coordinates = ((_currentItem$value7 = currentItem.value) === null || _currentItem$value7 === void 0 ? void 0 : _currentItem$value7.type) === 'singleHead' ? currentItem.value.data : {
|
|
150
169
|
x1: -10,
|
|
151
170
|
y1: -10,
|
|
152
171
|
x2: -10,
|
|
@@ -158,15 +177,15 @@ export default function CurrentAnimatedItem(_ref) {
|
|
|
158
177
|
x2: coordinates.x2,
|
|
159
178
|
y2: coordinates.y2,
|
|
160
179
|
fill: 'transparent',
|
|
161
|
-
stroke: hslToRgb(((_currentItem$
|
|
162
|
-
opacity: ((_currentItem$
|
|
163
|
-
strokeWidth: ((_currentItem$
|
|
180
|
+
stroke: hslToRgb(((_currentItem$value8 = currentItem.value) === null || _currentItem$value8 === void 0 ? void 0 : _currentItem$value8.color) || 'hsl(0, 0%, 0%)'),
|
|
181
|
+
opacity: ((_currentItem$value9 = currentItem.value) === null || _currentItem$value9 === void 0 ? void 0 : _currentItem$value9.type) === 'singleHead' ? 1 : 0,
|
|
182
|
+
strokeWidth: ((_currentItem$value10 = currentItem.value) === null || _currentItem$value10 === void 0 ? void 0 : _currentItem$value10.type) === 'singleHead' ? currentItem.value.strokeWidth : 0,
|
|
164
183
|
markerEnd: 'arrowhead'
|
|
165
184
|
};
|
|
166
185
|
}, null, propAdapter);
|
|
167
186
|
const doubleHeadAnimatedProps = useAnimatedProps(() => {
|
|
168
|
-
var _currentItem$
|
|
169
|
-
const coordinates = ((_currentItem$
|
|
187
|
+
var _currentItem$value11, _currentItem$value12, _currentItem$value13, _currentItem$value14;
|
|
188
|
+
const coordinates = ((_currentItem$value11 = currentItem.value) === null || _currentItem$value11 === void 0 ? void 0 : _currentItem$value11.type) === 'doubleHead' ? currentItem.value.data : {
|
|
170
189
|
x1: -10,
|
|
171
190
|
y1: -10,
|
|
172
191
|
x2: -10,
|
|
@@ -178,16 +197,209 @@ export default function CurrentAnimatedItem(_ref) {
|
|
|
178
197
|
x2: coordinates.x2,
|
|
179
198
|
y2: coordinates.y2,
|
|
180
199
|
fill: 'transparent',
|
|
181
|
-
stroke: hslToRgb(((_currentItem$
|
|
182
|
-
opacity: ((_currentItem$
|
|
183
|
-
strokeWidth: ((_currentItem$
|
|
200
|
+
stroke: hslToRgb(((_currentItem$value12 = currentItem.value) === null || _currentItem$value12 === void 0 ? void 0 : _currentItem$value12.color) || 'hsl(0, 0%, 0%)'),
|
|
201
|
+
opacity: ((_currentItem$value13 = currentItem.value) === null || _currentItem$value13 === void 0 ? void 0 : _currentItem$value13.type) === 'doubleHead' ? 1 : 0,
|
|
202
|
+
strokeWidth: ((_currentItem$value14 = currentItem.value) === null || _currentItem$value14 === void 0 ? void 0 : _currentItem$value14.type) === 'doubleHead' ? currentItem.value.strokeWidth : 0,
|
|
184
203
|
markerStart: 'side',
|
|
185
204
|
markerEnd: 'side'
|
|
186
205
|
};
|
|
187
206
|
}, null, propAdapter);
|
|
207
|
+
const distance = (x1, y1, x2, y2) => {
|
|
208
|
+
'worklet';
|
|
209
|
+
|
|
210
|
+
return Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1));
|
|
211
|
+
};
|
|
212
|
+
const getCoordinatesWithRatio = _ref => {
|
|
213
|
+
'worklet';
|
|
214
|
+
|
|
215
|
+
let {
|
|
216
|
+
c1,
|
|
217
|
+
c2,
|
|
218
|
+
ratio,
|
|
219
|
+
first = true
|
|
220
|
+
} = _ref;
|
|
221
|
+
let newC1 = c1;
|
|
222
|
+
let newC2 = c2;
|
|
223
|
+
if (c1 > c2) {
|
|
224
|
+
if (first) {
|
|
225
|
+
newC1 = c1;
|
|
226
|
+
newC2 = c1 - (c1 - c2) * ratio;
|
|
227
|
+
} else {
|
|
228
|
+
newC1 = c2 + (c1 - c2) * ratio;
|
|
229
|
+
newC2 = c2;
|
|
230
|
+
}
|
|
231
|
+
} else {
|
|
232
|
+
if (first) {
|
|
233
|
+
newC1 = c1;
|
|
234
|
+
newC2 = c1 + (c2 - c1) * ratio;
|
|
235
|
+
} else {
|
|
236
|
+
newC1 = c2 - (c2 - c1) * ratio;
|
|
237
|
+
newC2 = c2;
|
|
238
|
+
}
|
|
239
|
+
}
|
|
240
|
+
return [newC1, newC2];
|
|
241
|
+
};
|
|
242
|
+
const getGetcoordinateValue = _ref2 => {
|
|
243
|
+
'worklet';
|
|
244
|
+
|
|
245
|
+
//console.log('*******************');
|
|
246
|
+
let {
|
|
247
|
+
x1,
|
|
248
|
+
y1,
|
|
249
|
+
x2,
|
|
250
|
+
y2,
|
|
251
|
+
first = true
|
|
252
|
+
} = _ref2;
|
|
253
|
+
const dist = distance(x1, y1, x2, y2);
|
|
254
|
+
const textLength = getTextLength();
|
|
255
|
+
const newDist = (!textLength ? dist : dist - textLength) / 2;
|
|
256
|
+
let newX1 = x1;
|
|
257
|
+
let newY1 = y1;
|
|
258
|
+
let newX2 = x2;
|
|
259
|
+
let newY2 = y2;
|
|
260
|
+
|
|
261
|
+
//if (newDist > textLength / 2 && !isShortArrow) {
|
|
262
|
+
const ratio = newDist / dist;
|
|
263
|
+
[newX1, newX2] = getCoordinatesWithRatio({
|
|
264
|
+
c1: x1,
|
|
265
|
+
c2: x2,
|
|
266
|
+
ratio,
|
|
267
|
+
first
|
|
268
|
+
});
|
|
269
|
+
[newY1, newY2] = getCoordinatesWithRatio({
|
|
270
|
+
c1: y1,
|
|
271
|
+
c2: y2,
|
|
272
|
+
ratio,
|
|
273
|
+
first
|
|
274
|
+
});
|
|
275
|
+
//}
|
|
276
|
+
return [newX1, newY1, newX2, newY2];
|
|
277
|
+
};
|
|
278
|
+
const doubleArrowsAnimatedPropsFirst = useAnimatedProps(() => {
|
|
279
|
+
var _currentItem$value15, _currentItem$value16, _currentItem$value17, _currentItem$value18;
|
|
280
|
+
let x1, y1, x2, y2;
|
|
281
|
+
if (((_currentItem$value15 = currentItem.value) === null || _currentItem$value15 === void 0 ? void 0 : _currentItem$value15.type) !== 'doubleArrows') {
|
|
282
|
+
x1 = -10;
|
|
283
|
+
y1 = -10;
|
|
284
|
+
x2 = -10;
|
|
285
|
+
y2 = -10;
|
|
286
|
+
} else {
|
|
287
|
+
const coordinates = currentItem.value.data;
|
|
288
|
+
[x1, y1, x2, y2] = getGetcoordinateValue({
|
|
289
|
+
x1: Number(coordinates.x1),
|
|
290
|
+
y1: Number(coordinates.y1),
|
|
291
|
+
x2: Number(coordinates.x2),
|
|
292
|
+
y2: Number(coordinates.y2),
|
|
293
|
+
first: true
|
|
294
|
+
//text: currentItem.value?.text,
|
|
295
|
+
});
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
return {
|
|
299
|
+
x1,
|
|
300
|
+
y1,
|
|
301
|
+
x2,
|
|
302
|
+
y2,
|
|
303
|
+
fill: 'transparent',
|
|
304
|
+
stroke: hslToRgb(((_currentItem$value16 = currentItem.value) === null || _currentItem$value16 === void 0 ? void 0 : _currentItem$value16.color) || 'hsl(0, 0%, 0%)'),
|
|
305
|
+
opacity: ((_currentItem$value17 = currentItem.value) === null || _currentItem$value17 === void 0 ? void 0 : _currentItem$value17.type) === 'doubleArrows' ? 1 : 0,
|
|
306
|
+
strokeWidth: ((_currentItem$value18 = currentItem.value) === null || _currentItem$value18 === void 0 ? void 0 : _currentItem$value18.type) === 'doubleArrows' ? currentItem.value.strokeWidth : 0,
|
|
307
|
+
markerStart: 'arrowheadStart'
|
|
308
|
+
};
|
|
309
|
+
}, null, propAdapter);
|
|
310
|
+
const doubleArrowsAnimatedPropsLast = useAnimatedProps(() => {
|
|
311
|
+
var _currentItem$value19, _currentItem$value20, _currentItem$value21, _currentItem$value22;
|
|
312
|
+
let x1, y1, x2, y2;
|
|
313
|
+
if (((_currentItem$value19 = currentItem.value) === null || _currentItem$value19 === void 0 ? void 0 : _currentItem$value19.type) !== 'doubleArrows') {
|
|
314
|
+
x1 = -10;
|
|
315
|
+
y1 = -10;
|
|
316
|
+
x2 = -10;
|
|
317
|
+
y2 = -10;
|
|
318
|
+
} else {
|
|
319
|
+
const coordinates = currentItem.value.data;
|
|
320
|
+
[x1, y1, x2, y2] = getGetcoordinateValue({
|
|
321
|
+
x1: Number(coordinates.x1),
|
|
322
|
+
y1: Number(coordinates.y1),
|
|
323
|
+
x2: Number(coordinates.x2),
|
|
324
|
+
y2: Number(coordinates.y2),
|
|
325
|
+
first: false
|
|
326
|
+
//text: currentItem.value?.text,
|
|
327
|
+
});
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
return {
|
|
331
|
+
x1,
|
|
332
|
+
y1,
|
|
333
|
+
x2,
|
|
334
|
+
y2,
|
|
335
|
+
fill: 'transparent',
|
|
336
|
+
stroke: hslToRgb(((_currentItem$value20 = currentItem.value) === null || _currentItem$value20 === void 0 ? void 0 : _currentItem$value20.color) || 'hsl(0, 0%, 0%)'),
|
|
337
|
+
opacity: ((_currentItem$value21 = currentItem.value) === null || _currentItem$value21 === void 0 ? void 0 : _currentItem$value21.type) === 'doubleArrows' ? 1 : 0,
|
|
338
|
+
strokeWidth: ((_currentItem$value22 = currentItem.value) === null || _currentItem$value22 === void 0 ? void 0 : _currentItem$value22.type) === 'doubleArrows' ? currentItem.value.strokeWidth : 0,
|
|
339
|
+
markerEnd: 'arrowhead'
|
|
340
|
+
};
|
|
341
|
+
}, null, propAdapter);
|
|
342
|
+
const getTextValues = _ref3 => {
|
|
343
|
+
'worklet';
|
|
344
|
+
|
|
345
|
+
let {
|
|
346
|
+
x1,
|
|
347
|
+
y1,
|
|
348
|
+
x2,
|
|
349
|
+
y2
|
|
350
|
+
} = _ref3;
|
|
351
|
+
const dist = distance(x1, y1, x2, y2);
|
|
352
|
+
const ratio = 0.5;
|
|
353
|
+
const newX = (x1 + x2) * ratio;
|
|
354
|
+
const newY = (y1 + y2) * ratio;
|
|
355
|
+
let angle = 0;
|
|
356
|
+
if (x1 > x2) {
|
|
357
|
+
if (y1 > y2) {
|
|
358
|
+
angle = Math.acos((x1 - x2) / dist) * (180 / Math.PI);
|
|
359
|
+
} else {
|
|
360
|
+
angle = 180 - Math.acos((x1 - x2) / dist) * (180 / Math.PI) + 180;
|
|
361
|
+
}
|
|
362
|
+
} else {
|
|
363
|
+
if (y1 > y2) {
|
|
364
|
+
angle = 180 - Math.acos((x2 - x1) / dist) * (180 / Math.PI) + 180;
|
|
365
|
+
} else {
|
|
366
|
+
angle = Math.acos((x2 - x1) / dist) * (180 / Math.PI);
|
|
367
|
+
}
|
|
368
|
+
}
|
|
369
|
+
return [newX, newY, angle];
|
|
370
|
+
};
|
|
371
|
+
const doubleArrowsAnimatedPropsText = useAnimatedProps(() => {
|
|
372
|
+
var _currentItem$value23, _currentItem$value24, _currentItem$value25, _currentItem$value26;
|
|
373
|
+
let x = 0,
|
|
374
|
+
y = 0,
|
|
375
|
+
angle = 0;
|
|
376
|
+
if (((_currentItem$value23 = currentItem.value) === null || _currentItem$value23 === void 0 ? void 0 : _currentItem$value23.type) !== 'doubleArrows') {
|
|
377
|
+
x = -50;
|
|
378
|
+
y = -50;
|
|
379
|
+
angle = 0;
|
|
380
|
+
} else {
|
|
381
|
+
const coordinates = currentItem.value.data;
|
|
382
|
+
[x, y, angle] = getTextValues({
|
|
383
|
+
x1: Number(coordinates.x1),
|
|
384
|
+
y1: Number(coordinates.y1),
|
|
385
|
+
x2: Number(coordinates.x2),
|
|
386
|
+
y2: Number(coordinates.y2)
|
|
387
|
+
});
|
|
388
|
+
}
|
|
389
|
+
return {
|
|
390
|
+
top: y - 10,
|
|
391
|
+
left: x - getTextLength() / 2,
|
|
392
|
+
fontSize: 10 + (((_currentItem$value24 = currentItem.value) === null || _currentItem$value24 === void 0 ? void 0 : _currentItem$value24.strokeWidth) ?? 0) * 2,
|
|
393
|
+
color: (_currentItem$value25 = currentItem.value) !== null && _currentItem$value25 !== void 0 && _currentItem$value25.color ? hslToRgb((_currentItem$value26 = currentItem.value) === null || _currentItem$value26 === void 0 ? void 0 : _currentItem$value26.color) : 'white',
|
|
394
|
+
transform: [{
|
|
395
|
+
rotateZ: `${angle}deg`
|
|
396
|
+
}],
|
|
397
|
+
width: getTextLength()
|
|
398
|
+
};
|
|
399
|
+
}, null, propAdapter);
|
|
188
400
|
const rectangleAnimatedProps = useAnimatedProps(() => {
|
|
189
|
-
var _currentItem$
|
|
190
|
-
const coordinates = ((_currentItem$
|
|
401
|
+
var _currentItem$value27, _currentItem$value28, _currentItem$value29, _currentItem$value30;
|
|
402
|
+
const coordinates = ((_currentItem$value27 = currentItem.value) === null || _currentItem$value27 === void 0 ? void 0 : _currentItem$value27.type) === 'rectangle' ? currentItem.value.data : {
|
|
191
403
|
x: -10,
|
|
192
404
|
y: -10,
|
|
193
405
|
width: 0,
|
|
@@ -199,28 +411,40 @@ export default function CurrentAnimatedItem(_ref) {
|
|
|
199
411
|
width: coordinates.width,
|
|
200
412
|
height: coordinates.height,
|
|
201
413
|
fill: 'transparent',
|
|
202
|
-
stroke: hslToRgb(((_currentItem$
|
|
203
|
-
opacity: ((_currentItem$
|
|
204
|
-
strokeWidth: ((_currentItem$
|
|
414
|
+
stroke: hslToRgb(((_currentItem$value28 = currentItem.value) === null || _currentItem$value28 === void 0 ? void 0 : _currentItem$value28.color) || 'hsl(0, 0%, 0%)'),
|
|
415
|
+
opacity: ((_currentItem$value29 = currentItem.value) === null || _currentItem$value29 === void 0 ? void 0 : _currentItem$value29.type) === 'rectangle' ? 1 : 0,
|
|
416
|
+
strokeWidth: ((_currentItem$value30 = currentItem.value) === null || _currentItem$value30 === void 0 ? void 0 : _currentItem$value30.type) === 'rectangle' ? currentItem.value.strokeWidth : 0,
|
|
205
417
|
marker: 'url(#selection)'
|
|
206
418
|
};
|
|
207
419
|
}, null, propAdapter);
|
|
208
420
|
const penAnimatedProps = useAnimatedProps(() => {
|
|
209
|
-
var _currentItem$
|
|
210
|
-
const d = pointsToPath(((_currentItem$
|
|
421
|
+
var _currentItem$value31, _currentItem$value32, _currentItem$value33, _currentItem$value34;
|
|
422
|
+
const d = pointsToPath(((_currentItem$value31 = currentItem.value) === null || _currentItem$value31 === void 0 ? void 0 : _currentItem$value31.type) === 'pen' ? currentItem.value.data : [{
|
|
211
423
|
x: -10,
|
|
212
424
|
y: -10
|
|
213
425
|
}]);
|
|
214
426
|
return {
|
|
215
427
|
d: d,
|
|
216
|
-
strokeWidth: ((_currentItem$
|
|
217
|
-
stroke: hslToRgb(((_currentItem$
|
|
218
|
-
opacity: ((_currentItem$
|
|
428
|
+
strokeWidth: ((_currentItem$value32 = currentItem.value) === null || _currentItem$value32 === void 0 ? void 0 : _currentItem$value32.type) === 'pen' ? currentItem.value.strokeWidth : 0,
|
|
429
|
+
stroke: hslToRgb(((_currentItem$value33 = currentItem.value) === null || _currentItem$value33 === void 0 ? void 0 : _currentItem$value33.color) || 'hsl(0, 0%, 0%)'),
|
|
430
|
+
opacity: ((_currentItem$value34 = currentItem.value) === null || _currentItem$value34 === void 0 ? void 0 : _currentItem$value34.type) === 'pen' ? 1 : 0,
|
|
219
431
|
fill: 'transparent',
|
|
220
432
|
markerStart: 'selection',
|
|
221
433
|
markerEnd: 'selection'
|
|
222
434
|
};
|
|
223
435
|
}, null, propAdapter);
|
|
436
|
+
const updateText = value => {
|
|
437
|
+
if (!(doubleArrowTextInput !== null && doubleArrowTextInput !== void 0 && doubleArrowTextInput.current)) return;
|
|
438
|
+
doubleArrowTextInput.current.setNativeProps({
|
|
439
|
+
text: value
|
|
440
|
+
});
|
|
441
|
+
};
|
|
442
|
+
useAnimatedReaction(() => {
|
|
443
|
+
var _currentItem$value35, _currentItem$value36;
|
|
444
|
+
return ((_currentItem$value35 = currentItem.value) === null || _currentItem$value35 === void 0 ? void 0 : _currentItem$value35.type) === 'doubleArrows' ? ((_currentItem$value36 = currentItem.value) === null || _currentItem$value36 === void 0 ? void 0 : _currentItem$value36.text) || '' : '';
|
|
445
|
+
}, value => {
|
|
446
|
+
if (updateText) runOnJS(updateText)(value);
|
|
447
|
+
}, [updateText, doubleArrowTextInput]);
|
|
224
448
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AnimatedEllipse, {
|
|
225
449
|
animatedProps: ellipseAnimatedProps
|
|
226
450
|
}), /*#__PURE__*/React.createElement(G, {
|
|
@@ -233,6 +457,37 @@ export default function CurrentAnimatedItem(_ref) {
|
|
|
233
457
|
markerEnd: "url(#selection)"
|
|
234
458
|
}, /*#__PURE__*/React.createElement(AnimatedLine, {
|
|
235
459
|
animatedProps: doubleHeadAnimatedProps
|
|
460
|
+
})), /*#__PURE__*/React.createElement(G, {
|
|
461
|
+
markerStart: "url(#selection)",
|
|
462
|
+
markerEnd: "url(#selection)"
|
|
463
|
+
}, /*#__PURE__*/React.createElement(AnimatedLine, {
|
|
464
|
+
animatedProps: doubleArrowsAnimatedPropsFirst
|
|
465
|
+
}), /*#__PURE__*/React.createElement(AnimatedTextInput, {
|
|
466
|
+
animatedProps: {
|
|
467
|
+
...doubleArrowsAnimatedPropsText // Type cast to bypass the type error
|
|
468
|
+
// Ensure other relevant props if needed
|
|
469
|
+
},
|
|
470
|
+
|
|
471
|
+
value: ((_currentItem$value37 = currentItem.value) === null || _currentItem$value37 === void 0 ? void 0 : _currentItem$value37.type) === 'doubleArrows' ? currentItem.value.text : '',
|
|
472
|
+
ref: doubleArrowTextInput,
|
|
473
|
+
underlineColorAndroid: 'transparent',
|
|
474
|
+
onChangeText: text => {
|
|
475
|
+
var _currentItem$value38;
|
|
476
|
+
console.log('onChangeText', text);
|
|
477
|
+
if (((_currentItem$value38 = currentItem.value) === null || _currentItem$value38 === void 0 ? void 0 : _currentItem$value38.type) === 'doubleArrows') {
|
|
478
|
+
currentItem.value = {
|
|
479
|
+
...currentItem.value,
|
|
480
|
+
text
|
|
481
|
+
};
|
|
482
|
+
}
|
|
483
|
+
},
|
|
484
|
+
style: {
|
|
485
|
+
color: 'black',
|
|
486
|
+
fontSize: 24,
|
|
487
|
+
position: 'absolute'
|
|
488
|
+
}
|
|
489
|
+
}), /*#__PURE__*/React.createElement(AnimatedLine, {
|
|
490
|
+
animatedProps: doubleArrowsAnimatedPropsLast
|
|
236
491
|
})), /*#__PURE__*/React.createElement(AnimatedRectangle, {
|
|
237
492
|
animatedProps: rectangleAnimatedProps
|
|
238
493
|
}), /*#__PURE__*/React.createElement(AnimatedPath, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","createAnimatedPropAdapter","processColor","useAnimatedProps","Path","Ellipse","Rect","Line","G","AnimatedPath","createAnimatedComponent","AnimatedEllipse","AnimatedRectangle","AnimatedLine","line","pointA","pointB","lengthX","x","lengthY","y","length","Math","sqrt","pow","angle","atan2","controlPoint","current","previous","next","reverse","p","n","smoothing","o","PI","cos","sin","bezierCommand","point","i","a","previousPoint","nextPoint","endPoint","pointBefore","startPoint","pointsToPath","points","reduce","acc","hue2rgb","q","t","hslToRgb","col","hslRegExp","RegExp","res","exec","h","parseFloat","s","l","r","g","b","round","propAdapter","props","Object","keys","includes","fill","type","payload","stroke","CurrentAnimatedItem","currentItem","ellipseAnimatedProps","coordinates","value","data","cx","cy","rx","ry","color","opacity","strokeWidth","marker","singleHeadAnimatedProps","x1","y1","x2","y2","markerEnd","doubleHeadAnimatedProps","markerStart","rectangleAnimatedProps","width","height","penAnimatedProps","d"],"sourceRoot":"../../../../src","sources":["components/DrawCore/CurrentAnimatedItem.tsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["React","Animated","createAnimatedPropAdapter","processColor","runOnJS","useAnimatedProps","useAnimatedReaction","Path","Ellipse","Rect","Line","G","TextInput","useDrawHook","AnimatedPath","createAnimatedComponent","AnimatedEllipse","AnimatedRectangle","AnimatedLine","AnimatedTextInput","line","pointA","pointB","lengthX","x","lengthY","y","length","Math","sqrt","pow","angle","atan2","controlPoint","current","previous","next","reverse","p","n","smoothing","o","PI","cos","sin","bezierCommand","point","i","a","previousPoint","nextPoint","endPoint","pointBefore","startPoint","pointsToPath","points","reduce","acc","hue2rgb","q","t","hslToRgb","col","hslRegExp","RegExp","res","exec","h","parseFloat","s","l","r","g","b","round","propAdapter","props","Object","keys","includes","fill","type","payload","stroke","CurrentAnimatedItem","currentItem","doubleArrowTextInput","getTextLength","text","value","textLength","ellipseAnimatedProps","coordinates","data","cx","cy","rx","ry","color","opacity","strokeWidth","marker","singleHeadAnimatedProps","x1","y1","x2","y2","markerEnd","doubleHeadAnimatedProps","markerStart","distance","getCoordinatesWithRatio","c1","c2","ratio","first","newC1","newC2","getGetcoordinateValue","dist","newDist","newX1","newY1","newX2","newY2","doubleArrowsAnimatedPropsFirst","Number","doubleArrowsAnimatedPropsLast","getTextValues","newX","newY","acos","doubleArrowsAnimatedPropsText","top","left","fontSize","transform","rotateZ","width","rectangleAnimatedProps","height","penAnimatedProps","d","updateText","setNativeProps","console","log","position"],"sourceRoot":"../../../../src","sources":["components/DrawCore/CurrentAnimatedItem.tsx"],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
2
|
import { StyleSheet, View } from 'react-native';
|
|
3
3
|
import Animated, { runOnJS, useAnimatedStyle, useDerivedValue } from 'react-native-reanimated';
|
|
4
|
+
import { hslToRgb } from './CurrentAnimatedItem';
|
|
4
5
|
const styles = StyleSheet.create({
|
|
5
6
|
textBackground: {
|
|
6
7
|
marginHorizontal: 10,
|
|
@@ -36,7 +37,7 @@ const styles = StyleSheet.create({
|
|
|
36
37
|
* So we cannot embed this component directly in the Svg
|
|
37
38
|
*/
|
|
38
39
|
export default function CurrentAnimatedText(_ref) {
|
|
39
|
-
var _currentItem$value, _currentItem$
|
|
40
|
+
var _currentItem$value, _currentItem$value6;
|
|
40
41
|
let {
|
|
41
42
|
currentItem,
|
|
42
43
|
onHeightChange
|
|
@@ -47,25 +48,25 @@ export default function CurrentAnimatedText(_ref) {
|
|
|
47
48
|
runOnJS(setText)(((_currentItem$value2 = currentItem.value) === null || _currentItem$value2 === void 0 ? void 0 : _currentItem$value2.type) === 'text' ? currentItem.value.text || '' : '');
|
|
48
49
|
}, [currentItem.value]);
|
|
49
50
|
const textAnimatedStyle = useAnimatedStyle(() => {
|
|
50
|
-
var _currentItem$value3;
|
|
51
|
+
var _currentItem$value3, _currentItem$value4, _currentItem$value5;
|
|
51
52
|
return {
|
|
52
|
-
fontSize:
|
|
53
|
-
color: 'white'
|
|
53
|
+
fontSize: 10 + (((_currentItem$value3 = currentItem.value) === null || _currentItem$value3 === void 0 ? void 0 : _currentItem$value3.strokeWidth) ?? 0) * 2,
|
|
54
|
+
color: (_currentItem$value4 = currentItem.value) !== null && _currentItem$value4 !== void 0 && _currentItem$value4.color ? hslToRgb((_currentItem$value5 = currentItem.value) === null || _currentItem$value5 === void 0 ? void 0 : _currentItem$value5.color) : 'white'
|
|
54
55
|
};
|
|
55
|
-
}, [(_currentItem$
|
|
56
|
+
}, [(_currentItem$value6 = currentItem.value) === null || _currentItem$value6 === void 0 ? void 0 : _currentItem$value6.strokeWidth]);
|
|
56
57
|
const containerStyle = useAnimatedStyle(() => {
|
|
57
|
-
var _currentItem$
|
|
58
|
+
var _currentItem$value7, _currentItem$value8, _currentItem$value9, _currentItem$value10, _currentItem$value11;
|
|
58
59
|
return {
|
|
59
|
-
opacity: ((_currentItem$
|
|
60
|
-
height: ((_currentItem$
|
|
61
|
-
width: ((_currentItem$
|
|
60
|
+
opacity: ((_currentItem$value7 = currentItem.value) === null || _currentItem$value7 === void 0 ? void 0 : _currentItem$value7.type) === 'text' ? 1 : 0,
|
|
61
|
+
height: ((_currentItem$value8 = currentItem.value) === null || _currentItem$value8 === void 0 ? void 0 : _currentItem$value8.type) === 'text' ? 'auto' : -10,
|
|
62
|
+
width: ((_currentItem$value9 = currentItem.value) === null || _currentItem$value9 === void 0 ? void 0 : _currentItem$value9.type) === 'text' && (typeof currentItem.value.data.width === 'string' ? parseFloat(currentItem.value.data.width) : currentItem.value.data.width) || 0,
|
|
62
63
|
position: 'absolute',
|
|
63
64
|
top: 0,
|
|
64
65
|
left: 0,
|
|
65
66
|
transform: [{
|
|
66
|
-
translateX: ((_currentItem$
|
|
67
|
+
translateX: ((_currentItem$value10 = currentItem.value) === null || _currentItem$value10 === void 0 ? void 0 : _currentItem$value10.type) === 'text' && (typeof currentItem.value.data.x === 'string' ? parseFloat(currentItem.value.data.x) : currentItem.value.data.x) || 0
|
|
67
68
|
}, {
|
|
68
|
-
translateY: ((_currentItem$
|
|
69
|
+
translateY: ((_currentItem$value11 = currentItem.value) === null || _currentItem$value11 === void 0 ? void 0 : _currentItem$value11.type) === 'text' && (typeof currentItem.value.data.y === 'string' ? parseFloat(currentItem.value.data.y) : currentItem.value.data.y) || 0
|
|
69
70
|
}]
|
|
70
71
|
};
|
|
71
72
|
}, [currentItem.value]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","StyleSheet","View","Animated","runOnJS","useAnimatedStyle","useDerivedValue","styles","create","textBackground","marginHorizontal","backgroundColor","borderRadius","paddingVertical","paddingHorizontal","markerContainerLeft","position","left","height","justifyContent","markerContainerRight","right","marker","width","borderWidth","borderColor","CurrentAnimatedText","currentItem","onHeightChange","text","setText","value","type","textAnimatedStyle","fontSize","strokeWidth","color","containerStyle","opacity","data","parseFloat","top","transform","translateX","x","translateY","y","event","nativeEvent","layout"],"sourceRoot":"../../../../src","sources":["components/DrawCore/CurrentAnimatedText.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,QAAQ,IACbC,OAAO,EACPC,gBAAgB,EAChBC,eAAe,QACV,yBAAyB;
|
|
1
|
+
{"version":3,"names":["React","useState","StyleSheet","View","Animated","runOnJS","useAnimatedStyle","useDerivedValue","hslToRgb","styles","create","textBackground","marginHorizontal","backgroundColor","borderRadius","paddingVertical","paddingHorizontal","markerContainerLeft","position","left","height","justifyContent","markerContainerRight","right","marker","width","borderWidth","borderColor","CurrentAnimatedText","currentItem","onHeightChange","text","setText","value","type","textAnimatedStyle","fontSize","strokeWidth","color","containerStyle","opacity","data","parseFloat","top","transform","translateX","x","translateY","y","event","nativeEvent","layout"],"sourceRoot":"../../../../src","sources":["components/DrawCore/CurrentAnimatedText.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","DrawContext","drawState","doneItems","screenStates","drawingMode","cancelEnabled","dispatchDrawStates"],"sourceRoot":"../../../../src","sources":["components/DrawCore/DrawContext.tsx"],"mappings":"AACA,SAASA,aAAa,QAAmB,OAAO;
|
|
1
|
+
{"version":3,"names":["createContext","DrawContext","drawState","doneItems","screenStates","drawingMode","cancelEnabled","dispatchDrawStates"],"sourceRoot":"../../../../src","sources":["components/DrawCore/DrawContext.tsx"],"mappings":"AACA,SAASA,aAAa,QAAmB,OAAO;AAKhD,OAAO,MAAMC,WAAW,gBAAGD,aAAa,CASrC;EACDE,SAAS,EAAE;IACTC,SAAS,EAAE,EAAE;IACbC,YAAY,EAAE,CAAC,EAAE,CAAC;IAClBC,WAAW,EAAE,SAAS;IACtBC,aAAa,EAAE;EACjB,CAAC;EACDC,kBAAkB,EAAE,MAAM;AAC5B,CAAC,CAAC"}
|
|
@@ -8,16 +8,21 @@ const DrawPad = _ref => {
|
|
|
8
8
|
currentItem,
|
|
9
9
|
doneItems,
|
|
10
10
|
onPressItem,
|
|
11
|
-
onTextHeightChange
|
|
11
|
+
onTextHeightChange,
|
|
12
|
+
addBackground = false
|
|
12
13
|
} = _ref;
|
|
13
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Svg,
|
|
14
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Svg, {
|
|
15
|
+
style: addBackground ? {
|
|
16
|
+
backgroundColor: 'white'
|
|
17
|
+
} : null
|
|
18
|
+
}, /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(Circle, {
|
|
14
19
|
id: "selectionIndicator",
|
|
15
20
|
fill: "#3a6cff",
|
|
16
|
-
r:
|
|
21
|
+
r: 10,
|
|
17
22
|
cx: 0,
|
|
18
23
|
cy: 0,
|
|
19
24
|
strokeWidth: 1,
|
|
20
|
-
stroke: "
|
|
25
|
+
stroke: "black"
|
|
21
26
|
}), /*#__PURE__*/React.createElement(Marker, {
|
|
22
27
|
id: "arrowhead",
|
|
23
28
|
markerUnits: 'strokeWidth',
|
|
@@ -29,6 +34,17 @@ const DrawPad = _ref => {
|
|
|
29
34
|
stroke: "context-stroke",
|
|
30
35
|
strokeLinecap: "round",
|
|
31
36
|
strokeLinejoin: "round"
|
|
37
|
+
})), /*#__PURE__*/React.createElement(Marker, {
|
|
38
|
+
id: "arrowheadStart",
|
|
39
|
+
markerUnits: 'strokeWidth',
|
|
40
|
+
refX: "0",
|
|
41
|
+
refY: "0",
|
|
42
|
+
orient: "auto"
|
|
43
|
+
}, /*#__PURE__*/React.createElement(Polyline, {
|
|
44
|
+
points: "2,-2 0,0 2,2 0,0",
|
|
45
|
+
stroke: "context-stroke",
|
|
46
|
+
strokeLinecap: "round",
|
|
47
|
+
strokeLinejoin: "round"
|
|
32
48
|
})), /*#__PURE__*/React.createElement(Marker, {
|
|
33
49
|
id: "side",
|
|
34
50
|
markerUnits: 'strokeWidth',
|
|
@@ -52,9 +68,7 @@ const DrawPad = _ref => {
|
|
|
52
68
|
key: index,
|
|
53
69
|
item: item,
|
|
54
70
|
onPress: onPressItem(item, index)
|
|
55
|
-
})), /*#__PURE__*/React.createElement(CurrentAnimatedItem, {
|
|
56
|
-
currentItem: currentItem
|
|
57
|
-
})), /*#__PURE__*/React.createElement(CurrentAnimatedText, {
|
|
71
|
+
})), /*#__PURE__*/React.createElement(CurrentAnimatedItem, null)), /*#__PURE__*/React.createElement(CurrentAnimatedText, {
|
|
58
72
|
currentItem: currentItem,
|
|
59
73
|
onHeightChange: onTextHeightChange
|
|
60
74
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Svg","Circle","Defs","Marker","Polyline","Use","CurrentAnimatedItem","CurrentAnimatedText","Item","DrawPad","currentItem","doneItems","onPressItem","onTextHeightChange","map","item","index"],"sourceRoot":"../../../../src","sources":["components/DrawCore/DrawPad.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,GAAG,IAAIC,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,GAAG,QAAQ,kBAAkB;AAC3E,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,OAAOC,IAAI,MAAM,QAAQ;AAIzB,MAAMC,OAAO,GAAG,
|
|
1
|
+
{"version":3,"names":["React","Svg","Circle","Defs","Marker","Polyline","Use","CurrentAnimatedItem","CurrentAnimatedText","Item","DrawPad","currentItem","doneItems","onPressItem","onTextHeightChange","addBackground","backgroundColor","map","item","index"],"sourceRoot":"../../../../src","sources":["components/DrawCore/DrawPad.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,GAAG,IAAIC,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,GAAG,QAAQ,kBAAkB;AAC3E,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,OAAOC,IAAI,MAAM,QAAQ;AAIzB,MAAMC,OAAO,GAAG,QAYV;EAAA,IAZW;IACfC,WAAW;IACXC,SAAS;IACTC,WAAW;IACXC,kBAAkB;IAClBC,aAAa,GAAG;EAOlB,CAAC;EACC,oBACE,uDACE,oBAAC,GAAG;IAAC,KAAK,EAAEA,aAAa,GAAG;MAAEC,eAAe,EAAE;IAAQ,CAAC,GAAG;EAAK,gBAC9D,oBAAC,IAAI,qBACH,oBAAC,MAAM;IACL,EAAE,EAAC,oBAAoB;IACvB,IAAI,EAAC,SAAS;IACd,CAAC,EAAE,EAAG;IACN,EAAE,EAAE,CAAE;IACN,EAAE,EAAE,CAAE;IACN,WAAW,EAAE,CAAE;IACf,MAAM,EAAC;EAAO,EACd,eACF,oBAAC,MAAM;IACL,EAAE,EAAC,WAAW;IACd,WAAW,EAAE,aAA6B;IAC1C,IAAI,EAAC,GAAG;IACR,IAAI,EAAC,GAAG;IACR,MAAM,EAAC;EAAM,gBAEb,oBAAC,QAAQ;IACP,MAAM,EAAC,oBAAoB;IAC3B,MAAM,EAAC,gBAAgB;IACvB,aAAa,EAAC,OAAO;IACrB,cAAc,EAAC;EAAO,EACtB,CACK,eACT,oBAAC,MAAM;IACL,EAAE,EAAC,gBAAgB;IACnB,WAAW,EAAE,aAA6B;IAC1C,IAAI,EAAC,GAAG;IACR,IAAI,EAAC,GAAG;IACR,MAAM,EAAC;EAAM,gBAEb,oBAAC,QAAQ;IACP,MAAM,EAAC,kBAAkB;IACzB,MAAM,EAAC,gBAAgB;IACvB,aAAa,EAAC,OAAO;IACrB,cAAc,EAAC;EAAO,EACtB,CACK,eAET,oBAAC,MAAM;IACL,EAAE,EAAC,MAAM;IACT,WAAW,EAAE,aAA6B;IAC1C,IAAI,EAAC,GAAG;IACR,IAAI,EAAC,GAAG;IACR,MAAM,EAAC;EAAM,gBAEb,oBAAC,QAAQ;IACP,MAAM,EAAC,gBAAgB;IACvB,MAAM,EAAC,cAAc;IACrB,aAAa,EAAC,OAAO;IACrB,cAAc,EAAC;EAAO,EACtB,CACK,eAET,oBAAC,MAAM;IACL,EAAE,EAAC,WAAW;IACd,WAAW,EAAE,gBAAgC;IAC7C,IAAI,EAAC,GAAG;IACR,IAAI,EAAC,GAAG;IACR,MAAM,EAAC;EAAM,gBAEb,oBAAC,GAAG;IAAC,IAAI,EAAC;EAAqB,EAAG,CAC3B,CACJ,EAENJ,SAAS,CAACK,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACzB,oBAAC,IAAI;IAAC,GAAG,EAAEA,KAAM;IAAC,IAAI,EAAED,IAAK;IAAC,OAAO,EAAEL,WAAW,CAACK,IAAI,EAAEC,KAAK;EAAE,EACjE,CAAC,eAEF,oBAAC,mBAAmB,OAAG,CACnB,eACN,oBAAC,mBAAmB;IAClB,WAAW,EAAER,WAAY;IACzB,cAAc,EAAEG;EAAmB,EACnC,CACD;AAEP,CAAC;AAED,eAAeJ,OAAO"}
|