@node-projects/web-component-designer 0.1.164 → 0.1.165

package/dist/elements/helper/TransformHelper.js

@@ -110,33 +110,26 @@ export function getDesignerCanvasNormalizedTransformedOriginWithoutParentTransfo
     const designerCanvasNormalizedTransformedOrigin = new DOMPoint(transformOriginAbsolutRelatedToWindowWithoutAnyTransformation.x - designerCanvas.containerBoundingRect.x, transformOriginAbsolutRelatedToWindowWithoutAnyTransformation.y - designerCanvas.containerBoundingRect.y);
     return designerCanvasNormalizedTransformedOrigin;
 }
-//const elementMatrixCacheKey = Symbol('windowOffsetsCacheKey');
+const elementMatrixCacheKey = Symbol('windowOffsetsCacheKey');
 export function getResultingTransformationBetweenElementAndAllAncestors(element, ancestor, excludeAncestor, cache = {}) {
-    /*let ch: Map<any, [DOMMatrix]>;
+    let ch;
     if (cache)
-      ch = cache[elementMatrixCacheKey] ??= new Map<any, [DOMMatrix]>();
+        ch = cache[elementMatrixCacheKey] ??= new Map();
     else
-      ch = new Map<any, [DOMMatrix]>();*/
-    let lst = [];
+        ch = new Map();
+    const res = ch.get(element);
+    if (res)
+        return res;
     let actualElement = element;
     let actualElementMatrix;
     let newElementMatrix;
     let originalElementAndAllParentsMultipliedMatrix;
     while (actualElement != ancestor && actualElement != null) {
-        /*let cachedObj = ch.get(actualElement);
-        if (cachedObj) {
-          if (originalElementAndAllParentsMultipliedMatrix)
-            originalElementAndAllParentsMultipliedMatrix = cachedObj[0].multiply(originalElementAndAllParentsMultipliedMatrix);
-          else
-            originalElementAndAllParentsMultipliedMatrix = cachedObj[0];
-          lst.forEach(x => x[0] = x[0].multiply(originalElementAndAllParentsMultipliedMatrix));
-          break;
-        }*/
         const newElement = getParentElementIncludingSlots(actualElement);
         if (newElement) {
             actualElementMatrix = getElementCombinedTransform(actualElement);
             newElementMatrix = getElementCombinedTransform(newElement);
-            actualElementMatrix.m41 = actualElementMatrix.m42 = actualElementMatrix.m43 = 0;
+            actualElementMatrix.m43 = 0;
             newElementMatrix.m41 = newElementMatrix.m42 = newElementMatrix.m43 = 0;
             if (actualElement == element) {
                 originalElementAndAllParentsMultipliedMatrix = newElementMatrix.multiply(actualElementMatrix);
@@ -144,13 +137,10 @@ export function getResultingTransformationBetweenElementAndAllAncestors(element,
             else if (newElement != ancestor || !excludeAncestor) {
                 originalElementAndAllParentsMultipliedMatrix = newElementMatrix.multiply(originalElementAndAllParentsMultipliedMatrix);
             }
-            lst.forEach(x => x[0] = x[0].multiply(originalElementAndAllParentsMultipliedMatrix));
-            const cacheEntry = [originalElementAndAllParentsMultipliedMatrix];
-            lst.push(cacheEntry);
-            //ch.set(actualElement, cacheEntry);
         }
         actualElement = newElement;
     }
+    ch.set(element, originalElementAndAllParentsMultipliedMatrix);
     return originalElementAndAllParentsMultipliedMatrix;
 }
 export function getByParentsTransformedPointRelatedToCanvas(element, point, designerCanvas, cache) {

package/dist/elements/services/DefaultServiceBootstrap.js

@@ -98,6 +98,7 @@ import { BasicWebcomponentPropertiesService } from './propertiesService/services
 import { PreviousElementSelectExtensionProvider } from '../widgets/designerView/extensions/PreviousElementSelectExtensionProvider.js';
 import { ForceCssContextMenu } from '../widgets/designerView/extensions/contextMenu/ForceCssContextMenu.js';
 import { OptionsContextMenuButton } from '../widgets/designerView/extensions/buttons/OptionsContextMenuButton.js';
+import { ChildrenContextMenu } from '../widgets/designerView/extensions/contextMenu/ChildrenContextMenu.js';
 export function createDefaultServiceContainer() {
     let serviceContainer = new ServiceContainer();
     let defaultPlacementService = new DefaultPlacementService();
@@ -218,6 +219,7 @@ export function createDefaultServiceContainer() {
         new SelectAllChildrenContextMenu(),
         new SeperatorContextMenu(),
         new ItemsBelowContextMenu(),
+        new ChildrenContextMenu(),
     ];
     return serviceContainer;
 }

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

@@ -0,0 +1,9 @@
+import { IContextMenuItem } from '../../../../helper/contextMenu/IContextMenuItem.js';
+import { IDesignItem } from '../../../../item/IDesignItem.js';
+import { IDesignerCanvas } from '../../IDesignerCanvas.js';
+import { ContextmenuInitiator, IContextMenuExtension } from './IContextMenuExtension.js';
+export declare class ChildrenContextMenu implements IContextMenuExtension {
+    shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
+    provideContextMenuItems(event: MouseEvent, designerCanvas: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];
+    private _select;
+}

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

@@ -0,0 +1,19 @@
+import { DesignItem } from '../../../../item/DesignItem.js';
+export class ChildrenContextMenu {
+    shouldProvideContextmenu(event, designerView, designItem, initiator) {
+        return initiator == 'designer';
+    }
+    provideContextMenuItems(event, designerCanvas, designItem) {
+        if (designItem) {
+            const lstItems = [...designItem.element.children];
+            if (lstItems.length > 0) {
+                return [{ title: 'children', children: [...lstItems.map(x => ({ title: 'select: ' + x.localName + (x.id ? ' (#' + x.id + ')' : ''), action: () => this._select(designerCanvas, x) }))] }];
+            }
+        }
+        return [];
+    }
+    _select(designerView, element) {
+        const item = DesignItem.GetOrCreateDesignItem(element, element, designerView.serviceContainer, designerView.instanceServiceContainer);
+        designerView.instanceServiceContainer.selectionService.setSelectedElements([item]);
+    }
+}

package/dist/elements/widgets/designerView/extensions/contextMenu/ItemsBelowContextMenu copy.d.ts

@@ -0,0 +1,9 @@
+import { IContextMenuItem } from '../../../../helper/contextMenu/IContextMenuItem.js';
+import { IDesignItem } from '../../../../item/IDesignItem.js';
+import { IDesignerCanvas } from '../../IDesignerCanvas.js';
+import { ContextmenuInitiator, IContextMenuExtension } from './IContextMenuExtension.js';
+export declare class ItemsBelowContextMenu implements IContextMenuExtension {
+    shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
+    provideContextMenuItems(event: MouseEvent, designerCanvas: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];
+    private _select;
+}

package/dist/elements/widgets/designerView/extensions/contextMenu/ItemsBelowContextMenu copy.js

@@ -0,0 +1,17 @@
+import { DesignItem } from '../../../../item/DesignItem.js';
+export class ItemsBelowContextMenu {
+    shouldProvideContextmenu(event, designerView, designItem, initiator) {
+        return initiator == 'designer';
+    }
+    provideContextMenuItems(event, designerCanvas, designItem) {
+        const lstItems = designerCanvas.elementsFromPoint(event.x, event.y);
+        if (lstItems.length > 0) {
+            return [{ title: 'items below', children: [...lstItems.map(x => ({ title: 'select: ' + x.localName + (x.id ? ' (' + x.id + ')' : ''), action: () => this._select(designerCanvas, x) }))] }];
+        }
+        return [];
+    }
+    _select(designerView, element) {
+        const item = DesignItem.GetOrCreateDesignItem(element, element, designerView.serviceContainer, designerView.instanceServiceContainer);
+        designerView.instanceServiceContainer.selectionService.setSelectedElements([item]);
+    }
+}

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

@@ -6,7 +6,7 @@ export class ItemsBelowContextMenu {
     provideContextMenuItems(event, designerCanvas, designItem) {
         const lstItems = designerCanvas.elementsFromPoint(event.x, event.y);
         if (lstItems.length > 0) {
-            return [{ title: 'items below', children: [...lstItems.map(x => ({ title: 'select: ' + x.localName + (x.id ? ' (' + x.id + ')' : ''), action: () => this._select(designerCanvas, x) }))] }];
+            return [{ title: 'items below', children: [...lstItems.map(x => ({ title: 'select: ' + x.localName + (x.id ? ' (#' + x.id + ')' : ''), action: () => this._select(designerCanvas, x) }))] }];
         }
         return [];
     }

package/dist/index.d.ts

@@ -275,6 +275,7 @@ export type { IContextMenuExtension, ContextmenuInitiator } from "./elements/wid
 export * from "./elements/widgets/designerView/extensions/contextMenu/ChildContextMenu.js";
 export * from "./elements/widgets/designerView/extensions/contextMenu/CopyPasteContextMenu.js";
 export * from "./elements/widgets/designerView/extensions/contextMenu/ItemsBelowContextMenu.js";
+export * from "./elements/widgets/designerView/extensions/contextMenu/ChildrenContextMenu.js";
 export * from "./elements/widgets/designerView/extensions/contextMenu/MultipleItemsSelectedContextMenu.js";
 export * from "./elements/widgets/designerView/extensions/contextMenu/PathContextMenu.js";
 export * from "./elements/widgets/designerView/extensions/contextMenu/RectContextMenu.js";

package/dist/index.js

@@ -214,6 +214,7 @@ export * from "./elements/widgets/designerView/extensions/EditText/EditTextExten
 export * from "./elements/widgets/designerView/extensions/contextMenu/ChildContextMenu.js";
 export * from "./elements/widgets/designerView/extensions/contextMenu/CopyPasteContextMenu.js";
 export * from "./elements/widgets/designerView/extensions/contextMenu/ItemsBelowContextMenu.js";
+export * from "./elements/widgets/designerView/extensions/contextMenu/ChildrenContextMenu.js";
 export * from "./elements/widgets/designerView/extensions/contextMenu/MultipleItemsSelectedContextMenu.js";
 export * from "./elements/widgets/designerView/extensions/contextMenu/PathContextMenu.js";
 export * from "./elements/widgets/designerView/extensions/contextMenu/RectContextMenu.js";

package/package.json

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