@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,178 +0,0 @@
|
|
|
1
|
-
import { BaseCustomWebComponentConstructorAppend, css, html } from "@node-projects/base-custom-webcomponent";
|
|
2
|
-
export class MiniatureView extends BaseCustomWebComponentConstructorAppend {
|
|
3
|
-
static style = css `
|
|
4
|
-
:host {
|
|
5
|
-
overflow:hidden;
|
|
6
|
-
display: block;
|
|
7
|
-
width: 100%;
|
|
8
|
-
height: 100%;
|
|
9
|
-
position: relative;
|
|
10
|
-
}
|
|
11
|
-
#outerDiv {
|
|
12
|
-
width: 100%;
|
|
13
|
-
height: 100%;
|
|
14
|
-
}
|
|
15
|
-
#innerDiv {
|
|
16
|
-
transform-origin: top left;
|
|
17
|
-
height: 100%;
|
|
18
|
-
width: 100%;
|
|
19
|
-
image-rendering: pixelated;
|
|
20
|
-
}
|
|
21
|
-
#above {
|
|
22
|
-
position: absolute;
|
|
23
|
-
top: 0;
|
|
24
|
-
left: 0;
|
|
25
|
-
width: 100%;
|
|
26
|
-
height: 100%;
|
|
27
|
-
pointer-events: auto;
|
|
28
|
-
background: transparent;
|
|
29
|
-
cursor: pointer;
|
|
30
|
-
}
|
|
31
|
-
#viewRect {
|
|
32
|
-
position: absolute;
|
|
33
|
-
top: 0;
|
|
34
|
-
left: 0;
|
|
35
|
-
width: 100%;
|
|
36
|
-
height: 100%;
|
|
37
|
-
border: 1px solid black;
|
|
38
|
-
pointer-events: none;
|
|
39
|
-
}`;
|
|
40
|
-
static template = html `
|
|
41
|
-
<div id="outerDiv">
|
|
42
|
-
<div id="innerDiv"></div>
|
|
43
|
-
</div>
|
|
44
|
-
<div id="above">
|
|
45
|
-
<div id="viewRect"></div>
|
|
46
|
-
</div>`;
|
|
47
|
-
_innerDiv;
|
|
48
|
-
_outerDiv;
|
|
49
|
-
_above;
|
|
50
|
-
_instanceServiceContainer;
|
|
51
|
-
_contentChangedHandler;
|
|
52
|
-
_maxX = 0;
|
|
53
|
-
_maxY = 0;
|
|
54
|
-
_resizeObserver;
|
|
55
|
-
_innerShadow;
|
|
56
|
-
_zoomFactorChangedHandler;
|
|
57
|
-
_viewRect;
|
|
58
|
-
_minatureScaleX = 1;
|
|
59
|
-
_minatureScaleY = 1;
|
|
60
|
-
_reRenderFlag = false;
|
|
61
|
-
_isDragging = false;
|
|
62
|
-
_boundMouseMove;
|
|
63
|
-
_boundMouseUp;
|
|
64
|
-
constructor() {
|
|
65
|
-
super();
|
|
66
|
-
this._restoreCachedInititalValues();
|
|
67
|
-
this._outerDiv = this._getDomElement('outerDiv');
|
|
68
|
-
this._innerDiv = this._getDomElement('innerDiv');
|
|
69
|
-
this._viewRect = this._getDomElement('viewRect');
|
|
70
|
-
this._above = this._getDomElement('above');
|
|
71
|
-
this._innerShadow = this._innerDiv.attachShadow({ mode: 'open' });
|
|
72
|
-
this._boundMouseMove = this._onMouseMove.bind(this);
|
|
73
|
-
this._boundMouseUp = this._onMouseUp.bind(this);
|
|
74
|
-
this._above.addEventListener('mousedown', (e) => this._onMouseDown(e));
|
|
75
|
-
this._resizeObserver = new ResizeObserver(() => {
|
|
76
|
-
this._reSize();
|
|
77
|
-
});
|
|
78
|
-
}
|
|
79
|
-
ready() {
|
|
80
|
-
this._resizeObserver.observe(this);
|
|
81
|
-
}
|
|
82
|
-
_reSize() {
|
|
83
|
-
const outerRect = this._outerDiv.getBoundingClientRect();
|
|
84
|
-
this._minatureScaleX = outerRect.width / this._maxX;
|
|
85
|
-
this._minatureScaleY = outerRect.height / this._maxY;
|
|
86
|
-
this._innerDiv.style.scale = this._minatureScaleX + ' ' + this._minatureScaleY;
|
|
87
|
-
}
|
|
88
|
-
async _reRender() {
|
|
89
|
-
if (this._instanceServiceContainer) {
|
|
90
|
-
const designerCanvas = this._instanceServiceContainer?.designerCanvas;
|
|
91
|
-
this._innerShadow.adoptedStyleSheets = [...designerCanvas.rootDesignItem.element.shadowRoot.adoptedStyleSheets];
|
|
92
|
-
const pixelSize = designerCanvas.designerPixelSize;
|
|
93
|
-
this._maxX = pixelSize.width;
|
|
94
|
-
this._maxY = pixelSize.height;
|
|
95
|
-
console.time('miniature render');
|
|
96
|
-
let el = document.createDocumentFragment();
|
|
97
|
-
for (const e of designerCanvas.rootDesignItem.children()) {
|
|
98
|
-
//if (!(e.element instanceof UiMove)) { //TODO: maybe add an option to hide some elements in the miniature view
|
|
99
|
-
el.appendChild(e.element.cloneNode(true));
|
|
100
|
-
//}
|
|
101
|
-
}
|
|
102
|
-
this._innerShadow.replaceChildren(el);
|
|
103
|
-
console.timeEnd('miniature render');
|
|
104
|
-
this._reSize();
|
|
105
|
-
this._reDrawRect();
|
|
106
|
-
this._reRenderFlag = false;
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
_reDrawRect() {
|
|
110
|
-
const designerCanvas = this._instanceServiceContainer?.designerCanvas;
|
|
111
|
-
const offset = designerCanvas.canvasOffset;
|
|
112
|
-
const zoom = designerCanvas.zoomFactor;
|
|
113
|
-
this._viewRect.style.left = (-offset.x / this._maxX * 100) + '%';
|
|
114
|
-
this._viewRect.style.top = (-offset.y / this._maxY * 100) + '%';
|
|
115
|
-
this._viewRect.style.width = (designerCanvas.clientWidth / zoom / this._maxX * 100) + '%';
|
|
116
|
-
this._viewRect.style.height = (designerCanvas.clientHeight / zoom / this._maxY * 100) + '%';
|
|
117
|
-
}
|
|
118
|
-
_onMouseDown(e) {
|
|
119
|
-
if (!this._instanceServiceContainer)
|
|
120
|
-
return;
|
|
121
|
-
this._isDragging = true;
|
|
122
|
-
this._moveCanvasToMousePosition(e);
|
|
123
|
-
window.addEventListener('mousemove', this._boundMouseMove);
|
|
124
|
-
window.addEventListener('mouseup', this._boundMouseUp);
|
|
125
|
-
e.preventDefault();
|
|
126
|
-
}
|
|
127
|
-
_onMouseMove(e) {
|
|
128
|
-
if (!this._isDragging)
|
|
129
|
-
return;
|
|
130
|
-
this._moveCanvasToMousePosition(e);
|
|
131
|
-
e.preventDefault();
|
|
132
|
-
}
|
|
133
|
-
_onMouseUp(e) {
|
|
134
|
-
this._isDragging = false;
|
|
135
|
-
window.removeEventListener('mousemove', this._boundMouseMove);
|
|
136
|
-
window.removeEventListener('mouseup', this._boundMouseUp);
|
|
137
|
-
}
|
|
138
|
-
_moveCanvasToMousePosition(e) {
|
|
139
|
-
const designerCanvas = this._instanceServiceContainer.designerCanvas;
|
|
140
|
-
const zoom = designerCanvas.zoomFactor;
|
|
141
|
-
const aboveRect = this._above.getBoundingClientRect();
|
|
142
|
-
const mouseX = e.clientX - aboveRect.left;
|
|
143
|
-
const mouseY = e.clientY - aboveRect.top;
|
|
144
|
-
const contentX = (mouseX / aboveRect.width) * this._maxX;
|
|
145
|
-
const contentY = (mouseY / aboveRect.height) * this._maxY;
|
|
146
|
-
const halfViewW = designerCanvas.clientWidth / zoom / 2;
|
|
147
|
-
const halfViewH = designerCanvas.clientHeight / zoom / 2;
|
|
148
|
-
designerCanvas.canvasOffset = {
|
|
149
|
-
x: -(contentX - halfViewW),
|
|
150
|
-
y: -(contentY - halfViewH)
|
|
151
|
-
};
|
|
152
|
-
}
|
|
153
|
-
set instanceServiceContainer(value) {
|
|
154
|
-
this._contentChangedHandler?.dispose();
|
|
155
|
-
this._zoomFactorChangedHandler?.dispose();
|
|
156
|
-
this._instanceServiceContainer = value;
|
|
157
|
-
if (this._instanceServiceContainer) {
|
|
158
|
-
this._zoomFactorChangedHandler = this._instanceServiceContainer.designerCanvas.onZoomFactorChanged.on(() => {
|
|
159
|
-
this._reDrawRect();
|
|
160
|
-
});
|
|
161
|
-
this._contentChangedHandler = this._instanceServiceContainer.contentService.onContentChanged.on(e => {
|
|
162
|
-
if (this._reRenderFlag === false) {
|
|
163
|
-
this._reRenderFlag = true;
|
|
164
|
-
setTimeout(() => this._reRender(), 50);
|
|
165
|
-
}
|
|
166
|
-
});
|
|
167
|
-
if (this._reRenderFlag === false) {
|
|
168
|
-
this._reRenderFlag = true;
|
|
169
|
-
setTimeout(() => this._reRender(), 50);
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
else {
|
|
173
|
-
this._innerShadow.innerHTML = "";
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
|
-
}
|
|
177
|
-
customElements.define('node-projects-web-component-designer-miniature-view', MiniatureView);
|
|
178
|
-
//# sourceMappingURL=miniature-view.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"miniature-view.js","sourceRoot":"","sources":["../../../../src/elements/widgets/miniatureView/miniature-view.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export type AttributeMutationRecordLike = Pick<MutationRecord, 'type' | 'attributeName' | 'oldValue'> & {
|
|
2
|
-
target: unknown;
|
|
3
|
-
};
|
|
4
|
-
export declare function didAttributePresenceChange(mutation: AttributeMutationRecordLike): boolean;
|
|
5
|
-
export declare function shouldRecreatePropertyLists(mutations: AttributeMutationRecordLike[]): boolean;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export function didAttributePresenceChange(mutation) {
|
|
2
|
-
if (mutation.type !== 'attributes' || !mutation.attributeName)
|
|
3
|
-
return false;
|
|
4
|
-
const target = mutation.target;
|
|
5
|
-
if (typeof target.getAttribute !== 'function')
|
|
6
|
-
return false;
|
|
7
|
-
const currentValue = target.getAttribute(mutation.attributeName);
|
|
8
|
-
return mutation.oldValue == null || currentValue == null;
|
|
9
|
-
}
|
|
10
|
-
export function shouldRecreatePropertyLists(mutations) {
|
|
11
|
-
return mutations.some(didAttributePresenceChange);
|
|
12
|
-
}
|
|
13
|
-
//# sourceMappingURL=PropertyGridMutationHandling.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PropertyGridMutationHandling.js","sourceRoot":"","sources":["../../../../src/elements/widgets/propertyGrid/PropertyGridMutationHandling.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,0BAA0B,CAAC,QAAqC;IAC9E,IAAI,QAAQ,CAAC,IAAI,KAAK,YAAY,IAAI,CAAC,QAAQ,CAAC,aAAa;QAC3D,OAAO,KAAK,CAAC;IAEf,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAsE,CAAC;IAC/F,IAAI,OAAO,MAAM,CAAC,YAAY,KAAK,UAAU;QAC3C,OAAO,KAAK,CAAC;IAEf,MAAM,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IACjE,OAAO,QAAQ,CAAC,QAAQ,IAAI,IAAI,IAAI,YAAY,IAAI,IAAI,CAAC;AAC3D,CAAC;AAED,MAAM,UAAU,2BAA2B,CAAC,SAAwC;IAClF,OAAO,SAAS,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;AACpD,CAAC"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type { IProperty } from '../../services/propertiesService/IProperty.js';
|
|
2
|
-
import type { IPropertyGroup } from '../../services/propertiesService/IPropertyGroup.js';
|
|
3
|
-
export declare function createPropertyStructureSignature(properties: IProperty[] | IPropertyGroup[]): string;
|
|
4
|
-
export declare function hasPropertyStructureChanged(currentSignature: string, properties: IProperty[] | IPropertyGroup[]): boolean;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
export function createPropertyStructureSignature(properties) {
|
|
2
|
-
if (!properties?.length)
|
|
3
|
-
return '';
|
|
4
|
-
return properties.map(property => {
|
|
5
|
-
if ('properties' in property) {
|
|
6
|
-
return JSON.stringify({
|
|
7
|
-
kind: 'group',
|
|
8
|
-
name: property.name,
|
|
9
|
-
description: property.description ?? '',
|
|
10
|
-
properties: createPropertyStructureSignature(property.properties)
|
|
11
|
-
});
|
|
12
|
-
}
|
|
13
|
-
return JSON.stringify({
|
|
14
|
-
kind: 'property',
|
|
15
|
-
name: property.name,
|
|
16
|
-
displayName: property.displayName ?? '',
|
|
17
|
-
type: property.type ?? '',
|
|
18
|
-
propertyType: property.propertyType,
|
|
19
|
-
renamable: !!property.renamable,
|
|
20
|
-
readonly: !!property.readonly,
|
|
21
|
-
values: property.values ?? [],
|
|
22
|
-
units: property.units ?? [],
|
|
23
|
-
enumValues: property.enumValues ?? [],
|
|
24
|
-
hasCustomEditor: !!property.createEditor
|
|
25
|
-
});
|
|
26
|
-
}).join('|');
|
|
27
|
-
}
|
|
28
|
-
export function hasPropertyStructureChanged(currentSignature, properties) {
|
|
29
|
-
return createPropertyStructureSignature(properties) !== currentSignature;
|
|
30
|
-
}
|
|
31
|
-
//# sourceMappingURL=PropertyGridPropertyStructureSignature.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PropertyGridPropertyStructureSignature.js","sourceRoot":"","sources":["../../../../src/elements/widgets/propertyGrid/PropertyGridPropertyStructureSignature.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,gCAAgC,CAAC,UAA0C;IACzF,IAAI,CAAC,UAAU,EAAE,MAAM;QACrB,OAAO,EAAE,CAAC;IAEZ,OAAO,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;QAC/B,IAAI,YAAY,IAAI,QAAQ,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC,SAAS,CAAC;gBACpB,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,QAAQ,CAAC,IAAI;gBACnB,WAAW,EAAE,QAAQ,CAAC,WAAW,IAAI,EAAE;gBACvC,UAAU,EAAE,gCAAgC,CAAC,QAAQ,CAAC,UAAU,CAAC;aAClE,CAAC,CAAC;QACL,CAAC;QAED,OAAO,IAAI,CAAC,SAAS,CAAC;YACpB,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,QAAQ,CAAC,IAAI;YACnB,WAAW,EAAE,QAAQ,CAAC,WAAW,IAAI,EAAE;YACvC,IAAI,EAAE,QAAQ,CAAC,IAAI,IAAI,EAAE;YACzB,YAAY,EAAE,QAAQ,CAAC,YAAY;YACnC,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,SAAS;YAC/B,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,QAAQ;YAC7B,MAAM,EAAE,QAAQ,CAAC,MAAM,IAAI,EAAE;YAC7B,KAAK,EAAE,QAAQ,CAAC,KAAK,IAAI,EAAE;YAC3B,UAAU,EAAE,QAAQ,CAAC,UAAU,IAAI,EAAE;YACrC,eAAe,EAAE,CAAC,CAAC,QAAQ,CAAC,YAAY;SACzC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAED,MAAM,UAAU,2BAA2B,CAAC,gBAAwB,EAAE,UAA0C;IAC9G,OAAO,gCAAgC,CAAC,UAAU,CAAC,KAAK,gBAAgB,CAAC;AAC3E,CAAC"}
|