@node-projects/web-component-designer 0.0.207 → 0.0.209

package/dist/elements/helper/contextMenu/ContextMenu.d.ts

@@ -4,6 +4,7 @@ export interface IContextMenuOptions {
     subIcon?: string;
     mouseOffset?: number;
     shadowRoot?: ShadowRoot | Document;
+    mode?: 'normal' | 'undo';
 }
 export declare class ContextMenu {
     private static _contextMenuCss;
@@ -17,7 +18,7 @@ export declare class ContextMenu {
     renderLevel(level: IContextMenuItem[]): HTMLUListElement;
     display(event: MouseEvent): void;
     _windowResize(): void;
-    _windowDown(e: MouseEvent): void;
+    _windowDown(e: MouseEvent): boolean;
     _windowKeyUp(e: KeyboardEvent): void;
     static show(menu: IContextMenuItem[], event: MouseEvent, options?: IContextMenuOptions): ContextMenu;
     close(): void;

package/dist/elements/helper/contextMenu/ContextMenu.js

@@ -108,6 +108,10 @@ export class ContextMenu {
 	  
 	  .context_menu li[disabled=""]:hover {
 		background-color: inherit;
+	  }
+	  
+	  .context_menu li.context_menu_marked {
+		background-color: #5ebdec;
 	  }`;
     static count = 0;
     menu;
@@ -180,6 +184,12 @@ export class ContextMenu {
                             item.action(e, item);
                             this.close();
                         });
+                    if (this.options?.mode == 'undo') {
+                        li.addEventListener('mouseup', (e) => {
+                            item.action(e, item);
+                            this.close();
+                        });
+                    }
                     if (item.children != null) {
                         let childmenu = this.renderLevel(item.children);
                         li.appendChild(childmenu);
@@ -189,8 +199,34 @@ export class ContextMenu {
                                 childmenu.style.top = 'unset';
                                 childmenu.style.bottom = '0';
                             }
+                            if (this.options?.mode == 'undo') {
+                                let select = true;
+                                for (let node of li.parentElement.children) {
+                                    if (select)
+                                        node.classList.add('context_menu_marked');
+                                    else
+                                        node.classList.remove('context_menu_marked');
+                                    if (node == li)
+                                        select = false;
+                                }
+                            }
                         });
                     }
+                    else {
+                        if (this.options?.mode == 'undo') {
+                            li.addEventListener('mouseenter', () => {
+                                let select = true;
+                                for (let node of li.parentElement.children) {
+                                    if (select)
+                                        node.classList.add('context_menu_marked');
+                                    else
+                                        node.classList.remove('context_menu_marked');
+                                    if (node == li)
+                                        select = false;
+                                }
+                            });
+                        }
+                    }
                 }
                 ul_outer.appendChild(li);
             }
@@ -246,9 +282,11 @@ export class ContextMenu {
         this.close();
     }
     _windowDown(e) {
+        e.preventDefault();
         const p = e.composedPath();
         if (p.indexOf(this._menuElement) < 0)
             this.close();
+        return false;
     }
     _windowKeyUp(e) {
         if (e.key === 'Escape') {
@@ -264,8 +302,8 @@ export class ContextMenu {
         this._menuElement.remove();
         window.removeEventListener("keyup", this._windowKeyUp);
         window.removeEventListener("mousedown", this._windowDown);
-        window.removeEventListener("contextmenu", this._windowDown);
         window.removeEventListener("resize", this._windowResize);
+        setTimeout(() => window.removeEventListener("contextmenu", this._windowDown), 10);
     }
 }
 class ContextUtil {

package/dist/elements/services/stylesheetService/CssToolsStylesheetService.d.ts

@@ -1,7 +1,9 @@
 import { IDesignItem } from "../../item/IDesignItem.js";
 import { IStyleDeclaration, IStyleRule, IStylesheet } from "./IStylesheetService.js";
 import { AbstractStylesheetService } from "./AbstractStylesheetService.js";
-import type { CssDeclarationAST, CssRuleAST, CssStylesheetAST } from "@adobe/css-tools";
+type CssRuleAST = any;
+type CssDeclarationAST = any;
+type CssStylesheetAST = any;
 interface IRuleWithAST extends IStyleRule {
     ast: CssRuleAST;
     declarations: IDeclarationWithAST[];

package/dist/elements/services/undoService/IUndoService.d.ts

@@ -9,6 +9,6 @@ export interface IUndoService extends IService {
     clear(): any;
     undo(): any;
     redo(): any;
-    getUndoEntries(): Generator<string, void, unknown>;
-    getRedoEntries(): Generator<string, void, unknown>;
+    getUndoEntries(count?: number): Generator<string, void, unknown>;
+    getRedoEntries(count?: number): Generator<string, void, unknown>;
 }

package/dist/elements/services/undoService/UndoService.d.ts

@@ -17,6 +17,6 @@ export declare class UndoService implements IUndoService {
     redo(): void;
     canUndo(): boolean;
     canRedo(): boolean;
-    getUndoEntries(): Generator<string, void, unknown>;
-    getRedoEntries(): Generator<string, void, unknown>;
+    getUndoEntries(count?: number): Generator<string, void, unknown>;
+    getRedoEntries(count?: number): Generator<string, void, unknown>;
 }

package/dist/elements/services/undoService/UndoService.js

@@ -96,12 +96,12 @@ export class UndoService {
     canRedo() {
         return this._redoStack.length > 0;
     }
-    *getUndoEntries() {
-        for (let i = this._undoStack.length - 1; i >= 0; i--)
+    *getUndoEntries(count = 999) {
+        for (let i = Math.min(this._undoStack.length, count) - 1; i >= 0; i--)
             yield this._undoStack[i].title;
     }
-    *getRedoEntries() {
-        for (let i = this._redoStack.length - 1; i >= 0; i--)
+    *getRedoEntries(count = 999) {
+        for (let i = Math.min(this._redoStack.length, count) - 1; i >= 0; i--)
             yield this._redoStack[i].title;
     }
 }

package/dist/elements/widgets/designerView/extensions/grid/EditGridColumnRowSizesExtension.js

@@ -84,7 +84,10 @@ export class EditGridColumnRowSizesExtension extends AbstractExtension {
         let bounding = target.getBoundingClientRect();
         let containerSize = bounding[percentTarget];
         let amountGaps = percentTarget == "height" ? this.gridInformation.cells.length - 1 : this.gridInformation.cells[0].length - 1;
-        let gapSize = convertCssUnitToPixel(percentTarget == "width" ? cp.columnGap : cp.rowGap, target, percentTarget) ?? 0;
+        let gapValue = percentTarget == "width" ? cp.columnGap : cp.rowGap;
+        if (gapValue == "normal")
+            gapValue = '0px';
+        let gapSize = convertCssUnitToPixel(gapValue, target, percentTarget) ?? 0;
         let containerSizeWithoutGaps = containerSize - gapSize * amountGaps;
         let sizeForFrs = containerSizeWithoutGaps;
         for (let i = 0; i < pixelSizes.length; i++) {

package/package.json

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