@node-projects/web-component-designer 0.1.198 → 0.1.200
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/elements/helper/ElementHelper.d.ts +1 -1
- package/dist/elements/helper/ElementHelper.js +2 -8
- package/dist/elements/helper/ElementHelper.js.map +1 -1
- package/dist/elements/helper/GridHelper.js +4 -4
- package/dist/elements/helper/GridHelper.js.map +1 -1
- package/dist/elements/helper/TransformHelper.d.ts +0 -12
- package/dist/elements/helper/TransformHelper.js +1 -106
- package/dist/elements/helper/TransformHelper.js.map +1 -1
- package/dist/elements/helper/getBoxQuads.d.ts +48 -0
- package/dist/elements/helper/getBoxQuads.js +383 -0
- package/dist/elements/helper/getBoxQuads.js.map +1 -0
- package/dist/elements/services/multiplayerService/IMultiplayerService.d.ts +16 -0
- package/dist/elements/services/multiplayerService/IMultiplayerService.js +1 -31
- package/dist/elements/services/multiplayerService/IMultiplayerService.js.map +1 -1
- package/dist/elements/services/multiplayerService/MultiplayerService.d.ts +6 -0
- package/dist/elements/services/multiplayerService/MultiplayerService.js +3 -11
- package/dist/elements/services/multiplayerService/MultiplayerService.js.map +1 -1
- package/dist/elements/services/placementService/AbsolutePlacementService.js +4 -10
- package/dist/elements/services/placementService/AbsolutePlacementService.js.map +1 -1
- package/dist/elements/services/placementService/DefaultPlacementService.js +4 -10
- package/dist/elements/services/placementService/DefaultPlacementService.js.map +1 -1
- package/dist/elements/services/propertiesService/services/AttachedPropertiesService.js +1 -1
- package/dist/elements/services/propertiesService/services/AttachedPropertiesService.js.map +1 -1
- package/dist/elements/widgets/designerView/IDesignerCanvas.d.ts +1 -1
- package/dist/elements/widgets/designerView/extensions/AbstractExtensionBase.d.ts +1 -1
- package/dist/elements/widgets/designerView/extensions/AbstractExtensionBase.js +1 -1
- package/dist/elements/widgets/designerView/extensions/AbstractExtensionBase.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/EditText/EditTextExtension.js +4 -4
- package/dist/elements/widgets/designerView/extensions/EditText/EditTextExtension.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/ElementDragTitleExtension.js +17 -17
- package/dist/elements/widgets/designerView/extensions/ElementDragTitleExtension.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/FlexboxExtension.js +2 -2
- package/dist/elements/widgets/designerView/extensions/FlexboxExtension.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/GrayOutDragOverContainerExtension.js +2 -2
- package/dist/elements/widgets/designerView/extensions/GrayOutDragOverContainerExtension.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/GrayOutExtension.js +3 -3
- package/dist/elements/widgets/designerView/extensions/GrayOutExtension.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/HighlightElementExtension.js +3 -3
- package/dist/elements/widgets/designerView/extensions/HighlightElementExtension.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/InvisibleElementExtension.js +3 -3
- package/dist/elements/widgets/designerView/extensions/InvisibleElementExtension.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/MarginExtension.js +7 -7
- package/dist/elements/widgets/designerView/extensions/MarginExtension.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/PaddingExtension.js +7 -7
- package/dist/elements/widgets/designerView/extensions/PaddingExtension.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/PreviousElementSelectExtension.js +6 -6
- package/dist/elements/widgets/designerView/extensions/PreviousElementSelectExtension.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/ResizeExtension.js +13 -12
- package/dist/elements/widgets/designerView/extensions/ResizeExtension.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/RotateExtension.js +7 -6
- package/dist/elements/widgets/designerView/extensions/RotateExtension.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/SelectionDefaultExtension.js +7 -14
- package/dist/elements/widgets/designerView/extensions/SelectionDefaultExtension.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/TransformOriginExtension.js +3 -3
- package/dist/elements/widgets/designerView/extensions/TransformOriginExtension.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/grid/DisplayGridExtension.js +1 -1
- package/dist/elements/widgets/designerView/extensions/grid/DisplayGridExtension.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/grid/EditGridColumnRowSizesExtension.js +1 -1
- package/dist/elements/widgets/designerView/extensions/grid/EditGridColumnRowSizesExtension.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/grid/GridChildResizeExtension.js +12 -12
- package/dist/elements/widgets/designerView/extensions/grid/GridChildResizeExtension.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +1 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultPlacementService.js","sourceRoot":"","sources":["../../../../src/elements/services/placementService/DefaultPlacementService.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,+BAA+B,EAAE,
|
|
1
|
+
{"version":3,"file":"DefaultPlacementService.js","sourceRoot":"","sources":["../../../../src/elements/services/placementService/DefaultPlacementService.ts"],"names":[],"mappings":"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"}
|
|
@@ -13,7 +13,7 @@ export class AttachedPropertiesService extends AbstractPropertiesService {
|
|
|
13
13
|
if (designItem.serviceContainer.attachedPropertyServices) {
|
|
14
14
|
for (let s of designItem.serviceContainer.attachedPropertyServices) {
|
|
15
15
|
if (s.isHandledElement(designItem)) {
|
|
16
|
-
p.push(...
|
|
16
|
+
p.push(...s.getProperties(designItem));
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttachedPropertiesService.js","sourceRoot":"","sources":["../../../../../src/elements/services/propertiesService/services/AttachedPropertiesService.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,MAAM,OAAO,yBAA0B,SAAQ,yBAAyB;IAE/D,IAAI,GAAG,UAAU,CAAA;IAEf,cAAc,CAAC,UAAuB;QAC7C,OAAO,WAAW,CAAC,IAAI,CAAC;IAC1B,CAAC;IAEQ,gBAAgB,CAAC,UAAuB;QAC/C,OAAO,UAAU,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,yBAAyB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC;IAC/H,CAAC;IAEQ,KAAK,CAAC,aAAa,CAAC,UAAuB;QAClD,IAAI,CAAC,GAAmC,EAAE,CAAC;QAC3C,IAAI,UAAU,CAAC,gBAAgB,CAAC,wBAAwB,EAAE,CAAC;YACzD,KAAK,IAAI,CAAC,IAAI,UAAU,CAAC,gBAAgB,CAAC,wBAAwB,EAAE,CAAC;gBACnE,IAAI,CAAC,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAAE,CAAC;oBACnC,CAAC,CAAC,IAAI,CAAC,GAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"AttachedPropertiesService.js","sourceRoot":"","sources":["../../../../../src/elements/services/propertiesService/services/AttachedPropertiesService.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,MAAM,OAAO,yBAA0B,SAAQ,yBAAyB;IAE/D,IAAI,GAAG,UAAU,CAAA;IAEf,cAAc,CAAC,UAAuB;QAC7C,OAAO,WAAW,CAAC,IAAI,CAAC;IAC1B,CAAC;IAEQ,gBAAgB,CAAC,UAAuB;QAC/C,OAAO,UAAU,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,yBAAyB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC;IAC/H,CAAC;IAEQ,KAAK,CAAC,aAAa,CAAC,UAAuB;QAClD,IAAI,CAAC,GAAmC,EAAE,CAAC;QAC3C,IAAI,UAAU,CAAC,gBAAgB,CAAC,wBAAwB,EAAE,CAAC;YACzD,KAAK,IAAI,CAAC,IAAI,UAAU,CAAC,gBAAgB,CAAC,wBAAwB,EAAE,CAAC;gBACnE,IAAI,CAAC,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAAE,CAAC;oBACnC,CAAC,CAAC,IAAI,CAAC,GAAQ,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;gBAC9C,CAAC;YACH,CAAC;QACH,CAAC;QACD,OAAO,CAAC,CAAC;IACX,CAAC;CACF"}
|
|
@@ -11,7 +11,7 @@ import { IRect } from "../../../interfaces/IRect.js";
|
|
|
11
11
|
import { TypedEvent } from "@node-projects/base-custom-webcomponent";
|
|
12
12
|
import { ISize } from "../../../interfaces/ISize.js";
|
|
13
13
|
import { ITool } from "./tools/ITool.js";
|
|
14
|
-
export interface IDesignerCanvas extends IPlacementView, IUiCommandHandler {
|
|
14
|
+
export interface IDesignerCanvas extends IPlacementView, IUiCommandHandler, HTMLElement {
|
|
15
15
|
readonly serviceContainer: ServiceContainer;
|
|
16
16
|
readonly instanceServiceContainer: InstanceServiceContainer;
|
|
17
17
|
readonly containerBoundingRect: DOMRect;
|
|
@@ -22,5 +22,5 @@ export declare abstract class AbstractExtensionBase {
|
|
|
22
22
|
protected _drawText(text: string, x: number, y: number, className?: string, textEl?: SVGTextElement, overlayLayer?: OverlayLayer): SVGTextElement;
|
|
23
23
|
protected _drawHTML(html: string | HTMLElement, x: number, y: number, w: number, h: number, className?: string, htmlObj?: SVGForeignObjectElement, overlayLayer?: OverlayLayer): SVGForeignObjectElement;
|
|
24
24
|
protected _drawTextWithBackground(text: string, x: number, y: number, backgroundColor: string, className?: string, existingEls?: [SVGFilterElement, SVGFEFloodElement, SVGTextElement, SVGTextElement], overlayLayer?: OverlayLayer): [SVGFilterElement, SVGFEFloodElement, SVGTextElement, SVGTextElement];
|
|
25
|
-
protected _drawTransformedRect(points:
|
|
25
|
+
protected _drawTransformedRect(points: DOMQuad, className?: string, path?: SVGPathElement, overlayLayer?: OverlayLayer): SVGPathElement;
|
|
26
26
|
}
|
|
@@ -103,7 +103,7 @@ export class AbstractExtensionBase {
|
|
|
103
103
|
return newEls;
|
|
104
104
|
}
|
|
105
105
|
_drawTransformedRect(points, className, path, overlayLayer) {
|
|
106
|
-
let data = "M" + points
|
|
106
|
+
let data = "M" + points.p1.x + " " + points.p1.y + " L" + points.p2.x + " " + points.p2.y + " L" + points.p3.x + " " + points.p3.y + " L" + points.p4.x + " " + points.p4.y + "Z";
|
|
107
107
|
const newPath = this.overlayLayerView.drawPath(this.constructor.name, data, className, path, overlayLayer);
|
|
108
108
|
if (!path) {
|
|
109
109
|
this.overlays.push(newPath);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AbstractExtensionBase.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/AbstractExtensionBase.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"AbstractExtensionBase.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/AbstractExtensionBase.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { html } from "@node-projects/base-custom-webcomponent";
|
|
2
2
|
import { AbstractExtension } from "../AbstractExtension.js";
|
|
3
3
|
import { OverlayLayer } from "../OverlayLayer.js";
|
|
4
|
-
import { getDesignerCanvasNormalizedTransformedCornerDOMPoints } from "../../../../helper/TransformHelper.js";
|
|
5
4
|
import { shadowrootGetSelection, wrapSelectionInSpans } from "../../../../helper/SelectionHelper.js";
|
|
6
5
|
import { FontPropertyEditor } from "../../../../services/propertiesService/propertyEditors/FontPropertyEditor.js";
|
|
6
|
+
import { getBoxQuads } from "../../../../helper/getBoxQuads.js";
|
|
7
7
|
export class EditTextExtension extends AbstractExtension {
|
|
8
8
|
static template = html `
|
|
9
9
|
<div style="height: 100%; display: flex; gap: 2px; width: 100%;">
|
|
@@ -76,11 +76,11 @@ export class EditTextExtension extends AbstractExtension {
|
|
|
76
76
|
this.refresh();
|
|
77
77
|
}
|
|
78
78
|
refresh() {
|
|
79
|
-
|
|
80
|
-
if (this._valuesHaveChanges(this.designerCanvas.containerBoundingRect.width, this.designerCanvas.containerBoundingRect.height, this.designerCanvas.scaleFactor, p
|
|
79
|
+
const p = getBoxQuads(this.extendedItem.element, { relativeTo: this.designerCanvas.canvas })[0];
|
|
80
|
+
if (this._valuesHaveChanges(this.designerCanvas.containerBoundingRect.width, this.designerCanvas.containerBoundingRect.height, this.designerCanvas.scaleFactor, p.p1.x, p.p1.y, p.p2.x, p.p2.y, p.p3.x, p.p3.y, p.p4.x, p.p4.y)) {
|
|
81
81
|
let outsideRect = { width: this.designerCanvas.containerBoundingRect.width / this.designerCanvas.scaleFactor, height: this.designerCanvas.containerBoundingRect.height / this.designerCanvas.scaleFactor };
|
|
82
82
|
let data = "M0 0 L" + outsideRect.width + " 0 L" + outsideRect.width + ' ' + outsideRect.height + " L0 " + outsideRect.height + " Z ";
|
|
83
|
-
data += "M" + [p
|
|
83
|
+
data += "M" + [p.p1, p.p2, p.p3, p.p4].map(x => x.x + ',' + x.y).join(' ') + 'Z ';
|
|
84
84
|
this._path.setAttribute("d", data);
|
|
85
85
|
}
|
|
86
86
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditTextExtension.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/EditText/EditTextExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAc,MAAM,yCAAyC,CAAC;AAG3E,OAAO,EAAE,iBAAiB,EAAiB,MAAM,yBAAyB,CAAC;AAE3E,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"EditTextExtension.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/EditText/EditTextExtension.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getTextWidth } from '../../../helper/TextHelper.js';
|
|
2
|
-
import {
|
|
2
|
+
import { getBoxQuads } from '../../../helper/getBoxQuads.js';
|
|
3
3
|
import { NamedTools } from "../tools/NamedTools.js";
|
|
4
4
|
import { AbstractExtension } from './AbstractExtension.js';
|
|
5
5
|
const extensionWidth = 60;
|
|
@@ -12,19 +12,19 @@ export class ElementDragTitleExtension extends AbstractExtension {
|
|
|
12
12
|
super(extensionManager, designerView, extendedItem);
|
|
13
13
|
}
|
|
14
14
|
extend(cache, event) {
|
|
15
|
-
const transformedCornerPoints =
|
|
16
|
-
if (!isNaN(transformedCornerPoints
|
|
15
|
+
const transformedCornerPoints = getBoxQuads(this.extendedItem.element, { relativeTo: this.designerCanvas.canvas })[0];
|
|
16
|
+
if (!isNaN(transformedCornerPoints.p1.x)) {
|
|
17
17
|
const boundRect = this.extendedItem.element.getBoundingClientRect();
|
|
18
18
|
let w = getTextWidth(this.extendedItem.name, '10px monospace');
|
|
19
|
-
let elementWidth = Math.sqrt(Math.pow(transformedCornerPoints
|
|
19
|
+
let elementWidth = Math.sqrt(Math.pow(transformedCornerPoints.p2.x - transformedCornerPoints.p1.x, 2) + Math.pow(transformedCornerPoints.p2.y - transformedCornerPoints.p1.y, 2));
|
|
20
20
|
let text = this.extendedItem.name;
|
|
21
21
|
if (this.extendedItem.id)
|
|
22
22
|
text = '#' + this.extendedItem.id;
|
|
23
23
|
this._width = Math.max(Math.min(elementWidth, w), extensionWidth);
|
|
24
|
-
this._rect = this._drawRect(transformedCornerPoints
|
|
25
|
-
this._clickRect = this._drawRect(transformedCornerPoints
|
|
24
|
+
this._rect = this._drawRect(transformedCornerPoints.p1.x, transformedCornerPoints.p1.y, this._width, 15, 'svg-primary-selection-move', this._rect);
|
|
25
|
+
this._clickRect = this._drawRect(transformedCornerPoints.p1.x, transformedCornerPoints.p1.y, this._width, 18, 'svg-invisible', this._clickRect);
|
|
26
26
|
this._clickRect.style.background = 'transparent';
|
|
27
|
-
this._text = this._drawHTML('<div style="position:relative; pointer-events: none;"><span style="width: 100%; position: absolute; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transform-origin: 0 0; padding-left: 2px;">' + text + '</span></div>', (boundRect.x - this.designerCanvas.containerBoundingRect.x) / this.designerCanvas.scaleFactor, transformedCornerPoints
|
|
27
|
+
this._text = this._drawHTML('<div style="position:relative; pointer-events: none;"><span style="width: 100%; position: absolute; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transform-origin: 0 0; padding-left: 2px;">' + text + '</span></div>', (boundRect.x - this.designerCanvas.containerBoundingRect.x) / this.designerCanvas.scaleFactor, transformedCornerPoints.p1.y - 16, this._width, 15, 'svg-text-primary', this._text);
|
|
28
28
|
this._text.style.overflow = 'visible';
|
|
29
29
|
this._clickRect.addEventListener('pointerdown', (e) => this._pointerEvent(e));
|
|
30
30
|
this._clickRect.addEventListener('pointermove', (e) => this._pointerEvent(e));
|
|
@@ -39,28 +39,28 @@ export class ElementDragTitleExtension extends AbstractExtension {
|
|
|
39
39
|
_drawMoveOverlay(itemRect) {
|
|
40
40
|
}
|
|
41
41
|
refresh(cache, event) {
|
|
42
|
-
const transformedCornerPoints =
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
if (this._valuesHaveChanges(transformedCornerPoints
|
|
42
|
+
const transformedCornerPoints = getBoxQuads(this.extendedItem.element, { relativeTo: this.designerCanvas.canvas, offset: new DOMQuad({ x: 0, y: 16 }, { x: 0, y: 16 }) })[0];
|
|
43
|
+
if (!isNaN(transformedCornerPoints.p1.x)) {
|
|
44
|
+
const angle = Math.atan2((transformedCornerPoints.p2.y - transformedCornerPoints.p1.y), (transformedCornerPoints.p2.x - transformedCornerPoints.p1.x)) * 180 / Math.PI;
|
|
45
|
+
if (this._valuesHaveChanges(transformedCornerPoints.p1.x, transformedCornerPoints.p1.y, angle, this.designerCanvas.scaleFactor)) {
|
|
46
46
|
const h = (15 / this.designerCanvas.scaleFactor);
|
|
47
47
|
const w = (this._width / this.designerCanvas.scaleFactor);
|
|
48
|
-
this._rect.setAttribute('x', '' + transformedCornerPoints
|
|
49
|
-
this._rect.setAttribute('y', '' + transformedCornerPoints
|
|
48
|
+
this._rect.setAttribute('x', '' + transformedCornerPoints.p1.x);
|
|
49
|
+
this._rect.setAttribute('y', '' + transformedCornerPoints.p1.y);
|
|
50
50
|
this._rect.style.rotate = angle + 'deg';
|
|
51
51
|
this._rect.style.transformBox = 'fill-box';
|
|
52
52
|
this._rect.setAttribute('height', '' + h);
|
|
53
53
|
this._rect.setAttribute('width', '' + w);
|
|
54
54
|
this._rect.style.strokeWidth = (1 / this.designerCanvas.scaleFactor).toString();
|
|
55
|
-
this._clickRect.setAttribute('x', '' + transformedCornerPoints
|
|
56
|
-
this._clickRect.setAttribute('y', '' + transformedCornerPoints
|
|
55
|
+
this._clickRect.setAttribute('x', '' + transformedCornerPoints.p1.x);
|
|
56
|
+
this._clickRect.setAttribute('y', '' + transformedCornerPoints.p1.y);
|
|
57
57
|
this._clickRect.style.rotate = angle + 'deg';
|
|
58
58
|
this._clickRect.style.transformBox = 'fill-box';
|
|
59
59
|
this._clickRect.setAttribute('height', '' + (h + 3));
|
|
60
60
|
this._clickRect.setAttribute('width', '' + w);
|
|
61
61
|
this._clickRect.style.strokeWidth = (1 / this.designerCanvas.scaleFactor).toString();
|
|
62
|
-
this._text.setAttribute('x', '' + transformedCornerPoints
|
|
63
|
-
this._text.setAttribute('y', '' + transformedCornerPoints
|
|
62
|
+
this._text.setAttribute('x', '' + transformedCornerPoints.p1.x);
|
|
63
|
+
this._text.setAttribute('y', '' + transformedCornerPoints.p1.y);
|
|
64
64
|
this._text.style.fontSize = (10 / this.designerCanvas.scaleFactor) + 'px';
|
|
65
65
|
this._text.setAttribute('height', '' + h);
|
|
66
66
|
this._text.setAttribute('width', '' + w);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ElementDragTitleExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/ElementDragTitleExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ElementDragTitleExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/ElementDragTitleExtension.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { getBoxQuads } from '../../../helper/getBoxQuads.js';
|
|
2
2
|
import { AbstractExtension } from './AbstractExtension.js';
|
|
3
3
|
import { OverlayLayer } from './OverlayLayer.js';
|
|
4
4
|
export class FlexboxExtension extends AbstractExtension {
|
|
@@ -7,7 +7,7 @@ export class FlexboxExtension extends AbstractExtension {
|
|
|
7
7
|
super(extensionManager, designerView, extendedItem);
|
|
8
8
|
}
|
|
9
9
|
extend() {
|
|
10
|
-
|
|
10
|
+
const transformedCornerPoints = getBoxQuads(this.extendedItem.element, { relativeTo: this.designerCanvas.canvas })[0];
|
|
11
11
|
this._path = this._drawTransformedRect(transformedCornerPoints, 'svg-flexbox', this._path, OverlayLayer.Background);
|
|
12
12
|
}
|
|
13
13
|
refresh() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlexboxExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/FlexboxExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FlexboxExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/FlexboxExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,OAAO,gBAAiB,SAAQ,iBAAiB;IAC7C,KAAK,CAAiB;IAE9B,YAAY,gBAAmC,EAAE,YAA6B,EAAE,YAAyB;QACvG,KAAK,CAAC,gBAAgB,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;IACtD,CAAC;IAEQ,MAAM;QACb,MAAM,uBAAuB,GAAG,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACtH,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,oBAAoB,CAAC,uBAAuB,EAAE,aAAa,EAAE,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IACtH,CAAC;IAEQ,OAAO;QACd,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAEQ,OAAO;QACd,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { getBoxQuads } from '../../../helper/getBoxQuads.js';
|
|
2
2
|
import { AbstractExtension } from './AbstractExtension.js';
|
|
3
3
|
import { OverlayLayer } from "./OverlayLayer.js";
|
|
4
4
|
export class GrayOutDragOverContainerExtension extends AbstractExtension {
|
|
@@ -10,7 +10,7 @@ export class GrayOutDragOverContainerExtension extends AbstractExtension {
|
|
|
10
10
|
this.refresh();
|
|
11
11
|
}
|
|
12
12
|
refresh() {
|
|
13
|
-
|
|
13
|
+
const transformedCornerPoints = getBoxQuads(this.extendedItem.element, { relativeTo: this.designerCanvas.canvas })[0];
|
|
14
14
|
this._rect = this._drawTransformedRect(transformedCornerPoints, 'svg-rect-enter-container', this._rect, OverlayLayer.Background);
|
|
15
15
|
}
|
|
16
16
|
dispose() {
|
package/dist/elements/widgets/designerView/extensions/GrayOutDragOverContainerExtension.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GrayOutDragOverContainerExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/GrayOutDragOverContainerExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"GrayOutDragOverContainerExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/GrayOutDragOverContainerExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,OAAO,iCAAkC,SAAQ,iBAAiB;IAE9D,KAAK,CAAiB;IAE9B,YAAY,gBAAmC,EAAE,YAA6B,EAAE,YAAyB;QACvG,KAAK,CAAC,gBAAgB,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;IACtD,CAAC;IAEQ,MAAM;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAEQ,OAAO;QACd,MAAM,uBAAuB,GAAG,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACtH,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,oBAAoB,CAAC,uBAAuB,EAAE,0BAA0B,EAAE,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IACnI,CAAC;IAEQ,OAAO;QACd,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { getBoxQuads } from '../../../helper/getBoxQuads.js';
|
|
2
2
|
import { AbstractExtension } from './AbstractExtension.js';
|
|
3
3
|
import { OverlayLayer } from "./OverlayLayer.js";
|
|
4
4
|
export class GrayOutExtension extends AbstractExtension {
|
|
@@ -16,10 +16,10 @@ export class GrayOutExtension extends AbstractExtension {
|
|
|
16
16
|
this._path.setAttribute('fill-rule', 'evenodd');
|
|
17
17
|
this._addOverlay(this._path, OverlayLayer.Background);
|
|
18
18
|
}
|
|
19
|
-
|
|
19
|
+
const p = getBoxQuads(this.extendedItem.element, { relativeTo: this.designerCanvas.canvas })[0];
|
|
20
20
|
let outsideRect = { width: this.designerCanvas.containerBoundingRect.width / this.designerCanvas.scaleFactor, height: this.designerCanvas.containerBoundingRect.height / this.designerCanvas.scaleFactor };
|
|
21
21
|
let data = "M0 0 L" + outsideRect.width + " 0 L" + outsideRect.width + ' ' + outsideRect.height + " L0 " + outsideRect.height + " Z ";
|
|
22
|
-
data += "M" +
|
|
22
|
+
data += "M" + p.p1.x + " " + p.p1.y + " L" + p.p2.x + " " + p.p2.y + " L" + p.p3.x + " " + p.p3.y + " L" + p.p4.x + " " + p.p4.y + " Z";
|
|
23
23
|
this._path.setAttribute("d", data);
|
|
24
24
|
}
|
|
25
25
|
dispose() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GrayOutExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/GrayOutExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"GrayOutExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/GrayOutExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,OAAO,gBAAiB,SAAQ,iBAAiB;IAE7C,KAAK,CAAiB;IAE9B,YAAY,gBAAmC,EAAE,YAA6B,EAAE,YAAyB;QACvG,KAAK,CAAC,gBAAgB,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;IACtD,CAAC;IAEQ,MAAM;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAEQ,OAAO;QACd,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,MAAM,CAAC,CAAC;YAC5E,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;YACjD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;YAChD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;QACxD,CAAC;QAED,MAAM,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAChG,IAAI,WAAW,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,qBAAqB,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,qBAAqB,CAAC,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC;QAC3M,IAAI,IAAI,GAAG,QAAQ,GAAG,WAAW,CAAC,KAAK,GAAG,MAAM,GAAG,WAAW,CAAC,KAAK,GAAG,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,MAAM,GAAG,WAAW,CAAC,MAAM,GAAG,KAAK,CAAC;QACtI,IAAI,IAAI,GAAG,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;QACxI,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IACrC,CAAC;IAEQ,OAAO;QACd,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACpB,CAAC;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { getBoxQuads } from '../../../helper/getBoxQuads.js';
|
|
2
2
|
import { AbstractExtension } from './AbstractExtension.js';
|
|
3
3
|
import { OverlayLayer } from './OverlayLayer.js';
|
|
4
4
|
const offset = 3;
|
|
@@ -11,8 +11,8 @@ export class HighlightElementExtension extends AbstractExtension {
|
|
|
11
11
|
this.refresh();
|
|
12
12
|
}
|
|
13
13
|
refresh() {
|
|
14
|
-
|
|
15
|
-
if (!isNaN(transformedCornerPoints
|
|
14
|
+
const transformedCornerPoints = getBoxQuads(this.extendedItem.element, { relativeTo: this.designerCanvas.canvas, offset: new DOMQuad({ x: offset, y: offset }) })[0];
|
|
15
|
+
if (!isNaN(transformedCornerPoints.p1.x)) {
|
|
16
16
|
this._rect = this._drawTransformedRect(transformedCornerPoints, 'svg-hover', this._rect, OverlayLayer.Background);
|
|
17
17
|
this._rect.style.strokeWidth = (2 / this.designerCanvas.zoomFactor).toString();
|
|
18
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HighlightElementExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/HighlightElementExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"HighlightElementExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/HighlightElementExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,MAAM,GAAG,CAAC,CAAC;AAEjB,MAAM,OAAO,yBAA0B,SAAQ,iBAAiB;IAEtD,KAAK,CAAiB;IAE9B,YAAY,gBAAmC,EAAE,YAA6B,EAAE,YAAyB;QACvG,KAAK,CAAC,gBAAgB,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;IACtD,CAAC;IAEQ,MAAM;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAEQ,OAAO;QACd,MAAM,uBAAuB,GAAG,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,OAAO,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACrK,IAAI,CAAC,KAAK,CAAC,uBAAuB,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YACzC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,oBAAoB,CAAC,uBAAuB,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;YAClH,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,CAAC;QACjF,CAAC;IACH,CAAC;IAEQ,OAAO;QACd,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { getBoxQuads } from '../../../helper/getBoxQuads.js';
|
|
2
2
|
import { AbstractExtension } from './AbstractExtension.js';
|
|
3
3
|
import { OverlayLayer } from "./OverlayLayer.js";
|
|
4
4
|
export class InvisibleElementExtension extends AbstractExtension {
|
|
@@ -10,8 +10,8 @@ export class InvisibleElementExtension extends AbstractExtension {
|
|
|
10
10
|
this.refresh(cache, event);
|
|
11
11
|
}
|
|
12
12
|
refresh(cache, event) {
|
|
13
|
-
const t =
|
|
14
|
-
if (this._valuesHaveChanges(t
|
|
13
|
+
const t = getBoxQuads(this.extendedItem.element, { relativeTo: this.designerCanvas.canvas })[0];
|
|
14
|
+
if (this._valuesHaveChanges(t.p1.x, t.p1.y, t.p2.x, t.p2.y, t.p3.x, t.p3.y, t.p4.x, t.p4.y)) {
|
|
15
15
|
this._rect = this._drawTransformedRect(t, 'svg-invisible-div', this._rect, OverlayLayer.Background);
|
|
16
16
|
}
|
|
17
17
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InvisibleElementExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/InvisibleElementExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"InvisibleElementExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/InvisibleElementExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,OAAO,yBAA0B,SAAQ,iBAAiB;IACtD,KAAK,CAAiB;IAE9B,YAAY,gBAAmC,EAAE,cAA+B,EAAE,YAAyB;QACzG,KAAK,CAAC,gBAAgB,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC;IACxD,CAAC;IAEQ,MAAM,CAAC,KAAmC,EAAE,KAAa;QAChE,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC7B,CAAC;IAEQ,OAAO,CAAC,KAAmC,EAAE,KAAa;QACjE,MAAM,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,EAAC,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9F,IAAI,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5F,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC,EAAE,mBAAmB,EAAE,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;QACtG,CAAC;IACH,CAAC;IAEQ,OAAO;QACd,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { getBoxQuads } from '../../../helper/getBoxQuads.js';
|
|
2
2
|
import { AbstractExtension } from './AbstractExtension.js';
|
|
3
3
|
import { OverlayLayer } from './OverlayLayer.js';
|
|
4
4
|
export class MarginExtension extends AbstractExtension {
|
|
@@ -17,12 +17,12 @@ export class MarginExtension extends AbstractExtension {
|
|
|
17
17
|
const right = Number.parseFloat(computedStyle.marginRight.replace('px', ''));
|
|
18
18
|
const bottom = Number.parseFloat(computedStyle.marginBottom.replace('px', ''));
|
|
19
19
|
if (!isNaN(left) && !isNaN(top) && !isNaN(right) && !isNaN(bottom)) {
|
|
20
|
-
const p =
|
|
21
|
-
if (!isNaN(p
|
|
22
|
-
if (this._valuesHaveChanges(left, top, right, bottom, p
|
|
23
|
-
const p2 =
|
|
24
|
-
let d = "M" + [p
|
|
25
|
-
d += "M" + [p2
|
|
20
|
+
const p = getBoxQuads(this.extendedItem.element, { box: 'border', relativeTo: this.designerCanvas.canvas })[0];
|
|
21
|
+
if (!isNaN(p.p1.x)) {
|
|
22
|
+
if (this._valuesHaveChanges(left, top, right, bottom, p.p1.x, p.p1.y, p.p2.x, p.p2.y, p.p3.x, p.p3.y, p.p4.x, p.p4.y)) {
|
|
23
|
+
const p2 = getBoxQuads(this.extendedItem.element, { box: 'margin', relativeTo: this.designerCanvas.canvas })[0];
|
|
24
|
+
let d = "M" + [p.p1, p.p2, p.p3, p.p4].map(x => x.x + ',' + x.y).join(' ') + 'Z ';
|
|
25
|
+
d += "M" + [p2.p1, p2.p2, p2.p3, p2.p4].map(x => x.x + ',' + x.y).join(' ') + 'Z ';
|
|
26
26
|
this._path = this._drawPath(d, 'svg-margin', this._path, OverlayLayer.Background);
|
|
27
27
|
}
|
|
28
28
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarginExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/MarginExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"MarginExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/MarginExtension.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { getBoxQuads } from '../../../helper/getBoxQuads.js';
|
|
2
2
|
import { AbstractExtension } from './AbstractExtension.js';
|
|
3
3
|
import { OverlayLayer } from './OverlayLayer.js';
|
|
4
4
|
export class PaddingExtension extends AbstractExtension {
|
|
@@ -21,12 +21,12 @@ export class PaddingExtension extends AbstractExtension {
|
|
|
21
21
|
right += Number.parseFloat(computedStyle.borderRightWidth.replace('px', ''));
|
|
22
22
|
bottom += Number.parseFloat(computedStyle.borderBottomWidth.replace('px', ''));
|
|
23
23
|
if (!isNaN(left) && !isNaN(top) && !isNaN(right) && !isNaN(bottom)) {
|
|
24
|
-
const p =
|
|
25
|
-
if (!isNaN(p
|
|
26
|
-
if (this._valuesHaveChanges(left, top, right, bottom, p
|
|
27
|
-
const p2 =
|
|
28
|
-
let d = "M" + [p
|
|
29
|
-
d += "M" + [p2
|
|
24
|
+
const p = getBoxQuads(this.extendedItem.element, { box: 'border', relativeTo: this.designerCanvas.canvas })[0];
|
|
25
|
+
if (!isNaN(p.p1.x)) {
|
|
26
|
+
if (this._valuesHaveChanges(left, top, right, bottom, p.p1.x, p.p1.y, p.p2.x, p.p2.y, p.p3.x, p.p3.y, p.p4.x, p.p4.y)) {
|
|
27
|
+
const p2 = getBoxQuads(this.extendedItem.element, { box: 'content', relativeTo: this.designerCanvas.canvas })[0];
|
|
28
|
+
let d = "M" + [p.p1, p.p2, p.p3, p.p4].map(x => x.x + ',' + x.y).join(' ') + 'Z ';
|
|
29
|
+
d += "M" + [p2.p1, p2.p2, p2.p3, p2.p4].map(x => x.x + ',' + x.y).join(' ') + 'Z ';
|
|
30
30
|
this._path = this._drawPath(d, 'svg-padding', this._path, OverlayLayer.Background);
|
|
31
31
|
}
|
|
32
32
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaddingExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/PaddingExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"PaddingExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/PaddingExtension.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { getBoxQuads } from '../../../helper/getBoxQuads.js';
|
|
2
2
|
import { AbstractExtension } from './AbstractExtension.js';
|
|
3
3
|
export class PreviousElementSelectExtension extends AbstractExtension {
|
|
4
4
|
constructor(extensionManager, designerView, extendedItem) {
|
|
@@ -12,10 +12,10 @@ export class PreviousElementSelectExtension extends AbstractExtension {
|
|
|
12
12
|
this.refresh(cache, event);
|
|
13
13
|
}
|
|
14
14
|
refresh(cache, event) {
|
|
15
|
-
const transformedCornerPoints =
|
|
16
|
-
if (!isNaN(transformedCornerPoints
|
|
17
|
-
if (this._valuesHaveChanges(transformedCornerPoints
|
|
18
|
-
const angle = Math.atan2((transformedCornerPoints
|
|
15
|
+
const transformedCornerPoints = getBoxQuads(this.extendedItem.element, { box: 'border', relativeTo: this.designerCanvas.canvas })[0];
|
|
16
|
+
if (!isNaN(transformedCornerPoints.p2.x)) {
|
|
17
|
+
if (this._valuesHaveChanges(transformedCornerPoints.p1.x, transformedCornerPoints.p1.y, transformedCornerPoints.p2.x, transformedCornerPoints.p2.y, this.designerCanvas.scaleFactor)) {
|
|
18
|
+
const angle = Math.atan2((transformedCornerPoints.p2.y - transformedCornerPoints.p1.y), (transformedCornerPoints.p2.x - transformedCornerPoints.p1.x)) * 180 / Math.PI;
|
|
19
19
|
const h = (16 / this.designerCanvas.scaleFactor);
|
|
20
20
|
this._rect = this._drawRect(0, 0, h, h, 'svg-previous-select', this._rect);
|
|
21
21
|
this._clickRect = this._drawRect(0, 0, h, h + 3, 'svg-invisible', this._clickRect);
|
|
@@ -39,7 +39,7 @@ export class PreviousElementSelectExtension extends AbstractExtension {
|
|
|
39
39
|
this._g.appendChild(this._clickRect);
|
|
40
40
|
}
|
|
41
41
|
this._path.style.scale = (0.6 / this.designerCanvas.scaleFactor).toString();
|
|
42
|
-
this._g.style.transform = 'translate(' + (transformedCornerPoints
|
|
42
|
+
this._g.style.transform = 'translate(' + (transformedCornerPoints.p2.x - (14.5 / this.designerCanvas.scaleFactor)) + 'px,' + (transformedCornerPoints.p2.y - (15.5 / this.designerCanvas.scaleFactor)) + 'px) rotate(' + angle + 'deg)';
|
|
43
43
|
this._g.style.transformOrigin = '100% 100%';
|
|
44
44
|
this._g.style.transformBox = 'fill-box';
|
|
45
45
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreviousElementSelectExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/PreviousElementSelectExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"PreviousElementSelectExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/PreviousElementSelectExtension.ts"],"names":[],"mappings":"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"}
|