@node-projects/web-component-designer 0.1.149 → 0.1.151

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

@@ -1,3 +1,4 @@
+import { TypedEvent } from '@node-projects/base-custom-webcomponent';
 import { IDesignContext } from './IDesignContext.js';
 export declare class DesignContext implements IDesignContext {
     imports: string[];
@@ -5,4 +6,5 @@ export declare class DesignContext implements IDesignContext {
     extensionOptions: {
         [key: string]: any;
     };
+    extensionOptionsChanged: TypedEvent<void>;
 }

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

@@ -1,5 +1,7 @@
+import { TypedEvent } from '@node-projects/base-custom-webcomponent';
 export class DesignContext {
     imports = [];
     npmPackages = [];
     extensionOptions = {};
+    extensionOptionsChanged = new TypedEvent;
 }

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

@@ -1,7 +1,9 @@
+import { TypedEvent } from "@node-projects/base-custom-webcomponent";
 export interface IDesignContext {
     imports: string[];
     npmPackages: string[];
     extensionOptions: {
         [key: string]: any;
     };
+    extensionOptionsChanged: TypedEvent<void>;
 }

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

@@ -847,7 +847,7 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
         const mnuItems = [];
         for (let cme of this.serviceContainer.designerContextMenuExtensions) {
             if (cme.shouldProvideContextmenu(event, this, designItem, 'designer')) {
-                mnuItems.push(...cme.provideContextMenuItems(event, this, designItem));
+                mnuItems.push(...cme.provideContextMenuItems(event, this, designItem, 'designer'));
             }
         }
         let ctxMenu = new ContextMenu(mnuItems, null);

package/dist/elements/widgets/designerView/extensions/buttons/AbstractDesignViewConfigButton.js

@@ -18,6 +18,12 @@ export class AbstractDesignViewConfigButton {
             btn.appendChild(this.content);
         btn.title = this.tooltp;
         btn.className = 'toolbar-control';
+        designerCanvas.instanceServiceContainer.designContext.extensionOptionsChanged.on(() => {
+            if (extensionOptions[this.settingName] !== false)
+                btn.classList.add('selected');
+            else
+                btn.classList.remove('selected');
+        });
         const extensionOptions = designerCanvas.instanceServiceContainer.designContext.extensionOptions;
         if (extensionOptions[this.settingName] !== false)
             btn.classList.add('selected');

package/dist/elements/widgets/designerView/extensions/contextMenu/AlignItemsContextMenu.js

@@ -2,7 +2,10 @@ import { CommandType } from '../../../../../commandHandling/CommandType.js';
 import { NodeType } from '../../../../item/NodeType.js';
 export class AlignItemsContextMenu {
     shouldProvideContextmenu(event, designerView, designItem, initiator) {
-        return !designItem?.isRootItem && designItem?.nodeType == NodeType.Element;
+        if (designItem?.instanceServiceContainer.selectionService.selectedElements.length > 1) {
+            return !designItem?.isRootItem && designItem?.nodeType == NodeType.Element;
+        }
+        return false;
     }
     provideContextMenuItems(event, designerView, designItem) {
         return [

package/dist/elements/widgets/designerView/extensions/contextMenu/ChildContextMenu.d.ts

@@ -7,5 +7,5 @@ export declare class ChildContextMenu implements IContextMenuExtension {
     private _contextMenus;
     constructor(title: string, ...contextMenus: IContextMenuExtension[]);
     shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
-    provideContextMenuItems(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];
+    provideContextMenuItems(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): IContextMenuItem[];
 }

package/dist/elements/widgets/designerView/extensions/contextMenu/ChildContextMenu.js

@@ -8,7 +8,7 @@ export class ChildContextMenu {
     shouldProvideContextmenu(event, designerView, designItem, initiator) {
         return this._contextMenus.some(x => x.shouldProvideContextmenu(event, designerView, designItem, initiator));
     }
-    provideContextMenuItems(event, designerView, designItem) {
-        return [{ title: this._title, children: this._contextMenus.map(x => x.provideContextMenuItems(event, designerView, designItem)).flat() }];
+    provideContextMenuItems(event, designerView, designItem, initiator) {
+        return [{ title: this._title, children: this._contextMenus.map(x => x.shouldProvideContextmenu(event, designerView, designItem, initiator) ? x.provideContextMenuItems(event, designerView, designItem, initiator) : []).flat() }];
     }
 }

package/dist/elements/widgets/designerView/extensions/contextMenu/IContextMenuExtension.d.ts

@@ -4,5 +4,5 @@ import { IDesignerCanvas } from '../../IDesignerCanvas.js';
 export type ContextmenuInitiator = 'designer' | 'treeView' | 'other';
 export interface IContextMenuExtension {
     shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): any;
-    provideContextMenuItems(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];
+    provideContextMenuItems(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator, provider?: any): IContextMenuItem[];
 }

package/package.json

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