@node-projects/web-component-designer 0.1.30 → 0.1.32

package/dist/elements/helper/ElementHelper.js

@@ -1,3 +1,4 @@
+import { NodeType } from '../item/NodeType.js';
 export function inDesigner(element) {
     let node = element.getRootNode();
     if (node?.host?.localName == "node-projects-designer-canvas")
@@ -136,6 +137,8 @@ export function calculateOuterRect(designItems, designerCanvas) {
     let max = { x: Number.MIN_VALUE, y: Number.MIN_VALUE };
     let elementRect;
     for (let s of designItems) {
+        if (s.nodeType == NodeType.TextNode || s.nodeType == NodeType.Comment)
+            continue;
         elementRect = {
             x: designerCanvas.getNormalizedElementCoordinates(s.element).x,
             y: designerCanvas.getNormalizedElementCoordinates(s.element).y,

package/dist/elements/item/DesignItem.d.ts

@@ -46,9 +46,10 @@ export declare class DesignItem implements IDesignItem {
     get id(): string;
     set id(value: string);
     get isRootItem(): boolean;
+    childrenRect(selectors: string): Generator<IDesignItem, void, undefined>;
     _childArray: IDesignItem[];
     get hasChildren(): boolean;
-    children(): IterableIterator<IDesignItem>;
+    children(recursive?: boolean): IterableIterator<IDesignItem>;
     get childCount(): number;
     get firstChild(): IDesignItem;
     private _parent;

package/dist/elements/item/DesignItem.js

@@ -151,13 +151,27 @@ export class DesignItem {
     get isRootItem() {
         return this.instanceServiceContainer.contentService.rootDesignItem === this;
     }
+    *childrenRect(selectors) {
+        if (this.hasChildren) {
+            for (let d of this.children()) {
+                if (d.nodeType == NodeType.Element && d.element.matches(selectors))
+                    yield d;
+                yield* d.allMatching(selectors);
+            }
+        }
+    }
     _childArray = [];
     get hasChildren() {
         return this._childArray.length > 0;
     }
-    *children() {
+    *children(recursive = false) {
         for (const e of this._childArray) {
             yield e;
+            if (recursive) {
+                for (const c of e.children()) {
+                    yield c;
+                }
+            }
         }
     }
     get childCount() {

package/dist/elements/item/IDesignItem.d.ts

@@ -22,7 +22,7 @@ export interface IDesignItem {
     readonly hasAttributes: boolean;
     readonly hasStyles: boolean;
     readonly hasChildren: boolean;
-    children(): IterableIterator<IDesignItem>;
+    children(recursive?: boolean): IterableIterator<IDesignItem>;
     allMatching(selectors: string): IterableIterator<IDesignItem>;
     readonly childCount: number;
     readonly firstChild: IDesignItem;

package/dist/elements/services/refactorService/BindingsRefactorService.d.ts

@@ -1,6 +1,7 @@
 import { IDesignItem } from "../../item/IDesignItem.js";
+import { IRefactorService } from "./IRefactorService.js";
 import { IRefactoring } from "./IRefactoring.js";
-export declare class BindingsRefactorService {
+export declare class BindingsRefactorService implements IRefactorService {
     getRefactorings(designItems: IDesignItem[]): IRefactoring[];
     refactor(refactoring: IRefactoring, oldValue: string, newValue: string): void;
 }

package/dist/elements/services/refactorService/TextRefactorService.d.ts

@@ -1,6 +1,7 @@
 import { IDesignItem } from "../../item/IDesignItem.js";
+import { IRefactorService } from "./IRefactorService.js";
 import { IRefactoring } from "./IRefactoring.js";
-export declare class TextRefactorService {
+export declare class TextRefactorService implements IRefactorService {
     getRefactorings(designItems: IDesignItem[]): IRefactoring[];
     refactor(refactoring: IRefactoring, oldValue: string, newValue: string): void;
 }

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

@@ -486,7 +486,16 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
     }
     /* --- end IUiCommandHandler --- */
     handleSelectAll() {
-        this.instanceServiceContainer.selectionService.setSelectedElements(Array.from(this.rootDesignItem.children()));
+        const selection = Array.from(this.rootDesignItem.children(true));
+        const primary = this.instanceServiceContainer.selectionService.primarySelection;
+        if (primary) {
+            const idx = selection.indexOf(primary);
+            if (idx >= 0) {
+                selection.splice(idx, 1);
+                selection.unshift(primary);
+            }
+        }
+        this.instanceServiceContainer.selectionService.setSelectedElements(selection);
     }
     async handleCopyCommand() {
         this._currentPasteOffset = this.pasteOffset;

package/package.json

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