@node-projects/web-component-designer 0.1.136 → 0.1.138

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/services/demoProviderService/SimpleDemoProviderService.js

@@ -22,12 +22,11 @@ export class SimpleDemoProviderService {
         }
         shadowRoot.adoptedStyleSheets = styles;
         shadowRoot.innerHTML = '';
-        //@ts-ignore
-        const myDocument = new DOMParser().parseFromString(code, 'text/html', { includeShadowRoots: true });
-        const fragment = document.createDocumentFragment();
-        for (let e of myDocument.childNodes)
-            fragment.appendChild(e);
-        shadowRoot.appendChild(fragment);
+        if ('setHTMLUnsafe' in shadowRoot)
+            //@ts-ignore
+            shadowRoot.setHTMLUnsafe(code);
+        else
+            shadowRoot.innerHTML = code;
         contentDiv.style.display = '';
     }
 }

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/package.json

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