@node-projects/web-component-designer 0.0.205 → 0.0.206

package/dist/elements/services/undoService/transactionItems/CssStyleChangeAction.js

@@ -35,10 +35,6 @@ export class CssStyleChangeAction {
     newValue;
     oldValue;
     mergeWith(other) {
-        if (other instanceof CssStyleChangeAction && this.designItem === other.designItem && this.name === other.name) {
-            this.newValue = other.newValue;
-            return true;
-        }
         return false;
     }
 }

package/dist/elements/services/undoService/transactionItems/InsertChildAction copy.d.ts

@@ -0,0 +1,16 @@
+import { ITransactionItem } from '../ITransactionItem.js';
+import { IDesignItem } from '../../../item/IDesignItem.js';
+export declare class InsertChildAction implements ITransactionItem {
+    constructor(designItem: IDesignItem, newParent: IDesignItem, newIndex: number);
+    title?: string;
+    get affectedItems(): IDesignItem[];
+    undo(): void;
+    do(): void;
+    designItem: IDesignItem;
+    newParent: IDesignItem;
+    newIndex: number;
+    oldParent: IDesignItem;
+    oldIndex: number;
+    newItem: IDesignItem;
+    mergeWith(other: ITransactionItem): boolean;
+}

package/dist/elements/services/undoService/transactionItems/InsertChildAction copy.js

@@ -0,0 +1,37 @@
+export class InsertChildAction {
+    constructor(designItem, newParent, newIndex) {
+        this.title = "Move or Insert Item";
+        this.designItem = designItem;
+        this.newParent = newParent;
+        this.newIndex = newIndex;
+    }
+    title;
+    get affectedItems() {
+        if (this.oldParent)
+            return [this.designItem, this.newParent, this.oldParent];
+        return [this.designItem, this.newParent];
+    }
+    undo() {
+        if (this.oldParent)
+            this.oldParent._insertChildInternal(this.designItem, this.oldIndex);
+        else
+            this.designItem.parent._removeChildInternal(this.designItem);
+        this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({ changeType: 'moved', designItems: [this.designItem] });
+    }
+    do() {
+        this.oldParent = this.designItem.parent;
+        if (this.oldParent)
+            this.oldIndex = this.designItem.parent.indexOf(this.designItem);
+        this.newParent._insertChildInternal(this.designItem, this.newIndex);
+        this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({ changeType: 'moved', designItems: [this.designItem] });
+    }
+    designItem;
+    newParent;
+    newIndex;
+    oldParent;
+    oldIndex;
+    newItem;
+    mergeWith(other) {
+        return false;
+    }
+}

package/dist/elements/services/undoService/transactionItems/SetDesignItemsAction.d.ts

@@ -0,0 +1,12 @@
+import { ITransactionItem } from '../ITransactionItem.js';
+import { IDesignItem } from '../../../item/IDesignItem.js';
+export declare class SetDesignItemsAction implements ITransactionItem {
+    constructor(newDesignItems: IDesignItem[], oldDesignItems: IDesignItem[]);
+    title?: string;
+    get affectedItems(): IDesignItem[];
+    undo(): void;
+    do(): void;
+    newDesignItems: IDesignItem[];
+    oldDesignItems: IDesignItem[];
+    mergeWith(other: ITransactionItem): boolean;
+}

package/dist/elements/services/undoService/transactionItems/SetDesignItemsAction.js

@@ -0,0 +1,22 @@
+export class SetDesignItemsAction {
+    constructor(newDesignItems, oldDesignItems) {
+        this.title = "Set all DesignItems";
+        this.newDesignItems = newDesignItems;
+        this.oldDesignItems = oldDesignItems;
+    }
+    title;
+    get affectedItems() {
+        return this.newDesignItems;
+    }
+    undo() {
+        this.newDesignItems[0].instanceServiceContainer.designerCanvas._internalSetDesignItems(this.oldDesignItems);
+    }
+    do() {
+        this.newDesignItems[0].instanceServiceContainer.designerCanvas._internalSetDesignItems(this.newDesignItems);
+    }
+    newDesignItems;
+    oldDesignItems;
+    mergeWith(other) {
+        return false;
+    }
+}

