@idraw/core 0.4.0-beta.31 → 0.4.0-beta.32
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/middleware/layout-selector/config.d.ts +2 -2
- package/dist/esm/middleware/layout-selector/config.js +3 -2
- package/dist/esm/middleware/layout-selector/index.d.ts +2 -2
- package/dist/esm/middleware/layout-selector/index.js +7 -4
- package/dist/esm/middleware/layout-selector/util.d.ts +3 -2
- package/dist/esm/middleware/layout-selector/util.js +19 -64
- package/dist/esm/middleware/selector/index.js +0 -1
- package/dist/index.global.js +33 -67
- package/dist/index.global.min.js +1 -1
- package/package.json +5 -5
|
@@ -1,9 +1,9 @@
|
|
|
1
|
+
import type { MiddlewareLayoutSelectorStyle } from '@idraw/types';
|
|
1
2
|
export declare const key = "LAYOUT_SELECT";
|
|
2
3
|
export declare const keyLayoutActionType: unique symbol;
|
|
3
4
|
export declare const keyLayoutControlType: unique symbol;
|
|
4
5
|
export declare const keyLayoutController: unique symbol;
|
|
5
6
|
export declare const keyLayoutIsHover: unique symbol;
|
|
6
7
|
export declare const keyLayoutIsSelected: unique symbol;
|
|
7
|
-
export declare const selectColor = "#b331c9";
|
|
8
|
-
export declare const disableColor = "#5b5959b5";
|
|
9
8
|
export declare const controllerSize = 10;
|
|
9
|
+
export declare const defaultStyle: MiddlewareLayoutSelectorStyle;
|
|
@@ -4,6 +4,7 @@ export const keyLayoutControlType = Symbol(`${key}_layoutControlType`);
|
|
|
4
4
|
export const keyLayoutController = Symbol(`${key}_layoutController`);
|
|
5
5
|
export const keyLayoutIsHover = Symbol(`${key}_layoutIsHover`);
|
|
6
6
|
export const keyLayoutIsSelected = Symbol(`${key}_layoutIsSelected`);
|
|
7
|
-
export const selectColor = '#b331c9';
|
|
8
|
-
export const disableColor = '#5b5959b5';
|
|
9
7
|
export const controllerSize = 10;
|
|
8
|
+
export const defaultStyle = {
|
|
9
|
+
activeColor: '#b331c9'
|
|
10
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { BoardMiddleware } from '@idraw/types';
|
|
1
|
+
import type { BoardMiddleware, MiddlewareLayoutSelectorConfig } from '@idraw/types';
|
|
2
2
|
import type { LayoutSelectorSharedStorage } from './types';
|
|
3
3
|
import { keyLayoutIsSelected } from './config';
|
|
4
4
|
export { keyLayoutIsSelected };
|
|
5
|
-
export declare const MiddlewareLayoutSelector: BoardMiddleware<LayoutSelectorSharedStorage>;
|
|
5
|
+
export declare const MiddlewareLayoutSelector: BoardMiddleware<LayoutSelectorSharedStorage, any, MiddlewareLayoutSelectorConfig>;
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
import { calcLayoutSizeController, isViewPointInVertexes, getViewScaleInfoFromSnapshot, isViewPointInElementSize, calcViewElementSize } from '@idraw/util';
|
|
2
|
-
import { keyLayoutActionType, keyLayoutController, keyLayoutControlType, keyLayoutIsHover, keyLayoutIsSelected, controllerSize } from './config';
|
|
2
|
+
import { keyLayoutActionType, keyLayoutController, keyLayoutControlType, keyLayoutIsHover, keyLayoutIsSelected, controllerSize, defaultStyle } from './config';
|
|
3
3
|
import { keyActionType as keyElementActionType, keyHoverElement, middlewareEventSelectClear } from '../selector';
|
|
4
4
|
import { drawLayoutController, drawLayoutHover } from './util';
|
|
5
5
|
import { eventChange } from '../../config';
|
|
6
6
|
export { keyLayoutIsSelected };
|
|
7
|
-
export const MiddlewareLayoutSelector = (opts) => {
|
|
7
|
+
export const MiddlewareLayoutSelector = (opts, config) => {
|
|
8
8
|
const { sharer, boardContent, calculator, viewer, eventHub } = opts;
|
|
9
9
|
const { overlayContext } = boardContent;
|
|
10
|
+
const innerConfig = Object.assign(Object.assign({}, defaultStyle), config);
|
|
11
|
+
const { activeColor } = innerConfig;
|
|
12
|
+
const style = { activeColor };
|
|
10
13
|
let prevPoint = null;
|
|
11
14
|
let prevIsHover = null;
|
|
12
15
|
let prevIsSelected = null;
|
|
@@ -312,10 +315,10 @@ export const MiddlewareLayoutSelector = (opts) => {
|
|
|
312
315
|
const controller = calcLayoutSizeController(size, { viewScaleInfo, controllerSize });
|
|
313
316
|
if (layoutIsHover === true) {
|
|
314
317
|
const viewSize = calcViewElementSize(size, { viewScaleInfo });
|
|
315
|
-
drawLayoutHover(overlayContext, { layoutSize: viewSize });
|
|
318
|
+
drawLayoutHover(overlayContext, { layoutSize: viewSize, style });
|
|
316
319
|
}
|
|
317
320
|
if ((layoutActionType && ['resize'].includes(layoutActionType)) || layoutIsSelected === true) {
|
|
318
|
-
drawLayoutController(overlayContext, { controller,
|
|
321
|
+
drawLayoutController(overlayContext, { controller, style });
|
|
319
322
|
}
|
|
320
323
|
}
|
|
321
324
|
},
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import type { ViewContext2D, LayoutSizeController,
|
|
1
|
+
import type { ViewContext2D, LayoutSizeController, ElementSize, MiddlewareLayoutSelectorStyle } from '@idraw/types';
|
|
2
2
|
export declare function drawLayoutController(ctx: ViewContext2D, opts: {
|
|
3
3
|
controller: LayoutSizeController;
|
|
4
|
-
|
|
4
|
+
style: MiddlewareLayoutSelectorStyle;
|
|
5
5
|
}): void;
|
|
6
6
|
export declare function drawLayoutHover(ctx: ViewContext2D, opts: {
|
|
7
7
|
layoutSize: ElementSize;
|
|
8
|
+
style: MiddlewareLayoutSelectorStyle;
|
|
8
9
|
}): void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
function drawControllerBox(ctx, boxVertexes, style) {
|
|
2
|
+
const { activeColor } = style;
|
|
3
3
|
ctx.setLineDash([]);
|
|
4
4
|
ctx.fillStyle = '#FFFFFF';
|
|
5
5
|
ctx.beginPath();
|
|
@@ -9,7 +9,7 @@ function drawControllerBox(ctx, boxVertexes) {
|
|
|
9
9
|
ctx.lineTo(boxVertexes[3].x, boxVertexes[3].y);
|
|
10
10
|
ctx.closePath();
|
|
11
11
|
ctx.fill();
|
|
12
|
-
ctx.strokeStyle =
|
|
12
|
+
ctx.strokeStyle = activeColor;
|
|
13
13
|
ctx.lineWidth = 2;
|
|
14
14
|
ctx.beginPath();
|
|
15
15
|
ctx.moveTo(boxVertexes[0].x, boxVertexes[0].y);
|
|
@@ -19,26 +19,11 @@ function drawControllerBox(ctx, boxVertexes) {
|
|
|
19
19
|
ctx.closePath();
|
|
20
20
|
ctx.stroke();
|
|
21
21
|
}
|
|
22
|
-
function drawControllerCross(ctx, opts) {
|
|
23
|
-
const { vertexes, strokeStyle, lineWidth } = opts;
|
|
24
|
-
ctx.setLineDash([]);
|
|
25
|
-
ctx.strokeStyle = strokeStyle;
|
|
26
|
-
ctx.lineWidth = lineWidth;
|
|
27
|
-
ctx.beginPath();
|
|
28
|
-
ctx.moveTo(vertexes[0].x, vertexes[0].y);
|
|
29
|
-
ctx.lineTo(vertexes[2].x, vertexes[2].y);
|
|
30
|
-
ctx.closePath();
|
|
31
|
-
ctx.stroke();
|
|
32
|
-
ctx.beginPath();
|
|
33
|
-
ctx.moveTo(vertexes[1].x, vertexes[1].y);
|
|
34
|
-
ctx.lineTo(vertexes[3].x, vertexes[3].y);
|
|
35
|
-
ctx.closePath();
|
|
36
|
-
ctx.stroke();
|
|
37
|
-
}
|
|
38
22
|
function drawControllerLine(ctx, opts) {
|
|
39
|
-
const { start, end,
|
|
40
|
-
const
|
|
41
|
-
const
|
|
23
|
+
const { start, end, style } = opts;
|
|
24
|
+
const { activeColor } = style;
|
|
25
|
+
const lineWidth = 2;
|
|
26
|
+
const strokeStyle = activeColor;
|
|
42
27
|
ctx.setLineDash([]);
|
|
43
28
|
ctx.strokeStyle = strokeStyle;
|
|
44
29
|
ctx.lineWidth = lineWidth;
|
|
@@ -47,55 +32,25 @@ function drawControllerLine(ctx, opts) {
|
|
|
47
32
|
ctx.lineTo(end.x, end.y);
|
|
48
33
|
ctx.closePath();
|
|
49
34
|
ctx.stroke();
|
|
50
|
-
if (disabled === true) {
|
|
51
|
-
drawControllerCross(ctx, {
|
|
52
|
-
vertexes: centerVertexes,
|
|
53
|
-
lineWidth,
|
|
54
|
-
strokeStyle
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
35
|
}
|
|
58
36
|
export function drawLayoutController(ctx, opts) {
|
|
59
|
-
const { controller,
|
|
37
|
+
const { controller, style } = opts;
|
|
60
38
|
const { topLeft, topRight, bottomLeft, bottomRight, topMiddle, rightMiddle, bottomMiddle, leftMiddle } = controller;
|
|
61
|
-
drawControllerLine(ctx, { start: topLeft.center, end: topRight.center, centerVertexes: topMiddle.vertexes,
|
|
62
|
-
drawControllerLine(ctx, { start: topRight.center, end: bottomRight.center, centerVertexes: rightMiddle.vertexes,
|
|
63
|
-
drawControllerLine(ctx, { start: bottomRight.center, end: bottomLeft.center, centerVertexes: bottomMiddle.vertexes,
|
|
64
|
-
drawControllerLine(ctx, { start: bottomLeft.center, end: topLeft.center, centerVertexes: leftMiddle.vertexes,
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
if ((operations === null || operations === void 0 ? void 0 : operations.disabledTopLeft) === true) {
|
|
70
|
-
drawControllerCross(ctx, Object.assign({ vertexes: topLeft.vertexes }, disabledOpts));
|
|
71
|
-
}
|
|
72
|
-
else {
|
|
73
|
-
drawControllerBox(ctx, topLeft.vertexes);
|
|
74
|
-
}
|
|
75
|
-
if ((operations === null || operations === void 0 ? void 0 : operations.disabledTopRight) === true) {
|
|
76
|
-
drawControllerCross(ctx, Object.assign({ vertexes: topRight.vertexes }, disabledOpts));
|
|
77
|
-
}
|
|
78
|
-
else {
|
|
79
|
-
drawControllerBox(ctx, topRight.vertexes);
|
|
80
|
-
}
|
|
81
|
-
if ((operations === null || operations === void 0 ? void 0 : operations.disabledBottomRight) === true) {
|
|
82
|
-
drawControllerCross(ctx, Object.assign({ vertexes: bottomRight.vertexes }, disabledOpts));
|
|
83
|
-
}
|
|
84
|
-
else {
|
|
85
|
-
drawControllerBox(ctx, bottomRight.vertexes);
|
|
86
|
-
}
|
|
87
|
-
if ((operations === null || operations === void 0 ? void 0 : operations.disabledBottomLeft) === true) {
|
|
88
|
-
drawControllerCross(ctx, Object.assign({ vertexes: bottomLeft.vertexes }, disabledOpts));
|
|
89
|
-
}
|
|
90
|
-
else {
|
|
91
|
-
drawControllerBox(ctx, bottomLeft.vertexes);
|
|
92
|
-
}
|
|
39
|
+
drawControllerLine(ctx, { start: topLeft.center, end: topRight.center, centerVertexes: topMiddle.vertexes, style });
|
|
40
|
+
drawControllerLine(ctx, { start: topRight.center, end: bottomRight.center, centerVertexes: rightMiddle.vertexes, style });
|
|
41
|
+
drawControllerLine(ctx, { start: bottomRight.center, end: bottomLeft.center, centerVertexes: bottomMiddle.vertexes, style });
|
|
42
|
+
drawControllerLine(ctx, { start: bottomLeft.center, end: topLeft.center, centerVertexes: leftMiddle.vertexes, style });
|
|
43
|
+
drawControllerBox(ctx, topLeft.vertexes, style);
|
|
44
|
+
drawControllerBox(ctx, topRight.vertexes, style);
|
|
45
|
+
drawControllerBox(ctx, bottomRight.vertexes, style);
|
|
46
|
+
drawControllerBox(ctx, bottomLeft.vertexes, style);
|
|
93
47
|
}
|
|
94
48
|
export function drawLayoutHover(ctx, opts) {
|
|
95
|
-
const { layoutSize } = opts;
|
|
49
|
+
const { layoutSize, style } = opts;
|
|
50
|
+
const { activeColor } = style;
|
|
96
51
|
const { x, y, w, h } = layoutSize;
|
|
97
52
|
ctx.setLineDash([]);
|
|
98
|
-
ctx.strokeStyle =
|
|
53
|
+
ctx.strokeStyle = activeColor;
|
|
99
54
|
ctx.lineWidth = 1;
|
|
100
55
|
ctx.beginPath();
|
|
101
56
|
ctx.moveTo(x, y);
|
|
@@ -101,7 +101,6 @@ export const MiddlewareSelector = (opts, config) => {
|
|
|
101
101
|
sharer.setSharedStorage(keySelectedElementController, null);
|
|
102
102
|
sharer.setSharedStorage(keySelectedElementPosition, []);
|
|
103
103
|
sharer.setSharedStorage(keyIsMoving, null);
|
|
104
|
-
sharer.setSharedStorage(keyEnableSelectInGroup, null);
|
|
105
104
|
};
|
|
106
105
|
clear();
|
|
107
106
|
const selectCallback = ({ uuids, positions }) => {
|
package/dist/index.global.js
CHANGED
|
@@ -4603,7 +4603,7 @@ var __privateMethod = (obj, member, method) => {
|
|
|
4603
4603
|
const activeAreaColor = "#1976d21c";
|
|
4604
4604
|
const lockedColor = "#5b5959b5";
|
|
4605
4605
|
const referenceColor = "#f7276e";
|
|
4606
|
-
const defaultStyle$
|
|
4606
|
+
const defaultStyle$3 = {
|
|
4607
4607
|
activeColor,
|
|
4608
4608
|
activeAreaColor,
|
|
4609
4609
|
lockedColor,
|
|
@@ -6095,10 +6095,12 @@ var __privateMethod = (obj, member, method) => {
|
|
|
6095
6095
|
const keyLayoutController = Symbol(`${key$2}_layoutController`);
|
|
6096
6096
|
const keyLayoutIsHover = Symbol(`${key$2}_layoutIsHover`);
|
|
6097
6097
|
const keyLayoutIsSelected = Symbol(`${key$2}_layoutIsSelected`);
|
|
6098
|
-
const selectColor = "#b331c9";
|
|
6099
|
-
const disableColor = "#5b5959b5";
|
|
6100
6098
|
const controllerSize = 10;
|
|
6101
|
-
|
|
6099
|
+
const defaultStyle$2 = {
|
|
6100
|
+
activeColor: "#b331c9"
|
|
6101
|
+
};
|
|
6102
|
+
function drawControllerBox(ctx, boxVertexes, style) {
|
|
6103
|
+
const { activeColor: activeColor2 } = style;
|
|
6102
6104
|
ctx.setLineDash([]);
|
|
6103
6105
|
ctx.fillStyle = "#FFFFFF";
|
|
6104
6106
|
ctx.beginPath();
|
|
@@ -6108,7 +6110,7 @@ var __privateMethod = (obj, member, method) => {
|
|
|
6108
6110
|
ctx.lineTo(boxVertexes[3].x, boxVertexes[3].y);
|
|
6109
6111
|
ctx.closePath();
|
|
6110
6112
|
ctx.fill();
|
|
6111
|
-
ctx.strokeStyle =
|
|
6113
|
+
ctx.strokeStyle = activeColor2;
|
|
6112
6114
|
ctx.lineWidth = 2;
|
|
6113
6115
|
ctx.beginPath();
|
|
6114
6116
|
ctx.moveTo(boxVertexes[0].x, boxVertexes[0].y);
|
|
@@ -6118,26 +6120,11 @@ var __privateMethod = (obj, member, method) => {
|
|
|
6118
6120
|
ctx.closePath();
|
|
6119
6121
|
ctx.stroke();
|
|
6120
6122
|
}
|
|
6121
|
-
function drawControllerCross(ctx, opts) {
|
|
6122
|
-
const { vertexes, strokeStyle, lineWidth } = opts;
|
|
6123
|
-
ctx.setLineDash([]);
|
|
6124
|
-
ctx.strokeStyle = strokeStyle;
|
|
6125
|
-
ctx.lineWidth = lineWidth;
|
|
6126
|
-
ctx.beginPath();
|
|
6127
|
-
ctx.moveTo(vertexes[0].x, vertexes[0].y);
|
|
6128
|
-
ctx.lineTo(vertexes[2].x, vertexes[2].y);
|
|
6129
|
-
ctx.closePath();
|
|
6130
|
-
ctx.stroke();
|
|
6131
|
-
ctx.beginPath();
|
|
6132
|
-
ctx.moveTo(vertexes[1].x, vertexes[1].y);
|
|
6133
|
-
ctx.lineTo(vertexes[3].x, vertexes[3].y);
|
|
6134
|
-
ctx.closePath();
|
|
6135
|
-
ctx.stroke();
|
|
6136
|
-
}
|
|
6137
6123
|
function drawControllerLine(ctx, opts) {
|
|
6138
|
-
const { start, end,
|
|
6139
|
-
const
|
|
6140
|
-
const
|
|
6124
|
+
const { start, end, style } = opts;
|
|
6125
|
+
const { activeColor: activeColor2 } = style;
|
|
6126
|
+
const lineWidth = 2;
|
|
6127
|
+
const strokeStyle = activeColor2;
|
|
6141
6128
|
ctx.setLineDash([]);
|
|
6142
6129
|
ctx.strokeStyle = strokeStyle;
|
|
6143
6130
|
ctx.lineWidth = lineWidth;
|
|
@@ -6146,51 +6133,25 @@ var __privateMethod = (obj, member, method) => {
|
|
|
6146
6133
|
ctx.lineTo(end.x, end.y);
|
|
6147
6134
|
ctx.closePath();
|
|
6148
6135
|
ctx.stroke();
|
|
6149
|
-
if (disabled === true) {
|
|
6150
|
-
drawControllerCross(ctx, {
|
|
6151
|
-
vertexes: centerVertexes,
|
|
6152
|
-
lineWidth,
|
|
6153
|
-
strokeStyle
|
|
6154
|
-
});
|
|
6155
|
-
}
|
|
6156
6136
|
}
|
|
6157
6137
|
function drawLayoutController(ctx, opts) {
|
|
6158
|
-
const { controller,
|
|
6138
|
+
const { controller, style } = opts;
|
|
6159
6139
|
const { topLeft, topRight, bottomLeft, bottomRight, topMiddle, rightMiddle, bottomMiddle, leftMiddle } = controller;
|
|
6160
|
-
drawControllerLine(ctx, { start: topLeft.center, end: topRight.center, centerVertexes: topMiddle.vertexes,
|
|
6161
|
-
drawControllerLine(ctx, { start: topRight.center, end: bottomRight.center, centerVertexes: rightMiddle.vertexes,
|
|
6162
|
-
drawControllerLine(ctx, { start: bottomRight.center, end: bottomLeft.center, centerVertexes: bottomMiddle.vertexes,
|
|
6163
|
-
drawControllerLine(ctx, { start: bottomLeft.center, end: topLeft.center, centerVertexes: leftMiddle.vertexes,
|
|
6164
|
-
|
|
6165
|
-
|
|
6166
|
-
|
|
6167
|
-
|
|
6168
|
-
if ((operations == null ? void 0 : operations.disabledTopLeft) === true) {
|
|
6169
|
-
drawControllerCross(ctx, { vertexes: topLeft.vertexes, ...disabledOpts });
|
|
6170
|
-
} else {
|
|
6171
|
-
drawControllerBox(ctx, topLeft.vertexes);
|
|
6172
|
-
}
|
|
6173
|
-
if ((operations == null ? void 0 : operations.disabledTopRight) === true) {
|
|
6174
|
-
drawControllerCross(ctx, { vertexes: topRight.vertexes, ...disabledOpts });
|
|
6175
|
-
} else {
|
|
6176
|
-
drawControllerBox(ctx, topRight.vertexes);
|
|
6177
|
-
}
|
|
6178
|
-
if ((operations == null ? void 0 : operations.disabledBottomRight) === true) {
|
|
6179
|
-
drawControllerCross(ctx, { vertexes: bottomRight.vertexes, ...disabledOpts });
|
|
6180
|
-
} else {
|
|
6181
|
-
drawControllerBox(ctx, bottomRight.vertexes);
|
|
6182
|
-
}
|
|
6183
|
-
if ((operations == null ? void 0 : operations.disabledBottomLeft) === true) {
|
|
6184
|
-
drawControllerCross(ctx, { vertexes: bottomLeft.vertexes, ...disabledOpts });
|
|
6185
|
-
} else {
|
|
6186
|
-
drawControllerBox(ctx, bottomLeft.vertexes);
|
|
6187
|
-
}
|
|
6140
|
+
drawControllerLine(ctx, { start: topLeft.center, end: topRight.center, centerVertexes: topMiddle.vertexes, style });
|
|
6141
|
+
drawControllerLine(ctx, { start: topRight.center, end: bottomRight.center, centerVertexes: rightMiddle.vertexes, style });
|
|
6142
|
+
drawControllerLine(ctx, { start: bottomRight.center, end: bottomLeft.center, centerVertexes: bottomMiddle.vertexes, style });
|
|
6143
|
+
drawControllerLine(ctx, { start: bottomLeft.center, end: topLeft.center, centerVertexes: leftMiddle.vertexes, style });
|
|
6144
|
+
drawControllerBox(ctx, topLeft.vertexes, style);
|
|
6145
|
+
drawControllerBox(ctx, topRight.vertexes, style);
|
|
6146
|
+
drawControllerBox(ctx, bottomRight.vertexes, style);
|
|
6147
|
+
drawControllerBox(ctx, bottomLeft.vertexes, style);
|
|
6188
6148
|
}
|
|
6189
6149
|
function drawLayoutHover(ctx, opts) {
|
|
6190
|
-
const { layoutSize } = opts;
|
|
6150
|
+
const { layoutSize, style } = opts;
|
|
6151
|
+
const { activeColor: activeColor2 } = style;
|
|
6191
6152
|
const { x: x2, y: y2, w: w2, h: h2 } = layoutSize;
|
|
6192
6153
|
ctx.setLineDash([]);
|
|
6193
|
-
ctx.strokeStyle =
|
|
6154
|
+
ctx.strokeStyle = activeColor2;
|
|
6194
6155
|
ctx.lineWidth = 1;
|
|
6195
6156
|
ctx.beginPath();
|
|
6196
6157
|
ctx.moveTo(x2, y2);
|
|
@@ -6201,9 +6162,15 @@ var __privateMethod = (obj, member, method) => {
|
|
|
6201
6162
|
ctx.closePath();
|
|
6202
6163
|
ctx.stroke();
|
|
6203
6164
|
}
|
|
6204
|
-
const MiddlewareLayoutSelector = (opts) => {
|
|
6165
|
+
const MiddlewareLayoutSelector = (opts, config) => {
|
|
6205
6166
|
const { sharer, boardContent, calculator, viewer, eventHub } = opts;
|
|
6206
6167
|
const { overlayContext } = boardContent;
|
|
6168
|
+
const innerConfig = {
|
|
6169
|
+
...defaultStyle$2,
|
|
6170
|
+
...config
|
|
6171
|
+
};
|
|
6172
|
+
const { activeColor: activeColor2 } = innerConfig;
|
|
6173
|
+
const style = { activeColor: activeColor2 };
|
|
6207
6174
|
let prevPoint = null;
|
|
6208
6175
|
let prevIsHover = null;
|
|
6209
6176
|
let prevIsSelected = null;
|
|
@@ -6495,10 +6462,10 @@ var __privateMethod = (obj, member, method) => {
|
|
|
6495
6462
|
const controller = calcLayoutSizeController(size, { viewScaleInfo, controllerSize });
|
|
6496
6463
|
if (layoutIsHover === true) {
|
|
6497
6464
|
const viewSize = calcViewElementSize(size, { viewScaleInfo });
|
|
6498
|
-
drawLayoutHover(overlayContext, { layoutSize: viewSize });
|
|
6465
|
+
drawLayoutHover(overlayContext, { layoutSize: viewSize, style });
|
|
6499
6466
|
}
|
|
6500
6467
|
if (layoutActionType && ["resize"].includes(layoutActionType) || layoutIsSelected === true) {
|
|
6501
|
-
drawLayoutController(overlayContext, { controller,
|
|
6468
|
+
drawLayoutController(overlayContext, { controller, style });
|
|
6502
6469
|
}
|
|
6503
6470
|
}
|
|
6504
6471
|
},
|
|
@@ -6515,7 +6482,7 @@ var __privateMethod = (obj, member, method) => {
|
|
|
6515
6482
|
};
|
|
6516
6483
|
const MiddlewareSelector = (opts, config) => {
|
|
6517
6484
|
const innerConfig = {
|
|
6518
|
-
...defaultStyle$
|
|
6485
|
+
...defaultStyle$3,
|
|
6519
6486
|
...config
|
|
6520
6487
|
};
|
|
6521
6488
|
const { activeColor: activeColor2, activeAreaColor: activeAreaColor2, lockedColor: lockedColor2, referenceColor: referenceColor2 } = innerConfig;
|
|
@@ -6605,7 +6572,6 @@ var __privateMethod = (obj, member, method) => {
|
|
|
6605
6572
|
sharer.setSharedStorage(keySelectedElementController, null);
|
|
6606
6573
|
sharer.setSharedStorage(keySelectedElementPosition, []);
|
|
6607
6574
|
sharer.setSharedStorage(keyIsMoving, null);
|
|
6608
|
-
sharer.setSharedStorage(keyEnableSelectInGroup, null);
|
|
6609
6575
|
};
|
|
6610
6576
|
clear();
|
|
6611
6577
|
const selectCallback = ({ uuids, positions }) => {
|
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,f,u,g,v,m,w,y,p,x,S=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},b=(e,t,i)=>(S(e,t,"read from private field"),i?i.call(e):t.get(e)),I=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},A=(e,t,i,o)=>(S(e,t,"write to private field"),o?o.call(e,i):t.set(e,i),i),M=(e,t,i)=>(S(e,t,"access private method"),i);function z(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 R(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 P(){function e(){return(65536*(1+Math.random())|0).toString(16).substring(1)}return`${e()}${e()}-${e()}-${e()}-${e()}-${e()}${e()}${e()}`}function T(e){let t=0;for(let i=0;i<e.length;i++)t+=e.charCodeAt(i)*e.charCodeAt(i)*i*i;return t.toString(16).substring(0,4)}function C(e){const t=e.length,i=Math.floor(t/2),o=e.substring(0,4).padEnd(4,"0"),n=e.substring(0,4).padEnd(4,"0");return`@assets/${T(t.toString(16).padEnd(4,o))}${T(e.substring(i-4,i).padEnd(4,o)).padEnd(4,"f")}-${T(e.substring(i-8,i-4).padEnd(4,o)).padEnd(4,"f")}-${T(e.substring(i-12,i-8).padEnd(4,o)).padEnd(4,"f")}-${T(e.substring(i-16,i-12).padEnd(4,n)).padEnd(4,"f")}-${T(e.substring(i,i+4).padEnd(4,n)).padEnd(4,"f")}${T(e.substring(i+4,i+8).padEnd(4,n)).padEnd(4,"f")}${T(n.padEnd(4,o).padEnd(4,n))}`}function E(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 W(e){return(Object.prototype.toString.call(e)||"").replace(/(\[object|\])/gi,"").trim()}const k={type(e,t){const i=W(e);return!0===t?i.toLocaleLowerCase():i},array:e=>"Array"===W(e),json:e=>"Object"===W(e),function:e=>"Function"===W(e),asyncFunction:e=>"AsyncFunction"===W(e),boolean:e=>"Boolean"===W(e),string:e=>"String"===W(e),number:e=>"Number"===W(e),undefined:e=>"Undefined"===W(e),null:e=>"Null"===W(e),promise:e=>"Promise"===W(e)};var L=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:O}=window;function j(e){return new Promise(((t,i)=>{const o=new O;o.crossOrigin="anonymous",o.onload=function(){t(o)},o.onabort=i,o.onerror=i,o.src=e}))}function Y(e){return L(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 j(t)}))}function D(e,t){return L(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 j(i)}))}function V(e){return"number"==typeof e&&(e>0||e<=0)}function B(e){return"number"==typeof e&&e>=0}function G(e){return"string"==typeof e&&/^(http:\/\/|https:\/\/|\.\/|\/)/.test(`${e}`)}function X(e){return"string"==typeof e&&/^(data:image\/)/.test(`${e}`)}const N={x:function(e){return V(e)},y:function(e){return V(e)},w:B,h:function(e){return"number"==typeof e&&e>=0},angle:function(e){return"number"==typeof e&&e>=-360&&e<=360},number:V,numberStr:function(e){return/^(-?\d+(?:\.\d+)?)$/.test(`${e}`)},borderWidth:function(e){return B(e)},borderRadius:function(e){return V(e)&&e>=0},color:function(e){return z(e)},imageSrc:function(e){return X(e)||G(e)},imageURL:G,imageBase64:X,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 V(e)&&e>0},lineHeight:function(e){return V(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 V(e)&&e>0}};var F,H,Z=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},Q=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 U{constructor(e,t){F.set(this,void 0),H.set(this,void 0),Z(this,F,e,"f"),Z(this,H,Object.assign({devicePixelRatio:1,offscreenCanvas:null},t),"f"),this.$resetFont()}$undoPixelRatio(e){return e/Q(this,H,"f").devicePixelRatio}$doPixelRatio(e){return Q(this,H,"f").devicePixelRatio*e}$getContext(){return Q(this,F,"f")}$setContext(e){Z(this,F,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"}`),Q(this,F,"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 Q(this,H,"f").offscreenCanvas}$resize(e){const{width:t,height:i,devicePixelRatio:o,resetStyle:n}=e,{canvas:a}=Q(this,F,"f");a.width=t*o,a.height=i*o,Z(this,H,Object.assign(Object.assign({},Q(this,H,"f")),{devicePixelRatio:o}),"f"),!0===n&&(a.style.width=`${t}px`,a.style.height=`${i}px`)}$getSize(){const{devicePixelRatio:e}=Q(this,H,"f"),{width:t,height:i}=Q(this,F,"f").canvas;return{width:t/e,height:i/e,devicePixelRatio:e}}get canvas(){return Q(this,F,"f").canvas}get fillStyle(){return Q(this,F,"f").fillStyle}set fillStyle(e){Q(this,F,"f").fillStyle=e}get strokeStyle(){return Q(this,F,"f").strokeStyle}set strokeStyle(e){Q(this,F,"f").strokeStyle=e}get lineWidth(){return this.$undoPixelRatio(Q(this,F,"f").lineWidth)}set lineWidth(e){Q(this,F,"f").lineWidth=this.$doPixelRatio(e)}get textAlign(){return Q(this,F,"f").textAlign}set textAlign(e){Q(this,F,"f").textAlign=e}get textBaseline(){return Q(this,F,"f").textBaseline}set textBaseline(e){Q(this,F,"f").textBaseline=e}get globalAlpha(){return Q(this,F,"f").globalAlpha}set globalAlpha(e){Q(this,F,"f").globalAlpha=e}get shadowColor(){return Q(this,F,"f").shadowColor}set shadowColor(e){Q(this,F,"f").shadowColor=e}get shadowOffsetX(){return this.$undoPixelRatio(Q(this,F,"f").shadowOffsetX)}set shadowOffsetX(e){Q(this,F,"f").shadowOffsetX=this.$doPixelRatio(e)}get shadowOffsetY(){return this.$undoPixelRatio(Q(this,F,"f").shadowOffsetY)}set shadowOffsetY(e){Q(this,F,"f").shadowOffsetY=this.$doPixelRatio(e)}get shadowBlur(){return this.$undoPixelRatio(Q(this,F,"f").shadowBlur)}set shadowBlur(e){Q(this,F,"f").shadowBlur=this.$doPixelRatio(e)}get lineCap(){return Q(this,F,"f").lineCap}set lineCap(e){Q(this,F,"f").lineCap=e}get globalCompositeOperation(){return Q(this,F,"f").globalCompositeOperation}set globalCompositeOperation(e){Q(this,F,"f").globalCompositeOperation=e}fill(...e){return Q(this,F,"f").fill(...e)}arc(e,t,i,o,n,a){return Q(this,F,"f").arc(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),o,n,a)}rect(e,t,i,o){return Q(this,F,"f").rect(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}fillRect(e,t,i,o){return Q(this,F,"f").fillRect(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}clearRect(e,t,i,o){return Q(this,F,"f").clearRect(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}beginPath(){return Q(this,F,"f").beginPath()}closePath(){return Q(this,F,"f").closePath()}lineTo(e,t){return Q(this,F,"f").lineTo(this.$doPixelRatio(e),this.$doPixelRatio(t))}moveTo(e,t){return Q(this,F,"f").moveTo(this.$doPixelRatio(e),this.$doPixelRatio(t))}arcTo(e,t,i,o,n){return Q(this,F,"f").arcTo(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(n))}getLineDash(){return Q(this,F,"f").getLineDash()}setLineDash(e){const t=e.map((e=>this.$doPixelRatio(e)));return Q(this,F,"f").setLineDash(t)}stroke(e){return e?Q(this,F,"f").stroke(e):Q(this,F,"f").stroke()}translate(e,t){return Q(this,F,"f").translate(this.$doPixelRatio(e),this.$doPixelRatio(t))}rotate(e){return Q(this,F,"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?Q(this,F,"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)):Q(this,F,"f").drawImage(t,this.$doPixelRatio(r),this.$doPixelRatio(l),this.$doPixelRatio(s),this.$doPixelRatio(h))}createPattern(e,t){return Q(this,F,"f").createPattern(e,t)}measureText(e){return Q(this,F,"f").measureText(e)}fillText(e,t,i,o){return void 0!==o?Q(this,F,"f").fillText(e,this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o)):Q(this,F,"f").fillText(e,this.$doPixelRatio(t),this.$doPixelRatio(i))}strokeText(e,t,i,o){return void 0!==o?Q(this,F,"f").strokeText(e,this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o)):Q(this,F,"f").strokeText(e,this.$doPixelRatio(t),this.$doPixelRatio(i))}save(){Q(this,F,"f").save()}restore(){Q(this,F,"f").restore()}scale(e,t){Q(this,F,"f").scale(e,t)}circle(e,t,i,o,n,a,r,l){Q(this,F,"f").ellipse(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o),n,a,r,l)}isPointInPath(e,t){return Q(this,F,"f").isPointInPath(this.$doPixelRatio(e),this.$doPixelRatio(t))}clip(...e){return Q(this,F,"f").clip(...e)}setTransform(e,t,i,o,n,a){return Q(this,F,"f").setTransform(e,t,i,o,n,a)}getTransform(){return Q(this,F,"f").getTransform()}createLinearGradient(e,t,i,o){return Q(this,F,"f").createLinearGradient(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}createRadialGradient(e,t,i,o,n,a){return Q(this,F,"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 Q(this,F,"f").createConicGradient(e,this.$doPixelRatio(t),this.$doPixelRatio(i))}}function J(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 U(a,e)}function $(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 U(a,{devicePixelRatio:o,offscreenCanvas:n})}F=new WeakMap,H=new WeakMap;var K,q=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 _{constructor(){K.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,K,new Map,"f")}on(e,t){if(q(this,K,"f").has(e)){const i=q(this,K,"f").get(e)||[];null==i||i.push(t),q(this,K,"f").set(e,i)}else q(this,K,"f").set(e,[t])}off(e,t){if(q(this,K,"f").has(e)){const i=q(this,K,"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}q(this,K,"f").set(e,i||[])}}trigger(e,t){const i=q(this,K,"f").get(e);return!!Array.isArray(i)&&(i.forEach((e=>{e(t)})),!0)}has(e){if(q(this,K,"f").has(e)){const t=q(this,K,"f").get(e);if(Array.isArray(t)&&t.length>0)return!0}return!1}destroy(){this.clear()}clear(){q(this,K,"f").clear()}}function ee(e,t){return{x:e.x+(t.x-e.x)/2,y:e.y+(t.y-e.y)/2}}K=new WeakMap;var te,ie,oe,ne,ae=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},re=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 le{constructor(e){te.add(this),ie.set(this,void 0),oe.set(this,void 0),ae(this,oe,E(e.defaultStorage),"f"),ae(this,ie,re(this,te,"m",ne).call(this),"f")}set(e,t){re(this,ie,"f")[e]=t}get(e){return re(this,ie,"f")[e]}getSnapshot(e){return!0===(null==e?void 0:e.deepClone)?E(re(this,ie,"f")):Object.assign({},re(this,ie,"f"))}clear(){ae(this,ie,re(this,te,"m",ne).call(this),"f")}destroy(){ae(this,ie,null,"f")}}function se(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 he(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 ce(e){return e/180*Math.PI}function de(e,t,i,o){const n=ce(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 fe(e,t,i){const o=ue(t);de(e,t.angle||0,o,(()=>{i(e)}))}function ue(e){return{x:e.x+e.w/2,y:e.y+e.h/2}}function ge(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 ue({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 ve(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 me(e,t,i){let o=ve(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 we(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=me(ue({x:t,y:n,w:a,h:r,angle:l}),{x:i,y:o},ce(l));i=s.x,o=s.y})),{x:i,y:o}}return e}function ye(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=ce(Se(i));l=me(t,l,e),s=me(t,s,e),h=me(t,h,e),c=me(t,c,e)}return[l,s,h,c]}function pe(e){const{angle:t=0}=e;return ye(e,ue(e),t)}function xe(e,t,i){return[me(e,{x:t[0].x,y:t[0].y},i),me(e,{x:t[1].x,y:t[1].y},i),me(e,{x:t[2].x,y:t[2].y},i),me(e,{x:t[3].x,y:t[3].y},i)]}function Se(e){if(!(e>0||e<0)||0===e)return 0;let t=e%360;return t<0&&(t+=360),t}function be(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=be(null===(o=null==e?void 0:e.detail)||void 0===o?void 0:o.children))}))}return t}function Ie(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=pe(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 Ae(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 Me(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"===n.type)o=n.detail.children;else{if(t!==e.length-1)break;i=n}}return i}function ze(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 Re(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 Pe(e){const{x:t,y:i,w:o,h:n,angle:a=0}=e;return 0===a?Re(e):ye(e,ue({x:t,y:i,w:o,h:n,angle:a}),a)}function Te(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,angle:c};d=Pe({x:r,y:l,w:s,h:h,angle:c}),n.push({center:ue(e),angle:c,radian:ce(c)})}else{d=Re({x:i,y:o,w:s,h:h,angle:c});for(let e=0;e<n.length;e++){const{center:t,radian:i}=n[e];d=xe(t,d,i)}const e=ge(d);if(c>0||c<0){d=xe(e,d,ce(c))}n.push({center:e,angle:c,radian:ce(c)})}t.push(d)}return t}function Ce(e,t){const i=function(e,t){const{groupQueue:i}=t;return i.length>0?Te([...i,e]):[Pe(e)]}(e,t);return i.pop()||null}function Ee(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 We(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 ke(e,t){return[We(e[0],t),We(e[1],t),We(e[2],t),We(e[3],t)]}function Le(e,t){const{context2d:i,element:o,viewScaleInfo:n}=t,{angle:a=0}=o,{x:r,y:l,w:s,h:h}=Ee(o,{viewScaleInfo:n}),c=pe({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 Oe(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 je(e,t){const{groupQueue:i}=t,o=Ce(e,{groupQueue:i}),n=ee(o[0],o[1]),a=ee(o[1],o[2]),r=ee(o[2],o[3]),l=ee(o[3],o[0]),s=o[0],h=o[1],c=o[2],d=o[3],f=Math.max(s.x,h.x,c.x,d.x),u=Math.max(s.y,h.y,c.y,d.y);return{center:{x:(f+Math.min(s.x,h.x,c.x,d.x))/2,y:(u+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 Ye(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=ee(r,l),d=ee(h,s),f=ee(r,h);return{center:a,topLeft:r,topRight:l,bottomLeft:h,bottomRight:s,top:c,right:ee(l,s),left:f,bottom:d}}function De(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,f=ue({x:s,y:h,w:c,h:d}),u={x:s,y:h},g={x:s+c,y:h},v={x:s,y:h+d},m={x:s+c,y:h+d},w={x:s,y:f.y},y={x:f.x,y:h},p={x:s+c,y:f.y},x={x:f.x,y:h+d};return{center:f,topLeft:u,topRight:g,bottomLeft:v,bottomRight:m,left:w,top:y,right:p,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++})),{viewVisibleInfoMap:e,visibleCount:o,invisibleCount:n}}function Ve(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 Be(e,t){const{groupQueue:i,controllerSize:o,viewScaleInfo:n}=t,a=(o&&o>0?o:8)/n.scale,{x:r,y:l,w:s,h:h,angle:c=0}=e,d=[{uuid:P(),x:r,y:l,w:s,h:h,angle:c,type:"group",detail:{children:[]}},...i];let f=0;d.forEach((({angle:e=0})=>{f+=e}));const u=Ce(e,{groupQueue:i}),g=Ce({x:r-2*a,y:l-2*a,h:h+4*a,w:s+4*a,angle:c},{groupQueue:[...i]}),v=ee(u[0],u[1]),m=ee(u[1],u[2]),w=ee(u[2],u[3]),y=ee(u[3],u[0]),p=u[0],x=u[1],S=u[2],b=u[3],I=Ve(v,{size:a,angle:f}),A=Ve(m,{size:a,angle:f}),M=Ve(w,{size:a,angle:f}),z=Ve(y,{size:a,angle:f}),R=Ve(p,{size:a,angle:f}),T=Ve(x,{size:a,angle:f}),C=Ve(b,{size:a,angle:f}),E=Ve(S,{size:a,angle:f}),W=Pe(R),k=Pe(T),L=Pe(C),O=Pe(E),j=[W[1],k[0],k[3],W[2]],Y=[k[3],k[2],O[1],O[0]],D=[L[1],O[0],O[3],L[2]],V=[W[3],W[2],L[1],L[0]],B=Pe(I),G=Pe(A),X=Pe(M),N=Pe(z),F=ee(g[0],g[1]);return{elementWrapper:u,left:{type:"left",vertexes:V,center:y},right:{type:"right",vertexes:Y,center:m},top:{type:"top",vertexes:j,center:v},bottom:{type:"bottom",vertexes:D,center:w},topLeft:{type:"top-left",vertexes:W,center:p},topRight:{type:"top-right",vertexes:k,center:x},bottomLeft:{type:"bottom-left",vertexes:L,center:b},bottomRight:{type:"bottom-right",vertexes:O,center:S},leftMiddle:{type:"left-middle",vertexes:N,center:y},rightMiddle:{type:"right-middle",vertexes:G,center:m},topMiddle:{type:"top-middle",vertexes:B,center:v},bottomMiddle:{type:"bottom-middle",vertexes:X,center:w},rotate:{type:"rotate",vertexes:Pe(Ve(F,{size:a,angle:f})),center:F}}}function Ge(e,t){const{controllerSize:i,viewScaleInfo:o}=t,n=i&&i>0?i:8,{x:a,y:r,w:l,h:s}=Ee(e,{viewScaleInfo:o}),h=ue({x:a,y:r,w:l,h:s}),c={x:h.x,y:r},d={x:a+l,y:h.y},f={x:h.x,y:r+s},u={x:a,y:h.y},g={x:a,y:r},v={x:a+l,y:r},m={x:a+l,y:r+s},w={x:a,y:r+s},y=Ve(c,{size:n,angle:0}),p=Ve(d,{size:n,angle:0}),x=Ve(f,{size:n,angle:0}),S=Ve(u,{size:n,angle:0}),b=Ve(g,{size:n,angle:0}),I=Ve(v,{size:n,angle:0}),A=Ve(w,{size:n,angle:0}),M=Ve(m,{size:n,angle:0}),z=Pe(b),R=Pe(I),P=Pe(A),T=Pe(M),C=[z[1],R[0],R[3],z[2]],E=[R[3],R[2],T[1],T[0]],W=[P[1],T[0],T[3],P[2]],k=[z[3],z[2],P[1],P[0]],L=Pe(y),O=Pe(p),j=Pe(x);return{left:{type:"left",vertexes:k,center:u},right:{type:"right",vertexes:E,center:d},top:{type:"top",vertexes:C,center:c},bottom:{type:"bottom",vertexes:W,center:f},topLeft:{type:"top-left",vertexes:z,center:g},topRight:{type:"top-right",vertexes:R,center:v},bottomLeft:{type:"bottom-left",vertexes:P,center:w},bottomRight:{type:"bottom-right",vertexes:T,center:m},leftMiddle:{type:"left-middle",vertexes:Pe(S),center:u},rightMiddle:{type:"right-middle",vertexes:O,center:d},topMiddle:{type:"top-middle",vertexes:L,center:c},bottomMiddle:{type:"bottom-middle",vertexes:j,center:f}}}function Xe(e){let t="";return e.forEach((e=>{t+=e.type+e.params.join(" ")})),t}function Ne(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))}ie=new WeakMap,oe=new WeakMap,te=new WeakSet,ne=function(){return E(re(this,oe,"f"))};const Fe={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 He(e,t){const{viewScaleInfo:i}=t,{scale:o}=i;let{borderRadius:n,borderDash:a}=e.detail;const r=Array.isArray(a)&&a.length>0,{boxSizing:l=Fe.boxSizing,borderWidth:s}=e.detail;Array.isArray(s)&&(n=0);let{x:h,y:c,w:d,h:f}=e,u=[0,0,0,0];if("number"==typeof n){const e=n*o;u=[e,e,e,e]}else Array.isArray(n)&&4===(null==n?void 0:n.length)&&(u=[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,f=e.h+g):(h=e.x,c=e.y,d=e.w,f=e.h):(h=e.x+g/2,c=e.y+g/2,d=e.w-g,f=e.h-g),d=Math.max(d,1),f=Math.max(f,1),u=u.map((e=>Math.min(e,d/2,f/2))),{x:h,y:c,w:d,h:f,radiusList:u}}const Ze=e=>Ne(e,{decimalPlaces:4});function Qe(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:f}=i;if("number"==typeof l)i.borderWidth=Ze(l*r);else if(Array.isArray(i.borderWidth)){const e=l;i.borderWidth=[Ze(e[0]*n),Ze(e[1]*o),Ze(e[2]*n),Ze(e[3]*o)]}if("number"==typeof s)i.borderRadius=Ze(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]=Ze(e*a)})),"number"==typeof c&&(i.shadowOffsetX=Ze(c*a)),"number"==typeof d&&(i.shadowOffsetX=Ze(d*a)),"number"==typeof f&&(i.shadowOffsetX=Ze(f*a))}function Ue(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=Ze(n*i),e.y=Ze(a*o),e.w=Ze(r*i),e.h=Ze(l*o),Qe(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=Ze(n*r)),a&&a>0&&(e.detail.lineHeight=Ze(a*r))}(e,t):"image"===i||"svg"===i||"html"===i||"path"===i||"group"===i&&Array.isArray(e.detail.children)&&e.detail.children.forEach((e=>{Ue(e,t)})))}const Je=["-apple-system",'"system-ui"',' "Segoe UI"'," Roboto",'"Helvetica Neue"',"Arial",'"Noto Sans"'," sans-serif"];function $e(e){return[e,...Je].join(", ")}function Ke(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,R(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,R(e.color,a))})),d}return"#000000"}const qe={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 _e(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 et(e,t,i){const{pattern:o,renderContent:n,originElem:a,calcElemSize:r,viewScaleInfo:l,viewSizeInfo:s}=i||{},{parentOpacity:h}=i,c=_e(a)*h,{clipPath:d,clipPathStrokeColor:f,clipPathStrokeWidth:u}=a.detail,g=()=>{e.globalAlpha=c,tt(e,t,{pattern:o,viewScaleInfo:l,viewSizeInfo:s}),null==n||n(),it(e,t,{viewScaleInfo:l,viewSizeInfo:s}),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:f,originY:u}=s,g=r/c,v=h/d,m=i-f*g,w=n-u*v;e.save(),e.translate(m,w),e.scale(l*g,l*v);const y=Xe(s.commands||[]),p=new Path2D(y);e.clip(p),e.translate(0-m,0-w),e.setTransform(1,0,0,1,0,0),fe(e,Object.assign({},t),(()=>{null==o||o()})),e.restore()}else null==o||o()}(e,t,{originElem:a,calcElemSize:r,viewScaleInfo:l,viewSizeInfo:s,renderContent:()=>{g()}}),"number"==typeof u&&u>0&&f&&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:f}=a,{originW:u,originH:g,originX:v,originY:m}=h,w=r/u,y=f/g,p=i-v*w,x=n-m*y;e.save(),e.globalAlpha=l,e.translate(p,x),e.scale(s*w,s*y);const S=Xe(h.commands||[]),b=new Path2D(S);e.strokeStyle=c,e.lineWidth=d,e.stroke(b),e.translate(0-p,0-x),e.setTransform(1,0,0,1,0,0),fe(e,Object.assign({},t),(()=>{null==o||o()})),e.restore()}else null==o||o()}(e,t,{originElem:a,calcElemSize:r,viewScaleInfo:l,viewSizeInfo:s,parentOpacity:h})):g()}function tt(e,t,i){var o,n;const{pattern:a,viewScaleInfo:r,viewSizeInfo:l}=i,s=[];if(t.detail.background||a){const{x:i,y:h,w:c,h:d,radiusList:f}=He(t,{viewScaleInfo:r,viewSizeInfo:l});if(e.beginPath(),e.moveTo(i+f[0],h),e.arcTo(i+c,h,i+c,h+d,f[1]),e.arcTo(i+c,h+d,i,h+d,f[2]),e.arcTo(i,h+d,i,h,f[3]),e.arcTo(i,h,i+c,h,f[0]),e.closePath(),"string"==typeof a)e.fillStyle=a;else if(["CanvasPattern"].includes(k.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=Ke(e,t.detail.background,{viewElementSize:{x:i,y:h,w:c,h:d},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=Ke(e,t.detail.background,{viewElementSize:{x:i,y:h,w:c,h:d},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]+h):"rotate"===o.method?e.rotate(...o.args):"scale"===o.method&&e.scale(...o.args)}}e.fill(),s&&s.length>0&&e.setTransform(1,0,0,1,0,0)}}function it(e,t,i){if(0===t.detail.borderWidth)return;if(!z(t.detail.borderColor))return;const{viewScaleInfo:o}=i,{scale:n}=o;let a=qe.borderColor;!0===z(t.detail.borderColor)&&(a=t.detail.borderColor);const{borderWidth:r,borderRadius:l,borderDash:s,boxSizing:h=qe.boxSizing}=t.detail;let c=0;"number"==typeof r&&(c=r||1),c*=n;let d=[0,0,0,0];if("number"==typeof l){const e=l*n;d=[e,e,e,e]}else Array.isArray(l)&&4===(null==l?void 0:l.length)&&(d=[l[0]*n,l[1]*n,l[2]*n,l[3]*n]);e.strokeStyle=a;let f=[];Array.isArray(s)&&s.length>0&&(f=s.map((e=>Math.ceil(e*n))));let u=0,g=0,v=0,m=0;if(Array.isArray(r)&&(u=(r[0]||0)*n,g=(r[1]||0)*n,v=(r[2]||0)*n,m=(r[3]||0)*n),m||g||u||v){e.lineCap="butt";let{x:i,y:o,w:n,h:a}=t;"border-box"===h?(i+=m/2,o+=u/2,n=n-m/2-g/2,a=a-u/2-v/2):"content-box"===h?(i-=m/2,o-=u/2,n=n+m/2+g/2,a=a+u/2+v/2):(i=t.x,o=t.y,n=t.w,a=t.h),u&&(e.beginPath(),e.lineWidth=u,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-u/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-u/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+c/2,o=t.y+c/2,n=t.w-c,a=t.h-c):"content-box"===h?(i=t.x-c/2,o=t.y-c/2,n=t.w+c,a=t.h+c):(i=t.x,o=t.y,n=t.w,a=t.h),f.length>0?e.lineCap="butt":e.lineCap="square",n=Math.max(n,1),a=Math.max(a,1),d=d.map((e=>Math.min(e,n/2,a/2))),e.setLineDash(f),e.lineWidth=c,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 ot(e,t,i){const{detail:o}=t,{viewScaleInfo:n,renderContent:a}=i,{shadowColor:r,shadowOffsetX:l,shadowOffsetY:s,shadowBlur:h}=o;N.number(h)?(e.save(),e.shadowColor=r||qe.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 nt={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"};var at=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};const rt=.4;function lt(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<rt||l*s<rt)||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}=Ee(t,{viewScaleInfo:o})||t,d=Object.assign(Object.assign({},t),{x:r,y:l,w:s,h:h,angle:c});fe(e,{x:r,y:l,w:s,h:h,angle:c},(()=>{ot(e,d,{viewScaleInfo:o,viewSizeInfo:n,renderContent:()=>{et(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:f}=o;let u=0;"number"==typeof d&&d>0?u=d:Array.isArray(d)&&"number"==typeof d[0]&&d[0]>0&&(u=d[0]),u*=a.scale;const{x:g,y:v,w:m,h:w}=Ee({x:t.x,y:t.y,w:t.w,h:t.h},{viewScaleInfo:a})||t,y=Object.assign(Object.assign({},t),{x:g,y:v,w:m,h:w,angle:n});fe(e,{x:g,y:v,w:m,h:w,angle:n},(()=>{ot(e,y,{viewScaleInfo:a,viewSizeInfo:r,renderContent:()=>{let t=m/2,i=w/2;const o=g+t,n=v+i,r=t,d=i;if(u>0&&("content-box"===c||("center-line"===c?(t-=u/2,i-=u/2):(t-=u,i-=u))),t>=0&&i>=0){const c=_e(y)*l;e.globalAlpha=c,e.beginPath();const p=Ke(e,s,{viewElementSize:{x:g,y:v,w:m,h:w},viewScaleInfo:a,opacity:e.globalAlpha});if(e.fillStyle=p,e.circle(o,n,r,d,0,0,2*Math.PI),e.closePath(),e.fill(),e.globalAlpha=l,"number"==typeof u&&u>0){const r=u/2+t,l=u/2+i;if(e.beginPath(),f){const t=f.map((e=>e*a.scale));e.setLineDash(t)}e.strokeStyle=h,e.lineWidth=u,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}=i,{x:r,y:l,w:s,h:h,angle:c}=Ee(t,{viewScaleInfo:o})||t,d=Object.assign(Object.assign({},t),{x:r,y:l,w:s,h:h,angle:c});fe(e,{x:r,y:l,w:s,h:h,angle:c},(()=>{ot(e,d,{viewScaleInfo:o,viewSizeInfo:n,renderContent:()=>{et(e,d,{originElem:t,calcElemSize:{x:r,y:l,w:s,h:h,angle:c},viewScaleInfo:o,viewSizeInfo:n,parentOpacity:a})}});{const i=Object.assign(Object.assign({},nt),t.detail),n=i.fontSize||nt.fontSize,a=n*o.scale;if(a<2)return;const c=(i.lineHeight||n)*o.scale;e.fillStyle=t.detail.color||nt.color,e.textBaseline="top",e.$setFont({fontWeight:i.fontWeight,fontSize:a,fontFamily:$e(i.fontFamily)});let d=i.text.replace(/\r\n/gi,"\n");"lowercase"===i.textTransform?d=d.toLowerCase():"uppercase"===i.textTransform&&(d=d.toUpperCase());const f=c,u=d.split("\n"),g=[];let v=0;u.forEach(((t,n)=>{if("maxContent"===i.minInlineSize)g.push({text:t,width:e.$undoPixelRatio(e.measureText(t).width)});else{let l="",c="",d=t.split(c);if("normal"===i.wordBreak){const e=" ",i=t.split(e);d=[],i.forEach(((t,o)=>{d.push(t),o<i.length-1&&d.push(e)}))}if(1===d.length&&"visible"===i.overflow)g.push({text:d[0],width:e.$undoPixelRatio(e.measureText(d[0]).width)});else if(d.length>0){for(let t=0;t<d.length&&(a=e.$doPixelRatio(s),r=e.measureText(l+d[t]).width,o.scale<.5&&a<r&&(a-r)/a>-.15||a>=r?l+=d[t]||"":(g.push({text:l,width:e.$undoPixelRatio(e.measureText(l).width)}),l=d[t]||"",v++),!((v+1)*f>h&&"hidden"===i.overflow));t++)if(d.length-1===t&&(v+1)*f<=h){g.push({text:l,width:e.$undoPixelRatio(e.measureText(l).width)}),n<u.length-1&&v++;break}}else g.push({text:"",width:0})}var a,r}));let m=0,w=0;f>a&&(w=(f-a)/2),g.length*f<h&&("top"===t.detail.verticalAlign?m=0:"bottom"===t.detail.verticalAlign?m+=h-g.length*f:m+=(h-g.length*f)/2);{const t=l+m;void 0!==i.textShadowColor&&z(i.textShadowColor)&&(e.shadowColor=i.textShadowColor),void 0!==i.textShadowOffsetX&&N.number(i.textShadowOffsetX)&&(e.shadowOffsetX=i.textShadowOffsetX),void 0!==i.textShadowOffsetY&&N.number(i.textShadowOffsetY)&&(e.shadowOffsetY=i.textShadowOffsetY),void 0!==i.textShadowBlur&&N.number(i.textShadowBlur)&&(e.shadowBlur=i.textShadowBlur),g.forEach(((o,n)=>{let a=r;"center"===i.textAlign?a=r+(s-o.width)/2:"right"===i.textAlign&&(a=r+(s-o.width)),e.fillText(o.text,a,t+f*n+w)}))}}}))}(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}=Ee(t,{viewScaleInfo:n})||t,f=Object.assign(Object.assign({},t),{x:l,y:s,w:h,h:c,angle:d});fe(e,{x:l,y:s,w:h,h:c,angle:d},(()=>{ot(e,f,{viewScaleInfo:n,viewSizeInfo:a,renderContent:()=>{et(e,f,{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=_e(t)*r;const{x:i,y:l,w:s,h:h,radiusList:c}=He(f,{viewScaleInfo:n,viewSizeInfo:a}),{detail:d}=t,{scaleMode:u,originW:g=0,originH:v=0}=d,m=e.$undoPixelRatio(g),w=e.$undoPixelRatio(v);if(e.save(),e.fillStyle="transparent",e.beginPath(),e.moveTo(i+c[0],l),e.arcTo(i+s,l,i+s,l+h,c[1]),e.arcTo(i+s,l+h,i,l+h,c[2]),e.arcTo(i,l+h,i,l,c[3]),e.arcTo(i,l,i+s,l,c[0]),e.closePath(),e.fill(),e.clip(),u&&v&&g){let n=0,a=0,r=m,c=w;const d=i,f=l,g=s,v=h;if(m>t.w||w>t.h)if("fill"===u){const e=Math.max(t.w/m,t.h/w),i=w*e;n=(m*e-t.w)/2/e,a=(i-t.h)/2/e,r=t.w/e,c=t.h/e}else if("tile"===u)n=0,a=0,r=t.w,c=t.h;else if("fit"===u){const e=Math.min(t.w/m,t.h/w);n=(m-t.w/e)/2,a=(w-t.h/e)/2,r=t.w/e,c=t.h/e}e.drawImage(o,n,a,r,c,d,f,g,v)}else e.drawImage(o,i,l,s,h);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}=Ee(t,{viewScaleInfo:n,viewSizeInfo:a})||t;fe(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=_e(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}=Ee(t,{viewScaleInfo:n,viewSizeInfo:a})||t;fe(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=_e(t)*r,e.drawImage(o,l,s,h,c),e.globalAlpha=r)}))}(e,t,i);break;case"path":!function(e,t,i){var o,n;const{detail:a}=t,{originX:r,originY:l,originW:s,originH:h,fillRule:c}=a,{viewScaleInfo:d,viewSizeInfo:f,parentOpacity:u}=i,{x:g,y:v,w:m,h:w,angle:y}=Ee(t,{viewScaleInfo:d})||t,p=m/s,x=w/h,S=g-r*p,b=v-l*x,I=t.detail,A=at(I,["clipPath","clipPathStrokeColor","clipPathStrokeWidth"]),M=d.scale*f.devicePixelRatio,z=Object.assign(Object.assign({},t),{x:g,y:v,w:m,h:w,angle:y});let R=Object.assign({},z);R.detail=A;let P=Object.assign({},t);P.detail=A,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"))&&(R=Object.assign(Object.assign({},z),{detail:Object.assign(Object.assign({},z.detail),{background:a.fill,clipPath:{commands:a.commands,originX:r,originY:l,originW:s,originH:h}})}),P.detail=Object.assign({},R.detail)),fe(e,{x:g,y:v,w:m,h:w,angle:y},(()=>{et(e,R,{originElem:P,calcElemSize:{x:g,y:v,w:m,h:w,angle:y},viewScaleInfo:d,viewSizeInfo:f,parentOpacity:u,renderContent:()=>{ot(e,z,{viewScaleInfo:d,viewSizeInfo:f,renderContent:()=>{e.save(),e.translate(S,b),e.scale(M*p/d.scale,M*x/d.scale);const t=Xe(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),a.stroke&&0!==a.strokeWidth&&(e.strokeStyle=a.stroke,e.lineWidth=(a.strokeWidth||1)/f.devicePixelRatio,e.lineCap=a.strokeLineCap||"square",e.stroke(i)),e.translate(-S,-b),e.restore()}})}})}))}(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}=Ee({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});fe(e,{x:r,y:l,w:s,h:h,angle:c},(()=>{e.globalAlpha=_e(t)*a,ot(e,d,{viewScaleInfo:o,viewSizeInfo:n,renderContent:()=>{et(e,d,{originElem:t,calcElemSize:{x:r,y:l,w:s,h:h,angle:c},viewScaleInfo:o,viewSizeInfo:n,parentOpacity:a,renderContent:()=>{const{x:r,y:l,w:s,h:h,radiusList:c}=He(d,{viewScaleInfo:o,viewSizeInfo:n});if("hidden"===t.detail.overflow&&(e.save(),e.fillStyle="transparent",e.beginPath(),e.moveTo(r+c[0],l),e.arcTo(r+s,l,r+s,l+h,c[1]),e.arcTo(r+s,l+h,r,l+h,c[2]),e.arcTo(r,l+h,r,l,c[3]),e.arcTo(r,l,r+s,l,c[0]),e.closePath(),e.fill(),e.clip()),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{lt(e,l,Object.assign(Object.assign({},i),{parentOpacity:a*_e(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 st={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 ht(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({},st),null==r?void 0:r.detail)});if(!0===i.forceDrawAll||(null===(o=i.calculator)||void 0===o?void 0:o.needRender(l)))try{lt(e,l,Object.assign(Object.assign({},i),{parentOpacity:a}))}catch(e){console.error(e)}}}var ct,dt,ft,ut,gt,vt,mt,wt,yt,pt,xt,St,bt=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())}))},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)},At=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 Mt=["image","svg","html"],zt=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]{8,8}\-[0-9a-z]{4,4}\-[0-9a-z]{4,4}\-[0-9a-z]{4,4}\-[0-9a-z]{12,12}$/.test(`${n}`)?n:C(n):C(`${P()}-${e.uuid}-${P()}-${P()}`)};class Rt extends _{constructor(){super(),ct.add(this),dt.set(this,{}),ft.set(this,{}),ut.set(this,{}),gt.set(this,!1),It(this,ct,"m",vt).call(this,"image",((e,t)=>bt(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 j(o);return{uuid:e.uuid,lastModified:Date.now(),content:n}})))),It(this,ct,"m",vt).call(this,"html",((e,t)=>bt(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 D(o,{width:e.detail.originW||e.w,height:e.detail.originH||e.h});return{uuid:e.uuid,lastModified:Date.now(),content:n}})))),It(this,ct,"m",vt).call(this,"svg",((e,t)=>bt(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 Y(o);return{uuid:e.uuid,lastModified:Date.now(),content:n}}))))}isDestroyed(){return It(this,gt,"f")}destroy(){At(this,gt,!0,"f"),this.clear(),At(this,dt,null,"f"),At(this,ft,null,"f"),At(this,ut,null,"f")}load(e,t){!0!==It(this,gt,"f")&&(It(this,ct,"m",St).call(this,e)||Mt.includes(e.type)&&It(this,ct,"m",xt).call(this,e,t))}getContent(e){var t,i;const o=zt(e);return(null===(i=null===(t=It(this,ut,"f"))||void 0===t?void 0:t[o])||void 0===i?void 0:i.content)||null}getLoadItemMap(){return It(this,ut,"f")}setLoadItemMap(e){At(this,ut,e,"f")}}dt=new WeakMap,ft=new WeakMap,ut=new WeakMap,gt=new WeakMap,ct=new WeakSet,vt=function(e,t){It(this,dt,"f")[e]=t},mt=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},wt=function(e){return{element:e,status:"null",content:null,error:null,startTime:-1,endTime:-1,source:It(this,ct,"m",mt).call(this,e)}},yt=function(e){const t=zt(e.element),i=It(this,ut,"f")[t];It(this,gt,"f")||(i?i.startTime<e.startTime&&(It(this,ut,"f")[t]=e,this.trigger("load",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime}))):(It(this,ut,"f")[t]=e,this.trigger("load",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime}))))},pt=function(e){var t;const i=zt(e.element),o=null===(t=It(this,ut,"f"))||void 0===t?void 0:t[i];It(this,gt,"f")||(o?o.startTime<e.startTime&&(It(this,ut,"f")[i]=e,this.trigger("error",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime}))):(It(this,ut,"f")[i]=e,this.trigger("error",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime}))))},xt=function(e,t){const i=It(this,ct,"m",wt).call(this,e),o=zt(e);if(It(this,ft,"f")[o])return;It(this,ft,"f")[o]=i;const n=It(this,dt,"f")[e.type];"function"!=typeof n||It(this,gt,"f")||(i.startTime=Date.now(),n(e,t).then((e=>{It(this,gt,"f")||(i.content=e.content,i.endTime=Date.now(),i.status="load",It(this,ct,"m",yt).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,It(this,ct,"m",pt).call(this,i)})))},St=function(e){var t;const i=zt(e),o=null===(t=It(this,ft,"f"))||void 0===t?void 0:t[i];return!(!o||"error"!==o.status||!o.source||o.source!==It(this,ct,"m",mt).call(this,e))};var Pt,Tt,Ct,Et,Wt,kt=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},Lt=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 extends _{constructor(e){super(),Pt.add(this),Tt.set(this,void 0),Ct.set(this,new Rt),Et.set(this,!1),kt(this,Tt,e,"f"),Lt(this,Pt,"m",Wt).call(this)}isDestroyed(){return Lt(this,Et,"f")}destroy(){this.clear(),kt(this,Tt,null,"f"),Lt(this,Ct,"f").destroy(),kt(this,Ct,null,"f"),kt(this,Et,!0,"f")}updateOptions(e){kt(this,Tt,e,"f")}drawData(e,t){const i=Lt(this,Ct,"f"),{calculator:o,sharer:n}=Lt(this,Tt,"f"),a=Lt(this,Tt,"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},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}=Ee(l,{viewScaleInfo:n})||l,f=Object.assign(Object.assign({},l),{x:s,y:h,w:c,h:d,angle:0});if(e.globalAlpha=1,ot(e,f,{viewScaleInfo:n,viewSizeInfo:a,renderContent:()=>{tt(e,f,{viewScaleInfo:n,viewSizeInfo:a})}}),"hidden"===t.detail.overflow){const{viewScaleInfo:o,viewSizeInfo:n}=i,a=Object.assign({uuid:"layout",type:"group"},t),r=Ee(a,{viewScaleInfo:o})||a,l=Object.assign(Object.assign({},a),r),{x:s,y:h,w:c,h:d,radiusList:f}=He(l,{viewScaleInfo:o,viewSizeInfo:n});e.save(),e.fillStyle="transparent",e.beginPath(),e.moveTo(s+f[0],h),e.arcTo(s+c,h,s+c,h+d,f[1]),e.arcTo(s+c,h+d,s,h+d,f[2]),e.arcTo(s,h+d,s,h,f[3]),e.arcTo(s,h,s+c,h,f[0]),e.closePath(),e.fill(),e.clip()}o(e),"hidden"===t.detail.overflow&&e.restore(),it(e,f,{viewScaleInfo:n,viewSizeInfo:a}),e.globalAlpha=r}(a,e.layout,l,(()=>{ht(a,e,l)})):ht(a,e,l)}scale(e){const{sharer:t}=Lt(this,Tt,"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){Lt(this,Ct,"f").setLoadItemMap(e)}getLoadItemMap(){return Lt(this,Ct,"f").getLoadItemMap()}getLoader(){return Lt(this,Ct,"f")}}Tt=new WeakMap,Ct=new WeakMap,Et=new WeakMap,Pt=new WeakSet,Wt=function(){const e=Lt(this,Ct,"f");e.on("load",(e=>{this.trigger("load",e)})),e.on("error",(e=>{console.error(e)}))};var jt,Yt,Dt=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},Vt=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 Bt{constructor(e){jt.set(this,void 0),Yt.set(this,void 0),Dt(this,jt,e,"f"),Dt(this,Yt,new le({defaultStorage:{viewVisibleInfoMap:{},visibleCount:0,invisibleCount:0}}),"f")}toGridNum(e,t){return!0===(null==t?void 0:t.ignore)?e:Math.round(e)}destroy(){Dt(this,jt,null,"f")}needRender(e){const t=Vt(this,Yt,"f").get("viewVisibleInfoMap")[e.uuid];return!t||t.isVisibleInView}isPointInElement(e,t,i,o){return Le(e,{context2d:Vt(this,jt,"f").viewContext,element:t,viewScaleInfo:i,viewSizeInfo:o})}getPointElement(e,t){const i=Vt(this,jt,"f").viewContext;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,d=0;for(let e=0;e<=t;e++)n+=h[e].x,r+=h[e].y,d+=h[e].angle||0;const f=h[t];if(f&&"group"===f.type&&Array.isArray(null===(i=f.detail)||void 0===i?void 0:i.children))for(let i=0;i<f.detail.children.length;i++){const u=f.detail.children[i];if(!0!==(null===(o=null==u?void 0:u.operations)||void 0===o?void 0:o.invisible)){if(!u)break;if(Le(e,{context2d:a,element:{x:n+u.x,y:r+u.y,w:u.w,h:u.h,angle:d+(u.angle||0)},viewScaleInfo:l,viewSizeInfo:s})){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)&&Le(e,{context2d:a,element:i,viewScaleInfo:l,viewSizeInfo:s})){c.index=t,c.element=i;break}}return c}(e,Object.assign(Object.assign({},t),{context2d:i}))}resetViewVisibleInfoMap(e,t){if(e){const{viewVisibleInfoMap:i,invisibleCount:o,visibleCount:n}=function(e,t){const i={},o=[],n=t=>{const a={isVisibleInView:!0,isGroup:"group"===t.type,position:[...o]};let r=null;r=je(t,{groupQueue:Ae(e,o)||[]}),i[t.uuid]=Object.assign(Object.assign({},a),{originRectInfo:r,rangeRectInfo:N.angle(t.angle)?Ye(r):r}),"group"===t.type&&t.detail.children.forEach(((e,t)=>{o.push(t),n(e),o.pop()}))};return e.forEach(((e,t)=>{o.push(t),n(e),o.pop()})),De(i,t)}(e.elements,t);Vt(this,Yt,"f").set("viewVisibleInfoMap",i),Vt(this,Yt,"f").set("invisibleCount",o),Vt(this,Yt,"f").set("visibleCount",n)}}updateVisiableStatus(e){const{viewVisibleInfoMap:t,invisibleCount:i,visibleCount:o}=De(Vt(this,Yt,"f").get("viewVisibleInfoMap"),e);Vt(this,Yt,"f").set("viewVisibleInfoMap",t),Vt(this,Yt,"f").set("invisibleCount",i),Vt(this,Yt,"f").set("visibleCount",o)}calcViewRectInfoFromOrigin(e,t){const i=Vt(this,Yt,"f").get("viewVisibleInfoMap")[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:f,bottomLeft:u,bottomRight:g}=i.originRectInfo;if(!0===o&&!1===i.isVisibleInView)return null;const v={viewScaleInfo:n,viewSizeInfo:a};return{center:We(r,v),left:We(l,v),right:We(s,v),bottom:We(h,v),top:We(c,v),topLeft:We(d,v),topRight:We(f,v),bottomLeft:We(u,v),bottomRight:We(g,v)}}calcViewRectInfoFromRange(e,t){const i=Vt(this,Yt,"f").get("viewVisibleInfoMap")[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:f,bottomLeft:u,bottomRight:g}=i.rangeRectInfo;if(!0===o&&!1===i.isVisibleInView)return null;const v={viewScaleInfo:n,viewSizeInfo:a};return{center:We(r,v),left:We(l,v),right:We(s,v),bottom:We(h,v),top:We(c,v),topLeft:We(d,v),topRight:We(f,v),bottomLeft:We(u,v),bottomRight:We(g,v)}}modifyViewVisibleInfoMap(e,t){const{modifyOptions:i,viewScaleInfo:o,viewSizeInfo:n}=t,{type:a,content:r}=i,l=e.elements,s=Vt(this,Yt,"f").get("viewVisibleInfoMap");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]})),Vt(this,Yt,"f").set("viewVisibleInfoMap",s)}else if("addElement"===a||"updateElement"===a){const{position:t}=r,i=Me(t,e.elements),h=Ae(l,t);if(i)if("updateElement"===a&&"group"===i.type)this.resetViewVisibleInfoMap(e,{viewScaleInfo:o,viewSizeInfo:n});else{const e=je(i,{groupQueue:h||[]}),r={originRectInfo:e,rangeRectInfo:N.angle(i.angle)?Ye(e):e,isVisibleInView:!0,isGroup:"group"===(null==i?void 0:i.type),position:[...t]};s[i.uuid]=r,Vt(this,Yt,"f").set("viewVisibleInfoMap",s),"updateElement"===a&&this.updateVisiableStatus({viewScaleInfo:o,viewSizeInfo:n})}}else"moveElement"===a&&this.resetViewVisibleInfoMap(e,{viewScaleInfo:o,viewSizeInfo:n})}}jt=new WeakMap,Yt=new WeakMap;var Gt,Xt,Nt,Ft,Ht,Zt,Qt,Ut,Jt,$t,Kt,qt,_t,ei,ti,ii,oi=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},ni=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)};function ai(e){return e>0||e<0||0===e}class ri extends _{constructor(e){super(),Gt.add(this),Xt.set(this,void 0),Nt.set(this,void 0),Ft.set(this,!1),Zt.set(this,(e=>{if(!ni(this,Gt,"m",ei).call(this,e))return;const t=ni(this,Gt,"m",ti).call(this,e);if(!ni(this,Gt,"m",ii).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})})),Qt.set(this,(e=>{if(!ni(this,Gt,"m",ei).call(this,e))return;e.preventDefault();const t=ni(this,Gt,"m",ti).call(this,e);ni(this,Gt,"m",ii).call(this,t)})),Ut.set(this,(e=>{if(!ni(this,Gt,"m",ei).call(this,e))return;e.preventDefault();const t=ni(this,Gt,"m",ti).call(this,e);if(!ni(this,Gt,"m",ii).call(this,t))return;const i=Date.now(),o=ni(this,Nt,"f").get("prevClickPoint");o&&i-o.t<=500&&Math.abs(o.x-t.x)<=5&&Math.abs(o.y-t.y)<=5?this.trigger("doubleClick",{point:t}):ni(this,Nt,"f").set("prevClickPoint",t)})),Jt.set(this,(e=>{if(ni(this,Nt,"f").set("hasPointDown",!1),!ni(this,Gt,"m",ei).call(this,e))return;e.preventDefault();const t=ni(this,Gt,"m",ti).call(this,e);this.trigger("pointLeave",{point:t})})),$t.set(this,(e=>{if(ni(this,Nt,"f").set("hasPointDown",!1),!ni(this,Gt,"m",ei).call(this,e))return;e.preventDefault();const t=ni(this,Gt,"m",ti).call(this,e);this.trigger("pointEnd",{point:t})})),Kt.set(this,(e=>{if(!ni(this,Gt,"m",ei).call(this,e))return;e.preventDefault(),e.stopPropagation();const t=ni(this,Gt,"m",ti).call(this,e);ni(this,Gt,"m",ii).call(this,t)?!0===ni(this,Nt,"f").get("hasPointDown")&&this.trigger("pointMove",{point:t}):ni(this,Nt,"f").get("hasPointDown")&&(this.trigger("pointLeave",{point:t}),ni(this,Nt,"f").set("hasPointDown",!1))})),qt.set(this,(e=>{if(!ni(this,Gt,"m",ei).call(this,e))return;e.preventDefault();const t=ni(this,Gt,"m",ti).call(this,e);ni(this,Gt,"m",ii).call(this,t)&&(ni(this,Nt,"f").set("hasPointDown",!0),this.trigger("pointStart",{point:t}))})),_t.set(this,(e=>{if(!ni(this,Gt,"m",ei).call(this,e))return;e.preventDefault();const t=ni(this,Gt,"m",ti).call(this,e);ni(this,Gt,"m",ii).call(this,t)&&this.trigger("hover",{point:t})}));const t=new le({defaultStorage:{hasPointDown:!1,prevClickPoint:null}});oi(this,Nt,t,"f"),oi(this,Xt,e,"f"),ni(this,Gt,"m",Ht).call(this)}onEvents(){if(ni(this,Ft,"f"))return;const e=window;e.addEventListener("mousemove",ni(this,_t,"f")),e.addEventListener("mousedown",ni(this,qt,"f")),e.addEventListener("mousemove",ni(this,Kt,"f")),e.addEventListener("mouseup",ni(this,$t,"f")),e.addEventListener("mouseleave",ni(this,Jt,"f")),e.addEventListener("wheel",ni(this,Zt,"f"),{passive:!1}),e.addEventListener("click",ni(this,Ut,"f")),e.addEventListener("contextmenu",ni(this,Qt,"f"))}offEvents(){const e=window;e.removeEventListener("mousemove",ni(this,_t,"f")),e.removeEventListener("mousedown",ni(this,qt,"f")),e.removeEventListener("mousemove",ni(this,Kt,"f")),e.removeEventListener("mouseup",ni(this,$t,"f")),e.removeEventListener("mouseleave",ni(this,Jt,"f")),e.removeEventListener("wheel",ni(this,Zt,"f")),e.removeEventListener("click",ni(this,Ut,"f")),e.removeEventListener("contextmenu",ni(this,Qt,"f"))}destroy(){this.offEvents(),ni(this,Nt,"f").destroy(),oi(this,Ft,!0,"f")}}Xt=new WeakMap,Nt=new WeakMap,Ft=new WeakMap,Zt=new WeakMap,Qt=new WeakMap,Ut=new WeakMap,Jt=new WeakMap,$t=new WeakMap,Kt=new WeakMap,qt=new WeakMap,_t=new WeakMap,Gt=new WeakSet,Ht=function(){this.onEvents()},ei=function(e){return e.target===ni(this,Xt,"f").boardContent.boardContext.canvas},ti=function(e){const t=ni(this,Xt,"f").boardContent.boardContext.canvas.getBoundingClientRect();return{x:e.clientX-t.left,y:e.clientY-t.top,t:Date.now()}},ii=function(e){const t=ni(this,Xt,"f").sharer.getActiveViewSizeInfo(),{width:i,height:o}=t;return!!(ai(e.x)&&ai(e.y)&&e.x<=i&&e.y<=o)};var li,si,hi=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},ci=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)};const di={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 fi{constructor(){li.set(this,void 0),si.set(this,void 0);const e=new le({defaultStorage:di}),t=new le({defaultStorage:{}});hi(this,li,e,"f"),hi(this,si,t,"f")}getActiveStorage(e){return ci(this,li,"f").get(e)}setActiveStorage(e,t){return ci(this,li,"f").set(e,t)}getActiveStoreSnapshot(e){return ci(this,li,"f").getSnapshot(e)}getSharedStorage(e){return ci(this,si,"f").get(e)}setSharedStorage(e,t){return ci(this,si,"f").set(e,t)}getSharedStoreSnapshot(e){return ci(this,si,"f").getSnapshot(e)}getActiveViewScaleInfo(){return{scale:ci(this,li,"f").get("scale"),offsetTop:ci(this,li,"f").get("offsetTop"),offsetBottom:ci(this,li,"f").get("offsetBottom"),offsetLeft:ci(this,li,"f").get("offsetLeft"),offsetRight:ci(this,li,"f").get("offsetRight")}}setActiveViewScaleInfo(e){const{scale:t,offsetTop:i,offsetBottom:o,offsetLeft:n,offsetRight:a}=e;ci(this,li,"f").set("scale",t),ci(this,li,"f").set("offsetTop",i),ci(this,li,"f").set("offsetBottom",o),ci(this,li,"f").set("offsetLeft",n),ci(this,li,"f").set("offsetRight",a)}setActiveViewSizeInfo(e){ci(this,li,"f").set("width",e.width),ci(this,li,"f").set("height",e.height),ci(this,li,"f").set("devicePixelRatio",e.devicePixelRatio),ci(this,li,"f").set("contextWidth",e.contextWidth),ci(this,li,"f").set("contextHeight",e.contextHeight)}getActiveViewSizeInfo(){return{width:ci(this,li,"f").get("width"),height:ci(this,li,"f").get("height"),devicePixelRatio:ci(this,li,"f").get("devicePixelRatio"),contextWidth:ci(this,li,"f").get("contextWidth"),contextHeight:ci(this,li,"f").get("contextHeight")}}getActiveOverrideElemenentMap(){return ci(this,li,"f").get("overrideElementMap")}setActiveOverrideElemenentMap(e){ci(this,li,"f").set("overrideElementMap",e)}}li=new WeakMap,si=new WeakMap;var ui,gi,vi,mi,wi,yi,pi=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},xi=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)};const{requestAnimationFrame:Si}=window;class bi extends _{constructor(e){super(),ui.add(this),gi.set(this,void 0),vi.set(this,[]),mi.set(this,"FREE"),pi(this,gi,e,"f"),xi(this,ui,"m",wi).call(this)}resetViewVisibleInfoMap(e,t){e&&xi(this,gi,"f").calculator.resetViewVisibleInfoMap(e,t)}drawFrame(){const{sharer:e}=xi(this,gi,"f"),t=e.getActiveStoreSnapshot(),i=e.getSharedStoreSnapshot();xi(this,vi,"f").push({activeStore:t,sharedStore:i}),xi(this,ui,"m",yi).call(this)}scale(e){const{scale:t,point:i,ignoreUpdateVisibleStatus:o}=e,{sharer:n}=xi(this,gi,"f"),{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||xi(this,gi,"f").calculator.updateVisiableStatus({viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo()}),{moveX:a,moveY:r}}scroll(e){const{sharer:t}=xi(this,gi,"f"),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,f=o.offsetTop,u=o.offsetBottom;return c+=t,f+=i,d=r-(s*a+c),u=l-(h*a+f),{scale:a,offsetTop:f,offsetLeft:c,offsetRight:d,offsetBottom:u}}({moveX:o,moveY:n,viewScaleInfo:i,viewSizeInfo:t.getActiveViewSizeInfo()});return t.setActiveViewScaleInfo(r),a||xi(this,gi,"f").calculator.updateVisiableStatus({viewScaleInfo:t.getActiveViewScaleInfo(),viewSizeInfo:t.getActiveViewSizeInfo()}),r}updateViewScaleInfo(e){const{sharer:t}=xi(this,gi,"f"),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),xi(this,gi,"f").calculator.updateVisiableStatus({viewScaleInfo:t.getActiveViewScaleInfo(),viewSizeInfo:t.getActiveViewSizeInfo()}),i}resize(e={},t){const{sharer:i}=xi(this,gi,"f"),o=i.getActiveViewSizeInfo(),n=Object.assign(Object.assign({},o),e),{width:a,height:r,devicePixelRatio:l}=n,{underlayContext:s,boardContext:h,overlayContext:c,viewContext:d}=xi(this,gi,"f").boardContent;return h.canvas.width=a*l,h.canvas.height=r*l,h.canvas.style.width=`${a}px`,h.canvas.style.height=`${r}px`,s.canvas.width=a*l,s.canvas.height=r*l,c.canvas.width=a*l,c.canvas.height=r*l,d.canvas.width=a*l,d.canvas.height=r*l,i.setActiveViewSizeInfo(n),(null==t?void 0:t.ignoreUpdateVisibleStatus)||xi(this,gi,"f").calculator.updateVisiableStatus({viewScaleInfo:i.getActiveViewScaleInfo(),viewSizeInfo:i.getActiveViewSizeInfo()}),n}}gi=new WeakMap,vi=new WeakMap,mi=new WeakMap,ui=new WeakSet,wi=function(){const{renderer:e}=xi(this,gi,"f");e.on("load",(()=>{this.drawFrame()}))},yi=function e(){if("DRAWING"===xi(this,mi,"f")||0===xi(this,vi,"f").length)return;pi(this,mi,"DRAWING","f");const t=xi(this,vi,"f").shift(),{renderer:i,boardContent:o,beforeDrawFrame:n,afterDrawFrame:a}=xi(this,gi,"f");if(t){const{scale:e,offsetTop:r,offsetBottom:l,offsetLeft:s,offsetRight:h,width:c,height:d,contextHeight:f,contextWidth:u,devicePixelRatio:g}=t.activeStore,v={scale:e,offsetTop:r,offsetBottom:l,offsetLeft:s,offsetRight:h},m={width:c,height:d,contextHeight:f,contextWidth:u,devicePixelRatio:g};(null==t?void 0:t.activeStore.data)&&i.drawData(t.activeStore.data,{viewScaleInfo:v,viewSizeInfo:m}),n({snapshot:t}),o.drawView(),a({snapshot:t})}0!==xi(this,vi,"f").length?pi(this,mi,"DRAWING","f")&&Si((()=>{xi(this,ui,"m",e).call(this)})):pi(this,mi,"COMPLETE","f")};var Ii,Ai,Mi,zi,Ri,Pi,Ti,Ci,Ei,Wi,ki,Li,Oi,ji,Yi,Di,Vi,Bi,Gi,Xi,Ni,Fi,Hi,Zi,Qi,Ui,Ji,$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},Ki=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 qi{constructor(e){Ii.add(this),Ai.set(this,void 0),Mi.set(this,new WeakMap),zi.set(this,[]),Ri.set(this,[]),Pi.set(this,void 0),Ti.set(this,void 0),Ci.set(this,void 0),Ei.set(this,void 0),Wi.set(this,void 0),ki.set(this,new _),Li.set(this,!1);const{boardContent:t}=e,i=new fi,o=new Bt({viewContext:t.viewContext}),n=new ri({boardContent:t,sharer:i}),a=new Ot({viewContext:t.viewContext,sharer:i,calculator:o});$i(this,Ai,e,"f"),$i(this,Ci,i,"f"),$i(this,Pi,n,"f"),$i(this,Ti,a,"f"),$i(this,Wi,o,"f"),$i(this,Ei,new bi({boardContent:e.boardContent,sharer:i,renderer:a,calculator:Ki(this,Wi,"f"),beforeDrawFrame:e=>{Ki(this,Ii,"m",Qi).call(this,e)},afterDrawFrame:e=>{Ki(this,Ii,"m",Ui).call(this,e)}}),"f"),Ki(this,Ii,"m",Oi).call(this),Ki(this,Ii,"m",Ji).call(this)}isDestroyed(){return Ki(this,Li,"f")}destroy(){Ki(this,Pi,"f").destroy(),Ki(this,Ti,"f").destroy(),Ki(this,Wi,"f").destroy(),Ki(this,ki,"f").destroy(),$i(this,Li,!0,"f")}getSharer(){return Ki(this,Ci,"f")}getViewer(){return Ki(this,Ei,"f")}getRenderer(){return Ki(this,Ti,"f")}setData(e,t){const{modifiedOptions:i}=t||{},o=Ki(this,Ci,"f");Ki(this,Ci,"f").setActiveStorage("data",e);const n=o.getActiveViewSizeInfo(),a=o.getActiveViewScaleInfo(),r=Ie(e.elements,{viewWidth:n.width,viewHeight:n.height,extend:!0});Ki(this,Ei,"f").resetViewVisibleInfoMap(e,{viewSizeInfo:n,viewScaleInfo:a}),Ki(this,Ei,"f").drawFrame();const l=Object.assign(Object.assign({},n),r);return Ki(this,Ci,"f").setActiveViewSizeInfo(l),{viewSizeInfo:l}}getData(){const{data:e}=Ki(this,Ci,"f").getActiveStoreSnapshot();return e}use(e,t){var i,o,n;if(Ki(this,Mi,"f").has(e)){const t=Ki(this,Mi,"f").get(e);if(t)return null===(o=(i=t.middlewareObject).use)||void 0===o||o.call(i),t.status="enable",Ki(this,Mi,"f").set(e,t),void Ki(this,Ii,"m",Ji).call(this)}const{boardContent:a,container:r}=Ki(this,Ai,"f"),l=e({boardContent:a,sharer:Ki(this,Ci,"f"),viewer:Ki(this,Ei,"f"),calculator:Ki(this,Wi,"f"),eventHub:Ki(this,ki,"f"),container:r},t);null===(n=l.use)||void 0===n||n.call(l),Ki(this,zi,"f").push(e),Ki(this,Ri,"f").push(l),Ki(this,Mi,"f").set(e,{status:"enable",middlewareObject:l,config:t}),Ki(this,Ii,"m",Ji).call(this)}disuse(e){var t,i;const o=Ki(this,Mi,"f").get(e);o&&(null===(i=(t=o.middlewareObject).disuse)||void 0===i||i.call(t),o.status="disable",Ki(this,Mi,"f").set(e,o),Ki(this,Ii,"m",Ji).call(this))}scale(e){const t=Ki(this,Ei,"f"),{ignoreUpdateVisibleStatus:i}=e,{moveX:o,moveY:n}=t.scale(Object.assign(Object.assign({},e),{ignoreUpdateVisibleStatus:!0}));t.scroll({moveX:o,moveY:n,ignoreUpdateVisibleStatus:i})}scroll(e){return Ki(this,Ei,"f").scroll(e)}updateViewScaleInfo(e){return Ki(this,Ei,"f").updateViewScaleInfo(e)}resize(e,t){const i=Ki(this,Ei,"f").resize(e,t),{width:o,height:n,devicePixelRatio:a}=e,{boardContent:r}=Ki(this,Ai,"f");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}),Ki(this,Ei,"f").drawFrame(),Ki(this,Pi,"f").trigger("resize",i),Ki(this,Ci,"f").setActiveViewSizeInfo(e)}clear(){const{boardContent:e}=Ki(this,Ai,"f"),{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),Ki(this,Ii,"m",Zi).call(this)}getEventHub(){return Ki(this,ki,"f")}onWatcherEvents(){Ki(this,Pi,"f").onEvents()}offWatcherEvents(){Ki(this,Pi,"f").offEvents()}}Ai=new WeakMap,Mi=new WeakMap,zi=new WeakMap,Ri=new WeakMap,Pi=new WeakMap,Ti=new WeakMap,Ci=new WeakMap,Ei=new WeakMap,Wi=new WeakMap,ki=new WeakMap,Li=new WeakMap,Ii=new WeakSet,Oi=function(){Ki(this,Pi,"f").on("pointStart",Ki(this,Ii,"m",ji).bind(this)),Ki(this,Pi,"f").on("pointEnd",Ki(this,Ii,"m",Yi).bind(this)),Ki(this,Pi,"f").on("pointMove",Ki(this,Ii,"m",Di).bind(this)),Ki(this,Pi,"f").on("hover",Ki(this,Ii,"m",Vi).bind(this)),Ki(this,Pi,"f").on("wheel",Ki(this,Ii,"m",Gi).bind(this)),Ki(this,Pi,"f").on("wheelScale",Ki(this,Ii,"m",Xi).bind(this)),Ki(this,Pi,"f").on("scrollX",Ki(this,Ii,"m",Ni).bind(this)),Ki(this,Pi,"f").on("scrollY",Ki(this,Ii,"m",Fi).bind(this)),Ki(this,Pi,"f").on("resize",Ki(this,Ii,"m",Hi).bind(this)),Ki(this,Pi,"f").on("doubleClick",Ki(this,Ii,"m",Bi).bind(this)),Ki(this,Ti,"f").on("load",(()=>{Ki(this,ki,"f").trigger("loadResource")}))},ji=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.pointStart)||void 0===t?void 0:t.call(o,e)))return}},Yi=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.pointEnd)||void 0===t?void 0:t.call(o,e)))return}},Di=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.pointMove)||void 0===t?void 0:t.call(o,e)))return}},Vi=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.hover)||void 0===t?void 0:t.call(o,e)))return}},Bi=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.doubleClick)||void 0===t?void 0:t.call(o,e)))return}},Gi=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.wheel)||void 0===t?void 0:t.call(o,e)))return}},Xi=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.wheelScale)||void 0===t?void 0:t.call(o,e)))return}},Ni=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.scrollX)||void 0===t?void 0:t.call(o,e)))return}},Fi=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.scrollY)||void 0===t?void 0:t.call(o,e)))return}},Hi=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.resize)||void 0===t?void 0:t.call(o,e)))return}},Zi=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.clear)||void 0===t?void 0:t.call(o,e)))return}},Qi=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.beforeDrawFrame)||void 0===t?void 0:t.call(o,e)))return}},Ui=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.afterDrawFrame)||void 0===t?void 0:t.call(o,e)))return}},Ji=function(){const e=[],t=Ki(this,Mi,"f");Ki(this,zi,"f").forEach((i=>{const o=t.get(i);"enable"===(null==o?void 0:o.status)&&(null==o?void 0:o.middlewareObject)&&e.push(o.middlewareObject)})),$i(this,Ri,e,"f")};const _i="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==";class eo{constructor(e,d){I(this,r),I(this,s),I(this,c),I(this,f),I(this,g),I(this,t,void 0),I(this,i,void 0),I(this,o,null),I(this,n,null),I(this,a,{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":_i,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="}),A(this,i,e),A(this,t,d.eventHub),M(this,r,l).call(this),M(this,s,h).call(this)}}t=new WeakMap,i=new WeakMap,o=new WeakMap,n=new WeakMap,a=new WeakMap,r=new WeakSet,l=function(){const e=b(this,t);M(this,c,d).call(this,"default"),e.on("cursor",(e=>{var t;"over-element"!==e.type&&e.type?"resize-rotate"===e.type?M(this,c,d).call(this,"rotate"):"string"==typeof e.type&&(null==(t=e.type)?void 0:t.startsWith("resize-"))?M(this,f,u).call(this,e):"drag-default"===e.type?M(this,c,d).call(this,"drag-default"):"drag-active"===e.type?M(this,c,d).call(this,"drag-active"):M(this,c,d).call(this,"auto"):M(this,c,d).call(this,"auto")}))},s=new WeakSet,h=function(){j(_i).then((e=>{A(this,n,e)})).catch((e=>{console.error(e)}))},c=new WeakSet,d=function(e){if(b(this,o)===e)return;A(this,o,e);const t=b(this,a)[b(this,o)]||b(this,a).auto;let n=0,r=0;(e.startsWith("rotate-")&&b(this,a)[b(this,o)]||"rotate"===e)&&(n=10,r=10),b(this,i).style.cursor="default"===e?"default":`image-set(url(${t})2x) ${n} ${r}, auto`},f=new WeakSet,u=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+=Se((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+=Se(e.angle||0)})),i=Se(i);const o=M(this,g,v).call(this,i);M(this,c,d).call(this,o)},g=new WeakSet,v=function(e){const t=`rotate-${e}`;if(!b(this,a)[t]){const i=b(this,n);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 s=o.getContext("2d"),h=ce(e);s.translate(l.x,l.y),s.rotate(h),s.translate(-l.x,-l.y),s.drawImage(i,0,0,n,r),s.translate(l.x,l.y),s.rotate(-h),s.translate(-l.x,-l.y);const c=o.toDataURL("image/png");b(this,a)[t]=c}}return t};const to="change",io="SELECT",oo=Symbol(`${io}_actionType`),no=Symbol(`${io}_resizeType`),ao=Symbol(`${io}_areaStart`),ro=Symbol(`${io}_areaEnd`),lo=Symbol(`${io}_hoverElement`),so=Symbol(`${io}_hoverElementVertexes`),ho=Symbol(`${io}_selectedElementList`),co=Symbol(`${io}_selectedElementListVertexes`),fo=Symbol(`${io}_selectedElementController`),uo=Symbol(`${io}_selectedElementPosition`),go=Symbol(`${io}_groupQueue`),vo=Symbol(`${io}_groupQueueVertexesList`),mo=Symbol(`${io}_isMoving`),wo=Symbol(`${io}_enableSelectInGroup`),yo=Symbol(`${io}_enableSnapToGrid`),po={activeColor:"#1973ba",activeAreaColor:"#1976d21c",lockedColor:"#5b5959b5",referenceColor:"#f7276e"},xo="@middleware/select",So="@middleware/select-clear",bo="@middleware/select-in-group",Io="@middleware/snap-to-grid";function Ao(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()}function Mo(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 zo(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 Ro(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;zo(e,[{x:l,y:h},{x:s,y:h},{x:s,y:c},{x:l,y:c}],{borderColor:n,borderWidth:a,lineDash:r})}function Po(e,t,i){if(!t)return;const{style:o}=i,{activeColor:n}=o,a={borderColor:n,borderWidth:1,background:"transparent",lineDash:[]};Ao(e,ke(t,i),a)}function To(e,t,i){if(!t)return;const{style:o}=i,{lockedColor:n}=o,a={borderColor:n,borderWidth:1,background:"transparent",lineDash:[]};Ao(e,ke(t,i),a);const{controller:r}=i;if(r){const{topLeft:t,topRight:o,bottomLeft:l,bottomRight:s,topMiddle:h,bottomMiddle:c,leftMiddle:d,rightMiddle:f}=r,u={...a,borderWidth:1,background:n};zo(e,ke(h.vertexes,i),u),zo(e,ke(c.vertexes,i),u),zo(e,ke(d.vertexes,i),u),zo(e,ke(f.vertexes,i),u),zo(e,ke(t.vertexes,i),u),zo(e,ke(o.vertexes,i),u),zo(e,ke(l.vertexes,i),u),zo(e,ke(s.vertexes,i),u)}}function Co(e,t,i){if(!t)return;const{hideControllers:o,style:n}=i,{activeColor:a}=n,{elementWrapper:r,topLeft:l,topRight:s,bottomLeft:h,bottomRight:c,top:d,rotate:f}=t,u={borderColor:a,borderWidth:2,background:"transparent",lineDash:[]},g={...u,borderWidth:4,background:"#FFFFFF"};Ao(e,ke(r,i),u),o||(Mo(e,We(d.center,i),We(f.center,i),{...g,borderWidth:2}),Ao(e,ke(l.vertexes,i),g),Ao(e,ke(s.vertexes,i),g),Ao(e,ke(h.vertexes,i),g),Ao(e,ke(c.vertexes,i),g),function(e,t,i){const{size:o,borderColor:n,borderWidth:a,background:r}=i,l=t,s=o/2,h=s,c=s;if(h>=0&&c>=0){if("number"==typeof a&&a>0){const t=a/2+h,i=a/2+c;e.beginPath(),e.strokeStyle=n,e.lineWidth=a,e.circle(l.x,l.y,t,i,0,0,2*Math.PI),e.closePath(),e.stroke()}e.beginPath(),e.fillStyle=r,e.circle(l.x,l.y,h,c,0,0,2*Math.PI),e.closePath(),e.fill()}}(e,We(f.center,i),{...g,size:10,borderWidth:2}))}function Eo(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)=>{Ro(e,i,l),t[o+1]&&Mo(e,t[o],t[o+1],r)}))})),o&&o.forEach((t=>{t.forEach(((i,o)=>{Ro(e,i,l),t[o+1]&&Mo(e,t[o],t[o+1],r)}))}))}function Wo(e){return e*Math.PI/180}function ko(e,t){return Math.sqrt(e*e+t*t)}function Lo(e,t){return t>0?Math.abs(e):0-Math.abs(e)}function Oo(e,t){const{ctx:i,viewScaleInfo:o,vertexes:n}=t,a=We(n[0],{viewScaleInfo:o}),r=We(n[1],{viewScaleInfo:o}),l=We(n[2],{viewScaleInfo:o}),s=We(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 jo(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=Te(a),l=r[r.length-1];return!!l&&Oo(e,{ctx:i,vertexes:l,viewScaleInfo:o,viewSizeInfo:n})}function Yo(e,t){var i,o,n;const a={type:null,elements:[],elementVertexesList:[],groupQueue:[],groupQueueVertexesList:[]},{ctx:r,data:l,calculator:s,selectedElements:h,viewScaleInfo:c,viewSizeInfo:d,areaSize:f,groupQueue:u,selectedElementController:g}=t;if(g){const{left:t,right:i,top:o,bottom:n,topLeft:l,topRight:s,bottomLeft:f,bottomRight:v,rotate:m}=g,w=[t,i,o,n,l,s,f,v,m];for(let t=0;t<w.length;t++){const i=w[t];if(Oo(e,{ctx:r,vertexes:i.vertexes,viewSizeInfo:d,viewScaleInfo:c})){a.type=`resize-${i.type}`,h&&(null==h?void 0:h.length)>0&&(a.groupQueue=u||[],a.elements=[h[0]]);break}}}if(u&&Array.isArray(u)&&u.length>0){const t=u[u.length-1];if((null==(i=null==t?void 0:t.detail)?void 0:i.children)&&Array.isArray(null==(o=null==t?void 0:t.detail)?void 0:o.children))for(let i=t.detail.children.length-1;i>=0;i--){const o=t.detail.children[i],n=Ce(o,{groupQueue:u});if(n&&Oo(e,{ctx:r,vertexes:n,viewScaleInfo:c,viewSizeInfo:d}))return a.type||(a.type="over-element"),a.groupQueue=u,a.elements=[o],a}return a}if(null!==a.type)return a;if(f&&Array.isArray(h)&&(null==h?void 0:h.length)>1){const{x:t,y:i,w:o,h:n}=f;if(e.x>=t&&e.x<=t+o&&e.y>=i&&e.y<=i+n)return a.type="list-area",a.elements=h,a}if(l){const{index:t,element:i}=s.getPointElement(e,{data:l,viewScaleInfo:c,viewSizeInfo:d});if(t>=0&&i&&!0!==(null==(n=null==i?void 0:i.operations)?void 0:n.invisible))return a.elements=[i],a.type="over-element",a}return a}function Do(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=We(l,{viewScaleInfo:c}),f=Se(r),u=function(e,t,i){const o=ve(e,t),n=ve(e,i);return null!==n&&null!==o?o>3*Math.PI/2&&n<Math.PI/2?n+(2*Math.PI-o):n>3*Math.PI/2&&o<Math.PI/2?o+(2*Math.PI-n):n-o:0}(d,s,h);return{x:i,y:o,w:n,h:a,angle:f+u/Math.PI*180}}function Vo(e,t){var i;if(!Array.isArray(e))return null;const o={x:0,y:0,w:0,h:0},{viewScaleInfo:n,viewSizeInfo:a}=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 s=Ee(l,{viewScaleInfo:n,viewSizeInfo:a});if(s.angle&&(s.angle>0||s.angle<0)){const e=pe(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))}}if(r){const e=Math.min(s.x,o.x),t=Math.min(s.y,o.y),i=Math.max(s.x+s.w,o.x+o.w),n=Math.max(s.y+s.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=s.x,o.y=s.y,o.w=s.w,o.h=s.h;r=s}return o}function Bo(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 Go=(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]},Xo=(e,t)=>Math.abs(e-t)<1e-5;function No(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 f={},u={},g={},v={},m=[],w=[];let y=[],p=[];const x=Bo(d);f[x.minX]=[x.minY,x.midY,x.maxY],f[x.midX]=[x.minY,x.midY,x.maxY],f[x.maxX]=[x.minY,x.midY,x.maxY],u[x.minY]=[x.minX,x.midX,x.maxX],u[x.midY]=[x.minX,x.midX,x.maxX],u[x.maxY]=[x.minX,x.midX,x.maxX],c.forEach((e=>{const t=Bo(e);g[t.minX]||(g[t.minX]=[]),g[t.midX]||(g[t.midX]=[]),g[t.maxX]||(g[t.maxX]=[]),v[t.minY]||(v[t.minY]=[]),v[t.midY]||(v[t.midY]=[]),v[t.maxY]||(v[t.maxY]=[]),g[t.minX]=[t.minY,t.midY,t.maxY],g[t.midX]=[t.minY,t.midY,t.maxY],g[t.maxX]=[t.minY,t.midY,t.maxY],y.push(t.minX),y.push(t.midX),y.push(t.maxX),v[t.minY]=[t.minX,t.midX,t.maxX],v[t.midY]=[t.minX,t.midX,t.maxX],v[t.maxY]=[t.minX,t.midX,t.maxX],p.push(t.minY),p.push(t.midY),p.push(t.maxY)})),y=y.sort(((e,t)=>e-t)),p=p.sort(((e,t)=>e-t));let S=null,b=null,I=null,A=null,M=null,z=null,R=null,P=null;if(y.length>0){I=Go(y,x.minX),A=Go(y,x.midX),M=Go(y,x.maxX);const e=Math.abs(I-x.minX),t=Math.abs(A-x.midX),i=Math.abs(M-x.maxX),o=Math.min(e,t,i);o<=2/l.scale&&(Xo(o,e)?S=I-x.minX:Xo(o,t)?S=A-x.midX:Xo(o,i)&&(S=M-x.maxX))}if(p.length>0){z=Go(p,x.minY),R=Go(p,x.midY),P=Go(p,x.maxY);const e=Math.abs(z-x.minY),t=Math.abs(R-x.midY),i=Math.abs(P-x.maxY),o=Math.min(e,t,i);o<=2/l.scale&&(Xo(o,e)?b=z-x.minY:Xo(o,t)?b=R-x.midY:Xo(o,i)&&(b=P-x.maxY))}const T={...x};if(null!==S&&(T.minX+=S,T.midX+=S,T.maxX+=S),null!==b&&(T.minY+=b,T.midY+=b,T.maxY+=b),N.x(S)&&null!==S&&null!==I&&null!==A&&null!==M){if(Xo(S,I-x.minX)){const e={x:I,yList:[]};e.yList.push(T.minY),e.yList.push(T.maxY),e.yList.push(...(null==v?void 0:v[I])||[]),m.push(e)}if(Xo(S,A-x.minX)){const e={x:A,yList:[]};e.yList.push(T.minY),e.yList.push(T.maxY),e.yList.push(...(null==v?void 0:v[A])||[]),m.push(e)}if(Xo(S,M-x.minX)){const e={x:M,yList:[]};e.yList.push(T.minY),e.yList.push(T.maxY),e.yList.push(...(null==v?void 0:v[M])||[]),m.push(e)}}if(N.y(b)&&null!==b&&null!==z&&null!==R&&null!==P){if(Xo(b,z-x.minY)){const e={y:z,xList:[]};e.xList.push(T.minX),e.xList.push(T.maxX),e.xList.push(...(null==g?void 0:g[z])||[]),w.push(e)}if(Xo(b,R-x.midY)){const e={y:R,xList:[]};e.xList.push(T.minX),e.xList.push(T.maxX),e.xList.push(...(null==g?void 0:g[z])||[]),w.push(e)}if(Xo(b,P-x.maxY)){const e={y:P,xList:[]};e.xList.push(T.minX),e.xList.push(T.maxX),e.xList.push(...(null==g?void 0:g[P])||[]),w.push(e)}}const C=[];(null==m?void 0:m.length)>0&&m.forEach(((e,t)=>{C.push([]),e.yList.forEach((i=>{C[t].push({x:e.x,y:i})}))}));const E=[];return(null==w?void 0:w.length)>0&&w.forEach(((e,t)=>{E.push([]),e.xList.forEach((i=>{E[t].push({x:i,y:e.y})}))})),{offsetX:S,offsetY:b,yLines:C,xLines:E}}const Fo="@middleware/text-edit",Ho="@middleware/text-change",Zo={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"},Qo="LAYOUT_SELECT",Uo=Symbol(`${Qo}_layoutActionType`),Jo=Symbol(`${Qo}_layoutControlType`),$o=Symbol(`${Qo}_layoutController`),Ko=Symbol(`${Qo}_layoutIsHover`),qo=Symbol(`${Qo}_layoutIsSelected`),_o="#b331c9",en="#5b5959b5";function tn(e,t){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(),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 on(e,t){const{vertexes:i,strokeStyle:o,lineWidth:n}=t;e.setLineDash([]),e.strokeStyle=o,e.lineWidth=n,e.beginPath(),e.moveTo(i[0].x,i[0].y),e.lineTo(i[2].x,i[2].y),e.closePath(),e.stroke(),e.beginPath(),e.moveTo(i[1].x,i[1].y),e.lineTo(i[3].x,i[3].y),e.closePath(),e.stroke()}function nn(e,t){const{start:i,end:o,centerVertexes:n,disabled:a}=t,r=!0===a?1:2,l=!0===a?en:_o;e.setLineDash([]),e.strokeStyle=l,e.lineWidth=r,e.beginPath(),e.moveTo(i.x,i.y),e.lineTo(o.x,o.y),e.closePath(),e.stroke(),!0===a&&on(e,{vertexes:n,lineWidth:r,strokeStyle:l})}const an="SCROLL",rn=Symbol(`${an}_xThumbRect`),ln=Symbol(`${an}_yThumbRect`),sn=Symbol(`${an}_hoverXThumbRect`),hn=Symbol(`${an}_hoverYThumbRect`),cn=Symbol(`${an}_prevPoint`),dn=Symbol(`${an}_activePoint`),fn=Symbol(`${an}_activeThumbType`),un={thumbBackground:"#0000003A",thumbBorderColor:"#0000008A",hoverThumbBackground:"#0000005F",hoverThumbBorderColor:"#000000EE",activeThumbBackground:"#0000005E",activeThumbBorderColor:"#000000F0"},gn=16,vn=2.5*gn;function mn(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 wn(e,t){let{x:i,y:o,h:n,w:a,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(),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 yn(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,f=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,f=vn,u=gn,{thumbBackground:g,thumbBorderColor:v,hoverThumbBackground:m,hoverThumbBorderColor:w}=a;let y=0,p=0;y=Math.max(f,r-2*u-(Math.abs(c)+Math.abs(d))),y>=r&&(y=r),p=Math.max(f,l-2*u-(Math.abs(s)+Math.abs(h))),p>=l&&(p=l);const x=u;let S=x;c>0?S=x:d>0?S=r-y-u:c<=0&&y>0&&(0!==c||0!==d)&&(S=x+(r-y)*Math.abs(c)/(Math.abs(c)+Math.abs(d)),S=Math.min(Math.max(0,S-x),r-y));const b=u;let I=b;return s>0?I=b:h>0?I=l-p-u:s<=0&&p>0&&(0!==s||0!==h)&&(I=b+(l-p)*Math.abs(s)/(Math.abs(s)+Math.abs(h)),I=Math.min(Math.max(0,I-b),l-p)),{lineSize:u,xSize:y,ySize:p,translateY:I,translateX:S,xThumbBackground:o?m:g,yThumbBackground:n?m:g,xThumbBorderColor:o?w:v,yThumbBorderColor:n?w:v,xThumbRect:{x:S,y:l-u,w:y,h:u},yThumbRect:{x:r-u,y:I,w:u,h:p}}}({viewScaleInfo:o,viewSizeInfo:n,hoverXThumb:c,hoverYThumb:d,style:r});let u={...f.xThumbRect},g={...f.yThumbRect};return l&&s&&h&&("X"===l&&a.xThumbRect?(u={...a.xThumbRect},u.x=u.x+(h.x-s.x)):"Y"===l&&a.yThumbRect&&(g={...a.yThumbRect},g.y=g.y+(h.y-s.y))),wn(i,{axis:"X",...u,r:f.lineSize/2,background:f.xThumbBackground,borderColor:f.xThumbBorderColor}),wn(i,{axis:"Y",...g,r:f.lineSize/2,background:f.yThumbBackground,borderColor:f.yThumbBorderColor}),{xThumbRect:u,yThumbRect:g}}function pn(e,t){const{snapshot:i,style:o}=t,n=he(i),a=se(i),r=function(e){const{sharedStore:t}=e;return{activePoint:t[dn]||null,prevPoint:t[cn]||null,activeThumbType:t[fn]||null,xThumbRect:t[rn]||null,yThumbRect:t[ln]||null,hoverXThumb:t[sn],hoverYThumb:t[hn]}}(i),{xThumbRect:l,yThumbRect:s}=yn(e,{viewSizeInfo:n,viewScaleInfo:a,scrollInfo:r,style:o});return{xThumbRect:l,yThumbRect:s}}const xn="@middleware/scale",Sn=16,bn="monospace",In={background:"#FFFFFFA8",borderColor:"#00000080",scaleColor:"#000000",textColor:"#00000080",gridColor:"#AAAAAA20",gridPrimaryColor:"#AAAAAA40",selectedAreaColor:"#196097"},An=[1,2,5,10,20,50,100,200,500];function Mn(e){const{scale:t,viewLength:i,viewOffset:o}=e,n=[];let a=10;a=Ne(a/t,{decimalPlaces:0}),a=function(e){e=Math.max(An[0],Math.min(e,An[An.length-1]));for(let t=0;t<An.length-1;t++){const i=An[t],o=An[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,f=(c-d+h)/t,u=h-d+0;for(;u+s*h<i;){const e=Ne(f+s*a,{decimalPlaces:0}),t={num:e,position:Ne(u+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 zn="@middleware/show-ruler",Rn=Symbol("DRAG_prevPoint"),Pn="monospace";const Tn={textBackground:"#1973bac6",textColor:"#ffffff"},Cn=10;return m=new WeakMap,w=new WeakMap,y=new WeakMap,p=new WeakSet,x=function(){b(this,y).style.position="relative"},e.Core=class{constructor(e,t){I(this,p),I(this,m,void 0),I(this,w,void 0),I(this,y,void 0);const{devicePixelRatio:i=1,width:o,height:n,createCustomContext2D:a}=t;A(this,y,e);const r=document.createElement("canvas");A(this,w,r),M(this,p,x).call(this),e.appendChild(r);const l=function(e,t){const{width:i,height:o,devicePixelRatio:n,offscreen:a,createCustomContext2D:r}=t,l={width:i,height:o,devicePixelRatio:n},s=e.getContext("2d");if(r){const e=r(l),t=r(l),i=r(l),o=J(Object.assign({ctx:s},l)),n=()=>{const{width:n,height:a}=e.$getSize();o.clearRect(0,0,n,a),o.drawImage(i.canvas,0,0,n,a),o.drawImage(e.canvas,0,0,n,a),o.drawImage(t.canvas,0,0,n,a),i.clearRect(0,0,n,a),e.clearRect(0,0,n,a),t.clearRect(0,0,n,a)};return{underlayContext:i,viewContext:e,overlayContext:t,boardContext:o,drawView:n}}if(!0===a){const e=$(l),t=$(l),i=$(l),o=J(Object.assign({ctx:s},l)),n=()=>{const{width:n,height:a}=e.$getSize();o.clearRect(0,0,n,a),o.drawImage(i.canvas,0,0,n,a),o.drawImage(e.canvas,0,0,n,a),o.drawImage(t.canvas,0,0,n,a),i.clearRect(0,0,n,a),e.clearRect(0,0,n,a),t.clearRect(0,0,n,a)};return{underlayContext:i,viewContext:e,overlayContext:t,boardContext:o,drawView:n}}{const e=J(l),t=J(l),n=J(l),a=J(Object.assign({ctx:s},l)),r=()=>{a.clearRect(0,0,i,o),a.drawImage(n.canvas,0,0,i,o),a.drawImage(e.canvas,0,0,i,o),a.drawImage(t.canvas,0,0,i,o),n.clearRect(0,0,i,o),e.clearRect(0,0,i,o),t.clearRect(0,0,i,o)};return{underlayContext:n,viewContext:e,overlayContext:t,boardContext:a,drawView:r}}}(r,{width:o,height:n,devicePixelRatio:i,offscreen:!0,createCustomContext2D:a}),s=new qi({boardContent:l,container:e}),h=s.getSharer();h.setActiveViewSizeInfo({width:o,height:n,devicePixelRatio:i,contextWidth:o,contextHeight:n}),A(this,m,s),this.resize(h.getActiveViewSizeInfo());const c=s.getEventHub();new eo(e,{eventHub:c})}isDestroyed(){return b(this,m).isDestroyed()}destroy(){b(this,m).destroy(),b(this,w).remove()}use(e,t){b(this,m).use(e,t)}disuse(e){b(this,m).disuse(e)}setData(e,t){be((null==e?void 0:e.elements)||[]),b(this,m).setData(e,t)}getData(){return b(this,m).getData()}scale(e){b(this,m).scale(e);b(this,m).getViewer().drawFrame()}resize(e){const t=b(this,m),i=t.getSharer().getActiveViewSizeInfo();t.resize({...i,...e})}clear(){b(this,m).clear()}on(e,t){b(this,m).getEventHub().on(e,t)}off(e,t){b(this,m).getEventHub().off(e,t)}trigger(e,t){b(this,m).getEventHub().trigger(e,t)}getViewInfo(){const e=b(this,m).getSharer();return{viewSizeInfo:e.getActiveViewSizeInfo(),viewScaleInfo:e.getActiveViewScaleInfo()}}refresh(){b(this,m).getViewer().drawFrame()}setViewScale(e){b(this,m).updateViewScaleInfo(e)}getLoadItemMap(){return b(this,m).getRenderer().getLoadItemMap()}onBoardWatcherEvents(){b(this,m).onWatcherEvents()}offBoardWatcherEvents(){b(this,m).offWatcherEvents()}},e.MiddlewareDragger=e=>{const{eventHub:t,sharer:i,viewer:o}=e;let n=!1;return{name:"@middleware/dragger",hover(){!0!==n&&t.trigger("cursor",{type:"drag-default"})},pointStart(e){const{point:o}=e;i.setSharedStorage(Rn,o),n=!0,t.trigger("cursor",{type:"drag-active"})},pointMove(e){const{point:t}=e,n=i.getSharedStorage(Rn);if(t&&n){const e=t.x-n.x,i=t.y-n.y;o.scroll({moveX:e,moveY:i}),o.drawFrame()}i.setSharedStorage(Rn,t)},pointEnd(){n=!1,i.setSharedStorage(Rn,null),t.trigger("cursor",{type:"drag-default"})}}},e.MiddlewareInfo=(e,t)=>{const{boardContent:i,calculator:o}=e,{overlayContext:n}=i,a={...Tn,...t},{textBackground:r,textColor:l}=a,s={textBackground:r,textColor:l};return{name:"@middleware/info",beforeDrawFrame({snapshot:e}){const{sharedStore:t}=e,i=t[ho],a=t[oo],r=t[go]||[];if(1===i.length){const t=i[0];if(t&&["select","drag","resize"].includes(a)){const i=se(e),a=he(e),{x:l,y:h,w:c,h:d,angle:f}=t,u=[...r,{uuid:P(),x:l,y:h,w:c,h:d,angle:f,type:"group",detail:{children:[]}}],g={viewScaleInfo:i,viewSizeInfo:a},v=o.calcViewRectInfoFromOrigin(t.uuid,g);let m=0;u.forEach((e=>{m+=e.angle||0}));const w=ce(Se(0-m));if(v){const e=null==v?void 0:v.center,i={topLeft:me(e,v.topLeft,w),topRight:me(e,v.topRight,w),bottomRight:me(e,v.bottomRight,w),bottomLeft:me(e,v.bottomLeft,w),center:me(e,v.center,w),top:me(e,v.top,w),right:me(e,v.right,w),bottom:me(e,v.bottom,w),left:me(e,v.left,w)},o=Ne(t.x,{decimalPlaces:2}),a=Ne(t.y,{decimalPlaces:2}),r=Ne(t.w,{decimalPlaces:2}),l=Ne(t.h,{decimalPlaces:2}),h=`${Ne(o,{decimalPlaces:0})},${Ne(a,{decimalPlaces:0})}`,c=`${Ne(r,{decimalPlaces:0})}x${Ne(l,{decimalPlaces:0})}`,d=`${Ne(t.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;de(e,n,o,(()=>{e.$setFont({fontWeight:"300",fontSize:l,fontFamily:Pn});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(),e.fillStyle=h,e.textBaseline="top",e.fillText(a,d.x,d.y+t)}))}(n,{point:{x:i.bottom.x,y:i.bottom.y+Cn},rotateCenter:i.center,angle:m,text:c,fontSize:Cn,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;de(e,n,o,(()=>{e.$setFont({fontWeight:"300",fontSize:l,fontFamily:Pn});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(),e.fillStyle=c,e.textBaseline="top",e.fillText(a,d.x,d.y+t)}))}(n,{point:{x:i.topLeft.x,y:i.topLeft.y-20},rotateCenter:i.center,angle:m,text:h,fontSize:Cn,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;de(e,n,o,(()=>{e.$setFont({fontWeight:"300",fontSize:l,fontFamily:Pn});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(),e.fillStyle=c,e.textBaseline="top",e.fillText(a,d.x,d.y+t)}))}(n,{point:{x:i.top.x+Cn,y:i.top.y-20},rotateCenter:i.center,angle:m,text:d,fontSize:Cn,lineHeight:16,style:s})}}}}}},e.MiddlewareLayoutSelector=e=>{const{sharer:t,boardContent:i,calculator:o,viewer:n,eventHub:a}=e,{overlayContext:r}=i;let l=null,s=null,h=null,c=null;const d=()=>{l=null,t.setSharedStorage(Uo,null),t.setSharedStorage(Jo,null),t.setSharedStorage($o,null),t.setSharedStorage(Ko,null),t.setSharedStorage(qo,null),s=null,h=null,c=null},f=()=>{const e=t.getSharedStorage(oo);return!(!e||"area"===e)&&(d(),!0)},u=()=>{const e=t.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},g=e=>{const i=u();if(i){const{x:o,y:n,w:a,h:r}=i;return function(e,t,i){return Oe(e,Pe(t))}(e,Ee({x:o-5,y:n-5,w:a+10,h:r+10},{viewScaleInfo:t.getActiveViewScaleInfo()}))}return!1},v=()=>{const e=t.getActiveViewScaleInfo(),i=u();if(i){const o=Ge(i,{viewScaleInfo:e,controllerSize:10});t.setSharedStorage($o,o)}else t.setSharedStorage($o,null)},m=e=>{const i=t.getActiveStorage("data"),o=t.getSharedStorage($o);if(o&&(null==i?void 0:i.layout)&&(null==e?void 0:e.point)){let i=null;if(o){const{topLeft:n,top:r,topRight:l,right:s,bottomRight:h,bottom:c,bottomLeft:d,left:f}=o,u=[n,r,l,s,h,c,d,f];for(let t=0;t<u.length;t++){const o=u[t];if(Oe(e.point,o.vertexes)){i=`${o.type}`;break}}if(i)return t.setSharedStorage(Jo,i),a.trigger(So,{}),i}}return null},w=e=>{!0!==c&&a.trigger("cursor",{type:e?`resize-${e}`:e,groupQueue:[],element:u()})};return{name:"@middleware/layout-selector",use:()=>{d(),v()},hover:e=>{if(!0!==c&&!f()&&(!t.getSharedStorage(lo)||(d(),0)))if(g(e.point)?t.setSharedStorage(Ko,!0):(t.setSharedStorage(Ko,!1),!0===s&&(n.drawFrame(),s=!1)),!0!==t.getSharedStorage(qo))t.getSharedStorage(Ko)&&!s&&n.drawFrame(),s=t.getSharedStorage(Ko);else{const i=t.getSharedStorage(Uo),o=t.getActiveStorage("data");if(null==o?void 0:o.layout)if("resize"!==i){v();const i=m(e);i?w(i):(w(),t.setSharedStorage(Uo,null))}else{const t=m(e);w(t)}}},pointStart:e=>{if(f())return;g(e.point)?t.setSharedStorage(qo,!0):(!0===h&&(d(),n.drawFrame()),t.setSharedStorage(qo,!1)),v();const i=m(e);l=e.point,i&&t.setSharedStorage(Uo,"resize"),!0!==t.getSharedStorage(qo)||h||n.drawFrame(),h=t.getSharedStorage(qo)},pointMove:e=>{if(!t.getSharedStorage(qo)&&f())return;const i=t.getSharedStorage(Uo),a=t.getSharedStorage(Jo),r=t.getActiveStorage("data");if("resize"===i&&a&&(null==r?void 0:r.layout)){if(l){c=!0;const i=t.getActiveStorage("scale"),s=e.point.x-l.x,h=e.point.y-l.y,d=s/i,f=h/i,{x:u,y:g,w:v,h:m,operations:w={}}=r.layout,{position:y="absolute"}=w;"top"===a?"relative"===y?(r.layout.h=o.toGridNum(m-f),n.scroll({moveY:h})):(r.layout.y=o.toGridNum(g+f),r.layout.h=o.toGridNum(m-f)):"right"===a?r.layout.w=o.toGridNum(v+d):"bottom"===a?r.layout.h=o.toGridNum(m+f):"left"===a?"relative"===y?(r.layout.w=o.toGridNum(v-d),n.scroll({moveX:s})):(r.layout.x=o.toGridNum(u+d),r.layout.w=o.toGridNum(v-d)):"top-left"===a?"relative"===y?(r.layout.w=o.toGridNum(v-d),r.layout.h=o.toGridNum(m-f),n.scroll({moveX:s,moveY:h})):(r.layout.x=o.toGridNum(u+d),r.layout.y=o.toGridNum(g+f),r.layout.w=o.toGridNum(v-d),r.layout.h=o.toGridNum(m-f)):"top-right"===a?"relative"===y?(n.scroll({moveY:h}),r.layout.w=o.toGridNum(v+d),r.layout.h=o.toGridNum(m-f)):(r.layout.y=o.toGridNum(g+f),r.layout.w=o.toGridNum(v+d),r.layout.h=o.toGridNum(m-f)):"bottom-right"===a?(r.layout.w=o.toGridNum(v+d),r.layout.h=o.toGridNum(m+f)):"bottom-left"===a&&("relative"===y?(n.scroll({moveX:s}),r.layout.w=o.toGridNum(v-d),r.layout.h=o.toGridNum(m+f)):(r.layout.x=o.toGridNum(u+d),r.layout.w=o.toGridNum(v-d),r.layout.h=o.toGridNum(m+f)))}return l=e.point,v(),n.drawFrame(),!1}return!["resize"].includes(i)&&void 0},pointEnd:()=>{c=!1;const e=t.getSharedStorage(Uo),i=t.getSharedStorage(Jo),o=t.getActiveStorage("data");o&&"resize"===e&&i&&a.trigger(to,{type:"changeLayout",data:o})},beforeDrawFrame:({snapshot:e})=>{var t;if(f())return;const{sharedStore:i,activeStore:o}=e,n=i[Uo],a=i[Ko],l=i[qo];if(null==(t=o.data)?void 0:t.layout){const{x:t,y:i,w:s,h:h}=o.data.layout,c=se(e),d={x:t,y:i,w:s,h:h},f=Ge(d,{viewScaleInfo:c,controllerSize:10});if(!0===a){const e=Ee(d,{viewScaleInfo:c});!function(e,t){const{layoutSize:i}=t,{x:o,y:n,w:a,h:r}=i;e.setLineDash([]),e.strokeStyle=_o,e.lineWidth=1,e.beginPath(),e.moveTo(o,n),e.lineTo(o+a,n),e.lineTo(o+a,n+r),e.lineTo(o,n+r),e.lineTo(o,n),e.closePath(),e.stroke()}(r,{layoutSize:e})}(n&&["resize"].includes(n)||!0===l)&&function(e,t){const{controller:i,operations:o}=t,{topLeft:n,topRight:a,bottomLeft:r,bottomRight:l,topMiddle:s,rightMiddle:h,bottomMiddle:c,leftMiddle:d}=i;nn(e,{start:n.center,end:a.center,centerVertexes:s.vertexes,disabled:!!(null==o?void 0:o.disabledTop)}),nn(e,{start:a.center,end:l.center,centerVertexes:h.vertexes,disabled:!!(null==o?void 0:o.disabledRight)}),nn(e,{start:l.center,end:r.center,centerVertexes:c.vertexes,disabled:!!(null==o?void 0:o.disabledBottom)}),nn(e,{start:r.center,end:n.center,centerVertexes:d.vertexes,disabled:!!(null==o?void 0:o.disabledLeft)});const f={lineWidth:1,strokeStyle:en};!0===(null==o?void 0:o.disabledTopLeft)?on(e,{vertexes:n.vertexes,...f}):tn(e,n.vertexes),!0===(null==o?void 0:o.disabledTopRight)?on(e,{vertexes:a.vertexes,...f}):tn(e,a.vertexes),!0===(null==o?void 0:o.disabledBottomRight)?on(e,{vertexes:l.vertexes,...f}):tn(e,l.vertexes),!0===(null==o?void 0:o.disabledBottomLeft)?on(e,{vertexes:r.vertexes,...f}):tn(e,r.vertexes)}(r,{controller:f,operations:o.data.layout.operations||{}})}},scrollX:()=>{d()},scrollY:()=>{d()},wheelScale:()=>{d()}}},e.MiddlewareRuler=(e,t)=>{const{boardContent:i,viewer:o,eventHub:n,calculator:a}=e,{overlayContext:r,underlayContext:l}=i,s={...In,...t},{background:h,borderColor:c,scaleColor:d,textColor:f,gridColor:u,gridPrimaryColor:g,selectedAreaColor:v}=s,m={background:h,borderColor:c,scaleColor:d,textColor:f,gridColor:u,gridPrimaryColor:g,selectedAreaColor:v};let w=!0,y=!0;const p=e=>{"boolean"==typeof(null==e?void 0:e.show)&&(w=e.show),"boolean"==typeof(null==e?void 0:e.showGrid)&&(y=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(zn,p)},disuse(){n.off(zn,p)},beforeDrawFrame:({snapshot:e})=>{if(!0===w){const t=se(e),i=he(e);!function(e,t){const{snapshot:i,calculator:o,style:n}=t,{sharedStore:a}=i,{selectedAreaColor:r}=n,l=a[ho],s=a[oo];if(["select","drag","drag-list","drag-list-end"].includes(s)&&l.length>0){const t=se(i),n=he(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 f=Math.min(...s),u=Math.max(...h),g=Math.min(...c),v=Math.max(...d);e.globalAlpha=1,e.beginPath(),e.moveTo(f,0),e.lineTo(u,0),e.lineTo(u,Sn),e.lineTo(f,Sn),e.fillStyle=r,e.closePath(),e.fill(),e.beginPath(),e.moveTo(0,g),e.lineTo(Sn,g),e.lineTo(Sn,v),e.lineTo(0,v),e.fillStyle=r,e.closePath(),e.fill()}}(r,{snapshot:e,calculator:a,style:m}),function(e,t){const{viewSizeInfo:i,style:o}=t,{width:n,height:a}=i,{background:r,borderColor:l}=o;e.beginPath(),e.moveTo(0,0),e.lineTo(n+1,0),e.lineTo(n+1,Sn),e.lineTo(Sn,Sn),e.lineTo(Sn,a+1),e.lineTo(0,a+1),e.lineTo(0,0),e.closePath(),e.fillStyle=r,e.fill(),e.lineWidth=1,e.setLineDash([]),e.strokeStyle=l,e.stroke()}(r,{viewScaleInfo:t,viewSizeInfo:i,style:m});const{list:o,rulerUnit:n}=function(e){const{viewScaleInfo:t,viewSizeInfo:i}=e,{scale:o,offsetLeft:n}=t,{width:a}=i;return Mn({axis:"X",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<Sn||(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:bn}),e.fillText(`${o.num}`,o.position+3.2,3.2)))}}(r,{scaleList:o,style:m});const{list:s}=function(e){const{viewScaleInfo:t,viewSizeInfo:i}=e,{scale:o,offsetTop:n}=t,{height:a}=i;return Mn({axis:"Y",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<Sn)&&(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}`;de(e,-90,{x:t,y:i},(()=>{e.fillStyle=a,e.textBaseline="top",e.$setFont({fontWeight:100,fontSize:10,fontFamily:bn}),e.fillText(n,13.2,o.position+r)}))}}}(r,{scaleList:s,style:m}),!0===y){!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,viewScaleInfo:t,viewSizeInfo:i,style:m})}}}}},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=Ne(r);o.trigger(xn,{scale:c})}}},e.MiddlewareScroller=(e,t)=>{const{viewer:i,boardContent:o,sharer:n,eventHub:a}=e,{overlayContext:r}=o;n.setSharedStorage(rn,null),n.setSharedStorage(ln,null);let l=!1;const s={...un,...t},{thumbBackground:h,thumbBorderColor:c,hoverThumbBackground:d,hoverThumbBorderColor:f,activeThumbBackground:u,activeThumbBorderColor:g}=s,v={thumbBackground:h,thumbBorderColor:c,hoverThumbBackground:d,hoverThumbBorderColor:f,activeThumbBackground:u,activeThumbBorderColor:g},m=()=>{n.setSharedStorage(cn,null),n.setSharedStorage(dn,null),n.setSharedStorage(fn,null),n.setSharedStorage(sn,null),n.setSharedStorage(hn,null),l=!1};m();const w=e=>function(e,t,i){let o=null;const{xThumbRect:n,yThumbRect:a}=i;return n&&mn(e,t,n)?o="X":a&&mn(e,t,a)&&(o="Y"),o}(r,e,{xThumbRect:n.getSharedStorage(rn),yThumbRect:n.getSharedStorage(ln)});return{name:"@middleware/scroller",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=w(t);if("X"===i||"Y"===i)return"X"===i?(n.setSharedStorage(sn,!0),n.setSharedStorage(hn,!1)):(n.setSharedStorage(sn,!1),n.setSharedStorage(hn,!0)),a.trigger("cursor",{type:"default"}),!1;n.setSharedStorage(sn,!1),n.setSharedStorage(hn,!1)},pointStart:e=>{const{point:t}=e,i=w(t);if("X"===i||"Y"===i)return l=!0,n.setSharedStorage(fn,i),n.setSharedStorage(cn,t),!1},pointMove:e=>{const{point:t}=e,o=n.getSharedStorage(fn);if("X"===o||"Y"===o)return n.setSharedStorage(dn,t),"X"===o?(e=>{const t=n.getSharedStorage(cn);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(cn);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(cn,t),!1},pointEnd:()=>{l=!1;const e=n.getSharedStorage(fn);if(m(),"X"===e||"Y"===e)return i.scroll({moveX:0,moveY:0}),i.drawFrame(),!1},beforeDrawFrame({snapshot:e}){const{xThumbRect:t,yThumbRect:i}=pn(r,{snapshot:e,style:v});n.setSharedStorage(rn,t),n.setSharedStorage(ln,i)}}},e.MiddlewareSelector=(e,t)=>{const i={...po,...t},{activeColor:o,activeAreaColor:n,lockedColor:a,referenceColor:r}=i,l={activeColor:o,activeAreaColor:n,lockedColor:a,referenceColor:r},{viewer:s,sharer:h,boardContent:c,calculator:d,eventHub:f}=e,{overlayContext:u}=c;let g=null,v=null;h.setSharedStorage(oo,null),h.setSharedStorage(yo,!0);const m=()=>h.getSharedStorage(ho),w=e=>{let t=h.getSharedStorage(go);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=Te(t);return h.setSharedStorage(go,t),h.setSharedStorage(vo,i),t.length>0},y=e=>{h.setSharedStorage(lo,e);let t=null;e&&(t=Ce(e,{groupQueue:h.getSharedStorage(go)})),h.setSharedStorage(so,t)},p=(e,t)=>{var i;if(h.setSharedStorage(ho,e),1===e.length){const t=Be(e[0],{groupQueue:h.getSharedStorage(go),controllerSize:10,viewScaleInfo:h.getActiveViewScaleInfo()});h.setSharedStorage(fo,t),h.setSharedStorage(uo,ze(e[0].uuid,(null==(i=h.getActiveStorage("data"))?void 0:i.elements)||[]))}else h.setSharedStorage(fo,null),h.setSharedStorage(uo,[]);!0===(null==t?void 0:t.triggerEvent)&&f.trigger(xo,{uuids:e.map((e=>e.uuid))})},x=()=>({ctx:u,calculator:d,data:h.getActiveStorage("data"),selectedElements:m(),viewScaleInfo:h.getActiveViewScaleInfo(),viewSizeInfo:h.getActiveViewSizeInfo(),groupQueue:h.getSharedStorage(go),areaSize:null,selectedElementController:h.getSharedStorage(fo),selectedElementPosition:h.getSharedStorage(uo)}),S=()=>{h.setSharedStorage(oo,null),h.setSharedStorage(no,null),h.setSharedStorage(ao,null),h.setSharedStorage(ro,null),h.setSharedStorage(go,[]),h.setSharedStorage(vo,[]),h.setSharedStorage(lo,null),h.setSharedStorage(so,null),h.setSharedStorage(ho,[]),h.setSharedStorage(co,null),h.setSharedStorage(fo,null),h.setSharedStorage(uo,[]),h.setSharedStorage(mo,null),h.setSharedStorage(wo,null)};S();const b=({uuids:e,positions:t})=>{let i=[];const o=h.getSharedStorage(oo),n=h.getActiveStorage("data");i=t&&Array.isArray(t)?function(e,t){const i=[];return e.forEach((e=>{const o=Me(e,t);o&&i.push(o)})),i}(t,(null==n?void 0:n.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==n?void 0:n.elements)||[]);let a=!1;if(o||1!==i.length?"select"===o&&1===i.length&&(a=!0):(h.setSharedStorage(oo,"select"),a=!0),a){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==n?void 0:n.elements)||[]);h.setSharedStorage(go,e),p(i),s.drawFrame()}},I=()=>{S(),s.drawFrame()},A=e=>{h.setSharedStorage(yo,!!e.enable)},M=e=>{h.setSharedStorage(wo,!!e.enable)};return{name:"@middleware/selector",use(){f.on(xo,b),f.on(So,I),f.on(bo,M),f.on(Io,A)},disuse(){f.off(xo,b),f.off(So,I),f.off(bo,M),f.off(Io,A)},hover:e=>{var t,i,o,n,a;const r=h.getSharedStorage(qo),l=h.getSharedStorage(no),c=h.getSharedStorage(oo),g=h.getSharedStorage(go),w=e=>{if(!0===r)return;const t=e.type;null===v&&f.trigger("cursor",{type:t,groupQueue:e.groupQueue,element:e.elements[0]})};if((null==g?void 0:g.length)>0){if(!jo(e.point,{ctx:u,viewScaleInfo:h.getActiveViewScaleInfo(),viewSizeInfo:h.getActiveViewSizeInfo(),groupQueue:h.getSharedStorage(go)}))return y(null),void s.drawFrame();const i=Yo(e.point,x());return w(i),l||["area","drag","drag-list"].includes(c)?(y(null),void s.drawFrame()):1===(null==(t=null==i?void 0:i.elements)?void 0:t.length)?(y(i.elements[0]),void s.drawFrame()):(y(null),void s.drawFrame())}if(l||["area","drag","drag-list"].includes(c))return void y(null);if("drag"===c)return void y(null);const p=m(),S=h.getActiveViewScaleInfo(),b=h.getActiveViewSizeInfo(),I=Yo(e.point,{...x(),areaSize:Vo(p,{viewScaleInfo:S,viewSizeInfo:b,calculator:d})});if(w(I),null!==I.type){if(!("over-element"===I.type&&"select"===h.getSharedStorage(oo)&&1===I.elements.length&&I.elements[0].uuid===(null==(o=null==(i=m())?void 0:i[0])?void 0:o.uuid)||"over-element"===I.type&&null===h.getSharedStorage(oo)&&1===I.elements.length&&I.elements[0].uuid===(null==(n=h.getSharedStorage(lo))?void 0:n.uuid)))return"over-element"===I.type&&1===(null==(a=null==I?void 0:I.elements)?void 0:a.length)?(y(I.elements[0]),void s.drawFrame()):h.getSharedStorage(lo)?(y(null),void s.drawFrame()):void 0}else(h.getSharedStorage(lo)||h.getSharedStorage(so))&&(h.setSharedStorage(lo,null),h.setSharedStorage(so,null),s.drawFrame())},pointStart:e=>{var t,i,o,n,a,r,l,c,f,v;g=e.point;const w=h.getSharedStorage(go);if((null==w?void 0:w.length)>0){if(jo(e.point,{ctx:u,viewScaleInfo:h.getActiveViewScaleInfo(),viewSizeInfo:h.getActiveViewSizeInfo(),groupQueue:w})){const r=Yo(e.point,x());if(1===(null==(t=null==r?void 0:r.elements)?void 0:t.length)&&!0===(null==(o=null==(i=r.elements[0])?void 0:i.operations)?void 0:o.lock))return;y(null),"over-element"===r.type&&1===(null==(n=null==r?void 0:r.elements)?void 0:n.length)?(p([r.elements[0]],{triggerEvent:!0}),h.setSharedStorage(oo,"drag")):(null==(a=r.type)?void 0:a.startsWith("resize-"))?(h.setSharedStorage(no,r.type),h.setSharedStorage(oo,"resize")):p([],{triggerEvent:!0})}else S();return void s.drawFrame()}const b=Vo(m(),{viewScaleInfo:h.getActiveViewScaleInfo(),viewSizeInfo:h.getActiveViewSizeInfo(),calculator:d}),I=Yo(e.point,{...x(),areaSize:b,groupQueue:[]});1===(null==(r=null==I?void 0:I.elements)?void 0:r.length)&&!0===(null==(c=null==(l=I.elements[0])?void 0:l.operations)?void 0:c.lock)||(y(null),"list-area"===I.type?h.setSharedStorage(oo,"drag-list"):"over-element"===I.type&&1===(null==(f=null==I?void 0:I.elements)?void 0:f.length)?(p([I.elements[0]],{triggerEvent:!0}),h.setSharedStorage(oo,"drag")):(null==(v=I.type)?void 0:v.startsWith("resize-"))?(h.setSharedStorage(no,I.type),h.setSharedStorage(oo,"resize")):(S(),h.setSharedStorage(oo,"area"),h.setSharedStorage(ao,e.point),p([],{triggerEvent:!0})),s.drawFrame())},pointMove:e=>{var t,i,o;h.setSharedStorage(mo,!0);const n=h.getActiveStorage("data"),a=m(),r=h.getActiveStorage("scale")||1,l=h.getActiveViewScaleInfo(),c=h.getActiveViewSizeInfo(),f=g,u=e.point,w=h.getSharedStorage(no),y=h.getSharedStorage(oo),x=h.getSharedStorage(go),S=h.getSharedStorage(yo);if("drag"===y){if(v="drag",n&&1===(null==a?void 0:a.length)&&f&&u&&!0!==(null==(i=null==(t=a[0])?void 0:t.operations)?void 0:i.lock)){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=we(e,a),r=we(t,a);o=r.x-i.x,n=r.y-i.y}return{moveX:o,moveY:n}}(f,u,x);let i=d.toGridNum(e/r),o=d.toGridNum(t/r);if(!0===S){const e=No(a[0].uuid,{calculator:d,data:n,groupQueue:x,viewScaleInfo:l,viewSizeInfo:c});try{e&&(N.x(e.offsetX)&&null!==e.offsetX&&(i=d.toGridNum(i+e.offsetX)),N.y(e.offsetY)&&null!==e.offsetY&&(o=d.toGridNum(o+e.offsetY)))}catch(e){console.error(e)}}a[0].x=d.toGridNum(a[0].x+i),a[0].y=d.toGridNum(a[0].y+o),p([a[0]]),d.modifyViewVisibleInfoMap(n,{modifyOptions:{type:"updateElement",content:{element:a[0],position:h.getSharedStorage(uo)||[]}},viewSizeInfo:c,viewScaleInfo:l})}s.drawFrame()}else if("drag-list"===y){if(v="drag-list",n&&f&&u&&(null==a?void 0:a.length)>1){const e=(u.x-f.x)/r,t=(u.y-f.y)/r;a.forEach((i=>{var o;i&&!0!==(null==(o=null==i?void 0:i.operations)?void 0:o.lock)&&(i.x=d.toGridNum(i.x+e),i.y=d.toGridNum(i.y+t),d.modifyViewVisibleInfoMap(n,{modifyOptions:{type:"updateElement",content:{element:i,position:ze(i.uuid,n.elements)||[]}},viewSizeInfo:c,viewScaleInfo:l}))})),h.setActiveStorage("data",n)}s.drawFrame()}else if("resize"===y){if(n&&1===(null==a?void 0:a.length)&&f&&(null==w?void 0:w.startsWith("resize-"))){v="resize";const e=[];x.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=f,i=u;if(x.length>0&&(t=we(f,e),i=we(u,e)),"resize-rotate"===w){const e=h.getSharedStorage(fo),t=ge([e.topLeft.center,e.topRight.center,e.bottomLeft.center,e.bottomRight.center]),i=Do(a[0],{center:t,viewScaleInfo:l,viewSizeInfo:c,start:f,end:u,resizeType:w,sharer:h});a[0].angle=d.toGridNum(i.angle||0)}else{const e=function(e,t){var i,o,n,a,r,l,s,h,c;let{x:d,y:f,w:u,h:g,angle:v=0}=e;const m=ue({x:d,y:f,w:u,h:g,angle:v});v=Se(v);const w=ce(v),y=!!(null==(i=null==e?void 0:e.operations)?void 0:i.limitRatio),{start:p,end:x,resizeType:S,scale:b}=t;let I={...p},A={...x},M={x:I.x,y:m.y},z={x:A.x,y:m.y},R={...M},P={...z},T={x:m.x,y:I.y},C={x:m.x,y:A.y},E={...T},W={...C},k=(P.x-R.x)/b,L=(P.y-R.y)/b,O=ko(k,L),j=(W.x-E.x)/b,Y=(W.y-E.y)/b,D=ko(j,Y);(v>0||v<0)&&(I=me(m,p,0-w),A=me(m,x,0-w),M={x:I.x,y:m.y},z={x:A.x,y:m.y},R=me(m,M,w),P=me(m,z,w),T={x:m.x,y:I.y},C={x:m.x,y:A.y},E=me(m,T,w),W=me(m,C,w),k=(P.x-R.x)/b,L=(P.y-R.y)/b,O=ko(k,L),O=Lo(O,L),j=(W.x-E.x)/b,Y=(W.y-E.y)/b,D=ko(j,Y),D=Lo(D,Y));let V=(x.x-p.x)/b,B=(x.y-p.y)/b;if(!0===y)if(["resize-top","resize-bottom","resize-left","resize-right"].includes(S)){const t=Math.max(Math.abs(V),Math.abs(B));V=(V>=0?1:-1)*t,B=(B>=0?1:-1)*t/e.w*e.h;const i=Math.max(Math.abs(j),Math.abs(Y));j=(j>=0?1:-1)*i,Y=(Y>=0?1:-1)*i/e.w*e.h;const o=Math.max(Math.abs(k),Math.abs(L));k=(k>=0?1:-1)*o,L=(L>=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(V);V=(V>=0?1:-1)*t;const i=t/e.w*e.h;"resize-top-left"===S||"resize-bottom-right"===S?B=V>0?i:-i:"resize-top-right"!==S&&"resize-bottom-left"!==S||(B=V>0?-i:i)}O=Math.abs(O),D=O/e.w*e.h}switch(S){case"resize-top":if(0===v)g-B>0&&(f+=B,g-=B,!0===(null==(o=e.operations)?void 0:o.limitRatio)&&(d+=B/e.h*e.w/2,u-=B/e.h*e.w));else if(v>0||v<0){let t=m.x,i=m.y;if(v<90){D=0-Lo(D,Y);const e=Wo(v),o=D/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}else if(v<180){D=Lo(D,j);const e=Wo(v-90),o=D/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}else if(v<270){D=Lo(D,Y);const e=Wo(v-180),o=D/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}else if(v<360){D=0-Lo(D,j);const e=Wo(v-270),o=D/2;t-=o*Math.cos(e),i-=o*Math.sin(e)}g+D>0&&(!0===(null==(n=e.operations)?void 0:n.limitRatio)&&(u+=D/e.h*e.w),g+=D,d=t-u/2,f=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,u+=B/e.h*e.w));else if(v>0||v<0){let t=m.x,i=m.y;if(v<90){D=Lo(D,Y);const e=Wo(v),o=D/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}else if(v<180){D=0-Lo(D,j);const e=Wo(v-90),o=D/2;t-=o*Math.cos(e),i-=o*Math.sin(e)}else if(v<270){D=Lo(D,j);const e=Wo(v-180),o=D/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}else if(v<360){D=Lo(D,j);const e=Wo(v-270),o=D/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}g+D>0&&(!0===(null==(r=e.operations)?void 0:r.limitRatio)&&(u+=D/e.h*e.w),g+=D,d=t-u/2,f=i-g/2)}break;case"resize-left":if(0===v)e.w-V>0&&(d+=V,u-=V,!0===(null==(l=e.operations)?void 0:l.limitRatio)&&(g-=V/e.w*e.h,f+=V/e.w*e.h/2));else if(v>0||v<0){let t=m.x,i=m.y;if(v<90){O=0-Lo(O,k);const e=Wo(v),o=O/2;t-=o*Math.cos(e),i-=o*Math.sin(e)}else if(v<180){O=Lo(O,k);const e=Wo(v-90),o=O/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}else if(v<270){O=Lo(O,L);const e=Wo(v-180),o=O/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}else if(v<360){O=Lo(O,L);const e=Wo(v-270),o=O/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}u+O>0&&(!0===(null==(s=e.operations)?void 0:s.limitRatio)&&(g+=O/e.w*e.h),u+=O,d=t-u/2,f=i-g/2)}break;case"resize-right":if(0===v)e.w+V>0&&(u+=V,!0===(null==(h=e.operations)?void 0:h.limitRatio)&&(f-=V*e.h/e.w/2,g+=V*e.h/e.w));else if(v>0||v<0){let t=m.x,i=m.y;if(v<90){O=Lo(O,L);const e=Wo(v),o=O/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}else if(v<180){O=Lo(O,B);const e=Wo(v-90),o=O/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}else if(v<270){O=Lo(O,B);const e=Wo(v-180),o=O/2;t+=o*Math.cos(e),i+=o*Math.sin(e),O=0-O}else if(v<360){O=Lo(O,V);const e=Wo(v-270),o=O/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}u+O>0&&(!0===(null==(c=e.operations)?void 0:c.limitRatio)&&(g+=O/e.w*e.h),u+=O,d=t-u/2,f=i-g/2)}break;case"resize-top-left":if(0===v)u-V>0&&(d+=V,u-=V),g-B>0&&(f+=B,g-=B);else if(v>0||v<0){let e=m.x,t=m.y;if(v<90){D=0-Lo(D,Y),O=0-Lo(O,y?0-D:k);const i=D/2;e+=i*Math.sin(w),t-=i*Math.cos(w);const o=O/2;e-=o*Math.cos(w),t-=o*Math.sin(w)}else if(v<180){D=Lo(D,j),O=Lo(O,y?D:k);const i=Wo(v-90),o=D/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=O/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}else if(v<270){D=Lo(D,Y),O=Lo(O,y?D:L);const i=Wo(v-180),o=D/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=O/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<360){D=0-Lo(D,j),O=Lo(O,y?D:L);const i=Wo(v-270),o=D/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=O/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}g+D>0&&(g+=D),u+O>0&&(u+=O),d=e-u/2,f=t-g/2}break;case"resize-top-right":if(0===v)u+V>0&&(u+=V),g-B>0&&(f+=B,g-=B);else if(v>0||v<0){let e=m.x,t=m.y;if(v<90){D=0-Lo(D,Y),O=Lo(O,y?D:L);const i=Wo(v),o=D/2;e+=o*Math.sin(i),t-=o*Math.cos(i);const n=O/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<180){D=Lo(D,j),O=Lo(O,y?D:L);const i=Wo(v-90),o=D/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=O/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}else if(v<270){const i=Wo(v-180);D=Lo(D,Y),O=Lo(O,y?D:0-k);const o=D/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=O/2;e-=n*Math.cos(i),t-=n*Math.sin(i)}else if(v<360){D=0-Lo(D,j),O=Lo(O,y?D:k);const i=Wo(v-270),o=D/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=O/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}g+D>0&&(g+=D),u+O>0&&(u+=O),d=e-u/2,f=t-g/2}break;case"resize-bottom-left":if(0===v)e.h+B>0&&(g+=B),e.w-V>0&&(d+=V,u-=V);else if(v>0||v<0){let e=m.x,t=m.y;if(v<90){D=Lo(D,Y),O=0-Lo(O,y?0-D:k);const i=Wo(v),o=D/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=O/2;e-=n*Math.cos(i),t-=n*Math.sin(i)}else if(v<180){D=0-Lo(D,j),O=Lo(O,y?D:k);const i=Wo(v-90),o=D/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=O/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}else if(v<270){D=Lo(D,j),O=Lo(O,y?D:L);const i=Wo(v-180),o=D/2;e+=o*Math.sin(i),t-=o*Math.cos(i);const n=O/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<360){D=Lo(D,j),O=Lo(O,y?D:L);const i=Wo(v-270),o=D/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=O/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}g+D>0&&(g+=D),u+O>0&&(u+=O),d=e-u/2,f=t-g/2}break;case"resize-bottom-right":if(0===v)e.h+B>0&&(g+=B),e.w+V>0&&(u+=V);else if(v>0||v<0){let e=m.x,t=m.y;if(v<90){D=Lo(D,Y),O=Lo(O,y?D:L);const i=Wo(v),o=D/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=O/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<180){D=0-Lo(D,j),O=Lo(O,y?D:B);const i=Wo(v-90),o=D/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=O/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}else if(v<270){D=Lo(D,j),O=Lo(O,y?D:0-L);const i=Wo(v-180),o=D/2;e+=o*Math.sin(i),t-=o*Math.cos(i);const n=O/2;e-=n*Math.cos(i),t-=n*Math.sin(i)}else if(v<360){D=Lo(D,j),O=Lo(O,y?D:k);const i=Wo(v-270),o=D/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=O/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}g+D>0&&(g+=D),u+O>0&&(u+=O),d=e-u/2,f=t-g/2}}return{x:d,y:f,w:u,h:g,angle:e.angle}}(a[0],{scale:r,start:t,end:i,resizeType:w,sharer:h}),n={ignore:!!a[0].angle};a[0].x=d.toGridNum(e.x,n),a[0].y=d.toGridNum(e.y,n),"group"===a[0].type&&!0===(null==(o=a[0].operations)?void 0:o.deepResize)?function(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};"group"===e.type&&Array.isArray(e.detail.children)&&e.detail.children.forEach((e=>{Ue(e,s)})),Qe(e,s)}(a[0],{w:d.toGridNum(e.w,n),h:d.toGridNum(e.h,n)}):(a[0].w=d.toGridNum(e.w,n),a[0].h=d.toGridNum(e.h,n))}p([a[0]]),d.modifyViewVisibleInfoMap(n,{modifyOptions:{type:"updateElement",content:{element:a[0],position:h.getSharedStorage(uo)||[]}},viewSizeInfo:c,viewScaleInfo:l}),s.drawFrame()}}else"area"===y&&(v="area",h.setSharedStorage(ro,e.point),s.drawFrame());g=e.point},pointEnd(e){v=null,h.setSharedStorage(mo,!1);const t=h.getActiveStorage("data"),i=h.getSharedStorage(ho),o=h.getSharedStorage(lo),n=h.getSharedStorage(no),a=h.getSharedStorage(oo),r=h.getActiveViewSizeInfo();let l=!1;if(g=null,"resize"===a&&n)h.setSharedStorage(no,null),l=!0;else if("area"===a){if(h.setSharedStorage(oo,null),t){const e=h.getSharedStorage(ao),i=h.getSharedStorage(ro);if(e&&i){const{elements:o}=function(e,t){var i;const o=[],n=[],a=[],{viewScaleInfo:r,viewSizeInfo:l,start:s,end:h}=t;if(!(Array.isArray(e.elements)&&s&&h))return{indexes:o,uuids:n,elements:a};const c=Math.min(s.x,h.x),d=Math.max(s.x,h.x),f=Math.min(s.y,h.y),u=Math.max(s.y,h.y);for(let t=0;t<e.elements.length;t++){const s=e.elements[t];if(!0===(null==(i=null==s?void 0:s.operations)?void 0:i.lock))continue;const h=Ee(s,{viewScaleInfo:r,viewSizeInfo:l}),g=ue(h);if(g.x>=c&&g.x<=d&&g.y>=f&&g.y<=u&&(o.push(t),n.push(s.uuid),a.push(s),h.angle&&(h.angle>0||h.angle<0))){const e=pe(h);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];h.x=Math.min(...t),h.y=Math.min(...i),h.w=Math.abs(Math.max(...t)-Math.min(...t)),h.h=Math.abs(Math.max(...i)-Math.min(...i))}}}return{indexes:o,uuids:n,elements:a}}(t,{start:e,end:i,calculator:d,viewScaleInfo:h.getActiveViewScaleInfo(),viewSizeInfo:h.getActiveViewSizeInfo()});o.length>0&&(h.setSharedStorage(oo,"drag-list"),p(o,{triggerEvent:!0}),l=!0)}}}else if("drag-list"===a)h.setSharedStorage(oo,"drag-list-end"),l=!0;else if(t){d.getPointElement(e.point,{data:t,viewScaleInfo:h.getActiveViewScaleInfo(),viewSizeInfo:h.getActiveViewSizeInfo()}).element?(h.setSharedStorage(oo,"select"),l=!0):h.setSharedStorage(oo,null)}null===h.getSharedStorage(oo)&&(S(),l=!0);(()=>{if(l){if(t&&Array.isArray(null==t?void 0:t.elements)&&["drag","drag-list"].includes(a)){const e=function(e,t,i){const o=Ie(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,r,{extend:!0});h.setActiveStorage("contextHeight",e.contextSize.contextHeight),h.setActiveStorage("contextWidth",e.contextSize.contextWidth)}if(t&&["drag","drag-list","drag-list-end","resize"].includes(a)){let e="dragElement";f.trigger(to,{data:t,type:e,selectedElements:i,hoverElement:o})}s.drawFrame()}})()},pointLeave(){g=null,S(),s.drawFrame()},doubleClick(e){var t,i,o,n,a,r,l,c;if(!1===h.getSharedStorage(wo))return;const d=Yo(e.point,x());if(h.setSharedStorage(fo,null),h.setSharedStorage(ho,[]),1!==d.elements.length||!0!==(null==(i=null==(t=d.elements[0])?void 0:t.operations)?void 0:i.lock)){if(1===d.elements.length&&"group"===(null==(o=d.elements[0])?void 0:o.type)){if(!0===w(d.elements[0]))return h.setSharedStorage(oo,null),void s.drawFrame()}else 1!==d.elements.length||"text"!==(null==(n=d.elements[0])?void 0:n.type)||(null==(r=null==(a=d.elements[0])?void 0:a.operations)?void 0:r.invisible)||f.trigger(Fo,{element:d.elements[0],groupQueue:h.getSharedStorage(go)||[],position:ze(null==(l=d.elements[0])?void 0:l.uuid,(null==(c=h.getActiveStorage("data"))?void 0:c.elements)||[]),viewScaleInfo:h.getActiveViewScaleInfo()});h.setSharedStorage(oo,null)}},beforeDrawFrame({snapshot:t}){var i;const{activeStore:o,sharedStore:n}=t,{scale:a,offsetLeft:r,offsetTop:s,offsetRight:h,offsetBottom:c,width:f,height:g,contextHeight:v,contextWidth:w,devicePixelRatio:y}=o,p=e.sharer,x={scale:a,offsetLeft:r,offsetTop:s,offsetRight:h,offsetBottom:c},S={width:f,height:g,contextHeight:v,contextWidth:w,devicePixelRatio:y},b=n[ho][0],I=n[lo],A=n[so],M=n[oo],z=n[ao],R=n[ro],P=n[go],T=n[vo],C=n[mo],E=n[yo],W={calculator:d,viewScaleInfo:x,viewSizeInfo:S,style:l},k=b?Be(b,{groupQueue:P,controllerSize:10,viewScaleInfo:x}):null,L=!!(null==(i=null==I?void 0:I.operations)?void 0:i.lock);if((null==P?void 0:P.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]};Ao(e,ke(t[o],i),a)}}(u,T,W),I&&"drag"!==M&&(L?To(u,A,{...W,controller:Be(I,{groupQueue:P,controllerSize:10,viewScaleInfo:x}),style:l}):Po(u,A,W)),!L&&b&&["select","drag","resize"].includes(M)&&(Co(u,k,{...W,element:b,calculator:d,hideControllers:!!C&&"drag"===M,style:l}),"drag"===M&&!0===E)){const e=No(b.uuid,{calculator:d,data:o.data,groupQueue:P,viewScaleInfo:x,viewSizeInfo:S});if(e){const{offsetX:t,offsetY:i,xLines:o,yLines:n}=e;0!==t&&0!==i||Eo(u,{xLines:o,yLines:n,style:l})}}}else if(I&&"drag"!==M&&(L?To(u,A,{...W,controller:Be(I,{groupQueue:P,controllerSize:10,viewScaleInfo:x}),style:l}):Po(u,A,W)),!L&&b&&["select","drag","resize"].includes(M)){if(Co(u,k,{...W,element:b,calculator:d,hideControllers:!!C&&"drag"===M,style:l}),"drag"===M&&!0===E){const e=No(b.uuid,{calculator:d,data:o.data,groupQueue:P,viewScaleInfo:x,viewSizeInfo:S});if(e){const{offsetX:t,offsetY:i,xLines:o,yLines:n}=e;0!==t&&0!==i||Eo(u,{xLines:o,yLines:n,style:l})}}}else if("area"===M&&z&&R)!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()}(u,{start:z,end:R,style:l});else if(["drag-list","drag-list-end"].includes(M)){const e=Vo(m(),{viewScaleInfo:p.getActiveViewScaleInfo(),viewSizeInfo:p.getActiveViewSizeInfo(),calculator:d});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()}(u,{areaSize:e,style:l})}}}},e.MiddlewareTextEditor=e=>{const{eventHub:t,boardContent:i,viewer:o,sharer:n}=e,a=i.boardContext.canvas,r=document.createElement("div");r.setAttribute("contenteditable","true");const l=document.createElement("div"),s=e.container||document.body,h=document.createElement("div");let c=null,d=[];l.appendChild(r),l.style.position="absolute",h.appendChild(l),h.style.position="fixed",h.style.top="0",h.style.bottom="0",h.style.left="0",h.style.right="0",h.style.display="none",s.appendChild(h);const f=()=>{if(null==c?void 0:c.uuid){const e=n.getActiveOverrideElemenentMap();e&&delete e[c.uuid],n.setActiveOverrideElemenentMap(e),o.drawFrame()}h.style.display="none",c=null,d=[]},u=e=>{const{size:t,parent:i}=e,o=document.createElement("div"),{x:n,y:a,w:r,h:l}=t,s=Se(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},g=e=>{const{viewScaleInfo:t,element:i,groupQueue:o}=e,{scale:n,offsetTop:a,offsetLeft:s}=t;l.children&&Array.from(l.children).forEach((e=>{e.remove()}));let h=l;for(let e=0;e<o.length;e++){const t=o[e],{x:i,y:r,w:l,h:c}=t,d={x:i*n,y:r*n,w:l*n,h:c*n,angle:Se(t.angle||0)};0===e&&(d.x+=s,d.y+=a),h=u({size:d,parent:h})}const c={...Zo,...i.detail};let d=i.x*n+s,f=i.y*n+a,g=i.w*n,v=i.h*n;o.length>0&&(d=i.x*n,f=i.y*n,g=i.w*n,v=i.h*n);let m="center",w="center";"left"===c.textAlign?m="start":"right"===c.textAlign&&(m="end"),"top"===c.verticalAlign?w="start":"bottom"===c.verticalAlign&&(w="end"),r.style.display="inline-flex",r.style.justifyContent=m,r.style.alignItems=w,r.style.position="absolute",r.style.left=d-1+"px",r.style.top=f-1+"px",r.style.width=`${g+2}px`,r.style.height=`${v+2}px`,r.style.transform=`rotate(${Se(i.angle||0)}deg)`,r.style.boxSizing="border-box",r.style.border="1px solid #1973ba",r.style.resize="none",r.style.overflow="hidden",r.style.wordBreak="break-all",r.style.borderRadius=("number"==typeof c.borderRadius?c.borderRadius:0)*n+"px",r.style.background=`${c.background||"transparent"}`,r.style.color=`${c.color||"#333333"}`,r.style.fontSize=c.fontSize*n+"px",r.style.lineHeight=(c.lineHeight||c.fontSize)*n+"px",r.style.fontFamily=$e(c.fontFamily),r.style.fontWeight=`${c.fontWeight}`,r.style.padding="0",r.style.margin="0",r.style.outline="none",r.innerText=c.text||"",h.appendChild(r)},v=()=>{const{left:e,top:t,width:i,height:o}=(()=>{const e=a.getBoundingClientRect(),{left:t,top:i,width:o,height:n}=e;return{left:t,top:i,width:o,height:n}})();l.style.position="absolute",l.style.overflow="hidden",l.style.top=`${t}px`,l.style.left=`${e}px`,l.style.width=`${i}px`,l.style.height=`${o}px`};h.addEventListener("click",(()=>{f()})),r.addEventListener("click",(e=>{e.stopPropagation()})),r.addEventListener("input",(()=>{c&&d&&(c.detail.text=r.innerText||"",t.trigger(Ho,{element:{uuid:c.uuid,detail:{text:c.detail.text}},position:[...d||[]]}),o.drawFrame())})),r.addEventListener("blur",(()=>{c&&d&&t.trigger(Ho,{element:{uuid:c.uuid,detail:{text:c.detail.text}},position:[...d]}),f()})),r.addEventListener("keydown",(e=>{e.stopPropagation()})),r.addEventListener("keypress",(e=>{e.stopPropagation()})),r.addEventListener("keyup",(e=>{e.stopPropagation()})),r.addEventListener("wheel",(e=>{e.stopPropagation(),e.preventDefault()}));const m=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)&&(c=e.element,d=e.position),(e=>{v(),g(e),h.style.display="block",(null==c?void 0:c.uuid)&&(n.setActiveOverrideElemenentMap({[c.uuid]:{operations:{invisible:!0}}}),o.drawFrame())})(e)};return{name:"@middleware/text-editor",use(){t.on(Fo,m)},disuse(){t.off(Fo,m)}}},e.eventChange=to,e.middlewareEventRuler=zn,e.middlewareEventScale=xn,e.middlewareEventSelect=xo,e.middlewareEventSelectClear=So,e.middlewareEventSelectInGroup=bo,e.middlewareEventSnapToGrid=Io,e.middlewareEventTextChange=Ho,e.middlewareEventTextEdit=Fo,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),e}({});
|
|
1
|
+
var iDrawCore=function(e){"use strict";var t,i,o,n,a,r,l,s,h,c,d,f,u,g,v,m,w,y,p,x,S=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},b=(e,t,i)=>(S(e,t,"read from private field"),i?i.call(e):t.get(e)),I=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},A=(e,t,i,o)=>(S(e,t,"write to private field"),o?o.call(e,i):t.set(e,i),i),M=(e,t,i)=>(S(e,t,"access private method"),i);function z(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 R(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 P(){function e(){return(65536*(1+Math.random())|0).toString(16).substring(1)}return`${e()}${e()}-${e()}-${e()}-${e()}-${e()}${e()}${e()}`}function T(e){let t=0;for(let i=0;i<e.length;i++)t+=e.charCodeAt(i)*e.charCodeAt(i)*i*i;return t.toString(16).substring(0,4)}function C(e){const t=e.length,i=Math.floor(t/2),o=e.substring(0,4).padEnd(4,"0"),n=e.substring(0,4).padEnd(4,"0");return`@assets/${T(t.toString(16).padEnd(4,o))}${T(e.substring(i-4,i).padEnd(4,o)).padEnd(4,"f")}-${T(e.substring(i-8,i-4).padEnd(4,o)).padEnd(4,"f")}-${T(e.substring(i-12,i-8).padEnd(4,o)).padEnd(4,"f")}-${T(e.substring(i-16,i-12).padEnd(4,n)).padEnd(4,"f")}-${T(e.substring(i,i+4).padEnd(4,n)).padEnd(4,"f")}${T(e.substring(i+4,i+8).padEnd(4,n)).padEnd(4,"f")}${T(n.padEnd(4,o).padEnd(4,n))}`}function E(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 W(e){return(Object.prototype.toString.call(e)||"").replace(/(\[object|\])/gi,"").trim()}const k={type(e,t){const i=W(e);return!0===t?i.toLocaleLowerCase():i},array:e=>"Array"===W(e),json:e=>"Object"===W(e),function:e=>"Function"===W(e),asyncFunction:e=>"AsyncFunction"===W(e),boolean:e=>"Boolean"===W(e),string:e=>"String"===W(e),number:e=>"Number"===W(e),undefined:e=>"Undefined"===W(e),null:e=>"Null"===W(e),promise:e=>"Promise"===W(e)};var L=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:O}=window;function j(e){return new Promise(((t,i)=>{const o=new O;o.crossOrigin="anonymous",o.onload=function(){t(o)},o.onabort=i,o.onerror=i,o.src=e}))}function Y(e){return L(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 j(t)}))}function D(e,t){return L(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 j(i)}))}function V(e){return"number"==typeof e&&(e>0||e<=0)}function B(e){return"number"==typeof e&&e>=0}function G(e){return"string"==typeof e&&/^(http:\/\/|https:\/\/|\.\/|\/)/.test(`${e}`)}function X(e){return"string"==typeof e&&/^(data:image\/)/.test(`${e}`)}const N={x:function(e){return V(e)},y:function(e){return V(e)},w:B,h:function(e){return"number"==typeof e&&e>=0},angle:function(e){return"number"==typeof e&&e>=-360&&e<=360},number:V,numberStr:function(e){return/^(-?\d+(?:\.\d+)?)$/.test(`${e}`)},borderWidth:function(e){return B(e)},borderRadius:function(e){return V(e)&&e>=0},color:function(e){return z(e)},imageSrc:function(e){return X(e)||G(e)},imageURL:G,imageBase64:X,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 V(e)&&e>0},lineHeight:function(e){return V(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 V(e)&&e>0}};var F,H,Z=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},Q=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 U{constructor(e,t){F.set(this,void 0),H.set(this,void 0),Z(this,F,e,"f"),Z(this,H,Object.assign({devicePixelRatio:1,offscreenCanvas:null},t),"f"),this.$resetFont()}$undoPixelRatio(e){return e/Q(this,H,"f").devicePixelRatio}$doPixelRatio(e){return Q(this,H,"f").devicePixelRatio*e}$getContext(){return Q(this,F,"f")}$setContext(e){Z(this,F,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"}`),Q(this,F,"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 Q(this,H,"f").offscreenCanvas}$resize(e){const{width:t,height:i,devicePixelRatio:o,resetStyle:n}=e,{canvas:a}=Q(this,F,"f");a.width=t*o,a.height=i*o,Z(this,H,Object.assign(Object.assign({},Q(this,H,"f")),{devicePixelRatio:o}),"f"),!0===n&&(a.style.width=`${t}px`,a.style.height=`${i}px`)}$getSize(){const{devicePixelRatio:e}=Q(this,H,"f"),{width:t,height:i}=Q(this,F,"f").canvas;return{width:t/e,height:i/e,devicePixelRatio:e}}get canvas(){return Q(this,F,"f").canvas}get fillStyle(){return Q(this,F,"f").fillStyle}set fillStyle(e){Q(this,F,"f").fillStyle=e}get strokeStyle(){return Q(this,F,"f").strokeStyle}set strokeStyle(e){Q(this,F,"f").strokeStyle=e}get lineWidth(){return this.$undoPixelRatio(Q(this,F,"f").lineWidth)}set lineWidth(e){Q(this,F,"f").lineWidth=this.$doPixelRatio(e)}get textAlign(){return Q(this,F,"f").textAlign}set textAlign(e){Q(this,F,"f").textAlign=e}get textBaseline(){return Q(this,F,"f").textBaseline}set textBaseline(e){Q(this,F,"f").textBaseline=e}get globalAlpha(){return Q(this,F,"f").globalAlpha}set globalAlpha(e){Q(this,F,"f").globalAlpha=e}get shadowColor(){return Q(this,F,"f").shadowColor}set shadowColor(e){Q(this,F,"f").shadowColor=e}get shadowOffsetX(){return this.$undoPixelRatio(Q(this,F,"f").shadowOffsetX)}set shadowOffsetX(e){Q(this,F,"f").shadowOffsetX=this.$doPixelRatio(e)}get shadowOffsetY(){return this.$undoPixelRatio(Q(this,F,"f").shadowOffsetY)}set shadowOffsetY(e){Q(this,F,"f").shadowOffsetY=this.$doPixelRatio(e)}get shadowBlur(){return this.$undoPixelRatio(Q(this,F,"f").shadowBlur)}set shadowBlur(e){Q(this,F,"f").shadowBlur=this.$doPixelRatio(e)}get lineCap(){return Q(this,F,"f").lineCap}set lineCap(e){Q(this,F,"f").lineCap=e}get globalCompositeOperation(){return Q(this,F,"f").globalCompositeOperation}set globalCompositeOperation(e){Q(this,F,"f").globalCompositeOperation=e}fill(...e){return Q(this,F,"f").fill(...e)}arc(e,t,i,o,n,a){return Q(this,F,"f").arc(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),o,n,a)}rect(e,t,i,o){return Q(this,F,"f").rect(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}fillRect(e,t,i,o){return Q(this,F,"f").fillRect(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}clearRect(e,t,i,o){return Q(this,F,"f").clearRect(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}beginPath(){return Q(this,F,"f").beginPath()}closePath(){return Q(this,F,"f").closePath()}lineTo(e,t){return Q(this,F,"f").lineTo(this.$doPixelRatio(e),this.$doPixelRatio(t))}moveTo(e,t){return Q(this,F,"f").moveTo(this.$doPixelRatio(e),this.$doPixelRatio(t))}arcTo(e,t,i,o,n){return Q(this,F,"f").arcTo(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o),this.$doPixelRatio(n))}getLineDash(){return Q(this,F,"f").getLineDash()}setLineDash(e){const t=e.map((e=>this.$doPixelRatio(e)));return Q(this,F,"f").setLineDash(t)}stroke(e){return e?Q(this,F,"f").stroke(e):Q(this,F,"f").stroke()}translate(e,t){return Q(this,F,"f").translate(this.$doPixelRatio(e),this.$doPixelRatio(t))}rotate(e){return Q(this,F,"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?Q(this,F,"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)):Q(this,F,"f").drawImage(t,this.$doPixelRatio(r),this.$doPixelRatio(l),this.$doPixelRatio(s),this.$doPixelRatio(h))}createPattern(e,t){return Q(this,F,"f").createPattern(e,t)}measureText(e){return Q(this,F,"f").measureText(e)}fillText(e,t,i,o){return void 0!==o?Q(this,F,"f").fillText(e,this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o)):Q(this,F,"f").fillText(e,this.$doPixelRatio(t),this.$doPixelRatio(i))}strokeText(e,t,i,o){return void 0!==o?Q(this,F,"f").strokeText(e,this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o)):Q(this,F,"f").strokeText(e,this.$doPixelRatio(t),this.$doPixelRatio(i))}save(){Q(this,F,"f").save()}restore(){Q(this,F,"f").restore()}scale(e,t){Q(this,F,"f").scale(e,t)}circle(e,t,i,o,n,a,r,l){Q(this,F,"f").ellipse(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o),n,a,r,l)}isPointInPath(e,t){return Q(this,F,"f").isPointInPath(this.$doPixelRatio(e),this.$doPixelRatio(t))}clip(...e){return Q(this,F,"f").clip(...e)}setTransform(e,t,i,o,n,a){return Q(this,F,"f").setTransform(e,t,i,o,n,a)}getTransform(){return Q(this,F,"f").getTransform()}createLinearGradient(e,t,i,o){return Q(this,F,"f").createLinearGradient(this.$doPixelRatio(e),this.$doPixelRatio(t),this.$doPixelRatio(i),this.$doPixelRatio(o))}createRadialGradient(e,t,i,o,n,a){return Q(this,F,"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 Q(this,F,"f").createConicGradient(e,this.$doPixelRatio(t),this.$doPixelRatio(i))}}function J(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 U(a,e)}function $(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 U(a,{devicePixelRatio:o,offscreenCanvas:n})}F=new WeakMap,H=new WeakMap;var K,q=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 _{constructor(){K.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,K,new Map,"f")}on(e,t){if(q(this,K,"f").has(e)){const i=q(this,K,"f").get(e)||[];null==i||i.push(t),q(this,K,"f").set(e,i)}else q(this,K,"f").set(e,[t])}off(e,t){if(q(this,K,"f").has(e)){const i=q(this,K,"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}q(this,K,"f").set(e,i||[])}}trigger(e,t){const i=q(this,K,"f").get(e);return!!Array.isArray(i)&&(i.forEach((e=>{e(t)})),!0)}has(e){if(q(this,K,"f").has(e)){const t=q(this,K,"f").get(e);if(Array.isArray(t)&&t.length>0)return!0}return!1}destroy(){this.clear()}clear(){q(this,K,"f").clear()}}function ee(e,t){return{x:e.x+(t.x-e.x)/2,y:e.y+(t.y-e.y)/2}}K=new WeakMap;var te,ie,oe,ne,ae=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},re=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 le{constructor(e){te.add(this),ie.set(this,void 0),oe.set(this,void 0),ae(this,oe,E(e.defaultStorage),"f"),ae(this,ie,re(this,te,"m",ne).call(this),"f")}set(e,t){re(this,ie,"f")[e]=t}get(e){return re(this,ie,"f")[e]}getSnapshot(e){return!0===(null==e?void 0:e.deepClone)?E(re(this,ie,"f")):Object.assign({},re(this,ie,"f"))}clear(){ae(this,ie,re(this,te,"m",ne).call(this),"f")}destroy(){ae(this,ie,null,"f")}}function se(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 he(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 ce(e){return e/180*Math.PI}function de(e,t,i,o){const n=ce(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 fe(e,t,i){const o=ue(t);de(e,t.angle||0,o,(()=>{i(e)}))}function ue(e){return{x:e.x+e.w/2,y:e.y+e.h/2}}function ge(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 ue({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 ve(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 me(e,t,i){let o=ve(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 we(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=me(ue({x:t,y:n,w:a,h:r,angle:l}),{x:i,y:o},ce(l));i=s.x,o=s.y})),{x:i,y:o}}return e}function ye(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=ce(Se(i));l=me(t,l,e),s=me(t,s,e),h=me(t,h,e),c=me(t,c,e)}return[l,s,h,c]}function pe(e){const{angle:t=0}=e;return ye(e,ue(e),t)}function xe(e,t,i){return[me(e,{x:t[0].x,y:t[0].y},i),me(e,{x:t[1].x,y:t[1].y},i),me(e,{x:t[2].x,y:t[2].y},i),me(e,{x:t[3].x,y:t[3].y},i)]}function Se(e){if(!(e>0||e<0)||0===e)return 0;let t=e%360;return t<0&&(t+=360),t}function be(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=be(null===(o=null==e?void 0:e.detail)||void 0===o?void 0:o.children))}))}return t}function Ie(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=pe(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 Ae(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 Me(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"===n.type)o=n.detail.children;else{if(t!==e.length-1)break;i=n}}return i}function ze(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 Re(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 Pe(e){const{x:t,y:i,w:o,h:n,angle:a=0}=e;return 0===a?Re(e):ye(e,ue({x:t,y:i,w:o,h:n,angle:a}),a)}function Te(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,angle:c};d=Pe({x:r,y:l,w:s,h:h,angle:c}),n.push({center:ue(e),angle:c,radian:ce(c)})}else{d=Re({x:i,y:o,w:s,h:h,angle:c});for(let e=0;e<n.length;e++){const{center:t,radian:i}=n[e];d=xe(t,d,i)}const e=ge(d);if(c>0||c<0){d=xe(e,d,ce(c))}n.push({center:e,angle:c,radian:ce(c)})}t.push(d)}return t}function Ce(e,t){const i=function(e,t){const{groupQueue:i}=t;return i.length>0?Te([...i,e]):[Pe(e)]}(e,t);return i.pop()||null}function Ee(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 We(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 ke(e,t){return[We(e[0],t),We(e[1],t),We(e[2],t),We(e[3],t)]}function Le(e,t){const{context2d:i,element:o,viewScaleInfo:n}=t,{angle:a=0}=o,{x:r,y:l,w:s,h:h}=Ee(o,{viewScaleInfo:n}),c=pe({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 Oe(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 je(e,t){const{groupQueue:i}=t,o=Ce(e,{groupQueue:i}),n=ee(o[0],o[1]),a=ee(o[1],o[2]),r=ee(o[2],o[3]),l=ee(o[3],o[0]),s=o[0],h=o[1],c=o[2],d=o[3],f=Math.max(s.x,h.x,c.x,d.x),u=Math.max(s.y,h.y,c.y,d.y);return{center:{x:(f+Math.min(s.x,h.x,c.x,d.x))/2,y:(u+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 Ye(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=ee(r,l),d=ee(h,s),f=ee(r,h);return{center:a,topLeft:r,topRight:l,bottomLeft:h,bottomRight:s,top:c,right:ee(l,s),left:f,bottom:d}}function De(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,f=ue({x:s,y:h,w:c,h:d}),u={x:s,y:h},g={x:s+c,y:h},v={x:s,y:h+d},m={x:s+c,y:h+d},w={x:s,y:f.y},y={x:f.x,y:h},p={x:s+c,y:f.y},x={x:f.x,y:h+d};return{center:f,topLeft:u,topRight:g,bottomLeft:v,bottomRight:m,left:w,top:y,right:p,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++})),{viewVisibleInfoMap:e,visibleCount:o,invisibleCount:n}}function Ve(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 Be(e,t){const{groupQueue:i,controllerSize:o,viewScaleInfo:n}=t,a=(o&&o>0?o:8)/n.scale,{x:r,y:l,w:s,h:h,angle:c=0}=e,d=[{uuid:P(),x:r,y:l,w:s,h:h,angle:c,type:"group",detail:{children:[]}},...i];let f=0;d.forEach((({angle:e=0})=>{f+=e}));const u=Ce(e,{groupQueue:i}),g=Ce({x:r-2*a,y:l-2*a,h:h+4*a,w:s+4*a,angle:c},{groupQueue:[...i]}),v=ee(u[0],u[1]),m=ee(u[1],u[2]),w=ee(u[2],u[3]),y=ee(u[3],u[0]),p=u[0],x=u[1],S=u[2],b=u[3],I=Ve(v,{size:a,angle:f}),A=Ve(m,{size:a,angle:f}),M=Ve(w,{size:a,angle:f}),z=Ve(y,{size:a,angle:f}),R=Ve(p,{size:a,angle:f}),T=Ve(x,{size:a,angle:f}),C=Ve(b,{size:a,angle:f}),E=Ve(S,{size:a,angle:f}),W=Pe(R),k=Pe(T),L=Pe(C),O=Pe(E),j=[W[1],k[0],k[3],W[2]],Y=[k[3],k[2],O[1],O[0]],D=[L[1],O[0],O[3],L[2]],V=[W[3],W[2],L[1],L[0]],B=Pe(I),G=Pe(A),X=Pe(M),N=Pe(z),F=ee(g[0],g[1]);return{elementWrapper:u,left:{type:"left",vertexes:V,center:y},right:{type:"right",vertexes:Y,center:m},top:{type:"top",vertexes:j,center:v},bottom:{type:"bottom",vertexes:D,center:w},topLeft:{type:"top-left",vertexes:W,center:p},topRight:{type:"top-right",vertexes:k,center:x},bottomLeft:{type:"bottom-left",vertexes:L,center:b},bottomRight:{type:"bottom-right",vertexes:O,center:S},leftMiddle:{type:"left-middle",vertexes:N,center:y},rightMiddle:{type:"right-middle",vertexes:G,center:m},topMiddle:{type:"top-middle",vertexes:B,center:v},bottomMiddle:{type:"bottom-middle",vertexes:X,center:w},rotate:{type:"rotate",vertexes:Pe(Ve(F,{size:a,angle:f})),center:F}}}function Ge(e,t){const{controllerSize:i,viewScaleInfo:o}=t,n=i&&i>0?i:8,{x:a,y:r,w:l,h:s}=Ee(e,{viewScaleInfo:o}),h=ue({x:a,y:r,w:l,h:s}),c={x:h.x,y:r},d={x:a+l,y:h.y},f={x:h.x,y:r+s},u={x:a,y:h.y},g={x:a,y:r},v={x:a+l,y:r},m={x:a+l,y:r+s},w={x:a,y:r+s},y=Ve(c,{size:n,angle:0}),p=Ve(d,{size:n,angle:0}),x=Ve(f,{size:n,angle:0}),S=Ve(u,{size:n,angle:0}),b=Ve(g,{size:n,angle:0}),I=Ve(v,{size:n,angle:0}),A=Ve(w,{size:n,angle:0}),M=Ve(m,{size:n,angle:0}),z=Pe(b),R=Pe(I),P=Pe(A),T=Pe(M),C=[z[1],R[0],R[3],z[2]],E=[R[3],R[2],T[1],T[0]],W=[P[1],T[0],T[3],P[2]],k=[z[3],z[2],P[1],P[0]],L=Pe(y),O=Pe(p),j=Pe(x);return{left:{type:"left",vertexes:k,center:u},right:{type:"right",vertexes:E,center:d},top:{type:"top",vertexes:C,center:c},bottom:{type:"bottom",vertexes:W,center:f},topLeft:{type:"top-left",vertexes:z,center:g},topRight:{type:"top-right",vertexes:R,center:v},bottomLeft:{type:"bottom-left",vertexes:P,center:w},bottomRight:{type:"bottom-right",vertexes:T,center:m},leftMiddle:{type:"left-middle",vertexes:Pe(S),center:u},rightMiddle:{type:"right-middle",vertexes:O,center:d},topMiddle:{type:"top-middle",vertexes:L,center:c},bottomMiddle:{type:"bottom-middle",vertexes:j,center:f}}}function Xe(e){let t="";return e.forEach((e=>{t+=e.type+e.params.join(" ")})),t}function Ne(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))}ie=new WeakMap,oe=new WeakMap,te=new WeakSet,ne=function(){return E(re(this,oe,"f"))};const Fe={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 He(e,t){const{viewScaleInfo:i}=t,{scale:o}=i;let{borderRadius:n,borderDash:a}=e.detail;const r=Array.isArray(a)&&a.length>0,{boxSizing:l=Fe.boxSizing,borderWidth:s}=e.detail;Array.isArray(s)&&(n=0);let{x:h,y:c,w:d,h:f}=e,u=[0,0,0,0];if("number"==typeof n){const e=n*o;u=[e,e,e,e]}else Array.isArray(n)&&4===(null==n?void 0:n.length)&&(u=[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,f=e.h+g):(h=e.x,c=e.y,d=e.w,f=e.h):(h=e.x+g/2,c=e.y+g/2,d=e.w-g,f=e.h-g),d=Math.max(d,1),f=Math.max(f,1),u=u.map((e=>Math.min(e,d/2,f/2))),{x:h,y:c,w:d,h:f,radiusList:u}}const Ze=e=>Ne(e,{decimalPlaces:4});function Qe(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:f}=i;if("number"==typeof l)i.borderWidth=Ze(l*r);else if(Array.isArray(i.borderWidth)){const e=l;i.borderWidth=[Ze(e[0]*n),Ze(e[1]*o),Ze(e[2]*n),Ze(e[3]*o)]}if("number"==typeof s)i.borderRadius=Ze(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]=Ze(e*a)})),"number"==typeof c&&(i.shadowOffsetX=Ze(c*a)),"number"==typeof d&&(i.shadowOffsetX=Ze(d*a)),"number"==typeof f&&(i.shadowOffsetX=Ze(f*a))}function Ue(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=Ze(n*i),e.y=Ze(a*o),e.w=Ze(r*i),e.h=Ze(l*o),Qe(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=Ze(n*r)),a&&a>0&&(e.detail.lineHeight=Ze(a*r))}(e,t):"image"===i||"svg"===i||"html"===i||"path"===i||"group"===i&&Array.isArray(e.detail.children)&&e.detail.children.forEach((e=>{Ue(e,t)})))}const Je=["-apple-system",'"system-ui"',' "Segoe UI"'," Roboto",'"Helvetica Neue"',"Arial",'"Noto Sans"'," sans-serif"];function $e(e){return[e,...Je].join(", ")}function Ke(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,R(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,R(e.color,a))})),d}return"#000000"}const qe={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 _e(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 et(e,t,i){const{pattern:o,renderContent:n,originElem:a,calcElemSize:r,viewScaleInfo:l,viewSizeInfo:s}=i||{},{parentOpacity:h}=i,c=_e(a)*h,{clipPath:d,clipPathStrokeColor:f,clipPathStrokeWidth:u}=a.detail,g=()=>{e.globalAlpha=c,tt(e,t,{pattern:o,viewScaleInfo:l,viewSizeInfo:s}),null==n||n(),it(e,t,{viewScaleInfo:l,viewSizeInfo:s}),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:f,originY:u}=s,g=r/c,v=h/d,m=i-f*g,w=n-u*v;e.save(),e.translate(m,w),e.scale(l*g,l*v);const y=Xe(s.commands||[]),p=new Path2D(y);e.clip(p),e.translate(0-m,0-w),e.setTransform(1,0,0,1,0,0),fe(e,Object.assign({},t),(()=>{null==o||o()})),e.restore()}else null==o||o()}(e,t,{originElem:a,calcElemSize:r,viewScaleInfo:l,viewSizeInfo:s,renderContent:()=>{g()}}),"number"==typeof u&&u>0&&f&&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:f}=a,{originW:u,originH:g,originX:v,originY:m}=h,w=r/u,y=f/g,p=i-v*w,x=n-m*y;e.save(),e.globalAlpha=l,e.translate(p,x),e.scale(s*w,s*y);const S=Xe(h.commands||[]),b=new Path2D(S);e.strokeStyle=c,e.lineWidth=d,e.stroke(b),e.translate(0-p,0-x),e.setTransform(1,0,0,1,0,0),fe(e,Object.assign({},t),(()=>{null==o||o()})),e.restore()}else null==o||o()}(e,t,{originElem:a,calcElemSize:r,viewScaleInfo:l,viewSizeInfo:s,parentOpacity:h})):g()}function tt(e,t,i){var o,n;const{pattern:a,viewScaleInfo:r,viewSizeInfo:l}=i,s=[];if(t.detail.background||a){const{x:i,y:h,w:c,h:d,radiusList:f}=He(t,{viewScaleInfo:r,viewSizeInfo:l});if(e.beginPath(),e.moveTo(i+f[0],h),e.arcTo(i+c,h,i+c,h+d,f[1]),e.arcTo(i+c,h+d,i,h+d,f[2]),e.arcTo(i,h+d,i,h,f[3]),e.arcTo(i,h,i+c,h,f[0]),e.closePath(),"string"==typeof a)e.fillStyle=a;else if(["CanvasPattern"].includes(k.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=Ke(e,t.detail.background,{viewElementSize:{x:i,y:h,w:c,h:d},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=Ke(e,t.detail.background,{viewElementSize:{x:i,y:h,w:c,h:d},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]+h):"rotate"===o.method?e.rotate(...o.args):"scale"===o.method&&e.scale(...o.args)}}e.fill(),s&&s.length>0&&e.setTransform(1,0,0,1,0,0)}}function it(e,t,i){if(0===t.detail.borderWidth)return;if(!z(t.detail.borderColor))return;const{viewScaleInfo:o}=i,{scale:n}=o;let a=qe.borderColor;!0===z(t.detail.borderColor)&&(a=t.detail.borderColor);const{borderWidth:r,borderRadius:l,borderDash:s,boxSizing:h=qe.boxSizing}=t.detail;let c=0;"number"==typeof r&&(c=r||1),c*=n;let d=[0,0,0,0];if("number"==typeof l){const e=l*n;d=[e,e,e,e]}else Array.isArray(l)&&4===(null==l?void 0:l.length)&&(d=[l[0]*n,l[1]*n,l[2]*n,l[3]*n]);e.strokeStyle=a;let f=[];Array.isArray(s)&&s.length>0&&(f=s.map((e=>Math.ceil(e*n))));let u=0,g=0,v=0,m=0;if(Array.isArray(r)&&(u=(r[0]||0)*n,g=(r[1]||0)*n,v=(r[2]||0)*n,m=(r[3]||0)*n),m||g||u||v){e.lineCap="butt";let{x:i,y:o,w:n,h:a}=t;"border-box"===h?(i+=m/2,o+=u/2,n=n-m/2-g/2,a=a-u/2-v/2):"content-box"===h?(i-=m/2,o-=u/2,n=n+m/2+g/2,a=a+u/2+v/2):(i=t.x,o=t.y,n=t.w,a=t.h),u&&(e.beginPath(),e.lineWidth=u,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-u/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-u/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+c/2,o=t.y+c/2,n=t.w-c,a=t.h-c):"content-box"===h?(i=t.x-c/2,o=t.y-c/2,n=t.w+c,a=t.h+c):(i=t.x,o=t.y,n=t.w,a=t.h),f.length>0?e.lineCap="butt":e.lineCap="square",n=Math.max(n,1),a=Math.max(a,1),d=d.map((e=>Math.min(e,n/2,a/2))),e.setLineDash(f),e.lineWidth=c,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 ot(e,t,i){const{detail:o}=t,{viewScaleInfo:n,renderContent:a}=i,{shadowColor:r,shadowOffsetX:l,shadowOffsetY:s,shadowBlur:h}=o;N.number(h)?(e.save(),e.shadowColor=r||qe.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 nt={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"};var at=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};const rt=.4;function lt(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<rt||l*s<rt)||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}=Ee(t,{viewScaleInfo:o})||t,d=Object.assign(Object.assign({},t),{x:r,y:l,w:s,h:h,angle:c});fe(e,{x:r,y:l,w:s,h:h,angle:c},(()=>{ot(e,d,{viewScaleInfo:o,viewSizeInfo:n,renderContent:()=>{et(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:f}=o;let u=0;"number"==typeof d&&d>0?u=d:Array.isArray(d)&&"number"==typeof d[0]&&d[0]>0&&(u=d[0]),u*=a.scale;const{x:g,y:v,w:m,h:w}=Ee({x:t.x,y:t.y,w:t.w,h:t.h},{viewScaleInfo:a})||t,y=Object.assign(Object.assign({},t),{x:g,y:v,w:m,h:w,angle:n});fe(e,{x:g,y:v,w:m,h:w,angle:n},(()=>{ot(e,y,{viewScaleInfo:a,viewSizeInfo:r,renderContent:()=>{let t=m/2,i=w/2;const o=g+t,n=v+i,r=t,d=i;if(u>0&&("content-box"===c||("center-line"===c?(t-=u/2,i-=u/2):(t-=u,i-=u))),t>=0&&i>=0){const c=_e(y)*l;e.globalAlpha=c,e.beginPath();const p=Ke(e,s,{viewElementSize:{x:g,y:v,w:m,h:w},viewScaleInfo:a,opacity:e.globalAlpha});if(e.fillStyle=p,e.circle(o,n,r,d,0,0,2*Math.PI),e.closePath(),e.fill(),e.globalAlpha=l,"number"==typeof u&&u>0){const r=u/2+t,l=u/2+i;if(e.beginPath(),f){const t=f.map((e=>e*a.scale));e.setLineDash(t)}e.strokeStyle=h,e.lineWidth=u,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}=i,{x:r,y:l,w:s,h:h,angle:c}=Ee(t,{viewScaleInfo:o})||t,d=Object.assign(Object.assign({},t),{x:r,y:l,w:s,h:h,angle:c});fe(e,{x:r,y:l,w:s,h:h,angle:c},(()=>{ot(e,d,{viewScaleInfo:o,viewSizeInfo:n,renderContent:()=>{et(e,d,{originElem:t,calcElemSize:{x:r,y:l,w:s,h:h,angle:c},viewScaleInfo:o,viewSizeInfo:n,parentOpacity:a})}});{const i=Object.assign(Object.assign({},nt),t.detail),n=i.fontSize||nt.fontSize,a=n*o.scale;if(a<2)return;const c=(i.lineHeight||n)*o.scale;e.fillStyle=t.detail.color||nt.color,e.textBaseline="top",e.$setFont({fontWeight:i.fontWeight,fontSize:a,fontFamily:$e(i.fontFamily)});let d=i.text.replace(/\r\n/gi,"\n");"lowercase"===i.textTransform?d=d.toLowerCase():"uppercase"===i.textTransform&&(d=d.toUpperCase());const f=c,u=d.split("\n"),g=[];let v=0;u.forEach(((t,n)=>{if("maxContent"===i.minInlineSize)g.push({text:t,width:e.$undoPixelRatio(e.measureText(t).width)});else{let l="",c="",d=t.split(c);if("normal"===i.wordBreak){const e=" ",i=t.split(e);d=[],i.forEach(((t,o)=>{d.push(t),o<i.length-1&&d.push(e)}))}if(1===d.length&&"visible"===i.overflow)g.push({text:d[0],width:e.$undoPixelRatio(e.measureText(d[0]).width)});else if(d.length>0){for(let t=0;t<d.length&&(a=e.$doPixelRatio(s),r=e.measureText(l+d[t]).width,o.scale<.5&&a<r&&(a-r)/a>-.15||a>=r?l+=d[t]||"":(g.push({text:l,width:e.$undoPixelRatio(e.measureText(l).width)}),l=d[t]||"",v++),!((v+1)*f>h&&"hidden"===i.overflow));t++)if(d.length-1===t&&(v+1)*f<=h){g.push({text:l,width:e.$undoPixelRatio(e.measureText(l).width)}),n<u.length-1&&v++;break}}else g.push({text:"",width:0})}var a,r}));let m=0,w=0;f>a&&(w=(f-a)/2),g.length*f<h&&("top"===t.detail.verticalAlign?m=0:"bottom"===t.detail.verticalAlign?m+=h-g.length*f:m+=(h-g.length*f)/2);{const t=l+m;void 0!==i.textShadowColor&&z(i.textShadowColor)&&(e.shadowColor=i.textShadowColor),void 0!==i.textShadowOffsetX&&N.number(i.textShadowOffsetX)&&(e.shadowOffsetX=i.textShadowOffsetX),void 0!==i.textShadowOffsetY&&N.number(i.textShadowOffsetY)&&(e.shadowOffsetY=i.textShadowOffsetY),void 0!==i.textShadowBlur&&N.number(i.textShadowBlur)&&(e.shadowBlur=i.textShadowBlur),g.forEach(((o,n)=>{let a=r;"center"===i.textAlign?a=r+(s-o.width)/2:"right"===i.textAlign&&(a=r+(s-o.width)),e.fillText(o.text,a,t+f*n+w)}))}}}))}(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}=Ee(t,{viewScaleInfo:n})||t,f=Object.assign(Object.assign({},t),{x:l,y:s,w:h,h:c,angle:d});fe(e,{x:l,y:s,w:h,h:c,angle:d},(()=>{ot(e,f,{viewScaleInfo:n,viewSizeInfo:a,renderContent:()=>{et(e,f,{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=_e(t)*r;const{x:i,y:l,w:s,h:h,radiusList:c}=He(f,{viewScaleInfo:n,viewSizeInfo:a}),{detail:d}=t,{scaleMode:u,originW:g=0,originH:v=0}=d,m=e.$undoPixelRatio(g),w=e.$undoPixelRatio(v);if(e.save(),e.fillStyle="transparent",e.beginPath(),e.moveTo(i+c[0],l),e.arcTo(i+s,l,i+s,l+h,c[1]),e.arcTo(i+s,l+h,i,l+h,c[2]),e.arcTo(i,l+h,i,l,c[3]),e.arcTo(i,l,i+s,l,c[0]),e.closePath(),e.fill(),e.clip(),u&&v&&g){let n=0,a=0,r=m,c=w;const d=i,f=l,g=s,v=h;if(m>t.w||w>t.h)if("fill"===u){const e=Math.max(t.w/m,t.h/w),i=w*e;n=(m*e-t.w)/2/e,a=(i-t.h)/2/e,r=t.w/e,c=t.h/e}else if("tile"===u)n=0,a=0,r=t.w,c=t.h;else if("fit"===u){const e=Math.min(t.w/m,t.h/w);n=(m-t.w/e)/2,a=(w-t.h/e)/2,r=t.w/e,c=t.h/e}e.drawImage(o,n,a,r,c,d,f,g,v)}else e.drawImage(o,i,l,s,h);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}=Ee(t,{viewScaleInfo:n,viewSizeInfo:a})||t;fe(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=_e(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}=Ee(t,{viewScaleInfo:n,viewSizeInfo:a})||t;fe(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=_e(t)*r,e.drawImage(o,l,s,h,c),e.globalAlpha=r)}))}(e,t,i);break;case"path":!function(e,t,i){var o,n;const{detail:a}=t,{originX:r,originY:l,originW:s,originH:h,fillRule:c}=a,{viewScaleInfo:d,viewSizeInfo:f,parentOpacity:u}=i,{x:g,y:v,w:m,h:w,angle:y}=Ee(t,{viewScaleInfo:d})||t,p=m/s,x=w/h,S=g-r*p,b=v-l*x,I=t.detail,A=at(I,["clipPath","clipPathStrokeColor","clipPathStrokeWidth"]),M=d.scale*f.devicePixelRatio,z=Object.assign(Object.assign({},t),{x:g,y:v,w:m,h:w,angle:y});let R=Object.assign({},z);R.detail=A;let P=Object.assign({},t);P.detail=A,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"))&&(R=Object.assign(Object.assign({},z),{detail:Object.assign(Object.assign({},z.detail),{background:a.fill,clipPath:{commands:a.commands,originX:r,originY:l,originW:s,originH:h}})}),P.detail=Object.assign({},R.detail)),fe(e,{x:g,y:v,w:m,h:w,angle:y},(()=>{et(e,R,{originElem:P,calcElemSize:{x:g,y:v,w:m,h:w,angle:y},viewScaleInfo:d,viewSizeInfo:f,parentOpacity:u,renderContent:()=>{ot(e,z,{viewScaleInfo:d,viewSizeInfo:f,renderContent:()=>{e.save(),e.translate(S,b),e.scale(M*p/d.scale,M*x/d.scale);const t=Xe(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),a.stroke&&0!==a.strokeWidth&&(e.strokeStyle=a.stroke,e.lineWidth=(a.strokeWidth||1)/f.devicePixelRatio,e.lineCap=a.strokeLineCap||"square",e.stroke(i)),e.translate(-S,-b),e.restore()}})}})}))}(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}=Ee({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});fe(e,{x:r,y:l,w:s,h:h,angle:c},(()=>{e.globalAlpha=_e(t)*a,ot(e,d,{viewScaleInfo:o,viewSizeInfo:n,renderContent:()=>{et(e,d,{originElem:t,calcElemSize:{x:r,y:l,w:s,h:h,angle:c},viewScaleInfo:o,viewSizeInfo:n,parentOpacity:a,renderContent:()=>{const{x:r,y:l,w:s,h:h,radiusList:c}=He(d,{viewScaleInfo:o,viewSizeInfo:n});if("hidden"===t.detail.overflow&&(e.save(),e.fillStyle="transparent",e.beginPath(),e.moveTo(r+c[0],l),e.arcTo(r+s,l,r+s,l+h,c[1]),e.arcTo(r+s,l+h,r,l+h,c[2]),e.arcTo(r,l+h,r,l,c[3]),e.arcTo(r,l,r+s,l,c[0]),e.closePath(),e.fill(),e.clip()),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{lt(e,l,Object.assign(Object.assign({},i),{parentOpacity:a*_e(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 st={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 ht(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({},st),null==r?void 0:r.detail)});if(!0===i.forceDrawAll||(null===(o=i.calculator)||void 0===o?void 0:o.needRender(l)))try{lt(e,l,Object.assign(Object.assign({},i),{parentOpacity:a}))}catch(e){console.error(e)}}}var ct,dt,ft,ut,gt,vt,mt,wt,yt,pt,xt,St,bt=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())}))},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)},At=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 Mt=["image","svg","html"],zt=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]{8,8}\-[0-9a-z]{4,4}\-[0-9a-z]{4,4}\-[0-9a-z]{4,4}\-[0-9a-z]{12,12}$/.test(`${n}`)?n:C(n):C(`${P()}-${e.uuid}-${P()}-${P()}`)};class Rt extends _{constructor(){super(),ct.add(this),dt.set(this,{}),ft.set(this,{}),ut.set(this,{}),gt.set(this,!1),It(this,ct,"m",vt).call(this,"image",((e,t)=>bt(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 j(o);return{uuid:e.uuid,lastModified:Date.now(),content:n}})))),It(this,ct,"m",vt).call(this,"html",((e,t)=>bt(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 D(o,{width:e.detail.originW||e.w,height:e.detail.originH||e.h});return{uuid:e.uuid,lastModified:Date.now(),content:n}})))),It(this,ct,"m",vt).call(this,"svg",((e,t)=>bt(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 Y(o);return{uuid:e.uuid,lastModified:Date.now(),content:n}}))))}isDestroyed(){return It(this,gt,"f")}destroy(){At(this,gt,!0,"f"),this.clear(),At(this,dt,null,"f"),At(this,ft,null,"f"),At(this,ut,null,"f")}load(e,t){!0!==It(this,gt,"f")&&(It(this,ct,"m",St).call(this,e)||Mt.includes(e.type)&&It(this,ct,"m",xt).call(this,e,t))}getContent(e){var t,i;const o=zt(e);return(null===(i=null===(t=It(this,ut,"f"))||void 0===t?void 0:t[o])||void 0===i?void 0:i.content)||null}getLoadItemMap(){return It(this,ut,"f")}setLoadItemMap(e){At(this,ut,e,"f")}}dt=new WeakMap,ft=new WeakMap,ut=new WeakMap,gt=new WeakMap,ct=new WeakSet,vt=function(e,t){It(this,dt,"f")[e]=t},mt=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},wt=function(e){return{element:e,status:"null",content:null,error:null,startTime:-1,endTime:-1,source:It(this,ct,"m",mt).call(this,e)}},yt=function(e){const t=zt(e.element),i=It(this,ut,"f")[t];It(this,gt,"f")||(i?i.startTime<e.startTime&&(It(this,ut,"f")[t]=e,this.trigger("load",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime}))):(It(this,ut,"f")[t]=e,this.trigger("load",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime}))))},pt=function(e){var t;const i=zt(e.element),o=null===(t=It(this,ut,"f"))||void 0===t?void 0:t[i];It(this,gt,"f")||(o?o.startTime<e.startTime&&(It(this,ut,"f")[i]=e,this.trigger("error",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime}))):(It(this,ut,"f")[i]=e,this.trigger("error",Object.assign(Object.assign({},e),{countTime:e.endTime-e.startTime}))))},xt=function(e,t){const i=It(this,ct,"m",wt).call(this,e),o=zt(e);if(It(this,ft,"f")[o])return;It(this,ft,"f")[o]=i;const n=It(this,dt,"f")[e.type];"function"!=typeof n||It(this,gt,"f")||(i.startTime=Date.now(),n(e,t).then((e=>{It(this,gt,"f")||(i.content=e.content,i.endTime=Date.now(),i.status="load",It(this,ct,"m",yt).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,It(this,ct,"m",pt).call(this,i)})))},St=function(e){var t;const i=zt(e),o=null===(t=It(this,ft,"f"))||void 0===t?void 0:t[i];return!(!o||"error"!==o.status||!o.source||o.source!==It(this,ct,"m",mt).call(this,e))};var Pt,Tt,Ct,Et,Wt,kt=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},Lt=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 extends _{constructor(e){super(),Pt.add(this),Tt.set(this,void 0),Ct.set(this,new Rt),Et.set(this,!1),kt(this,Tt,e,"f"),Lt(this,Pt,"m",Wt).call(this)}isDestroyed(){return Lt(this,Et,"f")}destroy(){this.clear(),kt(this,Tt,null,"f"),Lt(this,Ct,"f").destroy(),kt(this,Ct,null,"f"),kt(this,Et,!0,"f")}updateOptions(e){kt(this,Tt,e,"f")}drawData(e,t){const i=Lt(this,Ct,"f"),{calculator:o,sharer:n}=Lt(this,Tt,"f"),a=Lt(this,Tt,"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},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}=Ee(l,{viewScaleInfo:n})||l,f=Object.assign(Object.assign({},l),{x:s,y:h,w:c,h:d,angle:0});if(e.globalAlpha=1,ot(e,f,{viewScaleInfo:n,viewSizeInfo:a,renderContent:()=>{tt(e,f,{viewScaleInfo:n,viewSizeInfo:a})}}),"hidden"===t.detail.overflow){const{viewScaleInfo:o,viewSizeInfo:n}=i,a=Object.assign({uuid:"layout",type:"group"},t),r=Ee(a,{viewScaleInfo:o})||a,l=Object.assign(Object.assign({},a),r),{x:s,y:h,w:c,h:d,radiusList:f}=He(l,{viewScaleInfo:o,viewSizeInfo:n});e.save(),e.fillStyle="transparent",e.beginPath(),e.moveTo(s+f[0],h),e.arcTo(s+c,h,s+c,h+d,f[1]),e.arcTo(s+c,h+d,s,h+d,f[2]),e.arcTo(s,h+d,s,h,f[3]),e.arcTo(s,h,s+c,h,f[0]),e.closePath(),e.fill(),e.clip()}o(e),"hidden"===t.detail.overflow&&e.restore(),it(e,f,{viewScaleInfo:n,viewSizeInfo:a}),e.globalAlpha=r}(a,e.layout,l,(()=>{ht(a,e,l)})):ht(a,e,l)}scale(e){const{sharer:t}=Lt(this,Tt,"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){Lt(this,Ct,"f").setLoadItemMap(e)}getLoadItemMap(){return Lt(this,Ct,"f").getLoadItemMap()}getLoader(){return Lt(this,Ct,"f")}}Tt=new WeakMap,Ct=new WeakMap,Et=new WeakMap,Pt=new WeakSet,Wt=function(){const e=Lt(this,Ct,"f");e.on("load",(e=>{this.trigger("load",e)})),e.on("error",(e=>{console.error(e)}))};var jt,Yt,Dt=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},Vt=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 Bt{constructor(e){jt.set(this,void 0),Yt.set(this,void 0),Dt(this,jt,e,"f"),Dt(this,Yt,new le({defaultStorage:{viewVisibleInfoMap:{},visibleCount:0,invisibleCount:0}}),"f")}toGridNum(e,t){return!0===(null==t?void 0:t.ignore)?e:Math.round(e)}destroy(){Dt(this,jt,null,"f")}needRender(e){const t=Vt(this,Yt,"f").get("viewVisibleInfoMap")[e.uuid];return!t||t.isVisibleInView}isPointInElement(e,t,i,o){return Le(e,{context2d:Vt(this,jt,"f").viewContext,element:t,viewScaleInfo:i,viewSizeInfo:o})}getPointElement(e,t){const i=Vt(this,jt,"f").viewContext;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,d=0;for(let e=0;e<=t;e++)n+=h[e].x,r+=h[e].y,d+=h[e].angle||0;const f=h[t];if(f&&"group"===f.type&&Array.isArray(null===(i=f.detail)||void 0===i?void 0:i.children))for(let i=0;i<f.detail.children.length;i++){const u=f.detail.children[i];if(!0!==(null===(o=null==u?void 0:u.operations)||void 0===o?void 0:o.invisible)){if(!u)break;if(Le(e,{context2d:a,element:{x:n+u.x,y:r+u.y,w:u.w,h:u.h,angle:d+(u.angle||0)},viewScaleInfo:l,viewSizeInfo:s})){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)&&Le(e,{context2d:a,element:i,viewScaleInfo:l,viewSizeInfo:s})){c.index=t,c.element=i;break}}return c}(e,Object.assign(Object.assign({},t),{context2d:i}))}resetViewVisibleInfoMap(e,t){if(e){const{viewVisibleInfoMap:i,invisibleCount:o,visibleCount:n}=function(e,t){const i={},o=[],n=t=>{const a={isVisibleInView:!0,isGroup:"group"===t.type,position:[...o]};let r=null;r=je(t,{groupQueue:Ae(e,o)||[]}),i[t.uuid]=Object.assign(Object.assign({},a),{originRectInfo:r,rangeRectInfo:N.angle(t.angle)?Ye(r):r}),"group"===t.type&&t.detail.children.forEach(((e,t)=>{o.push(t),n(e),o.pop()}))};return e.forEach(((e,t)=>{o.push(t),n(e),o.pop()})),De(i,t)}(e.elements,t);Vt(this,Yt,"f").set("viewVisibleInfoMap",i),Vt(this,Yt,"f").set("invisibleCount",o),Vt(this,Yt,"f").set("visibleCount",n)}}updateVisiableStatus(e){const{viewVisibleInfoMap:t,invisibleCount:i,visibleCount:o}=De(Vt(this,Yt,"f").get("viewVisibleInfoMap"),e);Vt(this,Yt,"f").set("viewVisibleInfoMap",t),Vt(this,Yt,"f").set("invisibleCount",i),Vt(this,Yt,"f").set("visibleCount",o)}calcViewRectInfoFromOrigin(e,t){const i=Vt(this,Yt,"f").get("viewVisibleInfoMap")[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:f,bottomLeft:u,bottomRight:g}=i.originRectInfo;if(!0===o&&!1===i.isVisibleInView)return null;const v={viewScaleInfo:n,viewSizeInfo:a};return{center:We(r,v),left:We(l,v),right:We(s,v),bottom:We(h,v),top:We(c,v),topLeft:We(d,v),topRight:We(f,v),bottomLeft:We(u,v),bottomRight:We(g,v)}}calcViewRectInfoFromRange(e,t){const i=Vt(this,Yt,"f").get("viewVisibleInfoMap")[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:f,bottomLeft:u,bottomRight:g}=i.rangeRectInfo;if(!0===o&&!1===i.isVisibleInView)return null;const v={viewScaleInfo:n,viewSizeInfo:a};return{center:We(r,v),left:We(l,v),right:We(s,v),bottom:We(h,v),top:We(c,v),topLeft:We(d,v),topRight:We(f,v),bottomLeft:We(u,v),bottomRight:We(g,v)}}modifyViewVisibleInfoMap(e,t){const{modifyOptions:i,viewScaleInfo:o,viewSizeInfo:n}=t,{type:a,content:r}=i,l=e.elements,s=Vt(this,Yt,"f").get("viewVisibleInfoMap");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]})),Vt(this,Yt,"f").set("viewVisibleInfoMap",s)}else if("addElement"===a||"updateElement"===a){const{position:t}=r,i=Me(t,e.elements),h=Ae(l,t);if(i)if("updateElement"===a&&"group"===i.type)this.resetViewVisibleInfoMap(e,{viewScaleInfo:o,viewSizeInfo:n});else{const e=je(i,{groupQueue:h||[]}),r={originRectInfo:e,rangeRectInfo:N.angle(i.angle)?Ye(e):e,isVisibleInView:!0,isGroup:"group"===(null==i?void 0:i.type),position:[...t]};s[i.uuid]=r,Vt(this,Yt,"f").set("viewVisibleInfoMap",s),"updateElement"===a&&this.updateVisiableStatus({viewScaleInfo:o,viewSizeInfo:n})}}else"moveElement"===a&&this.resetViewVisibleInfoMap(e,{viewScaleInfo:o,viewSizeInfo:n})}}jt=new WeakMap,Yt=new WeakMap;var Gt,Xt,Nt,Ft,Ht,Zt,Qt,Ut,Jt,$t,Kt,qt,_t,ei,ti,ii,oi=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},ni=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)};function ai(e){return e>0||e<0||0===e}class ri extends _{constructor(e){super(),Gt.add(this),Xt.set(this,void 0),Nt.set(this,void 0),Ft.set(this,!1),Zt.set(this,(e=>{if(!ni(this,Gt,"m",ei).call(this,e))return;const t=ni(this,Gt,"m",ti).call(this,e);if(!ni(this,Gt,"m",ii).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})})),Qt.set(this,(e=>{if(!ni(this,Gt,"m",ei).call(this,e))return;e.preventDefault();const t=ni(this,Gt,"m",ti).call(this,e);ni(this,Gt,"m",ii).call(this,t)})),Ut.set(this,(e=>{if(!ni(this,Gt,"m",ei).call(this,e))return;e.preventDefault();const t=ni(this,Gt,"m",ti).call(this,e);if(!ni(this,Gt,"m",ii).call(this,t))return;const i=Date.now(),o=ni(this,Nt,"f").get("prevClickPoint");o&&i-o.t<=500&&Math.abs(o.x-t.x)<=5&&Math.abs(o.y-t.y)<=5?this.trigger("doubleClick",{point:t}):ni(this,Nt,"f").set("prevClickPoint",t)})),Jt.set(this,(e=>{if(ni(this,Nt,"f").set("hasPointDown",!1),!ni(this,Gt,"m",ei).call(this,e))return;e.preventDefault();const t=ni(this,Gt,"m",ti).call(this,e);this.trigger("pointLeave",{point:t})})),$t.set(this,(e=>{if(ni(this,Nt,"f").set("hasPointDown",!1),!ni(this,Gt,"m",ei).call(this,e))return;e.preventDefault();const t=ni(this,Gt,"m",ti).call(this,e);this.trigger("pointEnd",{point:t})})),Kt.set(this,(e=>{if(!ni(this,Gt,"m",ei).call(this,e))return;e.preventDefault(),e.stopPropagation();const t=ni(this,Gt,"m",ti).call(this,e);ni(this,Gt,"m",ii).call(this,t)?!0===ni(this,Nt,"f").get("hasPointDown")&&this.trigger("pointMove",{point:t}):ni(this,Nt,"f").get("hasPointDown")&&(this.trigger("pointLeave",{point:t}),ni(this,Nt,"f").set("hasPointDown",!1))})),qt.set(this,(e=>{if(!ni(this,Gt,"m",ei).call(this,e))return;e.preventDefault();const t=ni(this,Gt,"m",ti).call(this,e);ni(this,Gt,"m",ii).call(this,t)&&(ni(this,Nt,"f").set("hasPointDown",!0),this.trigger("pointStart",{point:t}))})),_t.set(this,(e=>{if(!ni(this,Gt,"m",ei).call(this,e))return;e.preventDefault();const t=ni(this,Gt,"m",ti).call(this,e);ni(this,Gt,"m",ii).call(this,t)&&this.trigger("hover",{point:t})}));const t=new le({defaultStorage:{hasPointDown:!1,prevClickPoint:null}});oi(this,Nt,t,"f"),oi(this,Xt,e,"f"),ni(this,Gt,"m",Ht).call(this)}onEvents(){if(ni(this,Ft,"f"))return;const e=window;e.addEventListener("mousemove",ni(this,_t,"f")),e.addEventListener("mousedown",ni(this,qt,"f")),e.addEventListener("mousemove",ni(this,Kt,"f")),e.addEventListener("mouseup",ni(this,$t,"f")),e.addEventListener("mouseleave",ni(this,Jt,"f")),e.addEventListener("wheel",ni(this,Zt,"f"),{passive:!1}),e.addEventListener("click",ni(this,Ut,"f")),e.addEventListener("contextmenu",ni(this,Qt,"f"))}offEvents(){const e=window;e.removeEventListener("mousemove",ni(this,_t,"f")),e.removeEventListener("mousedown",ni(this,qt,"f")),e.removeEventListener("mousemove",ni(this,Kt,"f")),e.removeEventListener("mouseup",ni(this,$t,"f")),e.removeEventListener("mouseleave",ni(this,Jt,"f")),e.removeEventListener("wheel",ni(this,Zt,"f")),e.removeEventListener("click",ni(this,Ut,"f")),e.removeEventListener("contextmenu",ni(this,Qt,"f"))}destroy(){this.offEvents(),ni(this,Nt,"f").destroy(),oi(this,Ft,!0,"f")}}Xt=new WeakMap,Nt=new WeakMap,Ft=new WeakMap,Zt=new WeakMap,Qt=new WeakMap,Ut=new WeakMap,Jt=new WeakMap,$t=new WeakMap,Kt=new WeakMap,qt=new WeakMap,_t=new WeakMap,Gt=new WeakSet,Ht=function(){this.onEvents()},ei=function(e){return e.target===ni(this,Xt,"f").boardContent.boardContext.canvas},ti=function(e){const t=ni(this,Xt,"f").boardContent.boardContext.canvas.getBoundingClientRect();return{x:e.clientX-t.left,y:e.clientY-t.top,t:Date.now()}},ii=function(e){const t=ni(this,Xt,"f").sharer.getActiveViewSizeInfo(),{width:i,height:o}=t;return!!(ai(e.x)&&ai(e.y)&&e.x<=i&&e.y<=o)};var li,si,hi=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},ci=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)};const di={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 fi{constructor(){li.set(this,void 0),si.set(this,void 0);const e=new le({defaultStorage:di}),t=new le({defaultStorage:{}});hi(this,li,e,"f"),hi(this,si,t,"f")}getActiveStorage(e){return ci(this,li,"f").get(e)}setActiveStorage(e,t){return ci(this,li,"f").set(e,t)}getActiveStoreSnapshot(e){return ci(this,li,"f").getSnapshot(e)}getSharedStorage(e){return ci(this,si,"f").get(e)}setSharedStorage(e,t){return ci(this,si,"f").set(e,t)}getSharedStoreSnapshot(e){return ci(this,si,"f").getSnapshot(e)}getActiveViewScaleInfo(){return{scale:ci(this,li,"f").get("scale"),offsetTop:ci(this,li,"f").get("offsetTop"),offsetBottom:ci(this,li,"f").get("offsetBottom"),offsetLeft:ci(this,li,"f").get("offsetLeft"),offsetRight:ci(this,li,"f").get("offsetRight")}}setActiveViewScaleInfo(e){const{scale:t,offsetTop:i,offsetBottom:o,offsetLeft:n,offsetRight:a}=e;ci(this,li,"f").set("scale",t),ci(this,li,"f").set("offsetTop",i),ci(this,li,"f").set("offsetBottom",o),ci(this,li,"f").set("offsetLeft",n),ci(this,li,"f").set("offsetRight",a)}setActiveViewSizeInfo(e){ci(this,li,"f").set("width",e.width),ci(this,li,"f").set("height",e.height),ci(this,li,"f").set("devicePixelRatio",e.devicePixelRatio),ci(this,li,"f").set("contextWidth",e.contextWidth),ci(this,li,"f").set("contextHeight",e.contextHeight)}getActiveViewSizeInfo(){return{width:ci(this,li,"f").get("width"),height:ci(this,li,"f").get("height"),devicePixelRatio:ci(this,li,"f").get("devicePixelRatio"),contextWidth:ci(this,li,"f").get("contextWidth"),contextHeight:ci(this,li,"f").get("contextHeight")}}getActiveOverrideElemenentMap(){return ci(this,li,"f").get("overrideElementMap")}setActiveOverrideElemenentMap(e){ci(this,li,"f").set("overrideElementMap",e)}}li=new WeakMap,si=new WeakMap;var ui,gi,vi,mi,wi,yi,pi=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},xi=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)};const{requestAnimationFrame:Si}=window;class bi extends _{constructor(e){super(),ui.add(this),gi.set(this,void 0),vi.set(this,[]),mi.set(this,"FREE"),pi(this,gi,e,"f"),xi(this,ui,"m",wi).call(this)}resetViewVisibleInfoMap(e,t){e&&xi(this,gi,"f").calculator.resetViewVisibleInfoMap(e,t)}drawFrame(){const{sharer:e}=xi(this,gi,"f"),t=e.getActiveStoreSnapshot(),i=e.getSharedStoreSnapshot();xi(this,vi,"f").push({activeStore:t,sharedStore:i}),xi(this,ui,"m",yi).call(this)}scale(e){const{scale:t,point:i,ignoreUpdateVisibleStatus:o}=e,{sharer:n}=xi(this,gi,"f"),{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||xi(this,gi,"f").calculator.updateVisiableStatus({viewScaleInfo:n.getActiveViewScaleInfo(),viewSizeInfo:n.getActiveViewSizeInfo()}),{moveX:a,moveY:r}}scroll(e){const{sharer:t}=xi(this,gi,"f"),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,f=o.offsetTop,u=o.offsetBottom;return c+=t,f+=i,d=r-(s*a+c),u=l-(h*a+f),{scale:a,offsetTop:f,offsetLeft:c,offsetRight:d,offsetBottom:u}}({moveX:o,moveY:n,viewScaleInfo:i,viewSizeInfo:t.getActiveViewSizeInfo()});return t.setActiveViewScaleInfo(r),a||xi(this,gi,"f").calculator.updateVisiableStatus({viewScaleInfo:t.getActiveViewScaleInfo(),viewSizeInfo:t.getActiveViewSizeInfo()}),r}updateViewScaleInfo(e){const{sharer:t}=xi(this,gi,"f"),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),xi(this,gi,"f").calculator.updateVisiableStatus({viewScaleInfo:t.getActiveViewScaleInfo(),viewSizeInfo:t.getActiveViewSizeInfo()}),i}resize(e={},t){const{sharer:i}=xi(this,gi,"f"),o=i.getActiveViewSizeInfo(),n=Object.assign(Object.assign({},o),e),{width:a,height:r,devicePixelRatio:l}=n,{underlayContext:s,boardContext:h,overlayContext:c,viewContext:d}=xi(this,gi,"f").boardContent;return h.canvas.width=a*l,h.canvas.height=r*l,h.canvas.style.width=`${a}px`,h.canvas.style.height=`${r}px`,s.canvas.width=a*l,s.canvas.height=r*l,c.canvas.width=a*l,c.canvas.height=r*l,d.canvas.width=a*l,d.canvas.height=r*l,i.setActiveViewSizeInfo(n),(null==t?void 0:t.ignoreUpdateVisibleStatus)||xi(this,gi,"f").calculator.updateVisiableStatus({viewScaleInfo:i.getActiveViewScaleInfo(),viewSizeInfo:i.getActiveViewSizeInfo()}),n}}gi=new WeakMap,vi=new WeakMap,mi=new WeakMap,ui=new WeakSet,wi=function(){const{renderer:e}=xi(this,gi,"f");e.on("load",(()=>{this.drawFrame()}))},yi=function e(){if("DRAWING"===xi(this,mi,"f")||0===xi(this,vi,"f").length)return;pi(this,mi,"DRAWING","f");const t=xi(this,vi,"f").shift(),{renderer:i,boardContent:o,beforeDrawFrame:n,afterDrawFrame:a}=xi(this,gi,"f");if(t){const{scale:e,offsetTop:r,offsetBottom:l,offsetLeft:s,offsetRight:h,width:c,height:d,contextHeight:f,contextWidth:u,devicePixelRatio:g}=t.activeStore,v={scale:e,offsetTop:r,offsetBottom:l,offsetLeft:s,offsetRight:h},m={width:c,height:d,contextHeight:f,contextWidth:u,devicePixelRatio:g};(null==t?void 0:t.activeStore.data)&&i.drawData(t.activeStore.data,{viewScaleInfo:v,viewSizeInfo:m}),n({snapshot:t}),o.drawView(),a({snapshot:t})}0!==xi(this,vi,"f").length?pi(this,mi,"DRAWING","f")&&Si((()=>{xi(this,ui,"m",e).call(this)})):pi(this,mi,"COMPLETE","f")};var Ii,Ai,Mi,zi,Ri,Pi,Ti,Ci,Ei,Wi,ki,Li,Oi,ji,Yi,Di,Vi,Bi,Gi,Xi,Ni,Fi,Hi,Zi,Qi,Ui,Ji,$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},Ki=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 qi{constructor(e){Ii.add(this),Ai.set(this,void 0),Mi.set(this,new WeakMap),zi.set(this,[]),Ri.set(this,[]),Pi.set(this,void 0),Ti.set(this,void 0),Ci.set(this,void 0),Ei.set(this,void 0),Wi.set(this,void 0),ki.set(this,new _),Li.set(this,!1);const{boardContent:t}=e,i=new fi,o=new Bt({viewContext:t.viewContext}),n=new ri({boardContent:t,sharer:i}),a=new Ot({viewContext:t.viewContext,sharer:i,calculator:o});$i(this,Ai,e,"f"),$i(this,Ci,i,"f"),$i(this,Pi,n,"f"),$i(this,Ti,a,"f"),$i(this,Wi,o,"f"),$i(this,Ei,new bi({boardContent:e.boardContent,sharer:i,renderer:a,calculator:Ki(this,Wi,"f"),beforeDrawFrame:e=>{Ki(this,Ii,"m",Qi).call(this,e)},afterDrawFrame:e=>{Ki(this,Ii,"m",Ui).call(this,e)}}),"f"),Ki(this,Ii,"m",Oi).call(this),Ki(this,Ii,"m",Ji).call(this)}isDestroyed(){return Ki(this,Li,"f")}destroy(){Ki(this,Pi,"f").destroy(),Ki(this,Ti,"f").destroy(),Ki(this,Wi,"f").destroy(),Ki(this,ki,"f").destroy(),$i(this,Li,!0,"f")}getSharer(){return Ki(this,Ci,"f")}getViewer(){return Ki(this,Ei,"f")}getRenderer(){return Ki(this,Ti,"f")}setData(e,t){const{modifiedOptions:i}=t||{},o=Ki(this,Ci,"f");Ki(this,Ci,"f").setActiveStorage("data",e);const n=o.getActiveViewSizeInfo(),a=o.getActiveViewScaleInfo(),r=Ie(e.elements,{viewWidth:n.width,viewHeight:n.height,extend:!0});Ki(this,Ei,"f").resetViewVisibleInfoMap(e,{viewSizeInfo:n,viewScaleInfo:a}),Ki(this,Ei,"f").drawFrame();const l=Object.assign(Object.assign({},n),r);return Ki(this,Ci,"f").setActiveViewSizeInfo(l),{viewSizeInfo:l}}getData(){const{data:e}=Ki(this,Ci,"f").getActiveStoreSnapshot();return e}use(e,t){var i,o,n;if(Ki(this,Mi,"f").has(e)){const t=Ki(this,Mi,"f").get(e);if(t)return null===(o=(i=t.middlewareObject).use)||void 0===o||o.call(i),t.status="enable",Ki(this,Mi,"f").set(e,t),void Ki(this,Ii,"m",Ji).call(this)}const{boardContent:a,container:r}=Ki(this,Ai,"f"),l=e({boardContent:a,sharer:Ki(this,Ci,"f"),viewer:Ki(this,Ei,"f"),calculator:Ki(this,Wi,"f"),eventHub:Ki(this,ki,"f"),container:r},t);null===(n=l.use)||void 0===n||n.call(l),Ki(this,zi,"f").push(e),Ki(this,Ri,"f").push(l),Ki(this,Mi,"f").set(e,{status:"enable",middlewareObject:l,config:t}),Ki(this,Ii,"m",Ji).call(this)}disuse(e){var t,i;const o=Ki(this,Mi,"f").get(e);o&&(null===(i=(t=o.middlewareObject).disuse)||void 0===i||i.call(t),o.status="disable",Ki(this,Mi,"f").set(e,o),Ki(this,Ii,"m",Ji).call(this))}scale(e){const t=Ki(this,Ei,"f"),{ignoreUpdateVisibleStatus:i}=e,{moveX:o,moveY:n}=t.scale(Object.assign(Object.assign({},e),{ignoreUpdateVisibleStatus:!0}));t.scroll({moveX:o,moveY:n,ignoreUpdateVisibleStatus:i})}scroll(e){return Ki(this,Ei,"f").scroll(e)}updateViewScaleInfo(e){return Ki(this,Ei,"f").updateViewScaleInfo(e)}resize(e,t){const i=Ki(this,Ei,"f").resize(e,t),{width:o,height:n,devicePixelRatio:a}=e,{boardContent:r}=Ki(this,Ai,"f");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}),Ki(this,Ei,"f").drawFrame(),Ki(this,Pi,"f").trigger("resize",i),Ki(this,Ci,"f").setActiveViewSizeInfo(e)}clear(){const{boardContent:e}=Ki(this,Ai,"f"),{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),Ki(this,Ii,"m",Zi).call(this)}getEventHub(){return Ki(this,ki,"f")}onWatcherEvents(){Ki(this,Pi,"f").onEvents()}offWatcherEvents(){Ki(this,Pi,"f").offEvents()}}Ai=new WeakMap,Mi=new WeakMap,zi=new WeakMap,Ri=new WeakMap,Pi=new WeakMap,Ti=new WeakMap,Ci=new WeakMap,Ei=new WeakMap,Wi=new WeakMap,ki=new WeakMap,Li=new WeakMap,Ii=new WeakSet,Oi=function(){Ki(this,Pi,"f").on("pointStart",Ki(this,Ii,"m",ji).bind(this)),Ki(this,Pi,"f").on("pointEnd",Ki(this,Ii,"m",Yi).bind(this)),Ki(this,Pi,"f").on("pointMove",Ki(this,Ii,"m",Di).bind(this)),Ki(this,Pi,"f").on("hover",Ki(this,Ii,"m",Vi).bind(this)),Ki(this,Pi,"f").on("wheel",Ki(this,Ii,"m",Gi).bind(this)),Ki(this,Pi,"f").on("wheelScale",Ki(this,Ii,"m",Xi).bind(this)),Ki(this,Pi,"f").on("scrollX",Ki(this,Ii,"m",Ni).bind(this)),Ki(this,Pi,"f").on("scrollY",Ki(this,Ii,"m",Fi).bind(this)),Ki(this,Pi,"f").on("resize",Ki(this,Ii,"m",Hi).bind(this)),Ki(this,Pi,"f").on("doubleClick",Ki(this,Ii,"m",Bi).bind(this)),Ki(this,Ti,"f").on("load",(()=>{Ki(this,ki,"f").trigger("loadResource")}))},ji=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.pointStart)||void 0===t?void 0:t.call(o,e)))return}},Yi=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.pointEnd)||void 0===t?void 0:t.call(o,e)))return}},Di=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.pointMove)||void 0===t?void 0:t.call(o,e)))return}},Vi=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.hover)||void 0===t?void 0:t.call(o,e)))return}},Bi=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.doubleClick)||void 0===t?void 0:t.call(o,e)))return}},Gi=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.wheel)||void 0===t?void 0:t.call(o,e)))return}},Xi=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.wheelScale)||void 0===t?void 0:t.call(o,e)))return}},Ni=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.scrollX)||void 0===t?void 0:t.call(o,e)))return}},Fi=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.scrollY)||void 0===t?void 0:t.call(o,e)))return}},Hi=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.resize)||void 0===t?void 0:t.call(o,e)))return}},Zi=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.clear)||void 0===t?void 0:t.call(o,e)))return}},Qi=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.beforeDrawFrame)||void 0===t?void 0:t.call(o,e)))return}},Ui=function(e){var t;for(let i=0;i<Ki(this,Ri,"f").length;i++){const o=Ki(this,Ri,"f")[i];if(!1===(null===(t=null==o?void 0:o.afterDrawFrame)||void 0===t?void 0:t.call(o,e)))return}},Ji=function(){const e=[],t=Ki(this,Mi,"f");Ki(this,zi,"f").forEach((i=>{const o=t.get(i);"enable"===(null==o?void 0:o.status)&&(null==o?void 0:o.middlewareObject)&&e.push(o.middlewareObject)})),$i(this,Ri,e,"f")};const _i="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==";class eo{constructor(e,d){I(this,r),I(this,s),I(this,c),I(this,f),I(this,g),I(this,t,void 0),I(this,i,void 0),I(this,o,null),I(this,n,null),I(this,a,{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":_i,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="}),A(this,i,e),A(this,t,d.eventHub),M(this,r,l).call(this),M(this,s,h).call(this)}}t=new WeakMap,i=new WeakMap,o=new WeakMap,n=new WeakMap,a=new WeakMap,r=new WeakSet,l=function(){const e=b(this,t);M(this,c,d).call(this,"default"),e.on("cursor",(e=>{var t;"over-element"!==e.type&&e.type?"resize-rotate"===e.type?M(this,c,d).call(this,"rotate"):"string"==typeof e.type&&(null==(t=e.type)?void 0:t.startsWith("resize-"))?M(this,f,u).call(this,e):"drag-default"===e.type?M(this,c,d).call(this,"drag-default"):"drag-active"===e.type?M(this,c,d).call(this,"drag-active"):M(this,c,d).call(this,"auto"):M(this,c,d).call(this,"auto")}))},s=new WeakSet,h=function(){j(_i).then((e=>{A(this,n,e)})).catch((e=>{console.error(e)}))},c=new WeakSet,d=function(e){if(b(this,o)===e)return;A(this,o,e);const t=b(this,a)[b(this,o)]||b(this,a).auto;let n=0,r=0;(e.startsWith("rotate-")&&b(this,a)[b(this,o)]||"rotate"===e)&&(n=10,r=10),b(this,i).style.cursor="default"===e?"default":`image-set(url(${t})2x) ${n} ${r}, auto`},f=new WeakSet,u=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+=Se((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+=Se(e.angle||0)})),i=Se(i);const o=M(this,g,v).call(this,i);M(this,c,d).call(this,o)},g=new WeakSet,v=function(e){const t=`rotate-${e}`;if(!b(this,a)[t]){const i=b(this,n);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 s=o.getContext("2d"),h=ce(e);s.translate(l.x,l.y),s.rotate(h),s.translate(-l.x,-l.y),s.drawImage(i,0,0,n,r),s.translate(l.x,l.y),s.rotate(-h),s.translate(-l.x,-l.y);const c=o.toDataURL("image/png");b(this,a)[t]=c}}return t};const to="change",io="SELECT",oo=Symbol(`${io}_actionType`),no=Symbol(`${io}_resizeType`),ao=Symbol(`${io}_areaStart`),ro=Symbol(`${io}_areaEnd`),lo=Symbol(`${io}_hoverElement`),so=Symbol(`${io}_hoverElementVertexes`),ho=Symbol(`${io}_selectedElementList`),co=Symbol(`${io}_selectedElementListVertexes`),fo=Symbol(`${io}_selectedElementController`),uo=Symbol(`${io}_selectedElementPosition`),go=Symbol(`${io}_groupQueue`),vo=Symbol(`${io}_groupQueueVertexesList`),mo=Symbol(`${io}_isMoving`),wo=Symbol(`${io}_enableSelectInGroup`),yo=Symbol(`${io}_enableSnapToGrid`),po={activeColor:"#1973ba",activeAreaColor:"#1976d21c",lockedColor:"#5b5959b5",referenceColor:"#f7276e"},xo="@middleware/select",So="@middleware/select-clear",bo="@middleware/select-in-group",Io="@middleware/snap-to-grid";function Ao(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()}function Mo(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 zo(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 Ro(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;zo(e,[{x:l,y:h},{x:s,y:h},{x:s,y:c},{x:l,y:c}],{borderColor:n,borderWidth:a,lineDash:r})}function Po(e,t,i){if(!t)return;const{style:o}=i,{activeColor:n}=o,a={borderColor:n,borderWidth:1,background:"transparent",lineDash:[]};Ao(e,ke(t,i),a)}function To(e,t,i){if(!t)return;const{style:o}=i,{lockedColor:n}=o,a={borderColor:n,borderWidth:1,background:"transparent",lineDash:[]};Ao(e,ke(t,i),a);const{controller:r}=i;if(r){const{topLeft:t,topRight:o,bottomLeft:l,bottomRight:s,topMiddle:h,bottomMiddle:c,leftMiddle:d,rightMiddle:f}=r,u={...a,borderWidth:1,background:n};zo(e,ke(h.vertexes,i),u),zo(e,ke(c.vertexes,i),u),zo(e,ke(d.vertexes,i),u),zo(e,ke(f.vertexes,i),u),zo(e,ke(t.vertexes,i),u),zo(e,ke(o.vertexes,i),u),zo(e,ke(l.vertexes,i),u),zo(e,ke(s.vertexes,i),u)}}function Co(e,t,i){if(!t)return;const{hideControllers:o,style:n}=i,{activeColor:a}=n,{elementWrapper:r,topLeft:l,topRight:s,bottomLeft:h,bottomRight:c,top:d,rotate:f}=t,u={borderColor:a,borderWidth:2,background:"transparent",lineDash:[]},g={...u,borderWidth:4,background:"#FFFFFF"};Ao(e,ke(r,i),u),o||(Mo(e,We(d.center,i),We(f.center,i),{...g,borderWidth:2}),Ao(e,ke(l.vertexes,i),g),Ao(e,ke(s.vertexes,i),g),Ao(e,ke(h.vertexes,i),g),Ao(e,ke(c.vertexes,i),g),function(e,t,i){const{size:o,borderColor:n,borderWidth:a,background:r}=i,l=t,s=o/2,h=s,c=s;if(h>=0&&c>=0){if("number"==typeof a&&a>0){const t=a/2+h,i=a/2+c;e.beginPath(),e.strokeStyle=n,e.lineWidth=a,e.circle(l.x,l.y,t,i,0,0,2*Math.PI),e.closePath(),e.stroke()}e.beginPath(),e.fillStyle=r,e.circle(l.x,l.y,h,c,0,0,2*Math.PI),e.closePath(),e.fill()}}(e,We(f.center,i),{...g,size:10,borderWidth:2}))}function Eo(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)=>{Ro(e,i,l),t[o+1]&&Mo(e,t[o],t[o+1],r)}))})),o&&o.forEach((t=>{t.forEach(((i,o)=>{Ro(e,i,l),t[o+1]&&Mo(e,t[o],t[o+1],r)}))}))}function Wo(e){return e*Math.PI/180}function ko(e,t){return Math.sqrt(e*e+t*t)}function Lo(e,t){return t>0?Math.abs(e):0-Math.abs(e)}function Oo(e,t){const{ctx:i,viewScaleInfo:o,vertexes:n}=t,a=We(n[0],{viewScaleInfo:o}),r=We(n[1],{viewScaleInfo:o}),l=We(n[2],{viewScaleInfo:o}),s=We(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 jo(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=Te(a),l=r[r.length-1];return!!l&&Oo(e,{ctx:i,vertexes:l,viewScaleInfo:o,viewSizeInfo:n})}function Yo(e,t){var i,o,n;const a={type:null,elements:[],elementVertexesList:[],groupQueue:[],groupQueueVertexesList:[]},{ctx:r,data:l,calculator:s,selectedElements:h,viewScaleInfo:c,viewSizeInfo:d,areaSize:f,groupQueue:u,selectedElementController:g}=t;if(g){const{left:t,right:i,top:o,bottom:n,topLeft:l,topRight:s,bottomLeft:f,bottomRight:v,rotate:m}=g,w=[t,i,o,n,l,s,f,v,m];for(let t=0;t<w.length;t++){const i=w[t];if(Oo(e,{ctx:r,vertexes:i.vertexes,viewSizeInfo:d,viewScaleInfo:c})){a.type=`resize-${i.type}`,h&&(null==h?void 0:h.length)>0&&(a.groupQueue=u||[],a.elements=[h[0]]);break}}}if(u&&Array.isArray(u)&&u.length>0){const t=u[u.length-1];if((null==(i=null==t?void 0:t.detail)?void 0:i.children)&&Array.isArray(null==(o=null==t?void 0:t.detail)?void 0:o.children))for(let i=t.detail.children.length-1;i>=0;i--){const o=t.detail.children[i],n=Ce(o,{groupQueue:u});if(n&&Oo(e,{ctx:r,vertexes:n,viewScaleInfo:c,viewSizeInfo:d}))return a.type||(a.type="over-element"),a.groupQueue=u,a.elements=[o],a}return a}if(null!==a.type)return a;if(f&&Array.isArray(h)&&(null==h?void 0:h.length)>1){const{x:t,y:i,w:o,h:n}=f;if(e.x>=t&&e.x<=t+o&&e.y>=i&&e.y<=i+n)return a.type="list-area",a.elements=h,a}if(l){const{index:t,element:i}=s.getPointElement(e,{data:l,viewScaleInfo:c,viewSizeInfo:d});if(t>=0&&i&&!0!==(null==(n=null==i?void 0:i.operations)?void 0:n.invisible))return a.elements=[i],a.type="over-element",a}return a}function Do(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=We(l,{viewScaleInfo:c}),f=Se(r),u=function(e,t,i){const o=ve(e,t),n=ve(e,i);return null!==n&&null!==o?o>3*Math.PI/2&&n<Math.PI/2?n+(2*Math.PI-o):n>3*Math.PI/2&&o<Math.PI/2?o+(2*Math.PI-n):n-o:0}(d,s,h);return{x:i,y:o,w:n,h:a,angle:f+u/Math.PI*180}}function Vo(e,t){var i;if(!Array.isArray(e))return null;const o={x:0,y:0,w:0,h:0},{viewScaleInfo:n,viewSizeInfo:a}=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 s=Ee(l,{viewScaleInfo:n,viewSizeInfo:a});if(s.angle&&(s.angle>0||s.angle<0)){const e=pe(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))}}if(r){const e=Math.min(s.x,o.x),t=Math.min(s.y,o.y),i=Math.max(s.x+s.w,o.x+o.w),n=Math.max(s.y+s.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=s.x,o.y=s.y,o.w=s.w,o.h=s.h;r=s}return o}function Bo(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 Go=(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]},Xo=(e,t)=>Math.abs(e-t)<1e-5;function No(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 f={},u={},g={},v={},m=[],w=[];let y=[],p=[];const x=Bo(d);f[x.minX]=[x.minY,x.midY,x.maxY],f[x.midX]=[x.minY,x.midY,x.maxY],f[x.maxX]=[x.minY,x.midY,x.maxY],u[x.minY]=[x.minX,x.midX,x.maxX],u[x.midY]=[x.minX,x.midX,x.maxX],u[x.maxY]=[x.minX,x.midX,x.maxX],c.forEach((e=>{const t=Bo(e);g[t.minX]||(g[t.minX]=[]),g[t.midX]||(g[t.midX]=[]),g[t.maxX]||(g[t.maxX]=[]),v[t.minY]||(v[t.minY]=[]),v[t.midY]||(v[t.midY]=[]),v[t.maxY]||(v[t.maxY]=[]),g[t.minX]=[t.minY,t.midY,t.maxY],g[t.midX]=[t.minY,t.midY,t.maxY],g[t.maxX]=[t.minY,t.midY,t.maxY],y.push(t.minX),y.push(t.midX),y.push(t.maxX),v[t.minY]=[t.minX,t.midX,t.maxX],v[t.midY]=[t.minX,t.midX,t.maxX],v[t.maxY]=[t.minX,t.midX,t.maxX],p.push(t.minY),p.push(t.midY),p.push(t.maxY)})),y=y.sort(((e,t)=>e-t)),p=p.sort(((e,t)=>e-t));let S=null,b=null,I=null,A=null,M=null,z=null,R=null,P=null;if(y.length>0){I=Go(y,x.minX),A=Go(y,x.midX),M=Go(y,x.maxX);const e=Math.abs(I-x.minX),t=Math.abs(A-x.midX),i=Math.abs(M-x.maxX),o=Math.min(e,t,i);o<=2/l.scale&&(Xo(o,e)?S=I-x.minX:Xo(o,t)?S=A-x.midX:Xo(o,i)&&(S=M-x.maxX))}if(p.length>0){z=Go(p,x.minY),R=Go(p,x.midY),P=Go(p,x.maxY);const e=Math.abs(z-x.minY),t=Math.abs(R-x.midY),i=Math.abs(P-x.maxY),o=Math.min(e,t,i);o<=2/l.scale&&(Xo(o,e)?b=z-x.minY:Xo(o,t)?b=R-x.midY:Xo(o,i)&&(b=P-x.maxY))}const T={...x};if(null!==S&&(T.minX+=S,T.midX+=S,T.maxX+=S),null!==b&&(T.minY+=b,T.midY+=b,T.maxY+=b),N.x(S)&&null!==S&&null!==I&&null!==A&&null!==M){if(Xo(S,I-x.minX)){const e={x:I,yList:[]};e.yList.push(T.minY),e.yList.push(T.maxY),e.yList.push(...(null==v?void 0:v[I])||[]),m.push(e)}if(Xo(S,A-x.minX)){const e={x:A,yList:[]};e.yList.push(T.minY),e.yList.push(T.maxY),e.yList.push(...(null==v?void 0:v[A])||[]),m.push(e)}if(Xo(S,M-x.minX)){const e={x:M,yList:[]};e.yList.push(T.minY),e.yList.push(T.maxY),e.yList.push(...(null==v?void 0:v[M])||[]),m.push(e)}}if(N.y(b)&&null!==b&&null!==z&&null!==R&&null!==P){if(Xo(b,z-x.minY)){const e={y:z,xList:[]};e.xList.push(T.minX),e.xList.push(T.maxX),e.xList.push(...(null==g?void 0:g[z])||[]),w.push(e)}if(Xo(b,R-x.midY)){const e={y:R,xList:[]};e.xList.push(T.minX),e.xList.push(T.maxX),e.xList.push(...(null==g?void 0:g[z])||[]),w.push(e)}if(Xo(b,P-x.maxY)){const e={y:P,xList:[]};e.xList.push(T.minX),e.xList.push(T.maxX),e.xList.push(...(null==g?void 0:g[P])||[]),w.push(e)}}const C=[];(null==m?void 0:m.length)>0&&m.forEach(((e,t)=>{C.push([]),e.yList.forEach((i=>{C[t].push({x:e.x,y:i})}))}));const E=[];return(null==w?void 0:w.length)>0&&w.forEach(((e,t)=>{E.push([]),e.xList.forEach((i=>{E[t].push({x:i,y:e.y})}))})),{offsetX:S,offsetY:b,yLines:C,xLines:E}}const Fo="@middleware/text-edit",Ho="@middleware/text-change",Zo={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"},Qo="LAYOUT_SELECT",Uo=Symbol(`${Qo}_layoutActionType`),Jo=Symbol(`${Qo}_layoutControlType`),$o=Symbol(`${Qo}_layoutController`),Ko=Symbol(`${Qo}_layoutIsHover`),qo=Symbol(`${Qo}_layoutIsSelected`),_o={activeColor:"#b331c9"};function en(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(),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 tn(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()}const on="SCROLL",nn=Symbol(`${on}_xThumbRect`),an=Symbol(`${on}_yThumbRect`),rn=Symbol(`${on}_hoverXThumbRect`),ln=Symbol(`${on}_hoverYThumbRect`),sn=Symbol(`${on}_prevPoint`),hn=Symbol(`${on}_activePoint`),cn=Symbol(`${on}_activeThumbType`),dn={thumbBackground:"#0000003A",thumbBorderColor:"#0000008A",hoverThumbBackground:"#0000005F",hoverThumbBorderColor:"#000000EE",activeThumbBackground:"#0000005E",activeThumbBorderColor:"#000000F0"},fn=16,un=2.5*fn;function gn(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 vn(e,t){let{x:i,y:o,h:n,w:a,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(),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 mn(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,f=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,f=un,u=fn,{thumbBackground:g,thumbBorderColor:v,hoverThumbBackground:m,hoverThumbBorderColor:w}=a;let y=0,p=0;y=Math.max(f,r-2*u-(Math.abs(c)+Math.abs(d))),y>=r&&(y=r),p=Math.max(f,l-2*u-(Math.abs(s)+Math.abs(h))),p>=l&&(p=l);const x=u;let S=x;c>0?S=x:d>0?S=r-y-u:c<=0&&y>0&&(0!==c||0!==d)&&(S=x+(r-y)*Math.abs(c)/(Math.abs(c)+Math.abs(d)),S=Math.min(Math.max(0,S-x),r-y));const b=u;let I=b;return s>0?I=b:h>0?I=l-p-u:s<=0&&p>0&&(0!==s||0!==h)&&(I=b+(l-p)*Math.abs(s)/(Math.abs(s)+Math.abs(h)),I=Math.min(Math.max(0,I-b),l-p)),{lineSize:u,xSize:y,ySize:p,translateY:I,translateX:S,xThumbBackground:o?m:g,yThumbBackground:n?m:g,xThumbBorderColor:o?w:v,yThumbBorderColor:n?w:v,xThumbRect:{x:S,y:l-u,w:y,h:u},yThumbRect:{x:r-u,y:I,w:u,h:p}}}({viewScaleInfo:o,viewSizeInfo:n,hoverXThumb:c,hoverYThumb:d,style:r});let u={...f.xThumbRect},g={...f.yThumbRect};return l&&s&&h&&("X"===l&&a.xThumbRect?(u={...a.xThumbRect},u.x=u.x+(h.x-s.x)):"Y"===l&&a.yThumbRect&&(g={...a.yThumbRect},g.y=g.y+(h.y-s.y))),vn(i,{axis:"X",...u,r:f.lineSize/2,background:f.xThumbBackground,borderColor:f.xThumbBorderColor}),vn(i,{axis:"Y",...g,r:f.lineSize/2,background:f.yThumbBackground,borderColor:f.yThumbBorderColor}),{xThumbRect:u,yThumbRect:g}}function wn(e,t){const{snapshot:i,style:o}=t,n=he(i),a=se(i),r=function(e){const{sharedStore:t}=e;return{activePoint:t[hn]||null,prevPoint:t[sn]||null,activeThumbType:t[cn]||null,xThumbRect:t[nn]||null,yThumbRect:t[an]||null,hoverXThumb:t[rn],hoverYThumb:t[ln]}}(i),{xThumbRect:l,yThumbRect:s}=mn(e,{viewSizeInfo:n,viewScaleInfo:a,scrollInfo:r,style:o});return{xThumbRect:l,yThumbRect:s}}const yn="@middleware/scale",pn=16,xn="monospace",Sn={background:"#FFFFFFA8",borderColor:"#00000080",scaleColor:"#000000",textColor:"#00000080",gridColor:"#AAAAAA20",gridPrimaryColor:"#AAAAAA40",selectedAreaColor:"#196097"},bn=[1,2,5,10,20,50,100,200,500];function In(e){const{scale:t,viewLength:i,viewOffset:o}=e,n=[];let a=10;a=Ne(a/t,{decimalPlaces:0}),a=function(e){e=Math.max(bn[0],Math.min(e,bn[bn.length-1]));for(let t=0;t<bn.length-1;t++){const i=bn[t],o=bn[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,f=(c-d+h)/t,u=h-d+0;for(;u+s*h<i;){const e=Ne(f+s*a,{decimalPlaces:0}),t={num:e,position:Ne(u+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 An="@middleware/show-ruler",Mn=Symbol("DRAG_prevPoint"),zn="monospace";const Rn={textBackground:"#1973bac6",textColor:"#ffffff"},Pn=10;return m=new WeakMap,w=new WeakMap,y=new WeakMap,p=new WeakSet,x=function(){b(this,y).style.position="relative"},e.Core=class{constructor(e,t){I(this,p),I(this,m,void 0),I(this,w,void 0),I(this,y,void 0);const{devicePixelRatio:i=1,width:o,height:n,createCustomContext2D:a}=t;A(this,y,e);const r=document.createElement("canvas");A(this,w,r),M(this,p,x).call(this),e.appendChild(r);const l=function(e,t){const{width:i,height:o,devicePixelRatio:n,offscreen:a,createCustomContext2D:r}=t,l={width:i,height:o,devicePixelRatio:n},s=e.getContext("2d");if(r){const e=r(l),t=r(l),i=r(l),o=J(Object.assign({ctx:s},l)),n=()=>{const{width:n,height:a}=e.$getSize();o.clearRect(0,0,n,a),o.drawImage(i.canvas,0,0,n,a),o.drawImage(e.canvas,0,0,n,a),o.drawImage(t.canvas,0,0,n,a),i.clearRect(0,0,n,a),e.clearRect(0,0,n,a),t.clearRect(0,0,n,a)};return{underlayContext:i,viewContext:e,overlayContext:t,boardContext:o,drawView:n}}if(!0===a){const e=$(l),t=$(l),i=$(l),o=J(Object.assign({ctx:s},l)),n=()=>{const{width:n,height:a}=e.$getSize();o.clearRect(0,0,n,a),o.drawImage(i.canvas,0,0,n,a),o.drawImage(e.canvas,0,0,n,a),o.drawImage(t.canvas,0,0,n,a),i.clearRect(0,0,n,a),e.clearRect(0,0,n,a),t.clearRect(0,0,n,a)};return{underlayContext:i,viewContext:e,overlayContext:t,boardContext:o,drawView:n}}{const e=J(l),t=J(l),n=J(l),a=J(Object.assign({ctx:s},l)),r=()=>{a.clearRect(0,0,i,o),a.drawImage(n.canvas,0,0,i,o),a.drawImage(e.canvas,0,0,i,o),a.drawImage(t.canvas,0,0,i,o),n.clearRect(0,0,i,o),e.clearRect(0,0,i,o),t.clearRect(0,0,i,o)};return{underlayContext:n,viewContext:e,overlayContext:t,boardContext:a,drawView:r}}}(r,{width:o,height:n,devicePixelRatio:i,offscreen:!0,createCustomContext2D:a}),s=new qi({boardContent:l,container:e}),h=s.getSharer();h.setActiveViewSizeInfo({width:o,height:n,devicePixelRatio:i,contextWidth:o,contextHeight:n}),A(this,m,s),this.resize(h.getActiveViewSizeInfo());const c=s.getEventHub();new eo(e,{eventHub:c})}isDestroyed(){return b(this,m).isDestroyed()}destroy(){b(this,m).destroy(),b(this,w).remove()}use(e,t){b(this,m).use(e,t)}disuse(e){b(this,m).disuse(e)}setData(e,t){be((null==e?void 0:e.elements)||[]),b(this,m).setData(e,t)}getData(){return b(this,m).getData()}scale(e){b(this,m).scale(e);b(this,m).getViewer().drawFrame()}resize(e){const t=b(this,m),i=t.getSharer().getActiveViewSizeInfo();t.resize({...i,...e})}clear(){b(this,m).clear()}on(e,t){b(this,m).getEventHub().on(e,t)}off(e,t){b(this,m).getEventHub().off(e,t)}trigger(e,t){b(this,m).getEventHub().trigger(e,t)}getViewInfo(){const e=b(this,m).getSharer();return{viewSizeInfo:e.getActiveViewSizeInfo(),viewScaleInfo:e.getActiveViewScaleInfo()}}refresh(){b(this,m).getViewer().drawFrame()}setViewScale(e){b(this,m).updateViewScaleInfo(e)}getLoadItemMap(){return b(this,m).getRenderer().getLoadItemMap()}onBoardWatcherEvents(){b(this,m).onWatcherEvents()}offBoardWatcherEvents(){b(this,m).offWatcherEvents()}},e.MiddlewareDragger=e=>{const{eventHub:t,sharer:i,viewer:o}=e;let n=!1;return{name:"@middleware/dragger",hover(){!0!==n&&t.trigger("cursor",{type:"drag-default"})},pointStart(e){const{point:o}=e;i.setSharedStorage(Mn,o),n=!0,t.trigger("cursor",{type:"drag-active"})},pointMove(e){const{point:t}=e,n=i.getSharedStorage(Mn);if(t&&n){const e=t.x-n.x,i=t.y-n.y;o.scroll({moveX:e,moveY:i}),o.drawFrame()}i.setSharedStorage(Mn,t)},pointEnd(){n=!1,i.setSharedStorage(Mn,null),t.trigger("cursor",{type:"drag-default"})}}},e.MiddlewareInfo=(e,t)=>{const{boardContent:i,calculator:o}=e,{overlayContext:n}=i,a={...Rn,...t},{textBackground:r,textColor:l}=a,s={textBackground:r,textColor:l};return{name:"@middleware/info",beforeDrawFrame({snapshot:e}){const{sharedStore:t}=e,i=t[ho],a=t[oo],r=t[go]||[];if(1===i.length){const t=i[0];if(t&&["select","drag","resize"].includes(a)){const i=se(e),a=he(e),{x:l,y:h,w:c,h:d,angle:f}=t,u=[...r,{uuid:P(),x:l,y:h,w:c,h:d,angle:f,type:"group",detail:{children:[]}}],g={viewScaleInfo:i,viewSizeInfo:a},v=o.calcViewRectInfoFromOrigin(t.uuid,g);let m=0;u.forEach((e=>{m+=e.angle||0}));const w=ce(Se(0-m));if(v){const e=null==v?void 0:v.center,i={topLeft:me(e,v.topLeft,w),topRight:me(e,v.topRight,w),bottomRight:me(e,v.bottomRight,w),bottomLeft:me(e,v.bottomLeft,w),center:me(e,v.center,w),top:me(e,v.top,w),right:me(e,v.right,w),bottom:me(e,v.bottom,w),left:me(e,v.left,w)},o=Ne(t.x,{decimalPlaces:2}),a=Ne(t.y,{decimalPlaces:2}),r=Ne(t.w,{decimalPlaces:2}),l=Ne(t.h,{decimalPlaces:2}),h=`${Ne(o,{decimalPlaces:0})},${Ne(a,{decimalPlaces:0})}`,c=`${Ne(r,{decimalPlaces:0})}x${Ne(l,{decimalPlaces:0})}`,d=`${Ne(t.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;de(e,n,o,(()=>{e.$setFont({fontWeight:"300",fontSize:l,fontFamily:zn});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(),e.fillStyle=h,e.textBaseline="top",e.fillText(a,d.x,d.y+t)}))}(n,{point:{x:i.bottom.x,y:i.bottom.y+Pn},rotateCenter:i.center,angle:m,text:c,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;de(e,n,o,(()=>{e.$setFont({fontWeight:"300",fontSize:l,fontFamily:zn});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(),e.fillStyle=c,e.textBaseline="top",e.fillText(a,d.x,d.y+t)}))}(n,{point:{x:i.topLeft.x,y:i.topLeft.y-20},rotateCenter:i.center,angle:m,text:h,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;de(e,n,o,(()=>{e.$setFont({fontWeight:"300",fontSize:l,fontFamily:zn});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(),e.fillStyle=c,e.textBaseline="top",e.fillText(a,d.x,d.y+t)}))}(n,{point:{x:i.top.x+Pn,y:i.top.y-20},rotateCenter:i.center,angle:m,text:d,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,s={..._o,...t},{activeColor:h}=s,c={activeColor:h};let d=null,f=null,u=null,g=null;const v=()=>{d=null,i.setSharedStorage(Uo,null),i.setSharedStorage(Jo,null),i.setSharedStorage($o,null),i.setSharedStorage(Ko,null),i.setSharedStorage(qo,null),f=null,u=null,g=null},m=()=>{const e=i.getSharedStorage(oo);return!(!e||"area"===e)&&(v(),!0)},w=()=>{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},y=e=>{const t=w();if(t){const{x:o,y:n,w:a,h:r}=t;return function(e,t,i){return Oe(e,Pe(t))}(e,Ee({x:o-5,y:n-5,w:a+10,h:r+10},{viewScaleInfo:i.getActiveViewScaleInfo()}))}return!1},p=()=>{const e=i.getActiveViewScaleInfo(),t=w();if(t){const o=Ge(t,{viewScaleInfo:e,controllerSize:10});i.setSharedStorage($o,o)}else i.setSharedStorage($o,null)},x=e=>{const t=i.getActiveStorage("data"),o=i.getSharedStorage($o);if(o&&(null==t?void 0:t.layout)&&(null==e?void 0:e.point)){let t=null;if(o){const{topLeft:n,top:a,topRight:l,right:s,bottomRight:h,bottom:c,bottomLeft:d,left:f}=o,u=[n,a,l,s,h,c,d,f];for(let i=0;i<u.length;i++){const o=u[i];if(Oe(e.point,o.vertexes)){t=`${o.type}`;break}}if(t)return i.setSharedStorage(Jo,t),r.trigger(So,{}),t}}return null},S=e=>{!0!==g&&r.trigger("cursor",{type:e?`resize-${e}`:e,groupQueue:[],element:w()})};return{name:"@middleware/layout-selector",use:()=>{v(),p()},hover:e=>{if(!0!==g&&!m()&&(!i.getSharedStorage(lo)||(v(),0)))if(y(e.point)?i.setSharedStorage(Ko,!0):(i.setSharedStorage(Ko,!1),!0===f&&(a.drawFrame(),f=!1)),!0!==i.getSharedStorage(qo))i.getSharedStorage(Ko)&&!f&&a.drawFrame(),f=i.getSharedStorage(Ko);else{const t=i.getSharedStorage(Uo),o=i.getActiveStorage("data");if(null==o?void 0:o.layout)if("resize"!==t){p();const t=x(e);t?S(t):(S(),i.setSharedStorage(Uo,null))}else{const t=x(e);S(t)}}},pointStart:e=>{if(m())return;y(e.point)?i.setSharedStorage(qo,!0):(!0===u&&(v(),a.drawFrame()),i.setSharedStorage(qo,!1)),p();const t=x(e);d=e.point,t&&i.setSharedStorage(Uo,"resize"),!0!==i.getSharedStorage(qo)||u||a.drawFrame(),u=i.getSharedStorage(qo)},pointMove:e=>{if(!i.getSharedStorage(qo)&&m())return;const t=i.getSharedStorage(Uo),o=i.getSharedStorage(Jo),r=i.getActiveStorage("data");if("resize"===t&&o&&(null==r?void 0:r.layout)){if(d){g=!0;const t=i.getActiveStorage("scale"),l=e.point.x-d.x,s=e.point.y-d.y,h=l/t,c=s/t,{x:f,y:u,w:v,h:m,operations:w={}}=r.layout,{position:y="absolute"}=w;"top"===o?"relative"===y?(r.layout.h=n.toGridNum(m-c),a.scroll({moveY:s})):(r.layout.y=n.toGridNum(u+c),r.layout.h=n.toGridNum(m-c)):"right"===o?r.layout.w=n.toGridNum(v+h):"bottom"===o?r.layout.h=n.toGridNum(m+c):"left"===o?"relative"===y?(r.layout.w=n.toGridNum(v-h),a.scroll({moveX:l})):(r.layout.x=n.toGridNum(f+h),r.layout.w=n.toGridNum(v-h)):"top-left"===o?"relative"===y?(r.layout.w=n.toGridNum(v-h),r.layout.h=n.toGridNum(m-c),a.scroll({moveX:l,moveY:s})):(r.layout.x=n.toGridNum(f+h),r.layout.y=n.toGridNum(u+c),r.layout.w=n.toGridNum(v-h),r.layout.h=n.toGridNum(m-c)):"top-right"===o?"relative"===y?(a.scroll({moveY:s}),r.layout.w=n.toGridNum(v+h),r.layout.h=n.toGridNum(m-c)):(r.layout.y=n.toGridNum(u+c),r.layout.w=n.toGridNum(v+h),r.layout.h=n.toGridNum(m-c)):"bottom-right"===o?(r.layout.w=n.toGridNum(v+h),r.layout.h=n.toGridNum(m+c)):"bottom-left"===o&&("relative"===y?(a.scroll({moveX:l}),r.layout.w=n.toGridNum(v-h),r.layout.h=n.toGridNum(m+c)):(r.layout.x=n.toGridNum(f+h),r.layout.w=n.toGridNum(v-h),r.layout.h=n.toGridNum(m+c)))}return d=e.point,p(),a.drawFrame(),!1}return!["resize"].includes(t)&&void 0},pointEnd:()=>{g=!1;const e=i.getSharedStorage(Uo),t=i.getSharedStorage(Jo),o=i.getActiveStorage("data");o&&"resize"===e&&t&&r.trigger(to,{type:"changeLayout",data:o})},beforeDrawFrame:({snapshot:e})=>{var t;if(m())return;const{sharedStore:i,activeStore:o}=e,n=i[Uo],a=i[Ko],r=i[qo];if(null==(t=o.data)?void 0:t.layout){const{x:t,y:i,w:s,h:h}=o.data.layout,d=se(e),f={x:t,y:i,w:s,h:h},u=Ge(f,{viewScaleInfo:d,controllerSize:10});if(!0===a){const e=Ee(f,{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:c})}(n&&["resize"].includes(n)||!0===r)&&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;tn(e,{start:n.center,end:a.center,centerVertexes:s.vertexes,style:o}),tn(e,{start:a.center,end:l.center,centerVertexes:h.vertexes,style:o}),tn(e,{start:l.center,end:r.center,centerVertexes:c.vertexes,style:o}),tn(e,{start:r.center,end:n.center,centerVertexes:d.vertexes,style:o}),en(e,n.vertexes,o),en(e,a.vertexes,o),en(e,l.vertexes,o),en(e,r.vertexes,o)}(l,{controller:u,style:c})}},scrollX:()=>{v()},scrollY:()=>{v()},wheelScale:()=>{v()}}},e.MiddlewareRuler=(e,t)=>{const{boardContent:i,viewer:o,eventHub:n,calculator:a}=e,{overlayContext:r,underlayContext:l}=i,s={...Sn,...t},{background:h,borderColor:c,scaleColor:d,textColor:f,gridColor:u,gridPrimaryColor:g,selectedAreaColor:v}=s,m={background:h,borderColor:c,scaleColor:d,textColor:f,gridColor:u,gridPrimaryColor:g,selectedAreaColor:v};let w=!0,y=!0;const p=e=>{"boolean"==typeof(null==e?void 0:e.show)&&(w=e.show),"boolean"==typeof(null==e?void 0:e.showGrid)&&(y=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(An,p)},disuse(){n.off(An,p)},beforeDrawFrame:({snapshot:e})=>{if(!0===w){const t=se(e),i=he(e);!function(e,t){const{snapshot:i,calculator:o,style:n}=t,{sharedStore:a}=i,{selectedAreaColor:r}=n,l=a[ho],s=a[oo];if(["select","drag","drag-list","drag-list-end"].includes(s)&&l.length>0){const t=se(i),n=he(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 f=Math.min(...s),u=Math.max(...h),g=Math.min(...c),v=Math.max(...d);e.globalAlpha=1,e.beginPath(),e.moveTo(f,0),e.lineTo(u,0),e.lineTo(u,pn),e.lineTo(f,pn),e.fillStyle=r,e.closePath(),e.fill(),e.beginPath(),e.moveTo(0,g),e.lineTo(pn,g),e.lineTo(pn,v),e.lineTo(0,v),e.fillStyle=r,e.closePath(),e.fill()}}(r,{snapshot:e,calculator:a,style:m}),function(e,t){const{viewSizeInfo:i,style:o}=t,{width:n,height:a}=i,{background:r,borderColor:l}=o;e.beginPath(),e.moveTo(0,0),e.lineTo(n+1,0),e.lineTo(n+1,pn),e.lineTo(pn,pn),e.lineTo(pn,a+1),e.lineTo(0,a+1),e.lineTo(0,0),e.closePath(),e.fillStyle=r,e.fill(),e.lineWidth=1,e.setLineDash([]),e.strokeStyle=l,e.stroke()}(r,{viewScaleInfo:t,viewSizeInfo:i,style:m});const{list:o,rulerUnit:n}=function(e){const{viewScaleInfo:t,viewSizeInfo:i}=e,{scale:o,offsetLeft:n}=t,{width:a}=i;return In({axis:"X",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<pn||(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:xn}),e.fillText(`${o.num}`,o.position+3.2,3.2)))}}(r,{scaleList:o,style:m});const{list:s}=function(e){const{viewScaleInfo:t,viewSizeInfo:i}=e,{scale:o,offsetTop:n}=t,{height:a}=i;return In({axis:"Y",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<pn)&&(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}`;de(e,-90,{x:t,y:i},(()=>{e.fillStyle=a,e.textBaseline="top",e.$setFont({fontWeight:100,fontSize:10,fontFamily:xn}),e.fillText(n,13.2,o.position+r)}))}}}(r,{scaleList:s,style:m}),!0===y){!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,viewScaleInfo:t,viewSizeInfo:i,style:m})}}}}},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=Ne(r);o.trigger(yn,{scale:c})}}},e.MiddlewareScroller=(e,t)=>{const{viewer:i,boardContent:o,sharer:n,eventHub:a}=e,{overlayContext:r}=o;n.setSharedStorage(nn,null),n.setSharedStorage(an,null);let l=!1;const s={...dn,...t},{thumbBackground:h,thumbBorderColor:c,hoverThumbBackground:d,hoverThumbBorderColor:f,activeThumbBackground:u,activeThumbBorderColor:g}=s,v={thumbBackground:h,thumbBorderColor:c,hoverThumbBackground:d,hoverThumbBorderColor:f,activeThumbBackground:u,activeThumbBorderColor:g},m=()=>{n.setSharedStorage(sn,null),n.setSharedStorage(hn,null),n.setSharedStorage(cn,null),n.setSharedStorage(rn,null),n.setSharedStorage(ln,null),l=!1};m();const w=e=>function(e,t,i){let o=null;const{xThumbRect:n,yThumbRect:a}=i;return n&&gn(e,t,n)?o="X":a&&gn(e,t,a)&&(o="Y"),o}(r,e,{xThumbRect:n.getSharedStorage(nn),yThumbRect:n.getSharedStorage(an)});return{name:"@middleware/scroller",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=w(t);if("X"===i||"Y"===i)return"X"===i?(n.setSharedStorage(rn,!0),n.setSharedStorage(ln,!1)):(n.setSharedStorage(rn,!1),n.setSharedStorage(ln,!0)),a.trigger("cursor",{type:"default"}),!1;n.setSharedStorage(rn,!1),n.setSharedStorage(ln,!1)},pointStart:e=>{const{point:t}=e,i=w(t);if("X"===i||"Y"===i)return l=!0,n.setSharedStorage(cn,i),n.setSharedStorage(sn,t),!1},pointMove:e=>{const{point:t}=e,o=n.getSharedStorage(cn);if("X"===o||"Y"===o)return n.setSharedStorage(hn,t),"X"===o?(e=>{const t=n.getSharedStorage(sn);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(sn);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(sn,t),!1},pointEnd:()=>{l=!1;const e=n.getSharedStorage(cn);if(m(),"X"===e||"Y"===e)return i.scroll({moveX:0,moveY:0}),i.drawFrame(),!1},beforeDrawFrame({snapshot:e}){const{xThumbRect:t,yThumbRect:i}=wn(r,{snapshot:e,style:v});n.setSharedStorage(nn,t),n.setSharedStorage(an,i)}}},e.MiddlewareSelector=(e,t)=>{const i={...po,...t},{activeColor:o,activeAreaColor:n,lockedColor:a,referenceColor:r}=i,l={activeColor:o,activeAreaColor:n,lockedColor:a,referenceColor:r},{viewer:s,sharer:h,boardContent:c,calculator:d,eventHub:f}=e,{overlayContext:u}=c;let g=null,v=null;h.setSharedStorage(oo,null),h.setSharedStorage(yo,!0);const m=()=>h.getSharedStorage(ho),w=e=>{let t=h.getSharedStorage(go);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=Te(t);return h.setSharedStorage(go,t),h.setSharedStorage(vo,i),t.length>0},y=e=>{h.setSharedStorage(lo,e);let t=null;e&&(t=Ce(e,{groupQueue:h.getSharedStorage(go)})),h.setSharedStorage(so,t)},p=(e,t)=>{var i;if(h.setSharedStorage(ho,e),1===e.length){const t=Be(e[0],{groupQueue:h.getSharedStorage(go),controllerSize:10,viewScaleInfo:h.getActiveViewScaleInfo()});h.setSharedStorage(fo,t),h.setSharedStorage(uo,ze(e[0].uuid,(null==(i=h.getActiveStorage("data"))?void 0:i.elements)||[]))}else h.setSharedStorage(fo,null),h.setSharedStorage(uo,[]);!0===(null==t?void 0:t.triggerEvent)&&f.trigger(xo,{uuids:e.map((e=>e.uuid))})},x=()=>({ctx:u,calculator:d,data:h.getActiveStorage("data"),selectedElements:m(),viewScaleInfo:h.getActiveViewScaleInfo(),viewSizeInfo:h.getActiveViewSizeInfo(),groupQueue:h.getSharedStorage(go),areaSize:null,selectedElementController:h.getSharedStorage(fo),selectedElementPosition:h.getSharedStorage(uo)}),S=()=>{h.setSharedStorage(oo,null),h.setSharedStorage(no,null),h.setSharedStorage(ao,null),h.setSharedStorage(ro,null),h.setSharedStorage(go,[]),h.setSharedStorage(vo,[]),h.setSharedStorage(lo,null),h.setSharedStorage(so,null),h.setSharedStorage(ho,[]),h.setSharedStorage(co,null),h.setSharedStorage(fo,null),h.setSharedStorage(uo,[]),h.setSharedStorage(mo,null)};S();const b=({uuids:e,positions:t})=>{let i=[];const o=h.getSharedStorage(oo),n=h.getActiveStorage("data");i=t&&Array.isArray(t)?function(e,t){const i=[];return e.forEach((e=>{const o=Me(e,t);o&&i.push(o)})),i}(t,(null==n?void 0:n.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==n?void 0:n.elements)||[]);let a=!1;if(o||1!==i.length?"select"===o&&1===i.length&&(a=!0):(h.setSharedStorage(oo,"select"),a=!0),a){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==n?void 0:n.elements)||[]);h.setSharedStorage(go,e),p(i),s.drawFrame()}},I=()=>{S(),s.drawFrame()},A=e=>{h.setSharedStorage(yo,!!e.enable)},M=e=>{h.setSharedStorage(wo,!!e.enable)};return{name:"@middleware/selector",use(){f.on(xo,b),f.on(So,I),f.on(bo,M),f.on(Io,A)},disuse(){f.off(xo,b),f.off(So,I),f.off(bo,M),f.off(Io,A)},hover:e=>{var t,i,o,n,a;const r=h.getSharedStorage(qo),l=h.getSharedStorage(no),c=h.getSharedStorage(oo),g=h.getSharedStorage(go),w=e=>{if(!0===r)return;const t=e.type;null===v&&f.trigger("cursor",{type:t,groupQueue:e.groupQueue,element:e.elements[0]})};if((null==g?void 0:g.length)>0){if(!jo(e.point,{ctx:u,viewScaleInfo:h.getActiveViewScaleInfo(),viewSizeInfo:h.getActiveViewSizeInfo(),groupQueue:h.getSharedStorage(go)}))return y(null),void s.drawFrame();const i=Yo(e.point,x());return w(i),l||["area","drag","drag-list"].includes(c)?(y(null),void s.drawFrame()):1===(null==(t=null==i?void 0:i.elements)?void 0:t.length)?(y(i.elements[0]),void s.drawFrame()):(y(null),void s.drawFrame())}if(l||["area","drag","drag-list"].includes(c))return void y(null);if("drag"===c)return void y(null);const p=m(),S=h.getActiveViewScaleInfo(),b=h.getActiveViewSizeInfo(),I=Yo(e.point,{...x(),areaSize:Vo(p,{viewScaleInfo:S,viewSizeInfo:b,calculator:d})});if(w(I),null!==I.type){if(!("over-element"===I.type&&"select"===h.getSharedStorage(oo)&&1===I.elements.length&&I.elements[0].uuid===(null==(o=null==(i=m())?void 0:i[0])?void 0:o.uuid)||"over-element"===I.type&&null===h.getSharedStorage(oo)&&1===I.elements.length&&I.elements[0].uuid===(null==(n=h.getSharedStorage(lo))?void 0:n.uuid)))return"over-element"===I.type&&1===(null==(a=null==I?void 0:I.elements)?void 0:a.length)?(y(I.elements[0]),void s.drawFrame()):h.getSharedStorage(lo)?(y(null),void s.drawFrame()):void 0}else(h.getSharedStorage(lo)||h.getSharedStorage(so))&&(h.setSharedStorage(lo,null),h.setSharedStorage(so,null),s.drawFrame())},pointStart:e=>{var t,i,o,n,a,r,l,c,f,v;g=e.point;const w=h.getSharedStorage(go);if((null==w?void 0:w.length)>0){if(jo(e.point,{ctx:u,viewScaleInfo:h.getActiveViewScaleInfo(),viewSizeInfo:h.getActiveViewSizeInfo(),groupQueue:w})){const r=Yo(e.point,x());if(1===(null==(t=null==r?void 0:r.elements)?void 0:t.length)&&!0===(null==(o=null==(i=r.elements[0])?void 0:i.operations)?void 0:o.lock))return;y(null),"over-element"===r.type&&1===(null==(n=null==r?void 0:r.elements)?void 0:n.length)?(p([r.elements[0]],{triggerEvent:!0}),h.setSharedStorage(oo,"drag")):(null==(a=r.type)?void 0:a.startsWith("resize-"))?(h.setSharedStorage(no,r.type),h.setSharedStorage(oo,"resize")):p([],{triggerEvent:!0})}else S();return void s.drawFrame()}const b=Vo(m(),{viewScaleInfo:h.getActiveViewScaleInfo(),viewSizeInfo:h.getActiveViewSizeInfo(),calculator:d}),I=Yo(e.point,{...x(),areaSize:b,groupQueue:[]});1===(null==(r=null==I?void 0:I.elements)?void 0:r.length)&&!0===(null==(c=null==(l=I.elements[0])?void 0:l.operations)?void 0:c.lock)||(y(null),"list-area"===I.type?h.setSharedStorage(oo,"drag-list"):"over-element"===I.type&&1===(null==(f=null==I?void 0:I.elements)?void 0:f.length)?(p([I.elements[0]],{triggerEvent:!0}),h.setSharedStorage(oo,"drag")):(null==(v=I.type)?void 0:v.startsWith("resize-"))?(h.setSharedStorage(no,I.type),h.setSharedStorage(oo,"resize")):(S(),h.setSharedStorage(oo,"area"),h.setSharedStorage(ao,e.point),p([],{triggerEvent:!0})),s.drawFrame())},pointMove:e=>{var t,i,o;h.setSharedStorage(mo,!0);const n=h.getActiveStorage("data"),a=m(),r=h.getActiveStorage("scale")||1,l=h.getActiveViewScaleInfo(),c=h.getActiveViewSizeInfo(),f=g,u=e.point,w=h.getSharedStorage(no),y=h.getSharedStorage(oo),x=h.getSharedStorage(go),S=h.getSharedStorage(yo);if("drag"===y){if(v="drag",n&&1===(null==a?void 0:a.length)&&f&&u&&!0!==(null==(i=null==(t=a[0])?void 0:t.operations)?void 0:i.lock)){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=we(e,a),r=we(t,a);o=r.x-i.x,n=r.y-i.y}return{moveX:o,moveY:n}}(f,u,x);let i=d.toGridNum(e/r),o=d.toGridNum(t/r);if(!0===S){const e=No(a[0].uuid,{calculator:d,data:n,groupQueue:x,viewScaleInfo:l,viewSizeInfo:c});try{e&&(N.x(e.offsetX)&&null!==e.offsetX&&(i=d.toGridNum(i+e.offsetX)),N.y(e.offsetY)&&null!==e.offsetY&&(o=d.toGridNum(o+e.offsetY)))}catch(e){console.error(e)}}a[0].x=d.toGridNum(a[0].x+i),a[0].y=d.toGridNum(a[0].y+o),p([a[0]]),d.modifyViewVisibleInfoMap(n,{modifyOptions:{type:"updateElement",content:{element:a[0],position:h.getSharedStorage(uo)||[]}},viewSizeInfo:c,viewScaleInfo:l})}s.drawFrame()}else if("drag-list"===y){if(v="drag-list",n&&f&&u&&(null==a?void 0:a.length)>1){const e=(u.x-f.x)/r,t=(u.y-f.y)/r;a.forEach((i=>{var o;i&&!0!==(null==(o=null==i?void 0:i.operations)?void 0:o.lock)&&(i.x=d.toGridNum(i.x+e),i.y=d.toGridNum(i.y+t),d.modifyViewVisibleInfoMap(n,{modifyOptions:{type:"updateElement",content:{element:i,position:ze(i.uuid,n.elements)||[]}},viewSizeInfo:c,viewScaleInfo:l}))})),h.setActiveStorage("data",n)}s.drawFrame()}else if("resize"===y){if(n&&1===(null==a?void 0:a.length)&&f&&(null==w?void 0:w.startsWith("resize-"))){v="resize";const e=[];x.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=f,i=u;if(x.length>0&&(t=we(f,e),i=we(u,e)),"resize-rotate"===w){const e=h.getSharedStorage(fo),t=ge([e.topLeft.center,e.topRight.center,e.bottomLeft.center,e.bottomRight.center]),i=Do(a[0],{center:t,viewScaleInfo:l,viewSizeInfo:c,start:f,end:u,resizeType:w,sharer:h});a[0].angle=d.toGridNum(i.angle||0)}else{const e=function(e,t){var i,o,n,a,r,l,s,h,c;let{x:d,y:f,w:u,h:g,angle:v=0}=e;const m=ue({x:d,y:f,w:u,h:g,angle:v});v=Se(v);const w=ce(v),y=!!(null==(i=null==e?void 0:e.operations)?void 0:i.limitRatio),{start:p,end:x,resizeType:S,scale:b}=t;let I={...p},A={...x},M={x:I.x,y:m.y},z={x:A.x,y:m.y},R={...M},P={...z},T={x:m.x,y:I.y},C={x:m.x,y:A.y},E={...T},W={...C},k=(P.x-R.x)/b,L=(P.y-R.y)/b,O=ko(k,L),j=(W.x-E.x)/b,Y=(W.y-E.y)/b,D=ko(j,Y);(v>0||v<0)&&(I=me(m,p,0-w),A=me(m,x,0-w),M={x:I.x,y:m.y},z={x:A.x,y:m.y},R=me(m,M,w),P=me(m,z,w),T={x:m.x,y:I.y},C={x:m.x,y:A.y},E=me(m,T,w),W=me(m,C,w),k=(P.x-R.x)/b,L=(P.y-R.y)/b,O=ko(k,L),O=Lo(O,L),j=(W.x-E.x)/b,Y=(W.y-E.y)/b,D=ko(j,Y),D=Lo(D,Y));let V=(x.x-p.x)/b,B=(x.y-p.y)/b;if(!0===y)if(["resize-top","resize-bottom","resize-left","resize-right"].includes(S)){const t=Math.max(Math.abs(V),Math.abs(B));V=(V>=0?1:-1)*t,B=(B>=0?1:-1)*t/e.w*e.h;const i=Math.max(Math.abs(j),Math.abs(Y));j=(j>=0?1:-1)*i,Y=(Y>=0?1:-1)*i/e.w*e.h;const o=Math.max(Math.abs(k),Math.abs(L));k=(k>=0?1:-1)*o,L=(L>=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(V);V=(V>=0?1:-1)*t;const i=t/e.w*e.h;"resize-top-left"===S||"resize-bottom-right"===S?B=V>0?i:-i:"resize-top-right"!==S&&"resize-bottom-left"!==S||(B=V>0?-i:i)}O=Math.abs(O),D=O/e.w*e.h}switch(S){case"resize-top":if(0===v)g-B>0&&(f+=B,g-=B,!0===(null==(o=e.operations)?void 0:o.limitRatio)&&(d+=B/e.h*e.w/2,u-=B/e.h*e.w));else if(v>0||v<0){let t=m.x,i=m.y;if(v<90){D=0-Lo(D,Y);const e=Wo(v),o=D/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}else if(v<180){D=Lo(D,j);const e=Wo(v-90),o=D/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}else if(v<270){D=Lo(D,Y);const e=Wo(v-180),o=D/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}else if(v<360){D=0-Lo(D,j);const e=Wo(v-270),o=D/2;t-=o*Math.cos(e),i-=o*Math.sin(e)}g+D>0&&(!0===(null==(n=e.operations)?void 0:n.limitRatio)&&(u+=D/e.h*e.w),g+=D,d=t-u/2,f=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,u+=B/e.h*e.w));else if(v>0||v<0){let t=m.x,i=m.y;if(v<90){D=Lo(D,Y);const e=Wo(v),o=D/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}else if(v<180){D=0-Lo(D,j);const e=Wo(v-90),o=D/2;t-=o*Math.cos(e),i-=o*Math.sin(e)}else if(v<270){D=Lo(D,j);const e=Wo(v-180),o=D/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}else if(v<360){D=Lo(D,j);const e=Wo(v-270),o=D/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}g+D>0&&(!0===(null==(r=e.operations)?void 0:r.limitRatio)&&(u+=D/e.h*e.w),g+=D,d=t-u/2,f=i-g/2)}break;case"resize-left":if(0===v)e.w-V>0&&(d+=V,u-=V,!0===(null==(l=e.operations)?void 0:l.limitRatio)&&(g-=V/e.w*e.h,f+=V/e.w*e.h/2));else if(v>0||v<0){let t=m.x,i=m.y;if(v<90){O=0-Lo(O,k);const e=Wo(v),o=O/2;t-=o*Math.cos(e),i-=o*Math.sin(e)}else if(v<180){O=Lo(O,k);const e=Wo(v-90),o=O/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}else if(v<270){O=Lo(O,L);const e=Wo(v-180),o=O/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}else if(v<360){O=Lo(O,L);const e=Wo(v-270),o=O/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}u+O>0&&(!0===(null==(s=e.operations)?void 0:s.limitRatio)&&(g+=O/e.w*e.h),u+=O,d=t-u/2,f=i-g/2)}break;case"resize-right":if(0===v)e.w+V>0&&(u+=V,!0===(null==(h=e.operations)?void 0:h.limitRatio)&&(f-=V*e.h/e.w/2,g+=V*e.h/e.w));else if(v>0||v<0){let t=m.x,i=m.y;if(v<90){O=Lo(O,L);const e=Wo(v),o=O/2;t+=o*Math.cos(e),i+=o*Math.sin(e)}else if(v<180){O=Lo(O,B);const e=Wo(v-90),o=O/2;t-=o*Math.sin(e),i+=o*Math.cos(e)}else if(v<270){O=Lo(O,B);const e=Wo(v-180),o=O/2;t+=o*Math.cos(e),i+=o*Math.sin(e),O=0-O}else if(v<360){O=Lo(O,V);const e=Wo(v-270),o=O/2;t+=o*Math.sin(e),i-=o*Math.cos(e)}u+O>0&&(!0===(null==(c=e.operations)?void 0:c.limitRatio)&&(g+=O/e.w*e.h),u+=O,d=t-u/2,f=i-g/2)}break;case"resize-top-left":if(0===v)u-V>0&&(d+=V,u-=V),g-B>0&&(f+=B,g-=B);else if(v>0||v<0){let e=m.x,t=m.y;if(v<90){D=0-Lo(D,Y),O=0-Lo(O,y?0-D:k);const i=D/2;e+=i*Math.sin(w),t-=i*Math.cos(w);const o=O/2;e-=o*Math.cos(w),t-=o*Math.sin(w)}else if(v<180){D=Lo(D,j),O=Lo(O,y?D:k);const i=Wo(v-90),o=D/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=O/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}else if(v<270){D=Lo(D,Y),O=Lo(O,y?D:L);const i=Wo(v-180),o=D/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=O/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<360){D=0-Lo(D,j),O=Lo(O,y?D:L);const i=Wo(v-270),o=D/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=O/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}g+D>0&&(g+=D),u+O>0&&(u+=O),d=e-u/2,f=t-g/2}break;case"resize-top-right":if(0===v)u+V>0&&(u+=V),g-B>0&&(f+=B,g-=B);else if(v>0||v<0){let e=m.x,t=m.y;if(v<90){D=0-Lo(D,Y),O=Lo(O,y?D:L);const i=Wo(v),o=D/2;e+=o*Math.sin(i),t-=o*Math.cos(i);const n=O/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<180){D=Lo(D,j),O=Lo(O,y?D:L);const i=Wo(v-90),o=D/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=O/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}else if(v<270){const i=Wo(v-180);D=Lo(D,Y),O=Lo(O,y?D:0-k);const o=D/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=O/2;e-=n*Math.cos(i),t-=n*Math.sin(i)}else if(v<360){D=0-Lo(D,j),O=Lo(O,y?D:k);const i=Wo(v-270),o=D/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=O/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}g+D>0&&(g+=D),u+O>0&&(u+=O),d=e-u/2,f=t-g/2}break;case"resize-bottom-left":if(0===v)e.h+B>0&&(g+=B),e.w-V>0&&(d+=V,u-=V);else if(v>0||v<0){let e=m.x,t=m.y;if(v<90){D=Lo(D,Y),O=0-Lo(O,y?0-D:k);const i=Wo(v),o=D/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=O/2;e-=n*Math.cos(i),t-=n*Math.sin(i)}else if(v<180){D=0-Lo(D,j),O=Lo(O,y?D:k);const i=Wo(v-90),o=D/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=O/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}else if(v<270){D=Lo(D,j),O=Lo(O,y?D:L);const i=Wo(v-180),o=D/2;e+=o*Math.sin(i),t-=o*Math.cos(i);const n=O/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<360){D=Lo(D,j),O=Lo(O,y?D:L);const i=Wo(v-270),o=D/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=O/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}g+D>0&&(g+=D),u+O>0&&(u+=O),d=e-u/2,f=t-g/2}break;case"resize-bottom-right":if(0===v)e.h+B>0&&(g+=B),e.w+V>0&&(u+=V);else if(v>0||v<0){let e=m.x,t=m.y;if(v<90){D=Lo(D,Y),O=Lo(O,y?D:L);const i=Wo(v),o=D/2;e-=o*Math.sin(i),t+=o*Math.cos(i);const n=O/2;e+=n*Math.cos(i),t+=n*Math.sin(i)}else if(v<180){D=0-Lo(D,j),O=Lo(O,y?D:B);const i=Wo(v-90),o=D/2;e-=o*Math.cos(i),t-=o*Math.sin(i);const n=O/2;e-=n*Math.sin(i),t+=n*Math.cos(i)}else if(v<270){D=Lo(D,j),O=Lo(O,y?D:0-L);const i=Wo(v-180),o=D/2;e+=o*Math.sin(i),t-=o*Math.cos(i);const n=O/2;e-=n*Math.cos(i),t-=n*Math.sin(i)}else if(v<360){D=Lo(D,j),O=Lo(O,y?D:k);const i=Wo(v-270),o=D/2;e+=o*Math.cos(i),t+=o*Math.sin(i);const n=O/2;e+=n*Math.sin(i),t-=n*Math.cos(i)}g+D>0&&(g+=D),u+O>0&&(u+=O),d=e-u/2,f=t-g/2}}return{x:d,y:f,w:u,h:g,angle:e.angle}}(a[0],{scale:r,start:t,end:i,resizeType:w,sharer:h}),n={ignore:!!a[0].angle};a[0].x=d.toGridNum(e.x,n),a[0].y=d.toGridNum(e.y,n),"group"===a[0].type&&!0===(null==(o=a[0].operations)?void 0:o.deepResize)?function(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};"group"===e.type&&Array.isArray(e.detail.children)&&e.detail.children.forEach((e=>{Ue(e,s)})),Qe(e,s)}(a[0],{w:d.toGridNum(e.w,n),h:d.toGridNum(e.h,n)}):(a[0].w=d.toGridNum(e.w,n),a[0].h=d.toGridNum(e.h,n))}p([a[0]]),d.modifyViewVisibleInfoMap(n,{modifyOptions:{type:"updateElement",content:{element:a[0],position:h.getSharedStorage(uo)||[]}},viewSizeInfo:c,viewScaleInfo:l}),s.drawFrame()}}else"area"===y&&(v="area",h.setSharedStorage(ro,e.point),s.drawFrame());g=e.point},pointEnd(e){v=null,h.setSharedStorage(mo,!1);const t=h.getActiveStorage("data"),i=h.getSharedStorage(ho),o=h.getSharedStorage(lo),n=h.getSharedStorage(no),a=h.getSharedStorage(oo),r=h.getActiveViewSizeInfo();let l=!1;if(g=null,"resize"===a&&n)h.setSharedStorage(no,null),l=!0;else if("area"===a){if(h.setSharedStorage(oo,null),t){const e=h.getSharedStorage(ao),i=h.getSharedStorage(ro);if(e&&i){const{elements:o}=function(e,t){var i;const o=[],n=[],a=[],{viewScaleInfo:r,viewSizeInfo:l,start:s,end:h}=t;if(!(Array.isArray(e.elements)&&s&&h))return{indexes:o,uuids:n,elements:a};const c=Math.min(s.x,h.x),d=Math.max(s.x,h.x),f=Math.min(s.y,h.y),u=Math.max(s.y,h.y);for(let t=0;t<e.elements.length;t++){const s=e.elements[t];if(!0===(null==(i=null==s?void 0:s.operations)?void 0:i.lock))continue;const h=Ee(s,{viewScaleInfo:r,viewSizeInfo:l}),g=ue(h);if(g.x>=c&&g.x<=d&&g.y>=f&&g.y<=u&&(o.push(t),n.push(s.uuid),a.push(s),h.angle&&(h.angle>0||h.angle<0))){const e=pe(h);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];h.x=Math.min(...t),h.y=Math.min(...i),h.w=Math.abs(Math.max(...t)-Math.min(...t)),h.h=Math.abs(Math.max(...i)-Math.min(...i))}}}return{indexes:o,uuids:n,elements:a}}(t,{start:e,end:i,calculator:d,viewScaleInfo:h.getActiveViewScaleInfo(),viewSizeInfo:h.getActiveViewSizeInfo()});o.length>0&&(h.setSharedStorage(oo,"drag-list"),p(o,{triggerEvent:!0}),l=!0)}}}else if("drag-list"===a)h.setSharedStorage(oo,"drag-list-end"),l=!0;else if(t){d.getPointElement(e.point,{data:t,viewScaleInfo:h.getActiveViewScaleInfo(),viewSizeInfo:h.getActiveViewSizeInfo()}).element?(h.setSharedStorage(oo,"select"),l=!0):h.setSharedStorage(oo,null)}null===h.getSharedStorage(oo)&&(S(),l=!0);(()=>{if(l){if(t&&Array.isArray(null==t?void 0:t.elements)&&["drag","drag-list"].includes(a)){const e=function(e,t,i){const o=Ie(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,r,{extend:!0});h.setActiveStorage("contextHeight",e.contextSize.contextHeight),h.setActiveStorage("contextWidth",e.contextSize.contextWidth)}if(t&&["drag","drag-list","drag-list-end","resize"].includes(a)){let e="dragElement";f.trigger(to,{data:t,type:e,selectedElements:i,hoverElement:o})}s.drawFrame()}})()},pointLeave(){g=null,S(),s.drawFrame()},doubleClick(e){var t,i,o,n,a,r,l,c;if(!1===h.getSharedStorage(wo))return;const d=Yo(e.point,x());if(h.setSharedStorage(fo,null),h.setSharedStorage(ho,[]),1!==d.elements.length||!0!==(null==(i=null==(t=d.elements[0])?void 0:t.operations)?void 0:i.lock)){if(1===d.elements.length&&"group"===(null==(o=d.elements[0])?void 0:o.type)){if(!0===w(d.elements[0]))return h.setSharedStorage(oo,null),void s.drawFrame()}else 1!==d.elements.length||"text"!==(null==(n=d.elements[0])?void 0:n.type)||(null==(r=null==(a=d.elements[0])?void 0:a.operations)?void 0:r.invisible)||f.trigger(Fo,{element:d.elements[0],groupQueue:h.getSharedStorage(go)||[],position:ze(null==(l=d.elements[0])?void 0:l.uuid,(null==(c=h.getActiveStorage("data"))?void 0:c.elements)||[]),viewScaleInfo:h.getActiveViewScaleInfo()});h.setSharedStorage(oo,null)}},beforeDrawFrame({snapshot:t}){var i;const{activeStore:o,sharedStore:n}=t,{scale:a,offsetLeft:r,offsetTop:s,offsetRight:h,offsetBottom:c,width:f,height:g,contextHeight:v,contextWidth:w,devicePixelRatio:y}=o,p=e.sharer,x={scale:a,offsetLeft:r,offsetTop:s,offsetRight:h,offsetBottom:c},S={width:f,height:g,contextHeight:v,contextWidth:w,devicePixelRatio:y},b=n[ho][0],I=n[lo],A=n[so],M=n[oo],z=n[ao],R=n[ro],P=n[go],T=n[vo],C=n[mo],E=n[yo],W={calculator:d,viewScaleInfo:x,viewSizeInfo:S,style:l},k=b?Be(b,{groupQueue:P,controllerSize:10,viewScaleInfo:x}):null,L=!!(null==(i=null==I?void 0:I.operations)?void 0:i.lock);if((null==P?void 0:P.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]};Ao(e,ke(t[o],i),a)}}(u,T,W),I&&"drag"!==M&&(L?To(u,A,{...W,controller:Be(I,{groupQueue:P,controllerSize:10,viewScaleInfo:x}),style:l}):Po(u,A,W)),!L&&b&&["select","drag","resize"].includes(M)&&(Co(u,k,{...W,element:b,calculator:d,hideControllers:!!C&&"drag"===M,style:l}),"drag"===M&&!0===E)){const e=No(b.uuid,{calculator:d,data:o.data,groupQueue:P,viewScaleInfo:x,viewSizeInfo:S});if(e){const{offsetX:t,offsetY:i,xLines:o,yLines:n}=e;0!==t&&0!==i||Eo(u,{xLines:o,yLines:n,style:l})}}}else if(I&&"drag"!==M&&(L?To(u,A,{...W,controller:Be(I,{groupQueue:P,controllerSize:10,viewScaleInfo:x}),style:l}):Po(u,A,W)),!L&&b&&["select","drag","resize"].includes(M)){if(Co(u,k,{...W,element:b,calculator:d,hideControllers:!!C&&"drag"===M,style:l}),"drag"===M&&!0===E){const e=No(b.uuid,{calculator:d,data:o.data,groupQueue:P,viewScaleInfo:x,viewSizeInfo:S});if(e){const{offsetX:t,offsetY:i,xLines:o,yLines:n}=e;0!==t&&0!==i||Eo(u,{xLines:o,yLines:n,style:l})}}}else if("area"===M&&z&&R)!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()}(u,{start:z,end:R,style:l});else if(["drag-list","drag-list-end"].includes(M)){const e=Vo(m(),{viewScaleInfo:p.getActiveViewScaleInfo(),viewSizeInfo:p.getActiveViewSizeInfo(),calculator:d});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()}(u,{areaSize:e,style:l})}}}},e.MiddlewareTextEditor=e=>{const{eventHub:t,boardContent:i,viewer:o,sharer:n}=e,a=i.boardContext.canvas,r=document.createElement("div");r.setAttribute("contenteditable","true");const l=document.createElement("div"),s=e.container||document.body,h=document.createElement("div");let c=null,d=[];l.appendChild(r),l.style.position="absolute",h.appendChild(l),h.style.position="fixed",h.style.top="0",h.style.bottom="0",h.style.left="0",h.style.right="0",h.style.display="none",s.appendChild(h);const f=()=>{if(null==c?void 0:c.uuid){const e=n.getActiveOverrideElemenentMap();e&&delete e[c.uuid],n.setActiveOverrideElemenentMap(e),o.drawFrame()}h.style.display="none",c=null,d=[]},u=e=>{const{size:t,parent:i}=e,o=document.createElement("div"),{x:n,y:a,w:r,h:l}=t,s=Se(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},g=e=>{const{viewScaleInfo:t,element:i,groupQueue:o}=e,{scale:n,offsetTop:a,offsetLeft:s}=t;l.children&&Array.from(l.children).forEach((e=>{e.remove()}));let h=l;for(let e=0;e<o.length;e++){const t=o[e],{x:i,y:r,w:l,h:c}=t,d={x:i*n,y:r*n,w:l*n,h:c*n,angle:Se(t.angle||0)};0===e&&(d.x+=s,d.y+=a),h=u({size:d,parent:h})}const c={...Zo,...i.detail};let d=i.x*n+s,f=i.y*n+a,g=i.w*n,v=i.h*n;o.length>0&&(d=i.x*n,f=i.y*n,g=i.w*n,v=i.h*n);let m="center",w="center";"left"===c.textAlign?m="start":"right"===c.textAlign&&(m="end"),"top"===c.verticalAlign?w="start":"bottom"===c.verticalAlign&&(w="end"),r.style.display="inline-flex",r.style.justifyContent=m,r.style.alignItems=w,r.style.position="absolute",r.style.left=d-1+"px",r.style.top=f-1+"px",r.style.width=`${g+2}px`,r.style.height=`${v+2}px`,r.style.transform=`rotate(${Se(i.angle||0)}deg)`,r.style.boxSizing="border-box",r.style.border="1px solid #1973ba",r.style.resize="none",r.style.overflow="hidden",r.style.wordBreak="break-all",r.style.borderRadius=("number"==typeof c.borderRadius?c.borderRadius:0)*n+"px",r.style.background=`${c.background||"transparent"}`,r.style.color=`${c.color||"#333333"}`,r.style.fontSize=c.fontSize*n+"px",r.style.lineHeight=(c.lineHeight||c.fontSize)*n+"px",r.style.fontFamily=$e(c.fontFamily),r.style.fontWeight=`${c.fontWeight}`,r.style.padding="0",r.style.margin="0",r.style.outline="none",r.innerText=c.text||"",h.appendChild(r)},v=()=>{const{left:e,top:t,width:i,height:o}=(()=>{const e=a.getBoundingClientRect(),{left:t,top:i,width:o,height:n}=e;return{left:t,top:i,width:o,height:n}})();l.style.position="absolute",l.style.overflow="hidden",l.style.top=`${t}px`,l.style.left=`${e}px`,l.style.width=`${i}px`,l.style.height=`${o}px`};h.addEventListener("click",(()=>{f()})),r.addEventListener("click",(e=>{e.stopPropagation()})),r.addEventListener("input",(()=>{c&&d&&(c.detail.text=r.innerText||"",t.trigger(Ho,{element:{uuid:c.uuid,detail:{text:c.detail.text}},position:[...d||[]]}),o.drawFrame())})),r.addEventListener("blur",(()=>{c&&d&&t.trigger(Ho,{element:{uuid:c.uuid,detail:{text:c.detail.text}},position:[...d]}),f()})),r.addEventListener("keydown",(e=>{e.stopPropagation()})),r.addEventListener("keypress",(e=>{e.stopPropagation()})),r.addEventListener("keyup",(e=>{e.stopPropagation()})),r.addEventListener("wheel",(e=>{e.stopPropagation(),e.preventDefault()}));const m=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)&&(c=e.element,d=e.position),(e=>{v(),g(e),h.style.display="block",(null==c?void 0:c.uuid)&&(n.setActiveOverrideElemenentMap({[c.uuid]:{operations:{invisible:!0}}}),o.drawFrame())})(e)};return{name:"@middleware/text-editor",use(){t.on(Fo,m)},disuse(){t.off(Fo,m)}}},e.eventChange=to,e.middlewareEventRuler=An,e.middlewareEventScale=yn,e.middlewareEventSelect=xo,e.middlewareEventSelectClear=So,e.middlewareEventSelectInGroup=bo,e.middlewareEventSnapToGrid=Io,e.middlewareEventTextChange=Ho,e.middlewareEventTextEdit=Fo,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.32",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/esm/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -21,13 +21,13 @@
|
|
|
21
21
|
"author": "chenshenhai",
|
|
22
22
|
"license": "MIT",
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@idraw/types": "^0.4.0-beta.
|
|
24
|
+
"@idraw/types": "^0.4.0-beta.32"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {},
|
|
27
27
|
"peerDependencies": {
|
|
28
|
-
"@idraw/board": "^0.4.0-beta.
|
|
29
|
-
"@idraw/renderer": "^0.4.0-beta.
|
|
30
|
-
"@idraw/util": "^0.4.0-beta.
|
|
28
|
+
"@idraw/board": "^0.4.0-beta.32",
|
|
29
|
+
"@idraw/renderer": "^0.4.0-beta.32",
|
|
30
|
+
"@idraw/util": "^0.4.0-beta.32"
|
|
31
31
|
},
|
|
32
32
|
"publishConfig": {
|
|
33
33
|
"access": "public",
|