@node-projects/web-component-designer 0.1.139 → 0.1.141

package/dist/elements/helper/ElementHelper.js

@@ -89,9 +89,17 @@ export function getElementsWindowOffsetWithoutSelfAndParentTransformations(eleme
         }
         let scrollLeft = 0;
         let scrollTop = 0;
+        if (element instanceof HTMLElement) {
+            let parent = element.parentElement;
+            while (parent !== null && parent !== nextParent) {
+                scrollLeft += parent.scrollLeft;
+                scrollTop += parent.scrollTop;
+                parent = parent.parentElement;
+            }
+        }
         if (nextParent) {
-            scrollLeft = nextParent.scrollLeft ?? 0;
-            scrollTop = nextParent.scrollTop ?? 0;
+            scrollLeft += nextParent.scrollLeft;
+            scrollTop += nextParent.scrollTop;
         }
         let currLeft = 0;
         let currTop = 0;

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

@@ -1,4 +1,5 @@
 export declare enum BindingTarget {
+    explicitProperty = "explicitProperty",
     property = "property",
     attribute = "attribute",
     class = "class",

package/dist/elements/item/BindingTarget.js

@@ -1,5 +1,6 @@
 export var BindingTarget;
 (function (BindingTarget) {
+    BindingTarget["explicitProperty"] = "explicitProperty";
     BindingTarget["property"] = "property";
     BindingTarget["attribute"] = "attribute";
     BindingTarget["class"] = "class";

package/dist/elements/services/bindingsService/BaseCustomWebcomponentBindingsService.js

@@ -12,7 +12,12 @@ export class BaseCustomWebcomponentBindingsService {
                 if (!bindings)
                     bindings = [];
                 let bnd = { rawName: name, rawValue: value };
-                if (a[0].startsWith('css:')) {
+                if (a[0] === 'bcw:visible') {
+                    bnd.targetName = 'visibility';
+                    bnd.target = BindingTarget.css;
+                    bnd.expression = value.substring(2, value.length - 2);
+                }
+                else if (a[0].startsWith('css:')) {
                     bnd.targetName = name.substring(4);
                     bnd.target = BindingTarget.css;
                     bnd.expression = value.substring(2, value.length - 2);
@@ -32,6 +37,11 @@ export class BaseCustomWebcomponentBindingsService {
                     bnd.target = BindingTarget.event;
                     bnd.expression = value.substring(2, value.length - 2);
                 }
+                else if (a[0].startsWith('.')) {
+                    bnd.targetName = name.substring(1);
+                    bnd.target = BindingTarget.explicitProperty;
+                    bnd.expression = value.substring(2, value.length - 2);
+                }
                 else {
                     bnd.targetName = PropertiesHelper.dashToCamelCase(name);
                     bnd.target = BindingTarget.property;
@@ -50,6 +60,9 @@ export class BaseCustomWebcomponentBindingsService {
             return false;
         let nm = '';
         switch (binding.target) {
+            case BindingTarget.explicitProperty:
+                nm += '.';
+                break;
             case BindingTarget.css:
                 nm += 'css:';
                 break;

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

@@ -134,11 +134,11 @@ export class AbstractPropertiesService {
                         return ValueType.bound;
                 }
                 else if (property.propertyType == PropertyType.property) {
-                    if (bindings && bindings.find(x => x.target == BindingTarget.property && x.targetName == property.name))
+                    if (bindings && bindings.find(x => (x.target == BindingTarget.property || x.target == BindingTarget.explicitProperty) && 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))
+                    if (bindings && bindings.find(x => (x.target == BindingTarget.property || x.target == BindingTarget.explicitProperty || x.target == BindingTarget.attribute) && x.targetName == property.name))
                         return ValueType.bound;
                 }
             }
@@ -230,10 +230,10 @@ export class AbstractPropertiesService {
                     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);
+                    return bindings.find(x => (x.target == BindingTarget.property || x.target == BindingTarget.explicitProperty) && x.targetName == property.name);
                 }
                 else {
-                    return bindings.find(x => (x.target == BindingTarget.property || x.target == BindingTarget.attribute) && x.targetName == property.name);
+                    return bindings.find(x => (x.target == BindingTarget.property || x.target == BindingTarget.explicitProperty || x.target == BindingTarget.attribute) && x.targetName == property.name);
                 }
             }
         }

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

@@ -86,7 +86,7 @@ export class AttributesPropertiesService {
     }
     getBinding(designItems, property) {
         const bindings = AbstractPropertiesService.getOrBuildCachedBindings(designItems[0]);
-        return bindings.find(x => (x.target == BindingTarget.property || x.target == BindingTarget.attribute) && x.targetName == property.name);
+        return bindings.find(x => (x.target == BindingTarget.property || x.target == BindingTarget.explicitProperty || x.target == BindingTarget.attribute) && x.targetName == property.name);
     }
     getUnsetValue(designItems, property) {
         return property.defaultValue;

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

@@ -65,7 +65,7 @@ export class ContentAndIdPropertiesService extends AbstractPropertiesService {
                     some = some || has;
                 });
                 const bindings = AbstractPropertiesService.getOrBuildCachedBindings(designItems[0]);
-                if (bindings && bindings.find(x => x.target == BindingTarget.property && x.targetName == property.name))
+                if (bindings && bindings.find(x => (x.target == BindingTarget.property || x.target == BindingTarget.explicitProperty) && x.targetName == property.name))
                     return ValueType.bound;
             }
             return all ? ValueType.all : some ? ValueType.some : ValueType.none;

package/package.json

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