package/dist/elements/widgets/designerView/IDesignerCanvas.d.ts

@@ -49,6 +49,8 @@ export interface IDesignerCanvas extends IPlacementView, IUiCommandHandler {
     elementFromPoint(x: number, y: number): Element;
     elementsFromPoint(x: number, y: number): Element[];
     showHoverExtension(element: Element, event: Event): any;
+    setDesignItems(designItems: IDesignItem[]): any;
+    _internalSetDesignItems(designItems: IDesignItem[]): any;
     zoomTowardsPoint(point: IPoint, scalechange: number): void;
     zoomPoint(canvasPoint: IPoint, newZoom: number): void;
     zoomOntoRectangle(startPoint: IPoint, endPoint: IPoint): void;

package/dist/elements/widgets/designerView/designerCanvas.d.ts

@@ -83,6 +83,7 @@ export declare class DesignerCanvas extends BaseCustomWebComponentLazyAppend imp
     private _resizeBackgroundGrid;
     private _updateTransform;
     setDesignItems(designItems: IDesignItem[]): void;
+    _internalSetDesignItems(designItems: IDesignItem[]): void;
     addDesignItems(designItems: IDesignItem[]): void;
     _dragOverExtensionItem: IDesignItem;
     private _onDragEnter;

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

@@ -19,6 +19,7 @@ import { OverlayLayerView } from './overlayLayerView.js';
 import { ContextMenu } from '../../helper/contextMenu/ContextMenu.js';
 import { NodeType } from '../../item/NodeType.js';
 import { StylesheetChangedAction } from '../../services/undoService/transactionItems/StylesheetChangedAction.js';
+import { SetDesignItemsAction } from '../../services/undoService/transactionItems/SetDesignItemsAction.js';
 export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
     // Public Properties
     serviceContainer;
@@ -523,8 +524,12 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
         this.snapLines.clearSnaplines();
     }
     setDesignItems(designItems) {
+        const setItemsAction = new SetDesignItemsAction(designItems, [...this.rootDesignItem.children()]);
+        this.instanceServiceContainer.undoService.execute(setItemsAction);
+    }
+    _internalSetDesignItems(designItems) {
         this._fillCalculationrects();
-        this.instanceServiceContainer.undoService.clear();
+        //this.instanceServiceContainer.undoService.clear();
         this.overlayLayer.removeAllOverlays();
         DomHelper.removeAllChildnodes(this.overlayLayer);
         for (let i of [...this.rootDesignItem.children()])

package/dist/index.d.ts

@@ -118,6 +118,7 @@ export * from "./elements/services/undoService/transactionItems/InsertAction.js"
 export * from "./elements/services/undoService/transactionItems/InsertChildAction.js";
 export * from "./elements/services/undoService/transactionItems/StylesheetChangedAction.js";
 export * from "./elements/services/undoService/transactionItems/StylesheetStyleChangeAction.js";
+export * from "./elements/services/undoService/transactionItems/SetDesignItemsAction.js";
 export * from "./elements/services/BaseServiceContainer.js";
 export * from "./elements/services/InstanceServiceContainer.js";
 export type { IService } from "./elements/services/IService.js";

package/dist/index.js

@@ -82,6 +82,7 @@ export * from "./elements/services/undoService/transactionItems/InsertAction.js"
 export * from "./elements/services/undoService/transactionItems/InsertChildAction.js";
 export * from "./elements/services/undoService/transactionItems/StylesheetChangedAction.js";
 export * from "./elements/services/undoService/transactionItems/StylesheetStyleChangeAction.js";
+export * from "./elements/services/undoService/transactionItems/SetDesignItemsAction.js";
 export * from "./elements/services/BaseServiceContainer.js";
 export * from "./elements/services/InstanceServiceContainer.js";
 export * from "./elements/services/ServiceContainer.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "A UI designer for Polymer apps",
   "name": "@node-projects/web-component-designer",
-  "version": "0.0.205",
+  "version": "0.0.206",
   "type": "module",
   "main": "./dist/index.js",
   "author": "",