@node-projects/web-component-designer 0.1.135 → 0.1.137

package/assets/icons/jump.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M440-440v-160h80v80h80v80H440Zm280 0v-80h80v-80h80v160H720ZM440-720v-160h160v80h-80v80h-80Zm360 0v-80h-80v-80h160v160h-80ZM136-80l-56-56 224-224H120v-80h320v320h-80v-184L136-80Z"/></svg>

package/dist/elements/controls/DesignerTabControl.js

@@ -40,7 +40,7 @@ export class DesignerTabControl extends BaseCustomWebComponentLazyAppend {
             display: flex;
             justify-content: center;
             align-items: center;
-            font-family: cursive;
+            font-family: math;
         }
         .header-more:hover {
             background: var(--light-grey, #383f52);

package/dist/elements/widgets/designerView/designerCanvas.js

@@ -667,10 +667,6 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
         this.extensionManager.disconnected();
     }
     _zoomFactorChanged() {
-        //a@ts-ignore
-        //this._canvasContainer.style.zoom = <any>this._zoomFactor;
-        //this._canvasContainer.style.transform = 'scale(' + this._zoomFactor+') translate(' + this._translate.x + ', '+this._translate.y+')';
-        //this._canvasContainer.style.transformOrigin = '0 0';
         this._canvasContainer.style.bottom = this._outercanvas2.offsetHeight >= this._canvasContainer.offsetHeight ? '0' : '';
         this._canvasContainer.style.right = this._outercanvas2.offsetWidth >= this._canvasContainer.offsetWidth ? '0' : '';
         this._updateTransform();

package/dist/elements/widgets/designerView/extensions/contextMenu/JumpToElementContextMenu.js

@@ -5,7 +5,7 @@ export class JumpToElementContextMenu {
     provideContextMenuItems(event, designerCanvas, designItem) {
         return [
             {
-                title: 'jump to', action: () => {
+                title: 'jump to', icon: `<img src="${new URL('../../../../../../assets/icons/jump.svg', import.meta.url)}">`, action: () => {
                     const coord = designerCanvas.getNormalizedElementCoordinates(designItem.element);
                     designerCanvas.zoomPoint({ x: coord.x + coord.width / 2, y: coord.y + coord.height / 2 }, designerCanvas.zoomFactor);
                 }

package/dist/elements/widgets/designerView/tools/PointerTool.js

@@ -212,8 +212,10 @@ export class PointerTool {
                     }
                     if (!this._actionStartedDesignItem)
                         return;
-                    if (!this._changeGroup)
+                    if (!this._changeGroup) {
                         this._changeGroup = designerCanvas.rootDesignItem.openGroup("Move Elements");
+                        window.addEventListener('pointerup', () => { this._changeGroup?.abort(); this._changeGroup = null; }, { once: true });
+                    }
                     if (event.ctrlKey && !this._copiedItemsInserted) {
                         this._changeGroup.title = "Copy Elements";
                         this._copiedItemsInserted = true;
@@ -332,6 +334,7 @@ export class PointerTool {
                             try {
                                 containerService.finishPlace(event, designerCanvas, this._actionStartedDesignItem.parent, this._initialPoint, this._initialOffset, cp, designerCanvas.instanceServiceContainer.selectionService.selectedElements);
                                 this._changeGroup.commit();
+                                this._changeGroup = null;
                             }
                             catch (err) {
                                 console.error(err);

package/dist/index.d.ts

@@ -279,6 +279,7 @@ export * from "./elements/widgets/designerView/extensions/contextMenu/ZMoveConte
 export * from "./elements/widgets/designerView/extensions/contextMenu/RotateLeftAndRightContextMenu.js";
 export * from "./elements/widgets/designerView/extensions/contextMenu/ZoomToElementContextMenu.js";
 export * from "./elements/widgets/designerView/extensions/contextMenu/JumpToElementContextMenu.js";
+export * from "./elements/widgets/designerView/extensions/contextMenu/AlignItemsContextMenu.js";
 export type { IDesignerPointerExtension } from "./elements/widgets/designerView/extensions/pointerExtensions/IDesignerPointerExtension.js";
 export type { IDesignerPointerExtensionProvider } from "./elements/widgets/designerView/extensions/pointerExtensions/IDesignerPointerExtensionProvider.js";
 export * from "./elements/widgets/designerView/extensions/pointerExtensions/AbstractDesignerPointerExtension.js";

package/dist/index.js

@@ -218,6 +218,7 @@ export * from "./elements/widgets/designerView/extensions/contextMenu/ZMoveConte
 export * from "./elements/widgets/designerView/extensions/contextMenu/RotateLeftAndRightContextMenu.js";
 export * from "./elements/widgets/designerView/extensions/contextMenu/ZoomToElementContextMenu.js";
 export * from "./elements/widgets/designerView/extensions/contextMenu/JumpToElementContextMenu.js";
+export * from "./elements/widgets/designerView/extensions/contextMenu/AlignItemsContextMenu.js";
 export * from "./elements/widgets/designerView/extensions/pointerExtensions/AbstractDesignerPointerExtension.js";
 export * from "./elements/widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtension.js";
 export * from "./elements/widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtensionProvider.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "A WYSIWYG designer webcomponent for html components",
   "name": "@node-projects/web-component-designer",
-  "version": "0.1.135",
+  "version": "0.1.137",
   "type": "module",
   "main": "./dist/index.js",
   "author": "jochen.kuehner@gmx.de",