@node-projects/web-component-designer 0.0.167 → 0.0.168

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

@@ -13,7 +13,7 @@ export class ContextMenu {
 		color: black;
 	  }
 	  
-	  .context_menu.display {
+	  .context_menu.context_menu_display {
 		opacity: 1;
 		transform: scale(1);
 	  }
@@ -46,18 +46,18 @@ export class ContextMenu {
 		background-color: #bbb;
 	  }
 	  
-	  .context_menu li .cm_icon_span {	
-		width: 1.5em;
+	  .context_menu li .context_menu_icon_span {	
+		width: 28px;
 		display: inline-block;
 		border-right: 1px solid #aaa;
-		padding: 0px 3px;
 	  }
 
-	  .context_menu li .cm_icon_span {	
-		padding-left: 5px;
+	  .context_menu li .context_menu_text {	
+		padding-left: 2px;
+		vertical-align: middle;
 	  }
 	  
-	  .context_menu li .cm_sub_span {
+	  .context_menu li .context_menu_sub_span {
 		width: 1em;
 		display: inline-block;
 		text-align: center;
@@ -81,23 +81,23 @@ export class ContextMenu {
 		visibility: visible;
 	  }
 	  
-	  .context_menu li.cm_divider {
+	  .context_menu li.context_menu_divider {
 		border-bottom: 1px solid #aaa;
 		margin: 5px;
 		padding: 0;
 		cursor: default;
 	  }
 	  
-	  .context_menu li.cm_divider:hover {
+	  .context_menu li.context_menu_divider:hover {
 		background-color: inherit;
 	  }
 	  
-	  .context_menu.cm_border_right>ul ul {
+	  .context_menu.context_menu_border_right>ul ul {
 		left: unset;
 		right: 100%;
 	  }
 	  
-	  .context_menu.cm_border_bottom>ul ul {
+	  .context_menu.context_menu_border_bottom>ul ul {
 		top: unset;
 		bottom: 0;
 	  }
@@ -132,7 +132,7 @@ export class ContextMenu {
         if (this._menuElement == null) {
             this._menuElement = document.createElement("div");
             this._menuElement.className = "context_menu";
-            this._menuElement.id = "cm_" + this.num;
+            this._menuElement.id = "context_menu_" + this.num;
             if (shadowRoot === document)
                 document.body.appendChild(this._menuElement);
             else
@@ -151,7 +151,7 @@ export class ContextMenu {
             let li = document.createElement("li");
             if (item.title !== '-') {
                 let icon_span = document.createElement("span");
-                icon_span.className = 'cm_icon_span';
+                icon_span.className = 'context_menu_icon_span';
                 if ((item.icon ?? '') != '') {
                     icon_span.innerHTML = item.icon;
                 }
@@ -159,10 +159,10 @@ export class ContextMenu {
                     icon_span.innerHTML = this.options?.defaultIcon ?? '';
                 }
                 let text_span = document.createElement("span");
-                text_span.className = 'cm_text';
+                text_span.className = 'context_menu_text';
                 text_span.innerHTML = item.title;
                 let sub_span = document.createElement("span");
-                sub_span.className = 'cm_sub_span';
+                sub_span.className = 'context_menu_sub_span';
                 if (item.children != null) {
                     sub_span.innerHTML = this.options?.subIcon ?? '›';
                 }
@@ -195,7 +195,7 @@ export class ContextMenu {
             }
             else {
                 if (!lastWasDivider) {
-                    li.className = "cm_divider";
+                    li.className = "context_menu_divider";
                     lastWasDivider = true;
                     ul_outer.appendChild(li);
                 }
@@ -227,18 +227,18 @@ export class ContextMenu {
         }
         let sizes = ContextUtil.getSizes(menu);
         if ((windowWidth - clickCoordsX) < sizes.width) {
-            menu.classList.add("cm_border_right");
+            menu.classList.add("context_menu_border_right");
         }
         else {
-            menu.classList.remove("cm_border_right");
+            menu.classList.remove("context_menu_border_right");
         }
         if ((windowHeight - clickCoordsY) < sizes.height) {
-            menu.classList.add("cm_border_bottom");
+            menu.classList.add("context_menu_border_bottom");
         }
         else {
-            menu.classList.remove("cm_border_bottom");
+            menu.classList.remove("context_menu_border_bottom");
         }
-        menu.classList.add("display");
+        menu.classList.add("context_menu_display");
         event.preventDefault();
         window.addEventListener("keyup", this._windowKeyUpBound);
         window.addEventListener("mousedown", this._windowDownBound);

package/package.json

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