@node-projects/web-component-designer 0.1.172 → 0.1.174

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

@@ -316,7 +316,7 @@ export class ContextMenu {
     close() {
         this._menuElement.remove();
         window.removeEventListener("keyup", this._windowKeyUp);
-        window.removeEventListener("mousedown", this._windowDown, true);
+        window.removeEventListener("mousedown", this._windowDown);
         window.removeEventListener("resize", this._windowResize);
         setTimeout(() => window.removeEventListener("contextmenu", this._windowDown), 10);
     }

package/dist/elements/item/DesignItem.d.ts

@@ -24,7 +24,7 @@ export declare class DesignItem implements IDesignItem {
     nodeReplaced: TypedEvent<void>;
     get window(): Window & typeof globalThis;
     get document(): Document;
-    get usableContainer(): Element | ShadowRoot | Document;
+    get usableContainer(): Element | Document | ShadowRoot;
     clone(): Promise<IDesignItem>;
     allMatching(selectors: string): Generator<IDesignItem, void, undefined>;
     replaceNode(newNode: Node): void;

package/dist/elements/item/DesignItem.js

@@ -608,7 +608,9 @@ export class DesignItem {
                     return [{ selector: null, declarations: localStyles, specificity: -1 }, ...rules];
                 }
             }
-            catch (err) { }
+            catch (err) {
+                console.warn('getAppliedRules', err);
+            }
         }
         styles = [{ selector: null, declarations: localStyles, specificity: -1 }];
         this._stylesCache = styles;

package/dist/elements/services/stylesheetService/AbstractStylesheetService.js

@@ -112,11 +112,14 @@ export class AbstractStylesheetService {
         if (designItem == null)
             return true;
         for (let selector of selectors) {
-            /*if (selector == ':host') {
-                selector = DesignerCanvas.cssprefixConstant;
-            }*/
-            if (designItem.element.matches(AbstractStylesheetService.patchStylesheetSelectorForDesigner(selector)))
-                return true;
+            const patched = AbstractStylesheetService.patchStylesheetSelectorForDesigner(selector);
+            try {
+                if (designItem.element.matches(patched))
+                    return true;
+            }
+            catch (err) {
+                console.warn("invalid selector: ", selector, "patched: " + patched);
+            }
         }
         return false;
     }

package/package.json

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