@node-projects/web-component-designer 0.1.80 → 0.1.82

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/AbstractPropertiesService.js

@@ -66,6 +66,10 @@ export class AbstractPropertiesService {
         cg.commit();
     }
     getPropertyTarget(designItem, property) {
+        if (property.propertyType == PropertyType.attribute)
+            return BindingTarget.attribute;
+        if (property.propertyType == PropertyType.cssValue)
+            return BindingTarget.css;
         return BindingTarget.property;
     }
     clearValue(designItems, property, clearType) {
@@ -122,8 +126,18 @@ export class AbstractPropertiesService {
                     return ValueType.bound;
             }
             else {
-                if (bindings && bindings.find(x => x.target == BindingTarget.property && x.targetName == property.name))
-                    return ValueType.bound;
+                if (property.propertyType == PropertyType.attribute) {
+                    if (bindings && bindings.find(x => x.target == BindingTarget.attribute && x.targetName == property.name))
+                        return ValueType.bound;
+                }
+                else if (property.propertyType == PropertyType.property) {
+                    if (bindings && bindings.find(x => x.target == BindingTarget.property && x.targetName == property.name))
+                        return ValueType.bound;
+                }
+                else {
+                    if (bindings && bindings.find(x => (x.target == BindingTarget.property || x.target == BindingTarget.attribute) && x.targetName == property.name))
+                        return ValueType.bound;
+                }
             }
             if (!all && property.propertyType == PropertyType.cssValue) {
                 let styles = AbstractPropertiesService._stylesCache.get(designItems[0]);
@@ -193,7 +207,15 @@ export class AbstractPropertiesService {
                 return bindings.find(x => (x.target == BindingTarget.css || x.target == BindingTarget.cssvar) && x.targetName == property.name);
             }
             else {
-                return bindings.find(x => (x.target == BindingTarget.property || x.target == BindingTarget.attribute) && x.targetName == property.name);
+                if (property.propertyType == PropertyType.attribute) {
+                    return bindings.find(x => x.target == BindingTarget.attribute && x.targetName == property.name);
+                }
+                else if (property.propertyType == PropertyType.property) {
+                    return bindings.find(x => x.target == BindingTarget.property && x.targetName == property.name);
+                }
+                else {
+                    return bindings.find(x => (x.target == BindingTarget.property || x.target == BindingTarget.attribute) && x.targetName == property.name);
+                }
             }
         }
         return null;

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/package.json

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