@node-projects/web-component-designer 0.1.340 → 0.1.341
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/_esbuild.js +19 -0
- package/dist/elements/controls/PlainScrollbar.js +5 -4
- package/dist/elements/controls/PlainScrollbar.js.map +1 -1
- package/dist/elements/helper/ArrangeHelper.js +67 -24
- package/dist/elements/helper/ArrangeHelper.js.map +1 -1
- package/dist/elements/helper/Helper.d.ts +1 -0
- package/dist/elements/helper/Helper.js +3 -0
- package/dist/elements/helper/Helper.js.map +1 -1
- package/dist/elements/helper/NpmPackageLoader.d.ts +1 -0
- package/dist/elements/helper/NpmPackageLoader.js +19 -16
- package/dist/elements/helper/NpmPackageLoader.js.map +1 -1
- package/dist/elements/helper/SvgHelper.d.ts +1 -0
- package/dist/elements/helper/SvgHelper.js +3 -0
- package/dist/elements/helper/SvgHelper.js.map +1 -1
- package/dist/elements/item/DesignItem.d.ts +1 -1
- package/dist/elements/services/DefaultServiceBootstrap.js +4 -0
- package/dist/elements/services/DefaultServiceBootstrap.js.map +1 -1
- package/dist/elements/widgets/designerView/DomConverter.d.ts +1 -1
- package/dist/elements/widgets/designerView/extensions/BasicStackedToolbarExtension.js +2 -1
- package/dist/elements/widgets/designerView/extensions/BasicStackedToolbarExtension.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/MarginExtensionProvider.d.ts +1 -1
- package/dist/elements/widgets/designerView/extensions/MarginExtensionProvider.js +2 -1
- package/dist/elements/widgets/designerView/extensions/MarginExtensionProvider.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/PaddingExtensionProvider.d.ts +1 -1
- package/dist/elements/widgets/designerView/extensions/PaddingExtensionProvider.js +2 -1
- package/dist/elements/widgets/designerView/extensions/PaddingExtensionProvider.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/RotateGroupExtension.d.ts +29 -0
- package/dist/elements/widgets/designerView/extensions/RotateGroupExtension.js +229 -0
- package/dist/elements/widgets/designerView/extensions/RotateGroupExtension.js.map +1 -0
- package/dist/elements/widgets/designerView/extensions/RotateGroupExtensionProvider.d.ts +10 -0
- package/dist/elements/widgets/designerView/extensions/RotateGroupExtensionProvider.js +20 -0
- package/dist/elements/widgets/designerView/extensions/RotateGroupExtensionProvider.js.map +1 -0
- package/dist/elements/widgets/designerView/extensions/grid/DisplayGridExtensionProvider.d.ts +1 -1
- package/dist/elements/widgets/designerView/extensions/grid/DisplayGridExtensionProvider.js +2 -1
- package/dist/elements/widgets/designerView/extensions/grid/DisplayGridExtensionProvider.js.map +1 -1
- package/dist/index-min.js +6 -1953
- package/dist/index-min.js.map +4 -4
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/package.json +5 -4
|
@@ -2,6 +2,6 @@ import { IDesignItem } from "../../item/IDesignItem.js";
|
|
|
2
2
|
export declare class DomConverter {
|
|
3
3
|
static normalizeAttributeValue(value: string | number, useSingleQuotes?: boolean): string;
|
|
4
4
|
static normalizeContentValue(value: string): string;
|
|
5
|
-
static IsSelfClosingElement(tag: string): tag is "
|
|
5
|
+
static IsSelfClosingElement(tag: string): tag is "link" | "img" | "area" | "base" | "br" | "col" | "embed" | "hr" | "input" | "keygen" | "meta" | "param" | "source" | "track" | "wbr";
|
|
6
6
|
static ConvertToString(designItems: IDesignItem[], beautifyOutput?: boolean, updatePositions?: boolean): string;
|
|
7
7
|
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { assetsPath } from "../../../../Constants.js";
|
|
2
2
|
import { AbstractExtension } from "./AbstractExtension.js";
|
|
3
|
+
import { htmlAsString } from "../../../helper/Helper.js";
|
|
3
4
|
export const basicStackedToolbarExtensionOverlayOptionName = 'basicStackedToolbarExtensionShowOverlay';
|
|
4
5
|
export class BasicStackedToolbarExtension extends AbstractExtension {
|
|
5
|
-
static basicTemplate = `
|
|
6
|
+
static basicTemplate = htmlAsString `
|
|
6
7
|
<select title="position" id="position" style="pointer-events: auto; height: 24px; width: 80px; padding: 0; font-weight: 900; text-transform: uppercase; margin-left: 5px; margin-right: 10px;">
|
|
7
8
|
<option>static</option>
|
|
8
9
|
<option>relative</option>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicStackedToolbarExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/BasicStackedToolbarExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAiB,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"BasicStackedToolbarExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/BasicStackedToolbarExtension.ts"],"names":[],"mappings":"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"}
|
|
@@ -7,5 +7,5 @@ export declare class MarginExtensionProvider implements IDesignerExtensionProvid
|
|
|
7
7
|
shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;
|
|
8
8
|
getExtension(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;
|
|
9
9
|
readonly style: CSSStyleSheet;
|
|
10
|
-
static readonly svgDefs
|
|
10
|
+
static readonly svgDefs: string;
|
|
11
11
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { MarginExtension } from './MarginExtension.js';
|
|
2
2
|
import { css } from "@node-projects/base-custom-webcomponent";
|
|
3
3
|
import { NodeType } from '../../../item/NodeType.js';
|
|
4
|
+
import { svgAsString } from '../../../helper/SvgHelper.js';
|
|
4
5
|
export class MarginExtensionProvider {
|
|
5
6
|
shouldExtend(extensionManager, designerView, designItem) {
|
|
6
7
|
if (designItem.nodeType == NodeType.Element)
|
|
@@ -14,7 +15,7 @@ export class MarginExtensionProvider {
|
|
|
14
15
|
.svg-margin-fill { fill: color(display-p3 1 0 1 / 15%); fill-rule: evenodd; }
|
|
15
16
|
.svg-margin { fill: color(display-p3 1 0 1 / 80%); fill-rule: evenodd; mask: url(#mask-stripe-margin); }
|
|
16
17
|
`;
|
|
17
|
-
static svgDefs = `
|
|
18
|
+
static svgDefs = svgAsString `
|
|
18
19
|
<pattern id="pattern-stripe-margin" patternUnits="userSpaceOnUse" width="10" height="10" patternTransform="rotate(45)" class="pattern">
|
|
19
20
|
<line x1="0" y="0" x2="0" y2="10" stroke="color(display-p3 1 0 1 / 80%)" stroke-width="1"></line>
|
|
20
21
|
</pattern>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarginExtensionProvider.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/MarginExtensionProvider.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,GAAG,EAAE,MAAM,yCAAyC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"MarginExtensionProvider.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/MarginExtensionProvider.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,GAAG,EAAE,MAAM,yCAAyC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,MAAM,OAAO,uBAAuB;IAElC,YAAY,CAAC,gBAAmC,EAAE,YAA6B,EAAE,UAAuB;QACtG,IAAI,UAAU,CAAC,QAAQ,IAAI,QAAQ,CAAC,OAAO;YACzC,OAAO,IAAI,CAAC;QACd,OAAO,KAAK,CAAC;IACf,CAAC;IAED,YAAY,CAAC,gBAAmC,EAAE,YAA6B,EAAE,UAAuB;QACtG,OAAO,IAAI,eAAe,CAAC,gBAAgB,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;IACzE,CAAC;IAEQ,KAAK,GAAG,GAAG,CAAA;;;GAGnB,CAAC;IAEF,MAAM,CAAU,OAAO,GAAG,WAAW,CAAA;;;;;;;GAOpC,CAAC"}
|
|
@@ -8,5 +8,5 @@ export declare class PaddingExtensionProvider implements IDesignerExtensionProvi
|
|
|
8
8
|
getExtension(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;
|
|
9
9
|
static readonly style: CSSStyleSheet;
|
|
10
10
|
readonly style: CSSStyleSheet;
|
|
11
|
-
static readonly svgDefs
|
|
11
|
+
static readonly svgDefs: string;
|
|
12
12
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { css } from "@node-projects/base-custom-webcomponent";
|
|
2
2
|
import { NodeType } from '../../../item/NodeType.js';
|
|
3
3
|
import { PaddingExtension } from './PaddingExtension.js';
|
|
4
|
+
import { svgAsString } from '../../../helper/SvgHelper.js';
|
|
4
5
|
export class PaddingExtensionProvider {
|
|
5
6
|
shouldExtend(extensionManager, designerView, designItem) {
|
|
6
7
|
if (designItem.nodeType == NodeType.Element)
|
|
@@ -17,7 +18,7 @@ export class PaddingExtensionProvider {
|
|
|
17
18
|
.svg-padding-fill { fill: #32cd3266; fill-rule: evenodd; }
|
|
18
19
|
.svg-padding { fill: #32cd32FF; fill-rule: evenodd; mask: url(#mask-stripe-padding); }
|
|
19
20
|
`;
|
|
20
|
-
static svgDefs = `
|
|
21
|
+
static svgDefs = svgAsString `
|
|
21
22
|
<pattern id="pattern-stripe-padding" patternUnits="userSpaceOnUse" width="10" height="10" patternTransform="rotate(45)" class="pattern">
|
|
22
23
|
<line x1="0" y="0" x2="0" y2="10" stroke="color(display-p3 1 0 1 / 80%)" stroke-width="1"></line>
|
|
23
24
|
</pattern>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaddingExtensionProvider.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/PaddingExtensionProvider.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,GAAG,EAAE,MAAM,yCAAyC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"PaddingExtensionProvider.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/PaddingExtensionProvider.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,GAAG,EAAE,MAAM,yCAAyC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,MAAM,OAAO,wBAAwB;IAEnC,YAAY,CAAC,gBAAmC,EAAE,YAA6B,EAAE,UAAuB;QACtG,IAAI,UAAU,CAAC,QAAQ,IAAI,QAAQ,CAAC,OAAO;YACzC,OAAO,IAAI,CAAC;QACd,OAAO,KAAK,CAAC;IACf,CAAC;IAED,YAAY,CAAC,gBAAmC,EAAE,YAA6B,EAAE,UAAuB;QACtG,OAAO,IAAI,gBAAgB,CAAC,gBAAgB,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;IAC1E,CAAC;IAED,MAAM,CAAU,KAAK,GAAG,GAAG,CAAA;;GAE1B,CAAC;IAEO,KAAK,GAAG,GAAG,CAAA;;;GAGnB,CAAC;IAEF,MAAM,CAAU,OAAO,GAAG,WAAW,CAAA;;;;;;;GAOpC,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
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 RotateGroupExtension extends AbstractExtension {
|
|
6
|
+
private _rotateLine;
|
|
7
|
+
private _rotateCircle;
|
|
8
|
+
private _rectLine1;
|
|
9
|
+
private _rectLine2;
|
|
10
|
+
private _rectLine3;
|
|
11
|
+
private _rectLine4;
|
|
12
|
+
private _initialCorners;
|
|
13
|
+
private _startAngle;
|
|
14
|
+
private _groupCenter;
|
|
15
|
+
private _initialHandleX;
|
|
16
|
+
private _initialHandleY;
|
|
17
|
+
private _initialLineX1;
|
|
18
|
+
private _initialLineY1;
|
|
19
|
+
private _initialLineX2;
|
|
20
|
+
private _initialLineY2;
|
|
21
|
+
private _currentDelta;
|
|
22
|
+
private _elementStartStates;
|
|
23
|
+
constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
|
|
24
|
+
extend(cache: Record<string | symbol, any>, event?: Event): void;
|
|
25
|
+
refresh(cache: Record<string | symbol, any>, event?: Event): void;
|
|
26
|
+
private _getDelta;
|
|
27
|
+
private _applyRotation;
|
|
28
|
+
dispose(): void;
|
|
29
|
+
}
|
|
@@ -0,0 +1,229 @@
|
|
|
1
|
+
import { hasCommandKey } from '../../../helper/KeyboardHelper.js';
|
|
2
|
+
import { filterChildPlaceItems, roundValue } from '../../../helper/LayoutHelper.js';
|
|
3
|
+
import { calculateOuterRect } from '../../../helper/ElementHelper.js';
|
|
4
|
+
import { AbstractExtension } from './AbstractExtension.js';
|
|
5
|
+
export class RotateGroupExtension extends AbstractExtension {
|
|
6
|
+
_rotateLine;
|
|
7
|
+
_rotateCircle;
|
|
8
|
+
// rotating rect overlay (only visible during drag)
|
|
9
|
+
_rectLine1;
|
|
10
|
+
_rectLine2;
|
|
11
|
+
_rectLine3;
|
|
12
|
+
_rectLine4;
|
|
13
|
+
_initialCorners;
|
|
14
|
+
// drag-start state
|
|
15
|
+
_startAngle;
|
|
16
|
+
_groupCenter;
|
|
17
|
+
_initialHandleX;
|
|
18
|
+
_initialHandleY;
|
|
19
|
+
_initialLineX1;
|
|
20
|
+
_initialLineY1;
|
|
21
|
+
_initialLineX2;
|
|
22
|
+
_initialLineY2;
|
|
23
|
+
_currentDelta = 0;
|
|
24
|
+
_elementStartStates;
|
|
25
|
+
constructor(extensionManager, designerView, extendedItem) {
|
|
26
|
+
super(extensionManager, designerView, extendedItem);
|
|
27
|
+
}
|
|
28
|
+
extend(cache, event) {
|
|
29
|
+
this.refresh(cache, event);
|
|
30
|
+
}
|
|
31
|
+
refresh(cache, event) {
|
|
32
|
+
const selection = filterChildPlaceItems(this.designerCanvas.instanceServiceContainer.selectionService.selectedElements);
|
|
33
|
+
if (selection.length < 2)
|
|
34
|
+
return;
|
|
35
|
+
let handleX, handleY;
|
|
36
|
+
let lineX1, lineY1, lineX2, lineY2;
|
|
37
|
+
if (this._elementStartStates) {
|
|
38
|
+
// During drag: rotate all control points around the fixed group center
|
|
39
|
+
const rad = this._currentDelta * Math.PI / 180;
|
|
40
|
+
const cos = Math.cos(rad);
|
|
41
|
+
const sin = Math.sin(rad);
|
|
42
|
+
const rx = (x, y) => this._groupCenter.x + (x - this._groupCenter.x) * cos - (y - this._groupCenter.y) * sin;
|
|
43
|
+
const ry = (x, y) => this._groupCenter.y + (x - this._groupCenter.x) * sin + (y - this._groupCenter.y) * cos;
|
|
44
|
+
handleX = rx(this._initialHandleX, this._initialHandleY);
|
|
45
|
+
handleY = ry(this._initialHandleX, this._initialHandleY);
|
|
46
|
+
lineX1 = rx(this._initialLineX1, this._initialLineY1);
|
|
47
|
+
lineY1 = ry(this._initialLineX1, this._initialLineY1);
|
|
48
|
+
lineX2 = rx(this._initialLineX2, this._initialLineY2);
|
|
49
|
+
lineY2 = ry(this._initialLineX2, this._initialLineY2);
|
|
50
|
+
// Rotate the four bounding-box corners and draw the rect overlay
|
|
51
|
+
const c = this._initialCorners;
|
|
52
|
+
const corners = c.map(p => ({ x: rx(p.x, p.y), y: ry(p.x, p.y) }));
|
|
53
|
+
const sw = (2 / this.designerCanvas.zoomFactor).toString();
|
|
54
|
+
this._rectLine1 = this._drawLine(corners[0].x, corners[0].y, corners[1].x, corners[1].y, 'svg-rotate-group-rect', this._rectLine1);
|
|
55
|
+
this._rectLine2 = this._drawLine(corners[1].x, corners[1].y, corners[2].x, corners[2].y, 'svg-rotate-group-rect', this._rectLine2);
|
|
56
|
+
this._rectLine3 = this._drawLine(corners[2].x, corners[2].y, corners[3].x, corners[3].y, 'svg-rotate-group-rect', this._rectLine3);
|
|
57
|
+
this._rectLine4 = this._drawLine(corners[3].x, corners[3].y, corners[0].x, corners[0].y, 'svg-rotate-group-rect', this._rectLine4);
|
|
58
|
+
this._rectLine1.style.strokeWidth = sw;
|
|
59
|
+
this._rectLine2.style.strokeWidth = sw;
|
|
60
|
+
this._rectLine3.style.strokeWidth = sw;
|
|
61
|
+
this._rectLine4.style.strokeWidth = sw;
|
|
62
|
+
}
|
|
63
|
+
else {
|
|
64
|
+
if (this._rectLine1) {
|
|
65
|
+
this._rectLine1.style.display = 'none';
|
|
66
|
+
this._rectLine2.style.display = 'none';
|
|
67
|
+
this._rectLine3.style.display = 'none';
|
|
68
|
+
this._rectLine4.style.display = 'none';
|
|
69
|
+
}
|
|
70
|
+
// Idle: position above the bounding box center
|
|
71
|
+
const outerRect = calculateOuterRect(selection, this.designerCanvas);
|
|
72
|
+
const cx = outerRect.x + outerRect.width / 2;
|
|
73
|
+
const top = outerRect.y;
|
|
74
|
+
handleX = cx;
|
|
75
|
+
handleY = top - 30 / this.designerCanvas.zoomFactor;
|
|
76
|
+
lineX1 = cx;
|
|
77
|
+
lineY1 = top - 22 / this.designerCanvas.zoomFactor;
|
|
78
|
+
lineX2 = cx;
|
|
79
|
+
lineY2 = top - 6 / this.designerCanvas.zoomFactor;
|
|
80
|
+
}
|
|
81
|
+
this._rotateLine = this._drawLine(lineX1, lineY1, lineX2, lineY2, 'svg-primary-rotate-line', this._rotateLine);
|
|
82
|
+
this._rotateLine.style.strokeWidth = (1 / this.designerCanvas.zoomFactor).toString();
|
|
83
|
+
if (!this._rotateCircle) {
|
|
84
|
+
this._rotateCircle = this._drawCircle(handleX, handleY, 5 / this.designerCanvas.zoomFactor, 'svg-primary-rotate', this._rotateCircle);
|
|
85
|
+
this._rotateCircle.style.strokeWidth = (1 / this.designerCanvas.zoomFactor).toString();
|
|
86
|
+
this._rotateCircle.addEventListener('pointerdown', e => {
|
|
87
|
+
e.stopPropagation();
|
|
88
|
+
e.target.setPointerCapture(e.pointerId);
|
|
89
|
+
const currentSelection = filterChildPlaceItems(this.designerCanvas.instanceServiceContainer.selectionService.selectedElements);
|
|
90
|
+
const outerRect = calculateOuterRect(currentSelection, this.designerCanvas);
|
|
91
|
+
const cx = outerRect.x + outerRect.width / 2;
|
|
92
|
+
const top = outerRect.y;
|
|
93
|
+
this._groupCenter = {
|
|
94
|
+
x: cx,
|
|
95
|
+
y: outerRect.y + outerRect.height / 2,
|
|
96
|
+
};
|
|
97
|
+
// Store control point positions as canvas coords so they can be rotated during drag
|
|
98
|
+
this._initialHandleX = cx;
|
|
99
|
+
this._initialHandleY = top - 30 / this.designerCanvas.zoomFactor;
|
|
100
|
+
this._initialLineX1 = cx;
|
|
101
|
+
this._initialLineY1 = top - 22 / this.designerCanvas.zoomFactor;
|
|
102
|
+
this._initialLineX2 = cx;
|
|
103
|
+
this._initialLineY2 = top - 6 / this.designerCanvas.zoomFactor;
|
|
104
|
+
// Capture the four corners of the bounding rect for the rotating overlay
|
|
105
|
+
this._initialCorners = [
|
|
106
|
+
{ x: outerRect.x, y: outerRect.y },
|
|
107
|
+
{ x: outerRect.x + outerRect.width, y: outerRect.y },
|
|
108
|
+
{ x: outerRect.x + outerRect.width, y: outerRect.y + outerRect.height },
|
|
109
|
+
{ x: outerRect.x, y: outerRect.y + outerRect.height },
|
|
110
|
+
];
|
|
111
|
+
// Show rect lines if they were hidden from a previous drag
|
|
112
|
+
if (this._rectLine1) {
|
|
113
|
+
this._rectLine1.style.display = '';
|
|
114
|
+
this._rectLine2.style.display = '';
|
|
115
|
+
this._rectLine3.style.display = '';
|
|
116
|
+
this._rectLine4.style.display = '';
|
|
117
|
+
}
|
|
118
|
+
const mp = this.designerCanvas.getNormalizedEventCoordinates(e);
|
|
119
|
+
this._startAngle = Math.atan2(mp.y - this._groupCenter.y, mp.x - this._groupCenter.x);
|
|
120
|
+
this._currentDelta = 0;
|
|
121
|
+
this._elementStartStates = currentSelection.map(item => {
|
|
122
|
+
const coords = this.designerCanvas.getNormalizedElementCoordinates(item.element);
|
|
123
|
+
const parent = this.designerCanvas.getNormalizedElementCoordinates(item.parent.element);
|
|
124
|
+
const rotateStr = item.getStyle('rotate') ?? '0deg';
|
|
125
|
+
const rotation = parseFloat(rotateStr) || 0;
|
|
126
|
+
// getBoundingClientRect returns the visual (rotated) bounding box. For position
|
|
127
|
+
// calculations we need the actual CSS dimensions (unrotated box), otherwise
|
|
128
|
+
// pre-rotated elements would be placed incorrectly.
|
|
129
|
+
const cs = getComputedStyle(item.element);
|
|
130
|
+
const cssHalfWidth = parseFloat(cs.width) / 2;
|
|
131
|
+
const cssHalfHeight = parseFloat(cs.height) / 2;
|
|
132
|
+
return {
|
|
133
|
+
item,
|
|
134
|
+
rotation,
|
|
135
|
+
centerX: coords.x + coords.width / 2,
|
|
136
|
+
centerY: coords.y + coords.height / 2,
|
|
137
|
+
cssHalfWidth,
|
|
138
|
+
cssHalfHeight,
|
|
139
|
+
parentX: parent.x,
|
|
140
|
+
parentY: parent.y,
|
|
141
|
+
parentWidth: parent.width,
|
|
142
|
+
parentHeight: parent.height,
|
|
143
|
+
usesRight: item.hasStyle('right') && !item.hasStyle('left'),
|
|
144
|
+
usesBottom: item.hasStyle('bottom') && !item.hasStyle('top'),
|
|
145
|
+
};
|
|
146
|
+
});
|
|
147
|
+
});
|
|
148
|
+
this._rotateCircle.addEventListener('pointermove', e => {
|
|
149
|
+
e.stopPropagation();
|
|
150
|
+
if (!this._elementStartStates)
|
|
151
|
+
return;
|
|
152
|
+
this._currentDelta = this._getDelta(e);
|
|
153
|
+
for (const state of this._elementStartStates) {
|
|
154
|
+
this._applyRotation(state, this._currentDelta, false);
|
|
155
|
+
}
|
|
156
|
+
});
|
|
157
|
+
this._rotateCircle.addEventListener('pointerup', e => {
|
|
158
|
+
e.stopPropagation();
|
|
159
|
+
e.target.releasePointerCapture(e.pointerId);
|
|
160
|
+
if (!this._elementStartStates)
|
|
161
|
+
return;
|
|
162
|
+
const delta = this._getDelta(e);
|
|
163
|
+
const grp = this.designerCanvas.instanceServiceContainer.selectionService.primarySelection.openGroup('rotateGroup');
|
|
164
|
+
for (const state of this._elementStartStates) {
|
|
165
|
+
this._applyRotation(state, delta, true);
|
|
166
|
+
}
|
|
167
|
+
grp.commit();
|
|
168
|
+
this._elementStartStates = null;
|
|
169
|
+
this._currentDelta = 0;
|
|
170
|
+
});
|
|
171
|
+
}
|
|
172
|
+
else {
|
|
173
|
+
this._rotateCircle = this._drawCircle(handleX, handleY, 5 / this.designerCanvas.zoomFactor, 'svg-primary-rotate', this._rotateCircle);
|
|
174
|
+
this._rotateCircle.style.strokeWidth = (1 / this.designerCanvas.zoomFactor).toString();
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
_getDelta(e) {
|
|
178
|
+
const mp = this.designerCanvas.getNormalizedEventCoordinates(e);
|
|
179
|
+
const currentAngle = Math.atan2(mp.y - this._groupCenter.y, mp.x - this._groupCenter.x);
|
|
180
|
+
let delta = (currentAngle - this._startAngle) * 180 / Math.PI;
|
|
181
|
+
// Normalize to (-180, 180] to avoid jumps when crossing the ±180° boundary
|
|
182
|
+
delta = ((delta + 180) % 360 + 360) % 360 - 180;
|
|
183
|
+
if (!hasCommandKey(e))
|
|
184
|
+
delta = Math.round(delta / 15) * 15;
|
|
185
|
+
return delta;
|
|
186
|
+
}
|
|
187
|
+
_applyRotation(state, deltaAngle, commit) {
|
|
188
|
+
const rad = deltaAngle * Math.PI / 180;
|
|
189
|
+
const cos = Math.cos(rad);
|
|
190
|
+
const sin = Math.sin(rad);
|
|
191
|
+
const dx = state.centerX - this._groupCenter.x;
|
|
192
|
+
const dy = state.centerY - this._groupCenter.y;
|
|
193
|
+
const newCenterX = this._groupCenter.x + dx * cos - dy * sin;
|
|
194
|
+
const newCenterY = this._groupCenter.y + dx * sin + dy * cos;
|
|
195
|
+
const newRotation = roundValue(state.item, state.rotation + deltaAngle);
|
|
196
|
+
const newLeft = newCenterX - state.cssHalfWidth - state.parentX;
|
|
197
|
+
const newTop = newCenterY - state.cssHalfHeight - state.parentY;
|
|
198
|
+
const newRight = state.parentX + state.parentWidth - newCenterX - state.cssHalfWidth;
|
|
199
|
+
const newBottom = state.parentY + state.parentHeight - newCenterY - state.cssHalfHeight;
|
|
200
|
+
if (commit) {
|
|
201
|
+
if (state.usesRight)
|
|
202
|
+
state.item.setStyle('right', newRight + 'px');
|
|
203
|
+
else
|
|
204
|
+
state.item.setStyle('left', newLeft + 'px');
|
|
205
|
+
if (state.usesBottom)
|
|
206
|
+
state.item.setStyle('bottom', newBottom + 'px');
|
|
207
|
+
else
|
|
208
|
+
state.item.setStyle('top', newTop + 'px');
|
|
209
|
+
state.item.setStyle('rotate', newRotation + 'deg');
|
|
210
|
+
}
|
|
211
|
+
else {
|
|
212
|
+
const el = state.item.element;
|
|
213
|
+
if (state.usesRight)
|
|
214
|
+
el.style.right = newRight + 'px';
|
|
215
|
+
else
|
|
216
|
+
el.style.left = newLeft + 'px';
|
|
217
|
+
if (state.usesBottom)
|
|
218
|
+
el.style.bottom = newBottom + 'px';
|
|
219
|
+
else
|
|
220
|
+
el.style.top = newTop + 'px';
|
|
221
|
+
//@ts-ignore
|
|
222
|
+
el.style.rotate = newRotation + 'deg';
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
dispose() {
|
|
226
|
+
this._removeAllOverlays();
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
//# sourceMappingURL=RotateGroupExtension.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RotateGroupExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/RotateGroupExtension.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IDesignerExtensionProvider } from './IDesignerExtensionProvider.js';
|
|
2
|
+
import { IDesignItem } from '../../../item/IDesignItem.js';
|
|
3
|
+
import { IDesignerCanvas } from '../IDesignerCanvas.js';
|
|
4
|
+
import { IDesignerExtension } from './IDesignerExtension.js';
|
|
5
|
+
import { IExtensionManager } from './IExtensionManger.js';
|
|
6
|
+
export declare class RotateGroupExtensionProvider 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,20 @@
|
|
|
1
|
+
import { RotateGroupExtension } from './RotateGroupExtension.js';
|
|
2
|
+
import { css } from "@node-projects/base-custom-webcomponent";
|
|
3
|
+
export class RotateGroupExtensionProvider {
|
|
4
|
+
shouldExtend(extensionManager, designerCanvas, designItem) {
|
|
5
|
+
if (designerCanvas.readOnly)
|
|
6
|
+
return false;
|
|
7
|
+
if (designItem.element instanceof SVGElement || designItem.element instanceof HTMLTemplateElement)
|
|
8
|
+
return false;
|
|
9
|
+
return !designItem.isRootItem;
|
|
10
|
+
}
|
|
11
|
+
getExtension(extensionManager, designerCanvas, designItem) {
|
|
12
|
+
return new RotateGroupExtension(extensionManager, designerCanvas, designItem);
|
|
13
|
+
}
|
|
14
|
+
static style = css `
|
|
15
|
+
.svg-primary-rotate { stroke: #3899ec; fill: white; stroke-width: 1; pointer-events: auto; cursor: alias; }
|
|
16
|
+
.svg-primary-rotate-line { stroke: #3899ec; fill: #3899ec; stroke-width: 1; }
|
|
17
|
+
.svg-rotate-group-rect { stroke: #3899ec; fill: transparent; stroke-width: 2; stroke-dasharray: 5 3; }
|
|
18
|
+
`;
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=RotateGroupExtensionProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RotateGroupExtensionProvider.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/RotateGroupExtensionProvider.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,EAAE,GAAG,EAAE,MAAM,yCAAyC,CAAC;AAE9D,MAAM,OAAO,4BAA4B;IACvC,YAAY,CAAC,gBAAmC,EAAE,cAA+B,EAAE,UAAuB;QACxG,IAAI,cAAc,CAAC,QAAQ;YACzB,OAAO,KAAK,CAAC;QACf,IAAI,UAAU,CAAC,OAAO,YAAY,UAAU,IAAI,UAAU,CAAC,OAAO,YAAY,mBAAmB;YAC/F,OAAO,KAAK,CAAC;QACf,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC;IAChC,CAAC;IAED,YAAY,CAAC,gBAAmC,EAAE,cAA+B,EAAE,UAAuB;QACxG,OAAO,IAAI,oBAAoB,CAAC,gBAAgB,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC;IAChF,CAAC;IAED,MAAM,CAAU,KAAK,GAAG,GAAG,CAAA;;;;GAI1B,CAAC"}
|
package/dist/elements/widgets/designerView/extensions/grid/DisplayGridExtensionProvider.d.ts
CHANGED
|
@@ -11,5 +11,5 @@ export declare class DisplayGridExtensionProvider implements IDesignerExtensionP
|
|
|
11
11
|
shouldExtend(extensionManager: IExtensionManager, designerCanvas: IDesignerCanvas, designItem: IDesignItem): boolean;
|
|
12
12
|
getExtension(extensionManager: IExtensionManager, designerCanvas: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;
|
|
13
13
|
static readonly style: CSSStyleSheet;
|
|
14
|
-
static readonly svgDefs
|
|
14
|
+
static readonly svgDefs: string;
|
|
15
15
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { css } from "@node-projects/base-custom-webcomponent";
|
|
2
2
|
import { DisplayGridExtension } from './DisplayGridExtension.js';
|
|
3
|
+
import { svgAsString } from '../../../../helper/SvgHelper.js';
|
|
3
4
|
export const gridExtensionShowOverlayOptionName = 'gridExtensionShowOverlay';
|
|
4
5
|
export class DisplayGridExtensionProvider {
|
|
5
6
|
gridColor;
|
|
@@ -25,7 +26,7 @@ export class DisplayGridExtensionProvider {
|
|
|
25
26
|
.svg-grid-header { fill: var(--svg-grid-fill-color); stroke: var(--svg-grid-stroke-color); }
|
|
26
27
|
.svg-grid-plus-sign { stroke: black; }
|
|
27
28
|
`;
|
|
28
|
-
static svgDefs = `
|
|
29
|
+
static svgDefs = svgAsString `
|
|
29
30
|
<pattern id="pattern-stripe-grid"
|
|
30
31
|
width="4" height="4"
|
|
31
32
|
patternUnits="userSpaceOnUse"
|
package/dist/elements/widgets/designerView/extensions/grid/DisplayGridExtensionProvider.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DisplayGridExtensionProvider.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/grid/DisplayGridExtensionProvider.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,GAAG,EAAE,MAAM,yCAAyC,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"DisplayGridExtensionProvider.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/grid/DisplayGridExtensionProvider.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,GAAG,EAAE,MAAM,yCAAyC,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,MAAM,CAAC,MAAM,kCAAkC,GAAG,0BAA0B,CAAC;AAE7E,MAAM,OAAO,4BAA4B;IAEvC,SAAS,CAAS;IAClB,aAAa,CAAS;IAEtB,YAAY,YAAoB,QAAQ,EAAE,aAAa,GAAG,WAAW;QACnE,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;IACrC,CAAC;IAED,YAAY,CAAC,gBAAmC,EAAE,cAA+B,EAAE,UAAuB;QACxG,MAAM,OAAO,GAAG,gBAAgB,CAAe,UAAU,CAAC,OAAQ,CAAC,CAAC,OAAO,CAAC;QAC5E,IAAI,OAAO,IAAI,MAAM,IAAI,OAAO,IAAI,aAAa;YAC/C,OAAO,cAAc,CAAC,wBAAwB,CAAC,aAAa,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,KAAK,KAAK,CAAC;QAC9H,OAAO,KAAK,CAAC;IACf,CAAC;IAED,YAAY,CAAC,gBAAmC,EAAE,cAA+B,EAAE,UAAuB;QACxG,OAAO,IAAI,oBAAoB,CAAC,gBAAgB,EAAE,cAAc,EAAE,UAAU,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACpH,CAAC;IAED,MAAM,CAAU,KAAK,GAAG,GAAG,CAAA;;;;;;;GAO1B,CAAC;IAEF,MAAM,CAAU,OAAO,GAAG,WAAW,CAAA;;;;;;;;;YAS3B,CAAC"}
|