@node-projects/web-component-designer 0.1.83 → 0.1.84

package/dist/elements/services/placementService/DefaultPlacementService.js

@@ -97,8 +97,8 @@ export class DefaultPlacementService {
         }
         let filteredItems = filterChildPlaceItems(items);
         for (const designItem of filteredItems) {
-            const canvas = designItem.element.closest('#node-projects-designer-canvas-canvas');
-            let originalElementAndAllAncestorsMultipliedMatrix = getResultingTransformationBetweenElementAndAllAncestors(designItem.element.parentElement, canvas, true);
+            const canvas = designItem.instanceServiceContainer.designerCanvas.rootDesignItem.element;
+            let originalElementAndAllAncestorsMultipliedMatrix = getResultingTransformationBetweenElementAndAllAncestors(designItem.parent.element, canvas, true);
             let transformMatrixParentTransformsCompensated = null;
             if (originalElementAndAllAncestorsMultipliedMatrix) {
                 transformMatrixParentTransformsCompensated = new DOMPoint(track.x, track.y, 0, 0).matrixTransform(originalElementAndAllAncestorsMultipliedMatrix.inverse());

package/dist/elements/services/placementService/SnaplinesProviderService.js

@@ -12,8 +12,13 @@ export class SnaplinesProviderService {
             const positionsMiddleH = [];
             const positionsV = [];
             const positionsMiddleV = [];
-            for (let n of containerItem.querySelectorAll('*')) {
-                if (!ignMap.has(n)) {
+            const tw = document.createTreeWalker(containerItem.isRootItem ? containerItem.element.shadowRoot : containerItem.element, NodeFilter.SHOW_ELEMENT);
+            let n = tw.nextNode();
+            while (n != null) {
+                if (ignMap.has(n)) {
+                    n = tw.nextSibling();
+                }
+                else {
                     const p = n.getBoundingClientRect();
                     const pLeft = (p.x - outerRect.x) / canvas.scaleFactor;
                     const pMidH = (p.x - outerRect.x + p.width / 2) / canvas.scaleFactor;
@@ -36,6 +41,7 @@ export class SnaplinesProviderService {
                     positionsV.push([pBottom, transformedP]);
                     if (provideWithDist)
                         positionsV.push([pBottom + provideWithDistDist, transformedP]);
+                    n = tw.nextNode();
                 }
             }
             positionsH.push([0, { x: 0, y: 0, width: 0, height: 0 }]);

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

@@ -749,13 +749,6 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
     _lastDdElement = null;
     _onDragOver(event) {
         event.preventDefault();
-        /*if (this.alignOnSnap) {
-          this.snapLines.calculateSnaplines(this.instanceServiceContainer.selectionService.selectedElements);
-          //TODO: fix this following code...
-          const currentPoint = this.getDesignerMousepoint(event);
-          let containerService = this.serviceContainer.getLastServiceWhere('containerService', x => x.serviceForContainer(this.rootDesignItem))
-          containerService.finishPlace(this, this.rootDesignItem, this._initialPoint, currentPoint, this.instanceServiceContainer.selectionService.selectedElements);
-        }*/
         this.fillCalculationrects();
         if (event.dataTransfer.types.length > 0 && event.dataTransfer.types[0] == 'Files') {
             const ddService = this.serviceContainer.externalDragDropService;

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "A UI designer for Polymer apps",
   "name": "@node-projects/web-component-designer",
-  "version": "0.1.83",
+  "version": "0.1.84",
   "type": "module",
   "main": "./dist/index.js",
   "author": "jochen.kuehner@gmx.de",