@design.estate/dees-wcctools 1.0.96 → 1.0.98

package/dist_bundle/bundle.js

@@ -43341,24 +43341,29 @@ var WccProperties = class extends DeesElement {
   }
   async findElementRecursively(container, elementClass, maxDepth = 5) {
     if (maxDepth <= 0) return null;
-    for (const child of Array.from(container.children)) {
-      if (child instanceof elementClass) {
-        return child;
+    try {
+      for (const child of Array.from(container.children)) {
+        if (child instanceof elementClass) {
+          return child;
+        }
       }
-    }
-    for (const child of Array.from(container.children)) {
-      if (child.shadowRoot) {
-        const found2 = await this.findElementRecursively(child.shadowRoot, elementClass, maxDepth - 1);
-        if (found2) return found2;
+      for (const child of Array.from(container.children)) {
+        const found = await this.findElementRecursively(child, elementClass, maxDepth - 1);
+        if (found) return found;
+        if (child.shadowRoot) {
+          const shadowFound = await this.findElementRecursively(child.shadowRoot, elementClass, maxDepth - 1);
+          if (shadowFound) return shadowFound;
+        }
       }
-      const found = await this.findElementRecursively(child, elementClass, maxDepth - 1);
-      if (found) return found;
+    } catch (error) {
+      console.error("Error in findElementRecursively:", error);
     }
     return null;
   }
   async createProperties() {
     console.log("creating properties for:");
     console.log(this.selectedItem);
+    this.warning = null;
     const isEnumeration = (propertyArg) => {
       const keys2 = Object.keys(propertyArg.type);
       const values = [];
@@ -43401,7 +43406,7 @@ var WccProperties = class extends DeesElement {
       }
       console.log(anonItem.elementProperties);
       const wccFrame = await this.dashboardRef.wccFrame;
-      await new Promise((resolve2) => setTimeout(resolve2, 100));
+      await new Promise((resolve2) => setTimeout(resolve2, 200));
       const viewport = await wccFrame.getViewportElement();
       let firstFoundInstantiatedElement = await this.findElementRecursively(
         viewport,
@@ -43410,14 +43415,19 @@ var WccProperties = class extends DeesElement {
       let retries = 0;
       while (!firstFoundInstantiatedElement && retries < 5) {
         await new Promise((resolve2) => setTimeout(resolve2, 200));
-        firstFoundInstantiatedElement = await this.findElementRecursively(
-          viewport,
-          this.selectedItem
-        );
+        try {
+          firstFoundInstantiatedElement = await this.findElementRecursively(
+            viewport,
+            this.selectedItem
+          );
+        } catch (error) {
+          console.error("Error during element search retry:", error);
+        }
         retries++;
       }
       if (!firstFoundInstantiatedElement) {
         this.warning = `no first instantiated element found for >>${anonItem.name}<< after ${retries} retries`;
+        this.propertyContent = [];
         return;
       }
       const classProperties = anonItem.elementProperties;
@@ -43431,61 +43441,65 @@ var WccProperties = class extends DeesElement {
         if (key2 === "goBright" || key2 === "domtools") {
           continue;
         }
-        const property = classProperties.get(key2);
-        const propertyTypeString = await determinePropertyType(property);
-        propertyArray.push(
-          x`
+        try {
+          const property = classProperties.get(key2);
+          const propertyTypeString = await determinePropertyType(property);
+          propertyArray.push(
+            x`
             <div class="property">
               ${key2} / ${propertyTypeString}<br />
               ${(() => {
-            switch (propertyTypeString) {
-              case "Boolean":
-                return x`<input
+              switch (propertyTypeString) {
+                case "Boolean":
+                  return x`<input
                       type="checkbox"
                       ?checked=${firstFoundInstantiatedElement[key2]}
                       @input="${(eventArg) => {
-                  firstFoundInstantiatedElement[key2] = eventArg.target.checked;
-                }}"
+                    firstFoundInstantiatedElement[key2] = eventArg.target.checked;
+                  }}"
                     />`;
-              case "String":
-                return x`<input
+                case "String":
+                  return x`<input
                       type="text"
-                      value=${firstFoundInstantiatedElement[key2]}
+                      .value=${firstFoundInstantiatedElement[key2] || ""}
                       @input="${(eventArg) => {
-                  firstFoundInstantiatedElement[key2] = eventArg.target.value;
-                }}"
+                    firstFoundInstantiatedElement[key2] = eventArg.target.value;
+                  }}"
                     />`;
-              case "Number":
-                return x`<input
+                case "Number":
+                  return x`<input
                       type="number"
-                      value=${firstFoundInstantiatedElement[key2]}
+                      .value=${firstFoundInstantiatedElement[key2] ?? ""}
                       @input="${(eventArg) => {
-                  firstFoundInstantiatedElement[key2] = eventArg.target.value;
-                }}"
+                    firstFoundInstantiatedElement[key2] = parseFloat(eventArg.target.value) || 0;
+                  }}"
                     />`;
-              case "Enum":
-                const enumValues = getEnumValues(property);
-                return x`<select
+                case "Enum":
+                  const enumValues = getEnumValues(property);
+                  return x`<select
+                      .value=${firstFoundInstantiatedElement[key2] || ""}
                       @change="${(eventArg) => {
-                  firstFoundInstantiatedElement[key2] = eventArg.target.value;
-                }}"
+                    firstFoundInstantiatedElement[key2] = eventArg.target.value;
+                  }}"
                     >
                       ${enumValues.map((valueArg) => {
-                  return x`
+                    return x`
                           <option
-                            ?selected=${valueArg === firstFoundInstantiatedElement[key2] ? true : false}
-                            name="${valueArg}"
+                            value="${valueArg}"
                           >
                             ${valueArg}
                           </option>
                         `;
-                })}
+                  })}
                     </select>`;
-            }
-          })()}
+              }
+            })()}
             </div>
           `
-        );
+          );
+        } catch (error) {
+          console.error(`Error processing property ${key2}:`, error);
+        }
       }
       this.propertyContent = propertyArray;
     } else {
@@ -43505,7 +43519,12 @@ var WccProperties = class extends DeesElement {
     this.dashboardRef.buildUrl();
   }
   async scheduleUpdate() {
-    await this.createProperties();
+    try {
+      await this.createProperties();
+    } catch (error) {
+      console.error("Error creating properties:", error);
+      this.propertyContent = [];
+    }
     super.scheduleUpdate();
   }
   selectViewport(viewport) {