@node-projects/web-component-designer-visualization-addons 0.1.109 → 0.1.111

package/dist/helpers/BindingsHelper.d.ts

@@ -1,6 +1,10 @@
 import { VisualizationBinding } from "../interfaces/VisualizationBinding.js";
 import { State, VisualizationHandler } from "../interfaces/VisualizationHandler.js";
 import { BindingTarget } from "@node-projects/web-component-designer/dist/elements/item/BindingTarget.js";
+export type SpecialValueHandler = {
+    valueProvider: (propertyName: string) => any;
+    valueChangedCallbacks: Map<string, (() => void)[]>;
+};
 export declare const bindingPrefixProperty = "bind-prop:";
 export declare const bindingPrefixAttribute = "bind-attr:";
 export declare const bindingPrefixClass = "bind-class:";
@@ -44,15 +48,9 @@ export declare class BindingsHelper {
     serializeBinding(element: Element, targetName: string, binding: VisualizationBinding): [name: string, value: string];
     getBindingAttributeName(element: Element, propertyName: string, propertyTarget: BindingTarget): string;
     getBindings(element: Element): Generator<namedBinding, void, unknown>;
-    applyAllBindings(rootElement: ParentNode, relativeSignalPath: string, root: HTMLElement, specialValueHandler?: {
-        valueProvider: (propertyName: string) => any;
-        valueChangedCallbacks: Map<string, (() => void)[]>;
-    }): (() => void)[];
+    applyAllBindings(rootElement: ParentNode, relativeSignalPath: string, root: HTMLElement, specialValueHandler?: SpecialValueHandler): (() => void)[];
     parseCssBindings(sheet: string, element: Element, relativeSignalPath: string, root: HTMLElement): Promise<[stylesheet: CSSStyleSheet, unsub: (() => void)[]]>;
-    parseCssBinding(value: string, element: Element, relativeSignalPath: string, root: HTMLElement, specialValueHandler?: {
-        valueProvider: (propertyName: string) => any;
-        valueChangedCallbacks: Map<string, (() => void)[]>;
-    }): [name: string, unsub: (() => void)[]];
+    parseCssBinding(value: string, element: Element, relativeSignalPath: string, root: HTMLElement, specialValueHandler?: SpecialValueHandler): [name: string, unsub: (() => void)[]];
     /**
      * ? = bind to signals in properties
      * ?? = binding to a property
@@ -64,10 +62,7 @@ export declare class BindingsHelper {
      * @param root
      * @returns
      */
-    applyBinding(element: Element, binding: namedBinding, relativeSignalPath: string, root: HTMLElement, specialValueHandler?: {
-        valueProvider: (propertyName: string) => any;
-        valueChangedCallbacks: Map<string, (() => void)[]>;
-    }): () => void;
+    applyBinding(element: Element, binding: namedBinding, relativeSignalPath: string, root: HTMLElement, specialValueHandler?: SpecialValueHandler): () => void;
     private addTwoWayBinding;
     private static parseValueWithType;
     handleValueChanged(element: Element, binding: namedBinding, value: any, valuesObject: any[], index: number, signalVarNames: string[], noParse: boolean, relativeSignalPath: string): void;

package/dist/helpers/BindingsHelper.js

@@ -1,7 +1,6 @@
 import { TypedEvent, cssFromString } from "@node-projects/base-custom-webcomponent";
 import { BindingTarget } from "@node-projects/web-component-designer/dist/elements/item/BindingTarget.js";
 import { PropertiesHelper } from "@node-projects/web-component-designer/dist/elements/services/propertiesService/services/PropertiesHelper.js";
-//;,[ are not allowed in bindings, so they could be used for a short form...
 export const bindingPrefixProperty = 'bind-prop:';
 export const bindingPrefixAttribute = 'bind-attr:';
 export const bindingPrefixClass = 'bind-class:';

package/dist/interfaces/VisualisationElementScript.d.ts

@@ -1,5 +1,5 @@
 export interface VisualisationElementScript {
-    init?(instance: HTMLElement): any;
-    connectedCallback?(instance: HTMLElement): any;
-    disconnectedCallback?(instance: HTMLElement): any;
+    init?(instance: HTMLElement, shadowRoot: ShadowRoot): any;
+    connectedCallback?(instance: HTMLElement, shadowRoot: ShadowRoot): any;
+    disconnectedCallback?(instance: HTMLElement, shadowRoot: ShadowRoot): any;
 }

package/dist/scripting/ScriptSystem.js

@@ -417,7 +417,7 @@ export class ScriptSystem {
                     runInitalization(jsObject);
                 else {
                     if (jsObject.init) {
-                        jsObject.init(instance);
+                        jsObject.init(instance, shadowRoot);
                     }
                 }
             }

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.109",
+  "version": "0.1.111",
   "type": "module",
   "main": "./dist/index.js",
   "author": "jochen.kuehner@gmx.de",