@node-projects/web-component-designer 0.1.132 → 0.1.133
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/services/ServiceContainer.d.ts +1 -0
- package/dist/elements/services/ServiceContainer.js +3 -1
- package/dist/elements/services/dragDropService/DragDropService.js +1 -1
- package/dist/elements/widgets/designerView/extensions/ResizeExtension.js +1 -1
- package/dist/elements/widgets/designerView/extensions/grid/GridChildResizeExtension.js +1 -1
- package/package.json +1 -1
|
@@ -94,6 +94,7 @@ export declare class ServiceContainer extends BaseServiceContainer<ServiceNameMa
|
|
|
94
94
|
readonly options: {
|
|
95
95
|
zoomDesignerBackground: boolean;
|
|
96
96
|
roundPixelsToDecimalPlaces: number;
|
|
97
|
+
resizerPixelSize: number;
|
|
97
98
|
};
|
|
98
99
|
readonly designerTools: Map<string | NamedTools, ITool | (new (IElementDefinition: any) => ITool)>;
|
|
99
100
|
get bindingService(): IBindingService;
|
|
@@ -2,6 +2,7 @@ import { BaseServiceContainer } from './BaseServiceContainer.js';
|
|
|
2
2
|
import { DemoView } from '../widgets/demoView/demoView.js';
|
|
3
3
|
import { GlobalContext } from './GlobalContext.js';
|
|
4
4
|
import { CodeViewSimple } from '../widgets/codeView/code-view-simple.js';
|
|
5
|
+
const isMobile = !!(navigator.maxTouchPoints && navigator.userAgent.includes('Safari') && !navigator.userAgent.includes('Chrome'));
|
|
5
6
|
export class ServiceContainer extends BaseServiceContainer {
|
|
6
7
|
config = {
|
|
7
8
|
codeViewWidget: CodeViewSimple,
|
|
@@ -23,7 +24,8 @@ export class ServiceContainer extends BaseServiceContainer {
|
|
|
23
24
|
globalContext = new GlobalContext(this);
|
|
24
25
|
options = {
|
|
25
26
|
zoomDesignerBackground: true,
|
|
26
|
-
roundPixelsToDecimalPlaces: -1
|
|
27
|
+
roundPixelsToDecimalPlaces: -1,
|
|
28
|
+
resizerPixelSize: isMobile ? 8 : 3
|
|
27
29
|
};
|
|
28
30
|
designerTools = new Map();
|
|
29
31
|
get bindingService() {
|
|
@@ -57,7 +57,7 @@ export class DragDropService {
|
|
|
57
57
|
getPossibleContainerForDragDrop(designerCanvas, event) {
|
|
58
58
|
let newContainerElementDesignItem = null;
|
|
59
59
|
let newContainerService = null;
|
|
60
|
-
const elementsFromPoint = designerCanvas.elementsFromPoint(event.
|
|
60
|
+
const elementsFromPoint = designerCanvas.elementsFromPoint(event.clientX, event.clientY);
|
|
61
61
|
for (let e of elementsFromPoint) {
|
|
62
62
|
if (e == designerCanvas.rootDesignItem.element) {
|
|
63
63
|
newContainerElementDesignItem = designerCanvas.rootDesignItem;
|
|
@@ -48,7 +48,7 @@ export class ResizeExtension extends AbstractExtension {
|
|
|
48
48
|
//#endregion Circles
|
|
49
49
|
}
|
|
50
50
|
_drawResizerOverlay(x, y, cursor, oldCircle) {
|
|
51
|
-
let circle = this._drawCircle(x, y,
|
|
51
|
+
let circle = this._drawCircle(x, y, this.designerCanvas.serviceContainer.options.resizerPixelSize / this.designerCanvas.zoomFactor, 'svg-primary-resizer', oldCircle);
|
|
52
52
|
circle.style.strokeWidth = (1 / this.designerCanvas.zoomFactor).toString();
|
|
53
53
|
if (!oldCircle) {
|
|
54
54
|
circle.addEventListener(EventNames.PointerDown, event => this._pointerActionTypeResize(circle, event, cursor));
|
|
@@ -42,7 +42,7 @@ export class GridChildResizeExtension extends AbstractExtension {
|
|
|
42
42
|
//#endregion Circles
|
|
43
43
|
}
|
|
44
44
|
_drawResizerOverlay(x, y, cursor, oldCircle) {
|
|
45
|
-
let circle = this._drawCircle(x, y,
|
|
45
|
+
let circle = this._drawCircle(x, y, this.designerCanvas.serviceContainer.options.resizerPixelSize / this.designerCanvas.zoomFactor, 'svg-grid-resizer', oldCircle);
|
|
46
46
|
circle.style.strokeWidth = (1 / this.designerCanvas.zoomFactor).toString();
|
|
47
47
|
if (!oldCircle) {
|
|
48
48
|
circle.addEventListener(EventNames.PointerDown, event => this._pointerActionTypeResize(circle, event, cursor));
|
package/package.json
CHANGED