fixes

Author: jogibear9988

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@node-projects/svghmi.webcomponent",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "a svghmi webcomponent.",
   "type": "module",
   "main": "./dist/index.js",
@@ -22,7 +22,7 @@
   },
   "customElements": "custom-elements.json",
   "devDependencies": {
-    "@node-projects/web-component-designer": "^0.1.254",
+    "@node-projects/web-component-designer": "^0.1.255",
     "@web/dev-server": "^0.4.6",
     "typescript": "^5.8.3"
   },

package.json

@@ -26,15 +26,17 @@
        cy="55.473213"
        cx="49.514877"
        id="path815"
-       style="opacity:1;stroke-width:0.26458332;fill:#ff0000"
+       fill="#ff0000"
+       style="opacity:1;stroke-width:0.26458332;"
        hmi-bind:fill="{{Converter.RGBA(ParamProps.FarbeKreis)}}"       />
 		<rect
        y="52.827377"
        x="46.869053"
        height="30.238094"
        width="30.238094"
        id="rect817"
-       style="opacity:1;fill:#00ff00;stroke-width:0.26458332"
+       fill="#00ff00"
+       style="opacity:1;stroke-width:0.26458332"
        hmi-bind:fill="{{Converter.RGBA(ParamProps.FarbeRechteck)}}"       />
 	</g>
 </svg>

sample/sample.svghmi

@@ -151,8 +151,8 @@ export class SvgHmi extends BaseCustomWebComponentConstructorAppend {
             } else {
                 const val = evalWithContext(this, b.value);
                 b.element.setAttribute(b.attribute, val);
-                if (b.element instanceof SVGElement)
-                    b.element.style[b.attribute] = val;
+                //if (b.element instanceof SVGElement)
+                //    b.element.style[b.attribute] = val;
             }
         }
     }

src/SvgHmi.ts

@@ -1,11 +1,15 @@
-import { AbstractPolymerLikePropertiesService, IDesignItem, IProperty, IPropertyGroup, PropertyType } from "@node-projects/web-component-designer";
+import { AbstractPolymerLikePropertiesService, IDesignItem, IProperty, IPropertyGroup, PropertyType, RefreshMode } from "@node-projects/web-component-designer";
 import { SvgHmi } from "../SvgHmi.js";
 
 export default class SvgHmiPropertiesService extends AbstractPolymerLikePropertiesService {
   override isHandledElement(designItem: IDesignItem): boolean {
     return designItem.element instanceof SvgHmi;
   }
 
+  override getRefreshMode(designItem: IDesignItem): RefreshMode {
+    return RefreshMode.fullOnValueChange;
+  }
+
   public override async getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]> {
     return Array.from((<SvgHmi>designItem.element)._svgHmiProperties.entries().map(x => ({
       name: x[1].name,