@node-projects/web-component-designer 0.0.158 → 0.0.160

package/dist/elements/services/demoProviderService/DemoProviderService.js

@@ -1,4 +1,4 @@
-import { DomHelper } from '@node-projects/base-custom-webcomponent/dist/DomHelper';
+import { DomHelper } from '@node-projects/base-custom-webcomponent/dist/DomHelper.js';
 export class DemoProviderService {
     provideDemo(container, serviceContainer, instanceServiceContainer, code, style) {
         return new Promise(resolve => {

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

@@ -1,4 +1,4 @@
-import { DomHelper } from '@node-projects/base-custom-webcomponent/dist/DomHelper';
+import { DomHelper } from '@node-projects/base-custom-webcomponent/dist/DomHelper.js';
 export class DeleteAction {
     constructor(deletedItems) {
         this.title = "Delete Items";

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

@@ -16,7 +16,7 @@ import { ExtensionManager } from './extensions/ExtensionManager.js';
 import { NamedTools } from './tools/NamedTools.js';
 import { Screenshot } from '../../helper/Screenshot.js';
 import { dataURItoBlob, exportData, sleep } from '../../helper/Helper.js';
-import { DomHelper } from '@node-projects/base-custom-webcomponent/dist/DomHelper';
+import { DomHelper } from '@node-projects/base-custom-webcomponent/dist/DomHelper.js';
 import { OverlayLayer } from './extensions/OverlayLayer.js';
 import { OverlayLayerView } from './overlayLayerView.js';
 import { ContextMenu } from '../../helper/contextMenu/ContextMenu.js';
@@ -454,6 +454,11 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
             const parser = this.serviceContainer.getLastServiceWhere('htmlParserService', x => x.constructor == DefaultHtmlParserService);
             this.addDesignItems(parser.createDesignItems(children, this.serviceContainer, this.instanceServiceContainer));
         }
+        if (!this.serviceContainer.options.zoomDesignerBackground) {
+            requestAnimationFrame(() => {
+                this._resizeBackgroundGrid();
+            });
+        }
     }
     connectedCallback() {
         if (!this._firstConnect) {
@@ -468,11 +473,6 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
             this.clickOverlay.addEventListener(EventNames.KeyDown, this._onKeyDownBound, true);
             this.clickOverlay.addEventListener(EventNames.KeyUp, this._onKeyUpBound, true);
             this.clickOverlay.addEventListener(EventNames.DblClick, this._onDblClickBound, true);
-            if (!this.serviceContainer.options.zoomDesignerBackground) {
-                setTimeout(() => {
-                    this._resizeBackgroundGrid();
-                }, 200);
-            }
         }
     }
     _zoomFactorChanged(refreshExtensions = true) {

package/package.json

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