@node-projects/web-component-designer 0.0.192 → 0.0.193

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

@@ -11,9 +11,6 @@ export declare class ContextMenu {
     menu: IContextMenuItem[];
     options: IContextMenuOptions;
     private num;
-    private _windowDownBound;
-    private _windowKeyUpBound;
-    private _windowResizeBound;
     private _menuElement;
     constructor(menu: IContextMenuItem[], options?: IContextMenuOptions);
     reload(): void;

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

@@ -1,5 +1,4 @@
 import { css } from "@node-projects/base-custom-webcomponent";
-import { sleep } from '../Helper.js';
 export class ContextMenu {
     static _contextMenuCss = css `
 	  .context_menu {
@@ -114,18 +113,15 @@ export class ContextMenu {
     menu;
     options;
     num;
-    _windowDownBound;
-    _windowKeyUpBound;
-    _windowResizeBound;
     _menuElement;
     constructor(menu, options) {
         this.num = ContextMenu.count++;
         this.menu = menu;
         this.options = options;
         this.reload();
-        this._windowDownBound = this._windowDown.bind(this);
-        this._windowKeyUpBound = this._windowKeyUp.bind(this);
-        this._windowResizeBound = this._windowResize.bind(this);
+        this._windowDown = this._windowDown.bind(this);
+        this._windowKeyUp = this._windowKeyUp.bind(this);
+        this._windowResize = this._windowResize.bind(this);
     }
     reload() {
         let shadowRoot = this.options?.shadowRoot ?? document;
@@ -241,10 +237,10 @@ export class ContextMenu {
         }
         menu.classList.add("context_menu_display");
         event.preventDefault();
-        window.addEventListener("keyup", this._windowKeyUpBound);
-        window.addEventListener("mousedown", this._windowDownBound);
-        window.addEventListener("resize", this._windowResizeBound);
-        sleep(100).then(() => window.addEventListener("contextmenu", this._windowDownBound));
+        window.addEventListener("keyup", this._windowKeyUp);
+        window.addEventListener("mousedown", this._windowDown);
+        window.addEventListener("resize", this._windowResize);
+        setTimeout(() => window.addEventListener("contextmenu", this._windowDown), 100);
     }
     _windowResize() {
         this.close();
@@ -266,10 +262,10 @@ export class ContextMenu {
     }
     close() {
         this._menuElement.remove();
-        window.removeEventListener("keyup", this._windowKeyUpBound);
-        window.removeEventListener("mousedown", this._windowDownBound);
-        window.removeEventListener("contextmenu", this._windowDownBound);
-        window.removeEventListener("resize", this._windowResizeBound);
+        window.removeEventListener("keyup", this._windowKeyUp);
+        window.removeEventListener("mousedown", this._windowDown);
+        window.removeEventListener("contextmenu", this._windowDown);
+        window.removeEventListener("resize", this._windowResize);
     }
 }
 class ContextUtil {

package/dist/elements/services/propertiesService/services/CssCurrentPropertiesService.js

@@ -3,6 +3,7 @@ import { RefreshMode } from '../IPropertiesService.js';
 import { CommonPropertiesService } from './CommonPropertiesService.js';
 import { ValueType } from '../ValueType.js';
 import { NodeType } from '../../../item/NodeType.js';
+//TODO: remove this code when import asserts are supported
 let cssProperties;
 //@ts-ignore
 if (window.importShim) {

package/dist/elements/services/propertiesService/services/CssPropertiesService.js

@@ -3,6 +3,7 @@ import { PropertyType } from '../PropertyType.js';
 import { CommonPropertiesService } from './CommonPropertiesService.js';
 import { RefreshMode } from '../IPropertiesService.js';
 import { PropertiesHelper } from './PropertiesHelper.js';
+//TODO: remove this code when import asserts are supported
 let cssProperties;
 //@ts-ignore
 if (window.importShim) {

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

@@ -1007,17 +1007,16 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
         return style;
     }
     traverseAndCollectRules(ruleContainer) {
-        let ruleCollector = [];
+        let t = '';
         for (let rule of ruleContainer.cssRules) {
             if ((rule instanceof CSSContainerRule
                 || rule instanceof CSSSupportsRule
                 || rule instanceof CSSMediaRule)
                 && rule.cssRules) {
-                return rule.cssText.split(rule.conditionText)[0] + rule.conditionText + " { " + this.traverseAndCollectRules(rule) + " }";
+                t += rule.cssText.split(rule.conditionText)[0] + rule.conditionText + " { " + this.traverseAndCollectRules(rule) + " }";
             }
             if (rule instanceof CSSStyleRule) {
                 let parts = rule.selectorText.split(',');
-                let t = '';
                 for (let p of parts) {
                     if (p.includes(this.cssprefixConstant)) {
                         t += p;
@@ -1036,10 +1035,10 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
                         cssText += e[0] + ':' + e[1].toString() + ';';
                     }
                 }
-                ruleCollector.push(t + '{' + cssText + '}');
+                t += '{' + cssText + '}';
             }
         }
-        return ruleCollector.join(' ');
+        return t;
     }
 }
 customElements.define('node-projects-designer-canvas', DesignerCanvas);

package/package.json

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