@idraw/core 0.4.0-beta.42 → 0.4.0-beta.43
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/dist/esm/index.js +25 -13
- package/dist/index.global.js +60 -15
- package/dist/index.global.min.js +1 -1
- package/package.json +4 -4
package/dist/esm/index.js
CHANGED
|
@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
|
-
var _Core_instances, _Core_board, _Core_canvas, _Core_container, _Core_initContainer;
|
|
23
|
+
var _Core_instances, _Core_board, _Core_canvas, _Core_container, _Core_initContainer, _Core_resetData;
|
|
24
24
|
import { deepClone, createElement, getElementPositionFromList, toFlattenElement, deleteElementInList, findElementFromListByPosition, updateElementInListByPosition, insertElementToListByPosition, moveElementPosition, toFlattenLayout, toFlattenGlobal, get, mergeLayout, mergeGlobal } from '@idraw/util';
|
|
25
25
|
import { Board, Sharer, Calculator } from './board';
|
|
26
26
|
import { createBoardContent, validateElements } from '@idraw/util';
|
|
@@ -84,8 +84,9 @@ export class Core {
|
|
|
84
84
|
__classPrivateFieldGet(this, _Core_board, "f").resetMiddlewareConfig(middleware, config);
|
|
85
85
|
}
|
|
86
86
|
setData(data) {
|
|
87
|
-
|
|
88
|
-
|
|
87
|
+
const loader = __classPrivateFieldGet(this, _Core_board, "f").getRenderer().getLoader();
|
|
88
|
+
loader.reset();
|
|
89
|
+
__classPrivateFieldGet(this, _Core_instances, "m", _Core_resetData).call(this, data);
|
|
89
90
|
}
|
|
90
91
|
getData() {
|
|
91
92
|
return __classPrivateFieldGet(this, _Core_board, "f").getData();
|
|
@@ -161,7 +162,9 @@ export class Core {
|
|
|
161
162
|
const before = toFlattenElement(beforeElem);
|
|
162
163
|
const updatedElement = updateElementInListByPosition(position, element, data.elements, { strict: true });
|
|
163
164
|
const after = toFlattenElement(updatedElement);
|
|
164
|
-
this.
|
|
165
|
+
const loader = __classPrivateFieldGet(this, _Core_board, "f").getRenderer().getLoader();
|
|
166
|
+
loader.resetElementAsset(element);
|
|
167
|
+
__classPrivateFieldGet(this, _Core_instances, "m", _Core_resetData).call(this, data);
|
|
165
168
|
this.refresh();
|
|
166
169
|
const modifyRecord = {
|
|
167
170
|
type: 'updateElement',
|
|
@@ -183,7 +186,9 @@ export class Core {
|
|
|
183
186
|
beforeElement: beforeElem
|
|
184
187
|
});
|
|
185
188
|
updateElementInListByPosition(position, restElement, data.elements);
|
|
186
|
-
this.
|
|
189
|
+
const loader = __classPrivateFieldGet(this, _Core_board, "f").getRenderer().getLoader();
|
|
190
|
+
loader.resetElementAsset(Object.assign(Object.assign({}, element), { type: beforeElem.type }));
|
|
191
|
+
__classPrivateFieldGet(this, _Core_instances, "m", _Core_resetData).call(this, data);
|
|
187
192
|
this.refresh();
|
|
188
193
|
return modifyRecord;
|
|
189
194
|
}
|
|
@@ -218,7 +223,7 @@ export class Core {
|
|
|
218
223
|
after
|
|
219
224
|
}
|
|
220
225
|
};
|
|
221
|
-
this.
|
|
226
|
+
__classPrivateFieldGet(this, _Core_instances, "m", _Core_resetData).call(this, data);
|
|
222
227
|
this.refresh();
|
|
223
228
|
return modifyRecord;
|
|
224
229
|
}
|
|
@@ -238,7 +243,7 @@ export class Core {
|
|
|
238
243
|
time: Date.now(),
|
|
239
244
|
content: { method: 'addElement', uuid: element.uuid, position, element: deepClone(element) }
|
|
240
245
|
};
|
|
241
|
-
this.
|
|
246
|
+
__classPrivateFieldGet(this, _Core_instances, "m", _Core_resetData).call(this, data);
|
|
242
247
|
this.refresh();
|
|
243
248
|
return modifyRecord;
|
|
244
249
|
}
|
|
@@ -251,8 +256,12 @@ export class Core {
|
|
|
251
256
|
time: Date.now(),
|
|
252
257
|
content: { method: 'deleteElement', uuid, position, element: element ? deepClone(element) : null }
|
|
253
258
|
};
|
|
259
|
+
if (element) {
|
|
260
|
+
const loader = __classPrivateFieldGet(this, _Core_board, "f").getRenderer().getLoader();
|
|
261
|
+
loader.resetElementAsset(element);
|
|
262
|
+
}
|
|
254
263
|
deleteElementInList(uuid, data.elements);
|
|
255
|
-
this.
|
|
264
|
+
__classPrivateFieldGet(this, _Core_instances, "m", _Core_resetData).call(this, data);
|
|
256
265
|
this.refresh();
|
|
257
266
|
return modifyRecord;
|
|
258
267
|
}
|
|
@@ -266,7 +275,7 @@ export class Core {
|
|
|
266
275
|
};
|
|
267
276
|
const { elements: list } = moveElementPosition(data.elements, { from, to });
|
|
268
277
|
data.elements = list;
|
|
269
|
-
this.
|
|
278
|
+
__classPrivateFieldGet(this, _Core_instances, "m", _Core_resetData).call(this, data);
|
|
270
279
|
this.refresh();
|
|
271
280
|
return modifyRecord;
|
|
272
281
|
}
|
|
@@ -285,7 +294,7 @@ export class Core {
|
|
|
285
294
|
if (data.layout) {
|
|
286
295
|
modifyRecord.content.before = toFlattenLayout(data.layout);
|
|
287
296
|
delete data['layout'];
|
|
288
|
-
this.
|
|
297
|
+
__classPrivateFieldGet(this, _Core_instances, "m", _Core_resetData).call(this, data);
|
|
289
298
|
this.refresh();
|
|
290
299
|
return modifyRecord;
|
|
291
300
|
}
|
|
@@ -313,7 +322,7 @@ export class Core {
|
|
|
313
322
|
}
|
|
314
323
|
modifyRecord.content.after = after;
|
|
315
324
|
mergeLayout(data.layout, layout);
|
|
316
|
-
this.
|
|
325
|
+
__classPrivateFieldGet(this, _Core_instances, "m", _Core_resetData).call(this, data);
|
|
317
326
|
this.refresh();
|
|
318
327
|
return modifyRecord;
|
|
319
328
|
}
|
|
@@ -332,7 +341,7 @@ export class Core {
|
|
|
332
341
|
if (data.global) {
|
|
333
342
|
modifyRecord.content.before = toFlattenGlobal(data.global);
|
|
334
343
|
delete data['global'];
|
|
335
|
-
this.
|
|
344
|
+
__classPrivateFieldGet(this, _Core_instances, "m", _Core_resetData).call(this, data);
|
|
336
345
|
this.refresh();
|
|
337
346
|
return modifyRecord;
|
|
338
347
|
}
|
|
@@ -355,7 +364,7 @@ export class Core {
|
|
|
355
364
|
}
|
|
356
365
|
modifyRecord.content.after = after;
|
|
357
366
|
mergeGlobal(data.global, global);
|
|
358
|
-
this.
|
|
367
|
+
__classPrivateFieldGet(this, _Core_instances, "m", _Core_resetData).call(this, data);
|
|
359
368
|
this.refresh();
|
|
360
369
|
return modifyRecord;
|
|
361
370
|
}
|
|
@@ -363,4 +372,7 @@ export class Core {
|
|
|
363
372
|
_Core_board = new WeakMap(), _Core_canvas = new WeakMap(), _Core_container = new WeakMap(), _Core_instances = new WeakSet(), _Core_initContainer = function _Core_initContainer() {
|
|
364
373
|
const container = __classPrivateFieldGet(this, _Core_container, "f");
|
|
365
374
|
container.style.position = 'relative';
|
|
375
|
+
}, _Core_resetData = function _Core_resetData(data) {
|
|
376
|
+
validateElements((data === null || data === void 0 ? void 0 : data.elements) || []);
|
|
377
|
+
__classPrivateFieldGet(this, _Core_board, "f").setData(data);
|
|
366
378
|
};
|
package/dist/index.global.js
CHANGED
|
@@ -8,7 +8,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
|
|
|
8
8
|
var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
|
|
9
9
|
var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
|
|
10
10
|
|
|
11
|
-
var _opts, _store, _hasDestroyed, _BoardWatcher_instances, init_fn, _onWheel, _onContextMenu, _onClick, _onPointLeave, _onPointEnd, _onPointMove, _onPointStart, _onHover, isInTarget_fn, getPoint_fn, isVaildPoint_fn, _activeStore, _sharedStore, _opts2, _drawFrameSnapshotQueue, _drawFrameStatus, _Viewer_instances, init_fn2, drawAnimationFrame_fn, _opts3, _middlewareMap, _activeMiddlewareObjs, _watcher, _renderer, _sharer, _viewer, _calculator, _eventHub, _hasDestroyed2, _Board_instances, init_fn3, handlePointStart_fn, handlePointEnd_fn, handlePointMove_fn, handlePointLeave_fn, handleHover_fn, handleDoubleClick_fn, handleContextMenu_fn, handleWheel_fn, handleWheelScale_fn, handleScrollX_fn, handleScrollY_fn, handleResize_fn, handleClear_fn, handleBeforeDrawFrame_fn, handleAfterDrawFrame_fn, resetActiveMiddlewareObjs_fn, _eventHub2, _container, _cursorType, _resizeCursorBaseImage, _cursorImageMap, _Cursor_instances, init_fn4, loadResizeCursorBaseImage_fn, resetCursor_fn, setCursorResize_fn, appendRotateResizeImage_fn, _board, _canvas, _container2, _Core_instances, initContainer_fn;
|
|
11
|
+
var _opts, _store, _hasDestroyed, _BoardWatcher_instances, init_fn, _onWheel, _onContextMenu, _onClick, _onPointLeave, _onPointEnd, _onPointMove, _onPointStart, _onHover, isInTarget_fn, getPoint_fn, isVaildPoint_fn, _activeStore, _sharedStore, _opts2, _drawFrameSnapshotQueue, _drawFrameStatus, _Viewer_instances, init_fn2, drawAnimationFrame_fn, _opts3, _middlewareMap, _activeMiddlewareObjs, _watcher, _renderer, _sharer, _viewer, _calculator, _eventHub, _hasDestroyed2, _Board_instances, init_fn3, handlePointStart_fn, handlePointEnd_fn, handlePointMove_fn, handlePointLeave_fn, handleHover_fn, handleDoubleClick_fn, handleContextMenu_fn, handleWheel_fn, handleWheelScale_fn, handleScrollX_fn, handleScrollY_fn, handleResize_fn, handleClear_fn, handleBeforeDrawFrame_fn, handleAfterDrawFrame_fn, resetActiveMiddlewareObjs_fn, _eventHub2, _container, _cursorType, _resizeCursorBaseImage, _cursorImageMap, _Cursor_instances, init_fn4, loadResizeCursorBaseImage_fn, resetCursor_fn, setCursorResize_fn, appendRotateResizeImage_fn, _board, _canvas, _container2, _Core_instances, initContainer_fn, resetData_fn;
|
|
12
12
|
function isColorStr(color2) {
|
|
13
13
|
return typeof color2 === "string" && (/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(color2) || /^[a-z]{1,}$/i.test(color2));
|
|
14
14
|
}
|
|
@@ -3082,7 +3082,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
|
|
|
3082
3082
|
}
|
|
3083
3083
|
function drawSVG(ctx, elem, opts) {
|
|
3084
3084
|
const content = opts.loader.getContent(elem);
|
|
3085
|
-
const { viewScaleInfo,
|
|
3085
|
+
const { viewScaleInfo, parentOpacity } = opts;
|
|
3086
3086
|
const { x: x2, y: y2, w: w2, h: h2, angle: angle2 } = calcViewElementSize(elem, { viewScaleInfo }) || elem;
|
|
3087
3087
|
rotateElement$1(ctx, { x: x2, y: y2, w: w2, h: h2, angle: angle2 }, () => {
|
|
3088
3088
|
if (!content && !opts.loader.isDestroyed()) {
|
|
@@ -3097,7 +3097,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
|
|
|
3097
3097
|
}
|
|
3098
3098
|
function drawHTML(ctx, elem, opts) {
|
|
3099
3099
|
const content = opts.loader.getContent(elem);
|
|
3100
|
-
const { viewScaleInfo,
|
|
3100
|
+
const { viewScaleInfo, parentOpacity } = opts;
|
|
3101
3101
|
const { x: x2, y: y2, w: w2, h: h2, angle: angle2 } = calcViewElementSize(elem, { viewScaleInfo }) || elem;
|
|
3102
3102
|
rotateElement$1(ctx, { x: x2, y: y2, w: w2, h: h2, angle: angle2 }, () => {
|
|
3103
3103
|
if (!content && !opts.loader.isDestroyed()) {
|
|
@@ -3555,6 +3555,38 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
|
|
|
3555
3555
|
isDestroyed() {
|
|
3556
3556
|
return __classPrivateFieldGet$2(this, _Loader_hasDestroyed, "f");
|
|
3557
3557
|
}
|
|
3558
|
+
reset() {
|
|
3559
|
+
if (__classPrivateFieldGet$2(this, _Loader_hasDestroyed, "f") === true) {
|
|
3560
|
+
return;
|
|
3561
|
+
}
|
|
3562
|
+
__classPrivateFieldSet$2(this, _Loader_currentLoadItemMap, {}, "f");
|
|
3563
|
+
__classPrivateFieldSet$2(this, _Loader_storageLoadItemMap, {}, "f");
|
|
3564
|
+
}
|
|
3565
|
+
resetElementAsset(element) {
|
|
3566
|
+
if (supportElementTypes.includes(element.type)) {
|
|
3567
|
+
let assetId = null;
|
|
3568
|
+
let resource = null;
|
|
3569
|
+
if (element.type === "image" && typeof element.detail.src === "string") {
|
|
3570
|
+
resource = element.detail.src;
|
|
3571
|
+
} else if (element.type === "svg" && typeof element.detail.svg === "string") {
|
|
3572
|
+
resource = element.detail.svg;
|
|
3573
|
+
} else if (element.type === "html" && typeof element.detail.html === "string") {
|
|
3574
|
+
resource = element.detail.html;
|
|
3575
|
+
}
|
|
3576
|
+
if (typeof resource === "string") {
|
|
3577
|
+
this.load(element, {});
|
|
3578
|
+
if (isAssetId(resource)) {
|
|
3579
|
+
assetId = resource;
|
|
3580
|
+
} else if (element.uuid) {
|
|
3581
|
+
assetId = createAssetId(resource, element.uuid);
|
|
3582
|
+
}
|
|
3583
|
+
}
|
|
3584
|
+
if (assetId && isAssetId(assetId)) {
|
|
3585
|
+
delete __classPrivateFieldGet$2(this, _Loader_storageLoadItemMap, "f")[assetId];
|
|
3586
|
+
delete __classPrivateFieldGet$2(this, _Loader_currentLoadItemMap, "f")[assetId];
|
|
3587
|
+
}
|
|
3588
|
+
}
|
|
3589
|
+
}
|
|
3558
3590
|
destroy() {
|
|
3559
3591
|
__classPrivateFieldSet$2(this, _Loader_hasDestroyed, true, "f");
|
|
3560
3592
|
this.clear();
|
|
@@ -9420,8 +9452,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
|
|
|
9420
9452
|
__privateGet(this, _board).resetMiddlewareConfig(middleware, config);
|
|
9421
9453
|
}
|
|
9422
9454
|
setData(data) {
|
|
9423
|
-
|
|
9424
|
-
|
|
9455
|
+
const loader = __privateGet(this, _board).getRenderer().getLoader();
|
|
9456
|
+
loader.reset();
|
|
9457
|
+
__privateMethod(this, _Core_instances, resetData_fn).call(this, data);
|
|
9425
9458
|
}
|
|
9426
9459
|
getData() {
|
|
9427
9460
|
return __privateGet(this, _board).getData();
|
|
@@ -9502,7 +9535,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
|
|
|
9502
9535
|
const before = toFlattenElement(beforeElem);
|
|
9503
9536
|
const updatedElement = updateElementInListByPosition(position, element, data.elements, { strict: true });
|
|
9504
9537
|
const after = toFlattenElement(updatedElement);
|
|
9505
|
-
this.
|
|
9538
|
+
const loader = __privateGet(this, _board).getRenderer().getLoader();
|
|
9539
|
+
loader.resetElementAsset(element);
|
|
9540
|
+
__privateMethod(this, _Core_instances, resetData_fn).call(this, data);
|
|
9506
9541
|
this.refresh();
|
|
9507
9542
|
const modifyRecord = {
|
|
9508
9543
|
type: "updateElement",
|
|
@@ -9524,7 +9559,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
|
|
|
9524
9559
|
beforeElement: beforeElem
|
|
9525
9560
|
});
|
|
9526
9561
|
updateElementInListByPosition(position, restElement, data.elements);
|
|
9527
|
-
this.
|
|
9562
|
+
const loader = __privateGet(this, _board).getRenderer().getLoader();
|
|
9563
|
+
loader.resetElementAsset({ ...element, type: beforeElem.type });
|
|
9564
|
+
__privateMethod(this, _Core_instances, resetData_fn).call(this, data);
|
|
9528
9565
|
this.refresh();
|
|
9529
9566
|
return modifyRecord;
|
|
9530
9567
|
}
|
|
@@ -9565,7 +9602,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
|
|
|
9565
9602
|
after
|
|
9566
9603
|
}
|
|
9567
9604
|
};
|
|
9568
|
-
this.
|
|
9605
|
+
__privateMethod(this, _Core_instances, resetData_fn).call(this, data);
|
|
9569
9606
|
this.refresh();
|
|
9570
9607
|
return modifyRecord;
|
|
9571
9608
|
}
|
|
@@ -9584,7 +9621,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
|
|
|
9584
9621
|
time: Date.now(),
|
|
9585
9622
|
content: { method: "addElement", uuid: element.uuid, position, element: deepClone(element) }
|
|
9586
9623
|
};
|
|
9587
|
-
this.
|
|
9624
|
+
__privateMethod(this, _Core_instances, resetData_fn).call(this, data);
|
|
9588
9625
|
this.refresh();
|
|
9589
9626
|
return modifyRecord;
|
|
9590
9627
|
}
|
|
@@ -9597,8 +9634,12 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
|
|
|
9597
9634
|
time: Date.now(),
|
|
9598
9635
|
content: { method: "deleteElement", uuid, position, element: element ? deepClone(element) : null }
|
|
9599
9636
|
};
|
|
9637
|
+
if (element) {
|
|
9638
|
+
const loader = __privateGet(this, _board).getRenderer().getLoader();
|
|
9639
|
+
loader.resetElementAsset(element);
|
|
9640
|
+
}
|
|
9600
9641
|
deleteElementInList(uuid, data.elements);
|
|
9601
|
-
this.
|
|
9642
|
+
__privateMethod(this, _Core_instances, resetData_fn).call(this, data);
|
|
9602
9643
|
this.refresh();
|
|
9603
9644
|
return modifyRecord;
|
|
9604
9645
|
}
|
|
@@ -9612,7 +9653,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
|
|
|
9612
9653
|
};
|
|
9613
9654
|
const { elements: list } = moveElementPosition(data.elements, { from, to });
|
|
9614
9655
|
data.elements = list;
|
|
9615
|
-
this.
|
|
9656
|
+
__privateMethod(this, _Core_instances, resetData_fn).call(this, data);
|
|
9616
9657
|
this.refresh();
|
|
9617
9658
|
return modifyRecord;
|
|
9618
9659
|
}
|
|
@@ -9631,7 +9672,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
|
|
|
9631
9672
|
if (data.layout) {
|
|
9632
9673
|
modifyRecord.content.before = toFlattenLayout(data.layout);
|
|
9633
9674
|
delete data["layout"];
|
|
9634
|
-
this.
|
|
9675
|
+
__privateMethod(this, _Core_instances, resetData_fn).call(this, data);
|
|
9635
9676
|
this.refresh();
|
|
9636
9677
|
return modifyRecord;
|
|
9637
9678
|
} else {
|
|
@@ -9657,7 +9698,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
|
|
|
9657
9698
|
}
|
|
9658
9699
|
modifyRecord.content.after = after;
|
|
9659
9700
|
mergeLayout(data.layout, layout);
|
|
9660
|
-
this.
|
|
9701
|
+
__privateMethod(this, _Core_instances, resetData_fn).call(this, data);
|
|
9661
9702
|
this.refresh();
|
|
9662
9703
|
return modifyRecord;
|
|
9663
9704
|
}
|
|
@@ -9676,7 +9717,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
|
|
|
9676
9717
|
if (data.global) {
|
|
9677
9718
|
modifyRecord.content.before = toFlattenGlobal(data.global);
|
|
9678
9719
|
delete data["global"];
|
|
9679
|
-
this.
|
|
9720
|
+
__privateMethod(this, _Core_instances, resetData_fn).call(this, data);
|
|
9680
9721
|
this.refresh();
|
|
9681
9722
|
return modifyRecord;
|
|
9682
9723
|
} else {
|
|
@@ -9697,7 +9738,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
|
|
|
9697
9738
|
}
|
|
9698
9739
|
modifyRecord.content.after = after;
|
|
9699
9740
|
mergeGlobal(data.global, global);
|
|
9700
|
-
this.
|
|
9741
|
+
__privateMethod(this, _Core_instances, resetData_fn).call(this, data);
|
|
9701
9742
|
this.refresh();
|
|
9702
9743
|
return modifyRecord;
|
|
9703
9744
|
}
|
|
@@ -9710,6 +9751,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
|
|
|
9710
9751
|
const container = __privateGet(this, _container2);
|
|
9711
9752
|
container.style.position = "relative";
|
|
9712
9753
|
};
|
|
9754
|
+
resetData_fn = function(data) {
|
|
9755
|
+
validateElements((data == null ? void 0 : data.elements) || []);
|
|
9756
|
+
__privateGet(this, _board).setData(data);
|
|
9757
|
+
};
|
|
9713
9758
|
exports.Board = Board;
|
|
9714
9759
|
exports.Calculator = Calculator;
|
|
9715
9760
|
exports.Core = Core;
|
package/dist/index.global.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var iDrawCore=function(e){"use strict";var t,i,o,n,a,r,l,s,h,c,d,u,f,g,v,m,y,p,w,x,S,b,A,I,M,z,R,C,T,P,E,L,k,O,W,D,j,Y,N,B,F,G,V,X,H,Z,Q,U,$,J,K,q,_,ee,te,ie,oe,ne,ae,re,le,se,he,ce,de,ue,fe,ge,ve=e=>{throw TypeError(e)},me=(e,t,i)=>t.has(e)||ve("Cannot "+i),ye=(e,t,i)=>(me(e,t,"read from private field"),i?i.call(e):t.get(e)),pe=(e,t,i)=>t.has(e)?ve("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),we=(e,t,i,o)=>(me(e,t,"write to private field"),o?o.call(e,i):t.set(e,i),i),xe=(e,t,i)=>(me(e,t,"access private method"),i);function Se(e){return"string"==typeof e&&(/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(e)||/^[a-z]{1,}$/i.test(e))}function be(e,t){if(1===t)return e;let i=1;const o=/^#[0-9a-f]{6,6}$/i;let n=e;if(o.test(e)?i=parseInt(e.substring(5,7).replace(/^#/,"0x")):/^#[0-9a-f]{8,8}$/i.test(e)&&(i=parseInt(e.substring(7,9).replace(/^#/,"0x")),n=e.substring(0,7)),i*=t,o.test(n)&&i>0&&i<1){const e=Math.max(0,Math.min(255,Math.ceil(256*i)));n=`${n.toUpperCase()}${e.toString(16).toUpperCase()}`}return n}function Ae(){function e(){return(65536*(1+Math.random())|0).toString(16).substring(1)}return`${e()}${e()}-${e()}-${e()}-${e()}-${e()}${e()}${e()}`}function Ie(e,t){let i=0;for(let t=0;t<e.length;t++)i+=e.charCodeAt(t);return(i+t).toString(16).substring(0,4)}function Me(e,t){const i=e.length,o=function(e){let t=0;for(let i=0;i<e.length;i++)t+=e.charCodeAt(i);return t}(t),n=Math.floor(i/2),a=e.substring(0,4).padStart(4,"0"),r=e.substring(0,4).padStart(4,"0");return`@assets/${Ie(i.toString(16).padStart(4,a),o).padStart(4,"0")}${Ie(e.substring(n-4,n).padStart(4,a),o).padStart(4,"0")}-${Ie(e.substring(n-8,n-4).padStart(4,a),o).padStart(4,"0")}-${Ie(e.substring(n-12,n-8).padStart(4,a),o).padStart(4,"0")}-${Ie(e.substring(n-16,n-12).padStart(4,r),o).padStart(4,"0")}-${Ie(e.substring(n,n+4).padStart(4,r),o).padStart(4,"0")}${Ie(e.substring(n+4,n+8).padStart(4,r),o).padStart(4,"0")}${Ie(r.padStart(4,a).padStart(4,r),o)}`}function ze(e){return function e(t){const i=function(e){return Object.prototype.toString.call(e).replace(/[\]|\[]{1,1}/gi,"").split(" ")[1]}(t);if(["Null","Number","String","Boolean","Undefined"].indexOf(i)>=0)return t;if("Array"===i){const i=[];return t.forEach((t=>{i.push(e(t))})),i}if("Object"===i){const i={};Object.keys(t).forEach((o=>{i[o]=e(t[o])}));return Object.getOwnPropertySymbols(t).forEach((o=>{i[o]=e(t[o])})),i}}(e)}function Re(e){return(Object.prototype.toString.call(e)||"").replace(/(\[object|\])/gi,"").trim()}const Ce={type(e,t){const i=Re(e);return!0===t?i.toLocaleLowerCase():i},array:e=>"Array"===Re(e),json:e=>"Object"===Re(e),function:e=>"Function"===Re(e),asyncFunction:e=>"AsyncFunction"===Re(e),boolean:e=>"Boolean"===Re(e),string:e=>"String"===Re(e),number:e=>"Number"===Re(e),undefined:e=>"Undefined"===Re(e),null:e=>"Null"===Re(e),promise:e=>"Promise"===Re(e)};var Te=function(e,t,i,o){return new(i||(i=Promise))((function(n,a){function r(e){try{s(o.next(e))}catch(e){a(e)}}function l(e){try{s(o.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(r,l)}s((o=o.apply(e,t||[])).next())}))};const{Image:Pe}=window;function Ee(e){return new Promise(((t,i)=>{const o=new Pe;o.crossOrigin="anonymous",o.onload=function(){t(o)},o.onabort=i,o.onerror=i,o.src=e}))}function Le(e){return Te(this,void 0,void 0,(function*(){const t=yield function(e){return new Promise(((t,i)=>{const o=new Blob([e],{type:"image/svg+xml;charset=utf-8"}),n=new FileReader;n.readAsDataURL(o),n.onload=function(e){var i;const o=null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.result;t(o)},n.onerror=function(e){i(e)}}))}(e);return yield Ee(t)}))}function ke(e,t){return Te(this,void 0,void 0,(function*(){e=e.replace(/\&/gi,"&");const i=yield function(e,t){const{width:i,height:o}=t;return new Promise(((t,n)=>{const a=new Blob([`\n <svg \n xmlns="http://www.w3.org/2000/svg" \n width="${i||""}" \n height = "${o||""}">\n <foreignObject width="100%" height="100%">\n <div xmlns = "http://www.w3.org/1999/xhtml">\n ${e}\n </div>\n </foreignObject>\n </svg>\n `],{type:"image/svg+xml;charset=utf-8"}),r=new FileReader;r.readAsDataURL(a),r.onload=function(e){var i;const o=null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.result;t(o)},r.onerror=function(e){n(e)}}))}(e,t);return yield Ee(i)}))}function Oe(e){return"number"==typeof e&&e>=0}function We(e){return"number"==typeof e&&(e>0||e<=0)}function De(e){return"string"==typeof e&&/^(http:\/\/|https:\/\/|\.\/|\/)/.test(`${e}`)}function je(e){return"string"==typeof e&&/^(data:image\/)/.test(`${e}`)}const Ye={positiveNum:Oe,x:function(e){return We(e)},y:function(e){return We(e)},w:function(e){return Oe(e)},h:function(e){return Oe(e)},angle:function(e){return"number"==typeof e&&e>=-360&&e<=360},number:We,numberStr:function(e){return/^(-?\d+(?:\.\d+)?)$/.test(`${e}`)},borderWidth:function(e){return Oe(e)||Array.isArray(e)&&Oe(e[0])&&Oe(e[1])&&Oe(e[2])&&Oe(e[3])},borderRadius:function(e){return Oe(e)||Array.isArray(e)&&Oe(e[0])&&Oe(e[1])&&Oe(e[2])&&Oe(e[3])},color:function(e){return Se(e)},imageSrc:function(e){return je(e)||De(e)},imageURL:De,imageBase64:je,svg:function(e){return"string"==typeof e&&/^(<svg[\s]{1,}|<svg>)/i.test(`${e}`.trim())&&/<\/[\s]{0,}svg>$/i.test(`${e}`.trim())},html:function(e){let t=!1;if("string"==typeof e){let i=document.createElement("div");i.innerHTML=e,i.children.length>0&&(t=!0),i=null}return t},text:function(e){return"string"==typeof e},fontSize:function(e){return We(e)&&e>0},lineHeight:function(e){return We(e)&&e>0},textAlign:function(e){return["center","left","right"].includes(e)},fontFamily:function(e){return"string"==typeof e&&e.length>0},fontWeight:function(e){return["bold"].includes(e)},strokeWidth:function(e){return We(e)&&e>0}};var Ne,Be,Fe=function(e,t,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,i):n?n.value=i:t.set(e,i),i},Ge=function(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)};class Ve{constructor(e,t){Ne.set(this,void 0),Be.set(this,void 0),Fe(this,Ne,e,"f"),Fe(this,Be,Object.assign({devicePixelRatio:1,offscreenCanvas:null},t),"f"),this.$resetFont()}$undoPixelRatio(e){return e/Ge(this,Be,"f").devicePixelRatio}$doPixelRatio(e){return Ge(this,Be,"f").devicePixelRatio*e}$getContext(){return Ge(this,Ne,"f")}$setContext(e){Fe(this,Ne,e,"f")}$setFont(e){const t=[];e.fontWeight&&t.push(`${e.fontWeight}`),t.push(`${this.$doPixelRatio(e.fontSize||12)}px`),t.push(`${e.fontFamily||"sans-serif"}`),Ge(this,Ne,"f").font=`${t.join(" ")}`}$resetFont(){this.$setFont({fontSize:12,fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",fontWeight:"400"})}$getOffscreenCanvas(){return Ge(this,Be,"f").offscreenCanvas}$resize(e){const{width:t,height:i,devicePixelRatio:o,resetStyle:n}=e,{canvas:a}=Ge(this,Ne,"f");a.width=t*o,a.height=i*o,Fe(this,Be,Object.assign(Object.assign({},Ge(this,Be,"f")),{devicePixelRatio:o}),"f"),!0===n&&(a.style.width=`${t}px`,a.style.height=`${i}px`)}$getSize(){const{devicePixelRatio:e}=Ge(this,Be,"f"),{width:t,height:i}=Ge(this,Ne,"f").canvas;return{width:t/e,height:i/e,devicePixelRatio:e}}get canvas(){return Ge(this,Ne,"f").canvas}get fillStyle(){return Ge(this,Ne,"f").fillStyle}set fillStyle(e){Ge(this,Ne,"f").fillStyle=e}get strokeStyle(){return Ge(this,Ne,"f").strokeStyle}set strokeStyle(e){Ge(this,Ne,"f").strokeStyle=e}get lineWidth(){return this.$undoPixelRatio(Ge(this,Ne,"f").lineWidth)}set lineWidth(e){Ge(this,Ne,"f").lineWidth=this.$doPixelRatio(e)}get textAlign(){return Ge(this,Ne,"f").textAlign}set textAlign(e){Ge(this,Ne,"f").textAlign=e}get textBaseline(){return Ge(this,Ne,"f").textBaseline}set textBaseline(e){Ge(this,Ne,"f").textBaseline=e}get globalAlpha(){return Ge(this,Ne,"f").globalAlpha}set globalAlpha(e){Ge(this,Ne,"f").globalAlpha=e}get shadowColor(){return Ge(this,Ne,"f").shadowColor}set shadowColor(e){Ge(this,Ne,"f").shadowColor=e}get shadowOffsetX(){return this.$undoPixelRatio(Ge(this,Ne,"f").shadowOffsetX)}set shadowOffsetX(e){Ge(this,Ne,"f").shadowOffsetX=this.$doPixelRatio(e)}get shadowOffsetY(){return this.$undoPixelRatio(Ge(this,Ne,"f").shadowOffsetY)}set shadowOffsetY(e){Ge(this,Ne,"f").shadowOffsetY=this.$doPixelRatio(e)}get shadowBlur(){return this.$undoPixelRatio(Ge(this,Ne,"f").shadowBlur)}set shadowBlur(e){Ge(this,Ne,"f").shadowBlur=this.$doPixelRatio(e)}get lineCap(){return Ge(this,Ne,"f").lineCap}set lineCap(e){Ge(this,Ne,"f").lineCap=e}get globalCompositeOperation(){return Ge(this,Ne,"f").globalCompositeOperation}set globalCompositeOperation(e){Ge(this,Ne,"f").globalCompositeOperation=e}fill(...e){return Ge(this,Ne,"f").fill(...e)}arc(e,t,i,o,n,a){return Ge(this,Ne,"f").arc(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),o,n,a)}rect(e,t,i,o){return Ge(this,Ne,"f").rect(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}fillRect(e,t,i,o){return Ge(this,Ne,"f").fillRect(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}clearRect(e,t,i,o){return Ge(this,Ne,"f").clearRect(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}beginPath(){return Ge(this,Ne,"f").beginPath()}closePath(){return Ge(this,Ne,"f").closePath()}lineTo(e,t){return Ge(this,Ne,"f").lineTo(this.$doPixelRatio(e),this.$doPixelRatio(t))}moveTo(e,t){return Ge(this,Ne,"f").moveTo(this.$doPixelRatio(e),this.$doPixelRatio(t))}arcTo(e,t,i,o,n){return Ge(this,Ne,"f").arcTo(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(n))}bezierCurveTo(e,t,i,o,n,a){return Ge(this,Ne,"f").bezierCurveTo(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(n),this.$doPixelRatio(a))}quadraticCurveTo(e,t,i,o){return Ge(this,Ne,"f").quadraticCurveTo(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}getLineDash(){return Ge(this,Ne,"f").getLineDash()}setLineDash(e){const t=e.map((e=>this.$doPixelRatio(e)));return Ge(this,Ne,"f").setLineDash(t)}stroke(e){return e?Ge(this,Ne,"f").stroke(e):Ge(this,Ne,"f").stroke()}translate(e,t){return Ge(this,Ne,"f").translate(this.$doPixelRatio(e),this.$doPixelRatio(t))}rotate(e){return Ge(this,Ne,"f").rotate(e)}drawImage(...e){const t=e[0],i=e[1],o=e[2],n=e[3],a=e[4],r=e[e.length-4],l=e[e.length-3],s=e[e.length-2],h=e[e.length-1];return 9===e.length?Ge(this,Ne,"f").drawImage(t,this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(n),this.$doPixelRatio(a),this.$doPixelRatio(r),this.$doPixelRatio(l),this.$doPixelRatio(s),this.$doPixelRatio(h)):Ge(this,Ne,"f").drawImage(t,this.$doPixelRatio(r),this.$doPixelRatio(l),this.$doPixelRatio(s),this.$doPixelRatio(h))}createPattern(e,t){return Ge(this,Ne,"f").createPattern(e,t)}measureText(e){return Ge(this,Ne,"f").measureText(e)}fillText(e,t,i,o){return void 0!==o?Ge(this,Ne,"f").fillText(e,this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o)):Ge(this,Ne,"f").fillText(e,this.$doPixelRatio(t),this.$doPixelRatio(i))}strokeText(e,t,i,o){return void 0!==o?Ge(this,Ne,"f").strokeText(e,this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o)):Ge(this,Ne,"f").strokeText(e,this.$doPixelRatio(t),this.$doPixelRatio(i))}save(){Ge(this,Ne,"f").save()}restore(){Ge(this,Ne,"f").restore()}scale(e,t){Ge(this,Ne,"f").scale(e,t)}circle(e,t,i,o,n,a,r,l){Ge(this,Ne,"f").ellipse(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o),n,a,r,l)}isPointInPath(e,t){return Ge(this,Ne,"f").isPointInPath(this.$doPixelRatio(e),this.$doPixelRatio(t))}clip(...e){return Ge(this,Ne,"f").clip(...e)}setTransform(e,t,i,o,n,a){return Ge(this,Ne,"f").setTransform(e,t,i,o,n,a)}getTransform(){return Ge(this,Ne,"f").getTransform()}createLinearGradient(e,t,i,o){return Ge(this,Ne,"f").createLinearGradient(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}createRadialGradient(e,t,i,o,n,a){return Ge(this,Ne,"f").createRadialGradient(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(n),this.$doPixelRatio(a))}createConicGradient(e,t,i){return Ge(this,Ne,"f").createConicGradient(e,this.$doPixelRatio(t),this.$doPixelRatio(i))}}function Xe(e){const{width:t,height:i,devicePixelRatio:o}=e,n=new OffscreenCanvas(t*o,i*o),a=n.getContext("2d").canvas.getContext("2d");return new Ve(a,{devicePixelRatio:o,offscreenCanvas:n})}function He(e,t){const{width:i,height:o,devicePixelRatio:n}=t,a={width:i,height:o,devicePixelRatio:n},r=e.getContext("2d"),l=Xe(a),s=Xe(a),h=Xe(a),c=function(e){const{width:t,height:i,ctx:o,devicePixelRatio:n}=e;let a=o;if(!a){const e=document.createElement("canvas");e.width=t*n,e.height=i*n,a=e.getContext("2d")}return new Ve(a,e)}(Object.assign({ctx:r},a)),d=Xe(a);return{underlayContext:h,viewContext:l,overlayContext:s,boardContext:c,tempContext:d,drawView:()=>{const{width:e,height:t}=l.$getSize();c.clearRect(0,0,e,t),c.drawImage(h.canvas,0,0,e,t),c.drawImage(l.canvas,0,0,e,t),c.drawImage(s.canvas,0,0,e,t),h.clearRect(0,0,e,t),l.clearRect(0,0,e,t),s.clearRect(0,0,e,t)}}}Ne=new WeakMap,Be=new WeakMap;var Ze,Qe=function(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)};class Ue{constructor(){Ze.set(this,void 0),function(e,t,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");"a"===o?n.call(e,i):n?n.value=i:t.set(e,i)}(this,Ze,new Map,"f")}on(e,t){if(Qe(this,Ze,"f").has(e)){const i=Qe(this,Ze,"f").get(e)||[];null==i||i.push(t),Qe(this,Ze,"f").set(e,i)}else Qe(this,Ze,"f").set(e,[t])}off(e,t){if(Qe(this,Ze,"f").has(e)){const i=Qe(this,Ze,"f").get(e);if(Array.isArray(i))for(let e=0;e<(null==i?void 0:i.length);e++)if(i[e]===t){i.splice(e,1);break}Qe(this,Ze,"f").set(e,i||[])}}trigger(e,t){const i=Qe(this,Ze,"f").get(e);return!!Array.isArray(i)&&(i.forEach((e=>{e(t)})),!0)}has(e){if(Qe(this,Ze,"f").has(e)){const t=Qe(this,Ze,"f").get(e);if(Array.isArray(t)&&t.length>0)return!0}return!1}destroy(){this.clear()}clear(){Qe(this,Ze,"f").clear()}}function $e(e,t){return{x:e.x+(t.x-e.x)/2,y:e.y+(t.y-e.y)/2}}Ze=new WeakMap;var Je,Ke,qe,_e,et,tt=function(e,t,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,i):n?n.value=i:t.set(e,i),i},it=function(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)};class ot{constructor(e){Je.add(this),Ke.set(this,void 0),qe.set(this,void 0),_e.set(this,void 0),tt(this,qe,ze(e.defaultStorage),"f"),tt(this,Ke,it(this,Je,"m",et).call(this),"f"),tt(this,_e,e.defaultStatic||{},"f")}set(e,t){it(this,Ke,"f")[e]=t}get(e){return it(this,Ke,"f")[e]}setStatic(e,t){it(this,_e,"f")[e]=t}getStatic(e){return it(this,_e,"f")[e]}getSnapshot(e){return!0===(null==e?void 0:e.deepClone)?ze(it(this,Ke,"f")):Object.assign({},it(this,Ke,"f"))}clear(){tt(this,Ke,it(this,Je,"m",et).call(this),"f")}destroy(){tt(this,Ke,null,"f"),tt(this,_e,null,"f")}}function nt(e){const{activeStore:t}=e;return{scale:null==t?void 0:t.scale,offsetTop:null==t?void 0:t.offsetTop,offsetBottom:null==t?void 0:t.offsetBottom,offsetLeft:null==t?void 0:t.offsetLeft,offsetRight:null==t?void 0:t.offsetRight}}function at(e){const{activeStore:t}=e;return{devicePixelRatio:t.devicePixelRatio,width:null==t?void 0:t.width,height:null==t?void 0:t.height,contextWidth:null==t?void 0:t.contextWidth,contextHeight:null==t?void 0:t.contextHeight}}function rt(e){return e/180*Math.PI}function lt(e,t,i,o){const n=rt(t||0);i&&(n>0||n<0)&&(e.translate(i.x,i.y),e.rotate(n),e.translate(-i.x,-i.y)),o(e),i&&(n>0||n<0)&&(e.translate(i.x,i.y),e.rotate(-n),e.translate(-i.x,-i.y))}function st(e,t,i){const o=ht(t);lt(e,t.angle||0,o,(()=>{i(e)}))}function ht(e){return{x:e.x+e.w/2,y:e.y+e.h/2}}function ct(e){const t=Math.min(e[0].x,e[1].x,e[2].x,e[3].x),i=Math.min(e[0].y,e[1].y,e[2].y,e[3].y);return ht({x:t,y:i,w:Math.max(e[0].x,e[1].x,e[2].x,e[3].x)-t,h:Math.max(e[0].y,e[1].y,e[2].y,e[3].y)-i})}function dt(e,t){const i=t.x-e.x,o=t.y-e.y;if(0===i){if(o<0)return 0;if(o>0)return Math.PI}else if(0===o){if(i<0)return 3*Math.PI/2;if(i>0)return Math.PI/2}return i>0&&o<0?Math.atan(Math.abs(i)/Math.abs(o)):i>0&&o>0?Math.PI-Math.atan(Math.abs(i)/Math.abs(o)):i<0&&o>0?Math.PI+Math.atan(Math.abs(i)/Math.abs(o)):i<0&&o<0?2*Math.PI-Math.atan(Math.abs(i)/Math.abs(o)):0}function ut(e,t,i){let o=dt(e,t)+i;o>2*Math.PI?o-=2*Math.PI:o<0-2*Math.PI&&(o+=2*Math.PI),o<0&&(o+=2*Math.PI);const n=function(e,t){const i=(e.x-t.x)*(e.x-t.x)+(e.y-t.y)*(e.y-t.y);return 0===i?i:Math.sqrt(i)}(e,t);let a=0,r=0;return 0===o?(a=0,r=0-n):o>0&&o<Math.PI/2?(a=Math.sin(o)*n,r=0-Math.cos(o)*n):o===Math.PI/2?(a=n,r=0):o>Math.PI/2&&o<Math.PI?(a=Math.sin(Math.PI-o)*n,r=Math.cos(Math.PI-o)*n):o===Math.PI?(a=0,r=n):o>Math.PI&&o<1.5*Math.PI?(a=0-Math.sin(o-Math.PI)*n,r=Math.cos(o-Math.PI)*n):o===1.5*Math.PI?(a=0-n,r=0):o>1.5*Math.PI&&o<2*Math.PI?(a=0-Math.sin(2*Math.PI-o)*n,r=0-Math.cos(2*Math.PI-o)*n):o===2*Math.PI&&(a=0,r=0-n),a+=e.x,r+=e.y,{x:a,y:r}}function ft(e,t){if((null==t?void 0:t.length)>0){let i=e.x,o=e.y;return t.forEach((e=>{const{x:t,y:n,w:a,h:r,angle:l=0}=e,s=ut(ht({x:t,y:n,w:a,h:r}),{x:i,y:o},rt(l));i=s.x,o=s.y})),{x:i,y:o}}return e}function gt(e,t,i){const{x:o,y:n,w:a,h:r}=e;let l={x:o,y:n},s={x:o+a,y:n},h={x:o+a,y:n+r},c={x:o,y:n+r};if(i&&(i>0||i<0)){const e=rt(yt(i));l=ut(t,l,e),s=ut(t,s,e),h=ut(t,h,e),c=ut(t,c,e)}return[l,s,h,c]}function vt(e){const{angle:t=0}=e;return gt(e,ht(e),t)}function mt(e,t,i){return[ut(e,{x:t[0].x,y:t[0].y},i),ut(e,{x:t[1].x,y:t[1].y},i),ut(e,{x:t[2].x,y:t[2].y},i),ut(e,{x:t[3].x,y:t[3].y},i)]}function yt(e){if(!(e>0||e<0)||0===e||360===e)return 0;let t=e%360;return t<0?t+=360:360===e&&(t=0),t}function pt(e){let t=!0;if(Array.isArray(e)){const i=[];e.forEach((e=>{var o;"string"==typeof e.uuid&&e.uuid?i.includes(e.uuid)?(t=!1,console.warn(`Duplicate uuids: ${e.uuid}`)):i.push(e.uuid):(t=!1,console.warn("Element missing uuid",e)),"group"===e.type&&(t=pt(null===(o=null==e?void 0:e.detail)||void 0===o?void 0:o.children))}))}return t}function wt(e,t){const i={x:0,y:0,w:0,h:0};e.forEach((e=>{const t={x:e.x,y:e.y,w:e.w,h:e.h,angle:e.angle};if(t.angle&&(t.angle>0||t.angle<0)){const e=vt(t);if(4===e.length){const i=[e[0].x,e[1].x,e[2].x,e[3].x],o=[e[0].y,e[1].y,e[2].y,e[3].y];t.x=Math.min(...i),t.y=Math.min(...o),t.w=Math.abs(Math.max(...i)-Math.min(...i)),t.h=Math.abs(Math.max(...o)-Math.min(...o))}}const o=Math.min(t.x,i.x),n=Math.min(t.y,i.y),a=Math.max(t.x+t.w,i.x+i.w),r=Math.max(t.y+t.h,i.y+i.h);i.x=o,i.y=n,i.w=Math.abs(a-o),i.h=Math.abs(r-n)})),(null==t?void 0:t.extend)&&(i.x=Math.min(i.x,0),i.y=Math.min(i.y,0));const o={contextWidth:i.w,contextHeight:i.h};return(null==t?void 0:t.viewWidth)&&(null==t?void 0:t.viewHeight)&&(null==t?void 0:t.viewWidth)>0&&(null==t?void 0:t.viewHeight)>0&&(t.viewWidth>i.x+i.w&&(o.contextWidth=t.viewWidth-i.x),t.viewHeight>i.y+i.h&&(o.contextHeight=t.viewHeight-i.y)),o}function xt(e,t){var i;const o=[];let n=e;if(t.length>1)for(let e=0;e<t.length-1;e++){const a=n[t[e]];if("group"!==(null==a?void 0:a.type)||!Array.isArray(null===(i=null==a?void 0:a.detail)||void 0===i?void 0:i.children))return null;o.push(a),n=a.detail.children}return o}function St(e){const{x:t,y:i,w:o,h:n,angle:a}=e;return{x:t,y:i,w:o,h:n,angle:a}}function bt(e,t){let i=null,o=t;for(let t=0;t<e.length;t++){const n=o[e[t]];if(t<e.length-1&&"group"===(null==n?void 0:n.type))o=n.detail.children;else{if(t!==e.length-1)break;i=n}}return i}function At(e,t){const i=[];let o=!1;const n=t=>{var a;for(let r=0;r<t.length&&!0!==o;r++){i.push(r);const l=t[r];if(l.uuid===e){o=!0;break}if("group"===l.type&&n((null===(a=null==l?void 0:l.detail)||void 0===a?void 0:a.children)||[]),o)break;i.pop()}};return n(t),i}function It(e){const{x:t,y:i,h:o,w:n}=e;return[{x:t,y:i},{x:t+n,y:i},{x:t+n,y:i+o},{x:t,y:i+o}]}function Mt(e){const{x:t,y:i,w:o,h:n,angle:a=0}=e;return 0===a?It(e):gt(e,ht({x:t,y:i,w:o,h:n}),a)}function zt(e){const t=[];let i=0,o=0;const n=[],a=[...e];for(let e=0;e<a.length;e++){const{x:r,y:l,w:s,h:h,angle:c=0}=a[e];let d;if(i+=r,o+=l,0===e){const e={x:i,y:o,w:s,h:h};d=Mt({x:r,y:l,w:s,h:h,angle:c}),n.push({center:ht(e),angle:c,radian:rt(c)})}else{d=It({x:i,y:o,w:s,h:h});for(let e=0;e<n.length;e++){const{center:t,radian:i}=n[e];d=mt(t,d,i)}const e=ct(d);if(c>0||c<0){d=mt(e,d,rt(c))}n.push({center:e,angle:c,radian:rt(c)})}t.push(d)}return t}function Rt(e,t){const i=function(e,t){const{groupQueue:i}=t;return i.length>0?zt([...i,e]):[Mt(e)]}(e,t);return i.pop()||null}function Ct(e,t){const{viewScaleInfo:i}=t,{x:o,y:n,w:a,h:r,angle:l}=e,{scale:s,offsetTop:h,offsetLeft:c}=i;return{x:o*s+c,y:n*s+h,w:a*s,h:r*s,angle:l}}function Tt(e,t){const{viewScaleInfo:i}=t,{x:o,y:n}=e,{scale:a,offsetTop:r,offsetLeft:l}=i;return{x:o*a+l,y:n*a+r}}function Pt(e,t){return[Tt(e[0],t),Tt(e[1],t),Tt(e[2],t),Tt(e[3],t)]}function Et(e,t){const{context2d:i,element:o,viewScaleInfo:n}=t,{angle:a=0}=o,{x:r,y:l,w:s,h:h}=Ct(o,{viewScaleInfo:n}),c=vt({x:r,y:l,w:s,h:h,angle:a});if(c.length>=2){i.beginPath(),i.moveTo(c[0].x,c[0].y);for(let e=1;e<c.length;e++)i.lineTo(c[e].x,c[e].y);i.closePath()}return!!i.isPointInPath(e.x,e.y)}function Lt(e,t,i){const o=[t[0].x,t[1].x,t[2].x,t[3].x],n=[t[0].y,t[1].y,t[2].y,t[3].y],a=Math.min(...o),r=Math.max(...o),l=Math.min(...n),s=Math.max(...n);return e.x>a&&e.x<r&&e.y>l&&e.y<s}function kt(e,t){const{groupQueue:i}=t,o=Rt(e,{groupQueue:i}),n=$e(o[0],o[1]),a=$e(o[1],o[2]),r=$e(o[2],o[3]),l=$e(o[3],o[0]),s=o[0],h=o[1],c=o[2],d=o[3],u=Math.max(s.x,h.x,c.x,d.x),f=Math.max(s.y,h.y,c.y,d.y);return{center:{x:(u+Math.min(s.x,h.x,c.x,d.x))/2,y:(f+Math.min(s.y,h.y,c.y,d.y))/2},topLeft:s,topRight:h,bottomLeft:d,bottomRight:c,top:n,right:a,left:l,bottom:r}}function Ot(e){const t=Math.max(e.topLeft.x,e.topRight.x,e.bottomRight.x,e.bottomLeft.x),i=Math.max(e.topLeft.y,e.topRight.y,e.bottomRight.y,e.bottomLeft.y),o=Math.min(e.topLeft.x,e.topRight.x,e.bottomRight.x,e.bottomLeft.x),n=Math.min(e.topLeft.y,e.topRight.y,e.bottomRight.y,e.bottomLeft.y),a={x:e.center.x,y:e.center.y},r={x:o,y:n},l={x:t,y:n},s={x:t,y:i},h={x:o,y:i},c=$e(r,l),d=$e(h,s),u=$e(r,h);return{center:a,topLeft:r,topRight:l,bottomLeft:h,bottomRight:s,top:c,right:$e(l,s),left:u,bottom:d}}function Wt(e,t){const{x:i,y:o}=e,{size:n,angle:a}=t;return{x:i-n/2,y:o-n/2,w:n,h:n,angle:a}}function Dt(e,t){const{groupQueue:i,controllerSize:o,viewScaleInfo:n,rotateControllerSize:a,rotateControllerPosition:r}=t,l=(o&&o>0?o:8)/n.scale,{x:s,y:h,w:c,h:d,angle:u=0}=e,f=a,g=r,v=[{uuid:Ae(),x:s,y:h,w:c,h:d,angle:u,type:"group",detail:{children:[]}},...i];let m=0;v.forEach((({angle:e=0})=>{m+=e}));const y=Rt(e,{groupQueue:i}),p=Rt({x:s,y:h-(g+f/2)/n.scale,h:d+(2*g+f)/n.scale,w:c,angle:u},{groupQueue:[...i]}),w=$e(y[0],y[1]),x=$e(y[1],y[2]),S=$e(y[2],y[3]),b=$e(y[3],y[0]),A=y[0],I=y[1],M=y[2],z=y[3],R=Wt(w,{size:l,angle:m}),C=Wt(x,{size:l,angle:m}),T=Wt(S,{size:l,angle:m}),P=Wt(b,{size:l,angle:m}),E=Wt(A,{size:l,angle:m}),L=Wt(I,{size:l,angle:m}),k=Wt(z,{size:l,angle:m}),O=Wt(M,{size:l,angle:m}),W=Mt(E),D=Mt(L),j=Mt(k),Y=Mt(O),N=[W[1],D[0],D[3],W[2]],B=[D[3],D[2],Y[1],Y[0]],F=[j[1],Y[0],Y[3],j[2]],G=[W[3],W[2],j[1],j[0]],V=Mt(R),X=Mt(C),H=Mt(T),Z=Mt(P),Q=$e(p[0],p[1]),U=Mt(Wt(Q,{size:1.1*a/n.scale,angle:m}));return{originalElementCenter:ht(e),originalElementSize:Object.assign({},e),elementWrapper:y,left:{type:"left",vertexes:G,center:b,size:l},right:{type:"right",vertexes:B,center:x,size:l},top:{type:"top",vertexes:N,center:w,size:l},bottom:{type:"bottom",vertexes:F,center:S,size:l},topLeft:{type:"top-left",vertexes:W,center:A,size:l},topRight:{type:"top-right",vertexes:D,center:I,size:l},bottomLeft:{type:"bottom-left",vertexes:j,center:z,size:l},bottomRight:{type:"bottom-right",vertexes:Y,center:M,size:l},leftMiddle:{type:"left-middle",vertexes:Z,center:b,size:l},rightMiddle:{type:"right-middle",vertexes:X,center:x,size:l},topMiddle:{type:"top-middle",vertexes:V,center:w,size:l},bottomMiddle:{type:"bottom-middle",vertexes:H,center:S,size:l},rotate:{type:"rotate",vertexes:U,center:Q,size:a}}}function jt(e,t){const{controllerSize:i,viewScaleInfo:o}=t,n=i&&i>0?i:8,{x:a,y:r,w:l,h:s}=Ct(e,{viewScaleInfo:o}),h=ht({x:a,y:r,w:l,h:s}),c={x:h.x,y:r},d={x:a+l,y:h.y},u={x:h.x,y:r+s},f={x:a,y:h.y},g={x:a,y:r},v={x:a+l,y:r},m={x:a+l,y:r+s},y={x:a,y:r+s},p=Wt(c,{size:n,angle:0}),w=Wt(d,{size:n,angle:0}),x=Wt(u,{size:n,angle:0}),S=Wt(f,{size:n,angle:0}),b=Wt(g,{size:n,angle:0}),A=Wt(v,{size:n,angle:0}),I=Wt(y,{size:n,angle:0}),M=Wt(m,{size:n,angle:0}),z=Mt(b),R=Mt(A),C=Mt(I),T=Mt(M),P=[z[1],R[0],R[3],z[2]],E=[R[3],R[2],T[1],T[0]],L=[C[1],T[0],T[3],C[2]],k=[z[3],z[2],C[1],C[0]],O=Mt(p),W=Mt(w),D=Mt(x);return{left:{type:"left",vertexes:k,center:f,size:n},right:{type:"right",vertexes:E,center:d,size:n},top:{type:"top",vertexes:P,center:c,size:n},bottom:{type:"bottom",vertexes:L,center:u,size:n},topLeft:{type:"top-left",vertexes:z,center:g,size:n},topRight:{type:"top-right",vertexes:R,center:v,size:n},bottomLeft:{type:"bottom-left",vertexes:C,center:y,size:n},bottomRight:{type:"bottom-right",vertexes:T,center:m,size:n},leftMiddle:{type:"left-middle",vertexes:Mt(S),center:f,size:n},rightMiddle:{type:"right-middle",vertexes:W,center:d,size:n},topMiddle:{type:"top-middle",vertexes:O,center:c,size:n},bottomMiddle:{type:"bottom-middle",vertexes:D,center:u,size:n}}}function Yt(e){let t="";return e.forEach((e=>{t+=e.type+e.params.join(" ")})),t}function Nt(e,t){let i=2;return void 0!==(null==t?void 0:t.decimalPlaces)&&(null==t?void 0:t.decimalPlaces)>=0&&(i=t.decimalPlaces),parseFloat(e.toFixed(i))}Ke=new WeakMap,qe=new WeakMap,_e=new WeakMap,Je=new WeakSet,et=function(){return ze(it(this,qe,"f"))};const Bt="Text Element";const Ft={boxSizing:"border-box",borderWidth:0,borderColor:"#000000",shadowColor:"#000000",borderRadius:0,borderDash:[],shadowOffsetX:0,shadowOffsetY:0,shadowBlur:0,opacity:1,color:"#000000",textAlign:"left",verticalAlign:"top",fontSize:16,fontFamily:"sans-serif",fontWeight:400,minInlineSize:"auto",wordBreak:"break-all",overflow:"hidden"};function Gt(e,t){const{viewScaleInfo:i}=t,{scale:o}=i;let{borderRadius:n}=e.detail;const{borderDash:a}=e.detail,r=Array.isArray(a)&&a.length>0,{boxSizing:l=Ft.boxSizing,borderWidth:s}=e.detail;Array.isArray(s)&&(n=0);let{x:h,y:c,w:d,h:u}=e,f=[0,0,0,0];if("number"==typeof n){const e=n*o;f=[e,e,e,e]}else Array.isArray(n)&&4===(null==n?void 0:n.length)&&(f=[n[0]*o,n[1]*o,n[2]*o,n[3]*o]);let g=0;return"number"==typeof s&&(g=(s||0)*o),"border-box"!==l||r?"content-box"===l?(h=e.x-g/2,c=e.y-g/2,d=e.w+g,u=e.h+g):(h=e.x,c=e.y,d=e.w,u=e.h):(h=e.x+g/2,c=e.y+g/2,d=e.w-g,u=e.h-g),d=Math.max(d,1),u=Math.max(u,1),f=f.map((e=>Math.min(e,d/2,u/2))),{x:h,y:c,w:d,h:u,radiusList:f}}function Vt(e,t="",i={},o){return Object.keys(e).forEach((n=>{var a;const r=t?`${t}${function(e){return/^\d+$/.test(e)&&!isNaN(Number(e))}(n)?`[${n}]`:`.${n}`}`:n;if(!(null===(a=null==o?void 0:o.ignorePaths)||void 0===a?void 0:a.includes(r))){const t=e[n];!function(e){return"object"==typeof e&&null!==e&&!(e instanceof Date)||Array.isArray(e)}(t)?i[r]=t:Vt(t,(Array.isArray(t),r),i,o)}})),i}function Xt(e,t){return"object"!=typeof e||null===e?{"":e}:Vt(e,"",{},t)}function Ht(e){return Xt(e,{ignorePaths:["detail.children"]})}function Zt(e){return Xt(e)}function Qt(e){return Xt(e)}function Ut(e){return Array.isArray(e)?[...e]:e.split(/\.|\[|\]/).filter((e=>""!==e))}function $t(e,t,i){if(!t)return;const o=Ut(t);let n=e;for(const e of o){if(null==n)return i;n=n[e]}return void 0!==n?n:i}function Jt(e,t,i){const o=Ut(t);if(0===o.length)return e;let n=e;if(n)for(let e=0;e<o.length;e++){const t=o[e];if(e===o.length-1){n[t]=i;break}if(n&&(void 0===(null==n?void 0:n[t])||"object"!=typeof(null==n?void 0:n[t])||null===(null==n?void 0:n[t]))){const i=o[e+1],a=/^\d+$/.test(i);n[t]=a?[]:{}}n=null==n?void 0:n[t]}return e}function Kt(e,t){const i=Ut(t);if(0===i.length)return e;let o=e;if(o)for(let e=0;e<i.length;e++){const t=i[e];if(e===i.length-1){delete o[t];break}if(o&&(void 0===(null==o?void 0:o[t])||"object"!=typeof(null==o?void 0:o[t])||null===(null==o?void 0:o[t]))){const n=i[e+1],a=/^\d+$/.test(n);o[t]=a?[]:{}}o=null==o?void 0:o[t]}return e}const qt=e=>Nt(e,{decimalPlaces:4});function _t(e,t){const{detail:i}=e,{xRatio:o,yRatio:n,maxRatio:a}=t,r=(o+n)/2,{borderWidth:l,borderRadius:s,borderDash:h,shadowOffsetX:c,shadowOffsetY:d,shadowBlur:u}=i;if("number"==typeof l)i.borderWidth=qt(l*r);else if(Array.isArray(i.borderWidth)){const e=l;i.borderWidth=[qt(e[0]*n),qt(e[1]*o),qt(e[2]*n),qt(e[3]*o)]}if("number"==typeof s)i.borderRadius=qt(s*r);else if(Array.isArray(i.borderRadius)){const e=s;i.borderRadius=[e[0]*o,e[1]*o,e[2]*n,e[3]*n]}Array.isArray(h)&&h.forEach(((e,t)=>{i.borderDash[t]=qt(e*a)})),"number"==typeof c&&(i.shadowOffsetX=qt(c*a)),"number"==typeof d&&(i.shadowOffsetX=qt(d*a)),"number"==typeof u&&(i.shadowOffsetX=qt(u*a))}function ei(e,t){const{type:i}=e;!function(e,t){const{xRatio:i,yRatio:o}=t,{x:n,y:a,w:r,h:l}=e;e.x=qt(n*i),e.y=qt(a*o),e.w=qt(r*i),e.h=qt(l*o),_t(e,t)}(e,t),"circle"===i||("text"===i?function(e,t){const{minRatio:i,maxRatio:o}=t,{fontSize:n,lineHeight:a}=e.detail,r=(i+o)/2;n&&n>0&&(e.detail.fontSize=qt(n*r)),a&&a>0&&(e.detail.lineHeight=qt(a*r))}(e,t):"image"===i||"svg"===i||"html"===i||"path"===i||"group"===i&&Array.isArray(e.detail.children)&&e.detail.children.forEach((e=>{ei(e,t)})))}function ti(e,t){const i=t.w&&t.w>0?t.w:e.w,o=t.h&&t.h>0?t.h:e.h,n=i/e.w,a=o/e.h;if(n===a&&1===n)return e;const r=Math.min(n,a),l=Math.max(n,a);e.w=i,e.h=o;const s={xRatio:n,yRatio:a,minRatio:r,maxRatio:l};return"group"===e.type&&Array.isArray(e.detail.children)&&e.detail.children.forEach((e=>{ei(e,s)})),_t(e,s),e}function ii(e,t,i){const o=function(e,t){let i=0,o=0,n=200,a=200;if(t){const{viewScaleInfo:r,viewSizeInfo:l}=t,{scale:s,offsetLeft:h,offsetTop:c}=r,{width:d,height:u}=l,f=d/4,g=u/4;n=200>=f?f/s:200/s,a=200>=g?g/s:200/s,["circle","svg","image"].includes(e)?n=a=Math.max(n,a):"text"===e&&(a=n/12*2),i=(0-h+d/2-n*s/2)/s,o=(0-c+u/2-a*s/2)/s}return{x:i,y:o,w:n,h:a}}(e,i);let n={};"rect"===e?n={background:"#D9D9D9"}:"circle"===e?n={background:"#D9D9D9",radius:0}:"text"===e?n=function(e){const t={boxSizing:"border-box",borderWidth:0,borderColor:"#000000",shadowColor:"#000000",borderRadius:0,borderDash:[],shadowOffsetX:0,shadowOffsetY:0,shadowBlur:0,opacity:1,color:"#000000",textAlign:"left",verticalAlign:"top",fontSize:16,fontFamily:"sans-serif",fontWeight:400,minInlineSize:"auto",wordBreak:"break-all",overflow:"hidden"};return{text:Bt,color:t.color,fontFamily:t.fontFamily,fontWeight:t.fontWeight,lineHeight:e.w/12,fontSize:e.w/12,textAlign:"center",verticalAlign:"middle"}}(o):"svg"===e?n={svg:'<svg t="1701004189871" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3-12.3 12.7-12.1 32.9 0.6 45.3l183.7 179.1-43.4 252.9c-1.2 6.9-0.1 14.1 3.2 20.3 8.2 15.6 27.6 21.7 43.2 13.4L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z" fill="#2c2c2c"></path></svg>'}:"image"===e?n={src:"data:image/svg+xml;base64,PHN2ZyAgIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjxwYXRoIGQ9Ik05MjggMTYwSDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY2NDBjMCAxNy43IDE0LjMgMzIgMzIgMzJoODMyYzE3LjcgMCAzMi0xNC4zIDMyLTMyVjE5MmMwLTE3LjctMTQuMy0zMi0zMi0zMnogbS00MCA2MzJIMTM2di0zOS45bDEzOC41LTE2NC4zIDE1MC4xIDE3OEw2NTguMSA0ODkgODg4IDc2MS42Vjc5MnogbTAtMTI5LjhMNjY0LjIgMzk2LjhjLTMuMi0zLjgtOS0zLjgtMTIuMiAwTDQyNC42IDY2Ni40bC0xNDQtMTcwLjdjLTMuMi0zLjgtOS0zLjgtMTIuMiAwTDEzNiA2NTIuN1YyMzJoNzUydjQzMC4yeiIgIGZpbGw9IiM1MTUxNTEiPjwvcGF0aD48cGF0aCBkPSJNMzA0IDQ1NmM0OC42IDAgODgtMzkuNCA4OC04OHMtMzkuNC04OC04OC04OC04OCAzOS40LTg4IDg4IDM5LjQgODggODggODh6IG0wLTExNmMxNS41IDAgMjggMTIuNSAyOCAyOHMtMTIuNSAyOC0yOCAyOC0yOC0xMi41LTI4LTI4IDEyLjUtMjggMjgtMjh6IiAgZmlsbD0iIzUxNTE1MSI+PC9wYXRoPjwvc3ZnPg=="}:"group"===e&&(n={children:[],background:"#D9D9D9",overflow:"hidden"});return Object.assign(Object.assign(Object.assign({uuid:Ae()},o),t),{type:e,detail:Object.assign(Object.assign({},n),t.detail||{})})}function oi(e,t,i){let o=!1;if(1===t.length){const n=t[0];i.splice(n,0,e),o=!0}else if(t.length>1){let n=i;for(let i=0;i<t.length;i++){const a=n[t[i]];if(i===t.length-1){const a=t[i];n.splice(a,0,e),o=!0}else{if(!(i<t.length-1&&"group"===a.type))break;n=a.detail.children}}}return o}function ni(e,t){let i=!1;if(1===e.length){const o=e[0];t.splice(o,1),i=!0}else if(e.length>1){let o=t;for(let t=0;t<e.length;t++){const n=o[e[t]];if(t===e.length-1){const n=e[t];o.splice(n,1),i=!0}else{if(!(t<e.length-1&&"group"===n.type))break;o=n.detail.children}}}return i}function ai(e,t,i){const o=Ht(t),n=["uuid","type"],a=Object.keys(o);if(a.forEach((t=>{if(!n.includes(t)){const i=o[t];Kt(e,t),void 0!==i&&Jt(e,t,i)}})),!0===(null==i?void 0:i.strict)){const t=Ht(e);Object.keys(t).forEach((t=>{n.includes(t)||a.includes(t)||Kt(e,t)}))}return e}function ri(e,t,i){var o,n;let a=null;for(let r=0;r<i.length;r++){const l=i[r];if(l.uuid===e){"group"===l.type&&!0===(null===(o=l.operations)||void 0===o?void 0:o.deepResize)&&(t.w&&t.w>0||t.h&&t.h>0)&&ti(l,{w:t.w,h:t.h}),ai(l,t),a=l;break}"group"===l.type&&(a=ri(e,t,(null===(n=null==l?void 0:l.detail)||void 0===n?void 0:n.children)||[]))}return a}function li(e,t,i,o){var n;const a=bt(e,i);return a&&("group"===a.type&&!0===(null===(n=a.operations)||void 0===n?void 0:n.deepResize)&&(t.w&&t.w>0||t.h&&t.h>0)&&ti(a,{w:t.w,h:t.h}),ai(a,t,o)),a}const si=["-apple-system",'"system-ui"',' "Segoe UI"'," Roboto",'"Helvetica Neue"',"Arial",'"Noto Sans"'," sans-serif"];function hi(e){return[e,...si].join(", ")}function ci(e,t,i){if("string"==typeof t)return t;const{viewElementSize:o,viewScaleInfo:n,opacity:a=1}=i,{x:r,y:l}=o,{scale:s}=n;if("linear-gradient"===(null==t?void 0:t.type)){const{start:i,end:o,stops:n}=t,h={x:r+i.x*s,y:l+i.y*s},c={x:r+o.x*s,y:l+o.y*s},d=e.createLinearGradient(h.x,h.y,c.x,c.y);return n.forEach((e=>{d.addColorStop(e.offset,be(e.color,a))})),d}if("radial-gradient"===(null==t?void 0:t.type)){const{inner:i,outer:o,stops:n}=t,h={x:r+i.x*s,y:l+i.y*s,radius:i.radius*s},c={x:r+o.x*s,y:l+o.y*s,radius:o.radius*s},d=e.createRadialGradient(h.x,h.y,h.radius,c.x,c.y,c.radius);return n.forEach((e=>{d.addColorStop(e.offset,be(e.color,a))})),d}return"#000000"}const di={boxSizing:"border-box",borderWidth:0,borderColor:"#000000",shadowColor:"#000000",borderRadius:0,borderDash:[],shadowOffsetX:0,shadowOffsetY:0,shadowBlur:0,opacity:1,color:"#000000",textAlign:"left",verticalAlign:"top",fontSize:16,fontFamily:"sans-serif",fontWeight:400,minInlineSize:"auto",wordBreak:"break-all",overflow:"hidden"};function ui(e){var t,i,o,n;let a=1;return void 0!==(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.opacity)&&(null===(i=null==e?void 0:e.detail)||void 0===i?void 0:i.opacity)>=0&&(null===(o=null==e?void 0:e.detail)||void 0===o?void 0:o.opacity)<=1&&(a=null===(n=null==e?void 0:e.detail)||void 0===n?void 0:n.opacity),a}function fi(e,t,i){const{pattern:o,renderContent:n,originElem:a,calcElemSize:r,viewScaleInfo:l,viewSizeInfo:s}=i||{},{parentOpacity:h}=i,c=ui(a)*h,{clipPath:d,clipPathStrokeColor:u,clipPathStrokeWidth:f}=a.detail,g=()=>{e.globalAlpha=c,gi(e,t,{pattern:o,viewScaleInfo:l,viewSizeInfo:s}),null==n||n(),vi(e,t,{viewScaleInfo:l}),e.globalAlpha=h};d?(function(e,t,i){const{renderContent:o,originElem:n,calcElemSize:a,viewSizeInfo:r}=i,l=r.devicePixelRatio,{clipPath:s}=(null==n?void 0:n.detail)||{};if(s&&a&&s.commands){const{x:i,y:n,w:r,h:h}=a,{originW:c,originH:d,originX:u,originY:f}=s,g=r/c,v=h/d,m=i-u*g,y=n-f*v;e.save(),e.translate(m,y),e.scale(l*g,l*v);const p=Yt(s.commands||[]),w=new Path2D(p);e.clip(w,"nonzero"),e.translate(0-m,0-y),e.setTransform(1,0,0,1,0,0),st(e,Object.assign({},t),(()=>{null==o||o()})),e.restore()}else null==o||o()}(e,t,{originElem:a,calcElemSize:r,viewSizeInfo:s,renderContent:()=>{g()}}),"number"==typeof f&&f>0&&u&&function(e,t,i){const{renderContent:o,originElem:n,calcElemSize:a,viewSizeInfo:r,parentOpacity:l}=i,s=r.devicePixelRatio,{clipPath:h,clipPathStrokeColor:c,clipPathStrokeWidth:d}=(null==n?void 0:n.detail)||{};if(h&&a&&h.commands&&"number"==typeof d&&d>0&&c){const{x:i,y:n,w:r,h:u}=a,{originW:f,originH:g,originX:v,originY:m}=h,y=r/f,p=u/g,w=i-v*y,x=n-m*p;e.save(),e.globalAlpha=l,e.translate(w,x),e.scale(s*y,s*p);const S=Yt(h.commands||[]),b=new Path2D(S);e.strokeStyle=c,e.lineWidth=d,e.stroke(b),e.translate(0-w,0-x),e.setTransform(1,0,0,1,0,0),st(e,Object.assign({},t),(()=>{null==o||o()})),e.restore()}else null==o||o()}(e,t,{originElem:a,calcElemSize:r,viewSizeInfo:s,parentOpacity:h})):g()}function gi(e,t,i){var o,n;const{pattern:a,viewScaleInfo:r,viewSizeInfo:l}=i,s=[];if(t.detail.background||a){const{x:i,y:l,w:h,h:c,radiusList:d}=Gt(t,{viewScaleInfo:r});if(e.beginPath(),e.moveTo(i+d[0],l),e.arcTo(i+h,l,i+h,l+c,d[1]),e.arcTo(i+h,l+c,i,l+c,d[2]),e.arcTo(i,l+c,i,l,d[3]),e.arcTo(i,l,i+h,l,d[0]),e.closePath(),"string"==typeof a)e.fillStyle=a;else if(["CanvasPattern"].includes(Ce.type(a)))e.fillStyle=a;else if("string"==typeof t.detail.background)e.fillStyle=t.detail.background;else if("linear-gradient"===(null===(o=t.detail.background)||void 0===o?void 0:o.type)){const o=ci(e,t.detail.background,{viewElementSize:{x:i,y:l,w:h,h:c},viewScaleInfo:r,opacity:e.globalAlpha});e.fillStyle=o}else if("radial-gradient"===(null===(n=t.detail.background)||void 0===n?void 0:n.type)){const o=ci(e,t.detail.background,{viewElementSize:{x:i,y:l,w:h,h:c},viewScaleInfo:r,opacity:e.globalAlpha});if(e.fillStyle=o,s&&s.length>0)for(let t=0;t<(null==s?void 0:s.length);t++){const o=s[t];"translate"===o.method?e.translate(o.args[0]+i,o.args[1]+l):"rotate"===o.method?e.rotate(...o.args):"scale"===o.method&&e.scale(...o.args)}}e.fill("nonzero"),s&&s.length>0&&e.setTransform(1,0,0,1,0,0)}}function vi(e,t,i){if(0===t.detail.borderWidth)return;if(!Se(t.detail.borderColor))return;const{viewScaleInfo:o}=i,{scale:n}=o;let a=di.borderColor;!0===Se(t.detail.borderColor)&&(a=t.detail.borderColor);const{borderDash:r,borderWidth:l,borderRadius:s,boxSizing:h=di.boxSizing}=t.detail;let c=[];Array.isArray(r)&&r.length>0&&(c=r.map((e=>Math.ceil(e*n)))),c.length>0?e.lineCap="butt":e.lineCap="square";let d=[0,0,0,0];if("number"==typeof s){const e=s*n;d=[e,e,e,e]}else Array.isArray(s)&&4===(null==s?void 0:s.length)&&(d=[s[0]*n,s[1]*n,s[2]*n,s[3]*n]);let u=0;"number"==typeof l&&(u=l||1),u*=n,e.strokeStyle=a;let f=0,g=0,v=0,m=0;if(Array.isArray(l)&&(f=(l[0]||0)*n,g=(l[1]||0)*n,v=(l[2]||0)*n,m=(l[3]||0)*n),m||g||f||v){e.lineCap="butt";let{x:i,y:o,w:n,h:a}=t;"border-box"===h?(i+=m/2,o+=f/2,n=n-m/2-g/2,a=a-f/2-v/2):"content-box"===h?(i-=m/2,o-=f/2,n=n+m/2+g/2,a=a+f/2+v/2):(i=t.x,o=t.y,n=t.w,a=t.h),f&&(e.beginPath(),e.lineWidth=f,e.moveTo(i-m/2,o),e.lineTo(i+n+g/2,o),e.closePath(),e.stroke()),g&&(e.beginPath(),e.lineWidth=g,e.moveTo(i+n,o-f/2),e.lineTo(i+n,o+a+v/2),e.closePath(),e.stroke()),v&&(e.beginPath(),e.lineWidth=v,e.moveTo(i-m/2,o+a),e.lineTo(i+n+g/2,o+a),e.closePath(),e.stroke()),m&&(e.beginPath(),e.lineWidth=m,e.moveTo(i,o-f/2),e.lineTo(i,o+a+v/2),e.closePath(),e.stroke())}else{let{x:i,y:o,w:n,h:a}=t;"border-box"===h?(i=t.x+u/2,o=t.y+u/2,n=t.w-u,a=t.h-u):"content-box"===h?(i=t.x-u/2,o=t.y-u/2,n=t.w+u,a=t.h+u):(i=t.x,o=t.y,n=t.w,a=t.h),n=Math.max(n,1),a=Math.max(a,1),d=d.map((e=>Math.min(e,n/2,a/2))),e.setLineDash(c),e.lineWidth=u,e.beginPath(),e.moveTo(i+d[0],o),e.arcTo(i+n,o,i+n,o+a,d[1]),e.arcTo(i+n,o+a,i,o+a,d[2]),e.arcTo(i,o+a,i,o,d[3]),e.arcTo(i,o,i+n,o,d[0]),e.closePath(),e.stroke()}e.setLineDash([])}function mi(e,t,i){const{detail:o}=t,{viewScaleInfo:n,renderContent:a}=i,{shadowColor:r,shadowOffsetX:l,shadowOffsetY:s,shadowBlur:h}=o;Ye.number(h)?(e.save(),e.shadowColor=r||di.shadowColor,e.shadowOffsetX=(l||0)*n.scale,e.shadowOffsetY=(s||0)*n.scale,e.shadowBlur=(h||0)*n.scale,a(),e.restore()):(e.save(),e.shadowColor="transparent",e.shadowOffsetX=0,e.shadowOffsetY=0,e.shadowBlur=0,a(),e.restore())}const yi={boxSizing:"border-box",borderWidth:0,borderColor:"#000000",shadowColor:"#000000",borderRadius:0,borderDash:[],shadowOffsetX:0,shadowOffsetY:0,shadowBlur:0,opacity:1,color:"#000000",textAlign:"left",verticalAlign:"top",fontSize:16,fontFamily:"sans-serif",fontWeight:400,minInlineSize:"auto",wordBreak:"break-all",overflow:"hidden"};function pi(e,t,i){var o,n;const{detail:a}=t,{originX:r,originY:l,originW:s,originH:h,fillRule:c}=a,{viewScaleInfo:d,viewSizeInfo:u,parentOpacity:f}=i,{x:g,y:v,w:m,h:y,angle:p}=Ct(t,{viewScaleInfo:d})||t,w=m/s,x=y/h,S=g-r*w,b=v-l*x,A=t.detail,{clipPath:I,clipPathStrokeColor:M,clipPathStrokeWidth:z}=A,R=function(e,t){var i={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(i[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(i[o[n]]=e[o[n]])}return i}(A,["clipPath","clipPathStrokeColor","clipPathStrokeWidth"]),C=d.scale*u.devicePixelRatio,T=Object.assign(Object.assign({},t),{x:g,y:v,w:m,h:y,angle:p});let P=Object.assign({},T);P.detail=R;let E=Object.assign({},t);E.detail=R,a.fill&&"string"!==a.fill&&(null===(n=null===(o=a.fill)||void 0===o?void 0:o.type)||void 0===n?void 0:n.includes("gradient"))&&(P=Object.assign(Object.assign({},T),{detail:Object.assign(Object.assign({},T.detail),{background:a.fill,clipPath:{commands:a.commands,originX:r,originY:l,originW:s,originH:h}})}),E.detail=Object.assign({},P.detail)),st(e,{x:g,y:v,w:m,h:y,angle:p},(()=>{fi(e,P,{originElem:E,calcElemSize:{x:g,y:v,w:m,h:y,angle:p},viewScaleInfo:d,viewSizeInfo:u,parentOpacity:f,renderContent:()=>{mi(e,T,{viewScaleInfo:d,renderContent:()=>{e.save(),e.translate(S,b),e.scale(C*w/d.scale,C*x/d.scale);const t=Yt(a.commands||[]),i=new Path2D(t);a.fill&&("string"==typeof a.fill?e.fillStyle=a.fill:e.fillStyle="transparent"),a.fill&&e.fill(i,c||"nonzero"),a.stroke&&0!==a.strokeWidth&&(e.strokeStyle=a.stroke,e.lineWidth=(a.strokeWidth||1)/u.devicePixelRatio,e.lineCap=a.strokeLineCap||"square",e.stroke(i)),e.translate(-S,-b),e.restore()}})}})}))}function wi(e,t,i){var o,n,a;if(!0===(null===(o=null==t?void 0:t.operations)||void 0===o?void 0:o.invisible))return;const{w:r,h:l}=t,{scale:s}=i.viewScaleInfo;if(s<1&&(r*s<.4||l*s<.4)||0===i.parentOpacity)return;const{overrideElementMap:h}=i;if(!(null===(a=null===(n=null==h?void 0:h[t.uuid])||void 0===n?void 0:n.operations)||void 0===a?void 0:a.invisible))try{switch(t.type){case"rect":!function(e,t,i){const{viewScaleInfo:o,viewSizeInfo:n,parentOpacity:a}=i,{x:r,y:l,w:s,h:h,angle:c}=Ct(t,{viewScaleInfo:o})||t,d=Object.assign(Object.assign({},t),{x:r,y:l,w:s,h:h,angle:c});st(e,{x:r,y:l,w:s,h:h,angle:c},(()=>{mi(e,d,{viewScaleInfo:o,renderContent:()=>{fi(e,d,{originElem:t,calcElemSize:{x:r,y:l,w:s,h:h,angle:c},viewScaleInfo:o,viewSizeInfo:n,parentOpacity:a,renderContent:()=>{}})}})}))}(e,t,i);break;case"circle":!function(e,t,i){const{detail:o,angle:n}=t,{viewScaleInfo:a,viewSizeInfo:r,parentOpacity:l}=i,{background:s="#000000",borderColor:h="#000000",boxSizing:c,borderWidth:d=0,borderDash:u}=o;let f=0;"number"==typeof d&&d>0?f=d:Array.isArray(d)&&"number"==typeof d[0]&&d[0]>0&&(f=d[0]),f*=a.scale;const{x:g,y:v,w:m,h:y}=Ct({x:t.x,y:t.y,w:t.w,h:t.h},{viewScaleInfo:a})||t,p=Object.assign(Object.assign({},t),{x:g,y:v,w:m,h:y,angle:n});st(e,{x:g,y:v,w:m,h:y,angle:n},(()=>{mi(e,p,{viewScaleInfo:a,renderContent:()=>{let t=m/2,i=y/2;const o=g+t,n=v+i,r=t,d=i;if(f>0&&("content-box"===c||("center-line"===c?(t-=f/2,i-=f/2):(t-=f,i-=f))),t>=0&&i>=0){const c=ui(p)*l;e.globalAlpha=c,e.beginPath();const w=ci(e,s,{viewElementSize:{x:g,y:v,w:m,h:y},viewScaleInfo:a,opacity:e.globalAlpha});if(e.fillStyle=w,e.circle(o,n,r,d,0,0,2*Math.PI),e.closePath(),e.fill("nonzero"),e.globalAlpha=l,"number"==typeof f&&f>0){const r=f/2+t,l=f/2+i;if(e.beginPath(),u){const t=u.map((e=>e*a.scale));e.setLineDash(t)}e.strokeStyle=h,e.lineWidth=f,e.circle(o,n,r,l,0,0,2*Math.PI),e.closePath(),e.stroke(),e.setLineDash([])}}}})}))}(e,t,i);break;case"text":!function(e,t,i){const{viewScaleInfo:o,viewSizeInfo:n,parentOpacity:a,calculator:r}=i,{x:l,y:s,w:h,h:c,angle:d}=Ct(t,{viewScaleInfo:o})||t,u=Object.assign(Object.assign({},t),{x:l,y:s,w:h,h:c,angle:d});st(e,{x:l,y:s,w:h,h:c,angle:d},(()=>{var i,f;mi(e,u,{viewScaleInfo:o,renderContent:()=>{fi(e,u,{originElem:t,calcElemSize:{x:l,y:s,w:h,h:c,angle:d},viewScaleInfo:o,viewSizeInfo:n,parentOpacity:a})}});{const n=Object.assign(Object.assign({},yi),t.detail),a=(n.fontSize||yi.fontSize)*o.scale;if(a<2)return;e.fillStyle=t.detail.color||yi.color,e.textBaseline="top",e.$setFont({fontWeight:n.fontWeight,fontSize:a,fontFamily:hi(n.fontFamily)});{const a=r.getVirtualFlatItem(t.uuid);Array.isArray(null==a?void 0:a.textLines)&&(null===(i=null==a?void 0:a.textLines)||void 0===i?void 0:i.length)>0&&(void 0!==n.textShadowColor&&Se(n.textShadowColor)&&(e.shadowColor=n.textShadowColor),void 0!==n.textShadowOffsetX&&Ye.number(n.textShadowOffsetX)&&(e.shadowOffsetX=n.textShadowOffsetX),void 0!==n.textShadowOffsetY&&Ye.number(n.textShadowOffsetY)&&(e.shadowOffsetY=n.textShadowOffsetY),void 0!==n.textShadowBlur&&Ye.number(n.textShadowBlur)&&(e.shadowBlur=n.textShadowBlur),null===(f=null==a?void 0:a.textLines)||void 0===f||f.forEach((t=>{e.fillText(t.text,l+t.x*o.scale,s+t.y*o.scale)})))}}}))}(e,t,i);break;case"image":!function(e,t,i){const o=i.loader.getContent(t),{viewScaleInfo:n,viewSizeInfo:a,parentOpacity:r}=i,{x:l,y:s,w:h,h:c,angle:d}=Ct(t,{viewScaleInfo:n})||t,u=Object.assign(Object.assign({},t),{x:l,y:s,w:h,h:c,angle:d});st(e,{x:l,y:s,w:h,h:c,angle:d},(()=>{mi(e,u,{viewScaleInfo:n,renderContent:()=>{fi(e,u,{originElem:t,calcElemSize:{x:l,y:s,w:h,h:c,angle:d},viewScaleInfo:n,viewSizeInfo:a,parentOpacity:r,renderContent:()=>{if(o||i.loader.isDestroyed()||i.loader.load(t,i.elementAssets||{}),"image"===t.type&&o){e.globalAlpha=ui(t)*r;const{x:i,y:a,w:l,h:s,radiusList:h}=Gt(u,{viewScaleInfo:n}),{detail:c}=t,{scaleMode:d,originW:f=0,originH:g=0}=c,v=e.$undoPixelRatio(f),m=e.$undoPixelRatio(g);if(e.save(),e.fillStyle="transparent",e.beginPath(),e.moveTo(i+h[0],a),e.arcTo(i+l,a,i+l,a+s,h[1]),e.arcTo(i+l,a+s,i,a+s,h[2]),e.arcTo(i,a+s,i,a,h[3]),e.arcTo(i,a,i+l,a,h[0]),e.closePath(),e.fill("nonzero"),e.clip("nonzero"),d&&g&&f){let n=0,r=0,h=v,c=m;const u=i,f=a,g=l,y=s;if(v>t.w||m>t.h)if("fill"===d){const e=Math.max(t.w/v,t.h/m),i=m*e;n=(v*e-t.w)/2/e,r=(i-t.h)/2/e,h=t.w/e,c=t.h/e}else if("tile"===d)n=0,r=0,h=t.w,c=t.h;else if("fit"===d){const e=Math.min(t.w/v,t.h/m);n=(v-t.w/e)/2,r=(m-t.h/e)/2,h=t.w/e,c=t.h/e}e.drawImage(o,n,r,h,c,u,f,g,y)}else e.drawImage(o,i,a,l,s);e.globalAlpha=r,e.restore()}}})}})}))}(e,t,i);break;case"svg":!function(e,t,i){const o=i.loader.getContent(t),{viewScaleInfo:n,viewSizeInfo:a,parentOpacity:r}=i,{x:l,y:s,w:h,h:c,angle:d}=Ct(t,{viewScaleInfo:n})||t;st(e,{x:l,y:s,w:h,h:c,angle:d},(()=>{o||i.loader.isDestroyed()||i.loader.load(t,i.elementAssets||{}),"svg"===t.type&&o&&(e.globalAlpha=ui(t)*r,e.drawImage(o,l,s,h,c),e.globalAlpha=r)}))}(e,t,i);break;case"html":!function(e,t,i){const o=i.loader.getContent(t),{viewScaleInfo:n,viewSizeInfo:a,parentOpacity:r}=i,{x:l,y:s,w:h,h:c,angle:d}=Ct(t,{viewScaleInfo:n})||t;st(e,{x:l,y:s,w:h,h:c,angle:d},(()=>{o||i.loader.isDestroyed()||i.loader.load(t,i.elementAssets||{}),"html"===t.type&&o&&(e.globalAlpha=ui(t)*r,e.drawImage(o,l,s,h,c),e.globalAlpha=r)}))}(e,t,i);break;case"path":pi(e,t,i);break;case"group":{const o=Object.assign(Object.assign({},i.elementAssets||{}),t.detail.assets||{});!function(e,t,i){const{viewScaleInfo:o,viewSizeInfo:n,parentOpacity:a}=i,{x:r,y:l,w:s,h:h,angle:c}=Ct({x:t.x,y:t.y,w:t.w,h:t.h,angle:t.angle},{viewScaleInfo:o})||t,d=Object.assign(Object.assign({},t),{x:r,y:l,w:s,h:h,angle:c});st(e,{x:r,y:l,w:s,h:h,angle:c},(()=>{e.globalAlpha=ui(t)*a,mi(e,d,{viewScaleInfo:o,renderContent:()=>{fi(e,d,{originElem:t,calcElemSize:{x:r,y:l,w:s,h:h,angle:c},viewScaleInfo:o,viewSizeInfo:n,parentOpacity:a,renderContent:()=>{const{x:n,y:r,w:l,h:s,radiusList:h}=Gt(d,{viewScaleInfo:o});if("hidden"===t.detail.overflow&&(e.save(),e.fillStyle="transparent",e.beginPath(),e.moveTo(n+h[0],r),e.arcTo(n+l,r,n+l,r+s,h[1]),e.arcTo(n+l,r+s,n,r+s,h[2]),e.arcTo(n,r+s,n,r,h[3]),e.arcTo(n,r,n+l,r,h[0]),e.closePath(),e.fill("nonzero"),e.clip("nonzero")),Array.isArray(t.detail.children)){const{parentElementSize:o}=i,n={x:o.x+t.x,y:o.y+t.y,w:t.w||o.w,h:t.h||o.h,angle:t.angle},{calculator:r}=i;for(let o=0;o<t.detail.children.length;o++){let l=t.detail.children[o];if(l=Object.assign(Object.assign({},l),{x:n.x+l.x,y:n.y+l.y}),!0===i.forceDrawAll||(null==r?void 0:r.needRender(l)))try{wi(e,l,Object.assign(Object.assign({},i),{parentOpacity:a*ui(t)}))}catch(e){console.error(e)}}}"hidden"===t.detail.overflow&&e.restore()}})}}),e.globalAlpha=a}))}(e,t,Object.assign(Object.assign({},i),{elementAssets:o}));break}}}catch(e){console.error(e)}}const xi={boxSizing:"border-box",borderWidth:0,borderColor:"#000000",shadowColor:"#000000",borderRadius:0,borderDash:[],shadowOffsetX:0,shadowOffsetY:0,shadowBlur:0,opacity:1,color:"#000000",textAlign:"left",verticalAlign:"top",fontSize:16,fontFamily:"sans-serif",fontWeight:400,minInlineSize:"auto",wordBreak:"break-all",overflow:"hidden"};function Si(e,t,i){var o;const{elements:n=[]}=t,{parentOpacity:a}=i;for(let t=0;t<n.length;t++){const r=n[t],l=Object.assign(Object.assign({},r),{detail:Object.assign(Object.assign({},xi),null==r?void 0:r.detail)});if(!0===i.forceDrawAll||(null===(o=i.calculator)||void 0===o?void 0:o.needRender(l)))try{wi(e,l,Object.assign(Object.assign({},i),{parentOpacity:a}))}catch(e){console.error(e)}}}var bi,Ai,Ii,Mi,zi,Ri,Ci,Ti,Pi,Ei,Li,ki,Oi=function(e,t,i,o){return new(i||(i=Promise))((function(n,a){function r(e){try{s(o.next(e))}catch(e){a(e)}}function l(e){try{s(o.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(r,l)}s((o=o.apply(e,t||[])).next())}))},Wi=function(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)},Di=function(e,t,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,i):n?n.value=i:t.set(e,i),i};const ji=["image","svg","html"],Yi=e=>{var t,i,o;let n=null;return"image"===e.type?n=(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.src)||null:"svg"===e.type?n=(null===(i=null==e?void 0:e.detail)||void 0===i?void 0:i.svg)||null:"html"===e.type&&(n=(null===(o=null==e?void 0:e.detail)||void 0===o?void 0:o.html)||null),"string"==typeof n&&n?/^@assets\/[0-9a-z-]{0,}$/.test(`${n}`)?n:Me(n,e.uuid):Me(`${Ae()}-${e.uuid}-${Ae()}-${Ae()}`,e.uuid)};class Ni extends Ue{constructor(){super(),bi.add(this),Ai.set(this,{}),Ii.set(this,{}),Mi.set(this,{}),zi.set(this,!1),Wi(this,bi,"m",Ri).call(this,"image",((e,t)=>Oi(this,void 0,void 0,(function*(){var i;const o=(null===(i=t[e.detail.src])||void 0===i?void 0:i.value)||e.detail.src,n=yield Ee(o);return{uuid:e.uuid,lastModified:Date.now(),content:n}})))),Wi(this,bi,"m",Ri).call(this,"html",((e,t)=>Oi(this,void 0,void 0,(function*(){var i;const o=(null===(i=t[e.detail.html])||void 0===i?void 0:i.value)||e.detail.html,n=yield ke(o,{width:e.detail.originW||e.w,height:e.detail.originH||e.h});return{uuid:e.uuid,lastModified:Date.now(),content:n}})))),Wi(this,bi,"m",Ri).call(this,"svg",((e,t)=>Oi(this,void 0,void 0,(function*(){var i;const o=(null===(i=t[e.detail.svg])||void 0===i?void 0:i.value)||e.detail.svg,n=yield Le(o);return{uuid:e.uuid,lastModified:Date.now(),content:n}}))))}isDestroyed(){return Wi(this,zi,"f")}destroy(){Di(this,zi,!0,"f"),this.clear(),Di(this,Ai,null,"f"),Di(this,Ii,null,"f"),Di(this,Mi,null,"f")}load(e,t){!0!==Wi(this,zi,"f")&&(Wi(this,bi,"m",ki).call(this,e)||ji.includes(e.type)&&Wi(this,bi,"m",Li).call(this,e,t))}getContent(e){var t,i;const o=Yi(e);return(null===(i=null===(t=Wi(this,Mi,"f"))||void 0===t?void 0:t[o])||void 0===i?void 0:i.content)||null}getLoadItemMap(){return Wi(this,Mi,"f")}setLoadItemMap(e){Di(this,Mi,e,"f")}}Ai=new WeakMap,Ii=new WeakMap,Mi=new WeakMap,zi=new WeakMap,bi=new WeakSet,Ri=function(e,t){Wi(this,Ai,"f")[e]=t},Ci=function(e){var t,i,o;let n=null;return"image"===e.type?n=(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.src)||null:"svg"===e.type?n=(null===(i=null==e?void 0:e.detail)||void 0===i?void 0:i.svg)||null:"html"===e.type&&(n=(null===(o=null==e?void 0:e.detail)||void 0===o?void 0:o.html)||null),n},Ti=function(e){return{element:e,status:"null",content:null,error:null,startTime:-1,endTime:-1,source:Wi(this,bi,"m",Ci).call(this,e)}},Pi=function(e){const t=Yi(e.element),i=Wi(this,Mi,"f")[t];Wi(this,zi,"f")||(i?i.startTime<e.startTime&&(Wi(this,Mi,"f")[t]=e,this.trigger("load",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime}))):(Wi(this,Mi,"f")[t]=e,this.trigger("load",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime}))))},Ei=function(e){var t;const i=Yi(e.element),o=null===(t=Wi(this,Mi,"f"))||void 0===t?void 0:t[i];Wi(this,zi,"f")||(o?o.startTime<e.startTime&&(Wi(this,Mi,"f")[i]=e,this.trigger("error",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime}))):(Wi(this,Mi,"f")[i]=e,this.trigger("error",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime}))))},Li=function(e,t){const i=Wi(this,bi,"m",Ti).call(this,e),o=Yi(e);if(Wi(this,Ii,"f")[o])return;Wi(this,Ii,"f")[o]=i;const n=Wi(this,Ai,"f")[e.type];"function"!=typeof n||Wi(this,zi,"f")||(i.startTime=Date.now(),n(e,t).then((e=>{Wi(this,zi,"f")||(i.content=e.content,i.endTime=Date.now(),i.status="load",Wi(this,bi,"m",Pi).call(this,i))})).catch((t=>{console.warn(`Load element source "${i.source}" fail`,t,e),i.endTime=Date.now(),i.status="error",i.error=t,Wi(this,bi,"m",Ei).call(this,i)})))},ki=function(e){var t;const i=Yi(e),o=null===(t=Wi(this,Ii,"f"))||void 0===t?void 0:t[i];return!(!o||"error"!==o.status||!o.source||o.source!==Wi(this,bi,"m",Ci).call(this,e))};const Bi={boxSizing:"border-box",borderWidth:0,borderColor:"#000000",shadowColor:"#000000",borderRadius:0,borderDash:[],shadowOffsetX:0,shadowOffsetY:0,shadowBlur:0,opacity:1,color:"#000000",textAlign:"left",verticalAlign:"top",fontSize:16,fontFamily:"sans-serif",fontWeight:400,minInlineSize:"auto",wordBreak:"break-all",overflow:"hidden"};function Fi(e,t){const{w:i,h:o}=e,n=t.tempContext,a=[],r=Object.assign(Object.assign({},Bi),e.detail),l=r.fontSize||Bi.fontSize,s=l;if(s<2)return{};const h=r.lineHeight||l;n.textBaseline="top",n.$setFont({fontWeight:r.fontWeight,fontSize:s,fontFamily:hi(r.fontFamily)});let c=r.text.replace(/\r\n/gi,"\n");"lowercase"===r.textTransform?c=c.toLowerCase():"uppercase"===r.textTransform&&(c=c.toUpperCase());const d=h,u=c.split("\n");let f=0;u.forEach(((e,t)=>{if("maxContent"===r.minInlineSize)a.push({x:0,y:0,text:e,width:n.$undoPixelRatio(n.measureText(e).width)});else{let h="",c="",g=e.split(c);if("normal"===r.wordBreak){c=" ";const t=e.split(c);g=[],t.forEach(((e,i)=>{g.push(e),i<t.length-1&&g.push(c)}))}if(1===g.length&&"visible"===r.overflow)a.push({x:0,y:0,text:g[0],width:n.$undoPixelRatio(n.measureText(g[0]).width)});else if(g.length>0){for(let e=0;e<g.length&&(l=n.$doPixelRatio(i),s=n.measureText(h+g[e]).width,l>=s?h+=g[e]||"":(a.push({x:0,y:0,text:h,width:n.$undoPixelRatio(n.measureText(h).width)}),h=g[e]||"",f++),!((f+1)*d>o&&"hidden"===r.overflow));e++)if(g.length-1===e&&(f+1)*d<=o){a.push({x:0,y:0,text:h,width:n.$undoPixelRatio(n.measureText(h).width)}),t<u.length-1&&f++;break}}else a.push({x:0,y:0,text:"",width:0})}var l,s}));let g=0,v=0;d>s&&(v=(d-s)/2),a.length*d<o&&("top"===r.verticalAlign?g=0:"bottom"===r.verticalAlign?g+=o-a.length*d:g+=(o-a.length*d)/2);{const e=0+g;a.forEach(((t,o)=>{let n=0;"center"===r.textAlign?n=0+(i-t.width)/2:"right"===r.textAlign&&(n=i-t.width+0),a[o].x=n,a[o].y=e+d*o+v}))}return{textLines:a}}function Gi(e,t){let i={};return"text"===e.type&&(i=Fi(e,t)),i}function Vi(e,t){const{viewScaleInfo:i,viewSizeInfo:o,tempContext:n}=t,a=function(e,t){const i={},o=[],n=a=>{const r={type:a.type,isVisibleInView:!0,position:[...o]};let l=null;l=kt(a,{groupQueue:xt(e,o)||[]});const s=Object.assign(Object.assign(Object.assign({},r),{originRectInfo:l,rangeRectInfo:Ye.angle(a.angle)?Ot(l):l}),Gi(a,t));i[a.uuid]=s,"group"===a.type&&a.detail.children.forEach(((e,t)=>{o.push(t),n(e),o.pop()}))};return e.forEach(((e,t)=>{o.push(t),n(e),o.pop()})),i}(e,{tempContext:n});return Xi(a,{viewScaleInfo:i,viewSizeInfo:o})}function Xi(e,t){const i=function(e){const{viewScaleInfo:t,viewSizeInfo:i}=e,{scale:o,offsetTop:n,offsetLeft:a}=t,{width:r,height:l}=i,s=0-a/o,h=0-n/o,c=r/o,d=l/o,u=ht({x:s,y:h,w:c,h:d}),f={x:s,y:h},g={x:s+c,y:h},v={x:s,y:h+d},m={x:s+c,y:h+d},y={x:s,y:u.y},p={x:u.x,y:h},w={x:s+c,y:u.y},x={x:u.x,y:h+d};return{center:u,topLeft:f,topRight:g,bottomLeft:v,bottomRight:m,left:y,top:p,right:w,bottom:x}}(t);let o=0,n=0;return Object.keys(e).forEach((t=>{const a=e[t];a.isVisibleInView=function(e,t){const i=Math.min(e.topLeft.x,e.topRight.x,e.bottomLeft.x,e.bottomRight.x),o=Math.max(e.topLeft.x,e.topRight.x,e.bottomLeft.x,e.bottomRight.x),n=Math.min(e.topLeft.y,e.topRight.y,e.bottomLeft.y,e.bottomRight.y),a=Math.max(e.topLeft.y,e.topRight.y,e.bottomLeft.y,e.bottomRight.y),r=Math.min(t.topLeft.x,t.topRight.x,t.bottomLeft.x,t.bottomRight.x),l=Math.max(t.topLeft.x,t.topRight.x,t.bottomLeft.x,t.bottomRight.x),s=Math.min(t.topLeft.y,t.topRight.y,t.bottomLeft.y,t.bottomRight.y),h=Math.max(t.topLeft.y,t.topRight.y,t.bottomLeft.y,t.bottomRight.y);return i<=l&&o>=r&&n<=h&&a>=s||l<=a&&l>=a&&l<=a&&l>=a}(a.rangeRectInfo,i),a.isVisibleInView?o++:n++})),{virtualFlatItemMap:e,visibleCount:o,invisibleCount:n}}var Hi,Zi,Qi=function(e,t,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,i):n?n.value=i:t.set(e,i),i},Ui=function(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)};class $i{constructor(e){Hi.set(this,void 0),Zi.set(this,void 0),Qi(this,Hi,e,"f"),Qi(this,Zi,new ot({defaultStorage:{virtualFlatItemMap:{},visibleCount:0,invisibleCount:0}}),"f")}toGridNum(e,t){return!0===(null==t?void 0:t.ignore)?e:Math.round(e)}destroy(){Qi(this,Hi,null,"f")}needRender(e){const t=Ui(this,Zi,"f").get("virtualFlatItemMap")[e.uuid];return!t||t.isVisibleInView}getPointElement(e,t){const i=Ui(this,Hi,"f").tempContext;return function(e,t){var i,o,n;const{context2d:a,data:r,viewScaleInfo:l,viewSizeInfo:s,groupQueue:h}=t,c={index:-1,element:null,groupQueueIndex:-1};if(h&&Array.isArray(h)&&(null==h?void 0:h.length)>0)for(let t=h.length-1;t>=0;t--){let n=0,r=0,s=0;for(let e=0;e<=t;e++)n+=h[e].x,r+=h[e].y,s+=h[e].angle||0;const d=h[t];if(d&&"group"===d.type&&Array.isArray(null===(i=d.detail)||void 0===i?void 0:i.children))for(let i=0;i<d.detail.children.length;i++){const u=d.detail.children[i];if(!0!==(null===(o=null==u?void 0:u.operations)||void 0===o?void 0:o.invisible)){if(!u)break;if(Et(e,{context2d:a,element:{x:n+u.x,y:r+u.y,w:u.w,h:u.h,angle:s+(u.angle||0)},viewScaleInfo:l})){c.element=u,(t<h.length-1||"group"!==u.type)&&(c.groupQueueIndex=t);break}}}if(c.element)break}if(c.element)return c;for(let t=r.elements.length-1;t>=0;t--){const i=r.elements[t];if(!0!==(null===(n=null==i?void 0:i.operations)||void 0===n?void 0:n.invisible)&&Et(e,{context2d:a,element:i,viewScaleInfo:l})){c.index=t,c.element=i;break}}return c}(e,Object.assign(Object.assign({},t),{context2d:i}))}resetVirtualFlatItemMap(e,t){if(e){const{virtualFlatItemMap:i,invisibleCount:o,visibleCount:n}=Vi(e.elements,Object.assign(Object.assign({},t),{tempContext:Ui(this,Hi,"f").tempContext}));Ui(this,Zi,"f").set("virtualFlatItemMap",i),Ui(this,Zi,"f").set("invisibleCount",o),Ui(this,Zi,"f").set("visibleCount",n)}}updateVisiableStatus(e){const{virtualFlatItemMap:t,invisibleCount:i,visibleCount:o}=Xi(Ui(this,Zi,"f").get("virtualFlatItemMap"),e);Ui(this,Zi,"f").set("virtualFlatItemMap",t),Ui(this,Zi,"f").set("invisibleCount",i),Ui(this,Zi,"f").set("visibleCount",o)}calcViewRectInfoFromOrigin(e,t){const i=Ui(this,Zi,"f").get("virtualFlatItemMap")[e];if(!(null==i?void 0:i.originRectInfo))return null;const{checkVisible:o,viewScaleInfo:n,viewSizeInfo:a}=t,{center:r,left:l,right:s,bottom:h,top:c,topLeft:d,topRight:u,bottomLeft:f,bottomRight:g}=i.originRectInfo;if(!0===o&&!1===i.isVisibleInView)return null;const v={viewScaleInfo:n};return{center:Tt(r,v),left:Tt(l,v),right:Tt(s,v),bottom:Tt(h,v),top:Tt(c,v),topLeft:Tt(d,v),topRight:Tt(u,v),bottomLeft:Tt(f,v),bottomRight:Tt(g,v)}}calcViewRectInfoFromRange(e,t){const i=Ui(this,Zi,"f").get("virtualFlatItemMap")[e];if(!(null==i?void 0:i.originRectInfo))return null;const{checkVisible:o,viewScaleInfo:n,viewSizeInfo:a}=t,{center:r,left:l,right:s,bottom:h,top:c,topLeft:d,topRight:u,bottomLeft:f,bottomRight:g}=i.rangeRectInfo;if(!0===o&&!1===i.isVisibleInView)return null;const v={viewScaleInfo:n};return{center:Tt(r,v),left:Tt(l,v),right:Tt(s,v),bottom:Tt(h,v),top:Tt(c,v),topLeft:Tt(d,v),topRight:Tt(u,v),bottomLeft:Tt(f,v),bottomRight:Tt(g,v)}}modifyText(e){const t=Ui(this,Zi,"f").get("virtualFlatItemMap"),i=t[e.uuid];if(e&&"text"===e.type){const o=Object.assign(Object.assign({},i),Fi(e,{tempContext:Ui(this,Hi,"f").tempContext}));t[e.uuid]=o,Ui(this,Zi,"f").set("virtualFlatItemMap",t)}}modifyVirtualFlatItemMap(e,t){const{modifyInfo:i,viewScaleInfo:o,viewSizeInfo:n}=t,{type:a,content:r}=i,l=e.elements,s=Ui(this,Zi,"f").get("virtualFlatItemMap");if("deleteElement"===a){const{element:e}=r,t=[],i=e=>{t.push(e.uuid),"group"===e.type&&Array.isArray(e.detail.children)&&e.detail.children.forEach((e=>{i(e)}))};i(e),t.forEach((e=>{delete s[e]})),Ui(this,Zi,"f").set("virtualFlatItemMap",s)}else if("addElement"===a||"updateElement"===a){const{position:t}=r,i=bt(t,e.elements),h=xt(l,t);if(i)if("updateElement"===a&&"group"===i.type)this.resetVirtualFlatItemMap(e,{viewScaleInfo:o,viewSizeInfo:n});else{const e=kt(i,{groupQueue:h||[]}),r=Object.assign({type:i.type,originRectInfo:e,rangeRectInfo:Ye.angle(i.angle)?Ot(e):e,isVisibleInView:!0,position:[...t]},Gi(i,{tempContext:Ui(this,Hi,"f").tempContext}));s[i.uuid]=r,Ui(this,Zi,"f").set("virtualFlatItemMap",s),"updateElement"===a&&this.updateVisiableStatus({viewScaleInfo:o,viewSizeInfo:n})}}else"moveElement"===a&&this.resetVirtualFlatItemMap(e,{viewScaleInfo:o,viewSizeInfo:n})}getVirtualFlatItem(e){return Ui(this,Zi,"f").get("virtualFlatItemMap")[e]||null}}Hi=new WeakMap,Zi=new WeakMap;var Ji,Ki,qi,_i,eo,to,io=function(e,t,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,i):n?n.value=i:t.set(e,i),i},oo=function(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)};class no extends Ue{constructor(e){super(),Ji.add(this),Ki.set(this,void 0),qi.set(this,new Ni),_i.set(this,void 0),eo.set(this,!1),io(this,Ki,e,"f"),io(this,_i,new $i({tempContext:e.tempContext}),"f"),oo(this,Ji,"m",to).call(this)}isDestroyed(){return oo(this,eo,"f")}destroy(){this.clear(),io(this,Ki,null,"f"),oo(this,qi,"f").destroy(),io(this,qi,null,"f"),io(this,eo,!0,"f")}updateOptions(e){io(this,Ki,e,"f")}drawData(e,t){const i=oo(this,qi,"f"),o=oo(this,_i,"f"),{sharer:n}=oo(this,Ki,"f"),a=oo(this,Ki,"f").viewContext;a.clearRect(0,0,a.canvas.width,a.canvas.height);const r={x:0,y:0,w:t.viewSizeInfo.width,h:t.viewSizeInfo.height};!0===t.forceDrawAll&&oo(this,_i,"f").resetVirtualFlatItemMap(e,{viewScaleInfo:t.viewScaleInfo,viewSizeInfo:t.viewSizeInfo});const l=Object.assign({loader:i,calculator:o,parentElementSize:r,elementAssets:e.assets,parentOpacity:1,overrideElementMap:null==n?void 0:n.getActiveOverrideElemenentMap()},t);!function(e,t,i){if("string"==typeof(null==t?void 0:t.background)){const{viewSizeInfo:o}=i,{width:n,height:a}=o;e.globalAlpha=1,e.fillStyle=t.background,e.fillRect(0,0,n,a)}}(a,e.global,l),e.layout?function(e,t,i,o){const{viewScaleInfo:n,viewSizeInfo:a,parentOpacity:r}=i,l=Object.assign({uuid:"layout",type:"group"},t),{x:s,y:h,w:c,h:d}=Ct(l,{viewScaleInfo:n})||l,u=Object.assign(Object.assign({},l),{x:s,y:h,w:c,h:d,angle:0});if(e.globalAlpha=1,mi(e,u,{viewScaleInfo:n,renderContent:()=>{gi(e,u,{viewScaleInfo:n,viewSizeInfo:a})}}),"hidden"===t.detail.overflow){const{viewScaleInfo:o,viewSizeInfo:n}=i,a=Object.assign({uuid:"layout",type:"group"},t),r=Ct(a,{viewScaleInfo:o})||a,l=Object.assign(Object.assign({},a),r),{x:s,y:h,w:c,h:d,radiusList:u}=Gt(l,{viewScaleInfo:o});e.save(),e.fillStyle="transparent",e.beginPath(),e.moveTo(s+u[0],h),e.arcTo(s+c,h,s+c,h+d,u[1]),e.arcTo(s+c,h+d,s,h+d,u[2]),e.arcTo(s,h+d,s,h,u[3]),e.arcTo(s,h,s+c,h,u[0]),e.closePath(),e.fill("nonzero"),e.clip("nonzero")}o(e),"hidden"===t.detail.overflow&&e.restore(),vi(e,u,{viewScaleInfo:n}),e.globalAlpha=r}(a,e.layout,l,(()=>{Si(a,e,l)})):Si(a,e,l)}scale(e){const{sharer:t}=oo(this,Ki,"f");if(!t)return;const{data:i,offsetTop:o,offsetBottom:n,offsetLeft:a,offsetRight:r,width:l,height:s,contextHeight:h,contextWidth:c,devicePixelRatio:d}=t.getActiveStoreSnapshot();i&&this.drawData(i,{viewScaleInfo:{scale:e,offsetTop:o,offsetBottom:n,offsetLeft:a,offsetRight:r},viewSizeInfo:{width:l,height:s,contextHeight:h,contextWidth:c,devicePixelRatio:d}})}setLoadItemMap(e){oo(this,qi,"f").setLoadItemMap(e)}getLoadItemMap(){return oo(this,qi,"f").getLoadItemMap()}getLoader(){return oo(this,qi,"f")}getCalculator(){return oo(this,_i,"f")}}function ao(e){return e>0||e<0||0===e}Ki=new WeakMap,qi=new WeakMap,_i=new WeakMap,eo=new WeakMap,Ji=new WeakSet,to=function(){const e=oo(this,qi,"f");e.on("load",(e=>{this.trigger("load",e)})),e.on("error",(e=>{console.error(e)}))};class ro extends Ue{constructor(e){super(),pe(this,n),pe(this,t),pe(this,i),pe(this,o,!1),pe(this,r,(e=>{if(!xe(this,n,g).call(this,e))return;const t=xe(this,n,v).call(this,e);if(!xe(this,n,m).call(this,t))return;e.preventDefault(),e.stopPropagation();const i=e.deltaX>0||e.deltaX<0?e.deltaX:0,o=e.deltaY>0||e.deltaY<0?e.deltaY:0;!0===e.ctrlKey&&this.has("wheelScale")?this.trigger("wheelScale",{deltaX:i,deltaY:o,point:t}):this.has("wheel")&&this.trigger("wheel",{deltaX:i,deltaY:o,point:t})})),pe(this,l,(e=>{if(2!==e.button)return;if(!xe(this,n,g).call(this,e))return;e.preventDefault();const t=xe(this,n,v).call(this,e);xe(this,n,m).call(this,t)&&this.trigger("contextMenu",{point:t})})),pe(this,s,(e=>{if(!xe(this,n,g).call(this,e))return;e.preventDefault();const t=xe(this,n,v).call(this,e);if(!xe(this,n,m).call(this,t))return;const o=Date.now(),a=ye(this,i).get("prevClickPoint");a&&o-a.t<=500&&Math.abs(a.x-t.x)<=5&&Math.abs(a.y-t.y)<=5?this.trigger("doubleClick",{point:t}):ye(this,i).set("prevClickPoint",t)})),pe(this,h,(e=>{ye(this,i).set("hasPointDown",!1),e.preventDefault();const t=xe(this,n,v).call(this,e);this.trigger("pointLeave",{point:t})})),pe(this,c,(e=>{if(ye(this,i).set("hasPointDown",!1),!xe(this,n,g).call(this,e))return;e.preventDefault();const t=xe(this,n,v).call(this,e);this.trigger("pointEnd",{point:t})})),pe(this,d,(e=>{if(!xe(this,n,g).call(this,e))return;e.preventDefault(),e.stopPropagation();const t=xe(this,n,v).call(this,e);xe(this,n,m).call(this,t)?!0===ye(this,i).get("hasPointDown")&&this.trigger("pointMove",{point:t}):ye(this,i).get("hasPointDown")&&(this.trigger("pointLeave",{point:t}),ye(this,i).set("hasPointDown",!1))})),pe(this,u,(e=>{if(0!==e.button)return;if(!xe(this,n,g).call(this,e))return;e.preventDefault();const t=xe(this,n,v).call(this,e);xe(this,n,m).call(this,t)&&(ye(this,i).set("hasPointDown",!0),this.trigger("pointStart",{point:t}))})),pe(this,f,(e=>{if(!xe(this,n,g).call(this,e))return void(!0===ye(this,i).get("inCanvas")&&(ye(this,i).set("inCanvas",!1),ye(this,h).call(this,e)));ye(this,i).set("inCanvas",!0),e.preventDefault();const t=xe(this,n,v).call(this,e);xe(this,n,m).call(this,t)&&this.trigger("hover",{point:t})}));const y=new ot({defaultStorage:{hasPointDown:!1,prevClickPoint:null,inCanvas:!0}});we(this,i,y),we(this,t,e),xe(this,n,a).call(this)}onEvents(){if(ye(this,o))return;const e=ye(this,t).boardContent.boardContext.canvas,i=window;i.addEventListener("mousemove",ye(this,f)),i.addEventListener("mousedown",ye(this,u)),i.addEventListener("mousemove",ye(this,d)),i.addEventListener("mouseup",ye(this,c)),e.addEventListener("wheel",ye(this,r),{passive:!1}),i.addEventListener("click",ye(this,s)),i.addEventListener("contextmenu",ye(this,l))}offEvents(){const e=window,i=ye(this,t).boardContent.boardContext.canvas;e.removeEventListener("mousemove",ye(this,f)),e.removeEventListener("mousedown",ye(this,u)),e.removeEventListener("mousemove",ye(this,d)),e.removeEventListener("mouseup",ye(this,c)),e.removeEventListener("mouseleave",ye(this,h)),i.removeEventListener("wheel",ye(this,r)),e.removeEventListener("click",ye(this,s)),e.removeEventListener("contextmenu",ye(this,l))}destroy(){this.offEvents(),ye(this,i).destroy(),we(this,o,!0)}}t=new WeakMap,i=new WeakMap,o=new WeakMap,n=new WeakSet,a=function(){this.onEvents()},r=new WeakMap,l=new WeakMap,s=new WeakMap,h=new WeakMap,c=new WeakMap,d=new WeakMap,u=new WeakMap,f=new WeakMap,g=function(e){return e.target===ye(this,t).boardContent.boardContext.canvas},v=function(e){const i=ye(this,t).boardContent.boardContext.canvas.getBoundingClientRect();return{x:e.clientX-i.left,y:e.clientY-i.top,t:Date.now()}},m=function(e){const i=ye(this,t).sharer.getActiveViewSizeInfo(),{width:o,height:n}=i;return!!(ao(e.x)&&ao(e.y)&&e.x<=o&&e.y<=n)};const lo={width:0,height:0,devicePixelRatio:1,contextWidth:0,contextHeight:0,data:null,scale:1,offsetLeft:0,offsetRight:0,offsetTop:0,offsetBottom:0,overrideElementMap:null};class so{constructor(){pe(this,y),pe(this,p);const e=new ot({defaultStorage:lo}),t=new ot({defaultStorage:{}});we(this,y,e),we(this,p,t)}getActiveStorage(e){return ye(this,y).get(e)}setActiveStorage(e,t){return ye(this,y).set(e,t)}getActiveStoreSnapshot(e){return ye(this,y).getSnapshot(e)}getSharedStorage(e){return ye(this,p).get(e)}setSharedStorage(e,t){return ye(this,p).set(e,t)}getSharedStoreSnapshot(e){return ye(this,p).getSnapshot(e)}getActiveViewScaleInfo(){return{scale:ye(this,y).get("scale"),offsetTop:ye(this,y).get("offsetTop"),offsetBottom:ye(this,y).get("offsetBottom"),offsetLeft:ye(this,y).get("offsetLeft"),offsetRight:ye(this,y).get("offsetRight")}}setActiveViewScaleInfo(e){const{scale:t,offsetTop:i,offsetBottom:o,offsetLeft:n,offsetRight:a}=e;ye(this,y).set("scale",t),ye(this,y).set("offsetTop",i),ye(this,y).set("offsetBottom",o),ye(this,y).set("offsetLeft",n),ye(this,y).set("offsetRight",a)}setActiveViewSizeInfo(e){ye(this,y).set("width",e.width),ye(this,y).set("height",e.height),ye(this,y).set("devicePixelRatio",e.devicePixelRatio),ye(this,y).set("contextWidth",e.contextWidth),ye(this,y).set("contextHeight",e.contextHeight)}getActiveViewSizeInfo(){return{width:ye(this,y).get("width"),height:ye(this,y).get("height"),devicePixelRatio:ye(this,y).get("devicePixelRatio"),contextWidth:ye(this,y).get("contextWidth"),contextHeight:ye(this,y).get("contextHeight")}}getActiveOverrideElemenentMap(){return ye(this,y).get("overrideElementMap")}setActiveOverrideElemenentMap(e){ye(this,y).set("overrideElementMap",e)}}y=new WeakMap,p=new WeakMap;const{requestAnimationFrame:ho}=window;class co extends Ue{constructor(e){super(),pe(this,b),pe(this,w),pe(this,x,[]),pe(this,S,"FREE"),we(this,w,e),xe(this,b,A).call(this)}resetVirtualFlatItemMap(e,t){e&&ye(this,w).calculator.resetVirtualFlatItemMap(e,t)}drawFrame(){const{sharer:e}=ye(this,w),t=e.getActiveStoreSnapshot(),i=e.getSharedStoreSnapshot();ye(this,x).push({activeStore:t,sharedStore:i}),xe(this,b,I).call(this)}scale(e){const{scale:t,point:i,ignoreUpdateVisibleStatus:o}=e,{sharer:n}=ye(this,w),{moveX:a,moveY:r}=function(e){const{scale:t,point:i,viewScaleInfo:o}=e,{offsetLeft:n,offsetTop:a}=o,r=t/o.scale,l=i.x,s=i.y;return{moveX:l-l*r+(n*r-n),moveY:s-s*r+(a*r-a)}}({scale:t,point:i,viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo()});return n.setActiveStorage("scale",t),o||ye(this,w).calculator.updateVisiableStatus({viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo()}),{moveX:a,moveY:r}}scroll(e){const{sharer:t}=ye(this,w),i=t.getActiveViewScaleInfo(),{moveX:o,moveY:n,ignoreUpdateVisibleStatus:a}=e,r=function(e){const{moveX:t=0,moveY:i=0,viewScaleInfo:o,viewSizeInfo:n}=e,{scale:a}=o,{width:r,height:l,contextWidth:s,contextHeight:h}=n;let c=o.offsetLeft,d=o.offsetRight,u=o.offsetTop,f=o.offsetBottom;return c+=t,u+=i,d=r-(s*a+c),f=l-(h*a+u),{scale:a,offsetTop:u,offsetLeft:c,offsetRight:d,offsetBottom:f}}({moveX:o,moveY:n,viewScaleInfo:i,viewSizeInfo:t.getActiveViewSizeInfo()});return t.setActiveViewScaleInfo(r),a||ye(this,w).calculator.updateVisiableStatus({viewScaleInfo:t.getActiveViewScaleInfo(),viewSizeInfo:t.getActiveViewSizeInfo()}),r}updateViewScaleInfo(e){const{sharer:t}=ye(this,w),i=function(e,t){const{scale:i,offsetX:o,offsetY:n}=e,{viewSizeInfo:a}=t,{width:r,height:l,contextWidth:s,contextHeight:h}=a,c=0-o*i,d=0-n*i;return{scale:i,offsetLeft:c,offsetTop:d,offsetRight:r-(s*i+c/i),offsetBottom:l-(h*i+d/i)}}(e,{viewSizeInfo:t.getActiveViewSizeInfo()});return t.setActiveViewScaleInfo(i),ye(this,w).calculator.updateVisiableStatus({viewScaleInfo:t.getActiveViewScaleInfo(),viewSizeInfo:t.getActiveViewSizeInfo()}),i}resize(e={},t){const{sharer:i}=ye(this,w),o={...i.getActiveViewSizeInfo(),...e},{width:n,height:a,devicePixelRatio:r}=o,{underlayContext:l,boardContext:s,overlayContext:h,viewContext:c}=ye(this,w).boardContent;return s.canvas.width=n*r,s.canvas.height=a*r,s.canvas.style.width=`${n}px`,s.canvas.style.height=`${a}px`,l.canvas.width=n*r,l.canvas.height=a*r,h.canvas.width=n*r,h.canvas.height=a*r,c.canvas.width=n*r,c.canvas.height=a*r,i.setActiveViewSizeInfo(o),(null==t?void 0:t.ignoreUpdateVisibleStatus)||ye(this,w).calculator.updateVisiableStatus({viewScaleInfo:i.getActiveViewScaleInfo(),viewSizeInfo:i.getActiveViewSizeInfo()}),o}}w=new WeakMap,x=new WeakMap,S=new WeakMap,b=new WeakSet,A=function(){const{renderer:e}=ye(this,w);e.on("load",(()=>{this.drawFrame()}))},I=function(){if("DRAWING"===ye(this,S)||0===ye(this,x).length)return;we(this,S,"DRAWING");const e=ye(this,x).shift(),{renderer:t,boardContent:i,beforeDrawFrame:o,afterDrawFrame:n}=ye(this,w);if(e){const{scale:a,offsetTop:r,offsetBottom:l,offsetLeft:s,offsetRight:h,width:c,height:d,contextHeight:u,contextWidth:f,devicePixelRatio:g}=e.activeStore,v={scale:a,offsetTop:r,offsetBottom:l,offsetLeft:s,offsetRight:h},m={width:c,height:d,contextHeight:u,contextWidth:f,devicePixelRatio:g};(null==e?void 0:e.activeStore.data)&&t.drawData(e.activeStore.data,{viewScaleInfo:v,viewSizeInfo:m}),o({snapshot:e}),i.drawView(),n({snapshot:e})}0!==ye(this,x).length?we(this,S,"DRAWING")&&ho((()=>{xe(this,b,I).call(this)})):we(this,S,"COMPLETE")};class uo{constructor(e){pe(this,W),pe(this,M),pe(this,z,new Map),pe(this,R,[]),pe(this,C),pe(this,T),pe(this,P),pe(this,E),pe(this,L),pe(this,k,new Ue),pe(this,O,!1);const{boardContent:t}=e,i=new so,o=new ro({boardContent:t,sharer:i}),n=new no({viewContext:t.viewContext,tempContext:t.tempContext,sharer:i}),a=n.getCalculator();we(this,M,e),we(this,P,i),we(this,C,o),we(this,T,n),we(this,L,a),we(this,E,new co({boardContent:e.boardContent,sharer:i,renderer:n,calculator:ye(this,L),beforeDrawFrame:e=>{xe(this,W,J).call(this,e)},afterDrawFrame:e=>{xe(this,W,K).call(this,e)}})),xe(this,W,D).call(this),xe(this,W,q).call(this)}isDestroyed(){return ye(this,O)}destroy(){ye(this,C).destroy(),ye(this,T).destroy(),ye(this,L).destroy(),ye(this,k).destroy(),we(this,O,!0)}getSharer(){return ye(this,P)}getViewer(){return ye(this,E)}getRenderer(){return ye(this,T)}setData(e){const t=ye(this,P);ye(this,P).setActiveStorage("data",e);const i=t.getActiveViewSizeInfo(),o=t.getActiveViewScaleInfo(),n=wt(e.elements,{viewWidth:i.width,viewHeight:i.height,extend:!0});ye(this,E).resetVirtualFlatItemMap(e,{viewSizeInfo:i,viewScaleInfo:o}),ye(this,E).drawFrame();const a={...i,...n};return ye(this,P).setActiveViewSizeInfo(a),{viewSizeInfo:a}}getData(){const{data:e}=ye(this,P).getActiveStoreSnapshot();return e}use(e,t){var i,o,n;if(ye(this,z).has(e)){const t=ye(this,z).get(e);return void(t&&"enable"!==t.status&&(t.status="enable",null==(o=(i=t.middlewareObject).use)||o.call(i),xe(this,W,q).call(this)))}const{boardContent:a,container:r}=ye(this,M),l=e({boardContent:a,sharer:ye(this,P),viewer:ye(this,E),calculator:ye(this,L),eventHub:ye(this,k),container:r},t);null==(n=l.use)||n.call(l),ye(this,z).set(e,{status:"enable",middlewareObject:l,config:t}),xe(this,W,q).call(this)}disuse(e){var t,i;if(ye(this,z).has(e)){const o=ye(this,z).get(e);o&&(null==(i=(t=o.middlewareObject).disuse)||i.call(t),o.status="disable"),ye(this,z).delete(e),xe(this,W,q).call(this)}}resetMiddlewareConfig(e,t){var i,o;if(ye(this,z).has(e)){const n=ye(this,z).get(e);n&&(null==(o=(i=n.middlewareObject).resetConfig)||o.call(i,t))}}scale(e){const t=ye(this,E),{ignoreUpdateVisibleStatus:i}=e,{moveX:o,moveY:n}=t.scale({...e,ignoreUpdateVisibleStatus:!0});t.scroll({moveX:o,moveY:n,ignoreUpdateVisibleStatus:i})}scroll(e){return ye(this,E).scroll(e)}updateViewScaleInfo(e){return ye(this,E).updateViewScaleInfo(e)}resize(e,t){const i=ye(this,E).resize(e,t),{width:o,height:n,devicePixelRatio:a}=e,{boardContent:r}=ye(this,M);r.viewContext.$resize({width:o,height:n,devicePixelRatio:a}),r.overlayContext.$resize({width:o,height:n,devicePixelRatio:a}),r.boardContext.$resize({width:o,height:n,devicePixelRatio:a}),r.underlayContext.$resize({width:o,height:n,devicePixelRatio:a}),ye(this,E).drawFrame(),ye(this,C).trigger("resize",i),ye(this,P).setActiveViewSizeInfo(e)}clear(){const{boardContent:e}=ye(this,M),{underlayContext:t,overlayContext:i,viewContext:o,boardContext:n}=e;t.clearRect(0,0,t.canvas.width,t.canvas.height),i.clearRect(0,0,i.canvas.width,i.canvas.height),o.clearRect(0,0,o.canvas.width,o.canvas.height),n.clearRect(0,0,n.canvas.width,n.canvas.height),xe(this,W,$).call(this)}getEventHub(){return ye(this,k)}onWatcherEvents(){ye(this,C).onEvents()}offWatcherEvents(){ye(this,C).offEvents()}}M=new WeakMap,z=new WeakMap,R=new WeakMap,C=new WeakMap,T=new WeakMap,P=new WeakMap,E=new WeakMap,L=new WeakMap,k=new WeakMap,O=new WeakMap,W=new WeakSet,D=function(){ye(this,C).on("pointStart",xe(this,W,j).bind(this)),ye(this,C).on("pointEnd",xe(this,W,Y).bind(this)),ye(this,C).on("pointMove",xe(this,W,N).bind(this)),ye(this,C).on("pointLeave",xe(this,W,B).bind(this)),ye(this,C).on("hover",xe(this,W,F).bind(this)),ye(this,C).on("wheel",xe(this,W,X).bind(this)),ye(this,C).on("wheelScale",xe(this,W,H).bind(this)),ye(this,C).on("scrollX",xe(this,W,Z).bind(this)),ye(this,C).on("scrollY",xe(this,W,Q).bind(this)),ye(this,C).on("resize",xe(this,W,U).bind(this)),ye(this,C).on("doubleClick",xe(this,W,G).bind(this)),ye(this,C).on("contextMenu",xe(this,W,V).bind(this)),ye(this,T).on("load",(()=>{ye(this,k).trigger("loadResource")}))},j=function(e){var t;for(let i=0;i<ye(this,R).length;i++){const o=ye(this,R)[i];if(!1===(null==(t=null==o?void 0:o.pointStart)?void 0:t.call(o,e)))return}},Y=function(e){var t;for(let i=0;i<ye(this,R).length;i++){const o=ye(this,R)[i];if(!1===(null==(t=null==o?void 0:o.pointEnd)?void 0:t.call(o,e)))return}},N=function(e){var t;for(let i=0;i<ye(this,R).length;i++){const o=ye(this,R)[i];if(!1===(null==(t=null==o?void 0:o.pointMove)?void 0:t.call(o,e)))return}},B=function(e){var t;for(let i=0;i<ye(this,R).length;i++){const o=ye(this,R)[i];if(!1===(null==(t=null==o?void 0:o.pointLeave)?void 0:t.call(o,e)))return}},F=function(e){var t;for(let i=0;i<ye(this,R).length;i++){const o=ye(this,R)[i];if(!1===(null==(t=null==o?void 0:o.hover)?void 0:t.call(o,e)))return}},G=function(e){var t;for(let i=0;i<ye(this,R).length;i++){const o=ye(this,R)[i];if(!1===(null==(t=null==o?void 0:o.doubleClick)?void 0:t.call(o,e)))return}},V=function(e){var t;for(let i=0;i<ye(this,R).length;i++){const o=ye(this,R)[i];if(!1===(null==(t=null==o?void 0:o.contextMenu)?void 0:t.call(o,e)))return}},X=function(e){var t;for(let i=0;i<ye(this,R).length;i++){const o=ye(this,R)[i];if(!1===(null==(t=null==o?void 0:o.wheel)?void 0:t.call(o,e)))return}},H=function(e){var t;for(let i=0;i<ye(this,R).length;i++){const o=ye(this,R)[i];if(!1===(null==(t=null==o?void 0:o.wheelScale)?void 0:t.call(o,e)))return}},Z=function(e){var t;for(let i=0;i<ye(this,R).length;i++){const o=ye(this,R)[i];if(!1===(null==(t=null==o?void 0:o.scrollX)?void 0:t.call(o,e)))return}},Q=function(e){var t;for(let i=0;i<ye(this,R).length;i++){const o=ye(this,R)[i];if(!1===(null==(t=null==o?void 0:o.scrollY)?void 0:t.call(o,e)))return}},U=function(e){var t;for(let i=0;i<ye(this,R).length;i++){const o=ye(this,R)[i];if(!1===(null==(t=null==o?void 0:o.resize)?void 0:t.call(o,e)))return}},$=function(e){var t;for(let i=0;i<ye(this,R).length;i++){const o=ye(this,R)[i];if(!1===(null==(t=null==o?void 0:o.clear)?void 0:t.call(o,e)))return}},J=function(e){var t;for(let i=0;i<ye(this,R).length;i++){const o=ye(this,R)[i];if(!1===(null==(t=null==o?void 0:o.beforeDrawFrame)?void 0:t.call(o,e)))return}},K=function(e){var t;for(let i=0;i<ye(this,R).length;i++){const o=ye(this,R)[i];if(!1===(null==(t=null==o?void 0:o.afterDrawFrame)?void 0:t.call(o,e)))return}},q=function(){const e=[];for(const[t,i]of ye(this,z))"enable"===(null==i?void 0:i.status)&&(null==i?void 0:i.middlewareObject)&&e.push(i.middlewareObject);we(this,R,e)};const fo="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAApCAYAAABHomvIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF92lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDktMTdUMTY6MzE6MjMrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MTBhYjUzLWM0ZjEtNDVhNS04MjhkLTIxOTczOWFjOTk3MSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjBkMDNmNjM5LTE5MzctY2Y0MC1hMTg0LTIyMjg0NzczNWNmYSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyYjQwZGRmLWE0ZGEtNDY3MC1iYzc2LTBhYjY3ZmI5M2I0ZSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODJiNDBkZGYtYTRkYS00NjcwLWJjNzYtMGFiNjdmYjkzYjRlIiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjMxOjIzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NjQxMGFiNTMtYzRmMS00NWE1LTgyOGQtMjE5NzM5YWM5OTcxIiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz57vRudAAAEk0lEQVRYhe3ZW0jbVxzA8e8/MX+NYnG9uI4xE3bvoLt0FzradRfGBtsYo32YdAhb6WQyBqV7KOylpYjzZShDGfjmyxgbgjjwyRm16SYMhgiNKDhbL3VtNF4xJOnf3x7+59i/Wf4aTbInf3AwJMdzPjnnf/n9/jFEhGzDMIxMb3uAIsDs6ek5urS05Dtz5syE+uwekAQS6u89YD19gC0NIpJ1c8GZQHlXV9fJRCIxGo/HxxoaGj4CngWOAEGgEihXfT07MeQC3MB1dna+lkgkRkXF6urq3xcuXPgUOAE8DzwGPOiGLARwEy4ej4+JiITD4elr167NiIgsLi7eqq2trQPeBI4Bj7sh8w10xZmmeds0zdn+/v5/RERisdjUuXPnvgLeAl50Q+YTaAA+oKy7u/uE3laNAwSQ4uLiu6FQ6G4G5DG13YeAMjWWkU+gBygJhULHNe769etTTpwDGXUiz58//yXwujp5qoAHgBLAk0+gNxKJHEulUiMKN2ma5gwgPp/vjhOXjlxYWJisq6urBV5RW30IKAW8eQPGYrGjlmXdEBEZHBy8aZrmFCCmac729fVtAHt7e6MO5N2+vr47IiJLS0s3L126dBZ4Sh2LZUBRwVdwYGBgVuwOYh/zsoF0bnPBVzDTMRgOh6dFhROokSIi8/Pz0+pEeaPQx+DGWdzV1XVSX2LcgCIic3NzMzU1NV8D7wIvq9WrLNRZvOk62NHRccqJTAdGo9Hb1dXV3wAfYt9VjgAPFfI66EQWAxU9PT0fuwEvXrzYBJwF3gFeAAJAhfrfrO4k/7lxZxnr2JlJqry8POnWyePx6H4JR0vhktVkHGOXQI20SkpKLLcOhmGsA5YCaZiVLS5XoADi9XpdkznDMERhnE0fCgUHZhvOW+CO4/8A5hR7wFxjD5hr7AFzjZyBlmVlrOYdYaS1HUUuQA/gWV9fd51URDyqn1c1j6MVFGjoidfW1oq2ABrYj0V82OmVzwHNajVdB88C5wOKTdM87NaxsrKyQsFKHC2BnTDo+/TWt8Bd5INeVC44NDT0xXYZdXNz8w/AaeyS8yjwCPdzQu92ht2m/OUjIyOfS1pkAoqItLS0fA+8D7wKPA0cxs6qC1O4T0xMfKYnb21tnXEDNjc3z+nXbW1t3wFvYz9dCAL7KUThHovFPtGTNjU1jQFSX18/lg68cuXKLUAaGxs3vkB7e/u3wHHgCQpUdnpTqdQvesJgMDisUVevXh3Xry9fvnxTv66qqprQ/cfHx/vVNj/J/couv0DAv7q6+pMDeYPNSalkwkUikX7s4ukl4FHgAODPN1CXnPsWFxd/dCAjW+GGhoZCwAfYpeczwMPAPjVW3gv3IvXN98disZ8dyBGNCwQC4/r94eHhfuy6+JS6zATUCeJXY+W9cNfIUuDAwsLCr05kIBDYeBQ8Ojr6h8Lpx25BtbWlGpfv62BG5PLy8m+SFpOTk38C76mVe84NVyhgOvLgysrK7xoXjUb/Uqt2XG1rEDiYCbcd0MgwsWtk+J1EI03An0wmw5Zlefx+/2n1eRKIO5r+rWTTpFsZ/gWFrGMmeObuqwAAAABJRU5ErkJggg==",go="selectInGroup",vo={CURSOR:"cursor",CHANGE:"change",RULER:"ruler",SCALE:"scale",SELECT_LAYOUT:"selectLayout",SELECT:"select",CLEAR_SELECT:"clearSelect",TEXT_EDIT:"textEdit",TEXT_CHANGE:"textChange",CONTEXT_MENU:"contextMenu",SELECT_IN_GROUP:go,SNAP_TO_GRID:go},mo={};Object.keys(vo).forEach((e=>{Object.defineProperty(mo,e,{value:vo[e],writable:!1})}));class yo{constructor(e,t){pe(this,ne),pe(this,_),pe(this,ee),pe(this,te,null),pe(this,ie,null),pe(this,oe,{auto:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF92lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDktMTdUMTY6MDc6MjYrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA5LTE3VDE2OjEyOjUwKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA5LTE3VDE2OjEyOjUwKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjliMGM0MzI2LWU4ZTQtNDlkNy04MmUzLTgxODkwYTE2ZmU1YSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjMzOGFhZDBmLWZkZjMtODE0MS1iMTZmLWNiZWIzNTQyYTJhMCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjUwODAxNzc1LWZlNGEtNDQyMy05NDQ3LThkYWRhNzZhYTllOSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NTA4MDE3NzUtZmU0YS00NDIzLTk0NDctOGRhZGE3NmFhOWU5IiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjA3OjI2KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OWIwYzQzMjYtZThlNC00OWQ3LTgyZTMtODE4OTBhMTZmZTVhIiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjEyOjUwKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7W6XrzAAAGLklEQVRYhb2Xf2iUdRzHX/txtfXLplZ6Wblm6fzRmG6r7Uou1AxKRjQKYUqgaLBACFogppcK1h8aLRkMSYaJIA5hYMomZpskEfPOufCaDpZ6t7rbre263U3vzn3643meu+eu3XNzvz7w4bbdc/e89nl/Pu/v50HUCAQCx1tbW0uAx4CHgSwggxkKERkziUQif2mQ0WjU53a7vwSeBB4BTEDmTICmBBwYGDivVlDjlFAo9KvT6dwIPAHkANkq6MwDXr169bCISENDg9TX14s+BgcHf2hubi5mBmRPCXj06NFPREQ6OjoEkPLycrl06VIMMhKJeFwu1xdMs+wpAYuLi9eIiIyOjkpeXp4AAsj27dvF7/fHQIPB4C9dXV0fME2ypwQEXvX7/bdFRNauXRsDBMRkMsnhw4cTZB8YGGhsamp6hSmW3Qhw1Y0bN86LiNTW1iYAallWViZtbW162ftcLtdO/i/7tAAWtba2ficicvLkyTEBtdy6dasMDg7GQIeHh9s7OzvfBx5nkrIbAS7du3fvxyIiPT09hoBa1tXVJcv+fWNj4zLgUeAhJiC7EeDLwOsiMioisnDhwnFBrlixQi5evKiX/c6tW7c+R5E9lweU3QjwReDV/v7+bhGRqqqqcQFquWnTJvH5fHrZLzocjkoSZU9bTSPA54GV165daxYROXDgwAMBannw4MFk2RsaGhqWME7ZjQDNwIrTp09/JSLS0tIyIUBACgoK5MKFCzHIcDj85+3btz8FZpFGdiPAZ4DCmpqaTSIiPp9vwoBaVlVVidfr1ct+/sqVK+9iILsR4FzgJcASDoeHRUSKioomDQnI/v37E2T3+Xz1hw4dWjSW7EaAeUA+UNbX12cXEdmyZcuUAAJiNpvlzJkzetl73G53rVrN2EmUCjATuA9EgYjL5eoGKCkpGatNHijmz5/Pxo0b2blzJ2azOfZ3k8lUYDabv45Go/Y7d+6sIY0VZQOjGqDT6bxeWlrKqlWrJgRlsVhYv349FRUVWCwWcnJyEt4PBoOuoaEhu9frvdzR0fHTtm3buolvRpLqe3OBp4EllZWV74mIRKNRyc3NTSvf7Nmzpbq6Wk6cOCFut1uSY2RkJOB0Ou3Nzc3Ha2trPwPWAGXAEuBZFFPPAbKMevBhYA6wCKgIBoP9IiKrV682hLPZbP8DEpH7vb29N1paWn602WwHFyxYsAX4EKgE3gIsQBFQgOIeT6j3z0wFqEkc60OPx9Odn58/t6SkhPb29jFLbrVa2bNnDwBer7fv5s2bPQ6Ho7upqcnZ1tbmASJq3gPC6utdYESXYfWeo6mkBaUHRQ/odrv/yM/Pt5SWlqb8kAbncDh+W7lyZYN683u6DOvAwipsOOnniA4wZf9lqhdoVYzY7fbrQMpBsdlsWK1WRkZGAtXV1d8D/wA+wKNLr5o+YEC9ZggIAEHiFbyfDhCUCcoFngIWFxYWrtMaat68eQl9V15eHmu2+vr6OuAd4A2gGFgMLERp/mdQ+noWyuadi9Jr2aQ4k42GBPXDs1Ga97WhoaFbIiIbNmxIANTWq87Ozp9VuApgGfACihPkoRjwI+p3mlSgtA9ZRkYNYwwKJBr2rl27sFqthEKhwZqamqOAX5f/AsPE5btLvM/GJWO6yFb/82eBonPnztWJiJw9e1YAWb58eUzaI0eOfAO8CbwCPIfiZZN+eEoncSaKLPOApbt3794uIuL1ehOktdvtF4C3gRKURXcOSn9lTRRsvIAZKI4+l/gjQFREZMeOHSIiEggE+tetW/cRitkuRhmERxnnxjxZQFDWnzzURwCv1+vUHxHHjh37lri0C1Am9KGpgDMC1G8SQnxxCHs8Hqf2RldX10+bN28+i+JjwyT62KSaP13oAfWTHO7t7f0dIBQK/b1v375GlEnVjPYuyoQaHlNTDahVMALca29vdwBcvnz5+KlTp26OATft1UuODBS7yEOxj0K/329HOSWWopjxlE1tchhtM7FriPfgXSDDbrfXo0gbJr4QzIi0WiRPYBbKZJrUV23b0dYn7XSYcsBkS9EiO/k6lApq1cwiPjzaAM1Y9cYC1G6uAWrPCtrvMwoHqU02Q5caIEzj1KaS+D+vIjxtLug31gAAAABJRU5ErkJggg==","drag-default":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAApCAYAAABHomvIAAAEvUlEQVRYhc2Y20/cVRDHP8v+uKzAWkpDCtZq8BYhJkq8PBoJxgj7I2m0ryaSyFN9IT74pI8+8WJiggRj/APApFkSTGRJ+qKGUiyxbGPEWsUSuVhYC12Wy8+HmeMeYPe3d3WSye/k/M7le+bMzJkZ+J9ToEJreGVYN+vihcytstjQocUlAw0WCSoIVCv3Ae8CXwIt+u8XHVeOG8qLqgAHqAFCQCNwGugCthBJGd7S/tM6LqTzHI5KuqzgaoAHgEvAtwrkG2AG8FzXvep5nue67lX9N6P/PR1/SefXlBtkFXKNDUA/RyX1D9uUbYzOb9D1ygbSQU7eDMxhSSsSiVz3AxiJRK57nuf19/fPad8coqONFCBJPyUOIKc1OvcbgiY9ICDT8+0DHge2gR0gBeyTtviM5HeKAGlrrfMZVwhdAVaAr4F3KNF4gkA9cBbowOc68+3LwDn1Mhdy4/OcYk54nPr6+m54nofruvPa9SFQ6wfQTweNgTwInAGuQWk6mEUvHwb+Au4Dexx7ffK9+0q+CHWIBIOZ9skHYKWfK9tQ8gZoLDjIyWCg3ORY+2T8aYOyg4EaRIFrkCs4QU1NTSvabC20zyIDzuyfkYzEahHX8jHwE/LwXwHeJ4P7KIVIu5ouxFDC+HgLAy4MfEF2v1UpgOezATSiNVf6EvAWsD01NXVtdnb2bk9Pz81sp/q3KIi8t83Ae4DX0tJy0z7t8PDwD4FAYIX/WILVwKMAzc3Nu/agoaGhzmg0ugcsV0hIvlSNoH8IuIiebHJycrls4sotwaxGYvueAPAjEg3jum79yMjIr5WUjFLOxMpBIopWoBN4GfhOJ+4NDg4ulVt6i4uLm7r+BvAscA4fCXrAAfJQJ5Fg8gPgMuCMjo62d3V1LW1sbKRKlpXSxMTEmjZ/5qQrOwHwUAGmkIjiHhJdfKrM/Pz8Y+3t7RvT09Ob5QAYi8X2tbmke2cEZwAaCdoAt5QvIzEbiUSitbe3tyoej++UCnBhYSGkzdu6d1aQxkgOkfwgieQMCeCu8iwSnpNKpcIdHR3BZDJ5UCy4SCSyvL6+/giiSou67wE+eYmhAKKkIaAJUdynkdflNcQF3dFTpooxjmg0aozDAz4DXkB8bxPy1OYM7QzIOuAU0AY8pQu9CrwJ3AK8UCj0RyHgZmZmli1w3wOvAM/oHo1kiZiygbSDh7PAE8DzQA/wBqKnnuM4a2NjY7dygbtw4cICRy31deBFJA09o7eWsU7kJ1KTLJmyRyOSn5zS70fAkwBtbW2/DwwMHHR3d9d3dnY2rK6u7o2Pj2/GYrH9eDzurK2tndM1vwI+QXT7T2BTD5skQz6SCyAcLRoZkGEFGQbeRqpbubK+BPA5MI14h00L3I6Cy2h4+eQbJsKuRa6iQcGFFfB5oBt4DpFsI+Ky7iDBxW3gBhBH/GtC+R7i1lKk3UxRAG2QpvxWr0AbtB3SA5jkx36djH/dVlDbyibN3M8GDvJPyI2PSulixm/u6kZ1OQCaJ/S+tndJX6tvsFBIxcCUdA3vW5ubxMrObc0hDMhd/Rqp5QQHxeW8dubnHGM7tzVv/IECMlxQ/bpcRfRMqaNRheNcUGG9XFWDACfzWs/6Fl3t/xtO//8gpbCORQAAAABJRU5ErkJggg==","drag-active":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAER0lEQVRYhe2YT2hjRRjAf8lL22xsNsm6EWKrSKvuIkIh+O9QRFxEW18KUsoe7FHoRaWCN1FPetOrIHgVKS0q9P5OxaJbodkalgVrtVZjS7Ntd02z6abPw3yzmaT585q+elj2g2HmvZn35jffN/PNNwP35R6XgM/fuif4n+dO2klQvgsaZRc4NJJvoJbHdhrIAkJAN2ADHwFfAw9J3ZoB/b9I0AA6A0SBc0Aa2EVpSqddeZ+QdmfkO+u0gIPSQQR4HfhRQH4AHMDNZDJXXNd1M5nMFalzdB3wJTAOPAD0yEB9066G6wXepVZTd5MpTdporZ6jVqsatmMJoTR3HvgJQ1u2bS+3ArRte9l1XXdsbGyJo1pdBN6Wf3d3ChlAmSQO9LeC8fquQRpDWaerHWSjSr1iu4BkJyOsF9u2s67rkslkluTVxygltAVsJBZqdCngEj5osIlW+4EYytRNF04jeu3vulCT+7QkLH20dEOhumft97pQI4s3+iiRSPwtxVSbd39J8eEGvzFXc1NAs8KSFAZeBt4AHgNeBFDWObkEAne7HAK2gT2gCFQatdca1GbtBj4E3veFprVYVLXXcg4GqM6588BbAMlkcm1qamqzr6/v6ikBet5RgiizJoDPAXdgYGDZXHkzMzPrrk9CdRWngUeAsxxdCzVwpgZ/BigWiz1mo4mJif7jqMajeJrU5hywgGvAej6fvzA0NLThN1Eul9uT4g5VTbYFNKUIfAbsZ7PZvuHh4Wt+As7Ozu5IcY2j219TQB0NV4A7qODgO4CFhYWLg4ODOb8AHccpG4A68m6pRQ1YAQ6A28A+8BXwBcDq6upTqVTquh+AuVyuW4q/opRRaQdZD1gCbgE3ge+BT4HdfD7/ZDwe/z2bzRY6hRsfH1/e3Nx8FDX/sgbgoZfvg6jo4ixqW7oIPA+8CrwHrAJuJBLJd+JaHMf5k6qmPgGeQe1SCenXk0/U21xcIC8AzwGvAJPAEuAmEon1xcXFba9w8/Pz5oqdB14CnpY+oij35km0qwmjwqAU8ISM9hIwBeQA17KsG9PT07+1gxsZGdmgdqW+BjwLDAAPoo4ALU+W9arVwWoIpXp9kouKZpPAO8AwQCwW+2d0dLQ0OTkZSafT0UKhUJ6bm9t2HKeysrIS3tra0g7+KvABUJC0g5rrJdRcbLpImtleRzYashc1P2OSXwbebDVykX3gW+Ab1AHqhuQ3pe6AJlFMO0CoPROHDcio5I8DL1A9C8dQbmod+APYAK4DvwjQnsDdErgyVTfTEaCG1GFYGHXG7TVSo2OkdvhlAflXoHSuNdfStFqaRhEi2kfdprrj6M5LAt0I8EDaaMdflPal48CB95hMr3Bt8h4jD0kyL5E0pN6dysZzW7N2AqjbmhdIZjJvufTOpE19x3g+9s1XJ/ck5tVbfdhu+rxDfLiSO+lFToCjZwrXyH2/0Lwv95z8B1jAqXmDnj4YAAAAAElFTkSuQmCC","rotate-0":fo,rotate:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAIiklEQVRYhe2YW2yUxxmGn7W96zXGNnZsr2FJHQyYBHNIU1ttAqVUVjlJUAtxQyUXhKgQktUDdSUkuEDtBVJ9UQXRC0RJRblrq/SCIARpFImWQ8VBIZQinJpQYozNyWaxiw/rfXsx3+z+6xNOe9tPGv2nOTzzffPPvDMhSXwJC1nKAXIDV/9ellLAqF1T9o5A2Ry7J5A/Fbh3mUMh8qYJ5kHCQATID6QIkBcAHAVGgKFAStq33EB53/ao5Rm064i9g0CmqcDyrNICYCZQBJTYdaa9j1jelDUwCAwAz4F+ex61DhZauXzr1CDwDHhq1wFg2Do1KWAo0NsCAyoDKoGYXcuBWdZY1PKnzAsDQB/wBOg1yKTVN8vqmoHz6nOgC7gHdFrbCasrNRFgyMCj5qVXgDlANfAaMA/4ir2rMI+MtSHgEdAN9BjsiNVZYR0sNq8+AtqB69Z2MuDBcYA+pAXW0yoDWgTUWXrd8k1l+cBcSxjIIBlPB63G8uUB/8Z57znwAkgGAX1YC4BSK7QIWA7UWwoDJJNJzp49y4ULF2hvb6e7u5tEIkFhYSGVlZXMmzePhoYGNmzYQElJCVZv2tPt7e3s2bOHvr4+9u3bx/r16+PWjg/zQ9x4BEk+5UkqklQt6ZuSdkn6jaRbMhsYGFBbW5uWLVvmp5MpU3V1tVpbW9XV1aWgbdy4MZ2npqbGvx6W9DtJ35e0RFJREDBX0gxJcUnfkPQDScck3fGlz549q7q6ummBjU2xWEzvvfdeGvCtt95Kf6uoqAiyfyBpt6SvSZrlAUOSIpLKJS2X9D1Jv5Z025d69913FQqFJmy8rKxMS5YsUUNDg5YvX67Zs2dPCrpjxw6NjIxoxYoV6XdVVVVBwI8l/UTS1yWVesBcC+18SRsk/ULS33yJtra2CRtramrSiRMn1NXVpWQyKUlKpVJ6+vSpTp48qZ07dyo/P39cua1bt6q+vn4ywL9IapX0tqQyDxiRFDPq3ZL+JCklSadOnRrXwMKFC3X69GlNx65du6aVK1eOqyMYjTGAf50IsNC8t1FSm6TPJOn+/fuKxWJZFb/zzjvjBvx0bO/evQqHwxNG4mUe9MtYMZk5bwHA4cOH6enpSc9BixYt4uTJk5SVlflXfcBN4DFuapoHLPQfz58/z9WrVwmFQsTjceLxOHfv3uUlNlZcpFeMEtzsXg2QSCQ4duxYulQoFOLQoUNBuE7gvAE+x82b/VZHyblz52hsbCSZTL4MCGWrqUECq0gQsBi3ts4B+PDDD3n48GG61OrVq1mzZo1/fGZw54HbVmGV1bMAWPbRRx9NC24CwD7cajLiAXNwIS7ELW3lAGfOnMmqZPv27cHHvwM3gH8AnwH/wnn0C+AuwLZt25g/f/5L4cLhMNu2bfOPnbh1+xkZ9UMebvmKGmQEoLOzM11JQUEBK1eu9I/JAFAPTqnk4hTNY9xS1V5TU1N7+fJlOjo6SKXS+jPLJFFUVMTixYsxmJtW/inOi2nAXDI/C0BWeMvKyojFYv6xz1LCKhnCRSEBPMCFfBaQKi0tfb2+vn5qFzp7AnwCXAM+t45mAUJGfgMwOpoWtIRCWZ/89BB8TuJ+lG5cNEatkXYgjtN+BYG2ktaxBE4U3AP+iRsud3EeHCTwk6Ss0IhvtaKiIk3Q19dHb28vhYWF4H6mYtxwiBrQIE4aPTHgIVzoO3E/TzlOV4YD3/stj9eMPj2xzg4HAYMSPQnkxePxNGB/fz+XLl1iy5Yt4HTeq+aZTtyA9h18Yb33G6aRQBqyDiUNLihmH1q54LAZ9ZHKISPRn1loaGxsJGjHjx8PPi6xtAgnNufgVHcRmf1J2DpTiJsjvYout3c5gQ49Ns89s3fpOdB70I+Hx7iBXrV27VqKi4tJJBKAm3auXLmCDfpy4G3rZSHur/aSPg83BCpx24MFuNUlbnkHcGMubEDdxpG0lBn8AcBBsgfsVysqKti6dStHjhwBYGRkhJaWFs6dO0ckEgGYj9v0xIA71rkha7jUgBYCb5hHGRoaIj8/f4Z5s8jafUpmN/diLBwAkmZKWiipSdKvJN2VpI6ODhUVFWUt7Js2bdLAwMBYLdAt6VNJlyV9IumLsRkOHjyo2tparVixQrdvp2Xmn00YrJI0R05VBRV+GjAiqcoUxA8lnfI1HD16dJz6WLVqla5fvz4tFdPZ2anm5uas8s3Nzf7zp5J+LmmNpFcl5U8GmCupWFKtpO9K+qWkG76W3bt3j4OMRqNqaWnRhQsXNDQ0lAWVTCZ169YtHThwQFVVVePKtrS0+Kw3pgsYso+Vkuol7ZD0W0ldvsHW1tZJZXxtba0aGxvV1NSkdevWaenSpYpGoxPmXb9+vXp6ejzgx5J+ZiGeLSk8GaD34ky5Hd23JP1I0h8kPQmGu7y8/L/aNEUiEe3fv1/Dw8Pp6Es6KqlZ0puSXpHbVU4KiPVglqQFkr4j6aeSfi/pvq/13r172rVrlyorK6cFFo1GtXnzZl25ciU4Ch5J+qOkH0v6tqTXzDk5EwGGlNFjOWQOd8px4vUN4E3cpn2pz/jgwQPef/99Ll68yJ07d+jt7WVwcJBIJEJJSQlz586loaGBTZs2UVdXF5w0OoDLwFWcbPsct6r04+bRLHEYCoWyAD1kBDfHleHmsxrccccS3NFHNV/eenBy6iZwCycMOnHz5wBuDh2nyyY6H0zhFmoF7vtxk+l9q3ieQfrDo8msF7cy3cN56g7ZWnKcep7IxnrQmz+wHKu2K3EKJWbPpWSUTQ4ZtRJc23sC6ZGB9ZM52JwcboIQjzUvZvNxYfeHlyVkZFcBbux6wKA6ShjoM5yM8uH0Xpuy8ekAQuZc2W8P8nEei9p9mMmPgAfJHO0O27e0lHppw9MEDJo//A4eoE91iB48SJ80lFMB/t/+V/sPGZfTmtMFR4EAAAAASUVORK5CYII="}),we(this,ee,e),we(this,_,t.eventHub),xe(this,ne,ae).call(this),xe(this,ne,re).call(this)}}function po(e){const{modifiedElement:t,beforeElement:i}=e,{uuid:o,...n}=t,a=Ht(n);let r={};Object.keys(a).forEach((e=>{let t=$t(i,e);void 0===t&&/(borderRadius|borderWidth)\[[0-9]{1,}\]$/.test(e)&&(e=e.replace(/\[[0-9]{1,}\]$/,""),t=$t(i,e)),r[e]=t})),r=Ht(r);return{type:"modifyElement",time:Date.now(),content:{method:"modifyElement",uuid:o,before:r,after:a}}}_=new WeakMap,ee=new WeakMap,te=new WeakMap,ie=new WeakMap,oe=new WeakMap,ne=new WeakSet,ae=function(){const e=ye(this,_);xe(this,ne,le).call(this,"default"),e.on(mo.CURSOR,(e=>{var t;"over-element"!==e.type&&e.type?"resize-rotate"===e.type?xe(this,ne,le).call(this,"rotate"):"string"==typeof e.type&&(null==(t=e.type)?void 0:t.startsWith("resize-"))?xe(this,ne,se).call(this,e):"drag-default"===e.type?xe(this,ne,le).call(this,"drag-default"):"drag-active"===e.type?xe(this,ne,le).call(this,"drag-active"):xe(this,ne,le).call(this,"auto"):xe(this,ne,le).call(this,"auto")}))},re=function(){Ee(fo).then((e=>{we(this,ie,e)})).catch((e=>{console.error(e)}))},le=function(e){if(ye(this,te)===e)return;we(this,te,e);const t=ye(this,oe)[ye(this,te)]||ye(this,oe).auto;let i=0,o=0;(e.startsWith("rotate-")&&ye(this,oe)[ye(this,te)]||"rotate"===e)&&(i=10,o=10),ye(this,ee).style.cursor="default"===e?"default":`image-set(url(${t})2x) ${i} ${o}, auto`},se=function(e){var t;let i=0;"resize-top"===e.type?i+=0:"resize-top-right"===e.type?i+=45:"resize-right"===e.type?i+=90:"resize-bottom-right"===e.type?i+=135:"resize-bottom"===e.type?i+=180:"resize-bottom-left"===e.type?i+=225:"resize-left"===e.type?i+=270:"resize-top-left"===e.type&&(i+=315),i+=yt((null==(t=null==e?void 0:e.element)?void 0:t.angle)||0),Array.isArray(e.groupQueue)&&e.groupQueue.length>0&&e.groupQueue.forEach((e=>{i+=yt(e.angle||0)})),i=yt(i);const o=xe(this,ne,he).call(this,i);xe(this,ne,le).call(this,o)},he=function(e){const t=`rotate-${e}`;if(!ye(this,oe)[t]){const i=ye(this,ie);if(i){const o=document.createElement("canvas"),n=i.width,a=i.height,r={x:n/2,y:a/2};o.width=n,o.height=a;const l=o.getContext("2d"),s=rt(e);l.translate(r.x,r.y),l.rotate(s),l.translate(-r.x,-r.y),l.drawImage(i,0,0,n,a),l.translate(r.x,r.y),l.rotate(-s),l.translate(-r.x,-r.y);const h=o.toDataURL("image/png");ye(this,oe)[t]=h}}return t};const wo="SELECT",xo=Symbol(`${wo}_actionType`),So=Symbol(`${wo}_resizeType`),bo=Symbol(`${wo}_areaStart`),Ao=Symbol(`${wo}_areaEnd`),Io=Symbol(`${wo}_hoverElement`),Mo=Symbol(`${wo}_hoverElementVertexes`),zo=Symbol(`${wo}_selectedElementList`),Ro=Symbol(`${wo}_selectedElementListVertexes`),Co=Symbol(`${wo}_selectedElementController`),To=Symbol(`${wo}_selectedElementPosition`),Po=Symbol(`${wo}_groupQueue`),Eo=Symbol(`${wo}_groupQueueVertexesList`),Lo=Symbol(`${wo}_isMoving`),ko=Symbol(`${wo}_enableSelectInGroup`),Oo=Symbol(`${wo}_enableSnapToGrid`),Wo={activeColor:"#1973ba",activeAreaColor:"#1976d21c",lockedColor:"#5b5959b5",referenceColor:"#f7276e"};function Do(e,t,i){const{borderColor:o,borderWidth:n,background:a,lineDash:r}=i;e.setLineDash([]),e.lineWidth=n,e.strokeStyle=o,e.fillStyle=a,e.setLineDash(r),e.beginPath(),e.moveTo(t[0].x,t[0].y),e.lineTo(t[1].x,t[1].y),e.lineTo(t[2].x,t[2].y),e.lineTo(t[3].x,t[3].y),e.lineTo(t[0].x,t[0].y),e.closePath(),e.stroke(),e.fill("nonzero")}function jo(e,t,i,o){const{borderColor:n,borderWidth:a,lineDash:r}=o;e.setLineDash([]),e.lineWidth=a,e.strokeStyle=n,e.setLineDash(r),e.beginPath(),e.moveTo(t.x,t.y),e.lineTo(i.x,i.y),e.closePath(),e.stroke()}function Yo(e,t,i){const{borderColor:o,borderWidth:n,lineDash:a}=i;e.setLineDash([]),e.lineWidth=n,e.strokeStyle=o,e.setLineDash(a),e.beginPath(),e.moveTo(t[0].x,t[0].y),e.lineTo(t[2].x,t[2].y),e.closePath(),e.stroke(),e.beginPath(),e.moveTo(t[1].x,t[1].y),e.lineTo(t[3].x,t[3].y),e.closePath(),e.stroke()}function No(e,t,i){const{size:o,borderColor:n,borderWidth:a,lineDash:r}=i,l=t.x-o/2,s=t.x+o/2,h=t.y-o/2,c=t.y+o/2;Yo(e,[{x:l,y:h},{x:s,y:h},{x:s,y:c},{x:l,y:c}],{borderColor:n,borderWidth:a,lineDash:r})}function Bo(e,t,i){if(!t)return;const{style:o}=i,{activeColor:n}=o,a={borderColor:n,borderWidth:1,background:"transparent",lineDash:[]};Do(e,Pt(t,i),a)}function Fo(e,t,i){if(!t)return;const{style:o}=i,{lockedColor:n}=o,a={borderColor:n,borderWidth:1,background:"transparent",lineDash:[]};Do(e,Pt(t,i),a);const{controller:r}=i;if(r){const{topLeft:t,topRight:o,bottomLeft:n,bottomRight:l,topMiddle:s,bottomMiddle:h,leftMiddle:c,rightMiddle:d}=r,u={...a,borderWidth:1};Yo(e,Pt(s.vertexes,i),u),Yo(e,Pt(h.vertexes,i),u),Yo(e,Pt(c.vertexes,i),u),Yo(e,Pt(d.vertexes,i),u),Yo(e,Pt(t.vertexes,i),u),Yo(e,Pt(o.vertexes,i),u),Yo(e,Pt(n.vertexes,i),u),Yo(e,Pt(l.vertexes,i),u)}}function Go(e,t,i){var o;if(!t)return;const{hideControllers:n,style:a,rotateControllerPattern:r,viewSizeInfo:l,element:s}=i,{devicePixelRatio:h=1}=l,{activeColor:c}=a,{elementWrapper:d,topLeft:u,topRight:f,bottomLeft:g,bottomRight:v,rotate:m}=t,y={borderColor:c,borderWidth:2,background:"transparent",lineDash:[]},p={...y,borderWidth:4,background:"#FFFFFF"};if(Do(e,Pt(d,i),y),!n&&(Do(e,Pt(u.vertexes,i),p),Do(e,Pt(f.vertexes,i),p),Do(e,Pt(g.vertexes,i),p),Do(e,Pt(v.vertexes,i),p),!1!==(null==(o=null==s?void 0:s.operations)?void 0:o.rotatable))){!function(e,t,i){const{size:o,background:n}=i,a=t,r=o/2,l=r,s=r;l>=0&&s>=0&&(e.beginPath(),e.fillStyle=n,e.circle(a.x,a.y,l,s,0,0,2*Math.PI),e.closePath(),e.fill("nonzero"))}(e,Tt(m.center,i),{...p,size:m.size});const t=Tt(m.center,i);e.drawImage(r.canvas,0,0,r.canvas.width/h,r.canvas.height/h,t.x-m.size/2,t.y-m.size/2,m.size,m.size)}}function Vo(e,t){const{xLines:i,yLines:o,style:n}=t,{referenceColor:a}=n,r={borderColor:a,borderWidth:1,lineDash:[]},l={...r,size:6};i&&i.forEach((t=>{t.forEach(((i,o)=>{No(e,i,l),t[o+1]&&jo(e,t[o],t[o+1],r)}))})),o&&o.forEach((t=>{t.forEach(((i,o)=>{No(e,i,l),t[o+1]&&jo(e,t[o],t[o+1],r)}))}))}function Xo(e){return e*Math.PI/180}function Ho(e,t){return Math.sqrt(e*e+t*t)}function Zo(e,t){return t>0?Math.abs(e):0-Math.abs(e)}function Qo(e,t){const{ctx:i,viewScaleInfo:o,vertexes:n}=t,a=Tt(n[0],{viewScaleInfo:o}),r=Tt(n[1],{viewScaleInfo:o}),l=Tt(n[2],{viewScaleInfo:o}),s=Tt(n[3],{viewScaleInfo:o});return i.beginPath(),i.moveTo(a.x,a.y),i.lineTo(r.x,r.y),i.lineTo(l.x,l.y),i.lineTo(s.x,s.y),i.lineTo(a.x,a.y),i.closePath(),!!i.isPointInPath(e.x,e.y)}function Uo(e,t){const{ctx:i,viewScaleInfo:o,viewSizeInfo:n,groupQueue:a}=t;if(!(a&&(null==a?void 0:a.length)>0))return!1;const r=zt(a),l=r[r.length-1];return!!l&&Qo(e,{ctx:i,vertexes:l,viewScaleInfo:o})}function $o(e,t){var i,o,n,a,r;const l={type:null,elements:[],elementVertexesList:[],groupQueue:[],groupQueueVertexesList:[]},{ctx:s,data:h,calculator:c,selectedElements:d,viewScaleInfo:u,viewSizeInfo:f,areaSize:g,groupQueue:v,selectedElementController:m}=t;if(m){const{left:t,right:n,top:a,bottom:r,topLeft:h,topRight:c,bottomLeft:f,bottomRight:g,rotate:y}=m,p=[t,n,a,r,h,c,f,g];1===(null==d?void 0:d.length)&&!1!==(null==(o=null==(i=null==d?void 0:d[0])?void 0:i.operations)?void 0:o.rotatable)&&p.push(y);for(let t=0;t<p.length;t++){const i=p[t];if(Qo(e,{ctx:s,vertexes:i.vertexes,viewScaleInfo:u})){l.type=`resize-${i.type}`,d&&(null==d?void 0:d.length)>0&&(l.groupQueue=v||[],l.elements=[d[0]]);break}}}if(v&&Array.isArray(v)&&v.length>0){const t=v[v.length-1];if((null==(n=null==t?void 0:t.detail)?void 0:n.children)&&Array.isArray(null==(a=null==t?void 0:t.detail)?void 0:a.children))for(let i=t.detail.children.length-1;i>=0;i--){const o=t.detail.children[i],n=Rt(o,{groupQueue:v});if(n&&Qo(e,{ctx:s,vertexes:n,viewScaleInfo:u}))return l.type||(l.type="over-element"),l.groupQueue=v,l.elements=[o],l}return l}if(null!==l.type)return l;if(g&&Array.isArray(d)&&(null==d?void 0:d.length)>1){const{x:t,y:i,w:o,h:n}=g;if(e.x>=t&&e.x<=t+o&&e.y>=i&&e.y<=i+n)return l.type="list-area",l.elements=d,l}if(h){const{index:t,element:i}=c.getPointElement(e,{data:h,viewScaleInfo:u,viewSizeInfo:f});if(t>=0&&i&&!0!==(null==(r=null==i?void 0:i.operations)?void 0:r.invisible))return l.elements=[i],l.type="over-element",l}return l}function Jo(e,t){const{x:i,y:o,w:n,h:a,angle:r=0}=e,{center:l,start:s,end:h,viewScaleInfo:c}=t,d=Tt(l,{viewScaleInfo:c}),u=yt(r),f=function(e,t,i){const o=dt(e,t),n=dt(e,i);return null!==n&&null!==o?n-o:0}(d,s,h);return{x:i,y:o,w:n,h:a,angle:yt(u+f/Math.PI*180)}}function Ko(e,t){var i;if(!Array.isArray(e))return null;const o={x:0,y:0,w:0,h:0},{viewScaleInfo:n}=t;let a=null;for(let t=0;t<e.length;t++){const r=e[t];if(null==(i=null==r?void 0:r.operations)?void 0:i.invisible)continue;const l=Ct(r,{viewScaleInfo:n});if(l.angle&&(l.angle>0||l.angle<0)){const e=vt(l);if(4===e.length){const t=[e[0].x,e[1].x,e[2].x,e[3].x],i=[e[0].y,e[1].y,e[2].y,e[3].y];l.x=Math.min(...t),l.y=Math.min(...i),l.w=Math.abs(Math.max(...t)-Math.min(...t)),l.h=Math.abs(Math.max(...i)-Math.min(...i))}}if(a){const e=Math.min(l.x,o.x),t=Math.min(l.y,o.y),i=Math.max(l.x+l.w,o.x+o.w),n=Math.max(l.y+l.h,o.y+o.h);o.x=e,o.y=t,o.w=Math.abs(i-e),o.h=Math.abs(n-t)}else o.x=l.x,o.y=l.y,o.w=l.w,o.h=l.h;a=l}return o}function qo(e){return{minX:e.topLeft.x,minY:e.topLeft.y,maxX:e.bottomRight.x,maxY:e.bottomRight.y,midX:e.center.x,midY:e.center.y}}const _o=(e,t)=>{if(0===e.length)throw null;if(1===e.length)return e[0];let i=0,o=e.length-1;for(;i<=o;){const n=Math.floor((i+o)/2);if(e[n]===t)return e[n];e[n]<t?i=n+1:o=n-1}return i>=e.length?e[o]:o<0?e[i]:Math.abs(e[o]-t)<=Math.abs(e[i]-t)?e[o]:e[i]},en=(e,t)=>Math.abs(e-t)<1e-5;function tn(e,t){var i,o;const{data:n,groupQueue:a,calculator:r,viewScaleInfo:l,viewSizeInfo:s}=t;let h=n.elements||[];(null==a?void 0:a.length)>0&&(h=(null==(o=null==(i=a[a.length-1])?void 0:i.detail)?void 0:o.children)||[]);const c=[];h.forEach((t=>{if(t.uuid!==e){const e=r.calcViewRectInfoFromRange(t.uuid,{checkVisible:!0,viewScaleInfo:l,viewSizeInfo:s});e&&c.push(e)}}));const d=r.calcViewRectInfoFromRange(e,{viewScaleInfo:l,viewSizeInfo:s});if(!d)return null;const u={},f={},g=[],v=[];let m=[],y=[];const p=qo(d);c.forEach((e=>{const t=qo(e);u[t.minX]||(u[t.minX]=[]),u[t.midX]||(u[t.midX]=[]),u[t.maxX]||(u[t.maxX]=[]),f[t.minY]||(f[t.minY]=[]),f[t.midY]||(f[t.midY]=[]),f[t.maxY]||(f[t.maxY]=[]),u[t.minX]=[t.minY,t.midY,t.maxY],u[t.midX]=[t.minY,t.midY,t.maxY],u[t.maxX]=[t.minY,t.midY,t.maxY],m.push(t.minX),m.push(t.midX),m.push(t.maxX),f[t.minY]=[t.minX,t.midX,t.maxX],f[t.midY]=[t.minX,t.midX,t.maxX],f[t.maxY]=[t.minX,t.midX,t.maxX],y.push(t.minY),y.push(t.midY),y.push(t.maxY)})),m=m.sort(((e,t)=>e-t)),y=y.sort(((e,t)=>e-t));let w=null,x=null,S=null,b=null,A=null,I=null,M=null,z=null;if(m.length>0){S=_o(m,p.minX),b=_o(m,p.midX),A=_o(m,p.maxX);const e=Math.abs(S-p.minX),t=Math.abs(b-p.midX),i=Math.abs(A-p.maxX),o=Math.min(e,t,i);o<=2/l.scale&&(en(o,e)?w=S-p.minX:en(o,t)?w=b-p.midX:en(o,i)&&(w=A-p.maxX))}if(y.length>0){I=_o(y,p.minY),M=_o(y,p.midY),z=_o(y,p.maxY);const e=Math.abs(I-p.minY),t=Math.abs(M-p.midY),i=Math.abs(z-p.maxY),o=Math.min(e,t,i);o<=2/l.scale&&(en(o,e)?x=I-p.minY:en(o,t)?x=M-p.midY:en(o,i)&&(x=z-p.maxY))}const R={...p};if(null!==w&&(R.minX+=w,R.midX+=w,R.maxX+=w),null!==x&&(R.minY+=x,R.midY+=x,R.maxY+=x),Ye.x(w)&&null!==w&&null!==S&&null!==b&&null!==A){if(en(w,S-p.minX)){const e={x:S,yList:[]};e.yList.push(R.minY),e.yList.push(R.maxY),e.yList.push(...(null==f?void 0:f[S])||[]),g.push(e)}if(en(w,b-p.minX)){const e={x:b,yList:[]};e.yList.push(R.minY),e.yList.push(R.maxY),e.yList.push(...(null==f?void 0:f[b])||[]),g.push(e)}if(en(w,A-p.minX)){const e={x:A,yList:[]};e.yList.push(R.minY),e.yList.push(R.maxY),e.yList.push(...(null==f?void 0:f[A])||[]),g.push(e)}}if(Ye.y(x)&&null!==x&&null!==I&&null!==M&&null!==z){if(en(x,I-p.minY)){const e={y:I,xList:[]};e.xList.push(R.minX),e.xList.push(R.maxX),e.xList.push(...(null==u?void 0:u[I])||[]),v.push(e)}if(en(x,M-p.midY)){const e={y:M,xList:[]};e.xList.push(R.minX),e.xList.push(R.maxX),e.xList.push(...(null==u?void 0:u[I])||[]),v.push(e)}if(en(x,z-p.maxY)){const e={y:z,xList:[]};e.xList.push(R.minX),e.xList.push(R.maxX),e.xList.push(...(null==u?void 0:u[z])||[]),v.push(e)}}const C=[];(null==g?void 0:g.length)>0&&g.forEach(((e,t)=>{C.push([]),e.yList.forEach((i=>{C[t].push({x:e.x,y:i})}))}));const T=[];return(null==v?void 0:v.length)>0&&v.forEach(((e,t)=>{T.push([]),e.xList.forEach((i=>{T[t].push({x:i,y:e.y})}))})),{offsetX:w,offsetY:x,yLines:C,xLines:T}}const on="LAYOUT_SELECT",nn=Symbol(`${on}_layoutActionType`),an=Symbol(`${on}_layoutControlType`),rn=Symbol(`${on}_layoutController`),ln=Symbol(`${on}_layoutIsHoverContent`),sn=Symbol(`${on}_layoutIsHoverController`),hn=Symbol(`${on}_layoutIsSelected`),cn=Symbol(`${on}_layoutIsSelected`),dn={activeColor:"#b331c9"};function un(e,t,i){const{activeColor:o}=i;e.setLineDash([]),e.fillStyle="#FFFFFF",e.beginPath(),e.moveTo(t[0].x,t[0].y),e.lineTo(t[1].x,t[1].y),e.lineTo(t[2].x,t[2].y),e.lineTo(t[3].x,t[3].y),e.closePath(),e.fill("nonzero"),e.strokeStyle=o,e.lineWidth=2,e.beginPath(),e.moveTo(t[0].x,t[0].y),e.lineTo(t[1].x,t[1].y),e.lineTo(t[2].x,t[2].y),e.lineTo(t[3].x,t[3].y),e.closePath(),e.stroke()}function fn(e,t){const{start:i,end:o,style:n}=t,{activeColor:a}=n,r=a;e.setLineDash([]),e.strokeStyle=r,e.lineWidth=2,e.beginPath(),e.moveTo(i.x,i.y),e.lineTo(o.x,o.y),e.closePath(),e.stroke()}function gn(e){const{fill:t,devicePixelRatio:i}=e,o=(e=>({uuid:Ae(),type:"path",x:0,y:0,w:200,h:200,detail:{commands:[{type:"M",params:[512,0]},{type:"c",params:[282.8,0,512,229.2,512,512]},{type:"s",params:[-229.2,512,-512,512]},{type:"S",params:[0,794.8,0,512,229.2,0,512,0]},{type:"z",params:[]},{type:"m",params:[309.8,253.8]},{type:"c",params:[0,-10.5,-6.5,-19.8,-15.7,-23.8,-9.7,-4,-21,-2,-28.2,5.6]},{type:"l",params:[-52.5,52]},{type:"c",params:[-56.9,-53.7,-133.9,-85.5,-213.4,-85.5,-170.7,0,-309.8,139.2,-309.8,309.8,0,170.6,139.2,309.8,309.8,309.8,92.4,0,179.5,-40.8,238.4,-111.8,4,-5.2,4,-12.9,-.8,-17.3]},{type:"L",params:[694.3,637]},{type:"c",params:[-2.8,-2.4,-6.5,-3.6,-10.1,-3.6,-3.6,.4,-7.3,2,-9.3,4.8,-39.5,51.2,-98.8,80.3,-163,80.3,-113.8,0,-206.5,-92.8,-206.5,-206.5,0,-113.8,92.8,-206.5,206.5,-206.5,52.8,0,102.9,20.2,140.8,55.3]},{type:"L",params:[597,416.5]},{type:"c",params:[-7.7,7.3,-9.7,18.6,-5.6,27.9,4,9.7,13.3,16.1,23.8,16.1]},{type:"H",params:[796]},{type:"c",params:[14.1,0,25.8,-11.7,25.8,-25.8]},{type:"V",params:[253.8]},{type:"z",params:[]}],fill:"#2c2c2c",stroke:"transparent",strokeWidth:0,originX:0,originY:0,originW:1024,originH:1024,opacity:1,...e}}))({fill:t}),{w:n,h:a}=o,r=Xe({width:n,height:a,devicePixelRatio:i});return wi(r,o,{loader:void 0,viewScaleInfo:{scale:1,offsetTop:0,offsetBottom:0,offsetLeft:0,offsetRight:0},viewSizeInfo:{width:n,height:a,devicePixelRatio:i,contextWidth:n,contextHeight:a},parentElementSize:{x:0,y:0,w:n,h:a},parentOpacity:1}),{context2d:r,fill:t}}const vn="monospace";const mn="@middleware/internal-event/show-info-angle",yn={textBackground:"#1973bac6",textColor:"#ffffff"},pn=10,wn="SCROLL",xn=Symbol(`${wn}_xThumbRect`),Sn=Symbol(`${wn}_yThumbRect`),bn=Symbol(`${wn}_hoverXThumbRect`),An=Symbol(`${wn}_hoverYThumbRect`),In=Symbol(`${wn}_prevPoint`),Mn=Symbol(`${wn}_activePoint`),zn=Symbol(`${wn}_activeThumbType`),Rn={thumbBackground:"#0000003A",thumbBorderColor:"#0000008A",hoverThumbBackground:"#0000005F",hoverThumbBorderColor:"#000000EE",activeThumbBackground:"#0000005E",activeThumbBorderColor:"#000000F0"};function Cn(e,t,i){const o=e,{x:n,y:a,w:r,h:l}=i;return o.beginPath(),o.rect(n,a,r,l),o.closePath(),!!o.isPointInPath(t.x,t.y)}function Tn(e,t){let{x:i,y:o,h:n,w:a}=t;const{background:r,borderColor:l}=t;e.save(),e.shadowColor="#FFFFFF",e.shadowOffsetX=0,e.shadowOffsetY=0,e.shadowBlur=1;{const{axis:s}=t;"X"===s?(o=o+n/4+0,n/=2):"Y"===s&&(i=i+a/4+0,a/=2);let h=t.r;h=Math.min(h,a/2,n/2),(a<2*h||n<2*h)&&(h=0),e.globalAlpha=1,e.beginPath(),e.moveTo(i+h,o),e.arcTo(i+a,o,i+a,o+n,h),e.arcTo(i+a,o+n,i,o+n,h),e.arcTo(i,o+n,i,o,h),e.arcTo(i,o,i+a,o,h),e.closePath(),e.fillStyle=r,e.fill("nonzero"),e.beginPath(),e.lineWidth=1,e.strokeStyle=l,e.setLineDash([]),e.moveTo(i+h,o),e.arcTo(i+a,o,i+a,o+n,h),e.arcTo(i+a,o+n,i,o+n,h),e.arcTo(i,o+n,i,o,h),e.arcTo(i,o,i+a,o,h),e.closePath(),e.stroke()}e.restore()}function Pn(e,t){const i=e,{viewScaleInfo:o,viewSizeInfo:n,scrollInfo:a,style:r}=t,{activeThumbType:l,prevPoint:s,activePoint:h,hoverXThumb:c,hoverYThumb:d}=a,u=function(e){const{viewScaleInfo:t,viewSizeInfo:i,hoverXThumb:o,hoverYThumb:n,style:a}=e,{width:r,height:l}=i,{offsetTop:s,offsetBottom:h,offsetLeft:c,offsetRight:d}=t,u=16,{thumbBackground:f,thumbBorderColor:g,hoverThumbBackground:v,hoverThumbBorderColor:m}=a;let y=0,p=0;y=Math.max(40,r-32-(Math.abs(c)+Math.abs(d))),y>=r&&(y=r),p=Math.max(40,l-32-(Math.abs(s)+Math.abs(h))),p>=l&&(p=l);let w=16;c>0?w=16:d>0?w=r-y-u:c<=0&&y>0&&(0!==c||0!==d)&&(w=16+(r-y)*Math.abs(c)/(Math.abs(c)+Math.abs(d)),w=Math.min(Math.max(0,w-16),r-y));let x=16;return s>0?x=16:h>0?x=l-p-u:s<=0&&p>0&&(0!==s||0!==h)&&(x=16+(l-p)*Math.abs(s)/(Math.abs(s)+Math.abs(h)),x=Math.min(Math.max(0,x-16),l-p)),{lineSize:u,xSize:y,ySize:p,translateY:x,translateX:w,xThumbBackground:o?v:f,yThumbBackground:n?v:f,xThumbBorderColor:o?m:g,yThumbBorderColor:n?m:g,xThumbRect:{x:w,y:l-u,w:y,h:u},yThumbRect:{x:r-u,y:x,w:u,h:p}}}({viewScaleInfo:o,viewSizeInfo:n,hoverXThumb:c,hoverYThumb:d,style:r});let f={...u.xThumbRect},g={...u.yThumbRect};return l&&s&&h&&("X"===l&&a.xThumbRect?(f={...a.xThumbRect},f.x=f.x+(h.x-s.x)):"Y"===l&&a.yThumbRect&&(g={...a.yThumbRect},g.y=g.y+(h.y-s.y))),Tn(i,{axis:"X",...f,r:u.lineSize/2,background:u.xThumbBackground,borderColor:u.xThumbBorderColor}),Tn(i,{axis:"Y",...g,r:u.lineSize/2,background:u.yThumbBackground,borderColor:u.yThumbBorderColor}),{xThumbRect:f,yThumbRect:g}}function En(e,t){const{snapshot:i,style:o}=t,n=at(i),a=nt(i),r=function(e){const{sharedStore:t}=e;return{activePoint:t[Mn]||null,prevPoint:t[In]||null,activeThumbType:t[zn]||null,xThumbRect:t[xn]||null,yThumbRect:t[Sn]||null,hoverXThumb:t[bn],hoverYThumb:t[An]}}(i),{xThumbRect:l,yThumbRect:s}=Pn(e,{viewSizeInfo:n,viewScaleInfo:a,scrollInfo:r,style:o});return{xThumbRect:l,yThumbRect:s}}const Ln=16,kn="monospace",On={background:"#FFFFFFA8",borderColor:"#00000080",scaleColor:"#000000",textColor:"#00000080",gridColor:"#AAAAAA20",gridPrimaryColor:"#AAAAAA40",selectedAreaColor:"#19609780"},Wn=[1,2,5,10,20,50,100,200,500];function Dn(e){const{scale:t,viewLength:i,viewOffset:o}=e,n=[];let a=10;a=Nt(a/t,{decimalPlaces:0}),a=function(e){e=Math.max(Wn[0],Math.min(e,Wn[Wn.length-1]));for(let t=0;t<Wn.length-1;t++){const i=Wn[t],o=Wn[t+1];if(!(e>o))return e===i||e===o?e:e<=(i+o)/2?i:o}return e}(a);const r=10*a,l=5*a;let s=0;const h=a*t,c=0-o,d=c%h,u=(c-d+h)/t,f=h-d+0;for(;f+s*h<i;){const e=Nt(u+s*a,{decimalPlaces:0}),t={num:e,position:Nt(f+s*h,{decimalPlaces:0}),showNum:e%r==0,isKeyNum:e%r==0,isSubKeyNum:e%l==0};n.push(t),s++}return{list:n,rulerUnit:a}}const jn={boxSizing:"border-box",borderWidth:0,borderColor:"#000000",shadowColor:"#000000",borderRadius:0,borderDash:[],shadowOffsetX:0,shadowOffsetY:0,shadowBlur:0,opacity:1,color:"#000000",textAlign:"left",verticalAlign:"top",fontSize:16,fontFamily:"sans-serif",fontWeight:400,minInlineSize:"auto",wordBreak:"break-all",overflow:"hidden"},Yn=Symbol("DRAG_prevPoint");return ce=new WeakMap,de=new WeakMap,ue=new WeakMap,fe=new WeakSet,ge=function(){ye(this,ue).style.position="relative"},e.Board=uo,e.Calculator=$i,e.Core=class{constructor(e,t){pe(this,fe),pe(this,ce),pe(this,de),pe(this,ue);const{devicePixelRatio:i=1,width:o,height:n}=t;we(this,ue,e);const a=document.createElement("canvas");a.setAttribute("tabindex","0"),we(this,de,a),xe(this,fe,ge).call(this),e.appendChild(a);const r=He(a,{width:o,height:n,devicePixelRatio:i}),l=new uo({boardContent:r,container:e}),s=l.getSharer();s.setActiveViewSizeInfo({width:o,height:n,devicePixelRatio:i,contextWidth:o,contextHeight:n}),we(this,ce,l),this.resize(s.getActiveViewSizeInfo());const h=l.getEventHub();new yo(e,{eventHub:h})}isDestroyed(){return ye(this,ce).isDestroyed()}destroy(){ye(this,ce).destroy(),ye(this,de).remove()}use(e,t){ye(this,ce).use(e,t)}disuse(e){ye(this,ce).disuse(e)}resetMiddlewareConfig(e,t){ye(this,ce).resetMiddlewareConfig(e,t)}setData(e){pt((null==e?void 0:e.elements)||[]),ye(this,ce).setData(e)}getData(){return ye(this,ce).getData()}scale(e){ye(this,ce).scale(e);ye(this,ce).getViewer().drawFrame()}resize(e){const t=ye(this,ce),i=t.getSharer().getActiveViewSizeInfo();t.resize({...i,...e})}clear(){ye(this,ce).clear()}on(e,t){ye(this,ce).getEventHub().on(e,t)}off(e,t){ye(this,ce).getEventHub().off(e,t)}trigger(e,t){ye(this,ce).getEventHub().trigger(e,t)}getViewInfo(){const e=ye(this,ce).getSharer();return{viewSizeInfo:e.getActiveViewSizeInfo(),viewScaleInfo:e.getActiveViewScaleInfo()}}refresh(){ye(this,ce).getViewer().drawFrame()}setViewScale(e){ye(this,ce).updateViewScaleInfo(e)}getLoadItemMap(){return ye(this,ce).getRenderer().getLoadItemMap()}onBoardWatcherEvents(){ye(this,ce).onWatcherEvents()}offBoardWatcherEvents(){ye(this,ce).offWatcherEvents()}createElement(e,t,i){const{viewScaleInfo:o,viewSizeInfo:n}=this.getViewInfo();return ii(e,t||{},!0===(null==i?void 0:i.viewCenter)?{viewScaleInfo:o,viewSizeInfo:n}:void 0)}updateElement(e){const t=this.getData()||{elements:[]},i=e.uuid,o=At(i,t.elements),n=bt(o,t.elements);if(!n)return null;const a=Ht(n),r=Ht(li(o,e,t.elements,{strict:!0}));this.setData(t),this.refresh();return{type:"updateElement",time:Date.now(),content:{method:"updateElement",uuid:i,before:a,after:r}}}modifyElement(e){const{uuid:t,...i}=e,o=this.getData()||{elements:[]},n=At(t,o.elements),a=bt(n,o.elements);if(!a)return null;const r=po({modifiedElement:e,beforeElement:a});return li(n,i,o.elements),this.setData(o),this.refresh(),r}modifyElements(e){const t=this.getData()||{elements:[]};let i=null;const o=[],n=[];return e.forEach((e=>{const{uuid:i,...a}=e,r=At(i,t.elements),l=bt(r,t.elements);if(!l)return null;const s=po({modifiedElement:e,beforeElement:l});s.content&&(o.push({...s.content.before,uuid:i}),n.push({...s.content.after,uuid:i})),li(r,a,t.elements)})),i={type:"modifyElements",time:Date.now(),content:{method:"modifyElements",before:o,after:n}},this.setData(t),this.refresh(),i}addElement(e,t){var i;const o=this.getData()||{elements:[]};if(t&&(null==(i=null==t?void 0:t.position)?void 0:i.length)){if(null==t?void 0:t.position){oi(e,[...(null==t?void 0:t.position)||[]],o.elements)}}else o.elements.push(e);const n=At(e.uuid,o.elements),a={type:"addElement",time:Date.now(),content:{method:"addElement",uuid:e.uuid,position:n,element:ze(e)}};return this.setData(o),this.refresh(),a}deleteElement(e){const t=this.getData()||{elements:[]},i=At(e,t.elements),o=bt(i,t.elements),n={type:"deleteElement",time:Date.now(),content:{method:"deleteElement",uuid:e,position:i,element:o?ze(o):null}};return function(e,t){ni(At(e,t),t)}(e,t.elements),this.setData(t),this.refresh(),n}moveElement(e,t){const i=this.getData()||{elements:[]},o=At(e,i.elements),n={type:"moveElement",time:Date.now(),content:{method:"moveElement",uuid:e,from:[...o],to:[...t]}},{elements:a}=function(e,t){const i=[...t.from],o=[...t.to];if(0===i.length||0===o.length)return{elements:e,from:i,to:o};if(i.length<=o.length)for(let t=0;t<i.length;t++)if(o[t]!==i[t]);else if(t===i.length-1)return{elements:e,from:i,to:o};const n=bt(i,e);if(n){if(!oi(n,o,e))return{elements:e,from:i,to:o};let t=-1,a=!1;if(i.length>=1&&o.length>=1){if(i.length<=o.length)if(1===i.length)i[0]<o[0]&&(a=!0);else for(let e=0;e<i.length&&i[e]===o[e];e++)if(i.length===i.length-1){a=!0;break}if(i.length>=o.length)if(1===o.length)o[0]<i[0]&&(a=!0);else for(let e=0;e<o.length&&(e===o.length-1&&o[e]<i[e]&&(a=!0),i[e]===o[e]);e++);}if(!0===a)for(let e=0;e<i.length&&o[e]>=0;e++)o[e]!==i[e]&&o[e]<i[e]&&e==o.length-1&&(t=e);t>=0&&(i[t]=i[t]+1),ni(i,e)}return{elements:e,from:i,to:o}}(i.elements,{from:o,to:t});return i.elements=a,this.setData(i),this.refresh(),n}modifyLayout(e){const t=this.getData()||{elements:[]},i={type:"modifyLayout",time:Date.now(),content:{method:"modifyLayout",before:null,after:null}};if(null===e)return t.layout?(i.content.before=Zt(t.layout),delete t.layout,this.setData(t),this.refresh(),i):i;const o=t.layout;let n={};const a=Zt(e);return t.layout?(Object.keys(a).forEach((e=>{let t=$t(o,e);void 0===t&&/(borderRadius|borderWidth)\[[0-9]{1,}\]$/.test(e)&&(e=e.replace(/\[[0-9]{1,}\]$/,""),t=$t(o,e)),n[e]=t})),n=Zt(n),i.content.before=n):t.layout={},i.content.after=a,function(e,t){const i=Zt(t),o=[];Object.keys(i).forEach((t=>{if(!o.includes(t)){const o=i[t];Kt(e,t),void 0!==o&&Jt(e,t,o)}}))}(t.layout,e),this.setData(t),this.refresh(),i}modifyGlobal(e){const t=this.getData()||{elements:[]},i={type:"modifyGlobal",time:Date.now(),content:{method:"modifyGlobal",before:null,after:null}};if(null===e)return t.global?(i.content.before=Qt(t.global),delete t.global,this.setData(t),this.refresh(),i):i;const o=t.global;let n={};const a=Qt(e);return t.global?(Object.keys(a).forEach((e=>{n[e]=$t(o,e)})),n=Qt(n),i.content.before=n):t.global={},i.content.after=a,function(e,t){const i=Qt(t),o=[];Object.keys(i).forEach((t=>{if(!o.includes(t)){const o=i[t];Kt(e,t),void 0!==o&&Jt(e,t,o)}}))}(t.global,e),this.setData(t),this.refresh(),i}},e.MiddlewareDragger=e=>{const{eventHub:t,sharer:i,viewer:o}=e;let n=!1;return{name:"@middleware/dragger",hover(){!0!==n&&t.trigger(mo.CURSOR,{type:"drag-default"})},pointStart(e){const{point:o}=e;i.setSharedStorage(Yn,o),n=!0,t.trigger(mo.CURSOR,{type:"drag-active"})},pointMove(e){const{point:t}=e,n=i.getSharedStorage(Yn);if(t&&n){const e=t.x-n.x,i=t.y-n.y;o.scroll({moveX:e,moveY:i}),o.drawFrame()}i.setSharedStorage(Yn,t)},pointEnd(){n=!1,i.setSharedStorage(Yn,null),t.trigger(mo.CURSOR,{type:"drag-default"})}}},e.MiddlewareInfo=(e,t)=>{const{boardContent:i,calculator:o,eventHub:n}=e,{overlayContext:a}=i;let r={...yn,...t},l=!0;const s=({show:e})=>{l=e};return{name:"@middleware/info",use(){n.on(mn,s)},disuse(){n.off(mn,s)},resetConfig(e){r={...r,...e}},beforeDrawFrame({snapshot:e}){var t;const{textBackground:i,textColor:n}=r,s={textBackground:i,textColor:n},{sharedStore:h}=e,c=h[zo],d=h[xo],u=h[Po]||[];if(1===c.length){const i=c[0];if(i&&["select","drag","resize"].includes(d)){const n=nt(e),r=at(e),{x:h,y:c,w:d,h:f,angle:g}=i,v=[...u,{uuid:Ae(),x:h,y:c,w:d,h:f,angle:g,type:"group",detail:{children:[]}}],m={viewScaleInfo:n,viewSizeInfo:r},y=o.calcViewRectInfoFromOrigin(i.uuid,m);let p=0;v.forEach((e=>{p+=e.angle||0}));const w=rt(yt(0-p));if(y){const e=null==y?void 0:y.center,o={topLeft:ut(e,y.topLeft,w),topRight:ut(e,y.topRight,w),bottomRight:ut(e,y.bottomRight,w),bottomLeft:ut(e,y.bottomLeft,w),center:ut(e,y.center,w),top:ut(e,y.top,w),right:ut(e,y.right,w),bottom:ut(e,y.bottom,w),left:ut(e,y.left,w)},n=Nt(i.x,{decimalPlaces:2}),r=Nt(i.y,{decimalPlaces:2}),h=Nt(i.w,{decimalPlaces:2}),c=Nt(i.h,{decimalPlaces:2}),d=`${Nt(n,{decimalPlaces:0})},${Nt(r,{decimalPlaces:0})}`,u=`${Nt(h,{decimalPlaces:0})}x${Nt(c,{decimalPlaces:0})}`,f=`${Nt(i.angle||0,{decimalPlaces:0})}°`;!function(e,t){const{point:i,rotateCenter:o,angle:n,text:a,style:r,fontSize:l,lineHeight:s}=t,{textColor:h,textBackground:c}=r;lt(e,n,o,(()=>{e.$setFont({fontWeight:"300",fontSize:l,fontFamily:vn});const t=(s-l)/2,o=e.$undoPixelRatio(e.measureText(a).width),n={x:i.x-o/2-t,y:i.y},r={x:n.x+o+2*t,y:n.y+l+t},d={x:i.x-o/2,y:i.y};e.setLineDash([]),e.fillStyle=c,e.beginPath(),e.moveTo(n.x,n.y),e.lineTo(r.x,n.y),e.lineTo(r.x,r.y),e.lineTo(n.x,r.y),e.closePath(),e.fill("nonzero"),e.fillStyle=h,e.textBaseline="top",e.fillText(a,d.x,d.y+t)}))}(a,{point:{x:o.bottom.x,y:o.bottom.y+pn},rotateCenter:o.center,angle:p,text:u,fontSize:pn,lineHeight:16,style:s}),function(e,t){const{point:i,rotateCenter:o,angle:n,text:a,style:r,fontSize:l,lineHeight:s}=t,{textBackground:h,textColor:c}=r;lt(e,n,o,(()=>{e.$setFont({fontWeight:"300",fontSize:l,fontFamily:vn});const t=(s-l)/2,o=e.$undoPixelRatio(e.measureText(a).width),n={x:i.x,y:i.y},r={x:n.x+o+2*t,y:n.y+l+t},d={x:i.x+t,y:i.y};e.setLineDash([]),e.fillStyle=h,e.beginPath(),e.moveTo(n.x,n.y),e.lineTo(r.x,n.y),e.lineTo(r.x,r.y),e.lineTo(n.x,r.y),e.closePath(),e.fill("nonzero"),e.fillStyle=c,e.textBaseline="top",e.fillText(a,d.x,d.y+t)}))}(a,{point:{x:o.topLeft.x,y:o.topLeft.y-20},rotateCenter:o.center,angle:p,text:d,fontSize:pn,lineHeight:16,style:s}),l&&!1!==(null==(t=i.operations)?void 0:t.rotatable)&&function(e,t){const{point:i,rotateCenter:o,angle:n,text:a,style:r,fontSize:l,lineHeight:s}=t,{textBackground:h,textColor:c}=r;lt(e,n,o,(()=>{e.$setFont({fontWeight:"300",fontSize:l,fontFamily:vn});const t=(s-l)/2,o=e.$undoPixelRatio(e.measureText(a).width),n={x:i.x,y:i.y},r={x:n.x+o+2*t,y:n.y+l+t},d={x:i.x+t,y:i.y};e.setLineDash([]),e.fillStyle=h,e.beginPath(),e.moveTo(n.x,n.y),e.lineTo(r.x,n.y),e.lineTo(r.x,r.y),e.lineTo(n.x,r.y),e.closePath(),e.fill("nonzero"),e.fillStyle=c,e.textBaseline="top",e.fillText(a,d.x,d.y+t)}))}(a,{point:{x:o.top.x+pn+4,y:o.top.y-20-18},rotateCenter:o.center,angle:p,text:f,fontSize:pn,lineHeight:16,style:s})}}}}}},e.MiddlewareLayoutSelector=(e,t)=>{const{sharer:i,boardContent:o,calculator:n,viewer:a,eventHub:r}=e,{overlayContext:l}=o;let s={...dn,...t},h=null,c=null,d=null,u=null;const f=()=>{h=null,i.setSharedStorage(nn,null),i.setSharedStorage(an,null),i.setSharedStorage(rn,null),i.setSharedStorage(ln,null),i.setSharedStorage(sn,null),i.setSharedStorage(hn,null),i.setSharedStorage(cn,null),c=null,d=null},g=()=>{const e=i.getSharedStorage(xo);return!(!e||"area"===e)&&(f(),!0)},v=()=>{const e=i.getActiveStorage("data");if(null==e?void 0:e.layout){const{x:t,y:i,w:o,h:n}=e.layout;return{x:t,y:i,w:o,h:n}}return null},m=e=>{const t=v();if(t){const{x:o,y:n,w:a,h:r}=t;return function(e,t){return Lt(e,Mt(t))}(e,Ct({x:o-5,y:n-5,w:a+10,h:r+10},{viewScaleInfo:i.getActiveViewScaleInfo()}))}return!1},y=()=>{const e=i.getActiveViewScaleInfo(),t=v();if(t){const o=jt(t,{viewScaleInfo:e,controllerSize:10});i.setSharedStorage(rn,o)}else i.setSharedStorage(rn,null)},p=e=>{const t=i.getActiveStorage("data"),o=i.getSharedStorage(rn);let n=null;if(o&&(null==t?void 0:t.layout)&&(null==e?void 0:e.point)){let t=null;if(o){const{topLeft:a,top:l,topRight:s,right:h,bottomRight:c,bottom:d,bottomLeft:u,left:f}=o,g=[a,l,s,h,c,d,u,f];for(let i=0;i<g.length;i++){const o=g[i];if(Lt(e.point,o.vertexes)){t=`${o.type}`;break}}t&&(i.setSharedStorage(an,t),r.trigger(mo.CLEAR_SELECT),n=t)}}return n?i.setSharedStorage(sn,!0):i.setSharedStorage(sn,!1),n},w=e=>{!0!==i.getSharedStorage(cn)&&r.trigger(mo.CURSOR,{type:e?`resize-${e}`:e,groupQueue:[],element:v()})};return{name:"@middleware/layout-selector",use:()=>{f(),y()},resetConfig(e){s={...s,...e}},hover:e=>{if(!0!==i.getSharedStorage(cn)&&!g()){if(m(e.point)?i.setSharedStorage(ln,!0):(i.setSharedStorage(ln,!1),!0===c&&(a.drawFrame(),c=!1)),!0===i.getSharedStorage(hn)){const t=i.getSharedStorage(nn),o=i.getActiveStorage("data");if(null==o?void 0:o.layout)if("resize"!==t){y();const t=p(e);t?w(t):(w(),i.setSharedStorage(nn,null))}else{const t=p(e);w(t)}return!0!==i.getSharedStorage(sn)&&void 0}return i.getSharedStorage(ln)&&!c&&a.drawFrame(),c=i.getSharedStorage(ln),!0!==i.getSharedStorage(sn)&&void 0}},pointStart:e=>{if(g())return;m(e.point)?i.setSharedStorage(hn,!0):(!0===d&&(f(),a.drawFrame()),i.setSharedStorage(hn,!1));const t=i.getActiveStorage("data");u=(null==t?void 0:t.layout)?St(t.layout):null,y();const o=p(e);return h=e.point,o&&i.setSharedStorage(nn,"resize"),!0!==i.getSharedStorage(hn)||d||(a.drawFrame(),r.trigger(mo.SELECT_LAYOUT)),d=i.getSharedStorage(hn),!0!==i.getSharedStorage(sn)&&void 0},pointMove:e=>{if(!i.getSharedStorage(hn)&&g())return;const t=i.getSharedStorage(nn),o=i.getSharedStorage(an),r=i.getActiveStorage("data");if("resize"===t&&o&&(null==r?void 0:r.layout)){if(h){i.setSharedStorage(cn,!0);const t=i.getActiveStorage("scale"),l=e.point.x-h.x,s=e.point.y-h.y,c=l/t,d=s/t,{x:u,y:f,w:g,h:v,operations:m={}}=r.layout,{position:y="absolute"}=m;"top"===o?"relative"===y?(r.layout.h=n.toGridNum(v-d),a.scroll({moveY:s})):(r.layout.y=n.toGridNum(f+d),r.layout.h=n.toGridNum(v-d)):"right"===o?r.layout.w=n.toGridNum(g+c):"bottom"===o?r.layout.h=n.toGridNum(v+d):"left"===o?"relative"===y?(r.layout.w=n.toGridNum(g-c),a.scroll({moveX:l})):(r.layout.x=n.toGridNum(u+c),r.layout.w=n.toGridNum(g-c)):"top-left"===o?"relative"===y?(r.layout.w=n.toGridNum(g-c),r.layout.h=n.toGridNum(v-d),a.scroll({moveX:l,moveY:s})):(r.layout.x=n.toGridNum(u+c),r.layout.y=n.toGridNum(f+d),r.layout.w=n.toGridNum(g-c),r.layout.h=n.toGridNum(v-d)):"top-right"===o?"relative"===y?(a.scroll({moveY:s}),r.layout.w=n.toGridNum(g+c),r.layout.h=n.toGridNum(v-d)):(r.layout.y=n.toGridNum(f+d),r.layout.w=n.toGridNum(g+c),r.layout.h=n.toGridNum(v-d)):"bottom-right"===o?(r.layout.w=n.toGridNum(g+c),r.layout.h=n.toGridNum(v+d)):"bottom-left"===o&&("relative"===y?(a.scroll({moveX:l}),r.layout.w=n.toGridNum(g-c),r.layout.h=n.toGridNum(v+d)):(r.layout.x=n.toGridNum(u+c),r.layout.w=n.toGridNum(g-c),r.layout.h=n.toGridNum(v+d)))}return h=e.point,y(),a.drawFrame(),!1}return!["resize"].includes(t)&&void 0},pointEnd:()=>{i.setSharedStorage(cn,!1);const e=i.getSharedStorage(nn),t=i.getSharedStorage(an),o=i.getActiveStorage("data");if(o&&"resize"===e&&t){let e;u&&(e={type:"modifyLayout",time:Date.now(),content:{method:"modifyLayout",before:Zt(u),after:Zt(St(o.layout))}}),r.trigger(mo.CHANGE,{type:"dragLayout",data:o,modifyRecord:e})}if(u=null,i.setSharedStorage(nn,null),i.setSharedStorage(an,null),!0===i.getSharedStorage(sn))return!1},beforeDrawFrame:({snapshot:e})=>{var t;if(g())return;const{activeColor:i}=s,o={activeColor:i},{sharedStore:n,activeStore:a}=e,r=n[nn],h=n[ln],c=n[hn];if(null==(t=a.data)?void 0:t.layout){const{x:t,y:i,w:n,h:s}=a.data.layout,d=nt(e),u={x:t,y:i,w:n,h:s},f=jt(u,{viewScaleInfo:d,controllerSize:10});if(!0===h){const e=Ct(u,{viewScaleInfo:d});!function(e,t){const{layoutSize:i,style:o}=t,{activeColor:n}=o,{x:a,y:r,w:l,h:s}=i;e.setLineDash([]),e.strokeStyle=n,e.lineWidth=1,e.beginPath(),e.moveTo(a,r),e.lineTo(a+l,r),e.lineTo(a+l,r+s),e.lineTo(a,r+s),e.lineTo(a,r),e.closePath(),e.stroke()}(l,{layoutSize:e,style:o})}(r&&["resize"].includes(r)||!0===c)&&function(e,t){const{controller:i,style:o}=t,{topLeft:n,topRight:a,bottomLeft:r,bottomRight:l,topMiddle:s,rightMiddle:h,bottomMiddle:c,leftMiddle:d}=i;fn(e,{start:n.center,end:a.center,centerVertexes:s.vertexes,style:o}),fn(e,{start:a.center,end:l.center,centerVertexes:h.vertexes,style:o}),fn(e,{start:l.center,end:r.center,centerVertexes:c.vertexes,style:o}),fn(e,{start:r.center,end:n.center,centerVertexes:d.vertexes,style:o}),un(e,n.vertexes,o),un(e,a.vertexes,o),un(e,l.vertexes,o),un(e,r.vertexes,o)}(l,{controller:f,style:o})}},scrollX:()=>{f()},scrollY:()=>{f()},wheelScale:()=>{f()}}},e.MiddlewarePointer=e=>{const{boardContent:t,eventHub:i,sharer:o}=e,n=t.boardContext.canvas,a=e.container||document.body,r=`idraw-middleware-pointer-${Math.random().toString(26).substring(2)}`;let l=document.createElement("div");return{name:"@middleware/pointer",use(){l.setAttribute("id",r),l.style.position="fixed",l.style.top="0",l.style.bottom="unset",l.style.left="0",l.style.right="unset",a.appendChild(l)},disuse(){a.removeChild(l),l.remove(),l=null},contextMenu(e){const{point:t}=e,{left:a,top:r}=(()=>{const e=n.getBoundingClientRect(),{left:t,top:i,width:o,height:a}=e;return{left:t,top:i,width:o,height:a}})();l.style.left=`${a+t.x}px`,l.style.top=`${r+t.y}px`;const s=o.getSharedStorage(zo);i.trigger(mo.CONTEXT_MENU,{pointerContainer:l,selectedElements:s||[]})}}},e.MiddlewareRuler=(e,t)=>{const{boardContent:i,viewer:o,eventHub:n,calculator:a}=e,{overlayContext:r,underlayContext:l}=i;let s={...On,...t},h=!0,c=!0;const d=e=>{"boolean"==typeof(null==e?void 0:e.show)&&(h=e.show),"boolean"==typeof(null==e?void 0:e.showGrid)&&(c=e.showGrid),"boolean"!=typeof(null==e?void 0:e.show)&&"boolean"!=typeof(null==e?void 0:e.showGrid)||o.drawFrame()};return{name:"@middleware/ruler",use(){n.on(mo.RULER,d)},disuse(){n.off(mo.RULER,d)},resetConfig(e){s={...s,...e}},beforeDrawFrame:({snapshot:e})=>{const{background:t,borderColor:i,scaleColor:o,textColor:n,gridColor:d,gridPrimaryColor:u,selectedAreaColor:f}=s,g={background:t,borderColor:i,scaleColor:o,textColor:n,gridColor:d,gridPrimaryColor:u,selectedAreaColor:f};if(!0===h){const t=nt(e),i=at(e);!function(e,t){const{viewSizeInfo:i,style:o}=t,{width:n,height:a}=i,{background:r,borderColor:l}=o;e.beginPath();const s=-1;e.moveTo(s,s),e.lineTo(n+1,s),e.lineTo(n+1,Ln),e.lineTo(Ln,Ln),e.lineTo(Ln,a+1),e.lineTo(s,a+1),e.lineTo(s,s),e.closePath(),e.fillStyle=r,e.fill("nonzero"),e.lineWidth=1,e.setLineDash([]),e.strokeStyle=l,e.stroke()}(r,{viewSizeInfo:i,style:g}),function(e,t){const{snapshot:i,calculator:o,style:n}=t,{sharedStore:a}=i,{selectedAreaColor:r}=n,l=a[zo],s=a[xo];if(["select","drag","drag-list","drag-list-end"].includes(s)&&l.length>0){const t=nt(i),n=at(i),a=[],s=[],h=[],c=[],d=[];if(l.forEach((e=>{const i=o.calcViewRectInfoFromRange(e.uuid,{viewScaleInfo:t,viewSizeInfo:n});i&&(a.push(i),s.push(i.left.x),h.push(i.right.x),c.push(i.top.y),d.push(i.bottom.y))})),!(a.length>0))return;const u=Math.min(...s),f=Math.max(...h),g=Math.min(...c),v=Math.max(...d);e.globalAlpha=1,e.beginPath(),e.moveTo(u,0),e.lineTo(f,0),e.lineTo(f,Ln),e.lineTo(u,Ln),e.fillStyle=r,e.closePath(),e.fill("nonzero"),e.beginPath(),e.moveTo(0,g),e.lineTo(Ln,g),e.lineTo(Ln,v),e.lineTo(0,v),e.fillStyle=r,e.closePath(),e.fill("nonzero")}}(r,{snapshot:e,calculator:a,style:g});const{list:o,rulerUnit:n}=function(e){const{viewScaleInfo:t,viewSizeInfo:i}=e,{scale:o,offsetLeft:n}=t,{width:a}=i;return Dn({scale:o,viewLength:a,viewOffset:n})}({viewScaleInfo:t,viewSizeInfo:i});!function(e,t){const{scaleList:i,style:o}=t,{scaleColor:n,textColor:a}=o;for(let t=0;t<i.length;t++){const o=i[t];o.position<Ln||(e.beginPath(),e.moveTo(o.position,16),e.lineTo(o.position,o.isKeyNum?3.2:o.isSubKeyNum?6.4:12.8),e.closePath(),e.lineWidth=1,e.setLineDash([]),e.fillStyle=n,e.stroke(),o.isKeyNum&&(e.fillStyle=a,e.textBaseline="top",e.$setFont({fontWeight:100,fontSize:10,fontFamily:kn}),e.fillText(`${o.num}`,o.position+3.2,3.2)))}}(r,{scaleList:o,style:g});const{list:s}=function(e){const{viewScaleInfo:t,viewSizeInfo:i}=e,{scale:o,offsetTop:n}=t,{height:a}=i;return Dn({scale:o,viewLength:a,viewOffset:n})}({viewScaleInfo:t,viewSizeInfo:i});if(function(e,t){const{scaleList:i,style:o}=t,{scaleColor:n,textColor:a}=o,r=3.2;for(let t=0;t<i.length;t++){const o=i[t];if(!(o.position<Ln)&&(e.beginPath(),e.moveTo(16,o.position),e.lineTo(o.isKeyNum?3.2:o.isSubKeyNum?6.4:12.8,o.position),e.closePath(),e.fillStyle=n,e.lineWidth=1,e.setLineDash([]),e.stroke(),!0===o.showNum)){const t=r,i=o.position+r,n=`${o.num}`;lt(e,-90,{x:t,y:i},(()=>{e.fillStyle=a,e.textBaseline="top",e.$setFont({fontWeight:100,fontSize:10,fontFamily:kn}),e.fillText(n,13.2,o.position+r)}))}}}(r,{scaleList:s,style:g}),!0===c){!function(e,t){const{xList:i,yList:o,viewSizeInfo:n,style:a}=t,{width:r,height:l}=n,{gridColor:s,gridPrimaryColor:h}=a;for(let t=0;t<i.length;t++){const o=i[t];e.beginPath(),e.moveTo(o.position,0),e.lineTo(o.position,l),!0===o.isKeyNum||!0===o.isSubKeyNum?e.strokeStyle=h:e.strokeStyle=s,e.closePath(),e.lineWidth=1,e.setLineDash([]),e.stroke()}for(let t=0;t<o.length;t++){const i=o[t];e.beginPath(),e.moveTo(0,i.position),e.lineTo(r,i.position),!0===i.isKeyNum||!0===i.isSubKeyNum?e.strokeStyle=h:e.strokeStyle=s,e.lineWidth=1,e.closePath(),e.stroke()}}(1===n?r:l,{xList:o,yList:s,viewSizeInfo:i,style:g})}}}}},e.MiddlewareScaler=e=>{const{viewer:t,sharer:i,eventHub:o}=e;return{name:"@middleware/scaler",wheelScale(e){const{deltaY:n,point:a}=e,{scale:r}=i.getActiveViewScaleInfo();let l=r;if(n<0?l=1.1*r:n>0&&(l=.9*r),l<.05||l>50)return;const{moveX:s,moveY:h}=t.scale({scale:l,point:a});t.scroll({moveX:s,moveY:h}),t.drawFrame();const c=Nt(r);o.trigger(mo.SCALE,{scale:c})}}},e.MiddlewareScroller=(e,t)=>{const{viewer:i,boardContent:o,sharer:n,eventHub:a}=e,{overlayContext:r}=o;n.setSharedStorage(xn,null),n.setSharedStorage(Sn,null);let l=!1,s={...Rn,...t};const h=()=>{n.setSharedStorage(In,null),n.setSharedStorage(Mn,null),n.setSharedStorage(zn,null),n.setSharedStorage(bn,null),n.setSharedStorage(An,null),l=!1};h();const c=e=>function(e,t,i){let o=null;const{xThumbRect:n,yThumbRect:a}=i;return n&&Cn(e,t,n)?o="X":a&&Cn(e,t,a)&&(o="Y"),o}(r,e,{xThumbRect:n.getSharedStorage(xn),yThumbRect:n.getSharedStorage(Sn)});return{name:"@middleware/scroller",resetConfig(e){s={...s,...e}},wheel:e=>{i.scroll({moveX:0-e.deltaX,moveY:0-e.deltaY}),i.drawFrame()},hover:e=>{if(!0===l)return!1;const{point:t}=e,i=c(t);if("X"===i||"Y"===i)return"X"===i?(n.setSharedStorage(bn,!0),n.setSharedStorage(An,!1)):(n.setSharedStorage(bn,!1),n.setSharedStorage(An,!0)),a.trigger(mo.CURSOR,{type:"default"}),!1;n.setSharedStorage(bn,!1),n.setSharedStorage(An,!1)},pointStart:e=>{const{point:t}=e,i=c(t);if("X"===i||"Y"===i)return l=!0,n.setSharedStorage(zn,i),n.setSharedStorage(In,t),!1},pointMove:e=>{const{point:t}=e,o=n.getSharedStorage(zn);if("X"===o||"Y"===o)return n.setSharedStorage(Mn,t),"X"===o?(e=>{const t=n.getSharedStorage(In);if(t){const{offsetLeft:o,offsetRight:a}=n.getActiveViewScaleInfo(),{width:r}=n.getActiveViewSizeInfo(),l=-(e.x-t.x)*(r+Math.abs(o)+Math.abs(a))/r;i.scroll({moveX:l}),i.drawFrame()}})(t):"Y"===o&&(e=>{const t=n.getSharedStorage(In);if(t){const{offsetTop:o,offsetBottom:a}=n.getActiveViewScaleInfo(),{height:r}=n.getActiveViewSizeInfo(),l=-(e.y-t.y)*(r+Math.abs(o)+Math.abs(a))/r;i.scroll({moveY:l}),i.drawFrame()}})(t),n.setSharedStorage(In,t),!1},pointEnd:()=>{l=!1;const e=n.getSharedStorage(zn);if(h(),"X"===e||"Y"===e)return i.scroll({moveX:0,moveY:0}),i.drawFrame(),!1},beforeDrawFrame({snapshot:e}){const{thumbBackground:t,thumbBorderColor:i,hoverThumbBackground:o,hoverThumbBorderColor:a,activeThumbBackground:l,activeThumbBorderColor:h}=s,c={thumbBackground:t,thumbBorderColor:i,hoverThumbBackground:o,hoverThumbBorderColor:a,activeThumbBackground:l,activeThumbBorderColor:h},{xThumbRect:d,yThumbRect:u}=En(r,{snapshot:e,style:c});n.setSharedStorage(xn,d),n.setSharedStorage(Sn,u)}}},e.MiddlewareSelector=(e,t)=>{let i={...Wo,...t};const{viewer:o,sharer:n,boardContent:a,calculator:r,eventHub:l}=e,{overlayContext:s}=a;let h=null,c=[],d=null,u=null,f=null,g=null,v=gn({fill:i.activeColor,devicePixelRatio:n.getActiveViewSizeInfo().devicePixelRatio});n.setSharedStorage(xo,null),n.setSharedStorage(Oo,!0);const m=()=>n.getSharedStorage(zo),y=e=>{let t=n.getSharedStorage(Po);Array.isArray(t)||(t=[]),t.length>0?!function(e,t){var i;if("group"===(null==t?void 0:t.type)&&Array.isArray(null==(i=null==t?void 0:t.detail)?void 0:i.children))for(let i=0;i<t.detail.children.length;i++){const o=t.detail.children[i];if(e.uuid===o.uuid)return!0}return!1}(e,t[t.length-1])?t=[]:t.push(e):0===t.length&&t.push(e);const i=zt(t);return n.setSharedStorage(Po,t),n.setSharedStorage(Eo,i),t.length>0},p=e=>{n.setSharedStorage(Io,e);let t=null;e&&(t=Rt(e,{groupQueue:n.getSharedStorage(Po)})),n.setSharedStorage(Mo,t)},w=()=>{const e=n.getSharedStorage(zo);if(1===e.length){const t=Dt(e[0],{groupQueue:n.getSharedStorage(Po),controllerSize:10,viewScaleInfo:n.getActiveViewScaleInfo(),rotateControllerPosition:22,rotateControllerSize:20});n.setSharedStorage(Co,t)}},x=(e,t)=>{var i;if(n.setSharedStorage(zo,e),1===e.length?(w(),n.setSharedStorage(To,At(e[0].uuid,(null==(i=n.getActiveStorage("data"))?void 0:i.elements)||[]))):(n.setSharedStorage(Co,null),n.setSharedStorage(To,[])),!0===(null==t?void 0:t.triggerEvent)){const t=e.map((e=>e.uuid)),i=n.getActiveStorage("data"),o=function(e,t){const i=[],o={};let n=!1;const a=t=>{var r;for(let l=0;l<t.length&&!0!==n;l++){i.push(l);const s=t[l];if(e.includes(s.uuid)){if(o[s.uuid]=[...i],Object.keys(o).length===e.length){n=!0;break}}else"group"===s.type&&a((null===(r=null==s?void 0:s.detail)||void 0===r?void 0:r.children)||[]);if(n)break;i.pop()}};return a(t),o}(t,(null==i?void 0:i.elements)||[]);l.trigger(mo.SELECT,{type:"clickCanvas",uuids:t,positions:e.map((e=>[...o[e.uuid]]))})}},S=()=>({ctx:s,calculator:r,data:n.getActiveStorage("data"),selectedElements:m(),viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo(),groupQueue:n.getSharedStorage(Po),areaSize:null,selectedElementController:n.getSharedStorage(Co),selectedElementPosition:n.getSharedStorage(To)}),b=()=>{n.setSharedStorage(xo,null),n.setSharedStorage(So,null),n.setSharedStorage(bo,null),n.setSharedStorage(Ao,null),n.setSharedStorage(Po,[]),n.setSharedStorage(Eo,[]),n.setSharedStorage(Io,null),n.setSharedStorage(Mo,null),n.setSharedStorage(zo,[]),n.setSharedStorage(Ro,null),n.setSharedStorage(Co,null),n.setSharedStorage(To,[]),n.setSharedStorage(Lo,null)};b();const A=({uuids:e=[],positions:t})=>{let i=[];const a=n.getSharedStorage(xo),r=n.getActiveStorage("data");i=t&&Array.isArray(t)?function(e,t){const i=[];return e.forEach((e=>{const o=bt(e,t);o&&i.push(o)})),i}(t,(null==r?void 0:r.elements)||[]):function(e,t){const i=[];return function t(o){var n;for(let a=0;a<o.length;a++){const r=o[a];e.includes(r.uuid)?i.push(r):"group"===r.type&&t((null===(n=null==r?void 0:r.detail)||void 0===n?void 0:n.children)||[])}}(t),i}(e,(null==r?void 0:r.elements)||[]);let l=!1;if(a||1!==i.length?"select"===a&&1===i.length&&(l=!0):(n.setSharedStorage(xo,"select"),l=!0),l){const e=function(e,t){const i=[];return function e(t,o){var n;let a=null;for(let r=0;r<o.length;r++){const l=o[r];if(l.uuid===t){a=l;break}if(!a&&"group"===l.type){i.push(l);const o=e(t,(null===(n=null==l?void 0:l.detail)||void 0===n?void 0:n.children)||[]);if((null==o?void 0:o.uuid)===t){a=o;break}i.pop()}}return a}(e,t),i}(i[0].uuid,(null==r?void 0:r.elements)||[]);n.setSharedStorage(Po,e),x(i),o.drawFrame()}},I=()=>{b(),o.drawFrame()},M=e=>{n.setSharedStorage(Oo,!!e.enable)},z=e=>{n.setSharedStorage(ko,!!e.enable)};return{name:"@middleware/selector",use(){l.on(mo.SELECT,A),l.on(mo.CLEAR_SELECT,I),l.on(mo.SELECT_IN_GROUP,z),l.on(mo.SNAP_TO_GRID,M)},disuse(){l.off(mo.SELECT,A),l.off(mo.CLEAR_SELECT,I),l.off(mo.SELECT_IN_GROUP,z),l.off(mo.SNAP_TO_GRID,M),b(),i=null},resetConfig(e){i={...i,...e}},hover:e=>{var t,i,a,r,h;const c=n.getSharedStorage(hn);if(!0===n.getSharedStorage(cn))return;const d=n.getSharedStorage(So),u=n.getSharedStorage(xo),g=n.getSharedStorage(Po),v=e=>{if(!0===c)return;const t=e.type;null===f&&l.trigger(mo.CURSOR,{type:t,groupQueue:e.groupQueue,element:e.elements[0]})};if((null==g?void 0:g.length)>0){if(!Uo(e.point,{ctx:s,viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo(),groupQueue:n.getSharedStorage(Po)}))return p(null),void o.drawFrame();const i=$o(e.point,S());return v(i),d||["area","drag","drag-list"].includes(u)?(p(null),void o.drawFrame()):1===(null==(t=null==i?void 0:i.elements)?void 0:t.length)?(p(i.elements[0]),void o.drawFrame()):(p(null),void o.drawFrame())}if(d||["area","drag","drag-list"].includes(u))return void p(null);if("drag"===u)return void p(null);const y=m(),w=n.getActiveViewScaleInfo();n.getActiveViewSizeInfo();const x=$o(e.point,{...S(),areaSize:Ko(y,{viewScaleInfo:w})});if(v(x),null!==x.type){if(!("over-element"===x.type&&"select"===n.getSharedStorage(xo)&&1===x.elements.length&&x.elements[0].uuid===(null==(a=null==(i=m())?void 0:i[0])?void 0:a.uuid)||"over-element"===x.type&&null===n.getSharedStorage(xo)&&1===x.elements.length&&x.elements[0].uuid===(null==(r=n.getSharedStorage(Io))?void 0:r.uuid)))return"over-element"===x.type&&1===(null==(h=null==x?void 0:x.elements)?void 0:h.length)?(p(x.elements[0]),void o.drawFrame()):n.getSharedStorage(Io)?(p(null),void o.drawFrame()):void 0}else(n.getSharedStorage(Io)||n.getSharedStorage(Mo))&&(n.setSharedStorage(Io,null),n.setSharedStorage(Mo,null),o.drawFrame())},pointStart:e=>{var t,i,a,r,l,f,g,v,y,w,A,I;h=e.point,d=e.point;const M=n.getSharedStorage(Po);if((null==M?void 0:M.length)>0){if(Uo(e.point,{ctx:s,viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo(),groupQueue:M})){const o=$o(e.point,S()),s=1===(null==(t=null==o?void 0:o.elements)?void 0:t.length)&&!0===(null==(a=null==(i=o.elements[0])?void 0:i.operations)?void 0:a.locked);p(null),1===(null==(r=null==o?void 0:o.elements)?void 0:r.length)&&(u=St(null==o?void 0:o.elements[0])),!0===s?b():"over-element"===o.type&&1===(null==(l=null==o?void 0:o.elements)?void 0:l.length)?(x([o.elements[0]],{triggerEvent:!0}),n.setSharedStorage(xo,"drag"),c=[{...St(null==o?void 0:o.elements[0]),uuid:null==o?void 0:o.elements[0].uuid}]):(null==(f=o.type)?void 0:f.startsWith("resize-"))?(n.setSharedStorage(So,o.type),n.setSharedStorage(xo,"resize")):x([],{triggerEvent:!0})}else b();return void o.drawFrame()}const z=Ko(m(),{viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo()}),R=$o(e.point,{...S(),areaSize:z,groupQueue:[]}),C=1===(null==(g=null==R?void 0:R.elements)?void 0:g.length)&&!0===(null==(y=null==(v=R.elements[0])?void 0:v.operations)?void 0:y.locked);p(null),1===(null==(w=null==R?void 0:R.elements)?void 0:w.length)&&(u=St(null==R?void 0:R.elements[0])),!0===C?(b(),n.setSharedStorage(xo,"area"),n.setSharedStorage(bo,e.point),x([],{triggerEvent:!0})):"list-area"===R.type?n.setSharedStorage(xo,"drag-list"):"over-element"===R.type&&1===(null==(A=null==R?void 0:R.elements)?void 0:A.length)?(x([R.elements[0]],{triggerEvent:!0}),n.setSharedStorage(xo,"drag"),c=[{...St(null==R?void 0:R.elements[0]),uuid:null==R?void 0:R.elements[0].uuid}]):(null==(I=R.type)?void 0:I.startsWith("resize-"))?(n.setSharedStorage(So,R.type),n.setSharedStorage(xo,"resize")):(b(),n.setSharedStorage(xo,"area"),n.setSharedStorage(bo,e.point),x([],{triggerEvent:!0})),o.drawFrame()},pointMove:e=>{var t,i,a;n.setSharedStorage(Lo,!0);const s=n.getActiveStorage("data"),c=m(),v=n.getActiveStorage("scale")||1,y=n.getActiveViewScaleInfo(),p=n.getActiveViewSizeInfo(),w=h,S=d,b=e.point,A=n.getSharedStorage(So),I=n.getSharedStorage(xo),M=n.getSharedStorage(Po),z=n.getSharedStorage(Oo);if("drag"===I){if(g=!0,f="drag",l.trigger(mn,{show:!1}),s&&1===(null==c?void 0:c.length)&&u&&S&&b&&!0!==(null==(i=null==(t=c[0])?void 0:t.operations)?void 0:i.locked)){const{moveX:e,moveY:t}=function(e,t,i){let o=t.x-e.x,n=t.y-e.y;const a=[];if(i.forEach((e=>{const{x:t,y:i,w:o,h:n,angle:r=0}=e;a.push({x:t,y:i,w:o,h:n,angle:0-r})})),(null==i?void 0:i.length)>0){const i=ft(e,a),r=ft(t,a);o=r.x-i.x,n=r.y-i.y}return{moveX:o,moveY:n}}(S,b,M);let i=r.toGridNum(e/v),o=r.toGridNum(t/v);if(!0===z){const e=tn(c[0].uuid,{calculator:r,data:s,groupQueue:M,viewScaleInfo:y,viewSizeInfo:p});try{e&&(Ye.x(e.offsetX)&&null!==e.offsetX&&(i=r.toGridNum(i+e.offsetX)),Ye.y(e.offsetY)&&null!==e.offsetY&&(o=r.toGridNum(o+e.offsetY)))}catch(e){console.error(e)}}c[0].x=r.toGridNum(u.x+i),c[0].y=r.toGridNum(u.y+o),x([c[0]]),r.modifyVirtualFlatItemMap(s,{modifyInfo:{type:"updateElement",content:{element:c[0],position:n.getSharedStorage(To)||[]}},viewSizeInfo:p,viewScaleInfo:y})}o.drawFrame()}else if("drag-list"===I){if(g=!0,f="drag-list",s&&S&&w&&b&&(null==c?void 0:c.length)>1){const e=(b.x-w.x)/v,t=(b.y-w.y)/v;c.forEach((i=>{var o;i&&!0!==(null==(o=null==i?void 0:i.operations)?void 0:o.locked)&&(i.x=r.toGridNum(i.x+e),i.y=r.toGridNum(i.y+t),r.modifyVirtualFlatItemMap(s,{modifyInfo:{type:"updateElement",content:{element:i,position:At(i.uuid,s.elements)||[]}},viewSizeInfo:p,viewScaleInfo:y}))})),n.setActiveStorage("data",s)}o.drawFrame()}else if("resize"===I){if(s&&1===(null==c?void 0:c.length)&&S&&u&&(null==A?void 0:A.startsWith("resize-"))){g=!0,f="resize";const e=[];M.forEach((t=>{const{x:i,y:o,w:n,h:a,angle:r=0}=t;e.push({x:i,y:o,w:n,h:a,angle:0-r})}));let t=S,i=b;if(M.length>0&&(t=ft(S,e),i=ft(b,e)),"resize-rotate"===A){const e=n.getSharedStorage(Co),t=ct([e.topLeft.center,e.topRight.center,e.bottomLeft.center,e.bottomRight.center]),i=Jo(u,{center:t,viewScaleInfo:y,start:S,end:b});c[0].angle=r.toGridNum(i.angle||0)}else{const e=function(e,t){var i,o,n,a,r,l,s,h,c;let{x:d,y:u,w:f,h:g,angle:v=0}=e;const m=ht({x:d,y:u,w:f,h:g});v=yt(v);const y=rt(v),p=!!(null==(i=null==e?void 0:e.operations)?void 0:i.limitRatio),{start:w,end:x,resizeType:S,scale:b}=t;let A={...w},I={...x},M={x:A.x,y:m.y},z={x:I.x,y:m.y},R={...M},C={...z},T={x:m.x,y:A.y},P={x:m.x,y:I.y},E={...T},L={...P},k=(C.x-R.x)/b,O=(C.y-R.y)/b,W=Ho(k,O),D=(L.x-E.x)/b,j=(L.y-E.y)/b,Y=Ho(D,j);(v>0||v<0)&&(A=ut(m,w,0-y),I=ut(m,x,0-y),M={x:A.x,y:m.y},z={x:I.x,y:m.y},R=ut(m,M,y),C=ut(m,z,y),T={x:m.x,y:A.y},P={x:m.x,y:I.y},E=ut(m,T,y),L=ut(m,P,y),k=(C.x-R.x)/b,O=(C.y-R.y)/b,W=Ho(k,O),W=Zo(W,O),D=(L.x-E.x)/b,j=(L.y-E.y)/b,Y=Ho(D,j),Y=Zo(Y,j));let N=(x.x-w.x)/b,B=(x.y-w.y)/b;if(!0===p)if(["resize-top","resize-bottom","resize-left","resize-right"].includes(S)){const t=Math.max(Math.abs(N),Math.abs(B));N=(N>=0?1:-1)*t,B=(B>=0?1:-1)*t/e.w*e.h;const i=Math.max(Math.abs(D),Math.abs(j));D=(D>=0?1:-1)*i,j=(j>=0?1:-1)*i/e.w*e.h;const o=Math.max(Math.abs(k),Math.abs(O));k=(k>=0?1:-1)*o,O=(O>=0?1:-1)*o/e.w*e.h}else if(["resize-top-left","resize-top-right","resize-bottom-left","resize-bottom-right"].includes(S)){{const t=Math.abs(N);N=(N>=0?1:-1)*t;const i=t/e.w*e.h;"resize-top-left"===S||"resize-bottom-right"===S?B=N>0?i:-i:"resize-top-right"!==S&&"resize-bottom-left"!==S||(B=N>0?-i:i)}W=Math.abs(W),Y=W/e.w*e.h}switch(S){case"resize-top":if(0===v)g-B>0&&(u+=B,g-=B,!0===(null==(o=e.operations)?void 0:o.limitRatio)&&(d+=B/e.h*e.w/2,f-=B/e.h*e.w));else if(v>0||v<0){let t=m.x,i=m.y;if(v<90){Y=0-Zo(Y,j);const e=Xo(v),o=Y/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}else if(v<180){Y=Zo(Y,D);const e=Xo(v-90),o=Y/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}else if(v<270){Y=Zo(Y,j);const e=Xo(v-180),o=Y/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}else if(v<360){Y=0-Zo(Y,D);const e=Xo(v-270),o=Y/2;t-=o*Math.cos(e),i-=o*Math.sin(e)}g+Y>0&&(!0===(null==(n=e.operations)?void 0:n.limitRatio)&&(f+=Y/e.h*e.w),g+=Y,d=t-f/2,u=i-g/2)}break;case"resize-bottom":if(0===v)e.h+B>0&&(g+=B,!0===(null==(a=e.operations)?void 0:a.limitRatio)&&(d-=B/e.h*e.w/2,f+=B/e.h*e.w));else if(v>0||v<0){let t=m.x,i=m.y;if(v<90){Y=Zo(Y,j);const e=Xo(v),o=Y/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}else if(v<180){Y=0-Zo(Y,D);const e=Xo(v-90),o=Y/2;t-=o*Math.cos(e),i-=o*Math.sin(e)}else if(v<270){Y=Zo(Y,D);const e=Xo(v-180),o=Y/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}else if(v<360){Y=Zo(Y,D);const e=Xo(v-270),o=Y/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}g+Y>0&&(!0===(null==(r=e.operations)?void 0:r.limitRatio)&&(f+=Y/e.h*e.w),g+=Y,d=t-f/2,u=i-g/2)}break;case"resize-left":if(0===v)e.w-N>0&&(d+=N,f-=N,!0===(null==(l=e.operations)?void 0:l.limitRatio)&&(g-=N/e.w*e.h,u+=N/e.w*e.h/2));else if(v>0||v<0){let t=m.x,i=m.y;if(v<90){W=0-Zo(W,k);const e=Xo(v),o=W/2;t-=o*Math.cos(e),i-=o*Math.sin(e)}else if(v<180){W=Zo(W,k);const e=Xo(v-90),o=W/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}else if(v<270){W=Zo(W,O);const e=Xo(v-180),o=W/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}else if(v<360){W=Zo(W,O);const e=Xo(v-270),o=W/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}f+W>0&&(!0===(null==(s=e.operations)?void 0:s.limitRatio)&&(g+=W/e.w*e.h),f+=W,d=t-f/2,u=i-g/2)}break;case"resize-right":if(0===v)e.w+N>0&&(f+=N,!0===(null==(h=e.operations)?void 0:h.limitRatio)&&(u-=N*e.h/e.w/2,g+=N*e.h/e.w));else if(v>0||v<0){let t=m.x,i=m.y;if(v<90){W=Zo(W,O);const e=Xo(v),o=W/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}else if(v<180){W=Zo(W,B);const e=Xo(v-90),o=W/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}else if(v<270){W=Zo(W,B);const e=Xo(v-180),o=W/2;t+=o*Math.cos(e),i+=o*Math.sin(e),W=0-W}else if(v<360){W=Zo(W,N);const e=Xo(v-270),o=W/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}f+W>0&&(!0===(null==(c=e.operations)?void 0:c.limitRatio)&&(g+=W/e.w*e.h),f+=W,d=t-f/2,u=i-g/2)}break;case"resize-top-left":if(0===v)f-N>0&&(d+=N,f-=N),g-B>0&&(u+=B,g-=B);else if(v>0||v<0){let e=m.x,t=m.y;if(v<90){Y=0-Zo(Y,j),W=0-Zo(W,p?0-Y:k);const i=Y/2;e+=i*Math.sin(y),t-=i*Math.cos(y);const o=W/2;e-=o*Math.cos(y),t-=o*Math.sin(y)}else if(v<180){Y=Zo(Y,D),W=Zo(W,p?Y:k);const i=Xo(v-90),o=Y/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=W/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}else if(v<270){Y=Zo(Y,j),W=Zo(W,p?Y:O);const i=Xo(v-180),o=Y/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=W/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<360){Y=0-Zo(Y,D),W=Zo(W,p?Y:O);const i=Xo(v-270),o=Y/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=W/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}g+Y>0&&(g+=Y),f+W>0&&(f+=W),d=e-f/2,u=t-g/2}break;case"resize-top-right":if(0===v)f+N>0&&(f+=N),g-B>0&&(u+=B,g-=B);else if(v>0||v<0){let e=m.x,t=m.y;if(v<90){Y=0-Zo(Y,j),W=Zo(W,p?Y:O);const i=Xo(v),o=Y/2;e+=o*Math.sin(i),t-=o*Math.cos(i);const n=W/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<180){Y=Zo(Y,D),W=Zo(W,p?Y:O);const i=Xo(v-90),o=Y/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=W/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}else if(v<270){const i=Xo(v-180);Y=Zo(Y,j),W=Zo(W,p?Y:0-k);const o=Y/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=W/2;e-=n*Math.cos(i),t-=n*Math.sin(i)}else if(v<360){Y=0-Zo(Y,D),W=Zo(W,p?Y:k);const i=Xo(v-270),o=Y/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=W/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}g+Y>0&&(g+=Y),f+W>0&&(f+=W),d=e-f/2,u=t-g/2}break;case"resize-bottom-left":if(0===v)e.h+B>0&&(g+=B),e.w-N>0&&(d+=N,f-=N);else if(v>0||v<0){let e=m.x,t=m.y;if(v<90){Y=Zo(Y,j),W=0-Zo(W,p?0-Y:k);const i=Xo(v),o=Y/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=W/2;e-=n*Math.cos(i),t-=n*Math.sin(i)}else if(v<180){Y=0-Zo(Y,D),W=Zo(W,p?Y:k);const i=Xo(v-90),o=Y/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=W/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}else if(v<270){Y=Zo(Y,D),W=Zo(W,p?Y:O);const i=Xo(v-180),o=Y/2;e+=o*Math.sin(i),t-=o*Math.cos(i);const n=W/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<360){Y=Zo(Y,D),W=Zo(W,p?Y:O);const i=Xo(v-270),o=Y/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=W/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}g+Y>0&&(g+=Y),f+W>0&&(f+=W),d=e-f/2,u=t-g/2}break;case"resize-bottom-right":if(0===v)e.h+B>0&&(g+=B),e.w+N>0&&(f+=N);else if(v>0||v<0){let e=m.x,t=m.y;if(v<90){Y=Zo(Y,j),W=Zo(W,p?Y:O);const i=Xo(v),o=Y/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=W/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<180){Y=0-Zo(Y,D),W=Zo(W,p?Y:B);const i=Xo(v-90),o=Y/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=W/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}else if(v<270){Y=Zo(Y,D),W=Zo(W,p?Y:0-O);const i=Xo(v-180),o=Y/2;e+=o*Math.sin(i),t-=o*Math.cos(i);const n=W/2;e-=n*Math.cos(i),t-=n*Math.sin(i)}else if(v<360){Y=Zo(Y,D),W=Zo(W,p?Y:k);const i=Xo(v-270),o=Y/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=W/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}g+Y>0&&(g+=Y),f+W>0&&(f+=W),d=e-f/2,u=t-g/2}}return{x:d,y:u,w:f,h:g,angle:e.angle}}({...u,operations:c[0].operations},{scale:v,start:t,end:i,resizeType:A}),o={ignore:!!u.angle};c[0].x=r.toGridNum(e.x,o),c[0].y=r.toGridNum(e.y,o),"group"===c[0].type&&!0===(null==(a=c[0].operations)?void 0:a.deepResize)?ti(c[0],{w:r.toGridNum(e.w,o),h:r.toGridNum(e.h,o)}):(c[0].w=r.toGridNum(e.w,o),c[0].h=r.toGridNum(e.h,o))}x([c[0]]),r.modifyVirtualFlatItemMap(s,{modifyInfo:{type:"updateElement",content:{element:c[0],position:n.getSharedStorage(To)||[]}},viewSizeInfo:p,viewScaleInfo:y}),o.drawFrame()}}else"area"===I&&(f="area",n.setSharedStorage(Ao,e.point),o.drawFrame());h=e.point},pointEnd(e){f=null,n.setSharedStorage(Lo,!1);const t=n.getActiveStorage("data"),i=n.getSharedStorage(zo),a=n.getSharedStorage(Io),s=n.getSharedStorage(So),v=n.getSharedStorage(xo),m=n.getActiveViewSizeInfo();let y=!1;if(h=null,d=null,u=null,"drag"===v&&l.trigger(mn,{show:!0}),"resize"===v&&s)n.setSharedStorage(So,null),y=!0;else if("area"===v){if(n.setSharedStorage(xo,null),t){const e=n.getSharedStorage(bo),i=n.getSharedStorage(Ao);if(e&&i){const{elements:o}=function(e,t){var i;const o=[],n=[],a=[],{viewScaleInfo:r,start:l,end:s}=t;if(!(Array.isArray(e.elements)&&l&&s))return{indexes:o,uuids:n,elements:a};const h=Math.min(l.x,s.x),c=Math.max(l.x,s.x),d=Math.min(l.y,s.y),u=Math.max(l.y,s.y);for(let t=0;t<e.elements.length;t++){const l=e.elements[t];if(!0===(null==(i=null==l?void 0:l.operations)?void 0:i.locked))continue;const s=Ct(l,{viewScaleInfo:r}),f=ht(s);if(f.x>=h&&f.x<=c&&f.y>=d&&f.y<=u&&(o.push(t),n.push(l.uuid),a.push(l),s.angle&&(s.angle>0||s.angle<0))){const e=vt(s);if(4===e.length){const t=[e[0].x,e[1].x,e[2].x,e[3].x],i=[e[0].y,e[1].y,e[2].y,e[3].y];s.x=Math.min(...t),s.y=Math.min(...i),s.w=Math.abs(Math.max(...t)-Math.min(...t)),s.h=Math.abs(Math.max(...i)-Math.min(...i))}}}return{indexes:o,uuids:n,elements:a}}(t,{start:e,end:i,viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo()});o.length>0&&(n.setSharedStorage(xo,"drag-list"),x(o,{triggerEvent:!0}),y=!0)}}}else if("drag-list"===v)n.setSharedStorage(xo,"drag-list-end"),y=!0;else if(t){r.getPointElement(e.point,{data:t,viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo()}).element?(n.setSharedStorage(xo,"select"),y=!0):n.setSharedStorage(xo,null)}null===n.getSharedStorage(xo)&&(b(),y=!0);(()=>{if(y){if(t&&Array.isArray(null==t?void 0:t.elements)&&["drag","drag-list"].includes(v)){const e=function(e,t,i){const o=wt(e,{viewWidth:t.width,viewHeight:t.height,extend:null==i?void 0:i.extend});return!0===(null==i?void 0:i.extend)&&(o.contextWidth=Math.max(o.contextWidth,t.contextWidth),o.contextHeight=Math.max(o.contextHeight,t.contextHeight)),{contextSize:o}}(t.elements,m,{extend:!0});n.setActiveStorage("contextHeight",e.contextSize.contextHeight),n.setActiveStorage("contextWidth",e.contextSize.contextWidth)}if(t&&["drag","drag-list","drag-list-end","resize"].includes(v)){let e="dragElement";if(g){const o=c[0];let n;1===i.length?n={type:"dragElement",time:0,content:{method:"modifyElement",uuid:o.uuid,before:Ht(o),after:Ht(St(i[0]))}}:i.length>1&&(n={type:"dragElements",time:0,content:{method:"modifyElements",before:c.map((e=>({...Ht(e),uuid:e.uuid}))),after:i.map((e=>({...Ht(St(e)),uuid:e.uuid})))}}),l.trigger(mo.CHANGE,{data:t,type:e,selectedElements:i,hoverElement:a,modifyRecord:n}),g=!1}}o.drawFrame()}})()},pointLeave(){f=null,n.setSharedStorage(So,null),l.trigger(mo.CURSOR,{type:"default"})},doubleClick(e){var t,i,a,r,s,h,c,d;if(!1===n.getSharedStorage(ko))return;const u=$o(e.point,S());if(n.setSharedStorage(Co,null),n.setSharedStorage(zo,[]),1!==u.elements.length||!0!==(null==(i=null==(t=u.elements[0])?void 0:t.operations)?void 0:i.locked)){if(1===u.elements.length&&"group"===(null==(a=u.elements[0])?void 0:a.type)){if(!0===y(u.elements[0]))return n.setSharedStorage(xo,null),void o.drawFrame()}else 1!==u.elements.length||"text"!==(null==(r=u.elements[0])?void 0:r.type)||(null==(h=null==(s=u.elements[0])?void 0:s.operations)?void 0:h.invisible)||l.trigger(mo.TEXT_EDIT,{element:u.elements[0],groupQueue:n.getSharedStorage(Po)||[],position:At(null==(c=u.elements[0])?void 0:c.uuid,(null==(d=n.getActiveStorage("data"))?void 0:d.elements)||[]),viewScaleInfo:n.getActiveViewScaleInfo()});n.setSharedStorage(xo,null)}},wheel(){w()},wheelScale(){w()},contextMenu:e=>{var t,i,a,r,l,h,c,d;const u=n.getSharedStorage(Po);if((null==u?void 0:u.length)>0){if(Uo(e.point,{ctx:s,viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo(),groupQueue:u})){const n=$o(e.point,S());1===(null==(t=null==n?void 0:n.elements)?void 0:t.length)&&!0!==(null==(a=null==(i=n.elements[0])?void 0:i.operations)?void 0:a.locked)?(b(),x([n.elements[0]],{triggerEvent:!0}),o.drawFrame()):(null==(r=null==n?void 0:n.elements)?void 0:r.length)||b()}return}const f=Ko(m(),{viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo()}),g=$o(e.point,{...S(),areaSize:f,groupQueue:[]});if(1===(null==(l=null==g?void 0:g.elements)?void 0:l.length)&&!0!==(null==(c=null==(h=g.elements[0])?void 0:h.operations)?void 0:c.locked))return b(),x([g.elements[0]],{triggerEvent:!0}),void o.drawFrame();(null==(d=null==g?void 0:g.elements)?void 0:d.length)||b()},beforeDrawFrame({snapshot:t}){var o;const{activeColor:n,activeAreaColor:a,lockedColor:l,referenceColor:h}=i,c={activeColor:n,activeAreaColor:a,lockedColor:l,referenceColor:h},{activeStore:d,sharedStore:u}=t,{scale:f,offsetLeft:g,offsetTop:y,offsetRight:p,offsetBottom:w,width:x,height:S,contextHeight:b,contextWidth:A,devicePixelRatio:I}=d;v.fill!==n&&(v=gn({fill:i.activeColor,devicePixelRatio:I}));const M=e.sharer,z={scale:f,offsetLeft:g,offsetTop:y,offsetRight:p,offsetBottom:w},R={width:x,height:S,contextHeight:b,contextWidth:A,devicePixelRatio:I},C=u[zo],T=C[0],P=u[Io],E=u[Mo],L=u[xo],k=u[bo],O=u[Ao],W=u[Po],D=u[Eo],j=u[Lo],Y=u[Oo],N={calculator:r,viewScaleInfo:z,viewSizeInfo:R,style:c};let B=u[Co];var F,G;B&&1===C.length&&T&&(F=T,G=B.originalElementSize,(F.x!==G.x||F.y!==G.y||F.h!==G.h||F.w!==G.w||yt(F.angle||0)!==yt(G.angle||0))&&(B=Dt(T,{groupQueue:W||[],controllerSize:10,viewScaleInfo:z,rotateControllerPosition:22,rotateControllerSize:20}),M.setSharedStorage(Co,B)));const V=!!(null==(o=null==P?void 0:P.operations)?void 0:o.locked);if((null==W?void 0:W.length)>0){if(function(e,t,i){const{style:o}=i,{activeColor:n}=o;for(let o=0;o<t.length;o++){const a={borderColor:n,borderWidth:2,background:"transparent",lineDash:[4,4]};Do(e,Pt(t[o],i),a)}}(s,D,N),P&&"drag"!==L&&(V?Fo(s,E,{...N,controller:B,style:c}):Bo(s,E,N)),T&&["select","drag","resize"].includes(L)&&(Go(s,B,{...N,element:T,hideControllers:!!j&&"drag"===L,rotateControllerPattern:v.context2d,style:c}),"drag"===L&&!0===Y)){const e=tn(T.uuid,{calculator:r,data:d.data,groupQueue:W,viewScaleInfo:z,viewSizeInfo:R});if(e){const{offsetX:t,offsetY:i,xLines:o,yLines:n}=e;0!==t&&0!==i||Vo(s,{xLines:o,yLines:n,style:c})}}}else if(P&&"drag"!==L&&(V?Fo(s,E,{...N,controller:B,style:c}):Bo(s,E,N)),T&&["select","drag","resize"].includes(L)){if(Go(s,B,{...N,element:T,hideControllers:!!j&&"drag"===L,rotateControllerPattern:v.context2d,style:c}),"drag"===L&&!0===Y){const e=tn(T.uuid,{calculator:r,data:d.data,groupQueue:W,viewScaleInfo:z,viewSizeInfo:R});if(e){const{offsetX:t,offsetY:i,xLines:o,yLines:n}=e;0!==t&&0!==i||Vo(s,{xLines:o,yLines:n,style:c})}}}else if("area"===L&&k&&O)!function(e,t){const{start:i,end:o,style:n}=t,{activeColor:a,activeAreaColor:r}=n;e.setLineDash([]),e.lineWidth=1,e.strokeStyle=a,e.fillStyle=r,e.beginPath(),e.moveTo(i.x,i.y),e.lineTo(o.x,i.y),e.lineTo(o.x,o.y),e.lineTo(i.x,o.y),e.closePath(),e.stroke(),e.fill("nonzero")}(s,{start:k,end:O,style:c});else if(["drag-list","drag-list-end"].includes(L)){const e=Ko(m(),{viewScaleInfo:M.getActiveViewScaleInfo(),viewSizeInfo:M.getActiveViewSizeInfo()});e&&function(e,t){const{areaSize:i,style:o}=t,{activeColor:n,activeAreaColor:a}=o,{x:r,y:l,w:s,h:h}=i;e.setLineDash([]),e.lineWidth=1,e.strokeStyle=n,e.fillStyle=a,e.beginPath(),e.moveTo(r,l),e.lineTo(r+s,l),e.lineTo(r+s,l+h),e.lineTo(r,l+h),e.closePath(),e.stroke(),e.fill("nonzero")}(s,{areaSize:e,style:c})}}}},e.MiddlewareTextEditor=e=>{const{eventHub:t,boardContent:i,viewer:o,sharer:n,calculator:a}=e,r=i.boardContext.canvas,l=e.container||document.body;let s=document.createElement("div");s.setAttribute("contenteditable","true");let h=document.createElement("div"),c=document.createElement("div"),d=null,u=[],f="";const g=`idraw-middleware-text-editor-${Math.random().toString(26).substring(2)}`;c.setAttribute("id",g),h.appendChild(s),h.style.position="absolute",c.appendChild(h),c.style.position="fixed",c.style.top="0",c.style.bottom="0",c.style.left="0",c.style.right="0",c.style.display="none",l.appendChild(c);const v=()=>{if(null==d?void 0:d.uuid){const e=n.getActiveOverrideElemenentMap();e&&delete e[d.uuid],n.setActiveOverrideElemenentMap(e),o.drawFrame()}c.style.display="none",d=null,u=[]},m=e=>{const{size:t,parent:i}=e,o=document.createElement("div"),{x:n,y:a,w:r,h:l}=t,s=yt(t.angle||0);return o.style.position="absolute",o.style.left=`${n}px`,o.style.top=`${a}px`,o.style.width=`${r}px`,o.style.height=`${l}px`,o.style.transform=`rotate(${s}deg)`,i.appendChild(o),o},y=e=>{const{viewScaleInfo:t,element:i,groupQueue:o}=e,{scale:n,offsetTop:a,offsetLeft:r}=t;h.children&&Array.from(h.children).forEach((e=>{e.remove()}));let l=h;for(let e=0;e<o.length;e++){const t=o[e],{x:i,y:s,w:h,h:c}=t,d={x:i*n,y:s*n,w:h*n,h:c*n,angle:yt(t.angle||0)};0===e&&(d.x+=r,d.y+=a),l=m({size:d,parent:l})}const c={...jn,...i.detail};let d=i.x*n+r,u=i.y*n+a,f=i.w*n,g=i.h*n;o.length>0&&(d=i.x*n,u=i.y*n,f=i.w*n,g=i.h*n);let v="center",y="center";"left"===c.textAlign?v="start":"right"===c.textAlign&&(v="end"),"top"===c.verticalAlign?y="start":"bottom"===c.verticalAlign&&(y="end"),s.style.display="inline-flex",s.style.justifyContent=v,s.style.alignItems=y,s.style.position="absolute",s.style.left=d-1+"px",s.style.top=u-1+"px",s.style.width=`${f+2}px`,s.style.height=`${g+2}px`,s.style.transform=`rotate(${yt(i.angle||0)}deg)`,s.style.boxSizing="border-box",s.style.border="1px solid #1973ba",s.style.resize="none",s.style.overflow="hidden",s.style.wordBreak="break-all",s.style.borderRadius=("number"==typeof c.borderRadius?c.borderRadius:0)*n+"px",s.style.background=`${c.background||"transparent"}`,s.style.color=`${c.color||"#333333"}`,s.style.fontSize=c.fontSize*n+"px",s.style.lineHeight=(c.lineHeight||c.fontSize)*n+"px",s.style.fontFamily=hi(c.fontFamily),s.style.fontWeight=`${c.fontWeight}`,s.style.padding="0",s.style.margin="0",s.style.outline="none",s.innerText=c.text||"",l.appendChild(s)},p=()=>{const{left:e,top:t,width:i,height:o}=(()=>{const e=r.getBoundingClientRect(),{left:t,top:i,width:o,height:n}=e;return{left:t,top:i,width:o,height:n}})();h.style.position="absolute",h.style.overflow="hidden",h.style.top=`${t}px`,h.style.left=`${e}px`,h.style.width=`${i}px`,h.style.height=`${o}px`},w=()=>{v()},x=e=>{e.stopPropagation()},S=()=>{d&&u&&(d.detail.text=s.innerText||"",t.trigger(mo.TEXT_CHANGE,{element:{uuid:d.uuid,detail:{text:d.detail.text}},position:[...u||[]]}),a.modifyText(d),o.drawFrame())},b=()=>{if(d&&u){d.detail.text=s.innerText||"",t.trigger(mo.TEXT_CHANGE,{element:{uuid:d.uuid,detail:{text:d.detail.text}},position:[...u]});const e=n.getActiveStorage("data")||{elements:[]},i={detail:{text:d.detail.text}};ri(d.uuid,i,e.elements),t.trigger(mo.CHANGE,{selectedElements:[{...d,detail:{...d.detail,...i.detail}}],data:e,type:"modifyElement",modifyRecord:{type:"modifyElement",time:Date.now(),content:{method:"modifyElement",uuid:d.uuid,before:{"detail.text":f},after:{"detail.text":d.detail.text}}}}),a.modifyText(d),o.drawFrame()}v()},A=e=>{e.stopPropagation()},I=e=>{e.stopPropagation()},M=e=>{e.stopPropagation()},z=e=>{e.stopPropagation(),e.preventDefault()};c.addEventListener("click",w),s.addEventListener("click",x),s.addEventListener("input",S),s.addEventListener("blur",b),s.addEventListener("keydown",A),s.addEventListener("keypress",I),s.addEventListener("keyup",M),s.addEventListener("wheel",z);const R=e=>{var t;(null==e?void 0:e.position)&&(null==e?void 0:e.element)&&"text"===(null==(t=null==e?void 0:e.element)?void 0:t.type)&&(d=e.element,u=e.position),(e=>{p(),y(e),c.style.display="block",f="",(null==d?void 0:d.uuid)&&(n.setActiveOverrideElemenentMap({[d.uuid]:{operations:{invisible:!0}}}),f=d.detail.text||"",o.drawFrame())})(e)};return{name:"@middleware/text-editor",use(){t.on(mo.TEXT_EDIT,R)},disuse(){t.off(mo.TEXT_EDIT,R),c.removeEventListener("click",w),s.removeEventListener("click",x),s.removeEventListener("input",S),s.removeEventListener("blur",b),s.removeEventListener("keydown",A),s.removeEventListener("keypress",I),s.removeEventListener("keyup",M),s.removeEventListener("wheel",z),h.removeChild(s),c.removeChild(h),l.removeChild(c),s.remove(),h.remove(),c=null,s=null,h=null,c=null,d=null,u=null,f=null}}},e.Sharer=so,e.coreEventKeys=mo,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),e}({});
|
|
1
|
+
var iDrawCore=function(e){"use strict";var t,i,o,n,r,l,a,s,h,c,d,u,f,g,v,m,y,p,w,x,S,b,A,I,M,z,R,C,T,E,P,L,k,O,W,D,j,Y,N,B,F,G,V,X,H,Z,Q,U,$,J,K,q,_,ee,te,ie,oe,ne,re,le,ae,se,he,ce,de,ue,fe,ge,ve,me=e=>{throw TypeError(e)},ye=(e,t,i)=>t.has(e)||me("Cannot "+i),pe=(e,t,i)=>(ye(e,t,"read from private field"),i?i.call(e):t.get(e)),we=(e,t,i)=>t.has(e)?me("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),xe=(e,t,i,o)=>(ye(e,t,"write to private field"),o?o.call(e,i):t.set(e,i),i),Se=(e,t,i)=>(ye(e,t,"access private method"),i);function be(e){return"string"==typeof e&&(/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(e)||/^[a-z]{1,}$/i.test(e))}function Ae(e,t){if(1===t)return e;let i=1;const o=/^#[0-9a-f]{6,6}$/i;let n=e;if(o.test(e)?i=parseInt(e.substring(5,7).replace(/^#/,"0x")):/^#[0-9a-f]{8,8}$/i.test(e)&&(i=parseInt(e.substring(7,9).replace(/^#/,"0x")),n=e.substring(0,7)),i*=t,o.test(n)&&i>0&&i<1){const e=Math.max(0,Math.min(255,Math.ceil(256*i)));n=`${n.toUpperCase()}${e.toString(16).toUpperCase()}`}return n}function Ie(){function e(){return(65536*(1+Math.random())|0).toString(16).substring(1)}return`${e()}${e()}-${e()}-${e()}-${e()}-${e()}${e()}${e()}`}function Me(e,t){let i=0;for(let t=0;t<e.length;t++)i+=e.charCodeAt(t);return(i+t).toString(16).substring(0,4)}function ze(e,t){const i=e.length,o=function(e){let t=0;for(let i=0;i<e.length;i++)t+=e.charCodeAt(i);return t}(t),n=Math.floor(i/2),r=e.substring(0,4).padStart(4,"0"),l=e.substring(0,4).padStart(4,"0");return`@assets/${Me(i.toString(16).padStart(4,r),o).padStart(4,"0")}${Me(e.substring(n-4,n).padStart(4,r),o).padStart(4,"0")}-${Me(e.substring(n-8,n-4).padStart(4,r),o).padStart(4,"0")}-${Me(e.substring(n-12,n-8).padStart(4,r),o).padStart(4,"0")}-${Me(e.substring(n-16,n-12).padStart(4,l),o).padStart(4,"0")}-${Me(e.substring(n,n+4).padStart(4,l),o).padStart(4,"0")}${Me(e.substring(n+4,n+8).padStart(4,l),o).padStart(4,"0")}${Me(l.padStart(4,r).padStart(4,l),o)}`}function Re(e){return/^@assets\/[0-9a-z-]{0,}$/.test(`${e}`)}function Ce(e){return function e(t){const i=function(e){return Object.prototype.toString.call(e).replace(/[\]|\[]{1,1}/gi,"").split(" ")[1]}(t);if(["Null","Number","String","Boolean","Undefined"].indexOf(i)>=0)return t;if("Array"===i){const i=[];return t.forEach((t=>{i.push(e(t))})),i}if("Object"===i){const i={};Object.keys(t).forEach((o=>{i[o]=e(t[o])}));return Object.getOwnPropertySymbols(t).forEach((o=>{i[o]=e(t[o])})),i}}(e)}function Te(e){return(Object.prototype.toString.call(e)||"").replace(/(\[object|\])/gi,"").trim()}const Ee={type(e,t){const i=Te(e);return!0===t?i.toLocaleLowerCase():i},array:e=>"Array"===Te(e),json:e=>"Object"===Te(e),function:e=>"Function"===Te(e),asyncFunction:e=>"AsyncFunction"===Te(e),boolean:e=>"Boolean"===Te(e),string:e=>"String"===Te(e),number:e=>"Number"===Te(e),undefined:e=>"Undefined"===Te(e),null:e=>"Null"===Te(e),promise:e=>"Promise"===Te(e)};var Pe=function(e,t,i,o){return new(i||(i=Promise))((function(n,r){function l(e){try{s(o.next(e))}catch(e){r(e)}}function a(e){try{s(o.throw(e))}catch(e){r(e)}}function s(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(l,a)}s((o=o.apply(e,t||[])).next())}))};const{Image:Le}=window;function ke(e){return new Promise(((t,i)=>{const o=new Le;o.crossOrigin="anonymous",o.onload=function(){t(o)},o.onabort=i,o.onerror=i,o.src=e}))}function Oe(e){return Pe(this,void 0,void 0,(function*(){const t=yield function(e){return new Promise(((t,i)=>{const o=new Blob([e],{type:"image/svg+xml;charset=utf-8"}),n=new FileReader;n.readAsDataURL(o),n.onload=function(e){var i;const o=null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.result;t(o)},n.onerror=function(e){i(e)}}))}(e);return yield ke(t)}))}function We(e,t){return Pe(this,void 0,void 0,(function*(){e=e.replace(/\&/gi,"&");const i=yield function(e,t){const{width:i,height:o}=t;return new Promise(((t,n)=>{const r=new Blob([`\n <svg \n xmlns="http://www.w3.org/2000/svg" \n width="${i||""}" \n height = "${o||""}">\n <foreignObject width="100%" height="100%">\n <div xmlns = "http://www.w3.org/1999/xhtml">\n ${e}\n </div>\n </foreignObject>\n </svg>\n `],{type:"image/svg+xml;charset=utf-8"}),l=new FileReader;l.readAsDataURL(r),l.onload=function(e){var i;const o=null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.result;t(o)},l.onerror=function(e){n(e)}}))}(e,t);return yield ke(i)}))}function De(e){return"number"==typeof e&&e>=0}function je(e){return"number"==typeof e&&(e>0||e<=0)}function Ye(e){return"string"==typeof e&&/^(http:\/\/|https:\/\/|\.\/|\/)/.test(`${e}`)}function Ne(e){return"string"==typeof e&&/^(data:image\/)/.test(`${e}`)}const Be={positiveNum:De,x:function(e){return je(e)},y:function(e){return je(e)},w:function(e){return De(e)},h:function(e){return De(e)},angle:function(e){return"number"==typeof e&&e>=-360&&e<=360},number:je,numberStr:function(e){return/^(-?\d+(?:\.\d+)?)$/.test(`${e}`)},borderWidth:function(e){return De(e)||Array.isArray(e)&&De(e[0])&&De(e[1])&&De(e[2])&&De(e[3])},borderRadius:function(e){return De(e)||Array.isArray(e)&&De(e[0])&&De(e[1])&&De(e[2])&&De(e[3])},color:function(e){return be(e)},imageSrc:function(e){return Ne(e)||Ye(e)},imageURL:Ye,imageBase64:Ne,svg:function(e){return"string"==typeof e&&/^(<svg[\s]{1,}|<svg>)/i.test(`${e}`.trim())&&/<\/[\s]{0,}svg>$/i.test(`${e}`.trim())},html:function(e){let t=!1;if("string"==typeof e){let i=document.createElement("div");i.innerHTML=e,i.children.length>0&&(t=!0),i=null}return t},text:function(e){return"string"==typeof e},fontSize:function(e){return je(e)&&e>0},lineHeight:function(e){return je(e)&&e>0},textAlign:function(e){return["center","left","right"].includes(e)},fontFamily:function(e){return"string"==typeof e&&e.length>0},fontWeight:function(e){return["bold"].includes(e)},strokeWidth:function(e){return je(e)&&e>0}};var Fe,Ge,Ve=function(e,t,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,i):n?n.value=i:t.set(e,i),i},Xe=function(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)};class He{constructor(e,t){Fe.set(this,void 0),Ge.set(this,void 0),Ve(this,Fe,e,"f"),Ve(this,Ge,Object.assign({devicePixelRatio:1,offscreenCanvas:null},t),"f"),this.$resetFont()}$undoPixelRatio(e){return e/Xe(this,Ge,"f").devicePixelRatio}$doPixelRatio(e){return Xe(this,Ge,"f").devicePixelRatio*e}$getContext(){return Xe(this,Fe,"f")}$setContext(e){Ve(this,Fe,e,"f")}$setFont(e){const t=[];e.fontWeight&&t.push(`${e.fontWeight}`),t.push(`${this.$doPixelRatio(e.fontSize||12)}px`),t.push(`${e.fontFamily||"sans-serif"}`),Xe(this,Fe,"f").font=`${t.join(" ")}`}$resetFont(){this.$setFont({fontSize:12,fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",fontWeight:"400"})}$getOffscreenCanvas(){return Xe(this,Ge,"f").offscreenCanvas}$resize(e){const{width:t,height:i,devicePixelRatio:o,resetStyle:n}=e,{canvas:r}=Xe(this,Fe,"f");r.width=t*o,r.height=i*o,Ve(this,Ge,Object.assign(Object.assign({},Xe(this,Ge,"f")),{devicePixelRatio:o}),"f"),!0===n&&(r.style.width=`${t}px`,r.style.height=`${i}px`)}$getSize(){const{devicePixelRatio:e}=Xe(this,Ge,"f"),{width:t,height:i}=Xe(this,Fe,"f").canvas;return{width:t/e,height:i/e,devicePixelRatio:e}}get canvas(){return Xe(this,Fe,"f").canvas}get fillStyle(){return Xe(this,Fe,"f").fillStyle}set fillStyle(e){Xe(this,Fe,"f").fillStyle=e}get strokeStyle(){return Xe(this,Fe,"f").strokeStyle}set strokeStyle(e){Xe(this,Fe,"f").strokeStyle=e}get lineWidth(){return this.$undoPixelRatio(Xe(this,Fe,"f").lineWidth)}set lineWidth(e){Xe(this,Fe,"f").lineWidth=this.$doPixelRatio(e)}get textAlign(){return Xe(this,Fe,"f").textAlign}set textAlign(e){Xe(this,Fe,"f").textAlign=e}get textBaseline(){return Xe(this,Fe,"f").textBaseline}set textBaseline(e){Xe(this,Fe,"f").textBaseline=e}get globalAlpha(){return Xe(this,Fe,"f").globalAlpha}set globalAlpha(e){Xe(this,Fe,"f").globalAlpha=e}get shadowColor(){return Xe(this,Fe,"f").shadowColor}set shadowColor(e){Xe(this,Fe,"f").shadowColor=e}get shadowOffsetX(){return this.$undoPixelRatio(Xe(this,Fe,"f").shadowOffsetX)}set shadowOffsetX(e){Xe(this,Fe,"f").shadowOffsetX=this.$doPixelRatio(e)}get shadowOffsetY(){return this.$undoPixelRatio(Xe(this,Fe,"f").shadowOffsetY)}set shadowOffsetY(e){Xe(this,Fe,"f").shadowOffsetY=this.$doPixelRatio(e)}get shadowBlur(){return this.$undoPixelRatio(Xe(this,Fe,"f").shadowBlur)}set shadowBlur(e){Xe(this,Fe,"f").shadowBlur=this.$doPixelRatio(e)}get lineCap(){return Xe(this,Fe,"f").lineCap}set lineCap(e){Xe(this,Fe,"f").lineCap=e}get globalCompositeOperation(){return Xe(this,Fe,"f").globalCompositeOperation}set globalCompositeOperation(e){Xe(this,Fe,"f").globalCompositeOperation=e}fill(...e){return Xe(this,Fe,"f").fill(...e)}arc(e,t,i,o,n,r){return Xe(this,Fe,"f").arc(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),o,n,r)}rect(e,t,i,o){return Xe(this,Fe,"f").rect(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}fillRect(e,t,i,o){return Xe(this,Fe,"f").fillRect(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}clearRect(e,t,i,o){return Xe(this,Fe,"f").clearRect(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}beginPath(){return Xe(this,Fe,"f").beginPath()}closePath(){return Xe(this,Fe,"f").closePath()}lineTo(e,t){return Xe(this,Fe,"f").lineTo(this.$doPixelRatio(e),this.$doPixelRatio(t))}moveTo(e,t){return Xe(this,Fe,"f").moveTo(this.$doPixelRatio(e),this.$doPixelRatio(t))}arcTo(e,t,i,o,n){return Xe(this,Fe,"f").arcTo(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(n))}bezierCurveTo(e,t,i,o,n,r){return Xe(this,Fe,"f").bezierCurveTo(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(n),this.$doPixelRatio(r))}quadraticCurveTo(e,t,i,o){return Xe(this,Fe,"f").quadraticCurveTo(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}getLineDash(){return Xe(this,Fe,"f").getLineDash()}setLineDash(e){const t=e.map((e=>this.$doPixelRatio(e)));return Xe(this,Fe,"f").setLineDash(t)}stroke(e){return e?Xe(this,Fe,"f").stroke(e):Xe(this,Fe,"f").stroke()}translate(e,t){return Xe(this,Fe,"f").translate(this.$doPixelRatio(e),this.$doPixelRatio(t))}rotate(e){return Xe(this,Fe,"f").rotate(e)}drawImage(...e){const t=e[0],i=e[1],o=e[2],n=e[3],r=e[4],l=e[e.length-4],a=e[e.length-3],s=e[e.length-2],h=e[e.length-1];return 9===e.length?Xe(this,Fe,"f").drawImage(t,this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(n),this.$doPixelRatio(r),this.$doPixelRatio(l),this.$doPixelRatio(a),this.$doPixelRatio(s),this.$doPixelRatio(h)):Xe(this,Fe,"f").drawImage(t,this.$doPixelRatio(l),this.$doPixelRatio(a),this.$doPixelRatio(s),this.$doPixelRatio(h))}createPattern(e,t){return Xe(this,Fe,"f").createPattern(e,t)}measureText(e){return Xe(this,Fe,"f").measureText(e)}fillText(e,t,i,o){return void 0!==o?Xe(this,Fe,"f").fillText(e,this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o)):Xe(this,Fe,"f").fillText(e,this.$doPixelRatio(t),this.$doPixelRatio(i))}strokeText(e,t,i,o){return void 0!==o?Xe(this,Fe,"f").strokeText(e,this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o)):Xe(this,Fe,"f").strokeText(e,this.$doPixelRatio(t),this.$doPixelRatio(i))}save(){Xe(this,Fe,"f").save()}restore(){Xe(this,Fe,"f").restore()}scale(e,t){Xe(this,Fe,"f").scale(e,t)}circle(e,t,i,o,n,r,l,a){Xe(this,Fe,"f").ellipse(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o),n,r,l,a)}isPointInPath(e,t){return Xe(this,Fe,"f").isPointInPath(this.$doPixelRatio(e),this.$doPixelRatio(t))}clip(...e){return Xe(this,Fe,"f").clip(...e)}setTransform(e,t,i,o,n,r){return Xe(this,Fe,"f").setTransform(e,t,i,o,n,r)}getTransform(){return Xe(this,Fe,"f").getTransform()}createLinearGradient(e,t,i,o){return Xe(this,Fe,"f").createLinearGradient(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}createRadialGradient(e,t,i,o,n,r){return Xe(this,Fe,"f").createRadialGradient(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(n),this.$doPixelRatio(r))}createConicGradient(e,t,i){return Xe(this,Fe,"f").createConicGradient(e,this.$doPixelRatio(t),this.$doPixelRatio(i))}}function Ze(e){const{width:t,height:i,devicePixelRatio:o}=e,n=new OffscreenCanvas(t*o,i*o),r=n.getContext("2d").canvas.getContext("2d");return new He(r,{devicePixelRatio:o,offscreenCanvas:n})}function Qe(e,t){const{width:i,height:o,devicePixelRatio:n}=t,r={width:i,height:o,devicePixelRatio:n},l=e.getContext("2d"),a=Ze(r),s=Ze(r),h=Ze(r),c=function(e){const{width:t,height:i,ctx:o,devicePixelRatio:n}=e;let r=o;if(!r){const e=document.createElement("canvas");e.width=t*n,e.height=i*n,r=e.getContext("2d")}return new He(r,e)}(Object.assign({ctx:l},r)),d=Ze(r);return{underlayContext:h,viewContext:a,overlayContext:s,boardContext:c,tempContext:d,drawView:()=>{const{width:e,height:t}=a.$getSize();c.clearRect(0,0,e,t),c.drawImage(h.canvas,0,0,e,t),c.drawImage(a.canvas,0,0,e,t),c.drawImage(s.canvas,0,0,e,t),h.clearRect(0,0,e,t),a.clearRect(0,0,e,t),s.clearRect(0,0,e,t)}}}Fe=new WeakMap,Ge=new WeakMap;var Ue,$e=function(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)};class Je{constructor(){Ue.set(this,void 0),function(e,t,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");"a"===o?n.call(e,i):n?n.value=i:t.set(e,i)}(this,Ue,new Map,"f")}on(e,t){if($e(this,Ue,"f").has(e)){const i=$e(this,Ue,"f").get(e)||[];null==i||i.push(t),$e(this,Ue,"f").set(e,i)}else $e(this,Ue,"f").set(e,[t])}off(e,t){if($e(this,Ue,"f").has(e)){const i=$e(this,Ue,"f").get(e);if(Array.isArray(i))for(let e=0;e<(null==i?void 0:i.length);e++)if(i[e]===t){i.splice(e,1);break}$e(this,Ue,"f").set(e,i||[])}}trigger(e,t){const i=$e(this,Ue,"f").get(e);return!!Array.isArray(i)&&(i.forEach((e=>{e(t)})),!0)}has(e){if($e(this,Ue,"f").has(e)){const t=$e(this,Ue,"f").get(e);if(Array.isArray(t)&&t.length>0)return!0}return!1}destroy(){this.clear()}clear(){$e(this,Ue,"f").clear()}}function Ke(e,t){return{x:e.x+(t.x-e.x)/2,y:e.y+(t.y-e.y)/2}}Ue=new WeakMap;var qe,_e,et,tt,it,ot=function(e,t,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,i):n?n.value=i:t.set(e,i),i},nt=function(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)};class rt{constructor(e){qe.add(this),_e.set(this,void 0),et.set(this,void 0),tt.set(this,void 0),ot(this,et,Ce(e.defaultStorage),"f"),ot(this,_e,nt(this,qe,"m",it).call(this),"f"),ot(this,tt,e.defaultStatic||{},"f")}set(e,t){nt(this,_e,"f")[e]=t}get(e){return nt(this,_e,"f")[e]}setStatic(e,t){nt(this,tt,"f")[e]=t}getStatic(e){return nt(this,tt,"f")[e]}getSnapshot(e){return!0===(null==e?void 0:e.deepClone)?Ce(nt(this,_e,"f")):Object.assign({},nt(this,_e,"f"))}clear(){ot(this,_e,nt(this,qe,"m",it).call(this),"f")}destroy(){ot(this,_e,null,"f"),ot(this,tt,null,"f")}}function lt(e){const{activeStore:t}=e;return{scale:null==t?void 0:t.scale,offsetTop:null==t?void 0:t.offsetTop,offsetBottom:null==t?void 0:t.offsetBottom,offsetLeft:null==t?void 0:t.offsetLeft,offsetRight:null==t?void 0:t.offsetRight}}function at(e){const{activeStore:t}=e;return{devicePixelRatio:t.devicePixelRatio,width:null==t?void 0:t.width,height:null==t?void 0:t.height,contextWidth:null==t?void 0:t.contextWidth,contextHeight:null==t?void 0:t.contextHeight}}function st(e){return e/180*Math.PI}function ht(e,t,i,o){const n=st(t||0);i&&(n>0||n<0)&&(e.translate(i.x,i.y),e.rotate(n),e.translate(-i.x,-i.y)),o(e),i&&(n>0||n<0)&&(e.translate(i.x,i.y),e.rotate(-n),e.translate(-i.x,-i.y))}function ct(e,t,i){const o=dt(t);ht(e,t.angle||0,o,(()=>{i(e)}))}function dt(e){return{x:e.x+e.w/2,y:e.y+e.h/2}}function ut(e){const t=Math.min(e[0].x,e[1].x,e[2].x,e[3].x),i=Math.min(e[0].y,e[1].y,e[2].y,e[3].y);return dt({x:t,y:i,w:Math.max(e[0].x,e[1].x,e[2].x,e[3].x)-t,h:Math.max(e[0].y,e[1].y,e[2].y,e[3].y)-i})}function ft(e,t){const i=t.x-e.x,o=t.y-e.y;if(0===i){if(o<0)return 0;if(o>0)return Math.PI}else if(0===o){if(i<0)return 3*Math.PI/2;if(i>0)return Math.PI/2}return i>0&&o<0?Math.atan(Math.abs(i)/Math.abs(o)):i>0&&o>0?Math.PI-Math.atan(Math.abs(i)/Math.abs(o)):i<0&&o>0?Math.PI+Math.atan(Math.abs(i)/Math.abs(o)):i<0&&o<0?2*Math.PI-Math.atan(Math.abs(i)/Math.abs(o)):0}function gt(e,t,i){let o=ft(e,t)+i;o>2*Math.PI?o-=2*Math.PI:o<0-2*Math.PI&&(o+=2*Math.PI),o<0&&(o+=2*Math.PI);const n=function(e,t){const i=(e.x-t.x)*(e.x-t.x)+(e.y-t.y)*(e.y-t.y);return 0===i?i:Math.sqrt(i)}(e,t);let r=0,l=0;return 0===o?(r=0,l=0-n):o>0&&o<Math.PI/2?(r=Math.sin(o)*n,l=0-Math.cos(o)*n):o===Math.PI/2?(r=n,l=0):o>Math.PI/2&&o<Math.PI?(r=Math.sin(Math.PI-o)*n,l=Math.cos(Math.PI-o)*n):o===Math.PI?(r=0,l=n):o>Math.PI&&o<1.5*Math.PI?(r=0-Math.sin(o-Math.PI)*n,l=Math.cos(o-Math.PI)*n):o===1.5*Math.PI?(r=0-n,l=0):o>1.5*Math.PI&&o<2*Math.PI?(r=0-Math.sin(2*Math.PI-o)*n,l=0-Math.cos(2*Math.PI-o)*n):o===2*Math.PI&&(r=0,l=0-n),r+=e.x,l+=e.y,{x:r,y:l}}function vt(e,t){if((null==t?void 0:t.length)>0){let i=e.x,o=e.y;return t.forEach((e=>{const{x:t,y:n,w:r,h:l,angle:a=0}=e,s=gt(dt({x:t,y:n,w:r,h:l}),{x:i,y:o},st(a));i=s.x,o=s.y})),{x:i,y:o}}return e}function mt(e,t,i){const{x:o,y:n,w:r,h:l}=e;let a={x:o,y:n},s={x:o+r,y:n},h={x:o+r,y:n+l},c={x:o,y:n+l};if(i&&(i>0||i<0)){const e=st(wt(i));a=gt(t,a,e),s=gt(t,s,e),h=gt(t,h,e),c=gt(t,c,e)}return[a,s,h,c]}function yt(e){const{angle:t=0}=e;return mt(e,dt(e),t)}function pt(e,t,i){return[gt(e,{x:t[0].x,y:t[0].y},i),gt(e,{x:t[1].x,y:t[1].y},i),gt(e,{x:t[2].x,y:t[2].y},i),gt(e,{x:t[3].x,y:t[3].y},i)]}function wt(e){if(!(e>0||e<0)||0===e||360===e)return 0;let t=e%360;return t<0?t+=360:360===e&&(t=0),t}function xt(e){let t=!0;if(Array.isArray(e)){const i=[];e.forEach((e=>{var o;"string"==typeof e.uuid&&e.uuid?i.includes(e.uuid)?(t=!1,console.warn(`Duplicate uuids: ${e.uuid}`)):i.push(e.uuid):(t=!1,console.warn("Element missing uuid",e)),"group"===e.type&&(t=xt(null===(o=null==e?void 0:e.detail)||void 0===o?void 0:o.children))}))}return t}function St(e,t){const i={x:0,y:0,w:0,h:0};e.forEach((e=>{const t={x:e.x,y:e.y,w:e.w,h:e.h,angle:e.angle};if(t.angle&&(t.angle>0||t.angle<0)){const e=yt(t);if(4===e.length){const i=[e[0].x,e[1].x,e[2].x,e[3].x],o=[e[0].y,e[1].y,e[2].y,e[3].y];t.x=Math.min(...i),t.y=Math.min(...o),t.w=Math.abs(Math.max(...i)-Math.min(...i)),t.h=Math.abs(Math.max(...o)-Math.min(...o))}}const o=Math.min(t.x,i.x),n=Math.min(t.y,i.y),r=Math.max(t.x+t.w,i.x+i.w),l=Math.max(t.y+t.h,i.y+i.h);i.x=o,i.y=n,i.w=Math.abs(r-o),i.h=Math.abs(l-n)})),(null==t?void 0:t.extend)&&(i.x=Math.min(i.x,0),i.y=Math.min(i.y,0));const o={contextWidth:i.w,contextHeight:i.h};return(null==t?void 0:t.viewWidth)&&(null==t?void 0:t.viewHeight)&&(null==t?void 0:t.viewWidth)>0&&(null==t?void 0:t.viewHeight)>0&&(t.viewWidth>i.x+i.w&&(o.contextWidth=t.viewWidth-i.x),t.viewHeight>i.y+i.h&&(o.contextHeight=t.viewHeight-i.y)),o}function bt(e,t){var i;const o=[];let n=e;if(t.length>1)for(let e=0;e<t.length-1;e++){const r=n[t[e]];if("group"!==(null==r?void 0:r.type)||!Array.isArray(null===(i=null==r?void 0:r.detail)||void 0===i?void 0:i.children))return null;o.push(r),n=r.detail.children}return o}function At(e){const{x:t,y:i,w:o,h:n,angle:r}=e;return{x:t,y:i,w:o,h:n,angle:r}}function It(e,t){let i=null,o=t;for(let t=0;t<e.length;t++){const n=o[e[t]];if(t<e.length-1&&"group"===(null==n?void 0:n.type))o=n.detail.children;else{if(t!==e.length-1)break;i=n}}return i}function Mt(e,t){const i=[];let o=!1;const n=t=>{var r;for(let l=0;l<t.length&&!0!==o;l++){i.push(l);const a=t[l];if(a.uuid===e){o=!0;break}if("group"===a.type&&n((null===(r=null==a?void 0:a.detail)||void 0===r?void 0:r.children)||[]),o)break;i.pop()}};return n(t),i}function zt(e){const{x:t,y:i,h:o,w:n}=e;return[{x:t,y:i},{x:t+n,y:i},{x:t+n,y:i+o},{x:t,y:i+o}]}function Rt(e){const{x:t,y:i,w:o,h:n,angle:r=0}=e;return 0===r?zt(e):mt(e,dt({x:t,y:i,w:o,h:n}),r)}function Ct(e){const t=[];let i=0,o=0;const n=[],r=[...e];for(let e=0;e<r.length;e++){const{x:l,y:a,w:s,h:h,angle:c=0}=r[e];let d;if(i+=l,o+=a,0===e){const e={x:i,y:o,w:s,h:h};d=Rt({x:l,y:a,w:s,h:h,angle:c}),n.push({center:dt(e),angle:c,radian:st(c)})}else{d=zt({x:i,y:o,w:s,h:h});for(let e=0;e<n.length;e++){const{center:t,radian:i}=n[e];d=pt(t,d,i)}const e=ut(d);if(c>0||c<0){d=pt(e,d,st(c))}n.push({center:e,angle:c,radian:st(c)})}t.push(d)}return t}function Tt(e,t){const i=function(e,t){const{groupQueue:i}=t;return i.length>0?Ct([...i,e]):[Rt(e)]}(e,t);return i.pop()||null}function Et(e,t){const{viewScaleInfo:i}=t,{x:o,y:n,w:r,h:l,angle:a}=e,{scale:s,offsetTop:h,offsetLeft:c}=i;return{x:o*s+c,y:n*s+h,w:r*s,h:l*s,angle:a}}function Pt(e,t){const{viewScaleInfo:i}=t,{x:o,y:n}=e,{scale:r,offsetTop:l,offsetLeft:a}=i;return{x:o*r+a,y:n*r+l}}function Lt(e,t){return[Pt(e[0],t),Pt(e[1],t),Pt(e[2],t),Pt(e[3],t)]}function kt(e,t){const{context2d:i,element:o,viewScaleInfo:n}=t,{angle:r=0}=o,{x:l,y:a,w:s,h:h}=Et(o,{viewScaleInfo:n}),c=yt({x:l,y:a,w:s,h:h,angle:r});if(c.length>=2){i.beginPath(),i.moveTo(c[0].x,c[0].y);for(let e=1;e<c.length;e++)i.lineTo(c[e].x,c[e].y);i.closePath()}return!!i.isPointInPath(e.x,e.y)}function Ot(e,t,i){const o=[t[0].x,t[1].x,t[2].x,t[3].x],n=[t[0].y,t[1].y,t[2].y,t[3].y],r=Math.min(...o),l=Math.max(...o),a=Math.min(...n),s=Math.max(...n);return e.x>r&&e.x<l&&e.y>a&&e.y<s}function Wt(e,t){const{groupQueue:i}=t,o=Tt(e,{groupQueue:i}),n=Ke(o[0],o[1]),r=Ke(o[1],o[2]),l=Ke(o[2],o[3]),a=Ke(o[3],o[0]),s=o[0],h=o[1],c=o[2],d=o[3],u=Math.max(s.x,h.x,c.x,d.x),f=Math.max(s.y,h.y,c.y,d.y);return{center:{x:(u+Math.min(s.x,h.x,c.x,d.x))/2,y:(f+Math.min(s.y,h.y,c.y,d.y))/2},topLeft:s,topRight:h,bottomLeft:d,bottomRight:c,top:n,right:r,left:a,bottom:l}}function Dt(e){const t=Math.max(e.topLeft.x,e.topRight.x,e.bottomRight.x,e.bottomLeft.x),i=Math.max(e.topLeft.y,e.topRight.y,e.bottomRight.y,e.bottomLeft.y),o=Math.min(e.topLeft.x,e.topRight.x,e.bottomRight.x,e.bottomLeft.x),n=Math.min(e.topLeft.y,e.topRight.y,e.bottomRight.y,e.bottomLeft.y),r={x:e.center.x,y:e.center.y},l={x:o,y:n},a={x:t,y:n},s={x:t,y:i},h={x:o,y:i},c=Ke(l,a),d=Ke(h,s),u=Ke(l,h);return{center:r,topLeft:l,topRight:a,bottomLeft:h,bottomRight:s,top:c,right:Ke(a,s),left:u,bottom:d}}function jt(e,t){const{x:i,y:o}=e,{size:n,angle:r}=t;return{x:i-n/2,y:o-n/2,w:n,h:n,angle:r}}function Yt(e,t){const{groupQueue:i,controllerSize:o,viewScaleInfo:n,rotateControllerSize:r,rotateControllerPosition:l}=t,a=(o&&o>0?o:8)/n.scale,{x:s,y:h,w:c,h:d,angle:u=0}=e,f=r,g=l,v=[{uuid:Ie(),x:s,y:h,w:c,h:d,angle:u,type:"group",detail:{children:[]}},...i];let m=0;v.forEach((({angle:e=0})=>{m+=e}));const y=Tt(e,{groupQueue:i}),p=Tt({x:s,y:h-(g+f/2)/n.scale,h:d+(2*g+f)/n.scale,w:c,angle:u},{groupQueue:[...i]}),w=Ke(y[0],y[1]),x=Ke(y[1],y[2]),S=Ke(y[2],y[3]),b=Ke(y[3],y[0]),A=y[0],I=y[1],M=y[2],z=y[3],R=jt(w,{size:a,angle:m}),C=jt(x,{size:a,angle:m}),T=jt(S,{size:a,angle:m}),E=jt(b,{size:a,angle:m}),P=jt(A,{size:a,angle:m}),L=jt(I,{size:a,angle:m}),k=jt(z,{size:a,angle:m}),O=jt(M,{size:a,angle:m}),W=Rt(P),D=Rt(L),j=Rt(k),Y=Rt(O),N=[W[1],D[0],D[3],W[2]],B=[D[3],D[2],Y[1],Y[0]],F=[j[1],Y[0],Y[3],j[2]],G=[W[3],W[2],j[1],j[0]],V=Rt(R),X=Rt(C),H=Rt(T),Z=Rt(E),Q=Ke(p[0],p[1]),U=Rt(jt(Q,{size:1.1*r/n.scale,angle:m}));return{originalElementCenter:dt(e),originalElementSize:Object.assign({},e),elementWrapper:y,left:{type:"left",vertexes:G,center:b,size:a},right:{type:"right",vertexes:B,center:x,size:a},top:{type:"top",vertexes:N,center:w,size:a},bottom:{type:"bottom",vertexes:F,center:S,size:a},topLeft:{type:"top-left",vertexes:W,center:A,size:a},topRight:{type:"top-right",vertexes:D,center:I,size:a},bottomLeft:{type:"bottom-left",vertexes:j,center:z,size:a},bottomRight:{type:"bottom-right",vertexes:Y,center:M,size:a},leftMiddle:{type:"left-middle",vertexes:Z,center:b,size:a},rightMiddle:{type:"right-middle",vertexes:X,center:x,size:a},topMiddle:{type:"top-middle",vertexes:V,center:w,size:a},bottomMiddle:{type:"bottom-middle",vertexes:H,center:S,size:a},rotate:{type:"rotate",vertexes:U,center:Q,size:r}}}function Nt(e,t){const{controllerSize:i,viewScaleInfo:o}=t,n=i&&i>0?i:8,{x:r,y:l,w:a,h:s}=Et(e,{viewScaleInfo:o}),h=dt({x:r,y:l,w:a,h:s}),c={x:h.x,y:l},d={x:r+a,y:h.y},u={x:h.x,y:l+s},f={x:r,y:h.y},g={x:r,y:l},v={x:r+a,y:l},m={x:r+a,y:l+s},y={x:r,y:l+s},p=jt(c,{size:n,angle:0}),w=jt(d,{size:n,angle:0}),x=jt(u,{size:n,angle:0}),S=jt(f,{size:n,angle:0}),b=jt(g,{size:n,angle:0}),A=jt(v,{size:n,angle:0}),I=jt(y,{size:n,angle:0}),M=jt(m,{size:n,angle:0}),z=Rt(b),R=Rt(A),C=Rt(I),T=Rt(M),E=[z[1],R[0],R[3],z[2]],P=[R[3],R[2],T[1],T[0]],L=[C[1],T[0],T[3],C[2]],k=[z[3],z[2],C[1],C[0]],O=Rt(p),W=Rt(w),D=Rt(x);return{left:{type:"left",vertexes:k,center:f,size:n},right:{type:"right",vertexes:P,center:d,size:n},top:{type:"top",vertexes:E,center:c,size:n},bottom:{type:"bottom",vertexes:L,center:u,size:n},topLeft:{type:"top-left",vertexes:z,center:g,size:n},topRight:{type:"top-right",vertexes:R,center:v,size:n},bottomLeft:{type:"bottom-left",vertexes:C,center:y,size:n},bottomRight:{type:"bottom-right",vertexes:T,center:m,size:n},leftMiddle:{type:"left-middle",vertexes:Rt(S),center:f,size:n},rightMiddle:{type:"right-middle",vertexes:W,center:d,size:n},topMiddle:{type:"top-middle",vertexes:O,center:c,size:n},bottomMiddle:{type:"bottom-middle",vertexes:D,center:u,size:n}}}function Bt(e){let t="";return e.forEach((e=>{t+=e.type+e.params.join(" ")})),t}function Ft(e,t){let i=2;return void 0!==(null==t?void 0:t.decimalPlaces)&&(null==t?void 0:t.decimalPlaces)>=0&&(i=t.decimalPlaces),parseFloat(e.toFixed(i))}_e=new WeakMap,et=new WeakMap,tt=new WeakMap,qe=new WeakSet,it=function(){return Ce(nt(this,et,"f"))};const Gt="Text Element";const Vt={boxSizing:"border-box",borderWidth:0,borderColor:"#000000",shadowColor:"#000000",borderRadius:0,borderDash:[],shadowOffsetX:0,shadowOffsetY:0,shadowBlur:0,opacity:1,color:"#000000",textAlign:"left",verticalAlign:"top",fontSize:16,fontFamily:"sans-serif",fontWeight:400,minInlineSize:"auto",wordBreak:"break-all",overflow:"hidden"};function Xt(e,t){const{viewScaleInfo:i}=t,{scale:o}=i;let{borderRadius:n}=e.detail;const{borderDash:r}=e.detail,l=Array.isArray(r)&&r.length>0,{boxSizing:a=Vt.boxSizing,borderWidth:s}=e.detail;Array.isArray(s)&&(n=0);let{x:h,y:c,w:d,h:u}=e,f=[0,0,0,0];if("number"==typeof n){const e=n*o;f=[e,e,e,e]}else Array.isArray(n)&&4===(null==n?void 0:n.length)&&(f=[n[0]*o,n[1]*o,n[2]*o,n[3]*o]);let g=0;return"number"==typeof s&&(g=(s||0)*o),"border-box"!==a||l?"content-box"===a?(h=e.x-g/2,c=e.y-g/2,d=e.w+g,u=e.h+g):(h=e.x,c=e.y,d=e.w,u=e.h):(h=e.x+g/2,c=e.y+g/2,d=e.w-g,u=e.h-g),d=Math.max(d,1),u=Math.max(u,1),f=f.map((e=>Math.min(e,d/2,u/2))),{x:h,y:c,w:d,h:u,radiusList:f}}function Ht(e,t="",i={},o){return Object.keys(e).forEach((n=>{var r;const l=t?`${t}${function(e){return/^\d+$/.test(e)&&!isNaN(Number(e))}(n)?`[${n}]`:`.${n}`}`:n;if(!(null===(r=null==o?void 0:o.ignorePaths)||void 0===r?void 0:r.includes(l))){const t=e[n];!function(e){return"object"==typeof e&&null!==e&&!(e instanceof Date)||Array.isArray(e)}(t)?i[l]=t:Ht(t,(Array.isArray(t),l),i,o)}})),i}function Zt(e,t){return"object"!=typeof e||null===e?{"":e}:Ht(e,"",{},t)}function Qt(e){return Zt(e,{ignorePaths:["detail.children"]})}function Ut(e){return Zt(e)}function $t(e){return Zt(e)}function Jt(e){return Array.isArray(e)?[...e]:e.split(/\.|\[|\]/).filter((e=>""!==e))}function Kt(e,t,i){if(!t)return;const o=Jt(t);let n=e;for(const e of o){if(null==n)return i;n=n[e]}return void 0!==n?n:i}function qt(e,t,i){const o=Jt(t);if(0===o.length)return e;let n=e;if(n)for(let e=0;e<o.length;e++){const t=o[e];if(e===o.length-1){n[t]=i;break}if(n&&(void 0===(null==n?void 0:n[t])||"object"!=typeof(null==n?void 0:n[t])||null===(null==n?void 0:n[t]))){const i=o[e+1],r=/^\d+$/.test(i);n[t]=r?[]:{}}n=null==n?void 0:n[t]}return e}function _t(e,t){const i=Jt(t);if(0===i.length)return e;let o=e;if(o)for(let e=0;e<i.length;e++){const t=i[e];if(e===i.length-1){delete o[t];break}if(o&&(void 0===(null==o?void 0:o[t])||"object"!=typeof(null==o?void 0:o[t])||null===(null==o?void 0:o[t]))){const n=i[e+1],r=/^\d+$/.test(n);o[t]=r?[]:{}}o=null==o?void 0:o[t]}return e}const ei=e=>Ft(e,{decimalPlaces:4});function ti(e,t){const{detail:i}=e,{xRatio:o,yRatio:n,maxRatio:r}=t,l=(o+n)/2,{borderWidth:a,borderRadius:s,borderDash:h,shadowOffsetX:c,shadowOffsetY:d,shadowBlur:u}=i;if("number"==typeof a)i.borderWidth=ei(a*l);else if(Array.isArray(i.borderWidth)){const e=a;i.borderWidth=[ei(e[0]*n),ei(e[1]*o),ei(e[2]*n),ei(e[3]*o)]}if("number"==typeof s)i.borderRadius=ei(s*l);else if(Array.isArray(i.borderRadius)){const e=s;i.borderRadius=[e[0]*o,e[1]*o,e[2]*n,e[3]*n]}Array.isArray(h)&&h.forEach(((e,t)=>{i.borderDash[t]=ei(e*r)})),"number"==typeof c&&(i.shadowOffsetX=ei(c*r)),"number"==typeof d&&(i.shadowOffsetX=ei(d*r)),"number"==typeof u&&(i.shadowOffsetX=ei(u*r))}function ii(e,t){const{type:i}=e;!function(e,t){const{xRatio:i,yRatio:o}=t,{x:n,y:r,w:l,h:a}=e;e.x=ei(n*i),e.y=ei(r*o),e.w=ei(l*i),e.h=ei(a*o),ti(e,t)}(e,t),"circle"===i||("text"===i?function(e,t){const{minRatio:i,maxRatio:o}=t,{fontSize:n,lineHeight:r}=e.detail,l=(i+o)/2;n&&n>0&&(e.detail.fontSize=ei(n*l)),r&&r>0&&(e.detail.lineHeight=ei(r*l))}(e,t):"image"===i||"svg"===i||"html"===i||"path"===i||"group"===i&&Array.isArray(e.detail.children)&&e.detail.children.forEach((e=>{ii(e,t)})))}function oi(e,t){const i=t.w&&t.w>0?t.w:e.w,o=t.h&&t.h>0?t.h:e.h,n=i/e.w,r=o/e.h;if(n===r&&1===n)return e;const l=Math.min(n,r),a=Math.max(n,r);e.w=i,e.h=o;const s={xRatio:n,yRatio:r,minRatio:l,maxRatio:a};return"group"===e.type&&Array.isArray(e.detail.children)&&e.detail.children.forEach((e=>{ii(e,s)})),ti(e,s),e}function ni(e,t,i){const o=function(e,t){let i=0,o=0,n=200,r=200;if(t){const{viewScaleInfo:l,viewSizeInfo:a}=t,{scale:s,offsetLeft:h,offsetTop:c}=l,{width:d,height:u}=a,f=d/4,g=u/4;n=200>=f?f/s:200/s,r=200>=g?g/s:200/s,["circle","svg","image"].includes(e)?n=r=Math.max(n,r):"text"===e&&(r=n/12*2),i=(0-h+d/2-n*s/2)/s,o=(0-c+u/2-r*s/2)/s}return{x:i,y:o,w:n,h:r}}(e,i);let n={};"rect"===e?n={background:"#D9D9D9"}:"circle"===e?n={background:"#D9D9D9",radius:0}:"text"===e?n=function(e){const t={boxSizing:"border-box",borderWidth:0,borderColor:"#000000",shadowColor:"#000000",borderRadius:0,borderDash:[],shadowOffsetX:0,shadowOffsetY:0,shadowBlur:0,opacity:1,color:"#000000",textAlign:"left",verticalAlign:"top",fontSize:16,fontFamily:"sans-serif",fontWeight:400,minInlineSize:"auto",wordBreak:"break-all",overflow:"hidden"};return{text:Gt,color:t.color,fontFamily:t.fontFamily,fontWeight:t.fontWeight,lineHeight:e.w/12,fontSize:e.w/12,textAlign:"center",verticalAlign:"middle"}}(o):"svg"===e?n={svg:'<svg t="1701004189871" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3-12.3 12.7-12.1 32.9 0.6 45.3l183.7 179.1-43.4 252.9c-1.2 6.9-0.1 14.1 3.2 20.3 8.2 15.6 27.6 21.7 43.2 13.4L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z" fill="#2c2c2c"></path></svg>'}:"image"===e?n={src:"data:image/svg+xml;base64,PHN2ZyAgIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjxwYXRoIGQ9Ik05MjggMTYwSDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY2NDBjMCAxNy43IDE0LjMgMzIgMzIgMzJoODMyYzE3LjcgMCAzMi0xNC4zIDMyLTMyVjE5MmMwLTE3LjctMTQuMy0zMi0zMi0zMnogbS00MCA2MzJIMTM2di0zOS45bDEzOC41LTE2NC4zIDE1MC4xIDE3OEw2NTguMSA0ODkgODg4IDc2MS42Vjc5MnogbTAtMTI5LjhMNjY0LjIgMzk2LjhjLTMuMi0zLjgtOS0zLjgtMTIuMiAwTDQyNC42IDY2Ni40bC0xNDQtMTcwLjdjLTMuMi0zLjgtOS0zLjgtMTIuMiAwTDEzNiA2NTIuN1YyMzJoNzUydjQzMC4yeiIgIGZpbGw9IiM1MTUxNTEiPjwvcGF0aD48cGF0aCBkPSJNMzA0IDQ1NmM0OC42IDAgODgtMzkuNCA4OC04OHMtMzkuNC04OC04OC04OC04OCAzOS40LTg4IDg4IDM5LjQgODggODggODh6IG0wLTExNmMxNS41IDAgMjggMTIuNSAyOCAyOHMtMTIuNSAyOC0yOCAyOC0yOC0xMi41LTI4LTI4IDEyLjUtMjggMjgtMjh6IiAgZmlsbD0iIzUxNTE1MSI+PC9wYXRoPjwvc3ZnPg=="}:"group"===e&&(n={children:[],background:"#D9D9D9",overflow:"hidden"});return Object.assign(Object.assign(Object.assign({uuid:Ie()},o),t),{type:e,detail:Object.assign(Object.assign({},n),t.detail||{})})}function ri(e,t,i){let o=!1;if(1===t.length){const n=t[0];i.splice(n,0,e),o=!0}else if(t.length>1){let n=i;for(let i=0;i<t.length;i++){const r=n[t[i]];if(i===t.length-1){const r=t[i];n.splice(r,0,e),o=!0}else{if(!(i<t.length-1&&"group"===r.type))break;n=r.detail.children}}}return o}function li(e,t){let i=!1;if(1===e.length){const o=e[0];t.splice(o,1),i=!0}else if(e.length>1){let o=t;for(let t=0;t<e.length;t++){const n=o[e[t]];if(t===e.length-1){const n=e[t];o.splice(n,1),i=!0}else{if(!(t<e.length-1&&"group"===n.type))break;o=n.detail.children}}}return i}function ai(e,t,i){const o=Qt(t),n=["uuid","type"],r=Object.keys(o);if(r.forEach((t=>{if(!n.includes(t)){const i=o[t];_t(e,t),void 0!==i&&qt(e,t,i)}})),!0===(null==i?void 0:i.strict)){const t=Qt(e);Object.keys(t).forEach((t=>{n.includes(t)||r.includes(t)||_t(e,t)}))}return e}function si(e,t,i){var o,n;let r=null;for(let l=0;l<i.length;l++){const a=i[l];if(a.uuid===e){"group"===a.type&&!0===(null===(o=a.operations)||void 0===o?void 0:o.deepResize)&&(t.w&&t.w>0||t.h&&t.h>0)&&oi(a,{w:t.w,h:t.h}),ai(a,t),r=a;break}"group"===a.type&&(r=si(e,t,(null===(n=null==a?void 0:a.detail)||void 0===n?void 0:n.children)||[]))}return r}function hi(e,t,i,o){var n;const r=It(e,i);return r&&("group"===r.type&&!0===(null===(n=r.operations)||void 0===n?void 0:n.deepResize)&&(t.w&&t.w>0||t.h&&t.h>0)&&oi(r,{w:t.w,h:t.h}),ai(r,t,o)),r}const ci=["-apple-system",'"system-ui"',' "Segoe UI"'," Roboto",'"Helvetica Neue"',"Arial",'"Noto Sans"'," sans-serif"];function di(e){return[e,...ci].join(", ")}function ui(e,t,i){if("string"==typeof t)return t;const{viewElementSize:o,viewScaleInfo:n,opacity:r=1}=i,{x:l,y:a}=o,{scale:s}=n;if("linear-gradient"===(null==t?void 0:t.type)){const{start:i,end:o,stops:n}=t,h={x:l+i.x*s,y:a+i.y*s},c={x:l+o.x*s,y:a+o.y*s},d=e.createLinearGradient(h.x,h.y,c.x,c.y);return n.forEach((e=>{d.addColorStop(e.offset,Ae(e.color,r))})),d}if("radial-gradient"===(null==t?void 0:t.type)){const{inner:i,outer:o,stops:n}=t,h={x:l+i.x*s,y:a+i.y*s,radius:i.radius*s},c={x:l+o.x*s,y:a+o.y*s,radius:o.radius*s},d=e.createRadialGradient(h.x,h.y,h.radius,c.x,c.y,c.radius);return n.forEach((e=>{d.addColorStop(e.offset,Ae(e.color,r))})),d}return"#000000"}const fi={boxSizing:"border-box",borderWidth:0,borderColor:"#000000",shadowColor:"#000000",borderRadius:0,borderDash:[],shadowOffsetX:0,shadowOffsetY:0,shadowBlur:0,opacity:1,color:"#000000",textAlign:"left",verticalAlign:"top",fontSize:16,fontFamily:"sans-serif",fontWeight:400,minInlineSize:"auto",wordBreak:"break-all",overflow:"hidden"};function gi(e){var t,i,o,n;let r=1;return void 0!==(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.opacity)&&(null===(i=null==e?void 0:e.detail)||void 0===i?void 0:i.opacity)>=0&&(null===(o=null==e?void 0:e.detail)||void 0===o?void 0:o.opacity)<=1&&(r=null===(n=null==e?void 0:e.detail)||void 0===n?void 0:n.opacity),r}function vi(e,t,i){const{pattern:o,renderContent:n,originElem:r,calcElemSize:l,viewScaleInfo:a,viewSizeInfo:s}=i||{},{parentOpacity:h}=i,c=gi(r)*h,{clipPath:d,clipPathStrokeColor:u,clipPathStrokeWidth:f}=r.detail,g=()=>{e.globalAlpha=c,mi(e,t,{pattern:o,viewScaleInfo:a,viewSizeInfo:s}),null==n||n(),yi(e,t,{viewScaleInfo:a}),e.globalAlpha=h};d?(function(e,t,i){const{renderContent:o,originElem:n,calcElemSize:r,viewSizeInfo:l}=i,a=l.devicePixelRatio,{clipPath:s}=(null==n?void 0:n.detail)||{};if(s&&r&&s.commands){const{x:i,y:n,w:l,h:h}=r,{originW:c,originH:d,originX:u,originY:f}=s,g=l/c,v=h/d,m=i-u*g,y=n-f*v;e.save(),e.translate(m,y),e.scale(a*g,a*v);const p=Bt(s.commands||[]),w=new Path2D(p);e.clip(w,"nonzero"),e.translate(0-m,0-y),e.setTransform(1,0,0,1,0,0),ct(e,Object.assign({},t),(()=>{null==o||o()})),e.restore()}else null==o||o()}(e,t,{originElem:r,calcElemSize:l,viewSizeInfo:s,renderContent:()=>{g()}}),"number"==typeof f&&f>0&&u&&function(e,t,i){const{renderContent:o,originElem:n,calcElemSize:r,viewSizeInfo:l,parentOpacity:a}=i,s=l.devicePixelRatio,{clipPath:h,clipPathStrokeColor:c,clipPathStrokeWidth:d}=(null==n?void 0:n.detail)||{};if(h&&r&&h.commands&&"number"==typeof d&&d>0&&c){const{x:i,y:n,w:l,h:u}=r,{originW:f,originH:g,originX:v,originY:m}=h,y=l/f,p=u/g,w=i-v*y,x=n-m*p;e.save(),e.globalAlpha=a,e.translate(w,x),e.scale(s*y,s*p);const S=Bt(h.commands||[]),b=new Path2D(S);e.strokeStyle=c,e.lineWidth=d,e.stroke(b),e.translate(0-w,0-x),e.setTransform(1,0,0,1,0,0),ct(e,Object.assign({},t),(()=>{null==o||o()})),e.restore()}else null==o||o()}(e,t,{originElem:r,calcElemSize:l,viewSizeInfo:s,parentOpacity:h})):g()}function mi(e,t,i){var o,n;const{pattern:r,viewScaleInfo:l,viewSizeInfo:a}=i,s=[];if(t.detail.background||r){const{x:i,y:a,w:h,h:c,radiusList:d}=Xt(t,{viewScaleInfo:l});if(e.beginPath(),e.moveTo(i+d[0],a),e.arcTo(i+h,a,i+h,a+c,d[1]),e.arcTo(i+h,a+c,i,a+c,d[2]),e.arcTo(i,a+c,i,a,d[3]),e.arcTo(i,a,i+h,a,d[0]),e.closePath(),"string"==typeof r)e.fillStyle=r;else if(["CanvasPattern"].includes(Ee.type(r)))e.fillStyle=r;else if("string"==typeof t.detail.background)e.fillStyle=t.detail.background;else if("linear-gradient"===(null===(o=t.detail.background)||void 0===o?void 0:o.type)){const o=ui(e,t.detail.background,{viewElementSize:{x:i,y:a,w:h,h:c},viewScaleInfo:l,opacity:e.globalAlpha});e.fillStyle=o}else if("radial-gradient"===(null===(n=t.detail.background)||void 0===n?void 0:n.type)){const o=ui(e,t.detail.background,{viewElementSize:{x:i,y:a,w:h,h:c},viewScaleInfo:l,opacity:e.globalAlpha});if(e.fillStyle=o,s&&s.length>0)for(let t=0;t<(null==s?void 0:s.length);t++){const o=s[t];"translate"===o.method?e.translate(o.args[0]+i,o.args[1]+a):"rotate"===o.method?e.rotate(...o.args):"scale"===o.method&&e.scale(...o.args)}}e.fill("nonzero"),s&&s.length>0&&e.setTransform(1,0,0,1,0,0)}}function yi(e,t,i){if(0===t.detail.borderWidth)return;if(!be(t.detail.borderColor))return;const{viewScaleInfo:o}=i,{scale:n}=o;let r=fi.borderColor;!0===be(t.detail.borderColor)&&(r=t.detail.borderColor);const{borderDash:l,borderWidth:a,borderRadius:s,boxSizing:h=fi.boxSizing}=t.detail;let c=[];Array.isArray(l)&&l.length>0&&(c=l.map((e=>Math.ceil(e*n)))),c.length>0?e.lineCap="butt":e.lineCap="square";let d=[0,0,0,0];if("number"==typeof s){const e=s*n;d=[e,e,e,e]}else Array.isArray(s)&&4===(null==s?void 0:s.length)&&(d=[s[0]*n,s[1]*n,s[2]*n,s[3]*n]);let u=0;"number"==typeof a&&(u=a||1),u*=n,e.strokeStyle=r;let f=0,g=0,v=0,m=0;if(Array.isArray(a)&&(f=(a[0]||0)*n,g=(a[1]||0)*n,v=(a[2]||0)*n,m=(a[3]||0)*n),m||g||f||v){e.lineCap="butt";let{x:i,y:o,w:n,h:r}=t;"border-box"===h?(i+=m/2,o+=f/2,n=n-m/2-g/2,r=r-f/2-v/2):"content-box"===h?(i-=m/2,o-=f/2,n=n+m/2+g/2,r=r+f/2+v/2):(i=t.x,o=t.y,n=t.w,r=t.h),f&&(e.beginPath(),e.lineWidth=f,e.moveTo(i-m/2,o),e.lineTo(i+n+g/2,o),e.closePath(),e.stroke()),g&&(e.beginPath(),e.lineWidth=g,e.moveTo(i+n,o-f/2),e.lineTo(i+n,o+r+v/2),e.closePath(),e.stroke()),v&&(e.beginPath(),e.lineWidth=v,e.moveTo(i-m/2,o+r),e.lineTo(i+n+g/2,o+r),e.closePath(),e.stroke()),m&&(e.beginPath(),e.lineWidth=m,e.moveTo(i,o-f/2),e.lineTo(i,o+r+v/2),e.closePath(),e.stroke())}else{let{x:i,y:o,w:n,h:r}=t;"border-box"===h?(i=t.x+u/2,o=t.y+u/2,n=t.w-u,r=t.h-u):"content-box"===h?(i=t.x-u/2,o=t.y-u/2,n=t.w+u,r=t.h+u):(i=t.x,o=t.y,n=t.w,r=t.h),n=Math.max(n,1),r=Math.max(r,1),d=d.map((e=>Math.min(e,n/2,r/2))),e.setLineDash(c),e.lineWidth=u,e.beginPath(),e.moveTo(i+d[0],o),e.arcTo(i+n,o,i+n,o+r,d[1]),e.arcTo(i+n,o+r,i,o+r,d[2]),e.arcTo(i,o+r,i,o,d[3]),e.arcTo(i,o,i+n,o,d[0]),e.closePath(),e.stroke()}e.setLineDash([])}function pi(e,t,i){const{detail:o}=t,{viewScaleInfo:n,renderContent:r}=i,{shadowColor:l,shadowOffsetX:a,shadowOffsetY:s,shadowBlur:h}=o;Be.number(h)?(e.save(),e.shadowColor=l||fi.shadowColor,e.shadowOffsetX=(a||0)*n.scale,e.shadowOffsetY=(s||0)*n.scale,e.shadowBlur=(h||0)*n.scale,r(),e.restore()):(e.save(),e.shadowColor="transparent",e.shadowOffsetX=0,e.shadowOffsetY=0,e.shadowBlur=0,r(),e.restore())}const wi={boxSizing:"border-box",borderWidth:0,borderColor:"#000000",shadowColor:"#000000",borderRadius:0,borderDash:[],shadowOffsetX:0,shadowOffsetY:0,shadowBlur:0,opacity:1,color:"#000000",textAlign:"left",verticalAlign:"top",fontSize:16,fontFamily:"sans-serif",fontWeight:400,minInlineSize:"auto",wordBreak:"break-all",overflow:"hidden"};function xi(e,t,i){var o,n;const{detail:r}=t,{originX:l,originY:a,originW:s,originH:h,fillRule:c}=r,{viewScaleInfo:d,viewSizeInfo:u,parentOpacity:f}=i,{x:g,y:v,w:m,h:y,angle:p}=Et(t,{viewScaleInfo:d})||t,w=m/s,x=y/h,S=g-l*w,b=v-a*x,A=t.detail,{clipPath:I,clipPathStrokeColor:M,clipPathStrokeWidth:z}=A,R=function(e,t){var i={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(i[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(i[o[n]]=e[o[n]])}return i}(A,["clipPath","clipPathStrokeColor","clipPathStrokeWidth"]),C=d.scale*u.devicePixelRatio,T=Object.assign(Object.assign({},t),{x:g,y:v,w:m,h:y,angle:p});let E=Object.assign({},T);E.detail=R;let P=Object.assign({},t);P.detail=R,r.fill&&"string"!==r.fill&&(null===(n=null===(o=r.fill)||void 0===o?void 0:o.type)||void 0===n?void 0:n.includes("gradient"))&&(E=Object.assign(Object.assign({},T),{detail:Object.assign(Object.assign({},T.detail),{background:r.fill,clipPath:{commands:r.commands,originX:l,originY:a,originW:s,originH:h}})}),P.detail=Object.assign({},E.detail)),ct(e,{x:g,y:v,w:m,h:y,angle:p},(()=>{vi(e,E,{originElem:P,calcElemSize:{x:g,y:v,w:m,h:y,angle:p},viewScaleInfo:d,viewSizeInfo:u,parentOpacity:f,renderContent:()=>{pi(e,T,{viewScaleInfo:d,renderContent:()=>{e.save(),e.translate(S,b),e.scale(C*w/d.scale,C*x/d.scale);const t=Bt(r.commands||[]),i=new Path2D(t);r.fill&&("string"==typeof r.fill?e.fillStyle=r.fill:e.fillStyle="transparent"),r.fill&&e.fill(i,c||"nonzero"),r.stroke&&0!==r.strokeWidth&&(e.strokeStyle=r.stroke,e.lineWidth=(r.strokeWidth||1)/u.devicePixelRatio,e.lineCap=r.strokeLineCap||"square",e.stroke(i)),e.translate(-S,-b),e.restore()}})}})}))}function Si(e,t,i){var o,n,r;if(!0===(null===(o=null==t?void 0:t.operations)||void 0===o?void 0:o.invisible))return;const{w:l,h:a}=t,{scale:s}=i.viewScaleInfo;if(s<1&&(l*s<.4||a*s<.4)||0===i.parentOpacity)return;const{overrideElementMap:h}=i;if(!(null===(r=null===(n=null==h?void 0:h[t.uuid])||void 0===n?void 0:n.operations)||void 0===r?void 0:r.invisible))try{switch(t.type){case"rect":!function(e,t,i){const{viewScaleInfo:o,viewSizeInfo:n,parentOpacity:r}=i,{x:l,y:a,w:s,h:h,angle:c}=Et(t,{viewScaleInfo:o})||t,d=Object.assign(Object.assign({},t),{x:l,y:a,w:s,h:h,angle:c});ct(e,{x:l,y:a,w:s,h:h,angle:c},(()=>{pi(e,d,{viewScaleInfo:o,renderContent:()=>{vi(e,d,{originElem:t,calcElemSize:{x:l,y:a,w:s,h:h,angle:c},viewScaleInfo:o,viewSizeInfo:n,parentOpacity:r,renderContent:()=>{}})}})}))}(e,t,i);break;case"circle":!function(e,t,i){const{detail:o,angle:n}=t,{viewScaleInfo:r,viewSizeInfo:l,parentOpacity:a}=i,{background:s="#000000",borderColor:h="#000000",boxSizing:c,borderWidth:d=0,borderDash:u}=o;let f=0;"number"==typeof d&&d>0?f=d:Array.isArray(d)&&"number"==typeof d[0]&&d[0]>0&&(f=d[0]),f*=r.scale;const{x:g,y:v,w:m,h:y}=Et({x:t.x,y:t.y,w:t.w,h:t.h},{viewScaleInfo:r})||t,p=Object.assign(Object.assign({},t),{x:g,y:v,w:m,h:y,angle:n});ct(e,{x:g,y:v,w:m,h:y,angle:n},(()=>{pi(e,p,{viewScaleInfo:r,renderContent:()=>{let t=m/2,i=y/2;const o=g+t,n=v+i,l=t,d=i;if(f>0&&("content-box"===c||("center-line"===c?(t-=f/2,i-=f/2):(t-=f,i-=f))),t>=0&&i>=0){const c=gi(p)*a;e.globalAlpha=c,e.beginPath();const w=ui(e,s,{viewElementSize:{x:g,y:v,w:m,h:y},viewScaleInfo:r,opacity:e.globalAlpha});if(e.fillStyle=w,e.circle(o,n,l,d,0,0,2*Math.PI),e.closePath(),e.fill("nonzero"),e.globalAlpha=a,"number"==typeof f&&f>0){const l=f/2+t,a=f/2+i;if(e.beginPath(),u){const t=u.map((e=>e*r.scale));e.setLineDash(t)}e.strokeStyle=h,e.lineWidth=f,e.circle(o,n,l,a,0,0,2*Math.PI),e.closePath(),e.stroke(),e.setLineDash([])}}}})}))}(e,t,i);break;case"text":!function(e,t,i){const{viewScaleInfo:o,viewSizeInfo:n,parentOpacity:r,calculator:l}=i,{x:a,y:s,w:h,h:c,angle:d}=Et(t,{viewScaleInfo:o})||t,u=Object.assign(Object.assign({},t),{x:a,y:s,w:h,h:c,angle:d});ct(e,{x:a,y:s,w:h,h:c,angle:d},(()=>{var i,f;pi(e,u,{viewScaleInfo:o,renderContent:()=>{vi(e,u,{originElem:t,calcElemSize:{x:a,y:s,w:h,h:c,angle:d},viewScaleInfo:o,viewSizeInfo:n,parentOpacity:r})}});{const n=Object.assign(Object.assign({},wi),t.detail),r=(n.fontSize||wi.fontSize)*o.scale;if(r<2)return;e.fillStyle=t.detail.color||wi.color,e.textBaseline="top",e.$setFont({fontWeight:n.fontWeight,fontSize:r,fontFamily:di(n.fontFamily)});{const r=l.getVirtualFlatItem(t.uuid);Array.isArray(null==r?void 0:r.textLines)&&(null===(i=null==r?void 0:r.textLines)||void 0===i?void 0:i.length)>0&&(void 0!==n.textShadowColor&&be(n.textShadowColor)&&(e.shadowColor=n.textShadowColor),void 0!==n.textShadowOffsetX&&Be.number(n.textShadowOffsetX)&&(e.shadowOffsetX=n.textShadowOffsetX),void 0!==n.textShadowOffsetY&&Be.number(n.textShadowOffsetY)&&(e.shadowOffsetY=n.textShadowOffsetY),void 0!==n.textShadowBlur&&Be.number(n.textShadowBlur)&&(e.shadowBlur=n.textShadowBlur),null===(f=null==r?void 0:r.textLines)||void 0===f||f.forEach((t=>{e.fillText(t.text,a+t.x*o.scale,s+t.y*o.scale)})))}}}))}(e,t,i);break;case"image":!function(e,t,i){const o=i.loader.getContent(t),{viewScaleInfo:n,viewSizeInfo:r,parentOpacity:l}=i,{x:a,y:s,w:h,h:c,angle:d}=Et(t,{viewScaleInfo:n})||t,u=Object.assign(Object.assign({},t),{x:a,y:s,w:h,h:c,angle:d});ct(e,{x:a,y:s,w:h,h:c,angle:d},(()=>{pi(e,u,{viewScaleInfo:n,renderContent:()=>{vi(e,u,{originElem:t,calcElemSize:{x:a,y:s,w:h,h:c,angle:d},viewScaleInfo:n,viewSizeInfo:r,parentOpacity:l,renderContent:()=>{if(o||i.loader.isDestroyed()||i.loader.load(t,i.elementAssets||{}),"image"===t.type&&o){e.globalAlpha=gi(t)*l;const{x:i,y:r,w:a,h:s,radiusList:h}=Xt(u,{viewScaleInfo:n}),{detail:c}=t,{scaleMode:d,originW:f=0,originH:g=0}=c,v=e.$undoPixelRatio(f),m=e.$undoPixelRatio(g);if(e.save(),e.fillStyle="transparent",e.beginPath(),e.moveTo(i+h[0],r),e.arcTo(i+a,r,i+a,r+s,h[1]),e.arcTo(i+a,r+s,i,r+s,h[2]),e.arcTo(i,r+s,i,r,h[3]),e.arcTo(i,r,i+a,r,h[0]),e.closePath(),e.fill("nonzero"),e.clip("nonzero"),d&&g&&f){let n=0,l=0,h=v,c=m;const u=i,f=r,g=a,y=s;if(v>t.w||m>t.h)if("fill"===d){const e=Math.max(t.w/v,t.h/m),i=m*e;n=(v*e-t.w)/2/e,l=(i-t.h)/2/e,h=t.w/e,c=t.h/e}else if("tile"===d)n=0,l=0,h=t.w,c=t.h;else if("fit"===d){const e=Math.min(t.w/v,t.h/m);n=(v-t.w/e)/2,l=(m-t.h/e)/2,h=t.w/e,c=t.h/e}e.drawImage(o,n,l,h,c,u,f,g,y)}else e.drawImage(o,i,r,a,s);e.globalAlpha=l,e.restore()}}})}})}))}(e,t,i);break;case"svg":!function(e,t,i){const o=i.loader.getContent(t),{viewScaleInfo:n,parentOpacity:r}=i,{x:l,y:a,w:s,h:h,angle:c}=Et(t,{viewScaleInfo:n})||t;ct(e,{x:l,y:a,w:s,h:h,angle:c},(()=>{o||i.loader.isDestroyed()||i.loader.load(t,i.elementAssets||{}),"svg"===t.type&&o&&(e.globalAlpha=gi(t)*r,e.drawImage(o,l,a,s,h),e.globalAlpha=r)}))}(e,t,i);break;case"html":!function(e,t,i){const o=i.loader.getContent(t),{viewScaleInfo:n,parentOpacity:r}=i,{x:l,y:a,w:s,h:h,angle:c}=Et(t,{viewScaleInfo:n})||t;ct(e,{x:l,y:a,w:s,h:h,angle:c},(()=>{o||i.loader.isDestroyed()||i.loader.load(t,i.elementAssets||{}),"html"===t.type&&o&&(e.globalAlpha=gi(t)*r,e.drawImage(o,l,a,s,h),e.globalAlpha=r)}))}(e,t,i);break;case"path":xi(e,t,i);break;case"group":{const o=Object.assign(Object.assign({},i.elementAssets||{}),t.detail.assets||{});!function(e,t,i){const{viewScaleInfo:o,viewSizeInfo:n,parentOpacity:r}=i,{x:l,y:a,w:s,h:h,angle:c}=Et({x:t.x,y:t.y,w:t.w,h:t.h,angle:t.angle},{viewScaleInfo:o})||t,d=Object.assign(Object.assign({},t),{x:l,y:a,w:s,h:h,angle:c});ct(e,{x:l,y:a,w:s,h:h,angle:c},(()=>{e.globalAlpha=gi(t)*r,pi(e,d,{viewScaleInfo:o,renderContent:()=>{vi(e,d,{originElem:t,calcElemSize:{x:l,y:a,w:s,h:h,angle:c},viewScaleInfo:o,viewSizeInfo:n,parentOpacity:r,renderContent:()=>{const{x:n,y:l,w:a,h:s,radiusList:h}=Xt(d,{viewScaleInfo:o});if("hidden"===t.detail.overflow&&(e.save(),e.fillStyle="transparent",e.beginPath(),e.moveTo(n+h[0],l),e.arcTo(n+a,l,n+a,l+s,h[1]),e.arcTo(n+a,l+s,n,l+s,h[2]),e.arcTo(n,l+s,n,l,h[3]),e.arcTo(n,l,n+a,l,h[0]),e.closePath(),e.fill("nonzero"),e.clip("nonzero")),Array.isArray(t.detail.children)){const{parentElementSize:o}=i,n={x:o.x+t.x,y:o.y+t.y,w:t.w||o.w,h:t.h||o.h,angle:t.angle},{calculator:l}=i;for(let o=0;o<t.detail.children.length;o++){let a=t.detail.children[o];if(a=Object.assign(Object.assign({},a),{x:n.x+a.x,y:n.y+a.y}),!0===i.forceDrawAll||(null==l?void 0:l.needRender(a)))try{Si(e,a,Object.assign(Object.assign({},i),{parentOpacity:r*gi(t)}))}catch(e){console.error(e)}}}"hidden"===t.detail.overflow&&e.restore()}})}}),e.globalAlpha=r}))}(e,t,Object.assign(Object.assign({},i),{elementAssets:o}));break}}}catch(e){console.error(e)}}const bi={boxSizing:"border-box",borderWidth:0,borderColor:"#000000",shadowColor:"#000000",borderRadius:0,borderDash:[],shadowOffsetX:0,shadowOffsetY:0,shadowBlur:0,opacity:1,color:"#000000",textAlign:"left",verticalAlign:"top",fontSize:16,fontFamily:"sans-serif",fontWeight:400,minInlineSize:"auto",wordBreak:"break-all",overflow:"hidden"};function Ai(e,t,i){var o;const{elements:n=[]}=t,{parentOpacity:r}=i;for(let t=0;t<n.length;t++){const l=n[t],a=Object.assign(Object.assign({},l),{detail:Object.assign(Object.assign({},bi),null==l?void 0:l.detail)});if(!0===i.forceDrawAll||(null===(o=i.calculator)||void 0===o?void 0:o.needRender(a)))try{Si(e,a,Object.assign(Object.assign({},i),{parentOpacity:r}))}catch(e){console.error(e)}}}var Ii,Mi,zi,Ri,Ci,Ti,Ei,Pi,Li,ki,Oi,Wi,Di=function(e,t,i,o){return new(i||(i=Promise))((function(n,r){function l(e){try{s(o.next(e))}catch(e){r(e)}}function a(e){try{s(o.throw(e))}catch(e){r(e)}}function s(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(l,a)}s((o=o.apply(e,t||[])).next())}))},ji=function(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)},Yi=function(e,t,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,i):n?n.value=i:t.set(e,i),i};const Ni=["image","svg","html"],Bi=e=>{var t,i,o;let n=null;return"image"===e.type?n=(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.src)||null:"svg"===e.type?n=(null===(i=null==e?void 0:e.detail)||void 0===i?void 0:i.svg)||null:"html"===e.type&&(n=(null===(o=null==e?void 0:e.detail)||void 0===o?void 0:o.html)||null),"string"==typeof n&&n?Re(n)?n:ze(n,e.uuid):ze(`${Ie()}-${e.uuid}-${Ie()}-${Ie()}`,e.uuid)};class Fi extends Je{constructor(){super(),Ii.add(this),Mi.set(this,{}),zi.set(this,{}),Ri.set(this,{}),Ci.set(this,!1),ji(this,Ii,"m",Ti).call(this,"image",((e,t)=>Di(this,void 0,void 0,(function*(){var i;const o=(null===(i=t[e.detail.src])||void 0===i?void 0:i.value)||e.detail.src,n=yield ke(o);return{uuid:e.uuid,lastModified:Date.now(),content:n}})))),ji(this,Ii,"m",Ti).call(this,"html",((e,t)=>Di(this,void 0,void 0,(function*(){var i;const o=(null===(i=t[e.detail.html])||void 0===i?void 0:i.value)||e.detail.html,n=yield We(o,{width:e.detail.originW||e.w,height:e.detail.originH||e.h});return{uuid:e.uuid,lastModified:Date.now(),content:n}})))),ji(this,Ii,"m",Ti).call(this,"svg",((e,t)=>Di(this,void 0,void 0,(function*(){var i;const o=(null===(i=t[e.detail.svg])||void 0===i?void 0:i.value)||e.detail.svg,n=yield Oe(o);return{uuid:e.uuid,lastModified:Date.now(),content:n}}))))}isDestroyed(){return ji(this,Ci,"f")}reset(){!0!==ji(this,Ci,"f")&&(Yi(this,zi,{},"f"),Yi(this,Ri,{},"f"))}resetElementAsset(e){if(Ni.includes(e.type)){let t=null,i=null;"image"===e.type&&"string"==typeof e.detail.src?i=e.detail.src:"svg"===e.type&&"string"==typeof e.detail.svg?i=e.detail.svg:"html"===e.type&&"string"==typeof e.detail.html&&(i=e.detail.html),"string"==typeof i&&(this.load(e,{}),Re(i)?t=i:e.uuid&&(t=ze(i,e.uuid))),t&&Re(t)&&(delete ji(this,Ri,"f")[t],delete ji(this,zi,"f")[t])}}destroy(){Yi(this,Ci,!0,"f"),this.clear(),Yi(this,Mi,null,"f"),Yi(this,zi,null,"f"),Yi(this,Ri,null,"f")}load(e,t){!0!==ji(this,Ci,"f")&&(ji(this,Ii,"m",Wi).call(this,e)||Ni.includes(e.type)&&ji(this,Ii,"m",Oi).call(this,e,t))}getContent(e){var t,i;const o=Bi(e);return(null===(i=null===(t=ji(this,Ri,"f"))||void 0===t?void 0:t[o])||void 0===i?void 0:i.content)||null}getLoadItemMap(){return ji(this,Ri,"f")}setLoadItemMap(e){Yi(this,Ri,e,"f")}}Mi=new WeakMap,zi=new WeakMap,Ri=new WeakMap,Ci=new WeakMap,Ii=new WeakSet,Ti=function(e,t){ji(this,Mi,"f")[e]=t},Ei=function(e){var t,i,o;let n=null;return"image"===e.type?n=(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.src)||null:"svg"===e.type?n=(null===(i=null==e?void 0:e.detail)||void 0===i?void 0:i.svg)||null:"html"===e.type&&(n=(null===(o=null==e?void 0:e.detail)||void 0===o?void 0:o.html)||null),n},Pi=function(e){return{element:e,status:"null",content:null,error:null,startTime:-1,endTime:-1,source:ji(this,Ii,"m",Ei).call(this,e)}},Li=function(e){const t=Bi(e.element),i=ji(this,Ri,"f")[t];ji(this,Ci,"f")||(i?i.startTime<e.startTime&&(ji(this,Ri,"f")[t]=e,this.trigger("load",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime}))):(ji(this,Ri,"f")[t]=e,this.trigger("load",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime}))))},ki=function(e){var t;const i=Bi(e.element),o=null===(t=ji(this,Ri,"f"))||void 0===t?void 0:t[i];ji(this,Ci,"f")||(o?o.startTime<e.startTime&&(ji(this,Ri,"f")[i]=e,this.trigger("error",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime}))):(ji(this,Ri,"f")[i]=e,this.trigger("error",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime}))))},Oi=function(e,t){const i=ji(this,Ii,"m",Pi).call(this,e),o=Bi(e);if(ji(this,zi,"f")[o])return;ji(this,zi,"f")[o]=i;const n=ji(this,Mi,"f")[e.type];"function"!=typeof n||ji(this,Ci,"f")||(i.startTime=Date.now(),n(e,t).then((e=>{ji(this,Ci,"f")||(i.content=e.content,i.endTime=Date.now(),i.status="load",ji(this,Ii,"m",Li).call(this,i))})).catch((t=>{console.warn(`Load element source "${i.source}" fail`,t,e),i.endTime=Date.now(),i.status="error",i.error=t,ji(this,Ii,"m",ki).call(this,i)})))},Wi=function(e){var t;const i=Bi(e),o=null===(t=ji(this,zi,"f"))||void 0===t?void 0:t[i];return!(!o||"error"!==o.status||!o.source||o.source!==ji(this,Ii,"m",Ei).call(this,e))};const Gi={boxSizing:"border-box",borderWidth:0,borderColor:"#000000",shadowColor:"#000000",borderRadius:0,borderDash:[],shadowOffsetX:0,shadowOffsetY:0,shadowBlur:0,opacity:1,color:"#000000",textAlign:"left",verticalAlign:"top",fontSize:16,fontFamily:"sans-serif",fontWeight:400,minInlineSize:"auto",wordBreak:"break-all",overflow:"hidden"};function Vi(e,t){const{w:i,h:o}=e,n=t.tempContext,r=[],l=Object.assign(Object.assign({},Gi),e.detail),a=l.fontSize||Gi.fontSize,s=a;if(s<2)return{};const h=l.lineHeight||a;n.textBaseline="top",n.$setFont({fontWeight:l.fontWeight,fontSize:s,fontFamily:di(l.fontFamily)});let c=l.text.replace(/\r\n/gi,"\n");"lowercase"===l.textTransform?c=c.toLowerCase():"uppercase"===l.textTransform&&(c=c.toUpperCase());const d=h,u=c.split("\n");let f=0;u.forEach(((e,t)=>{if("maxContent"===l.minInlineSize)r.push({x:0,y:0,text:e,width:n.$undoPixelRatio(n.measureText(e).width)});else{let h="",c="",g=e.split(c);if("normal"===l.wordBreak){c=" ";const t=e.split(c);g=[],t.forEach(((e,i)=>{g.push(e),i<t.length-1&&g.push(c)}))}if(1===g.length&&"visible"===l.overflow)r.push({x:0,y:0,text:g[0],width:n.$undoPixelRatio(n.measureText(g[0]).width)});else if(g.length>0){for(let e=0;e<g.length&&(a=n.$doPixelRatio(i),s=n.measureText(h+g[e]).width,a>=s?h+=g[e]||"":(r.push({x:0,y:0,text:h,width:n.$undoPixelRatio(n.measureText(h).width)}),h=g[e]||"",f++),!((f+1)*d>o&&"hidden"===l.overflow));e++)if(g.length-1===e&&(f+1)*d<=o){r.push({x:0,y:0,text:h,width:n.$undoPixelRatio(n.measureText(h).width)}),t<u.length-1&&f++;break}}else r.push({x:0,y:0,text:"",width:0})}var a,s}));let g=0,v=0;d>s&&(v=(d-s)/2),r.length*d<o&&("top"===l.verticalAlign?g=0:"bottom"===l.verticalAlign?g+=o-r.length*d:g+=(o-r.length*d)/2);{const e=0+g;r.forEach(((t,o)=>{let n=0;"center"===l.textAlign?n=0+(i-t.width)/2:"right"===l.textAlign&&(n=i-t.width+0),r[o].x=n,r[o].y=e+d*o+v}))}return{textLines:r}}function Xi(e,t){let i={};return"text"===e.type&&(i=Vi(e,t)),i}function Hi(e,t){const{viewScaleInfo:i,viewSizeInfo:o,tempContext:n}=t,r=function(e,t){const i={},o=[],n=r=>{const l={type:r.type,isVisibleInView:!0,position:[...o]};let a=null;a=Wt(r,{groupQueue:bt(e,o)||[]});const s=Object.assign(Object.assign(Object.assign({},l),{originRectInfo:a,rangeRectInfo:Be.angle(r.angle)?Dt(a):a}),Xi(r,t));i[r.uuid]=s,"group"===r.type&&r.detail.children.forEach(((e,t)=>{o.push(t),n(e),o.pop()}))};return e.forEach(((e,t)=>{o.push(t),n(e),o.pop()})),i}(e,{tempContext:n});return Zi(r,{viewScaleInfo:i,viewSizeInfo:o})}function Zi(e,t){const i=function(e){const{viewScaleInfo:t,viewSizeInfo:i}=e,{scale:o,offsetTop:n,offsetLeft:r}=t,{width:l,height:a}=i,s=0-r/o,h=0-n/o,c=l/o,d=a/o,u=dt({x:s,y:h,w:c,h:d}),f={x:s,y:h},g={x:s+c,y:h},v={x:s,y:h+d},m={x:s+c,y:h+d},y={x:s,y:u.y},p={x:u.x,y:h},w={x:s+c,y:u.y},x={x:u.x,y:h+d};return{center:u,topLeft:f,topRight:g,bottomLeft:v,bottomRight:m,left:y,top:p,right:w,bottom:x}}(t);let o=0,n=0;return Object.keys(e).forEach((t=>{const r=e[t];r.isVisibleInView=function(e,t){const i=Math.min(e.topLeft.x,e.topRight.x,e.bottomLeft.x,e.bottomRight.x),o=Math.max(e.topLeft.x,e.topRight.x,e.bottomLeft.x,e.bottomRight.x),n=Math.min(e.topLeft.y,e.topRight.y,e.bottomLeft.y,e.bottomRight.y),r=Math.max(e.topLeft.y,e.topRight.y,e.bottomLeft.y,e.bottomRight.y),l=Math.min(t.topLeft.x,t.topRight.x,t.bottomLeft.x,t.bottomRight.x),a=Math.max(t.topLeft.x,t.topRight.x,t.bottomLeft.x,t.bottomRight.x),s=Math.min(t.topLeft.y,t.topRight.y,t.bottomLeft.y,t.bottomRight.y),h=Math.max(t.topLeft.y,t.topRight.y,t.bottomLeft.y,t.bottomRight.y);return i<=a&&o>=l&&n<=h&&r>=s||a<=r&&a>=r&&a<=r&&a>=r}(r.rangeRectInfo,i),r.isVisibleInView?o++:n++})),{virtualFlatItemMap:e,visibleCount:o,invisibleCount:n}}var Qi,Ui,$i=function(e,t,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,i):n?n.value=i:t.set(e,i),i},Ji=function(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)};class Ki{constructor(e){Qi.set(this,void 0),Ui.set(this,void 0),$i(this,Qi,e,"f"),$i(this,Ui,new rt({defaultStorage:{virtualFlatItemMap:{},visibleCount:0,invisibleCount:0}}),"f")}toGridNum(e,t){return!0===(null==t?void 0:t.ignore)?e:Math.round(e)}destroy(){$i(this,Qi,null,"f")}needRender(e){const t=Ji(this,Ui,"f").get("virtualFlatItemMap")[e.uuid];return!t||t.isVisibleInView}getPointElement(e,t){const i=Ji(this,Qi,"f").tempContext;return function(e,t){var i,o,n;const{context2d:r,data:l,viewScaleInfo:a,viewSizeInfo:s,groupQueue:h}=t,c={index:-1,element:null,groupQueueIndex:-1};if(h&&Array.isArray(h)&&(null==h?void 0:h.length)>0)for(let t=h.length-1;t>=0;t--){let n=0,l=0,s=0;for(let e=0;e<=t;e++)n+=h[e].x,l+=h[e].y,s+=h[e].angle||0;const d=h[t];if(d&&"group"===d.type&&Array.isArray(null===(i=d.detail)||void 0===i?void 0:i.children))for(let i=0;i<d.detail.children.length;i++){const u=d.detail.children[i];if(!0!==(null===(o=null==u?void 0:u.operations)||void 0===o?void 0:o.invisible)){if(!u)break;if(kt(e,{context2d:r,element:{x:n+u.x,y:l+u.y,w:u.w,h:u.h,angle:s+(u.angle||0)},viewScaleInfo:a})){c.element=u,(t<h.length-1||"group"!==u.type)&&(c.groupQueueIndex=t);break}}}if(c.element)break}if(c.element)return c;for(let t=l.elements.length-1;t>=0;t--){const i=l.elements[t];if(!0!==(null===(n=null==i?void 0:i.operations)||void 0===n?void 0:n.invisible)&&kt(e,{context2d:r,element:i,viewScaleInfo:a})){c.index=t,c.element=i;break}}return c}(e,Object.assign(Object.assign({},t),{context2d:i}))}resetVirtualFlatItemMap(e,t){if(e){const{virtualFlatItemMap:i,invisibleCount:o,visibleCount:n}=Hi(e.elements,Object.assign(Object.assign({},t),{tempContext:Ji(this,Qi,"f").tempContext}));Ji(this,Ui,"f").set("virtualFlatItemMap",i),Ji(this,Ui,"f").set("invisibleCount",o),Ji(this,Ui,"f").set("visibleCount",n)}}updateVisiableStatus(e){const{virtualFlatItemMap:t,invisibleCount:i,visibleCount:o}=Zi(Ji(this,Ui,"f").get("virtualFlatItemMap"),e);Ji(this,Ui,"f").set("virtualFlatItemMap",t),Ji(this,Ui,"f").set("invisibleCount",i),Ji(this,Ui,"f").set("visibleCount",o)}calcViewRectInfoFromOrigin(e,t){const i=Ji(this,Ui,"f").get("virtualFlatItemMap")[e];if(!(null==i?void 0:i.originRectInfo))return null;const{checkVisible:o,viewScaleInfo:n,viewSizeInfo:r}=t,{center:l,left:a,right:s,bottom:h,top:c,topLeft:d,topRight:u,bottomLeft:f,bottomRight:g}=i.originRectInfo;if(!0===o&&!1===i.isVisibleInView)return null;const v={viewScaleInfo:n};return{center:Pt(l,v),left:Pt(a,v),right:Pt(s,v),bottom:Pt(h,v),top:Pt(c,v),topLeft:Pt(d,v),topRight:Pt(u,v),bottomLeft:Pt(f,v),bottomRight:Pt(g,v)}}calcViewRectInfoFromRange(e,t){const i=Ji(this,Ui,"f").get("virtualFlatItemMap")[e];if(!(null==i?void 0:i.originRectInfo))return null;const{checkVisible:o,viewScaleInfo:n,viewSizeInfo:r}=t,{center:l,left:a,right:s,bottom:h,top:c,topLeft:d,topRight:u,bottomLeft:f,bottomRight:g}=i.rangeRectInfo;if(!0===o&&!1===i.isVisibleInView)return null;const v={viewScaleInfo:n};return{center:Pt(l,v),left:Pt(a,v),right:Pt(s,v),bottom:Pt(h,v),top:Pt(c,v),topLeft:Pt(d,v),topRight:Pt(u,v),bottomLeft:Pt(f,v),bottomRight:Pt(g,v)}}modifyText(e){const t=Ji(this,Ui,"f").get("virtualFlatItemMap"),i=t[e.uuid];if(e&&"text"===e.type){const o=Object.assign(Object.assign({},i),Vi(e,{tempContext:Ji(this,Qi,"f").tempContext}));t[e.uuid]=o,Ji(this,Ui,"f").set("virtualFlatItemMap",t)}}modifyVirtualFlatItemMap(e,t){const{modifyInfo:i,viewScaleInfo:o,viewSizeInfo:n}=t,{type:r,content:l}=i,a=e.elements,s=Ji(this,Ui,"f").get("virtualFlatItemMap");if("deleteElement"===r){const{element:e}=l,t=[],i=e=>{t.push(e.uuid),"group"===e.type&&Array.isArray(e.detail.children)&&e.detail.children.forEach((e=>{i(e)}))};i(e),t.forEach((e=>{delete s[e]})),Ji(this,Ui,"f").set("virtualFlatItemMap",s)}else if("addElement"===r||"updateElement"===r){const{position:t}=l,i=It(t,e.elements),h=bt(a,t);if(i)if("updateElement"===r&&"group"===i.type)this.resetVirtualFlatItemMap(e,{viewScaleInfo:o,viewSizeInfo:n});else{const e=Wt(i,{groupQueue:h||[]}),l=Object.assign({type:i.type,originRectInfo:e,rangeRectInfo:Be.angle(i.angle)?Dt(e):e,isVisibleInView:!0,position:[...t]},Xi(i,{tempContext:Ji(this,Qi,"f").tempContext}));s[i.uuid]=l,Ji(this,Ui,"f").set("virtualFlatItemMap",s),"updateElement"===r&&this.updateVisiableStatus({viewScaleInfo:o,viewSizeInfo:n})}}else"moveElement"===r&&this.resetVirtualFlatItemMap(e,{viewScaleInfo:o,viewSizeInfo:n})}getVirtualFlatItem(e){return Ji(this,Ui,"f").get("virtualFlatItemMap")[e]||null}}Qi=new WeakMap,Ui=new WeakMap;var qi,_i,eo,to,io,oo,no=function(e,t,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,i):n?n.value=i:t.set(e,i),i},ro=function(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)};class lo extends Je{constructor(e){super(),qi.add(this),_i.set(this,void 0),eo.set(this,new Fi),to.set(this,void 0),io.set(this,!1),no(this,_i,e,"f"),no(this,to,new Ki({tempContext:e.tempContext}),"f"),ro(this,qi,"m",oo).call(this)}isDestroyed(){return ro(this,io,"f")}destroy(){this.clear(),no(this,_i,null,"f"),ro(this,eo,"f").destroy(),no(this,eo,null,"f"),no(this,io,!0,"f")}updateOptions(e){no(this,_i,e,"f")}drawData(e,t){const i=ro(this,eo,"f"),o=ro(this,to,"f"),{sharer:n}=ro(this,_i,"f"),r=ro(this,_i,"f").viewContext;r.clearRect(0,0,r.canvas.width,r.canvas.height);const l={x:0,y:0,w:t.viewSizeInfo.width,h:t.viewSizeInfo.height};!0===t.forceDrawAll&&ro(this,to,"f").resetVirtualFlatItemMap(e,{viewScaleInfo:t.viewScaleInfo,viewSizeInfo:t.viewSizeInfo});const a=Object.assign({loader:i,calculator:o,parentElementSize:l,elementAssets:e.assets,parentOpacity:1,overrideElementMap:null==n?void 0:n.getActiveOverrideElemenentMap()},t);!function(e,t,i){if("string"==typeof(null==t?void 0:t.background)){const{viewSizeInfo:o}=i,{width:n,height:r}=o;e.globalAlpha=1,e.fillStyle=t.background,e.fillRect(0,0,n,r)}}(r,e.global,a),e.layout?function(e,t,i,o){const{viewScaleInfo:n,viewSizeInfo:r,parentOpacity:l}=i,a=Object.assign({uuid:"layout",type:"group"},t),{x:s,y:h,w:c,h:d}=Et(a,{viewScaleInfo:n})||a,u=Object.assign(Object.assign({},a),{x:s,y:h,w:c,h:d,angle:0});if(e.globalAlpha=1,pi(e,u,{viewScaleInfo:n,renderContent:()=>{mi(e,u,{viewScaleInfo:n,viewSizeInfo:r})}}),"hidden"===t.detail.overflow){const{viewScaleInfo:o,viewSizeInfo:n}=i,r=Object.assign({uuid:"layout",type:"group"},t),l=Et(r,{viewScaleInfo:o})||r,a=Object.assign(Object.assign({},r),l),{x:s,y:h,w:c,h:d,radiusList:u}=Xt(a,{viewScaleInfo:o});e.save(),e.fillStyle="transparent",e.beginPath(),e.moveTo(s+u[0],h),e.arcTo(s+c,h,s+c,h+d,u[1]),e.arcTo(s+c,h+d,s,h+d,u[2]),e.arcTo(s,h+d,s,h,u[3]),e.arcTo(s,h,s+c,h,u[0]),e.closePath(),e.fill("nonzero"),e.clip("nonzero")}o(e),"hidden"===t.detail.overflow&&e.restore(),yi(e,u,{viewScaleInfo:n}),e.globalAlpha=l}(r,e.layout,a,(()=>{Ai(r,e,a)})):Ai(r,e,a)}scale(e){const{sharer:t}=ro(this,_i,"f");if(!t)return;const{data:i,offsetTop:o,offsetBottom:n,offsetLeft:r,offsetRight:l,width:a,height:s,contextHeight:h,contextWidth:c,devicePixelRatio:d}=t.getActiveStoreSnapshot();i&&this.drawData(i,{viewScaleInfo:{scale:e,offsetTop:o,offsetBottom:n,offsetLeft:r,offsetRight:l},viewSizeInfo:{width:a,height:s,contextHeight:h,contextWidth:c,devicePixelRatio:d}})}setLoadItemMap(e){ro(this,eo,"f").setLoadItemMap(e)}getLoadItemMap(){return ro(this,eo,"f").getLoadItemMap()}getLoader(){return ro(this,eo,"f")}getCalculator(){return ro(this,to,"f")}}function ao(e){return e>0||e<0||0===e}_i=new WeakMap,eo=new WeakMap,to=new WeakMap,io=new WeakMap,qi=new WeakSet,oo=function(){const e=ro(this,eo,"f");e.on("load",(e=>{this.trigger("load",e)})),e.on("error",(e=>{console.error(e)}))};class so extends Je{constructor(e){super(),we(this,n),we(this,t),we(this,i),we(this,o,!1),we(this,l,(e=>{if(!Se(this,n,g).call(this,e))return;const t=Se(this,n,v).call(this,e);if(!Se(this,n,m).call(this,t))return;e.preventDefault(),e.stopPropagation();const i=e.deltaX>0||e.deltaX<0?e.deltaX:0,o=e.deltaY>0||e.deltaY<0?e.deltaY:0;!0===e.ctrlKey&&this.has("wheelScale")?this.trigger("wheelScale",{deltaX:i,deltaY:o,point:t}):this.has("wheel")&&this.trigger("wheel",{deltaX:i,deltaY:o,point:t})})),we(this,a,(e=>{if(2!==e.button)return;if(!Se(this,n,g).call(this,e))return;e.preventDefault();const t=Se(this,n,v).call(this,e);Se(this,n,m).call(this,t)&&this.trigger("contextMenu",{point:t})})),we(this,s,(e=>{if(!Se(this,n,g).call(this,e))return;e.preventDefault();const t=Se(this,n,v).call(this,e);if(!Se(this,n,m).call(this,t))return;const o=Date.now(),r=pe(this,i).get("prevClickPoint");r&&o-r.t<=500&&Math.abs(r.x-t.x)<=5&&Math.abs(r.y-t.y)<=5?this.trigger("doubleClick",{point:t}):pe(this,i).set("prevClickPoint",t)})),we(this,h,(e=>{pe(this,i).set("hasPointDown",!1),e.preventDefault();const t=Se(this,n,v).call(this,e);this.trigger("pointLeave",{point:t})})),we(this,c,(e=>{if(pe(this,i).set("hasPointDown",!1),!Se(this,n,g).call(this,e))return;e.preventDefault();const t=Se(this,n,v).call(this,e);this.trigger("pointEnd",{point:t})})),we(this,d,(e=>{if(!Se(this,n,g).call(this,e))return;e.preventDefault(),e.stopPropagation();const t=Se(this,n,v).call(this,e);Se(this,n,m).call(this,t)?!0===pe(this,i).get("hasPointDown")&&this.trigger("pointMove",{point:t}):pe(this,i).get("hasPointDown")&&(this.trigger("pointLeave",{point:t}),pe(this,i).set("hasPointDown",!1))})),we(this,u,(e=>{if(0!==e.button)return;if(!Se(this,n,g).call(this,e))return;e.preventDefault();const t=Se(this,n,v).call(this,e);Se(this,n,m).call(this,t)&&(pe(this,i).set("hasPointDown",!0),this.trigger("pointStart",{point:t}))})),we(this,f,(e=>{if(!Se(this,n,g).call(this,e))return void(!0===pe(this,i).get("inCanvas")&&(pe(this,i).set("inCanvas",!1),pe(this,h).call(this,e)));pe(this,i).set("inCanvas",!0),e.preventDefault();const t=Se(this,n,v).call(this,e);Se(this,n,m).call(this,t)&&this.trigger("hover",{point:t})}));const y=new rt({defaultStorage:{hasPointDown:!1,prevClickPoint:null,inCanvas:!0}});xe(this,i,y),xe(this,t,e),Se(this,n,r).call(this)}onEvents(){if(pe(this,o))return;const e=pe(this,t).boardContent.boardContext.canvas,i=window;i.addEventListener("mousemove",pe(this,f)),i.addEventListener("mousedown",pe(this,u)),i.addEventListener("mousemove",pe(this,d)),i.addEventListener("mouseup",pe(this,c)),e.addEventListener("wheel",pe(this,l),{passive:!1}),i.addEventListener("click",pe(this,s)),i.addEventListener("contextmenu",pe(this,a))}offEvents(){const e=window,i=pe(this,t).boardContent.boardContext.canvas;e.removeEventListener("mousemove",pe(this,f)),e.removeEventListener("mousedown",pe(this,u)),e.removeEventListener("mousemove",pe(this,d)),e.removeEventListener("mouseup",pe(this,c)),e.removeEventListener("mouseleave",pe(this,h)),i.removeEventListener("wheel",pe(this,l)),e.removeEventListener("click",pe(this,s)),e.removeEventListener("contextmenu",pe(this,a))}destroy(){this.offEvents(),pe(this,i).destroy(),xe(this,o,!0)}}t=new WeakMap,i=new WeakMap,o=new WeakMap,n=new WeakSet,r=function(){this.onEvents()},l=new WeakMap,a=new WeakMap,s=new WeakMap,h=new WeakMap,c=new WeakMap,d=new WeakMap,u=new WeakMap,f=new WeakMap,g=function(e){return e.target===pe(this,t).boardContent.boardContext.canvas},v=function(e){const i=pe(this,t).boardContent.boardContext.canvas.getBoundingClientRect();return{x:e.clientX-i.left,y:e.clientY-i.top,t:Date.now()}},m=function(e){const i=pe(this,t).sharer.getActiveViewSizeInfo(),{width:o,height:n}=i;return!!(ao(e.x)&&ao(e.y)&&e.x<=o&&e.y<=n)};const ho={width:0,height:0,devicePixelRatio:1,contextWidth:0,contextHeight:0,data:null,scale:1,offsetLeft:0,offsetRight:0,offsetTop:0,offsetBottom:0,overrideElementMap:null};class co{constructor(){we(this,y),we(this,p);const e=new rt({defaultStorage:ho}),t=new rt({defaultStorage:{}});xe(this,y,e),xe(this,p,t)}getActiveStorage(e){return pe(this,y).get(e)}setActiveStorage(e,t){return pe(this,y).set(e,t)}getActiveStoreSnapshot(e){return pe(this,y).getSnapshot(e)}getSharedStorage(e){return pe(this,p).get(e)}setSharedStorage(e,t){return pe(this,p).set(e,t)}getSharedStoreSnapshot(e){return pe(this,p).getSnapshot(e)}getActiveViewScaleInfo(){return{scale:pe(this,y).get("scale"),offsetTop:pe(this,y).get("offsetTop"),offsetBottom:pe(this,y).get("offsetBottom"),offsetLeft:pe(this,y).get("offsetLeft"),offsetRight:pe(this,y).get("offsetRight")}}setActiveViewScaleInfo(e){const{scale:t,offsetTop:i,offsetBottom:o,offsetLeft:n,offsetRight:r}=e;pe(this,y).set("scale",t),pe(this,y).set("offsetTop",i),pe(this,y).set("offsetBottom",o),pe(this,y).set("offsetLeft",n),pe(this,y).set("offsetRight",r)}setActiveViewSizeInfo(e){pe(this,y).set("width",e.width),pe(this,y).set("height",e.height),pe(this,y).set("devicePixelRatio",e.devicePixelRatio),pe(this,y).set("contextWidth",e.contextWidth),pe(this,y).set("contextHeight",e.contextHeight)}getActiveViewSizeInfo(){return{width:pe(this,y).get("width"),height:pe(this,y).get("height"),devicePixelRatio:pe(this,y).get("devicePixelRatio"),contextWidth:pe(this,y).get("contextWidth"),contextHeight:pe(this,y).get("contextHeight")}}getActiveOverrideElemenentMap(){return pe(this,y).get("overrideElementMap")}setActiveOverrideElemenentMap(e){pe(this,y).set("overrideElementMap",e)}}y=new WeakMap,p=new WeakMap;const{requestAnimationFrame:uo}=window;class fo extends Je{constructor(e){super(),we(this,b),we(this,w),we(this,x,[]),we(this,S,"FREE"),xe(this,w,e),Se(this,b,A).call(this)}resetVirtualFlatItemMap(e,t){e&&pe(this,w).calculator.resetVirtualFlatItemMap(e,t)}drawFrame(){const{sharer:e}=pe(this,w),t=e.getActiveStoreSnapshot(),i=e.getSharedStoreSnapshot();pe(this,x).push({activeStore:t,sharedStore:i}),Se(this,b,I).call(this)}scale(e){const{scale:t,point:i,ignoreUpdateVisibleStatus:o}=e,{sharer:n}=pe(this,w),{moveX:r,moveY:l}=function(e){const{scale:t,point:i,viewScaleInfo:o}=e,{offsetLeft:n,offsetTop:r}=o,l=t/o.scale,a=i.x,s=i.y;return{moveX:a-a*l+(n*l-n),moveY:s-s*l+(r*l-r)}}({scale:t,point:i,viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo()});return n.setActiveStorage("scale",t),o||pe(this,w).calculator.updateVisiableStatus({viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo()}),{moveX:r,moveY:l}}scroll(e){const{sharer:t}=pe(this,w),i=t.getActiveViewScaleInfo(),{moveX:o,moveY:n,ignoreUpdateVisibleStatus:r}=e,l=function(e){const{moveX:t=0,moveY:i=0,viewScaleInfo:o,viewSizeInfo:n}=e,{scale:r}=o,{width:l,height:a,contextWidth:s,contextHeight:h}=n;let c=o.offsetLeft,d=o.offsetRight,u=o.offsetTop,f=o.offsetBottom;return c+=t,u+=i,d=l-(s*r+c),f=a-(h*r+u),{scale:r,offsetTop:u,offsetLeft:c,offsetRight:d,offsetBottom:f}}({moveX:o,moveY:n,viewScaleInfo:i,viewSizeInfo:t.getActiveViewSizeInfo()});return t.setActiveViewScaleInfo(l),r||pe(this,w).calculator.updateVisiableStatus({viewScaleInfo:t.getActiveViewScaleInfo(),viewSizeInfo:t.getActiveViewSizeInfo()}),l}updateViewScaleInfo(e){const{sharer:t}=pe(this,w),i=function(e,t){const{scale:i,offsetX:o,offsetY:n}=e,{viewSizeInfo:r}=t,{width:l,height:a,contextWidth:s,contextHeight:h}=r,c=0-o*i,d=0-n*i;return{scale:i,offsetLeft:c,offsetTop:d,offsetRight:l-(s*i+c/i),offsetBottom:a-(h*i+d/i)}}(e,{viewSizeInfo:t.getActiveViewSizeInfo()});return t.setActiveViewScaleInfo(i),pe(this,w).calculator.updateVisiableStatus({viewScaleInfo:t.getActiveViewScaleInfo(),viewSizeInfo:t.getActiveViewSizeInfo()}),i}resize(e={},t){const{sharer:i}=pe(this,w),o={...i.getActiveViewSizeInfo(),...e},{width:n,height:r,devicePixelRatio:l}=o,{underlayContext:a,boardContext:s,overlayContext:h,viewContext:c}=pe(this,w).boardContent;return s.canvas.width=n*l,s.canvas.height=r*l,s.canvas.style.width=`${n}px`,s.canvas.style.height=`${r}px`,a.canvas.width=n*l,a.canvas.height=r*l,h.canvas.width=n*l,h.canvas.height=r*l,c.canvas.width=n*l,c.canvas.height=r*l,i.setActiveViewSizeInfo(o),(null==t?void 0:t.ignoreUpdateVisibleStatus)||pe(this,w).calculator.updateVisiableStatus({viewScaleInfo:i.getActiveViewScaleInfo(),viewSizeInfo:i.getActiveViewSizeInfo()}),o}}w=new WeakMap,x=new WeakMap,S=new WeakMap,b=new WeakSet,A=function(){const{renderer:e}=pe(this,w);e.on("load",(()=>{this.drawFrame()}))},I=function(){if("DRAWING"===pe(this,S)||0===pe(this,x).length)return;xe(this,S,"DRAWING");const e=pe(this,x).shift(),{renderer:t,boardContent:i,beforeDrawFrame:o,afterDrawFrame:n}=pe(this,w);if(e){const{scale:r,offsetTop:l,offsetBottom:a,offsetLeft:s,offsetRight:h,width:c,height:d,contextHeight:u,contextWidth:f,devicePixelRatio:g}=e.activeStore,v={scale:r,offsetTop:l,offsetBottom:a,offsetLeft:s,offsetRight:h},m={width:c,height:d,contextHeight:u,contextWidth:f,devicePixelRatio:g};(null==e?void 0:e.activeStore.data)&&t.drawData(e.activeStore.data,{viewScaleInfo:v,viewSizeInfo:m}),o({snapshot:e}),i.drawView(),n({snapshot:e})}0!==pe(this,x).length?xe(this,S,"DRAWING")&&uo((()=>{Se(this,b,I).call(this)})):xe(this,S,"COMPLETE")};class go{constructor(e){we(this,W),we(this,M),we(this,z,new Map),we(this,R,[]),we(this,C),we(this,T),we(this,E),we(this,P),we(this,L),we(this,k,new Je),we(this,O,!1);const{boardContent:t}=e,i=new co,o=new so({boardContent:t,sharer:i}),n=new lo({viewContext:t.viewContext,tempContext:t.tempContext,sharer:i}),r=n.getCalculator();xe(this,M,e),xe(this,E,i),xe(this,C,o),xe(this,T,n),xe(this,L,r),xe(this,P,new fo({boardContent:e.boardContent,sharer:i,renderer:n,calculator:pe(this,L),beforeDrawFrame:e=>{Se(this,W,J).call(this,e)},afterDrawFrame:e=>{Se(this,W,K).call(this,e)}})),Se(this,W,D).call(this),Se(this,W,q).call(this)}isDestroyed(){return pe(this,O)}destroy(){pe(this,C).destroy(),pe(this,T).destroy(),pe(this,L).destroy(),pe(this,k).destroy(),xe(this,O,!0)}getSharer(){return pe(this,E)}getViewer(){return pe(this,P)}getRenderer(){return pe(this,T)}setData(e){const t=pe(this,E);pe(this,E).setActiveStorage("data",e);const i=t.getActiveViewSizeInfo(),o=t.getActiveViewScaleInfo(),n=St(e.elements,{viewWidth:i.width,viewHeight:i.height,extend:!0});pe(this,P).resetVirtualFlatItemMap(e,{viewSizeInfo:i,viewScaleInfo:o}),pe(this,P).drawFrame();const r={...i,...n};return pe(this,E).setActiveViewSizeInfo(r),{viewSizeInfo:r}}getData(){const{data:e}=pe(this,E).getActiveStoreSnapshot();return e}use(e,t){var i,o,n;if(pe(this,z).has(e)){const t=pe(this,z).get(e);return void(t&&"enable"!==t.status&&(t.status="enable",null==(o=(i=t.middlewareObject).use)||o.call(i),Se(this,W,q).call(this)))}const{boardContent:r,container:l}=pe(this,M),a=e({boardContent:r,sharer:pe(this,E),viewer:pe(this,P),calculator:pe(this,L),eventHub:pe(this,k),container:l},t);null==(n=a.use)||n.call(a),pe(this,z).set(e,{status:"enable",middlewareObject:a,config:t}),Se(this,W,q).call(this)}disuse(e){var t,i;if(pe(this,z).has(e)){const o=pe(this,z).get(e);o&&(null==(i=(t=o.middlewareObject).disuse)||i.call(t),o.status="disable"),pe(this,z).delete(e),Se(this,W,q).call(this)}}resetMiddlewareConfig(e,t){var i,o;if(pe(this,z).has(e)){const n=pe(this,z).get(e);n&&(null==(o=(i=n.middlewareObject).resetConfig)||o.call(i,t))}}scale(e){const t=pe(this,P),{ignoreUpdateVisibleStatus:i}=e,{moveX:o,moveY:n}=t.scale({...e,ignoreUpdateVisibleStatus:!0});t.scroll({moveX:o,moveY:n,ignoreUpdateVisibleStatus:i})}scroll(e){return pe(this,P).scroll(e)}updateViewScaleInfo(e){return pe(this,P).updateViewScaleInfo(e)}resize(e,t){const i=pe(this,P).resize(e,t),{width:o,height:n,devicePixelRatio:r}=e,{boardContent:l}=pe(this,M);l.viewContext.$resize({width:o,height:n,devicePixelRatio:r}),l.overlayContext.$resize({width:o,height:n,devicePixelRatio:r}),l.boardContext.$resize({width:o,height:n,devicePixelRatio:r}),l.underlayContext.$resize({width:o,height:n,devicePixelRatio:r}),pe(this,P).drawFrame(),pe(this,C).trigger("resize",i),pe(this,E).setActiveViewSizeInfo(e)}clear(){const{boardContent:e}=pe(this,M),{underlayContext:t,overlayContext:i,viewContext:o,boardContext:n}=e;t.clearRect(0,0,t.canvas.width,t.canvas.height),i.clearRect(0,0,i.canvas.width,i.canvas.height),o.clearRect(0,0,o.canvas.width,o.canvas.height),n.clearRect(0,0,n.canvas.width,n.canvas.height),Se(this,W,$).call(this)}getEventHub(){return pe(this,k)}onWatcherEvents(){pe(this,C).onEvents()}offWatcherEvents(){pe(this,C).offEvents()}}M=new WeakMap,z=new WeakMap,R=new WeakMap,C=new WeakMap,T=new WeakMap,E=new WeakMap,P=new WeakMap,L=new WeakMap,k=new WeakMap,O=new WeakMap,W=new WeakSet,D=function(){pe(this,C).on("pointStart",Se(this,W,j).bind(this)),pe(this,C).on("pointEnd",Se(this,W,Y).bind(this)),pe(this,C).on("pointMove",Se(this,W,N).bind(this)),pe(this,C).on("pointLeave",Se(this,W,B).bind(this)),pe(this,C).on("hover",Se(this,W,F).bind(this)),pe(this,C).on("wheel",Se(this,W,X).bind(this)),pe(this,C).on("wheelScale",Se(this,W,H).bind(this)),pe(this,C).on("scrollX",Se(this,W,Z).bind(this)),pe(this,C).on("scrollY",Se(this,W,Q).bind(this)),pe(this,C).on("resize",Se(this,W,U).bind(this)),pe(this,C).on("doubleClick",Se(this,W,G).bind(this)),pe(this,C).on("contextMenu",Se(this,W,V).bind(this)),pe(this,T).on("load",(()=>{pe(this,k).trigger("loadResource")}))},j=function(e){var t;for(let i=0;i<pe(this,R).length;i++){const o=pe(this,R)[i];if(!1===(null==(t=null==o?void 0:o.pointStart)?void 0:t.call(o,e)))return}},Y=function(e){var t;for(let i=0;i<pe(this,R).length;i++){const o=pe(this,R)[i];if(!1===(null==(t=null==o?void 0:o.pointEnd)?void 0:t.call(o,e)))return}},N=function(e){var t;for(let i=0;i<pe(this,R).length;i++){const o=pe(this,R)[i];if(!1===(null==(t=null==o?void 0:o.pointMove)?void 0:t.call(o,e)))return}},B=function(e){var t;for(let i=0;i<pe(this,R).length;i++){const o=pe(this,R)[i];if(!1===(null==(t=null==o?void 0:o.pointLeave)?void 0:t.call(o,e)))return}},F=function(e){var t;for(let i=0;i<pe(this,R).length;i++){const o=pe(this,R)[i];if(!1===(null==(t=null==o?void 0:o.hover)?void 0:t.call(o,e)))return}},G=function(e){var t;for(let i=0;i<pe(this,R).length;i++){const o=pe(this,R)[i];if(!1===(null==(t=null==o?void 0:o.doubleClick)?void 0:t.call(o,e)))return}},V=function(e){var t;for(let i=0;i<pe(this,R).length;i++){const o=pe(this,R)[i];if(!1===(null==(t=null==o?void 0:o.contextMenu)?void 0:t.call(o,e)))return}},X=function(e){var t;for(let i=0;i<pe(this,R).length;i++){const o=pe(this,R)[i];if(!1===(null==(t=null==o?void 0:o.wheel)?void 0:t.call(o,e)))return}},H=function(e){var t;for(let i=0;i<pe(this,R).length;i++){const o=pe(this,R)[i];if(!1===(null==(t=null==o?void 0:o.wheelScale)?void 0:t.call(o,e)))return}},Z=function(e){var t;for(let i=0;i<pe(this,R).length;i++){const o=pe(this,R)[i];if(!1===(null==(t=null==o?void 0:o.scrollX)?void 0:t.call(o,e)))return}},Q=function(e){var t;for(let i=0;i<pe(this,R).length;i++){const o=pe(this,R)[i];if(!1===(null==(t=null==o?void 0:o.scrollY)?void 0:t.call(o,e)))return}},U=function(e){var t;for(let i=0;i<pe(this,R).length;i++){const o=pe(this,R)[i];if(!1===(null==(t=null==o?void 0:o.resize)?void 0:t.call(o,e)))return}},$=function(e){var t;for(let i=0;i<pe(this,R).length;i++){const o=pe(this,R)[i];if(!1===(null==(t=null==o?void 0:o.clear)?void 0:t.call(o,e)))return}},J=function(e){var t;for(let i=0;i<pe(this,R).length;i++){const o=pe(this,R)[i];if(!1===(null==(t=null==o?void 0:o.beforeDrawFrame)?void 0:t.call(o,e)))return}},K=function(e){var t;for(let i=0;i<pe(this,R).length;i++){const o=pe(this,R)[i];if(!1===(null==(t=null==o?void 0:o.afterDrawFrame)?void 0:t.call(o,e)))return}},q=function(){const e=[];for(const[t,i]of pe(this,z))"enable"===(null==i?void 0:i.status)&&(null==i?void 0:i.middlewareObject)&&e.push(i.middlewareObject);xe(this,R,e)};const vo="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAApCAYAAABHomvIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF92lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDktMTdUMTY6MzE6MjMrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MTBhYjUzLWM0ZjEtNDVhNS04MjhkLTIxOTczOWFjOTk3MSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjBkMDNmNjM5LTE5MzctY2Y0MC1hMTg0LTIyMjg0NzczNWNmYSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyYjQwZGRmLWE0ZGEtNDY3MC1iYzc2LTBhYjY3ZmI5M2I0ZSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODJiNDBkZGYtYTRkYS00NjcwLWJjNzYtMGFiNjdmYjkzYjRlIiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjMxOjIzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NjQxMGFiNTMtYzRmMS00NWE1LTgyOGQtMjE5NzM5YWM5OTcxIiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz57vRudAAAEk0lEQVRYhe3ZW0jbVxzA8e8/MX+NYnG9uI4xE3bvoLt0FzradRfGBtsYo32YdAhb6WQyBqV7KOylpYjzZShDGfjmyxgbgjjwyRm16SYMhgiNKDhbL3VtNF4xJOnf3x7+59i/Wf4aTbInf3AwJMdzPjnnf/n9/jFEhGzDMIxMb3uAIsDs6ek5urS05Dtz5syE+uwekAQS6u89YD19gC0NIpJ1c8GZQHlXV9fJRCIxGo/HxxoaGj4CngWOAEGgEihXfT07MeQC3MB1dna+lkgkRkXF6urq3xcuXPgUOAE8DzwGPOiGLARwEy4ej4+JiITD4elr167NiIgsLi7eqq2trQPeBI4Bj7sh8w10xZmmeds0zdn+/v5/RERisdjUuXPnvgLeAl50Q+YTaAA+oKy7u/uE3laNAwSQ4uLiu6FQ6G4G5DG13YeAMjWWkU+gBygJhULHNe769etTTpwDGXUiz58//yXwujp5qoAHgBLAk0+gNxKJHEulUiMKN2ma5gwgPp/vjhOXjlxYWJisq6urBV5RW30IKAW8eQPGYrGjlmXdEBEZHBy8aZrmFCCmac729fVtAHt7e6MO5N2+vr47IiJLS0s3L126dBZ4Sh2LZUBRwVdwYGBgVuwOYh/zsoF0bnPBVzDTMRgOh6dFhROokSIi8/Pz0+pEeaPQx+DGWdzV1XVSX2LcgCIic3NzMzU1NV8D7wIvq9WrLNRZvOk62NHRccqJTAdGo9Hb1dXV3wAfYt9VjgAPFfI66EQWAxU9PT0fuwEvXrzYBJwF3gFeAAJAhfrfrO4k/7lxZxnr2JlJqry8POnWyePx6H4JR0vhktVkHGOXQI20SkpKLLcOhmGsA5YCaZiVLS5XoADi9XpdkznDMERhnE0fCgUHZhvOW+CO4/8A5hR7wFxjD5hr7AFzjZyBlmVlrOYdYaS1HUUuQA/gWV9fd51URDyqn1c1j6MVFGjoidfW1oq2ABrYj0V82OmVzwHNajVdB88C5wOKTdM87NaxsrKyQsFKHC2BnTDo+/TWt8Bd5INeVC44NDT0xXYZdXNz8w/AaeyS8yjwCPdzQu92ht2m/OUjIyOfS1pkAoqItLS0fA+8D7wKPA0cxs6qC1O4T0xMfKYnb21tnXEDNjc3z+nXbW1t3wFvYz9dCAL7KUThHovFPtGTNjU1jQFSX18/lg68cuXKLUAaGxs3vkB7e/u3wHHgCQpUdnpTqdQvesJgMDisUVevXh3Xry9fvnxTv66qqprQ/cfHx/vVNj/J/couv0DAv7q6+pMDeYPNSalkwkUikX7s4ukl4FHgAODPN1CXnPsWFxd/dCAjW+GGhoZCwAfYpeczwMPAPjVW3gv3IvXN98disZ8dyBGNCwQC4/r94eHhfuy6+JS6zATUCeJXY+W9cNfIUuDAwsLCr05kIBDYeBQ8Ojr6h8Lpx25BtbWlGpfv62BG5PLy8m+SFpOTk38C76mVe84NVyhgOvLgysrK7xoXjUb/Uqt2XG1rEDiYCbcd0MgwsWtk+J1EI03An0wmw5Zlefx+/2n1eRKIO5r+rWTTpFsZ/gWFrGMmeObuqwAAAABJRU5ErkJggg==",mo="selectInGroup",yo={CURSOR:"cursor",CHANGE:"change",RULER:"ruler",SCALE:"scale",SELECT_LAYOUT:"selectLayout",SELECT:"select",CLEAR_SELECT:"clearSelect",TEXT_EDIT:"textEdit",TEXT_CHANGE:"textChange",CONTEXT_MENU:"contextMenu",SELECT_IN_GROUP:mo,SNAP_TO_GRID:mo},po={};Object.keys(yo).forEach((e=>{Object.defineProperty(po,e,{value:yo[e],writable:!1})}));class wo{constructor(e,t){we(this,ne),we(this,_),we(this,ee),we(this,te,null),we(this,ie,null),we(this,oe,{auto:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF92lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDktMTdUMTY6MDc6MjYrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA5LTE3VDE2OjEyOjUwKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA5LTE3VDE2OjEyOjUwKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjliMGM0MzI2LWU4ZTQtNDlkNy04MmUzLTgxODkwYTE2ZmU1YSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjMzOGFhZDBmLWZkZjMtODE0MS1iMTZmLWNiZWIzNTQyYTJhMCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjUwODAxNzc1LWZlNGEtNDQyMy05NDQ3LThkYWRhNzZhYTllOSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NTA4MDE3NzUtZmU0YS00NDIzLTk0NDctOGRhZGE3NmFhOWU5IiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjA3OjI2KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OWIwYzQzMjYtZThlNC00OWQ3LTgyZTMtODE4OTBhMTZmZTVhIiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjEyOjUwKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7W6XrzAAAGLklEQVRYhb2Xf2iUdRzHX/txtfXLplZ6Wblm6fzRmG6r7Uou1AxKRjQKYUqgaLBACFogppcK1h8aLRkMSYaJIA5hYMomZpskEfPOufCaDpZ6t7rbre263U3vzn3643meu+eu3XNzvz7w4bbdc/e89nl/Pu/v50HUCAQCx1tbW0uAx4CHgSwggxkKERkziUQif2mQ0WjU53a7vwSeBB4BTEDmTICmBBwYGDivVlDjlFAo9KvT6dwIPAHkANkq6MwDXr169bCISENDg9TX14s+BgcHf2hubi5mBmRPCXj06NFPREQ6OjoEkPLycrl06VIMMhKJeFwu1xdMs+wpAYuLi9eIiIyOjkpeXp4AAsj27dvF7/fHQIPB4C9dXV0fME2ypwQEXvX7/bdFRNauXRsDBMRkMsnhw4cTZB8YGGhsamp6hSmW3Qhw1Y0bN86LiNTW1iYAallWViZtbW162ftcLtdO/i/7tAAWtba2ficicvLkyTEBtdy6dasMDg7GQIeHh9s7OzvfBx5nkrIbAS7du3fvxyIiPT09hoBa1tXVJcv+fWNj4zLgUeAhJiC7EeDLwOsiMioisnDhwnFBrlixQi5evKiX/c6tW7c+R5E9lweU3QjwReDV/v7+bhGRqqqqcQFquWnTJvH5fHrZLzocjkoSZU9bTSPA54GV165daxYROXDgwAMBannw4MFk2RsaGhqWME7ZjQDNwIrTp09/JSLS0tIyIUBACgoK5MKFCzHIcDj85+3btz8FZpFGdiPAZ4DCmpqaTSIiPp9vwoBaVlVVidfr1ct+/sqVK+9iILsR4FzgJcASDoeHRUSKioomDQnI/v37E2T3+Xz1hw4dWjSW7EaAeUA+UNbX12cXEdmyZcuUAAJiNpvlzJkzetl73G53rVrN2EmUCjATuA9EgYjL5eoGKCkpGatNHijmz5/Pxo0b2blzJ2azOfZ3k8lUYDabv45Go/Y7d+6sIY0VZQOjGqDT6bxeWlrKqlWrJgRlsVhYv349FRUVWCwWcnJyEt4PBoOuoaEhu9frvdzR0fHTtm3buolvRpLqe3OBp4EllZWV74mIRKNRyc3NTSvf7Nmzpbq6Wk6cOCFut1uSY2RkJOB0Ou3Nzc3Ha2trPwPWAGXAEuBZFFPPAbKMevBhYA6wCKgIBoP9IiKrV682hLPZbP8DEpH7vb29N1paWn602WwHFyxYsAX4EKgE3gIsQBFQgOIeT6j3z0wFqEkc60OPx9Odn58/t6SkhPb29jFLbrVa2bNnDwBer7fv5s2bPQ6Ho7upqcnZ1tbmASJq3gPC6utdYESXYfWeo6mkBaUHRQ/odrv/yM/Pt5SWlqb8kAbncDh+W7lyZYN683u6DOvAwipsOOnniA4wZf9lqhdoVYzY7fbrQMpBsdlsWK1WRkZGAtXV1d8D/wA+wKNLr5o+YEC9ZggIAEHiFbyfDhCUCcoFngIWFxYWrtMaat68eQl9V15eHmu2+vr6OuAd4A2gGFgMLERp/mdQ+noWyuadi9Jr2aQ4k42GBPXDs1Ga97WhoaFbIiIbNmxIANTWq87Ozp9VuApgGfACihPkoRjwI+p3mlSgtA9ZRkYNYwwKJBr2rl27sFqthEKhwZqamqOAX5f/AsPE5btLvM/GJWO6yFb/82eBonPnztWJiJw9e1YAWb58eUzaI0eOfAO8CbwCPIfiZZN+eEoncSaKLPOApbt3794uIuL1ehOktdvtF4C3gRKURXcOSn9lTRRsvIAZKI4+l/gjQFREZMeOHSIiEggE+tetW/cRitkuRhmERxnnxjxZQFDWnzzURwCv1+vUHxHHjh37lri0C1Am9KGpgDMC1G8SQnxxCHs8Hqf2RldX10+bN28+i+JjwyT62KSaP13oAfWTHO7t7f0dIBQK/b1v375GlEnVjPYuyoQaHlNTDahVMALca29vdwBcvnz5+KlTp26OATft1UuODBS7yEOxj0K/329HOSWWopjxlE1tchhtM7FriPfgXSDDbrfXo0gbJr4QzIi0WiRPYBbKZJrUV23b0dYn7XSYcsBkS9EiO/k6lApq1cwiPjzaAM1Y9cYC1G6uAWrPCtrvMwoHqU02Q5caIEzj1KaS+D+vIjxtLug31gAAAABJRU5ErkJggg==","drag-default":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAApCAYAAABHomvIAAAEvUlEQVRYhc2Y20/cVRDHP8v+uKzAWkpDCtZq8BYhJkq8PBoJxgj7I2m0ryaSyFN9IT74pI8+8WJiggRj/APApFkSTGRJ+qKGUiyxbGPEWsUSuVhYC12Wy8+HmeMeYPe3d3WSye/k/M7le+bMzJkZ+J9ToEJreGVYN+vihcytstjQocUlAw0WCSoIVCv3Ae8CXwIt+u8XHVeOG8qLqgAHqAFCQCNwGugCthBJGd7S/tM6LqTzHI5KuqzgaoAHgEvAtwrkG2AG8FzXvep5nue67lX9N6P/PR1/SefXlBtkFXKNDUA/RyX1D9uUbYzOb9D1ygbSQU7eDMxhSSsSiVz3AxiJRK57nuf19/fPad8coqONFCBJPyUOIKc1OvcbgiY9ICDT8+0DHge2gR0gBeyTtviM5HeKAGlrrfMZVwhdAVaAr4F3KNF4gkA9cBbowOc68+3LwDn1Mhdy4/OcYk54nPr6+m54nofruvPa9SFQ6wfQTweNgTwInAGuQWk6mEUvHwb+Au4Dexx7ffK9+0q+CHWIBIOZ9skHYKWfK9tQ8gZoLDjIyWCg3ORY+2T8aYOyg4EaRIFrkCs4QU1NTSvabC20zyIDzuyfkYzEahHX8jHwE/LwXwHeJ4P7KIVIu5ouxFDC+HgLAy4MfEF2v1UpgOezATSiNVf6EvAWsD01NXVtdnb2bk9Pz81sp/q3KIi8t83Ae4DX0tJy0z7t8PDwD4FAYIX/WILVwKMAzc3Nu/agoaGhzmg0ugcsV0hIvlSNoH8IuIiebHJycrls4sotwaxGYvueAPAjEg3jum79yMjIr5WUjFLOxMpBIopWoBN4GfhOJ+4NDg4ulVt6i4uLm7r+BvAscA4fCXrAAfJQJ5Fg8gPgMuCMjo62d3V1LW1sbKRKlpXSxMTEmjZ/5qQrOwHwUAGmkIjiHhJdfKrM/Pz8Y+3t7RvT09Ob5QAYi8X2tbmke2cEZwAaCdoAt5QvIzEbiUSitbe3tyoej++UCnBhYSGkzdu6d1aQxkgOkfwgieQMCeCu8iwSnpNKpcIdHR3BZDJ5UCy4SCSyvL6+/giiSou67wE+eYmhAKKkIaAJUdynkdflNcQF3dFTpooxjmg0aozDAz4DXkB8bxPy1OYM7QzIOuAU0AY8pQu9CrwJ3AK8UCj0RyHgZmZmli1w3wOvAM/oHo1kiZiygbSDh7PAE8DzQA/wBqKnnuM4a2NjY7dygbtw4cICRy31deBFJA09o7eWsU7kJ1KTLJmyRyOSn5zS70fAkwBtbW2/DwwMHHR3d9d3dnY2rK6u7o2Pj2/GYrH9eDzurK2tndM1vwI+QXT7T2BTD5skQz6SCyAcLRoZkGEFGQbeRqpbubK+BPA5MI14h00L3I6Cy2h4+eQbJsKuRa6iQcGFFfB5oBt4DpFsI+Ky7iDBxW3gBhBH/GtC+R7i1lKk3UxRAG2QpvxWr0AbtB3SA5jkx36djH/dVlDbyibN3M8GDvJPyI2PSulixm/u6kZ1OQCaJ/S+tndJX6tvsFBIxcCUdA3vW5ubxMrObc0hDMhd/Rqp5QQHxeW8dubnHGM7tzVv/IECMlxQ/bpcRfRMqaNRheNcUGG9XFWDACfzWs/6Fl3t/xtO//8gpbCORQAAAABJRU5ErkJggg==","drag-active":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAER0lEQVRYhe2YT2hjRRjAf8lL22xsNsm6EWKrSKvuIkIh+O9QRFxEW18KUsoe7FHoRaWCN1FPetOrIHgVKS0q9P5OxaJbodkalgVrtVZjS7Ntd02z6abPw3yzmaT585q+elj2g2HmvZn35jffN/PNNwP35R6XgM/fuif4n+dO2klQvgsaZRc4NJJvoJbHdhrIAkJAN2ADHwFfAw9J3ZoB/b9I0AA6A0SBc0Aa2EVpSqddeZ+QdmfkO+u0gIPSQQR4HfhRQH4AHMDNZDJXXNd1M5nMFalzdB3wJTAOPAD0yEB9066G6wXepVZTd5MpTdporZ6jVqsatmMJoTR3HvgJQ1u2bS+3ArRte9l1XXdsbGyJo1pdBN6Wf3d3ChlAmSQO9LeC8fquQRpDWaerHWSjSr1iu4BkJyOsF9u2s67rkslkluTVxygltAVsJBZqdCngEj5osIlW+4EYytRNF04jeu3vulCT+7QkLH20dEOhumft97pQI4s3+iiRSPwtxVSbd39J8eEGvzFXc1NAs8KSFAZeBt4AHgNeBFDWObkEAne7HAK2gT2gCFQatdca1GbtBj4E3veFprVYVLXXcg4GqM6588BbAMlkcm1qamqzr6/v6ikBet5RgiizJoDPAXdgYGDZXHkzMzPrrk9CdRWngUeAsxxdCzVwpgZ/BigWiz1mo4mJif7jqMajeJrU5hywgGvAej6fvzA0NLThN1Eul9uT4g5VTbYFNKUIfAbsZ7PZvuHh4Wt+As7Ozu5IcY2j219TQB0NV4A7qODgO4CFhYWLg4ODOb8AHccpG4A68m6pRQ1YAQ6A28A+8BXwBcDq6upTqVTquh+AuVyuW4q/opRRaQdZD1gCbgE3ge+BT4HdfD7/ZDwe/z2bzRY6hRsfH1/e3Nx8FDX/sgbgoZfvg6jo4ixqW7oIPA+8CrwHrAJuJBLJd+JaHMf5k6qmPgGeQe1SCenXk0/U21xcIC8AzwGvAJPAEuAmEon1xcXFba9w8/Pz5oqdB14CnpY+oij35km0qwmjwqAU8ISM9hIwBeQA17KsG9PT07+1gxsZGdmgdqW+BjwLDAAPoo4ALU+W9arVwWoIpXp9kouKZpPAO8AwQCwW+2d0dLQ0OTkZSafT0UKhUJ6bm9t2HKeysrIS3tra0g7+KvABUJC0g5rrJdRcbLpImtleRzYashc1P2OSXwbebDVykX3gW+Ab1AHqhuQ3pe6AJlFMO0CoPROHDcio5I8DL1A9C8dQbmod+APYAK4DvwjQnsDdErgyVTfTEaCG1GFYGHXG7TVSo2OkdvhlAflXoHSuNdfStFqaRhEi2kfdprrj6M5LAt0I8EDaaMdflPal48CB95hMr3Bt8h4jD0kyL5E0pN6dysZzW7N2AqjbmhdIZjJvufTOpE19x3g+9s1XJ/ck5tVbfdhu+rxDfLiSO+lFToCjZwrXyH2/0Lwv95z8B1jAqXmDnj4YAAAAAElFTkSuQmCC","rotate-0":vo,rotate:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAIiklEQVRYhe2YW2yUxxmGn7W96zXGNnZsr2FJHQyYBHNIU1ttAqVUVjlJUAtxQyUXhKgQktUDdSUkuEDtBVJ9UQXRC0RJRblrq/SCIARpFImWQ8VBIZQinJpQYozNyWaxiw/rfXsx3+z+6xNOe9tPGv2nOTzzffPPvDMhSXwJC1nKAXIDV/9ellLAqF1T9o5A2Ry7J5A/Fbh3mUMh8qYJ5kHCQATID6QIkBcAHAVGgKFAStq33EB53/ao5Rm064i9g0CmqcDyrNICYCZQBJTYdaa9j1jelDUwCAwAz4F+ex61DhZauXzr1CDwDHhq1wFg2Do1KWAo0NsCAyoDKoGYXcuBWdZY1PKnzAsDQB/wBOg1yKTVN8vqmoHz6nOgC7gHdFrbCasrNRFgyMCj5qVXgDlANfAaMA/4ir2rMI+MtSHgEdAN9BjsiNVZYR0sNq8+AtqB69Z2MuDBcYA+pAXW0yoDWgTUWXrd8k1l+cBcSxjIIBlPB63G8uUB/8Z57znwAkgGAX1YC4BSK7QIWA7UWwoDJJNJzp49y4ULF2hvb6e7u5tEIkFhYSGVlZXMmzePhoYGNmzYQElJCVZv2tPt7e3s2bOHvr4+9u3bx/r16+PWjg/zQ9x4BEk+5UkqklQt6ZuSdkn6jaRbMhsYGFBbW5uWLVvmp5MpU3V1tVpbW9XV1aWgbdy4MZ2npqbGvx6W9DtJ35e0RFJREDBX0gxJcUnfkPQDScck3fGlz549q7q6ummBjU2xWEzvvfdeGvCtt95Kf6uoqAiyfyBpt6SvSZrlAUOSIpLKJS2X9D1Jv5Z025d69913FQqFJmy8rKxMS5YsUUNDg5YvX67Zs2dPCrpjxw6NjIxoxYoV6XdVVVVBwI8l/UTS1yWVesBcC+18SRsk/ULS33yJtra2CRtramrSiRMn1NXVpWQyKUlKpVJ6+vSpTp48qZ07dyo/P39cua1bt6q+vn4ywL9IapX0tqQyDxiRFDPq3ZL+JCklSadOnRrXwMKFC3X69GlNx65du6aVK1eOqyMYjTGAf50IsNC8t1FSm6TPJOn+/fuKxWJZFb/zzjvjBvx0bO/evQqHwxNG4mUe9MtYMZk5bwHA4cOH6enpSc9BixYt4uTJk5SVlflXfcBN4DFuapoHLPQfz58/z9WrVwmFQsTjceLxOHfv3uUlNlZcpFeMEtzsXg2QSCQ4duxYulQoFOLQoUNBuE7gvAE+x82b/VZHyblz52hsbCSZTL4MCGWrqUECq0gQsBi3ts4B+PDDD3n48GG61OrVq1mzZo1/fGZw54HbVmGV1bMAWPbRRx9NC24CwD7cajLiAXNwIS7ELW3lAGfOnMmqZPv27cHHvwM3gH8AnwH/wnn0C+AuwLZt25g/f/5L4cLhMNu2bfOPnbh1+xkZ9UMebvmKGmQEoLOzM11JQUEBK1eu9I/JAFAPTqnk4hTNY9xS1V5TU1N7+fJlOjo6SKXS+jPLJFFUVMTixYsxmJtW/inOi2nAXDI/C0BWeMvKyojFYv6xz1LCKhnCRSEBPMCFfBaQKi0tfb2+vn5qFzp7AnwCXAM+t45mAUJGfgMwOpoWtIRCWZ/89BB8TuJ+lG5cNEatkXYgjtN+BYG2ktaxBE4U3AP+iRsud3EeHCTwk6Ss0IhvtaKiIk3Q19dHb28vhYWF4H6mYtxwiBrQIE4aPTHgIVzoO3E/TzlOV4YD3/stj9eMPj2xzg4HAYMSPQnkxePxNGB/fz+XLl1iy5Yt4HTeq+aZTtyA9h18Yb33G6aRQBqyDiUNLihmH1q54LAZ9ZHKISPRn1loaGxsJGjHjx8PPi6xtAgnNufgVHcRmf1J2DpTiJsjvYout3c5gQ49Ns89s3fpOdB70I+Hx7iBXrV27VqKi4tJJBKAm3auXLmCDfpy4G3rZSHur/aSPg83BCpx24MFuNUlbnkHcGMubEDdxpG0lBn8AcBBsgfsVysqKti6dStHjhwBYGRkhJaWFs6dO0ckEgGYj9v0xIA71rkha7jUgBYCb5hHGRoaIj8/f4Z5s8jafUpmN/diLBwAkmZKWiipSdKvJN2VpI6ODhUVFWUt7Js2bdLAwMBYLdAt6VNJlyV9IumLsRkOHjyo2tparVixQrdvp2Xmn00YrJI0R05VBRV+GjAiqcoUxA8lnfI1HD16dJz6WLVqla5fvz4tFdPZ2anm5uas8s3Nzf7zp5J+LmmNpFcl5U8GmCupWFKtpO9K+qWkG76W3bt3j4OMRqNqaWnRhQsXNDQ0lAWVTCZ169YtHThwQFVVVePKtrS0+Kw3pgsYso+Vkuol7ZD0W0ldvsHW1tZJZXxtba0aGxvV1NSkdevWaenSpYpGoxPmXb9+vXp6ejzgx5J+ZiGeLSk8GaD34ky5Hd23JP1I0h8kPQmGu7y8/L/aNEUiEe3fv1/Dw8Pp6Es6KqlZ0puSXpHbVU4KiPVglqQFkr4j6aeSfi/pvq/13r172rVrlyorK6cFFo1GtXnzZl25ciU4Ch5J+qOkH0v6tqTXzDk5EwGGlNFjOWQOd8px4vUN4E3cpn2pz/jgwQPef/99Ll68yJ07d+jt7WVwcJBIJEJJSQlz586loaGBTZs2UVdXF5w0OoDLwFWcbPsct6r04+bRLHEYCoWyAD1kBDfHleHmsxrccccS3NFHNV/eenBy6iZwCycMOnHz5wBuDh2nyyY6H0zhFmoF7vtxk+l9q3ieQfrDo8msF7cy3cN56g7ZWnKcep7IxnrQmz+wHKu2K3EKJWbPpWSUTQ4ZtRJc23sC6ZGB9ZM52JwcboIQjzUvZvNxYfeHlyVkZFcBbux6wKA6ShjoM5yM8uH0Xpuy8ekAQuZc2W8P8nEei9p9mMmPgAfJHO0O27e0lHppw9MEDJo//A4eoE91iB48SJ80lFMB/t/+V/sPGZfTmtMFR4EAAAAASUVORK5CYII="}),xe(this,ee,e),xe(this,_,t.eventHub),Se(this,ne,re).call(this),Se(this,ne,le).call(this)}}function xo(e){const{modifiedElement:t,beforeElement:i}=e,{uuid:o,...n}=t,r=Qt(n);let l={};Object.keys(r).forEach((e=>{let t=Kt(i,e);void 0===t&&/(borderRadius|borderWidth)\[[0-9]{1,}\]$/.test(e)&&(e=e.replace(/\[[0-9]{1,}\]$/,""),t=Kt(i,e)),l[e]=t})),l=Qt(l);return{type:"modifyElement",time:Date.now(),content:{method:"modifyElement",uuid:o,before:l,after:r}}}_=new WeakMap,ee=new WeakMap,te=new WeakMap,ie=new WeakMap,oe=new WeakMap,ne=new WeakSet,re=function(){const e=pe(this,_);Se(this,ne,ae).call(this,"default"),e.on(po.CURSOR,(e=>{var t;"over-element"!==e.type&&e.type?"resize-rotate"===e.type?Se(this,ne,ae).call(this,"rotate"):"string"==typeof e.type&&(null==(t=e.type)?void 0:t.startsWith("resize-"))?Se(this,ne,se).call(this,e):"drag-default"===e.type?Se(this,ne,ae).call(this,"drag-default"):"drag-active"===e.type?Se(this,ne,ae).call(this,"drag-active"):Se(this,ne,ae).call(this,"auto"):Se(this,ne,ae).call(this,"auto")}))},le=function(){ke(vo).then((e=>{xe(this,ie,e)})).catch((e=>{console.error(e)}))},ae=function(e){if(pe(this,te)===e)return;xe(this,te,e);const t=pe(this,oe)[pe(this,te)]||pe(this,oe).auto;let i=0,o=0;(e.startsWith("rotate-")&&pe(this,oe)[pe(this,te)]||"rotate"===e)&&(i=10,o=10),pe(this,ee).style.cursor="default"===e?"default":`image-set(url(${t})2x) ${i} ${o}, auto`},se=function(e){var t;let i=0;"resize-top"===e.type?i+=0:"resize-top-right"===e.type?i+=45:"resize-right"===e.type?i+=90:"resize-bottom-right"===e.type?i+=135:"resize-bottom"===e.type?i+=180:"resize-bottom-left"===e.type?i+=225:"resize-left"===e.type?i+=270:"resize-top-left"===e.type&&(i+=315),i+=wt((null==(t=null==e?void 0:e.element)?void 0:t.angle)||0),Array.isArray(e.groupQueue)&&e.groupQueue.length>0&&e.groupQueue.forEach((e=>{i+=wt(e.angle||0)})),i=wt(i);const o=Se(this,ne,he).call(this,i);Se(this,ne,ae).call(this,o)},he=function(e){const t=`rotate-${e}`;if(!pe(this,oe)[t]){const i=pe(this,ie);if(i){const o=document.createElement("canvas"),n=i.width,r=i.height,l={x:n/2,y:r/2};o.width=n,o.height=r;const a=o.getContext("2d"),s=st(e);a.translate(l.x,l.y),a.rotate(s),a.translate(-l.x,-l.y),a.drawImage(i,0,0,n,r),a.translate(l.x,l.y),a.rotate(-s),a.translate(-l.x,-l.y);const h=o.toDataURL("image/png");pe(this,oe)[t]=h}}return t};const So="SELECT",bo=Symbol(`${So}_actionType`),Ao=Symbol(`${So}_resizeType`),Io=Symbol(`${So}_areaStart`),Mo=Symbol(`${So}_areaEnd`),zo=Symbol(`${So}_hoverElement`),Ro=Symbol(`${So}_hoverElementVertexes`),Co=Symbol(`${So}_selectedElementList`),To=Symbol(`${So}_selectedElementListVertexes`),Eo=Symbol(`${So}_selectedElementController`),Po=Symbol(`${So}_selectedElementPosition`),Lo=Symbol(`${So}_groupQueue`),ko=Symbol(`${So}_groupQueueVertexesList`),Oo=Symbol(`${So}_isMoving`),Wo=Symbol(`${So}_enableSelectInGroup`),Do=Symbol(`${So}_enableSnapToGrid`),jo={activeColor:"#1973ba",activeAreaColor:"#1976d21c",lockedColor:"#5b5959b5",referenceColor:"#f7276e"};function Yo(e,t,i){const{borderColor:o,borderWidth:n,background:r,lineDash:l}=i;e.setLineDash([]),e.lineWidth=n,e.strokeStyle=o,e.fillStyle=r,e.setLineDash(l),e.beginPath(),e.moveTo(t[0].x,t[0].y),e.lineTo(t[1].x,t[1].y),e.lineTo(t[2].x,t[2].y),e.lineTo(t[3].x,t[3].y),e.lineTo(t[0].x,t[0].y),e.closePath(),e.stroke(),e.fill("nonzero")}function No(e,t,i,o){const{borderColor:n,borderWidth:r,lineDash:l}=o;e.setLineDash([]),e.lineWidth=r,e.strokeStyle=n,e.setLineDash(l),e.beginPath(),e.moveTo(t.x,t.y),e.lineTo(i.x,i.y),e.closePath(),e.stroke()}function Bo(e,t,i){const{borderColor:o,borderWidth:n,lineDash:r}=i;e.setLineDash([]),e.lineWidth=n,e.strokeStyle=o,e.setLineDash(r),e.beginPath(),e.moveTo(t[0].x,t[0].y),e.lineTo(t[2].x,t[2].y),e.closePath(),e.stroke(),e.beginPath(),e.moveTo(t[1].x,t[1].y),e.lineTo(t[3].x,t[3].y),e.closePath(),e.stroke()}function Fo(e,t,i){const{size:o,borderColor:n,borderWidth:r,lineDash:l}=i,a=t.x-o/2,s=t.x+o/2,h=t.y-o/2,c=t.y+o/2;Bo(e,[{x:a,y:h},{x:s,y:h},{x:s,y:c},{x:a,y:c}],{borderColor:n,borderWidth:r,lineDash:l})}function Go(e,t,i){if(!t)return;const{style:o}=i,{activeColor:n}=o,r={borderColor:n,borderWidth:1,background:"transparent",lineDash:[]};Yo(e,Lt(t,i),r)}function Vo(e,t,i){if(!t)return;const{style:o}=i,{lockedColor:n}=o,r={borderColor:n,borderWidth:1,background:"transparent",lineDash:[]};Yo(e,Lt(t,i),r);const{controller:l}=i;if(l){const{topLeft:t,topRight:o,bottomLeft:n,bottomRight:a,topMiddle:s,bottomMiddle:h,leftMiddle:c,rightMiddle:d}=l,u={...r,borderWidth:1};Bo(e,Lt(s.vertexes,i),u),Bo(e,Lt(h.vertexes,i),u),Bo(e,Lt(c.vertexes,i),u),Bo(e,Lt(d.vertexes,i),u),Bo(e,Lt(t.vertexes,i),u),Bo(e,Lt(o.vertexes,i),u),Bo(e,Lt(n.vertexes,i),u),Bo(e,Lt(a.vertexes,i),u)}}function Xo(e,t,i){var o;if(!t)return;const{hideControllers:n,style:r,rotateControllerPattern:l,viewSizeInfo:a,element:s}=i,{devicePixelRatio:h=1}=a,{activeColor:c}=r,{elementWrapper:d,topLeft:u,topRight:f,bottomLeft:g,bottomRight:v,rotate:m}=t,y={borderColor:c,borderWidth:2,background:"transparent",lineDash:[]},p={...y,borderWidth:4,background:"#FFFFFF"};if(Yo(e,Lt(d,i),y),!n&&(Yo(e,Lt(u.vertexes,i),p),Yo(e,Lt(f.vertexes,i),p),Yo(e,Lt(g.vertexes,i),p),Yo(e,Lt(v.vertexes,i),p),!1!==(null==(o=null==s?void 0:s.operations)?void 0:o.rotatable))){!function(e,t,i){const{size:o,background:n}=i,r=t,l=o/2,a=l,s=l;a>=0&&s>=0&&(e.beginPath(),e.fillStyle=n,e.circle(r.x,r.y,a,s,0,0,2*Math.PI),e.closePath(),e.fill("nonzero"))}(e,Pt(m.center,i),{...p,size:m.size});const t=Pt(m.center,i);e.drawImage(l.canvas,0,0,l.canvas.width/h,l.canvas.height/h,t.x-m.size/2,t.y-m.size/2,m.size,m.size)}}function Ho(e,t){const{xLines:i,yLines:o,style:n}=t,{referenceColor:r}=n,l={borderColor:r,borderWidth:1,lineDash:[]},a={...l,size:6};i&&i.forEach((t=>{t.forEach(((i,o)=>{Fo(e,i,a),t[o+1]&&No(e,t[o],t[o+1],l)}))})),o&&o.forEach((t=>{t.forEach(((i,o)=>{Fo(e,i,a),t[o+1]&&No(e,t[o],t[o+1],l)}))}))}function Zo(e){return e*Math.PI/180}function Qo(e,t){return Math.sqrt(e*e+t*t)}function Uo(e,t){return t>0?Math.abs(e):0-Math.abs(e)}function $o(e,t){const{ctx:i,viewScaleInfo:o,vertexes:n}=t,r=Pt(n[0],{viewScaleInfo:o}),l=Pt(n[1],{viewScaleInfo:o}),a=Pt(n[2],{viewScaleInfo:o}),s=Pt(n[3],{viewScaleInfo:o});return i.beginPath(),i.moveTo(r.x,r.y),i.lineTo(l.x,l.y),i.lineTo(a.x,a.y),i.lineTo(s.x,s.y),i.lineTo(r.x,r.y),i.closePath(),!!i.isPointInPath(e.x,e.y)}function Jo(e,t){const{ctx:i,viewScaleInfo:o,viewSizeInfo:n,groupQueue:r}=t;if(!(r&&(null==r?void 0:r.length)>0))return!1;const l=Ct(r),a=l[l.length-1];return!!a&&$o(e,{ctx:i,vertexes:a,viewScaleInfo:o})}function Ko(e,t){var i,o,n,r,l;const a={type:null,elements:[],elementVertexesList:[],groupQueue:[],groupQueueVertexesList:[]},{ctx:s,data:h,calculator:c,selectedElements:d,viewScaleInfo:u,viewSizeInfo:f,areaSize:g,groupQueue:v,selectedElementController:m}=t;if(m){const{left:t,right:n,top:r,bottom:l,topLeft:h,topRight:c,bottomLeft:f,bottomRight:g,rotate:y}=m,p=[t,n,r,l,h,c,f,g];1===(null==d?void 0:d.length)&&!1!==(null==(o=null==(i=null==d?void 0:d[0])?void 0:i.operations)?void 0:o.rotatable)&&p.push(y);for(let t=0;t<p.length;t++){const i=p[t];if($o(e,{ctx:s,vertexes:i.vertexes,viewScaleInfo:u})){a.type=`resize-${i.type}`,d&&(null==d?void 0:d.length)>0&&(a.groupQueue=v||[],a.elements=[d[0]]);break}}}if(v&&Array.isArray(v)&&v.length>0){const t=v[v.length-1];if((null==(n=null==t?void 0:t.detail)?void 0:n.children)&&Array.isArray(null==(r=null==t?void 0:t.detail)?void 0:r.children))for(let i=t.detail.children.length-1;i>=0;i--){const o=t.detail.children[i],n=Tt(o,{groupQueue:v});if(n&&$o(e,{ctx:s,vertexes:n,viewScaleInfo:u}))return a.type||(a.type="over-element"),a.groupQueue=v,a.elements=[o],a}return a}if(null!==a.type)return a;if(g&&Array.isArray(d)&&(null==d?void 0:d.length)>1){const{x:t,y:i,w:o,h:n}=g;if(e.x>=t&&e.x<=t+o&&e.y>=i&&e.y<=i+n)return a.type="list-area",a.elements=d,a}if(h){const{index:t,element:i}=c.getPointElement(e,{data:h,viewScaleInfo:u,viewSizeInfo:f});if(t>=0&&i&&!0!==(null==(l=null==i?void 0:i.operations)?void 0:l.invisible))return a.elements=[i],a.type="over-element",a}return a}function qo(e,t){const{x:i,y:o,w:n,h:r,angle:l=0}=e,{center:a,start:s,end:h,viewScaleInfo:c}=t,d=Pt(a,{viewScaleInfo:c}),u=wt(l),f=function(e,t,i){const o=ft(e,t),n=ft(e,i);return null!==n&&null!==o?n-o:0}(d,s,h);return{x:i,y:o,w:n,h:r,angle:wt(u+f/Math.PI*180)}}function _o(e,t){var i;if(!Array.isArray(e))return null;const o={x:0,y:0,w:0,h:0},{viewScaleInfo:n}=t;let r=null;for(let t=0;t<e.length;t++){const l=e[t];if(null==(i=null==l?void 0:l.operations)?void 0:i.invisible)continue;const a=Et(l,{viewScaleInfo:n});if(a.angle&&(a.angle>0||a.angle<0)){const e=yt(a);if(4===e.length){const t=[e[0].x,e[1].x,e[2].x,e[3].x],i=[e[0].y,e[1].y,e[2].y,e[3].y];a.x=Math.min(...t),a.y=Math.min(...i),a.w=Math.abs(Math.max(...t)-Math.min(...t)),a.h=Math.abs(Math.max(...i)-Math.min(...i))}}if(r){const e=Math.min(a.x,o.x),t=Math.min(a.y,o.y),i=Math.max(a.x+a.w,o.x+o.w),n=Math.max(a.y+a.h,o.y+o.h);o.x=e,o.y=t,o.w=Math.abs(i-e),o.h=Math.abs(n-t)}else o.x=a.x,o.y=a.y,o.w=a.w,o.h=a.h;r=a}return o}function en(e){return{minX:e.topLeft.x,minY:e.topLeft.y,maxX:e.bottomRight.x,maxY:e.bottomRight.y,midX:e.center.x,midY:e.center.y}}const tn=(e,t)=>{if(0===e.length)throw null;if(1===e.length)return e[0];let i=0,o=e.length-1;for(;i<=o;){const n=Math.floor((i+o)/2);if(e[n]===t)return e[n];e[n]<t?i=n+1:o=n-1}return i>=e.length?e[o]:o<0?e[i]:Math.abs(e[o]-t)<=Math.abs(e[i]-t)?e[o]:e[i]},on=(e,t)=>Math.abs(e-t)<1e-5;function nn(e,t){var i,o;const{data:n,groupQueue:r,calculator:l,viewScaleInfo:a,viewSizeInfo:s}=t;let h=n.elements||[];(null==r?void 0:r.length)>0&&(h=(null==(o=null==(i=r[r.length-1])?void 0:i.detail)?void 0:o.children)||[]);const c=[];h.forEach((t=>{if(t.uuid!==e){const e=l.calcViewRectInfoFromRange(t.uuid,{checkVisible:!0,viewScaleInfo:a,viewSizeInfo:s});e&&c.push(e)}}));const d=l.calcViewRectInfoFromRange(e,{viewScaleInfo:a,viewSizeInfo:s});if(!d)return null;const u={},f={},g=[],v=[];let m=[],y=[];const p=en(d);c.forEach((e=>{const t=en(e);u[t.minX]||(u[t.minX]=[]),u[t.midX]||(u[t.midX]=[]),u[t.maxX]||(u[t.maxX]=[]),f[t.minY]||(f[t.minY]=[]),f[t.midY]||(f[t.midY]=[]),f[t.maxY]||(f[t.maxY]=[]),u[t.minX]=[t.minY,t.midY,t.maxY],u[t.midX]=[t.minY,t.midY,t.maxY],u[t.maxX]=[t.minY,t.midY,t.maxY],m.push(t.minX),m.push(t.midX),m.push(t.maxX),f[t.minY]=[t.minX,t.midX,t.maxX],f[t.midY]=[t.minX,t.midX,t.maxX],f[t.maxY]=[t.minX,t.midX,t.maxX],y.push(t.minY),y.push(t.midY),y.push(t.maxY)})),m=m.sort(((e,t)=>e-t)),y=y.sort(((e,t)=>e-t));let w=null,x=null,S=null,b=null,A=null,I=null,M=null,z=null;if(m.length>0){S=tn(m,p.minX),b=tn(m,p.midX),A=tn(m,p.maxX);const e=Math.abs(S-p.minX),t=Math.abs(b-p.midX),i=Math.abs(A-p.maxX),o=Math.min(e,t,i);o<=2/a.scale&&(on(o,e)?w=S-p.minX:on(o,t)?w=b-p.midX:on(o,i)&&(w=A-p.maxX))}if(y.length>0){I=tn(y,p.minY),M=tn(y,p.midY),z=tn(y,p.maxY);const e=Math.abs(I-p.minY),t=Math.abs(M-p.midY),i=Math.abs(z-p.maxY),o=Math.min(e,t,i);o<=2/a.scale&&(on(o,e)?x=I-p.minY:on(o,t)?x=M-p.midY:on(o,i)&&(x=z-p.maxY))}const R={...p};if(null!==w&&(R.minX+=w,R.midX+=w,R.maxX+=w),null!==x&&(R.minY+=x,R.midY+=x,R.maxY+=x),Be.x(w)&&null!==w&&null!==S&&null!==b&&null!==A){if(on(w,S-p.minX)){const e={x:S,yList:[]};e.yList.push(R.minY),e.yList.push(R.maxY),e.yList.push(...(null==f?void 0:f[S])||[]),g.push(e)}if(on(w,b-p.minX)){const e={x:b,yList:[]};e.yList.push(R.minY),e.yList.push(R.maxY),e.yList.push(...(null==f?void 0:f[b])||[]),g.push(e)}if(on(w,A-p.minX)){const e={x:A,yList:[]};e.yList.push(R.minY),e.yList.push(R.maxY),e.yList.push(...(null==f?void 0:f[A])||[]),g.push(e)}}if(Be.y(x)&&null!==x&&null!==I&&null!==M&&null!==z){if(on(x,I-p.minY)){const e={y:I,xList:[]};e.xList.push(R.minX),e.xList.push(R.maxX),e.xList.push(...(null==u?void 0:u[I])||[]),v.push(e)}if(on(x,M-p.midY)){const e={y:M,xList:[]};e.xList.push(R.minX),e.xList.push(R.maxX),e.xList.push(...(null==u?void 0:u[I])||[]),v.push(e)}if(on(x,z-p.maxY)){const e={y:z,xList:[]};e.xList.push(R.minX),e.xList.push(R.maxX),e.xList.push(...(null==u?void 0:u[z])||[]),v.push(e)}}const C=[];(null==g?void 0:g.length)>0&&g.forEach(((e,t)=>{C.push([]),e.yList.forEach((i=>{C[t].push({x:e.x,y:i})}))}));const T=[];return(null==v?void 0:v.length)>0&&v.forEach(((e,t)=>{T.push([]),e.xList.forEach((i=>{T[t].push({x:i,y:e.y})}))})),{offsetX:w,offsetY:x,yLines:C,xLines:T}}const rn="LAYOUT_SELECT",ln=Symbol(`${rn}_layoutActionType`),an=Symbol(`${rn}_layoutControlType`),sn=Symbol(`${rn}_layoutController`),hn=Symbol(`${rn}_layoutIsHoverContent`),cn=Symbol(`${rn}_layoutIsHoverController`),dn=Symbol(`${rn}_layoutIsSelected`),un=Symbol(`${rn}_layoutIsSelected`),fn={activeColor:"#b331c9"};function gn(e,t,i){const{activeColor:o}=i;e.setLineDash([]),e.fillStyle="#FFFFFF",e.beginPath(),e.moveTo(t[0].x,t[0].y),e.lineTo(t[1].x,t[1].y),e.lineTo(t[2].x,t[2].y),e.lineTo(t[3].x,t[3].y),e.closePath(),e.fill("nonzero"),e.strokeStyle=o,e.lineWidth=2,e.beginPath(),e.moveTo(t[0].x,t[0].y),e.lineTo(t[1].x,t[1].y),e.lineTo(t[2].x,t[2].y),e.lineTo(t[3].x,t[3].y),e.closePath(),e.stroke()}function vn(e,t){const{start:i,end:o,style:n}=t,{activeColor:r}=n,l=r;e.setLineDash([]),e.strokeStyle=l,e.lineWidth=2,e.beginPath(),e.moveTo(i.x,i.y),e.lineTo(o.x,o.y),e.closePath(),e.stroke()}function mn(e){const{fill:t,devicePixelRatio:i}=e,o=(e=>({uuid:Ie(),type:"path",x:0,y:0,w:200,h:200,detail:{commands:[{type:"M",params:[512,0]},{type:"c",params:[282.8,0,512,229.2,512,512]},{type:"s",params:[-229.2,512,-512,512]},{type:"S",params:[0,794.8,0,512,229.2,0,512,0]},{type:"z",params:[]},{type:"m",params:[309.8,253.8]},{type:"c",params:[0,-10.5,-6.5,-19.8,-15.7,-23.8,-9.7,-4,-21,-2,-28.2,5.6]},{type:"l",params:[-52.5,52]},{type:"c",params:[-56.9,-53.7,-133.9,-85.5,-213.4,-85.5,-170.7,0,-309.8,139.2,-309.8,309.8,0,170.6,139.2,309.8,309.8,309.8,92.4,0,179.5,-40.8,238.4,-111.8,4,-5.2,4,-12.9,-.8,-17.3]},{type:"L",params:[694.3,637]},{type:"c",params:[-2.8,-2.4,-6.5,-3.6,-10.1,-3.6,-3.6,.4,-7.3,2,-9.3,4.8,-39.5,51.2,-98.8,80.3,-163,80.3,-113.8,0,-206.5,-92.8,-206.5,-206.5,0,-113.8,92.8,-206.5,206.5,-206.5,52.8,0,102.9,20.2,140.8,55.3]},{type:"L",params:[597,416.5]},{type:"c",params:[-7.7,7.3,-9.7,18.6,-5.6,27.9,4,9.7,13.3,16.1,23.8,16.1]},{type:"H",params:[796]},{type:"c",params:[14.1,0,25.8,-11.7,25.8,-25.8]},{type:"V",params:[253.8]},{type:"z",params:[]}],fill:"#2c2c2c",stroke:"transparent",strokeWidth:0,originX:0,originY:0,originW:1024,originH:1024,opacity:1,...e}}))({fill:t}),{w:n,h:r}=o,l=Ze({width:n,height:r,devicePixelRatio:i});return Si(l,o,{loader:void 0,viewScaleInfo:{scale:1,offsetTop:0,offsetBottom:0,offsetLeft:0,offsetRight:0},viewSizeInfo:{width:n,height:r,devicePixelRatio:i,contextWidth:n,contextHeight:r},parentElementSize:{x:0,y:0,w:n,h:r},parentOpacity:1}),{context2d:l,fill:t}}const yn="monospace";const pn="@middleware/internal-event/show-info-angle",wn={textBackground:"#1973bac6",textColor:"#ffffff"},xn=10,Sn="SCROLL",bn=Symbol(`${Sn}_xThumbRect`),An=Symbol(`${Sn}_yThumbRect`),In=Symbol(`${Sn}_hoverXThumbRect`),Mn=Symbol(`${Sn}_hoverYThumbRect`),zn=Symbol(`${Sn}_prevPoint`),Rn=Symbol(`${Sn}_activePoint`),Cn=Symbol(`${Sn}_activeThumbType`),Tn={thumbBackground:"#0000003A",thumbBorderColor:"#0000008A",hoverThumbBackground:"#0000005F",hoverThumbBorderColor:"#000000EE",activeThumbBackground:"#0000005E",activeThumbBorderColor:"#000000F0"};function En(e,t,i){const o=e,{x:n,y:r,w:l,h:a}=i;return o.beginPath(),o.rect(n,r,l,a),o.closePath(),!!o.isPointInPath(t.x,t.y)}function Pn(e,t){let{x:i,y:o,h:n,w:r}=t;const{background:l,borderColor:a}=t;e.save(),e.shadowColor="#FFFFFF",e.shadowOffsetX=0,e.shadowOffsetY=0,e.shadowBlur=1;{const{axis:s}=t;"X"===s?(o=o+n/4+0,n/=2):"Y"===s&&(i=i+r/4+0,r/=2);let h=t.r;h=Math.min(h,r/2,n/2),(r<2*h||n<2*h)&&(h=0),e.globalAlpha=1,e.beginPath(),e.moveTo(i+h,o),e.arcTo(i+r,o,i+r,o+n,h),e.arcTo(i+r,o+n,i,o+n,h),e.arcTo(i,o+n,i,o,h),e.arcTo(i,o,i+r,o,h),e.closePath(),e.fillStyle=l,e.fill("nonzero"),e.beginPath(),e.lineWidth=1,e.strokeStyle=a,e.setLineDash([]),e.moveTo(i+h,o),e.arcTo(i+r,o,i+r,o+n,h),e.arcTo(i+r,o+n,i,o+n,h),e.arcTo(i,o+n,i,o,h),e.arcTo(i,o,i+r,o,h),e.closePath(),e.stroke()}e.restore()}function Ln(e,t){const i=e,{viewScaleInfo:o,viewSizeInfo:n,scrollInfo:r,style:l}=t,{activeThumbType:a,prevPoint:s,activePoint:h,hoverXThumb:c,hoverYThumb:d}=r,u=function(e){const{viewScaleInfo:t,viewSizeInfo:i,hoverXThumb:o,hoverYThumb:n,style:r}=e,{width:l,height:a}=i,{offsetTop:s,offsetBottom:h,offsetLeft:c,offsetRight:d}=t,u=16,{thumbBackground:f,thumbBorderColor:g,hoverThumbBackground:v,hoverThumbBorderColor:m}=r;let y=0,p=0;y=Math.max(40,l-32-(Math.abs(c)+Math.abs(d))),y>=l&&(y=l),p=Math.max(40,a-32-(Math.abs(s)+Math.abs(h))),p>=a&&(p=a);let w=16;c>0?w=16:d>0?w=l-y-u:c<=0&&y>0&&(0!==c||0!==d)&&(w=16+(l-y)*Math.abs(c)/(Math.abs(c)+Math.abs(d)),w=Math.min(Math.max(0,w-16),l-y));let x=16;return s>0?x=16:h>0?x=a-p-u:s<=0&&p>0&&(0!==s||0!==h)&&(x=16+(a-p)*Math.abs(s)/(Math.abs(s)+Math.abs(h)),x=Math.min(Math.max(0,x-16),a-p)),{lineSize:u,xSize:y,ySize:p,translateY:x,translateX:w,xThumbBackground:o?v:f,yThumbBackground:n?v:f,xThumbBorderColor:o?m:g,yThumbBorderColor:n?m:g,xThumbRect:{x:w,y:a-u,w:y,h:u},yThumbRect:{x:l-u,y:x,w:u,h:p}}}({viewScaleInfo:o,viewSizeInfo:n,hoverXThumb:c,hoverYThumb:d,style:l});let f={...u.xThumbRect},g={...u.yThumbRect};return a&&s&&h&&("X"===a&&r.xThumbRect?(f={...r.xThumbRect},f.x=f.x+(h.x-s.x)):"Y"===a&&r.yThumbRect&&(g={...r.yThumbRect},g.y=g.y+(h.y-s.y))),Pn(i,{axis:"X",...f,r:u.lineSize/2,background:u.xThumbBackground,borderColor:u.xThumbBorderColor}),Pn(i,{axis:"Y",...g,r:u.lineSize/2,background:u.yThumbBackground,borderColor:u.yThumbBorderColor}),{xThumbRect:f,yThumbRect:g}}function kn(e,t){const{snapshot:i,style:o}=t,n=at(i),r=lt(i),l=function(e){const{sharedStore:t}=e;return{activePoint:t[Rn]||null,prevPoint:t[zn]||null,activeThumbType:t[Cn]||null,xThumbRect:t[bn]||null,yThumbRect:t[An]||null,hoverXThumb:t[In],hoverYThumb:t[Mn]}}(i),{xThumbRect:a,yThumbRect:s}=Ln(e,{viewSizeInfo:n,viewScaleInfo:r,scrollInfo:l,style:o});return{xThumbRect:a,yThumbRect:s}}const On=16,Wn="monospace",Dn={background:"#FFFFFFA8",borderColor:"#00000080",scaleColor:"#000000",textColor:"#00000080",gridColor:"#AAAAAA20",gridPrimaryColor:"#AAAAAA40",selectedAreaColor:"#19609780"},jn=[1,2,5,10,20,50,100,200,500];function Yn(e){const{scale:t,viewLength:i,viewOffset:o}=e,n=[];let r=10;r=Ft(r/t,{decimalPlaces:0}),r=function(e){e=Math.max(jn[0],Math.min(e,jn[jn.length-1]));for(let t=0;t<jn.length-1;t++){const i=jn[t],o=jn[t+1];if(!(e>o))return e===i||e===o?e:e<=(i+o)/2?i:o}return e}(r);const l=10*r,a=5*r;let s=0;const h=r*t,c=0-o,d=c%h,u=(c-d+h)/t,f=h-d+0;for(;f+s*h<i;){const e=Ft(u+s*r,{decimalPlaces:0}),t={num:e,position:Ft(f+s*h,{decimalPlaces:0}),showNum:e%l==0,isKeyNum:e%l==0,isSubKeyNum:e%a==0};n.push(t),s++}return{list:n,rulerUnit:r}}const Nn={boxSizing:"border-box",borderWidth:0,borderColor:"#000000",shadowColor:"#000000",borderRadius:0,borderDash:[],shadowOffsetX:0,shadowOffsetY:0,shadowBlur:0,opacity:1,color:"#000000",textAlign:"left",verticalAlign:"top",fontSize:16,fontFamily:"sans-serif",fontWeight:400,minInlineSize:"auto",wordBreak:"break-all",overflow:"hidden"},Bn=Symbol("DRAG_prevPoint");return ce=new WeakMap,de=new WeakMap,ue=new WeakMap,fe=new WeakSet,ge=function(){pe(this,ue).style.position="relative"},ve=function(e){xt((null==e?void 0:e.elements)||[]),pe(this,ce).setData(e)},e.Board=go,e.Calculator=Ki,e.Core=class{constructor(e,t){we(this,fe),we(this,ce),we(this,de),we(this,ue);const{devicePixelRatio:i=1,width:o,height:n}=t;xe(this,ue,e);const r=document.createElement("canvas");r.setAttribute("tabindex","0"),xe(this,de,r),Se(this,fe,ge).call(this),e.appendChild(r);const l=Qe(r,{width:o,height:n,devicePixelRatio:i}),a=new go({boardContent:l,container:e}),s=a.getSharer();s.setActiveViewSizeInfo({width:o,height:n,devicePixelRatio:i,contextWidth:o,contextHeight:n}),xe(this,ce,a),this.resize(s.getActiveViewSizeInfo());const h=a.getEventHub();new wo(e,{eventHub:h})}isDestroyed(){return pe(this,ce).isDestroyed()}destroy(){pe(this,ce).destroy(),pe(this,de).remove()}use(e,t){pe(this,ce).use(e,t)}disuse(e){pe(this,ce).disuse(e)}resetMiddlewareConfig(e,t){pe(this,ce).resetMiddlewareConfig(e,t)}setData(e){pe(this,ce).getRenderer().getLoader().reset(),Se(this,fe,ve).call(this,e)}getData(){return pe(this,ce).getData()}scale(e){pe(this,ce).scale(e);pe(this,ce).getViewer().drawFrame()}resize(e){const t=pe(this,ce),i=t.getSharer().getActiveViewSizeInfo();t.resize({...i,...e})}clear(){pe(this,ce).clear()}on(e,t){pe(this,ce).getEventHub().on(e,t)}off(e,t){pe(this,ce).getEventHub().off(e,t)}trigger(e,t){pe(this,ce).getEventHub().trigger(e,t)}getViewInfo(){const e=pe(this,ce).getSharer();return{viewSizeInfo:e.getActiveViewSizeInfo(),viewScaleInfo:e.getActiveViewScaleInfo()}}refresh(){pe(this,ce).getViewer().drawFrame()}setViewScale(e){pe(this,ce).updateViewScaleInfo(e)}getLoadItemMap(){return pe(this,ce).getRenderer().getLoadItemMap()}onBoardWatcherEvents(){pe(this,ce).onWatcherEvents()}offBoardWatcherEvents(){pe(this,ce).offWatcherEvents()}createElement(e,t,i){const{viewScaleInfo:o,viewSizeInfo:n}=this.getViewInfo();return ni(e,t||{},!0===(null==i?void 0:i.viewCenter)?{viewScaleInfo:o,viewSizeInfo:n}:void 0)}updateElement(e){const t=this.getData()||{elements:[]},i=e.uuid,o=Mt(i,t.elements),n=It(o,t.elements);if(!n)return null;const r=Qt(n),l=Qt(hi(o,e,t.elements,{strict:!0}));pe(this,ce).getRenderer().getLoader().resetElementAsset(e),Se(this,fe,ve).call(this,t),this.refresh();return{type:"updateElement",time:Date.now(),content:{method:"updateElement",uuid:i,before:r,after:l}}}modifyElement(e){const{uuid:t,...i}=e,o=this.getData()||{elements:[]},n=Mt(t,o.elements),r=It(n,o.elements);if(!r)return null;const l=xo({modifiedElement:e,beforeElement:r});hi(n,i,o.elements);return pe(this,ce).getRenderer().getLoader().resetElementAsset({...e,type:r.type}),Se(this,fe,ve).call(this,o),this.refresh(),l}modifyElements(e){const t=this.getData()||{elements:[]};let i=null;const o=[],n=[];return e.forEach((e=>{const{uuid:i,...r}=e,l=Mt(i,t.elements),a=It(l,t.elements);if(!a)return null;const s=xo({modifiedElement:e,beforeElement:a});s.content&&(o.push({...s.content.before,uuid:i}),n.push({...s.content.after,uuid:i})),hi(l,r,t.elements)})),i={type:"modifyElements",time:Date.now(),content:{method:"modifyElements",before:o,after:n}},Se(this,fe,ve).call(this,t),this.refresh(),i}addElement(e,t){var i;const o=this.getData()||{elements:[]};if(t&&(null==(i=null==t?void 0:t.position)?void 0:i.length)){if(null==t?void 0:t.position){ri(e,[...(null==t?void 0:t.position)||[]],o.elements)}}else o.elements.push(e);const n=Mt(e.uuid,o.elements),r={type:"addElement",time:Date.now(),content:{method:"addElement",uuid:e.uuid,position:n,element:Ce(e)}};return Se(this,fe,ve).call(this,o),this.refresh(),r}deleteElement(e){const t=this.getData()||{elements:[]},i=Mt(e,t.elements),o=It(i,t.elements),n={type:"deleteElement",time:Date.now(),content:{method:"deleteElement",uuid:e,position:i,element:o?Ce(o):null}};if(o){pe(this,ce).getRenderer().getLoader().resetElementAsset(o)}return function(e,t){li(Mt(e,t),t)}(e,t.elements),Se(this,fe,ve).call(this,t),this.refresh(),n}moveElement(e,t){const i=this.getData()||{elements:[]},o=Mt(e,i.elements),n={type:"moveElement",time:Date.now(),content:{method:"moveElement",uuid:e,from:[...o],to:[...t]}},{elements:r}=function(e,t){const i=[...t.from],o=[...t.to];if(0===i.length||0===o.length)return{elements:e,from:i,to:o};if(i.length<=o.length)for(let t=0;t<i.length;t++)if(o[t]!==i[t]);else if(t===i.length-1)return{elements:e,from:i,to:o};const n=It(i,e);if(n){if(!ri(n,o,e))return{elements:e,from:i,to:o};let t=-1,r=!1;if(i.length>=1&&o.length>=1){if(i.length<=o.length)if(1===i.length)i[0]<o[0]&&(r=!0);else for(let e=0;e<i.length&&i[e]===o[e];e++)if(i.length===i.length-1){r=!0;break}if(i.length>=o.length)if(1===o.length)o[0]<i[0]&&(r=!0);else for(let e=0;e<o.length&&(e===o.length-1&&o[e]<i[e]&&(r=!0),i[e]===o[e]);e++);}if(!0===r)for(let e=0;e<i.length&&o[e]>=0;e++)o[e]!==i[e]&&o[e]<i[e]&&e==o.length-1&&(t=e);t>=0&&(i[t]=i[t]+1),li(i,e)}return{elements:e,from:i,to:o}}(i.elements,{from:o,to:t});return i.elements=r,Se(this,fe,ve).call(this,i),this.refresh(),n}modifyLayout(e){const t=this.getData()||{elements:[]},i={type:"modifyLayout",time:Date.now(),content:{method:"modifyLayout",before:null,after:null}};if(null===e)return t.layout?(i.content.before=Ut(t.layout),delete t.layout,Se(this,fe,ve).call(this,t),this.refresh(),i):i;const o=t.layout;let n={};const r=Ut(e);return t.layout?(Object.keys(r).forEach((e=>{let t=Kt(o,e);void 0===t&&/(borderRadius|borderWidth)\[[0-9]{1,}\]$/.test(e)&&(e=e.replace(/\[[0-9]{1,}\]$/,""),t=Kt(o,e)),n[e]=t})),n=Ut(n),i.content.before=n):t.layout={},i.content.after=r,function(e,t){const i=Ut(t),o=[];Object.keys(i).forEach((t=>{if(!o.includes(t)){const o=i[t];_t(e,t),void 0!==o&&qt(e,t,o)}}))}(t.layout,e),Se(this,fe,ve).call(this,t),this.refresh(),i}modifyGlobal(e){const t=this.getData()||{elements:[]},i={type:"modifyGlobal",time:Date.now(),content:{method:"modifyGlobal",before:null,after:null}};if(null===e)return t.global?(i.content.before=$t(t.global),delete t.global,Se(this,fe,ve).call(this,t),this.refresh(),i):i;const o=t.global;let n={};const r=$t(e);return t.global?(Object.keys(r).forEach((e=>{n[e]=Kt(o,e)})),n=$t(n),i.content.before=n):t.global={},i.content.after=r,function(e,t){const i=$t(t),o=[];Object.keys(i).forEach((t=>{if(!o.includes(t)){const o=i[t];_t(e,t),void 0!==o&&qt(e,t,o)}}))}(t.global,e),Se(this,fe,ve).call(this,t),this.refresh(),i}},e.MiddlewareDragger=e=>{const{eventHub:t,sharer:i,viewer:o}=e;let n=!1;return{name:"@middleware/dragger",hover(){!0!==n&&t.trigger(po.CURSOR,{type:"drag-default"})},pointStart(e){const{point:o}=e;i.setSharedStorage(Bn,o),n=!0,t.trigger(po.CURSOR,{type:"drag-active"})},pointMove(e){const{point:t}=e,n=i.getSharedStorage(Bn);if(t&&n){const e=t.x-n.x,i=t.y-n.y;o.scroll({moveX:e,moveY:i}),o.drawFrame()}i.setSharedStorage(Bn,t)},pointEnd(){n=!1,i.setSharedStorage(Bn,null),t.trigger(po.CURSOR,{type:"drag-default"})}}},e.MiddlewareInfo=(e,t)=>{const{boardContent:i,calculator:o,eventHub:n}=e,{overlayContext:r}=i;let l={...wn,...t},a=!0;const s=({show:e})=>{a=e};return{name:"@middleware/info",use(){n.on(pn,s)},disuse(){n.off(pn,s)},resetConfig(e){l={...l,...e}},beforeDrawFrame({snapshot:e}){var t;const{textBackground:i,textColor:n}=l,s={textBackground:i,textColor:n},{sharedStore:h}=e,c=h[Co],d=h[bo],u=h[Lo]||[];if(1===c.length){const i=c[0];if(i&&["select","drag","resize"].includes(d)){const n=lt(e),l=at(e),{x:h,y:c,w:d,h:f,angle:g}=i,v=[...u,{uuid:Ie(),x:h,y:c,w:d,h:f,angle:g,type:"group",detail:{children:[]}}],m={viewScaleInfo:n,viewSizeInfo:l},y=o.calcViewRectInfoFromOrigin(i.uuid,m);let p=0;v.forEach((e=>{p+=e.angle||0}));const w=st(wt(0-p));if(y){const e=null==y?void 0:y.center,o={topLeft:gt(e,y.topLeft,w),topRight:gt(e,y.topRight,w),bottomRight:gt(e,y.bottomRight,w),bottomLeft:gt(e,y.bottomLeft,w),center:gt(e,y.center,w),top:gt(e,y.top,w),right:gt(e,y.right,w),bottom:gt(e,y.bottom,w),left:gt(e,y.left,w)},n=Ft(i.x,{decimalPlaces:2}),l=Ft(i.y,{decimalPlaces:2}),h=Ft(i.w,{decimalPlaces:2}),c=Ft(i.h,{decimalPlaces:2}),d=`${Ft(n,{decimalPlaces:0})},${Ft(l,{decimalPlaces:0})}`,u=`${Ft(h,{decimalPlaces:0})}x${Ft(c,{decimalPlaces:0})}`,f=`${Ft(i.angle||0,{decimalPlaces:0})}°`;!function(e,t){const{point:i,rotateCenter:o,angle:n,text:r,style:l,fontSize:a,lineHeight:s}=t,{textColor:h,textBackground:c}=l;ht(e,n,o,(()=>{e.$setFont({fontWeight:"300",fontSize:a,fontFamily:yn});const t=(s-a)/2,o=e.$undoPixelRatio(e.measureText(r).width),n={x:i.x-o/2-t,y:i.y},l={x:n.x+o+2*t,y:n.y+a+t},d={x:i.x-o/2,y:i.y};e.setLineDash([]),e.fillStyle=c,e.beginPath(),e.moveTo(n.x,n.y),e.lineTo(l.x,n.y),e.lineTo(l.x,l.y),e.lineTo(n.x,l.y),e.closePath(),e.fill("nonzero"),e.fillStyle=h,e.textBaseline="top",e.fillText(r,d.x,d.y+t)}))}(r,{point:{x:o.bottom.x,y:o.bottom.y+xn},rotateCenter:o.center,angle:p,text:u,fontSize:xn,lineHeight:16,style:s}),function(e,t){const{point:i,rotateCenter:o,angle:n,text:r,style:l,fontSize:a,lineHeight:s}=t,{textBackground:h,textColor:c}=l;ht(e,n,o,(()=>{e.$setFont({fontWeight:"300",fontSize:a,fontFamily:yn});const t=(s-a)/2,o=e.$undoPixelRatio(e.measureText(r).width),n={x:i.x,y:i.y},l={x:n.x+o+2*t,y:n.y+a+t},d={x:i.x+t,y:i.y};e.setLineDash([]),e.fillStyle=h,e.beginPath(),e.moveTo(n.x,n.y),e.lineTo(l.x,n.y),e.lineTo(l.x,l.y),e.lineTo(n.x,l.y),e.closePath(),e.fill("nonzero"),e.fillStyle=c,e.textBaseline="top",e.fillText(r,d.x,d.y+t)}))}(r,{point:{x:o.topLeft.x,y:o.topLeft.y-20},rotateCenter:o.center,angle:p,text:d,fontSize:xn,lineHeight:16,style:s}),a&&!1!==(null==(t=i.operations)?void 0:t.rotatable)&&function(e,t){const{point:i,rotateCenter:o,angle:n,text:r,style:l,fontSize:a,lineHeight:s}=t,{textBackground:h,textColor:c}=l;ht(e,n,o,(()=>{e.$setFont({fontWeight:"300",fontSize:a,fontFamily:yn});const t=(s-a)/2,o=e.$undoPixelRatio(e.measureText(r).width),n={x:i.x,y:i.y},l={x:n.x+o+2*t,y:n.y+a+t},d={x:i.x+t,y:i.y};e.setLineDash([]),e.fillStyle=h,e.beginPath(),e.moveTo(n.x,n.y),e.lineTo(l.x,n.y),e.lineTo(l.x,l.y),e.lineTo(n.x,l.y),e.closePath(),e.fill("nonzero"),e.fillStyle=c,e.textBaseline="top",e.fillText(r,d.x,d.y+t)}))}(r,{point:{x:o.top.x+xn+4,y:o.top.y-20-18},rotateCenter:o.center,angle:p,text:f,fontSize:xn,lineHeight:16,style:s})}}}}}},e.MiddlewareLayoutSelector=(e,t)=>{const{sharer:i,boardContent:o,calculator:n,viewer:r,eventHub:l}=e,{overlayContext:a}=o;let s={...fn,...t},h=null,c=null,d=null,u=null;const f=()=>{h=null,i.setSharedStorage(ln,null),i.setSharedStorage(an,null),i.setSharedStorage(sn,null),i.setSharedStorage(hn,null),i.setSharedStorage(cn,null),i.setSharedStorage(dn,null),i.setSharedStorage(un,null),c=null,d=null},g=()=>{const e=i.getSharedStorage(bo);return!(!e||"area"===e)&&(f(),!0)},v=()=>{const e=i.getActiveStorage("data");if(null==e?void 0:e.layout){const{x:t,y:i,w:o,h:n}=e.layout;return{x:t,y:i,w:o,h:n}}return null},m=e=>{const t=v();if(t){const{x:o,y:n,w:r,h:l}=t;return function(e,t){return Ot(e,Rt(t))}(e,Et({x:o-5,y:n-5,w:r+10,h:l+10},{viewScaleInfo:i.getActiveViewScaleInfo()}))}return!1},y=()=>{const e=i.getActiveViewScaleInfo(),t=v();if(t){const o=Nt(t,{viewScaleInfo:e,controllerSize:10});i.setSharedStorage(sn,o)}else i.setSharedStorage(sn,null)},p=e=>{const t=i.getActiveStorage("data"),o=i.getSharedStorage(sn);let n=null;if(o&&(null==t?void 0:t.layout)&&(null==e?void 0:e.point)){let t=null;if(o){const{topLeft:r,top:a,topRight:s,right:h,bottomRight:c,bottom:d,bottomLeft:u,left:f}=o,g=[r,a,s,h,c,d,u,f];for(let i=0;i<g.length;i++){const o=g[i];if(Ot(e.point,o.vertexes)){t=`${o.type}`;break}}t&&(i.setSharedStorage(an,t),l.trigger(po.CLEAR_SELECT),n=t)}}return n?i.setSharedStorage(cn,!0):i.setSharedStorage(cn,!1),n},w=e=>{!0!==i.getSharedStorage(un)&&l.trigger(po.CURSOR,{type:e?`resize-${e}`:e,groupQueue:[],element:v()})};return{name:"@middleware/layout-selector",use:()=>{f(),y()},resetConfig(e){s={...s,...e}},hover:e=>{if(!0!==i.getSharedStorage(un)&&!g()){if(m(e.point)?i.setSharedStorage(hn,!0):(i.setSharedStorage(hn,!1),!0===c&&(r.drawFrame(),c=!1)),!0===i.getSharedStorage(dn)){const t=i.getSharedStorage(ln),o=i.getActiveStorage("data");if(null==o?void 0:o.layout)if("resize"!==t){y();const t=p(e);t?w(t):(w(),i.setSharedStorage(ln,null))}else{const t=p(e);w(t)}return!0!==i.getSharedStorage(cn)&&void 0}return i.getSharedStorage(hn)&&!c&&r.drawFrame(),c=i.getSharedStorage(hn),!0!==i.getSharedStorage(cn)&&void 0}},pointStart:e=>{if(g())return;m(e.point)?i.setSharedStorage(dn,!0):(!0===d&&(f(),r.drawFrame()),i.setSharedStorage(dn,!1));const t=i.getActiveStorage("data");u=(null==t?void 0:t.layout)?At(t.layout):null,y();const o=p(e);return h=e.point,o&&i.setSharedStorage(ln,"resize"),!0!==i.getSharedStorage(dn)||d||(r.drawFrame(),l.trigger(po.SELECT_LAYOUT)),d=i.getSharedStorage(dn),!0!==i.getSharedStorage(cn)&&void 0},pointMove:e=>{if(!i.getSharedStorage(dn)&&g())return;const t=i.getSharedStorage(ln),o=i.getSharedStorage(an),l=i.getActiveStorage("data");if("resize"===t&&o&&(null==l?void 0:l.layout)){if(h){i.setSharedStorage(un,!0);const t=i.getActiveStorage("scale"),a=e.point.x-h.x,s=e.point.y-h.y,c=a/t,d=s/t,{x:u,y:f,w:g,h:v,operations:m={}}=l.layout,{position:y="absolute"}=m;"top"===o?"relative"===y?(l.layout.h=n.toGridNum(v-d),r.scroll({moveY:s})):(l.layout.y=n.toGridNum(f+d),l.layout.h=n.toGridNum(v-d)):"right"===o?l.layout.w=n.toGridNum(g+c):"bottom"===o?l.layout.h=n.toGridNum(v+d):"left"===o?"relative"===y?(l.layout.w=n.toGridNum(g-c),r.scroll({moveX:a})):(l.layout.x=n.toGridNum(u+c),l.layout.w=n.toGridNum(g-c)):"top-left"===o?"relative"===y?(l.layout.w=n.toGridNum(g-c),l.layout.h=n.toGridNum(v-d),r.scroll({moveX:a,moveY:s})):(l.layout.x=n.toGridNum(u+c),l.layout.y=n.toGridNum(f+d),l.layout.w=n.toGridNum(g-c),l.layout.h=n.toGridNum(v-d)):"top-right"===o?"relative"===y?(r.scroll({moveY:s}),l.layout.w=n.toGridNum(g+c),l.layout.h=n.toGridNum(v-d)):(l.layout.y=n.toGridNum(f+d),l.layout.w=n.toGridNum(g+c),l.layout.h=n.toGridNum(v-d)):"bottom-right"===o?(l.layout.w=n.toGridNum(g+c),l.layout.h=n.toGridNum(v+d)):"bottom-left"===o&&("relative"===y?(r.scroll({moveX:a}),l.layout.w=n.toGridNum(g-c),l.layout.h=n.toGridNum(v+d)):(l.layout.x=n.toGridNum(u+c),l.layout.w=n.toGridNum(g-c),l.layout.h=n.toGridNum(v+d)))}return h=e.point,y(),r.drawFrame(),!1}return!["resize"].includes(t)&&void 0},pointEnd:()=>{i.setSharedStorage(un,!1);const e=i.getSharedStorage(ln),t=i.getSharedStorage(an),o=i.getActiveStorage("data");if(o&&"resize"===e&&t){let e;u&&(e={type:"modifyLayout",time:Date.now(),content:{method:"modifyLayout",before:Ut(u),after:Ut(At(o.layout))}}),l.trigger(po.CHANGE,{type:"dragLayout",data:o,modifyRecord:e})}if(u=null,i.setSharedStorage(ln,null),i.setSharedStorage(an,null),!0===i.getSharedStorage(cn))return!1},beforeDrawFrame:({snapshot:e})=>{var t;if(g())return;const{activeColor:i}=s,o={activeColor:i},{sharedStore:n,activeStore:r}=e,l=n[ln],h=n[hn],c=n[dn];if(null==(t=r.data)?void 0:t.layout){const{x:t,y:i,w:n,h:s}=r.data.layout,d=lt(e),u={x:t,y:i,w:n,h:s},f=Nt(u,{viewScaleInfo:d,controllerSize:10});if(!0===h){const e=Et(u,{viewScaleInfo:d});!function(e,t){const{layoutSize:i,style:o}=t,{activeColor:n}=o,{x:r,y:l,w:a,h:s}=i;e.setLineDash([]),e.strokeStyle=n,e.lineWidth=1,e.beginPath(),e.moveTo(r,l),e.lineTo(r+a,l),e.lineTo(r+a,l+s),e.lineTo(r,l+s),e.lineTo(r,l),e.closePath(),e.stroke()}(a,{layoutSize:e,style:o})}(l&&["resize"].includes(l)||!0===c)&&function(e,t){const{controller:i,style:o}=t,{topLeft:n,topRight:r,bottomLeft:l,bottomRight:a,topMiddle:s,rightMiddle:h,bottomMiddle:c,leftMiddle:d}=i;vn(e,{start:n.center,end:r.center,centerVertexes:s.vertexes,style:o}),vn(e,{start:r.center,end:a.center,centerVertexes:h.vertexes,style:o}),vn(e,{start:a.center,end:l.center,centerVertexes:c.vertexes,style:o}),vn(e,{start:l.center,end:n.center,centerVertexes:d.vertexes,style:o}),gn(e,n.vertexes,o),gn(e,r.vertexes,o),gn(e,a.vertexes,o),gn(e,l.vertexes,o)}(a,{controller:f,style:o})}},scrollX:()=>{f()},scrollY:()=>{f()},wheelScale:()=>{f()}}},e.MiddlewarePointer=e=>{const{boardContent:t,eventHub:i,sharer:o}=e,n=t.boardContext.canvas,r=e.container||document.body,l=`idraw-middleware-pointer-${Math.random().toString(26).substring(2)}`;let a=document.createElement("div");return{name:"@middleware/pointer",use(){a.setAttribute("id",l),a.style.position="fixed",a.style.top="0",a.style.bottom="unset",a.style.left="0",a.style.right="unset",r.appendChild(a)},disuse(){r.removeChild(a),a.remove(),a=null},contextMenu(e){const{point:t}=e,{left:r,top:l}=(()=>{const e=n.getBoundingClientRect(),{left:t,top:i,width:o,height:r}=e;return{left:t,top:i,width:o,height:r}})();a.style.left=`${r+t.x}px`,a.style.top=`${l+t.y}px`;const s=o.getSharedStorage(Co);i.trigger(po.CONTEXT_MENU,{pointerContainer:a,selectedElements:s||[]})}}},e.MiddlewareRuler=(e,t)=>{const{boardContent:i,viewer:o,eventHub:n,calculator:r}=e,{overlayContext:l,underlayContext:a}=i;let s={...Dn,...t},h=!0,c=!0;const d=e=>{"boolean"==typeof(null==e?void 0:e.show)&&(h=e.show),"boolean"==typeof(null==e?void 0:e.showGrid)&&(c=e.showGrid),"boolean"!=typeof(null==e?void 0:e.show)&&"boolean"!=typeof(null==e?void 0:e.showGrid)||o.drawFrame()};return{name:"@middleware/ruler",use(){n.on(po.RULER,d)},disuse(){n.off(po.RULER,d)},resetConfig(e){s={...s,...e}},beforeDrawFrame:({snapshot:e})=>{const{background:t,borderColor:i,scaleColor:o,textColor:n,gridColor:d,gridPrimaryColor:u,selectedAreaColor:f}=s,g={background:t,borderColor:i,scaleColor:o,textColor:n,gridColor:d,gridPrimaryColor:u,selectedAreaColor:f};if(!0===h){const t=lt(e),i=at(e);!function(e,t){const{viewSizeInfo:i,style:o}=t,{width:n,height:r}=i,{background:l,borderColor:a}=o;e.beginPath();const s=-1;e.moveTo(s,s),e.lineTo(n+1,s),e.lineTo(n+1,On),e.lineTo(On,On),e.lineTo(On,r+1),e.lineTo(s,r+1),e.lineTo(s,s),e.closePath(),e.fillStyle=l,e.fill("nonzero"),e.lineWidth=1,e.setLineDash([]),e.strokeStyle=a,e.stroke()}(l,{viewSizeInfo:i,style:g}),function(e,t){const{snapshot:i,calculator:o,style:n}=t,{sharedStore:r}=i,{selectedAreaColor:l}=n,a=r[Co],s=r[bo];if(["select","drag","drag-list","drag-list-end"].includes(s)&&a.length>0){const t=lt(i),n=at(i),r=[],s=[],h=[],c=[],d=[];if(a.forEach((e=>{const i=o.calcViewRectInfoFromRange(e.uuid,{viewScaleInfo:t,viewSizeInfo:n});i&&(r.push(i),s.push(i.left.x),h.push(i.right.x),c.push(i.top.y),d.push(i.bottom.y))})),!(r.length>0))return;const u=Math.min(...s),f=Math.max(...h),g=Math.min(...c),v=Math.max(...d);e.globalAlpha=1,e.beginPath(),e.moveTo(u,0),e.lineTo(f,0),e.lineTo(f,On),e.lineTo(u,On),e.fillStyle=l,e.closePath(),e.fill("nonzero"),e.beginPath(),e.moveTo(0,g),e.lineTo(On,g),e.lineTo(On,v),e.lineTo(0,v),e.fillStyle=l,e.closePath(),e.fill("nonzero")}}(l,{snapshot:e,calculator:r,style:g});const{list:o,rulerUnit:n}=function(e){const{viewScaleInfo:t,viewSizeInfo:i}=e,{scale:o,offsetLeft:n}=t,{width:r}=i;return Yn({scale:o,viewLength:r,viewOffset:n})}({viewScaleInfo:t,viewSizeInfo:i});!function(e,t){const{scaleList:i,style:o}=t,{scaleColor:n,textColor:r}=o;for(let t=0;t<i.length;t++){const o=i[t];o.position<On||(e.beginPath(),e.moveTo(o.position,16),e.lineTo(o.position,o.isKeyNum?3.2:o.isSubKeyNum?6.4:12.8),e.closePath(),e.lineWidth=1,e.setLineDash([]),e.fillStyle=n,e.stroke(),o.isKeyNum&&(e.fillStyle=r,e.textBaseline="top",e.$setFont({fontWeight:100,fontSize:10,fontFamily:Wn}),e.fillText(`${o.num}`,o.position+3.2,3.2)))}}(l,{scaleList:o,style:g});const{list:s}=function(e){const{viewScaleInfo:t,viewSizeInfo:i}=e,{scale:o,offsetTop:n}=t,{height:r}=i;return Yn({scale:o,viewLength:r,viewOffset:n})}({viewScaleInfo:t,viewSizeInfo:i});if(function(e,t){const{scaleList:i,style:o}=t,{scaleColor:n,textColor:r}=o,l=3.2;for(let t=0;t<i.length;t++){const o=i[t];if(!(o.position<On)&&(e.beginPath(),e.moveTo(16,o.position),e.lineTo(o.isKeyNum?3.2:o.isSubKeyNum?6.4:12.8,o.position),e.closePath(),e.fillStyle=n,e.lineWidth=1,e.setLineDash([]),e.stroke(),!0===o.showNum)){const t=l,i=o.position+l,n=`${o.num}`;ht(e,-90,{x:t,y:i},(()=>{e.fillStyle=r,e.textBaseline="top",e.$setFont({fontWeight:100,fontSize:10,fontFamily:Wn}),e.fillText(n,13.2,o.position+l)}))}}}(l,{scaleList:s,style:g}),!0===c){!function(e,t){const{xList:i,yList:o,viewSizeInfo:n,style:r}=t,{width:l,height:a}=n,{gridColor:s,gridPrimaryColor:h}=r;for(let t=0;t<i.length;t++){const o=i[t];e.beginPath(),e.moveTo(o.position,0),e.lineTo(o.position,a),!0===o.isKeyNum||!0===o.isSubKeyNum?e.strokeStyle=h:e.strokeStyle=s,e.closePath(),e.lineWidth=1,e.setLineDash([]),e.stroke()}for(let t=0;t<o.length;t++){const i=o[t];e.beginPath(),e.moveTo(0,i.position),e.lineTo(l,i.position),!0===i.isKeyNum||!0===i.isSubKeyNum?e.strokeStyle=h:e.strokeStyle=s,e.lineWidth=1,e.closePath(),e.stroke()}}(1===n?l:a,{xList:o,yList:s,viewSizeInfo:i,style:g})}}}}},e.MiddlewareScaler=e=>{const{viewer:t,sharer:i,eventHub:o}=e;return{name:"@middleware/scaler",wheelScale(e){const{deltaY:n,point:r}=e,{scale:l}=i.getActiveViewScaleInfo();let a=l;if(n<0?a=1.1*l:n>0&&(a=.9*l),a<.05||a>50)return;const{moveX:s,moveY:h}=t.scale({scale:a,point:r});t.scroll({moveX:s,moveY:h}),t.drawFrame();const c=Ft(l);o.trigger(po.SCALE,{scale:c})}}},e.MiddlewareScroller=(e,t)=>{const{viewer:i,boardContent:o,sharer:n,eventHub:r}=e,{overlayContext:l}=o;n.setSharedStorage(bn,null),n.setSharedStorage(An,null);let a=!1,s={...Tn,...t};const h=()=>{n.setSharedStorage(zn,null),n.setSharedStorage(Rn,null),n.setSharedStorage(Cn,null),n.setSharedStorage(In,null),n.setSharedStorage(Mn,null),a=!1};h();const c=e=>function(e,t,i){let o=null;const{xThumbRect:n,yThumbRect:r}=i;return n&&En(e,t,n)?o="X":r&&En(e,t,r)&&(o="Y"),o}(l,e,{xThumbRect:n.getSharedStorage(bn),yThumbRect:n.getSharedStorage(An)});return{name:"@middleware/scroller",resetConfig(e){s={...s,...e}},wheel:e=>{i.scroll({moveX:0-e.deltaX,moveY:0-e.deltaY}),i.drawFrame()},hover:e=>{if(!0===a)return!1;const{point:t}=e,i=c(t);if("X"===i||"Y"===i)return"X"===i?(n.setSharedStorage(In,!0),n.setSharedStorage(Mn,!1)):(n.setSharedStorage(In,!1),n.setSharedStorage(Mn,!0)),r.trigger(po.CURSOR,{type:"default"}),!1;n.setSharedStorage(In,!1),n.setSharedStorage(Mn,!1)},pointStart:e=>{const{point:t}=e,i=c(t);if("X"===i||"Y"===i)return a=!0,n.setSharedStorage(Cn,i),n.setSharedStorage(zn,t),!1},pointMove:e=>{const{point:t}=e,o=n.getSharedStorage(Cn);if("X"===o||"Y"===o)return n.setSharedStorage(Rn,t),"X"===o?(e=>{const t=n.getSharedStorage(zn);if(t){const{offsetLeft:o,offsetRight:r}=n.getActiveViewScaleInfo(),{width:l}=n.getActiveViewSizeInfo(),a=-(e.x-t.x)*(l+Math.abs(o)+Math.abs(r))/l;i.scroll({moveX:a}),i.drawFrame()}})(t):"Y"===o&&(e=>{const t=n.getSharedStorage(zn);if(t){const{offsetTop:o,offsetBottom:r}=n.getActiveViewScaleInfo(),{height:l}=n.getActiveViewSizeInfo(),a=-(e.y-t.y)*(l+Math.abs(o)+Math.abs(r))/l;i.scroll({moveY:a}),i.drawFrame()}})(t),n.setSharedStorage(zn,t),!1},pointEnd:()=>{a=!1;const e=n.getSharedStorage(Cn);if(h(),"X"===e||"Y"===e)return i.scroll({moveX:0,moveY:0}),i.drawFrame(),!1},beforeDrawFrame({snapshot:e}){const{thumbBackground:t,thumbBorderColor:i,hoverThumbBackground:o,hoverThumbBorderColor:r,activeThumbBackground:a,activeThumbBorderColor:h}=s,c={thumbBackground:t,thumbBorderColor:i,hoverThumbBackground:o,hoverThumbBorderColor:r,activeThumbBackground:a,activeThumbBorderColor:h},{xThumbRect:d,yThumbRect:u}=kn(l,{snapshot:e,style:c});n.setSharedStorage(bn,d),n.setSharedStorage(An,u)}}},e.MiddlewareSelector=(e,t)=>{let i={...jo,...t};const{viewer:o,sharer:n,boardContent:r,calculator:l,eventHub:a}=e,{overlayContext:s}=r;let h=null,c=[],d=null,u=null,f=null,g=null,v=mn({fill:i.activeColor,devicePixelRatio:n.getActiveViewSizeInfo().devicePixelRatio});n.setSharedStorage(bo,null),n.setSharedStorage(Do,!0);const m=()=>n.getSharedStorage(Co),y=e=>{let t=n.getSharedStorage(Lo);Array.isArray(t)||(t=[]),t.length>0?!function(e,t){var i;if("group"===(null==t?void 0:t.type)&&Array.isArray(null==(i=null==t?void 0:t.detail)?void 0:i.children))for(let i=0;i<t.detail.children.length;i++){const o=t.detail.children[i];if(e.uuid===o.uuid)return!0}return!1}(e,t[t.length-1])?t=[]:t.push(e):0===t.length&&t.push(e);const i=Ct(t);return n.setSharedStorage(Lo,t),n.setSharedStorage(ko,i),t.length>0},p=e=>{n.setSharedStorage(zo,e);let t=null;e&&(t=Tt(e,{groupQueue:n.getSharedStorage(Lo)})),n.setSharedStorage(Ro,t)},w=()=>{const e=n.getSharedStorage(Co);if(1===e.length){const t=Yt(e[0],{groupQueue:n.getSharedStorage(Lo),controllerSize:10,viewScaleInfo:n.getActiveViewScaleInfo(),rotateControllerPosition:22,rotateControllerSize:20});n.setSharedStorage(Eo,t)}},x=(e,t)=>{var i;if(n.setSharedStorage(Co,e),1===e.length?(w(),n.setSharedStorage(Po,Mt(e[0].uuid,(null==(i=n.getActiveStorage("data"))?void 0:i.elements)||[]))):(n.setSharedStorage(Eo,null),n.setSharedStorage(Po,[])),!0===(null==t?void 0:t.triggerEvent)){const t=e.map((e=>e.uuid)),i=n.getActiveStorage("data"),o=function(e,t){const i=[],o={};let n=!1;const r=t=>{var l;for(let a=0;a<t.length&&!0!==n;a++){i.push(a);const s=t[a];if(e.includes(s.uuid)){if(o[s.uuid]=[...i],Object.keys(o).length===e.length){n=!0;break}}else"group"===s.type&&r((null===(l=null==s?void 0:s.detail)||void 0===l?void 0:l.children)||[]);if(n)break;i.pop()}};return r(t),o}(t,(null==i?void 0:i.elements)||[]);a.trigger(po.SELECT,{type:"clickCanvas",uuids:t,positions:e.map((e=>[...o[e.uuid]]))})}},S=()=>({ctx:s,calculator:l,data:n.getActiveStorage("data"),selectedElements:m(),viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo(),groupQueue:n.getSharedStorage(Lo),areaSize:null,selectedElementController:n.getSharedStorage(Eo),selectedElementPosition:n.getSharedStorage(Po)}),b=()=>{n.setSharedStorage(bo,null),n.setSharedStorage(Ao,null),n.setSharedStorage(Io,null),n.setSharedStorage(Mo,null),n.setSharedStorage(Lo,[]),n.setSharedStorage(ko,[]),n.setSharedStorage(zo,null),n.setSharedStorage(Ro,null),n.setSharedStorage(Co,[]),n.setSharedStorage(To,null),n.setSharedStorage(Eo,null),n.setSharedStorage(Po,[]),n.setSharedStorage(Oo,null)};b();const A=({uuids:e=[],positions:t})=>{let i=[];const r=n.getSharedStorage(bo),l=n.getActiveStorage("data");i=t&&Array.isArray(t)?function(e,t){const i=[];return e.forEach((e=>{const o=It(e,t);o&&i.push(o)})),i}(t,(null==l?void 0:l.elements)||[]):function(e,t){const i=[];return function t(o){var n;for(let r=0;r<o.length;r++){const l=o[r];e.includes(l.uuid)?i.push(l):"group"===l.type&&t((null===(n=null==l?void 0:l.detail)||void 0===n?void 0:n.children)||[])}}(t),i}(e,(null==l?void 0:l.elements)||[]);let a=!1;if(r||1!==i.length?"select"===r&&1===i.length&&(a=!0):(n.setSharedStorage(bo,"select"),a=!0),a){const e=function(e,t){const i=[];return function e(t,o){var n;let r=null;for(let l=0;l<o.length;l++){const a=o[l];if(a.uuid===t){r=a;break}if(!r&&"group"===a.type){i.push(a);const o=e(t,(null===(n=null==a?void 0:a.detail)||void 0===n?void 0:n.children)||[]);if((null==o?void 0:o.uuid)===t){r=o;break}i.pop()}}return r}(e,t),i}(i[0].uuid,(null==l?void 0:l.elements)||[]);n.setSharedStorage(Lo,e),x(i),o.drawFrame()}},I=()=>{b(),o.drawFrame()},M=e=>{n.setSharedStorage(Do,!!e.enable)},z=e=>{n.setSharedStorage(Wo,!!e.enable)};return{name:"@middleware/selector",use(){a.on(po.SELECT,A),a.on(po.CLEAR_SELECT,I),a.on(po.SELECT_IN_GROUP,z),a.on(po.SNAP_TO_GRID,M)},disuse(){a.off(po.SELECT,A),a.off(po.CLEAR_SELECT,I),a.off(po.SELECT_IN_GROUP,z),a.off(po.SNAP_TO_GRID,M),b(),i=null},resetConfig(e){i={...i,...e}},hover:e=>{var t,i,r,l,h;const c=n.getSharedStorage(dn);if(!0===n.getSharedStorage(un))return;const d=n.getSharedStorage(Ao),u=n.getSharedStorage(bo),g=n.getSharedStorage(Lo),v=e=>{if(!0===c)return;const t=e.type;null===f&&a.trigger(po.CURSOR,{type:t,groupQueue:e.groupQueue,element:e.elements[0]})};if((null==g?void 0:g.length)>0){if(!Jo(e.point,{ctx:s,viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo(),groupQueue:n.getSharedStorage(Lo)}))return p(null),void o.drawFrame();const i=Ko(e.point,S());return v(i),d||["area","drag","drag-list"].includes(u)?(p(null),void o.drawFrame()):1===(null==(t=null==i?void 0:i.elements)?void 0:t.length)?(p(i.elements[0]),void o.drawFrame()):(p(null),void o.drawFrame())}if(d||["area","drag","drag-list"].includes(u))return void p(null);if("drag"===u)return void p(null);const y=m(),w=n.getActiveViewScaleInfo();n.getActiveViewSizeInfo();const x=Ko(e.point,{...S(),areaSize:_o(y,{viewScaleInfo:w})});if(v(x),null!==x.type){if(!("over-element"===x.type&&"select"===n.getSharedStorage(bo)&&1===x.elements.length&&x.elements[0].uuid===(null==(r=null==(i=m())?void 0:i[0])?void 0:r.uuid)||"over-element"===x.type&&null===n.getSharedStorage(bo)&&1===x.elements.length&&x.elements[0].uuid===(null==(l=n.getSharedStorage(zo))?void 0:l.uuid)))return"over-element"===x.type&&1===(null==(h=null==x?void 0:x.elements)?void 0:h.length)?(p(x.elements[0]),void o.drawFrame()):n.getSharedStorage(zo)?(p(null),void o.drawFrame()):void 0}else(n.getSharedStorage(zo)||n.getSharedStorage(Ro))&&(n.setSharedStorage(zo,null),n.setSharedStorage(Ro,null),o.drawFrame())},pointStart:e=>{var t,i,r,l,a,f,g,v,y,w,A,I;h=e.point,d=e.point;const M=n.getSharedStorage(Lo);if((null==M?void 0:M.length)>0){if(Jo(e.point,{ctx:s,viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo(),groupQueue:M})){const o=Ko(e.point,S()),s=1===(null==(t=null==o?void 0:o.elements)?void 0:t.length)&&!0===(null==(r=null==(i=o.elements[0])?void 0:i.operations)?void 0:r.locked);p(null),1===(null==(l=null==o?void 0:o.elements)?void 0:l.length)&&(u=At(null==o?void 0:o.elements[0])),!0===s?b():"over-element"===o.type&&1===(null==(a=null==o?void 0:o.elements)?void 0:a.length)?(x([o.elements[0]],{triggerEvent:!0}),n.setSharedStorage(bo,"drag"),c=[{...At(null==o?void 0:o.elements[0]),uuid:null==o?void 0:o.elements[0].uuid}]):(null==(f=o.type)?void 0:f.startsWith("resize-"))?(n.setSharedStorage(Ao,o.type),n.setSharedStorage(bo,"resize")):x([],{triggerEvent:!0})}else b();return void o.drawFrame()}const z=_o(m(),{viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo()}),R=Ko(e.point,{...S(),areaSize:z,groupQueue:[]}),C=1===(null==(g=null==R?void 0:R.elements)?void 0:g.length)&&!0===(null==(y=null==(v=R.elements[0])?void 0:v.operations)?void 0:y.locked);p(null),1===(null==(w=null==R?void 0:R.elements)?void 0:w.length)&&(u=At(null==R?void 0:R.elements[0])),!0===C?(b(),n.setSharedStorage(bo,"area"),n.setSharedStorage(Io,e.point),x([],{triggerEvent:!0})):"list-area"===R.type?n.setSharedStorage(bo,"drag-list"):"over-element"===R.type&&1===(null==(A=null==R?void 0:R.elements)?void 0:A.length)?(x([R.elements[0]],{triggerEvent:!0}),n.setSharedStorage(bo,"drag"),c=[{...At(null==R?void 0:R.elements[0]),uuid:null==R?void 0:R.elements[0].uuid}]):(null==(I=R.type)?void 0:I.startsWith("resize-"))?(n.setSharedStorage(Ao,R.type),n.setSharedStorage(bo,"resize")):(b(),n.setSharedStorage(bo,"area"),n.setSharedStorage(Io,e.point),x([],{triggerEvent:!0})),o.drawFrame()},pointMove:e=>{var t,i,r;n.setSharedStorage(Oo,!0);const s=n.getActiveStorage("data"),c=m(),v=n.getActiveStorage("scale")||1,y=n.getActiveViewScaleInfo(),p=n.getActiveViewSizeInfo(),w=h,S=d,b=e.point,A=n.getSharedStorage(Ao),I=n.getSharedStorage(bo),M=n.getSharedStorage(Lo),z=n.getSharedStorage(Do);if("drag"===I){if(g=!0,f="drag",a.trigger(pn,{show:!1}),s&&1===(null==c?void 0:c.length)&&u&&S&&b&&!0!==(null==(i=null==(t=c[0])?void 0:t.operations)?void 0:i.locked)){const{moveX:e,moveY:t}=function(e,t,i){let o=t.x-e.x,n=t.y-e.y;const r=[];if(i.forEach((e=>{const{x:t,y:i,w:o,h:n,angle:l=0}=e;r.push({x:t,y:i,w:o,h:n,angle:0-l})})),(null==i?void 0:i.length)>0){const i=vt(e,r),l=vt(t,r);o=l.x-i.x,n=l.y-i.y}return{moveX:o,moveY:n}}(S,b,M);let i=l.toGridNum(e/v),o=l.toGridNum(t/v);if(!0===z){const e=nn(c[0].uuid,{calculator:l,data:s,groupQueue:M,viewScaleInfo:y,viewSizeInfo:p});try{e&&(Be.x(e.offsetX)&&null!==e.offsetX&&(i=l.toGridNum(i+e.offsetX)),Be.y(e.offsetY)&&null!==e.offsetY&&(o=l.toGridNum(o+e.offsetY)))}catch(e){console.error(e)}}c[0].x=l.toGridNum(u.x+i),c[0].y=l.toGridNum(u.y+o),x([c[0]]),l.modifyVirtualFlatItemMap(s,{modifyInfo:{type:"updateElement",content:{element:c[0],position:n.getSharedStorage(Po)||[]}},viewSizeInfo:p,viewScaleInfo:y})}o.drawFrame()}else if("drag-list"===I){if(g=!0,f="drag-list",s&&S&&w&&b&&(null==c?void 0:c.length)>1){const e=(b.x-w.x)/v,t=(b.y-w.y)/v;c.forEach((i=>{var o;i&&!0!==(null==(o=null==i?void 0:i.operations)?void 0:o.locked)&&(i.x=l.toGridNum(i.x+e),i.y=l.toGridNum(i.y+t),l.modifyVirtualFlatItemMap(s,{modifyInfo:{type:"updateElement",content:{element:i,position:Mt(i.uuid,s.elements)||[]}},viewSizeInfo:p,viewScaleInfo:y}))})),n.setActiveStorage("data",s)}o.drawFrame()}else if("resize"===I){if(s&&1===(null==c?void 0:c.length)&&S&&u&&(null==A?void 0:A.startsWith("resize-"))){g=!0,f="resize";const e=[];M.forEach((t=>{const{x:i,y:o,w:n,h:r,angle:l=0}=t;e.push({x:i,y:o,w:n,h:r,angle:0-l})}));let t=S,i=b;if(M.length>0&&(t=vt(S,e),i=vt(b,e)),"resize-rotate"===A){const e=n.getSharedStorage(Eo),t=ut([e.topLeft.center,e.topRight.center,e.bottomLeft.center,e.bottomRight.center]),i=qo(u,{center:t,viewScaleInfo:y,start:S,end:b});c[0].angle=l.toGridNum(i.angle||0)}else{const e=function(e,t){var i,o,n,r,l,a,s,h,c;let{x:d,y:u,w:f,h:g,angle:v=0}=e;const m=dt({x:d,y:u,w:f,h:g});v=wt(v);const y=st(v),p=!!(null==(i=null==e?void 0:e.operations)?void 0:i.limitRatio),{start:w,end:x,resizeType:S,scale:b}=t;let A={...w},I={...x},M={x:A.x,y:m.y},z={x:I.x,y:m.y},R={...M},C={...z},T={x:m.x,y:A.y},E={x:m.x,y:I.y},P={...T},L={...E},k=(C.x-R.x)/b,O=(C.y-R.y)/b,W=Qo(k,O),D=(L.x-P.x)/b,j=(L.y-P.y)/b,Y=Qo(D,j);(v>0||v<0)&&(A=gt(m,w,0-y),I=gt(m,x,0-y),M={x:A.x,y:m.y},z={x:I.x,y:m.y},R=gt(m,M,y),C=gt(m,z,y),T={x:m.x,y:A.y},E={x:m.x,y:I.y},P=gt(m,T,y),L=gt(m,E,y),k=(C.x-R.x)/b,O=(C.y-R.y)/b,W=Qo(k,O),W=Uo(W,O),D=(L.x-P.x)/b,j=(L.y-P.y)/b,Y=Qo(D,j),Y=Uo(Y,j));let N=(x.x-w.x)/b,B=(x.y-w.y)/b;if(!0===p)if(["resize-top","resize-bottom","resize-left","resize-right"].includes(S)){const t=Math.max(Math.abs(N),Math.abs(B));N=(N>=0?1:-1)*t,B=(B>=0?1:-1)*t/e.w*e.h;const i=Math.max(Math.abs(D),Math.abs(j));D=(D>=0?1:-1)*i,j=(j>=0?1:-1)*i/e.w*e.h;const o=Math.max(Math.abs(k),Math.abs(O));k=(k>=0?1:-1)*o,O=(O>=0?1:-1)*o/e.w*e.h}else if(["resize-top-left","resize-top-right","resize-bottom-left","resize-bottom-right"].includes(S)){{const t=Math.abs(N);N=(N>=0?1:-1)*t;const i=t/e.w*e.h;"resize-top-left"===S||"resize-bottom-right"===S?B=N>0?i:-i:"resize-top-right"!==S&&"resize-bottom-left"!==S||(B=N>0?-i:i)}W=Math.abs(W),Y=W/e.w*e.h}switch(S){case"resize-top":if(0===v)g-B>0&&(u+=B,g-=B,!0===(null==(o=e.operations)?void 0:o.limitRatio)&&(d+=B/e.h*e.w/2,f-=B/e.h*e.w));else if(v>0||v<0){let t=m.x,i=m.y;if(v<90){Y=0-Uo(Y,j);const e=Zo(v),o=Y/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}else if(v<180){Y=Uo(Y,D);const e=Zo(v-90),o=Y/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}else if(v<270){Y=Uo(Y,j);const e=Zo(v-180),o=Y/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}else if(v<360){Y=0-Uo(Y,D);const e=Zo(v-270),o=Y/2;t-=o*Math.cos(e),i-=o*Math.sin(e)}g+Y>0&&(!0===(null==(n=e.operations)?void 0:n.limitRatio)&&(f+=Y/e.h*e.w),g+=Y,d=t-f/2,u=i-g/2)}break;case"resize-bottom":if(0===v)e.h+B>0&&(g+=B,!0===(null==(r=e.operations)?void 0:r.limitRatio)&&(d-=B/e.h*e.w/2,f+=B/e.h*e.w));else if(v>0||v<0){let t=m.x,i=m.y;if(v<90){Y=Uo(Y,j);const e=Zo(v),o=Y/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}else if(v<180){Y=0-Uo(Y,D);const e=Zo(v-90),o=Y/2;t-=o*Math.cos(e),i-=o*Math.sin(e)}else if(v<270){Y=Uo(Y,D);const e=Zo(v-180),o=Y/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}else if(v<360){Y=Uo(Y,D);const e=Zo(v-270),o=Y/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}g+Y>0&&(!0===(null==(l=e.operations)?void 0:l.limitRatio)&&(f+=Y/e.h*e.w),g+=Y,d=t-f/2,u=i-g/2)}break;case"resize-left":if(0===v)e.w-N>0&&(d+=N,f-=N,!0===(null==(a=e.operations)?void 0:a.limitRatio)&&(g-=N/e.w*e.h,u+=N/e.w*e.h/2));else if(v>0||v<0){let t=m.x,i=m.y;if(v<90){W=0-Uo(W,k);const e=Zo(v),o=W/2;t-=o*Math.cos(e),i-=o*Math.sin(e)}else if(v<180){W=Uo(W,k);const e=Zo(v-90),o=W/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}else if(v<270){W=Uo(W,O);const e=Zo(v-180),o=W/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}else if(v<360){W=Uo(W,O);const e=Zo(v-270),o=W/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}f+W>0&&(!0===(null==(s=e.operations)?void 0:s.limitRatio)&&(g+=W/e.w*e.h),f+=W,d=t-f/2,u=i-g/2)}break;case"resize-right":if(0===v)e.w+N>0&&(f+=N,!0===(null==(h=e.operations)?void 0:h.limitRatio)&&(u-=N*e.h/e.w/2,g+=N*e.h/e.w));else if(v>0||v<0){let t=m.x,i=m.y;if(v<90){W=Uo(W,O);const e=Zo(v),o=W/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}else if(v<180){W=Uo(W,B);const e=Zo(v-90),o=W/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}else if(v<270){W=Uo(W,B);const e=Zo(v-180),o=W/2;t+=o*Math.cos(e),i+=o*Math.sin(e),W=0-W}else if(v<360){W=Uo(W,N);const e=Zo(v-270),o=W/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}f+W>0&&(!0===(null==(c=e.operations)?void 0:c.limitRatio)&&(g+=W/e.w*e.h),f+=W,d=t-f/2,u=i-g/2)}break;case"resize-top-left":if(0===v)f-N>0&&(d+=N,f-=N),g-B>0&&(u+=B,g-=B);else if(v>0||v<0){let e=m.x,t=m.y;if(v<90){Y=0-Uo(Y,j),W=0-Uo(W,p?0-Y:k);const i=Y/2;e+=i*Math.sin(y),t-=i*Math.cos(y);const o=W/2;e-=o*Math.cos(y),t-=o*Math.sin(y)}else if(v<180){Y=Uo(Y,D),W=Uo(W,p?Y:k);const i=Zo(v-90),o=Y/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=W/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}else if(v<270){Y=Uo(Y,j),W=Uo(W,p?Y:O);const i=Zo(v-180),o=Y/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=W/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<360){Y=0-Uo(Y,D),W=Uo(W,p?Y:O);const i=Zo(v-270),o=Y/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=W/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}g+Y>0&&(g+=Y),f+W>0&&(f+=W),d=e-f/2,u=t-g/2}break;case"resize-top-right":if(0===v)f+N>0&&(f+=N),g-B>0&&(u+=B,g-=B);else if(v>0||v<0){let e=m.x,t=m.y;if(v<90){Y=0-Uo(Y,j),W=Uo(W,p?Y:O);const i=Zo(v),o=Y/2;e+=o*Math.sin(i),t-=o*Math.cos(i);const n=W/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<180){Y=Uo(Y,D),W=Uo(W,p?Y:O);const i=Zo(v-90),o=Y/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=W/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}else if(v<270){const i=Zo(v-180);Y=Uo(Y,j),W=Uo(W,p?Y:0-k);const o=Y/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=W/2;e-=n*Math.cos(i),t-=n*Math.sin(i)}else if(v<360){Y=0-Uo(Y,D),W=Uo(W,p?Y:k);const i=Zo(v-270),o=Y/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=W/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}g+Y>0&&(g+=Y),f+W>0&&(f+=W),d=e-f/2,u=t-g/2}break;case"resize-bottom-left":if(0===v)e.h+B>0&&(g+=B),e.w-N>0&&(d+=N,f-=N);else if(v>0||v<0){let e=m.x,t=m.y;if(v<90){Y=Uo(Y,j),W=0-Uo(W,p?0-Y:k);const i=Zo(v),o=Y/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=W/2;e-=n*Math.cos(i),t-=n*Math.sin(i)}else if(v<180){Y=0-Uo(Y,D),W=Uo(W,p?Y:k);const i=Zo(v-90),o=Y/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=W/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}else if(v<270){Y=Uo(Y,D),W=Uo(W,p?Y:O);const i=Zo(v-180),o=Y/2;e+=o*Math.sin(i),t-=o*Math.cos(i);const n=W/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<360){Y=Uo(Y,D),W=Uo(W,p?Y:O);const i=Zo(v-270),o=Y/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=W/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}g+Y>0&&(g+=Y),f+W>0&&(f+=W),d=e-f/2,u=t-g/2}break;case"resize-bottom-right":if(0===v)e.h+B>0&&(g+=B),e.w+N>0&&(f+=N);else if(v>0||v<0){let e=m.x,t=m.y;if(v<90){Y=Uo(Y,j),W=Uo(W,p?Y:O);const i=Zo(v),o=Y/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=W/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<180){Y=0-Uo(Y,D),W=Uo(W,p?Y:B);const i=Zo(v-90),o=Y/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=W/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}else if(v<270){Y=Uo(Y,D),W=Uo(W,p?Y:0-O);const i=Zo(v-180),o=Y/2;e+=o*Math.sin(i),t-=o*Math.cos(i);const n=W/2;e-=n*Math.cos(i),t-=n*Math.sin(i)}else if(v<360){Y=Uo(Y,D),W=Uo(W,p?Y:k);const i=Zo(v-270),o=Y/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=W/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}g+Y>0&&(g+=Y),f+W>0&&(f+=W),d=e-f/2,u=t-g/2}}return{x:d,y:u,w:f,h:g,angle:e.angle}}({...u,operations:c[0].operations},{scale:v,start:t,end:i,resizeType:A}),o={ignore:!!u.angle};c[0].x=l.toGridNum(e.x,o),c[0].y=l.toGridNum(e.y,o),"group"===c[0].type&&!0===(null==(r=c[0].operations)?void 0:r.deepResize)?oi(c[0],{w:l.toGridNum(e.w,o),h:l.toGridNum(e.h,o)}):(c[0].w=l.toGridNum(e.w,o),c[0].h=l.toGridNum(e.h,o))}x([c[0]]),l.modifyVirtualFlatItemMap(s,{modifyInfo:{type:"updateElement",content:{element:c[0],position:n.getSharedStorage(Po)||[]}},viewSizeInfo:p,viewScaleInfo:y}),o.drawFrame()}}else"area"===I&&(f="area",n.setSharedStorage(Mo,e.point),o.drawFrame());h=e.point},pointEnd(e){f=null,n.setSharedStorage(Oo,!1);const t=n.getActiveStorage("data"),i=n.getSharedStorage(Co),r=n.getSharedStorage(zo),s=n.getSharedStorage(Ao),v=n.getSharedStorage(bo),m=n.getActiveViewSizeInfo();let y=!1;if(h=null,d=null,u=null,"drag"===v&&a.trigger(pn,{show:!0}),"resize"===v&&s)n.setSharedStorage(Ao,null),y=!0;else if("area"===v){if(n.setSharedStorage(bo,null),t){const e=n.getSharedStorage(Io),i=n.getSharedStorage(Mo);if(e&&i){const{elements:o}=function(e,t){var i;const o=[],n=[],r=[],{viewScaleInfo:l,start:a,end:s}=t;if(!(Array.isArray(e.elements)&&a&&s))return{indexes:o,uuids:n,elements:r};const h=Math.min(a.x,s.x),c=Math.max(a.x,s.x),d=Math.min(a.y,s.y),u=Math.max(a.y,s.y);for(let t=0;t<e.elements.length;t++){const a=e.elements[t];if(!0===(null==(i=null==a?void 0:a.operations)?void 0:i.locked))continue;const s=Et(a,{viewScaleInfo:l}),f=dt(s);if(f.x>=h&&f.x<=c&&f.y>=d&&f.y<=u&&(o.push(t),n.push(a.uuid),r.push(a),s.angle&&(s.angle>0||s.angle<0))){const e=yt(s);if(4===e.length){const t=[e[0].x,e[1].x,e[2].x,e[3].x],i=[e[0].y,e[1].y,e[2].y,e[3].y];s.x=Math.min(...t),s.y=Math.min(...i),s.w=Math.abs(Math.max(...t)-Math.min(...t)),s.h=Math.abs(Math.max(...i)-Math.min(...i))}}}return{indexes:o,uuids:n,elements:r}}(t,{start:e,end:i,viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo()});o.length>0&&(n.setSharedStorage(bo,"drag-list"),x(o,{triggerEvent:!0}),y=!0)}}}else if("drag-list"===v)n.setSharedStorage(bo,"drag-list-end"),y=!0;else if(t){l.getPointElement(e.point,{data:t,viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo()}).element?(n.setSharedStorage(bo,"select"),y=!0):n.setSharedStorage(bo,null)}null===n.getSharedStorage(bo)&&(b(),y=!0);(()=>{if(y){if(t&&Array.isArray(null==t?void 0:t.elements)&&["drag","drag-list"].includes(v)){const e=function(e,t,i){const o=St(e,{viewWidth:t.width,viewHeight:t.height,extend:null==i?void 0:i.extend});return!0===(null==i?void 0:i.extend)&&(o.contextWidth=Math.max(o.contextWidth,t.contextWidth),o.contextHeight=Math.max(o.contextHeight,t.contextHeight)),{contextSize:o}}(t.elements,m,{extend:!0});n.setActiveStorage("contextHeight",e.contextSize.contextHeight),n.setActiveStorage("contextWidth",e.contextSize.contextWidth)}if(t&&["drag","drag-list","drag-list-end","resize"].includes(v)){let e="dragElement";if(g){const o=c[0];let n;1===i.length?n={type:"dragElement",time:0,content:{method:"modifyElement",uuid:o.uuid,before:Qt(o),after:Qt(At(i[0]))}}:i.length>1&&(n={type:"dragElements",time:0,content:{method:"modifyElements",before:c.map((e=>({...Qt(e),uuid:e.uuid}))),after:i.map((e=>({...Qt(At(e)),uuid:e.uuid})))}}),a.trigger(po.CHANGE,{data:t,type:e,selectedElements:i,hoverElement:r,modifyRecord:n}),g=!1}}o.drawFrame()}})()},pointLeave(){f=null,n.setSharedStorage(Ao,null),a.trigger(po.CURSOR,{type:"default"})},doubleClick(e){var t,i,r,l,s,h,c,d;if(!1===n.getSharedStorage(Wo))return;const u=Ko(e.point,S());if(n.setSharedStorage(Eo,null),n.setSharedStorage(Co,[]),1!==u.elements.length||!0!==(null==(i=null==(t=u.elements[0])?void 0:t.operations)?void 0:i.locked)){if(1===u.elements.length&&"group"===(null==(r=u.elements[0])?void 0:r.type)){if(!0===y(u.elements[0]))return n.setSharedStorage(bo,null),void o.drawFrame()}else 1!==u.elements.length||"text"!==(null==(l=u.elements[0])?void 0:l.type)||(null==(h=null==(s=u.elements[0])?void 0:s.operations)?void 0:h.invisible)||a.trigger(po.TEXT_EDIT,{element:u.elements[0],groupQueue:n.getSharedStorage(Lo)||[],position:Mt(null==(c=u.elements[0])?void 0:c.uuid,(null==(d=n.getActiveStorage("data"))?void 0:d.elements)||[]),viewScaleInfo:n.getActiveViewScaleInfo()});n.setSharedStorage(bo,null)}},wheel(){w()},wheelScale(){w()},contextMenu:e=>{var t,i,r,l,a,h,c,d;const u=n.getSharedStorage(Lo);if((null==u?void 0:u.length)>0){if(Jo(e.point,{ctx:s,viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo(),groupQueue:u})){const n=Ko(e.point,S());1===(null==(t=null==n?void 0:n.elements)?void 0:t.length)&&!0!==(null==(r=null==(i=n.elements[0])?void 0:i.operations)?void 0:r.locked)?(b(),x([n.elements[0]],{triggerEvent:!0}),o.drawFrame()):(null==(l=null==n?void 0:n.elements)?void 0:l.length)||b()}return}const f=_o(m(),{viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo()}),g=Ko(e.point,{...S(),areaSize:f,groupQueue:[]});if(1===(null==(a=null==g?void 0:g.elements)?void 0:a.length)&&!0!==(null==(c=null==(h=g.elements[0])?void 0:h.operations)?void 0:c.locked))return b(),x([g.elements[0]],{triggerEvent:!0}),void o.drawFrame();(null==(d=null==g?void 0:g.elements)?void 0:d.length)||b()},beforeDrawFrame({snapshot:t}){var o;const{activeColor:n,activeAreaColor:r,lockedColor:a,referenceColor:h}=i,c={activeColor:n,activeAreaColor:r,lockedColor:a,referenceColor:h},{activeStore:d,sharedStore:u}=t,{scale:f,offsetLeft:g,offsetTop:y,offsetRight:p,offsetBottom:w,width:x,height:S,contextHeight:b,contextWidth:A,devicePixelRatio:I}=d;v.fill!==n&&(v=mn({fill:i.activeColor,devicePixelRatio:I}));const M=e.sharer,z={scale:f,offsetLeft:g,offsetTop:y,offsetRight:p,offsetBottom:w},R={width:x,height:S,contextHeight:b,contextWidth:A,devicePixelRatio:I},C=u[Co],T=C[0],E=u[zo],P=u[Ro],L=u[bo],k=u[Io],O=u[Mo],W=u[Lo],D=u[ko],j=u[Oo],Y=u[Do],N={calculator:l,viewScaleInfo:z,viewSizeInfo:R,style:c};let B=u[Eo];var F,G;B&&1===C.length&&T&&(F=T,G=B.originalElementSize,(F.x!==G.x||F.y!==G.y||F.h!==G.h||F.w!==G.w||wt(F.angle||0)!==wt(G.angle||0))&&(B=Yt(T,{groupQueue:W||[],controllerSize:10,viewScaleInfo:z,rotateControllerPosition:22,rotateControllerSize:20}),M.setSharedStorage(Eo,B)));const V=!!(null==(o=null==E?void 0:E.operations)?void 0:o.locked);if((null==W?void 0:W.length)>0){if(function(e,t,i){const{style:o}=i,{activeColor:n}=o;for(let o=0;o<t.length;o++){const r={borderColor:n,borderWidth:2,background:"transparent",lineDash:[4,4]};Yo(e,Lt(t[o],i),r)}}(s,D,N),E&&"drag"!==L&&(V?Vo(s,P,{...N,controller:B,style:c}):Go(s,P,N)),T&&["select","drag","resize"].includes(L)&&(Xo(s,B,{...N,element:T,hideControllers:!!j&&"drag"===L,rotateControllerPattern:v.context2d,style:c}),"drag"===L&&!0===Y)){const e=nn(T.uuid,{calculator:l,data:d.data,groupQueue:W,viewScaleInfo:z,viewSizeInfo:R});if(e){const{offsetX:t,offsetY:i,xLines:o,yLines:n}=e;0!==t&&0!==i||Ho(s,{xLines:o,yLines:n,style:c})}}}else if(E&&"drag"!==L&&(V?Vo(s,P,{...N,controller:B,style:c}):Go(s,P,N)),T&&["select","drag","resize"].includes(L)){if(Xo(s,B,{...N,element:T,hideControllers:!!j&&"drag"===L,rotateControllerPattern:v.context2d,style:c}),"drag"===L&&!0===Y){const e=nn(T.uuid,{calculator:l,data:d.data,groupQueue:W,viewScaleInfo:z,viewSizeInfo:R});if(e){const{offsetX:t,offsetY:i,xLines:o,yLines:n}=e;0!==t&&0!==i||Ho(s,{xLines:o,yLines:n,style:c})}}}else if("area"===L&&k&&O)!function(e,t){const{start:i,end:o,style:n}=t,{activeColor:r,activeAreaColor:l}=n;e.setLineDash([]),e.lineWidth=1,e.strokeStyle=r,e.fillStyle=l,e.beginPath(),e.moveTo(i.x,i.y),e.lineTo(o.x,i.y),e.lineTo(o.x,o.y),e.lineTo(i.x,o.y),e.closePath(),e.stroke(),e.fill("nonzero")}(s,{start:k,end:O,style:c});else if(["drag-list","drag-list-end"].includes(L)){const e=_o(m(),{viewScaleInfo:M.getActiveViewScaleInfo(),viewSizeInfo:M.getActiveViewSizeInfo()});e&&function(e,t){const{areaSize:i,style:o}=t,{activeColor:n,activeAreaColor:r}=o,{x:l,y:a,w:s,h:h}=i;e.setLineDash([]),e.lineWidth=1,e.strokeStyle=n,e.fillStyle=r,e.beginPath(),e.moveTo(l,a),e.lineTo(l+s,a),e.lineTo(l+s,a+h),e.lineTo(l,a+h),e.closePath(),e.stroke(),e.fill("nonzero")}(s,{areaSize:e,style:c})}}}},e.MiddlewareTextEditor=e=>{const{eventHub:t,boardContent:i,viewer:o,sharer:n,calculator:r}=e,l=i.boardContext.canvas,a=e.container||document.body;let s=document.createElement("div");s.setAttribute("contenteditable","true");let h=document.createElement("div"),c=document.createElement("div"),d=null,u=[],f="";const g=`idraw-middleware-text-editor-${Math.random().toString(26).substring(2)}`;c.setAttribute("id",g),h.appendChild(s),h.style.position="absolute",c.appendChild(h),c.style.position="fixed",c.style.top="0",c.style.bottom="0",c.style.left="0",c.style.right="0",c.style.display="none",a.appendChild(c);const v=()=>{if(null==d?void 0:d.uuid){const e=n.getActiveOverrideElemenentMap();e&&delete e[d.uuid],n.setActiveOverrideElemenentMap(e),o.drawFrame()}c.style.display="none",d=null,u=[]},m=e=>{const{size:t,parent:i}=e,o=document.createElement("div"),{x:n,y:r,w:l,h:a}=t,s=wt(t.angle||0);return o.style.position="absolute",o.style.left=`${n}px`,o.style.top=`${r}px`,o.style.width=`${l}px`,o.style.height=`${a}px`,o.style.transform=`rotate(${s}deg)`,i.appendChild(o),o},y=e=>{const{viewScaleInfo:t,element:i,groupQueue:o}=e,{scale:n,offsetTop:r,offsetLeft:l}=t;h.children&&Array.from(h.children).forEach((e=>{e.remove()}));let a=h;for(let e=0;e<o.length;e++){const t=o[e],{x:i,y:s,w:h,h:c}=t,d={x:i*n,y:s*n,w:h*n,h:c*n,angle:wt(t.angle||0)};0===e&&(d.x+=l,d.y+=r),a=m({size:d,parent:a})}const c={...Nn,...i.detail};let d=i.x*n+l,u=i.y*n+r,f=i.w*n,g=i.h*n;o.length>0&&(d=i.x*n,u=i.y*n,f=i.w*n,g=i.h*n);let v="center",y="center";"left"===c.textAlign?v="start":"right"===c.textAlign&&(v="end"),"top"===c.verticalAlign?y="start":"bottom"===c.verticalAlign&&(y="end"),s.style.display="inline-flex",s.style.justifyContent=v,s.style.alignItems=y,s.style.position="absolute",s.style.left=d-1+"px",s.style.top=u-1+"px",s.style.width=`${f+2}px`,s.style.height=`${g+2}px`,s.style.transform=`rotate(${wt(i.angle||0)}deg)`,s.style.boxSizing="border-box",s.style.border="1px solid #1973ba",s.style.resize="none",s.style.overflow="hidden",s.style.wordBreak="break-all",s.style.borderRadius=("number"==typeof c.borderRadius?c.borderRadius:0)*n+"px",s.style.background=`${c.background||"transparent"}`,s.style.color=`${c.color||"#333333"}`,s.style.fontSize=c.fontSize*n+"px",s.style.lineHeight=(c.lineHeight||c.fontSize)*n+"px",s.style.fontFamily=di(c.fontFamily),s.style.fontWeight=`${c.fontWeight}`,s.style.padding="0",s.style.margin="0",s.style.outline="none",s.innerText=c.text||"",a.appendChild(s)},p=()=>{const{left:e,top:t,width:i,height:o}=(()=>{const e=l.getBoundingClientRect(),{left:t,top:i,width:o,height:n}=e;return{left:t,top:i,width:o,height:n}})();h.style.position="absolute",h.style.overflow="hidden",h.style.top=`${t}px`,h.style.left=`${e}px`,h.style.width=`${i}px`,h.style.height=`${o}px`},w=()=>{v()},x=e=>{e.stopPropagation()},S=()=>{d&&u&&(d.detail.text=s.innerText||"",t.trigger(po.TEXT_CHANGE,{element:{uuid:d.uuid,detail:{text:d.detail.text}},position:[...u||[]]}),r.modifyText(d),o.drawFrame())},b=()=>{if(d&&u){d.detail.text=s.innerText||"",t.trigger(po.TEXT_CHANGE,{element:{uuid:d.uuid,detail:{text:d.detail.text}},position:[...u]});const e=n.getActiveStorage("data")||{elements:[]},i={detail:{text:d.detail.text}};si(d.uuid,i,e.elements),t.trigger(po.CHANGE,{selectedElements:[{...d,detail:{...d.detail,...i.detail}}],data:e,type:"modifyElement",modifyRecord:{type:"modifyElement",time:Date.now(),content:{method:"modifyElement",uuid:d.uuid,before:{"detail.text":f},after:{"detail.text":d.detail.text}}}}),r.modifyText(d),o.drawFrame()}v()},A=e=>{e.stopPropagation()},I=e=>{e.stopPropagation()},M=e=>{e.stopPropagation()},z=e=>{e.stopPropagation(),e.preventDefault()};c.addEventListener("click",w),s.addEventListener("click",x),s.addEventListener("input",S),s.addEventListener("blur",b),s.addEventListener("keydown",A),s.addEventListener("keypress",I),s.addEventListener("keyup",M),s.addEventListener("wheel",z);const R=e=>{var t;(null==e?void 0:e.position)&&(null==e?void 0:e.element)&&"text"===(null==(t=null==e?void 0:e.element)?void 0:t.type)&&(d=e.element,u=e.position),(e=>{p(),y(e),c.style.display="block",f="",(null==d?void 0:d.uuid)&&(n.setActiveOverrideElemenentMap({[d.uuid]:{operations:{invisible:!0}}}),f=d.detail.text||"",o.drawFrame())})(e)};return{name:"@middleware/text-editor",use(){t.on(po.TEXT_EDIT,R)},disuse(){t.off(po.TEXT_EDIT,R),c.removeEventListener("click",w),s.removeEventListener("click",x),s.removeEventListener("input",S),s.removeEventListener("blur",b),s.removeEventListener("keydown",A),s.removeEventListener("keypress",I),s.removeEventListener("keyup",M),s.removeEventListener("wheel",z),h.removeChild(s),c.removeChild(h),a.removeChild(c),s.remove(),h.remove(),c=null,s=null,h=null,c=null,d=null,u=null,f=null}}},e.Sharer=co,e.coreEventKeys=po,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),e}({});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@idraw/core",
|
|
3
|
-
"version": "0.4.0-beta.
|
|
3
|
+
"version": "0.4.0-beta.43",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/esm/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -21,12 +21,12 @@
|
|
|
21
21
|
"author": "idrawjs",
|
|
22
22
|
"license": "MIT",
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@idraw/types": "^0.4.0-beta.
|
|
24
|
+
"@idraw/types": "^0.4.0-beta.43"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {},
|
|
27
27
|
"peerDependencies": {
|
|
28
|
-
"@idraw/renderer": "^0.4.0-beta.
|
|
29
|
-
"@idraw/util": "^0.4.0-beta.
|
|
28
|
+
"@idraw/renderer": "^0.4.0-beta.43",
|
|
29
|
+
"@idraw/util": "^0.4.0-beta.43"
|
|
30
30
|
},
|
|
31
31
|
"publishConfig": {
|
|
32
32
|
"access": "public",
|