@node-projects/web-component-designer 0.1.79 → 0.1.81

package/dist/elements/item/DesignItem.js

@@ -153,7 +153,10 @@ export class DesignItem {
     }
     set id(value) {
         this.element.id = value;
-        this.setAttribute("id", value);
+        if (this.id)
+            this.setAttribute("id", value);
+        else
+            this.removeAttribute("id");
     }
     get isRootItem() {
         return this.instanceServiceContainer.contentService.rootDesignItem === this;

package/dist/elements/services/multiplayerService/IMultiplayerService.d.ts

@@ -0,0 +1,16 @@
+import { IPoint } from "../../../interfaces/IPoint";
+export interface IMultiplayerService {
+    signOn(userInfo: userInfo): any;
+}
+export type userInfo = {
+    name: string;
+    color: string;
+};
+export type userContext = {
+    name: string;
+};
+export type cursor = {
+    point: IPoint;
+    state: 'none' | 'pointing' | 'chat';
+    document: string;
+};

package/dist/elements/services/multiplayerService/IMultiplayerService.js

@@ -0,0 +1 @@
+export {};

package/dist/elements/services/multiplayerService/MultiplayerService.d.ts

@@ -0,0 +1,6 @@
+import { TypedEvent } from "@node-projects/base-custom-webcomponent";
+import { userInfo } from "./IMultiplayerService";
+export declare class MultiplayerService {
+    constructor(getUserInfo: () => userInfo, sendMessage: (message: any) => void, messageReceived: () => any);
+    cursorsChanged: TypedEvent<string>;
+}

package/dist/elements/services/multiplayerService/MultiplayerService.js

@@ -0,0 +1,5 @@
+export class MultiplayerService {
+    constructor(getUserInfo, sendMessage, messageReceived) {
+    }
+    cursorsChanged;
+}

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

@@ -18,7 +18,7 @@ export class CommonPropertiesService extends AbstractPropertiesService {
             service: this,
             attributeName: "class",
             propertyName: "className",
-            propertyType: PropertyType.propertyAndAttribute
+            propertyType: PropertyType.attribute
         }, {
             name: "title",
             type: "string",

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

@@ -247,12 +247,6 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
     #node-projects-designer-search-container > #node-projects-designer-search-close::after {
       transform: translate(-50%, -50%) rotate(-45deg);
     }
-
-    #node-projects-designer-canvas-canvas {
-      margin: 0; 
-      padding: 0; 
-      border: none;
-    }
   `;
     static template = html `
     <div style="display: flex;flex-direction: column;width: 100%;height: 100%; margin: 0 !important; padding: 0 !important; border: none !important;">

package/dist/elements/widgets/propertyGrid/PropertyGridWithHeader.js

@@ -102,6 +102,7 @@ export class PropertyGridWithHeader extends BaseCustomWebComponentLazyAppend {
                 e.preventDefault();
                 e.stopPropagation();
             }
+            PropertyGridPropertyList.refreshIsSetElementAndEditorForDesignItems(this._idRect, this._propertiesService.idProperty, this._instanceServiceContainer.selectionService.selectedElements, this._propertiesService);
         };
         this._content.onkeydown = e => {
             if (e.key == 'Enter') {
@@ -113,13 +114,18 @@ export class PropertyGridWithHeader extends BaseCustomWebComponentLazyAppend {
                 e.preventDefault();
                 e.stopPropagation();
             }
+            PropertyGridPropertyList.refreshIsSetElementAndEditorForDesignItems(this._contentRect, this._propertiesService.contentProperty, this._instanceServiceContainer.selectionService.selectedElements, this._propertiesService);
+            PropertyGridPropertyList.refreshIsSetElementAndEditorForDesignItems(this._innerRect, this._propertiesService.innerHtmlProperty, this._instanceServiceContainer.selectionService.selectedElements, this._propertiesService);
         };
         let pSel;
         this._id.onfocus = e => {
             pSel = this._instanceServiceContainer.selectionService.primarySelection;
         };
         this._id.onblur = e => {
-            pSel.id = this._id.value;
+            if (pSel)
+                pSel.id = this._id.value;
+            pSel = null;
+            PropertyGridPropertyList.refreshIsSetElementAndEditorForDesignItems(this._idRect, this._propertiesService.idProperty, this._instanceServiceContainer.selectionService.selectedElements, this._propertiesService);
         };
     }
     set serviceContainer(value) {
@@ -145,6 +151,7 @@ export class PropertyGridWithHeader extends BaseCustomWebComponentLazyAppend {
                 this._type.value = this._instanceServiceContainer.selectionService.primarySelection?.node?.nodeName ?? '';
             }
             this._type.title = this._type.value;
+            this._id.blur();
             this._id.value = this._instanceServiceContainer.selectionService.primarySelection?.id ?? '';
             if (this._instanceServiceContainer.selectionService.primarySelection?.element?.nodeType != NodeType.Element) {
                 this._content.value = this._instanceServiceContainer.selectionService.primarySelection?.content ?? '';

package/package.json

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