From c42e8b8bef5964762cf9c8c71bbdd9a3cf8785de Mon Sep 17 00:00:00 2001
From: Philipp Kunz <gitlab@philkunz.com>
Date: Fri, 26 Nov 2021 19:05:04 +0100
Subject: [PATCH] fix(core): update

---
 ts_web/elements/wcc-properties.ts | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/ts_web/elements/wcc-properties.ts b/ts_web/elements/wcc-properties.ts
index e4f5dd0..412696b 100644
--- a/ts_web/elements/wcc-properties.ts
+++ b/ts_web/elements/wcc-properties.ts
@@ -260,13 +260,16 @@ export class WccProperties extends LitElement {
       }
       console.log(anonItem.elementProperties);
       const wccFrame = await this.dashboardRef.wccFrame;
-      let selectedElement: HTMLElement;
+      let firstFoundInstantiatedElement: HTMLElement;
       for (const element of Array.from(wccFrame.children)) {
         if (element instanceof (this.selectedItem as any)) {
-          selectedElement = element as HTMLElement;
+          firstFoundInstantiatedElement = element as HTMLElement;
           break;
         }
       }
+      if (!firstFoundInstantiatedElement) {
+        return;
+      }
       const classProperties: Map<string, any> = anonItem.elementProperties;
       if (!classProperties) {
         return;
@@ -287,38 +290,38 @@ export class WccProperties extends LitElement {
                   case 'Boolean':
                     return html`<input
                       type="checkbox"
-                      ?checked=${selectedElement[key]}
+                      ?checked=${firstFoundInstantiatedElement[key]}
                       @input="${(eventArg: any) => {
-                        selectedElement[key] = eventArg.target.checked;
+                        firstFoundInstantiatedElement[key] = eventArg.target.checked;
                       }}"
                     />`;
                   case 'String':
                     return html`<input
                       type="text"
-                      value=${selectedElement[key]}
+                      value=${firstFoundInstantiatedElement[key]}
                       @input="${(eventArg: any) => {
-                        selectedElement[key] = eventArg.target.value;
+                        firstFoundInstantiatedElement[key] = eventArg.target.value;
                       }}"
                     />`;
                   case 'Number':
                     return html`<input
                       type="number"
-                      value=${selectedElement[key]}
+                      value=${firstFoundInstantiatedElement[key]}
                       @input="${(eventArg: any) => {
-                        selectedElement[key] = eventArg.target.value;
+                        firstFoundInstantiatedElement[key] = eventArg.target.value;
                       }}"
                     />`;
                   case 'Enum':
                     const enumValues: any[] = getEnumValues(property);
                     return html`<select
                       @change="${(eventArg: any) => {
-                        selectedElement[key] = eventArg.target.value;
+                        firstFoundInstantiatedElement[key] = eventArg.target.value;
                       }}"
                     >
                       ${enumValues.map((valueArg) => {
                         return html`
                           <option
-                            ?selected=${valueArg === selectedElement[key] ? true : false}
+                            ?selected=${valueArg === firstFoundInstantiatedElement[key] ? true : false}
                             name="${valueArg}"
                           >
                             ${valueArg}