@thatopen/components 2.4.0-alpha.30 → 2.4.0-alpha.32

package/dist/index.mjs

@@ -3858,6 +3858,97 @@ class DataMap extends Map {
 }
 class ComponentWithUI extends Component {
 }
+class ControlsUtils {
+  static isEntry(item) {
+    const types = /* @__PURE__ */ new Set([
+      "Boolean",
+      "Color",
+      "Text",
+      "Number",
+      "Select",
+      "Vector3",
+      "TextSet",
+      "None"
+    ]);
+    return types.has(item.type);
+  }
+  static copySchema(schema, copy = {}) {
+    for (const name in schema) {
+      const entry = schema[name];
+      if (this.isEntry(entry)) {
+        copy[name] = this.copyEntry(entry);
+      } else {
+        copy[name] = {};
+        this.copySchema(entry, copy[name]);
+      }
+    }
+    return copy;
+  }
+  static copyEntry(controlEntry) {
+    if (controlEntry.type === "Boolean") {
+      const entry = controlEntry;
+      return {
+        type: entry.type,
+        value: entry.value
+      };
+    }
+    if (controlEntry.type === "Color") {
+      const entry = controlEntry;
+      return {
+        type: entry.type,
+        value: entry.value.clone()
+      };
+    }
+    if (controlEntry.type === "Text") {
+      const entry = controlEntry;
+      return {
+        type: entry.type,
+        value: entry.value
+      };
+    }
+    if (controlEntry.type === "Number") {
+      const entry = controlEntry;
+      return {
+        type: entry.type,
+        value: entry.value,
+        min: entry.min,
+        max: entry.max,
+        interpolable: entry.interpolable
+      };
+    }
+    if (controlEntry.type === "Select") {
+      const entry = controlEntry;
+      return {
+        type: entry.type,
+        value: entry.value,
+        multiple: entry.multiple,
+        options: new Set(entry.options)
+      };
+    }
+    if (controlEntry.type === "Vector3") {
+      const entry = controlEntry;
+      return {
+        type: entry.type,
+        value: entry.value.clone()
+      };
+    }
+    if (controlEntry.type === "TextSet") {
+      const entry = controlEntry;
+      return {
+        type: entry.type,
+        value: new Set(entry.value)
+      };
+    }
+    if (controlEntry.type === "None") {
+      const entry = controlEntry;
+      return {
+        type: entry.type,
+        value: entry.value
+      };
+    }
+    throw new Error("Invalid entry!");
+  }
+}
 class EventManager {
   constructor() {
     /**
@@ -5533,12 +5624,7 @@ class Configurator {
     configManager.list.set(this.uuid, this);
   }
   get controls() {
-    const copy = {};
-    for (const name in this._config) {
-      const entry = this._config[name];
-      copy[name] = this.copyEntry(entry);
-    }
-    return copy;
+    return ControlsUtils.copySchema(this._config);
   }
   set(data) {
     for (const name in data) {
@@ -5548,106 +5634,59 @@ class Configurator {
       }
     }
   }
-  export() {
-    const serializedData = {};
-    for (const id in this._config) {
-      const control = this._config[id];
-      if (control.type === "Color") {
-        const { r, g, b } = control.value;
-        serializedData[id] = { ...control, value: { r, g, b } };
-      } else if (control.type === "Vector3") {
-        const { x, y, z } = control.value;
-        serializedData[id] = { ...control, value: { x, y, z } };
-      } else if (control.type === "Select" || control.type === "TextSet") {
-        const value = Array.from(control.value);
-        serializedData[id] = { ...control, value };
-      } else {
-        serializedData[id] = { ...control };
-      }
-    }
-    return serializedData;
-  }
-  import(serializedData) {
-    const imported = {};
-    for (const id in serializedData) {
-      const control = serializedData[id];
-      if (control.type === "Color") {
-        const { r, g, b } = control.value;
-        imported[id] = { ...control, value: new THREE$1.Color(r, g, b) };
-      } else if (control.type === "Vector3") {
-        const { x, y, z } = control.value;
-        imported[id] = { ...control, value: new THREE$1.Vector3(x, y, z) };
-      } else if (control.type === "Select" || control.type === "TextSet") {
-        imported[id] = { ...control, value: new Set(control.value) };
+  export(controls = this._config, exported = {}) {
+    for (const id in controls) {
+      const control = controls[id];
+      const isControl = ControlsUtils.isEntry(control);
+      if (isControl) {
+        if (control.type === "Color") {
+          const { r, g, b } = control.value;
+          exported[id] = { ...control, value: { r, g, b } };
+        } else if (control.type === "Vector3") {
+          const { x, y, z } = control.value;
+          exported[id] = { ...control, value: { x, y, z } };
+        } else if (control.type === "TextSet") {
+          const value = Array.from(control.value);
+          exported[id] = { ...control, value };
+        } else if (control.type === "Select") {
+          const options = Array.from(control.options);
+          exported[id] = { ...control, options };
+        } else {
+          exported[id] = { ...control };
+        }
       } else {
-        imported[id] = { ...control };
+        exported[id] = {};
+        this.export(control, exported[id]);
       }
     }
-    this.set(imported);
+    return exported;
   }
-  copyEntry(controlEntry) {
-    if (controlEntry.type === "Boolean") {
-      const entry = controlEntry;
-      return {
-        type: entry.type,
-        value: entry.value
-      };
-    }
-    if (controlEntry.type === "Color") {
-      const entry = controlEntry;
-      return {
-        type: entry.type,
-        value: entry.value.clone()
-      };
-    }
-    if (controlEntry.type === "Text") {
-      const entry = controlEntry;
-      return {
-        type: entry.type,
-        value: entry.value
-      };
-    }
-    if (controlEntry.type === "Number") {
-      const entry = controlEntry;
-      return {
-        type: entry.type,
-        value: entry.value,
-        min: entry.min,
-        max: entry.max,
-        interpolable: entry.interpolable
-      };
-    }
-    if (controlEntry.type === "Select") {
-      const entry = controlEntry;
-      return {
-        type: entry.type,
-        value: entry.value,
-        multiple: entry.multiple,
-        options: new Set(entry.options)
-      };
-    }
-    if (controlEntry.type === "Vector3") {
-      const entry = controlEntry;
-      return {
-        type: entry.type,
-        value: entry.value.clone()
-      };
-    }
-    if (controlEntry.type === "TextSet") {
-      const entry = controlEntry;
-      return {
-        type: entry.type,
-        value: new Set(entry.value)
-      };
+  import(exported, imported = {}, first = true) {
+    for (const id in exported) {
+      const control = exported[id];
+      const isControl = ControlsUtils.isEntry(control);
+      if (isControl) {
+        if (control.type === "Color") {
+          const { r, g, b } = control.value;
+          imported[id] = { ...control, value: new THREE$1.Color(r, g, b) };
+        } else if (control.type === "Vector3") {
+          const { x, y, z } = control.value;
+          imported[id] = { ...control, value: new THREE$1.Vector3(x, y, z) };
+        } else if (control.type === "TextSet") {
+          imported[id] = { ...control, value: new Set(control.value) };
+        } else if (control.type === "Select") {
+          imported[id] = { ...control, options: new Set(control.options) };
+        } else {
+          imported[id] = { ...control };
+        }
+      } else {
+        imported[id] = {};
+        this.import(control, imported[id], false);
+      }
     }
-    if (controlEntry.type === "None") {
-      const entry = controlEntry;
-      return {
-        type: entry.type,
-        value: entry.value
-      };
+    if (first) {
+      this.set(imported);
     }
-    throw new Error("Invalid entry!");
   }
 }
 const _ConfigManager = class _ConfigManager extends Component {
@@ -27632,6 +27671,7 @@ export {
   Components,
   ConfigManager,
   Configurator,
+  ControlsUtils,
   CullerRenderer,
   Cullers,
   DataMap,