@node-projects/web-component-designer 0.1.271 → 0.1.272
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/widgets/designerView/extensions/contextMenu/AlignItemsContextMenu.js +9 -9
- package/dist/elements/widgets/designerView/extensions/contextMenu/AlignItemsContextMenu.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/contextMenu/CopyPasteContextMenu.js +5 -5
- package/dist/elements/widgets/designerView/extensions/contextMenu/CopyPasteContextMenu.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/contextMenu/JumpToElementContextMenu.js +2 -2
- package/dist/elements/widgets/designerView/extensions/contextMenu/JumpToElementContextMenu.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/contextMenu/RotateLeftAndRightContextMenu.js +3 -3
- package/dist/elements/widgets/designerView/extensions/contextMenu/RotateLeftAndRightContextMenu.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/contextMenu/ZMoveContextMenu.js +5 -5
- package/dist/elements/widgets/designerView/extensions/contextMenu/ZMoveContextMenu.js.map +1 -1
- package/dist/elements/widgets/designerView/extensions/contextMenu/ZoomToElementContextMenu.js +2 -1
- package/dist/elements/widgets/designerView/extensions/contextMenu/ZoomToElementContextMenu.js.map +1 -1
- package/dist/index-min.js +159 -159
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CommandType } from '../../../../../commandHandling/CommandType.js';
|
|
2
2
|
import { NodeType } from '../../../../item/NodeType.js';
|
|
3
|
-
import
|
|
3
|
+
import { assetsPath } from '../../../../../Constants.js';
|
|
4
4
|
export class AlignItemsContextMenu {
|
|
5
5
|
shouldProvideContextmenu(event, designerView, designItem, initiator) {
|
|
6
6
|
if (designItem?.instanceServiceContainer.selectionService.selectedElements.length > 1) {
|
|
@@ -10,14 +10,14 @@ export class AlignItemsContextMenu {
|
|
|
10
10
|
}
|
|
11
11
|
provideContextMenuItems(event, designerView, designItem) {
|
|
12
12
|
return [
|
|
13
|
-
{ title: 'align left', icon: `<img src="${
|
|
14
|
-
{ title: 'align center', icon: `<img src="${
|
|
15
|
-
{ title: 'align right', icon: `<img src="${
|
|
16
|
-
{ title: 'distribute horizontal', icon: `<img src="${
|
|
17
|
-
{ title: 'align top', icon: `<img src="${
|
|
18
|
-
{ title: 'align middle', icon: `<img src="${
|
|
19
|
-
{ title: 'align bottom', icon: `<img src="${
|
|
20
|
-
{ title: 'distribute vertical', icon: `<img src="${
|
|
13
|
+
{ title: 'align left', icon: `<img src="${assetsPath + 'icons/alignHorizontalLeft.svg'}">`, action: () => { designerView.executeCommand({ type: CommandType.arrangeLeft }); } },
|
|
14
|
+
{ title: 'align center', icon: `<img src="${assetsPath + 'icons/alignHorizontalCenter.svg'}">`, action: () => { designerView.executeCommand({ type: CommandType.arrangeCenter }); } },
|
|
15
|
+
{ title: 'align right', icon: `<img src="${assetsPath + 'icons/alignHorizontalRight.svg'}">`, action: () => { designerView.executeCommand({ type: CommandType.arrangeRight }); } },
|
|
16
|
+
{ title: 'distribute horizontal', icon: `<img src="${assetsPath + 'icons/horizontalDistribute.svg'}">`, action: () => { designerView.executeCommand({ type: CommandType.distributeHorizontal }); } },
|
|
17
|
+
{ title: 'align top', icon: `<img src="${assetsPath + 'icons/alignVerticalTop.svg'}">`, action: () => { designerView.executeCommand({ type: CommandType.arrangeTop }); } },
|
|
18
|
+
{ title: 'align middle', icon: `<img src="${assetsPath + 'icons/alignVerticalCenter.svg'}">`, action: () => { designerView.executeCommand({ type: CommandType.arrangeMiddle }); } },
|
|
19
|
+
{ title: 'align bottom', icon: `<img src="${assetsPath + 'icons/alignVerticalBottom.svg'}">`, action: () => { designerView.executeCommand({ type: CommandType.arrangeBottom }); } },
|
|
20
|
+
{ title: 'distribute vertical', icon: `<img src="${assetsPath + 'icons/verticalDistribute.svg'}">`, action: () => { designerView.executeCommand({ type: CommandType.distributeVertical }); } },
|
|
21
21
|
];
|
|
22
22
|
}
|
|
23
23
|
}
|
package/dist/elements/widgets/designerView/extensions/contextMenu/AlignItemsContextMenu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlignItemsContextMenu.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/contextMenu/AlignItemsContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAG5E,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGxD,OAAO,
|
|
1
|
+
{"version":3,"file":"AlignItemsContextMenu.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/contextMenu/AlignItemsContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAG5E,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGxD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,OAAO,qBAAqB;IAEzB,wBAAwB,CAAC,KAAiB,EAAE,YAA6B,EAAE,UAAuB,EAAE,SAA+B;QACxI,IAAI,UAAU,EAAE,wBAAwB,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACtF,OAAO,CAAC,UAAU,EAAE,UAAU,IAAI,UAAU,EAAE,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC;QAC7E,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAEM,uBAAuB,CAAC,KAAiB,EAAE,YAA6B,EAAE,UAAuB;QACtG,OAAO;YACL,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,UAAU,GAAG,+BAA+B,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;YAC/K,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,aAAa,UAAU,GAAG,iCAAiC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;YACrL,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,UAAU,GAAG,gCAAgC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;YAClL,EAAE,KAAK,EAAE,uBAAuB,EAAE,IAAI,EAAE,aAAa,UAAU,GAAG,gCAAgC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;YACpM,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,UAAU,GAAG,4BAA4B,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;YAC1K,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,aAAa,UAAU,GAAG,+BAA+B,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;YACnL,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,aAAa,UAAU,GAAG,+BAA+B,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;YACnL,EAAE,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,aAAa,UAAU,GAAG,8BAA8B,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;SAC/L,CAAA;IACH,CAAC;CACF"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { CommandType } from '../../../../../commandHandling/CommandType.js';
|
|
2
|
-
import
|
|
2
|
+
import { assetsPath } from '../../../../../Constants.js';
|
|
3
3
|
export class CopyPasteContextMenu {
|
|
4
4
|
shouldProvideContextmenu(event, designerView, designItem, initiator) {
|
|
5
5
|
return true;
|
|
6
6
|
}
|
|
7
7
|
provideContextMenuItems(event, designerView, designItem) {
|
|
8
8
|
return [
|
|
9
|
-
{ title: 'copy', icon: `<img src="${
|
|
10
|
-
{ title: 'cut', icon: `<img src="${
|
|
11
|
-
{ title: 'paste', icon: `<img src="${
|
|
12
|
-
{ title: 'delete', icon: `<img src="${
|
|
9
|
+
{ title: 'copy', icon: `<img src="${assetsPath + 'icons/copy.svg'}">`, action: () => { designerView.executeCommand({ type: CommandType.copy }); }, shortCut: 'Ctrl + C', disabled: designItem === null },
|
|
10
|
+
{ title: 'cut', icon: `<img src="${assetsPath + 'icons/cut.svg'}">`, action: () => { designerView.executeCommand({ type: CommandType.cut }); }, shortCut: 'Ctrl + X', disabled: designItem === null },
|
|
11
|
+
{ title: 'paste', icon: `<img src="${assetsPath + 'icons/paste.svg'}">`, action: () => { designerView.executeCommand({ type: CommandType.paste }); }, shortCut: 'Ctrl + V' },
|
|
12
|
+
{ title: 'delete', icon: `<img src="${assetsPath + 'icons/delete.svg'}">`, action: () => { designerView.executeCommand({ type: CommandType.delete }); }, shortCut: 'Del', disabled: designItem === null },
|
|
13
13
|
];
|
|
14
14
|
}
|
|
15
15
|
}
|
package/dist/elements/widgets/designerView/extensions/contextMenu/CopyPasteContextMenu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyPasteContextMenu.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/contextMenu/CopyPasteContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAK5E,OAAO,
|
|
1
|
+
{"version":3,"file":"CopyPasteContextMenu.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/contextMenu/CopyPasteContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAK5E,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,OAAO,oBAAoB;IACxB,wBAAwB,CAAC,KAAiB,EAAE,YAA6B,EAAE,UAAuB,EAAE,SAA+B;QACxI,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,uBAAuB,CAAC,KAAiB,EAAE,YAA6B,EAAE,UAAuB;QACtG,OAAO;YACL,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,UAAU,GAAG,gBAAgB,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,KAAK,IAAI,EAAE;YACxM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,UAAU,GAAG,eAAe,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,KAAK,IAAI,EAAE;YACrM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,UAAU,GAAG,iBAAiB,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE;YAC5K,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,UAAU,GAAG,kBAAkB,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,KAAK,IAAI,EAAE;SAC1M,CAAA;IACH,CAAC;CACF"}
|
package/dist/elements/widgets/designerView/extensions/contextMenu/JumpToElementContextMenu.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { assetsPath } from '../../../../../Constants.js';
|
|
2
2
|
export class JumpToElementContextMenu {
|
|
3
3
|
shouldProvideContextmenu(event, designerCanvas, designItem, initiator) {
|
|
4
4
|
return designItem !== null;
|
|
@@ -6,7 +6,7 @@ export class JumpToElementContextMenu {
|
|
|
6
6
|
provideContextMenuItems(event, designerCanvas, designItem) {
|
|
7
7
|
return [
|
|
8
8
|
{
|
|
9
|
-
title: 'jump to', icon: `<img src="${
|
|
9
|
+
title: 'jump to', icon: `<img src="${assetsPath + 'icons/jump.svg'}">`, action: () => {
|
|
10
10
|
const coord = designerCanvas.getNormalizedElementCoordinates(designItem.element);
|
|
11
11
|
designerCanvas.zoomPoint({ x: coord.x + coord.width / 2, y: coord.y + coord.height / 2 }, designerCanvas.zoomFactor);
|
|
12
12
|
}
|
package/dist/elements/widgets/designerView/extensions/contextMenu/JumpToElementContextMenu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JumpToElementContextMenu.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/contextMenu/JumpToElementContextMenu.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"JumpToElementContextMenu.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/contextMenu/JumpToElementContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAMzD,MAAM,OAAO,wBAAwB;IAE5B,wBAAwB,CAAC,KAAiB,EAAE,cAA+B,EAAE,UAAuB,EAAE,SAA+B;QAC1I,OAAO,UAAU,KAAK,IAAI,CAAC;IAC7B,CAAC;IAEM,uBAAuB,CAAC,KAAiB,EAAE,cAA+B,EAAE,UAAuB;QACxG,OAAO;YACL;gBACE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,aAAa,UAAU,GAAG,gBAAgB,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE;oBACnF,MAAM,KAAK,GAAG,cAAc,CAAC,+BAA+B,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;oBAEjF,cAAc,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;gBACvH,CAAC;aACF;SACF,CAAA;IACH,CAAC;CACF"}
|
package/dist/elements/widgets/designerView/extensions/contextMenu/RotateLeftAndRightContextMenu.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { CommandType } from '../../../../../commandHandling/CommandType.js';
|
|
2
2
|
import { NodeType } from '../../../../item/NodeType.js';
|
|
3
|
-
import
|
|
3
|
+
import { assetsPath } from '../../../../../Constants.js';
|
|
4
4
|
export class RotateLeftAndRight {
|
|
5
5
|
shouldProvideContextmenu(event, designerView, designItem, initiator) {
|
|
6
6
|
return !designItem?.isRootItem && designItem?.nodeType == NodeType.Element;
|
|
7
7
|
}
|
|
8
8
|
provideContextMenuItems(event, designerView, designItem) {
|
|
9
9
|
return [
|
|
10
|
-
{ title: 'rotate right', icon: `<img src="${
|
|
11
|
-
{ title: 'rotate left', icon: `<img src="${
|
|
10
|
+
{ title: 'rotate right', icon: `<img src="${assetsPath + 'icons/rotateRight.svg'}">`, action: () => { designerView.executeCommand({ type: CommandType.rotateClockwise }); }, shortCut: 'Ctrl + R' },
|
|
11
|
+
{ title: 'rotate left', icon: `<img src="${assetsPath + 'icons/rotateLeft.svg'}">`, action: () => { designerView.executeCommand({ type: CommandType.rotateCounterClockwise }); }, shortCut: 'Ctrl + Shift + R' }
|
|
12
12
|
];
|
|
13
13
|
}
|
|
14
14
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RotateLeftAndRightContextMenu.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/contextMenu/RotateLeftAndRightContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAG5E,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGxD,OAAO,
|
|
1
|
+
{"version":3,"file":"RotateLeftAndRightContextMenu.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/contextMenu/RotateLeftAndRightContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAG5E,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGxD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,OAAO,kBAAkB;IAEtB,wBAAwB,CAAC,KAAiB,EAAE,YAA6B,EAAE,UAAuB,EAAE,SAA+B;QACxI,OAAO,CAAC,UAAU,EAAE,UAAU,IAAI,UAAU,EAAE,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC;IAC7E,CAAC;IAEM,uBAAuB,CAAC,KAAiB,EAAE,YAA6B,EAAE,UAAuB;QACtG,OAAO;YACL,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,aAAa,UAAU,GAAG,uBAAuB,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE;YACnM,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,UAAU,GAAG,sBAAsB,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,kBAAkB,EAAE;SACjN,CAAA;IACH,CAAC;CACF"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { CommandType } from '../../../../../commandHandling/CommandType.js';
|
|
2
2
|
import { NodeType } from '../../../../item/NodeType.js';
|
|
3
|
-
import
|
|
3
|
+
import { assetsPath } from '../../../../../Constants.js';
|
|
4
4
|
export class ZMoveContextMenu {
|
|
5
5
|
shouldProvideContextmenu(event, designerView, designItem, initiator) {
|
|
6
6
|
return !designItem?.isRootItem && designItem?.nodeType == NodeType.Element;
|
|
7
7
|
}
|
|
8
8
|
provideContextMenuItems(event, designerView, designItem) {
|
|
9
9
|
return [
|
|
10
|
-
{ title: 'to front', icon: `<img style="rotate: 90deg" src="${
|
|
11
|
-
{ title: 'move forward', icon: `<img style="rotate: 90deg" src="${
|
|
12
|
-
{ title: 'move backward', icon: `<img style="rotate: 270deg" src="${
|
|
13
|
-
{ title: 'to back', icon: `<img style="rotate: 270deg" src="${
|
|
10
|
+
{ title: 'to front', icon: `<img style="rotate: 90deg" src="${assetsPath + 'icons/moveFirst.svg'}">`, action: () => { designerView.executeCommand({ type: CommandType.moveToFront }); } },
|
|
11
|
+
{ title: 'move forward', icon: `<img style="rotate: 90deg" src="${assetsPath + 'icons/moveLeft.svg'}">`, action: () => { designerView.executeCommand({ type: CommandType.moveForward }); } },
|
|
12
|
+
{ title: 'move backward', icon: `<img style="rotate: 270deg" src="${assetsPath + 'icons/moveLeft.svg'}">`, action: () => { designerView.executeCommand({ type: CommandType.moveBackward }); } },
|
|
13
|
+
{ title: 'to back', icon: `<img style="rotate: 270deg" src="${assetsPath + 'icons/moveFirst.svg'}">`, action: () => { designerView.executeCommand({ type: CommandType.moveToBack }); } },
|
|
14
14
|
];
|
|
15
15
|
}
|
|
16
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ZMoveContextMenu.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/contextMenu/ZMoveContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAG5E,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGxD,OAAO,
|
|
1
|
+
{"version":3,"file":"ZMoveContextMenu.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/contextMenu/ZMoveContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAG5E,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGxD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,OAAO,gBAAgB;IAEpB,wBAAwB,CAAC,KAAiB,EAAE,YAA6B,EAAE,UAAuB,EAAE,SAA+B;QACxI,OAAO,CAAC,UAAU,EAAE,UAAU,IAAI,UAAU,EAAE,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC;IAC7E,CAAC;IAEM,uBAAuB,CAAC,KAAiB,EAAE,YAA6B,EAAE,UAAuB;QACtG,OAAO;YACL,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,mCAAmC,UAAU,GAAG,qBAAqB,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;YACzL,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,mCAAmC,UAAU,GAAG,oBAAoB,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;YAC5L,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,oCAAoC,UAAU,GAAG,oBAAoB,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;YAC/L,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,oCAAoC,UAAU,GAAG,qBAAqB,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;SACzL,CAAA;IACH,CAAC;CACF"}
|
package/dist/elements/widgets/designerView/extensions/contextMenu/ZoomToElementContextMenu.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { assetsPath } from "../../../../../Constants.js";
|
|
1
2
|
const offset = 10;
|
|
2
3
|
export class ZoomToElementContextMenu {
|
|
3
4
|
shouldProvideContextmenu(event, designerCanvas, designItem, initiator) {
|
|
@@ -6,7 +7,7 @@ export class ZoomToElementContextMenu {
|
|
|
6
7
|
provideContextMenuItems(event, designerCanvas, designItem) {
|
|
7
8
|
return [
|
|
8
9
|
{
|
|
9
|
-
title: 'zoom to', icon: `<img src="${
|
|
10
|
+
title: 'zoom to', icon: `<img src="${assetsPath + 'icons/zoomIn.svg'}">`, action: () => {
|
|
10
11
|
const coord = designerCanvas.getNormalizedElementCoordinates(designItem.element);
|
|
11
12
|
const startPoint = { x: coord.x - offset, y: coord.y - offset };
|
|
12
13
|
const endPoint = { x: coord.x + coord.width + offset, y: coord.y + coord.height + offset };
|
package/dist/elements/widgets/designerView/extensions/contextMenu/ZoomToElementContextMenu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ZoomToElementContextMenu.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/contextMenu/ZoomToElementContextMenu.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ZoomToElementContextMenu.js","sourceRoot":"","sources":["../../../../../../src/elements/widgets/designerView/extensions/contextMenu/ZoomToElementContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAOzD,MAAM,MAAM,GAAG,EAAE,CAAC;AAElB,MAAM,OAAO,wBAAwB;IAE5B,wBAAwB,CAAC,KAAiB,EAAE,cAA+B,EAAE,UAAuB,EAAE,SAA+B;QAC1I,OAAO,UAAU,KAAK,IAAI,CAAC;IAC7B,CAAC;IAEM,uBAAuB,CAAC,KAAiB,EAAE,cAA+B,EAAE,UAAuB;QACxG,OAAO;YACL;gBACE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,aAAa,UAAU,GAAG,kBAAkB,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE;oBACrF,MAAM,KAAK,GAAG,cAAc,CAAC,+BAA+B,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;oBACjF,MAAM,UAAU,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC;oBAChE,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,GAAG,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC;oBAE3F,IAAI,IAAI,GAAU;wBAChB,CAAC,EAAE,UAAU,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;wBACxD,CAAC,EAAE,UAAU,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;wBACxD,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;wBAC1C,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;qBAC5C,CAAA;oBAED,IAAI,YAAY,GAAG,cAAc,CAAC,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;oBAC/D,IAAI,aAAa,GAAG,cAAc,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;oBAElE,IAAI,UAAU,GAAG,YAAY,IAAI,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC;oBAE9E,cAAc,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC;gBACxG,CAAC;aACF;SACF,CAAA;IACH,CAAC;CACF"}
|