@node-projects/web-component-designer 0.1.94 → 0.1.96

package/dist/elements/services/elementsService/JsonFileElementsService.d.ts

@@ -7,6 +7,6 @@ export declare class JsonFileElementsService implements IElementsService {
     private _resolveStored;
     private _rejectStored;
     getElements(): Promise<IElementDefinition[]>;
-    constructor(name: string, file: string);
+    constructor(name: string, file: string | URL);
     private isIElementDefintion;
 }

package/dist/elements/services/elementsService/JsonFileElementsService.js

@@ -17,7 +17,7 @@ export class JsonFileElementsService {
     }
     constructor(name, file) {
         this._name = name;
-        LazyLoader.LoadText(file).then(data => {
+        LazyLoader.LoadText(file.toString()).then(data => {
             let parsed = JSON.parse(data);
             this._elementList = [];
             parsed.elements.forEach(element => {

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

@@ -32,6 +32,7 @@ export interface IDesignerCanvas extends IPlacementView, IUiCommandHandler {
     canvasOffset: IPoint;
     canvas: HTMLElement;
     additionalStyles: CSSStyleSheet[];
+    ignoreEvent(event: Event): any;
     initialize(serviceContainer: ServiceContainer): any;
     getNormalizedEventCoordinates(event: MouseEvent): IPoint;
     getViewportCoordinates(event: MouseEvent): IPoint;

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

@@ -63,6 +63,7 @@ export declare class DesignerCanvas extends BaseCustomWebComponentLazyAppend imp
     extensionManager: IExtensionManager;
     private _pointerextensions;
     private _lastCopiedPrimaryItem;
+    private _ignoreEvent;
     constructor();
     get designerWidth(): string;
     set designerWidth(value: string);
@@ -74,6 +75,7 @@ export declare class DesignerCanvas extends BaseCustomWebComponentLazyAppend imp
     set additionalStyles(value: CSSStyleSheet[]);
     get additionalStyles(): CSSStyleSheet[];
     private applyAllStyles;
+    ignoreEvent(event: Event): void;
     executeCommand(command: IUiCommand): Promise<void>;
     disableBackgroud(): void;
     enableBackground(): void;

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

@@ -275,6 +275,7 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
     extensionManager;
     _pointerextensions;
     _lastCopiedPrimaryItem;
+    _ignoreEvent;
     constructor() {
         super();
         this._restoreCachedInititalValues();
@@ -342,6 +343,9 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
         }
         this._canvasShadowRoot.adoptedStyleSheets = styles;
     }
+    ignoreEvent(event) {
+        this._ignoreEvent = event;
+    }
     /* --- start IUiCommandHandler --- */
     async executeCommand(command) {
         const modelCommandService = this.serviceContainer.modelCommandService;
@@ -1026,6 +1030,8 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
         }
     }
     _pointerEventHandler(event, forceElement = null) {
+        if (this._ignoreEvent === event)
+            return;
         if (!this.serviceContainer)
             return;
         if (this._touchGestureHelper.multitouchEventActive)

package/dist/elements/widgets/designerView/extensions/EditText/EditTextExtension.js

@@ -47,7 +47,11 @@ export class EditTextExtension extends AbstractExtension {
         let itemRect = this.extendedItem.element.getBoundingClientRect();
         const elements = EditTextExtension.template.content.cloneNode(true);
         FontPropertyEditor.addFontsToSelect(elements.querySelector('#fontFamily'));
-        elements.querySelectorAll('button').forEach(x => x.onpointerdown = () => this._formatSelection(x.dataset['command'], x.dataset['commandParameter']));
+        elements.querySelectorAll('button').forEach(x => x.onpointerdown = (e) => {
+            this.designerCanvas.ignoreEvent(e);
+            this._formatSelection(x.dataset['command'], x.dataset['commandParameter']);
+        });
+        elements.querySelectorAll('select').forEach(x => x.onpointerdown = (e) => this.designerCanvas.ignoreEvent(e));
         elements.querySelectorAll('select').forEach(x => x.onchange = () => this._formatSelection(x.dataset['command'], x.value));
         //Button overlay
         const foreignObject = document.createElementNS('http://www.w3.org/2000/svg', 'foreignObject');

package/package.json

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