@node-projects/web-component-designer 0.2.4 → 0.2.5
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/item/DesignItem.d.ts +1 -1
- package/dist/elements/services/propertiesService/DefaultEditorTypesService.js +4 -4
- package/dist/elements/services/propertiesService/DefaultEditorTypesService.js.map +1 -1
- package/dist/elements/services/propertiesService/PropertyGroupsService.js +1 -2
- package/dist/elements/services/propertiesService/PropertyGroupsService.js.map +1 -1
- package/dist/elements/services/propertiesService/propertyEditors/{CssNumericPropertyEditor.d.ts → UnitPropertyEditor.d.ts} +1 -1
- package/dist/elements/services/propertiesService/propertyEditors/{CssNumericPropertyEditor.js → UnitPropertyEditor.js} +3 -3
- package/dist/elements/services/propertiesService/propertyEditors/UnitPropertyEditor.js.map +1 -0
- package/dist/elements/services/propertiesService/propertyEditors/UnitPropertyEditorConfig.d.ts +30 -0
- package/dist/elements/services/propertiesService/propertyEditors/{CssNumericPropertyEditorConfig.js → UnitPropertyEditorConfig.js} +34 -91
- package/dist/elements/services/propertiesService/propertyEditors/UnitPropertyEditorConfig.js.map +1 -0
- package/dist/elements/services/propertiesService/services/AbstractCssPropertiesService.js +1 -1
- package/dist/elements/services/propertiesService/services/AbstractCssPropertiesService.js.map +1 -1
- package/dist/elements/services/propertiesService/services/CssCurrentPropertiesService.d.ts +0 -1
- package/dist/elements/services/propertiesService/services/CssCurrentPropertiesService.js +3 -7
- package/dist/elements/services/propertiesService/services/CssCurrentPropertiesService.js.map +1 -1
- package/dist/elements/services/propertiesService/services/CssProperties.json +107 -33
- package/dist/elements/services/propertiesService/services/CssPropertiesService.d.ts +3 -0
- package/dist/elements/services/propertiesService/services/CssPropertiesService.js +12 -2
- package/dist/elements/services/propertiesService/services/CssPropertiesService.js.map +1 -1
- package/dist/elements/services/propertiesService/services/SVGElementsPropertiesService.d.ts +2 -0
- package/dist/elements/services/propertiesService/services/SVGElementsPropertiesService.js +39 -41
- package/dist/elements/services/propertiesService/services/SVGElementsPropertiesService.js.map +1 -1
- package/dist/elements/widgets/designerView/DomConverter.d.ts +1 -1
- package/dist/index-min.js +7 -7
- package/dist/index-min.js.map +4 -4
- package/dist/index.d.ts +1 -4
- package/dist/index.js +1 -4
- package/dist/index.js.map +1 -1
- package/jest.config.js +3 -0
- package/package.json +1 -1
- package/dist/basepath.d.ts +0 -2
- package/dist/basepath.js +0 -2
- package/dist/basepath.js.map +0 -1
- package/dist/elements/controls/NumericPopup.d.ts +0 -6
- package/dist/elements/controls/NumericPopup.js +0 -40
- package/dist/elements/controls/NumericPopup.js.map +0 -1
- package/dist/elements/helper/DesignItem.d.ts +0 -11
- package/dist/elements/helper/DesignItem.js +0 -67
- package/dist/elements/helper/DesignItem.js.map +0 -1
- package/dist/elements/helper/Screenshot copy.d.ts +0 -11
- package/dist/elements/helper/Screenshot copy.js +0 -67
- package/dist/elements/helper/Screenshot copy.js.map +0 -1
- package/dist/elements/services/collaborationService/DefaultCollaborationService.d.ts +0 -45
- package/dist/elements/services/collaborationService/DefaultCollaborationService.js +0 -298
- package/dist/elements/services/collaborationService/DefaultCollaborationService.js.map +0 -1
- package/dist/elements/services/collaborationService/WebRtcTabCollaborationTransport.d.ts +0 -95
- package/dist/elements/services/collaborationService/WebRtcTabCollaborationTransport.js +0 -571
- package/dist/elements/services/collaborationService/WebRtcTabCollaborationTransport.js.map +0 -1
- package/dist/elements/services/contentService/ContentService.d.ts +0 -9
- package/dist/elements/services/contentService/ContentService.js +0 -9
- package/dist/elements/services/contentService/ContentService.js.map +0 -1
- package/dist/elements/services/contentService/IContentChanged.d.ts +0 -10
- package/dist/elements/services/contentService/IContentChanged.js +0 -12
- package/dist/elements/services/contentService/IContentChanged.js.map +0 -1
- package/dist/elements/services/contentService/IContentService.d.ts +0 -7
- package/dist/elements/services/contentService/IContentService.js +0 -2
- package/dist/elements/services/contentService/IContentService.js.map +0 -1
- package/dist/elements/services/htmlWriterService/LitTsElementWriterService.d.ts +0 -10
- package/dist/elements/services/htmlWriterService/LitTsElementWriterService.js +0 -53
- package/dist/elements/services/htmlWriterService/LitTsElementWriterService.js.map +0 -1
- package/dist/elements/services/miniatureViewService/IMinatureViewService copy.d.ts +0 -2
- package/dist/elements/services/miniatureViewService/IMinatureViewService copy.js +0 -2
- package/dist/elements/services/miniatureViewService/IMinatureViewService copy.js.map +0 -1
- package/dist/elements/services/miniatureViewService/IMinatureViewService.d.ts +0 -4
- package/dist/elements/services/miniatureViewService/IMinatureViewService.js +0 -2
- package/dist/elements/services/miniatureViewService/IMinatureViewService.js.map +0 -1
- package/dist/elements/services/miniatureViewService/MinatureViewService.d.ts +0 -5
- package/dist/elements/services/miniatureViewService/MinatureViewService.js +0 -10
- package/dist/elements/services/miniatureViewService/MinatureViewService.js.map +0 -1
- package/dist/elements/services/popupService/IPopupService.d.ts +0 -16
- package/dist/elements/services/popupService/IPopupService.js +0 -2
- package/dist/elements/services/popupService/IPopupService.js.map +0 -1
- package/dist/elements/services/popupService/PopupService.d.ts +0 -9
- package/dist/elements/services/popupService/PopupService.js +0 -21
- package/dist/elements/services/popupService/PopupService.js.map +0 -1
- package/dist/elements/services/propertiesService/propertyEditors/CssLengthPropertyEditor.d.ts +0 -1
- package/dist/elements/services/propertiesService/propertyEditors/CssLengthPropertyEditor.js +0 -2
- package/dist/elements/services/propertiesService/propertyEditors/CssLengthPropertyEditor.js.map +0 -1
- package/dist/elements/services/propertiesService/propertyEditors/CssLengthPropertyEditorConfig.d.ts +0 -3
- package/dist/elements/services/propertiesService/propertyEditors/CssLengthPropertyEditorConfig.js +0 -4
- package/dist/elements/services/propertiesService/propertyEditors/CssLengthPropertyEditorConfig.js.map +0 -1
- package/dist/elements/services/propertiesService/propertyEditors/CssNumericPropertyEditor.js.map +0 -1
- package/dist/elements/services/propertiesService/propertyEditors/CssNumericPropertyEditorConfig.d.ts +0 -30
- package/dist/elements/services/propertiesService/propertyEditors/CssNumericPropertyEditorConfig.js.map +0 -1
- package/dist/elements/services/propertiesService/propertyEditors/NumberPropertyEditor copy.d.ts +0 -7
- package/dist/elements/services/propertiesService/propertyEditors/NumberPropertyEditor copy.js +0 -19
- package/dist/elements/services/propertiesService/propertyEditors/NumberPropertyEditor copy.js.map +0 -1
- package/dist/elements/services/undoService/transactionItems/AttributeChangeAction copy.d.ts +0 -15
- package/dist/elements/services/undoService/transactionItems/AttributeChangeAction copy.js +0 -75
- package/dist/elements/services/undoService/transactionItems/AttributeChangeAction copy.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/CollaborationCursorOverlayExtension.d.ts +0 -11
- package/dist/elements/widgets/designerView/extensions/CollaborationCursorOverlayExtension.js +0 -72
- package/dist/elements/widgets/designerView/extensions/CollaborationCursorOverlayExtension.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/CollaborationCursorOverlayExtensionProvider.d.ts +0 -10
- package/dist/elements/widgets/designerView/extensions/CollaborationCursorOverlayExtensionProvider.js +0 -22
- package/dist/elements/widgets/designerView/extensions/CollaborationCursorOverlayExtensionProvider.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/CollaborationOverlayExtension.d.ts +0 -10
- package/dist/elements/widgets/designerView/extensions/CollaborationOverlayExtension.js +0 -116
- package/dist/elements/widgets/designerView/extensions/CollaborationOverlayExtension.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/CollaborationOverlayExtensionProvider.d.ts +0 -10
- package/dist/elements/widgets/designerView/extensions/CollaborationOverlayExtensionProvider.js +0 -31
- package/dist/elements/widgets/designerView/extensions/CollaborationOverlayExtensionProvider.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/FlexboxExtension.d.ts +0 -11
- package/dist/elements/widgets/designerView/extensions/FlexboxExtension.js +0 -20
- package/dist/elements/widgets/designerView/extensions/FlexboxExtension.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/FlexboxExtensionProvider.d.ts +0 -11
- package/dist/elements/widgets/designerView/extensions/FlexboxExtensionProvider.js +0 -18
- package/dist/elements/widgets/designerView/extensions/FlexboxExtensionProvider.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/ProjectiveTransformExtension.d.ts +0 -33
- package/dist/elements/widgets/designerView/extensions/ProjectiveTransformExtension.js +0 -337
- package/dist/elements/widgets/designerView/extensions/ProjectiveTransformExtension.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/ProjectiveTransformExtensionProvider.d.ts +0 -10
- package/dist/elements/widgets/designerView/extensions/ProjectiveTransformExtensionProvider.js +0 -22
- package/dist/elements/widgets/designerView/extensions/ProjectiveTransformExtensionProvider.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/QuadEdgeHandleHelper.d.ts +0 -5
- package/dist/elements/widgets/designerView/extensions/QuadEdgeHandleHelper.js +0 -42
- package/dist/elements/widgets/designerView/extensions/QuadEdgeHandleHelper.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/RotateExtension.d.ts +0 -16
- package/dist/elements/widgets/designerView/extensions/RotateExtension.js +0 -109
- package/dist/elements/widgets/designerView/extensions/RotateExtension.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/RotateExtensionProvider.d.ts +0 -12
- package/dist/elements/widgets/designerView/extensions/RotateExtensionProvider.js +0 -25
- package/dist/elements/widgets/designerView/extensions/RotateExtensionProvider.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/RotateGroupExtension.d.ts +0 -29
- package/dist/elements/widgets/designerView/extensions/RotateGroupExtension.js +0 -229
- package/dist/elements/widgets/designerView/extensions/RotateGroupExtension.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/RotateGroupExtensionProvider.d.ts +0 -10
- package/dist/elements/widgets/designerView/extensions/RotateGroupExtensionProvider.js +0 -20
- package/dist/elements/widgets/designerView/extensions/RotateGroupExtensionProvider.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/SkewExtension.d.ts +0 -30
- package/dist/elements/widgets/designerView/extensions/SkewExtension.js +0 -291
- package/dist/elements/widgets/designerView/extensions/SkewExtension.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/SkewExtensionProvider.d.ts +0 -10
- package/dist/elements/widgets/designerView/extensions/SkewExtensionProvider.js +0 -20
- package/dist/elements/widgets/designerView/extensions/SkewExtensionProvider.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/TransformOriginExtension.d.ts +0 -16
- package/dist/elements/widgets/designerView/extensions/TransformOriginExtension.js +0 -120
- package/dist/elements/widgets/designerView/extensions/TransformOriginExtension.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/TransformOriginExtensionProvider.d.ts +0 -12
- package/dist/elements/widgets/designerView/extensions/TransformOriginExtensionProvider.js +0 -34
- package/dist/elements/widgets/designerView/extensions/TransformOriginExtensionProvider.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/contextMenu/ChildContextMenu copy.d.ts +0 -11
- package/dist/elements/widgets/designerView/extensions/contextMenu/ChildContextMenu copy.js +0 -16
- package/dist/elements/widgets/designerView/extensions/contextMenu/ChildContextMenu copy.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/contextMenu/CollaborationCommentsContextMenu.d.ts +0 -9
- package/dist/elements/widgets/designerView/extensions/contextMenu/CollaborationCommentsContextMenu.js +0 -72
- package/dist/elements/widgets/designerView/extensions/contextMenu/CollaborationCommentsContextMenu.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/svg/EllipsisExtension.d.ts +0 -43
- package/dist/elements/widgets/designerView/extensions/svg/EllipsisExtension.js +0 -187
- package/dist/elements/widgets/designerView/extensions/svg/EllipsisExtension.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/svg/EllipsisExtensionProvider.d.ts +0 -9
- package/dist/elements/widgets/designerView/extensions/svg/EllipsisExtensionProvider.js +0 -14
- package/dist/elements/widgets/designerView/extensions/svg/EllipsisExtensionProvider.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/svg/LineExtension.d.ts +0 -32
- package/dist/elements/widgets/designerView/extensions/svg/LineExtension.js +0 -148
- package/dist/elements/widgets/designerView/extensions/svg/LineExtension.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/svg/LineExtensionProvider.d.ts +0 -9
- package/dist/elements/widgets/designerView/extensions/svg/LineExtensionProvider.js +0 -15
- package/dist/elements/widgets/designerView/extensions/svg/LineExtensionProvider.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/svg/PathExtension.d.ts +0 -31
- package/dist/elements/widgets/designerView/extensions/svg/PathExtension.js +0 -330
- package/dist/elements/widgets/designerView/extensions/svg/PathExtension.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/svg/PathExtensionProvider.d.ts +0 -9
- package/dist/elements/widgets/designerView/extensions/svg/PathExtensionProvider.js +0 -15
- package/dist/elements/widgets/designerView/extensions/svg/PathExtensionProvider.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/svg/RectExtension.d.ts +0 -49
- package/dist/elements/widgets/designerView/extensions/svg/RectExtension.js +0 -215
- package/dist/elements/widgets/designerView/extensions/svg/RectExtension.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/svg/RectExtensionProvider.d.ts +0 -9
- package/dist/elements/widgets/designerView/extensions/svg/RectExtensionProvider.js +0 -15
- package/dist/elements/widgets/designerView/extensions/svg/RectExtensionProvider.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/svg/SvgElementExtension.d.ts +0 -26
- package/dist/elements/widgets/designerView/extensions/svg/SvgElementExtension.js +0 -145
- package/dist/elements/widgets/designerView/extensions/svg/SvgElementExtension.js.map +0 -1
- package/dist/elements/widgets/designerView/extensions/svg/SvgElementExtensionProvider.d.ts +0 -9
- package/dist/elements/widgets/designerView/extensions/svg/SvgElementExtensionProvider.js +0 -17
- package/dist/elements/widgets/designerView/extensions/svg/SvgElementExtensionProvider.js.map +0 -1
- package/dist/elements/widgets/miniatureView/FirefoxElementMiniatiureView.d.ts +0 -9
- package/dist/elements/widgets/miniatureView/FirefoxElementMiniatiureView.js +0 -19
- package/dist/elements/widgets/miniatureView/FirefoxElementMiniatiureView.js.map +0 -1
- package/dist/elements/widgets/miniatureView/miniature-view.d.ts +0 -33
- package/dist/elements/widgets/miniatureView/miniature-view.js +0 -178
- package/dist/elements/widgets/miniatureView/miniature-view.js.map +0 -1
- package/dist/elements/widgets/propertyGrid/PropertyGridMutationHandling.d.ts +0 -5
- package/dist/elements/widgets/propertyGrid/PropertyGridMutationHandling.js +0 -13
- package/dist/elements/widgets/propertyGrid/PropertyGridMutationHandling.js.map +0 -1
- package/dist/elements/widgets/propertyGrid/PropertyGridPropertyStructureSignature.d.ts +0 -4
- package/dist/elements/widgets/propertyGrid/PropertyGridPropertyStructureSignature.js +0 -31
- package/dist/elements/widgets/propertyGrid/PropertyGridPropertyStructureSignature.js.map +0 -1
|
@@ -1,20 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,30 +0,0 @@
|
|
|
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
|
-
}
|
|
@@ -1,291 +0,0 @@
|
|
|
1
|
-
import { hasCommandKey } from '../../../helper/KeyboardHelper.js';
|
|
2
|
-
import { roundValue } from '../../../helper/LayoutHelper.js';
|
|
3
|
-
import { getElementSize } from '../../../helper/getBoxQuads.js';
|
|
4
|
-
import { AbstractExtension } from './AbstractExtension.js';
|
|
5
|
-
import { getEdgeOffsetPoint, getQuadCenter } from '../../../helper/QuadEdgeHandleHelper.js';
|
|
6
|
-
export class SkewExtension extends AbstractExtension {
|
|
7
|
-
_skewXLine;
|
|
8
|
-
_skewYLine;
|
|
9
|
-
_skewXCircle;
|
|
10
|
-
_skewYCircle;
|
|
11
|
-
_skewXReferencePoint = { x: 0, y: 0 };
|
|
12
|
-
_skewYReferencePoint = { x: 0, y: 0 };
|
|
13
|
-
_activeAxis = null;
|
|
14
|
-
_baseTransform = '';
|
|
15
|
-
_skewX = 0;
|
|
16
|
-
_skewY = 0;
|
|
17
|
-
constructor(extensionManager, designerView, extendedItem) {
|
|
18
|
-
super(extensionManager, designerView, extendedItem);
|
|
19
|
-
}
|
|
20
|
-
extend(cache, event) {
|
|
21
|
-
this.refresh(cache, event);
|
|
22
|
-
}
|
|
23
|
-
refresh(cache, event) {
|
|
24
|
-
const quad = this.extendedItem.element.getBoxQuads({ box: 'border', relativeTo: this.designerCanvas.canvas })[0];
|
|
25
|
-
if (!quad) {
|
|
26
|
-
return;
|
|
27
|
-
}
|
|
28
|
-
const points = [quad.p1, quad.p2, quad.p3, quad.p4];
|
|
29
|
-
if (points.some(point => !Number.isFinite(point.x) || !Number.isFinite(point.y))) {
|
|
30
|
-
this.remove();
|
|
31
|
-
return;
|
|
32
|
-
}
|
|
33
|
-
const zoomFactor = this.designerCanvas.zoomFactor;
|
|
34
|
-
if (!this._valuesHaveChanges(zoomFactor, ...points.flatMap(point => [point.x, point.y]))) {
|
|
35
|
-
return;
|
|
36
|
-
}
|
|
37
|
-
const quadCenter = getQuadCenter(quad);
|
|
38
|
-
const skewXHandleCanvas = getEdgeOffsetPoint(quad.p1, quad.p2, quadCenter, 56 / zoomFactor, { x: 0, y: -1 });
|
|
39
|
-
const skewXLineStartCanvas = getEdgeOffsetPoint(quad.p1, quad.p2, quadCenter, 48 / zoomFactor, { x: 0, y: -1 });
|
|
40
|
-
const skewXLineEndCanvas = getEdgeOffsetPoint(quad.p1, quad.p2, quadCenter, 38 / zoomFactor, { x: 0, y: -1 });
|
|
41
|
-
const skewYHandleCanvas = getEdgeOffsetPoint(quad.p2, quad.p3, quadCenter, 30 / zoomFactor, { x: 1, y: 0 });
|
|
42
|
-
const skewYLineStartCanvas = getEdgeOffsetPoint(quad.p2, quad.p3, quadCenter, 22 / zoomFactor, { x: 1, y: 0 });
|
|
43
|
-
const skewYLineEndCanvas = getEdgeOffsetPoint(quad.p2, quad.p3, quadCenter, 6 / zoomFactor, { x: 1, y: 0 });
|
|
44
|
-
this._skewXLine = this._drawLine(skewXLineStartCanvas.x, skewXLineStartCanvas.y, skewXLineEndCanvas.x, skewXLineEndCanvas.y, 'svg-primary-skew-line', this._skewXLine);
|
|
45
|
-
this._skewYLine = this._drawLine(skewYLineStartCanvas.x, skewYLineStartCanvas.y, skewYLineEndCanvas.x, skewYLineEndCanvas.y, 'svg-primary-skew-line', this._skewYLine);
|
|
46
|
-
this._skewXLine.style.strokeWidth = (1 / zoomFactor).toString();
|
|
47
|
-
this._skewYLine.style.strokeWidth = (1 / zoomFactor).toString();
|
|
48
|
-
if (!this._skewXCircle) {
|
|
49
|
-
this._skewXCircle = this._drawCircle(skewXHandleCanvas.x, skewXHandleCanvas.y, 5 / zoomFactor, 'svg-primary-skew', this._skewXCircle);
|
|
50
|
-
this._skewXCircle.addEventListener('pointerdown', event => this._handlePointerEvent('x', event));
|
|
51
|
-
this._skewXCircle.addEventListener('pointermove', event => this._handlePointerEvent('x', event));
|
|
52
|
-
this._skewXCircle.addEventListener('pointerup', event => this._handlePointerEvent('x', event));
|
|
53
|
-
}
|
|
54
|
-
else {
|
|
55
|
-
this._skewXCircle = this._drawCircle(skewXHandleCanvas.x, skewXHandleCanvas.y, 5 / zoomFactor, 'svg-primary-skew', this._skewXCircle);
|
|
56
|
-
}
|
|
57
|
-
this._skewXCircle.style.strokeWidth = (1 / zoomFactor).toString();
|
|
58
|
-
this._skewXCircle.style.cursor = 'ew-resize';
|
|
59
|
-
if (!this._skewYCircle) {
|
|
60
|
-
this._skewYCircle = this._drawCircle(skewYHandleCanvas.x, skewYHandleCanvas.y, 5 / zoomFactor, 'svg-primary-skew', this._skewYCircle);
|
|
61
|
-
this._skewYCircle.addEventListener('pointerdown', event => this._handlePointerEvent('y', event));
|
|
62
|
-
this._skewYCircle.addEventListener('pointermove', event => this._handlePointerEvent('y', event));
|
|
63
|
-
this._skewYCircle.addEventListener('pointerup', event => this._handlePointerEvent('y', event));
|
|
64
|
-
}
|
|
65
|
-
else {
|
|
66
|
-
this._skewYCircle = this._drawCircle(skewYHandleCanvas.x, skewYHandleCanvas.y, 5 / zoomFactor, 'svg-primary-skew', this._skewYCircle);
|
|
67
|
-
}
|
|
68
|
-
this._skewYCircle.style.strokeWidth = (1 / zoomFactor).toString();
|
|
69
|
-
this._skewYCircle.style.cursor = 'ns-resize';
|
|
70
|
-
this._skewYCircle.style.fill = '#eaf5ff';
|
|
71
|
-
}
|
|
72
|
-
_handlePointerEvent(axis, event) {
|
|
73
|
-
event.stopPropagation();
|
|
74
|
-
const target = event.target;
|
|
75
|
-
switch (event.type) {
|
|
76
|
-
case 'pointerdown':
|
|
77
|
-
target.setPointerCapture(event.pointerId);
|
|
78
|
-
this._readPersistedTransform();
|
|
79
|
-
if (axis === 'x') {
|
|
80
|
-
this._skewXReferencePoint = this._getSkewReferencePoint('x');
|
|
81
|
-
}
|
|
82
|
-
else {
|
|
83
|
-
this._skewYReferencePoint = this._getSkewReferencePoint('y');
|
|
84
|
-
}
|
|
85
|
-
this._activeAxis = axis;
|
|
86
|
-
break;
|
|
87
|
-
case 'pointermove':
|
|
88
|
-
if (this._activeAxis === axis && event.buttons > 0) {
|
|
89
|
-
const angle = this._getSkewAngle(axis, event);
|
|
90
|
-
if (axis === 'x') {
|
|
91
|
-
this._skewX = angle;
|
|
92
|
-
}
|
|
93
|
-
else {
|
|
94
|
-
this._skewY = angle;
|
|
95
|
-
}
|
|
96
|
-
this._setPreviewTransform();
|
|
97
|
-
}
|
|
98
|
-
break;
|
|
99
|
-
case 'pointerup':
|
|
100
|
-
if (this._activeAxis === axis) {
|
|
101
|
-
target.releasePointerCapture(event.pointerId);
|
|
102
|
-
const angle = this._getSkewAngle(axis, event);
|
|
103
|
-
if (axis === 'x') {
|
|
104
|
-
this._skewX = angle;
|
|
105
|
-
}
|
|
106
|
-
else {
|
|
107
|
-
this._skewY = angle;
|
|
108
|
-
}
|
|
109
|
-
this._commitTransform();
|
|
110
|
-
this._activeAxis = null;
|
|
111
|
-
}
|
|
112
|
-
break;
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
_readPersistedTransform() {
|
|
116
|
-
const { baseTransform, skewX, skewY } = this._parseTransform(this.extendedItem.getStyleFromSheetOrLocal('transform') ?? '');
|
|
117
|
-
this._baseTransform = baseTransform;
|
|
118
|
-
this._skewX = skewX;
|
|
119
|
-
this._skewY = skewY;
|
|
120
|
-
}
|
|
121
|
-
_getSkewReferencePoint(axis) {
|
|
122
|
-
const element = this.extendedItem.element;
|
|
123
|
-
const size = getElementSize(this.extendedItem.element);
|
|
124
|
-
const zoomFactor = this.designerCanvas.zoomFactor;
|
|
125
|
-
const fallback = axis === 'x'
|
|
126
|
-
? { x: size.width / 2, y: -56 / zoomFactor }
|
|
127
|
-
: { x: size.width + 30 / zoomFactor, y: size.height / 2 };
|
|
128
|
-
const inlineTransform = element.style.transform;
|
|
129
|
-
try {
|
|
130
|
-
element.style.transform = this._buildTransform(this._baseTransform, axis === 'x' ? 0 : this._skewX, axis === 'y' ? 0 : this._skewY);
|
|
131
|
-
const quad = element.getBoxQuads({ box: 'border', relativeTo: this.designerCanvas.canvas })[0];
|
|
132
|
-
if (!quad) {
|
|
133
|
-
return fallback;
|
|
134
|
-
}
|
|
135
|
-
const quadCenter = getQuadCenter(quad);
|
|
136
|
-
const handlePoint = axis === 'x'
|
|
137
|
-
? getEdgeOffsetPoint(quad.p1, quad.p2, quadCenter, 56 / zoomFactor, { x: 0, y: -1 })
|
|
138
|
-
: getEdgeOffsetPoint(quad.p2, quad.p3, quadCenter, 30 / zoomFactor, { x: 1, y: 0 });
|
|
139
|
-
const localPoint = element.convertPointFromNode(handlePoint, this.designerCanvas.canvas);
|
|
140
|
-
if (!Number.isFinite(localPoint.x) || !Number.isFinite(localPoint.y)) {
|
|
141
|
-
return fallback;
|
|
142
|
-
}
|
|
143
|
-
return { x: localPoint.x, y: localPoint.y };
|
|
144
|
-
}
|
|
145
|
-
finally {
|
|
146
|
-
element.style.transform = inlineTransform;
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
_setPreviewTransform() {
|
|
150
|
-
this.extendedItem.element.style.transform = this._buildTransform(this._baseTransform, this._skewX, this._skewY);
|
|
151
|
-
}
|
|
152
|
-
_commitTransform() {
|
|
153
|
-
const finalTransform = this._buildTransform(this._baseTransform, this._skewX, this._skewY);
|
|
154
|
-
if (finalTransform) {
|
|
155
|
-
this.extendedItem.updateStyleInSheetOrLocal('transform', finalTransform);
|
|
156
|
-
}
|
|
157
|
-
else if (this.extendedItem.hasStyle('transform')) {
|
|
158
|
-
this.extendedItem.removeStyle('transform');
|
|
159
|
-
}
|
|
160
|
-
else {
|
|
161
|
-
this.extendedItem.updateStyleInSheetOrLocal('transform', null);
|
|
162
|
-
}
|
|
163
|
-
const element = this.extendedItem.element;
|
|
164
|
-
if (this.extendedItem.hasStyle('transform')) {
|
|
165
|
-
element.style.transform = this.extendedItem.getStyle('transform') ?? '';
|
|
166
|
-
}
|
|
167
|
-
else {
|
|
168
|
-
element.style.transform = '';
|
|
169
|
-
}
|
|
170
|
-
}
|
|
171
|
-
_getSkewAngle(axis, event) {
|
|
172
|
-
const element = this.extendedItem.element;
|
|
173
|
-
element.style.transform = this._buildTransform(this._baseTransform, axis === 'x' ? 0 : this._skewX, axis === 'y' ? 0 : this._skewY);
|
|
174
|
-
const mousePoint = this.designerCanvas.getNormalizedEventCoordinates(event);
|
|
175
|
-
const localPoint = element.convertPointFromNode({ x: mousePoint.x, y: mousePoint.y }, this.designerCanvas.canvas);
|
|
176
|
-
const computedStyle = getComputedStyle(element);
|
|
177
|
-
const transformOrigin = computedStyle.transformOrigin.split(' ');
|
|
178
|
-
const origin = { x: parseFloat(transformOrigin[0]), y: parseFloat(transformOrigin[1]) };
|
|
179
|
-
const size = getElementSize(element);
|
|
180
|
-
let angle;
|
|
181
|
-
if (axis === 'x') {
|
|
182
|
-
let referenceY = this._skewXReferencePoint.y - origin.y;
|
|
183
|
-
if (Math.abs(referenceY) < 0.5) {
|
|
184
|
-
referenceY = -Math.max(size.height / 2, 1);
|
|
185
|
-
}
|
|
186
|
-
angle = Math.atan((localPoint.x - origin.x) / referenceY) * 180 / Math.PI;
|
|
187
|
-
}
|
|
188
|
-
else {
|
|
189
|
-
let referenceX = this._skewYReferencePoint.x - origin.x;
|
|
190
|
-
if (Math.abs(referenceX) < 0.5) {
|
|
191
|
-
referenceX = Math.max(size.width / 2, 1);
|
|
192
|
-
}
|
|
193
|
-
angle = Math.atan((localPoint.y - origin.y) / referenceX) * 180 / Math.PI;
|
|
194
|
-
}
|
|
195
|
-
angle = Math.max(-80, Math.min(80, angle));
|
|
196
|
-
if (!hasCommandKey(event)) {
|
|
197
|
-
angle = Math.round(angle / 15) * 15;
|
|
198
|
-
}
|
|
199
|
-
return parseFloat(roundValue(this.extendedItem, angle));
|
|
200
|
-
}
|
|
201
|
-
_buildTransform(baseTransform, skewX, skewY) {
|
|
202
|
-
const transforms = [];
|
|
203
|
-
if (baseTransform?.trim()) {
|
|
204
|
-
transforms.push(baseTransform.trim());
|
|
205
|
-
}
|
|
206
|
-
if (Math.abs(skewX) > 0.001) {
|
|
207
|
-
transforms.push(`skewX(${skewX}deg)`);
|
|
208
|
-
}
|
|
209
|
-
if (Math.abs(skewY) > 0.001) {
|
|
210
|
-
transforms.push(`skewY(${skewY}deg)`);
|
|
211
|
-
}
|
|
212
|
-
return transforms.join(' ').trim();
|
|
213
|
-
}
|
|
214
|
-
_parseTransform(transform) {
|
|
215
|
-
if (!transform || transform === 'none') {
|
|
216
|
-
return { baseTransform: '', skewX: 0, skewY: 0 };
|
|
217
|
-
}
|
|
218
|
-
let skewX = 0;
|
|
219
|
-
let skewY = 0;
|
|
220
|
-
const baseTransforms = [];
|
|
221
|
-
for (const part of this._splitTransformFunctions(transform)) {
|
|
222
|
-
const functionName = part.slice(0, part.indexOf('(')).trim().toLowerCase();
|
|
223
|
-
const argumentsText = part.slice(part.indexOf('(') + 1, -1);
|
|
224
|
-
const argumentsList = argumentsText.split(',').map(value => value.trim());
|
|
225
|
-
if (functionName === 'skewx') {
|
|
226
|
-
skewX = this._parseAngle(argumentsList[0]);
|
|
227
|
-
}
|
|
228
|
-
else if (functionName === 'skewy') {
|
|
229
|
-
skewY = this._parseAngle(argumentsList[0]);
|
|
230
|
-
}
|
|
231
|
-
else if (functionName === 'skew') {
|
|
232
|
-
skewX = this._parseAngle(argumentsList[0]);
|
|
233
|
-
if (argumentsList.length > 1) {
|
|
234
|
-
skewY = this._parseAngle(argumentsList[1]);
|
|
235
|
-
}
|
|
236
|
-
}
|
|
237
|
-
else {
|
|
238
|
-
baseTransforms.push(part);
|
|
239
|
-
}
|
|
240
|
-
}
|
|
241
|
-
return { baseTransform: baseTransforms.join(' ').trim(), skewX, skewY };
|
|
242
|
-
}
|
|
243
|
-
_splitTransformFunctions(transform) {
|
|
244
|
-
const parts = [];
|
|
245
|
-
let startIndex = -1;
|
|
246
|
-
let depth = 0;
|
|
247
|
-
for (let index = 0; index < transform.length; index++) {
|
|
248
|
-
const character = transform[index];
|
|
249
|
-
if (character === '(') {
|
|
250
|
-
depth++;
|
|
251
|
-
}
|
|
252
|
-
else if (character === ')') {
|
|
253
|
-
depth--;
|
|
254
|
-
if (depth === 0 && startIndex !== -1) {
|
|
255
|
-
parts.push(transform.slice(startIndex, index + 1).trim());
|
|
256
|
-
startIndex = -1;
|
|
257
|
-
}
|
|
258
|
-
}
|
|
259
|
-
else if (depth === 0 && startIndex === -1 && character.trim()) {
|
|
260
|
-
startIndex = index;
|
|
261
|
-
}
|
|
262
|
-
}
|
|
263
|
-
if (!parts.length && transform.trim()) {
|
|
264
|
-
parts.push(transform.trim());
|
|
265
|
-
}
|
|
266
|
-
return parts;
|
|
267
|
-
}
|
|
268
|
-
_parseAngle(value) {
|
|
269
|
-
if (!value) {
|
|
270
|
-
return 0;
|
|
271
|
-
}
|
|
272
|
-
const numericValue = parseFloat(value);
|
|
273
|
-
if (isNaN(numericValue)) {
|
|
274
|
-
return 0;
|
|
275
|
-
}
|
|
276
|
-
if (value.endsWith('rad')) {
|
|
277
|
-
return numericValue * 180 / Math.PI;
|
|
278
|
-
}
|
|
279
|
-
if (value.endsWith('grad')) {
|
|
280
|
-
return numericValue * 0.9;
|
|
281
|
-
}
|
|
282
|
-
if (value.endsWith('turn')) {
|
|
283
|
-
return numericValue * 360;
|
|
284
|
-
}
|
|
285
|
-
return numericValue;
|
|
286
|
-
}
|
|
287
|
-
dispose() {
|
|
288
|
-
this._removeAllOverlays();
|
|
289
|
-
}
|
|
290
|
-
}
|
|
291
|
-
//# sourceMappingURL=SkewExtension.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SkewExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/SkewExtension.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
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 SkewExtensionProvider 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
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { SkewExtension } from './SkewExtension.js';
|
|
2
|
-
import { css } from '@node-projects/base-custom-webcomponent';
|
|
3
|
-
export class SkewExtensionProvider {
|
|
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
|
-
}
|
|
10
|
-
return !designItem.isRootItem;
|
|
11
|
-
}
|
|
12
|
-
getExtension(extensionManager, designerCanvas, designItem) {
|
|
13
|
-
return new SkewExtension(extensionManager, designerCanvas, designItem);
|
|
14
|
-
}
|
|
15
|
-
static style = css `
|
|
16
|
-
.svg-primary-skew { stroke: #3899ec; fill: white; stroke-width: 1; pointer-events: auto; }
|
|
17
|
-
.svg-primary-skew-line { stroke: #3899ec; fill: none; stroke-width: 1; }
|
|
18
|
-
`;
|
|
19
|
-
}
|
|
20
|
-
//# sourceMappingURL=SkewExtensionProvider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SkewExtensionProvider.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/SkewExtensionProvider.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,OAAO,EAAE,GAAG,EAAE,MAAM,yCAAyC,CAAC;AAE9D,MAAM,OAAO,qBAAqB;IAChC,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,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,aAAa,CAAC,gBAAgB,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC;IACzE,CAAC;IAED,MAAM,CAAU,KAAK,GAAG,GAAG,CAAA;;;GAG1B,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
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 TransformOriginExtension extends AbstractExtension {
|
|
6
|
-
private _startPos;
|
|
7
|
-
private _circle;
|
|
8
|
-
private _circle2;
|
|
9
|
-
private _oldValue;
|
|
10
|
-
private _offsetInControl;
|
|
11
|
-
constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
|
|
12
|
-
refresh(cache: Record<string | symbol, any>, event?: Event): void;
|
|
13
|
-
extend(cache: Record<string | symbol, any>, event?: Event): void;
|
|
14
|
-
pointerEvent(event: PointerEvent): void;
|
|
15
|
-
dispose(): void;
|
|
16
|
-
}
|
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
import { EventNames } from '../../../../enums/EventNames.js';
|
|
2
|
-
import { convertCssUnit, getCssUnit } from '../../../helper/CssUnitConverter.js';
|
|
3
|
-
import { getBoundingClientRectAlsoForDisplayContents } from '../../../helper/ElementHelper.js';
|
|
4
|
-
import { roundValue } from '../../../helper/LayoutHelper.js';
|
|
5
|
-
import { AbstractExtension } from './AbstractExtension.js';
|
|
6
|
-
export class TransformOriginExtension extends AbstractExtension {
|
|
7
|
-
_startPos;
|
|
8
|
-
_circle;
|
|
9
|
-
_circle2;
|
|
10
|
-
_oldValue;
|
|
11
|
-
_offsetInControl;
|
|
12
|
-
constructor(extensionManager, designerView, extendedItem) {
|
|
13
|
-
super(extensionManager, designerView, extendedItem);
|
|
14
|
-
}
|
|
15
|
-
refresh(cache, event) {
|
|
16
|
-
const computed = getComputedStyle(this.extendedItem.element);
|
|
17
|
-
const to = computed.transformOrigin.split(' ');
|
|
18
|
-
const toDOMPoint = this.designerCanvas.canvas.convertPointFromNode({ x: parseFloat(to[0]), y: parseFloat(to[1]) }, this.extendedItem.element);
|
|
19
|
-
if (this._valuesHaveChanges(toDOMPoint.x, toDOMPoint.y, this.designerCanvas.zoomFactor)) {
|
|
20
|
-
this._removeAllOverlays();
|
|
21
|
-
this._circle = this._drawCircle(toDOMPoint.x, toDOMPoint.y, 5 / this.designerCanvas.zoomFactor, 'svg-transform-origin');
|
|
22
|
-
this._circle.style.strokeWidth = (1 / this.designerCanvas.zoomFactor).toString();
|
|
23
|
-
this._circle.style.cursor = 'pointer';
|
|
24
|
-
this._circle2 = this._drawCircle(toDOMPoint.x, toDOMPoint.y, 1 / this.designerCanvas.zoomFactor, 'svg-transform-origin');
|
|
25
|
-
this._circle2.style.strokeWidth = (1 / this.designerCanvas.zoomFactor).toString();
|
|
26
|
-
this._circle2.style.pointerEvents = 'none';
|
|
27
|
-
this._circle.addEventListener(EventNames.PointerDown, event => this.pointerEvent(event));
|
|
28
|
-
this._circle.addEventListener(EventNames.PointerMove, event => this.pointerEvent(event));
|
|
29
|
-
this._circle.addEventListener(EventNames.PointerUp, event => this.pointerEvent(event));
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
extend(cache, event) {
|
|
33
|
-
const computed = getComputedStyle(this.extendedItem.element);
|
|
34
|
-
const to = computed.transformOrigin.split(' ');
|
|
35
|
-
const toDOMPoint = this.designerCanvas.canvas.convertPointFromNode({ x: parseFloat(to[0]), y: parseFloat(to[1]) }, this.extendedItem.element);
|
|
36
|
-
if (isNaN(toDOMPoint.x) || isNaN(toDOMPoint.y)) {
|
|
37
|
-
this.remove();
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
else {
|
|
41
|
-
let old = this.extendedItem.getStyleFromSheetOrLocal('transform-origin');
|
|
42
|
-
if (old) {
|
|
43
|
-
this._oldValue = old;
|
|
44
|
-
}
|
|
45
|
-
this.refresh(cache, event);
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
pointerEvent(event) {
|
|
49
|
-
event.stopPropagation();
|
|
50
|
-
const computed = getComputedStyle(this.extendedItem.element);
|
|
51
|
-
const to = computed.transformOrigin.split(' ');
|
|
52
|
-
const toInPercentage = [];
|
|
53
|
-
toInPercentage[0] = parseFloat(to[0]) / parseFloat(this.extendedItem.element.style.width);
|
|
54
|
-
toInPercentage[1] = parseFloat(to[1]) / parseFloat(this.extendedItem.element.style.height);
|
|
55
|
-
const toDOMPoint = this.designerCanvas.canvas.convertPointFromNode({ x: parseFloat(to[0]), y: parseFloat(to[1]) }, this.extendedItem.element);
|
|
56
|
-
const mp = this.designerCanvas.getNormalizedEventCoordinates(event);
|
|
57
|
-
const evPoint = this.extendedItem.element.convertPointFromNode(mp, this.designerCanvas.canvas);
|
|
58
|
-
const normalized = this.designerCanvas.getNormalizedEventCoordinates(event);
|
|
59
|
-
switch (event.type) {
|
|
60
|
-
case EventNames.PointerDown:
|
|
61
|
-
event.target.setPointerCapture(event.pointerId);
|
|
62
|
-
const rect = getBoundingClientRectAlsoForDisplayContents(event.target);
|
|
63
|
-
this._offsetInControl = { x: rect.width / 2 + (rect.x - event.x), y: rect.height / 2 + (rect.y - event.y) };
|
|
64
|
-
this._startPos = { x: normalized.x, y: normalized.y };
|
|
65
|
-
break;
|
|
66
|
-
case EventNames.PointerMove:
|
|
67
|
-
if (this._startPos && event.buttons > 0) {
|
|
68
|
-
const dx = normalized.x - this._startPos.x;
|
|
69
|
-
const dy = normalized.y - this._startPos.y;
|
|
70
|
-
this._circle.setAttribute('cx', (toDOMPoint.x + dx));
|
|
71
|
-
this._circle.setAttribute('cy', (toDOMPoint.y + dy));
|
|
72
|
-
this._circle2.setAttribute('cx', (toDOMPoint.x + dx));
|
|
73
|
-
this._circle2.setAttribute('cy', (toDOMPoint.y + dy));
|
|
74
|
-
}
|
|
75
|
-
break;
|
|
76
|
-
case EventNames.PointerUp:
|
|
77
|
-
event.target.releasePointerCapture(event.pointerId);
|
|
78
|
-
if (this._startPos) {
|
|
79
|
-
evPoint.x += this._offsetInControl.x;
|
|
80
|
-
evPoint.y += this._offsetInControl.y;
|
|
81
|
-
const cg = this.extendedItem.openGroup('change transform-origin');
|
|
82
|
-
const quadsOld = this.extendedItem.element.getBoxQuads({ relativeTo: this.designerCanvas.rootDesignItem.element })[0];
|
|
83
|
-
if (this._oldValue) {
|
|
84
|
-
try {
|
|
85
|
-
const oldSplit = this._oldValue.split(' ');
|
|
86
|
-
let newXs = convertCssUnit(evPoint.x, this.extendedItem.element, 'width', getCssUnit(oldSplit[0]), (nr) => roundValue(this.extendedItem, nr));
|
|
87
|
-
let newYs = convertCssUnit(evPoint.x, this.extendedItem.element, 'width', getCssUnit(oldSplit[0]), (nr) => roundValue(this.extendedItem, nr));
|
|
88
|
-
if (oldSplit.length > 1) {
|
|
89
|
-
newYs = convertCssUnit(evPoint.y, this.extendedItem.element, 'height', getCssUnit(oldSplit[1]), (nr) => roundValue(this.extendedItem, nr));
|
|
90
|
-
}
|
|
91
|
-
this.extendedItem.updateStyleInSheetOrLocal('transform-origin', newXs + ' ' + newYs);
|
|
92
|
-
}
|
|
93
|
-
catch (err) {
|
|
94
|
-
this.extendedItem.updateStyleInSheetOrLocal('transform-origin', roundValue(this.extendedItem, evPoint.x) + 'px' + ' ' + roundValue(this.extendedItem, evPoint.y) + 'px');
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
else
|
|
98
|
-
this.extendedItem.updateStyleInSheetOrLocal('transform-origin', roundValue(this.extendedItem, evPoint.x) + 'px' + ' ' + roundValue(this.extendedItem, evPoint.y) + 'px');
|
|
99
|
-
const quadsNew = this.extendedItem.element.getBoxQuads({ relativeTo: this.designerCanvas.rootDesignItem.element })[0];
|
|
100
|
-
const translateP = { x: quadsOld.p1.x - quadsNew.p1.x, y: quadsOld.p1.y - quadsNew.p1.y };
|
|
101
|
-
if (computed.translate && computed.translate !== 'none') {
|
|
102
|
-
translateP.x += parseFloat(computed.translate.split(' ')[0]);
|
|
103
|
-
if (computed.translate.split(' ').length === 1)
|
|
104
|
-
translateP.y += parseFloat(computed.translate.split(' ')[0]);
|
|
105
|
-
else
|
|
106
|
-
translateP.y += parseFloat(computed.translate.split(' ')[1]);
|
|
107
|
-
}
|
|
108
|
-
this.extendedItem.updateStyleInSheetOrLocal('translate', roundValue(this.extendedItem, translateP.x) + 'px' + ' ' + roundValue(this.extendedItem, translateP.y) + 'px');
|
|
109
|
-
cg.commit();
|
|
110
|
-
this.refresh(null, null);
|
|
111
|
-
this._startPos = null;
|
|
112
|
-
}
|
|
113
|
-
break;
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
dispose() {
|
|
117
|
-
this._removeAllOverlays();
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
//# sourceMappingURL=TransformOriginExtension.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TransformOriginExtension.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/TransformOriginExtension.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +0,0 @@
|
|
|
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 TransformOriginExtensionProvider implements IDesignerExtensionProvider {
|
|
7
|
-
showOnlyWhenSet: boolean;
|
|
8
|
-
constructor(showOnlyWhenSet?: boolean);
|
|
9
|
-
shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;
|
|
10
|
-
getExtension(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;
|
|
11
|
-
static readonly style: CSSStyleSheet;
|
|
12
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { TransformOriginExtension } from './TransformOriginExtension.js';
|
|
2
|
-
import { css } from "@node-projects/base-custom-webcomponent";
|
|
3
|
-
import { getBoundingClientRectAlsoForDisplayContents } from '../../../helper/ElementHelper.js';
|
|
4
|
-
export class TransformOriginExtensionProvider {
|
|
5
|
-
showOnlyWhenSet;
|
|
6
|
-
constructor(showOnlyWhenSet = true) {
|
|
7
|
-
this.showOnlyWhenSet = showOnlyWhenSet;
|
|
8
|
-
}
|
|
9
|
-
shouldExtend(extensionManager, designerView, designItem) {
|
|
10
|
-
if (!designItem.isRootItem && designItem.node instanceof HTMLElement || (designItem.node instanceof SVGElement && designItem.node.localName === 'svg')) {
|
|
11
|
-
if (!this.showOnlyWhenSet)
|
|
12
|
-
return true;
|
|
13
|
-
if (designItem.hasStyle('transformOrigin'))
|
|
14
|
-
return true;
|
|
15
|
-
const cs = getComputedStyle(designItem.element);
|
|
16
|
-
if (cs.display != 'inline' && designItem.element.getBoundingClientRect) {
|
|
17
|
-
const r = getBoundingClientRectAlsoForDisplayContents(designItem.element);
|
|
18
|
-
const pr = cs.transformOrigin.split(' ');
|
|
19
|
-
const x = parseFloat(pr[0]) - r.width / 2;
|
|
20
|
-
const y = parseFloat(pr[1]) - r.height / 2;
|
|
21
|
-
if (x > 0.5 || x < -0.5 || y > 0.5 || y < -0.5)
|
|
22
|
-
return true;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
return false;
|
|
26
|
-
}
|
|
27
|
-
getExtension(extensionManager, designerView, designItem) {
|
|
28
|
-
return new TransformOriginExtension(extensionManager, designerView, designItem);
|
|
29
|
-
}
|
|
30
|
-
static style = css `
|
|
31
|
-
.svg-transform-origin { stroke: #3899ec; fill: black; pointer-events: auto; }
|
|
32
|
-
`;
|
|
33
|
-
}
|
|
34
|
-
//# sourceMappingURL=TransformOriginExtensionProvider.js.map
|
package/dist/elements/widgets/designerView/extensions/TransformOriginExtensionProvider.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TransformOriginExtensionProvider.js","sourceRoot":"","sources":["../../../../../src/elements/widgets/designerView/extensions/TransformOriginExtensionProvider.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,OAAO,EAAE,GAAG,EAAE,MAAM,yCAAyC,CAAC;AAC9D,OAAO,EAAE,2CAA2C,EAAE,MAAM,kCAAkC,CAAC;AAE/F,MAAM,OAAO,gCAAgC;IAC3C,eAAe,CAAU;IAEzB,YAAY,eAAe,GAAG,IAAI;QAChC,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;IACzC,CAAC;IAED,YAAY,CAAC,gBAAmC,EAAE,YAA6B,EAAE,UAAuB;QACtG,IAAI,CAAC,UAAU,CAAC,UAAU,IAAI,UAAU,CAAC,IAAI,YAAY,WAAW,IAAI,CAAC,UAAU,CAAC,IAAI,YAAY,UAAU,IAAI,UAAU,CAAC,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,EAAE,CAAC;YACvJ,IAAI,CAAC,IAAI,CAAC,eAAe;gBACvB,OAAO,IAAI,CAAC;YACd,IAAI,UAAU,CAAC,QAAQ,CAAC,iBAAiB,CAAC;gBACxC,OAAO,IAAI,CAAC;YACd,MAAM,EAAE,GAAG,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YAChD,IAAI,EAAE,CAAC,OAAO,IAAI,QAAQ,IAAI,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;gBACvE,MAAM,CAAC,GAAG,2CAA2C,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;gBAC1E,MAAM,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBACzC,MAAM,CAAC,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;gBAC1C,MAAM,CAAC,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC3C,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG;oBAC5C,OAAO,IAAI,CAAC;YAChB,CAAC;QACH,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,YAAY,CAAC,gBAAmC,EAAE,YAA6B,EAAE,UAAuB;QACtG,OAAO,IAAI,wBAAwB,CAAC,gBAAgB,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;IAClF,CAAC;IAED,MAAM,CAAU,KAAK,GAAG,GAAG,CAAA;;GAE1B,CAAC"}
|
package/dist/elements/widgets/designerView/extensions/contextMenu/ChildContextMenu copy.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { IContextMenuItem } from '../../../../helper/contextMenu/IContextMenuItem.js';
|
|
2
|
-
import { IDesignItem } from '../../../../item/IDesignItem.js';
|
|
3
|
-
import { IDesignerCanvas } from '../../IDesignerCanvas.js';
|
|
4
|
-
import { ContextmenuInitiator, IContextMenuExtension } from './IContextMenuExtension.js';
|
|
5
|
-
export declare class ChildContextMenu implements IContextMenuExtension {
|
|
6
|
-
private _title;
|
|
7
|
-
private _contextMenus;
|
|
8
|
-
constructor(title: string, ...contextMenus: IContextMenuExtension[]);
|
|
9
|
-
shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
|
|
10
|
-
provideContextMenuItems(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): IContextMenuItem[];
|
|
11
|
-
}
|