@node-projects/web-component-designer-visualization-addons 0.1.30 → 0.1.32

package/dist/helpers/BindingsHelper.d.ts

@@ -42,8 +42,8 @@ export declare class BindingsHelper {
     getBindingAttributeName(element: Element, propertyName: string, propertyTarget: BindingTarget): string;
     getBindings(element: Element): Generator<namedBinding, void, unknown>;
     applyAllBindings(rootElement: ParentNode, relativeSignalPath: string, root: HTMLElement): (() => void)[];
-    parseCssBindings(sheet: string, element: Element, root: HTMLElement): Promise<[stylesheet: CSSStyleSheet, unsub: (() => void)[]]>;
-    parseCssBinding(value: string, element: Element, root: HTMLElement): [name: string, unsub: (() => void)[]];
+    parseCssBindings(sheet: string, element: Element, relativeSignalPath: string, root: HTMLElement): Promise<[stylesheet: CSSStyleSheet, unsub: (() => void)[]]>;
+    parseCssBinding(value: string, element: Element, relativeSignalPath: string, root: HTMLElement): [name: string, unsub: (() => void)[]];
     applyBinding(element: Element, binding: namedBinding, relativeSignalPath: string, root: HTMLElement): () => void;
     private addTwoWayBinding;
     private static parseValueWithType;

package/dist/helpers/BindingsHelper.js

@@ -392,7 +392,7 @@ export class BindingsHelper {
         return retVal;
     }
     static #cssBindingsVarId = 0;
-    async parseCssBindings(sheet, element, root) {
+    async parseCssBindings(sheet, element, relativeSignalPath, root) {
         const parser = (await import("@adobe/css-tools"));
         const ast = parser.parse(sheet);
         let unsub;
@@ -401,7 +401,7 @@ export class BindingsHelper {
                 for (const d of r.declarations) {
                     if (d.type === parser.CssTypes.declaration) {
                         if (d.value.includes(bindingPrefixInsideCss)) {
-                            const newValue = this.parseCssBinding(d.value, element, root);
+                            const newValue = this.parseCssBinding(d.value, element, relativeSignalPath, root);
                             d.value = newValue[0];
                             if (unsub) {
                                 unsub.push(...newValue[1]);
@@ -417,7 +417,7 @@ export class BindingsHelper {
         const newStyle = parser.stringify(ast, { indent: '', compress: true });
         return [cssFromString(newStyle), unsub];
     }
-    parseCssBinding(value, element, root) {
+    parseCssBinding(value, element, relativeSignalPath, root) {
         value = value.trim();
         let res = '';
         let tmp = '';
@@ -442,7 +442,7 @@ export class BindingsHelper {
                     if (binding.startsWith('{')) {
                         bnd = JSON.parse(binding);
                     }
-                    unsub.push(this.applyBinding(element, bnd, '', root));
+                    unsub.push(this.applyBinding(element, bnd, relativeSignalPath, root));
                     res += 'var(' + varName + ')';
                     inBind = false;
                     binding = '';
@@ -537,7 +537,7 @@ export class BindingsHelper {
                     const nm = s.substring(1);
                     let evtCallback = () => {
                         let disableValueChanged = false;
-                        if (disableValueChanged) {
+                        if (!disableValueChanged) {
                             disableValueChanged = true;
                             this.handleValueChanged(element, binding, root[nm], valuesObject, i, signalVars, false);
                             disableValueChanged = false;

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "web-component-designer addon for visualizations",
   "name": "@node-projects/web-component-designer-visualization-addons",
-  "version": "0.1.30",
+  "version": "0.1.32",
   "type": "module",
   "main": "./dist/index.js",
   "author": "jochen.kuehner@gmx.de",