@node-projects/web-component-designer 0.1.350 → 0.1.351

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.
Files changed (92) hide show
  1. package/dist/elements/documentContainer.js +4 -0
  2. package/dist/elements/documentContainer.js.map +1 -1
  3. package/dist/elements/helper/PathDataPolyfill.d.ts +1 -1
  4. package/dist/elements/helper/PathDataPolyfill.js +11 -49
  5. package/dist/elements/helper/PathDataPolyfill.js.map +1 -1
  6. package/dist/elements/helper/QuadEdgeHandleHelper.d.ts +5 -0
  7. package/dist/elements/helper/QuadEdgeHandleHelper.js +42 -0
  8. package/dist/elements/helper/QuadEdgeHandleHelper.js.map +1 -0
  9. package/dist/elements/item/DesignItem.d.ts +1 -1
  10. package/dist/elements/services/DefaultServiceBootstrap.js +4 -0
  11. package/dist/elements/services/DefaultServiceBootstrap.js.map +1 -1
  12. package/dist/elements/services/GlobalContext.js +1 -1
  13. package/dist/elements/services/GlobalContext.js.map +1 -1
  14. package/dist/elements/services/InstanceServiceContainer.d.ts +2 -0
  15. package/dist/elements/services/InstanceServiceContainer.js +1 -0
  16. package/dist/elements/services/InstanceServiceContainer.js.map +1 -1
  17. package/dist/elements/services/ServiceContainer.d.ts +2 -0
  18. package/dist/elements/services/ServiceContainer.js.map +1 -1
  19. package/dist/elements/services/collaborationService/CollaborationNodeIndex.d.ts +4 -0
  20. package/dist/elements/services/collaborationService/CollaborationNodeIndex.js +46 -0
  21. package/dist/elements/services/collaborationService/CollaborationNodeIndex.js.map +1 -0
  22. package/dist/elements/services/collaborationService/DefaultCollaborationService.d.ts +45 -0
  23. package/dist/elements/services/collaborationService/DefaultCollaborationService.js +298 -0
  24. package/dist/elements/services/collaborationService/DefaultCollaborationService.js.map +1 -0
  25. package/dist/elements/services/collaborationService/ICollaborationService.d.ts +102 -0
  26. package/dist/elements/services/collaborationService/ICollaborationService.js +2 -0
  27. package/dist/elements/services/collaborationService/ICollaborationService.js.map +1 -0
  28. package/dist/elements/services/collaborationService/WebRtcTabCollaborationTransport.d.ts +95 -0
  29. package/dist/elements/services/collaborationService/WebRtcTabCollaborationTransport.js +571 -0
  30. package/dist/elements/services/collaborationService/WebRtcTabCollaborationTransport.js.map +1 -0
  31. package/dist/elements/services/placementService/AbsolutePlacementService.js +1 -1
  32. package/dist/elements/services/placementService/AbsolutePlacementService.js.map +1 -1
  33. package/dist/elements/services/placementService/DefaultPlacementService.js +1 -1
  34. package/dist/elements/services/placementService/DefaultPlacementService.js.map +1 -1
  35. package/dist/elements/services/undoService/ChangeGroup.d.ts +3 -1
  36. package/dist/elements/services/undoService/ChangeGroup.js +3 -1
  37. package/dist/elements/services/undoService/ChangeGroup.js.map +1 -1
  38. package/dist/elements/services/undoService/IUndoChangeEvent.d.ts +8 -0
  39. package/dist/elements/services/undoService/IUndoChangeEvent.js +2 -0
  40. package/dist/elements/services/undoService/IUndoChangeEvent.js.map +1 -0
  41. package/dist/elements/services/undoService/IUndoService.d.ts +7 -4
  42. package/dist/elements/services/undoService/UndoService.d.ts +8 -4
  43. package/dist/elements/services/undoService/UndoService.js +14 -5
  44. package/dist/elements/services/undoService/UndoService.js.map +1 -1
  45. package/dist/elements/widgets/designerView/DomConverter.d.ts +1 -1
  46. package/dist/elements/widgets/designerView/designerCanvas.js +10 -0
  47. package/dist/elements/widgets/designerView/designerCanvas.js.map +1 -1
  48. package/dist/elements/widgets/designerView/extensions/CollaborationCursorOverlayExtension.d.ts +11 -0
  49. package/dist/elements/widgets/designerView/extensions/CollaborationCursorOverlayExtension.js +72 -0
  50. package/dist/elements/widgets/designerView/extensions/CollaborationCursorOverlayExtension.js.map +1 -0
  51. package/dist/elements/widgets/designerView/extensions/CollaborationCursorOverlayExtensionProvider.d.ts +10 -0
  52. package/dist/elements/widgets/designerView/extensions/CollaborationCursorOverlayExtensionProvider.js +22 -0
  53. package/dist/elements/widgets/designerView/extensions/CollaborationCursorOverlayExtensionProvider.js.map +1 -0
  54. package/dist/elements/widgets/designerView/extensions/CollaborationOverlayExtension.d.ts +10 -0
  55. package/dist/elements/widgets/designerView/extensions/CollaborationOverlayExtension.js +116 -0
  56. package/dist/elements/widgets/designerView/extensions/CollaborationOverlayExtension.js.map +1 -0
  57. package/dist/elements/widgets/designerView/extensions/CollaborationOverlayExtensionProvider.d.ts +10 -0
  58. package/dist/elements/widgets/designerView/extensions/CollaborationOverlayExtensionProvider.js +31 -0
  59. package/dist/elements/widgets/designerView/extensions/CollaborationOverlayExtensionProvider.js.map +1 -0
  60. package/dist/elements/widgets/designerView/extensions/ExtensionManager.d.ts +1 -0
  61. package/dist/elements/widgets/designerView/extensions/ExtensionManager.js +10 -0
  62. package/dist/elements/widgets/designerView/extensions/ExtensionManager.js.map +1 -1
  63. package/dist/elements/widgets/designerView/extensions/ProjectiveTransformExtension.d.ts +33 -0
  64. package/dist/elements/widgets/designerView/extensions/ProjectiveTransformExtension.js +337 -0
  65. package/dist/elements/widgets/designerView/extensions/ProjectiveTransformExtension.js.map +1 -0
  66. package/dist/elements/widgets/designerView/extensions/ProjectiveTransformExtensionProvider.d.ts +10 -0
  67. package/dist/elements/widgets/designerView/extensions/ProjectiveTransformExtensionProvider.js +22 -0
  68. package/dist/elements/widgets/designerView/extensions/ProjectiveTransformExtensionProvider.js.map +1 -0
  69. package/dist/elements/widgets/designerView/extensions/QuadEdgeHandleHelper.d.ts +5 -0
  70. package/dist/elements/widgets/designerView/extensions/QuadEdgeHandleHelper.js +42 -0
  71. package/dist/elements/widgets/designerView/extensions/QuadEdgeHandleHelper.js.map +1 -0
  72. package/dist/elements/widgets/designerView/extensions/RotateExtension.d.ts +3 -2
  73. package/dist/elements/widgets/designerView/extensions/RotateExtension.js +46 -13
  74. package/dist/elements/widgets/designerView/extensions/RotateExtension.js.map +1 -1
  75. package/dist/elements/widgets/designerView/extensions/SkewExtension.d.ts +30 -0
  76. package/dist/elements/widgets/designerView/extensions/SkewExtension.js +291 -0
  77. package/dist/elements/widgets/designerView/extensions/SkewExtension.js.map +1 -0
  78. package/dist/elements/widgets/designerView/extensions/SkewExtensionProvider.d.ts +10 -0
  79. package/dist/elements/widgets/designerView/extensions/SkewExtensionProvider.js +20 -0
  80. package/dist/elements/widgets/designerView/extensions/SkewExtensionProvider.js.map +1 -0
  81. package/dist/elements/widgets/designerView/extensions/contextMenu/CollaborationCommentsContextMenu.d.ts +9 -0
  82. package/dist/elements/widgets/designerView/extensions/contextMenu/CollaborationCommentsContextMenu.js +72 -0
  83. package/dist/elements/widgets/designerView/extensions/contextMenu/CollaborationCommentsContextMenu.js.map +1 -0
  84. package/dist/elements/widgets/designerView/tools/DrawPathTool.d.ts +6 -1
  85. package/dist/elements/widgets/designerView/tools/DrawPathTool.js +7 -3
  86. package/dist/elements/widgets/designerView/tools/DrawPathTool.js.map +1 -1
  87. package/dist/index-min.js +7 -7
  88. package/dist/index-min.js.map +4 -4
  89. package/dist/index.d.ts +8 -0
  90. package/dist/index.js +6 -0
  91. package/dist/index.js.map +1 -1
  92. package/package.json +1 -1
@@ -0,0 +1,337 @@
1
+ import { EventNames } from '../../../../enums/EventNames.js';
2
+ import { getElementSize } from '../../../helper/getBoxQuads.js';
3
+ import { AbstractExtension } from './AbstractExtension.js';
4
+ export class ProjectiveTransformExtension extends AbstractExtension {
5
+ _outline;
6
+ _handles = [];
7
+ _handleCrossHorizontalLines = [];
8
+ _handleCrossVerticalLines = [];
9
+ _activeHandleIndex = null;
10
+ _baseTransform = '';
11
+ _projectiveTransform = '';
12
+ _targetPoints = [];
13
+ constructor(extensionManager, designerView, extendedItem) {
14
+ super(extensionManager, designerView, extendedItem);
15
+ }
16
+ extend(cache, event) {
17
+ this.refresh(cache, event);
18
+ }
19
+ refresh(cache, event) {
20
+ const transformedCornerPoints = this.extendedItem.element.getBoxQuads({ box: 'border', relativeTo: this.designerCanvas.canvas })[0];
21
+ if (!transformedCornerPoints) {
22
+ return;
23
+ }
24
+ const points = [transformedCornerPoints.p1, transformedCornerPoints.p2, transformedCornerPoints.p3, transformedCornerPoints.p4];
25
+ if (points.some(point => !Number.isFinite(point.x) || !Number.isFinite(point.y))) {
26
+ this.remove();
27
+ return;
28
+ }
29
+ if (this._valuesHaveChanges(this.designerCanvas.zoomFactor, ...points.flatMap(point => [point.x, point.y]))) {
30
+ this._outline = this._drawTransformedRect(transformedCornerPoints, 'svg-primary-projective-outline', this._outline);
31
+ this._outline.style.strokeWidth = (1 / this.designerCanvas.zoomFactor).toString();
32
+ this._outline.style.pointerEvents = 'none';
33
+ const radius = 5 / this.designerCanvas.zoomFactor;
34
+ const crossRadius = radius * 0.55;
35
+ for (let index = 0; index < points.length; index++) {
36
+ const cornerIndex = index;
37
+ const point = points[index];
38
+ let handle = this._handles[index];
39
+ if (!handle) {
40
+ handle = this._drawCircle(point.x, point.y, radius, 'svg-primary-projective-handle');
41
+ handle.addEventListener(EventNames.PointerDown, event => this._handlePointerEvent(cornerIndex, event));
42
+ handle.addEventListener(EventNames.PointerMove, event => this._handlePointerEvent(cornerIndex, event));
43
+ handle.addEventListener(EventNames.PointerUp, event => this._handlePointerEvent(cornerIndex, event));
44
+ this._handles[index] = handle;
45
+ }
46
+ else {
47
+ handle = this._drawCircle(point.x, point.y, radius, 'svg-primary-projective-handle', handle);
48
+ this._handles[index] = handle;
49
+ }
50
+ handle.style.strokeWidth = (1 / this.designerCanvas.zoomFactor).toString();
51
+ handle.style.cursor = 'move';
52
+ let horizontalLine = this._handleCrossHorizontalLines[index];
53
+ horizontalLine = this._drawLine(point.x - crossRadius, point.y, point.x + crossRadius, point.y, 'svg-primary-projective-handle-cross', horizontalLine);
54
+ horizontalLine.style.strokeWidth = (1 / this.designerCanvas.zoomFactor).toString();
55
+ horizontalLine.style.pointerEvents = 'none';
56
+ this._handleCrossHorizontalLines[index] = horizontalLine;
57
+ let verticalLine = this._handleCrossVerticalLines[index];
58
+ verticalLine = this._drawLine(point.x, point.y - crossRadius, point.x, point.y + crossRadius, 'svg-primary-projective-handle-cross', verticalLine);
59
+ verticalLine.style.strokeWidth = (1 / this.designerCanvas.zoomFactor).toString();
60
+ verticalLine.style.pointerEvents = 'none';
61
+ this._handleCrossVerticalLines[index] = verticalLine;
62
+ }
63
+ }
64
+ }
65
+ dispose() {
66
+ this._activeHandleIndex = null;
67
+ this._restorePersistedTransform();
68
+ this._removeAllOverlays();
69
+ }
70
+ _handlePointerEvent(index, event) {
71
+ event.stopPropagation();
72
+ const target = event.target;
73
+ switch (event.type) {
74
+ case EventNames.PointerDown:
75
+ if (!this._startDrag(index)) {
76
+ return;
77
+ }
78
+ target.setPointerCapture(event.pointerId);
79
+ this._activeHandleIndex = index;
80
+ break;
81
+ case EventNames.PointerMove:
82
+ if (this._activeHandleIndex === index && event.buttons > 0) {
83
+ const localPoint = this._getLocalPointerPoint(event);
84
+ if (!localPoint) {
85
+ return;
86
+ }
87
+ this._targetPoints[index] = localPoint;
88
+ this._applyPreviewTransform();
89
+ }
90
+ break;
91
+ case EventNames.PointerUp:
92
+ if (this._activeHandleIndex === index) {
93
+ const localPoint = this._getLocalPointerPoint(event);
94
+ if (localPoint) {
95
+ this._targetPoints[index] = localPoint;
96
+ this._applyPreviewTransform();
97
+ }
98
+ target.releasePointerCapture(event.pointerId);
99
+ this._commitTransform();
100
+ this._activeHandleIndex = null;
101
+ }
102
+ break;
103
+ }
104
+ }
105
+ _startDrag(index) {
106
+ const { baseTransform, projectiveTransform } = this._parseTransform(this.extendedItem.getStyleFromSheetOrLocal('transform') ?? '');
107
+ this._baseTransform = baseTransform;
108
+ this._projectiveTransform = projectiveTransform;
109
+ const currentQuad = this.extendedItem.element.getBoxQuads({ box: 'border', relativeTo: this.designerCanvas.canvas })[0];
110
+ if (!currentQuad) {
111
+ return false;
112
+ }
113
+ const element = this.extendedItem.element;
114
+ element.style.transform = this._buildTransform(this._baseTransform, '');
115
+ this._targetPoints = this._convertQuadToLocalPoints(currentQuad);
116
+ if (this._targetPoints.length !== 4 || this._targetPoints.some(point => !Number.isFinite(point.x) || !Number.isFinite(point.y))) {
117
+ this._restorePersistedTransform();
118
+ return false;
119
+ }
120
+ element.style.transform = this._buildTransform(this._baseTransform, this._projectiveTransform);
121
+ return this._targetPoints[index] != null;
122
+ }
123
+ _convertQuadToLocalPoints(quad) {
124
+ return [quad.p1, quad.p2, quad.p3, quad.p4].map(point => {
125
+ const localPoint = this.extendedItem.element.convertPointFromNode({ x: point.x, y: point.y }, this.designerCanvas.canvas);
126
+ return { x: localPoint.x, y: localPoint.y };
127
+ });
128
+ }
129
+ _getLocalPointerPoint(event) {
130
+ const element = this.extendedItem.element;
131
+ const previewTransform = element.style.transform;
132
+ element.style.transform = this._buildTransform(this._baseTransform, '');
133
+ const mousePoint = this.designerCanvas.getNormalizedEventCoordinates(event);
134
+ const localPoint = element.convertPointFromNode({ x: mousePoint.x, y: mousePoint.y }, this.designerCanvas.canvas);
135
+ element.style.transform = previewTransform;
136
+ if (!Number.isFinite(localPoint.x) || !Number.isFinite(localPoint.y)) {
137
+ return null;
138
+ }
139
+ return { x: localPoint.x, y: localPoint.y };
140
+ }
141
+ _applyPreviewTransform() {
142
+ const projectiveTransform = this._buildProjectiveTransform(this._targetPoints);
143
+ if (projectiveTransform == null) {
144
+ return;
145
+ }
146
+ this._projectiveTransform = projectiveTransform;
147
+ this.extendedItem.element.style.transform = this._buildTransform(this._baseTransform, this._projectiveTransform);
148
+ }
149
+ _commitTransform() {
150
+ const projectiveTransform = this._buildProjectiveTransform(this._targetPoints);
151
+ if (projectiveTransform != null) {
152
+ this._projectiveTransform = projectiveTransform;
153
+ }
154
+ const finalTransform = this._buildTransform(this._baseTransform, this._projectiveTransform);
155
+ if (finalTransform) {
156
+ this.extendedItem.updateStyleInSheetOrLocal('transform', finalTransform);
157
+ }
158
+ else if (this.extendedItem.hasStyle('transform')) {
159
+ this.extendedItem.removeStyle('transform');
160
+ }
161
+ else {
162
+ this.extendedItem.updateStyleInSheetOrLocal('transform', null);
163
+ }
164
+ this._restorePersistedTransform();
165
+ }
166
+ _restorePersistedTransform() {
167
+ const element = this.extendedItem.element;
168
+ if (this.extendedItem.hasStyle('transform')) {
169
+ element.style.transform = this.extendedItem.getStyle('transform') ?? '';
170
+ }
171
+ else {
172
+ element.style.transform = '';
173
+ }
174
+ }
175
+ _buildProjectiveTransform(points) {
176
+ const size = getElementSize(this.extendedItem.element);
177
+ if (!size.width || !size.height || points.length !== 4) {
178
+ return '';
179
+ }
180
+ const sourcePoints = [
181
+ { x: 0, y: 0 },
182
+ { x: size.width, y: 0 },
183
+ { x: size.width, y: size.height },
184
+ { x: 0, y: size.height }
185
+ ];
186
+ if (this._pointsApproximatelyEqual(points, sourcePoints)) {
187
+ return '';
188
+ }
189
+ const matrix = this._createProjectiveMatrix(points, size.width, size.height);
190
+ if (!matrix) {
191
+ return null;
192
+ }
193
+ const transformOrigin = getComputedStyle(this.extendedItem.element).transformOrigin.split(' ');
194
+ const origin = {
195
+ x: parseFloat(transformOrigin[0]) || 0,
196
+ y: parseFloat(transformOrigin[1]) || 0
197
+ };
198
+ const correctedMatrix = new DOMMatrix()
199
+ .translate(-origin.x, -origin.y)
200
+ .multiply(matrix)
201
+ .multiply(new DOMMatrix().translate(origin.x, origin.y));
202
+ return this._serializeMatrix3d(correctedMatrix);
203
+ }
204
+ _createProjectiveMatrix(points, width, height) {
205
+ const [p1, p2, p3, p4] = points;
206
+ const dx1 = p2.x - p3.x;
207
+ const dx2 = p4.x - p3.x;
208
+ const dx3 = p1.x - p2.x + p3.x - p4.x;
209
+ const dy1 = p2.y - p3.y;
210
+ const dy2 = p4.y - p3.y;
211
+ const dy3 = p1.y - p2.y + p3.y - p4.y;
212
+ let aUnit;
213
+ let bUnit;
214
+ let dUnit;
215
+ let eUnit;
216
+ let gUnit;
217
+ let hUnit;
218
+ if (Math.abs(dx3) < 1e-8 && Math.abs(dy3) < 1e-8) {
219
+ aUnit = p2.x - p1.x;
220
+ bUnit = p4.x - p1.x;
221
+ dUnit = p2.y - p1.y;
222
+ eUnit = p4.y - p1.y;
223
+ gUnit = 0;
224
+ hUnit = 0;
225
+ }
226
+ else {
227
+ const determinant = dx1 * dy2 - dx2 * dy1;
228
+ if (Math.abs(determinant) < 1e-8) {
229
+ return null;
230
+ }
231
+ gUnit = (dx3 * dy2 - dx2 * dy3) / determinant;
232
+ hUnit = (dx1 * dy3 - dx3 * dy1) / determinant;
233
+ aUnit = p2.x - p1.x + gUnit * p2.x;
234
+ bUnit = p4.x - p1.x + hUnit * p4.x;
235
+ dUnit = p2.y - p1.y + gUnit * p2.y;
236
+ eUnit = p4.y - p1.y + hUnit * p4.y;
237
+ }
238
+ const matrix = new DOMMatrix([
239
+ aUnit / width, dUnit / width, 0, gUnit / width,
240
+ bUnit / height, eUnit / height, 0, hUnit / height,
241
+ 0, 0, 1, 0,
242
+ p1.x, p1.y, 0, 1
243
+ ]);
244
+ const values = [
245
+ matrix.m11, matrix.m12, matrix.m13, matrix.m14,
246
+ matrix.m21, matrix.m22, matrix.m23, matrix.m24,
247
+ matrix.m31, matrix.m32, matrix.m33, matrix.m34,
248
+ matrix.m41, matrix.m42, matrix.m43, matrix.m44
249
+ ];
250
+ if (values.some(value => !Number.isFinite(value))) {
251
+ return null;
252
+ }
253
+ return matrix;
254
+ }
255
+ _serializeMatrix3d(matrix) {
256
+ const values = [
257
+ matrix.m11, matrix.m12, matrix.m13, matrix.m14,
258
+ matrix.m21, matrix.m22, matrix.m23, matrix.m24,
259
+ matrix.m31, matrix.m32, matrix.m33, matrix.m34,
260
+ matrix.m41, matrix.m42, matrix.m43, matrix.m44
261
+ ].map(value => this._formatMatrixNumber(value));
262
+ return `matrix3d(${values.join(', ')})`;
263
+ }
264
+ _formatMatrixNumber(value) {
265
+ if (Math.abs(value) < 1e-10) {
266
+ return '0';
267
+ }
268
+ let rounded = value.toFixed(8);
269
+ if (rounded.includes('.')) {
270
+ rounded = rounded.replace(/0+$/, '').replace(/\.$/, '');
271
+ }
272
+ return rounded === '-0' ? '0' : rounded;
273
+ }
274
+ _buildTransform(baseTransform, projectiveTransform) {
275
+ const transforms = [];
276
+ if (baseTransform?.trim()) {
277
+ transforms.push(baseTransform.trim());
278
+ }
279
+ if (projectiveTransform?.trim()) {
280
+ transforms.push(projectiveTransform.trim());
281
+ }
282
+ return transforms.join(' ').trim();
283
+ }
284
+ _parseTransform(transform) {
285
+ if (!transform || transform === 'none') {
286
+ return { baseTransform: '', projectiveTransform: '' };
287
+ }
288
+ const parts = this._splitTransformFunctions(transform);
289
+ if (!parts.length) {
290
+ return { baseTransform: transform.trim(), projectiveTransform: '' };
291
+ }
292
+ const lastPart = parts[parts.length - 1];
293
+ const functionName = lastPart.slice(0, lastPart.indexOf('(')).trim().toLowerCase();
294
+ if (functionName === 'matrix' || functionName === 'matrix3d') {
295
+ return {
296
+ baseTransform: parts.slice(0, -1).join(' ').trim(),
297
+ projectiveTransform: lastPart.trim()
298
+ };
299
+ }
300
+ return { baseTransform: transform.trim(), projectiveTransform: '' };
301
+ }
302
+ _splitTransformFunctions(transform) {
303
+ const parts = [];
304
+ let startIndex = -1;
305
+ let depth = 0;
306
+ for (let index = 0; index < transform.length; index++) {
307
+ const character = transform[index];
308
+ if (character === '(') {
309
+ depth++;
310
+ }
311
+ else if (character === ')') {
312
+ depth--;
313
+ if (depth === 0 && startIndex !== -1) {
314
+ parts.push(transform.slice(startIndex, index + 1).trim());
315
+ startIndex = -1;
316
+ }
317
+ }
318
+ else if (depth === 0 && startIndex === -1 && character.trim()) {
319
+ startIndex = index;
320
+ }
321
+ }
322
+ if (!parts.length && transform.trim()) {
323
+ parts.push(transform.trim());
324
+ }
325
+ return parts;
326
+ }
327
+ _pointsApproximatelyEqual(pointsA, pointsB) {
328
+ if (pointsA.length !== pointsB.length) {
329
+ return false;
330
+ }
331
+ return pointsA.every((point, index) => {
332
+ const compareTo = pointsB[index];
333
+ return Math.abs(point.x - compareTo.x) < 0.01 && Math.abs(point.y - compareTo.y) < 0.01;
334
+ });
335
+ }
336
+ }
337
+ //# sourceMappingURL=ProjectiveTransformExtension.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProjectiveTransformExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/ProjectiveTransformExtension.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ import { IDesignItem } from '../../../item/IDesignItem.js';
2
+ import { IDesignerCanvas } from '../IDesignerCanvas.js';
3
+ import { IDesignerExtension } from './IDesignerExtension.js';
4
+ import { IDesignerExtensionProvider } from './IDesignerExtensionProvider.js';
5
+ import { IExtensionManager } from './IExtensionManger.js';
6
+ export declare class ProjectiveTransformExtensionProvider implements IDesignerExtensionProvider {
7
+ shouldExtend(extensionManager: IExtensionManager, designerCanvas: IDesignerCanvas, designItem: IDesignItem): boolean;
8
+ getExtension(extensionManager: IExtensionManager, designerCanvas: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;
9
+ static readonly style: CSSStyleSheet;
10
+ }
@@ -0,0 +1,22 @@
1
+ import { css } from '@node-projects/base-custom-webcomponent';
2
+ import { ProjectiveTransformExtension } from './ProjectiveTransformExtension.js';
3
+ export class ProjectiveTransformExtensionProvider {
4
+ shouldExtend(extensionManager, designerCanvas, designItem) {
5
+ if (designerCanvas.readOnly) {
6
+ return false;
7
+ }
8
+ if (designItem.element instanceof SVGElement || designItem.element instanceof HTMLTemplateElement) {
9
+ return false;
10
+ }
11
+ return !designItem.isRootItem;
12
+ }
13
+ getExtension(extensionManager, designerCanvas, designItem) {
14
+ return new ProjectiveTransformExtension(extensionManager, designerCanvas, designItem);
15
+ }
16
+ static style = css `
17
+ .svg-primary-projective-handle { stroke: #3899ec; fill: white; stroke-width: 1; pointer-events: auto; }
18
+ .svg-primary-projective-handle-cross { stroke: #3899ec; fill: none; stroke-width: 1; stroke-linecap: round; pointer-events: none; }
19
+ .svg-primary-projective-outline { stroke: #3899ec; fill: none; stroke-width: 1; stroke-dasharray: 4 2; }
20
+ `;
21
+ }
22
+ //# sourceMappingURL=ProjectiveTransformExtensionProvider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProjectiveTransformExtensionProvider.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/ProjectiveTransformExtensionProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yCAAyC,CAAC;AAM9D,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF,MAAM,OAAO,oCAAoC;IAC/C,YAAY,CAAC,gBAAmC,EAAE,cAA+B,EAAE,UAAuB;QACxG,IAAI,cAAc,CAAC,QAAQ,EAAE,CAAC;YAC5B,OAAO,KAAK,CAAC;QACf,CAAC;QACD,IAAI,UAAU,CAAC,OAAO,YAAY,UAAU,IAAI,UAAU,CAAC,OAAO,YAAY,mBAAmB,EAAE,CAAC;YAClG,OAAO,KAAK,CAAC;QACf,CAAC;QACD,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC;IAChC,CAAC;IAED,YAAY,CAAC,gBAAmC,EAAE,cAA+B,EAAE,UAAuB;QACxG,OAAO,IAAI,4BAA4B,CAAC,gBAAgB,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC;IACxF,CAAC;IAED,MAAM,CAAU,KAAK,GAAG,GAAG,CAAA;;;;GAI1B,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { IPoint } from '../../../../interfaces/IPoint.js';
2
+ export declare function getQuadCenter(quad: DOMQuad): IPoint;
3
+ export declare function getEdgeMidpoint(start: IPoint, end: IPoint): IPoint;
4
+ export declare function getOutwardNormal(start: IPoint, end: IPoint, quadCenter: IPoint, fallback: IPoint): IPoint;
5
+ export declare function getEdgeOffsetPoint(start: IPoint, end: IPoint, quadCenter: IPoint, distance: number, fallback: IPoint): IPoint;
@@ -0,0 +1,42 @@
1
+ function normalize(vector) {
2
+ const length = Math.hypot(vector.x, vector.y);
3
+ if (length < 1e-8) {
4
+ return { x: 0, y: 0 };
5
+ }
6
+ return { x: vector.x / length, y: vector.y / length };
7
+ }
8
+ export function getQuadCenter(quad) {
9
+ return {
10
+ x: (quad.p1.x + quad.p2.x + quad.p3.x + quad.p4.x) / 4,
11
+ y: (quad.p1.y + quad.p2.y + quad.p3.y + quad.p4.y) / 4
12
+ };
13
+ }
14
+ export function getEdgeMidpoint(start, end) {
15
+ return {
16
+ x: (start.x + end.x) / 2,
17
+ y: (start.y + end.y) / 2
18
+ };
19
+ }
20
+ export function getOutwardNormal(start, end, quadCenter, fallback) {
21
+ const dx = end.x - start.x;
22
+ const dy = end.y - start.y;
23
+ let normal = normalize({ x: -dy, y: dx });
24
+ if (normal.x === 0 && normal.y === 0) {
25
+ normal = normalize(fallback);
26
+ }
27
+ const midpoint = getEdgeMidpoint(start, end);
28
+ const toCenter = { x: quadCenter.x - midpoint.x, y: quadCenter.y - midpoint.y };
29
+ if ((normal.x * toCenter.x) + (normal.y * toCenter.y) > 0) {
30
+ normal = { x: -normal.x, y: -normal.y };
31
+ }
32
+ return normal;
33
+ }
34
+ export function getEdgeOffsetPoint(start, end, quadCenter, distance, fallback) {
35
+ const midpoint = getEdgeMidpoint(start, end);
36
+ const normal = getOutwardNormal(start, end, quadCenter, fallback);
37
+ return {
38
+ x: midpoint.x + (normal.x * distance),
39
+ y: midpoint.y + (normal.y * distance)
40
+ };
41
+ }
42
+ //# sourceMappingURL=QuadEdgeHandleHelper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QuadEdgeHandleHelper.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/QuadEdgeHandleHelper.ts"],"names":[],"mappings":"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"}
@@ -3,13 +3,14 @@ import { IDesignerCanvas } from '../IDesignerCanvas.js';
3
3
  import { AbstractExtension } from './AbstractExtension.js';
4
4
  import { IExtensionManager } from './IExtensionManger.js';
5
5
  export declare class RotateExtension extends AbstractExtension {
6
- private _rotateLine;
7
- private _rotateCircle;
6
+ private _rotateLine?;
7
+ private _rotateCircle?;
8
8
  private _startPoint;
9
9
  private _rotateCirclePosition;
10
10
  constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
11
11
  extend(cache: Record<string | symbol, any>, event?: Event): void;
12
12
  refresh(cache: Record<string | symbol, any>, event?: Event): void;
13
+ private _getRotateReferencePoint;
13
14
  getAngle(e: MouseEvent): string;
14
15
  dispose(): void;
15
16
  }
@@ -2,11 +2,12 @@ import { hasCommandKey } from '../../../helper/KeyboardHelper.js';
2
2
  import { roundValue } from '../../../helper/LayoutHelper.js';
3
3
  import { getElementSize } from '../../../helper/getBoxQuads.js';
4
4
  import { AbstractExtension } from './AbstractExtension.js';
5
+ import { getEdgeOffsetPoint, getQuadCenter } from '../../../helper/QuadEdgeHandleHelper.js';
5
6
  export class RotateExtension extends AbstractExtension {
6
7
  _rotateLine;
7
8
  _rotateCircle;
8
- _startPoint;
9
- _rotateCirclePosition;
9
+ _startPoint = null;
10
+ _rotateCirclePosition = { x: 0, y: 0 };
10
11
  constructor(extensionManager, designerView, extendedItem) {
11
12
  super(extensionManager, designerView, extendedItem);
12
13
  }
@@ -14,21 +15,30 @@ export class RotateExtension extends AbstractExtension {
14
15
  this.refresh(cache, event);
15
16
  }
16
17
  refresh(cache, event) {
17
- const size = getElementSize(this.extendedItem.element);
18
- let p1 = { x: size.width / 2, y: -30 / this.designerCanvas.zoomFactor };
19
- let l1 = { x: size.width / 2, y: -22 / this.designerCanvas.zoomFactor };
20
- let l2 = { x: size.width / 2, y: -6 / this.designerCanvas.zoomFactor };
21
- this._rotateCirclePosition = p1;
22
- let p1t = this.designerCanvas.canvas.convertPointFromNode(p1, this.extendedItem.element);
23
- let l1t = this.designerCanvas.canvas.convertPointFromNode(l1, this.extendedItem.element);
24
- let l2t = this.designerCanvas.canvas.convertPointFromNode(l2, this.extendedItem.element);
25
- this._rotateLine = this._drawLine(l1t.x, l1t.y, l2t.x, l2t.y, 'svg-primary-rotate-line', this._rotateLine);
18
+ const quad = this.extendedItem.element.getBoxQuads({ box: 'border', relativeTo: this.designerCanvas.canvas })[0];
19
+ if (!quad) {
20
+ return;
21
+ }
22
+ const points = [quad.p1, quad.p2, quad.p3, quad.p4];
23
+ if (points.some(point => !Number.isFinite(point.x) || !Number.isFinite(point.y))) {
24
+ this.remove();
25
+ return;
26
+ }
27
+ if (!this._valuesHaveChanges(this.designerCanvas.zoomFactor, ...points.flatMap(point => [point.x, point.y]))) {
28
+ return;
29
+ }
30
+ const quadCenter = getQuadCenter(quad);
31
+ const handlePoint = getEdgeOffsetPoint(quad.p1, quad.p2, quadCenter, 30 / this.designerCanvas.zoomFactor, { x: 0, y: -1 });
32
+ const lineStart = getEdgeOffsetPoint(quad.p1, quad.p2, quadCenter, 22 / this.designerCanvas.zoomFactor, { x: 0, y: -1 });
33
+ const lineEnd = getEdgeOffsetPoint(quad.p1, quad.p2, quadCenter, 6 / this.designerCanvas.zoomFactor, { x: 0, y: -1 });
34
+ this._rotateLine = this._drawLine(lineStart.x, lineStart.y, lineEnd.x, lineEnd.y, 'svg-primary-rotate-line', this._rotateLine);
26
35
  this._rotateLine.style.strokeWidth = (1 / this.designerCanvas.zoomFactor).toString();
27
36
  if (!this._rotateCircle) {
28
- this._rotateCircle = this._drawCircle(p1t.x, p1t.y, 5 / this.designerCanvas.zoomFactor, 'svg-primary-rotate', this._rotateCircle);
37
+ this._rotateCircle = this._drawCircle(handlePoint.x, handlePoint.y, 5 / this.designerCanvas.zoomFactor, 'svg-primary-rotate', this._rotateCircle);
29
38
  this._rotateCircle.style.strokeWidth = (1 / this.designerCanvas.zoomFactor).toString();
30
39
  this._rotateCircle.addEventListener("pointerdown", e => {
31
40
  e.stopPropagation();
41
+ this._rotateCirclePosition = this._getRotateReferencePoint();
32
42
  e.target.setPointerCapture(e.pointerId);
33
43
  let mp = this.designerCanvas.getNormalizedEventCoordinates(e);
34
44
  this._startPoint = this.extendedItem.element.convertPointFromNode({ x: mp.x, y: mp.y }, this.designerCanvas.canvas);
@@ -52,10 +62,33 @@ export class RotateExtension extends AbstractExtension {
52
62
  });
53
63
  }
54
64
  else {
55
- this._rotateCircle = this._drawCircle(p1t.x, p1t.y, 5 / this.designerCanvas.zoomFactor, 'svg-primary-rotate', this._rotateCircle);
65
+ this._rotateCircle = this._drawCircle(handlePoint.x, handlePoint.y, 5 / this.designerCanvas.zoomFactor, 'svg-primary-rotate', this._rotateCircle);
56
66
  this._rotateCircle.style.strokeWidth = (1 / this.designerCanvas.zoomFactor).toString();
57
67
  }
58
68
  }
69
+ _getRotateReferencePoint() {
70
+ const element = this.extendedItem.element;
71
+ const size = getElementSize(this.extendedItem.element);
72
+ const fallback = { x: size.width / 2, y: -30 / this.designerCanvas.zoomFactor };
73
+ const inlineRotate = element.style.rotate;
74
+ try {
75
+ element.style.rotate = 'none';
76
+ const quad = element.getBoxQuads({ box: 'border', relativeTo: this.designerCanvas.canvas })[0];
77
+ if (!quad) {
78
+ return fallback;
79
+ }
80
+ const quadCenter = getQuadCenter(quad);
81
+ const handlePoint = getEdgeOffsetPoint(quad.p1, quad.p2, quadCenter, 30 / this.designerCanvas.zoomFactor, { x: 0, y: -1 });
82
+ const localPoint = element.convertPointFromNode(handlePoint, this.designerCanvas.canvas);
83
+ if (!Number.isFinite(localPoint.x) || !Number.isFinite(localPoint.y)) {
84
+ return fallback;
85
+ }
86
+ return { x: localPoint.x, y: localPoint.y };
87
+ }
88
+ finally {
89
+ element.style.rotate = inlineRotate;
90
+ }
91
+ }
59
92
  getAngle(e) {
60
93
  let mp = this.designerCanvas.getNormalizedEventCoordinates(e);
61
94
  let p1 = { x: mp.x, y: mp.y };
@@ -1 +1 @@
1
- {"version":3,"file":"RotateExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/RotateExtension.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"RotateExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/RotateExtension.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,30 @@
1
+ import { IDesignItem } from '../../../item/IDesignItem.js';
2
+ import { IDesignerCanvas } from '../IDesignerCanvas.js';
3
+ import { AbstractExtension } from './AbstractExtension.js';
4
+ import { IExtensionManager } from './IExtensionManger.js';
5
+ export declare class SkewExtension extends AbstractExtension {
6
+ private _skewXLine?;
7
+ private _skewYLine?;
8
+ private _skewXCircle?;
9
+ private _skewYCircle?;
10
+ private _skewXReferencePoint;
11
+ private _skewYReferencePoint;
12
+ private _activeAxis;
13
+ private _baseTransform;
14
+ private _skewX;
15
+ private _skewY;
16
+ constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
17
+ extend(cache: Record<string | symbol, any>, event?: Event): void;
18
+ refresh(cache: Record<string | symbol, any>, event?: Event): void;
19
+ private _handlePointerEvent;
20
+ private _readPersistedTransform;
21
+ private _getSkewReferencePoint;
22
+ private _setPreviewTransform;
23
+ private _commitTransform;
24
+ private _getSkewAngle;
25
+ private _buildTransform;
26
+ private _parseTransform;
27
+ private _splitTransformFunctions;
28
+ private _parseAngle;
29
+ dispose(): void;
30
+ }